/* author: dss, date: 2018-05-15*/
.pr{position: relative;}
.pa{position: absolute;}
.cover{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
hr{width: 100%; height: 10px; background-color: #f6f6f6; border: 0;}

/*文章标题*/
.article-header{padding: 9px 12.5px 3px; border-bottom: 1px solid #e5e5e5;}
.article-header h1{ color: #000; font-weight: normal; font-size: 20px; line-height: 31px; max-height: 60px; overflow: hidden;}
.article-header .article-info{padding: 3px 0 7px;}
.article-header .article-info span{display: inline-block; height: 20px; line-height: 20px; font-size: 12px;  margin-right: 10px; color: #999;}
/*文章详情*/
article{font-size: 17px;line-height: 26px;width: 100%; text-align: justify; margin-top: -5px;}
.article-view{padding: 0 12.5px; margin-bottom: 20px;max-height: 1200px;overflow: hidden;}
article p{ font-size: 17px;margin-top:19px; line-height: 26px}
article *{font-size:17px;}
article img{vertical-align:middle; 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}

/*文章中涉及珠宝*/
.article-brand{}
.article-brand dd{position: relative; overflow: hidden; padding:15px 0px; height: auto; margin: -1px 12.5px 0}
.article-brand-left{position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 140px; height: auto; overflow: hidden;}
.article-brand-left img{width: 100%;}
.article-brand-right{position: relative; height: auto;  padding-left: 155px;}
.article-brand-right em{display: block; padding-top: 3px; margin-bottom: 1px; font-size: 13px; color: #000;}
.article-brand-right ul li{line-height: 18px;}
.article-brand-right span{font-size: 12px; color: #999; width: 42px;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;}
.article-brand-right i{font-size: 12px; color: #434343;}
.get-more{
    float: right;
    width: 64px;
    height: 17px;
    display: block;
    text-align: center;
    font-size: 12px;
    color: #773b09;
}
.has-more{margin-bottom: 38px;}

/*详情页评论*/
/*无评论*/
.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 12.5px; display: block; height: 44px; line-height: 44px; font-size: 14px; font-weight: bold; border-bottom: 1px solid #dcdcdc;}
.comment-main{margin-top: -1px; overflow: hidden;}
.comment{padding: 12.5px 0px 15px; margin: 0 12.5px; border-top: 1px solid #dcdcdc; margin-top: -1px;}
.comment dt{float: left; width: 35px; height: 35px; border-radius: 50%; overflow: hidden;}
.comment dt a{display: block;}
.comment dt img{width: 100%;}
.comment dd{margin-left: 41.5px; display:block; height: 22px; line-height: 22px;}
.comment dd.c-name{height: 35px; line-height: 35px; overflow: hidden; margin-bottom: 5px;}
.comment dd.c-name a{color: #ae7655;font-size: 12px; margin-right: 5px;}
.comment dd.c-name span{font-size: 12px; color: #999;  }
.comment dd.c-content{font-size: 14px; color: #000; line-height:24px; margin-bottom: 10px;}
.comment dd.c-time span{font-size: 10px;color: #121212; float: left; height: 22px; line-height: 22px;}

.zan-box{float: right; height: 22px; line-height: 22px;}
.zan-box a{
      height: 22px; line-height: 22px;
background-image: url(../../images/m-jewelry2026/icon-article-comment.png);
background-size: 87px 12.5px;background-repeat: no-repeat;
}
.zan-box .zan{display: inline-block;font-size: 10px; color: #666;  padding-left: 17px; margin-right: 8px; background-position: -73px 5px;}
.zan-box .hf{display: inline-block; font-size: 10px; color: #666;  padding-left: 17px; background-position: 0 5px;}


.comment-load{}
.reply{position: relative; background-color: #f8f8f8; margin-left: 41.5px; margin-top: 15px;}
.reply::before {position: absolute;content: "";width: 8px;height: 7px;left: 20px;top: -7px;background: url(../../images/m-jewelry/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{color: #999; font-size: 12px;margin-left: 5px;}
.reply-box a{color: #ae7655; font-size: 12px; }
.reply-box i{float: right; color: #666666; font-size: 10px;}
.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: 10px; color: #999; padding-bottom: 12px;}


.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/m-jewelry/arr-down-more.png) no-repeat center center; background-size: 8px 4px;}

/*评论浮动框*/
.floatbox{position: relative; height: 60px;padding: 0 12.5px; background-color: #fff; display: flex;align-items: center; }
.floatbox-wrap-fix{z-index: 9999; position: fixed; left: 0; bottom: 0; width: 100%}
.floatbox-wrap-normal{z-index: 9999; position: static;  width: 100%}
.comment-btn{ padding: 0 8px; flex: 1; height: 35px; line-height: 35px; background: #efefef; border-radius: 17.5px; font-size: 12px; color: #999; }
/*分享和收藏*/

.comment-icon{width: 90px; height: 35px; display: flex; align-items: center; justify-content: space-around;margin-left: 5px; }
.comment-icon div{background-image: url(../../images/m-jewelry2026/icon-article.png);background-repeat: no-repeat;background-size: 59.5px 20.5px}
.comment-comm{width: 35px; height: 35px; background-position: 8px 9px;}
.comment-favorite{width: 35px; height: 35px;background-position: -31px 9px;}

/*分享*/
/*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;}

.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;}

/*list*/
.list{padding: 0 12.5px;}
/*pic-artcle-mix*/
.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.one{padding: 12.5px 0 13.5px 171px;height: 120px;}

.one em{display: block; color: #000; font-size: 15px; line-height: 22.5px; height: 45px; overflow: hidden; margin-top: 5px; margin-bottom: 3px;}
.one-pic{width: 160px; height: 120px; overflow: hidden; position: absolute; left: 0; top: 12.5px; display: flex; align-items: center; justify-content: center;}
.one-pic img{width: 100%;}
.meta{font-size: 10px; color: #999999; height: 30px; line-height: 16px; overflow: hidden; margin-bottom: 20px;}
.mix-info{font-size: 10px; line-height: 14px; overflow: hidden; height: 14px; overflow: hidden; }
.mix-info time{float: left; color: #999;}
.mix-info i{float: left; text-indent: 18px; margin-right: 5px; color: #999; background: url(../../images/m-jewelry/writer.png) 0px 0px no-repeat;background-size: 9px 12px;}
.mix-info span{float: left; color: #999; }
.mix-info .left span {margin-right: 5px; }
.mix-info .right span {margin-left: 5px; }

/*small-tit*/
.small-tit{height: 40px; padding: 0 12.5px; background-color: #fff;}
.small-line{border-bottom: 1px solid #e5e5e5}
.small-tit em{height: 40px; line-height: 40px; font-size: 15px; 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/m-jewelry/more2.png) no-repeat center right; background-size: 6px 7px;}

/*live*/
.grey{background-color: #f6f6f6;}
.live-wrap{padding: 0 7.5px 12.5px;}
.live{width: 100%;}
.live .swiper-slide{
	/*margin-right: 10px;*/
	text-align: center;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
}

/*loading*/
.loading{height: 43px; line-height: 43px; font-size: 9px; text-align: center; }
.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/m-jewelry/loading2.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); }
}

/*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 {font-size: 13px; 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(https://static.xbiao.com/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: 15px 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; font-size: 13px;}
.app_alert_link { position: relative; font-size: 13px;}
.app_alert_link a{ background-color: #935d3e; color: #fff; font-size: 13px;}
.app_alert_close { width: 30px; height: 30px; position: absolute; right: 0; top:0; background: url(https://static.xbiao.com/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(https://static.xbiao.com/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(https://static.xbiao.com/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; position: absolute; right: 10px; background-color: #935d3e; border-radius: 35px; font-size: 12px; color: #fff; line-height: 35px; text-align: center;}
.top_open_link:active{ color: #fff;}
.top_open_link_wx{margin-left: auto; margin-right: 10px;}







.open_app_alert_wx { position: absolute; top:150px; width: 100%; text-align: center; z-index: 2;}
.app_alert_link_wx, .foot_open_link_wx { position: absolute; top: 0;}