.panel1{ width:100%; height:140rpx; color: #C1E1C1; justify-content: space-between; position: relative; } .text01{ font-size: 36rpx; margin-left: 70rpx; } .panel11{ margin-right: 70rpx; font-size:24rpx; } .sysIcon_a01{ width:24rpx; height:24rpx; margin-right: 10rpx; } .panel10{ position: fixed; top:0; width: 100%; height:140rpx; z-index: 10; justify-content: flex-start; background-image: linear-gradient(180deg, #004433 0%, rgba(0,46,34,0.80) 100%); } .panel101{ background: #CA4B15; border-radius: 10rpx; height:70rpx; margin-left: 30rpx; padding: 0 30rpx; } .text03{ font-size:24rpx; color:#fff; margin-left: 20rpx; } .sysIcon_a03{ width:20rpx; height:20rpx; } .panel2{ width: 690rpx; min-height: 300rpx; background: #002F24; box-shadow: 0 10rpx 0 0 rgba(0,0,0,0.50); border-radius: 40rpx; margin: 0 0 230rpx 0; } .panel20{ width:646rpx; height:90rpx; background: #061A1B; border-radius: 5rpx; margin: 10rpx 0 0 0; justify-content: flex-start; } .panel21{ border-radius: 20rpx 20rpx 5rpx 5rpx; margin: 30rpx 0 0 0; } .panel210{ border-radius: 5rpx 5rpx 20rpx 20rpx; margin: 10rpx 0 30rpx 0; } .panel211{ width:16rpx; height:90rpx; border-radius: 5rpx 0 0 5rpx; margin-right: 14rpx; } .panel2110{ background: #CA4B15; } .txtWord{ width:570rpx; height:50rpx; text-align: left; font-size:36rpx; font-weight: 400; color: #FFDD88; } .txtWordFinished{ background-color: #004433; } .placeholderClass{ color:#627062; } .panelFooter{ width: 100%; height:180rpx; background-image: linear-gradient(180deg, #004433 0%, #002C21 100%); position: fixed; bottom: 0rpx; align-items: flex-start; z-index: 10; } .panelFooter1{ width:730rpx; height:140rpx; color:#F2F2F2; background: #1E1E1E; box-shadow: 0 30rpx 0 0 #0C0C0C; border-radius: 10rpx 10rpx 60rpx 60rpx; } .panelFooter10{ background-color: #303030; font-size:24rpx; } .panelFooter11{ width:160rpx; height:120rpx; border-radius: 5rpx 10rpx 10rpx 50rpx; } .panelFooter12{ width:160rpx; height:120rpx; border-radius: 10rpx 10rpx 10rpx 10rpx; margin: 0 10rpx; } .panelFooter13{ width:370rpx; height:120rpx; border-radius: 10rpx 5rpx 50rpx 10rpx; font-size:36rpx; } .text02{ font-size:24rpx; margin-top: 17rpx; } .panelHelp{ background-color: rgba(0,0,0,0.00); z-index: 20; position: fixed; top:0; } .panelHelp1{ width: 100%; position: fixed; bottom:902rpx; } .sysIcon_b06{ width:100%; height: 642rpx; position: absolute; } .panelHelp2{ position: absolute; left:0; right:0; top:160rpx; } .text07{ font-size: 36rpx; color: #2E2E2E; text-align: center; width:288rpx; } .btn3{ width:310rpx; height:90rpx; background: #303030; border-radius: 20rpx; color:#F2F2F2; margin-top: 50rpx; } .panelMenu{ background-color: rgba(26,67,51,0.50); z-index: 20; position: fixed; top:0; } .panelMenu1{ width:100%; background: #1E1E1E; border-radius: 60rpx 60rpx 0 0; position: fixed; bottom:0; justify-content: flex-start; } .panelMenu11{ width: 100%; } .text04{ align-self: start; margin: 50rpx 0 0 40rpx; font-size: 28rpx; } .text05{ margin: 40rpx 0 0 40rpx; } .text06{ margin: 20rpx 0 0 40rpx; } .panelMenu111{ width:720rpx; flex-wrap: wrap; margin: 30rpx 0 0 30rpx; justify-content: flex-start; align-items: flex-start; } .btn{ margin: 0 20rpx 20rpx 0; height:90rpx; padding: 0 26rpx; background: #1E1E1E; border: 6rpx solid #303030; box-shadow: 0 6rpx 0 0 rgba(0,0,0,0.20); border-radius: 20rpx; color:#D2D2D2; font-size: 28rpx; } .btnSelected{ background: #0D4433; border: 6rpx solid #C1E1C1; box-shadow: 0 6rpx 0 0 rgba(0,0,0,0.10); color: #C1E1C1; } .btn2{ width: 650rpx; height:90rpx; background: #303030; border-radius: 20rpx; margin: 60rpx 0; font-size: 36rpx; } .sysIcon_b01{ width:40rpx; height:40rpx; margin-right: 20rpx; } .panelClose{ width:100rpx; height:100rpx; position: absolute; top:20rpx; right:30rpx; } .panelClose1{ width:60rpx; height:60rpx; background: #303030; border-radius: 50%; } .panelExampleBtn{ width: 100%; height:140rpx; background: #875A4B; font-size: 48rpx; color: #F0F0F0; position: fixed; bottom:0; } .pic_h01{ position: fixed; bottom:176rpx; width: 670rpx; height:950rpx; } .pic_04{ width:100%; height: 170rpx; position: fixed; bottom:140rpx; }