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

body .navibar-la{padding-left: 0;}
ul{
    list-style:disc;
}
ol{
    list-style: decimal;
}
@charset "UTF-8";
.header .logo, .ks-input .ks-submit, .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: #f0f0f0; }

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 { width: 1120px; margin: 0 auto; zoom: 1; text-align: left; }

.header { height: 90px; border-bottom: 1px solid #ececec; background: #fff;}

.header .logo { width: 131px; height: 77px; margin: 6px 35px 0 0; float: left; background-position: -186px -54px; }

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

/*快搜*/
.ks { float: right; width: 365px; margin-top: 25px; zoom: 1; height: 40px; position: relative; z-index: 200; border-radius: 40px; background: #fafafa; }

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

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

.ks-input .ks-q { width: 170px; height: 26px; line-height: 26px; margin: 6px 0 6px 20px; color: #999; border: none; background: #fafafa; }

.ks-input .ks-submit { width: 45px; height: 38px; background-position: -479px 0; cursor: pointer; border: none; position: absolute; top: 0; right: 0; background-color: #383838; border-top-right-radius: 40px; border-bottom-right-radius: 40px; padding: 0; }

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

.ks-info { position: absolute; top: 7px; right: 55px; width: 270px; overflow: hidden; text-align: right; font-size: 0; }

.ks-info a { position: relative; z-index: 9; display: inline-block; border-radius: 10px; height: 20px; line-height: 20px; color: #999; margin: 0 5px; font-size: 12px; vertical-align: middle; }

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

.nav-wrap a { float: left; margin-right: 29px; }

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

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

.nav-wrap a: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: 91px;
}
body .before-fix{
    overflow: hidden;background: #fff;height: 90px; position: fixed; top: 0; left: 0; z-index: 1000; width: 100%;box-shadow: 0 0 15px 2px rgba(0, 0, 0, 0.15); -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;
}

/*退出弹窗*/
.logOut-popup .hd{display: none;}
.logOut-popup .bd p{font-size: 20px;padding: 35px 0 25px;}

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

.art-con .art-hd {
    height: 44px;
    width: 100%;
    border: none;
    background: none;
    display: none;
}

.art-hd .art-link {
    width: 100px;
}

.art-hd .art-link .btn {
    width: 68px;
    padding-left: 15px;
    font-size: 12px;
    height: 28px;
    line-height: 28px;
}
.art-hd .art-link .btn em {
    right: 16px;
    top: 9px;
}

.art-hd .art-coupon .coupon-btn {
    padding: 0 10px !important;
}

.art-con .art-list-hd-fixed {
    display: block;
    width: 810px!important;
    position: fixed;
    top: 50px;
    background-color: #fff!important;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.1);
    z-index: 999;
}

.art-con .art-tit {
    float: left;
    font-size: 16px;
    line-height: 44px;
    width: 540px;
    height: 44px;
    position: relative;
    color: #333;
    padding-left: 13px;
    margin-bottom: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.art-con .art-list-tit {
    width: 665px;
}

.art-sub {
    float: right;
    /* padding-top: 7px; */
    width: 250px;
    height: 44px;
}

.art-sub .art-link {
    margin-top: 7px;
    margin-bottom: 7px;
}

.art-list-sub {
    width: 120px;
}

/* 20221108--找券入口 */
.side-bar-box{opacity: 0;}
.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:25px; left:50%;margin-left:-15px;}
.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;}
body .before-fix .enter-zq{width:76px; height:32px;background:url('/static/img/orig/2022_1101best_findcoupons_pc_images_zqbg2.png') no-repeat; top:11px; margin-left:-80px;}
body .before-fix .enter-zq .new-icon{width:31px; height:16px;background:url('/static/img/orig/2022_1101best_findcoupons_pc_images_newIcon2.png') no-repeat;}
@-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);
}
}
/** side-bar(侧边栏) **/

.side-bar-box{ position: absolute; top: 150px; right: 50%;margin-right: -870px; width: 55px; background: #fafafa; padding-bottom: 20px; border-radius: 55px 55px 0 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: 50%;margin-right: -660px;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: -870px;
}
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; width: 55px;}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


.expand li.ex-xy,.expand li.ex-wb,.tool-block .ex-bl .ex-bubble-bd .item:nth-child(1) { display: none !important;}

.ex-bubble-bd {right: 70px;}

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

.tool-block .ex-bl .ex-bubble-bd .item {margin: 15px 9px;}

.side-bar-box {width: 55px;}
 
