@charset "utf-8";
.picBox{background:#fff; margin-top:.8125rem; padding:0 .40625rem .40625rem; overflow:hidden;}
.picBox h2{padding:.40625rem .40625rem 0; height:2.2rem; line-height:2.2rem; position:relative; text-indent:.6rem; font-size:1.25rem;}
.picBox h2 i{position:absolute; top:.95rem; left:.40625rem; width:.2rem; height:1.2rem; display:inline-block; background-color:#ee5050;}
.picBox figure{box-sizing:border-box; position:relative; border:.40625rem solid #fff;}
.picBox figure img{width:100%;}
.picBox .pic_type1{width:50%; float:left;}
.picBox .pic_type2{width:100%;}
.picBox .p_pic1,.picBox .p_pic2{margin:0 auto;}
.picBox figure figcaption{background:linear-gradient(to bottom, rgba(0,0,0,0),rgba(0,0,0,0.5)); background:-webkit-linear-gradient(to bottom, rgba(0,0,0,0),rgba(0,0,0,0.5));margin:-1.8rem auto 0; display:block; height:1.8rem; line-height:1.8rem; position:relative; white-space:nowrap;overflow:hidden; text-overflow:ellipsis; font-size:.875rem; padding:0 .3rem; box-sizing:border-box; color:#fff;}
.picBox figure figcaption a{color:#fff;}
.picBox .more_btn{margin:0.40625rem; height:2rem; color:#6aa6e3; border:1px solid #def; background-color:#f7fbff; line-height:2rem; text-align:center; cursor:pointer; display:block;}
.picBox .more_btn i{width:.5rem; height:.5rem; display:inline-block; position:relative; border-style:solid; border-width:.125rem .125rem 0 0; color:#6aa6e3; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.picBox .picTab{padding:1.0625rem 0; border-bottom:1px solid #e0e0e0; margin:0 0.40625rem 0.40625rem;}
.picBox .picTab ul{text-align:center;}
.picBox .picTab ul li{float:left; box-sizing:border-box; width:25%; height:1rem; line-height:1rem; color:#848484; border-right:1px solid #e0e0e0; position:relative; cursor:pointer;}
.picBox .picTab ul li:last-child{border-right:none;}
.picBox .picTab ul li i{width:.5rem; height:.5rem; background-color:#fff; border-left:1px solid #e0e0e0; border-top:1px solid #e0e0e0; transform:rotate(45deg); -webkit-transform:rotate(45deg); display:none; position:absolute; bottom:-1.3rem; left:50%; margin-left:-.25rem;}
.picBox .picTab ul li.on{color:#000;}
.picBox .picTab ul li.on i{display:block;}
.starsBox{padding:.40625rem 0 .8125rem;}
.starsBox .sm_list{overflow:hidden; padding:.40625rem .40625rem 0;}
/* .starsBox .sm_list li{width:33.3333%; float:left; padding:0 .40625rem; box-sizing:border-box; margin-bottom:.40625rem;} */
/*.starsBox .sm_list li {width: 50%;}*/
.starsBox .sm_list li{width:49%;display:inline-block; padding:0 .40625rem; box-sizing:border-box; margin-bottom:.40625rem;}

.starsBox .sm_list .pic{position:relative;}
.starsBox .sm_list .pic em{background:rgba(0,0,0,.5); color:#fff; padding:1px 6px; font-size:.875rem; border-radius:.8rem; position:absolute; bottom:.40625rem; right:.40625rem;}
.starsBox .sm_list p{ height:3.6rem; display:block; padding:.2rem .3rem; background-color:#f0f0f0; overflow:hidden; color:#666; box-sizing:border-box;}
.starsBox .sm_list p a{color:#666;}
.starsBox .sm_list .pic img{width:100%;}
.spBox{background:#fff; margin-top:.8125rem;}
.spBox .sm_list li{margin-bottom:.8125rem;}
.spBox .load_btn{margin-top:0; margin-bottom:0;}
.picBg{color:#000;}
.picHeader{height:3rem; background:rgba(0,0,0,.5); display:flex; display:-webkit-flex; display:-webkit-box; flex-wrap:wrap; -webkit-flex-wrap:wrap; line-height:3rem; position:relative; z-index:99;}
.picBack{width:3rem; height:3rem; text-align:center;}
.picBack i{width:.8rem; height:.8rem; border-width:2px 2px 0 0; border-color:#fff; border-style:solid; transform:rotate(-135deg); -webkit-transform:rotate(-135deg); display:inline-block; position:relative; top:.15rem;}
.topTit{flex:1; -webkit-flex:1; -webkit-box-flex:1; text-align:center; color:#fff; font-size:1.25rem;overflow-y: hidden;}
.shareBtn{width:3rem; height:3rem; position:relative; cursor:pointer;}
.shareBtn i,.shareBtn i:after,.shareBtn i:before{width:5px; height:5px; display:inline-block; background-color:#fff; border-radius:50%;}
.shareBtn i{position:relative; right:-1.25rem; top:-.15rem;}
.shareBtn i:after{left:10px; top:8px}
.shareBtn i:before{left:10px; top:-8px;}
.shareBtn i:after,.shareBtn i:before{content:""; position:absolute;}
.shareBtn em{width:11px; height:11px; border-style:solid; border-width:2px 2px 0 0; border-color:#fff; transform:rotate(-135deg); -webkit-transform:rotate(-135deg); display:inline; position:absolute; top:1.15rem; right:.4rem}
.picMain{position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%;overflow:hidden; background-color:#000;}
.picMain .swiper-container .swiper-wrapper{margin:0 auto; text-align:center;}
.picMain .swiper-container .swiper-slide span{display:-webkit-box; -webkit-box-orient:horizontal; -webkit-box-pack:center; -webkit-box-align:center; }
.picMain .swiper-container .swiper-slide img{vertical-align:middle; max-width:100%; max-height:100%; margin:0 auto;}
.picMain .picInfo{ position:fixed;bottom:0; left:0; width:100%; z-index:5; background:rgba(0,0,0,.5);}
.picMain .picInfo .title{position:absolute; margin-top:2rem; padding:0 .6rem;}
.picMain .picInfo .title p{color:#ccc;}
.picMain .picInfo h1{color:#fff; font-size:1.25rem; line-height:1.4;}
.picMain .picInfo .swiper-pagination{top:.4rem;}
.picMain .picInfo .likeBtn{position:absolute; height:1.2rem; width:8rem; top:.5rem; left:.5rem;}
.picMain .picInfo .likeBtn em{ margin-left:1.6rem; color:#fff; line-height:1rem;}
.picMain .picInfo .likeBtn i{position:relative;}
.picMain .picInfo .likeBtn i:before,.picMain .picInfo .likeBtn i:after{width:.8rem; height:1.2rem; border-radius:1rem 1rem 0 0; background-color:#fff; display:inline-block; content:""; position:absolute;}
.picMain .picInfo .likeBtn i.on:before,.picMain .picInfo .likeBtn i.on:after{background-color:#c00;}
.picMain .picInfo .likeBtn i:before{transform:rotate(45deg); -webkit-transform:rotate(45deg); left:.4rem;}
.picMain .picInfo .likeBtn i:after{transform:rotate(-45deg); -webkit-transform:rotate(-45deg); left:0.1rem;}
.picShare{ position:fixed; bottom:0; left:0; z-index:999; width:100%; background:rgba(0,0,0,.7); text-align:center; display:none;}
.picShare h4{color:#999; font-size:1.2rem; padding:1rem 0 .3rem;}
.picShare .bdsharebuttonbox a.bds_tsina,.picShare .bdsharebuttonbox a.bds_weixin,.picShare .bdsharebuttonbox a.bds_qzone{width:4rem; height:4rem; display:block;  border-radius:50%; background-size:2rem; background-position:center; background-color:#fafafa; padding:0; background-repeat:no-repeat;box-sizing:border-box; float:none; margin:5px auto;}
.picShare ul{display:flex; display:-webkit-flex; display:-webkit-box; padding-bottom:1rem;}
.picShare ul li{flex:1; -webkit-flex:1; -webkit-box-flex:1; text-align:center;}
.picShare ul li span{color:#999; height:1.6rem; line-height:1.6rem; }
.picShare .bdsharebuttonbox a.bds_tsina{background-image:url(../images/bs_weibo.png);}
.picShare .bdsharebuttonbox a.bds_weixin{background-image:url(../images/bs_weixin.png);}
.picShare .bdsharebuttonbox a.bds_qzone{background-image:url(../images/bs_qzone.png);}
.picShare .cancelBtn{height:2.5rem; line-height:2.5rem; color:#fff; background:rgba(255,255,255,.1); cursor:pointer;}
.picBlack{background:rgba(0,0,0,.5); height:100%; width:100%; position:fixed; z-index:111; top:0; left:0; display:none;}

@media only screen and (min-width: 320px) and (max-width: 399px) {.shareBtn em {top:1.05rem; right:.45rem}}
@media only screen and (min-width: 400px) and (max-width: 479px) {.shareBtn em {top:1.2rem; right:.55rem}}
@media only screen and (min-width: 480px) and (max-width: 767px){.shareBtn em {top:1.24rem; right:.65rem}}
@media only screen and (min-width: 768px){.shareBtn em {top:1.3rem; right:.8rem}}