body {
    color: #121212;
    -webkit-tap-highlight-color: rgba(18, 18, 18, 0);
    margin: 0;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
}

input[type='number'] {
    -moz-appearance: textfield;
}

ul,
li {
    list-style: none;
}

button,
p,
ul,
li {
    margin: 0;
    padding: 0;
}

a,
a:hover {
    text-decoration: none;
}

.login-wrap {
    display: none;
}

.web-login-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 203;
    transition: opacity .3s ease-out;
}

.Modal-backdrop {
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: hsla(0, 0%, 7%, .65);
    transition: background-color .3s ease-out;
}

.web-login {
    position: relative;
    display: flex;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
    transition: max-height .8s ease;
    max-height: calc(100vh - 48px);
    box-sizing: border-box;
    box-shadow: 0 5px 20px hsl(0deg 0% 7% / 10%);
    width: auto;
}

#BD_Login_Form .Modal-closeButton {
    outline: none;
    font: inherit;
    appearance: none;
    background: none;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    color: #8590a6;
    background-color: transparent;
    border: none;
    border-radius: 0;
    height: auto;
    line-height: inherit;
    position: absolute;
}

.Modal-closeIcon {
    fill: #fff;
    vertical-align: top;
}

.web-login-union {
    background-color: #fff;
    overflow: auto;
}

.web-login-union__login {
    display: flex;
}

.web-login-union__footer {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.web-login-other-login-method {
    display: flex;
    align-items: center;
}

.web-login-other-login-method__list {
    display: flex;
    box-sizing: border-box;
}

.web-login-union__login__scan-code {
    border-right: 1px solid #e8e8e8;
}

.web-login-union__login__form {
    box-sizing: border-box;
}

.web-login-union__login__form__title {
    font-weight: 500;
    color: #222;
    display: inline-block;
    cursor: pointer;
}


/* .mobile-code >.mobile-code{display: block;}
			.account-password >.account-password{display: block;} */

.web-login-union__login__form__content>div {
    display: none;
}


/* .mobile-code .web-login-mobile-code{display: block;} */

.account-password .web-login-account-password {
    display: block;
}

.web-login-error {
    width: 100%;
    color: #ff5e5e;
}

.web-login-normal-input,
.web-login-button-input {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    background-color: #fff;
}

.web-login-normal-input__input {
    outline: none;
    box-shadow: none;
    border: none;
    background: #fff;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    line-height: 100%;
}

.web-login-button-input {
    justify-content: space-between;
}

.web-login-normal-input:hover,
.web-login-button-input:hover {
    border-color: #999;
}

.web-login-button-input__button-text {
    flex-shrink: 0;
    color: #222;
    cursor: pointer;
}

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

.web-login-button-input__button-text.send-input[disabled] {
    color: #666;
    cursor: not-allowed;
}

.web-login-button-input__button-text.send-input:hover {
    color: #666;
}

.web-login-button-input__button-text>a {
    color: #222;
}

.web-login-button-input__button-text>a:hover {
    color: #666;
}

.web-login-button-input__input-wrapper {
    flex-grow: 1;
}

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

.web-login-button-input__input {
    outline: none;
    box-sizing: border-box;
    border: none;
    box-shadow: none;
    width: 100%;
    height: 100%;
    line-height: 100%;
    background-color: #fff;
}

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

.web-login-confirm-info__info {
    text-decoration: none;
    color: #222;
}

.web-login-confirm-info__info:hover {
    opacity: 0.6;
}

.web-login-button {
    -webkit-appearance: button;
    box-sizing: border-box;
    outline: none;
    border: none;
    text-align: center;
    color: #fff;
    width: 100%;
    cursor: pointer;
    background-color: #d40000;
}

.web-login-button:hover {
    opacity: 0.8;
}

.web-login-other-login-method__text {
    color: #222;
    box-sizing: border-box;
    display: flex;
    width: 100%;
}

.web-login-other-login-footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    text-align: center;
}

.web-login-other-login-footer>div {
    display: none;
}

.web-login-other-login-footer>div.isweixinshow {
    display: block;
}

.web-login-other-login-method__list__item {
    display: flex;
    cursor: pointer;
    color: #999;
    position: relative;
}

.web-login-other-login-method_list_item-weixin {
    display: none;
    cursor: pointer;
    color: #999;
    position: relative;
}

