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

page {
  background-color: #3157ba;
}

.container {
  background-color: #3157ba;
}

.mg4_practicePic_1 {
  width: 100%;
  height: 1010rpx;
  position: absolute;
  top: 320rpx;
}

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

.mg4_textH2_1 {
  width: 132rpx;
  height: 40rpx;
  justify-content: flex-start;
  align-self: flex-start;
  margin: 40rpx 0 0 60rpx;
}

.panel1 {
  margin-top: 60rpx;
  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: 617rpx;
}

.panel11 {
  width: 570rpx;
  margin-top: 60rpx;
  justify-content: space-between;
}
.panel12 {
  margin-top: 30rpx;
}
.panel13{
  margin: 60rpx 0 40rpx 0;
  width: 610rpx;
  line-height: 120rpx;
  background: #F2F2F2;
  border-radius: 20rpx;
  font-size: 36rpx;
  color: #EB5C28;
  text-align: center;
}

.text1 {
  font-size: 36rpx;
}

.text2 {
  font-family: Roboto-Black;
  font-size: 132rpx;
  text-align: right;
}
.text3 {
  margin: 60rpx 0 0 10rpx;
  font-size: 22rpx;
}
.text4 {
  font-size: 24rpx;
  margin-right: 20rpx;
}
.text5 {
  font-family: Roboto-Black;
  font-size: 28rpx;
  text-align: right;
}

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

.panel121{
  justify-content: flex-start;
  align-items: flex-start;
}

.panel12111{
  width:80rpx;
  height:80rpx;
  border-radius: 50%;
  background-color: #f2f2f2;
  margin:30rpx 20rpx 0 0;
}

.panel12113{
  background-color: #2e2e2e;
}

.mg4_iconNum1_2 {
  width: 10rpx;
  height: 24rpx;
}

.mg4_iconNum5_2 {
  width: 14rpx;
  height: 24rpx;
}

.mg4_iconNum10_2 {
  width: 26rpx;
  height: 24rpx;
}

.panel122{
  justify-content: flex-start;
  align-items: flex-end;
}

.panel1212{
  margin: 20rpx 0 0 0;
  border-radius: 40rpx;
  background: #2E2E2E;
}

.panel12121{
  width:120rpx;
  height:100rpx;
  background: #2E2E2E;
  border-radius: 40rpx 0 0 10rpx;
}
.panel12121Hover{
  background: #4d4d4d;
}

.panel12122{
  width:120rpx;
  height:100rpx;
  background: #2E2E2E;
  border-radius: 0 10rpx 40rpx 0;
}

.panel12122Hover{
  background: #4d4d4d;
}

.panel12121line{
  width:4rpx;
  height:40rpx;
  background-color: #4D4D4D;
}

.mg4_iconMSymbol_2 {
  width: 38rpx;
  height: 36rpx;
}

.mg4_iconMSymbol_1 {
  width: 24rpx;
  height: 8rpx;
}

.panel2{
  margin-top: 80rpx;
  min-height: 210rpx;
}

.panel21{
  margin: 60rpx 0 0 0;
  align-items: flex-start;
  width: 570rpx;
}
.panel22{
  margin: 40rpx 0 0 0;
  width: 630rpx;
}

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

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


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

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

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

.text17{
  font-size: 24rpx;
  font-weight: 400;
  margin-left: 30rpx;
}
.text18{
  font-family: Roboto-Black;
  font-size: 28rpx;
}
.text19{
  font-size: 22rpx;
}

.text16{
  width:250rpx;
  font-weight: 400;
  margin-left: 30rpx;
  font-size: 22rpx;
  color: #5A5A5A;
  margin-top: 10rpx;
}

.mg4_practicePic_2{
  width:100%;
  height:460rpx;
  margin-top: 80rpx;
}

.panel3{
  margin-top: 80rpx;
  min-height: 240rpx;
}
.panel31{
  width:100%;
  justify-content: flex-start;
}
.panel311{
  margin-left: 18rpx;
  width: 34rpx;
  height: 34rpx;
  border-radius: 50%;
  background-color: #EB5C28;
}
.panel4{
  margin-top: -310rpx;
  min-height: 210rpx;
}
.mg4_iconNext_1{
  width:14rpx;
  height:20rpx;
}

.canvas{
  width:100rpx;
  height:100rpx;
  margin: -1rpx 0 0 -1rpx;
}