#container{position:absolute;top:0;right:0;left:0;bottom:0;overflow:hidden;width:100%;
    
    max-width:640px;
    margin:0 auto;
}

body,html{height:100%;width:100%;-webkit-tap-highlight-color:transparent}
body{font-family:-apple-system-font,Helvetica Neue,Helvetica,sans-serif;

}
.page,body{background-color:var(--weui-BG-0)}
.page1111{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box;opacity:0;z-index:1}
.page{
    position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;box-sizing:border-box;z-index:1;
    width:100%;
}
body .page:first-child{opacity:1;}


.page{
    display:flex;
    flex-direction:column;
    transform: translate(100%, 0);
    transition: all .3s;
}
.page-hide{}
.page-show{transform: translate(0, 0);}
.page .page-hd {
    padding: 30px 40px 20px 40px;
    back1ground-color: var(--weui-BG-2);
}

.page .page-hd .caption{
    font-size:24px;
    color:#000;
}
.page .page-hd.img{
    padding:0;
}
.page .page-hd.img img{
    width:100%;
    vertical-align:middle;
    height:100%;
}
.page .page__title {
    text-align: left;
    font-size: 20px;
    font-weight: 400;
}
.page .page-bd{
    flex:1;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    box-sizing:border-box;
}
.page .page-hd.img + .page-bd{
    margin-top:-5px;
    border-radius:5px 5px 0 0;
}
.page .page-hd.img + .page-bd .weui-form__control-area{
    margi1n-top:0;
}
.page .page-ft {
    z-index:10;
    box-shadow:0 0 10px var(--weui-FG-3);
}
.page .page-ft .button-sp-area{
    margin:0 auto;text-align:center;
}

.weui-form{
    padding: 26px 0 0;
    padding: calc(26px + constant(safe-area-inset-top)) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);
    padding: calc(26px + env(safe-area-inset-top)) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);

    padding-top:0;
}
.weui-form .weui-label{width:4.1em}
.weui-form .weui-cells__title{padding-left:16px;padding-right:16px;}
.weui-form .weui-cell{padding-left:16px;padding-right:16px;padding-top:8px;padding-bottom:8px;}
.weui-form .weui-cell__hd{padding-right:6px}
.weui-form .weui-cells:after{left:16px;right:16px;}
.weui-form .weui-cell:before, .weui-form .weui-cells:before{left:16px;right:16px;}
.weui-form .weui-btn_cell{font-size:16px;font-weight:500;padding:12px;}

.page .button-sp-area{margin-top:16px;}

@supports (top:constant(safe-area-inset-top)){
    .page{padding:constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left)}
    .page.navbar,.page.tabbar{padding-left:0;padding-right:0}
    .weui-tab__panel{padding-left:constant(safe-area-inset-left);padding-right:constant(safe-area-inset-right)}
}
@supports (top:env(safe-area-inset-top)){
    .page{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
    .page.article,.page.msg_success,.page.msg_text,.page.msg_text_primary,.page.msg_warn,.page.navbar,.page.tabbar{padding:0}
}


.weui-btn_cell.h{background-color:#FEC143;padding: 12px 16px;}
.weui-btn_cell.h span{background-color:#fff;display:inline-block;padding:0 50px 0 70px;line-height:40px;border-radius:20px;color:#000;
    box-shadow:2px 2px 6px 0 rgba(0,0,0,0.3);
    letter-spacing: 20px;
}

.weui-media-box{
    display:block;
}


.IE .weui-form{
    display:block;
}
.IE .weui-cell_access .weui-cell__ft:after{
    background:url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.454%206.58l1.06-1.06%205.78%205.779a.996.996%200%20010%201.413l-5.78%205.779-1.06-1.061%205.425-5.425-5.425-5.424z%22%20fill%3D%22%23B2B2B2%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center center;
}
.IE .weui-icon-btn_close{
    background:url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12.25%2010.693L6.057%204.5%205%205.557l6.193%206.193L5%2017.943%206.057%2019l6.193-6.193L18.443%2019l1.057-1.057-6.193-6.193L19.5%205.557%2018.443%204.5z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center center;
}
.IE .weui-cell::before{
    border-top:1px solid #F6F6F6;
}
.IE .weui-cells::before{
    border-top:1px solid #F6F6F6;
}
.IE .weui-cells::after{
    border-bottom:1px solid #F6F6F6;
}
.weui-input:-ms-input-placeholder {
    color: rgba(0,0,0,.3);
    color: var(--weui-FG-2);
}
.weui-input::-ms-input-placeholder {
    color: rgba(0,0,0,.3);
    color: var(--weui-FG-2);
}