/* css utf-8 编码声明  下面注释若有必要可自行删除
Write by 奇点网络 WWW.QIDIANRT.COM  QQ/WeChat：1195650011  Tel：15508600880
 */
@font-face{
  font-family: SourceHanSansRegular;
  src: url('');
}
@font-face{
  font-family: SourceHanSansBold;
  src: url('');
}
html {-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%}
body {margin: 0;padding: 0;font-family: SourceHanSansRegular,'Microsoft Yahei',Arial,Verdana,sans-serif;}
ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,hgroup,p,blockquote,figure,form,fieldset,input,legend,pre,abbr,button {margin: 0;padding: 0}
ul{ list-style: none;}
ul:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
pre,code,address,caption,th,figcaption {font-size: 1em;font-weight: normal;font-style: normal}
fieldset,iframe,img {border: 0}
img{max-width: 100%;}
caption,th {text-align: left}
table {border-collapse: collapse;border-spacing: 0}
article,aside,footer,header,nav,main,section,summary,details,hgroup,figure,figcaption {display: block}
audio,canvas,video,progress {display: inline-block;vertical-align: baseline}
button {background: none;border: 0;-webkit-box-sizing: content-box;box-sizing: content-box;color: inherit;cursor: pointer;font: inherit;line-height: inherit;overflow: visible;vertical-align: inherit}
input,textarea,select,input:focus,button,button:focus {outline: none;}
button:disabled {cursor: default}
:focus {outline: 3px solid #c1e0fe;outline: 3px solid rgba(131,192,253,0.5);outline-offset: 1px}
:focus[data-focus-method="mouse"]:not(input):not(textarea):not(select),:focus[data-focus-method="touch"]:not(input):not(textarea):not(select) {outline: none}
::-moz-focus-inner {border: 0;padding: 0}
.clearfix {clear:both;}
.clear{clear:none;}
.clear:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}

:root{
	--blue:#0666e1;
}

/* page-index-all */

@keyframes fadeindown_little {
  0%   {opacity: 0;transform: translateY(-20px)}
  100% {opacity: 1;transform: translateY(0)}
}
.little:hover{animation-name: fadeindown_little;animation-duration: .5s;}

