@charset "UTF-8"; /* 颜色变量 */ /* 行为相关颜色 */ /* 基本颜色 */ .fontactive { color: #333; } .select_warp { z-index: 9; position: relative; } .custom { padding: 100rpx 0 180rpx; text-align: center; color: #008EFF; font-size: 28rpx; } .warpbox { position: fixed; width: 750rpx; left: 0; top: 80rpx; bottom: 0; z-index: 2; background: rgba(0, 0, 0, 0.7); } .screen_content { width: 702rpx; z-index: 2; border-top: 1rpx solid #CCCCCC; background-color: #fff; padding: 24rpx; } .screen_content .fir_li { margin-bottom: 20rpx; } .screen_content .fir_li .li_label { font-size: 28rpx; color: #333333; margin-bottom: 15rpx; } .screen_content .fir_li .li_box { width: 100%; border-radius: 15rpx; border: 1rpx solid #CCCCCC; height: 60rpx; padding: 0 35rpx; line-height: 60rpx; color: #999; } .screen_content .fir_li .form_right { display: flex; justify-content: space-between; } .screen_content .fir_li .form_right image { width: 40rpx; height: 40rpx; margin: 28rpx 5rpx 0 0; } .sort_content { background-color: #fff; padding-top: 24rpx; width: 750rpx; z-index: 2; border-top: 1rpx solid #CCCCCC; } .sort_content .sort_feedback { margin-bottom: 20rpx; margin-top: 20rpx; } .sort_content .sort_feedback .feedback_header { padding: 0 0 30rpx 24rpx; font-size: 28rpx; font-weight: 700; } .sort_content .sort_feedback .feedback_main { padding: 0 24rpx; } .sort_content .sort_feedback .feedback_main .main_con { padding-left: 20rpx; background-color: #fff; height: 80rpx; line-height: 80rpx; border: 1rpx solid #EAEAEA; } .sort_content .sort_feedback .feedback_main .tabactive { border: 1rpx solid #ff7800; color: #ff7800; } .manage_tab { width: 100%; height: 80rpx; line-height: 80rpx; background-color: #008EFF; display: flex; justify-content: space-around; position: absolute; left: 0; top: 0; z-index: 1; } .manage_tab .tab_array { display: flex; background: #fff; border-radius: 34rpx; height: 68rpx; width: 467rpx; overflow: hidden; } .manage_tab .tab_array image { width: 50rpx; height: 50rpx; margin: 8rpx 15rpx 0 28rpx; } .manage_tab .tab_array input { line-height: 68rpx; height: 68rpx; } .manage_tab .tab_screen { display: flex; } .manage_tab .tab_screen image { width: 43rpx; height: 44rpx; margin-top: 10rpx; } .active::after { content: ""; float: right; margin-right: 40rpx; } .mar-180 { margin-bottom: 180rpx; } .button_bottom { display: flex; width: 100%; height: 90rpx; background-color: #fff; line-height: 90rpx; text-align: center; font-size: 32rpx; } .button_bottom :first-child { flex: 1; color: #008EFF; border-top: 1rpx solid #CCCCCC; } .button_bottom :last-child { flex: 1; background-color: #008EFF; color: #fff; } .sort_active { color: #008EFF; } .screen_active { border: 1rpx solid #008EFF !important; }