/* banner板块 */
.banner{ width:1244px; height:472px; background:red; margin:0 auto 20px; position:relative}
.banner .banCover{ width:100%; height:400px; background:green;}
.banner .swiper-pagination{  left:1080px!important; bottom:10px!important; width:160px!important; }
.banner .swiper-pagination span{ color:#fff; opacity: 1;}
.banner .swiper-pagination-bullet{ width:20px!important; height:20px!important; border-radius: 3px!important;}
.banner .swiper-pagination-bullet-active{ background:#ff0000!important; color:#fff!important;}
.banner .swiper-wrapper{ height:400px!important;}
.banner .swiper-wrapper img{ height:400px!important;}

.listDiv{ position:absolute; width:213px; height:400px; background:url('../img/bg.png'); left:0px; z-index: 999; } 
.listDiv li{ width:193px; height:400px; margin:0 auto;}

.listDiv li dl{ background-color: rgba(255,255,255,.03); height:132px; line-height:132px; font-size:22px;  text-align:left; text-indent: 30px;  border-bottom:1px solid transparent; border-color:rgba(255,255,255,.1); color:#ffffff; cursor: pointer; }
.listDiv li dl:hover a{ color:#ff5b01; background-color: rgba(255,255,255,.1); display: block; height:132px; line-height:132px; border-bottom:1px solid transparent; border-color:rgba(255,255,255,.1);} 
.listDiv li dl span{ margin-left:10px; font-size:12px;}
.listDiv li dl a{ color:#ffffff; font-family:"ProductSan"!important; font-style: italic;}
/* .listDiv li dl:hover a{ color:#ff5b01} */



.banLi{ width:213px; height:72px; float:left;}
.banRightUl{ width:1031px; height:72px; background:#fff; float:left;}
.banRightUl li{ width:25%; height:72px; background:url('../img/line.jpg') no-repeat right; float:left; text-align:center;}
.banRightUl li:last-child{ background:none;}
.banRightUl li span{display: block; width: 140px;  text-align: left; margin:20px auto;} 
.banRightUl li span img{ float:left; margin-right:10px;}



.CoverList{ width:1244px; height:180px; margin-top:20px; margin:0 auto; position:relative}
.CoverList .swiper{ height:180px;}
.CoverList .swiper-slide,.CoverList .swiper-slide img{ width:414px!important;  height:170px!important;}
.CoverList .swiper-slide img{ width:410px!important; margin:0 5px; height:170px!important;}
.CoverList .swiper-slide:first-child,.CoverList .swiper-slide:first-child img{ margin-left:0px!important;}
.CoverList .swiper-slide:nth-child(2) img{ margin-left:2px!important;}
.CoverList .swiper-button-next{ right:-40px; background:url('../img/icon9.png') no-repeat center;}
.CoverList .swiper-button-next::after,.CoverList .swiper-button-prev::after{ content:none;}
.CoverList .swiper-button-prev{ left:-40px; background:url('../img/icon8.png')no-repeat center;}
.CoverList .swiper-pagination{  bottom:-20px!important;}
.CoverList .swiper-pagination-bullet{ width:20px!important; height:20px!important; border-radius: 0px!important;}
.CoverList .swiper-pagination-bullet-active{ background:#ff0000!important; color:#fff!important;}



.mainDiv{ width:1244px; height:auto; margin:0 auto;}
.mainDivLeft{ width:964px; height:460px; float:left;}
.mainDivRight{ width:260px; height:auto; float:right;}
.TitDiv{ width:100%; height:27px; line-height:27px; margin:10px auto; font-size:26px; font-family:"ProductSan"!important; font-style: italic; color:#6A6A6A;} 
.TitDiv img{ margin-right: 2px;}
.links { position:relative; z-index: 100;}
.links dl{ width:30px; font-size:24px; float:left; cursor: pointer; display: block;}
.links dl dt{ width:26px; height:30px; display: block; position:relative; z-index: 99; text-align: center;}
/* .links dl.active{  color:#ff6000;} */
.links dl:hover dt{ border-left:2px solid #ff6000; border-top:2px solid #ff6000; border-right:2px solid #ff6000; border-bottom:2px solid #F5F5F5;}
.links dl .gameListBox{ width:945px; border:2px solid #ff6000; background:#F5F5F5; margin-top:-8px; padding:10px 10px; position:absolute; left:-639px; top:40px; display: none;}

.links dl:hover .gameListBox{ display: block;}
.gameListBox dd{ width:20%; height:25px; line-height:25px;  float:left; display: flex; font-style: normal;}
.gameListBox dd img{ width:7px; height:10px; position:relative; top:8px;}
.gameListBox a{ color:#818181; font-size:14px!important;}
.gameListBox a:hover{ color:#ff6000}

/* .gameListDiv  {position:absolute; z-index: 99;}
.gameListDiv .gameListBox{ width:940px; border:2px solid #ff6000; background:#F5F5F5; margin-top:8px; font-size:14px; padding:10px 10px; display: none;}
.gameListDiv .gameListBox dl{ width:20%; height:25px; line-height:25px;  float:left; display: flex; font-style: normal;}
.gameListDiv .gameListBox dl img{ width:7px; height:10px; position:relative; top:8px;}
.gameListDiv .gameListBox a{ color:#818181}
.gameListDiv .gameListBox a:hover{ color:#ff6000} */



.TitDiv span{ float:right; font-size:12px;}
.TitDiv span a{ color:#818181; font-family:"EnFontAlibaba"!important;}
.TitDiv span a:hover{ color:#ff6000; text-decoration: underline;}

.newImgList, .regImgList{  width:964px;  position: relative;}
.newImgList .Img2,.newImgList .Img3,.newImgList .Img4,.newImgList .Img5{ width:300px; height:200px; position:absolute; }
.newImgList .Img1{ width:342px; height:410px!important; position:absolute; top:0; left:0px; overflow: hidden;}
.newImgList .Img2{ top:0; left:352px; overflow: hidden;}
.newImgList .Img3{  top:0; right:0px; overflow: hidden;}
.newImgList .Img4{ top:211px; left:352px; overflow: hidden; }
.newImgList .Img5{ top:211px; right:0px; overflow: hidden;}
.newImgList .Img1:hover img,.newImgList .Img2:hover img,.newImgList .Img3:hover img,.newImgList .Img4:hover img,.newImgList .Img5:hover img{ cursor: pointer; animation: hoverImg .5s forwards;}



.mainDivRight .artList{ background:#fff; padding:10px 0px;}
.mainDivRight .artList li{ width:235px; height:30px; line-height:30px; position:relative; margin:0 auto; list-style: disc; color:#777777; overflow: hidden; white-space:nowrap; text-overflow:ellipsis;}
.mainDivRight .artList li span{ right:0px; position:absolute}
.mainDivRight .artList li a{ color:#777777}
.mainDivRight .artList li a:hover, .mainDivRight .artList li:hover{ color:#ff6000}


.regImgList li{ float:left; width:241px; height:163px; margin:6px auto;}
.regImgList li img{ width:232px; height:163px; margin:0 auto;}
.regImgList li:nth-child(1) .regBox,.regImgList li:nth-child(5) .regBox{ float:left;}
.regImgList li:nth-child(2) .regBox,.regImgList li:nth-child(6) .regBox{ margin-left:3px;}
.regImgList li:nth-child(3) .regBox,.regImgList li:nth-child(7) .regBox{ margin-left:5px;}
.regImgList li:nth-child(4) .regBox,.regImgList li:nth-child(8) .regBox{ float:right;}


.regImgList li .regBox{ position:relative; overflow: hidden; cursor: pointer;}
.regBox:hover ul{ display: block; animation-name: opaDiv; animation-duration: .5s;}
.regBox ul{ background-color: rgba(0,0,0,.7); position:absolute; width:232px; height:163px; display: block; z-index: 9; padding:47px 26px; display: none;}
.regBox ul dl{ width:84px; height:30px; line-height:30px; margin-right:11px; margin-bottom:10px; cursor: pointer; border-radius: 5px; float:left; background:#343434; text-align:center; }
.regBox ul dl:hover{ background:#ff6000;}
.regBox ul dl a{ color:#ebebeb;display: inline-block;width: 100%;height: 100%;}

.mainDivRight .TitDivTag{ width:100%; height:45px; line-height:45px; margin:0 auto; font-size:19px; position:relative}
.mainDivRight .TitDivTag li{ width:134px; height:45px; line-height:45px; cursor: pointer;  background:url('../img/imgTag2.png'); position:absolute; left:0px; text-align:left; text-indent: 16px; font-family:"ProductSan"!important; font-style: italic; color:#CACACA;}
.mainDivRight .TitDivTag li.active{ background:url('../img/imgTag.png'); z-index: 2; color:#6A6A6A;}
.mainDivRight .TitDivTag .Tag2{ left:120px;}

.mainDivRight .newArtList{ height:310px; background:#fff; padding:15px 0px!important;}
.mainDivRight .newArtList .newLi{ width:261px; height:auto; line-height:30px; position:relative; margin:0 auto; color:#777777}
/* .mainDivRight .newArtList li span{ right:0px; position:absolute}
.mainDivRight .newArtList li a{ color:#777777} */

.newArtList .newLi.active .hDiv,.newArtList .newLi:hover .hDiv{ display: block; }
.newArtList .newLi.active .hDiv2,.newArtList .newLi:hover .hDiv2{ display: none; }
.newArtList .newLi .hDiv{ display: none; }
.newArtList .newLi .hDiv2{ display: block; position:relative }
.hDiv{ width:261px; height:109px; background:url('../img/bg2.png') no-repeat; color:#ff6000; position:relative}
.hDiv .h-img{width: 60px;height: 60px;float: left;display: flex;display: -webkit-flex;justify-content: center;align-items: center;margin-top:13px; margin-left:16px; float:left;}
.hDiv img{ max-width:60px; max-height:60px; box-shadow: 0px 0px 5px #777777; border-radius: 5px; }
.hDiv dl{ width:150px; height:60px; float:left; display: block; line-height:20px!important; margin-left:16px; margin-top:13px; color:#e1f3ff}
.hDiv dl em{ width:100%; display: block; font-style: normal;}
.hDiv dl em:first-child{ height:40px; line-height:20px;  overflow : hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.hDiv dl em:last-child{ height:20px; line-height:20px;}
.newArtList .newLi .hDiv2 li{ width:235px; height:30px; line-height:30px; position:relative; margin:0 auto; list-style: disc; color:#777777; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; }
.newArtList .newLi .hDiv2 li span{ right:0px; position:absolute }
.newArtList .newLi .hDiv i{ position:absolute; left:5px; bottom:-5px; font-size:18px;}





/* 排行榜 */
.phb{ width:1244px; height:auto;}
.phbBody{ width:1244px; height:auto; }
.phbBody>ul{width:100%;}
.phbBody>ul>li{ width:414.6px; height:auto; float:left; overflow: hidden;}
.phbBody ul li:nth-child(3) .phbMain{ float:right}
.phbBody ul li:nth-child(2) .phbMain{ margin:0 auto;}

.phbMain{ width:402px; height:880px; background:#ffffff; }
.phbMain .phbTit{ width:100%; height:60px; line-height: 60px; color:#000; font-weight: 600; text-indent: 2rem; font-size: 18px;}
.phbMain .phbTit img{ float:right; margin-top: 18px; margin-right: 18px; margin-bottom: 10px;}
.phbMain>ul{ width:100%;}
.ttbox li{ width:100%; height:110px; cursor: pointer; position:relative; overflow: hidden;}
.ttbox li .ckear{ width:100%; height:110px; background:url("../images/cpic.png") no-repeat center; position:absolute; top:0px; left:0px; border:1px solid #000!important; display: none; filter: blur(10px); opacity:0.4;}
.ttbox li .ckearBg{ width:100%; height:110px; background-color: rgba(0,0,0,.9);  display: none; }
.ttbox li .ckearBg2{ width:100%; height:110px; background-color: rgba(235,235,235,1);  display: none; }

.descBox{ width:100%; height:110px; position:absolute; top:0px; left:0px; z-index:999;}

.ttbox li.active .ckear ,.ttbox li:nth-child(1) .ckear,.ttbox li.active .ckearBg,.ttbox li:nth-child(1) .ckearBg{ display: block;}
.phbMain>ul>li.active .desc span:first-child,.phbMain>ul>li:nth-child(1) .desc span:first-child{color:#ffffff!important;}
.phbMain>ul>li.active .desc span.t i,.phbMain>ul>li:nth-child(1) .desc span.t i{ color:#ffffff!important;}

.ttbox li.active .ckear ,.ttbox li:hover .ckear,.ttbox li.active .ckearBg,.ttbox li:hover .ckearBg{ display: block;}
.ttbox li.active .ckear ,.ttbox li:hover .ckear,.ttbox li.active .ckearBg2,.ttbox li:hover .ckearBg2{ display: block;}

.phbMain .sort{ width: 50px; height:80px; float:left; text-align: center; line-height:110px; font-size:20px; color:#cccccc; position:relative}
.phbMain .sort img{ position:absolute; left:10px; top:40px}
.phbMain .imgs{ width:150px; float: left;}
.phbMain .imgs img{ width:146px; height:82px; border-radius: 3px; margin-top: 15px;}
.phbMain .desc{ width:190px; float:right; margin-top: 10px; text-indent: .3rem;}
.phbMain .desc span{ width:85%; height:24px; line-height:24px; margin-bottom:5px; display: block; color:#000000!important}
.phbMain .desc span:first-child{ font-size:16px; font-weight: 600; margin-top: 5px; overflow:hidden;}
.ttbox  a:first-child  li .desc span{color:#fff!important;}

.phbMain .desc span:last-child{ width:100%; height:30px; line-height:30px; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.phbMain .desc span.t i{ margin:0 5px; height:20px; line-height:20px; text-align: left!important; } 
.phbMain .desc span.t i:first-child{ margin-left:0px; }
.phbMain .desc span:last-child i{ width:40px; height:20px; line-height:20px!important; text-indent: 0px!important; color:#bebebe; border:1px solid #bebebe; margin:0px 3px 10px 5px; display: block; float:left; text-align: center; }












/* 
.CoverList .swiper-slide:nth-child(1) img,.CoverList .swiper-slide:nth-child(4) img,.CoverList .swiper-slide:nth-child(7) img,.CoverList .swiper-slide:nth-child(10) img{ margin-left:0px!important;}
.CoverList .swiper-slide:nth-child(2) img,.CoverList .swiper-slide:nth-child(5) img,.CoverList .swiper-slide:nth-child(8) img,.CoverList .swiper-slide:nth-child(11) img{ margin-left:2px!important;}
.CoverList .swiper-slide:nth-child(3) img,.CoverList .swiper-slide:nth-child(6) img,.CoverList .swiper-slide:nth-child(9) img,.CoverList .swiper-slide:nth-child(12) img{ margin-right:0px!important;} */
/* 

.blockNav{ width:100%; height:30px; line-height:30px; margin-left:30px; color: #6f6f6f !important; }
.blockDiv{ width:1398px; height:auto; min-height:100px; box-shadow: 0px 2px 5px 3px #eaecf1; margin:5px auto 25px auto;}

.blockTag{ width:48px; float:left; position:relative}

.blockTag span{ width:24px; display: block; background:#ff5454; text-align:center; color:#fff; padding-top:10px; padding-bottom:10px; font-size:16px;}

.blockTag img{ position:absolute}

.centerDiv{ width:1350px; float:right;}
.centerDiv li{ width:24.5%; height:85px; margin:25px 5px 20px auto; float:left;} */
/* .centerDiv li:hover{ box-shadow: 2px 2px 2px #dfe3e6; cursor: pointer;} */
/* .centerDiv li:hover{ background:#f8f8f8; cursor: pointer;}


.centerDiv li .listL{ width:135px; height:80px; float:left; background:#fff; margin-top: 1px;}
.centerDiv li .listL img{ width:130px; height:80px; border:1px solid #ced6dc; margin:0 auto; border-radius: 5px;}

.centerDiv li .listR{ width:190px; height:80px; float:left; margin-left:3px;}
.centerDiv li .listR>div{ width:100%; height:25px;}
.centerDiv li .listR span{ height:25px; line-height:25px; float:left; }
.centerDiv li .listR span:first-child{ margin-left:5px;}
.centerDiv li .listR span:last-child{ float:right; color:#ff5454; margin-right:10px}
.centerDiv li .listR i{ background:#fff; color:#6c7d95; height:15px; line-height:15px; margin:2px 3px; padding:4px 10px; border-radius: 5px; border:1px solid #ced6dc; display: block; float:left;}
.centerDiv li .listR i:hover,.centerDiv li .listR i.acitve{ background:#dfe5e9; cursor: pointer;} */


/* .centerDiv li:hover .listL{ background:#ff5454; cursor: pointer;}
.centerDiv li:hover .listR{ background:#ff5454; cursor: pointer;} */