chinax.jianzhanzj.com/static/css/pic.css

.container{ background:#fff}
.clearfix {
    zoom: 1;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
 
 .mt30 {
    margin-top: 30px;
}

.mt40 {
    margin-top: 40px;
}


 .location {margin-top: 20px;color: #777;}
.location a{color: #777;}

.picarticle{width: 100%;margin-top: 36px;}
.picarticle .title{padding-bottom: 20px;}
.picarticle .title h1{font-size: 26px;color: #333;font-weight: bold;text-align: center;line-height: 32px;}
.topcont{text-align: center;line-height: 66px;border-bottom: 1px solid #ddd;}
.topcont>span{margin: 0 20px;color: #666;font-size: 16px;}
.topcont>a{cursor: pointer;}
.topcont .downloadimg{font-size: 16px;}
.topcont .downloadimg i{display:inline-block;width:17px;height:16px;margin-left: 6px;vertical-align: middle;background: url(../img/download.png);}
.peoplewatch .title{font-size: 20px;font-weight: bold;color: #333;line-height: 50px;}
.peoplewatch .title span{vertical-align: middle;margin-right: 8px;}
.peoplewatch .dlbox{width: 1220px;margin-left: -10px;}
.peoplewatch .dlbox dl{width: 220px;float: left;margin-left: 20px;margin-bottom: 20px;}
.peoplewatch .dlbox dl img{width: 100%;height: 140px;border-radius: 4px;}
.peoplewatch .dlbox dl dd{line-height: 20px;font-size: 14px;margin-top: 10px;}
.peoplewatch .dlbox dl dd a{color: #333;}
.peoplewatch .dlbox dl:hover a{color: #E81525;}

.swiperbox_cont{position: relative;}
.swiperbox{width: 802px;height: 502px;padding: 9px ;border: 1px solid #eee;margin: 0 auto;}
.swiperbox .swiper-container{width: 802px;height: 502px;}
.swiperbox .swiper-container .swiper-slide img{width: 100%;height: 100%;}
.swiperbox .swiper-button-next{background: url(../img/nextbg.png);width: 50px;height: 50px;outline: none;}
.swiperbox .swiper-button-next:after{display: none;}
.swiperbox .swiper-button-prev{background: url(../img/prevbg.png);width: 50px;height: 50px;outline: none;}
.swiperbox .swiper-button-prev:after{display: none;}
.swiperbox .picdes{width: 683px;background: rgba(0,0,0,.75);line-height: 24px;color: #fff;font-size: 16px;position: absolute;bottom: 0;padding: 20px 20px 20px 100px;}
.swiperbox .swiper-pagination-fraction {color: #fff;position: absolute;left: 12px;width: 70px;font-size: 16px;white-space: nowrap;bottom: 47px;}
.swiperbox .swiper-pagination-fraction .swiper-pagination-current{color: #e60012;font-size: 28px;}

.pic_description{margin-top: 30px;border-top: 1px solid #ddd;padding-top: 30px;}
.pic_description .left{width: 946px;padding: 16px 50px 0;border-right: 1px solid #ddd;height: 100px;border-left: 3px solid #E60012;background: #fafafa;font-size: 16px;}
.pic_description .left p{line-height: 30px;font-size: 16px;color: #333;text-indent: 32px;}
.pic_description .pic_hotkey{margin-top: 10px;font-size: 14px;}
.pic_description .pic_hotkey a{margin-right: 10px;background: #f0f0f0;border-radius: 16px;display: inline-block;padding: 5px 20px;}
.pic_description .love{width: 150px;height: 116px;text-align: center;cursor: pointer;}
.pic_description .loveicon{width: 31px;height: 28px;background: url(../img/love_a.png) no-repeat;display: inline-block;margin-top: 26px;}
.pic_description .lovenum{margin-top: 10px;font-size: 18px;color: #333;}
.bottom_cont{}
.bottom_cont .prevpic{width: 180px;}
.bottom_cont .prevpic dl dt{height: 140px;position: relative;background: url(../img/picarticlebg.png) no-repeat right bottom;}
.bottom_cont .prevpic dl dt img{position: absolute;left: 0;top: 0;width: 170px;height: 130px;}
.bottom_cont .prevpic dl dt span{position: absolute;color: #fff;left: 6px;top: 5px;background: rgba(0,0,0,.7);border-radius: 10px;z-index: 2;line-height: 22px;width: 54px;text-align: center;}
.bottom_cont .prevpic dl dd a{font-size: 14px;color: #333;padding-left: 5px;}
.bottom_cont .nextpic{width: 180px;}
.bottom_cont .nextpic dl dt{height: 140px;position: relative;background: url(../img/picarticlebg.png) no-repeat right bottom;}
.bottom_cont .nextpic dl dt img{position: absolute;left: 0;top: 0;width: 170px;height: 130px;}
.bottom_cont .nextpic dl dt span{position: absolute;color: #fff;left: 6px;top: 5px;background: rgba(0,0,0,.7);border-radius: 10px;z-index: 2;line-height: 22px;width: 54px;text-align: center;}
.bottom_cont .nextpic dl dd a{font-size: 14px;color: #333;}
.swiper_box{width: 692px;margin: 0 30px;position: relative;padding: 0 44px;}
.swiper_box .swiper-slide{width: 160px;height: 130px;}
.swiper_box .swiper-slide img{width: 100%;height: 100%;}
.swiper_box .swiper-button-next{background: url(../img/litnextbg.png);width: 28px;height: 130px;outline: none;top: 0;margin-top: 0;}
.swiper_box .swiper-button-next:after{display: none;}
.swiper_box .swiper-button-prev{background: url(../img/litprevbg.png);width: 28px;height: 130px;outline: none;top: 0;margin-top: 0;}
.swiper_box .swiper-button-prev:after{display: none;}

/*微信分享*/
.qrcodecov {position: fixed;width: 100%;text-align: center;height: 100%;background-color: rgba(0,0,0,.5);top: 0;left: 0;z-index: 9999;}
.qrcode {margin: -200px 0 0 -150px;width: 300px;height: 350px;padding-top: 10px;background-color: #fff;position: absolute;top: 50%;left: 50%;}
.qrcode .title {text-align: left;color: #333;padding: 0 10px 10px;line-height: 20px;font-size: 14px;}
.qrcode .title SPAN {float: right;font-size: 16px;padding: 0 4px;cursor: pointer;}
#qrcode {margin: auto;position: initial;padding-top: 20px;height: 240px;}
.share_vx{cursor: pointer;}
.hottagitem{padding: 6px 26px;border-radius: 4px;background: #f0f0f0;margin-right: 18px;margin-top: 16px;}