/*
* author:dss
* 2018-03-28
*/

/*article二级导航*/

/*public*/
.pr{position: relative;}
.pa{position: absolute;}
/*title*/
.tit{height: 40px; padding: 0 12px; border-bottom: 1px solid #dcdcdc; background-color: #fff;}
.tit em{height: 40px; line-height: 40px; font-size: 17px; color: #333;}
.tit em:before{display: inline-block; margin-right: 5px; content: ''; width: 9px; height: 9px; background: #773b09;}
.tit-top-line{border-top: 1px solid #dcdcdc;}
.no-border{border: 0px;}
.tit-sub{float: right;}
.tit-sub ul{overflow: hidden;}
.tit-sub ul li{float: left; line-height: 40px; font-size: 12px; margin-left: 15px;}
.tit-sub ul li a{color: #733821;}
hr{height: 10px; background-color: #f6f6f6; border: 0;}
/*small-tit*/
.small-tit{height: 40px; padding: 0 12px; background-color: #fff;}
.small-line{border-bottom: 1px solid #e5e5e5}
.small-tit em{height: 40px; line-height: 40px; font-size: 17px; color: #333;}
.small-tit .right i{font-size: 13px; line-height: 40px; height: 40px; color: #74381e; display: inline-block; margin-left: 5px;}
.small-tit .right i a{color: #74381e;}
.small-tit .right span{font-size: 9px; line-height: 40px; height: 40px; color: #999; display: inline-block; margin-left: 5px;}
.small-tit .right span a{color: #999; display: block;}
.small-tit .right span a:after{content: "";font-size: 9px; padding-right: 10px; background: url(../../images/wap3.0/more.png) no-repeat center right; background-size: 6px 7px;}
/*more*/
.more{position: relative; border: 1px solid #dcdcdc;display: block; text-align: center; height: 34px; font-size: 13px; line-height: 34px; color: #666666; border-radius: 3px;}
.more span{display: inline-block; line-height: 34px;}
.more i{display: inline-block; margin-left: 5px; width: 12px; height: 12px; background: url(../../images/wap3.0/icon-more2.png) no-repeat 0 0; background-size: 12px 12px;}
.more i.icon-loading{background: url(../../images/wap3.0/loading.png) no-repeat 0 0;}
.wrap{padding: 0 12px;}

/*loading*/
.loading{height: 43px; line-height: 43px; font-size: 9px; text-align: center; background-color: #f6f6f6;}
.loading span{display: inline-block; line-height: 34px;}
.loading i{margin-bottom: -2px; margin-left: 5px; width: 14px; height: 14px; display: inline-block; background: url(../../images/wap3.0/load.png) no-repeat 0 0; background-size: 14px 14px;
    -webkit-animation: circle 1s linear infinite;
    -moz-animation:  circle 1s linear infinite;
    -o-animation:  circle 1s linear infinite;
    animation: circle 1s linear infinite;
}

@-webkit-keyframes circle {
    from { -webkit-transform: rotate(0deg);	}
    to {  -webkit-transform: rotate(360deg); }
}
@-moz-keyframes circle {
    from { -moz-transform: rotate(0deg);	}
    to {  -moz-transform: rotate(360deg); }
}
@-o-keyframes circle {
    from { -o-transform: rotate(0deg);	}
    to {  -o-transform: rotate(360deg); }
}
@keyframes circle {
    from {transform: rotate(0deg);	}
    to { transform: rotate(360deg); }
}

/******************************腕表行情.html*************************/

.focus-pic{overflow: hidden;}
.focus-pic ul li img{width: 100%;}
.focus-tit{width: 100%; left: 0; bottom: 0; z-index: 1;}
.focus-tit ul li{display: none; padding: 0 13px; height: 27px; background-color: rgba(0,0,0,0.3); overflow: hidden; *zoom: 1;}
.focus-tit ul li em{float: left; width: 90%; height: 28px; overflow: hidden; line-height: 28px; font-size: 16px; color: #fff;}
.focus-tit ul li em a{color: #fff;}
.focus-tit ul li span{float: right; height: 27px; line-height: 27px; font-size: 12px; color: #fff}
/*列表*/
.list{padding: 0 12px; overflow: hidden;}
.list ul{margin-top: -1px;}
.list ul li{position: relative; padding: 15px 0 14px 120px; border-top: 1px solid #f5f5f5;}
.list-pos{position: absolute; left: 0; top: 15px; width: 110px; height: 70px;}
.list-pos img{width: 100%;}
.list-main{height: 70px; overflow: hidden;}
.list-main em{display: block; font-size: 16px; line-height: 20px; height: 40px; overflow: hidden; color: #333333;}
.list-info{text-align: left; font-size: 12px; line-height: 15px; margin-top: 7px; color: #999999;}
.list-info i{padding-right: 8px;}
.list-info span{line-height: 20px; color: #74381e; border-left: 1px solid #dcdcdc; padding-left: 8px;}
.market-list{ margin-bottom: 30px;}
.market-list ul{margin-bottom: 15px;}

/******************************尊享品格.html*************************/

/*编辑推荐*/
.edit-title{margin-top: 17px;}
.edit-list{margin-bottom: 15px;}

/*最新品*/
.new-title{margin-bottom: 15px;}
.new-list{margin-bottom: 15px;}

/*极致鉴赏*/
.look-title{margin-bottom: 15px;}
.look-list2{margin-bottom: 10px;}

/*明星试戴*/
.star-title{margin-bottom: 15px;}
.star-focus{margin-bottom: 30px;}

/*新品发布*/
.publish-title{margin-bottom: 15px;}
.publish-list2{margin-bottom: 10px;}

/*列表2*/
.list2-wrap{padding: 0 2px;}
.list2 ul li{float: left; width: 50%; margin-bottom: 10px;}
.list2-slide{position: relative; padding: 0 5px;}
.list2-slide img{width: 100%;}
.list2-slide em{display: block; font-size: 12px; line-height: 16px; height: 32px; overflow: hidden; margin: 6px 0;}
.cover{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}

/*买家秀*/
.buyer{margin-bottom: 15px;}
.buyer-more{margin-bottom: 30px;}
/*列表3*/
.list3{overflow: hidden;}
.list3 ul{ margin-top: -1px}
.list3 ul li{padding: 15px 0; border-top: 1px solid #f4f4f4}
.buyer-info{padding: 0 12px;}
.buyer-info .atar{float: left; display: block; width: 25px; height: 25px; overflow: hidden; margin-right: 8px; border-radius: 50%; overflow: hidden;}
.buyer-info .atar img{width: 100%;}
.buyer-info .nickname{float: left; font-size: 9px; color: #74381e; line-height: 25px; margin-right: 15px;}
.buyer-info time{float: left; font-size: 9px; color: #999999; line-height: 25px; margin-right: 15px;}
.buyer-info i.icon-commit{float: left; padding-left: 15px; background: url(../../images/wap3.0/icon-commit.png) no-repeat 0 center; font-size: 9px; color: #999999; line-height: 25px;}
.list3 ul li em{padding: 0 12px; color: #333333; font-size: 12px; line-height: 33px;}
.buyer-pic{padding: 0 7px;}
.buyer-pic div{width: 33.333333%; float: left; }
.buyer-pic span{display: block; padding: 0 5px;}
.buyer-pic span i img{width: 100%;}

/*排行榜*/
.rank-list{margin-bottom: 15px;}


/******************************腕表资讯.html*************************/
.information-focus{}
/*最前沿*/
.leading-more{margin-bottom: 30px;}
/*list4*/
.list4 ul li{padding: 15px 13px 0; position: relative;}
.list4 ul li em{font-size: 16px; color: #000; line-height: 25px;height:25;overflow:hidden;display:inline-block;}
.list4-pic{margin-bottom: 7px;}
.list4-pic img{width: 100%;}
.list4-info{font-size: 14px; color: #999; border-bottom: 1px solid #dcdcdc; padding-bottom: 15px;}
/*现场直击*/
.scene-list{margin-bottom: 30px;}
/*明星与表*/
.superstar-title{margin-bottom: 15px;}
.superstar{padding: 0 7px; margin-bottom: 12.5px;}
.superstar-one-wrap{width: 33.3%; float: left;}
.superstar-one{padding: 0 3px;}
.superstar-one-inner{position: relative;}
.superstar-one-inner img{width: 100%;}
.superstar-one-inner span{position: absolute; left: 0; bottom: 0; width: 100%; height: 48px; background: rgba(0,0,0,0.5);}
.superstar-one-inner i{display: block; height: 40px; padding: 5px 5px 0;  color: #fff; font-size: 14px; line-height: 20px; overflow: hidden;}
/*品牌新闻*/
.brand-list{margin-bottom: 15px;}
/*热门文章*/
.hot-list{margin-bottom: 27px;}

/*superstar-list*/
.superstar-list{padding: 0 6px; padding-top: 17.5px;}
.superstar-list li{float: left; width: 50%; margin-bottom: 17.5px;}
.superstar-list li .superstar-one{padding: 0 6px;}

/******************************购表指南.html*************************/
/*焦点图*/
/*编辑推荐*/
/*list5*/
.list5{padding: 0 9px;}
.list5 ul li{width: 50%; float: left; padding: 15px 0;}
.list5-slide{padding: 0 22px; position: relative;}
.list5-slide .list5-pic img{width: 100%; border-bottom: 1px solid #dcdcdc;}
.list5-slide em{display: block; font-size: 12px; color: #000; line-height: 17px; height: 34px; overflow: hidden; margin: 15px 0;}
/*热门关注*/
.list6{padding-bottom: 15px;}
.list6 ul{margin-top: -1px; overflow: hidden;}
.list6 ul li{position: relative; height: 78px; padding-left: 150px; padding-top: 59px; padding-bottom: 15px; border-top: 1px solid #dcdcdc;}
.list6-pos{ position: absolute; left: 0; top: 15px; width: 140px; height: 122px; }
.list6-pos img{ width: 100%; }
.list6-main{font-size: 12px; color: #000; line-height: 17px; height: 34px; overflow: hidden;}
/*风格*/
.style-title{margin-bottom: 12px;}
.style-wrap{padding: 0 7px; margin:12px 0 15px;}
/*珠宝表*/
.jewelry-title{margin-bottom: 15px;}
.jewelry-focus{margin-bottom: 30px;}
/*高奢收藏*/
/*文章列表*/
.art-list{padding-bottom: 15px;}

/******************************腕表图说.html*************************/
/*list7*/
.list7 ul li{margin-bottom: 25px; position: relative;}
.list7-pic{position: relative;}
.list7-pic:before{position: absolute; left: 30px; bottom: 0; content: ''; width: 10px; height: 7px; background: url(../../images/wap3.0/arr.png) no-repeat 0 0;}
.list7-pic img{width: 100%;}
.list7 i{padding: 0 12px; display: block; font-size: 10px; color: #733821; line-height: 20px; margin: 8px 0 5px;}
.list7 em{padding: 0 12px; display: block; font-size: 14px; color: #000000; line-height: 23px; height: 23px; overflow: hidden; margin: 5px 0;}
.list7 span{padding: 0 12px; display: block; font-size: 12px; color: #666666; line-height: 18px; height: 36px; overflow: hidden; margin: 5px 0;}

.say-more{margin-bottom: 30px;}




/******************************文章详情.html*************************/
.article{margin-bottom: 14px;}
.article-first-pic{width: 100%;}
.article-first-pic img{width: 100%;}
.article em{padding: 15px 12px 15px; display: block; font-size: 20px; line-height: 25px; color: #000;}
.article-info{padding: 0 12px 15px; margin-bottom: 15px; margin-left: -5px; border-bottom: 1px solid #dcdcdc;}
.article-info span{color: #666; font-size: 12px; line-height: 10px; margin: 0 5px;}
/*包含的品牌*/
.article-has-wrap{display: none; padding: 0 12px; position: relative;}
.article-has{display: inline-block; font-size: 13px; overflow: hidden; width: 290px;}
.article-has span{ height: 16px; line-height: 16px; display: block; float: left;}
.article-has i{height: 16px; line-height: 16px; color: #fc0d1b; background: url(../../images/wap3.0/icon-down.png) no-repeat center right; background-size: 6px 3px; padding-right: 7px; }
.article-has-brand{margin-right: 13px; display: block; float: left; max-width: 50px; height: 14px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.article-has-type{display: block; float: left; max-width: 50px; height: 14px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/*包含的品牌的弹层*/
.brand-alert{display: none; position: absolute; left: 50%; margin-left: -120px; top: 23px; background-color: #fff; width: 100px; padding: 12px 0; border: 1px solid #999;}
.brand-alert li{width: 76px; padding: 0 12px; height: 23px; line-height: 23px; overflow: hidden; font-size: 10px; text-align: center;}
.brand-alert:before{ content: " ";  position: absolute; left: 50%; margin-left: -3px; top: -6px;  width: 7px; height: 6px; background: #fff url(../../images/wap3.0/icon-arr.png);}
.type-alert{display: none; position: absolute; left: 50%; margin-left: -29px; top: 23px; background-color: #fff; width: 180px; padding: 12px 0; border: 1px solid #999;}
.type-alert li{width: 180px;  height: 23px; line-height: 23px; margin-bottom: 2px; overflow: hidden; font-size: 10px; text-align: center;}
.type-alert:before{ content: " ";  position: absolute; left: 50%; margin-left: -3px; top: -6px;  width: 7px; height: 6px; background: #fff url(../../images/wap3.0/icon-arr.png);}
.article{font-size: 13px;line-height: 20px;width: 100%;text-align: justify;}
.article-view{padding: 0 13px; margin-bottom: 20px;overflow: hidden;}
.article-view p,.article-view div{ font-size:17px; line-height: 28px; margin-top:14px;}
.article img {vertical-align:middle; }
.article .article-view img {max-width: 100% }
.article video{ width: 100%; }
.article mark{background:#fff;}
.article .content-mark{
    font-size: 14px;
    color: #4e4e4e;
    text-align: center;
    display: block;
    border-bottom: 1px solid #000;
    margin-bottom: 25px;
    line-height: 26px;
    padding: 5px 0;
}
/*腕表说说明*/
.explain{padding: 0 13px;}
.explain span{padding-left: 4px; display: block; height: 34px; font-size: 12px; color: #999999; line-height: 17px; border-left: 6px solid #9c9ca4;}

/*文中包含*/
.article-brand{}
.article-brand dd{position: relative; overflow: hidden; padding: 30px 0px; height: auto; margin: -1px 15px 0; border-top: 1px solid #dcdcdc;}
.article-brand-left{position: absolute; left: 0; top: 30px; width: 107px; height: auto; overflow: hidden;}
.article-brand-left img{width: 100%;}
.article-brand-right{position: relative; height: auto;  padding-left: 135px;}
.article-brand-right em{display: block; padding-top: 3px; margin-bottom: 10px; font-size: 14px; color: #000;}
.article-brand-right ul li{line-height: 20px;}
.article-brand-right span{font-size: 12px; color: #999; width: 74px;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;}
.article-brand-right i{font-size: 12px; color: #434343;}
.has-more{margin-bottom: 38px;}
/*相关阅读*/
.related-list{margin-bottom: 30px;}

.list-load{display: block; font-size: 10px; color: #ae7655; height: 45px; line-height: 45px; text-align: center; }
.list-load i{display: inline-block; width: 15px; height: 4px;margin-bottom: 2px; background: url(../../images/wap3.0/arr-down-more.png) no-repeat center center; background-size: 8px 4px;}

.get-more{/*position: absolute; right: 0; bottom: 0;  */ float: right; width: 64px; height: 17px; display: block; text-align: center; font-size: 12px; color: #773b09;}

/*精彩阅读*/
.jingcai-list{margin-bottom: 15px;}
.jingcai-more{margin-bottom: 40px;}

/*视频页*/
.video-item {border-bottom: 5px solid #f8f9fb; padding-bottom: 5px;}
.video-view  video{width: 100%;}
.video-tab { display: flex; height: 40px;}
.video-tab li{ font-size: 17px; width: 70px; line-height: 40px; text-align: center;}
.video-tab li.act { font-size: 18px; font-weight: bold;}
.video-cont { font-size: 16px; padding: 5px 12px;}
.video-infor {padding: 5px 12px;}
.video-infor span{ font-size: 12px; color:#a0a0a0; padding-right: 16px;}
.video-other-list { padding: 5px 12px;}
.video-other-list dl { position: relative; margin-bottom: 12px;}
.video-other-list dt{ font-size: 15px; line-height: 20px;}
.video-other-img { margin-top: 8px; position: relative; }
.video-other-img img { width: 100%; height: auto; border-radius: 7px; opacity: .9;}
.video-other-img em { position: absolute; right: 0; bottom: 0; line-height: 32px; font-size:12px; color: #fff; text-align: right; padding-right: 10px;}
.video-other-img i{ border-radius: 7px; position: absolute; left:0;top:0; width: 100%; height: 100%; background: url(../../images/wap3.0/i_videoplay.png) center center no-repeat; background-size: 45px 45px; background-color: rgba(0, 0, 0, 0.2); }
.video-other-link { position: absolute; width: 100%; height: 100%; left: 0;top: 0; z-index: 2;}
.video-other-link a { display: block; width: 100%; height: 100%;-webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    outline:none;
    text-decoration: none;}
.video-other-infor { padding: 5px 0;}
.video-other-infor span{ display: inline-block; padding-right: 12px; font-size: 10px; color:#7d7d7d;}
.video-other-list dl::after { content: ""; position: absolute; bottom: -1px; background: linear-gradient(to right,rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)); height: 1px; width: 100%;}

/*详情页评论*/
/*无评论*/
.no-comment{width: 100%; height: 95px; background-color: #fff; line-height: 95px; font-size: 12px; color: #999; text-align: center;}
.comment-wrap em{padding: 0 13px; display: block; height: 40px; line-height: 40px; font-size: 14px; font-weight: bold; border-bottom: 1px solid #dcdcdc;}
.comment-main{margin-top: -1px; overflow: hidden;}
.comment{padding: 18px 0px 15px; margin: 0 11px; border-top: 1px solid #dcdcdc;}
.comment dt{float: left; width: 40px; height: 40px; border-radius: 50%; overflow: hidden;}
.comment dt a{display: block;}
.comment dt img{width: 100%;}
.comment dd{margin-left: 50px;}
.comment dd.c-name{height: 30px; line-height: 30px; overflow: hidden;}
.comment dd.c-name span{font-size: 15px;}
.comment dd.c-name span a{color: #733821}
.comment dd.c-content{font-size: 15px; color: #000; line-height: 18px; margin-bottom: 10px;}
.comment dd.c-time{font-size: 12px; color: #999; }
.zan-box{float: right;}
.zan-box .zan{font-size: 12px; color: #666; background: url(../../images/wap3.0/zan-icon.png) no-repeat 0 center; padding-left: 17px; margin-right: 8px; background-size: 58px 15px;}
.zan-box .hf{font-size: 12px; color: #666; background: url(../../images/wap3.0/zan-icon.png) no-repeat -42px center; padding-left: 17px; background-size: 58px 15px;}
.comment-load{border-top: 1px solid #dcdcdc;}
.reply{position: relative; background-color: #f8f8f8; margin-left: 45px; margin-top: 15px;}
.reply::before {
    position: absolute;
    content: "";
    width: 8px;
    height: 7px;
    left: 20px;
    top: -7px;
    background: url(../../images/wap3.0/icon-arr2.png);

}
.reply li{margin-bottom: 2px;}
.reply-avatar{float: left; margin: 6px 10px 0; width: 32px; height: 32px; border-radius: 50%; overflow: hidden;}
.reply-avatar img{width: 100%;}
.reply-box		{display: block; margin-left: 52px; padding-right: 5px; line-height: 37px; overflow: hidden;}
.reply-box span{float: left; color: #666666; font-size: 13px;}
.reply-box span a{color: #666666; font-size: 12px;}
.reply-box i{float: right; color: #666666; font-size: 12px; margin-top: -3px;}
.reply-content	{display: block; margin-left: 52px; margin-bottom: 12px; margin-right: 5px; font-size: 13px; color: #000;}
.reply-time		{display: block; margin-left: 52px; font-size: 12px; color: #999; padding-bottom: 12px;}
/*输入框*/
.comment-input-wrap{padding: 15px 13px; background-color: #f8f8f8; margin-top: -1px;}
.comment-input{position: relative; height: 27px; border: 1px solid #dcdcdc; background-color: #fff; padding: 5px 12px 6px 17px;}
.comment-input-left{ position: absolute; left: 0; top: 5px; color: #999999; width: 57px; height: 26px; line-height: 26px; text-align: center; font-family: 'SimSun'; border-right: 1px solid #dcdcdc; font-size: 20px;}
.comment-input-rigt{padding: 0 27px;}
.comment-write{display: block; text-indent: 30px; width: 100%; color: #999; font-size: 12px; font-family: 'SimSun'; height: 26px; line-height: 26px; background: #f8f8f8 url(../../images/wap3.0/icon-write.png) no-repeat 12px center; border: 1px solid #dcdcdc;}

.layer_comm_bg,.layer_comm_bg_a{ position:fixed; z-index:100; top:0px; left:0px; height:100%; width:100%; opacity: 0.6; background:#000;}
.layer_comm_bg_a{ z-index:1000;}
.layer_comm { padding:12px; background-color:#fff;position:fixed; left:0; right:0; top:0; z-index:101;}
.tit_layer { line-height:30px; text-align: center;}
.tit_layer a{ font-size: 12px;}
.brown{color: #733821;}
.comm_areawrap{padding: 5px;}
.layer_comm_area { width:100%; height:70px; font-size:14px; border:1px solid #dbdbdb; background-color:#f0f0f0; border-radius:3px;}
.f20{font-size: 16px; width: 50%; margin: 0 auto;}

::-webkit-input-placeholder { /* WebKit browsers */
    color: #999;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #999;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #999;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #999;
}

/*相关搜索*/
.random{padding: 15px 6px 20px; background-color: #fff; margin-bottom: 10px; border-bottom: 1px solid #dcdcdc;}
.random ul li{width: 50%; float: left;}
.random ul li .random-box{margin: 0 5px; height: 30px; line-height: 30px; margin-bottom: 7px; text-align: center; font-size: 12px; background-color: #f6f6f6; border-radius: 3px;}
.random ul li .random-box a{display: block;}
.change{margin-top: 8px;}
.change i img{vertical-align: middle; margin-top: -2px;}
/*热门阅读*/
.hot-read{margin-bottom: 15px;}
.hot-read dl dt{padding: 0 13px; font-size: 14px; font-weight: bold; height: 43px; line-height: 43px; border-bottom: 1px solid #dcdcdc;}
.hot-read dl dd{margin: 0 13px; font-size: 15px; height: 43px; line-height: 43px; border-bottom: 1px solid #dcdcdc; color: #666; overflow: hidden;}
.hot-read dl dd a{color: #666; display: block;}
.hot-read dl dd a:before { content: ''; display: inline-block; width: 3px; height: 3px; border-radius: 50%; overflow: hidden; background-color: #666; vertical-align: middle; margin: 0 10px; }
.hot-word{margin-bottom: 30px; padding: 0 8px;}
.hot-word ul li{width: 25%; float: left; }
.hot-word ul li span{display: block; margin: 0 4px; border: 1px solid #dcdcdc; height: 29px; line-height: 29px; background-color: #f8f8f8; text-align: center; font-size: 13px;}
.hot-word ul li a{display: block; color: #333333;}

/*fixed*/
.fixed{display: none; position: fixed; right: 12px; bottom: 100px; z-index: 999;}
.fixed ul{}
.fixed ul li{width: 35px; height: 35px; background-image: url(../../images/wap3.0/float_top.png); background-size: 35px 35px;}
/*如果按钮*/
.fixed ul li.fixed-all{border-radius: 4px;}
/*如果多个按钮 上下两个分别*/
.fixed ul li.fixed-top{border-radius: 4px;}
.fixed ul li.fixed-bottom{border-radius: 0 0 4px 4px;}
/*返回顶部*/
.fixed ul li.fixed-go{background-position: 0 0;}
.fixed ul li.fixed-fav{background-position: 0 -42px;}
.fixed ul li.fixed-fav-act{background-position: 0 -84px;}



/*pic-artcle-mix*/
.pic-artcle-mix{padding: 0 10px;}
.pic-artcle-mix ul{}
.pic-artcle-mix ul li{position: relative;}
.pic-artcle-mix ul li a{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
/*巨幅图的样式*/
.pic-artcle-mix ul li.big{padding: 11px 0 13.5px 0;}
.big-pic{width: 100%; margin: 12.5px 0 10px;}
.big-pic img{width: 100%; vertical-align: top;}
/*一幅图的样式*/
.pic-artcle-mix ul li.one{padding: 12.5px 0 13.5px 125px;height: 73px;}
.pic-artcle-mix ul li:after{
    content: '';
    position: absolute; left: 0; bottom: 0;
    width: 100%; height: 1px;
    background:-webkit-linear-gradient(left, #fff 0%, #f5f5f5 50%, #fff 100%);
    background:-o-linear-gradient(left, #fff 0%, #f5f5f5 50%, #fff 100%);
    background:linear-gradient(to right, #fff 0%, #f5f5f5 50%, #fff 100%);
}
.one em{display: block;  font-size: 15px; line-height: 24px; height: 48px; overflow: hidden; margin-bottom: 10px;}
.one-pic{width: 115px; height: 73px; overflow: hidden; position: absolute; left: 0; top: 12.5px;}
.one-pic img{width: 100%;}
.mix-info{font-size: 10px; line-height: 14px; overflow: hidden; *zoom: 1;}
.mix-info time{float: left; color: #999;}
.mix-info i{float: left; text-indent: 18px; color: #999; background: url(../../images/wap3.0/article/revision_logo.png) 0px -26px no-repeat;background-size: 50px 150px; margin-right: 5px;}
.mix-info span{float: left; color: #999; }
.mix-info .left span {margin-right: 5px; }
.mix-info .right span {margin-left: 5px; }
/*三幅图的样式*/
.pic-artcle-mix ul li.three{padding: 10px 0 17px 0px;}
.three em{display: block;  font-size: 15px; line-height: 24px; overflow: hidden; }
.three-pic{padding: 10px 0 17px;}
.three-pic dl dd{float: left; width:32%; width: calc(33.333% - 4px); padding: 0 2px;}
.three-pic dl dd img{width: 100%;}
hr{height: 10px; background-color: #f6f6f6; border: 0px;}



.view{padding: 0 14px; margin-bottom: 12.5px;}
.view-one-inner{position: relative;}
.view-one-inner img{width: 100%;}
.view-one-inner span{position: absolute; left: 0; bottom: 0; width: 100%; height: 27.5px; background: rgba(0,0,0,0.5);}
.view-one-inner i{display: block; height: 27.5px; padding: 0px 5px;  color: #fff; font-size: 13px; line-height: 27.5px; overflow: hidden;}


/*分类 */
.assortment{padding: 10px 4px 0;}
.assortment ul{}
.assortment ul li{float: left; width: 33%; height: 26px; margin-bottom: 10px;}
.assortment ul li span{display: block; padding: 0 5px;}
.assortment ul li span a{display: block; width: 100%; border-radius: 3px; height: 26px; overflow: hidden; line-height: 26px; text-align: center; background-color: #f3f3f3; border: 1px solid #f3f3f3; font-size: 10px;}
.assortment ul li.act span a{border: 1px solid #74381e; color: #74381e}
/*评论浮动框*/
.floatbox-wrap-fix{z-index: 9999; position: fixed; left: 0; bottom: 0; width: 100%}
.floatbox-wrap-normal{z-index: 9999; position: static;  width: 100%}
.floatbox{position: relative; height: 49px;padding: 11px 13px 0; background-color: #fff;}
.comment-btn{width: calc(100% - 116px); height: 37.5px; line-height: 37.5px; border: 1px solid #d8d8d8; border-radius: 3px; font-size: 12px; color: #666; text-align: center; }
.comment-btn i{display: inline-block; margin-bottom: -4px; width: 26px; height: 18px; background: url(../../images/wap3.0/comment.png) no-repeat center center; background-size: 18px 18px;}
/*分享和收藏*/
.comment-icon{right: 13px; top: 50%; width: 101px; height: 20px; margin-top: -10px;}
.comment-share{float: left; width: 50px; height: 20px; background: url(../../images/wap3.0/shareplus.png) no-repeat 15px 0; background-size: 150px 20px;}
.comment-favorite{float: left; border-left: 1px solid #dcdcdc;width: 50px; height: 20px; background: url(../../images/wap3.0/shareplus.png) no-repeat -35px 0; background-size: 150px 20px;}
.comment-favorite-act{float: left; border-left: 1px solid #dcdcdc;width: 50px; height: 20px; background: url(../../images/wap3.0/shareplus.png) no-repeat -90px 0; background-size: 143px 20px;}


/*分享*/
/*layer*/
.layer { position:fixed;bottom:0; left:0; width:100%; z-index: 999;}
.ipt_talk_layer { position:relative; border-top:1px solid #adaeb1; height:45px; background-color:#f0f0f0; padding:0 90px 0 15px;}
.ipt_talk_textarea { height:16px; line-height:16px;width:100%; margin-top:7px; background:#fff; border:1px solid #bababa; border-radius:5px; padding:7px 10px;}
.layer_comm_bg,.layer_comm_bg_a,.layer_comm_bg_share{ position:fixed; z-index:1002; top:0px; left:0px; height:100%; width:100%; opacity: 0.6; background:#000;}
.layer_comm_bg_a{ z-index:1000;}
.layer_comm { padding:12px; background-color:#fff;position:fixed; left:0; right:0; top:0; z-index:1002;}
.tit_layer { line-height:30px; text-align: center;}
.layer_comm_area { padding:5px; width:100%; height:70px; font-size:14px; border:1px solid #dbdbdb; background-color:#f0f0f0; border-radius:3px;}

/*result*/
.result-tit{font-size:16px; padding: 10px 12px 8px; font-weight: bold;}
.layer_alert { width:210px; height:100px; position:fixed; top:50%; left:50%; margin-left:-105px; margin-top:-50px; z-index:1002;}
.layer_alert p{ width:210px; height:100px; background:#000; color:#fff; font-size:20px; border-radius:5px; display:table-cell; vertical-align:middle; text-align:center; line-height:25px; opacity:.8;}



/*article open_app*/
.open_app { position: relative; height: 100px; padding-top: 100px; margin-top: -200px; background: linear-gradient(transparent,#fff,#fff);}
.open_app_show { height: 50px; width: 100%; display: block; text-align: center; line-height: 50px; font-size: 12px;}
.open_app_show::after{ content: ""; width: 0; height: 0; border-width: 5px; border-style: solid; border-color: #000 transparent transparent; vertical-align: middle; margin: 3px 5px 0; display: inline-block; }
.open_app_alert { width: 225px; height: 35px; display: block; margin: 0 auto; background-color: #9a5d2c; border-radius: 5px; text-align: center; line-height: 35px; color: #fff;}
.open_app_alert:active{ color: #fff;}
.app_alert_layer {display: none; position: fixed; left:0;top:0; width: 100%; height: 100%; z-index: 8; background-color: rgba(0, 0, 0, 0.4);}
.app_alert { display: none; position: fixed; top:30%; left: 50%; margin-left: -132px; width: 265px; height: 165px;background: linear-gradient(#f1dcce,#fff,#fff); z-index: 9; border-radius: 10px; text-align: center; box-shadow: 0 0 15px 0 rgba(0,0,0,0.1); }
.app_alert_logo { position: absolute; left:50%; margin-left: -30px; margin-top: -30px; width: 55px; height: 55px; border-radius: 50%; border: 3px solid #fff; background: url(../../images/wap3.0/article/app_alert_logo.png); background-size: cover;}
.app_alert_xbiao { font-size: 18px; font-weight: bold; margin-top: 40px;}
.app_alert_span { font-size: 15px; margin-top: 10px;}
.app_alert_btn { width: 200px; margin: 25px auto; display: flex; flex-direction: row; justify-content: space-around;}
.app_alert_btn li a{width: 90px; height:35px; display: inline-block; line-height: 35px; text-align: center; border-radius: 5px;}
.app_alert_cancle a{ background-color: #f0f0f0;}
.app_alert_link a{ background-color: #935d3e; color: #fff;}
.app_alert_close { width: 30px; height: 30px; position: absolute; right: 0; top:0; background: url(../../images/wap3.0/article/app_alert_close.png) no-repeat center; background-size:10px 10px;}


.top_open_placeholder { height: 50px; width: 100%;}
.top_open_app_suck { position: fixed; top:0; left: 0; z-index: 10;}
.top_open_app { width: 100%; height: 50px; background-color: #fbfbfb; display: flex; flex-direction: row; align-items: center;}
.top_open_close{ width: 20px; height: 50px; display: inline-block; background: url(../../images//wap3.0/article/i_closeapp.png) 10px 22px no-repeat; background-size: 6.5px 7px;}
.top_open_logo { width: 35px; height: 35px; margin-right: 5px; background: url(../../images//wap3.0/article/logo_openapp.png); background-size: 35px; cursor: pointer;}
.top_open_app em { font-size: 20px; font-weight: bold;}
.top_open_app span { font-size: 13px; color: #5c5c5c; margin-left: 5px;}
.top_open_app span::before{ content: "|"; color: #e5e5e5; margin-right: 5px;}
.top_open_link { width: 65px; height: 35px;  background-color: #935d3e; border-radius: 35px; font-size: 12px; color: #fff; line-height: 35px; text-align: center; display: inline-block; position: absolute; right: 10px;}
.top_open_link:active{ color: #fff;}

.foot_open_app { visibility: hidden; position: fixed; bottom: 75px; width: 172px; height: 40px; left:50%; margin-left: -86px;}
.foot_open_app_visible{ visibility: visible;}
.foot_open_link{ display: block; width: 100%; height: 100%; background-color: #9a5d2c; color: #fff; line-height: 40px; text-align: center; border-radius: 5px; box-shadow:0 0 5px 3px rgba(0,0,0,0.3);}
.foot_open_link:active{ color: #fff;}