html, body {
	margin: 0;
	width: 100%;
	height: 100%;
	font-family: "Helvetica Neue", Roboto, "Segoe UI", sans-serif
}
h3 {
    margin:0;
   padding:10px 0;
}
body {
	position: relative;
	color: #000;
	overflow-x: hidden;
	background-color: #ededed;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-user-select: none;
	-webkit-overflow-scrolling: touch;
	-webkit-appearance: none;
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
div {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
img {
	pointer-events: none
}
img, a {
	-webkit-touch-callout: none
}
header {
	z-index: 10;
	text-align: center;
	background-color: #fff;
	width: 100%;
	height: 50px;
	position: fixed;
	top: 0
}
input, select {
	vertical-align: middle;
	outline: none;
	border: none;
	font-size: 1em;
	line-height: 2.5em;
	-webkit-appearance: none;
	background-color: #fff;
	color: #000;
}
input::-webkit-input-placeholder, select::-webkit-input-placeholder {
	font-weight: 500
}
select {
	padding-left: 0
}
input:hover, select:hover, input:focus, select:focus {
	outline: none;
	border: none
}
.lightblue{
    color:#3382e2!important;
}
.lightgray{
    color:#a9a9a9!important;
}
.borderleft{
    border-left:1px solid #ccc!important;
}
.relative{
    display:inline-block!important;
    position:relative!important;
}
.rd1{
    right:.1rem!important;
}
.npl{
    padding-left:0!important;
}
.npr{
    padding-right:0!important;
}
.nml{
    margin-left:0!important;
}
.nmr{
    margin-right:0!important;
}
.pld5{
    padding-left:.5rem!important;
}
.ptd5{
    padding-top:.5rem!important;
}
.ptd6{
    padding-top:.6rem!important;
}
.ptd8{
    padding-top:.8rem!important;
}
.prd8{
    padding-right:.8rem!important;
}
.pr1{
    padding-right:1rem!important;
}
.pr1d2{
    padding-right:1.2rem!important;
}
.mld8{
    margin-left:.8rem!important;
}
.mtd2{
    margin-top:.2rem!important;
}
.w35p{
    width:35%!important;
}
.w40p{
    width:40%!important;
}
.w45p{
    width:45%!important;
}
.w50p{
    width:50%!important;
}
.w60p{
    width:60%!important;
}
.w61p{
    width:61%!important;
}
.w62p{
    width:62%!important;
}
.w63p{
    width:63%!important;
}
.w85p{
    width:85%!important;
}
.mw100p{
    max-width:100%!important;
}
.color000{
    color:#000!important;
}
.hidden{
    display:none!important;
}
.protolink{
    text-decoration:none;
}
.float-left{
    float:left;
}
.float-right{
    float:right;
    margin-right:.5rem;
}
.left-btn {
	left: 0;
	float: left;
	width: 80px;
	display: inline;
	position: absolute;
	font: 18px/50px bold;
	color: #3382e2
}
.left-btn div {
	width: 15px;
	height: 12px;
	display: inline-block;
	line-height: 50px;
	background: url(../images/left-btn.png) no-repeat;
	background-size: 10px 12px
}
header h3 {
	display: inline;
	font-size: 18px;
	line-height: 50px
}
.ml20 {
	margin-left: 20px
}
.content {
	margin-top: 0;
	width: 100%;
	overflow-x: hidden
}
/***********************************
 * 
 * section
 *
 **********************************/
.section, .section.area div {
	width: 100%;
	font-size: 1em;
	line-height: 2.5rem
}
.section.area div.lb-md {
	color: red;
	text-align: center;
	font-weight: 500
}
.lb-lt {
	padding: 0 .5rem 0 .5rem;
	line-height: 1.5rem;
	font-weight: 600;
	color: #333
}
.section.area .lb-lt a, .section.area .lb-lt a:hover, .section.area .lb-lt a:visited {
	color: #000
}
.section.area .lb-lt div {
	display: inline-block;
	line-height: 2rem
}
.section.area .lb-lt div.item {
	vertical-align: top;
	width: 1.5rem
}
.section.area .lb-lt div.info {
	padding-right: 2rem;
	font-size: .9rem;
	width: 100%;
	margin-right: -2rem
}
.section.area .lb-lt div.item img {
	width: 1rem;
	height: 1rem;
	margin-top: .8rem
}
.section.info {
	width: 100%;
	color: #666;
	padding-left: 1em;
	padding: .5em;
	line-height: 2em;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc
}
.section.info .info-muti {
	margin: .5em auto;
	padding: 0 1em 0 0;
	line-height: 1.5em
}
input[type=tel], input[type=number] {
	color: #000
}
input.pwd {
	-webkit-text-security: disc
}
#index-tel-btn {
	position: absolute;
	right: .5em;
	padding: .25em;
	font-size: 1em;
	color: #fff;
	background-color: #3382e2;
	border-radius: 5px;
	text-decoration: none;
	z-index: 900;
	line-height: 2.2em;
	margin-top: .15em
}
#index-tel, #index-zjzh, #index-valid {
	font-weight: 600
}
.section.area {
    margin-bottom:20px;
	width: 100%;
	background-color: #fff

}

