.tb-line{
    border-bottom: 1px solid #e8e8e8;
}
.top-box{
    height: 37px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.welcome{
    font-size: 12px;
    color: #2b2b2b;
}
.top-btn{
    padding: 0;
    width: 35px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    color: white;
}
.logo-box{
    height: 100px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
#logo{
    width: 511px;
    height: 64px;
}
.logo-img{
    width: 100%;
}
#search{
    width: 420px;
    height: 38px;
    border: 1px solid #3089e7;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    left: 0;
    top: 0;
}
.search-box{
    margin: 0;
}
.search-input{
    width: 420px;
    height: 38px;
}
.search-btn{
    background: #3089e7;
    position: absolute;
    right: 0;
    top: 0
}
.menu-box{
    height: 52px;
    background: #2370c2;
}
.layui-nav{
    padding: 0;
    background-color: initial;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
}
.layui-nav .layui-nav-item{
    line-height: 52px;
}

.foot-wrapper{
    height: 134px;
    color: #ffffff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.foot-wrapper p{
    line-height: 28px;
    text-align: center;
}
.foot-a{
    color: #aaaaaa;
}

.bg-grey{
    background: #bebebe;
}
.bg-red{
    background: #dc4f4f;
}
.bg-orange{
    background: #ffba64;
}
.bg-green{
    background: #64bfae;
}
.bg-blue{
    background: #52a2e7;
}
.bg-blue1{
    background: #3089e7;
}
.bg-purple{
    background: #7271d9;
}
.bg-white{
    background: #ffffff;
}
.bg-black{
    background: #333333;
}
.text-red{
    color: #dc4f4f;
}