html,body{width: 100%;height: 100%;background:#fbf7f8;}
.wrap{width: 100%;height: 100%;padding-bottom: 3rem;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}

.top_tit{overflow: hidden;height: 3rem;width: 100%;
    background: -webkit-linear-gradient(left,#28c0fa,#429afb);
    background: linear-gradient(left,#28c0fa,#429afb);
}
.top_tit>a{display:block;width: 33.33%;height: 3rem;line-height: 3rem;box-sizing: border-box;text-align: center;color:#fff;font-size:1rem;float: left;}
.top_tit>a em{vertical-align: middle;display:inline-block;width: 1rem;height: 1rem;margin-right: 0.5rem;}
.top_tit>a span{vertical-align: middle;display: inline-block;}
.top_tit .on{border-bottom: 3px solid #fff;}
.top_tit>a:nth-of-type(2){position: relative;}
.top_tit>a:nth-of-type(2) .line1,.top_tit>a:nth-of-type(2) .line2{width: 1px;height: 2rem;top: 0.5rem;
    background: url(../images/time/seperate_line_bg.png) no-repeat center center;background-size: contain;
}
.top_tit>a:nth-of-type(2) .line1{position: absolute;left: 0;}
.top_tit>a:nth-of-type(2) .line2{position: absolute;right: 0;}
.top_tit>a:nth-of-type(1) em{background: url(../images/time/mine_icon_tg.png) no-repeat center center;background-size: contain;}
.top_tit>a:nth-of-type(2) em{background: url(../images/time/mine_icon_mx.png) no-repeat center center;background-size: contain;}
.top_tit>a:nth-of-type(3) em{background: url(../images/time/icon_tg_code.png) no-repeat center center;background-size: contain;}

.wdxx{background:#fff;border-radius:3px;padding: 1rem;box-sizing: border-box;margin:0 auto 1rem ;}
/*.zi{height: 1.2rem;background:url(../images/right_xia.png) no-repeat left center;background-size:7%;color:#333;font-size:0.85rem;line-height: 1.2rem;padding-left: 1.5rem;box-sizing: border-box;margin-bottom: 1.2rem;}*/
.photo{width: 4rem;height: 4rem;margin: auto;background: #fbf7f8;border-radius: 0.8rem;}
.photo img{width: 88%;height: 88%;border-radius: 0.8rem;margin: 6%;}
.ul_box{width: 100%;overflow: hidden;}
.ul_box ul{width: 100%;overflow: hidden;}
.ul_box li{width: 33.33%;height: 100%;float: left;box-sizing: border-box;padding:0.2rem 0;text-align: center;font-size:0.8rem;color:#999;border-right: 1px solid #d4d4d4;}
.ul_box li:nth-of-type(4){border-right: none;}
.ul_box .yiji{font-size:2rem;margin-top: 0.3rem;}
.ul_box1 li:nth-of-type(1) .yiji{color: #9307e3;}
.ul_box1 li:nth-of-type(2) .yiji{color: #e15dd4;}

.big_box .wdxx:nth-of-type(2){padding: 1rem 0.5rem;}
.wdxxx .zi{background:url(../images/yj.png) no-repeat left center;background-size:7%;}
.ul_box1 li{width: 50%;border:0 none;}
/*.ul_box1 li:nth-of-type(2){border:0 none;}*/

.ul_box2 li{border: none;}
.ul_box2 li:nth-of-type(2){border-left:1px solid #ccc;border-right:1px solid #ccc;}
.ul_box2 li p em{font-size: 0.5rem;}
.ul_box2 li p:nth-of-type(1){height: 2rem;line-height: 2rem;font-size: 1rem;}
.ul_box2 li p:nth-of-type(2){font-size: 1rem;color: #9509e2;}




.zu_row{width: 95%;background: #fff;border-radius:3px;overflow: hidden;padding:0.8rem 0.5rem 0.8rem 1.2rem;box-sizing: border-box;margin:0 auto 0.1rem; }
/*.zu_row:last-of-type{margin-bottom: 3rem;}*/
/*.left_zu{float: left;color:#999999;font-size:0.75rem;}*/
/*.yjyl{color:#333;font-size:1rem;}
.wji{font-size:0.8rem;margin-top: 0.5rem;}
.right_zu{color:#FF9B00;font-size:1rem;float: right;line-height: 3.8rem;}*/
.zu_row em{display: inline-block;width: 1.2rem;height: 1.2rem;border-radius: 100%;color: #fff;text-align: center;line-height: 1.2rem;margin-right: 0.5rem;}
.level_1{background: #ff5e5e;}
.level_2{background: #ffa800;}
.level_3{background: #5e6dff;}
.level_4{background: #ae5eff;}
.zu_row span{color: #999999;font-size: 0.8rem;line-height: 1.2rem;}
.zu_row strong{color: #999;margin-left: 1rem;font-size: 0.8rem;line-height: 1.2rem;}
.zu_row p{color: #d7d7d7;font-size: 0.5rem;line-height: 1.2rem;}
/*点我赚钱*/
.djht{width: 10rem;height: 2.5rem;color:#FF9B00;border:1px solid #FF9B00;border-radius:3px;line-height: 2.5rem;text-align: center;margin:2rem auto 0.5rem;font-size:1rem;}
.casb{color:#888;font-size:0.8rem;text-align: center;}
.img_box{width: 100%;margin-top: 0.5rem;height: 26rem;overflow: hidden;position:fixed;left:0;bottom:0;}
.img_box img{width: 100%;}

.big_box2{margin-bottom: 3.5rem;background: #fbf7f8;}

/*返回*/
/*.back_box {
    display: block;
    width: 13rem;
    height: 3rem;
    background: url(../images/time/recharge_submit_bg.png) no-repeat center center;
    background-size: contain;
    color: #fff;
    font-size: 1rem;
    text-align: center;
    line-height: 3rem;
    margin: 2rem auto;
    letter-spacing: 2px;
}*/
.back_box {
    position: fixed;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 3rem;
    background: url(../images/fireflag/recharge_submit_bg.png) no-repeat center center;
    background-size: 120% 100%;
    color: #fff;
    font-size: 1rem;
    text-align: center;
    line-height: 3rem;
    letter-spacing: 2px;
}
.back_box:hover{color: #fff;}
.back_box:active{opacity: 0.8;}