.section.area hr {
	width: 100%;
	border: none;
	border-bottom: 1px solid #eee;
	margin: 0;
	background-color: #ccc
}
.section.area div {
	font-weight: 700
}
.section.area .area-item {
	padding-left: .5em;
	width: 5em;
	display: inline-block
}
.section.area .area-item2 {
	padding-left: .5em;
	width: 7em;
	display: inline-block
}
.section.area .id-date {
	width: 12em;
	margin-right: -5em;
	display: inline
}
.section.area .id-date input {
	-webkit-appearance: none;
	width: 33%;
	margin: .25em;
	text-align: center;
	padding-right: 0;
	line-height: 1.5em;
	border: 1px solid #eee
}
.section.area label.rdoly {
	font-weight: 500;
	font-size: 16px;
	color: #666
}
.section.area span {
	margin-left: 10px;
	font-weight: 500;
	color: #666
}
.section.area input[type=button] {
	margin: .25em 0 .25em 0;
	height: 2.5em;
	border: none;
	float: right;
	margin-right: .25em;
	background-color: #3382e2;
	color: #fff;
	border-radius: 5px
}
.section.area input,
 .section.area select,
.section.area textarea,
.section.area  [contenteditable=true]{
	padding: .25em .5em;
	min-width: 11em;
	margin-right: -5em;
	border: none;
	font-size: 1em;
    font-weight:normal;
	line-height: 2em;
	height: 2.5em
}
.section.area textarea{
    outline:0;
    -webkit-user-select: text;
    user-select: text;
    line-height:2.5rem;
    overflow:hidden;
    font-size:1.1rem;
    resize:none;
}
    .section.area [contenteditable=true] {
        padding-top:0.5em;
        -webkit-appearance:none;
        -webkit-user-select:text;
        user-select:text;
        display:inline-block;
        outline:none;        
        border:0;
        line-height:1.5em;
        overflow:hidden;
        height:auto;
        word-wrap:break-word;
        word-break:break-all;
    }
