body{
    user-select:none;
    -webkit-user-select:none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    color:#000;
    -webkit-text-size-adjust: 100% !important;
    /* fix 微信端调整字体大小后页面显示异常 IOS */
    /* font-family: 'alirg'; */
}
#notification_area {
    z-index: 20000;
    padding: 0;
    margin: 0;
}
.notify_center {
    background: #1E211F;
}
.notification {
    clear: left;
    float: left;
    list-style: none;
}
.notification iframe {
    border: 0;
}
.notification iframe body {
    margin: 0;
}
.notify_content {
    float: left;
    background: #1E211F;
    color: #eee;
    padding: 20px;
    border-radius: 5px;
    opacity: .7;
    max-width: 450px;
    font-size: 30px;
}
.container{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    overflow: hidden;
}
.page{
    top:50%;
    transform:translate(0,-50%);    
}
.center{
    top:50%;
    left: 50%;
    transform:translate(-50%,-50%);
    position: absolute;
}
.scan{
    font-size: 2rem;
    width: 15rem;
    height: 15rem;
    border-radius: 50%;
    text-align: center;
    line-height: 15rem;
    border: 1px solid gray;
}
.chargeBox{
    width: 100%;
}
.chargeBox .chargeItem{
    width: 25%;
    float:left;
    font-size: 2rem;
    text-align: center;
}
.chargeBox .chargeItem span{
    border:1px solid gray;
    display: inline-block;
    width: 6rem;
    margin: 1rem 0;
}
.chargeBox .chargeItem.active span{
    border:1px solid #099437;
    font-weight: bold;
}
.chargeBox .btn{
    margin: 0 auto;
    width: 10rem;
    color: #fff;
    /* background-color: #337ab7 */
    border-color: #2e6da4;
    display: inline-block;
    font-size: 2rem;
    text-align: center;
    border-radius: 0.5rem;
    background: linear-gradient(45deg, #4aa2ee 0, #902b50 100%);
    margin-top: 3rem;
    position: relative;
}