body,html{width:100%;height:100%}body{background-image:url(../login/images/bg02.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.copy a:after,body::before{content:"";position:absolute;left:0}body::before{top:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(25,35,60,.3),rgba(10,15,30,.4));z-index:1}.mainbox,body{position:relative}.banben,.mainbox{z-index:2}.header-logo{position:absolute;top:20px;left:20px;z-index:100;background-color:rgba(255,255,255,.1);padding:10px 15px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.2);backdrop-filter:blur(3px);transition:all .3s ease}.header-logo:hover{background-color:rgba(255,255,255,.18);box-shadow:0 4px 12px rgba(0,0,0,.3)}.header-logo img{max-width:180px;height:auto}.header,.logs{text-align:center}.header{width:100%;float:left;padding-top:50px}.logs{max-width:550px;color:#fff;margin:auto;font-size:28px;min-height:70px}.logs *{max-width:300px}.main2{max-width:890px;margin:auto;position:relative;border-radius:10px;overflow:hidden}.banben,.copy a{color:#fff;transition:all .3s ease}.banben{color:rgba(255,255,255,.5);position:absolute;top:15px;right:20px;background-color:rgba(0,0,0,.2);padding:5px 12px;border-radius:20px;font-size:12px;backdrop-filter:blur(3px);box-shadow:0 2px 8px rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.1)}.banben:hover{background-color:rgba(0,0,0,.3);box-shadow:0 3px 10px rgba(0,0,0,.3)}.banben B{font-weight:600;letter-spacing:.5px;color:rgba(255,255,255,.9)}.login{margin-top:15%}.clear{clear:both}#codeImg,.fl{float:left}.fr{float:right}.main2 .left{width:40%;box-sizing:border-box;padding:10px 20px}.main2 .right{width:60%;padding-top:5px}.main2{background-color:#f5f9fd!important}.copy{color:#fff;text-align:center;padding:15px 0;background:rgba(0,0,0,.2);backdrop-filter:blur(5px);border-top:1px solid rgba(255,255,255,.1);box-shadow:0-5px 15px rgba(0,0,0,.1);letter-spacing:.5px;font-size:13px}.copy a{text-decoration:none;font-weight:500;position:relative;padding-bottom:2px}.copy a:after{width:0;height:1px;bottom:0;background-color:#fff;transition:width .3s ease}.copy a:hover{color:#fff;text-shadow:0 0 8px rgba(255,255,255,.6)}.copy a:hover:after{width:100%}.copy .kftel{padding-top:10px;color:rgba(255,255,255,.7)}.login_input div{padding-top:5px;padding-bottom:5px}.codediv input,.login_input div input{border:1px solid #e4eaf2;width:100%;height:45px;line-height:45px;box-sizing:border-box}.login_input div input{clear:both}.captcha-row{display:flex;align-items:flex-start;flex-wrap:nowrap;gap:8px;height:auto;min-height:0;line-height:normal;box-sizing:border-box}.captcha-row .codediv{flex:1;min-width:0}.captcha-row .captcha-right{display:flex;flex-direction:column;align-items:center;flex-shrink:0;gap:0}.captcha-row .captcha-img-wrap{line-height:0;margin-top:4px}.captcha-row .captcha-countdown{line-height:1.2;font-size:11px;color:#999;margin:0;padding:1px 0 0;height:auto;min-height:0}.codediv{width:calc(100% - 140px)}.captcha-row .codediv{width:auto}.codediv input{border-radius:4px 0 0 4px}.captcha-row .codediv input{border-radius:4px;height:36px;line-height:36px}#codeImg{height:45px;border-radius:0 4px 4px 0}.captcha-row #codeImg{float:none;border-radius:4px;display:block;height:36px;width:auto;vertical-align:top}.jizhu{line-height:20px;padding-top:12.5px}.jizhu input{float:left;margin-right:5px}.login_head,.login_saveid{width:100%;line-height:50px}.login_head{color:#333;text-align:center;font-size:20px;font-weight:700}.login_saveid{height:50px}.login_button{width:100%;height:60px;line-height:60px}.login_button .btn:hover{background-color:#f90;background-image:linear-gradient(to bottom,#fc3,#f90)}.login_other{height:30px;line-height:30px;text-align:right;padding-right:20px;margin-top:10px}.login_other,.login_other a,.login_other a:active,.login_other a:hover{color:#4f596c}.login_button button{width:100%;border-radius:5px;height:40px;line-height:30px}.swiper-container{width:100%;height:100%}.swiper-slide{text-align:center;font-size:18px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.swiper-slide image{width:460px}@media screen and (min-height:700px){.mainbox{position:absolute;top:50%;left:0;width:100%;margin-top:-350px}}@media (max-width:768px){.main2{width:85%;margin-left:3%}.main2 .left{width:100%}.main2 .right{visibility:hidden}.header-logo{position:relative;top:0;left:0;text-align:center;margin:10px auto;display:flex;justify-content:center}.header-logo img{max-width:150px}}