/*珍好看列表*/
.picBox{width:100%;height:100%;margin:0 auto;padding:0px 10px;}
.picBox .tjTit{width:100%;height:auto;line-height:40px;}
.head .back{z-index:100000;display:block}
.picBox .picData{width:100%;height:auto;margin:0 auto;display:flex;justify-content: space-between;flex-wrap:wrap;}
.picBox .picData .picimg.imgbox{position:relative;border-radius:5px;overflow:hidden;}
.picBox .picData .picimg .title{width:100%;height:35px;background-color:#d5ac59;position:absolute;left:0px;bottom:0px;color:#fff;padding:0px 5px; overflow:hidden;
    text-overflow:ellipsis; white-space:nowrap;font-size:16px;line-height:35px;}
.picBox .piccon{width:calc(50% - 5px);width:-moz-calc(50% - 5px);width:-webkit-calc(50% - 5px);height:auto;padding-bottom:5px;}
.recbox.picBox .piccon{    border-bottom: 1px solid #dedede;margin-top: 10px;}
.picBox .piccon .picimg{width:100%;height:auto; position: relative;z-index:0;}

.picBox .piccon .picbgcon{width:90%;height:auto;margin:0 auto;position:relative;top:-2px;}
.picBox .piccon .picbgcon img{width:100%;}
.zhuanti_video{overflow:hidden}
.picBox .piccon .picimg span.picnum{display: block;position: absolute;border-radius:20px; bottom:10px;right:10px; padding:0px 10px;height:20px;text-align: center;color:#fff;}
.picBox .piccon .picimg span.picnum span.numbg{display: block;position: absolute;left:0px;top:0px;width:100%;height:100%;background-color: #000;opacity: 0.7;}
.picBox .piccon .picimg span.picnum span.num{position: relative;z-index:10}
.picBox .piccon .title{font-size:16px;line-height: 20px;padding:8px 8px 5px 8px;color:#000;position:relative;}
.picBox .piccon .intro{width:100%;height:auto;padding:0px 8px;font-size:14px;line-height:18px;position:relative;}
.picBox .piccon .intro span.datetime{color:#bebebe}
.picBox .piccon .intro span.datetime i.clockicon{width:15px;height:16px;margin-right:2px; position: relative;top:-1px; background-position: -71px 0px;}
.picBox .piccon .intro span.scaninfo{color:#bebebe;margin-left:5px;}
.picBox .piccon .intro span.scaninfo i.scanicon{width:20px;height:16px;background-position:-34px 1px;}
.picBox .piccon .picimg span.playicon{width:55px;height:55px;background-position: 0px -80px; cursor: pointer; display: block; position: absolute;top:50%;left:50%;margin-left:-28px;margin-top:-28px;}


/*视频*/
.videoBox{width:100%;height:100%;margin:0 auto;padding: 10px;}

.videoBox .piccon{width:100%;height:auto;padding-bottom:10px;}
.videoBox .piccon{    border-bottom: 1px solid #dedede;margin-bottom: 10px;}
.videoBox .piccon .picimg{width:100%;height:auto; position: relative;z-index:0;}

.zhuanti_video{overflow:hidden}
.videoBox .piccon .picimg span.picnum{display: block;position: absolute;border-radius:20px; bottom:10px;right:10px; padding:0px 10px;height:20px;text-align: center;color:#fff;}
.videoBox .piccon .picimg span.picnum span.numbg{display: block;position: absolute;left:0px;top:0px;width:100%;height:100%;background-color: #000;opacity: 0.7;}
.videoBox .piccon .picimg span.picnum span.num{position: relative;z-index:10}
.videoBox .piccon .title{font-size:16px;line-height: 20px;padding:8px 8px 5px 8px;color:#000;position:relative;}
.videoBox .piccon .intro{width:100%;height:auto;padding:0px 8px;font-size:14px;line-height:18px;position:relative;}
.videoBox .piccon .intro span.datetime{color:#bebebe}
.videoBox .piccon .intro span.datetime i.clockicon{width:15px;height:16px;margin-right:2px; position: relative;top:-1px; background-position: -71px 0px;}
.videoBox .piccon .intro span.scaninfo{color:#bebebe;margin-left:5px;}
.videoBox .piccon .intro span.scaninfo i.scanicon{width:20px;height:16px;background-position:-34px 1px;}
.videoBox .piccon .picimg span.playicon{width:55px;height:55px;background-position: 0px -80px; cursor: pointer; display: block; position: absolute;top:50%;left:50%;margin-left:-28px;margin-top:-28px;}








.linkbox{width:100%;height:50px;padding:5px 0px; position: fixed;bottom: 0px;left:0px; border-top:1px solid #eaeaea;background-color: #fff;}
.linkbox ul li{display: block;float:left;height:40px;line-height: 40px; width:33%;text-align: center; border-right:1px solid #eaeaea;}
.linkbox ul li a{color:#333;display:block;width:100%;height:100%;}
.linkbox ul li i.picicon{ width:22px;height:22px;background-position: -128px -39px;}
.linkbox ul li i.videoicon{width:22px;height:22px;background-position: -258px -39px;}
.linkbox ul li i.zhuantiicon{width:22px;height:22px;background-position: -160px -39px;}
.linkbox ul li.active i.picicon{background-position: -73px -80px;}
.linkbox ul li.active i.videoicon{background-position: -227px -39px;}
.linkbox ul li.active i.zhuantiicon{background-position: -110px -80px;}
.linkbox ul li.active a{color:#d1923b}

.detailbox  .piccon{border-bottom:1px solid #e1e1e1;padding-bottom:10px;margin-bottom:10px;}
/*详情页*/ 
.detailbox p,.detailbox span{word-break: break-word;}    
.detailbox .title{font-size:22px;line-height: 28px;color:#333}
.detailbox .createinfo{color:#9c9c9c;margin-top:5px;font-size:14px;line-height:24px;}
.detailbox .createinfo p{font-size:14px;margin-right:5px;}
.detailbox  .detailcon{width:100%;height:auto;padding:10px 0px;line-height: 20px;color:#505050}
.detailbox  .detailcon img{max-width:100%;display:block;margin:8px auto;height: auto !important;}
.detailbox  .detailcon p{font-size:16px;line-height:24px;word-break:break-all;word-break:break-word;}
.detailbox .detailcon p strong{font-weight:bold !important;word-break:break-all;word-break:break-word;}
.detailbox .detailcon p strong span{font-weight:bold !important;word-break:break-all;word-break:break-word;}
.commentbox{width:100%;height:auto;}
.commentbox .commcon{width:100%;height:auto;min-height:70px; position: relative;padding:0px 10px;}
.commentbox .commcon .txcon{width:60px;height:60px;position: absolute;left:10px;top:0px; border-radius:100px;overflow: hidden;}
.commentbox .commcon .txcon img{width:100%;height:100%;}
.commentbox .comminfo{width:100%;height:auto;padding-left:70px;margin-bottom:10px;}
.commentbox .comminfo .commpeo{color:#af8b3c;font-size:16px;line-height: 20px;}
.commentbox .comminfo .commintro{line-height: 20px;}
.commentbox .comminfo .commtime .scorenum{color:#d3aa53}
.comminfo .commtime{line-height: 20px;}
.comminfo .commtime .time{color:#666}
.comminfo .commpeo .scorenum {cursor:pointer}
.comminfo .commpeo .scorenum .scoreicon{display: inline-block; width:16px;height:20px;background-position: -192px -39px;cursor:pointer}
.comminfo .commpeo .scorenum.active .scoreicon{background-position: -190px 0px;}
.picintro{color:#fff;position:relative;margin-top:10px; text-indent:5px;}
.comminfo .commpeo .iconreply{width:20px;height:20px;background-position:-187px -395px;    margin-left:5px; }




/*珍好看图片详情*/
.swiper-container.picBanner{overflow: visible;}
.picBg{background: #000 !important;}
.picBanner{margin: 50px 0px 0px 0px;}
.sharebox.picShare{background: none;border: none;}
.sharebox.picShare span.liuyanicon{background-position:-143px -80px;}
.sharebox.picShare span.scanicon{background-position: -178px -80px;}
.sharebox.picShare span.shareicon{background-position: -214px -80px;}
.writeIcon{background-position: -246px -83px;width:15px;height: 15px;position: absolute;left: 20px;top: 15px;}
.sharebox.picShare .liuyantext{background:#757575;padding-left:20px;text-indent: 10px;}
.sharebox.picShare input.liuyantext::-webkit-input-placeholder {color: #f5f5f5;}
.picBanner .intro{color: #fff;padding: 10px;}
/*评论弹窗*/
.commentpopup{display: none;width:100%;height:100%; background-color: #fff;position: fixed;z-index:100; left:0px;top:0px;border-top-left-radius: 20px; border-top-right-radius: 20px;}
.popuptop{text-align: center;line-height: 40px;color:#a7813a;font-size:18px;}
.popuptop a.close{width:30px;height:30px;background-position:-90px -35px;position:absolute;top:5px;left:5px;}
.commentpopup .commentbox{height:-moz-calc(100% - 60px); height:-webkit-calc(100% - 60px); height: calc(100% - 60px);overflow-y:auto;padding-top:30px;}
/*底部分享留言*/
.detailbox{width:100%;height:auto;padding:10px;}
.sharebox{width:100%;height:50px;padding-top:5px;
    z-index:2;
    text-align: right;
    padding-right: 15px; background-color: #fff;position:fixed;bottom:0px;left:0px; border-top:1px solid #eaeaea;}
.sharebox .liuyantext{width:160px;height:40px;font-size:14px; border:0;-webkit-appearance: none; margin-left:10px;cursor:pointer; background-color: #f4f5f6;-webkit-appearance: none; text-indent:25px; border:1px solid #e1e1e1;border-radius:50px;}
.sharebox span.liuyanicon{display: inline-block;position: relative; width:25px;height:25px;background-position: -260px 0px;}
.sharebox span.scanicon{display: inline-block;position: relative;width:25px;height:25px;background-position: -0px -35px;}
.sharebox span.shareicon{display: inline-block;position: relative;width:25px;height:25px;background-position: -45px -38px;}
.sharebox span i.num{display: block;width:auto;position: absolute;top:-5px;left:15px;color:#fff; height:15px;line-height:15px;font-size:12px; padding:0px 4px;border-radius:50px; background-color: #ff5850;}
.sharebox span{margin-left:16px;position: relative;top:10px;}
.liuyanarea{position:relative;width: calc(100% - 180px);width:-moz-calc(100% - 180px);width:-webkit-calc(100% - 180px)}
.liuyanarea .writeicon{width:15px;height:15px;background-position:-225px 0px; position:absolute;left:20px;top:13px;}
.sharebox span.dzicon{display: inline-block;position: relative;width:25px;height:25px;background-position: -269px -419px}
.sharebox span.active{display: inline-block;position: relative;width:25px;height:25px;background-position:-269px -388px}

/*分享弹窗*/
.shareBox{position:fixed;bottom: 0;left: 0;width:100%;background: #fff;padding-top: 10px;z-index: 101;display: none;}
.shareBox .tit{width: 120px;margin: 0 auto;height: 40px;background: url(../images/line.png) left center repeat-x;}
.shareBox .tit p{text-align: center;background: #fff;padding: 0 10px;line-height: 40px;font-size: 14px;color: #999;width: 68px; margin: 0 auto;}
.shareBox .wrap{width: 100%;overflow: hidden;padding: 15px 0;}
.shareBox .wrap .item{width: 20%;float: left;text-align: center;}
.shareBox .wrap .item i{width: 48px;height: 48px;}
.friendsIcon{background-position:2px -248px;}
.zoneIcon{background-position:-256px -248px;}
.wechatIcon{background-position:-52px -248px;}
.circleIcon{background-position:-153px -248px;}
.xinlangicon{background-position:-208px -248px;}
.QQicon{background-position:-104px -248px;}
.shareBox .wrap .item p{font-size: 12px;line-height: 20px;color: #999;}
.shareBox .cancelBtn{height: 45px;line-height: 45px;font-size:16px; border-top:1px solid #eee;text-align: center;color: #949494;}
/*留言*/
.liuyanBox{width:100%;height:150px;z-index:101; display:none; position:absolute;bottom:0px; left:0px; background-color:#fff;padding:0px 10px;}
.liuyanBox .areabox{width:90%;height:80px;border:none;margin:10px 5%;-webkit-appearance: none;border:1px solid #dedede;padding:5px;}
.liuyanBox .commentbtnbox{text-align:center;}
.commentbtn{width:45%;height:40px;display:inline-block; margin:0 auto; border:none;color:#fff;font-size:16px;}
/*字体选择*/
.wordbox{position:fixed;bottom: 0;left: 0;display: none;width:100%;padding: 10px;z-index: 101;}
.wordbox .wordboxbg{width:100%;height:100%; background-color: #000;opacity: 0.1;position: absolute;top:0px;left:0px;}
.wordbox ul{display:block;background-color: #fff;width:100%;height:auto;border-radius: 20px;position: relative;z-index:10;margin:0 auto;}
.wordbox ul li{width:100%;line-height: 40px;cursor: pointer; text-align: center; color:#d3a952;font-size:18px; border-bottom: 1px solid #eeeeee;}
.wordbox ul li:last-child{border-bottom:none}
.head .sousou i.wordicon{width:20px;height:20px;background-position: -145px 0px;}

/*文字大小*/
.smallword {font-size:14px}
.middleword{font-size:16px;}
.bigword{font-size:18px;}
.smallword .title{font-size:20px;line-height: 26px;}
.middleword .title{font-size:22px;line-height: 28px;}
.bigword .title{font-size:24px;line-height: 30px;}

.smallword p,.smallword p span,.smallword .createinfo{font-size:14px !important;}
.middleword p,.middleword p span,.middleword .createinfo{font-size:16px !important;line-height:24px !important;}
.bigword p,.bigword p span,.bigword .createinfo{font-size:18px !important;line-height:26px !important;}

.picInfo{line-height:22px;padding:10px;color:#fff; text-indent:50px;position:relative;}
.readNumbox{line-height:30px;color:#999;text-indent:10px;}

/*2018-12-18*/
.conbox .infoBox{width:100%;height:calc(100% - 50px);height:-moz-calc(100% - 50px);height:-webkit-calc(100% - 50px);overflow-y:auto;-webkit-overflow-scrolling : touch;}
.tabMenu{width:90%;height:40px;border:1px solid #a7823b;line-height:40px;display:flex;margin:0 auto;position:relative;top:5px;}
.tabMenu a{display:block;width:100%;height:100%;text-align:center;color:#a7823b}
.tabMenu a.active{color:#fff;background-color:#a7823b;}


/*首页推荐部分*/
.tjBox{width:100%;height:auto;padding:6px 10px 0px 10px;margin-bottom:-2px;position:relative;}
.tjBox .item{width:100%;height:auto;}
.tjBox .item .ztpic{width:100%;height:auto}

/*专题*/
.dduBox{width:100%;height:auto;padding:10px;}
.dduBox .ztpic{width:100%;height:auto;}
.dduBox .daodu{width:100%;height:auto;}
.dduBox .daodu .titCon{width:100%;height:auto;font-size:16px;font-weight:bold;color:#d8ae54;padding:10px 0px;}
.dduBox .daodu .titCon .icon_dd{width:25px;height:25px; background-position:-130px -395px}
.dduBox .daodu .ddCon{color:#505050;line-height:20px;}
.ztdataBox{width:100%;height:auto;}
.ztdataBox .zthot{width:100%;height:40px;line-height:40px;color:#a7823a;font-size:16px;}
.ztdataBox .zthot a{display:flex;width:100%;height:100%;align-items:center;}
.ztdataBox .zthot a .con{width:calc(100% - 30px);width:-moz-calc(100% - 30px);width:-webkit-calc(100% - 30px);color:#a7823a;font-size:16px;}
.ztdataBox .zthot a .icon_arrow{width:20px;height:20px;background-position:-165px -395px}
.bginfo{width:100%;height:10px;background-color:#f6f6f6;    margin-top: 10px;}
.recbox.zhuanti{padding:0px}
/*留言回复*/
.hfBox{width:100%;height:auto;background-color:#f4f5f6;padding:10px;margin-top:10px;position:relative;}
.hfBox .item{margin-bottom:5px;color:#333333;cursor:pointer;}
.hfBox .item .username{color: #af8b3c;}
.hfBox .arrow{width: 0px; height: 0px; border-left: 10px solid transparent;  border-right: 10px solid transparent; border-bottom: 10px solid #f4f5f6; position:absolute;left:5%;top:-10px;}
.hfBox .hfBtnbox{width:100%;height:auto;padding:10px; text-align:center;}
.hfBox .hfBtnbox .hfbtn{width:50%;height:35px;line-height:35px;border:1px solid #d3aa53;font-size:14px;border-radius:5px; text-align:center;background-color:#fff;color:#d3aa53}

/**/
.jdBox{padding:0px }
.ttBox{border-bottom:1px solid  #e1e1e1;padding-bottom:10px;position:relative;}
.jdBox .jdCon{width:100%;height:auto;padding:0px 10px;}
.ttBox  .titCon{font-size:16px;width:100%;padding:10px 10px 5px 10px;}
.ttBox  .markCon{width:100%;height:auto;display:flex;justify-content: space-between;align-items:center;padding:0px 10px;color:#8e8e8e}
.ttBox  .markCon .ttmark{width:50px;height:22px;text-align:center;line-height:22px;border-radius:5px;border:1px solid #a7823a;color:#a7823a;font-size:12px;}
.bggrey{background-color:#f6f6f6}

.reccon.newscomm{}
.reccon.newscomm .recinfo .rectit{line-height:22px;}


.pagination{position:absolute !important;left:0px !important;bottom:0px !important;width:100% !important;top:auto !important;text-align:center !important}



/*专题列表*/
.zhuantiList{width:100%;height:auto;padding:10px;}
.zhuantiList .zhuantiCon{width:100%;height:auto;margin-bottom:10px}
.imgcon{width:100%;height:auto;position:relative;}
.imgcon .imgzwf{width:100%;height:auto;}
.imgcon .imgshow{width:100%;height:100%; position:absolute;left:0px;top:0px;}
.zhuantiList .zhuantiCon .dataCon{width:100%;height:auto;display:flex;justify-content: space-between;padding:5px 0px;color:#333333}
.zhuantiList .zhuantiCon .markcon{display:inline-block;width:40px;height:22px;margin-left:10px;font-size:12px;line-height:22px;text-align:center; border-radius:3px;border:1px solid #a7813a;color:#a7813a}
.zhuantiList .zhuantiCon .dataCon .nameCon{width:calc(100% - 125px);width:-moz-calc(100% - 125px);width:-webkit-calc(100% - 125px);overflow: hidden;
text-overflow:ellipsis;white-space: nowrap;}


.tjBox .bannerpic{width:100%;height:100%}
.tjBox  .morelist{width:60px;height:24px;z-index:10;background:rgba(0,0,0,0.5);color:#fff;line-height:24px;text-align:center;position:absolute;right:0px;bottom:0px;}
.tjBox  .morelist a{color:#fff}
.tjBox  .morelist .icon_more{width:15px;height:15px;background-position:-63px -447px;}
.tjBox .imgcon{border-radius:5px;overflow:hidden}

/*图片预览*/
.picViewBox{width:100%;height:100%; background-color:#000;position:fixed;left:0px;top:0px;display:none;z-index:10}
.picViewBox .picViewCon{width:100%;height:100%;}
.picViewBox .viewbanner{width:100%;height:100%;display:flex;align-items:center;overflow-y:auto;}
.picViewBox  .swiper-wrapper{width:100%;position:relative;}
.picViewBox  .swiper-wrapper .swiper-slide{width:100%;height:100%;display:flex;align-items:center;}
.picViewBox .picViewCon .closeIcon{display:block; width:40px;height:40px;z-index:100;background:url(../images/icon_close.png) no-repeat center;background-size:20px; position:absolute;right:0px;top:0px;z-index:99}
.picViewBox .swiper-container-horizontal>.swiper-pagination-bullets, .picViewBox .swiper-pagination-custom, .picViewBox .swiper-pagination-fraction{left:10px !important;top:10px;}

.picViewBox   .pinch-zoom-container{width:100%;height:100%;}

/*图集页面处理*/
.conbox .picDetail{width:100%;height:100%;}

.picDetail .picBanner{width:100%;height:100%;margin-top:0px;}
.picDetail .swiper-wrapper{width:100%;height:100%;}
.picDetail .swiper-wrapper .swiper-slide{
    background:black;
    width:100%;height:100%;display:flex;align-items:center;ovefflow-y:auto;overflow-x: hidden;-webkit-overflow-scrolling : touch;}
.picDetail .swiper-wrapper .swiper-slide .slideCon{width:100%;height:auto;}

.ttinfoBox{position:absolute;left:0px;bottom:0px;background:rgba(0,0,0,0.5);width:100%;padding:0px 10px;color:#fff;bottom:10px;padding-bottom:10px;}
.ttinfoBox .markCon{color:#fff}
.mb{margin-bottom:10px;}
.zdpic{width:30px;display:inline-block;}
.zdpic img{width:30px;}