.container{margin-top:0;}
/*列表页 详细页右侧*/
.container .hot-rank{margin-top:20px;}
.container .wrapper{position:relative; overflow:hidden;}
.container .wrapper .title{height:40px; line-height:40px; background-color:#f5f5f5; font-size:18px;}
.container .wrapper .title .more{font-size:14px; margin-right:5px; +margin-top:0;}
.container .wrapper .top-border{height:3px; width:100%; background-color:#999; display:inline-block; position:absolute; top:0; left:0;}
.container .wrapper .top-border i{height:3px; width:2px; background-color:#f5f5f5; display:inline-block; position:absolute; top:0; left:120px;}
.container .wrapper .tit-cur{width:120px; background-color:#fc1b1b; height:3px; display:inline-block; position:absolute; top:0; left:0;}
.container .wrapper h2{width:120px; display:inline-block; position:absolute ; top:3px; left:0; line-height:37px; font-size:18px; text-align:center; color:#fc1b1b;}
.container .hot-rank .title ul{overflow:hidden;}
.container .hot-rank .title ul li{width:120px; float:left; text-align:center; cursor:pointer; margin-right:2px;}
.container .hot-rank .title ul li.on{color:#fc1b1b;}
.container .rank-list{overflow:hidden; line-height:30px; margin-top:10px;}
.container .rank-list li{width:100%; float:left; height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.container .rank-list li i{width:16px; height:16px; text-align:center; background-color:#999; display:inline-block; color:#fff; line-height:16px; font-style:normal; font-size:12px; font-family:Arial, Helvetica, sans-serif; margin:8px 10px; float:left;}
.container .rank-list li i.front{background-color:#fc1b1b;}
.container .wc-list{overflow:hidden; margin-top:10px;}
.container .wc-list i{width:3px; height:3px; display:inline-block; background-color:#fc1b1b; position:relative; margin:0 6px 0 10px; top:-3px; +top:-6px}
.container .wc-list li{height:30px; line-height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.container .wc-list .wcl-pic{height:75px; padding:5px 0 10px; white-space:normal;}
.container .wc-list .wcl-pic dt,.container .wc-list .wcl-pic dt img{width:100px; height:75px; overflow:hidden;}
.container .wc-list .wcl-pic dt{float:right; margin-left:10px;}
.container .wc-list .wcl-pic dd{width:221px; height:61px; overflow:hidden; font-size:16px; line-height:30px; padding:7px 0 7px 5px;}
.container .wc-list .bt-line{border-bottom:1px dotted #ccc; padding-bottom:15px; margin-bottom:10px;}
.container .wp-list{overflow:hidden; width:346px; margin-top:5px;}
.container .wp-list li,.container .wp-list li dt,.container .wp-list li dt img{width:163px; height:115px; overflow:hidden;}
.container .wp-list li{margin:10px 10px 0 0; position:relative; float:left;}
.container .wp-list .bg{height:50px; background:url(../images/title_bg.png) repeat-x; position:absolute; bottom:0; left:0; width:100%;}
.container .wp-list li .tit{height:18px; line-height:18px; position:absolute; bottom:6px; left:0; width:147px; padding:0 8px; overflow:hidden;  transition:.3s ease-in-out; -webkit-transition:.5s ease-in-out}
.container .wp-list li .tit a{color:#fff;}
.container .wp-list li .tit a:hover{text-decoration:underline;}
.container .wp-list li:hover .tit{height:auto;}
.wrapper .swiper-container{margin-top:15px;width:346px; +width:342px; height:135px;}
.wrapper .swiper-container .arrow-left,.wrapper .swiper-container .arrow-right{top:47px; width:30px; height:40px;}
.wrapper .swiper-container .arrow-left{background-position:0 -200px;}
.wrapper .swiper-container .arrow-right{background-position:-30px -200px; right:10px; +right:8px;}
.wrapper .swiper-container p{height:25px; padding:25px 8px 0; text-align:center; background:url(../images/title_bg.png) repeat-x; position:absolute; bottom:0; left:0; width:90px;}
.wrapper .swiper-container img{width:106px; height:135px; overflow:hidden;}