.web-login-other-login-method__list__item__icon {
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABIBAMAAACnw650AAAAMFBMVEVHcEx0co11co1wcI90cox1c410co13cI51cY11co3////b2uK4tsTy8fSDgJmXlaml+yADAAAACXRSTlMAd94QTL3vI5Cz2CkcAAAB60lEQVRIx52WPU8CQRCGV09D7Ah+hQ7Bxu60IJZoosYOE2OkNGhBh4mNtbGw8wynrB5Ys2KsNcYeDT9Awh84o7E30XhwwM3e3tyuvhUMT4bZ2dmZIQRK2z9OUprcniC45rdoT+YagmiTFGgzmJminGaKcsahRGiZCpr1M4s0QEc8E5kLgs74sFZpoHYhM0QRRQEUxyBDwRF0tY5DpcHRCjh03j/gArR+vjz+wO+pHnQCbO8txtgTMJRdZgSYrA7DWAOYMl1oGFieuwyrC/8HkmQx1ravm5wrw39tb6xud/3dgfPpvkw+uC4sduPLJwipym77sO1Z83y6rX7EX/6gct7XK1ZzP3ywe89qOnFTCPV+q0CI6lwqB9AVB0XJqBzKkjE5lOdqCYEuuMpFIAPWSZMBtWG15ODtQjVAorzrveShV++N4lANQFQO0X9C7W8FyK6KkD9wp+xaQuBKUE4OmeBaUKgMLhiFDHIoP12JpOV5OgXli2Y8Cx4wCmWIJoeK4HFWkHoyYefBKrPTW9OyGk+EN3Gv9WiFcMadQvFwyBDbuKiE0KIDlBGbvaBy0NjwK/WXAaQ0ytSGotJ4VRvUSiNfbXlQWkPUFhpCYn5mRxehSEzOOFqBzIaObHUHg5ezNx6yHy65K+Q07+YXxuTd0ZXyAwQAAAAASUVORK5CYII=);
}

