@charset "utf-8";
.login-box {display: flex;text-align: center; justify-content: center;}
.login-main { position: absolute;  top: 40%;  max-width: 28rem; height: 606px;  width: 100%;}
.login-left { width: 600px; height: 605px; }
.login-left img { margin-top: 180px; }
.login-right {padding-top: 48px !important; padding-bottom: 48px !important;padding-right: 16px !important;padding-left: 16px !important;justify-content: center !important;}
.login-right:before { position: absolute; background: url(/images/login/login-leaf.png); width: 74px; height: 91px; display: block; top: 10px; right: -74px; content: ''; }
.login-right:after { position: absolute; background: url(/images/login/shadow.png); width: 476px; height: 20px; display: block; bottom: -10px; left: 10px; content: ''; }
.login-form { height: 515px; background: #fff; padding: 35px; border-radius: 30px; }
.login-logo {margin-bottom: 16px !important;justify-content: center !important;align-items: center;display: flex; }
.login-logo img { width: 80px; height: 80px; }
.login-form-part {margin-top: 24px !important;}
.password-part { background: #e6f5bc; border: #b9d36d solid 1px; }
.verifly-part { background: #f3f1f1; border: #d6d4d4 solid 1px; width: 213px; }
.login-icon { display: inline-block; vertical-align: middle; background: url(/images/login/login-icon.png); width: 22px; height: 22px; padding-right: 9px; border-right: #d9d9d9 solid 1px; box-sizing: content-box; }
.icon-user { background-position: 0px 0px; }
.icon-password { background-position: 0px -20px; }
.icon-verifly { background-position: 0px -40px; }
.login-form-part input { font-size: 14px; border: none; height: 22px; line-height: 22px; padding: 0 10px 0 10px; width: 305px; background: none; outline: none; }
.verifly-part input { width: 149px; }
.login-form-part .error { position: absolute; top: -30px; line-height: 30px; overflow: hidden; left: 0; }
.verifly-img { width: 150px; height: 35px; position: absolute; left: 223px; top: 5px; cursor: pointer; }
.verifly-img img { width: 107px; height: 35px; border: #c6c4c4 solid 1px; }
.remember-user { line-height: 45px; font-size: 14px; }
.remember-user label { cursor: pointer; }
.remember-user input { vertical-align: middle; }
.login-form-part-sub {margin-top: 16px !important;margin-bottom: 16px !important; }


.footer{ position: fixed; left: 0; bottom: 0;width:100%; height:40px; line-height: 40px; text-align:center;}
.footer a{ padding:0 10px; color:#333; text-decoration: none;}

@media only screen and (max-width:750px) {
/*登录页面手机兼容*/
.footer,.login-left{ display:none;}
.login-box,.login-main{ position: relative;}
.login-main{margin:0;width:100%;height:auto;left:0; top:0}
.login-right{ width:100%; height:auto;}
.login-form-part{width:259px;}
.verifly-part{width:167px;}
.login-form-part input{ width:172px;}
.verifly-part input{width:103px;}
.verifly-img{left:169px;}
.v-btn {
    --v-btn-size: 1.125rem;
    --v-btn-height: 52px;
    font-size: var(--v-btn-size);
    min-width: 92px;
    padding: 0 24px;
	background-color: #009688 !important;
    color: #fff !important;
    align-items: center;
    border-radius: 4px;
    display: inline-grid;
    grid-template-areas: "prepend content append";
    grid-template-columns: max-content auto max-content;
    font-weight: 500;
    justify-content: center;
    letter-spacing: .0892857143em;
    line-height: normal;
    max-width: 100%;
    outline: none;
    position: relative;
    text-decoration: none;
    text-indent: .0892857143em;
    text-transform: uppercase;
    transition-property: box-shadow, transform, opacity, background;
    transition-duration: .28s;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle;
    flex-shrink: 0;
    text-transform: none !important;
    width: 100%;
}
.v-btn__prepend {
    grid-area: prepend;
    margin-inline: calc(var(--v-btn-height) / -9) calc(var(--v-btn-height) / 4.5);
}
.v-btn__content, .v-btn__prepend, .v-btn__append {
    align-items: center;
    display: flex;
    transition: transform, opacity .2s cubic-bezier(.4,0,.2,1);
}
.space-y-8>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(2rem* calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2rem* var(--tw-space-y-reverse));
}
.v-btn--variant-elevated, .v-btn--variant-flat {
    /* background: rgb(var(--v-theme-surface)); */
    color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
}
.v-btn--size-x-large {
    --v-btn-size: 1.125rem;
    --v-btn-height: 52px;
    font-size: var(--v-btn-size);
    min-width: 92px;
    padding: 0 24px;
}
.bg-teal {
    background-color: #009688 !important;
    color: #fff !important;
}
.v-btn .v-icon {
    --v-icon-size-multiplier: .8571428571;
}
.v-icon--size-default {
    font-size: calc(var(--v-icon-size-multiplier) * 1.5em);
}
.v-icon {
    --v-icon-size-multiplier: 1;
    align-items: center;
    display: inline-flex;
    font-feature-settings: "liga";
    height: 1em;
    justify-content: center;
    letter-spacing: normal;
    line-height: 1;
    position: relative;
    text-indent: 0;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle;
    width: 1em;
    min-width: 1em;
}
.v-btn--size-x-large {
    --v-btn-size: 1.125rem;
    --v-btn-height: 52px;
    font-size: var(--v-btn-size);
    min-width: 92px;
    padding: 0 24px;
}



}