.header .search{
    float:left;
    height: 60px;
    line-height: 60px;
    width:450px;
}
.header .search .search-content{
    float:left;
    width:200px;
    margin-top: 10px;
}
.header .search .search-content .el-input__inner{
    float:left;
    border: 1px solid #eee !important;
    background: #eee !important;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    color:#777;
}
.header .search .search-icon{
    float:left;
    width:50px;
    height:40px;
    line-height: 40px;
    margin-top: 10px;
    text-align: center;
    border: none;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    background: #eee !important;
    color:#555;
}
.header .search .logo-btn{
    float:right;
    margin-top: 10px;
    margin-right: 20px;
}
.header .search .login-info{
    float:left;
    width:180px;
    margin-left: 20px;
}
.header .search .login-info .headimg{
    float:left;
    width:60px;
}
.header .search .login-info .headimg img{
    height:40px;
    border-radius: 20px;
    width:40px;
    margin-top: 10px;
    margin-left: 10px;
}
.header .search .login-info .username{
    float:left;
    width:120px;
    color:#fff;
    font-size: 14px;
    font-weight: bold;
}

.footer{
    width: 100%;
    height:300px;
    padding: 0;
    margin: 0;
    background-size: 100% 100%;
}
.footer .footer-content{
    width:1200px;
    margin-left: auto;
    margin-right: auto;
}
.footer .footer-content .footer-left{
    width:500px;
    float:left;
}
.footer .footer-content .footer-left .footer-logo{
    width:100%;
    margin-top: 50px;
    height:60px;
}
.footer .footer-content .footer-left .footer-logo .logo{
    width:300px;
    margin-top: 30px;
    height: 60px;
    line-height: 60px;
    color:#fff;
    font-size: 30px;
    margin-left: 50px;
}
.footer .footer-content .footer-left .footer-phone{
    width:100%;
    height:40px;
    margin-top: 30px;
}
.footer .footer-content .footer-left .footer-phone .img{
    width:34px;
    height: 34px;
    margin-left: 50px;
    float:left;
    margin-top: 3px;
}
.footer .footer-content .footer-left .footer-phone .phone-content{
    height:40px;
    line-height: 40px;
    float:left;
    color:#fff;
    font-size: 24px;
    font-weight: bold;
    margin-left: 30px;
}
.footer .footer-content .footer-right{
    width:700px;
    float:left;
}
.footer .footer-content .footer-right .footer-menu{
    margin-top: 50px;
    margin-left: 200px;
    color:#fff;
}
.footer .footer-content .footer-right .footer-menu th{
    width:150px;
    height:30px;
    line-height: 30px;
    border: none;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
}
.footer .footer-content .footer-right .footer-menu td{
    width:150px;
    height:24px;
    line-height: 24px;
    font-size: 14px;
    border: none;
}

.page-box{
    height:50px;
    margin-top: 30px;
    text-align: center;
    width:100%;
}
.page-box .active{
    background: #E6A23C !important;
}
.page-box .number:hover{
    color:#E6A23C !important;
}
.page-box .el-pager li:hover{
    color:#E6A23C !important;
}

.page-box1{
    height:50px;
    margin-top: 30px;
    text-align: center;
    width:100%;
}
.page-box1 .el-pager .number{
    background: #fff !important;
}
.page-box1  .btn-prev{
    background: #fff !important;
}
.page-box1  .btn-next{
    background: #fff !important;
}
.page-box1 .el-pager .active{
    background: #E6A23C !important;
}
.page-box1 .number:hover{
    color:#E6A23C !important;
}
.page-box1 .el-pager li:hover{
    color:#E6A23C !important;
}

.page-box2{
    height:50px;
    margin-top: 30px;
    text-align: center;
    width:100%;
}
.page-box2 .el-pager .number{
    background: #fff !important;
}
.page-box2  .btn-prev{
    background: #fff !important;
}
.page-box2  .btn-next{
    background: #fff !important;
}
.page-box2 .el-pager .active{
    background: #78312A !important;
}
.page-box2 .el-pager .active:hover{
    color: #fff !important;
}
.page-box2 .number:hover{
    color:#78312A !important;
}
.page-box2 .el-pager li:hover{
    color:#78312A !important;
}

.clear{
    clear:both;
}