.section.area [contenteditable=true]:empty:before,.section.area [data-contentspan=true]:empty:before{
    content: attr(placeholder);
    color:#aaa;
}
select option {
	padding: 0
}
.section.area .default {
	color: #333
}
.section.area .area-qst, .section.area .area-opt, .section.area .pro-opt {
	width: 90%;
	padding: .5em;
	font-size: 1.25em;
	line-height: 1.5em
}
.section.area .area-opt .radio {
	position: absolute;
	background: url(../images/icons.png) no-repeat;
	background-size: 9em 12em;
	background-position: -.9em -5.4em;
	width: 1.75em;
	height: 1.75em;
	display: inline-block
}
.section.area .area-opt.on .radio {
	background-position: -3.43em -5.4em
}
.section.area .area-opt .radio-txt {
	margin-left: 2.5em;
	width: 100%;
	margin-right: -2.5em;
	height: auto;
	display: inline-block;
	font-size: 1em;
	line-height: 2em
}
.section.area .area-opt .check {
	position: absolute;
	margin: .5rem .5rem 0 0;
	width: 22px;
	height: auto;
	line-height: 22px;
	display: inline-block;
	background: url(../images/check.png) no-repeat;
	background-size: 22px 22px
}
.section.area .area-opt.on .check {
	background: url(../images/check-on.png) no-repeat;
	background-size: 22px 22px
}
.section.area .area-opt .check-txt {
	width: auto;
	height: auto;
	display: inline-block;
	font-size: 1rem;
	margin-left: 2.5rem;
	margin-right: -2.5rem
}
.section.area .area-qst {
	color: #333;
	height: auto
}
.section.area .area-opt {
	color: #666;
	font-size: 1em;
	line-height: 1em;
	height: auto
}
.section.area .pro-opt {
	color: #3382e2
}
.section.area .pro-opt input {
	width: 16px;
	height: 16px
}
.section.area.l6 div, .section.area.l8 div {
	line-height: 3rem
}
.section.area.l6 .area-item {
	width: 6rem
}
.section.area.l8 .area-item {
	line-height: 2rem;
	width: 8rem
}
.section.area.l6 .area-opt, .section.area.l8 .area-opt {
	display: inline
}
.section.area.l15 .area-item {
	width: 100%;
	display: inline-block
}
.section.area.l15 .area-opt {
	width: 8rem;
	display: inline-block
}
.section.record h3, .section.record p {
	margin: 0 0 0 12px;
	line-height: 24px
}
.section.record h3 {
	margin-top: 10px;
	font-size: 16px
}
.section.record h3 span {
	float: right;
	margin-right: 12px
}
.section.record p {
	font-size: 10px
}
.section.query p {
	text-align: center;
	font-weight: 700;
	font-size: 16px;
	line-height: 25px
}
.section.fsh {
	line-height: 1.5em;
	padding: 1em 1em 0 1em
}
.section.fsh p {
	margin: 0;
	padding: 0 2em 0 0
}
.section.fsh div {
	color: #666
}
.err-info {
	text-align: center;
	height: 1px;
	font-size: 1em;
	line-height: 1.5em;
	color: red;
	margin: 1em 1em 4em 1em
}
.next-btn, .img-box {
	margin: 15px auto;
	width: 100%;
	text-align: center
}
.img-box {
	margin: 0
}
.img-box img {
	margin: 0;
	width: 100%;
	height: auto;
	vertical-align: top
}
.next-btn input[type=button] {
	font-size: 100%;
	margin: 0 auto;
	color: #fff;
	width: 94%;
	background-color: #3382e2;
	border: none;
	border-radius: 5px;
	height: 2.5em
}
.next-btn input[type=button].btn-inline {
	width: 40%;
	display: inline
}
.disabled {
	background-color: #ccc !important
}
/**Add 2015-08-27 陈辰*/
.section.toptip,.steps.toptip{
    padding:.3rem 0 1rem .5rem;
    margin-bottom:0;
}
.section.toptip .context,.steps.toptip .context{
    line-height:1.5rem;
    font-weight:400;
}
.section.toptip .context .title,.steps.toptip .context .title{
    font-weight:400;
    font-size:1.2rem;
}
.section.norsection,.section.norsection div{
    font-weight:400;
}
    .section.norsection div {
        padding-left:1.5rem;
    }
    .section.norsection div.branchname{
        font-size:1.2rem;
        font-weight:500;
        padding-left:0;
    }
    .section.norsection a{
        color:#000;
        text-decoration:none;
    }
/*********************
 *
 * kefu
 *
 ********************/
