
html{color:#000;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
input,textarea,select{*font-size:100%}
legend{color:#000}
body{font:12px/1.5 tahoma,arial,simsun;}
a{text-decoration:none;outline:none;}
img{vertical-align:middle;}
input:text{outline:none;outline-style:none;-webkit-appearance: none;}
*{-webkit-tap-highlight-color: rgba(0,0,0,0);}
s{text-decoration:none;}

#container{position:absolute;top:0;right:0;left:0;bottom:0;overflow:hidden;width:100%;max-width:750px;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}

.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: 40px;
    back1ground-color: var(--weui-BG-2);
    max-height:155px;
}
.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;
    back1ground-color:var(--weui-BG-2);
}
.page .page-hd.img + .page-bd{
    margin-top:-5px;
    border-radius:5px 5px 0 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;
}
.page .page-ft .weui-btn-area{
    margin:12px;
}

.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);
}
.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;}
.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;
}