html{width: 100%; height: 100%}
body{background: url("../images/main/bg_login.png") no-repeat 0px 0px #1d8bd8;background-size:cover ;-webkit-background-size:cover ; height:100%;overflow: hidden }
.containBox{width: 970px;height: 530px;margin-top: 4%;margin-right: 20%;float: right;}
.con_left{width: 600px;float: left;overflow: hidden;}
.con_left .logo{width:550px;height: 80px;overflow: hidden; }
.con_left. logo img{width:350px }
.con_left .swicthPic{width: 610px;height:400px;overflow: hidden; }
.con_left  .swicthPic ul li{left: 0;}
.con_right{width: 370px;height: 450px;float: left;position: relative;margin-top: 10px}
.con_right .adorn{width:425px;height: 30px;background: #fff; Opacity:0.1; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=10);position: absolute;left: -13px}
.con_right .adorn_con{width: 415px;height: 20px;background: #5e829c;position: absolute;z-index: 2;left: -8px;top: 5px;}
.QrWx{text-align: right;color:#f2f7fa;    padding: 0 20px;}
.loginBox input
{
    outline: medium;
}

.loginBox{width: 400px;height: 435px;background: #fff;position: relative;z-index: 2;margin-top: 15px;border-radius: 9px;}
.loginBox .pendant{width: 100%;height: 10px;overflow: hidden;background: url("../images/main/bg_loginCon.png") repeat-x 0 0; }
.loginBox .tit{width:300px;margin: 20px auto 0 auto;border-bottom: solid 1px #999999;height: 30px;position: relative}
.loginBox .tit span{display: block;background: #fff;line-height:18px;font-size: 18px;color: #999;width: 100px;position: absolute;left: 100px;top: 20px;text-align: center}
.loginBox .loginName{width: 300px;line-height: 30px;font-size: 22px;color: #4fad5f;text-align: center;margin: 20px auto;font-family:"黑体"}
.loginCon{width: 300px;height: 260px;margin:  0 auto}
.input_list{width: 300px;overflow: hidden; margin-bottom: 15px}
.input_con{width: 300px;height:35px;padding:10px;border: solid 1px #cccccc;background: #fff;float: left;border-radius: 20px;}
.input_con span{width: 25px;height: 20px; border-right: solid 1px #ccc;background: url("../images/main/bg_loginCon.png") no-repeat -4px -43px;display: block;float: left }
.input_pass span{background-position:-4px -98px }
.input_verify span{background-position:-3px -154px;}
.input_con input[type='text'],.input_con input[type='password']{width: 230px;height: 22px;background:none;border: none;margin-left: 10px;float: left;color: #333}
.containBox .uname{background:#fff url(../../images/main/user.png) no-repeat 96% center;color:#333}

.input_verify{width: 215px;}
.input_verify input[type='text']{width: 150px;}
.verify_pic{width: 75px;border: solid 1px #cccccc;background: #fff;height: 35px;float: left;margin-left: 10px;}
.input_tip{width: 300px;line-height: 24px;color: #ff6600;}
.links a{ line-height: 21px;padding-left: 20px;}
.links a.link_initial{background: url("../images/main/bg_loginCon.png") no-repeat -1px -210px;}
.links a.webApp_in{background: url("../images/main/bg_loginCon.png") no-repeat 1px -266px;}

.btnBox{width: 324px;height: 84px;margin: 10px auto 0 auto;color:burlywood;}
.loginBtn{width: 300px;height:50px;overflow: hidden;background: #d62e25;color: #fff;font-size: 22px;font-family:"黑体";
          text-align: center;line-height: 50px;position: relative;z-index: 4;cursor: pointer; border:0; margin-top:15px;}
.bg_loginBtn{width:323px;height:84px;overflow: auto;background: url("../images/main/bg_loginBtn.png") no-repeat;position: relative;z-index: 3;margin-top: -50px;}

.con_tip{width: 900px;margin: 0px auto 10px auto;overflow: hidden}
.con_tip p{width: 100%;overflow: hidden;font-size: 14px;color: #fff;line-height:24px; }
footer{width: 100%;height: 40px;background:#0f64a5;position: absolute;bottom: 0;left: 0;}
.foot_con{width: 970px;overflow: hidden;margin: 0 auto;line-height: 40px;font-size: 14px;color: #fff;text-align: center}
@media screen and (max-height:1200px)
{.containBox{height: 580px;margin-top: 5%;}

}
@media screen and (max-height:900px)
{.containBox{height: 500px;margin-top: 2%;}

}
@media screen and (max-width:768px)
{.containBox{margin:0 auto;width:100%!important;padding:0px 10px 0px 10px;left: 0%;top: 5%;margin-left: 0px;margin-top: 30px; height:95%;}
.containBox form{margin-top:5px}
.signuppanel .form-control{margin-bottom:10px}
.pull-left,.signup-footer .pull-right{float:none!important;text-align:center}
.con_left,.con_tip p,.QrWx  {display:none}
.con_tip,.foot_con{width: 98%; z-index:2000;}
.con_right{width: 100%;height:95%; margin-top:0px;}
.loginBox{/*width:95%;height:85%;*/background: #fff;position: relative;z-index: 2;margin-top: 0px; left:2%;border-radius:5px;}



html{height:95%;}
.con_right .adorn_con{width: 105%;}
.con_right .adorn{width: 106%;}
}

@media screen and (max-width:375px)
{
.loginBox{width:99%;height: 435px;background: #fff;position: relative;z-index: 2;margin-top: 15px;}
.loginBox .tit{width:90%;margin: 20px auto 0 auto;border-bottom: solid 1px #999999;height: 30px;position: relative}
.loginBox .loginCon{}
.loginCon{max-width:300px;height: 260px;margin:  0 auto}
.input_list{width: 100%;overflow: hidden; margin-bottom: 15px}
.input_con{width: 100%;height:35px;padding:10px;border: solid 1px #cccccc;background: #fff;float: left }
.input_con input{width:180px!important;}
.input_verify{width:215px!important;}
.input_verify input{width:150px!important;}

.loginBtn{width: 300px;height:50px;overflow: hidden;background: #d62e25;color: #fff;font-size: 22px;font-family:"黑体";
          text-align: center;line-height: 50px;position: relative;z-index: 4;cursor: pointer; border:0; margin-top:15px;}
.bg_loginBtn{width:300px;height:84px;overflow: auto;background: url("../images/main/bg_loginBtn.png") no-repeat;position: relative;z-index: 3;margin-top: -50px;}

}

@media screen and (max-width:320px)
{
.loginBox .loginCon{ padding:0 15px;}
.input_list{width: 95%;overflow: hidden; margin-bottom: 15px}
.input_verify{width:170px!important;}
.input_verify input{width:110px!important;}
.loginBtn{width: 260px;height:50px;overflow: hidden;background: #d62e25;color: #fff;font-size: 22px;font-family:"黑体";
          text-align: center;line-height: 50px;position: relative;z-index: 4;cursor: pointer; border:0; margin-top:15px;}
.bg_loginBtn{width:260px;height:84px;overflow: auto;background: url("../images/main/bg_loginBtn.png") no-repeat;position: relative;z-index: 3;margin-top: -50px;}

}