@charset "utf-8";
/* CSS Document */
@import "../static/public.css";
body{margin:0;background:#f1f4f6;font:14px 'Microsoft YaHei',微软雅黑;color:#333;}

@media screen and (min-width: 768px) {
    .header-top{padding:8px;background:#252a87;color:#dce7f2;font-size:12px;}
    .header-top div{margin:auto;max-width:1200px;display:flex;justify-content:space-between;align-items:center;}

    header{position:sticky;top:0;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,0.05);z-index:1;}
    header div{margin:auto;padding:15px 0;max-width:1200px;display:flex;justify-content:space-between;align-items:center;}
    header div img{display:block;width:120px;}
    header div label{display:none;}
    header div nav a{padding:10px 15px;font-weight:bold;color:#252a87;}

    .header-login{padding:10px 15px;border:1px solid #eee;border-radius:5px;}

    main{margin:0 auto;max-width:1200px;background:#fff;box-shadow:0 0 15px rgba(0,0,0,0.05);}

    footer{padding:20px 0;background:#071d34;color:#fff;text-align:center;line-height:200%;}
    .footer{position:relative;margin:0 auto;max-width:1200px;}
    .footer div:first-child{padding-bottom:10px;font-size:12px;color:#999;}
    .footer div:first-child a{padding:0 15px;font-size:14px;color:#fff;}
    .footer span{padding:0 20px;}
    .footer a{color:#fff;}
    .footer-code-douying{position:absolute;top:0;right:100px;width:88px;border-radius:9px;cursor:pointer;}
    .footer-code-wechat{position:absolute;top:0;right:0;width:88px;border-radius:9px;cursor:pointer;}

    .footer-bg{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:4;}
    .footer-img{display:none;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5;}
    .footer-img img{display:block;border:5px solid #555;border-radius:9px;}

}
/*当屏幕最大768时，执行下面css*/
@media screen and (max-width: 768px) {
    .header-top{padding:8px;background:#252a87;color:#dce7f2;font-size:12px;}
    .header-top div{text-align:center;}
    .header-top div span:last-child{display:none;}

    header{position:sticky;top:0;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,0.05);z-index:9;}
    header div{padding:15px;display:flex;justify-content:space-between;align-items:center;position:relative;}
    header div img{display:block;width:120px;}
    header div label{font-weight:bold;font-size:25px;line-height:110%}
    header div nav{display:none;padding:20px;position:absolute;left:10%;top:55px;width:70%;background:#fff;box-shadow:0 9px 9px rgba(0,0,0,0.05);}
    header div nav a{display:block;padding:15px;border-bottom:1px solid #eee;font-weight:bold;color:#252a87;}

    .header-login{display:none;}


    main{margin:100px 0 0 0;padding:0;background:#fff;}

    footer{padding:20px 0;background:#0c41a1;color:rgba(255,255,255,0.75);text-align:center;line-height:160%;}
    .footer{position:relative;margin:0 auto;max-width:1200px;}
    .footer div:first-child{padding-bottom:10px;font-size:12px;}
    .footer div:first-child a{padding:0 15px;font-size:14px;}
    .footer span{display:inline-block;padding:0 15px;}
    .footer a{color:rgba(255,255,255,0.75);}
    .footer-code-douying{display:none;}
    .footer-code-wechat{display:none;}

    .footer-bg{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:4;}
    .footer-img{display:none;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5;}
    .footer-img img{display:block;border:5px solid #555;border-radius:9px;}

}