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

page {
  background-color: #233E84;
}

.container {
  background-color: #233E84;
}

.panelNull{
  width:100%;
  height:317rpx;
  background-color: #3157BA;
  position: absolute;
  top: 0;
}

.mg4_practicePic_3 {
  width: 100%;
  height: 420rpx;
  position: absolute;
  top: 317rpx;
}

.mg4_practicePic_4 {
  width: 100%;
  height: 826rpx;
  position: absolute;
  top: 1335rpx;
}

.mg4_textH1_1 {
  width: 266rpx;
  height: 187rpx;
  justify-content: flex-start;
  align-self: flex-start;
  margin: 100rpx 0 0 60rpx;
  z-index: 10;
}

.mg4_textH2_2 {
  width: 132rpx;
  height: 40rpx;
  justify-content: flex-start;
  align-self: flex-start;
  margin: 40rpx 0 0 60rpx;
  z-index: 10;
}
.btnBasic{
  background: #FFFFFF;
  border-radius: 10rpx;
  width:120rpx;
  height:48rpx;
  z-index: 10;
  position: absolute;
  top:327rpx;
  left:242rpx;
}

.mg4_textH3_4{
  width:100rpx;
  height:21rpx;
}


.panel1 {
  margin-top: 100rpx;
  width: 690rpx;
  background-color: #fff;
  box-shadow: 0 20rpx 0 0 #BCBCBC, 0 40rpx 0 0 rgba(0, 0, 0, 0.30);
  border-radius: 40rpx;
  color: #4D4D4D;
  position: relative;
  justify-content: flex-start;
  min-height: 170rpx;
}

.panel2{
  margin-top: 80rpx;
}


.panel21{
  margin: 60rpx 0 0 0;
  align-items: flex-start;
  justify-content: space-between;
  width: 570rpx;
}

.panel210{
  align-items: center;
}

.panel31{
  justify-content: flex-start;
}

.panel311{
  margin-left: 18rpx;
  width: 34rpx;
  height: 34rpx;
  border-radius: 50%;
  background-color: #EB5C28;
}

.text1 {
  font-size: 36rpx;
}

.mg4_iconNext_1{
  width:14rpx;
  height:20rpx;
}

.text2{
  font-size: 28rpx;
  color: #787878;
  text-align: right;
}

.text6 {
  margin: 10rpx 0 0 0;
  font-size: 22rpx;
  font-weight: 400;
}

.panel3{
  margin: 80rpx 0 115rpx 0;
}

.panel22{
  margin: 40rpx 0 0 0;
  width: 630rpx;
}


.panel221{
  width: 310rpx;
  height:252rpx;
  background: #F2F2F2;
  border-radius: 20rpx;
  align-items: flex-start;
  justify-content: flex-start;
  margin: 5rpx;
  position: relative;
}

.panel2211{
  width: 30rpx;
  height:30rpx;
  background: #4d4d4d;
  border-radius: 10rpx;
  margin: 30rpx 0 0 30rpx;
}

.mg4_iconNum1_1{
  width: 6rpx;
  height:12rpx;
}
.mg4_iconNum2_1{
  width: 8rpx;
  height:12rpx;
}
.mg4_iconNum4_1{
  width: 10rpx;
  height:12rpx;
}

.text7{
  margin: 30rpx 0 0 30rpx;
  font-size: 28rpx;
}

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

.text9{
  margin: 0 0 0 30rpx;
  font-size: 28rpx;
}

.text10{
  background: #FFFFFF;
  border-radius: 10rpx;
  font-size: 20rpx;
  color: #EB5C28;
  text-align: center;
  width:100rpx;
  line-height: 48rpx;
  position: absolute;
  top:20rpx;
  right:20rpx;
}

.mg4_textH3_2{
  width:80rpx;
  height: 20rpx;
}


.panel24{
  width: 630rpx;
  background: #F2F2F2;
  border-radius: 20rpx;
  align-items: flex-start;
  justify-content: flex-start;
  margin: 5rpx;
  position: relative;
  margin-bottom: 30rpx;
}

.panel241{
  background: #FFFFFF;
  border-radius: 20rpx;
  width:590rpx;
  margin: 30rpx 0 20rpx 20rpx;
  justify-content: flex-start;
}

.panel2411{
  width:100%;
  justify-content: space-between;
  align-items: flex-start;
}

.text11{
  font-size: 24rpx;
  height:33rpx;
}

.panel24112{
  width:478rpx;
  height:235rpx;
  margin-top: 30rpx;
  z-index: 20;
  align-items: flex-start;
}

.panel24111{
  width:96rpx;
  height:149rpx;
  margin:30rpx 0 0 0;
}

