.main-wrap{position: relative;z-index: 2;}
.md-category{border-radius: .2rem .2rem 0 0;display: flex;background-color: #fff;padding-top: .2rem;flex-direction: row;flex-wrap: wrap;justify-content: center;}
.md-category a{width: 20%;height:1.3rem;padding-top: 0;background: none;float: left;text-align: center;line-height: .52rem;font-size: .26rem;margin-bottom: .3rem;}
.md-category span{display: block;height: 0.52rem;line-height: 0.52rem;}
.md-category img{width: 0.8rem;height: 0.8rem;margin: 0 auto;display: block;}
.md-played{padding: .2rem 0 .2rem .6rem;position: relative;box-shadow: 0 0 0.2rem #dedede;border-radius:.2rem;margin: .3rem  auto .6rem;}
.played-scroll{overflow-x: auto;white-space: nowrap;font-size: 0;overflow-y: hidden;height: 1.44rem;}
.md-played .tit-tag{width: .3rem;text-align: center;font-size: .32rem;font-weight: bold;position: absolute;left: .15rem;top: .2rem;color: #333;line-height: .36rem;}
.md-played ul{display: inline-block;}
.md-played ul li{display: inline-block;width: 1.24rem;margin: 0 .1rem;}
.md-played ul li a{display: block;overflow: hidden;line-height: .56rem;white-space: nowrap;text-overflow: ellipsis;font-size: .24rem;text-align: center;word-break: break-all;}
.md-played ul li a img{width: 1rem;height: 1rem;display: block;border-radius: .2rem;margin: 0 auto;}

.more-played{width: 1.24rem;height: 1.44rem;text-align: center;line-height: .56rem;display: inline-block;margin: 0 .1rem;overflow: hidden;font-size: .24rem;}
.more-played div{width: 1rem;height: 1rem;background-color: #f0f0f0;border-radius: .1rem;font-size: 0;padding: .04rem;margin: 0 auto;white-space: normal;line-height: .44rem;box-sizing: border-box;text-align: center;overflow: hidden;}
.more-played div img{width: .4rem;height: .4rem;display:inline-block;margin: .03rem ;vertical-align: middle;border-radius: .05rem;}

.md-newtj{margin: .6rem auto;}
.md-newtj .tj-banner{width: 100%;height: 3.55rem;display: block;position: relative;border-radius: .2rem .2rem 0 0;overflow: hidden;}
.md-newtj .tj-banner img{width: 100%;height:100%;display: block;}
.md-newtj .tj-banner .tag{height: .42rem;line-height: .42rem;background-color: #61bb12;color: #fff;position: absolute;left: 0;top:0;padding: 0 .2rem;border-radius: .15rem 0 .15rem 0;}
.md-newtj .tj-banner::after{content: '';background: url('/images/2022/dark_mask.png') repeat-x;background-size: 1rem 4rem;position: absolute;bottom: .4rem;left: 0;width: 100%;height: 2rem;}
.md-newtj .tj-banner .game-intr{padding: 0 .2rem;bottom: 0.7rem;left: 0;color: #fff;position: absolute;z-index: 2;}
.tj-banner .game-intr h5{font-size:.36rem;margin-bottom: .08rem;}
.tj-banner .game-intr p{color: #f1f1f1;}

.md-newtj .other-tj{border-radius: .2rem;background-color: #fff;padding: .25rem 0 0;box-shadow: 0 2px 4px #dedede;margin-top: -.55rem;z-index: 2;position: relative;}
.other-tj ul{text-align: center;display: flex;flex-wrap: wrap;flex-direction: row;justify-content: space-around;}
.other-tj li{width: 1.24rem;height: 1.4rem;margin: 0 0 .2rem;box-sizing: border-box;}
.other-tj li a{position: relative;width: 1rem;height: 1rem;display: block;margin: 0 auto;}
.other-tj li img{width: 1rem;height: 1rem;margin: 0 auto;display: block;border-radius: .2rem;}
.other-tj li em{line-height: .56rem;display: block;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;word-break: break-all;}

.md-card,.md-card4{margin: .6rem 0;}
.md-card a,.md-card4 .md-card4list a{width: 48%;float: left;box-sizing: border-box;}
.md-card a img,.md-card4 .md-card4list a img{width: 100%;border-radius: 0.2rem;}
.md-card a:nth-child(even),.md-card4list a:nth-child(even){float: right;}
.md-card4 .md-card4list a{margin-top: .24rem;}

.md-list{ margin: 0 0.2rem 0.3rem 0.2rem; overflow: hidden; position: relative;}
.md-list li a:first-child{height: 1.1rem;}
.md-list li em{margin: .12rem 0 .16rem .2rem;}
.daily-gamesend{width: 100%;/*height: 4rem;*/position: relative;display: block;z-index: 1;}
.daily-gamesend img{width: 100%;display: block;height: 100%;}
.daily-gamesend .tag{padding: 0 .18rem;background-color: #f64242;line-height: .42rem;height: .42rem;color: #fff;border-radius:.18rem .18rem .18rem .05rem;text-align: center;position: absolute;top:.14rem;right: .2rem;}
.daily-gamesend .game-intr{padding:0.22rem;width: auto;left: 0;bottom: 0.5rem;position: absolute;z-index: 2;color: #fff; background:rgba(0, 0, 0, 0.3);}
.daily-gamesend .game-intr h5{font-size: .4rem;;margin-bottom: .08rem;}
.daily-gamesend .game-intr p{color:#f1f1f1}
.daily-gamesend::before{content: '';background-size: 1rem 4rem;width: 100%;position: absolute;bottom: -0.5rem;left: 0;width: 100%;height: 4rem;}
.daily-gamesend::after{/**content: '';**/background-size: 1rem 3.5rem;width: 100%;position: absolute;bottom: -.94rem;left: 0;height:3.5rem;transform: scaleY(-1);z-index: 2;}
.daily-gamesend .idx-intr{bottom: 1.3rem;}
.hotimg{margin-bottom: 0.3rem; overflow: hidden;width: auto;}

.md-gamebox{margin-bottom: .6rem;}
.md-gamebox .hd,.md-card4 .hd{overflow: hidden;}
.md-gamebox .hd .title,.md-card4 .hd .title{color:#333333 ;font-weight: bold;font-size: .32rem;float: left;height: .4rem;line-height: .4rem;}
.md-gamebox .hd .more,.md-card4 .hd .more{float: right;font-size: .26rem;color: #959595;margin-top: .1rem;height: .3rem;line-height: .3rem;padding-right: .2rem;background: url('/images/2022/arrow.png') no-repeat right -.01rem ;background-size: .18rem .28rem;}
.md-gamebox{width: 100%;}
.md-gamebox ul{display: flex;flex-wrap: wrap;}
.md-gamebox li{float: left;width:1.24rem;margin-top: .2rem;text-align: left;margin-right: .71rem;position: relative;}
.md-gamebox li a{display: block;width: 1.24rem;height: 1.24rem;position: relative;margin: 0 auto;}
.md-gamebox li:nth-child(4n){margin-right: 0;}
.md-gamebox li img{width: 1.24rem;height: 1.24rem;border-radius: .2rem;display: block;margin: 0 auto;}
.md-gamebox li em{line-height: 1.4;margin-top: .1rem;display:-webkit-box;-webkit-box-orient:vertical;word-break: break-all;-webkit-line-clamp:2;text-overflow: ellipsis;overflow: hidden;}
@media screen and (min-width:768px) {
    .md-gamebox li{width: 25%;text-align: center;margin-bottom: .2rem;margin-right: 0;}
}

.md-feedback{height:0.84rem;overflow: hidden}
.md-feedback span{float: left;width: 50%;}
.md-feedback a{display:block;width: 1.2rem;height:0.84rem;line-height:0.84rem;padding-left: 0.5rem;margin: 0 auto;color: #959595;}
.md-feedback span:first-child a{background-position: .06rem -1.53rem;}
.md-feedback span:last-child a{background-position:.06rem -2.32rem}

.items-container {
    margin: 0 -0.2rem;
    overflow: hidden;
 }



.item__thumbarea{width: 100%; overflow: hidden;margin-bottom: 0.15rem; height: 2rem;}
.item__thumbarea img{width: 100%;}

@media (min-width: 1200px){
    .item {
        width:30.5%;
        margin: 0 10px 10px 20px;
    }
    .item h4,.item p{font-size: 0.2rem; line-height:0.3rem;height:0.3rem;}
    .item__thumbarea{ margin-bottom: 0.1rem; }
    .item .item-icon{padding-left: 0.3rem;background-size: 0.3rem;}
}

@media (max-width: 1180px){
    .item {
        width:30.5%;
        margin: 0 10px 10px 20px;
    }
    .item h4,.item p{font-size: 0.2rem; line-height:0.3rem;height:0.3rem;}
    .item__thumbarea{ margin-bottom: 0.1rem; }
    .item .item-icon{padding-left: 0.3rem;background-size: 0.3rem;}
}
@media (max-width: 1024px){
    .item {
        width:30%;
        margin: 0 10px 10px 20px;
    }
    .item h4,.item p{font-size: 0.2rem; line-height:0.3rem;height:0.3rem;}
    .item__thumbarea{ margin-bottom: 0.1rem; height: 1.85rem;}
    .item .item-icon{padding-left: 0.3rem;background-size: 0.3rem;}
}

@media (max-width: 896px){
    .item {
        width:29.5%;
        margin: 0 10px 10px 20px;
    }
    .item h4,.item p{font-size: 0.2rem; line-height:0.3rem;height:0.3rem;}
    .item__thumbarea{ margin-bottom: 0.1rem;height: 1.5rem;}
    .item .item-icon{padding-left: 0.3rem;background-size: 0.3rem;}
}

@media (max-width: 820px){
    .item {
        width:29%;
        margin: 0 10px 10px 20px;
    }
    .item h4,.item p{font-size: 0.2rem; line-height:0.3rem;height:0.3rem;}
    .item__thumbarea{ margin-bottom: 0.1rem; height: 1.3rem;}
    .item .item-icon{padding-left: 0.3rem;background-size: 0.3rem;}

}
@media (max-width: 767px){
    .item {
        width:29%;
        margin: 0 10px 10px 20px;
    }
    .item h4,.item p{font-size: 0.2rem; line-height:0.3rem;height:0.3rem;}
    .item__thumbarea{ margin-bottom: 0.1rem; height: 1.85rem;}
    .item .item-icon{padding-left: 0.3rem;background-size: 0.3rem;}
}
@media (max-width: 767px){
    .item {
        width:3.35rem;
        margin: 0 0.2rem 0.1rem 0.2rem;
    }
}

.item {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    overflow: hidden;
    padding-bottom: 0.1rem;
    position: relative;
    float: left;
}




.item h4,.item p{margin: 0rem; overflow: hidden; line-height: 0.35rem;}
.item .wy{ background: url(../images/sort-webgame.png) -2px -1px no-repeat;}
.item .nv{ background: url(../images/sort-gril.png) -2px -1px no-repeat;}
.item .cg{ background: url(../images/sort-card.png) -2px -1px no-repeat;}
.item .dz{ background: url(../images/sort-battle.png) -2px -1px no-repeat;}
.item .hc{ background: url(../images/sort-fire.png) -2px -1px no-repeat;}
.item .xyx{ background: url(../images/sort-xyx.png) -2px -1px no-repeat;}
.item .ms{ background: url(../images/sort-mstt.png) -2px -1px no-repeat;}
.item .pk{background: url(../images/sort-pk.png) -2px -1px no-repeat;}
.item .tf{background: url(../images/sort-tf.png) -2px -1px no-repeat;}
.item .hj{background: url(../images/sort-hj.png) -2px -1px no-repeat;}
.item .item-icon{padding-left: 0.35rem; background-size: 0.35rem;}



.introduce{
	margin: 0.3rem 0.2rem;
}
.introduce dt{font-size: 0.4rem; font-weight: bold;padding-left: 0.4rem;}
.introduce dt.wy{background: url(../images/sort-webgame.png) -2px 3px no-repeat;}
.introduce dt.nv{ background: url(../images/sort-gril.png) -2px 3px no-repeat;}
.introduce dt.cg{ background: url(../images/sort-card.png) -2px 3px no-repeat;}
.introduce dt.dz{ background: url(../images/sort-battle.png) -2px 3px no-repeat;}
.introduce dt.hc{background: url(../images/sort-fire.png) -2px 3px no-repeat;}
.introduce dt.xyx{ background: url(../images/sort-xyx.png) -2px 3px no-repeat;}
.introduce dt.ms{ background: url(../images/sort-mstt.png) -2px 3px no-repeat;}
.introduce dt.pk{background: url(../images/sort-pk.png) -2px 3px no-repeat;}
.introduce dt.tf{background: url(../images/sort-tf.png) -2px 3px no-repeat;}
.introduce dt.hj{background: url(../images/sort-hj.png) -2px 3px no-repeat;}
.introduce dd{line-height: 0.5rem; color: #666;}
.introduce dt.tit{background-size: 0.4rem;}

a.start{ display: block; margin: 0 0.2rem 0.3rem 0.2rem; background: #a2e30a; color: #fff; font-size: 0.4rem; line-height: 0.8rem;border-radius: 5px; text-align: center;position:relative;}
.bgcolor {color:#a2e30a;}
.loader-box {position: absolute;top: 0;width: 100%; display: none;}
.dot {width: 20px;height: 20px;background: #3ac;border-radius: 100%;display: inline-block;animation: slide 1s infinite;}
.dot:nth-child(1) {animation-delay: 0.1s;background: #fff;}
.dot:nth-child(2) {animation-delay: 0.2s;background: #fff;}
.dot:nth-child(3) {animation-delay: 0.3s;background: #fff;}
.dot:nth-child(4) {animation-delay: 0.4s;background: #fff;}
.dot:nth-child(5) {animation-delay: 0.5s;background: #fff;}
@keyframes slide {
  0% {transform: scale(1);}
  50% {opacity: 0.3;transform: scale(2);}
  100% {transform: scale(1);}
}
.insbox{margin:0 0.2rem 0.3rem 0.2rem; overflow: hidden;}

/* footer */

.ftnv { line-height: 0.42rem; display: block; overflow: hidden; margin: 0.1rem 0.2rem;color: #bbb; }
.ftnv dt,.ftnv dd{float: left; margin: 0 0.1rem;}
.ftnv a{ color: #bbb; }

.navlist{margin: 0 0.2rem;}
.navlist li{border-radius: 5px;border:1px solid #efefef; margin-bottom: 0.3rem;}
.navlist a.navlistli{display: block; line-height: 1rem; font-size: 0.32rem;padding-left: 1rem;}
.navlist a.wy{ background: url(../images/sort-webgame.png) 0 0 no-repeat;}
.navlist a.nv{ background: url(../images/sort-gril.png) 0 0 no-repeat;}
.navlist a.cg{ background: url(../images/sort-card.png) 0 0 no-repeat;}
.navlist a.dz{ background: url(../images/sort-battle.png) 0 0 no-repeat;}
.navlist a.hc{ background: url(../images/sort-fire.png) 0 0 no-repeat;}
.navlist a.xyx{ background: url(../images/sort-xyx.png) 0 0 no-repeat;}
.navlist a.ms{ background: url(../images/sort-mstt.png) 0 0 no-repeat;}
.navlist a.pk{background: url(../images/sort-pk.png) 0 0 no-repeat;}
.navlist a.tf{background: url(../images/sort-tf.png) 0 0 no-repeat;}
.navlist a.hj{background: url(../images/sort-hj.png) 0 0 no-repeat;}
.navlist a.navlistli{ background-size:1rem;}

footer .ft { padding: 0.28rem 0 0.16rem 0; text-align: center; }
footer .ft img { width: 2.34rem; height: 0.44rem; margin-bottom: 0.18rem; }
footer .ft p { line-height: 0.42rem; font-size: 0.22rem; color: #bbbbbb; }
footer .tip { padding: 0.12rem 0.3rem; line-height: 0.42rem; border-top: 1px #e3e3e3 solid; font-size: 0.22rem; color: #bbbbbb; }
footer .tip a { color: #bbb; vertical-align: top; }
footer .tip i { display: inline-block; margin-right: 8.5px; width: 13px; height: 13px; background: url(https://fs.img4399.com/ma~330_20180102184423_5a4b62871b765.png?t=1514889863) no-repeat; background-size: 100% auto; vertical-align: middle; }