html, body { /* height: 100%; */ font-size: 14px; -webkit-tap-highlight-color: transparent; cursor: pointer; margin: 0; background-color: rgb(253 54 84); } .page { width: 100%; color: #754E39; background-color: rgb(253 54 84); padding-bottom: .3rem; } .top { position: relative; height: 7.02rem; } .top .page_hd { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; padding: 0; background-size: 100%; } .page .top .rule { position: absolute; width: 1.16rem; top: .72rem; right: 0; z-index: 10; } .page .icon5 { width: 100%; height: 1.93rem; background: url('//j.changyoyo.com/apps/redpackets/i/ico-5.png?v=1752636526918') no-repeat; background-size: 100%; } .page .icon5-1 { width: 100%; height: 4.16rem; background: url('//j.changyoyo.com/apps/redpackets/i/ico-5-1.png?v=1752636526918') no-repeat; background-size: 100%; } .page .body { padding: 0 .26rem; } .page_hd1{ margin: 0; position: relative; height: 4rem; padding: 0; background: url('//j.changyoyo.com/apps/redpackets/i/hongbaoBg.png?v=1752636526918') no-repeat; background-size: 100%; width: 100%; } .coupons { overflow: hidden; position: absolute; top: 2rem; left: .1rem; } .coupons > div { width: 1.62rem; height: 1.49rem; float: left; margin-left: .43rem; } .down-icon { width: 100%; height: 1.71rem; } .banner-a { width: 100%; height: 2.2rem; } .banner-b { margin-top: .3rem; width: 100%; height: 2.2rem; } .coupons .coupon1{ background: url('//j.changyoyo.com/apps/redpackets/i/0831/pkt6.2.png?v=1752636526918') no-repeat; background-size: 100%; } .coupons .coupon2{ background: url('//j.changyoyo.com/apps/redpackets/i/hongbao2.png?v=1752636526918') no-repeat; background-size: 100%; } .coupons .coupon3{ background: url('//j.changyoyo.com/apps/redpackets/i/0831/pkt8.8.png?v=1752636526918') no-repeat; background-size: 100%; } .coupons .coupon4{ background: url('//j.changyoyo.com/apps/redpackets/i/0831/pkt10.png?v=1752636526918') no-repeat; background-size: 100%; } .title{ background: url(//j.changyoyo.com/apps/redpackets/i/ico-tt.png?v=1752636526918) no-repeat; background-size: 100%; width: 4.21rem; height: .46rem; margin: 0 auto; } .cell { margin: .3rem auto; border-radius: .1rem; width: 6.92rem; position: relative; } .t1{ width: 6.92rem; height: 1.73rem; display: block; } .t2{ width: 6.92rem; height: 4.39rem; display: block; margin-top: 0.2rem; } .t3{ width: 6.92rem; height: 4.78rem; display: block; margin-top: 0.2rem; } .areas{ position:absolute; left: 0; width: 100%; bottom: .2rem; height: 2.2rem; } .area{ float: left; width:32% ; height: 100%; } .des { padding: 0 .36rem .36rem .36rem; } .des_hd { margin: 0 auto; background: url(//j.changyoyo.com/apps/redpackets/i/ico-tt1.png?v=1752636526918) no-repeat; background-size: 100%; width: 4.73rem; height: .4rem; } a.kefu{ color: rgb(255,239,107); } .des_bd { opacity: 1; font-size: .28rem; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; text-align: justify; color: #ffc1ca; line-height: 1.8; margin-top: .3rem; } .des_bd img { width: 6.9rem; margin: auto; display: block; margin-left: -.07rem; } .des_bd li { /* margin-top: .15rem; */ } b { color: #fff; } .btn { background: url(//j.changyoyo.com/apps/redpackets/i/ico-btn-recharge.png?v=1752636526918) no-repeat; background-size: 100%; width: 4.73rem; height: 1.4rem; position: absolute; left: 1.39rem; top: 5.6rem; } .rewards{ width: 4.73rem; position: absolute; left: 1.39rem; top: 6.98rem; text-align: center; color: rgb(246 243 214); text-decoration: underline; } .btn1 { background: url(//j.changyoyo.com/apps/redpackets/i/ico-qsy.png?v=1752636526918) no-repeat; background-size: 100%; width: 4.73rem; height: 1.4rem; position: absolute; left: 1.39rem; top: 5.69rem; } .btn-login { background: url(//j.changyoyo.com/apps/redpackets/i/ico-login-btn.png?v=1752636526918) no-repeat; background-size: 100%; width: 4.89rem; height: 1.52rem; position: absolute; left: 1.08rem; bottom: .37rem; } .btn-close { background: url(//j.changyoyo.com/apps/redpackets/i/ico-close.png?v=1752636526922) no-repeat; background-size: 100%; width: .47rem; height: .47rem; position: absolute; left: 2.42rem; bottom:-1.39rem; } .btn-close {} /* .packet_bd_2_1 .btn-close,.packet_bd_7_1 .btn-close,.packet_bd_15_1 .btn-close{ background: url(//j.changyoyo.com/apps/redpackets/i/ico-close.png?v=1752636526922) no-repeat; background-size: 100%; width: .47rem; height: .47rem; position: absolute; left: 2.9rem; bottom: -1rem; } */ .packet_bd .btn-close { left: 3rem; bottom: -.87rem; } .packet_wrp > .btn-close { left: 3.5rem; bottom: 0.53rem; } .rulepop > .btn-close { left: 3.5rem; bottom: -.8rem; } .ipt, .code,.protol { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: column; flex-flow: column; margin: 0 1.2rem; font-size: .25rem; color: #FE9E7A; } .protol { -webkit-box-pack: start; -webkit-justify-content: start; justify-content: start; font-size: .24rem; margin: 0 1.2rem; margin-top: .2rem; display: block; white-space: nowrap; position: relative; } .protol a { display: inline-block; vertical-align: middle; text-decoration: underline; color: rgb(255,161,66); } .ipt { margin-top: 1.45rem; height: .85rem; background-color: #fff; border-radius: .1rem; } input { line-height: .85rem; text-indent: .24rem; color: #FE9E7A; } .ipt input { border-radius: .12rem; font-size: .29rem; } .ipt input::-webkit-input-placeholder{ color:#FE9E7A; } .ipt input::placeholder{ color:#FE9E7A; } input#check {display: inline-block;vertical-align: middle;background-color: rgb(254 158 122);visibility: hidden;position: relative;width: .24rem;height: .24rem;left: 0;-webkit-box-pack: center;-webkit-justify-content: center;justify-content: center;} input#check:after { width: 100%; height: 100%; content: ' '; background-color: #fff; display: inline-block; visibility: visible; border-radius: .2rem; vertical-align: top; border: 1px solid rgb(254 158 122); position: absolute; left: 50%; top: 50%; z-index: 1; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } input[type=checkbox]#check:checked:before { background-color: rgb(254 158 122); content: ' '; width: 50%; height: 50%; visibility: visible; border-radius: .13rem; left: 50%; z-index: 22; top: 50%; position: absolute; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } /* input[type=checked]:after { border: 2px solid #FF9C3C; background-color: #FF9C3C; content: ' '; display: inline-block; width: .15rem; height: .15rem; } */ input[type=checked]:checked:after {content: '\2713';color: #fff;display: block;} label { color: #bfbfbf; /* transform: scale(0.9); */ display: inline-block; vertical-align: middle; margin-left: .1rem; } a.btn-send { font-size: .27rem; background: -webkit-linear-gradient(97deg,#ff4b39 0%, #ff743f 100%); background: linear-gradient(-7deg,#ff4b39 0%, #ff743f 100%); border-radius: .12rem; color: #fff; line-height: .85rem; padding: 0 .2rem; /* transform: scale3d(.95, .95, 1); */ } .code { margin-top: .24rem; /* display: flex; */ -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row; flex-flow: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; height: .7rem; } .code input {width: 2.63rem;font-size: .29rem;} .code input::-webkit-input-placeholder{ color:#FE9E7A } .code input::placeholder{ color:#FE9E7A } .page_hd>img {} .page_bd { margin: 0; background-color: rgb(253 54 84); color: #fff; font-size: .28rem; padding: 0; } .cell.err input { color: #d3362f; } .l-mask { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 300; background-color: rgba(0, 0, 0, .7); } .l-pop, .l-pop-submenu, .pop-join, .packet_bd, .packet_wrp, .packet_bd_2_1,.packet_bd_7_1,.packet_bd_15_1,.rulepop { position: fixed; top: 50%; left: 50%; z-index: 302; background-color: #fff; width: 5.15rem; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); display: -webkit-box; display: -webkit-flex; display: flex; justify-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; padding: .4rem; border-radius: .2rem; } .l-pop { width: 6.93rem; height: 6.73rem; background: url(//j.changyoyo.com/apps/redpackets/i/ico-loginbg1.png?v=1752636526922) no-repeat; background-size: 100%; padding: 0; margin: 0; } .packet_wrp,.rulepop{ width: 7.5rem; height: 8.3rem; background: url(//j.changyoyo.com/apps/redpackets/i/ico-hbbg.png?v=1752636526922) no-repeat; background-size: 100%; padding: 0; margin: 0; /* padding: 0; */ } .rulepop { background: url(//j.changyoyo.com/apps/redpackets/i/fb28e029582ce65867eb4c01f03e999.png?v=1752636526922) no-repeat; background-size: 100%; height: 9.3rem; } .pct_fd{ /* position:absolute; */ width: 3.99rem; height: 1.05rem; background: url(//j.changyoyo.com/apps/redpackets/i/ico-btn-to.png?v=1752636526922) no-repeat; background-size: 100%; top: 3.94rem; left: 1.23rem; margin: auto; } .pct_bd { /* position: absolute; */ margin: auto; margin-top: .35rem; } .pct_bd img { height: 1.3rem; } .packet_bd_1{ } .pct_hd { text-align: center; color: #FF7F17; margin-top: .8rem; font-size: .32rem; line-height: 1.4; } .pct_hd span { color: red; } .packet_bd,.packet_bd1 { width: 6.53rem; height: 5.5rem; background: url(//j.changyoyo.com/apps/redpackets/i/ico-popbg1.png?v=1752636526923) no-repeat; background-size: 100%; padding: 0; margin: 0; /* padding: 0; */ } .packet_bd2 { width: 6.41rem; height: 5.1rem; background: url(//j.changyoyo.com/apps/redpackets/i/ico-popbg.png?v=1752636526923) no-repeat; background-size: 100%; padding: 0; margin: 0; /* padding: 0; */ } .packet_bd.packet_bd2 .pct_hd{ margin-top: .4rem; } .packet_bd.packet_bd2 .pct_fd{ width: 3.99rem; height: 1.05rem; background: url(//j.changyoyo.com/apps/redpackets/i/ico-btn-get.png?v=1752636526923) no-repeat; background-size: 100%; margin-top: 0.02rem; /* top: 3rem; */ } .packet_bd.packet_bd_1 { background: url(//j.changyoyo.com/apps/redpackets/i/1.png?v=1752636526923) no-repeat; background-size: 100%; width: 4.98rem; height: 5.13rem; } .packet_bd.packet_bd_2 { background: url(//j.changyoyo.com/apps/redpackets/i/2.png?v=1752636526923) no-repeat; background-size: 100%; width: 4.98rem; height: 5.13rem; } .packet_bd.packet_bd_1 .pct_fd { width: 3.99rem; height: 1.05rem; background: url(//j.changyoyo.com/apps/redpackets/i/ico-btn-recharge.png?v=1752636526923) no-repeat; background-size: 100%; margin-top: 3.6rem; } .packet_bd.packet_bd_2 .pct_fd { width: 3.99rem; height: 1.05rem; background: url(//j.changyoyo.com/apps/redpackets/i/ico-btn-get.png?v=1752636526923) no-repeat; background-size: 100%; margin-top: 3.6rem; } .packet_bd_2_1 { width: 6.53rem; height: 5.5rem; background: url(//j.changyoyo.com/apps/redpackets/i/0831/bg6.2.png?v=1752636526923) no-repeat; background-size: 100%; padding: 0; margin: 0 auto; } .packet_bd_7_1 { width: 6.53rem; height: 5.5rem; background: url(//j.changyoyo.com/apps/redpackets/i/0831/bg8.8.png?v=1752636526923) no-repeat; background-size: 100%; padding: 0; margin: 0 auto; } .packet_bd_15_1 { width: 6.53rem; height: 5.5rem; background: url(//j.changyoyo.com/apps/redpackets/i/0831/bg10.png?v=1752636526923) no-repeat; background-size: 100%; padding: 0; margin: 0 auto; } .l-toast, .l-loading, .l-loading .inner { position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; z-index: 910; } .l-toast { top: 50%; left: 50%; right: auto; bottom: auto; display: initial; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } .l-toast-txt { background-color: rgba(0, 0, 0, .6); border-radius: 4px; padding: .3rem; color: #fff; font-size: .3rem; /* max-width: 80%; */ } .hide { display: none; } .vsh { visibility: hidden; } .l-loading .inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: column; flex-flow: column; width: 140px; background-color: rgba(0, 0, 0, .7); color: #fff; height: 100px; border-radius: 5px; line-height: 2; top: 50%; margin-top: -50px; left: 50%; margin-left: -70px; } .l-loading_content { font-size: 13px; } @-webkit-keyframes Loading { 0% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 360deg); transform: rotate3d(0, 0, 1, 360deg); } } @keyframes Loading { 0% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 360deg); transform: rotate3d(0, 0, 1, 360deg); } } .ico-loading { width: 30px; height: 30px; display: inline-block; vertical-align: middle; -webkit-animation: Loading 1s steps(12, end) infinite; animation: Loading 1s steps(12, end) infinite; background: transparent url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 100 100'%3E%3Cpath fill='none' d='M0 0h100v100H0z'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23E9E9E9' rx='5' ry='5' transform='translate(0 -30)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23989697' rx='5' ry='5' transform='rotate(30 105.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%239B999A' rx='5' ry='5' transform='rotate(60 75.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23A3A1A2' rx='5' ry='5' transform='rotate(90 65 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23ABA9AA' rx='5' ry='5' transform='rotate(120 58.66 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23B2B2B2' rx='5' ry='5' transform='rotate(150 54.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23BAB8B9' rx='5' ry='5' transform='rotate(180 50 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23C2C0C1' rx='5' ry='5' transform='rotate(-150 45.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23CBCBCB' rx='5' ry='5' transform='rotate(-120 41.34 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23D2D2D2' rx='5' ry='5' transform='rotate(-90 35 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23DADADA' rx='5' ry='5' transform='rotate(-60 24.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23E2E2E2' rx='5' ry='5' transform='rotate(-30 -5.98 65)'/%3E%3C/svg%3E") no-repeat; background-size: 100%; } .l-slider { /* width: 100%; */ overflow: hidden; padding: 0 0; position: relative; } .l-slider-inner { /* display: flex; */ -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; /* padding: 0 30px; */ white-space: nowrap; } .l-item-idx { position: absolute; bottom: .3rem; left: 0; right: 0; text-align: center; } .l-item-idx span { width: .1rem; height: .1rem; display: inline-block; background-color: #919397; margin: 0; border-radius: .08rem; margin-right: .1rem } .l-item-idx span.cur { background-color: #fff; } /*商品推荐位列表样式*/ .cash-cons{width: 7.11rem;margin: auto;height: 5.77rem;margin-top: .293rem;background: url(//j.changyoyo.com/apps/redpackets/i/ico-zq-hd1.png?v=1752636526923) no-repeat;background-size: 100%;padding-top: 1px;/* margin-bottom: .5rem; *//* padding-bottom: 1rem; */} /* .cash-cons:before {content: '';display: block;width: 100%;height: 100%;background: url(//j.changyoyo.com/apps/redpackets/i/ico-zq-bd.png?v=1752636526923) repeat-y;background-size: 100%;margin-top: 1.4rem;} */ .cash-cons:after { background: url(//j.changyoyo.com/apps/redpackets/i/ico-zq-ft.png?v=1752636526923) no-repeat; background-size: 100%; content: ''; width: 100%; height: .39rem; display: block; } .cons{ } .goods,.goods .title-wrappe{ position: relative; } .goods .title-wrapper img{ width: 68%; margin: auto; display: block; } .is-top2{ padding-top: .4rem; } .is-top{ padding-top: .4rem; } .goods .content{ display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; width: 100%; padding: 0 .2rem; overflow: hidden; } .item3,.item2{ width: 2.12rem; border-radius: .04rem; background: rgb(255 255 255); box-shadow: 0 1px 0.04rem 0 rgb(0 0 0 / 6%); margin-top: .16rem; margin-right: .16rem; } .item2 { width: 3.26rem; } .item3:nth-child(-n+3),.item2:nth-child(-n+2){ margin-top:0; } .goods .item3 .img,.goods .item2 .img{ display: block; width: 100%; height: 2.12rem; border-top-left-radius: .04rem; border-top-right-radius: .04rem; } .goods .item2:last-child{margin-left: 0;} .goods .item2 .img{ height: 3.26rem; } .goods .item3 .other-wrapper,.goods .item2 .other-wrapper{ position: relative; height: 2.28rem; padding: .12rem .16rem 0; } .goods .item3 .other-wrapper .name,.goods .item2 .other-wrapper .name{ font-size: .26rem; color: rgb(0 0 0); display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .goods .item3 .other-wrapper .label-wrapper,.goods .item2 .other-wrapper .label-wrapper{ padding-top: .06rem; padding-bottom: .34rem; } .goods .item3 .other-wrapper .channel_price,.goods .item2 .other-wrapper .channel_price{ position: absolute; bottom: .6rem; width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: "left"; -webkit-justify-content: "left"; justify-content: "left"; -webkit-box-align: center; -webkit-align-items: center; align-items: center; } .goods .item3 .other-wrapper .channel_price .channel-img,.goods .item2 .other-wrapper .channel_price .channel-img{ width: .28rem; height: .34rem; margin-right: .08rem; } .goods .item3 .other-wrapper .channel_price .old-price,.goods .item2 .other-wrapper .channel_price .old-price{ font-size: .24rem; color: rgb(153 153 153); text-decoration: line-through; } .goods .item3 .other-wrapper .price-wrapper,.goods .item2 .other-wrapper .price-wrapper{ position: absolute; bottom: .2rem; } .goods .item3 .other-wrapper .price-wrapper .price,.goods .item2 .other-wrapper .price-wrapper .price{ font-size: .3rem; color: rgb(207 45 45); font-weight: 500; margin-right: .06rem; } .goods .item3:nth-child(3n+3),.goods .item2:nth-child(3n+3){ } .add .title-wrapper, .add{ position: relative; } .add .type0{ margin: 0 .2rem; } .add .type0 .item:first-child{ margin-top: 0; } .good-list{ /* width: 100%; */ /* overflow-x: hidden; */ background: url(//j.changyoyo.com/apps/redpackets/i/ico-zq-bd.png?v=1752636526923) repeat-y; background-size: 100%; margin-top: 1.23rem; } .good-list{ width: 100%; overflow-x: hidden; } .rule_bd { height: 5.7rem; width: 6.4rem; overflow: hidden; overflow-y: scroll; margin: auto; /* background-color: blanchedalmond; */ margin-top: 3rem; color: rgba(255,253,254,.7); font-size: .2rem; font-weight: 300; } .rule_bd p { margin-top: .1rem; } .rule_bd p img{ width: 6.4rem; }