.logo {
    height: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: .24rem;
}

.logo a {
    display: block;
}

.logo img {
    width: 1.75rem;
}

.nav {
    border-bottom: .05rem solid #2CA6E0;
}

.nav ul {
    display: flex;
    flex-wrap: nowrap;
    height: .8rem;
    line-height: .8rem;
    align-items: center;
}

.nav ul li {
    margin-right: .6rem;
    flex-shrink: 0;
}

.nav ul li a {
    font-size: .28rem;
    color: #333;
    text-align: center;
}

.nav ul li.active a {
    font-weight: bold;
    position: relative;
}



.banner {
    height: 4.21rem;
    position: relative;
}

.banner a {
    width: 100%;
    height: 4rem;
}

.banner img {
    height: 100%;
    width: 100%;
}

.banner p {
    position: absolute;
    bottom: 0;
    left: 0;
    height: .65rem;
    line-height: .65rem;
    width: 100%;
    text-align: center;
    background: rgba(0, 0, 0, 0.7);
    font-size: .26rem;
    color: #fff;
    font-weight: bold;
    padding: 0 .3rem;
    box-sizing: border-box;
}

.box {
    margin-top: .2rem;
}

.public-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: .02rem solid #DDDDDD;
    margin: 0 .24rem;
}

.public-title span {
    width: 2rem;
    height: .8rem;
    background: url('../images/title_span_m.png')no-repeat left center;
    background-size: .18rem .38rem;
    border-radius: 0rem 0rem 0rem .1rem;
    text-align: center;
    line-height: .8rem;
    color: #E50012;
    font-size: .32rem;
    font-weight: bold;
}

.public-title a {
    font-size: .26rem;
    color: #999;
}

.index-news {
    margin: .25rem;
}

.index-news .name {
    text-align: center;
    font-size: .32rem;
    color: #333;
    margin-bottom: .3rem;
}

.index-news p {
    font-size: .26rem;
    color: #999;
    line-height: .4rem;
}

.public-list ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .32rem;
}

.public-list ul li .yd {
    width: .22rem;
    height: .22rem;
    background: url('../images/yd.png')no-repeat center;
    background-size: .22rem;
}

.public-list ul li .name {
    margin: 0 .2rem;
    font-size: .3rem;
    color: #666;
}

.public-list ul li .time {
    color: #999;
    font-size: .24rem;
}

.index-game-list ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.index-game-list ul li {
    width: 3.31rem;
    margin-top: .35rem;
}


.index-game-list ul li img {
    width: 3.31rem;
    height: 1.9rem;
}

.index-game-list ul li .name {
    text-align: center;
    font-size: .26rem;
    color:#333;
    margin-top: .12rem;
}

.links-list {
    display: flex;
    flex-wrap: wrap;
    margin: .25rem
}

.links-list a {
    font-size: .24rem;
    color: #999;
    margin-right: .2rem;
    margin-bottom: .1rem;
}


.footer {
    padding: .5rem 0;
    background: #EEEEEE;
}

.footer p {
    display: flex;
    justify-content: center;
    text-align: center;
    font-size: .24rem;
    color: #999;
    margin: .1rem 0;
    flex-wrap:wrap;
}

.footer p a {
    font-size: .24rem;
    color: #999;
    display: inline-block;
}

.index-img-list {
    margin: .35rem .25rem
}

.index-img-list ul {
    display: flex;
    justify-content: space-between;
}

.index-img-list ul li {
    width: 2.18rem;
    height: 1.4rem;
}

.index-img-list ul li .img {
    width: 2.18rem;
    height: 1.4rem;
}

.index-img-list ul li .img img {
    width: 2.18rem;
    height: 1.4rem;
}

.breadCrumbs {
    display: flex;
    font-size: .24rem;
    color: #999;
    margin: .24rem;
}

.breadCrumbs a {
    color: #999;
}

.list-news ul li {
    display: flex;
    align-items: center;
    border-bottom: .04rem solid #EEEEEE;
    margin-top: .4rem;
    padding-bottom: .4rem;
}

.list-news ul li .img {
    width: 1.9rem;
    height: 1.2rem;
}

.list-news ul li .img img {
    width: 1.9rem;
    height: 1.2rem;
}

.list-news ul li .info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-left: .3rem;
}

.list-news ul li .time {
    font-size: .24rem;
}

.list-news ul li .time .down{
    font-size: .26rem;
    color:#2CA6E0
}

.list-news ul li .name {
    font-size: .28rem;
    color: #333;
    margin-bottom: .35rem;
}

.pagination {
    text-align: center;
    justify-content: center;
    padding: 0 0.4rem;
    margin-top: .4rem;
}

.pagination .thisclass {
    color: #fff;
    background: #ffc808;
    border: 1px solid #ffc808;
}

.pagination .thisclass span,
.pagination .thisclass a {
    color: #fff;
}

