body{background-color: #0980FD;position: fixed;right: 0px;top: 0px;bottom: 0px;left: 0px;}

.loginOuter{display: block;overflow: hidden;height: 100%;width: 100%;overflow: auto;position: relative;}
.backImgTop{display: block;position: absolute;right: 0px;top: 0px;height: 285px;width: 100%;opacity: .5;z-index: -2;overflow: hidden;}
.backImgBottom{display: block;position: fixed;left: 0px;bottom: 0px;height: 285px;width: 100%;opacity: .5;z-index: -2;overflow: hidden;}
.backImgTop .img{height: 100%;width: 600px;background-image: url('../../img/svg/loginBg.svg');background-position: top right;background-repeat: no-repeat;background-size: contain;float: right;}
.backImgBottom .img{height: 100%;width: 600px;background-image: url('../../img/svg/loginBg2.svg');background-position: bottom left;background-repeat: no-repeat;background-size: contain;}
section.login{display: block;margin: 0 auto;width: 330px;padding-top: 70px;padding-bottom: 50px;border-radius: 10px;}
section.login .areaOuter{transition: all 0.2s ease;max-height: 0px;overflow: hidden;opacity: 0;border-radius: 10px;}
section.login .areaOuter.active{max-height: 600px;opacity: 1;transition: all 0.5s ease;}
section.login .custom_formArea{background-color: white;border-radius: 10px;padding: 30px 30px;width: 330px;}
section.login .logoArea{display: block;margin-bottom: 20px;}
section.login .logoArea img{max-width: 162px;}
section.login .formArea{display: block;}
section.login .formOption{display: block;}
section.login .formOption .rememberMe{display: inline-block;}
section.login .formOption .forgotPassword{display: inline-block;float: right;font-weight: 400;font-size: 14px;margin-bottom: 20px;}
section.login .formBtn{display: block;}

section.login .formArea .codeInputOuter{display: flex;}
section.login .formArea .codeInputOuter .codeInput{width: calc(100% - 5px);margin-right: 5px;font-weight: 500;font-size: 24px;text-align: center;min-height: 57.5px;}
section.login .formArea .codeInputOuter .codeInput:last-child{width: 100%;margin-right: 0px;}
section.login .formBtn .loginCodeEnterAreaCancelBtn{margin-top: 10px;border: none;color: #7A7B7E;position: relative;}
section.login .formBtn .loginCodeEnterAreaCancelBtn:before{content: '';position: absolute;left: 0px;width: calc(50% - 35px);height: 1px;top: calc(50% - 0.5px);background-color: #E0E0E0;}
section.login .formBtn .loginCodeEnterAreaCancelBtn:after{content: '';position: absolute;right: 0px;width: calc(50% - 35px);height: 1px;top: calc(50% - 0.5px);background-color: #E0E0E0;}

section.login .formArea .phoneInputOuter{margin: 0px 0px 5px 0px;position: relative;}
section.login .formArea .phoneInputOuter .phoneInputHidden{visibility: hidden  !important;}
section.login .formArea .phoneInputOuter .phoneInputShowed{position: absolute;top: 0px;left: 90px;width: calc(100% - 90px);margin: 0px;}

section.footerTag{display: block;width: 100%;text-align: center;z-index: -1;margin-bottom: 60px;}
section.footerTag p{display: block;font-weight: 400;font-size: 10px;line-height: 12px;opacity: 0.4;margin-bottom: 10px;color: #000;text-align: center;}
section.footerTag p a{color: white;}
section.footerTag span{display: block;font-weight: 400;font-size: 10px;opacity: 0.4;margin-bottom: 10px;color: #000;text-align: center;}
section.footerTag span a{color: white;}