.home-content {
    margin-top: 0 !important;
}
.swiper-container {
    width: 7.5rem;
    height: 8rem;
}

.links-box {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 7.5rem;
    height: 2.2rem;
    padding: 0 .12rem;
}
.links-box a {
    position: relative;
    width: 1.6rem;
    height: 1.6rem;
    padding-top: .9rem;
    line-height: .6rem;
    font-size: .25rem;
    background-color: #fff;
    text-align: center;
}
.links-box a i {
    position: absolute;
    top: .3rem;
    left: 0;
    right: 0;
    margin: auto;
}
.links-box .game {
    width: .64rem;
    height: .59rem;
    background-position: 42.842% 0;
}
.links-box .pipaw {
    width: .6rem;
    height: .53rem;
    background-position: 52.234% 0.737%;
}
.links-box .join {
    width: .66rem;
    height: .56rem;
    background-position: 61.777% 0;
}
.links-box .business {
    width: .83rem;
    height: .54rem;
    background-position: 72.955% 0;
}
.title {
    position: relative;
    width: 100%;
    padding: .43rem 2rem  0 2rem;
    text-align: center;
    font-size: .3rem;
    font-weight: bold;
}
.title span {
    color: #bdbdbd;
    font-size: .25rem;
    font-weight: normal;
}
.title::before {
    position: absolute;
    content: '';
    left: .75rem;
    top: 0;
    bottom: 0;
    width: 1.5rem;
    height: .02rem;
    margin: auto;
    background: #e7e7e7;
}

.title::after {
    position: absolute;
    content: '';
    right: .75rem;
    top: 0;
    bottom: 0;
    width: 1.5rem;
    height: .02rem;
    margin: auto;
    background: #e7e7e7;
}
.news-box {
    width: 7.5rem;
    background: #fff;
}
.news-box .news-list {
    width: 7.5rem;
    height: 4.3rem;
    padding-top: .3rem;
    white-space: nowrap;
    overflow: auto;
    padding-left: .3rem;
    background: #fff;
}
.news-box .news-list a {
    display: inline-block;
    width: 2.93rem;
    height: 3.6rem;
    margin-right: .17rem;
}

.news-box .news-list a img {
    display: block;
    width: 2.93rem;
    height: 2.57rem;
    margin-bottom: .15rem;
}
.news-box .news-list a p{
    width: 2.93rem;
    height: .8rem;
    font-size: .3rem;
    line-height: .4rem;
    overflow: hidden;
    white-space: normal;
}
.news-box .more-btn {
    display: block;
    height: .75rem;
    margin: 0 .3rem;
    line-height: .75rem;
    text-align: center;
    color: #999;
    font-size: .25rem;
    background: #f5f5f5;
}
.about-box {
    padding-top: .5rem;
    padding-bottom: .3rem;
    background: #fff;
}
.about-box p{
    font-size: .25rem;
    line-height: .5rem;
    margin: .25rem;
}
.about-box img {
    display: block;
    width: 6.9rem;
    height: 3.39rem;
    margin: 0 auto;
}
.brand-box {
    padding-top: .5rem;
}
.brand-box .brand-list {
    display: flex;
    justify-content: space-between;
    width: 6.9rem;
    margin: .3rem auto;
}
.brand-list .item {
    display: block;
    position: relative;
    width: 3.4rem;
    height: 2.91rem;
    line-height: .5rem;
    padding-top: 1.6rem;
    background: #fff;
    font-size: .3rem;
    font-weight: bold;
    text-align: center;
}
.brand-list .item .logo-7724{
    position: absolute;
    top: .5rem;
    left: 0;
    right: 0;
    width: 2.06rem;
    height: .57rem;
    margin: 0 auto;
    background-position: 0 53.598%;
}
.brand-list .item .logo-witgame {
    position: absolute;
    top: .5rem;
    left: 0;
    right: 0;
    width: 2.06rem;
    height: .57rem;
    margin: 0 auto;
    background-position: 29.849% 53.808%;
}
.brand-list .item span {
    color: #999;
    font-size: .27rem;
}

.concern-box {
    position: relative;
    width: 7.5rem;
    height: 3.67rem;
    background: url(/static/m/img/concern.png);
    background-size: 100%;
}
.concern-box .inner {
    position: absolute;
    width: 6.9rem;
    height: 3.14rem;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border: 1px solid #81aac1;
}
.concern-box .inner .line {
    position: relative;
    width: 6.9rem;
    height: 1.57rem;
    padding-left: 1rem;
    padding-top: .3rem;
    color: #fff;
}
.concern-box .inner .line i {
    position: absolute;
    top: .5rem;
    left: .4rem;
    width: .24rem;
    height: .2rem;
    background-position: 1.23% 42.273%;
}

.concern-box .inner .line p {
    line-height: .5rem;
    font-size: .5rem;
}
.concern-box .inner .line p span{
    color: #e9e9e9;
    font-size: .25rem;
}
.product-box {
    margin-top: .5rem;
}
.product-list { 
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 6.9rem;
    margin: .3rem auto;
}
.product-list .product {
    position: relative;
    display: inline-block;
    width: 3.4rem;
    background: #fff;
    padding: 1.73rem 0 .2rem .15rem;
    margin-bottom: .27rem;
}
.product-list .product img {
    position: absolute;
    top: 0;
    left: 0;
    width: 3.4rem;
    height: 1.73rem;
}

.product-list .product h3 {
    font-size: .3rem;
    line-height: .5rem;
    font-weight: bold;
}

.product-list .product p {
    font-size: .2rem;
    line-height: .35rem;
    color: #999;
}