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

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

.lineWidthAll{
  justify-content: center;
}

.panelTop{
  width:100%;
  z-index: 100;
  background-color: #274DAD;
  justify-content: flex-end;
}

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

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

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

.progress{
  width:690rpx;
  height:14rpx;
  border-radius: 7rpx;
  background-color: #F0F0F0;
}

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

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

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

.line3{
  width:2rpx;
  height:20rpx;
  background-color: #D2D2D2;
}


/* 临时页面 */

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