.ss-lists{position:relative;overflow:hidden;}
.ss-lists .hot-sb,.ss-lists .hot-si{display:block;position:absolute;}
.ss-lists .hot-sp,.ss-lists img,.ss-lists .hot-se,.ss-lists .hot-sa{display:block;position:absolute;width:100%;height:100%;top:0;left:0;}
.ss-lists .hot-st{position:relative;float:left;background:#fff;}
.ss-lists .hot-si,.hot-lists .hot-sb{background-image:url(../images/imgs.png);background-repeat:no-repeat;}
.ss-lists .hot-si{visibility:hidden;opacity:0;left:50%;top:50%;-webkit-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;}
.ss-lists .hot-sb{ width: 100%; bottom: 0; left: 0; background-color: #ffffff; color: #000000; font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; font-size: 14px; }
.ss-lists .hot-sa{text-indent:-9999px;}
.ss-lists .hot-st:hover .hot-si{visibility:visible;opacity:1;}
.ss-lists .hot-st:hover .hot-sb{ background-color: #177ee6; background-position: 0px -490px; color: #FFFFFF; }
.ss-lists .hot-st:hover .hot-se{background:url(../images/pic_topbg_310x155.png) 50% 50%;}

.hot-lists{margin:0 0 0 -15px;}
.hot-lists .hot-st{ width: 310px; height: 205px; padding: 0px; padding-left: 0; margin-left: 15px; margin-bottom: 15px; }
.hot-lists .hot-st .pic{ width: 310px; height: 155px;}
.hot-lists .hot-st .pic img{ width: 310px; height: 155px;}
.hot-lists .hot-si{width:118px;height:118px;margin:-78px 0 0 -59px;background-position:-480px -140px;}
.hot-lists .hot-sb{height:50px;line-height:50px;text-indent:4em;background-position:0px -550px;}
.nom-lists{margin:0 0 0 -15px;}
.nom-lists .hot-st{width:310px;height:155px;margin:0 0 15px 15px;overflow:hidden;}
.nom-lists .hot-si{width:62px;height:62px;margin:-46px 0 0 -31px;background-position:-480px -270px;}
.nom-lists .hot-sb{height:35px;line-height:35px;bottom:0;text-align:center;}
/*.nom-lists .hot-st:hover .hot-sb{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);-webkit-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;}*/
.vctabs{position:relative;width:100%;border-bottom:1px solid #d2d2d2;clear:both;}
.vctabs .t-a{display:inline-block;padding:10px 0;width:11.2%;text-align:center;font-size:16px;}
.vctabs .cur{color:#2fc3a2;cursor:default;}
.vctabs .bdbotline{width:11.2%;bottom:-1px;}



@media screen and (max-width:970px){
.vctabs .t-a,.vctabs .bdbotline{width:20%;}
.hot-lists .hot-si{width:90px;height:90px;margin:-67px 0 0 -45px;background-position:50% 0;background-size:236% auto;}
}
@media screen and (max-width:645px){
.hot-lists{display:none;}
.hot-lists .hot-sb{background-image:none;}
.nom-lists{margin:3% 0 0;}
.nom-lists .hot-st{width:49.5%;height:0;padding:0 0 27.79%;margin:0 0 1%;}
.nom-lists .hot-st:nth-child(odd){margin-right:1%;}
.nom-lists .hot-st:hover .hot-sb{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
}
@media screen and (max-width:450px){
.nom-lists .hot-st{width:100%;padding:0 0 56.14%;margin:0 0 3%;}
.nom-lists .hot-st:nth-child(odd){margin-right:0;}
}
@media screen and (max-width:414px){
.ss-lists .hot-sb,.vctabs .t-a{font-size:12px;}
.nom-lists .hot-sb{height:27px;line-height:27px;}
}
@media screen and (max-width:360px){
.nom-lists .hot-si{width:40px;height:40px;margin:-32px 0 0 -20px;background-position:50% 0;background-size:236% auto;}
}
@media screen and (max-width:320px){
.nom-lists .hot-si{width:62px;height:62px;margin:-46px 0 0 -31px;background-position:50% -134px;background-size:auto;}
.ss-lists .hot-st{float:none;width:310px;height:175px;padding:0;margin:5px 0 0 5px;}
.nom-lists .hot-st:nth-child(odd){margin-right:0;}
}