/* pages/turntable/hairpin/index.wxss */ .content{ padding: 20rpx; font-size: 28rpx; } .content .title{ border-bottom: 2rpx solid rgba(0,0,0,.2); padding-bottom: 15rpx; margin-bottom: 40rpx; } .content .title text{ padding: 6rpx 10rpx; border-left:6rpx solid #ee3a43; } .body{ padding: 40rpx; } .body .add_btn{ height: 600rpx; background: #ccc; border-radius: 10rpx; text-align: center; line-height: 600rpx; color: #fff; font-size: 160rpx; } .body .pictureView{ position: relative; } .body .pictureView .deleteIcon{ width: 80rpx; height: 80rpx; background: #ee3a43; font-size: 60rpx; color: #fff; border-radius: 50%; position: absolute; top: -40rpx; right: -40rpx; text-align: center; line-height: 80rpx; } .body .pictureView image{ width: 100%; } .buttom{ background: #fff; position: fixed; bottom: 0; width: 100%; display: flex; flex-direction: row; line-height: 80rpx; text-align: center; box-shadow: 0 -2rpx 5rpx rgba(0,0,0,.2); } .buttom .leftBtn{ width: 260rpx; border-right: 2rpx; } .buttom .rightBtn{ flex: 1; color: #fff; background: #ee3a43; } .radio-flex{ display: flex; align-items: center; } .radio-box .radio-group{ flex: 1; } .radio-box .radio-group .radio{flex: 1;}