﻿.Main {
	margin: auto;
	max-width: 7.5rem;
	position: relative
}

.Main1 {
	margin: auto;
	max-width: 7.5rem;
	position: relative
}

.bg1 {
	background: #f5f6fa;
}

.bg2 {
	background: #fff;
}

.UserWholeBox {
	width: 6.4rem;
	height: 5.3rem;
	position: absolute;
	top: 3.9rem;
	background: #fff;
	left: 50%;
	padding: .4rem;
	margin-left: -3.2rem;
	border-radius: .2rem;
	box-shadow: 0 0px 17px 0px rgba(0, 0, 0, .08);
}

.UserInputBoxOut {
	margin: 0 0 .2rem 0;
}

.UserInputBox {
	width: 5.6rem;
	height: .88rem;
	background: #f8f8f8;
	display: flex;
	align-items: center;
	align-content: center;
}

.UserInputBox>i {
	/* padding: 0 .25rem; */
	width: 1.1rem;
	text-align: center;
}

.icon-gongsi {
	font-size: .6rem;
}

.icon-xingming {
	font-size: .5rem;
}

.icon-shenfenzhenghao {
	font-size: .42rem;
}

input {
	background: none;
	border: none;
}

.UserInput1 {
	font-weight: bold;
}

.UserInput {
	height: 100%;
	width: 4.5rem;
	padding: 0;
	font-size: .28rem;
}

.UserInput::-webkit-input-placeholder {
	color: #999;
	font-size: .28rem;
}

.LoginBox {
	margin: .5rem 0 0 0;
}

.LoginBtn {
	background: #343673;
	color: #fff;
	width: 5.6rem;
	height: .88rem;
	line-height: .88rem;
	border: none;
	letter-spacing: .4rem;
	text-indent: .4rem;
}





label {
	/* width: 2rem; */
	/* display: inline-block; */
}

.a-radio {
	display: none;
}

.b-radio {
	display: inline-block;
	border: .02rem solid #000;
	width: .25rem;
	height: .25rem;
	border-radius: 50rem;
	vertical-align: middle;
	margin-right: .02rem;
	position: relative;
}

.b-radio:before {
	content: '';
	font-size: 0;
	width: .05rem;
	height: .05rem;
	background: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	border-radius: 50%;
	transform: translate(-50%, -50%);
	display: none;
	z-index: 21;
}

