@charset "UTF-8";
/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0;}
html{-webkit-text-size-adjust:none;}
body{background:#FFF2EA url(/static/img/orig/2023_best_jingxuan_pc_img_bg.png) no-repeat center top;font:12px/2em Microsoft Yahei,tahoma,HELVETICA;text-align:center;color:#333;}
ol,ul{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
img{border:none;vertical-align:top;
	-webkit-transition: opacity .2s;
	-moz-transition: opacity .2s;
	-o-transition: opacity .2s;
	transition: opacity .2s;
	-ms-transition: none;
}
i,em{font-style:normal;}
input,select,option,textarea{font-size:12px; font-family: Microsoft Yahei,tahoma,HELVETICA;outline:none;}
a{color:#333;text-decoration:none;outline: none;}
a:hover{color:#e44;}
a:hover em,a:hover b, a:hover i, a:hover span {cursor:pointer;}
a:hover img {opacity: 0.9}
a:focus{outline: none;}
.mark{float: left;}
input::-ms-clear { display: none; } 
html .no-login-fixed-bottom{
	display: none!important;
}
/* header */

.header .logo, .expand li .icon-popu, .nav-sub em, .nav .mark .wish em, .cate-more em, .cate-menu .title em, .cate-tag em, .nav-whole dt .icon, .nav-whole .ic-close { background: url(/static/img/orig/2017_best_img_sprite.png) 0 0 no-repeat; }

body .g-footer { background: #fff; }

body .g-footer .gft-links, body .g-footer .gft-links a { color: #333; }

body .g-footer .gft-copyRight, body .g-footer .gft-copyRight a { color: #333; }

.wraper, .header-wrap,.nav-box .header{ width: 1120px; margin: 0 auto; zoom: 1; text-align: left; }

.header {height: 90px;background: #fff;/* overflow: hidden; */ margin-bottom:0px}

/* .header .logo { width: 131px; height: 77px; margin: 6px 35px 0 0; float: left; background-position: -186px -54px; } */
.header .logo { width:220px;height:80px;margin:29px 40px 0 0;float:left;background: url(/static/img/orig/zt_gz20230113_best_pc_images_logo260518.png) no-repeat center; background-size: contain; }

.header .back-to-index { float: left; position: relative; width: 120px; height: 90px; }

.header .back-to-index a { position: absolute; margin: 0; width: 71px; height: 20px; border: 1px solid #ececec; border-radius: 20px; line-height: 20px; color: #999; font-size: 12px; top: 32px; left: -25px; }

.header .back-to-index a:hover { border-color: #e44; }

body .navibar-wrap { width: 1120px; height:60px}
.main-box{z-index:1!important}
.nav-box{height:40px!important; border-bottom:1px solid #eee;box-shadow: 0 5px 5px #eee;background-color: #fff;margin-bottom: 200px;display: flex;justify-content: space-between;z-index: 100; padding-top:15px;}
.nav-box.before-fix{padding-top:4px;}
.nav-box .header{height:40px!important;position: relative;}
.nav-box .user-nav{width: 530px;height: 40px;padding-top: 0px;float: right;}
.nav-box .user-nav .item,.nav-box .nav-wrap .item{width:90px;height: 40px;line-height: 40px;text-align: center;font-size:14px; color:#333;position: relative;cursor: pointer;background: #fff;z-index: 300;float: left;}
.nav-box .user-nav .h-icon{width:105px;}
.nav-box .user-nav .item{/* margin-left:10px; */}
.nav-box .item:hover .tag,.nav-box .nav-wrap .item.current{color:#EE4444}
.nav-box .h-icon:hover{box-shadow: 2px 4px 10px #ddd; }
.nav-box .h-icon .tag{padding-right:15px;position: relative;}
.nav-box .h-icon .tag::after{content:'';display:block;width:11px; height:6px; background:url(/static/img/orig/2022_0701best_index_images_idxDownIcon.png) no-repeat;position: absolute;top: 7.5px; right:0;}
.nav-box .item:hover .tag::after{background: url(/static/img/orig/2022_0701best_index_images_idxDownIconCur.png) no-repeat;}
.nav-box .item .info-box{width:100%;background-color: #fff; position: absolute;top: 40px;left:0;z-index: 900;padding-bottom: 10px;display:none; height:0; transition: all .2s linear;-moz-box-shadow:0 6px 6px 0px rgb(0 0 0 / 15%);-webkit-box-shadow:0 6px 6px 0px rgb(0 0 0 / 15%);-ms-box-shadow:0 6px 6px 0px rgb(0 0 0 / 15%);box-shadow:0 6px 6px 0px rgb(0 0 0 / 15%);}

.nav-box .item .type{display: block; height:30px;line-height: 30px; font-size:12px;position: relative;}
.nav-box .item .type:hover{background:rgba(238,68,68,0.1);}
.nav-box .item .type .type-name{color:#333;}
.nav-box .item .type:hover .type-name{color:#EE4444;}
.nav-box .user-nav .item .type em{display: none; width:100px; height:126px; background-color: #fff; box-shadow:0 2px 10px 0 #ddd; position: absolute; left:112px;top:5px; padding:5px;}
.nav-box .user-nav .item .type em img{display: block; width:100px; height:100px; object-fit: cover; }
.nav-box .user-nav .item .type em .ts{display: block; height:20px; line-height:20px; font-size:12px; color:#333;}
.nav-box .h-icon:hover .info-box{display:block; height:auto;}
.nav-box .user-nav .item .type:hover em{display:block;}
.nav-box .user-nav .item .line{display:inline-block; width:1px;height:14px;background:#ddd;margin:0 6px; vertical-align:middle;}
.nav-box .user-nav .align-r{text-align: right; width:100px;}
.nav-box .nav-wrap .item{display: block;width:auto;height: 40px;line-height: 36px;font-size: 18px; margin-right:55px;}
.nav-box .nav-wrap .h-icon{width:100px; text-align: center;}
.nav-box .nav-wrap .h-icon .tag::after{top:9px;}

.nav-box .nav-search{display: none;}
.before-fix .nav-search{width:170px; height:30px;display: flex;/* justify-content: flex-end; */position: absolute; top:3px;left: 435px;display: block;}
.nav-box .nav-search .ks-search-icon,.nav-box .active-ks .ks-input .ks-submit{display: block;width:16px; height:16px; background:url(/static/img/orig/2022_0701best_index_images_idxSearchIcon2.png) no-repeat; cursor: pointer; margin-top:8px;;;;float: right;;;;}
.nav-box .nav-search .nav-ks-box{display: none;}
.nav-box .active-ks .nav-ks-box{display:block; background-color:#F5F5F5; border:none; border-radius: 30px; width:150px; padding:0 10px;}
.nav-box .active-ks .ks-search-icon{display: none;}

.nav-box .active-ks .ks-input .ks-q{width:130px; margin-left:0; background: none; height:23px; line-height:23px; font-size:14px;}
.nav-box .active-ks .ks-input .ks-submit{border-top-right-radius:0;border-bottom-right-radius:0px;}


/*快搜*/
.ks { float: left; width:600px; margin-top: 25px; zoom: 1; height:60px;  position: relative;}
 .ks-box{width:600px; height:36px; z-index: 200; border-radius: 40px; background: #fff; /*border:2px solid #EE4444;*/ background:url(/static/img/orig/2022_0701best_index_images_idxKSbg.png) no-repeat;padding:2px 0; } 
.ks-input { overflow: hidden; zoom: 1; position: relative; *height: 36px;}

.ks-input input { height: 36px; float: left; zoom: 1; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; }

.ks-input .ks-q { width: 470px; height: 28px; line-height: 28px; margin: 4px 0 4px 20px; color: #666; border: none; background: #fff; font-size:14px;}
.fix-nav-box .ks-input .ks-q{width:510px;}
.ks-input .ks-submit { width: 68px; height:40px; cursor: pointer; border: none; position: absolute; top: -1px; right: -1px;background: url(/static/img/orig/2022_0701best_index_images_idxSearchIcon.png) no-repeat center 10px; border-top-right-radius:40px; border-bottom-right-radius:40px; padding: 0; }

.ks-input .focus { color: #333; }

::-webkit-input-placeholder { /* Edge */
  color: #ccc
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #ccc
}

::placeholder {
  color: #ccc
}

.ks-info { position: absolute; bottom: -2px; left: 22px; width: 600px; overflow: hidden;  }

.ks-info a,.ks-info .ts{ position: relative; z-index: 9; display: inline-block; border-radius: 10px; height: 20px; color: #666; margin-right:10px; font-size: 12px; vertical-align: middle; letter-spacing: 1px;}

.ks-info a:hover { color: #e44; }

.ks-focus .ks-info { display: none; }

.ks-focus .ks-q { width: 170px; overflow: hidden; }

.ks-pop { display: none; position: absolute; width: 490px; background-color: #fff; z-index: 999; left: 0; top: 48px; }

.ks-pop ul { border: 1px solid #e5e5e5; position: relative; zoom: 1; z-index: 2; padding: 10px 0; }

.ks-pop li { height: 30px; line-height: 30px; padding: 0 20px; overflow: hidden; vertical-align: middle; font-size: 14px; cursor: pointer; text-align: right; color: #999; }

.ks-pop li.hover, .ks-pop li:hover { background-color: #f8f8f8; }

.ks-pop .resulttitle { float: left; display: inline; color: #333; }

.ks-pop .icon-tragl { display: none; }

/*头部导航*/
.nav-wrap {float: left;width: 600px;/* display: flex; *//* justify-content: flex-start; */height: 40px;padding-top: 0px;}

.nav-wrap .item { float: left; margin-right: 29px; cursor: pointer;}

.nav-wrap .index { margin-left: 15px; }

.nav-wrap .item, .nav-sub{ color: #333; text-align: center; font: 18px/45px Microsoft Yahei,tahoma,HELVETICA; line-height: 75px; }

.nav-wrap .item:hover, .nav-wrap .current { color: #e44; }

.nav-sub { display: block; background-color: #333; height: 45px; color: #fff; text-align: left; padding-left: 25px; cursor: pointer; width: 138px; float: left; position: relative; }

.nav-sub .icon-line { width: 14px; height: 14px; background-position: 0 -49px; position: absolute; left: 0; top: 16px; overflow: hidden; }

.nav-sub:hover .icon-line { background-position: 0 -62px; }

.nav-sub .icon-tria { width: 17px; height: 9px; background-position: -31px -250px; position: absolute; left: 50%; top: 38px; overflow: hidden; margin-left: -48px; display: none; }

.nb-bltg{margin-left: 5px;padding-left: 23px;color: #e44;cursor: pointer;}
.nb-bltg .icon{background:url(/static/img/orig/2017_best_img_sprite.png) -456px -21px no-repeat;position: absolute;width: 17px;height: 17px;left: 0;top: 6px;}
.navibar .nb-bltg .nb-arrow{background:url(/static/img/orig/2017_best_img_sprite.png) -455px -40px no-repeat;}
html:root .navibar .nb-info .nb-tit-hover.nb-bltg .nb-arrow{background-position: -455px -45px;}
body .navibar .nb-findUs{margin-right: 0;}


/*固定导航*/
.fix-nav-box{
    height: 150px;
}
body .before-fix{
    background: #fff;height: 90px; position: fixed; top: 0; left: 0; z-index: 1000; width: 100%;box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.1); -webkit-transition: height .2s linear;-o-transition: height .2s linear;transition: height .2s linear;
    
}
body .fix-nav-show {
	 -moz-transition: transform 500ms cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: transform 500ms cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transition: transform 500ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 500ms cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
body .fix-nav-hide{
	-moz-transition: transform 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-transition: transform 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -webkit-transition: transform 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: transform 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -moz-transform: translateY(-91px);
    -ms-transform: translateY(-91px);
    -webkit-transform: translateY(-91px);
    transform: translateY(-91px);
    top:-90px\9;
}

.before-fix .nav-search{width:150px;}
.nav-box .active-ks .nav-ks-box{width:130px;} 


/* 20221108--找券入口 */
.enter-zq{display:block;width:94px; height:40px; background:url('/static/img/orig/2022_1101best_findcoupons_pc_images_zqbg1.png') no-repeat; position:absolute; top:22px; right:50px;}
.enter-zq .new-icon{display:block; width:36px; height:20px; background:url('/static/img/orig/2022_1101best_findcoupons_pc_images_newIcon1.png') no-repeat; position:absolute; top:-9px; right:-10px;-webkit-animation: pulse 4s linear 0s infinite;animation: pulse 4s linear 0s infinite;}
@-webkit-keyframes pulse {
0% {
-webkit-transform: scale3d(0, 0, 0);
transform: scale3d(0, 0, 0);
}
10% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}

50% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
90% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}

100% {
-webkit-transform: scale3d(0, 0, 0);
transform: scale3d(0, 0, 0);
}
}

@keyframes pulse {
0% {
-webkit-transform: scale3d(0, 0, 0);
transform: scale3d(0, 0, 0);
}

10% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}

50% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
90% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}

100% {
-webkit-transform: scale3d(0, 0, 0);
transform: scale3d(0, 0, 0);
}
} 
.f-gray{color:#999!important}
body .navibar-la{padding-left: 0;}
a:hover{text-decoration: none;}
/*退出弹窗*/
.logOut-popup .hd{display: none;}
.logOut-popup .bd p{font-size: 20px;padding: 35px 0 25px;}

.expand .ex-wx .ex-bubble-bd .item {
    margin: 0;
    padding: 0 0 0 27px;
}

.ex-bubble-bd .item{float:left;margin:23px 12px}


body .fix-nav {
    overflow: visible;
    height: 50px;
}

body .before-fix {
    box-shadow: 0 1px 6px 0 rgba(0,0,0,.1);
}

.fix-nav .logo {
    width: 88px;
    height: 42px;
    background-position: -386px -147px;
    margin: 4px 30px 7px 0;
    position: static;
}

.header .header-wrap {
    position: relative;
}

.fix-nav .nav-wrap a, 
.fix-nav .nav-sub {
    line-height: 50px;
    font-size: 16px;
}

.fix-nav .nav-wrap a {
    margin-right: 0px;
}

.fix-nav .ks {
    float: left;
}

.fix-nav .ks {
    margin-top: 10px;
    width: 353px;
    height: 32px;
}

.fix-nav .ks-info {
    top: 4px;
}

.fix-nav .ks-input .ks-q {
    width: 130px;
    margin-top: 3px;
}

.fix-nav .ks-input .ks-submit {
    height: 32px;
    background-position: -550px -78px;
}

.bl-box {
    top: 1px;
    height: 50px;
    width: 148px;
    background-position: -192px 0;
    position: relative;
    position: absolute;
    right: -30px;
    font-size: 14px;
    display: none;
}

.fix-nav .bl-box {
    cursor: pointer;
    margin-right: 0;
    background: none;
    width: 80px;
    padding-right: 20px;
    /* margin-right: 10px; */
    text-align: right;
    right: 0;
    display: block;
}


/** side-bar(侧边栏) **/

.side-bar-box{ position:fixed;bottom:110px; right:10px;margin-right:0px; width: 108px; padding-bottom: 0px; border-radius:0; z-index: 999;}
.side-bar-box .expand{margin-top:0px;}
.side-bar-fix{position: fixed;right: 10px;margin: 0;}
.side-bar-fix380{position: fixed; margin-right: -870px;}
body .before-right-380{
	position: fixed; right:10px;margin-right:0px;visibility: hidden;opacity: 0;
}
body .side-right-380{
	-webkit-transition: opacity .4s linear;-o-transition: opacity .4s linear;transition: opacity .4s linear;
	visibility: visible;
	opacity: 1;
    margin-right: 0px;
}
body .before-fixRight{
	position: fixed;
	visibility: hidden;
	right: 0px;
	margin-right: -55px;
	
}
body .side-fixRight{
	-webkit-transition: margin .4s linear;-o-transition: margin .4s linear;transition: margin .4s linear;
	visibility: visible;
	right: 10px;
    margin-right: 0;
}
.side-bar-box .icon, .side-bar-box .icon-popu, .side-bar-box .icon-add { background: url(/static/img/orig/2017_best_img_sprite.png) 0 0 no-repeat; }

.side-bar-box .user-block { width: 45px; height: 45px; margin-top: 10px; margin-left: 5px; *margin-left: 0; position: relative; display: block; }

.side-bar-box .user-block > a { display: block; width: 45px; height: 45px; border-radius: 45px; overflow: hidden; zoom: 1; position: relative; }

.side-bar-box .user-block img { width: 100%; height: 100%; border-radius: 50%; }

.side-bar-box .user-block:hover .mask { display: block; }

.side-bar-box .user-block .mask { display: none; position: absolute; background: rgba(0, 0, 0, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#78000000,endColorstr=#78000000); top: 0; left: 0; width: 25px; padding: 8px 10px; height: 29px; border-radius: 100%; overflow: hidden; color: #fff; font-size: 12px; line-height: 15px; }

.side-bar-box .user-block .news-tips {display: none; position: absolute; width: 18px; height: 18px; top: -5px; right: -2px; background: url(/static/img/orig/2017_best_img_sprite.png) -409px -32px no-repeat; color: #fff; font-family: "Arial"; font-size: 12px; line-height: 20px; }



/* 透明标题 IE8 gradient滤镜有问题 */
.title-alpha {width: 100%; height:30px;font: 14px/30px Microsoft Yahei,tahoma,HELVETICA;overflow:hidden;text-align:center;color: #fff; position:absolute; left: 0; bottom: 0; background:rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#78000000,endColorstr=#78000000);}
a:hover .title-alpha {background:rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#78000000,endColorstr=#78000000); text-decoration:underline; color: #fff; text-decoration:none;}
:root .title-alpha {filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#00ffffff, endColorStr=#00ffffff);} 
/*优惠券按钮*/
.art-stat{width: auto;max-width: 270px;}
.art-coupon{margin-right:10px;width: auto!important;}
.art-coupon .coupon-btn{color: #fff;background: #ffb400;border-color: #ffb400;width: auto!important;padding: 0 15px!important;}
.art-coupon .coupon-btn>i{display: none;}
.coupon-btn:hover{background: #f9aa00;}

/** 设置全局清浮 **/
.area:after,.box .hd:after{content:"\20";clear:both;height:0;display:block;overflow:hidden;}
.area{zoom:1;}
.box .hd{zoom:1;}



/* 置顶 */
.list-headtopic {margin-bottom: 10px;}
.list-headtopic li {height: 55px;line-height: 55px;margin-bottom:10px;background-color: #f8f8f8;font-size: 18px; }
.list-headtopic li .tag {height: 23px;line-height: 23px;padding:0 8px;margin:0 15px 0 10px; font-size: 14px;border:1px solid #e44;color: #e44;border-radius: 3px;display: inline-block;}

/* 删除线 */
.strike,.strike:hover {text-decoration:line-through;}


/*右侧电商活动相关*/
#JfbWrap{zoom:1;clear:both;}
#JfixBox{width:270px; background:#fff;overflow:hidden;zoom:1;}
.fix{margin-bottom: 0px; position: fixed; bottom: 0; _position: absolute; _top:expression(documentElement.scrollTop- this.clientHeight + 'px');zoom:1;}
.fix-btm { position: relative; zoom: 1; }
.fix-top {position: fixed; _position: absolute; top: 50px; _top: expression(documentElement.scrollTop + 50 + 'px');z-index: 9;}
.fix-top .side-box{margin-bottom: 0;}

/* 24小时排行 */
.act-rank li .blk-img {padding: 20px 0 20px 23px;position:relative;}
.act-rank li .blk-img em {position:absolute;left: 0;top: 40px;font-size:14px;color: #ee4444;}
.act-rank .title,.act-rank .sub{width: 150px;}
.act-rank .sub{padding-top: 6px;}
.act-rank .img-area{margin-right:15px;}


.no-paddingtTB .bd{padding: 0 15px;}


.area{zoom:1;}
.box .hd{zoom:1;}
.blk-img {display:block;position:relative;zoom:1;overflow:hidden;}
body ..navibar-la{padding-left: 0;}



/* 广告 */
.ivy {overflow:hidden;zoom:1;}
.ivy img,.ivy iframe,.ivy object,.ivy embed { display:block;margin-bottom: 10px;}
.ivy a>img{width: 270px;height: 265px;}
.tonglan-db{width:1200px;margin:0 auto;text-align:center;background: #fff;}
.tonglan-db img,.tonglan-db embed,.tonglan-db object,.tonglan-db iframe{vertical-align:top;display:inline-block;margin-bottom:5px;}
/*2017双十一红包入口*/
.small-red{display:none}
.small-red{position:fixed;left:50%;bottom:50px;margin-left:-710px;width:115px;height:115px}
.small-red img{width:115px;height:115px;z-index:99}
/*art-focus.css*/


/*面包屑 art-sub-nav.css*/
.tips{width:100%; height:42px; line-height:38px;background:#f5f5f5;}
.tips-wrap{width:1200px;margin: 0 auto}
.tips-left{float: left;}
.tips-left .icon-dot{width:3px;height:3px;line-height:3px;font-size:0;float:left; margin:24px 0 0 0;background:#e44;}
.tips-link{float: left; color: #999}
.tips-link a{margin:0 5px;}
.tips-link .nolink{padding-left: 5px;}
.tips-right{float: right;}
.tips-time{ float: right;padding-right:24px;}
.tips-nc{float: right;}         




.cate{display: none;}    
.col-810 {width: 810px; margin: 0 20px 0 0}
.art-sidebar{ padding:0; }
.box-yh{background:#fafafa;}
.box-yh .bd{padding-top: 0;}
/*文章通用 覆盖样式*/
.wrap{background:#fff;width:100%;text-align:left;}
.art-pic img{width: 320px;height:320px;display: block;object-fit: cover;}
.art-wrap{height: 264px; overflow: visible;}
.art-con-des{border-top:1px solid #ececec;padding: 30px 0px 0 0px;}
.art-con{padding-top: 18px;background: #fff;padding: 0 30px;border-bottom: 10px solid #f8f8f8;}
.art-con p{ margin-bottom: 16px;}
.art-hd .title {height: 56px;display: block;overflow: hidden;}
.art-hd .title .red{color: #e44;}
.art-focus .art-tools{width:440px;padding-right: 0;}
body .side-fixRight{ position: fixed;}
.box-art .hd{width:790px;border:none;border-bottom:1px solid #ececec;}
.box-art .hd-wrap{padding: 0 10px 0 0;}

.expand { margin-top: 15px; width:108px;}

.expand .icon-txt { display: none; padding: 11px 10px; width: 35px; font-size: 12px; line-height: 16px; color: #151515; }

.expand li { position: relative; height: 55px; }

.expand li:hover .ex-bubble-bd { display: block; }

.expand .ex-icon { width:106px; height:40px; position: absolute; cursor: pointer; *left: 0; border:1px solid #e44; background-color: #fff; }

.expand .ex-icon:hover .icon-popu { display: block; }

.expand .ex-icon:hover .icon-txt { display: block; }

.expand .icon-popu { display: block; position: relative; width: 20px; height:11px; top: 15px;  *left: 0;  background: url(/static/img/orig/zt_gz20221128bestjx_pc_images_topIcon.png) no-repeat; margin:0 auto;}


.expand .ex-xy .icon-popu { background-position: -320px -55px; }

.expand .ex-xy .icon-txt { padding: 19px 5px; width: 45px; *height: 55px; }

.expand .ex-wx .icon-popu { background-position: -348px -55px; }

.expand .ex-wx .ex-bubble-bd { height: 176px; width: 293px; padding: 0 20px; top: -60px; }

.expand .ex-wx .ex-bubble-bd .item { margin: 0; padding: 0 0 0 30px; }

.expand .ex-wx .ex-bubble-bd .item:first-child { padding-left: 0; padding-right: 30px; border-right: 1px solid #ececec; }

.expand .ex-wb .icon-popu { background-position: -376px -55px; }

.expand .ex-wb .ex-bubble-bd { height: 181px; width: 148px; padding: 0; top: -66px; }

.expand .ex-wb .ex-bubble-bd .btn { margin-left: 10px; height: 22px; line-height: 22px; width: 31px; padding-left: 20px; text-align: left; position: relative; }

.expand .ex-wb .ex-bubble-bd .btn:hover .icon-add { background-position: -361px -39px; }

.expand .ex-wb .ex-bubble-bd .icon-add { width: 10px; height: 10px; background-position: -326px -39px; position: absolute; left: 6px; top: 6px; }

.ex-wb .ex-bubble-bd .ex-drop-wrap img{margin-bottom: 15px;}

.expand .ex-app .icon-popu { background-position: -404px -55px; }

.expand .ex-app .ex-bubble-bd { height: 176px; width: 153px; padding: 0; top: -60px; }

.expand .ex-mail .icon-popu { background-position: -432px -55px; }

.expand .ex-mail .advice-icon { background-position: -434px -84px; }

.expand .ex-mail .mail-icon { background-position: -491px -84px; }

.expand .ex-reflesh { margin-top: 24px; }

.expand .ex-reflesh .icon-popu { width: 25px; background-position: -460px -55px; }

.expand .ex-goTop{display: none;}
/* 
.expand .ex-goTop .icon-popu { width: 29px; height: 29px; background-position: -491px -51px; } */

.expand .tool-block .ex-icon { position: relative; }

.expand .tool-block .ex-bl { position: absolute; left: 0; bottom: -65px; background: #fafafa; }

.expand .tool-block .ex-bl .icon-txt { display: block; }

.expand .tool-block .ex-bl .tg-icon { background-position: -377px -84px; }

.expand .tool-block .ex-bl .bl-icon { background-position: -320px -84px; }

.expand .tool-block .ex-bl:hover .ex-bubble-bd { display: block; }

.ex-bubble-bd { position: absolute; z-index: 9; display: none; height: 116px; border: 1px solid #ececec; box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1); background: #fff; right: 55px; top: -30px; width: 170px; padding-left: 10px; border-radius: 4px; }

.ex-bubble-bd > .icon { width: 6px; height: 8px; top: 50%; margin-top: -4px; right: -6px; position: absolute; background-position: -353px -40px; }

.ex-bubble-bd .item { float: left; margin: 23px 13px; }

.ex-bubble-bd .item .icon { display: inline-block; width: 55px; height: 55px; }

.ex-bubble-bd .ex-drop-wrap { margin-top: 20px; }

.ex-bubble-bd .ex-drop-wrap img { display: inline-block; margin-bottom: 5px; }

.side-bar-box .nav-right{width:106px; border:1px solid #EE4444; margin-bottom:10px; border-radius:4px; }
.side-bar-box .nav-right .item{display: block; height:35px; line-height:35px; font-size:14px; color:#333; text-align: center; position: relative; background:#fff;}
.side-bar-box .nav-right .item:last-child{margin-bottom:0;}
.side-bar-box .nav-right .item::before{content:''; width:10px; height:14px; background: url(/static/img/orig/zt_gz20221128bestjx_pc_images_icon1.png) no-repeat; ; display: none; margin-right:5px; vertical-align: text-top; margin-top:2px;}
.side-bar-box .nav-right .item.cur,.side-bar-box .nav-right .item:hover{background-color:#EE4444; color:#fff; }
.side-bar-box .nav-right .item.cur::before,.side-bar-box .nav-right .item:hover::before{display:inline-block;}






.tips-bubble { background: #f37c7c; height: 22px; line-height: 22px; padding-right: 8px; padding-left: 20px; position: absolute; top: 16px; right: 55px; white-space: nowrap; border-radius: 3px; z-index: 99; }

.tips-bubble .tips-close { width: 9px; height: 9px; position: absolute; top: 7px; left: 7px; background: url(/static/img/orig/2017_best_img_sprite.png) -342px -40px no-repeat; cursor: pointer; }

.tips-bubble a { color: #fff; font-size: 12px; }

.tips-bubble .right-ag { border-right: 5px solid transparent; border-left: 5px solid #f37c7c; border-top: 4px solid transparent; border-bottom: 4px solid transparent; position: absolute; right: -10px; top: 7px; width: 0; height: 0; right: -9px\9; }

.tips-bubble .left-ag { border-left: 5px solid transparent; border-right: 5px solid #f37c7c; border-top: 4px solid transparent; border-bottom: 4px solid transparent; position: absolute; left: -10px; top: 7px; width: 0; height: 0; }

   

.fix-nav .navImgItem{margin-top:0px!important}
.statement{width:100%; line-height: 24px; font-size:12px; color:#999; margin-bottom:10px;}
.logOut{margin-right:0px!important;}
/*  */

.wraper{ margin-bottom:20px; width:1200px;}
.content-main{padding-bottom:40px;}
.cont-title{height:50px; padding-left:15px; line-height:50px; font-size:24px; color:#333;position: relative; border-bottom:1px solid #eee; margin-bottom:40px;}
.cont-title::before{content:''; display: block; width:3px; height:23px; background-color: #EE4444; position: absolute; top:50%; margin-top:-11px; left:0;}
.content-main .info-box{padding:0 40px; text-align: center; margin-bottom:30px;color: #333;}
.content-main .info-box .tit{display: block;height:30px;line-height: 30px;font-size:24px;font-weight: bold;margin-bottom: 20px;}
.content-main .info-box .ts{height:30px;line-height:30px;font-size:18px;margin-bottom: 30px;}
.content-main .info-box .ts strong{font-weight: bold;}
.content-main .info-box .legend{height:80px; overflow: hidden;}
.content-main .info-box .legend strong{width:90px;height:80px;float: left;line-height:50px;font-size:18px;margin-left: 235px;margin-right: 30px;font-weight: normal;}
.content-main .info-box .legend .icons{width:500px;height:80px;text-align: center;float: left;}
.content-main .info-box .legend .item{display: inline-block; width:110px; height:30px; padding-top:50px; line-height:30px; font-size:14px; color: #333; overflow: hidden; position: relative; float: left;}
.content-main .info-box .legend .item::before{content:''; display: block; width:50px; height:50px; position: absolute; top:0; left:50%; margin-left:-25px;}
.content-main .info-box .legend .item1::before{
    background: url(/static/img/orig/2022_1101best_findcoupons_pc_images_linkIcon.png) no-repeat;
}
.content-main .info-box .legend .item2::before{
    background: url(/static/img/orig/2022_1101best_findcoupons_pc_images_dnIcon.png) no-repeat;
}
.content-main .info-box .legend .item3::before{
    background: url(/static/img/orig/2022_1101best_findcoupons_pc_images_queIcon.png) no-repeat;
}
.content-main .info-box .legend .next{display: inline-block;width:40px;height:14px;background: url(/static/img/orig/2022_1101best_findcoupons_pc_images_nextIcon.png) no-repeat;margin: 20px;float: left;}
.content-main .submit-link-box{padding:0 40px; height:170px; margin-bottom:15px;}
.content-main .submit-link-box .link-box{width:1000px; height:50px;padding:15px 20px; background:#F7F7F7; border-radius: 3px; font-size:16px; line-height:25px; overflow: hidden; color:#333; margin-bottom:30px; border:none}
.content-main .submit-link-box .btn-submit{display: block; width:240px; height:50px; background:#EE4444; border-radius: 3px; line-height:50px; font-size:18px; font-weight: bold; color:#fff; text-align: center; margin:0 auto; cursor: pointer; letter-spacing: 2px;}
.content-main .no-data{height:160px; text-align: center; padding:20px 0; display: none;}
.content-main .no-data .img-icon{display: block; width:140px; height:106px; background: url(/static/img/orig/2022_1101best_findcoupons_pc_images_noDataPic.png) no-repeat; margin:0 auto; margin-bottom:24px;}
.content-main .no-data p{height:60px; line-height:25px; font-size:16px;color:#999;}
.content-main .pros-list{ padding:20px 40px; display:none;}
.content-main .pros-list .pro{ width:1040px; height:190px; padding:20px 0;border-top:1px solid #eee;}
.content-main .pros-list .img{float: left; width:190px; height:190px;}
.content-main .pros-list .txt{float: right;width: 825px;height:190px;}
.content-main .pros-list .tags,.content-main .pros-list .tit,.content-main .pros-list .price,.content-main .pros-list .other,.content-main .pros-list .btn-buy{display: block;}
.content-main .pros-list .tags{height:20px; line-height:20px; margin-bottom:8px; font-size:12px; color: #999;}
.content-main .pros-list .tags span{margin-right:15px;}
.content-main .pros-list .tit{height:30px; line-height:30px; font-size:18px; color:#333; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.content-main .pros-list .price{height:26px;line-height:26px;font-size:18px;color: #EE4444;margin-bottom: 15px;}
.content-main .pros-list .coupons{height:55px;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; margin-bottom:8px;}
.content-main .pros-list .coupons a{display:inline-block; height:20px;line-height:21px; font-size: 14px; color:#EE4444; border:1px solid #EE4444; border-radius:3px; padding:0 17px 0 10px; margin:0 8px 8px 0; position: relative; background:#fff; cursor: pointer; }
.content-main .pros-list .coupons a:hover{background:#FFDEDF}
.content-main .pros-list .coupons a::after{content:'';display:block;width:5px; height:9px;background: url(/static/img/orig/2022_0701best_detail_images_dtyIconR.png) no-repeat; position: absolute;
right: 7px;top: 50%;margin-top: -4.5px;}
.content-main .pros-list .other{height:35px; line-height:35px;}
.content-main .pros-list .store{float: left; width:500px; padding-left:20px; font-size:14px; color:#999; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; position: relative;}
.content-main .pros-list .store::before{content:''; display: block; width:16px; height:14px; background: url(/static/img/orig/2022_1101best_findcoupons_pc_images_storeIcon.png) no-repeat; position: absolute; left:0; top:50%; margin-top:-7px;}
.content-main .pros-list .btn-buy{width:90px;height:35px;border-radius: 3px;background:#EE4444;font-size:14px;color: #fff;text-indent: 20px;position: relative;float: right;}
.content-main .pros-list .btn-buy::after{content: '';display: block;width:6px;height:11px;background: url(/static/img/orig/2022_1101best_findcoupons_pc_images_goIcon.png) no-repeat;position: absolute;right: 18px;top:50%;margin-top:-5px;}
.content-main .pros-list .no-que .tags{margin-top:30px;}
.content-main .submit-link-box .btn-submit:hover,.content-main .pros-list .btn-buy:hover{background:#f21111;}


.banner{width:100%; height:350px; margin-bottom:50px; position: relative;}
.banner p{width:1000px; height:30px; line-height: 30px; text-align: center; font-size:28px; color:#fff; letter-spacing: 8px; position: absolute; top:160px;left:50%; margin-left:-500px;}
.banner p span{display: inline-block; width:50px;}

.fix-nav-box{height:146px;}
.wraper{width:1200px;margin:0 auto;}

.area1{background: url(/static/img/orig/2023_best_jingxuan_pc_img_area1bg.png) no-repeat center bottom; margin-bottom:60px;}
.area1 .title{width:420px; height:32px; background: url(/static/img/orig/2023_best_jingxuan_pc_img_title1.png) no-repeat; margin:0 auto; margin-bottom: 60px;}
.area1 .hb-box{height:120px; overflow: hidden;}
.area1 .hb-box .link{float: left;width:550px; height:100px; margin:0 15px;}
.area1 .hb-box .link img{display:block;width:550px; height:100px;}
.area1 .hb-box .link:first-of-type{margin-left:35px;}


.area2{background: url(/static/img/orig/2023_best_jingxuan_pc_img_area2bg.png) no-repeat center bottom; margin-bottom:53px; overflow:hidden;}
.area2 .title{width:442px; height:33px; background: url(/static/img/orig/2023_best_jingxuan_pc_img_title2.png) no-repeat; margin:0 auto; margin-bottom: 60px;}
.area2 .tab-1{width:1118px; height:196px; margin:0 auto;margin-bottom:20px;}
.area2 .pannel{width:1118px; height:196px;}
.area2 .pros-mod{height:196px; margin-right: -10px; overflow: hidden;}
.area2 .pros-mod .pro{float: left; width:330px; height:178px; position: relative; border-radius:10px; background-image: linear-gradient(180deg, #FDECEC 0%, #FFFFFF 40%); margin-right: 10px; padding:18px 18px 0 18px;}
.area2 .pros-mod img{float: left; width:120px; height: 120px;}
.area2 .pros-mod .txt{width:194px; height:120px; float: right;}
.area2 .pros-mod em{display: block;}
.area2 .pros-mod .name{display: block; height:25px; line-height: 25px; font-size: 18px; color:#333; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;margin-bottom:7px;}
.area2 .pros-mod .tags{height: 20px; overflow: hidden; margin-bottom:7px;}
.area2 .pros-mod .tag{display: inline-block; padding:0 10px;line-height: 20px; background-color:#FDECEC; border-radius: 20px;font-size:12px; color:#FF4E40;margin-right: 10px; white-space: nowrap;}
.area2 .pros-mod .info{width:194px; height: 30px; margin:0 auto; margin-bottom:7px; position: relative; background: url(/static/img/orig/2023_best_jingxuan_pc_img_jiangjia.png) no-repeat;}
.area2 .pros-mod .info span{width:100px; height:20px; line-height: 20px; font-size: 14px; color:#FF4E40; text-align: center; position: absolute; top:0; left:50%; margin-left:-50px;}
.area2 .pros-mod .other{height: 24px; line-height: 24px; overflow: hidden;}
.area2 .pros-mod .price-box{float: left; width:115px;text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.area2 .pros-mod .new{color:#FF4E40; margin-right:6px; font-size: 14px;}
.area2 .pros-mod .new b{font-size:20px;}
.area2 .pros-mod .old{font-size: 12px; color:#999; text-decoration: line-through;}
.area2 .pros-mod .buy-btn{float: right; width:70px; height:24px;background-image: linear-gradient(112deg, #FF7B41 0%, #FA3800 100%);
border-radius: 11px; font-size:14px; color:#fff; text-align: center; }
.area2 .pros-mod .points{width:330px; height:36px; padding:0 18px; border-radius: 0 0 10px 10px; background:#FFF7EF; font-size:14px; line-height: 36px; color:#B27639; overflow: hidden; position: absolute;bottom:0; left:0;}
.area2 .tab-ctrl-1{height:52px; text-align: center;overflow: hidden; }
.area2 .tab-ctrl-1 li{display: inline-block; width:22px; height:22px; line-height: 22px; font-size:12px; color:#fff; background:rgba(255,255,255,.3); border-radius: 22px; margin:0 4px;cursor: pointer;}
.area2 .tab-ctrl-1 .current{background: #fff; color:#FB3F06;}


.area3{background:url(/static/img/orig/2023_best_jingxuan_pc_img_prosbg1.png) no-repeat center 105px; margin-bottom:53px; overflow:hidden;}
.area3 .wraper{background-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 30%,#FF4D40 50%) ; width:1160px; position: relative;}
.area3 .wraper::after{content: '';display: block; width:1360px; height:61px; background: url(/static/img/orig/2023_best_jingxuan_pc_img_prosbg3.png) no-repeat; background-size: 1360px; position: absolute; bottom:-1px; left:50%; margin-left:-680px; z-index: 100;}

.wraper .tab-nav-box{height:56px; text-align: center;margin-bottom:20px;}
.wraper .tab-nav-box .nav-item{width:170px; height:56px;border-radius: 56px;background-image: linear-gradient(108deg, #FF9D00 0%, #FF833E 100%); font-size: 22px; line-height: 56px; color:#fff; margin:0 5px; display: inline-block;}
.wraper .tab-nav-box .nav-item.cur,.wraper .tab-nav-box .nav-item:hover{color:#fff; font-weight: bold;font-size: 26px;background-image: linear-gradient(154deg, #FF8C8B 0%, #FF694A 49%, #FF4D40 100%); width:200px; position: relative; }
.wraper .tab-nav-box .nav-item.cur::after,.wraper .tab-nav-box .nav-item:hover::after{content:'';display: block; width:22px; height: 9px;background: url(/static/img/orig/2023_best_jingxuan_pc_img_icon.png) no-repeat; position: absolute; bottom:-8px;left:50%; margin-left:-11px;}

.area3 .tab-ctrl-2{width:860px; height:44px; background: url(/static/img/orig/2023_best_jingxuan_pc_img_tabNabBg.png) no-repeat;margin:0 auto;margin-bottom:30px; text-align: center; padding-top: 13px; }
.area3 .tab-ctrl-2 li{display: inline-block; line-height: 25px; font-size:18px; color:#333333; margin:0 20px; position: relative; cursor: pointer;}
.area3 .tab-ctrl-2 .current,.area3 .tab-ctrl-2 li:hover{color:#FF4E40; font-weight: bold; padding-left:15px;}
.area3 .tab-ctrl-2 .current::after,.area3 .tab-ctrl-2 li:hover::after{content:'';display: block; width:6px; height: 6px; border-radius: 100%; background: #FF4E40; position: absolute;left:0; top:50%; margin-top:-3px;}


.wraper .tab-pannel{width:1118px;min-height:1100px;margin:0 auto;}
.wraper .pros-list .list-box{margin-right:-10px; overflow: hidden;;}
.wraper .pros-list .pro{float: left; width:154px; height:314px; background: #fff; border-radius:10px; padding:12px; margin-right:10px; margin-bottom:10px;}
.wraper .list-box .img{display: block; width:154px; height:154px;margin-bottom:15px;}
.wraper .list-box .tit{display: block; height:44px; line-height:22px; font-size:14px;color:#333; overflow: hidden; margin-bottom:9px;}
.wraper .list-box .tags{height: 20px; overflow: hidden; margin-bottom:9px; display: block;}
.wraper .list-box .tag{display: inline-block; padding:0 10px;line-height: 20px; background-color:#FDECEC; border-radius: 20px;font-size:12px; color:#FF4E40;margin-right: 10px; white-space: nowrap;}
.wraper .list-box .info{display: block;height:21px; line-height:21px; overflow: hidden; margin-bottom: 10px;text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.wraper .list-box .price{font-size:16px; color:#EE4444; margin-right:5px; float: left;}
.wraper .list-box .mxWidth{max-width:125px;}
.wraper .list-box .old-price{ font-size:12px; color:#999; text-decoration: line-through; float: left; }
.wraper .list-box .buy-btn{ display:block; width:154px; height:25px; background-image: linear-gradient(97deg, #FF694A 0%, #FF4D40 100%);border-radius: 4px;font-size:14px; color:#fff; text-align: center; border-radius:4px;}