.web-login-other-login-method__list__item__icon__mobile_code .web-login-other-login-method__list__item__icon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAc3SURBVHgB7Z09bFxFEMf/+2xHTgEKLRR5gACbIOETgQqUi0IoIW5S5qOiIFJsEVuEJnFDkBMFRwKJLpd00CShDVFsQUUixQXgAwS5FIQSQwofsX3LzO7Zvu977+7t7jvf/qTnr/t6ntmd2Y+ZWYGUIifCXRgcHgPEGILSbvpTCEmXELtQokvIXdUvEMsI5DI9p0CPLdNfCigFD+iBRawVF8VcYRkpRCAlKIEPDR+iH/fRXWWVsJP9hEX6d+nCAlYxL+byBaQApwrQrXznMWqx79GvWdhlnq4rrpXhRAHy1EiWPvkM7Au9MUJep7u6ImZ/vQ7LWFNARWs/CSRtXhKjQNeMOJ/PwRJWFCCnRk+STT9b5zjTSwGWFGFUAWVTcxnpbfHtKMCwIowoQE6MhBgSn9FPh7A9yJGznjHhrBNXgJweOUrj9LkeMjdRKcBAb0hMAcrJ7th5BlJOYDsjqHE9XplJamKXiAK0ycFt9K6tj0uBTNL+JExSgC6RUy+PYVDcQ/8In1ENTk69MIYu6UoByt6jdG8b2vsohMDAPS2DzulYAeWxfQ79DslATo927Pc68gFK+JBz8GwhxKSYXYotk9gKUF3Ot/zGCBwTs/kr8V4SA+Vw2eZ7WrCeEed/W4z67Mg+QA01UboGTxsGb2tZRSNSDyhvlvTbULMbaJ5QzESZrEXrATzD9cKPQ1iWWVva9gA5NXKMvl2GJz4RnHJLBfThEkPCiGWsykyrJYvBlq8fgh3TM/wE8PQI8PwbsMLDPPDTLZiHVgh2SFqWx3izZzTtAdZMz5tHgHdOaCXY5O8/gZufA3ctbANLWri7kJ9v9FArJxzJiXTFwQ+Ad0/bFz7z1DPA4XP6Hkwjmjfkhgoot/4QJmEBHDwB5/A9PGfc9IXN1oua9QA7rT8t7LWwcypxRs2naqhTgJXWz+x5G6nByr1IHZZTQ6NRkPnWz+xsYfeLj4A7tOpR/BeJMPwk8MoBbfbi3kuS6JioqhXTKgXID1/kvhjCJTxE/PKIVkKSfEsjnvev6uGuO0IO1akcEVWboEB0tbuTCF+dTl74zAq95zfn4BxRbWE2FaBX8IT7OJ6/8jDGHz8gBWQrnfFWDxhKSaBsP1DhjCtNkHvz0y/ocHyFUkB5AyELjy02zZDuAd782CdQ2UCbJmgfPHYZ0DLXCpCy6wgvT2yy/CVQtkgIrwD7hCz7QKeCepxAsg9UHq7HEYIUIP1+rzNEKQzKWegeN4RsgvoxtDwdiGB3QKtzITxukJJGQSXfA9whSAH9md2SErgHeJziFeAYrwDHBKrSlMcRYjlQZb48jpCkgJJXgDMkCjwRK8DjBiH/CXRlQY8jfA9wigxIAaqcY4owGSruNiyxAXIx4KKmSBOmEjb4PQ+nIDSxEi4oy9/l9Mh96xszs0vNH+P0oR9vJRsd/fp4a8VOj8IqQiyK2aWMjo4uYSFVy9IcRv7WEWxrpDb9eilCqCqyHrss8BetgNWi9Yqxfc+AbvRKAeWaBvPw2EFiXnyqk7e3MmSkuEEzsyx6hZtfAN+VqwDsHdejp15BYLN8wdZy9NpKDr0CZ7pwkjVn0vD1/VX9e68wsGVtNhXQU2boboOyRayEnkDe2DA/TPWGjMQMPGYRQa7y1yoFqOy9XlgbajRHeG0cqYdkS5OvqhFn/ZZkSVyCDVa6yITk8gJc5INntnxt1JxwcS9xaGBh6qqllA9auG88XOXwJ3r0kgbYp3z9MYyiWn/+2do/1/UA7YxL5n3B3RTN/XhIa5om/rVhVIS48MuccV/AObs2/vF28D3w4p9JuPU3KXvfPCylhOMwDY/dueubFkAjio+25hOmaTG6bF0zbmr0mrVTMPYcsLdh8vsd4OGSmZII9eSo9TdtzK0V8NFIiDXRr9XRu4fNeID9lROvWlpGxqkXCjkJT2eQ6WklfKZtaKJyHrbmBtsKeSnKeTPRYkPXV8766IkYsKxW/zsb5amRFKDmBmTLfBxpBDbsfsRDfnz5+sQJMuL8z8mXr2fKb2x+ftCrrON4HOEzsfMDlGORfmRUhxST4mL8Q946PkdMnnppAoKPK/Qo4V+If34M09VBbr60PbTZudj58YZdn6SnHLMoXeu/kgc8IhT749r8undBAqglixJu940SIiwxRCWRJD11I4+Lmf6YMctL/L8mIXwmkR5QifILXJx02/UGMjnrcrIbe9+IxNNU1TBVzZoR60CzdCOuY0Bmkha+emcYpOd7A9t62phqdvpFMh9hgd5TBJkbXkrucGwf65NgkdQrQrV4GkisreSSOjG7/Uc6QJXJDwaOWtvubIdUIZkzJk1NM5woYAM1f1hHlgRwlO4kC5sooYsbNlt7I5wqoJIKZWTpt1cN1DJlhzpPI7QFTkhxKfRKUqOAWnSEHtc0FbzUEdKIeTeX+NK5bFzlqzZQgJcGJDlPukRQoH2LB5yHq9JwORsxJQKv5X+e+n5jcH60+gAAAABJRU5ErkJggg==);
}

