@import "../../pages/template/Fan.wxss";

.container{
  font-size:28rpx;
  color:#4D4D4D;
}

.lineWidthAll{
  justify-content: center;
}

.practise_dashboard_header{
  width:100%;
  height:140rpx;
}

.panel1{
  width:100%;
  margin-top: 10rpx;
}
.panel11{
  width:710rpx;
  height:100rpx;
  justify-content: space-between;
  margin-top: 40rpx;
}
.panel111{
  font-size:32rpx;
  margin-left: 10rpx;
}
.panel112{
  width:80rpx;
  height:80rpx;
  margin-right: 10rpx;
}

.panel12{
  width:710rpx;
  height:100rpx;
  background-color: #fff;
  border-top-left-radius: 20rpx;
  border-top-right-radius: 20rpx;
  justify-content: space-between;
}

.universalpic_diagram_black_30x28{
  width:30rpx;
  height:28rpx;
  margin-left: 20rpx;
}

.panel121{
  font-size:28rpx;
  margin-left: 20rpx;
  font-weight: 400;
}
.panel122{
  color:#787878;
  font-size:28rpx;
  margin-right: 30rpx;
}

.Arrow{
  width:16rpx;
  height:26rpx;
}

.panel13{
  width:710rpx;
  height:100rpx;
  background-color: #fff;
  border-bottom-left-radius: 20rpx;
  border-bottom-right-radius: 20rpx;
  justify-content: space-between;
  margin-top: 1rpx;
}

.universalpic_wrench_black_30x30{
  width:30rpx;
  height:30rpx;
  margin-left: 20rpx;
}

.universalpic_light_black_22x30{
  width:22rpx;
  height:30rpx;
}

.study_index_usually{
  margin-top: 20rpx;
  width:476rpx;
  height:152rpx;
}
.study_plan_header{
  width:100%;
  height:84rpx;
}

.line0{
  width:100%;
  height:260rpx;
  background-color: #F0F0F0;
  align-items: flex-end;
}
.spot{
  font-size: 16rpx;
  color:#9b9b9b;
  font-weight: 400;
  margin: 0 4rpx 60rpx 4rpx;
}
.line{
  width:100%;
  height:20rpx;
  background-color: #F0F0F0;
}

.panelButtonTop{
  width:100%;
  background-color: #F0F0F0;
}

.btnChange{
  width:710rpx;
  height:100rpx;
  border-radius: 20rpx;
  color: #1e1e1e;
  background-color: #fff;
  line-height: 100rpx;
  font-size:28rpx;
  text-align: center;
  margin: 20rpx 0;
  font-weight: 400;
}

.universalpic_setup_black_30x30{
  width:30rpx;
  height:30rpx;
  margin-right: 20rpx;
}

.panelTitle{
  width:100%;
  justify-content: flex-start;
  height:100rpx;
  background-color: #fff;
}

.panelTitle0{
  width:100%;
  justify-content: flex-start;
  background-color: #fff;
}

.panelTitle00{
  margin: 20rpx 30rpx;
  color:#4D4D4D;
}

.universalpic_plan_2line_black_30x32{
  width:30rpx;
  height:32rpx;
  margin-left: 30rpx;
}


.panelTitle1{
  margin-left: 20rpx;
}

.panelButton{
  width:100%;
  height:137rpx;
  background-color: #fff;
  justify-content: center;
}

.panelButton10{
  width:230rpx;
  height:106rpx;
  background-color: #fff;
  border-radius: 0rpx;
  margin-bottom: 30rpx;
  font-size:32rpx;
}

.panelButton11{
  width:230rpx;
  height:106rpx;
  background-color: #0071EF;
  border-radius: 10rpx;
  color:#fff;
  margin-bottom: 30rpx;
  font-size:32rpx;
}

.text1{
  margin: 0 20rpx;
}

.line1{
  width:2rpx;
  height:20rpx;
  background-color: #D2D2D2;
  margin-bottom: 30rpx;
}

.panelItem{
  width:100%;
  background-color: #fff;
  justify-content: space-between;
}

.left{
  margin-left: 30rpx;
  align-items: flex-start;
}
.left1{
  margin-left: 30rpx;
  width:460rpx;
  justify-content: flex-start;
}

.text2{
  font-weight: 400;
  margin-top: 30rpx;
  align-self: flex-start;
}
.text3{
  font-size: 20rpx;
  color:#787878;
  margin-bottom: 34rpx;
  margin-top: 4rpx;
}
.right{
  margin-right: 30rpx;
}

.Number{
  font-size: 64rpx;
  font-family: Roboto-Black;
}

.text4{
  font-size: 20rpx;
  margin-bottom: -20rpx;
  margin-left:4rpx; 
}
.panelItem0{
  height:146rpx;
}

.panelItem1{
  width:100%;
  background-color: #fff;
}

.panelItem10{
  width:100%;
  justify-content: space-around;
  margin-bottom: 40rpx;
}

.panelItem11{
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 10rpx;
}

.line2{
  width:2rpx;
  height:219rpx;
  background-color: #E3E3E3;
}