.b-radio:after {
	content: '';
	background: #1552b1;
	width: .27rem;
	height: .27rem;
	border-radius: 50rem;
	vertical-align: middle;
	margin-right: .05rem;
	position: absolute;
	display: none;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.a-radio:checked~.b-radio:before {
	display: block;
}

.a-radio:checked~.b-radio:after {
	display: block;
}

.labelTetx {
	font-size: .22rem;
	color: #919191;
	vertical-align: middle;
	display: inline-block;
}
.labelTetxNew {
	font-size: .4rem;
	color: #919191;
	vertical-align: middle;
	display: inline-block;
}


a,
button,
input,
select {
	-webkit-appearance: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-tap-highlight-color: transparent;
	/* For some Androids */
}




/*新*/
body {
	background: #f5f5f5;
}

.page1banner {
	width: 100%;
	position: relative;
	display: block;
	font-size: 0;
}

img {
	width: 100%;
}

.page1flowchart {
	position: absolute;
	left: .06rem;
	top: .65rem;
	width: 7.37rem;
}

.nextBtn {
	width: 2.94rem;
	margin: auto;
	padding: .4rem 0;
	position: relative;
	/* top: 5rem; */
}

.page1from {
	position: relative;
}

.telinput {
	position: absolute;
	top: 3.65rem;
	left: 1.85rem;
	font-size: 0.24rem;
	height: .62rem;
	padding: 0 .3rem;
	line-height: .62rem;
	width: 4.5rem;
	color: #1552b1;
}

.telinput::-webkit-input-placeholder {
	color: #1552b1;
}

.vercodeinput::-webkit-input-placeholder {
	color: #1552b1;
}

.vercodeinput {
	position: absolute;
	top: 4.45rem;
	left: 1.85rem;
	font-size: 0.24rem;
	height: .62rem;
	padding: 0 .3rem;
	line-height: .62rem;
	width: 4.5rem;
	color: #1552b1;
}

.page1send {
/*	background: #1552b1;*/
	color: white !important;
	text-align: center;
	font-size: .24rem;
	width: 1.64rem;
	height: .62rem;
	position: absolute;
	top: 4.45rem;
	right: 1.16rem;
	line-height: .62rem;
}

.page1box {}

/*.page2box { display: none;  }*/
.page2box>img {
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none;
}


.page2UserWriterBox {
	position: relative;
	/* top: 5.6rem; */
	/* left: 1.11rem; */
	margin: auto;
	width: 5.29rem;
	padding: 6rem 0 0 0;
}

.page2inputAlone {
	width: 5.29rem;
	position: relative;
	margin: 0 0 .25rem 0;
}

.page2inputTitle {
	padding: 0 0 .05rem 0;
}

.page2inputTitle span {
	font-size: .26rem;
	color: #000000;
}

.page2inputTitle em {
	font-size: .22rem;
	color: #000000;
}

.page2input {
	position: absolute;
	top: .38rem;
	left: 0;
	width: 5.29rem;
	padding: 0 .3rem;
	height: .58rem;
	line-height: .58rem;
	font-size: .24rem;
}

.page2input::-webkit-input-placeholder {
	color: #919191;
}

.page2questionbox {
	border-top: 1px solid #1552b1;
	border-bottom: 1px solid #1552b1;
	margin: .3rem auto;
	position: relative;
	/* top: 13.1rem; */
	width: 6.9rem;
	/* left: .3rem; */
}

.page2questionbg {
	background: #fff;
	border-radius: .1rem;
	/* height: 18rem; */
	margin: .4rem 0;
	padding: .3rem 0 .7rem 0;
}

.page2questionAlone {
	padding: .4rem 0 0 .4rem;
}

.page2questiontTitle {
	font-size: .24rem;
	font-weight: bold;
	margin: 0 0 .15rem 0;
}

.page2questiontCon {}

.page2questiontConalone {
	width: 3.2rem;
	display: inline-block;
	margin: 0 0 .2rem 0;
}

.page2questiontConaloneNew {
	width: 6.2rem;
	display: inline-block;
	margin: 0 0 .2rem 0;
}

.page2questiontConalone1 {
	width: 5rem;
	display: inline-block;
	margin: 0 0 .2rem 0;
}

.page2otherinput {}

.page2otherinput em {
	font-size: .22rem;
	color: #919191;
}

.page2otherinput input {
	border-bottom: 1px solid #919191;
	width: 4rem;
	/* padding: 0 .2rem; */
}


.page3banner {}

.page3TextBox {
	text-align: center;
}

.page3TextBox>p:nth-child(1) {
	font-weight: bold;
	font-size: .54rem;
	color: black;
}

	.page3TextBox > p:nth-child(2) {
		font-size: .3rem;
		color: #0084c9;
		padding: .1rem 0;
	}

.page3TextBox>p:nth-child(3) {
	font-size: .24rem;
	color: #177cff;
}


.page3TextBox1 {
	text-align: center;
	padding: 0 .2rem;
}

/*.page3TextBox1 > p:nth-child(1) { font-size: .24rem; color: #01479d; padding: 0 0 .3rem; }*/
.page3TextBox1>p:nth-child(1) {
	/* font-weight: bold; */
	font-size: .24rem;
	color: #177cff;
}

.page3TextBox1>p:nth-child(2) {
	font-weight: bold;
	font-size: .59rem;
	color: #177cff;
	padding: .1rem 0;
}

/*.page3TextBox1 > p:nth-child(4) { font-weight: bold; font-size: .24rem; color: #01479d; }*/
.page3TextBox1>p:nth-child(3) {
	/* font-weight: bold; */
	font-size: .3rem;
	color: #177cff;
}

.page3TextBox2 {
	padding: .6rem 0 .5rem .5rem;
	position: relative;
	margin: .6rem 0 0 0;
}

.page3TextBox2::before {
	content: "";
	position: absolute;
	height: 1px;
	background: #177cff;
	width: 7rem;
	left: 50%;
	transform: translate(-50%, 0);
	top: 0;
}

.page3TextBox3 {
	padding: 0 0 .5rem .5rem;
}

.page3TextBox3 a {
	font-size: .28rem;
	line-height: 0.46rem;
	color: #464646;
	padding: 0 0 0 .2rem;
}

.page3TextBox4 {
	padding: .6rem 0 .5rem .5rem;
}

.page3TextBox2 p {
	font-size: .28rem;
	line-height: 0.46rem;
	color: #464646;
}

.page3TextBox3 p {
	font-size: .28rem;
	line-height: 0.46rem;
	color: #464646;
}

.page3TextBox4 p {
	font-size: .28rem;
	line-height: 0.46rem;
	color: #464646;
}

.page3TextBox4 a {
	font-size: .28rem;
	line-height: 0.46rem;
	color: #464646;
	font-weight: bold;
	padding: 0 0 0 .2rem;
}

.page3TextBox4>p:nth-child(2n+1) {
	padding: 0 0 .3rem 0;
}

.page3TextBox4 b {
	font-weight: bold;
	font-size: .28rem;
}

.page3title {
	font-size: .32rem !important;
	font-weight: bold !important;
	padding: 0 0 .2rem;
	color: #0085ca !important;
}

.page3Texbox3ewm {
	padding: .5rem 1.2rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-top: 1px solid #177cff;
	border-bottom: 1px solid #177cff;
}

.page3Texbox3ewm>div {
	width: 2.14rem;
}

.page3TextBox5 {
	text-align: center;
	padding: 0.3rem;
}

.page3TextBox5>p:nth-child(1) {
	font-size: .3rem;
	color: #984c73;
	display: none;
}

/*.page3TextBox5 > p:nth-child(2) {        font-weight: bold;        font-size: .24rem;        color: #01479d;    }*/
.page3TextBox5>p:nth-child(2) {
	font-weight: bold;
	font-size: .59rem;
	color: #944c74;
	padding: .1rem 0;
}

.page3TextBox5>p:nth-child(3) {
	font-weight: bold;
	font-size: .24rem;
	color: #01479d;
	display: none;
}

.page3TextBox5>p:nth-child(4) {
	font-weight: bold;
	font-size: .3rem;
	color: #944c74;
}

.btn-primary {
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.33;
	border-radius: 6px;
	color: #ffffff;
	background-color: #428bca;
	border-color: #357ebd;
}

.page3box {
	background: #f5f5f5;
}