.container { background-color: #fff; font-weight: 600; } .panel1 { width: 100%; } .panel11 { width: 100%; color: #2E2E2E; justify-content: flex-start; align-items: flex-start; } .panel111 { margin: 40rpx 0 0 50rpx; font-size: 24rpx; color: #4D4D4D; } .panel112 { margin: 0 0 0 50rpx; font-size: 60rpx; color: #2E2E2E; } .panel113 { margin: 33rpx 0 0 50rpx; width: 650rpx; height: 5rpx; background-color: #E3E3E3; } .panel12 { width: 100%; } .panel121 { width: 100%; margin-top: 30rpx; justify-content: space-between; } .panel1211 { margin-left: 60rpx; } .panel12111 { width: 10rpx; height: 10rpx; border-radius: 2rpx; background-color: #4D4D4D; margin-right: 20rpx; } .panel12112 { font-size: 24rpx; font-weight: 400; color: #4D4D4D; } .panel1212 { font-weight: 400; font-size: 24rpx; color: #4D4D4D; margin-right: 50rpx; } .panelLine1 { width: 650rpx; height: 1rpx; background-color: #E3E3E3; margin-top: 30rpx; } .panel13 { align-self: start; margin: 30rpx 0 10rpx 50rpx; font-size: 24rpx; color: #2E2E2E; } .panel14 { width: 100%; justify-content: flex-start; align-items: flex-start; } .sysIcon_d01 { width: 20rpx; height: 20rpx; margin-right: 10rpx; } .panel141 { margin: 30rpx 0 0 50rpx; font-size: 24rpx; font-weight: 400; color: #4D4D4D; } .panel142 { margin: 10rpx 0 0 50rpx; } .panel1421 { width: 550rpx; height: 16rpx; background-color: #F0F0F0; border-radius: 8rpx; } .panel1422 { width: 100rpx; font-family: Teko-SemiBold; font-size: 28rpx; color: #4D4D4D; text-align: right; } .panel2 { border-radius: 40rpx 40rpx 0 0; background-color: #E3E3E3; width: 100%; margin-top: 50rpx; } .panel21 { width: 690rpx; height: 80rpx; border-radius: 20rpx; margin: 30rpx 0 60rpx 0; background-color: #4D4D4D; color: #f0f0f0; } .panel211 { width: 340rpx; height: 70rpx; font-size: 28rpx; } .panel21100 { background-color: #fff; color: #4D4D4D; border-radius: 15rpx 5rpx 5rpx 15rpx; } .panel21111 { background-color: #fff; color: #4D4D4D; border-radius: 5rpx 15rpx 15rpx 5rpx; } .panel22 { width: 690rpx; height: 253rpx; border-radius: 20rpx; background-color: #fff; margin-bottom: 30rpx; box-shadow: 0 6rpx 0 0 rgba(0, 0, 0, 0.20); justify-content: flex-start; } .panel221{ width:100%; justify-content: space-between; margin-top: 40rpx; } .panel220{ margin-top: 20rpx; width:100%; justify-content: flex-start; } .panel2211{ margin-left: 30rpx; font-size: 36rpx; color: #2E2E2E; } .panel2212{ width:40rpx; height:40rpx; line-height: 40rpx; background-color: #4D4D4D; border-radius: 10rpx; margin-right: 30rpx; font-family: Teko-Bold; font-size: 28rpx; color: #FFFFFF; text-align: center; } .panel222{ width:630rpx; font-size: 24rpx; font-weight: 400; color:#787878; margin-top: 10rpx; } .panel223{ width:670rpx; height:80rpx; background: #F8F8F8; border-radius: 15rpx; margin-top: 30rpx; justify-content: space-between; } .panel2230{ margin-top: 10rpx; } .panel2231{ margin-left: 30rpx; font-weight: 400; font-size: 28rpx; color: #2E2E2E; } .panel2232{ margin-right: 40rpx; } .panel22311{ width: 12rpx; height:12rpx; border-radius:50%; background-color: #D2D2D2; margin-left: 20rpx; } .panel223110{ background-color: #4D4D4D; } .sysIcon{ width:20rpx; height:20rpx; } .sysIcon_50{ width:20rpx; height:20rpx; margin-right: 50rpx; } .sysIcon_b01{ width:14rpx; height:14rpx; margin: 0 10rpx 0 30rpx; } .panel22321{ font-family: Teko-Bold; font-size: 28rpx; color: #4D4D4D; margin-top: 7rpx; }