.use_rules{
    margin: 30px 4% 0;
    font-size: 1.3rem;
}
.use_con{
    display: flex;
    align-items: flex-start;
    margin-top: 20px;
}
.use_con>span{
    margin-right: 10px;
    width: 20%;
}
.use_con>div{
    width: 80%;
    text-align: justify;
    line-height: 22px;
}


.rules_con {
    margin: 30px 4% 0;
}
.integral_rules{
    display: flex;
    margin-top: 10px;
    font-size: 1.3rem;
    line-height: 22px;
}
.integral_rules>span{
    display: inline-block;
    text-align: justify;
    margin-left: 5px;
}
.vip_box{
    padding: 25px 4% 10px;
	background: url('../images/bg10.png') no-repeat;
	-webkit-background-size: 100%;
}
.go_vippage{
    margin-top: 10px;
    width: 100%;
}
.go_vippage>a{
    display: block;
    width: 100%;
}
.go_vippage>a>img{
    width: 100%;
}
.level_icon{
    display: block;
    margin: 5px auto 0;
    width: 70%;
    position:relative;
    top:-20px;
}
.vip_header{
    display: flex;
    align-items: center;
    /*margin-bottom: 20px;*/
    color: #fff;
}
.vip_header>span{
    display: block;
    margin: 0 auto;
    width: 17%;
}
.vip_header>span>img{
    width: 100%;
	border-radius: 50%;
	border: 1px solid #fff;
}
.vip_header>div>span{
    font-size: 1.2rem;
}
.vip_header>div>div{
    font-size: 1.3rem;
}
.vip_level{
    width: 100%;
}
.vip_level>img{
    width: inherit;
}
/*.vip_container li:first-child{
    border-top: 1px solid #e6e6e6;
}*/
.vip_container{
    border-top:1px solid #ededed;
    border-bottom:1px solid #ededed;
    background: #fff;
}
.vip_container>li{
	height: 50px;
	line-height: 50px;
    margin: 0 4%;
    border-bottom: 1px solid #e6e6e6;
	background: url(../images/arrow-right.png) no-repeat 96% center;
	-webkit-background-size: 2.5%;
	background-size: 2.5%;
}
.vip_container>li>a{
    display: flex;
    align-items: center;
	color: #000;
	font-size: 15px;
	width: 100%;
}
.vip_container>li>a>img{
    margin-right: 4%;
	width: 5%;
}
.vip_exit{
    display: block;
    margin: 25px auto 0;
    width: 70%;
}
.jifeng{
    margin-left: 5px;
}
.jifeng>img{
    margin-right: 2%;
    width: 7%;
    vertical-align: middle;
}
.bordern{
    border-bottom: 0!important;
}
.copyright_box{
    margin: 30px auto 80px;
    text-align: center;
}
.copyright_center{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    width: 100%;
}
.copyright_center a{
    padding: 0 4%;
    font-size: 1.3rem;
    color:  #388ee6;
}
.shu{
    width: 1px;
    height: 13px;
    background-color: #ccc;
}
.copyright_box p{
    font-size: 5px;
    color: #999;
}




