.maosiji-baqi-login {
    margin: 30px auto;
    max-width: 380px !important;
    font-size: 14px;
}
.maosiji-baqi-login a {
    text-decoration: none;
}
.maosiji-baqi-login h2 {
    text-align: center;
}
.maosiji-baqi-login form .ji-group {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
    width: 100%;
    align-content: center;
}
.maosiji-baqi-login form .ji-group a {
    color: #ca8b0e;
    text-decoration: none;
}
.maosiji-baqi-login form .ji-group a:hover {
    color: #7aba2b;
}
.maosiji-baqi-login form .ji-group label {
    width: 100px;
}
.maosiji-baqi-login form .ji-group label .s-required {
    color: red;
    font-size: 12px;
}
.maosiji-baqi-login form .ji-group input {
    border: 1px solid #ddd;
}
.maosiji-baqi-login form .ji-group input:not([name="agree"]) {
    padding: 8px 5px;
    width: calc(100% - 100px - 20px);
    border-radius: 5px;
}
.maosiji-baqi-login form .ji-group input:focus {
    border: 1px solid #d19f42;
    outline: #d19f42;
}
.maosiji-baqi-login form .ji-group input::placeholder {
    color: #999;
}
.maosiji-baqi-login form .ji-group.ji-msg input {
    width: calc(100% - 100px - 20px - 110px);
}
.s-get-msg {
    width: 100px;
    display: inline-block;
    height: 33px;
    text-align: center;
    line-height: 33px;
    background-color: #d19f42;
    color: #fff !important;
    cursor: pointer;
    border-radius: 5px;
}
.s-get-msg.active,
.s-get-msg:hover {
    background-color: #d0a958;
}
.maosiji-baqi-login form .ji-group.ji-agree {
    justify-content: flex-start;
    flex-wrap: nowrap;
}
.maosiji-baqi-login form .ji-group input[name="agree"] {
    width: 16px;
    height: 16px;
}
.maosiji-baqi-login form .ji-group.ji-agree div {
    color: #999;
    font-size: 12px;
}
.maosiji-baqi-login form .ji-group.ji-agree div a {
    color: #d0a958;
    text-decoration: none;
}
.maosiji-baqi-login form .ji-group.ji-agree div a:hover {
    color: #7aba2b;
}
input[type="submit"],
.maosiji-baqi-login form .ji-group.ji-submit input {
    background-color: #d19f42;
    color: #fff;
    padding: 10px;
    width: 100% !important;
    cursor: pointer;
    margin-bottom: 0;
    margin-top: 25px;
    border: 0;
}
input[type="submit"]:hover,
.maosiji-baqi-login form .ji-group.ji-submit input:hover {
    background-color: #d0a958;
}
.maosiji-baqi-login form .ji-tip {
    height: 18px;
    font-size: 12px;
    overflow: hidden;
    text-align: center;
    margin-bottom: 15px;
    color: red;
}

.maosiji-baqi-login form.si-login .ji-group label {
    width: 100px;
}
.maosiji-baqi-login form.si-login .ji-group input:not([name="agree"]) {
    width: calc(100% - 100px - 20px);
}

.ji-group.ji-alirz {
    justify-content: center !important;
    cursor: pointer;
}
.ji-group.ji-alirz .mao-button .canvasBox {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.ji-group.ji-alirz .mao-button .canvasBox .spinnerThreeBox {
    margin-right: 10px;
}

.maosiji-baqi-login.register .ji-x-name-email,
.maosiji-baqi-login.register .ji-x-title-login,
.maosiji-baqi-login.register .ji-forget,
.maosiji-baqi-login.forget .ji-x-name-email,
.maosiji-baqi-login.forget .ji-x-name,
.maosiji-baqi-login.forget .ji-x-title-login,
.maosiji-baqi-login.forget .ji-forget,
.maosiji-baqi-login.forget .ji-agree,
.maosiji-baqi-login.forget .ji-x-title-register,
.maosiji-baqi-login.login .ji-x-title-register,
.maosiji-baqi-login.login .ji-x-name,
.maosiji-baqi-login.login .ji-agree,
/* .maosiji-baqi-login.login .ji-tip, */
/* .maosiji-baqi-login.forget .ji-x-email, */
.maosiji-baqi-login.login .ji-x-email,
.maosiji-baqi-login.login .ji-x-phone,
.maosiji-baqi-login.login .ji-x-msg,
.maosiji-baqi-login.login .ji-x-pwd2 {
    display: none;
}






.spinnerThreeBox {
    animation: spinnerThree 1s linear infinite;
    background: #d19f42;
    border-radius: 100%;
    width: 15px;
    height: 15px;
}

@keyframes spinnerThree {
    0%,
    35% {
        background: #d19f42;
        transform: scale(1);
    }
    20%,
    50% {
        background: #d19f42;
        transform: scale(1.3);
    }
}

.mao-user-center {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-size: 14px;
    align-items: stretch;
    align-content: center;
    font-size: 14px;
}
.mao-user-center .si-left {
    width: 150px;
    background: #F9F7FA;
}
.mao-user-center .si-right {
    width: calc(100% - 180px);
    background: #F9F7FA;
}
/*.mao-user-center .si-left .ji-content {*/
/*    padding: 15px 0;*/
/*}*/
.mao-user-center .si-right .ji-content {
    padding: 15px;
}
.mao-user-center .si-left a {
    display: block;
    padding: 10px 15px;
    border-bottom: 1px solid #ccc;
    text-decoration: none;
}
.mao-user-center .si-left a:last-child {
    border: 0;
}
.mao-user-center .si-right h3 {
    font-size: 16px;
    font-weight: bold;
}
.mao-user-center .si-right input {
    width: calc(100% - 150px);
}

.html-lu input,
.mao-user-center input {
    border-radius: 5px;
    border: 1px solid #ddd;
    padding: 10px;
    display: block;
}
.html-lu input:focus,
.mao-user-center input:focus {
    border: 1px solid #d19f42;
    outline: #d19f42;
}
.html-lu input {

}
.html-lu .ji-group {
    display: flex;
    font-size: 14px;
    margin-top: 15px;
    width: 100%;
}
.html-lu .ji-group a {
    color: #fff;
    margin-left: 5px;
    text-decoration: none;
    font-size: 12px;
}
.html-lu h3 {
    font-size: 16px;
    font-weight: bold;
}
.html-lu .ji-tip {
    font-size: 12px;
    color: red;
}
.mao-user-center input[type="submit"] {
    width: 100px !important;
}
.mao-user-center .s-flex {
    display: flex;
}
.mao-user-center .s-flex input {
    margin-top: 0 !important;
}
.mao-user-center .s-flex input:last-child {
    margin-left: 10px;
}

.swal2-styled.swal2-confirm {
    font-size: 14px;
    background-color: #d19f42;
    color: #fff;
    border: 0;
}
.swal2-styled.swal2-confirm:hover {
    background-color: #d19f42;
}

@media (max-width:768px) {
    .mao-user-center {
        flex-direction: column;
    }
    .mao-user-center .si-left {
        width: 100%;
    }
    .mao-user-center .si-right {
        margin-top: 15px;
        width: 100%;
    }
}