.kefu {
	display: block;
	margin: 0 auto;
	text-align: center;
	color: #868686;
	margin: 0 0 1em 0
}
.kefu a, .kefu a:hover {
	color: #3382e2;
	font-weight: 700;
	text-decoration: none
}
.kefu p {
	margin: 0;
	color: #999;
	font-size: .9em
}
.kefu p.hot-line {
	font-size: 1em;
	margin: .25em auto
}
p.QA a {
	text-decoration: underline !important;
	line-height: 2em
}
hr.sep {
	margin: 0 auto;
	margin-bottom: 0;
	width: 90%;
	height: 1px;
	border-left: none;
	border-top: none;
	background-color: #ccc
}

/***************************
 * 
 * intent
 * 
 *************************/
.intend, .intend-item {
	width: 100%;
	text-align: center
}
.intend-item img {
	margin: 10px auto;
	height: 80px
}
.intend-item h3 {
	margin: -5px auto;
	font-size: 20px
}
.intend-item p {
	margin: 10px auto;
	font-size: 14px;
	color: #666
}
.intend-banks {
	margin: 10px auto;
	width: 80%;
	text-align: left
}
.intend-banks span {
	font-size: 14px;
	color: #999;
	display: inline-block;
	width: 23%;
	text-align: right
}
.intend.card {
	background-color: #fff
}
.intend.card.vdo .intend-item {
	height: auto
}
.intend.card .intend-item {
	height: 140px
}
.intend.card .intend-item br {
	margin: 25px auto
}
.intend.prg {
	height: 180px;
	margin-bottom: 100px
}
.img-prg, .vdo-prg {
	margin: 10px auto;
	width: 90%;
	height: 5px;
	background-color: #ccc
}
.img-prg div, .vdo-prg div {
	width: 50%;
	height: 100%;
	background-color: #3382e2
}
.intend.card h3 {
	margin: 5px 0 0 0
}
.intend.card img {
	margin: 15px 0 5px 0
}
.intend.card span {
	color: #3382e2
}
/***************************
 * 
 * steps
 * 
 *************************/
.steps {
	width: 100%;
	height: auto;
	color: #666;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc
}
.stepstip {
	width: 100%;
	height: auto;
	color: #e82d2d;
	border-top: none;
	text-align: center;
	border-bottom: 1px solid #ccc
}
.steps h3 {
	color: :#111;
	line-height: 1.5rem;
	padding-left: .5rem
}
.steps b {
	width: 100%;
	color: #000;
	display: block;
	text-align: center;
	font-size: 1rem;
	line-height: 3rem
}
.steps p {
	margin: 10px 0 10px 10px
}
.steps p.warn {
	color: red
}
.steps .step img {
	width: 100%;
	height: auto;
	margin-top: 10px
}
.steps .step1 {
	background: url(../images/step1.png) no-repeat;
	background-size: 100% 100%;
	height: 60px;
	margin-top: 10px
}
.steps .step2 {
	background: url(../images/step2.png) no-repeat;
	background-size: 100% 100%;
	height: 60px;
	margin-top: 10px
}
.steps .step3 {
	background: url(../images/step3.png) no-repeat;
	background-size: 100% 100%;
	height: 60px;
	margin-top: 10px
}
.hk-step {
	height: 5px;
	margin: 0 auto;
	background-color: #ccc
}
.hk-step div {
	width: 11%;
	height: 5px;
	background-color: #3382e2
}
.hk-step .step1 {
	width: 13%
}
.hk-step .step2 {
	width: 26%
}
.hk-step .step3 {
	width: 39%
}
.hk-step .step4 {
	width: 52%
}
.hk-step .step5 {
	width: 65%
}
.hk-step .step6 {
	width: 78%
}
.hk-step .step7 {
	width: 91%
}
.hk-step .step8 {
	width: 100%
}
.hk-step .step9 {
	width: 100%
}
/***************************
 * 
 * contract
 * 
 *************************/
