﻿/* CSS Document */
@font-face {
  font-family: 'gilroy';
  src: url('https://cdn.wigginshair.com/skin/frontend/hecongtwo/pc/fonts/gilroy-regular-3.otf');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Jost';
  src: url('https://cdn.wigginshair.com/skin/frontend/hecongtwo/pc/fonts/Jost-font/Jost-Thin.ttf');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'Jost';
  src: url('https://cdn.wigginshair.com/skin/frontend/hecongtwo/pc/fonts/Jost-font/Jost-ThinItalic.ttf');
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: 'Jost';
  src: url('https://cdn.wigginshair.com/skin/frontend/hecongtwo/pc/fonts/Jost-font/Jost-ExtraLight.ttf');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'Jost';
  src: url('https://cdn.wigginshair.com/skin/frontend/hecongtwo/pc/fonts/Jost-font/Jost-ExtraLightItalic.ttf');
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: 'Jost';
  src: url('https://cdn.wigginshair.com/skin/frontend/hecongtwo/pc/fonts/Jost-font/Jost-Light.ttf');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Jost';
  src: url('https://cdn.wigginshair.com/skin/frontend/hecongtwo/pc/fonts/Jost-font/Jost-LightItalic.ttf');
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: 'Jost';
  src: url('https://cdn.wigginshair.com/skin/frontend/hecongtwo/pc/fonts/Jost-font/Jost-Regular.ttf');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Jost';
  src: url('https://cdn.wigginshair.com/skin/frontend/hecongtwo/pc/fonts/Jost-font/Jost-Italic.ttf');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'Jost';
  src: url('https://cdn.wigginshair.com/skin/frontend/hecongtwo/pc/fonts/Jost-font/Jost-Medium.ttf');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Jost';
  src: url('https://cdn.wigginshair.com/skin/frontend/hecongtwo/pc/fonts/Jost-font/Jost-MediumItalic.ttf');
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: 'Jost';
  src: url('https://cdn.wigginshair.com/skin/frontend/hecongtwo/pc/fonts/Jost-font/Jost-SemiBold.ttf');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Jost';
  src: url('https://cdn.wigginshair.com/skin/frontend/hecongtwo/pc/fonts/Jost-font/Jost-SemiBoldItalic.ttf');
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: 'Jost';
  src: url('https://cdn.wigginshair.com/skin/frontend/hecongtwo/pc/fonts/Jost-font/Jost-Bold.ttf');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Jost';
  src: url('https://cdn.wigginshair.com/skin/frontend/hecongtwo/pc/fonts/Jost-font/Jost-BoldItalic.ttf');
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: 'Jost';
  src: url('https://cdn.wigginshair.com/skin/frontend/hecongtwo/pc/fonts/Jost-font/Jost-ExtraBold.ttf');
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: 'Jost';
  src: url('https://cdn.wigginshair.com/skin/frontend/hecongtwo/pc/fonts/Jost-font/Jost-ExtraBoldItalic.ttf');
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: 'Jost';
  src: url('https://cdn.wigginshair.com/skin/frontend/hecongtwo/pc/fonts/Jost-font/Jost-Black.ttf');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'Jost';
  src: url('https://cdn.wigginshair.com/skin/frontend/hecongtwo/pc/fonts/Jost-font/Jost-BlackItalic.ttf');
  font-weight: 900;
  font-style: italic;
}
html{
  width: 100%;
  margin: 0 auto;
}
body{ 
    font-family: 'Jost','gilroy',Arial,Helvetica,sans-serif;   
    font-size:13px; 
    color:#000;
    line-height: 1.5;
} 

