@charset "utf-8";
/*CSS Document*/

@import "public.css";


/*当屏幕最小768时，执行下面css*/
@media screen and (min-width: 768px) {
    .is_mobile{display:none;}
    .is_pc{display:block;}

    body{margin:0;background:#fff;font:16px 'Microsoft YaHei',微软雅黑;color:#333;}

    header  {background:#F6F6F6;}
    .header-div {display:flex;margin:0 auto;max-width:1200px;padding:15px 0;}
    .header-logo{width:220px;}
    .header-logo img{max-width:220px;}
    .header-menu{padding-top:15px;font:bold 16px 微软雅黑;}
    .header-menu a{color:#666;margin:10px 20px;padding:5px 0;}
    .header-menu a:hover{color:#000;border-bottom:3px solid #390;}
    .header-menu .h{color:#000;border-bottom:3px solid #390;}

    .header-user{
        margin:15px 0 0 150px;font-size:12px;
    }
    .UserLogin{cursor:pointer;}
    bg		{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:4;}
    .UserImg{float:left;margin-right:10px;width:45px;height:45px}

    .body{margin:0 auto;max-width:1200px;}

    /*登陆注册*/
    .login{display:none;position:fixed;top:50%;left:50%;margin:-200px 0 0 -175px;width:350px;height:400px;background:#fff;border-radius:5px;box-shadow:rgba(0,0,0,0.5);z-index:5;}
    .login h3{margin:30px 40px;color:#5AB74C;}
    .login .page_login_close{display: block;float:right;margin:-10px -70px;color:#ccc;background:#fff;padding:10px;border-radius:5px;}
    .login div{margin:20px 40px;position:relative;}
    .login div i{position:absolute;left:10px;top:7px;font-size:20px;}
    .login div input{background:#ddd;text-indent:30px;border-radius:3px;padding:10px;width:90%;}
    .login btn{display:block;margin:20px 40px;background:#5AB74C;border:1px solid #5AB74C;border-radius:3px;width:70%;text-align:center;box-shadow:0 3px 3px rgba(0,0,0,0.1);}
    .login p{margin:20px 40px;}

    footer{background:#F6F6F6;}
    .footer{margin:0 auto;max-width:1200px;padding:15px 0;font-size:12px;line-height:25px;}
    .footer b{font:bold 20px/45px 微软雅黑;color:#000;}
}

/*当屏幕最大768时，执行下面css*/
@media screen and (max-width: 768px) {
    .is_mobile{display:block;}
    .is_pc{display:none;}

    body    {margin:0;background:#faf9fe;font:16px 'Microsoft YaHei',微软雅黑;color:#333;}
    header{
        display:flex;position:fixed;left:0;bottom: 0;width: 100%;height:50px;background: #fff;border-top:1px solid #ddd;box-shadow: 0 0 5px rgba(0,0,0,0.25);
        text-align:center;z-index:7;font-size:12px;
    }
    header div{
        flex:0 1 20%;text-align:center;color:#999;position:relative;
    }
    header div a{
        color:#999;
    }
    header div i{
        display:block;font-size:22px;margin-top:5px;
    }
    header .h{color:#5AB74C;}
    header .h a{color:#5AB74C;font-weight:bold;}

    header div p{position:absolute;left:-15px;bottom:50px;margin:0;padding:5px;width:99px;z-index:9;
        display:none;box-shadow:0 -9px 9px rgba(0,0,0,0.1);
        background:#fff;border:1px solid #eee;
        border-top-left-radius:5px;border-top-right-radius:5px;
    }
    header div p a{display:block;padding:10px;border-bottom:1px dotted #eee;font-size:16px;color:#333;}

    .body{margin:0 auto;max-width:1200px;}
    .c{clear:both;}
    img{display:block;width:100%;}

    footer{
        margin:20px 0 60px 0;
        text-align:center;line-height:25px;
    }
}