.topbar-main,article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}

.product-scroll>div,.topbar-bounce{-webkit-backface-visibility:hidden;-webkit-perspective:1000}
.topbar-back,.topbar-cancel,.topbar-middle-inputWrap,.topbar-right a{text-align:center}
.hotel-title h3,.zby-info p{-webkit-line-clamp:2;-webkit-box-orient:vertical}
.ra-btn,a:active,a:hover{outline:0}
.product-scroll>div,.topbar-bounce,body{-webkit-backface-visibility:hidden}
html{font-family:sans-serif;-ms-text-size-adjust:none;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:transparent}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,main,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;vertical-align:baseline}
.filter-box i,.header-location *,.icon-trangle,.rtop-menu li i,.zby-collect i,.zby-extra-place i,.zby-extra-view i{vertical-align:middle}
body{font:14px/1 "Helvetica Neue",Helvetica,STHeiTi,sans-serif;-webkit-font-smoothing:antialiased;color:#666}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none; }
.line:before,.topbar-back:before{content:''}
a{text-decoration:none}
a:visited{color:inherit}
table{border-collapse:collapse;border-spacing:0}
em,i{font-style:normal}
h1,h2,h3,h4,h5,h6{color:#333;font-weight:400}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;/*-webkit-appearance:none!important*/;border-radius:0;border:none;text-transform:none}
.topbar{width:100%;height:48px;background:#fff;box-shadow:0 1px 12px rgba(0,0,0,.3);position:relative}
.topbar-main{width:120px;height:100%;margin:0 auto;background:url(../img/logo.png) center center no-repeat;background-size:96px 28px;overflow:hidden;text-indent:-999em}
.topbar-left{position:absolute;left:0;top:0;width:48px;height:100%;background:#fff;overflow:hidden}
.ykq-animate{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transform:translateZ(0) rotate(0);transform:translateZ(0) rotate(0);-webkit-transition:-webkit-transform .25s cubic-bezier(.4,.01,.165,.99);transition:transform .25s cubic-bezier(.4,.01,.165,.99)}
.ykq-animate-rect{width:20px;height:2px;background:#ff8a65;left:50%;top:50%;position:absolute;margin:-1px 0 0 -10px;-webkit-transition:all .4s cubic-bezier(.4,.01,.165,.99);transition:all .4s cubic-bezier(.4,.01,.165,.99)}
.animate-btn.active .ykq-animate-rect{background:#fff}
.ykq-animate-rect-top{-webkit-transform:translate3d(0,-8px,0);transform:translate3d(0,-8px,0)}
.ykq-animate-rect-middle{width:14px}
.ykq-animate-rect-bottom{-webkit-transform:translate3d(0,8px,0);transform:translate3d(0,8px,0)}
.ykq-animate-bg{position:absolute;top:0;left:0;width:48px;height:100%;background:#4db6ac;-webkit-transform:translate3d(-48px,0,0);transform:translate3d(-48px,0,0);-webkit-transition:-webkit-transform .4s cubic-bezier(.4,.01,.165,.99);transition:transform .4s cubic-bezier(.4,.01,.165,.99)}
.price,.rtop-bg{-webkit-transition:all .4s cubic-bezier(.4,.01,.165,.99)}
.animate-btn.active .ykq-animate-bg{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.animate-btn.active .ykq-animate-rect-middle{opacity:0;-webkit-transform:translate3d(-4px,0,0) rotate(20deg);transform:translate3d(-4px,0,0) rotate(20deg)}
.animate-btn.active .ykq-animate-top{-webkit-transform:translateZ(0) rotate(45deg);transform:translateZ(0) rotate(45deg)}
.animate-btn.active .ykq-animate-bottom{-webkit-transform:translateZ(0) rotate(-45deg);transform:translateZ(0) rotate(-45deg)}
.animate-btn.active .ykq-animate-rect-bottom,.animate-btn.active .ykq-animate-rect-top{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.topbar-back:before{position:absolute;top:50%;right:0;margin-top:-6px;width:1px;height:12px;background:#e1e1e1}
.topbar-back .icon-arrowright,.topbar-cancel .icon-arrowright{display:inline-block;line-height:48px;-webkit-transform:rotate(180deg);transform:rotate(180deg);font-size:17px;color:#bbb}
.topbar-right{position:absolute;right:0;top:0;height:100%}
.topbar-left-word{line-height:48px;color:#4fb4ac}
.topbar-middle-inputWrap{position:relative;height:48px;line-height:48px;margin:0 58px 0 50px}
.topbar-middle-input{outline:0;line-height:33px;height:33px;border-radius:4px;border:1px solid #ddd;width:100%;background:#f6f4f5;position:absolute;left:0;top:50%;margin-top:-18.5px;text-indent:2%;padding:0}
.border,.border2{border-style:solid}
.topbar-middle-clearBtn{position:absolute;top:50%;width:18px;right:0;padding:7px;display:none;margin-top:-16px}
.tobar-middle-inputIcon{position:absolute;top:6px;right:0;font-size:25px;color:#4fb4ac;padding:6px}
#topbar-right-search{color:#4fb4ac}
.header-location{padding:0 12px;color:#ff8a65!important}
.header-location.disabled{color:#ccc!important}
.header-location span{font-size:14px;line-height:48px;margin-right:3px}
.topbar-right i{font-size:24px;line-height:48px}
.topbar-right .icon-arrowright{display:inline-block;line-height:48px;-webkit-transform:rotate(180deg);transform:rotate(180deg);font-size:17px;color:#bbb}
.topbar-right a{float:left;font-size:23px}
.tags-fixed{position:fixed;top:0;left:0;width:100%;box-sizing:border-box;-webkit-box-sizing:border-box;z-index:10}
.topbar-right .icon-account,.topbar-right .icon-collcetion,.topbar-right .icon-deleted,.topbar-right .icon-phonecall,.topbar-right .icon-plus,.topbar-right .icon-search,.topbar-right .icon-shoucang,.topbar-right .icon-stillmore,.topbar-right .icon-withdraw{color:#999}
.topbar-bounce,.topbar-location{display:block;width:120px;height:100%;margin:0 auto;overflow:hidden;text-align:center;line-height:48px;color:#333;font-size:16px}
.topbar-location i{display:inline-block;transform:rotate(180deg);-webkit-transform:rotate(180deg);font-size:10px;margin-left:3px;color:#f60}
.rtop-close,.rtop-menu{display:none}
.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0)}
40%,45%{-webkit-transform:translate3d(0,2px,0);transform:translate3d(0,2px,0)}
80%{-webkit-transform:translate3d(0,-50px,0);transform:translate3d(0,-50px,0)}
100%{-webkit-transform:translate3d(0,-48px,0);transform:translate3d(0,-48px,0)}
}
@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0)}
40%,45%{-webkit-transform:translate3d(0,2px,0);transform:translate3d(0,2px,0)}
80%{-webkit-transform:translate3d(0,-50px,0);transform:translate3d(0,-50px,0)}
100%{-webkit-transform:translate3d(0,-48px,0);transform:translate3d(0,-48px,0)}
}
.topbar-right .icon-de,.topbar-right .icon-stillmore{font-size:24px}
.topbar-right .icon-de{color:#4db6ac!important}
.topbar-right .rtop-close{background:#f2eee2}
header{height:48px}
.topbar{z-index:2001}
.rtop-menu{position:absolute;right:0;top:48px;width:134px;z-index:999;background:#fafafa}
.rtop-menu li{padding:15px 0 15px 12px;line-height:1;font-size:16px}
.rtop-menu li i{display:inline-block;margin-top:-4px;font-size:21px;margin-right:12px}
.rtop-menu li:nth-of-type(1) i{color:#ff8a65}
.rtop-menu li:nth-of-type(2) i{color:#ffb951}
.rtop-menu li:nth-of-type(3) i{color:#4dd0e1}
.rtop-menu li:nth-of-type(4) i{color:#85c988}
.rtop-menu li:nth-of-type(5) i{color:#7986cc}
.rtop-menu li a{display:block;color:inherit}
.rtop-bg{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;background:#000;transition:all .4s cubic-bezier(.4,.01,.165,.99);opacity:0;visibility:hidden;z-index:1000}
.filter-bg.active,.rtop-bg.active{visibility:visible;opacity:.6}
.fl{float:left}
.fr,.line span{float:right}
.none{display:none!important}
.box,.line{display:block}
.hidden{visibility:hidden}
.tl{text-align:left!important}
.mt8{margin-top:8px}
.p8{padding:8px 0}
.bg-cream{background-color:#fbf7ec}
.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.active .container,body.active .slide-bg,body.active .topbar{-webkit-transform:translate3d(260px,0,0);transform:translate3d(260px,0,0)}
.slide-bg.active,body.active .slide-bg{visibility:visible;opacity:.2}
.cover,.pup{visibility:hidden}
.form-clear,.pointer-title-wrap,.pup,.pup-bg,.slide-bg,.topbar{-webkit-transition:-webkit-transform .4s cubic-bezier(.4,.01,.165,.99);transition:transform .4s cubic-bezier(.4,.01,.165,.99)}
.container{max-width:640px;min-width:320px;margin-left:auto;margin-right:auto}
.react{color:inherit;}
.react:active{background:#eae6da}
.bg-body{background:#e5f4f3}
.bg-green{background:#4ecb53}
.bg-blue{background:#00c0ff}
.bg-yellow{background:#ffb400}
.bg-orange{background:#f60}
.bg-rose{background:#ff3c69}
.bg-violet{background:#d351fe}
.bg-disable{background:#bbb}
.border-bottom{border-width:0 0 1px}
.border-width{border-width:1px}
.border{-webkit-border-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhBQTdCOTJCMjQ1QTExRTU4REJDRUQyQTlDMTNBMjBGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhBQTdCOTJDMjQ1QTExRTU4REJDRUQyQTlDMTNBMjBGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OEFBN0I5MjkyNDVBMTFFNThEQkNFRDJBOUMxM0EyMEYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OEFBN0I5MkEyNDVBMTFFNThEQkNFRDJBOUMxM0EyMEYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7RY70QAAAAI0lEQVR42mJ8+PDhfwZ0ABIEAgYYBvGZGLAArIKM2MwECDAAZl0XhpFhPicAAAAASUVORK5CYII=) 2 2 stretch}
.border2{-webkit-border-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE5RUNERkY0MjZFMjExRTU4REJDRUQyQTlDMTNBMjBGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE5RUNERkY1MjZFMjExRTU4REJDRUQyQTlDMTNBMjBGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTlFQ0RGRjIyNkUyMTFFNThEQkNFRDJBOUMxM0EyMEYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTlFQ0RGRjMyNkUyMTFFNThEQkNFRDJBOUMxM0EyMEYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6gscBGAAAAKklEQVR42mK8ffv2fwY0wAIiVFRUGGECd+7c+c/EgAVgFWSBaUEWBAgwAK8TCzHUOGvGAAAAAElFTkSuQmCC) 2 2 stretch}
.dotted{-webkit-border-image:url(../img/separator-dotted.png) 1 1 round;border-image:url(../img/separator-dotted.png) 1 1 round}
.box{background:#fafafa;padding:0 8px}
.line{padding:16px 0 16px 8px;font-size:16px;color:#333}
.line:before{width:8px;height:16px;padding:0 4px;position:relative;left:-8px}
.line em{font-size:14px;color:#666}
.line-info:before{background:#4db6ac}
.line-danger:before{background:#fb7977}
.line span{font-size:12px;line-height:18px;color:#666}
.line i{position:relative;top:1px}
.grid-content{padding:7px 0}
.grid-content h4{font-size:14px;line-height:24px;font-weight:400;color:#333}
.grid-content p{font-size:14px;line-height:24px;color:#666;padding-left:21px}
.icon,.tag{font-size:10px;border-radius:2px;margin-right:8px;display:inline-block}
.icon,.price-old,.tag{color:#fff}
.grid-content span{position:absolute;left:8px}
.tag{padding:4px 8px}
.icon{padding:3px}
.price{display:inline-block;transition:all .4s cubic-bezier(.4,.01,.165,.99);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.price>div:nth-child(2){border-radius:0 0 2px}
.price-sold-out{height:24px;line-height:24px;width:74px;font-size:16px;text-align:center}
.price-old{font-size:12px;line-height:18px;background:#70c4bc;border-radius:2px 2px 0 0;padding:0 8px}
.price-new{font-size:12px;color:#ccc;background:rgba(0,0,0,.8);border-radius:0 0 0 2px;padding:4px 8px}
.price-new .yen{font-size:16px;position:relative;top:-6px;color:#fff;padding-right:2px}
.price-sale{font-size:24px;color:#fff}
.zby-list{background:#fafafa}
.zby-pic{display:block;position:relative;padding-top:50%;overflow:hidden; text-align:center}
.zby-pic img{position:absolute;left:0;top:0;max-width:100%; height:100%;}
.zby-pic .price{position:absolute;left:0;bottom:13px}
.zby-pic .price-old{border-radius:0 2px 0 0}
.zby-pic .price-new{border-radius:0 2px 2px 0}
.zby-collect{position:absolute;right:8px;top:8px;color:#fff}
.zby-collect i{display:inline-block;margin-right:4px;margin-top:-2px}
.zby-collect i.active{color:#ff3c69}
.zby-distance,.zby-info p{color:#999;font-size:12px}
.zby-info{padding:6px 8px}
.zby-info h3{line-height:26px;font-size:16px}
.zby-info p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;line-height:18px;padding:3px 0}
.zby-icon{overflow:hidden;padding:5px 0 7px}
.zby-distance{padding:4px 0;line-height:1}
.zby-extra-place,.zby-extra-view{position:absolute;top:8px;background:rgba(0,0,0,.3);font-size:12px;color:#fff;padding:6px 8px;height:24px;box-sizing:border-box;right:0;border-radius:12px 0 0 12px}
.zby-extra-view i{font-size:13px;margin-right:3px}
.zby-extra-place i{display:inline-block;width:3px;height:3px;border-radius:50%;background:#fff;margin:0 4px}
.hotel-item{position:relative;padding:8px;background:#fafafa;overflow:hidden}
.hotel-pic{position:absolute;left:8px;top:8px;bottom:8px;width:110px;height:auto;border-radius:2px;background-position:center;background-size:cover;background-repeat:no-repeat}
.cai-mask,.cover,.hotel-msg{right:0;bottom:0}
.hotel-msg{position:absolute;left:0;padding:3px 0;font-size:10px;text-align:center;color:#fffefd;background-color:rgba(255,102,0,.9);border-radius:0 0 2px 2px}
.hotel-title h3{display:box;display:-webkit-box;max-height:38px;line-height:1.2;overflow-y:hidden;color:#333;font-size:16px}
.hotel-info{margin-left:118px}
.hotel-info p{margin-top:8px;color:#666;font-size:12px}
.hotel-info p em{display:inline-block;margin-top:-2px;vertical-align:bottom;font-size:14px;color:#ff8a00}
.hotel-tag{padding:4px 0 8px;min-height:24px}
.hotel-tag .tag{float:left;margin:4px 4px 0 0}
.hotel-price{padding:10px 0 2px;text-align:right;font-size:12px;color:#999}
.copyright,.line-end .line-title,.page-now,.safeguard,.safeguard-nav li{text-align:center}
.hotel-price .full-price{margin-right:4px;text-decoration:line-through}
.hotel-price span{color:#4db6ac}
.hotel-price em{font-size:20px}
.hotel-price .disabled{display:inline-block;font-size:16px;padding:2px 0}
.hotel-price .guide-map{margin-top:5px}
.page{display:box;display:-webkit-box;border-width:1px 0;font-size:16px}
.page .disabled{color:#999}
.page-last,.page-next{box-flex:1;-webkit-box-flex:1;line-height:1;padding:17px 0;text-align:center}
.page-goto{position:relative;width:92px;line-height:1}
.page-goto select,.page-now{width:100%;padding:9px 0;margin:7px 0;border:1px solid #ccc;border-radius:2px;box-sizing:border-box;-webkit-box-sizing:border-box}
.page-goto select{position:absolute;top:0;left:0;opacity:0;z-index:1}
.page-goto i{display:inline-block;margin-left:3px;font-size:12px;transform:rotate(90deg);-webkit-transform:rotate(90deg)}
.page-now{display:inline-block}
.line-end .line-title{margin:6px 0 16px;position:relative;border-bottom:1px solid #4db6ac}
.line-end .line-title span{display:inline-block;width:92px;height:17px;background-image:url(../img/the-end.png?v=0703);background-repeat:no-repeat;background-size:92px 17px;background-origin:content-box;color:#4db6ac;font-size:16px;padding:0 6px 0 4px;position:relative;top:8px}
.copyright{color:#333;font-size:12px;line-height:22px;padding:6px 0 10px}
.copyright p:last-child{color:#666}
.safeguard,.safeguard h1{font-size:14px;color:#333}
.copyright em{font-style:italic;font-size:14px}
.safeguard{margin-top:10px;padding:12px 0 0;line-height:19px}
.safeguard .icon-cuarantee{font-size:19px;color:#fa605e;margin-right:12px;position:relative;top:3px}
.safeguard-nav{display:box;display:-webkit-box;margin:0 12px;padding:12px 0 16px}
.safeguard-nav li{box-flex:1;-webkit-box-flex:1;font-size:12px;color:#333}
.safeguard-nav i{font-size:17px;color:#4db6ac;margin-right:3px;position:relative;top:4px}
.cai-mask,.cai-toast,.cover{position:fixed}
.cai-mask{-webkit-animation:opacity 550ms cubic-bezier(.68,0,.265,1);top:0;left:0;z-index:3010;background:rgba(36,38,35,.5);display:none}
@-webkit-keyframes opacity{0%{opacity:0}
100%{opacity:1}
}
.cai-toast{z-index:3020;margin-left:-130px;margin-top:-27px;top:50%;left:50%;display:none;border-radius:10px;padding:5px}
.cai-toast .cai-layer-padding,.msgBox{line-height:24px;border-radius:5px;font-weight:700;text-align:center;word-break:break-all;color:#fff}
.cai-toast .cai-layer-padding{width:220px;background:rgba(0,0,0,.5);padding:10px 15px}
.cover,.msgBox{background:#000}
.cover{top:0;left:0;width:100%;-webkit-transition:all .4s cubic-bezier(.4,.01,.165,.99);transition:all .4s cubic-bezier(.4,.01,.165,.99);opacity:0;z-index:3010}
#loading,.msgBox{position:fixed;left:50%}
.cover.active{opacity:.6;visibility:visible}
.msgBox{width:80%;margin-left:-42.5%;top:35%;padding:3% 2.5%;opacity:.7;z-index:3016;-webkit-transition:all .1s cubic-bezier(.4,.01,.165,.99);transition:all .1s cubic-bezier(.4,.01,.165,.99);-webkit-transform:scale(0);transform:scale(0)}
.msgBox.active{-webkit-transform:scale(1);transform:scale(1)}
.msgBox-item{line-height:22px}
#loading{background:rgba(76,76,76,.7);width:80px;height:80px;border-radius:6px;top:50%;margin:-40px 0 0 -40px;z-index:3012;-webkit-animation:opacity 550ms cubic-bezier(.68,0,.265,1),bottom-move 650ms ease-out;display:none}
.loading_anm,.loading_mask{top:0;bottom:0;right:0;margin:auto;position:absolute;border-radius:50%;left:0}
.loading_anm{width:64px;height:64px;overflow:hidden;z-index:2}
.loading_mask{width:56px;height:56px;background:url(../img/loading_logo.png) center center no-repeat;background-size:42px auto;z-index:3}
.loading_spiner{width:100%;height:100%;position:absolute;background:url(../img/loading_spiner.png) center center no-repeat;background-size:64px auto;border-radius:50%;-webkit-animation:spin2 .8s infinite linear}
.empty-nothing{height:216px;background:url(../img/nonev2.png) center center no-repeat;background-size:140px auto}
@-webkit-keyframes spin2{0%{-webkit-transform:rotate(0)}
100%{-webkit-transform:rotate(360deg)}
}
#top_button{position:fixed;right:9px;bottom:116px;background:url(../img/top.png) center center no-repeat;height:60px;width:60px;display:block;background-size:60px 60px;z-index:1000}
.consult{width:100%;background:#fff;display:none}
.consultTitle{background:#4db6ac;width:100%;color:#fff;height:50px;line-height:50px;text-align:left}
.consult-box{position:fixed;bottom:-200%;left:0;right:0;z-index:4500;display:block;-webkit-transition:all .4s cubic-bezier(.4,.01,.165,.99);transition:all .4s cubic-bezier(.4,.01,.165,.99)}
.consultClose,.consultObj>div,.consultTitle i,.consultWay,.titleText{display:inline-block}
.consult-box.active{bottom:0}
.consultTitle>span{font-size:12px;margin-left:8px}
.consultTitle i{text-align:right}
.btnText,.consultClose,.filter-box,.filter-nav li,.popWindow,.pup-row .icon-de,.pup-row h1,.pup-row h3{text-align:center}
.titleText{font-size:16px;padding-left:10px}
.consultClose{width:40px;font-size:19px;float:right}
.consultItem{padding:8px 10px}
.consultItem+.consultItem{border-top:1px solid #e1e1e1}
.consultWay{color:#999;font-size:16px}
.consultName{color:#4db6ac;font-size:16px;float:right}
.consultObj{font-size:16px;line-height:25px}
.consultName i{padding-right:5px}
.consultObj>div{padding:8px 0}
.consultTime{color:#999;font-size:14px;line-height:25px}
.dialBtn{padding:0 10px 15px}
.btnText{height:50px;border-radius:5px;border:1px solid #4db6ac;color:#4db6ac;font-size:16px;line-height:50px}
.item-num-div{padding:16px 10px}
.item-num>em{font-size:20px;color:#ff7e00}
.item-num>span{color:#333;font-size:16px}
.num-msg{font-size:12px;color:#999;margin-top:13px}
.popWindow{position:fixed;width:90%;left:50%;margin-left:-45%;background:#fff;top:25%;z-index:3015;padding-bottom:12px;border-radius:3px;-webkit-transition:all .1s cubic-bezier(.4,.01,.165,.99);transition:all .1s cubic-bezier(.4,.01,.165,.99);-webkit-transform:scale(0);transform:scale(0)}
.popWindow.active{-webkit-transform:scale(1);transform:scale(1)}
.popWindow i{font-size:20px;padding:10px;position:absolute;right:0;top:0}
.popWindow-text{padding:50px 0 30px;width:80%;margin:0 auto;line-height:21px;color:#000;font-size:16px}
.popWindow-btn{height:48px;border:1px solid #4db6ac;line-height:48px;width:90%;margin:0 auto;border-radius:3px;display:block}
.popWindow-btn+.popWindow-btn{margin-top:5px}
.popWindow-btn.solid{color:#fff;background:#4db6ac}
.popWindow-btn.empty{color:#4db6ac;background:#fff}
.consultItem .icon-weixin{color:#84C800}
.consultClose .icon-de{font-size:19px;color:#1c8a80}
.pup{padding:0 12px;width:100%;max-width:500px;box-sizing:border-box;position:fixed;top:50%;left:50%;opacity:0;-webkit-transition:-webkit-transform .4s cubic-bezier(.4,.01,.165,.99),opacity .4s cubic-bezier(.4,.01,.165,.99);transition:transform .4s cubic-bezier(.4,.01,.165,.99),opacity .4s cubic-bezier(.4,.01,.165,.99);-webkit-transform:translate(-50%,-50%) scale(.8);transform:translate(-50%,-50%) scale(.8);z-index:3100}
.pup-box{border-radius:2px;background:#fafafa;box-shadow:0 0 4px rgba(0,0,0,.3);padding:8px}
.pup-row{padding:8px;position:relative}
.pup-row h1{font-size:16px}
.pup-row .icon-de{color:#999;font-size:19px;width:34px;height:34px;line-height:34px;position:absolute;top:0;right:0;border-radius:2px}
.pup.active{opacity:1;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);visibility:visible}
.pup-row span{float:left;line-height:28px;color:#666;font-size:14px}
.pup-row h3{padding:12px;font-size:16px}
.pup-row h3 strong{color:#81c784}
.pup-row p{font-size:12px;padding-right:18px;line-height:24px;color:#999}
.ra-btn{padding:8px 0;color:#fff;background:#4db6ac;font-size:14px;display:block;line-height:24px;border:0;width:100%;margin:8px 0;border-radius:2px}
.ra-btn.disabled{color:#4db6ac;background:#fff;border:1px solid #4db6ac}
.filter-fixed{position:fixed;bottom:0;width:100%;z-index:2002;-webkit-transition:transform .3s ease-out;transition:transform .3s ease-out}
.filter-fixed.hide{-webkit-transform:translate(0,100%) translateZ(0);transform:translate(0,100%) translateZ(0)}
.filter-nav{position:relative;z-index:1;display:box;display:-webkit-box;line-height:18px;background:rgba(9,37,60,.9)}
.filter-nav li{height:55px;padding-top:6px;-webkit-box-flex:1;box-flex:1;-webkit-box-sizing:border-box;box-sizing:border-box;color:#f0f0f0;width:100%}
.filter-nav li.current{background:#4faea5}
.filter-nav li>i{font-size:24px;position:relative}
.filter-nav li .mt-number{position:absolute;right:-9px;top:-1px;width:14px;height:14px;line-height:1;text-align:center;background:#ff3f5a;border-radius:100%;font-size:11px;font-style:normal;color:#fff}
.filter-nav li:nth-child(1) .mt-number{width:9px;height:9px;right:-4px;top:0}
.filter-riseup{transition:height .5s;-webkit-transition:height .5s}
.filter-box{display:none;overflow:hidden;background:#fff}
.filter-box li h6{padding:16px 0;line-height:1;font-size:14px}
.filter-l,.filter-r{-webkit-box-flex:1;box-flex:1;-webkit-box-sizing:border-box;box-sizing:border-box;overflow-y:hidden}
.filter-l{position:relative;width:39%;background:#fafafa;float:left}
.filter-select-l h6{color:#333}
.filter-select-l.active{border-left:4px solid #5ebdb4}
.filter-select-l.active h6{color:#5ebdb4;background:#f2eee2}
.filter-r{position:relative;background-color:#f2eee2}
.filter-select-r{margin:0 8px}
.filter-choice li i,.filter-confirm i,.filter-select-l.selected h6:before{margin-top:-2px;display:inline-block}
.filter-select h6,.filter-select-r h6{display:inline-block;color:#666}
.filter-select-r.active h6,.filter-select.active h6{position:relative;color:#5ebdb4}
.filter-select-r.active .icon-ticking,.filter-select.active .icon-ticking{display:inline-block;position:absolute;right:-22px;top:14px;font-size:18px}
.filter-select-r.active .icon-ticking:before,.filter-select.active .icon-ticking:before,.icon-ticking.active:before{content:"\e620"}
.filter-multiple .filter-r{display:none}
.filter-multiple li.active .icon-ticking{position:static;margin-left:4px}
.filter-confirm{display:box;display:-webkit-box;background:#213a50;font-size:16px}
.filter-confirm li{box-flex:1;-webkit-box-flex:1;line-height:1;padding:17px 0;color:#fff}
.filter-confirm li:nth-child(1){color:#fff}
.filter-confirm i{margin-right:8px}
.confirm-clear a{padding:9px 11px;border-radius:5px;border:1px solid #3e6586;background:#132a3f;color:#fff}
.filter-select-l.selected h6:before{width:5px;height:5px;vertical-align:middle;background:#ff3f5a;border-radius:200%;margin-right:5px;content:""}
.filter-choice{background:#5ebdb4;text-align:left}
.filter-choice li{display:inline-block;width:100px;padding:14px 0;margin-left:20px;color:#fff}
.filter-choice li i{width:18px;height:18px;line-height:18px;box-shadow:0 0 1px #69a48e;-webkit-box-shadow:0 0 1px #69a48e;border-radius:100%;background:#fff;color:#fff;margin-right:4px;font-size:12px;text-align:center}
.filter-choice li i.active{background:#ff3f5a}
.scroll-height,.scroll-height body{height:100%}
.product-scroll-wrapper{position:absolute;top:147px;bottom:0;left:0;right:0;overflow:hidden;padding-bottom:55px}
.product-scroll{height:100%}
.product-scroll>div{backface-visibility:hidden;perspective:1000;-webkit-transform:translate3d(0,0,0)}
.filter-close{position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:.7}
.filter-fixed-css{z-index:2}
.filter-fixed-css.active{top:0;z-index:2003}
.filter-fixed-css .filter-riseup{height:100%;box-sizing:border-box;padding-bottom:55px}
.filter-fixed-css .filter-wrap{position:absolute;bottom:55px;right:0;left:0;top:0}
.filter-box.filter-box-css{max-height:76%;position:absolute;bottom:0;left:0;right:0}
.filter-fixed-css .filter-nav{position:absolute;bottom:0;left:0;right:0}
.filter-fixed-css .filter-multiple{padding-top:94px;height:100%;box-sizing:border-box}
.filter-fixed-css .filter-confirm{position:absolute;top:0;left:0;right:0}
.filter-fixed-css .filter-choice{position:absolute;top:50px;left:0;right:0}
.filter-multiple-box{overflow:hidden;height:100%}
.filter-fixed-css .filter-l,.filter-fixed-css .filter-multiple .filter-r,.filter-fixed-css .filter-r,.filter-siblings-css{height:100%}
.flex-wrap{display:box;display:-webkit-box}
.flex-wrap li{display:block;-webkit-box-flex:1;box-flex:1;width:auto}
.footer-nav{display:-webkit-box;height:56px;background:#fff;position:fixed;bottom:0;left:0;right:0;z-index:2001;transition:-webkit-transform .3s ease-out;}
.footer-nav.hide{-webkit-transform:translate(0,100%) translateZ(0)}
.footer-nav a{display:block;-webkit-box-flex:1;width:100%;text-align:center}
.footer-nav .active div,.footer-nav .active h1{color:#4db6ac}
.footer-nav div{height:38px;line-height:38px;font-size:18px;color:#999;font-family:ykq_icon;position:relative}
.footer-nav h1{color:#999;font-size:14px}
.footer-nav:before{content:"";position:absolute;left:0;top:0;width:100%;height:1px;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);transform:scaleY(.5);border-top:1px solid #57b5ac}
.footer-a-home:before{content:'\e803'}
.footer-nav .active .footer-a-home:before{content:'\e804'}
.footer-a-circum:before{content:'\e805'}
.footer-nav .active .footer-a-circum:before{content:'\e806'}
.footer-a-search:before{content:'\e807'}
.footer-nav .active .footer-a-search:before{content:'\e808'}
.footer-a-gift i{display:inline-block;width:18px;margin:0 auto;position:relative}
.footer-a-gift i:before{content:'\e809'}
.footer-nav .active .footer-a-gift i:before{content:'\e802'}
.footer-a-gift i:after{content:'';position:absolute;right:-4px;top:8px;width:4px;height:4px;border-radius:50%;background:#ff4545}