@charset "utf-8";
/* CSS Document */
html {box-sizing: border-box;}
*, *::before, *::after{box-sizing: inherit;}
body{font-size: .2rem; line-height: 1; word-break: normal;}
input, textarea, select {background: none; border: none; outline: none; appearance: none; -webkit-appearance: none;}
textarea {resize: none;}

html, body {height: 100%; overflow: hidden;}

.btn {cursor: pointer;}
.btn:active {-webkit-transform: scale(.9); transform: scale(.9);}

.btn-submit {display: block; width: 6.72rem; height: .88rem; margin: 0 auto; padding-top: .26rem; font-size: .32rem; color: #fff; text-align: center; background: linear-gradient(to bottom, #68d953, #5dcb48); background: -webkit-linear-gradient(to bottom, #68d953, #5dcb48); background: -webkit-gradient(linear, 0 0, 0 100%, from(#68d953), to(#5dcb48)); border-radius: .06rem;}
.btn-confirm,
.btn-reset {display: block; width: 2.88rem; padding: .26rem 0; font-size: .32rem; color: #fff; text-align: center; border-radius: .06rem;}
.btn-confirm {background: linear-gradient(to bottom, #69d953, #5ecb48); background: -webkit-linear-gradient(to bottom, #69d953, #5ecb48); background: -webkit-gradient(linear, 0 0, 0 100%, from(#69d953), to(#5ecb48));}
.btn-reset {background: linear-gradient(to bottom, #3997ff, #1680f4); background: -webkit-linear-gradient(to bottom, #3997ff, #1680f4); background: -webkit-gradient(linear, 0 0, 0 100%, from(#3997ff), to(#1680f4));}

.tip {margin: .24rem 0; font-size: .3rem; color: #9a9a9a; text-align: center;}

.button-box {font-size: 0; text-align: center;}
.button-box .btn {display: inline-block;}

.flex {display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center;}
.flex-sub-box {width: 100%;}

.wrapper {width:7.2rem; height: 100%; margin: 0 auto; overflow: hidden;}

.page-container {width: 100%; height: 100%;}
.page-wrapper {box-sizing: border-box; -webkit-box-sizing: border-box;}
.page-slide {overflow: auto;}

.sub-title {padding: .24rem 0 .24rem .38rem; font-size: .28rem; color: #9a9a9a; background: #f2f2f2;}

.form-wrapper {margin: 0 .2rem;}
.form-wrapper .form-item:last-of-type {border-bottom: none;}
.form-wrapper .btn-submit {margin-top: .2rem;}
.form-wrapper .button-box .btn {margin: 0 .2rem;}

.form-item {padding: .38rem 0; font-size: 0; color: #666; border-bottom: .02rem solid #f1f1f1;}
.form-item .txt {display: inline-block; width: 6.6em; margin-right: .5em; font-size: .28rem; color: #494e52; vertical-align: middle;}
.form-item .input-box {display: inline-block; width: 4.6rem; font-size: .28rem; vertical-align: middle;}
.form-item .input-box.short {width: 2rem;}
.form-item .input-box input {width: 100%; height: 100%;}
.form-item .select-box {display: inline-block; position: relative; width: 4.58rem; font-size: .24rem; vertical-align: middle;}
.form-item .select-box.cols-2:last-of-type,
.form-item .select-box.cols-3:last-of-type {margin-right: 0;}
.form-item .select-box.cols-2 {width: 2.14rem; margin-right: .3rem;}
.form-item .select-box.cols-3 {width: 1.33rem; margin-right: .3rem;}
.form-item .select-box::after {content: ""; position: absolute; top: 50%; right: 0; width: .2rem; height: .2rem; margin-top: -.11rem; border-width: .02rem .02rem 0 0; border-style: solid; border-color: #b8b8b8; transform: rotate(45deg);}
.form-item .select-box select {width: 100%; height: 100%;}
.form-item .btn-getcode {display: inline-block; margin-left: .1rem; font-size: .28rem; color: #ff5757; vertical-align: middle;}
.form-item .btn-getcode.disabled {color: #999;}
.form-item .upload-img-box {display: inline-block; vertical-align: middle;}
.form-item .verify-img {display: inline-block; height: .6rem; vertical-align: middle;}
.form-item .verify-img img {height: 100%;}
.form-item .color_red{font-family:"simsun";font-size:14px;color:#e71f19}
.form-item .btn-refresh {display: inline-block; width: .6rem; height: .6rem; margin-left: .1rem; background: #ddd url(//png.pookcdn.net/net/ico_refresh.png) no-repeat center center; background-size: .35rem .35rem; vertical-align: middle;}

.upload-img-box {font-size: 0;}
.upload-img {display: inline-block; position: relative; width: .92rem; height: .92rem; margin-right: .3rem; border: 1px dashed #dbdbdb; vertical-align: top;}
.upload-img.one {width:4.77rem;height:2.71rem;margin-left:2rem;opacity:0.7;margin-top:-.5rem;background:url(//png.pookcdn.net/net/id_front.png);background-size: 100% 100%;}
.upload-img.two {width:4.77rem;height:2.71rem;margin-left:2rem;opacity:0.7;margin-top:.2rem;background:url(//png.pookcdn.net/net/id_rear.png);background-size: 100% 100%;}
.upload-img:last-of-type {margin-right: 0;}
.upload-img input[type="file"] {position: absolute; z-index: 10; top: 0; left: 0; width: 100%; height: 100%; opacity: 0;}
.upload-img::before,
.upload-img::after {content: ""; position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; width: .6rem; height: .06rem; margin: auto; background: #dbdbdb;}
.upload-img::after {transform: rotate(90deg); -webkit-transform: rotate(90deg);}
.upload-img img {position: absolute; z-index: 2; top: 0; left: 0; right: 0; bottom: 0; max-width: 100%; max-height: 100%; margin: auto;}

/* iphoneX样式 */
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {}

/* 竖屏样式 */
@media all and (orientation:portrait) {}

/* 横屏样式 */
@media all and (orientation:landscape) {}