html,body{height: 100%;}
body{width:100%;min-width:1200px;background: url('../images/web-bg.jpg') no-repeat; background-position:center;background-size: cover;background-attachment: fixed;position:relative;}

.layer{width: 1360px;margin: 20px auto 0;}
.layer .form{width: 45%;margin-top: 45px;float: left;}
.layer .form .form-name{padding-left: 100px;margin-bottom:10px;font-size: 48px;font-weight: bold;color: #ffffff;}
.layer .form .inpBox{ padding-top: 36px;}
.layer .form .inpBox p{font-size: 16px;color: #ffffff;}
.layer .form .inpBox input{width:100%;height: 36px;font-size: 16px;padding-left: 15px;background: 0;color: #fff;border: 0;}
.layer .form .inpBox .on{transform: rotate(180deg); -ms-transform: rotate(180deg);-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);-o-transform: rotate(180deg);}
.layer .form .inpBox .inp-layer{border-bottom:1px solid rgba(255, 255, 255, 0.5);position: relative;}
.layer .form .inpBox .select{cursor: pointer;}
.layer .form .inpBox .inp-layer p{font-size: 16px;color: #ffffff;padding: 10px 0;}
.layer .form .inpBox .inp-layer ul{width:100%;background-color: rgba(255, 255, 255, 0.2);position: absolute;top:42px;display: none}
.layer .form .inpBox .inp-layer ul li{padding:14px 10px 15px;font-size: 16px;color: #ffffff;cursor: pointer;}
.layer .form .inpBox .inp-layer ul li:first-child{border-bottom: 1px solid rgba(255, 255, 255, 0.5)}
.layer .form .inpBox .inp-layer ul li:hover{background-color: rgba(255, 255, 255, 0.8);color: #3088ff;}
.layer .form .inpBox .inp-layer .icon-xiala{font-size: 40px;color: #ffffff;position: absolute;top: 0;right: 0;}
.layer .form .btn{width: 250px;height: 52px;line-height:36px;margin: 50px 172px 25px;text-align:center;letter-spacing:9px;font-size: 24px;color: #ffffff;background-color: #65c0ff;box-shadow: 0px 6px 12px 0px rgba(35, 93, 255, 0.33);border-radius: 26px;}
.layer .prompt{width: 431px;height: 36px;text-align:center;margin:0 auto;font-size: 14px;color: #7ecaff;}
.layer .contrast{width:47%;width:47%/9;margin-top: 45px;float:right;position: relative;}
.layer .contrast .contrast-title{height: 72px;position: absolute;top: 40px;left: 227px;}
.layer .contrast .contrast-title p{text-align:center;font-family: CloudRuiHeiGBK; font-weight:bold;font-size: 30px;color: #e0e0e0;}
.layer .contrast .vs{width: 540px;position: absolute;top: 175px;left: 188px;}
.layer .contrast .vs .vs-img{float: left;}
.layer .contrast .vs .versus{width: 95px;height: 56px;margin: 0 20px;text-align: center;font-family: PerpetuaTitlingMT-Bold;font-size: 77px;color: #e0e0e0;float: left;}
.layer .contrast .vs .vs-wz{float: left;}
.layer .contrast .vs .vs-wz .big-title{height: 62px;text-align:center;font-family: CloudRuiHeiGBK;font-weight:bold;font-size: 48px;color: #0aa0e4;}
.layer .contrast .vs .vs-wz .small-wz{font-size: 16px;text-align:center;color: #666666;}
.layer .contrast .position-mp{position: absolute;top: 360px;}
.layer .contrast .position-fw{position: absolute;top: 500px;}
.layer .contrast .vs .pubile-vs{margin-top: 20px;}
.layer .contrast .vs .pubile-wz{margin-top: 16px;}
.layer .form .foot{width: 600px;margin-top: 75px;border-top: 1px solid #81abef;text-align:center;overflow: hidden;}
.layer .form .foot .foot-content{padding-top:18px; text-align: justify; color:#81abef; }
.layer .form .foot .copyright{padding-top:12px;text-align: center;color:#81abef;}
.layer .form .foot .copyright a{color:#81abef;}
.layer .form .foot .copyright a:hover{color: #fff;text-decoration:underline}

/* 身份验证 */
.layer .identity—form{margin-top: 50px;}
.layer .identity—form .identity-btn{margin: 156px 172px 25px;}
.layer .identity-contrast{width: 33%;float: right;;}
.layer .identity-contrast .identity-contrast-title{margin-top:100px;overflow: hidden;}
.layer .identity-contrast .identity-contrast-title p{text-align: center;font-size: 24px;color: #b5b5b5;}
.layer .identity-contrast .resultsBox{width: 473px;height: 269px;margin: 40px auto; background-color: #34a7e3;border-radius: 10px;position: relative;}
.layer .identity-contrast .resultsBox .results{width: 473px;height: 269px;background-color: #e6f7ff;border-radius: 10px;position: absolute;top: -10px; left: -10px;}
.layer .identity-contrast .resultsBox .results .showData{width: 287px;margin: 56px 127px 0 59px;}
.layer .identity-contrast .resultsBox .results .showData p{font-size: 18px;line-height: 30px;letter-spacing: 0px;color: #666666;}
.layer .identity-contrast .resultsBox .results .right{margin: 10px 0 0 59px;}
.layer .identity-contrast .resultsBox .results .right img{margin-right: 22px;}
.layer .identity-contrast .resultsBox .results .right span{font-size: 24px;color: #34a7e3;}
.layer .identity-contrast .resultsBox .results .no{margin: 10px 0 0 59px;}
.layer .identity-contrast .resultsBox .results .no img{margin-right: 22px;}
.layer .identity-contrast .resultsBox .results .no span{font-size: 24px;color: #34a7e3;}
.layer .identity-contrast .resultsHint{width: 473px;margin: 20px auto; font-size: 14px;line-height: 30px;color: #b5b5b5;}
.layer .identity-contrast .operation{margin-top: 40px;}
.layer .identity-contrast .operation .operBtn{width: 150px;height: 44px;line-height:44px;margin:0 36px;background-color: #2992ff;border-radius: 10px;text-align:center;font-size: 18px;color: #fff;cursor: pointer;float: left;}
.layer .identity—form .identity-foot{margin-top: 120px;}

@media only screen and (max-width: 1600px) {
	.layer .identity—form{margin-top: 50px;}
	.layer .identity-contrast .identity-contrast-title{margin-top: 20px;overflow: hidden;}
	.layer .identity-contrast .identity-contrast-title p{text-align: center;font-size: 24px;color: #b5b5b5;}
	.layer .identity-contrast .resultsBox{width: 473px;height: 269px; margin-top: 40px;background-color: #34a7e3;border-radius: 10px;position: relative;}
	.layer .identity-contrast .resultsBox .results{width: 473px;height: 269px;background-color: #e6f7ff;border-radius: 10px;position: absolute;top: -10px; left: -10px;}
	.layer .identity-contrast .resultsBox .results .showData{width: 287px;margin: 56px 127px 0 59px;}
	.layer .identity-contrast .resultsBox .results .showData p{font-size: 18px;line-height: 30px;letter-spacing: 0px;color: #666666;}
	.layer .identity-contrast .resultsBox .results .right{margin: 10px 0 0 59px;}
	.layer .identity-contrast .resultsBox .results .right img{margin-right: 22px;}
	.layer .identity-contrast .resultsBox .results .right span{font-size: 24px;color: #34a7e3;}
	.layer .identity-contrast .resultsBox .results .no{margin: 10px 0 0 59px;}
	.layer .identity-contrast .resultsBox .results .no img{margin-right: 22px;}
	.layer .identity-contrast .resultsBox .results .no span{font-size: 24px;color: #34a7e3;}
	.layer .identity-contrast .resultsHint{width: 473px;margin-top:20px;font-size: 14px;line-height: 30px;color: #b5b5b5;}
	.layer .identity-contrast .operation{margin-top: 40px;}
	.layer .identity-contrast .operation .operBtn{width: 150px;height: 44px;line-height:44px;margin:0 37px;background-color: #2992ff;border-radius: 10px;text-align:center;font-size: 18px;color: #fff;cursor: pointer;float: left;}
	.layer .identity—form .identity-foot{margin-top: 120px;}
}

@media only screen and (max-width: 1440px) {
	.layer .identity-contrast{width: 37%;}
	.layer .identity—form .identity-btn{margin: 40px 172px 25px;}
	.layer .identity—form .identity-foot{margin-top: 100px;}
}

@media only screen and (max-width: 1366px) {
	.layer{width: 1200px;}
	.layer .identity—form{margin-top: 16px;}
	.layer .form .inpBox{padding-top: 15px;}
	.layer .form .form-name{font-size: 35px;}
	.layer .identity—form .identity-btn{margin: 40px 172px 25px;}
	.layer .identity—form .identity-foot{margin-top: 65px;}
	.layer .identity-contrast{width: 40%;}
	.layer .identity-contrast .identity-contrast-title{margin-top: -1px;}
	.layer .identity-contrast .resultsBox{margin-top: 35px;margin-bottom: 10px;}
}