.integral_top{
    position: relative;
    background: url(../images/bg10.png) no-repeat;
    background-size: 100%;
}
.integral_con{
    padding: 50px 0;
    color: #fff;
}
.integral_con>span{
    font-size: 2rem;
    font-weight: bold;
}
.integral_con>p{
    font-size: 1.3rem;
}
.integral_rule{
    padding: 5px;
    position: absolute;
    top: 35px;
    right: 10%;
    color: #fff;
    font-size: 1.3rem;
    border: 1px solid #fff;
}
.vip_container2_li{
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #000;
    padding: 6px 0;
    margin: 0 4%;
    border-bottom: 1px solid #a88747;
}
.my_history>img{
    margin-right: 4%;
    width: 9%;
}
.my_history{
    display: flex;
    align-items: center;
}
.my_history>div{
    line-height: 20px;
}
.my_history>div>span{
    font-size: 1.3rem;
}
.my_history>div>p{
    font-size: 1.2rem;
    color: #999;
}
.vip_container2_li>p{
    font-size: 1.5rem;
}
.qiandao{
    width: 36%;
    margin-top: 5px;
}
.qiandao2{
    position: fixed;
    left: 0;
    top: 60px;
    margin: 0 10%;
    height: 420px;
    background: url('../images2/bg7.png') no-repeat center;
    background-size: 100%;
    z-index: 999;
}
.qiandao2>div{
    height: 162px;
}
.qiandao3{
    position: fixed;
    left: 0;
    top: 48px;
    margin: 0 10%;
    width: 80%;
    height: 420px;
    background: url('../images2/bg8.png') no-repeat center;
    background-size: 100%;
    z-index: 999;
}
.unlock{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin: 0 8%;
}
.unlock>li{
    margin-top: 15px;
    width: 15%;
    text-align: center;
}
.unlock>li>img{
    width: 100%;
}
.unlock>li>a>img{
    width: 100%;
}
.unlock>li>a>div{
    font-size: 1.3rem;
    color: #af7706;
}
.unlock>li>div{
    font-size: 1.3rem;
    color: #af7706;
}
.qiandao2>input{
    display: block;
    width: 80%;
    margin: 45px auto 0;
}
.guan{
    width: 10%;
    position: absolute;
    right: -2%;
    top: -15px;
}
.guan2{
    width: 10%;
    position: absolute;
    right: -2%;
    top: -1px;
}
.gao{
    height: 139px;
}
.jia{
    font-size: 2.1rem;
    color: #fff;
    text-align: center;
}
.tianshu{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 110px;
    color: #af7706;
    font-size: 1.3rem;
}
.tianshu>div{
    width: 15%;
    height: 1px;
    background: #b8b8b8;
}
.tianshu>p{
    margin: 0 10px;
}
.tishi{
    margin-top: 10px;
    font-size: 1.3rem;
    color: #5e5e5e;
    text-align: center;
}
.vip_header_div1{
    width: 25%;
}
.three_items{
    background:#fff;
    border-bottom: 1px solid #ededed;
    margin-bottom: 14px;
}
.three_items ul{
    width:100%;
    display: flex;
    justify-content: space-between;
}
.three_items .s_item{
    width:30%;
    padding:16px 0;
}
.three_items .s_item a {
    text-decoration: none;
}
.three_items .s_item span{
    display: block;
    width:100%;
    text-align: center;
}
.three_items .s_item span.the_name{
    color:#666;
    font-size:14px;
}
.three_items .s_item span.the_count{
    color:#000;
    font-weight:600;
    font-family:Arial;
    font-size:1.6rem;
    padding-bottom: 5px;
}
@media (max-width: 480px){
    .level_icon{
        width: 75%;
    }
}
@media (max-width: 414px){
    .vip_header>div{ margin-right: 4%;}
    .level_icon{
        width: 90%;
    }
    .three_items{
        margin-bottom: 12px;
    }
    .three_items .s_item{
        width:30%;
        padding:12px 0;
    }
}
@media (max-width: 375px){
    .qiandao2{margin: 0 6%;}
    .guan2{top: 15px;}
    .qiandao3{top: 30px;}
    .level_icon{width: 95%;}

}
@media (max-width: 360px){
    .qiandao2{margin: 0 3%;}
    .guan{width: 9%;right: 0%;top: -12px;}
    .guan2{width: 9%;top: 25px;}
    .tianshu{margin-top: 103px;}
    .vip_header_div1{width: 30%;}
    .level_icon{width: 85%;}
    .three_items{
        margin-bottom: 10px;
    }
    .three_items .s_item{
        width:30%;
        padding:10px 0;
    }
    .three_items .s_item span.the_name{
        font-size:12px;
    }
    .three_items .s_item span.the_count{
        font-size:1.4rem;
        padding-bottom: 5px;
    }
}
@media (max-width: 320px){
    .qiandao2{margin: 0 2%;top: 50px;}
    .unlock>li>div{font-size: 1.2rem;}
    .unlock{margin: 0 7%;}
    .guan{top: 8px;}
    .qiandao3{top: 10px;}
    .guan2{top: 48px;}
    .gao {height: 145px;}
    .tianshu {margin-top: 85px;}
}