.web-login-other-login-method__list__item__icon__weixin {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAARVBMVEVHcEwAzFEAzVEAzlIAzFAAzFIAy1AAzFIAzVIAz1AAzFIAzFL///+F56wi02rf+elo4Zm58dDv/PRF2oEQz12g7L7P9t9YMVfsAAAAC3RSTlMAv5BfRO8jd94QrwQVVMEAAAJ8SURBVFjDrZjpsoIgFIDTUiBkB9//Ua+pXNlBh/Oraaavsy+8XnlBMxi/EOJNIBxG8Hk9EQSGCYcyvOfbFJyR4X0HM+GCQDD3wByoBs4H4gaBNcejETfKiEqcGeJmgQVPfSZ8Q6aseQDfFNCJkyE94CRJH/xIIj/N0zPQFMQOQfxQoJ9PI34sYwcHxW5KGKYVEUwukgmiaKtxceQVkYsjgjflQFRhVCyhMFWIHMooxOWSEKKrKgUKkSUtjFZUerdxSqRDJb/P8yUva3Yi7K72/cxOj1BtVZNc0/X8NkdCkWXmtOL3+fz1L/TqhNKCbZ5l1DVCXCD7PSnYlvYQubTYfKxtYsl83PwyuzJRMidce2IxQwjJ2TYH2bjmAia41oqTjZWuPBA0EJbJIKX5pSzjNNFMhgaQ0WHVRE7/BvXB0lUmqlkOA5BJcWgKL2kAwrUCYZkIBKQApOMOQrPdQBdAce0L+t/ZDnWl/eB7PARFKilz/Wq3Ufynm3RVivq+CkA2kMIW3GaR9b7KRy0yzlq2AdZTWSZknE3w9cVFklCFRifc8k/MWOXkjeFtoDG5zTg/No0agaDThs1kWWkBxN25jeJ9hu4VzsnPqVKzPMjJ7WiIHJYx+1+6NJ6M32pjJxleqZpYod+BgmprSy5uxOu0Sdtwy+wl4YBsWGdJhYOP0wvV99B4P+F+V2vesKnJO/paa1DLakztGJGCMF+j67xpXfqpUsdUI0wk1//7WzY1OvJQ1/W428Le74TodtT0O7P6HX79TtF+x3G/c73fA0K/J41+jyy7z6uoCaCmF6S5jGrFHKdX/mnsDmZXK8GablOs48E42OfD7wjmEuUPsXi38WCEQiwAAAAASUVORK5CYII=);
}

.web-login-other-login-method__list__item>span {
    position: absolute;
    background-color: hsla(0, 0%, 91%, .6);
    color: #222;
    display: none;
}

.web-login-other-login-method__list__item>span::before,
.web-login-other-login-method__list__item>span::after {
    position: absolute;
}

.web-login-other-login-method__list__item>span::before {
    content: '';
    width: 0;
    height: 0;
    left: 50%;
    transform: translateX(-50%);
}

.web-login-other-login-method__list__item>span::after {
    content: '密码登录';
}

.web-login-other-login-method__list__item__icon__mobile_code>span::after {
    content: '手机登录';
}

.web-login-other-login-method__list__item:hover span {
    display: block;
}

.web-login-other-login-method_list_item-weixin>span {
    position: absolute;
    display: none;
    background-color: hsla(0, 0%, 91%, .6);
    color: #222;
}

.web-login-other-login-method_list_item-weixin>span::before,
.web-login-other-login-method_list_item-weixin>span::after {
    position: absolute;
}

.web-login-other-login-method_list_item-weixin>span::before {
    content: '';
    width: 0;
    height: 0;
    left: 50%;
    transform: translateX(-50%);
}

.web-login-other-login-method_list_item-weixin>span::after {
    content: '微信登录';
}

.web-login-other-login-method_list_item-weixin:hover>span {
    display: block;
}

.web-login-header {
    display: none;
}

#wx-login-scan-login-popup iframe {
    height: 274px!important;
}

