.head{background-image:url("../../image/user/My_head background1@3x-2eacc28bd3.png");background-repeat:no-repeat;background-size:100% 100%;position:relative}#qiu1,#qiu2,#qiu3,#qiu4{position:absolute;z-index:0}#qiu3{top:50px;left:-200px;right:0;margin:0 auto;width:42px;height:42px;animation:myfirst3 3s;animation-iteration-count:infinite;animation-timing-function:linear;animation-direction:alternate}#qiu1{width:74px;top:-8px;right:122px;animation:myfirst1 4s;animation-iteration-count:infinite;animation-timing-function:linear;animation-direction:alternate}#qiu2{width:109px;height:109px;bottom:85px;right:44px;animation:myfirst2 2s;animation-iteration-count:infinite;animation-timing-function:linear;animation-direction:alternate}#qiu4{width:21px;height:21px;left:112px;top:100px;animation:myfirst4 2s;animation-iteration-count:infinite;animation-timing-function:linear;animation-direction:alternate}@keyframes myfirst3{0%{top:10px}100%{top:27px}}@keyframes myfirst1{0%{top:-4px}100%{top:25px}}@keyframes myfirst2{0%{top:54px}100%{top:84px}}@keyframes myfirst4{0%{bottom:75px}100%{bottom:85px}}.user-code{width:100%;padding-right:13px;padding-top:15px;text-align:right;box-sizing:border-box;display:flex;align-items:center;justify-content:flex-end}.user-code i{width:26px;height:26px;font-size:23px;color:#121213;position:relative;margin-left:15px;background:rgba(219,180,0,.4);padding:1px;border-radius:3px;display:flex;align-items:center;justify-content:center}.user-code i b{position:absolute;right:-2px;top:-2px;width:8px;height:8px;border:1px solid #fff;background:#f60022;border-radius:50%}.user-info{display:flex;justify-content:space-between;align-items:center;padding:0 18px;margin-bottom:20px;position:relative}.user-photo{display:flex;align-items:center;font-size:17px;color:#1a1a1a;font-weight:600}.user-photo>a{color:#1a1a1a}.user-photo>div{width:64px;height:64px;border:3px solid #fff;border-radius:50%;margin-right:10px;position:relative}.user-photo>div img{width:64px;height:64px;border-radius:50%}#vipIcon{width:25px;height:25px;position:absolute;top:-10px;left:-10px;transform:rotate(-30deg)}.sign{padding:5px 10px;box-sizing:border-box;background:rgba(174,114,0,.3);border-radius:50px;display:flex;align-items:center;font-size:11px;color:#fff;position:relative;z-index:1}.sign>img{width:22px;height:22px}.user-vip-img{width:100%;height:70px;background-image:url(../../image/user/My_membership_card@2x-cfb9ad8ab0.png);background-repeat:no-repeat;background-size:100%;background-position:0 1px;display:flex;align-items:center;z-index:1;position:relative}.user-vip-img>p{position:absolute;bottom:19%;left:0;right:0;display:flex;align-items:flex-end;justify-content:space-between}.user-vip-img>p span{font-size:11px;display:flex;align-items:flex-end;color:#fff;margin-left:10%}.user-vip-img>p span strong{font-size:16px;margin:0 5px}.user-vip-img>p button{width:70px;height:30px;background:linear-gradient(90deg,#fecb82 0,#ffda9d 100%);box-shadow:0 2px 2px 0 rgba(255,255,255,.5) inset;border-radius:100px;font-size:12px;color:#272728;margin-right:10%}.swiper1{width:50%;height:40px}.swiper1 .swiper-slide{line-height:18px;font-size:12px;color:#fcefd9}.swiper1 .swiper-slide span{font-size:10px}.swiper2 .swiper-pagination-bullet{background:#fff;opacity:.6;width:4px;height:4px;border-radius:50px}.swiper2 .swiper-pagination-bullet-active{opacity:1;width:10px}.swiper2 .swiper-pagination{bottom:5px!important}.tab{overflow:hidden;background:#fff;border-radius:0 0 10px 10px;box-shadow:0 2px 7px 0 rgba(0,0,0,.12)}.tab .order-slidshow{padding:0 10px;box-sizing:border-box;margin-bottom:10px}.tab .order-slidshow .swiper-container{background-image:url(../../image/user/user-map-bg-7a00901cd6.png);background-repeat:no-repeat;background-size:cover;border-radius:12px;height:70px;width:100%}.tab .order-slidshow .swiper-container .swiper-pagination{margin:0 auto;left:0;right:0;bottom:5px}.tab .order-slidshow .swiper-container .swiper-pagination .swiper-pagination-bullet{width:4px;height:4px;background:#fee308;opacity:1}.tab .order-slidshow .swiper-container .swiper-pagination .swiper-pagination-bullet-active{width:10px}.tab .order-slidshow .swiper-container .swiper-slide{display:flex;align-items:center;justify-content:space-between;padding:0 10px;box-sizing:border-box}.tab .order-slidshow .swiper-container .swiper-slide .txt h3{font-size:15px;color:#2e2b2b;margin-bottom:8px;font-weight:700}.tab .order-slidshow .swiper-container .swiper-slide .txt h3 img{height:18px;margin-right:5px}.tab .order-slidshow .swiper-container .swiper-slide .txt p{color:#2e2b2b;font-size:12px}.tab .order-slidshow .swiper-container .swiper-slide .txt p span{color:#fe8500}.tab .order-slidshow .swiper-container .swiper-slide .distance{position:relative;margin-bottom:10px;margin-right:15px}.tab .order-slidshow .swiper-container .swiper-slide .distance .top{padding:5px 10px 5px 5px;box-sizing:border-box;box-shadow:0 2px 4px 0 rgba(0,0,0,.15);background:#fff;display:flex;align-items:center;border-radius:50px}.tab .order-slidshow .swiper-container .swiper-slide .distance .top:before{content:'';position:absolute;bottom:-5px;width:0;height:0;border:5px solid;border-color:#fff #fff rgba(255,255,255,0) rgba(255,255,255,0);margin:0 auto;left:0;right:0;transform:rotate(135deg);z-index:1}.tab .order-slidshow .swiper-container .swiper-slide .distance .top img{width:28px;height:28px;border-radius:50%}.tab .order-slidshow .swiper-container .swiper-slide .distance .top p{display:flex;flex-direction:column;margin-left:2px}.tab .order-slidshow .swiper-container .swiper-slide .distance .top p span{font-size:10px;color:#2e2b2b;margin-bottom:2px}.tab .order-slidshow .swiper-container .swiper-slide .distance .top p strong{color:#2e2b2b;font-size:13px}.tab .order-slidshow .swiper-container .swiper-slide .distance>label{width:10px;height:10px;border-radius:50%;background:#ff8601;border:3px solid #fff;position:absolute;left:0;right:0;margin:0 auto}.tab .order-slidshow .swiper-container .swiper-slide>button{border:.6px solid #979797;color:#121213;font-size:11px;border-radius:50px;margin-right:15px;height:30px;width:70px}.tab>ul{height:90px;display:flex;align-items:center;justify-content:space-around}.tab>ul li{text-align:center;position:relative}.tab>ul li:last-child::after{content:'';position:absolute;left:-20px;top:10px;bottom:0;width:6px;background:linear-gradient(90deg,#fff 0,#f5f5f5 100%)}.tab>ul li a{color:#282828;font-size:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.tab>ul li a img{width:36px}.tab>ul li a span{margin-top:5px}.tab>ul li a i{position:absolute;top:0;right:0;border-radius:50px;min-width:10px;height:10px;color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center;background:#fb1324;padding:4px}.lottie{width:40px;height:40px;position:relative}#redb{width:40px;height:40px;position:absolute;top:0;left:0}.server-box{margin:10px 10px 70px;border-radius:10px;padding:0 10px;box-sizing:border-box;background:#fff;overflow:hidden}.server-box>h3{font-size:16px;color:#2a333b;font-weight:500;margin:26px 0 0 8px}.server-btn>ul{display:flex;align-items:center;justify-content:space-around;flex-wrap:wrap}.server-btn ul li{margin-top:30px;width:25%}.server-btn ul li a{display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:12px;color:#2a333b;position:relative}.server-btn ul li a img{width:35px;margin-bottom:3px}.server-btn ul li a .points-icon{position:absolute;right:0;width:90px;height:34px;font-size:18px;color:#fff;display:flex;align-items:center;justify-content:center;top:-10px;background-image:url(../../image/home/12@2x-5224c8f7b4.png);background-repeat:no-repeat;background-size:100% 100%;padding-bottom:6px;box-sizing:border-box;transform-origin:115% 50%;transform:scale(.5)}.server-btn ul li a p{width:35px;height:35px;margin-bottom:3px}.server-btn ul li a i{position:absolute;top:0;right:25px;width:10px;height:10px;border:1px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff;background:#fb2d22}.bannar{margin:10px;box-sizing:border-box;overflow:hidden;position:relative;border-radius:10px}.swiper2{overflow:hidden;border-radius:10px}.bannar img{width:100%;border-radius:10px;transform:rotate(0)}.swiper2 .swiper-slide{position:relative}