.text7{
  font-weight: 400;
  align-self: flex-start;
  margin: 30rpx 0 20rpx 30rpx;
}

.text71{
  font-weight: 400;
  font-size:24rpx;
  margin: 20rpx 0 30rpx 30rpx;
}

.Number4{
  font-size:28rpx;
  font-family: Roboto-Black;
}

.Null1{
  width:300rpx;
}
.Null2{
  width:125rpx;
}
.fan{
  width:100rpx;
  height:100rpx;
  background-color: #fff;
  position: relative;
  z-index: 10;
  text-align: center;
  line-height: 100rpx;
  font-size:28;
}

.text5{
  font-size:24rpx;
}

.list{
  align-items: flex-end;
  margin-left: 25rpx;
}

.item{
  width:100%;
  justify-content: flex-end;
}

.item2{
  margin-top: 10rpx;
}

.block{
  width:16rpx;
  height:16rpx;
  margin-right: 10rpx;
  border-radius: 4rpx;
}
.block1{
  background-color: #00C4EE;
}
.block2{
  background-color: #0094EE;
}
.block3{
  background-color: #FFCC00;
}
.block4{
  background-color: #FF9900;
}
.Number1{
  font-size: 24rpx;
  font-family: 'Roboto-Black';
  margin: 0 5rpx 0rpx 5rpx;
}

.panelItem13{
  margin: 0 0 42rpx 0;
}

.panelItem2{
  width:50%;
  align-items: flex-start;
}

.panelItem21{
  width:100%;
  height:40rpx;
  justify-content: space-between;
  margin-top: 30rpx;
}

.text21{
  font-size:28rpx;
  margin: 0 0 0 30rpx;
  font-weight: 400;
}
.text22{
  font-size:20rpx;
  color:#787878;
  margin: 4rpx 0 30rpx 30rpx;
  align-self: flex-start;
}


.panel2{
  width:710rpx;
  justify-content: space-between;
}

.panel21{
  width:345rpx;
  height:414rpx;
  border-radius: 20rpx;
  background-color: #fff;
  justify-content: flex-start;
  align-items: flex-start;
}
.panel211{
  margin: 30rpx 0 0 30rpx;
  font-size: 28rpx;
  font-weight: 400;
}
.Number5{
  font-size:48rpx;
  font-family: Roboto-Black;
  margin: 0 0 0 30rpx;
}

.progress{
  width:285rpx;
  height:14rpx;
  border-radius: 7rpx;
  background-color: #F0F0F0;
  margin: 30rpx 0 0 30rpx;
}

.progress1{
  width:80%;
  height:14rpx;
  border-radius: 7rpx;
  background-color: #19C575;
}

.Number6{
  font-size:36rpx;
  font-family: Roboto-Black;
  margin: 0 0 0 30rpx;
}

.text10{
  font-size:20rpx;
  margin: 4rpx 0 0 4rpx;
}

.line4{
  width:100%;
  height:1rpx;
  background-color: #f0f0f0;
  margin-top: 30rpx;
}

.panel212{
  justify-content: space-between;
  width: 100%;
  height: 100rpx;
}

.panel2121{
  margin-left: 30rpx;
  font-weight: 700;
}

.panel22{
  background-color: #f0f0f0;
  justify-content: space-between;
}

.panel221{
  height: 243rpx;
}

.panel222{
  height: 151rpx;
}

.universalpic_questionmark_blue_40x40{
  width:40rpx;
  height:40rpx;
  margin: 0 20rpx 0 30rpx;
}

.panel2122{
  width:207rpx;
  font-size:28rpx;
}
.panel2221{
  margin: -28rpx 0 0 90rpx;
  font-size: 20rpx;
}

.line3{
  height:60rpx;
}


.panelItem3{
  width:50%;
  height:103rpx;
  justify-content: space-between;
}

.panelItem4{
  width:100%;
  height:103rpx;
}


.Number2{
  font-size: 36rpx;
  font-family: 'Roboto-Black';
}

.text6{
  font-size: 24rpx;
  margin-left:4rpx; 
  color:#787878;
}

.text9{
  font-weight: 400;
  margin-left: 30rpx;
}


.Number3{
  font-size: 36rpx;
  font-family: 'Roboto-Black';
  margin-right: 30rpx;
}

.text8{
  font-size: 28rpx;
  color:#0071EF;
}

.line3{
  width:100%;
  height:60rpx;
  background-color: #f0f0f0;
}


/* 临时页面 */

.TempContainer{
  background-color: #0B8457;
  position: fixed;
  top:0;
  z-index: 100;
}
.TempContainer .Avatar{
  width:160rpx;
  height:160rpx;
  margin-top: 100rpx;
  border-radius: 50%;
}
.TempContainer .RemindText{
  font-size:36rpx;
  color:#F0F0F0;
  margin-top: 60rpx;
  text-align: center;
  margin-bottom: 60rpx;
}


.TempContainer .RemindText2{
  font-size:24rpx;
  color:#F0F0F0;
  width:670rpx;
  margin-top: -30rpx;
  margin-bottom: 60rpx;
}

