@charset "utf-8";
/*
索引
模态框顶部置顶: ModalHeadFixed
body-static
body-tip

body-PC
body-Mobile

body-normal

body-UnderEdge
body-AcrossEdge
*/

.btn.focus,
.btn:focus { outline:0; box-shadow:none !important; }


.WaitLoading { visibility:hidden; }
[class^="fav-"], [class*=" fav-"],
[class^="ICO-"], [class*=" ICO-"],
[class^="ico-"], [class*=" ico-"],
[class^="icon-"], [class*=" icon-"],
[class^="licon-"], [class*=" licon-"]{ font-size:2.4rem; }


html{ -webkit-tap-highlight-color:transparent; height:100%;}
.container { padding-left:10px; padding-right:10px; max-width:100%; }

body{
/*-webkit-user-select:none;*/
-webkit-text-size-adjust:none;
-webkit-tap-highlight-color:rgba(255,255,255,0);
-webkit-overflow-scrolling:touch; /*划屏流畅*/

/*
-webkit-text-stroke-width: 0.1px;
text-shadow: 0 0 rgba(128, 128, 128, 0.2);
text-rendering: geometricPrecision;
*/
}
.licon-menu_v3 { -webkit-text-stroke-width: 0.1px; }

/*use bootstrap3 to recover bootstrap4*/
/*@media (min-width: 768px)  { .container { max-width:748px; }}*/
@media (min-width: 992px)  { .container { max-width:972px;  }}
@media (min-width: 1020px) { .container { max-width:1000px; }}
@media (min-width: 1200px) { .container { max-width:1300px; }}

/*排除*/
@media (min-width: 1200px) {
.body-index .ShakeClear-MainContent .container,
.body-cate .ShakeClear-MainContent .container { max-width:100%; }
}

@media (max-width: 767px)  { .container { padding-left:10px; padding-right:10px; } }
@media (min-width: 768px)  { .container { padding-left:10px; padding-right:10px; } }
@media (min-width: 992px)  { .container { padding-left:0; padding-right:0; } }
@media (min-width: 1200px) { .container { padding-left:0; padding-right:0; } }

/*
@media (min-width: 0) and (max-width: 797px)       { .ShakeClear { margin-left:0; } }
@media (min-width: 1000px) and (max-width: 1030px) { .ShakeClear { margin-left:0; } }
@media (min-width: 1200px) and (max-width: 1240px) { .ShakeClear { margin-left:0; } }
*/

@media (max-width: 767px)  { /*style*/ }
@media (min-width: 768px)  and (max-width: 991px) {.container { width:100%;}}
@media (min-width: 992px) and (max-width: 1199px) { /*style*/ }
@media (min-width: 1200px) { /*style*/ }

