@charset "utf-8";
*{padding:0;margin:0;list-style:none;-webkit-box-sizing: border-box;box-sizing: border-box;font-family: Arial, "Times New Roman", "Helvetica Neue", Helvetica, STHeiTi, sans-serif; image-rendering: -webkit-optimize-contrast;}
body{font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif;color:#fff;line-height:100%;-webkit-text-size-adjust:none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);font-size: .24rem;}
em,address,i{font-style:normal}
a{color:#fff;text-decoration:none;cursor: pointer;}
a img{border:none;}
img{vertical-align:middle;max-width: 100%;}
img {
image-rendering:-moz-crisp-edges;
image-rendering:-o-crisp-edges;
image-rendering:-webkit-optimize-contrast;
image-rendering: crisp-edges;
-ms-interpolation-mode:nearest-neighbor;
}
input, button, select, textarea {
outline: none;
-webkit-appearance: none;border-radius: 0;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
 -webkit-appearance: none;
}
input[type="number"] {
 -moz-appearance: textfield;
}
table{ width: 100%; border-collapse:collapse; table-layout: fixed;}

::-webkit-scrollbar {
/*滚动条整体样式*/
width: .06rem; /*高宽分别对应横竖滚动条的尺寸*/
}
::-webkit-scrollbar-thumb {
/*滚动条里面小方块*/
background: rgba(174, 146, 107, .3);
}
::-webkit-scrollbar-track {
/*滚动条里面轨道*/
/* border-radius: .1rem; */
background: transparent;
}

.scrollBar::-webkit-scrollbar {
/*滚动条整体样式*/
width: .06rem; /*高宽分别对应横竖滚动条的尺寸*/
}
.scrollBar::-webkit-scrollbar-thumb {
/*滚动条里面小方块*/
border-radius: .1rem;
background: #e0a8a8;
/* box-shadow: 0 0 0 .022rem rgba(0, 0, 0, 1) inset; */
}
.scrollBar::-webkit-scrollbar-track {
/*滚动条里面轨道*/
border-radius: .1rem;
background: transparent;
/* box-shadow: 0 0 0 .022rem rgba(0, 0, 0, 1) inset; */
}
.scrollBar{ scrollbar-color: #6d6d6d #dad7d7; /* 滑块颜色  滚动条背景颜色 */ scrollbar-width: thin; /* 滚动条宽度有三种：thin、auto、none */} /*火狐滚动条样式*/

html{font-size: 13.3334vw;}
@media screen and (min-width: 750px) {
    html{
        font-size: 100px;
    }
}
html{ height: 100%;}
body{
    position: relative; height: 100%; background: #0a051a;
}
.container{position: relative; z-index: 1; min-height: 100%; max-width: 750px; padding: 5.2rem 0 0; overflow: hidden; margin: 0 auto; color: #000; background: url(../images/bg.jpg) center no-repeat; background-size: cover;}

.btn-home{ position: absolute; top: .1rem; left: 0; width: .72rem;}
.logo{ position: absolute; top: .42rem; right: .44rem; width: 2.98rem;}

.input-warp{ position: relative; display: flex; flex-direction: column; justify-content: space-between; align-items: center; width: 7.24rem; height: 3.75rem; margin: 0 0 0 .26rem; padding: .83rem 1.5rem 1.02rem 1.24rem; background: url(../images/form.png) no-repeat; background-size: contain;}
.input-warp::before{ content: ""; position: absolute; top: -1.18rem; right: .3rem; width: .99rem; height: 1.91rem; background: url(../images/welt.png) no-repeat; background-size: contain; pointer-events: none;}
.itxt{ width: 100%; height: .68rem; padding: 0 0; font-size: .24rem; font-style: italic; font-family: Arial, Helvetica, sans-serif; color: #46d8ff; letter-spacing: .02rem; border: none; background: transparent;}
.itxt::placeholder{ color: #46d8ff; text-transform: uppercase;}
.itxt:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 100px #000 inset;
    -webkit-text-fill-color: #46d8ff !important;
}
.btn-submit{ display: flex; width: 6.36rem; height: 1.33rem; margin: -.24rem auto 0; background: url(../images/btn-submit.png) no-repeat; background-size: contain; border: none; cursor: pointer;}

.tips{ display: flex; flex-direction: column; width: 100%; height: 3.14rem; padding: .3rem; margin: 0 0 .16rem; background: url(../images/tips.png?2) no-repeat; background-size: contain; color: #fff;}
.tips .title{ flex-shrink: 0; display: flex; align-items: center; justify-content: center; height: .5rem; overflow: hidden; margin: 0 0 .1rem; font-style: .24rem; text-align: center;}
.tips .cont{ flex: 1; overflow: hidden; font-size: .18rem; line-height: 1.6;}

/* 弹窗 */
.pop{display: none; position: absolute; top:50%; left: 50%;  width: 5.97rem !important; height: 3.15rem !important; padding: .2rem; color: #58deff; text-align: center;font-size: .24rem; line-height: 1.2; background: url(../images/pop.png) no-repeat; background-size: contain; letter-spacing: .01rem;}
.pop .b-close{position: absolute; top: -.08rem; right: -.08rem; z-index:100; width: .44rem; height: .43rem;cursor:pointer; background: url(../images/pop-close.png) no-repeat;background-size: contain; border-radius: 50%;}

.pop-prompt{ width: 4.09rem !important; height: 2.16rem !important; background-image: url(../images/pop-prompt.png);}
.pop-m{ width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; padding: .2rem 10%;}

.succ-cont{ height: 100%; display: flex; flex-direction: column; justify-content: space-between; align-items: center;}
.succ-cont .img{ width: 4.32rem; margin: .1rem 0 0;}
.btn-sure{ display: inline-flex; width: 2.36rem; height: 1.08rem; margin: -.2rem 0 -.24rem; background: url(../images/btn-sure.png) no-repeat; background-size: contain;}