@charset "utf-8";
/* CSS Document */
html,body,div,span,h1,h2,h3,h4,h5,h6,p,pre,a,code,em,img,small,strong,sub,sup,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label{margin:0;padding:0;border:0;outline:0;font-family:'微软雅黑',sans-serif;}
a{color:#007bc4/*#424242*/; text-decoration:none;}

ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
body::-webkit-scrollbar{
    /* display: none; */
}
body{
    /* background-color: #f0f3f5; */
    /* overflow-x:scroll; */
}
.overallBk{
    width: 100%;
    height: 100%;
    position: absolute;
    background: url('../images/bg.png') no-repeat;
    background-size: cover;
}
.icon{
    width: 60px;
    height: 60px;
    background: url('../images/icon.png') no-repeat;
    margin: 2% auto 0;
    background-size: 100% 100%;
    
}
.title{
    color: #ffffff;
    font-size: 30px;
    width: 600px;
    margin: 0.5% auto 0;
    text-align: center;
    background: url('../images/title.png') no-repeat center; 
}
.principal{
    width: 1360px;
    height: 370px;
    margin: 6% auto 0;
    background: url('../images/pr2.png') no-repeat;
}
.every{
    width: 68px;
    height: 68px;
    text-align: center;
    margin: 0 auto;
    cursor: pointer;
    
}
.pn{
    width: 58px;
    height: 58px;
    margin: 0 auto;
}
.pn1{
    background: url('../images/pn1.png') no-repeat;
}
.pn2{
    background: url('../images/pn2.png') no-repeat;
}
.pn3{
    background: url('../images/pn3.png') no-repeat;
}
.pn4{
    background: url('../images/pn4.png') no-repeat;
}
.pn5{
    background: url('../images/pn5.png') no-repeat;
}
.pn6{
    background: url('../images/pn6.png') no-repeat;
}
.pn7{
    background: url('../images/pn7.png') no-repeat;
}
.evFont{
    color: #ffffff;
    font-size: 14px;
    text-align: center;
    margin-top:10px;
}
.center{
    width: 1164px;
    height: 199px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    
}

.ev1{
    width: 150px;
    display: inline-block;
}
.ev2{
    width: 161px;
    display: inline-block;
}
.ev3{
    width: 210px;
    display: inline-block;
}
.center :nth-child(2) .every{
    transform: scale(1.1)
}
.center :nth-child(3) .every{
    transform: scale(1.3)
}
.center :nth-child(4) .every{
    transform: scale(1.5)
}
.center :nth-child(5) .every{
    transform: scale(1.3)
}
.center :nth-child(6) .every{
    transform: scale(1.1)
}
.register{
    width: 500px;
    margin: 0 auto;
}
.register input{
    width: 200px;
    height: 34px;
    padding-left: 7px;
	background-color: transparent;
	border-radius: 4px;
	border: solid 1px #4696e7;
    color: #ffffff;
}
.logIn{
    width: 67px;
	height: 34px;
	background-color: #067add;
    border-radius: 4px;
    text-align: center;
    line-height: 34px;
    color: #ffffff;
    font-size: 14px;
    display: inline-block;
    cursor: pointer;
}


.logInYT{
    width: 67px;
    height: 34px;
    background-color: #067add;
    border-radius: 4px;
    text-align: center;
    line-height: 34px;
    color: #ffffff;
    font-size: 14px;
    cursor: pointer;
    float: right;
    margin-top: 2px;
    margin-right: -80px;
}

.explain{
    width: 500px;
    text-align: center;
    margin: 14px auto 0;
    color: #ffffff;
    opacity: 0.6;
    font-size: 16px;
}
.copyright{
    color: #999999;
    font-size: 12px;
    width: 500px;
    text-align: center;
    margin: 4% auto 0;
}
.login-error{margin:10px 0 0 145px;color:#d00d0d}