@charset "UTF-8";

.container2 .container2-context .ready {
	background-color: #f5f7f9;
	height: 862px
}

.container2 .container2-context .ready .title {
	margin: 0 auto;
	width: 400px;
	line-height: 30px;
	padding-top: 92px
}

.container2 .container2-context .ready .title img {
	float: left;
	width: 36px;
	height: 36px;
	margin-right: 32px
}

.container2 .container2-context .ready .title span {
	font-size: 30px;
	font-weight: bold;
	color: #000000
}

.container2 .container2-context .ready .ready-wrap {
	width: 1240px;
	height: 540px;
	margin: 47px auto 0;
	background: url('../img/register_list.png') 0 0 no-repeat
}

.container2 .container2-context .ready .ready-wrap .content {
	height: 504px
}

.container2 .container2-context .ready .ready-wrap .content .content-left {
	height: 504px;
	width: 687px;
	margin-left: 150px;
	float: left;
	display: inline-block;
	*display: inline;
	*zoom: 1
}

.container2 .container2-context .ready .ready-wrap .content .content-left .t1 {
	margin-top: 90px
}

.container2 .container2-context .ready .ready-wrap .content .content-left .t2 {
	margin-top: 100px
}

.container2 .container2-context .ready .ready-wrap .content .content-left p {
	font-size: 18px;
	color: #000000
}

.container2 .container2-context .ready .ready-wrap .content .content-left .list-left {
	width: 193px;
	margin-top: 108px;
	width: 310px;
	float: left
}

.container2 .container2-context .ready .ready-wrap .content .content-left .list-right {
	margin-top: 108px;
	float: left
}

.container2 .container2-context .ready .ready-wrap .content .content-right {
	float: left;
	margin-top: 80px;
	width: 382px
}

.container2 .container2-context .ready .ready-wrap .content .content-right a {
	cursor: pointer;
	height: 13px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 270px;
	color: #fff;
	font-size: 15px;
	margin-top: 26px;
	margin-left: 85px
}

.container2 .container2-context .ready .ready-wrap .content .content-right p {
	font-size: 14px;
	color: #ffffff;
	opacity: .5;
	text-align: center;
	margin-top: 25px
}

.container2 .container2-context .ready .ready-wrap .a-q {
	text-align: center;
	margin-top: 43px
}

.container2 .container2-context .ready .ready-wrap .a-q .btn-zx {
	width: 200px;
	height: 46px;
	line-height: 46px;
	text-align: center;
	margin: 0 auto;
	text-decoration: none;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	background-color: #F65034;
	box-shadow: 0 3px 12px 0 rgba(141,7,5,0.2);
	border-radius: 23px;
	font-size: 18px;
	color: #ffffff
}

.container2 .container2-context .ready .ready-wrap .a-q .btn-zx:hover {
	background-color: #F22924;
	box-shadow: 0 3px 12px 0 rgba(141,7,5,0.2)
}

.container2 .container2-context .flow {
	height: 705px;
	margin-bottom: 54px
}

.container2 .container2-context .flow .title {
	margin: 0 auto;
	width: 270px;
	line-height: 30px;
	padding-top: 92px
}

.container2 .container2-context .flow .title img {
	float: left;
	width: 36px;
	height: 36px;
	margin-right: 32px
}

.container2 .container2-context .flow .title span {
	font-size: 30px;
	font-weight: bold;
	color: #000000
}

.container2 .container2-context .flow .desc {
	margin-bottom: 54px;
	margin-top: 30px;
	text-align: center;
	font-size: 16px;
	color: #666666
}

.container2 .container2-context .flow .content {
	width: 1210px;
	margin: 0 auto
}

.container2 .container2-context .flow .content .flow-items:after,.container2 .container2-context .flow .content .flow-items:before {
	content: " ";
	display: table
}

.container2 .container2-context .flow .content .flow-items:after {
	clear: both
}

.container2 .container2-context .flow .content .flow-items .flow-item {
	position: relative;
	text-align: center;
	float: left
}

.container2 .container2-context .flow .content .flow-items .flow-item .num {
	margin-top: 230px;
	margin-bottom: 10px;
	margin-right: 10px;
	width: 26px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	background-color: #0d4da1;
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	border-radius: 40px
}

.container2 .container2-context .flow .content .flow-items .flow-item .name {
	font-size: 20px;
	font-weight: bold;
	color: #000000
}

.container2 .container2-context .flow .content .flow-items .flow-item p {
	font-size: 16px;
	color: #666666
}

