/********************************************初始化样式*/

/********************************************公共样式*/
html,body{
    background-color: #f6f7fb;
    min-width: 1200px;
}
ul,li{
    list-style: none;
}
.float-left{
    float: left;
}
.float-right{
    float: right;
}
.cursorpointer{
    cursor: pointer;
}
.display-none{
    display: none;
}
/********************************************头部公共样式*/
header{
    width: 100%;
    height: 90px;
    line-height: 90px;
    background-color: #fff;
    box-shadow: 0 2px  15px rgba(0,0,0,.1);
}
.nav-bar-wrap{
    width: 1200px;
    margin: 0 auto;
}
.login-name{
    font-size: 34px;
    color: #4886ff;
}
.login-name span:nth-of-type(2){
    font-size: 14px;
    color: rgba(0,0,0,.5);
}
.nav-bar-container li{
    float: left;
    width: 80px;
    height: 90px;
    line-height: 90px;
    border-bottom: 4px solid #fff;
    margin-right: 80px;
    display: inline-block;
    text-align: center;
}
.nav-bar-container li a{
    font-size: 16px;
    color: #363d5d;
}
 .nav-bar-container li.navbar-active{
     border-bottom: 4px solid #4886ff;
 }
.nav-bar-container li.navbar-active a{
    color:#4886ff ;
}
/********************************************内容公共样式*/
.main-con{
    width: 1200px;
    margin: 30px auto;
}