index.css
78.5 KB
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}*{-webkit-tap-highlight-color:transparent;-moz-tap-highlight-color:transparent;tap-highlight-color:transparent}html,body{font-family:helvetica,Arial,"黑体";width:100%;font-size:12px;line-height:1.4}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}img{max-width:100%;display:block;border:0;margin:0 auto}a{text-decoration:none;outline:none;color:#000}a:link,a:visited,a:hover,a:actived{color:#000}*:focus{outline:none}.hide{display:none}.overflow-hidden{overflow:hidden}@font-face{font-family:"iconfont";src:url('../assets/font/iconfont.eot?1447311939');src:url('../assets/font/iconfont.eot?&1447311939#iefix') format("embedded-opentype"),url('../assets/font/iconfont.woff?1447153566') format("woff"),url('../assets/font/iconfont.ttf?1447311939') format("truetype"),url('../assets/font/iconfont.svg?1447311939#iconfont') format("svg")}.iconfont{font-family:"iconfont" !important;font-size:16px;font-style:normal;text-decoration:none;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale}.yoho-tip{position:absolute;display:none;text-align:center;width:70%;padding:34px 0;top:50%;left:50%;margin-left:-35%;margin-top:-45px;background-color:#000;opacity:0.7;color:#fff;font-size:18px;border:none;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}.yoho-header{position:relative;background-color:#000;color:#fff;width:100%;overflow:hidden;height:2.25rem;line-height:2.25rem;z-index:1}.yoho-header.boys{background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMyMzIzMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQxNDE0MSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');background-size:100%;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #323232),color-stop(100%, #414141));background-image:-moz-linear-gradient(#323232,#414141);background-image:-webkit-linear-gradient(#323232,#414141);background-image:linear-gradient(#323232,#414141)}.yoho-header.girls{background:#ff88ae}.yoho-header.kids{background:#7ad9f9}.yoho-header.life-style{background:#4f4138}.yoho-header .nav-back{position:absolute;left:0.85rem;top:0.7rem;width:0.45rem;height:0.8rem;background:url('../assets/img/layout/back.png?1447153567') no-repeat;background-size:100% 100%;outline:none}.yoho-header .nav-home{position:absolute;top:0.7rem;right:0.85rem;width:20px;height:20px;background:url('../assets/img/layout/home.png?1447153567') no-repeat;background-size:100% 100%;outline:none}.yoho-header .nav-title{position:absolute;margin-left:1.3rem;margin-right:1.6rem;height:100%;font-size:0.9rem;color:#fff;font-weight:bold;top:0;right:0;left:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center}.yoho-footer{font-size:12px;background-color:#fff;margin-bottom:2.5rem}.yoho-footer .op-row{position:relative;padding:0 15px;height:60px;line-height:60px}.yoho-footer .op-row .user-name{text-decoration:underline;margin-left:.3em;margin-right:1em}.yoho-footer .op-row .back-to-top{position:absolute;right:20px}.yoho-footer .op-row .sep-line{margin:0 0.3em}.yoho-footer .copyright{height:60px;line-height:60px;border-top:1px solid #ccc;text-align:center;color:#666;background-color:#eee}.yoho-footer.bottom{position:fixed;width:100%;bottom:0}.footer-tab{position:fixed;left:0;bottom:0;width:100%;height:2.5rem;padding-top:0.5rem;box-sizing:border-box;background:#fff;border-top:1px solid #b0b0b0;z-index:3}.footer-tab .tab-item{float:left;width:20%;text-align:center;color:#b0b0b0}.footer-tab .tab-item.current{color:#414141}.footer-tab .tab-icon{font-size:1rem;line-height:1}.footer-tab .tab-name{margin-top:0.25rem;font-size:0.5rem;line-height:1}.boys-wrap .footer-tab .tab-item.current{color:#414141}.girls-wrap .footer-tab .tab-item.current{color:#FF88AE}.kids-wrap .footer-tab .tab-item.current{color:#7ad9f9}.lifestyle-wrap .footer-tab .tab-item.current{color:#4f4138}.good-info{float:left;width:6.9rem;height:12.15rem;margin:0 0.375rem 0.375rem}.good-info .tag-container{height:0.7rem;width:100%;overflow:hidden}.good-info .tag-container .good-tag{display:block;float:left;height:0.7rem;font-size:0.45rem;text-align:center;line-height:0.7rem;box-sizing:border-box;margin-right:0.1rem}.good-info .tag-container .good-tag:last-child{margin-right:0}.good-info .tag-container .new-tag{width:1.5rem;background-color:#78dc7e;color:#fff}.good-info .tag-container .renew-tag{width:2.25rem;background-color:#78dc7e;color:#fff}.good-info .tag-container .sale-tag{width:1.5rem;background-color:#ff575c;color:#fff}.good-info .tag-container .new-festival-tag{width:2.25rem;background-color:#000;color:#fff}.good-info .tag-container .limit-tag{width:2.5rem;border:1px solid #000;color:#000}.good-detail-img{position:relative;height:9.2rem}.good-detail-img .good-islike{position:absolute;width:1.5rem;height:1.5rem;top:0rem;right:0rem;line-height:1.5rem;font-size:0.75rem;text-align:center;color:#b0b0b0;text-decoration:none}.good-detail-img .good-like{color:#d72928}.good-detail-img img{display:block;width:100%;max-height:9.2rem}.good-detail-img .few-tag{position:absolute;bottom:0;width:100%;height:0.7rem;background:#ffac5b;font-size:0.45rem;color:#fff;line-height:0.7rem;text-align:center}.good-detail-text .name a{display:block;line-height:1.4rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-decoration:none;font-size:0.55rem;color:#444}.good-detail-text .price{line-height:0.55rem;font-size:0.55rem}.good-detail-text .price .sale-price{color:#d62927}.good-detail-text .price .sale-price.no-price{color:#000}.good-detail-text .price .market-price{margin:0 0 0 0.125rem;color:#b0b0b0;text-decoration:line-through}.filter-mask,.filter-body{position:absolute;left:0;right:0;top:0}.filter-mask{height:100%;background:rgba(0,0,0,0.1)}.filter-body{background:#fff;color:#000;cursor:pointer;font-size:14px;height:440px}.filter-body .classify{width:50%;height:100%;background:#f8f8f8}.filter-body .classify>li{height:60px;line-height:60px}.filter-body .classify>li>*{box-sizing:border-box}.filter-body .classify>li.active{background:#fff}.filter-body .classify>li .shower{padding-left:20px;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#333}.filter-body .classify>li .default{color:#999}.filter-body .classify>li .title{float:left;color:#000}.filter-body .sub-classify{position:absolute;display:none;width:50%;height:440px;left:50%;top:0;overflow:auto;-webkit-overflow-scrolling:touch}.filter-body .sub-classify>li{height:60px;line-height:60px;padding-left:15px;border-bottom:1px solid #e6e6e6;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.filter-body .sub-classify>li.highlight{background:#eee}.filter-body .sub-classify .chosed-icon{display:none}.filter-body .sub-classify .chosed .chosed-icon{display:inline}.filter-body .active>.sub-classify{display:block}.loading-mask{position:fixed;background:rgba(0,0,0,0.1);top:0;bottom:0;right:0;left:0}.loading-mask .loading{position:absolute;width:2.5rem;height:1rem;background:url('../assets/img/loading.gif?1447153567') no-repeat;background-size:100% 100%;top:50%;left:50%;margin-left:-1.25rem;margin-top:-0.5rem}body.passport-body{background-color:#444;font-family:"MicroSoft YaHei",SimSun,sans-serif}body.passport-body *{box-sizing:border-box}.passport-page{text-align:center;padding:0 6%}.passport-page .header{position:relative;height:40px;margin:20px 0 30px}.passport-page .header .go-back{display:block;position:absolute;height:30px;width:30px;top:5px;left:0;background:url('../assets/img/passport/go-back.png?1447153567') no-repeat;background-size:100% 100%}.passport-page .header .title{font-size:20px;line-height:40px;color:#fff}.passport-page .header .img-header{width:68px;height:40px;background:url('../assets/img/passport/yoho-family.png?1447153567') no-repeat;background-size:100% 100%;margin:0 auto}.passport-page .input-container,.passport-page .select-container{position:relative;width:100%;height:52px;font-size:20px;background-color:#575757;border:1px solid #606060;border-radius:5px;text-align:left;color:#fff}.passport-page .select-container .select{position:absolute;height:50px;padding-right:40px;right:0;color:#fff;background-color:transparent;border:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-appearance:none;-webkit-appearance:none;direction:rtl}.passport-page .select-container .select:focus{outline:0;border:none}.passport-page .select-container .select:-moz-focusring{color:transparent;text-shadow:0 0 0 #fff}.passport-page .select-container .select-title{line-height:2.5;margin-left:15px}.passport-page .select-container .arrow-right{position:absolute;width:13px;height:20px;right:15px;top:16px;background:url('../assets/img/passport/arrow-right.png?1447153567') no-repeat;background-size:100% 100%}.passport-page .has-eye,.passport-page .has-clear{padding-right:30px}.passport-page .area-code{position:absolute;left:15px;line-height:2.5}.passport-page .phone-container{padding-left:55px}.passport-page .input{width:100%;line-height:26px;padding:12px 0;padding-left:15px;border-radius:5px;color:#fff;background-color:transparent;border:none}.passport-page .btn{display:block;width:100%;font-size:20px;line-height:2.5;background-color:#36a74c;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;color:#fff}.passport-page .btn.disable{background-color:#a2a2a2}.passport-page .country-select.in-android-uc{width:90px}.passport-page .clear-input{position:absolute;display:none;top:18px;right:10px;width:16px;height:16px;background:url('../assets/img/passport/clear-input.png?1447153567') no-repeat;background-size:100% 100%}.passport-page .eye{position:absolute;top:20px;right:10px;width:19px;height:12px;background:url('../assets/img/passport/eye.png?1447153567') no-repeat;background-size:100% 100%}.passport-page .eye.close{background-image:url('../assets/img/passport/eye-close.png?1447153567')}.passport-page .row{margin-bottom:10px}.reg-page .register-tip{color:#fff;font-size:15px}.login-page .yoho-logo{position:absolute;height:31px;width:26px;background:url('../assets/img/passport/yoho.png?1447153567');background-size:100% 100%;top:10px;left:15px}.login-page .acc-container{padding-left:45px}.login-page .op-container{position:relative;width:100%;margin:20px 0;text-align:left;font-size:16px}.login-page .op-container .go-register{text-decoration:underline;color:#858585}.login-page .op-container .forget-pwd{position:absolute;right:0;text-decoration:underline;color:#858585}.login-page .third-party-login{text-align:left}.login-page .third-party-login>span{font-size:16px;color:#858585}.login-page .third-party-login .tp-link{text-align:center;padding:20px 0}.login-page .third-party-login .tp-link>a{display:inline-block;width:44px;height:44px;margin:0 7px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;background-color:#333;background-repeat:no-repeat;background-size:100% 100%}.login-page .third-party-login .tp-link .alipay{background-image:url('../assets/img/passport/alipay.png?1447153567')}.login-page .third-party-login .tp-link .weibo{background-image:url('../assets/img/passport/weibo.png?1447153567')}.login-page .third-party-login .tp-link .weixin{background-image:url('../assets/img/passport/weixin.png?1447153567')}.login-page .third-party-login .tp-link .qq{background-image:url('../assets/img/passport/qq.png?1447153567')}.login-page .international{display:block;width:200px;padding:5px 10px;background-color:#333;border:none;border-radius:20px;margin:0 auto;font-size:16px;color:#d8d8d8}.login-page .login-tip{font-size:16px;position:relative;color:#d8d8d8;margin:15px 0}.login-page .login-tip .info-icon{display:inline-block;height:12px;width:12px;background-image:url('../assets/img/passport/info.png?1447153567');background-size:100% 100%}.login-page .mask{position:fixed;display:none;top:0;bottom:0;right:0;left:0;background-color:rgba(0,0,0,0.5)}.login-page .retrive-pwd-ways{position:fixed;display:none;bottom:5px;left:10px;right:10px;font-size:16px}.login-page .retrive-pwd-ways li{background-color:#fff;width:100%;height:40px;line-height:40px;text-align:center}.login-page .retrive-pwd-ways li:nth-child(1){-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;border-top-left-radius:5px;-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;border-top-right-radius:5px;border-bottom:1px solid #9f9f9f}.login-page .retrive-pwd-ways li:nth-child(2){-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;border-bottom-right-radius:5px}.login-page .retrive-pwd-ways li:last-child{margin-top:10px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}.back-email-success-page .tip{font-size:20px;color:#fff;margin-top:30px}.back-email-success-page .sub-tip,.back-email-success-page .resend{color:#939393;font-size:16px}.back-email-success-page .go-email{margin:20px 0 10px}.back-email-success-page .resend{float:right}.reg-code-page .captcha-tip,.back-code-page .captcha-tip{position:absolute;width:148px;text-align:center;right:15px;top:8px;color:#36a74c;padding:5px 0;border:1px solid #36a74c;border-radius:20px;font-size:16px}.reg-code-page .captcha-tip.disable,.back-code-page .captcha-tip.disable{color:#8f8f8f;border-color:#8f8f8f}.reg-code-page .input-container,.back-code-page .input-container{padding-right:190px}.reg-code-page .text-container,.back-code-page .text-container{color:#fff;font-size:16px;margin-bottom:20px}.reg-code-page .phone,.back-code-page .phone{color:#4ecae8}.reg-code-page .clear-input,.back-code-page .clear-input{right:170px}.time-view-like-share{color:#b0b0b0;line-height:0.95rem;height:0.95rem;font-size:0.6rem}.time-view-like-share .iconfont{vertical-align:9%;margin-right:0.1rem;font-size:0.6rem}.time-view-like-share .like-share-container{display:inline-block;float:right}.time-view-like-share .like-share-container>*{float:left}.time-view-like-share .like-share-container .iconfont{position:relative;height:1.5rem;line-height:1.5rem;display:inline-block;color:#b0b0b0;width:1.5rem;top:-0.35rem;font-size:0.85rem;text-align:center;margin-right:0;outline:none}.time-view-like-share .like-share-container .share-btn{margin-left:0.5rem}.time-view-like-share .like-share-container .like-btn.like{color:#444}.time-view-like-share .like-share-container .collect-btn{margin-left:0.5rem}.time-view-like-share .like-share-container .collect-btn.collected{color:#D62927}.guang-info{margin-bottom:0.75rem;padding:0 0 0.6rem 0;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;background:#fff}.guang-info .info-author{display:block;width:100%}.guang-info .info-author .avatar{float:left;margin-top:0.5rem;width:1.25rem;height:1.25rem;margin-left:0.75rem;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}.guang-info .info-author .name{float:left;margin-left:0.75rem;padding:0.75rem 0;font-size:0.7rem;color:#000}.guang-info:last-child{margin-bottom:0}.guang-info .info-img{position:relative;width:100%}.guang-info .info-img img{display:block;width:100%}.guang-info .info-match{position:absolute;top:0;left:0;width:3.25rem;height:1.25rem;line-height:1.25rem;font-size:0.7rem;color:#fff;background:#000;text-align:center;text-decoration:none;z-index:1}.guang-info .info-tag{position:absolute;top:0;left:2.625rem;height:1.25rem;width:1.25rem}.guang-info .info-tag.collocation{background:url('../assets/img/guang/info/collocation.png?1447153567');background-size:100% 100%}.guang-info .info-tag.fashion-good{background:url('../assets/img/guang/info/fashion-good.png?1447153567');background-size:100% 100%}.guang-info .info-tag.fashion-man{background:url('../assets/img/guang/info/fashion-man.png?1447153567');background-size:100% 100%}.guang-info .info-tag.tip{background:url('../assets/img/guang/info/tip.png?1447153567');background-size:100% 100%}.guang-info .info-tag.topic{background:url('../assets/img/guang/info/topic.png?1447153567');background-size:100% 100%}.guang-info .info-deps{margin:0.8rem 0 0 0;padding:0 1rem 0 0.75rem}.guang-info .info-deps .info-title-container{text-decoration:none;color:#000}.guang-info .info-deps .info-title{line-height:1.1rem;color:#000;font-size:1rem;font-weight:bold}.guang-info .info-deps .info-text{margin:0.4rem 0 0 0;line-height:1.15rem;font-size:0.7rem;color:#444}.guang-info .info-deps .time-view-like-share{margin-top:0.4rem}.ps-list-page{background-color:#f0f0f0}.ps-list-page .nav-tab,.ps-list-page .ps-content{width:100%}.ps-list-page .nav-tab{height:1.5rem;padding:0.25rem 0;background-color:#fff}.ps-list-page .star-nav,.ps-list-page .plus-nav{box-sizing:border-box;float:left;width:50%;height:1.5rem;line-height:1.5rem;font-size:16px;text-align:center;color:#ccc}.ps-list-page .star-nav.focus,.ps-list-page .plus-nav.focus{color:#000}.ps-list-page .star-nav{border-right:1px solid #ccc}.ps-list-page .plus-star-row{margin-bottom:0.75rem}.ps-list-page .plus-star-row:last-child{margin-bottom:0}.ps-list-page .plus-star-row>a{display:block;height:7.75rem}.ps-list-page .content.hide{display:none}.ps-list-page .swiper-container{height:7.75rem}.ps-list-page .swiper-pagination-bullet-active{background:#fff}.ps-list-page .brand-deps{height:1rem;line-height:1rem;padding-left:0.25rem;font-size:14px;background:#fff;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ps-detail-page{background-color:#f0f0f0}.ps-detail-page .ps-block{margin-bottom:0.75rem;border-bottom:1px solid #e0e0e0;border-top:1px solid #e0e0e0;background-color:#fff}.ps-detail-page .ps-block.header,.ps-detail-page .ps-block.related-infos{border-top:none}.ps-detail-page .ps-block.related-infos{margin-bottom:0;background-color:#f0f0f0}.ps-detail-page .header{position:relative}.ps-detail-page .header .banner{width:100%;height:7.75rem}.ps-detail-page .header .logo{position:absolute;border:1px solid #b5b5b5;height:4.2rem;width:4.2rem;top:5.65rem;left:1.25rem}.ps-detail-page .header .header-content{padding:0 0.75rem}.ps-detail-page .header .name-islike-container{padding-left:6.2rem;margin-top:0.6rem;font-size:0.85rem}.ps-detail-page .header .name{color:#000;height:1.025rem;width:7.375rem}.ps-detail-page .header .brand-islike{position:relative;float:right;color:#b0b0b0;height:1.5rem;width:1.5rem;line-height:1.5rem;text-align:center;top:-0.25rem;left:-0.25rem}.ps-detail-page .header .brand-islike.like{color:#f00}.ps-detail-page .intro{margin-top:1.225rem;font-size:0.6rem;color:#444;line-height:150%}.ps-detail-page .more-intro{padding:0.75rem 0;font-size:0.7rem;line-height:104%;color:#bbb;float:right}.ps-detail-page .more-intro .icon{display:inline-block;height:100%;width:1rem;-moz-transition:-moz-transform 0.1s ease-in;-o-transition:-o-transform 0.1s ease-in;-webkit-transition:-webkit-transform 0.1s ease-in;transition:transform 0.1s ease-in}.ps-detail-page .more-intro.spread .icon{-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.ps-detail-page .new-arrival{padding-left:0 0.75rem}.ps-detail-page .new-arrival .new-arrival-content{padding:0.5rem 0.35rem}.ps-detail-page .new-arrival .more-goods-container{height:2.25rem;padding:0 0.75rem;border-top:1px solid #e0e0e0;color:#000}.ps-detail-page .new-arrival .mg-text{height:100%;line-height:2.25rem;color:#000;text-decoration:none;display:block;font-size:16px}.ps-detail-page .new-arrival .more-prods{float:right;color:#b0b0b0}.ps-detail-page .new-arrival .new-arrival-header .more-prods{margin-right:0.75rem;margin-top:0.25rem}.ps-detail-page .new-arrival-header{padding-left:5.55rem;padding-top:0.825rem}.ps-detail-page .new-arrival-header .header-text{font-size:0.7rem;color:#000;line-height:122%;font-weight:bold}.ps-detail-page .related-info-title{margin:0 0.725rem;border:1px solid #e0e0e0;border-bottom:none;line-height:1.8rem;font-size:0.75rem;color:#b0b0b0;text-align:center;background-color:#fff}.ps-detail-page .related-infos-container .guang-info:first-child{margin-top:0}.guang-list-page .editor-header{margin-bottom:0.75rem;padding-top:0.9rem;padding-bottom:1rem;background:#fff;border-bottom:1px solid #e0e0e0}.guang-list-page .avatar{float:left;margin-left:0.75rem}.guang-list-page .avatar img{width:2.5rem;height:2.5rem;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}.guang-list-page .text{float:left;margin-left:0.8rem;width:11.875rem}.guang-list-page .text .name{font-size:0.8rem;line-height:1rem}.guang-list-page .text .info{margin-top:0.15rem;color:#bdbdbf;font-size:0.6rem;line-height:0.8rem}.guang-list-page .swiper-container{width:100%;height:7.75rem}.guang-list-page .swiper-container img{height:100%;width:100%}.guang-list-page .swiper-container .swiper-pagination{bottom:0;left:0;width:100%}.guang-list-page .swiper-container .swiper-pagination-bullet-active{background:#fff}.guang-list-page .guang-nav{background-color:#fff;overflow:hidden;height:2rem}.guang-list-page .guang-nav-item{float:left;color:#ccc;font-size:0.7rem;padding:0 0.55rem;line-height:2rem}.guang-list-page .guang-nav-item.focus{color:#000}.guang-list-page .info-list-container{overflow-x:hidden;background:#f0f0f0}.guang-list-page .info-list.hide{display:none}.guang-list-page .load-more-info{width:100%;height:1.75rem;line-height:1.75rem;text-align:center;font-size:14px;overflow:hidden}.guang-list-page .load-more-info .status.hide{display:none}.clothes-sprite{background-image:url('../assets/img/guang/clothes-s7f658d7d2c.png');background-repeat:no-repeat}.guang-detail-page #wrapper{background:#f0f0f0}.guang-detail-page #wrapper.ios{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.guang-detail-page #wrapper.ios.has-head{top:2.25rem}.guang-detail-page #wrapper.ios.has-head+.fixed-top{top:2.25rem}.guang-detail-page .author{border-bottom:1px solid #e0e0e0;background:#fff}.guang-detail-page .author>a{display:block;height:100%}.guang-detail-page .author .avatar{float:left;margin-top:0.5rem;margin-left:0.75rem;width:1.25rem;height:1.25rem;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}.guang-detail-page .author .name{float:left;font-size:0.7rem;color:#000;padding:0.75rem 0;margin-left:0.75rem}.guang-detail-page .author .intro{float:left;font-size:0.7rem;color:#b0b0b0;padding:0.75rem 0;margin-left:0.75rem}.guang-detail-page .post-title{padding:0.4rem 0 0.65rem 0.75rem;background:#fff}.guang-detail-page .post-title .title{line-height:1.5rem;font-size:1rem;color:#000;font-weight:bold}.guang-detail-page .text-block{padding:0.5rem 0.75rem;line-height:1.15rem;font-size:0.7rem;background:#fff;color:#444}.guang-detail-page .big-img-block{padding-bottom:0.125rem;background:#fff}.guang-detail-page .big-img-block img{width:100%;height:16rem}.guang-detail-page .small-img-block{padding-bottom:0.2rem;background:#fff}.guang-detail-page .small-img-block img{float:right;width:7.875rem;height:10.5rem}.guang-detail-page .small-img-block img:first-child{float:left}.guang-detail-page .collocation-block{background:#fff}.guang-detail-page .collocation-block .good-list{padding-left:0.375rem}.guang-detail-page .thumb-container{padding-top:0.75rem;padding-left:0.5rem;background:transparent url('../assets/img/guang/thumb-container-bg.png?1447153567') no-repeat;background-size:200% 100%}.guang-detail-page .thumb-container.fixed-top{position:fixed;left:0;right:0;top:0}.guang-detail-page .thumb-container.fixed-bottom{position:fixed;left:0;right:0;bottom:0;background:rgba(255,255,255,0.9)}.guang-detail-page .thumb-container.absolute{position:absolute;left:0;right:0}.guang-detail-page .thumb-container.static{position:static}.guang-detail-page .thumb-container.hide{display:none}.guang-detail-page .clothe-type{position:absolute;right:0.15rem;bottom:0.85rem;width:20px;height:20px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}.guang-detail-page .clothe-type.bag{background:url('../assets/img/guang/clothes-se45f5825d0.png') 0 0 no-repeat;-moz-background-size:20px auto;-o-background-size:20px auto;-webkit-background-size:20px auto;background-size:20px auto;display:block;background-color:#fff;background-size:100%}.guang-detail-page .clothe-type.cloth{background:url('../assets/img/guang/clothes-se45f5825d0.png') 0 -20px no-repeat;-moz-background-size:20px auto;-o-background-size:20px auto;-webkit-background-size:20px auto;background-size:20px auto;display:block;background-color:#fff;background-size:100%}.guang-detail-page .clothe-type.dress{background:url('../assets/img/guang/clothes-se45f5825d0.png') 0 -40px no-repeat;-moz-background-size:20px auto;-o-background-size:20px auto;-webkit-background-size:20px auto;background-size:20px auto;display:block;background-color:#fff;background-size:100%}.guang-detail-page .clothe-type.headset{background:url('../assets/img/guang/clothes-se45f5825d0.png') 0 -60px no-repeat;-moz-background-size:20px auto;-o-background-size:20px auto;-webkit-background-size:20px auto;background-size:20px auto;display:block;background-color:#fff;background-size:100%}.guang-detail-page .clothe-type.lamp{background:url('../assets/img/guang/clothes-se45f5825d0.png') 0 -80px no-repeat;-moz-background-size:20px auto;-o-background-size:20px auto;-webkit-background-size:20px auto;background-size:20px auto;display:block;background-color:#fff;background-size:100%}.guang-detail-page .clothe-type.pants{background:url('../assets/img/guang/clothes-se45f5825d0.png') 0 -100px no-repeat;-moz-background-size:20px auto;-o-background-size:20px auto;-webkit-background-size:20px auto;background-size:20px auto;display:block;background-color:#fff;background-size:100%}.guang-detail-page .clothe-type.shoe{background:url('../assets/img/guang/clothes-se45f5825d0.png') 0 -120px no-repeat;-moz-background-size:20px auto;-o-background-size:20px auto;-webkit-background-size:20px auto;background-size:20px auto;display:block;background-color:#fff;background-size:100%}.guang-detail-page .clothe-type.swim-suit{background:url('../assets/img/guang/clothes-se45f5825d0.png') 0 -140px no-repeat;-moz-background-size:20px auto;-o-background-size:20px auto;-webkit-background-size:20px auto;background-size:20px auto;display:block;background-color:#fff;background-size:100%}.guang-detail-page .clothe-type.under{background:url('../assets/img/guang/clothes-se45f5825d0.png') 0 -160px no-repeat;-moz-background-size:20px auto;-o-background-size:20px auto;-webkit-background-size:20px auto;background-size:20px auto;display:block;background-color:#fff;background-size:100%}.guang-detail-page .clothe-type.watch{background:url('../assets/img/guang/clothes-se45f5825d0.png') 0 -180px no-repeat;-moz-background-size:20px auto;-o-background-size:20px auto;-webkit-background-size:20px auto;background-size:20px auto;display:block;background-color:#fff;background-size:100%}.guang-detail-page .thumb{display:inline-block;position:relative;margin-right:0.55rem;padding-bottom:0.75rem}.guang-detail-page .thumb:last-child{margin-right:0}.guang-detail-page .thumb.focus .thumb-img{border-color:#000}.guang-detail-page .thumb-img{height:3.35rem;width:2.4rem;border:1px solid transparent}.guang-detail-page .related-reco-block{background:#fff;padding-left:0.375rem;border-top:1px solid #e0e0e0}.guang-detail-page .related-reco-block h2{margin-left:-0.375rem;line-height:2.6rem;font-size:0.75rem;color:#b0b0b0;text-align:center}.guang-detail-page .related-reco-block .one-good{padding-left:0.375rem;padding-right:0.75rem;margin-bottom:0.5rem}.guang-detail-page .related-reco-block .one-good .thumb{float:left;height:3.35rem;width:2.4rem}.guang-detail-page .related-reco-block .one-good .content-container{padding-left:3rem;height:3.35rem;line-height:1;font-size:0.6rem}.guang-detail-page .related-reco-block .one-good .content-container>p{height:50%;line-height:2.35rem}.guang-detail-page .related-reco-block .one-good .content-container span{display:inline-block;line-height:0.6rem}.guang-detail-page .related-reco-block .one-good .content-container .price{line-height:1.175rem}.guang-detail-page .related-reco-block .one-good .sale-price{color:#d62927;line-height:1.5}.guang-detail-page .related-reco-block .one-good .sale-price.no-price{color:#000}.guang-detail-page .related-reco-block .one-good .market-price{margin-left:0.125rem;color:#b0b0b0;text-decoration:line-through;line-height:1.5}.guang-detail-page .related-reco-block .one-good .check-detail{display:inline-block;color:#000;border:1px solid;border-radius:2px;float:right;padding:0 5px;line-height:1.5}.guang-detail-page .related-brand{margin-top:0.75rem}.guang-detail-page .related-brand h2{margin:0 0.725rem;background:#fff;border:1px solid #e0e0e0;border-bottom:none;line-height:1.8rem;font-size:0.75rem;color:#b0b0b0;text-align:center}.guang-detail-page .related-brand .brand-list{border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;padding:0.75rem 0 0.75rem;background:#fff}.guang-detail-page .related-brand .brand{float:left;width:3.95rem;height:3.2rem;border-right:1px solid #e0e0e0;margin-bottom:0.25rem}.guang-detail-page .related-brand .brand a{display:block}.guang-detail-page .related-brand .brand:nth-child(4n){border-right:none}.guang-detail-page .related-brand .brand-logo{display:table-cell;width:3.95rem;height:2.35rem;vertical-align:middle}.guang-detail-page .related-brand .brand-logo img{display:block;max-width:3.95rem;max-height:2.35rem;vertical-align:middle;margin:0 auto}.guang-detail-page .related-brand .brand-name{margin:0.25rem 0 0 0;line-height:0.6rem;font-size:0.45rem;color:#babac2;text-align:center;text-decoration:none;border-bottom:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guang-detail-page .related-tag{position:relative;padding-bottom:0.75rem;border-bottom:1px solid #e0e0e0;background:#fff}.guang-detail-page .related-tag .tag-bg{position:absolute;height:1rem;width:1rem;background:url('../assets/img/guang/tag.png?1447153567') no-repeat;background-size:100% 100%;top:0.875rem;left:0.5rem}.guang-detail-page .related-tag .tag-list{margin-left:1.25rem}.guang-detail-page .related-tag li{float:left;margin-top:0.775rem;margin-left:0.775rem}.guang-detail-page .related-tag a{height:1.25rem;line-height:1.25rem;font-size:0.75rem;color:#000;text-decoration:underline;white-space:nowrap}.guang-detail-page .related-info{margin-top:0.75rem}.guang-detail-page .related-info h2{margin:0 0.725rem;background:#fff;border:1px solid #e0e0e0;border-bottom:none;line-height:1.8rem;font-size:0.75rem;color:#b0b0b0;text-align:center}.guang-detail-page .related-info .info-list{background:#fff;padding-bottom:0.75rem;border-top:1px solid #e0e0e0}.guang-detail-page .related-info li{padding-top:0.75rem;margin-bottom:0.25rem}.guang-detail-page .related-info li a{display:block}.guang-detail-page .related-info li img{float:left;margin-left:0.75rem;width:4.55rem;height:2.85rem}.guang-detail-page .related-info li img.square{height:4.55rem}.guang-detail-page .related-info .title,.guang-detail-page .related-info .publish-time{float:left;width:9rem;margin-left:0.75rem;line-height:1rem;color:#444;font-size:0.7rem}.guang-detail-page .related-info .publish-time{font-size:0.45rem;margin-top:0;color:#b0b0b0}.guang-detail-page .related-info .publish-time .iconfont{font-size:0.45rem}.header-download{position:relative;height:5.3rem;padding:1.2rem 0 0;overflow:hidden}.header-download .download-bg{position:absolute;left:0;top:0;width:100%;z-index:-1}.header-download .yoho-logo{height:1.425rem;background:url('../assets/img/app-logo.png?1447311939') no-repeat center center;background-size:auto 100%}.header-download p{line-height:1.2rem;font-size:0.7rem;color:#fff;text-align:center}.header-download .download-btn{display:block;margin:0.45rem auto 0;width:7.35rem;height:1.6rem;line-height:1.6rem;border:0.075rem solid #fff;font-size:0.9rem;text-align:center;color:#fff}.header-download .close-btn{position:absolute;top:0.425rem;right:0.325rem;width:1.25rem;height:1.25rem;background:url('../assets/img/close-icon.png?1447311939');background-size:100% 100%}.banner-top{position:relative}.banner-top .swiper-pagination{position:absolute;left:0;right:0;bottom:0.5rem;text-align:center;z-index:1}.banner-top .swiper-pagination .pagination-inner{display:inline-block}.banner-top .swiper-pagination .pagination-inner span{display:inline-block;width:0.35rem;height:0.35rem;background:#fff;opacity:0.5;margin:0 0.225rem;border-radius:50%}.banner-top .swiper-pagination .pagination-inner span.swiper-pagination-bullet-active{background:#fff;opacity:1}.banner-swiper{position:relative;height:7.725rem;overflow:hidden}.banner-swiper ul{position:relative;height:7.725rem}.banner-swiper ul li{float:left;width:100%;height:100%}.banner-swiper ul li img{width:100%;height:100%}.banner-center{margin:0.75rem 0 0;height:5rem;overflow:hidden}.banner-center img{display:block;width:100%;height:100%}.banner-bottom{margin:0.75rem 0 0;height:4rem;overflow:hidden}.banner-bottom img{display:block;width:100%}.side-nav{display:none;background:#fff;position:fixed;top:0;bottom:0;left:0;right:2.5rem;width:13.5rem;z-index:1;overflow:hidden;-moz-transition:all 0.3s;-o-transition:all 0.3s;-webkit-transition:all 0.3s;transition:all 0.3s}.side-nav ul{background:#f0f0f0}.side-nav li{position:relative;height:3.2rem;line-height:3.2rem;border-bottom:1px solid #e0e0e0;background:#fff}.side-nav li a{display:block;height:100%;padding-left:2.75rem;color:#444;font-size:0.6rem}.side-nav li .nav-icon,.side-nav li .nav-img{position:absolute;width:1.5rem;height:1.5rem;top:50%;margin-top:-0.75rem;left:0.6rem;background:no-repeat left center;background-size:100% 100%}.side-nav li .enter-subnav{position:absolute;right:0.75rem;top:0;bottom:0;font-size:0.9rem;color:#b0b0b0;font-weight:lighter}.side-nav li em{margin-right:0.25rem;font-weight:bold;font-size:0.85rem}.side-nav li.boys i{background:url('../assets/img/side-nav/boys.png?1447153567') no-repeat left center;background-size:100% 100%}.side-nav li.girls i{background:url('../assets/img/side-nav/girls.png?1447153567') no-repeat left center;background-size:100% 100%}.side-nav li.kids i{background:url('../assets/img/side-nav/kids.png?1447153567') no-repeat left center;background-size:100% 100%}.side-nav li.life i{background:url('../assets/img/side-nav/life.png?1447153567') no-repeat left center;background-size:100% 100%}.side-nav li.new{margin:0.475rem 0 0;border-top:1px solid #e0e0e0}.side-nav li.new i{background:url('../assets/img/side-nav/new.png?1447153567') no-repeat left center;background-size:100% 100%}.side-nav li.guang .nav-icon,.side-nav li.trendfinder .nav-icon{background:url('../assets/img/side-nav/guang.png?1447153567') no-repeat left center;background-size:100% 100%}.side-nav.on{display:block}.sub-nav{display:none;position:fixed;bottom:0;top:0;left:0;width:13.5rem;background:#fff !important;overflow:hidden;-moz-transform:translateX(13.5rem);-ms-transform:translateX(13.5rem);-webkit-transform:translateX(13.5rem);transform:translateX(13.5rem);-moz-transition:-moz-transform 0.3s;-o-transition:-o-transform 0.3s;-webkit-transition:-webkit-transform 0.3s;transition:transform 0.3s}.sub-nav li{height:2.725rem;line-height:2.725rem;border:none}.sub-nav li a{position:relative;display:block;margin:0 0 0 0.75rem;padding-left:1.25rem;border-bottom:1px solid #e0e0e0;font-size:0.9rem;z-index:2}.sub-nav li .nav-point{position:absolute;left:0rem;font-size:0.4rem;color:#f0f0f0}.sub-nav li em{font-weight:normal;font-size:0.9rem}.sub-nav li:hover .nav-point,.sub-nav li.current .nav-point{color:#3e3e3e}.sub-nav li:first-child{height:2.2rem;line-height:2.2rem;background:#3e3e3e}.sub-nav li:first-child a{color:#fff;border-bottom:none;padding-left:2.75rem}.sub-nav li:first-child .nav-back{position:absolute;left:0}.sub-nav.show{display:block;-moz-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0);-moz-transition:-moz-transform 0.3s;-o-transition:-o-transform 0.3s;-webkit-transition:-webkit-transform 0.3s;transition:transform 0.3s}.floor-header{margin:0.725rem 0.75rem 0;background:#fff;border:1px solid #e0e0e0;border-bottom:none;height:1.75rem;line-height:1.75rem;text-align:center;font-size:0.75rem;color:#b1b1b1}.floor-header-more{position:relative;height:2.475rem;line-height:2.475rem;margin:0.725rem 0 0;background:#fff;border-top:1px solid #e0e0e0;text-align:center;font-size:0.8rem;color:#444}.floor-header-more .more-btn{position:absolute;right:0.75rem;top:0;bottom:0;color:#b0b0b0;font-size:1.25rem}.hot-brands{border-bottom:1px solid #e0e0e0;background:#fff}.hot-brands .floor-header{background:#f0f0f0;margin:0;padding:0.725rem 0.75rem 0;border:0}.hot-brands .floor-header h2{border:1px solid #e0e0e0;background:#fff;border-bottom:0}.hot-brands a{display:block;text-decoration:none;height:100%}.hot-brands .brand{float:left;width:3.95rem;height:4.35rem;border-right:1px solid #e0e0e0;border-top:1px solid #e0e0e0;overflow:hidden}.hot-brands .brand .brand-logo{display:table-cell;width:3.95rem;height:3.2rem;line-height:3.2rem;text-align:center;font-size:0;vertical-align:middle}.hot-brands .brand .brand-logo img{max-width:100%;max-height:100%}.hot-brands .brand .brand-name{line-height:1.1rem;font-size:0.45rem;color:#babac2;text-align:center;text-decoration:none;border-bottom:none;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap}.hot-brands .brand:nth-child(5n){border-right:none}.hot-brands .more{float:left;width:7.925rem;height:4.35rem;border-top:1px solid #e0e0e0}.hot-brands .more a{display:block;width:100%;height:100%;background:url('../assets/img/more-brand.png?1447153567') no-repeat;background-size:100% 100%}.brands-swiper{background:#fff;width:100%;height:4rem;padding-top:0.5rem;border-top:1px solid #e0e0e0;overflow:hidden}.brands-swiper .brands-list{position:relative;height:4rem}.brands-swiper .brands-list li{float:left;padding-left:5%;width:21.875%;height:3.5rem}.brands-swiper .brands-list li a{position:relative;display:block;width:100%;height:100%;line-height:3.5rem;font-size:0}.brands-swiper .brands-list li img{max-width:100%;max-height:100%;vertical-align:middle}.brands-swiper .brands-list li .brands-title{position:absolute;left:0.2rem;right:0.2rem;bottom:0.2rem;height:0.7rem;line-height:0.7rem;text-align:center;font-size:0.45rem;color:#444;background:rgba(255,255,255,0.5);overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap}.fine-brands{background:#fff;border-top:1px solid #e0e0e0}.fine-brands a{display:block;text-decoration:none}.fine-brands .brand{float:left;width:3.95rem;height:4.35rem;border-right:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;overflow:hidden}.fine-brands .brand .brand-logo{display:table-cell;width:3.95rem;height:3.25rem;vertical-align:middle}.fine-brands .brand .brand-logo img{display:block;max-width:3.95rem;max-height:3.25rem;vertical-align:middle;margin:0 auto}.fine-brands .brand .brand-name{line-height:1.1rem;font-size:0.45rem;color:#babac2;text-align:center;text-decoration:none;border-bottom:none;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap}.fine-brands .brand:nth-child(4n){border-right:none}.fine-brands .more .brand-logo{display:block;text-align:center;line-height:3.75rem}.fine-brands .more .brand-logo .iconfont{font-size:1.2rem;color:#333}.creative-life{background:#fff}.creative-life .banner{display:block;height:10rem;overflow:hidden}.creative-life .banner img{width:100%;height:100%}.creative-life .classify-list{border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0}.creative-life .classify-list>li{float:left;width:5.3rem;height:4.8rem;border-top:1px solid #e0e0e0;border-right:1px solid #e0e0e0}.creative-life .classify-logo{width:5.3rem;height:4.8rem}.creative-life .classify-logo img{display:block;width:100%;height:100%}.creative-life .classify-name{line-height:1.3rem;font-size:0.65rem;color:#000;text-align:center;text-decoration:none;border-bottom:none;overflow:hidden}.creative-life .classify:nth-child(3n){border-right:0}.plus-star img{display:block;width:100%;height:4.95rem;border-top:1px solid #e0e0e0}.maybe-like{position:relative;background:#fff;padding-left:0.375rem;border-top:1px solid #ccc;margin-top:0.75rem}.maybe-like .title{height:2.6rem;font-size:0.95rem;line-height:2.6rem;text-align:center;color:#dadada}.maybe-like .icon{display:inline-block;height:0.775rem;width:0.775rem;background:url('../assets/img/up-icon.png?1447153567') no-repeat;background-size:100% 100%}.maybe-like .maybe-like-nav{width:100%;height:1.5rem;padding:0.25rem 0;background-color:#fff}.maybe-like .maybe-like-nav:before{content:'';position:absolute;border-top:1px solid #ccc;left:0;top:2rem;width:16rem;height:0}.maybe-like .maybe-like-nav-item{box-sizing:border-box;float:left;width:50%;height:1.5rem;line-height:1.5rem;text-align:center;color:#ccc;border-right:1px solid #ccc}.maybe-like .maybe-like-nav-item.focus{color:#000}.maybe-like .load-more-info{width:100%;height:1.75rem;line-height:1.75rem;text-align:center;font-size:14px;overflow:hidden}.maybe-like .load-more-info .status.hide{display:none}.load-more-img{padding-left:0;height:5rem;border-top:1px solid #ccc;overflow:hidden}.load-more-img img{display:block;width:100%;height:100%}.icons-wrapper{box-sizing:border-box;padding:0.75rem 0 0.4rem;background:#fff;border-bottom:1px solid #e0e0e0}.icons-item{float:left;margin-bottom:0.25rem;width:25%;height:3.65rem;text-align:center}.imagebar{display:block;margin:0 auto;text-align:center;width:2.45rem;height:2.45rem;line-height:2.45rem;box-sizing:border-box;overflow:hidden}.imagebar img{width:100%;height:100%}.linkbar{display:block;line-height:1.1rem;font-size:0.6rem;color:#444}.linkbar:visited,.linkbar:link,.linkbar:active,.linkbar:hover{color:#444}.trend-coll-wrapper{background:#fff;height:16.125rem;border-bottom:1px solid #e0e0e0}.trend-coll-header{position:relative;widows:100%}.trend-coll-header .trend-coll-title{width:100%;height:2.5rem;line-height:2.5rem;text-align:center;font-size:0.85rem;color:#747474}.trend-coll-header .more{position:absolute;right:0.6rem;top:0.5rem}.trend-coll-content{padding:0 0 0 0.375rem}.trend-coll-content .lspan{float:left;margin:0 0.375rem}.trend-coll-content .rspan{float:left;margin:0 0.375rem}.lspanimg{display:block;float:right;width:6.875rem;height:6.875rem}.rspanimg{display:block;float:right;width:6.875rem;height:6.875rem}.trend-coll-tail{box-sizing:border-box;width:100%;height:6.675rem;clear:both}.recommend-title{widows:100%;height:2.5rem;line-height:2.5rem;text-align:center;font-size:0.85rem}.recommend-swiper{width:100%;height:3.5rem;overflow:hidden}.recommend-list{position:relative;height:100%}.recommend-list .recommend-item{float:left;padding-left:5%;width:21.875%;height:3.5rem}.recommend-list .recommend-item a{display:block;width:100%;height:100%}.recommend-list .recommend-item a img{width:100%;height:100%}.trend-topic-wrapper{background:#fff}.trend-topic-content{position:relative;width:100%;border-bottom:1px solid #e0e0e0}.trend-topic-content .swiper-pagination{position:absolute;left:0;right:0;bottom:0.55rem;text-align:center}.trend-topic-content .swiper-pagination .pagination-inner{display:inline-block}.trend-topic-content .swiper-pagination span{float:left;width:0.4rem;height:0.4rem;margin:0 0.2rem;background:#efefef;border-radius:50%}.trend-topic-content .swiper-pagination span.swiper-pagination-bullet-active{background:#b0b0b0}.trend-topic-swiper{height:13.35rem;overflow:hidden}.trend-topic-swiper ul{position:relative}.trend-topic-swiper ul li{float:left;height:13.35rem}.trend-topic-swiper ul li .img-box{margin:0 auto;width:14.5rem;height:9rem;line-height:9rem;text-align:center}.trend-topic-swiper ul li .img-box img{vertical-align:middle;width:100%;height:100%}.trend-topic-swiper ul li .item-content{margin:0.5rem 0.75rem 0}.trend-topic-swiper ul li .item-content .title{line-height:1.3rem;font-size:0.75rem;color:#000;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap}.trend-topic-swiper ul li .item-content .time{margin:0.4rem 0 0;line-height:0.6rem;color:#afafaf;font-size:0.45rem}.trend-topic-swiper ul li .item-content .time .time-icon{margin-right:0.2rem;font-size:0.35rem}.category-swiper{position:relative;height:10rem;overflow:hidden}.category-swiper ul li{float:left;width:100%}.category-swiper ul li a,.category-swiper ul li img{display:block;width:100%;height:100%}.category-swiper .swiper-pagination{position:absolute;left:0;right:0;bottom:0.5rem;text-align:center}.category-swiper .swiper-pagination .pagination-inner{display:inline-block}.category-swiper .swiper-pagination .pagination-inner span{display:inline-block;width:0.35rem;height:0.35rem;background:#fff;opacity:0.5;margin:0 0.225rem;border-radius:50%}.category-swiper .swiper-pagination .pagination-inner span.swiper-active-switch{opacity:1}.goods-category{background:#fff}.goods-category .category-list{height:9.55rem;border-bottom:1px solid #e0e0e0;border-top:1px solid #e0e0e0;overflow:hidden}.goods-category .category-list li{float:left;width:4.775rem;height:4.775rem;border-left:1px solid #e0e0e0}.goods-category .category-list li .first-show{display:none}.goods-category .category-list li .img-box{height:100%;line-height:100%;text-align:center}.goods-category .category-list li .img-box img{width:100%;height:100%;vertical-align:middle}.goods-category .category-list li .category-name{line-height:0.8rem;font-size:0.5rem;color:#444;text-align:center}.goods-category .category-list li:first-child{width:6.325rem;height:9.55rem;border-left:none}.goods-category .category-list li:first-child .img-box{height:100%;line-height:100%}.goods-category .category-list li:first-child .category-name{line-height:1rem;font-size:0.55rem}.goods-category .category-list li:nth-child(4),.goods-category .category-list li:nth-child(5){border-top:1px solid #e0e0e0}.hot-category{margin:0.75rem 0 0;border-bottom:1px solid #e0e0e0}.hot-category .category-banner{height:4.95rem}.hot-category .category-banner img{display:block;width:100%;height:4.95rem}.hot-category .category-list{background:#fff}.hot-category .category-list li{float:left;width:3.95rem;height:4.35rem;border-top:1px solid #e0e0e0;border-left:1px solid #e0e0e0;overflow:hidden}.hot-category .category-list li .img-box{width:100%;height:100%;line-height:3.85rem;text-align:center;overflow:hidden;font-size:0}.hot-category .category-list li .img-box img{vertical-align:middle;width:100%;height:100%;max-width:100%;max-height:100%}.hot-category .category-list li .category-title{line-height:0.55rem;color:#aaa;font-size:0.45rem;text-align:center}.home-header{height:2.25rem;line-height:2.25rem;background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMyMzIzMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQxNDE0MSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');background-size:100%;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #323232),color-stop(100%, #414141));background-image:-moz-linear-gradient(#323232,#414141);background-image:-webkit-linear-gradient(#323232,#414141);background-image:linear-gradient(#323232,#414141);position:relative}.home-header .iconfont{color:#fff}.home-header .nav-btn{position:absolute;left:0;top:0;bottom:0;z-index:2;padding:0 0.8rem}.home-header .logo{display:block;margin:0 auto;width:5.2rem;height:2.175rem;background:url('../assets/img/yohologo02.png?1447153567') no-repeat center center;background-size:100%}.home-header .logo.animate{background:url('../assets/img/yohologo01.png?1447153567') no-repeat center center;background-size:100%}.home-header .search-btn{position:absolute;right:0.8rem;top:0;bottom:0}.home-header .search-btn a{color:#fff}.girls-wrap .home-header{background:#FF88AE}.kids-wrap .home-header{background:#7ad9f9}.lifestyle-wrap .home-header{background:#4f4138}.kids-wrap .logo{font-style:italic;font-family:"helvetica","Arial","榛戜綋";font-weight:bold;color:#fff}.mobile-container{width:100%;overflow:hidden}.mobile-wrap{position:relative;z-index:2;background:#f0f0f0;-moz-transition:-moz-transform 0.3s;-o-transition:-o-transform 0.3s;-webkit-transition:-webkit-transform 0.3s;transition:transform 0.3s}.mobile-wrap.menu-open{-moz-transform:translateX(13.5rem);-ms-transform:translateX(13.5rem);-webkit-transform:translateX(13.5rem);transform:translateX(13.5rem)}.overlay{display:none;position:absolute;top:0;left:0;right:0;bottom:0;background:#000;z-index:4;-moz-transition:opacity 1s;-o-transition:opacity 1s;-webkit-transition:opacity 1s;transition:opacity 1s}.overlay.show{display:block;opacity:0.3}.brand-page .newbrand-search{width:93.75%;height:1.5rem;padding:0.35rem 3.125%;background-color:#f8f8f8;left:0;top:2.25rem;position:fixed;z-index:2}.brand-page .newbrand-search .search-box{position:relative;width:12.5rem;height:1.5rem;background-color:#FFF;border-radius:0.75rem;padding:0 0.8rem 0 1.3rem}.brand-page .newbrand-search .search-box a{width:100%;height:1.5rem;border:0;display:block}.brand-page .newbrand-search .search-box a span{line-height:1.5rem;color:#bdbdbd;font-size:1.2em;padding-left:0.45rem}.brand-page .newbrand-search .search-box .search-icon{position:absolute;font-size:0.6rem;top:0;left:0.6rem;line-height:1.5rem;color:#bdbdbd}.brand-page .newbrand-search .search-box .search-input{border:none;width:95%;height:1.5rem;font-size:1.2em;padding:0 0.25rem}.brand-page .newbrand-search .search-box .search-action{display:none;position:absolute;top:0;right:-1.85rem;font-size:0.8rem;line-height:1.5rem;color:#666}.brand-page .newbrand-search .search-box .cancel-btn{display:inline;font-size:0.8rem;vertical-align:middle}.brand-page .newbrand-search .search-box .clear-text{margin-right:0.5rem}.brand-page .banner-top{padding-top:4.45rem;background-color:#f8f8f8}.brand-page .hot-brand{margin:0.75rem 0 0}.brand-page .hot-brand .hot-brand-list{background:#fff}.brand-page .hot-brand .hot-brand-list li{float:left;width:3.95rem;height:3.95rem}.brand-page .hot-brand .hot-brand-list li .img-box{display:table-cell;vertical-align:middle;text-align:center;width:3.95rem;height:3.95rem}.brand-page .hot-brand .hot-brand-list li img{max-width:3.5rem;max-height:3.5rem}.brand-page .brand-list{width:100%}.brand-page .brand-list .title-bar{width:100%;background:#eeeeee;color:#999999;position:relative}.brand-page .brand-list .title-bar h2{padding:0 0.5rem;height:1.25rem;line-height:1.25rem;font-size:0.85rem;border-top:1px solid #e6e6e6;background-color:#f4f4f4}.brand-page .brand-list p{cursor:pointer;padding:0 0.5rem}.brand-page .brand-list p a{display:block;height:1.9rem;line-height:1.9rem;font-size:0.7rem;border-bottom:1px solid #f3f3f3;border-top:1px solid #f9f9f9}.brand-page .brand-list p a i{display:inline-block;margin-top:-0.1rem;width:2.7rem;height:1.05rem;text-align:center;vertical-align:middle;font-size:0.7rem;line-height:1.1rem;color:#fff;border-radius:1.25rem;-moz-transform:scale(0.8, 0.8);-ms-transform:scale(0.8, 0.8);-webkit-transform:scale(0.8, 0.8);transform:scale(0.8, 0.8)}.brand-page .brand-list p a .icon-hot{background:#ff0000}.brand-page .brand-list p a .icon-new{background:#86c048}.brand-page .right-bar{width:1.5rem;height:75%;top:20%;overflow:auto;position:fixed;right:0.05rem;border-radius:0.3rem;background:rgba(0,0,0,0.8);z-index:2;display:none}.brand-page .right-bar b{height:0.9rem;line-height:0.9rem;text-align:center;display:block;color:#999999;font-weight:bold}.brand-page .right-bar::-webkit-scrollbar{display:none}.brand-page .con{padding-top:0.25rem}.brand-page .search-result{padding-top:4.4rem}.category-page{font-size:0.75rem}.category-page .search-input{position:relative;background-color:#f8f8f8;padding:0.325rem 0.5rem}.category-page .search-input p{box-sizing:border-box;width:100%;height:1.5rem;line-height:1.5rem;border:none;padding-left:1.325rem;border-radius:1.5rem;font-size:0.75rem;background:#fff;color:#999}.category-page .search-icon{position:absolute;top:0;bottom:0;left:1.075rem;line-height:2.15rem;color:#999}.category-page .category-nav{height:1.75rem;border-bottom:1px solid #e6e6e6}.category-page .category-nav li{display:block;box-sizing:border-box;float:left;height:100%;padding:0.5rem 0;width:25%;text-align:center;color:#999}.category-page .category-nav li:last-child{border-right:none}.category-page .category-nav li.focus{color:#000}.category-page .category-nav span{display:block;width:100%;height:0.75rem;line-height:0.75rem;font-size:0.75rem;border-right:1px solid #e6e6e6}.category-page .category-nav li:last-child span{border-right:0}.category-page .content{background:#f8f8f8}.category-page .content.hide{display:none}.category-page .primary-level{float:left;box-sizing:border-box;width:40%}.category-page .primary-level>li{height:1.725rem;line-height:1.725rem;padding-left:0.8rem}.category-page .primary-level>li.focus{background-color:#fff}.category-page .sub-level-container{float:left;box-sizing:border-box;background:#fff;width:60%;height:100%}.category-page .sub-level{width:100%}.category-page .sub-level.hide{display:none}.category-page .sub-level>li{height:1.775rem;line-height:1.775rem;border-bottom:1px solid #e6e6e6;padding-left:0.5rem}.category-page .sub-level>li.highlight{background:#eee}.category-page .sub-level>li:last-child{border-bottom:none}.category-page .sub-level a{display:block;height:100%;width:100%;color:#000}.newarrival-page{background-color:#fff}.newarrival-page .swiper-container{width:100%;height:7.75rem}.newarrival-page .swiper-container img{height:100%;width:100%}.newarrival-page .swiper-container .swiper-pagination{bottom:0;left:0;width:100%}.newarrival-page .swiper-container .swiper-pagination-bullet-active{background:#fff}.newarrival-page .banner-top-single{width:100%;height:5rem}.newarrival-page .banner-top-single img{display:block;height:100%;width:100%}.newarrival-page .list-nav{border-bottom:1px solid #e6e6e6}.newarrival-page .list-nav>li{float:left;width:25%;height:33px;line-height:33px;text-align:center;font-size:14px;color:#999}.newarrival-page .list-nav a{display:inline-block;box-sizing:border-box;width:auto;height:100%;color:#999}.newarrival-page .list-nav .active>a{color:#000;box-sizing:border-box}.newarrival-page .list-nav .active>.iconfont{color:#000}.newarrival-page .list-nav .active>.iconfont.cur{color:#000}.newarrival-page .list-nav .filter .iconfont{font-size:12px;-moz-transition:-moz-transform ease-in;-o-transition:-o-transform ease-in;-webkit-transition:-webkit-transform ease-in;transition:transform ease-in}.newarrival-page .list-nav .filter.active .iconfont{-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.newarrival-page .no-result{text-align:center;vertical-align:middle;color:#ccc;font-size:1.2em;margin-top:160px}.newarrival-page .goods-container{position:relative;min-height:440px;padding-left:0.375rem;padding-top:0.2rem}.discount-page{background-color:#fff}.discount-page .swiper-container{width:100%;height:7.75rem}.discount-page .swiper-container img{height:100%;width:100%}.discount-page .swiper-container .swiper-pagination{bottom:0;left:0;width:100%}.discount-page .swiper-container .swiper-pagination-bullet-active{background:#fff}.discount-page .banner-top-single{width:100%;height:5rem}.discount-page .banner-top-single img{display:block;height:100%;width:100%}.discount-page .list-nav{border-bottom:1px solid #e6e6e6}.discount-page .list-nav>li{float:left;width:25%;height:33px;line-height:33px;text-align:center;font-size:14px}.discount-page .list-nav a{display:block;box-sizing:border-box;width:100%;height:100%;color:#999}.discount-page .list-nav .active>a{color:#000}.discount-page .list-nav .active>a .spanTest{width:auto;height:100%;display:inline-block;box-sizing:border-box}.discount-page .list-nav .active>a .iconfont{color:#999}.discount-page .list-nav .active>a .iconfont.cur{color:#000}.discount-page .list-nav .new .iconfont{-moz-transform:scale(0.8, 0.8);-ms-transform:scale(0.8, 0.8);-webkit-transform:scale(0.8, 0.8);transform:scale(0.8, 0.8);font-weight:bold}.discount-page .list-nav .filter .iconfont{font-size:12px;-moz-transition:-moz-transform ease-in;-o-transition:-o-transform ease-in;-webkit-transition:-webkit-transform ease-in;transition:transform ease-in}.discount-page .list-nav .filter.active .iconfont{-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.discount-page .list-nav .icon{position:relative}.discount-page .list-nav .icon i{position:absolute;-moz-transform:scale(0.8, 0.8);-ms-transform:scale(0.8, 0.8);-webkit-transform:scale(0.8, 0.8);transform:scale(0.8, 0.8);font-weight:bold}.discount-page .list-nav .icon .up{top:-11px}.discount-page .list-nav .icon .down{top:-4px}.discount-page .no-result{text-align:center;vertical-align:middle;color:#ccc;font-size:1.2em;margin-top:160px}.discount-page .goods-container{position:relative;min-height:440px;padding-left:0.375rem;padding-top:0.2rem}.good-list-page .search-input{position:relative;padding:7px 15px;background:#f8f8f8}.good-list-page .search-input>form{position:relative}.good-list-page .search-input .search-icon{position:absolute;font-size:12px;top:9px;left:10px}.good-list-page .search-input input{box-sizing:border-box;padding-left:26px;height:30px;width:85%;border-radius:15px;background:#fff;border:none}.good-list-page .search-input .clear-input{position:absolute;top:5px;right:50px}.good-list-page .search-input .search{position:absolute;top:2px;right:-4px;border:none;background:transparent;font-size:16px;height:30px;overflow:hidden;line-height:30px;color:#666}.good-list-page .brand-way{padding-bottom:10px;background:#f4f4f4}.good-list-page .brand-way>a{display:block;height:40px;line-height:40px;padding:0 10px;border-bottom:1px solid #e6e6e6;border-top:1px solid #e6e6e6;font-size:17px;background:#fff;color:#000}.good-list-page .brand-way .brand-thumb{display:block;float:left;width:75px;height:40px;margin:0}.good-list-page .brand-way .entry{color:#999;font-size:14px;float:right}.good-list-page .brand-header{position:relative;height:3.75rem}.good-list-page .brand-header>img{display:block;height:100%;width:100%}.good-list-page .btn-intro,.good-list-page .btn-col{position:absolute;display:block;width:62px;height:24px;line-height:24px;text-align:center;border:1px solid #fff;color:#fff;top:50%;margin-top:-12px}.good-list-page .btn-intro{right:90px}.good-list-page .btn-col{right:15px}.good-list-page .btn-col .iconfont{font-size:12px}.good-list-page .btn-col.coled{opacity:0.5}.good-list-page .btn-col .txt:after{content:"收藏"}.good-list-page .btn-col.coled .txt:after{content:"已收藏"}.good-list-page .brand-intro-box{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.3);padding:44px 0;z-index:1;overflow:auto}.good-list-page .brand-intro-box .brand-intro{position:relative;box-sizing:border-box;width:85%;margin:0 7.5%;background:#fff;padding:10px 8%}.good-list-page .brand-intro-box h2{text-align:center;font-size:17px;line-height:40px}.good-list-page .brand-intro-box .con{font-size:12px;line-height:16px;padding:20px 0;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;overflow-x:hidden}.good-list-page .brand-intro-box .fo{font-size:18px;height:40px;line-height:40px;text-align:center}.good-list-page .brand-intro-box .fo>span{font-size:22px}.good-list-page .brand-intro-box .close-intro{position:absolute;top:6px;right:6px}.good-list-page .list-nav{border-bottom:1px solid #e6e6e6}.good-list-page .list-nav>li{float:left;width:25%;height:33px;line-height:33px;text-align:center;font-size:14px}.good-list-page .list-nav a{display:block;box-sizing:border-box;width:100%;height:100%;color:#999}.good-list-page .list-nav .nav-txt{display:inline-block;height:100%;box-sizing:border-box}.good-list-page .list-nav .active>a{color:#000}.good-list-page .list-nav .active>a .iconfont{color:#999}.good-list-page .list-nav .active>a .iconfont.cur{color:#000}.good-list-page .list-nav .new .iconfont{-moz-transform:scale(0.8, 0.8);-ms-transform:scale(0.8, 0.8);-webkit-transform:scale(0.8, 0.8);transform:scale(0.8, 0.8);font-weight:bold}.good-list-page .list-nav .filter .iconfont{font-size:12px;-moz-transition:-moz-transform ease-in;-o-transition:-o-transform ease-in;-webkit-transition:-webkit-transform ease-in;transition:transform ease-in}.good-list-page .list-nav .filter.active .iconfont{-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.good-list-page .list-nav .icon{position:relative}.good-list-page .list-nav .icon i{position:absolute;-moz-transform:scale(0.8, 0.8);-ms-transform:scale(0.8, 0.8);-webkit-transform:scale(0.8, 0.8);transform:scale(0.8, 0.8);font-weight:bold}.good-list-page .list-nav .icon .up{top:-11px}.good-list-page .list-nav .icon .down{top:-4px}.good-list-page .no-result{text-align:center;vertical-align:middle;color:#ccc;font-size:1.2em;margin-top:220px}.good-list-page .goods-container{position:relative;min-height:440px;padding-left:0.375rem;padding-top:0.2rem}.good-detail-page .banner-top{height:16.5rem;overflow:hidden;position:relative}.good-detail-page .banner-top .swiper-pagination{position:absolute;left:0;right:0;bottom:1rem;text-align:center}.good-detail-page .banner-top .swiper-pagination .pagination-inner{display:inline-block}.good-detail-page .banner-top .swiper-pagination .pagination-inner span{display:inline-block;width:0.35rem;height:0.35rem;background:#fff;opacity:0.5;margin:0 0.225rem;border-radius:50%}.good-detail-page .banner-top .swiper-pagination .pagination-inner span.swiper-active-switch{opacity:1}.good-detail-page .banner-top .swiper-pagination .pagination-inner .swiper-pagination-bullet-active{background-color:#000000}.good-detail-page .banner-swiper{height:15rem;width:11.2rem;margin:0.75rem 2.4rem;position:relative;overflow:hidden}.good-detail-page .banner-swiper ul{position:relative;height:100%}.good-detail-page .banner-swiper ul li{float:left;height:100%}.good-detail-page .goodsName{font-size:0.7rem;color:#222222;padding-bottom:6px;text-align:center}.good-detail-page .goodsTitle{font-size:0.9rem;text-align:center;padding-bottom:2px;font-weight:bold}.good-detail-page .vipLevel{color:#999999;text-align:center;padding-bottom:15px}.good-detail-page .goToBuy{padding:0 10px;margin-bottom:20px;text-align:center;overflow:hidden}.good-detail-page .goToBuy .AddFavorite{background-color:#cccccc;width:2.75rem;height:2.5rem;line-height:2.5rem;font-size:1.7em;color:white;margin-right:0.5rem;overflow:hidden;float:left !important}.good-detail-page .goToBuy .toBuyNow{height:50px;line-height:50px;color:white;display:block;margin-left:2.4em;font-size:1.84em;overflow:hidden;font-weight:bold;background-color:#ed0010}.good-detail-page .discountNotice{margin-bottom:20px}.good-detail-page .discountNotice p{height:44px;line-height:44px;padding:0 10px;margin-bottom:1px;font-size:12px;background-color:#eeeeee}.good-detail-page .goToShop{margin:0 10px 20px;padding:10px;height:47px;line-height:47px;overflow:hidden;background-color:#eee}.good-detail-page .goToShop .fz14{font-size:1.2em;float:right !important}.good-detail-page .detailSize{padding:0 10px;margin-bottom:20px}.good-detail-page .detailSize h3{text-align:center;font-size:1.3em;margin-bottom:5px}.good-detail-page .detailSize h3 span{font-size:0.6em;display:block;text-transform:uppercase}.good-detail-page .detailSize table{background-color:white;width:100%}.good-detail-page .detailSize td{text-align:left;padding:0.4em 0.8em;border:1px solid white;background-color:#eee;font-size:1em}.good-detail-page .detail-img{padding:0 10px;margin-bottom:10px}.suspend-cart{position:fixed;width:44px;height:44px;line-height:44px;border-radius:50%;background:rgba(0,0,0,0.3);text-align:center;right:15px;bottom:70px;z-index:10}.suspend-cart .iconfont{color:#fff;font-size:18px}.suspend-cart .cart-count{position:absolute;width:18px;height:18px;line-height:18px;border-radius:50%;background:#f00;top:0;right:0;color:#fff}.index-page{width:100%;overflow:hidden;margin:0 auto}.index-page .index-header{box-sizing:border-box;padding:0 0.5rem;width:100%;height:2.4rem;line-height:2.4rem}.index-page .index-header .index-logo{float:left;width:5.4rem;height:2.4rem;background:url(../img/yohologo.png) left center no-repeat;background-size:104px 25px;opacity:1;transition:all 400ms}.index-page .index-header .index-logo img{display:inline;vertical-align:middle;width:5.175rem;height:1.225rem}.index-page .index-header .index-logo.action{opacity:0;width:0}.index-page .index-header .box{position:relative;overflow:hidden;z-index:1}.index-page .index-header .box.action .no-search,.index-page .index-header .box.action .clear-text{display:block}.index-page .index-header .index-search{height:2.4rem;background:#fff;overflow:hidden;-moz-transition:width 0.4s;-o-transition:width 0.4s;-webkit-transition:width 0.4s;transition:width 0.4s}.index-page .index-header .index-search .search-box{position:relative;top:0.5rem;height:1.4rem;padding-right:2rem;transition:width 400ms;box-sizing:border-box;border:1px solid #ccc;overflow:hidden;-moz-transition:margin-left 0.4s;-o-transition:margin-left 0.4s;-webkit-transition:margin-left 0.4s;transition:margin-left 0.4s}.index-page .index-header .index-search input{float:left;width:96%;font-size:0.7rem;padding:0.25rem;color:#999;overflow:hidden;border:none;-webkit-appearance:none}.index-page .index-header .index-search .iconfont{position:absolute;top:0.2rem;width:1rem;font-size:0.7rem;z-index:1;line-height:1rem}.index-page .index-header .index-search .clear-text{display:none;right:1.25rem;color:#ccc}.index-page .index-header .index-search .search-icon{right:0.25rem;color:#666}.index-page .index-header .index-search .search-icon.empty{color:#e6e6e6}.index-page .index-header .no-search{display:none;float:left;margin-right:0.25rem;color:#999;font-size:0.7rem}.index-page .index-container{position:relative;-moz-transition:-moz-transform 0.5s;-o-transition:-o-transform 0.5s;-webkit-transition:-webkit-transform 0.5s;transition:transform 0.5s;background-color:white}.index-page .index-container .index_header{height:2rem;line-height:2rem;overflow:hidden;padding:0 0.25rem}.index-page .index-container .index-channel{color:#FFF;text-align:center;position:relative;background-color:#000000;min-height:20rem}.index-page .index-container .index-channel .index-channel-list{margin-top:-7.5rem;width:100%;position:absolute;top:50%}.index-page .index-container .index-channel .index-channel-list .list-item{display:block;position:relative;margin:0 auto 1rem;width:216px;height:52px;text-align:center;font-size:16px;line-height:52px;color:#fff;background:#000;border:4px solid #fff;font-weight:bold}.index-page .index-container .index-channel .index-channel-list .list-item:last-child{margin-bottom:0}.index-page .index-container .index-channel .index-channel-list .lighter{font-weight:lighter}.index-page .index-container .index-channel .index-channel-list .right-icon{position:absolute;right:0.25rem;top:0;font-weight:bold}.index-page .index-container .index-channel .index-channel-list .homestyle{margin-bottom:1.25rem;width:7.1825rem}.search-page .search-input{position:relative;padding:0.35rem 0.55rem;background:#f8f8f8}.search-page .search-input form{width:100%}.search-page .search-input .search-icon{position:absolute;font-size:0.6rem;top:0.65rem;left:0.9rem;color:#b2b2b2}.search-page .search-input input{height:1.4rem;width:9.45rem;border-radius:0.7rem;padding:0 1.3rem;font-size:0.6rem;background:#fff;border:none}.search-page .search-input .clear-input{position:absolute;top:0.5rem;right:3.625rem;font-size:0.8rem;color:#666}.search-page .search-input .search{position:absolute;top:0.45rem;right:1rem;border:none;background:transparent;color:#666;font-size:0.75rem;line-height:1.4rem}.search-page .search-items{padding:1rem 0.5rem}.search-page .search-items h3{font-size:0.6rem;margin-bottom:0.5rem}.search-page .search-items li{float:left;margin-right:0.5rem;margin-bottom:0.5rem;max-width:100%;overflow:hidden}.search-page .search-items a{display:block;height:1.7rem;line-height:1.7rem;padding:0 0.5rem;font-size:0.7rem;background:#f8f8f8;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-page .search-items .clear-history{height:1.6rem;line-height:1.6rem;border:1px solid #e6e6e6;background:#fff;font-size:0.7rem}.float-layer{height:44px;background:rgba(68,68,68,0.95);position:fixed;width:100%;bottom:0;left:0;z-index:9999;padding:10px 0}.float-layer .float-layer-left{padding-left:22px;overflow:hidden;float:left}.float-layer .float-layer-left img{height:44px;float:left;margin-right:10px}.float-layer .float-layer-left p{float:left;font-size:16px;height:44px;line-height:44px;color:white}.float-layer .float-layer-left .yoho-icon{float:left;margin-right:10px;font-size:22px;line-height:44px;width:44px;height:44px;text-align:center;color:#fff;border-radius:10px;background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMyMzIzMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzBmMGYwZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #323232),color-stop(100%, #0f0f0f));background:-moz-linear-gradient(#323232,#0f0f0f);background:-webkit-linear-gradient(#323232,#0f0f0f);background:linear-gradient(#323232,#0f0f0f)}#float-layer-close{position:absolute;left:0;top:0;width:50px;height:50px}#float-layer-close .close-icon{position:absolute;left:0;top:0;color:#C0C0C0;z-index:2}#float-layer-btn{position:absolute;top:50%;right:15px;font-size:16px;padding:0 10px;height:27px;line-height:27px;background:white;border-radius:5px;margin-top:-13px;-webkit-tap-highlight-color:rgba(0,0,0,0.5)}#float-layer-btn:link,#float-layer-btn:visited,#float-layer-btn:hover,#float-layer-btn:actived{color:#000}.circle-rightbottom{position:absolute;width:25px;height:0px;border:0 solid #323232;border-bottom:25px solid #323232;-moz-border-radius:0 0 25px 0;-webkit-border-radius:0 0 25px 0;border-radius:0 0 25px 0}.err-page .err-bg{position:fixed;height:5rem;width:5rem;top:50%;left:50%;margin-left:-2.5rem;margin-top:-2.5rem;background:url('../assets/img/404.png?1447311939') no-repeat;background-size:100% 100%}.shopping-cart-good{position:relative;padding-left:0.4rem}.shopping-cart-good .checkbox{position:absolute;top:50%;margin-top:-0.35rem;font-size:0.7rem;color:#f0f0f0}.shopping-cart-good .checkbox.icon-cb-checked{color:#000}.shopping-cart-good .info{float:left;margin-left:1.25rem;padding:0.4rem 0;border-bottom:1px solid #e0e0e0}.shopping-cart-good .thumb{float:left;width:3rem;height:4rem}.shopping-cart-good .deps{margin-left:3.375rem;padding-right:0.5rem}.shopping-cart-good .name{font-size:0.7rem}.shopping-cart-good .row:nth-child(2){font-size:0.55rem;height:1.125rem;line-height:1.125rem}.shopping-cart-good .row:nth-child(2)>span{margin-right:0.375rem}.shopping-cart-good .row:nth-child(3){position:relative}.shopping-cart-good .color,.shopping-cart-good .size{color:#b6b6b6}.shopping-cart-good .appear-date{color:#e01}.shopping-cart-good .price{font-size:0.6rem;color:#000}.shopping-cart-good .count{font-size:0.5rem;color:#999;margin-left:0.55rem}.shopping-cart-good .sold-out,.shopping-cart-good .low-stocks{display:inline-block;width:2.5rem;height:0.75rem;line-height:0.75rem;font-size:0.55rem;border:none;color:#fff;text-align:center;margin-left:0.4rem}.shopping-cart-good .sold-out{background:#999}.shopping-cart-good .low-stocks{background:#e01}.shopping-cart-good .icon-del,.shopping-cart-good .icon-edit{position:absolute;color:#ccc;font-size:0.75rem}.shopping-cart-good .icon-del{right:0.35rem}.shopping-cart-good .icon-edit{right:1.8rem}.shopping-cart-good .opt-panel{position:absolute;width:5.5rem;height:4.75rem;right:0;color:#fff}.shopping-cart-good .opt-panel>div{float:left;box-sizing:border-box;width:2.75rem;height:100%;text-align:center;padding:1rem 0.5rem 0;font-size:15px}.shopping-cart-good .opt-panel span{display:block}.shopping-cart-good .opt-panel .put-in-favorite{background:#bbb}.shopping-cart-good .opt-panel .del{background:#999}.shopping-cart-good .opt-panel .del .iconfont{margin-bottom:0.5rem}.chose-panel{position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,0.3)}.chose-panel .main{position:absolute;height:15.25rem;bottom:0;left:0;right:0;background:#fff}.chose-panel .infos{height:11.5rem;padding:0 0.55rem;padding-top:0.75rem}.chose-panel .chose-items{height:8.125rem;overflow:auto}.chose-panel .basic-info{margin-bottom:0.75rem}.chose-panel .thumb{float:left;width:2rem;height:2.65rem}.chose-panel .text-info{margin-left:2.55rem}.chose-panel .text-info .name{font-size:0.7rem}.chose-panel .text-info .sale-price{color:#e10}.chose-panel .text-info .sale-price.no-price{color:#000}.chose-panel .text-info .market-price{color:#b0b0b0;text-decoration:line-through}.chose-panel .color-list,.chose-panel .size-list,.chose-panel .num{position:relative;font-size:0.7rem;padding-left:2rem}.chose-panel .color-list>span,.chose-panel .size-list>span,.chose-panel .num>span{position:absolute;left:0;top:0.5rem}.chose-panel .block{float:left;display:block;width:2rem;height:2rem;border:1px solid #000;margin-right:0.75rem;margin-bottom:0.75rem;line-height:2rem;text-align:center}.chose-panel .block.chosed{border-color:#e10;background:url('../assets/img/shopping-cart/right.png?1447153567') no-repeat;background-size:0.95rem;background-position:bottom right;color:#e10}.chose-panel .num{margin-bottom:0.5rem}.chose-panel .num .btn{float:left;display:block;height:2rem;width:2rem;text-align:center;line-height:2rem;border:1px solid #e6e6e6}.chose-panel .num .btn.disable{color:#e6e6e6}.chose-panel .good-num{float:left;width:2.65rem;height:2rem;line-height:2rem;padding:0;border:none;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;text-align:center}.chose-panel .btn-wrap{height:3rem;border-top:1px solid #e6e6e6;padding:0.5rem;text-align:center;box-sizing:border-box}.chose-panel .btn-wrap .btn-sure{width:6.5rem;height:2rem;background:#e10;color:#fff;font-size:0.8rem;border:none}.gift-advance-page .gift-advance-good{position:relative;padding:0.5rem 0;margin-left:0.85rem;height:4rem;border-bottom:1px solid #e0e0e0}.gift-advance-page .gift-advance-good:last-child{border-bottom:none}.gift-advance-page .advance-block .gift-advance-good:last-child{border-bottom:none}.gift-advance-page .advance-block:last-child .gift-advance-good:last-child{border-bottom:1px solid #e0e0e0}.gift-advance-page .thumb-wrap{position:relative;float:left;width:3rem;height:4rem}.gift-advance-page .thumb-wrap .thumb{width:100%;height:100%}.gift-advance-page .tag{position:absolute;bottom:0;left:0;right:0;height:0.625rem;color:#fff;text-align:center;background:#a1ce4e}.gift-advance-page .tag:before{content:'赠品'}.gift-advance-page .deps{margin-left:3.375rem}.gift-advance-page .name{font-size:0.7rem}.gift-advance-page .row:nth-child(2){font-size:0.55rem;height:1.125rem;line-height:1.125rem}.gift-advance-page .row:nth-child(2)>span{margin-right:0.375rem}.gift-advance-page .row:nth-child(3){position:relative}.gift-advance-page .color,.gift-advance-page .size{color:#b6b6b6}.gift-advance-page .price{font-size:0.6rem;color:#000}.gift-advance-page .count{font-size:0.5rem;color:#999;margin-left:0.55rem}.gift-advance-page .chose{position:absolute;width:2.2rem;height:1.45rem;background:#f8f8f8;border:1px solid #ccc;right:0.5rem;top:1.775rem;font-size:0.65rem}.gift-advance-page .title{height:1.25rem;line-height:1.25rem;padding-left:0.5rem;font-size:0.6rem;background:#f8f8f8}.gift-advance-page .advance-block .tag{background:#eb76aa}.gift-advance-page .advance-block .tag:before{content:'加价购'}.icon-checkbox:before{content:"\e61c"}.icon-cb-checked:before{content:"\e61d"}.shopping-cart-page{padding-bottom:3rem}.shopping-cart-page .cart-nav{height:0.75rem;color:#c6c6c6;border-bottom:1px solid #e0e0e0;padding:0.75rem 0}.shopping-cart-page .cart-nav li{float:left;width:50%}.shopping-cart-page .cart-nav li.active{color:#000}.shopping-cart-page .cart-nav span{display:block;box-sizing:border-box;width:100%;height:0.75rem;line-height:0.75rem;font-size:0.75rem;text-align:center}.shopping-cart-page .cart-nav li:first-child span{border-right:1px solid #e0e0e0}.shopping-cart-page .login-info{height:1.15rem;padding:0.425rem 0.5rem;color:#24acaa;text-align:center;font-size:0.7rem}.shopping-cart-page .login-info .btn{display:inline-block;background:#ed0010;color:#fff;width:2rem;height:1.15rem;line-height:1.15rem}.shopping-cart-page .presell-info{height:1.5rem;padding:0.375rem 0.75rem;font-size:0.55rem;background:#f0f0f0;color:#b7b7b7}.shopping-cart-page .presell-info>span{display:block}.shopping-cart-page .presell-info .iconfont{float:left;font-size:1.125rem}.shopping-cart-page .presell-info .txt{height:0.75rem;line-height:0.75rem;margin-left:2rem}.shopping-cart-page .cart-goods{border-bottom:1px solid #e0e0e0}.shopping-cart-page .cart-goods .shopping-cart-good:last-child .info{border-bottom:none}.shopping-cart-page .freebie-and-advance-buy{padding:0.5rem;font-size:0.6rem;border-bottom:1px solid #e0e0e0}.shopping-cart-page .freebie-and-advance-buy>li{box-sizing:border-box;height:2.25rem;line-height:2.25rem;margin-bottom:0.25rem;background:#f8f8f8;padding:0 0.5rem}.shopping-cart-page .freebie-and-advance-buy>li:last-child{margin-bottom:0}.shopping-cart-page .freebie-and-advance-buy>li a{float:right}.shopping-cart-page .freebie-and-advance-buy .count{color:#f00}.shopping-cart-page .freebie-and-advance-buy .icon-right-arrow{color:#8f8f8f}.shopping-cart-page .price-compute{padding:0.5rem;border-bottom:1px solid #e0e0e0;font-size:0.65rem}.shopping-cart-page .price-compute .title{display:inline-block;width:4.375rem}.shopping-cart-page .price-compute .minus{float:right}.shopping-cart-page .balance{position:fixed;box-sizing:border-box;bottom:0;width:100%;padding:0.5rem;height:3rem;border-top:1px solid #e0e0e0;background:#fff}.shopping-cart-page .balance .iconfont{position:absolute;top:50%;margin-top:-0.35rem;font-size:0.7rem}.shopping-cart-page .balance p{float:left;margin-left:1.25rem;font-size:0.65rem}.shopping-cart-page .balance p span{display:block;height:1rem;line-height:1rem}.shopping-cart-page .balance p .tip{color:#666;font-size:0.55rem}.shopping-cart-page .balance .btn-balance{float:right;width:3.5rem;height:2rem;line-height:2rem;text-align:center;background:#e01;color:#fff;border:none;font-size:0.7rem}