.container2 .container2-context .flow .content .flow-items .flow-item .arrow {
	width: 42px;
	height: 24px;
	top: 176px;
	position: absolute;
	right: -17px
}

.container2 .container2-context .flow .content .flow-items .verify {
	width: 300px;
	height: 350px;
	background: url('../img/verify.png') 0 0 no-repeat
}

.container2 .container2-context .flow .content .flow-items .submit {
	margin-top: 30px;
	width: 300px;
	height: 350px;
	background: url('../img/submit.png') 0 0 no-repeat;
	margin-right: 5px
}

.container2 .container2-context .flow .content .flow-items .get-card {
	width: 300px;
	height: 350px;
	background: url('../img/get_card.png') 0 0 no-repeat
}

.container2 .container2-context .flow .content .flow-items .chapter {
	margin-top: 30px;
	width: 300px;
	height: 350px;
	background: url('../img/Chapter_Moment.png') 0 0 no-repeat
}

.container2 .container2-context .flow .a-q {
	text-align: center;
	margin-top: 32px
}

.container2 .container2-context .flow .a-q .btn-zx {
	width: 200px;
	height: 46px;
	line-height: 46px;
	text-align: center;
	margin: 0 auto;
	text-decoration: none;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	background-color: #F65034;
	box-shadow: 0 3px 12px 0 rgba(141,7,5,0.2);
	border-radius: 23px;
	font-size: 18px;
	color: #ffffff
}

.container2 .container2-context .flow .a-q .btn-zx:hover {
	background-color: #F22924;
	box-shadow: 0 3px 12px 0 rgba(141,7,5,0.2)
}

.container2 .container2-context .register-end {
	height: 900px;
	background: url('../img/license.png') 0 0 no-repeat;
	background-position: center
}

.container2 .container2-context .register-end .desc {
	margin-bottom: 54px;
	margin-top: 30px;
	text-align: center;
	font-size: 16px;
	color: #ffffff;
	opacity: .5
}

.container2 .container2-context .register-end .title {
	width: 490px;
	margin: 0 auto;
	line-height: 30px;
	padding-top: 92px
}

.container2 .container2-context .register-end .title img {
	float: left;
	width: 36px;
	height: 36px;
	margin-right: 32px
}

.container2 .container2-context .register-end .title span {
	font-size: 30px;
	font-weight: bold;
	color: #fff
}

.container2 .container2-context .register-end .content {
	width: 990px;
	height: 563px;
	margin-top: 202px;
	margin: 0 auto;
	position: relative
}

.container2 .container2-context .register-end .content p {
	position: absolute;
	font-size: 20px;
	font-weight: bold;
	color: #ffffff;
	display: inline-block;
	*display: inline;
	*zoom: 1
}

.container2 .container2-context .register-end .content .license-1 {
	left: 117px;
	top: 36px
}

.container2 .container2-context .register-end .content .license-2 {
	right: 40px;
	top: -28px
}

.container2 .container2-context .register-end .content .license-3 {
	bottom: 29px;
	left: 660px
}

.container2 .container2-context .register-end .content .license-4 {
	right: 0;
	bottom: 29px
}

.container2 .container2-context .register-end .content .license-5 {
	bottom: 35px;
	left: 115px
}

.container2 .container2-context .register-end .a-q {
	text-align: center;
	margin: 0 auto
}

.container2 .container2-context .register-end .a-q .btn-zx {
	width: 224px;
	height: 46px;
	line-height: 46px;
	text-align: center;
	margin: 0 auto;
	text-decoration: none;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	background-color: #F65034;
	box-shadow: 0 3px 12px 0 rgba(141,7,5,0.2);
	border-radius: 23px;
	font-size: 18px;
	color: #ffffff
}

.container2 .container2-context .register-end .a-q .btn-zx:hover {
	background-color: #F22924;
	box-shadow: 0 3px 12px 0 rgba(141,7,5,0.2)
}

.container2 .container2-context .dianmi {
	height: 1662px;
	background-color: #f5f7f9
}

.container2 .container2-context .dianmi .dianmi-wrap {
	width: 938px;
	margin: 0 auto
}

.container2 .container2-context .dianmi .dianmi-wrap .vertue {
	margin: 0 auto;
	margin-bottom: 58px;
	width: 618px;
	height: 40px;
	margin-top: 16px;
	background: url('../img/verture.png') 0 0 no-repeat
}

.container2 .container2-context .dianmi .dianmi-wrap .vertue p {
	font-size: 16px;
	color: #666666;
	height: 40px;
	line-height: 40px;
	float: right
}

