.setting_container { display: flex; flex-direction: column; } .setting_segment { margin-left: 46px; margin-right: 46px; margin-bottom: 20px; } .setting_section { height: 88px; display: flex; flex-direction: row; align-items: center; } .setting_section_title { color: #fff; margin-left: 46px; font-weight: bold; font-size: 32px; opacity: 0.6; } .setting_header { font-size: 28px; margin-bottom: 20px; color: #fff; opacity: 0.4; margin-left: 86px; margin-right: 86px; letter-spacing: 0; } .setting_footer { font-size: 28px; margin-bottom: 40px; color: #fff; opacity: 0.2; margin-left: 86px; margin-right: 86px; letter-spacing: 0; margin-top: 20px; } .setting_cell{ display: flex; flex-direction: row; align-items: center; margin-left: 46px; margin-right: 46px; background-color: #1c1c1c; border-radius: 24px; height: 96px; padding-left: 40px; padding-right: 40px; } .setting_cell_group{ display: flex; flex-direction: column; margin-left: 46px; margin-right: 46px; background-color: #1c1c1c; border-radius: 24px; overflow: hidden; } .setting_cell_group_item{ display: flex; flex-direction: row; align-items: center; background-color: #1c1c1c; height: 96px; padding-left: 40px; padding-right: 40px; } .setting_cell_title{ color: #fff; font-size: 28px; } .setting_cell_value1{ color: #fff; opacity: 0.8; font-size: 28px; } .setting_tip{ background-color: rgba(255, 123, 0, 0.2); height: 56px; display: flex; flex-direction: row; align-items: center; padding-left: 46px; } .setting_tip_text{ color: #FF7B00; font-size: 28px; letter-spacing: 0; } /* #ifdef weapp */ .myswitch{ // width: 100px !important; // height: 50px !important; transform: scale(0.85); transform-origin: right center; margin-right: -10px; } /* #endif */ /* #ifdef rn */ .myswitch{ } /* #endif */ .new_item_cell_line{ height: 1px; background-color: #fff; opacity: 0.2; margin-left: 40px; transform: scaleY(0.5); }