body {background:#fff;}

.login .img_box {background:url('../img/login_bg.jpg')no-repeat center #EDEBE9; background-size:cover;}
.login {height:100%; width:100%; min-height:780px;}
.login:after {content:''; clear:both; display:table;}

.login .img_box {float:left; width:calc((100% - 30px) / 2); height:calc(100% - 30px);  position: relative;  z-index: 1; border-radius:15px; overflow: hidden; margin:15px;}
.login .img_box .logo_img {position: absolute; left:66px; top:58px;}

.login .img_box .swiper-slide {width:100%; text-align: center; opacity: 0 !important;}
.login .img_box .swiper-slide img {margin-top:40px; float:right; max-width:95%; margin-bottom:25px;}
.login .img_box .swiper-slide h2 { font-size:32px; color:#7E7262; font-weight:700;line-height:1.3em; float:left; width:100%;}
.login .img_box .swiper-slide p {margin-top:2px; font-size:16px; color:#7E7262; line-height:1.55em; font-weight:500; float:left; width:100%; text-align: center;}

.login .img_box .swiper-slide-active {opacity: 1 !important}

.login .img_box .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 65px !important;}
.login .img_box .swiper-pagination-bullet {width:9px; height:9px; background:#BFBAB4 !important; opacity: .5 !important; border: 1px solid #E6E6E6; margin: 0 1.5px !important; transition: .3s; border-radius:10px !important;}
.login .img_box .swiper-pagination-bullet-active {background:#7E7262 !important; width:28px !important; opacity: 1 !important}


@media screen and (max-height:800px) {
	.login .img_box {}
	.login .img_box .swiper-slide img {margin-top:150px;}
	.login .img_box .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 40px !important;}
}




.login .cont {float:right; width:calc((100% - 30px) / 2); position: relative; height:100%;}
.login .cont .img2 {position: absolute; left:20px; top:25px;}
.login .cont .account_bt {position: absolute; right:40px; top:37px; background:none; border:none; font-size:14px; color:#a6a6a6; font-weight:400;}
.login .cont .account_bt img {margin:-2px 0px 0 0;}
.login .cont .copy {position: absolute; left:30px; bottom:35px; color:#a6a6a6; font-size:13px;  font-weight:300;}
.login .cont .help {position: absolute; right:50px; bottom:40px; border:none; background:none; color:#888; font-size:13px;  font-weight:400;}
.login .cont .help img {margin:-2px 4px 0 0;}

.login .txt_box { max-width:480px; width:90%; margin:0 auto; position: relative; height:100%; display: flex; flex-direction: column; justify-content: center; margin-top:-20px;}

.login .txt_box .img1 {width:110px; margin:0 auto ;display: block; margin-bottom:5px;}
.login .txt_box h2 {font-size:30px;  color:#333; font-weight: 700;  text-align: center; width:100%; }
.login .txt_box h3 {margin-top:8px; font-size:17px; color:#a1a1a1; margin-bottom:0px;  font-weight:400; padding-left:2px; text-align: center; border-bottom:1px solid #eee; padding-bottom:32px;}

.login .txt_box .input_box {position: relative; margin-top:30px; }
.login .txt_box .input_box input {height:48px; border:1px solid #DEDEDE; margin-top:8px; padding:0 18px 0 48px; font-size:15px; width:100%; background:#fff; border-radius:10px; color:#333; transition: .3s;}
.login .txt_box .input_box .tit {font-size:14px; color:#363636; font-weight:500;  }
.login .txt_box .input_box .tit:after {contnet:''; clear:both; display: table}
.login .txt_box .input_box .tit button {float:right; border:none; background:none; font-size:13px; color:#8DAFD7; font-weight:600;}
.login .txt_box .input_box .login_icon {position: absolute; left:15px; bottom:13px;}
.login .txt_box .input_box .secret {position: absolute; right:13px; bottom:16px; border:none; background:none; opacity: .8;}
.login .txt_box .input_box .secret .show {display: none;}
.login .txt_box .input_box .secret .hide {display: block; position: relative; top:1px;}
.login .txt_box .input_box .secret.active .hide {display: none;}
.login .txt_box .input_box .secret.active .show {display: block;}
.login .txt_box .input_box .pw::placeholder {font-size:7px; letter-spacing: 3px;}
.login .txt_box .input_box.no input {border:1px solid #f12323;}
.login .txt_box .input_box .no_txt {display: none;}
.login .txt_box .input_box.no .no_txt {display:block; color:#f12323;  position: absolute; right:0; bottom:-22px; font-size:14px;}

.login .txt_box .forgot {float:right; font-size:14px; color:#111; margin-top:-18px; font-weight:500;}

.login .txt_box .bt {margin-top:0px; height:50px; border-radius:10px; float:left; width:100%; border:1px solid #255049; font-size:17px; letter-spacing: .5px; color:#fff; background:#255049; padding-bottom:1px; font-weight:500; } 
.login .txt_box .bt.on {background:linear-gradient(to top, #9C8E7C, #7E7262); border:none; color:#fff;margin-top:50px; }

.login .txt_box input[type="checkbox"] {display: none;}
.login .txt_box .ck_box {margin-top:20px; }
.login .txt_box .ck_box .ck_label {position:relative; display: inline-block; padding-left:27px; font-size:15px; color:#999;  line-height:1.3em;  cursor: pointer;   font-weight:400;}
.login .txt_box .ck_box .ck_label span {position: absolute; left:1px; top:0px; width:18px; height:18px; border:1px solid #AFAEAC;border-radius:3px; background:none; }
.login .txt_box .ck_box input[type="checkbox"]:checked + .ck_label span {background:url('../img/check_icon.svg')no-repeat center #363636; border:1px solid #363636; background-size:75%;}
.login .txt_box .ck_box input[type="checkbox"]:checked + .ck_label {color:#363636; font-weight:500;}

.login .txt_box .link {display: inline-block; width:100%; margin-top:40px; font-size:15px; color:#999; text-align:center;}

.login .img {position: absolute; right:30px; top:30px; height:calc(100% - 60px); max-height:1030px;}


@media screen and (min-width:1921px) {
    .login .img_box .swiper-slide img {float:initial;}
    .login .txt_box {margin-top:-40px;}
}


@media screen and (max-width:1500px) {
	.login .img_box .swiper-slide img {min-width:720px; margin-top:70px;}
}