*{ margin:0;padding:0; list-style:none; box-sizing:border-box; outline:0; }
html{ font-size:16px; -webkit-tap-highlight-color: transparent; }
body{ font-family:'Microsoft Yahei'; font-size:0.875rem; background-color:#f8f8f8; color:#333; text-align:center; }
.fx{ display:flex; }
.fc{ flex-direction:column; }
.f1{ flex:1; }
.xl{ justify-content:flex-start; }
.xc{ justify-content:center; }
.xr{ justify-content:flex-end; }
.yt{ align-items:flex-start; }
.yc{ align-items:center; }
.yb{ align-items:flex-end; }
.w100{ width:100%; }
.h100{ height:100%; }
input[type='text'],input[type='number'],select{ appearance:none; height:2rem; background:#fff; border:1px solid #aaa; border-radius:3px;padding:0.1875rem; font-size:0.875rem; }
[v-cloak]{ display:none; }
.app{ margin:0 auto; text-align:left; width:100%; max-width:600px; background:#fff; }
.image-list{ overflow:hidden; }
.image-list img{ width:100%; float:left; }

.order-form{ padding:10px 15px; }
.order-form .name{ font-size:18px; font-weight:bold; line-height:1.5em; padding:10px 0; }
.order-form .tips{ color:#666; padding-bottom:10px;  }
.order-form .row{ padding:5px 0; min-height:36px; box-sizing:content-box; }
.order-form .row label{ width:25%; height:36px; display:flex; align-items:center; }
.order-form .row label span{ color:red; }
.order-form .row .right{}
.order-form .row .skus{  }
.order-form .row .skus span{ line-height:1.5em; border:1px solid #ccc; border-radius:3px; padding:5px 8px; margin-top:10px; user-select:none; transition:all ease .2s; }
.order-form .row .skus span:first-child{ margin-top:0; }
.order-form .row .skus span.active{ background:#fff5c4; border-color:#d7c673; }

.order-form .row .right input[type='text']{ background:#fff; height:32px; border:1px solid #ccc; border-radius:3px; padding:0 4px; width:50%; min-width:180px; }
.order-form .row .right input[type='text']:focus{ box-shadow: 0 0 3px 0 #e5bc60; }
.order-form .row .right textarea{ width:85%; background:#fff; height:60px; border:1px solid #ccc; border-radius:3px; padding:4px; resize:none; }
.order-form .row .right textarea:focus{ box-shadow: 0 0 3px 0 #e5bc60; }

.order-form .row .amount{ height:32px; width:130px; border:1px solid #ccc; border-radius:3px;  }
.order-form .row .amount span{ width:32px; height:100%; display:flex; align-items:center; justify-content:center; user-select:none; line-height:1em; font-weight:bold; font-size:16px; }
.order-form .row .amount span.disable{ color:#ccc; }
.order-form .row .amount div{ height:100%; }
.order-form .row .amount div input[type='text']{ appearance: none; background:#fff; border-width:0 1px; border-style:solid; border-color:#ccc; width:100%; min-width:unset!important; height:100%; flex:1; text-align:center; font-weight:bold; }

.order-form .row .pca{ user-select:none; }

.btn-sumit{ height:38px; width:60%; line-height:1em; background:#e43a2e; color:#fff; border-radius:19px; user-select:none; border: 1px solid #c9271c; transition:all ease .2s; }
.btn-sumit:hover{ background-color:#c9271c; }

/*收货地区选择器*/
.areaPicker{
    height: 100vh;
    width: 280px;
    background-color: #fff;
    overflow: hidden;
}
.areaPicker ul{
    height: 100%;
    overflow: auto;
    box-shadow: 0 4px 2px 0 rgba(58,116,184,.22);
    padding-left: 5px;
}
.areaPicker ul li{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 4px;
    line-height: 1.5em;
    font-size: 14px;
    color: #333;
}
.areaPicker ul li.active{
    color: #1989fa;
}