/*reset-start*/
@charset "utf-8";

html{ overflow-x:hidden; font-size:14px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
body { margin:0 auto;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{ font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
input,button,textarea,select,optgroup,option{ font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{font-size:100%;}
input,select{vertical-align:middle;outline:none}
body{font-size:12px;}
select,input,button,textarea,button{}
table{font-size:inherit; border-collapse:collapse;}
pre,code,kbd,samp,tt{ *font-size:108%;line-height:100%;}
/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}

a { color:#666; text-decoration:none;  blr:expression(this.onFocus=this.blur())}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
a:hover {text-decoration:none;}
p {text-align:justify; text-justify:inter-ideograph; white-space: normal; }
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0; overflow:hidden;}
.tr { text-align:right;}
.tl { text-align:left;}
.pr { position:relative;}
.pa { position:absolute;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}

.ys3 { opacity:0.3;}
.ys5 { opacity:0.5;}

.fz30 { font-size:3.0vw;} /*英文小标题24px*/
.fz35 { font-size:3.5vw;} /*正文字体28px*/
.fz37 { font-size:3.75vw;} /*小标题30px*/
.fz75 { font-size:7.5vw;} /*大标题60px*/

.t1s { -webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all 1s;}
.tt { -webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all 1s;}
.tt img { -webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all 1s;}
.yy img { -moz-box-shadow: 0px 0px 20px 1px #8c8883; box-shadow: 0px 0px 20px 1px #8c8883;}

/*正文*/
body {width: 100%; height: 100vh;justify-content: center;background-color: #f7fafc;display: flex;--text-opacity: 1;color: rgba(24, 24, 27, var(--text-opacity));}
.bg-border {box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);}
.bg-white {--bg-opacity: 1;background-color: rgba(255, 255, 255, var(--bg-opacity));}
.login-input {background-color: #f7fafc; width: 100%; padding: 18px 8%; --bg-opacity: 1;border: 1px solid #edf2f7; border-radius: 5px; font-size: 15px; margin-bottom: 15px;}
.login-input:focus{border: 1px solid #75787b; background: #ffffff;}
.login-btn { width: 100%; padding: 18px 8%;   background-color: #667eea; --bg-opacity: 1;border: 1px solid #edf2f7; border-radius: 5px; font-size: 16px; margin-bottom: 15px; font-weight: bold; color: #ffffff; letter-spacing: 5px; cursor: pointer;}

.login-bg {width: 1280px; height:730px; background: #ffffff; margin-top: 100px; border-radius: 5px;}

/*左侧*/
.login-l {width:-webkit-calc(100% - 500px);width:-moz-calc(100% - 500px);width:calc(100% - 500px); height: 100%; padding: 0 50px;background-color: #ebf4ff;display: flex;}
.login-l img {width: 100%;height: auto;display: flex;object-fit: contain;}
.login-home { background: url("../images/home-login-bg.jpg") no-repeat; background-size: cover}

/*右侧*/
.login-r {width: 500px;padding: 50px;}
.login-r h1 { margin-top: 30px; margin-bottom: 30px; text-align: center;}
.login-hr { width: 100%; position: relative; text-align: center; color: #666666; height: 40px; line-height: 40px; margin: 20px auto;}
.login-hr p { width: 120px; height: 40px; line-height: 40px; z-index: 10; display: inline-block; position: relative; text-align: center; background: #ffffff;}
.login-hr i { width: 100%; height: 1px; background: #cccac9; position: absolute; top: 20px; left: 0;}
.login-more-bg {}
.login-more { width: 100%;background-color: #ebf4ff; transition-timing-function: cubic-bezier(.4, 0, .2, 1); --text-opacity: 1; color: rgba(39, 39, 42, var(--text-opacity)); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05); display: flex; justify-content: center;font-size: 16px;font-weight: bold; height:56px; line-height:32px;padding: 12px 0;margin-bottom: 15px; cursor: pointer;}
.login-icon { display: inline-block;width: 32px;height: 32px;background-size: cover; margin-right: 15px;}
.login-weixin { background: url("/static/admin/images/weixin.png") no-repeat center center; background-size: 100%;}
.login-qq { background: url("/static/admin/images/qq.png") no-repeat center center; background-size: 100%;}

.login-form-yzm { display: flex;}
.login-form-yzm input { width: auto}
.login-checkimg { width: 160px; height: 60px; border-radius: 0 5px 5px 0;}
.login-checkimg img { width: 100%; height: 100%;}

.login-form-more { display: flex; justify-content: space-between;}

@media screen and (max-width: 1350px) {
    .login-bg { width: 90%;}
}

@media screen and (max-width: 1100px) {
    .login-l { width: 50%; padding:0 5%;}
    .login-r { width: 50%; padding: 5%;}
}

@media screen and (max-width: 800px) {
    .login-l { display: none;}
    .login-r { width: 100%; padding: 5%;}
    /*reset-start*/
@charset "utf-8";

html{ overflow-x:hidden; font-size:14px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
body { margin:0 auto;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{ font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
input,button,textarea,select,optgroup,option{ font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{font-size:100%;}
input,select{vertical-align:middle;outline:none}
body{font-size:12px;}
select,input,button,textarea,button{}
table{font-size:inherit; border-collapse:collapse;}
pre,code,kbd,samp,tt{ *font-size:108%;line-height:100%;}
/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}

a { color:#666; text-decoration:none;  blr:expression(this.onFocus=this.blur())}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
a:hover {text-decoration:none;}
p {text-align:justify; text-justify:inter-ideograph; white-space: normal; }
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0; overflow:hidden;}
.tr { text-align:right;}
.tl { text-align:left;}
.pr { position:relative;}
.pa { position:absolute;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}

.ys3 { opacity:0.3;}
.ys5 { opacity:0.5;}

.fz30 { font-size:3.0vw;} /*英文小标题24px*/
.fz35 { font-size:3.5vw;} /*正文字体28px*/
.fz37 { font-size:3.75vw;} /*小标题30px*/
.fz75 { font-size:7.5vw;} /*大标题60px*/

.t1s { -webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all 1s;}
.tt { -webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all 1s;}
.tt img { -webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all 1s;}
.yy img { -moz-box-shadow: 0px 0px 20px 1px #8c8883; box-shadow: 0px 0px 20px 1px #8c8883;}

/*正文*/
body {width: 100%; height: 100vh;justify-content: center;background-color: #f7fafc;display: flex;--text-opacity: 1;color: rgba(24, 24, 27, var(--text-opacity));}
.bg-border {box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);}
.bg-white {--bg-opacity: 1;background-color: rgba(255, 255, 255, var(--bg-opacity));}
.login-input {background-color: #f7fafc; width: 100%; padding: 18px 8%; --bg-opacity: 1;border: 1px solid #edf2f7; border-radius: 5px; font-size: 15px; margin-bottom: 15px;}
.login-input:focus{border: 1px solid #75787b; background: #ffffff;}
.login-btn { width: 100%; padding: 18px 8%;   background-color: #667eea; --bg-opacity: 1;border: 1px solid #edf2f7; border-radius: 5px; font-size: 16px; margin-bottom: 15px; font-weight: bold; color: #ffffff; letter-spacing: 5px; cursor: pointer;}

.login-bg {width: 1280px; height:730px; background: #ffffff; margin-top: 100px; border-radius: 5px;}

/*左侧*/
.login-l {width:-webkit-calc(100% - 500px);width:-moz-calc(100% - 500px);width:calc(100% - 500px); height: 100%; padding: 0 50px;background-color: #ebf4ff;display: flex;}
.login-l img {width: 100%;height: auto;display: flex;object-fit: contain;}
.login-home { background: url("../images/home-login-bg.jpg") no-repeat; background-size: cover}

/*右侧*/
.login-r {width: 500px;padding: 50px;}
.login-r h1 { margin-top: 30px; margin-bottom: 30px; text-align: center;}
.login-hr { width: 100%; position: relative; text-align: center; color: #666666; height: 40px; line-height: 40px; margin: 20px auto;}
.login-hr p { width: 120px; height: 40px; line-height: 40px; z-index: 10; display: inline-block; position: relative; text-align: center; background: #ffffff;}
.login-hr i { width: 100%; height: 1px; background: #cccac9; position: absolute; top: 20px; left: 0;}
.login-more-bg {}
.login-more { width: 100%;background-color: #ebf4ff; transition-timing-function: cubic-bezier(.4, 0, .2, 1); --text-opacity: 1; color: rgba(39, 39, 42, var(--text-opacity)); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05); display: flex; justify-content: center;font-size: 16px;font-weight: bold; height:56px; line-height:32px;padding: 12px 0;margin-bottom: 15px; cursor: pointer;}
.login-icon { display: inline-block;width: 32px;height: 32px;background-size: cover; margin-right: 15px;}
.login-weixin { background: url("/static/admin/images/weixin.png") no-repeat center center; background-size: 100%;}
.login-qq { background: url("/static/admin/images/qq.png") no-repeat center center; background-size: 100%;}

.login-form-yzm { display: flex;}
.login-form-yzm input { width: auto}
.login-checkimg { width: 160px; height: 60px; border-radius: 0 5px 5px 0;}
.login-checkimg img { width: 100%; height: 100%;}

.login-form-more { display: flex; justify-content: space-between;}

@media screen and (max-width: 1350px) {
    .login-bg { width: 90%;}
}

@media screen and (max-width: 1100px) {
    .login-l { width: 50%; padding:0 5%;}
    .login-r { width: 50%; padding: 5%;}
}

@media screen and (max-width: 800px) {
    .login-l { display: none;}
    .login-r { width: 100%; padding: 5%;}
    .login-form-yzm .login-input { width: calc(100% - 150px)}
    .login-form-yzm .login-checkimg { width: 150px;}
}

@media screen and (max-width: 640px) {
    body { background: #ffffff!important;}
    .login-bg { margin-top: 30px; height: auto; background: none!important; border: none!important; box-shadow:none!important;}
}
}

@media screen and (max-width: 640px) {
    body { background: #ffffff!important;}
    .login-bg { margin-top: 30px; height: auto; background: none!important; border: none!important; box-shadow:none!important;}
}