page{ background-color: #f2f2f2; } /* ******************* */ .panelTop { width: 100%; height:100rpx; background-color: #fff; justify-content: space-between; position: fixed; top:0; border-bottom: 1rpx solid #d2d2d2; } .panelLeft { margin-left: 20rpx; justify-content: flex-start; } .panelRight { margin-right: 20rpx; justify-content: flex-end; } .panelTop1 { min-width:80rpx; height:80rpx; line-height: 80rpx; text-align: center; font-size: 28rpx; } .panelTop11 { margin:0 10rpx; } .panelTopBtn { font-size: 28rpx; font-weight: 500; width:110rpx; height:80rpx; text-align: center; line-height: 80rpx; } .universalpic_light_black_22x30{ width:22rpx; height:30rpx; } .universalpic_omit_black_36x10{ width:36rpx; height:10rpx; } .panelHeight10{ width:100%; height:10rpx; } .message_edit_01{ width:235rpx; height:174rpx; position: absolute; top:70rpx; right:45rpx; z-index: 10; } /* 中间开始 */ .panelItemCircle{ width:710rpx; border-radius: 20rpx; background-color: #fff; justify-content: space-between; } .panelItemCircleTop{ border-top-left-radius: 20rpx; border-top-right-radius: 20rpx; width:100%; height:20rpx; background-color: #fff; } .panelItemCircleBottom{ border-bottom-left-radius: 20rpx; border-bottom-right-radius: 20rpx; width:100%; height:20rpx; background-color: #fff; } .panelItemCircle1{ width:100%; height: 80rpx; justify-content: space-between; } .panelItemCircle11{ font-size: 28rpx; margin-left:30rpx; height: 100rpx; font-weight: 400; align-items: flex-start; } .panelItemCircle110{ height: 132rpx; } .panelItemCircle111{ font-size: 28rpx; color:#1e1e1e; } .panelItemCircle1110{ color:#4D4D4D; font-weight: 500; margin-top: 10rpx; } .panelItemCircle112{ font-size: 20rpx; color:#787878; margin-top: 4rpx; } .panelItemCircle12{ margin-right: 30rpx; } .line2{ width: 100%; height:1rpx; background-color: #E3E3E3; } .panelTimePlan { min-height: 100rpx; width:710rpx; justify-content: space-between; font-size: 28rpx; background-color: #fff; } .panelTimePlan1{ margin:30rpx 0 30rpx 30rpx; max-width: 554rpx; line-height: 35rpx; } .universalpic_practisemodel_black_30x28{ width:30rpx; height:28rpx; } .universalpic_plan_6dots_black_30x32{ width:30rpx; height:32rpx; } .universalpic_cardlist_black_30x28{ width:30rpx; height:28rpx; } .universalpic_typesize_black_30x18{ width:30rpx; height:18rpx; } .universalpic_tag_black_30x30{ width:30rpx; height:30rpx; } /* 中间结束 */ /* 弹出界面开始 */ .panelTag{ width: 690rpx; background-color: #fff; margin: 20rpx 30rpx; flex-wrap: wrap; justify-content: flex-start; } .panelTag .panelTag1{ color:#1e1e1e; height:73rpx; line-height: 73rpx; } .panelTag .panelTag2{ border-radius: 10rpx; background-color: #0071EF; color:#fff; } .panelTag .tag1{ font-size: 24rpx; margin-right: 20rpx; margin-top:10rpx; padding: 0 20rpx; } .universalpic_del_white_14x14{ width:14rpx; height:14rpx; margin: 10rpx 20rpx 0 -20rpx; } /* 弹出界面结束 */ .panelTitle { width: 100%; height:100rpx; justify-content: flex-start; } .panelTitle .panelTitle1 { font-size: 28rpx; margin-left: 30rpx; } .panelItem { width: 100%; justify-content: flex-start; font-size: 28rpx; min-height: 130rpx; height:auto; background-color: #fff; align-items: flex-start; font-weight: 400; } .iphone10plus{ width:100%; height:30rpx; background-color: #fff; } .panelItem0 { width:710rpx; margin-top:30rpx; } .panelItem01 { margin-top: 20rpx; width:80rpx; height: 100rpx; line-height: 100rpx; text-align: center; font-size:24rpx; margin-left: 20rpx; background-color: #fff; border-radius: 20rpx; } .panelItem1 { margin-left: 30rpx; font-weight: 400; } .panelItem .panelItem11{ margin: 45rpx 0 0 30rpx; justify-content: flex-start; align-items: flex-start; } .panelItem .number { font-family: 'Roboto-Black'; font-size: 24rpx; width: 40rpx; height: 40rpx; background-color: #0071ef; border-radius: 50%; text-align: center; line-height: 40rpx; color: #fff; } .panelItem .number2 { background-color: #fff; border:4rpx solid #0071EF; width: 36rpx; height:36rpx; line-height: 36rpx; color: #0071ef; } .panelItem2 { margin-right: 30rpx; font-weight: 400; } .panelItem .panelItem21 { font-weight: 400; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; width: 610rpx; font-size: 36rpx; color:#1e1e1e; margin: 40rpx 0 40rpx 40rpx; } .panelItem .textNull { color: #d2d2d2; font-weight: 400; } .panelItem .sound{ width:40rpx; height:40rpx; margin: 5rpx 10rpx 0 10rpx; border-radius: 50%; background-color: #F0F0F0; } .panelItem .universalpic_read_mark_black_20x20 { width:21rpx; height:20rpx; } .panelItem .textLine { text-decoration: underline; } .panelItem .textHighlighter { color:#fff; background-color: #1E1E1E; } .panelItem .textPinyin { text-decoration: underline; margin-right: 10rpx; } .panelItem .panelRecorder { width: 70rpx; height: 70rpx; background-color: #fff; border-radius: 10rpx; border:1rpx solid #9B9B9B; } .panelItem .imageFree{ width:100rpx; } .panelItem .textReturn{ width:100%; } .panelItem .textBr{ width:100%; height:20rpx; } .panelItem .textReturn2{ width:100%; height:30rpx; } .panelSave { width: 100%; background-color: #fff; position: fixed; bottom: 0; z-index: 10; border-top: 1rpx solid #d2d2d2; } .panelSave .panelSave00 { width: 100%; height: 120rpx; justify-content: space-between; } .panelSave .panelSave1 { width: 125rpx; line-height: 120rpx; text-align: center; font-size: 28rpx; color:#1e1e1e; } .panelSave2 { width: 500rpx; background-color: #fff; color:#1E1E1E; text-align: center; line-height: 80rpx; height:80rpx; border-radius: 10rpx; font-size:36rpx; border:2rpx solid #E3E3E3; } .panelSave .panelSave0{ width:290rpx; line-height:100rpx; text-align: center; margin:0; } .panelSave .line1 { width: 4rpx; height: 30rpx; background-color: #d2d2d2; } .universalpic_preview_black_30x30 { width: 36rpx; height: 36rpx; margin: 0 40rpx; } /* 字段编辑 */ .addItem { justify-content: flex-start; font-weight: 500; color: #1e1e1e; background-color: #f0f0f0; position: fixed; z-index: 100; } .left { margin-left: 20rpx; } .right { margin-right: 20rpx; } .panelItemTag { width: 100%; height: 100rpx; background-color: #fff; } .panelSaveTag0 { width: 80rpx; background-color: #fff; height: 80rpx; margin-left: 10rpx; } .universalpic_close_black_24x24{ width:24rpx; height:24rpx; } .panelSaveTag1 { width: 80rpx; height: 80rpx; background-color: #fff; margin-right: 10rpx; } .panelSaveTag2 { width: 80rpx; height: 80rpx; border-radius: 10rpx; background-color: #5282FA; } .universalpic_underline_default_20x40{ width:20rpx; height:40rpx; } .universalpic_underline_activate_60x40{ width:60rpx; height:40rpx; } .universalpic_backcolor_default_20x40{ width:20rpx; height:40rpx; } .universalpic_backcolor_activate_60x40{ width:60rpx; height:40rpx; } .universalpic_picture_black_30x30{ width:30rpx; height:30rpx; } .universalpic_soundwave_default_32x22{ width:32rpx; height:22rpx; } .universalpic_soundwave_activate_32x22{ width:32rpx; height:22rpx; } .universalpic_microphone_black_20x30{ width:20rpx; height:30rpx; } .add { font-size: 42rpx; font-weight: 600; margin: 0 10rpx 10rpx 0; } .panelSaveTag11{ margin-right: 0; } .panelSaveTag3 { width: 110rpx; font-size:28rpx; text-align: center; line-height: 80rpx; } .panelSaveTag31 { margin:0 10rpx 0 65rpx; width: 150rpx; justify-content: flex-end; } .panelSaveTag311 { margin-right:17rpx; } .line1 { width: 4rpx; height: 30rpx; background-color: #d2d2d2; margin-right: 20rpx; } .universalpic_help_gray_26x26 { width: 26rpx; height: 26rpx; margin: 0 0 0 40rpx; } .panelInput { width: 100%; margin-top: 10rpx; background-color: #fff; font-size: 36rpx; font-weight: 400; } .input { margin: 30rpx 30rpx 0 30rpx; width: 690rpx; height: 315rpx; } .panelBtnItem { width: 100%; background-color: #fff; } .panelBtnSmall { z-index: 10; width:100%; height: 100rpx; background-color: #fff; display: flex; white-space: nowrap; } .panelBtnSmall .btn0 { width: 10rpx; display: inline-block; } .panelBtnSmall .btn { width: 80rpx; background-color: #fff; border: 1rpx solid #fff; color: #787878; border-radius: 10rpx; text-align: center; line-height: 80rpx; height: 80rpx; margin-top: 10rpx; margin-right: 10rpx; font-size: 28rpx; font-weight: 700; display: inline-block; } .panelBtnSmall .btn1 { border: 1rpx solid #f0f0f0; background-color: #f0f0f0; color: #1e1e1e; } .panelBtnSmall .btn2 { font-size: 24rpx; } .universalpic_editbar_brackets_gray { width: 34rpx; height: 26rpx; } .universalpic_editbar_underline_gray { width: 18rpx; height: 28rpx; } .universalpic_read_end_white_44x26{ width: 44rpx; height: 26rpx; } .universalpic_editbar_sqr_gray { width: 25rpx; height: 22rpx; } .panelBtn { width: 100%; background-color: #f8f8f8; z-index: 10; } .panelBtn .line1 { width: 4rpx; height: 30rpx; background-color: #d2d2d2; } .panelBtn .text1 { width: 374rpx; line-height: 100rpx; text-align: center; font-size: 28rpx; color: #a20602; } .panelBtn .text2 { color: #0071ef; } .lineFooter { z-index: 10; } /* 更多功能 */ .numberContainer { width: 100%; justify-content: flex-start; align-items: flex-start; position: fixed; background-color: #f0f0f0; color:#1e1e1e; z-index: 20; border-top: 1 solid #fff; } .universalpic_bell_black_30x30{ width:42rpx; height:30rpx; margin: 50rpx 20rpx 0 30rpx; } .numberContainer .numberContaineFooter{ width: 100%; position: fixed; bottom: 0; align-items: flex-start; font-size: 36rpx; border-top: 1rpx solid rgba(0, 0, 0, 0.2); text-align: center; line-height: 131rpx; } .numberContainer .numberContaineFooter2{ color:#B3443B; font-weight: 500; } .universalpic_sequence_black_30x30_2{ margin: 50rpx 20rpx 0 30rpx; } .numberContainerFooter1{ width:100%; position: fixed; bottom:131rpx; } .numberContainerFooter102{ width:100%; height: 132rpx; justify-content: flex-start; } .numberContainerFooter103{ width:100%; height: 111rpx; justify-content: flex-start; } .numberContainerFooter104{ width:100%; height: 100rpx; justify-content: flex-start; } .numberContainerFooter101{ width:100%; height: 357rpx; justify-content: flex-start; align-items: flex-start; } .universalpic_edit_gray_25x25{ width: 25rpx; height: 25rpx; margin: 0 30rpx 0 30rpx; } .universalpic_typesize_gray_30x18{ width: 30rpx; height: 18rpx; margin: 57rpx 20rpx 0 30rpx; } .numberContainerFooter11{ align-items: flex-start; margin-top: 40rpx; } .numberContainerFooter111{ font-size:36rpx; font-weight: 400; } .numberContainerFooter1111{ margin-top: 40rpx; } .numberContainerFooter113{ font-size:28rpx; font-weight: 400; margin-left: 80rpx; } .numberContainerFooter112{ justify-content: flex-start; flex-wrap: wrap; } .numberContainerFooter1121{ line-height:73rpx; border:3rpx solid #D2D2D2; border-radius: 10rpx; text-align: center; margin: 30rpx 30rpx 0 0; font-size:24rpx; padding: 0 30rpx; } .numberContainerFooter1121Select{ border:3rpx solid #0071EF; color:#fff; background-color: #0071EF; } .RecorderPanel1{ width:100%; height:332rpx; background-color: #fff; position: fixed; bottom:0rpx; justify-content: flex-start; border-top:1rpx solid #d2d2d2; } .RecorderPanel11{ width:100%; margin-top: 60rpx; } .RecorderPanel111{ margin-left: 30rpx; } .RecorderPanel1111{ margin-left: 20rpx; font-size:36rpx; } .RecorderPanel112{ font-family: 'Roboto-Black'; font-size:36rpx; color:#787878; } .RecorderPanel1121{ color:#0071EF; } .btnRecorderStart{ width:690rpx; line-height:110rpx; background-color: #fff; border:2rpx solid #E3E3E3; text-align: center; font-size:28rpx; font-weight: 500; color:#1E1E1E; margin-top: 40rpx; border-radius: 10rpx; } .RecorderPanel12{ width:690rpx; height:110rpx; margin-top: 20rpx; justify-content: space-between; } .btnRecorderStart2{ width:335rpx; color:#1E1E1E; } .symbol1{ font-size:28rpx; margin-right: 20rpx; color:#F44336; } .symbol2{ font-size:28rpx; margin-right: 20rpx; color:#4D4D4D; } .btnRecorderEnd{ color:#fff; background-color: #5282FA; border:2rpx solid #5282FA; } .RecorderPanel2{ width:100%; height:449rpx; position: fixed; bottom:332rpx; } .edit_voicerecorder_illus{ width:222rpx; height:449rpx; } .RecorderPanel3{ width:100%; min-height:714rpx; position: fixed; top:0; justify-content: flex-start; } .RecorderPanel31{ width:100%; margin:30rpx 0; justify-content: flex-start; align-items: flex-start; } .panelLine2{ width:680rpx; height:1rpx; background-color: #d2d2d2; } .RecorderPanel311{ font-size:20rpx; color:#4D4D4D; margin-left: 30rpx; } .RecorderPanel32{ width:690rpx; height:1200rpx; font-size:36rpx; font-weight: 400; margin-top:30rpx; } /* ****菜单********* */ .panelMenu{ width: 100%; background-color: rgba(0, 0, 0, 0.66); z-index: 20; position: fixed; top: 0; } .panelMenu0{ justify-content: flex-end; position: fixed; bottom: 0; width: 100%; z-index: 20; } .panelMenu1{ width:710rpx; min-height: 110rpx; line-height: 110rpx; text-align: center; border-radius: 20rpx; background-color: #fff; font-size:36rpx; font-weight: 400; justify-content: space-between; } .panelMenu10{ margin-bottom: 50rpx; } .panelMenu11{ color:#FE6659; font-weight: 500; margin-bottom: 20rpx; } .panelMenu12{ margin-bottom: 20rpx; } .Arrow{ width:16rpx; height:26rpx; margin:0 30rpx; } .panelMenuLine{ width:100%; height:1rpx; background-color: #d2d2d2; } .iphone10plusMenu{ width:100%; height:200rpx; } .AndroidMenu{ width:100%; height:100rpx; } .HelpContainer{ background-color:rgba(0,0,0,0.16); position: fixed; top:0; z-index: 100; } .HelpContainer .HelpPanel1{ position: fixed; width:100%; bottom:0; background-color: #F8F8F8; border-top:1rpx solid #b6b6b6; } .HelpContainer .HelpPanel11{ width:100%; height: 100rpx; justify-content: space-between; border-bottom:1rpx solid #d2d2d2; } .HelpContainer .HelpPanel111{ width:80rpx; height:80rpx; margin-left: 20rpx; } .HelpContainer .HelpPanel112{ min-width:120rpx; height:80rpx; line-height: 80rpx; text-align: center; font-size:28rpx; } .HelpPanel2{ width:100%; height:822rpx; margin-bottom: 80rpx; } .universalpic_close_black_24x24{ width:24rpx; height:24rpx; } .HelpContainer .HelpPanel12{ width:100%; border-top:1rpx solid #D2D2D2; } .help_board_tips_jiaziliao{ width:630rpx; height:454rpx; margin: 80rpx 0; } .help_board_tips_diankaigengduo{ width:630rpx; height:530rpx; margin: 80rpx 0; } .help_board_tips_lianxvxinjian{ width:630rpx; height:546rpx; margin: 80rpx 0; } .help_board_tips_meihua{ width:630rpx; height:616rpx; margin: 80rpx 0; } .help_board_tips_geshi{ width: 630rpx; height:620rpx; margin: 80rpx 0; } /* ************************** */ .HelpPanel3{ height:568rpx; margin-bottom: 0; } .panelTitle2{ width: 690rpx; align-items: flex-start; } .panelTitle21{ font-size:32rpx; color:#4D4D4D; } .panelTitle22{ font-size:20rpx; color:#787878; margin-top:4rpx; } .panelTitle22MenuBtnSelect{ color:#fff; font-size:20rpx; margin-top:4rpx; } .panelTitle22MenuBtnDisabled{ color:#BCBCBC; font-size:20rpx; margin-top:4rpx; } .FontsizeShow{ width:690rpx; height:211rpx; font-size:48rpx; columns: #4d4d4d; border-radius: 10rpx; background-color: #e3e3e3; margin-top:30rpx; text-align: center; line-height: 211rpx; font-weight: 400; } .MenuBtn{ margin-top:30rpx; width:690rpx; justify-content: space-between; } .MenuBtn1{ width:157rpx; height:100rpx; border-radius: 10rpx; background-color: #fff; text-align: center; line-height: 100rpx; border:2rpx solid #DCDCDC; font-size: 24rpx; } /* ************************** */ .HelpPanel4{ height:944rpx; margin-bottom: 0; justify-content: flex-start; } .panelTitle20{ margin-top:60rpx; } .MenuBtn2{ width:260rpx; font-size: 28rpx; font-weight: 400; } .MenuBtn3{ width:380rpx; font-size: 28rpx; font-weight: 400; justify-content: space-between; padding-left:30rpx; margin-right:20rpx; } .MenuList{ width:100%; height:647rpx; background-color: #fff; justify-content: flex-start; margin-top:30rpx; overflow-y: auto; border-top:1rpx solid #D2D2D2; } .MenuItem{ width:710rpx; border:2rpx solid #E3E3E3; margin:0 0 20rpx 20rpx; border-radius: 10rpx; font-size:28rpx; } .MenuItem1{ width:650rpx; font-weight: 400; overflow: hidden; margin:30rpx 0; } .panelMenuBottom { width: 100%; height:160rpx; justify-content: space-between; font-size:24rpx; font-weight: 400; border-top:1rpx solid #d2d2d2; } .panelMenuBottom1 { width: 500rpx; height:160rpx; margin-left: 20rpx; justify-content: flex-start; } .Circle { width: 34rpx; height:34rpx; border-radius: 50%; border:3rpx solid #D2D2D2; background-color: #fff; margin:0 20rpx 0 10rpx; } .CircleSelected{ background-color: #5282FA; border:2rpx solid #5282FA; } .universalpic_checked_white_22x18{ width: 22rpx; height:18rpx; } .panelTop12 { margin:0 30rpx; } /* *************** */ .HelpPanel5{ height:650rpx; margin-bottom: 0; } .panelTitle23{ font-size:36rpx; color:#fff; background-color: #5282FA; margin-top:30rpx; } .panelTitle24{ font-size:28rpx; margin-top:30rpx; font-weight: 400; } .MenuBtn4{ width: 122rpx; } .universalpic_bell_black_30x30_2{ width:30rpx; height:30rpx; margin: 0 20rpx 0 10rpx; } .MenuBtn5{ width:690rpx; font-size: 28rpx; font-weight: 400; justify-content: space-between; margin-top:30rpx; } .panelHeight100{ width:100%; height:100rpx; } .panelHeight100_white{ background-color: #fff; } /* *************** */ .HelpPanel6{ height:800rpx; margin-bottom: 0; justify-content: flex-start; } .MenuBtn6{ width:690rpx; height:132rpx; font-size: 28rpx; font-weight: 400; justify-content: flex-start; margin-top:30rpx; } .richang_normal_b_60x60{ width:60rpx; height:60rpx; margin:0 30rpx; } .MenuBtn61{ align-items: flex-start; line-height: normal; } .MenuBtn7{ width:640rpx; margin-top:40rpx; align-items: flex-start; font-size:28rpx; font-weight: 400; justify-content: space-between; } .MenuBtn71{ width:500rpx; margin-top:4rpx; font-size:20rpx; } .switch{ margin-top:20rpx; } .MenuBtn8{ width:100%; height:100rpx; margin-top:40rpx; } .MenuBtn80{ font-size:20rpx; justify-content: flex-start; background-color: #E3FCF3; } .panelHeight100_green{ width:100%; height:50rpx; background-color: #E3FCF3; } .universalpic_infor_green_40x40{ width:40rpx; height:40rpx; margin:0 30rpx; } .MenuBtnDisabled{ border:2rpx solid #E3E3E3; background-color: #F0F0F0; color:#BCBCBC; position: relative; } .universalpic_stop_black_20x20{ width:20rpx; height:20rpx; } .disabled{ font-size:20rpx; color:#4D4D4D; position: absolute; top:30rpx; right:30rpx; } .disabled1{ line-height: normal; } .MenuBtnSelect{ background-color: #5282FA; border:2rpx solid #5282FA; color:#fff; font-size:36rpx; }