html,body{
    max-width: 750px;
    margin: 0 auto;
	height: 100%;
	color: #000;
}
.container{
    max-width: 750px;
    line-height: 1;
    padding-bottom: 1.08rem;
    margin: 0 auto;
	height: 100%;
	overflow-y: auto;
}
.flex{
    display: flex;
    align-items: center;
}
.sb{
	justify-content: space-between;
}




/*nav*/
.nav{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1.04rem;
    border-top: 0.02rem solid #eeeeee;
    background: #fff;
}
.nav li{
    width: 50%;
    height: 100%;
    text-align: center;
}
.nav-icon{
    height: 0.76rem;
    line-height: 0.76rem;
}
.nav-icon img{
    vertical-align: middle;
}
.nav-name{
    font-size: 0.2rem;
    color: #666;
}
.nav li.on .nav-name{
    color: #F7C82C;
}
.nav li:nth-child(1) .nav-icon{
    background: url("../img/nav_1.png") no-repeat center center;
    background-size: 0.5rem 0.48rem;
}
.nav li:nth-child(1).on .nav-icon{
    background: url("../img/nav_1_on.png") no-repeat center center;
    background-size: 0.5rem 0.48rem;
}
.nav li:nth-child(2) .nav-icon{
    background: url("../img/nav_2.png") no-repeat center center;
    background-size: 0.44rem 0.48rem;
}
.nav li:nth-child(2).on .nav-icon{
    background: url("../img/nav_2_on.png") no-repeat center center;
    background-size: 0.44rem 0.48rem;
}