.contract {
	width: 100%;
	font-size: 1em;
	margin-bottom: .5em;
}
.contract .ct-check {
	margin: 2px 2px 0 8px;
	background: url(../images/icons.png) no-repeat;
	background-size: 9em 12em;
	background-position: -1em -3.33em;
	width: 1.5em;
	height: 1.5em
}
.contract .ct-check.on {
	background-position: -3.5em -3.33em
}
.contract .ct-left {
	float: left;
	text-align: left;
	width: 8%
}
.contract .ct-right {
	float: left;
	margin-top: .15em;
	margin-left: .5em;
	text-align: left;
	width: 88%;
	padding-bottom: 1em
}
.contract input[type=checkbox] {
	margin-left: 12px;
	height: 1em
}
.contract label {
	color: #666
}
.contract a, .contract a:hover {
	color: #3a62c4;
	text-decoration: none
}
video {
	width: 90%;
	height: auto;
	margin: 12px
}

/*************************
 *
 * model tip
 * 
 *************************/
.mask {
	position: fixed;
	left: 0;
	top: 0;
	background: url('../images/mask.png');
	width: 100%;
	height: 100%;
	z-index: 100;
	display: none
}
.loading {
	width: 100%;
	top: 0;
	margin-top: 50%;
	height: auto;
	z-index: 998;
	position: absolute;
	text-align: center;
	display: none
}
.loading img {
	z-index: 999;
	background-color: #000;
	border-radius: 5px;
	opacity: .75;
	width: 25%;
	height: auto
}
.modal-wrap {
	position: absolute;
	width: 100%;
	height: auto;
	left: 0;
	top: 0;
	z-index: 1000;
	text-align: center;
	display: none;
}
.modal-body {
	-webkit-overflow-scrolling: touch
}
.tips {
	font-size: 1em;
	line-height: 1em
}
.tips.adv {
	font-size: 1.25em;
	padding: 5% 0 3% 0
}
.tips.adv textarea {
	-webkit-appearance: none;
	font-size: 16px;
	line-height: 1.25em;
	margin: 0 auto;
	width: 100%;
	height: 5em;
	resize: none;
	border: 1px solid #ccc;
	outline: none;
	color: #666;
	padding: 0
}
.tips.adv .adv-ct {
	width: 100%;
	border: 1px solid #ccc;
	color: #666;
	font-size: 16px;
	height: 2em;
	line-height: 1.25em;
	padding: 0
}
.tips.adv {
	overflow: hidden
}
.tips.adv .next-btn {
	margin: 0 auto
}
.tips.adv hr {
	margin: 0 auto
}
.tips.adv .btn-inline {
	height: 2em;
	line-height: 2em;
	margin: 0 .1em 0 .5em
}
.tips .id-card {
	width: 80%;
	height: auto;
	margin-bottom: 1em
}
.tips hr {
	margin: 1em auto;
	margin-bottom: 0;
	border: none;
	border-bottom: 1px solid #eee
}
.prt .modal-head {
	font-size: 16px
}
.prt .modal-body {
	height: 170px;
	font-weight: 500;
	overflow-x: hidden;
	overflow-y: scroll
}
.tips .modal-head {
	margin: 0 auto;
	text-align: center;
	font-weight: 700;
	height: 2em
}
.tips .modal-body {
	line-height: 20px
}
.tips .modal-body p {
	margin: 12px;
	font-size: 14px;
	text-indent: 4;
	text-align: left
}
.tips .modal-body {
	text-align: left;
	font-size: .8em;
	padding: 1em
}
.modal-foot {
	margin: 0 auto;
	color: #3382e2;
	line-height: 2.5em
}
.modal-foot .left, .modal-foot .right {
	width: 50%;
	display: inline-block
}
.modal-foot .right {
	border-left: 1px solid #eee
}
.modal-wrap .modal-camera, .modal-wrap .tips {
	font-size: 1.2em;
	margin: 0 auto;
	background-color: #fff;
	width: 75%;
	height: auto;
	border-radius: 7px;
	padding: 5% 0 5% 0
}
.modal-wrap .modal-camera img {
	margin: 0 auto;
	width: 50%
}
.modal-wrap .modal-camera .camara-left, .modal-wrap .modal-camera .camara-right {
	width: 40%;
	display: inline-block;
	text-align: center
}
.modal-wrap .modal-camera h3 {
	margin: 15% 0 0 0;
	font-size: 16px
}
.modal-wrap .vsep {
	display: inline-block;
	margin: 0;
	width: 2px;
	height: 100%;
	background-color: #ccc
}
.modal-wrap .modal-camera .camara-right {
	border-left: 1px solid #ccc
}
.info-keep {
	text-align: center;
	padding: 1em;
	color: gray
}
.info-keep p {
	text-align: left;
	line-height: 1.5em
}
#downloadApp {
	width: 60%;
	height: auto
}
/*******************
 *
 * qa
 * 
 *******************/