.pagination li {
    display: inline-block;
    margin: 0 0.09rem;
    padding: 0.09rem 0.18rem;
    font-size: 0.24rem;
    border: 0.01rem solid #D8D8D8;
}

.pagination li span,
.pagination li a {
    color: #666;
    display: inline-block;
}

.list-dd {
    margin: .4rem .25rem;
}

.list-dd img {
    width: 100%;
    height: 4rem;
}

.article-top {
    border-bottom: .04rem solid #eee;
    padding-bottom: .37rem;
    margin: .25rem;
    margin-top: 0;
}

.article-top h1 {
    font-size: .32rem;
    color: #333;
    text-align: center;
    margin-bottom: .37rem;
}

.article-top p {
    display: flex;
    justify-content: space-between;
    font-size: .24rem;
    color: #999;
}

.article-content {
    margin: 0 .25rem;
    line-height: .5rem;
}

.article-content p {
    text-indent: 2em;
    margin: .2rem 0;
    font-size: .28rem;
    color: #666;
}

.article-content p img {
    display: block;
    margin: 0 auto;
    max-width: 80% !important;
}

.article-content p a {
    color: #2CA6E0;
    display: inline;
}
.list-games ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.list-games ul li {
    width: 1.76rem;
    height: 2.6rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: .4rem;
    background: #F6F6F6;
    padding:0 .15rem
}

.list-games ul li .img {
    width: 1.3rem;
    height: 1.3rem;
    border-radius: .1rem .1rem .1rem .1rem;
    margin-top: .34rem;
}

.list-games ul li .img img {
    width: 1.3rem;
    height: 1.3rem;
    border-radius: .1rem .1rem .1rem .1rem;
}

.list-games ul li .info {
    margin-left: .3rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 1.3rem;
    font-size: .26rem;
    color: #666;
    line-height: .4rem;
}

.list-games ul li .name {
    font-size: .28rem;
    color: #333;
    margin-top: .15rem;
    width: 100%;
}

.game-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 .24rem;
    margin-bottom: .4rem;
}

.game-top img {
    width: 1.5rem;
    height: 1.5rem;
    background: #C4C1C1;
    border-radius: .1rem .1rem .1rem .1rem;
}

.game-top .info {
    height: 1.5rem;
    margin-left: .5rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
    overflow: hidden;
    font-size: .24rem;
    color: #999;
}

.game-top .info h1 {
    font-size: .32rem;
    color: #333;
}

.game-img-list {
    margin-top: .4rem;
    align-items: center;
}

.game-img-list img {
    width: 2.18rem;
    margin-right: .24rem;
}

.index-game-gl {
    display: flex;
    justify-content: space-between;
    padding:.3rem .24rem;
    padding-bottom: 0;
}

.index-game-gl .tags {
    width: .69rem;
    height: 1.72rem;
    background: linear-gradient(360deg, #E60617 0%, #FB404E 100%);
    border-radius: .06rem .06rem .06rem .06rem;
    margin-right: .15rem;
    display: flex;
    justify-content: center;
    padding:0 .15rem;
    box-sizing: border-box;
    font-size: .24rem;
    color:#fff;
    text-align: center;
    align-items: center;
}

.index-game-gl .img{
    width: 2.93rem;
    height: 1.72rem;
}

.index-game-gl .img img{
    width: 2.93rem;
    height: 1.72rem;
}

.index-game-gl .info{
    margin-left: .3rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.index-game-gl .info a{
    font-size: .28rem;
    color:#666;
}

.index-game-gl .time{
    display: flex;
    align-items: center;
    font-size: .24rem;
    color:#999;
}

.index-game-gl .time img{
    height: .25rem;
    width: .25rem;
    margin-right: .1rem;
}

.index-common-game ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.index-common-game ul li{
    width: 1.53rem;
    margin-top: .4rem;
}

.index-common-game ul li .img{
    height: 1.53rem;
    width: 1.53rem;
    border-radius: .1rem;
}

.index-common-game ul li .img img{
    height: 1.53rem;
    width: 1.53rem;
    border-radius: .1rem;
}

.index-common-game ul li .name{
    font-size: .24rem;
    color:#333;
    margin-top: .15rem;
    text-align: center;
}
.index-new-cp {
    margin:0 .24rem;
}
.index-new-cp ul li{
    display: flex;
    margin-top: .4rem;
}

.index-new-cp ul li .img{
    width: 2.18rem;
    height: 1.4rem;
}

.index-new-cp ul li .img img{
    width: 2.18rem;
    height: 1.4rem;
}

.index-new-cp ul li .info{
    margin-left: .3rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-size: .26rem;
    color:#888;
}

.index-new-cp ul li .name{
    font-size: .28rem;
    color:#333;
}
.index-game-xd{
    margin:.4rem .24rem;
}
.index-game-xd img{
    width: 2.18rem;
    height: 2.85rem;
}

.index-game-xd  .public-list{
    flex:1;
    overflow: hidden;
    margin-left: .2rem;
}