.bf8.data-v-6c74b160 { background: #ff3a48; } .cf5.data-v-6c74b160 { color: #ff3a48; } .cou1.data-v-6c74b160 { border-radius: 20rpx; } .cout.data-v-6c74b160 { position: relative; padding: 30rpx 20rpx; } .coutl.data-v-6c74b160 { min-width: 150rpx; } .coub.data-v-6c74b160 { position: relative; background: #fff; } .coub.data-v-6c74b160::after { content: ''; position: absolute; border-top: 1px dashed #EBEBED; top: 0; right: 25rpx; left: 25rpx; } .coubtn.data-v-6c74b160 { min-width: 100rpx; height: 48rpx; color: #fff; background: #DDD; border-radius: 15rpx; } .coubt.data-v-6c74b160, .coubjt.data-v-6c74b160 { transition: all 0.3s ease-in-out; } .active.data-v-6c74b160 { opacity: 0.4; } .jtactive.data-v-6c74b160 { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .coubb.data-v-6c74b160 { height: 0; transition: all 0.3s ease-in-out; } .coubb.cactive.data-v-6c74b160 { height: auto; } .coubbv.data-v-6c74b160 { opacity: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); transition: 0.3s ease-in-out; } .coubbv.show.data-v-6c74b160 { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .ylq.data-v-6c74b160 { width: 125rpx; height: 125rpx; top: 90rpx; right: 10rpx; } .couqlx.data-v-6c74b160 { top: 0; left: -50rpx; width: 100rpx; height: 45rpx; font-size: 18rpx; line-height: 52rpx; background: linear-gradient(#ff3a48, #ff3a48); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; } .counew.data-v-6c74b160 { top: 0; left: -50rpx; width: 100rpx; height: 45rpx; font-size: 18rpx; line-height: 52rpx; background: linear-gradient(#96E666, #08C37D); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; } /*cou2*/ .dot1.data-v-6c74b160, .dot2.data-v-6c74b160 { position: absolute; right: -16rpx; width: 30rpx; height: 15rpx; background: #EFF3F6; } .dot1.data-v-6c74b160 { top: -1.5rpx; border-radius: 0 0 30px 30px; border-top: 0; } .dot2.data-v-6c74b160 { bottom: -1.5rpx; border-radius: 30px 30px 0 0; border-bottom: 0; } .cou2l.data-v-6c74b160 { width: 180rpx; border-right: 1px dashed #ddd; } /*cou3*/ .cou3.data-v-6c74b160 { background: #F6F7F9; border-radius: 15rpx; } .cou3 .cou2l.data-v-6c74b160 { width: 160rpx; } .cou3br.data-v-6c74b160 { width: 42rpx; padding: 5rpx 12rpx; background: #DDD; } /*cou5*/ .cou5.data-v-6c74b160 { height: 174rpx; } .cou5 .cou5l.data-v-6c74b160 { width: 135rpx; height: 108rpx; } .cou5 .cou5r.data-v-6c74b160 { padding-left: 30rpx; } .cou5 .cou5lq.data-v-6c74b160 { background: linear-gradient(90deg, #FF876F, #FF654D); min-width: 116rpx; height: 56rpx; } .cou5 .cou5ylq.data-v-6c74b160 { width: 125rpx; height: 125rpx; bottom: -20rpx; right: 0; } .be5.data-v-6c74b160 { background: #e5e5e5; } .cou6.data-v-6c74b160 { padding: 10rpx 15rpx; } .f66.data-v-6c74b160 { font-size: 66rpx; } .lh1.data-v-6c74b160 { line-height: 1; } .gfbg.data-v-6c74b160:after { background: #FFAFC0; } .gfbg.data-v-6c74b160:before { background: #FFAFC0; } .gfbtn.data-v-6c74b160 { width: 112rpx; height: 48rpx; color: #fff; border-radius: 4rpx; } .gfbg.data-v-6c74b160 { border-top: 1px dashed #eee; } .cef.data-v-6c74b160 { color: #EF371F; } /*cou8*/ .cou8 .bgimg.data-v-6c74b160 { width: 100%; height: 140rpx; } .cou8 .cqb.data-v-6c74b160 { color: #7A4A1A; } .cou8 .cou8m.data-v-6c74b160 { border-right: 1px dashed #e2e2e2; padding-right: 20rpx; } .cou8 .cou8zs.data-v-6c74b160 { background: #F2D287; color: #7B4B1B; padding: 2rpx 10rpx; } .cou8 .cou5lq.data-v-6c74b160 { background: #F2D287; color: #7B4B1B; } .cou8 .qbzkc.data-v-6c74b160 { border: 0.5px solid #F7EAC6; color: #7B4B1B; padding: 2rpx 6rpx; border-radius: 4rpx; } .cou9.data-v-6c74b160 { width: 690rpx; } .cou9 .cout.data-v-6c74b160 { height: 190rpx; padding: 25rpx 30rpx 15rpx; } .cou9 .cou9tl.data-v-6c74b160 { width: 100rpx; height: 100rpx; } .cou9 .qbyhq.data-v-6c74b160 { width: 690rpx; height: 288rpx; } .cou9 .dpimg.data-v-6c74b160 { width: 30rpx; height: 30rpx; } .cou9 .qqg.data-v-6c74b160 { width: 123rpx; height: 54rpx; border-radius: 54rpx; background: linear-gradient(90deg, #FF315F, #FF4C21); } .cou9 .jdt.data-v-6c74b160 { width: 88rpx; height: 8rpx; border-radius: 10rpx; background: #FFB2B2; } .cou9 .jd.data-v-6c74b160 { border-radius: 10rpx; background: linear-gradient(90deg, #FF315F, #FF4C21); } .cou9 .cou9b.data-v-6c74b160 { border-radius: 60rpx 60rpx 0 0; } .cou10 .cout.data-v-6c74b160 { padding: 15rpx 30rpx 15rpx; } .cou10 .coub.data-v-6c74b160:before { background: transparent; } .cou10 .ybk.data-v-6c74b160 { top: 0; left: 0; height: 100%; width: 15rpx; background: linear-gradient(0deg, #F75214 20%, #F87D22 100%); } .cou10 .cout.data-v-6c74b160::after { border-bottom: 1px dashed #FA5A16; } .cou10 .num.data-v-6c74b160 { top: 0; right: 0rpx; padding: 0 20rpx; height: 45rpx; font-size: 22rpx; line-height: 45rpx; border-bottom-left-radius: 20rpx; background: linear-gradient(#F75214, #F87D22); }