html{
    width: 100%;
    height: 100%;
    /*隐藏滚动条，当IE下溢出，仍然可以滚动*/
    -ms-overflow-style:none;
    /*火狐下隐藏滚动条*/
    scrollbar-width: none;
}
body {
    margin: 0;
    height: 100%;
    background: #050d2d;    
    -webkit-overflow-scrolling: touch;
}

::-webkit-scrollbar {
    display: none;
}

/* 加载页面 */
.loading {
    background: #0d107a;
    width: 100%;
    height: 100%;
    position: relative;
}

.loading img {
    width: .533333rem;/* 20px */
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -0.266667rem;
    margin-top: -0.266667rem;
}
/* 主页面 */  
.rule {
    max-width: 750px;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    background: #0d107a;
    scrollbar-width: none; 
}

.rule .rule-contain{
    width: 100%;
    padding: .8rem .533333rem;
    /* 30px 20px */
    -moz-box-sizing: border-box;
    /* Firefox */
    -webkit-box-sizing: border-box;
    /* Safari */
    box-sizing: border-box;
}

.rule .rule-contain .rule-bak {
    background-color: #ffffff;
    border-radius: .133333rem;
    /* 5px */
    padding: .533333rem .693333rem;
    /* 20px 26px */
    color: #3e4d69;
    font-size: .346667rem;
    font-family: 'FZLTZHUNHJW GB1 0';
    line-height: .96rem;
    /* 36PX */
}

/* 提示弹窗 */
.toast-bg {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 2000;
    top: 0;
    display: none;
}

.toast {
    font-family: PingFangSC-Regular;
    font-size: 0.347rem;
    color: #FFFFFF;
    background: rgba(0, 0, 0, .8);
    border-radius: 0.133rem;
    line-height: 1.173rem;
    text-align: center;
    width: 70%;
    margin: 0 auto;
    margin-top: 6.933rem;
}