.content { height: 100vh; width: 100%; position: relative; background: url(https://6a69-jinxiangguo-7g6kqddnb0a8aa47-1326817332.tcb.qcloud.la/img/index/TreasureHunter.png) no-repeat top 99px center, /* text1 顶部标题 */ url(https://6a69-jinxiangguo-7g6kqddnb0a8aa47-1326817332.tcb.qcloud.la/img/index/findjoy.png) no-repeat top 230px center, /* text2 */ url(https://6a69-jinxiangguo-7g6kqddnb0a8aa47-1326817332.tcb.qcloud.la/img/index/icon.png) no-repeat top 95px left calc(50% + 145px), /* icon */ url(https://6a69-jinxiangguo-7g6kqddnb0a8aa47-1326817332.tcb.qcloud.la/img/index/logo.png) no-repeat bottom -100px left calc(50% + 22px), /* 松鼠logo */ url(https://6a69-jinxiangguo-7g6kqddnb0a8aa47-1326817332.tcb.qcloud.la/img/index/star1.png) no-repeat top 145px center, /* star1 */ url(https://6a69-jinxiangguo-7g6kqddnb0a8aa47-1326817332.tcb.qcloud.la/img/index/star2.png) no-repeat bottom 335px right 40px, /* star2 */ url(https://6a69-jinxiangguo-7g6kqddnb0a8aa47-1326817332.tcb.qcloud.la/img/index/star3.png) no-repeat bottom 360px left 58px, /* star3 */ url(https://6a69-jinxiangguo-7g6kqddnb0a8aa47-1326817332.tcb.qcloud.la/img/index/star4.png) no-repeat bottom 300px left 38px, /* star4 */ url(https://6a69-jinxiangguo-7g6kqddnb0a8aa47-1326817332.tcb.qcloud.la/img/index/star5.png) no-repeat bottom 294px right 33px, /* star5 */ url(https://6a69-jinxiangguo-7g6kqddnb0a8aa47-1326817332.tcb.qcloud.la/img/index/circle.png) no-repeat top calc(40% - 50px) right 85px, /* circle1 */ url(https://6a69-jinxiangguo-7g6kqddnb0a8aa47-1326817332.tcb.qcloud.la/img/index/circle.png) no-repeat top 40% right -30px, /* circle2 */ url(https://6a69-jinxiangguo-7g6kqddnb0a8aa47-1326817332.tcb.qcloud.la/img/index/circle.png) no-repeat bottom 220px left 20px, /* circle3 */ url(https://6a69-jinxiangguo-7g6kqddnb0a8aa47-1326817332.tcb.qcloud.la/img/index/circle.png) no-repeat bottom 400px left 25px, /* circle4 */ url(https://6a69-jinxiangguo-7g6kqddnb0a8aa47-1326817332.tcb.qcloud.la/img/index/bck.png) no-repeat bottom; /* 彩色背景 */ background-size: 290px auto, /* text1 顶部标题 */ auto 15px, /* text2 */ 17px, /* icon */ auto 500px, /* 松鼠logo */ 22px, /* star1 */ 44px, /* star2 */ 14px, /* star3 */ 25px, /* star4 */ 13px, /* star5 */ 72px, /* circle1 */ 140px, /* circle2 */ 208px, /* circle3 */ 73px, /* circle4 */ 100% auto; /* 彩色背景 */ } .disable-content-bck { background: url(https://6a69-jinxiangguo-7g6kqddnb0a8aa47-1326817332.tcb.qcloud.la/img/index/logo.png) no-repeat bottom -100px left calc(50% + 22px), /* 松鼠logo */ url(https://6a69-jinxiangguo-7g6kqddnb0a8aa47-1326817332.tcb.qcloud.la/img/index/star2.png) no-repeat bottom 335px right 40px, /* star2 */ url(https://6a69-jinxiangguo-7g6kqddnb0a8aa47-1326817332.tcb.qcloud.la/img/index/star3.png) no-repeat bottom 360px left 58px, /* star3 */ url(https://6a69-jinxiangguo-7g6kqddnb0a8aa47-1326817332.tcb.qcloud.la/img/index/star4.png) no-repeat bottom 300px left 38px, /* star4 */ url(https://6a69-jinxiangguo-7g6kqddnb0a8aa47-1326817332.tcb.qcloud.la/img/index/star5.png) no-repeat bottom 294px right 33px, /* star5 */ url(https://6a69-jinxiangguo-7g6kqddnb0a8aa47-1326817332.tcb.qcloud.la/img/index/circle.png) no-repeat top calc(40% - 50px) right 85px, /* circle1 */ url(https://6a69-jinxiangguo-7g6kqddnb0a8aa47-1326817332.tcb.qcloud.la/img/index/circle.png) no-repeat top 40% right -30px, /* circle2 */ url(https://6a69-jinxiangguo-7g6kqddnb0a8aa47-1326817332.tcb.qcloud.la/img/index/circle.png) no-repeat bottom 220px left 20px, /* circle3 */ url(https://6a69-jinxiangguo-7g6kqddnb0a8aa47-1326817332.tcb.qcloud.la/img/index/circle.png) no-repeat bottom 400px left 25px, /* circle4 */ url(https://6a69-jinxiangguo-7g6kqddnb0a8aa47-1326817332.tcb.qcloud.la/img/index/bck.png) no-repeat bottom; /* 彩色背景 */ background-size: auto 500px, /* 松鼠logo */ 44px, /* star2 */ 14px, /* star3 */ 25px, /* star4 */ 13px, /* star5 */ 72px, /* circle1 */ 140px, /* circle2 */ 208px, /* circle3 */ 73px, /* circle4 */ 100% auto; /* 彩色背景 */ } /* 手机号登录模块 */ .mobile-container::before { content: '欢迎使用'; font-size: 17px; color: #fff; display: flex; align-items: center; justify-content: center; width: 100%; position: absolute; top: calc(50% - 132px - 130px); } .mobile-container { position: relative; display: flex; align-items: center; justify-content: center; height: 100vh; width: 100vw; background: url(https://6a69-jinxiangguo-7g6kqddnb0a8aa47-1326817332.tcb.qcloud.la/img/index/TreasureHunter-white.png) no-repeat top calc(50% - 132px - 60px) center, /* text3 顶部标题 */ url(https://6a69-jinxiangguo-7g6kqddnb0a8aa47-1326817332.tcb.qcloud.la/img/index/icon2.png) no-repeat top calc(50% - 130px - 60px) left calc(50% + 5px); background-size: 180px auto, /* text3 顶部标题 */ 200px auto; /* icon2 */ } .buttons { position: absolute; flex-direction: column; top: 320px; width: 100%; } .buttons button { width: 261px; height: 53px; font-size: 14px; border-radius: 20px; } .btn1 { background-color: #000000; color: #fff; } .btn1 image { width: 15px; margin-right: 5px; } .btn2 { margin-top: 18px; background: linear-gradient(92.36deg, #84FF21 0%, #07FFBA 100%); } .btn2 image { width: 26px; margin-right: 5px; } .mobile-card-group { width: 100%; display: flex; align-items: center; justify-content: center; } .mobile-icon-group { width: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; } .mobile-card { background: linear-gradient(137.8deg, #C2FF8F 0%, #0DFFB9 99.99%); width: 550rpx; border-radius: 26px; padding: 25px; box-sizing: border-box; } .mobile-icon { width: 15px; } .mobile-input { background-color: #fff; border-radius: 16px; height: 40px; display: flex; margin: 20px 10px 10px 10px; } .mobile-input-text { padding: 0 10px 0 15px; font-weight: bold; } .mobile-input-input { flex: 1; font-weight: bold; display: flex; align-items: center; } .smscode { font-family: Alfa Slab One; font-size: 14px; font-weight: 400; letter-spacing: 0.015em; text-align: left; padding: 0 15px; } .mobile-login-btn { height: 40px; margin: 20px 10px 10px 10px; color: #01F0FD; background-color: #000; font-size: 14px; border-radius: 16px; } .terms view:first-child { display: flex; position: relative; } .terms-check { width: 10px; position: absolute; height: auto; } .terms { position: absolute; bottom: 10px; width: 100%; font-size: 10px; display: flex; justify-content: center; align-items: center; color: #fff; z-index: 999; padding-bottom: env(safe-area-inset-bottom); } .terms-color { color: #85FF21; } .popup-content { padding: 20px; background: linear-gradient(180deg, #FFFFFB -19.14%, #FFFEEB 50.07%); } /* #ifdef H5 */ @media screen and (max-width: 767px) { _::-webkit-full-page-media, _:future, :root .safari_only { padding-bottom: 44px; } } /* #endif */