<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">html{height: 100%;font-family:sans-serif;}
ul{margin:0;padding:0;list-style:none;}
a{text-decoration:none;}
p{margin:0;}
body{margin: 0 auto;max-width:500px;height:100%;background: #1b0934}
.swiper-slide{overflow: hidden}
.fn-hide{display: none;}
.active{display: block;}
.loading{position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.delay{display: none;}
.wrapper{height: 100%;overflow: hidden;}
.text-info{color:#66b;}
/* item1 */
.tips{
    margin: 30px auto;
    text-align: center;
}
.tips img{width:60%;}
.desk{
    position: relative;
    text-align: center;
    width: 100%;
}
.desk img{width: 196px;height: 280px;}
.gift,.bowl{
    position: absolute;
    width: 16%;height: 25%;
}
.gift{
    top: 168px;left: 6%;
    background: url("../images/xcx/gift.png") center no-repeat;
    background-size: contain;
}
.bowl{
    top: 30%;right: 10px;
    background: url("../images/xcx/bowl.png") center no-repeat;
    background-size: contain;
}
.star1{
    top: -30px;right: 15%;
    width: 15px;height: 30px;
    -webkit-filter: blur(3px);
            filter: blur(3px);
    background: url("../images/xcx/star1-1.png");
    -webkit-animation-duration: .5s;
            animation-duration: .5s;
}
.star2{
    top: 23px;right: 25%;
    width: 20px;height: 30px;
    background: url("../images/xcx/star2-1.png");
    -webkit-animation-delay: 2s;
            animation-delay: 2s;
    -webkit-animation-duration: 1.2s;
            animation-duration: 1.2s;
}
.star3{
    bottom: 148px;left: 13%;
    width: 20px;height: 30px;
    background: url("../images/xcx/star2-2.png");
    -webkit-animation-delay: 5s;
            animation-delay: 5s;
    -webkit-animation-duration: 1.8s;
            animation-duration: 1.8s;
}
.star4{
    bottom: 4px;left: 21%;
    width: 20px;height: 24px;
    background: url("../images/xcx/star4.png");
    -webkit-animation-delay: .5s;
            animation-delay: .5s;
    -webkit-animation-duration: 2.2s;
            animation-duration: 2.2s;
}
.star5{
    bottom: 43%;left: 21%;
    width: 25px;height: 30px;
    background: url("../images/xcx/star5.png");
    -webkit-animation-delay: .5s;
            animation-delay: .5s;
    -webkit-animation-duration: 2s;
            animation-duration: 2s;
}
.star6{
    bottom: 28%;left: 47%;
    width: 24px;height: 26px;
    background: url("../images/xcx/star6.png");
    -webkit-animation-delay: 5s;
            animation-delay: 5s;
    -webkit-animation-duration: 3.2s;
            animation-duration: 3.2s;
}
.star{
    position: absolute;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-animation-name: star;
            animation-name: star;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite ;
            animation-iteration-count: infinite ;
    -webkit-animation-direction: alternate;
            animation-direction: alternate;
}
@-webkit-keyframes star {
    0% {opacity:1;-webkit-filter: blur(3px);filter: blur(3px);}
    40% {opacity:1;-webkit-filter: blur(0);filter: blur(0);}
    100%{opacity:1;-webkit-filter: blur(0);filter: blur(0);}
}
.aircraft,
.east{position: absolute;}
.aircraft{
    top: 170px;left: 4%;
    -webkit-animation: aircraft 2s ease-in-out;
            animation: aircraft 2s ease-in-out;
}
.aircraft img{width: 144px;height: 36px;}
@-webkit-keyframes aircraft {
    0%,50% {-webkit-transform: translate3d(-120%,0,0);transform: translate3d(-120%,0,0);}
    100%{-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
}
.east{
    bottom: -18px;right: 10px;
    -webkit-transform: rotate(-14deg);
        -ms-transform: rotate(-14deg);
            transform: rotate(-14deg);
    -webkit-animation: east 1s ease-in-out;
            animation: east 1s ease-in-out;
}
.east img{width: 70px;height: 207px;}
@-webkit-keyframes east {
    0% {-webkit-transform: translateY(120%) rotate(-14deg);transform: translateY(120%) rotate(-14deg);}
    95% {-webkit-transform: translateY(-3%) rotate(-14deg);transform: translateY(-3%) rotate(-14deg);}
    100%{-webkit-transform: translateY(0) rotate(-14deg);transform: translateY(0) rotate(-14deg);}
}
.next{
    position: absolute;
    bottom: 28px;left: 50%;z-index: 1;
    width: 22px;height: 28px;
    background: url("../images/xcx/next.png") center no-repeat;
    background-size: contain;
    -webkit-animation: next 1s infinite ease-in-out alternate;
            animation: next 1s infinite ease-in-out alternate;
}
@-webkit-keyframes next {
    0% {-webkit-transform: translate3d(-50%,0,0);transform: translate3d(-50%,0,0)}
    100%{-webkit-transform: translate3d(-50%,10px,0);transform: translate3d(-50%,10px,0)}
}
.rounds {
    -webkit-transform: scale(.5);
        -ms-transform: scale(.5);
            transform: scale(.5);
    -webkit-animation: round 1s infinite ease-in-out;
            animation: round 1s infinite ease-in-out;
}
@-webkit-keyframes round {
    0% {opacity: 1;-webkit-transform: scale(.6);transform: scale(.6);}
    100% {opacity: .3;-webkit-transform: scale(1);transform: scale(1);}
}
/* item2 */
.box{
    position: absolute;
    bottom: 50px;
    width: 100%;
    height: 230px;
}
.box&gt;img{
    position: absolute;
    left: 50%;bottom: 0;
    z-index: 1;
    width: 320px;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}
.box-cover{
    position: absolute;
    bottom: 115px;
    width: 100%;
    height: 250px;
    line-height: 20px;
    text-align: center;
    font-size: 10px;
    color: #fff;
}
.fire{
    position: absolute;
    top: 10%;right: 32%; 
    -webkit-animation: fire 1s ease-in-out; 
            animation: fire 1s ease-in-out;
}
.fire img{display:block;width: 72px;}
@-webkit-keyframes fire {
    0% {-webkit-transform: translateY(230px) ;transform: translateY(230px) ;}
    100%{-webkit-transform: translateY(0) ;transform: translateY(0) ;}
}
.anonymity{
    position: absolute;
    bottom: 26%;left: 27%;

    -webkit-animation: anonymity 1.5s ease-in-out;
            animation: anonymity 1.5s ease-in-out;
}
.anonymity img{display:block;width: 60px;}
@-webkit-keyframes anonymity {
    0% {-webkit-transform: translateY(145px) ;transform: translateY(145px) ;}
    50% {-webkit-transform: translateY(145px) ;transform: translateY(145px) ;}
    100%{-webkit-transform: translateY(0) ;transform: translateY(0) ;}
}
.transitionT{
    visibility: hidden ;
    -webkit-animation: transitionT 1.5s ease-in-out;
            animation: transitionT 1.5s ease-in-out;.
    animation-delay: 1.5s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
}
@-webkit-keyframes transitionT {
    0%,98% {visibility: hidden ;}
    100%{visibility: visible ;}
}
.box-cover .star{opacity: 0;-webkit-animation-name: star;animation-name: star;}
.box-cover .star1{top: 0;right: 22%;-webkit-animation-delay: 1s;animation-delay: 1s;}
.box-cover .star2{top: 18%;left: 38%;width: 12px;-webkit-animation-delay: 1.6s;animation-delay: 1.6s;}
.box-cover .star5{top: 28%;left: 21%;-webkit-animation-delay: 1.6s;animation-delay: 1.6s;}
.box-cover .star6{bottom: 34%;left: 46%;-webkit-animation-delay: 1.4s;animation-delay: 1.4s;}
@-webkit-keyframes starOpacity {
    0% {opacity:1;-webkit-filter: blur(3px);filter: blur(3px);}
    30% {opacity:1;-webkit-filter: blur(0);filter: blur(0);}
    100%{opacity:1;-webkit-filter: blur(0);filter: blur(0);}
}

/* item3 */
.item-3{height: 100%;}
.bgPC{
    margin-top:40px;
    height: 450px;
    background: url("../images/xcx/bgPC.png?1") center no-repeat;
    background-size: contain;
}
.center{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    font-weight: 300;
    color: #fff;
}
.logo{
    margin-top: -10%;
    margin-bottom: 15px;
    width: 90px;
    height: 90px;
    background: url('../images/xcx/logo.png');
    background-size: contain;
    border-radius: 8px;
}
.btn{
    border: none;
    border-radius: 4px;
    color: #fff;
    font-size: 20px;
}
.btn-orange{
    margin-top: 40px;
    width: 140px;
    height: 40px;
    background: #FA852E;
}
.btn-green{
    display: inline-block;
    margin: 20px;
    width: 80px;
    line-height: 26px;
    background:  #02BB00;
    font-size: 15px;
}
.block{
    position: fixed;
    top: 0;left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.4);
}
.block-body{
    position: absolute;
    bottom: 0;
    padding: 25px 15px;
    box-sizing:border-box;
    width:100%;
    background: #fff;
    font-size: 16px;
    color: #151515;
}
.screenshot img{margin-top:15px;width: 100%;}
.qrcode{text-align: center;color:#999;}
.qrcode img{ width: 200px; }
.block-btn{text-align: center;}
@media screen and (max-width: 374px){

}
@media screen and (min-width: 376px){

}</pre></body></html>