1131 lines
35 KiB
Plaintext
1131 lines
35 KiB
Plaintext
.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;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|
|
}
|
|
}
|
|
}
|