*{
    margin: 0;
    padding: 0;
}
body, html {
  height: 100%;
  -webkit-tap-highlight-color: transparent;
}

.irules-banner{
    background: url('img/rules-banner.png') no-repeat;
    background-size:100% 100%;
    width: 100%;
    height: 20%;
}
.irules-tle{
    padding:23px 0;
    text-align: center;
    font-size:18px;
    color:#f6a700;
}
.irules-cont{
    padding:4px 20px;
}
.irules-tle2{
    font-size:16px;
    color:#f47898;
}
.irules-cont p{
    font-size: 15px;
    color:#757575;
    margin-top:8px;
    display: table;
}
.irules-cont span{
    color:#f47898;
    float:left;
    padding-right: 5px;
}
.irules-cont p i{
    color:#f47898;
    font-style: normal;
}
.mmoney-cont{
    height:100%;
    margin-top:32px;
}
.mmoney-cont .block{
    text-align:center;
}
.mmoney-cont h1{
    font-size: 18px;
    color:#333333;
}
.mmoney-cont h3{
    font-size: 14px;
    color:#999999;
    margin-top: 8px;
}
.mmoney-cont .block .img{
    width: 100%;
    height:auto;
    margin-top:19px;
}
.cgirl-cont{
    height:100%;
    margin-top:32px;
}
.cgirl-cont .block{
    text-align:center;
}
.cgirl-cont h1{
    font-size: 18px;
    color:#333333;
}
.cgirl-cont h3{
    font-size: 14px;
    color:#999999;
    margin-top: 8px;
    padding: 0 5px;
}
.cgirl-cont .block .img{
    width: 100%;
    height:auto;
    margin-top:19px;
}
.guard-txt{
    display: block;
    width: 30%;
    top: 45%;
    left:0;
    right:0;
    margin:auto;
    position: absolute;
}
.guard-slogan{
    display: block;
    width: 40%;
    bottom: 10%;
    left:0;
    right:0;
    margin:auto;
    position: absolute;
}
.guard-rules{
    text-align: center;
    position: absolute;
    bottom: 2%;
    width: 100%;
    text-align: center;
}
.guard-rules p{
    font-size: 14px;
    color:#ffc1d1;
}