@charset "utf-8";
/* CSS Document */

/* 按钮 */
.cyssBtn{ width:8rem; height:1.2rem; overflow:hidden; margin:0 auto;}
.cyssBtn a{ float:left; width:100%; height:100%; text-align:center; line-height:1.2rem; border-radius:0.1rem; background:#0351a0; color:#fff; letter-spacing:1px; cursor:pointer;}
.cyssBtn a.noDrop ,.cyssBtn a.noDrop:active{ background:#a5a5a5; cursor:no-drop;}
.cyssBtn a:active{ background:#06427e;}
/* 单选框复选框 */
.inputCheck{ width:0.5rem; height:0.5rem; display:inline-block; margin:0 0.15rem -0.1rem 0;}
.inputCheck.icCheckbox{ background:url(../images/input-check.png) no-repeat; background-size:cover;}
.inputCheck.icCheckbox.cur{ background:url(../images/input-checked.png) no-repeat; background-size:cover;}
.inputCheck.icRadio{ background:url(../images/input-check-2.png) no-repeat; background-size:cover;}
.inputCheck.icRadio.cur{ background:url(../images/input-checked-2.png) no-repeat; background-size:cover;}
.inputCheck input{ float:left; width:100%; height:100%; opacity:0; -webkit-opacity:0; z-index:2;}
.radioLabel ,.checkboxLabel{-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}

/* 开户验证首页 */
#mainInner .loginMain ,#mainInner .cyssMain{ width:100%; height:100%; background:#fff; position:relative; color:#393939; padding-top:1.5rem; box-sizing:border-box;}
.loginMain .loginArea{ width:8rem; height:auto; overflow:hidden; margin:1.5rem auto 0; position:relative;}
.loginArea .loginSection{ margin-top:0.375rem;}
.loginArea .loginDiv{ width:100%; height:auto; display:block; margin-top:0.5rem;}
.loginArea .loginDiv .inputP{ width:100%; height:0.9rem; padding-bottom:0.15rem; border-bottom:1px solid #e6e6e6; margin:0.5rem 0; overflow:hidden;}
.loginDiv .inputP .sp{ color:#393939; padding:0.15rem 0.25rem; background:#ececec; cursor:pointer; border-radius:0.15rem; margin-right:0.25rem;}
.loginDiv .inputP .sp.cur{ background: #0351a0; color: #fff;}
.loginDiv .inputP .in{ float:left; width:6rem; height:0.9rem; text-align:left; line-height:0.9rem; border:none;}


.loginArea .loginBtn{ margin:2rem auto 0;}
.loginMain .agreements{text-align:center;width:100%;color:#393939;margin: 1rem 0;}
.loginMain .agreements a{ color:#0d6dbe; padding:0 0.1rem;}
.loginDiv .lErrorTip{ color:#f00; font-size:0.28125rem; margin:-0.35rem 0 0.15rem;}
/* 开户进度（沙漏） */
.followTheSteps{ width:6rem; height:100%; background:#fff; position:absolute; top:0; left:0; z-index:1112; transform:translateX(-6rem); -webkit-transform:translateX(-6rem); transition:all ease-in-out .5s; -webkit-transition:all ease-in-out .5s;}
.followTheSteps h2{ width:5rem; height:1.5rem; padding:0 0.5rem; line-height:1.5rem; background:#0351a0; color:#fff; position:absolute; top:0; left:0;}
.followTheSteps h2 i.hourglass{ background:url(../images/hourglass.png) no-repeat; background-size:cover; display:inline-block; width:0.375rem; height:0.59375rem; margin:0 0.25rem -0.15rem 0;}
.followTheSteps h2 .fsClose{ position:absolute; top:0; right:0.5rem; cursor:pointer; z-index:111;}
.followTheSteps .fsInner{ width:5rem; height:auto; margin:0 auto; overflow:hidden; position:relative;}
.followTheSteps .fsEmpty1{ width:100%; height:1.7rem;}
.followTheSteps .fsEmpty2{ width:100%; height:0.4rem; box-shadow:0 -3px 3px #f1f1f1;}
.fsInner .stepsUl{ width:100%; height:auto; overflow:hidden;}
.fsInner .stepsUl li ,.fsInner .stepsUl li a{ width:100%; height:1.7rem; float:left; position:relative;}
.fsInner .stepsUl .stepsBall{ width:0.4rem; height:0.4rem; border-radius:50%; position:absolute; left:0; top:0.35rem; background:#d5d5d5; z-index:2;}
.fsInner .stepsUl .stepsLine{ width:4px; height:100%; position:absolute; left:0.2rem; top:0; margin-left:-2px; background:#d5d5d5; z-index:1;}
.fsInner .stepsUl .stepsTxt{ width:100%; height:100%; float:left; margin-left:0.8rem; box-sizing:border-box; border-bottom:2px solid #d5d5d5;}
.fsInner .stepsUl .stepsName{ color:#505050; padding-top:0.5rem; padding-left:0.2rem;}
.fsInner .stepsUl .stepsTime{ color:#a1a1a1; padding-top:0.1rem; padding-left:0.2rem;}
.fsInner .stepsUl .stepsCurrent .stepsBall ,.fsInner .stepsUl .stepsCurrent .stepsLine{ background:#0351a0;}
.fsInner .stepsUl .stepsCurrent .stepsTxt{ border-color:#0351a0;}
.fsInner .stepsUl .stepsCurrent .stepsName ,.fsInner .stepsUl .stepsCurrent .stepsTime{ color:#0351a0;}
.fsInner .stepsUl li:last-child .stepsTxt{ border-bottom:none;}
.followTheSteps.leftIn{ transform:translateX(0); -webkit-transform:translateX(0);}



/* 选择国籍 */
.loginMain .urArea{ width:100%; height:auto; overflow:hidden; position:relative; margin-top:1rem; line-height:1.8;}
.urArea .nationality{ width:9rem; height:1.8rem; box-sizing:border-box; border:2px solid #ebebeb; line-height:1.8rem; margin:0.5rem auto 0; cursor:pointer; position:relative;}
.urArea .nationality.current{ border-color:#0351a0;}
.urArea .nationality.current .curYes{ background:url(../images/yes-icon.png) no-repeat; width:0.625rem; height:0.625rem; background-size:cover; position:absolute; right:-1px; bottom:-1px;}
.urArea .nationality .nationalFlagCN{ background:url(../images/Flag-CN.png) no-repeat; width:1rem; height:0.75rem; background-size:cover; display:inline-block; margin:0 0.25rem -0.175rem 0.5rem;}
.urArea .nationality .nationalFlagCN.nationalFlagCNHK{ background:url(../images/Flag-CN-HK.png) no-repeat; background-size:cover;}
.urArea .files{ width:100%; height:auto; overflow:hidden; text-align:center; margin:1.5rem auto 0;}
.urArea .files .lineText span{ padding:0 0.3rem; background:#fff; position:relative; z-index:2; letter-spacing:1px;}
.urArea .files .lineText i{ width:50%; border-bottom:2px solid #d6d6d6; position:absolute; top:0.5rem; left:50%; margin-left:-25%; z-index:1;}
.urArea .files .filesImg{ width:6.8rem; height:auto; overflow:hidden; margin:1.2rem auto 0;}
.urArea .files .filesImg img{ display:none;}
.urArea .btnArea{ width:100%; height:auto; padding-bottom:1rem; overflow:hidden; margin:1.5rem auto 0;}

/* 选择账户类型 */
#mainInner .cyssMain{ background:#f2f5f8;}
.cyssMain .atRadio i.inputCheck{ float:left; margin-right:0.2rem;}
.cyssMain .cyssBtnBox{ margin:1.5rem auto 1rem; width:100%; overflow:hidden;}
.cyssMain .cyssBtnBox .urAgreements{ width:90%; line-height:1.5; overflow:hidden; text-align:center; margin:0.5rem auto 0;}
.cyssMain .cyssBtnBox .urAgreements i{ margin-right:0.15rem;}


/* 资料收集input样式 */
.formTitle{ width:9rem; margin:0.5rem auto 0.35rem; font-size:0.375rem; color:#333;}
.formWhite{ width:100%; height:auto; overflow:hidden; background:#fff; margin:0 auto 0.5rem;}
.formWhite .lineDiv{ width:100%; height:auto; padding:0.4rem 0.5rem; float:left; box-sizing:border-box; border-bottom:1px solid #e5e5e5; position:relative;}
.formWhite .checkboxDiv{ width:0.5rem; height:auto; float:left; margin-right:0.35rem;}
.formWhite .typeP1{ width:8rem; height:auto; float:left;}
.formWhite .typeP2{ width:100%; height:auto; float:left;}
.formWhite .otherHide{ display:none;}
.color1{ color:#808080;}
.color2{ color:#0351a0;}
.color3{ color:#f00;}
.formWhite .la{ float:left; width:3rem; height:auto; line-height:1.2; text-align:left; color:#808080;}
.formWhite .in{ float:left; width:5.5rem; height:auto; line-height:1.2; text-align:left; border:none; font-size:0.375rem; color:#505050;}
.formWhite .ft{ float:left; line-height:1.2; margin-right:0.1rem;}
.formWhite .ta{ float:left; width:6rem; height:auto; line-height:1.2; text-align:left; border:none; font-size:0.375rem; color:#505050;}
.formWhite .sel{ float:left; width:6rem; height:auto; line-height:1.2; text-align:left; border:none; font-size:0.375rem; color:#505050;}
.formWhite .selArrow{ float:right; width:0.25rem; height:0.5rem; position:absolute; right:0.5rem; top:50%; margin-top:-0.25rem; background:#fff; text-align:center;}
.formWhite .formError{ box-shadow:inset 0px 0px 0.1rem rgba(255,0,0,.8); border:none;}
.formWhite .formError .formErrorTip{ width:100%; font-size:0.28125rem; color:#f00; float:left; padding:0.15rem 0 0 3rem; box-sizing:border-box; margin-bottom:-0.15rem;}
.formWhite .photoRequire{ width:9rem; height:auto; padding:0.15rem 0.5rem 0.5rem; line-height:1.5;}
.formWhite .photoRequire .photoShow{ width:100%; height:auto; overflow:hidden; margin:0.25rem auto 0;}
.photoRequire .photoShow div{ width:2rem; float:left; text-align:center; margin:0 0.33rem 0 0;}
.photoRequire .photoShow div:last-child{ margin:0;}
.cyssMain .imgUpload{ width:100%; height:auto; overflow:hidden; margin-top:0.5rem;}
.imgUpload .uploadArea{ width:4.5rem; height:auto; float:left; margin:0 0.25rem; background:#fff; position:relative;}
.imgUpload .uploadArea .uploadBtn{ width:100%; height:100%; position:absolute; top:0; left:0; opacity:0; -webkit-opacity:0; z-index:2;}
.imgUpload .uploadArea .imgDiv{ width:3.6rem; height:2.5rem; margin:0.4rem auto 0.25rem; text-align:center;}
.imgUpload .uploadArea .imgDiv *{ display:inline-block; vertical-align:middle;}
.imgUpload .uploadArea .pBtn{ width:100%; height:auto; padding:0.1rem 0 0.2rem; text-align:center; background:#fff; cursor:pointer;}
.imgUpload .uploadArea .pBtn.current{ background:#0351a0; color:#fff; padding:0.1rem 0;}
.cyssMain .bannkCardTip{ width:9rem; margin:0 auto 0.35rem; overflow:hidden; color:#404040; letter-spacing:1px;}
.cyssMain .haRadio{ float:left; margin-left:1rem;}
.cyssMain .haRadio i.inputCheck{ margin-right:0.15rem;}
/* 财政状况 */
.fsCheckbox{ float:left; margin:0 0.5rem 0.25rem 0;}
.fsCheckbox i.inputCheck{ margin-right:0.15rem;}
.fsTip{ width:9rem; height:auto; color:#8a8989; line-height:1.35; margin:0.25rem auto;}
/* 披露 */
.cyssMain .dsRadio{ float:left; padding:0 2.5rem 0 0.5rem;}
.cyssMain .dsRadio i.inputCheck{ margin-right:0.25rem;}
.cyssMain .dsHideDiv{ display:none;}
/* 其他声明 */
.odCheckbox i.inputCheck{ margin-right:0.25rem; float:left;}
.odCheckbox .typeP1{ width:8.2rem;}
/* 问卷结果 */
.cyssMain .rtrBox{ width:8.4rem; height:auto; padding:0 0.3rem 1rem; margin:0.25rem auto 1rem; overflow:hidden; background:#fff; border-radius:0.1rem; color:#333; text-align:center; line-height:1.5;}
.cyssMain .rtrBox .p1{ margin-top:0.5rem;}
.cyssMain .rtrBox .p2{ margin-top:0.75rem;}
.cyssMain .rtrBox .p3{ margin-top:0.75rem; overflow:hidden;}
.cyssMain .rtrBox .p4{ margin-top:1rem; margin-bottom:0.5rem; text-align:left;}
.cyssMain .rtrBox .p5{ margin-top:0.65rem;}
.cyssMain .rtrBox .p6{ margin-top:0.75rem; overflow:hidden;}
.cyssMain .rtrBox .p6 i.inputCheck{ margin-right:0.25rem;}
.cyssMain .rtrBox .blueColor{ color:#0351a0; font-weight:bold;}
/* 风险披露 */
.cyssMain .licenseeDiv{ width:9rem; height:auto; overflow:hidden; padding:0.5rem; background:#fff;}
.licenseeDiv .headImg{ width:1.8rem; height:2rem; float:left; background:#fff; border:1px solid #b5b5b5; text-align:center; overflow:hidden;}
.licenseeDiv .headImg *{ display:inline-block; vertical-align:middle;}
.licenseeDiv .nameP{ color:#4c4c4c; margin-top:0.3rem; margin-left:0.25rem;}
.licenseeDiv .playAudio{ float:right; width:1.34375rem; height:1.34375rem; background:url(../images/play.png) no-repeat; background-size:cover; cursor:pointer; margin-top:0.35rem;}
.licenseeDiv .playAudio.stopAudio{ background:url(../images/pause.png) no-repeat; background-size:cover;}
.cyssMain .disclosureDetail{ width:9rem; height:auto; overflow:hidden; margin:0 auto 0.5rem; color:#4c4c4c; line-height:1.5; text-align:left;}
.disclosureDetail h2{ text-align:center; margin-bottom:0.15rem;}
.disclosureDetail p{ margin-top:0.15rem;}
/* 拍摄手指证件照 */
.photographDiv{ width:100%; padding:0.5rem 0 1rem;}
.photographDiv .photographBox{ width:8rem; height:5rem; margin:0.45rem auto 0; background:#f2f2f2; overflow:hidden; text-align:center;}
.photographDiv .photographBox *{ display:inline-block; vertical-align:middle;}
.photographBtn{ margin:0.25rem 0 0.75rem; text-align:center;}
.photographBtn a{ color:#fff; background:#0351a0; border-radius:0.1rem; padding:0.15rem 0.5rem; margin:0 0.5rem;}
.pgGetCode{ width:100%; height:auto; overflow:hidden; margin-top:0.5rem;}
.pgGetCode span{ display:inline-block; width:1.2rem; height:1.5rem; border:1px solid #bcbcbc; border-radius:0.1rem; margin:0 0.1rem; text-align:center; line-height:1.5rem; box-sizing:border-box; color:#333; font-weight:bold;}
.hideType1 .htBtn a.pgGetCodeBtn{ width:100%; margin:0; padding:0;}
.hideType1 .htBtn .camera-input{ position:absolute; width:100%; height:100%; top:0; left:0; opacity:0;}
/* 线上签名 */
.cyssMain .olaMain{ width:100%; height:100%; overflow:hidden; position:absolute; box-sizing:border-box;}
.olaMain h2{color:#4c4c4c;text-align:center;transform: rotate(90deg);position: absolute;top: 50%;width: 10rem;display: flex;align-items: center;right: -4.5rem;}
.olaMain .autographBox{width: 6rem;height: 80%;overflow:hidden;border:1px solid #b5b5b5;background:#fff;border-radius:0.1rem;margin: 0.5rem 0 0 2.6rem;}
.olaMain .autographBox2{width: 6rem;height: 80%;overflow:hidden;border:1px solid #b5b5b5;background:#fff;border-radius:0.1rem;margin: 0.5rem 0 0 2.6rem;}
.olaMain .autographBtn{width: 10rem;overflow:hidden;margin-top:0.5rem;transform: rotate(90deg);top: 50%;margin-top: -1.5rem;left: -3.5rem;position: absolute;}
.olaMain .autographBtn a{ width:40%; height:1.2rem; text-align:center; line-height:1.2rem; border-radius:0.1rem; font-weight:bold; letter-spacing:10px;}
.olaMain .autographBtn a:nth-child(1){ background:#fff; color:#0351a0; border:1px solid #0351a0; float:left;}
.olaMain .autographBtn a:nth-child(2){ background:#0351a0; color:#fff; border:1px solid #0351a0; float:right;}
.olaMain .topUploadSign{text-align:center;color:#0351a0;padding-top:0.25rem;width:100%;position: absolute;transform: rotate(90deg);top: 50%;display: flex;left: -4.5rem;}




/* 上传纸质签名 */
.cyssMain .ulaDiv{ width:9rem; height:auto; overflow:hidden; padding:0.5rem;}
.ulaDiv .uploadArea{ width:3.5rem; height:auto; overflow:hidden; float:left; position:relative;}
.ulaDiv .uploadArea .inputUpload{ position:absolute; width:100%; height:100%; opacity:0; -webkit-opacity:0; z-index:2; top:0; left:0;}
.uploadArea .uploadBox{ width:100%; height:1.6rem; box-sizing:border-box; border:1px solid #b5b5b5; text-align:center;}
.uploadArea .uploadBox *{ display:inline-block; vertical-align:middle;}
.uploadArea .uploadBox img:nth-child(2){ max-height:100%;}
.uploadArea .uploadTxt{ text-align:center; color:#0351a0; padding-top:0.35rem;}
.ulaDiv .uploadTip{ float:left; width:5rem; color:#1a1a1a; margin-left:0.25rem; line-height:1.5;}
/* 选择认证方式-ca/线下 */
.fileRadyBox{ width:100%; height:auto; text-align:center; margin:0.8rem 0; color:#4c4c4c;}
.fileRadyBox img{ max-width:1.5rem; padding-bottom:0.5rem;}
.cyssMain .authenticateLink{ width:100%; height:auto; float:left; overflow:hidden;}
.authenticateLink img{ max-width:1rem;}
/* 认证等待 */
.waitImg{ width:100%; height:auto; text-align:center; margin:1.5rem 0; color:#0351a0;}
.waitImg img{ max-width:1.2rem; padding-bottom:0.5rem;}

/* 弹窗 */
#loading1{ width:7rem; height:auto; overflow:hidden; padding:0.5rem; background:#fff; border-radius:0.1rem; position:fixed; top:30%; left:50%; margin-left:-4rem; z-index:1111; line-height:1.5; display:none;}
#loading2{ width:7rem; height:auto; overflow:hidden; padding:0.5rem; background:#fff; border-radius:0.1rem; position:fixed; top:30%; left:50%; margin-left:-4rem; z-index:1111; line-height:1.5; display:none;}
.hideType1{ width:7rem; height:auto; overflow:hidden; padding:0.5rem; background:#fff; border-radius:0.1rem; position:fixed; top:30%; left:50%; margin-left:-4rem; z-index:1111; line-height:1.5; display:none;}
.hideType1 .htBtn{ width:100%; margin:1rem auto 0; overflow:hidden; text-align:center; position:relative;}
.hideType1 .htBtn a{ width:2.5rem; height:1rem; text-align:center; line-height:1rem; border:1px solid; border-radius:0.1rem; letter-spacing:5px; display:inline-block; margin:0 0.25rem; box-sizing:border-box; cursor:pointer;}
.hideType1 .htBtn a.whiteBtn{ color:#0351a0; background:#fff; border-color:#b5b5b5;}
.hideType1 .htBtn a.blueBtn{ color:#fff; background:#0351a0; border-color:#0351a0;}
.hideType1 .htBtn a.notReady{ background:#bcd2eb; border-color:#bcd2eb; cursor:not-allowed;}
.udHide{ width:7rem; height:auto; padding:0.5rem; overflow:hidden; position:fixed; top:20%; left:50%; margin-left:-4rem; background:#fff; border-radius:0.1rem; z-index:1111; text-align:left; display:none;}
.udHide h2{ color:#333; text-align:center;}
.udHide h3{ color:#333; padding:0.25rem 0 0.25rem;}
.udHide h4{ color:#808080; margin-top:0.25rem;}
.udHide p{ color:#0351a0; margin-top:0.25rem; line-height:1.5;}

/* 住宅地址 */
.uploadBill .formWhite{ width:95%; margin:0.25rem auto 0;}
.uploadBill .formWhite .lineDiv{ padding:0.2rem;}
.uploadBill .formWhite .lineDiv .imgShow{ width:90%; float:left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;-webkit-text-overflow: ellipsis;}

/* 协议 */
.agreementMain{ width:9rem; height:auto; padding:0 0.5rem 0.5rem; overflow:hidden; background:#fff; line-height:1.5; letter-spacing:0.5px; font-size:0.375rem;}
.agreementMain h1{ width:100%; text-align:center; padding:0.2rem 0 0; color:#000; font-size:0.5rem;}
.agreementMain h2{ text-align:left; padding-top:0.5rem; color:#000; font-size:0.4375rem;}
.agreementMain .paragraph p{ text-align:left; padding-top:0.5rem; text-indent:2em;}
.agreementMain .listUl{ width:100%; height:auto; overflow:hidden;}
.agreementMain .listUl li{ width:100%; float:left; margin-top:0.35rem;}
.agreementMain .listUl span{ float:left; width:0.8rem; height:auto; text-align:left;}
.agreementMain .listUl div{ float:left; width:8.2rem; height:auto; text-align:left;}
.agreementMain .listUl div p{ padding-bottom:0.15rem;}
.agreementImg { width:100%; height:auto; overflow:hidden; padding-bottom:0.5rem; background:#fff;}
.agreementImg img{ width:100%; float:left;}
.updownBtn{ background-size:cover; width:0.75rem; height:0.75rem; position:fixed; bottom:2rem; right:50%; margin-right:-4.8rem; z-index:999; cursor:pointer;}
.updownBtn.down{ background:url(../images/updownBtn-down.png) no-repeat; background-size:cover;}
.updownBtn.up{ background:url(../images/updownBtn-up.png) no-repeat; background-size:cover; bottom:3rem;}

/* loading */
.spinner {margin: 0.25rem auto;width: 1rem;height: 1rem;position: relative;}
.container1 > div, .container2 > div, .container3 > div {width: 0.25rem;height: 0.25rem;background-color: #67CF22; border-radius: 100%;position: absolute;-webkit-animation: bouncedelay 1.2s infinite ease-in-out;animation: bouncedelay 1.2s infinite ease-in-out;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.spinner .spinner-container {position: absolute;width: 100%;height: 100%;}
.container2 {-webkit-transform: rotateZ(45deg);transform: rotateZ(45deg);}
.container3 {-webkit-transform: rotateZ(90deg);transform: rotateZ(90deg);}
.circle1 { top: 0; left: 0; }
.circle2 { top: 0; right: 0; }
.circle3 { right: 0; bottom: 0; }
.circle4 { left: 0; bottom: 0; }
.container2 .circle1 {-webkit-animation-delay: -1.1s;animation-delay: -1.1s;}
.container3 .circle1 {-webkit-animation-delay: -1.0s;animation-delay: -1.0s;}
.container1 .circle2 {-webkit-animation-delay: -0.9s;animation-delay: -0.9s;}
.container2 .circle2 {-webkit-animation-delay: -0.8s;animation-delay: -0.8s;}
.container3 .circle2 {-webkit-animation-delay: -0.7s;animation-delay: -0.7s;}
.container1 .circle3 {-webkit-animation-delay: -0.6s;animation-delay: -0.6s;}
.container2 .circle3 {-webkit-animation-delay: -0.5s;animation-delay: -0.5s;}
.container3 .circle3 {-webkit-animation-delay: -0.4s;animation-delay: -0.4s;}
.container1 .circle4 {-webkit-animation-delay: -0.3s;animation-delay: -0.3s;}
.container2 .circle4 {-webkit-animation-delay: -0.2s;animation-delay: -0.2s;}
.container3 .circle4 {-webkit-animation-delay: -0.1s;animation-delay: -0.1s;}
@-webkit-keyframes bouncedelay {0%, 80%, 100% { -webkit-transform: scale(0.0) }40% { -webkit-transform: scale(1.0) }}
@keyframes bouncedelay {0%, 80%, 100% {transform: scale(0.0);-webkit-transform: scale(0.0);} 40% {transform: scale(1.0);-webkit-transform: scale(1.0);}}





#loading2 .lodding{ position:absolute; top:0; left:0; width:50%; height:100%; background:#7AB9EF;}
#loading2 .loddingP{ position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; line-height:1rem; font-size:0.375rem; color:#383838;}

/*进度条*/
.progress{ width:100%; height:auto; overflow:hidden; margin:0.2rem auto 0; color:#3d88fa;}
.progress .progressMain{ width:100%; height:0.15rem; background:#c9c9c9; position:relative;}
.progress .progressMain .progressInner{ width:auto; height:100%; background:#3d88fa; position:absolute; top:0; left:0;}
.progress .progressText{ width:100%; text-align:center; padding-top:0.15rem;}

.signTip{ position:absolute; width:8rem; height:13.5rem; top:50%; left:50%; margin-left:-4rem; margin-top:-6.75rem; z-index:9999; text-align:center;}


.bottomTip{ text-align:center; text-align:center; position:absolute; bottom:0; width:100%; color:#9a9a9a;z-index: 11}

.disclaimer{ width:100%; color:#393939; padding-top:0.25rem;}
.disclaimer input{ display:inline-block; vertical-align:middle; margin:0 0.1rem 0 0;}
.disclaimer a{ color:#32a6ff;}