chengluApp/public/h5/css/style.css

html{font-size: 100px;}

input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea{margin: 0;border: 0;outline: none;}


.head{width: 100%;height: 1.06rem;
/* background: url(../img/head.png) no-repeat; */
background-size: 100% 100%;padding-top: .1rem;}
.logo{display: block;width: .7rem;height: .7rem;margin: 0 auto;}
.wrapper{margin: 0 .25rem;}
.item{display: flex;align-items: center;margin-top: .2rem;}
.icon{width: .16rem;height: .18rem;}
.inpt{flex: 1;}
.inptBox{flex: 1;display: flex;border-bottom: 1px solid #F0F0F0;align-items: center;margin-left: .14rem;}
.img{width: .7rem;height: .3rem;}
.codeBtn{display: block;width: .7rem;height: .3rem;border: 1px solid #0076c7;font-size: .12rem;color: #0076c7;text-align: center;line-height: .28rem;border-radius: .05rem;}
.eyeBtn{width: .5rem;height: .3rem;padding: .1rem 0 0 0;}
.eye{display: block;width: .15rem;height: .1rem;margin: 0 auto;}
.regBtn{width: 100%;height: .45rem;border-radius: .23rem;background: #0076c7;font-size: .18rem;color: #fff;text-align: center;line-height: .45rem;margin-top: .4rem;}
.xiey{font-size: .12rem;color: #666;text-align: center;margin-top: .14rem;line-height: .14rem;position: relative;margin-bottom: .15rem;}
.xiey span{font-size: .12rem;color: #0076c7;}
.xiey:before{display: inline-block;content: '';width: .14rem;height: .14rem;border-radius: 100%;background: #F0F0F0;vertical-align: top;margin-right: .08rem;}
/*.xiey.active:before{width: .12rem;height: .12rem;border: 1px solid #28D28B;background: #fff;}*/
.xiey.active:before{background: url(../img/quan.png);background-size: 100% 100%;}
/*.xiey.active:after{display: inline-block;content: '';width: .1rem;height: .1rem;border-radius: 100%;background: #28D28B;position: absolute;left: 11.6%;top: 2px;}*/
/*弹窗*/
.Mask{position: fixed;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0,0,0,.5);display: flex;align-items: center;justify-content: center;}
.content{width: 72%;border-radius: .05rem;background: #fff;padding: .2rem .2rem .15rem;}
.name{font-size: .16rem;text-align: center;color: #333;padding-bottom: .15rem;}
.neir{font-size: .12rem;color: #6E6E6E;line-height: .16rem;min-height: 2rem;max-height: 4rem;overflow: auto;}
.neir::-webkit-scrollbar{display:none;}
.btn{width: 90%;height: .36rem;border-radius: .18rem;background: #0076c7;text-align: center;line-height: .36rem;font-size: .14rem;color: #fff;margin-top: .2rem;margin-left: 5%;}

/*ans.html---------------------*/
.header{width: 100%;height: .44rem;background: #0076c7;font-size: .18rem;color: #fff;text-align: center;line-height: .44rem;}
.box{margin: .15rem;}
.timu{font-size: .16rem;color: #333;line-height: .22rem;}
.timu span{display: inline-block;height: .2rem;line-height: .2rem;border-radius: .03rem;padding: 0 .06rem;background: #0076c7;font-size: .12rem;color: #fff;margin-right: .08rem;}
.daBox{display: flex;align-items: center;margin-top: .28rem;}
.daBox span{display: block;width: 8%;font-size: .16rem;}
.daBox p{flex: 1;width: 92%;font-size: .16rem;color: #333;line-height: .2rem;}
.daBox.active span,.daBox.active p{color: #0076c7;}
.goBtn{width: 88%;height: .4rem;position: absolute;left: 5.9%;bottom: 5%;z-index: 2;}
.maskImg{width: 100%;position: absolute;bottom: 0;left: 0;}