.qa h1 {
	text-align: center;
	font-size: 24px;
	padding: 10px 0
}
.qa h3 {
	font-size: 18px;
	padding: 8px 0
}
.qa .qapic {
	text-align: center
}
.qa .qapic img {
	width: 80%;
	margin: 0 auto
}
.qa div {
	line-height: 124%;
	padding: 0 12px;
	font-size: 16px
}
.rotate img {
	z-index: 999
}
#card-map {
	left: 13%;
	top: 0;
	position: absolute;
	width: 2em
}
.drop-down, .clear-fix {
	width: 1em;
	line-height: 2.5em;
	position: absolute;
	right: .5em;
	margin-top: 1em;
	display: inline-block
}
.clear-fix {
	width: 1.5em;
	height: 1.5em;
	right: 0;
	text-align: center;
	margin-top: .2em
}
.clear-fix img {
	display: none;
	width: 1em;
	margin-top: .75em
}
em {
	color: red;
	font-style: normal
}
input[type=file].upload {
	display: none;
	width: 0;
	height: 0
}
#pic-valid-hr, #pic-valid {
	display: none
}
#pic-valid-label {
	height: 3rem;
	position: absolute;
	right: .5rem
}
#pic-valid-img {
	margin-top: .5rem;
	height: 2rem
}
.alwcp {
	-webkit-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text
}
.yydz {
	margin-bottom: .75rem;
	line-height: 1.5rem;
	padding-left: 1rem;
	border: none;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding-bottom: 1rem
}
.yydz h3 {
	color: #3382e2;
	margin: 0;
	padding: 1rem 0 .5rem 0;
	font-size: 1.35rem;
	padding-bottom: 0
}
.yydz h5 {
	margin: 0;
	margin-top: 1rem;
	font-size: 1.1rem;
	line-height: 1.2rem
}
.section.area div.yydz-line, .section.area div.yydz-noline {
	line-height: 1.5rem
}
.yydz-line .area-item.cell, .yydz-noline .area-item.cell {
	font-weight: 500;
	float: left;
	width: auto;
	padding-left: 0;
	line-height: 1.5rem;
	color: #666
}
.yydz-noline .area-item.cell {
	float: none;
	width: 2rem;
	height: 1rem
}
.section.area div.rdoly.bold {
	font-weight: 500;
	display: inline-block;
	margin-right: -3rem;
	line-height: 1.5rem;
	padding-right: 3rem;
	color: #666
}
@font-face {
	font-family: "iconfont";
	src: url('../FONTS/iconfont.eot');
	src: url('../FONTS/iconfont.eot?#iefix') format('embedded-opentype'), url('../FONTS/iconfont.woff') format('woff'), url('../FONTS/iconfont.ttf') format('truetype'), url('../FONTS/iconfont.svg#iconfont') format('svg')
}
.iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: .2px;
	-moz-osx-font-smoothing: grayscale
}
.iconfontitem {
	position: relative
}
.icon-gt:before { content: "\e600"; }
.icon-tel:before { content: "\e601"; }
.icon-map:before { content: "\e602"; }
.icon-gougou:before { content: "\e604"; }
.icon-exclamation:before { content: "\e603"; }

.step7_pai ul,.step7_pai ul li{
    padding:0;
    margin:0;
    list-style:none;
}

.clearfix:after {
    display: block;
    content: "$";
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden
}

