body{background:#fff}
.top{height: 4.9rem;width: 100%;background:url(../images/images_bg.jpg) no-repeat;background-size:contain;padding-top:0.53rem;box-sizing: border-box;}
.top img{width: 3rem;height: 3rem;border-radius: 50%;display:block;margin:0 auto;}
.bottom{width: 6.6rem;height: 7.09rem;border-radius: 0.15rem;box-shadow: 0 0 0.2rem rgba(216,216,216,0.3);margin:0 auto;margin-top:-0.83rem;background:#fff}
.bottom .head{text-align: center;font-size: .32rem;font-weight: bold;padding-top:0.32rem}

.bok{padding:0 0.6rem;overflow: hidden;}
.bokleft{float: left;}
.bokright{float: right;}
.buttonbox{margin-top: .7rem;}
.buttonbox input{width: 5.4rem;height: 1rem;border-radius: 1rem;background:#006bff;display:block;margin:0 auto;color: #fff;font-size: .32rem;font-weight: bold;}
.title{text-align: center;color: #999;font-size: .24rem;padding-top:0.3rem}
.title a{color: #006bff;font-size: .24rem;}
.blist{width:5.4rem;margin:0 auto;height: 1.35rem;position: relative;}
.blist input{height: .86rem;float: left;width: 4.85rem;border-bottom: 0.02rem solid #f7f7f7;margin-top: .38rem;font-size: 0.3rem;}
.blist .bg{margin-top: .66rem;margin-right: .25rem;}
.b1 .bg{width: .28rem;height: .32rem;background:url(../images/usericon.png) no-repeat;background-size: contain;float: left;}
.b2 .bg{width: .26rem;height: .32rem;background:url(../images/passicon.png) no-repeat;background-size: contain;float: left;}
.xiala{width: .32rem;height: .32rem;background:url(../images/xiala.png) no-repeat;background-size: contain;position: absolute;right: .2rem;top: .66rem;}
.bok p{font-size: .24rem;color: #999;margin-top: .3rem;}
.bokleft .bg{width: .24rem;height: .24rem;background:url(../images/normal.png) no-repeat;float: left;background-size: contain;margin-top: .35rem;margin-right: .15rem;}
.bokleft .bgactive{width: .24rem;height: .24rem;background:url(../images/active.png) no-repeat;float: left;background-size: contain;margin-top: .35rem;margin-right: .15rem;}
.bokleft p{float: left;}

.propmengban{position: fixed;width: 100%;height: 100%;background: #000;opacity: 0.6;filter: alpha(opacity=60);left: 0;top: 0;z-index: 10;}
.propbox{position: fixed;width: 100%;background: #fff;z-index: 30;bottom: 0;left: 0;}
.proptop{height: 1.2rem;border-bottom: .02rem solid #f7f7f7;padding:0 0.3rem}
.proptop p:nth-of-type(1){float: left;line-height: 1.2rem;font-size: .34rem;font-weight: bold;}
.proptop p:nth-of-type(2){width: 1.5rem;height: .54rem;border-radius: .54rem;background:#e5f0ff;color: #006bff;float: right;text-align: center;line-height: .54rem;margin-top: .33rem;}
.propcontent{padding:0 0.3rem;min-height: 5rem;max-height: 6.5rem;overflow: scroll;padding-bottom: .3rem;}
.proplist{width: 6.9rem;height: 1rem;border-radius: .1rem;background: #f7f7f7;line-height: 1rem;padding:0 0.3rem;box-sizing: border-box;font-size: .3rem;font-weight: bold;margin-top: .25rem;position: relative;}
.chabg{width: .32rem;height: .32rem;background:url(../images/grayerror.png) no-repeat;background-size: contain;position: absolute;right: .3rem;top: .34rem;}