.navibar .navibar-lb li:nth-child(4) a {color: #e44;}

.tool-block .ex-bl .ex-bubble-bd .item {
  width: 55px;
  margin: 23px 0;
  background: #fafafa;
}

.tool-block .ex-bl .ex-bubble-bd .tg-icon {
  width: 41px;
  height: 41px;
  background-position: -276px -61px;
  background-size: 440px 440px;
}
/** box(box.css 盒子模型) **/
.side-box { border: none; position: relative; margin-bottom: 40px; zoom: 1; background: #fafafa; padding-top: 10px; }

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

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

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

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

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

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

/*焦点图，控制按钮*/
.slide-pic {position: relative;overflow: hidden;}
.slide-pic .prev,.slide-pic .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{
	opacity: 1;
}
.slide-pic .prev{
	background-position: -351px -147px;
	left: -29px;
}
.slide-pic-hover .prev{
	left: 0;
}
.slide-pic .next{
	background-position: -320px -147px;
	right: -29px;
}
.slide-pic-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:30px 0; border-bottom:1px solid #F4F4F4;position: relative;}
.art-pre a{color:#ff7e2d}
.art-pic,.art-txt{display:inline;float:left;}
.art-pic {width:190px; margin-right:20px;}
.art-txt{width:600px;}
.art-wrap{min-height:155px;_height:expression(this.scrollHeight>185?"185px":"auto");overflow: hidden;}

.art-hd {margin-bottom:10px; font:18px/28px Microsoft Yahei; word-break:break-all;}
.art-hd-del{text-decoration: line-through;}
.art-hd-del .circle{text-decoration:none;}
.art-hd .art-info{line-height:14px;height:12px;padding:3px 0 4px;margin-bottom:8px;}
.art-hd .art-info a, .art-hd .art-info span {margin-right: 10px;font-size:12px; color: #999;float: left;*vertical-align: bottom;}
.art-hd .art-info a:hover,.art-hd .art-info a:hover span{color: #e44;}
.art-hd .art-info .tag-cati {position: absolute;top: 30px;left: 0;font-size: 12px;width: 34px;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(125, 203, 240, 0.8);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#807dcbf0,endColorstr=#807dcbf0);}
.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;}
.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;}
a:hover .circle {color: #e44; text-decoration:none;}

/*.art .art-detail {position:relative; z-index: 1;}*/
.art .art-pre {height:48px; font: 14px/24px Microsoft Yahei; overflow:hidden;zoom: 1; color: #999; word-break:break-all;position: relative;}
.art-sw .art-pre{height:80px;}
.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;}

.art-stat {float:left;width:260px;}
.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:0; 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 .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;}
.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;}

.art-link .btn{width:83px;height: 33px;line-height: 33px;text-align: left;padding-left:15px; position:relative;/*z-index:3;*/}
.art-link .btn em {right: 15px;top:12px;}
.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;}
/*****right.css 右侧模块******/
/* 为你发现 */
.box-found .bd { padding: 0 0 0 6px; }

.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: 278px; zoom: 1; overflow: hidden; height: 346px; }

.grid a { width: 115px; float: left; margin-right: 12px; display: inline; display: block; text-align: center; position: relative; word-wrap: break-word; padding-bottom: 20px; }

.grid a:hover { border-color: #e44; z-index: 1; }

.grid a .title { height: 40px; padding: 8px 0 0; display: block; overflow: hidden; zoom: 1; line-height: 20px; }

.grid a .title .fc-red { overflow: hidden; font-size: 12px; color: #e44; }

/* 最新体验 */
.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; 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}
.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;}
@charset "UTF-8";
.fc-black { color: #333; }
.hidden{display: none;}
.fc-gray { color: #999; }

/* wraper-set */
.col-ab { width: 810px; float: left; }

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

.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: -55px; width: 100%; -webkit-transition: bottom .2s linear; -o-transition: bottom .2s linear; transition: bottom .2s linear; }

.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 .current { background: #e44; filter: none; }

.big-slide .circle-wrap i { text-align: center; font-size: 14px;height: 40px; line-height: 20px; padding: 10px; overflow: hidden;padding-bottom: 0;border-bottom: 10px solid transparent;}

.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:40px;}
.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}
/*art-focus.css*/
/*art-focus通用,文章灰底区域，要和模拟下拉配合*/
.art-wrap,.art-main{width: 1120px; margin: 0 auto;text-align:left;}
.gray-bg{background: #f8f8f8; width: 100%; padding:0 0 20px;position:relative;z-index:5;}
.gray-bg .box{margin: 0}
.art-focus:after{content:"\20";clear:both;height:0;display:block;overflow:hidden;}
.art-focus{zoom:1;background: #fff; padding:20px;position:relative;}
.art-pic,.art-txt{display:inline;float:left;}
.art-pic {width:220px; margin-right:30px;}
.art-txt{width:520px;}
.art-txt .btn {width: 150px;height: 40px;line-height: 40px;text-align: center;}

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

.art-hd {margin-bottom:10px; font:18px/28px Microsoft Yahei; word-break:break-all;}
.art-hd .art-info{line-height:14px;height:12px;padding:3px 0 4px;margin-bottom:8px;}
.art-hd .art-info a, .art-hd .art-info span {margin-right: 10px;font-size:12px; color: #999;float: left;*vertical-align: bottom;}
.art-hd .art-info a:hover {color: #e44;}
.art-hd .art-info .tag-cati {padding-right: 10px;border-right: 1px solid #e5e5e5;}
.art-hd .art-info .time {float: right;margin-right: 0;}
.art-hd .title {font-size: 18px;line-height: 28px;}

.art-bd{position:relative;zoom:1;z-index:10;margin-bottom:18px;}
.art-bd .yh-qrcode span,.art-bd .yh-voucher .fl{line-height:32px;font-size:14px;display:inline-block;padding-left:8px;position:relative;margin-right:20px;}
.art-bd .yh-qrcode span i,.art-bd .yh-voucher .icon-dot{width:3px;height:3px;line-height:0;font-size:0;background:#e44;position:absolute;left:0;top:14px;}
.art-bd .yh-voucher{height:32px;position:relative;zoom: 1;}
.art-bd .yh-voucher .fl{margin-right:0;display:block;padding-right:25px;}
.art-bd .yh-voucher .fl .icon-tria{width:9px;height:5px;background:url(/static/img/orig/2016_best_images_sprite.png) -106px -408px no-repeat;position:absolute;right:0;top:13px;}

.art-bd .yh-voucher .fl .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);
}

.art-bd .yh-voucher .hover .icon-tria{
     background:url(/static/img/orig/2016_best_images_sprite.png) -106px -428px no-repeat;
}
html:root .art-bd .yh-voucher .hover .icon-tria{
    background:url(/static/img/orig/2016_best_images_sprite.png) -106px -408px no-repeat;
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    transform:rotate(180deg);
}

.art-bd .yh-voucher .icon-tria-sub{width:14px;height:9px;position:absolute;right:0;top:22px;background:url(/static/img/orig/2016_best_images_sprite.png) -146px -140px no-repeat;z-index:5;display:none;}

.art-bd .vouchers{position:absolute;left:0;top:30px;padding:0 10px;border:1px solid #e5e5e5;background:#fff;display:none;}
.art-bd .vouchers a{line-height:32px;border-bottom:1px dashed #e5e5e5;display:block;text-align:center;white-space:nowrap;}
.art-bd .vouchers .last{border-bottom:none;}

.art-bd .hover .vouchers{display:block;}
.art-bd .hover .icon-tria-sub{display:block;}

.art-focus .art-tools:after {content:"\20";clear:both;height:0;display:block;overflow:hidden;}
.art-focus .art-tools{height:35px;line-height:35px;margin:0;position: absolute;right: 20px;bottom: 40px;zoom:1;width: 500px;padding-right: 20px;*z-index: 2;}

.art-link{width: 115px; float:right;}
.art-link .btn{width:83px;height: 33px;line-height: 33px;text-align: left;padding-left:20px; position:relative;/*z-index:3;*/float:left;}
/* .art-focus .art-link-wish{width:245px;} */
.art-focus .art-link-wish .btn-wish{margin-right:15px;padding:0 15px;text-align:center;}

.art-link .btn em {right: 16px;top:12px;}
.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 #e5e5e5; 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);
}

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


.art-yh{padding: 20px; background: #fff}
.art-focus-item{height:191px;overflow: hidden;}
.art-focus-item li{text-align: left; padding: 14px 0 14px;width: 100%; line-height: 25px;}
.art-focus-item li+li{border-top: 1px solid #e5e5e5; }
.art-focus-item .ftitle{font-size: 14px; display: block; line-height: 22px;height:44px;overflow: hidden;}
.art-focus-item p{display: block; text-align: right;}
.art-focus-item p span{float: right; padding-left: 20px; color: #999}

.art-focus .art-link-wish .btn-wish,.reload-wish .btn-wish {display: none;}
/*art-share.css*/
/* 文章页公共组件 收藏、点赞、分享等，已经更新到样式内，不用通过js请求 */
.art-tools {margin:50px 0; position: relative; height: auto; padding-top: 0}
.art-tools .at-wrap {text-align:center;}

.art-con .art-stat{width:auto;height:60px;float:none;}
.art-con .art-stat .btn-clt{margin-right:18px;}
.art-con .art-stat .pc-share,.art-con .art-stat .btn-share{margin:0;}
.art-con .btn-share .ic-share{width:11px;height:14px;background: url(/static/img/orig/2016_best_images_art_bg.png) -61px -70px no-repeat;top:10px;}
.art-con .btn-share:hover .ic-share{background-position: -74px -70px;}


.art-tools .active,.art-tools .active em, .art-tools .active i,.art-tools .active span,.art-tools .disabled,.art-tools .disabled em, .art-tools .disabled i,.art-tools .disabled span{cursor:default;color:#e44;}
.art-tools .pc-share {width:50px; height:35px; position:relative; zoom:1; cursor:default; margin-left: 20px;display:inline-block;}
.art-tools .pc-share .pc-share-wrap{width:140px;padding:5px 0 0;display:none;position:absolute;right:3px;top:22px;zoom:1;}
.art-tools .pc-share .bdsharebuttonbox {padding: 0}
.art-tools .pc-share-hover .pc-share-wrap {display:block;}

.art-tools .at-rate{width:28px;margin-left:-14px;position:absolute;font-size:14px;left:50%;top:0;display:none;color:#e44;}
.art-tools .btn-grou{position: absolute; right: 0; top:12px;}

.art-tools .btn-pos,.art-tools .btn-neg{position: absolute;margin-right: 40px;}
.art-tools .btn-pos{right: 50%;}
.art-tools .btn-neg{left: 50%;}
.art-tools .btn-pos,.art-tools .btn-pos:hover,.art-tools .btn-neg,.art-tools .btn-neg:hover{height:60px; background: none}
.art-tools .btn-pos em,.art-tools .btn-neg em{display: inline-block; width:60px; height:60px; left: 0; top: 0}
.art-tools .btn-pos em{background: url(/static/img/orig/2016_best_images_art_bg.png) no-repeat 0 0; }
.art-tools .btn-neg em{background: url(/static/img/orig/2016_best_images_art_bg.png) no-repeat -62px 0;}
.art-tools .btn-pos .at-txt,.art-tools .btn-neg .at-txt{display: block;height: 60px;width: 60px;position: absolute;left: 0;top:0;z-index: 1;color:#fff;line-height:60px;font-size: 24px;text-align:center}
.art-tools .btn-pos .at-num,.art-tools .btn-neg .at-num{position: relative;float: left;z-index: 1;padding-left:6px;height: 60px;line-height: 60px;overflow: hidden;color: #f33;font-size: 14px;padding-left: 58px;}
.art-tools .btn-neg .at-num{color: #999;}
.art-tools .btn-pos .at-rate,.art-tools .btn-neg .at-rate{font-size: 18px;}
.art-tools .btn-neg .at-rate{color: #333}
.art-tools .btn-pos .at-ico,.art-tools .btn-neg .at-ico{position: absolute;z-index: 30; overflow: visible;}
.art-tools .btn-pos .at-ico{left:35px; top: -2px;}
.art-tools .btn-neg .at-ico{left:40px; top: -5px;}
.art-tools .btn-pos .at-ico img{width: 310px; height: 240px; opacity: 0;filter: alpha(opacity=0);display: none; position: absolute; top: -200px; left: -200px}
.art-tools .btn-neg .at-ico img{width: 220px; height: 260px; opacity: 0;filter: alpha(opacity=0);display: none; position: absolute; top: -200px; left: -100px }


/*左侧功能条*/
/** IE6 position: absolute 浮动时，也可以顺滑 **/
*html{_background-image:url(about:blank);_background-attachment:fixed}
.fix-tools{margin-right:580px;position:fixed;right:50%;top:105px;_position:absolute;_top:expression(documentElement.scrollTop+ 105+'px');display:none;z-index:50;}
.art-tools-left{border: 1px solid #e5e5e5; background: #fff; border-bottom: 0;line-height:24px;}
.art-tools-left .art-stat{width:53px;}
.art-tools-left .btn-share .ic-share{width:17px;height:21px;background: url(/static/img/orig/2016_best_images_art_bg.png) -87px -70px no-repeat}
.art-tools-left .btn-share:hover .ic-share{background-position: -106px -70px;}

.art-stat .fix-tool-item{padding:10px 0; display: block; border-bottom: 1px solid  #e5e5e5;text-align:center;}
.art-stat .fix-tool-item .btn{float:none;margin:0;padding-left:18px;}
.art-stat .fix-tool-item .btn-share{line-height:0;margin-left:0;}
.fix-tools .art-tools .pc-share{width:auto;margin-left:0;display:block;}
.fix-tools .art-tools .pc-share .pc-share-wrap{top:28px; left:-1px; right: auto;}

.art-stat .fix-tool-item .btn-like{padding-left:0;line-height:24px;text-align:center;}
.art-stat .fix-tool-item .btn-like .at-num{display:none;}
.art-stat .fix-tool-item .btn-like .at-txt{display:block;}
.art-stat .fix-tool-item  .btn-like .ic-like{position:relative;left:0;right:0;top:0;display:block;margin:auto;}            
/*面包屑 art-sub-nav.css*/
.tips{width:100%; height:52px; line-height:52px;background:#f8f8f8;}
.tips-wrap{width:1120px;margin: 0 auto}
.tips-left{float: left;}
.tips-left .icon-dot{width:3px;height:3px;line-height:3px;font-size:0;float:left; margin:24px 0 0 0;background:#e44;}
.tips-link{float: left; color: #999}
.tips-link a{margin:0 5px;}
.tips-link .nolink{padding-left: 5px;}
.tips-right{float: right;}
.tips-time{ float: right;padding-right:24px;}
.tips-nc{float: right;}         
/*art-con.css*/
/*文章内容块*/
.art-con{padding:10px 0 0}
.art-sidebar{padding:18px 0 0;}
.art-con-title{color: #ff7e2d; text-align: left; position: relative; border-bottom: 1px solid #e5e5e5; height: 48px;}
.art-con-title span{font-size: 24px; display: inline-block; height: 46px; line-height: 46px; border-bottom: 2px solid #ff7e2d; position: absolute; left: 0; bottom: -1px}
.art-con-des,.art-con-editorPush{padding: 20px 0; text-align: left; font-size: 16px; line-height: 36px; color: #333;word-wrap: break-word;}
.art-con-des{padding-top:0;}
.art-con-des a{color:#e44;border-bottom: 1px dashed #e44;}
.art-con-editorPush a{border-bottom:none;}
/*2016年9月7日文章内容部分开头加个小标签*/
.art-headtag {float: left;font-weight: bold;}

/*文章底部功能块，有多个，可拿旧版先补上，防漏*/
.reload {padding:20px; margin-bottom:20px; background-color:#f8f8f8;}
.reload .txt-area{*zoom:1}
.reload .txt-area:after{content:"";display:block;clear:both;visibility:hidden;}
.reload .txt-area dt{width: 600px; float: left;overflow:hidden; color: #333; font-size: 18px;line-height:28px; text-align: left}
.reload .txt-area dd{width: 105px; text-align: center; float: right; padding-top: 5px; padding-left: 20px;}
.reload .btn-red {margin-right: 0;width: 87px;padding-right: 16px; font-size: 14px; height: 33px; line-height: 33px; float: none;display: inline-block;}
.reload .btn-em em{margin-top: 0}
.reload .btn-red em{right: 16px;margin-top: 2px;}

.reload .img-area {margin-right:30px; _margin-right:27px;}
.reload .txt-area dd .mark {color: #999; display: block; padding-top: 5px; width: 100%;font-size:12px;}
.reload .txt-area .red{color:#e44}

.reload-wish .txt-area dt{padding-top:25px;}
.reload-wish .btn-wish{width:103px;text-align:center;margin-bottom:15px;height: 33px;line-height: 33px;}

/*文章底部功能块，聚代购*/
.jdg-wrap{background: #f8f8f8; margin-bottom: 25px}
.jdg-hd{height: 43px; line-height: 43px; border-bottom: 1px solid #e5e5e5; padding: 0 20px}
.jdg-hd span{font-size: 24px; color: #ff7e2d; float: left}
.jdg-hd p{float: right; height: 34px; line-height: 30px; margin-top: 9px}
.jdg-hd p a{float: right; margin-left: 10px}
.jdg-hd p cite{border-left: 1px solid #e5e5e5; height: 14px; display: inline-block; width: 1px; overflow: hidden; font-size: 0; float: right; margin-top: 9px; margin-left: 10px;}
.jdg-hd p i{float: right; margin-left: 10px; color: #a5a5a5}
.jdg-hd p em{color:#e44}
.jdg-bd{padding: 0 20px; height: 101px; overflow: hidden;}
.jdg-bd dl{padding: 20px 0; border-bottom: 1px solid #e5e5e5}
.jdg-bd dt{float: left; width: 545px}
.jdg-bd dt .pic{width: 60px; height: 60px; float:left}
.jdg-bd dt .txt{padding-left: 20px; height: 60px; line-height: 30px; width: 430px; float: left; font-size: 14px}
.jdg-bd dt .txt p{color: #333; display: block;}
.jdg-bd dt .txt i{color: #999; display: block;}
.jdg-bd dd{width: 205px; float: right}
.jdg-bd dd i{float: left; line-height: 60px; color: #e44; font-size: 18px}
.jdg-bd dd a{float: right; height: 22px; display:inline-block; line-height: 22px; overflow: hidden; margin-top: 18px; color: #ee4446; font-size: 14px}
.jdg-bd dd a em{display: inline-block; width: 6px; height: 11px; background: url(/static/img/orig/2015_best_art_img_yh-ico.png) no-repeat -52px -112px; font-size: 0; overflow: hidden; float: right; margin: 5px 0 0 10px}
.jdg-bd dd a:hover em{background-position: -52px -124px}
.jdg-bda{height: auto}
.jdg-fd{height: 37px; line-height: 37px; text-align: center;}
.jdg-fd a{display: block; width: 100%; height: 37px}
.jdg-fd a span{display: inline-block;}
.jdg-fd a em{display: inline-block; width: 9px; height: 5px; font-size: 0; overflow: hidden; background: url(/static/img/orig/2015_best_art_img_yh-ico.png) no-repeat -49px -136px; float: right; margin:16px 0 0 10px;}
.jdg-fd .on em{background-position: -49px -142px}
.jdg-empty{line-height: 100px; text-align: center; font-size: 14px}
.jdg-empty a{color: #ff7e2d}

/*没有详情时*/
.no-find{text-align:center;font-size:18px;color:#999;padding:30px 0 50px}
.art-con .art-con-des p,.art-con .art-con-des div{ margin-bottom: 20px;}
.art-con img {max-width:600px;height: auto;margin: 0 auto; height: auto!important;}
.art-con-editorPush{padding-bottom:0;margin-bottom:20px;}
.art-con-editorPush img{max-width:790px;}

/* 商品百科 */
.baike{background:#f8f8f8;margin-bottom:20px;}
.baike .hd{overflow:hidden;zoom:1;padding:20px 0 10px 20px;border-bottom:1px solid #e5e5e5}
.baike .hd .mark em{width:100px;height:23px;background:url(/static/img/orig/2016_best_images_art_bg.png) 0 -102px no-repeat;display:block;}
.baike .bd{padding:12px 20px 0;}
.baike .bd .title{line-height:32px;font-size:18px;display:block;}
.baike .bd .title-sub{line-height:28px;display:block;color:#999;font-size: 14px;}
.art-con .baike .art-stat{float:left;width:290px;padding-top:10px;height:50px;}
.art-con .baike .art-tools{margin:0;}
.art-con .baike .art-link{position:relative;}
.art-con .baike .art-link .btn{text-align: center;padding: 0;width:87px;padding-right:16px;position:absolute;top:5px;right:0;background: none;color: #e44;}
.art-con .baike .art-link .btn em{background-position: -194px -140px;right: 18px;}
.art-con .baike .art-link .btn-wish{top:-50px;}
.art-con .baike .art-link-wish .btn{top:0;}
.art-con .baike .art-link-wish .btn-wish{top:-50px;}
.art-con .baike .art-link .btn-wish-actived{width:113px;background:#aaa;color:#fff;border:1px solid #aaa;padding-left:0;text-align:center;}
/*art-guess.css*/
/*猜你喜欢*/
.pics{clear: both;}
.pics li{float: left; width:170px;margin:0 10px 20px 0;}
.art-guess .pics{margin:12px -38px 0 0;}
.art-guess .pics li{width:170px;margin-right:37px;}
.art-guess .pics li a{display: block;}
.art-guess .pics li a:hover{border-color: #e5e5e5}
.art-guess .pics li a span {color: #333;}
.art-guess .pics li a span .red {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    background: #fff;
    color: #e44;
    width: 100%;
    height: 20px;
 }
.art-guess .pics li a span{position: relative; display: block; font-style: normal; text-align: left; padding: 10px 0 0; font-size: 14px; height: 70px; overflow: hidden;}


/*  终端页卡片样式 */
.jyreload{padding:0px;margin-bottom:10px; background-color:#fffaf7; border: solid 1px #ffc6a1; height: 120px;}
.jyreload .txt-area{*zoom:1}
.jyreload .txt-area:after{content:"";display:block;clear:both;visibility:hidden;}
.jyreload .txt-area dt{width: 490px; float: left;overflow:hidden; color: #333; font-size: 18px;line-height:24px; text-align: left; margin-top: 28px; display: inline;}
.jyreload .txt-area dt a{color: #333;}
.jyreload .txt-area dt a:hover{color: #f33;}
.jyreload .txt-area dd{width: 100px; text-align: center; float: right; padding-top: 20px; padding-right: 20px;}
.jyreload .txt-area dd img{float: left;}
.jyreload .txt-area dd i{display: block;height: 36px;overflow: hidden;line-height: 36px;text-align: center;}
.jyreload .btn-red {width: 90px; font-size: 14px; height: 30px; line-height: 30px; color: #fff; border: none; margin-top: 5px; float: left; display: inline; text-align:center;}
.jyreload .btn-red em{top:9px;}
.jyreload .txt-area .red{color: #f33}
.jyreload .pic{width: 100px; height: 100px; margin: 10px; float: left;}
.jyreload .pic img{width:100px;height:100px;}

.jreload {padding:00px; margin-bottom:25px; background-color:#fffaf7; border: solid 1px #ffc6a1; height: 130px; position: relative;}
.jreload a{width: 800px; height: 132px; position: absolute; left: 0; top: 0;}
.jreload .txt-area{*zoom:1}
.jreload .txt-area:after{content:"";display:block;clear:both;visibility:hidden;}
.jreload .txt-area{width: 535px; float: left;overflow:hidden; text-align: left; margin-top: 15px; display: inline; margin-left: 10px;}
.jreload .txt-area .title{font-size: 18px; line-height: 24px; color: #333333;}
.jreload .txt-area .con{font-size: 14px; line-height: 24px; color: #999999; margin-top: 5px;}
.jreload .txt-area .red{color: #f33}
.jreload .pic{width: 220px; height: 110px; margin: 10px; float: left;}


.jyreload1{width:495px;padding:20px;margin:0 auto 10px;border: solid 1px #e5e5e5;}
.jyreload1 .txt-area{overflow:hidden;*zoom:1}
.jyreload1 .txt-area:after{content:"";display:block;clear:both;visibility:hidden;}
.jyreload1 .pic{float:left;margin-right:20px;}
.jyreload1 .txt-area dt{height:56px;line-height:28px;font-size:18px;overflow:hidden;margin-bottom:20px;}
.jyreload1 .txt-area dt a{color:#333;}
.jyreload1 .txt-area dd a{color:#fff;}
.jyreload1 .txt-area dt a:hover{color:#e44;}
.jyreload1 .txt-area dd a:hover{color:#fff;}
.jyreload1 .txt-area dd{height:36;line-height:36px;font-size:14px;overflow:hidden;}
.jyreload1 .txt-area dd i{color:#999;}

.jyreload .txt-area a,.jyreload1 .txt-area a,.jyreload .pic a,.jyreload1 .pic a{border-bottom:none;}
.jypro .info i,.ubbhot-block,.icon-coupon{background-image:url(/static/img/orig/ubbeditor_images_sprite_for_art.png);background-repeat:no-repeat;}
/*  终端页详情内产品样式 */
.jypro{font-size:14px;display:inline-block;width:180px;height:250px;background-color:#fff;*display:inline;*zoom:1;margin-bottom:10px;}
.jypro img{width:150px;height:150px;border:0;}
.jypro a{display:block;padding:15px;text-decoration:none;background-color:#f9f9f9;}
.jypro a:hover{background-color:#f1f1f1;}
.jypro span{display:block;overflow:hidden;}
.jypro .name{line-height:22px;height:44px;margin:5px 0;color:#333;}
.jypro .info{line-height:18px;height:18px;color:#c00;}
.jypro .info em{font-size:12px;font-style:normal;display:inline-block;height:18px;padding:0 5px;vertical-align:top;color:#fff;background-color:#c00;}
.jypro .info i{font-family:'Microsoft Yahei';font-style:normal;display:inline-block;padding-left:10px;background-position:-5px -72px;}

.ubbhot-block{line-height:30px;margin-bottom:10px;padding:10px 20px;color:#333;border:1px solid #ffedda;background-color:#fffaf7;background-position:-45px -16px;}
.icon-coupon{display:inline-block;overflow:hidden;zoom:1;width:20px;height:20px;margin-right:5px;vertical-align:middle;background-position:-5px -17px;*display:inline;}

.art-con-des table,.art-con-editorPush table{empty-cells:show;border-collapse:collapse;margin-bottom:10px;}
.art-con-des table td,.art-con-editorPush table td{padding:4px;border:1px solid black;}
.art-con-des th,.art-con-editorPush th{font-weight:400;} 
/** art-cmt.css 评论样式 **/
.art-comment-con{padding:13px 0;text-align: left;}
.art-comment-con img{border-radius: 100%}
.art-comment-con a:hover img{opacity:1}
.art-comment .pager {display:block;}
body .thcmt{display: none;}
body .cmtTB{padding: 0 10px 20px;}
body .cmtContent{border: 0;background:#fff}
body .cmtFormTable{margin-bottom:0;}
body .cmtFormInTable td{border: 0; background: #fff}
body .cmtEditor{background-color: #fff; padding: 1%; width: 98%; height: 80px;overflow-y:auto;}
body .addcmt {padding:10px;background-color:#f8f8f8;margin:0;}
body .reply{border-color:#f4f4f4; background: #f8f8f8}

body .tbcmt .loginTxt,body .tUser .loginTxt{width: 80px;background: #ee4444;border-radius: 3px;}
body .slogIn a {color: #ee4444;}
body .cmtFormInTable a{color: #ee4444;}
body .tBtn .btn{background:#000;}
body .thTB .cmtTitle em{color:#f33}
body .tbTB .cmtOperate a,body .tbTB .share .shareH{color:#333}
body .thTB .cmtTitle:hover em,body .tbTB .cmtOperate a:hover{color:#ee4444}
body .tbTB .share .shareH em{background: url(/static/img/orig/2016_best_images_art_bg.png) no-repeat -34px -61px;}
.pager a, .pager i{vertical-align:top;}
.pager .prev,.pager .next{border:1px solid #dcdcdc;background-color:#fff;}
.pager .disabled:hover{background-position: -160px -180px;}

/*右侧电商活动相关*/
#JfbWrap{zoom:1;clear:both;}
#JfixBox{width:290px; 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: 0px; _top: expression(documentElement.scrollTop + 0 + 'px');}   
		
/*以下是新增加的*/
.itbk-block .pics .pic{margin-right: 0;}
/*body .g-footer{margin-top: 40px;}*/
.art-hd .title .red{color: #e44;}
/* 左侧作者信息 */  
/*作者信息 */
.auth-guid-t {position: relative;}
.auth-guid-t .avatar{float: left;overflow: hidden;zoom:1;border-radius: 50px;margin-right: 5px;}
.auth-guid-t .avatar img{border-radius: 50px;}
.auth-guid-t .user-lv { position: absolute; top: 54px; left: 50px; width: 36px; height: 34px; font-family: "Arial"; font-size: 16px; line-height: 34px; text-align: center; color: #fff;background: url(/static/img/orig/2017_best_img_my-icon.png) 0 0 no-repeat;}
.mod-vg-mid{display: inline-block;vertical-align: middle;height: 100%;width: 1px;margin-right: -1px;}
.auth-guid-t .mod-vg-mid{height: 85px;}
.auth-guid-t .auth-level{color: #999;font-size: 12px;}
.auth-name{height:30px;font:18px/30px Microsoft YaHei;color:#333;font-weight: bold;overflow: hidden;-ms-text-overflow: ellipsis;
text-overflow: ellipsis;white-space: nowrap;}
.auth-datas{overflow: hidden;zoom:1;padding:14px 0 0 2px;}
.auth-datas .aud-item{float: left;width: 54px;text-align: center;padding: 0 0 0 10px;}
.aud-item a{height: 24px;overflow: hidden;display:block;font-size: 16px;font-weight: bold;}
.aud-item span{display:block;color:#000;font:14px/18px Microsoft YaHei;}

/*左侧信息*/
.auth-content {height: 131px;background-color: #fafafa;margin-bottom: 40px;}
.auth-content .mark-label{width: 40px;float: left;background-color: #f5f5f5;font-size: 18px;line-height: 20px;padding-top: 44px;text-align: center;
}
.auth-content .auth-guid-t{padding: 20px 0 20px 20px;}
.auth-content .auth-guid-t .user-lv{left:78px;top:78px;}
.auth-content .auth-datas{float: left;margin-top: 26px;}
.auth-content .auth-datas .aud-item{width: 66px;}
.auth-content .aud-item a{font-size: 18px;margin-bottom: 5px;}
.auth-content .auth-info{width: 146px;padding-left: 15px;overflow: hidden;zoom:1;padding-top: 5px;display: inline-block;vertical-align: middle;}
.auth-content .visitor-submit{width: 196px;height: 131px;text-align: center;float: right;border-left: 1px solid #ececec;}
.auth-content .visitor-submit a{display: block;padding-top: 39px;height: 92px;}
.auth-content .visitor-submit .icon{display: inline-block; margin: 0 auto; width: 55px; height: 55px; background: url(/static/img/orig/2017_best_img_sprite.png) -320px -84px no-repeat;vertical-align: middle;}
.auth-content .visitor-submit .text-wrap{display: inline-block;vertical-align: middle;margin-left: 10px;}
.auth-content .visitor-submit .text-wrap i,.auth-content .visitor-submit .text-wrap em{display: block;text-align: left;}
.auth-content .visitor-submit .text-wrap i{color: #383838;font-size: 12px;}

.auth-content .visitor-submit .text-wrap em{color: #ee4444;font-size: 16px;}

.side-box{width: 270px;}

/* 2017 add  */
/* 右侧作者信息 */
.auth-area {padding-top: 15px;}
.auth-area .auth-info{width: 135px;padding-left: 10px;overflow: hidden;zoom:1;padding-top: 5px;display: inline-block;vertical-align: middle;}
.auth-guid-b{height: 64px;}
.auth-guid-b .aud{float: left;border-right: 1px solid #e5e5e5;text-align: left;width: 45px;margin-top: 20px;}
.auth-guid-b .aud  span{font-size: 14px;line-height: 18px;color: #999;}
.auth-guid-b .aud a,.auth-guid-b .aud span{display: block;}
.auth-guid-b .aud a{font-size: 14px;line-height: 22px;}
.auth-newArt{color:#999;padding: 18px 0 0 14px;overflow: hidden;zoom:1;}
.auth-newArt a{font:14px/20px Microsoft YaHei;height: 40px;overflow: hidden;zoom:1;display: block;}
 


/* .tips{background: #fff;}  */
.cate{display: none;}
.col-810 {width: 810px; margin: 0 20px 0 0}
/*.art-sidebar{padding: 0;}*/

 
.art-tools .btn-neg{display: none;}
.art-tools .btn-pos{right:38%}
 
.art-tag-ico,.art-focus .art-info em i{background-image: url(/static/img/orig/2016_best_images_ycbg.png);background-repeat:  no-repeat;}
/*文章焦点区*/
.art-focus{padding-bottom: 0;border-bottom: 1px solid #ececec;margin-bottom: 10px;}
.art-focus .title{font:28px/38px Microsoft YaHei;max-height: 76px;letter-spacing: 0.9px;overflow: hidden;zoom:1;padding-top: 14px;}
.art-focus .art-bd{padding-top: 15px;padding-bottom: 6px;overflow: hidden;zoom:1;}
.art-focus .art-tag{max-width: 510px;height: 36px;overflow: hidden;zoom:1;float: left;font-size: 14px;}
.art-focus .art-tag a{padding: 0 14px;height: 35px;line-height: 35px;color:#666;margin-right: 8px;*margin-right: 15px;display: inline-block;background-color: #f7f7f7;border-radius:35px;}
.art-focus .art-tag a:hover{/*color:#ee4444;*/background-color: #f1f1f1;}


.art-tag-ico{width: 12px;height: 12px;margin-right: 5px;background-position: -19px 0;display: inline-block;*display: inline;zoom:1;vertical-align: middle;} 
.art-focus .art-info{float: right;color:#999;padding-top: 6px;}
.art-focus .art-info em{margin-left: 15px;}
.art-focus .art-info em i{display: inline-block;*display: inline;zoom:1;width: 18px;height: 14px;margin-right: 5px;vertical-align: middle;}
.art-focus .art-info .ico-view{background-position: 0 -19px;}
.art-focus .art-info .ico-cmt{background-position: -22px -19px;}


/*上一篇、下一篇*/
.art-nav{overflow: hidden;zoom:1;margin-bottom: 30px;}
.art-nav li{background:#f8f8f8;width: 400px;height: 200px;line-height: 200px; font-size:16px;text-align:center;}
.art-nav a{width: 400px;height: 200px;display: block; position: relative;color:#fff;zoom:1;overflow:hidden;text-align: center;}
.art-nav a:hover{color:#fff;}
.art-nav .prev{float: left;}
.art-nav .next{float: right;}
.art-nav a .desc{width:350px;padding:0 25px;height:200px;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;}
:root .art-nav a .desc{filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000,endColorstr=#00000000);}
.art-nav a .hook{display:inline-block;width:0;height:100%;overflow:hidden;line-height:999em;font-size:0;vertical-align:middle;zoom:1;}
.art-nav a .desc p{display:inline-block;*display:inline;zoom:1;line-height:36px;vertical-align:middle;color:#fff;font-size:16px;}

/* 2017 add  */
/* 右侧作者信息 */
.auth-area {padding-top: 15px;}

.auth-area .auth-info{width: 135px;padding-left: 10px;overflow: hidden;zoom:1;padding-top: 5px;display: inline-block;vertical-align: middle;}


.auth-guid-b{height: 64px;}
.auth-guid-b .aud{float: left;border-right: 1px solid #e5e5e5;text-align: left;width: 45px;margin-top: 20px;}
.auth-guid-b .aud  span{font-size: 14px;line-height: 18px;color: #999;}
.auth-guid-b .aud a,.auth-guid-b .aud span{display: block;}
.auth-guid-b .aud a{font-size: 14px;line-height: 22px;}



.auth-newArt{color:#999;padding: 18px 0 0 14px;overflow: hidden;zoom:1;}
.auth-newArt a{font:14px/20px Microsoft YaHei;height: 40px;overflow: hidden;zoom:1;display: block;}

/* 左侧文章工具 点赞 */
.fix-tools .art-stat .item-like{display: block;}


.xuanfu{width: 290px; position: fixed; top: 5px;  _position:absolute; _top:expression(eval(document.documentElement.scrollTop+50));}
#JxuanfufixBox .box{margin-bottom:30px}


/*调整访问数量为点赞小手 2016年9月20日 11:49:20*/
.art-focus .art-info .ico-view{background: url(/static/img/orig/2016_best_images_sprite.png) 3px -140px no-repeat;margin-top: -4px;}
/*原创吸顶留空位*/
.fix-top{top: 40px;}

.auth-guid-t .auth-level span i{
	margin-right: 5px;
}


.auth-content .mark-label {
	padding-bottom: 47px;
}

.fix-top .side-box {
    margin-bottom: 40px;
}

.fix-top {
    position: static !important;
    _position: static !important;
}


.side-bar-box{ margin-right: -675px;}
body .side-fixRight{ position: fixed;}

.fix-nav .navImgItem{margin-top:0px!important}
/* new prosCard */
.bestArtProCard{max-width:680px;min-width:500px;padding:20px;margin:0 auto 10px;background:#FFFFFF;box-shadow:0 2px 10px 0 rgba(0,0,0,0.09);border-radius:8px;overflow:hidden;}.bestArtProCard i,.bestArtProCard em{font-style:normal;}.bestArtProCard .card-link{display:flex;text-decoration:none;outline:none;cursor:pointer;}.bestArtProCard .card-txt{overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;flex:1;}.bestArtProCard .card-pic{margin-right:20px; margin-bottom:0!important;}.bestArtProCard .card-txt dt{height:28px;line-height:28px;font-size:18px;overflow:hidden;margin-bottom:15px;font-weight:bold;word-break:break-all;color:#333333;}.bestArtProCard .link{color:#333;text-decoration:none;outline:none;cursor:pointer;}.bestArtProCard .card-link:hover dt{color:#f33;}.bestArtProCard .card-txt dd{line-height:36px;font-size:14px;overflow:hidden;}.bestArtProCard .card-labels{display:flex;}.bestArtProCard .card-labels .label{height:24px;background:#FDECEC;border-radius:12px;padding:0 12px;line-height:24px;color:#F5484A;font-size:14px;display:inline-block;margin-right:10px;}.bestArtProCard .card-foot{display:flex;justify-content:space-between;margin-top:auto;}.bestArtProCard .mall-logo{margin-right:5px;width:22px;height:22px;}.bestArtProCard .card-price{display:flex;align-items:center;}.bestArtProCard .card-price .price{font-weight:bold;font-size:18px;color:#e44;}.bestArtProCard .card-price .oprice{color:#BBB;text-decoration:line-through;font-size:14px;margin-left:10px;}.bestArtProCard .card-txt .btn{display:flex;align-items:center;justify-content:center;width:90px;height:35px;border-radius:4px;font-size:14px;background:#EE4445;color:#fff;}.bestArtProCard .card-txt .btn::after{content:"";width:10px;height:8px;background:url('/static/img/orig/2023_best_editor_plugins_product1_images_ico-tra.png') center no-repeat;margin-left:5px;}.bestArtProCard a{border:none}


.rs-proList {
padding-bottom: 20px;
}
.rs-proList li {
list-style: none;
margin-top: 20px;
}
.rs-proList a {
display: flex;
}
.rs-proList a img {
margin-right: 12px;
}
.rs-proList dl {
display: flex;
flex-direction: column;
justify-content: space-between;
overflow: hidden;
}
.rs-proList dt {
font-size: 14px;
line-height: 20px;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
word-break: break-all;
}
.rs-proList dd {
display: flex;
overflow: hidden;
align-items: center;
justify-content: space-between;
}
.rs-proList .u-price {
color: #EE4444;
font-size: 14px;
}
.rs-proList .btn-look{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 24px;
    border-radius: 4px;
    font-size: 12px;
    background: #EE4445;
    color: #fff;
}
.rs-proList .u-label {
height: 22px;
font-size: 12px;
background: rgba(238, 68, 68, 0.1);
border-radius: 11px;
color: #EE4444;
padding: 0 8px;
margin-left: 6px;
line-height: 22px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.fixTop {
position: sticky;
top: 50px;
z-index: 10;
}
#JfixBox {
overflow: auto;
}
.art-main {
display: flex;
justify-content: space-between;
}
.art-main.clearfix::after {
display: none;
}
.art-sidebar {
height: 100%;
box-sizing: border-box;
display: flex;
flex-direction: column;
}
#JfbWrap {
flex: 1;
}
  
/* 相关商品推荐 */
.art-recomPro{margin-bottom:10px;padding-top:10px;width:810px;}.art-recomPro{height:340px;}.art-recomPro .hd{position:relative;}.art-recomPro .slide-pic{width:810px;position:relative;height:260px;margin:0 auto;}.art-recomPro .slide-wrap{width:810px;height:290px;}.art-recomPro .pics{margin:12px -38px 0 0;width:810px;}.art-recomPro .pics li{width:810px;display:flex;justify-content:flex-start;}.art-recomPro .circle-ctrl{position:absolute;width:10px;top:10px;right:22px;}.art-recomPro .circle-ctrl .current{display:block;}.art-recomPro .circle-ctrl .current a{color:#e44;font-size:14px;}.art-recomPro .circle-ctrl li{display:none;}.art-recomPro .control{display:none;}.art-recomPro .prev,.art-recomPro .next{margin-top:-48px;}.art-recomPro .slide-pic-hover .prev{left:0}.art-recomPro .slide-pic-hover .next{right:0}.art-recomPro .mark-sub{margin-top:10px;margin-right:0px;}.art-recomPro .pics li{margin-right:0;}.art-recomPro .pics li a{display:block;width:170px;margin:0 16px;}.art-recomPro .pics li a:hover{border-color:#e5e5e5}.art-recomPro .pics li a span{color:#333;}.art-recomPro .pics li a .red{display:block;background:#fff;color:#e44;width:100%;height:20px;line-height:20px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:14px;display:flex;align-items:center;}.art-recomPro .pics li a .label{height:16px;border-radius:8px 8px 8px 8px;background:#feecec;color:#EE4444;line-height:16px;padding:0 6px;margin-left:6px;font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.art-recomPro .pics li a span{position:relative;display:block;font-style:normal;text-align:left;padding:10px 0 0;font-size:14px;height:44px;line-height:22px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:5px;}

/* 新增右侧按钮 */

.header .logo { width:167px;height:46px;margin:22px 25px 0 0;float:left;background: url(/static/img/orig/zt_gz20230113_best_pc_images_logo260518.png) no-repeat center; background-size: contain; }