/* Index Box Star */
.index-box { overflow: hidden; background: #FFF; max-width: 800px; min-height: 100vh; margin: 0 auto; padding-left: 10px; padding-right: 10px;}
/* Index Box End */

/* Header Star */
#header { margin: 0 auto; text-align: center;}
    #header .logo { margin-top: 15px; overflow: hidden;}
    #header .logo img { max-height: 90px;}

    #header .honor { color: #FFF; padding: 5px 15px; font-size: 18px; margin: 15px auto 0 auto; display: inline-block; background: #ec7073; overflow: hidden; -moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px;}
    #header .honor i { margin-left: 10px; margin-right: 10px;}


    #header .text { width: 100%; text-align: center; margin: 0 auto;}
    #header .text .exam { margin-top: 5px; display: inline-block; position: relative;}
    #header .text .exam::after { position: absolute; left: calc(100% + 5px); top: 50%; content: ''; width: 65px; display: inline-block; height: 1px; background:#cacdd1;  background-image: linear-gradient(130deg, #cacdd1 20%, #FFF 80%);}
    #header .text .exam::before { position: absolute; right: calc(100% + 5px); top: 50%; content: ''; width: 65px; display: inline-block; height: 1px; background:#FFF; background-image: linear-gradient(130deg, #FFF 20%, #cacdd1 70%);}

    #header .text .exam span { margin: 0 2px; font-size: 20px; display: inline-block; width: 34px; height: 34px; line-height: 32px; border: solid 2px #a0d9f6; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}
    #header .text .exam span:nth-child(2) { border: solid 2px #ec7073; }
    #header .text .exam span:nth-child(3) { border: solid 2px #f6cf80; }
    #header .text .exam span:nth-child(4) { border: solid 2px #a0d9f6; }
    #header .text .exam span:nth-child(5) { border: solid 2px #ec7073; }
    #header .text .exam span:nth-child(6) { border: solid 2px #f6cf80; }
/* Header End */

/* Qrcoder Star */
#qrcoder { overflow: hidden; background: #a0d9f6; color: #FFF; -moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px; margin-top: 20px; padding: 10px 10px;}
    #qrcoder .slogan { text-align: center;}

    #qrcoder .image { text-align: center;}
    #qrcoder .image img { max-height: 500px;}
/* Qrcoder End */


/* Footer Star */
#footer { text-align: center; margin-top: 30px;}
/* 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){
    /* Index Box Star */
    .index-box { background: transparent;}
    /* Index Box End */

    /* Header Star */
    #header .honor { padding: 3px 10px; font-size: 15px; margin: 10px auto 0 auto; -moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px;}
    #header .honor i { margin-left: 5px; margin-right: 5px;}
    /* Header End */
}

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

}

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

}