@charset "utf-8";
*{margin:0;padding:0}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{margin:0;padding:0;font:14px/1.5 Arial,Helvetica,sans-serif}
table,td,tr,th{border-collapse:collapse;border-spacing:0;font-size:14px}
ol,ul{list-style:none}
li{list-style-type:none}
img{border:0}
em,i {font-style: normal}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:normal}
.clear{clear:both;*zoom:1}
.clear:after{display:block;overflow:hidden;clear:both;height:0;visibility:hidden;content:"."}
a{text-decoration:none}
a:visited{text-decoration:none}
a:hover{text-decoration:none}
a:active{text-decoration:none}
input,select,textarea,em,div,span {box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
input,select,textarea{-webkit-appearance:none;border-radius:0;outline:none;}
input[type="button"],input[type="submit"],input[type="reset"],input[type="text"],input[type="password"]{-webkit-appearance:none}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#bdbfc2}
input:-moz-placeholder,textarea:-moz-placeholder{color:#bdbfc2}
input::-moz-placeholder,textarea::-moz-placeholder{color:#bdbfc2}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#bdbfc2}
input::-ms-input-placeholder,textarea::-ms-input-placeholder{color:#bdbfc2;}
.fl{float:left}
.fr{float:right}

.head {text-align: center; padding: 50px 0;}
.head h1 {font-size: 40px;}
.head p {font-size: 20px; color: #0871FF; line-height: 50px;}

.content {width: 1300px; margin: 0 auto;}
.reg {width: 34%;}
.reg ul.flex-row {height: 50px;}
.reg ul.flex-row li {width: 50%; float: left; font-size: 18px; text-align: center; height: 50px; line-height: 50px; position: relative}
.reg ul.flex-row li.on:after {width:40px; height: 3px; background: #2443FC; display: block; content: ""; position: absolute; bottom: 0px; left: 50%; margin-left: -20px; }
.reg ul.flex-row li a {cursor: pointer}
.regform ul {padding: 26px 0 20px 0}
.regform ul li {height: 68px; position: relative}
.regform ul li input {height: 46px; border: 1px solid #d7d9df; border-radius: 3px; width: 100%; padding: 0 12px;}
.regform ul li input:hover {background: #e8f0fe}
.regform ul li p{font-size: 12px; color: #f78485}
.regform ul li img {width: 106px; height: 46px; position: absolute; right: 0px; top: 0;  border-radius: 3px; cursor: pointer}
.regform ul li .code {width: 96px; height: 36px; text-align: center; position: absolute; right: 0px; top: 0; border: 1px solid #e6e8ed; border-radius: 3px; line-height: 36px;font-size:12px; color: #B4B1B1;}
.regform ul li .code em {display: block; cursor: pointer; font-size: 14px; color: #2962f5;}
.regform ul li .code span {display: none;}
.regform ul li.pr110 {padding-right: 118px;}
.fruits {line-height: 16px; padding-bottom: 15px;}
.fruits em {width: 15px; height: 15px; border: 1px solid #d9dbe0; border-radius: 3px; display:block; float: left; vertical-align: middle; margin-right: 5px; cursor: pointer}
.fruits em.on{background: #3f75f6 url("../images/d.png") no-repeat center; border: 1px solid #3f75f6}
.ulogin a,.fruits a {color: #2962f5}
.logon input.submit {width: 100%; height: 36px; background: #2962f5; border-radius: 3px; border: none; color: #FFFFFF; cursor: pointer}
.ulogin {text-align: center; margin-top: 35px; background: url("../images/lbg.png") repeat-x center;}
.ulogin span {background: #ffffff; padding: 0 10px;}

.query {width: 59%;}
.query h2 {font-size: 26px; text-align: center; height: 70px}

.queryform ul li {position: relative; padding-left: 90px; }
.queryform ul li.ref {height: 70px;}
.queryform ul li em {width: 90px; position: absolute; left: 0px; top: 0px; line-height: 50px;}
.queryform ul li em i {color: #f78485}
.queryform ul li input.ref_z {height: 50px; border: 1px solid #d7d9df; border-radius: 3px; width: 100%; padding: 0 12px;}
.queryform ul li p{font-size: 12px; color: #f78485}
dl.verifi dt {height: 50px;}
.radio_c {height: 50px; display: inline-block; float: left; margin-right: 20px; cursor: pointer;}
.radio_c span {float: left; line-height: 50px;}
.radio_c span.radio {width: 15px;height: 15px; border: 1px solid #d7d9df; border-radius: 50%; display: block; margin: 17px 7px 0 0;}
.radio_c span.on {border: 1px solid #3f75f6; background: #3f75f6 url("../images/dian.png") no-repeat center;}

dl.verifi dd .wfile {height: 200px; border: 1px dashed #90adf9; border-radius: 3px; text-align: center}
dl.verifi dd .wfile span { padding: 50px 10px 20px 10px; display: inline-block; cursor: pointer; color: #2a62f5; background:url("../images/file.png") no-repeat center 18px; margin-top: 8%;}
dl.verifi dd .wfile2 {border: 1px solid #d7d9df; display: none}
dl.verifi dd .wfile2 textarea {width: 100%; height: 100%; border: none; padding: 10px 15px; resize: none; background: #ffffff}
.queryform .reference {padding:65px 0 0 90px;}
.queryform .reference input.submit {width: 100%; height: 56px; background: #2962f5; border-radius: 3px; border: none; color: #FFFFFF; cursor: pointer; font-size: 16px;}
  
.home {text-align: center; padding-top: 30px;}
.home a {margin: 0 15px;}

dl.search {}
dl.search dt {width: 100%; height: 60px; background: #F0F0F0;}
dl.search dd span,dl.search dt em {width: 14%; height: 60px; font-size: 18px; border: 1px solid #C9C9C9; border-right: none; line-height: 60px; float: left; text-align: center}
dl.search dd span.first,dl.search dt em.first {width: 16%;}
dl.search dd span.last,dl.search dt em.last {border-right: 1px solid #C9C9C9;}
dl.search dd {width: 100%; height: 50px;}
dl.search dd span { height: 50px; line-height: 50px; font-size: 15px; color: #1F1F1F; border-top: none;}

.about {padding: 30px 40px;}
.about p {line-height: 30px;}


.foot {padding: 50px 0; text-align: center; font-size: 18px;}

.popmask {width: 100%; height: 100%; background: rgba(34,34,34,0.6); position: fixed; top: 0; left: 0; z-index: 999; display: none;}
.popmask .poptxt {width: 900px; height: 100%; background: #ffffff; margin: 0 auto; position: relative;}
.popmask .poptxt em {width: 38px; height: 38px; background: url("../images/close.png"); position: absolute; top: 20px; right: -50px; cursor: pointer;}
.popmask .poptxt iframe {width: 100%; height: 100%;  border: none}

@media only screen and (max-width: 1466px) {
	.content {width: 1200px;}
}


@media only screen and (max-width: 1366px) {
	.content {width: 1100px;}
}

@media only screen and (max-width: 1240px) {
	.content {width: 100%; padding: 0 50px;}
	.popmask .poptxt {width: 80%}
}

@media only screen and (max-width: 992px) {
	.reg,.query {width: 100%}
	.query { padding-top: 50px;}
	.head h1 {font-size: 30px;}
	.head p {font-size: 16px;}
	.query h2 {font-size: 22px;}
	.search_c { overflow-x: scroll; padding-bottom: 5px}
	.search {width: 1000px;}
	dl.search dt {height: 50px;}
	dl.search dt em {height: 50px; line-height: 50px}
	dl.search dd {height: 40px;}
	dl.search dd span {height: 40px; line-height: 40px}
}
/*
* MobileMode
*/
@media only screen and (max-width: 768px) {
	.popmask .poptxt {width: 95%}
	.popmask .poptxt em {right: 20px}
}
@media only screen and (max-width: 750px) {
	.head h1 {font-size: 24px;}
	.head p {font-size: 14px;}
	.query h2 {font-size: 20px;}
	.reg ul.flex-row li {font-size: 16px;}
	dl.search dt em {font-size: 16px; height: 50px; line-height: 50px}
	dl.search dd span {font-size: 14px;height: 40px; line-height: 40px}
}
@media only screen and (max-width: 650px) {
	.content {padding: 0 20px;}
	dl.verifi dd .wfile {height: 160px}
}
@media only screen and (max-width: 480px) {
	.head p {font-size: 12px;}
	dl.verifi dd .wfile {height: 140px}
}