
/*---滚动条默认显示样式--*/  
::-webkit-scrollbar-thumb{  
   background-color:#fc3d00;  
   height:50px;  
   outline-offset:-2px;  
   outline:2px solid #fff;  
   -webkit-border-radius:4px;  
   border: 2px solid #fff;  
}  
 
/*---鼠标点击滚动条显示样式--*/  
::-webkit-scrollbar-thumb:hover{  
   background-color:#fc3d00;  
   height:50px;  
   -webkit-border-radius:4px;  
}  
 
/*---滚动条大小--*/  
::-webkit-scrollbar{  
   width:8px;  
   height:8px;  
}  
 
/*---滚动框背景样式--*/  
::-webkit-scrollbar-track-piece{  
   background-color:#fff;  
   -webkit-border-radius:0;  
}
.txtell{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
body,html{
    padding: 0;
    margin: 0;
    /*min-width: 1200px;*/
}
.flexBox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.footer .bot p .bot-f{
    width: 65px;height: 70px;position: absolute;left:530px;top: 0;
}
i,em{font-style:normal;}
.f-cb{
    zoom: 1;
}
.f-cb:after{
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
    overflow:hidden;
    content:".";
}

.header-wrap {
height:360px;
background:url(../img/b.jpg) no-repeat #fff;
background-size:cover;
position:relative;
}
.top-wrap {
display:flex;
padding:0 20px;
flex-direction:row;
justify-content:space-between;
color:#fff;
position:absolute;
width:100%;
box-sizing:border-box;
height:36px;

}
.top-wrap .l{width:auto;line-height:36px;display:flex;}
.top-wrap .l a{display:block;color:#fff;margin:0 5px;color:#fff;}
.top-wrap .l a:hover{text-decoration:underline;}
.top-wrap .r {}
.w1200 { width: 1200px;    position: relative;       margin: auto;        }
.logo-wrap{display:flex;justify-content:center;padding-top:86px;}
.logo-wrap a{display:block;width:165px;height:auto;}
.logo-wrap a img{width:100%;height:auto;}
.search-wrap{display:flex;flex-direction:column;justify-content:center;margin-top:15px;align-items:center;}
.search-wrap .inputbox{width:30%;background:#fff;border-radius:50px;line-height:56px;padding:0 10px;display:flex;}
.search-wrap .inputbox input{border:0;background:transparent;line-height:56px;height:56px;width:calc(100% - 80px);text-align:center;font-size:16px;}
.search-wrap .inputbox .sbtn{background:url(../img/ico2.png) no-repeat center center;width:80px;height:56px;}
.search-wrap .redian{display:flex;justify-content:center;align-items:center;flex-direction:row;margin-top:15px;}
.search-wrap .redian i{display:block;margin-right:10px;background:url(../img/huo.png) no-repeat;width:16px;height:16px;background-size:16px auto;}
.search-wrap .redian a{display:block;color:#fff;font-size:16px;line-height:22px;margin-right:20px;max-width:150px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;text-shadow: 1px 1px 1px rgba(0,0,0,.4);}

.float-box{width:100px;height: 205px;position: fixed;left: 0;top: 30%;z-index:8;box-shadow: 2px 0 5px 0 rgba(0,0,0,0.1);transition: all 0.2s;-webkit-transition: all 0.2s;}

.float-box .top{width: 100px;height:100px;cursor: pointer;transition: all 0.2s;-webkit-transition: all 0.2s;}
.float-box .top a{display: block;height: 100%;width: 100%;}
.float-box .top a img{display: block;width: 100%;height: 100%;}
.float-box .bot{width:100px;height:85px;background-color: #fff;padding-top:15px;cursor: pointer;transition: all 0.2s;-webkit-transition: all 0.2s;}
.float-box .bot .menu{width: 100%;font-size: 20px;color: #222;line-height: 25px;height: 25px;text-align: center;font-family: 'BEBAS';padding-top:7px;}

.float-box.cut{top: 0;width: 162px;height: 81px;}
.float-box.cut .top{float: left;width: 81px;height: 81px;padding-top: 0px;}
.float-box.cut .bot{float: left;height: 66px;width: 81px;}
.float-box.cut .navv{height: 35px;}
.float-box.cut .navv p:nth-child(2){top:11px;width: 40px;left: -1px;}
.float-box.cut .navv p:nth-child(3){top:20px;}
.float-box.cut .bot .menu{padding-top: 0;font-size: 16px;line-height: 20px;height: 20px;}
.float-box.cut .navv p{width: 28px;left: 5px;}

.poa {
    position: absolute;
}
.por{position:relative;}


.bgimg{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: no-repeat center/cover;
}

.mobitem{
	display: none;
}



@-webkit-keyframes line {
  0% {
    height: 27px;
  }
  100% {
    height: 50px;
  }
}

@keyframes line {
  0% {
    height: 27px;
  }
  100% {
    height: 50px;
  }
}

.fixed-header{
	position: fixed;
	width: 100%;
	top: -68px;
	left: 0;
	padding: 0 35px;
	height:60px;
	background: rgba(255,255,255,1);
	box-sizing:border-box;
	z-index: 99;
    box-shadow: 1px 2px 16px rgba(0,0,0,.2);
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    
}
.fixed-header.show{top:0!important;}
.fixed-header .leftbox{display:flex;flex-direction:row;align-items:center;}

.fixed-header .logo{height:60px;width:auto;display:flex;flex-direction:row;align-items:center;}
.fixed-header .logo img{width:120px;height:auto;}
.fixed-header .navlist{display:flex;margin-left:20px;}
.fixed-header .navlist a{display:block;margin:0 15px;font-size:16px;font-weight:500;position:relative;color:#333;}
.fixed-header .navlist a:hover{color:red;}
.fixed-header .navlist a.on{color:red;font-weight:bold;}
.fixed-header .navlist a.on:after{content:"";position:absolute;bottom:-6px;width:20px;height:5px;background:red;left:6px;border-radius:4px;}

.fixed-header .rightbox{display:flex;flex-direction:row;align-items:center;}
.fixed-header .rightbox .searbox{height:36px;background:#f5f5f5;border-radius:5px;display:flex;flex-direction:row;width:440px;align-items:center;}
.fixed-header .rightbox .searbox input{border:0;background:transparent;line-height:36px;height:36px;width:calc(100% - 80px);text-align:left;font-size:14px;padding:0 10px;box-sizing:border-box;}
.fixed-header .rightbox .searbox .sbtn{border-left:1px solid #dfdfdf;background:url(../img/ico2.png) no-repeat 10px center;background-size:16px auto;width:80px;line-height:20px;height:20px;padding-left:35px;font-size:14px;color:red;box-sizing:border-box;}

.main-wrap{width:1200px;margin:15px auto 60px;position:relative;display:flex;flex-direction:row;justify-content:space-between;}
.main-wrap .leftbox{width:830px;}
.main-wrap .leftbox .menubox{display:flex;flex-direction:row;}
.main-wrap .leftbox .menubox a{display:block;margin-right:30px;font-size:20px;color:#333;font-weight:400;position:relative;}
.main-wrap .leftbox .menubox a.on{color:red;font-weight:bold;}
.main-wrap .leftbox .menubox a.on:after{content:"";position:absolute;bottom:-6px;width:20px;height:5px;background:red;left:6px;border-radius:4px;}
.main-wrap .leftbox .menubox a:hover{color:red;}



.main-wrap .leftbox .headnews{margin-top:15px;}
.main-wrap .leftbox .headnews li{height:36px;font-size:20px;color:#333;display:flex;flex-direction:row;align-items:center;}
.main-wrap .leftbox .headnews li a{display:block;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;max-width:80%;line-height:28px;color:#333;}
.main-wrap .leftbox .headnews li a:hover{color:red;}
.main-wrap .leftbox .headnews li em{display:block;font-size:12px;line-height:16px;height:16px;margin-left:10px;border-radius:2px;padding:3px;}
.main-wrap .leftbox .headnews li em.zhiding{background:#fff2f2;color:red;}
.main-wrap .leftbox .headnews li em.new{background:#e0fbdc;color:#138d03;}
.main-wrap .leftbox .newslist{margin-top:25px;}
.main-wrap .leftbox .newslist li{padding:16px 0;}
.main-wrap .leftbox .newslist li .left-tools{display:flex;margin-top:3px;}
.main-wrap .leftbox .newslist li .left-tools .feed-card-author{display:block;margin-right: 20px;font-size: 14px;line-height: 20px;color: #999;cursor: default;}
.main-wrap .leftbox .newslist li .left-tools .feed-card-author a{font-size: 14px;line-height: 20px;color: #999;cursor: default}

.main-wrap .leftbox .newslist li.noimg{display:flex;flex-direction:column;align-items:baseline;}
.main-wrap .leftbox .newslist li.noimg a.tit{display:block;font-size:20px;color:#333;line-height:28px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3; overflow:hidden;-webkit-box-orient: vertical;height:86px;}
.main-wrap .leftbox .newslist li.noimg a.tit:hover{color:red;}

.main-wrap .leftbox .newslist li.oneimg{display:block;}
.main-wrap .leftbox .newslist li.oneimg .toall{display:flex;flex-direction:row;justify-content:space-between;}
.main-wrap .leftbox .newslist li.oneimg .titbox{width:calc(75% - 10px);display:flex;flex-direction:column;}
.main-wrap .leftbox .newslist li.oneimg .titbox .tit{font-size:20px;color:#333;font-weight:500;line-height:28px;height:86px;overflow:hidden;}
.main-wrap .leftbox .newslist li.oneimg:hover .titbox .tit{color:red;}
.main-wrap .leftbox .newslist li.oneimg .imgbox {width:calc(25% - 10px);height:120px;overflow:hidden;border-radius:3px;}
.main-wrap .leftbox .newslist li.oneimg .imgbox img{width:100%;height:100%;transition:500ms;object-fit:cover;}
.main-wrap .leftbox .newslist li.oneimg:hover .imgbox img{transform:scale(1.1);}

.main-wrap .leftbox .newslist li.fourimg{display:flex;flex-direction:column;}
.main-wrap .leftbox .newslist li.fourimg .toall{display:flex;flex-direction:column;}
.main-wrap .leftbox .newslist li.fourimg .tit{display:block;font-size:20px;color:#333;line-height:28px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3; overflow:hidden;-webkit-box-orient: vertical;height:66px;}
.main-wrap .leftbox .newslist li.fourimg .tit:hover{color:red;}
.main-wrap .leftbox .newslist li.fourimg .imgbox{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:5px;}
.main-wrap .leftbox .newslist li.fourimg .imgbox .imgs{width:calc(25% - 10px);height:120px;overflow:hidden;border-radius:3px;}
.main-wrap .leftbox .newslist li.fourimg .imgbox .imgs img{width:100%;height:100%;transition:500ms;object-fit:cover;}
.main-wrap .leftbox .newslist li.fourimg .imgbox .imgs:hover img{transform:scale(1.1);}






/*右侧浮动列表*/
.main-wrap .rightbox{width:330px;}
.main-wrap .rightbox .topbox {
    background: #fafafa;
    border-radius: 12px;
    margin-bottom: 36px;
    padding-bottom: 20px;
    text-align: center;
}
.main-wrap .rightbox .topbox .login-button {
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #fff;
    background: #f04142;
    border-radius: 6px;
    padding: 8px 32px;
}
.main-wrap .rightbox .topbox .login-info {
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    color: #505050;
    padding: 60px 0 12px;
    background-image: url(../img/unlogin_bg.svg);
    background-size: contain;
    background-repeat: no-repeat;
}
.floatbox{background:#fff;width:330px;}
.floatbox .h6 {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 7px;
    height: 28px;
}
.floatbox .h6 .title {
    position: relative;
    margin: 0;
    padding-left: 32px;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    color: #222;
    cursor: default;
}
.floatbox .h6 .title:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 24px;
    height: 22px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABCBAMAAAAGWI0SAAAAJ1BMVEVHcEzvQEDwQULwQELxQEHwQUHvQEDwQUHvQEDwQUHwQUHwQELwQUJ3RBxpAAAADHRSTlMAI9+FW7kQ70Cgz2+lx2XXAAABmElEQVRIx7WWsU7DMBCGbWgLtAyoC0IwMCEhZWBjYQhCYmJA6oY65AEYgJmhG0Ji4AG6sDPwAF1IWkrTeyjsNCT22ecLA//SKvrknO/+u4sQpuTxSLDqQRqzUBcg3eGgAwDIOGisIHgNMzLSUJ4EoXUA/qj+CgpHdbaCIJQsWTJwFIDWfqGswdtgnvBvAzjh7qZ1R0LDGvpmMhmOfGJAKR+2UnG9OBS2kjaVdCrdiSwoLoLEld4CB+o78U9cSBXgIxB2AelH97gDLCmztNXPzIKuEJSU5bayYN8NciFajrNa6KCFEE/Fn6XPblWBe9WRlV4QdNgZunYfI+j81GM/FDdEHvvhVBr6JC9naOk1JVJd4zYNzcg0eY28QUPzCtqmIfgHqFHgXRrK/5anRhkP1G5aty8NfXlHE9I12b+olUvdkpCxs8gcLIxu2eTdG4jcmlC7fEhkzjNyiJudbEPe9+GlLdm7+caYM8IIJ0wFM+11N42ofW/ojVtT9Kbas8xNfbM8Gwy99vffS2YQ+hSRFzeP8DC4tJ/+ADFNuYdM8+umAAAAAElFTkSuQmCC) no-repeat 50%;
    background-size: contain;
}
.floatbox .h6 .refresh {
    position: relative;
    border: none;
    padding-left: 20px;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    color: #f04142;
    cursor: pointer;
    background: transparent;
}
.floatbox .h6 .refresh:before {
    content: "";
    position: absolute;
    top: 1px;
    left: 0;
    width: 16px;
    height: 16px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADEAAAAwCAMAAACPHmKLAAAAM1BMVEVHcEzxQEHwQEHwQUHvQEDwQUHwQELvQEDwQUHvQEDwQEHwQEHvQEDwQELwQEHwQELwQULQdpGMAAAAEHRSTlMAn2DvEL+AIN86kFAhcM+vUcBIKwAAAVJJREFUSMfVVduChCAIVVTwsmn//7W76kybilbzNrwFnLgfhfgi0UQPnMFHtf+JMj7oa3+Xivch0q39yeyDpFV+284KTgt4BzBbICLn8FDwYcgWq8JTtYRVaTmIrjbfdYd8hTBNKxkopjOu/MoMepwGFz8FsvVFsACQMplo64Q6o8y6PiVoZzmG8H06coGQbBFNjNasJ5MF6REBgnP9KgemsrV4tuErMat1e2do46mXueHh4s7yRvx/csPoB599dDMNuoGgzxHiBsI1WQnbfE0Rp8pdtHDR3HwN8fHI5BNAKbwbWSaPAIDoJUx4STNE8hJgD1cOuzg7njcLuMW5ATeM1FVR2dxGk+RQRyUT4kpbsQ/yDGcfMNzBol0Y7efE+2qwxZNRo5oDzq8BZvKgsB0KvVo3RrbVqyZHf3NxOR1GJXfjdQ7e1HlGD/r+ehNp8U3yC/YPH/jMrgU4AAAAAElFTkSuQmCC) no-repeat 50%;
    background-size: contain;
}
.floatbox .list li a {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 12px 0;
    cursor: pointer;
}
.floatbox .list li a:visited {
    color: #999;
}
.floatbox .list li a .icon-stick {
    width: 24px;
    height: 24px;
    margin-right: 8px;
    background: url(../img/icon_hot_board_stick.svg) no-repeat 50%;
    background-size: contain;
}
.floatbox .list li a .news-title {
    color: #999;
}
.floatbox .list li a .news-title {
    overflow: hidden;
    white-space: nowrap;
    font-size: 16px;
    line-height: 20px;
    color: #222;
    text-overflow: ellipsis;
}
.floatbox .list li a:hover .news-title{color:red;}


.floatbox .list li .news-index {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 8px;
    width: 24px;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    font-family: ByteNumber-center;
    color: #999;
    text-align: center;
}
.floatbox .list li .news-index.num-1 {
    color: #a82e2e;
}
.floatbox .list li .news-index.num-2 {
    color: #f04142;
}
.floatbox .list li .news-index.num-3 {
    color: #ff9a03;
}

.floatbox .list li .news-icon.hot {
    background-image: url(../img/hot.svg);
}
.floatbox .list li .news-icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    margin-left: 6px;
    border-radius: 3px;
    background-size: contain;
}
.floatbox .list li .news-icon.new {
    background-image: url(../img/new.svg);
}



.recentnews{margin: 28px 0 12px;}
.recentnews .pane-header {
    margin-bottom: 7px;
}
.pane-header {
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    align-items: center;
    display: flex;
    margin-bottom: 7px;
}
.pane-header .header {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    color: #222;
    position:relative;
    padding-left: 32px;
}

.pane-header .header:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 24px;
    height: 22px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABCBAMAAAAGWI0SAAAAJ1BMVEVHcEzvQEDwQULwQELxQEHwQUHvQEDwQUHvQEDwQUHwQUHwQELwQUJ3RBxpAAAADHRSTlMAI9+FW7kQ70Cgz2+lx2XXAAABmElEQVRIx7WWsU7DMBCGbWgLtAyoC0IwMCEhZWBjYQhCYmJA6oY65AEYgJmhG0Ji4AG6sDPwAF1IWkrTeyjsNCT22ecLA//SKvrknO/+u4sQpuTxSLDqQRqzUBcg3eGgAwDIOGisIHgNMzLSUJ4EoXUA/qj+CgpHdbaCIJQsWTJwFIDWfqGswdtgnvBvAzjh7qZ1R0LDGvpmMhmOfGJAKR+2UnG9OBS2kjaVdCrdiSwoLoLEld4CB+o78U9cSBXgIxB2AelH97gDLCmztNXPzIKuEJSU5bayYN8NciFajrNa6KCFEE/Fn6XPblWBe9WRlV4QdNgZunYfI+j81GM/FDdEHvvhVBr6JC9naOk1JVJd4zYNzcg0eY28QUPzCtqmIfgHqFHgXRrK/5anRhkP1G5aty8NfXlHE9I12b+olUvdkpCxs8gcLIxu2eTdG4jcmlC7fEhkzjNyiJudbEPe9+GlLdm7+caYM8IIJ0wFM+11N42ofW/ojVtT9Kbas8xNfbM8Gwy99vffS2YQ+hSRFzeP8DC4tJ/+ADFNuYdM8+umAAAAAElFTkSuQmCC) no-repeat 50%;
    background-size: contain;
}
.pane-header .header.icon-video:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAAPFBMVEVHcEzvQEDwQUHwQEHwQULwQULvQEDwQUHvQEDwQELxQULwQUHxQEHwQUL////6urr3lpb95+fyUVL0bm8V8ewmAAAADXRSTlMAIJBZvIA85RBwnc9n3O4v5QAAAZhJREFUWMPNmNtyhDAIhk2MIRmHGN33f9d6aKvWFYhhZ/pfO99wEAI0zb2Cj9YB4CzonY2+eaIQ3Yo4ybWmmII3cm0BpgMkBJ3RwGwoAcezmBXFBT5YFMoGimMAxQJT69Yv6TZ/EQsV33M6LFanYs+NTS0+kq/JF5W78JAzk87/k8XHsgoBuoYJakAH5zqsUlebsYtJlQbtJkEt6NukFqu1VYojvphyzgKQW0NNfTGmlIaJJwXGs5wWjZPIN8qzIW2kl8Q35EEpZT5vXgRiSZ5ujDuIC3mkG8gBxITckrE+geiQu6YXg8hAAV1of0AECcjsX0AEqRA0/jsQ4VpRsAelrBHp7/V+SLUSUStaYRsZ2DZCziHixoaarTZqNP9lwA3UsyZ9jgz3QGLOLx6zPZDPxtmrZzXz415oymNNrUn7iKw1+lWaBMf9Sms8VhvY9VYItaXmcZjazy1+equo3nI8D7hl67r//AFB76Shd2RZsyc4+wTRBclwh6ggP2q196exGMrObOYNC4opP4GP1vXb+RCW8yFF+QLsLs/tCfTGZwAAAABJRU5ErkJggg==);
}
.pane-header .right {
    cursor: pointer;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: none;
    background: none;
}
.pane-header .right img {
    width: 16px;
    height: 16px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}
.pane-header .right span {
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    color: #f04142;
    margin-left: 4px;
}
.related-list{}
.related-list .related-list-item {
    padding: 12px 0;
    overflow: hidden;
}
.related-list .related-list-item .left-img {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 96px;
    height: 72px;
    margin-right: 12px;
    border-radius: 4px;
    border: 1px solid #f2f2f2;
    overflow: hidden;
    float: left;
}

.related-list .related-list-item .cover img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: -webkit-transform .5s ease .1s;
    transition: -webkit-transform .5s ease .1s;
    -moz-transition: transform .5s ease .1s,-moz-transform .5s ease .1s;
    transition: transform .5s ease .1s;
    transition: transform .5s ease .1s,-webkit-transform .5s ease .1s,-moz-transform .5s ease .1s;
}
.related-list .related-list-item .cover img:hover {
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    transform: scale(1.04);
}

.related-list .related-list-item .right-content {
    height: 72px;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.related-list .related-list-item .right-content .title {
    max-height: 44px;
    font-size: 16px;
    line-height: 22px;
    color: #222;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
}
.related-list .related-list-item .right-content .title:visited {
    color: #999;
}
.related-list .related-list-item .right-content .title:hover{color:red;}
.related-list .related-list-item .right-content .info {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 20px;
    font-size: 14px;
    line-height: 20px;
    color: #999;
}

.related-list .related-list-item .right-content .info span {
    display: inline-block;
    margin-right: 16px;
}




.main-wrap .rightbox .copyright{font-size: 12px;line-height: 24px;color: #999;margin-top:20px;}


/*详情页面*/
.show-wrap{margin-top:100px;}
.article-content{width:100%;}
.article-content img{max-width:100%;}
.article-content h1 {
    font-size: 37px;
    font-weight: 600;
    line-height: 56px;
    color: #000;
}
.article-content .article-meta {
    margin: 16px 0 36px;
    font-size: 14px;
    line-height: 20px;
    color: #707070;
}
.article-content .article-meta span {
    display: inline-block;
    cursor: auto;
}
.article-content .article-meta .dot {
    display: inline-block;
    margin: 0 4px;
}
.article-content .article-meta span {
    display: inline-block;
    cursor: auto;
}
.article-content .article-meta a {
    color: #707070;
}
.article-content .tt-article-content {
    margin-bottom: 20px;
    font-family: PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Arial,sans-serif;
    line-height: 1.667;
    color: #222;
    font-size: 18px;
}


.fy{width: 90%;margin: 40px auto 0;text-align: center;font-size: 14px;min-height: 30px;margin-bottom: 0px;}
.fy a{font-size: 14px;color: #222;padding: 5px 17px;background-color: #e8e8e8;margin: 0 2px;transition: all 0.5s;-webkit-transition: all 0.5s;border-radius:5px;}
.fy .t1{padding: 12px 30px;}
/*.fy a:hover,.fy a.on{background-color: #004a82;color: #fff;}*/
.fy a:hover,.fy a.active{background-color: #ff0000;color: #fff;}

