/*@font-face {
    font-family: 'INTER';
    src: url('../font/INTERSTATECOND.eot');
    src:
    url('../font/INTERSTATECOND.eot?#font-spider') format('embedded-opentype'),
    url('../font/INTERSTATECOND.woff') format('woff'),
    url('../font/INTERSTATECOND.ttf') format('truetype'),
    url('../font/INTERSTATECOND.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}*/

@charset "utf-8";
/* 初始化CSS */
*{margin:0; padding:0;}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:bold;}
fieldset, img{border:none; vertical-align:middle;}
address, caption, cite, code, dfn, th, var{font-style:normal; font-weight:normal;}
ul, ol{list-style:none;}
li{list-style-type:none;}
input{padding-top:0; padding-bottom:0; font-family: "Microsoft Yahei","SimSun",Arial,sans-serif;}
select, input{vertical-align:middle;}
select, input, textarea{ margin:0; font-size:12px;}
input[type="text"], input[type="password"], textarea{outline-style:none;}
textarea{font-family: "Microsoft Yahei","SimSun",Arial,sans-serif; resize:none;}
body{font:12px "Microsoft Yahei","SimSun",Arial,sans-serif; color:#333; background:#fff;-webkit-font-smoothing: antialiased;}
a{text-decoration:none; color:inherit;}
i, em{ font-style:normal;}
.clearfix:after{ display:block; visibility:hidden; clear:both; height:0; content:"";}
.clearfix{zoom:1;}
.fl{ float:left;}
.fr{ float:right;}
.auto{ margin-left:auto; margin-right:auto;}

/*html5*/
article,aside,footer,header,section,footer,nav,figure,main{display:block}

/*小号文字  scale以12号字体为基准 需写实际字号大小*/
.font_adjust{-webkit-text-size-adjust:none;}
.font_scale8{ -webkit-transform: scale(0.66);}
.font_scale10{ -webkit-transform: scale(0.83);}
.font_lc{-webkit-transform-origin:left center;}
.font_rc{-webkit-transform-origin:right center;}
.font_up{text-transform:uppercase;}

/*文字截断*/
.TXTovehid{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.TXTovehid-two{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.TXTovehid-three{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}

/*transition*/
.tran200{-webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear;}
.tran300{-webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear;}
.tran400{-webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -ms-transition:all 0.4s linear; transition:all 0.4s linear;}
.tran500{-webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear; transition:all 0.5s linear;}
.tran1000{-webkit-transition:all 1s linear; -moz-transition:all 1s linear; -ms-transition:all 1s linear; transition:all 1s linear;}

.scaleimg:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.rotateY:hover{ -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); }
.translateX:hover{-webkit-transform:translateX(-6px); -moz-transform: translateX(-6px); -ms-transform:translateX(-6px); transform:translateX(-6px);}

/*网页限定宽度*/
.w1200{width: 1200px;margin: 0 auto;}

input[type="submit"],input[type="reset"],select,button{-webkit-appearance:none;appearance:none; }

*:before,*:after{-webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;}

*:focus{-webkit-tap-highlight-color:rgba(0,0,0,0); }

/*解决chrome浏览器 input,textarea 获得焦点时会有一个边框的问题*/
input,textarea{outline: none;}
/*清除ios端 input,textarea 默认内阴影 默认圆角,radio和checkbox需要还原值为normal*/
input,textarea{appearance: none;-webkit-appearance: none;border-radius: 0;}

.w1366{width: 90%;max-width: 1366px;margin: 0 auto;}

.container{width: 100%;min-height: 100vh;background: url(../images/bg.jpg) no-repeat center top;background-size: cover;position: relative;}

.header{position: absolute;left: 0;top: 60px;width: 100%;z-index: 2;}
.header > .w1366{display: flex;align-items: center;justify-content: space-between;line-height: 44px;}
.header .goBack{font-size: 20px;color: #007fe1;line-height: 30px;padding-right: 32px;background: url(../images/back.png) no-repeat right center;}
.header .goBack:hover{opacity: 0.8;}


.copy{position: absolute;left: 0;bottom: 0;width: 100%;font-size: 16px;color: rgba(255,255,255,0.8);line-height: 30px;text-align: center;padding: 15px 0;background: rgba(8, 64, 132, 0.7);z-index: 2;}
.copy a:hover{text-decoration: underline;color: #fff;}


.container .content{width: 100%;height: 100vh;display: flex;align-items: center;}
.container .content .wrap{display: flex;justify-content: space-between;align-items: flex-start;padding-top: 40px;}
.container .content .welcome{flex-shrink: 0;margin: 56px 84px 0 0;font-size: 44px;color: #007fe1;/* font-family: SimSun, 宋体, "Songti SC"; */}
.container .content .box{flex: 1;overflow: hidden;box-sizing: border-box;padding: 20px;background: rgba(255,255,255,0.3);}
.container .content .box .form{padding: 82px 45px 66px;background: rgba(255,255,255,0.5);}
.container .content .box .title{margin-bottom: 86px;padding-bottom: 30px;position: relative;font-size: 30px;color: #007fe1;font-weight: bold;text-align: center;}
.container .content .box .title:before{content: "";width: 48px;height: 5px;background: #007fe1;position: absolute;left: 50%;margin-left: -24px;bottom: 0;}
.container .content .box .text{display: block;margin-bottom: 32px;border: 1px solid #d7d7d7;border-radius: 5px;padding: 0 30px;background: #fff;font-size: 20px;color: #333;line-height: 60px;width: 100%;box-sizing: border-box;}
.container .content .box .btnStyle{display: block;width: 100%;height: 60px;background: #007fe1;border-radius: 5px;text-align: center;line-height: 60px;font-size: 25px;color: #ffffff;font-weight: bold;border: none;cursor: pointer;margin-bottom: 36px;}
.container .content .box .btnStyle:hover{background: #0668b4;}
.container .content .box .tips{font-size: 20px;color: #007fe1;line-height: 38px;}

.popWrap{position: fixed;left: 0;top:0;width: 100%;height: 100%;z-index: 9;display: none;}
.popWrap .bgLayer{position: absolute;left: 0;top:0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);}
.popWrap .popContent{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);box-sizing: border-box;border-radius: 15px;height: 70%;}
.popWrap .popContent .close{width: 36px;height: 36px;position: absolute;right: -36px;top:-36px;background: url(../images/close.png) no-repeat center;background-size: 100%;cursor: pointer;}



.resultPage{padding: 18px;background: #fff url(../images/resultBg.jpg) no-repeat center;background-size: cover;}
.resultPage .wrap{width: 100%;height: 100%;display: flex;align-items: center;box-sizing: border-box;padding: 60px;border: 1px dashed #d2d2d2;border-radius: 5px;text-align: center;}
.resultPage .wrap .box{flex: 1;}
.resultPage .wrap .title{font-size: 30px;color: #222222;line-height: 1;text-align: center;padding-bottom: 22px;position: relative;margin-bottom: 66px;}
.resultPage .wrap .title:before{content: "";width: 30px;height: 4px;position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);background: #7d7d7d;}
.resultPage .wrap .text{margin-top: 66px;font-size: 24px;color: #007fe1;line-height: 40px;}
.resultPage .wrap .text .bold{font-size: 26px;font-weight: bold;}
.resultPage.failPage .wrap .text{color: #e10000;}

.inPage .resultPage{width: 100%;max-width: 100%;height: 100vh;box-sizing: border-box;}

@media screen and (max-width: 1480px){
.header .logo img{height: 34px;}
.header .goBack{font-size: 16px;background-size: auto 12px;padding-right: 20px;}
.container .content .welcome {font-size: 34px;}
.container .content .box{padding: 12px;}
.container .content .box .form{padding: 40px 24px 24px;}
.container .content .box .title{margin-bottom: 46px;padding-bottom: 20px;font-size: 24px;}
.container .content .box .title:before{width: 30px;height: 3px;margin-left: -15px;}
.container .content .box .text{font-size: 16px;line-height: 52px;padding: 0 20px;margin-bottom: 20px;}
.container .content .box .btnStyle{line-height: 52px;font-size: 20px;height: 52px;}
.container .content .box .tips{font-size: 16px;line-height: 28px;}
.copy{font-size: 14px;line-height: 24px;}

.resultPage .wrap{padding: 40px;}
.resultPage .wrap .title{font-size: 26px;margin-bottom: 46px;}
.resultPage .wrap .icon{height: 54px;}
.resultPage .wrap .text{margin-top: 40px;font-size: 20px;line-height: 34px;}
.resultPage .wrap .text .bold{font-size: 22px;}

}

@media screen and (max-width: 1200px){
.container .content .welcome{font-size: 28px;margin-right: 40px;}
}

@media screen and (max-width: 1024px){
.container .content .wrap{display: block;padding-top: 0;}
.container .content .welcome{text-align: center;}
}

@media screen and (max-width: 760px){
.header{top: 30px;}
.header .logo img{height: 28px;}
.header .goBack{font-size: 14px;}
.container .content .welcome{margin: 0;font-size: 24px;margin-bottom: 20px;}
.container .content .box{padding: 6px;}
.container .content .box .form{padding: 30px 24px 24px;}
.container .content .box .title{margin-bottom: 30px;font-size: 20px;padding-bottom: 16px;}
.container .content .box .btnStyle{margin-bottom: 20px;}

.resultPage .wrap{padding: 24px;}
.popWrap .popContent .close{right: 0;top: -40px;width: 30px;height: 30px;}
.resultPage .wrap .title{font-size: 24px;margin-bottom: 30px;}
.resultPage .wrap .icon{height: 48px;}
.resultPage .wrap .text{margin-top: 28px;font-size: 16px;line-height: 26px;}
.resultPage .wrap .text .bold{font-size: 18px;}

.popWrap .popContent{height: auto;}
}

@media screen and (max-width: 468px){
.header .logo img{height: 20px;}
.container .content .box .text{font-size: 15px;line-height: 48px;padding: 0 12px;margin-bottom: 20px;}
.container .content .box .btnStyle{line-height: 48px;font-size: 18px;height: 48px;}
.container .content .box .tips{font-size: 14px;line-height: 24px;}
.resultPage .wrap .text .bold{font-size: 16px;display: block;}

.header{top:15px}
.container .content .box .form{padding: 10px}
.container .content .box .title{margin-bottom: 14px;padding-bottom: 12px;}
.container .content .box .btnStyle{line-height: 34px;height: 34px;margin-bottom: 12px;}
.container .content .box .text{margin-bottom: 12px;}
.container .content .welcome{font-size: 16px;}
.container .content .box .tips{font-size: 13px;line-height: 20px;}

.copy{font-size: 12px;line-height: 20px;padding: 10px 0;}
}