.banner{
    width: 100%;
    display: block;
}
.nav_title{
    width: 94%;
    background: url(../../img/h5/img_1.png) no-repeat center center;
    background-size: 2.49rem;
    text-align: center;
    margin:0.2rem auto; 
    color: rgba(255,255,255,0.5);
    font-size: .32rem;
}
.nav_title.on{
    width: 100%;
}
.nav{
    margin:0 0.33rem ;
}
.nav li{
    width: 1.5rem;
    text-align: center;
    float: left;
    margin-bottom: 0.2rem !important;
    padding: 0.2rem 0 0.22rem ;
    box-sizing: border-box;
    border-radius: 0.1rem;
    color: rgba(255,255,255,0.5);
    font-size: .24rem;
}
.nav li:nth-child(3n-1){
    margin: 0 calc( ( 100% - 1.5rem * 3 ) / 2 );
}
.nav li img{
    max-height: 0.66rem;
    text-align: center;
    display: block;
    margin:  0 auto;
}
.nav li.on{
    box-shadow: 0 0 0.08rem  rgba(33,20,1,0.2)
}
.nav_list{
    display: none;
    margin-bottom: 0.5rem;
}
.nav_list.on{
    display: block;
}
.back{
    background: url(../../img/h5/back.png) no-repeat center;
    background-size: 0.35rem;
    position: fixed;
    bottom: 0.4rem;
    right:3%;
    width: 0.35rem;
    height: 0.36rem;
    display: none;
}
.nav_list h2{
    font-size: 0.26rem;
    color: rgba(255,255,255,.5);
    line-height: .5rem;
}
.nav_list p{
    font-size: .2rem;
    color: rgba(255,255,255,0.5);
    line-height: .4rem;
}
.nav_list img{
    max-width: 100%;
    width: 100%;
}
.nav_list.in h2{
    padding: 0.1rem 0
}
.field{
    display: block;
}
.field li{
    padding: 0.3rem 0.05rem 0;
    box-sizing: border-box
}
.field li h2{
    padding-left: 0.27rem;
    font-size: 0.3rem;
    color: #fff;
    line-height: 0.4rem;
    position: relative;
}
.field li h2::after{
    width: 0.04rem;
    height: 0.30rem;
    position: absolute;
    left: 0.1rem;
    top: 0.05rem;
    content: '';
    background: #448EF6;
}
.field li p{
    font-size: 0.26rem;
    color: #B0B0B2;
    line-height: 0.35rem;
    margin-top: 0.2rem;
    margin: 0.2rem 0.27rem 0;
    padding-bottom: 0.28rem;
}
.background{
    background: #171928
}
/* body{
    position: relative;
    width: 100%;
    overflow: hidden;
} */
.field li:last-child p{
    border-bottom: none
}
.funds p{
    font-size: 0.26rem;
    color: #888888;
    line-height: 0.37rem;;
}
.funds h2{
    font-size: 0.3rem;
    color: #333333;
    line-height: 0.45rem;
    padding: 0.1rem 0
}
.funds img{
    max-width: 100%;
    width: 100%;
    margin: 0.2rem 0
}
.funds{
    padding: 0.2rem 0 0.5rem 0;
}
.append li h2,.append li p{
    font-size: 0.2rem;
    color: #888;
    line-height: 0.45rem;
}
.append li{
    padding: 0.2rem 0;
    text-align: left;
}
.append{
    width: 100%;
    box-sizing: border-box;
    padding: 0 3%
}
/* .append li p{
    text-indent: 2em;
} */
.declaration li h1{
    font-size: 0.3rem;
    color: #fff;
    line-height: 0.45rem;
    /* text-align: center; */
    padding: 0.2rem 0 0.25rem 0;
}
.dicat h2:first-child{
    margin-top: 0.15rem
}
.dicat h2{
    font-size: 0.3rem;
    color: #fff;
    line-height: 0.5rem;
    margin-top: 0.3rem;
}
.dicat p{
    font-size: 0.24rem;
    line-height: 0.5rem;
    color: #888888;
    word-break: break-all;
    text-align: justify;
}
.dicat{
    padding-bottom: 0.5rem
}
.sms{
    position: absolute;
    box-sizing: border-box;
    padding-left: 20%;


    
    top: 50%;
    transform: translate(-50%,-50%);
}