.container2 .container2-context .dianmi .dianmi-wrap .vertue p em {
	font-size: 22px;
	color: #ffffff;
	margin-left: 59px;
	margin-right: 30px;
	letter-spacing: 4px
}

.container2 .container2-context .dianmi .dianmi-wrap .title {
	width: 490px;
	margin: 0 auto;
	line-height: 30px;
	padding-top: 92px
}

.container2 .container2-context .dianmi .dianmi-wrap .title img {
	float: left;
	width: 36px;
	height: 36px;
	margin-right: 32px
}

.container2 .container2-context .dianmi .dianmi-wrap .title span {
	font-size: 30px;
	font-weight: bold;
	color: #000
}

.container2 .container2-context .dianmi .dianmi-wrap .content .content-item {
	height: 190px;
	margin-bottom: 45px
}

.container2 .container2-context .dianmi .dianmi-wrap .content .content-item .item-left {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-left: 47px;
	margin-top: 40px
}

.container2 .container2-context .dianmi .dianmi-wrap .content .content-item .item-left .num {
	float: left;
	margin-right: 28px;
	font-size: 31px;
	line-height: 32px;
	letter-spacing: 0px;
	color: #ffffff;
	background: url('../img/num.png') 0 0 no-repeat;
	width: 57px;
	height: 70px;
	text-align: center
}

.container2 .container2-context .dianmi .dianmi-wrap .content .content-item .item-left .num span {
	height: 55px;
	line-height: 55px;
	font-style: italic
}

.container2 .container2-context .dianmi .dianmi-wrap .content .content-item .item-left .desc {
	width: 300px
}

.container2 .container2-context .dianmi .dianmi-wrap .content .content-item .item-left .desc .team {
	font-weight: bold;
	font-size: 30px;
	color: #0d4da1;
	margin-bottom: 16px;
	display: block;
	margin-top: 4px
}

.container2 .container2-context .dianmi .dianmi-wrap .content .content-item .item-left .desc .text {
	width: 220px;
	line-height: 26px;
	font-size: 16px;
	color: #000000
}

.container2 .container2-context .dianmi .dianmi-wrap .content .content-item .item-left .desc p {
	font-size: 16px;
	color: #000000
}

.container2 .container2-context .dianmi .dianmi-wrap .content .content-item .item-right {
	float: right;
	width: 550px;
	height: 190px
}

.container2 .container2-context .to-do {
	height: 558px;
}

.container2 .container2-context .to-do .desc {
	margin-bottom: 60px;
	margin-top: 30px;
	text-align: center;
	font-size: 16px;
	color: #666
}

.container2 .container2-context .to-do .title {
	width: 460px;
	margin: 0 auto;
	line-height: 30px;
	padding-top: 56px
}

.container2 .container2-context .to-do .title img {
	float: left;
	width: 36px;
	height: 36px;
	margin-right: 32px
}

.container2 .container2-context .to-do .title span {
	font-size: 30px;
	font-weight: bold;
	color: #000
}

.container2 .container2-context .to-do .instro {
	font-size: 16px;
	color: #fff;
	opacity: .6;
	margin-top: 27px;
	text-align: center;
	margin-bottom: 50px
}

.container2 .container2-context .to-do .content {
	width: 1136px;
	height: 175px;
	margin: 0 auto
}

.container2 .container2-context .to-do .content .other-items .other-item {
	margin-right: 32px;
	width: 214px;
	height: 271px;
	background-color: #ffffff;
	box-shadow: 0 8px 18px 2px rgba(12,22,48,0.08);
	float: left;
	width: 189px;
	text-align: center
}

.container2 .container2-context .to-do .content .other-items .other-item:hover {
	margin-top: -10px;
	transition: .3s
}

.container2 .container2-context .to-do .content .other-items .other-item p {
	margin-bottom: 16px;
	font-weight: bold;
	font-size: 20px;
	color: #000000
}

.container2 .container2-context .to-do .content .other-items .other-item img {
	width: 130px;
	height: 130px;
	margin-top: 16px;
	margin-bottom: 21px
}

.container2 .container2-context .to-do .content .other-items .other-item a {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	border-radius: 16px;
	text-decoration: none;
	width: 100px;
	height: 32px;
	background-color: #F65034;
	font-size: 15px;
	line-height: 32px;
	text-align: center;
	color: #ffffff
}

.container2 .container2-context .to-do .content .other-items .other-item a:hover {
	background-color: #F22924
}

.container2 .container2-context .to-do .ad {
	width: 755px;
	height: 75px;
	margin: 0 auto;
	padding-top: 50px
}

.clear::after{ content: ''; display: block; line-height: 0; clear: both;}