@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-color:#f5f5f5;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 */



 .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: 101px;background: #fff;/* overflow: hidden; */ margin-bottom:0px;padding-top:15px;}



.header .logo { width: 167px; height: 46px; margin: 20px 45px 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; background-color: #fff;margin-bottom: 200px;display: flex;justify-content: space-between;z-index: 100;border-bottom:1px solid #eee; }

.nav-box.before-fix{padding-top:4px;}

.nav-box .header{height:40px!important;position: relative; padding-top:0;}

.nav-box .user-nav{width: 315px;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,.nav-box .tougao .tag{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 .tougao .tag{padding-left:25px;}

.nav-box .h-icon .tag::after{content:'';display:block;width:9px; height:7px; background:url(/static/img/orig/zt_gz20230113_best_pc_images_sjIconB.png) no-repeat;position: absolute;top: 7px; right:0;}

.nav-box .tougao .tag::after{background:url(/static/img/orig/zt_gz20230113_best_pc_images_sjIconR.png) no-repeat;}

.nav-box .item:hover .tag::after{background: url(/static/img/orig/zt_gz20230113_best_pc_images_sjIconR1.png) no-repeat;}

.nav-box .tougao .tag::before{content:'';display:block;width:17px; height:20px; background:url(/static/img/orig/zt_gz20230113_best_pc_images_tgIcon.png) no-repeat;position: absolute;top:-2px; left:0;}

.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; font-weight: bold;}

.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: 655px;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:601px; margin-top: 10px; zoom: 1; height:70px;  position: relative;}

 .ks-box{width:601px; height:39px; z-index: 200; border-radius: 40px; background: #fff; /*border:2px solid #EE4444;*/ background:url(/static/img/orig/zt_gz20230113_best_pc_images_idxKSbg.png) no-repeat;padding:4px 0; } 

.ks-input { overflow: hidden; zoom: 1; position: relative; *height: 36px;}



.ks-input input { height: 39px; 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:16px;}

.fix-nav-box .ks-input .ks-q{width:510px;}

.ks-input .ks-submit { width: 68px; height:40px; cursor: pointer; border: none; position: absolute; top: 0px; right: -2px;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; height: 20px; color: #666; margin-right:10px; font-size: 12px; vertical-align: middle; letter-spacing: 1px; padding-right:11px;}

.ks-info a::after{content:''; display: block; width:1px; height:12px; background: #eee; position: absolute;right:0; top:7px;}

.ks-info a:last-child::after{display: none;}



.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; margin-left:207px;}

.nav-box.before-fix .nav-wrap{margin-left:0;}



.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:17px; right:110px;}

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

}

}



body .navibar-la{padding-left: 0;}

