main {


        background: #3d01ab;
        background: url(../images/pcbj.svg);
        width: 100%;
        padding-bottom: 100px;
        background-size: cover;
        /* background-position: center; */
        background-repeat: no-repeat;
       
}
main>.mainm{
width: 100%;
height: 16px;
background-image: linear-gradient(to bottom, #fff 24%, #7b37f7 100%);
}
body {
   background: #7830FB;
}
.mainm{
           width: 100%;
}
.maintop {
        max-width: 1300px;
        margin: 0 auto;
        display: flex;
        gap: 28px;
        padding-top: 40px;
        flex-wrap: wrap;
        margin-bottom: 24px;
        justify-content: space-between;
}
.maintop dl {
        width: calc(24% - 12px);
        border-radius: 0px 0px 24px 24px;
        border: 4px solid #000000;

        position: relative;
        background: #ffffff;
}
.maintop dl dt {
        height: 224px;
}
.maintop dl dt img {
        width: 100%;
        height: 100%;
}
.dingwei {
        position: absolute;
        top: -4px;
        left: -16px;
}
.dingwei img {
        width: 130px;
        height: 50px;
}
.maintop dl dd {
        font-family: Poppins, Poppins;
        font-weight: 600;
        font-size: 20px;
        color: #000000;
        line-height: 28px;
        padding: 10px 10px 0 10px;
        margin-bottom: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
}
.mainmain {
        max-width: 1300px;
        margin: 0 auto;
        display: flex;
        gap: 24px;
        flex-wrap: wrap;
        justify-content: space-between;
        padding-bottom: 24px;
}
.mainmain dl {
        width: calc(18% - 38px);
        border-radius: 0px 0px 16px 16px;
        border: 4px solid #000000;
        overflow: hidden;
        position: relative;
        background: #ffffff;
}
.mainmain dl:hover {
   border: 4px solid #C6FF00;
}
.mainmain dl dt {
        height: 148px;
}
.mainmain dl dt img {
        width: 100%;
        height: 100%;
}
.mainmain dl dd {
        font-family: Poppins, Poppins;
        font-weight: 600;
        font-size: 16px;
        color: #000000;
        line-height: 22px;
        padding: 8px 8px 0 8px;
        margin-bottom: 8px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
}
.mainwha {
        max-width: 1300px;
        margin: 0 auto;
        margin-top: 40px;
}
.mainwha h3 {
        font-family: Poppins, Poppins;
        font-weight: bold;
        font-size: 32px;
        color: #ffffff;
        line-height: 40px;
        text-align: center;
}
.headmain {
        display: flex;
        gap: 30px;
        margin-top: 32px;
        margin-bottom: 48px;
        flex-wrap: wrap;
        justify-content: space-between;
}
.headmain dl {
        width: calc(23% - 0px);
        display: flex;
        align-items: center;
        background: #ffffff;
        border-radius: 16px 16px 16px 16px;
        border: 4px solid #000000;
}
.headmain dl:hover dd {
  color: #A48EFF;
}
.headmain dl dt {
        width: 48px;
        height: 48px;
        margin: 26px 24px;
}
.headmain dl dt img {
        width: 100%;
        height: 100%;
}
.headmain dl dd {
        font-family: Poppins, Poppins;
        font-weight: 600;
        font-size: 20px;
        color: #000000;
        line-height: 28px;
}
.maintop dl:hover{
 border: 4px solid #C6FF00;

}
.aa2:hover{
 border: 4px solid #ffd400;

}
.aa3:hover{
 border: 4px solid #c6ff00;

}
/* 平板 */
@media (max-width: 1340px) {


 .mainwha {
        margin: 0 auto;
        width: 95%;
 }
.maintop {
    width: 95%;
    margin: 0 auto;
    margin-bottom: 24px;
}
.mainmain {
    width: 95%;
    margin: 0 auto;
}
.maintopic,.maintopic{

margin: 0 auto;
    width: 95%;
}






}
@media (max-width: 940px) {
.mainm img{
height: 14px;
}
        .mainwha {
                margin: 0 auto;
                width: 95%;
                padding-top: 30px;
        }
        .mainwha h3 {
                font-size: 28px;
                line-height: 36px;
        }
        .headmain dl {
                width: calc(32% - 6px);
                border-radius: 16px 16px 16px 16px;
                border: 3px solid #000000;
        }

        .headmain {
                gap: 20px;
                margin-top: 32px;
                margin-bottom: 20px;
                flex-wrap: wrap;
                justify-content: space-between;
        }
        .headmain dl dt {
                width: 48px;
                height: 48px;
                margin: 20px;
        }

        .maintop {
                width: 95%;
                margin: 0 auto;
                gap: 20px;
        }
        .maintop dl {
                width: calc(49% - 8px);
                border-radius: 0px 0px 20px 20px;
                border: 3px solid #000000;
        }
        .maintop dl dt {
                height: 260px;
        }
        .maintop dl dd {
                font-size: 16px;

                line-height: 20px;
                padding: 12px 20px 0 12px;
                margin-bottom: 20px;
        }
        .mainmain {
                width: 95%;
                margin: 0 auto;
                gap: 12px;
                padding-top: 20px;
        }
        .mainmain dl {
                width: calc(24% - 4px);
                border-radius: 0px 0px 12px 12px;
                border: 3px solid #000000;
        }

.mainmain dl:hover {
   border: 3px solid #000000;
}



        .mainmain dl dt {
                height: 130px;
        }
        .mainmain dl dd {
                font-size: 16px;
                padding: 8px 8px 0 8px;
                margin-bottom: 8px;
                line-height: 20px;
        }
}
@media (max-width: 600px) {
.mainm img{
height: 10px;
}
        .maintop dl dt {
                height: 110px;
        }
        .maintop {
                width: 90%;
                margin: 0 auto;
                gap: 16px;
        }
        .dingwei img {
                width: 90px;
                height: 32px;
        }
        .maintop dl {
                width: calc(49% - 6px);
                border-radius: 0px 0px 12px 12px;
                border: 2px solid #000000;
        }
        .dingwei {
                left: -12px;
        }
        .maintop dl dd {
                font-size: 12px;

                line-height: 14px;
                padding: 8px 12px 0 12px;
                margin-bottom: 8px;
        }
        .mainmain {
                width: 90%;
                margin: 0 auto;
                gap: 8px;
                padding-top: 12px;
        }
        .mainmain dl {
                width: calc(33% - 6px);
                border-radius: 0px 0px 8px 8px;
                border: 2px solid #000000;
        }
.mainmain dl:hover {
   border: 2px solid #000000;
}
        .mainmain dl dt {
                height: 86px;
        }
        .mainmain dl dd {
                font-size: 12px;
                line-height: 14px;
                padding: 4px 8px 0 8px;
                margin-bottom: 4px;
        }
        .mainwha h3 {
                font-size: 16px;
                line-height: 20px;
        }
        .headmain dl {
                width: calc(50% - 8px);
                border-radius: 8px 8px 8px 8px;
                border: 2px solid #000000;
        }
        .headmain {
                width: 95%;
                margin: 0 auto;
                gap: 16px;
                margin-top: 32px;
                margin-bottom: 20px;
                flex-wrap: wrap;
                justify-content: space-between;
        }
        .headmain dl dt {
                width: 24px;
                height: 24px;
                margin: 12px;
        }

        .headmain dl dd {
                font-size: 12px;
                line-height: 14px;
        }
}

/* New Games */
.mainutmost {
        max-width: 1300px;
        margin: 0 auto;

        padding-bottom: 30px;
}
.mainlabel {
        font-family: Poppins, Poppins;
        font-weight: bold;
        font-size: 32px;
        color: #000000;
        line-height: 40px;
        text-align: center;
        padding: 32px 0;
}
.maintopicrightlenteng {
/* width: 2400px; */
        display: flex;
        gap: 24px;
}
.aa {
        background: #ffffff;
        border-radius: 0px 0px 16px 16px;
        border: 4px solid #000000;
}
.aa dl dt {
 width: 200px;
        height: 148px;
}
.aa dl dt img {
        width: 100%;
        height: 100%;
        object-fit: cover;
}
.aa dl dd {
        font-family: Poppins, Poppins;
        font-weight: 600;
        font-size: 16px;
        color: #000000;
        line-height: 22px;
        padding: 16px 16px 0 16px;
        margin-bottom: 16px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
}
.maintopicright {
        width: 90%;
        margin: 0 auto;
        overflow: hidden;
}
.maintopic {
        position: relative;
}
.main_jianto {
        position: absolute;
        top: 40%;
        right: 10px;
}
.zuo_jianto {
        position: absolute;
        top: 40%;
        left: 10px;
}
.mainutmost ol {
        display: flex;
        padding-top: 30px;
        justify-content: center;
}
.mainutmost ol li {
        width: 20px;
        height: 20px;
         list-style-type: none;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        margin-right: 20px;
        background: #ffffff;
}

@media (max-width: 940px) {

     







        .mainlabel {
                font-size: 28px;
                line-height: 36px;
                padding: 20px 0;
        }

        .main_jianto img,
        .zuo_jianto img {
                width: 36px;
                height: 36px;
        }
        .aa {
                background: #ffffff;
                border-radius: 0px 0px 16px 16px;
                border: 4px solid #000000;
        }
        .maintopicright {
                width: 86%;
                margin: 0 auto;
        }

        .maintopicrightlenteng {
                gap: 12px;
        }
        .aa dl dt {
                height: 130px;
               width: 152px;
        }

        .mainutmost ol li {
                width: 12px;
                height: 12px;
        }
        .aa dl dd {
                font-size: 16px;
                line-height: 20px;
                padding: 8px 12px 0 12px;
                margin-bottom: 8px;
        }
        .mainutmost ol {
                padding-top: 20px;
        }
}

@media (max-width: 600px) {

.maintop dl:hover{
 border: 2px solid #C6FF00;

}
.aa2:hover{
 border: 2px solid #ffd400;

}
.aa3:hover{
 border: 2px solid #c6ff00;

}

    .aa {
       
border-radius: 0px 0px 8px 8px;
border: 2px solid #000000;
    }
    .aa dl dt {
width: 110px;
       height: 86px;
    }    .aa dl dd {
       font-size: 12px;
line-height: 14px;
        padding: 4px 8px 0 8px;
        margin-bottom: 4px;
    }
    .main_jianto img, .zuo_jianto img {
        width: 22px;
        height: 22px;
    }
    .main_jianto {
    position: absolute;
    top: 40%;
    right: 2px;
}
.zuo_jianto {
    position: absolute;
    top: 40%;
    left: 2px;
}
    .mainlabel {
       font-size: 16px;
line-height: 20px;
        padding: 16px 0;
    }
    .mainutmost {
  
    padding-bottom: 20px;
}
    .mainutmost ol li {
        width: 8px;
        height: 8px;
    }
    .maintop {
   
    padding-top: 10px;
    
}
main {
   
    padding-bottom: 30px;
    background-size: cover;
    
}
}



.current1{
		background-color: #000!important;
	}
.current2{
		background-color: #000!important;
	}.current3{
		background-color: #000!important;
	}

  .bai1{
    background-color: #fff!important;
  }

  .bai2{
    background-color: #fff!important;
  }
  .bai3{
    background-color: #fff!important;
  }




@media (max-width: 345px) {
    .aa dl dt {
        width: 96px;
        height: 80px;
    }
    .maintopicright {
        width: 85%;
     
    }
   
}
 .disabled2 {
      pointer-events: none;
      opacity: 0.5;
    }
       .disabled3 {
      pointer-events: none;
      opacity: 0.5;
    }
      .disabled1 {
      pointer-events: none;
      opacity: 0.5;
    }