.universalpic_setup_green_30x30{
  width:30rpx;
  height:30rpx;
  margin:0 0 0 90rpx;
}
.universalpic_tips_green_70x70{
  width:70rpx;
  height:70rpx;
  margin:0 30rpx 0 40rpx;
}

.TempContainer .RemindButton{
  width:100%;
  align-items: flex-start;
}

.TempContainer .RemindButton00{
  justify-content: space-between;
  width:100%;
  height:134rpx;
}

.TempContainer .RemindButton001{
  align-items: flex-start;
}

.Arrow{
  width:16rpx;
  height:26rpx;
  margin-right: 30rpx;
}


.TempContainer .RemindButton0{
  width:80rpx;
  height:40rpx;
  text-align: center;
  color:#1e1e1e;
  line-height: 40rpx;
  border-radius: 20rpx;
  background-color: #19C575;
  margin-left: 40rpx;
  font-size:20rpx;
}

.TempContainer .RemindButton1{
  justify-content: flex-start;
  margin: 30rpx 0 0 0;
}

.TempContainer .RemindButton10{
  width:140rpx;
}

.TempContainer .RemindButton11{
  font-size:28rpx;
  color:#fff;
}
.TempContainer .RemindButton12{
  font-size:20rpx;
  color:#D2D2D2;
  margin-left: 140rpx;
}
.TempContainer .RemindButton120{
  margin-left: 0rpx;
}
.TempContainer .RemindButton13{
  height:30rpx;
}

.TempContainer .RemindLine{
  width:100%;
  height:1rpx;
  background-color:rgba(0,0,0,0.25);
}

.TempContainer .RemindText3{
  font-size:24rpx;
  color:#D2D2D2;
  width:670rpx;
  margin-top: 31rpx;
}

.TempContainer .RemindText4{
  font-size:20rpx;
  color:#D2D2D2;
  width:670rpx;
  margin-top: 20rpx;
  margin-bottom: 30rpx;
}

.TempContainer .footer{
  font-size:28rpx;
  color:#fff;
  border-top:1rpx solid rgba(0,0,0,0.25);
  text-align: center;
  width:100%;
  height: 100rpx;
  line-height: 100rpx;
  position: fixed;
  bottom: 0;
}

.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;
}

.HelpContainer .HelpPanel111{
  width:80rpx;
  height:80rpx;
  margin-left: 20rpx;
}

.universalpic_close_black_24x24{
  width:24rpx;
  height:24rpx;
}

.HelpContainer .HelpPanel112{
  width: 140rpx;
  height:80rpx;
  text-align: center;
  font-size: 28rpx;
  margin-right: 20rpx;
  line-height: 80rpx;
  font-weight: 700;
}
.HelpContainer .HelpPanel113{
  margin-right:0;
}

.HelpContainer .HelpPanel12{
  width:100%;
  border-top:1rpx solid #D2D2D2;
}

.help_board_tips_shouyeshezhi{
  width:630rpx;
  height: 500rpx;
  margin: 80rpx 0;
}

.HelpBtn{
  width:330rpx;
  height:240rpx;
  border-radius: 10rpx;
  background-color: #fff;
  position: relative;
  font-size: 28rpx;
  font-weight: 400;
  margin: 0 15rpx;
  border: 2rpx solid #E3E3E3;
}

.HelpBtn12{
  background-color: #5282FA;
  border: 2rpx solid #5282FA;
  color:#fff;
  font-weight:500;
}

.HelpBtn13{
  background-color: #F0F0F0;
  color:#BCBCBC;
  font-weight:500;
}

.HelpBtn2{
  width:690rpx;
  height:152rpx;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 30rpx;
}
.HelpBtn21{
  margin: 40rpx 0 0 40rpx;
  font-weight:400;
}
.HelpBtn22{
  margin: 4rpx 0 0 40rpx;
  font-size:20rpx;
}
.richang_normal_b_60x60{
  width:60rpx;
  height:60rpx;
  margin-bottom: 10rpx;
}


.HelpBtn3{
  width: 100%;
  background-color: #F8EDDB;
  align-items: flex-start;
  margin-top: 60rpx;
  margin-bottom: 100rpx;
}

.HelpBtn3_iPad{
  width: 100%;
  background-color: #F8EDDB;
  align-items: flex-start;
  margin-top: 60rpx;
  margin-bottom: 0rpx;
}
.HelpBtn30{
  height:168rpx;
  width: 620rpx;
  justify-content: space-between;
  margin: 30rpx;
}
.HelpBtn31{
  width: 100%;
  font-size:20rpx;
}

.universalpic_exclamation_orange_40x40{
  width: 40rpx;
  height:40rpx;
  margin: 30rpx 0 0 30rpx;
}

.HelpBtnDisabled{
  position: absolute;
  top:30rpx;
  right:30rpx;
  font-size: 20rpx;
  color:#4D4D4D;
  width: 170rpx;
  justify-content: space-between;
}

.HelpBtnDisabled2{
  width: 330rpx;
  font-weight: 700;
}
.universalpic_stop_black_20x20{
  width: 20rpx;
  height:20rpx;
}