|
@@ -0,0 +1,433 @@
|
|
|
|
+@media screen and (max-width: 750px) {
|
|
|
|
+ html {
|
|
|
|
+ font-size: calc(100vw / 7.5);
|
|
|
|
+ }
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+@media screen and (min-width: 750px) {
|
|
|
|
+ html {
|
|
|
|
+ font-size: calc(450px / 7.5);
|
|
|
|
+ }
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+html, body, div, ul, li, p {
|
|
|
|
+ padding: 0;
|
|
|
|
+ margin: 0;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+ul, li {
|
|
|
|
+ list-style: none;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.header{
|
|
|
|
+ width: 7.5rem;
|
|
|
|
+ height: 13.34rem;
|
|
|
|
+ margin: 0 auto;
|
|
|
|
+ position: relative;
|
|
|
|
+}
|
|
|
|
+.bg_img{
|
|
|
|
+ width: 100%;
|
|
|
|
+ height: 100%;
|
|
|
|
+}
|
|
|
|
+.share{
|
|
|
|
+ width: 0.88rem;
|
|
|
|
+ height: 0.45rem;
|
|
|
|
+ position: absolute;
|
|
|
|
+ top: 0.7rem;
|
|
|
|
+ right: 0;
|
|
|
|
+}
|
|
|
|
+.logo{
|
|
|
|
+ width: 2.36rem;
|
|
|
|
+ height: 0.73rem;
|
|
|
|
+ position: absolute;
|
|
|
|
+ top: 1.44rem;
|
|
|
|
+ left: 2.52rem;
|
|
|
|
+}
|
|
|
|
+.theme{
|
|
|
|
+ width: 5.43rem;
|
|
|
|
+ height: 2.44rem;
|
|
|
|
+ position: absolute;
|
|
|
|
+ top: 2.5rem;
|
|
|
|
+ left: 1.11rem;
|
|
|
|
+}
|
|
|
|
+.activity-bg{
|
|
|
|
+ width: 4.91rem;
|
|
|
|
+ height: 0.98rem;
|
|
|
|
+ position: absolute;
|
|
|
|
+ top: 5.08rem;
|
|
|
|
+ left: 1.28rem;
|
|
|
|
+}
|
|
|
|
+.time{
|
|
|
|
+ width: 4.25rem;
|
|
|
|
+ height: 0.63rem;
|
|
|
|
+ position: absolute;
|
|
|
|
+ top: 5.21rem;
|
|
|
|
+ left: 1.62rem;
|
|
|
|
+}
|
|
|
|
+.login-container{
|
|
|
|
+ width: 6.44rem;
|
|
|
|
+ height: 5.88rem;
|
|
|
|
+ position: absolute;
|
|
|
|
+ top: 6.26rem;
|
|
|
|
+ left: 0.65rem;
|
|
|
|
+}
|
|
|
|
+.login-bg{
|
|
|
|
+ width: 100%;
|
|
|
|
+ height: 100%;
|
|
|
|
+ position: absolute;
|
|
|
|
+ top: 0;
|
|
|
|
+ left: 0;
|
|
|
|
+}
|
|
|
|
+.login-row-select{
|
|
|
|
+ width: 5.04rem;
|
|
|
|
+ height: 0.72rem;
|
|
|
|
+ position: absolute;
|
|
|
|
+ top: 1.14rem;
|
|
|
|
+ left: 0.63rem;
|
|
|
|
+ background-color: #FFFFFF;
|
|
|
|
+ border-radius: 5px;
|
|
|
|
+}
|
|
|
|
+.options{
|
|
|
|
+ width: 2.92rem;
|
|
|
|
+ height: 1.2rem;
|
|
|
|
+ position: absolute;
|
|
|
|
+ top: 1.68rem;
|
|
|
|
+ left: 1.73rem;
|
|
|
|
+ display: none;
|
|
|
|
+}
|
|
|
|
+.show{
|
|
|
|
+ display: block;
|
|
|
|
+}
|
|
|
|
+.first{
|
|
|
|
+ width: 2.92rem;
|
|
|
|
+ height: 0.57rem;
|
|
|
|
+ position: absolute;
|
|
|
|
+ top: 0;
|
|
|
|
+ left: 0;
|
|
|
|
+ z-index: 99;
|
|
|
|
+}
|
|
|
|
+.second{
|
|
|
|
+ width: 2.92rem;
|
|
|
|
+ height: 0.57rem;
|
|
|
|
+ position: absolute;
|
|
|
|
+ top: 0.66rem;
|
|
|
|
+ left: 0;
|
|
|
|
+ z-index: 99;
|
|
|
|
+}
|
|
|
|
+.first-text{
|
|
|
|
+ font-size: 14px;
|
|
|
|
+ color: #FFFFFF;
|
|
|
|
+ position: absolute;
|
|
|
|
+ top: 0.1rem;
|
|
|
|
+ left: 0.84rem;
|
|
|
|
+ z-index: 999;
|
|
|
|
+}
|
|
|
|
+.second-text{
|
|
|
|
+ font-size: 14px;
|
|
|
|
+ color: #FFFFFF;
|
|
|
|
+ position: absolute;
|
|
|
|
+ top: 0.81rem;
|
|
|
|
+ left: 0.84rem;
|
|
|
|
+ z-index: 999;
|
|
|
|
+}
|
|
|
|
+.login-row-account{
|
|
|
|
+ width: 5.04rem;
|
|
|
|
+ height: 0.72rem;
|
|
|
|
+ position: absolute;
|
|
|
|
+ top: 2.1rem;
|
|
|
|
+ left: 0.63rem;
|
|
|
|
+ background-color: #FFFFFF;
|
|
|
|
+ border-radius: 5px;
|
|
|
|
+}
|
|
|
|
+.login-row-password{
|
|
|
|
+ width: 5.04rem;
|
|
|
|
+ height: 0.72rem;
|
|
|
|
+ position: absolute;
|
|
|
|
+ top: 3.06rem;
|
|
|
|
+ left: 0.63rem;
|
|
|
|
+ background-color: #FFFFFF;
|
|
|
|
+ border-radius: 5px;
|
|
|
|
+}
|
|
|
|
+.login-row-title{
|
|
|
|
+ position: absolute;
|
|
|
|
+ top: 0.14rem;
|
|
|
|
+ left: 0.14rem;
|
|
|
|
+ font-size: 16px;
|
|
|
|
+}
|
|
|
|
+.login-row-plc{
|
|
|
|
+ position: absolute;
|
|
|
|
+ top: 0.1rem;
|
|
|
|
+ left: 1.14rem;
|
|
|
|
+ font-size: 16px;
|
|
|
|
+}
|
|
|
|
+.login-row-ipt{
|
|
|
|
+ border: none;
|
|
|
|
+ outline: none;
|
|
|
|
+ position: absolute;
|
|
|
|
+ top: 0.2rem;
|
|
|
|
+ left: 1.2rem;
|
|
|
|
+}
|
|
|
|
+.icon-down-img{
|
|
|
|
+ width: 0.32rem;
|
|
|
|
+ height: 0.18rem;
|
|
|
|
+ position: absolute;
|
|
|
|
+ top: 0.26rem;
|
|
|
|
+ right: 0.2rem;
|
|
|
|
+}
|
|
|
|
+.login-btn{
|
|
|
|
+ width: 2.75rem;
|
|
|
|
+ height: 0.75rem;
|
|
|
|
+ position: absolute;
|
|
|
|
+ bottom: 0.22rem;
|
|
|
|
+ left: 1.76rem;
|
|
|
|
+}
|
|
|
|
+.login-btn-text{
|
|
|
|
+ width: 1.81rem;
|
|
|
|
+ height: 0.48rem;
|
|
|
|
+ position: absolute;
|
|
|
|
+ bottom: 0.39rem;
|
|
|
|
+ left: 2.21rem;
|
|
|
|
+}
|
|
|
|
+.read-rule{
|
|
|
|
+ position: absolute;
|
|
|
|
+ top: 11.58rem;
|
|
|
|
+ left: 2.02rem;
|
|
|
|
+}
|
|
|
|
+.selected{
|
|
|
|
+ width: 0.2rem;
|
|
|
|
+ height: 0.2rem;
|
|
|
|
+ position: absolute;
|
|
|
|
+ top: 0.82rem;
|
|
|
|
+ left: 0.12rem;
|
|
|
|
+}
|
|
|
|
+.no-selected{
|
|
|
|
+ width: 0.2rem;
|
|
|
|
+ height: 0.2rem;
|
|
|
|
+ position: absolute;
|
|
|
|
+ top: 0.82rem;
|
|
|
|
+ left: 0.12rem;
|
|
|
|
+ display: none;
|
|
|
|
+}
|
|
|
|
+.rule-text{
|
|
|
|
+ width: 3.11rem;
|
|
|
|
+ height: 0.23rem;
|
|
|
|
+ position: absolute;
|
|
|
|
+ top: 0.8rem;
|
|
|
|
+ left: 0.42rem;
|
|
|
|
+}
|
|
|
|
+.entry-QQ{
|
|
|
|
+ width: 5.84rem;
|
|
|
|
+ height: 0.6rem;
|
|
|
|
+ position: absolute;
|
|
|
|
+ bottom: -0.2rem;
|
|
|
|
+ left: 0.83rem;
|
|
|
|
+ z-index: 9;
|
|
|
|
+}
|
|
|
|
+.entry-QQ-btn{
|
|
|
|
+ width: 5.84rem;
|
|
|
|
+ height: 0.6rem;
|
|
|
|
+ position: absolute;
|
|
|
|
+ bottom: 0;
|
|
|
|
+ left: 0;
|
|
|
|
+}
|
|
|
|
+.middle{
|
|
|
|
+ width: 7.5rem;
|
|
|
|
+ height: 13.34rem;
|
|
|
|
+ margin: 0 auto;
|
|
|
|
+ position: relative;
|
|
|
|
+}
|
|
|
|
+.middle_bg_img{
|
|
|
|
+ width: 100%;
|
|
|
|
+ height: 100%;
|
|
|
|
+}
|
|
|
|
+.activity-rule{
|
|
|
|
+ width: 5.36rem;
|
|
|
|
+ height: 0.97rem;
|
|
|
|
+ position: absolute;
|
|
|
|
+ top: 0.42rem;
|
|
|
|
+ left: 1.07rem;
|
|
|
|
+}
|
|
|
|
+.activity-rule-btn{
|
|
|
|
+ width: 5.36rem;
|
|
|
|
+ height: 0.97rem;
|
|
|
|
+ position: absolute;
|
|
|
|
+ top: 0.04rem;
|
|
|
|
+ left: 0;
|
|
|
|
+}
|
|
|
|
+.activity-rule-text{
|
|
|
|
+ width: 1.56rem;
|
|
|
|
+ height: 0.37rem;
|
|
|
|
+ position: absolute;
|
|
|
|
+ top: 0.3rem;
|
|
|
|
+ left: 1.9rem;
|
|
|
|
+}
|
|
|
|
+.rule1{
|
|
|
|
+ width: 6.2rem;
|
|
|
|
+ height: 3.98rem;
|
|
|
|
+ position: absolute;
|
|
|
|
+ top: 1.75rem;
|
|
|
|
+ left: 0.65rem;
|
|
|
|
+}
|
|
|
|
+.rule2{
|
|
|
|
+ width: 6.2rem;
|
|
|
|
+ height: 4.7rem;
|
|
|
|
+ position: absolute;
|
|
|
|
+ top: 6.14rem;
|
|
|
|
+ left: 0.65rem;
|
|
|
|
+}
|
|
|
|
+.rule3{
|
|
|
|
+ width: 6.2rem;
|
|
|
|
+ height: 3.13rem;
|
|
|
|
+ position: absolute;
|
|
|
|
+ top: 11.24rem;
|
|
|
|
+ left: 0.65rem;
|
|
|
|
+ z-index: 999;
|
|
|
|
+}
|
|
|
|
+.footer{
|
|
|
|
+ width: 7.5rem;
|
|
|
|
+ height: 9.83rem;
|
|
|
|
+ margin: 0 auto;
|
|
|
|
+ position: relative;
|
|
|
|
+}
|
|
|
|
+.footer_bg_img{
|
|
|
|
+ width: 100%;
|
|
|
|
+ height: 100%;
|
|
|
|
+}
|
|
|
|
+.rule4{
|
|
|
|
+ width: 6.2rem;
|
|
|
|
+ height: 6.68rem;
|
|
|
|
+ position: absolute;
|
|
|
|
+ top: 1.75rem;
|
|
|
|
+ left: 0.65rem;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+#toast-container>.toast-error {
|
|
|
|
+ background-image: none !important;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.toast-error {
|
|
|
|
+ background-color: rgba(0, 0, 0, 0.8);
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+#toast-container>div {
|
|
|
|
+ font-size: 14px;
|
|
|
|
+ min-width: 80px !important;
|
|
|
|
+ padding: 12px !important;
|
|
|
|
+ box-shadow: none;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.toast-center-center {
|
|
|
|
+ min-width: 100px;
|
|
|
|
+ top: 50%;
|
|
|
|
+ left: 50%;
|
|
|
|
+ text-align: center;
|
|
|
|
+ transform: translateX(-50%);
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+@media (max-width: 480px) and (min-width: 241px) {
|
|
|
|
+ #toast-container>div {
|
|
|
|
+ min-width: 80px !important;
|
|
|
|
+ width: auto;
|
|
|
|
+ }
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.mask {
|
|
|
|
+ width: 100%;
|
|
|
|
+ height: 100vh;
|
|
|
|
+ position: fixed;
|
|
|
|
+ top: 0;
|
|
|
|
+ left: 0;
|
|
|
|
+ z-index: 9999;
|
|
|
|
+ background: rgba(0, 0, 0, 0.24);
|
|
|
|
+ display: none;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.dialog {
|
|
|
|
+ width: 100%;
|
|
|
|
+ height: 100%;
|
|
|
|
+ position: absolute;
|
|
|
|
+ left: 50%;
|
|
|
|
+ transform: translate(-50%, -50%);
|
|
|
|
+ top: -6.96rem;
|
|
|
|
+ z-index: 999;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.dialog-bg{
|
|
|
|
+ width: 4.96rem;
|
|
|
|
+ height: 5.08rem;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.title{
|
|
|
|
+ width: 2.75rem;
|
|
|
|
+ height: 0.38rem;
|
|
|
|
+ position: absolute;
|
|
|
|
+ top: 1.22rem;
|
|
|
|
+ left: 1.1rem;
|
|
|
|
+}
|
|
|
|
+.content{
|
|
|
|
+ width: 3.55rem;
|
|
|
|
+ height: 1.11rem;
|
|
|
|
+ position: absolute;
|
|
|
|
+ top: 2.01rem;
|
|
|
|
+ left: 0.72rem;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.register-btn{
|
|
|
|
+ width: 2.29rem;
|
|
|
|
+ height: 0.64rem;
|
|
|
|
+ position: absolute;
|
|
|
|
+ bottom: 0.88rem;
|
|
|
|
+ left: 1.35rem;
|
|
|
|
+}
|
|
|
|
+.register-text{
|
|
|
|
+ width: 1.44rem;
|
|
|
|
+ height: 0.39rem;
|
|
|
|
+ position: absolute;
|
|
|
|
+ bottom: 1.01rem;
|
|
|
|
+ left: 1.78rem;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.tip {
|
|
|
|
+ width: 4.88rem;
|
|
|
|
+ height: 2.8rem;
|
|
|
|
+ position: absolute;
|
|
|
|
+ left: 50%;
|
|
|
|
+ transform: translate(-50%, -50%);
|
|
|
|
+ top: -6.96rem;
|
|
|
|
+ z-index: 999;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.tip-bg{
|
|
|
|
+ width: 4.88rem;
|
|
|
|
+ height: 2.8rem;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.tip-title{
|
|
|
|
+ width: 4.88rem;
|
|
|
|
+ text-align: center;
|
|
|
|
+ font-size: 14px;
|
|
|
|
+ position: absolute;
|
|
|
|
+ top: 0.95rem;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.sure-btn{
|
|
|
|
+ width: 1.43rem;
|
|
|
|
+ height: 0.66rem;
|
|
|
|
+ position: absolute;
|
|
|
|
+ bottom: 0.53rem;
|
|
|
|
+ left: 1.76rem;
|
|
|
|
+}
|
|
|
|
+.sure-text{
|
|
|
|
+ width: 0.78rem;
|
|
|
|
+ height: 0.34rem;
|
|
|
|
+ position: absolute;
|
|
|
|
+ bottom: 0.73rem;
|
|
|
|
+ left: 2.05rem;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.hidden{
|
|
|
|
+ display: none;
|
|
|
|
+}
|
|
|
|
+.show{
|
|
|
|
+ display: block;
|
|
|
|
+}
|