* {margin: 0;padding: 0; list-style-type:none}
img {border: 0 none;vertical-align: top;}
a {text-decoration: none; color:#333}
a:hover {text-decoration: none; color:#ff1c9d}
.clear{ clear:both}
 *{box-sizing:border-box;}
.left{ float:left}
.right{ float:right}
.underline { text-decoration: underline}
.yellow{ color:#f39800!important}
.red{ color:#ff1c9d}
.blue{ color:#06c}
.blue_q{ color:#59a1d9}
.szm{text-transform:capitalize}
.f12{ font-size:12px;}
.f16{ font-size:16px;}
.f24{ font-size:24px;}
.mart10{ margin-top:10px;}
.marl10{ margin-left:10px;}
.padl16{ padding-left:16px;}
.container { margin:0px auto;}
.container:after {clear: both;}
.container { margin:0px auto;max-width: 1240px;min-width: 300px;}
.container01 { margin:0px auto;max-width: 1240px;min-width: 300px;}
.container02 { margin:0px auto;max-width: 1240px;min-width: 300px;}
.position{ margin:0px auto;max-width: 1240px;min-width: 300px; padding:16px 20px; }
.position:before{ content: "\e713";  font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale; }
.position a{ padding-right:4px;}

header{ background:#fff}
.banner{ width:100%; margin:0px auto}
.main{ width:100%; margin:0px auto; background:#fff; padding:0px;}
.clear{ clear:both}
em{ font-style:normal}

.form-control {background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 4px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;color: #555;display: block;font-size: 14px;height: 34px;line-height: 1.42857;padding: 6px 12px;transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;width: 100%;}
.form-control:focus {border-color: #66afe9;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);outline: 0 none;}
.cor99{ color:#999}
input[type="checkbox"] {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;border: 1px solid #eee;height: 16px;margin-right: 2px;vertical-align: middle;width: 16px;}

.a-right{ text-align:right}
.a-left{ text-align:left!important}
.a-center{ text-align:center!important; width:100%}

.martop8{ margin-top: 8px;}
.martop4{ margin-top: 4px;}
.martop9{ margin-top: 9px;}
.martop10{ margin-top: 10px;}
.martop12{ margin-top: 12px;}
.martop15{ margin-top: 15px;}
.martop16{ margin-top: 16px;}
.martop20{ margin-top: 20px;}
.martop24{ margin-top: 24px;}
.martop25{ margin-top: 25px;}
.martop30{ margin-top: 30px;}
.martop32{ margin-top: 32px;}
.martop40{ margin-top: 40px;}
.padbottom8{
    padding-bottom: 8px;
}

/* head */
.topinfo{ width:100%; height:40px; line-height:40px; background:#404040}
.topinfo .lefttel{ float:left; color:#fff}
.header-switch{float:left;}
.header-switch .form-language{ float:right; position:relative;	color:#fff;padding:0 15px 0 0;}
.header-switch .form-language span{ display:inline-block;}
.header-switch .form-language .icon{width:15px; background:url(../images/arrow-white.png) left center no-repeat transparent; display:inline-block; margin-left:0px;}
.header-switch .form-language .language-select{ display:none; position:absolute;background-color:#fff; border:1px solid #5b5b5b; padding:10px; left:0; top:40px; z-index:999; border-top-width:0; width:130px!important;}
.header-switch .form-language .language-select.active{ display:block; width:100%;}
.header-switch .form-language .language-select a{ color:#333; line-height:24px; display:block; font-size:12px;  }
.language-select a span{background: url(../images/countries-flag.png) no-repeat scroll 0 0 transparent;width:16px; height:13px; display:inline-block; margin-right:10px;}
.language-select a.default span{ background-position:-320px -200px;}
.language-select a.french span{ background-position:-220px -60px;}
.language-select a.german span{ background-position:-360px -60px;}
.language-select a.russian span{ background-position:-80px -160px;}
.language-select a.spain span{ background-position:-120px -180px;}
.language-select a.portuguese span{ background-position:-460px -140px;}
 
/**header user**/
.header_user_group{
  position: relative;
}
.header_user_group:hover .header_user_action{
    display: block;
}
.header_user_action{
    position: absolute;
    left: 33%;
    bottom:0;
    transform: translate3d(-50%,100%,0);
    width: 160px;
    padding: 32px 0 8px;
    border-radius: 0px 0px 16px 16px;
    z-index: 11;
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 248, 242, 1) 100%);
    display: none;
}
.header_user_action_item{
    display: block;
    text-align: center;
    line-height: 44px;
    font-size: 14px;
}
.header_user_action_item._black{
  background-color: #000;
  color: #fff;
}
.header_user_action[data-status="1"] .header_user_action_item[data-status="1"],
.header_user_action[data-status="0"] .header_user_action_item[data-status="0"]{
  display: block;
}
.header_user_action[data-status="1"] .header_user_action_item[data-status="0"],
.header_user_action[data-status="0"] .header_user_action_item[data-status="1"]{
  display: none;
}

 /* ============================================ *
 * Header Currency
 * ============================================ */
 .language-switcher{float:left;}
 .currency-switcher {
     position: relative;
 }
 .currency-switcher span {
  font-size: 14px;
  font-weight: 600;
 }
 .header-switch .currency-switcher .icon,.hd-language .language-switcher .icon{ 
    display: inline-block;
    background: url('https://cdn.wigginshair.com/media/wysiwyg/home/1672905259.png') no-repeat;
    width: 24px;
    height: 24px;
    background-size: 100% 100%;
    vertical-align: bottom;
 }	
 .hd-language .language-switcher .currency-select1{ 
    position:absolute; 
    display: none;
    background-color:#fff; 
    border:1px solid #E4E4E4; 
    padding:10px 8px;
    min-width:91px; 
    left:-4px; 
    top:35px; 
    z-index:999;
    -moz-box-shadow: 0 3px 10px rgba(0,0,0, 0.15);
    -webkit-box-shadow: 0 3px 10px rgba(0,0,0, 0.15);
    box-shadow: 0 3px 10px rgba(0,0,0, 0.15); 
    left:76px;
}
.currency-switcher .currency-select {
    width: 100px;
    position: absolute;
    display: none;
    background: #fff;
    border:1px solid #e4e4e4; 
    padding:10px 8px;
    top: 22px;
    left: -15px;
    -webkit-box-shadow: 0 3px 10px rgba(0,0,0, 0.15);
    box-shadow: 0 3px 10px rgba(0,0,0, 0.15); 
    z-index:999;
}
 .header-switch .currency-switcher .currency-select.active,.hd-language .language-switcher .currency-select1.active{ display:block; }
 .header-switch .currency-switcher .currency-select a,.hd-language .language-switcher .currency-select1 a{ color:#333; line-height:24px; display:block; font-size:12px; position:relative;text-transform:uppercase;}
 .header-switch .currency-switcher i { 
    font-size:12px;
}
 .hd-language .language-switcher i{ font-size:13px; padding-left:8px;}
 .currency-select a span{background: url(../images/countries-flag.png) no-repeat scroll 0 0 transparent; width:16px; height:13px; display:inline-block;} 
 .currency-select a label{font-weight: normal;font-size: 12px;display: inline-block;}
 .currency-select a.AUD span{ background-position:-340px 0;}
 .currency-select a.GBP span{ background-position:-260px -200px;}
 .currency-select a.CAD span{ background-position:-360px -20px;}
 .currency-select a.USD span{ background-position:-320px -200px;}
 .currency-select a.EUR span{ background-position:-100px -60px;}
 .currency-select a.FRF span{ background-position:-482px -23px;}
 .currency-select a.RUB span{ background-position:-82px -162px;}
 .currency-select a.ZAR span{ background-position:-40px -180px;}

.currency-switcher span.c{background: url(../images/countries-flag.png) no-repeat scroll 0 0 transparent; width:16px; height:13px; display:inline-block; } 
 .currency-switcher span.AUD{ background-position:-340px 0;}
 .currency-switcher span.GBP{ background-position:-260px -200px;}
 .currency-switcher span.CAD{ background-position:-360px -20px;}
 .currency-switcher span.USD{ background-position:-320px -200px;}
 .currency-switcher span.EUR{ background-position:-100px -60px;}
 .currency-switcher span.FRF{ background-position:-482px -23px;}
 .currency-switcher span.RUB { background-position:-82px -162px;}
 .currency-switcher span.ZAR { background-position:-40px -180px;}

.header-links{  color:#fff;  width:568px; float:right}
.header-links .links{ float:right}
.header-links .links ul{ display:block;}
.header-links .links ul li{ display:inline-block; padding:0 8px; vertical-align:middle; line-height:1.2;}
.header-links .links ul li:last-child{ border-right:none;}
.header-links .links ul li a{ color:#fff; font-size:13px;} 
@media only screen and ( max-width:770px){
	 .header-links{ display:none;}
}
.h_logo{ width:420px; float:left; margin:12px 0 10px 0 }
.h_search{ width:380px; margin:30px 0px 0px 10px; float:left; position:relative}
.h_search .searchinput{ line-height:48px; height:48px; border:1px solid #ddd; border-radius:3px; padding-left:10px;transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; width:100%;float:left; padding-right:52px;}
.h_search .searchinput:focus {border-color: #66afe9;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);outline: 0 none;}
.h_search .seabtn{ border: 0 none;cursor: pointer;height: 46px;width: 50px; right:1px; top:1px; border:0; cursor:pointer; color:#ff1c9d; position:absolute; border-left:1px solid #ddd; background:none}
.h_search .seabtn:before{ content: "\e63f"; font-size:26px;}
.h_links{ float:right; margin-top:24px;}
.h_links li{ width:60px; float:right; margin-left:40px; text-align:center;}
.h_links li i{ color:#ff1c9d; font-size:30px; height:40px; line-height:40px; display:block}
.h_links li p{ font-size:12px;color:#626262; font-weight:bold}
.h_links li:nth-child(3) i{ font-size:36px;}

/* ============================================ *
 * Header Custom Nav
 * ============================================ */ 
 #header-custom-nav{ width:100%;  background:#f2f2f2}
 #header-custom-nav .hcn-container{ max-width:1200px; margin:0 auto; position:relative; }
 #header-custom-nav .hcn-container .hcn-menu{ display:inline-block; height:40px; line-height:40px;}
 #header-custom-nav .hcn-menu a{ color:#000; font-size:14px; display:block; padding:0 30px 0 0; text-transform:uppercase;}
 #header-custom-nav .hcn-menu a:hover{ text-decoration:none;}
 #header-custom-nav .hcn-menu a span{ display:block; color:#636363; font-family:"Raleway","Helvetica Neue",Verdana,Arial,sans-serif; font-size:11px; font-weight:400; line-height:1.4; margin:0 0 10px; text-rendering:optimizespeed; padding-top:10px;}
 #header-custom-nav .hcn-menu a:hover span{ text-decoration:underline;}
 #header-custom-nav .text-yellow a{ color:#a4367a;}
 #header-custom-nav .hcn-sub{ position:absolute; width:200px; top:40px; left:0; border-top:2px solid #ff1c9d;background-color:#fff; z-index:1999; color:#666; padding-bottom:10px; display:none;}
 #header-custom-nav .hcn-sub.active{ display:block;}
 #header-custom-nav .hcn-sub dl{ float:left;width:100%}
 #header-custom-nav .hcn-sub dd a{color: #666;display: block;font-family: Segoe,"Segoe UI","DejaVu Sans","Trebuchet MS",Verdana,sans-serif;font-size: 12px;font-weight: normal;line-height: 38px;text-decoration: none;text-transform:none; padding-left:20px;	 }	 
 #header-custom-nav .hcn-sub dd:hover{ background:#eaeaea }
  #header-custom-nav .hcn-sub dd{ position:relative}
 #header-custom-nav .hcn-sub dd .hcn-sub-3 a:hover{ text-decoration:underline}
 #header-custom-nav .hcn-sub dd:nth-child(1) .hcn-sub-3{ border-top:2px solid #ff1c9d;}
 #header-custom-nav .hcn-sub dd .hcn-sub-3{ display:none; background:#fff; width:200px; opacity:0.9; top:-2px;}
 #header-custom-nav .hcn-sub dd:hover .hcn-sub-3{ display: block; position:absolute; left:200px;}
 @media only screen and ( max-width:770px){
 #header-custom-nav{ display:none;}
}
	 
/**分享组件 start**/
.share_modal{
  box-sizing: border-box;
  position: fixed;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  margin: auto;
  width:432px;
  height: auto;
  padding: 44px 32px 32px 32px;
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 248, 242, 1) 100%);
  display:none;
}
.share_modal_close{
  position: absolute;
  top: 16px;
  right:16px;
  width: 24px;
  height: 24px;
  margin: auto;
}
.share_modal_close .icon{
  display:block;
  width: 100%;
  height: 100%;
}
.share_modal_content{
  box-sizing: border-box;
  width: 100%;
}
.share_modal_title {
  text-align: center;
}
.share_modal_title h2 {
  font-size: 21px;
  font-weight: bold;
  color: #1c1c1c;
}
.share_modal_body{
  box-sizing: border-box;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.share_modal_item{
  flex: 0 0 auto;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  width: 178px;
  height: 56px;
  margin-top: 12px;
  padding-left: 16px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 1);
  border: 1px solid rgba(255, 231, 209, 1);
}
.share_modal_item img{
  display:block;
  width: 40px;
  height: 40px;
}
.share_modal_item p{
  text-align: center;
  margin: 0px 0 0 8px;
  font-size: 16px;
  font-weight: 500;
}
/**分享组件 end**/
	 
/* star */
.star {background: url(../images/star1.png)  no-repeat scroll 0 0;float: left;height: 15px;width: 80px;}
.star.sa0 {background-position: 0 0px;}
.star.sa1 {background-position: -16px 0px;}
.star.sa2 {background-position: -32px 0px;}
.star.sa3 {background-position: -48px 0px;}
.star.sa4 {background-position: -64px 0px;}
.star.sa5 {background-position: -80px 0px;}
.star.sa {background-position: -80px -0px; width:15px; float:left}
.star:hover.sa{background-position: -1px 0px; width:15px; float:left; cursor:pointer}
.star.current.sa {background-position: -1px 0px; width:15px; float:left}
.star.star-1 {
  background-position: -64px 0px;
}
.star.star-2 {
  background-position: -48px 0px;
}
.star.star-3 {
  background-position: -32px 0px;
}
.star.star-4 {
  background-position: -16px 0px;
}
.star.star-5 {
  background-position: 0 0px;
}

/* line */
.l_or {width: 100%; margin:56px 0 40px 0; height:16px; background:url(../images/x.png) repeat; text-align:center;}
.l_or i {background: #fff none repeat scroll 0 0;color: #333; line-height:28px; margin-top:-6px; font-size:28px; padding:0 30px; display:inline-block;font-style: normal;}
.footer{ width:100%; margin:0px auto;background-color:#f9f9f9; margin-top:20px;}
.footer ul li{width:100%; float:left; border-bottom:1px solid #ddd}
.footer a{ color:#333;}
.footer a:hover {text-decoration: none; color:#ff1c9d}
.footer_b{ height:60px; width:100%; float:left;line-height:60px; padding:0 16px; border-top:1px solid #fff}
.footer .f_s_s{ width:400px; float:left; margin-left:0px; margin-top:30px;}
.footer .f_s_r{ width: auto; margin-left:450px;}
.footer .f_s_r dl{ width:25%;float:left; padding:30px 0}
.footer .f_s_r dl dt{ font-size:18px; line-height:36px;text-transform: uppercase;}
.footer .f_s_r dl dd{ line-height:28px; font-size:12px;text-transform:capitalize}
.footer .f_s_r dl.bigtxt dd{ font-size:14px;}


table.pretty01 {clear: both;width: 100%; border-top:1px solid #e7e7e7; border-right:1px solid #e7e7e7;  }
table.pretty01 tbody tr td{ text-align:left; font-size:14px; border-bottom:1px solid #e7e7e7;   border-left:1px solid #e7e7e7;   line-height:14px; padding:12px 10px 12px 16px}
.toolbar-top .pages{ display:none}
.toolbar-top .pager{ float:left}
.toolbar-top .pager .amount{ display:none}
.toolbar-bottom .sorter{display:none}
.toolbar-bottom .pager{display:none}
#nav{margin:0px auto;max-width: 1240px;min-width: 300px; padding:0px 20px;}
.pcbaner .owl-pagination{ display:none!important}
.owl-theme .owl-controls{ margin-top:0!important}
.pcbaner{ display:none;}


.progroup{background:#fff; margin-top:-10px !important;}
.dagroup{background:#fff;}
.bestsale{background:#fff; display:none !important;}
.proground{background:#fff; height:1058px !important; margin-top:-50px !important;}
.share{background: #fff; margin-top:-5px !important;}

.filter_view {
 position: relative;
}
.categorypath-human-hair-weave-html .filter_view{
 top:0;
}
.wide span {
	color: #757575;
}
.tellUsNow {
    margin-top:20px;
    background: #f5f5f5;
    padding: 20px 0;
}

.tellUsNow .tellUsTitle {
    font-size: 20px;
    text-align: center;
    padding-bottom: 20px;
}

.tellUsNow .tellUsNowBox {
    display: flex;
    justify-content: center;
}

.tellUsNow .tellUsNowBox a {
    width: 250px;
    height: 45px;
    line-height: 45px;
    color: #fff;
    font-size: 18px;
    border-radius: 13px;
    background-color: #000;
    text-align: center;
    margin: 0 10px;
}
/* logout */
.logout-title {
    color: #333;
    text-align: center;
    margin-bottom: 15px;
    font-size: 20px;
    text-transform: capitalize;
}
.logout-text {
    font-size: 15px;
    text-align: center;
    line-height: 1.5;
}
/* 问答积分弹窗 */
.vip_browse {
    display: none;
}
.vip_browse-form .radio-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
}
.vip_browse-form .radio-list .radio-item {
  width: 49%;
}
.vip_browse-form .radio-item input[type="radio"] {
  overflow: hidden; height:0; width:0;
}

.vip_browse-form .radio-item:hover label{
  border: 2px solid #ff3600;
}
.vip_browse-form .radio-item label {
  cursor: pointer;
  padding: 2px;
  overflow: hidden;
  border: 2px solid transparent;
  border-radius: 10px;
}
.vip_browse-form .radio-item label.active {
  border: 2px solid #ff3600;
}
.vip_browse-cover {
    display: block;
    position: fixed;
    z-index: 180;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .7);
}

.vip_browse-popup {
    display: block;
    width: 520px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 3px;
    box-sizing: border-box;
    background-color: #f4f4f4;
    z-index: 180;
}

.vip_browse-popup_tit {
    padding: 10px 0px;
    box-sizing: border-box;
    line-height: 36px;
    font-size: 18px;
    text-align: center;
    background: #fff;
    font-weight: 700;
    position: relative;
}

.vip_browse-popup_close {
    position: absolute;
    z-index: 5;
    top: 12px;
    right: 10px;
    font-size: 22px;
    text-align: center;
    cursor: pointer;
}

.vip_browse-popup_form {
  padding: 20px 80px;
}
.vip_browse-popup_form .radio-item {
  margin-bottom: 10px;
}
.vip_browse-popup_form 
.vip_browse-text {
    color: #636363;
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 10px;
}

.vip_browse-form textarea {
    width: 100%;
    height: 173px;
    background: 0 0;
    border: 1px solid #dfe0e0;
    border-width: 2px;
    display: block;
    padding: 10px;
    box-sizing: border-box;
    text-align: left;
    font-size: 14px;
    line-height: 20px;
    border-radius: 3px;
    margin: 15px 0;
    margin-bottom: 5px;
}

.vip_browse-btn {
    width: 100%;
    font-size: 16px;
    font-weight: 700;
    height: 46px;
    line-height: 46px;
    background: #0b0b0b;
    color: #fff;
    text-transform: capitalize;
    text-align: center;
    border-radius: 2px;
    cursor: pointer;
    border: none;
}

.tips-message {
    z-index: 10;
    width: 200px;
    display: none;
    text-align: center;
    padding: 20px;
    border-radius: 8px;
    opacity: .8;
    background-color: #000;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.tips-text {
    color: #fff;
    font-size: 15px;
    line-height: 22px;
}

.tips-btn {
    margin-top: 10px;
}

.tips-btn span {
    padding: 3px 10px;
    border-radius: 8px;
    background-color: #fff;
    font-size: 16px;
    font-weight: 600;
}

.vip-input-tips {
    color: #df280a;
    font-size: 13px;
    display: block;
    margin: 10px 0;
}
/* 分享产品加积分 */
.sharePoints {
    display: inline-block;
    cursor: pointer;
    margin-left: 10px;
    width: 22px;
    margin-top: -2px;
}
span.get-card-tips {
  margin-left: 8px;
  margin-top: -5px;
  font-size: 16px;
  font-weight: 600;
  color: #000;
  background: #f5c4b0;
  width: 308px;
  text-align: center;
  border-radius: 4px;
}
.win-mask {
    display: none;
    position: fixed;
    z-index: 1000;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .7);
  }

  .win-popup {
    display: none;
    width: 520px;
    padding: 35px;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    border-radius: 3px;
    box-sizing: border-box;
    overflow: hidden;
    z-index: 1001;
  }

  .win-popup .win-popup_title {
    font-size: 18px;
    text-align: center;
    line-height: 24px;
    font-weight: 700;
    margin-bottom: 8px;
  }

  .win-popup_close {
    position: absolute;
    z-index: 5;
    top: 15px;
    right: 5px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    text-align: center;
    cursor: pointer;
  }

  .share-win_tips {
    margin-bottom: 40px;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
  }

  .share-popup .share_item {
    cursor: pointer;
    display: inline-block;
    margin-bottom: 24px;
    margin-left: 10px;
    margin-right: 10px;
    border: none;
    background-color: #fff;
  }

  .share-popup .share_info {
    display: block;
    margin-top: 6px;
    font-size: 12px;
    line-height: 30px;
    text-align: center;
    color: #0b0b0b;
  }

  .win-tips {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    position: fixed;
    left: 50%;
    top: 150%;
    transform: translate(-50%, -50%);
    padding: 30px 60px;
    color: #fff;
    text-align: center;
    background: #fff;
    border-radius: 4px;
    text-transform: capitalize;
    transition: all .3s ease-in;
    z-index: 1002;
    box-sizing: border-box;
  }

  .win-tips_status {
    justify-content: flex-start;
    align-items: center;
    width: 520px;
    background: #fff;
  }

  .win-tips_active {
    top: 50%;
  }

  .win-tips_success {
    box-shadow: 0 8px 20px rgba(15, 206, 80, .3);
  }

  .win-tips_icon {
    display: inline-block;
    margin-right: 15px;
    font-size: 42px;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
  }

  .win-tips_text {
    flex: 1;
    padding: 0;
    box-sizing: border-box;
    color: #0d1623;
    font-size: 14px;
    line-height: 22px;
    font-weight: 600;
    text-align: left;
  }
  /* 下单成功页 */
.success-title {
  padding: 10px 0;
}
.success-text {
  margin: 10px 0;
  line-height: 1.5;
}
/* 提示登录弹窗 */
.remind-login {
  display:none;
  padding: 0;
  overflow: inherit;
}

.remind-login .win-popup_close {
  width: 25px;
  top: 4px;
  background: #fff;
  height: 24px;
  padding: 5px;
}

.remind-login_box {
  padding: 30px;
  text-align: center;
}

.remind-login_title {
  font-size: 30px;
  font-weight: 600;
  line-height: initial;
  padding-bottom:10px;
  text-transform: uppercase;
}

.remind-login_text {
  font-size: 22px;
  line-height: 2;
}

.remind-login_link {
  padding-top: 20px;
}

.remind-login_link a {
  color: #fff;
  font-size: 19px;
  padding: 10px 80px;
  display: inline-block;
  background-color: #000;
}
/* 订单详情页 */
.view-order_table tbody .a-right{
  text-align: center;
}
/* 注册页 */
.register-checkbox-box{
  margin-top: 16px;
}
.customer-account-create .register-checkbox {
  display: flex;
  margin-bottom: 12px;
}
.register-checkbox label {
  color: #aaa;
  display: initial;
}
.register-checkbox label a {
  color: #aaa;
  text-decoration: underline;
}
.register-checkbox-box .checkbox[type=checkbox]{
  appearance: none;
  width: 18px;
  height: 18px;
  margin-right: 11px;
  flex: 0 0 auto;
  background: transparent;
  border-radius: 4px;
  border: 1px solid #000;
  margin-top: 4px;
}
.register-checkbox-box .checkbox[type="checkbox"]:checked {
  background: url('https://cdn.wigginshair.com/media/wysiwyg/icon/202506201016.png') no-repeat;
  background-size: 9px 6px; 
  background-position: 50%;
}
.register-checkbox-box .register-checkbox label{
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  color: rgba(102, 102, 102, 1);
}
.register-checkbox-box .register-checkbox label a{
  color: rgba(140, 23, 0, 1);
}
.input-box .icon-delete {
  display: none;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 14px;
  right: 20px;
  cursor: pointer;
}
.ap-input-password-toggle {
  font-size: 20px;
  position: absolute;
  right: 20px;
  top: 14px;
  display: none;
}
.ap-input-password-toggle[data-status="hide"] .icon-eyeshow, 
.ap-input-password-toggle[data-status="show"] .icon-eyehide {
  display: none;
}
.customer-account-create .register-w {
  width: 368px;
  margin: 96px auto;
}
.customer-account-create .required {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  margin-bottom: 8px;
}
.customer-account-create .loginTitle {
  display: flex;
  align-items: center;
  justify-content: center;
}

.customer-account-create .loginTitle h2,
.customer-account-create .btnTitle h2 {
  font-size: 24px;
  margin: 0;
}

.customer-account-create .loginImg {
  margin: 20px 0;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  padding: 10px 0;
  background: linear-gradient(to top right, #e2a037, #c9802b);
}


.customer-account-create .form-list .fields {margin:0;}
.customer-account-create input[type=checkbox]:checked+.label label:after,
.customer-account-create input[type=checkbox]:checked+label:after {
background: none;
}
.customer-account-create .name-firstname,
.customer-account-create .name-lastname {width:48%;}

.customer-account-create .customer-name {
  display: flex;
  justify-content: space-between;
}

.customer-account-create .required-entry,
.customer-account-create .register-popup__phone-copy #register-phone {
  width: 100%;
  height: 52px;
  border: 1px solid rgba(255, 231, 209, 1);
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
}
.customer-account-create .required-entry::placeholder{
  font-weight: 400;
}
.customer-account-create .register-popup__phone-copy #register-phone::placeholder{
  font-weight: 400;
}
.customer-account-create .register-popup__phone-copy #register-phone{
  text-indent: 112px;
}
.customer-account-create .tel-code{
  position: absolute;
  top: 13px;
  left: 12px;
}
.customer-account-create .tel-code__pre{
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  margin: 0 12px;
}
.customer-account-create .requiredText {
  display: flex;
  justify-content: space-between;
}

.customer-account-create .requiredText .required {
  color: #ff4800;
}

.customer-account-create .newSletter input {
  display: inline-block;
  width: inherit;
}

.customer-account-create .newSletter input[type='checkbox'] {
  border: 1px solid #000;
}

.customer-account-create .newSletter label {
  position: relative;
}

.customer-account-create .subBtn {
  width: 368px;
  height: 52px;
  border-radius: 12px;
  background: rgba(0, 0, 0, 1);
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 52px;
  margin: 24px auto;
  border: 0;
  font-family: 'Jost', 'gilroy', Arial, Helvetica, sans-serif;
}

.customer-account-create .escrowAccount {
  margin-top: 12px;
}

.customer-account-create .escrowAccountTips {
  text-transform: uppercase;
  margin-right: 10px;
}

.customer-account-create .btnBox {
  text-align: center;
}
.customer-account-create .btnText {
  color: #666;
  padding: 15px 0;
  font-size:16px;
  line-height: 25px;
}
.customer-account-create .loginBtn span {
  border-radius: 0px;
  width: 100%;
  font-size: 20px;
  letter-spacing: 1.5px;
  display: inline-block;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  text-align: center;
  height: 50px;
  line-height: 50px;
  background-color: #000;
}
.customer-account-create .buttons-set {
  border: none;
}

   .customer-account-create .customer-password .password input,
   .customer-account-create .customer-password .confirmation input{
    width: 100%;
   }
.customer-account-create .customer-password .password .input-box{
 position: relative;
}
.customer-account-create .customer-birthday-label {
  position: relative;
}
.customer-account-create .customer-birthday-label--tips:before {
  position: absolute;
  top: -6px;
  left: 26%;
  display: inline-block;
  content: "";
  width: 8px;
  height: 8px;
  border-left: 1px solid #ddd;
  border-top: 1px solid #ddd;
  background: #fff;
  transform: rotate(45deg);
}
.customer-account-create .customer-birthday-label--tips {
  display: none;
  width: 100%;
  max-width: 320px;
  padding: 1em;
  position: absolute;
  top: 1.5em;
  background: #fff;
  box-sizing: border-box;
  border: 1px solid #ddd;
  box-shadow: 0 2px 3px 0 #ddd;
  font-size: 14px;
  line-height: 22px;
  color: #1f1d2b;
}
.customer-account-create .customer-birthday-label--tips.active {
  display: block;
}
    .customer-account-create .customer-number_select {
      width: 15%;
      position: relative;
    }
    .customer-account-create .customer-number_select #phone_code {
      border-right: none;
      appearance: none;
      -moz-appearance: none;
      -webkit-appearance: none;
      padding-left: 5px;
      outline: 0;
    }
    .customer-account-create .customer-number_select::after {
      content: '';
      width: 1px;
      height: 20px;
      background: #6d6d6d;
      display: inline-block;
      position: absolute;
      top: 9px;
  }
    .customer-account-create .customer-number_input {
      width: 89%;
      
    }
    .customer-account-create .customer-number_input #register-phone{
      width: 100%;
      height: 38px !important;
      border-left: none;
    }
    .customer-account-create .customer-number_input #register-phone:focus {
      border: 1px solid #6d6d6d;
      border-left: none;
  }
    .customer-account-create .customer-number_input  input {
      width: 100%;
      border-radius: 0;
      border-color: #767676;
    }
/* 注册页 end  */
/* 登录页 */
.customer-account-login .w {
  width: 368px;
  margin: 96px auto;
}
.customer-account-login .input-box {
  position: relative;
}
.customer-account-login .pass-icon,
.customer-account-create .pass-icon{
  position: absolute;
  top:50%;
  transform: translateY(-50%);
  right: 12px;
  cursor: pointer;
}
.customer-account-login .pass-icon img,
.customer-account-create .pass-icon img{
  vertical-align: middle;
}
.loginBorder,
.createBorder {
  width: 1px;
  height: 380px;
  background: #4a4a4a;
}
.createBorder {
  height: 680px;
}
.customer-account-login .loginTitle {
  display: flex;
  justify-content: center;
  align-items: center;
}
.loginTitle-line{
  width: 1px;
  height: 16px;
  margin: 0 24px;
  background: rgba(204, 204, 204, 1);
}
.customer-account-login .required {
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}
.customer-account-login .form-list .fields {
      margin: 0;
}
.customer-account-login .loginBtn a,
.customer-account-create .loginBtn a{
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  color: rgba(172, 172, 172, 1);
  text-transform: capitalize;
}

.customer-account-login #form-validate {
  padding: 0 20px;
}

.customer-account-login .form-list .field,
.customer-account-create .form-list .field {
  margin-bottom: 24px;
}

.customer-account-login .required-entry {
  border: 1px solid rgba(255, 231, 209, 1);
  background: rgba(255, 255, 255, 1);
  border-radius: 8px;
  width: 368px;
  height: 52px;
  font-size: 14px;
  font-weight: 500;
}
.customer-account-login .required-entry::placeholder{
  font-weight: 400;
}
.customer-account-login .customer-name {
  display: flex;
  justify-content: space-between;
}

.customer-account-login .email_address input,
.customer-account-login .password input,
.customer-account-login .confirmation input {
  width: 100%;
  position: relative;
}


.customer-account-login .requiredText .required {
  color: red;
}

.customer-account-login .newSletter input {
  display: inline-block;
  width: inherit;
}

.customer-account-login .newSletter input[type='checkbox'] {
  display: none;
  border: 1px solid #000;
}

.customer-account-login .newSletter label {
  position: relative;
}

.customer-account-login .newSletter input[type='checkbox']+label:before {
  content: "";
  cursor: pointer;
  display: inline-block;
  width: 14px;
  height: 14px;
  border: 1px solid #fff;
  position: absolute;
  top: 3px;
  left: -23px;
}

.customer-account-login .newSletter input[type='checkbox']+label::after {
  content: "";
  cursor: pointer;
  display: inline-block;
  width: 18px;
  height: 18px;
  border: 1px solid #000;
  position: absolute;
  top: 1px;
  left: -25px;
}

.customer-account-login .newSletter input[type='checkbox']:checked+label:before {

  background-color: #fb571c;
}

.customer-account-login .subBtn {
  border: none;
  background: none;
  width: 100%;
  font-size: 16px;
  display: inline-block;
  color: #fff;
  font-weight: 500;
  text-align: center;
  height: 52px;
  line-height: 52px;
  background-color: #000;
  font-family: 'Jost', 'gilroy', Arial, Helvetica, sans-serif;
}
.customer-account-login .buttons-set {
  border: none;
}
.customer-account-login .escrowAccount .escrowAccountIcon{
  margin-top: 24px;
}
.w .formBox .escrowAccountIcon .goole-box{
  width: 100%;
  height: 44px;
  background: rgba(253, 234, 220, 1);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
}
.customer-account-login .escrowAccountTips {
  text-transform: uppercase;
  margin-right: 10px;
}

.customer-account-login .btnBox {
  text-align: center;
}
.customer-account-login .btnText {
  color: #666;
  font-size:20px;
  padding: 20px 0;
  line-height: 1.6;
}
.customer-account-login .loginTitle h2,
.customer-account-create .loginTitle h2 {
  width: 79px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  background: #000;
  border-radius: 20px;
  display: block;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
}
.customer-account-create .login-encrypted{
  height: 164px;
  padding: 32px 20px 16px;
  box-sizing: border-box;
  position: relative;
}
.customer-account-create .loginTitle h2{
  width: 89px;
}
.customer-account-login .forgotLink{
  text-align: right;
  margin: -8px 0 0;
  text-decoration: underline;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
.customer-account-login .escrowAccountIcon .icon{
  width:24px;
  height:24px;
}
.login-encrypted{
  width: 368px;
  height: 148px;
  border: 1px solid rgba(255, 196, 148, 1);
  border-radius: 8px;
  padding: 16px 20px;
  box-sizing: border-box;
  margin: 24px auto;
}
.encrypted-box{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.extra-saving{
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 70px;
}
.extra-saving img{
  width: 32px;
}
.extra-saving .extra-saving-text{
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  line-height: 18px;
  margin-top: 8px;
}
.encrypted-use{
  width: 193px;
  height: 24px;
  background: rgba(253, 234, 220, 1);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  margin: 16px auto 0;
}
.encrypted-use img{
  width: 16px;
}
.encrypted-use .encrypted-use-text{
  font-size: 14px;
  font-weight: 400;
  margin-left: 8px;
}
.newbuttons-set button{
  display: block;
  width: 100%;
  height: 52px;
  background: #000;
  color: #fff;
  line-height: 52px;
  text-align: center;
  border-radius: 12px;
  margin: 24px auto;
  font-size: 16px;
  font-weight: 500;
}
.singin-width-login{
  display: flex;
  align-items: center;
  justify-content: center;
}
.singin-width-login-line{
  width: 113px;
  height: 1px;
  background: rgba(224, 224, 224, 1);
}
.singin-width-login-text{
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: rgba(172, 172, 172, 1);
  margin: 0 8px;
}
/* 登录页end */
/* 结账页 */
.clause {
  font-size:13px;
  margin:0;
  color:#aaa;
  margin-bottom: 10px;
}
.clause a {
  color: #aaa;
  text-decoration: underline;
}
/* 结账页end */
/* 账户信息页 */
.account-information {
  width: 600px;
  background:#fff;
  padding:20px;
  border-radius:20px;
}
.account-information-topnotes{
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 40px;
    background-color: #FFECE6;
    font-size: 14px;
    font-weight: 500;
    color: #660E00;
}
.account-information-topnotes svg{
    flex: 0 0 auto;
    display: block;
    width: 24px;
    height: 24px;
    margin-right: 8px;
}
.account-information #form-validate .fieldset {
  float: inherit;
  width: 100%;
  padding:0;
}
.account-information #form-validate .fieldset.pwd {
  padding:10px;
  border-radius:10px;
  background:#f3f3f3;
}
.account-information #form-validate .fieldset.pwd .form-list {
  margin-top:10px;
}
.account-information .form-list {
  padding:0 10px;
}
.account-information h2.legend {
  color: #000;
  border:none;
  font-weight:600;
  text-transform: uppercase;
}
.account-information .customer-name,
.account-information .form-flex {
  display: flex;
  justify-content: space-between;
}
.account-information .name-firstname,
.account-information .name-lastname,
.form-flex .field {
  width: 48%;
}
.account-information .input-box input{
  width: 100%;
  border-radius: 8px;
  border: 1px solid #999;
}
.account-information .input-box select {
  width: 100%;
  padding:0 5px;
  border-radius: 8px;
  border: 1px solid #999;
}
.account-information label.required em {
  font-size:16px;
  vertical-align: sub;
}
.account-information .form-list .required {
  color:#666;
  font-size:15px;
  font-weight:normal;
}
.account-information .form-list .control #change_password {
  margin-left:3px;
  margin-right: 5px;
}
.account-information .buttons-set {
  border:none;
  text-align:center;
}
.account-information .buttons-set button.button {
  float: inherit;
  color:#fff;
  width: 275px;
  height: 50px;
  line-height:50px;
  background: #000;
  border-radius:8px;
  padding:0;
  font-size:18px;
}
.account-information .fields.birth {
  display: flex;
  justify-content: space-between;
}
.account-information .fields.birth .field {
  width: 30%;
}
.account-information .fieldset p.required {
  font-size: 15px;
  font-weight:600;
}
.account-information .customer-number_select {
  width: 30%;
}
.account-information .customer-number_select select,
.account-information .customer-number_input input {
  border-radius: 8px;
  width: 100%;
}
.account-information .customer-number_input {
  width: 65%;
}
/* 帐户信息页end */
/* 物流查询插件 */
.trackBox .track-number {
  display: none;
}
.trackBox #YQNum {
  width: 1px;
  border: none;
  padding: 0;
  visibility: hidden;
}
#my-orders-table .trackBox .yqBtn {
  cursor: pointer;
  vertical-align: top;
}
#my-orders-table .trackBox .yqBtn:hover {
  color: #ff4500;
}
.order-details .table-caption {
  display: flex;
  justify-content: space-evenly;
}
/* 物流查询插件 end*/
  /* 购物车弹窗 */
  .winPay {
    width: 580px;
    padding: 35px 20px;
  }
  .win-popup_wrap {display:flex;}
  .winPay-left {
    width: 36%;
  }
  .winPay-left .win-tit {
    margin-bottom: 10px;
    color: #0d1623;
    font-weight: 700;
    font-size: 24px;
    line-height: normal;
  }
  .winPay-tit {
    font-size: 14px;
    color: #0d1623;
    margin-bottom: 10px;
  }
  .winPay-tit span {
    font-size: 16px;
    font-weight: 700;
    color: #d7651b;
  }
  .winPay-btn {
    width: 130px;
    height: 38px;
    line-height: 38px;
    background: #000;
    color: #d7651b;
    font-size: 14px;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    font-weight: 600;
  }
  .winPay-btn:hover {
    color: #000;
    background-color: #d7651b;
  }
  .winPay-right {
    width: 320px;
    margin-bottom: 20px;
    padding-left: 20px;
    background: #fff;
    box-sizing: border-box;
    max-height: 200px;
  }
  .scroll-bar {
    overflow-y: scroll;
  }
  .scroll-bar::-webkit-scrollbar {
    width: 4px;
  }
  .scroll-bar::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #999;
  }
  .scroll-bar::-webkit-scrollbar,
  .scroll-bar::-webkit-scrollbar-track {
    border-radius: 5px;
  }
  .winPay-right .checkout-productBox {margin:0;}
  .checkout-productBox .checkout-productBox_item {
    overflow: hidden;
    margin-left: 0;
    margin-bottom: 10px;
  }
  .checkout-productBox_item a {
    display: flex;
  }
  .winPay .checkout-productBox_img img {
    width: 70px;
    height: auto;
    vertical-align: bottom;
  }
  .winPay .checkout-productBox_info {
    width: calc(100% - 96px);
    padding-left: 10px;
    box-sizing: border-box;
  }
  .winPay .checkout-productBox_name {
    display: box;
    display: -webkit-box;
    margin-bottom: 10px;
    line-height: 16px;
    max-height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .winPay .checkout-productBox_info .price-box {
    margin-right: 30px;
    font-family: Roboto, Arial, Helvetica, sans-serif;
  }
  .winPay .checkout-productBox_info .price-box .newPrice {
    font-size: 18px;
    color: #000;
  }
  .checkout-productBox_flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .winPay .checkout-productBox_info .price-box .oldPrice {
    display: inline-block;
    text-decoration: line-through;
    color: #8f8e95;
    font-size: 16px;
  }
  .winPay .checkout-productBox_num {
    display: inline-block;
    font-size: 14px;
    line-height: 22px;
    color: #d7651b;
  }
  .winPay .checkout-total {
    position: absolute;
    width: 100%;
    padding-left: 20px;
    margin: 0;
    bottom: 20px;
    right: 56px;
    font-size: 16px;
    color: #0d1623;
    font-weight: 700;
    text-align: right;
    box-sizing: border-box;
  }
  .checkout-totalNum {
    color: #d7651b;
  }
  /* 购物车弹窗 end */
  /* 浏览加积分 */
  .browsePoint {
    display: none;
    position: fixed;
    right: 10px;
    top: 50%;
    transform: translate(0, -50%);
    z-index: 99;
  }

  .browsePoint img {
    width: 70px;
  }

  .browsePoint-text {
    color: #fff;
    font-size: 15px;
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translate(-50%, 0);
  }
  /* 浏览加积分 end*/
  /* 结账页优惠券按钮 */
  #firecheckout-form #coupon-discount #coupon-cancel {
    margin: 0;
    height: 40px;
    padding: 0 20px;
    border-radius: 10px;
    background-color: #000;
    font-size: 16px;
    width: 20%;
}
.blog-index-list .toolbar .rightpage,
.blog-index-list .toolbar .pager  {
  display: none;
}
/* 首页倒计时 */
.homeCountDown {
  padding-top:30px;
   width: 580px;
   text-align: center;
   margin: 0 auto;
 }
 .homeCountDown_tilte {
   font-size: 30px;
   margin: 20px 0;
   font-weight:600;
 }
 .homeCountDownBox {
   display: flex;
   align-items: center;
   justify-content: space-between;
 }
 .homeCountDown_Item {
   width: 120px;
   height: 116px;
 }
 .homeCountDown_Box {
   width: 100%;
   height: 100%;
   font-size: 60px;
   line-height: 116px;
   border-radius: 20px;
   border: 1px solid #ffeee4;
   border-left-color: #dda787;
   border-left-width: 2px;
   border-bottom-color: #dda787;
   background-color: #ffeee4;
   font-weight: 600;
   letter-spacing: 4px;
 }
 .homeCountDown_bor {
   font-size: 35px;
 }

 .homeCountDown_Text {
   font-size: 16px;
   margin-top: 10px;
   font-weight: 600;
   text-transform: uppercase;
 }
 .homeCountDown_progress {
   margin-top: 50px;
 }
 .homeCountDown_tips {
  font-size: 25px;
    font-weight: 600;
 }
 .homeCountDown_btn {
  font-size: 25px;
    color: #fff;
    background: #000;
    display: inline-block;
    padding: 2px 30px;
    border-radius: 20px;
    margin-top: 10px;
 }
/* 首页倒计时 end  */
    /* popup 基准样式 */
    .win-popup_cover {
      position: fixed;
      z-index: 9;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background: rgba(0,0,0,.7);
    }
    .win-popup_box {
      position: fixed;
      z-index: 9;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%);
      border-radius: 5px;
      box-sizing: border-box;
      
    }
    .win-popup_content {
      padding: 40px;
      background-color: #f4f4f4;
    }
      /* popup 基准样式 end*/
/* popup-login start */
.popuo-login{
  background: #fff;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50% , -50%) !important;
  display: none;
}
.popuo-login .singn-popbox{
  width: 435px;
  min-height: 694px;
}
.singn-popbox .mainform-box{
  padding-bottom: 50px;
}
.redister-popbox .register-form-box{
  padding-bottom: 50px;
}
.popuo-login .redister-popbox{
  width: 435px;
  min-height: 634px;
}
.popuo-login .icon-close{
  font-size: 18px;
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer;
}
.popuo-login .top-img{
  width: 100%;
}
.mainform-tab{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 50px;
}
.mainform-tab{
  font-size: 20px;
  color: #7F7F7F;
}
.mainform-tab div{
  cursor: pointer;
}
.mainform-tab2{
  margin-left: 37px;
}
.mainform-tab .active{
  font-weight: 600;
  color: #000;
  border-bottom: 2px solid #000;
  padding-bottom: 2px;
}
.popuo-login .login-form-box .input-box{
  text-align: center;
  margin: 30px auto 0;
  position: relative;
}
.popuo-login .login-form-box .input-box input{
  width: 335px;
  height: 45px !important;
  border-radius: 4px;
  border: 1px solid #000;
  text-align: center;
}
.popuo-login .buttons-ligin{
  margin: 30px auto 0;
}
.popuo-login .button-tologin{
    display: block;
    background: #000;
    color: #fff;
    font-size: 16px;
    width: 335px;
    height: 45px;
    border-radius: 23px;
    margin: 0 auto;
}
.popuo-login .button-forget{
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 50px;
  margin-top: 24px;
}
.popuo-login .button-forget .icon{
  font-size: 20px;
  margin-right: 4px;
}
.popuo-login .escrowAccount{
  margin: 50px auto 0;
  text-align: center;
}
.popuo-login .escrowAccount .escrowAccountTips{
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 20px;
}
.popuo-login .escrowAccount .escrowAccountIcon .icon{
  font-size: 24px;
}
.popuo-login .escrowAccount .escrowAccountIcon .account-thirdParty_item:first-child .icon{
  margin-right: 60px;
}
.redister-popbox .form-list-new .pc-login-modal-filed-group{
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 30px auto 0;
}
.redister-popbox .form-list-new .qvp-input-box .validate-alpha-with-spaces{
  width: 157px;
  height: 45px !important;
  border-radius: 4px;
  text-align: center;
  border: #000 1px solid;
}
.redister-popbox .name-lastname{
  margin-left: 21px;
}
.redister-popbox .form-list-new .fields .input-box-same{
  text-align: center;
  margin-top: 30px;
  position: relative;
}
.redister-popbox .form-list-new .fields .input-text{
  width: 335px;
  height: 45px !important;
  border-radius: 4px;
  text-align: center;
  border: #000 1px solid;
}
.register-form-box .customer-birthday-label{
  margin: 30px auto 0;
  width: 335px;
}
.register-form-box .customer-birthday-label--tips {
  display: none;
  width: 100%;
  max-width: 320px;
  padding: 1em;
  position: absolute;
  top: 1.5em;
  background: #fff;
  box-sizing: border-box;
  border: 1px solid #ddd;
  box-shadow: 0 2px 3px 0 #ddd;
  font-size: 14px;
  line-height: 22px;
  color: #1f1d2b;
}
.register-form-box .required {
  display: block;
}
.register-form-box .birthd-box {
  width: 335px;
  margin: 5px auto 0;
}
.register-form-box .birthd-box .input-box{
  width: 100%;
  height: 45px;
}
.register-form-box .birthd-box .input-box select{
  width: 100%;
  height: 100%;
  border: 1px solid #000;
  border-radius: 4px;
  color: #7f7f7f;
  padding: 0 10px;
}
.register-form-box .buttons-submit .subBtn{
  width: 335px;
  height: 45px;
  line-height: 45px;
  background: #000;
  color: #fff;
  font-size: 16px;
  text-align: center;
  margin: 40px auto 0;
  border-radius: 23px;
  display: block;
}
.register-form-box .register-checkbox{
  width: 335px;
  margin: 20px auto 0;
}
.register-form-box .register-checkbox label a{
  color: #7f7f7f;
}
.register-form-box .register-checkbox label{
  color: #7f7f7f;
}
.register-form-box .register-checkbox input[type='checkbox'] {
	-webkit-appearance: none;
	margin: 0 3px 0 0;
  width: 25px;
  height: 25px;
  padding: 0;
  background: url('/skin/frontend/hecongtwo/pc/images/202407310941.png') no-repeat;
  background-size: 100% 100%;
  outline: none;
  border: 0;
}

.register-form-box .register-checkbox input[type='checkbox']:checked {
	background: url('/skin/frontend/hecongtwo/pc/images/202407310940.png') no-repeat;
  background-size: 100% 100%;
  border: 0;
}
/* popup-login end */
/* 注册券包 start */
.register-popup input[type=number] {
  -moz-appearance: textfield;
}
.register-popup input::-webkit-outer-spin-button,
.register-popup input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.register-popup {
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.2);
  display: none;
}
.register-popup__content {
	  width: 480px;
    /* height: 368px; */
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 18px;
    background: linear-gradient(142.41deg, rgba(234, 199, 158, 1) 0%, rgba(253, 236, 226, 1) 0%, rgba(245, 171, 115, 1) 100%);
    border: 1px solid rgba(252, 212, 167, 1);
}
.register-popup__close {
	position: absolute;
    top: 16px;
    right: 16px;
    width: 24px;
    height: 24px;
    z-index: 9;
    cursor: pointer;
}
.register-popup_title {
  position: absolute;
  top: 40px;
  font-size: 24px;
  font-weight: 700;
  color: #000;
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  color: #000;
}
.register-popup__bg {
	width: 480px;
    height: 231px;
    background: url(https://cdn.wigginshair.com/media/wysiwyg/wap/1765271965.png) no-repeat;
    background-size: cover;
    border-radius: 12px 12px 0 0;
}
.register-popup__form_content {
  padding: 0 32px 24px 32px;
  /* background: linear-gradient(180deg, rgba(255, 248, 243) 0%, rgba(255, 239, 227) 100%); */
  border-radius: 0 0 12px 12px;
  margin-top: -1px;
  position: relative;
}
.register-popup__form {
  position: relative;
}
.register-popup .register-popup__form input {
  width: 100%;
  height: 52px;
  border-radius: 12px;
  padding-left: 0;
  padding-right: 0;
  border: 1px solid rgba(255, 231, 209, 1);
  font-weight: 500;
  font-size: 14px;
}
.register-popup .register-popup__form input::placeholder{
  font-weight: 400;
  font-size: 14px;
  color: rgba(153, 153, 153, 100);
}
.register-popup__clearinput {
  position: absolute;
  top: 14px;
  right: 16px;
  width: 24px;
  height: 24px;
  display: none;
  cursor: pointer;
}
.register-popup__form .drop-down {
	display: none;
    position: absolute;
    left: 0;
    top: 64px;
    width: 416px;
    box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.16);
    /* border-radius: 14px 14px 14px 14px; */
    height: 200px;
    padding-top: 10px;
    padding-bottom: 13px;
    padding-left: 12px;
    overflow-y: auto;
    background-color: #fff;
    z-index: 999;
}
.register-popup__form .drop-down::-webkit-scrollbar {
  width: 4px;
  background-color: #E3E3E3;
  border-radius: 2px;
}
.register-popup__form .drop-down::-webkit-scrollbar-thumb {
  background-color: #000;
  width: 4px;
  border-radius: 2px;
}
.register-popup__form .drop-down::-webkit-scrollbar-button {
  display: none;
}
.register-popup__form .drop-down li {
  font-size: 12px;
  color: #8C8C8C;
  padding: 5px 8px;
  cursor: pointer;
}
.register-popup__form .drop-down li:hover {
  background-color: #FFF7C9;
  border-radius: 10px;
}
.register-popup__form .drop-down li span {
  font-family: Montserrat, Montserrat;
  font-size: 12px;
  font-weight: 400;
  color: #000;
}
.register-popup-password-toggle[data-status="hide"] .icon-eyeshow, .register-popup-password-toggle[data-status="show"] .icon-eyehide {
  display: none;
}
.register-popup-password-toggle {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 26px;
  right: 16px;
}
.register-popup-password-toggle .icon-eyeshow {
  width: 24px;
  height: 24px;
}
.register-popup-password-toggle .icon-eyehide {
  width: 24px;
  height: 24px;
}
.register-popup__phone,
.register-popup__phone-copy {
  position: relative;
  margin-top: 12px;
}
.register-popup__phone .tel_tips,
.register-popup__phone-copy .tel_tips{
  color: rgba(255, 77, 79, 1);
  font-size: 12px;
  margin-top: 4px;
  display: none;
}
.register-popup__phone .tel-code {
  height: 24px;
  top: 13px;
  left: 15px;
  gap: 12px;
  font-size: 14px;
}
.register-popup__phone .tel-code .fi {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-size: cover;
}
.register-popup__phone .tel-code .tel-code__separator {
  width: 24px;
  height: 24px;
}
 .tel-code .tel-code__separator svg {
  display: block;
  width: 100%;
  height: 100%;
}
.tel-code {
  height: 26px;
  position: absolute;
  top: 8px;
  left: 8px;
  display: flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
  font-size: 16px;
}
.nation_icon {
  flex: 0 0 auto;
}
.tel-code__pre {
  font-size: 11px;
  flex: 0 0 auto;
}
.register-popup__form--email {
  margin-top: 12px;
  text-indent: 16px;
}
.register-popup__password-container {
  position: relative;
  display: none;
}
.register-popup__form--password {
  margin-top: 12px;
  text-indent: 16px;
}
.register-popup__form--tel {
  text-indent: 119px;
}
.register-popup__email-error {
  margin-top: 4px;
  color: rgba(255, 77, 79, 1);
  font-size: 12px;
  font-weight: 400;
  display: none;
}
.register-popup__submit,
.register-popup__login {
    margin: auto;
    text-align: center;
    line-height: 48px;
    font-family: 'Jost','gilroy';
    font-size: 16px;
    font-weight: 500;
    color: #FFFFFF;
    display: block;
    border: 0;
    cursor: pointer;
    width: 100%;
    height: 48px;
    background: #000;
    border-radius: 12px;
    margin-top: 24px;
    margin-bottom: 16px;
}
.register-popup__login {
  display: none;
}
.tel-code__separator.rotate {
  transform: rotate(180deg);
}
.tel-code__list {
  position: absolute;
  top: 52px;
  width: 100%;
  background: #fff;
  max-height: 200px;
    overflow-y: scroll;
  display: none;
}
.tel-code__list.show {
  display: block;
}
.tel-code__item {
  align-items: center;
  border-bottom: 1px solid #ebebeb;
  cursor: pointer;
  display: flex;
  gap: 6px;
  font-size: 12px;
  height: 40px;
  padding: 3px 8px;
}
.tel-code__item.current {
  background: #f5f5f5;
}
.tel-code__item--name {
  border-right: 1px solid #ebebeb;
  padding-right: 6px;
}
.tel-code__item--sort {
  color: #c4c4c4;
  padding: 8px 8px 0;
}
.register-popup__notice,
.packaging_coupon_popup_content .bottom_text {
    color: rgba(51, 51, 51, 1);
    font-size: 12px;
    line-height: 20px;
    font-weight: 400;
}
.register-popup__notice a,
.packaging_coupon_popup_content .bottom_text a {
  color: rgba(102, 14, 0, 1);
}
.register-popup__error {
  color: rgba(255, 77, 79, 1);
  font-size: 12px;
  margin-top: 4px;
}
.register-popup__fixed {
  position: fixed;
  left: 0;
  top: 50%;
  cursor: pointer;
  z-index: 5;
  width:60px;
  height:60px;
}

.packaging_coupon_popup {
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
}
.packaging_coupon_popup_content {
	width: 480px;
    /* height: 395px; */
    position: absolute;
    padding: 40px 32px 24px 32px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 12px;
    background-image: url('https://cdn.wigginshair.com/media/wysiwyg/wap/1756436037.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.packaging_coupon_popup_content .coupon_popup_off_icon {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.packaging_coupon_popup_content .top_img {
    height: 32px;
    line-height: 32px;
    font-size: 24px;
    font-weight: 700;
    color: rgba(102, 14, 0, 1);
    text-align: center;
    margin-bottom: 8px;
}
.packaging_coupon_popup_content .top_title {
  text-align: center;
  font-weight: 500;
  height: 28px;
  line-height: 28px;
  color: rgba(102, 14, 0, 1);
  font-size: 20px;
   margin-bottom: 16px;
}
.packaging_coupon_popup_content .coupon_part {
  overflow: hidden;
  height: 290px;
  overflow-y: scroll;
}
.packaging_coupon_popup_content .coupon_part::-webkit-scrollbar {
  width: 0; 
  height: 0;
}
.packaging_coupon_popup_content .coupon_part .item {
  height: 106px;
  margin-bottom: 12px;
  position: relative;
  list-style: none;
}
.packaging_coupon_popup_content .coupon_part .item img {
  display: block;
  width: 100%;
}
.packaging_coupon_popup_content .password_tips {
  font-size: 14px;    
  color: rgba(204, 84, 33, 1);
  height: 22px;
  text-align: center;
  /* margin-bottom: 20px; */
  display:none;
  margin: 8px 0;
}
.packaging_coupon_popup_content .packaging_coupon_button {
    color: #FFFFFF;
    display: block;
    font-family: 'Jost','gilroy';
	margin-top: 30px;
  margin-bottom: 16px;
  position: relative;
}
.packaging_coupon_popup_content .packaging_coupon_button div{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
cursor: pointer;
}

/* 注册券包 end */
/* 黑五点缀 start */
.blackday-register-popup .register-popup__content{
  background: url('https://cdn.wigginshair.com/media/wysiwyg/wap/202411071720.png') no-repeat;
  background-size: 100% 100%;
  color: #fff;
  border: 0;
  box-sizing: border-box;
}
.blackday-register-popup .register-popup__bg{
  background: url('https://cdn.wigginshair.com/media/wysiwyg/wap/202411071721.png') no-repeat;
  background-size: 100% 100%;
  width: 100%;
  height: 142px;
}
.blackday-register-popup .register-popup__email-error,
.blackday-register-popup .register-popup__phone .tel_tips{
  margin: -6px 20px 10px;
}
.blackday-register-popup .tel-code__pre{
  color: #000;
}
.blackday-register-popup.register-popup .register-popup__form input{
  display: block;
  margin: 0 auto 10px;
}
.blackday-register-popup .tel-code{
  left: 30px;
}
.blackday-register-popup .register-popup__form{
  padding: 20px 0;
}
.blackday-register-popup  .register-popup__notice{
  font-size: 10px;
  color: #fff;
  margin: 5px 20px;
}
.blackday-register-popup .register-popup__login,
.blackday-register-popup .register-popup__submit{
  background: linear-gradient(to right,#F82324,#B50F0F);
}
.blackday-packaging_coupon_popup .packaging_coupon_popup_content{
  background: transparent;
  border: 0;
}
.blackday-packaging_coupon_popup .packaging_coupon_popup_content .top_img{
  background: url('https://cdn.wigginshair.com/media/wysiwyg/wap/202411071643.png') no-repeat;
  background-size: 100% 100%;
  width: 206px;
  height: 22px;
}
.blackday-packaging_coupon_popup .packaging_coupon_popup_content .coupon_part .item{
  width: 228px;
  height: 52px;
  color: #fff;
}
.blackday-packaging_coupon_popup .packaging_coupon_popup_content .coupon_part .item:nth-child(1){
  background: url('https://cdn.wigginshair.com/media/wysiwyg/wap/202411071441.png') no-repeat;
  background-size: 100% 100%;
}
.blackday-packaging_coupon_popup .packaging_coupon_popup_content .coupon_part .item:nth-child(2){
  background: url('https://cdn.wigginshair.com/media/wysiwyg/wap/202411071442.png') no-repeat;
  background-size: 100% 100%;
}
.blackday-packaging_coupon_popup .packaging_coupon_popup_content .coupon_part .item:nth-child(3){
  background: url('https://cdn.wigginshair.com/media/wysiwyg/wap/202411071443.png') no-repeat;
  background-size: 100% 100%;
}
.blackday-packaging_coupon_popup .packaging_coupon_popup_content .coupon_part .item:nth-child(4){
  background: url('https://cdn.wigginshair.com/media/wysiwyg/wap/202411071444.png') no-repeat;
  background-size: 100% 100%;
}
.blackday-packaging_coupon_popup .packaging_coupon_popup_content .coupon_part .item .left{
  opacity: 0;
}
.blackday-packaging_coupon_popup .packaging_coupon_popup_content .coupon_part .item .right{
  right: 10px;
  left: auto;
}
.blackday-packaging_coupon_popup .packaging_coupon_popup_content .coupon_part .item .right .over{
  font-style: italic;
}
.blackday-packaging_coupon_popup .packaging_coupon_popup_content .packaging_coupon_button{
  height: 36px;
  line-height: 36px;
  border: 0;
  background: linear-gradient(to right,#F82324,#B50F0F);
}
.blackday-skin .hd-top{
  background: url('https://cdn.wigginshair.com/media/wysiwyg/wap/202411120911.png') no-repeat;
	background-size: 100% 100%;
}
.hd-top.black_atmosphere{
  background: url('https://cdn.wigginshair.com/media/wysiwyg/zhuantiye/1763003808.png') no-repeat;
	background-size: 100% 100%;
}
.blackday-home-container .home-categoryTag_item a:nth-child(2){
  background: url('https://cdn.wigginshair.com/media/wysiwyg/wap/202411120917.png') no-repeat;
  background-size: 100% 100%;
}
.blackday-product-view .add_coupons{
  border: 0;
	background: url('https://cdn.wigginshair.com/media/wysiwyg/wap/202411120913.png') no-repeat;
	background-size: 100% 100%;
	color: #fff;
}
.blackday-product-view .add_coupons .zy-coupons1 strong{
  color: #fff;
}
.blackday-product-view .icon-box .icon-arrow{
  color: #fff;
}
.blackday-product-view .coupons-color{
  color: #fff;
}
.blackday-product-view .product-view-coupon--code{
  color: #ff4500;
}
.blackday-product-view .zy-couponstext{
  border: 0;
  background: url('https://cdn.wigginshair.com/media/wysiwyg/wap/202411081111.png') no-repeat;
  background-size: 100% 100%;
}
.blackday-product-view .zy-couponstext span{
  background: transparent;
  color: #000;
}
.blackday-product-view .shopcartbtn .cartbtn{
  background: #000;
  color: #fff;
  padding-left: 0;
}
.blackday-product-view .shopcartbtn .buybtn{
    background: url(https://cdn.wigginshair.com/media/wysiwyg/zhuantiye/1763003818.png) no-repeat;
    background-size: 100% 100%;
    color: #fff;
  padding-left: 0;
}
.blackday-product-view .shopcartbtn .buybtn span{
  color: #000 !important;
}
.blackday-product-view .shopcartbtn .addPoints{
  background: #fff;
  color: #000;
}
.blackday-category-products .products-grid>li .sale{
  /* background: url('https://cdn.wigginshair.com/media/wysiwyg/wap/202411081044.png') no-repeat;
  background-size: 100% 100%; */
  background: linear-gradient(195.91deg, rgba(158, 11, 0, 1) 0%, rgba(194, 44, 33, 1) 100%);
}
.blackday-register-popup .register-popup-password-toggle{
  color: #000;
  right: 30px;
}
.blackday-add-bonus-modal .ab-vl.current{
  background: url('https://cdn.wigginshair.com/media/wysiwyg/zhuantiye/1763003809.png') no-repeat;
  background-size: 100% 100%;
  color: #fff;
  border: 0;
}
.blackday-add-bonus-modal .abs-buynow{
  background: #000;
  color: #fff;
  padding-left: 0;
}
.blackday-add-bonus-modal .buybtn{
  background: url('https://cdn.wigginshair.com/media/wysiwyg/zhuantiye/1763003813.png') no-repeat;
  background-size: cover;
  color: #fff;
  padding-left: 0;
}
.blackday-product-view.product-view .product-options .swatches-container a.current, .blackday-product-view.product-view .product-options .swatches-split-list a.current {
  background: url('https://cdn.wigginshair.com/media/wysiwyg/zhuantiye/1763003809.png') no-repeat;
  background-size: 100% 100%;
  color: #fff;
  border: 0;
}
.blackday-product-view.product-view .r_productinfo_couponitem:first-child{
    background: url(https://cdn.wigginshair.com/media/wysiwyg/zhuantiye/1763003810.png) no-repeat;
    background-size: 100% 100%;
}
.r_productinfo_couponitem_black{
  background: url(https://cdn.wigginshair.com/media/wysiwyg/zhuantiye/1763003810.png) no-repeat;
  background-size: cover;
}
.blackday-product-view.product-view .r_productinfo_couponitem .r_productinfo_couponheader,.blackday-product-view.product-view .r_productinfo_couponcontent ._txt{
  color: #fff;
}
.commonproduct-item-percent.black_atmosphere{
  background: linear-gradient(195.91deg, rgba(158, 11, 0, 1) 0%, rgba(194, 44, 33, 1) 100%);
}
.home-pre-styled.black_atmosphere{
  background-image: url(https://cdn.wigginshair.com/media/wysiwyg/zhuantiye/1763003802.png);
  background-size: cover;
}
.home-pre-styled.black_atmosphere .home-pre-styled-title,.home-pre-styled.black_atmosphere .home-pre-styled-title span{
  color: #fff;
}
.home-pre-styled-title span{
  color:#8C1700;
}
.beseler-home-viewmore.black_atmosphere{
  color: #fff;
}
.home-pre-styled .max-hotbox.black_atmosphere{
          height: 16px;
         background: rgba(199, 199, 199, 0.3);
          box-shadow:inset 0px 2px 4px  rgba(0, 0, 0, 0.25);
}
.home-pre-styled  .max-hotbox.black_atmosphere  .small-hotbox{
          background: linear-gradient(90deg, rgba(255, 152, 61, 1) 0%, rgba(230, 64, 39, 1) 100%);
  }
.home-pre-styled .max-hotbox.black_atmosphere .small-hotbox svg,
.home-pre-styled .max-hotbox.black_atmosphere .small-hotbox .flash_icon{
            top: 20%;
            right: -18px;
            width: 36px;
            height: 36px;
}
.nav-four-hot.black_atmosphere{background-image: url(https://cdn.wigginshair.com/media/wysiwyg/nav-icon/1763003801.png);  width: 45px;height: 24px; }
.product-view-bottom_buy.black_atmosphere ._inner_box{
  background-image: url(https://cdn.wigginshair.com/media/wysiwyg/zhuantiye/1763003812.png);
  background-size:cover ;
}
.product-view-bottom_buy.black_atmosphere .product-view-bottom_buy-left ,.product-view-bottom_buy.black_atmosphere .diffPrice-total{
  color: #fff;
}
.product-view-bottom_buy.black_atmosphere .product-view-bottom_cart-btn{
  background: #fff;
  border: 0;
}
.product-view-bottom_buy-price.black_atmosphere .diffPrice{
  background: linear-gradient(195.91deg, #9E0B00 0%, #C22C21 100%);
}
.product-view-bottom_buy-price.black_atmosphere .final_price{
  color: #B7170D;
}
.black_atmosphere.newcouponbox-form .icon{
      fill: unset;
      stroke: unset;
}
.black_atmosphere.newcouponbox-form .newcoupon-contentitem-main ,.black_atmosphere.newcouponbox-form .newcoupon-contentitem p{
  color: #fff;
}
.black_atmosphere.newcouponbox-form .newcoupon-contentitem {
    background: url(https://cdn.wigginshair.com/media/wysiwyg/zhuantiye/1763003810.png) no-repeat;
    background-size: 100% 100%;
}
.blackday-product-view .checkout_cart_checkbtngroup .btn-proceed-checkout{
  background: linear-gradient(195.91deg, #9E0B00 0%, #C22C21 100%);
}
.blackday-register-popup25 .register-popup__content{
  background: url(https://cdn.wigginshair.com/media/wysiwyg/zhuantiye/1764986291.png) no-repeat;
    background-size: 100% 100%;
}
.blackday-register-popup25 .register-popup__content .register-popup__bg ,.blackday-register-popup25 .register-popup__content .register-popup__form_content{
  background: unset;
}
.blackday-register-popup25 .register-popup__content .register-popup_title{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    color: #000;
}
.black_atmosphere .hd-top a{
  text-shadow: 1px 1px 0px #450000;
}
.blackday-product-view .productview-newuserdeal {
    background: linear-gradient(152.32deg, #EAC79E 0%, #FDECE2 0%, #F5AB73 100%);
    border: 1px solid #FCD4A7;
    color: #660E00;
}
/* 黑五点缀 end */
/* 圣诞节皮肤 */
.christmas-theme .register-popup__bg{
  background: url('https://cdn.wigginshair.com/media/wysiwyg/wap/202412131021.png') no-repeat;
  background-size: 100% 100%;
  width: 238px;
  height: 129px;
}
.christmas-theme .register-popup__form{
  padding-top: 30px;
}
.christmas-theme .register-popup__content,
.christmas-theme .packaging_coupon_popup_content{
  background: rgba(178, 15, 16, 1);
  box-shadow: 0px 0px 5px #fff inset;
  border: 0;
  color: #fff;
}
.christmas-theme .register-popup__submit{
  background: rgba(102, 102, 102, 1);
}
.christmas-theme .register-popup__notice{
  color: #fff;
}
.christmas-theme .christmas-tree{
  width: 120px;
  height: 120px;
  position: absolute;
  top: -60px;
  left: 50%;
  transform: translateX(-50%);
}
.christmas-theme .register-popup__close,
.christmas-theme .packaging_coupon_popup_content .coupon_popup_off_icon{
  top: 0px;
  right: 0px;
  left: auto;
  border: 0;
  background-color: transparent;
  z-index: 9;
}
.christmas-theme .packaging_coupon_popup_content{
  padding-top: 43px;
  color: rgba(199, 30, 21, 1);
}
.christmas-theme .packaging_coupon_popup_content .top_img{
  margin: 0 auto 12px;
  text-align: center;
  color: #fff;
  font-weight: 600;
  font-size: 18px;
  width: 100%;
  height: auto;
  background: transparent;
}
.christmas-theme .packaging_coupon_popup_content .coupon_part .item{
  background: url('https://cdn.wigginshair.com/media/wysiwyg/wap/202412131022.png') no-repeat;
  background-size: 100% 100%;
}
.christmas-theme .packaging_coupon_popup_content .coupon_part .item .left{
  top: 0;
  color: rgba(199, 30, 21, 1);
  font-style: italic;
  padding-right: 5px;
  border-right: 1px rgba(199, 30, 21, 1) dashed;
}
.christmas-theme .packaging_coupon_popup_content .packaging_coupon_button{
  border: 0;
  background: #000;
}
.christmas-theme .hd-top{
  background: rgba(178, 15, 16, 1);
}
.christmas-theme .hd-top a{
  padding: 5px 13px;
  background: rgba(25, 71, 56, 1);
  border: 2px solid #fff;
  border-radius: 25px;
  position: relative;
}
.christmas-theme .hd-top a .santa-claus{
  position: absolute;
  left: -65px;
  top: -13px;
  width: 80px;
  height: 58px;
}
.christmas-theme .abs-buynow{
  background: rgba(178, 15, 16, 1);
}
.christmas-theme .abs-addtcart{
  background: rgba(25, 71, 56, 1);
}
.christmas-theme .products-grid>li .sale{
  background: rgba(178, 15, 16, 1);
}
.christmas-theme .zy-couponstext{
  border: 0;
  padding: 0;
  background: url('https://cdn.wigginshair.com/media/wysiwyg/wap/202412131031.png') no-repeat;
  background-size: 100% 100%;
  width: 36px;
  height: 36px;
  display: inline-block;
  vertical-align: middle;
}
.christmas-theme .zy-couponstext span{
  display: none;
}
.christmas-theme .product-view-coupon-list,
.christmas-theme .coupons-line{
  background: rgba(25, 71, 56, 1);
  border-radius: 8px;
  border-top: 2px solid #fff;
  background-image: url('https://cdn.wigginshair.com/media/wysiwyg/wap/202412131032.png');
  background-repeat: no-repeat;
  background-size: 100%;
  background-position-y: 50%;
}
.christmas-theme .coupons-line{
  padding-bottom: 10px !important;
}
.christmas-theme .add_coupons{
  border: 0;
  background-color: rgba(178, 15, 16, 1);
  color: #fff;
  border-radius: 8px;
  background-image: url('https://cdn.wigginshair.com/media/wysiwyg/wap/202412131032.png');
  background-repeat: no-repeat;
  background-size: 100%;
}
.christmas-theme .add_coupons p,
.christmas-theme .add_coupons .icon,
.christmas-theme .add_coupons .coupons-color{
  color: #fff;
}
.christmas-theme .r_productinfo .add_coupons{
  padding: 10px 0px 0px 0;
}
.christmas-theme .add_coupons .coupons-color .product-view-coupon--code{
  font-weight: 600;
  font-size: 18px;
  display: inline-block;
  margin-left: 3px;
}
.christmas-theme .cartbtn{
  background: rgba(25, 71, 56, 1);
  padding-left: 0;
}
.christmas-theme .buybtn{
  background: rgba(178, 15, 16, 1);
  padding-left: 0;
}
.christmas-theme .christmas-green-box{
  background: rgba(25, 71, 56, 1);
  border-radius: 8px;
  border-top: 2px solid #fff;
  padding: 14px 8px 14px 15px !important;
}
.christmas-theme .christmas-green-box p span{
  color: #fff !important;
}
.christmas-theme .zy-coupons1{
  padding: 0px 15px 10px !important;
}
.christmas-theme .christmas-add_coupons{
  background: rgba(178, 15, 16, 1);
}
.christmas-theme .add_coupons .hoursNum,
.christmas-theme .add_coupons .minutesNum,
.christmas-theme .add_coupons .secondsNum{
  background: linear-gradient(228.14deg, rgba(209, 140, 30, 1) 0%, rgba(255, 231, 105, 1) 26%, rgba(255, 238, 178, 1) 33.83%, rgba(221, 155, 38, 1) 77.34%, rgba(209, 140, 30, 1) 100%);
  color: #000;
}
.christmas-theme .product-view .product-options .swatches-container a.swatch-span{
  background-position: left;
}
.christmas-theme .product-view .product-options .swatches-container a.current{
  background-color: rgba(178, 15, 16, 1);
  color: #fff;
  border: 1px solid rgba(255, 117, 117, 1);
  background-image: url('https://cdn.wigginshair.com/media/wysiwyg/wap/202412131610.png');
  background-repeat: no-repeat;
  background-size: auto 100%;
}
.christmas-theme .ab-vl.current{
  background-color: rgba(178, 15, 16, 1);
  color: #fff;
  border: 1px solid rgba(255, 117, 117, 1);
  background-image: url('https://cdn.wigginshair.com/media/wysiwyg/wap/202412131611.png');
  background-repeat: no-repeat;
  background-size: auto 100%;
}
/* 圣诞节皮肤 end */

/* 注册登录弹窗 */
#login-model-root {
  box-sizing: border-box;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%,-50%,0);
  width: 432px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 248, 242, 1) 100%);
  padding: 48px 32px 32px;
  border-radius: 12px;
  display: none;
}

.login-model--close {
  position: absolute;
  right: 15px;
  top: 15px;
  width: 20px;
  height: 20px;
}
.login-model--close .icon {
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

#login-model-_scroll {
  box-sizing: border-box;
  width: 100%;
  max-height: 680px;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
#login-model-_scroll::-webkit-scrollbar {
  width: 0;
  display: none;
}
#login-model-_scroll::-webkit-scrollbar-thumb {
  background-color: #cbcccd;
}
.login-modal-pannel {
  box-sizing: border-box;
  width: 100%;
}
.login-model-toggle-bar {
  display: flex;
  justify-content: center;
  align-items:center;
  width: 100%;
}
.login-model-toggle-bar-box {
  position: relative;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  color: rgba(255, 255, 255, 1);
  height: 32px;
  opacity: 1;
  border-radius: 20px;
  background: rgba(0, 0, 0, 1);
  line-height: 32px;
  padding: 0 12px;
  cursor: pointer;
}
.login-model-toggle-action {
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  color: rgba(172, 172, 172, 1);
  cursor: pointer;
}
.login_popup-line {
  border-left: 1px solid rgba(204, 204, 204, 1);
  height: 16px;
  margin: 0 24px;
}
#login-modal-login-form, #common-register-form-validate {
  box-sizing: border-box;
  width: 100%;
  margin-top: 24px;
  position: relative;
}
label.login_label_css {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  color: #000;
  margin-bottom: 8px;
  display: block;
}
.login-modal-thirdlogin-list{
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.login-modal-thirdlogin-list .escrowAccountTips{
  display: none;
}
.login-modal-thirdlogin-list .escrowAccount{
    width: 100%;
}
.login-modal-thirdlogin-list  .escrowAccountIcon{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}
.account-thirdParty_item{
  height: 44px;
  opacity: 1;
  border-radius: 8px;
  background: rgba(253, 234, 220, 1);
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  width: 100%;
  font-size: 24px;
  padding-left: 116px;
}
.login-modal-thirdlogin-list .account-thirdParty_item:last-child{
  margin-bottom: 0;
}
.account-thirdParty_item .poplogin-show{
  font-size: 14px;
  font-weight: 400;
  margin-left: 8px;
}
/* .login-modal-thirdlogin-list .account-thirdParty_item svg{
  margin-right: 4.53333vw;
} */
.login-modal-input-box {
  width: 100%;
  position: relative;
  box-sizing: border-box;
  margin-bottom: 24px;
}
#login-model-root .login-modal-input, 
#login-model-root .login-modal-input-box select {
  display: block;
  width: 100%;
  font-size: 14px;
  font-weight: 500;
  padding: 0 16px;
  box-sizing: border-box;
  border: 1px solid rgba(255, 231, 209, 1);
  height: 52px;
  border-radius: 8px;
}
#login-model-root .login-modal-input::placeholder{
  font-weight: 400;
}
.login-modal-input-password-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  font-size: 24px;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  user-select: none;
  display: none;
}
.login-modal-input-password-toggle[data-status="hide"] .icon-eyeshow,
.login-modal-input-password-toggle[data-status="show"] .icon-eyehide{
  display: none;
}
.login-modal-input-password-toggle[data-status="hide"] .icon-eyehide,
.login-modal-input-password-toggle[data-status="show"] .icon-eyeshow{
  display: block;
}
.login-modal-btn,
.login-model--submit {
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  width: 100%;
  height: 52px;
  line-height: 52px;
  background-color: #000;
  border-radius: 12px;
  margin-top: 24px;
  border: 0;
}
.login-modal-btn{
  margin-top: 24px;
}
.login-modal--forget {
  display: block;
  text-align: right;
  font-size: 14px;
  font-weight: 400;
  user-select: none;
  margin-top: -8px;
  text-decoration: underline;
  line-height: 22px;
}
.login-modal-thirdlogin {
  margin-top: 24px;
}
.login-modal-thirdlogin-title {
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: rgba(172, 172, 172, 1);
  display: flex;
  align-items: center;
  width: 100%;
  margin: 24px 0 12px;
}
.login-modal-thirdlogin-title::before,
.login-modal-thirdlogin-title::after {
content: "";
flex: 1;
height: 1px;
background: #E0E0E0;
}
#login-model-root .icon-delete{
  position: absolute;
  top: 14px;
  right: 16px;
  display: none;
}
.login-modal-thirdlogin-title::before {
margin: 0 8px 0 22px; /* 文字左侧间距 */
}

.login-modal-thirdlogin-title::after {
  margin: 0 22px 0 8px; /* 文字左侧间距 */
}
.inchoo_socialconnect-a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 0 auto;
  height: 44px;
  border-radius: 8px;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  color:#000;
  font-weight: 500;
  background: #FDEADC;
}
.inchoo_socialconnect-a img {
  flex: 0 0 auto;
  width: 24px;
  height: 24px;
  margin-right: 15px;
}
.login-modal-input-group {
  display: flex;
  justify-content: space-between;
}
.login-modal-checkbox input {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  opacity: 0;
  width: 24px;
  height: 24px;
}
.login-modal-checkbox label {
  box-sizing: border-box;
  width: 100%;
  display: block;
  position: relative;
  padding-left: 32px;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  color: rgba(102, 102, 102, 1);
}
.login-modal-checkbox label a {
  color: rgba(140, 23, 0, 1);
  text-decoration: underline;
}
.login-modal-checkbox input[type="checkbox"]:checked+label .icon-checked {
  display: block;
}
.login-modal-checkbox input[type="checkbox"]+label .icon-checked {
  display: none;
}
.wg-input-password-toggle[data-status="hide"] .icon-eyeshow, .wg-input-password-toggle[data-status="show"] .icon-eyehide {
  display: none;
}
.login-modal-checkbox input[type="checkbox"]+label .icon-unchecked {
  display: block;
}
.login-modal-checkbox input[type="checkbox"]:checked+label .icon-unchecked {
  display: none;
}
.login-modal-checkbox label .icon {
  display: none;
  position: absolute;
  top: 15%;
  left: 0;
  font-size: 24px;
  color: #000000;
  transform: translateY(-50%);
}
.login-modal-pannel .register-popup__phone {
  position: relative;
  margin-bottom: 0px;
}
.login-modal-pannel .register-popup__form--tel {
  text-indent: 112px;
  display: block;
  width: 100%;
  height: 50px;
  border-radius: 8px;
  box-sizing: border-box;
  border: 1px solid #FFE7D1;
  font-size: 14px;
  font-weight: 500;
}
.login-modal-pannel .register-popup__form--tel::placeholder{
  font-weight: 400;
}
.login-modal-pannel .tel-code{
  top: 12px;
  left: 12px;
  gap: 12px;
}
.login-modal-top-tips {
  position: relative;
  border-radius: 8px;
  margin-top: 24px;
  border: 1px solid rgba(255, 196, 148, 1);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 16px 20px;
  box-sizing: border-box;
}
.login-modal-top-tips-position {
  position: absolute;
  left: 0;
  top: 0;
  width: 199px;
  height: 20px;
  opacity: 1;
  border-radius: 8px 0;
  background: #FFC494;
  font-size: 12px;
  font-weight: 400;
  text-align: center;
  line-height: 20px;
}
.login-modal-top-tips-content {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.login-modal-top-tips.Register_tips{
padding: 32px 19px 16px 20px;
}
.login-modal-top-tips-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  color: rgba(0, 0, 0, 1);
}
.login-modal-top-tips-item img{
  margin-bottom: 8px;
}
.login-modal-top-tips-bottom {
  display: flex;
  height: 24px;
  line-height: 24px;
  opacity: 1;
  border-radius: 8px;
  background: rgba(253, 234, 220, 1);
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  padding: 0 8px;
  margin-top: 16px;
  font-size: 14px;
  font-weight: 400;
}
.login-modal-top-tips-bottom img{
  margin-right: 8px;
  width: 16px;
}
#login-model-root .escrowAccountIcon .poplogin-show{
  display: block;
}
#login-model-root .fi{
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-size: auto 100%;
}
.login-modal-pannel .login-modal-checkbox{
  margin-top: 16px;
}
.login-modal-pannel .login-modal-checkbox:last-child{
  margin-top: 12px;
}
/* 注册登录end */



/* .catalog-category-view .backtop {
  background: none;
  border: none;
  width: 40px;
  height: 40px;
  border-radius: 0;
} */
/* 忘记密码 */
.forgetpassword-width{
  width: 368px;
  margin: 96px auto 553px;
}
.forgetpassword-width .page-title h1{
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  text-align: center;
  color: #000;
}
.page-title-tip{
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  text-align: center;
  margin: 16px auto 24px;
  color: rgba(102, 102, 102, 1);
}
.forgetpassword-width .form-list .required{
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  margin-bottom: 8px;
}
.forgetpassword-width .required-entry{
  width: 100%;
  height: 52px;
  border: 1px solid rgba(255, 231, 209, 1);
  border-radius: 8px;
  padding: 0 16px;
  box-sizing: border-box;
}
.forgetpassword-width .buttons-set{
  margin: 24px auto 0;
  padding-top: 0;
  border-top: 0;
  text-align: center;
}
.forgetpassword-width .buttons-set .back-link{
  float: none;
}
.forgetpassword-width .back-link a{
  display: block;
  width: 100%;
  height: 52px;
  line-height: 52px;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 1);
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  margin-top: 24px;
}
.forgetpassword-width .buttons-set .button{
  width: 100%;
  display: block;
  height: 52px;
  line-height: 52px;
  text-align: center;
  background: #000;
  color: #fff;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 500;
  padding: 0;
}
.customer-account-create .fi {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-size: auto 100%;
}
/* 忘记密码 end */
input[type="number"] {
  -webkit-appearance: none;
  -moz-appearance: textfield;
  appearance: textfield;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
