@charset "utf-8";
/* CSS Document */
body{font-family:"宋体";}
html,body {
    width: 100%;
    height: 100%;
}
a{ color:#666666;font-size:14px;}
a:hover{text-decoration:none;color:#fff;}
img{border:none;}
/*主体*/
.login_header{width:100%;background: #f1f4f5;overflow: hidden;padding:10px 0;}
.login_header .logo_wrap{margin:5px 0 0 20px;}
.login_header .logo_wrap .logo{width:176px;margin: 10px 0 10px 10px;}
.main_wrap{
    position: relative;
    bottom: 0;
    left: 0;
    width:100%;
    height:100%;
    min-width: 1360px;
    min-height: 768px;
    zoom: 1;
    background-color: #fff;
    background:url(../../../images/login/dls/klyq/bg.jpg) no-repeat;
    background-position: top center;
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;}
.main_wrap .main{width:100%;height:100%;margin:auto;}
/*登录区域*/
.logincon{    
    width: 400px;
    height: 400px;
    position: absolute;
    left: 50%;
    top:43%;
    transform: translateX(-50%);}
/*form区域*/
.logincon .ads1{width:525px;height: 280px;float: left;padding-left: 66px;}
.logincon .form_wrap{width:100%;position: relative;}
.logincon .form_wrap .form_con{width:350px;margin: 0 auto;}
/*左边登陆*/
.logincon .form_wrap .form_con .form_conwrap .user_loginwrap p{height: 22px;font-size: 20px;color: #fff;margin: 38px 0 30px 0;font-weight: bold;text-align: center;font-size: 24px;letter-spacing: 5px;line-height: 30px;}
.logincon .form_wrap .form_con .form_conwrap .user_loginwrap .loginuser_wrap ul li:last-child{border: none;margin-top: 10px;}
.logincon .form_wrap .form_con .form_conwrap .user_loginwrap .loginuser_wrap ul li{height: 50px;width: 330px;margin-bottom: 30px;border: 1px solid #fff;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 25px;}
.logincon .form_wrap .form_con .form_conwrap .user_loginwrap .loginuser_wrap ul li .clearchu a:hover{color:#666;}
.logincon .form_wrap .form_con .form_conwrap .user_loginwrap .loginuser_wrap ul li span{display:block;width:42px;height:40px;float:left;background: transparent;}
.logincon .form_wrap .form_con .form_conwrap .user_loginwrap .loginuser_wrap ul li span .img1{width:18px;height: 20px;margin: 15px 10px;background:url(../../../images/login/dls/yyyq/user_ico.png) 0 0 no-repeat; display: block;}
.logincon .form_wrap .form_con .form_conwrap .user_loginwrap .loginuser_wrap ul li span .img2{width:18px;height: 20px;margin: 15px 10px;background:url(../../../images/login/dls/yyyq/user_ico.png) right 0 no-repeat; display: block;}
.logincon .form_wrap .form_con .form_conwrap .user_loginwrap .loginuser_wrap ul li .input_text{width:250px;height:50px;background:transparent;outline:none;line-height:50px;float:left;text-indent:5px;border: none;}
.logincon .form_wrap .form_con .form_conwrap .user_loginwrap .loginuser_wrap ul li .input_sub{border:none;width:100%;height:40px;background:#00a0e9;color:#fff;font-size:18px;cursor:pointer;}
.logincon .form_wrap .form_con .form_conwrap .user_loginwrap .loginuser_wrap ul li.smlogin{background: none;border: none;margin: -10px 0 0;position: relative;color:#646464;text-align: right;}
.logincon .form_wrap .form_con .form_conwrap .user_loginwrap .loginuser_wrap ul li.smlogin p{position:absolute;top:-210px;background-color:#fff;right: -90px;display: none;cursor: pointer;}
.logincon .form_wrap .form_con .form_conwrap .user_loginwrap .loginuser_wrap ul li.smlogin i{cursor: pointer;}
/*版权*/
.copy{width:100%;color:#646464;background: #fff;position: fixed;left: 0;bottom: 0;text-align: center;padding-bottom: 15px;}
.copy p{margin-top: 8px;font-family: 黑体;}
.copy p.p1{font-weight: bold;}
.copy a{font-size: 12px;font-family: 黑体;color:#646464;font-weight: bold;}
.copy a:hover{font-size: 12px;font-family: 黑体;color:#646464;font-weight: bold;}
.yanpic_li{display: none;}
.login_hint{display: none;position: absolute;width: 1000px;height: 399px;z-index: 11;}
.login_hint img{width:100%;display: block;}
.login_hint > p{width:20px;height: 20px;position: absolute;top:13px;right:16px;cursor:pointer;}
.hide_but{text-align:center;margin-top: 10px;}
.hide_but a{border-bottom: 1px solid #2a619a;color: #2a619a;font-size:12px;font-weight: bold;font-family: '黑体';}
.tis{font-size:12px;text-align:center;font-weight: bold;color: #666;font-family: '黑体';margin-top: 15px;}
#popmask {
    background-color: #000;
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
    display: none;
}
.qr_icon{width: 55px;height: 63px;background: url("../../../images/comold/qrCodeIcon.png") no-repeat;position: absolute;right: 0;top:0;cursor: pointer;}
.logincon .form_qr_wrap{width: 0px;height: 0px;float: right;background: url("../../../images/comold/saoQrCode.png") no-repeat;display: none;position:absolute;top:0px;right:0px;z-index: 10;background-size: 100%;}
.logincon .form_qr_wrap .computer_icon{width: 56px;height: 60px;position: absolute;right: 0;top:0;cursor: pointer;}

@media screen and (min-width:1600px){
    .main_wrap .main{height: 100%;}
    /* .logincon{top:40%;} */
}

@media screen and (max-width: 1600px) {
    /* .logincon{top:40%;} */
}
.main_wrap .font_header {
    position: absolute;
    font-size: 26px;
    color: #fff;
    top: 31px;
    left: 10px;
    font-family: "Sim Hei";
}
.main_wrap .font_img {
    width: 786px;
    height: 348px;
    display: block;
    position: absolute;
    background: url("../../../images/login/dls/klyq/font.png") no-repeat;
    top: 60%;
    transform: translateY(-50%);
    left: 10%;
}

.klyq_mask {
    width: 35%;
    height: 100%;
    /* background: rgba(255,255,255,.3); */
    position: absolute;
    right: 0;
}

.klyq_mask .klyq_logo {
    top: 27%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.form_conwrap {
    position: relative;
}
.klyq_mask .arrow_img {
    background: url("../../../images/login/dls/klyq/arrow.png");
    width: 108px;
    height: 14px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}


input,input:focus, input:active,
input:-internal-autofill-previewed, input:-internal-autofill-selected, textarea:-internal-autofill-previewed, textarea:-internal-autofill-selected, select:-internal-autofill-previewed, select:-internal-autofill-selected {
    background-color: transparent !important;
	color: #fff !important;
    -webkit-appearance: none; 
    -moz-appearance: none; 
    -o-appearance: none; 
    appearance: none;
    transition: background-color 5000s ease-in-out 0s;
}
input#username,input#pwd{color:#fff !important; text-fill-color: white !important;-webkit-text-fill-color: white;}
input::-webkit-input-placeholder{color:#fff;}.loginuser_wrap ul {
    margin-top: 90px;
}

.logincon .form_wrap .form_con .form_conwrap .user_loginwrap .loginuser_wrap ul li .input_sub {
    margin-top: 15px;
    border: none;
    width: 147px;
    height: 40px;
    border-radius: 20px;
    background: rgba(255,255,255,0.3);
    color: #fff;
    font-size: 18px;
    cursor: pointer;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    outline: none;
}