/**index.wxss**/ page { background-color: #FFFFFF; } .load { width: 100%; height: 2400rpx; position: absolute; left: 0; top: 0; z-index: 9999; background-color: #ffffff; text-align: center; line-height: 1300rpx; } .loadimg { width: 200rpx; height: 200rpx; } .packagehead { width: 100%; height: 566rpx; } .package { margin-top: 56rpx; display: flex; width: 86.5%; margin-left: 5%; margin-right: 8.5%; align-items:flex-end; } .packagename { flex: 131; text-align: left; color: #000000; font-size: 60rpx; font-weight: 500; } .packagedays { color: #878787; font-size: 32rpx; font-weight: Regular; flex: 70; text-align: left; margin-bottom: 8rpx; } .packageprice{ color: red; font-size: 56rpx; font-weight: 500; flex: 120; text-align: right; } .packagedesc { margin-top: 32rpx; width: 86.5%; margin-left: 5%; margin-right: 8.5%; color: #484848; font-size: 32rpx; font-weight: Regular; text-align:justify; } .packagetips { width: 85%; margin-left: 5%; margin-right: 10%; margin-top: 42rpx; color: #8E8E8E; font-size: 32rpx; font-weight: Regular; } .line1 { width: 85%; margin-left: 5%; margin-right: 10%; margin-top: 52rpx; background-color: #D8D8D8; height: 2rpx; margin-bottom: 20rpx; } .line11 { width: 85%; margin-left: 5%; margin-right: 10%; margin-top: 16rpx; background-color: #D8D8D8; height: 2rpx; margin-bottom: 20rpx; } .line111 { width: 85%; margin-left: 5%; margin-right: 10%; margin-top: 16rpx; margin-bottom: 20rpx; background-color: #D8D8D8; height: 2rpx; } .ysshow { margin-top: 46rpx; width: 85%; margin-left: 5%; margin-right: 10%; color: #000000; font-size: 36rpx; font-weight: 400; } .line2 { margin-top: 32rpx; background-color: #4AC3B2; margin-left: 5%; width: 14%; margin-right: 81%; height: 8rpx; } .line3 { width: 88%; margin-left: 5%; margin-right: 7%; background-color: #f8f8f8; height: 1rpx; margin-top: 4rpx; } .yuesaoonday { margin-left: 7%; margin-right: 8%; width: 85%; display: flex; } .yuesaoleft { flex: 144; text-align: center; flex-direction: column; } .yuesaoright { flex: 144; text-align: center; flex-direction: column; } .yuesaocenter { flex:29; } .yuesaoimgl1 { margin-top: 52rpx; height: 170rpx; width: 186rpx; text-align: center; } .yuesaoimgl2 { margin-top: 54rpx; height: 170rpx; width: 186rpx; } .yuesaoimgl3 { margin-top: 84rpx; height: 170rpx; width: 186rpx; } .yuesaoimgr1 { margin-top: 192rpx; height: 170rpx; width: 186rpx; } .yuesaoimgr2 { margin-top: 74rpx; height: 170rpx; width: 186rpx; } .yuesaoimgr3 { margin-top: 80rpx; height: 170rpx; width: 186rpx; } .yuesaotime { width: 100%; margin-top: 18rpx; color: #000000; font-size: 32rpx; font-weight: 500; text-align: center; } .yuesaotask { margin-top: 10rpx; width: 100%; color: #797979; font-size: 24rpx; font-weight: Regular; text-align: justify; } .packagestitle { width: 90%; margin-left: 5%; margin-right: 5%; margin-top: 50rpx; display: flex; align-items:baseline; } .packagesgroup { flex:136; text-align: left; margin-right: 10rpx; color: #000000; font-size: 28rpx; font-weight: Regular } .packagebox{ flex:144; display: flex; justify-content:space-between; } .name { color: #000000; font-size: 26rpx; font-weight: Regular; flex: 1; text-align: right; } .itemtop { margin-top: 22rpx; } .pitems{ width: 90%; margin-left: 5%; margin-right: 5%; display: flex; height: 50rpx; align-items: center; } .itemcontent { flex:100; text-align: left; margin-right: 20rpx; color: #323232; font-size: 22rpx; font-weight: Regular } .check { margin-top: 16rpx; flex: 18; text-align: center; } .nonecheck { flex: 18; text-align: center; } .imgcheck { width: 30rpx; height: 30rpx; } .ysbzicon { margin-top: 52rpx; margin-left: 10%; margin-right: 10%; width: 80%; display: flex; } .icon1 { flex: 121; } .icon2 { flex: 122; } .icon3 { flex: 58; } .imgicon { margin-left: 20rpx; width:90rpx; height: 88rpx; } .iconcontent { margin-top: 16rpx; margin-left: 10%; margin-right: 10%; width: 80%; display: flex; } .icontext { font-size: 28rpx; color: #636363; font-weight: Heavy; } .pay { height:170rpx; width: 100%; position: fixed; left:0; bottom:0rpx; background:#ffffff; z-index: 10; display: flex; flex-direction: row; justify-content: center; } .buttonextract { margin-top: 30rpx; margin-bottom: 58rpx; margin-left: 70rpx; margin-right: 68rpx; width: 612rpx; height: 82rpx; background:linear-gradient(90deg,rgba(0,199,198,0.97) 0%,rgba(0,210,210,1) 100%); box-shadow:0px 14rpx 44rpx 2rpx rgba(0,199,198,0.2); border-radius:42rpx; text-align: center; font-size: 36rpx; font-weight: 500; color:#FFFFFF; line-height: 82rpx; } .dayly1 { margin-top: 60rpx; width:200rpx; height: 150rpx; } .dayly2 { margin-top: 70rpx; width:200rpx; height: 150rpx; } .dayly3 { margin-top: 84rpx; width:200rpx; height: 150rpx; } .dayly4 { margin-top: 114rpx; width:200rpx; height: 150rpx; } .dayly5 { margin-top: 200rpx; width:200rpx; height: 150rpx; } .dayly6 { margin-top: 140rpx; width:200rpx; height: 150rpx; } .dayly7 { margin-top: 82rpx; width:200rpx; height: 150rpx; } .dayly8 { margin-top: 148rpx; width:200rpx; height: 150rpx; } .fear { width: 85%; margin-left: 5%; margin-right: 10%; margin-top: 80rpx; color: #797979; font-size: 24rpx; font-weight: Regular; text-align: justify; } .fx-zx{ position: fixed; width: 141rpx; height: 96rpx; right: -6rpx; bottom: 170rpx; z-index: 2; background-size: 100%; } .fx-zx button { width: 94rpx; height: 94rpx; border:none; padding:0; } .fx-zx image{ width: 94rpx; height: 94rpx; } .dayly01 { width: 474rpx; height: 96rpx; margin-bottom: 40rpx; } .dayly02 { width: 100%; height: 3822rpx; } .yuesuo_fwbz { width: 100%; margin-bottom: 200rpx; } .yuesuofwbz { width: 100%; height: 532rpx; } .fumx { margin-top:40rpx; width: 474rpx; height: 96rpx; margin-bottom: 40rpx; } .fwnr_title { width: 100%; } .fwnr01 { width: 100%; height: 716rpx; } .fwnr02 { width: 100%; height: 717rpx; } .fwnr03 { width: 100%; height: 724rpx; }