PhonicsGame_master/pages/main/default.wxss

.container {
  background-color: #583027;
  justify-content: flex-start;
}

.scroll-view_H {
  width: 100%;
  height: 460rpx;
}

.homepage_headline_illus {
  width: 1500rpx;
  height: 460rpx;
}

.panel {
  width: 100%;
  background-color: #583027;
  height: 2364rpx;
  justify-content: flex-start;
}

.line1 {
  width: 100%;
  height: 10rpx;
  background-color: rgba(0, 0, 0, 0.16);
}

.line2 {
  width: 100%;
  height: 90rpx;
  background-color: #291112;
  margin-top: 30rpx;
}

.panel0 {
  width: 100%;
  position: absolute;
  top: 460rpx;
  align-items: flex-start;
}

.panel00 {
  width: 680rpx;
  height: 2264rpx;
  justify-content: flex-start;
}

.panel00Left {
  width: 15rpx;
  height: 90rpx;
  background-color: #3d211b;
  border-top-left-radius: 6rpx;
  border-bottom-left-radius: 6rpx;
}

.panel00Right {
  width: 15rpx;
  height: 90rpx;
  background-color: #3d211b;
  border-top-right-radius: 6rpx;
  border-bottom-right-radius: 6rpx;
}

.panel000 {
  width: 100%;
  height: 90rpx;
  background-color: #4f2921;
}

.panel000 .text {
  margin: 0 6rpx;
  color: #e3e3e3;
  font-size: 36rpx;
  text-shadow: 8rpx 8rpx 6rpx #1e1e1e, -8rpx -8rpx 6rpx #1e1e1e;
}

.panel001 {
  width: 100%;
  height: 368rpx;
  background-color: #723c30;
}

.panel0010 {
  flex-wrap: wrap;
}

.homepage_question_illus_grade01 {
  width: 290rpx;
  height: 134rpx;
  margin: 10rpx 15rpx 10rpx 15rpx;
}

.universalpic_line_zigzag_brown_down {
  width: 100%;
  height: 49rpx;
}

.universalpic_line_zigzag_brown_up {
  width: 100%;
  height: 79rpx;
  margin-top: 10rpx;
}

.panel002 {
  width: 100%;
  height: 638rpx;
  background-color: #723c30;
  position: relative;
}

.panel0020 {
  width: 560rpx;
  height: 568rpx;
  background-color: #aa5d49;
  border-radius: 14rpx;
  position: relative;
}

.homepage_clipboard_illus_clip {
  width: 220rpx;
  height: 116rpx;
  position: absolute;
  left: 230rpx;
  top: 5rpx;
}

.homepage_clipboard_illus_ruler {
  width: 218rpx;
  height: 57rpx;
  position: absolute;
  right: 77rpx;
  bottom: 14rpx;
}

.panel00200 {
  margin-top: -14rpx;
  width: 490rpx;
  height: 478rpx;
  background-color: #ffc76d;
  border-radius: 14rpx;
  box-shadow: 0px 3px 0px #77472a;
  justify-content: flex-start;
  font-size: 24rpx;
  font-weight: 500;
}

.panel00200 .text0 {
  font-size: 36rpx;
  color: #fff;
  margin-top: 70rpx;
  text-shadow: -3rpx -3rpx 4rpx #bd682d,
                 -3rpx 3rpx 4rpx #bd682d,
                 3rpx -3rpx 4rpx #bd682d,
                 3rpx 3rpx 4rpx #bd682d;
}

.panel00200 .line {
  margin-top: 50rpx;
  width: 430rpx;
  height: 4rpx;
  background-color: #638a79;
  border-radius: 2rpx;
}

.panel00200 .line2 {
  margin-top: 20rpx;
}

.panel002000 {
  width: 410rpx;
  justify-content: space-between;
  margin-top: 20rpx;
}

.panel00200 .text2 {
  font-size: 24rpx;
  font-weight: 600;
}

.btn {
  width: 208rpx;
  height: 90rpx;
  background-color: #035834;
  border-radius: 8rpx;
  position: relative;
  padding-left: 0;
  padding-right: 0;
}


.btn::after {
  border: 0px;
}

.btn1 {
  width: 100%;
  height: 70rpx;
  background-color: #03af69;
  border-radius: 8rpx;
  line-height: 70rpx;
  text-align: center;
  color: #fff;
  font-size: 32rpx;
}

.btn2 {
  background-color: #315982;
  margin-left: 14rpx;
}

.btn3 {
  background-color: #3b85d0;
}

.panel00201 {
  width: 160rpx;
  height: 160rpx;
  background-color: #fff;
  border-radius: 4rpx;
  position: absolute;
  left: 18rpx;
  top: 30rpx;
}

.universalpic_face_default_black_size01 {
  width: 140rpx;
  height: 140rpx;
  border-radius: 4rpx;
}

.panel003 {
  width: 100%;
  height: 888rpx;
  background-color: #723c30;
  box-shadow: 0px 10px 0px rgba(0, 0, 0, 0.10);
  color: #edc1b4;
  justify-content: flex-start;
}

.circularBottom {
  border-bottom-left-radius: 20rpx;
  border-bottom-right-radius: 20rpx;
}

.panel0030 {
  width: 100%;
  font-size: 20rpx;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 30rpx;
}

.panel00300 {
  margin-left: 40rpx;
  align-items: flex-start;
}

.panel003000 {
  font-size: 24rpx;
  width: 314rpx;
  justify-content: space-between;
  margin-top: 30rpx;
}

.panel003000 .line {
  width: 5rpx;
  height: 20rpx;
  background-color: #583027;
}

.btn4 {
  background-color: #583027;
  margin-right: 80rpx;
  width: 140rpx;
  height: 154rpx;
  border-radius: 20rpx;

  
}

.btn5 {
  height: 140rpx;
  background-color: #9d4d3c;
  font-size: 22rpx;
  color: #fff;
  border-radius: 20rpx;
}


.universalpic_share_size01 {
  width: 50rpx;
  height: 50rpx;
  margin-top: 24rpx;
}

.panel0031 {
  margin-top: 35rpx;
  width: 100%;
  font-size:24rpx;
  color:#EDC1B4;
  align-items: flex-start;
}

.panel00310 {
  margin-left: 40rpx;
}

.panel0031 .line{
  margin-top: 30rpx;
  width: 100%;
  height:1rpx;
  background-color: #985546;
}

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


.panel003110 {
  margin-left: 40rpx;
  font-size:28rpx;
}


.universalpic_product_kousuan_icon_size01 {
  width: 40rpx;
  height: 40rpx;
  border-radius: 50%;
  margin-right: 20rpx;
}

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