body {
	background: #FFFFFF;
	font-family: "微软雅黑";
	font-size: 4vmin
}

img {
	border: 0
}

a {
	text-decoration: none
}

dl {
	margin: 20px 0 0 0
}

ul {
	display: block;
	list-style-type: disc;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 15px;
	-webkit-padding-start: 15px;
}

.Green{
	color:#309d02;
}
.Gray{
	color:#696b66;
}

input.datetime,
select.choose {
	-webkit-appearance: none;
	/*去除input默认样式*/
}

.banner .Img.fe8e06 span {
	color: #fe8e06
}

.banner .Img.fe8e06 {
	bottom: 1.4em
}

.fff {
	background: #fff;
}

.container-fluid {
	padding: 0;
}

.banner {
	position: relative;
}

.banner img {
	width: 100%;
}

.banner .Img {
	position: absolute;
	bottom: 1.5em;
	width: 100%;
}

.banner .Img span {
	display: block;
	font-size: 4.5vmin;
	color: #136cb0;
}
.banner .Img span:nth-child(2) {
	font-size: 4.5vmin;
	/*font-weight: bold;*/
}


.banner .Img img {
	width: 18%;
	position: absolute;
	right: 1.5em;
	bottom: 1.8em;
}

.row.content {
	margin-left: 0;
	margin-right: 0
}

.row a {
	color: #000
}

.row a img {
	width: 70%
}

.row a dd {
	padding-top: 0.8em
}

.container-fluid .btn-primary {
	width: 90%;
	margin: 2em 5%;
	background: #157efb;
	border: #157efb solid 1px
}

.container-fluid .btn-default {
	width: 60%;
	margin: 0em 20% 1em 20%;
	border: 0;
	background: none;
	color: #9b9a98
}

.row.fff {
	border-bottom: #e3e3e3 solid 1px
}

.row.fff div:nth-child(1) {
	border-right: #e3e3e3 solid 1px
}

.row.fff div {
	margin: 1em 0
}

.row.fff div dt {
	margin-bottom: 0.8em
}

.row.fff div dt img {
	width: 36%
}

.row.fff div:nth-child(1) dd:nth-child(3) {
	color: #feb100
}

.row.fff div:nth-child(2) dd:nth-child(3) {
	color: #f098ee
}

.List {
	background: #fff;
	border-top: #E3E3E3 solid 1px;
	margin-top: 1em
}

.List .list-group {
	padding: 0 0.8em;
}

.List .list-group-item {
	padding: 15px 0px;
	color: #000000;
	border-radius: 0;
	border-left: 0;
	border-right: 0;
	border-top: 0;
	margin-bottom: 0
}

.List li .badge {
	background: none
}

.List li:nth-child(1) .badge {
	color: #309d02
}

.List li:nth-child(2) .badge {
	color: #696b66
}

.List li .btn-success {
	float: right;
	margin-top: -5px;
	padding: 2px 6px 4px 6px;
	background: none;
	color: #167ffc;
	border: #167ffc solid 1px
}

.List li .btn-success img {
	width: 20px;
	height: 14px;
}

.List .More {
	padding: 1em 0
}

.List .More,
.List .More a {
	color: #cdcdcd
}

.hidden {
	display: none
}

.Imgstyle {
	position: relative
}

.Imgstyle span {
	position: absolute;
	top: 2.1em;
	color: #fff;
	padding-left: 1.2em;
	font-size: 4vmin
}

.Imgstyle span:nth-child(2) {
	top: 0.4em;
	font-size: 4.5vmin
}

.Imgstyle span img {
	width: 13%;
	height: 13%;
	margin-left: 0.5em;
}

.Invite {
	background: #fff;
	border-radius: 4px;
	margin: 2em 1em
}

.Invite div {
	padding: 1em
}

.Invite div:nth-child(1) {
	padding-right: 0;
}

.Invite div:nth-child(2) {
	padding-top: 2em;
}

.Invite div img {
	width: 100%
}

.Invite div span {
	color: #157efb
}

.Invite div a {
	color: #fff;
	font-size: 3.8vmin
}

.Invite div a.btn-primary {
	margin: 0.8em 0
}

.Main .btn-success {
	width: 90%;
	background: #25c0c5;
	border: #25c0c5 solid 1px;
	margin: 2em 5%
}