.clearfix {
    *zoom:1}

.btn-blue {
    margin: 0 10px 20px;
    display: block;
    padding: 0 0;
    font-size: 17px;
    line-height: 40px;
    text-align: center;
    border-radius: 3px;
    color: #fff;
    background-color: #3381E3;
    text-decoration:none;
}

.btn-blue:hover{
    background-color: #1e73de;
    color: #fff
}

.btn-blue.disable,.disable.btn-gray {
    color: #fff;
    background-color: #CACACA
}

.btn-blue.disable:hover,.disable.btn-gray:hover {
    background-color: #bdbdbd;
    color: #fff
}

.step-progress ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

.step-progress {
  padding: 0rem 12px 0;
  overflow: hidden;
}
.step-progress ul {
  margin-top: 30px;
  width: 100%;
}
.step-progress ul .prog-cycle {
  position: relative;
  margin: 0 7px;
  width: 30px;
  height: 30px;
  -moz-border-radius: 15px;
  -webkit-border-radius:15px;
  border-radius: 15px;
  background-color: #CACACA;
  background-image: url(../images/step7_pai.png);
  background-repeat: no-repeat;
}
.step-progress ul .prog-cycle .prog-txt {
  top: -25px;
  right: auto;
  bottom: auto;
  left: -11px;
  position: absolute;
  width: 62px;
  height: 26px;
  font-family: "Hiragino Sans GB", "Microsoft Yahei";
  font-size:12px;
  color: #999;
  line-height: 26px;
  overflow: hidden;
}
.step-progress ul .i-identity {
  background-position: center 7px;
  background-size: cover;
}
.step-progress ul .i-create {
  background-position: center -28px;
  background-size: cover;
}
.step-progress ul .i-confirm {
  background-position: center -70px;
  background-size: cover;
  left: -3px;
}
.step-progress ul .prog-line {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-top: 13px;
  height: 2px;
  overflow: hidden;
  background: #CACACA;
}
.step-progress ul .prog-cycle.active, .step-progress ul .prog-line.active {
  background-color: #307FDE;
}

.pai-notice-main {
  margin: 0 0 20px;
  background: #fff;
}
.pai-notice-main .status {
  margin-bottom:10px;
  padding: 5px 15px;
  font-family: "Hiragino Sans GB", "Microsoft Yahei";
  font-size: 14px;
  color: #666;
  line-height: 180%;
}
.pai-notice-main .notice {
  padding: 0 0 2px;
}
.pai-notice-main .notice li {
  margin-bottom:3px;
  float: left;
  width: 50%;
  text-align: center;
}
.pai-notice-main .notice li .notice-img {
  margin-bottom: 5px;
  display: inline-block;
  width:50px;
  height:50px;
  background: url("../images/pai_notice.png");
  background-repeat: no-repeat;
}
.pai-notice-main .notice li .light {
  background-size: cover;
  background-position: center 5px;
}
.pai-notice-main .notice li .quite {
  background-size: cover;
  background-position: center -72px;
}
.pai-notice-main .notice li .unhide {
  background-size: cover;
  background-position: center -148px;
}
.pai-notice-main .notice li .wifi {
  background-size: cover;
  background-position: center -227px;
}
.pai-notice-main .notice li .notice-txt {
  font-family: "Hiragino Sans GB", "Microsoft Yahei";
  font-size: 12px;
  color: #666;
  line-height: 20px;
}
.step8 {
    text-align:center;
}
 .step8 h2 {
   margin:0;
   padding:1em 0.5em;
   line-height: 180%;
   font-size: 22px;
   color: #666;
   font-family: "Microsoft Yahei";
   color:#3381E3;
}
 .step8 p {
    margin:0 0 2em;
    padding:0.5em;
    color:#333;
    line-height:160%;
    background:#fff;
  }

.complete-trips {
    margin-bottom:20px;
    padding:0 15px;
    color:#333;
    line-height:180%;
    font-size:13px;
}
    .complete-trips a {
        color:#3381e3;
    text-decoration:none;
    }