body,
html {
  width: 100%;
  height: 100%;
  font-family: "\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53", Arial, Tahoma, Verdana, sans-serif;
  margin: 0;
}

.login_bg {
  overflow: hidden;
}

.bg_img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* height: 99%; */
}

.login_box {
  width: 500px;
  height: 479px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin: -240px 0 0 -250px;
}

.login_box .login_title {
  width: 226px;
  height: 40px;
  margin: 80px auto 0;
}

.login_box .content {
  width: 305px;
  padding: 0 0 0 50px;
  margin: 0 auto;
}

.content {
  color: #fff;
  font-size: 12px;
}

.login_box .login_content {
  width: 280px;
}

.content_box {
  background-color: rgba(40, 150, 245, 0.8);
  border-radius: 5px;
  padding: 70px 0;
}

.login_tip {
  font-size: 16px;
  margin-bottom: 15px;
}

.content a {
  color: #e59233;
}

.logo {
  width: 320px;
  height: 73px;
  font-size: 26px;
  color: #fff;
  margin: 0 auto 15px;
  text-shadow: 0 2px 3px #04458a;
}

.content .column {
  padding: 10px;
}

.content input {
  color: #fff;
}

.tips_msg .title {
  border-left: 2px solid #e59233;
  padding-left: 5px;
  font-weight: bold;
  margin: 15px 0 10px;
}

.tips_msg p {
  margin-bottom: 10px;
  padding: 0 10px;
}

.tips_msg .fn_link {
  margin: 15px 0 0 10px;
}

.tips_msg .fn_link a {
  margin-right: 5px;
}

.system_msg li {
  margin-bottom: 5px;
  height: 18px;
  line-height: 18px;
}

.system_msg li a {
  color: #fff;
  width: 265px;
  display: block;
  float: left;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.system_msg li a:hover {
  text-decoration: underline;
}

.system_msg .news {
  width: 28px;
  height: 12px;
  display: block;
  float: left;
  background: url(../images/login/new.png) no-repeat;
  margin: 3px 0 0 10px;
}

.tab a {
  width: 108px;
  height: 28px;
  line-height: 28px;
  color: #fff;
  float: left;
  margin: 20px 0 25px;
  text-align: center;
  border-radius: 3px;
  border: 1px solid #fff;
}

.tab a.current {
  background: #78bd55;
  border-color: #78bd55;
}

.tab span {
  border-left: 1px solid #acbaf6;
  display: block;
  float: left;
  width: 1px;
  height: 28px;
  margin: 20px 15px;
}

.input_text {
  border: 1px solid #0060bc;
  width: 241px;
  height: 24px;
  margin-bottom: 10px;
  padding: 0 3px 0 10px;
  background-color: #147ad8;
  border-radius: 12px;
}

.input_text i {
  margin-top: 3px;
  color: #fff;
}

.input_text input {
  background: none;
  border: none;
  margin-left: 5px;
  height: 24px;
  line-height: 24px;
  width: 200px;
}

a.login {
  width: 258px;
  height: 38px;
  background: url(./images/login/login.png) no-repeat;
  display: block;
  text-align: center;
  margin: 15px 0 0;
  line-height: 32px;
  color: #fff;
}

.calogin {
  display: none;
}

.tips {
  margin: 0 0 15px 0;
}

.tips span {
  color: #fff;
  margin: 0 15px;
  line-height: 24px;
  display: block;
}

.tips span:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(./images/login/tips_ico.png) no-repeat center;
  vertical-align: middle;
  margin: -4px 5px 0 0;
}

.codeinput .input_text {
  width: 130px;
  float: left;
}

.codeinput .input_text input {
  width: 120px;
}

.codeinput img {
  width: 100px;
  margin-left: 12px;
  height: 26px;
}

.mr30 {
  margin-right: 30px;
}

::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #fff;
}

:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #fff;
}

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #fff;
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #fff;
}

input:-webkit-autofill {
  background-color: none !important;
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #fff inset;
  -webkit-text-fill-color: rgba(0, 0, 0, 1) !important;
  font-size: 16px !important;
  color: #333 !important;
}

/* Brand New Version */
.login_dialog_base {
  /* width: 1668px;
  height: 828px; */
  z-index: 10;
  min-width: 600px;
  height: 657px;
  box-sizing: border-box;
  /* padding: 34px; */
  position: fixed;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.card_bg_img {
  width: 100%;
  position: absolute;
}

.login_dialog_container {
  width: 100%;
  height: 100%;
  /* min-width: 600px;
  height: 546px; */
  padding: 28px;
  box-sizing: border-box;
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.dialog_title_container {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 10px 0 40px;
}

.dialog_icon {
  width: 108px;
  height: 108px;
  margin-bottom: 30px;
}

.dialog_icon img {
  width: 100%;
  height: 100%;
  border: none;
}

.dialog_title span {
  font-size: 36px;
  font-weight: bold;
  color: #fff;
}

.login_dialog_footnote {
  position: fixed;
  text-align: center;
  margin: auto;
  bottom: 32px;
  left: 0;
  right: 0;
}

.login_dialog_footnote span {
  font-size: 16px;
  color: #fff;
}

.dialog_form_container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.input_container {
  /* flex: 1; */
  width: 570px;
  height: 60px;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 16px;
  margin-bottom: 22px;
}

.input_container img {
  width: 15px;
  height: 18px;
  margin-right: 14px;
}

.input_container input {
  flex: 1;
  height: 38px;
  line-height: 42px;
  background: none;
  border: none;
  font-size: 20px;
  color: #333;
}

.verif_code_container {
  width: 320px;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.verif_code_container img {
  width: 160px;
  margin-left: 12px;
  height: 58px;
}

a.login_btn {
  width: 570px;
  height: 60px;
  background: #FFC267;
  box-shadow: 2px 4px 6px 0px rgba(29, 145, 134, 0.2);
  border-radius: 100px;
  display: block;
  text-align: right;
}

a.login_btn div {
  width: 570px;
  text-align: center;
  font-size: 24px;
  line-height: 60px;
  color: #fff;
}

.dialog_options_container {
  /* font-size: 12px; */
  /* color: #808080; */
  margin-top: 20px;
  padding-left: 20px;
}

::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #999;
}

:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #999;
  opacity: 1;
}

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #999;
  opacity: 1;
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #999;
}