apply.wxss 3.9 KB
/* pages/apply/apply.wxss */
.upimg{
 position: relative;
 display: flex;
 align-items: center;
 justify-content: center;
 color:#fff;
 font-size:40rpx;
 width:120rpx;
 height: 120rpx;
 border-radius: 50%;
 overflow: hidden;
 margin: 24rpx auto 34rpx auto;
 background: #CCCCCC;
}
.upimg image{
 display: block;
 width:100%;
 height: 100%;
  border-radius: 50%;
}
.upimg .iconfont{
 position: absolute;
 top:50%;
 left:50%;
 transform: translate(-50%,-50%);
 color:#fff;
 font-size:50rpx;
}
.apply_item{
 color:#333333;
 font-size:28rpx;
 display: flex;
 align-items: center;
 justify-content: space-between;
 margin: 0 32rpx;
 border-bottom:1rpx solid #e6e6e6;
 padding:30rpx 0;
}
 
.apply_item_input{
 display: flex;
 align-items: center;
 flex-direction: row-reverse;
 width:70%;
 color:#333;
 font-size:28rpx;
}
.apply_item_input input{
 width:100%;
}
.apply_item_input .iconfont{
 color:#ccc;
}
.big_item .apply_item_input{
 width:60%;
}
.apply_item_input input{
 text-align: right;
}
.input_p{
 color:#ccc;
 font-size:28rpx;
}
.apply_itemtxt{
 color:#ccc;
 font-size:28rpx;
}
.apply_nav{
 display: flex;
 align-items: center;
 margin: 70rpx 32rpx 0rpx 32rpx;
}
.apply_cell{
 position: relative;
 margin: 0 50rpx 0 0;
 color:#999;
 font-size:26rpx;
}
.apply_active{
 position: relative;
 color:#21AE59;
}
.apply_active::after{
position: absolute;
width:100%;
bottom:-5rpx;
background:#21AE59; 
left:0;
height: 2rpx;
content: '';
z-index:10;
}
.apply_title{
 margin: 34rpx 32rpx;
 color:#333;
 font-size:28rpx;
}
.apply_idbox{
 margin: 0 32rpx;
 display: flex;
 align-items: center;
 justify-content: space-between;
}
.apply_idimg{
 position: relative;
 width:49%;
 height: 202rpx;
 border:1rpx solid #e6e6e6;
 display: flex;
 align-items: center;
 justify-content: center;
 border-radius: 8rpx;
}
.apply_idimg image{
 height: 100%;
 width:100%;
 display: block;
}
.apply_idimgmain{
 position: absolute;
 top:50%;
 left:50%;
 display: flex;
 align-items: center;
 justify-content: center;
 flex-direction: column;
 width:100%;
 height: 100%;
 transform: translate(-50%,-50%);
 color:#666;
 font-size:26rpx;
}
.apply_idupimg{
 display: flex;
 align-items: center;
 justify-content: center;
 width:74rpx;
 height: 74rpx;
 border-radius: 50%;
 background: #41CD79;
 color:#fff;
 font-size:40rpx;
 margin: 0 0 20rpx 0;
}
.apply_idupimg .iconfont{
 font-size: 30rpx;
}
.apply_bottomtitle{
 margin: 74rpx 0 26rpx 0;
 text-align: center;
 color:#333333;
 font-size:33rpx;
 font-weight: bold;
}
.apply_bottom{
 margin: 0 32rpx 58rpx 32rpx;
 color:#666;
 font-size:26rpx;
 line-height: 50rpx;
}
.apply_btn{
 position: relative;
 margin: 0 32rpx 32rpx 32rpx;
 height: 88rpx;
 line-height: 88rpx;
 background: #41CD79;
 color:#fff;
 font-size:32rpx;
 display: flex;
 align-items: center;
 justify-content: center;
 border-radius: 8rpx;
}
.apply_btn:active{
 opacity: 0.7;
}
.color333{
 color:#333;
}
.apply_vold{
 
 position: fixed;
 top:0;
 left:0;
 width:100%;
 height: 100%;
 background: rgba(0,0,0,0.2);
 z-index: 10;
 display: flex;
 /* display: none; */
 justify-content: center;
 align-items: center;
}
.pickerview{
 position: relative;
 background: #fff;
 width:100%;
 margin: 0 auto;
 overflow: hidden;
}
.pickerview .icon-guanbi1{
 position: absolute;
 font-weight: bold;
 font-size: 40rpx;
 top:20rpx;
 right: 50rpx;
 color:#333;
 z-index:100;
}
.pickerview_top{
 width:100%;
 padding:0 30rpx;
 height: 400rpx;
}
.apply_vold_btn{
 display: flex;
 align-items: center;
 justify-content: space-between;
}
.applybtn{
 position: relative;
 border:1rpx solid #f6f6f6;
 color:#333;
 font-size: 40rpx;
 height: 80rpx;
 width:50%;
 display: flex;
 align-items: center;
 justify-content: center;
}
.inofbtn{
 position: absolute;
 top:0;
 left:0;

 width:100%;
 height: 100%;
 z-index:10;
 opacity: 0;

}
.applybtn:active{
 opacity: 0.7;
}
.yes_applybtn{
 background-color: #04be02;
 color:#fff;
 border:1rpx solid #04be02;
}
.column_view{
 display: flex;
 justify-content: center;
 align-items: center;
}