/*use bootstrap3 to recover bootstrap4*/
.modal-header { display:block; }
/*.form-control{width:100%;}*/
.form-control::-moz-placeholder			 { color:#bbb; opacity:1;}
.form-control:-ms-input-placeholder		 { color:#bbb; }
.form-control::-webkit-input-placeholder { color:#bbb; }



input[type="text"],		input[type="text"].form-control,
input[type="email"],	input[type="email"].form-control,
input[type="password"],	input[type="password"].form-control,
input[type="number"],	input[type="number"].form-control,
select,					select.form-control,
textarea,				textarea.form-control	{ /*height:25px; width:100%;*/ padding:0 0 0 6px; border-radius:6px; /*height:34px; padding:6px 12px; border-radius:4px;*/ display:block; font-size:1.4rem; line-height:1.42857143; color:#555; background-color:#fff; background-image:none; border:1px solid #ddd; 
/*-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);*/
-webkit-transition:border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s; }

.ModifyAddressBox input[type="text"],
.ModifyAddressBox input[type="email"],
.ModifyAddressBox input[type="password"],
.ModifyAddressBox input[type="number"],
.ModifyAddressBox select,
.ModifyAddressBox textarea,
.ModifyAddressBox .chosen-container-single .chosen-single,
.GuestForm  input[type="email"] { border:1px solid #e6e6e6 !important; }


.help-block,
.errorlist,
.GuestForm .help-block,
.ModifyAddressBox .help-block { background-color:transparent; padding-left:0; height:16px; }

.errorInfo, .errorInfo a:link {color:#a94442;}
.errorlist{color:#a94442; /*background-color:#ffeeee;border-radius:4px;*/ display:inline-block; line-height:15px; margin:0; }


/*bootstrap3的报错样式 */
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label { color:#a94442; }
.has-error .form-control		 { border-color:#a94442; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);                  box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); }
.has-error .form-control:focus	 { border-color:#843534; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483; box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483; }


/*从confirm页复制过来的样式*/
.ModifyAddressBox input[type=text]:not(.has-error .form-control),
.ModifyAddressBox input[type=email]:not(.has-error .form-control),
.ModifyAddressBox input[type=password]:not(.has-error .form-control),
.ModifyAddressBox select:not(.has-error .form-control),
.ModifyAddressBox .chosen-container-single .chosen-single:not(.has-error .form-control) { border:1px solid var(--BorderColor1)!important; border-radius:var(--BorderRadius);}
/*从confirm页复制过来的样式*/
.ModifyAddressBox .has-error .form-control { border-radius:var(--BorderRadius); box-shadow:none; border-color:#a94442 !important;}
.ModifyAddressBox .has-error .form-floating .chosen-container-single .chosen-single { border-color:#a94442 !important; }
.ModifyAddressBox .has-error .help-block { font-size:1.3rem; padding-right:0; }


/*手机使用线形表单*/
.body-Mobile .LineForm  .form-control, 
.body-Mobile .LineForm .chosen-container-single:not(.chosen-container-active) .chosen-single{ /*border-top:none !important; border-left:none !important; border-right:none !important; padding-left:0 !important;*/ }
.body-Mobile .LineForm .chosen-container-single.chosen-container-active .chosen-single { padding-left:0 !important; }
.body-Mobile .LineForm .chosen-container-single.chosen-container-active .chosen-single span { padding-left:5px !important; padding-top:19px !important;}
.body-Mobile .LineForm.TheForm dd label { left:0; padding-left:1rem;}
.body-Mobile .LineForm.TheForm dd label .required { padding:0;}
.body-Mobile .LineForm.TheForm dd input:focus,
.body-Mobile .LineForm.TheForm dd select:focus,
.body-Mobile .LineForm.TheForm dd .form-control:focus{ /*padding-left:0 !important;*/ box-shadow:none; border-bottom-color:#f0f0f0;}
.body-Mobile .LineForm.TheForm dd label[for=id_shipping_address1] { /*padding-left:0;*/ }

.body-Mobile .LineForm .has-error .form-control		 { border-color:transparent transparent #a94442 transparent; border-top:none; border-left:none; border-right:none; box-shadow:none;}
.body-Mobile .LineForm .has-error .form-control:focus { border-color:transparent transparent #843534 transparent; border-top:none; border-left:none; border-right:none;  box-shadow:none;}
/*OR*/
@media (max-width:991px){
.LineForm  .form-control,
.LineForm .chosen-container-single:not(.chosen-container-active) .chosen-single { /*border-top:none !important; border-left:none !important; border-right:none !important; padding-left:0 !important;*/ }
.LineForm .chosen-container-single.chosen-container-active .chosen-single { padding-left:0 !important; }
.LineForm .chosen-container-single.chosen-container-active .chosen-single span { padding-left:5px !important; padding-top:19px !important;}
.LineForm.TheForm dd label { left:0; padding-left:1rem;}
.LineForm.TheForm dd label .required { padding:0;}
.LineForm.TheForm dd input:focus,
.LineForm.TheForm dd select:focus,
.LineForm.TheForm dd .form-control:focus{ /*padding-left:0 !important;*/ box-shadow:none; border-bottom-color:#f0f0f0;}
.LineForm.TheForm dd label[for=id_shipping_address1] { /*padding-left:0;*/ }

.LineForm .has-error .form-control		 { border-color:transparent transparent #a94442 transparent; border-top:none; border-left:none; border-right:none; box-shadow:none;}
.LineForm .has-error .form-control:focus { border-color:transparent transparent #843534 transparent; border-top:none; border-left:none; border-right:none;  box-shadow:none;}
}

.FlexMiddle   { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; /*justify-content:center;*/ }
.Flex-Left   { justify-content:start; }		/*左对齐*/
.Flex-Center { justify-content:center; }	/*右对齐*/
.Flex-Right  { justify-content:end; }		/*居中*/ 
.Flex-SpaceBeween  { justify-content:space-between; }	/*两端对齐，项目之间的间隔都相等*/ 
.Flex-SpaceAround  { justify-content:space-around; }	/*每个项目两侧的间隔相等。所以，项目之间的间隔比项目与边框的间隔大一倍。*/
/*
baseline
end
left
right
normal
evenly
stretch
*/

/*----------------------------------------------------------------*/
.MiscNewRadio { position:relative; cursor:pointer; }
.MiscNewRadio input[type=radio] { display:none; }
.MiscNewRadio label { padding:0; }
.MiscNewRadio label			i.Radio{ position:relative; display:inline-block; width:17px; height:17px; border:1px solid #ccc; border-radius:50%; background-color:#fff;-webkit-transition:border 0.15s ease-in-out; -o-transition:border 0.15s ease-in-out; transition:border 0.15s ease-in-out; }
.MiscNewRadio.selected label	i.Radio::before{ content:""; position:absolute; top:4px; left:4px; display:inline-block; width:7px; height:7px; background-color:#555; border-radius:50%;
-webkit-transform: scale(0, 0);	-webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);	-webkit-transform: scale(1, 1);
-ms-transform: scale(0, 0);		-moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);		-ms-transform: scale(1, 1);
-o-transform: scale(0, 0);		-o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);			-o-transform: scale(1, 1);
transform: scale(0, 0);			transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);					transform: scale(1, 1);	}
/*.MiscNewRadio input[type="radio"]:checked + label i.Radio::before{} */
i.Radio{ position:relative; display:inline-block; width:17px; height:17px; border:1px solid #ccc; border-radius:50%; background-color:#fff;-webkit-transition:border 0.15s ease-in-out; -o-transition:border 0.15s ease-in-out; transition:border 0.15s ease-in-out; }


.MiscNewCheckBox { position:relative; cursor:pointer; }
.MiscNewCheckBox input[type=checkbox] { display:none; }
.MiscNewCheckBox label { padding:0; }
.MiscNewCheckBox label i.CheckBox{ position:relative; display:inline-block; width:17px; height:17px; border:1px solid #ccc; border-radius:3px; background-color:#fff;
-webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
-o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
transition: border 0.15s ease-in-out, color 0.15s ease-in-out;	}
.MiscNewCheckBox.selected label i.CheckBox::before{ content:"\f00c"; position:absolute; top:-0.3rem; left:0.1rem; font-family:"FontAwesome"; display:inline-block; width:1.6rem; height:1.6rem; font-size:1.4rem; color: #555; }

.MiscNewRadio label.FlexMiddle div { display:inline-block; }
.MiscNewRadio label.FlexMiddle i.Radio { margin-top:-1px;}
.MiscNewCheckBox label.FlexMiddle i.CheckBox { top:1px;}
/*----------------------------------------------------------------*/

/*
|--------------------------------------------------------------------------
| font
|--------------------------------------------------------------------------
*/
.SignClose { font-size:42px; font-weight:normal; margin:0 !important; padding:0 10px; color:#ccc; cursor:pointer; }

.modal-left  .btn-return-t { width:50px; height:50px; position:fixed; right:-50px; top:0; border:none; background:#000 url(/desktop/img/svg-white/svg-shut-fff.svg) no-repeat center center / 24px 24px; /*transform:translate(0,-50%);*/ }
.modal-right .btn-return-t { width:50px; height:50px; position:fixed; left:-50px;  top:0; border:none; background:#000 url(/desktop/img/svg-white/svg-shut-fff.svg) no-repeat center center / 24px 24px; /*transform:translate(0,-50%);*/ }
.modal-MobileMenuBox .btn-return-l { display:none; }

/*modal-left for back in body-responsive*/
@media (min-width: 495px) { .modal-left.modal-LeftFixed .modal-dialog { width:454px !important; }}
@media (min-width: 560px) { .modal-left.modal-LeftFixed .btn-return-l { width:75px; height:75px; position:fixed; right:15px; top:50%; transform:translate(0,-50%); border:none; background:url(base/btn-circle-white-l.png) no-repeat center center / 100% auto; }}
@media (max-width: 559px) { .modal-left.modal-LeftFixed .btn-return-l { width:70px; height:70px; position:fixed; right:5px; top:50%; transform:translate(0,-50%); border:none; background:url(base/btn-circle-white-l.png) no-repeat center center / 100% auto; }}

/*modal-right for back in body-responsive*/
@media (min-width: 495px) { .modal-right.modal-RightFixed .modal-dialog { width:454px !important; }}
@media (min-width: 560px) { .modal-right.modal-RightFixed .btn-return-r { width:75px; height:75px; position:fixed; left:15px; top:50%; transform:translate(0,-50%); border:none; background:url(base/btn-circle-white-r.png) no-repeat center center / 100% auto; }}
@media (max-width: 559px) { .modal-right.modal-RightFixed .btn-return-r { width:70px; height:70px; position:fixed; left:5px; top:50%; transform:translate(0,-50%); border:none; background:url(base/btn-circle-white-r.png) no-repeat center center / 100% auto; }}


/*bof set modal*/
.modal-default      .modal-dialog { position:absolute; left:0; right:0; width:100%; max-width:600px; margin:0 auto;/*left is for center*/ max-height:100%; top:0; }
.modal-default.fade .modal-dialog {  }
.modal-default.show .modal-dialog { top:50px; /*left is for top*/}
.modal-default      .modal-dialog .modal-content { border:none; }

body.modal-open { overflow:hidden; }
/*
|--------------------------------------------------------------------------
| MobileEquipment when less width less 767px, always stay screen top
|--------------------------------------------------------------------------
*/
/*modal-TouchHead without modal-default*/
.modal-TouchHead .modal-dialog .modal-content { height:100%; }
.modal-TouchHead .modal-body .SignClose { display:none; }
.modal-TouchHead .modal-header { height:48px; position:relative; padding:0; }
.modal-TouchHead .modal-header .SignDismiss { position:absolute; left:0; top:0; width:48px; height:48px; text-align:center; }
.modal-TouchHead .modal-header .SignDismiss .fa { font-size:26px; line-height:45px; }
.modal-TouchHead .modal-header .modal-header-title { font-size:1.8rem; line-height:45px; padding:0 0 0 48px; text-align:center; }


/*bof 通用设定*/
@media (max-width:991px){
.modal-default		.modal-dialog { max-width:747px; width:calc(100% - 20px); } /*无渐变载入：左右留空10px*/
.modal-default.fade .modal-dialog { max-width:747px; width:calc(100% - 20px); } /*渐变载入：左右留空10px*/
.modal-default.show	.modal-dialog { top:10px; }


.modal-default.modal-mobile		 .modal-dialog { max-width:100%; width:100%; height:100%;} /*无渐变载入：左右留空10px*/
.modal-default.modal-mobile.fade .modal-dialog { max-width:100%; width:100%; } /*渐变载入：左右留空10px*/
.modal-default.modal-mobile.show	 .modal-dialog { top:0;  }

.modal-default.modal-mobile .modal-dialog .modal-content { height:100%; }
.modal-default.modal-mobile .modal-body .SignClose { display:none; }
.modal-default.modal-mobile .modal-header { height:50px; position:relative; padding:0; }
.modal-default.modal-mobile .modal-header .SignDismiss { position:absolute; left:0; top:0; width:48px; height:48px; text-align:center; }
.modal-default.modal-mobile .modal-header .SignDismiss .fa { font-size:26px; line-height:45px; }
.modal-default.modal-mobile .modal-header .modal-header-title { font-size:1.8rem; line-height:45px; padding:0 0 0 48px; text-align:center; }
.modal-default.modal-mobile .modal-header .modal-header-title { font-family:ProximaNova-SemiBold; font-size:1.8rem !important; letter-spacing:0.1rem; font-weight: normal!important; text-transform:uppercase; } }

}

.modal .modal-content .SignClose { color:#999; font-size:30px; font-weight:normal; margin:0 !important; padding:0 5px; position:absolute; right:0; top:0; z-index:2; }
.modal .modal-body .SignClose    { color:#999; font-size:42px; font-weight:normal; margin:0 !important; padding:0 5px; position:absolute; right:0; top:0; z-index:2; }
.modal-content { border-radius:0; }

.CornerClose   { cursor:pointer; position:absolute; right:-10px; top:-10px; z-index:1; width:24px; height:24px; padding-top:0.175rem; background-color:#000; color:#fff; font-size:1.8rem; text-align:center; border-radius:50%; }
.CornerClose:hover { background-color:#333; }
/*-----------------------------------------------------------------------------
通常，使用CornerCloseInside 要伴随 data-backdrop="static" data-keyboard="false"
因为当点击空白区域禁止关闭，按esc键盘不关闭，的情况下才使用
-----------------------------------------------------------------------------*/
/*CornerClose 是叉叉，.CornerClose.CornerCloseInside 是右顶角圆叉，不特定在哪里显示或隐藏，用则置入不用不置入*/
.CornerCloseInside { display:inline-block !important; position:absolute; right:0; top:2px; z-index:2; font-size:3.4rem; width:40px; height:40px; line-height:40px; font-weight:normal; margin:0; text-align:center; background-color:transparent; border-radius:0; color:#000; opacity:0.2; }
.CornerCloseInside:hover { opacity:0.3; background-color:transparent; }

@media (min-width: 992px){
.SignClose, .closeButton { display:none; color:#a8a8a8; position:absolute; top:0; right:0; width:40px; height:40px; padding:0 !important;}
.SignClose.OverEdgeShow { display:inline-block; }
.modal-Bag .SignClose, .modal-Bag .closeButton { display:block; } /*购物袋滑窗始终显示*/
}
@media (max-width: 991px){

.CornerClose, .CornerClosePC { display:none; }
}
/*eof 通用设定*/


/*	
|--------------------------------------------------------------------------
| MobileEquipment when less width less 767px, always stay screen top
|--------------------------------------------------------------------------
*/

.modal-default.modal-mobile .modal-header .SignDismiss { position:absolute; left:0; top:0; width:48px; height:48px; text-align:center; }
.modal-default.modal-mobile .modal-header .SignDismiss .fa { font-size:2.4rem; line-height:45px; }


/*PC模式*/
@media (min-width:992px){
.modal-default.modal-mobile .modal-dialog .modal-content { }
.modal-default.modal-mobile .modal-header { border-bottom:none; padding:0 20px; }
.modal-default.modal-mobile .modal-header .modal-header-title { font-size:1.8rem; line-height:1; padding:40px 0 20px 0; text-align:left; }
.modal-default.modal-mobile .modal-header .SignDismiss { display:none; }


.modal-default.modal-mobile .modal-body  { padding:3rem 2rem 0 2rem; /*padding:0 20px 25px 20px;*/}
.modal-default.modal-mobile .modal-body .SignClose { }
}

/*手机模式*/
@media (max-width:991px){
.modal-default.modal-mobile { background-color:#fff; }
.modal-default.modal-mobile .modal-header .modal-header-title { font-size:1.8rem; line-height:45px; height:50px; padding:0 20px; text-align:center; text-transform:uppercase; }
.modal-default.modal-mobile .modal-dialog .modal-content { box-shadow:none; }/*重要：手机输入内容，弹出键盘，被迫上移后的漏底色和box阴影的问题*/

.modal-default.modal-mobile		 .modal-dialog { max-width:100% !important; width:100% !important; height:100%; } /*无渐变载入：左右留空10px*/
.modal-default.modal-mobile.fade .modal-dialog { max-width:100%; width:100%; } /*渐变载入：左右留空10px*/
.modal-default.modal-mobile.show	 .modal-dialog { top:0;  }

.modal-default.modal-mobile .modal-dialog .modal-content { height:100%; }
.modal-default.modal-mobile .modal-header { height:50px; position:relative; padding:0; }
.modal-default.modal-mobile .modal-header .SignClose   { display:none; }


.modal-default.modal-bottom {}
.modal-default.modal-bottom .modal-header .CornerClose { top:-3px; }
}

/*eof MobileEquipment*/



/*追加(如需全屏采用手机模式, class引入 modal-mobile modal-mobile-all)*/
@media (min-width:992px){
.modal-default.modal-mobile-all .modal-dialog { height:100%; top:0; }
.modal-default.modal-mobile-all .modal-dialog .modal-content { height:100%; }
.modal-default.modal-mobile-all .modal-header { height:50px; position:relative; padding:0; border-bottom:1px solid #e5e5e5; }
.modal-default.modal-mobile-all .modal-header .modal-header-title { font-size:1.8rem; line-height:45px; height:48px; padding:0 20px 0 48px; text-align:center; }
.modal-default.modal-mobile-all .modal-header .SignDismiss { display:inline-block; }


.modal-default.modal-mobile-all .modal-body  { padding:15px;}
.modal-default.modal-mobile-all .modal-body .SignClose { }
}
/*eof MobileEquipment*/

/*追加(如需全屏采用手机模式, class引入 modal-mobile modal-FullHeight)*/
@media (min-width:992px){
.modal-default.modal-FullHeight .modal-dialog { height:100%; top:0; }
.modal-default.modal-FullHeight .modal-dialog .modal-content { height:100%; }
.modal-default.modal-FullHeight .modal-header { height:50px; position:relative; padding:0; border-bottom:1px solid #e5e5e5; }
.modal-default.modal-FullHeight .modal-header .modal-header-title { font-size:1.8rem; line-height:45px; height:48px; padding:0 20px 0 48px; text-align:center; }
.modal-default.modal-FullHeight .modal-header .SignDismiss { display:inline-block; }


.modal-default.modal-FullHeight .modal-body  { padding:15px;}
.modal-default.modal-FullHeight .modal-body .SignClose { }
}
/*eof MobileEquipment*/


/*
|--------------------------------------------------------------------------
| TouchEquipment : modal without fade
|--------------------------------------------------------------------------
*/
/*bof set touch & pc modal without fade*/
@media (max-width:991px){
.modal-default.modal-touch		 .modal-dialog { max-width:100% !important; width:100% !important; height:100%;} /*无渐变载入：左右留空10px*/
.modal-default.modal-touch.show	 .modal-dialog { top:0;  }

.modal-default.modal-touch .modal-dialog .modal-content { height:100%; }
/*not often, just for fake*/
.modal-default.modal-touch .modal-header { height:48px; position:relative; padding:0; }
.modal-default.modal-touch .modal-header .SignClose   { display:none; }
.modal-default.modal-touch .modal-header .SignDismiss { position:absolute; left:0; top:0; width:48px; height:48px; text-align:center; }
.modal-default.modal-touch .modal-header .SignDismiss .fa { font-size:26px; line-height:45px; }
.modal-default.modal-touch .modal-header .modal-header-title { font-size:1.8rem; line-height:45px; height:48px; padding:0 20px 0 48px; text-align:center; }
}

@media (min-width:992px){
.modal-default.modal-touch .modal-dialog .modal-content { }
/*not often, just for fake*/
.modal-default.modal-touch .modal-header { border-bottom:none; padding:0 20px; height:60px; }
.modal-default.modal-touch .modal-header .modal-header-title { font-size:1.8rem; line-height:60px; }
.modal-default.modal-touch .modal-header .SignDismiss { display:none; }

.modal-default.modal-touch .modal-body  { }
.modal-default.modal-touch .modal-body .SignClose { }
}
/*eof set mobile & pc modal*/

/*@media screen and (min-width: 768px) { .modal-dialog { width: 100%; } }*/




.modal-bottom { overflow:unset !important;} /*【重要】modal-bottom：解决modal由下往上入场，滚动条，fade过程中，的抖动问题 (禁用modal外壳滚动条，滚动条设在modal-body身上)*/

.modal-left.fade   .modal-dialog { -webkit-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); transform: translate(-100%, 0); }
.modal-right.fade  .modal-dialog { -webkit-transform: translate( 100%, 0); -ms-transform: translate( 100%, 0); transform: translate( 100%, 0); }
.modal-bottom.fade .modal-dialog { -webkit-transform: translate(  0, 25%); -ms-transform: translate(  0, 25%); transform: translate(  0, 25%); }

.modal-left.show   .modal-dialog,
.modal-right.show  .modal-dialog,
.modal-bottom.show .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }


.body-Mobile .modal-bottom.fade .modal-content { -webkit-transform: translate(  0, 100%); -ms-transform: translate(  0, 100%); transform: translate(  0, 100%); }
.body-Mobile .modal-bottom.show .modal-content { -webkit-transform: translate(  0, 0); -ms-transform: translate(  0, 0); transform: translate(  0, 0); }
.body-Mobile .modal-bottom.fade .modal-content { height:auto;  } /*若设置入场上限 单独指定 max-height:75%;*/
.body-Mobile .modal-bottom.fade .modal-content .modal-body { /*padding-top:5px;*/  overflow-y:auto;} /*重点*/

/*设置100%宽
.body-Mobile .modal-bottom.fade .modal-dialog { max-width:100%; width:100%; }
 若设置入场高度上限 单独指定，如max-height:75%;
.body-Mobile .modal-bottom.fade .modal-content { max-height:75%;  }
*/
/*适用于手机那样的从下方滑入，其中modal-content 可以定制比例高度*/
.modal-Mbottom.fade .modal-dialog { width:100%; height:100%;/*it's important*/ position:fixed; bottom:0; top:unset; display:flex; justify-content:center; align-items:flex-end; /*flex-direction: column;*/ transform:translate(0,0);/*forbid moving in*/ }
.modal-Mbottom.modal-bottom.fade .modal-dialog  { max-width:100%; width:100%; }
.modal-Mbottom.modal-bottom.fade .modal-content { }
.modal-Mbottom.modal-bottom.fade .modal-body    { overflow-y:auto; }


.modal-LeftFixed {}
.modal-LeftFixed.fade .modal-dialog { }

.modal-RightFixed {}
.modal-RightFixed.fade .modal-dialog { margin:0 0 0 50px; padding:0; height:100%;/*important*/ width:auto; position:absolute; left:auto;right:0; max-width: 380px !important;  width: calc(100% - 80px);}


/*GuoduXuanzhuan-0.3s*/
.MoveFade,
.TransitionTransform-03s {
  -webkit-transition: -webkit-transform 0.3s ease-out;
     -moz-transition: -moz-transform 0.3s ease-out;
       -o-transition: -o-transform 0.3s ease-out;
          transition: transform 0.3s ease-out;
}
@media (max-width:991px){
	.MoveFadeMB {
	  -webkit-transition: -webkit-transform 0.3s ease-out;
		 -moz-transition: -moz-transform 0.3s ease-out;
		   -o-transition: -o-transform 0.3s ease-out;
			  transition: transform 0.3s ease-out;
	}
}
.fade .Movein-TL { -webkit-transform: translate(-100%, -100%); -ms-transform: translate(-100%, -100%); transform: translate(-100%, -100%); } 
.fade .Movein-TR { -webkit-transform: translate( 100%, -100%); -ms-transform: translate( 100%, -100%); transform: translate( 100%, -100%); } 
.fade .Movein-BL { -webkit-transform: translate(-100%,  100%); -ms-transform: translate(-100%,  100%); transform: translate(-100%,  100%); } 
.fade .Movein-BR { -webkit-transform: translate( 100%,  100%); -ms-transform: translate( 100%,  100%); transform: translate( 100%,  100%); } 
	
.fade.show .Movein-TL,
.fade.show .Movein-TR,
.fade.show .Movein-BL,
.fade.show .Movein-BR { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }

.GradientMask { 
	width:100%; height:100px; position:absolute; bottom:0; /*border:1px solid red;*/
    background-image:-webkit-linear-gradient(top,rgba(255,255,255,0),#fff);
    background-image:-moz-linear-gradient(top,rgba(255,255,255,0),#fff);
    background-image:-o-linear-gradient(top,rgba(255,255,255,0),#fff);
    background-image:linear-gradient(top,rgba(255,255,255,0),#fff);
}
/*
|--------------------------------------------------------------------------
| body
|--------------------------------------------------------------------------
*/
/*Proxima Nova Semibold*/
/*
@font-face { font-family:"ProximaNova"; font-weight:bolder;  src:url("font/ProximaNova/ProximaNova-Bold.eot?v=ud4573598#iefix") format("embedded-opentype"), url("font/ProximaNova/ProximaNova-Bold.woff2?v=ud4573598") format("woff2"), url("font/ProximaNova/ProximaNova-Bold.woff?v=ud4573598") format("woff"), url("font/ProximaNova/ProximaNova-Bold.ttf?v=ud4573598") format("truetype"), url("font/ProximaNova/ProximaNova-Bold.svg?v=ud4573598#wf") format("svg"); }
@font-face { font-family:"ProximaNova"; font-weight:bold;   src:url("font/ProximaNova/ProximaNova-Semibold.eot?v=ud4573598#iefix") format("embedded-opentype"), url("font/ProximaNova/ProximaNova-Semibold.woff2?v=ud4573598") format("woff2"), url("font/ProximaNova/ProximaNova-Semibold.woff?v=ud4573598") format("woff"), url("font/ProximaNova/ProximaNova-Semibold.ttf?v=ud4573598") format("truetype"), url("font/ProximaNova/ProximaNova-Semibold.svg?v=ud4573598#wf") format("svg");}
@font-face { font-family:"ProximaNova"; font-weight:normal;  src:url("font/ProximaNova/ProximaNova-Regular.eot?v=ud4573598#iefix") format("embedded-opentype"), url("font/ProximaNova/ProximaNova-Regular.woff2?v=ud4573598") format("woff2"), url("font/ProximaNova/ProximaNova-Regular.woff?v=ud4573598") format("woff"), url("font/ProximaNova/ProximaNova-Regular.ttf?v=ud4573598") format("truetype"), url("font/ProximaNova/ProximaNova-Regular.svg?v=ud4573598#wf") format("svg");}
@font-face { font-family:"ProximaNova"; font-weight:lighter;  src:url("font/ProximaNova/ProximaNova-Light.eot?v=ud4573598#iefix") format("embedded-opentype"), url("font/ProximaNova/ProximaNova-Light.woff2?v=ud4573598") format("woff2"), url("font/ProximaNova/ProximaNova-Light.woff?v=ud4573598") format("woff"), url("font/ProximaNova/ProximaNova-Light.ttf?v=ud4573598") format("truetype"), url("font/ProximaNova/ProximaNova-Light.svg?v=ud4573598#wf") format("svg");}
*/

/*html,body { min-height:100%; }*/
html { font-size:62.5%; }
body { font-family:'ProximaNova','sans-serif','Helvetica','Arial', 'Tahoma', 'Verdana'; font-size:1.4rem; font-weight:normal;  font-style:normal;/*font-family:Arial, Tahoma, Verdana, Helvetica, sans-serif;*/  line-height:150%; color:#333; background:#fff; -webkit-text-size-adjust:none; }
/*bof cover bootstrap*/

a { color:#333; text-decoration:none; }
a:hover,
a:focus {color:#333; text-decoration:none; /*text-decoration:underline;*/}

p a,		.MainA p a  	 { text-decoration:underline; }
p a:hover,	.MainA p a:hover { text-decoration:none; }

.u-link,
a.u-link,
a.u-link:link,
a.u-link:visited { text-decoration:underline !important; }
.u-link:hover,
a.u-link:hover { text-decoration:none !important; }

.NoLink,
a.NoLink,
a.NoLink:link,
a.NoLink:visited { text-decoration:none; }
.NoLink:hover,
a.NoLink:hover { text-decoration:none; }

.h-link:hover,
a.h-link:hover { text-decoration:underline; }

.MainColor,
.MainColor:link,
.MainColor:visited { color:var(--MRed);} /*color:#f35b6e;*/

.MRed, .MRed a { color:var(--MRed); }  /*color:#f35b6e; color:palevioletred !important;*/

.fa-heart-color { color:#000; }

.BackMobile { position:absolute; left:0; top:0; z-index:1; width:48px; height:48px; text-align:center; }
.BackMobile i { font-size:2.6rem; line-height:45px; }


.form-control:disabled,
.form-control[readonly] { background-color:#f6f6f6; border:1px solid #e5e5e5; cursor:not-allowed; }
/*-ABOUT-A--------------------------------------------------------*/
@media (max-width:991px){ a { text-decoration:none !important; }}

.HelpContent #MainWrapper a,
.HelpContent #MainWrapper a:link,
.HelpContent #MainWrapper a:visited { text-decoration:underline; }
.HelpContent #MainWrapper a:hover { text-decoration:none; }

.body-Mobile .HelpContent #MainWrapper a,
.body-Mobile .HelpContent #MainWrapper a:link,
.body-Mobile .HelpContent #MainWrapper a:visited { text-decoration:none; }

#proInfo .NtabBox a,
#proInfo .NtabBox a:link,
#proInfo .NtabBox a:visited  { text-decoration:underline; }
#proInfo .NtabBox a:hover { text-decoration:none; }
/*----------------------------------------------------------------*/
form, input, label { margin:0;}
ul, ol, li, dl, dt, dd { margin:0; padding:0; }
dt, dd { line-height:150%; }
label { display:inline-block; }
em { /*font-style:normal;*/}

p { margin:0 0 8px 0; }
b { display:inline-block; }

h1 { line-height:150%; font-size:1.8rem; padding:0; margin:0 0 15px 0;}
h2 { line-height:150%; font-size:1.4rem; padding:0; margin:0 0 8px 0; }
h3 { line-height:150%; font-size:1.4rem; padding:0; margin:0 0 8px 0; }
h4 { line-height:150%; font-size:1.4rem; padding:0; margin:0 0 4px 0; }
h5 { line-height:150%; font-size:1.4rem; padding:0; margin:0 0 4px 0; }
h6 { line-height:150%; font-size:1.4rem; padding:0; margin:0 0 4px 0; }
select {font-size:1.4rem;height:25px;line-height:25px ;padding:3px 3px 1px;}

.DefineTitle    { font-family:'Domaine Display'; font-size:2.5rem;}
.DefineTitle-md { font-family:'Domaine Display'; font-size:2.2rem;}
.DefineTitle-sm { font-family:'Domaine Display'; font-size:1.8rem;}

input[type="text"]{font-size:1.4rem;padding:3px 6px;}
input[type="radio"], input[type="checkbox"]  { margin-top:0; }

caption, th { text-align:left; }
address, caption, cite, code, dfn, em , i, th, abbr, var { font-style:normal; /*font-weight:normal;*/ word-wrap: break-word;}

.required{ font-size:1.3rem; color:#bbb; font-family:Arial;}
.MainColor { color:#222; }

.SharpenIMG { /*锐化图片*/
image-rendering: -moz-crisp-edges; /* Firefox */      
image-rendering: -o-crisp-edges; /* Opera */      
image-rendering: -webkit-optimize-contrast; /*Webkit (non-standard naming) */
image-rendering: crisp-edges; 
-ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
}

/*
.icon-svg-position { display:inline-block; width:22px; height:22px; background:url(/desktop/img/svg/svg-position.svg) no-repeat center center / cover;  }
.icon-svg-password { display:inline-block; width:26px; height:26px; background:url(/desktop/img/svg/svg-password.svg) no-repeat center center / cover; }
.icon-svg-service  { display:inline-block; width:24px; height:24px; background:url(/desktop/img/svg/svg-service.svg) no-repeat center center / cover; }
.icon-svg-bell	   { display:inline-block; width:26px; height:26px; background:url(/desktop/img/svg/svg-bell.svg) no-repeat center center / cover; }
.icon-svg-walleat { display:inline-block; width:26px; height:26px; background:url(/desktop/img/svg/svg-walleat.svg) no-repeat center center / cover;}
.fa-index    { display:inline-block; width:22px; height:22px; background:url(/desktop/img/svg/svg-index.svg) no-repeat center center / cover; }
.fa-bag		 { display:inline-block; width:26px; height:26px; background:url(base/bag_header_light.svg) no-repeat center center / cover; }
.fa-menu     { display:inline-block; width:25px; height:25px; background:url(/desktop/img/svg/svg-menu.svg) no-repeat center center / cover; }
.fa-bag      { display:inline-block; width:24px; height:24px; background:url(/desktop/img/svg/svg-bag.svg) no-repeat center center / cover; }

*/
.fa-logo-avatar { display:inline-block; width:60px; height:60px; background:url(/desktop/img/logo-avatar.svg) no-repeat center center / cover; }
.fa-heart-color { color:#333; }

.fa-question-circle-o-svg { display:inline-block; width:18px; height:18px; background:url(/desktop/img/svg/svg-question-circle-o.svg) no-repeat center center / cover; }
.fa-the-exclamation		  { display:inline-block; width:22px; height:22px; background:url(/desktop/img/svg/svg-exclamation.svg) no-repeat center center / cover; }
.fa-delivery { display:inline-block; width:28px; height:30px; background:url(/desktop/img/svg/svg-delivery.svg) no-repeat center center / cover; }
.fa-return	 { display:inline-block; width:26px; height:26px; background:url(/desktop/img/svg/svg-return.svg) no-repeat center center / cover; }
.fa-the-lock { display:inline-block; width:26px; height:26px; background:url(/desktop/img/svg/svg-lock.svg) no-repeat center center / cover; }
.fa-about-us { display:inline-block; width:29px; height:24px; background:url(/desktop/img/svg/svg-about-us.svg) no-repeat center center / cover; }
.fa-new      { display:inline-block; width:25px; height:25px; background:url(/desktop/img/svg/svg-new.svg) no-repeat center center / cover; }
.fa-yes      { display:inline-block; width:26px; height:26px; background:url(/desktop/img/svg/svg-yes.svg) no-repeat center center / cover;}
.fa-tiktok   { display:inline-block; width:26px; height:26px; background:url(/desktop/img/svg/svg-tiktok.svg) no-repeat center center / cover;}
.fa-tiktok-white  { display:inline-block; width:26px; height:26px; background:url(/desktop/img/svg/svg-tiktok-white.svg) no-repeat center center / cover;}
.fa-tiktok-circle { display:inline-block; width:26px; height:26px; background:url(/desktop/img/svg/svg-tiktok-circle.svg) no-repeat center center / cover;}


.BottomBar { height:50px; border-top:1px solid #ccc; overflow:hidden;  z-index:1001; bottom:0; left:0; width:100%; background-color:#fff; }
.BottomBar > a { height:50px; display:block; float:left; text-align:center; text-decoration:none !important; }
.BottomBar > a > em { color:#777; display:block; font-size:1.3rem; line-height:1; height:16px; }
.BottomBar > a > .bb-svg { display:inline-block; height:34px; } 
.BottomBar > a.BB-Account b i { top:-2px; }

a.BB-Index		{}	
a.BB-Menu		{}	
a.BB-New		{}	
a.BB-Bag		{}	
a.BB-Account	{}
a.BB-Favorites  {}
a.BB-Service	{}
a.BB-Search		{}

a.BB-Index		b { padding-top:6px; }
a.BB-Menu		b { padding-top:5px; }
a.BB-New		b { padding-top:6px; }
a.BB-Bag		b { padding-top:5px; }	
a.BB-Support	b { padding-top:4px; }
a.BB-Account	b { padding-top:4px; }
a.BB-Favorites	b { padding-top:4px; }
a.BB-Service	b { padding-top:5px; }
a.BB-Search		b { padding-top:4px; }

a.BB-Index	   b i { opacity:0.82; font-size:22px; position:relative; top:-1.5px;  }
a.BB-Menu	   b i { opacity:0.9;position:relative; top:-0.7px;}
a.BB-New	   b i { position:relative; top:-0.8px;}
a.BB-Bag	   b i { opacity:0.85;font-size:2.4rem; position:relative; top:-2.2px; }
a.BB-Support   b i { opacity:0.85; }
a.BB-Account   b i { opacity:0.85;font-size:27px; position:relative; top:-1.7px;}
a.BB-Favorites b i { opacity:0.8;font-size:27px; position:relative; top:-2.2px; }
a.BB-Service   b i { opacity:0.85;}
a.BB-Search	   b i { opacity:0.85;}


a.BB-Bag b      { position:relative; }
a.BB-Bag b span { position:absolute; top:7px; left:0; width:100%; text-align:center; text-indent:-1.5px; font-weight:normal; color:#f02165; letter-spacing:-1.7px; }

.BottomSiteBar		{ position:fixed; }
.BottomSiteBar > a  { width:20%; }

.BottomMenuBar		{ position:absolute; }
.BottomMenuBar > a  { width:25%; }
.BottomMenuBar > a > b { position:relative; top:7px; }

.BottomMenuBar > a.BB-Index b i { position:relative; top:0px;}

@media (min-width:992px){  
.BottomBar { display:none; }
}  


.body-account-index .BB-Account i, .body-account-index .BB-Account em { color:#000;}





  
@media (max-width: 991px) {
.FixedTop ~ #StickyTopKit { padding-top:51px; display:block;}
  

/*如果需要置顶，给modal-content 追加该class, 另外 .modal-content 需要是flex(不能被赋值为 display:block去flex化)*/
.modal-content.ModalHeadFixed { overflow:hidden; }
.modal-content.ModalHeadFixed .modal-header { overflow:hidden; position:absolute; z-index:1002!important; top:0; left:0; width:100%; background-color:#fff; /* box-shadow:0 -1px 5px 2px rgba(0,0,0,.15);*/ }
.modal-content.ModalHeadFixed .modal-body   { overflow-y:auto; padding-top:80px; /*position:static; padding:51px 0 51px 0;*/ }

/*置底配置用（手机）*/
.FixedTop		{ position:fixed !important; top:0 !important; left:0 !important; width:100% !important; z-index:100; background-color:#fff;}
/*独自Fixed，需要另行给某元素padding-top*/
.FixedTopSelf	{ position:fixed !important; top:0 !important; left:0 !important; width:100% !important; z-index:100; background-color:#fff;}

/*固定位置+归位型：脚本判断是否能找到FixedBottomOuter，若是，根据浏览器窗口+滚动条高度=元素顶距，符合条件给FixedBottomOuter触发或卸载FixedBottom*/
.FixedBottomOuter {}
.FixedBottomInner.FixedBottom { padding:10px; background-color:#fff; box-shadow:0 -4px 8px -4px rgba(0,0,0,.25); }
/*脚本触发*/
.FixedBottom { position:fixed; bottom:0; left:0; width:100%; z-index:100; }
.FixedBottom .btn { width:100%; }
}

.FixedTopSelf { position:fixed !important; top:0 !important; left:0 !important; width:100% !important; z-index:100; background-color:#fff;}
.FixedBottom  { text-align:center; }

#FixedMenu { overflow:hidden; position:absolute; z-index:1002; top:0; left:0; width:100%; padding:0 0 0 20px; background-color:#fff;   }
#FixedMenu > #SwiperMenu-FixedMenu > .swiper-wrapper { border:none; }
#FixedMenu > #SwiperMenu-FixedMenu > .swiper-wrapper > li.swiper-slide		{ width:auto; color:#666; background-color:transparent; position:relative; float:left; line-height:1; text-align:center; border:none;}
#FixedMenu > #SwiperMenu-FixedMenu > .swiper-wrapper > li.swiper-slide a	{ height:50px; padding:0 13px; color:#666; background-color:transparent; display:block; /*for cover*/line-height:1; margin:0; border:none; border-radius:0; text-decoration:none; }
#FixedMenu > #SwiperMenu-FixedMenu > .swiper-wrapper > li.swiper-slide a em	{ height:38px; line-height:50px; padding:0 2px; display:block; font-weight:bold; font-size:1.4rem; white-space:nowrap; }

#FixedMenu > #SwiperMenu-FixedMenu > .swiper-wrapper > li.swiper-slide:first-child a { padding-left:0; }
#FixedMenu > #SwiperMenu-FixedMenu > .swiper-wrapper > li.swiper-slide.active > a > em { color:#333; border-bottom:3px solid #333; }

#FixedMenu { border-bottom:1px solid #f2f2f2;  }

.ShopByCategory { padding:0 2rem; height:70px;display:flex; align-items:center; /*justify-content:center;*/ background-color:#f2e4d3; border:10px solid #fff; font-size:1.6rem; font-weight:bold; text-transform:uppercase; }

dl.MobileMenuDL { } 
dl.MobileMenuDL dd {} 
dl.MobileMenuDL dd h2 { margin:0; }
dl.MobileMenuDL dd h2 a,
dl.MobileMenuDL dd h2 span { display:block; padding:5px 10px 5px 20px; border-bottom:1px solid #f2f2f2; }
dl.MobileMenuDL dd h2 a		{ display:flex; align-items:center; }
dl.MobileMenuDL dd h2 a > div { width:44px; height:44px; margin-right:20px; border-radius:50%; background-repeat:no-repeat; background-position:center center; background-size:contain; }
dl.MobileMenuDL dd h2 a > em { flex:1;}
dl.MobileMenuDL dd h2 a > i { float:right; margin-right:10px; font-size:1.8rem; color:#999;}



.MenuSubPage    { height:100%; position:absolute; z-index:1002;top:0;bottom:0;left:0;right:0; background-color:#fff;}
.MenuSubPage > li { display:none; height:100%; background-color:#f8f8f8;  /*background-color:#fff;*/}

.MenuSubPage > li { overflow-y:scroll; }
.MenuSubPage > li > header { position:relative; padding:0 0 0 26px; height:50px; background-color:#fff; border-bottom:1px solid #ddd; /*box-shadow:0 -1px 5px 2px rgba(0,0,0,.15);*/ }
.MenuSubPage > li > header > .fa { position:absolute; left:10px; top:0; font-size:25px; display:inline-block; height:50px; width:24px; padding-top:12px; text-align:center; }
.MenuSubPage > li > header > em { /*text-align:center;*/padding-left:5.2rem;  display:block; line-height:50px; font-size:1.4rem; font-weight:bold; text-transform:uppercase; }

.MenuSubPage-Content{ padding:60px 0 15px 0; /*overflow-y:auto;*/}
.MenuSubPage-Content .TheBox { background-color:#fff; border:1px solid #ddd; height:100px; line-height:100px; text-align:center; margin-bottom:15px; font-size:30px; color:#eee;}


/*animition*/
.MenuSubPage			{-webkit-transform:translateX(100%);transform:translateX(100%);}
.MenuSubPage-SlideIn	{-webkit-transform:translateX(0);transform:translateX(0); }

/*
#MenuSubPage dl dd		{ float:left; width:50%; }
#MenuSubPage dl dd h2	{ }
#MenuSubPage dl dd h2 a	{ padding-left:10px; }
#MenuSubPage dl dd:nth-of-type(2n+1) h2 { margin-right:1px;} 
*/

.MenuSubPage > li[data-cate-id=PageCurrency] {}
.MenuSubPage-Currency { padding:60px 0 15px 0;}
.MenuSubPage-Currency > a { height:50px; display:flex; align-items:center; justify-content:space-between; padding:0 20px; border-bottom:1px solid #f2f2f2;}
.MenuSubPage-Currency > a > div { margin-right:15px; display:inline-block; width:46px; height:35px; background-repeat:no-repeat; background-position:0 0; background-size:cover; }
.MenuSubPage-Currency > a > em	{ flex:1; font-size:1.4rem; }
.MenuSubPage-Currency > a > i	{ font-size:1.8rem; }

.MenuSubPage-Language { padding:60px 0 15px 0;}
.MenuSubPage-Language > a { height:50px;display:flex; align-items:center; justify-content:space-between; padding:0 20px; border-bottom:1px solid #f2f2f2;}
.MenuSubPage-Language > a > em	{ flex:1; font-size:1.4rem; }
.MenuSubPage-Language > a > i	{ font-size:1.8rem; }

.MenuSubPage-Store { padding:60px 0 15px 0;}
.MenuSubPage-Store > a { height:50px;display:flex; align-items:center; justify-content:space-between; padding:0 20px; border-bottom:1px solid #f2f2f2;}
.MenuSubPage-Store > a > div { margin-right:15px; display:inline-block; width:46px; height:35px; background-repeat:no-repeat; background-position:0 0; background-size:cover; }
.MenuSubPage-Store > a > em	{ flex:1; font-size:1.4rem; }
.MenuSubPage-Store > a > i	{ font-size:1.8rem; }
/*
|--------------------------------------------------------------------------
| Mobile Menu
|--------------------------------------------------------------------------
*/
#FixedIndexSection { overflow:hidden;  z-index:1002; top:0; left:0; width:calc(100% + 20px); margin:0 -20px; padding:0 0 0 20px; background-color:#fff;   }
#FixedIndexSection > #SwiperMenu-FixedIndexSection > .swiper-wrapper { border:none; }
#FixedIndexSection > #SwiperMenu-FixedIndexSection > .swiper-wrapper > li.swiper-slide		{ width:auto; color:#666; background-color:transparent; position:relative; float:left; line-height:1; text-align:center; border:none;}
#FixedIndexSection > #SwiperMenu-FixedIndexSection > .swiper-wrapper > li.swiper-slide a	{ padding:0 13px; color:#666; background-color:transparent; display:block; /*for cover*/line-height:1; margin:0; border:none; border-radius:0; text-decoration:none; }
#FixedIndexSection > #SwiperMenu-FixedIndexSection > .swiper-wrapper > li.swiper-slide a em	{ padding:0 2px; display:block;height:44px; line-height:44px; font-weight:bold; font-size:1.4rem; white-space:nowrap; }

#FixedIndexSection > #SwiperMenu-FixedIndexSection > .swiper-wrapper > li.swiper-slide:first-child a { padding-left:0; }
#FixedIndexSection > #SwiperMenu-FixedIndexSection > .swiper-wrapper > li.swiper-slide.active > a > em { color:#333; border-bottom:3px solid #333; }

.IndexSectionTab {}
.IndexSectionTab li.TabConent { display:none; }
.IndexSectionTab li.TabConent.active { display:block; }
.IndexSectionTab li.TabConent .IndexSectionTab-Title { margin:0 -10px 15px -10px;  text-align:center; font-size:16px; height:36px; line-height:34px; background-color:#66a8d7; color:#fff; }
.IndexSectionTab li.TabConent .TheBox { background-color:#fff; border:1px solid #ddd; height:100px; line-height:100px; text-align:center; margin-bottom:15px; font-size:30px; color:#eee;}


/*
|--------------------------------------------------------------------------
| FixedCate
|--------------------------------------------------------------------------
*/
.PositionFixed { top:0; left:0; }
.OffsetBack { -webkit-transform: translate( 0, 0); -ms-transform: translate( 0, 0); transform: translate( 0, 0); }
.OffsetT51  { -webkit-transform: translate( 0, 51px); -ms-transform: translate( 0, 51px); transform: translate( 0, 51px); }
.OffsetT89  { -webkit-transform: translate( 0, 89px); -ms-transform: translate( 0, 89px); transform: translate( 0, 89px); }
.OffsetT-51 { -webkit-transform: translate( 0, -51px); -ms-transform: translate( 0, -51px); transform: translate( 0, -51px);}


#FixedCateOuter { width:calc(100% + 20px); margin:0 -20px; height:38px; z-index:1001;  }
#FixedCate { overflow:hidden;  padding:0 0 0 20px; background-color:#fff; z-index:1001;  }
#FixedCate > #SwiperMenu-FixedCate > .swiper-wrapper { border:none; }
#FixedCate > #SwiperMenu-FixedCate > .swiper-wrapper > li.swiper-slide		{ width:auto; color:#666; background-color:transparent; position:relative; float:left; line-height:1; text-align:center; border:none;}
#FixedCate > #SwiperMenu-FixedCate > .swiper-wrapper > li.swiper-slide a	{ height:38px; padding:0 13px; color:#666; background-color:transparent; display:block; /*for cover*/line-height:1; margin:0; border:none; border-radius:0; text-decoration:none; }
#FixedCate > #SwiperMenu-FixedCate > .swiper-wrapper > li.swiper-slide a em	{ height:32px; line-height:38px; padding:0 2px; display:block;  font-weight:bold; font-size:1.5rem; white-space:nowrap; }

#FixedCate > #SwiperMenu-FixedCate > .swiper-wrapper > li.swiper-slide:first-child a { padding-left:0; }
#FixedCate > #SwiperMenu-FixedCate > .swiper-wrapper > li.swiper-slide.active > a > em { color:#333; border-bottom:3px solid #333; }

/*
#FixedCate { position:relative; width:100%; background-color:rgba(255,255,255,0.9); }
#FixedCate > #SwiperMenu-FixedCate > .nav-tabs				{ border:none; }
#FixedCate > #SwiperMenu-FixedCate > .nav-tabs > li			{ width:auto; color:#666; background-color:transparent; position:relative; float:left; line-height:1; text-align:center; border:none;}
#FixedCate > #SwiperMenu-FixedCate > .nav-tabs > li a			{ color:#666; background-color:transparent; display:block; line-height:1; margin:0; padding:0; border:none; border-radius:0; text-decoration:none; }
#FixedCate > #SwiperMenu-FixedCate > .nav-tabs > li a em		{ display:block; padding:14px 15px 15px 15px; white-space:nowrap; }

#FixedCate > #SwiperMenu-FixedCate > .nav-tabs > li:first-child a { padding-left:0; }
#FixedCate.PositionFixed > #SwiperMenu-FixedCate > .nav-tabs > li:first-child a { padding-left:10px; }

#FixedCate > #SwiperMenu-FixedCate > .nav-tabs > li.swiper-slide.active > a > em { color:#333; border-bottom:3px solid #333; padding:14px 15px 12px 15px; }
*/




table tr.odd	{ background-color:#fff; }
table tr.even	{ background-color:#f8f8f8; }
table tr.over	{ background-color:#dceaf9;}
.InterlacingTable td:hover { background-color:#597793;}					.NoHightlightTable td:hover { background-color:#dceaf9; } 
.InterlacingTable td:hover, .InterlacingTable td:hover * {color:#fff;}	.NoHightlightTable td:hover, .NoHightlightTable td:hover * { color:#333; } 
.InterlacingTable td a { text-decoration:none !important; }					


.PopLoad { overflow:auto; position:fixed; _position:absolute; z-index:3000; top:0px; left:0px; width:100%; bottom:0px; height:100%; max-height:100%; }
.PopLoadBG	{ width:100%; height:100%; max-height:100%; background-color:#000; filter:alpha(opacity=50); -moz-opacity:0.7; opacity:0.5; }
.PopLoadImg { position:absolute; z-index:6000; top:50%; left:50%; overflow:hidden; border-radius:5px;  max-height:100%; filter:alpha(opacity100); -moz-opacity:1; opacity:1;}
.PopLoadImg { width:44px; height:44px; margin-left:-22px; margin-top:-22px; background:#000 url(/desktop/widget/ElevateZoom/loading.gif) no-repeat center center; }


/*price*/
.Price {}
.PriceCate				{ /*font-family:Arial;*/ font-size:1.4rem; font-weight:bold;   color:#222; }
.PriceProductCurrent	{ /*font-family:Arial;*/ font-size:1.5rem; font-weight:bold;   color:#4d4d4d; }
.PriceProductCurrentDel { /*font-family:Arial;*/ font-size:1.4rem; font-weight:normal; color:#333; }
.PriceProductTotal		{ /*font-family:Arial;*/ font-size:1.4rem; font-weight:bold;   color:#222; }

.PriceCard				{ /*font-family:Arial;*/ font-size:1.4rem; font-weight:bold;   color:#555; }
.PriceCartItem			{ /*font-family:Arial;*/ font-size:1.4rem; font-weight:normal; color:#666; } /*Cart*/
.PriceCartTotal			{ /*font-family:Arial;*/ font-size:1.6rem; font-weight:bold;   color:#222; }

.PriceConfirmCharge		{ /*font-family:Arial;*/ font-size:1.4rem; font-weight:bold;   color:#333; } 
.PriceConfirmItem		{ /*font-family:Arial;*/ font-size:1.3rem; font-weight:normal; color:#333; }
.PriceConfirmTotal		{ /*font-family:Arial;*/ font-size:1.4rem; font-weight:normal; color:#333; }
.PriceConfirmGrandTotal	{ /*font-family:Arial;*/ font-size:1.5rem; font-weight:bold;   color:#222; }

.PriceFavs			{ /*font-family:Arial;*/ font-size:1.4rem; font-weight:bold; color:#222; }


@media (min-width:992px){ .ContentMinHeight { min-height:500px; } }
@media (max-width:991px){ .ContentMinHeight { min-height:calc(100vh - 330px); } }


/*
|--------------------------------------------------------------------------
| recover
|--------------------------------------------------------------------------
*/
em[rel="popover"] { cursor:default;}
.form-control { width:100%;/*border-radius:0;*/ box-shadow:none; height:45px; padding:0 0 0 6px; font-size:1.4rem;}
textarea.form-control { font-size:1.4rem; padding:5px;height:45px; }
.mBox { border-radius:0; }
.ModTitle { border-radius:0; }
.btn { border-radius:0; padding:11px 11px; text-transform:uppercase; /* min-height:50px;*/height:48px; line-height:1.8; display:inline-block; margin-bottom:0; font-size:1.5rem; font-weight:normal; text-align:center; white-space:nowrap; vertical-align:middle; cursor:pointer; background-image:none;
-webkit-user-select:none;	-ms-touch-action:manipulation;
   -moz-user-select:none;	    touch-action:manipulation;
    -ms-user-select:none;
        user-select:none;	}

.btn .default {  padding:11px 12px;  }
.btn-size { height:40px;}

/*置底按钮用*/
@media (min-width:992px){
	.btn-bottom { height:50px; }
}
@media (max-width:991px) {
	.btn-bottom { height:40px; }
}

div.tooltip .tooltip-inner { color:#333; background-color:#fff; border:1px solid #000; text-align:center; position:relative; max-width:320px; /*right:-70px; */ }

/*注册邮箱提示*/
div.emailistBox { width:100%; margin-top:-1px; top:0;/* margin-top:39px !important;*/}
div.emailistBox p { padding:8px 8px; }
ul.emailist li  { padding:8px 8px; }


@media (min-width:450px){
	.btn    { min-width:180px; }
	.btn-sm { min-width:180px; }
	.btn-xs { min-width:180px; }
}
@media (max-width:449px) {
	.btn    { min-width:180px; }
	.btn-sm { min-width:180px; }
	.btn-xs { min-width:180px; }
}

.btn,			.btn a,
.btn:link,		.btn a:link,
.btn:visited,	.btn a:visited
.btn:hover,		.btn a:hover {  text-decoration:none !important;  /*border:1px solid #000; background-color:#fff;*/}

.btn-default { background-color:#fff; border-color:#ccc; }
.btn-default:hover { color:#333; background-color:#fff; border-color:#000; }

.btn-link, .btn-link:link, .btn-link:visited { color:#333; border:none; text-decoration:underline !important; }
.btn-link:hover { color:#333; text-decoration:underline !important; }

/*btn-MainColor*/
.btn-MainColor { color:#ffffff !important; background-color:#333; border-color:#333;}
.btn-MainColor:hover,
.btn-MainColor:focus,
.btn-MainColor:active,
.btn-MainColor.active,
.open .dropdown-toggle.btn-MainColor { color:#ffffff; background-color:#555; border-color:#555;}

.btn-MainColor:active,
.btn-MainColor.active,
.open .dropdown-toggle.btn-MainColor { background-image:none;}

.btn-MainColor.disabled,		.btn-MainColor[disabled],			fieldset[disabled] .btn-MainColor,
.btn-MainColor.disabled:hover,	.btn-MainColor[disabled]:hover,		fieldset[disabled] .btn-MainColor:hover,
.btn-MainColor.disabled:focus,	.btn-MainColor[disabled]:focus,		fieldset[disabled] .btn-MainColor:focus,
.btn-MainColor.disabled:active,	.btn-MainColor[disabled]:active,	fieldset[disabled] .btn-MainColor:active,
.btn-MainColor.disabled.active,	.btn-MainColor[disabled].active,	fieldset[disabled] .btn-MainColor.active
{ background-color:#777777; border-color:#777777; }


/*btn-White*/
.btn-White { color:#333; background-color:#fff; border-color:#fff;}
.btn-White:hover,
.btn-White:focus,
.btn-White:active,
.btn-White.active,
.open .dropdown-toggle.btn-White { color:#000; background-color:#fff; border-color:#fff;}

.btn-White:active,
.btn-White.active,
.open .dropdown-toggle.btn-White { background-image:none;}

.btn-White.disabled,		.btn-White[disabled],			fieldset[disabled] .btn-White,
.btn-White.disabled:hover,	.btn-White[disabled]:hover,		fieldset[disabled] .btn-White:hover,
.btn-White.disabled:focus,	.btn-White[disabled]:focus,		fieldset[disabled] .btn-White:focus,
.btn-White.disabled:active,	.btn-White[disabled]:active,	fieldset[disabled] .btn-White:active,
.btn-White.disabled.active,	.btn-White[disabled].active,	fieldset[disabled] .btn-White.active
{ background-color:#fff; border-color:#fff; }

/*btn-White*/
.btn-WhiteBG-BlackBD { color:#333; background-color:#fff; border-color:#333; }
.btn-WhiteBG-BlackBD:hover,
.btn-WhiteBG-BlackBD:focus,
.btn-WhiteBG-BlackBD:active,
.btn-WhiteBG-BlackBD.active,
.open .dropdown-toggle.btn-WhiteBG-BlackBD { color:#000; background-color:#fff; border-color:#000;}

.btn-WhiteBG-BlackBD:active,
.btn-WhiteBG-BlackBD.active,
.open .dropdown-toggle.btn-WhiteBG-BlackBD { background-image:none;}

.btn-WhiteBG-BlackBD.disabled,			.btn-WhiteBG-BlackBD[disabled],			fieldset[disabled] .btn-WhiteBG-BlackBD,
.btn-WhiteBG-BlackBD.disabled:hover,	.btn-WhiteBG-BlackBD[disabled]:hover,	fieldset[disabled] .btn-WhiteBG-BlackBD:hover,
.btn-WhiteBG-BlackBD.disabled:focus,	.btn-WhiteBG-BlackBD[disabled]:focus,	fieldset[disabled] .btn-WhiteBG-BlackBD:focus,
.btn-WhiteBG-BlackBD.disabled:active,	.btn-WhiteBG-BlackBD[disabled]:active,	fieldset[disabled] .btn-WhiteBG-BlackBD:active,
.btn-WhiteBG-BlackBD.disabled.active,	.btn-WhiteBG-BlackBD[disabled].active,	fieldset[disabled] .btn-WhiteBG-BlackBD.active
{ background-color:#777; border-color:#777; }

/*btn-SubColor*/
.btn-SubColor { color:#ffffff; background-color:#555; border-color:#555;}
.btn-SubColor:hover,
.btn-SubColor:focus,
.btn-SubColor:active,
.btn-SubColor.active,
.open .dropdown-toggle.btn-SubColor { color:#ffffff; background-color:#636363; border-color:#585858;}

.btn-SubColor:active,
.btn-SubColor.active,
.open .dropdown-toggle.btn-SubColor { background-image:none;}

.btn-SubColor.disabled,			.btn-SubColor[disabled],		fieldset[disabled] .btn-SubColor,
.btn-SubColor.disabled:hover,	.btn-SubColor[disabled]:hover,	fieldset[disabled] .btn-SubColor:hover,
.btn-SubColor.disabled:focus,	.btn-SubColor[disabled]:focus,	fieldset[disabled] .btn-SubColor:focus,
.btn-SubColor.disabled:active,	.btn-SubColor[disabled]:active,	fieldset[disabled] .btn-SubColor:active,
.btn-SubColor.disabled.active,	.btn-SubColor[disabled].active,	fieldset[disabled] .btn-SubColor.active
{ background-color:#777777; border-color:#777777; }

/*btn-HighLight*/
.btn.btn-HighLight { color:#ffffff; background-color:#333; border-color:#333; border-radius:0; /*padding:11px 25px;*/ }
.btn-HighLight:hover,
.btn-HighLight:focus,
.btn-HighLight:active,
.btn-HighLight.active,
.open .dropdown-toggle.btn-HighLight { color:#ffffff; background-color:#555; border-color:#555;}

.btn-HighLight:active,
.btn-HighLight.active,
.open .dropdown-toggle.btn-HighLight { background-image:none;}

.btn-HighLight.disabled,		.btn-HighLight[disabled],			fieldset[disabled] .btn-HighLight,
.btn-HighLight.disabled:hover,	.btn-HighLight[disabled]:hover,		fieldset[disabled] .btn-HighLight:hover,
.btn-HighLight.disabled:focus,	.btn-HighLight[disabled]:focus,		fieldset[disabled] .btn-HighLight:focus,
.btn-HighLight.disabled:active,	.btn-HighLight[disabled]:active,	fieldset[disabled] .btn-HighLight:active,
.btn-HighLight.disabled.active,	.btn-HighLight[disabled].active,	fieldset[disabled] .btn-HighLight.active
{ background-color:#e6e6e6; border-color:#e6e6e6; }


/*recover bs*/
.pagination > li > a,
.pagination > li > span { color:#333; margin:0 8px; background-color:#fafafa; background-image:none;
	/*
	background-image: -moz-linear-gradient(top,#fff,#ececec);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#ececec));
	background-image: -webkit-linear-gradient(top,#fff,#ececec);
	background-image: -o-linear-gradient(top,#fff,#ececec);
	background-image: linear-gradient(to bottom,#fff,#ececec);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffececec',GradientType=0);
	*/
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus { background-color:#000; border-color:#000; background-image:none; color:#fff; }


.ThisBtn { height:38px; font:normal 18px/35px Arial; text-align:center; text-decoration:none; border: 1px solid #004400; border-radius: 13px; box-shadow:0 1px 0 #87d987 inset, 0 3px 3px #ccc; color: #fff; white-space: inherit; padding-left:15px; padding-right:15px;
background-color:#2e842e;
background-image:-moz-linear-gradient(top, #5cb85c, #2e842e);
background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#5cb85c), to(#2e842e));
background-image:-webkit-linear-gradient(top, #5cb85c, #2e842e);
background-image:-o-linear-gradient(top, #5cb85c, #2e842e);
background-image:linear-gradient(to bottom, #5cb85c, #2e842e);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff2e842e', GradientType=0);
*background-color:#5cb85c;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat:repeat;
}
.ThisBtn:hover,
.ThisBtn:focus,
.ThisBtn:active,
.ThisBtn.active,
.ThisBtn.disabled,
.ThisBtn[disabled]{ color:#fff; text-decoration:none; }

.ThisBtn-sm { height:30px; font:normal 16px/26px Arial; }

.radius20 { border-radius:20px; }

/*bootstrap-awesome-checkbox.css*/
.radio label::after { width:7px; height:7px; left:5px; top:5px; }

/*.control-label { outline:none; blr:expression(this.onFocus=this.blur()); }*/
input[type="radio"],
input[type="checkbox"],
.checkbox input[type="checkbox"]:focus + label::before,
.checkbox input[type="radio"]:focus + label::before,
.radio input[type="radio"]:focus + label::before { outline:none; outline-color:transparent; }
/*
|--------------------------------------------------------------------------
| page main frame
|--------------------------------------------------------------------------
*/
.main_content{ margin:0 auto;_clear:both; zoom:1; }

@media (max-width:413px) {
.main_content{ min-width:calc(320px + (100vw - 100%)); }
}

/*.body-responsive .main_content{ min-width:320px; }*/

/*----------------------------------------------------------------*/
.icon-hot { width:14px; height:17px; display:inline-block; background:url(base/hot.gif) no-repeat 0 0; vertical-align:middle;}
.the-ico-mark { display:inline-block; vertical-align:middle; background:url(base/sign_mark.png) no-repeat 0 0; width:13px; height:13px; }
.menu-disc { background: url(base/sign_disc.png) no-repeat 6px 8px; }
.icon-angle-down { display:inline-block; width:13px; height:7px; background:url(base/tabs_3.gif?v=1013) no-repeat 0 0;)}
/*SVG*/
.SVG-SHARE { display:inline-block; min-width:20px; padding-top:22px; background:url('/desktop/img/svg/svg-share.svg') no-repeat center top;}
.SVG-SHARE-O { display:inline-block; min-width:20px; padding-top:24px; background:url('/desktop/img/svg/svg-share-o.svg?v=1') no-repeat center top / cover;}
/*----------------------------------------------------------------*/
.BreadcrumbBox { border-bottom:none; padding:22px 0 14px 0; }
.BreadcrumbBoxBG { min-width:320px; margin:0 auto; } 
/*breadcrumb*/
.breadcrumb{ width:100%; padding:0; color:#666; background-color:#fff; border-bottom:1px solid #ddd; margin:0; border-radius:0; background-color:transparent;}
.breadcrumb * { line-height:1.8rem;}
.breadcrumb > li { padding-right:5px; }
.breadcrumb > li + li:before { color:#666; content:"›"; position:relative; top:-1px; padding:0 5px 0 0; }
.breadcrumb > li a			 { color:#666; display:inline-block; line-height:1.8rem; }

.breadcrumb > li:nth-child(1), .breadcrumb > li:nth-child(1) a { color:#333; }
.breadcrumb > li:nth-child(2), .breadcrumb > li:nth-child(2) a { color:#555; }
.breadcrumb > li:nth-child(2+n), .breadcrumb > li:nth-child(2+n) a { color:#666; }

/*
#countItems { color:#666; }
#countItems:before { color:#666; content:"›"; position:relative; top:-1px; padding:0 6px 0 7px; }
*/

@media (max-width: 991px) { 
.BreadcrumbBox { border-bottom:none; padding:17px 0 15px 0; }
}

/*
|--------------------------------------------------------------------------
|linear-gradient-gray
|--------------------------------------------------------------------------
*/
.linear-gradient-gray {
	background-color: #f7f7f7;
	background-image: -moz-linear-gradient(top,#fff,#ececec);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#ececec));
	background-image: -webkit-linear-gradient(top,#fff,#ececec);
	background-image: -o-linear-gradient(top,#fff,#ececec);
	background-image: linear-gradient(to bottom,#fff,#ececec);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffececec',GradientType=0);
}

.linear-gradient-gray-inverse {
	background-color: #f7f7f7;
	background-image: -moz-linear-gradient(top,#ececec,#fff);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#ececec),to(#fff));
	background-image: -webkit-linear-gradient(top,#ececec,#fff);
	background-image: -o-linear-gradient(top,#ececec,#fff);
	background-image: linear-gradient(to bottom,#ececec,#fff);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffececec',endColorstr='#ffffffff',GradientType=0);
}


/*
|--------------------------------------------------------------------------
| 综合解决问题
|--------------------------------------------------------------------------
*/
/*动画：延迟显示，for掠过加载抖动*/
.NoJitter {
animation:fadeInAnimation ease 0.3s;
animation-iteration-count:1;
animation-fill-mode:forwards;
animation-delay:0.8s;opacity:0;
}
@keyframes fadeInAnimation{0% {opacity: 0;}100% {opacity: 1;}}

/*解决modal-open时body的padding-right:17px(占位滚动条) 对处于position:absolute的页眉无作用*/
/*参考子串匹配属性选择器https://www.w3school.com.cn/css/css_selector_attribute.asp*/
																	
/*虽然modal自带padding-right:17,抵消滚动条消失，但不适用于position:fixed;的元素, 于是，我增加ShakeClear外壳*/
/*PC模式下，当modal打开, 这里先右外移，下方再做右内补丁抵消(这样可以做到通用性，而且因为手机模式bootstrap没有补丁，而下方选择器，只能在PC模式下选择到元素)*/
/*但注意，ShakeFixed不要赋予在 可能fixed的元素外壳上，因为它的是否一直fixed的状态不固定, 也不能赋在含有padding，margin的元素上，最好赋在空外壳上*/
/*
body.modal-open[style^=padding-right] #TopHeadBar,
body.modal-open[style^=padding-right] #TheHeader,
body.modal-open[style^=padding-right] #SubHeadBar,
body.modal-open[style^=padding-right] .BottomSiteBar,
body.modal-open.body-cate.Device-lg[status-scroll=ScrollDown] .SortBar,
*/

/*【目前最有心得的modal防抖】最后试下来，给modal打开时，宽度充满全屏，自身本身没有padding的元素(若有请尝试绑在子网页padding的子元素上身上)，绑上 100vw视口宽度，右内间距即可
body.modal-open[style^=padding-right] {}
*/
/*ShakeFixed for通栏*/					body.modal-open[style^=padding-right] .ShakeFixed { padding-right:17px !important; /*margin-right:-17px !important;*/ width:100vw !important; }
/*ShakeFixedInner for内栏 下滚时防抖*/	body.modal-open[style^=padding-right][status-scroll=ScrollDown] .ShakeFixedInner { padding-right:17px !important; /*margin-right:-17px !important;*/ width:100vw !important; }
/*回滚时(在原位)不用防抖				body.modal-open[style^=padding-right][status-scroll=ScrollBack] .ShakeFixedInner:not(body.modal-open[style^=padding-right][status-top=top] .ShakeFixedInner){ padding-right:17px !important; width:100vw !important; }*/

@media (min-width:992px){
/*PC用*/
body { overflow-y:scroll; overflow-x:hidden; } /*正常加载时，始终显示滚动条，及时内容完全在窗口内，也有滚动条占位*/
.ShakeClear { margin-left:0; } /*所以正常情况下，不再需要补滚动条的差了，当模态框弹出时，会补一个右内边距，抵消弹窗暂时隐去的滚动条*/
#TheHeader .ShakeClear { margin-right:calc(100% - 100vw);} /*但因为页眉改成了flex布局，所以正常情况下，让其有一个右负外边距，向右扩增一个滚动条宽度*/
body.modal-open #TheHeader .ShakeClear { /*margin-right:0;*/} /*当模态框弹出，增加抵消模拟滚动条的右内间距的时候，将页眉的右负外边距取消，也就是不再扩增，用来以抵消增加的右内间距*/
#TheHeaderBG { padding:0 70px 0 60px; } /*基于上述，关于平时右负外边距的扩增宽度，页眉平衡数值，左右内间距，有一个差值*/ 

#TheHeaderBG .LogoBox { width:204px; flex-shrink:0; } /*flex布局针对响应式，在非移动设备模式下，父级定宽会出问题，所以采用具体元素身上，设宽，赋予压缩空间的属性*/
.HeaderCard-r		  { width:240px; /*width:166px;*/ flex-shrink:0; } /*flex布局针对响应式，在非移动设备模式下，父级定宽会出问题，所以采用具体元素身上，设宽，赋予压缩空间的属性*/

.ShakeClear-MainContent { padding:0 20px; }

.HeaderCard-r > li > a,
.HeaderCard-r > li > #CartBox > a.shopping_cart { width:44px; text-align:center; position:relative; top:6px; }

.HeaderCard-r > li > a#AccountCardTitle { }
}
@media (min-width:992px) and (max-width:1079px){
/*#TheHeaderBG { padding:0 30px 0 20px; }*/ /*基于上述，关于平时右负外边距的扩增宽度，页眉平衡数值，左右内间距，有一个差值*/ 
}

@media (max-width: 991px){
body { overflow-x:hidden; }
.ShakeClear { margin-left:0; } /*所以正常情况下，不再需要补滚动条的差了，当模态框弹出时，会补一个右内边距，抵消弹窗暂时隐去的滚动条*/
#TheHeader-Mobile .ShakeClear { margin-right:calc(100% - 100vw);} /*但因为页眉改成了flex布局，所以正常情况下，让其有一个右负外边距，向右扩增一个滚动条宽度*/
body.modal-open #TheHeader-Mobile .ShakeClear { margin-right:0;} /*当模态框弹出，增加抵消模拟滚动条的右内间距的时候，将页眉的右负外边距取消，也就是不再扩增，用来以抵消增加的右内间距*/
.TheHeader-Mobile #TheHeaderBg { /*padding-right:16px;*/} /*基于上述，关于平时右负外边距的扩增宽度，页眉平衡数值，左右内间距，有一个差值*/ 

/*解决modal-open时body的padding-right:17px(占位滚动条) 对处于position:absolute的页眉无作用*/
.body-pc.modal-open .ThemeMenuWrap { padding-right:17px; }
}


/*
|--------------------------------------------------------------------------
| 页眉回滚
|--------------------------------------------------------------------------
*/
@media (min-width: 992px) {
#TheHeader.PositionFixed { top:0; /*-webkit-transform: translate( 0, 44px); -ms-transform: translate( 0, 44px); transform: translate( 0, 44px);*/ }
}

@media (max-width: 991px) {
#TheHeader-Mobile.PositionFixed	{ top:0; /*-webkit-transform: translate( 0, 38px); -ms-transform: translate( 0, 38px); transform: translate( 0, 38px);*/ }
}

/*加的时候再调试*/
/*#FixedCate.FixedCateBar { top:0; -webkit-transform: translate( 0, 89px); -ms-transform: translate( 0, 89px); transform: translate( 0, 89px); }*/

#FixedCate,
#TopHeadBar.PositionFixed,
#TheHeader-Mobile.PositionFixed,
#TheHeader.PositionFixed,
.SideBarOffset,
.SideBarOffsetBack {
  -webkit-transition: -webkit-transform 0.3s ease-out;
     -moz-transition: -moz-transform 0.3s ease-out;
       -o-transition: -o-transform 0.3s ease-out;
          transition: transform 0.3s ease-out;
}
/*
|--------------------------------------------------------------------------
| Flex Width
|--------------------------------------------------------------------------
*/

/*
|--------------------------------------------------------------------------
| skin.css header & footer 1197- 2220(MoreWidth)
| Mobile Menu x 2 (2679-2920) before Modal-Bag
| something special (3692-3735)
|--------------------------------------------------------------------------
*/

/*
|--------------------------------------------------------------------------
| MoreWidth
|--------------------------------------------------------------------------
*/
.ResponsiveHide { display:block !important; }
.ResponsiveShow { display:none !important; }
.body-responsive .ResponsiveHide { display:none !important; }
.body-responsive .ResponsiveShow { display:block !important; }


/*
|--------------------------------------------------------------------------
| MoreWidget
|--------------------------------------------------------------------------
*/
.NoDataConent { font-size:1.4rem; }


.ThemeMainWrapper .CateBoxTitle { margin:32px 0 13px 0; }
.ThemeMainWrapper .CateBoxTitle .heading-title { line-height:1; margin:0; font-family:'Domaine Display','Bodoni 72','Times New Roman',Times,'Droid Serif',serif; }
.ThemeMainWrapper .CateBoxTitle .heading-title em { line-height:1; position:relative; top:-4px; }

/*
<div class="ThemeCateBanner"><div class="ThemeCateBannerBG">
	<div class="ThemeCateBannerTitle Domaine">Title</div>
	#include#
</div></div>
*/
.ThemeCateBanner { position:relative; padding:2px; margin:0 auto 20px auto; /*margin:32px auto 20px auto;*/ background-color:rgba(248,179,174,0.5); max-width:600px; }

.ThemeCateBannerBG { background-color:#fff; padding:10px; }
.ThemeCateBannerBG .NavList { margin:0;}
.ThemeCateBannerBG .NavList ul li { border:none; }
.ThemeCateBannerBG .NavList ul li.selected { background-color:transparent;}
.ThemeCateBannerBG .NavList ul li.selected a { background-color:transparent; color:#000;}
.ThemeCateBannerBG .NavList ul li.selected a em { font-weight:bold; text-decoration:underline; }

.ThemeCateBannerTitle {  text-align:center; font-size:20px; margin-bottom:10px; }



/*
|--------------------------------------------------------------------------
| JumoShow(cookie)
|--------------------------------------------------------------------------
*/
/*define modal-middle*/
/*.modal-middle.modal-default.fade .modal-dialog { top:50%; transform: translate(0,-50%);}*/
.modal-middle.modal-default {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; justify-content:center;}
.modal-middle.modal-default .modal-dialog { height:auto;/*it's important*/ top:unset; /*flex-direction: column;*/ transform:translate(0,0);/*forbid moving in*/ }
.modal-middle.modal-default.show { display:flex !important;}

.modal-middle.modal-default.fade .modal-dialog { height:100%;/*it's important*/ top:unset; display:flex; justify-content:center; align-items:Center; /*flex-direction: column;*/ transform:translate(0,0);/*forbid moving in*/ }


.modal-JumpShow.modal-default .modal-dialog { /*max-width:640px;*/ }
.modal-JumpShow .modal-content { border:none; }
.modal-JumpShow .modal-body { padding:0; }
.modal-JumpShow .modal-body .SignClose { padding:0 10px 20px 20px; }

#modal-JumpShow-Register {  }
#modal-JumpShow-Register.modal-default.fade .modal-dialog { max-width:766px;  }
#modal-JumpShow-Register .modal-content { position:relative; width:100%; max-width:766px; background-color:#ffd5d6; }
#modal-JumpShow-Register .modal-body { height:100%; padding:5px; }
#modal-JumpShow-Register .modal-body .SignClose { padding:10px 20px 20px 20px; }

/*JumpShow-RegisterBox*/

#modal-JumpShow-Register .modal-body .TheTitle { position:absolute; top:140px; text-align:center; width:100%; font-size:44px; }
#modal-JumpShow-Register .modal-body .TheIntro { position:absolute; top:180px; text-align:center; width:100%; font-size:1.4rem; }
#modal-JumpShow-Register .modal-body .TheObject { width:260px; height:104px; position:absolute; left:50%; top:224px; margin-left:-130px; }
#modal-JumpShow-Register .modal-body .TheObject em { float:left; width:60px; height:100%; writing-mode:tb-rl; font-size:1.4rem; line-height:60px; text-align:center; }
#modal-JumpShow-Register .modal-body .TheObject span { float:left; width:200px; height:100%; text-align:center; font-size:50px; line-height:100px; font-weight:bold;  }
#modal-JumpShow-Register .modal-body .btn-GetCoupons { position:absolute; left:50%; top:370px; width:170px; margin-left:-85px; }


#modal-JumpShow-Register .modal-body .TheTitleA { text-align:center; width:100%; font-size:20px; font-weight:bold; padding-top:30px;}
#modal-JumpShow-Register .modal-body .TheTitleB { text-align:center; width:100%; font-size:19px; padding-top:14px; }

#modal-JumpShow-Register .modal-body .TheContent { text-align:center; border:1px solid #000; padding-bottom:20px;}
#modal-JumpShow-Register .modal-body .TheContent .TheContentBG { padding-top:30px; display:flex; justify-content:center; align-items:Center; /*for children middle*/ }

#modal-JumpShow-Register .modal-body .TheContent-line { float:left; margin:0 35px; width:1px; height:70px; background-color:#ccc; }
#modal-JumpShow-Register .modal-body .TheContentBG .title-lg { letter-spacing:-4px; }
#modal-JumpShow-Register .modal-body .TheContentBG .title-sm { font-size:1.4rem; line-height:1; }

#modal-JumpShow-Register .modal-body .TheContent .TheContent-l { float:left; width:160px; }
#modal-JumpShow-Register .modal-body .TheContent .TheContent-l .title-lg { font-size:60px; line-height:50px;  }
#modal-JumpShow-Register .modal-body .TheContent .TheContent-l .title-lg em { font-size:38px; position:relative; top:-7px; }
#modal-JumpShow-Register .modal-body .TheContent .TheContent-l .title-lg sm { font-size:2.4rem; }
#modal-JumpShow-Register .modal-body .TheContent .TheContent-l .title-sm { }

#modal-JumpShow-Register .modal-body .TheContent .TheContent-c { float:left; width:154px;}
#modal-JumpShow-Register .modal-body .TheContent .TheContent-c .title-lg { font-size:52px; line-height:40px; }
#modal-JumpShow-Register .modal-body .TheContent .TheContent-c .title-lg > em { font-size:38px; display:block;}
#modal-JumpShow-Register .modal-body .TheContent .TheContent-c .title-sm { }

#modal-JumpShow-Register .modal-body .TheContent .TheContent-r { float:left; width:120px;}
#modal-JumpShow-Register .modal-body .TheContent .TheContent-r .title-lg { font-size:70px; line-height:66px; display:block;  }
#modal-JumpShow-Register .modal-body .TheContent .TheContent-r .title-lg > span { display:inline-block; margin-left:4px; }
#modal-JumpShow-Register .modal-body .TheContent .TheContent-r .title-lg > span > em { display:block; line-height:1; }
#modal-JumpShow-Register .modal-body .TheContent .TheContent-r .title-lg > span > .em-t { font-size:34px;}
#modal-JumpShow-Register .modal-body .TheContent .TheContent-r .title-lg > span > .em-b { font-size:2.4rem; }

#modal-JumpShow-Register .modal-body .TheContent .TheContent-r .title-sm .title-sm-1  {}
#modal-JumpShow-Register .modal-body .TheContent .TheContent-r .title-sm .title-sm-2 { font-size:16px; }

#modal-JumpShow-Register .modal-body .TheContent .TheBtn  { padding-top:30px; padding-bottom:20px;}
#modal-JumpShow-Register .modal-body .TheContent .TheNote { font-size:15px; }

#modal-JumpShow-Register .modal-body .TheContent-Touch { text-align:center; border:1px solid #000; padding-bottom:20px;}
#modal-JumpShow-Register .modal-body .TheContent-Touch .TheContentBG { display:inline-block; text-align:left; padding-top:25px; margin-left:-5px; margin-bottom:0; }
#modal-JumpShow-Register .modal-body .TheContent-Touch .TheContent-l {}
#modal-JumpShow-Register .modal-body .TheContent-Touch .TheContent-c {}
#modal-JumpShow-Register .modal-body .TheContent-Touch .TheContent-r {}
#modal-JumpShow-Register .modal-body .TheContent-Touch .TheBtn  { padding-top:24px; padding-bottom:20px;}
#modal-JumpShow-Register .modal-body .TheContent-Touch .TheNote { font-size:1.4rem; }


@media (max-width:767px){
#modal-JumpShow-Register.modal-default.fade .modal-dialog { max-width:380px;  }
#modal-JumpShow-Register .modal-content { max-width:380px; }
#modal-JumpShow-Register .modal-body .TheTitleA { font-size:17px; }
#modal-JumpShow-Register .modal-body .TheTitleB { font-size:16px; }
#modal-JumpShow-Register .modal-body .SignClose { padding:0px 10px 20px 20px; }

}

@media (max-width:350px){
#modal-JumpShow-Register .modal-content { }
#modal-JumpShow-Register .modal-body .TheTitleA { font-size:16px; }
#modal-JumpShow-Register .modal-body .TheTitleB { font-size:15px; }
#modal-JumpShow-Register .modal-body .TheContent-Touch .TheContentBG { font-size:1.4rem;}
#modal-JumpShow-Register .modal-body .SignClose { padding:0px 10px 20px 20px; }
}

@media (min-width:992px){
.CornerClose.CornerClose-Touch { display:none !important; }
.CornerClose.CornerClose-PC { display:inline-block !important; }

}

@media (max-width:991px){
.CornerClose.CornerClose-Touch { display:inline-block !important; }
.CornerClose.CornerClose-PC { display:none !important; }
}




/*Renew RecentViewed for paint*/
#RecentViewed-Side .RecentViewedTitle-Side { text-align:center; }

#RecentViewed-Side .swiper-container-ProdBoard .w-productList .proImg   { padding-bottom:133.333333%; position:relative; }
/*#RecentViewed-Side .swiper-container-ProdBoard .w-productList .proImgBG { position:absolute; left:0; top:0; width:100%; height:100%; max-width:100%; max-height:100%; background-color:#fbfbfb; display:flex; align-items:center; justify-content:center; }*/
#RecentViewed-Side .swiper-container-ProdBoard .w-productList .proImg img { width:100%; display:inline; position:absolute; left:0; top:50%; transform:translate(0,-50%); }
#RecentViewed-Side .swiper-container-ProdBoard .w-productList .proInfo { display:none; }

#RecentViewed-Side .swiper-button-prev,
#RecentViewed-Side .swiper-button-next { top:50%; margin-top:-18px; }


/*
|--------------------------------------------------------------------------------------
| 表单 上滑1   在click(点击) focus(入焦) input(输入) 就是 :focus; 有值没值，就是:valid
|--------------------------------------------------------------------------------------
*/
/*:valid(合法值) :invalid(非法值，例如带有 min 和 max 属性的输入元素，没有合法电子邮件的 email 字段或没有数值的 number 字段等)*/

.TheForm dd { }
.TheForm dd input  { width:100%; height:45px;}
.TheForm dd select { width:100%; height:45px;}

.TheForm dd label { z-index:1; display:flex; align-items:center; width:calc(100% - 6px);  line-height:1; color:#bbb; margin:0; }  
.TheForm dd label .required   { display:inline-block; line-height:1; height:5px; /*padding-left:5px;*/ padding-right:0; position:relative; top:-1px; }  
.TheForm dd label .InputTitle { display:inline-block; line-height:1; white-space:nowrap; }  
.TheForm dd label .InputInfo  { display:inline-block; line-height:1; padding-left:10px; font-size:1.3rem; font-weight:normal; }  

.TheForm dd .chosen-container { width:100% !important; }
/**/
.TheForm dd .form-floating > .form-control:not(:-moz-placeholder-shown) ~  label .InputInfo { display:none; }
.TheForm dd .form-floating > .form-control:focus ~ label .InputInfo,
.TheForm dd .form-floating > .form-control:not(:placeholder-shown) ~ label .InputInfo,
.TheForm dd .form-floating > .form-select ~ label .InputInfo { display:none; }
.TheForm dd .form-floating > .form-control:-webkit-autofill ~ label .InputInfo { display:none; }

 /*(placeholder是实际的占位文本) :placeholder-shown检查输入状态为空时,:not(:placeholder-shown)检查输入状态不为空时*/ 
.TheForm dd .form-floating > label,
.TheForm dd .form-floating > .form-control { padding-left:1rem; }

.TheForm dd .form-floating > .form-control:not(:-moz-placeholder-shown) { }
.TheForm dd .form-floating > .form-control:focus,
.TheForm dd .form-floating > .form-control:not(:placeholder-shown)		{ /*padding-top:1.625rem; padding-bottom:0.625rem;*/ } 
.TheForm dd .form-floating > .form-control:-webkit-autofill { }
.TheForm dd .form-floating > .form-select { }

.TheForm dd .form-floating > .form-control:not(:-moz-placeholder-shown) ~ label { opacity:1; transform:scale(0.9) translateY(-0.8rem) translateX(0); }
.TheForm dd .form-floating > .form-control:focus ~ label,
.TheForm dd .form-floating > .form-control:not(:placeholder-shown) ~ label,
.TheForm dd .form-floating > .form-select ~ label { opacity:1; transform:scale(0.9) translateY(-0.8rem) translateX(0); } 
.TheForm dd .form-floating > .form-control:-webkit-autofill ~ label { opacity:1; transform:scale(0.9) translateY(-0.8rem) translateX(0); /*opacity:0.65; transform:scale(0.9) translateY(-0.5rem) translateX(0.15rem);*/ }


.TheForm dd .question-tooltip,   .TheForm dd .question-modal   { position:absolute; right:9px; top:14px; z-index:2; }
.TheForm dd .question-tooltip i, .TheForm dd .question-modal i { font-size:1.8rem; color:#ccc; }

/*PC*/	.TheForm dd .question-tooltip { display:none;}
/*MB*/	.TheForm dd .question-modal   { display:none;}

.tooltip-info + .tooltip.top { margin-top:-5px;}
.body-PC .tooltip-address  { /*display:none;*/}
.body-PC .tooltip-address1 { /*display:none;*/}
.body-PC .tooltip-phone ~ label .InputInfo {  /*display:none;*/  }

.body-Mobile .tooltip-address  ~ label .InputInfo {  /*display:none;*/  }
.body-Mobile .tooltip-address1 ~ label .InputInfo {  /*display:none;*/  }
.body-Mobile .tooltip-phone    ~ label .InputInfo {  /*display:none;*/ }	
@media (max-width: 574px){ dl#tr_id_shipping_address  .question-modal, dl#tr_id_billing_address  .question-modal { display:inline-block; }}
@media (max-width: 469px){ dl#tr_id_shipping_address1 .question-modal, dl#tr_id_billing_address1 .question-modal { display:inline-block; }}
@media (max-width: 405px){ dl#tr_id_shipping_phone    .question-modal, dl#tr_id_billing_phone    .question-modal { display:inline-block; }}

.MakeDefaultWidget {}
.MakeDefaultWidget label { display:flex; align-items:center; }
.MakeDefaultWidget .fa-toggle-on, .MakeDefaultWidget .fa-toggle-off { font-size:20px; float:right;}
.MakeDefaultWidget .fa-toggle-on  { color:#83B293; }
.MakeDefaultWidget .fa-toggle-off { color:#ccc; }
.MakeDefaultWidget label i.CheckBox { /*display:none;*/ }

.MakeDefaultWidget.selected {}


/*手机模式，底线风格 :not(PC模式下排除账单页的临界点页宽以下)*/
.body-UnderEdge:not(.body-CartConfirm.body-PC.body-UnderEdge) .modal .TheForm {  }
.body-UnderEdge:not(.body-CartConfirm.body-PC.body-UnderEdge) .TheForm dl#tr_id_shipping_firstname,
.body-UnderEdge:not(.body-CartConfirm.body-PC.body-UnderEdge) .TheForm dl#tr_id_shipping_lastname,
.body-UnderEdge:not(.body-CartConfirm.body-PC.body-UnderEdge) .TheForm dl#tr_id_shipping_state,
.body-UnderEdge:not(.body-CartConfirm.body-PC.body-UnderEdge) .TheForm dl#tr_id_shipping_city,
.body-UnderEdge:not(.body-CartConfirm.body-PC.body-UnderEdge) .TheForm dl#tr_id_shipping_zipcode,
.body-UnderEdge:not(.body-CartConfirm.body-PC.body-UnderEdge) .TheForm dl#tr_id_shipping_phone,
.body-UnderEdge:not(.body-CartConfirm.body-PC.body-UnderEdge) .TheForm dl#tr_id_billing_firstname,
.body-UnderEdge:not(.body-CartConfirm.body-PC.body-UnderEdge) .TheForm dl#tr_id_billing_lastname,
.body-UnderEdge:not(.body-CartConfirm.body-PC.body-UnderEdge) .TheForm dl#tr_id_billing_state,
.body-UnderEdge:not(.body-CartConfirm.body-PC.body-UnderEdge) .TheForm dl#tr_id_billing_city,
.body-UnderEdge:not(.body-CartConfirm.body-PC.body-UnderEdge) .TheForm dl#tr_id_billing_zipcode,
.body-UnderEdge:not(.body-CartConfirm.body-PC.body-UnderEdge) .TheForm dl#tr_id_billing_phone { float:none; width:100%; } 

.body-UnderEdge:not(.body-CartConfirm.body-PC.body-UnderEdge) .TheForm dl input[type=text],
.body-UnderEdge:not(.body-CartConfirm.body-PC.body-UnderEdge) .TheForm dl select { border-top:none; border-left:none; border-right:none; }

.body-UnderEdge:not(.body-CartConfirm.body-PC.body-UnderEdge) .TheForm dl .form-control:focus{ border:none; border-bottom:1px solid #ddd; box-shadow:none;}
.body-UnderEdge:not(.body-CartConfirm.body-PC.body-UnderEdge) .TheForm dl dd { margin-bottom:0; }

.body-UnderEdge:not(.body-CartConfirm.body-PC.body-UnderEdge)  .TheForm .MiscNewCheckBox { margin-top:10px; }

.chosen-container-single .chosen-search input[type="text"] { padding:4px 20px 4px 5px !important; height:34px !important;}
/*
|--------------------------------------------------------------------------
| 表单 上滑2
|--------------------------------------------------------------------------
*/
li .LabelName {  display:block; width:calc(100% - 6px); vertical-align:middle; position:absolute; height:45px; top:0; left:2px; z-index:1; line-height:1; color:#bbb; margin:0;  
display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;
-webkit-transform: translate( 0, 0); -ms-transform: translate( 0, 0); transform: translate( 0, 0);  
  -webkit-transition: -webkit-transform 0.3s ease-out;  
     -moz-transition: -moz-transform 0.3s ease-out;  
       -o-transition: -o-transform 0.3s ease-out;  
          transition: transform 0.3s ease-out;  
}  
li .LabelName + b { display:block; } /*这个b标签，脚本给构造成的其他的具体内容所以不能忽略它被重构前的样式 t0下的script.js搜.OlForm ol li*/ 
li .LabelName .required   { display:inline-block; line-height:1; height:5px; padding-left:9px; padding-right:0; position:relative; top:-1px; }  
li .LabelName .InputTitle { display:inline-block; line-height:1; white-space:nowrap; }  
li .LabelName .InputInfo  { display:inline-block; line-height:1; padding-left:10px; font-size:1.4rem; font-weight:normal; width:calc(100% - 114px);}  
  
li .InputShow:valid ~ .LabelName,  /*记住账户信息的浏览器，在登录页，不入焦不点击等情况下，自动填表（此时的input框内的标题名不自动弹起）*/
li .LabelShow { color:#bbb; height:auto; top:14px;
-webkit-transform: translate( 0, -8px); -ms-transform: translate( 0, -8px); transform: translate( 0, -8px);  
  -webkit-transition: -webkit-transform 0.3s ease-out;  
     -moz-transition: -moz-transform 0.3s ease-out;  
       -o-transition: -o-transform 0.3s ease-out;  
          transition: transform 0.3s ease-out;  
}  
li .LabelShow .InputTitle { font-size:1.3rem; }
li .LabelShow .InputInfo { display:none; }  

li .InputShow { padding:10px 6px 3px 10px !important; height:45px; }  
li input { width:100%; }
li select { width:100%; }

label[for=id_shipping_address] .InputInfo { width:auto;}

#SignTab ol > li { /*margin-bottom:16px;*/ position:relative; }
#SignTab ol > li > label { padding:0; display:block; text-align:left; }

#SignTab ol > li > div.emailistBox { margin-top:0 !important; top:44px; }


.OlForm ol > li { /*margin-bottom:16px;*/ position:relative; list-style:none !important; }
.OlForm ol > li > label { padding:0; display:block; text-align:left; }
.OlForm ol > li > div.emailistBox { margin-top:0 !important; top:44px; }

.OlForm ol > li li { list-style:none !important; }





/*
|--------------------------------------------------------------------------
| Modal-Bag
|--------------------------------------------------------------------------
*/
/*
.modal-Bag {  top:0; }
.modal-Bag-open .modal-backdrop { top:0; }
@media (min-width:992px) {
.modal-Bag { top:0; }
.modal-Bag-open .modal-backdrop { top:0; }
}
*/
/*初始化*/
.modal-Bag.modal-right .modal-dialog { max-width:380px !important; width:calc(100% - 80px);}
.modal-Bag { overflow-y:hidden !important; /*禁用滚动条*/ }
.modal-Bag .modal-dialog { margin:0 0 0 50px; padding:0; height:100%;/*important*/ width:auto; position:absolute; left:auto;right:0;}
.modal-Bag .modal-dialog .modal-content  { margin:0; padding:0; height:100%;/*important*/ border-radius:0; box-shadow:none !important; border:none !important;}  
.modal-Bag .modal-content { overflow:hidden;}
.modal-Bag .modal-body { position:static; /*this is very important*/ height:100%; padding:0; background-color:#fff; /*use right style to solute strange about height*/ display:flex; flex-direction:column; justify-content: space-between;}

.modal-Bag .ModalCartItemHead {  width:100%; background-color:#fff; border-bottom:none; }
.modal-Bag .ModalCartItemHead .SignDismiss { display:none;}
.modal-Bag .ModalCartItemHead .modal-header-title { font-size:1.8rem; text-align:left; padding:0 10px; font-family:ProximaNova-Bold; font-size:1.6rem !important; letter-spacing:0.1rem; font-weight: normal !important; text-transform:uppercase; }
.modal-Bag .ModalCartItemHead .SignClose { position:absolute; right:5px; top:50%; display:inline-block !important; margin-top:-21px !important; width:40px; height:40px; line-height:40px; text-align:center; }
.modal-Bag .ModalBag-TopBar { width:100%; background-color:#fff; padding:10px 10px; }

@media (min-width: 992px){
.modal-Bag .modal-body { } 
.modal-Bag .ModalCartItemHead { height:80px; }
.modal-Bag .ModalCartItemHead .modal-header-title { line-height:80px; }
.modal-Bag .ModalBag-TopBar { top:80px; }
}

@media (max-width: 991px){
.modal-Bag .modal-body { }  
.modal-Bag .ModalCartItemHead { height:50px; }
.modal-Bag .ModalCartItemHead .modal-header-title { line-height:50px; }
.modal-Bag .ModalBag-TopBar { top:50px; }
}



/*
.modal-Bag,
.modal-Bag.modal-right .modal-dialog { display:block !important;}
*/

.ModalBag-TopBar { text-align:left; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }


.ModalCartItemList { padding:10px 0; /*height:100%; overflow-y:auto; */}

/*位置 大小 间距*/
.ModalCartItemBody .ProdDesc    { width:100%; padding:10px; position:relative; }
.ModalCartItemBody .ProdDesc dl { position:relative; min-height:110px; }
.ModalCartItemBody .ProdDesc dt {  min-height:110px; width:110px; float:left; overflow:hidden;}
.ModalCartItemBody .ProdDesc dd { position:relative; width:calc(100% - 125px); margin-left:15px; min-height:110px;  }
.ModalCartItemBody .ProdDesc .ProdName	 { margin-top:0; padding-right:40px; }
.ModalCartItemBody .ProdDesc .ProdPrice	 { margin:0; padding:0; width:7rem;}
.ModalCartItemBody .ProdDesc .ProdItemView { }
.ModalCartItemBody .ProdDesc .ProdItemView em {margin:0 4px 0 0; }
.ModalCartItemBody .ProdDesc .ProdItemView em:nth-of-type(1) {  }
.ModalCartItemBody .ProdDesc .ProdItemView i:nth-of-type(1) { }
.ModalCartItemBody .ProdDesc .ProdQuant	 { height:2rem; border-radius:6px; padding:0 0.8rem; display:flex; align-items:center; justify-content:center; }
.ModalCartItemBody .ProdDesc .ProdMoveFavorites	{ position:absolute; right:1px; top:81px; }
.ModalCartItemBody .ProdDesc .ProdMoveFavorites a	{ display:inline-flex; align-items:center; }
.ModalCartItemBody .ProdDesc .ProdRemove			{ position:absolute; right:0; top:-1px;}

/*字体字色行高*/
.ModalCartItemBody .ProdDesc dl { }
.ModalCartItemBody .ProdDesc dt { }
.ModalCartItemBody .ProdDesc .ProdName	{ font-size:1.4rem; color:#666; }
.ModalCartItemBody .ProdDesc .ProdName a	{ font-size:1.4rem; line-height:1.2; color:#666;  }
.ModalCartItemBody .ProdDesc .ProdPrice .PriceCartItem { color:#000; font-size:1.4rem; font-weight:bold; }
.ModalCartItemBody .ProdDesc .ProdItemView { color:#666; }
.ModalCartItemBody .ProdDesc .ProdItemView em { color:#666; }
.ModalCartItemBody .ProdDesc .ProdMoveFavorites		{ font-size:1.4rem; }
.ModalCartItemBody .ProdDesc .ProdMoveFavorites > a	{ font-size:1.4rem; color:#ccc; }
.ModalCartItemBody .ProdDesc .ProdRemove				{ }
.ModalCartItemBody .ProdDesc .ProdRemove a			{ color:#ccc; cursor:pointer; }

/*dress站，右滑窗里的加购产品列表, 关于自定义尺码的呈现状况*/
/*bof-------------------------------------------------------------*/
.ModalCartItemBody .ProdDesc .ProdItemView,
.ModalCartItemBody .ProdDesc dd.ProdInfo .ProdInfoBG .ProdOperate { padding-top:1.9rem; }

.ModalCartItemBody .ProdDesc .ProdItemView { padding-top:1.9rem; cursor:pointer; }
.ModalCartItemBody .ProdDesc .ProdItemView .ProdItemViewBG { display:flex; align-items:center; margin-right:0.8rem;}
.ModalCartItemBody .ProdDesc .ProdItemView .ProdItemViewBG em:nth-of-type(1) { margin-right:0.4rem; }
.ModalCartItemBody .ProdDesc .ProdItemView .ProdItemViewBG em:nth-of-type(2) { position:relative; padding-left:1.5rem; }
.ModalCartItemBody .ProdDesc .ProdItemView .ProdItemViewBG em:nth-of-type(2)::before { content:'/'; position:absolute; left:0.3rem; }

.ModalCartItemBody .ProdDesc .ProdItemView .ProdItemViewBG em > b { position:relative; padding-right:0; margin-right:10px; font-weight:normal; }
/*.ModalCartItemBody .ProdDesc .ProdItemView .ProdItemViewBG em > b::before { content:':'; position:absolute; right:-5px; }*/
.ModalCartItemBody .ProdDesc .ProdItemView .ProdItemViewBG > i.fa-angle-down	{ margin-left:0.2rem; }
.ModalCartItemBody .ProdDesc .ProdItemView .ProdItemViewBG em > i.fa-angle-down { margin-left:0.6rem; }
.ModalCartItemBody .ProdDesc .ProdItemView .ProdItemViewBG em:empty { display:none; }
.ModalCartItemBody .ProdDesc .ProdItemView em ~ em { }



@media (max-width:429px){ /*小于该宽度，允许换行，第1个em组宽度100%，去掉斜杠，空元素隐藏*/
.ModalCartItemBody .ProdDesc .ProdItemView .ProdItemViewBG { flex-wrap:wrap; line-height:1.2; }
#modal-Bag .ModalCartItemBody .ProdDesc .ProdItemView,
#modal-Bag .ModalCartItemBody .ProdDesc dd.ProdInfo .ProdInfoBG .ProdOperate { padding-top:1.1rem; }
#modal-Bag .ModalCartItemBody .ProdDesc .ProdItemView .ProdItemViewBG {}
#modal-Bag .ModalCartItemBody .ProdDesc .ProdItemView .ProdItemViewBG > em:nth-of-type(2) { width:100%; }
#modal-Bag .ModalCartItemBody .ProdDesc .ProdItemView .ProdItemViewBG > em:nth-of-type(2) { padding-left:0; }
#modal-Bag .ModalCartItemBody .ProdDesc .ProdItemView .ProdItemViewBG > em:nth-of-type(2)::before { content:''; position:static; }
#modal-Bag .ModalCartItemBody .ProdDesc .ProdItemView .ProdItemViewBG > em > i.fa-angle-down { margin-left:0.8rem; }

#modal-Bag .ModalCartItemBody .ProdDesc .ProdItemNote .marquee-txt > em { letter-spacing:-0.3px; } 
}


.ModalCartItemBody .ProdDesc dd.ProdInfo .ProdInfoBG .ProdOperate { display:flex; align-items:center; }
.ModalCartItemBody .ProdDesc dd.ProdInfo .ProdAction { height:0; }



/*展开内容时*/
.ModalCartItemBody .ProdDesc.active	.ProdItemView {  }
.ModalCartItemBody .ProdDesc.active	dd.ProdInfo .ProdInfoBG .ProdOperate { }
.ModalCartItemBody .ProdDesc.active .ProdItemViewBG + i {transform:rotate(180deg); } 



.ModalCartItemBody .ProdDesc .ProdItemView {}
.ModalCartItemBody .ProdDesc .ProdItemNote { /*display:none;*/ }

.ModalCartItemBody .ProdDesc .ProdItemView .ProdItemNote i { position:static !important; color:#ccc; cursor:default; }
.ModalCartItemBody .ProdDesc .ProdItemView .ProdItemNote:hover i {transform:rotate(90deg); }

.ModalCartItemBody .ProdDesc .ProdItemNote { background-color:#f8f8f8; margin-left:-0.5rem; }
.ModalCartItemBody .ProdDesc .ProdItemNote .marquee-txt { font-size:1.25rem; color:#666; line-height:1.2; padding:4px; letter-spacing:-0.2px; }
.ModalCartItemBody .ProdDesc .ProdItemNote .marquee-txt > em { margin-right:5px; display:inline-block; }
.ModalCartItemBody .ProdDesc .ProdItemNote .marquee-txt > em:last-child { margin-right:0; }
.ModalCartItemBody .ProdDesc .ProdItemNote .marquee-txt > em > b { font-weight:normal; color:#333;  }
.ModalCartItemBody .ProdDesc .ProdItemNote .marquee-txt > em > i { color:#999; }
.ModalCartItemBody .ProdDesc .ProdItemNote:has(.marquee-txt:empty) { display:none !important; }
.ModalCartItemBody .ProdDesc .ProdItemNote .marquee-txt:empty { display:none !important; }
@media (min-width:768px){
.ModalCartItemBody .ProdDesc dd.ProdInfo .ProdInfoBG { }
}
@media (max-width:767px){
.ModalCartItemBody .ProdDesc dd.ProdInfo .ProdInfoBG { padding-right:0.5rem; }
}

/*eof--------------------------------------------------------------*/

/*
.body-Mobile .ModalCartItemBody .ProdDesc { padding:10px 0; }
.body-Mobile .ModalCartItemBody .ProdDesc dd { width:calc(100% - 120px); margin-left:10px; }

@media (max-width: 374px) {
.ModalCartItemBody .ProdDesc dt { width:110px; }
.ModalCartItemBody .ProdDesc dd { width:calc(100% - 125px); margin-left:10px; }

.ModalCartItemBody .ProdDesc dt { min-height:116px;}
.ModalCartItemBody .ProdDesc dd { min-height:116px; }
.ModalCartItemBody .ProdDesc .ProdName			{ height:30px; overflow:hidden; }
.ModalCartItemBody .ProdDesc .ProdPrice			{ }
.ModalCartItemBody .ProdDesc .ProdQuant			{ }
.ModalCartItemBody .ProdDesc .ProdItemView		{ }
.ModalCartItemBody .ProdDesc .ProdMoveFavorites	{ }
.ModalCartItemBody .ProdDesc .ProdRemove			{ }
}
*/

/*综合*/
.ModalCartItemBody .ProdDesc    { border-bottom:1px solid #e6e6e6; display:flex; align-items: start; }
.ModalCartItemBody .ProdDesc:last-child  { border-bottom:none; }
.ModalCartItemBody .ProdDesc dt { float:left; overflow:hidden;}
.ModalCartItemBody .ProdDesc dt a { display:block; width:100%; }
.ModalCartItemBody .ProdDesc dt a .proImg { position:relative; }
.ModalCartItemBody .ProdDesc dt a .proImg .proImgBG		{  }
.ModalCartItemBody .ProdDesc dt a .proImg .proImgBG img	{ width:100%; height:auto; max-width:100%; max-height: 100%;}
/*
.ModalCartItemBody .ProdDesc dt a .proImg { padding-bottom:124%; position:relative; }
.ModalCartItemBody .ProdDesc dt a .proImg .proImgBG		{ position:absolute; left:0; top:0; width:100%; height:100%; max-width:100%; max-height:100%; background-color:#fbfbfb; display:flex; align-items:center; justify-content:center;  }
.ModalCartItemBody .ProdDesc dt a .proImg .proImgBG img	{ position:static; transform:none; width:100%; max-width:100%; max-height: 100%; width:100%; height:auto; }
*/

.ModalCartItemBody .ProdDesc dd { float:left; }
.ModalCartItemBody .ProdDesc .ProdName { line-height:1.2;  white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.ModalCartItemBody .ProdDesc .ProdName a { display:block;text-decoration:none; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
/*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.ModalCartItemBody .ProdDesc .ProdPrice { margin:0; padding:0;}
.ModalCartItemBody .ProdDesc .ProdPrice em { color:#000; }
.ModalCartItemBody .ProdDesc .ProdPrice em:nth-of-type(2)  { color:#000; }
.ModalCartItemBody .ProdDesc .ProdPrice i  { font-style:normal; color:#000;}
/*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.ModalCartItemBody .ProdQuant  { text-align:center;}
.ModalCartItemBody .ProdQuant > em,
.ModalCartItemBody .ProdQuant > span,
.ModalCartItemBody .ProdQuant > span > i { line-height:16px; height:16px; }

.ModalCartItemBody .ProdQuant > em	{ color:#000; display:inline-block; width:26px;  }
.ModalCartItemBody .ProdQuant > em:nth-of-type(2) { text-align:center; }
.ModalCartItemBody .ProdQuant > span { display:inline-block; text-decoration:none; text-align:center; }
.ModalCartItemBody .ProdQuant > span > i { display:block; width:28px; font-size:1.4rem; color:#ccc; border:1px solid #fff; border-radius:50%; font-style:normal; }
.ModalCartItemBody .ProdQuant > span:hover	 { text-decoration:none; }
.ModalCartItemBody .ProdQuant > span:hover > i { }

.ModalCartItemBody .ProdQuant .btn-reduce   { cursor:pointer; }
.ModalCartItemBody .ProdQuant .btn-increase { cursor:pointer; }
.ModalCartItemBody .ProdQuant .btn-reduce   i { font-size:16px; line-height:13px; }
.ModalCartItemBody .ProdQuant .btn-increase i { font-size:16px; line-height:13px; }

.ModalCartItemBody .ProdQuant .btn-reduce   i { width:20px; }
.ModalCartItemBody .ProdQuant .btn-increase i { width:20px; }
/*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.ModalCartItemBody .ProdMoveFavorites > a { line-height:1; min-height:auto; min-width:auto; text-transform:unset;}
.ModalCartItemBody .ProdMoveFavorites > a > i  { font-size:15px; }
.ModalCartItemBody .ProdMoveFavorites > a > em { }
/*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.ModalCartItemBody .ProdDesc .ProdRemove	 > a { cursor:pointer; }
.ModalCartItemBody .ProdDesc .ProdRemove	 > a > i { font-size:17px;}
/*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*属性*/
.ModalCartItemBody .ProdItemView { }
.ModalCartItemBody .ProdItemView em { }						.ModalCartItemBody .ProdItemView em:nth-of-type(1) { }
.ModalCartItemBody .ProdItemView i  { font-style:normal; }	.ModalCartItemBody .ProdItemView i:nth-of-type(1) { }

/*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.ModalCartItemBody .ProdUploadImage { }
.ModalCartItemBody .ProdUploadImage em { white-space:nowrap; float:left;}
.ModalCartItemBody .ProdUploadImage a { width:calc(100% - 96px ); float:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }


#ModalCartItemFoot {  }
#ModalCartItemFoot .CartTotalBox { padding:0 0 15px 0;}
#ModalCartItemFoot .CartTotalBox table { margin:0 auto; /*width:100%;*/ }
#ModalCartItemFoot .CartTotalBox table td { line-height:1; vertical-align:top;  }
#ModalCartItemFoot .CartTotalBox table .td-l {  padding-left:2px;  text-align:right; font-size:1.6rem; font-weight:normal; }  #ModalCartItemFoot .CartTotalBox table .td-l i { /*font-weight:bold;*/}  
#ModalCartItemFoot .CartTotalBox table .td-r {  padding-right:2px; text-align:left;  font-size:1.6rem; font-weight:bold; }
#ModalCartItemFoot .CartTotalBox table .td-r > b { margin-left:3rem; }
#ModalCartItemFoot .CartTotalBox table .tr-CartTotal { /*font-weight:bold;*/ }


#ModalCartItemFoot .ContinueShoppingBox { text-align:center; margin:0 auto; }
#ModalCartItemFoot .btn-ContinueShopping { background-color:transparent; text-decoration:none !important; /*padding:3px 15px 2px 15px;*/ border:none; margin-top:15px; }
#ModalCartItemFoot .btn-ContinueShopping .fa { position:static; }
#ModalCartItemFoot .btn-Checkout { font-size:2.1rem; padding:8px 0; display:flex; align-items:center; justify-content:center;}
#ModalCartItemFoot .btn-Checkout > i { margin-right:1rem; } 
#ModalCartItemFoot .btn-loading { display:block; width:100%; padding-left:0; padding-right:0; border:1px solid #e0e0e0; background:var(--LoadingBG); background-color:var(--LoadingBgColor); border:none; border-color: #989898; border-radius:20px; padding:6px 25px; }
#ModalCartItemFoot .CartItemFootInfo { padding-top:15px; margin:0; }

#ModalCartItemFoot #ApplyCoupon { padding:0 0 15px 0; text-align:center; color:#999; }
#ModalCartItemFoot .CheckoutBtnBox { max-width:100% !important; padding:5px 0 15px 0; }


/*
|--------------------------------------------------------------------------
| WeAccceptBox
|--------------------------------------------------------------------------
*/
#ModalCartItemFoot .WeAccceptBox { }
#ModalCartItemFoot .WeAccceptBox .ThisPageTitleBox { padding-bottom:9px; }
#ModalCartItemFoot .WeAccceptBox .ThisPageTitleBox em { font-size:1.8rem; color:#666; font-family:'Times New Roman',Times,'Droid Serif',serif; }

#ModalCartItemFoot .WeAccceptUL {}
#ModalCartItemFoot .WeAccceptUL  { margin:0 auto; display:flex; align-items:center; justify-content:space-between; }
#ModalCartItemFoot .WeAccceptUL li { float:none; display:inline-block; width:20%; padding:0 4px; margin:0;}
#ModalCartItemFoot .WeAccceptUL li img { max-width:100%; height:2.8rem; }

.ModalCartItemBody { overflow-y:auto; flex:1; }
.ModalCartItemBody::-webkit-scrollbar { width:8px!important}
.ModalCartItemBody::-webkit-scrollbar-thumb { background-color:#DCDCDC; border:1px solid #D0D0D0; border-radius:0; }
.ModalCartItemBody::-webkit-scrollbar-track { background-color:#f4f4f4; }

.ModalCartItemList dl { padding:12px 25px; border-bottom:1px solid #e0e0e0;}
.ModalCartItemList dl:first-child { }
.ModalCartItemList dl:last-child  { /*padding-bottom:25px;*/ border-bottom:1px solid #fff;}
#ModalCartItemFoot    { width:100%; padding:20px 10px; border-top:1px solid #e0e0e0; background-color:#fff; }


@media (min-width: 992px){
.modal-Bag  .ModalBag-TopBar { font-size:1.6rem; }
}



@media (max-width: 991px){
#ModalCartItemFoot .WeAccceptBox { display:none; }
.ModalCartItemBody .ProdDesc    { padding:10px 10px; }
#ModalCartItemFoot #ApplyCoupon { padding-bottom:0;}
}



@media (max-width:413px) {
.modal-Bag .ModalCartItemHead { height:50px; }
.modal-Bag .ModalCartItemHead .modal-header-title { line-height:50px; padding:0 10px; }
.modal-Bag  .ModalBag-TopBar { padding:10px 10px; font-size:1.4rem; }

.ModalCartItemBody .ProdDesc    { padding:10px 10px; }
#ModalCartItemFoot    { padding:20px 10px;  }

.ModalCartItemList dl { font-size:1.4rem; }
.ModalCartItemList dt { width:80px; }
.ModalCartItemList dd { margin-left:80px; }
.ModalCartItemList dd .ProdName { }
.ModalCartItemList dd .ProdItemView {}
.ModalCartItemList dd .ProdItemView em {  }

.ModalCartItemList dd .remove {  }
}
@media (max-width:375px) {
.modal-Bag  .ModalBag-TopBar em { display:none; }

}


.CartWrapper-Empty { padding-top:40px; }
.CartWrapper-Empty .CartWrapperBody { max-width:400px; margin:0 auto; text-align:center; }
.CartWrapper-Empty .CartWrapperICON { margin:0 auto 25px auto; width:80px; height:80px; background:url(/desktop/css/base/bag_header_light.svg?v=0101) no-repeat scroll center center / cover;}
.CartWrapper-Empty .CartWrapperBody .btn { }

.ModalCartEmpty { padding-top:40px; flex:1;/*重要*/ }
.ModalCartEmpty .ModalCartWrapperBody { max-width:400px; margin:0 auto; text-align:center; }
.ModalCartEmpty .CartWrapperICON { margin:0 auto 25px auto; width:80px; height:80px; background:url(/desktop/css/base/bag_header_light.svg?v=0101) no-repeat scroll center center / cover;}
.ModalCartEmpty .ModalCartWrapperBody .btn { }
/*

.modal-Bag .modal-body {
    display: flex;
    min-height: 100%; /×保证父节点至少占满高度×/
    flex-flow: row wrap;/×使用行布局，并可以换行。×/
    width: 300px;
}
.ModalCartItemList {
    width: 100%;
    height: 100px; /×这个高度会不停改变×/
    background: green;
    align-self: flex-start;
}
#ModalCartItemFoot {
    width: 100%;
    height: 50px;
    background: blue;
    align-self: flex-end;
}
*/
.modal-question .modal-dialog  { max-width:280px !important; }

.body-Mobile .question-tooltip { display:none; }
.body-Mobile .modal-question .modal-content { border:none; }
.body-Mobile .modal-question .modal-body    { padding:0;}
.body-Mobile .modal-question .modal-body .QuestionModalContent { padding:30px 18px; }


/*解决弹层叠弹层的问题*/
.modal-question.show { z-index:2001; }
.modal-question.show ~ .modal-backdrop.show{ z-index:2000; }

.modal-question.show .CornerClose { display:inline-block; }


.AngleBox		    { height:51px; overflow:hidden;display:inline-block; :26px; text-align:right; }
.AngleBox .fa		{ font-size:20px; line-height:51px; height:51px; overflow:hidden; }
.AngleBox .fa-angle-down {}
.AngleBox .fa-angle-up { display:none; }


.modal-copy.modal-default .modal-dialog .modal-content { background-color:rgba(0,0,0,.6); max-width:260px; }
.modal-copy.modal-default .modal-dialog .modal-content .modal-body { color:#fff; text-align:center; padding:20px 5px; }

.modal-tips.modal-default .modal-dialog .modal-content { background-color:rgba(0,0,0,.6); max-width:260px; }
.modal-tips.modal-default .modal-dialog .modal-content .modal-body { color:#fff; text-align:center; padding:20px 5px; }

/*返回按钮*/
.btn-BackToAccount,
.btn-BackToAccount * { height:40px;}
.btn-BackToAccount     { background-color:#fafafa; display:block; margin-left:-10px; margin-right:-10px; padding-left:15px; text-decoration:none !important; }
.btn-BackToAccount .fa { font-size:1.8rem;  line-height:1; margin-right:10px; margin-left:7px; position:relative; top:2px; }
.btn-BackToAccount em { font-size:1.4rem; line-height:40px;}


/*手机模式，设置隔离层为白色不透明*/
.body-Mobile.body-modal-FullScreen .modal-backdrop { background-color:#fff; }
.body-Mobile.body-modal-FullScreen .modal-backdrop.show { opacity:1;}
/*手机模式，排除设置隔离层为白色不透明*/
/*为modal赋予class名 modal-unFullScreen */
/*
.body-Mobile .modal-question ~ .modal-backdrop,
.body-Mobile .modal-copy ~ .modal-backdrop,
.body-Mobile .modal-Bag ~ .modal-backdrop,
.body-Mobile .modal-MobileMenuBox ~ .modal-backdrop,
.body-Mobile .modal-mobile-cart ~ .modal-backdrop,
*/
.body-Mobile.body-modal-unFullScreen .modal-backdrop { background-color:#000; }
.body-Mobile.body-modal-unFullScreen .modal-backdrop { opacity:.5; }

/*
.body-Mobile .modal-question.show ~ .modal-backdrop,
.body-Mobile .modal-copy.show ~ .modal-backdrop,
.body-Mobile .modal-Bag.show ~ .modal-backdrop,
.body-Mobile .modal-MobileMenuBox.show ~ .modal-backdrop,
.body-Mobile .modal-mobile-cart.show ~ .modal-backdrop,
*/

/*
|--------------------------------------------------------------------------
| *分页器
|--------------------------------------------------------------------------
*/
.PaginationBox { font-size:16px; text-align:center; position:relative; z-index:1; }
.PaginationBox > .pagination {  }

.PaginationBox > .pagination > .prev,	.PaginationBox > .pagination > .next,
.PaginationBox > .pagination > .prev a,	.PaginationBox > .pagination > .next a,
.PaginationBox > .pagination > .CountOf,
.PaginationBox > .pagination > .CountAll { float:left; font-size:1.4rem; height:30px; line-height:31px; text-decoration:none !important; }
.PaginationBox > .pagination > .CountAll { margin:0 20px 0 8px;}


.PaginationBox > .pagination > .prev > a.disable,
.PaginationBox > .pagination > .next > a.disable { color:#eee; }

.PageWidget { float:left; display:inline-block; margin:0 35px; }
.DropdownPage { float:left; display:inline-block; width:70px; margin:0 10px; border:1px solid #eee; }
.DropdownPageBG { float:none; position:relative;/*position:absolute; top:4px; left:50%; margin-left:-68px;*/ }
.DropdownPageBG button.btn-ShowOptions,		.DropdownPageBG button.btn-PageSort		{ border:none; background-color:#fff; width:100%; height:30px; line-height:30px; text-align:center;}
.DropdownPageBG button.btn-ShowOptions > i,	.DropdownPageBG button.btn-PageSort > i	{ float:right; margin:6px 6px 0 0; }



.DropdownPageBG .dropdown-menu { min-width:auto; width:69px; height:auto; min-height:80px; max-height:260px; font-size:1.4rem; overflow-y:scroll; border-radius:0; margin-top:0; padding:0; left:-1px; text-align:left; }
.DropdownPageBG .dropdown-menu>li>span { padding:7px 10px 7px 21px; display:block; }
.DropdownPageBG .dropdown-menu>li>span:hover,
.DropdownPageBG .dropdown-menu>li>span:focus { color:#262626; text-decoration:none; background-color:#f5f5f5; }
.DropdownPageBG .dropdown-menu>li>a    { padding:11px 10px 11px 21px; display:block;}
.DropdownPageBG .dropdown-menu>li>a:hover, 
.DropdownPageBG .dropdown-menu>li>a:focus { text-decoration:none; }

.DropdownPageBG .dropdown-menu>li.page-active {}
.DropdownPageBG .dropdown-menu>li.page-active>span { background:url(/desktop/img/svg/svg-yes.svg) no-repeat 3px 9px; background-size:22%;}

.CountOf, .CountAll { line-height:30px; }

@media (min-width: 992px){
.PaginationBox { padding-top:40px; }
.PaginationBox > .pagination { float:right; display:block; }
}

@media (max-width: 991px){
.PaginationBox { padding-top:30px; margin-bottom:30px; }
.PaginationBox > .pagination { width:100%; text-align:center; display:block; position:relative; }
.PaginationBox > .pagination > .prev a,
.PaginationBox > .pagination > .next a { border:1px solid #777; padding-left:8px; padding-right:8px; text-decoration:none !importnat; }

.PaginationBox > .pagination > .prev > a.disable,
.PaginationBox > .pagination > .next > a.disable { border:1px solid #eee; }

.PaginationBox > .pagination > .prev { position:absolute; bottom:0; left:3%;  }
.PaginationBox > .pagination > .next { position:absolute; bottom:0; right:3%; }

.PageWidget { float:none; padding-left:20px; margin:0; }
.DropdownPage { float:none; margin-left:0; }



.DropdownPageBG button.btn-PageSort { height:40px; line-height:40px; }
.PaginationBox > .pagination > .prev,	.PaginationBox > .pagination > .next,
.PaginationBox > .pagination > .prev a,	.PaginationBox > .pagination > .next a,
.PaginationBox > .pagination > .CountOf,
.PaginationBox > .pagination > .CountAll { height:40px; line-height:37px; }
.DropdownPageBG button.btn-PageSort > i { margin-top:14px;}
}

@media (max-width: 414px){
.PaginationBox { font-size:15px; }

.PaginationBox > .pagination > .prev a { font-size:1.4rem; line-height:41px; padding:0 6px;}
.PaginationBox > .pagination > .next a { margin-right:0; font-size:1.4rem; line-height:41px; padding:0 6px; }
.PageWidget { padding-left:0; }

}



/*
|--------------------------------------------------------------------------
| *ThemeTop
|--------------------------------------------------------------------------
*/
.ThemeTop .ThemeTop-Title	{ text-decoration:none !important; font-size:16px; display:inline-block; line-height:51px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; justify-content:left;}
.ThemeTop .ThemeTop-Title h1 { margin:0; line-height:51px; text-transform:uppercase;}
.ThemeTop .ThemeTop-Title > .fa { position:relative; top:-2px; left:22px; font-size:2.4rem; margin-right:30px; color:#333; }
.ThemeTop .AngleBox { display:none !important; }

.ThemeMenuWrap .ThemeTop { background:#fff; color:#333; border-bottom:1px solid #e0e0e0; /*margin-left:-10px; margin-right:-10px;*/ }
.ThemeMenuWrap .ThemeTop .ThemeTop-Title h1 { color:#333; width:100%; text-align:center; text-transform:uppercase; text-indent:-20px; }
/*
|--------------------------------------------------------------------------
| *ThemeHead
|--------------------------------------------------------------------------
*/
/*ThemeHead*/
.ThemeHead { position:relative; /*padding:0 22px; padding:0 20px 0 48px; margin-bottom:30px;*/ height:51px;  text-align:center; }
.ThemeHead .SignDismiss { position:absolute; left:0; top:0; width:48px; height:51px; text-align:center; display:none;}
.ThemeHead .SignDismiss .fa { font-size:26px; line-height:51px; }

.ThemeHead .ThemeHead-Title	{ cursor:pointer; text-decoration:none !important; font-size:16px; display:inline-block; line-height:51px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; justify-content:left;}
.ThemeHead .ThemeHead-Title h1 { margin:0; line-height:51px; text-transform:uppercase;}
.ThemeHead .ThemeHead-Title > .fa { position:relative; top:0; left:22px; font-size:2.4rem; margin-right:10px; color:#333; }
.ThemeHead .AngleBox { display:none !important; }

.ThemeHead2IN1 { position:relative; }
.ThemeHead2IN1 .ThemeHead-Title { float:left; width:calc(100% - 80px); padding-left:30px; }
.ThemeHead2IN1 .ThemeHead-Title > .fa { position:absolute; left:22px; top:12px; margin-right:0;}
.ThemeHead2IN1 .ThemeHead-Title h1 { text-indent:0 !important;}
.ThemeHead2IN1 .ThemeHead-Right { float:right; text-align:right; width:80px; padding-right:20px; line-height:54px; height:50px; overflow:hidden; }

.ThemeHead2IN1SVG {}
.ThemeHead2IN1SVG .ThemeHead-Title { width:calc(100% - 46px);}
.ThemeHead2IN1SVG .ThemeHead-Title h1 { text-indent:2px !important;}
.ThemeHead2IN1SVG .ThemeHead-Right { width:46px; }
.ThemeHead2IN1SVG .ThemeHead-Right i { font-size:22px; position:relative; top:13px;}
/*手机菜单下的Account*/
.MobileMenuAccountHead .ThemeHead { background-color:#666; margin-bottom:0; }
.MobileMenuAccountHead .ThemeHead .ThemeHead-Title { color:#fff; text-transform:uppercase; padding-left:20px; }
.MobileMenuAccountHead .ThemeHead .ThemeHead-Title ~ .ThemeMenu { box-shadow:none; }
.MobileMenuAccountHead .ThemeMenu { padding:10px; }
.MobileMenuAccountHead .DD-PASSWORD { display:none; }


.ThemeMenuWrap .ThemeHead { background:#fff; color:#333; /*border-bottom:1px solid #e0e0e0; box-shadow:0 -1px 3px 2px rgba(0,0,0,.15);*/ }
.ThemeMenuWrap .ThemeHead .ThemeHead-Title h1 { color:#333; width:100%; text-align:center; text-indent:-20px; font-family:ProximaNova-SemiBold; font-size:1.8rem !important; letter-spacing:0.1rem; font-weight: normal!important; text-transform:uppercase; } 

.ThemeBody   .ThemeHead { } /*Account Index*/

.ThemeBody   .ThemeMenu { margin:0 10px; }
.ThemeBody	 .ThemeMenu .DD-ACCOUNT { display:block !important; } /*Account Index*/
.ThemeBody	 .ThemeMenu dd.current a { font-weight:bold; background-color:#f2f2f2; }


.ThemeHead-Title ~ .ThemeMenu { display:none; background-color:#fff; width:100%; position: absolute; left:0; top:51px; z-index:1000; padding:10px; margin:0; float:left; min-width:160px; font-size:1.4rem; text-align:left; list-style:none; -webkit-box-shadow:0 5px 6px rgba(0, 0, 0, .15); box-shadow:0 5px 6px rgba(0, 0, 0, .15); }
.ThemeMenu {}
.ThemeMenu dl {}
.ThemeMenu dl dd { margin-bottom:10px;}
.ThemeMenu dl dd:last-child { margin-bottom:0; }
.ThemeMenu dl dd a { height:52px; text-decoration:none !important; background-color:#fff; display:block; width:100%; position:relative; border:1px solid #ddd; padding:1.7rem 0 0 6.4rem; font-size:1.6rem; line-height:1; }
.ThemeMenu dl dd a .fa { position:absolute; left:15px; top:12px; font-size:2.4rem; }
.ThemeMenu dl dd a [class^="icon-"],
.ThemeMenu dl dd a [class^="ico-"],
.ThemeMenu dl dd a [class^="ICO-"],
.ThemeMenu dl dd a .fav-user { position:absolute; left:15px; top:12px; font-size:2.4rem; }

.ThemeMenu dl dd a.SIDE-ICON-FAVORITES .fa { left:13px; }
.ThemeMenu dl dd a.SIDE-ICON-COUPONS   i   { left:13px; font-size:26px; }
.ThemeMenu dl dd a.SIDE-ICON-SETTING.NOTCONFIRMED { position:relative; }
.ThemeMenu dl dd a.SIDE-ICON-SETTING.NOTCONFIRMED span { position:absolute; top:7px;}
.ThemeMenu dl dd a.SIDE-ICON-SETTING.NOTCONFIRMED em   { position:absolute; top:28px;}
.ThemeMenu dl dd a.SIDE-ICON-SETTING   .fav-user { font-size:3rem; left:12px; }
.ThemeMenu dl dd a.SIDE-ICON-PASSWORD  .icon-svg-password { left:11px; font-size:29px; }
.ThemeMenu dl dd a.SIDE-ICON-POSITION  .icon-svg-position { left:14px;}



.ThemeHead>.dropdown-menu { }
.ThemeHead.open>.dropdown-menu { }

.ThemeBody { margin-left:-10px; margin-right:-10px; padding-top:30px;}
.ThemeFoot { }

@media (min-width: 992px){
.ThemeHead,
.ThemeBody { display:none; }
}


.modal-ThemeElement.modal-default.modal-mobile .modal-header { display:block; /*reset about flex*/ height:auto; border:none;}
.modal-ThemeElement.modal-default.modal-mobile .modal-header #TheHeader-Mobile { position:static; }
.modal-ThemeElement.modal-default.modal-mobile .modal-header .ThemeMenuWrap .ThemeHead { margin-left:0; margin-right:0; }
.modal-ThemeElement.modal-default.modal-mobile.modal-right .modal-dialog .modal-body { padding:0 10px; }

.modal-ThemeElement.modal-default.modal-mobile .modal-footer { margin:0; padding:0; border:0; }


@media (min-width:992px) {
.ThemeContentWrap { }
}
@media (max-width: 991px) {
.ThemeContentWrap { padding-left:10px; padding-right:10px; }
}


/*
|--------------------------------------------------------------------------
| ThemeSubPage
|--------------------------------------------------------------------------
*/
.ThemeSubPage    { height:100%; position:fixed; z-index:1002;top:0;bottom:0;left:0;right:0; background-color:#fff;}
.ThemeSubPage > li { display:none; height:100%; background-color:#fff; /*background-color:#f8f8f8;*/}

.ThemeSubPage > li { overflow-y:scroll; }
.ThemeSubPage > li > header { position:relative; padding:0 0 0 26px; height:50px; background-color:#fff; border-bottom:1px solid #ddd; box-shadow:0 -1px 5px 2px rgba(0,0,0,.15);}
.ThemeSubPage > li > header > .fa { position:absolute; left:10px; top:0; font-size:25px; display:inline-block; height:50px; width:24px; padding-top:12px; text-align:center; }
.ThemeSubPage > li > header > em { display:block; line-height:50px; text-align:center; font-size:1.4rem; font-weight:normal; font-family:ProximaNova-SemiBold; font-size:1.8rem; letter-spacing:0.1rem; text-transform:uppercase; }

.ThemeSubPage-Content{ padding:60px 0 15px 0; overflow-y:auto;}
.ThemeSubPage-Content .TheBox { background-color:#fff; border:1px solid #ddd; height:100px; line-height:100px; text-align:center; margin-bottom:15px; font-size:30px; color:#eee;}


/*animition*/
.ThemeSubPage			{-webkit-transform:translateX(110%);transform:translateX(110%);}
.ThemeSubPage-SlideIn	{-webkit-transform:translateX(0);transform:translateX(0); }


.ThemeSubPage > li[data-cate-id=PageCurrency] {}
.ThemeSubPage-Currency { padding:50px 0 15px 0;}
.ThemeSubPage-Currency > a { height:50px; display:flex; align-items:center; justify-content:space-between; padding:0 20px; border-bottom:1px solid #f2f2f2;}
.ThemeSubPage-Currency > a > div { margin-right:15px; display:inline-block; width:46px; height:35px; background-repeat:no-repeat; background-position:0 0; background-size:cover; }
.ThemeSubPage-Currency > a > em	{ flex:1; font-size:1.4rem; }
.ThemeSubPage-Currency > a > i	{ font-size:1.8rem; }

.ThemeSubPage-Language { padding:50px 0 15px 0;}
.ThemeSubPage-Language > a { height:50px;display:flex; align-items:center; justify-content:space-between; padding:0 20px; border-bottom:1px solid #f2f2f2;}
.ThemeSubPage-Language > a > em	{ flex:1; font-size:1.4rem; }
.ThemeSubPage-Language > a > i	{ font-size:1.8rem; }
 

/*
|--------------------------------------------------------------------------
| JustProdList (产品推荐模块，仅列表，非swiper)
|--------------------------------------------------------------------------
*/
.JustProdList.w-productList { margin:0 -40px; }
.JustProdList.w-productList .listBoxs { float:left; margin-bottom:0; /*border-left:1px solid #fff; border-bottom:1px solid #fff;*/}
.JustProdList.w-productList .listBoxs > a {  display:block;}

.JustProdList.w-productList .listBoxs > a > .proImg { padding-bottom:133.333333%; position:relative; }
.JustProdList.w-productList .listBoxs > a > .proImg > .proImgBG { position:absolute; top:0; right:0; bottom:0; left:0; background-color:#fbfbfb; display:flex; align-items:center; justify-content:center; }

.JustProdList.w-productList .listBoxs > a > .proImg img { position:absolute; transform:none; top:0; right:0; bottom:0; left:0; height:100%; width:100%; object-fit:cover; object-position:center center; }
.JustProdList.w-productList .listBoxs .proInfo { height:auto; margin:10px 0 8px 0;}
.JustProdList.w-productList .listBoxs .proInfo .proPrice { height:auto; }

.JustProdList.w-productList .divider {border:none; display:none;}

/*.JustProdList.w-productList .listBoxs:nth-of-type(n+13) { display:none;}*/

@media (min-width: 1784px){
.JustProdList.w-productList { margin:0 -10px; }
.JustProdList.w-productList .listBoxs { width:25%; padding:20px 10px 0 10px;}
.JustProdList.w-productList .divider4 { display:block; }
}

@media (min-width: 1200px) and (max-width:1783px){
.JustProdList.w-productList { margin:0 -10px; }
.JustProdList.w-productList .listBoxs { width:25%; padding:20px 10px 0 10px;}
.JustProdList.w-productList .divider4 { display:block; }
}

@media (min-width:992px) and (max-width:1199px){
.JustProdList.w-productList { margin:0 -15px; }
.JustProdList.w-productList .listBoxs { width:25%; padding:20px 15px 0 15px;}
.JustProdList.w-productList .divider4 { display:block; }

}

@media (min-width:800px) and (max-width:991px){
.JustProdList.w-productList { margin:0 -5px; }
.JustProdList.w-productList .listBoxs { width:25%; padding:10px 5px 0 5px;}
.JustProdList.w-productList .divider4 { display:block; }
}

@media (min-width:580px) and (max-width:799px){
.JustProdList.w-productList { margin:0 -5px; }
.JustProdList.w-productList .listBoxs { width:33.333333%; padding:10px 5px 0 5px;}
.JustProdList.w-productList .divider3 { display:block; }
}

@media (max-width:579px){
.JustProdList.w-productList { margin:0 -5px; }
.JustProdList.w-productList .listBoxs { width:50%; padding:10px 5px 0 5px;}
.JustProdList.w-productList .divider2 { display:block; }
}

#SwiperYouMayLike { box-sizing:border-box; }

#SwiperYouMayLike + .ViewMoreBox { padding-top:17px; padding-bottom:12px; text-align:center;}



/*整体加粗，覆盖写法*/
/*#Review-Side .LineTitleBar em*/


/*PC版：分类页分类名*/
.NewCateHead-Title h1  { /*font-family:ProximaNova-Bold; font-size:1.8rem !important; letter-spacing:0.057rem; font-weight:normal !important;*/}




.ProdPriceDis .ProdPrice .currentPrice strong /*产品页价格*/
{ font-size:1.8rem !important; letter-spacing:0.025rem; font-weight:bold; /*font-family:ProximaNova-SemiBold;*/}
/*

{ font-size:1.8rem; font-family:ProximaNova-SemiBold,sans-serif; font-weight:unset; letter-spacing:0.148rem;}
{  font-family:gibson-light; }

*/
/*recently,
.RecentViewed-Side .RecentViewedTitle-Side em {  font-size:1.6rem; font-family:ProximaNova-Bold; letter-spacing:0.15rem; }

*/




/*通用*/
/*粗体 (弹窗购物车页眉)*/
.PNSemiBold-1P8 { font-family:ProximaNova-SemiBold; font-size:1.8rem !important; letter-spacing:0.1rem; font-weight:normal !important; text-transform:uppercase; }
.PNSemiBold-1P5 { font-family:ProximaNova-SemiBold; font-size:1.5rem !important; letter-spacing:0.1rem; font-weight:normal !important; text-transform:uppercase; }
.PNSemiBold-1P5-NoUppercase { font-family:ProximaNova-SemiBold; font-size:1.5rem !important; letter-spacing:0.1rem; font-weight:normal !important; } /*不设定大写*/
/*粗体 (弹窗购物车的Subtotal/购物车页的Subtotal)*/


.PNSemiBold-1P5-NoLetterSpacing { font-family:ProximaNova-SemiBold; font-size:1.5rem !important; font-weight:normal !important; text-transform:uppercase; }

/*
.modal-Bag .ModalCartItemHead .modal-header-title { font-family:ProximaNova-SemiBold; font-size:1.8rem !important; letter-spacing:0.1rem; font-weight:normal !important; text-transform:uppercase;}
#ModalCartItemFoot .CartTotalBox table .td-l i    { font-family:ProximaNova-SemiBold; font-size:1.4rem !important; letter-spacing:0.1rem; font-weight:normal !important; }
#ModalCartItemFoot .CartTotalBox table .td-r b    { font-family:ProximaNova-SemiBold; font-size:1.4rem !important; letter-spacing:0.1rem; font-weight:normal !important; }

.body-cart #CartItemFoot .CartTotalBox table .tr-CartTotal .td-l i { font-family:ProximaNova-SemiBold; font-size:1.4rem !important;  letter-spacing:0.1rem;  font-weight:normal !important; }
.body-cart #CartItemFoot .CartTotalBox table .tr-CartTotal .td-r b { font-family:ProximaNova-SemiBold; font-size:1.4rem !important;  letter-spacing:0.1rem;  font-weight:normal !important; }
*/

.body-cart .ThisPageTitle,
.body-cart .InfoBox > div,
.body-cart .Total-Title em,
.body-CartConfirm .mBox .mBox-header h3,
.body-CartConfirm.body-Mobile.body-NoAddress .ShowModal-StartAddAddress em,
.OrderInfoCube-BarBG > h3 { font-family:ProximaNova-Bold; font-size:1.6rem !important; letter-spacing:0.1rem; font-weight:normal !important; }

/*
 .UserContent-Title,
 .MyOrdersBox .MyOrdersBox-Title,
 .AccountLeft .ThemeMenu dl dd.current a
{ font-family:ProximaNova-SemiBold; font-size:1.6rem !important; letter-spacing:0.1rem; font-weight:normal !important;}
*/

h2.AccountMainContentTitle
{ font-family:ProximaNova-Bold; font-size:1.8rem !important; letter-spacing:0.1rem; font-weight:normal !important;}


/*分类页related*/
/*
.RelatedSearches-Title { font-size:1.6rem; font-family:ProximaNova-Bold; line-height:1 !important; }
*/

@media (min-width:992px){
/*recently*/
.RecentViewed-Side .RecentViewedTitle-Side em { font-size:1.8rem; line-height:1 !important; letter-spacing:0.1rem;}
}

.PointBox-PC .PointTable thead th { font-family:ProximaNova-Bold; font-weight:normal !important; }
  

 
@media (max-width: 991px) {
/*recently*/	.RecentViewed-Side .RecentViewedTitle-Side em, 
/*手机页脚*/	#TheFooter-Mobile .FooterInfo-Title
{ font-size:1.6rem; /*font-family:ProximaNova-Bold; */ line-height:1 !important; }

	

/*分类页分类名(移动端)*/
.body-cate .heading-title-mobile { font-size:1.8rem; font-family:ProximaNova-SemiBold; font-weight:unset; }


#TheFooter-Mobile .FooterInfo-Title { text-transform:uppercase; font-size:1.6rem; font-weight:normal; }

}  
 




 /*
|--------------------------------------------------------------------------
| 优惠券样式
|--------------------------------------------------------------------------
*/
/*
.CouponWrap {}
.CouponWrap .Coupon {}
.CouponBG { position:relative; min-height:120px; border:4px solid #ffd55d; background:url(/desktop/img/coupon/coupon-bg.png) no-repeat 100% 100% / contain;}
.CouponBG .coupon-text.coupon-type		{ position:absolute; left:22px; top:20px; font-size:20px; }
.CouponBG .coupon-text.discount-threshold { position:absolute; left:22px; top:42px; color:#ff6f00; }
.CouponBG .coupon-text.coupon-target		{ position:absolute; left:22px; top:65px; font-size:1.4rem;}
.CouponBG .coupon-text.coupon-date		{ position:absolute; left:22px; top:82px; font-size:1.4rem;}

.CouponBG .coupon-code	{ position:absolute; right:23px; top:20px; color:#ff6f00; font-size:16px; }
.CouponBG .tag_expire		{ position:absolute; right:23px; top:42px; color:#d53333;}

.CouponBG .coupon-check	{ position:absolute; right:0; bottom:0; width:46px; height:46px; }
.CouponBG .coupon-check .uncheck,
.CouponBG .coupon-check .checked   { width:46px; height:46px; position:absolute; right:0; bottom:0;  }
.CouponBG .coupon-check .uncheck   { background:url(/desktop/img/coupon/coupon-uncheck.png) no-repeat 0 0 /contain;  }
.CouponBG .coupon-check .checked	 { background:url(/desktop/img/coupon/coupon-checked.png) no-repeat 0 0 /contain; }

.CouponBG .DisableReason { font-size:1.4rem; padding:5px 0; display:none;}
.CouponBG .DisableReason i { font-size:1.4rem; margin-right:6px;}
.Coupon.disable { opacity:0.3;}
.Coupon.disable .DisableReason { opacity:0.3; display:block;}


.CouponTab > nav { z-index:2; width:100%; background-color:#fff; }
.CouponTab > nav li { width:50%; float:left; padding:15px 0; text-align:center; }
.CouponTab > nav li a { display:block; font-size:1.4rem; }
.CouponTab > nav li a em { display:inline-block;}

.CouponTab > nav li.active a em { border-bottom:3px solid #333;}

.CouponTab > .CardTab { }
.CouponTab > .CardTab .CouponWrap-Title { font-weight:bold; font-size:1.4rem; margin-bottom:15px; }

.CouponTab > .UnAvailableTab { padding-top:20px; }
.CouponTab > .AvailableTab { padding-top:20px; }
.CouponTab > .AvailableTab #coupon { margin-bottom:10px; }
#coupon_error  { height:15px; }

@media (min-width:768px){  
	.CouponWrap .Coupon { width:calc(50% - 5px); float:left; }
	.CouponWrap .Coupon:nth-of-type(2n+1) { margin:0 10px 10px 0; };
	.CouponWrap .Coupon:nth-of-type(2n)   { margin:0 0 10px 0; };
}  
  
@media (max-width: 767px) {  
    .CouponWrap .Coupon { width:100%; }
}  
*/



.ThemeBox-Content { display:table; position:absolute; top:calc(30% + 60px); width:100%; color:#222; height:50px; line-height:1; text-align:center;}
.ThemeBox-Content > div { width:90%; margin:0 auto; text-align:center; font-size:1.5rem;}


/*spec*/
.body-account #SubscribeBox { /*background-color:#f0f0f0;*/ }


/*For All*/
.CartItemBody .ProdDesc .ProdItemView .ProdItemNote i { margin:0 !important;}
/*PC*/
.body-PC .CartItemBody .ProdDesc .ProdItemView { display:flex; }
.body-PC .CartItemBody .ProdDesc .ProdItemView .ProdItemNote { width:25.8rem; display:inline-block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; position:relative; padding-right:12px; }
.body-PC .CartItemBody .ProdDesc .ProdItemView .ProdItemNote u { text-decoration:none; }
.body-PC .CartItemBody .ProdDesc .ProdItemView .ProdItemNote b { font-weight:normal; display:inline; }
.body-PC .CartItemBody .ProdDesc .ProdItemView .ProdItemNote i { position:absolute; top:3px; right:2px; }

.body-PC .CartItemBody .ProdDesc .ProdItemView .ProdItemNote:hover { color:#ccc; cursor:default; }
.body-PC .CartItemBody .ProdDesc .ProdItemView .ProdItemNote:hover i {transform:rotate(90deg); top:4px;}

/*Mobile*/
.body-Mobile .CartItemBody .ProdDesc .ProdItemView .ProdItemNote { width:auto; }
.body-Mobile .CartItemBody .ProdDesc .ProdItemView .ProdItemNote u,
.body-Mobile .CartItemBody .ProdDesc .ProdItemView .ProdItemNote b { display:none; }

/*.body-MobileMobile #modal-CustomSize */
.body-Mobile #modal-CustomSize.modal-bottom.fade .modal-content { min-height:30%;  }
.body-Mobile #modal-CustomSize.modal-bottom.fade .modal-body { padding-top:10px; }


.CustomSizeItemBox { padding:0 10px 10px 0; }
.CustomSizeItemBox dl { display:flex; }
.CustomSizeItemBox dl dt { width:60px; padding-top:6px;}
.CustomSizeItemBox dl dt img { width:100%;}

.CustomSizeItemBox dl dd { flex:1; padding-left:10px; line-height:1.2; }
.CustomSizeItemBox dl dd .ItemName		  { margin-bottom:0.6rem;}
.CustomSizeItemBox dl dd .CustomSizeTitle { margin-bottom:0.6rem; }
.CustomSizeItemBox dl dd .CustomSizeInfo  { border-right:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2; }
.CustomSizeItemBox dl dd .CustomSizeInfo > div {  }
.CustomSizeItemBox dl dd .CustomSizeInfo > div > b,
.CustomSizeItemBox dl dd .CustomSizeInfo > div > em { display:inline-block; border-top:1px solid #f2f2f2; border-left:1px solid #f2f2f2; padding:4px 6px; }
.CustomSizeItemBox dl dd .CustomSizeInfo > div > b  { width:70px; font-weight:normal; }
.CustomSizeItemBox dl dd .CustomSizeInfo > div > em { width:calc(100% - 70px); }


.NoticeNum { display:inline-block; min-width:13px; height:13px; padding:0 2px; font-size:1.2rem; line-height:1; font-weight:normal; background-color:#f02165; color:#fff; border-radius:6px; text-align:center; text-decoration:none; }
.NoticeNum span { display:inline; }

.NoticeRelative { position:relative;}
.NoticeRelative .NoticeNum { position:absolute; /*tmp ->*/ display:none; }

/*Spec*/ .NoticeNum.Offset-l span { position:relative; left:0.5px; } 
/*Spec*/ i > .NoticeNum span { display:inline-block; line-height:0.9; text-align:center; }

/*PC Top Right Corner*/     #AccountCardTitle	.NoticeRelative .NoticeNum { top:1px; left:12px;}
/*Mobile Account Index*/	.ClickMessage		.NoticeRelative .NoticeNum { left:15px;}
/*Mobile Menu Bottom Bar*/	.BB-Service			.NoticeRelative .NoticeNum { left:15px; }
/*Mobile Index*/			.MobileHeadNotice	.NoticeRelative .NoticeNum { top:0; left:14px;}
/*
{% load notifications_tags %}
NoticeRelative
<u class="NoticeNum">{% live_notify_badge %}</u>
*/


/************************************************************************/
/*sof modal-message (spec of)*/
@media (min-width:992px) {
.modal-message.modal-default .modal-dialog .modal-content { height:90%;position:relative;top:5%; }
}
/*bof modal-message */
.modal-message { }
.modal-message .modal-dialog                { }
.modal-message .modal-dialog .modal-content { }
.modal-message .modal-dialog .modal-content .modal-header	{ }
.modal-message .modal-dialog .modal-content .modal-body		{ }
.modal-message .modal-dialog .modal-content .modal-footer	{ }


.body-UnderEdge.body-message { background-color:#fff; }
.body-UnderEdge.body-message .ThemeContentWrap { padding-top:2rem;}


.unread_head { display:flex; align-items:center; justify-content:space-between; margin-bottom:1.5rem; }
.unread_head .unread_text	{ flex:1; line-height:1.2; }
.unread_head .btn-unread	{ height:3.6rem; min-width:auto; padding:0 1rem;  line-height:1;  display:flex; align-items:center; justify-content:space-between;}
.unread_head .unread_no_msg {}


.MsgUL { /*border-top:1px solid #eee;*/}
.MsgLI { display:flex; align-items:start; justify-content:space-between; padding:1.5rem 1rem; /*border-bottom:1px solid #eee;*/ }
.MsgLI:nth-child(odd)  { background-color:#fafafa;   }
.MsgLI:nth-child(even) { }

.MsgAvatar {}
.MsgAvatar .fa-logo-avatar { width:4.8rem; height:4.8rem; background-color:#f0f0f0; border-radius:50%; }

.MsgBox { flex:1; padding-left:2rem; }
.MsgBox .MsgTitle { font-weight:bold; }
.MsgBox .MsgTime  { color:#999; }





/*
.Row20 { margin-left:-20px !important; margin-right:-20px !important;}	.Row25 { margin-left:-25px !important; margin-right:-25px !important;}
.Row30 { margin-left:-30px !important; margin-right:-30px !important;}	.Row35 { margin-left:-35px !important; margin-right:-35px !important;}
.Row40 { margin-left:-40px !important; margin-right:-40px !important;}	.Row45 { margin-left:-45px !important; margin-right:-45px !important;}
.Row50 { margin-left:-50px !important; margin-right:-50px !important;}	.Row55 { margin-left:-55px !important; margin-right:-55px !important;}
.Row60 { margin-left:-60px !important; margin-right:-60px !important;}	.Row65 { margin-left:-65px !important; margin-right:-65px !important;}
.Row70 { margin-left:-70px !important; margin-right:-70px !important;}	.Row75 { margin-left:-75px !important; margin-right:-75px !important;}
.Row80 { margin-left:-80px !important; margin-right:-80px !important;}	.Row85 { margin-left:-85px !important; margin-right:-85px !important;}
.Row90 { margin-left:-90px !important; margin-right:-90px !important;}	.Row95 { margin-left:-95px !important; margin-right:-95px !important;}
.Row100 { margin-left:-100px !important; margin-right:-100px !important;}
@media (min-width:992px){
.Row20PC { margin-left:-20px !important; margin-right:-20px !important;}	.Row25PC { margin-left:-25px !important; margin-right:-25px !important;}
.Row30PC { margin-left:-30px !important; margin-right:-30px !important;}	.Row35PC { margin-left:-35px !important; margin-right:-35px !important;}
.Row40PC { margin-left:-40px !important; margin-right:-40px !important;}	.Row45PC { margin-left:-45px !important; margin-right:-45px !important;}
.Row50PC { margin-left:-50px !important; margin-right:-50px !important;}	.Row55PC { margin-left:-55px !important; margin-right:-55px !important;}
.Row60PC { margin-left:-60px !important; margin-right:-60px !important;}	.Row65PC { margin-left:-65px !important; margin-right:-65px !important;}
.Row70PC { margin-left:-70px !important; margin-right:-70px !important;}	.Row75PC { margin-left:-75px !important; margin-right:-75px !important;}
.Row80PC { margin-left:-80px !important; margin-right:-80px !important;}	.Row85PC { margin-left:-85px !important; margin-right:-85px !important;}
.Row90PC { margin-left:-90px !important; margin-right:-90px !important;}	.Row95PC { margin-left:-95px !important; margin-right:-95px !important;}
.Row100PC { margin-left:-100px !important; margin-right:-100px !important;}
}
*/

/*
|--------------------------------------------------------------------------
| 关于滚定条下滚回滚的配套样式（各页面）
|--------------------------------------------------------------------------
*/
body[status-scroll=ScrollDown] {}
body[status-scroll=ScrollBack] {}
body[status-scroll=ScrollTop]  {}

body[status-scroll=ScrollBack] #TheHeader #TheHeaderWrapBG,
body[status-scroll=ScrollBack] #TheHeader-Mobile #TheHeaderBg {  background-color:#fff; box-shadow:0 4px 8px -4px rgb(0 0 0 / 20%); max-width:100%; width:100%; z-index:1011; position:fixed !important; top:0 !important; } /*回滚中页眉均置顶*/

body[status-scroll=ScrollBack][status-top=top] #TheHeader #TheHeaderWrapBG,
body[status-scroll=ScrollBack][status-top=top] #TheHeader-Mobile #TheHeaderBg  { position:static !important;} /*回滚到顶，取消fixed*/

body[status-top=top] #TheHeader #TheHeaderWrapBG,
body[status-top=top] #TheHeader-Mobile #TheHeaderBg { box-shadow:none; }

/*MB 顶条，默认无底边线，下滚回滚带底边线+FixedTop，回到顶部无底边线*/
/*若不指定，ThemeHead的class赋值NoFixed*/
body[status-scroll=ScrollDown] .ThemeMenuWrap .ThemeHead:not(.NoFixed),
body[status-scroll=ScrollBack] .ThemeMenuWrap .ThemeHead:not(.NoFixed) { border-bottom:1px solid #e0e0e0; position:fixed; top:0; left:0; width:100%; background: #fff; z-index:1000; }

@media (max-width:991px){
.ThemeMenuWrap .ThemeHead  {  border-bottom:1px solid #e0e0e0; /*border-bottom:none; */ }
body[status-top=top] .ThemeMenuWrap .ThemeHead { border-bottom:1px solid #e0e0e0; /*border-bottom:none;*/ position:static !important; } /*回到顶部*/
}

/*当滚至页面底部，status-scroll=ScrollBottom*/
body[status-scroll=ScrollDown] { }

/*
body.Device-lg[status-scroll=ScrollTop] #TheHeader,
body.Device-sm[status-scroll=ScrollTop] #TheHeader-Mobile { position:absolute;}*/  /*回滚到顶时，页眉均置顶 position:fixed; top:0;
*/

/*
body.Device-lg[head-scroll=ScrollTop-lg] #TheHeader,
body.Device-lg[head-scroll=ScrollTop-sm] #TheHeader { position:absolute !important; top:49px !important; }        大屏回滚过PC页眉临界点，    用绝对定位最高优先级（回归）
body.Device-sm[head-scroll=ScrollTop-sm] #TheHeader-Mobile { position:absolute !important; top:41px !important; } 小屏回滚过Mobile页眉临界点，用绝对定位最高优先级（回归）
body.Device-sm.MobieNoTopHeadBar[head-scroll=ScrollTop-sm] #TheHeader-Mobile { top:0 !important;}
*/

/*
body.PCNo2Bar[status-scroll=ScrollBack][status-top=top] #TheHeader,
body.MobieNo2Bar[status-scroll=ScrollBack][status-top=top]#TheHeader-Mobile {top:0 !important;}
*/

/*列表页*/

.body-cate.Device-lg[status-scroll=ScrollDown] .SortBar { position:fixed; top:0; left:0; z-index:1001; background-color:#fff; width:100%; padding:0; margin:0; box-shadow:0 4px 8px -4px rgb(0 0 0 / 20%); }/*大屏下滚SortBar*/
.body-cate.Device-sm[status-scroll=ScrollDown] .SortBar { position:fixed; top:0; left:0; z-index:1001; background-color:#fff; width:100%; padding:0; margin:0; box-shadow:0 4px 8px -4px rgb(0 0 0 / 20%); }/*小屏下滚SortBar*/
.body-cate[status-scroll=ScrollBack][status-top=top] .SortBar{ position:relative !important; } /*回滚到顶部，取消fixed*/

/*
.body-cate.Device-lg[status-scroll=ScrollBack] .SortBar { position:fixed; top:126px; left:0; z-index:1001; background-color:#fff; width:100%; padding:14px 48px; box-shadow:0 4px 8px -4px rgb(0 0 0 / 20%); }/@*大屏回滚SortBar*@/
.body-cate.Device-sm[status-scroll=ScrollBack] .SortBar { position:fixed; top:50px; left:0; z-index:1001; background-color:#fff; width:100%; padding:0; margin:0; box-shadow:0 4px 8px -4px rgb(0 0 0 / 20%); }/@*小屏下滚SortBar*@/

.body-cate.Device-lg[status-scroll=ScrollBack][sub-scroll=ScrollTop-lg] .SortBar,
.body-cate.Device-lg[status-scroll=ScrollBack][sub-scroll=ScrollTop-sm] .SortBar { position:static; padding:0; box-shadow:none; }/@*大屏回滚过PC第二元素归位临界点，用静态位（暂时回归）*@/
.body-cate.Device-sm[status-scroll=ScrollBack][sub-scroll=ScrollTop-sm] .SortBar { position:static; padding:0; box-shadow:none; }/@*小屏回滚过Mobile第二元素归位临界点，用静态位（暂时回归）*@/
.body-cate.Device-lg[status-scroll=ScrollBack] .SortBar,
.body-cate.Device-sm[status-scroll=ScrollBack] .SortBar { display:none; }
*/


/*产品页*/
.body-prod[status-scroll=ScrollDown] #TheHeader { box-shadow:0 4px 8px -4px rgb(0 0 0 / 20%); }
.body-prod[status-scroll=ScrollDown] #TheHeader { /*position:fixed !important; top:0 !important;*/ } /*下滚页眉置顶*/
.body-prod[status-scroll=ScrollDown] #TheHeader-Mobile { }

.body-prod[status-scroll=ScrollDown] .FixedProdBar { /*position:fixed; top:0;*/ }
.body-prod[status-scroll=ScrollBack] .FixedProdBar { position:fixed; top:50px; }

/*活动页主题页*/
.body-theme[status-scroll=ScrollDown] .NavList { position:fixed; top:0;    left:0; z-index:1001; background-color:#fff; width:100%; padding:1.5rem 0.8rem; margin:0; box-shadow:0 4px 8px -4px rgb(0 0 0 / 20%); }/*小屏下滚SortBar*/
.body-theme[status-scroll=ScrollBack] .NavList { position:fixed; top:50px; left:0; z-index:1001; background-color:#fff; width:100%; padding:1.5rem 0.8rem; margin:0; box-shadow:0 4px 8px -4px rgb(0 0 0 / 20%); }/*小屏下滚SortBar*/
.body-theme[status-scroll=ScrollBack][sub-scroll=ScrollTop-sm] .NavList { position:static; padding:0; box-shadow:none; }/*小屏回滚过Mobile第二元素归位临界点，用静态位（暂时回归）*/


/*
|--------------------------------------------------------------------------
| 主题页的tab
|--------------------------------------------------------------------------
*/
.NavList ul li a em    { font-size:1.6rem; height:4.8rem; line-height:4.8rem; }
.body-theme #FixedCateOuter { }
.body-theme #FixedCate { padding-left:0; }
.body-theme #FixedCate > #SwiperMenu-FixedCate { }
.body-theme #FixedCate > #SwiperMenu-FixedCate > .swiper-wrapper { }
.body-theme #FixedCate > #SwiperMenu-FixedCate > .swiper-wrapper > li.swiper-slide		{  }
.body-theme #FixedCate > #SwiperMenu-FixedCate > .swiper-wrapper > li.swiper-slide a	{ background-color:transparent; height:auto; margin-right:0; }
.body-theme #FixedCate > #SwiperMenu-FixedCate > .swiper-wrapper > li.swiper-slide a em	{ font-size:1.6rem; height:4.8rem; line-height:4.8rem; font-family:'Domaine Display'; }

.body-theme #FixedCate > #SwiperMenu-FixedCate > .swiper-wrapper > li.swiper-slide:first-child a { }
.body-theme #FixedCate > #SwiperMenu-FixedCate > .swiper-wrapper > li.swiper-slide.active > a { border-bottom-width:3px; border-top:none; border-left:none; border-right:none; }
.body-theme #FixedCate > #SwiperMenu-FixedCate > .swiper-wrapper > li.swiper-slide.active > a > em { color:#000; }
.body-theme #FixedCate > #SwiperMenu-FixedCate > .swiper-wrapper > li.swiper-slide.active > a::before { background:none; }

@media (min-width:768px) {
.body-theme #FixedCate { text-align:center; }
.body-theme #FixedCate > #SwiperMenu-FixedCate { display:inline-block; }
.body-theme #FixedCate > #SwiperMenu-FixedCate > .swiper-wrapper > li.swiper-slide a { padding:0 25px; }
.body-theme #FixedCate > #SwiperMenu-FixedCate > .swiper-wrapper > li.swiper-slide:first-child a { padding-left:25px; }
}
@media (max-width:767px) {
.body-theme #FixedCate > #SwiperMenu-FixedCate { padding:0 10px; }
}


/*
|----------------------------------------------------------------------------------------------------------------------------------------------------------------------
| brand new
|----------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/
.IndexStyle1-GroupTitle   { margin:4rem 0 1.5rem 0;}
.IndexStyle1-GroupTitleBG {}
.IndexStyle1-SubTitle  { font-size:1.5rem; text-align:center; text-transform:uppercase; /*font-family:ProximaNova;*/font-family:'Domaine Display'; margin-bottom:3px; }
.IndexStyle1-MainTitle { font-size:2.7rem; text-align:center; /*font-family:ProximaNova-Bold;*/font-family:'Domaine Display'; line-height:1;}
.IndexStyle1-MainTitle-sm { font-size:2.5rem; }

.body-cate .IndexStyle1-MainTitle-sm { font-size:2rem; font-weight:bold; font-family:'Domaine Display'; text-align:left;/*text-transform:capitalize;*/ }

@media (max-width:413px){
.IndexStyle1-SubTitle { font-size:1.45rem; margin:0 -10px; letter-spacing:-0.3px; }
}


@media (max-width:991px){
.IndexStyle1-MainTitle-sm { font-size:1.8rem; }
}


.panel-mMenu-Change { border-top:none; border-bottom:10px solid #f7f7f7 !important; }
.lazyloaded::before { background-color:#fbfbfb; }


/*
|----------------------------------------------------------------------------------------------------------------------------------------------------------------------
| 以下是新加内容
|----------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/
/*bs5 floating-label*/
.form-floating { position:relative; }
.form-floating > .form-control,
.form-floating > .form-select { /*height:calc(3.5rem + 2px); line-height:1.25;*/ }
.form-floating > label { color:#bbb; padding:1rem 0.5rem; height:100%; position:absolute; top:0; left:0; pointer-events:none; /*看的见，摸不着，不影响被其遮挡的元素，被点击触发*/
border:1px solid transparent; transform-origin:0 0;/*变换的基点*/ transition:opacity 0.1s ease-in-out, transform 0.1s ease-in-out; }
@media (prefers-reduced-motion:reduce){ .form-floating > label { transition:none; } /*若用户开启动画减弱，则不过度*/}
.form-floating > .form-control { /*padding:1rem 0.75rem;*/ }
.form-floating > .form-control::-moz-placeholder { color:transparent; }
.form-floating > .form-control::placeholder		 { color:transparent;}

.form-floating > .form-control:not(:-moz-placeholder-shown) { padding-top:1.625rem; padding-bottom:0.625rem; }
.form-floating > .form-control:focus,
.form-floating > .form-control:not(:placeholder-shown)		{ padding-top:1.625rem; padding-bottom:0.625rem; }
.form-floating > .form-control:-webkit-autofill { padding-top:1.625rem; padding-bottom:0.625rem; }
.form-floating > .form-select { padding-top:1.625rem; padding-bottom:0.625rem; }

.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label { opacity:0.65; transform:scale(0.9) translateY(-0.5rem) translateX(0.15rem); }
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label { opacity:0.65; transform:scale(0.9) translateY(-0.5rem) translateX(0.15rem); } 
.form-floating > .form-control:-webkit-autofill ~ label { opacity:0.65; transform:scale(0.9) translateY(-0.5rem) translateX(0.15rem); }

textarea.form-control { min-height:calc(100% - 1.625rem);}


.form-check-reverse {padding-right:1.73em;padding-left:0;text-align:right}
.form-check-reverse .form-check-input {float:right;margin-right:-1.73em;margin-left:0}

/*bs5 form-check & form-switch*/
.form-check {display:block;min-height:1.5rem;padding-right:1.73em;margin-bottom:0.125rem;}
.form-check .form-check-input {float:right;margin-right:-1.5em;}
.form-check-input {width:1.23em;height:1.23em;margin-top:0.135m;vertical-align:top;background-color:#fff;background-repeat:no-repeat;background-position:center;background-size:contain;border:1px solid rgba(0,0,0,0.25);-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;color-adjust:exact;}

.form-check-input[type=checkbox] {border-radius:0.35em;}
.form-check-input[type=radio] {border-radius:50%;}
.form-check-input:active {filter:brightness(99%);}

.form-check-input:focus {border-color:#86b7fe;outline:0;box-shadow:0 0 0 0.25rem rgba(13,110,253,0.25);}
.form-check-input:checked {background-color:#0d6efd;border-color:#0d6efd;}
.form-check-input:checked[type=checkbox] {background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");}
.form-check-input:checked[type=radio] {background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");}
.form-check-input[type=checkbox]:indeterminate {background-color:#0d6efd;border-color:#0d6efd;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");}
.form-check-input:disabled {pointer-events:none;filter:none;opacity:0.5;}
.form-check-input[disabled] ~ .form-check-label,.form-check-input:disabled ~ .form-check-label {opacity:0.5;}

.form-switch {padding-right:2.5em;}
.form-switch .form-check-input {width:2em;margin-right:-2.5em;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280,0,0,0.25%29'/%3e%3c/svg%3e");background-position:right center;border-radius:2em;transition:background-position 0.15s ease-in-out;}
@media (prefers-reduced-motion:reduce) {.form-switch .form-check-input {transition:none;}
}
.form-switch .form-check-input:focus {background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e");}
.form-switch .form-check-input:checked {background-position:left center;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");}
.form-check-inline {display:inline-block;margin-left:1rem;}
/*----------re-defult-----------*/
.form-check-flex { display:flex; align-items:center; min-height:1.5rem; }
.form-check-flex .form-check-input { margin:0; float:none; position:static;}
.form-check-flex > em { line-height:1;  }
/*-----------------------------------------------------------------------------------------------------------------------*/
:root{
--BorderRadius:6px;
--BorderRadius80:80px;
}
.modal-copy.modal-default .modal-dialog .modal-content,
.modal-tips.modal-default .modal-dialog .modal-content { border-radius:var(--BorderRadius);}

.LightGreen,	.LightGreen a,	.ColorLightGreen,	.ColorLightGreen a	{ color:lightgreen!important;} /*亮绿色 亮*/
.GreenYellow,	.GreenYellow a,	.ColorGreenYellow,	.ColorGreenYellow a	{ color:greenyellow!important;}/*绿黄色 更亮*/
.LawnGreen,		.LawnGreen a,	.ColorLawnGreen ,	.ColorLawnGreen a	{ color:lawngreen!important;}  /*草绿色 更亮偏绿*/
.Chartreuse,	.Chartreuse a,	.ColorChartreuse,	.ColorChartreuse a	{ color:chartreuse!important;} /*黄绿色 更更亮*/
.Lime,			.Lime a,		.ColorLime,			.ColorLime a		{ color:lime!important;}       /*酸橙绿 更更亮偏绿*/
.SpringGreen,	.SpringGreen a,	.ColorSpringGreen,	.ColorSpringGreen a	{ color:springgreen!important;}/*春天绿 更更亮偏绿绿*/

.Aqua,			.Aqua a,		.ColorAqua,			.ColorAqua a		{ color:aqua!important;} /*水族蓝*/
.AquaMarine,	.AquaMarine a,	.ColorAquaMarine,	.ColorAquaMarine a	{ color:aquamarine!important;} /*晶蓝：水族+海洋*/
.Cyan,			.Cyan a,		.ColorCyan,			.ColorCyan a		{ color:cyan!important;} /*亮青色*/
.Gold,			.Gold a,		.ColorGold,			.ColorGold a		{ color:gold!important;} /*金色*/
.DeepPink,		.DeepPink a,	.ColorDeepPink,		.ColorDeepPink a	{ color:deeppink!important;} /**/
.HotPink,		.HotPink a,		.ColorHotPink,		.ColorHotPink a		{ color:hotpink!important;} /**/
.LightPink,		.LightPink a,	.ColorLightPink,	.ColorLightPink a	{ color:#ffcbd3!important;} /*lightpink*/
.Pink,			.Pink a,		.ColorPink,			.ColorPink a		{ color:pink!important;} /**/

.M48{ margin:48px!important;}   .MT48{ margin-top:48px!important;}   .MR48{ margin-right:48px!important;}   .MB48{ margin-bottom:48px!important;}   .ML48{ margin-left:48px!important;}  .MLR48 { margin-left:48px!important;  margin-right:48px!important; }  .MTB48{ margin-top:48px!important;  margin-bottom:48px!important; }
.P48{ padding:48px!important;}  .PT48{ padding-top:48px!important;}  .PR48{ padding-right:48px!important;}  .PB48{ padding-bottom:48px!important;}  .PL48{ padding-left:48px!important;} .PLR48 { padding-left:48px!important; padding-right:48px!important; } .PTB48{ padding-top:48px!important; padding-bottom:48px!important; }
.MaxHeightNone { max-height:none !important; }
.CursorPointer {cursor:pointer; }	.CursorDefault {cursor:default; }

.popover { font-size:1.3rem; }


.FullWidthScreenBox { position:relative; padding:48px 0;  margin-bottom:3.2rem; /*width:100vw;margin:0 calc(( 100vw - 200px - 100% )/-2);*/}
.FullWidthScreenBox::before { content:''; position:absolute; top:0;right:-100vw;bottom:0;left:-100vw; background-color:#f3f4f5; }
.FullWidthScreenBox .UnderBannerTitle { position:relative; }

.FullWidthScreenBox-WithoutBG { position:relative; padding:48px 0;  margin-bottom:3.2rem; }
.FullWidthScreenBox-WithoutBG::before { content:''; position:absolute; top:0;right:-100vw;bottom:0;left:-100vw; background-color:transparent; }
.FullWidthScreenBox-WithoutBG .UnderBannerTitle { position:relative; }


.btn-blank { background-color:transparent; border:1px solid #777; text-transform:capitalize; font-weight:bold; font-family:ProximaNova; font-size:1.7rem; line-height:1.5; padding-left:50px; padding-right:50px;  }
.btn-radius { border-radius:80px; }

/*
.modal-left .btn-return-t { width:40px; height:40px; right:-40px;}
.btn-MainColor{color:#fff!important;background-color:#F54336;border-color:#F54336}
.btn-MainColor:hover,.btn-MainColor:focus,.btn-MainColor:active,.btn-MainColor.active,.open .dropdown-toggle.btn-MainColor{color:#fff;background-color:#da3928;border-color:#da3928}

.btn.btn-HighLight{color:#fff;background-color:#F54336;border-color:#F54336;border-radius:0}
.btn-HighLight:hover,.btn-HighLight:focus,.btn-HighLight:active,.btn-HighLight.active,.open .dropdown-toggle.btn-HighLight{color:#fff;background-color:#da3928;border-color:#da3928}

.btn.btn-MainColor,
.btn.btn-default { border-radius:80px; }


i.ICO-saved { color:#da3928; }
*/

.fa-ui-bag		{ display:inline-block; width:26px; height:26px; background:url(/desktop/img/svg-ui/svg-bag.svg) no-repeat center center / cover;}
.fa-ui-menu		{ display:inline-block; width:34px; height:34px; background:url(/desktop/img/svg-ui/svg-menu.svg) no-repeat center center / cover;}
.fa-ui-user		{ display:inline-block; width:28px; height:28px; background:url(/desktop/img/svg-ui/svg-user.svg) no-repeat center center / cover;}
.fa-ui-heart	{ display:inline-block; width:30px; height:30px; background:url(/desktop/img/svg-ui/svg-heart.svg) no-repeat center center / cover;}
.fa-ui-discover { display:inline-block; width:31px; height:31px; background:url(/desktop/img/svg-ui/svg-discover.svg) no-repeat center center / cover;}
.fa-ui-giveaway { display:inline-block; width:30px; height:30px; background:url(/desktop/img/svg-ui/svg-giveaway.svg) no-repeat center center / cover;}


.fa-ui-bag,
.fa-ui-menu,
.fa-ui-user,
.fa-ui-heart,
.fa-ui-discover,
.fa-ui-giveaway { opacity:0.8;}

@media (max-width:991px){
/*for mobile*/
.fa-ui-bag,
.fa-ui-menu,
.fa-ui-user,
.fa-ui-heart,
.fa-ui-discover,
.fa-ui-giveaway { opacity:0.6 !important; transform:scale(0.95);}

.fa-ui-bag { }
.fa-ui-menu { opacity:0.55 !important; transform:scale(1);}
.fa-ui-user { opacity:0.55 !important; }
.fa-ui-heart { opacity:0.5 !important; }
.fa-ui-discover { opacity:0.55 !important; } 
.fa-ui-giveaway { }

.icon-svg-index { opacity:0.6 !important; }
}


/*注意 用样式触发 单元宽度和间距，参照这里的文档段
https://masonry.desandro.com/options.html#element-sizing
https://codepen.io/desandro/pen/DpPzVG
全局定义
*/
/*gutter 24*/

@media (min-width:1630px){/*for n:5*/ .grid-gutter { width:24px; } .grid-width,.listBoxs-msnry { padding:0 !important; margin-bottom:24px !important; width:calc(20% - 19.2px) !important; }}
@media (max-width:1629px){/*for n:5*/ .grid-gutter { width:24px; } .grid-width,.listBoxs-msnry { margin-bottom:24px !important; width:calc(20% - 19.2px) !important; }}
@media (max-width:1199px){/*for n:4*/ .grid-gutter { width:24px; } .grid-width,.listBoxs-msnry { margin-bottom:24px !important; width:calc(25% - 18px) !important; }}
/*gutter 16*/
@media (max-width:899px){ /*for n:3*/ .grid-gutter { width:16px; } .grid-width,.listBoxs-msnry { margin-bottom:16px !important; width:calc(33.333333% - 10.666666px) !important; }}
@media (max-width:575px){ /*for n:2*/ .grid-gutter { width:10px; } .grid-width,.listBoxs-msnry { margin-bottom:16px !important; width:calc(50% - 5px) !important; }}

.msnry-half { width:50% !important; }
@media (min-width:768px){ /*gutter 16*/			.msnry-half .grid-gutter { width:24px; } .msnry-half .grid-width,.listBoxs-msnry-half { margin-bottom:24px !important; width:calc(50% - 12px) !important; }}
@media (max-width:767px){ /*gutter 16 for n:1*/ .msnry-half .grid-gutter { width:0; }    .msnry-half .grid-width,.listBoxs-msnry-half { margin-bottom:16px !important; width:100% !important; }}

.grid-gutter, .grid-width { position:absolute; background-color:red; height:10px; left:-1000VW; }

.ListGallery-Regular .w-productList { position:relative; margin:0 auto; padding:0; width:100%!important;}
.ListGallery-Regular .w-productList .listBoxs { padding:0; }
.ListGallery-Regular .w-productList .listBoxs .imgBox   { border-radius:6px; overflow:hidden; }
.ListGallery-Regular .w-productList .listBoxs .imgBoxBG { position:relative; background-color:#eee;} 
.ListGallery-Regular .w-productList .listBoxs .imgBoxA  { display:block; min-height:60px; text-align:center; }
.ListGallery-Regular .w-productList .listBoxs .imgBoxA img { position:absolute; top:0; right:0; bottom:0; left:0; height:100%; width:100%; -o-object-fit:cover; -o-object-position:center center; object-fit:cover; object-position:center center; }
.ListGallery-Regular .w-productList .listBoxs .imgBoxA::after { content:''; position: absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; box-sizing:border-box; border-radius:6px; border:1px solid rgba(57,76,96,0.13); }


.ListGallery-Regular .w-productList .listBoxs .imgBox .imgBoxBG		  > a .imgMask { position:absolute; top:0; right:0; bottom:0; left:0; background:rgba(0 0 0/.04); }
.ListGallery-Regular .w-productList .listBoxs .imgBox .imgBoxBG:hover > a .imgMask { background:rgba(0 0 0/.25); }

/*PosterBox&PosterBoxBG&img for masonry*/
.PosterBox   {}
.PosterBoxBG { position:relative; margin:0 auto; padding:0; width:100%!important; display:flex; }
.PosterBoxBG .MasonryCard { position:relative; padding:0; border-radius:6px; overflow:hidden; }
.PosterBoxBG .MasonryCard > a { display:block; min-height:60px; text-align:center;  }
.PosterBoxBG .MasonryCard > a img { position:absolute; top:0; right:0; bottom:0; left:0; height:100%; width:100%;  -o-object-fit:cover; -o-object-position:center center; object-fit:cover; object-position:center center; }
.PosterBoxBG .MasonryCard > a::after { content:''; position: absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; box-sizing:border-box; border-radius:6px; border:1px solid rgba(57,76,96,0.13); }

.PosterBoxBG .MasonryCard { width:calc(50% - 5px); margin-bottom:1rem; }

/*
因为海报触发后才充斥高度，滚动条随即出现，PC模式会造成积压，垂直间距则出现了问题
试过很多种方法：masonry的回调；columnWidth，gutter用元素的可变参数来布局；增加容器右内间距及右外负补丁(抵消滚动条)；倒计时触发masonry(先占位再触发)…
最后都不如给父级一个大于浏览器高度的最小高度，直接先出现滚动条，反正数据流就是要内容够丰富，一屏不够放的
*/
.MinHeight900px { min-height:900px; }
#modal-MobileMenuBox .PosterBox { padding:0 1rem; /*min-height:900px;*/} 
#modal-MobileMenuBox .PosterBoxBG { }

/*这是新版结构*/
@media (min-width:992px){
.FloatBoradWrap { max-width:100vw; /*height:100vw;*/ display:flex; flex-direction:row; overflow:hidden; }
.FloatBoradWrap .FloatBorad			{ z-index:1; max-width:100VW; min-width:64px; width:64px; height:100vh; background-color:#fff; border-top:1px solid #ddd; border-right:1px solid #ddd; position:sticky; top:0; margin-top:-71px; padding:71px 0px 0px; }
.FloatBoradWrap .BesideContentBox	{ flex:1 1 0%; min-width:0%;}

body[status-scroll=ScrollDown] .FloatBoradWrap .FloatBorad	{ margin-top:0; padding-top:0; }
body[status-scroll=ScrollDown] .LeftSideBar { padding-top:3rem; }
body[status-scroll=ScrollDown] .LeftSideBar .BB-Index { margin-top:0; }

.LeftSideBar { padding-top:3rem; }
.LeftSideBar > a { height:50px; display:block; margin:3rem 0 !important; text-align:center; text-decoration:none !important; }
.LeftSideBar > a > em { color:#777; display:block; font-size:1.3rem; line-height:1; height:16px; }
.LeftSideBar > a > .bb-svg { display:inline-block; height:34px; } 
.LeftSideBar > a.BB-Account b i { top:0; }

.LeftSideBar > a.BB-Index { margin-top:0 !important; }

.BesideContentBoxBG { max-width:1280px; margin:0 auto; padding:0 24px; }

.body-prod .BesideContentBoxBG { padding:0; } /*1952:搜本页，.body-prod .ShakeClear-MainContent .main_content*/
}

@media (max-width:991px){
.FloatBoradWrap { overflow:hidden; }
.FloatBoradWrap .FloatBorad { display:none; }
.FloatBoradWrap .BesideContentBox {}
}

@media (min-width:768px) and (max-width:991px){
.IndexSectionTab { padding:0 14px; }
}



/*define something for reset*/
.btn-pretty { height:3.6rem;padding:0 1.5rem; display:inline-flex; align-items:center; justify-content:center; min-width:0;}
.btn-pretty > i  { font-size:1.8rem; margin-right:0.5rem; }
.btn-pretty > em { text-transform:capitalize; }

.btn-tech { background-color:#1954eb!important; color:#fff!important; border-color:#1954eb!important; display:inline-flex; align-items:center; justify-content:center; min-width:0; }
.btn-tech:hover { background-color:#0034bb!important; border-color:#0034bb!important;}
.btn-tech > i   { color:#fff !important; margin-right:0.5rem;}
.btn-tech > em  { text-transform:capitalize; }

/*SiteBtn*/
.SiteBtn { min-width:0; border-radius:var(--BtnBorderRadius); border:1px solid #ddd; font-family:ProximaNova; line-height:1; text-transform:capitalize; padding:1.5rem 5rem; background-color:transparent; box-sizing:border-box; display:inline-flex; align-items:center; justify-content:center;}
.SiteBtn-lg   { padding:0 3rem; font-size:1.7rem; height:48px !important; }
.SiteBtn-md   { padding:0 2.6rem; font-size:1.6rem; height:40px !important; line-height:40px; }
.SiteBtn-sm   { padding:0 2.2rem; font-size:1.5rem; height:36px !important; }
.SiteBtn-xs   { padding:0 1.8rem; font-size:1.4rem; height:32px !important; }

.SiteBtn-bold	  { font-weight:bold; }
.SiteBtn-MinWidth { min-width:180px; }

.SiteBtnBlankFFF { border-color:#fff; color:#fff; }	 .SiteBtnBlankFFF:hover { background-color:#ebebeb; color:#333;}
.SiteBtnBlank000 { border-color:#000; }				 .SiteBtnBlank000:hover { background-color:#ebebeb; color:#333;}
.SiteBtnBlankDDD { border-color:#ddd; }				 .SiteBtnBlankDDD:hover { background-color:#ebebeb; color:#333;}
.SiteBtnBlankBBB { border-color:#bbb; }				 .SiteBtnBlankBBB:hover { background-color:#ebebeb; color:#333;}

.SiteBtnFFF { border:none; background-color:#fff; color:#333; } .SiteBtnFFF:hover { background-color:#f2f2f2; color:#333;}
.SiteBtn000 { border:none; background-color:#000; color:#fff; } .SiteBtn000:hover { background-color:#333333; color:#fff; }

.SiteBtnBanner {}

@media (max-width:991px){ .SiteBtn-lg   { font-size:1.6rem; height:40px !important; }}
@media (min-width:600px){ .SiteBtnBanner { padding:0 3rem; font-size:1.7rem; height:50px !important; font-weight:bold; min-width:180px; }}
@media (max-width:599px){ .SiteBtnBanner {  padding:0 2.6rem; font-size:1.6rem; height:40px !important; font-weight:bold; min-width:180px; }}
@media (max-width:459px){ .SiteBtnBanner {  padding:0 2.2rem; font-size:1.6rem; height:36px !important; font-weight:bold; min-width:180px; }}


/*chosen插件，展开隐藏已选项*/
.chosen-container.chosen-with-drop .chosen-results li.result-selected { display:none; }