@charset "utf-8";
/* CSS Document */
.ls-page-container{background: #f3fafe;}
.ls-special-subject{padding: 24px 24px 21px; background: #fff; margin-bottom: 32px;}
.ls-btabs{padding: 10px 0 10px 24px; background: #eff8ff;}

/*热点专题*/
.ls-special-hot{padding: 20px 0 32px;}
.ls-special-hotSlide{ position: relative; overflow: hidden;}
.ls-prev,.ls-next{ position: absolute; width: 30px; height: 50px; top: 50%; margin-top: -65px; background: center center no-repeat; background-color:  rgba(0, 0, 0, 0.3) !important; transition: 0.4s background-color; z-index: 2; cursor: pointer; display: none; background-size: auto 18px;}
.ls-prev:hover,.ls-next:hover{ background-color: rgba(0, 0, 0, 0.6) !important;}
.ls-prev{left: 0; background-image: url("../images-new/ysys_prve.png") !important; border-radius: 0 5px 5px 0;}
.ls-next{right: 0; background-image: url("../images-new/ysys_next.png") !important; border-radius:5px 0 0 5px;}

.wza-on .ls-prev,.wza-on .ls-next{display: block !important;}
.ls-special-hotList{width: 100%; overflow: hidden; height: 263px;}
.ls-special-hotList li{ float: left; width: 343px; height:  263px;}
.ls-special-hotList li a{display: block; margin-right: 20px; text-align: center; background: #f9f9f9; height: 100%; overflow: hidden;}
.ls-special-hotList li span{display: block; cursor: pointer;}
.ls-special-hotList li .img_img{ height: 178px; overflow: hidden;}
.ls-special-hotList li img{width: 100%; height: 100%; transition: 0.4s all linear;}
.ls-special-hotList li .img_title{ padding: 4px 10px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 20px; line-height: 40px;}
.ls-special-hotList li .img_goto{ display: inline-block; font-size: 15px; padding: 0 12px; border: 1px solid #C8ECFF; border-radius: 16px; line-height: 1.74; color: rgba(0, 127, 225, 0.8);}
.ls-special-hotList li a:hover{color: #007FE1;}
.ls-special-hotList li a:hover .img_goto{ background: #fff; border-color: #007FE1;}
.ls-special-hotList li a:hover img{transform: scale(1.1);}
.ls-special-hotnum{ line-height: 0; text-align: center; font-size: 0; margin-top: 33px;}
.ls-special-hotnum li{display:inline;}
.ls-special-hotnum li span{display: inline-block; height: 12px; width: 12px; margin: 0 5px; cursor: pointer; background: #99ccf3; font-size: 0; line-height: 0; transition: 0.4s all; border-radius: 12px;}
.ls-special-hotnum li.on span{width: 32px; background: #007fe1;}
.wza-on .ls-special-hotnum{display: none;}




/*归档专题*/
.ls-special-history{ padding: 9px 0 0;}
.ls-special-history li{float: left; padding:2px 300px 2px 17px; height: 44px; line-height: 44px; font-size: 18px; overflow: hidden; width: 348px; position: relative; background: 0 center no-repeat; background-image: url(../images-new/ico.png) !important; color: #999;}
.ls-special-history li.even{float: right;}
.ls-special-history li .title{ display:block; white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis;}
.ls-special-history li .date{ font-family: airal; position: absolute; top: 0; right: 103px; display: block;}
.ls-special-history li .zthg{ position: absolute; top: 0; right: 0; display: block; color: #999;}
.ls-special-history li .zthg:hover{ color: #007FE1;}

@media (min-width: 1200px) and (max-width:1399px) {
    .ls-special-hotList{height: 236px;}
    .ls-special-hotList li{width: 293px; height:  236px;}
    .ls-special-hotList li .img_img{ height: 151px;}
    .ls-special-history li{width: 240px;}
}
@media (min-width:992px) and (max-width:1199px) {
    .ls-special-hotList{height: 210px;}
    .ls-special-hotList li{width: 239px; height:  210px;}
    .ls-special-hotList li a{margin-right: 15px;}
    .ls-special-hotList li .img_img{ height: 123px;}
    .ls-special-history li{width:auto; float: none !important;}
}
@media(min-width:768px) and (max-width:991px)  {
    .ls-special-hotList{height: 223px;}
    .ls-special-hotList li{width: 251px; height:  223px;}
    .ls-special-hotList li a{margin-right: 15px;}
    .ls-special-hotList li .img_img{ height: 138px;}
    .ls-special-hotList li .img_title{font-size: 18px;}
    .ls-special-hotList li .img_goto{font-size: 14px;}
}
@media(max-width:991px) {
    .ls-special-subject{padding: 15px 15px 12px; margin-bottom: 20px;}
    .ls-btabs{padding: 9px 0 9px 19px;}
    .ls-special-hot{ padding: 15px 0 20px;}
    .ls-special-history li{width:auto; float: none !important; font-size: 16px; padding-right: 260px; height: 38px; line-height: 38px;}
    .ls-special-history li .date{right: 80px;}
    .ls-special-hotnum{margin-top: 20px;}
}
@media(max-width:767px) {
    .ls-special-subject{padding: 10px 10px 8px; margin-bottom: 10px;}
    .ls-btabs{padding: 9px 0 9px 10px;}
    .ls-special-hot{ padding: 10px 0;}
    .ls-special-hot .tempWrap{ margin: 0 auto;}
    .ls-special-hotList li a{margin-right: 0;}
    .ls-special-hotList li .img_title{font-size: 16px;}
    .ls-special-hotList li .img_goto{font-size: 13px;}
    .ls-special-hotnum{margin-top: 15px;}

    .ls-special-history li{font-size: 14px; padding-right: 160px; height: 28px; line-height: 28px;}
    .ls-special-history li .date{right: 0;}
    .ls-special-history li .zthg{display: none;}
}
@media(max-width:374px) {
    .ls-special-hotList{height: 250px;}
    .ls-special-hotList li{width: 300px; height:  250px;}
    .ls-special-hotList li .img_img{ height: 165px;}
}