.panel241111{
  margin-top: 20rpx;
  width:96rpx;
  height:96rpx;
}

.mg4_iconMSymbol_3{
  width:20rpx;
  height:20rpx;
  margin: 92rpx 26rpx 0 26rpx;
}

.panel24122{
  margin-top: 70rpx;
  align-items: flex-start;
}

.text28{
  font-family: Roboto-Black;
  font-size: 28rpx;
}
.text29{
  font-size: 22rpx;
  margin-top: -5rpx;
}

.text12{
  font-size: 24rpx;
  font-weight: 400;
  line-height:96rpx;
  margin-left:80rpx;
}

.panel242{
  width:570rpx;
  height:116rpx;
  background: #f2f2f2;
  border-radius: 10rpx;
  margin: -68rpx 0 0 0;
}

.panel2421{
  justify-content: flex-start;
  margin: 5rpx 0;
  width: 100%;
}

.text13{
  font-size: 24rpx;
  font-weight: 400;
  margin-left: 30rpx;
}

.color1{
  width:16rpx;
  height:16rpx;
  border-radius: 4rpx;
  background: #F8C6B4;
  margin-left: 10rpx;
}

.color2{
  background: #EF7F57;
}

.text14{
  margin-top: 43rpx;
  font-size: 24rpx;
  font-family: Roboto-Black;
}

.text141{
  margin-top: 15rpx;
}

.panel243{
  width:570rpx;
  margin: 10rpx 0 0 0;
  justify-content: space-between;
}

.panel2431{
  width:280rpx;
  height:143rpx;
  border-radius: 10rpx;
  background: #f2f2f2;
  margin-bottom: 10rpx;
}

.panel24311{
  width:100%;
  justify-content: space-between;
}

.panel243111{
  margin-right: 30rpx;
}


.panel241112{
  align-items: flex-start;
  height:60rpx;
  margin-top: 70rpx;
}

.text33{
  font-family: Roboto-Black;
  font-size: 28rpx;
  color: #4D4D4D;
  text-align: center;
}
.text34{
  font-size: 22rpx;
  color: #4D4D4D;
}
.text32{
  font-size: 22rpx;
  font-weight: 400;
  color: #5A5A5A;
  align-self: flex-start;
  margin: 20rpx 0 20rpx 30rpx;
}

.text17{
  font-size: 24rpx;
  font-weight: 400;
  margin-left: 30rpx;
}
.text18{
  font-family: Roboto-Black;
  font-size: 28rpx;
}
.text19{
  font-size: 22rpx;
}
.text15{
  font-weight: 400;
  font-size: 22rpx;
  color: #5A5A5A;
  width:530rpx;
  margin: 20rpx 0 20rpx 0;
}
.text16{
  width:250rpx;
  font-weight: 400;
  margin-left: 30rpx;
  font-size: 22rpx;
  color: #5A5A5A;
  margin-top: 10rpx;
}

.container2{
  position: fixed;
  top:0;
  background-color: rgba(49,87,186,0.7);
  z-index: 100;
  width: 100%;
  justify-content: flex-start;
  font-weight: 700;
}

.panelHigh0{
  width:100%;
  background: #FFFFFF;
  border-radius: 60rpx 60rpx 0 0;
  min-height:140rpx;
  color: #4D4D4D;
  border-bottom: 1rpx solid #e3e3e3;
  position: fixed;
  top:100rpx;
  z-index: 200;
}

.panelHigh{
  width:100%;
  background: #FFFFFF;
  color: #4D4D4D;
  margin-top: 240rpx;
  z-index: 90;
}

.panelHigh1{
  width:100%;
  justify-content: space-between;
}

.panelHigh11{
  margin-left: 50rpx;
  font-size: 36rpx;
}

.panelHigh111{
  background: #F2F2F2;
  border-radius: 10rpx;
  width:95rpx;
  height:48rpx;
  margin-left: 30rpx;
}

.panelHigh12{
  margin-right: 50rpx;
  width:50rpx;
  height:50rpx;
}

.mg4_textH3_3{
  width:75rpx;
  height:20rpx;
}
.mg4_iconMSymbol_4{
  width:22rpx;
  height:22rpx;
}

.panelHigh2{
  width: 710rpx;
  height:100rpx;
  background: #F2F2F2;
  border-radius: 20rpx;
  margin-top: 60rpx;
  justify-content: space-between;
}

.text20{
  margin-left: 30rpx;
  font-weight: 400;
  font-size: 28rpx;
}

.panelHigh21{
  margin-right: 30rpx;
}
.text21{
  align-self: flex-start;
  margin: 60rpx 0 0 50rpx;
  font-size: 32rpx;
}
.text30{
  align-self: flex-start;
  margin: 40rpx 0 0 50rpx;
  font-size: 28rpx;
  font-weight: 400;
  color: #2E2E2E;
}

