.title{ text-align: center; margin: 20rpx 0; font-size: 42rpx; color: #333; } .top-img{ width:100%; } .form-wrapper{ padding:10rpx 20rpx 0; } .form-item{ display: flex; height: 68rpx; margin:0 0 32rpx; } .item-left{ width:130rpx; color:#2a2a2a; font-size: 30rpx; text-align: justify; margin: auto 0; } .item-right{ border-radius:10rpx; border: 2rpx solid #DCDCDC; flex:1; padding:0 20rpx 0; text-align: left; color:#85868A; font-size: 28rpx; margin: auto; height: 66rpx; } .city-select{ display: flex; justify-content: flex-end; align-items: center; } .city{ color:#85868A; } .arrow-down{ width:0rpx; height:0; border-left: 14rpx solid transparent; border-right: 14rpx solid transparent; border-top: 16rpx solid #85868A; /* margin-left:8rpx; */ margin-top: -35rpx; position: absolute; right: 40rpx; } .register-btn{ background: #0099ff; border-radius: 10px; background-size: 100%; width:592rpx; height: 114rpx; margin:50rpx auto 80rpx; color:#fff; font-size: 36rpx; line-height:114rpx; text-align: center; font-weight:bold; } .name-input{ color: #333; /* //#85868A; */ font-size: 32rpx; line-height: 66rpx; height: 66rpx; text-align: left; } .weui-uploader { margin-top: 50rpx; } .weui-uploader__hd { display: -webkit-box; display: -webkit-flex; display: flex; padding-bottom: 10px; -webkit-box-align: center; -webkit-align-items: center; align-items: center; } .weui-uploader__title { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; color: #333; } .weui-uploader__info { color: #b2b2b2; } .weui-uploader__bd { margin-bottom: -4px; margin-right: -9px; overflow: hidden; } .weui-uploader__file { float: left; margin-right: 9px; margin-bottom: 9px; } .weui-uploader__img { display: block; width: 79px; height: 79px; } .weui-uploader__file_status { position: relative; } .weui-uploader__file_status:before { content: " "; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); } .weui-uploader__file-content { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; } .weui-uploader__input-box { float: left; position: relative; margin-right: 9px; margin-bottom: 9px; width: 77px; height: 77px; border: 1px solid #d9d9d9; } .weui-uploader__input-box:after, .weui-uploader__input-box:before { content: " "; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #d9d9d9; } .weui-uploader__input-box:before { width: 2px; height: 39.5px; } .weui-uploader__input-box:after { width: 39.5px; height: 2px; } .weui-uploader__input-box:active { border-color: #999; } .weui-uploader__input-box:active:after, .weui-uploader__input-box:active:before { background-color: #999; } .weui-uploader__input { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; }