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: #3f72ff;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}



@media only screen and (max-width: 1600px) {
    .layer .form{margin-top: 25px;}
    .layer .form .inpBox{padding-top: 22px;}
    .layer .form .btn{margin: 35px 172px 25px;}
    .layer .form .foot{margin-top: 34px;}
}
@media only screen and (max-width: 1440px){
    .layer .contrast .contrast-title{left: 172px;}
    .layer .contrast .vs{left: 118px;}
}
@media only screen and (max-width: 1366px){
    .layer{width: 1200px;margin: 20px auto 0;}
    .layer .form{margin-top: 15px;}
    .layer .form .form-name{font-size: 35px;}
    .layer .form .inpBox{padding-top: 15px;}
    .layer .form .btn{height: 40px;line-height: 28px;margin: 23px 150px 16px;}
    .layer .contrast .contrast-title{left: 135px;top: -15px;}
    .layer .contrast .vs{left: 95px;top: 100px;}
    .layer .contrast .position-mp{top: 265px;}
    .layer .contrast .position-fw{top:378px;}
}
@media only screen and (max-width: 1280px){
    .layer .contrast{width: 51%}
    .layer .contrast .position-mp{top: 278px;}
    .layer .contrast .position-fw{top: 410px;}
    .layer .contrast .vs .vs-wz .big-title{text-align:left;font-size: 35px;}
}