html,body{
            font-family: 微软雅黑;
            overflow-x: hidden;
            font-size: 14px;
            height:100%
        }
        *{margin:0;padding:0;}
        i{font-style: normal;}
        a {outline: none;}
        a:link, a:hover, a:visited, a:active{outline: none;color: #525c65;text-decoration:none;/用于去除下划线/}
        ul{
            list-style: none;
        }
        
        .header,
        .header .container{

            background: rgb(22, 133, 208);
        }
        .header ul >li
        {
            float: left;
            padding: 10px 15px;
            text-align: center;
        }
        .header ul >li> a
        {
            color:#fff}
        
        .header .container{
            padding-bottom: 0;
            
        }
       
        .footer
        {
            padding-top:30px;
            position: relative;
            color: #000;
            text-align: center;
            z-index: 1;
        }
        .footer-bg{
            height: 30px;
            width: 100%;
            margin-bottom: -20px;
            -webkit-background: radial-gradient(black,#fff, #fff);
            -o-background: radial-gradient(black,#fff, #fff);
            -moz-background: radial-gradient(black,#fff, #fff);
            background: radial-gradient(black,#fff, #fff);
        }
        .footer .navbar{
            margin-bottom: 0;
        }
        .footer p{
            margin: 0;
            line-height: 20px;
        }