@media screen and (max-width:1024px) {
    body {
        font-size: 16px;
        font-size: 1rem;
    }
    #BD_Login_Form .Modal-closeButton {
        padding: 0.5rem;
        right: 0.8rem;
        top: 0.43rem;
    }
    .Modal-closeIcon {
        width: 1.6rem;
        height: 1.6rem;
    }
    /* .web-login-union{border-radius: 0.36rem;} */
    .web-login-union__login {
        padding: 1.4rem;
        justify-content: center;
        text-align: center;
    }
    .web-login-union__footer {
        padding: 1.4rem;
    }
    .web-login-union__login__scan-code {
        display: none;
    }
    /* .web-login-union__login__form{padding: 0 1.5rem 0 1.4rem;} */
    .web-login-union__login__form {
        width: 100%;
    }
    .web-login-union__login__form__title {
        display: none;
    }
    .web-login-union__login__form__content {
        width: 100%;
    }
    .web-login-mobile-code__mobile-input-wrapper,
    .web-login-account-password__account-input-wrapper {
        margin-top: 1.75rem;
    }
    .web-login-mobile-code__code-input-wrapper,
    .web-login-account-password__password-input-wrapper {
        margin-top: .75rem;
    }
    .web-login-error {
        height: 1.5rem;
        line-height: 1.5rem;
        font-size: .75rem;
    }
    .web-login-confirm-info {
        font-size: .75rem;
        line-height: 1.25rem;
    }
    .web-login-mobile-code__button-wrapper,
    .web-login-account-password__button-wrapper {
        margin-top: 1rem;
    }
    .web-login-normal-input,
    .web-login-button-input {
        height: 2.5rem;
        line-height: 1.5rem;
        padding: .5rem .625rem;
        border-radius: .25rem;
        border: solid 1px #d9d9d9;
    }
    .web-login-normal-input__input {
        font-size: .875rem;
    }
    .web-login-button-input__button-text {
        font-size: .875rem;
        line-height: 1.375rem;
        height: 1.375rem;
    }
    .web-login-account-password__password-input-wrapper .web-login-button-input__button-text {
        display: none;
    }
    .web-login-button-input__input {
        font-size: .875rem;
    }
    .web-login-button {
        height: 2.5rem;
        line-height: 2.5rem;
        border-radius: .25rem;
        font-size: 1rem;
    }
    .web-login-other-login-method__text {
        height: 2rem;
        line-height: 2rem;
        margin-right: 1rem;
        color: #ff5e5e;
        display: none;
    }
    .web-login-union__footer.mobile-code .web-login-other-login-method__text.mobile-code {
        display: block;
    }
    .web-login-union__footer.account-password .web-login-other-login-method__text.account-password {
        display: block;
    }
    .web-login-other-login-footer {
        bottom: 10vh;
        left: 50%;
        transform: translateX(-50%);
    }
    .web-login-other-login-title {
        font-size: 0.875rem;
        color: #999;
    }
    .web-login-other-login-method__list__item {
        height: 2rem;
        line-height: 2rem;
        font-size: 1rem;
        margin-right: 0.8rem;
    }
    .web-login-other-login-method_list_item-weixin {
        height: 2.5rem;
        line-height: 2.5rem;
        font-size: 1rem;
        margin-top: 1rem;
        display: block;
    }
    .web-login-other-login-method__list__item__icon {
        width: 2.5rem;
        height: 2.5rem;
    }
    .web-login-other-login-method__list__item>span {
        font-size: 0.75rem;
        padding: 0 0.375rem;
        top: -2rem;
        right: -1.125rem;
        width: 3rem;
        height: 1.5rem;
        line-height: 1.5rem;
    }
    .web-login-other-login-method__list__item>span::before {
        border-left: solid 0.25rem transparent;
        border-right: solid 0.25rem transparent;
        border-top: solid 0.375rem hsla(0, 0%, 91%, .6);
        bottom: -0.375rem;
    }
    .web-login-other-login-method_list_item-weixin>span {
        font-size: 0.75rem;
        padding: 0 0.375rem;
        top: -2rem;
        right: -1.125rem;
        width: 3rem;
        height: 1.5rem;
        line-height: 1.5rem;
    }
    .web-login-other-login-method_list_item-weixin>span::before {
        border-left: solid 0.25rem transparent;
        border-right: solid 0.25rem transparent;
        border-top: solid 0.375rem hsla(0, 0%, 91%, .6);
        bottom: -0.375rem;
    }
    .web-login-header {
        display: block;
    }
    .web-login {
        width: 100%;
        height: 100%;
        background-color: #fff;
        max-height: 100%;
    }
    .web-login-header {
        height: 6.75rem;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        position: relative;
        color: #fff;
        background-color: #d40000;
    }
    .web-login-header-title {
        font-size: 1.5625rem;
    }
    .web-login-header-subtitle {
        font-size: 1rem;
    }
}