.panelHigh3{
  width:710rpx;
  margin-top: 40rpx;

  background: #F2F2F2;
  border-radius: 20rpx;
}

.panelHigh30{
  width:710rpx;
  height: 143rpx;
  justify-content: space-between;
  font-size: 28rpx;
  align-items: center;
}

.panelHigh3_0{
  height:100rpx;
}

.panelHigh300{
  margin-top: 30rpx;
}


.panelHigh31{
  width:270rpx;
  margin-top: 73rpx;
}
.panelHigh311{
  font-size: 24rpx;
  font-weight: 400;
  margin-bottom: 30rpx;
  margin-left: 30rpx;
}

.panelHigh321{
  width: 130rpx;
  margin: 30rpx 0 0 20rpx;
  font-size: 24rpx;
}
.panelHigh322{
  width: 130rpx;
  height:200rpx;
  margin: 20rpx 0 40rpx 0;
  font-size: 24rpx;
  background: #FFFFFF;
  border-radius: 10rpx;
  justify-content: flex-start;
  align-items: flex-start;
}

.text22{
  font-family: Roboto-Black;
  font-size: 28rpx;
  margin: 20rpx 0 0 20rpx;
}
.text221{
  margin: 30rpx 0 0 20rpx;
}
.text23{
  font-size: 22rpx;
  font-weight: 400;
  color: #5A5A5A;
  margin-top: 40rpx;
  width:650rpx;
}
.panelLine{
  width:710rpx;
  height:1rpx;
  background: #e3e3e3;
  margin-top: 60rpx;
}

.panel321{
  align-items: flex-start;
  margin-left: 30rpx;
}
.text25{
  font-size:28rpx;
  font-weight: 400;
}

.mg4_iconNext_2{
  width:16rpx;
  height:26rpx;
  margin-left: 30rpx;
}

.panelHigh33{
  margin-right: 30rpx;
  color:#787878;
}

.text24{
  font-size:24rpx;
  font-weight: 400;
  margin-top: 10rpx;
}

.text31{
  font-size: 28rpx;
  color: #787878;
  text-align: right;
}

.panelHigh4{
  width:710rpx;
  margin-top: 40rpx;
  justify-content: flex-start;
  align-items: flex-start;
}

.panelHigh40{
  margin-top: 20rpx;
}
.panelHigh41{
  margin: 20rpx 0 0 30rpx;
  font-size: 22rpx;
  font-weight: 400;
  align-items: flex-start;
}
.panelHigh42{
  width:650rpx;
  margin: 40rpx 0 0 0;
  font-size: 22rpx;
  font-weight: 400;
}
.panelHigh411{
  width:30rpx;
  height:30rpx;
  background: #4D4D4D;
  border-radius: 10rpx;
}

.text26{
  margin-left: 20rpx;
  width: 600rpx;
  justify-content: flex-start;
  align-items: flex-start;
  color:#5A5A5A;
}

.panelHigh301{
  margin-top: 60rpx;
}

.text27{
  font-weight: 400;
}

.panelNull2{
  width:100%;
  height: 300rpx;
}

.panelBtn{
  width:100%;
  height: 200rpx;
  background: #E8E6E4;
  position: fixed;
  align-items: flex-start;
  bottom: 0;
  z-index: 110;
}
.panelBtn1{
  width:345rpx;
  line-height: 100rpx;
  text-align: center;
  background: #FFFFFF;
  border-radius: 20rpx;
  font-size: 36rpx;
  color: #EB5C28;
  margin: 0 10rpx;
  margin-top: 40rpx;
}


.color3{
  color:#eb5c28;
  font-weight: 700;
}

.mg4_iconTools_3{
  width:34rpx;
  height:36rpx;
  margin-left: 30rpx;
}

.panelBtn2{
  background: #F2F2F2;
  border-radius: 10rpx;
  align-self: start;
  margin: 40rpx 0 0 50rpx;
  padding: 8rpx 10rpx 11rpx 10rpx;
}

.mg4_textH3_5{
  width:220rpx;
  height:20rpx;
}

.mg4_textH3_6{
  width:400rpx;
  height:22rpx;
}

.panelHigh5{
  background: #F2F2F2;
  border-radius: 20rpx;
  width: 710rpx;
  height:322rpx;
  margin-top: 40rpx;
}

.panelHigh51{
  width:100%;
  height:111rpx;
  font-weight: 400;
  font-size: 28rpx;
  color: #2E2E2E;
  justify-content: flex-start;
}

.panelHighLine2{
  width:610rpx;
  height:1rpx;
  background-color: #d4d4d4;
  align-self: flex-end;
}

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