*{ margin: 0; padding: 0; font-family: "微软雅黑";}
@font-face {
	font-family: "zy";
	src: url(../fonts/RuiZiZhenYanTiMianFeiShangYong-2.ttf) format('truetype');
}
@font-face {
	font-family: "hxb";
	src: url(../fonts/HuXiaoBoNanShenTi.ttf) format('truetype');
}

body{ width: 100vw; height: 100vh; background: url(../img/bg.png) no-repeat; background-position: top center;}

.box{ width: 945px; margin: 0 auto;}
.box-title{ padding-top: 10px; text-align: center; font-size: 48px; font-weight: bold; color: #00dcff;}
.box-subTitle{ margin-bottom: 74px; text-align: center; font-family: "zy"; font-size: 24px; color: #0098b0;}

.main{ display: flex; flex-direction: row; justify-content: space-between;}
.title{ margin-top: 74px; font-size: 18px; color: #05ceef;}
.subTitle{ margin-bottom: 10px; font-size: 10px; font-family: "hxb"; color: rgba(5,206,239,0.1);}
.left{ margin-left: 48px; width: 330px;}
.left .logo{ height: 97px; overflow: hidden; text-align: center;}
.left .logo img{ margin: 14px 0 19px;}
.left .follow{ display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 15px 17px; margin: 0 auto; width: 259px; height: 105px;}
.left .follow img{ width: 107px; height: 107px;}
.left .follow .follow-txt{ width: calc(259px - 107px); text-align: center;}
.left .follow .follow-txt p{ color: #FFFFFF; font-size: 24px;}

.right{ margin-right: 48px; width: 481px;}
.form{ padding: 0 22px;}
.form-item{ padding-top: 20px; display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.form-item label{ width: 90px; height: 36px; line-height: 36px; text-align: right; color: #FFFFFF; font-size: 16px;}
.form-item input{ outline: none; margin: 0 10px; border: 1px solid #166a86; padding: 9px 10px; background: #125c75; width: 235px; height: 16px; line-height: 16px; color: #FFFFFF; font-size: 16px;}
.form-item input:focus{ background: #0c8da9; border-color: #1ec8f3;}
.form-item .error-img{ visibility: hidden;}
.form-item.error .error-img{ visibility: visible;}
.form-item.error input{ border-color: #d81e06; box-shadow: 0 0 20px rgba(255,0,0,0.3);}
.form-item.form-btn{ padding-top: 31px;}
.form-item button{ margin: 0 10px; width: 237px; height: 59px; line-height: 59px; background: url(../img/btn.png) no-repeat; text-align: center; font-size: 24px; color: #FFFFFF; border: 0; outline: none;}