@font-face {font-family: 'DIN';src: url(../fonts/DIN-Light.eot);src: url(../fonts/DIN-Light.eot?#iefix) format("embedded-opentype"), url(../fonts/DIN-Light.woff) format("woff"), url(../fonts/DIN-Light.ttf) format("truetype"), url(../fonts/DIN-Light.svg) format("svg")}@font-face {font-family: 'mDIN';src: url(../fonts/DIN-Medium.eot);src: url(../fonts/DIN-Medium.eot?#iefix) format("embedded-opentype"), url(../fonts/DIN-Medium.woff) format("woff"), url(../fonts/DIN-Medium.ttf) format("truetype"), url(../fonts/DIN-Medium.svg) format("svg")}* {box-sizing: border-box;padding: 0;margin: 0;}body {font-family: "Open Sans", "PingFang SC", "Microsoft YaHei", "Helvetica Neue", "Hiragino Sans GB", "WenQuanYi Micro Hei", Arial, sans-serif;}ul,ol,li {list-style: none;}a {text-decoration: none;}input,textarea,select,button {outline: none;border: 0;background: none;font-family: inherit;}img {border: none;}.fl {float: left;}.fr {float: right;}.clearfix:after {content: '';display: block;clear: both;}html,body {height: 100%;min-width: 1440px;min-height: 750px;font-size: 14px;}@media(max-height:930px) {html,body {font-size: 12px;}}#app {width: 100%;height: 100%;overflow: hidden;background: url('../images/bg.jpg') no-repeat center center rgba(20, 2, 129, 1);background-size: cover;position: relative;}.container {width: 100%;height: 100%;margin: auto;/*background:rgba(20,2,129,.8);*/position: relative;overflow: hidden;}#ComInfo {width: 50%;height: 100%;position: absolute;top: 0;left: -50%;background: rgba(177, 199, 255, .16);display: flex;justify-content: center;align-items: center;}.DownBigLeft {animation: DownBigLeft 0.8s forwards;-webkit-animation: DownBigLeft 0.8s forwards;}@keyframes DownBigLeft {0% {left: -50%;opacity: 0;}100% {left: 0;opacity: 1;}}@-webkit-keyframes DownBigLeft {0% {left: -50%;opacity: 0;}100% {left: 0;opacity: 1;}}#ComInfo .content {width: 75%;max-height: 86%;text-align: center;}#ComInfo .content .logo {width: 15em;height: 15em;background: rgba(177, 199, 255, .16);border-radius: 50%;margin: auto;padding: 1.5em;}#ComInfo .content .logo a {display: block;background: #fff;width: 100%;height: 100%;border-radius: 50%;overflow: hidden;}#ComInfo .content .logo svg {width: 100%;height: 100%;display: block;}#ComInfo .content .title {margin: 4em auto 3em;}#ComInfo .content .title svg {display: block;margin: auto;height: 4.75em;width: auto;}.cls-2 {fill: #fff;}#ComInfo .content .description {width: 90%;margin: auto;text-align: center;}#ComInfo .content .description p {font-size: 1.125em;color: #fff;line-height: 2em;}#ComInfo .content .home {width: 7em;height: 7em;background: rgba(250, 75, 75, .16);border-radius: 50%;padding: .75em;margin: 6em auto 0;}#ComInfo .content .home .icon-content {width: 100%;height: 100%;position: relative;}#ComInfo .content .home a {display: block;width: 100%;height: 100%;background: #fa4b4b;border-radius: 50%;overflow: hidden;}#ComInfo .content .home svg {display: block;width: 2.5em;height: auto;margin: 1.3em auto;}.hcls-1 {fill: #fff;}@keyframes bo {0% {-webkit-transform: scale(1, 1);transform: scale(1, 1);opacity: 1;}70% {opacity: .7;}100% {opacity: 0;-webkit-transform: scale(1.5, 1.5);transform: scale(1.5, 1.5);}}.bo {position: absolute;top: calc(-.75em - 1px);left: calc(-.75em - 1px);width: calc(100% + 1.5em + 2px);height: calc(100% + 1.5em + 2px);border: 3px solid rgba(250, 75, 75, .16);border-radius: 50%;transition-duration: .6s;opacity: 1;z-index: -1;opacity: 0;}#ComInfo .content .home:hover .bo {-webkit-animation: bo 1s linear forwards infinite;animation: bo 1s linear forwards infinite;}#ComInfo .nav_list {width: 100%;position: relative;margin-top: 2.5em;}#ComInfo .nav_list:before {content: '';position: absolute;height: .25em;width: 100%;background: rgba(177, 199, 255, .24);bottom: -.25em;left: 0;}#ComInfo .nav_list ul {overflow: hidden;}#ComInfo .nav_list ul li {float: left;width: 20%;height: 4em;line-height: 4em;transition-duration: .3s;}#ComInfo .nav_list ul li a {font-size: 1.125em;color: #fff;display: block;transition-duration: .3s;}#ComInfo .nav_list ul li a:first-of-type {font-family: 'mDIN';font-weight: bold;}#ComInfo .nav_list ul li:hover a {background: rgba(177, 199, 255, .24);}#ComInfo .nav_list ul li:hover {transform: translate(0, -4em);}#Login {position: absolute;top: 0;right: -50%;width: 50%;height: 100%;display: flex;justify-content: center;align-items: center;}.DownBigRight {animation: DownBigRight 0.8s forwards;-webkit-animation: DownBigRight 0.8s forwards;}@keyframes DownBigRight {0% {right: -50%;opacity: 0;}100% {right: 0;opacity: 1;}}@-webkit-keyframes DownBigRight {0% {right: -50%;}100% {right: 0;}}#Login .content {background: rgba(177, 199, 255, .16);width: 75%;height: 86%;position: relative;display: flex;justify-content: center;align-items: center;overflow: hidden;}#Login .veld {width: 83%;padding-top: 2em;}#Login .Up_title {position: absolute;z-index: 10;width: 56px;height: 120px;right: 60px;top: 74px;line-height: 56px;transform: translate(0, -15em);animation: Uptitle 1s .5s ease-out forwards;-webkit-animation: Uptitle 1s .5s ease-out forwards;}@keyframes Uptitle {0% {transform: translate(0, -15em);}100% {transform: translate(0, 0);}}@-webkit-keyframes Uptitle {0% {transform: translate(0, -15em);}100% {transform: translate(0, 0);}}.Up_title .re {position: relative;width: 100%;height: 100%;}.Up_title .re:before {content: '';position: absolute;width: .25rem;height: 10rem;bottom: 120px;left: 27px;background: rgba(177, 199, 255, .24);}.Up_title .re>div {position: absolute;top: 0;width: 100%;height: 100%;line-height: 56px;background: rgba(177, 199, 255, .24);transition: all .3s cubic-bezier(0.65, 0.05, 0.36, 1);cursor: pointer;}.Up_title .re>div:after {position: absolute;content: '';width: 1.25em;height: 1.25em;border: 2px solid #2d248e;border-radius: 50%;bottom: .6em;left: 0;right: 0;margin: auto;opacity: 0;animation: reAfter 2s forwards;-webkit-animation: reAfter 2s forwards;}@keyframes reAfter {100% {opacity: 1;}}@-webkit-keyframes reAfter {100% {opacity: 1;}}.Up_title .re>div.h_2:after {background: url('../images/icon-gou.png') center no-repeat;}.Up_title .h_1 {left: 0;z-index: 1;opacity: 0;}.Up_title .h_2 {left: 0;z-index: 1;opacity: 1;}.Up_title .h_3 {left: 0;z-index: 1;opacity: 0;}.Up_title .h_1.on {left: -60px;z-index: 1;opacity: 1;}.Up_title .h_2.on {left: 0;z-index: 2;opacity: 1;}.Up_title .h_3.on {left: 60px;z-index: 1;opacity: 1;}#Login .Up_title h2 {position: relative;width: 56px;height: 100%;text-align: center;font-size: 1.25em;color: #fff;writing-mode: tb-rl;text-align: center;letter-spacing: 2px;padding-bottom: 1.3em;}#Login .title {margin-bottom: 4em;}#Login .title h3 {font-size: 5em;color: #fff;font-family: "mDIN";font-weight: bold;}#Login .form .input {position: relative;padding-left: 4em;height: 6.25em;border-bottom: 4px solid rgba(177, 199, 255, .24);line-height: 6.25em;}#Login .form .input:after {content: '';width: 0%;height: 4px;position: absolute;left: 0;bottom: -4px;transition-duration: .5s;background: #fff;}#Login .form .input.active:after {width: 100%;}#Login .form .input.user {background: url('../images/icon-user.svg') left center no-repeat;background-size: 2.25em;margin-bottom: 1.5em;}#Login .form .input.password {background: url('../images/icon-password.svg') left center no-repeat;background-size: 2.25em;}#Login .form .input input {position: absolute;width: 100%;height: 100%;left: 4.4rem;top: 0;z-index: 2;font-size: 1.125em;color: #fff;}#Login .form .input p {position: absolute;left: 4.4rem;top: 0;font-size: 1.125em;color: rgba(177, 199, 255, .4);z-index: 1;transition-duration: .3s;}#Login .form .input.active p {top: -3em;font-size: .8em;}#Login .form .tip-mesg {color: #fa4b4b;font-size: 14px;line-height: 20px;margin-top: 20px;height: 20px;}#Login .form .remember {position: relative;margin-top: 2em;float: right;padding-left: 3em;height: 2em;line-height: 2em;line-height: 2em;cursor: pointer;}#Login .form .remember:after {content: '';position: absolute;width: 2em;height: 2em;left: 0;top: 0;border: 4px solid rgba(177, 199, 255, .24);border-radius: 50%;transition-duration: .3s;box-sizing: border-box;padding: .375em;background-clip: content-box;}#Login .form .remember p {font-size: 1.125em;color: rgba(177, 199, 255, .4);transition-duration: .3s;}#Login .form .remember.on:after,#Login .form .remember.active:after {border: 4px solid rgba(255, 255, 255, 1);}#Login .form .remember.active p {color: #fff;}#Login .form .remember.active:after {background-color: #fff;}#Login .form button {width: 15rem;height: 5.5rem;background: #fa4b4b;font-size: 1.5em;color: #fff;float: right;margin-top: 7em;cursor: pointer;}@keyframes anim-out {0% {width: 0%;}100% {width: 100%;}}@keyframes anim-out-pseudo {0% {background: rgba(254, 128, 128, 1);}100% {background: transparent;}}.btn_anim {position: relative;overflow: hidden;}.btn_anim span {position: relative;z-index: 2;}.btn_anim .anim_c {position: absolute;top: 50%;left: 50%;z-index: 1;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}.btn_anim .anim_c::before {position: relative;content: '';display: block;margin-top: 100%;}.btn_anim .anim_c::after {content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;border-radius: 50%;}.btn_anim:hover .anim_c {-webkit-animation: anim-out .8s;animation: anim-out .8s;}.btn_anim:hover .anim_c::after {-webkit-animation: anim-out-pseudo .8s;animation: anim-out-pseudo .8s;}/* 动画区 */.animates {opacity: 0;}.DoloadUp {animation: DoloadUp 0.8s ease-out forwards;-webkit-animation: DoloadUp 0.8s ease-out forwards;}@keyframes DoloadUp {0% {opacity: 0;transform: translate(0, 50px);}100% {opacity: 1;transform: translate(0, 0);}}@-webkit-keyframes DoloadUp {0% {opacity: 0;transform: translate(0, 50px);}100% {opacity: 1;transform: translate(0, 0);}}#meach_dian {position: absolute;top: 0;left: 0;}#meach_dian>div {position: absolute;z-index: 1;background: #fff;}#Login .Up_title h2 span {display: inline-block;opacity: 0;transform: translate(50px, -50px);animation: textDown .8s forwards;-webkit-animation: textDown .8s forwards;}@keyframes textDown {100% {opacity: 1;transform: translate(0px, 0px);}}@-webkit-keyframes textDown {100% {opacity: 1;transform: translate(0px, 0px);}}#footer {position: absolute;bottom: 0;left: 0;right: 0;width: 87.5%;height: 7%;margin: auto;}.foot_text {padding-top: 1.2em;}.foot_text p {font-size: .75em;color: #fff;line-height: 1.5em;text-align: right;font-family: "Arial";}.foot_text p a {color: #fff;}