/* .wux-popup { width: 100% !important; max-width: 100% !important; } */ .home-poster .wux-landscape__inner { padding: 0 !important; } .home-poster .popup-index--wux-popup { width: 650rpx !important; max-width: 650rpx !important; } .location { height: 126rpx; padding: 0 30rpx; margin: 18rpx 30rpx 0; border-radius: 24rpx; /* opacity: 0.45; */ /* background: #FFFFFF; */ background: rgba(255, 255, 255, .45); /* background-image: linear-gradient(128deg, #1AACAC 0%, #13DAD8 100%); */ } /* #popup1 .wux-popup__content { border-radius: 40rpx; } */ /* .location .img { position: relative; } */ .location image { width: 72rpx; height: 72rpx; margin-right: 20rpx; border-radius: 50%; } /* .location .img2 { width: 96rpx; height: 28rpx; position: absolute; left: 0; top: 68rpx; } .location .img text { position: absolute; left: 26rpx; top: 66rpx; font-size: 20rpx; color: #fff; } */ /* .location .text { overflow: hidden; } */ /* .location text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #fff; } */ .location .text-box .active { width: 44rpx; height: 30rpx; color: #FF8686; font-size: 16rpx; border-radius: 8rpx; border: 2rpx solid #FF8686; margin-left: 10rpx; } swiper { height: 300rpx; /* margin-top: 20rpx; */ /* padding: 0 30rpx; */ } swiper image { width: 100%; height: 100%; border-radius: 24rpx; box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.01), 0px 2px 4px 0px rgba(0, 0, 0, 0.15); } .content .title, .content .title-text { height: 104rpx; /* padding: 0 30rpx; */ font-size: 36rpx; font-family: PingFangSC-Semibold, PingFang SC; color: #333; /* font-family: PingFangSC-Medium; */ /* font-size: 18px; */ /* color: #fff; */ } .content .title image { width: 32rpx; height: 32rpx; } .content .list { padding: 0 30rpx; overflow: hidden; margin-top: -20rpx; } .content .item { margin: 20rpx 0; width: 100%; background: #fff; border-radius: 24rpx; box-shadow: 4rpx 24rpx 50rpx -8rpx rgba(255, 119, 176, 0.55); /* box-shadow: 0px 4rpx 8rpx 0px rgba(221, 190, 190, 0.01), 0px 2rpx 4rpx 0px rgba(0, 0, 0, 0.15); */ } .content .item-top { width: 100%; height: 282rpx; /* background: blue; */ } .content .item-text { padding: 22rpx 28rpx; } .content .item-text image { width: 54rpx; height: 38rpx; /* 46+8 */ } .content .item-text .box { position: relative; margin-right: 12rpx; } .content .item-text .box view { position: absolute; left: 0; top: 0; width: 46rpx; height: 38rpx; color: #fff; } .content .item-btn { /* height: 78rpx; */ /* width: 100%; */ /* background: rgba(19,218,216,0.09); */ position: relative; padding: 0 30rpx 30rpx; } .content .item-btn .btn { width: 190rpx; height: 68rpx; color: #fff; background: #FA7D22; box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.01); border-radius: 39rpx; font-family: PingFangSC-Semibold, PingFang SC; } /* .content .case-list { white-space: nowrap; margin-bottom: 48rpx; } */ .content .case-list .case-item { margin-left: 30rpx; margin-bottom: 48rpx; width: 248rpx; /* height: 100px; */ /* display: inline-block; */ border-radius: 16rpx; box-shadow: 4rpx 24rpx 50rpx -8rpx rgba(255, 119, 176, 0.55); } .content .case-item image { width: 248rpx; height: 248rpx; border-top-left-radius: 16rpx; border-top-right-radius: 16rpx; } .content .case-item .text-box { padding: 20rpx; } /* .content .item-btn image { height: 84rpx; width: 303rpx; position: absolute; right: 0; top: -4rpx; } */ /* .content .item-btn image text { position: absolute; left: 0; top: 0; width: 100%; height: 100%; color: #fff; font-family: PingFangSC-Semibold; padding-left: 22rpx; } */ /* .content { min-height: 934rpx; } */ .home-coupon .img-box { position: relative; } .home-coupon .coupon-popup-img { height: 758rpx; width: 100%; } .home-poster .coupon-popup-img { height: 824rpx; width: 100%; } .home-coupon .img-box text { position: absolute; bottom: 156rpx; left: 172rpx; color: #C3004C; font-size: 24rpx; } .coupon-popup { background-color: #fff; width: 558rpx; height: 446rpx; border-radius: 40rpx; padding: 0 66rpx; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; } .coupon-popup .item { height: 135rpx; padding: 34rpx 0 40rpx; } .coupon-popup .item-left { width: 145rpx; height: 100%; font-family: PingFangSC-Semibold; color: #FFFFFF; font-size: 32rpx; border-top-left-radius: 16rpx; border-bottom-left-radius: 16rpx; background-image: radial-gradient(circle at 0px 50%, #fff 15rpx, #FF7676 15rpx); } .coupon-popup .item-right { justify-content: center; align-items: flex-start; padding-left: 16rpx; border-top-right-radius: 16rpx; border-bottom-right-radius: 16rpx; box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.13); } .coupon-popup .item-right text { font-size: 20rpx; color: #000; } .coupon-popup .btn { width: 416rpx; height: 92rpx; background: #85DBD8; border-radius: 52px; color: #FFFFFF; font-size: 36rpx; } .btm-toast { position: fixed; bottom: 8rpx; width: 100%; /* overflow: hidden; */ } .btm-toast .margin-box { margin: 0 20rpx; border-radius: 24rpx; height: 192rpx; padding: 0 44rpx; background-color: rgba(51, 51, 51, 0.89); position: relative; } .btm-toast .left-image { width: 112rpx; height: 112rpx; border: 2rpx solid #FFFFFF; box-sizing: border-box; border-radius: 50%; } .btm-toast .right { margin-left: 18rpx; line-height: 38rpx; } .btm-toast .right text { font-size: 28rpx; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #FFFFFF; } .btm-toast .close { width: 48rpx; height: 48rpx; border-radius: 50%; position: absolute; right: -12rpx; top: -14rpx; } .btm-toast .btn { width: 136rpx; height: 50rpx; background: #FA7D22; border-radius: 29rpx; font-size: 28rpx; font-family: PingFangTC-Medium, PingFangTC; color: #fff; position: absolute; right: 48rpx; bottom: 28rpx; } .plan-scroll-x::-webkit-scrollbar { display: none; /* Chrome Safari */ } .content { padding: 0 30rpx; } .top-box { width: 100%; height: 456rpx; box-sizing: border-box; position: relative; } .top-box .image-bgc { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; } .top-box image { width: 48rpx; height: 48rpx; } .plan { height: 240rpx; margin-top: 20rpx; } .plan .plan-item { height: 100%; padding: 2rpx; background: #FA7D22; border-radius: 24rpx; overflow: hidden; } .plan .plan-item .top-text { height: 76rpx; padding: 0 20rpx; font-size: 28rpx; font-family: PingFangSC-Medium, PingFang SC; font-weight: 500; color: #FFFFFF; } .plan .plan-item .top-text text { font-size: 28rpx; font-family: PingFangSC-Medium, PingFang SC; font-weight: 500; color: #FFFFFF; } .plan .plan-item .bottom-box { /* width: 100%; */ border-radius: 24rpx; background-color: #fff; } .plan .bottom-box .sum { font-size: 80rpx; font-family: DINCondensed-Bold, DINCondensed; font-weight: bold; color: #FA7D22; } .plan .bottom-box .text { font-size: 24rpx; font-family: PingFang-SC-Medium, PingFang-SC; font-weight: 500; color: #FA7D22; } .plan-scroll-x { padding: 0 12rpx; } .plan-scroll-x image { width: 140rpx; height: 140rpx; margin-right: 20rpx; background-color: #FA7D22; flex-shrink: 0; border-radius: 20rpx; } .project-item { height: 300rpx; background: #FFF5EE; border-radius: 24rpx; margin-bottom: 20rpx; } .project-item image { width: 185rpx; height: 240rpx; background-color: #FA7D22; } .article text { font-family: PingFang-SC-Medium, PingFang-SC; font-weight: 500; } .article-item { background: #FFFFFF; border-radius: 24rpx; padding-left: 40rpx; } .article .left { height: 300rpx; width: 300rpx; margin-right: 20rpx; } .article .left image { width: 166rpx; height: 166rpx; margin-bottom: 14rpx; /* background-color: yellow; */ } .article .right-item image { width: 80rpx; height: 80rpx; }