body {
    margin: 0;
    height: 100%;
    -webkit-overflow-scrolling: touch;
    max-width: 500px;
    margin: 0 auto;
}

html,
body {
    height: 100%;
    background: #2f51ce;
}

body .loading {
    background: #fff;
}

body .loading img {
    width: 0.533333rem;
    /* 20px */
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -0.266667rem;
    margin-top: -0.266667rem;
}

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

img {
    width: 100%;
    display: block;
}

.navigation-bar {
    background: #2f51ce;
}

.main {
    /* background: url(../images/rule-bg.png) repeat-y 100%; */
}

.main-content {
    /* background: #bf3125; */
    padding: 0.8rem 0.533333rem;
    /* 30px 20px */
}

.rule-bak {
    background: #fff9f2;
    border-radius: 0.133333rem;
    /* 5px */
    /* height: 13.333333rem; */
    padding: 0.533333rem 0.693333rem;
    /* 20px 26px */
    color: #2f51ce;
    font-size: 0.346667rem;
    font-family: "FZLTZHUNHJW GB1 0";
    line-height: 0.96rem;
    /* 36PX */
}

.rule-bak ul {
    padding-left: 0;
}

.rule-bak .title {
    position: relative;
    color: #2f51ce;
    font-size: 0.373333rem;
    /* 14px */
    font-family: "FZLTHJW GB1 0";
    line-height: 1.066667rem;
    /* 40px */
}

.rule-bak .title:after {
    content: "";
    position: absolute;
    top: 0.506667rem;
    /* 19px */
    left: -0.266667rem;
    /* -10px */
    background: #2f51ce;
    width: 0.106667rem;
    height: 0.106667rem;
    /* 4px */
    border-radius: 50%;
}

.rule-bak .desc {
    color: #2f51ce;
    font-size: 0.346667rem;
    font-family: "FZLTZHUNHJW GB1 0";
    line-height: 0.96rem;
    /* 36PX */
}