/* pages/user/artUpload/artUpload.wxss */ page{ height: 100%; background:rgba(240,242,246,1) } .page-art .atr-user-header{ margin:30rpx 0 60rpx 0; } .page-art .form-list{ padding: 0 30rpx; margin-bottom: 60rpx; } .page-art .warn{ padding-left: 50rpx; font-size: 25rpx; color: red; } .page-art .atr-user-header .user-header{ position: relative; display: block; width: 124rpx; height: 124rpx; /* overflow: hidden; */ border-radius: 50%; } .page-art .atr-user-header .user-header .img-full{ border-radius: 50%; overflow: hidden; background: #f1f1f1; } .page-art .atr-user-header .user-header .img-header{ width: 124rpx; height: 124rpx; overflow: hidden; border-radius: 50%; } .page-art .atr-user-header .user-header .icon-close{ position: absolute; right:-10rpx; top:-10rpx; width: 50rpx; height: 50rpx; z-index: 2; } .page-art .upload-box{ position: relative; min-height:380rpx; max-height: 450rpx; border:2rpx solid rgba(234,234,234,0.46); margin-bottom: 40rpx; } .page-art .upload-box .icon-close{ position: absolute; right:-10rpx; top:-10rpx; width: 50rpx; height: 50rpx; z-index: 2; } .page-art .upload-box .lable-text{ position: absolute; left: 0; top:0; width:108rpx; height:44rpx; line-height: 44rpx; text-align: center; background:rgba(44,48,57,1); z-index: 2; font-size: 24rpx; color: #fff; } .page-art .upload-box .up-inner{ position: absolute; left: 50%; top:50%; transform: translate(-50%,-50%); } .page-art .upload-box .up-inner .icon{ display: block; width: 62rpx; height: 62rpx; margin: 0 auto 40rpx auto; } .page-art .upload-box .up-inner .text{ color: #161616; font-size: 32rpx; text-align: center; } .page-art .art-title{ color: #161616; font-size: 28rpx; line-height: 1.6; padding: 30rpx 0; } .page-art .planer-image{ width: 100%; height: 450rpx; } .item-form-border-info{ background:rgba(241,241,241,1); border:2rpx solid rgba(234,234,234,1); padding: 10rpx; color: #161616; font-size: 24rpx; margin-bottom: 30rpx; } .item-form-border-title{ color: #161616; font-size: 28rpx; margin-bottom: 20rpx; } .item-form-border{ position: relative; margin-bottom: 30rpx; } .item-form-border .input-text{ position: relative; z-index: 1; height:100rpx; background:rgba(255,255,255,1); border:2rpx solid rgba(234,234,234,1); padding-left: 160rpx; color: #161616; font-size: 28rpx; } .item-form-border.lg .input-text{ padding-left: 190rpx; } .item-form-border.nolabel .input-text{ padding-left: 30rpx; } .item-form-border .item-label{ position: absolute; top:50%; transform: translate(0,-50%); left: 0; color: #B2B2BF; font-size: 24rpx; z-index: 2; padding-left: 30rpx; } .item-form-border .label-until{ position: absolute; top:50%; transform: translate(0,-50%); right: 0; color: #B2B2BF; font-size: 24rpx; z-index: 2; padding-right: 30rpx; } .item-form-border .icons-select{ position: absolute; top:50%; transform: translate(0,-50%); right: 30rpx; color: #B2B2BF; font-size: 24rpx; z-index: 2; width: 22rpx; height: 12rpx; } .item-form-border .textarea-text{ display: block; height:338rpx; background:rgba(255,255,255,1); border:2rpx solid rgba(234,234,234,1); width: 100%; box-sizing: border-box; padding:30rpx; font-size: 28rpx; color: #161616; } .btn-box{ display: flex; margin-left: -20rpx; margin-right: -20rpx; padding-bottom: 30rpx; } .btn-box>view{ flex: 1; padding: 0 20rpx; } .btn-box .small-btn{ height:100rpx; line-height: 100rpx; background:rgba(255,255,255,1); border:2rpx solid rgba(22,22,22,1); text-align: center; color: #161616; font-size: 32rpx; } .btn-box .small-btn.btn2{ background:rgba(44,48,57,1); color: #fff; border-color:#2C3039; }