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

.container{
  font-size:28rpx;
}

.lineWidthAll{
  justify-content: center;
}

.panelTop{
  position: fixed;
  top:0;
  width:100%;
  z-index: 100;
}

.line{
  width:100%;
  height:30rpx;
  background-color: #F0F0F0;
}
.line0{
  height:267rpx;
}

.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;
  color:#4D4D4D;
}

.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;
  color:#4D4D4D;
}

.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; 
  color:#4D4D4D;
}

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

.panelItem10{
  width:100%;
  justify-content: space-around;
}

.panelItem11{
  width:230rpx;
  height:219rpx;
}

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


.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;
  color:#4D4D4D;
}

.list{
  align-items: flex-start;
  margin-top:20rpx;
}

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

.block{
  width:10rpx;
  height:10rpx;
  margin-right: 10rpx;
}
.block1{
  background-color: #008CAA;
  border:1rpx solid #016175;
}
.block2{
  background-color: #00B6DD;
  border:1rpx solid #00829E;
}
.block3{
  background-color: #DDB100;
  border:1rpx solid #9D7E01;
}
.block4{
  background-color: #FFCC03;
  border:1rpx solid #AE8B00;
}
.block5{
  background-color: #FF8C83;
  border:1rpx solid #BF524A;
}
.block6{
  background-color: #fff;
  border:1rpx solid #fff;
}
.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;
}

.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: 24rpx;
  color:#0071EF;
}

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

.panelFooter{
  width:100%;
  height:210rpx;
  background-color: #F0F0F0;
}

.btnChange{
  width:710rpx;
  height:110rpx;
  border-radius: 20rpx;
  border:1rpx solid #787878;
  color: #0071EF;
  background-color: #fff;
  line-height: 110rpx;
  font-size:36rpx;
  text-align: center;
}

/* 临时页面 */

.TempContainer{
  background-color: #0B8457;
  position: fixed;
  top:0;
  z-index: 100;
}
.TempContainer .Avatar{
  width:200rpx;
  height:200rpx;
  margin-top: 150rpx;
  border-radius: 50%;
}
.TempContainer .RemindText{
  font-size:54rpx;
  color:#fff;
  margin-top: 170rpx;
  text-align: center;
}
.TempContainer .RemindText2{
  font-size:32rpx;
  color:#fff;
  text-align: center;
}
.TempContainer .RemindText3{
  font-size:28rpx;
  color:#B6F57F;
  text-decoration: underline;
  margin-top: 40rpx;
}
.TempContainer .btn1{
  font-size:36rpx;
  color:#fff;
  margin-top: 40rpx;
  border:1rpx solid #fff;
  text-align: center;
  width:600rpx;
  line-height: 90rpx;
  border-radius: 14rpx;
}

.TempContainer .RemindText4{
  font-size:24rpx;
  color:#fff;
  width:620rpx;
}

.TempContainer .RemindText5{
  margin-top: 60rpx;
}

.TempContainer .color2{
  color:#B6F57F;
}

.TempContainer .btn2{
  width:290rpx;
  margin: 60rpx 15rpx 0 15rpx;
}