/**
* author: wrq
* date: 2022-08-05
**/

/* 公共样式 */
.header{border-bottom: 1px solid #e5e5e5}
.title h3{ display: inline-block; font-size:30px; font-weight: bold; line-height: 34px; border-bottom:2px solid #733b1a;}
.h3_more {color: #733b1a;float: right;margin-top: 10px;font-size: 14px;}
.h3_more b{font-family: "SimSun";margin-left: 3px;font-weight: lighter;}
.mar_t25 {margin-top: 25px}

/*breadcrumb*/
.breadcrumb { font-size: 14px; width: 700px; padding: 13px 0 18px;}
.breadcrumb em{color: #7d7d7d;margin-right: 14px;}
.breadcrumb p a, .breadcrumb p span{color: #313131;}

/* 腕表库 */
.product_bigTitle span{float: left; margin-right: 8px; width: 70px; height: 35px; border-radius: 5px; overflow: hidden;}
.product_bigTitle span img{display: block;}
.product_bigTitle em{float: left; font-size: 24px;line-height: 35px; color: #2c2c2c; font-weight: bold;}
.product_bigTitle a{float: right; line-height: 25px;  height: 25px; padding-top: 10px;  font-size: 12px; color: #999; font-weight: normal;}
.product_bigTitle a:hover{color: #773b09;}
.product_nav{margin-top: 20px;height: 56px;background-color: #2f190e;}
.product_nav ul {display: flex;}
.product_nav ul.item_w120 li{width: 120px;}
.product_nav ul li{position: relative;float: left;width: 132px;height: 56px;}
.product_nav ul li+li{border-left: 1px solid #543425;box-sizing: border-box;}
.product_nav ul li a{display: block;line-height: 56px;text-align: center;font-size: 18px;color: #fff;cursor: pointer;}
.product_nav ul li a:hover{color: #773b09;}
.product_nav ul li.act a{font-weight: 600;background: #9d622c url(http://static.xbiao.com/images/pc/2022/navbg.png); height: 56px;line-height: 56px;}
.product_nav ul li.act a:hover{color: #fff;}
.product_nav ul li.noclick a{cursor: default;opacity: 0.5;}
.product_nav ul li.noclick a:hover{color: #fff;}

/*tag-list*/
.tag-list{position: relative; margin-bottom: 30px; overflow: hidden;padding: 15px 5px 9px;box-shadow: 0px 10px 10px #eee; }
.tag-list ul{overflow: hidden; max-height: 110px;}
.tag-list ul li{display: inline; height: 30px; line-height: 35px; font-size: 14px; margin-right: 25px;}
.tag-list ul li a{color: #666; }
.tag-list ul li a:hover{color: #773b09;}
.tag-more{ background: #fff; position: absolute; right: 0px; bottom: 20px; font-size: 14px; color: #773b09;padding: 0 20px 0 20px; cursor: pointer;}
/**/
.focus-main{margin-bottom: 25px;}
/*FOCUS-LEFT*/
.focus-left{width: 735px; height: 480px; float: left; position: relative; overflow: hidden;}
.focus{position: absolute; left: 0; top: 0; width: 735px; height: 480px; overflow: hidden;}
.focus ul{position: absolute; width: 735px; height: 480px;}
.focus ul li{display: none; position: absolute; left: 0; top: 0; width: 735px; height: 480px;}
.focus ul li:first-child{ display: block;}
/*focus-title*/
.focus-title{ display: none; position: absolute; bottom: 0; left: 0; width: 735px; height: 120px; background: url(https://static.xbiao.com/images/pc/2017/focus-bg.png) no-repeat bottom center;}
.focus-title ul li a{width: 735px; padding-top: 20px; height: 100px; line-height: 100px; text-align: center; display: block; color: #fff; font-size: 20px;}
/*focus-point*/
.focus-point { position: absolute; right: 15px; bottom:5px; color:#fff; font-size: 16px;letter-spacing:-2px;}
.focus-point ul { display: inline-block;}
.focus-point li{ display: none; font-size: 20px;}
.focus-point li.act{ display: inline-block;}
.focus-point i { font-style: normal;}
/*focus-prev & focus-next*/
.focus-prev{position: absolute;  left: -30px; top: 50%; margin-top: -30px; width: 30px; height: 60px; background: url(https://static.xbiao.com/images/pc/2017/focus-arr.png) no-repeat 0 0; opacity: 0;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.focus-next{position: absolute; right: -30px; top: 50%; margin-top: -30px; width: 30px; height: 60px; background: url(https://static.xbiao.com/images/pc/2017/focus-arr.png) no-repeat top right; opacity: 0;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.focus-left:hover .focus-prev{left: 0px; opacity: 1;}
.focus-left:hover .focus-next{right: 0px; opacity: 1;}
/*FOCUS-RIGHT*/
.focus-right{float: right; width: 436px;}
.focus-right div{position: relative}
.focus-right div:first-child{margin-bottom: 30px}
.focus-right div span{padding: 0 15px;box-sizing: border-box; position: absolute;width: 100%;left: 0;bottom: 0;padding-bottom: 6px;color: #fff;font-size: 18px;text-align: center;background: linear-gradient(to bottom, transparent ,rgba(0, 0, 0, 1));}

/*热门表款*/
.random{padding:0 15px 15px;margin-left: -15px; overflow: hidden; height: 395px; width: 1200px;}
.random-tit{height: 38px; line-height: 38px;width: 1200px;box-sizing: content-box;}
.random-left{float: left; overflow: hidden;}
.random-right{float: right;}
.random-change{display: block; height: 38px; line-height: 38px; padding-left: 25px; font-style: normal; color: #562916; background: url(https://static.xbiao.com/images/pc/2017/change.png) no-repeat center left;}
.random-change:hover{color: #a66b42;}
/*热门表款-列表*/
.random-list{margin-top: 10px;}
.random-list ul{margin-left: -5px;}
.random-list ul li{float: left; width: 195px; height: 350px;position: relative; margin-left: 5px;}
.random-list ul li:hover {box-shadow: rgba(203, 201, 201, 0.5) 0 3px 15px 0;}
.random-list ul li:first-child:hover{box-shadow: rgba(203, 201, 201, 0.5) -7px 3px 15px 0}
.random-list ul li:last-child:hover {box-shadow: rgba(203, 201, 201, 0.5) 7px 3px 15px 0}
.random-list ul li:hover em a {color: #773b09}
.random-list ul li .random-watch{width: 100%;}
.random-list ul li .random-watch span{width: 170px; height: 255px; margin: 10px auto; overflow: hidden;}
.random-list ul li .random-watch span img{width: 170px;}
.random-list ul li .brand{display: block; text-align: center; line-height: 18px; height: 36px; font-size: 12px;}
.random-list ul li .brand a p{text-align: center;}
.random-list ul li span{display: block; text-align: center; color: #e60012; line-height: 22px; height: 22px; font-size: 12px;}
.random-list ul li span.fuck{color: #a0a0a0}
.random-list ul li i{ max-width: 45px; overflow: hidden; position: absolute; top: 235px; left: 145px; height: 35px; text-align: center; font-style: normal; color: #a0a0a0; }
.random-list ul li i img{display: inline-block; vertical-align: middle; margin-top: -2px;}
.random-list ul li i em{display: block;}

/* 首发买家秀 */
.first_show{margin-top: 20px;}
.first_show ul { width: 1215px;margin-top: -15px;}
.first_show li { width: 390px; float:left; margin-right: 15px;margin-top: 15px;  overflow: hidden;}
.first_show_pic { width: 390px;height: 280px; overflow: hidden;}
.first_show li span{ display: block; font-size:20px; line-height: 28px; height: 56px; overflow: hidden; margin: 10px 0;}
.first_show li em { display: inline-block; width: 70%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.first_show li i{ font-size: 14px; color:#434343;font-style: normal;}
.first_show li i img{ border-radius: 10px; margin-right: 10px;}
.first_show li b { float: right; font-size: 14px; color:#959595; font-style: normal; font-weight: normal; }

/* 首发买家秀 */
.zuoye{margin-top: 30px;}
.zuoye ul { width: 1226px;margin-top: -17px;}
.zuoye li { width: 280px; float:left; margin-right: 26px; margin-top: 17px;  overflow: hidden;}
.zuoye_pic { width: 280px;height: 200px; overflow: hidden;}
.zuoye li span{ display: block; font-size:18px; line-height: 28px; height: 56px; overflow: hidden; margin: 9px 0 5px;}
.zuoye li em { display: inline-block; width: 70%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.zuoye li i{ font-size: 14px; color:#434343;font-style: normal;}
.zuoye li i img{ border-radius: 10px; margin-right: 10px;}
.zuoye li b { float: right; font-size: 14px; color:#959595; font-style: normal; font-weight: normal; }

/* 最新腕表 */
.newwatch { margin-top: 15px;}
.newwatch li{ width: 195px;float: left; position: relative; margin-right: 5px;}
.newwatch li:hover{box-shadow: rgba(203, 201, 201, 0.5) 0 3px 15px 0;}
.newwatch li:first-child:hover{box-shadow: rgba(203, 201, 201, 0.5) -7px 3px 15px 0}
.newwatch li:last-child:hover {box-shadow: rgba(203, 201, 201, 0.5) 7px 3px 15px 0}
.newwatch li img{ width: 150px; display: block; margin: 10px auto 12px;}
.newwatch li img:hover{transform: scale(1);}
.newwatch li span{ display: block; text-align: center; font-size:14px; line-height: 22px; height: 48px; overflow: hidden;}

/* 视频 */
.video_list{margin-top: 28px;width: 1218px}
.video_list ul{margin-top: -18px}
.video_list li{width: 388px;float: left;margin-right: 18px;margin-top: 18px}
.video_list_pic{width: 388px;height: 205px;overflow: hidden;position: relative}
.video_list li .icon_video:after {content: '';width: 64px;height: 64px;background: url(http://static.xbiao.com/images/pc/2022/area_play_btn.png) no-repeat center center;position: absolute;top: 50%;left: 50%;margin-top: -32px;margin-left: -32px}
.video_list li span{display: block;font-size: 20px;line-height: 30px;padding: 0 5px;box-sizing: border-box;margin-top: 13px;height: 64px;overflow: hidden}

/* 推荐资讯 */
.recommend_info{margin-top: 22px;width: 1216px}
.recommend_info ul{margin-top: -20px}
.recommend_info li{width: 388px;float: left;margin-right: 16px;margin-top: 20px;padding: 7px;box-sizing: border-box;background: #f6f6f8;}
.recommend_info_pic{width: 375px;height: 270px;overflow: hidden;position: relative}
.recommend_info li span{display: block;font-size: 20px;line-height: 30px;margin: 15px auto 7px;height: 55px;overflow: hidden}
.recommend_info li em { display: inline-block; width: 70%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.recommend_info li i{ font-size: 14px; color:#434343;font-style: normal;}
.recommend_info li i img{ border-radius: 10px; margin-right: 10px;}
.recommend_info li b { float: right; font-size: 14px; color:#959595; font-style: normal; font-weight: normal; }

/*商铺列表*/
.shop{border: 1px solid #dcdcdc; overflow: hidden; margin-top: 20px;}
.shop-tit{padding: 0 18px 0 15px; height: 43px; line-height: 43px; background-color: #f4f4f4;}
.shop-left{float: left; overflow: hidden;}
.shop-left em{float: left; margin-right: 20px; font-size: 22px; color: #000;}
.shop-left span{float: left; font-size: 14px; color: #a0a0a0;}
.shop-left span a{color: #773b09;}
.shop-left span a:hover{color: #773b09;}
.shop-right{float: right;}
.shop-change{display: block; height: 38px; line-height: 38px; padding-right: 30px; font-style: normal; color: #562916; background: url(https://static.xbiao.com/images/pc/2017/change.png) no-repeat center right;}
.shop-change:hover{color: #a66b42;}
/*商铺标题右侧*/
.shop-tit .sub-shop{float: right; }
.shop-tit .sub-shop ul{}
.shop-tit .sub-shop ul li{float: left; height: 43px; line-height: 43px; margin-left: 15px; font-size: 14px; color: #562916;}
.shop-tit .sub-shop ul li a{ color: #562916;}
.shop-tit .sub-shop ul li a:hover{color: #773b09;}
.shop-tit .sub-shop ul li.spa{color: #a0a0a0; margin-right: -15px;}
/*商铺列表*/
.shop-slide{overflow: hidden; overflow: hidden;width: 1210px;}
.shop-slide ul{margin-top: -1px;padding-bottom: 25px;}
.shop-slide ul li{ position: relative; float: left; width: 569px; height: 160px;overflow: hidden; margin-top: 25px; padding: 0 13px;margin-right: 10px;}
.shop-slide ul li em{margin-top: 10px;margin-bottom: 10px;}
.shop-slide ul li:hover em{color: #773b09;}
.shop-slide ul li span{float: left;margin-right: 10px;width: 300px;height: 160px;}
.shop-slide ul li em{display: block; overflow: hidden; font-size: 16px; height: 25px; line-height: 25px;}
.shop-slide ul li .tel{font-size: 14px; min-height: 25px; color: #a0a0a0;}
.shop-slide ul li i{display: block;font-size: 14px; line-height: 25px;font-style: normal; margin-top: 3px; color: #a0a0a0;}
.shop-slide ul li a{position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

/* 腕表大全 */
.left_box{width: 850px;}
.right_box{width: 300px;}

/* left box */
/*梵克雅宝腕表大全*/ 
.all{overflow: hidden;}
.all-list{ overflow: hidden;}
.all-list ul{margin-top: 13px;}
.all-list ul li{margin-bottom: 2px;}
.all-list ul li dl{position: relative;  padding-left: 94px;overflow: hidden;}
.all-list ul li dl dt{position: absolute; left: 0; top: 1px; width: 56px; line-height: 26px; text-align: right; background-color: #fff;}
.all-list ul li dl dt em{font-size: 14px;font-weight: bold;}
.all-list ul li dl dd{font-size: 12px; line-height: 28px; float: left; margin-right: 20px;margin-bottom: 10px;}
.all-list ul li dl dd a{padding: 0 4px; display: block;color: #333;font-size: 14px;}
.all-list ul li dl dd a:hover {color: #773b09;}
.all-list ul li dl dd i{font-style: normal; color: #666;}

/*论坛精选左边*/
.bbs-list{margin-top: 10px;}
.bbs-content{ margin-top: 15px;}
.bbs-content ul{margin-top: -9px;}
.bbs-content ul li{border-bottom: 1px solid #e6e6e6; padding-top: 11px;}
.bbs-content ul li .hover_box:hover a{color: #733b1a;}
.bbs-content ul li em{display: block; font-size: 18px;margin-bottom: 3px;}
.bbs-content ul li em.ding{display: block; font-size: 18px; margin-bottom: 24px; line-height: 20px; background-image: url(https://static.xbiao.com/images/pc/2017/icon.png); background-position: 0 -398px; padding-left: 44px; background-repeat: no-repeat;}
.bbs-content ul li span{display: block; font-size: 14px; color: #a0a0a0; line-height: 25px; margin-top: 14px;}
.bbs-content ul li span a{color: #562916;}
.bbs-content ul li span a:hover{color: #773b09;}
.bbs-pic{width: 850px;overflow: hidden;margin-bottom: 7px; margin-top: 19px;}
.bbs-pic dl{width: 866px}
.bbs-pic dl dd{float: left; margin-right: 16px; width: 200px; height: 152px; overflow: hidden;}
.bbs-info{padding: 2px 0 5px; height: 36px;}
.bbs-name{float: left;}
.bbs-content .bbs-name img{display: inline; border-radius: 50%; margin-right: 5px;}
.bbs-content .bbs-name em{display: inline; height: 36px; line-height: 36px; margin-right: 5px;color: #562916;font-size: 14px;}
.bbs-content .bbs-name em a{color: #562916;}
.bbs-content .bbs-name span{margin-left: 15px;display: inline; height: 36px; line-height: 36px;}
.bbs-content .bbs-name span em{color: #a0a0a0;margin-left: 5px;}
.bbs-time {float: right; height: 36px;line-height: 36px;font-size: 14px;color: #a0a0a0;}

/*ask-left*/
.ask-list{margin-top: 25px;}
.ask-main{overflow: hidden;position: relative;margin-top: 18px}
.ask-main::before{content: '';position: absolute;top: 5px;left: 425px;width: 0;height:100%;border-right: 1px dashed #a0a0a0;}
.ask-main ul{width: 400px;margin-top: -14px;}
.ask-main ul li{margin-top: 14px;overflow: hidden;height: 25px;line-height: 25px; overflow: hidden;}
.ask-main ul li span {float: left;width: 310px;font-size: 14px;}
.ask-main ul li span a{display: block;width: 310px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.ask-main ul li em{float: right;font-size: 12px;color: #a0a0a0}
.ask-main ul li em i{font-style: normal;color: #773b09;}

/* right box */
/* tab切换 */
.bbs{ overflow: hidden; margin-bottom: 4px;}
.bbs-nav{overflow: hidden;}
.bbs-nav ul li{float: left; width: 150px;  cursor: pointer; border-bottom: 2px solid #dcdcdc; font-size: 18px; height: 31px; line-height: 31px; text-align: center; }
.bbs-nav ul li.act{border-bottom: 2px solid #723b1c;}
.bbs-cont{ width: 280px; margin: 0 auto; overflow: hidden; padding: 10px 0;}
.bbs-cont ul li{ font-size: 12px; line-height: 31px; height: 31px; overflow: hidden;padding-bottom: 3px; border-bottom: #e1e1e1 dashed 1px;}
.bbs-cont ul li:last-child{border: none}
.bbs-cont ul li a{display: inline-block;width: 255px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;line-height: 30px;height: 30px;vertical-align: bottom;}
.bbs-cont ul li i{color: #773b09; font-style: normal; margin-right: 3px;}

/* 表展示 */
.watch-show{}
.watch-show dl dt{margin-bottom: 4px;font-size: 18px;font-weight: bold;border-bottom: 2px solid #cccccc;padding-bottom: 5px;}
.watch-show dl dd{position: relative;padding-top: 11px;padding-bottom: 20px;border-bottom: 1px solid #ccc;overflow: hidden; height: 147px;}
.watch-show dl dd:last-child{border: none;}
.watch-pic{width: 90px; height: 135px;overflow: hidden;margin-top: 7px;}
.watch-pic img{width: 90px;}
.watch-tit{ position: absolute; top: 15px;left:95px; font-size: 14px;  line-height: 18px; margin-bottom: 8px;}
/*用户信息块*/
.user-block{width: 192px;height: 77px;position: absolute;top: 61px;left: 95px;border: 1px solid #ccc;border-radius: 5px;padding: 6px 4px 10px;}
.user-top{position: relative; height: 20px; padding-left: 30px; margin-bottom: 4px;}
.user-avatar{position: absolute; left: 0; top: 0; width: 20px; height: 20px; border-radius: 10px; overflow: hidden; margin-right: 15px;}
.user-avatar img{width: 20px;height: 20px;}
.user-block em{float: left; width: 75%;  line-height: 18px; font-size: 14px; }
.user-block em a{color: #a0a0a0;display: block; margin-right: 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.user-block i{float: right; width: 25%; font-size: 12px;line-height: 18px; font-style: normal;}
.user-block span{display: block; color: #562916; font-size: 12px; line-height: 18px; height: 35px; overflow: hidden;}
.user-block span a{color: #773b09;}
.user-block span a:hover{color: #773b09;}
.user-block .watch-show-time{margin-top: 5px;color: #a0a0a0;}

/* 排行 */
.ranking-list{margin-top: 6px;}
.ranking-main{margin-bottom: 30px;}
.ranking-right{float: right; width: 248px;  border: 1px solid #dcdcdc;}
.ranking-title{height: 30px; line-height: 30px; font-size: 18px; font-weight: bold;border-bottom: 2px solid #cccccc;padding-bottom: 3px;}
/*ranking-tit*/
.ranking-nav{overflow: hidden;margin-top: -2px;}
.ranking-nav ul li{ padding-top: 10px; box-sizing: border-box; cursor: pointer; float: left; width: 99px;text-align: center; height: 30px;border-top: 2px solid transparent;}
.ranking-nav ul li span{display: block;height: 15px;width: 99px;line-height: 15px}
.ranking-nav ul li:nth-child(2){width: 101px;}
.ranking-nav ul li:nth-child(2) span{border-left: 1px solid #a0a0a0;border-right: 1px solid #a0a0a0;}
.ranking-nav ul li.act{border-top: 2px solid #562916;color: #773b09;}

/*ranking-slide*/
.ranking-con{}
.ranking-slide{display: none; width: 248px; margin: 0 auto; overflow: hidden; padding: 12px 0 0;}
.ranking-slide dl{}
.ranking-slide dl dd{height: 34px;border-bottom: 1px dashed #e1e1e1;}
.ranking-slide dl dd > em{display: block; font-size: 12px; line-height: 35px; height: 35px; overflow: hidden; padding: 0 10px 0 6px;}
.ranking-slide dl dd i{color: #773b09; font-style: normal; margin-right: 3px;}
.ranking-slide dl dd i a{display: block;}

.ranking-slide dl dd .ranking-watch{display: none; margin: 8px auto 10px;overflow: hidden;text-align: center;}
.ranking-slide dl dd .ranking-watch img{width: 150px;}
.ranking-slide dl dd .ranking-watch em {display: block;color: #733b1a;margin-top: 6px}
.ranking-slide dl dd.active{border-bottom: 1px dashed #a0a0a0;height: auto;}
.ranking-slide dl dd.active .ranking-watch{display: block; margin-top: 18px;}
.ranking-slide dl dd.active > em{display: none;}

/*public tit*/
.tit{height: 50px; border-top: 1px solid #e5e5e5; /*overflow: hidden;*/}
.tit em{float: left; font-size: 20px; height: 49px; line-height: 49px; border-top: 2px solid #562916; margin-top: -1px;}
.tit .sub-tit{float: right; margin-right: 5px;}
.tit .sub-tit ul{}
.tit .sub-tit ul li{float: left; height: 50px; line-height: 50px; margin-right: 15px; font-size: 14px; color: #562916;}
.tit .sub-tit ul li a{ color: #562916;}
.tit .sub-tit ul li a:hover{color: #773b09;}
.tit .sub-tit ul li.spa{color: #a0a0a0; margin: 0;}
.tit span{float: right;  font-size: 14px; height: 50px; line-height: 50px; font-style: normal; color: #a0a0a0; }
.tit span a{ display: block; color: #a0a0a0; padding-right: 10px; background: url(https://static.xbiao.com/images/pc/2017/tit-gt.png) no-repeat center right;}
.tit span a:hover{color: #773b09; background: url(https://static.xbiao.com/images/pc/2017/tit-gt-hover.png) no-repeat center right;}

/* 最新产品图 */
.pro-list{width: 1200px; margin-bottom: 19px;margin-top: 20px;}
.pro-list { overflow: hidden;}
.pro-list ul{ width: 1220px; margin-top: -13px;}
.pro-list li { float: left; position: relative; margin: 13px 14px 0 0; overflow: hidden; }
.pro-list li span{ display: block; position: absolute; left: 0; bottom:0; width:calc(100% - 20px); font-size: 14px; height: 36px; line-height: 36px; background: linear-gradient(transparent,rgba(0,0,0,0.6));color: #fff; text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding: 0 10px;}
.pro-list li.bbs_first span{ font-size: 18px; height: 48px; line-height: 48px;}

/*seo*/
.more-brand{width: 1234px;}
.more-brand dt{font-size: 24px;  margin-top: 22px; margin-bottom: 20px; color: #a0a0a0;}
.more-brand dd{margin-right: 34px;font-size: 14px; overflow: hidden; float: left; line-height: 30px;}
.more-brand dd a{color: #a0a0a0;}
.more-brand dd a:hover{color: #773b09;}

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