@font-face{font-family:cc;src:url("../typeface/cc.ttf") format("truetype");font-weight:400;font-style:normal}html{width:100%;height:100dvh;overflow:hidden}body{width:100%;height:100%}.messageContainer{position:fixed;top:-55px;width:100%;height:10px;z-index:99999}.messageContainer>div{font-size:20px;position:absolute;top:0;left:50%;transform:translateX(-50%);width:400px;padding:12px 23px;color:red;font-weight:700;text-align:center;transition:all .3s;border-radius:6px;box-shadow:0 6px 16px 0 rgba(0,0,0,.08),0 3px 6px -4px rgba(0,0,0,.12),0 9px 28px 8px rgba(0,0,0,.05);background:rgba(255,255,255,.95)}.pc_back{width:100%;height:100%;background:url("../asset/pc/bg.webp");background-size:cover;background-repeat:no-repeat;overflow:hidden;display:flex;justify-content:center;align-items:center}.pc_back .container{width:100%;min-width:1200px;max-width:1350px;height:100%;margin:auto;position:relative}.pc_back .container .showList{position:absolute;top:50%;transform:translateY(-50%);left:5px}.pc_back .container .showList img{margin-right:30px;opacity:0;transition:1s}.pc_back .container .showList .head1{transform:translateY(-300px)}.pc_back .container .showList .head2{transform:translateY(400px)}.pc_back .container .showList .head3{transform:translateY(-275px)}.pc_back .container .showList .head1_active{transform:translateY(-50px);opacity:.9}.pc_back .container .showList .head2_active{transform:translateY(0);opacity:.9}.pc_back .container .showList .head3_active{transform:translateY(-15px);opacity:.9}.pc_back .container .midContent{box-shadow:rgba(100,100,111,.2) 0 7px 29px 0;position:absolute;right:5px;top:50%;transform-style:preserve-3d;transform:translateY(-50%) rotateY(0);transition:1s;width:530px;height:99%;min-height:650px;max-height:700px}.pc_back .container .midContent .btn{border:none;background:#1677ff;color:#fff;transition:.3s;border-radius:5px}.pc_back .container .midContent .btn:hover{background:#4096ff}.pc_back .container .midContent .btn:active{background:#0958d9}.pc_back .container .midContent .toLoginBtn{width:400px;height:55px;left:50%;transform:translateX(-50%);position:absolute;top:500px}.pc_back .container .midContent .toBackBtn{width:100px;height:40px;position:absolute;left:40px;top:40px;background:0 0;color:#0958d9}.pc_back .container .midContent .toBackBtn:hover{background:#b2d3fc70}.pc_back .container .midContent .inputItem{margin-bottom:45px;width:100%;position:relative;font-size:24px}.pc_back .container .midContent .inputItem input{border:none;background:rgba(28,31,33,.06);outline:0;padding:12px 20px;border-radius:5px;width:100%;height:55px;box-sizing:border-box}.pc_back .container .midContent .inputItem #passwordInput{padding:12px 33px 12px 20px!important}.pc_back .container .midContent .inputItem .switchIcon{position:absolute;right:10px;top:20px;width:22px;height:17px;cursor:pointer}.pc_back .container .midContent .inputItem .switchIcon img{width:100%;height:100%;object-fit:cover;display:none}.pc_back .container .midContent .inputItem .switchIcon .showIcon{display:block}.pc_back .container .midContent .verificationCode{display:flex;height:55px;justify-content:space-between}.pc_back .container .midContent .verificationCode input{padding:12px 20px;border-radius:5px;width:45%;box-sizing:border-box;background:0 0;outline:0}.pc_back .container .midContent .verificationCode .svgContainer{height:100%;width:45%;cursor:pointer}.pc_back .container .midContent .scrollContainer{overflow:hidden;width:400px;position:absolute;left:50%;transform:translateX(-50%);height:450px;top:180px}.pc_back .container .midContent .scrollContainer .scrollContent{display:flex;height:100%;transition:.3s}.pc_back .container .midContent .scrollContainer .showPhoneContent{transform:translateX(-430px)}.pc_back .container .midContent .passwordLogin{flex-shrink:0;height:450px;top:180px;width:400px;margin-right:30px}.pc_back .container .midContent .phoneVerificationCode{display:flex;height:55px;justify-content:space-between;font-size:24px}.pc_back .container .midContent .phoneVerificationCode input{padding:12px 20px;border-radius:5px;width:45%;box-sizing:border-box;background:0 0;outline:0}.pc_back .container .midContent .phoneVerificationCode button{text-align:center;height:100%;width:45%;border:none;border-radius:5px;background:rgba(240,240,240);transition:.3s}.pc_back .container .midContent .phoneVerificationCode button:hover{background:#f6f6f6}.pc_back .container .midContent .phoneVerificationCode button:active{background:rgba(220,220,220)}.pc_back .container .midContent .phoneVerificationCode .countDown{transition:none;cursor:not-allowed;color:#757575;font-size:18px}.pc_back .container .midContent .phoneVerificationCode .countDown:hover{background:rgba(240,240,240)}.pc_back .container .midContent .phoneVerificationCode .countDown:active{background:rgba(240,240,240)}.pc_back .container .midContent .phoneLogin{flex-shrink:0;height:450px;top:180px;width:400px}.pc_back .container .midContent .front{position:absolute;left:0;top:0;transform-style:preserve-3d;backface-visibility:hidden;transition:.5s;width:100%;height:100%}.pc_back .container .midContent .front .tab{position:absolute;left:60px;top:60px;display:flex;font-size:24px}.pc_back .container .midContent .front .tab .tab_text{padding:20px 0;transition:.3s;cursor:pointer}.pc_back .container .midContent .front .tab .tab_text:hover{color:#4096ff}.pc_back .container .midContent .front .tab .tab_text_active{color:#1677ff}.pc_back .container .midContent .front .tab .tab_text_active:hover{color:#1677ff}.pc_back .container .midContent .front .tab .line{width:105px;height:4px;background:#1677ff;position:absolute;bottom:6px;border-radius:3px;transition:.3s;transform:translateX(-2px)}.pc_back .container .midContent .front .tab .line_active{transform:translateX(127px);width:130px}.pc_back .container .midContent .front .toRegister{text-align:right;width:400px;left:50%;transform:translateX(-50%);position:absolute;top:585px;font-size:14px;color:#4096ff;cursor:pointer}.pc_back .container .midContent .front .toRegister:hover{text-decoration:underline}.pc_back .container .midContent .hideFront{opacity:0}.pc_back .container .midContent .back{position:absolute;transform-style:preserve-3d;backface-visibility:hidden;font-size:20px;transition:.5s;transform:rotateY(-180deg);width:100%;height:100%;left:0;top:0;opacity:0}.pc_back .container .midContent .passwordRegistry{height:450px;top:130px;width:400px;position:absolute;left:50%;transform:translateX(-50%)}.pc_back .container .midContent .showBack{opacity:1}.pc_back .container .bottomContent{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);text-decoration:none;font-size:16px}.pc_back .container .flipperLogin{transform:translateY(-50%) rotateY(-180deg)}.pc_back .message{border-radius:4px;padding:8px 15px}.pc_back::-webkit-scrollbar{width:8px;height:6px}.pc_back::-webkit-scrollbar-thumb{background:#dcdcdc;border-right:3px solid #fff;border-radius:513px;box-shadow:8px 0 0 #dcdcdc inset}.pc_back::-webkit-scrollbar-thumb:hover{cursor:pointer}.pc_back::-webkit-scrollbar-track{border-radius:3px}.mobile_back{width:100%;height:100%}.mobile_back .mobile_contianer{width:100%;height:100%;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center}.mobile_back .mobile_contianer .back1{position:absolute;left:-59rem;top:-52rem;width:202rem;height:199rem}.mobile_back .mobile_contianer .back2{position:absolute;left:-59rem;top:12rem;width:223rem;height:203rem}.mobile_back .mobile_contianer .midContent{min-height:300px;width:85rem;height:55%;background:0 0;box-shadow:rgba(100,100,111,.2) 0 7px 29px 0;transform:translateY(15rem);opacity:0;transition:.4s;position:relative;padding-top:10rem;box-sizing:border-box}.mobile_back .mobile_contianer .midContent .title{font-size:10rem;text-align:center;letter-spacing:5rem;font-family:cc}.mobile_back .mobile_contianer .midContent .content{display:flex;flex-direction:column;justify-content:space-evenly;width:85%;height:61%;position:absolute;top:24%;left:50%;transform:translateX(-50%);box-sizing:border-box;font-size:25px;line-height:50px}.mobile_back .mobile_contianer .midContent .content .phoneInput{width:100%;height:50px;border:none;background:rgba(28,31,33,.06);outline:0;border-radius:5px;box-sizing:border-box;padding:0 10px}.mobile_back .mobile_contianer .midContent .content .verificationCode{display:flex;justify-content:space-between}.mobile_back .mobile_contianer .midContent .content .verificationCode input{padding:0 10px;height:50px;border-radius:5px;width:45%;box-sizing:border-box;background:0 0;outline:0}.mobile_back .mobile_contianer .midContent .content .verificationCode button{font-size:19px;height:50px;text-align:center;height:100%;width:45%;border:none;border-radius:5px;background:rgba(28,31,33,.1);transition:.3s}.mobile_back .mobile_contianer .midContent .content .verificationCode button:active{background:rgba(220,220,220)}.mobile_back .mobile_contianer .midContent .content .verificationCode .countDown{font-size:15px!important;transition:none;cursor:not-allowed;color:#757575;font-size:18px}.mobile_back .mobile_contianer .midContent .content .verificationCode .countDown:hover{background:rgba(240,240,240)}.mobile_back .mobile_contianer .midContent .content .verificationCode .countDown:active{background:rgba(240,240,240)}.mobile_back .mobile_contianer .midContent .content .loginBtn{border:none;background:#1677ff;color:#fff;transition:.3s;border-radius:5px;width:100%;height:50px}.mobile_back .mobile_contianer .midContent .content .loginBtn:active{background:#0958d9}.mobile_back .mobile_contianer .showMidContent{opacity:1;transform:translateY(0)}