/*公共样式*/
body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,form,input,button,textarea,article,footer,header,menu,nav,section{margin:0;padding:0}
img{vertical-align:middle;border:0;max-width:100%}
a{text-decoration:none}
ul,li{vertical-align:middle;list-style:none}
html,body{width:100%;background:#fff;}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%; font-size:100px;}
body{margin:0; font:normal 16px "Microsoft Yahei","Helvetica Neue",Helvetica,Arial,STHeiTi,sans-serif;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
button{-webkit-appearance:none}
img{max-width:100%;width: 100%;}
.clearfix:before,.clearfix:after{content:'';display:table}
.clearfix:after{clear:both}
*:focus { outline: 0 none; }
textarea{ resize:none;}
.head{
    position: relative;
    height:.88rem;
    border-bottom:1px solid #ebebeb;
    text-align: center;
    line-height: .88rem;
    font-size:.36rem;
    color:#222;
    background-color:#fff;
}
.head h1{
    font-size:.36rem;
}
.head .back{
    position: absolute;
    top:0;
    left:0;
    width:.78rem;
    height:.88rem;
    background: url(../img/back.png) center center no-repeat;
    background-size: .18rem .34rem;
    text-indent: -1000px;
}
.hint-layer{
    display:inline-block;
    height:1rem;
    border-radius:.5rem;
    line-height:1px;
    padding:0 .4rem;
    background-color:#494949;
    margin-bottom:.1rem;
    width:80%;
}
.layer-pos{
    position:fixed;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
}
.hint-layer .content{
    padding-left:.7rem;
    line-height:1rem;
    color:#fff;
    font-size:.32rem;
    text-align: center;

}
.hint-layer .warn{
    background:url(../img/warn.png) left center no-repeat;
    background-size:.51rem .51rem;
}
.hint-layer .right{
    background:url(../img/right.png) left center no-repeat;
    background-size:.51rem .51rem;
}
.hint-layer .wrong{
    background:url(../img/wrong.png) left center no-repeat;
    background-size:.51rem .51rem;
}
.info-layer{
    display: none;
    width:5.5rem;
    border-radius: .1rem;
    background-color:#fff;
    border:1px solid #ebebeb;
}
.info-layer .content{
    padding:.6rem .4rem;
    text-align:center;
    font-size:.32rem;
    color:#222;
}
.info-layer .btn-box{
    display:box;
    box-pack:start;
    box-align:center;
    display:flex;
    justify-content: flex-start;
    align-items: center;
    border-top:1px solid #ebebeb;
}
.info-layer .cancel{
    box-sizing: border-box;
    width:50%;
    height:.9rem;
    border-right:1px solid #ebebeb;
    text-align:center;
    line-height:.9rem;
    color:#333;
    font-size:.32rem;
}
.info-layer .update{
    width:50%;
    height:.9rem;
    background-color:#f7f7f7;
    text-align:center;
    line-height:.9rem;
    color:#529ff2;
    font-size:.32rem;
    border-bottom-right-radius: 10px;

}