@media screen and (min-width:1024px) {
    body {
        font-size: 14px;
    }
    #BD_Login_Form .Modal-closeButton {
        padding: 12px;
        right: -60px;
        top: 8px;
        font-size: 14px;
    }
    .Modal-closeIcon {
        width: 24px;
        height: 24px;
    }
    .web-login-union {
        border-radius: 4px;
    }
    .web-login-union__login {
        padding: 40px 0 44px;
    }
    .web-login-union__footer {
        /*height: 56px;padding: 0 32px 0 40px;margin-left: 229px;*/
        display: none;
    }
    .web-login-union__login__scan-code__title {
        text-align: center;
        font-size: 16px;
        color: #222;
        font-weight: 500;
    }
    .web-login-scan-code {
        width: 228px;
        min-height: auto;
    }
    .web-login-scan-code__content {
        margin-top: 35px;
        padding: 0 32px;
    }
    .web-login-scan-code__content__qrcode-wrapper {
        margin: 0 auto;
        width: 162px;
        height: 162px;
        background-color: #fff;
        position: relative;
    }
    .web-login-scan-code__content__qrcode-wrapper__qrcode {
        box-sizing: border-box;
        width: 100%;
        height: 100%;
        padding: 4px;
        border: solid 1px #ebebeb;
        border-radius: 4px;
        aspect-ratio: auto 162 / 162;
        display: block;
    }
    .web-login-union__login__form {
        padding: 0 48px 0 40px;
    }
    .web-login-union__login__form__title {
        font-size: 16px;
        line-height: 24px;
        margin-right: 24px;
    }
    .web-login-union__login__form__title.SignFlow-tab--active {
        font-synthesis: style;
        font-weight: bold;
        position: relative;
    }
    .web-login-union__login__form__title.SignFlow-tab--active:after {
        content: '';
        display: block;
        position: absolute;
        width: 100%;
        height: 3px;
        background-color: #d40000;
        bottom: -10px;
    }
    .web-login-union__login__form__content {
        width: 308px;
    }
    .web-login-mobile-code__mobile-input-wrapper,
    .web-login-account-password__account-input-wrapper {
        margin-top: 28px;
    }
    .web-login-mobile-code__code-input-wrapper,
    .web-login-account-password__password-input-wrapper {
        margin-top: 12px;
    }
    .web-login-error {
        height: 24px;
        line-height: 24px;
        font-size: 12px;
    }
    .web-login-confirm-info {
        font-size: 12px;
        line-height: 20px;
    }
    .web-login-mobile-code__button-wrapper,
    .web-login-account-password__button-wrapper {
        margin-top: 16px;
    }
    .web-login-normal-input,
    .web-login-button-input {
        height: 40px;
        line-height: 24px;
        padding: 8px 10px;
        border-radius: 4px;
        border: solid 1px #d9d9d9;
    }
    .web-login-normal-input__input {
        font-size: 14px;
    }
    .web-login-button-input__button-text {
        font-size: 14px;
        line-height: 22px;
        height: 22px;
    }
    .web-login-button-input__input {
        font-size: 14px;
    }
    .web-login-button {
        height: 40px;
        line-height: 40px;
        border-radius: 4px;
        font-size: 16px;
    }
    .web-login-other-login-method__text {
        font-size: 14px;
        height: 24px;
        line-height: 24px;
        margin-right: 12px;
    }
    .web-login-other-login-method__list__item {
        height: 24px;
        line-height: 24px;
        font-size: 14px;
        margin-right: 8px;
    }
    .web-login-other-login-method_list_item-weixin {
        height: 24px;
        line-height: 24px;
        font-size: 14px;
        margin-right: 8px;
    }
    .web-login-other-login-method__list__item__icon {
        width: 24px;
        height: 24px;
    }
    .web-login-other-login-method__list__item>span {
        font-size: 12px;
        padding: 0 6px;
        top: -32px;
        right: -18px;
        width: 48px;
        height: 24px;
        line-height: 24px;
    }
    .web-login-other-login-method__list__item>span::before {
        border-left: solid 4px transparent;
        border-right: solid 4px transparent;
        border-top: solid 6px hsla(0, 0%, 91%, .6);
        bottom: -6px;
    }
    .web-login-other-login-method_list_item-weixin>span {
        font-size: 12px;
        padding: 0 6px;
        top: -32px;
        right: -18px;
        width: 48px;
        height: 24px;
        line-height: 24px;
    }
    .web-login-other-login-method_list_item-weixin>span::before {
        border-left: solid 4px transparent;
        border-right: solid 4px transparent;
        border-top: solid 6px hsla(0, 0%, 91%, .6);
        bottom: -6px;
    }
}