:root{
  --white_default:#fff;
  --white_opacity_8:rgba(255,255,255,.8);
  --white_opacity_3:rgba(255,255,255,.3);
  --gray_9:#f0f2f7;
  --gray_7:#cbd0da;
  --gray_4:#80848f;
  --gray_1:#50545f;
  --gray_opacity_2:rgba(48,52,63,.2);
  --gray_opacity_3:rgba(48,52,63,.3);
  --primary_default:#ff7800;
  --primary_dark_3:#b35400;
  --primary_light_3:#ffa14d;
  --primary_opacity_1:rgba(255,120,0,.1);
  --primary_opacity_3:rgba(255,120,0,.3);
  --primary_opacity_5:rgba(255,120,0,.5);
  --analogous_default:#ffab00;
  --analogous_light_1:#ffb31a;
  --analogous_light_2:#ffbc33;
  --analogous_opacity_2:rgba(255,171,0,.2)
}

.login_no_register,.login_user_center{position:relative;padding:0 15px;flex-shrink:0}
.login_no_register .vcard,.login_user_center .vcard{display:flex;align-items:center;height:50px;color:#fff;text-shadow:0 2px 3px var(--gray_opacity_2);transition:.5s}
.login_no_register .vcard .avatar,.login_user_center .vcard .avatar{height:34px;width:34px;border-radius:50%;box-shadow:0 1px rgba(255,255,255,.5) inset,0 8px 8px var(--gray_opacity_3);margin-right:9px;transition:.5s}
.login_no_register .vcard .caret,.login_user_center .vcard .caret{opacity:.5;transition:.5s}

.login_no_register .login-main,.login_no_register .no_register_login_main,.login_user_center .login-main,.login_user_center .no_register_login_main{position:absolute;right:0;top:55px;box-shadow:0 4px 8px var(--gray_opacity_2),0 0 0 1px rgba(255,255,255,.1) inset;background:rgba(40,44,50,.8);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:6px;transform-origin:top right;transform:translate3d(0,-8px,0) scale(.985);opacity:0;visibility:hidden;pointer-events:none;width:150px;will-change:transform,opacity;transition:transform .32s cubic-bezier(.22,1,.36,1),opacity .22s ease,visibility 0s linear .32s}
.login_no_register .login-main:before,.login_no_register .no_register_login_main:before,.login_user_center .login-main:before,.login_user_center .no_register_login_main:before{content:"";position:absolute;display:block;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid rgba(40,44,50,.8);top:-5px;right:14px}
.login_no_register .login-main:after,.login_no_register .no_register_login_main:after,.login_user_center .login-main:after,.login_user_center .no_register_login_main:after{content:"";position:absolute;display:block;top:-5px;left:0;right:0;height:5px}
.login_no_register .login-main.mobile-show,.login_no_register .no_register_login_main.mobile-show,.login_user_center .login-main.mobile-show,.login_user_center .no_register_login_main.mobile-show{visibility:visible;opacity:1;transform:translate3d(0,0,0) scale(1);pointer-events:auto;transition:transform .42s cubic-bezier(.22,1,.36,1),opacity .26s ease,visibility 0s}
.login_no_register .login-main .user-type,.login_no_register .no_register_login_main .user-type,.login_user_center .login-main .user-type,.login_user_center .no_register_login_main .user-type{color:rgba(255,255,255,.7);padding:15px;border-bottom:1px solid rgba(255,255,255,.1)}
.login_no_register .login-main .operation,.login_no_register .no_register_login_main .operation,.login_user_center .login-main .operation,.login_user_center .no_register_login_main .operation{padding:6px;display:block}
.login_no_register .login-main .operation a,.login_no_register .no_register_login_main .operation a,.login_user_center .login-main .operation a,.login_user_center .no_register_login_main .operation a{display:flex;padding:7px 9px;color:var(--analogous_default);border-radius:4px;cursor:pointer;transition:.25s}
.login_no_register .login-main .operation a:hover,.login_no_register .no_register_login_main .operation a:hover,.login_user_center .login-main .operation a:hover,.login_user_center .no_register_login_main .operation a:hover{background:var(--analogous_opacity_2);transition:0s}
.login_no_register .login-main .operation a i,.login_no_register .no_register_login_main .operation a i,.login_user_center .login-main .operation a i,.login_user_center .no_register_login_main .operation a i{width:16px;text-align:center;margin-right:5px}

.no_register_login_page{position:fixed;display:block;top:0;right:0;bottom:0;left:0;z-index:2999;box-shadow:0 10px 10px rgba(0,0,0,.3);opacity:0;visibility:hidden;transform:translate3d(0,-14px,0) scale(.985);transform-origin:top;will-change:transform,opacity;transition:opacity .22s ease,transform .48s cubic-bezier(.22,1,.36,1),visibility 0s linear .48s}
.no_register_login_page.is-open{visibility:visible;opacity:1;transform:translate3d(0,0,0) scale(1);transition:opacity .22s ease,transform .58s cubic-bezier(.22,1,.36,1),visibility 0s}
.no_register_login_page.is-closing{visibility:visible;opacity:0;transform:translate3d(0,-14px,0) scale(.985);transition:opacity .20s ease,transform .46s cubic-bezier(.22,1,.36,1),visibility 0s linear .46s}
.no_register_login_page a,.no_register_login_page a:focus,.no_register_login_page button,.no_register_login_page input,.no_register_login_page select,.no_register_login_page textarea{outline:none!important;-webkit-appearance:none;-moz-appearance:none;text-decoration:none}
.no_register_login_page .login-wrapper{float:left;width:38.2%;height:100vh;background:radial-gradient(circle farthest-side at 5% 0,var(--white_default),var(--gray_7));box-shadow:-1px 0 var(--white_opacity_3) inset;position:relative}
.no_register_login_page .background-wrapper{float:right;width:61.8%;height:100vh;background:radial-gradient(circle farthest-side at 90% 0,#4e555d,#343941);box-shadow:3px 0 var(--gray_opacity_2) inset;position:relative}
@media (max-width:991px){.no_register_login_page .login-wrapper{width:100%}.no_register_login_page .background-wrapper{display:none}}
.no_register_login_page .login{min-width:320px;width:70%;margin-top:18vh;margin-left:auto;margin-right:auto}
.no_register_login_page .welcome p{font-size:20px;color:var(--gray_1);text-shadow:0 1px var(--white_opacity_8);margin:0;line-height:1.6em}
.no_register_login_page .welcome p:first-child{font-size:36px}
.no_register_login_page form{margin-top:20px}
.no_register_login_page .form-item{background:var(--white_default);height:58px;padding-top:1px;padding-left:20px;border-bottom:1px solid var(--gray_9);transition:.25s}
.no_register_login_page .form-item:first-child{border-top-left-radius:8px;border-top-right-radius:8px}
.no_register_login_page .form-item:nth-child(3){border-bottom:none;border-bottom-left-radius:8px;border-bottom-right-radius:8px}
.no_register_login_page .form-item label{margin-top:7px;margin-bottom:0;display:block;color:var(--gray_4);font-size:12px;transition:.25s}
.no_register_login_page .form-item label .required{color:var(--primary_light_3);font-weight:400;display:inline-block;background:var(--primary_opacity_1);border-radius:4px;padding:0 5px;margin-left:6px}
.no_register_login_page .form-item input{color:var(--gray_4);font-size:14px;border:none;height:30px;background:transparent;width:calc(100% - 15px);transition:.25s}
.no_register_login_page .form-item.active{box-shadow:3px 0 var(--primary_default) inset}
.no_register_login_page .form-item.active input,.no_register_login_page .form-item.active label{color:var(--primary_default)}
.no_register_login_page .form-submit button{font-weight:700;border:none;width:90px;height:36px;border-radius:6px;color:#fff;font-size:14px;background:linear-gradient(90deg,var(--primary_default),var(--analogous_light_1));box-shadow:0 5px 8px var(--primary_opacity_3);margin-top:20px;cursor:pointer;transition:box-shadow .35s,color .35s}
.no_register_login_page .form-submit button:hover{color:var(--primary_default);box-shadow:0 1px var(--primary_default) inset,0 -1px var(--primary_default) inset,-1px 0 var(--primary_default) inset,1px 0 var(--primary_default) inset,-10px -10px 10px 30px var(--white_default) inset,0 8px 10px var(--primary_opacity_5)}
.no_register_login_page .form-submit .cancel{cursor:pointer;font-size:13px;color:var(--gray_4);margin-left:15px;transition:.25s}
.no_register_login_page .form-submit .cancel:hover{color:var(--primary_default)}
.no_register_login_page .login-footer{position:absolute;left:15px;right:15px;bottom:20px;font-size:12px;text-align:center}
.no_register_login_page .login-footer a{margin:0 5px;cursor:pointer;color:var(--gray_4);transition:.25s}
.no_register_login_page .login-footer a:hover{color:var(--primary_default)}

.no_register_login_page #no_register_login_slider{margin-top:18vh;position:relative}
.no_register_login_page #no_register_login_slider,.no_register_login_page #no_register_login_slider>.anchor,.no_register_login_page #no_register_login_slider>.showBox{position:relative}
.no_register_login_page #no_register_login_slider>.showBox .page{position:absolute;left:0;top:0}
.no_register_login_page #no_register_login_slider>.showBox{height:365px;perspective:300px;width:800px}
.no_register_login_page #no_register_login_slider>.showBox .page{background:var(--white_default);width:336px;height:350px;border-radius:10px;box-shadow:0 20px 20px rgba(31,45,62,.3);padding:1px 0}
.no_register_login_page #no_register_login_slider>.showBox .page .title{color:var(--primary_default);border-left:3px solid var(--primary_default);padding-left:17px;margin-top:25px;font-size:18px}
.no_register_login_page #no_register_login_slider>.showBox .page .title .description{font-size:12px;margin-top:3px}
.no_register_login_page #no_register_login_slider>.showBox .page .content{font-size:14px;color:var(--gray_4);margin-top:20px;padding:0 20px;line-height:1.8em;height:250px;overflow:auto}
.no_register_login_page #no_register_login_slider .current,.no_register_login_page #no_register_login_slider .future0,.no_register_login_page #no_register_login_slider .future1,.no_register_login_page #no_register_login_slider .future2,.no_register_login_page #no_register_login_slider .future3,.no_register_login_page #no_register_login_slider .past0,.no_register_login_page #no_register_login_slider .past1,.no_register_login_page #no_register_login_slider .past2,.no_register_login_page #no_register_login_slider .past3{transform-origin:left;position:absolute;transition:.75s}
.no_register_login_page #no_register_login_slider .past0,.no_register_login_page #no_register_login_slider .past1,.no_register_login_page #no_register_login_slider .past2,.no_register_login_page #no_register_login_slider .past3{transform:translateX(0) scaleY(.8) scaleX(.3) rotateY(-7deg);opacity:0}
.no_register_login_page #no_register_login_slider .current{transform:translateX(80px);opacity:1}
.no_register_login_page #no_register_login_slider .future0{transform:translateX(450px) scaleY(.9) scaleX(.8) rotateY(30deg);opacity:.5}
.no_register_login_page #no_register_login_slider .future1{transform:translateX(610px) scale(.65) scale(.9);filter:blur(1.5px);opacity:.3}
.no_register_login_page #no_register_login_slider .future2{transform:translateX(830px) scale(.65) scale(.9);filter:blur(1.5px);opacity:.15}
.no_register_login_page #no_register_login_slider .future3{transform:translateX(1050px) scale(.65) scale(.9);filter:blur(1.5px);opacity:0}
.no_register_login_page #no_register_login_slider>.anchor{white-space:nowrap;overflow:hidden;width:336px;text-align:center;margin-left:80px}
.no_register_login_page #no_register_login_slider>.anchor div{display:inline-block;margin:3px;width:6px;height:6px;border-radius:50%;background-color:var(--white_default);cursor:pointer;opacity:.3;transition:.25s}
.no_register_login_page #no_register_login_slider>.anchor .active{opacity:1;transform:scale(1.2)}
.no_register_login_page #no_register_login_slider .navigator .next,.no_register_login_page #no_register_login_slider .navigator .prev{background:var(--white_default);color:var(--primary_default);font-size:16px;width:30px;height:30px;border-radius:50%;text-align:center;cursor:pointer;box-shadow:0 5px 8px rgba(31,45,61,.2);position:absolute;top:calc(50% - 26px);margin-left:-15px;line-height:30px;transition:.25s}
.no_register_login_page #no_register_login_slider .navigator .prev{top:calc(50% - 61px)}

.no_register_login_page .background-animation{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;opacity:.3}
.no_register_login_page .background-animation div{position:absolute;width:20px;height:200px;border-radius:100px;background:var(--primary_dark_3);opacity:.5;animation:background-animation-div 2s linear infinite}
@keyframes background-animation-div{0%{transform:translateY(100vh) rotate(30deg)}to{transform:translateY(-80vh) translateX(104.3vh) rotate(30deg) scale(.8)}}
.no_register_login_page .background-animation div:nth-child(2){width:20px;height:200px;opacity:.5;margin-left:-10vw;animation-duration:5s}
.no_register_login_page .background-animation div:nth-child(3){width:30px;height:250px;background:var(--analogous_light_2);opacity:.5;margin-left:15vw;animation-duration:3s}
.no_register_login_page .background-animation div:nth-child(4){width:10px;height:200px;background:var(--analogous_light_2);opacity:.4;margin-left:17vw;animation-duration:7s}
.no_register_login_page .background-animation div:nth-child(5){width:80px;height:500px;opacity:.3;margin-left:-5vw;animation-duration:7s}
.no_register_login_page .background-animation div:nth-child(6){width:80px;height:350px;opacity:.4;margin-left:20vw;animation-duration:3.5s}
.no_register_login_page .background-animation div:nth-child(7){width:20px;height:350px;background:var(--analogous_light_2);opacity:.5;margin-left:30vw;animation-duration:1.5s}
.no_register_login_page .background-animation div:nth-child(8){width:30px;height:350px;opacity:.3;margin-left:-20vw;animation-duration:4.5s}
.no_register_login_page .background-animation div:nth-child(9){width:50px;height:500px;opacity:.3;margin-left:35vw;animation-duration:3.5s}
.no_register_login_page .background-animation div:nth-child(10){width:90px;height:300px;background:var(--analogous_light_2);opacity:.5;margin-left:-25vw;animation-duration:5.5s}

@media (prefers-reduced-motion: reduce){
  .login_no_register .login-main,.login_no_register .no_register_login_main,.login_user_center .login-main,.login_user_center .no_register_login_main{transition:none}
  .no_register_login_page{transition:none}
}