@charset "UTF-8";

.feature-icon {
    background-image: url(//static.pospal.cn/pospal-pages/page/catering/features.png);
    background-size: 96px 24px;
    background-repeat: no-repeat
}

.feature-icon.icon-1 {
    background-position: 0 0
}

.feature-icon.icon-2 {
    background-position: -24px 0px;
    width: 48px !important
}

.feature-icon.icon-3 {
    background-position: -72px 0
}

.eco-icon1 {
    background-image: url(//static.pospal.cn/pospal-pages/page/catering/eco1.png);
    background-size: 240px 48px;
    background-repeat: no-repeat
}

.eco-icon1.icon-1 {
    background-position: 0 0
}

.eco-icon1.icon-2 {
    background-position: -48px 0
}

.eco-icon1.icon-3 {
    background-position: -96px 0
}

.eco-icon1.icon-4 {
    background-position: -144px 0
}

.eco-icon1.icon-5 {
    background-position: -192px 0
}

.eco-icon2 {
    background-image: url(//static.pospal.cn/pospal-pages/page/catering/eco2.png);
    background-size: 240px 48px;
    background-repeat: no-repeat
}

.eco-icon2.icon-6 {
    background-position: 0 0
}

.eco-icon2.icon-7 {
    background-position: -48px 0
}

.eco-icon2.icon-8 {
    background-position: -96px 0
}

.eco-icon2.icon-9 {
    background-position: -144px 0
}

.eco-icon2.icon-10 {
    background-position: -192px 0
}

.section-ep-bg {
    background-image: url(//static.pospal.cn/pospal-pages/page/catering/ep-bg.png);
    background-image: -webkit-image-set(url(//static.pospal.cn/pospal-pages/page/catering/ep-bg.png!/format/webp) type("image/webp"));
    background-image: image-set(url(//static.pospal.cn/pospal-pages/page/catering/ep-bg.png!/format/webp) type("image/webp"));
    background-size: cover
}

.section-marketing .mimage {
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(//static.pospal.cn/pospal-pages/page/catering/member-image.png);
    background-image: -webkit-image-set(url(//static.pospal.cn/pospal-pages/page/catering/member-image.png!/format/webp) type("image/webp"));
    background-image: image-set(url(//static.pospal.cn/pospal-pages/page/catering/member-image.png!/format/webp) type("image/webp"));
    width: 588px;
    height: 480px;
    background-size: cover
}

.section-marketing .mitem {
    opacity: 0;
    width: 220px;
    height: 220px;
    position: absolute;
    background-size: cover;
    transform-style: preserve-3d;
    perspective: 1000px;
    z-index: 5;
    transition: all 1s
}

.section-marketing .mitem-1 {
    transform-origin: 0 50%;
    background-image: url(//static.pospal.cn/pospal-pages/page/catering/member-mangent.png);
    top: 10%;
    position: relative;
    transform-origin: 110px 176px;
    transform: rotateX(180deg)
}

.section-marketing .mimage.active .mitem-1 {
    opacity: 1;
    left: 31%;
    top: 11%;
    transform: rotateX(0)
}

.test-class {
    position: absolute
}

.section-marketing .mitem-2 {
    background-image: url(//static.pospal.cn/pospal-pages/page/catering/member-rights.png);
    left: 70px;
    top: 55%;
    transform: rotate3d(.5, .89, 0, 180deg);
    transform-origin: 110px 0
}

.section-marketing .mimage.active .mitem-2 {
    opacity: 1;
    transform: rotate3d(.5, .89, 0, 0)
}

.section-marketing .mitem-3 {
    background-image: url(//static.pospal.cn/pospal-pages/page/catering/member-points.png);
    top: 55%;
    right: 12%;
    opacity: 1;
    transform-origin: -25px 206px;
    transform: rotate3d(.5, -.89, 0, 180deg)
}

.section-marketing .mimage.active .mitem-3 {
    opacity: 1;
    transform: rotate3d(.5, -.89, 0, 0)
}

.test-class {
    position: absolute;
    left: 150px
}

.mimage .icon-m {
    width: 24px;
    height: 24px;
    position: absolute;
    right: 45%;
    top: 10%
}

.section-marketing .aitem {
    width: 48px;
    height: 48px;
    position: absolute;
    left: 280px;
    top: 285px;
    background-size: cover;
    opacity: 0;
    transition: all .5s
}

.section-marketing .mimage.active .aitem {
    opacity: 1
}

.section-marketing .aitem-1 {
    background-image: url(//static.pospal.cn/pospal-pages/page/catering/member-icon1.png)
}

.section-marketing .mimage.active .aitem-1 {
    top: 72px;
    left: 126px
}

.section-marketing .aitem-2 {
    background-image: url(//static.pospal.cn/pospal-pages/page/catering/member-icon2.png)
}

.section-marketing .mimage.active .aitem-2 {
    top: 139px;
    left: 42px
}

.section-marketing .aitem-3 {
    background-image: url(//static.pospal.cn/pospal-pages/page/catering/member-icon3.png)
}

.section-marketing .mimage.active .aitem-3 {
    top: 243px;
    left: 30px
}

.section-marketing .aitem-4 {
    background-image: url(//static.pospal.cn/pospal-pages/page/catering/member-icon4.png)
}

.section-marketing .mimage.active .aitem-4 {
    top: 80px;
    left: 428px
}

.section-marketing .aitem-5 {
    background-image: url(//static.pospal.cn/pospal-pages/page/catering/member-icon5.png)
}

.section-marketing .mimage.active .aitem-5 {
    top: 152px;
    left: 508px
}

.section-marketing .aitem-6 {
    background-image: url(//static.pospal.cn/pospal-pages/page/catering/member-icon6.png)
}

.section-marketing .mimage.active .aitem-6 {
    top: 258px;
    left: 507px
}

.section-marketing .bimage {
    background-image: url(//static.pospal.cn/pospal-pages/page/catering/marketing-image.png);
    background-image: -webkit-image-set(url(//static.pospal.cn/pospal-pages/page/catering/marketing-image.png!/format/webp) type("image/webp"));
    background-image: image-set(url(//static.pospal.cn/pospal-pages/page/catering/marketing-image.png!/format/webp) type("image/webp"));
    background-size: cover;
    position: relative;
    width: 588px;
    height: 480px
}

.section-marketing .bitem {
    width: 48px;
    height: 48px;
    position: absolute;
    background-size: cover;
    opacity: 0;
    transition: all .5s;
    left: 220px;
    top: 100px
}

.section-marketing .bimage .bitem-1 {
    background-image: url(//static.pospal.cn/pospal-pages/page/catering/channel-icon1.png)
}

.section-marketing .bimage.active .bitem-1 {
    opacity: 1;
    top: 83px;
    left: 116px
}

.section-marketing .bimage .bitem-2 {
    background-image: url(//static.pospal.cn/pospal-pages/page/catering/channel-icon2.png)
}

.section-marketing .bimage.active .bitem-2 {
    opacity: 1;
    top: 31px;
    left: 180px
}

.section-marketing .bimage .bitem-3 {
    background-image: url(//static.pospal.cn/pospal-pages/page/catering/channel-icon3.png)
}

.section-marketing .bimage.active .bitem-3 {
    opacity: 1;
    top: 31px;
    left: 272px
}

.section-marketing .bimage .bitem-4 {
    background-image: url(//static.pospal.cn/pospal-pages/page/catering/channel-icon4.png)
}

.section-marketing .bimage.active .bitem-4 {
    opacity: 1;
    top: 83px;
    left: 338px
}

.section-mini-app .cimage {
    flex: none;
    width: 588px;
    height: 480px;
    background-image: url(//static.pospal.cn/pospal-pages/page/catering/mobile-image.png);
    background-image: -webkit-image-set(url(//static.pospal.cn/pospal-pages/page/catering/mobile-image.png!/format/webp) type("image/webp"));
    background-image: image-set(url(//static.pospal.cn/pospal-pages/page/catering/mobile-image.png!/format/webp) type("image/webp"));
    background-size: cover;
    position: relative
}

.section-mini-app .cimage .citem {
    position: absolute;
    background-size: cover;
    border-radius: 10px;
    opacity: 0;
    transition: all .5s
}

.section-mini-app .cimage .citem.citem-1 {
    width: 148px;
    height: 66px;
    box-shadow: 0 5px 32px #b0b6c880;
    background-image: url(//static.pospal.cn/pospal-pages/page/catering/mini-icon1.png);
    left: 0;
    top: 91px
}

.section-mini-app .cimage.active .citem.citem-1 {
    top: 91px;
    left: 160px;
    opacity: 1
}

.section-mini-app .cimage .citem.citem-2 {
    width: 100px;
    height: 69px;
    box-shadow: 0 4.0155px 24.093px #b0b6c880;
    background-image: url(//static.pospal.cn/pospal-pages/page/catering/mini-icon2.png);
    right: 0;
    bottom: 80px
}

.section-mini-app .cimage.active .citem.citem-2 {
    bottom: 80px;
    right: 160px;
    opacity: 1
}

.section-mini-app .cimage .citemText {
    width: 78px;
    height: 56px;
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0;
    transition: all .5s
}

.section-mini-app .cimage .citemText.citem-3 {
    background-image: url(//static.pospal.cn/pospal-pages/page/catering/text-icon1.png);
    top: 113px;
    left: 0
}

.section-mini-app .cimage.active .citemText.citem-3 {
    left: 37px;
    top: 113px;
    opacity: 1
}

.section-mini-app .cimage .citemText.citem-4 {
    background-image: url(//static.pospal.cn/pospal-pages/page/catering/text-icon2.png);
    top: 209px;
    left: 0
}

.section-mini-app .cimage.active .citemText.citem-4 {
    top: 209px;
    left: 26px;
    opacity: 1
}

.section-mini-app .cimage .citemText.citem-5 {
    background-image: url(//static.pospal.cn/pospal-pages/page/catering/text-icon3.png);
    top: 365px;
    left: 0
}

.section-mini-app .cimage.active .citemText.citem-5 {
    top: 365px;
    left: 88px;
    opacity: 1
}

.section-mini-app .cimage .citemText.citem-6 {
    background-image: url(//static.pospal.cn/pospal-pages/page/catering/text-icon4.png);
    right: 0;
    top: 162px
}

.section-mini-app .cimage.active .citemText.citem-6 {
    top: 162px;
    right: 36px;
    opacity: 1
}

.section-mini-app .cimage .citemText.citem-7 {
    background-image: url(//static.pospal.cn/pospal-pages/page/catering/text-icon5.png);
    top: 258px;
    right: 0
}

.section-mini-app .cimage.active .citemText.citem-7 {
    top: 258px;
    right: 34px;
    opacity: 1
}