.font-red{color:#EE4444!important}

.fix-nav-box{

  height: 150px;

  background-color:#fff;

}

/*退出弹窗*/

.logOut{margin-right:0!important}

.logOut-popup .hd{display: none;}

.logOut-popup .bd p{font-size: 20px;padding: 35px 0 25px;}

.side-bar-box { position: absolute;  right: 10px;margin-right: -870px; width: 55px; background: #fff; padding-bottom: 20px; border-radius: 0; z-index: 999;}

.side-bar-fix{position: fixed;right: 0;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;

  display: block;

}

body .before-fixRight{

	position: fixed;

	visibility: hidden;

	right: 0;

	margin-right: -55px;

	

}

body .side-fixRight{

	-webkit-transition: margin .4s linear;-o-transition: margin .4s linear;transition: margin .4s linear;

	visibility: visible;

	right: 0;

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



.expand {/* margin-top: 15px; */}



.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: 55px; height: 55px; position: absolute; cursor: pointer; *left: 0; }



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



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



.expand .icon-popu { display: block; position: relative; width: 28px; height: 25px; top: 15px; left: 13px; *left: 0; }



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



.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: 0; border-bottom:1px solid #f0f0f0; }



.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: -75px; 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; }



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



/* 邮箱弹窗 */

body .side-mail-popup .popup-wrap { padding: 0 0 5px; }



body .side-mail-popup .hd { display: block; height: 50px; border-bottom: 1px solid #ececec; }



body .side-mail-popup .hd .close { display: none; }



/*body .side-mail-popup .hd .mark { display: block; height: 50px; line-height: 50px; margin-left: 15px; font-size: 20px; }*/



body .side-mail-popup .hd .mark { display: block; font-size: 20px; }



body .side-mail-popup .bd { padding: 24px 25px 30px; }



body .side-mail-popup .btn-wrap .btn { width: 140px; background: #383838; border-color: #383838; }



body .side-mail-popup .btn-wrap .btn:hover { background: #151515; border-color: #151515; }



body .side-mail-popup .mail-bd { font-size: 14px; line-height: 24px; color: #999; text-align: left; }



body .side-mail-popup .mail-red { color: #e44; font-size: 18px; line-height: 55px; }



body .side-mail-popup .icon { display: block; margin: 0 auto; width: 55px; height: 55px; background: url(/static/img/orig/2017_best_img_sprite.png) -491px -84px no-repeat; }

 

.side-bar-box {position: absolute;bottom:110px;right:20px;margin-right:0px;width: 55px;background: #fff;/* padding-bottom: 20px; */ border-radius:0;z-index: 998; display: none; margin-top:0px;}

.before-fixRight{display: block;}



.side-bar-fix{position: fixed;right: 0;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: 0;

	margin-right: -55px;

	

}

.goTop-show{display: block;}

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



.expand {/* margin-top: 15px; */}



.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: 55px; height: 55px; position: absolute; cursor: pointer; *left: 0; }



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



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



.expand .icon-popu { display: block; position: relative; width: 28px; height: 25px; top: 15px; left: 13px; *left: 0; }



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



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



.expand .ex-goTop{display: block;}



.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: -85px; 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; }



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



/* 邮箱弹窗 */

body .side-mail-popup .popup-wrap { padding: 0 0 5px; }



body .side-mail-popup .hd { display: block; height: 50px; border-bottom: 1px solid #ececec; }



body .side-mail-popup .hd .close { display: none; }



/*body .side-mail-popup .hd .mark { display: block; height: 50px; line-height: 50px; margin-left: 15px; font-size: 20px; }*/



body .side-mail-popup .hd .mark { display: block; font-size: 20px; }



body .side-mail-popup .bd { padding: 24px 25px 30px; }



body .side-mail-popup .btn-wrap .btn { width: 140px; background: #383838; border-color: #383838; }



body .side-mail-popup .btn-wrap .btn:hover { background: #151515; border-color: #151515; }



body .side-mail-popup .mail-bd { font-size: 14px; line-height: 24px; color: #999; text-align: left; }



body .side-mail-popup .mail-red { color: #e44; font-size: 18px; line-height: 55px; }



body .side-mail-popup .icon { display: block; margin: 0 auto; width: 55px; height: 55px; background: url(/static/img/orig/2017_best_img_sprite.png) -491px -84px no-repeat; }

 

/** box(box.css 盒子模型) **/

.side-box {border: none;margin-bottom: 40px;zoom: 1;background: #fff;padding-top: 5px;position: relative;}



.side-box .hd { width: 270px; height: 40px; line-height: 40px; border-bottom: 1px solid #ececec; position: relative; padding-bottom:5px; }



.side-box .hd .mark { height: 40px; line-height: 40px; font-size: 20px; padding-left: 15px; position: relative; }



.side-box .hd .mark .icon { height: 20px; width: 3px; background: #ee4444; position: absolute; left: 0; top: 11px; }



.side-box .hd .mark a:hover { color: #e44; }



.side-box .hd .mask, .side-box .hd .mask a { color: #333; }



.side-box .hd .mark-sub a:hover { color: #e44; }



.side-box .bd { padding: 15px; }



.box-cont .hd {height: 44px;/* width: 100%; */border: none;background: none;border-bottom: 2px solid #ececec;padding: 7px 15px 7px 0;}



.box-cont .hd .mark { float: left; font-size: 24px; line-height: 44px; height: 44px; position: relative; color: #333; padding-left: 35px; font-weight: bold; }



.box-cont .hd .mark span, .box-cont .hd .mark a { float: left; margin-right: 20px; }



.box-cont .hd .mark .icon { height: 24px; top: 10px; width: 7px; background: #ee4444; position: absolute; left: 16px; }



/*(none)*/

/* unit(unit.css 组件) */

.btn em,.icon-tragl,.icon-new, .fast-url, .btn em, .icon-tragl, .tria, .art-qrcode .icon-qrcode,.mini-searchbar .ks-submit,.tab-ranking .tab-ctrl .item .tria,.slide-ranking .prev, .slide-ranking .next,.slide-ranking .medal{background: url(/static/img/orig/2017_best_img_sprite.png) 0 0 no-repeat}

/** btn按钮 **/

.btn {border: 1px solid #e44;border-radius: 4px;display:inline-block;text-align:center;color:#e44;height:28px;line-height:28px;position:relative;font-size:14px;cursor: pointer;}

.btn:hover {color:#fff; background-color:#e44;}

.btn em{width:6px;height:11px;background-position: -186px -140px;font-size:0; line-height:0; overflow:hidden;top:9px;right:34px;position:absolute;

    -webkit-transition:-webkit-transform .2s;

        -o-transition:-o-transform .2s;

        transition:transform .2s;}

.btn:hover em{background-position:-237px -34px; }



.btn-red {background-color:#e44;color:#fff;}

.btn-red:hover {background-color:#f21111;}

.btn-red em,.btn-red:hover em{font-family: Simsun;background-position:-186px -140px;}

.btn-null {background-color: #fff;border-color:#e44;color: #e44;}



.btn-gray, .btn-cancle {background-color:#f4f4f4; color: #fff;border-color:#f4f4f4; }

.btn-gray:hover, .btn-cancle:hover {background-color:#f4f4f4;}



.btn-black {background-color:#383838;color:#fff;border-color: #383838}

.btn-black:hover {background-color:#151515;border-color: #151515}



.btn-blod-gray {background-color:#a2a2a2;color:#fff;border-color: #a2a2a2;cursor: default;}

.btn-blod-gray:hover {background-color:#a2a2a2;border-color: #a2a2a2}



.btn-yellow {background-color:#ffaa00;color:#fff;border-color: #ffaa00}

.btn-yellow:hover {background-color:#ffbb11;border-color: #ffbb11}

/** icon图标 **/

.icon-tragl{width:14px;height:8px;position:absolute;left:50%;margin-left:-7px;background-position:-145px -140px;top:-8px;z-index:3;}

.icon-new {width: 12px;height: 12px;background-position: -161px -140px;display: inline-block;}



/* 透明标题 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; padding-bottom:5px;}



/*焦点图，控制按钮*/

.slide-pic {position: relative;overflow: hidden;}

.slide-pic .prev,.slide-pic .next,.slide-focus-rank .prev,.slide-focus-rank .next{

	position: absolute;

	width: 29px;

	height: 56px;

	background: url(/static/img/orig/2017_best_img_sprite.png);

	top: 50%;

	margin-top: -28px;

	z-index: 9;

	-webkit-transition: all .2s linear;

	-o-transition: all .2s linear;

	transition: all .2s linear;

	opacity: 0.6;

}

.slide-pic .prev:hover,.slide-pic .next:hover,.slide-focus-rank .prev:hover,.slide-focus-rank .next:hover{

	opacity: 1;

}

.slide-pic .prev,.slide-focus-rank .prev{

	background-position: -351px -147px;

	left: -29px;

}

.slide-pic-hover .prev,.slide-focus-rank-hover .prev{

	left: 0;

}

.slide-pic .next,.slide-focus-rank .next{

	background-position: -320px -147px;

	right: -29px;

}

.slide-pic-hover .next{

	right: 0;

}



.box-ranking-list .slide-pic-hover .next,.slide-focus-rank-hover .next{

	right: 0;

}



.loading{

	text-align: center;

}

/* article(article.css 文章模块) */

/*.stick a em,.circle,.art .art-info .mark,.art .art-btn em,.reload .btn em {background: url(/static/img/orig/2015_best_images_bg.png) 0 0 no-repeat;}*/



/* 置顶 */

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





.art:after {content:"\20";clear:both;height:0;display:block;overflow:hidden;}

.art {zoom:1;padding: 20px 0px;border-bottom:1px solid #F4F4F4;position: relative;margin: 0 15px;}

.art-pre a{color:#ff7e2d}

.art-pic,.art-txt{display:inline;float:left;}

.art-pic {width:200px; margin-right:20px;}

.art-txt{width: 590px;}

.art-wrap{min-height: 105px;_height:expression(this.scrollHeight>185?"185px":"auto");overflow: hidden;}



.art-hd {margin-bottom:10px; font:18px/28px Microsoft Yahei,tahoma,HELVETICA; word-break:break-all;}

.art-hd-del{text-decoration: line-through;}

.art-hd-del .circle{text-decoration:none;}

.art .art-info{line-height:35px;height:35px;float: left; }

.art .art-info a, .art .art-info span {margin-right: 10px;font-size:12px; color: #999;float: left;*vertical-align: bottom; margin-right:12px;}

.art .art-info .type{margin-right:30px;}

.art .art-info .fc-blue{padding:0 12px 0 10px; position: relative; color:#333; }

.art .art-info .fc-blue::before{content:'';display: block; width:4px; height:4px; border-radius: 100%; background:#EE4445; position: absolute; top:15px; left:0;}

.art .art-info .fc-blue::after,.art-list .art-stat .btn-like::before{content:''; display: block; width:1px; height:12px; background:#eee; position: absolute; right:0; top:12px;}





.art .art-info a:hover,.art .art-info a:hover span{color: #e44;}

.art .art-info .tag-cati {position: absolute;top: 20px;left: 0px;font-size: 12px;padding: 0 6px;height: 22px;line-height: 22px;color: #fff;text-align: center;}

.tag-0{background: rgba(255, 102, 102, 0.7);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#70ff6666,endColorstr=#70ff6666);}

.tag-1{background: rgba(255, 178, 25, 0.8);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80ffb219,endColorstr=#80ffb219);}

.tag-2{background: rgba(209, 165, 240, 0.8);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80d1a5f0,endColorstr=#80d1a5f0);}

.art-hd .art-info .time {float: right;margin-left: 10px;margin-right: 0;}

.art-hd .title {font-size: 18px;line-height: 28px;white-space: normal;}

.art-hd .title .txt{display:block; max-height:56px;line-height:28px; color:#333; font-weight: bold; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; margin-bottom:12px;}

.art-hd .title .price-box{line-height:24px; color:#f33;margin-bottom: 15px;}

.art-hd .title .price-box .red{margin-right:10px; font-weight: bold;}

.art-hd .title .price-box .red strong{font-size: 18px; font-weight: normal;}

.art-hd .title .price-box .other-price{color:#999;text-decoration:line-through;margin-right:15px;font-size: 14px;}

.art-hd .title .price-box .label{padding: 2px 12px;background:#FDECEC;border-radius: 24px;margin-right: 10px;font-size:14px;color:#EE4445;}

.circle { width: 24px; height: 25px; padding-right: 6px; _padding-right: 3px; float: left; background-position: -210px -92px; text-align: center; position: relative; top: 3px; color: #e44; font:14px/23px Microsoft Yahei,tahoma,HELVETICA;}

a:hover .circle {color: #e44; text-decoration:none;}



/*.art .art-detail {position:relative; z-index: 1;}*/

.art .art-detail{height:46px;margin-bottom: 10px;}

.art .art-pre {float: left;width:440px;height:46px; font: 14px/23px Microsoft Yahei,tahoma,HELVETICA;  color: #999; word-break:break-all;position: relative; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}



/* .art .art-pre img {max-width: 570px; height:auto; _width:expression((this.offsetWidth > 570) ? '570px' : true); display: none}

.art .art-pre a{color: #e44;border-bottom:1px dashed #e44}

.art .art-pre a:hover{color:#e44}

.art .extended .art-pre {width: auto; height: auto; float:none; overflow:visible;}

.art .art-pre span{line-height:24px !important;}

.art .art-pre .btn{display:none;}



.art .art-pre table { border-collapse: collapse;border-spacing: 0;}

.art .art-pre table td{border: solid 1px #333; text-align: center;} */



.art .art-btn { float:left; display:inline; margin-left:530px; padding-right:16px; position:relative; font-size:12px; color: #333;}

.art .art-btn:hover {color: #e44;}

.art .art-btn em {width: 11px; height:6px; background-position:-213px -15px; font-size:0; line-height:0; overflow:hidden; position:absolute; right: 0; top:9px;}

.art .art-btn:hover em {background-position:-213px -23px;}



.art .active em {background-position:-213px -31px;}

.art .active:hover em {background-position:-213px -39px;}





.art-tools:after {content:"\20";clear:both;height:0;display:block;overflow:hidden;}

.art-tools{height:35px;line-height:35px;zoom:1;*position:relative;*z-index: 2; padding-right:5px;}



.art-tools .time{float: right;font-size:12px; color:#999 }



.art-stat {float:left;width:90px;}

.art-stat .btn {height:35px;line-height:35px; margin-right:18px; float:left;padding:0 0 0 21px; position:relative; font-size:12px;border:none;color:#999;}

.art-stat .btn:hover, .art-stat .active {color: #e44;background:none}

.art-stat .btn em {width:15px; height:14px; position:absolute; left:20px; top:9px; font-size:0; line-height:0; overflow:hidden;}

.art-stat .btn i {position:absolute;left:16px; top: 0; display:none; text-align:left;}

.art-stat .btn-clt{margin-right:0;}

.art-stat .btn-like{padding-left:45px;}

.art-stat .btn-like::before{left:0}



.art-stat .btn .ic-like,.art-stat .disabled .ic-like,.art-stat .disabled:hover .ic-like{background-position:0 -140px;}

.art-stat .btn:hover .ic-like {background-position:0 -155px;}

.art-stat .active .ic-like,.art-stat .active:hover .ic-like{background-position:0 -155px;}



.art-stat .btn .ic-dlike,.art-stat .disabled:hover .ic-dlike{background-position:-16px -140px;top:13px;}

.art-stat .btn:hover .ic-dlike {background-position:-16px -155px;}

.art-stat .active .ic-dlike,.art-stat .active:hover .ic-dlike {background-position:-16px -155px;}



.art-stat .btn .ic-cmt {background-position:-32px -140px;top:13px;left:0;}

.art-stat .btn:hover .ic-cmt {background-position:-32px -155px;}

.art-stat .btn .ic-clt {background-position:-46px -140px;top:10px;}

.art-stat .btn:hover .ic-clt,.art-stat .active .ic-clt,.art-stat .active:hover .ic-clt{background-position:-46px -155px;}

.art-stat .active .i-top,.art-stat .active:hover .i-top {display:block; background:none; top: -20px; color: #ff7e2d }



.art-stat .active, .art-stat .active em,.art-stat .disabled,.art-stat .disabled em {cursor:default;}

.art-stat .active:hover i,.art-stat .disabled:hover i {display:none;}



.art-link{float:right;width: auto;zoom:1;width:90px;margin-right: 7px;margin-top: 5px;}



.art-link .btn{width:75px;height: 35px;line-height: 35px;text-align: left;padding-left:15px; position:relative;text-indent:3px;}

.art-link .btn em {right:14px;top:14px; width:7px; height:10px; display: block; background: url(/static/img/orig/zt_gz20230113_best_pc_images_wnextIcon.png) no-repeat; position: absolute;}

.art-link .ht-btn{margin-right:10px;text-align:center;padding:0;width:124px;color:#fff;float:left;}



.art-link .btn-wrap {position:relative;zoom:1;width:126px;display:inline;float:right;}

.art-link .btn-wrap .btn{float:none;}

.art-link .btn-wrap em{background-position:-213px -23px;width:11px;height:6px;top:11px;right:31px;}

.art-link .btn-wrap .btn-red em{background-position:-246px -41px;}

.art-link .btn-wrap span { width:124px;border: 1px solid #ececec; background-color:#fff; position:absolute; left: 0; top: 30px; z-index: 2;border-radius: 0 0 5px 5px; display:none;background:#fff;}

.art-link .btn-wrap span a { display:block; text-align:center; font-size:12px;}

.art-link .btn-wrap span a:hover{background:#f4f4f4;color:#333;}

.art-link .s-hover span {display:block;}

.art-link .s-hover em ,.art-link .s-hover .btn:hover em {

	background-position:-246px -41px;

	-webkit-transform:rotate(180deg);

	-ms-transform:rotate(180deg);

	-o-transform:rotate(180deg);

	transform:rotate(180deg);

}



.btn-rebate{padding:0 20px 0 35px;position: relative;display: inline-block;}

.btn-rebate .btn{border-radius: 0 5px 5px 0;}

.btn-rebate b{position:absolute;left: 0;top: 0;border: 1px solid #e44;color:#e44;background: #fff;border-radius: 5px 0 0 5px;height: 33px;line-height: 33px;width: 34px;text-align: center;font-weight: normal;z-index: 1;font-size: 14px;}

.btn-rebate:hover b{border:1px solid #f21111;}

.btn-rebate .rebate-link{position: absolute;right: 5px;top: 14px;width: 10px;height: 10px;background: url(/static/img/orig/2016_best_images_sprite.png) -272px -150px;}/* localized/2016/best/ */



.art .art-more{float: right; margin: 0; padding: 0; color: #666}

.art .art-pre .art-more{position: absolute; right: 0; bottom: 0; color: #666; display: inline-block; width: 136px; height: 26px; line-height: 26px; text-align:right; background: url(/static/img/orig/2015_best_images_bg-cov.png) no-repeat 0 0;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/static/img/orig/2015_best_images_bg-cov.png",enabled=true,sizingMethod=noscale);overflow: hidden;border-bottom:none;}



.Jxypic{ position: relative; width: 180px; height: 180px; display: block; z-index: 50; }

.Jxypic .iframe-box { position: absolute; z-index: 999;  top: 0; padding-left: 30px; left: 180px; }

.Jxypic .iframe-box .box { display: block; border: solid #ececec 1px; background: #fff; position: relative; padding: 10px 5px 5px 0px; width: 350px; height: 200px; }

.Jxypic .iframe-box i{ position: absolute; background: url() no-repeat 0 -240px; height: 10px; width: 7px; display: block; top: 50%; left: -7px; margin-top: -5px; }

.Jxypic-hover .iframe-box{ display: block; }





.art-qrcode {position: relative;float: right;width:95px;}

.art-qrcode a {font-size: 12px;display: block;overflow: hidden;zoom: 1;}

.art-qrcode a:hover {color: #e44;}

.art-qrcode a .icon-qrcode {width: 22px;height: 22px;margin:6px 15px 0 10px;background-position: -100px -140px;/*display: inline-block;vertical-align: middle;*/ float: right;}

.art-qrcode a span {float: left;}

.art-qrcode a:hover .icon-qrcode {background-position: -123px -140px;}



.art-qrcode .pop-qrc {padding: 15px 0 10px;position: absolute;left: -62px;border: 1px solid #ececec;text-align:center;background-color: #fff;border-radius: 3px;display: none;z-index:3;}

.show-qrc .pop-qrc {display: block;}

.art-qrcode .pop-qrc .tria {width: 14px;height: 9px;background-position: -146px -140px;display: block;position: absolute;top: -9px;left: 50%;margin-left: -7px;}

.art-qrcode .pop-qrc img {width: 112px;height: 112px;margin: 0 30px 6px;}

.art-qrcode .pop-qrc p {font-size: 14px;line-height: 24px;}





/*返利*/

.rebate-desc{float: left;position: relative;z-index: 2; font-size: 14px;}

.rebate-desc .hd{color:#e44;position: relative;line-height: 35px;height: 35px;display: block;padding-right: 30px;font-size: 14px;z-index: 6;}

.rebate-desc .hd .icon-tria{width:11px;height:6px;background:url(/static/img/orig/2016_best_images_sprite.png) -130px -407px no-repeat;position:absolute;right:10px;top:15px;}

.rebate-desc .hd .icon-tria{transition:.25s;-moz-transition:.25s;-webkit-transition:.25s;-o-transition:.25s;transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);}

.rebate-desc:hover .icon-tria{background:url(/static/img/orig/2016_best_images_sprite.png) -130px -428px no-repeat}

html:root .rebate-desc:hover .icon-tria{background:url(/static/img/orig/2016_best_images_sprite.png) -130px -407px no-repeat;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}



.rebate-desc .hd .icon-tria-sub{width:14px;height:9px;position:absolute;right: 8px;top: 27px;background:url(/static/img/orig/2016_best_images_sprite.png) -146px -140px no-repeat;z-index:5;display:none;}

.rebate-desc:hover .hd .icon-tria-sub{display: block;}

.rebate-desc .bd{display: none;position: absolute;top: 35px;z-index:5;}

.rebate-desc:hover .bd{display: block;width: 398px;left:50%;margin-left: -180px;}

.rebate-desc .bd-wrap{background-color: #fff;padding:8px 18px;display: block;color:#666;border-radius: 3px;border: 1px solid #ececec;text-align: left;line-height: 32px;color:#666;}



/* 返利按钮 列表页*/

.link-rebate{float:right;width:100px;height:35px;position:relative;}

.link-rebate .btn{float:none;display:block;}

.link-rebate .no-rebate{width:98px;height:42px;line-height:42px;border:1px solid #f33;border-top:none;display:block;text-align:center;border-bottom-right-radius:3px;border-bottom-left-radius:3px;position:absolute;top:35px;left:0;background:#fff;display:none;font-size:14px;}

.link-rebate .icon-trigle{width:0;height:0;border-bottom:10px solid #fff;border-left:10px solid transparent;position:absolute;right:1px;top:24px;z-index:5;display:none;}

.hasRebate .icon-trigle{display:block;}



.r-active .btn-red{height:34px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}

.r-active .no-rebate{display:block;}

.r-active .icon-trigle{border-bottom:11px solid #fff;border-left:11px solid transparent;}



.art-list .link-rebate{width:115px;}

.art-list .link-rebate .no-rebate{width:113px;}



/*new-art*/

.new-art .art-txt { width: 810px; }



.new-art .art-hd { margin-bottom: 15px; }



.new-art .art-bd { display: block; width: 811px; margin-bottom: 20px; }



.new-art .item { width: 190px; float: left; }



.new-art .item + .item { margin-left: 17px; }



.new-art .item p { font-size: 14px; line-height: 22px; height: 44px; overflow: hidden; margin-top: 10px; }



.new-art .art-time { color: #999; float: right; margin-right: 20px; }

/*****pager(pager.css 框架)*****/

.pager {height:40px;margin: 40px auto 50px;clear:both; text-align:center;font: 14px/33px arial;display:none;}

.pager a, .pager i {width: 38px;height: 38px;margin: 0 2px 0 3px;border:1px solid #dcdcdc;background-color: #fff;color: #333;line-height: 40px;text-align: center;display:inline-block;zoom:1;cursor: pointer;}

.pager span {overflow: hidden; display: inline-block;}

.pager span a,.pager span i{float:left;display:inline;}



.pager i,.pager a:hover {background-color: #e44;border-color:#e44;color: #fff;}



.pager .prev, .pager .next {width: 38px;height: 38px;background-image: url(/static/img/orig/2016_best_images_sprite.png);background-repeat: no-repeat;vertical-align: top;font-size:0;line-height:0;}

.pager .prev {background-position: -160px -180px;}

.pager .prev:hover {background-position:-242px -180px;}

.pager .next {background-position: -201px -180px;}

.pager .next:hover {background-position:-283px -180px;}

/** .pic-txt(.pic-txt.css 图片列表) **/

.pic-txt:after{content:"\20";clear:both;height:0;display:block;overflow:hidden;}

.pic-txt{zoom:1}

.img-area{float:left;margin:2px 12px 0 0; position:relative; zoom:1; overflow:hidden;}

.txt-area{font-size: 14px;word-wrap:break-word;overflow:hidden;zoom:1;}



/* 为你发现 */

.slide-grid-wrapper { padding-top: 5px!important; }

.box-found .slide-grid { padding-top: 0; }

.slide-grid .slide-wrap { width: 100%; height: auto; }

.slide-grid .grid-wrap { width: 9999px; zoom: 1; overflow: hidden; }

.slide-grid .grid { float: left; overflow: hidden;}



.grid { width: 246px; zoom: 1; overflow: hidden; height: auto; }



.grid a { display: block; width: 246px; margin-right: 12px; height: 88px; border-bottom: 1px dashed #eaeaea; text-align: left; position: relative; word-wrap: break-word; padding-top: 10px; }



.grid a:hover .title em { color: #ff0000; }

.grid a img {

  display: block; width: 66px; height: 66px;float: left; margin: 4px 10px 0 0;

}

.grid a .title { display: block; width: 164px;float: left; }

.grid a .title em {

  width: 164px; height: 50px;line-height: 25px; font-size: 14px; color: #333; 

  overflow: hidden;

  text-overflow: ellipsis;

	word-break: break-all;	

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

	display:-moz-box;

	display:-webkit-box;

	display:-o-box;

}

.grid a .title .fc-red, .grid a .title .red { 

  width: 164px;height: 26px;line-height: 26px;color: #ff0000;font-size: 12px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;

 }

 .grid a .title .fc-red {

   font-size: 14px;

 }



/* 最新体验 */

.slide-ty{width:240px;padding-right: 5px;position: relative;top: -4px;}

.slide-ty .slide-wrap{width: 245px;}

.slide-ty li{width:245px;float:left;padding-top: 4px;}

.slide-ty .ty-txt{padding:14px 0 0;}

.slide-ty .ty-txt p{ text-align: left;}

.slide-ty .ty-txt span{display: block; height: 48px;font-size: 14px;overflow: hidden;line-height: 24px;}

.slide-ty .ty-txt .c-time{color: #999;height:16px;line-height:16px;overflow:hidden;display:block;}

.slide-ty .btn-yellow{width:238px;height:33px;line-height:33px;margin-top:15px;position:relative;text-align:center;}

.slide-ty li a{display: block;position: relative;}

.slide-ty li a img{width: 240px;height: 120px;}

.slide-ty li a p{height: 44px;overflow: hidden;}

.slide-ty li a .index_icon{position: absolute;width: 63px;height: 61px;right: 1px;top: -4px;}

.slide-ty li a .status-0{background-position: 0 -133px;}

.slide-ty li a .status-1{background-position: -66px -133px;}

.slide-ty li a .status-2{background-position: -132px -133px;}

.slide-ty li a .status-3{background-position: -198px -133px;}

.slide-ty .btn-gray{background: #f4f4f4;border-color: #f4f4f4;color: #999;cursor: default;margin-top: 15px;}

.slide-ty .prev,.slide-ty .next{top: 40px;margin-top: 0;}

/** news(news.css 新闻列表) **/

.news:after{content:"\20";clear:both;height:0;display:block;overflow:hidden;}

.news {zoom:1}

.box-bask .bd{padding-top: 5px;padding-bottom: 5px;}

.news li { padding:15px 0; height:60px; line-height:22px; overflow:hidden;vertical-align:middle;*zoom:1;  font-family:"Simsun"; font-size:14px;word-wrap:break-word;position:relative;}

.news li+li{border-top:1px dashed #e5e5e5;}

.news li a {font-family:Microsoft Yahei,tahoma,HELVETICA; word-break:break-all;}

.news li a img{width: 60px;height: 60px;float: left;margin-right: 10px;}

.news li .icon{width:3px;height:3px;line-height:0;font-size:0;background:#b6b6b6;position:absolute;top:14px;left:0;}

.news .desc{padding-top: 8px;}

.news-no-pad li{padding: 0; background:none;}

.news-date li{padding: 0; background:none;}

.news .desc p{height: 44px;overflow: hidden;}



/* 聚原创 */

.news-acd {padding:5px 0 15px; zoom:1; overflow:hidden;}

.news-acd li .blk-img {height:125px;display:none;}

.news-acd li .desc{width:250px;height:125px;position:absolute;left:0;top:0;word-break:break-all;text-align:center;background:rgba(0,0,0,0.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#78000000,endColorstr=#78000000);overflow:hidden;font-size:0;letter-spacing:0;}

.news-acd li .hook{display:inline-block;width:0;height:100%;overflow:hidden;line-height:999em;font-size:0;vertical-align:middle;*zoom:1;*display:inline;}

.news-acd li .desc p{display:inline-block;font-size:14px;line-height:30px;vertical-align:middle;*zoom:1;*display:inline;color:#fff;}



.news-acd .hover {height:125px; background:none; padding: 7px 0;}

.news-acd .hover a:hover {text-decoration:none;}

.news-acd .hover .tit {display:none;}

.news-acd .hover .blk-img {display:block;}



/* 优惠券 */

.coupon-block { height: 78px; width: 149px; padding-left: 87px; margin-left: 2px; border: 1px solid transparent; position: relative; background: #fff; }



.coupon-block + .coupon-block { margin-top: 10px; }



.coupon-block .icon { position: absolute; width: 90px; height: 80px; top: -1px; left: -3px; background: url(/static/img/orig/2017_best_img_my-icon.png) -88px -83px no-repeat ;}



.coupon-block .hover-block { display: none; }



.coupon-block .validity { font-size: 12px; line-height: 18px; color: #ff746d; margin-top: 12px; }



.coupon-block .btn { width: 108px; height: 28px; line-height: 28px; background: #ff7973; border-color: #ff7973; margin-top: 5px; }



.coupon-block .btn:hover { background: #ff6861; border-color: #ff6861; }



.coupon-block:hover { border-color: #ff746d; }



.coupon-block:hover .icon { background-position: -88px 0; }



.coupon-block:hover .coupon-pic { display: none; }



.coupon-block:hover .hover-block { display: block; }



.coupon-block .coupon-pic { width: 100px; height: 50px; margin-top: 14px; margin-left: 8px; }



.coupon-block .coupon-price { color: #fff; font-size: 18px; display: block; text-align: center; margin-top: 16px; margin-left: -2px; }



.coupon-block .coupon-price span { font-size: 32px; }



.coupon-block .coupon-info { color: #fff; font-size: 12px; text-align: center; line-height: 20px; height: 20px;overflow: hidden;}



.coupon-box .bd { text-align: center; }



.go-change-center { font-size: 14px; line-height: 24px; text-align: center; display: inline-block; margin-top: 15px; }



.go-change-center .icon { float: right; width: 15px; height: 15px; background:url(/static/img/orig/2017_best_img_my-icon.png) -63px -21px no-repeat; margin-top: 5px; margin-left: 5px; }



.no-coupon-block { text-align: center; }



.no-coupon-block .icon { display: inline-block; width: 78px; height: 68px; background:url(/static/img/orig/2017_best_img_my-icon.png) -88px -165px no-repeat; margin-top: 18px; margin-bottom: 20px; }



.no-coupon-block p, .no-coupon-block a { font-size: 14px; line-height: 24px; }



.no-coupon-block p { color: #999; }



.no-coupon-block a { display: inline-block; color: #e44; padding-bottom: 5px; }



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

.act-rank .sub{padding-top: 6px;}

.act-rank .img-area{margin-right:15px;}



/* 软件专题列表 */

.zt-rj-box .bd,.side-hot .bd{padding-top: 0;padding-bottom: 0;}

.zt-list {overflow:hidden;padding: 5px 0;}

.zt-list ul {margin-bottom:-1px;}

.zt-list .title{height:44px;line-height:22px; overflow:hidden; font-size:14px; color: #333; word-break:break-all; word-wrap:break-word;margin-top: 5px;}

.zt-list li {overflow:hidden;zoom:1;}

.zt-list li+li{border-top: 1px dashed #e5e5e5;}

.zt-list li .blk-img {padding:15px 0; cursor:pointer;}

.zt-list li .blk-img:hover {text-decoration:none;}

.zt-list li .blk-img:hover .title{color: #e44}

.zt-rj-box .img-area{height: 55px;width: 90px; }



/*热值排行*/

.side-hot{width: 270px;}

.side-hot .tab-sub .mark{float:left;width:135px;padding-left:0;text-align:center;cursor:pointer}

.side-hot .tab-sub .active{border-bottom:2px solid #e44;height:38px;padding-bottom:6px;}

.side-hot .bd{height:472px;padding-bottom: 15px;}

.side-hot .bd .active{display:block}

.hot-list{overflow:hidden;padding-top:5px}

.hot-list .img-area{height:55px;width:90px;margin-top:0}

.hot-list ul{margin-bottom:-1px}

.hot-list .title{height:50px;line-height:22px;overflow:hidden;font-size:14px;color:#333;word-break:break-all;word-wrap:break-word}

.hot-list li{overflow:hidden;zoom:1}

.hot-list li + li{border-top:1px dashed #e5e5e5}

.hot-list li .blk-img{padding:20px 0;cursor:pointer}

.hot-list li .blk-img:hover{text-decoration:none}

.hot-list li .blk-img:hover .title{color:#e44}

.rank-list{padding-top:0}

.rank-list .icon{background:url(/static/img/orig/2017_best_img_sprite.png) no-repeat;position:absolute;width:22px;height:24px;top:20px;left:0}

.rank-list .top-rank .title{height:66px;}



.rank-list .top-rank .img-area{margin-top:0}

.rank-list .top-rank .blk-img{padding:20px 0}

.rank-list li .blk-img{position:relative;padding: 13px 0;}

.rank-list .img-area{height:70px;width:70px}

.rank-list .rank1{background-position:-557px 0}

.rank-list .rank2{background-position:-551px -26px}

.rank-list .rank3{background-position:-527px -26px}

.rank-list .rank-num{float:left;height:50px;line-height:50px;font-size:18px;margin-right:15px}

.rank-list .title{height:44px;}

.side-hot-pannel2 .hot-list .title{height: 44px;line-height: 22px;overflow: hidden;margin-top: 5px;}

.side-hot-pannel1 .rank-list li .title p{height:22px;overflow: hidden;line-height: 22px;}

.side-hot-pannel1 .rank-list li .title{padding-top: 3px;}

.side-hot-pannel1 .rank-list .top-rank .title{padding-top: 2px;}   

.side-hot-pannel1 .rank-list .top-rank .title p:first-child{max-height:44px;height: auto;}    



/*关键词*/

.box-seo .txts{overflow:hidden;zoom:1;}

.box-seo .txts a{height:32px;font-size:14px;line-height:32px;margin-right:16px;float:left;white-space:nowrap;}

.box-seo .bd{padding-right: 0;}



/* 电商活动 */

.act-list {overflow:hidden;}

.act-list ul {margin-bottom:-1px;}

.act-list .title,.act-list .sub {height: 24px; overflow:hidden; font-size:14px; color: #333; word-break:break-all; word-wrap:break-word;}

.act-list li {border-bottom: 1px dashed #e5e5e5;overflow:hidden;zoom:1;}

.act-list li .blk-img {padding:15px 0; cursor:pointer;}

.act-list li .blk-img:hover {text-decoration:none;}

.act-list li .blk-img:hover .title,.act-list li .blk-img:hover .sub {color: #e44}

.act-list .sub{color:#e44}



/*海淘活动*/

.box-discount .bd{padding: 0 15px;}







/*右侧电商活动相关*/

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



/*终端页优惠信息为空*/

.empty{height: 52px;padding: 70px 0;text-align: center;}

.empty i{display: block; font-size: 14px; color: #333}

.empty span{display: block;}

.empty span a{display: inline-block; color: #e44}

.empty span a:hover{color:#e44}

.empty span a em{display: inline-block; width: 10px; height: 10px; float: right;}

.no-find{text-align:center;font-size:18px;color:#999;padding:95px 0}



.box-yh .mark-sub a i{margin-left: 0;}

/*表单用到*/

body .popup-form .bd {padding:15px 10px 30px;}

body .popup-form .input{height:30px;line-height:30px;padding:6px 0;margin-top:10px;border:1px solid #e5e5e5;text-align:left;overflow:hidden;position:relative;}

body .popup-form .input .label-tit{width:50px;padding:0 10px;float:left;font-size: 14px;color: #666;}

body .popup-form .input .input-txt{width:348px;height:30px;line-height:30px;padding:0 10px;border:none;display:block;float:left;*border:0;font-size: 14px;}

body .popup-form .failed-tips {display:none;height:16px;line-height:16px;position:absolute;right:10px;top:10px;}

body .popup-form .btn-wrap .btn {width:85px;}



/*两行文字提示窗*/

body .popup .bd-styleB {width:360px;margin:0 auto;}

body .popup .bd-styleB .pic-txt .txt span {font-size:14px;color:#333;display:block;}

body .popup .bd-styleB .pic-txt .txt i {font-size:12px;color:#999;display:block;}



body .popup .bd-styleB .prompt-txt12 {margin-top: 4px;font-size: 12px; color: #999}

body .popup .bd-styleB .prompt-txt12 em{color:#e44}

body .popup .bd-styleB .prompt-txt12 span{padding: 0 20px}

/* function */

noscript,.spanclass,.pannel,.pannel-inner,.hidden{display:none;}

.show,.block{display:block;}

.mark,.fl,.mark-sub,.fr{display:inline;}

.mark,.fl{float:left;}

.mark-sub,.fr{float:right;font-size: 14px;margin-right: 15px;}

.mark-sub a i{

	margin-left: 5px;

	color: #999;

}

.mark-sub a:hover i{

	color: #e44;

}

.fs-14{font-size:14px;} .fs-16{font-size:16px;}

.clear{clear:both;height:0;line-height:0;font-size:0;overflow:hidden;}

.clearfix{*zoom:1}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

.blk-img {display:block;position:relative;zoom:1;overflow:hidden;}   



.fc-black { color: #333; }

.hidden{display: none;}

.fc-gray { color: #999; }



/* wraper-set */

.col-ab {width: 810px;float: left;margin-top: 10px;}

.col-ab .side-box .hd{border-bottom:none!important;}



.col-c { width: 270px; float: right; }

.area:after,.box .hd:after{content:"\20";clear:both;height:0;display:block;overflow:hidden;}

.area{zoom:1;}

.box .hd{zoom:1;}

.blk-img {display:block;position:relative;zoom:1;overflow:hidden;}

body ..navibar-la{padding-left: 0;}



/* 焦点图滚动 */

.side-box .circle-ctrl { height: 12px; text-align: center; zoom: 1; line-height: 0; font-size: 0; overflow: hidden; }



.side-box .circle-wrap { display: inline-block; overflow: hidden; vertical-align: top; }



.side-box .circle-ctrl .item { width: 8px; height: 8px; float: left; margin: 0 4px; background: url(/static/img/orig/2017_best_img_sprite.png) -67px -143px no-repeat; margin-top: 2px; cursor: pointer; }



.side-box .circle-ctrl .current { width: 12px; margin-top: 0; height: 12px; background-position: -78px -141px; }



.side-box .circle-ctrl-out { padding: 5px 10px 0; float: right; margin-top: 11px; }



.big-slide { width: 635px; margin-right:0px;}



.big-slide .focus-slide { width: 635px; height: 395px; }



.big-slide .slide-pic { position: relative; zoom: 1; }



.big-slide .slide-pic .pics { width: 99999px; font-size: 0; }



.big-slide .slide-pic .pics li { float: left; height: 395px;position: relative;overflow: hidden; }



.big-slide .slide-pic .pics li img { vertical-align: top;}



.big-slide .slide-pic .slide-wrap { width: 100%; position: relative; zoom: 1; overflow: hidden; }



.big-slide .slide-pic { overflow: hidden; }



/* .big-slide:hover .circle-ctrl { bottom: 0; } */



.big-slide .circle-ctrl { position: absolute; left: 0; bottom: 15px; width: 100%; -webkit-transition: bottom .2s linear; -o-transition: bottom .2s linear; transition: bottom .2s linear;text-align: center; }



/* .big-slide .item { float: left; width: 106px; color: #fff; background: rgba(0, 0, 0, 0.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000); } */







.big-slide .circle-wrap i { height: 10px; width: 10px;background: rgba(0, 0, 0, 0.5);border-radius: 50%;display: inline-block;margin: 0 3px;}



.big-slide .circle-wrap .current { background: #e44;}



.big-slide .prev, .big-slide .next {

    width: 40px;

    height: 54px;

    background: url(/static/img/orig/home_gz20180428_images_sprite.png) no-repeat;

    top: 50%;

    margin-top: -27px;

}



.big-slide .prev {

    left: -40px;

    background-position: 0 -72px;

}



.big-slide .next {

    right: -40px;

    background-position: -40px -72px;

}



.big-slide .slide-pic-hover .prev {

    left: 0;

}



.big-slide .slide-pic-hover .next {

    right: 0;

}



/* .big-slide .circle-wrap i + i { border-left: 1px solid #495651; } */



/* .big-slide .circle-wrap i:first-child { width: 107px; } */



/* 广告 */

.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:1120px;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}

/*other*/

.col-635, .col-170, .col-270 { float: left; display: inline; }

.col-240 { width: 170px; }

body .before-fix{height: 0;-webkit-transition: none;-o-transition: none;transition: none;}

    

body .fix-nav{-webkit-transition: height .2s linear;-o-transition: height .2s linear;transition: height .2s linear;}

body .box-choiceness { display: none; }

body .g-footer{position: relative;}

.box-cont .hd { border-bottom: 1px solid #ececec; }



body .navibar-la { padding-left: 0; }



.header { height: 101px;  background: #fff; position: relative; z-index: 9; }



.header .header-wrap { width: 1120px; position: relative;}



.header .logo { margin-right: 45px; }



.nav-wrap {/* width: 500px; */}  



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



.ks-input .ks-q { width: 170px; }



.side-bar-box { margin-right: 0px; }



.side-bar-box .tool-block .tips-bubble{display: none;}

.art-list{width: 840px;position: relative; background:#fff;/* padding: 0 15px; */}

.has-newItem-tips{width: 172px;height: 40px;line-height: 40px;color: #fff;background: #383838;position: absolute;left: 50%;margin-left: -86px;top:60px;z-index: 99;text-align: center;border-radius: 40px;font-size: 14px;box-shadow: 0 3px 8px rgba(0,0,0,.75);display: none;}

.has-newItem-tips:hover{background: #151515;}

.loading{margin-top: 10px;}

/*侧栏*/

.tool-block { position: relative; }



/* 头部爆料菜单 */

.index_icon { background: url(/static/img/orig/2017_best_img_index_icon.png) no-repeat; }



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



.bl-box a { display: block; line-height: 20px; font-size: 14px; }



.main-box { position: relative; margin-top: 0px; }



/*导航栏*/

.slideContent-box { position: absolute; width: 118px; top: 0; left: -153px; z-index: 999; }



.slideContent-box .icon { background: url(/static/img/orig/2017_best_img_sprite.png) no-repeat; }



.slideContent-box .list-shadow { position: absolute; width: 50px; height: 90%; box-shadow: 0 0 15px 2px rgba(0, 0, 0, 0.15); right: 2px; top: 10px; }



.slideContent-list { padding: 5px 0 50px 0; position: relative; z-index: 9; background: #fff; *zoom: 1; }



.slideContent-list .list-item { display: block; text-align: right; position: relative; padding-right: 20px; font-size: 14px; line-height: 30px; position: relative; z-index: 999; }



.slideContent-list .list-item:hover { color: #e44; }



.slideContent-list .list-item:hover .list-wrap { display: block; }



.slideContent-list .big-item { font-size: 14px; font-weight: bold; padding-top: 15px; padding-right: 34px; }



.slideContent-list .big-item:hover .icon_wrap { display: block; }



.slideContent-list .big-item > .icon { position: absolute; right: 20px; width: 6px; height: 11px; top: 25px; *top: 21px; background-position: -440px -33px; margin-left: 8px; }



.slideContent-list .big-item .list-wrap { font-weight: normal; top: -6px; *top: -10px; padding-top: 25px; width: 1030px; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2); }



.slideContent-list .big-item .icon_wrap { display: none; position: absolute; right: -13px; width: 13px; height: 19px; top: 23px; *top: 18px; background: url(/static/img/orig/2017_best_img_sprite.png) -561px -53px no-repeat; z-index: 9999; }



.slideContent-list .big-item dl { *width: 100%; }



.slideContent-list .big-item dt { width: 85px; float: left; font-weight: bold; margin-right: 20px; position: relative; }



.slideContent-list .big-item dd { color: #666; padding-left: 105px;}



.slideContent-list .big-item dd:after { content: ""; height: 0; display: block; clear: both; }



.slideContent-list .big-item dd a { width: auto; margin-right: 25px; margin-bottom: 10px;}



.slideContent-list .big-item dd a:hover { color: #e44; }



.slideContent-list .big-item .split { position: absolute; width: 6px; height: 11px; top: 7px; right: 0; background: url(/static/img/orig/2017_best_img_sprite.png) -212px -406px no-repeat; }



.slideContent-list span { font-size: 14px; line-height: 30px; }



.slideContent-list .list-wrap { display: none; position: absolute; left: 118px; top: -38px; width: 334px; border: 1px solid #ececec; background: #fff; text-align: center; padding: 33px 38px 30px 15px; z-index: 999; /*box-shadow:  0 0 15px 2px rgba(0,0,0,.15);*/ }



.slideContent-list .list-wrap a { font-size: 14px; line-height: 26px; float: left; margin: 0 10px; }



.slideContent-list .list-wrap .list-hd { display: inline-block; margin-right: 80%; color: #e44; line-height: 30px; }



.slideContent-list .list-wrap > .icon { position: absolute; left: -1px; width: 13px; height: 19px; top: 39px; background: url(/static/img/orig/2017_best_img_sprite.png) -561px -53px no-repeat; }



.slideContent-list .gn-shops .list-wrap, .slideContent-list .ht-shops .list-wrap { padding-top: 8px; width: 965px; padding-right: 20px; }



.slideContent-list .gn-shops .list-wrap a, .slideContent-list .ht-shops .list-wrap a { margin: 0; }



.slideContent-list .gn-shops .list-wrap { top: -231px; }



.slideContent-list .gn-shops .list-wrap > .icon { top: 267px; }



.slideContent-list .ht-shops .list-wrap { top: -426px; }



.slideContent-list .ht-shops .list-wrap > .icon { top: 476px; }



.area { padding-bottom: 11px; }



.sc-logo { overflow: hidden; height: 580px; overflow-x: hidden; overflow-y: auto; position: relative; margin-left: 15px; }



.sc-logo .pics li { float: left; display: inline; width: 162px; margin: 20px 24px 10px 0; position: relative; zoom: 1; overflow: hidden; }



.sc-logo .pics li .img-area { display: block; width: 160px; height: 80px; border: 1px solid #e5e5e5; }



.sc-logo .pics li .entry { position: absolute; width: 160px; height: 25px; line-height: 25px; bottom: -26px; left: 1px; background: #f8f8f8; text-align: center; color: #e5e5e5; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; }



.sc-logo .pics li .entry a { display: inline-block; margin: 0 2px; width: auto; font-size: 14px; float: none; }



.sc-logo .pics li:hover .entry { bottom: 1px; }



/* 商品类目导航20220629 */

#JareaCate{/* display: flex; *//* justify-content: flex-start; */position: relative;}

.slideContent-area{width:215px;height:520px; margin-right:0px; background:#fff;position: relative;float: left; box-sizing: border-box; z-index:1000;}

.slideContent-area .slideContent-bd{padding: 9px 0;height: 507px; position:relative;}

.slideContent-area .list-item{ height:46px;margin-bottom: 0px;/* display: flex; *//* justify-content: flex-start; */padding: 0 10px 0 15px;line-height:46px; font-size:14px; color:#333; box-sizing: border-box;}

.slideContent-area .curItem{background:rgba(238,68,68,0.1); color:#e44;}

.slideContent-area .curItem .big-item{color:#e44}

.slideContent-area .curItem a:hover{text-decoration: underline;}

/* .slideContent-area .list-item .item-icon{display:block;width:18px;height:18px;margin-right: 5px;margin-top: 14px;float: left;} */

.slideContent-area .list-item .more-icon{display: block; width:6px;

height:11px; background: url(/static/img/orig/2022_0701best_index_images_idxLeftIcon.png) no-repeat; margin-top:18px;float: right;}

.slideContent-area .curItem .more-icon{background: url(/static/img/orig/2022_0701best_index_images_idxLeftIconCur.png) no-repeat;}

.slideContent-area .list-item .links{display: block; width:190px;/* display: flex; *//* justify-content: flex-start; */float: left;}

.slideContent-area .list-item .links a,.slideContent-area .list-item .links span{float: left; position: relative; color:#666;}

.slideContent-area .list-item a:hover{color:#EE4445!important;}

.slideContent-area .list-item .links span{margin:0 7px;}

.slideContent-area .list-wrap { font-weight: normal; top: 0px; *top: -10px; padding-top: 25px; width: 750px; }



.slideContent-area .list-wrap dl { float:left; width:340px; padding:10px 15px; margin-right:10px;background: #F8F8F8; border-radius:8px; margin-bottom:10px;}

.slideContent-area .list-wrap dl:nth-child(2n){margin-right:0;}

.slideContent-area .item0 .list-wrap dl,.slideContent-area .item1 .list-wrap dl{width:720px; background-color: #fff; margin-bottom:0px; padding-top:0;}

.slideContent-area .item0 .list-wrap dd a{float: left; width:160px; height:65px; margin-left:5px; margin-bottom:15px;}

.slideContent-area .item1 .list-wrap dd a{position: relative;width:66px; padding-top:70px; height:22px; text-align: center;margin:0 28px 15px 0; }

.slideContent-area .item1 .list-wrap dd a img{display: block; width:64px; height:64px; border-radius: 14px;  position: absolute; top:0; left:0;}



.pb35{padding-bottom:35px!important;}

.pb60{padding-bottom:60px!important;}

.pb85{padding-bottom:85px!important;}

.pb135{padding-bottom:135px!important;}



.slideContent-area .list-wrap dt { font-weight: bold; margin-right: 0px; position: relative; margin-bottom:3px; padding-left:0px; height:28px; display: block; padding-left:10px;}

.slideContent-area .list-wrap dt a{font-size:14px; line-height:28px;}

.slideContent-area .list-wrap dt::before{content:''; display:block; width:4px; height:4px; background:#EE4445; border-radius:100%; position: absolute; top:12px; left:0;}



.slideContent-area .list-wrap dd { color: #333; }



.slideContent-area .list-wrap dd:after { content: ""; height: 0; display: block; clear: both; }



.slideContent-area .list-wrap dd a { width: auto; margin-bottom: 3px;}



.slideContent-area .list-wrap dd a:hover { color: #e44; }



.slideContent-area .list-wrap .split { position: absolute; width: 6px; height: 11px; top: 7px; right: 0; background: url(/static/img/orig/2017_best_img_sprite.png) -212px -406px no-repeat; display: none; }



.slideContent-area .list-wrap { display:none; position: absolute; left: 195px;  border: 1px solid #ececec; border-left:0px; background: #fff; text-align: center; padding: 20px; z-index:1000; box-shadow:5px 0 10px 0 rgb(38 38 38 / 10%); min-height: 485px;}

.slideContent-area .curItem:hover .list-wrap{display: block;z-index:1000;}



.slideContent-area .list-wrap a { font-size: 12px; line-height: 22px; float: left; margin-right:18px; }

.slideContent-area .list-wrap a:hover,.slideContent-area .list-wrap dd a{text-decoration:none}



.slideContent-area .list-wrap .list-hd { display: inline-block; margin-right: 80%; color: #e44; line-height: 30px; }



.slideContent-area .list-wrap > .icon { position: absolute; left: -1px; width: 13px; height: 19px; top: 39px; background: url(/static/img/orig/2017_best_img_sprite.png) -561px -53px no-repeat; }



.slideContent-area .gn-shops .list-wrap, .slideContent-area .ht-shops .list-wrap { padding-top: 8px; width: 965px; padding-right: 20px; }



.slideContent-area .gn-shops .list-wrap a, .slideContent-area .ht-shops .list-wrap a { margin: 0; }



.slideContent-area .gn-shops .list-wrap { top: -231px; }



.slideContent-area .gn-shops .list-wrap > .icon { top: 267px; }



.slideContent-area .ht-shops .list-wrap { top: -426px; }



.slideContent-area .ht-shops .list-wrap > .icon { top: 476px; }



.slideContent-area .item0 .big-item,.slideContent-area .item1 .big-item{text-indent: -9999px;}

.slideContent-area .item0 .links{background:url(/static/img/orig/zt_gz20230113_best_pc_images_hotc.png) no-repeat left;}

.slideContent-area .item1 .links{background: url(/static/img/orig/zt_gz20230113_best_pc_images_hotstare.png) no-repeat left;}

.slideContent-area .list-item .links .hot{padding-right:22px;}

.slideContent-area .list-item .links .hot::after{content: ''; display: block; width:19px; height:19px; background: url(/static/img/orig/zt_gz20230113_best_pc_images_hotIcon1.png) no-repeat; position: absolute; right:0; top:13px;}

.slideContent-area .list-item .links .new{padding-right:15px;}

.slideContent-area .list-item .links .new::after{content: ''; display: block; width:15px; height:17px; background: url(/static/img/orig/zt_gz20230113_best_pc_images_newIcon.png) no-repeat; position: absolute; right:0; top:5px;}

.slideContent-area .list-item .links .hot1{padding-right:18px;}

.slideContent-area .list-item .links .hot1::after{content: ''; display: block; width:15px; height:15px; background: url(/static/img/orig/zt_gz20230113_best_pc_images_hotIcon.png) no-repeat; position: absolute; right:0; top:16px;}



/* .slideContent-area .item0 .item-icon{background:url(/static/img/orig/2022_0701best_index_images_idxNavIcon1.png) no-repeat;}

.slideContent-area .item1 .item-icon{background:url(/static/img/orig/2022_0701best_index_images_idxNavIcon2.png) no-repeat;}

.slideContent-area .item2 .item-icon{background:url(/static/img/orig/2022_0701best_index_images_idxNavIcon3.png) no-repeat;}

.slideContent-area .item3 .item-icon{background:url(/static/img/orig/2022_0701best_index_images_idxNavIcon4.png) no-repeat;}

.slideContent-area .item4 .item-icon{background:url(/static/img/orig/2022_0701best_index_images_idxNavIcon5.png) no-repeat;}

.slideContent-area .item5 .item-icon{background:url(/static/img/orig/2022_0701best_index_images_idxNavIcon6.png) no-repeat;}

.slideContent-area .item6 .item-icon{background:url(/static/img/orig/2022_0701best_index_images_idxNavIcon7.png) no-repeat;}

.slideContent-area .item7 .item-icon{background:url(/static/img/orig/2022_0701best_index_images_idxNavIcon8.png) no-repeat;}

.slideContent-area .item8 .item-icon{background:url(/static/img/orig/2022_0701best_index_images_idxNavIcon9.png) no-repeat;}

.slideContent-area .item9 .item-icon{background:url(/static/img/orig/2022_0701best_index_images_idxNavIcon10.png) no-repeat;}

.slideContent-area .item10 .item-icon{background:url(/static/img/orig/2022_0701best_index_images_idxNavIcon11.png) no-repeat;}

.slideContent-area .item0.curItem .item-icon{background:url(/static/img/orig/2022_0701best_index_images_idxNavIcon1Cur.png) no-repeat;}

.slideContent-area .item1.curItem .item-icon{background:url(/static/img/orig/2022_0701best_index_images_idxNavIcon2Cur.png) no-repeat;}

.slideContent-area .item2.curItem .item-icon{background:url(/static/img/orig/2022_0701best_index_images_idxNavIcon3Cur.png) no-repeat;}

.slideContent-area .item3.curItem .item-icon{background:url(/static/img/orig/2022_0701best_index_images_idxNavIcon4Cur.png) no-repeat;}

.slideContent-area .item4.curItem .item-icon{background:url(/static/img/orig/2022_0701best_index_images_idxNavIcon5Cur.png) no-repeat;}

.slideContent-area .item5.curItem .item-icon{background:url(/static/img/orig/2022_0701best_index_images_idxNavIcon6Cur.png) no-repeat;}

.slideContent-area .item6.curItem .item-icon{background:url(/static/img/orig/2022_0701best_index_images_idxNavIcon7Cur.png) no-repeat;}

.slideContent-area .item7.curItem .item-icon{background:url(/static/img/orig/2022_0701best_index_images_idxNavIcon8Cur.png) no-repeat;}

.slideContent-area .item8.curItem .item-icon{background:url(/static/img/orig/2022_0701best_index_images_idxNavIcon9Cur.png) no-repeat;}

.slideContent-area .item9.curItem .item-icon{background:url(/static/img/orig/2022_0701best_index_images_idxNavIcon10Cur.png) no-repeat;}

.slideContent-area .item10.curItem .item-icon{background:url(/static/img/orig/2022_0701best_index_images_idxNavIcon11Cur.png) no-repeat;} */



/* 大焦点图下方资源位 */

.area-cate .pics-list{width:906px; height:126px;position: absolute; right:0; top:395px;/* display:flex; *//* justify-content:space-between; */}

.area-cate .pics-list em{/* display: flex; *//* justify-content: space-between; */float: left;margin-right: 0px;overflow: hidden;}

.area-cate .pics-list .zyw-pics{/* width:635px; */}

.area-cate .pics-list .zrxc-pics{/* width:270px; */margin-left: 0px;}

.area-cate .pics-list .pic,.area-cate .pics-list .zrxc-pics .blk-img{display: block;width: 159px;height:126px;cursor: pointer;float: left;margin-right: 0px;}

.area-cate .pics-list .pic img,.area-cate .pics-list .zrxc-pics .blk-img img{display: block; height:126px; object-fit: cover;}

.area-cate .pics-list .zrxc-pics .blk-img img{margin-top:0;}

.area-cate .pics-list .zyw-pics img{width:159px;}

.area-cate .pics-list .zrxc-pics img,.area-cate .pics-list .zrxc-pics .pic,.area-cate .pics-list .zrxc-pics .blk-img{width:135px;margin-right: 0px;}

/* 焦点图周围图片列表右 */

.grid-pic-r { height: 395px; margin: 0 40px 0 5px; }



.grid-pic-r .blk-img { width: 170px; margin-bottom: 4.5px; }   



.grid-pic-r .blk-img .img-area { height: 140px; }



.grid-pic-r .blk-img:first-child .img-area { height: 250px; }



.grid-pic-r .img-area { float: none; margin: 0; }



/*个人信息*/

.user-box {background: #fff;height: 375px;padding: 20px 15px 0;width: 240px;float: right; position: relative;}

.user-box::before{content:''; display: block; width:270px; height:141px; background-image: linear-gradient(180deg, #FEF9F5 0%, #FFFFFF 39%); position: absolute; bottom:0;left:0;}



.user-box .user-block { height: 64px; }



.user-box .user-unlogin { height: 64px; padding-top: 0px; margin:0 5px;}



.user-box .user-pic { float: left; width: 64px; height: 64px; overflow: hidden; position: relative;}



.user-box .user-pic img { width: 100%; height: 100%; border-radius: 100%; }



.user-block .user-pic .user-lv {background: url(/static/img/orig/2017_best_img_my-icon.png) 0 0 no-repeat; position: absolute; bottom: 0; right: 0; width: 36px; height: 35px; font-family: "Arial"; font-size: 16px; line-height: 34px; text-align: center; color: #fff;transform: scale(.75); }



.user-box .right-info { width: 150px; float: right; height: 64px; margin-bottom: 15px; }



.user-box .user-name { display: block; font-size: 14px; font-weight: bold; line-height: 20px; margin-top: 5px; max-width: 110px;height: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin-bottom:4px;}



.user-box .isLogin-box { position: relative; }

   

.user-box .isLogin-box p { font-size: 12px; height:18px; line-height:18px;}



.user-box .isLogin-box span { color: #999; padding-right: 5px; }



.user-box .isLogin-box .logOut-btn { cursor: pointer; position: absolute; top: -2px; right: 5px; font-size: 12px; margin-right: 0;}



.user-box .unLogin-box em { font-size: 14px; line-height: 40px; font-weight: bold; }



.user-box .unLogin-box a { float: left; width: 33px; height: 15px; line-height: 15px; font-size: 12px; }



.user-box .unLogin-box a:first-child { border-right: 1px solid #f0f0f0; margin-right: 10px; }



.user-box .exp-box { height: 24px; float: left; width: 100%; }



.user-box .exp-box span { color: #999; font-size: 12px; line-height: 24px; float: left; }



.user-box .exp-box .ex-bar { float: left; margin-left: 5px; width: 170px; height: 11px; background: #f0f0f0; border-radius: 11px; overflow: hidden; margin-top: 8px; position: relative; }



.user-box .exp-box .ex-bar:hover span { display: block; }



.user-box .exp-box .ex-bar > i { position: absolute; height: 11px; top: 0; left: 0; background: #99d166; }



.user-box .exp-box .ex-bar span { display: none; float: right; font-size: 12px; line-height: 12px; position: relative;z-index: 2;}



.user-box .operate-block { margin: 18px 5px 20px; }



.user-box .operate-block a + a { background: #fff; color: #e44; }



.user-box .operate-block .btn { width: 110px; height: 34px; line-height: 34px; float: left; border-radius: 4px; position: relative; }



.user-box .operate-block .btn .index_icon { position: absolute; width: 57px; height: 24px; background-position: -59px -95px; top: -12px; right: -2px; color: #fff; text-align: center; font-size: 12px; line-height: 20px; display: none!important;}



.user-box .duihuan-btn .index_icon{display: none;}



.user-box .operate-block .sign-btn { margin-right: 5px; }

.user-box .operate-block .sign-btn .txt{position: relative; padding-right: 25px;}

.user-box .operate-block .sign-btn .txt::after{content:'';display:block;width:19px; height:19px; background:url(/static/img/orig/zt_gz20230113_best_pc_images_jfIcon.png) no-repeat;position: absolute;top: 0px; right:0;}



.user-box .operate-block .sign-btn .index_icon { background-position: 0 -95px; }



.user-box .operate-block .sign-btn .hover-txt { display: none; height: 38px; font-size: 12px; }



.user-box .operate-block .sign-btn:hover .hover-txt { display: block; }



.user-box .operate-block .sign-btn:hover .txt { display: none; }



.user-box .operate-block .duihuan-btn:hover { border-color: #ff8383; color: #ff8383; }



.user-box .tab-top { border-bottom: 1px solid #ececec; font-size: 16px; position: relative; }



.user-box .tab-top span { float: left; line-height: 37px; height: 37px; position: relative; cursor: pointer; }



.user-box .tab-top span:hover { color: #e44; }



.user-box .tab-top .tab-1 { padding-left: 22px; }



.user-box .tab-top .tab-1 .index_icon { position: absolute; width: 16px; height: 21px; top: 8px; left: 0; background-position: -142px -95px;transform: scaleY(0.9); }



.user-box .tab-top .active { color: #e44; }



.user-box .tab-top .active .index_icon { background-position: -122px -95px; }



.user-box .tab-top .tab-3 .icon { background: url(/static/img/orig/2017_best_img_sprite.png) -432px -32px no-repeat; position: absolute; width: 5px; height: 5px; right: -5px; top: 7px; }



.user-box .tab-top span + span { margin-left: 35px; }



.user-box .tab-box { display: none; padding-top: 5px; }



.user-box .tab-box .tab-item { display: block;padding-left: 12px; font-size: 14px; line-height: 28px; height: 28px; overflow: hidden;background: url(/static/img/orig/2017_best_img_index_icon.png) -498px 0 no-repeat; position:relative; }

.user-box .pannel-tab{padding:0 5px;}

.user-box .tab-wrap .active { display: block; }



.user-box .tab-wrap .tab-box-3 p{height: 112px;line-height: 112px;color: #999;text-align: center;}



.user-box .tab-box .see-more{padding-left: 0;background: none; float:right; padding-right:15px; font-size:12px;width:50px;}



.see-more { display: inline-block; width: 56px; position: relative; padding-right: 15px; height: 29px; line-height: 29px; }



.see-more .icon { background: url(/static/img/orig/zt_gz20230113_best_pc_images_bnextIcon.png) no-repeat; position: absolute; width: 7px; height: 8px; right: 0; top:11px; }







.user-box .signed { background: #ccc; border: 1px solid #ccc; cursor: default; margin-right: 5px;cursor: default;}



.user-box .signed .icon { cursor: default;width: 20px; position: absolute; left: 0; top: 1px; height: 16px; background: url(/static/img/orig/2016_best_images_mycenter.png) 0 -59px no-repeat; }



.user-box .signed .txt { cursor: default;position: relative; padding-left: 25px; }



.user-box .signed .hover-txt { display: none; }



.user-box .signed:hover .hover-txt { display: none; }



.user-box .signed:hover .txt { display: inline; }



.user-box .jgw-box{height:74px; margin-bottom:25px;} 

.user-box .jgw-box .item{width:50px;height:64px; float: left; margin:0 5px;}

.user-box .jgw-box .item img{display: block; width:46px; height:46px; margin:0 auto; margin-bottom:8px;}

.user-box .jgw-box .item span{display: block; height:20px; line-height:20px; font-size:14px; color:#666;overflow: hidden; text-align: center;}



/* 20220629 */

.user-box .slide-pic,.user-box .slide-pic .tits{width:240px;height:56px;}

.user-box .slide-pic .control{display: none;}

.user-box .slide-pic .tits{}

/*焦点排行榜*/

.slide-focus-rank {width: 1120px;height: 350px;position: relative;overflow:hidden;margin-top:4px}



.slide-focus-rank .slide-wrap { overflow:hidden; position: relative; width:1090px; height:246px;  margin:0 auto; margin-bottom:12px;}



.slide-focus-rank .rank-list li{ width:530px; height:246px; float: left; background-image: linear-gradient(0deg, #FFE0CF 0%, #FFF6E4 100%);border-radius: 20px; position: relative; margin-right:25px; margin-left:5px;}

.slide-focus-rank .rank-list .rank2{background-image: linear-gradient(0deg, #D3F0FF 0%, #EAF1FF 100%);}

.slide-focus-rank .rank-list .rank3{background-image: linear-gradient(180deg, #FFEDF5 0%, #FFDDDB 100%);}

.slide-focus-rank .rank-list .rank4{background-image: linear-gradient(180deg, #D7EFFF 0%, #BDF6FA 100%);}

.slide-focus-rank .rank-list .rank5{background-image: linear-gradient(180deg, #E4FAFF 0%, #FFD8D9 100%);}

.slide-focus-rank .rank-list .rank6{background-image: linear-gradient(180deg, #E4FFE2 0%, #C8F0FF 100%);}

.slide-focus-rank .rank-list .rank7{background-image: linear-gradient(180deg, #FCEAFF 0%, #E1E2FF 100%);}

.slide-focus-rank .rank-list .rank8{background-image: linear-gradient(180deg, #FFF3EC 0%, #EFD2C6 100%);}

.slide-focus-rank .rank-list .rank9{background-image: linear-gradient(180deg, #E6F1FF 0%, #FFDDEA 100%); }

.slide-focus-rank .rank-list .rank-tit{display: table-cell; width:20px; height:151px; padding:15px 8px; font-size:18px; font-weight: bold; color:#fff; position: absolute; top:10px; left:-5px;}

.slide-focus-rank .rank-list .rank1 .rank-tit{background: url(/static/img/orig/zt_gz20230113_best_pc_images_rankTitbg1.png) no-repeat;}

.slide-focus-rank .rank-list .rank2 .rank-tit{background: url(/static/img/orig/zt_gz20230113_best_pc_images_rankTitbg2.png) no-repeat;}

.slide-focus-rank .rank-list .rank3 .rank-tit{background: url(/static/img/orig/zt_gz20230113_best_pc_images_rankTitbg3.png) no-repeat;}

.slide-focus-rank .rank-list .rank4 .rank-tit{background: url(/static/img/orig/zt_gz20230113_best_pc_images_rankTitbg4.png) no-repeat;}

.slide-focus-rank .rank-list .rank5 .rank-tit{background: url(/static/img/orig/zt_gz20230113_best_pc_images_rankTitbg5.png) no-repeat;}

.slide-focus-rank .rank-list .rank6 .rank-tit{background: url(/static/img/orig/zt_gz20230113_best_pc_images_rankTitbg6.png) no-repeat;}

.slide-focus-rank .rank-list .rank7 .rank-tit{background: url(/static/img/orig/zt_gz20230113_best_pc_images_rankTitbg7.png) no-repeat;}

.slide-focus-rank .rank-list .rank8 .rank-tit{background: url(/static/img/orig/zt_gz20230113_best_pc_images_rankTitbg8.png) no-repeat;}

.slide-focus-rank .rank-list .rank9 .rank-tit{background: url(/static/img/orig/zt_gz20230113_best_pc_images_rankTitbg9.png) no-repeat;}



.slide-focus-rank .rank-list .pros{padding:12px 2px 12px 43px; overflow: hidden;}

/* .slide-focus-rank .rank-list li +li{display: none;} */

.slide-focus-rank .rank-list .pro{float: left; width:130px;margin-right:10px; padding:10px; background:#fff; position: relative; border-radius: 8px;}

.slide-focus-rank .rank-list .pro img{display: block; width:130px; height:130px; margin-bottom:5px;}

.slide-focus-rank .rank-list .pro::before{content: '';display: block; width:36px;height:42px; position: absolute; top:10px; left:10px;z-index:30;}

.slide-focus-rank .rank-list .pro:nth-child(1)::before{background: url(/static/img/orig/zt_gz20230113_best_pc_images_rank1.png) no-repeat;}

.slide-focus-rank .rank-list .pro:nth-child(2)::before{background: url(/static/img/orig/zt_gz20230113_best_pc_images_rank2.png) no-repeat;}

.slide-focus-rank .rank-list .pro:nth-child(3)::before{background: url(/static/img/orig/zt_gz20230113_best_pc_images_rank3.png) no-repeat;}

.slide-focus-rank .rank-list .name { font-size: 14px; line-height: 20px; height: 40px; display: block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; margin-bottom:6px;}

.slide-focus-rank .rank-list .other{display: block; height:24px; line-height:24px;}

.slide-focus-rank .rank-list .price{float: left; width:70px; height:24px; font-size:16px; font-weight: bold; color: #EE4445; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}

.slide-focus-rank .rank-list .buy-btn{float: right; width:55px; height:24px; border-radius:12px; background: #EE4445; font-size:14px; color:#fff; text-align: center;}









.circle-ctrl { height:22px; margin:0 auto; text-align: center;}

.circle-ctrl li{ display: inline-block; width:22px; height:22px; margin:0 5px; vertical-align: top;}

.circle-ctrl li a{ display: block; width:22px; height:22px; border-radius: 100%; background:#EDEDED; font-size:12px; color:#333; line-height:22px;}



.circle-ctrl .current a,.circle-ctrl li a:hover{ color: #fff; background:#EE4445; }



.slide-focus-rank .prev, .slide-focus-rank .next { margin-top: 0; top:94px; }

/* .slide-focus-rank-hover .prev{left:22px}

.slide-focus-rank-hover .next{right:22px;} */



.box-ranking-list{background-color: #fff;height: 359px; margin-bottom:0px;}

.box-ranking-list .hd{

  border-bottom: none;

}

.box-ranking-list .mark-sub { margin-right: 0; }



.box-ranking-list .mark-sub .tab-ctr { font-family: "Arial"; font-size: 14px; color: #999; margin-right: 25px; }



.box-ranking-list .see-more { margin-top: 10px; display: none; }





























.nav-bl-tg { display: none; height: 60px; line-height: 60px; font-size: 15px; }



.nb-ml-arrow { display: none; }



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



.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 .nav-wrap { width: 500px; }



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



.fix-nav .header-wrap { width: 1120px; }



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



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



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



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



.fix-nav .nav-bl-tg { height: 50px; line-height: 50px; color: #f33;}



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



.fix-nav .bl-box:hover .nav-bl-tg { color: #e44; }



.fix-nav .bl-box:hover .bl-tg-icon { background-position: -174px -405px; }



.fix-nav .bl-box:hover .bl-menu { display: block; }



.fix-nav .bl-box .arrow-top { display: block; }



.fix-nav .nav-bl-tg { display: block; }



.fix-nav .bl-tg-icon { width: 15px; height: 8px; background: url(/static/img/orig/2017_best_img_sprite.png) -174px -420px no-repeat; position: absolute; top: 0; right: 0; margin-top: 22px; margin-left: 5px; }



.fix-nav .bl-menu { display: none; background: #fff; width: 105px; height: 82px; border: 1px solid #ececec; border-radius: 3px; position: relative; top: -5px; left: 0; padding-top: 10px; }



.fix-nav .bl-menu a { text-align: center; font-size: 16px; line-height: 35px; color: #333; }



.fix-nav .bl-menu a span { display: none; }



.fix-nav .bl-menu a:hover { color: #e44; left: 0; }



.arrow-top { display: block; width: 14px; height: 9px; overflow: hidden; background: url(/static/img/orig/2017_best_img_sprite.png) -146px -140px no-repeat; position: absolute; top: -9px; left: 50%; margin-left: -7px; z-index: 10; }



/*文章*/

.art-list{margin-top: 0px;}

.art-list .mark-sub { width: 680px; font-size: 14px; line-height: 45px; margin-right: 0;}



.art-list .mark-sub a { float: right; margin-left: 26px; }



.art-list .all-type-box { float: right; position: relative; }



.art-list .all-type-box > em { cursor: pointer; }



.art-list .all-type-box > em .icon { float: right; width: 11px; height: 6px; overflow: hidden; background: url(/static/img/orig/2017_best_img_sprite.png) -195px -406px no-repeat; margin-top: 20px; margin-left: 5px; z-index: 10; }



.art-list .all-type-box:hover > em { color: #e44; }



.art-list .all-type-box:hover > em .icon { background-position: -195px -417px; }



.art-list .all-type-box:hover .type-menu-box { display: block; }



.art-list .fix-nav { top: 61px; width: 100%; left: 0; box-shadow: none; z-index: 999; }



.art-list .fix-nav .fix-wrap { width: 810px; padding-right: 310px; margin: 0 auto; background: #fff; border-bottom: 1px solid #ececec; }



.art-list .type-menu-box { display: none; width: 376px; background: #fff; border: 1px solid #ececec; border-radius: 3px; position: absolute; z-index: 999; left: -80px; top: 45px; padding: 15px 9px; text-align: center; box-shadow: 0px 5px 10px 2px rgba(0, 0, 0, 0.15); }



.art-list .type-menu-box .arrow-top { left: 110px; margin-left: 0; }



.art-list .type-menu-box a { margin-left: 0; cursor: pointer; width: 90px; float: left; font-size: 14px; line-height: 40px; }



.art-list .fix-out-box { height: 45px; background: #fff; }



.slide-af { width: 270px; height: 265px; padding-top: 0; margin-top: 10px; }



.slide-af .control { position: absolute; bottom: 20px; left: 0; left: 50%; margin-left: -26px; text-align: center; }



.slide-af .control li { width: 8px; height: 8px; float: left; margin: 0 4px; background: url(/static/img/orig/2017_best_img_sprite.png) -67px -143px no-repeat; margin-top: 2px; cursor: pointer; }

   

.slide-af .control li a { visibility: hidden; }



.slide-af .control .current { width: 12px; margin-top: 0; height: 12px; background-position: -78px -141px; }



.side-box {margin-bottom: 10px;}   





/*众测*/

.side-zc .circle-ctrl-out { padding: 0; }



.side-zc .circle-ctrl { height: 22px; font-size: 12px; height: 22px; line-height: 22px; margin-top: 8px; margin-right: 20px; }



.side-zc .circle-ctrl .item { display: none; background: none; }



.side-zc .circle-ctrl .current { background: none; display: block; color: #e44; margin: 0; }



.side-zc .circle-ctrl span { color: #999; }



/*置顶广告位*/

.top-ivy { position: relative; height: 50px; background: #fafafa; margin-bottom: 8px; }



.top-ivy .index_icon:first-child { position: absolute; top: 0; left: 0; width: 13px; height: 12px; background-position: -163px -96px; }



.top-ivy .fix-top-ivy { float: left; text-align: center; font-size: 16px; line-height: 26px; width: 67px; height: 26px; margin-top: 12px; border-right: 1px solid #ececec; }



.top-ivy a { float: left; line-height: 50px; font-size: 16px; padding-left: 15px; }



.top-ivy .ivy-icon { position: absolute; right: 0; bottom: 0; background-position: -179px -96px; height: 12px; width: 20px; }



.mt-20 { margin-bottom: 20px; }



.fix-hot-rank { position: fixed; top: 60px; left: 50%; margin-left: 290px; z-index: 949; }



/*精选*/

#JpushJX iframe { width: 810px; height: 310px; }



/*小屏适配*/

.small-1366{overflow-x: hidden;}

.small-1366 .slideContent-box { left: -15px; }

.small-1366 .side-bar-box{margin-right:0px;}

.small-1366 .header .header-wrap,.small-1366 .main-box,.small-1366 .navibar-wrap{padding: 0 0px;}

.small-1366 .main-box{padding-top: 0px;}

.small-1366 .side-fixRight{margin-right: 0}

.small-1366 .fix-nav .bl-box{right: 110px;}

.small-1366 .slideContent-box .list-shadow{display: none;}

.small-1366 .slideContent-box {border-right: 1px solid #ececec;}

.small-1366 .slideContent-list{padding-bottom: 0;min-height: 606px;}

.small-1366 .fullBack{display: none!important;}

.small-1366 .fix-hot-rank{margin-left:290px}

/*有广告*/

.has-tonglan-db{

	top: 240px;

}

body .before-fixRight{

	bottom: 110px;

}

.body-ad-tonglan img, .body-ad-tonglan iframe, .body-ad-tonglan object, .body-ad-tonglan embed{

	padding-bottom: 5px;

}



/*2017双十一*/

.double11-gift-box{position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#60000000,endColorstr=#60000000);z-index:999999;top:0;left:0;min-width:1120px;min-height:870px}

.double11-gift-box .main-pic{width:941px;height:870px;position:absolute;top:50%;left:50%;margin-left:-470px;margin-top:-435px}

.double11-gift-box .get-gift{position:absolute;top:50%;left:50%;width:382px;height:70px;margin-left:-187px;margin-top:156px}

.double11-gift-box .tap-img,.double11-gift-box .tap-knock,.close-gift-box{position:absolute;top:50%;left:50%}

.double11-gift-box .tap-img{margin-left:261px;margin-top:75px;animation:tapMove 1s ease-in-out infinite;-webkit-animation:tapMove 1s ease-in-out infinite}

.double11-gift-box .tap-knock{width:28px;height:52px;margin-left:239px;margin-top:135px;animation:knockShow 1s linear infinite;-webkit-animation:knockShow 1s linear infinite}

.close-gift-box{background:url(/static/img/orig/2017_best_img_double11_double11-close.png) no-repeat;width:58px;height:59px;margin-left:352px;margin-top:-282px;cursor:pointer}

@keyframes tapMove{0%{transform:translate(0,0)}

50%{transform:translate(10px,-5px)}

100%{transform:translate(0,0)}

}@-moz-keyframes tapMove{0%{-moz-transform:translate(0,0)}

50%{-moz-transform:translate(10px,-5px)}

100%{-moz-transform:translate(0,0)}

}@-webkit-keyframes tapMove{0%{-webkit-transform:translate(0,0)}

50%{-webkit-transform:translate(10px,-5px)}

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

}@keyframes knockShow{0%{opacity:1}

10%{opacity:1}

15%{opacity:0}

85%{opacity:0}

90%{opacity:1}

100%{opacity:1}

}@-moz-keyframes knockShow{0%{opacity:1}

10%{opacity:1}

15%{opacity:0}

85%{opacity:0}

90%{opacity:1}

100%{opacity:1}

}@-webkit-keyframes knockShow{0%{opacity:1}

10%{opacity:1}

15%{opacity:0}

85%{opacity:0}

90%{opacity:1}

100%{opacity:1}

}

.small-red{display:none}

/*20181029*/

.newStyle_11{background:url(/static/img/orig/2018_best_img11_tj_bg.jpg) no-repeat; padding-top:25px; height:160px; position:relative;} .newStyle_11:before{content:'';width:11px; height:186px; background:url(/static/img/orig/2018_best_img11_tj_bg1.png) no-repeat; position:absolute; top:0; left:-11px;} .newStyle_11:after{content:'';width:4px; height:161px; background:url(/static/img/orig/2018_best_img11_tj_bg2.jpg) no-repeat; position:absolute; top:14px; right:-4px;} .newStyle_11 .rec-main{border:none; background:none} .newStyle_11 .date-box:before{content:''; width:119px; height:43px; background:url(/static/img/orig/2018_best_img11_logo1.gif) no-repeat; position:absolute; top:10px; left:32px;} .newStyle_11 .rec-main .item + .item{border:none;} .newStyle_11 .date-box{height:160px;} .newStyle_11 .date-box .top-red{top:30px;} .newStyle_11 .date-box .date-day{bottom:-16px;} .newStyle_11 .date-box .date-week{margin:75px 0 0 60px;} .rankingStyle_11{background: url(/static/img/orig/2018_best_img11_php_bg.jpg) no-repeat; height:294px; margin-bottom:20px;} .rankingStyle_11 .hd .mark{display:none;} .rankingStyle_11 .mark-sub{margin-right:15px;} .rankingStyle_11 .slide-focus-rank{width:788px; margin:0 auto; margin-bottom:30px;} .rankingStyle_11 .slide-focus-rank .circle-ctrl{right:129px}.rankingStyle_11 .slide-focus-rank .rank-list li a + a{margin-left:22px;} .rankingStyle_11 .slide-focus-rank .rank-list{padding-top:10px;} .rankingStyle_11 .rank-list .icon{background:url(/static/img/orig/2018_best_img11_php_icons.png) no-repeat; width:30px; height:40px} .rankingStyle_11 .rank-list .rank1{background-position:-1px -1px;} .rankingStyle_11 .rank-list .rank2{background-position: -37px -1px} .rankingStyle_11 .rank-list .rank3{background-position:-77px -1px;} .rankingStyle_11 .rank-list .title{margin-bottom:10px;}





/*今日推荐旧，待删 */

.area-recommend { background: #fafafa; height: 146px; padding-bottom: 0!important; margin-bottom: 40px; }

.area-recommend .rec-item { float: left; }

.area-recommend .date-box { width: 172px; padding-left: 20px; position: relative; height: 146px; }

.area-recommend .date-box .date-day { font-size: 66px; height: 73px; width: 80px; position: absolute; left: 20px; bottom: 0; color: #666; overflow: hidden; }

.area-recommend .date-box .date-day i { position: absolute; width: 100%; height: 73px; line-height: 73px; top: -36px; font-family: "Arial"; }

.area-recommend .date-box .top-red { color: #e44; bottom: auto; top: 0; }

.area-recommend .date-box .top-red i { top: auto; bottom: -37px; }

.area-recommend .date-box .date-week { font-size: 15px; margin: 45px 0 0 80px; text-align: center; }

.area-recommend .date-box .date-week span { display: inline-block; width: 74px; height: 26px; line-height: 26px; background: #666; color: #fff; text-align: center; font-size: 14px; }

.area-recommend .rec-main { background: #fff; border: 1px solid #ececec; height: 144px; width: 926px; }

.area-recommend .rec-main .item { width: 288px; padding-left: 20px; height: 124px; margin: 10px 0; float: left; }

.area-recommend .rec-main .item + .item { border-left: 1px solid #ececec; }

.area-recommend .rec-main .left-info { display: block; width: 140px; float: left; }

.area-recommend .rec-main .left-info:hover .title { color: #e44; }

.area-recommend .rec-main .right-pic { float: right; width: 140px; height: 140px; margin-top: -8px; margin-right: 5px; }

.area-recommend .rec-main .right-pic img { width: 140px; height: 140px; }

.area-recommend .rec-main .title { font-size: 16px; line-height: 28px; color: #671111; display: inline-block; margin-top: 25px;max-width: 140px;height: 28px;overflow: hidden; }

.area-recommend .rec-main .info { font-size: 14px; line-height: 22px; color: #999; width: 140px; height: 44px;overflow: hidden;}





/*今日推荐*/

.area-recommendA {

  background: #fafafa;

  width: 1120px;

  height: 270px;

  padding-bottom: 0 !important;

  margin-bottom: 40px;

}

.recommend-11bg {

  padding: 12px 14px!important;

  background: url('/static/img/orig/best_gz20191105_images_best-jd11-bg.jpg') no-repeat center center;

  margin-left: -14px;

  position: relative;

}

.recommend-11bg .jd11 {

  display: block;

  width: 302px;

  height: 48px;

  background: url('/static/img/orig/best_gz20191105_images_best-jd111.png') no-repeat center;

  position: absolute;

  top: 0;

  left: 1px;

  z-index: 9999;

}

.area-recommend-col {

  width: 1120px;

  height: 270px;

  background: #fff;

}

.recommend-col-left {

  float: left;

  width: 252px;

}

.area-recommendA .date-box {

  width: 252px;

  padding: 64px 0;

  background-color: #f9f9f9;

  position: relative;

}

.recommend-11bg .date-box {

  padding: 79px 0 56px 0;

}

.area-recommendA .date-box .date-day {

  font-size: 66px;

  height: 73px;

  width: 80px;

  position: absolute;

  left: 20px;

  bottom: 0;

  color: #666;

  overflow: hidden;

  display: none;

}

.area-recommendA .date-box .date-day i {

  position: absolute;

  width: 100%;

  height: 73px;

  line-height: 73px;

  top: -36px;

  font-family: "Arial";

}

.area-recommendA .date-box .top-red {

  color: #e44;

  bottom: auto;

  top: 0;

}

.area-recommendA .date-box .top-red i {

  top: auto;

  bottom: -37px;

}

.area-recommendA .date-box .date-week {

  font-size: 15px;

  font-size: 22px;

  width: 252px;

  text-align: center;

}

.area-recommendA .date-box .date-week span {

  display: inline-block;

  width: 114px;

  height: 40px;

  line-height: 40px;

  background: #666;

  color: #fff;

  font-size: 22px;

  margin-left: 12px;

}

.area-recommendA .recommend-news {

  margin-top: 20px;

}

.recommend-11bg .recommend-news {

  height: 60px;

  overflow: hidden;

}

.area-recommendA .recommend-news a {

  display: block;

  float: left;

  width: 114px;

  height: 23px;

  line-height: 23px;

  font-size: 12px;

  background-color: #f9f9f9;

  overflow: hidden;

  text-align: center;

  margin: 0 24px 7px 0;

}

.area-recommendA .recommend-news em {

  display: inline-block;

  width: 10px;

  height: 14px;

  background: url('/static/img/orig/best_gz20191105_images_fire_icon.png') no-repeat center center;

  position: relative;

  top: 3px;

  margin-right: 2px;

}

.area-recommendA .recommend-news .recommend-news-right {

  margin-right: 0;

}

.area-recommendA .recommend-news a:hover {

  color: #e44;

}

.area-recommendA .rec-main {

  float: right;

  width: 858px;

  height: 270px;

}

.area-recommendA .rec-main .item {

  width: 254px;

  height: 126px;

  padding: 0 8px;

  margin: 0 0 14px 14px;

  float: left;

  border: 1px solid #dfe2e6;

}

.area-recommendA .rec-main .left-info {

  display: block;

  width: 130px;

  float: left;

  margin-left: 4px;

}

.area-recommendA .rec-main .title {

  font:15px/32px Microsoft Yahei,tahoma,HELVETICA;

  color: #74151d;

  display: inline-block;

  margin-top: 25px;

  width: 130px;

  height: 32px;

  overflow: hidden;

}

.area-recommendA .rec-main .info {

  font-size: 12px;

  line-height: 20px;

  color: #a3a2a2;

  width: 130px;

  height: 40px;

  overflow: hidden;

}

.area-recommendA .rec-main .left-info:hover .title {

  color: #e44;

}

.area-recommendA .rec-main .right-pic {

  float: right;

  width: 110px;

  height: 110px;

  margin: 7px 0 0 10px;

}

.area-recommendA .rec-main .right-pic img {

  width: 110px;

  height: 110px;

}





.slide-currentArt {

  padding: 20px 15px!important;

}

.slide-currentArt .slide-pic{height:254px; width:240px}

.slide-currentArt .slide-pic .prev, .slide-currentArt .slide-pic .next {

 margin-top: -78px!important;

}

.slide-currentArt .control {

  display: none;

}

.currentArt-wrap .currentArt {

  width: 240px;

  height: 254px;

  padding: 0!important;

  border-bottom: 0px;

  margin:0;

}

.currentArt-wrap .currentArt .art-col {

  display: block;

  width: 240px;

  height: 212px;

}

.currentArt-wrap .currentArt .art-col .art-img {

  width: 240px;

  height: 140px;

  overflow: hidden;

}

.currentArt-wrap .currentArt .art-col .art-img img {

  display: block;

  width: 240px;

  height: 140px;

}



.currentArt-wrap .currentArt .art-col .title {

  width: 240px;

  padding: 0 0px;

  line-height: 30px;

  font-size: 14px;

  color: #2f2f2f;

  margin-top: 10px;

  overflow: hidden;

  text-overflow: ellipsis;

  word-break: break-all;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  display:

  -moz-box;

  display:

  -webkit-box;

  display:

  -o-box;

}

.currentArt-wrap .currentArt .art-col .title:hover {

  color: #f80;

}

.currentArt-wrap .currentArt .art-info {

  width: 255px;

  padding: 0 0 0 0px;

  height: 32px;

  margin-top: 10px;

}

.currentArt-wrap .currentArt .btn-cmt-like {

  float: right;

}

.currentArt-wrap .currentArt .art-info a {

  float: left;

}

.currentArt-wrap .currentArt .art-info .author-img img {

  display: inline-block;

  width: 32px;

  height: 32px;

  border-radius: 50%;

}

.currentArt-wrap .currentArt .art-info .author-name {

  float: left;

  line-height: 32px;

  font-size: 12px;

  color: #333;

}

.currentArt-wrap .currentArt .art-info .author-name:hover {

  color: #f80;

}

.slide-currentArt .art-stat .btn .ic-like{

  left:25px;

}

.art-list .refresh-btn{

  float:right;

  line-height:32px;

  padding-left:35px;

  position: relative;

  font-size:14px;

  color:#999;

  margin-top:7px;

  margin-right: 5px;

}

.art-list .refresh-btn::before{

  content:'';

  display: block;

  width:32px; 

  height:32px;

  background: url(/static/img/orig/zt_gz20230113_best_pc_images_refreshIcon.png) no-repeat;

  position: absolute;

  top:0; 

  left:0;

}

 .art-list .mark-sub-new {

  width:400px; 

  height:32px;

  line-height:32px;

  float: left;

  margin-top:7px;

  margin-left:45px;

} 

.art-list .mark-sub-new a,.art-list .mark-sub-new .types-box{

  float: none;

  margin-left: 0;

  cursor: pointer;

  position: relative;

  font-size: 18px;

  color:#333333;

  margin-right:30px;

}

.art-list .mark-sub-new a:hover,.art-list .mark-sub-new .current,.art-list .mark-sub-new .types-box .item:hover{

  color:#EE4445;

}

.art-list .mark-sub-new .types-box{

  position: relative;

  display: block;

  width:95px;

  height:50px;

  position: absolute;

  left:400px;

  top:15px;

  z-index:300;

}

.art-list .mark-sub-new .types-box .tag{

  padding-right:20px;

}

.art-list .mark-sub-new .types-box .tag::after{

  content: '';

  display: block;

  width:12px;

  height:8px;

  background: url(/static/img/orig/zt_gz20230113_best_pc_images_sjIcon5.png) no-repeat;

  background-size: 12px;

  position: absolute;

  right:0;

  top:13px;

}

.art-list .mark-sub-new .types-box .types{

  display: none;

  width:110px;

  height:260px;

  background-color: #fff;

  position: absolute;

  bottom:-255px;

  left:0;

  padding-top:10px;

  z-index:300;

  box-shadow: 5px 0 10px 0 rgb(38 38 38 / 10%);

}

.art-list .mark-sub-new .types-box.typeCur .types{

   display: block;

}

.art-list .mark-sub-new .types-box .types::before{

  content: '';

  display: block;

  width:15px;

  height:9px;

  background: url(/static/img/orig/zt_gz20230113_best_pc_images_typesTagIcon.png) no-repeat;

  background-size: 15px;

  position: absolute;

  top:-8px;

  right:16px;

}

.art-list .mark-sub-new .types-box .item{

  display: block;

  height:36px;

  line-height: 36px;

  color:#333;

  text-align: center;

  font-size:14px;

  cursor: pointer;

}



/*.art-list .mark-sub-new span {

  margin: 0 1px;

}

.art-list .mark-sub-new .tab-like img {

  display: none;

  width: 20px;

  height: 20px;

  position: relative;

  margin: 0 4px;

  top: 13px;

}

.art-list .mark-sub-new i {

  position: absolute;

  bottom: -3px;

  width: 10px;

  height: 3px;

  left: 50%;

  margin-left: -5px;

  display: none;

  background-image: url('/static/img/orig/best_gz20191210_images_arrow_top.png');

  background-size: 10px 3px;

  background-repeat: no-repeat;

  background-position: 0 0;

}

.art-list .mark-sub-new .tab-like i {

  margin-left: -6px;

}

.art-list .mark-sub-new .current {

  color: #ff0000;

}

.art-list .mark-sub-new .current i {

  display: inline-block;

} */



.art-list-hd-fixed {

  width: 825px!important;

  position: fixed;

  top: 38px;

  background-color: #fff!important;

  box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.1);

  z-index: 999;

}

.art-list-hd-fixed .fix-out-Box {

  width: 825px;

}



.expand li.ex-xy,.expand li.ex-wb { display: none !important;}

.navibar .navibar-lb li:nth-child(4) a {color: #e44;}



.tool-block .ex-bl .ex-bubble-bd .item:nth-child(1) { display: none !important;}

.tool-block .ex-bl .ex-bubble-bd { border: none; box-shadow: none; display: block; width: 55px; right: 0; top: 0;z-index: 1;padding-left: 0;background: none;}



.tool-block .ex-bl .ex-bubble-bd .item {

  width: 55px;

  margin: 0;

  padding: 25px 0 0;

  background: #fafafa;

}



.tool-block .ex-bl .ex-bubble-bd .tg-icon {

  width: 41px;

  height: 41px;

  background-position: -276px -61px;

  background-size: 440px 440px;

}



.grid a:last-of-type {

  border: none;

}



.slide-focus-rank .rank-list li a:last-child {

  margin-right: 0;

}



.fix-nav .navImgItem{margin-top:0px!important}



#JusersLink{display:none}



/* 20230612 */

.grid a .title em{line-height: 24px;height:48px;}

.grid a .title .label{padding: 0px 8px;background: #FDECEC;border-radius: 26px;margin-right: 10px;font-size: 12px;color: #EE4445;margin-left:5px;}

.side-hot-pannel1 .rank-list li .title p .label{padding: 0px 8px;background: #FDECEC;border-radius: 26px;margin-right: 10px;font-size: 12px;

color: #EE4445;margin-left:5px;}



/*  20221024 ztpf

.ztpf-index{background:#FFF7F7 url(/static/img/orig/zt_gz20231023_1111_pc_img_ztbg.png) no-repeat center top; background-size:1920px;}*/

/*.ztpf-index .fix-nav-box,.ztpf-index .header,.ztpf-index .nav-box{background:none;}

.ztpf-index .ks-info a{color:#fff;}

.ztpf-index .nav-box{border:none}

.ztpf-index .nav-box .header{background-color: #fff;}

.ztpf-index .before-fix{background-color:#fff;}

.ztpf-index .fix-nav-box .ivy-tonglan{width:1104px; height:90px; padding:8px; background:#fff; margin-top:10px;}

.ztpf-index .main-box{margin-top:0;padding:0px 10px 0 10px;background:none;}

.ztpf-index .nav-wrap{position:relative;}

.ztpf-index .nav-wrap .item-zt{display:block; width:85px; height:25px; background:url(/static/img/orig/zt_gz20231113_1111_pc_img_ztlogo.png) no-repeat; position:absolute; top:8px; right:-85px;z-index:100;}

.ztpf-index .before-fix .nav-search{display:none} */





/* 换肤去掉时记得去掉这个*/

body .side-bar-box{height:95px;} 



/* 20231214 */

.box-ranking-list .tabs {

  font-size: 22px;

  line-height: 58px;

  margin: -7px 0;

}

.box-ranking-list .tabs i {

  display: inline-block;

  padding: 0 19px;

  cursor: pointer;

  vertical-align: top;

  color: #666666;

}

.box-ranking-list .tabs .active {

  position: relative;

  color: #333;

  font-weight: bold;

}

.box-ranking-list .tabs .active::before {

  content: "";

  position: absolute;

  height: 2px;

  background-color: #EE4445;

  width: 100%;

  top: 0;

  left: 0;

}

.box-ranking-list .hd {

  border-bottom: none;

  display: flex;

  justify-content: space-between;

  align-items: center;

}

.box-ranking-list .hd .see-more {

  display: inline-block;

  width: 56px;

  position: relative;

  padding-right: 15px;

  height: 29px;

  line-height: 29px;

  font-size: 14px;

  margin-top: 0;

}

.box-ranking-list .hd .see-more .icon {

  background: url(/static/img/orig/zt_gz20230113_best_pc_images_bnextIcon.png) no-repeat;

  position: absolute;

  width: 7px;

  height: 8px;

  right: 0;

}

.box-ranking-list .bd .active {

  display: block;

}

.slide-seven-prods {

  height: 269px;

  overflow: hidden;

  width: 1090px;

  padding: 0 15px;

  margin: 17px auto 0;

}

.slide-seven-prods .slide-wrap {

  overflow: hidden;

  position: relative;

  height: 225px;

  margin-bottom: 20px;

}

.slide-seven-prods .rank-seven-prods .pros {

  display: flex;

  width: 1090px;

}

.slide-seven-prods .rank-seven-prods .pro {

  width: 145px;

  display: flex;

  flex-direction: column;

  margin: 0 6px;

  overflow: hidden;

}

.slide-seven-prods .rank-seven-prods .pro img {

  width: 145px;

  height: 145px;

  margin-bottom: 10px;

}

.slide-seven-prods .rank-seven-prods .pro .name {

  font-size: 14px;

  line-height: 20px;

  height: 40px;

  display: block;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  margin-bottom: 10px;

}

.slide-seven-prods .rank-seven-prods .pro .price {

  font-size: 16px;

  color: #EE4445;

  line-height: 20px;

}

.slide-seven-prods .rank-seven-prods .pro .desc{

  font-size: 16px;

  color: #EE4445;

  line-height: 20px;

  text-overflow: ellipsis;

  overflow: hidden;

  white-space: nowrap;

  height: 20px;

}

.slide-seven-prods .slide-wrap .prev,

.slide-seven-prods .slide-wrap .next {

  margin-top: 0;

  top: 80px;

}





/* 520皮肤 */

/* .ztpf-index {

  background: url('/static/img/orig/best_2026_520_images_bg-pc-best-skin.webp') top center no-repeat #53BCFF;

  background-size: 1920px auto;

}

.ztpf-index .header .logo {

  background-image: url('/static/img/orig/best_2026_520_images_logo-wap-best-white.webp');

}

.ztpf-index .fix-nav-box,

.ztpf-index .header,

.ztpf-index .nav-box {

  background: transparent;

}

.ztpf-index .nav-box .header {

  background: #fff;

}

.ztpf-index .nav-box {

  border-color: transparent;

}

.ztpf-index .ks-info a {

  color: #fff;

}

.ztpf-index .ks-info a:hover {

  color: #fff;

  text-decoration: underline;

}

.ztpf-index .banner-520 {

  margin-top: 10px;

  margin-bottom: 5px;

}

.ztpf-index .banner-520 img {

  display: block;

  width: 100%;

  height: auto;

}

.ztpf-index .before-fix {

  box-shadow: none;

}

.ztpf-index .nav-box.before-fix {

  padding-top: 0;

}

.ztpf-index .nav-box.before-fix .nav-wrap {

  padding-left: 24px;

  width: 520px!important;

  box-sizing: border-box;

} */