hr{width: 100%; height: 10px; background-color: #f6f6f6; border: 0;}
.c0{color: #c00;}
.cb0{color: #cb0000;}
/* 顶部导航 */
.product-nav{height: 40px;background: #fff;font-size: 0; display: flex; justify-content: space-between; overflow: hidden;}
.product-nav a{display: inline-block;height: 40px;line-height: 40px;text-align: center; padding: 0 12.5px; color: #000;}
.product-nav a span{position: relative;display: inline-block;font-size: 15px;}
.product-nav a.act span{font-size: 20px; font-weight: bold;}
.product-nav a.act span:after{content: '';position: absolute;left: calc(50% - 5px);bottom: 0;width: 10px;height: 2px;background: #74381e;}

/*go-top*/
.go-top{display: none; position: fixed; right: 15px; bottom: 15px; width: 40px; height: 40px; background: url(../../images/m-jewelry/go-top.png) no-repeat center center;}

/*small-tit*/
.small-tit{height: 45px; padding: 0 12.5px;line-height: 45px; }
.small-line{border-bottom: 1px solid #e5e5e5}
.small-tit em{font-size: 15px; color: #333;}
.small-tit .right i{font-size: 13px; line-height: 45px; height: 45px; color: #74381e; display: inline-block; margin-left: 5px;}
.small-tit .right i a{color: #74381e;}
.small-tit .right span{font-size: 9px; line-height: 45px; height: 45px; 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;}
/*small-tit 右侧 换一组*/
.change-group {height: 45px; line-height: 45px;}
.change-group a{display: inline-block;font-size: 9px;color: #733821;padding-left: 20px;background: url(../../images/m-jewelry/revision_logo.png) 0px -47px no-repeat;background-size: 50px 150px;height: 25px; line-height: 25px}

.pic-tit{height: 40px;line-height: 40px}
.pic-tit .right span{display: block;height: 40px;line-height: 40px}
.pic-tit .right span a{color:#74381e}



/*
 * 珠宝报价-珠宝库
 * author : wrq
 * date   : 2026-09-02
 */
.tag-box{padding: 0 0 7.5px 12.5px;background: #f6f6f6;font-size: 0;}
.tag-box a{display: inline-block;height: 27px;margin: 7px 7.5px 0 0;line-height: 27px;padding: 0 10px;background: #fff;border-radius: 5px;}
.tag-box a span{display: inline-block;padding-right: 13px;font-size: 11px;color: #666;background: url(../../images/m-jewelry2026/close-small.png) right 9px no-repeat;background-size: 8px 8px;}

/*类别*/
.product-classify{width: 100%;height: 105px;background: #fff;font-size: 0;}
.product-classify a{display: inline-block;width: 24.999%;height: 35px;line-height: 35px;font-size: 13px;color: #000;text-align: center; }
.product-classify a.high{color: #74381e;}
/*热门品牌*/
.hot-brand{width: 100%;background: #fff;}
.hot-brand-title{height: 37.5px;border-bottom: 1px solid #dcdcdc;padding: 0 12.5px;}
.hot-brand-title h3{line-height: 37.5px;font-size: 13px;color: #999; font-weight: normal;}
.indexbrandwrap { padding: 10px 12.5px 4px; overflow:hidden; position:relative;}
.indexbrand { width:100%;}
.brandlogo8 { height:52px; margin-bottom: 6px; overflow:hidden;font-size: 0;padding: 4px 0; display: flex; justify-content: space-between; }
.brandlogo8 li{width: 20%;overflow: hidden; text-align: center;}
.brandlogo8 li a{ display:inline-block; width:65px; text-align:center;}
.brandlogo8 li em{width: 60px;height: 30px;display: flex;justify-content: center;align-items: center}
.brandlogo8 li img { width:60px;margin:auto}
.brandlogo8 li span {vertical-align:top; text-align:center; width:65px; line-height:22px;font-size: 10px;color: #000;}
.brandlogo8 .more-brand span{color: #733821;}
/* 品牌筛选导航 */
/* 品牌筛选导航 */
.price_total_nav{position: relative;height: 37px;line-height: 30px;margin-top: 7.5px;}
.price_total_nav ul{position: absolute;top: 0;left: 0;height: 37px;z-index: 999; width: 100%; display: flex; justify-content: space-between; gap:0 7.5px ; padding: 0 7.5px; box-sizing: border-box; }
.price_total_nav ul li{ border: 1px solid transparent; border-radius: 5px;  flex: 1; height: 30px;overflow: hidden;text-align: center;cursor: pointer;background: #f6f6f6;  }
.price_total_nav ul li em{display: inline-block;padding-right: 12px;font-size: 12px;color: #666;background: url(../../images/m-jewelry/top-arr.png) right 13px no-repeat;background-size: 6px 4px;max-width: 60px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.price_total_nav ul li:last-child em{background-position: right 13px;}
.price_total_nav ul li:last-child.act em{background-position: right 13px;}
.price_total_nav ul li em.act{color: #74381e;}
.price_total_nav ul li.act em{color: #74381e;background: url(../../images/m-jewelry/down-act-arr.png) right 13px no-repeat;background-size: 6px 4px;}
.price_total_nav ul li.act{background: #fff;border-color: #ccc;border-bottom: #fff;border-bottom-left-radius: 0;border-bottom-right-radius: 0; height: 37px;}
.price_total_nav ul li.sel{background: #fff;border-color: #7a4227;box-sizing: border-box;position: relative}
.price_total_nav ul li.sel::before{content: '';position: absolute;bottom: -13px;right: -13px;width: 25px;height: 25px;background: #7a4227;transform: rotate(-43deg)}
.price_total_nav ul li.sel::after{content: 'X';position: absolute;bottom: 0;right: 2px;font-size: 8px;line-height: 8px;color: #fff}
.price_total_nav ul li.sel a{display: block;background: none;color: #7a4227;line-height: 28px;font-size: 12px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;padding:0 3px}

/* 品牌筛选内容样式 */
.hide_nav{position: absolute;top: 37px;left: 0;width: 100%;height: 320px;z-index: 998;display: none;}
.hide_nav_bg{position: absolute;top: 0;left: 0;width: 100%;height: 1000px;background: rgba(0,0,0,.7);}
.hide_nav_item{position: absolute;top: 0;left: 0;width: 100%;max-height: 320px;background: #fff;display: none;border-top: 1px solid #dadada;}
.hide_nav_item dl dt,.hide_nav_item dl dd{position: relative;height: 45px;line-height: 45px;color: #333;border-top: 1px solid #dadada;overflow: hidden;}
.hide_nav_item dl:first-child dt{border-top: none;}
.hide_nav_item dl dt:after,.hide_nav_item dl dd:after{position: absolute;content: "";width: 11px;height: 17px;top: 14px;right: 12.5px;background: url(../../images/m-jewelry/hide_arr.png) right center no-repeat;background-size: 11px 17px;}
.hide_nav_item dl dt{background: #f7f7f7;font-size: 15px;padding: 0 12.5px;}
.hide_nav_item dl dd{font-size: 14px;padding: 0 12.5px 0 25px;}
.hide_nav_item dl dt i,.hide_nav_item dl dd i {position: absolute;top: 10px;right: 22.5px;width: 8px;height: 16px;border: 1px solid #773b09;border-color: transparent #773b09 #773b09 transparent;-webkit-transform: rotate(45deg);transform: rotate(45deg);display: none}
.hide_nav_item dl dt.act a,
.hide_nav_item dl dd.act a{color: #773b09;}
.hide_nav_item dl dt.act i,
.hide_nav_item dl dd.act i{display: block;}
.hide_nav_item dl a{display: block;}
.hide_nav_scroll{width: 100%;max-height: 320px;background: #fff;overflow: scroll;}

/* 品牌筛选内容样式 */
.bn-list{height: 275px;overflow-y: scroll;}
.bn-list li{position: relative;float: left;width: 50%;height: 45px;line-height: 45px;font-size: 12px;border-bottom: 1px solid #dadada;}
.bn-list li a{display: block;height: 45px;padding: 0 40px 0 15px;overflow: hidden;}
.bn-list li i{position: absolute;top: 10px;right: 22.5px;width: 8px;height: 16px;border: 1px solid #74381e;border-color: transparent #74381e #74381e transparent;-webkit-transform: rotate(45deg);transform: rotate(45deg);display: none}
.bn-list li.act a{color: #74381e;}
.bn-list li.act i{display: block;}
.bn-btn{height: 45px;line-height: 45px;font-size: 0;-webkit-box-sizing: border-box;box-sizing: border-box;border-top: 1px solid #dcdcdc;}
.bn-btn a{display: inline-block;width: 50%;font-size: 13px;color: #333;text-align: center;}
.bn-btn .bn-sure{color: #fff;background: #ae7654;}

.price_sub_nav{height: 40px;border-bottom: 1px solid #dcdcdc;}
.price_sub_nav ul{height: 40px;line-height: 40px;}
.price_sub_nav ul li{position: relative;float: left;text-align: center;width: 24.99%;}
.price_sub_nav ul li em{display: inline-block;font-size: 14px;color: #000;}
.price_sub_nav ul li.act em{color: #74381e;}
.price_sub_nav ul li a{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.price_sub_nav ul li .material{padding-right: 15px;background: url(../../images/m-jewelry/list_icon.png) 32px -88px no-repeat;background-size: 50px 300px;}
.price_sub_nav ul li.order .material{background-position: 32px -167px;}
.price_sub_nav ul li.reorder .material{background-position: 32px -208px;}
.price_sub_nav ul li .filter{padding-right: 17.5px;background: url(../../images/m-jewelry/list_icon.png) 32px -125px no-repeat;background-size: 50px 300px;}

.price_watch_container{margin-top: 2.5px;padding: 0 12.5px 10px;}
.price_watch_title{height: 15px;line-height: 15px;}
.price_watch_title span{font-size: 11px;color: #999;}
.price_watch_list{margin-top: 7.5px; display: flex; justify-content: space-between;  flex-wrap: wrap; gap: 10px; }
.price_watch_item{ width: calc(50% - 5px);}
.price_watch_inner{text-align: center;border: 1px solid #dcdcdc;background: #fff;}
.price_inner_img{padding-top: 5px;}
.price_inner_img a img{width: 85%;margin: 0 auto;}
.price_inner_txt{padding: 12.5px 0 7.5px;}
.price_inner_txt em{display: block;font-size: 13px;color: #000;line-height: 18px;height: 18px;overflow: hidden;}
.price_inner_txt span{display: block;font-size: 9px;color: #666;line-height: 13px;height: 13px;overflow: hidden; margin-top: 3px;}
.price_inner_txt i{display: block;font-size: 12px;color: #c00;line-height: 15px;margin-top: 5px;}
.price_inner_txt i.no-price{color: #a4a4a4;}
.price_inner_icon{height: 35px;background: #f9f9f9; position: relative;}
.price_inner_icon a{float: left;width: 49.99%;position: relative;height: 35px;font-size: 9px;line-height: 35px;color: #666; display: flex; align-items: center; justify-content: center; }
.price_inner_icon a i{display: inline-block;width: 15px; height: 15px;  margin-right: 3px;background-repeat: no-repeat;background-position: center;background-size: 15px 12.5px; vertical-align: middle;}
.price_inner_icon a.price_heart i{background-image: url('https://www.xbiao.com/images/m-jewelry/like.png')}
.price_inner_icon a.price_pic i{background-image: url('https://www.xbiao.com/images/m-jewelry/images.png')}
.price_inner_icon:after {content: '';position: absolute;left: 50%;bottom: 0;width: 1px;height: 100%;background: -webkit-linear-gradient(top, #fff 0%, #dcdcdc 50%, #fff 100%);background: -o-linear-gradient(top, #fff 0%, #dcdcdc 50%, #fff 100%);background: linear-gradient(to bottom, #fff 0%, #dcdcdc 50%, #fff 100%)}

/*other*/
.floatshare{display: none;  position:fixed; right:10px; bottom:155px; z-index:10; width: 46px; height: 46px; background:url(../../images/m-jewelry/float_share.png) no-repeat center center;border-radius: 3px; background-size:46px 46px;}
.floatnum { height:46px; width:46px; color:#fff; text-align:center; line-height:28px; font-size:13px; position:fixed; right:10px; z-index:10;border-radius: 3px; background:url(../../images/m-jewelry/float_duibi.png) 0 0 no-repeat; background-size:46px 46px;}
.high{bottom: 206px;}
.low{bottom: 155px}
.floatnum:active{ color:#fff;}
.floatTotop { height:46px; width:46px; background:url(../../images/m-jewelry/float_top.png) 0 0 no-repeat; background-size:46px 46px;color:#fff; position:fixed; right:10px; bottom:104px; z-index:10;border-radius: 3px;}
.floatnumPro {height:46px; width:46px; background-color:#4d86c6; color:#fff; text-align:center; line-height:32px; font-size:24px; position:fixed; right:10px; bottom:100px; z-index:10;border-radius:3px;}
.floatnumPro:active{ color:#fff;}

.loading-box{height: 42px;line-height: 42px;text-align: center;display: none;}
.loading-box span{display: inline-block;font-size: 9px;color: #010101;vertical-align: middle;}
.loading-box i{display: inline-block;width: 16px;height: 16px;background: url(../../images/m-jewelry/newloading.gif) 0 0 no-repeat;background-size: 16px 16px;vertical-align: middle;}

.no-border{border: 0px;}


/****************************************
*
* 珠宝报价-按品牌
*
****************************************/
/*type*/
.type{padding: 15px 12.5px}
.type ul{width: 100%;overflow: hidden; display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px 6px; }
.type ul li{position: relative}
.type ul li img{display: block; width: 100%;}
.type ul li em{position: absolute; left: 0; top: 50%; width: 100%; height: 20px; line-height: 20px; margin-top: -10px; text-align: center; font-size: 11px; color: #fff; overflow: hidden;}
.type ul li a{position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block;}
/*珠宝品牌列表*/
/*这里的图片是后台上传的，如果品牌更改logo，只需要在后台修改就好了*/
.brand{overflow: hidden; }
.brand ul{margin-top: -1px;}
.brand ul li{position: relative; height: 70px; border-top: 1px solid #dcdcdc;padding: 0 12.5px; display: flex; align-items: center; overflow: hidden;}
.brand ul li a{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.brand-logo{width: 97px;padding-top: 5px; background-color: #fff; background-size: cover;}
.brand-logo img{width: 100%;}
.brand-tit{ margin-left: 40px; margin-top: 6px; }
.brand-tit-zh{font-size: 15px; color: #333; display: block; line-height: 18px;}
.brand-tit-en{font-size: 12px; color: #999; display: block}
/*热门珠宝 hot-jewelry*/
.hj{overflow: hidden; margin-top: -1px;}
.hj ul{}
.hj ul li{position: relative; float: left; width: 33.33%; padding: 16px 0 10px; border: 1px solid #dcdcdc; border-bottom: 0px; border-left: 0; margin-left: -1px;}
.hj ul li a{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.hj-img{ margin-bottom: 10px; padding: 0 5px;}
.hj-img img{width: 100%;}
.hj-tit{padding: 0 20px; font-size: 9px; color: #333; text-align: center; line-height: 15px; height: 30px; margin-bottom: 5px; overflow: hidden;}
.hj-price{padding: 0 20px; font-size: 9px; color: #ff0000; text-align: center; line-height: 15px;}










/*
 * 珠宝报价-高级筛选
 * author : wrq
 * date   : 2026-09-04
 */
 
/*sub-wrap*/
.sub-wrap{padding: 0 15px; background-color: #fff;}
/*sub-tit*/
.sub-tit{height: 45px; line-height: 45px; padding-right: 5px; overflow: hidden; *zoom: 1;}
.sub-tit em{float: left; font-size: 15px; color: #000; height: 45px; line-height: 45px;}
.sub-tit span{float: right; font-size: 14px; color: #773b09; height: 45px; line-height: 45px;}
.sub-show{display: block; padding-right: 15px; background: url(../../images/m-jewelry/more1.png) no-repeat center right; background-size: 10px 5px; }
.sub-hide{display: none; padding-right: 15px; background: url(../../images/m-jewelry/more1ed.png) no-repeat center right; background-size: 10px 5px;}
.sub-tit span i{margin-left: 4px;}
.sub-tit span i img{vertical-align: middle; margin-top: -1px;}
/*sub-list*/
.sub-list{padding: 0px 8px; background-color: #fff; margin-bottom: 6px;}
.sub-list ul{width: 100%; overflow: hidden;margin-top: -12px;}
.sub-list ul li{ display: none; float: left; width: 25%; margin-top: 12px;}
.sub-list ul li div{padding: 0 5px;}
.sub-list ul li div em{font-size: 14px; letter-spacing:2px; overflow: hidden; display: block; border: 1px solid #f8f8f8; background: #f8f8f8; height: 31px; border-radius: 5px; text-align: center; line-height: 31px;}
.sub-list ul li.selected div em{ border: 1px solid #773b09; color: #773b09; background: #fff;}

.result-wrap{padding: 10px 0 0px; background-color: #fff;}
.result-fly{position: fixed; left: 0; bottom: 0; width: 100%;}
.result{ width: 100%; height: 45px;}
.result-inner{position: relative; }
.result-pos{position: absolute; left: 0; top: 0; width: 120px; height: 43px; line-height: 43px;border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; background-color: #fff; color: #333; text-align: center; font-size: 16px;}
.result-con{text-indent: 130px; background-color: #773b09; color: #fff; width: 100%; height: 45px; line-height: 45px; font-size: 16px; text-align: center;}
.result-con a{display: block; color: #fff;}














/****************************************
*
* 珠宝产品详情页
*
****************************************/
 /*breadcrumb*/
.breadcrumb{background-color: #fff; padding:0 12.5px; font-size: 11px; color: #999; line-height: 35px; height: 35px; overflow: hidden;}
.breadcrumb span{color: #999; }
.breadcrumb i{padding: 0 4px}
.breadcrumb a{color: #999;}

.topic{background-color: #fff; margin-bottom: 3px;}
.topic-pic{width: 100%;}
.topic-pic img{width: 100%; display: block;}
.topic-tit{ padding: 5px 15px 7.5px; text-align: center;font-size: 15px; color: #313131; font-weight: bold; line-height: 24px;}

.topic-price{overflow: hidden; padding: 0 12.5px;  }
.topic-price ul{overflow: hidden; display: flex; border: 1px solid #eee; padding: 5px 0 10px; border-radius: 5px; }
.topic-price li{ flex: 1; position: relative;}
.topic-price li + li::after {content: '';position: absolute;left: 0;top: calc(50% - 20px);background: linear-gradient(to bottom, transparent 5%, #eee 50%, transparent 95%);width: 1px;height: 48px}
.topic-price li em{display: block; color: #000; font-size: 13px; font-weight: bold; text-align: center;}
.topic-price li em.red{color: #e60012}
.topic-price li span{display: block; color: #999; font-size: 10px; text-align: center; margin-top: 3px; }
.topic-warn{font-size: 11px; color: #bfbfbf; text-align: center; margin-top: 3px; }

/*j-pic*/
.j-pic{padding: 0 12.5px 13px;}
.j-pic ul{overflow: hidden; display: flex; justify-content: space-between; }
.j-pic ul li{position: relative}
.j-pic ul li + li{ margin-left: 2.5px;}
.j-pic ul li img{width: 100%; display: block; }




/*attr-list*/
.attr-list{background-color: #fff; padding: 0 12px 0 3px;}
.attr-list dl{}
.attr-list dl dt{height: 40px; line-height: 40px; padding-top: 30px;}
.attr-list dl dd{position: relative; font-size: 14px;}
.attr-list dl dd em{position: absolute; left: 0; top: 0px; width: 80px; height: 38px; line-height: 37px; color: #999; text-align: right; font-size: 14px;}
.attr-list dl dd:before{content: ''; position: absolute; left: 0; top: 0px; 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%)}
.attr-list dl dd span{display: block; padding:5.5px 0 5.5px 100px; line-height: 24px; color: #000; font-size: 14px;}

/*article*/
.article{padding: 0 12.5px 12.5px;}
.article img{width: 100%; display: block; margin-bottom: 15px;}



/*pic-artcle-mix*/
.pic-artcle-mix{padding: 0 12.5px;}
.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 125px;height: 86px;}
.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: 18px;}
.one-pic{width: 115px; height: 86px; 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/m-jewelry/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;
    border: 1px solid #999;
    display: inline-block;
    border-radius: 3px;
    padding: 1px 3px;}

/*more*/
.more{padding:0 7px;}
.more a{display: block; text-align: center; height: 45px; font-size: 9px; line-height: 45px; color: #74381e; }
.more a i{color: #74381e; font-family: simsun; margin-left: 5px; display: inline-block; width: 13.5px; height: 8.5px; background: url(../../images/m-jewelry/more1.png) 0px 0px no-repeat; background-size: 13.5px 8.5px;}

/*评论-base*/
.watch_info_btn_box{position: relative;height: 35px;margin-top: 10px; padding-bottom: 25px;}
.watch_info_btn_box .watch_info_btn{position: absolute;left: 50%;width: 80%;margin-top: 0;display: none;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.watch_info_btn_box .watch_info_btn:first-child{display: block;}
.watch_info_btn{position: relative;margin-top: 15px;height: 35px;line-height: 35px;text-align: center;background: #f6f6f6;border-radius: 5px;}
.watch_info_btn span{display: inline-block;font-size: 12px;color: #666;}

.price_area{padding-bottom: 15px;}
.price_area .watch_info_btn{position: relative;margin: 25px 12.5px 0;background: #fff;height: 38px;line-height: 38px;text-align: center;border: 1px solid #ccc;border-radius: 5px;}
.price_area .watch_info_btn span{display: inline-block;font-size: 13px;color: #666;}

.comm_list dd.comm_list_cont { font-size:14px; line-height:25px;margin-top: 10px;}
.comm_time { margin-top:15px;height: 20px;line-height: 20px;}
.comm_time em{ float:right; font-size: 14px;}
.comm_time em a { color:#999;}
/* 回复列表 */
.reply_list { position:relative;  border:1px solid #e5e5e5; padding:0 12.5px; background:#f3f3f3; margin-top:15px; margin-left: -12px;}
.reply_list_top { display:block; width:15px; height:9.5px; background:url(../../images/m-jewelry/ico_arrow.png); background-size:15px 9.5px; position:absolute; top:-9.5px; right:75px;}
.reply_list li{ padding:5px 0 5px 5px; position:relative; color:#434343;}
.reply_list li:last-child{ border-bottom:none;}
.reply_list article{font-size: 14px;}
.reply_list li em { color:#773b09;}
dd.reply_list li time { margin-top:0; font-size: 10px;float: none;margin-left: 10px;}
.rt{ margin-right:10px;-webkit-tap-highlight-color:rgba(255,0,0,0);}
.pl{ margin-right:15px;-webkit-tap-highlight-color:rgba(255,0,0,0);}
.rt i{ display:inline-block; width:18px; height:16px; background:url(../../images/m-jewelry/new-zan.png) 0px 0px no-repeat; background-size: 18px 16px; margin-right:5px; color:#818181; vertical-align:top;}
.rt i.anim{ display:inline-block; width:18px; height:16px; background: url(../../images/m-jewelry/new-zan-ed.png) 0px 0px no-repeat; background-size: 18px 16px; margin-right:5px; color:#818181; vertical-align:top;}
.pl i{ display:inline-block; width:19px; height:19px; background: url(../../images/m-jewelry/revision_logo.png) 0px -23px no-repeat;background-size: 50px 150px; margin-right:2px; color:#818181; vertical-align:top;}
.commit-more{margin-top: 20px;}
/*评论-main*/
.comment-wrap{padding: 0 12.5px;}
.watch_info_comment_nav{clear: both;}
.watch_info_comment_nav:after{display: block;content: '.';height: 0;overflow: hidden;clear: both;}
.watch_info_comment_nav em{float: left; position: relative;font-size: 16px;line-height: 37.5px;height: 37.5px;width: 24.99%;text-align: center;border-bottom: 1px solid #999;}
.watch_info_comment_nav em a{display: block;position: absolute;height: 35.5px;width: 100%;}
.watch_info_comment_nav em.act a{border-bottom: 3px solid #773b09;color: #773b09;}
/*.read_comment_area{height: 37.5px;background: #f6f6f6;;margin: 15px -12.5px 0;padding: 11.5px 0;font-size: 0;}
.read_comment_area a{display: inline-block;vertical-align: middle;}
.read_link{width: 55%;height: 37.5px;margin-left: 12.5px;background: #fff;text-align: center;vertical-align: middle;}
.read_ico{display: inline-block;padding-left: 28px;height: 37.5px;line-height: 37.5px;font-size: 12px;color: #666;background: url(../../images/m-jewelry/icon.png) 0 -118px no-repeat;background-size: 50px 350px;}
.comment_share,.comment_link,.comment_qa{width: 37.5px;height: 37.5px;margin: 0 5px;background: url(../../images/m-jewelry/comment-icon.png) 0px 0px no-repeat;background-size: 20px 80px;}
.comment_share{background-position: center 8px;}
.comment_link{background-position: center -21px;}
.comment_qa{background-position: center -49px;}*/
.read_comment_box{height: 60px;margin: 15px -12.5px 0;}
.read_comment_area{width: 100%;height: 37px;background: #f6f6f6;;padding: 11.5px 0;font-size: 0; position: fixed; left: 0; bottom: 0;}
.read_comment_area.act{position: fixed;bottom: 0;left: 0;z-index: 101;}
.read_comment_area a{display: inline-block;vertical-align: middle;}
.read_link{width: 67%;height: 37.5px;margin-left: 3%;background: #fff;text-align: center;vertical-align: middle;}
.read_ico{display: inline-block;padding-left: 28px;height: 37.5px;line-height: 37.5px;font-size: 12px;color: #666;background: url(../../images/m-jewelry/icon2.png) 0 -118px no-repeat;background-size: 50px 350px;}
.comment_share,.comment_link,.comment_qa{width: 10%;height: 37.5px;margin-left: 3%;background: url(../../images/m-jewelry/comment-icon.png) 0px 0px no-repeat;background-size: 20px 120px;}
.comment_share{background-position: center 8px;}
.comment_link{background-position: center -21px;}
.comment_qa{background-position: center -49px;}

.read_comment_area .watch_info_like{display: inline-block;position: static;}
.read_comment_area .watch_info_like_act{background-position: center -92px;}
/*write_coom*/
.write_comm_tit h4{ font-size:17px; font-weight:700; display:inline-block;}
.btn_submitcomm { float:right; font-size:17px;}
.write_comm_radio { position:relative; padding-left:45px; margin-top: 10px;}
.write_comm_radio dt{ position:absolute; left:0; top:0; width:45px; line-height:28px; font-size:13px; color:#666; }
.btn_commradio { display:inline-block; width:75px; height:28px; line-height:28px; text-align:center; margin-left:7px; font-size:13px; background-color:#fff; border:1px solid #dbdbdb; border-radius:3px; color:#666;}
.btn_commradio:active,.btn_commradio_act { background-color:#ae7654; border-color:#ae7654; color:#fff;}
.btn_commradio:first-child{ margin-left:5px;}
.comm_areawrap { padding-right:12px; height:87px; margin-top: 10px;}
.write_comm_area { padding:5px; width:100%; height:75px; font-size:13px; border:1px solid #d7d7d7; border-radius:3px;}

.watch_info_comment_list {overflow: hidden;}
.watch_info_comment_list + .watch_info_btn{width: 80%;margin: 15px auto;}
.comm_list { position:relative; padding:12px 0 15px 45px;margin-top: -1px;}
.comm_list:first-child{ margin-top: 0;}
.comm_list dt { width:35px; position:absolute; top:12px; left:0;}
.comm_list dd.user_name{font-size: 15px;margin-top: 7.5px;}
.comm_list dd.user_name a{color: #773b09;}
.comm_list dt img,.user_face { width:35px; height:35px; border-radius:100%;}
.comm_list dd { font-size:12px;}
.comm_list dd time { font-size:12px; color:#b5b5b5; float:left;}
.totop { display:inline-block; padding-left:12px; min-height:16px; background:url(../../images/wap3.0/ico.png) -45px -210px no-repeat; background-size:60px 225px; vertical-align:middle;}

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

/*other*/
.floatshare{display: none;  position:fixed; right:10px; bottom:155px; z-index:10; width: 46px; height: 46px; background:url(../../images/wap3.0/float_share.png) no-repeat center center;border-radius: 3px; background-size:46px 46px;}
.floatnum { height:46px; width:46px; color:#fff; text-align:center; line-height:28px; font-size:13px; position:fixed; right:10px; z-index:10;border-radius: 3px; background:url(../../images/wap3.0/float_duibi.png) 0 0 no-repeat; background-size:46px 46px;}
.high{bottom: 206px;}
.low{bottom: 155px}
.floatnum:active{ color:#fff;}
.floatTotop { height:46px; width:46px; background:url(../../images/wap3.0/float_top.png) 0 0 no-repeat; background-size:46px 46px;color:#fff; position:fixed; right:10px; bottom:104px; z-index:10;border-radius: 3px;}
.floatnumPro {height:46px; width:46px; background-color:#4d86c6; color:#fff; text-align:center; line-height:32px; font-size:24px; position:fixed; right:10px; bottom:100px; z-index:10;border-radius:3px;}
.floatnumPro:active{ color:#fff;}

.share{}
.layer_comm_bg_share{display: none;}
.share-inner{width: 100%; position: fixed; left: 0; bottom: -500px; z-index: 1002;}
.share-inner em{display: block; height: 42px; line-height: 42px; text-align: center; background-color: #eee; color: #313131; font-size: 18px; border-bottom: 1px solid #e5e5e5}
.share-inner ul{display: block; padding: 37px 20px; background-color: #eeeeee; border-top: 1px solid #fff;}
.share-inner ul li{float: left; width: 24.99%;}
.share-inner ul li span{position: relative; display: block; padding-left: 11px; padding-right: 11px;}
.share-inner ul li span a{display: block; position: absolute; left: 0; top: 0; z-index: 500; width: 100%; height: 100%;}
.share-inner ul li span img{vertical-align: top; width: 100%;}
.share-inner ul li span i{display: block; text-align: center; margin-top: 15px; font-size: 9px; color: #7d7d7d;}
.share-exit{clear: both; display: block; height: 47px; line-height: 47px; text-align: center; background-color: #dcdcdc; color: #ae7654; font-size: 18px;}
.share-tip{display: none; z-index: 9999; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.9);}
.tip-inner{position: absolute; left: 50%; top: 70px; margin-left: -173px; }
#bdshare{float: none;}



/*
 * 图片查看页
 * author : dss
 * date   : 2018-06-05
 */

.view-main{background-color: #000;}
.view-number{position: relative; height: 25px; line-height: 25px; background-color: #000; padding: 10px 12px 100px; text-align: center;}
.view-number i.back{position: absolute; left: 12px; top: 10px; height: 25px; line-height: 25px;}
.view-number i.download{position: absolute; right: 12px; top: 10px; height: 25px; line-height: 25px;}
.view-number i img{display: inline-block; vertical-align: middle;}
.view-number span{height: 25px; line-height: 25px; font-size: 10px; color: #fff; margin-left: 5px;}
.view-number em{height: 25px; line-height: 25px; font-size: 10px; color: #fff;}
.view-number span small{color: #74381e;}
.view-pic{background-color: #000}
.view-pic img{width: 100%; display: block;}
.view-tit{ background-color: #000; padding: 90px 12px 30px; font-size: 14px; line-height: 20px; color: #fff}