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: 15px; width: 100%; min-height: 100vh; line-height: 186%; background: url("../img/body-bg.jpg") center no-repeat #7c2025; background-size: auto 100%; 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:#7c2025; 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 */

/* Security Title One Star */
.security-title-one { text-align: left; border-bottom: 1px solid #e3e3e3; }
    .security-title-one h3.titles { float: left; line-height:1; font-size: 18px; font-weight: 700; padding-left:15px; position: relative; color: #323232;}
    .security-title-one h3.titles::after { content: ''; position: absolute; top:0; left: 0; width:4px; height:18px; background: #7c2025;}
    .security-title-one .numbers { float: right; width: 30px; height: 30px; line-height: 30px; text-align: center; background: #ccc;}
/* Security Title One End */

/* Header Start */
#header { margin-top: 30px; margin-bottom: 20px;}
    .header { }
    .header .logo { float: left;}
    .header .logo img { height: 70px;}
/* Header End */

/* Loginer Start */
#loginer { margin-top: 100px;}
    .loginer { }
    .loginer .login-panel { float: left; box-shadow: 0 0 16px 0 rgba(0, 0, 0, .05);border-radius: 12px;background-color: #fff;padding: 50px 56px;width: 480px;}

    .loginer .login-panel .titles { color: #333; font-size: 24px; font-weight: 600; margin-bottom: 22px;}
    .loginer .login-panel .subtitles { color: #7c2025; }
    .loginer .login-panel .subtitles h1 { position: relative; display: inline-block; font-size: 18px; line-height: 1; font-weight: 600;}
    .loginer .login-panel .subtitles h1:after { position: absolute; left: 0; bottom: -10px; width: 100%; height: 2px; content: ''; background-color: #7c2025;}

    .loginer .login-panel ul.lists { margin-top: 30px; margin-bottom: 30px;}
    .loginer .login-panel ul.lists li { margin-bottom: 20px;}
    .loginer .login-panel ul.lists li:last-child { margin-bottom: 0;}


    .loginer .login-panel ul.lists li input { width: 100%; outline: 0; padding-left: 20px; background: #f9fafb; border-radius: 6px; height: 54px; font-size: 14px;

        border: 1px solid #dcdfe6;
        box-sizing: border-box;
        color: #606266;
        display: inline-block;
        line-height: 40px;
        outline: 0;
        transition: border-color .2s cubic-bezier(.645,.045,.355,1);
    }
    .loginer .login-panel .buttons { }

    .loginer .login-panel .buttons button { display: inline-block;line-height: 1.8;white-space: nowrap; cursor: pointer; text-align: center;box-sizing: border-box;outline: 0;margin: 0;transition: .1s; border: none; width: 100%; padding: 12px 20px; font-size: 16px; color: #fff;font-weight: 500;background: linear-gradient(90deg, #e0230f, #7c2025);border-radius: 6px;}

    .loginer .qr-code { float: left; text-align: center; padding-top: 5%; margin-left: 20px; color: #FFF;}
    .loginer .qr-code img { max-width: 180px; margin-bottom: 20px;}
/* Loginer End */

/* Result Query Star */
#result-query { margin: 30px 0; }
    #result-query .boxs { background: #fff; padding: 3% 2%; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; box-shadow: 0 0 5px #eee;}
    .result-query { margin-top: 20px; }
    .result-query .result { border: 1px solid #e3e3e3; border-radius: 6px; font-size: 14px; padding: 15px; line-height: 160%; color: #000; margin-bottom: 20px;}
    .result-query .result .info { margin: 10px auto;}
    .result-query .result .info .certificate { margin: 0 auto; text-align: center; padding-left: 8%; padding-right: 8%;}
    .result-query .result .info .certificate img { max-width: 100%;}

    .result-query .buttons { margin: 0 auto;}
    .result-query .buttons a.back { overflow: hidden; font-weight: 500; font-size: 15px; line-height: 1; display: block; position: relative; letter-spacing: 1px; padding: 12px 0; text-align: center; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; transition:all .6s; -moz-transition:all .6s; -webkit-transition:all .6s; -o-transition:all .6s;}
    .result-query .buttons a.back:before {content: "";position: absolute;display: block;transition: all .6s;width: 100%;height: 0;border-radius: 50%;left: 50%;top: 50%;padding-top: 100%;transform: translateX(-50%) translateY(-50%);-webkit-animation: wave 1.3s infinite;animation: wave 1.3s infinite;z-index: 1;}
    .result-query .buttons a.back { background-color: #7c2025; color: #FFF;}
/* Result Query End */

/* Footer Start */
#footer { color: #FFF; position: fixed; bottom: 0; left: 0; text-align: center; width: 100%; padding-top: 15px; padding-bottom: 15px;}
    #footer a { color: #FFF;}
/* 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) {

    html,body{ background: url("../img/wap-body-bg.jpg") top center no-repeat #792024; background-size: 112% auto;}


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

    /* Header Start */
    #header { display: none;}
    /* Header End */

    /* Loginer Start */
    #loginer { margin-top: 30%;}
    .loginer .login-panel { float: none; padding: 50px 36px; width: 100%;}
    .loginer .qr-code { display: none;}
    /* Loginer End */


    /* Result Query Star */
    #result-query { margin-top: 30%;}
    .result-query .result .info .certificate { padding-left: 0; padding-right: 0;}
    /* Result Query End */



    /* Footer Start */
    #footer { position: static; bottom: 0; left: 0; text-align: center; width: 100%; padding-top: 15px; padding-bottom: 15px;}
    /* Footer End */
}

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


}

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


}