.weui-form__control-area{
    margin:0;
}

body{
    font-family:-apple-system-font,Helvetica Neue,Helvetica,sans-serif;
    --weui-BRAND: #428AFA;
    --weui-BTN-DEFAULT-COLOR:#428AFA;
    --weui-TAG-TEXT-GREEN: #428AFA;
    overflow-x: hidden;
}
.container{
    position:absolute;top:0;right:0;left:0;bottom:0;
    overflow-x:hidden;
    max-width:562px;
    margin:0 auto;
}
.page{
    margin:0 auto;
    position:absolute;top:0;right:0;left:0;bottom:0;
    display:flex;
    flex-direction:column;
    box-sizing:border-box;
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    z-index:100;
    
    background-image: linear-gradient(#0F75F6 5%, #66A2F8 30%, #EEF1F7);
}

@keyframes a1{
    0%{transform:translate3d(100%,0,0);opacity:0}
    to{}
}
@keyframes b1{
    0%{transform:translateZ(0);opacity:1}
    to{transform:translate3d(100%,0,0);opacity:0}
}
.page.slideIn{
    animation:a1 0.2s forwards
}
.page.slideOut{
    animation:b1 0.2s forwards
}


.page-hd{
    padding:.3rem .2rem .2rem .2rem;
}
.page-hd .caption{
    font-size:.24rem;
    color:#fff;
}
.page-bd{
    flex:1;
    box-sizing:border-box;
    position:relative;
    background-color:rgba(255,255,255);
    border-radius:.1rem;
    -webkit-overflow-scrolling:touch;
    margin: .1rem;
}
.page-bd .weui-form{
    border-radius:.1rem;
}

.page .page-hd + .page-bd .weui-form{
    padding-top:.1rem;
    border-radius:.1rem;
}

.navigator{
    display:flex;
    justify-content: space-between;
    padding:8px;
}
.navigator .navigator-left{
    
}


.pager{padding:20px;text-align:right;color:#666;font-size:0;background-color:#fff;}
.pager a{display:inline-block;*display:inline;*zoom:1;margin:0 3px;padding:0 6px;box-sizing:border-box;line-height:30px;min-width:30px;font-size:13px;text-align:center;color: rgba(0,0,0,.65);border: 1px solid #d9d9d9;border-radius: 4px;outline: 0;transition: all .3s;}
.pager a:hover{color:#fff;color: rgba(0,0,0,.65);font-weight: 500;background: #fff;border-color: #1890ff;}
.pager a.current{color:#fff;color: rgba(0,0,0,.65);font-weight: 500;background: #fff;border-color: #1890ff;}
.pager span{display:inline-block;*display:inline;*zoom:1;margin:0 3px;padding:0 6px;box-sizing:border-box;line-height:30px;min-width:30px;font-size:13px;text-align:center;color: rgba(0,0,0,.65);border-radius: 4px;outline: 0;transition: all .3s;}

.weui-cells {
    font-size: 15px;
}
.weui-cells__group_form .weui-cell__hd{
    padding-right: 8px;
}
.weui-cells__group_form .weui-label {
    max-width: 5.2em;
    margin-right: 3px;
}



.number-input{width:92px;display:flex;justify-content: flex-end;}
.number-input a{
    justify-content:center;
    box-sizing:border-box;text-align:center;
    font-size:16px;font-weight:500;color:#666;
    position:relative;

    width:20px;height:20px;line-height:20px;text-align:center;
    display:block;
    background-color:#36C16C;
    color:#fff;
    border-radius:50%;
}
.number-input a:before{
}
.number-input .btn_minus{
  background:url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CjxwYXRoIGQ9Ik01MTIgMTAyNG00NTMuNjMyLTQ1My42MzJINTguMzY4YTU4LjMzNiA1OC4zMzYgMCAxIDEgMC0xMTYuNzM2aDkwNy4yNjRhNTguMzM2IDU4LjMzNiAwIDEgMSAwIDExNi43MzZ6IiBmaWxsPSIjZmZmZmZmIj48L3BhdGg+PC9zdmc+) var(--weui-BRAND) no-repeat center center;
  background-size:12px 12px;
}
.number-input .btn_plus{
  background:url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ij48cGF0aCBkPSJNNTEyIDEwMjRhNTguMzM2IDU4LjMzNiAwIDAgMS01OC4zNjgtNTguMzY4VjU4LjM2OGE1OC4zMzYgNTguMzM2IDAgMSAxIDExNi43MzYgMHY5MDcuMjY0YzAgMzEuNzQ0LTI1LjYgNTguMzY4LTU4LjM2OCA1OC4zNjh6IG00NTMuNjMyLTQ1My42MzJINTguMzY4YTU4LjMzNiA1OC4zMzYgMCAxIDEgMC0xMTYuNzM2aDkwNy4yNjRhNTguMzM2IDU4LjMzNiAwIDEgMSAwIDExNi43MzZ6IiBmaWxsPSIjZmZmZmZmIj48L3BhdGg+PC9zdmc+) var(--weui-BRAND) no-repeat center center;
  background-size:12px 12px;
}
.number-input label{
    width:50px;height:20px;line-height:20px;
    font-size:16px;
    justify-content:center;box-sizing:border-box;text-align:center;
}