.main{
  width: 100%;
  height: 100vh;
  .topSpring{
    background-image:url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/springTravelBg.png") !important;
  }
  .qmFestival{
    background-image:url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmBackground.png") !important;
  }
  .labourFestival{
    background-image:url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourBg.png") !important;
  }
  .dragonBoat{
    background-image:url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatBg.png") !important;
  }
  .summerHoliday{
    background-image:url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/summerHolidayBg.png") !important;
  }
  .midAutumn{
    background-image:url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/midAutumnBg.png") !important;
  }
  .nationalDay{
    background-image:url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/nationalDayBg.png") !important;
  }
  .top{
    width: 100%;
    height: 432rpx;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% 100%;
    //z-index:3;
    .topBg{
      width: 100%;
      height: 100%;
      z-index: 4;
    }
    .headerSpring{
      background-image:url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/springTravelBg.png") !important;
    }
    .headerQm{
      background-image:url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmBackground.png") !important;
    }
    .headerLabour{
      background-image:url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourBg.png") !important;
    }
    .headerDragonBoat{
      background-image:url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatBg.png") !important;
    }
    .headerSummerHoliday{
      background-image:url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/summerHolidayBg.png") !important;
    }
    .headerMidAutumn{
      background-image:url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/midAutumnBg.png") !important;
    }
    .headerNationalDay{
      background-image:url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/nationalDayBg.png") !important;
    }
    .header{
      position: fixed;
      width: 100%;
      padding: 0 16px;
      box-sizing: border-box;
      background-repeat: no-repeat;
      background-position: 0 0;
      background-size: 100% 432rpx;
      display: flex;
      align-items: center;
      z-index: 2;
      .backArrow{
        width: 24px;
        height: 24px;
        margin-right: 16px;
        position: absolute;
      }
      .pageTitle{
        position: absolute;
        width: 280rpx;
        height: 80rpx;
        margin-left: 16rpx;
        bottom: -3px;
        left: 40px;
      }
      .seachBox{
        position: absolute;
        bottom: 0;
        left: 60px;
        width: 400rpx;
        background: #fff;
        border-radius: 32rpx;
        margin-left: 16rpx;
        box-sizing: border-box;
        padding: 10rpx 20rpx;
        display: flex;
        align-items: center;
        .searchIcon{
          width: 32rpx;
          height: 32rpx;
          margin-right: 8rpx;
        }
        .searchText{
          font-size: 28rpx;
          font-family: PingFangSC, PingFang SC;
          font-weight: 400;
          color: #B6BACB;
          line-height: 40rpx;
          white-space: nowrap;
        }
      }
      .picker{
        position: absolute;
        bottom: 0;
        left: 40px;
        .selectService{
          display: flex;
          align-items: center;
          .img{
            width: 40px;
            height: 40px;
            z-index: 2;
          }
          .select{
            height: 32px;
            background: #F8F8FA;
            border-radius: 0 16px 16px 0;
            transform: translateX(-20px);
            box-sizing: border-box;
            padding-left: 25px;
            display: flex;
            align-items: center;
            .content{
              display: flex;
              align-items: center;
              .uni-input{
                padding: 0;
                background: transparent;
                font-size: 14px;
                font-family: PingFangSC-Semibold, PingFang SC;
                font-weight: 600;
                color: #160002;
              }
              .area{
                font-size: 12px;
                font-family: PingFangSC-Regular, PingFang SC;
                font-weight: 400;
                color: #786B6C;
                line-height: 40px;
                margin-left: 4px;
              }
              .rightArrow{
                width: 24px;
                height: 12px;
              }
            }

          }
        }
      }
    }
    .festivalChangeBox{
      display: flex;
      align-items: center;
      width: 100%;
      box-sizing: border-box;
      padding: 32rpx;
      .festivalImg{
        width: 168rpx;
        height: 68rpx;
      }
      .changeIcon{
        width: 32rpx;
        height: 32rpx;
        margin-left: 12rpx;
      }
    }
  }

  .pageContent{
    width: 100%;
    box-sizing: border-box;
    padding: 0 32rpx 28rpx;
    transform: translateY(-110rpx);
    .springTravelBox{
      .overAllData{
        width: 100%;
        box-sizing: border-box;
        padding: 2rpx;
        background: #fff;
        border-radius: 16rpx;
        .springTop{
          background: linear-gradient(360deg, rgba(255,233,229,0) 0%, #FEDEDD 100%);
        }
        .qmTop{
          background: linear-gradient(360deg, rgba(204,231,224,0) 0%, #CCE7E0 100%);
        }
        .labourTop{
          background: linear-gradient(360deg, rgba(255,236,208,0) 0%, #FFECD0 100%);
        }
        .dragonBoatTop{
          background: linear-gradient(360deg, rgba(191,230,220,0) 0%, #BFE6DC 100%);
        }
        .summerHolidayTop{
          background: linear-gradient( 360deg, rgba(214,238,243,0) 0%, #D1E9EE 100%);
        }
        .midAutumnTop{
          background: linear-gradient( 360deg, rgba(214,238,243,0) 0%, #D1E9EE 100%);
        }
        .nationalDayTop{
          background: linear-gradient( 360deg, rgba(214,238,243,0) 0%, #D1E9EE 100%);
        }
        .overAllDataTop{
          width: 100%;
          border-radius: 14rpx 14rpx 16rpx 16rpx;
          box-sizing: border-box;
          padding: 22rpx 22rpx 0;
          .titleBox{
            width: 100%;
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            margin-bottom: 5px;
            .titleBoxLeft{
              display: flex;
              .titleImg{
                width: 144rpx;
                height: 74rpx;
              }
              .titleNotice{
                font-size: 24rpx;
                font-family: PingFangSC, PingFang SC;
                font-weight: 400;
                color: #9A9A9A;
                line-height: 37rpx;
                white-space: nowrap;
              }
            }
            .typeChangeBox{
              display: flex;
              align-items: center;
              background: #FFFFFF;
              border-radius: 6rpx;
              box-sizing: border-box;
              padding: 4rpx;
              .normal{
                font-size: 24rpx;
                font-family: PingFangSC, PingFang SC;
                font-weight: 400;
                color: #786B6C;
                line-height: 36rpx;
                padding: 6rpx 16rpx;
              }
              .select{
                font-size: 24rpx;
                font-family: PingFangSC, PingFang SC;
                font-weight: 400;
                color: #160002;
                line-height: 36rpx;
                background: #F5EFEF;
                border-radius: 6rpx;
              }
            }
            .searchAllBox{
              font-size: 24rpx;
              font-family: PingFangSC, PingFang SC;
              font-weight: 400;
              color: #160002;
              line-height: 36rpx;
              background: #fff;
              border-radius: 6rpx;
              padding: 6rpx 16rpx;
            }
          }
          .contentTitleBox{
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: space-between;
            .contentTitle{
              font-size: 28rpx;
              font-family: PingFangSC, PingFang SC;
              font-weight: 400;
              color: #160002;
              line-height: 36rpx;
            }
            .YOYNumber{
              display: flex;
              align-items: center;
              margin-right: 32rpx;
              .YOYNumberText{
                font-size: 24rpx;
                font-family: PingFangSC, PingFang SC;
                font-weight: 400;
                color: #A69E9F;
                line-height: 36rpx;
              }
              .YOYNumberValue{
                font-size: 24rpx;
                //font-family: DINAlternate, DINAlternate;
                //font-weight: bold;
                color: #A69E9F;
                line-height: 40rpx;
              }
            }
            .YOYBox{
              display: flex;
              align-items: center;
              .YOYBoxText{
                font-size: 24rpx;
                font-family: PingFangSC, PingFang SC;
                font-weight: 400;
                color: #A69E9F;
                line-height: 36rpx;
              }
              .YOYBoxValue{
                font-size: 36rpx;
                //font-family: DINAlternate-Bold;
                font-weight: bold;
                color: #E83944;
                line-height: 40rpx;
              }
            }
          }
          .waringText{
            display: inline-block;
            position: relative;
            top: -10px;
            font-size: 24rpx;
            font-family: PingFangSC, PingFang SC;
            font-weight: 400;
            color: #9A9A9A;
            line-height: 37rpx;
            white-space: nowrap;
          }
        }
        .contentTitleBoxOuter{
          width: 100%;
          padding: 0 24rpx;
          box-sizing: border-box;
          display: flex;
          align-items: center;
          justify-content: space-between;
          margin-bottom: 16rpx;
          .contentTitle{
            font-size: 28rpx;
            font-family: PingFangSC, PingFang SC;
            font-weight: 400;
            color: #160002;
            line-height: 36rpx;
          }
          .YOYNumber{
            display: flex;
            align-items: center;
            margin-right: 32rpx;
            .YOYNumberText{
              font-size: 24rpx;
              font-family: PingFangSC, PingFang SC;
              font-weight: 400;
              color: #A69E9F;
              line-height: 36rpx;
            }
            .YOYNumberValue{
              font-size: 24rpx;
              //font-family: DINAlternate, DINAlternate;
              //font-weight: bold;
              color: #A69E9F;
              line-height: 40rpx;
            }
          }
          .YOYBox{
            display: flex;
            align-items: center;
            .YOYBoxText{
              font-size: 24rpx;
              font-family: PingFangSC, PingFang SC;
              font-weight: 400;
              color: #A69E9F;
              line-height: 36rpx;
            }
            .YOYBoxValue{
              font-size: 36rpx;
              font-family: DINAlternate-Bold;
              font-weight: bold;
              color: #E83944;
              line-height: 40rpx;
            }
          }
        }
        .overAllDataBottom{
          width: 100%;
          box-sizing: border-box;
          padding: 0 24rpx 40rpx;
          .contentTitleBox{
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: space-between;
            .contentTitle{
              font-size: 28rpx;
              font-family: PingFangSC, PingFang SC;
              font-weight: 400;
              color: #160002;
              line-height: 36rpx;
            }
            .YOYNumber{
              display: flex;
              align-items: center;
              margin-right: 32rpx;
              .YOYNumberText{
                font-size: 24rpx;
                font-family: PingFangSC, PingFang SC;
                font-weight: 400;
                color: #A69E9F;
                line-height: 36rpx;
              }
              .YOYNumberValue{
                font-size: 24rpx;
                //font-family: DINAlternate, DINAlternate;
                //font-weight: bold;
                color: #A69E9F;
                line-height: 40rpx;
              }
            }
            .YOYBox{
              display: flex;
              align-items: center;
              .YOYBoxText{
                font-size: 24rpx;
                font-family: PingFangSC, PingFang SC;
                font-weight: 400;
                color: #A69E9F;
                line-height: 36rpx;
              }
              .YOYBoxValue{
                font-size: 36rpx;
                font-family: "Microsoft YaHei";
                font-weight: bold;
                color: #E83944;
                line-height: 40rpx;
              }
            }
          }
          .pkBox{
            width: 100%;
            height: 140rpx;
            position: relative;
            box-sizing: border-box;
            .pkLogo{
              position: absolute;
              top: 50%;
              left: 50%;
              transform: translate(-50%,-50%);
              width: 88rpx;
              height: 88rpx;
            }
            .leftBox,.rightBox{
              width: 50%;
              height: 100%;
              box-sizing: border-box;
              padding: 24rpx 32rpx;
              display: flex;
              flex-direction: column;
              position: absolute;
            }
            .springLeftBox{
              background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/leftRed.png");
            }
            .qmLeftBox{
              background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmBg1st.png");
            }
            .labourLeftBox{
              background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourNo1.png");
            }
            .dragonBoatLeftBox{
              background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatNo1.png");
            }
            .summerHolidayLeftBox{
              background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/summerHolidayNo1.png");
            }
            .leftBox{
              left: 0;top: 0;
              //background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/leftRed.png");
              background-repeat: no-repeat;
              background-size: 100% 100%;
              .value{
                font-size: 44rpx;
                //font-family: DINAlternate, DINAlternate;
                color: #FFFFFF;
                font-weight: bold;
                line-height: 52rpx;
              }
              .label{
                font-size: 28rpx;
                font-family: PingFangSC, PingFang SC;
                color: #FFFFFF;
                font-weight: 400;
                line-height: 40rpx;
              }
            }
            .springRightBox{
              background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/rightPink.png");
            }
            .qmRightBox{
              background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmBg2st.png");
              .value{
                color: #2D7E72!important;
              }
              .label{
                color: #2D7E72!important;
              }
            }
            .labourRightBox{
              background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourNo2.png");
              .value{
                color: #E17900!important;
              }
              .label{
                color: #E17900!important;
              }
            }
            .dragonBoatRightBox{
              background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatNo2.png");
              .value{
                color: #2F7F4B!important;
              }
              .label{
                color: #2F7F4B!important;
              }
            }
            .summerHolidayRightBox{
              background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/summerHolidayNo2.png");
              .value{
                color: #047795!important;
              }
              .label{
                color: #047795!important;
              }
            }

            .rightBox{
              right: 0;top: 0;
              //background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/rightPink.png");
              background-repeat: no-repeat;
              background-size: 100% 100%;
              align-items: flex-end;
              .value{
                font-size: 44rpx;
                //font-family: DINAlternate, DINAlternate;
                font-weight: bold;
                color: #FF5A3C;
                line-height: 52rpx;
              }
              .label{
                font-size: 28rpx;
                font-family: PingFangSC, PingFang SC;
                font-weight: 400;
                color: #FF5A3C;
                line-height: 40rpx;
              }
            }
            .revenueLeft{
              background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/revenueLeft.png");
            }
            .qmRevenueLeft{
              background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmBg3st.png");
            }
            .labourRevenueLeft{
              background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourNo3.png");
            }
            .dragonBoatRevenueLeft{
              background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatNo3.png");
            }
            .summerHolidayRevenueLeft{
              background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/summerHolidayNo3.png");
            }
            .revenueRight{
              background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/revenueRight.png");
              .value{
                color: #D48F00;
              }
              .label{
                color: #D48F00;
              }
            }
            .qmRevenueRight{
              background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmBg4st.png");
              .value{
                color: #3873DD;
              }
              .label{
                color: #3873DD;
              }
            }
            .labourRevenueRight{
              background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourNo4.png");
              .value{
                color: #F0490E;
              }
              .label{
                color: #F0490E;
              }
            }
            .dragonBoatRevenueRight{
              background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatNo4.png");
              .value{
                color: #6F8A14;
              }
              .label{
                color: #6F8A14;
              }
            }
            .summerHolidayRevenueRight{
              background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/summerHolidayNo4.png");
              .value{
                color: #2F7F4B;
              }
              .label{
                color: #2F7F4B;
              }
            }

            .carLeft{
              background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/carLeft.png");
            }
            .qmCarLeft{
              background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmBg5st.png");
            }
            .labourCarLeft{
              background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourNo5.png");
            }
            .dragonBoatCarLeft{
              background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatNo5.png");
            }
            .summerHolidayCarLeft{
              background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/summerHolidayNo5.png");
            }
            .carRight{
              background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/carRight.png");
              .value{
                color: #3873DD;
              }
              .label{
                color: #3873DD;
              }
            }
            .qmCarRight{
              background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/qmBg6st.png");
              .value{
                color: #0793BB;
              }
              .label{
                color: #0793BB;
              }
            }
            .labourCarRight{
              background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourNo6.png");
              .value{
                color: #A59301;
              }
              .label{
                color: #A59301;
              }
            }
            .dragonBoatCarRight{
              background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/dragonBoatNo6.png");
              .value{
                color: #218794;
              }
              .label{
                color: #218794;
              }
            }
            .summerHolidayCarRight{
              background-image: url("https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/summerHolidayNo6.png");
              .value{
                color: #6F8A14;
              }
              .label{
                color: #6F8A14;
              }
            }
          }

          .otherListBox{
            width: 100%;
            background: #F8F8F8;
            border-radius: 16rpx;
            padding: 24rpx;
            box-sizing: border-box;
            margin-top: 16rpx;
            margin-bottom: 16rpx;
            .listType{
              .downBox{
                width: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
                margin-bottom: 16rpx;
                .getMoreIcon{
                  width: 30rpx;
                  height: 30rpx;
                  transform: rotate(-90deg);
                }
              }
              .moduleBox{
                .listTitleBox{
                  width: 100%;
                  display: flex;
                  align-items: center;
                  justify-content: space-between;
                  .titleItem{
                    font-size: 24rpx;
                    font-family: PingFangSC, PingFang SC;
                    font-weight: 400;
                    color: #9A9A9A;
                    line-height: 32rpx;
                    text-align: center;
                  }
                }
                .listValueBox{
                  width: 100%;
                  .bigBox{
                    width: 100%;
                    .row{
                      display: flex;
                      align-items: center;
                      justify-content: space-between;
                      margin-top: 32rpx;
                      .valueItem{
                        text-align: center;
                        font-size: 24rpx;
                        font-family: PingFangSC, PingFang SC;
                        font-weight: 400;
                        color: #160002;
                        line-height: 40rpx;
                        box-sizing: border-box;
                        text-indent: 8rpx;
                      }
                      .father{
                        position: relative;
                      }
                      .father:before{
                        position: absolute;
                        top: 50%;
                        left: -8rpx;
                        transform: translateY(-50%);
                        content:'';
                        display: inline-block;
                        width: 8rpx;
                        height: 8rpx;
                        border-radius: 50%;
                        background: #3188FF;
                      }

                      .son{
                        position: relative;
                      }
                      .son:before{
                        position: absolute;
                        top: 50%;
                        left: -8rpx;
                        transform: translateY(-50%);
                        content:'';
                        display: inline-block;
                        width: 8rpx;
                        height: 8rpx;
                        border-radius: 50%;
                        background: orangered;
                      }
                      .valueItemBox{
                        text-align: center;
                        font-size: 24rpx;
                        //font-family: DINAlternate, DINAlternate;
                        color: #160002;
                        line-height: 40rpx;
                      }
                      .addItem{
                        text-align: center;
                        font-size: 24rpx;
                        //font-family: DINAlternate, DINAlternate;
                        line-height: 40rpx;
                      }
                    }
                  }
                }
              }
              .areaBox{
                .listTitleBox{
                  width: 100%;
                  display: flex;
                  align-items: center;
                  justify-content: space-between;
                  .titleItem{
                    font-size: 24rpx;
                    font-family: PingFangSC, PingFang SC;
                    font-weight: 400;
                    color: #9A9A9A;
                    line-height: 32rpx;
                    text-align: center;
                  }
                }
                .listValueBox{
                  width: 100%;
                  .row{
                    width: 100%;
                    display: flex;
                    margin-top: 32rpx;
                    .rowItem{
                      text-align: center;
                      font-size: 24rpx;
                      //font-family: DINAlternate, DINAlternate;
                      color: #160002;
                      line-height: 40rpx;
                    }
                  }
                }
              }
            }
            .showIconBox{
              display: flex;
              align-items: center;
              justify-content: center;
              .getMoreIcon{
                width: 30rpx;
                height: 30rpx;
                transform: rotate(90deg);
              }
            }
          }
        }
      }

      .revenueDetail{
        width: 100%;
        background: #fff;
        border-radius: 16rpx;
        box-sizing: border-box;
        padding: 2rpx;
        margin-top: 24rpx;
        .springTitleBox{
          background: linear-gradient(360deg, rgba(255,233,229,0) 0%, #FEDEDD 100%);
        }
        .qmTitleBox{
          background: linear-gradient(360deg, rgba(204,231,224,0) 0%, #CCE7E0 100%);
        }
        .labourTitleBox{
          background: linear-gradient( 360deg, rgba(255,236,208,0) 0%, #FFECD0 100%);
        }
        .summerHolidayTitleBox{
          background: linear-gradient( 360deg, rgba(214,238,243,0) 0%, #DCECEF 100%);
        }
        .revenueDetailTitleBox{
          width: 100%;
          height: 90rpx;
          //background: linear-gradient(360deg, rgba(255,233,229,0) 0%, #FEDEDD 100%);

          border-radius: 14rpx 14rpx 0rpx 0rpx;
          box-sizing: border-box;
          padding: 22rpx;
          position: relative;
          .detailLogo{
            width: 144rpx;
            height: 74rpx;
          }
          .detailIcon{
            width: 104rpx;
            height: 104rpx;
            position: absolute;
            right: 22rpx;
            top: 22rpx;
          }
          .goTest{
            position: absolute;
            right: 22rpx;
            top: 15rpx;
            width: 212rpx;
            height: 56rpx;
          }
          .modalUnit{
            font-size: 24rpx;
            font-family: PingFangSC, PingFang SC;
            font-weight: 400;
            color: #9A9A9A;
            line-height: 36rpx;
            position: absolute;
            left: 170rpx;
            top: 26rpx;
          }
        }
        .revenueContent{
          width: 100%;
          box-sizing: border-box;
          padding: 0 22rpx 24rpx;
          .navList{
            width: 100%;
            height: 40rpx;
            display: flex;
            align-items: center;
            white-space: nowrap;
            padding-bottom: 12rpx;
            border-bottom: 1px solid #F5F4F4;
            .scrollItem{
              font-size: 28rpx;
              font-family: PingFangSC, PingFang SC;
              font-weight: 400;
              color: #A69E9F;
              line-height: 40rpx;
              margin-right: 32rpx;
              display: inline-block;
            }
            .selectItem{
              font-size: 28rpx;
              font-family: PingFangSC, PingFang SC;
              font-weight: 600;
              line-height: 40rpx;
            }
          }
          .springNav{
            .selectItem{
              color: #ED3E48;
            }
          }
          .qmNav{
            .selectItem{
              color: #226C61;
            }
          }
          .labourNav{
            .selectItem{
              color: #D14702;
            }
          }
          .dragonBoatNav{
            .selectItem{
              color: #226C61;
            }
          }
          .summerHolidayNav{
            .selectItem{
              color: #007797;
            }
          }
          .dateText{
            font-size: 24rpx;
            font-family: PingFangSC, PingFang SC;
            font-weight: 400;
            color: #A69E9F;
            margin: 16rpx 0;
            display: inline-block;
          }

          .modalBox{
            margin-top: 32rpx;
            .modalTitleBox{
              width: 100%;
              box-sizing: border-box;
              padding: 0 24rpx;
              margin-bottom: 16rpx;
              display: flex;
              align-items: center;
              justify-content: space-between;
              .modalTitleItem{
                display: flex;
                align-items: center;
                .modalIndex{
                  width: 12rpx;
                  height: 12rpx;
                  //background: #DB6465;
                  background: #3B9285;
                  border-radius: 50%;
                  margin-right: 12rpx;
                }
                .modalText{
                  font-size: 28rpx;
                  font-family: PingFangSC, PingFang SC;
                  font-weight: 600;
                  color: #160002;
                  line-height: 40rpx;
                  margin-right: 4rpx;
                }
                .modalUnit{
                  font-size: 24rpx;
                  font-family: PingFangSC, PingFang SC;
                  font-weight: 400;
                  color: #9A9A9A;
                  line-height: 36rpx;
                }
              }
              .moreBox{
                display: flex;
                align-items: center;
                .moreText{
                  font-size: 28rpx;
                  font-family: PingFangSC, PingFang SC;
                  font-weight: 400;
                  //color: #ED3E48;
                  color: #226C61;
                  line-height: 40rpx;
                }
                .moreIcon{
                  width: 24rpx;
                  height: 24rpx;
                  margin-left: 4rpx;
                }
              }
              .modalTitleItem1{
                font-size: 24rpx;
                text-align: center;
              }
            }

            .modalDetail{
              width: 100%;
              box-sizing: border-box;
              padding: 24rpx;
              background: #F8F8F8;
              .modalDetailTitle{
                display: flex;
                align-items: center;
                .titleItem{
                  font-size: 24rpx;
                  font-family: PingFangSC, PingFang SC;
                  font-weight: 400;
                  color: #9A9A9A;
                  line-height: 32rpx;
                  text-align: center;
                }
              }
              .typeFirst{
                .row{
                  margin-top: 32rpx;
                  display: flex;
                  align-items: center;
                  margin-top: 32rpx;
                  .valueItem{
                    font-size: 24rpx;
                    font-family: PingFangSC, PingFang SC;
                    font-weight: 400;
                    color: #160002;
                    line-height: 40rpx;
                    text-align: center;
                    text-indent: 8rpx;
                  }
                  .bigFather{
                    position: relative;
                    font-weight: 600;
                  }
                  .bigFather:before{
                    position: absolute;
                    top: 50%;
                    left: -8rpx;
                    transform: translateY(-50%);
                    content:'';
                    display: inline-block;
                    width: 8rpx;
                    height: 8rpx;
                    border-radius: 50%;
                    background: #DB6465;
                  }
                  .father{
                    position: relative;
                    font-weight: 600;
                  }
                  .father:before{
                    position: absolute;
                    top: 50%;
                    left: -8rpx;
                    transform: translateY(-50%);
                    content:'';
                    display: inline-block;
                    width: 8rpx;
                    height: 8rpx;
                    border-radius: 50%;
                    background: #3188FF;
                  }

                  .son{
                    position: relative;
                  }
                  .son:before{
                    position: absolute;
                    top: 50%;
                    left: -8rpx;
                    transform: translateY(-50%);
                    content:'';
                    display: inline-block;
                    width: 8rpx;
                    height: 8rpx;
                    border-radius: 50%;
                    background: orangered;
                  }
                  .compareItem{
                    font-size: 24rpx;
                    //font-family: DINAlternate, DINAlternate;
                    color: #160002;
                    line-height: 40rpx;
                    text-align: center;
                  }
                  .addItem{
                    font-size: 24rpx;
                    //font-family: DINAlternate, DINAlternate;
                    color: #E83944;
                    line-height: 40rpx;
                    text-align: center;
                  }
                }
              }
              .typeSecond{
                .listValueBox{
                  width: 100%;
                  .row{
                    width: 100%;
                    display: flex;
                    margin-top: 32rpx;
                    .rowItem{
                      text-align: center;
                      font-size: 24rpx;
                      //font-family: DINAlternate, DINAlternate;
                      color: #160002;
                      line-height: 40rpx;
                    }
                  }
                }
              }
            }
          }
        }

      }
    }
  }
}