@charset "utf-8";
*{padding: 0;margin: 0;}
html,body{width: 100%;height: 100%;overflow: hidden;background: #f5f5f5;font-family:"微软雅黑",'Arial', Helvetica, Arial, sans-serif;font-size: 14px;}
button:focus{outline:0;}
ul,li{list-style: none;}
a{text-decoration: none;}
img{border:none;}
:focus{outline: 0;}

/*首页*/
.home-bg1{width: 100%;height: 100%;overflow: hidden;background: url(../img/home.jpg) no-repeat left top;background-size:100% 100%;}
.header{height: 100px;text-align: center;margin: 4vw auto;display: table;}
.header img{float: left;width: 4.12vw;height: auto;margin-right: 10px;margin-top: -4px;}
.header h2{font-size: 2.4vw;display:inline-block;color: #222222;font-weight: 400; display:table-cell; vertical-align:middle;  }

/*登录*/
input::-webkit-input-placeholder{/*Webkit browsers*/
    color:#909ba0;
    font-size:1.14vw;
}
input:-moz-placeholder{/*Mozilla Firefox 4 to 8*/
    color:#909ba0;
    font-size:1.14vw;
}
input::-moz-placeholder{/*Mozilla Firefox 19+*/
    color:#909ba0;
    font-size:1.14vw;
}
input:-ms-input-placeholder{/*Internet Explorer 10+*/
    color:#909ba0;
    font-size:1.14vw;
}
.login-bg{width: 57.3%;height: 56.7%;background: url(../img/login-bg.png) no-repeat;margin: auto;background-size: 100% 100%;box-shadow: 0 0 34px rgba(104,172,189,0.33);border-radius: 20px;}
.login-bg .pros{color: #e99824;font-size: 14px;padding: 10px;}
.login-bg h4{color: #a9afb1;font-size: 1.8vw;text-align: center;font-weight: 400;}
.login-bg h4 span{color: #33c1fd;}
.login-bg .loginBtn{width: 80%;height: 50px;background: #33c1fd;color: #fff;border-radius: 35px;margin: 0 10%;font-size: 20px}
.login-bg .gif{width: 35.2%;height: auto;margin: 2% 2% 6%;}
.login-bg .cke-type{width: 60%;float: right;margin-top: -20px;}

.login-bg .cke-type .tab-list{padding:0;display:none;margin: 7.5vw 0;}
.login-bg .cke-type .tab{margin:0;padding:0;list-style:none;float: right;width: 34%;}
.login-bg .cke-type .tab li{padding:0 20px;background:#ebf3f9;color:#9eaeba;text-align:center;line-height:2;cursor:pointer;border-bottom-left-radius: 25px;border-top-left-radius: 25px;font-size: 1.2vw;margin-bottom: 14px;float: right;}
.login-bg .cke-type .on{display:block;}
.login-bg .cke-type .tab li.cur{padding:0 40px;background:#33c1fd;color: #fff;}
.login-bg .cke-type .tab-list form{width: 80%;margin: auto;}
.login-bg .cke-type .tab-list form input{width: 92%;padding:12px 4%;border-radius: 5px;background: #f5f8fa;margin-bottom: 1vw;border: none;color: #666666;font-size:1.14vw;}
.login-bg .cke-type .tab-list form .yzm{width: 100%;border-radius: 5px;background: #f5f8fa;margin-bottom: 20px;padding: 0;}
.login-bg .cke-type .tab-list form .yzm input{width: 60%;float: left;}
.login-bg .cke-type .tab-list form .yzm img{height: 2.4vw;width: auto;float: right;margin-right: 10px;}
.login-bg .cke-type .tab-list form input[type="submit"]{width: 80%;background: #33c1fd;color: #fff;border-radius: 35px;margin: 0 10%;}
.imgCode{
    ime-mode:disabled;
    margin-right: 24px
}
@media only screen and (max-width: 1360px) {
    .login-bg .cke-type .tab-list{margin:20px;}
}
@media screen and (min-width: 1360px) and (max-width: 1366px) {
    .head {
        height: 100px;
        line-height: 100px;
        text-align: center;
        margin: 10px auto;
    }
    .login-bg h4{
        color: #a9aab1;
        font-size: 1.8vw;
        text-align: center;
        font-weight: 400;
        margin-bottom: 30px;
    }
    .imgCode{
        margin-right:10px;
    }
    .login-bg .cke-type .tab-list{margin-top:20px;}

    .login-bg .loginBtn{width: 80%;height: 40px;background: #33c1fd;color: #fff;border-radius: 35px;margin: 0 10%;font-size: 20px}
}