@import url(layout.css); 

/*图片轮换*/
.swiper-container{margin:0 auto;position:relative;overflow:hidden;z-index:1}
.swiper-container-no-flexbox .swiper-slide{float:left}
.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}
.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}
.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative; font-size:0;}
.swiper-wrapper div img{ width:100%; height:auto;}
.swiper-pagination { position: absolute; bottom:0; left:0; width:100%; z-index: 999; text-align: center; vertical-align:middle;}
.swiper-pagination span { background:rgba(255,255,255,0.8); display: inline-block; width: 7px; height: 7px; margin: 2px; border-radius: 5px; opacity: 0.5; }
.swiper-pagination span.swiper-pagination-bullet-active { opacity: 1; background:#ff7a9a; border:solid 1px #ff7a9a; margin:1px; }
.swiper-slide div{ position:absolute; bottom:0; left:0; width:100%; height:60px; line-height:20px; background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(rgba(0,0,0,0)), to(rgba(0,0,0,0.8))); color:#fff; font-size:16px; box-sizing:border-box; padding:0 10px;}
.swiper-slide p{ height:40px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; letter-spacing: 1px; text-align:center;}


.imgtxt_list{ margin:0 0.278rem;}

.imgtxt_list li h2{ font-weight:normal; height:16px; font-size:15px; line-height:16px;}
.imgtxt_list li.star_tj h2{ background:url(../images/jushuo/icon_like.png) no-repeat 0 0; background-size:23px 15px; padding-left:28px; margin-bottom:20px;}
.imgtxt_list li.dy_tj h2{ background:url(../images/jushuo/icon_hot.png) no-repeat 0 0; background-size:17px 15px; padding-left:20px; margin-bottom:15px;}
/*猜你喜欢&热门订阅*/
.imgtxt_list li.star_tj .star_li , .imgtxt_list li.dy_tj .dy_li{ width:25%; box-sizing:border-box; padding:0 5px; border-right:1px solid #f5f5f5; float:left; text-align:center;}
.imgtxt_list li.star_tj .star_li a{ display:block; position:relative;}
.imgtxt_list li.star_tj .star_li img , .imgtxt_list li.star_tj .star_add b , .imgtxt_list li.dy_tj .dy_li img , .imgtxt_list li.dy_tj .dy_add b{ width:1.481rem; height:1.481rem; overflow:hidden; display:inline-block; border:1px solid #eee;}
.imgtxt_list li.star_tj .star_li img , .imgtxt_list li.star_tj .star_add b{ border-radius:1.481rem;}
.imgtxt_list li.dy_tj .dy_li img , .imgtxt_list li.dy_tj .dy_add b{ border-radius:8px;}
.imgtxt_list li.star_tj .star_li strong , .imgtxt_list li.dy_tj .dy_li strong{ font-weight:normal; display:block; margin:5px 0; font-size:13px; height:16px; line-height:16px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.imgtxt_list li.star_tj .star_li em , .imgtxt_list li.dy_tj .dy_li em{ background:url(../images/jushuo/star_add.png) no-repeat 0 0; background-size:41px 36px; width:41px; height:18px; display:block; margin:0 auto;}
.imgtxt_list li.star_tj .star_li em.icon_add , .imgtxt_list li.dy_tj .dy_li em.icon_add{ background-position:0 -18px; }

.imgtxt_list li.star_tj .star_li i , .imgtxt_list li.star_tj .star_li small{ background:url(../images/jushuo/icon_birth.png) no-repeat 0 0; background-size:91px 46px; position:absolute;}
.imgtxt_list li.star_tj .star_li i{ width:30px; height:30px; top:-20px; right:10px;}
.imgtxt_list li.star_tj .male i{ background-position:0 0;}
.imgtxt_list li.star_tj .female i{ background-position:-46px 0;}
.imgtxt_list li.star_tj .star_li small{ width:45px; height:16px; left:50%; bottom:0; margin-left:-22px;}
.imgtxt_list li.star_tj .male small{ background-position:0 -30px; }
.imgtxt_list li.star_tj .female small{ background-position:-46px -30px; }

.imgtxt_list li.star_tj .star_add , .imgtxt_list li.dy_tj .dy_add{ border:0;}
.imgtxt_list li.star_tj .star_add b , .imgtxt_list li.dy_tj .dy_add b{ background:url(../images/jushuo/icon_more.png) no-repeat center; background-size:26px;}

/*投票*/
.imgtxt_list li .vote_title{ height:40px;}
.imgtxt_list li .vote_title .com_num{ display:inline-block; float:left; width:54px; height:40px; text-align:center; border-radius:3px; background:#ffb400; font-size:10px; color:#fff; margin-right:5px;}
.imgtxt_list li .vote_title .com_num em{ font-size:14px; display:block; margin-top:3px;}
.imgtxt_list li .vote_title p{ line-height:20px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.imgtxt_list li .vote{ display:block; margin-top:10px;}
/*投票前*/
.imgtxt_list li.vote1 .vote em{ display:inline-block; width:49%; background:#ff7a9a; height:30px; line-height:30px; border-radius:30px; color:#fff; text-align:center;}
.imgtxt_list li.vote1 .vote em:first-child{ margin-right:1%;}
.imgtxt_list li.vote1 .vote em:last-child{ margin-left:1%;}
/*投票后*/
.imgtxt_list li.vote2 .vote i{ color:#ffbb19;}
.imgtxt_list li.vote2 .vote em{ background:#ffbb19; height:10px; border-radius:10px; display:inline-block; margin:0 5px;}
.imgtxt_list li.vote2 .vote small{ color:#999;}


.l_hb{ display:block; background:url(../images/hb.png) center no-repeat; background-size:cover; width:65px; height:74px; position:fixed; right:30px; bottom:120px; display:none;}
.hb_big{ display:block; width:300px; height:413px; background:url(../images/hb_big.png) center no-repeat; background-size:cover;}
#hb_big{ display:none; position:relative;width:300px; height:413px; position:fixed; z-index:9999; }
.close_big{display:block;width:20px;height:20px;overflow:hidden;background:url(../images/close_big.png) no-repeat center;position:absolute;top:20px;right:20px;z-index:99999;background-size: 20px;}