/* 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: #c08a4a;}
    .security-title-one .numbers { float: right; width: 30px; height: 30px; line-height: 30px; text-align: center; background: #e3e3e3;}
/* Security Title One End */

/* Security Title Two Star */
.security-title-two { text-align: left; border-bottom: 1px solid #e3e3e3; padding: 0 0 10px 0;}
    .security-title-two h3.titles { width: 100%; line-height:1; font-size: 18px; font-weight: 700; padding-left:15px; position: relative; color: #323232;}
    .security-title-two h3.titles::after { content: ''; position: absolute; top:0; left: 0; width:4px; height:18px; background: #c08a4a;}
/* Security Title Two End */

/* Security Header Star */
#security-header { text-align: center; padding: 15px 0;}
    #security-header img { max-height: 80px;}
/* Security Header End */

/* Security Container Star */
.security-container { max-width: 750px; margin: 0 auto; overflow: auto; }
/* Security Container End */

/* Security Container Star */
#security-qrcode { text-align: center; margin: 20px auto 30px auto; padding: 0 15px;}
/* Security Container End */

/* Scan Query Star */
#scan-query { margin: 30px 10px; text-align: center; background: #fff; padding: 20px 10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; box-shadow: 0 0 5px #eee;}
    .scan-query { margin-top: 20px;}
    .scan-query .buttons { margin: 0 auto;}
    .scan-query .buttons a.scan { 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;}
    .scan-query .buttons a.scan: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;}
    .scan-query .buttons a.scan { background-color: #c08a4a; color: #FFF;}
    .scan-query .buttons a.scan img { margin-right: 5px; width: 18px;}
/* Scan Query End */

/* Code Query Star */
#code-query { margin: 0 10px 30px 10px; background: #fff; padding: 20px 10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; box-shadow: 0 0 5px #eee;}
    .code-query { margin-top: 20px;}
    .code-query .inputs { margin-bottom: 8px;}
    .code-query .buttons { margin: 0 auto;}
    .code-query .buttons a.query { 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;}
    .code-query .buttons a.query: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;}
    .code-query .buttons a.query { background-color: #c08a4a; color: #FFF;}
/* Scan Query End */


/* Result Query Star */
#result-query { margin: 30px 0; }
    #result-query .boxs { background: #fff; padding: 20px 10px; -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: #9e9e9e; margin-bottom: 20px;}
    .result-query .result .code { color: #565656;}
    .result-query .result .text { margin: 10px auto;}
    .result-query .result .text img { max-width: 100%;}
    .result-query .result .text .certIco { float: left; width: 35%;}
    .result-query .result .text .certText { float: right; width: 60%;}

    .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: #c08a4a; color: #FFF;}
/* Result Query End */


/* Security Query Container Star */
#security-query-container { padding: 50px 72px; background: url("../img/security/security-bg.png"); overflow: hidden;}
/* Security Query Container End */

/* Security Scan Container Star */
#security-scan-container { padding: 50px 72px; background: url("../img/security/security-bg.png"); overflow: hidden;}
/* Security Scan Container End */

/* queryTab Star */
#queryTab.nav-tabs { border: solid 3px #c08a4a; }
    #queryTab.nav-tabs > li { text-align: center; width: 50.000000%; margin-bottom:0;}
    #queryTab.nav-tabs > li > a { margin-right: 0; border-radius: 0; border: none; display: block;}
    #queryTab.nav-tabs > li > a i { margin-right: 10px;}
    #queryTab.nav-tabs > li > a:hover { border-color:transparent;}

    #queryTab.nav-tabs > li.active > a,
    #queryTab.nav-tabs > li.active > a:hover,
    #queryTab.nav-tabs > li.active > a:focus {color: #FFF;cursor: default;background-color: #c08a4a;border:none;border-bottom-color: transparent;}
/* queryTab End */

/* queryTabContent Star */
#queryTabContent { padding: 50px 0 30px 0;}
    #queryTabContent .boxs { padding: 25px 20px; margin-bottom: 30px; background:#FFF; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; box-shadow: 0 0 5px #e1e1e1;}
    #queryTabContent .boxs.no { margin-bottom: 0;}
/* queryTabContent End */

/* scanTabContent Star */
#scanTabContent { padding: 50px 0 30px 0;}
    #scanTabContent .boxs { padding: 25px 20px; margin-bottom: 30px; background:#FFF; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; box-shadow: 0 0 5px #e1e1e1;}
    #scanTabContent .boxs.no { margin-bottom: 0;}
/* scanTabContent End */

/* queryLogo Star */
#queryLogo { text-align: center; margin-bottom: 30px;}
    #queryLogo .slogan { letter-spacing: 5px; font-size: 24px; line-height: 30px;}
    #queryLogo .slogan i { font-size: 12px; vertical-align: top; margin-top: 9px; margin-left: 15px; margin-right: 15px;}
/* queryLogo End */

/* Security Info Star */
.security-info { margin-top: 50px;}
    .security-info .lefts { float: left; width: 50.000000%;}
    .security-info .lefts .wechat-img { margin-top: 15%;}
    .security-info .lefts .wechat-img img{ background-image: radial-gradient(rgb(255, 255, 255) 88%, rgb(0, 0, 0) 0px); padding: 3px;}
    .security-info .lefts .wechat-text { margin-top: 15px;}
    .security-info .rights { float: right; width: 50.000000%;}
/* Security Info 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){

    /* Security Query Container Star */
    #security-query-container { padding-left: 30px; padding-right: 30px;}
    /* Security Query Container End */

    /* Security Scan Container Star */
    #security-scan-container { padding-left: 30px; padding-right: 30px;}
    /* Security Scan Container End */
}

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

}

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

    /* Security Title One Star */
    .security-title-one { padding-bottom: 10px;}
    .security-title-one h3.titles { float: none; line-height:1.2;}
    .security-title-one h3.titles::after { top:4px;}
    .security-title-one .numbers { display: none;}
    /* Security Title One End */

    /* Security Query Container Star */
    #security-query-container { padding: 20px 0;}
    /* Security Query Container End */

    /* Security Scan Container Star */
    #security-scan-container { padding: 20px 0;}
    /* Security Scan Container End */


    /* Result Query Star */
    #result-query { margin: 20px 0;}
    /* Result Query End */

    /* queryLogo Star */
    #queryLogo { margin-bottom: 20px;}
    #queryLogo .logo { display: none;}
    #queryLogo .slogan { font-size: 18px; line-height: 24px;}
    #queryLogo .slogan i { margin-top: 6px;}
    /* queryLogo End */

    /* queryTabContent Star */
    #queryTabContent { padding: 20px 0 20px 0;}
    /* queryTabContent End */

    /* scanTabContent Star */
    #scanTabContent { padding: 0 0 20px 0;}
    /* scanTabContent End */

    /* Security Info Star */
    .security-info { margin-top: 30px;}
    .security-info .lefts { float: none; width: 100.000000%;}
    .security-info .lefts .wechat-img { margin-top: 0;}
    .security-info .lefts .wechat-img img{ background-image: radial-gradient(rgb(255, 255, 255) 88%, rgb(0, 0, 0) 0px); padding: 3px;}
    .security-info .lefts .wechat-text { margin-top: 15px;}
    .security-info .rights { float: none; width: 100.000000%;}
    /* Security Info End */
}

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

}

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

}