.Main .btn-primary {
	width: 92%;
	margin: 2em 4% 0 4%
}
.Main{
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.Main .InputTel {

	margin: 0 auto;
	border: #cecece solid 1px;
	border-radius: 4px;
	/* margin: 2em 1em 0 1em; */
	background: #fff
}
.InputTel{

	width: 320px;
	height: 50px;
	background-color: #F6F6F6 !important;
	border: none !important;
	border-radius: 10px !important;
	padding: 0 12px !important;
	box-sizing: border-box !important;
}

.Main .InputTel label {
	font-weight: normal;
	height: 34px;
	/* margin-bottom: 0; */
	/* padding: 6px 0px 0px 0.6em; */
	display: flex;
	align-items: center;
	font-size: 14px;
}
.Main .InputTel label::after{
	content: '';
	display: inline-block;
	width: 1px;
	height: 14px;
	background-color: #DADADA;
	margin: 0 12px;
}

.Main .InputTel .form-control {
	width: 68% !important;
	float: right;
	display: inline;
	/* font-size:4vmin; */
	border: 0;
	height: 46px;
	font-size: 14px !important;
	background-color: #F6F6F6 !important;
	padding: 0 !important;

}
.InputTel{
	display: flex !important;
	align-items: center !important;
}

.Main .progress {
	width: 320px;
	margin: 0 !important;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	background: none;
	position: relative;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.Main .progress-bar {
	background: #d0efff;
	height: 5px;
	position: absolute;
	top: 0.6em;
	z-index: -1;
	box-shadow: none !important;
}
.cilcle{
	width: 18px;
	height: 18px;
	background-color: #d0efff !important;
	border-radius: 50%;
	color: #fff;
	font-size: 12px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.Main .progress-bar.blue {
	background: #49c2ff !important;
	border-radius: 4px 0 0 4px;
}

.Main .Div .number .glyphicon {
	color: #157efb;
	font-size: 7.5vmin;
	margin: -0.11em 0 0 -0.068em
}
.Main .Div .number{
	position: relative;
}
.fc{
	right: 20px;
	position: absolute;
	
}

.Main .Div .number img {
	width: 20%;
}

.Main .Div div:nth-child(3),
.Main .Div div:nth-child(4) {
	/*margin-top: 0.5em;*/
	color: #9c9a9b
}

.Main .progress .Div {
	float: left;
	width: 32%
}

.Main .progress .Div:nth-child(4) {
	position: absolute;
	top: 0;
	right: 0;
}

.Main .progress .Div:nth-child(4) .number img {
	width: 20%
}

.Main .progress .Div:nth-child(2) div:nth-child(3) {
	margin-left: -18%;
}

.Main .progress .Div:nth-child(3) div:nth-child(3) {
	margin-left: -22%;
}

.Main .progress .Div:nth-child(2) div:nth-child(3),
.Div:nth-child(3) div:nth-child(3),
.Div:nth-child(4) div:nth-child(3),
.Div:nth-child(1) div:nth-child(4) {
	margin-top: 0.5em;
}

.Tip {
	margin: 2em 1em 0 1em
}

.Main .TipsFinish {
	/* margin: 2em 1em 0.8em 1em */
	margin: 20px auto 0 auto;
}

.Main .TipsFinish span {
	/* background: #157efb; */
	/* color: #fff; */
	margin: 20px auto 0 auto;
	border-radius: 5px;
	line-height: 2em;
	padding: 0.2em 0.8em;
	font-weight: bold !important;
	color: #21B6FF !important;
	font-size: 16px !important;
}
.form-control[disabled]{
    background-color:none
}

/*弹出层*/

#bg {
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index: 1001;
	-moz-opacity: 0.7;
	opacity: .70;
	filter: alpha(opacity=70)
}

#show {
	display: none;
	position: fixed;
	/*top: 35%;
	left: 0;*/
	width: 100%;
	height: ;
	bottom: 0;
	background-color: #f0eff5;
	z-index: 1002;
	font-size: 4.5vmin;
	overflow: auto
}

#show span {
	position: relative;
	top: 1em;
}

#show .Shade {
	width:60%;
	margin: 2em 15% 5em 15%;
    display:none;
}

#show #Loding{
	width: 20%;
    margin: 5em 40% 8em 40%
}

#show .btn-danger {
	width: 100%;
	background: #fff;
	border: 0;
	border-radius: 0;
	color: #9b9a98;
	line-height: 3em;
	padding: 0;
	font-size: 4.5vmin
}

#show div {
	width: 100%;
	background: #fff;
	position: fixed;
	bottom: 0
}
.content p{
    width:92%;
    margin:0 auto;
    color:#666;
}
.content p:nth-child(1){
    font-size:16px;
    margin-top:10px;
}
.content p:nth-child(1) span:nth-child(1){
    color:#FC6954;
}
.content p:nth-child(1) span:nth-child(2){
    color:#009EFC;
}
.content p:nth-child(2){
    font-size:13px;
    margin-top:5px;
}
.newbtnclass{
	width: 320px !important;
	height: 50px !important;
	background-color: #21B6FF !important;
	border-radius: 10px !important;
	border: none !important;
	outline: none !important;
	font-size: 16px;
	text-align: center !important;
	/* margin: 0 auto !important; */
	margin-left: auto !important;
	margin-right: auto !important;
	font-weight: bold !important;
}
.dowww{
	width: 320px !important;
	height: 50px !important;
	background-color: #21B6FF !important;
	border-radius: 10px !important;
	border: none !important;
	outline: none !important;
	font-size: 16px;
	text-align: center !important;
	/* margin: 0 auto !important; */
	margin-left: auto !important;
	margin-right: auto !important;
	font-weight: bold !important;
	line-height: 50px !important;
	padding: 0 !important;
}
.Main{
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
}
.progressline{
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	position: relative;
	left: -5px;
}
#progress{
	margin-top: 30px !important;
	width: 100% !important;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 0 35px !important;
}
.ptext{
	font-size: 12px !important;
}
.successicon img{
	width: 16px !important;
	height: 16px !important;
	position: relative !important;
    top: -2px !important;
    left: -3px !important;

}
.textcont{
	font-weight: bold !important;
	color: #21B6FF !important;
	font-size: 16px !important;
}
#progress img{
	width: 100%;
	height: 100%;
	display: block;
}