html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,
ins,kbd,q,samp,small,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin: 0;padding: 0;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
input,select,textarea{margin: 0;padding: 0}
input,select{vertical-align: middle}
ul,ol{list-style: none}
ul,ol,li,dl,dt,dd,pre,form,fieldset,img,div{ margin: 0; padding: 0; border: none; }
img{ vertical-align: middle; border-style: none; max-width: 100%; object-fit: cover;}
textarea{resize: none}
a{text-decoration: none}
em{font-style: normal}
html{ /*font-size: 100%;-webkit-text-size-adjust: 100%;-moz-text-size-adjust: 100%;-ms-text-size-adjust: 100%;text-size-adjust: 100%;*/}
*,*::after,*::before{-webkit-box-sizing: border-box; box-sizing: border-box; }
.clear{clear: both}
.clearfix,.w{zoom: 1}
.clearfix:after,.w:after{ content: "."; display: block; overflow: hidden; height: 0; clear: both; visibility: hidden}
.fl{float: left}
.fr{float: right}
b,strong{ font-weight:900;}

html,body{ font-size: 16px; width: 100%; height: 100vh; overflow: hidden; line-height: 186%; background: url("../img/login.gif") center no-repeat; background-size: cover; color:#000; font-family:"Microsoft YaHei","Microsoft JhengHei","幼圆",Arial,Helvetica,sans-serif;}

@font-face {
    font-family:'Geometric415BT BlackA'; src:url("../fonts/geometric/Geometric415BT-BlackA.eot");src:url("../fonts/geometric/Geometric415BT-BlackA.eot?#iefix") format("embedded-opentype"),url("../fonts/geometric/Geometric415BT-BlackA.woff") format("woff"),url("../fonts/geometric/Geometric415BT-BlackA.ttf") format("truetype"),url("../fonts/geometric/Geometric415BT-BlackA.svg#YourWebFontName") format("svg");
}

.filletBox { -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); behavior: url(ie-css3.htc);}

/* Links Start */
a{color:#000; text-decoration:none; outline:none !important;}
a:hover{color:#007aff; text-decoration:none;} a:focus{outline:thin dotted;} a:hover,a:active{outline:0;}
a, a:hover, a:focus { color:#333; text-decoration: none; }
/* Links End */

.blue { color: #0666e1;}
.orange { color: #fc8800;}
.tip {font-size: 14px;padding-top: 10px;color: #999;}

.container { max-width: 800px; margin: 0 auto;}
.container-full { max-width: 1100px; margin: 0 auto;}

/* Header Start */
.header { padding: 80px 8% 0 8%;}
    .header .logos { float: left; width: 238px;}
    .header .texts { float: right; width: calc(100% - 238px); text-align: left;}
    .header .texts .title { padding-top: 10px; line-height: 60px; font-weight: 700; color: #0863d8; font-size: 40px;}
    .header .texts .desc { color: #fc8800; font-size: 16px;}
/* Header End */

/* Form Box Start */
.form-box { padding-left: 12%; padding-right: 12%;}
    .form-box .level-item {position: relative;margin-top: 30px;min-height: 40px;padding-left: 100px;}
    .form-box .level-item .key {position: absolute;width: 100px;left: 0;top: 0;line-height: 40px;color: #666666;}
    .form-box .input-text input { outline: 0; 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 { border: 0; text-align: center; margin:20px auto 0 auto; width:200px; height:40px; border-radius:6px; background:#0666e1; color:#ffffff; line-height:40px; padding-left:0; cursor:pointer;}
    .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;}
/* Form Box End */

/* Query Method Start */
.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;}
/* Query Method End */

/* Query Result Start */
.query-result { }
    .query-result .head { padding-bottom: 20px;padding-top: 45px;line-height: 40px; border-bottom: 1px solid #DCDCDC;}
    .query-result .head .codes { float: left; }
    .query-result .head .codes ul::after {content: '';display: table;clear: both;}
    .query-result .head .codes li { float: left; padding-right: 30px; }
    .query-result .head .backs {float: right;width: 120px;height: 40px;border-radius: 6px;background: #0666e1;color: #ffffff; text-align: center;}

/* Query Result End */

.content-title { padding-top: 40px;padding-bottom: 20px;padding-left: 140px;line-height: 30px;background: url('../img/small-ok.png') 70px 30px no-repeat;font-size: 30px;font-weight: bold;}
.contetn-body {min-height: 400px;padding-right: 400px;background: url('../img/big-ok.png') right 0 no-repeat;}


.contetn-body .jsondata {padding: 0 40px;}
    .contetn-body .jsondata li {position: relative;padding: 10px 0 10px 160px;line-height: 30px;min-height: 30px;}
    .contetn-body .jsondata li .key {position: absolute;left: 0;top: 0;padding: 10px 0;display: inline-block;width: 150px;text-align: right;color: #999;}
    .contetn-body .jsondata li .val {min-height: 30px;}



/* Footer Start */
.footer {position: fixed;right: 0;bottom: 0;left: 0;height: 45px;line-height: 45px;background: #ffffff;text-align: center;}
    .footer a {color: #bdbdbd;font-size: 12px;}
    .footer a:hover {color: #000;}
/* Footer End */

/* <1920的设备 */
@media screen and (max-width: 1920px){

}

/* <1680的设备 */
@media screen and (max-width: 1680px){


}

/* <1500的设备 */
@media screen and (max-width: 1500px){


}

/* <1440的设备 */
@media screen and (max-width: 1440px){


}

/* <1366的设备 */
@media screen and (max-width: 1366px){


}

/* <1200的设备 */
@media screen and (max-width: 1200px){


}

/* <991的设备 */
@media screen and (max-width: 991px) {

    .container { padding-left: 10px; padding-right: 10px;}

}

/* <767的设备 */
@media screen and (max-width: 767px){


}

/* <450的设备 */
@media screen and (max-width: 450px){


}