.box .footer {
    background-color: #181f2f;
    height: 0.56rem;
    display: flex;
    flex-direction: row;
    z-index: 100;
    position: fixed;
    bottom: 0rem;
    left: 0;
    right: 0;
}
.box .footer > div a{
    text-decoration: none;
}
.box .footer > div a i {
    display: block;
    width: .21rem !important;
    height: .21rem !important;
    background: url("/public/jpg/xtx/mine.png") no-repeat;
    background-size: cover;
    margin: 0 auto;
    margin-top: .08rem;
}

.box .footer > div {
    flex: 1;
    display: flex;
    position: relative
}

.box .footer > div a {
    flex: 1;
    display: flex;
    flex-direction: column
}

.box .footer > div a i {
    display: block;
    width: .586667rem;
    height: .586667rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsBAMAAADsqkcyAAAALVBMVEVMaXH///////////////////////////////////////////////////////9xAJ22AAAADnRSTlMAgMBAENCgYHDgMPCQILIKCroAAAEQSURBVCjPY2CAAZ99r48wYACWuHfvnjpgCLu+m175LgRT8XMGhjoM5a7vChgY2NGVgxVjKgcrxlSu9wxC5z1CFmV7l4DGgCh6hslCUYOsHFkJgo1iIIJzDsV6vTcQGs2xUC+gew3qYYyAgCjHCDawcnbMQAYpX/cSI0pY5j1miNuFGYGrnzK8E8AUZnzH8E5R4gKqIG+j0DsGvXfvHqMK271794jBTUnzGaqw3CSlFJBJ4CBhaVJS0gA7Sg5iG0S47h0QPMcQ1gsUFDz6CF2Y5R2YcEATZgYJM7wzGH7CelDhl6jC8yDCXO8akIU53i2AprqHxsYWEOFmY2O5R/B0AQJgYRCApRuWPGThbaDABQDDBJmy5kqoCwAAAABJRU5ErkJggg==) no-repeat;
    background-size: cover;
    margin: 0 auto;
    margin-top: .1rem
}

.box .footer > div a span {
    flex: 1;
    text-align: center;
    color: #fff;
    font-size: .12rem !important;
    margin-top: .02rem;
    font-weight: bold;
}

.box .footer > div .router-link-exact-active span {
    color: #b08dff
}

.box .footer div:first-child .router-link-exact-active i {
    background: url("/public/jpg/xtx/sy.png") no-repeat;
    background-size: contain;
    -webkit-background-size: contain
}
.box .footer div:nth-child(2) i {
    background: url("/public/jpg/xtx/cz.png") no-repeat;
    background-size: cover
}

.box .footer div:nth-child(2) .router-link-exact-active i {
    background: url("/public/jpg/xtx/cz2.png") no-repeat;
    background-size: contain;
    -webkit-background-size: contain
}

.box .footer div:nth-child(3) i {
    background: url("/public/jpg/xtx/chicang.png") no-repeat;
    background-size: cover
}

.box .footer div:nth-child(3) .router-link-exact-active i {
    background: url("/public/jpg/xtx/chicang2.png") no-repeat;
    background-size: contain;
    -webkit-background-size: contain
}

.box .footer div:nth-child(5) i {
    background: url("/public/jpg/xtx/mine.png") no-repeat;
    background-size: cover
}

.box .footer div:nth-child(5) .router-link-exact-active i {
    background: url("/public/jpg/xtx/mine2.png") no-repeat;
    background-size: contain;
    -webkit-background-size: contain
}

.box .footer div:nth-child(4) i {
    background: url("/public/jpg/xtx/kefu.png") no-repeat;
    background-size: cover
}

.box .footer div:nth-child(4) .router-link-exact-active i {
    background: url("/public/jpg/xtx/kefu.png") no-repeat;
    background-size: contain;
    -webkit-background-size: contain
}
.t_box {
    flex: 1;
    display: flex;
    flex-direction: column;
    background-color: rgb(32, 37, 58);
    position: relative
}

.t_box .header {
    height: 1.4rem;
    background-color: #181f2f;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.t_box .header span {
    color: #fff;
    font-size: .48rem
}

.t_box .jun-carousel {
    /*    height: 2.8rem;*/
    overflow: hidden
}

.t_box .jun-carousel .carousel-item {
    height: 3.466667rem;
    width: 100%;
    background: #fff;
    font-size: .8rem;
    color: red
}

.t_box .jun-carousel .carousel-item .jun-son-img {
    height: 100%;
    width: 100%
}

.t_box .jun-carousel .el-carousel__container {
    width: 90%;
    margin: 0 auto
}

.t_box .jun-carousel .el-carousel__item h3 {
    color: #475669;
    font-size: 14px;
    opacity: .75;
    line-height: 200px;
    margin: 0
}

.t_box .jun-carousel .el-carousel__item:nth-child(2n) {
    background-color: #99a9bf
}

.t_box .jun-carousel .el-carousel__item:nth-child(odd) {
    background-color: #d3dce6
}

.t_box .t_table {
    flex: 1;
    display: flex;
    flex-direction: column;
    position: relative
}

.t_box .t_table .t_lineher {
    height: 1.066667rem;
    display: flex;
    flex-direction: row
}

.t_box .t_table .t_lineher li {
    font-size: .373333rem;
    color: #fff;
    text-align: center;
    line-height: 1.066667rem
}

.t_box .t_table .t_lineher li:first-child {
    flex: 1;
    text-align: left;
}

.t_box .t_table .t_lineher li:nth-child(2) {
    width: 2.4rem
}

.t_box .t_table .t_lineher li:nth-child(3) {
    width: 2.6rem;
}

.t_box .t_table .t_con_home {
    flex: 1;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    justify-content: center;
    align-items: center;
    padding-bottom: 55px;
}

.t_box .t_table .t_con_home .jun-empty {
    height: 1.55rem
}

.t_box .t_table .t_con_home ul {
    height: 1.55rem;
    /* width: 94%;*/
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    background-size: 100% 100%;
    margin-bottom: .106667rem;
    border-radius: .266667rem
}

.t_box .t_table .t_con_home ul li:first-child {
    flex: 1;
    display: flex;
    flex-direction: row
}

.t_box .t_table .t_con_home ul li:first-child span {
    width: 1.866667rem;
    position: relative
}

.t_box .t_table .t_con_home ul li:first-child span img {
    display: block;
    width: 1.333333rem;
    height: 1.333333rem;
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -24%)
}

.t_box .t_table .t_con_home ul li:first-child div {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.t_box .t_table .t_con_home ul li:first-child div span {
    width: 100%;
    color: #fff;
    font-size: .32rem;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.t_box .t_table .t_con_home ul li:first-child div span:nth-child(2) {
    line-height: .6rem;
    color: #fff
}

.t_box .t_table .t_con_home ul li:first-child div span:last-child {
    font-size: .266667rem;
    color: #9b8ea5
}

.t_box .t_table .t_con_home ul li:nth-child(2) {
    width: 2.4rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.t_box .t_table .t_con_home ul li:nth-child(2) span {
    display: block;
    height: .8rem;
    width: 80%;
    color: #26a848;
    border-radius: .133333rem;
    line-height: .8rem;
    text-align: center;
    color: #fff
}

.t_box .t_table .t_con_home ul li:nth-child(3) {
    width: 1.66rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.t_box .t_table .t_con_home ul li:nth-child(3) span {
    display: block;
    width: 1.2rem;
    height: .533333rem;
    color: #d73741;
    font-size: .3rem;
    line-height: .533333rem;
    text-align: center;
    color: #fff;
    border-radius: .133333rem
}