/* first page */
.first-container{
	padding-bottom: 0;
}
.first-pic{
	display: block;
	width: 100%;
}
.go-login{
	position: fixed;
	bottom: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 1.28rem;
	background: rgba(0,0,0,.7);
}
.go-login a{
	display: block;
	width: 6.54rem;
	height: .8rem;
	border-radius: .8rem;
	background: linear-gradient(to right, #F6D470, #F6D470);
	font-size: .34rem;
	color: #fff;
	text-align: center;
	line-height: .8rem;
}

/* login rule page */
.lr-container{
	padding-bottom: 1.2rem;
}
.login-rule-text{
	padding: .3rem;
	font-size: .24rem;
	color: #000;
	line-height: 1.5;
}
.lr-btn{
	position: fixed;
	bottom: 0.2rem;
	left: .48rem;
	width: 6.54rem;
	height: .8rem;
	border-radius: .8rem;
	line-height: .8rem;
	background: linear-gradient(to right, #F89494, #FA566F);
	font-size: .34rem;
	color: #fff;
	box-shadow: 0px 6px 12px 2px rgba(0, 0, 0, 0.058);
}
.lr-btn:disabled{
	background: #C9C9C9;
	box-shadow: 0px 6px 12px 2px rgba(0, 0, 0, 0.058823529411764705);
	color: #9D9D9D;
}

.ca-btn{
	position: fixed;
	bottom: 0.2rem;
	left: .48rem;
	width: 6.54rem;
	height: .8rem;
	border-radius: .8rem;
	line-height: .8rem;
	background: linear-gradient(to right, #F6D470, #F3B143);
	font-size: .34rem;
	color: #fff;
	text-align: center;
	box-shadow: 0px 6px 12px 2px rgba(0, 0, 0, 0.3);
}


.login-container{
	padding: .3rem .3rem 1rem;
}
.login-top{
	font-size: .24rem;
	text-align: center;
	color: rgba(0,0,0,.5);
}
.login-title{
	padding-top: .32rem;
	font-size: .28rem;
	color: rgba(0,0,0,.3);
}

.login-ipt{
	width: 100%;
	height: .8rem;
	border-bottom: 1px solid rgba(0,0,0,.1);
	font-size: .34rem;
}
.login-bottom{
	margin-bottom: .4rem;
	font-size: .2rem;
	line-height: .4rem;
	color: rgba(0,0,0,.5);
}
.input-box{
	position: relative;
	margin-bottom: .16rem;
}
.agress-box{
	align-items: flex-start;
}
.agress-text{
	width: calc(100% - .4rem);
	font-size: .2rem;
	line-height: .4rem;
	color: rgba(0,0,0,.5);
}
.agress-text a{
	color: #F79E2C;
}
.agress-box input{
	margin: .05rem .1rem 0 0 ;
}
.code-btn{
	position: absolute;
	bottom: .16rem;
	right: 0;
	width: 1.56rem;
	height: .48rem;
	border-radius: .48rem;
	font-size: .24rem;
	color: #F79E2C;
	border: 1px solid #F79E2C;
	background: #fff;
}
.code-btn:disabled{
	color: rgba(0,0,0,.2);
	border: 1px solid rgba(0,0,0,.2);
}
.apply-btn{
	position: fixed;
	bottom: 0.2rem;
	left: .48rem;
	width: 6.54rem;
	height: .8rem;
	border-radius: .8rem;
	line-height: .8rem;
	background: linear-gradient(to right, #F6D470, #F3B143);
	font-size: .34rem;
	color: #fff;
	text-align: center;
}
.apply-btn:disabled{
	background: #D4D4D4;
}

input[type=checkbox],
input[type=radio]{
    display: none;
}
input[type=checkbox]+label,
input[type=radio]+label{
    width: .32rem;
    height: .32rem;
    margin-right: 0.1rem;
    background: url("../img/chk.png") no-repeat;
    background-size: .3rem;
}
input[type=checkbox]+label, input[type=checkbox]+label:after,
input[type=radio]+label, input[type=radio]+label:after{
    display: inline-block;
    cursor: pointer;
}
input[type=checkbox]:checked+label,
input[type=radio]:checked+label{
    background: url("../img/chk_on.png") no-repeat;
    background-size: .3rem;
}
.warn-box{ 
	display: none;
	position: fixed;
	bottom: 1.48rem;
	left: 2.14rem;
	width: 3.5rem;
	height: .56rem;
	border-radius: .56rem;
	background: rgba(255,255,255,.9);
	box-shadow: 6px 6px 12px 2px rgba(0, 0, 0, 0.058823529411764705);
	z-index: 9;
	font-size: .2rem;
	color: #FF261A;
	line-height: .56rem;
	text-align: center;
}



/* dialog */
.dialog-bg{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	bottom: 0;
	z-index: 10;
	background: rgba(0,0,0,.7);
	/* display: flex; */
	align-items: center;
	justify-content: center;
}
.dialog{
	position: relative;
	width: 6.4rem;
	background-color: #fff;
	border-radius: .2rem;
	padding: .64rem .4rem .3rem;
}
.dialog-title{
	font-size: .44rem;
	font-weight: bold;
	text-align: center;
	line-height: .6rem;
}
.dialog-text{
	font-size: .24rem;
	color: rgba(0,0,0,.3);
	margin: .16rem 0 .3rem;
}
.dialog-btn{
	width: 5.44rem;
	height: .8rem;
	border-radius: .8rem;
	background: linear-gradient(to right, #F6D470, #F3B143);
	font-size: .34rem;
	color: #fff;
	margin: 0 auto;
}
.dialog-agree{
	margin: .5rem 0 .1rem;
}
.warn-box-a{
	position: absolute !important;
	left: 1.5rem;
}

/* online page */
.online-container{
	background: #F6F6F6;
	padding-bottom: 1rem;
}
.o-pic,
.o-pic img{
	display: block;
	width: 100%;
}
.online-title{
	margin-top: .44rem;
	margin-bottom: .08rem;
	justify-content: center;
}
.ot-icon{
	margin: 0 .02rem;
	background: #000;
}
.i1{
	width: .04rem;
	height: .04rem;
	border-radius: .04rem;
}
.i2{
	width: .08rem;
	height: .08rem;
	border-radius: .08rem;
}
.i3{
	width: .12rem;
	height: .12rem;
	border-radius: .12rem;
}
.online-title span{
	font-size: .34rem;
	font-weight: bold;
	line-height: .48rem;
	padding: 0 .12rem;
}
.online-text{
	font-size: .22rem;
	line-height: .32rem;
	margin: .08rem 0;
	color: rgba(0,0,0,.5);
	text-align: center;
}
.online-form-box{
	width: 6.86rem;
	margin: .3rem auto .32rem;
	background-color: #fff;
	border-radius: .24rem;
}
.of-title{
	height: 1.121rem;
	padding-left: .32rem;
	border-bottom: 1px solid #eee;
	font-size: .34rem;
	font-weight: bold;
}
.of-title i{
	width: .08rem;
	height: .36rem;
	background: #F79E2C;
	border-radius: .16rem;
	margin-right: .1rem;
}
.of-main{
	position: relative;
	padding-left: .3rem;
	padding-bottom: .32rem;
}
.of-row{
	height: .88rem;
	border-bottom: 1px solid #eee;
}
.of-row-title{
	font-size: .28rem;
	color: rgba(0,0,0,.5);
}
.of-row-title span{
	color: #FF0000;
}
.of-row input{
	height: 100%;
	min-width: 4.5rem;
	font-size: .28rem;
}
.of-main .agress-box{
	margin: .3rem 0 .8rem;
}
.of-main  .apply-btn{
	position: static;
	width: 6.2rem;
}
.of-bottom{
	margin-top: .16rem;
	font-size: .2rem;
	line-height: .28rem;
	color: #FF261A;
	text-align: center;
}
.of-main .warn-box{
	left: 1.8rem;
	bottom: 1.7rem;
}
.online-warning{
	padding: 0 .32rem;
}
.ow-title{
	font-size: .34rem;
	line-height: .48rem;
	font-weight: bold;
	margin-bottom: .16rem;
}
.ow-text{
	margin: 0;
	font-size: .24rem;
	line-height: .48rem;
	color: rgba(0,0,0,.5);
}


/* mingxi page */
.mingxi-container{
	position: relative;
	height: 100%;
	background: #F6F6F6;
	padding-top: 1.6rem;
	padding-bottom: 0;
}
.search-box{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: .3rem .3rem 0;
}
.search-box input{
	width: 100%;
	height: .56rem;
	border: 1px solid rgba(0,0,0,.3);
	background: url(../img/search.svg) no-repeat .16rem center;
	background-size: .3rem .32rem;
	border-radius: .56rem;
	padding-left: .78rem;
	font-size: .24rem;
}
.tab-box{
	position: absolute;
	top: .86rem;
	left: 0;
	width: 100%;
	padding-left: .3rem;
	overflow-x: auto;
}
.tab-box::-webkit-scrollbar { width: 0 !important }
.tab-box li{
	flex: 0 0 auto;
	margin-right: .24rem;
	height: .72rem;
	line-height: .76rem;
	font-size: .28rem;
	color: rgba(0,0,0,.5);
	border-bottom: .04rem solid transparent;
}
.tab-box li.on{
	font-size: .34rem;
	color: #F79E2C;
	border-bottom: .04rem solid #F79E2C;
}
.mingxi-main{
	height: 100%;
	overflow-y: auto;
	padding: .3rem .3rem 1.3rem;
}
.mingxi{
	background-color: #fff;
	border-radius: .16rem;
	padding: .3rem .3rem .24rem;
	margin-bottom: .3rem;
	box-shadow: 0px 6px 12px 2px rgba(0, 0, 0, 0.058823529411764705);
}
.mx-title{
	font-size: .36rem;
	line-height: .5rem;
	font-weight: bold;
}
.mx-state{
	font-size: .28rem;
	line-height: .4rem;
}
.mx-state i{
	width: .18rem;
	height: .18rem;
	border-radius: .18rem;
	margin-left: .16rem;
}
.mx-state-1{
	color: #F79E2C;
}
.mx-state-1 i{
	background-color: #F79E2C;
}
.mx-state-2{
	color: #FF261A;
	/*color: #1CC66B;*/
}
.mx-state-2 i{
	background-color: #FF261A;
	/*background-color: #1CC66B;*/
}
.mx-state-3{
	
}
.mx-state-3 i{
	background-color: #1CC66B;
}
.mx-state-4{
	color: #FF261A;
}
.mx-state-4 i{
	background-color: #FF261A;
}
.mx-state-5{
	color: #FF261A;
}
.mx-state-5 i{
	background-color: #FF261A;
}
.mx-state-6{
	color: #FF261A;
}
.mx-state-6 i{
	background-color: #FF261A;
}
.mx-state-7{
	color: #FF261A;
}
.mx-state-7 i{
	background-color: #FF261A;
}
.mx-state-8{
	color: #FF261A;
}
.mx-state-8 i{
	background-color: #FF261A;
}
.mx-list{
	margin: .16rem 0 .2rem;
}
.mx-list li{
	margin-bottom: .08rem;
	font-size: .24rem;
	line-height: .34rem;
	color: rgba(0,0,0,.5);
}
.icon-phone{
	width: .28rem;
	margin-left: .16rem;
}
.icon-help{
	width: .28rem;
}
.jd-btn{
	width: 1.28rem;
	height: .44rem;
	border-radius: .44rem;
	border: 0.02rem solid #F79E2C;
	color: #F79E2C;
	font-size: .2rem;
	background-color: #fff;
}
.mx-line{
	text-align: center;
	font-size: .24rem;
	color: rgba(0,0,0,.5);
	padding-top: .2rem;
}
.mx-line button{
    display: block;
    width: 2rem;
    height: 0.49rem;
    border-radius: 0.49rem;
    border: 0.02rem solid #f63434;
    color: #f63434;
    background: #f7f7f7;
    font-size: 0.22rem;
    margin: 0 auto;
}
.order-finished-show{
    display: none;
    text-align: center;
    font-size: 0.21rem;
    color: #989a9d;
}
.mx-line.finished button{
    display: none;
}
.mx-line.finished .order-finished-show{
    display: block;
}


/* index page */
.index-container{
	padding: .25rem;
	background-color: #F6F6F6;
}
.index-pic,
.index-pic img{
	display: block;
	width: 100%;
	height: 2.86rem;
}
.bank-box{
	margin-top: .3rem;
}
.bt{
	font-size: .34rem;
	line-height: .48rem;
	font-weight: bold;
}
.bt img{
	width: .24rem;
	margin-left: .16rem;
}
.bt-rule{
	font-size: .24rem;
	color: #FF7518;
}
.index-bank-list{
	margin-top: .32rem;
	flex-wrap: wrap;
}
.index-bank{
	position: relative;
	width: 2.16rem;
	height: 3.1rem;
	margin-right: .1rem;
	background: #fff;
	border-radius: .16rem;
	text-align: center;
	padding-top: .28rem;
	margin-bottom: .3rem;
	box-shadow: 0px 6px 6px 2px rgba(0, 0, 0, 0.0588);
}
.index-bank-list .index-bank:nth-child(3n){
	margin-right: 0;
}
.ib-new{
	position: absolute;
	top: 0;
	left: 0;
	width: .88rem;
	height: .88rem;
	background: url(../img/new.png) no-repeat;
	background-size: 100% 100%;
}
.ib-new span{
 display:block;
 width: 100%;
 height: 100%;
 transform: rotate(-45deg);
 color: #fff;
 font-size: .16rem;
 text-align: center;
 line-height: .6rem;
}
.ib-logo{
	width: 0.64rem;
}
.ib-name{
	margin: .28rem 0 .08rem;
	font-size: .28rem;
	font-weight: bold;
	line-height: .42rem;
	color: rgba(0,0,0,.9);
}
.ib-tags{
	justify-content: center;
}
.ib-tags li{
	height: .3rem;
	line-height: .3rem;
	margin: 0 .04rem;
	background-color: rgba(247,200,44,.2);
	font-size: .16rem;
	color: #F7C82C;
	border-radius: .08rem;
	padding: 0 0.08rem;
}
.ib-text{
	margin: 0.06rem 0 0.16rem;
	font-size: .2rem;
	color: rgba(0,0,0,.5);
	line-height: .28rem;
}
.ib-btn{
	width: 1.86rem;
	height: 0.44rem;
	border-radius: .44rem;
	background-color: #FF7518;
	font-size: .26rem;
	color: #fff;
	line-height: .44rem;
	margin: 0 auto;
}
.ad{
	position: fixed;
	bottom: 3rem;
	right: .12rem;
}
.ad img{
	display: block;
	width: .72rem;
}


/* tuiguang list page */
.tg-container{
	background-color: #F6F6F6;
}
.tg-list{
	flex-wrap: wrap;
	padding: .32rem 0 .5rem .3rem;
}
.tg{
	width: 2.13rem;
	height: 2.28rem;
	margin: 0 .16rem .3rem 0;
	background-color: #fff;
	border-radius: .16rem;
	box-shadow: 0px 6px 6px 2px rgba(0, 0, 0, 0.0588);
	text-align: center;
	padding-top: .28rem;
}
.tg-list .tg:nth-child(3n){
	margin-right: 0;
}
.tg img{
	width: .64rem;
}
.tg-name{
	margin: .28rem 0 .16rem;
	font-size: .28rem;
	line-height: .4rem;
}
.tg-num{
	font-size: .2rem;
	color: rgba(0,0,0,.3);
}


/* apply page */
.apply-container{
	background: #F6F6F6;
}
.apply-top{
	height: 1.86rem;
	padding-left: .3rem;
	background: url(../img/a_top.png) no-repeat;
	background-size: 100% 100%;
}
.apply-top img{
	width: 1.94rem;
	margin-right: .32rem;
}
.at-content{
	color: #fff;
}
.at-title{
	font-size: .34rem;
	line-height: .48rem;
	margin-bottom: .14rem;
	font-weight: bold;
}
.at-text li{
	font-size: .2rem;
	line-height: .28rem;
	margin: .02rem 0;
}
.apply-rule{
	padding: .3rem;
}
.ar-title{
	font-size: .34rem;
	line-height: .48rem;
	font-weight: bold;
	margin-bottom: .16rem;
}
.ar-text{
	font-size: .28rem;
	line-height: .4rem;
	color: rgba(0,0,0,.5);
}
.ac-list{
	padding: 0 .3rem .5rem;
	margin-top: .3rem;
}
.apply-card{
	position: relative;
	display: block;
	width: 100%;
	height: 2.84rem;
	margin-bottom: .16rem;
	padding: .32rem .3rem 0;
	border-radius: .24rem;
	overflow: hidden;
	background: #fff;
	box-shadow: 0px 0px 12px 2px rgba(0, 0, 0, 0.05);
}
.ac-tag{
	position: absolute;
	top: 0;
	right: 0;
	width: 1.9rem;
	height: .44rem;
	background: linear-gradient(to bottom, #F6D470, #F3B143);
	text-align: center;
	color: #fff;
	font-size: .2rem;
	border-radius: 0 0 0 .24rem;
	line-height: .44rem;
}
.ac-name{
	font-size: .34rem;
	line-height: .48rem;
	font-weight: bold;
	margin-bottom: .3rem;
}
.ac-main img{
	width: 2.22rem;
	margin-right: .3rem;
}
.ac-content{
	width: calc(100% - 2.52rem);
}
.ac-text li{
	font-size: .2rem;
	line-height: .28rem;
	color: rgba(0,0,0,.5);
	margin: 0.04rem 0;
}
.ac-text li i{
	width: .08rem;
	height: .08rem;
	border-radius: .08rem;
	background-color: #F79E2C;
	margin-right: .08rem;
}
.ac-btn-box{
	margin-top: .2rem;
	justify-content: flex-end;
}
.ac-btn-box div{
	width: 1.44rem;
	height: .5rem;
	margin-left: .24rem;
	border-radius: .5rem;
	line-height: .46rem;
	font-size: .24rem;
	text-align: center;
}
.ac-btn-box div.af-1{
	border: .02rem solid #FA566F;
	color: #FA566F;
}
.ac-btn-box div.af-2{
	border: .02rem solid #FF7518;
	color: #FF7518;
}

.apply-fixed{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1.28rem;
	background: rgba(255,255,255,.8);
	justify-content: space-around;
}
.apply-fixed button{
	width: 3.24rem;
	height: 0.64rem;
	border-radius: 0.64rem;
	font-size: .34rem;
	color: #fff;
}
.apply-fixed button.af-1{
	background: linear-gradient(to right, #F89494, #FA566F);
}
.apply-fixed button.af-2{
	background: linear-gradient(to right, #F6D470, #F3B143);
}
.apply-fixed button.af-22{
	background: linear-gradient(to right, #F6D470, #F3B143);
}
.dr-text{
	margin: .3rem 0;
	padding-bottom: .3rem;
	max-height: 7rem;
	overflow-y: auto;
	font-size: .24rem;
	line-height: 1.5;
}
.dr-text a{
	color: #FF7518;
}
.dr-btn-box button{
	width: 2.44rem;
	height: .8rem;
	border-radius: .8rem;
	font-size: .34rem;
	color: #fff;
}
.dr-btn-box button#cancelBtn{
	background-color: #D4D4D4;
}
.dr-btn-box button#applyBtn{
	background: linear-gradient(to right, #F6D470, #F3B143);
}


/* my page */
.my-container{
	padding: .3rem .3rem 1.2rem;
	background: #F6F6F6;
}
.my-top{
	position: relative;
	background-color: #fff;
	border-radius: .24rem;
	height: 4.42rem;
	padding: .3rem .3rem 0;
}
.avatar{
	width: 1.52rem;
	height: 1.52rem;
	margin-right: .2rem;
	border-radius: 1.52rem;
}
.mt-name{
	font-size: .34rem;
	line-height: .46rem;
	color: rgba(0,0,0,.9);
	font-weight: bold;
	margin: .04rem 0;
}
.mt-text{
	margin: .04rem 0;
	font-size: .24rem;
	line-height: .34rem;
	color: rgba(0,0,0,.5);
}
.mt-level{
	color: rgba(0,0,0,.7);
	margin-left: .48rem;
}
.copy-btn{
	width: .72rem;
	height: .32rem;
	border-radius: .32rem;
	background-color: rgba(247,200,44,.3);
	color: #FF7518;
	font-size: .2rem;
	margin-left: .16rem;
}
.mt-title{
	margin: .4rem 0 .2rem;
	font-size: .24rem;
	color: rgba(0,0,0,.7);
}
.mt-money{
	font-size: .34rem;
}
.mt-money span{
	font-size: .56rem;
	line-height: .76rem;
	font-weight: bold;
}
.mt-text{
	margin-top: .16rem;
	font-size: .24rem;
	color: rgba(0,0,0,.5);
}
.mt-btn-box{
	position: absolute;
	bottom: .42rem;
	right: .3rem;
}
.mt-btn-box button{
	width: 1.2rem;
	height: .56rem;
	border-radius: .56rem;
	font-size: .28rem;
}
.mt-btn-box button:nth-child(1){
	background: linear-gradient(to right, #F6D470, #F3B143);
	color: #fff;
}
.mt-btn-box button:nth-child(2){
	border: .02rem solid #F7C82C;
	color: #F7C82C;
	background-color: #fff;
	margin-left: .16rem;
}


.my-middle{
	width: 100%;
	height: 3.14rem;
	margin: .16rem auto;
	background: #fff;
	border-radius: .24rem;
	padding: .3rem .3rem 0;
}

.yj-title{
	font-size: .28rem;
	color: rgba(0,0,0,.9);
	line-height: .4rem;
	font-weight: bold;
}
.yj-more{
	font-size: .28rem;
	color: rgba(0,0,0,.5);
}
.yj-2{
	margin: .18rem 0 .32rem;
	font-size: .24rem;
	line-height: .4rem;
	color: #232020;
}
.yj-2 span{
	margin-right: .4rem;
}
.yj-bar-box{
	position: relative;
	padding-top: .46rem;
}
.bar-text{
	position: absolute;
	top: 0;
	/* width: 2.2rem; */
	height: .36rem;
	background-color: #fff;
	text-align: center;
	line-height: .36rem;
	font-size: .2rem;
	color: #4a4949;
	padding: 0 .16rem;
	box-shadow: 0px 0px 12px 2px rgba(0, 0, 0, 0.058823529411764705);
}
.bar-text #level{
	color: #F7C82C;
}
.bar-box{
	position: relative;
	width: 5.98rem;
	height: .32rem;
	margin: 0 auto;
	overflow: hidden;
	padding-top: .08rem;
}
.bar{
	position: relative;
	width: 100%;
	height: .16rem;
	padding-top: .16rem;
	background-color: rgba(0,0,0,.1);
	border-radius: .16rem;
	overflow: hidden;
}
.bar-icon{
	position: absolute;
	top: 0;
	left: 0;
	width: .32rem;
	height: .32rem;
	border-radius: .32rem;
	background:#fff;
	border: .04rem solid #F7C82C;
	z-index: 2;
}
.bar-inset{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to right, #F7C82C, #F79E2C);
	border-radius: 0.16rem;
	right: 100%;
	transition: right .5s ease;
}
.text-box{
	margin-top: .08rem;
}
.text-box span{
	font-size: .16rem;
	color: #000;
}
.text-box span:nth-child(1){
	color: #F7C82C;
}
.level-0 .bar-text{
	left: 0;
}
.level-1 .bar-text{
	left: 16.666%;
}
.level-2 .bar-text{
	left: 33.333%;
}
.level-3 .bar-text{
	left: 49.999%;
}
.level-4 .bar-text{
	right: 33.333%;
}
.level-5 .bar-text{
	right: 16.666%;
}
.level-6 .bar-text{
	right: 0%;
}

.link-box{
	margin: 0 auto;
	background-color: #fff;
	border-radius: .24rem;
	padding: .4rem .3rem 0.2rem;
	flex-wrap: wrap;
}
.link{
	width: 25%;
	margin-bottom: .2rem;
	text-align: center;
}
.link img{
	width: 1.16rem;
}
.link-name{
	font-size: .24rem;
	color: #000;
}


/* form page */
.form-container{
	padding: .3rem .3rem 1.3rem;
	background-color: #F6F6F6;
}
.form-title{
	margin-bottom: .16rem;
	font-size: .28rem;
	line-height: .4rem;
}
.form-title span{
	color: rgba(0,0,0,.5);
}
.form-radio{
	margin-bottom: .3rem;
}
.radio-text{
	font-size: .28rem;
}
textarea{
	width: 100%;
	height: 1.3rem;
	border: none;
	background: transparent;
	border-bottom: 1px solid rgba(0,0,0,.1);
	font-size: .24rem;
	line-height: 1.5;
}
.upload-title{
	margin-top: .3rem;
}
.van-uploader{
	width: 100%;
	border-bottom: 1px solid rgba(0,0,0,.1);
}
.van-uploader__upload{
	border: 1px dashed rgba(0,0,0,.3);
}
.form-bottom{
	margin-top: .3rem;
	font-size: .28rem;
	line-height: .4rem;
	color: #FF261A;
}