@charset "utf-8";
.login_model{ width: 100%;height: 100%;position: fixed;top: 0;left: 0;bottom: 0;right: 0;background: rgba(0,0,0,.4);z-index: 999;display: none; }
.login_model_box{ position: fixed;z-index: 1000001;width: 960px;top: 50%;left: 50%;-webkit-animation: all .3s;animation: all .3s;display: flex;justify-content: center; }
.login_model_left{ min-width: 576px;padding: 58px 54px 18px 68px;background: linear-gradient(180deg,#fdc03d 0,#fe9404);border-radius: 4px 0 0 4px;box-sizing: border-box; }
.login_model_title{ font-size: 40px;padding-bottom: 30px;color: #fff;line-height: 1.5; }
.login_model_cli{ color: #fff;font-size: 14px;font-family: SourceHanSansSC-regular;display: flex;line-height: 1.5;align-items: center;height: 33px; }
.login_model_cli img{ margin-right: 8px; }
.login_model_cli span{ margin-right: 8px;margin-top: 1px;width: 22px; }
.login_model_cli span i{ font-size: 24px; }
.login_model_desc{ color: #fff;font-size: 14px;font-family: SourceHanSansSC-regular; }
.login_model_right{ background-color: #fff;padding-left: 38px;padding-right: 38px;border-radius: 0 4px 4px 0;position: relative;max-width: 420px;box-sizing: border-box; }
.login_right_close{ color: rgb(139, 139, 139);font-size: 18px;position: absolute;right: 16px;cursor: pointer;top: 10px; }
.login_right_head{ display: flex;align-items: center;padding-top: 2px;padding-bottom: 40px;justify-content: space-between; }
.login_right_head img{ margin-left: -15px; }
.login_right_head a{ color: rgb(251, 147, 75);padding-right: 10px;text-align: right; }
.login_right_title{ text-align: center;width: 320px;color: rgb(88, 86, 84);padding-bottom: 24px;font-size: 18px;line-height: 1.5; }
.login_form{ box-sizing: border-box;margin: 0;padding: 0;color: rgba(0,0,0,.65);font-size: 14px;font-variant: tabular-nums;line-height: 1.5;list-style: none;font-feature-settings: "tnum"; }
.form_right_item{ box-sizing: border-box;margin: 0;padding: 0;color: rgba(0,0,0,.65);font-size: 14px;font-variant: tabular-nums;line-height: 1.5;list-style: none;font-feature-settings: "tnum";margin-bottom: 24px;vertical-align: top;position: relative; }
.form_right_item_icon{ position: absolute;top: 10px;z-index: 2;display: flex;align-items: center;color: rgba(0,0,0,.65);line-height: 0;font-size: 18px;left: 12px;padding-top: 10px; }
.form_right_item_icon i{ font-size: 20px;color: rgba(0,0,0,.65); }
.form_right_item input{ border-radius: 5px;width: 320px;height: 40px;padding-left: 40px;border: 1px solid #dfdfdf;box-sizing: border-box;line-height: 40px; }
.form_right_item_icon2{ position: absolute;right: 10px;top: 6px;font-size: 16px;cursor: pointer; }
.form_right_item_icon2 i{ font-size: 19px; }
.form_right_item b{ position: absolute;top: 41px;left: 17px;font-size: 12px;color: red;font-weight: normal;display: none; }
.CodeCountDown{ font-size: 12px;position: absolute;right: 6px;top: 12px;display: none; }
.CodeCountDown span{ color: #ff9100; }

.forget_password{ color: #b0adad;line-height: 1;margin-top: -18px;margin-bottom: 14px;font-size: 12px;text-align: right;width: 320px;position: relative;z-index: 2; }
.forget_password span{ cursor: pointer; }
.login_now,.free_register{ height: 40px;border-radius: 4px;width: 320px;padding: 0 15px;font-size: 14px;line-height: 1.499;font-weight: 400;white-space: nowrap;text-align: center;cursor: pointer;line-height: 38px;box-sizing: border-box; }
.login_now{ color: #fff;background-color: #ff9100;border-color: #ff9100;border: none; }
.free_register{ background-color: #fff;border: none;border: 1px solid #ff9100;color: #ff9100;margin-top: 10px; }
.login_other{ display: flex;padding-top: 18px;padding-bottom: 22px;align-items: center;height: 73px;box-sizing: border-box; }
.login_other_title{ color: #aeaeae;font-size: 12px;font-family: SourceHanSansSC-regular; }
.login_right_tips{ color: rgb(241, 133, 24);font-size: 14px;font-family: SourceHanSansSC-regular;text-align: center; }
.login_other_qq{ margin:4px 16px 0; }
.login_other_qq i{ color: #1296db;font-size: 24px;cursor: pointer; }
.login_other_wechat{ margin-top: 7px; }
.login_other_wechat i{ color: rgb(50, 193, 20);font-size: 32px;cursor: pointer; }
.register_tips{ margin-top: -20px;margin-bottom: 30px;color: #8b8b8b;font-size: 12px;text-align: left;font-family: SourceHanSansSC-regular;width: 320px; }
.register_tips span{ cursor: pointer;color: rgb(241, 133, 24); }
.register_now{ line-height: 1.499;font-weight: 400;white-space: nowrap;text-align: center;cursor: pointer;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-o-border-radius: 4px;-ms-border-radius: 4px;margin: 0;height: 32px;padding: 0 15px;font-size: 14px;color: #fff;background-color: #ff9100;border-color: #ff9100;border: none;width: 320px;height: 40px; }
.go_login_now{ text-align: center;font-size: 14px;color: #ff9100;line-height: 40px; }
.go_login_now span{ cursor: pointer; }
.code_pic{ position: absolute;right: 5px;top: 6px; }
.get_tel_code{ position: absolute;right: 10px;top: 11px;font-size: 12px;color: #ff9100;cursor: pointer; }
.forget_CodeCountDown{ font-size: 12px;position: absolute;right: 6px;top: 12px;display: none; }
.forget_CodeCountDown span{ color: #ff9100; }


.cannel_now{ text-align: center;font-size: 14px;color: rgba(0,0,0,.65);line-height: 40px; }
.cannel_now span{ cursor: pointer; }

.login_active{ transform: translate(-50%,-50%); }

.form_right_item_er{ text-align: center; }
.register_tips2{ margin-bottom: 10px; }
.login_other2{ justify-content: center;margin-top: 0; }
.login_other2 .login_other_qq{ margin-right: 0;margin-left: 12px; }
.no_wechat_tips{ color: rgb(153, 153, 153);font-family: SourceHanSansSC-regular;margin-top: 10px; }
.register_tips3{ margin-top: 0; }

.advert{ position: fixed;left: 50%;top: 50%;margin-top: -170px;margin-left: -339px;box-shadow: 0 0 8px rgb(0 0 0 / 50%);display: none;z-index: 99999; }
.advert_box{ position: relative; }
.advert_box img{ cursor: pointer; }
.advert_box i{ position: absolute;right: -33px;top: -33px;font-size: 32px;color: rgba(0,0,0,.65);cursor: pointer; }
/*ipad*/
@media screen and (max-width: 1199px) and (min-width: 750px)
{
  /*登录*/
  .login_model_box{ width: auto; }
  .login_model_left{ display: none; }

  .advert{ display: none !important; }
}
/*mobile*/
@media screen and (max-width: 750px)
{
  /*顶部导航*/
  .login_model_box{ width: auto; }
  .login_model_left{ display: none; }
  .advert{ display: none !important; }
}