@charset "UTF-8";/*! normalize.css v3.0.1 | MIT License | git.io/normalize*/
html{-webkit-text-size-adjust: 100%; background-color:#ebebee; font-size:14px;}
body{font-family:"Microsoft Yahei", Arial; -webkit-overflow-scrolling: touch;font-size:14px; line-height: 1.35; margin: 0; background-color:#ebebee; color:#353535; padding-bottom:env(safe-area-inset-bottom);}
/** { touch-action: pan-y;}*/
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary{display: block;}
audio, canvas, progress, video{display: inline-block;vertical-align: baseline;}
audio:not([controls]){display: none;height: 0;}
template{display: none;}
a{background: transparent;}
a:active, a:hover{outline: 0;}
abbr[title]{border-bottom: 1px dotted;}
mark{color: #000; background:transparent;}
img{border: 0; display:block; max-width:100%;}

hr{height: 0;box-sizing: content-box;}
pre{overflow: auto;}
code, kbd, pre, samp{font-family: monospace, monospace;font-size: 1em;}
button, input, optgroup, select, textarea{margin: 0;color: inherit;font: inherit;}
button{overflow: visible;}
button, select{text-transform: none;}
button, html input[type="button"],
input[type="reset"],
input[type="submit"]{-webkit-appearance: button;cursor: pointer;}
button[disabled],
html input[disabled]{cursor: default;}
input{line-height: normal;}
input[type="checkbox"],
input[type="radio"]{padding: 0;box-sizing: border-box;}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button{height: auto;}
input[type="search"]{-webkit-box-sizing: content-box;box-sizing: content-box;-webkit-appearance: textfield;}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration{-webkit-appearance: none;}
fieldset{padding: .35em .625em .75em;margin: 0 2px;border: 1px solid #c0c0c0;}
legend{padding: 0;border: 0;}
textarea{overflow: auto;}
optgroup{font-weight: bold;}
table{border-spacing: 0;border-collapse: collapse;}
td,
th{padding: 0;}
*{-webkit-overflow-scrolling: touch; -webkit-box-sizing: border-box;box-sizing: border-box;-webkit-tap-highlight-color: transparent;-webkit-tap-highlight-color: transparent;-webkit-user-select: none;outline: none; margin: 0;padding: 0;border: 0;}

.none,.hide {display:none !important;}

h1,h2,h3,h4,h5,h6 {font-weight:normal; font-size:14px;}


.no_bd {border:none !important;}
.no_bd:after {display:none !important;}
.bd_t {border-top:1px solid #e8e8e8;}
.bd {border:1px solid #e8e8e8;}
.bd_b {border-bottom:1px solid #e8e8e8;}


input[type="radio"], input[type="checkbox"]{-webkit-appearance: none;outline: 0 !important; width:20px; height:20px; border-radius:50%; border:1px solid #ccc; display: inline-block;}
input[type="radio"]:checked, input[type="checkbox"]:checked{background:url(/img/radio_bg.png) no-repeat; background-size:cover; border:none;}

/*lihw*/

/*箭头*/
.z_jtb {border-left:1px solid #999;  border-bottom:1px solid #999; width:8px; height:8px; display:inline-block; transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); position:relative; top:-0.2em;}
.z_jtr {border-left:1px solid #999;  border-bottom:1px solid #999; width:8px; height:8px; display:inline-block; transform:rotate(-135deg); -moz-transform:rotate(-135deg); -webkit-transform:rotate(-135deg);}
.z_jtl {border-left:1px solid #fff;  border-bottom:1px solid #fff; width:8px; height:8px; display:inline-block; transform:rotate(-135deg); -moz-transform:rotate(-135deg); -webkit-transform:rotate(45deg);}

.close_icon {display:block; width:30px; height:30px;}
.close_icon:before {content:''; display:block; width:20px;height:2px; background:#333; transform: rotate(45deg); position:absolute; top:12px; left:4px;}
.close_icon:after {content:''; display:block; width:20px;height:2px; background:#333; transform: rotate(-45deg); position:absolute; top:12px; left:4px;}


.z_txl {text-align:left;}
.z_txr {text-align:right;
}
.z_txc {text-align:center;}
.z_bs {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;  }

/*字体颜色*/
.fc_m{color:#c80c0c;}
.fc_1{color:#111;}
.fc_3{color:#333;}
.fc_7{color:#717171;}
.fc_9{color:#999;}


/*间距*/
.mt2{margin-top:20px;}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt12{margin-top:12px;}
.pt0 {padding-top:0 !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt30{padding-top:30px !important;}
.pt40{padding-top:40px !important;}
.pt50{padding-top:50px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb30{padding-bottom:30px !important;}
.pb40{padding-bottom:40px !important;}
.plr20{padding-left:20px; padding-right:20px;}

.title_box {padding:0.75rem 0.55rem 0.55rem 0.55rem;}
.title_box .shopex-navigate-right {padding-right:25px; color:#666;}
.title_box .shopex-navigate-right:after {right:-2px !important;}
.z_bdb {border-bottom:1px solid #e8e8e8;}


:-moz-placeholder {color: #aaa;}
input:-ms-input-placeholder {color: #aaa;}
input::-webkit-input-placeholder {color: #aaa;}

textarea:-ms-input-placeholder {color: #aaa;}
textarea::-webkit-input-placeholder {color: #aaa;}


/*表单按钮*/
.formbox p{margin-bottom:10px;}
.ipt_1{border:1px solid #ccc; height:40px !important; line-height:40px !important; padding:0 12px; border-radius:5px;}
.btn_im40{background:#000; border:none; width:100%;  height:40px !important; line-height:40px !important; color:#fff; font-size:14px; border-radius:28px;}
.btn_sm40{background:#fff; border:1px solid #000; height:40px !important; line-height:40px !important; width:100%; color:#000; text-align:center; font-size:14px; border-radius:28px; display:block;}

.btn_d {display:block; height:44px; line-height:42px; font-size:14px;}
.btn_sm {color:#000; background:#fff; border:1px solid #000; height:36px; display:block; line-height:34px; border-radius:30px; text-align:center; transition:.3s;}
.btn_im {color:#fff; background:#000; border-color:#000; height:36px; line-height:36px; width:100%; display:block; border-radius:30px; text-align:center;}

button.btn_im {border:none; line-height:normal;}

.btn32_sm {color:#000; background:#fff; display:inline-block; cursor:pointer; height:30px; line-height:30px; font-size:14px; padding:0 20px; border:1px solid #333; text-align:center; transition:.3s;}
.btn32_sm:hover {color:#fff; background:#333;}

.sub40_sm {color:#fff; background:#000; display:inline-block; height:40px; line-height:38px; font-size:14px; padding:0 50px; border:1px solid #000; text-align:center; transition:.3s;}
.sub40_sm:hover { background:#333; border-color:#333;}

.fixed_box {position:fixed; bottom:0; left:0; right:0; z-index:100;}
.fixed_h49 {height:49px; width:100%; min-height:1px; overflow:hidden; padding-bottom:env(safe-area-inset-bottom); box-sizing:content-box;}
 .bg_w {background:#fff;}
.btn_box1 {padding:6px 12px; display:flex; width:100%;}
.btn_box1 .btn {display:block; flex-grow:1; text-align:center; padding:0;}
.btn_box2 {padding:6px 6px; display:flex; width:100%;}
.btn_box2 .btn {display:block; flex-grow:1; margin:0 6px; text-align:center; padding:0; width:50%;}

/*消息提示*/
.msg_box {text-align:center; padding:50px 0 30px 0;}
.msg_box img {width:48px; margin:0 auto;}
.msg_box h1 {font-size:16px; font-weight:bold; padding:10px 0 5px 0;}
.msg_box h2 {color:#8c8c8c; font-size:14px; padding:3px 0;}
.msg_box h2 em {color:#de1322;}

/*预约表单*/
.form_box{margin:10px 12px;}
.form_box .div_ipt{border:1px solid #dfdfdf; height:2.75rem; background:#fff; line-height:2.75rem; margin-bottom:12px; position:relative;}
.form_box .div_ipt span{padding:0 6px 0 12px; display:block;}
.form_box p{height:100%;}
.form_box .c_jtb{position:absolute !important; top:12px; right:8px;}
.form_box .input, .form_box select{width:100%; border:0; line-height:2.65rem; height:2.65rem; display:block; margin:0 !important; padding:0 !important;}
.form_box .textarea_div{padding:3px 12px; height:auto;}
.form_box .textarea_div textarea {width:100%; padding:0; height:4rem; margin:0; display:block; border:none;}
.form_box .button{display:block; background:#151515; color:#fff; border:0; width:100%; padding:0; height:2.75rem; line-height:2.7rem; text-align:center;}
.form_box .agree{padding-bottom:15px;}
.form_box .agree span{padding-left:10px;}
.server_info{padding:30px 0; color:#999; font-size:0.875rem;}
.server_info h1{color:#c80c0c; font-size:16px; font-weight:bold;}
.yuyue_img{width:100%;}
.yuyue_img img{max-width:100%; display:block; margin:0 auto;}
.yuyue_tit{font-size:16px; padding:15px 12px 0 12px; line-height:30px;}

.select_box:after {content:''; width:8px; height:8px; display:block; border-left:1px solid #ccc; border-bottom:1px solid #ccc;
  position: absolute; top:10px; right:8px; transform: rotate(-45deg)}

.wapscroll{
  overflow-y: scroll;
}


.dzdtj {background:#fff;}
.dzdtj ul {width:100%; overflow:hidden;}
.dzdtj ul li {width:100%; padding:0rem 0rem 1rem 0rem;}
.dzdtj ul li img {margin:0 auto;}
.dzdtj ul li h1 { font-size:1.35rem; line-height:2rem; text-align:center; padding:0.2rem 0.5rem 0 0.5rem;}
.dzdtj ul li h1 a { color:#000;}
.dzdtj ul li h2 {color:#8c8c8c; padding:0rem 0.5rem; text-align:center;}

.mltj { width:100%; overflow:hidden;}
.mltj ul {padding:0 0.3rem}
.mltj li { float:left; width:50%; padding:0 0.25rem 0.55rem 0.25rem; position:relative;}
.mltj li div {height:100%; width:100%; position:relative;}

.mltj li h1 { font-size:1.2rem; color:#fff; line-height:1.4rem; overflow:hidden; text-align:center; position:absolute; left:0; bottom:0; z-index:10; background:rgba(0,0,0,0.8); padding:0.5rem; width:100%;}
.mltj li h1 b { font-size:0.8rem; font-family:arial, sans-serif; font-weight:normal; display:block; text-align:center; color:#ccc; height:1rem; line-height:1rem; overflow:hidden;}

.home_link {padding:3px 0 3px 0;}
.home_link ul {display:flex; flex-wrap:wrap; padding:0 5px;}
.home_link li {width:25%; padding:6px 5px;}
.home_link li a {display:block; text-align:center;}
.home_link li p {display:flex; width:32px; height:32px; margin:0 auto; overflow:hidden;}
.home_link li img {width:100%; height:100%; margin:0 auto;}
.home_link li h1 {height:24px; line-height:24px; overflow:hidden; font-size:13px;}
.home_link li h2{height:34px; margin-bottom:8px; overflow:hidden; color:#999; font-size:12px;}

.diy_link {
  position:absolute; top:50%; left:50%;
  -webkit-transform:translateY(-50%) translateX(-50%); -moz-transform:translateY(-50%) translateX(-50%); transform:translateY(-50%) translateX(-50%)
}
.diy_link ul {padding:0 5px;}
.diy_link li {width:50%; padding:40px 0;;
}
.diy_link li a {display:block; background:#fff; border-radius:50%; text-align:center; width:140px; height:140px; overflow:hidden;
  -webkit-box-shadow:3px 3px 11px 0 rgba(0,0,0,0.1); -moz-box-shadow:3px 3px 11px 0 rgba(0,0,0,0.1); box-shadow:3px 3px 11px 0 rgba(0,0,0,0.1);
}
.diy_link li img {width:70px; margin:15px auto 0 auto;}
.diy_link li h1 {height:24px; margin-top:-3px; font-weight:bold; line-height:24px; overflow:hidden; color:#000; font-size:14px;}

.home_tit {height:24px; font-weight:bold; line-height:24px; overflow:hidden; color:#000; font-size:16px; text-align:center}

.home_img {padding:0.625rem 0.625rem 0 0.625rem;}
.home_img div {padding-bottom:0.625rem;}
.home_img div:last-child {padding:0;}

.pd_box2 {margin:10px 10px 0 10px; padding:8px; background:#fff; border-radius:6px; overflow:hidden;}
.pd_box2 h3 {font-size:16px; text-align:center; padding:2px 0 0 0;}
.pd_box2 img {border-radius:6px;}
.pd_box2 h1 {margin-bottom:8px;}

.home_cate2 {width:100%; padding:5px;}
.home_cate2 ul {display:flex; flex-wrap: wrap;}
.home_cate2 li {padding:5px; width:50%;}
.home_cate2 li a {width:100%; height:100%; display:block; background:#fff; border-radius:6px; overflow:hidden;}
.home_cate2 p.img {position:relative; width:100%; padding-bottom:78%; border-radius:6px 6px 0 0; overflow:hidden;}
.home_cate2 p .img_on {opacity:0;}
.home_cate2 p.img img {position:absolute; width:100%; height:100%; left:0; top:0; border-radius:6px 6px 0 0;}
.home_cate2 p:hover img {opacity:1;}
.home_cate2 .txt {text-align:center; position:relative; padding:10px; z-index:10; transition:.3s}
.home_cate2 .txt div {background:#fff; padding:5px 0; width:100%; margin-top:-30px; border-radius:6px 6px 0 0;}
.home_cate2 .txt h3 {height:30px; font-weight:bold; line-height:30px; overflow:hidden; color:#000; font-size:14px; }
.home_cate2 .txt h4{height:34px; margin-bottom:8px; overflow:hidden; color:#999; font-size:12px;}
.home_cate2 .txt span {display:inline-block; border:1px dashed #000; padding:3px 20px 4px 20px;}
.home_cate2 li:hover .txt span {background:#000; color:#fff;}


.foot_nav {height:64px; position:fixed; bottom:0; z-index:100; width:100%; background:url(/img/foot_bg.png) center top no-repeat; background-size:cover; padding-bottom:env(safe-area-inset-bottom); box-sizing:content-box;}
.foot_nav a {color:#000;}
.foot_nav ul {padding:25px 0 0 0; width:40%;}
.foot_nav ul:first-child {float:left;}
.foot_nav ul:last-child {float:right;}
.foot_nav li {text-align:center; float:left; width:50%; font-size:12px;}
.foot_nav li a {display:block; width:100%; height:100%;}
.foot_nav i {width:22px; height:22px; display:block; margin:0 auto;}
.foot_nav li span {position:relative; top:-2px; color:#999;}
.foot_nav li i.nav1 {background:url(/img/nav_1.png) no-repeat; background-size:cover;}
.foot_nav li i.nav2 {background:url(/img/nav_2.png) no-repeat; background-size:cover;}
.foot_nav li i.nav3 {background:url(/img/nav_3.png) no-repeat; background-size:cover;}
.foot_nav li i.nav4 {background:url(/img/nav_4.png) no-repeat; background-size:cover;}

.foot_nav li.on span {color:#000;}
.foot_nav li.on i.nav1 {background:url(/img/nav_01.png) no-repeat; background-size:cover;}
.foot_nav li.on i.nav2 {background:url(/img/nav_02.png) no-repeat; background-size:cover;}
.foot_nav li.on i.nav3 {background:url(/img/nav_03.png) no-repeat; background-size:cover;}
.foot_nav li.on i.nav4 {background:url(/img/nav_04.png) no-repeat; background-size:cover;}

.foot_nav .diy_icon {width:50px; height:50px; position:absolute; top:8px; left:50%; margin:0 0 0 -25px; text-align:center;}

.goods_nav {display:flex; padding-right:15px;}
.goods_nav a {color:#000;}
.goods_nav li {text-align:center; width:56px; font-size:12px; position:relative;}
.goods_nav li a {display:block; width:100%; height:100%;}
.goods_nav i {width:24px; height:24px; display:block; margin:0 auto; opacity:0.3;}
.goods_nav li span {position:relative; top:-2px; opacity:0.5;}
.goods_nav li i.nav1 {background:url(/img/nav_01.png) no-repeat; background-size:cover;}
.goods_nav li i.nav2 {background:url(/img/kf_icon.png) no-repeat; background-size:cover;}
.goods_nav li i.nav3 {background:url(/img/nav_03.png) no-repeat; background-size:cover;}
.goods_nav li b {position:absolute; top:-3px; left:30px; z-index:100; background:#de1322; border-radius:16px; height:16px; padding:0 4px; line-height:15px; color:#fff;}

.foot_h {height:64px; width:100%; overflow:hidden; padding-bottom:env(safe-area-inset-bottom); box-sizing:content-box;}
.foot_h2 {height:50px; width:100%; overflow:hidden; padding-bottom:env(safe-area-inset-bottom); box-sizing:content-box;}

.home_nav {overflow:hidden; padding:1rem 0;}
.home_nav li {text-align:center; float:left; width:25%;}
.home_nav li a {display:block; width:100%; height:100%;}
.home_nav span {width:3.25rem; height:3.25rem; padding-top:0.625rem; display:block; border-radius:50%; background:#f8f8f8; margin:0 auto;}
.home_nav span i {width:2rem; height:2rem; display:block; margin:auto;}
.home_nav p {position:relative; top:0rem; font-size:0.875rem;}
.home_nav li i.nav1 {background:url(uc_iocn_01.png) no-repeat; background-size:cover;}
.home_nav li i.nav2 {background:url(uc_iocn_02.png) no-repeat; background-size:cover;}
.home_nav li i.nav3 {background:url(uc_iocn_08.png) no-repeat; background-size:cover;}
.home_nav li i.nav4 {background:url(uc_iocn_09.png) no-repeat; background-size:cover;}
.home_nav li i.nav5 {background:url(ft_icon6.png) no-repeat; background-size:cover;}


.widgets-goods-like:last-child {margin-bottom:0;}

.shop_cate {padding:0 0 44px 0; display:flex; justify-content: space-between; position:absolute; left:0; top:0; right:0; bottom:0;}
.shop_cate .cate_left {min-width:26%; height:100%; overflow-y:auto; background:#f4f4f4;}
.shop_cate .cate_left p {height:44px; line-height:44px; padding:0 6px 0 15px; color:#999;}
.shop_cate .cate_left p.cur {color:#000; background:#fff;}
.shop_cate .cate_right {width:74%; overflow-y:auto; height:100%; padding:10px 0 25px 0;}
.shop_cate ul {display:none; padding:2px 5px;}
.shop_cate ul.cur {display:flex; flex-wrap: wrap;}
.shop_cate li {padding:8px 5px; width:33.33333%; text-align:center;}
.shop_cate li p {position:relative; padding-bottom:100%;}
.shop_cate li p img {position:absolute; left:0; top:0; width:100%; height:100%;}
.shop_cate li span {display:block; font-size:12px; height:24px; line-height:24px;}


.user_nav {background:#fff; margin:12px 10px; border-radius:6px;}
.user_nav li a {display:flex; width:100%; align-items:center; padding:0 0 0 12px; min-height:48px; position:relative;}
.user_nav li a:after {content:''; display:block; height:1px; background:#f0f0f0; position:absolute; left:12px; right:0; bottom:0; z-index:10;}
.user_nav li.last a:after {display:none;}
.user_nav li .uc_icon {width:24px; height:24px; min-width:24px; margin:0 8px 0 0;}
.user_nav li p {flex-grow:1;}
.user_nav li .jt_r {width:18px; height:18px; min-width:18px; margin:0 8px 0 0; opacity:0.3;}
.user_nav.user_nav2 li a {min-height:52px;}

.logout {background:#fff; margin:12px 10px; border-radius:6px; text-align:center;}
.logout a {display:block; text-align:center; height:40px; line-height:40px;}

.txt_list {padding-top:10px;}
.txt_list li {background:#fff; margin:0 0 10px 0; padding:10px 0 0 0;}
.txt_list li.default h1 em {visibility:visible;}
.txt_list li .txt_div {padding:5px 10px 10px 10px;}
.txt_list li .txt_div h2 {padding:2px 0;}
.txt_list li h1 {font-size:16px; color:#000; padding:0 12px;}
.txt_list li h1 span {padding:0 8px 0 10px;}
.txt_list li h1 em {display:inline-block; visibility:hidden; background:#000; color:#fff; font-size:12px; line-height:14px; padding:2px 4px 4px 4px; border-radius:3px; position:relative; top:-2px;}
.txt_list li h2 {font-size:14px; color:#666; padding:5px 10px 10px 10px;}
.txt_list .list_edit {display:flex; justify-content:space-between; align-items:center; border-top:1px solid #e8e8e8; padding:8px 0;}
.txt_list .list_edit a.def {display:block;line-height:26px; padding:0 0 0 12px;}
.txt_list .list_edit p {display:flex;}
.txt_list .list_edit p img {height:20px; opacity:0.5; margin:0 10px;}

.txt_list li .txt_div2 {padding:8px 0 8px 0; margin:0 10px; border-top:1px solid #eee; display:flex; align-items:center; justify-content:flex-start;}
.txt_list li .txt_div2 .disBtn {height:24px; line-height:22px; padding:0 15px; color:#000; border-radius:4px;}
.txt_list li .txt_div2 .disBtn.off {color:#aaa; border:1px solid #dfdfdf;}
.txt_list li .txt_div2 .disBtn.on { border:1px solid #000; color:#000;}

.txt_list.cart_addr li {position:relative;}
.txt_list.cart_addr li a {display:block;}
.txt_list.cart_addr li h1, .txt_list.cart_addr li h2 {padding-right:50px;}
.txt_list.cart_addr li.active:after {content:''; display:block; height:20px; width:20px; background:url(/img/gou.png) no-repeat; background-size:cover; position:absolute; top:13px; right:12px; z-index:10px;}


.code_info {position:absolute; top:50%; right:2rem; left:2rem; transform: translateY(-50%); background:#fff; border-radius:1rem; padding:0 0.5rem 4rem 0.5rem;}
.code_info .code_tx {padding:1.5rem 1.2rem; line-height:4rem; font-weight:bold;}
.code_info .code_tx img {display:inline-block; width:4rem; height:4rem; border-radius:50%; vertical-align:middle; margin-right:1rem;}
.code_info h2 {text-align:center;}

a{color: #353535; text-decoration: none;}
a:active{color: #000;}

.personal_item {display:flex; align-items:center; justify-content:space-between; position:relative; border-bottom:1px solid #f0f0f0; min-height:50px; margin:0 0 0 12px; padding:8px 12px 8px 0;}
.personal_item.shopex-navigate-right {padding-right:32px;}
.personal li:last-child .personal_item {border:none;}

.shopex-content{background-color:#f2f2f2;-webkit-overflow-scrolling: touch;}
.shopex-bar-nav ~ .shopex-content{padding-top: 44px;}
.shopex-bar-nav ~ .shopex-content.shopex-scroll-wrapper .shopex-scrollbar-vertical{top: 44px;}
.shopex-bar-header-secondary ~ .shopex-content{padding-top: 88px;}
.shopex-bar-header-secondary ~ .shopex-content.shopex-scroll-wrapper .shopex-scrollbar-vertical{top: 88px;}
.shopex-bar-footer ~ .shopex-content{padding-bottom: 44px;}
.shopex-bar-footer ~ .shopex-content.shopex-scroll-wrapper .shopex-scrollbar-vertical{bottom: 44px;}
.shopex-bar-footer-secondary ~ .shopex-content{padding-bottom: 88px;}
.shopex-bar-footer-secondary ~ .shopex-content.shopex-scroll-wrapper .shopex-scrollbar-vertical{bottom: 88px;}
.shopex-bar-tab ~ .shopex-content{padding-bottom: 50px;}
.shopex-bar-tab ~ .shopex-content.shopex-scroll-wrapper .shopex-scrollbar-vertical{bottom: 50px;}
.shopex-bar-footer-secondary-tab ~ .shopex-content{padding-bottom: 94px;}
.shopex-bar-footer-secondary-tab ~ .shopex-content.shopex-scroll-wrapper .shopex-scrollbar-vertical{bottom: 94px;}
.shopex-content-padded{padding: 10px;}
.shopex-inline{display: inline-block;vertical-align: top;}
.shopex-block{display: block !important;}
.shopex-visibility{visibility: visible !important;}
.shopex-hidden{display: none !important;}
.shopex-ellipsis{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.shopex-ellipsis-2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal !important;word-wrap: break-word;}
.shopex-table{display: table;table-layout: fixed;width: 100%;}
.shopex-table-cell{display: table-cell;position: relative;}
.shopex-text-left{text-align: left !important;}
.shopex-text-center{text-align: center !important;}
.shopex-text-justify{text-align: justify !important;}
.shopex-text-right{text-align: right !important;}
.shopex-pull-left{float: left;}
.shopex-pull-right{float: right;}
.shopex-list-unstyled{padding-left: 0;list-style: none;}
.shopex-list-inline{padding-left: 0;list-style: none;margin-left: -5px;}
.shopex-list-inline > li{display: inline-block;padding-left: 5px;padding-right: 5px;}
.shopex-clearfix:before, .shopex-clearfix:after{display: table;content: " ";}
.shopex-clearfix:after{clear: both;}
.shopex-bg-primary{background-color: #007aff;}
.shopex-bg-positive{background-color: #4cd964;}
.shopex-bg-negative{background-color: #dd524d;}
.shopex-error{margin: 88px 35px;padding: 10px;border-radius: 6px;background-color: #bbb;}
.shopex-subtitle{font-size: 15px;}
.shopex-row:before, .shopex-row:after{display: table;content: " ";}
.shopex-row:after{clear: both;}

.shopex-scroll-wrapper{position: absolute;z-index: 2;top: 0px;bottom: 0px;left: 0;width: 100%; overflow:hidden;}

.shopex-scroll{position: absolute;z-index: 1;width: 100%;-webkit-transform: translateZ(0);transform: translateZ(0);}
.shopex-scrollbar{position: absolute;z-index: 9998;overflow: hidden;transform: translateZ(0px);transition: 500ms;-webkit-transition: 500ms;opacity: 0;pointer-events: none;}
.shopex-scrollbar-vertical{width: 4px;bottom: 2px;top: 0;right: 1px;}
.shopex-scrollbar-vertical .shopex-scrollbar-indicator{width: 100%;}
.shopex-scrollbar-horizontal{height: 4px;left: 2px;right: 2px;bottom: 0px;}
.shopex-scrollbar-horizontal .shopex-scrollbar-indicator{height: 100%;}
.shopex-scrollbar-indicator{box-sizing: border-box;position: absolute;border: 1px solid rgba(255, 255, 255, 0.80196);border-radius: 2px;transition: 0.01s cubic-bezier(0.1, 0.57, 0.1, 1);-webkit-transition: 0.01s cubic-bezier(0.1, 0.57, 0.1, 1);display: block;transform: translate(0px, 0px) translateZ(0px);background: rgba(0, 0, 0, 0.39804);}
.shopex-plus-pullrefresh .shopex-fullscreen .shopex-scroll-wrapper .shopex-scroll-wrapper, .shopex-plus-pullrefresh .shopex-fullscreen .shopex-slider-group .shopex-scroll-wrapper{position: absolute;top: 0px;bottom: 0px;left: 0;width: 100%;overflow: hidden;}
.shopex-plus-pullrefresh .shopex-fullscreen .shopex-scroll-wrapper .shopex-scroll, .shopex-plus-pullrefresh .shopex-fullscreen .shopex-slider-group .shopex-scroll{position: absolute;width: 100%;}
.shopex-plus-pullrefresh .shopex-scroll-wrapper, .shopex-plus-pullrefresh .shopex-slider-group{position: static;top: auto;bottom: auto;left: auto;width: auto;overflow: auto;}
.shopex-plus-pullrefresh .shopex-slider-group{overflow: visible;}
.shopex-plus-pullrefresh .shopex-scroll{position: static;width: auto;}
.shopex-off-canvas-wrap .shopex-bar{position: absolute !important;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);-webkit-box-shadow: none;box-shadow: none;}
.shopex-off-canvas-wrap{position: relative;width: 100%;height: 100%;overflow: hidden;z-index: 1;}
.shopex-off-canvas-wrap .shopex-inner-wrap{position: relative;width: 100%;height: 100%;z-index: 1;}
.shopex-off-canvas-wrap .shopex-inner-wrap.shopex-transitioning{-webkit-transition: -webkit-transform 350ms;transition: transform 350ms cubic-bezier(0.165, 0.84, 0.44, 1);}
.shopex-off-canvas-wrap .shopex-inner-wrap .shopex-off-canvas-left{-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
.shopex-off-canvas-wrap .shopex-inner-wrap .shopex-off-canvas-right{-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
.shopex-off-canvas-wrap.shopex-active{overflow: hidden;height: 100%;}
.shopex-off-canvas-wrap.shopex-active .shopex-off-canvas-backdrop{transition: background 350ms cubic-bezier(0.165, 0.84, 0.44, 1);box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);display: block;position: absolute;background: rgba(0, 0, 0, 0.4);top: 0;bottom: 0;left: 0;right: 0;z-index: 998;-webkit-tap-highlight-color: transparent;}
.shopex-off-canvas-wrap.shopex-slide-in .shopex-off-canvas-right{-webkit-transform: translate3d(100%, 0px, 0px);z-index: 10000 !important;}
.shopex-off-canvas-wrap.shopex-slide-in .shopex-off-canvas-left{-webkit-transform: translate3d(-100%, 0px, 0px);z-index: 10000 !important;}
.shopex-off-canvas-left, .shopex-off-canvas-right{width: 70%;min-height: 100%;top: 0;bottom: 0;position: fixed;background: #f2f2f2;box-sizing: content-box;-webkit-overflow-scrolling: touch;z-index: -1;visibility: hidden;}
.shopex-off-canvas-left.shopex-transitioning, .shopex-off-canvas-right.shopex-transitioning{-webkit-transition: -webkit-transform 350ms cubic-bezier(0.165, 0.84, 0.44, 1);transition: transform 350ms cubic-bezier(0.165, 0.84, 0.44, 1);}
.shopex-off-canvas-left{left: 0;}
.shopex-off-canvas-right{right: 0;}
.shopex-off-canvas-wrap:not(.shopex-slide-in).shopex-scalable{background-color: #333;}
.shopex-off-canvas-wrap:not(.shopex-slide-in).shopex-scalable > .shopex-off-canvas-left, .shopex-off-canvas-wrap:not(.shopex-slide-in).shopex-scalable > .shopex-off-canvas-right{width: 80%;-webkit-transform: scale(0.8);transform: scale(0.8);opacity: 0.1;}
.shopex-off-canvas-wrap:not(.shopex-slide-in).shopex-scalable > .shopex-off-canvas-left.shopex-transitioning, .shopex-off-canvas-wrap:not(.shopex-slide-in).shopex-scalable > .shopex-off-canvas-right.shopex-transitioning{-webkit-transition: -webkit-transform 350ms cubic-bezier(0.165, 0.84, 0.44, 1), opacity 350ms cubic-bezier(0.165, 0.84, 0.44, 1);transition: transform 350ms cubic-bezier(0.165, 0.84, 0.44, 1), opacity 350ms cubic-bezier(0.165, 0.84, 0.44, 1);}
.shopex-off-canvas-wrap:not(.shopex-slide-in).shopex-scalable > .shopex-off-canvas-left{-webkit-transform-origin: -100%;transform-origin: -100%;}
.shopex-off-canvas-wrap:not(.shopex-slide-in).shopex-scalable > .shopex-off-canvas-right{-webkit-transform-origin: 200%;transform-origin: 200%;}
.shopex-off-canvas-wrap:not(.shopex-slide-in).shopex-scalable.shopex-active > .shopex-inner-wrap{-webkit-transform: scale(0.8);transform: scale(0.8);}
.shopex-off-canvas-wrap:not(.shopex-slide-in).shopex-scalable.shopex-active > .shopex-off-canvas-left, .shopex-off-canvas-wrap:not(.shopex-slide-in).shopex-scalable.shopex-active > .shopex-off-canvas-right{-webkit-transform: scale(1);transform: scale(1);opacity: 1;}
.shopex-loading .shopex-spinner{margin: 0 auto;display: block;}
.shopex-spinner{display: inline-block;width: 24px;height: 24px;-webkit-transform-origin: 50%;transform-origin: 50%;-webkit-animation: spinner-spin 1s step-end infinite;animation: spinner-spin 1s step-end infinite;}
.shopex-spinner:after{display: block;content: "";width: 100%;height: 100%;background-image: url("data:image/svg+xml;charset=utf-8,<svg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><defs><line id='l' x1='60' x2='60' y1='7' y2='27' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round'/></defs><g><use xlink:href='%23l' opacity='.27'/><use xlink:href='%23l' opacity='.27' transform='rotate(30 60,60)'/><use xlink:href='%23l' opacity='.27' transform='rotate(60 60,60)'/><use xlink:href='%23l' opacity='.27' transform='rotate(90 60,60)'/><use xlink:href='%23l' opacity='.27' transform='rotate(120 60,60)'/><use xlink:href='%23l' opacity='.27' transform='rotate(150 60,60)'/><use xlink:href='%23l' opacity='.37' transform='rotate(180 60,60)'/><use xlink:href='%23l' opacity='.46' transform='rotate(210 60,60)'/><use xlink:href='%23l' opacity='.56' transform='rotate(240 60,60)'/><use xlink:href='%23l' opacity='.66' transform='rotate(270 60,60)'/><use xlink:href='%23l' opacity='.75' transform='rotate(300 60,60)'/><use xlink:href='%23l' opacity='.85' transform='rotate(330 60,60)'/></g></svg>");background-position: 50%;background-size: 100%;background-repeat: no-repeat;}
.shopex-spinner-white:after{background-image: url("data:image/svg+xml;charset=utf-8,<svg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><defs><line id='l' x1='60' x2='60' y1='7' y2='27' stroke='%23fff' stroke-width='11' stroke-linecap='round'/></defs><g><use xlink:href='%23l' opacity='.27'/><use xlink:href='%23l' opacity='.27' transform='rotate(30 60,60)'/><use xlink:href='%23l' opacity='.27' transform='rotate(60 60,60)'/><use xlink:href='%23l' opacity='.27' transform='rotate(90 60,60)'/><use xlink:href='%23l' opacity='.27' transform='rotate(120 60,60)'/><use xlink:href='%23l' opacity='.27' transform='rotate(150 60,60)'/><use xlink:href='%23l' opacity='.37' transform='rotate(180 60,60)'/><use xlink:href='%23l' opacity='.46' transform='rotate(210 60,60)'/><use xlink:href='%23l' opacity='.56' transform='rotate(240 60,60)'/><use xlink:href='%23l' opacity='.66' transform='rotate(270 60,60)'/><use xlink:href='%23l' opacity='.75' transform='rotate(300 60,60)'/><use xlink:href='%23l' opacity='.85' transform='rotate(330 60,60)'/></g></svg>");}
@-webkit-keyframes spinner-spin{0%{-webkit-transform: rotate(0deg);}
  8.33333333%{-webkit-transform: rotate(30deg);}
  16.66666667%{-webkit-transform: rotate(60deg);}
  25%{-webkit-transform: rotate(90deg);}
  33.33333333%{-webkit-transform: rotate(120deg);}
  41.66666667%{-webkit-transform: rotate(150deg);}
  50%{-webkit-transform: rotate(180deg);}
  58.33333333%{-webkit-transform: rotate(210deg);}
  66.66666667%{-webkit-transform: rotate(240deg);}
  75%{-webkit-transform: rotate(270deg);}
  83.33333333%{-webkit-transform: rotate(300deg);}
  91.66666667%{-webkit-transform: rotate(330deg);}
  100%{-webkit-transform: rotate(360deg);}}
@keyframes spinner-spin{0%{transform: rotate(0deg);}
  8.33333333%{transform: rotate(30deg);}
  16.66666667%{transform: rotate(60deg);}
  25%{transform: rotate(90deg);}
  33.33333333%{transform: rotate(120deg);}
  41.66666667%{transform: rotate(150deg);}
  50%{transform: rotate(180deg);}
  58.33333333%{transform: rotate(210deg);}
  66.66666667%{transform: rotate(240deg);}
  75%{transform: rotate(270deg);}
  83.33333333%{transform: rotate(300deg);}
  91.66666667%{transform: rotate(330deg);}
  100%{transform: rotate(360deg);}}

input[type="button"]:enabled:active, input[type="button"].shopex-active:enabled,
input[type="submit"]:enabled:active,
input[type="submit"].shopex-active:enabled,
input[type="reset"]:enabled:active,
input[type="reset"].shopex-active:enabled,
button:enabled:active,
button.shopex-active:enabled,
.shopex-btn:enabled:active,
.shopex-btn.shopex-active:enabled{color: #fff;background-color: #929292;}
input[type="button"]:disabled, input[type="button"].shopex-disabled,
input[type="submit"]:disabled,
input[type="submit"].shopex-disabled,
input[type="reset"]:disabled,
input[type="reset"].shopex-disabled,
button:disabled,
button.shopex-disabled,
.shopex-btn:disabled,
.shopex-btn.shopex-disabled{opacity: .6;}
input[type="submit"],
.shopex-btn-primary, .shopex-btn-blue{color: #fff;background-color: #333;border: 1px solid #333;}
input[type="submit"]:enabled:active, input[type="submit"].shopex-active:enabled,
.shopex-btn-primary:enabled:active,
.shopex-btn-primary.shopex-active:enabled, .shopex-btn-blue:enabled:active, .shopex-btn-blue.shopex-active:enabled{color: #fff;background-color: #0062cc;border: 1px solid #0062cc;}
.shopex-btn-positive, .shopex-btn-success, .shopex-btn-green{color: #fff;background-color: #4cd964;border: 1px solid #4cd964;}
.shopex-btn-positive:enabled:active, .shopex-btn-positive.shopex-active:enabled, .shopex-btn-success:enabled:active, .shopex-btn-success.shopex-active:enabled, .shopex-btn-green:enabled:active, .shopex-btn-green.shopex-active:enabled{color: #fff;background-color: #2ac845;border: 1px solid #2ac845;}
.shopex-btn-warning, .shopex-btn-yellow{color: #fff;background-color: #000;border: 1px solid #000;}
.shopex-btn-warning:enabled:active, .shopex-btn-warning.shopex-active:enabled, .shopex-btn-yellow:enabled:active, .shopex-btn-yellow.shopex-active:enabled{color: #fff;background-color: #333;border: 1px solid #333;}
.shopex-btn-negative, .shopex-btn-danger, .shopex-btn-red{color: #000;background-color: #000;border: 1px solid #000;}
.shopex-btn-negative:enabled:active, .shopex-btn-negative.shopex-active:enabled, .shopex-btn-danger:enabled:active, .shopex-btn-danger.shopex-active:enabled, .shopex-btn-red:enabled:active, .shopex-btn-red.shopex-active:enabled{color: #fff;background-color: #cf2d28;border: 1px solid #cf2d28;}
.shopex-btn-royal, .shopex-btn-purple{color: #fff;background-color: #8a6de9;border: 1px solid #8a6de9;}
.shopex-btn-royal:enabled:active, .shopex-btn-royal.shopex-active:enabled, .shopex-btn-purple:enabled:active, .shopex-btn-purple.shopex-active:enabled{color: #fff;background-color: #6641e2;border: 1px solid #6641e2;}
.shopex-btn-grey{color: #fff;background-color: #e5e5e5;border: 1px solid #e5e5e5;}
.shopex-btn-grey:enabled:active, .shopex-btn-grey.shopex-active:enabled{color: #fff;background-color: #acacb4;border: 1px solid #acacb4;}
.shopex-btn-outlined{background-color: transparent;}
.shopex-btn-outlined.shopex-btn-primary, .shopex-btn-outlined.shopex-btn-blue{color: #007aff;}
.shopex-btn-outlined.shopex-btn-positive, .shopex-btn-outlined.shopex-btn-success, .shopex-btn-outlined.shopex-btn-green{color: #4cd964;}
.shopex-btn-outlined.shopex-btn-warning, .shopex-btn-outlined.shopex-btn-yellow{color: #f0ad4e;}
.shopex-btn-outlined.shopex-btn-negative, .shopex-btn-outlined.shopex-btn-danger, .shopex-btn-outlined.shopex-btn-red{color: #dd524d;}
.shopex-btn-outlined.shopex-btn-royal, .shopex-btn-outlined.shopex-btn-purple{color: #8a6de9;}
.shopex-btn-outlined.shopex-btn-primary:enabled:active, .shopex-btn-outlined.shopex-btn-blue:enabled:active, .shopex-btn-outlined.shopex-btn-positive:enabled:active, .shopex-btn-outlined.shopex-btn-success:enabled:active, .shopex-btn-outlined.shopex-btn-green:enabled:active, .shopex-btn-outlined.shopex-btn-warning:enabled:active, .shopex-btn-outlined.shopex-btn-yellow:enabled:active, .shopex-btn-outlined.shopex-btn-negative:enabled:active, .shopex-btn-outlined.shopex-btn-danger:enabled:active, .shopex-btn-outlined.shopex-btn-red:enabled:active, .shopex-btn-outlined.shopex-btn-royal:enabled:active, .shopex-btn-outlined.shopex-btn-purple:enabled:active{color: #fff;}
.shopex-btn-link{padding-top: 6px;padding-bottom: 6px;color: #007aff;background-color: transparent;border: 0;}
.shopex-btn-link:enabled:active, .shopex-btn-link.shopex-active:enabled{color: #0062cc;background-color: transparent;}
.shopex-btn-block{display: block;width: 100%;padding: .6rem 0;margin-bottom: 10px;font-size: 1rem;}
.shopex-btn .shopex-badge{margin: -2px -4px -2px 4px;font-size: 14px;background-color: rgba(0, 0, 0, 0.15);}
.shopex-btn .shopex-badge-inverted,
.shopex-btn:enabled:active .shopex-badge-inverted{background-color: transparent;}
.shopex-btn-primary:enabled:active .shopex-badge-inverted,
.shopex-btn-positive:enabled:active .shopex-badge-inverted,
.shopex-btn-negative:enabled:active .shopex-badge-inverted{color: #fff;}
.shopex-btn-block .shopex-badge{position: absolute;right: 0;margin-right: 10px;}
.shopex-btn .shopex-icon{font-size: inherit;}
.shopex-btn.shopex-icon{font-size: 14px;line-height: 1.42;}
.shopex-btn.shopex-fab{border-radius: 50%;width: 56px;height: 56px;padding: 16px;outline: none;}
.shopex-btn.shopex-fab.shopex-btn-mini{width: 40px;height: 40px;padding: 8px;}
.shopex-btn.shopex-fab .shopex-icon{font-size: 24px;line-height: 24px;width: 24px;height: 24px;}
.shopex-bar{position: fixed;right: 0;left: 0;z-index: 10;height: 44px;padding-right: 10px;padding-left: 10px;background-color: #f7f7f7;border-bottom: 0;-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.85);box-shadow: 0 0 1px rgba(0, 0, 0, 0.85);-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.shopex-bar .shopex-title{width: auto;left: 40px;right: 40px;margin: 0;overflow: hidden;text-overflow: ellipsis;display: inline-block;}
.shopex-bar .shopex-backdrop{background: none;}
.shopex-bar-header-secondary{top: 44px;}
.shopex-bar-footer{bottom: 0;}
.shopex-bar-footer-secondary{bottom: 44px;}
.shopex-bar-footer-secondary-tab{bottom: 50px;}
.shopex-bar-footer,
.shopex-bar-footer-secondary,
.shopex-bar-footer-secondary-tab{border-top: 0;}
.shopex-bar-nav{top: 0;-webkit-box-shadow: 0px 1px 6px #CCC;box-shadow: 0px 1px 6px #CCC;}
.shopex-bar-nav ~ .shopex-content .shopex-anchor{display: block;height: 45px;margin-top: -45px;visibility: hidden;}
.shopex-bar-nav.shopex-bar .shopex-icon{margin-left: -10px;margin-right: -10px;padding-left: 10px;padding-right: 10px;}
.shopex-title{position: absolute;display: block;width: 100%;padding: 0;margin: 0 -10px;font-size: 17px;font-weight: 500;line-height: 44px;color: #000;text-align: center;white-space: nowrap;}
.shopex-title a{color: inherit;}
.shopex-bar-tab{display: table;bottom: 0;width: 100%;height: 50px;padding: 0;table-layout: fixed;border-top: 0;border-bottom: 0;-webkit-touch-callout: none;}
.shopex-bar-tab .shopex-tab-item{display: table-cell;width: 1%;height: 50px;color: #929292;text-align: center;vertical-align: middle;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.shopex-bar-tab .shopex-tab-item.shopex-active{color: #007aff;}
.shopex-bar-tab .shopex-tab-item .shopex-icon{top: 3px;width: 24px;height: 24px;padding-top: 0;padding-bottom: 0;}
.shopex-bar-tab .shopex-tab-item .shopex-icon ~ .shopex-tab-label{display: block;font-size: 11px;overflow: hidden;text-overflow: ellipsis;}
.shopex-bar-tab .shopex-tab-item .shopex-icon:active{background: none;}
.shopex-focusin > .shopex-bar-nav, .shopex-focusin > .shopex-bar-header-secondary{position: absolute;}
.shopex-focusin > .shopex-bar ~ .shopex-content{padding-bottom: 0;}
.shopex-bar .shopex-btn{position: relative;top: 7px;z-index: 20;padding: 6px 12px 7px;margin-top: 0;font-weight: 400;}
.shopex-bar .shopex-btn.shopex-pull-right{margin-left: 10px;}
.shopex-bar .shopex-btn.shopex-pull-left{margin-right: 10px;}
.shopex-bar .shopex-btn-link{top: 0;padding: 0;font-size: 16px;line-height: 44px;color: #007aff;border: 0;}
.shopex-bar .shopex-btn-link:active, .shopex-bar .shopex-btn-link.shopex-active{color: #0062cc;}
.shopex-bar .shopex-btn-block{top: 6px;padding: 5px 0;margin-bottom: 0;font-size: 16px;}
.shopex-bar .shopex-btn-nav.shopex-pull-left{margin-left: -5px;}
.shopex-bar .shopex-btn-nav.shopex-pull-left .shopex-icon-left-nav{margin-right: -3px;}
.shopex-bar .shopex-btn-nav.shopex-pull-right{margin-right: -5px;}
.shopex-bar .shopex-btn-nav.shopex-pull-right .shopex-icon-right-nav{margin-left: -3px;}
.shopex-bar .shopex-btn-nav:active{opacity: .3;}
.shopex-bar .shopex-icon{position: relative;z-index: 20;padding-top: 10px;padding-bottom: 10px;font-size: 24px;}
.shopex-bar .shopex-icon:active{opacity: .3;}
.shopex-bar .shopex-btn .shopex-icon{top: 1px;padding: 0;margin: 0;}
.shopex-bar .shopex-title .shopex-icon{padding: 0;margin: 0;}
.shopex-bar .shopex-title .shopex-icon.shopex-icon-caret{top: 4px;margin-left: -5px;}
.shopex-bar input[type="search"]{height: 29px;margin: 6px 0;}
.shopex-bar .shopex-input-row .shopex-btn{padding: 12px 10px;}
.shopex-bar .shopex-search:before{margin-top: -10px;}
.shopex-bar.shopex-bar-header-secondary .shopex-input-row .shopex-input-clear ~ .shopex-icon-clear, .shopex-bar.shopex-bar-header-secondary .shopex-input-row .shopex-input-speech ~ .shopex-icon-speech{top: 0;right: 0;}
.shopex-bar .shopex-segmented-control{top: 7px;margin: 0 auto;width: auto;}
.shopex-bar.shopex-bar-header-secondary .shopex-segmented-control{top: 0px;}
.shopex-badge{display: inline-block;padding:2px 5px 3px 5px;font-size: 12px;line-height: 1;color: #fff;background:#de1322; border-radius: 100px;}
.shopex-badge.shopex-badge-inverted{padding: 0 5px 0 0;color: #929292;background-color: transparent;}
.shopex-badge-primary, .shopex-badge-blue{color: #fff;background-color: #007aff;}
.shopex-badge-primary.shopex-badge-inverted, .shopex-badge-blue.shopex-badge-inverted{color: #007aff;background-color: transparent;}
.shopex-badge-success, .shopex-badge-green{color: #fff;background-color: #4cd964;}
.shopex-badge-success.shopex-badge-inverted, .shopex-badge-green.shopex-badge-inverted{color: #4cd964;background-color: transparent;}
.shopex-badge-warning, .shopex-badge-yellow{color: #fff;background-color: #f0ad4e;}
.shopex-badge-warning.shopex-badge-inverted, .shopex-badge-yellow.shopex-badge-inverted{color: #f0ad4e;background-color: transparent;}
.shopex-badge-danger, .shopex-badge-red{color: #fff;background-color: #dd524d;}
.shopex-badge-danger.shopex-badge-inverted, .shopex-badge-red.shopex-badge-inverted{color: #dd524d;background-color: transparent;}
.shopex-badge-royal, .shopex-badge-purple{color: #fff;background-color: #8a6de9;}
.shopex-badge-royal.shopex-badge-inverted, .shopex-badge-purple.shopex-badge-inverted{color: #8a6de9;background-color: transparent;}
.shopex-icon .shopex-badge{position: absolute;left: 100%;margin-left: -10px;top: -2px;font-size: 10px;line-height: 1.4;padding: 1px 5px;background: red;color: white;}
.shopex-card{margin: 0 15px;overflow: hidden;background-color: #fff;border: 1px solid #ddd;background-clip: padding-box;border-radius: 6px;}
.shopex-content > .shopex-card:first-child{margin-top: 15px;}
.shopex-card .shopex-input-group:before, .shopex-card .shopex-input-group:after{height: 0;}
.shopex-card .shopex-input-group .shopex-input-row:last-child:before, .shopex-card .shopex-input-group .shopex-input-row:last-child:after{height: 0;}
.shopex-card .shopex-table-view{margin-bottom: 0;border-top: 0;border-bottom: 0;border-radius: 6px;}
.shopex-card .shopex-table-view .shopex-table-view-divider:first-child, .shopex-card .shopex-table-view .shopex-table-view-cell:first-child{top: 0;border-top-left-radius: 6px;border-top-right-radius: 6px;}
.shopex-card .shopex-table-view .shopex-table-view-divider:last-child, .shopex-card .shopex-table-view .shopex-table-view-cell:last-child{border-bottom-left-radius: 6px;border-bottom-right-radius: 6px;}
.shopex-card .shopex-table-view:before, .shopex-card .shopex-table-view:after{height: 0;}
.shopex-card > .shopex-table-view > .shopex-table-view-cell:last-child:before, .shopex-card > .shopex-table-view > .shopex-table-view-cell:last-child:after{height: 0;}
.shopex-table-view{position: relative;padding-left: 0;margin-bottom: 0;list-style: none;}
.shopex-table-view:after{position: absolute;left: 0;right: 0;bottom: 0;height: 1px;background-color: #e8e8e8;content: '';}
.shopex-table-view:before{top: -1px;}
.shopex-table-view-icon .shopex-table-view-cell .shopex-navigate-right .shopex-icon{font-size: 20px;margin-left: -5px;margin-right: 5px;margin-top: -1px;}
.shopex-table-view-icon .shopex-table-view-cell:after{left: 40px;}
.shopex-table-view-chevron .shopex-table-view-cell{padding-right: 65px;}
.shopex-table-view-chevron .shopex-table-view-cell > a:not(.shopex-btn){margin-right: -65px;}
.shopex-table-view-radio .shopex-table-view-cell{padding-right: 65px;}
.shopex-table-view-radio .shopex-table-view-cell > a:not(.shopex-btn){margin-right: -65px;}
.shopex-table-view-radio .shopex-table-view-cell .shopex-navigate-right:after{right: 9px;content: '';color: #000;font-size: 30px;font-weight: 600;}
.shopex-table-view-radio .shopex-table-view-cell.shopex-selected .shopex-navigate-right:after{content: '\e472';}
.shopex-table-view-inverted{background: #333;color: #fff;}
.shopex-table-view-inverted:after{position: absolute;left: 0;right: 0;bottom: 0;height: 1px;background-color: #222;content: '';}
.shopex-table-view-inverted:before{position: absolute;left: 0;right: 0;top: 0;height: 1px;background-color: #222;content: '';}
.shopex-table-view-inverted .shopex-table-view-cell:after{position: absolute;left: 15px;right: 0;bottom: 0;height: 1px;background-color: #222;content: '';}
.shopex-table-view-inverted .shopex-table-view-cell.shopex-active{background-color: #242424;}
.shopex-table-view-inverted .shopex-table-view-cell > a:not(.shopex-btn).shopex-active{background-color: #242424;}
.shopex-table-view-cell{position: relative;padding:12px;overflow: hidden;-webkit-touch-callout: none;}
.shopex-table-view-cell:after{position: absolute;left: 0;right: 0;bottom: 0;height: 1px;background-color: #e8e8e8;content: '';}
.shopex-table-view-cell.shopex-radio input[type=radio], .shopex-table-view-cell.shopex-checkbox input[type=checkbox]{top: 8px;}
.shopex-table-view-cell.shopex-radio.shopex-left, .shopex-table-view-cell.shopex-checkbox.shopex-left{padding-left: 58px;}
.shopex-table-view-cell.shopex-active{background-color: #eee;}
.shopex-table-view-cell:last-child:before, .shopex-table-view-cell:last-child:after{height: 0;}

.shopex-table-view-cell p{margin-bottom: 0;}
.shopex-table-view-cell.shopex-transitioning > .shopex-slider-handle, .shopex-table-view-cell.shopex-transitioning > .shopex-slider-left .shopex-btn, .shopex-table-view-cell.shopex-transitioning > .shopex-slider-right .shopex-btn{-webkit-transition: -webkit-transform 300ms ease;transition: transform 300ms ease;}
.shopex-table-view-cell.shopex-active > .shopex-slider-handle{background-color: #eee;}
.shopex-table-view-cell > .shopex-slider-handle{position: relative;}
.shopex-table-view-cell > .shopex-slider-handle.shopex-navigate-right:after, .shopex-table-view-cell > .shopex-slider-handle .shopex-navigate-right:after{right: 0;}
.shopex-table-view-cell > .shopex-slider-handle, .shopex-table-view-cell > .shopex-slider-left .shopex-btn, .shopex-table-view-cell > .shopex-slider-right .shopex-btn{-webkit-transition: -webkit-transform 0ms ease;transition: transform 0ms ease;}
.shopex-table-view-cell > .shopex-slider-left, .shopex-table-view-cell > .shopex-slider-right{position: absolute;top: 0;height: 100%;display: -webkit-box;display: -webkit-flex;display: flex;}
.shopex-table-view-cell > .shopex-slider-left > .shopex-btn, .shopex-table-view-cell > .shopex-slider-right > .shopex-btn{padding: 0 1rem;color: #000;border-radius: 0;border: 0;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-align: center;-webkit-align-items: center;align-items: center;position: relative;left: 0; font-size:1rem;}
.shopex-table-view-cell > .shopex-slider-left > .shopex-btn:after, .shopex-table-view-cell > .shopex-slider-right > .shopex-btn:after{content: '';position: absolute;top: 0;width: 600%;height: 100%;background: inherit;z-index: -1;}
.shopex-table-view-cell > .shopex-slider-left > .shopex-btn.shopex-icon, .shopex-table-view-cell > .shopex-slider-right > .shopex-btn.shopex-icon{font-size: 30px;}
.shopex-table-view-cell > .shopex-slider-right{right: 0%;-webkit-transform: translateX(100%);transform: translateX(100%);-webkit-transition: -webkit-transform 0ms ease;transition: transform 0ms ease;}
.shopex-table-view-cell > .shopex-slider-left{left: 0;-webkit-transform: translateX(-100%);transform: translateX(-100%);-webkit-transition: -webkit-transform 0ms ease;transition: transform 0ms ease;}
.shopex-table-view-cell > .shopex-slider-left > .shopex-btn:after{right: 100%;margin-right: -1px;}
.shopex-table-view-divider{position: relative;padding-top: 6px;padding-bottom: 6px;padding-left: 15px;margin-top: -1px;margin-left: 0;font-weight: 500;color: #999;background-color: #fafafa;}
.shopex-table-view-divider:after{position: absolute;left: 0;right: 0;bottom: 0;height: 1px;background-color: #c8c7cc;content: '';}
.shopex-table-view-divider:before{position: absolute;left: 0;right: 0;top: 0;height: 1px;background-color: #c8c7cc;content: '';}
.shopex-table-view .shopex-media,
.shopex-table-view .shopex-media-body{overflow: hidden;}
.shopex-table-view .shopex-media-large .shopex-media-object{max-width: 80px;height: 80px;line-height: 80px;}
.shopex-table-view .shopex-media .shopex-subtitle{color: #000;}
.shopex-table-view .shopex-media-object{max-width: 42px;height: 42px;line-height: 42px;}
.shopex-table-view .shopex-media-object.shopex-pull-left{margin-right: 10px;}
.shopex-table-view .shopex-media-object.shopex-pull-right{margin-left: 10px;}
.shopex-table-view .shopex-table-view-cell.shopex-media-icon .shopex-media-object{max-width: 29px;height: 29px;line-height: 29px;margin: -4px 0;}
.shopex-table-view .shopex-table-view-cell.shopex-media-icon .shopex-media-object img{max-width: 29px;height: 29px;line-height: 29px;}
.shopex-table-view .shopex-table-view-cell.shopex-media-icon .shopex-media-object.shopex-pull-left{margin-right: 10px;}
.shopex-table-view .shopex-table-view-cell.shopex-media-icon .shopex-media-object .shopex-icon{font-size: 29px;}
.shopex-table-view .shopex-table-view-cell.shopex-media-icon .shopex-media-body:after{position: absolute;left: 55px;right: 0;bottom: 0;height: 1px;background-color: #c8c7cc;content: '';}
.shopex-table-view .shopex-table-view-cell.shopex-media-icon:after{height: 0 !important;}
.shopex-table-view.shopex-unfold .shopex-table-view-cell.shopex-collapse .shopex-table-view{display: block;}
.shopex-table-view.shopex-unfold .shopex-table-view-cell.shopex-collapse .shopex-table-view:before, .shopex-table-view.shopex-unfold .shopex-table-view-cell.shopex-collapse .shopex-table-view:after{height: 0 !important;}
.shopex-table-view.shopex-unfold .shopex-table-view-cell.shopex-media-icon.shopex-collapse .shopex-media-body:after{position: absolute;left: 70px;right: 0;bottom: 0;height: 1px;background-color: #c8c7cc;content: '';}
.shopex-table-view-cell > .shopex-btn,
.shopex-table-view-cell > .shopex-badge,
.shopex-table-view-cell > .shopex-switch,
.shopex-table-view-cell > a > .shopex-btn,
.shopex-table-view-cell > a > .shopex-badge,
.shopex-table-view-cell > a > .shopex-switch{position: absolute;top: 50%;right: 15px;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.shopex-content > .shopex-table-view:first-child{margin-top: 15px;}
.shopex-table-view .shopex-table-view-cell:last-child:after {display:none;}

.shopex-grid-view.shopex-grid-9{background-color: #f2f2f2;padding: 0;margin: 0;border-left: 1px solid #EEE;border-top: 1px solid #EEE;}
.shopex-grid-view.shopex-grid-9:before, .shopex-grid-view.shopex-grid-9:after{display: table;content: " ";}
.shopex-grid-view.shopex-grid-9:after{clear: both;}
.shopex-grid-view.shopex-grid-9:after{position: static;}
.shopex-grid-view.shopex-grid-9 .shopex-table-view-cell{vertical-align: top;padding: 11px 15px;margin: 0;border-right: 1px solid #EEE;border-bottom: 1px solid #EEE;}
.shopex-grid-view.shopex-grid-9 .shopex-table-view-cell.shopex-active{background-color: #eee;}
.shopex-grid-view.shopex-grid-9 .shopex-table-view-cell > a:not(.shopex-btn){padding: 10px 0;margin: 0;}
.shopex-grid-view.shopex-grid-9:before{height: 0;}
.shopex-grid-view.shopex-grid-9 .shopex-media{color: #797979;}
.shopex-grid-view.shopex-grid-9 .shopex-media .shopex-icon{font-size: 2.4em;position: relative;}
.shopex-slider-cell{position: relative;}
.shopex-slider-cell > .shopex-slider-handle{z-index: 1;}
.shopex-slider-cell > .shopex-slider-left, .shopex-slider-cell > .shopex-slider-right{z-index: 0;position: absolute;top: 0;bottom: 0;}
.shopex-slider-cell > .shopex-slider-left{left: 0;}
.shopex-slider-cell > .shopex-slider-right{right: 0;}
input,
textarea,
select{font-family:"Microsoft Yahei", Arial; -webkit-tap-highlight-color: transparent;-webkit-tap-highlight-color: transparent;}
input:focus,
textarea:focus,
select:focus{-webkit-tap-highlight-color: transparent;-webkit-tap-highlight-color: transparent;-webkit-user-modify: read-write-plaintext-only;}
select,
textarea,
input[type="text"],
input[type="search"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="color"]{width: 100%; -webkit-appearance: none;padding: 10px 12px; background-color: #fff;border: 1px solid rgba(0, 0, 0, 0.2); outline: none;-webkit-user-select: text;}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button{-webkit-appearance: none;margin: 0;}
input[type="search"]{font-size: 16px;height: 34px;text-align: center;background-color: rgba(0, 0, 0, 0.1);border: 0;border-radius: 6px;-webkit-box-sizing: border-box;box-sizing: border-box;}
input[type="search"]:focus{text-align: left;}
textarea{height: auto;resize: none;}
select{margin-top: 1px;height: auto;font-size: 14px;background-color: #fff;border: 0 !important;}
select:focus{-webkit-user-modify: read-only;}
.shopex-input-group{position: relative;padding: 0;border: 0;background-color: #fff;}
/*.shopex-input-group:after{position: absolute;left: 0;right: 0;bottom: 0;height: 1px;background-color: #e8e8e8;content: '';}*/
/*.shopex-input-group:before{position: absolute;left: 0;right: 0;top: 0;height: 1px;background-color: #e8e8e8;content: '';}*/
.shopex-input-group .shopex-input-row:last-child:after {display:none;}
.shopex-input-group input,
.shopex-input-group textarea{margin-bottom: 0;background-color: transparent;border-radius: 0;-webkit-box-shadow: none;box-shadow: none;border: 0; padding:5px 0;}
.shopex-input-group input[type="search"]{background: none;}
.shopex-input-group input:last-child{background-image: none;}

.shopex-input-row{display:flex !important; width:100%; position: relative; padding:0 12px; align-items:center; min-height:50px;}
.shopex-input-row label{display:block; min-width:88px;}
.shopex-input-row .shopex-input-clear {flex-grow:1 !important;}
.shopex-input-row .shopex-icon {position:static !important; display:block; width:20px; height:20px; line-height:20px;}
.shopex-input-row .jt_r {width:18px; height:20px; min-width:20px; margin:0 -5px 0 0; opacity:0.3;}

.shopex-input-row:last-child, .shopex-input-row label + input, .shopex-input-row .shopex--btn + input{background: none;}
.shopex-input-group .shopex-input-row:after{position: absolute;left: 12px;right: 0;bottom: 0;height: 1px;background-color: #f0f0f0; content: '';}
.shopex-input-row label img{max-width: 100%;}
.shopex-input-row label ~ select, .shopex-input-row label ~ textarea{-webkit-box-flex: 1;padding-left: 0;margin-bottom: 0;border: 0;margin-top: 1px;width: 105%;}
.shopex-input-row label ~ .shopex-input-info{-webkit-box-flex: 1;padding: .8rem .8rem .8rem 0;font-family: "Helvetica Neue", Helvetica, sans-serif;}
.shopex-input-row .shopex--btn{float: right;width: 15%;padding: 10px 15px;font-family: "Helvetica Neue", Helvetica, sans-serif;line-height: 1.1;}
.shopex-input-row .shopex--btn ~ input, .shopex-input-row .shopex--btn ~ select, .shopex-input-row .shopex--btn ~ textarea{float: left;width: 85%;padding-left: 0;margin-bottom: 0;border: 0;}
.shopex-button-row{position: relative;padding-top: 5px;text-align: center;}
.shopex-input-group .shopex-button-row{height: 45px;}

.shopex-input-row.shopex-input-range{padding-right: 20px;overflow: visible;}
.shopex-input-row .shopex-inline{padding: 8px 0;}
.shopex-input-row .shopex-input-clear ~ .shopex-icon-clear, .shopex-input-row .shopex-input-speech ~ .shopex-icon-speech, .shopex-input-row .shopex-input-password ~ .shopex-icon-eye{position: absolute;right: .6rem;top: .5rem;font-size: 20px;text-align: center;color: #bbb;z-index: 1;}
.shopex-input-row .shopex-input-clear ~ .shopex-icon-clear.shopex-active, .shopex-input-row .shopex-input-speech ~ .shopex-icon-speech.shopex-active, .shopex-input-row .shopex-input-password ~ .shopex-icon-eye.shopex-active{color: #000;}
.shopex-input-row .shopex-input-speech ~ .shopex-icon-speech{top: 8px;font-size: 24px;}
.shopex-input-row .shopex-input-clear ~ .shopex-icon-clear ~ .shopex-icon-speech{display: none;}
.shopex-input-row .shopex-input-clear ~ .shopex-icon-clear.shopex-hidden ~ .shopex-icon-speech{display: inline-block;}
.shopex-input-row .shopex-icon-speech ~ .shopex-placeholder{right: 38px;}
.shopex-input-row.shopex-search .shopex-icon-clear{top: 7px;}
.shopex-input-row.shopex-search .shopex-icon-speech{top: 5px;}


.shopex-select{position: relative;}
.shopex-select:before{position: absolute;top: 8px;color: rgba(170, 170, 170, 0.6);font-family: Muiicons;right: 21px;content: '\e581';}
.shopex-input-row .shopex-switch{float: right;margin-top: 5px;margin-right: 20px;}
.shopex-input-range{/*input[type="range"]{-webkit-appearance: none;background: #999;height: 36px;border-radius: 1px;overflow: hidden;margin-top: 2px;margin-bottom: 2px;outline:none;position:relative;width:100%;}*//*input[type='range']::-webkit-slider-thumb{-webkit-appearance: none!important;opacity: 0.5;height:28px;width:28px;border-radius: 50%;background:#00b7fb;position: relative;pointer-events: none;-webkit-box-sizing: border-box;box-sizing: border-box;&:before{position: absolute;top: 13px;left: -2000px;width: 2000px;height: 2px;background: #00b7fb;content:' ';}}*/}
.shopex-input-range input[type="range"]{-webkit-appearance: none !important;cursor: pointer;border: 0;outline: none;padding: 0;margin: 17px 0;background-color: #999;height: 2px;border-radius: 3px;position: relative;width: 100%;}
.shopex-input-range input[type='range']::-webkit-slider-thumb{-webkit-appearance: none !important;background-color: #007aff;background-clip: padding-box;height: 28px;width: 28px;border-radius: 50%;border-color: #0062cc;}
.shopex-input-range label ~ input[type="range"]{width: 65%;}
.shopex-input-range .shopex-tooltip{width: 64px;height: 64px;font-size: 36px;line-height: 64px;opacity: .8;background-color: #fff;border: 1px solid #ddd;border-radius: 6px;color: #333;text-shadow: 0 1px 0 #f3f3f3;position: absolute;top: -70px;text-align: center;z-index: 1;}
.shopex-search{position: relative;}
.shopex-search input[type="search"]{padding-left: 30px;}
.shopex-search .shopex-placeholder{height: 34px;font-size: 16px;line-height: 34px;text-align: center;background: none;border: 0;color: #999;border-radius: 6px;display: inline-block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;}
.shopex-search .shopex-placeholder .shopex-icon{color: #333;font-size: 20px;}
.shopex-search:before{position: absolute;font-family: Muiicons;font-weight: normal;font-size: 20px;right: 50%;margin-right: 31px;top: 50%;margin-top: -18px;content: '\e466';display: none;}
.shopex-search.shopex-active:before{left: 5px;right: auto;margin-right: 0;font-size: 20px;display: block;}
.shopex-search.shopex-active input[type="search"]{text-align: left;}
.shopex-search.shopex-active .shopex-placeholder{display: none;}
.shopex-segmented-control{position: relative; table-layout: fixed;width: 100%;font-size: 15px;font-weight: 400;background-color: transparent; border-radius: 3px;-webkit-touch-callout: none;}
.shopex-segmented-control.shopex-segmented-control-vertical{border-radius: 0;border-width: 0;border-collapse: collapse;}
.shopex-segmented-control.shopex-segmented-control-vertical .shopex-control-item{display: block;border-left-width: 0;border-bottom: 1px solid #c8c7cc;}

.shopex-segmented-control.shopex-scroll-wrapper{height:44px;}
.shopex-segmented-control.shopex-scroll-wrapper .shopex-scroll{height: 44px;white-space: nowrap; display:flex;}
.shopex-segmented-control.shopex-scroll-wrapper .shopex-control-item{flex-grow:1; padding: 0 20px;border: 0;}
.shopex-segmented-control .shopex-control-item{display: table-cell;width: 1%; line-height:44px;text-align: center;text-overflow: ellipsis;white-space: nowrap;}
.shopex-segmented-control .shopex-control-item:first-child{border-left-width: 0;}
.shopex-segmented-control.shopex-segmented-control-inverted{width: 100%;border-radius: 0;}
.shopex-segmented-control.shopex-segmented-control-inverted.shopex-segmented-control-vertical .shopex-control-item{border-bottom: 1px solid #c8c7cc;}
.shopex-segmented-control.shopex-segmented-control-inverted.shopex-segmented-control-vertical .shopex-control-item.shopex-active{border-bottom: 1px solid #c8c7cc;}
.shopex-segmented-control.shopex-segmented-control-inverted .shopex-control-item{border: 0;color: inherit; position:relative;}
.shopex-segmented-control.shopex-segmented-control-inverted .shopex-control-item.shopex-active{color: #000; font-weight:bold;}
.shopex-segmented-control.shopex-segmented-control-inverted .shopex-control-item.shopex-active:after {display:block; content:""; height:2px; border-radius:3px; overflow:hidden; background:#000; position:absolute; left:6%; bottom:0; right:6%;}


.shopex-segmented-control-positive{border: 1px solid #4cd964;}
.shopex-segmented-control-positive .shopex-control-item{color: #4cd964;border-color: inherit;}
.shopex-segmented-control-positive .shopex-control-item.shopex-active{color: #fff;background-color: #4cd964;}
.shopex-segmented-control-positive.shopex-segmented-control-inverted .shopex-control-item.shopex-active{color: #4cd964;background: none;border-bottom: 2px solid #4cd964;}
.shopex-segmented-control-positive.shopex-segmented-control-inverted ~ .shopex-slider-progress-bar{background-color: #4cd964;}
.shopex-segmented-control-negative{border: 1px solid #dd524d;}
.shopex-segmented-control-negative .shopex-control-item{color: #dd524d;border-color: inherit;}
.shopex-segmented-control-negative .shopex-control-item.shopex-active{color: #fff;background-color: #dd524d;}
.shopex-segmented-control-negative.shopex-segmented-control-inverted .shopex-control-item.shopex-active{color: #dd524d;background: none;border-bottom: 2px solid #dd524d;}
.shopex-segmented-control-negative.shopex-segmented-control-inverted ~ .shopex-slider-progress-bar{background-color: #dd524d;}
.shopex-control-content{position: relative;display: none;}
.shopex-control-content.shopex-active{display: block;}
.shopex-popover{position: absolute;z-index: 999;display: none;width: 280px;background-color: #f7f7f7;border-radius: 7px;opacity: 0;-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);-webkit-transition: opacity .3s;transition: opacity .3s;-webkit-transform: none;transform: none;-webkit-transition-property: opacity;transition-property: opacity;}
.shopex-popover .shopex-popover-arrow{width: 26px;height: 26px;position: absolute;left: 0px;top: -25px;z-index: 1000;overflow: hidden;}
.shopex-popover .shopex-popover-arrow:after{content: ' ';background: #f7f7f7;width: 26px;height: 26px;position: absolute;left: 0;top: 19px;border-radius: 3px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.shopex-popover .shopex-popover-arrow.shopex-bottom{left: -26px;top: 100%;margin-top: -1px;}
.shopex-popover .shopex-popover-arrow.shopex-bottom:after{left: 0;top: -19px;}
.shopex-popover.shopex-popover-action{bottom: 0;width: 100%; -webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);-webkit-transition: -webkit-transform .3s, opacity .3s;transition: transform .3s, opacity .3s;background: none;-webkit-box-shadow: none;box-shadow: none; border-radius:12px 12px 0 0; overflow:hidden;}
.shopex-popover.shopex-popover-action .shopex-popover-arrow{display: none;}
.shopex-popover.shopex-popover-action.shopex-popover-bottom{position: fixed;}
.shopex-popover.shopex-popover-action.shopex-active{-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.shopex-popover.shopex-popover-action .shopex-table-view{margin: 8px;border-radius: 4px;text-align: center;color: #007aff;}
.shopex-popover.shopex-popover-action .shopex-table-view .shopex-table-view-cell:after{position: absolute;left: 0;right: 0;bottom: 0;height: 1px;background-color: #e8e8e8;content: '';}
.shopex-popover.shopex-popover-action .shopex-table-view small{line-height: 1.3;font-weight: 400;display: block;}
.shopex-popover.shopex-active{display: block;opacity: 1;}
.shopex-popover .shopex-bar ~ .shopex-table-view{padding-top: 44px;}
.shopex-backdrop{position: fixed;top: 0;left: 0;bottom: 0;right: 0;z-index: 998;background-color: rgba(0, 0, 0, 0.3);}
.shopex-bar-backdrop.shopex-backdrop{bottom: 50px;background: none;}
.shopex-backdrop-action.shopex-backdrop{background-color: rgba(0, 0, 0, 0.6);}
.shopex-bar-backdrop.shopex-backdrop, .shopex-backdrop-action.shopex-backdrop{opacity: 0;}
.shopex-bar-backdrop.shopex-backdrop.shopex-active, .shopex-backdrop-action.shopex-backdrop.shopex-active{opacity: 1;-webkit-transition: all 0.4s ease;transition: all 0.4s ease;}
.shopex-popover .shopex-btn-block{margin-bottom: 5px;}
.shopex-popover .shopex-btn-block:last-child{margin-bottom: 0;}
.shopex-popover .shopex-bar{-webkit-box-shadow: none;box-shadow: none;}
.shopex-popover .shopex-bar-nav{border-bottom: 1px solid rgba(0, 0, 0, 0.15);border-top-left-radius: 12px;border-top-right-radius: 12px;-webkit-box-shadow: none;box-shadow: none;}
.shopex-popover .shopex-scroll-wrapper{background-clip: padding-box;border-radius: 7px;margin: 7px 0;}
.shopex-popover .shopex-scroll .shopex-table-view{max-height: none;}
.shopex-popover .shopex-table-view{max-height: 300px;margin-bottom: 0;overflow: auto;-webkit-overflow-scrolling: touch;background-color: #f7f7f7;background-image: none;border-radius: 7px;}
.shopex-popover .shopex-table-view:before, .shopex-popover .shopex-table-view:after{height: 0;}
.shopex-popover .shopex-table-view .shopex-table-view-cell:first-child,
.shopex-popover .shopex-table-view .shopex-table-view-cell:first-child > a:not(.shopex-btn){border-top-right-radius: 12px;border-top-left-radius: 12px;}
.shopex-popover .shopex-table-view .shopex-table-view-cell:last-child,
.shopex-popover .shopex-table-view .shopex-table-view-cell:last-child > a:not(.shopex-btn){border-bottom-right-radius: 12px;border-bottom-left-radius: 12px;}
.shopex-popover.shopex-bar-popover .shopex-table-view{width: 106px;}
.shopex-popover.shopex-bar-popover .shopex-table-view .shopex-table-view-cell{padding: 11px 15px 11px 15px;background-position: 0px 100%;}
.shopex-popover.shopex-bar-popover .shopex-table-view .shopex-table-view-cell > a:not(.shopex-btn){margin: -11px -15px -11px -15px;}
.shopex-popup-backdrop{position: fixed;top: 0;left: 0;bottom: 0;right: 0;z-index:1200;background: rgba(0, 0, 0, 0.4);opacity: 0;-webkit-transition-duration: 400ms;transition-duration: 400ms;}
.shopex-popup-backdrop.shopex-active{opacity: 1;}
.shopex-popup{width: 270px;position: fixed;z-index: 10000;left: 50%;top: 50%;text-align: center;border-radius: 13px;overflow: hidden;opacity: 0;-webkit-transform: translate3d(-50%, -50%, 0) scale(1.185);transform: translate3d(-50%, -50%, 0) scale(1.185);-webkit-transition-property: -webkit-transform,opacity;transition-property: transform,opacity;color: #000;display: none;}
.shopex-popup.shopex-popup-in{opacity: 1;-webkit-transition-duration: 400ms;transition-duration: 400ms;-webkit-transform: translate3d(-50%, -50%, 0) scale(1);transform: translate3d(-50%, -50%, 0) scale(1);display: block;}
.shopex-popup.shopex-popup-out{opacity: 0;-webkit-transition-duration: 400ms;transition-duration: 400ms;-webkit-transform: translate3d(-50%, -50%, 0) scale(1);transform: translate3d(-50%, -50%, 0) scale(1);}
.shopex-popup-inner{padding: 15px;border-radius: 13px 13px 0 0;position: relative;background: rgba(255, 255, 255, 0.95);}
.shopex-popup-inner:after{content: '';position: absolute;left: 0;bottom: 0;right: auto;top: auto;height: 1px;width: 100%;background-color: rgba(0, 0, 0, 0.2);display: block;z-index: 15;-webkit-transform-origin: 50% 100%;transform-origin: 50% 100%;-webkit-transform: scaleY(0.5);transform: scaleY(0.5);}
.shopex-popup-title{font-weight: 500;font-size: 18px;text-align: center;}
.shopex-popup-title + .shopex-popup-text{margin: 5px 0 0;font-family: inherit;font-size: 14px;}
.shopex-popup-buttons{height: 44px;position: relative;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;justify-content: center;}
.shopex-popup-button{width: 100%;padding: 0 5px;height: 44px;font-size: 17px;line-height: 44px;text-align: center;color: #007aff;display: block;position: relative;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;cursor: pointer;box-sizing: border-box;-webkit-box-flex: 1;background: rgba(255, 255, 255, 0.95);}
.shopex-popup-button:after{content: '';position: absolute;right: 0;top: 0;left: auto;bottom: auto;width: 1px;height: 100%;background-color: rgba(0, 0, 0, 0.2);display: block;z-index: 15;-webkit-transform-origin: 100% 50%;transform-origin: 100% 50%;-webkit-transform: scaleX(0.5);transform: scaleX(0.5);}
.shopex-popup-button:first-child{border-radius: 0 0 0 13px;}
.shopex-popup-button:first-child:last-child{border-radius: 0 0 13px 13px;}
.shopex-popup-button:last-child{border-radius: 0 0 13px 0;}
.shopex-popup-button:last-child:after{display: none;}
.shopex-popup-button.shopex-popup-button-bold{font-weight: 600;}
.shopex-popup-input input{height: 26px;background: #fff;margin: 15px 0 0;padding: 0 5px;border: 1px solid rgba(0, 0, 0, 0.3);border-radius: 0;width: 100%;font-size: 14px;}
.shopex-plus.shopex-android .shopex-popup-backdrop{-webkit-transition-duration: 1ms;transition-duration: 1ms;}
.shopex-plus.shopex-android .shopex-popup{-webkit-transition-duration: 1ms;transition-duration: 1ms;-webkit-transform: translate3d(-50%, -50%, 0) scale(1);transform: translate3d(-50%, -50%, 0) scale(1);}

/* === Progress Bar ===*/
.shopex-progressbar{height: 2px;width: 100%;overflow: hidden;position: relative;display: block;background: #b6b6b6;border-radius: 2px;-webkit-transform-origin: center top;transform-origin: center top;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;vertical-align: middle;}
.shopex-progressbar span{width: 100%;background: #007aff;height: 100%;position: absolute;left: 0;top: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);-webkit-transition: 150ms;transition: 150ms;}
.shopex-progressbar.shopex-progressbar-infinite:before{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #007aff;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);-webkit-transform-origin: left center;transform-origin: left center;-webkit-animation: shopex-progressbar-infinite 1s linear infinite;animation: shopex-progressbar-infinite 1s linear infinite;}
body > .shopex-progressbar{position: absolute;left: 0;top: 0;z-index: 10000;border-radius: 0;}
.shopex-progressbar-in{-webkit-animation: shopex-progressbar-in 300ms forwards;animation: shopex-progressbar-in 300ms forwards;}
.shopex-progressbar-out{-webkit-animation: shopex-progressbar-out 300ms forwards;animation: shopex-progressbar-out 300ms forwards;}
@-webkit-keyframes shopex-progressbar-in{from{opacity: 0;-webkit-transform: scaleY(0);}
  to{opacity: 1;-webkit-transform: scaleY(1);}}
@keyframes shopex-progressbar-in{from{opacity: 0;transform: scaleY(0);}
  to{opacity: 1;transform: scaleY(1);}}
@-webkit-keyframes shopex-progressbar-out{from{opacity: 1;-webkit-transform: scaleY(1);}
  to{opacity: 0;-webkit-transform: scaleY(0);}}
@keyframes shopex-progressbar-out{from{opacity: 1;transform: scaleY(1);}
  to{opacity: 0;transform: scaleY(0);}}
@-webkit-keyframes shopex-progressbar-infinite{0%{-webkit-transform: translate3d(-50%, 0, 0) scaleX(0.5);}
  100%{-webkit-transform: translate3d(100%, 0, 0) scaleX(0.5);}}
@keyframes shopex-progressbar-infinite{0%{transform: translate3d(-50%, 0, 0) scaleX(0.5);}
  100%{transform: translate3d(100%, 0, 0) scaleX(0.5);}}
.shopex-pagination{display: inline-block;padding-left: 0;margin: 0 auto;border-radius: 6px;}
.shopex-pagination > li{display: inline;}
.shopex-pagination > li > a,
.shopex-pagination > li > span{position: relative;float: left;padding: 6px 12px;line-height: 1.428571429;text-decoration: none;color: #007aff;background-color: #fff;border: 1px solid #ddd;margin-left: -1px;}
.shopex-pagination > li:first-child > a,
.shopex-pagination > li:first-child > span{margin-left: 0;border-top-left-radius: 6px;border-bottom-left-radius: 6px;background-clip: padding-box;}
.shopex-pagination > li:last-child > a,
.shopex-pagination > li:last-child > span{border-top-right-radius: 6px;border-bottom-right-radius: 6px;background-clip: padding-box;}
.shopex-pagination > li:active > a, .shopex-pagination > li:active > a:active,
.shopex-pagination > li:active > span,
.shopex-pagination > li:active > span:active,
.shopex-pagination > li.shopex-active > a,
.shopex-pagination > li.shopex-active > a:active,
.shopex-pagination > li.shopex-active > span,
.shopex-pagination > li.shopex-active > span:active{z-index: 2;color: #fff;background-color: #007aff;border-color: #007aff;cursor: default;}
.shopex-pagination > li.shopex-disabled > span,
.shopex-pagination > li.shopex-disabled > span:active,
.shopex-pagination > li.shopex-disabled > a,
.shopex-pagination > li.shopex-disabled > a:active{color: #777;opacity: .6;background-color: #fff;border: 1px solid #ddd;}
.shopex-pagination-lg > li > a,
.shopex-pagination-lg > li > span{padding: 10px 16px;font-size: 18px;}
.shopex-pagination-sm > li > a,
.shopex-pagination-sm > li > span{padding: 5px 10px;font-size: 12px;}
.shopex-pager{padding-left: 0;list-style: none;text-align: center;}
.shopex-pager:before, .shopex-pager:after{content: " ";display: table;}
.shopex-pager:after{clear: both;}
.shopex-pager li{display: inline;}
.shopex-pager li > a,
.shopex-pager li > span{display: inline-block;padding: 5px 14px;background-color: #fff;background-clip: padding-box;border: 1px solid #ddd;border-radius: 6px;}
.shopex-pager li:active > a, .shopex-pager li:active > span, .shopex-pager li.shopex-active > a, .shopex-pager li.shopex-active > span{text-decoration: none;color: #fff;background-color: #007aff;border-color: #007aff;cursor: default;}
.shopex-pager .shopex-next > a,
.shopex-pager .shopex-next > span{float: right;}
.shopex-pager .shopex-previous > a,
.shopex-pager .shopex-previous > span{float: left;}
.shopex-pager .shopex-disabled > a,
.shopex-pager .shopex-disabled > a:active,
.shopex-pager .shopex-disabled > span,
.shopex-pager .shopex-disabled > span:active{color: #777;opacity: .6;background-color: #fff;border: 1px solid #ddd;}
.shopex-modal{position: fixed;top: 0;z-index: 999;width: 100%;min-height: 100%;overflow: hidden;background-color: #fff;opacity: 0;-webkit-transition: -webkit-transform .25s, opacity 1ms .25s;transition: transform .25s, opacity 1ms .25s;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);-webkit-transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1);transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1);}
.shopex-modal.shopex-active{height: 100%;opacity: 1;-webkit-transition: -webkit-transform .25s;transition: transform .25s;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);-webkit-transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1);transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1);}
.shopex-android .shopex-modal .shopex-bar{position: static;}
.shopex-android .shopex-modal .shopex-bar-nav ~ .shopex-content{padding-top: 0;}
.shopex-slider{overflow: hidden;width: 100%;position: relative;z-index: 1;}

.shopex-slider .shopex-slider-group{position: relative;font-size: 0;white-space: nowrap;-webkit-transition: all 0s linear;transition: all 0s linear;}
.shopex-slider .shopex-slider-group .shopex-slider-item{position: relative;display: inline-block;white-space: normal;width: 100%;height: 100%;font-size: 14px;vertical-align: middle;}
.shopex-slider .shopex-slider-group .shopex-slider-item > a:not(.shopex-control-item){position: relative;line-height: 0;display: block;}
.shopex-slider .shopex-slider-group .shopex-slider-item img{width: 100%;}
.shopex-slider .shopex-slider-group .shopex-slider-item .shopex-table-view:before, .shopex-slider .shopex-slider-group .shopex-slider-item .shopex-table-view:after{height: 0;}
.shopex-slider .shopex-slider-group.shopex-slider-loop{-webkit-transform: translate(-100%, 0px);transform: translate(-100%, 0px);}
.shopex-slider-title{position: absolute;left: 0;bottom: 0;height: 30px;line-height: 30px;width: 100%;text-align: left;text-indent: 12px;background-color: #000;opacity: 0.8;margin: 0;}
.shopex-slider-indicator{position: absolute;bottom:8px;width: 100%;text-align: center;background: none;}
.shopex-slider-indicator.shopex-segmented-control{position: relative;bottom: auto;}
.shopex-slider-indicator .shopex-indicator{display: inline-block;cursor: pointer;background: #fff; width: .5rem;height: .5rem;border-radius: 50%;}
.shopex-slider-indicator .shopex-active.shopex-indicator{background: #000;}
.shopex-slider-indicator .shopex-icon{width: 40px;height: 30px;margin: 3px;font-size: 20px;line-height: 30px;text-align: center;border: 1px solid #dddddd;}
.shopex-slider-indicator .shopex-number{display: inline-block;line-height: 32px;width: 58px;}
.shopex-slider-indicator .shopex-number span{color: #ff5053;}
.shopex-slider-progress-bar{-webkit-transform: translateZ(0);transform: translateZ(0);height: 2px;z-index: 1;}
.shopex-switch{position: relative;display: block;width: 74px;height: 30px;background-color: #fff;background-clip: padding-box;border: 2px solid #ddd;border-radius: 20px;-webkit-transition-timing-function: ease-in-out;transition-timing-function: ease-in-out;-webkit-transition-duration: 0.2s;transition-duration: 0.2s;-webkit-transition-property: background-color, border;transition-property: background-color, border;}
.shopex-switch.shopex-disabled{opacity: .3;}
.shopex-switch .shopex-switch-handle{position: absolute;top: -1px;left: -1px;z-index: 1;width: 28px;height: 28px;background-color: #fff;background-clip: padding-box;-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);border-radius: 16px;-webkit-transition-property: -webkit-transform, width,left;transition-property: transform, width,left;-webkit-transition: 0.2s ease-in-out;transition: 0.2s ease-in-out;}
.shopex-switch:before{position: absolute;top: 3px;right: 11px;font-size: 13px;color: #999;text-transform: uppercase;content: "Off";}
.shopex-switch.shopex-dragging{background-color: #f7f7f7;border-color: #f7f7f7;}
.shopex-switch.shopex-dragging .shopex-switch-handle{width: 38px;}
.shopex-switch.shopex-dragging.shopex-active .shopex-switch-handle{width: 38px;left: -11px;}
.shopex-switch.shopex-active{background-color: #4cd964;border-color: #4cd964;}
.shopex-switch.shopex-active .shopex-switch-handle{-webkit-transform: translate(43px, 0);transform: translate(43px, 0);}
.shopex-switch.shopex-active:before{right: auto;left: 15px;color: #fff;content: "On";}
.shopex-switch input[type="checkbox"]{display: none;}
.shopex-switch-mini{width: 47px;}
.shopex-switch-mini:before{display: none;}
.shopex-switch-mini.shopex-active .shopex-switch-handle{-webkit-transform: translate(16px, 0);transform: translate(16px, 0);}
.shopex-switch-blue.shopex-active{background-color: #007aff;border: 2px solid #007aff;}
.shopex-content.shopex-fade{left: 0;opacity: 0;}
.shopex-content.shopex-fade.shopex-in{opacity: 1;}
.shopex-content.shopex-sliding{z-index: 2;-webkit-transition: -webkit-transform .4s;transition: transform .4s;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.shopex-content.shopex-sliding.shopex-left{z-index: 1;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
.shopex-content.shopex-sliding.shopex-right{z-index: 3;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
.shopex-navigate-right:after, .shopex-push-left:after, .shopex-push-right:after{position: absolute;top: 50%;display: inline-block;font-family: Muiicons;font-size:1.375rem;line-height: 1;color: #bbb;text-decoration: none;-webkit-font-smoothing: antialiased;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.shopex-push-left:after{left: 15px;content: '\e582';}
.shopex-navigate-right:after,
.shopex-push-right:after{right: 10px;content: '\e583';}
.shopex-pull-top-pocket, .shopex-pull-bottom-pocket{display: block;overflow: hidden;position: absolute;left: 0;width: 100%;height: 50px;visibility: hidden;}
.shopex-plus-pullrefresh .shopex-pull-top-pocket, .shopex-plus-pullrefresh .shopex-pull-bottom-pocket{display: none;visibility: visible;}
.shopex-pull-top-pocket{top: 0px;}
.shopex-bar-nav ~ .shopex-content .shopex-pull-top-pocket{top: 44px;}
.shopex-bar-nav ~ .shopex-bar-header-secondary ~ .shopex-content .shopex-pull-top-pocket{top: 88px;}
.shopex-pull-bottom-pocket{bottom: 0;height:30px;position: relative;}
.shopex-pull-bottom-pocket .shopex-pull-loading{visibility: hidden;}
.shopex-pull-bottom-pocket .shopex-pull-loading.shopex-in{display: inline-block;}
.shopex-pull{position: absolute;left: 0;bottom: 10px;right: 0;color: #777;text-align: center;font-weight: bold;}
.shopex-pull-loading{-webkit-transition-duration: 400ms;transition-duration: 400ms;-webkit-transition: -webkit-transform 0.4s;transition: transform 0.4s;vertical-align: middle;margin-right: 10px;}
.shopex-pull-loading.shopex-reverse{-webkit-transform: rotate(180deg) translateZ(0);transform: rotate(180deg) translateZ(0);}
.shopex-pull-caption{display: inline-block;line-height: 24px;font-size:0.75rem;margin-top: 0;vertical-align: middle;position: relative;overflow: visible;}
.shopex-pull-caption span{display: none;}
.shopex-pull-caption span.shopex-in{display: inline;}
.shopex-toast-container{position: fixed;width: 100%;top: 50%;z-index: 9999;opacity: 0;-webkit-transition: opacity .8s;transition: opacity .8s;transform: translateY(-50%);}
.shopex-toast-container.shopex-active{opacity: 1;}
.shopex-toast-message{width: 10rem;margin: 1rem auto;padding: 1rem;background-color: rgba(0, 0, 0, 0.7);text-align: center;color: #fff;border-radius: .5rem;font-size: .9rem;}


.shopex-numbox{display:flex; height:28px; align-items:center; border-radius:5px; overflow:hidden; border:1px solid #ddd;}
.shopex-numbox [class*=numbox-btn], .shopex-numbox [class*=btn-numbox]{width:30px; height:26px; line-height:26px; border: none; border-radius:0; padding:0; font-size:20px;color: #000;font-weight: normal; background-color: #f9f9f9;}
.shopex-numbox [class*=numbox-btn]:active, .shopex-numbox [class*=btn-numbox]:active{background-color: #ddd;}
.shopex-numbox [class*=numbox-btn][disabled], .shopex-numbox [class*=btn-numbox][disabled]{color: #ddd;}
.shopex-numbox .shopex-numbox-input, .shopex-numbox .shopex-input-numbox{text-align: center; height:28px; line-height:26px; width:40px; border:none; padding:0; border-left:1px solid #ddd; border-right:1px solid #ddd; border-radius:0 !important;}


@font-face{font-family: Muiicons;font-weight: normal;font-style: normal;src: url("../../fonts/mui.ttf") format("truetype");}
.shopex-icon{display: inline-block;font-family: Muiicons;font-weight: normal;font-style: normal;text-decoration: none;-webkit-font-smoothing: antialiased;}
.shopex-icon.shopex-active{color: #007aff;}
.shopex-icon.shopex-right:before{float: right;padding-left: 0.2em;}
.shopex-icon-contact:before{content: "\e100";}
.shopex-icon-person:before{content: "\e101";}
.shopex-icon-personadd:before{content: "\e102";}
.shopex-icon-contact-filled:before{content: "\e130";}
.shopex-icon-person-filled:before{content: "\e131";}
.shopex-icon-personadd-filled:before{content: "\e132";}
.shopex-icon-phone:before{content: "\e200";}
.shopex-icon-email:before{content: "\e201";}
.shopex-icon-chatbubble:before{content: "\e202";}
.shopex-icon-chatboxes:before{content: "\e203";}
.shopex-icon-phone-filled:before{content: "\e230";}
.shopex-icon-email-filled:before{content: "\e231";}
.shopex-icon-chatbubble-filled:before{content: "\e232";}
.shopex-icon-chatboxes-filled:before{content: "\e233";}
.shopex-icon-weibo:before{content: "\e260";}
.shopex-icon-weixin:before{content: "\e261";}
.shopex-icon-pengyouquan:before{content: "\e262";}
.shopex-icon-chat:before{content: "\e263";}
.shopex-icon-qq:before{content: "\e264";}
.shopex-icon-videocam:before{content: "\e300";}
.shopex-icon-camera:before{content: "\e301";}
.shopex-icon-mic:before{content: "\e302";}
.shopex-icon-location:before{content: "\e303";}
.shopex-icon-mic-filled:before, .shopex-icon-speech:before{content: "\e332";}
.shopex-icon-location-filled:before{content: "\e333";}
.shopex-icon-micoff:before{content: "\e360";}
.shopex-icon-image:before{content: "\e363";}
.shopex-icon-map:before{content: "\e364";}
.shopex-icon-compose:before{content: "\e400";}
.shopex-icon-trash:before{content: "\e401";}
.shopex-icon-upload:before{content: "\e402";}
.shopex-icon-download:before{content: "\e403";}
.shopex-icon-close:before{content: "\e404";}
.shopex-icon-redo:before{content: "\e405";}
.shopex-icon-undo:before{content: "\e406";}
.shopex-icon-refresh:before{content: "\e407";}
.shopex-icon-star:before{content: "\e408";}
.shopex-icon-plus:before{content: "\e409";}
.shopex-icon-minus:before{content: "\e410";}
.shopex-icon-circle:before, .shopex-icon-checkbox:before{content: "\e411";}
.shopex-icon-close-filled:before, .shopex-icon-clear:before{content: "\e434";}
.shopex-icon-refresh-filled:before{content: "\e437";}
.shopex-icon-star-filled:before{content: "\e438";}
.shopex-icon-plus-filled:before{content: "\e439";}
.shopex-icon-minus-filled:before{content: "\e440";}
.shopex-icon-circle-filled:before{content: "\e441";}
.shopex-icon-checkbox-filled:before{content: "\e442";}
.shopex-icon-closeempty:before{content: "\e460";}
.shopex-icon-refreshempty:before{content: "\e461";}
.shopex-icon-reload:before{content: "\e462";}
.shopex-icon-starhalf:before{content: "\e463";}
.shopex-icon-spinner:before{content: "\e464";}
.shopex-icon-spinner-cycle:before{content: "\e465";}
.shopex-icon-search:before{content: "\e466";}
.shopex-icon-plusempty:before{content: "\e468";}
.shopex-icon-forward:before{content: "\e470";}
.shopex-icon-back:before, .shopex-icon-left-nav:before{content: "\e471";}
.shopex-icon-checkmarkempty:before{content: "\e472";}
.shopex-icon-home:before{content: "\e500";}
.shopex-icon-navigate:before{content: "\e501";}
.shopex-icon-gear:before{content: "\e502";}
.shopex-icon-paperplane:before{content: "\e503";}
.shopex-icon-info:before{content: "\e504";}
.shopex-icon-help:before{content: "\e505";}
.shopex-icon-locked:before{content: "\e506";}
.shopex-icon-more:before{content: "\e507";}
.shopex-icon-flag:before{content: "\e508";}
.shopex-icon-home-filled:before{content: "\e530";}
.shopex-icon-gear-filled:before{content: "\e532";}
.shopex-icon-info-filled:before{content: "\e534";}
.shopex-icon-help-filled:before{content: "\e535";}
.shopex-icon-more-filled:before{content: "\e537";}
.shopex-icon-settings:before{content: "\e560";}
.shopex-icon-list:before{content: "\e562";}
.shopex-icon-bars:before{content: "\e563";}
.shopex-icon-loop:before{content: "\e565";}
.shopex-icon-paperclip:before{content: "\e567";}
.shopex-icon-eye:before{content: "\e568";}
.shopex-icon-arrowup:before{content: "\e580";}
.shopex-icon-arrowdown:before{content: "\e581";}
.shopex-icon-arrowleft:before{content: "\e582";}
.shopex-icon-arrowright:before{content: "\e583";}
.shopex-icon-arrowthinup:before{content: "\e584";}
.shopex-icon-arrowthindown:before{content: "\e585";}
.shopex-icon-arrowthinleft:before{content: "\e586";}
.shopex-icon-arrowthinright:before{content: "\e587";}
.shopex-icon-pulldown:before{content: "\e588";}
.shopex-fullscreen{position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
.shopex-fullscreen.shopex-slider .shopex-slider-group{height: 100%;}
.shopex-fullscreen .shopex-segmented-control ~ .shopex-slider-group{width: 100%;height: auto;top:54px;bottom: 0;position: absolute;}
.shopex-fullscreen.shopex-slider .shopex-slider-item > a{top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.shopex-fullscreen .shopex-off-canvas-wrap .shopex-slider-item > a{top: auto;transform: none;-webkit-transform: none;}
.shopex-bar-nav ~ .shopex-content .shopex-slider.shopex-fullscreen{top: 44px;}
.shopex-bar-tab ~ .shopex-content .shopex-slider.shopex-fullscreen .shopex-segmented-control ~ .shopex-slider-group{bottom: 50px;}
.shopex-android.shopex-android-4-0 input:focus,
.shopex-android.shopex-android-4-0 textarea:focus{-webkit-user-modify: inherit;}
.shopex-android.shopex-android-4-2 input,
.shopex-android.shopex-android-4-2 textarea, .shopex-android.shopex-android-4-3 input,
.shopex-android.shopex-android-4-3 textarea{-webkit-user-select: text;}
.shopex-ios .shopex-table-view-cell{-webkit-transform-style: preserve-3d;transform-style: preserve-3d;}
.shopex-plus-visible, .shopex-wechat-visible{display: none !important;}
.shopex-plus-hidden, .shopex-wechat-hidden{display: block !important;}
.shopex-tab-item.shopex-plus-hidden, .shopex-tab-item.shopex-wechat-hidden{display: table-cell !important;}
.shopex-plus .shopex-plus-visible, .shopex-wechat .shopex-wechat-visible{display: block !important;}
.shopex-plus .shopex-tab-item.shopex-plus-visible, .shopex-wechat .shopex-tab-item.shopex-wechat-visible{display: table-cell !important;}
.shopex-plus .shopex-plus-hidden, .shopex-wechat .shopex-wechat-hidden{display: none !important;}
.shopex-plus.shopex-statusbar.shopex-statusbar-offset .shopex-bar-nav{padding-top: 20px;height: 64px;}
.shopex-plus.shopex-statusbar.shopex-statusbar-offset .shopex-bar-nav ~ .shopex-content{padding-top: 64px;}
.shopex-plus.shopex-statusbar.shopex-statusbar-offset .shopex-bar-nav ~ .shopex-content .shopex-pull-top-pocket{top: 64px;}
.shopex-plus.shopex-statusbar.shopex-statusbar-offset .shopex-bar-header-secondary{top: 64px;}
.shopex-plus.shopex-statusbar.shopex-statusbar-offset .shopex-bar-header-secondary ~ .shopex-content{padding-top: 94px;}
.shopex-iframe-wrapper{-webkit-overflow-scrolling: touch;position: absolute;left: 0;right: 0;}
.shopex-iframe-wrapper iframe{border: 0;width: 100%;height: 100%;}

/* color start*//* background*//* font*//* color*//* border*//* system*//* color end*//* gap start*//* gap end*//* font size start*//* font size end*//* zindex*//* zindex end*/

ul, ol, menu{list-style: none;}
table{border-collapse: collapse;border-spacing: 0;}
address, em, i{font-style: normal;}
input, select, button{vertical-align: middle;}
input, select, button, textarea{font-size: 100%;font-family: inherit;}
a{-webkit-tap-highlight-color: transparent;}
@font-face{font-family: 'iconfonts';src: url("../../fonts/iconfonts.eot?ventwz");src: url("../../fonts/iconfonts.eot?ventwz#iefix") format("embedded-opentype"), url("../../fonts/iconfonts.ttf?ventwz") format("truetype"), url("../../fonts/iconfonts.woff?ventwz") format("woff"), url("../../fonts/iconfonts.svg?ventwz#iconfonts") format("svg");font-weight: normal;font-style: normal;}
[class^="bbc-icon-"], [class*=" bbc-icon-"]{/* use !important to prevent issues with browser extensions that change fonts*/font-family: 'iconfonts' !important;speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;/* Better Font Rendering ===========*/-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;vertical-align: middle;}
.bbc-icon-category:before{content: "\e934";}
.bbc-icon-category-empty:before{content: "\e937";}
.bbc-icon-rate-empty:before{content: "\e938";}
.bbc-icon-complaints-nodata:before{content: "\e939";}
.bbc-icon-trade-nodata:before{content: "\e93a";}
.bbc-icon-address-nodata:before{content: "\e93b";}
.bbc-icon-goods-nodata:before{content: "\e93c";}
.bbc-icon-shop-nodata:before{content: "\e93d";}
.bbc-icon-return-nodata:before{content: "\e93e";}
.bbc-icon-coupon-nodata:before{content: "\e93f";}
.bbc-icon-activity-nodata:before{content: "\e940";}
.bbc-icon-integral-nodata:before{content: "\e941";}
.bbc-icon-deposit-nodata:before{content: "\e942";}
.bbc-icon-rate-nodata:before{content: "\e94a";}
.bbc-icon-cart-nodata:before{content: "\e94e";}
.bbc-icon-unipay:before{content: "\e931";}
.bbc-icon-qianbao:before{content: "\e92d";}
.bbc-icon-back:before{content: "\e900";}
.bbc-icon-more-vertical:before{content: "\e930";}
.bbc-icon-qq-member:before{content: "\e92c";}
.bbc-icon-tag:before{content: "\e92f";}
.bbc-icon-deposit-amount:before{content: "\e925";}
.bbc-icon-integral:before{content: "\e936";}
.bbc-icon-star-empty:before{content: "\e943";}
.bbc-icon-remove:before{content: "\e944";}
.bbc-icon-member-level:before{content: "\e945";}
.bbc-icon-wapweixin-member:before{content: "\e946";}
.bbc-icon-weibo-member:before{content: "\e947";}
.bbc-icon-renren-member:before{content: "\e948";}
.bbc-icon-assets:before{content: "\e949";}
.bbc-icon-purse:before{content: "\e94b";}
.bbc-icon-coupon:before{content: "\e94c";}
.bbc-icon-invoice:before{content: "\e94d";}
.bbc-icon-communication:before{content: "\e926";}
.bbc-icon-home:before{content: "\e927";}
.bbc-icon-user:before{content: "\e928";}
.bbc-icon-cart:before{content: "\e929";}
.bbc-icon-gallery:before{content: "\e92a";}
.bbc-icon-message:before{content: "\e92b";}
.bbc-icon-thumb:before{content: "\e92e";}
.bbc-icon-countdown:before{content: "\e932";}
.bbc-icon-rate:before{content: "\e933";}
.bbc-icon-top:before{content: "\e935";}
.bbc-icon-weixin:before{content: "\e921";}
.bbc-icon-zhifubao:before{content: "\e922";}
.bbc-icon-arrow-down:before{content: "\e923";}
.bbc-icon-star-empty-s:before{content: "\e924";}
.bbc-icon-cart-empty:before{content: "\e901";}
.bbc-icon-checked:before{content: "\e903";}
.bbc-icon-delete:before{content: "\e904";}
.bbc-icon-error:before{content: "\e905";}
/*.bbc-icon-faverite:before{content: "\e906";}*/
.bbc-icon-forward:before{content: "\e907";}
.bbc-icon-history-gap:before{content: "\e908";}
.bbc-icon-history:before{content: "\e909";}
.bbc-icon-home-empty:before{content: "\e90a";}
.bbc-icon-info:before{content: "\e90b";}
.bbc-icon-list:before{content: "\e90c";}
.bbc-icon-loading:before{content: "\e90d";}
.bbc-icon-location-gap:before{content: "\e90e";}
.bbc-icon-location:before{content: "\e90f";}
.bbc-icon-logistics-gap:before{content: "\e910";}
.bbc-icon-logistics:before{content: "\e911";}
.bbc-icon-message-gap:before{content: "\e912";}
.bbc-icon-more:before{content: "\e913";}
.bbc-icon-package:before{content: "\e914";}
.bbc-icon-password:before{content: "\e915";}
.bbc-icon-pay:before{content: "\e916";}
.bbc-icon-right:before{content: "\e917";}
.bbc-icon-search:before{content: "\e918";}
.bbc-icon-setting:before{content: "\e919";}
.bbc-icon-shopping:before{content: "\e91a";}
.bbc-icon-store-empty:before{content: "\e91b";}
.bbc-icon-store:before{content: "\e91c";}
.bbc-icon-submenu:before{content: "\e91d";}
.bbc-icon-user-empty:before{content: "\e91e";}
.bbc-icon-user-s:before{content: "\e91f";}
.bbc-icon-view:before{content: "\e920";}
.font-gray-80{color: #efefef;}
.font-gray-70{color: #dadada;}
.font-gray-60{color: #CCC;}
.font-gray-40{color: #999;}
.font-gray-20{color: #8c8c8c;}
.font-gray-0{color: #333;}
.font-white{color: #fff;}

.bg-white{background: #fff;}
.section-white{background: #fff;}
.box-display{display: -webkit-box;-webkit-box-align: center;-webkit-box-pack: center;}
.box-display [class*="box-item-flex"]{display: block;}
.box-display [class*="box-item-flex"] img{display: block;width: 100%;height: 100%;}
.box-item-flex1{-webkit-box-flex: 1;}
.box-item-flex2{-webkit-box-flex: 2;}
.box-item-flex3{-webkit-box-flex: 3;}
.box-item-flex4{-webkit-box-flex: 4;}
.theme-border-top{border-top: solid 1px #e8e8e8;}
.theme-border-bottom{border-bottom: solid 1px #e8e8e8;}
.section-container{display: -webkit-box;-webkit-box-align: center;-webkit-box-pack: center;padding:12px; position:relative; z-index:10;}
.section-container .pay-num {font-size:1.1rem;}
.section-init{display: block;-webkit-box-flex: 1;}
.page-banner{position: relative;}
.page-banner img{display: block;width: 100%;}
.page-banner .imgcover{background-size: cover;display: block;position: absolute;left: 0;top: 0;right: 0;bottom: 0;}
.page-banner .imgcover img{width: 100%;height: 100%;}
.content-right{text-align: right;}
.content-center{text-align: center;}
.content-padded{padding: 0.75rem 1rem;}
.img-adaptive{position: relative;}
.img-adaptive a, .img-adaptive .img-cover{position: absolute;left: 0;top: 0;right: 0;bottom: 0;}
.img-adaptive a img, .img-adaptive .img-cover img{width: 100%;height: 100%;}
.content-horizontal-padded{padding-left: 1rem;padding-right: 1rem;}
.content-vertical-padded{padding-top: 1rem;padding-bottom: 1rem;}
.content-top-padded{margin-top: 1rem;}
.content-bottom-padded{margin-bottom: 1rem;}
.inline-overflow{display: inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;max-width: 90%;vertical-align: middle;}
.theme-position-relative{position: relative;}
.theme-high-lineheight{line-height: 2.2;}
.bbc-slider:after{display: -webkit-box;content: " ";padding-top:62.5%;}
.bbc-slider .shopex-slider-group.shopex-slider-loop{position: absolute;left: 0;top: 0;right: 0;bottom: 0;height: 100%;}
.bbc-slider .shopex-slider-group .shopex-slider-item img{height: 100%;}
.bbc-slider .shopex-slider-group .shopex-slider-item > a:not(.shopex-control-item){height: 100%;}
.bbc-slider-b:after{display: -webkit-box;content: " ";padding-top: 100%;}
.bbc-slider-b .shopex-slider-group.shopex-slider-loop{position: absolute;left: 0;top: 0;right: 0;bottom: 0;height: 100%;}
.bbc-slider-b .shopex-slider-group .shopex-slider-item img{height: 100%;}
.bbc-slider-b .shopex-slider-group .shopex-slider-item > a:not(.shopex-control-item){height: 100%;}

.bbc-btn-warning .bbc-icon{font-size: 1.2rem;vertical-align: sub;}
.bbc-btn-lg{padding: 0.5rem 1rem;}
.bbc-btn-sm{font-size: 0.7rem;padding: 0.625rem;line-height: 0.6rem;}
.bbc-btn-outlined{border-color: #ccc;color: #000 !important;}
.bbc-texteara{background: #efefef;border: none;margin: 0;}
.bbc-radio .shopex-table-view-cell .shopex-navigate-right{color: #666; padding-left: 1.5rem;}
.bbc-radio .shopex-table-view-cell .shopex-navigate-right:after{color: #000;}
.bbc-btn-disabled{background: #dadada !important;color: #fff;}

.bbc-textarea{margin: 0;border-color: transparent;background: #efefef;}
.bbc-icon-full-cricle{padding: 0.5rem;color: #fff;border-radius: 50%;}
.bbc-popover-modal{background: #fff;}
.bbc-popover-modal .shopex-table-view-cell{border-radius: 0 !important;}
.bbc-keyword-group{padding: 0 0.5rem;}
.bbc-keyword-group:after{content: "\0020";display: block;visibility: hidden;clear: both;}
.bbc-keyword-group span{display: block;padding: 0.5rem 1rem;float: left;margin-left: 0.5rem;border-radius: 0.2rem;background: #f2f2f2;}
.bbc-keyword-group span.active{background: #000;color: #fff;}
.bbc-mini-menu{color: #ccc;}
.bbc-mini-menu.shopex-popover{background: rgba(0, 0, 0, 0.85);width:100px;}
.bbc-mini-menu.shopex-popover .shopex-table-view{border-radius: .2rem;}
.bbc-mini-menu.shopex-popover .shopex-popover-arrow:after{width: 20px;height: 20px;border-radius: 0;background: rgba(0, 0, 0, 0.85);}

.bbc-mini-menu i {display:block; float:left; width:1.2rem; height:1.2rem; margin:0.625rem 0.5rem 0 0;}
.bbc-mini-menu i.icon_01 {background:url(nav_001.png) no-repeat; background-size:cover;}
.bbc-mini-menu i.icon_02 {background:url(nav_002.png) no-repeat; background-size:cover;}
.bbc-mini-menu i.icon_03 {background:url(nav_003.png) no-repeat; background-size:cover;}
.bbc-mini-menu i.icon_04 {background:url(nav_004.png) no-repeat; background-size:cover;}
.bbc-mini-menu .shopex-content-padded {height:2.5rem; line-height:2.5rem; padding:0 15px; border-bottom:1px solid #454545; text-align:center;}
.bbc-mini-menu .shopex-content-padded:last-child {border:none;}

.bbc-mini-menu i.icon_03:before {display:none !important;}

.bbc-mini-menu .shopex-table-view{background: rgba(0, 0, 0, 0.5);}
.bbc-mini-menu .shopex-popover-arrow{top: -22px;}
.bbc-mini-menu .bbc-icon{font-size: 1.32rem;vertical-align: middle;margin-right: 0.5rem;margin-left: 0.5rem;}
.bbc-mini-menu .shopex-table-view-cell:after{height: 0;}
.bbc-no-backdrop .shopex-backdrop{background-color: transparent;}
.bbc-tab-bar .shopex-scroll section:first-child{margin-top: 0.5rem;}
.bbc-tab-bar .shopex-control-content .shopex-loading{margin-top: 50px;}
.bbc-tab-bar .shopex-segmented-control.shopex-segmented-control-inverted ~ .shopex-slider-group .shopex-slider-item{border: none;}
.bbc-tab-bar .shopex-slider-indicator.shopex-segmented-control{background-color: #fff;}


.bbc-tab-nav.shopex-segmented-control{border-color: #000;}
.bbc-tab-nav.shopex-segmented-control .shopex-control-item{border-color: #000;color: #000;}
.bbc-tab-nav.shopex-segmented-control .shopex-control-item.shopex-active{background: #000;color: #fff;}
.bbc-tab-nav-sm{width: 55%;margin: 0 auto;}
.bbc-tab-nav-sm .shopex-control-item{line-height: 1.5rem;}
.bbc-pullrefresh-top{top:0rem;}
.bbc-pullrefresh-top-b{top:54px;}
.bbc-pullrefresh-bottom{bottom: 3.6rem;}


section{margin-bottom:0.75rem;}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{-webkit-box-shadow: 0 0 0px 1000px white inset;}
.clearfix:after{content: "\0020";display: block;visibility: hidden;clear: both;}
.container{-webkit-overflow-scrolling: touch;margin-bottom: 0;}
.container.no-header{padding-top: 0;}
.system-container{text-align: center;margin: 0;}
.system-container .system-info{font-size: 0.7rem;color: #CCC;padding-top: 0.5rem;}
.body-padding{padding-bottom: 4rem;}
.body-padding .action-bar{position: fixed;left: 0;right: 0;bottom: 0;display: -webkit-box;-webkit-box-align: center;z-index: 15; background: #fff;margin-bottom: 0;border-top: 1px solid #eee;}
.body-padding .action-bar button{margin: 0;}

.order_fixed{position: fixed;left: 0;right: 0;bottom: 0;display:flex; align-items:center; z-index: 15; background: #fff;margin-bottom: 0;border-top: 1px solid #eee; padding-bottom:env(safe-area-inset-bottom);}

.fixed_goods {position:fixed; left:0; right:0; bottom:0; padding-bottom:env(safe-area-inset-bottom);}

.action-bar-mini{display:flex; align-items:center; z-index: 15; padding:5px 12px 5px 5px; background: #fff;margin-bottom: 0;border-top: 1px solid #e8e8e8;}
.action-bar-mini:after{position: absolute;left: 0;top: 0;right: 0;height: 1px;background: #e8e8e8;}
.action-bar-mini button{margin: 0;}
.action-bar-mini .op-item{flex-grow: 1;padding: 0 0.5rem;text-align: center;}
.action-bar-mini .op-item a {display:block;}
.action-bar-mini .op-item .bbc-icon{display: block;line-height: 1;font-size: 1.44rem;}
.action-bar-mini .op-item.op-btn{color: #fff;}
.action-bar-mini .op-item.op-btn a{display: block; color: #fff;}
.action-bar-mini .op-item span {position:relative; top:-2px;}
.action-bar-mini .action-bar-op-btn {width:128px; margin-right:12px;}

.action-bar-mini .goods-op-cart {height:36px; line-height:36px; border-radius:20px; overflow:hidden; background:#000; text-align:center; flex-grow:1;}
.action-bar-mini .goods-op-cart .action-addtocart {background:none; color:#fff; height:36px; line-height:36px; display:block; text-align:center; width:100%;}
.action-bar-mini .goods-op-cart a {color:#fff;}
.action-bar-mini .goods-op-buy {height:36px; line-height:36px; border-radius:0 20px 20px 0; overflow:hidden; background:#000;}
.action-bar-mini.goods_box {height:auto; padding:5px 10px 5px 0;}

.body-padding-mini{padding-bottom: 3.25rem;}
.body-padding-mini .container.has-footbar{margin-bottom: 3.3rem;}
.body-padding-big{padding-bottom: 5rem;}
.body-padding-big .container.has-footbar{margin-bottom: 3.3rem;}
.has-footer{padding-bottom:40px;}

.action-bar-op-item{display:flex; align-items:center; flex-grow:1; line-height: 1.2;background: #fff;}

.checkout_foot .action-bar-op-info {min-width:55%;}
.action-bar-op-info{flex-grow:1;text-align: right; margin-right:12px;}
.action-bar-op-info mark {color:#de1322;}
.action-group{display: -webkit-box;-webkit-box-align: center;-webkit-box-flex: 1;}
.action-group .action-item{display: -webkit-box;-webkit-box-flex: 1;padding: 0 0.25rem;}
.action-group .bbc-icon{font-size: 1.2rem;line-height: 1;vertical-align: text-bottom;}
.tag{display: inline-block;height: 1.2rem;line-height: 1.2rem;margin-right: .3rem;font-size: 0.7rem;padding: 0 0.4rem;border-radius: 0.2rem;color: #fff;background: #000;}
.tag.tag-outline{border: 1px solid #e94a64;background: #fff;color: #e94a64;margin-right: 0;line-height: 1.2rem;}
.tags-group{height: 1.6rem;margin-top: .2rem;overflow: hidden;}
.section-title{display:flex; align-items:center; padding:10px; justify-content:space-between;}
.section-title .title-txt{font-size:16px;}
.section-title .checkin{-webkit-box-flex: 1;text-align: right;}
.section-title .checkedin{border: 1px solid #000;}
.section-title .more-link{color:#666; font-family:Arial;}
.section-title .more-link a {color:#717171;}
.section-title .more-link .bbc-icon{font-size: 0.75rem;vertical-align: middle; position:relative; top:-1px;}
.section-title .bbc-icon{vertical-align: center;}

.cate_img {padding:0 10px 10px 10px;}
.cate_img img {max-width:100%;}

.show_cat li.cat_tit {width:80%; overflow:hidden; padding:1rem 0.6rem 0.2rem 0.6rem;}
.show_cat li.child_cat {float:left; width:50%; padding:0.3rem 0.6rem; text-align:center;}
.show_cat li.child_cat:nth-child(2n+1){padding-left:0.3rem;}
.show_cat li.child_cat:nth-child(2n){padding-right:0.3rem;}
.show_cat li.child_cat:active span {background:#151515; color:#fff;}

.show_cat li span {background:#f2f2f2; display:block; line-height:2rem; height:2rem; overflow:hidden; border-radius:0.25rem; font-size:0.875rem;}

.shopex-table-view-cell > a:not(.shopex-btn).section-list-item{display: -webkit-box;-webkit-box-align: center;-webkit-box-pack: center;}
.section-list-key{width: 4rem;color: #666;}
.section-list-val{-webkit-box-flex: 1; color: #000; text-align:right; padding-right:20px;}
.artical{margin: 0;padding-top: 1.5rem;padding-bottom: 1.5rem;border: none;}
.artical h1{color: #000;padding-top: 1rem;padding-bottom: 0.5rem;}
.artical h2{padding-top: 0.5rem;padding-bottom: 0.5rem;color: #333;}
.artical p{padding-bottom: 0.6rem;}
.original-price{text-decoration: line-through;}
.thumb{display: -webkit-box;-webkit-box-align: center;-webkit-box-pack: center;margin-right: 0.4rem;width: 4.5rem;height: 4.5rem;border-radius: 0.2rem;border: 1px solid #e8e8e8;overflow: hidden;}
.thumb img{max-width: 100%;max-height: 100%;width: auto;height: auto;}
.thumbnail .caption .goods-title{height:22px; line-height:22px; text-overflow:ellipsis; white-space: nowrap; overflow:hidden;}
.thumbnail .caption .price{display: -webkit-box;-webkit-box-align: center;}
.thumbnail .caption .price .amount{-webkit-box-flex: 1;height: 1rem;line-height: 1rem;color: #353535;font-size: 1rem;}
.thumbnail .caption .price .purchased{-webkit-box-flex: 1;color: #999;text-align: right;font-size: 0.7rem;}

.pro-list-grid{padding:0 5px;}
.pro-list-grid:after{content: "\0020";display: block;visibility: hidden;clear: both;}
.pro-list-grid li{float: left;width: 50%; padding:0 5px 10px 5px;}
.pro-list-grid li .thumbnail{display: block; overflow:hidden;}
/*.pro-list-grid li .thumbnail .thumb-img{position: relative; padding-bottom:133.33333%; width:100%; background:#f9f9f9;}*/
/*.pro-list-grid li .thumbnail .thumb-img img{position:absolute; top:0; left:0; right:0; height: 100%;width: 100%;}*/
.pro-list-grid li .thumbnail .thumb-img{position: relative; background:#f9f9f9;}
.pro-list-grid li .thumbnail .thumb-img img{height: 100%;width: 100%;}

.pro-list-grid li .thumbnail .caption{padding:5px 0px 5px 0px; overflow: hidden; text-align:center;}
.pro-list-normal li{padding:0.5rem 0rem !important; background: #fff;border-bottom: 1px solid #e8e8e8;}
.pro-list-normal li .thumbnail{display: -webkit-box;width: 100%;}
.pro-list-normal li .thumbnail .thumb-img{display: -webkit-box;position: relative;-webkit-box-align: center;-webkit-box-pack: center;width: 30%;background: #f8f8f8;border-top-left-radius: 0.4rem;border-top-right-radius: 0.4rem; margin:0 1rem 0 0.6rem;border-radius: 0;}
.pro-list-normal li .thumbnail .thumb-img:after{display: block;padding-top: 100%;content: '';}
.pro-list-normal li .thumbnail .thumb-img a, .pro-list-normal li .thumbnail .thumb-img .imgcover{position: absolute;left: 0;top: 0;right: 0;bottom: 0;}
.pro-list-normal li .thumbnail .thumb-img img{display: block;height: 100%;width: 100%;}
.pro-list-normal li .thumbnail .thumb-img img{border-top-left-radius: 0.4rem;border-top-right-radius: 0.4rem;}
.pro-list-normal li .thumbnail .thumb-img img{border-radius: 0;}
.pro-list-normal li .thumbnail .caption{-webkit-box-flex: 1;padding: 0.5rem 1.2rem 0 0;}
.pro-list-normal li .thumbnail .caption .price{margin-right: 0.5rem;}
.pro-list-normal li.shopex-table-view-cell{padding-left: 0;padding-top: 0;}
.pro-list-normal li.shopex-table-view-cell:after{height: 0;}


.orders-list .shopex-segmented-control.shopex-segmented-control-inverted ~ .shopex-slider-progress-bar{width: 20%;}
.orders-list .order-goods{border-top: 1px solid #e8e8e8;border-bottom: 1px solid #e8e8e8;background: #fff;}
.orders-list .order-goods .btn-action-outline{border-color: #000;color: #000;}


.order-goods-list{padding: 0 12px;}
.order-goods-list:after{content: "\0020";display: block;visibility: hidden;clear: both;}
.order-goods-list li{position: relative; background: #fff; padding:10px 0; border-bottom: 1px solid #eee;}
.order-goods-list li:last-child{border: none;}
.order-goods-list li .thumbnail{width: 100%; display:flex; align-items:center;}
.order-goods-list li .thumbnail .thumb-img{width:66px; min-width:66px; height:88px; background: #f8f8f8;border-radius: 0;margin-right:10px;}
.order-goods-list li .thumbnail .thumb-img img{display: block;height: 100%;width: 100%;}
.order-goods-list li .thumbnail .caption{flex-grow:1;}
.order-goods-list li .thumbnail .caption .order-goods-info{-webkit-box-flex: 1;}
.order-goods-list li .thumbnail .caption .order-goods-info .order-goods-title{font-size:14px;line-height: 1.2;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; color:#000;}
.order-goods-list li .thumbnail .caption .order-goods-info .order-goods-sku{font-size:14px;color: #999;padding-top: 0.2rem;}
.order-goods-list li .thumbnail .caption .order-goods-info .order-goods-price{padding:0;}
.order-goods-list li .thumbnail .caption .order-goods-info .order-goods-price mark {margin-right:12px;}
.order-goods-list li .thumbnail .caption .order-goods-num{width: 3rem;padding-left: 0.5rem; color: #666;}
.order-goods-list li .order-goods-num-control{margin-top:6px; display:flex; align-items:center; justify-content:space-between;}

.gift-item{display: -webkit-box;}
.gift-item > div{-webkit-box-flex: 1;}
.gift-item .gift-name{max-width: 80%;}

.cart-list .order-goods-list {padding:0;}
.cart-list .order-goods {background:none; margin:0;}
.cart-list .promotion-goods-group {border:none;}
.cart-list .order-goods-list .bbc-checkbox {width:40px; min-width:40px; display:flex; justify-content:center;}
.cart-list .order-goods-list li {display:flex; align-items:center; background:none; padding:6px 0; border:none;}
.cart-list .order-goods-list li .thumbnail {background:#fff; box-shadow:0 0 10px 0 rgba(0,0,0,0.12); border-radius:4px; overflow:hidden; padding:10px; flex-grow:1; margin-right:12px;}
.cart-list .order-goods-list li .thumbnail .thumb-img {width:75px; min-width:75px; height:100px;}
.cart-list .order-goods-list li .thumbnail .caption {height:100px; display:flex; flex-direction: column; justify-content:space-between; align-content:center;}
.cart-list .order-goods-list li .thumbnail .caption .order-goods-title {margin-top:3px;}
.cart-list .section-title{padding: 0.5rem;}
.cart-list .invalid .thumb-img{opacity: 0.3;}
.cart-list .invalid .order-goods-title a{color: #CCC;}
.cart-list .invalid .order-goods-price mark{color: #CCC;}
.cart-list-total .cart-post-fee{font-size: 0.7rem;color: #8c8c8c;}
.action-bar-op-item.content-right {justify-content:flex-end;}

.receiver-add-list .default-active .active-sign{visibility: visible;}
.receiver-add-list .default-active .default-sign{visibility: visible;}
.form-list li{padding: 0.2rem;background: #fff;}
.function-list .shopex-table{padding-right: 1.5rem;}
.function-list .shopex-text-right{color: #666;}
.function-list .shopex-table-cell{vertical-align: middle;}
.favorite-list .shop-list-item{display: -webkit-box;-webkit-box-align: center;-webkit-box-pack: center;}
.favorite-list .shop-brand{display: -webkit-box;-webkit-box-align: center;-webkit-box-pack: center;width: 4.2rem;height: 4.2rem;border: 1px solid #efefef;}
.favorite-list .shop-brand img{display: block;max-width: 100%;max-height: 100%;}
.favorite-list .shop-name{-webkit-box-flex: 1;padding-left: 1rem;padding-right: 2rem;font-size: 1rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.rate-list > li{padding: 1rem;border-bottom: 1px solid #e8e8e8;background: #fff;}
.thumbnails-list .thumb{float: left;}
header{position: fixed;left: 0;top: 0;right: 0;z-index: 15;height:44px;}
header .icon-func{display: block;position: relative; color: #000;font-size: 1.2rem;width: 3rem; height:2rem;text-align: center;line-height: 2rem;}
header .top_cate {background:rgba(255,212,68,0.95); border-radius:30px; margin:0 10px;}

header .header-left{position: relative;float: left;height:2.75rem; line-height:2.75rem; color: #000;font-size: 1.6rem;z-index: 10;}
header .header-right{padding:0 10px;}
header .header-title{font-size: 1rem; padding-left:10px;}

header.home-header{background:linear-gradient(to bottom, #55555a 0%,rgba(230, 229, 229, 0.3) 100%);display: -webkit-box;-webkit-box-pack: center;-webkit-box-align: center;}
header.home-header .main{-webkit-box-flex: 1;}
header.home-header .header-logo{display: block;position: relative;min-width: 3rem;height: 100%;padding: 0.5rem;}
header.home-header .header-logo img{height: 100%;}
header.home-header .header-search-form {margin: 0 10px;}
header.home-header .header-search-form input{display: block; border-radius:6px; background:rgba(255,255,255,0.8) url(/img/ss_icon.png) 12px 5px no-repeat; background-size:20px; margin-top: 7px;}
header.home-header .header-search-form input:focus {background:rgba(255,255,255,0.9);}
header.home-header .shopex-input-clear ~ .shopex-icon-clear{top:0.5rem;padding: 0;}

.jbbg {
  background: -webkit-linear-gradient(rgba(31,31,31,1), rgba(31,31,31,0)) !important; /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(rgba(31,31,31,1), rgba(31,31,31,0)) !important; /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(rgba(31,31,31,1), rgba(31,31,31,0)) !important; /* Firefox 3.6 - 15 */
  background: linear-gradient(rgba(31,31,31,1), rgba(31,31,31,0)) !important; /* 标准的语法（必须放在最后） */
}

.no_bg {background:none !important;}

.goods_name {padding:12px 12px; background:#fff; margin-bottom:12px; text-align:center;}
.goods_name h2 {font-size:16px;}
.goods_name h1 {font-size:18px; color:#000; font-family:Arial;}

.tit_box {text-align:center; font-size:14px; color:#999; height:40px; line-height:40px; margin:5px 10px; position:relative;}
.tit_box span {display:inline-block; background:#f5f5f5; position:relative; z-index:10; padding:0 15px;}
.tit_box span:after {content: ""; position: absolute; right: 0; top: 50%; margin-top: -2px; width: 4px; height: 4px; background-color: #ccc; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.tit_box span:before {content: ""; position: absolute; left: 0; top: 50%; margin-top: -2px; width: 4px; height: 4px;  background-color: #ccc;  -webkit-transform: rotate(45deg);  transform: rotate(45deg);}
.tit_box:after {content:""; display:block; position:absolute; left:0px; right:0px; bottom:19px; height:1px; background:#e5e5e5;}


.goods_desc {margin-bottom:64px; padding-bottom:env(safe-area-inset-bottom); }
.goods_desc .tit_box {margin:5px 0 5px 0;}

header.icons-header.head_back {width: 2.5rem;height: 2.5rem; z-index:100;}

header.page-header{background: #fff; display:flex; justify-content:space-between; align-items:center;}
header.icons-header{top:0.5rem;left:0.5rem;right:0.5rem;}
header.icons-header .header-left, header.icons-header .header-right{font-size: 1.5rem;width: 2.5rem;height: 2.5rem;line-height: 2.5rem;color: #fff;}
header.icons-header [class*="bbc-icon"]{border-radius: 50%;background: rgba(0, 0, 0, 0.4);}



.form-container{padding-top: 20px;}
.form-container.no-header-padded{padding-top: 0;}
.form-container .form-inline{display: -webkit-box;-webkit-box-align: center;-webkit-box-pack: center;}
.form-container .form-inline .form-inline-adaptive{-webkit-box-flex: 1;}
.form-container .form-inline .form-inline-unadaptive{width: 30%;padding-right: 0.75rem;}
.form-container .form-inline .form-inline-unadaptive .btn-action{padding-top: 0.4rem;padding-bottom: 0.4rem;}
.btn-disabled{background: #ccc;border-color: #ccc;color: #333;}
.txt-action{color: #000;}
input[type="checkbox"]:checked.input-action:before{color: #000;}
input[type="search"].header-search{background: #fff;height: 2rem;}
.switch-action.shopex-active{background-color: #000;border-color: #000;}
.filters{width: 76%;background: #f2f2f2;}
.filters-header{text-align: center;}
.filters-header .filters-op{color: #999;}
.filter-attr-title {padding:12px 0 6px 0;}
.filters-options{margin-top: 0.5rem;background: #fff;border: 1px solid #e8e8e8;}
.filters-options:after{content: "\0020";display: block;visibility: hidden;clear: both;}
.filters-options span{display: block;float: left;padding: 0.5rem 1.5rem;margin: 0.2rem 0.5rem 0.2rem 0; background: #f8f8f8;border-radius: 0.3rem;}
.filters-options span.checked{background: #000;color: #fff;}
.promotion-list{color: #333;}
.promotion-list .package-list{padding-top: 0.75rem;padding-left: 0.5rem;height: 5.4rem;overflow: hidden;}
.promotion-list .package-list li{float: left;margin-left: 0.5rem;margin-bottom: 0.5rem;}
.promotion-list .package-list li img{border: 1px solid #e8e8e8;border-radius: 0.2rem;width: 4.5rem;height: 4.5rem;vertical-align: middle;}
.promotion-list .promotion-gift-item a{padding: 0 1rem .5rem 1rem;display: inline;}
.promotion-list .promotion-gift-item img{border: 1px solid #e8e8e8;border-radius: 0.2rem;width: 2.2rem;height: 1.4rem;vertical-align: middle;}
.promotion-goods-group{border-bottom: 1px solid #e8e8e8;}
.promotion-goods-group .group-header{border-bottom: 1px solid #e8e8e8;}
.promotion-goods-group .package-goods-group{-webkit-box-flex: 1;}
.promotion-goods-group .package-goods-group.package-goods-num-control{position: relative;}
.promotion-goods-group .package-goods-item{display: -webkit-box;margin-bottom: 0.75rem;}
.promotion-goods .promotion-goods-group:last-child{border: 0;}
.promotion-select{margin: 0.2rem 0;position: relative;display: inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;max-width: 13.5rem;padding: 0.1rem 1.3rem 0.1rem 0.4rem;border: 1px solid #e8e8e8;border-radius: 0.2rem;background: #f8f8f8;font-size: 0.84rem;color: #666;}
.promotion-select .bbc-icon{position: absolute;left: auto;top: 50%;right: 0.2rem;bottom: auto;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.promotion-modal{background: #fff !important;}
.promotion-modal.shopex-popover .shopex-table-view{margin: 0 0 1.5rem 0;border-radius: none;background: none;}
.promotion-modal.shopex-popover .shopex-table-view .shopex-table-view-cell:last-child:after, .promotion-modal.shopex-popover .shopex-table-view .shopex-table-view-cell:last-child:before{height: 0;}
.promotion-modal li{background: #fff;text-align: left;color: #666;}
.promotion-header{height: 7.5rem;}
.promotion-header > div{padding: 0.1rem 1.5rem;}
.promotion-header .promotion-name{padding-top: 1.25rem;padding-bottom: 0.5rem;}
.promotion-name{font-size: 1.2rem;}
.promotion-exp{color: #666;}
.promotion-range{color: #999;}
.package-good{border-bottom: 1px solid #e8e8e8;}
.package-goods-img{width: 24%;padding-right: 1rem;}
.package-goods-img img{width: 100%;}
.package-goods-name{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.package-old-price{color: #999;text-decoration: line-through;margin-bottom: 0.2rem;}
.nodata-wrapper{position: absolute;left: 0;top: 0;right: 0;bottom: 0;}
.nodata-layout{position: absolute;left: 50%;top: 50%; width:60%; right: auto;bottom: auto;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);text-align: center;}
.nodata-icon{display: -webkit-box;-webkit-box-align: center;-webkit-box-pack: center;width: 6rem;height: 6rem;margin: 0 auto;font-size: 3.6rem;border-radius: 50%;background: #dadada;color: #fff;}
.nodata-icon .bbc-icon{vertical-align: initial;}
.nodata-tip{padding:15px 0; color: #999;}
.nodata-guide{padding-top: 0.5rem; width:80%; margin:0 auto;}

.shop-sign{height: 10rem;overflow: hidden;position: relative;}
.shop-sign .shop-sign-img{margin: -1rem;}
.shop-sign .shop-sign-img img{-webkit-filter: blur(0.2rem);width: 100%;}
.shop-sign .shop-sign-cover{position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.3);z-index: 5;}
.shop-sign .shop-sign-info{position: absolute;left: 0;right: 0;bottom: 0;display: -webkit-box;-webkit-box-align: end;padding: 0.5rem;z-index: 10;}
.shop-sign .shop-sign-info .shop-logo{display: -webkit-box;-webkit-box-align: center;-webkit-box-pack: center;width: 20%;background: #fff;}
.shop-sign .shop-sign-info .shop-logo:after{display: block;content: "";padding-top: 100%;}
.shop-sign .shop-sign-info .shop-logo img{display: block;width: 100%;}
.shop-sign .shop-sign-info .shop-name{-webkit-box-flex: 1;padding-left: 0.5rem;}
.shop-sign .shop-sign-info .shop-name i{display: inline-block;vertical-align: middle;color: #fff;}
.shop-sign .shop-sign-info .shop-name a{display: inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;vertical-align: middle; max-width: 85%;color: #fff;}
.shop-nav{display: -webkit-box;-webkit-box-align: center;border-bottom: 1px solid #e8e8e8;padding: 0.75rem 0;background: #FFF;}
.shop-nav .shop-nav-item{-webkit-box-flex: 1;text-align: center;}
.shop-info-brand{display: -webkit-box;-webkit-box-align: center;-webkit-box-pack: center;width: 30%;background: #fff;}
.shop-info-brand:after{content: "";display: block;padding-top: 100%;}
.shop-info-brand img{display: block;max-width: 100%;max-height: 100%;}
.shop-info-name{font-size: 1.08rem;}
.shop-favorite-btn{color: #666;}
.shop-favorite-btn i{color: #999;}
.shop-favorite-btn.has-favorited{background: #000;border-color: #000;color: #fff;}
.shop-favorite-btn.has-favorited i{color: #fff;}
.goods-list-filters{width: 60%;background: #fff;}
.goods-list-filters .close_icon {position:absolute; top:5px; right:5px; z-index:1000;}
.no-fix .goods-filters{position: relative;z-index: 0;left: auto;top: auto;right: auto;}
.no-fix .goods-list{padding-top: 0;}

.goods-filters{position: absolute;left: 0;top:0;right: 0; display:flex; height:44px; line-height:44px; z-index: 10; border-bottom:1px solid #e8e8e8;}
.goods-filters .goods-filters-item{flex-grow:1;text-align: center; width:25%; line-height:44px; position:relative;}
.goods-filters .goods-filters-item.active{color: #000; font-weight:bold;}
.goods-filters .goods-filters-item.active:after {display:block; content:""; height:2px; border-radius:3px; overflow:hidden; background:#000; position:absolute; left:6%; bottom:-1px; z-index:10; right:6%;}
.goods-filters .goods-filters-item.active .order-desc:before{border-bottom-color: #333;}
.goods-filters .goods-filters-item.active a {color:#000;}
.goods-filters-item.price_desc {display:flex; justify-content:center; align-items:center;}
.goods-filters-item.price_desc i {width:18px; height:18px; background:url(/img/desc_01.png) no-repeat; background-size:cover;}
.goods-filters-item.price_desc.active i.order-desc {background:url(/img/desc_02.png) no-repeat; background-size:cover;}
.goods-filters-item.price_desc.active i.order-asc {background:url(/img/desc_03.png) no-repeat; background-size:cover;}

.goods-filters .goods-show-style{-webkit-box-flex: 1;border-left: 1px solid #e8e8e8;text-align: center;line-height: 0;color: #666;}
.goods-filters .goods-show-style .bbc-icon{font-size: 1.3rem;}
.goods-detail-brief{display: -webkit-box;-webkit-box-align: center;}
.goods-detail-brief .goods-detail-title{-webkit-box-flex: 1; text-align:center;}
.goods-detail-brief .goods-detail-title h1{display: inline;font-size: 1.032rem;line-height: 1.2;}
.goods-detail-brief .goods-detail-title h2{padding: 0.4rem 0;font-size: 0.81rem;color: #666;}
.goods-detail-brief .bbc-icon{display: block;color: #666;font-size: 0.7rem;padding-left: 0.5rem;padding-top: 0.2rem;}
.goods-detail-purchase{display: -webkit-box;-webkit-box-align: end;}
.goods-detail-purchase .goods-detail-purchase-price{-webkit-box-flex: 2;font-size: 1.2rem;color: #000; text-align:center;}
.goods-detail-purchase .goods-detail-purchase-num{-webkit-box-flex: 1; color: #ccc;text-align: right;}


.action-bar-mini .goods-op-incart {padding:0;}
.action-bar-mini .goods-op-incart a {width:80px; font-size:12px;}
.action-bar-mini .icon_btn i {width:28px; height:28px; display:block; background:url(sc_icon.png) no-repeat; background-size:cover; margin:2px auto 0 auto;}
.action-bar-mini .icon_btn i.cart_icon {background-image:url(nav_3.png); position:relative;}
.action-bar-mini .icon_btn.goods-faverited i {background:url(sc_icon_on.png); background-size:cover;}
.goods-op-faverite.goods-faverited .bbc-icon{color: #de1322;text-align: center;}
.goods-op-incart {position:relative;}


.goods-op-incart b {position:absolute ; top:-2px; right:-12px; background:#f9213e; color:#fff; font-size:0.625rem; font-weight:normal; border-radius:50%; padding:0 5px 1px 5px; line-height:16px;}


.action-bar-mini .goods-op-nostock{-webkit-box-flex: 6;}
.goods-sku-modal{position: relative;}
.goods-sku-modal .btn-modal-close{display:block; height:30px; width:30px; opacity:0.5; padding:5px; position:absolute; top:5px; right:5px;}
.goods-sku-modal .goods-modal-brief{display:flex; align-items:flex-end; padding:15px 12px 15px 12px;}
.goods-sku-modal .goods-modal-brief .goods-modal-brief-thumbnail{position: relative;display: -webkit-box;width: 30%;border-radius: 0.3rem;background: #fff;}
.goods-sku-modal .goods-modal-brief .goods-modal-brief-thumbnail:after{display: block;content: " ";padding-top: 100%;}
.goods-sku-modal .goods-modal-brief .goods-modal-brief-thumbnail a{display: block;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: 0.2rem;}
.goods-sku-modal .goods-modal-brief .goods-modal-brief-thumbnail a img{display: block;width: 100%;height: 100%;}
.goods-sku-modal .goods-modal-brief .goods-modal-brief-caption{-webkit-box-flex: 1;padding: 0 0 0.5rem 0.5rem;}
.goods-sku-modal .goods-modal-brief .goods-modal-brief-caption .goods-modal-brief-price{font-size: 1.2rem;color: #000;}
.goods-sku-modal .goods-sku-list{height:250px; position:relative; overflow-y:scroll; -webkit-overflow-scrolling: touch; overflow-scrolling:touch;}
.goods-sku-list ul > li{position: relative;padding:10px 12px;overflow: hidden;}
.goods-sku-list ul > li:after{position: absolute;left:12px;right:12px;bottom: 0;height: 1px;background-color:#e8e8e8; content: '';-webkit-transform: scaleY(0.5);transform: scaleY(0.5);}
.goods-sku-list ul > li:last-child:after{height: 0;}
.goods-sku-list .goods-sku-options span{display: block;float: left;padding: 0 1rem;line-height:2.25rem;margin: 0.5rem 0.5rem 0 0; background: #f8f8f8;border-radius: 0.3rem;}
.goods-sku-list .goods-sku-options span.checked{background: #000;color: #fff;}

.goods-sku-op{display:flex; justify-content:space-between; padding:5px 12px; border-top: 1px solid #e8e8e8;background: #fff;  padding-bottom:calc(env(safe-area-inset-bottom)+5px);}
.goods-sku-op .shopex-numbox {height:36px; border-radius:30px; overflow:hidden;}
.goods-sku-op .shopex-numbox .shopex-btn {height:34px; line-height:34px; width:36px;}
.goods-sku-op .shopex-numbox .shopex-input-numbox {height:34px; line-height:34px; width:60px;}
.goods-sku-op .goods-sku-op-item.goods-op-buy{line-height:2.75rem;color: #fff;font-size: 0.99rem;}
.goods-sku-op .goods-sku-op-item.goods-op-buy a{display: block;line-height: 3.25rem;color: #fff;}

.spec_info {display:flex; align-items:center; min-height:44px; padding:0 5px 0 10px;}
.spec_info div {flex-grow:1; text-align:right; padding-right:8px !important;}
.spec_info .jt_r {width:18px; height:18px; min-width:18px; opacity:0.3;}


.cart-main .action-bar-mini{position: fixed;left: 0;top: auto;right: 0; bottom:44px; overflow: hidden;  padding:5px 0 20px 0px; height:auto; padding-bottom:calc(env(safe-area-inset-bottom)+20px);}
.cart-main .action-bar-mini .shopex-checkbox {min-width:65px; margin-left:12px;}
.cart-main .action-bar-mini .shopex-checkbox label {display:flex;}
.cart-main .action-bar-mini .shopex-checkbox input {margin-right:5px;}
.cart-main .action-bar-mini .btn {width:108px;}
.cart-main .action-bar-mini .btn.cart_del {margin-right:12px;}
.del-action .bbc-numbox {border:none;}

.top_fixed {position:fixed; right:0; top:0.625rem; z-index:100;}
.top_fixed a {display:block; width:2.5rem; height:2.5rem; line-height:2.5rem; border-radius:50%; text-align:center; background:rgba(0,0,0,0.5); color:#fff; font-size:24px; margin-right:0.625rem;}
.goods_cart i {display:block; width:1.375rem; height:1.375rem; margin:0.5rem 0 0 0.5rem; background:url(nav_004.png) no-repeat; background-size:1.375rem;}

.goods_fixed {height:2.75rem !important; border:none !important;}
.goods_num {border:1px solid #000; height:2.75rem; overflow:hidden; width:50% !important;}
.action-bar-mini.goods_fixed .goods-op-cart {height:2.75rem !important; line-height:2.75rem !important; background:#000; width:50%;}
.action-bar-mini.goods_fixed .op-item.op-btn a {height:2.75rem !important; line-height:2.75rem !important;}
.goods_num .addcart-item-num {width:100%;}
.goods_num .addcart-item-num input {padding:0; text-align:center; height:2.625rem !important; border:none;}


.pay-style {padding:10px 12px;}
.pay-style h1 {padding:10px 0;}
.pay-style li label {display:flex; align-items:center; min-height:48px; position:relative;}
.pay-style li label i {font-size:32px; display:block; margin:0 12px;}
.pay-style li label:after {position: absolute; left:35px;right: 0;bottom: 0;height: 1px;background-color: #e8e8e8;content: '';}
.pay-style li:last-child label:after {display:none;}
.pay-style .pay-style-zhifubao{color: #00aaee;}
.pay-style .pay-style-weixin{color: #51c332;}
.pay-style .pay-style-unipay{color: #e80330;}
.pay-style .pay-style-qianbao{color: #a59f85;}


.pay-num{text-align: right;color: #e03a06;}

.pay-op-time{padding-top: 2.5rem;text-align: center;}
.pay-op-time span{color: #666;}
.pay-op-price{padding-top: 2.5rem;text-align: center;font-size: 0.99rem;}
.checkout-goods-list{margin: 0.5rem;height: 6rem;position: relative;overflow: hidden;}
.checkout-goods-list .checkout-goods-warp{width: 99rem;height: 6rem;position: absolute;top: 0;}
.checkout-goods-list .thumbnail{position: relative;width: 6rem;height: 6rem;float: left;margin-right: 0.5rem;}
.checkout-goods-list .thumbnail .thumb-img{position: absolute;left: 0;top: 0;right: 0;bottom: 0;}
.checkout-goods-list .thumbnail img{display: block;width: 100%;height: 100%;}
.cart_glist {border-bottom:0.75rem solid #f2f2f2;}
.cart_glist .shopex-table {padding-right:0;}
.checkout{}
.checkout .shopex-table-cell{vertical-align: middle;}
.invoice-content-modal .section-title{margin-top: 0.5rem;}
.invoice-tab-group{padding: 0 0.5rem;}
.invoice-tab-group:after{content: "\0020";display: block;visibility: hidden;clear: both;}
.invoice-tab-group label{display: block;padding: 0.5rem 1rem;float: left;margin-left: 0.5rem;border-radius: 0.2rem;background: #f2f2f2;}
.invoice-tab-group label.active{background: #151515;color: #fff;}
.invoice-content texterea{border: none;}

.user_msg {padding:0.75rem; border-bottom:0.75rem solid #f2f2f2;}
.user_msg p {padding-bottom:10px;}
.user_msg textarea {height:3rem; border: none !important; margin: 0 !important;padding: 0 !important;}

.order_js div {display:flex; justify-content: space-between; padding:3px 0;}

.checkout-fee dt{float: left;font-size: 0.7rem;color: #999;}
.checkout-fee dd{text-align: right;}
.checkout-fee dd.total{color: #000;}
.integral-use span{color: #666;}
.coupon-range{padding-top: 0.5rem;}
.ziti-ads{padding-top: 0.5rem;}

.orderlist {padding:0 12px; border-bottom:1px solid #e8e8e8;}
.orderlist a {display:block;}
.orderlist .order_item {border-bottom:1px solid #eee; padding:10px 0; display:flex; align-items: center;}
.orderlist .order_item:last-child {border:none;}
.orderlist .order_item .thumb-img {width:66px; min-width:66px; margin-right:10px;}
.orderlist .order_item .thumb-img img {width:66px; height:88px;}
.orderlist .order_item .txt {flex-grow:1;}
.orderlist .order_item h2 {font-size:14px;}
.orderlist .order_item p {padding-top:5px;}
.orderlist .order_item p span {color:#8c8c8c; padding-left:10px;}
.orderlist .order_item .link_btn {background:#f0f0f0; display:inline-block; border-radius:20px; margin-top:5px; padding:5px 15px 6px 15px;}

.order_btn {display:flex; align-items:center; justify-content: space-between;}
.order_btn .right {display:flex; align-items:center;}
.order_btn .right .btn {height:32px; line-height:30px; padding:0 15px; margin-left:6px; width:auto;}

.cancel_list {background:#fff; margin-bottom:10px; padding-bottom:10px;}
.cancel_list .shopex-table-view-cell {padding:12px 0; margin:0 12px;}

.coupons-list li{position: relative;background: #fff; margin-bottom:10px; height:96px; overflow:hidden;}
.coupons-list li:after {content:'领券'; color:#000; font-size:1rem; width:20px; height:96px; background:#000; position:absolute; top:0; right:0px; padding:28px 12px 0 12px; text-align:center;}

.coupons-list li:last-child{border: none;}
.coupons-list li .bbc-icon{color: #CCC;padding-left: 0.5rem;}
.coupon-list{display: -webkit-box;padding-top: 0;}
.coupon-list.coupons-grid .coupon{min-width: 3rem;float: left;}

.user_coupon .coupons-list li:after {display:none;}
.user_coupon .coupons-list li {margin:10px 10px 0 10px;}
.user_coupon .coupons-list li .section-container {padding:0 0.55rem 0 0}

.coupon-list.coupons-inline .coupon{-webkit-box-flex: 1; margin-right:0.3rem;}
.coupon-list.coupons-inline .coupon:nth-child(2) {margin:0 0 0 0.3rem;}

.coupon{position: relative; background:#f2f2f2; width:50%; padding:0 0.5rem; height:84px;}
.coupon_con {}
.coupon .coupon-denomination{overflow: hidden;font-size:1.8rem; font-weight:bold; letter-spacing:-1px; white-space: nowrap;text-overflow: ellipsis; color: #000;line-height: 1; padding:15px 0 8px 0; text-align:left; position:relative; z-index:10;}
.coupon p {position:absolute; top:0; right:0; height:62px; width:18px; padding:22px 6px 0 6px; text-align:center; box-sizing:content-box; background:#000; color:#000; font-weight:500;}
.coupon .coupon-denomination em{font-size: 1.92rem;vertical-align: top;}
.coupon .coupon-rule{overflow: hidden; font-size: 0.75rem; height:1rem; color: #666; position:relative; z-index:100; margin:0 30px 0 3px;}

.coupon:after{position: absolute;left: 0.35rem;top: 0.5rem;content: "券";color: #fafafa; font-size:3.2rem; font-weight:bold;}
.couponlg-list li{margin-bottom: 0.75rem;}
.coupon-item-init{padding-top: 0.5rem;padding-bottom: 0.5rem;}
.coupon-item-denomination{position: relative; padding:0.35rem 0 0 0.5rem; font-size: 2.2rem; letter-spacing:-1px; color: #000;font-family: Helvetica;}
.coupon-item-from{text-align: right; color: #999;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.coupon-item-rule{padding:0 1rem; margin-top:-3px;}
.coupon-item-time-range{color: #999;font-size: 0.7rem; padding:0 1rem;}
.coupon-item.disabled *{color: #CCC;}
.rate-type{font-size: 0.99rem;padding-bottom: 0.5rem;}
.rate-type-good [class*="bbc-icon"]{color: #000;}
.rate-type-nomarl [class*="bbc-icon"]{color: #ffa100;}
.rate-type-bad [class*="bbc-icon"]{color: #66656b;}
.rate-comment{padding-bottom: 0.5rem;color: #666;}
.rate-list .rate-photo:after{content: "\0020";display: block;visibility: hidden;clear: both;}
.rate-list .rate-photo li{float: left;margin-right: 0.5rem;}
.rate-list .rate-photo li img{width: 5rem !important;height: 5rem;border-radius: 0.2rem;}
.rate-date{text-align: right;color: #999;font-size: 0.7rem;}
.rate-reply{padding: 0.5rem;margin-top: 1rem;background: #efefef;border-radius: 0.3rem;}
.rate-added{margin-top: 1rem;}

.canceled-time{margin-left: 1rem;margin-right: 1rem;}
.timeline{position: relative;display: flex;justify-content: space-between;padding-bottom: 2rem;margin-left: 0.75rem;margin-right: 0.75rem;}
.timeline:after{position: absolute;left: 0;right: 0;top: 1rem;z-index: 5;content: "";height: 2px;background: #efefef;}
.timeline i{position: relative;display: inline-block;border-radius: 50%;z-index: 10;color: #fff;padding: 0.6rem;background: #efefef;}
.timeline i.on{background: #000;}
.timeline i:after{position: absolute;left: -1rem;top: auto;right: -1rem;bottom: -1.5rem;color: #666;text-align: center;text-align-last: center;}
.timeline.cancel-line .step-01:after{content: "提交申请";}
.timeline.cancel-line .step-02:after{content: "取消处理";}
.timeline.cancel-line .step-02b:after{content: "申请驳回";}
.timeline.cancel-line .step-03:after{content: "退款处理";}
.timeline.cancel-line .step-04:after{content: "完成";}
.timeline.returns-line .step-01:after{content: "提交申请";}
.timeline.returns-line .step-02a:after{content: "等待回寄";}
.timeline.returns-line .step-02b:after{content: "商家驳回";}
.timeline.returns-line .step-03:after{content: "已寄回";}
.timeline.returns-line .step-04a:after{content: "待换货";}
.timeline.returns-line .step-04b:after{content: "退款";}
.timeline.returns-line .step-05:after{content: "完成";}
.comment{padding-top: 1rem;}
.rate-good{color: #000;}
.rate-normal{color: #ffa100;}
.rate-bad{color: #999;}
.rating .rating-item{margin-top: 0.75rem;}
.rating .rating-issue{padding-right: 1rem;}
.rating .rating-stars{line-height: 1;}
.rating .rating-stars i{display: inline-block;color: #CCC;font-size: 1.35rem;}
.rating .rating-stars i.active{color: #000;}
.user-header{position: relative;background:url(/img/u_bg.jpg) no-repeat;background-size: cover;color: #fff; text-align:center; border-radius:6px; margin:10px 10px 0 10px; padding:45px 0;}
.user-header .user-setting{position: absolute;left: auto;top: 1rem;right: 1rem;bottom: auto;display: block;border-radius: 50%;background: rgba(0, 0, 0, 0.3);padding: 0.2rem;color: rgba(255, 255, 255, 0.8);font-size: 1.2rem;line-height: 1;}
.user-header .bbc-icon {font-size:0.875rem !important; position:relative; top:-1px;}
.user-header img {width:4.5rem; height:4.5rem; border-radius:50%; margin:0 auto; box-shadow: 0 0 0 0.1rem rgba(255, 255, 255, 0.5)}
.user-header p {padding-top:8px;}
.user-header p a {color:#fff;}

.user-header .user-login{height: 10rem;text-align: center;}
.user-header .user-login .user-login-avatar{position: relative;display: inline-block;border-radius: 50%;border-color: transparent;width: 3.8rem;height: 3.8rem;margin-top: 2rem;margin-bottom: .5rem;background: #fff;overflow: hidden;font-size: 3rem;line-height: 1;color: #dedede;box-shadow: 0 0 0 0.3rem rgba(255, 255, 255, 0.5);}
.user-header .user-login .user-login-avatar:before{display: block;height: 3rem;text-align: center;margin-top: 1rem;}
.user-header .user-logined{height: 10rem;text-align: center;font-size: 1.08rem;}
.user-header .user-logined a{color: #fff;}
.user-header .user-logined .user-name{display: inline-block;padding-top: 2.5rem;}
.user-header .user-logined .member-level{display: inline-block;border-radius: 0.2rem;font-size: 0.7rem;background: rgba(255, 255, 255, 0.3);padding: 0.2rem 0.4rem;margin-top: 1rem;}
.user-header .user-register-success{padding: 4rem 0;text-align: center;color: #fff;}
.user-header .user-register-logo{width: 14rem;margin: 0 auto;padding-bottom: .5rem;}
.user-header .user-register-logo img{width: 100%;}
.user-orders{margin-top: 0.5rem;line-height: 2;}
.user-orders .bbc-icon{font-size: 180%;position: relative; font-weight:600;}
.user-orders .bbc-badge{position: absolute;left: auto;top: -0.6rem;right: -0.6rem;bottom: auto;}
.user-title{border-bottom: 1px solid #efefef;}
.user-icon{border-radius: 0.3rem;display: inline-block;width: 1.35rem;height: 1.35rem;margin-right: 0.25rem;font-size:1.2rem;color: #999;text-align: center;line-height: 1.35rem; font-weight: bold; position:relative; top:-1px;}

.deposit-amount{display: inline-block;width: 80%;line-height: 1;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.deposit-detail-amount{width: 12rem;}
.integral-header{padding-top: 1.5rem;padding-bottom: 1.5rem;color: #fff;font-size: 1.08rem;}
.integral-header .bbc-icon{font-size: 3.6rem;padding-left: 1rem;padding-right: 1rem;}
.integral-header .overdue-integral{display: inline-block;border-radius: 0.2rem;font-size: 0.7rem;background: rgba(0, 0, 0, 0.3);padding: 0.2rem 0.4rem;}
.order-goods{background: #fff;}
.order-goods .order-goods-header{border-bottom: 1px solid #e8e8e8;}

.order_js ul {padding:10px 12px;}
.order_js li {display:flex; line-height:24px;}
.order_js li p {flex-grow:1; color:#8c8c8c;}

.detail-status{color:#fff; background:#a59f85; font-size:16px; padding:10px 0; text-align:center; font-weight:bold;}
.order-detail-info .detail-info-txt{-webkit-box-flex: 1;}
.order-detail-info .detail-info-txt p{color: #8c8c8c;padding-top: 0.2rem;}


.receiver-info{display: -webkit-box;-webkit-box-align: center;}
.receiver-info .receiver-info-item{-webkit-box-flex: 1;}
.receiver-info .receiver-info-item .receiver-user{padding-bottom:2px;}
.receiver-info .receiver-info-item .receiver-user span {padding-right:15px;}
.receiver-info .receiver-info-item .add-detail{color: #8c8c8c;padding-top: 0.2rem;white-space: normal;}
.receiver-info .receiver-info-item.has-arrow{padding-right: 2rem;}
.receiver-info .active-sign{border-radius: 50%;border: 1px solid #000;padding: 0.2rem;color: #000;visibility: hidden;margin-left: 0.75rem;}
.receiver-info .default-sign{padding: 0.2rem;color: #000;visibility: hidden;margin-left: 0.75rem;}
.receiver-info i{padding: 0.2rem;font-size: 1.6rem;margin-right: 0.75rem;}
.order-logistics-view{padding-left: 3.5rem;}
.order-logistics-view:after{height: 0;}
.order-logistics-view .shopex-table-view-cell{position: relative;overflow: visible;padding-left: 0;}
.order-logistics-view .shopex-table-view-cell:first-child .logistics-info, .order-logistics-view .shopex-table-view-cell:first-child .logistics-time{color: #1dab59;}
.order-logistics-view .shopex-table-view-cell:first-child .view-cell-dot:before{background: #1dab59;}
.order-logistics-view .shopex-table-view-cell:last-child .view-cell-dot:after{width: 0;}
.order-logistics-view .view-cell-dot{position: absolute;left: -2rem;top: 0;width: 1rem;height: 100%;}
.order-logistics-view .view-cell-dot:before{position: absolute;display: block;width: .7rem;height: .7rem;left: 0;top: 1rem;content: " ";border-radius: 50%;background: #ccc;}
.order-logistics-view .view-cell-dot:after{position: absolute;display: block;left: .3rem;top: 1.7rem;content: " ";width: 1px;height: 100%;background: #ccc;}
.order-logistics-view .logistics-info{color: #666;}
.order-logistics-view .logistics-time{color: #ccc;}

.deposit_box {display:flex; position:fixed; left:0; top:0; right:0; bottom:0; flex-direction: column; height:100%;}
.deposit_box .deposit2 {flex-grow:1; overflow-y:auto; background:#fff; border-radius:8px; margin:0 10px 10px 10px; padding:0 10px;}

.deposit-header {text-align:center; color:#fff; background:#333; padding:15px 0; border-radius:8px; margin:10px;}
.deposit-header .fontB {font-size:28px;}
.deposit-header p {padding-top:3px;}
.deposit_list {background:#fff;}
.deposit_list .shopex-scroll {background:#fff; border-radius:8px; top:100px;}
.deposit_tit {font-size:14px; color:#000; height:20px; line-height:20px; margin-bottom:8px; position:relative; padding-left:25px;}
.deposit_tit:after {width:4px; height:17px; background:#000; border-radius:6px; content:''; display:block; position:absolute; top:2px; left:15px;}
.deposit_list li {display:flex; padding:10px 0; border-bottom:1px solid #eee;}
.deposit_list li:last-child {border:none;}
.deposit_list li h1 {font-size:14px;}
.deposit_list li p {font-size:14px; color:#8c8c8c;}
.deposit_list li h2 {min-width:108px; width:108px; text-align:right; font-size:16px;}
.deposit_list li .left {flex-grow:1; overflow:hidden;}

.pre-deposit-header .bbc-icon{font-size: 4.32rem;line-height: 1.4;}
.trust-login-avatar img{width: 5rem;height: 5rem;display: inline-block;border-radius: 50%;border: 0.2rem solid #ffa100;margin-bottom: 0.5rem;}
.mg-top-3{  margin-top: 3rem;  }

.sydht_box {padding-bottom: 10px;}
.sydht_box div p {padding-left: 1px;}

.home_cate {text-align:center; position:relative; padding-top:.5rem;}
.home_cate img {width:3.25rem; margin:0 auto;}
.home_cate p {font-weight:bold; font-size:1rem; line-height:2;}
.home_cate span {position:absolute; right:15px; top:2rem; font-size:0.875rem;}
.home_cate span i {position:relative; top:-1px; padding-left:3px;}

.sysplbtu {overflow: hidden; padding-bottom:1rem;}
.sysplbtu li {width:50%; float: left; margin-bottom: 1.2rem;}
.sysplbtu li p {width: 90%; margin: 0 auto;}
.sysplbtu li h1 {width: 90%; text-align: center; margin: 0 auto; line-height: 1.4rem; height: 1.4rem; overflow: hidden;}
.sysplbtu li h1 a {color: #333;}
.sysplbtu li h2 {width: 90%; text-align: center; font-size: 1rem; color: #000; margin: 0 auto;}

.foot_info {height:0px; overflow:hidden; padding:0; margin:0;}

.youfei {background:#fff; margin-bottom:0.75rem; padding:0px 0 15px 0;}
.youfei h1 {font-size:14px; line-height:40px; padding:0 10px;}
.youfei ul {display:flex; padding:0 5px; flex-wrap:wrap; margin:-5px 0;}
.youfei li {padding:5px; text-align:center; width:50%;}
.youfei li label {display:block; border:1px solid #dfdfdf; border-radius:6px; height:36px; line-height:34px;}
.youfei li.selected label {border-color:#000; background:#000; color:#fff;}
.youfei li input {display:none;}

.checkout_foot {display:flex; align-items:center; justify-content:space-between; padding:5px 12px 5px 7px; padding-bottom:calc(env(safe-area-inset-bottom)+5px);}
.checkout_foot mark {font-size:16px;}
.checkout_foot .btn {padding:0 50px;}

.other_ipt {display:none; margin:12px 10px 0 10px;}
.other_ipt input {width:100%; text-align:center; margin:0; border:1px solid #dfdfdf; border-radius:6px; height:34px; line-height:34px;}

.upload_box {display:flex; padding:5px;}
.upload_img input {width:100%; height:100%; position:absolute; top:0; right:0; bottom:0; left:0; overflow:hidden; z-index:10; opacity:0;}
.img_size {width:25%; padding:5px;}
.img_size p {position:relative; padding-bottom:100%; overflow:hidden;}
.img_size p img {width:100%; height:100%; position:absolute; top:0; right:0; bottom:0; left:0;}
.img_size p span {position:absolute; top:0; right:0; z-index:20; display:block; background:rgba(0,0,0,0.75); width:18px; height:18px;
  color:#fff; font-family:Arial; line-height:18px; text-align:center;
}
.add_img img {border:1px dashed #ddd;}
.upload_txt {padding:0 10px 20px 10px; color:#999; font-size:14px;}


/*成功提示页*/
.success {text-align:center; position:absolute; top:50%; left:10%; right:10%; transform:translateY(-50%);}
.success img {width:48px; margin:0 auto;}
.success h1 {font-size:24px; font-weight:bold; color:#000; padding:10px 0;}
.success p {font-size:14px; color:#999;}
.btn_div2 {padding:25px 0 0 0; display:flex;}

/*看图下单*/
.kantu_img img {max-width:100%; margin:0 auto;}

.kantu_cate {overflow:hidden; background:#fff; position:fixed; left:0; top:0; height:44px; right:0; z-index:100;}
.kantu_cate:after {content:""; display:block; height:1px; background:#e8e8e8; position:absolute; bottom:0; left:0px; right:0px;}
.kantu_cate ul {display:flex;}
.kantu_cate li {width:50%; text-align:center; height:44px; line-height:44px; cursor:pointer; position:relative; z-index:10;}
.kantu_cate li.on a:after {content:""; display:block; height:2px; background:#000; position:absolute; bottom:0; left:30px; right:30px;}
.kantu_cate li.on a {color:#000;}
.kantu_cate li a {display:block; color:#8c8c8c;}
.kantu_cate li h1 {font-family:Arial; font-size:14px; line-height:28px;}
.kantu_cate li h2 {font-size:14px; margin-top:-3px;}

.kantu_list{padding-top:44px;}
.kantu_list h1 {font-size:14px; color:#aaa; text-align:center; padding:10px 0;}
.kantu_list ul {width:100%; display:flex; padding:0 5px; flex-wrap:wrap; }
.kantu_list li{text-align:center; padding:0 5px 10px 5px; width:50%;}
.kantu_list li .pic {width:100%; padding-bottom:133.3333%; position:relative;}
.kantu_list li .pic img {transition:.5s; position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%;}
.kantu_list li h3 {font-size:13px; line-height:20px; height:20px; margin-top:3px; padding:0 8px; color:#000; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; transition:.3s;}
.kantu_list li p {font-size:13px;}
.kantu_list li a {color:#000; background:#fff; display:block; padding-bottom:10px; border-radius:0px; overflow:hidden;}
.kantu_list li:hover h3 {color:#000;}
.kantu_list ul:last-child {border:none;}


.goods_text {padding:10px 10px 15px 10px; text-align:center;}
.goods_text h1 {line-height:24px; font-size:16px;}
.goods_text h3 {padding:0; color:#000;}
.goods_text p {color:#999; font-size:14px; padding-top:3px;}
.goods_text p span {padding-left:20px;}

.wdiy_tab {overflow:hidden;}
.wdiy_tab ul {display:flex;  padding:15px 5px 0 5px; justify-content: space-around;}
.wdiy_tab li {padding:0 10px; text-align:center;}
.wdiy_tab li div {position:relative; color:#000;}
.wdiy_tab li h2 {padding-top:5px;}
.wdiy_tab li img {width:48px; height:48px; margin:0 auto;}

.parameter {padding:0 15px 20px 15px;}
.parameter li {padding:5px 0 5px 12px; position:relative;}
.parameter li:after {content:""; height:4px; width:4px; background:#000; position:absolute; left:0; top:13px;}

.mask {position: fixed;top: 0;left: 0;bottom: 0;right: 0;z-index: 998;background-color: rgba(0, 0, 0, 0.4); display:none;}


.goods_detail {padding-bottom:60px;}
.goods_detail img {margin:0 auto;}
.detail_tit {text-align:center; font-size:20px; font-weight:bold; color:#000; padding:30px 0;}

.wdiy_tit {padding:12px 0  5px 10px; font-size:14px;}
.close_diy {display:block; height:30px; width:30px; opacity:0.5; padding:5px; position:absolute; top:5px; right:5px;}

.wml_box {overflow:hidden; width:100%; position:fixed; left:0; right:0; bottom:0; opacity:0; transition:.5s; z-index:999; background:#fff; border-radius:12px 12px 0 0;
  -webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);
}
.wml_box.shopex-active {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); opacity:1;}
.wml_list {height:400px; width:100%; position:relative; overflow-y: scroll; -webkit-overflow-scrolling: touch; overflow-scrolling:touch;}
.wml_list ul {padding:0 5px 5px 5px; display:flex; flex-wrap:wrap; align-content:flex-start; }
.wml_list li {padding:8px 5px 4px 5px; width:33.333%; text-align:center; color:#8c8c8c;}
.wml_list li p {position:relative; padding-bottom:100%; border-radius:5px; overflow:hidden;}
.wml_list li p img {position:absolute; top:0; left:0; width:100%; height:100%; border-radius:5px;}
.wml_list li.on {color:#000;}
.wml_list li.on p:after {content:""; display:block; height:24px; width:24px; background:url(/img/radio_bg.png) no-repeat; background-size:cover; position:absolute; top:50%; left:50%; margin:-12px 0 0 -12px; z-index:10;}
.wml_list li h2 {font-size:12px;color:#8c8c8c;height: 28px;overflow:hidden;line-height: 14px;margin-top:3px;text-align: left;}

.wnk_box {overflow:hidden; position:fixed; left:0; right:0; bottom:-483px; transition:.5s; z-index:350; background:#fff; border-radius:12px 12px 0 0;}
.wnk_box .wml_list li p {border:1px solid #eee;}

.wcx_box {overflow:hidden; position:fixed; width:100%; left:0; right:0; bottom:0; opacity:0; transition:.5s; z-index:999; background:#fff; border-radius:12px 12px 0 0;
  -webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);
}
.wcx_box.shopex-active {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); opacity:1;}


.wsize_box {overflow:hidden; position:fixed; width:100%; left:0; right:0; bottom:0; opacity:0; transition:.5s; z-index:999; background:#fff; border-radius:12px 12px 0 0;
  -webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);
}
.wsize_box.shopex-active {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); opacity:1;}

.wsize_box .size_div {height:360px; overflow-y:auto;}


.wcx_con {width:100%; height:380px; position:relative; overflow-y:scroll; -webkit-overflow-scrolling: touch; overflow-scrolling:touch;}
.wcx_txt {padding:10px 10px 0 10px;}
.wcx_txt input {text-align:center; height:32px; line-height:30px; padding:0 10px; border:1px solid #dfdfdf; border-radius:25px; font-size:14px; box-sizing:border-box; width:100%;}
.wcx_con h1 {font-size:14px; color:#000; padding:5px 0 2px 5px;}
.wcx_con ul {display:flex; flex-wrap:wrap; padding:0 5px 5px 5px;}
.wcx_con li {padding:5px 5px; width:25%; text-align:center; color:#8c8c8c;}
.wcx_con li p {position:relative; padding-bottom:100%; border:1px solid #eee; border-radius:5px; overflow:hidden;}
.wcx_con li p img {position:absolute; top:0; left:0; width:100%; height:100%; border-radius:5px; overflow:hidden;}
.wcx_con li.on {color:#000;}
.wcx_con li.on p:after {content:""; display:block; height:24px; width:24px; background:url(/img/radio_bg.png) no-repeat; background-size:cover; position:absolute; top:50%; left:50%; margin:-12px 0 0 -12px; z-index:10;}
.wcx_con li h2 {font-size:12px; height:40px; overflow:hidden; text-overflow: ellipsis; line-height:14px; margin-top:3px;}
.wcx_con li.disabled_select {opacity:0.3;}

.wcx_con li.no_chip_img {width:33.3333%}
.wcx_con li.no_chip_img p {display:none;}
.wcx_con li.no_chip_img h2 {background:#f5f5f5; border-radius:5px; height:36px; line-height:36px; margin:0; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size:13px; text-align:center; cursor:pointer; transition:.3s;}
.wcx_con li.no_chip_img.on h2 {background:#000; color:#fff;}


.wcm_box {overflow:hidden; height:383px; position:fixed; left:0; right:0; bottom:-483px; transition:.5s; z-index:350; background:#fff; border-radius:12px 12px 0 0;}
.wcm_box .diy_cate_tab {display:none;}
.wcm_box .size_box {height:300px; overflow-y:auto;}


.diy_mask {position:fixed;top: 0;left: 0;bottom: 0;right: 0;z-index:300;background-color: rgba(0, 0, 0, 0.35); display:none;}
.pz_box { position:fixed !important; width:100% !important; top:0 !important; left:0 !important;}



/*定制模块样式*/


.show_3d {position:fixed; right:0; top:0; width:40px; height:40px; z-index:45;}
.show_3d p {width:40px; height:40px; transition:.3s;}
.show_3d .close_img {display:none;}
.show_3d .hide_img1 {display:none;}
.show_3d .show_img1 {display:block !important;}

.diy_con {width:100%; position:fixed; left:0; top:0; right:0; bottom:0; overflow:hidden;}


.diy_img {width:100%; zoom: 1; height:70%; transition:.3s; position:relative;}
.diy_img img {margin:0 auto;}
.diy_img .loading_3d {position:absolute; left:50%; top:50%;
  -webkit-transform:translateY(-90%) translateX(-50%); -moz-transform:translateY(-90%) translateX(-50%)
}

/*.diy_img.pz_img {margin-top:42px;}*/
/*.diy_img.pz_img.woman_diy {margin-top:0px;}*/

@media screen and ( min-width: 319px){
  .diy_img {width:100%; height:360px;}
}
@media screen and ( min-width: 359px){
  .diy_img {width:100%; height:420px;}
}
@media screen and ( min-width: 375px){
  .diy_img {width:100%; height:440px;}
}
@media screen and ( min-width: 383px){
  .diy_img {width:100%; height:450px;}
}
@media screen and ( min-width: 399px){
  .diy_img {width:100%; height:480px;}
}
@media screen and ( min-width: 414px){
  .diy_img {width:100%; height:500px;}
}
@media screen and ( min-width: 423px){
  .diy_img {width:100%; height:510px;}
}
@media screen and ( min-width: 479px){
  .diy_img {width:100%; height:600px;}
}

.dhead_nav {position:fixed; left:0; top:0; right:0; padding:8px 10px; z-index:100;}
.dhead_nav ul {display:flex;}
.dhead_nav li {width:25%;}
.dhead_nav li span {display:block; text-align:center; height:28px; line-height:26px; font-size:13px;}
.dhead_nav li span.on {background:#a59f85; color:#fff; border-radius:20px;}
.dhead_nav li span.on a {color:#fff;}

.diy_fixed.diy_img {height:100%;}

/*.diy_img {width:100%; z-index:100; zoom: 1; height:100%; margin-left:-16.5%; margin-top:-44.5%; transition:.3s;}*/
/*.diy_fixed.diy_img {margin-top:-16%;  height:100%;}*/

.diy_class.remove_diy {bottom:-500px !important;}
.fabric_l.remove_diy {bottom:-500px !important;}
.next_btn.remove_btn {bottom:-55px !important;}
.next_btn2.remove_btn {bottom:-55px !important;}

.dict_son_item_item_emb dt.position .div1.remove_btn {display:none;}


  /*transform: scale(1,1);*/
  /*-ms-transform: scale(1,1); !* IE 9 *!*/
  /*-webkit-transform: scale(0.8,0.8); !* Safari and Chrome *!*/

.diy_step ul {padding:40px 0 0 0; position:relative; height:40px;}
.diy_step ul:before {content:""; display:block; height:1px; background:#000; position:absolute; bottom:0; left:0; right:0; width:100%;}
.diy_step li {float:left; width:16.666666667%; padding:1px 1px 0 1px; height:40px; line-height:38px; box-sizing:border-box; color:#8c8c8c; text-align:center; position:relative; cursor:pointer;}
.diy_step li.on {color:#000; border:1px solid #000; border-bottom:none; padding:0; background:#fff;}

.diy_class {padding-bottom:0px; height:400px; position:fixed; left:0; right:0; bottom:0; background:url(/img/diy_bg.png) left top no-repeat; background-size:cover; border-radius:15px 15px 0 0; transition:.3s;
  box-shadow: 0px -4px 8px 0px rgba(0,0,0,0.1);
}
.diy_class.diy_1 {height:auto; padding-bottom:65px;}

.cate_box {overflow:hidden; width:100%;}
.cate_box h1 {font-size:14px; color:#999; height:30px; text-align:center; line-height:30px; overflow:hidden; margin-top:10px; padding:0 10px; display:none;}
.cate_box .ul1 {display:flex; justify-content: space-between; padding:25px 16% 20px 16%;}
.cate_box .ul1 li {width:96px; height:96px; display:flex; flex-direction:column; justify-content:center; border-radius:50%; background:#f3f3f3; overflow:hidden; text-align:center;}
.cate_box .ul1 li i {width:44px; height:44px; display:block; margin:0 auto;}
.cate_box .ul1 li p {padding-top:2px;}
.cate_box .ul1 li:nth-child(1) i{background:url(/img/long.png) no-repeat; background-size:cover;}
.cate_box .ul1 li:nth-child(2) i{background:url(/img/short.png) no-repeat; background-size:cover;}
.cate_box .ul1 li.on {background:#a59f85; color:#fff;}
.cate_box .ul1 li.on:nth-child(1) i{background:url(/img/long_on.png) no-repeat; background-size:cover;}
.cate_box .ul1 li.on:nth-child(2) i{background:url(/img/short_on.png) no-repeat; background-size:cover;}

.cate_box .ul2 {display:flex; flex-wrap: wrap; padding:5px 20px;}
.cate_box .ul2 li {width:50%; padding:5px;}
.cate_box .ul2 li p {height:44px; line-height:44px; width:100%; position:relative; text-align:center; font-size:14px; color:#000; cursor:pointer; overflow:hidden; background:#f2f2f2; border-radius:5px; transition:.3s;}
.cate_box .ul2 li.on p {color:#fff; background:#a59f85;}
.cate_box .ul2 li.fab_write {width:100%;}
.cate_box .ul2 li.fab_write input {height:36px; width:100%; position:relative; text-align:center; font-size:14px; color:#000; cursor:pointer; overflow:hidden; border:1px solid #a59f85; margin-bottom:8px; border-radius:5px; transition:.3s;}
.cate_box .ul2 li.li1 {width:60%; margin:0 auto;}

.kefu_info ul.special {background:none !important;}

.size_item_option {display:flex; border:1px solid #ccc !important; border-radius:5px; height:36px; align-items:center; justify-content:space-between; margin-bottom:8px; padding:0 30px 0 12px;  position:relative;}
.size_item_option:after {background:url(/img/icon_jtb.png) top right no-repeat; background-size:cover; content:""; width:20px; height:20px; opacity:0.4; position:absolute; top:7px; right:6px !important;}
.size_item_option span {color:#aaa;}

.fabric_box {padding:0 0 50px 0; width:100%;}
.fabric_tit {height:32px; width:100%; overflow:hidden;}
.fabric_tit li {float:left; box-sizing:border-box; height:32px; line-height:30px; border:1px solid #000; width:50%; text-align:center; cursor:pointer;}
.fabric_tit li.on {background:#000; color:#fff;}
.fabric_tit li:nth-child(1) {border-radius:20px 0 0 20px;}
.fabric_tit li:nth-child(2) {border-radius:0 20px 20px 0;}

.fabric_l {position:absolute; background:#fff; bottom:0; left:0; right:0; top:0; z-index:10000; border-radius: 15px 15px 0 0; transition:.3s;}

.fabric_cate {width:100%; height:308px; position:relative; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; overflow-y: scroll;}
.fabric_cate h2 {font-size:14px; color:#999; padding:0 5px 3px 5px; text-align:left; width:100%;}
.fabric_cate ul {}
.fabric_cate li {padding:5px; display:flex; flex-wrap:wrap;}
.fabric_cate li p {width:33.333%; padding:5px;}
.fabric_cate li p span {font-size:14px; display:block; border-radius:5px; background:#f3f3f3; text-align:center; height:36px; line-height:36px; overflow:hidden; text-overflow: ellipsis; white-space:nowrap;}
.fabric_cate li p.on span {background:#a59f85; color:#fff;}


.search_fab {height:32px; overflow:hidden; margin-bottom:0px; margin-top:-2px; padding:0 10px; display:flex; align-items:center;}
.search_fab .search_ipt {display:flex; margin-right:10px; align-items:center; flex-grow:1; height:30px;}
.search_fab input {display:block; flex-grow:1; padding:0 20px; height:30px; font-size:14px; border-radius:15px 0 0 15px; border:1px solid #aaa; border-right:none;}
.search_fab button {width:55px; background:#a59f85; color:#fff; height:30px; padding:0 3px 0 0; margin:0; border-radius:0 15px 15px 0; border:none; min-width:55px;}


.fabric_search_button {min-width:80px; display:flex; justify-content:center; align-items:center; border-radius:15px; margin-left:5px; background:#333; color:#fff; height:30px;}
.fabric_search_button img {width:12px; margin-right:3px;}

.diy_tit {display:flex; align-items:center; justify-content: space-between; padding:10px 10px; font-weight:bold;}
.diy_tit .fabric_cf, .diy_tit .fabric_kc {font-size:12px;}
.diy_tit .fabric_cf {max-width:50%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.diy_tit img {width:18px; opacity:0.5;}

.fab_tit {padding:10px 0 10px 10px; display:flex;}
.fab_tit p {flex-grow:1; font-size:12px;}
.fab_tit p span {padding-right:12px;}
.fab_tit b {font-weight:bold; font-size:14px; min-width:80px;}


.scroll_box {overflow:auto; height:300px;}

.fab_list {width:100%; height:280px; position:relative; padding-bottom:6px; overflow-y: scroll; -webkit-overflow-scrolling: touch; overflow-scrolling: touch;}
.fab_list ul {display:flex; flex-wrap:wrap; padding:6px;}
.fab_list li {width:25%; padding:4px;}
.fab_list li .li_div {width:100%; float:left; cursor:pointer; text-align:center;}
.fab_list li p {position:relative; padding-bottom:100%;}
.fab_list li .li_div .div_name {margin-top:4px; height:43px;}
.fab_list li.on h2 {color:#000;}
.fab_list li.on p:after{content:''; background:url(/img/radio_bg.png) no-repeat; background-size:cover; width:24px; height:24px; position:absolute; left:50%; top:50%; margin:-12px 0 0 -12px; z-index:100;}
.fab_list li img {position:absolute; top:0; right:0; left:0; bottom:0; border-radius:6px; max-height:100%;}
.fab_list li h2 {font-size:12px;color:#333; font-weight:bold; max-height: 28px;overflow:hidden;line-height: 14px;text-align: left;}
.fab_list li .li_div h3 {font-size:12px;color:#8c8c8c; max-height:14px;overflow:hidden;line-height: 14px; margin-top:1px; text-align: left;}
.fab_list li .div {background:rgba(0,0,0,0.92); color:#fff; padding:10px 5px 10px 10px; position:fixed; top:0; right:0; z-index:200; display:none; text-align:left; width:105px; transition:.3s;}
.fab_list li .div h3 {font-size:13px; line-height:18px;  padding:4px 0;}
.fab_list li:hover .div {display:block;}

.fab_list li p span {display:none;}

.fab_list li.no_store p {position:relative;}
.fab_list li.no_store p:after {background:url(/img/yxj_icon.png) no-repeat; width:52px; height:52px; position:absolute; top:50%; left:50%; z-index:8; margin:-26px 0 0 -26px; content:''; background-size:100%;}
.fab_list li.no_store p, .fab_list li.no_store h2 {opacity:0.55;}

.fab_list li.no_sale p {position:relative;}
.fab_list li.no_sale p:after {background:url(/img/swbb_icon.png) no-repeat; width:52px; height:52px; position:absolute; top:50%; left:50%; z-index:8; margin:-26px 0 0 -26px; content:''; background-size:100%;}
.fab_list li.no_sale p, .fab_list li.no_store h2 {opacity:0.55;}

.fab_list li.no_fabric_time p {position:relative;}
.fab_list li.no_fabric_time p:after {background:url(/img/bhz_icon.png) no-repeat; width:52px; height:52px; position:absolute; top:50%; left:50%; z-index:10; margin:-26px 0 0 -26px; content:''; background-size:100%;}
.fab_list li.no_fabric_time p, .fab_list li.no_fabric_time h2 {opacity:0.55;}
.fab_list li.no_fabric_time p span {position:absolute; background:rgba(0,0,0,1); color:#fff; left:0; bottom:0; right:0; z-index:10; display:block; border-radius:0 0 6px 6px; font-size:12px; padding:1px 0 2px 0; line-height:14px;}

.diy_more {text-align:center;}
.diy_more a {font-size:12px; background:#a59f85; color:#fff; border-radius:20px; padding:4px 20px 5px 20px;}

.gongyi_box {}

.gongyi_nav .dict_cat_item {overflow-y:scroll; padding-bottom:10px;}
.gongyi_nav ul {display:-webkit-box; padding:0 7px;}
.gongyi_nav li {padding:0 3px;}
.gongyi_nav li span {font-size:13px; display:block; border-radius:5px; background:#f3f3f3; color:#8c8c8c; height:36px; line-height:34px; padding:0 25px; transition:.3s;}
.gongyi_nav li.on span {background:#000; border-color:#000; color:#fff;}

.dict_process_son {width:460px; overflow:hidden; height:480px; float:right; border:1px solid red;}
.dict_process_son h1 {font-size:14px; height:24px; overflow:hidden; line-height:24px; padding:5px 0; color:#000;}
.dict_process_son ul {width:100%; overflow:hidden;}
.dict_process_son li {width:100px; float:left; padding:0 12px 12px 0; cursor:pointer; text-align:center; color:#8c8c8c; transition:.3s;}
.dict_process_son li p {position:relative; border:1px solid #efefef; width:98px; height:98px; transition:.3s;}
.dict_process_son li.on {color:#000;}
.dict_process_son li.on p, .dict_process_son li:hover p {border-color:#000; color:#000;}
.dict_process_son li:hover {color:#000;}
.dict_process_son li.on p:after {content:""; display:block; height:20px; width:20px; background:url(/img/on_icon.png) no-repeat; position:absolute; bottom:-1px; right:-1px; z-index:10;}
.dict_process_son li img {width:98px; height:98px; display:block;}
.dict_process_son li h2 {font-size:12px; height:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:16px; margin-top:3px;}

.dict_position_son {width:460px; overflow:hidden; height:480px; float:right;}
.dict_position_son h1 {font-size:14px; height:24px; overflow:hidden; line-height:24px; padding:5px 0; color:#000;}
.dict_position_son ul {width:100%; overflow:hidden;}
.dict_position_son li {width:100px; float:left; padding:0 12px 12px 0; cursor:pointer; text-align:center; color:#8c8c8c; transition:.3s;}
.dict_position_son li p {position:relative; border:1px solid #efefef; width:98px; height:98px; transition:.3s;}
.dict_position_son li.on {color:#000;}
.dict_position_son li.on p, .dict_position_son li:hover p {border-color:#000; color:#000;}
.dict_position_son li:hover {color:#000;}
.dict_position_son li.on p:after {content:""; display:block; height:20px; width:20px; background:url(/img/on_icon.png) no-repeat; position:absolute; bottom:-1px; right:-1px; z-index:10;}
.dict_position_son li img {width:98px; height:98px; display:block;}
.dict_position_son li h2 {font-size:12px; height:16px; overflow:hidden; line-height:16px; margin-top:5px;}

.emb_position_sinfo_list .emb_position_sinfo {position:fixed; background:#fff; bottom:0; left:0; right:0; height:400px; z-index:10000; border-radius: 15px 15px 0 0; transition:.3s; overflow-y:scroll;}
.emb_position_sinfo_list .emb_position_sinfo h3 {text-align:center; padding:0 10px; height:36px; line-height:36px; overflow:hidden;}
.emb_position_sinfo_list .emb_position_sinfo .next_btn.cxBtn {display:flex !important;}
.emb_position_sinfo_list .emb_position_sinfo button {margin:0 10px;}
.emb_position_sinfo_list .emb_position_sinfo .cxScorll {height:316px; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; overflow-y: scroll;}
.emb_position_sinfo_list .chixiu_txt {border:none; padding:0 12px;}
.cxScorll_div .cxScorllCon {transform: translate3d(0px, 0px, 0px) translateZ(0px) !important;}


.dict_sprocess_son {width:460px; overflow:hidden; height:480px; float:right;}
.dict_position_son_item_item h1 {font-size:14px; height:24px; overflow:hidden; line-height:24px; padding:5px 0; color:#000;}
.dict_position_son_item_item ul {width:100%; overflow:hidden;}
.dict_position_son_item_item li {width:100px; float:left; padding:0 12px 12px 0; cursor:pointer; text-align:center; color:#8c8c8c; transition:.3s;}
.dict_position_son_item_item li p {position:relative; border:1px solid #efefef; width:98px; height:98px; transition:.3s;}
.dict_position_son_item_item li.on {color:#000;}
.dict_position_son_item_item li.on p, .dict_process_son li:hover p {border-color:#000; color:#000;}
.dict_position_son_item_item li:hover {color:#000;}
.dict_position_son_item_item li.on p:after {content:""; display:block; height:20px; width:20px; background:url(/img/on_icon.png) no-repeat; position:absolute; bottom:-1px; right:-1px; z-index:10;}
.dict_position_son_item_item li img {width:98px; height:98px; display:block;}
.dict_position_son_item_item li h2 {font-size:12px; height:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:16px; margin-top:3px;}

.dict_sprocess_three_item_item {overflow:hidden;}
.dict_sprocess_three_item_item span.three_dict_lingxing {display:block; height:auto; line-height:normal; background:none; margin:0; width:100px; float:left; padding:0 12px 12px 0; cursor:pointer; text-align:center; color:#8c8c8c; transition:.3s;}
.dict_sprocess_three_item_item span.three_dict_lingxing p {position:relative; border:1px solid #efefef; width:98px; height:98px; transition:.3s;}
.dict_sprocess_three_item_item span.three_dict_lingxing.on {color:#000; background:none;}
.dict_sprocess_three_item_item span.three_dict_lingxing.on p, .dict_process_three_item_item span.three_dict_lingxing:hover p {border-color:#000; color:#000;}
.dict_sprocess_three_item_item span.three_dict_lingxing:hover {color:#000;}
.dict_sprocess_three_item_item span.three_dict_lingxing.on p:after {content:""; display:block; height:20px; width:20px; background:url(/img/on_icon.png) no-repeat; position:absolute; bottom:-1px; right:-1px; z-index:10;}
.dict_sprocess_three_item_item span.three_dict_lingxing img {width:98px; height:98px; display:block;}
.dict_sprocess_three_item_item span.three_dict_lingxing i {font-size:12px; display:block; height:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:16px; margin-top:3px;}

.dict_position_son_item_item li.dict_lingxing h2 {background:#f5f5f5; height:36px; line-height:36px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size:13px; text-align:center; cursor:pointer; transition:.3s;}
.dict_position_son_item_item li.dict_lingxing.on h2 {background:#000; color:#fff;}
.dict_position_son_item_item li.dict_lingxing p {display:none;}


.dict_son_item_item_emb dt {border-bottom:1px solid #e8e8e8; line-height:20px; padding:8px 0; margin:0 10px;}
.dict_son_item_item_emb dt:last-child {border:none;}
.dict_son_item_item_emb dt .div1 { position:relative; padding:0; display:flex; align-items:center; justify-content: space-between;}
.dict_son_item_item_emb dt .div1 .txt {font-size:13px; flex-grow:1; color:#8c8c8c; margin:0 10px; line-height:18px;}
.dict_son_item_item_emb dt .div1 h3 {font-size:13px;}
.dict_son_item_item_emb dt .div1 p {min-width:64px;}
.dict_son_item_item_emb dt .div1 .img {border: 1px solid #efefef; width:80px; height:80px; padding:0 1px; border-radius:5px; min-width:80px;}
.dict_son_item_item_emb dt .div1 img {width:76px; height:76px;}
.dict_son_item_item_emb dt .div1 .cx_btn {background:#a59f85; border-radius:20px; margin:5px 0; border:1px solid #a59f85; display:block; height:30px; line-height:26px; font-size:12px; text-align:center; color:#fff;}
.dict_son_item_item_emb dt .div1 .cx_btn.del {background:#eee; color:#111; border-color:#eee;}

.dict_son_item_item_emb dt .add i:before { content: "\e64e"; }
.dict_son_item_item_emb dt .add i {position:relative; top:-2px;}
.dict_son_item_item_emb dt .del i:before { content: "\e6a0"; }
.dict_son_item_item_emb dt .edit i:before { content: "\e719"; }
.dict_son_item_item_emb dt .ok i:before { content: "\e691"; }
.dict_son_item_item_emb dt .div1 .del i {font-size:24px;}
.dict_son_item_item_emb dt .div1 i {display:inline-block; padding-right:1px; height:20px; font-size:20px; width:20px; text-align:center; line-height:20px;}
.dict_son_item_item_emb dt.position {border-bottom:none;margin:0;overflow-y:scroll;height: 316px;padding-bottom: 60px;}
.dict_son_item_item_emb dt.position .div1 {padding:12px 10px; display:flex; align-items:center; justify-content:space-between; border-top:1px solid #e8e8e8; background:#fff; position:fixed; left:0; right:0; bottom:0px; z-index:120; height:46px; overflow:hidden;}
.dict_son_item_item_emb dt.position .chixiu_txt {border:none; padding:0 10px 5px 10px;}
.dict_son_item_item_emb dt .emb_position_select {padding-top:5px;}
.dict_son_item_item_emb dt .emb_position_select span {color:#999; padding-right:12px;}

.dict_son_item_item_emb dt.rule {display:none; opacity:0.3;}

.diy_bz {font-size:13px; padding:0 10px 10px 10px;line-height:20px; overflow:hidden; margin-top:-3px; color:#999;}
/*.diy_4 .dict_html_son {height:225px !important;}*/


/*new*/
.dict_html_son {height:316px; overflow:hidden; position:relative; padding-bottom:52px;}
.dict_html_son .scrollDiy {height:100%; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; overflow-y: scroll;}

.dict_three_item_item {overflow:hidden; display:flex; flex-wrap:wrap; padding:6px;}
.dict_three_item_item span {padding:4px; width:25%;}
.dict_three_item_item span .span_div {background:#f5f5f5; height:36px; line-height:36px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size:13px; text-align:center; cursor:pointer; transition:.3s;}
.dict_three_item_item span.on .span_div {background:#000; color:#fff;}

.dict_three_item_item span.three_dict_lingxing {width:25%;}
.dict_three_item_item span.disabled_fabric_select {opacity:0.3 !important;}
.dict_three_item_item span.disabled_select {opacity:0.3 !important;}
.dict_three_item_item span.three_dict_lingxing .span_div {display:block; height:auto; line-height:normal; background:none; cursor:pointer; text-align:center; color:#8c8c8c; transition:.3s;}
.dict_three_item_item span.three_dict_lingxing p {position:relative; border:1px solid #efefef; width:100%; padding-bottom:100%; transition:.3s; background:#fff; border-radius:5px; overflow:hidden;}
.dict_three_item_item span.three_dict_lingxing.on {color:#000; background:none;}
.dict_three_item_item span.three_dict_lingxing.on p, .dict_process_three_item_item span.three_dict_lingxing:hover p {border-color:#000; color:#000;}
.dict_three_item_item span.three_dict_lingxing.on p:after {content:""; display:block; height:24px; width:24px; background:url(/img/radio_bg.png) no-repeat; background-size:cover; position:absolute; left:50%; top:50%; margin:-12px 0 0 -12px; z-index:10;}
.dict_three_item_item span.three_dict_lingxing.on i {color:#000;}
.dict_three_item_item span.three_dict_lingxing img {position:absolute; left:0; top:0; right:0; bottom:0;}
.dict_three_item_item span.three_dict_lingxing i {font-size:12px; display:block; height:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:16px; margin-top:3px;}

.dict_son_item_item {}
.dict_son_item_item h1 {font-size:14px; overflow:hidden; line-height:24px; padding:8px 10px 2px 10px; color:#000;}
.dict_son_item_item ul {display:flex; flex-wrap: wrap; padding:0 6px;}
.dict_son_item_item li {padding:4px; width:25%; text-align:center; color:#8c8c8c; transition:.3s;}
.dict_son_item_item li p {position:relative; border:1px solid #efefef; padding-bottom:100%; transition:.3s; background:#fff; overflow:hidden; border-radius:5px;}
.dict_son_item_item li.on {color:#000;}
.dict_son_item_item li.on p, .dict_position_son li:hover p {border-color:#000; color:#000;}
.dict_son_item_item li.on p:after {content:""; display:block; height:24px; width:24px; background:url(/img/radio_bg.png) no-repeat; background-size:cover; position:absolute; left:50%; top:50%; margin:-12px 0 0 -12px; z-index:10;}
.dict_son_item_item li img {position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100%;}
.dict_son_item_item li h2 {font-size:12px; height:40px; overflow:hidden; line-height:14px; margin-top:5px;}

.dict_son_item_item li.dict_lingxing h2 {background:#fff; height:36px; line-height:36px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size:13px; text-align:center; cursor:pointer; transition:.3s;}
.dict_son_item_item li.dict_lingxing.on h2 {background:#000; color:#fff;}

.dict_son_item_item li.no_chip_img {width:33.333333%;}
.dict_son_item_item li.no_chip_img h2 {font-size: 12px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-pack: center; -moz-box-pack: center; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all;
  line-height: 16px; height:36px; padding:2px 3px; margin:0; border-radius:5px; background:#f3f3f3;}
.dict_son_item_item li.no_chip_img.on h2 {background:#a59f85; color:#fff;}
.dict_son_item_item li.disabled_select {opacity:0.3 !important;}
.dict_son_item_item li.disabled_fabric_select {opacity:0.3 !important;}
.dict_son_item_item li.disabled_sys_select {opacity:0.3 !important;}

.dict_son_item_item li.disabled_fabric_select.blcode_1C08, .dict_son_item_item li.disabled_fabric_select.blcode_1C09, .dict_son_item_item li.disabled_fabric_select.blcode_6C09, .dict_son_item_item li.disabled_fabric_select.blcode_6C01, .dict_son_item_item li.disabled_fabric_select.blcode_1C24W, .dict_son_item_item li.disabled_fabric_select.blcode_6C24W {display:none;}
.dict_son_item_item li.disabled_fabric_select {display:none;}

.dict_son_item_item li.divInput {width:100% !important; padding:0px 4px 10px 4px !important;}
.dict_son_item_item li.divInput input {width:100%; height:32px; line-height:30px; text-align:center; border:1px solid #333; border-radius:25px;}



.dict_son_item_item li.input_class_li {width:212px; position:relative;}
.dict_son_item_item li.input_class_li h2 {display:none;}
.dict_son_item_item li.input_class_li input {text-align:center; height:36px; line-height:34px; border:1px solid #dfdfdf; width:190px; padding:0 10px; transition:.3s;}
.dict_son_item_item li.input_class_li.on:after {content:""; display:block; height:24px; width:24px; background:url(/img/radio_bg.png) no-repeat; background-size:cover; position:absolute; left:50%; top:50%; margin:-12px 0 0 -12px; z-index:10;}
.dict_son_item_item li.input_class_li.on input {border-color:#000;}




.chixiu_box {width:460px; overflow:hidden; height:450px; float:right;}
.chixiu_wz li {border-bottom:1px solid #e8e8e8; line-height:20px; padding:12px 0;}
.chixiu_wz li .div1 {height:20px; position:relative; padding:5px 0;}
.chixiu_wz li .div1 h1 {font-size:14px; color:#000;}
.chixiu_wz li .div1 p {position:absolute; top:5px; right:0;}
.chixiu_wz li .div1 span {padding-left:18px; transition:.3s; cursor:pointer;}
.chixiu_wz li .div1 span:hover {color:#000;}
.chixiu_wz li .add i:before { content: "\e64e"; }
.chixiu_wz li .add i {position:relative; top:-2px;}
.chixiu_wz li .del i:before { content: "\e6a0"; }
.chixiu_wz li .edit i:before { content: "\e719"; }
.chixiu_wz li .div1 .del i {font-size:24px;}
.chixiu_wz li .div1 i {display:inline-block; padding-right:1px; height:20px; font-size:20px; width:20px; text-align:center; line-height:20px;}

.chixiu_wz li .div2 {padding:5px 0;}
.chixiu_wz li .div2 span {padding:0 8px;}

.chixiu_qr {border-bottom:1px solid #e8e8e8; line-height:24px; padding:10px 0; margin-right:15px; position:relative;}
.chixiu_qr h2 {font-size:14px; color:#000;}
.chixiu_qr p {position:absolute; top:5px; right:0;}
.chixiu_qr span {padding-left:18px; transition:.3s; cursor:pointer;}
.chixiu_qr span:hover {color:#000;}
.chixiu_qr i {display:inline-block; padding-right:1px; height:24px; width:24px; text-align:center; line-height:24px;}
.chixiu_qr .del i {font-size:24px;}
.chixiu_qr .del i:before { content: "\e6a0"; }
.chixiu_qr .ok {color:#000;}
.chixiu_qr .ok i {font-size:18px;}
.chixiu_qr .ok i:before { content: "\e691"; }

.chixiu_con {}
.chixiu_txt {border-top:1px solid #e8e8e8;}
.chixiu_txt input {text-align:center; height:32px; line-height:30px; border:1px solid #dfdfdf; border-radius:25px; font-size:14px; box-sizing:border-box; width:100%;}
.chixiu_con h4 {font-size:14px; color:#000; padding:3px 10px 3px 10px; cursor:pointer; margin:30px 0 5px 0;
  font-family: "iconfont" !important;
  vertical-align: middle;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.chixiu_con h4.hide_class_down:before { content: "\e665" !important; padding-right:6px;}
.chixiu_con h4.hide_son_class:before { content: "\e656"; padding-right:6px;}

.dict_son_item_item h1.prop_value_item_class {
  margin-top:0px;
  cursor:pointer;
  font-family: "iconfont" !important;
  vertical-align: middle;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

.divPosition {transform: translate3d(0px, 0px, 0px) translateZ(0px) !important; transition-duration: 0ms; transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);}

.dict_son_item_item h1.hide_class_down:before { content: "\e665" !important; padding-right:6px;}
.dict_son_item_item h1.hide_son_class:before { content: "\e656"; padding-right:6px;}

.emb_position_sinfo .chixiu_con:nth-child(5) {position:relative; margin-top:20px;}
.emb_position_sinfo .chixiu_con:nth-child(5):before {content:"注: 文字和图案是两个刺绣，不可以同时选"; color:#8c8c8c; display:block; top:-40px; left:0; right:0; padding-left:12px;}
.emb_position_sinfo .chixiu_con:nth-child(5) h4 {margin-top:10px;}


.chixiu_con dl {width:100%; overflow:hidden; display:flex; flex-wrap:wrap; padding:0 6px;}
.chixiu_con dt {width:25%; padding:6px 4px; border:none; margin:0;}
.chixiu_con dt .dt_div {padding:0; margin:0; line-height:normal; border:none; cursor:pointer; text-align:center; color:#8c8c8c; transition:.3s;}
.chixiu_con dt.no_chip_img {width:33.3333%;}
.chixiu_con dt.no_chip_img h2 {background:#f5f5f5; height:36px; border-radius:5px; line-height:36px; margin:0; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size:13px; text-align:center; cursor:pointer; transition:.3s;}
.chixiu_con dt.no_chip_img.on h2 {background:#000; color:#fff;}

.chixiu_con dt.disabled_select h2 {background:#f5f5f5; color:#ccc !important; cursor:Auto !important;}




.chixiu_con dt p {position:relative; border:1px solid #efefef; padding-bottom:100%; transition:.3s; border-radius:4px; overflow:hidden;}
.chixiu_con dt.on {color:#000;}
.chixiu_con dt.on p {border-color:#000; color:#000;}
.chixiu_con dt.on p:after {content:""; display:block; height:24px; width:24px; background:url(/img/radio_bg.png) no-repeat; background-size:cover; position:absolute; left:50%; top:50%; margin:-12px 0 0 -12px; z-index:10;}
.chixiu_con dt img {position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100%;}
.chixiu_con dt h2 {font-size:12px; overflow:hidden; line-height:14px; margin-top:5px;}
.zititishi {color:#de1322; padding-left:10px;}

.next_btn {overflow:hidden; background:#fff; padding:6px 5px; z-index:50; position:fixed; left:0; right:0; bottom:0; transition:.3s;}
.next_btn .footer_old {display:flex; justify-content:space-between;}
.next_btn .footer_new {display:flex; justify-content:space-between;}
.next_btn .footer_new div {display:flex; width:62%; padding-right:5px;}
.next_btn .footer_new p {width:30%;}
.next_btn .footer_new div p {flex-grow:1; padding:0; width:auto;}
.next_btn .footer_new div p .btn_im2 {border-radius:0 28px 28px 0;}
.next_btn .footer_new div p .btn_sm2 {border-radius:28px 0 0 28px;}
.next_btn p {padding:0 5px; width:47.5%;}
.next_btn button {display:block; height:36px; border-radius:28px; width:100%; background:none; font-size:14px; border:1px solid #000;}
.next_btn .btn_im2 {background:#000; color:#fff;}
.next_btn.btn_class .footer_old {justify-content:center;}
.next_btn.btn_class p {width:60%;}

.next_btn.ft_bg {background:#f4f4f4 !important;}


.next_btn2 {overflow:hidden; display:flex; justify-content:center; background:#fff; padding:6px 5px; z-index:50; position:fixed; left:0; right:0; bottom:0;}
.next_btn2 p {padding:0 5px; width:50%;}
.next_btn2 p span {display:block; height:36px; line-height:34px; text-align:center; width:100%; border-radius:28px; font-size:14px; border:1px solid #000;}
.next_btn2 .btn_im2 {background:#000; color:#fff;}


.diy_layer {position:fixed; z-index:10000; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.4);}
.diy_layer .layer_con {background:rgba(0,0,0,0.85); height:85px; padding-top:15px; width:90px; margin:-50px 0 0 -45px; border-radius:8px; position:absolute; top:50%; left:50%; color:#fff; text-align:center; font-size:12px;}
.diy_layer .layer_con img {display:block; margin:0 auto; margin-bottom:8px;}


.pad_mask {position:fixed; height:100%; width:100%; left:0; top:0; right:0; bottom:0; z-index:10010; background:rgba(0,0,0,0.5); display:none;}

.ipad_nav {display:none;}

.nav_icon {display:none;}

.szct_show {position:fixed; height:100%; width:100%; left:0; top:0; right:0; bottom:0; z-index:10010; background:rgba(0,0,0,0.4);}
.szct_show .szct_con {background:#fff; height:500px; width:750px; margin:-250px 0 0 -350px; position:absolute; top:50%; left:50%; text-align:center;}
.szct_con h1 {font-size:20px; color:#000; padding:105px 0 45px 0;}
.szct_con ul {width:100%; text-align:center;}
.szct_con ul li {display:inline-block; width:168px; margin:0 20px; height:168px; overflow:hidden; border:1px solid #e8e8e8; border-radius:50%; font-size:16px; cursor:pointer; transition:.3s;}
.szct_con ul li img {margin:32px auto 0 auto; opacity:0.5; transition:.3s;}
.szct_con ul li:hover {border-color:#f5f5f5; background:#f5f5f5; color:#000;}
.szct_con ul li:hover img {opacity:1;}



.close_icon {display:block; height:28px; width:28px; font-size:28px; text-align:center; line-height:28px; position:absolute; top:15px; right:15px; cursor:pointer; transition:.3s;}
.close_icon:before { content: "\e6a0"; }
.close_icon:hover {color:#000;}

.size_cate {height:38px; position:relative;}
.size_cate:after {content:""; display:block; height:1px; background:#000; position:absolute; bottom:0; left:0; width:100%;}
.size_cate ul {position:absolute; top:0; left:0; z-index:10;}
.size_cate li {float:left; height:36px; line-height:36px; width:120px; text-align:center; cursor:pointer; margin-right:6px;}
.size_cate li.on {border:1px solid #000; background:#fff; color:#000; border-bottom:1px solid #fff;}
.size_cate li.on a {color:#000;}

.dict_cat_item_name {display:none;}



.diy_info {}
.diy_info .gy_tit {padding:10px 0; border-bottom:1px solid #eee; font-weight:bold; font-size:14px; color:#000;}
.gy_list ul { padding:10px 0;}
.gy_list li {display:flex; justify-content: space-between; padding:5px 0;}
.gy_list li:last-child {border:none;}


.diyInfo {width: 100%; height: 100%;  position:fixed; display:block;  left: 0;  top: 0; right:0; bottom:0; z-index:500;}
.diyInfo .diy_tit {border-bottom:1px solid #e8e8e8; position:absolute; left:0; top:0; right:0; z-index:10;}
.diyInfo_bg {width: 100%; height: 100%;  position:fixed; display:block;  left: 0;  top: 0; right:0; bottom:0; z-index:10; background:rgba(0,0,0,0.4);}
.diyInfo .diy_body {background:#FFFFFF; padding:50px 10px 5px 10px; position:absolute; left:5%; top:12%; right:5%; bottom:12%; z-index:100; border-radius:16px;}
.diyInfo .diy_main {position:absolute; left:10px; top:50px; right:10px; bottom:0%; overflow-y:auto;}


.addcart_info {width: 100%; height: 100%;  position:fixed; display:block;  left: 0;  top: 0; right:0; bottom:0; z-index:110; background:rgba(0,0,0,0.4);}
.addcart_info .diy_tit {line-height:18px; padding:0;}
.addcart_info .confirm_con {background:#FFFFFF; padding:12px 12px 65px 12px; position:absolute; left:6%; top:50%; right:6%; height:400px; margin-top:-200px; z-index:100; border-radius:16px;}
.addcart_info .diy_main {position:absolute; left:10px; top:50px; right:10px; bottom:0%; overflow-y:auto;}
.addcart_info .next_btn  {position:absolute; bottom:5px; background:none !important;}
.addcart_info .size_alert ul {display:flex; flex-wrap:wrap;}
.addcart_info .size_alert li {width:50%; min-width:50%; display:flex; align-items:center; padding:3px 0;}
.addcart_info  h1 {color:#999; padding:10px 0;}
.addcart_info .addcart_close img {width:18px; opacity:0.5; position:absolute; top:12px; right:12px;}
.addcart_info .tit_text {padding:30px 0 15px 0; color:#de1322;}


.userBrand, .userFabricBrand {width: 100%; height: 100%;  position:fixed; display:block;  left: 0;  top: 0; right:0; bottom:0; z-index:1100; background:rgba(0,0,0,0.4);}
.userBrand .modal-dialog, .userFabricBrand .modal-dialog {background:#FFFFFF; padding:10px 12px 75px 12px; position:absolute; left:6%; top:50%; right:6%; height:500px; margin-top:-250px; z-index:100; border-radius:16px;}
.userBrand .diy_tit, .userFabricBrand .diy_tit {line-height:36px; font-size:14px; font-weight:bold; text-align:center; padding:0;}
.userBrand .close, .userFabricBrand .close {padding:10px; position:absolute; top:5px; right:0;}
.userBrand .close img, .userFabricBrand .close img {width:18px; opacity:0.5;}
.userBrand .modal-dialog .next_btn, .userFabricBrand .modal-dialog .next_btn{position:absolute; left:10px; bottom:5px; right:10px; z-index:10;}



.sb_list {overflow:hidden; width:100%; height:395px; overflow-y:auto;}
.sb_list ul {overflow:hidden; display:flex; flex-wrap:wrap; padding:6px 0;}
.sb_list li {width:33.3333%; padding:4px;}
.sb_list li .li_div {width:100%; float:left; cursor:pointer; text-align:center;}
.sb_list li p {position:relative; padding-bottom:100%;}
.sb_list li.on h2 {color:#000;}
.sb_list li.on p:after{content:''; background:url(/img/radio_bg.png) no-repeat; background-size:cover; width:24px; height:24px; position:absolute; left:50%; top:50%; margin:-12px 0 0 -12px; z-index:100;}
.sb_list li img {position:absolute; top:0; right:0; left:0; bottom:0; border-radius:6px; max-height:100%;}
.sb_list li span {font-size:12px;color:#8c8c8c;height: 28px;overflow:hidden;line-height: 14px;margin-top:5px;text-align: left;}

.userKz {width: 100%; height: 100%;  position:fixed; display:block;  left: 0;  top: 0; right:0; bottom:0; z-index:1100; background:rgba(0,0,0,0.4);}
.userKz .modal-dialog {background:#FFFFFF; padding:10px 12px 75px 12px; position:absolute; left:6%; top:50%; right:6%; height:500px; margin-top:-250px; z-index:100; border-radius:16px;}
.userKz .diy_tit {line-height:36px; font-size:14px; font-weight:bold; text-align:center; padding:0;}
.userKz .close {padding:10px; position:absolute; top:5px; right:0;}
.userKz .close img {width:18px; opacity:0.5;}
.userKz .modal-dialog .next_btn {position:absolute; left:10px; bottom:5px; right:10px; z-index:10;}


.embBrand {width: 100%; height: 100%;  position:fixed; display:block;  left: 0;  top: 0; right:0; bottom:0; z-index:1100; background:rgba(0,0,0,0.4);}
.embBrand .modal-dialog {background:#FFFFFF; padding:10px 12px 75px 12px; position:absolute; left:6%; top:50%; right:6%; height:500px; margin-top:-250px; z-index:100; border-radius:16px;}
.embBrand .diy_tit {line-height:36px; font-size:14px; font-weight:bold; text-align:center; padding:0;}
.embBrand .close {padding:10px; position:absolute; top:5px; right:0;}
.embBrand .close img {width:18px; opacity:0.5;}
.embBrand .modal-dialog .next_btn {position:absolute; left:10px; bottom:5px; right:10px; z-index:10;}



/*自主量体*/

.w_liangti.diy_class {border-radius:0; top:0; bottom:0; height:100%; z-index:48; display:block; background:none; background:#f5f5f5; padding:0 10px; padding-bottom:54px; overflow:hidden;}
.w_liangti.diy_class .ltScorll {left:0; top:0; right:0; bottom:54px; position:absolute; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; overflow-y: scroll;}

.select_custom_div {position:fixed; display:flex; flex-direction:column; left:0; top:0; padding-top:20px; right:0; bottom:0; background:#fff; z-index:10000000;}
.close_custom_div {width:18px; position:absolute; top:10px; right:10px; z-index:10; opacity:0.5;}
.customScroll {flex-grow:1; align-content: flex-start; position:relative; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; overflow-y: scroll;}
.select_custom_div .kf_ipt {padding:0px 10px 15px 10px;}
.select_custom_div .kf_ipt input {padding:10px 0; border:none; margin:0; border-bottom:1px solid #ccc; transition:.3s;}
.select_custom_div .kf_ipt input:focus {border-color:#000;}

.userinfo.kefu_info, .liangti_div, .fengge_div, .teti_div, .bzh_box {border-radius:0px; margin-top:10px;}
.userinfo.kefu_info h1.kfxx, .liangti_div h1.kfxx, .fengge_div h1.kfxx, .teti_div h1.kfxx, .bzh_box h1.kfxx, .kefu_info h1.kfxx{font-size:14px; color:#000; border:none !important; padding:0 0 0 24px; margin:20px 0 10px 0; line-height:26px; position:relative;}
.userinfo.kefu_info h1.kfxx:after, .liangti_div h1.kfxx:after, .fengge_div h1.kfxx:after, .teti_div h1.kfxx:after, .bzh_box h1.kfxx:after, .kefu_info h1.kfxx:after {content:""; width:4px; border-radius:3px; background:#000; position:absolute; left:12px; top:5px; bottom:5px;}
.size_tips {color:#de1322; font-size:13px; padding:0 10px 12px 12px; margin-top:-8px;}

.clear_amount_input {display:block; margin:12px auto 0 auto; height:30px; line-height:30px; width:120px; text-align:center; border:1px solid #000; border-radius:20px;}

.wdz_lt {padding:0 10px;}
.bzh_box .size_div {padding-top:10px;}

.diy_class .kefu_info ul {padding:0 12px; background:#fff;}
.diy_class .kefu_info li {display:flex; align-items:center; border-bottom:1px solid #eee; min-height:45px; width:100%;}
.diy_class .kefu_info li p {min-width:80px;}
.diy_class .kefu_info li.bz {width:100%;}
.diy_class .kefu_info li .jbzl_remark {padding:0; margin:0; height:24px; line-height:24px;}

.diy_class .userinfo.kefu_info ul {display:flex; flex-wrap:wrap; justify-content:space-between; background:#fff;}
.diy_class .userinfo.kefu_info ul li {width:48%;}
.diy_class .userinfo.kefu_info li p {min-width:65px;}
.diy_class .userinfo.kefu_info ul li:nth-child(4) {border:none;}
.diy_class .userinfo.kefu_info ul li:first-child {width:100%;}
.diy_class .userinfo.kefu_info.bkf:last-child {width:48%;}

.diy_class .teti_div li {width:100%;}
.diy_class .teti_div li p {min-width:110px;}

.kefu_info ul {padding:0 12px;}
.kefu_info li {display:flex; align-items:center; border-bottom:1px solid #eee; min-height:45px;}


.kefu_info li input {border:none; margin:0; padding:0; height:20px; line-height:20px;}
.kefu_info .xflb li input {border:none; margin:0; height:32px; line-height:30px;; text-align:left; flex-grow:1; padding:0 12px;}
.kefu_info li input.error_class{border:1px solid #de1322; border-radius:6px;}
.kefu_info li p {display:block; min-width:88px;}
.kefu_info li p b {font-weight:normal;}
.kefu_info .xflb li p {width:80px;}
.kefu_info li .jbzl_remark {border:none; padding:12px 0 0 0; height:auto;}
.kefu_info li span {display:block; min-width:120px; text-align:right; color:#aaa;}
.kefu_info li span.size_range {min-width:100px;}
.kefu_info li:last-child {border:none;}
.kefu_info li select {margin:0; padding:0 30px 0 0; direction: rtl;}
.kefu_info ul.special li {position:relative; background:#fff;}
.kefu_info ul.special li:after {content:""; display:block; position:absolute; top:12px; right:0; height:18px; width:18px; opacity:0.3; background:url(/img/icon_jtb.png) no-repeat; background-size:cover;}
.kefu_info li .select_custom {position:relative; padding-right:20px; min-width:82px; color:#353535;}
.kefu_info li .select_custom:after {content:""; display:block; position:absolute; top:1px; right:-3px; height:18px; width:18px; opacity:0.3; background:url(/img/icon_jtr.png) no-repeat; background-size:cover;}

.kefu_info .size_edit li {justify-content:space-between}
.kefu_info .size_edit li  p {}
.kefu_info .size_edit li div {display:flex; align-items:center;}
.kefu_info .size_edit li div.diy_jjt i {width:18px; height:18px; display:block; margin:0 3px;}
.kefu_info .size_edit li div.diy_jjt i.jopabb {background:url(/img/jian_icon.png) no-repeat; background-size:cover;}
.kefu_info .size_edit li div.diy_jjt i.jopadd {background:url(/img/jia_icon.png) no-repeat; background-size:cover;}
.kefu_info .size_edit li div img {width:18px; height:18px; margin:0 3px;}
.kefu_info .size_edit li div input {width: 80px;
  text-align: center;
  border: 1px solid #ddd;
  margin: 0 5px;
  border-radius: 4px;}

.showBnt {display:flex; justify-content:space-between; position:absolute; left:0; right:0; bottom:5px; padding:6px 5px;}
.showBnt p {padding:0 5px; width:47.5%;}
.showBnt .btn {display:block; height:36px; line-height:34px; text-align:center; border-radius:28px; width:100%; background:none; font-size:14px; border:1px solid #000;}
.showBnt .btn_im2 {background:#000; color:#fff;}

/*屏闭西装尺码样式S*/
.liangti_1 .type_span, .liangti_1 .jiafl, .liangti_1 .chenyz {display:none;}
.diy_class .kefu_info li p em {display:none;}
/*屏闭西装尺码样式E*/

/*@media (max-width:350px){*/
  /*.diy_class .kefu_info ul {padding:0 12px;}*/
  /*.diy_class .kefu_info li {display:flex; align-items:center; border-bottom:1px solid #eee; min-height:45px; width:100%;}*/
/*}*/


.diy_class.diy_5 {height:100%; overflow:hidden; z-index:48; background:url(/img/ltbg.jpg) no-repeat; background-size:cover; border-radius:0;}

.kt_typet {padding:15px 10px 10px 10px;}
.kt_typet h1 {font-size:16px; text-align:center; color:#000; padding:15px 0;}
.kt_typet ul {display:flex; flex-wrap:wrap; justify-content:space-between; text-align:center; padding:20px 8% 0 8%;}
.kt_typet li {width:120px; padding:20px 0; line-height:30px; text-align:center; cursor:pointer;}
.kt_typet li p {width:104px; height:104px; margin:0 auto; display:flex; align-items:center; justify-content:center; border-radius:50%; background:#fff; box-shadow:0px 6px 10px 0 rgba(0,0,0,0.1);}
.kt_typet li p i {display:block; width:48px; height:48px;}
.kt_typet li.on p {background:#a59f85;}
.kt_typet li h3 {padding-top:5px;}
.kt_typet li.on h3 {color:#353535;}
.kt_typet li.off p {background:#fff !important;}
.kt_typet li.off h3 {color:#999 !important;}
.kt_typet li:nth-child(1) p i {background:url(/img/ltcate_1.png) no-repeat; background-size:cover;}
.kt_typet li:nth-child(2) p i {background:url(/img/ltcate_2.png) no-repeat; background-size:cover;}
.kt_typet li:nth-child(3) p i {background:url(/img/ltcate_3.png) no-repeat; background-size:cover; width:60px; height:60px;}
.kt_typet li:nth-child(4) p i {background:url(/img/ltcate_5.png) no-repeat; background-size:cover; width:60px; height:60px; opacity:0.3;}
.kt_typet li.on:nth-child(1) p i {background:url(/img/ltcate_01.png) no-repeat; background-size:cover;}
.kt_typet li.on:nth-child(2) p i {background:url(/img/ltcate_02.png) no-repeat; background-size:cover;}
.kt_typet li.on:nth-child(3) p i {background:url(/img/ltcate_03.png) no-repeat; background-size:cover;}
.kt_typet li.on:nth-child(4) p i {background:url(/img/ltcate_5.png) no-repeat; background-size:cover;}

.kt_typet.one_lt ul {justify-content:center; transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); position:absolute; top:50%; left:50%; z-index:10;}

.select_custom_item {padding:0 5px 10px 5px; display:flex; flex-wrap:wrap;}
.select_custom_item p {width:33.3333%; padding:4px; position:relative;}
.select_custom_item p span {display:block; border-radius:3px; height:36px; line-height:36px; background:#f8f8f8; text-align:center;}
.select_custom_item p span:active {background:#333; color:#fff;}


.size_type_list {padding:0 12px 0 24px; display:flex; align-items:center; position:relative; margin:20px 0 10px 0; height:30px; line-height:30px;}
.size_type_list h3 {min-width:90px; width:90px; font-size:14px;}
.size_type_list select {margin:0; padding:0 30px 0 0; direction: rtl; flex-grow:1; background:no-repeat;}
.size_type_list:after {content:""; display:block; position:absolute; top:6px; right:12px; height:18px; width:18px; opacity:0.3; background:url(/img/icon_jtb.png) no-repeat; background-size:cover;}
.size_type_list .kfxx.no_bd {min-width:88px;}

.size_type_list:before {content:""; width:4px; border-radius:3px; background:#000; position:absolute; left:12px; top:5px; bottom:5px;}


.size_div {background:#fff;}
.size_div ul {padding:0 8px 10px 8px; display:flex; flex-wrap:wrap;}
.size_div li {padding:4px; width:25%;}
.size_div li span {display:block; height:36px; border-radius:5px; border:1px solid #ddd; line-height:34px; text-align:center;}
.size_div li.on span {background:#000; color:#fff; border-color:#000;}

.bzm_size {background:#fff; border-radius:0 0 8px 8px;}


.size_div2.size_div ul {overflow:hidden; padding-top:10px !important;}
.size_div2.size_div li {padding:4px; width:25%; float:left;}
.size_div2.size_div li div {height:auto !important; border:1px solid #e8e8e8; border-radius:5px; line-height:34px; text-align:center;}
.size_div2.size_div li span {display:block; height:24px; margin:-3px 4px 0 4px; border:none; border-top:1px solid #ddd; line-height:24px; text-align:center;}
.size_div2.size_div li.on div {background:#000; color:#fff; border-color:#000;}
.size_div2.size_div li.on div span {border-color:#666;}

.zz {background:#fff; border-radius:8px; margin-top:10px;}


.w_liangti .diy_cate_tab {display:none;}

.diy_confirm {overflow:hidden; width:100%; position:fixed; left:0; right:0; bottom:0; opacity:0; transition:.5s; z-index:999; background:#fff; border-radius:12px 12px 0 0;
  -webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);
}
.diy_confirm .confirm_con {background:#fff; border-radius:12px 12px 0 0;}
.diy_confirm .wdiy_con {height:400px; width:100%; padding:0 12px; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; overflow-y: scroll;}
.diy_confirm .wdiy_con h1 {font-size:14px; color:#000; padding:12px 0 8px 0; border-bottom:1px solid #eee;}
.diy_confirm .wdiy_con ul {color:#8c8c8c; padding:8px 0 3px 0;}
.diy_confirm .wdiy_con li {height:28px; line-height:28px; overflow:hidden;}

.diy_confirm.shopex-active {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); opacity:1;}

.diy_cat {padding:5px 0;}
.diy_cat li {padding:0;}


.art_list {background:#fff;}
.art_list li {position:relative; padding:13px 40px 13px 12px; border-bottom:1px solid #eee;}
.art_list li:last-child {border:none;}

.art_box {padding:10px;}
.art_box .art_tit {font-size:18px; color:#000; text-align:center; padding:5px 0 10px 0; font-weight:bold;}
.art_box .art_con {overflow:hidden;}


/*新增字体库引入*/
@font-face {font-family: "iconfont";
  src: url('../../iconfont/iconfont.eot'); /* IE9*/
  src: url('../../iconfont/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../../iconfont/iconfont.woff') format('woff'), /* chrome, firefox */
  url('../../iconfont/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../../iconfont/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  vertical-align:middle;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}