@charset "utf-8";
/* CSS Document */
body{font-family:"宋体";}
a{ color:#666666;font-size:14px;}
a:hover{text-decoration:none;color:#fff;}
img{border:none;}
/*主体*/
.login_header{width:100%;background: #fff;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{width:100%;min-width: 1360px;}
.main_wrap .main{width:100%;height:600px;margin:auto;height:600px;background:url(../../../images/login/dls/yyyq/bj.png) no-repeat;background-size:100%;position: relative;}
/*登录区域*/
.logincon{width:400px;height:400px;position: absolute;right:10%;top:80px;background: #ECF9FF;}
/*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:#333333;margin:38px 0 30px 0;font-weight: bold;}
.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:40px;margin-bottom:30px;border:1px solid #cdcdcd;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;background-color: #fff;}
.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: #e8e8e8;}
.logincon .form_wrap .form_con .form_conwrap .user_loginwrap .loginuser_wrap ul li span .img1{width:18px;height: 20px;margin: 9px 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: 9px 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:40px;background:#fff;outline:none;line-height:40px;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: 700px;}
    .logincon{top:120px;}
}

@media screen and (max-width: 1600px) {
    .logincon{top:50px;}
}