.page-index-all {width:100%;height:100%;background-color:rgba(0,0,0,.5);position:fixed;left:0;top:0; z-index: 999999;display: none;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.q_form_mask{width:100%;height:100%;position: absolute;left:0;top:0;}
.q_form_mask_in{width:400px;position: absolute;left:50%;margin-left:-200px;top:50%;text-align: center;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}
.q_form_main{width:100%;margin:0 auto;background-color: #fff;border-radius: 4px;padding:45px 50px;position: relative;
	animation-name: fadeindown_little;animation-duration: .5s;
}
.q_form_main:after{content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0;}
.q_form_close{width: 20px;height: 20px;line-height: 20px;text-align: center;position: absolute;top: 10px;right: 10px;color: #50506d;font-size: 22px;
  cursor: pointer;
}
.q_form_close:hover{color:var(--blue);}
.q_form_h{width:100%;margin:0 auto;color: #50506d;font-family: Helvetica Neue,Helvetica,sans-serif;text-align: center;}
.q_form_h_big{width:100%;margin:0 auto;font-size: 20px;font-weight: 700;line-height: 25px;}
.q_form_h_small{width:100%;margin:10px auto 0;font-size: 12px;line-height: 20px;}
.q_form_input{width:100%;margin:10px auto 0;position:relative;color:#50506d;border:1px solid #50506d;border-radius: 4px;padding:5px 5px;}
.q_form_input>i{display: block;width:30px;height:30px;line-height: 30px;font-size: 22px;float:left;}
.q_form_input>span{display: block;width:30px;float:right;}
.q_form_input>input{width:calc(100% - 60px);float:left;border:0;padding:0 10px;line-height: 30px;height:30px;font-size: 13px;color:#50506d;}
.q_form_button{width:100%;margin:20px auto 0;text-align: center;border-radius: 8px;font-size: 15px;line-height: 40px;padding:3px 0;cursor: pointer;
	background-color: var(--blue);color:#fff;
}
#q_alert{z-index: 9999999;}
#q_alert .q_form_h_big{font-size: 17px;text-align: left;}
#q_alert .q_form_h_small{font-size: 13px;text-align: left;}
#q_alert .q_form_button{width:auto;display: inline-block;float:right;line-height: 20px;padding:7px 30px;font-weight: 400;}

@media(max-width: 640px){
	.q_form_mask_in{width:300px;left:50%;margin-left:-150px;}
}


/*color*/
.blue{ color:#0666e1 ;}
.orange{ color: #fc8800 ;}

.head{ height: 60px; background: #2c2e31;}
.head .centre{ width: 1100px; margin: 0 auto;}
.logo_img{width:240px;float:left;}
.logo_img a{outline: none;display: block;width:100%;}
.logo_nav{width:calc(100% - 250px);float:right;}
.logo_nav li{float:left;margin-right: 30px;}
.logo_nav li a{outline: none;display: block;width:100%;padding:15px 0;font-size: 17px;color:#fff;line-height: 30px;text-decoration: none;position: relative;}
.logo_nav li a:after{position: absolute;left: 50%;bottom: 10px;content: "";width: 0;height: 3px;background-color: #fff;border-radius: 3px;
	-webkit-transition: all 0.5s ease-in-out;
	   -moz-transition: all 0.5s ease-in-out;
	    -ms-transition: all 0.5s ease-in-out;
	     -o-transition: all 0.5s ease-in-out;
	        transition: all 0.5s ease-in-out;
}
.logo_nav li:hover a:after,.logo_nav li.on a:after{width: 50%;transform: translateX(-50%);}

.content{ width: 800px; margin: 0 auto; padding-top: 120px;}
.content .home-top{ padding: 0 100px; width: 640px;}
.system-title{ height: 150px; position: relative; padding-left: 200px;}

.magnifier-icon{ position: absolute; top: 0; left: 0;}
.system-title .title{ padding-top: 10px; line-height: 60px; font-weight: bold; color: #0863d8; font-size: 40px;}
.system-title .explain{ color: #fc8800; font-size: 16px;}

a.download{display: inline-block;font-size: 17px;color: #0863d8;outline: none;text-decoration: none;padding:5px 15px;
	border:1px solid #0863d8 ;margin-bottom: 25px;
}

.form-box .level-item{ position: relative; margin-top: 30px; min-height: 40px; padding-left: 145px;}
#tijiao.form-box .level-item{margin-top:12px;}
.form-box .level-item .key{ position: absolute; width: 120px; left: 0; top: 0; line-height: 40px; color: #666666;text-align:right;}
.form-box .input-text input{ padding: 0 10px; box-sizing: border-box; width: 100%; height: 40px; line-height: 40px;
	background: #f7f7f7; border: 1px solid #eeeeee; border-radius:6px;
}
.form-box  .submit-box{ text-align: center;}
.form-box  .submit{ margin: 0 auto; width: 200px; height: 40px; border-radius: 6px; background: #0666e1; color: #ffffff;}
.form-box  .submit:hover, .detail .continue:hover{ background: #0250b5;}
.tip{ font-size: 14px; padding-top: 10px; color: #999;}

.query-method{ padding-top: 40px; padding-bottom: 100px;}
.query-method .take-care{ line-height: 22px; color: #666;}
.query-method .take-care .title{ font-weight: bold; color: #333;}
.query-method .take-care p{ padding: 5px 0; text-indent: -10em; padding-left: 10em;}
.method-box{ padding:20px 30px 30px; background: #f5f9fd; border: 1px solid #e9eff7;border-radius: 6px;}
.method-box .hd{ height: 40px; line-height: 40px; font-size: 16px; font-weight: bold; color: #333;}
.method-box li{ line-height: 30px; color: #666;}

.detail{ width: 1100px; margin: 0 auto;}
.detail .code-list{ padding-bottom: 20px; padding-top: 45px; line-height: 40px; border-bottom: 1px solid #DCDCDC;}
.detail .code-list ul::after{ content:'';display: table; clear: both;}
.detail .code-list li{ float: left; padding-right: 30px;}
.detail .continue{float: right; width: 120px; height: 40px; border-radius: 6px; background: #0666e1; color: #ffffff;display: block;outline: none;text-decoration: none;text-align:center;}
.detail .jsondata{padding:0 40px;}
.detail .jsondata li{ position: relative; padding: 6px 0 6px 190px; line-height: 30px; min-height: 30px;}
.detail .jsondata li .key{ position: absolute; left: 0; top: 0; padding: 6px 0; display: inline-block; width: 180px; text-align: right; color: #999;}
.detail .jsondata li .val{min-height: 30px;}
.detail  .remark{padding:5px 40px;}

.content-title{ padding-top: 40px; padding-bottom: 20px; padding-left: 140px; line-height: 30px; background: url(../image/small-ok.png) 70px 30px no-repeat; font-size: 30px; font-weight: bold;}
.content-title.content-title-fail{background: url(../image/small-fail.png) 70px 30px no-repeat;}
.contetn-body{ min-height: 400px; padding-right: 360px; background: url(../image/big-ok.png) right 0 no-repeat;}
.contetn-body.contetn-body-fail{background: url(../image/big-fail.png) right 0 no-repeat;text-align: center;}
.q_fail{color:#b00;display: inline-block;margin:30px auto;font-size: 22px;font-weight: bold;}

.foot{ position: fixed; right: 0; bottom: 0; left: 0; height: 45px; line-height: 45px; background: #ffffff;border-top: 1px solid #ddd; text-align: center; box-shadow: 0 0 4px 1px #dcdcdc;}
.foot a{outline:none;color:#222;text-decoration:none;}
.foot a:hover{color:#0666e1;}