@charset "UTF-8";

.layui-form-item { margin-bottom:0px; }
.layui-input-block { margin-left:0px; min-height:0px; }
.layui-form-item .layui-input-inline { width:auto; float:none; margin-right:0px; }
.layui-form-checkbox[lay-skin=primary] span { padding-right:0px; } 
.layui-form-checkbox span { font-size:16px; font-weight:bold; }
.layui-form-checkbox[lay-skin=primary] i { border:1px solid #888; top:3px; border-radius:2px; }
.layui-form-checkbox[lay-skin=primary] span { color:#888; line-height:1.5; } 
.layui-form-item .layui-form-checkbox[lay-skin=primary] { margin-top:0px; }
.layui-form-select .layui-edge { border-top-color:#999; border-width:0.5625em 0.4375em; margin-top:-0.25em; right:0.8125em; }

.layui-input,.layui-select, .layui-textarea { height:auto; padding:0.6875em 0.625em; line-height:1.5; background:#fafbfd; border:1px solid #dcdcdc; width:100%;border-radius:0px; }
.layui-select { max-width:260px;  }
.layui-form-selected .layui-edge { margin-top:-0.625em; }
.layui-textarea { resize:none; background:#fafbfd; border-color:#dcdcdc; height:11.1875em; }

.layui-form-checked[lay-skin=primary] i { border-color:#0a3190!important; background:#fff; } 
.layui-form-checked[lay-skin=primary] i.layui-icon-ok:before { position:absolute; left:2px; top:2px; color:#0a3190; background:#0a3190; line-height:10px; height:10px; width:10px; overflow:hidden; } 

.layui-btn { background:#0a3190; border:1px solid #0a3190; min-width:8.9375em; line-height:3.3125; height:3.3125em; padding:0px; border-radius:0px; position:relative; top:-2px; color:#fff; font-size:16px; }

.layui-form-radio { margin:0px; padding:0px; }
.layui-form-radio * { font-size:20px; }
.layui-form-radio>i { color:#d5d5d5; font-size:19px; margin-right:1em; }
.layui-form-select dl dd.layui-this { background-color:#0a3190; }
.layui-form-radioed>i { color:#0a3190; }

@media only screen and (max-width:1660px){
.layui-form-checkbox span { font-size:15px; }
.layui-form-radio * { font-size:19px; }
.layui-form-radio>i { font-size:19px; }

}
@media only screen and (max-width:1440px){
.layui-form-checkbox span { font-size:14px; }
.layui-form-radio * { font-size:18px; }
.layui-form-radio>i { font-size:18px; }

}

/*****************我的购物车*******************/
.shopping-cart-wrap { padding-bottom:5.5em; padding-top:0.75em; }


.page-shopping-list .wid01 { width:6.388%; text-align:center; }
.page-shopping-list .wid02 { width:29.72%; text-align:center; }
.page-shopping-list .wid03 { width:14.51%; text-align:center; }
.page-shopping-list .wid04 { width:17.15%; text-align:center; }
.page-shopping-list .wid05 { width:14.93%; text-align:center;  }
.page-shopping-list .wid06 { width:17.22%; text-align:center; }

.page-shopping-list .page-sub { background:#fff; color:#888; font-weight:bold; padding:0.75em 0px; }
.page-shopping-list .page-sub .wid01 { text-align:right; }
.page-shopping-list .page-sub .wid01 .layui-form-item .layui-input-inline { margin-right:-5px; }


.page-shopping-list dl dt { padding:0.95em 0px 0.7em; color:#333; }
.page-shopping-list dl dd { background:#fff; padding:2.25em 0px; position:relative; border:1px solid #ddd; border-top:none; }
.page-shopping-list dl dd:first-of-type { border-top:2px solid #ddd; }
.page-shopping-list dl dd .layui-form-checkbox[lay-skin=primary] { padding-left:0px; }
.page-shopping-list dl dd:before { position:absolute; right:17.22%; width:1px; background:#ddd; top:4.5em; bottom:2.9375em; content:"";}

.page-shopping-list dl dd .wid04 { color:#ff652f; }
.page-shopping-list dl dd .page-img { width:30.84%; padding:0.625em; overflow:hidden; border:0.125em solid #efefef; background:#fff; }
.page-shopping-list dl dd .page-img .bg_container { padding-bottom:100%; background-size:contain; }
.page-shopping-list dl dd .page-text { width:56.07%; float:right; text-align:left; }
.page-shopping-list dl dd .page-txt { color:#888; margin-top:0.85em; } 
.page-shopping-list dl dd h3 { color:#333; }
.page-shopping-list dl dd a:hover h3 { color:#dda769; }
.page-shopping-list dl dd .wid05 { color:#dda769; }
.page-shopping-list dl dd .wid06 .page-btn { min-width:5em; line-height:1.875; color:#888; text-align:left; display:inline-block; }
.page-shopping-list dl dd .wid06 .page-btn span { display:block; cursor:pointer; }
.page-shopping-list dl dd .wid06 .page-btn span:hover { color:#dda769; }
.page-shopping-list .page-label { display:none; }


.shopping-cart-list .page-number { width:90px; margin:0px auto; background:#f8f8f8;}
.shopping-cart-list .page-number .page-reduce,.shopping-cart-list .page-number .page-add { width:23px; float:left; text-align:center; line-height:22px; cursor:pointer; border:1px solid #888; color:#333; }
.shopping-cart-list .page-number .page-inp { width:44px; background:#fff; border:1px solid #888; border-left:none; border-right:none; }
.shopping-cart-list .page-number .page-inp input { border:none; background:#fff; float:left; width:100%; line-height:22px; height:22px; text-align:center; } 

.shopping-cart-list .page-total { background:#fff; margin-top:1.25em; color:#888; margin-bottom:1.0625em; padding:0px 0px 0px 2.4375em; }
.shopping-cart-list .page-total .page-btn { color:#888; }
.shopping-cart-list .page-total .page-btn span { display:inline-block; cursor:pointer; margin:0px 1.625em; }
.shopping-cart-list .page-total .page-btn span:hover { color:#dda769; }
.shopping-cart-list .page-total b { color:#dda769; }
.shopping-cart-list .page-total .layui-btn { background:#0a3190; border-radius:0px; line-height:4.1; height:4.1em; width:10em; }
.shopping-cart-list .page-total .page-txt { padding:0px 2.5em 0px 1.875em; }


/*******************选择支付方式***************************/
.payment-method-wrap .page-btn { padding: 0px 0px 4.25em;}
.payment-method-sec01 { background:#fff; border:1px solid #f1f1f1; padding:2.30525em 1.8125em; color:#999; }
.payment-method-sec01 p:first-child { color:#333; padding-bottom:0.5625em; }
.payment-method-sec01 p span { display:inline-block; padding-right:2.5em; }
.payment-method-sec01 p em { color:#e50012; }

.payment-method-sec02 { margin-top:1.875em; background:#fff; border:1px solid #f1f1f1; margin-bottom:3.25em; }
.payment-method-sec02 .page-title { background:#f9f9f9; padding:1em 0px 1em 1.875em; }
.payment-method-sec02 .page-title .page-btn a { display:inline-block; position:relative; padding:0px 1.75em; }
.payment-method-sec02 .page-title .page-btn a:before { position:absolute; left:0px; top:50%; height:0.9375em; margin-top:-0.46875em; width:1px; background:#d7d7d7; content:""; }
.payment-method-sec02 .page-title .page-btn a:first-child:before { display:none; }
.payment-method-sec02 .page-list { padding:4em 1.875em; }
.payment-method-sec02 .page-list .pay01 +.layui-form-radio div { padding-left:2.6em; background:url(../images/payment-method-ico01.png) no-repeat left center; background-size:2.05em 2.05em; line-height:2.5; margin-right:4.6em; }
.payment-method-sec02 .page-list .pay02 +.layui-form-radio div { padding-left:2.9em; background:url(../images/payment-method-ico02.png) no-repeat left center; background-size:2.35em 2.05em; line-height:2.5; margin-right:4.6em; }
.payment-method-sec02 .page-list .pay03 +.layui-form-radio div { padding-left:2.5em; background:url(../images/payment-method-ico03.png) no-repeat left center; background-size:1.85em 1.85em; line-height:2.5; }


.payment-method-sec02 .page-list .page-payment-bank { background:url(../images/page-in-hot-bg01.jpg) repeat; margin-top:2em; padding:2em; display:none; }
.payment-method-sec02 .page-list .page-payment-bank ul li { width:50%; padding:1em 1% 1em 3%; cursor:pointer; }
.payment-method-sec02 .page-list .page-payment-bank ul li .page-logo { width:30%; background:#fff; position:relative; height:4em; border:1px solid #dcdcdc;  }
.payment-method-sec02 .page-list .page-payment-bank ul li .page-logo:before { width:0.9375em; height:0.9375em; background:url(../images/gou07.png) no-repeat center center; background-size:100% 100%; position:absolute; right:0px; bottom:0px; content:""; display:none; }
.payment-method-sec02 .page-list .page-payment-bank ul li .page-text { width:70%; padding-left:1em; }
.payment-method-sec02 .page-list .page-payment-bank ul li .page-text p { padding-bottom:0.5em; }
.payment-method-sec02 .page-list .page-payment-bank ul li .page-logo img { max-height:90%; max-width:90%; }
.payment-method-sec02 .page-list .page-payment-bank ul li.on .page-logo { border-color:#e50012; }
.payment-method-sec02 .page-list .page-payment-bank ul li.on .page-logo:before { display:block; }


/****************支付成功*********************/
.payment-success-wrap { padding-bottom:2.625em; }

.page-payment-success { padding:0px 8.33% 3.75em; background:#fff; }
.page-payment-success .page-title { border-bottom:1px solid #dcdcdc; padding:2em 0px 1.8em; }
.page-payment-success .page-title img { vertical-align:middle; height:2.733em; margin-right:1em; }
.page-payment-success .page-list { padding-top:3.75em; padding-bottom:3.6875em; }
.page-payment-success .page-list dl dt { width:21.25%; border-right:1px solid #dcdcdc; padding-right:1em; }
.page-payment-success .page-list dl dd { width:39.375%; padding-left:9.167%; padding-top:0.25em; }
.page-payment-success .page-list .page-sec { padding:0.375em 0px; }
.page-payment-success .page-list .page-sec label { float:left; width:5.625em; padding-right:0.625em; text-align:right; }
.page-payment-success .page-list .page-sec p { overflow:hidden; }
.page-payment-success .page-list .page-sec em { color:#e50012; }
.page-payment-success .page-list .page-time { color:#999; padding-bottom:1.1428em; }
.page-payment-success .page-list dl dd .page-sec label { text-align:left; }
.page-payment-success .page-btn a { display:inline-block; background:#0a3190; color:#fff; padding:0px 2.5em; line-height:3.3125;}
.page-payment-success .page-btn a +a { color:#0a3190; background:none; text-decoration:underline; padding:0px; margin-left:1.3571em; }

@media only screen and (max-width:1400px){
.page-payment-success .page-list dl dd { padding-left:8%; }
}

@media only screen and (max-width:1260px){
.page-payment-success .page-list dl dd { padding-left:5%; }
}





/****************************退货申请****************************************/
.personal-return-request .page-current b { color:#333; }
.personal-return-request .shopping-cart-wrap { padding-top:0px; margin-top:-0.875em; } 
.personal-return-request .page-shopping-list .page-sub { background:#f9f9f9; border:1px solid #e8e8e8; border-bottom:none; color:#333; font-weight:normal; }
.personal-return-request .page-shopping-list dl dd { border:1px solid #f1f1f1; border-top:none; }
.personal-return-request .page-shopping-list dl dd:first-of-type { border-top:1px solid #f1f1f1; }

.personal-return-request .layui-form-checkbox[lay-skin=primary] span { color:#333; font-weight:normal; }
.personal-return-request .layui-form-checkbox[lay-skin=primary] i { border-color:#ccc; }
.personal-return-request .page-shopping-list .page-sub .wid01 .layui-form-item .layui-input-inline { margin-right:0px; }

.personal-return-request .page-shopping-list .wid02 { width:33.05%; padding-left:1.5em; }
.personal-return-request .page-shopping-list .wid03 { width:18.54%; }
.personal-return-request .page-shopping-list .wid04 { width:18.82%; }
.personal-return-request .page-shopping-list .wid05 { width:23.202%; padding-right:6.73%; }
.personal-return-request .page-shopping-list dl dd { padding:1.3125em 0px; }
.personal-return-request .page-shopping-list dl dd:before { display:none; }
.personal-return-request .page-shopping-list dl dd .wid01 { padding-right:0.5%; }
.personal-return-request .page-shopping-list dl dd .wid04 { color:#333; }
.personal-return-request .page-shopping-list dl dd .page-img { border:none; background:#f8f8f8; width:22.17%; padding:0.4375em; }
.personal-return-request .page-shopping-list dl dd .page-text { width:73.07%; }
.personal-return-request .page-shopping-list dl dd .page-txt { margin-top:0.6em; }

.personal-return-request .shopping-cart-list .page-total { border:1px solid #f1f1f1; padding:1.25em 1.25em 1.25em 1.9375em; margin-bottom:0px; }
.personal-return-request .shopping-cart-list .page-total .layui-btn { height:2.6875em; line-height:2.6875; width:7.875em; }



/****************************退货原因****************************************/
.personal-reason-return { margin-top:1.9375em; }
.personal-reason-return .page-title { border:1px solid #e8e8e8; padding:0.889em 1.667em; background:#f9f9f9; }
.personal-reason-return .page-list { background:#fff; border:1px solid #e8e8e8; border-top:none; padding:3em 3em 1.5625em; }
.personal-reason-return .page-list .page-pic-list { width:20%; }
.personal-reason-return .page-list .page-pic-list .page-img { background:#fafbfd; padding:1.5625em; }
.personal-reason-return .page-pic-list ul li { width:100%; }
.personal-reason-return .page-pic-list ul li .page-con { margin-top:0px; padding:0px; }
.personal-reason-return .page-pic-list .bg_container { padding-bottom:100%; }
.personal-reason-return .page-pic-list h3 { margin-top:1em; }
.personal-reason-return .page-pic-list ul li .page-con:hover { box-shadow:none; }
.personal-reason-return .page-form { width:80%; max-width:706px; }
.personal-reason-return .page-form .layui-form-label { width:10em; padding-right:1.75em; }
.personal-reason-return .page-form .layui-form-label span { color:#da251d; padding-right:0.41667em; position:relative; top:0.35em; } 

.personal-reason-return .page-form .layui-input-block { width:260px; }
.personal-reason-return .layui-form-item { margin-bottom:1.25em; }
.personal-reason-return .page-form  .page-num { position:absolute; right:0.75em; bottom:0.4375em; color:#ccc; }


.personal-reason-return input::-webkit-input-placeholder,.personal-reason-return textarea::-webkit-input-placeholder {color:#ccc;}
.personal-reason-return input:-moz-placeholder,.personal-reason-return textarea:-moz-placeholder {color:#ccc;}
.personal-reason-return input::-moz-placeholder,.personal-reason-return textarea::-moz-placeholder { color:#ccc;}
.personal-reason-return input:-ms-input-placeholder,.personal-reason-return textarea:-ms-input-placeholder {color:#ccc;}


/*************************多图上传***************************/
.personal-reason-return .layui-upload .layui-btn { margin-top:0px; color:#5c5c5c; border:1px solid #f4f5f9; border-radius:5px; background:none; }
.personal-reason-return .layui-upload .layui-btn span { background:url(../images/upload-ico01.png) no-repeat left center; padding-left:2em; background-size:1.5em 1.1875em; }
.personal-reason-return .layui-upload-list { margin:0px; position:relative; }
.personal-reason-return .layui-upload-list .page-img { width:7.6875em; height:7.6875em; border:1px solid #dcdcdc; background:#fafbfd; border-radius:0px; margin:0px 1.3125em 0.625em 0px; float:left; position:relative; }
.personal-reason-return .layui-upload-list .page-img img { max-width:96%; max-height:96%; border-radius:5px; }
.personal-reason-return .layui-upload-list .page-del { position:absolute; width:1.8125em; height:1.8125em; background:url(../images/page-del-ico01.png) no-repeat center center #fff; background-size:0.75em 0.75em; right:-0.90625em; top:-0.90625em; display:none; border-radius:50%; border:1px solid #d1d1d1; z-index:2; cursor:pointer; }
.personal-reason-return .layui-upload-list .page-img:hover .page-del { display:inline-block; }
.personal-reason-return .page-tips { padding-left:10em; color:#666; width:100%;}

.personal-reason-return .layui-upload .multigraph { min-width:7.6875em; height:7.6875em; border:1px dashed #ccc; border-radius:0px; background:url(../images/upload-ico01.png) no-repeat center center; background-size:2.3125em 2.3125em; margin-bottom:0.625em; }

.personal-reason-return .upload-failt { position:absolute; left:0px; top:0px;  background:#f4f5f9; border-radius:0px; right:1.25em; bottom:0.625em; color:#ff2b2b; display:none; z-index:2; }
.personal-reason-return .upload-failt span { display:block; text-align:center;  }
.personal-reason-return .upload-failt span:first-child { padding-top:2em; background:url(../images/gantan.png) no-repeat center top; background-size:1.25em 1.25em; color:#5c5c5c; }
.personal-reason-return .upload-failt.on {  display:-webkit-box;  display:-ms-box; display:flex;  }

.personal-reason-return .upload-progress { position:absolute; left:0px; top:0px;  background:#f4f5f9; border-radius:0em; right:1.25em; bottom:0.625em; color:#ff2b2b; display:none; z-index:2; } 
.personal-reason-return .upload-progress .upload-text { width:100%; color:#5c5c5c; text-align:center; padding:0px 0.875em; }
.personal-reason-return .upload-progress.on {  display:-webkit-box;  display:-ms-box; display:flex;  }
.personal-reason-return .layui-progress-big { background:#dcdde3; height:3px; line-height:3px;border-radius:1px; }
.personal-reason-return .layui-progress-big .layui-progress-bar { background:#148af9;  }
.personal-reason-return .upload-progress .page-tit { padding-bottom:1.125em; }
.personal-reason-return .layui-progress-big .layui-progress-bar { height:3px; line-height:3px; border-radius:1px; }




/*******************************选择寄回方式*******************************************/
.personal-return-method {  margin-top:1.9375em; margin-bottom:6.25em; }
.personal-return-method .page-title { border:1px solid #e8e8e8; padding:0.889em 1.667em; background:#f9f9f9; }
.personal-return-method .page-content { background:#fff; padding:1.875em 1.875em 0px; border:1px solid #e8e8e8; border-top:none; }
.personal-return-method .page-btn { border-top:1px solid #f1f1f1; padding:1.9375em 0px 1.8125em; }
.personal-return-method .page-btn a { display:inline-block; border:1px solid #0a3190; min-width:8.9375em; margin-right:1.3125em; line-height:3.1875; color:#0a3190; background:#fff; }
.personal-return-method .page-tab-nav ul li { border:1px solid #dcdcdc; cursor:pointer; position:relative; display:inline-block; line-height:2.875; min-width:12.5em; text-align:center; margin-right:1.25em;  }
.personal-return-method .page-tab-nav ul li:before { position:absolute; right:0px; bottom:0px; content:""; display:none; background:url(../images/gou08.png) no-repeat center center; width:0.875em; height:0.9375em; background-size:100% 100%; }
.personal-return-method .page-tab-nav ul li.on { border-color:#0a3190; }
.personal-return-method .page-tab-nav ul li.on:before { display:inline-block; }

.personal-return-method .page-address { padding-bottom:1.625em; position:relative; }
.personal-return-method .page-address .page-left { width:60%; }
.personal-return-method .page-address .page-left dl dt { padding:1.44em 0px; }
.personal-return-method .page-address .page-left dl dd { padding:0.2em 0px; }
.personal-return-method .page-address .page-left dl dd label { float:left; width:7.7142em; color:#999; }
.personal-return-method .page-address .page-left dl dd p { overflow:hidden; }
.personal-return-method .page-address .page-right { position:absolute; right:0px; bottom:2.3125em; }
.personal-return-method .page-address .page-right span { display:inline-block; margin-left:0.9375em; cursor:pointer; border:1px solid #0a3190; min-width:7.875em; text-align:center; line-height:2.5; }
.personal-return-method .page-address .page-right span:first-child { color:#0a3190; }
.personal-return-method .page-address .page-right span:first-child +span { border-color:#dfdfdf; }
.personal-return-method .page-address .page-right span:first-child +span+span { background:#0a3190; color:#fff; }
.personal-return-method .page-address .page-right span:hover { opacity:0.8; filter:alpha(opacity=80); }


.personal-return-method .page-tips { color:#999; line-height:2; padding:3.0625em 0px 2.75em; border-top:1px solid #f1f1f1; }

.personal-return-method .layui-form-label { padding:0px; width:4.9375em; text-align:left; }
.personal-return-method .layui-input { max-width:342px; padding-left:1.25em; padding-right:1.25em; background:#fff; border:1px solid #dcdcdc; }
.personal-return-method .layui-input.hover { border-color:#0a3190!important; }
.personal-return-method  .layui-form-item { margin-bottom:1.125em; }
.personal-return-method .page-form { padding:3.125em 0px 2em; }





/*******************************换货原因*******************************************/
.personal-reason-exchange { margin-top:0px; margin-bottom:6.25em; }
.personal-reason-exchange .page-title { border:none; background:#fff; margin-bottom:1.25em; }
.personal-reason-exchange .page-list { border:none; padding-bottom:2em; }
.personal-reason-exchange  .page-btn { padding-top:1.0625em; }
.personal-reason-exchange  .page-btn a { display:inline-block; border:1px solid #0a3190; text-align:center; min-width:8.9375em; margin-right:0.9375em; line-height:3.1875; color:#0a3190; background:#fff; }

.personal-reason-method .page-form { padding-top: 1em;}

/******************************评价商品*******************************************/
.personal-commondity-evaluation { border-top:0.25em solid #0a3190; margin-top:0px; margin-bottom:6.25em;}
.personal-commondity-evaluation .page-evaluation-title { border:1px solid #e8e8e8; padding:0.875em 0px; background:#fff; }
.personal-commondity-evaluation .page-evaluation-title span { width:27.08%; }
.personal-commondity-evaluation .page-evaluation-title span +span { width:72.92%; }
.personal-commondity-evaluation .page-form { width:75.28%; max-width:75.2%; }
.personal-commondity-evaluation .page-form .page-label span { display:inline-block; margin-right:1em; margin-bottom:1em; cursor:pointer; padding:0px 1em 0px 1.2857em; line-height:2.5714; background:#ececec; border-radius:1.2857em;  }
.personal-commondity-evaluation .page-form .page-label span.on { background:#0a3190; color:#fff; }

.personal-commondity-evaluation  .page-list { border:1px solid #f1f1f1; padding-top:3.1875em; border-top:none; border-bottom:1px solid #e8e8e8; }
.personal-commondity-evaluation  .page-list .page-pic-list { margin-right:4.72%; padding-bottom:0px; }
.personal-commondity-evaluation  .page-tips { padding-left:1.875em; width:auto; }
.personal-commondity-evaluation .page-form .page-btn { margin-top:-0.625em; }
.personal-commondity-evaluation .page-star-select { padding-bottom:1.125em; padding-top:0.375em; }
.personal-commondity-evaluation .page-star-select .page-sub { padding-right:0.6875em; }

.personal-commondity-evaluation .page-star-select  span { padding-left:1em; }
.layui-rate li i.layui-icon { color:#ccc; width:1.1875em; font-size:16px; margin-right:0.1875em; height:1.125em; background:url(../images/star01.png) no-repeat center center; background-size:100% 100%;  }
.layui-rate li i.layui-icon:before { display:none; }
.layui-rate li i.layui-icon-rate-solid{ color:#0a3190; background:url(../images/star02.png) no-repeat center center; background-size:100% 100%; }


@media only screen and (max-width:1660px){
.layui-rate li i.layui-icon { font-size:15px; }
}

@media only screen and (max-width:1440px){
.layui-rate li i.layui-icon { font-size:14px; }
}



/* 2022-10-19 */
.mandatory-book {
  padding: 2em 0px 3em;
  border-bottom: 1px solid #c0c0c0;
  margin-bottom: 2em;
}
.mandatory-book .layui-anim.layui-icon {
  font-size: 18px;
  margin-right: 0.5em;
  position: relative;
  top:1px;
}