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


/*	Page reset	*/
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dd,ul,ol,li,pre,form,fieldset,legend,button,input,table,textarea,th,td{
    margin:0;
    padding:0;
}
body,button,input,select,textarea{ font:16px/1.5 '\5FAE\8F6F\96C5\9ED1',Arial,'\9ED1\4F53','\5B8B\4F53'; color:#333; outline:medium;}
h1,h2,h3,h4,h5,h6,button, input, select, textarea { font-size:100%; font-weight:normal;}
input,select{ border:none; outline:none}
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px white inset; } 
em{ font-style:normal;}
ul,ol{ list-style:none;}
img{ border:none; vertical-align:middle}
a{ text-decoration:none; color:#333;}
a:hover{ text-decoration:none; color:#333;}
html,body{height: 100%;}

a:focus{outline:0}

.wrapper{
	width: 100%;
    min-height: 100%;
    height: auto;
    display: -webkit-box;
    display: box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-box;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-box-align: center;
    box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    box-pack: center;
    -ms-flex-pack: center;
}

.layout1{ width:360px; margin:0 auto; position:relative; background:#fff;padding: 0 270px 50px 270px;}
.layout1 > h2{ font-size:20px; font-weight:bold; text-align:center;}
.layout1 > .line{ width:40px; height:3px; background:#ff7800; margin:25px auto 0; display:block;}
.layout1 > p{ font-size:16px; margin-top:25px; line-height:22px;}
.logo{ width:150px;}

.from01 select{ width:360px; box-sizing:border-box; border:1px solid #ddd; border-radius:4px; height:40px; line-height:40px; padding-left:5px; margin:20px 0; display:block;}
.ck-web{ position:relative;margin-top:25px;}
.ck-web input{ width:230px; box-sizing:border-box; border:1px solid #ddd; border-radius:4px; padding:5px; height:40px; line-height:40px; margin-right:10px;}
.ck-web a{ width:118px; height:38px; line-height:38px; text-align:center;border-radius:4px; font-size:14px;}
.ck-web .active-tel{ background:#48cfae; color:#fff; border: 1px solid #48cfae;}
.ck-web .disabled-safe{ background:#ccc; color:#999}
.ck-web span{ position:absolute; right:-130px; top:10px;width:120px; text-align:left}

.Validform_wrong{ color:#f00;}
.from01 > p{ color:#666; margin:30px 0 0; line-height:5px; height:20px; font-size:14px}
.from01 > p >a{ color:#177ce3}
.layout1 #message{ height: 30px; line-height: 30px;font-size: 12px;}
.next,.kf-tel{ height:40px; line-height:40px; width:360px; background:#ff7800; color:#fff; text-align:center; display:block; border-radius:4px;font-size:14px }
.next:hover{ color:#fff;}
.kf-tel:hover{ color:#fff;}
.kf-tel{ background:#bbb; color:#333; margin-top:30px;}
.bottom-safe{ position:fixed; bottom:15px; text-align:center; width:100%; font-size:12px;}

.ck-web1{ height:40px; margin-top:25px; line-height:40px; position:relative; box-sizing:border-box; border:1px solid #ddd; border-radius:4px;}
.name{ height:38px; line-height:38px; width:80px; padding:0 0 0 8px; float:left;}
.name span{ color:#ddd; margin-left:10px;}
.input-main{ width:258px;height:38px; line-height:38px;}
.input-main input{ border:none; height:28px; line-height:28px; padding:5px; width:228px;}
.input-main span{ position:absolute; right:-130px; top:0px; width:120px; text-align:left}
.input-main b{ position: absolute; right:8px; top:10px; width:18px; height:18px;}
.input-main b.green{ background:url(../img/1-2_06.png) no-repeat center center;}
.input-main b.red{ background:url(../img/1-2_03.png) no-repeat center center;}
.title-safe{ color:#e84e40;}
.title-safe img{ position:relative; top:-2px; margin-right:6px;}
.layout1 > img{display:block; margin:25px auto;}
.layout1 > img.logo{ margin:25px auto 40px}

.select{ box-sizing:border-box;width:360px; height:40px; line-height:40px; border:1px solid #ddd; border-radius:4px; margin-top:25px; font-size:14px; position:relative;}
.select-box{ padding-left:5PX; }
.select-box p{ float: left; width: 312px;  border-right: 1px solid #e8e8e8; cursor: pointer;}
.icon_cirarr{float: right;background:url(../img/contact_11.png); cursor:pointer; width: 16px;height: 16px;margin: 11px 12px 0 12px;}


.country-container {
	display:none;
    width: 100%;
    background: #fff;
    max-height: 270px;
    line-height: 30px;
    border: 1px solid #e8e8e8;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    left: 0;
    top: 38px;
    z-index: 98;
}

.country-container ul li{
	padding: 0 10px;
    line-height: 39px;
    clear: both;
    overflow: hidden;
    color: #000;
    border-bottom: 1px solid #e0e0e0;
    cursor: pointer;
}
.country-container ul li:hover{background: #eaeaea;}	

/*	  Function		*/
.clearfix:after {content:"";display:table;clear:both}
.clearfix{ *zoom:1;}
.none{ display:none}
.block{ display:block}

.layout-concent{ background:#fff; border-radius:0 0 8px 8px;}
.layout{ margin:0 auto;}

#imgCode{ cursor: pointer;}

.left{ float:left}
.right{ float:right}

.bg_body{ background:#eee;}
.bg_bodyF{ background:#f5f5f5;}

.orange{ background:#ff7800; color:#fff;}
.orange:hover{ color:#fff}
.rcolor{ background:#ffe4cc}
.gray{ background:#eee; color:#666666;}
.gray-h{ background:#eee; color:#666}
.gray:hover{color:#666666}
.blue{ background:#48c9b0; color:#fff}
.blue:hover{color:#fff}
.subFrom{ background: #ff7800; color: #fff; border: 1px solid #ff7800;}
.redColor{ color:#F00 !important}

.btnW{text-align:center; border-radius:4px; display:block;}
.orboder{ border:1px solid #ff7800;}
.grayboder{ border:1px solid #ddd;}
.blueboder{ border:1px solid #48c9b0;}
.disabled-tel{ background:#eee; border:1px solid #ddd; color:#999 !important;}

.sumitW120{ width:118px; height:38px; line-height:36px; cursor:pointer; font-size:14px;}
.sumitW100{ width:98px;height:38px; line-height:38px; cursor:pointer;font-size:14px;}
.sumitW190{ width:188px; height:38px; line-height:38px; cursor:pointer;font-size:14px;}
.inputW180{ width:168px; padding:5px; height:28px; line-height:28px; border:1px solid #ddd;}
.w180{ width: 180px;}
.inputRadius{ border-radius:4px; font-size:14px;}


.padding-t70{ padding-top:70px;}
.padding-t40{ padding-top:40px;}
.margin_20{ margin-left:20px;}
.maggin-30{ margin-top: 30px;}
/*	top	  */
.enrollheader{ height:60px; background:#eee;}
.w960{ width:958px; margin:0 auto;}
.enrollheader .w960{ padding-top:12px;}
.enrollMain{ margin-top:50px; border:1px solid #eaeaea; border-radius:8px}
.enrollForm{ background:#fff; padding:50px 80px 100px 100px; border-radius:0 0 8px 8px;}

/*	  copy right	*/
.main_bottom{ width:880px; text-align: center; margin: 200px auto 40px;}
.main_bottom .links{ margin-bottom:30px;text-align:center;}
.main_bottom .links a{ margin-right:6px; color:#333; font-size:14px;}
.copyright{ text-align:center; color:#333; font-size:14px;}


/*		process-line		*/
.process{  background:#f8fafd; padding:29px 131px 14px 118px; height:77px; border-radius:8px 8px 0 0}
.process .process-item { width:685px; margin:0 auto;}
.process .process-item .process-list{ display:inline-block; zoom:1; height:30px;}
.process .process-item .process-list .process-state{ background:url(../img/orange_step01.png) no-repeat; position:relative; float:left; width:30px; height:30px;}
.process .process-item .process-list .process-state02{ background:url(../img/orange_step02.png) no-repeat;}
.process .process-item .process-list .process-state03{ background:url(../img/orange_step03.png) no-repeat;}
.process .process-item .process-list .process-stategreen{ background:url(../img/green_tick30.png) no-repeat;}
.process .process-item .process-list .process-it02{ background:url(../img/gray_step02.png) no-repeat;}
.process .process-item .process-list .process-it03{ background:url(../img/gray_step03.png) no-repeat;}
.process .process-item .process-list .process-line{ height:1px; background-color:#ddd; width:250px; margin:14px 20px 0 50px;}
.process .process-item .process-list .process-state .process-txtWrap{ display:block; position:absolute; left:50%; bottom:-34px;}
.process .process-item .process-list .process-state .process-txtWrap .perocess-txt{ position:relative; width:auto; left:-50%; white-space:nowrap; display:block; font-size:14px; color:#bbb;}
.process .process-item  .process-active .process-state .process-txtWrap .perocess-txt{ color:#ff7800}
.process .process-item  .process-active .process-stategreen .process-txtWrap .perocess-txt{ color:#44b549}

/*	  form		*/
.list-login { height:40px; line-height:40px;}
.form-tel{ height:70px;}
.list-login .title-label{ color:#333}
.logintext{ height:28px; line-height:28px; padding:5px; border:1px solid #ccc;border-radius:4px;}
.loginW320{ width:308px;}
.loginW180{ width:168px;}
.err-title{ height:70px;}
.Validform_checktip{ line-height:30px; font-size:14px;color:red;}
.Validform_right{ color:#fff;}
.Validform_wrong{ color:red}


::-webkit-input-placeholder { /* WebKit browsers */
color:#ccc;
font-size:14px;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color:#ccc;
font-size:14px;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color:#ccc;
font-size:14px;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
color:#ccc;
font-size:14px;
}

/*     动画      */
.shanke{ 
-webkit-animation-name:shake-move; -webkit-animation-duration:1s;-webkit-animation-timing-function:linear;
-moz-animation-name:shake-move;  -moz-animation-duration:1s;-moz-animation-timing-function:linear;
-ms-animation-name:shake-move;  -ms-animation-duration:1s;-ms-animation-timing-function:linear;
-o-animation-name:shake-move;  -o-animation-duration:1s;-o-animation-timing-function:linear;
}
@-webkit-keyframes shake-move{
	10%{
		-webkit-transform:translateX(3px) rotate(2deg);
		-moz-transform:translateX(3px) rotate(2deg);
		-ms-transform:translateX(3px) rotate(2deg);
		-o-transform:translateX(3px) rotate(2deg);
	}
	20%{
		-webkit-transform:translateX(-3px) rotate(-2deg);
		-moz-transform:translateX(-3px) rotate(-2deg);
		-ms-transform:translateX(-3px) rotate(-2deg);
		-o-transform:translateX(-3px) rotate(-2deg);
	}
	30%{
		-webkit-transform:translateX(3px) rotate(2deg);
		-moz-transform:translateX(3px) rotate(2deg);
		-ms-transform:translateX(3px) rotate(2deg);
		-o-transform:translateX(3px) rotate(2deg);
	}
	40%{
		-webkit-transform:translateX(-3px) rotate(-2deg);
		-moz-transform:translateX(-3px) rotate(-2deg);
		-ms-transform:translateX(-3px) rotate(-2deg);
		-o-transform:translateX(-3px) rotate(-2deg);
	}
	50%{
		-webkit-transform:translateX(2px) rotate(1deg);
		-moz-transform:translateX(2px) rotate(1deg);
		-ms-transform:translateX(2px) rotate(1deg);
		-o-transform:translateX(2px) rotate(1deg);
	}
	60%{
		-webkit-transform:translateX(-2px) rotate(-1deg);
		-moz-transform:translateX(-2px) rotate(-1deg);
		-ms-transform:translateX(-2px) rotate(-1deg);
		-o-transform:translateX(-2px) rotate(-1deg);
	}
	70%{
		-webkit-transform:translateX(2px) rotate(1deg);
		-moz-transform:translateX(2px) rotate(1deg);
		-ms-transform:translateX(2px) rotate(1deg);
		-o-transform:translateX(2px) rotate(1deg);
	}
	80%{
		-webkit-transform:translateX(-2px) rotate(-1deg);
		-moz-transform:translateX(-2px) rotate(-1deg);
		-ms-transform:translateX(-2px) rotate(-1deg);
		-o-transform:translateX(-2px) rotate(-1deg);
	}
	90%{
		-webkit-transform:translateX(1px) rotate(0deg);
		-moz-transform:translateX(1px) rotate(0deg);
		-ms-transform:translateX(1px) rotate(0deg);
		-o-transform:translateX(1px) rotate(0deg);
	}
	100%{
		-webkit-transform:translateX(-1px) rotate(0deg);
		-moz-transform:translateX(-1px) rotate(0deg);
		-ms-transform:translateX(-1px) rotate(0deg);
		-o-transform:translateX(-1px) rotate(0deg);
	}
}

.base_bottom{ margin:140px auto 140px;}
.appeal-Layout{ width:880px; margin:0 auto;}
.apeal-top{ margin-top:10px; padding-bottom:15px; border-bottom:1px solid #ccc;}
.apeal-top span{ line-height:52px; font-size:20px; margin-left:10px; font-weight:bold; height:37px;}
.apeal-proce{ margin-top:40px;position: relative;}
.process{  background:#f8fafd; padding:42px 131px 21px 118px; height:77px; border-radius:4px;}
.process .process-item { width:685px; margin:0 auto;}
.process .process-item .process-list{ display:inline-block; zoom:1; height:30px;}
.process .process-item .process-list .process-state{ background:url(../img/orange_step01.png) no-repeat; position:relative; float:left; width:30px; height:30px;}
.process .process-item .process-list .process-state02{ background:url(../img/orange_step02.png) no-repeat;}
.process .process-item .process-list .process-state03{ background:url(../img/orange_step03.png) no-repeat;}
.process .process-item .process-list .process-stategreen{ background:url(../img/green_tick30.png) no-repeat;}
.process .process-item .process-list .process-it02{ background:url(../img/gray_step02.png) no-repeat;}
.process .process-item .process-list .process-it03{ background:url(../img/gray_step03.png) no-repeat;}
.process .process-item .process-list .process-line{ height:1px; background-color:#ddd; width:250px; margin:14px 20px 0 50px;}
.process .process-item .process-list .process-state .process-txtWrap{ display:block; position:absolute; left:50%; bottom:-34px;}
.process .process-item .process-list .process-state .process-txtWrap .perocess-txt{ position:relative; width:auto; left:-50%; white-space:nowrap; display:block; font-size:14px; color:#bbb;}
.process .process-item  .process-active .process-state .process-txtWrap .perocess-txt{ color:#ff7800}
.process .process-item  .process-active .process-stategreen .process-txtWrap .perocess-txt{ color:#44b549}

.fl{ float: left;}
.margin-l{ margin-left:114px;}
.img-uploadfiy{ margin-bottom:10px; position: relative;}
.margin-l-30{ margin-left:30px;}
.img-add{ position:relative; cursor:pointer;}
.img-add p{ position:absolute; left:0; top:0; width:120px; height:80px; z-index:9; background:rgba(0,0,0,0.5); color:#fff; line-height:80px; text-align:center; font-size:14px;}
.img-add img{ width:120px; height:80px; display:block;}
.img-add span{ display:block; margin-top:10px; font-size:14px; text-align:center; cursor: text;}
.gray-span{ color:#999}

.model-concent{ margin-top:70px;}
.model-concent img{ width:60px; height:60px; margin-left:78px; margin-top:10px;}
.title{ margin-left:20px;}
.title h2{ font-size:18px; color:#259b24; text-align:left; margin-bottom:10px;}
.title span{ display:block; font-size:14px; color:#999; text-align:left;}
.model-btn{ display:block; margin:30px auto 0; background:#ff7800;  width:100px; height:24px; line-height:24px; text-align:center; color:#fff; font-size:14px; border-radius:4px;}
.model-btn:hover{ color:#fff}

.model-img{ padding:0 20px 26px; width: 240px; border:1px solid #ddd; box-shadow:1px 1px 1px #333; border-radius:4px; position:absolute; background:#fff; z-index:9999; display:none;}
.model-img .up-date{ padding:15px 0 0;}
.errorT-img{ text-align:center; margin-bottom:5px; color: #999; font-size:14px; }
.up-btn{ margin: 0 auto 20px; width: 80px;}
.model-img .update span{ font-size:14px; color:#999;  display: block; line-height: 1.5}
.model-img .update b{ color:#ff7800; }
.model-img .up-date i{width:10px; float: right; height:10px; background:url(../img/ask_close.png) no-repeat; cursor:pointer; margin-top:5px;}
.update-a{ display:block; margin:0 auto 20px; width:80px; height:24px; line-height:24px; background:#ff7800; color:#fff; text-align:center; border-radius:4px; cursor:pointer;}
.update-a:hover{ color:#fff}
.model-img .update  .update-a .uploadify-button-text{ color: #fff}
.img-shadow{ position:fixed; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.5; z-index:998; display:none;}
.uploadify-queue-item{ display: none; }
.model-img .spinner{ margin: 0 auto 20px; width: 30px;  height:30px; display: none;}
.spinner .container1 > div, .spinner .container2 > div,.spinner  .container3 > div { width: 6px;  height:6px;}
.upload-title{ font-size:14px; color: #f00; margin-bottom: 10px;}
.clearpointer{ cursor: text;}

/* loading */
.spinner {
	margin: 280px auto 0;
	width: 60px;
	height: 60px;
	position: relative;
}

.container1 > div, .container2 > div, .container3 > div {
	width: 16px;
	height: 16px;
	background-color: #ff7800;
	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);
	  }
}


.fix-shadow{ background:rgba(0,0,0,0.7); z-index:999; position:fixed; left:0; top:0; width:100%; height:100%; display:none;}
.order-help{ width:800px; border-radius:4px; position:absolute; left:50%; margin-left:-400px; top:0; z-index:999; background:#fff; display:none;}
.order-help h2{ padding-left:20px; height:50px; border-bottom:1px solid #ddd; line-height:50px; position:relative;}
.order-help h2 i{ width:14px; height:14px; position:absolute; right:20px; top:18px; background:url(../img/a-close.png) no-repeat center center; cursor:pointer;}
.order-h-main{ padding:0 100px;}
.order-h-pic{ border-bottom:1px solid #ddd; padding-bottom:40px;}
.order-h-pic img{ display:block; margin:0 auto;}
.order-h-title{ margin:35px 0 10px 0; display:block; text-align:center;}
.order-h-black{ margin-bottom:35px; display:block; text-align:center; font-size:14px; color:#999;}
.order-h-last{ margin:35px; display:block; text-align:center;}

.certification{ width:900px; height:680px; padding:0 30px; background:#fff; margin:30px auto 0; border-radius:8px;}
.certification h2{ height:69px; line-height:69px; border-bottom:1px solid #ddd; font-size:20px;}
.certification-title{ margin-top:20px; padding:30px; background:#f5f5f5; border-radius:8px;}
.certification-title span{ display:block;}
.certification-title span i{ font-style:normal; margin-right:10px; position:relative; top:3px; color:#f00; font-size:14px;}
.t-main{ font-size:14px;}
.c-mar15{ margin-bottom:15px;}
.c-form{ width:420px; margin:50px auto 0;}
.form-1ist{ height:70px;}
.form-1ist label{ width:100px; height:40px; line-height:40px; text-align:left;}
.show-m{ height:40px;}
.error-m{ height:30px; line-height:30px; color:#ff0000; padding-left:100px;}
.show-m  input{ border:1px solid #ddd; padding:5px; height:28px; line-height:28px; width:308px; border-radius:4px;}
.form-a{ width:100px; height:40px; line-height:40px; border-radius:4px; background:#ff7800; color:#fff; text-align:center; display:block; font-size:14px; margin:70px auto 0;}
.form-a:hover{ color:#fff;}

.infoName i{ font-style:normal; color:#f00}
.forUserName{ color:#177ce3;}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none; }
input:-internal-autofill-selected {
	-webkit-box-shadow: 0 0 0 50px white inset; }
input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 50px white inset;
}
.que{
	display: block;
	text-align: center;
	width: 150px;
	margin: 0 auto;
	margin-top: 60px;
	color: #ff7800;
	text-decoration: underline;
}
.errorLogin{
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate3d(-50%,-50%,0);
	background-color: rgba(0,0,0,.7);
	color: #fff;
	padding: 10px 16px;
	border-radius: 20px;
	display: none;
}
.errorLogin.zd_wrong{
	display: block;
}