@charset "UTF-8";.nail-logo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.nail-logo .logo-link{display:inline-block;background:url(../../images/logo.png) no-repeat;background-size:100% 100%;width:168px;height:64px}

@media only screen and (max-width:1024px){
    .nail-logo .logo-link{width:105px;height:40px}
}


/* Sign in /Join */
.hover-login{right:0px}
.hover-language{right:20px}
.nail-popover-trigger{position:relative;display:inline-block}
.nail-popover{position:absolute;min-width:100px;z-index:1001}
.nail-popover .np-content{display:inline-block;padding:15px;border-radius:5px;-webkit-box-shadow:0 0 15px 1px rgba(0,0,0,.2);box-shadow:0 0 15px 1px rgba(0,0,0,.2);background-color:#fff;color:#222;font-size:14px;line-height:1.5;white-space:normal;outline:0;-webkit-transition-property:visibility,opacity,-webkit-transform;transition-property:transform,visibility,opacity;transition-property:transform,visibility,opacity,-webkit-transform;max-height:400px;overflow-y: auto;}
.nail-popover .np-caret{position:absolute;width:0;height:0;border:6px solid transparent}
.nail-popover-bottom{padding-top:10px}
.nail-popover-bottom .np-caret{top:4px;border-bottom-color:#fff;border-top-width:0}
.nail-popover-bottom.align-center .np-caret{left:calc(50% - 6px)}
.nail-popover-bottom.align-start .np-caret{left:35px}
.nail-popover-bottom.align-end .np-caret{right:10px}
.cate-content .np-caret{top:-6px}
.hover-buyer{margin-left: -63px}
.hover-buyer span{margin-left: 83.5px}
.hover-help{margin-left: -27px}



.nail-login,.nail-login .nl-refer{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}
.nail-login .nl-refer{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#222;text-decoration:none;cursor:pointer}
.nail-login .nl-refer.active,.nail-login .nl-refer.active .nail-link,.nail-login .nl-refer:hover,.nail-login .nl-refer:hover .nail-link{color:#e64545}
.nail-login .nlr-icon{position:relative;top:-1px;font-size:22px;text-align:center}
.nail-login .nlr-icon.in-simple-header{top:0}
.nail-login .login-content{width:218px}
.nail-login .sign-link{margin-bottom:10px}
.nail-login .join-link{margin-bottom:10px}
.nail-login .divd-line{height:1px;background-color:#dae0e6;margin:15px 0}
.nail-login .protocol-link{color:#007dfa}
.nail-login .protocol-link:hover,.nail-login .q-link:hover .nail-txt{color:#e64545}
.nail-login .quick-links{margin-top:15px; margin-bottom:15px}
.nail-login .quick-links a{text-align: center;width: 100%;justify-content: center;line-height: 30px; }
.nail-login .q-link{display:-webkit-box;display:-ms-flexbox;display:flex;text-decoration:none;color:#222}
.nail-login .q-link:not(:last-child){margin-bottom:12px}
.nail-login .login-out{display:block;text-decoration:none;color:#888}
.nail-login .login-out:hover{color:#e64545}
.nail-login .login-info{color:#888;font-size:14px}
.nail-login .login-name{color:#222;word-break:break-all}
.nail-login .login-link{line-height:18px}

.nail-unlogin{cursor:default}
.nail-simple-login .login-tip{font-size:12px;color:#888;margin-bottom:10px;text-align:center}
.nail-simple-login .nail-btn.main-btn{margin-bottom:10px}

.custom-select-container{position:relative;width:100%;height:100%}
.custom-select-trigger{display:flex;align-items:center;justify-content:space-between;padding:8px 15px;border:none;border-radius:25px;cursor:pointer;transition:all .3s ease;font-size:14px;color:#495057;height:100%;box-sizing:border-box}
/* .custom-select-trigger:hover{border-color:#e64545;box-shadow:0 4px 8px rgba(230,69,69,.15);transform:translateY(-1px)}
.custom-select-trigger.active{border-color:#e64545;box-shadow:0 0 0 3px rgba(230,69,69,.1)} */
.custom-select-trigger .selected-text{font-weight:500;flex:1}
.custom-select-trigger .icon-down{margin-left:8px;transition:transform .3s ease;color:#6c757d;font-size:12px}
.custom-select-trigger.active .icon-down{transform:rotate(180deg);color:#e64545}
.custom-select-dropdown{position:absolute;top:calc(100% + 5px);left:0;right:0;background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 8px 25px rgba(0,0,0,.15);z-index:1000;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;overflow:hidden}
.custom-select-dropdown.show{opacity:1;visibility:visible;transform:translateY(0)}
.custom-option{display:flex;align-items:center;padding:12px 15px;cursor:pointer;transition:all .2s ease;font-size:14px;color:#495057;border-bottom:1px solid #f8f9fa}
.custom-option:last-child{border-bottom:none}

.custom-option:hover{background:linear-gradient(135deg,#e64545 0,#d63939 100%);color:#fff;}
.custom-option.selected{background:linear-gradient(135deg,#e64545 0,#d63939 100%);color:#fff;font-weight:500}

.custom-option.selected .ob-icon,.custom-option:hover .ob-icon{color:#fff}
@media only screen and (max-width:768px){.custom-select-trigger{padding:6px 12px;font-size:13px}
.custom-option{padding:10px 12px;font-size:13px}
}
@keyframes selectSlideIn{from{opacity:0;transform:translateY(-15px) scale(.95)}
to{opacity:1;transform:translateY(0) scale(1)}
}
.custom-select-dropdown.show{animation:selectSlideIn .3s ease}

.nail-ss-title{position:relative;padding:0 10px 2px 20px;color:#222;font-size:16px;cursor:pointer;height:100%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.nail-ss-title .ss-down{position:relative;top:0;margin-left:5px;-webkit-transition:all .1s ease;transition:all .1s ease}
.nail-ss-title .ss-down.active{-webkit-transform:rotate(180deg);transform:rotate(180deg)}

.nail-search-dropdown{width:132px}
.nail-search-option-list{padding-bottom:5px}
.nail-search-option-list .nail-search-option{padding:5px 10px;cursor:pointer}

/* 搜索input */
.nail-search-panel{position:relative;height:100%;padding-bottom:2px}
.nail-search-panel.sa-layout input{padding:0 10px 0 45px}
.nail-search-panel.sa-layout .icon-camera{left:15px;right:auto}
.nail-search-panel input{font-size:14px;outline:0;border:0;padding:0 45px 0 10px;padding:0;width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:transparent}
.nail-search-panel .icon-camera{position:absolute;right:15px;color:#888;font-size:20px;top:9px;cursor:pointer;text-decoration:none}
.nail-search-panel .icon-camera:hover{color:#e64545}
.nail-search-panel .chemical-tip{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:-38px auto auto 230px;z-index:100;position:absolute;font-size:12px;padding:10px;border-radius:5px;line-height:1.5;color:#555;background:#fff;-webkit-box-shadow:0 0 15px 1px rgba(0,0,0,.2);box-shadow:0 0 15px 1px rgba(0,0,0,.2)}
.nail-search-panel .chemical-caret{position:absolute;width:0;height:0;border:6px solid transparent;left:-6px;top:14px;border-right-color:#fff;border-left-width:0}
.nail-search-panel .chemical-delete{margin-left:10px;color:#888;cursor:pointer}
.nail-search-panel .chemical-delete:hover{color:#222}
.nail-search-dropdown{position:absolute;left:0;top:100%;min-width:100%;z-index:99999}

.nail-search-container{margin:0 auto}
.nail-search-bar{border:2px solid #e64545;border-radius:60px;background-color:#fff}
.nail-search-bar .layout-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:41px}
.nail-search-bar .layout-body{position:relative;height:100%}
.nail-search-bar .nail-search-dropdown{border-radius:3px;-webkit-box-shadow:0 3px 3px rgba(0,0,0,.12),0 6px 10px rgba(0,0,0,.06),0 9px 16px rgba(0,0,0,.03);box-shadow:0 3px 3px rgba(0,0,0,.12),0 6px 10px rgba(0,0,0,.06),0 9px 16px rgba(0,0,0,.03);background-color:#fff;color:#222;font-size:14px;line-height:1.5;white-space:normal;outline:0;-webkit-transition-property:visibility,opacity,-webkit-transform;transition-property:transform,visibility,opacity;transition-property:transform,visibility,opacity,-webkit-transform;z-index:99999}
.nail-search-bar.hide-relate{margin-bottom:0}

.nail-search-bar .nail-search-select-wrap{position:relative;height:100%}
.nail-search-bar .nail-search-input-wrap{-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%}

.nail-search-btn-wrap{background:#e64545;height:calc(100% - 4px);-ms-flex-negative:0;flex-shrink:0;border-radius:60px;margin:-2px 2px -2px 0}
.nail-search-btn-wrap .nail-search-btn{width:70px;height:100%;border:0;background:0 0;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.nail-search-btn-wrap .icon-search{font-size:18px;color:#fff}

/* 帮助 */
.nail-entrance{font-size:14px;line-height:21px;color:#000;cursor:default}
.nail-entrance .icon-down{-webkit-transition:all .15s;transition:all .15s;-webkit-transform:rotate(0);transform:rotate(0);margin-top:-2px}
.nail-entrance.active .nail-link{color:#e64545;cursor:default}
.nail-categories .cate-entrance.active a.entr-link,.nail-entrance.active a,.nail-entrance.active a.nail-link{color:#e64545;cursor:pointer}
.nail-entrance.active .icon-down{-webkit-transform:rotate(180deg);transform:rotate(180deg)}


.nail-panel{margin:-5px -15px}
.nail-panel .nail-link{line-height:21px;padding:5px 15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.nail-panel .panel-items{-webkit-box-flex:1;-ms-flex:1;flex:1}
.nail-panel .panel-item{white-space:nowrap;font-size:14px}
.nail-panel .panel-item:last-child{margin-bottom:0}
.nail-panel .panel-item:hover{background-color:#f5f7fa}
.nail-panel .panel-item.selected a,.nail-panel-buyer .panel-item .nail-link:hover{color:#e64545}
.nail-panel.panel-flex{display:-webkit-box;display:-ms-flexbox;display:flex}

.nail-panel-buyer,.nail-panel-supplier{width:248px}
.nail-panel-buyer .panel-title{font-weight:700;font-size:14px;line-height:21px;padding:10px 15px 5px}
.nail-panel-buyer .panel-item{white-space:normal}
.nail-panel-buyer .panel-item .nail-link{color:#555}
.nail-panel-buyer .panel-group{margin-bottom:10px}
.nail-panel-buyer .panel-group:last-child{margin-bottom:0}
.nail-panel-buyer .flex-line-item{padding-right:5px}
.nail-panel-buyer .flex-line-item:last-child{padding-right:0}
.nail-buyer.en-layout .nail-panel-buyer{width:390px} 

.nail-buyer.sa-layout .flex-line-item{padding-right:0;padding-left:5px}
.nail-buyer.sa-layout .flex-line-item:last-child{padding-left:0}

.nail-panel-supplier .panel-item{white-space:normal}
.nail-panel-supplier .nail-link{padding:5px 15px;line-height:21px;display:-webkit-box;display:-ms-flexbox;display:flex}
.download-app-title{font-weight:700;font-size:14px;line-height:21px}
.download-app-desc{font-weight:400;font-size:12px;line-height:21px;color:#555}
.download-app-qr-code{width:220px}
.appop-r{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
.appop-l{margin-right:5px}
.appop-r-txt{display:block;margin-bottom:5px;text-align:center}
.appopup-box{padding:10px;border:1px solid #e6e7eb;border-radius:4px;display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:10px}


.nail-panel-help{width:248px}
.nail-panel-help .panel-item{white-space:normal}
.nail-categories{margin-left:-10px}
.nail-categories .ob-icon{margin-top:-2px;margin-right:3px}
.nail-categories .nail-title-box{position:relative}
.nail-categories .cate-group{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%}
.nail-categories .panel-item{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;padding:0 5px;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:normal}
.nail-categories .panel-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:5px 0;line-height:21px}
.nail-categories .panel-items{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -5px}
.nail-categories .icon-down{-webkit-transition:all .15s;transition:all .15s;-webkit-transform:rotate(0);transform:rotate(0)}
.nail-categories .cate-entrance{padding:10px 20px 10px 15px;font-size:14px;white-space:nowrap}
.nail-categories .cate-content,.nail-categories .cate-entrance.active{border-radius:5px 5px 0 0;z-index:1000;-webkit-box-shadow:0 0 15px 1px rgba(0,0,0,.2);box-shadow:0 0 15px 1px rgba(0,0,0,.2);position:relative;background:#fff}
.nail-categories .cate-entrance.active .icon-down{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.nail-categories .cate-entrance.active:before{position:absolute;content:"";display:block;width:120%;height:15px;top:100%;left:0;background:#fff}
.nail-categories .cate-content{width:600px;position:absolute;z-index:999;left:0;top:100%;padding:15px;border-radius:0 5px 5px 5px}
.nail-categories.sa-layout{margin-left:0;margin-right:-10px}
.nail-categories.sa-layout .ob-icon{margin-right:0;margin-left:3px}
.nail-categories.sa-layout .cate-entrance{padding:10px 10px 10px 25px}
.nail-categories.sa-layout .cate-content,.nail-categories.sa-layout .cate-entrance.active:before{left:auto;right:0}
.micro-tag{background:#e64545;border-radius:40px;color:#fff;padding:0 5px;font-size:12px;font-style:normal;line-height:16px;height:16px}

.nail-mp{margin:-10px -15px}
.nail-mp .micro-tag{margin-top:3px;margin-left:10px}
.nail-mp .mp-items{-webkit-box-flex:1;-ms-flex:1;flex:1;white-space:nowrap;overflow:auto}
.nail-mp .child-item:hover,.nail-mp .mp-item:hover{background-color:#f5f7fa}
.nail-mp .mp-item-children-overflow{width:255px;max-height:376px;overflow:auto;background:#fff}
.nail-mp .mp-item-children-overflow::-webkit-scrollbar,.nail-mp .mp-items::-webkit-scrollbar{width:12px;background:#fff}
.nail-mp .mp-item-children-overflow::-webkit-scrollbar-thumb,.nail-mp .mp-items::-webkit-scrollbar-thumb{background:#d8d8d8;border-radius:3px 7px 7px 3px/3px 3px 3px 3px;border-right:5px solid #fff}
.nail-mp .mp-item-children{position:absolute;left:100%;top:10px;bottom:0;background:#ccc;padding:5px 0;border-radius:5px;-webkit-box-shadow:10px 5px 10px -5px rgba(0,0,0,.2),10px -5px 10px -5px rgba(0,0,0,.2);box-shadow:10px 5px 10px -5px rgba(0,0,0,.2),10px -5px 10px -5px rgba(0,0,0,.2);background-color:#fff;color:#222;font-size:14px;line-height:1.5;outline:0;-webkit-transition-property:visibility,opacity,-webkit-transform;transition-property:transform,visibility,opacity;transition-property:transform,visibility,opacity,-webkit-transform;visibility:hidden;opacity:0;-webkit-transition:all .01s;transition:all .01s;-webkit-transition-delay:.15s;transition-delay:.15s;border-left:1px solid #dae0e6}


/* 左侧抽屉开始 */
.nail-more-menu .main-menu{display: flex;  justify-content: space-between;}
.nail-more-menu,.nail-more-menu.mm-simple{display:none}
.nail-more-menu .mm-entry{cursor:pointer;position:absolute;top:20px;left:20px}
.nail-more-menu .icon-category2{font-size:32px;color:#000}
.nail-more-menu .mm-mark{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:998;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}
.nail-more-menu .mm-mark.active{opacity:1;visibility:visible}
.nail-more-menu .mm-wrap{position:fixed;top:0;left:-350px;width:350px;height:100%;background-color:#fff;z-index:9999;transition:left .3s ease;overflow-y:auto} 
.nail-more-menu .mm-wrap.active{left:0}

.nail-more-menu .category-mm-wrap{position:fixed;top:0;right:-350px;width:350px;height:100%;background-color:#fff;z-index:999;transition:left .3s ease;overflow-y:auto} 
.nail-more-menu .category-mm-wrap.active{right:0}

body.mm-open{overflow:hidden}
.mm-entry{cursor:pointer;padding:10px;transition:background-color .2s ease}
.mm-entry:hover{background-color:#f5f5f5}
.nail-more-menu .mm-share a{color:#007dfa}
.nail-more-menu .share-list{background:#fff;padding-bottom:13px}
.nail-more-menu .share-box{margin:0 auto 13px;height:24px}
.nail-more-menu .share-text{word-break:break-word;font-weight:400;font-size:12px;line-height:18px;color:#888}
.nail-more-menu .mm-user{word-break:break-all}
.nail-more-menu .protocol-link{color:#007dfa}
.nail-more-menu .mm-title{padding:20px}
.nail-more-menu .mm-business,.nail-more-menu .mm-title{border-top:1px solid #e6ecf2}
.nail-more-menu .mm-rules,.nail-more-menu .mm-signout{padding:20px;border-top:1px solid #e6ecf2}
.nail-more-menu .mm-item{font-weight:400;font-size:14px;line-height:21px;color:#222;border-bottom:1px solid #eee;}
.nail-more-menu .mm-href{color:#222;text-decoration:none}
.nail-more-menu .mm-href:hover,.nail-more-menu .mm-href.active{color:#e64545}
.nail-more-menu .mm-top{padding:15px 20px 20px}
.nail-more-menu .mm-top .icon-delete{cursor:pointer;margin-top:-4px}
.nail-more-menu .mm-title-text{display:inline-block;padding:0 10px;font-size:18px}
.nail-more-menu .mm-close{cursor:pointer}
.nail-more-menu .mm-line{padding:20px 0 12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.nail-more-menu .line-gap{width:116px;height:1px;background:#e6ecf2}
.nail-more-menu .line-text{color:#888;font-size:12px}
.nail-more-menu .mm-unlogin{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.nail-more-menu .mm-join,.nail-more-menu .mm-signin{width:127px;padding:5px 0;text-align:center;border-radius:300px;font-weight:400;font-size:14px;line-height:21px;text-decoration:none}
.nail-more-menu .mm-signin{color:#fff;margin-right:10px;background:#e64545}
.nail-more-menu .mm-signin:active,.nail-more-menu .mm-signin:hover{background:#b83737;color:#fff;}
.nail-more-menu .mm-join{background:#fff;border:1px solid #e64545;color:#e64545}
.nail-more-menu .mm-join:active{color:#b83737;border-color:#b83737}
.nail-more-menu .mm-list .mm-item:first-child{border-top:1px solid #e6ecf2;padding-top:20px}
.nail-more-menu .mm-list .mm-item:last-child{padding-bottom:20px}
.nail-more-menu .mm-item a{display:block}
.nail-more-menu .mm-business{padding:0}
.nail-more-menu .mm-item{cursor:pointer;padding:15px 20px;}
.nail-more-menu .mm-item .ob-icon{margin-top:2px;height:16px;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transition:all .15s;transition:all .15s}
.nail-more-menu .mm-item.selected{background:#fff}
.nail-more-menu .mm-item.selected .ob-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.nail-more-menu .mm-item-text{-webkit-box-flex:1;-ms-flex:1;flex:1}
.nail-more-menu .mm-link,.nail-more-menu .mm-panel.show{display:block}
.nail-more-menu .mm-panel{display:none;cursor:auto;background:#fff;position:relative;max-height:100%;overflow-y:auto;overflow-x:hidden;min-width:305px;border-radius:0 3px 3px 0;left:0px;right:auto;padding:10px 10px}
.nail-more-menu .panel-title{font-weight:700}
.nail-more-menu .panel-appopup-desc,.nail-social-more{margin-bottom:15px}
.nail-more-menu .mm-option,.nail-more-menu .mm-option-caption,.nail-more-menu .panel-item{padding:10px 0;font-weight:400;font-size:14px;line-height:21px;color:#222}
.nail-more-menu .mm-option-caption{font-weight:700;display:block;padding:0 0 10px}
.nail-more-menu .mm-option-gap{height:1px;background:#e6ecf2;margin:10px -20px 0}
.nail-more-menu.sa-layout .mm-entry{left:auto;right:20px}
.nail-more-menu.sa-layout .mm-wrap{right:0;left:auto}
.nail-more-menu.sa-layout .mm-panel{left:auto;right:305px;border-left:0;border-right:1px solid #e6ecf2;border-radius:3px 0 0 3px}
.nail-more-menu.sa-layout .icon-right{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.nail-more-menu.sa-layout .mm-signin{margin-right:0;margin-left:10px}
.nail-more-menu.sa-layout .appop-l{margin-right:0;margin-left:5px}
/* 左侧抽屉 结束 */


/* cart star */
.nail-cart{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#222;text-decoration:none}
.nail-cart .cart-icon{position:relative}
.nail-cart .icon-cart{font-size:22px}
.nail-cart .cart-num{position:absolute;top:-4px;left:13px;font-size:10px;color:#fff;padding:0 5px;height:16px;line-height:16px;background-color:#e64545;border-radius:40px}
.nail-cart .cart-link,.nail-header{font-size:14px}
.nail-cart:hover{color:#e64545;text-decoration:none}
.nail-cart:hover .nail-link{color:#e64545}


/* cart end */



.nail-header{position:relative;background-color:#fff;padding:0 20px 0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:0 3px 5px -3px rgba(0,0,0,.12);box-shadow:0 3px 5px -3px rgba(0,0,0,.12)}
.nail-header .ob-icon{vertical-align:middle}
.nail-header .nail-link{color:#222;text-decoration:none}
.nail-header .nail-link:hover{color:#e64545}
.nail-header .nail-btn{display:block;height:28px;background:#fff;color:#e64545;border:1px solid #e64545;border-radius:200px;-webkit-box-sizing:border-box;box-sizing:border-box;text-decoration:none;line-height:26px;-webkit-transition:all .2s;transition:all .2s;text-align:center}
.nail-header .nail-btn:hover{color:#b83737;border-color:#b83737;background-color:transparent}
.nail-header .nail-btn.main-btn{background:#e64545;color:#fff}
.nail-header .nail-btn.main-btn:hover{color:#fff;border-color:#cf3e3e;background-color:#cf3e3e}

.nail-header .nail-common{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;max-width:1400px;margin:0 auto}
.nail-header .nail-logo-wrap{margin:18px 0 0 0;-ms-flex-negative:0;flex-shrink:0;margin-right:50px}
.nail-header .nail-header-middle{margin:29px 0 25px;-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;min-width:0}
.nail-header .nail-search-wrap{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;min-width:0}
.nail-header .nail-actions-wrap{-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 -15px}
.nail-header .nail-actions-wrap>div:first-child{margin-left:50px}
.nail-header .nail-action-item{padding:0 15px}
.nail-header .nail-categories-wrap-768{display:none}


.nail-business{border-top:1px solid #e6e7eb}
.nail-business .business-right{display:-webkit-box;display:-ms-flexbox;display:flex;padding-left:80px;margin-right:-3px}
.nail-business .business-left,.nail-business .nail-grid{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.nail-business .business-left{-webkit-box-flex:1;-ms-flex:1;flex:1;width:0}
.nail-business .nail-grid{max-width:1400px;margin:0 auto;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}

.nail-business .business-item{margin-right:30px;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}
.nail-business .business-item:last-child{margin-right:-1px}
.nail-business .business-item.auto-height{height:auto}
.nail-business .business-item.business-item-categories{margin-right:0}
.nail-business .business-item-gap{margin-right:25px;margin-left:-5px;font-size:0;height:18px;border-right:1px solid #e6e7eb;margin-top:1px}
.nail-business .business-item.custom-business,.nail-business .custom-business{-webkit-box-flex:1;-ms-flex:auto;flex:auto;width:100%;min-width:0}
.nail-header.sa-layout{direction:rtl}
.nail-header.sa-layout .nail-logo-wrap{margin-right:0;margin-left:50px}
.nail-header.sa-layout .nail-actions-wrap>div:first-child{margin-right:50px;margin-left:0}
.nail-header.sa-layout .business-item{margin-right:0;margin-left:30px}
.nail-header.sa-layout .business-item:last-child{margin-left:0}
.nail-header.sa-layout .business-item.business-item-categories{margin-left:0}
.nail-header.sa-layout .business-item-gap{margin-left:25px;margin-right:-5px;font-size:0;height:18px;border-right:1px solid #e6e7eb;margin-top:1px}
.nail-header.sa-layout .business-right{padding-left:0;padding-right:80px}




@media only screen and (min-width:1025px) and (max-width:1279px){
    .nail-login .login-link .nail-link{font-size:12px}
    .nail-cart .cart-link{font-size:12px}
}
@media only screen and (max-width:1024px){
    .nail-ss-title{font-size:14px}
    .nail-search-bar.hide-relate{margin-bottom:15px}
    .nail-categories{margin-left:-20px}
    .nail-categories .cate-entrance{padding-left:20px}
    .nail-categories .entr-link{pointer-events:none}
    .nail-categories.sa-layout{margin-left:0;margin-right:-20px}
    .nail-categories.sa-layout .cate-entrance{padding-right:20px}

    .nail-custbusi .cust-pop-bottom{left:auto;right:0;top:100%}
    .nail-custbusi .cust-pop-cat{left:auto!important;right:2px!important}
    .nail-custbusi .mp-item-children{left:auto;right:100%;border-radius:5px;margin-left:0;border-left:0;-webkit-box-shadow:-10px 5px 10px -5px rgba(0,0,0,.2),-10px -5px 10px -5px rgba(0,0,0,.2);box-shadow:-10px 5px 10px -5px rgba(0,0,0,.2),-10px -5px 10px -5px rgba(0,0,0,.2);border-right:1px solid #dae0e6}
    .nail-custbusi .mp-item-tip,.nail-custbusi .mp-item-tip-sub{display:none!important}
    .nail-custbusi.sa-layout .cust-pop-bottom{left:0;right:auto;top:100%}
    .nail-custbusi.sa-layout .cust-pop-cat{left:2px!important;right:auto!important}
    .nail-custbusi.sa-layout .mp-item-children{left:100%;right:auto;border-radius:5px;margin-right:0;border-right:0;-webkit-box-shadow:10px 5px 10px -5px rgba(0,0,0,.2),10px -5px 10px -5px rgba(0,0,0,.2);box-shadow:10px 5px 10px -5px rgba(0,0,0,.2),10px -5px 10px -5px rgba(0,0,0,.2);border-left:1px solid #dae0e6}
    .nail-more-menu{display:block}

    .nail-header{padding-top:15px}
    .nail-header .nail-common{display:block}
    .nail-header .nail-common .nail-cart-wrap,.nail-header .nail-common .nail-categories-wrap-768 .icon-category,.nail-header .nail-common .nail-login-wrap,.nail-header .nail-common .nail-message-wrap{display:none}
    .nail-header .nail-common .nail-categories-wrap-768{display:block;margin-right:5px}
    .nail-header .nail-common .nail-actions-wrap>div:first-child{margin-left:30px}
    .nail-header .nail-common .nail-logo-wrap{margin:0 0 15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
    .nail-header .nail-business .business-item-categories,.nail-header .nail-business .business-item-gap,.nail-header .nail-business .business-right{display:none}
    .nail-header .nail-business .business-left{-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%}


    .nail-header.sa-layout .nail-common{display:block}
    .nail-header.sa-layout .nail-cart-wrap,.nail-header.sa-layout .nail-login-wrap,.nail-header.sa-layout .nail-message-wrap{display:none}
    .nail-header.sa-layout .nail-categories-wrap-768{display:block;margin-left:5px;margin-right:0}
    .nail-header.sa-layout .nail-actions-wrap>div:first-child{margin-right:30px}
    .nail-header.sa-layout .nail-logo-wrap{margin:0 0 15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
    .nail-header.sa-layout .business-item-categories,.nail-header.sa-layout .business-item-gap,.nail-header.sa-layout .business-right{display:none}
    /* .nail-header.sa-layout .nail-grid{min-width:728px} */
    .nail-header.sa-layout .business-left{-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%}
    .nail-header .nail-search-wrap{flex-grow:0;width: 100%;} 
}
@media only screen and (max-width:1023px){
    .nail-more-menu.mm-simple{display:block}
.nail-more-menu.mm-simple .mm-entry{top:28px}
}

@media only screen and (min-width:1280px) and (max-width:1365px){
    .nail-header .nail-business .business-item-gap{margin-right:20px;margin-left:-10px;font-size:0;height:18px;border-right:1px solid #e6e7eb;margin-top:1px}
    .nail-header.sa-layout .business-item-gap{margin-left:20px;margin-right:-10px;font-size:0;height:18px;border-right:1px solid #e6e7eb;margin-top:1px}
}
@media only screen and (min-width:1025px) and (max-width:1279px){
    .nail-header .nail-common .nail-actions-wrap{margin:0 -7.5px}
    .nail-header .nail-common .nail-actions-wrap .nail-action-item{padding:0 7.5px}
    .nail-header .nail-common .nail-actions-wrap>div:first-child{margin-left:20px}
    .nail-header .nail-common .nail-logo-wrap{margin-right:20px}

    .nail-header.sa-layout .nail-actions-wrap{margin:0 -7.5px}
    .nail-header.sa-layout .nail-actions-wrap>div:first-child{margin-right:20px}
    .nail-header.sa-layout .nail-action-item{padding:0 7.5px}
    .nail-header.sa-layout .nail-logo-wrap{margin-left:20px}
}

@media (max-width:450px) {
    .nail-header{padding:10px 10px 0; }
    .nail-more-menu .mm-entry {top: 7px;left: 10px;}
    .nail-header .nail-common .nail-logo-wrap {margin: 0 0 0px;}
    .nail-logo .logo-link {width: 92px;height: 35px;}
    .nail-header .nail-header-middle{margin:15px 0 15px;}
}

/* Beautify the style of the dropdown menu */
.nail-ss-title{cursor:pointer;padding:8px 12px;border:none;border-radius:4px;background-color:none;display:flex;align-items:center;justify-content:space-between;min-width:120px}
.nail-search-dropdown{position:absolute;z-index:1000;background-color:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.1);margin-top:2px;min-width:120px}
.nail-search-option-list{margin:0;padding:0}
.nail-search-option{padding:8px 12px;cursor:pointer;list-style:none}
.nail-search-option:hover{background-color:#f5f5f5}
.nail-search-option.selected{background-color:#f0f0f0;font-weight:700}
.rotate-down{transform:rotate(180deg);transition:transform .3s ease}
.ss-down{transition:transform .3s ease;margin-left:5px}



/** ar language */
.body-rtl .hover-login{left: 0px;right:auto;}
.body-rtl .hover-language{left:0px;right:auto;}
.body-rtl .nail-popover-bottom.align-end .np-caret{right: auto; left: 25px;}
.body-rtl .hover-help{right: auto; left: 25px;}
.body-rtl .hover-help .np-caret{margin-left: 0px;}
.body-rtl .cate-content .np-caret{left:auto; right: 25px !important;}
.body-rtl .nail-categories .cate-content{left:auto;right:0;}
.body-rtl .nail-header .nail-actions-wrap>div:first-child{margin-left: 0px;margin-right: 50px;}
.body-rtl .nail-header .nail-logo-wrap {margin: 18px 0 0 50px;}
.body-rtl .nail-search-btn-wrap {margin: 2px;}
.body-rtl .nail-business .business-item{margin:0px 0px 0px 30px;}
.body-rtl .nail-business .business-item:last-child{margin-left: 0px;}
.body-rtl .nail-business .business-right{ padding-left: 0px;}
.body-rtl .nail-popover-bottom.align-start .np-caret{right: auto;left: 25px;}
.body-rtl .you-may-like .yml-img-wrap{margin-right:0px;}
.body-rtl .you-may-like .yml-text-wrap{margin-right:10px;}
.body-rtl .goods-card-box .item{padding: 0px 15px 20px 0px;}
.body-rtl .goods-list-box{margin:0px 15px 0px 0px;}
.body-rtl .nail-more-menu .mm-join{margin-right: 10px}
.body-rtl .nail-more-menu .mm-signin{margin-right: 0px}


@media (max-width:450px) {
    .body-rtl .nail-header .nail-logo-wrap {margin: 0 0 0px;}
}