/*品牌*/
.brand-wrap{width: 1200px; overflow: hidden; margin-bottom: 30px; padding-bottom: 12px; padding-top: 15px;}
.brand{position: relative; width: 1200px; height: 32px;}
.brand em{position: absolute; padding-left: 15px; top: 0; width: 50px; height: 32px; line-height: 32px; color: #959595; font-size: 14px; background-color: #fff; z-index: 1;}
.brand-list{position: absolute; left: 100px; top: 0;}
.brand-list ul{width: 10000px;}
.brand-list ul li{float: left; width: 116px; font-size: 14px; height: 32px; line-height: 32px;}
.brand-list ul li a{display: block;}
.brand-list ul li .gray { color: #959595; }

/* focus */
.focus-wrap{width: 100%; height: 535px; overflow: hidden; position: relative; left: 0; top: 0; margin-bottom: 40px;}
.focus{width: 1200px; height: 535px; position: absolute; left: 50%; top: 0; margin-left: -600px}
.focus ul{width: 100000px;}
.focus ul li{float: left; width: 1200px; height: 535px; overflow: hidden;}
.focus ul li img{vertical-align: top;}
.focus-tit-bg{position: absolute; left: 50%; margin-left: -600px; bottom: 0; width: 1200px; height: 109px; background: url(http://static.xbiao.com/images/pc/jewelry2018/focus-tit-bg.png) repeat-x center center;}

.cover-left,
.cover-right{position: absolute; top: 0; width: 1200px; height: 535px; background-color: #000; opacity: 0.8;
filter: alpha(opacity=80);}
.cover-left{left:50%; top: 0; margin-left: -1800px;}
.cover-right{right:50%; top: 0; margin-right: -1800px;}
.focus-tit{position: absolute; left: 50%; bottom: 0px; z-index: 1; margin-left: -600px; }
.focus-tit ul li{display: none; height: 80px; padding-top: 29px; width: 1200px; background: linear-gradient(transparent,rgba(0,0,0,0.8));}
.focus-tit ul li.ad-style{width: 0; height: 0;}
.focus-tit a{display: block; width: 1100px; height: 80px;  padding: 0 50px; text-align: center; font-size: 22px; line-height: 80px; color: #fff;text-overflow: ellipsis; overflow:hidden; white-space: nowrap; }

.focus-point{position: absolute; right: 50%; margin-right: -590px; bottom:5px; color:#fff; font-size: 16px;letter-spacing:-2px; z-index: 2;}
.focus-point-inner{padding-right: 10px;}
.focus-point-inner ul{ display: inline-block;}
.focus-point-inner ul li{ display: none; font-size: 20px;}
.focus-point-inner ul li.act{ display: inline-block;}
.focus-point i { font-style: normal;}
.focus-left{position: absolute;  left: 50%; margin-left: -600px; top: 50%; margin-top: -30px; width: 30px; height: 60px; background: url(http://static.xbiao.com/images/pc/2017/index2022sprite.png) no-repeat 0 -271px; opacity: 0;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.focus-right{position: absolute; right: 50%; margin-right: -601px; top: 50%; margin-top: -30px; width: 30px; height: 60px; background: url(http://static.xbiao.com/images/pc/2017/index2022sprite.png) no-repeat -232px -271px; opacity: 0;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.focus-wrap:hover .focus-left{ opacity: 1;}
.focus-wrap:hover .focus-right{ opacity: 1;}

/**/
.title h3{ display: inline-block; font-size:30px; font-weight: bold; line-height: 34px; border-bottom:2px solid #733b1a;}
.h3_more {color: #a0a0a0; float: right; margin-top: 10px; font-size: 14px;}
.h3_more b{ font-family: "SimSun";}
.wrapper_left { width: 735px; }
.wrapper_right  { width: 390px; }

.new_article { margin-top:22px; }
.new_article dl{ min-height: 160px; position: relative; margin-bottom: 30px; }
.new_article dl dt { width: 240px; height: 160px; position: absolute; left: 0; overflow: hidden; }
.new_article dl dd { margin-left: 265px; }
.new_article_title { font-size:20px; line-height: 22px; height: 22px; text-overflow: ellipsis; overflow:hidden; white-space: nowrap; }
.new_article_title a { color:#222; }
.new_article_title a:hover{ color: #733b1a; }
.new_article_infor { margin-top: 20px;font-size: 14px; line-height: 24px; max-height: 72px; overflow: hidden; }
.new_article_infor p { color: #8d8d8d; }
.new_article_infor a { color: #222; }
.new_article_infor a:hover{ color: #733b1a; }
.new_article_foot { margin-top: 15px; font-size: 12px; color: #8c8c8c; }
.new_article_foot span { margin-right: 50px; }
.new_article_foot a{ color: #8c8c8c;}
.new_article_foot a:hover {color: #733b1a;}
.mt40 { margin-top: 40px; }
.mt25 { margin-top: 25px; }
.mt45 { margin-top: 45px; }

.activity_pic li { position: relative; display: none; }
.activity_pic li:first-child { display: block;}
.activity_pic li span { position: absolute; left: 0; bottom: 0; width: 695px; padding: 0 20px;  height: 45px; background: linear-gradient(transparent,rgba(0,0,0,0.8)); line-height: 45px; white-space: nowrap;text-overflow: ellipsis; overflow: hidden; font-size: 16px; text-align: center; color: #fff; }
.activity_thumb { display: flex; flex-direction: row; justify-content: space-between; }
.activity_thumb li { width: 235px; height: 153px; position: relative; overflow: hidden; cursor: pointer;  }
.activity_thumb li a::after { content: ""; position:absolute; top: 0; left: 0; width:235px; height: 153px; border-width: 0; border-style: solid; border-color:#e9e9e9;transition: all 100ms; opacity: 0;}
.activity_thumb li.act a::after { border-width: 3px; width:229px; height: 147px; opacity: 1; }

/*right-aside*/
.title_right h3{ display: inline-block; font-size:26px; font-weight: bold; line-height: 34px; border-left:5px solid #914a20; padding-left: 26px;}
.title_right i { float: right; font-style: normal; line-height: 34px;}
.title_right i b { font-family: "SimSun" }
.title_right i a { color: #8d8d8d; font-size: 14px; }
.title_right i a:hover {color: #733b1a;}
.jewelry_hot { border-top: 1px solid #f0f0f0; margin-top: 20px; padding-top: 24px; }
.jewelry_hot li { padding-left: 36px; position: relative; margin-bottom: 20px; }
.jewelry_hot li a{ font-size:16px; color: #222; }
.jewelry_hot li a:hover {color: #733b1a;}
.jewelry_hot li img{ display: none; margin-top: 15px; border: 1px solid #f3f3f3; }
.jewelry_hot li.act img{ display: block; }
.jewelry_hot li::before{ content: ""; position:absolute; left: 0; top:11px; width: 6px; height: 6px; background-color: #a9a9a9; border-radius: 3px; }
.jewelry_hot li.act::before{ background-color: #b56437; }

.jewelry_top { border-top: 1px solid #f0f0f0; margin-top: 20px; padding-top: 22px; padding-left: 21px; }
.jewelry_top dt { position: relative; width: 350px; height: 450px; }
.jewelry_top dt em{ display: block; }
.jewelry_top dt span { position: absolute; left: 0; bottom: 0; width: 100%; height: 45px; line-height: 45px;  text-align: center; font-size: 16px; color: #fff; background: linear-gradient(transparent,rgba(0,0,0,0.4)); white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.jewelry_top dd { margin-top: 20px; padding-right: 30px; font-size: 16px; line-height: 20px; height: 20px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
.jewelry_top dd i { font-family: "SimSun"; font-size: 18px; margin-right: 15px; }
.top1 { color:#ed1717; }
.top2 { color:#f28908; }
.top3{ color:#ffc942; }
.jewelry_static{ margin-top: 20px; }

.click_more::after { display: inline-block; content: ""; width:17px; height: 14px; background: url(http://static.xbiao.com/images/pc/2022/click_jew_more.png); vertical-align: middle; margin-left: 7px; transition: all 500ms;}
.title_right i a.click_more { color: #a05424; }
.click_more:hover::after{ transform: rotate(180deg); }
.jewelry_product { display: none; margin-top: 20px; flex-direction: row; justify-content: space-between; flex-wrap:wrap; }
.jewelry_product:first-child { display: flex;}
.jewelry_product li{ width: 188px; height: 218px; border: 1px solid #e5e5e5;margin-bottom: 11px; }
.jewelry_product li em { width: 160px; height: 149px; padding: 0 14px; }
.jewelry_product_tit { height: 69px; background-color: #f7f7f7; }
.jewelry_product_tit span{ display: block; padding: 10px 18px 0; font-size: 12px; line-height: 16px; height: 32px; overflow: hidden; text-align: center; color: #6d6d6d;}
.jewelry_product_tit span a{ color: #6d6d6d; }
.jewelry_product_tit span a:hover{ color: #733b1a; }
.jewelry_product_tit b { color: #c00; font-weight: 100; text-align: center; display: block; margin-top: 3px; }
.jewelry_product_tit b.noprice { color: #c3c3c3; }

.mt35{ margin-top: 35px; }
.title_ranklist h3{ padding-left: 21px; font-size: 22px; height: 54px; line-height: 54px; border: 1px solid #d9d9d9; background-color: #f4f4f4; font-weight: normal; }
.bdr_ranklist { border-width: 0 1px 1px 1px; border-style: solid; border-color: #d9d9d9; }
.rank_brand { padding: 23px 56px 11px 20px; }
.rank_brand li { height: 40px; line-height: 40px;color: #bbb; margin-bottom: 10px; }
.rank_brand li i { font-size: 18px; font-family: "SimSun"; display: inline-block; width: 35px; }
.rank_brand li span { font-size: 16px; color: #222; }
.rank_brand li em { display: inline-block; float: right; width: 98px; height: 38px; text-align: center; border-radius: 5px; background-color: #fff; border: 1px solid #ddd2ca; }
.rank_brand li em a{ display: block; width: 100%; height: 100%; }

.rankinglist li i { font-size: 18px; line-height: 40px; font-family: "SimSun"; margin-left: 15px;margin-right: 13px; color:#b5b5b5; vertical-align: top;}
.rankinglist li i.ranking_1,.rankinglist li i.ranking_2,.rankinglist li i.ranking_3{ color:#cfa972;}
.rankinglist li { position: relative; overflow: hidden; height: 39px; border-bottom: 1px solid #dcdcdc; transition: height 800ms;}
.rankinglist li:last-child{ border-bottom: none;}
.rankinglist li img{ display: none;}
.rankinglist li em { width: 80%; display: inline-block; line-height: 39px; font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;text-align: left;}
.rankinglist li.act { height: 385px; padding-top: 25px;} 
.rankinglist li.act img { display: block; margin: 0 auto;}
.rankinglist li.act em { display: block;text-align: center; margin: 0 auto;}
.rankinglist li.act em a { color:#222; }
.rankinglist li.act em a:hover { color:#733b1a; }
.rankinglist li.act i { position: absolute;left: 0;top: 15px; line-height: 62px; letter-spacing: 5px; text-align: center; width: 31px;height: 46px; background:url(http://static.xbiao.com/images/pc/2022/sprite20220317.png) -225px 0;}
.rankinglist li.act i.ranking_4,.rankinglist li.act i.ranking_5 { display: none;}

.jewelry_recommend { padding: 23px 20px 11px 20px; }
.jewelry_recommend li {color: #bbb; margin-bottom: 10px; }
.jewelry_recommend li i { font-size: 18px; font-family: "SimSun"; display: inline-block; width: 35px; vertical-align: top; }
.jewelry_recommend li span { font-size: 16px; color: #222;height: 28px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block; width: 88%; }
.jewelry_recommend li span a { color: #222; }
.jewelry_recommend li span a:hover { color: #733b1a; }
.jewelry_recommend li em { display: none; text-align: center; margin-bottom: 10px; }
.jewelry_recommend li.act em{ display: block; }
.jewelry_recommend li em a{ display: block; width: 100%; height: 100%; }

/*newjewelry*/
.mt10 { margin-top: 10px; } 
.newjewelry_list ul{width: 1240px;}
.newjewelry_list ul li{float: left; width: 200px; overflow: hidden; margin-right: 40px;}
.newjewelry_list ul li:hover{ box-shadow: 0 0 5px rgba(203,201,201,0.5);}
.newjewelry_pic{width: 100%; padding: 10px 0;}
.newjewelry_pic em{display: block; width: 170px; height: 175px; overflow: hidden; margin: 0 auto; padding:12px 0;}
.newjewelry_tit{ height: 46px; width: 175px; margin: 0 auto; line-height: 23px; font-size: 14px; padding-top: 10px; margin-bottom: 14px; text-align: center; overflow: hidden;border-top:1px solid #efefef;}

/*contentranklist*/
.contentranklist { margin-top: 20px; width: 1206px;}
.contentranklist dl { float: left; margin-right: 6px;}
.contentranklist dl:last-child{margin-right: 0;}
.contentranklist dt { width: 294px;height: 30px; line-height: 30px; border-radius: 5px;}
.contentranklist dt h4 { text-align: center; font-size: 14px;color: #fff; font-weight: normal;}
.contentrank_title_article {background:linear-gradient(to right,#562916,#81411f); }
.contentrank_title_product {background:linear-gradient(to right,#96571f,#af8056); }
.contentrank_title_brand {background:linear-gradient(to right,#af8056,#c6833d); }
.contentrank_title_hotkeys {background:linear-gradient(to right,#c69159,#dab58d); }
.contentranklist dd{ width: 294px; overflow: hidden;}
.contentranklist ol {margin-top: 15px;}
.contentranklist ol li { position: relative; padding-left: 30px; height: 30px;line-height: 30px; text-overflow: ellipsis; overflow: hidden; white-space:nowrap; width: 80%;font-size: 14px;}
.contentranklist ol li i{ position: absolute; left: 3px; color:#a0a0a0; font-size:14px; font-style: normal; }
.contentranklist ol li i.ol_hot{color:#572a16;font-size:16px; font-style: italic; font-weight: bold; }
.contentranklist p {margin-top: 15px; line-height: 30px; word-break: break-all; font-size: 14px;;}
.contentranklist p a{display: inline-block; margin-left: 25px;}

/*searchandlink*/
.searchandlink {overflow: hidden;}
.searchandlink ul{ margin-left: -12px;}
.searchandlink li{ position: relative; float: left; margin: 15px 12px 0; font-size: 14px; line-height: 16px;}
.searchandlink li::before { position: absolute; left:-11px; content: ""; width: 0; height: 16px; border-left: 1px solid #eee;}