body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td {
    margin: 0;
    padding: 0;
}

body,
button,
input,
select,
textarea {
    font: 12px/1.5tahoma, arial, \5b8b\4f53;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
}

address,
cite,
dfn,
em,
var {
    font-style: normal;
}

code,
kbd,
pre,
samp {
    font-family: couriernew, courier, monospace;
}

small {
    font-size: 12px;
}

ul,
ol {
    list-style: none;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

sup {
    vertical-align: text-top;
}

sub {
    vertical-align: text-bottom;
}

legend {
    color: #000;
}

fieldset,
img {
    border: 0;
}

button,
input,
select,
textarea {
    font-size: 100%;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.o-bg {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    height: 100%;
    background: url(../../images/weihuo_web/bg.png) no-repeat top;
    background-size: cover;
}

.o-fwb {
    font-weight: bold;
}

.o-tac {
    text-align: center;
}

.o-color-white {
    color: #fff;
}

.o-fs-18 {
    font-size: 18px;
}

.o-box {
    overflow: hidden;
    background-color: #fff;
    width: 968px;
    margin: 0 auto;
    height: 518px;
    margin-bottom: 100px;
}

.o-box-left {
    float: left;
    width: 50%;
    height: 518px;
    position: relative;
}

.o-box-left img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.o-box-right {
    box-sizing: border-box;
    width: 50%;
    float: right;
    padding: 60px 50px 0;
    text-align: left;
}

.o-box-right .title {
    color: #191c3d;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 30px;
}

.form {}

.form .label {
    width: 100%;
    height: 38px;
    line-height: 38px;
    color: #666666;
    font-size: 12px;
    border: solid 1px #bdc7d3;
    padding-left: 20px;
    margin-bottom: 20px;
    box-sizing: border-box;
}

.banner {
    width: 100%;
    display: block;
}

.form input,
select,
option {
    font-size: 12px;
    border: none;
    outline: none;
    height: 32px;
    width: 200px;
}

.form input::placeholder {
    color: #999999;
}

.form .label {}

.code {
    width: 88px;
    height: 38px;
    background-color: #000;
}

.btn-jb {
    font-size: 14px;
    color: #ffffff;
    line-height: 40px;
    text-align: center;
    width: 100%;
    border-radius: 20px;
    margin-bottom: 24px;
    background-image: linear-gradient(-27deg, #fa7c49, #fa5d56);
}

.o-bottom {
    position: absolute;
    text-align: center;
    width: 100%;
    font-size: 14px;
    color: #ffffff;
    bottom: 34px;
}

.form-none .label {
    border: none;
    border-bottom: #bdc7d3 1px solid;
    padding-left: 4px;
}


/*新登录*/

.login-box {
    width: 100%;
    min-height: 700px;
    height: 100vh;
    display: flex;
    align-items: center;
}

.login-box .login-left {
    flex: 1 1;
    /* position: relative; */
}

.login-box .login-left .bg {
    background-image: url("../../images/weihuo_web/loginBg.png");
    background-repeat: no-repeat;
    background-position: 100%;
    background-size: cover;
    height: 100vh;
    min-height: 700px;
}

.login-box .login-right {
    height: 550px;
}

.login-box .bg-title .bg-cicle {
    width: 6px;
    height: 6px;
    background-color: #000;
    border-radius: 50%;
    margin-right: 5px;
}

.login-box .bg-title {
    width: 120px;
    height: 20px;
    border-radius: 4px;
    border: 1px solid #222;
    margin-left: 10px;
    /* position: absolute; */
    /* top: 283px; */
    /* right: 400px; */
    /* top: 283px; */
    /* right: 180px; */
    z-index: 99;
    font-size: 12px;
    line-height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.login-box .login-right .login-container {
    padding-right: 110px;
    padding-left: 110px;
    min-height: 530px;
}

@media screen and (max-width: 2580px) and (min-width: 1441px) {
    .login-box .login-right .login-container {
        padding-right: 200px;
        padding-left: 200px;
    }
}

.login-box .login-right .login-container .platform-title {
    margin-bottom: 56px;
}

.login-box .login-right .login-container .login-root {}

.login-box .login-right .login-container .login-root .web-login-container {
    width: 368px;
    position: relative;
}

.login-root .web-login-container .web-login {
    width: 100%;
    position: relative;
    font-family: PingFang SC;
    background-color: #fff;
}

.login-root .web-login-container .web-login .web-login-mobile-code {}

.login-root .web-login-container .web-login .web-login-mobile-code .web-login-common-wrapper {
    width: 100%;
    min-height: 380px;
}

.login-root .web-login-container .web-login .web-login-mobile-code .web-login-common-wrapper .web-login-common-wrapper__tab {
    font-size: 18px;
    color: #222222;
    font-weight: 500;
}

.login-root .web-login-container .web-login .web-login-mobile-code .web-login-common-wrappe .web-login-common-wrapper__form {
    width: 100%;
    /* margin-top: 40px; */
}

.web-login-common-wrapper__form .web-login-mobile-code__mobile-input-wrapper {
    line-height: 1;
    font-size: 14px;
}

.web-login-common-wrapper__form .web-login-mobile-code__mobile-input-wrapper .web-login-normal-input {
    display: flex;
    width: 100%;
    height: 48px;
    line-height: 22px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*padding: 13px 16px;*/
    border-radius: 4px;
    background: #f8f8f8;
    position: relative;
}

.web-login .web-login-area-code__select-list-wrapper {
    position: absolute;
    z-index: 100;
    left: 0;
    top: 114px;
    width: 233px;
    max-height: 196px;
    border-radius: 4px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .12);
    background-color: #fff;
    overflow-y: auto;
    padding: 8px 0;
}

.web-login .web-login-area-code__select-list-wrapper .web-login-area-code__select-list-wrapper__list__item {
    padding: 7px 12px 7px 16px;
    font-size: 14px;
    line-height: 22px
}

.web-login .web-login-area-code__select-list-wrapper__list__item:hover {
    cursor: pointer;
    background-color: #f2f2f2
}

.web-login .web-login-area-code__select-list-wrapper__list__item span:last-child {
    color: #999;
    float: right
}

.web-login .web-login-area-code__select-list-wrapper__list__item__active {
    color: #f04142
}

.web-login .web-login-area-code__select-list-wrapper__list__item__active span:last-child {
    color: #999
}

.web-login-common-wrapper__form .web-login-mobile-code__mobile-input-wrapper .web-login-normal-input .web-login-area-code__input-wrapper {
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    height: 100%;
}

.web-login-normal-input .web-login-area-code__input-wrapper .web-login-area-code__input-wrapper__input {}

.web-login input {
    outline: none;
    box-shadow: none;
    background-color: transparent;
    border: none;
}

.web-login .web-login-area-code__input-wrapper__icon-arrow {
    display: block;
    width: 16px;
    height: 16px;
    background: url("../../images/weihuo_web/arrow-down.png") no-repeat 50%;
    background-size: 16px 16px;
}

.web-login .web-login-normal-input__input {
    width: 100%;
    height: 100%;
    line-height: 100%;
    font-size: 14px;
    background: #f8f8f8;
    margin-left: 15px;
}

.web-login .web-login-normal-input__input::-webkit-input-placeholder {
    color: #bbb;
}

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    -webkit-text-fill-color: #ededed !important;
    -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
    background-color: transparent;
    background-image: none;
    transition: background-color 50000s ease-in-out 0s;
}

input {
    background-color: transparent;
    caret-color: #f04142;
}

.web-login .web-login-mobile-code__code-input-wrapper {
    margin-top: 16px;
}

.web-login-mobile-code__code-input-wrapper .web-login-button-input {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 48px;
    line-height: 22px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*padding: 13px 16px;*/
    border-radius: 4px;
    background: #f8f8f8;
    align-items: center;
}

.web-login-normal-input .web-login-area-code__input-wrapper__secret {
    flex-shrink: 0;
    font-size: 14px;
    line-height: 22px;
    color: #222;
    height: 22px;
    width: 40px;
    padding-left: 10px;
}

.web-login-button-input .web-login-area-code__input-wrapper__secret {
    flex-shrink: 0;
    font-size: 14px;
    line-height: 22px;
    color: #222;
    height: 22px;
    width: 40px;
    padding-left: 10px;
}

.web-login-mobile-code__code-input-wrapper .web-login-button-input .web-login-button-input__button-text {
    flex-shrink: 0;
    /* font-size: 14px; */
    line-height: 22px;
    /* color: #222; */
    height: 48px;
    /* cursor: pointer; */
    width: 120px;
    /* height: 38px; */
    background-color: #000;
}

.web-login-button-input__button-text.send-input {
    order: 2;
}

.web-login-mobile-code__code-input-wrapper .web-login-button-input .web-login-button-input__input-wrapper {
    flex-grow: 1;
    padding-left: 10px;
}

.web-login-mobile-code__code-input-wrapper .web-login-button-input .web-login-button-input__input {
    height: 100%;
    line-height: 100%;
    font-size: 14px;
    width: 100%;
    height: 48px;
}

.web-login-mobile-code__code-input-wrapper .web-login-button-input .web-login-button-input__input::-webkit-input-placeholder {
    color: #bbb;
}

.web-login-button-input__input-wrapper.send-input {
    order: 1;
}

.web-login .web-login-error {
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: #ff3233;
    font-style: normal;
}

.web-login .web-login-confirm-info {
    font-size: 12px;
    line-height: 20px;
}

.web-login .web-login-confirm-info .web-login-confirm-info__before-text {
    color: #999;
}

.web-login .web-login-confirm-info .web-login-confirm-info__info {
    text-decoration: underline;
    color: #222;
    margin: 0 6px;
}

.web-login .web-login-confirm-info .web-login-confirm-info__connect-text {
    color: #999;
}

.web-login .web-login-mobile-code__button-wrapper {
    margin-top: 5px;
}

.web-login .web-login-button {
    cursor: pointer;
    width: 100%;
    height: 48px;
    border: none;
    outline: none;
    line-height: 48px;
    border-radius: 4px;
    font-size: 16px;
    text-align: center;
    background-color: #f04142;
    color: #fff;
}

.web-login .web-login-button__disabled {
    background: rgba(240, 65, 66, .5);
    color: #fff;
    cursor: default;
}