@charset "utf-8";
html { width: 100%; height: 100%; }
body { position: relative; width: 100%; height: 100%; background: #1175ff url("../img/bg-pc.jpg") no-repeat center -100px; font-size: 14px;
    font-family: "Microsoft Yahei","微软雅黑"; color: #333; margin: 0; padding: 0; }
input ,textarea { font-family:"微软雅黑","Microsoft Yahei";}
ul , li ,h3 ,p ,h1 ,h2 ,img { margin: 0; padding: 0; list-style: none; }
a { color: #333; text-decoration: none; }
a:hover ,a:visited ,a:active { text-decoration: none !important; }
.clear { width:100%; height:0; clear:both; line-height:0; font-size:0; margin:0 auto; padding:0; }
.clear10 { width:100%; height:10px; clear:both; line-height:0; font-size:0; margin:0 auto; padding:0; }
.clear20 { width:100%; height:20px; clear:both; line-height:0; font-size:0; margin:0 auto; padding:0; }
/*-----首页------*/
.head { width: 100%; }
.head .container { max-width: 1000px; padding-top: 50px; }
.head .container .col-xs-12 img { height: 60px; }
.head .container p { font-size: 37px; letter-spacing: 5px; text-align: center; color: #fff; padding: 20px 0; }
.form-box { width: 500px; margin: 10px auto; }
.form-a { position: relative; height: 50px; margin-bottom: 20px; }
.form-a input { width: 100%; padding-left: 50px; height: 100%; border: 2px #62cefd solid; background-color: #fff;
    border-radius: 8px; overflow: hidden; font-size: 18px; }
.form-a .form-icon { position: absolute; height: 28px; left: 14px; top: 10px; }
.form-a .yzm { position: absolute; right: 9px; top: 9px;}
.form-a .yzm img { height: 32px; }
.form-b button { width: 100%; height: 100%; height: 50px; border: 2px #419ce1 solid; background-color: #0182f3;
    color: #fff; border-radius: 8px; font-size: 22px; }
.form-b button img { height: 23px; vertical-align: middle; margin-top:-3px; margin-bottom: 1px; }
.info-no { width: 500px; margin: 0 auto; padding: 15px 0 15px 60px; line-height: 1.5em; color: #e63c3c; font-weight: bold;
    font-size: 22px; background: url("../img/danger.png") no-repeat 0 center; letter-spacing: 2px; }
.info-box { width: 500px; margin: 0 auto; padding: 15px 0 15px 60px; line-height: 1.5em; color: #c49a1b; font-weight: bold;
    font-size: 22px; background: url("../img/right.png") no-repeat 0 center; letter-spacing: 2px; }
.result-img { width: 600px; margin: 0 auto; }
.result-img img { width: 600px; }

@media (max-width: 768px){
    .result-img { width: 95%; margin: 0 auto; }
    .result-img img { width: 100%; }
}




.result-box { width: 600px; color: #000; height: 430px; padding: 120px 60px 0; margin: 10px auto; background: url("../img/zheng.jpg") no-repeat 0 0; }
.result-a { font-size: 18px; font-weight: bold; line-height: 25px; }
.result-box h3 { line-height: 40px; font-size: 22px; text-align: center; font-weight: bold; }
.result-b { margin-top: 5px; text-indent: 2em; font-size: 16px; line-height: 28px; }
.result-b span { color: #f80000; }

.copy-box { width: 100%; font-size: 14px; height: 80px; line-height: 30px; text-align: center; margin-top: 50px; color: #333; }
.copy-box a { color: #000 !important; }
.copy-box a:hover{ color: #f00 !important; }

@media (max-width: 768px){
    .head .container { padding-top: 20px; }
    .head .container .col-xs-12 img { width: 30%; height: auto; }
    .head .container p { font-size: 1.8em; letter-spacing: 2px; padding-bottom: 10px; }
    .form-box { width: 80%; }
    .form-a { height: 36px; margin-bottom: 15px; }
    .form-a input { height: 36px; border: 0; padding-left: 40px; border-radius: 5px; font-size: 1.1em; }
    .form-a .form-icon { height: 20px; left: 10px; top: 8px; }
    .form-a .yzm { right: 6px; top: 6px;}
    .form-a .yzm img { height: 25px; }
    .form-b button { height: 38px; border-radius: 5px; font-size: 1.3em; border: 1px #0680fc solid; }
    .form-b button img { height: 20px; vertical-align: middle; }
    .info-no { width: 75%; padding: 10px 0 10px 40px; font-size: 1.3em;
        background-size: 35px; letter-spacing: 0; }
    .info-box { width: 75%; padding: 10px 0 10px 40px; font-size: 1.3em;
        background-size: 35px; letter-spacing: 0; }
    .result-box { width: 80%; height: auto; background-size: 100% auto; padding: 17% 8% 120px; }
    .result-a { font-size: 1.1em; line-height: 1.5em; }
    .result-box h3 { line-height: 2em; font-size: 1.3em; }
    .result-b { margin-top: 0; font-size: 1.1em; line-height: 1.5em; }
    .result-b p { margin-bottom: 4px; }
    .result-b span { color: #f80000; }
    .copy-box { font-size: .9em; margin-top: 10px; position:fixed;}
}

@media (max-width: 700px){
    .result-box { width: 85%; }
    .result-box h3 { line-height: 1.8em; font-size: 1.3em; }
    .result-b { margin-top: 5px; font-size: 1.1em; line-height: 1.3em; }
}

@media (max-width: 650px){
    .result-box { width: 90%; }
    .result-b { margin-top: 5px; font-size: 1em; line-height: 1.3em; }
}

@media (max-width: 550px){
    .result-box { width: 95%; }
}

@media (max-width: 500px){
    .result-a { font-size: 1em; line-height: 1.3em; }
    .result-box h3 { font-size: 1.2em; }
    .result-b { margin-top: 0; }
    .result-b p { margin-bottom: 0; }
}

@media (max-width: 450px){
    .info-no { width: 90%; font-size: 1.2em; }
    .info-box { width: 90%; font-size: 1.2em; }
    .result-box { background-size: 100% auto; padding: 17% 9% 120px; }
    .result-a { font-size: 1em; line-height: 1.3em; }
    .result-box h3 { line-height: 1.6em; font-size: 1.1em; }
    .result-b { text-indent: 1.5em;  margin-top: 3px; font-size: .9em; line-height: 1.3em; }
    .result-b p { margin-bottom: 1px; }
    .result-b span { color: #f80000; }
    .copy-box { font-size: .9em; margin-top: 10px; }
}

@media (max-width: 400px){
    .result-box h3 { line-height: 1.3em; }
    .result-b { margin-top: 0; }
    .result-b p { margin-bottom: 0; font-size: .8em; }
}

@media (max-width: 380px){
    .result-box { width: 98%;}
    .result-b { text-indent: .5em; }
    .result-b p { margin-bottom: 0; }
}

@media (max-width: 350px){
    .result-box { width: 100%; background-size: 100% auto; padding: 17% 8% 90px;  }
    .result-box h3 { line-height: 1.2em; font-size: .9em; }
    .result-b { text-indent: .5em; }
    .result-b p { margin-bottom: 0; }
    .info-box { width: 90%; font-size: 1.1em; }
}