.head{
|
width: 100vw;height: 88rpx;background: #FFFFFF;
|
position: fixed;top: 0;left: 0;z-index: 999;
|
display: flex;align-items: center;justify-content: center;
|
font-size: 36rpx;
|
font-weight: bold;
|
color: #333333;
|
}
|
.back{
|
width: 88rpx;height: 88rpx;
|
position: absolute;bottom: 0;left: 0;
|
display: flex;align-items: center;justify-content: center;
|
}
|
.back_pic{
|
width: 16rpx;height: 30rpx;
|
}
|
.icon{
|
width: 140rpx;
|
height: 140rpx;
|
background: #D8D8D8;
|
box-shadow: 0px 0px 20rpx 0px rgba(0, 0, 0, 0.1);
|
border-radius: 24rpx;
|
overflow: hidden;
|
margin: 120rpx auto 0 auto;
|
}
|
.btn{
|
font-size: 32rpx;
|
font-weight: 500;
|
color: #FFFFFF;
|
width: 690rpx;
|
height: 98rpx;
|
background: #7E3EFE;
|
border-radius: 16rpx;
|
display: flex;align-items: center;justify-content: center;
|
margin: 170rpx auto 40rpx auto;
|
}
|
.btns{
|
font-size: 32rpx;
|
font-weight: 500;
|
color: #330000;
|
width: 688rpx;
|
height: 96rpx;
|
border-radius: 16rpx;
|
border: 1rpx solid #CDCEE1;
|
display: flex;align-items: center;justify-content: center;
|
margin: auto;
|
}
|
.fl_pic{
|
width: 32rpx;height: 32rpx;
|
}
|
.fl_l{
|
padding: 20rpx;
|
}
|
.fl_r{
|
font-size: 28rpx;
|
font-weight: 500;
|
color: #999999;
|
}
|
.fl_r text{
|
color: #7E3EFE;
|
}
|
.fl{
|
width: 100vw;
|
display: flex;align-items: center;justify-content: center;
|
position: fixed;bottom: 2vh;left: 50%;transform: translateX(-50%);
|
}
|
.main_box{
|
width: 690rpx;
|
height: 96rpx;
|
display: flex;align-items: center;justify-content: space-between;
|
border-bottom: 1rpx solid #CDCEE1;
|
margin: auto;
|
margin-top: 40rpx;
|
}
|
.main_box input{
|
width: 100%;
|
height: 100%;
|
font-size: 32rpx;
|
font-weight: 500;
|
color: #333333;
|
}
|
.inpt{
|
color: #CDCEE1;
|
}
|
.main_r{
|
font-size: 32rpx;
|
font-weight: 500;
|
color: #666666;
|
}
|
.main{
|
margin-top: 120rpx;
|
}
|
.tit{
|
font-size: 56rpx;
|
font-weight: 800;
|
color: #150E33;
|
margin: 96rpx 0 0 30rpx;
|
}
|
.titib{
|
font-size: 28rpx;
|
font-weight: 500;
|
color: #5F6172;
|
margin: 12rpx 0 0 30rpx;
|
}
|
.mainb_icon{
|
width: 113rpx;height: 120rpx;margin: 144rpx auto 0 auto;
|
}
|
.mainb_title{
|
font-size: 36rpx;
|
font-weight: bold;
|
color: #150E33;
|
text-align: center;margin-top: 22rpx;
|
}
|
.flooer{
|
font-size: 26rpx;
|
font-weight: 500;
|
color: #666666;text-align: center;
|
margin-top: 40rpx;
|
}
|