@charset "utf-8";
/* CSS Document */
*{  -webkit-box-sizing: content-box !important;  -moz-box-sizing: content-box !important;  box-sizing: content-box !important;  }
.loginTitle{  padding-top:10px; width:1200px; margin:0 auto;}
.loginTitle .title{ position:absolute; left:265px; top:25px;}
.loginContent{ height:553px;margin-top:10px;}
.loginArea{ height:545px; background:url(../images/loginBg.jpg) no-repeat center;}
.loginInfo{ margin-top:100px;}
.login{float: right;width: 360px;height: 390px;position: relative;}
.login .loginTitleName{ font-size:16px; color:#333; border-bottom:1px solid #eee; line-height:45px;}
.login .titP{height: 58px;line-height: 58px;background: #fff;color: #fff;padding-left: 20px;font-size: 16px;}
.login .mainBg{border: 1px solid #fff;background: #fff;opacity: 0.5;}
.login .mainInfo{padding:10px 20px;position: absolute;top: 0; width:320px;}
.login .mainInfo .user{ width:230px; height:30px; border-width: 1px; border-radius:2px; background:url(../images/ico-user.png) 5px #fff no-repeat; padding-left:30px;}
.login .mainInfo .key{ width:230px; height:30px; border-width: 1px; border-radius:2px; background:url(../images/ico-key.png) 5px #fff no-repeat; padding-left:30px;}
.login .mainInfo .code{ width:100px; height:30px; border:1px solid #e5e5e5; border-radius:2px; background:url(../images/ico-code.png) 5px #fff no-repeat; padding-left:30px;}
input:focus {  outline: none; border-color: #ff5500;  box-shadow: 0 0 2px #ff5500;}
.login .mainInfo .codePic{ position:absolute; left:152px; top:0;}
.login .mainInfo .inputP{ margin-bottom:20px;}
.mainBg{height: 375px;}
.login .mainInfo .loginC{ margin:30px 0 0 25px;}
.login .mainInfo .loginBtn{width:253px;height:45px; background:#ff7200; color:#fff; font-size:17px; text-align:center; margin-top:20px;cursor:pointer;border:none}
.login .mainInfo .loginBtn:hover{background:#f60;}
.footer{ height:150px; width:1200px; margin:0 auto; text-align:center;}
.footer p{ line-height:25px; color:#666;}
.icon-android{  width: 30px;height: 30px;background-image: url("../images/android.png");  background-size:100% 100%;  }
.ercode .icon-iphone{  width: 30px;height: 30px;background: url("../images/iphone.png");  background-size:100% 100%;  }
.ercode{
    position: absolute;
    right: 0px;
    top: 35px;
}
.ercode span{
    display: inline-block;
    margin: 0 3px;
}
.ercode .text{
    color: #2fc2b0;
    font-size: 16px;
    text-align: center;
    font-family: PingFang SC,Hiragino Sans GB,Heiti SC,Microsoft YaHei,WenQuanYi Micro Hei,serif;
    padding: 3px 0;
    vertical-align: top;
}
.iphone{
    margin-right: 40px;
}
.image{
    text-align: center;
    color: #2fc2b0;;
}
.image img{
    width: 300px;
    height: 300px;
    margin-top: 30px;
    margin-bottom: 15px;
}
.image h1{
    font-size: 16px;
    margin-bottom: 30px;
    font-family: PingFang SC,Hiragino Sans GB,Heiti SC,Microsoft YaHei,WenQuanYi Micro Hei,serif;
}
.pcImg{
	background:url('../images/pc.png');
	background-size:contain;
}
.ddImg{
	background:url('../images/dd.png');
	background-size:contain;
}