body {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}
.box{width: 100vw;
    height: 100vh;
    overflow: hidden;}

.orchard,.gtc{background: url(../images/bg2.png) no-repeat center; background-size:cover; overflow: hidden; width: 100%; height: 100%; min-width:1000px; display: flex; align-items: center;}
.form{width:445px; margin-left: 8vw; margin-top:6vh;}
.form .logo{text-align:center}
.form .logo img{width:97px;}
.logo-text .ch{color:#2ecb74; font-size:calc(100vw * 34 / 1920)}
.logo-text .en{color:#00c759; font-size:calc(100vw * 16 / 1920); display:block}
.orchard .login .input,.gtc .login .input{ display: flex; border-bottom: 2px solid #39d17d; height: 35px; font-size: 16px; align-items: center; margin-top: 3.5vh}
.input input{border: none; background: none; margin-left: 20px; width: calc(100% - 65px); color: #999}
.orchard .login .button button,.gtc .login .button button{background-color:rgba(57,209,125,1); color: #fff;border-radius: 40px; width: 100%; border:none; height: 50px; font-size: 21px;margin-top:7vh}
.orchard .login .button button:hover{background:#36b46f;}
.orchard .login .button button[active] { background-color: rgba(57,209,125,.5); }

.gtc{background: url(../images/bg1.png) no-repeat center;background-size: cover;}
.gtc .login .input{border-bottom: 2px solid #00a0e9;}
.gtc .login .button button{background-color:rgba(2,175,254,1);}
.gtc .login .button button:hover{background:#049de3}
.gtc .login .button button[active] { background-color: rgba(2,175,254,.5); }

.title{position:fixed; display: flex; bottom: 10vh; left: 15vw}
.title > div{text-align: center; margin-right: 80px; color: #666}
.title img{display:block;margin:0 auto 5px;}
.select img{border-radius: 50%; box-shadow: 0 0 10px #999;}
@media screen and (max-width: 1366px){
    .title{position:fixed; bottom: 5vh; }
}
.error_info {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    margin-top: 10px;
    color: #e74c3c;
}