@charset "utf-8";
/* CSS Document */
/**页码**/
/* @import "page.css"; */
.icon{ background: url(/static/images/cn_bg2.png) no-repeat;display: block;float: left; }
.icon1{ background: url(/static/images/icon.png) no-repeat;display: block;float: left; }
.icon2{ background: url(/static/images/cn_bg4.png) no-repeat;display: block;float: left; }
.icon6{ background: url(/static/images/cn_bg6.png) no-repeat;display: block;float: left; }
.cnRateist dl{ width: 1200px;margin: 25px 0 25px 0;font-size: 16px; }
.cnRateist dl dt{ float: left;line-height: 30px; }
.cnRateist dl dd{ float: left;}

.cnRateist dl dd a{ display: inline-block;margin-bottom: 12px;padding: 0 4px;text-align: center;margin-left: 25px;overflow: hidden;width: 80px;height: 30px;transition: all 0.3s;line-height: 30px;border:1px solid #DCDCDC;color: #333333;border-radius: 3px;}
.cnRateist dl dd a:hover{ background: #3399fa;color: #fff;border: 1px solid #3399fa  }
.cnRateist dl dd a.hover{ background: #3399fa;color: #fff;border: 1px solid #3399fa ; }
.suppDd { width: 1150px;float: left; }

.reconList{ margin: 20px 10px 15px 10px ; }
.reconList li{ float: left; color: #333333;font-size: 16px;cursor: pointer;transition: all 0.3s; }
.reconList b{ float: left;margin: 2px 12px;color: #999999; }
.reconList li em{ width: 16px;height: 16px;margin-right: 6px;transition: all 0.3s; }
.reconList li.hover em.em1{ background-position: 0 -340px; margin-top: 5px; }
.reconList li.hover em.em2{ background-position: -30px -340px;margin-top: 4px;}
.reconList li.hover em.em3{ background-position: -60px -340px;margin-top: 3px;}

.reconList li:hover em.em1{ background-position: 0 -340px; margin-top: 5px; }
.reconList li:hover em.em2{ background-position: -30px -340px;margin-top: 4px;}
.reconList li:hover em.em3{ background-position: -60px -340px;margin-top: 3px;}
.reconList li em.em1{ background-position: 0 -365px;margin-top: 5px;  }
.reconList li em.em2{ background-position: -30px -365px;margin-top: 4px;}
.reconList li em.em3{ background-position: -60px -365px;margin-top: 3px;}

.swareList li{ width: 379px;height: 260px;border: 1px solid #eeeeee;margin-top: 30px; float: left;margin-left: 28px;transition: all 0.3s;}
.swareList{ margin-top: -10px; }
.swareList li:nth-child(3n+1){ margin-left: 0; }
.swareList li .wareTop{ width:350px;line-height: 62px;height: 62px;margin: 0 auto;border-bottom: 1px solid #eeeeee;overflow: hidden;}
.swareList li .wareTop a{ font-size: 24px;font-weight: 600;color: #333;}
.swareLeft { width: 110px;height: 110px;border-radius: 20px;overflow: hidden;margin: 20px 15px;float: left;  }
.swareLeft img{ width: 110px;height: 110px;transition: all 0.3s; }
.swareRig{ width: 228px;float: left;margin-top: 20px;position: relative; }
.swareRig span{ color: #999999;display: inline-block;line-height: 30px; }
.swareRig a{ display: block;width: 124px;height: 40px;line-height: 40px;margin-top: 10px;transition: all 0.3s;background: #eef7ff;border-radius: 5px;color: #3399fa;font-size: 16px;}
.swareRig a em{ width: 18px;height: 18px;background-position: 0px -410px;margin: 11px 8px 0 17px; }
.swareRig .testsdown{ position: absolute;z-index: 66;display: none;width: 135px;height: 154px;border: 1px solid #eeeeee;background: #ffffff;left: -8px;margin-top: 12px;}
.testsdown:before,.testsdown:after{width: 0px;height: 0;border: solid transparent;position: absolute;left: 75%;/*该属性一定要有*/content:''; }
.testsdown:before{border-width: 10px;border-bottom-color: #eeeeee;top:-20px;}
.testsdown:after{border-width: 8px;border-bottom-color: #fff;top:-16px;left: 76%;}
.swareRig .testsdown img{ margin: 18px 18px 10px 18px;width: 100px;height: 102px;; }
.swareRig .testsdown img:hover{ transform: scale(1.0) !important; }
.swareRig .testsdown p{ width: 120px;display: block;text-align: center;margin: 0 auto; font-size: 12px;color: #666666;}
.swareList li .swareRig a:hover {  background: #3399fa; color: #ffffff;}
.swareList li .swareRig a:hover em{ background-position: -70px -300px;}
.swareList li:hover .wareTop a{ color: #3399fa ; }
.swareRig p{ display: flex;justify-content: space-between; }
.wareBom { width: 379px;height: 30px;overflow: hidden; }
.wareBom a{ display: inline-block;margin-left: 15px;margin-bottom: 15px;transition: all 0.3s ;border:1px solid#f6f6f6;background: #f6f6f6;border-radius: 23px;line-height: 23px;padding: 0 12px;height: 23px; }
.wareBom a:hover { border:1px solid#3399fa;color: #3399fa;background: #fff;  }
.swareList li:hover{ box-shadow: 0 0 10px 8px #eeeeee;transform: translateY(-8px); }
.swareList li img:hover{ transform: scale(1.2);; }

/******************  手游落地页 *****************/
.cnDeonLeft{ width: 870px;float: left;; }
.cnDeonRig{ width: 300px;float: left;margin-left: 30px;}
.mcnInfo{ margin-top:20px; }
.cnodTop{ width: 870px;height: 30px;;overflow: hidden; }
.cnodTop h1{ font-weight: 600;font-size: 24px;float: left; }
.cnodTop span{ color: #999;font-size: 16px;margin-left: 30px;line-height: 38px; }
.cnodLeft{ margin-top: 22px;width: 160px;height: 240px;float: left;; }
.cnodLeft img{ width: 160px;height: 160px;border-radius: 20px; }
.cnodLeft a.a_download{width: 160px;height: 50px;margin-top: 20px;display: block;}
.cnodLeft a.a_download em{ width: 160px;height: 48px;background-position: -440px -328px;transition: all 0.3s; }
.cnodLeft a.a_download em span{ color: #ffffff;font-size: 16px;line-height: 48px;margin-left: 70px;}
.cnodRig{ width: 580px;height: 240px;float: left;margin-left: 30px;margin-top: 14px; }
.cnodRig p{ width: 170px;height: 40px;line-height: 40px; float: left;font-size: 16px;margin-right: 20px;margin-bottom: 12px; }
.cnodRig p.p1{ display: block;width: 680px;height: 42px;overflow: hidden;}
.cnodRig p span{ color: #999999; }
.cnodRig p em{ color: #333333; }
.cnodRig p.p1 span{ float: left; }
.cnodRig p.p1 a{ display: block;float: left;margin-right: 10px;height: 22px;line-height: 22px;transition: all 0.3s;color: #4ea4ee;border: 1px solid #4ea4ee;padding: 0 5px;border-radius: 6px ;margin-top: 9px;}
.cnodRig p.p1 a:hover{ background: #4ea4ee;color: #fff; } 
.cnodRig dl{ width: 680px;height: 60px;margin-top: 10px;}
.cnodRig dl dt{ width: 80px;float: left;color: #999999; }
.cnodRig dl dd{ width: 550px;height: 70px;float: left;overflow: hidden;margin-top: -3px; }
.cnodRig dl dd a{ padding: 0 10px;display: block;float: left;font-size: 16px;border: 1px solid #eeeeee;border-radius: 30px;height: 25px;line-height: 25px;margin-bottom: 15px;margin-right: 20px;}
.cnodRig dl dd a em{ width: 17px;height: 19px;background-position: -155px -340px;margin-top: 3px;margin-left: 1px; }
.cnodRig dl dd a span{ margin-left: 10px;padding-left: 10px;border-left: 1px solid #eeeeee;transition: all 0.2s; }
.cnodRig dl dd a:hover span{ color: #ff6c6c; }
.cnodRig dl dd a:hover{ color: #ff6c6c;  }
.gamelcList{ margin-top: 30px; }
.gamelcList li{ width: 120px;height: 40px;transition: all 0s;border: 1px solid #eee;border-left: 0;float: left;text-align: center;line-height: 40px;font-size: 18px;}
.gamelcList li a{ transition: all 0s;display: block; }
.gamelcList li:first-child{ border-left: 1px solid #eeeeee; }
.gamelcList li.hover{ border-top: 3px solid #3399fa;height: 38px;line-height: 38px;border-bottom: 0; }
.gamelcList li.hover a{ color: #3399fa;font-weight: 600; }
.gamelcList li:hover {  border-top: 3px solid #3399fa;height: 38px;line-height: 38px;border-bottom: 0; }
.gamelcList li:hover a{ color: #3399fa;font-weight: 600;background: #fff; }

.yigBigArt{ max-height: 700px;width: 845px;overflow: hidden;padding-bottom: 15px;margin-top: 10px; }
.larityArt{ margin-left: 10px;width: 845px;overflow: hidden;height: auto; margin-top: 10px;}
.larityArt h2,
.larityArt h3{ font-weight: 600;font-size: 18px;margin: 15px 0;line-height: 20px;height: 20px;margin-top: 20px;border-left: 4px solid #ff6c6c;}
.larityArt h2 em{ display: block;width: 5px;height: 20px;border-radius: 5px;float: left;background: #ff6c6c;margin-right: 15px; }
.larityArt p{ font-size: 16px;line-height: 28px; text-indent: 1rem;}
.nyxDysNei{  font-size: 16px;line-height: 28px; text-indent: 1rem;}
.larityArt li{ font-size: 16px;line-height: 28px;text-indent: 1rem; }
.handClickUnfold{ width: 660px;height: 30px;background: #F2F2F2;color: #999;margin: 30px auto;text-align: center;line-height: 30px;border-radius: 30px;font-size: 16px;transition: all 0.3s;cursor: pointer;display: block;}
.handClickUnfold span{ display: block; }
.handClickUnfold:hover{ background: #3399fa;color: #ffffff;; }
.larityArt div{ font-size: 16px;line-height: 28px; text-indent: 1rem; }
.larityArt{ font-size: 16px;line-height: 28px; text-indent: 1rem; }
.larityArt .artCaution{ width: 98%; }

.cnPaneBox{ margin-top: 40px; }
.cnPaneTitle{ border-bottom: 2px solid #eeeeee; }
.cnPaneTitle h2{ float: left;font-weight: 600;font-size: 20px; border-bottom: 3px solid #3399fa;;padding-bottom: 15px;position: relative;top: 2px; }
.cnPaneTitle a{ float: right;color: #999999;line-height: 38px;transition: all 0.2s; }
.cnPaneTitle a:hover{ color: #3399fa; }

.larityArtvid { margin-left: 0;width: 870px; }
.larityArtvid h2{ border-left: 4px solid #2cc786 }
.larityArtvid h3{ border-left: 4px solid #2cc786 }
.matchSpeBox img{ width: 235px;height: 115px;float: left;transition: all 0.4s;}
.matchSpeBox .aImg{ display: block; width: 235px;height: 115px;border-radius: 5px;overflow: hidden;float: left; margin-top: 18px; }
.matchSpeBox dl{ float: left;width: 610px;margin-left: 20px; }
.matchSpeBox dl dt{ font-size: 25px; font-weight: 600;margin-top: 20px;}
.matchSpeBox dl dd{ line-height: 25px;margin-top: 7px;font-size: 16px; height: 75px;overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;overflow: hidden;;}
.matchSpeBox dl dt a{ transition: all 0.2s; }
.matchSpeBox dl dt a:hover{ color: #3399fa;text-decoration: underline; }
.matchSpeBox img:hover{transform: scale(1.2);}

.screeShot{ height: 275px;margin-top: 30px; }
.screeShot .swiper-slide{ height: 225px;width: auto; }
.screeShot .swiper-slide video{ height: 100%;width: auto !important; }
.screeShot .swiper-slide { display: flex;justify-content: center;align-items: center; }
.screeShot .swiper-slide em.icon{ width: 55px;height: 55px;transition: all .5s;display: block;z-index: 555;background-position: -540px -540px;position: absolute;top: 50%;left: 50%;margin-top: -28px;margin-left: -28px;}
.screeShot .swiper-slide img{ height: 225px;width: auto; }
.screeShot .swiper-slide:hover em.icon{ opacity: 0; }
.screeShot .swiper-scrollbar{ bottom: 0px;opacity: 1 !important; height: 7px;}
.swiper-scrollbar-drag{ background: #ff5f4a ; }
.screeShot .swiper-button-next{ width: 30px;height: 225px;background: url(/static/images/cn_bg3.png) no-repeat -285px -275px;top: 20px;right: 0;}
.screeShot .swiper-button-prev{ width: 30px;top: 20px;height: 225px;background: url(/static/images/cn_bg3.png) no-repeat -350px -275px; left: 0; }
.screeShot .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{ opacity: 1; }
.cnLatision{ width: 870px;margin-top: 10px;border-bottom: 1px solid #eee; }
.cnLatision li{ float: left;height: 42px;line-height: 42px;margin-top: 5px;font-size: 16px;margin-left: 40px;overflow: hidden;}
.cnLatision li:nth-child(1){ width: 240px;margin-left: 0; }
.cnLatision li:nth-child(2){ width: 200px; }
.cnLatision li:nth-child(4){ width: 270px; }
.cnLatision li:nth-child(4){ width: 50px;float: right;text-align: center;margin-top: 10px;height: 24px;line-height: 24px; border: 1px solid #3399fa;border-radius: 5px;}
.cnLatision li:nth-child(4) a{ display: block;color: #3399fa;transition: all 0.3s; } 
.cnLatision li:nth-child(4):hover{ background: #3399fa; }
.cnLatision li:nth-child(4):hover a{ color: #ffffff; }

.kienRight{ float: left; width: 420px;margin-top: 10px;position: relative; }
.kienRight em.line{ width: 1px;height: 166px;background: #eeeeee;position: absolute;left: 5px;top:20px;display: block; }
.kienRight li{ width: 100%;height: 42px;line-height: 42px;overflow: hidden;position: relative;}
.kienRight li a{ color: #333333;transition: all 0.2s; font-size: 16px;}
.kienRight li a:hover{ color: #ff535b; }
.kienRight li a.hover{ color: #ff535b; }
.kienRight li em{ width: 11px;height: 11px;transition: all 0.2s;background-position: -125px -365px; margin-top: 16px;position: absolute;z-index: 555; }
.kienRight li p{ margin-left: 20px;float: left;width: 330px;height: 42px;overflow: hidden; }
.kienRight li a.hover em{ background-position: -125px -340px;width: 11px;height: 11px;left: 0px; }
.kienRight li a:hover em{ background-position: -125px -340px;width: 11px;height: 11px;left: 0px; }
.kienRight span {width: 42px;height: 21px;margin-top: 9px;background-position: -420px 0;text-align: center;color: #999999;float: right;font-size: 12px;line-height: 27px;overflow: hidden;}

/* 猜你喜欢 */
.panceList{ float: right; }
.panceList li{ width: auto; font-size: 16px;float: left;cursor: pointer;transition: all 0.3s;text-align: center;color: #999999;margin-top: 6px;height: 24px;padding: 0 5px;line-height: 24px;margin-right: 15px;border: 1px solid #eeeeee;border-radius: 5px; }
.panceList li:last-child{ margin-right: 30px; }

.panceList li.current{ color: #3399fa;border: 1px solid #3399fa; }
.panceList li.current a{ color: #3399fa;line-height: 24px; }
.panceList li a{ line-height: 24px; }
.cnGuessLits li{ width: 270px;height: 118px;border: 1px solid #eeeeee;float: left;border-radius: 5px;margin: 28px 0px 0 27px; transition: all 0.3s; }
.cnGuessLits li:nth-child(3n+1){ margin-left: 0; }
.cnGuessLits li img{ width: 80px;height: 80px;border-radius: 15px;float: left;margin: 18px 0 0 20px; }
.cnGuessLits li dl{ float: left;width: 145px;height: 80px;margin-left: 15px;margin-top: 18px;}
.cnGuessLits li dl dt{ font-size: 16px;width: 145px;height: 20px;line-height: 20px;overflow: hidden; margin-bottom: 15px;  }
.cnGuessLits li dl dd{ margin-top: 5px;color: #999999;width: 145px;height: 25px;overflow: hidden; }
.cnGuessLits li dl dd em{ border: 1px solid #eee;display:inline-block;height: 16px;padding: 3px 4px;border-radius: 5px;line-height: 16px; }
.cnGuessLits li:hover{ transform: translateY(-8px);border: 1px solid #ff535b;box-shadow: 2px 3px 8px 5px #eee; }

/* 精彩合集 */
.cnSplendList{ margin-top: 13px; }
.cnSplendList li{ width: 280px;height: 140px;border-radius: 5px;overflow: hidden; position: relative;float: left;margin: 15px 0 0 15px;}
.cnSplendList li:nth-child(3n+1){ margin-left: 0; }
.cnSplendList li img{ width: 280px;height: 140px; }
.splenMask{ width: 280px;height: 140px;background: rgba(0, 0, 0, 0);position: absolute ;left: 0;transition: all 0.5s;top: 140px;}
.splenMask p{ font-size: 18px;opacity: 0;transition: all .8s;font-weight: 600;color: #fff;text-align: center;margin: 0 auto;height: 35px;line-height: 20px;width: 280px;overflow: hidden;display: flex;justify-content: center;margin-top: 55px;transition-delay: .2s;}
.splenMask p span{ display: block;height: 30px;overflow: hidden;max-width: 240px;line-height: 30px; }
.splenMask em.em1{ width: 12px;height: 12px;background-position: -190px -340px; margin: 0px -2px 0 0; }
.splenMask em.em2{ width: 12px;height: 12px;background-position: -220px -340px; margin-top: 20px;margin-left: -3px; }
.cnSplendList li:hover .splenMask { background: rgba(0 , 0, 0, 0.4); transform: translateY(-140px);}
.cnSplendList li:hover .splenMask p{ opacity: 1; }
.splenMask p span:hover{ text-decoration: underline; }


/* 大家都在玩 */
.cnAllpyList{ margin-top: 10px; }
.cnAllpyList li{ margin: 20px 0 0 40px;width: 90px;height: 135px;float: left;transition: all 0.3s; }
.cnAllpyList li:nth-child(7n+1 ){ margin-left: 0;}
.cnAllpyList li a{ display: block; }
.cnAllpyList li .img_box{ width: 90px;height: 90px;overflow: hidden;border-radius: 15px; }
.cnAllpyList li .img_box img{ width: 90px;height: 90px;overflow: hidden;border-radius: 15px;transition: all 1s; }
.cnAllpyList li a p{ margin-top: 15px;width: 90px;font-size: 16px;height: 20px;line-height: 20px;overflow: hidden;text-align: center; transition: all 0.2s; }
.cnAllpyList li:hover img{ transform: rotateY( 360deg ); }
.cnAllpyList li:hover p{ color: #ff535b;  }
.cnAllpyList li:hover{ transform: translateY(-8px); }

/* 下载地址 */
.cdAddress{ width: 870px;; }
.AddressLeft{ float: left;width: 450px; }
.AddressLeft dl{ margin-top: 22px;font-size: 16px;border-bottom: 1px solid #eee;padding-bottom: 20px; }
.AddressLeft dl dt{ color: #333333;font-weight: 600;margin-bottom: 5px; }
.AddressLeft dl dd{ width: 200px;float: left;margin-right: 20px;margin-top: 15px; }
.AddressLeft dl dd a { transition: all 0.2s;}
.AddressLeft dl dd em{ width: 20px;height: 20px;background-position: -90px -340px;margin-right: 10px;  }
.AddressLeft dl dd:hover a{ color: #3399fa;text-decoration: underline; }
.AddressLeft img{ width: 407px;height: 192px;display: block;margin: 48px auto ; }

.AddressRig{float: left;width: 395px;margin-left: 25px;background: #ff535b;height: 395px;margin-top: 30px; }
.AddressRig a img{ width: 395px;height: 395px;; }
.ressRigswiper{ float: left;width: 395px;height: 395px;  }
.ressRigswiper  .swiper-pagination-bullet{ background: #cccccc;opacity: 1;  width: 16px;height: 12px;border-radius: 0;}
.ressRigswiper .swiper-pagination-bullet-active{background: #3399fa; }
.ressRigswiper .swiper-pagination{ width: auto;float: right;left: initial;right: 20px;bottom: 15px; }

/* 右边 */
.scanimgBox { width: 244px;height: 285px;float: right;margin-top: 20px; }
.scanimgBox em{ width: 244px;height: 241px;background: url(/static/images/cn_bg3.png) no-repeat -0 -259px;display: block;}
.scanimgBox em img{ display: block;width: 159px;height: 158px;position: relative;top: 41px;margin-left: 45px;}
.scanimgBox p{width: 244px;text-align: center;margin-top: 8px;height: 30px;font-size: 22px;line-height: 30px;overflow: hidden; }

.DeoRigBox{ margin-top: 25px;width: 300px; padding-bottom: 20px;}
.DeoRigTltle { border-bottom: 2px solid #3399fa; padding-bottom: 15px;}
.DeoRigTltle h2{ font-size: 20px;float: left;line-height: 24px; }
.DeoRigTltle h2 em{ width: 12px;height: 18px;background-position: -520px 0;padding-right: 12px;margin-top: 5px; }
.DeoRigTltle a{ float: right;line-height: 24px;transition: all 0.2s;color: #999999; }
.DeoRigTltle a:hover{ color: #3399fa;text-decoration: underline; }
.mendliRig li{ padding: 18px 0; border-bottom: 1px solid #eeeeee; }
.mendliRig li a.a_img{width: 75px;height: 75px;border-radius: 10px;overflow: hidden;float: left;}
.mendliRig li a.a_img img{ width: 75px;height: 75px;transition: all 0.3s; transform: scale(1.2);}
.mendliRig li a.a_img img:hover{ transform: scale(1); }
.mendliRig li dl{ float: left;width: 142px;height: 78px;overflow: hidden;margin-left: 10px;margin-top: 1px; }
.mendliRig li dl dt a{font-size: 16px;width: 142px;height: 20px;overflow: hidden;line-height: 20px; display: block;transition: all 0.1s;}
.mendliRig li dl dd{ color: #999999;margin-top: 8px;width: 142px;height: 20px;overflow: hidden; }
.mendliRig li dl dt a:hover{ color: #ff535b; text-decoration: underline; }
.mendliRig li dl dd a{ width: auto;color: #999999;transition: all 0.3s;height: 20px;line-height: 19px;font-size: 12px;text-align: center;background: #f5f5f5;border-radius: 4px;padding: 0 10px;display: block;float: left;margin-right: 10px;}
.mendliRig li dl dd a:hover{ background: #4ea4ee;color: #ffffff; }
.mendliRig li a.exmine{ float: right;width: 56px;height: 28px;margin-top: 18px;border: 1px solid #3399fa;color: #3399fa;transition: all 0.3s;margin-left: 10px;text-align: center;line-height: 28px;border-radius: 5px;transition: all 0.3s; }
.mendliRig li a.exmine:hover{ background: #3399fa;color: #ffffff; }

/* 本类排行 */
.cnenDpank li{  padding: 18px 0; border-bottom: 1px solid #eeeeee;  }
.cnenDpank li em.serial{ width: 20px;height: 40px;display: block;margin-top: 24px;display: block;float: left;color: #fff;text-align: center;line-height: 40px;background: #cccccc; }
.cnenDpank li a.a_img{width: 85px;height: 85px;border-radius: 15px;overflow: hidden;float: left;margin-left: 15px;}
.cnenDpank li a.a_img img{ width: 85px;height: 85px;transition: all 0.3s; transform: scale(1.2);}
.cnenDpank li a.a_img img:hover{ transform: scale(1); }
.cnenDpank li dl{ float: left;width: 160px;height: 87px;overflow: hidden;margin-left: 14px; }
.cnenDpank li dl dt a{font-size: 16px;width: 160px;height: 20px;overflow: hidden;line-height: 20px;display: block;}
.cnenDpank li dl dt a:hover{  color: #ff535b; text-decoration: underline; }
.cnenDpank li dl dd{ margin-top: 9px;width: 160px;height: 24px;overflow: hidden; }
.cnenDpank li dl dd span a{ width: auto;height: 20px;transition: all 0.3s;color: #999999;line-height: 19px;margin-bottom: 5px;font-size: 12px;text-align: center;background: #f5f5f5;border-radius: 4px;padding: 0 10px;display: block;float: left;margin-right: 10px;}
.cnenDpank li dl dd span a:hover{  background: #3399fa;color: #ffffff; }
.cnenDpank li dl dd a.exmine{ float: left;min-width: 50px;height: 22px;margin-top: 0px;border: 1px solid #3399fa; color: #3399fa;transition: all 0.3s;text-align: center;line-height: 22px;border-radius: 5px;transition: all 0.3s; }
.cnenDpank li dl dd a.exmine:hover{ background: #3399fa;color: #ffffff; }
.cnenDpank li:nth-child(1) em{ background: #ff6600 ; }
.cnenDpank li:nth-child(2) em{ background: #ffa800; }
.cnenDpank li:nth-child(3) em{ background: #ffc000; }

/* 热门排行 */
.RigHtlist{ margin-top: 5px;width: 315px; }
.RigHtlist li a { padding: 0 10px;max-width: 120px;overflow: hidden;;transition: all 0.2s;background: #f6f6f6; color: #333333; display: block; height: 30px;line-height: 30px; float: left;margin-right: 15px;margin-top: 15px;border-radius: 2px;}
.RigHtlist li.hover a{ color: #ff6c6c;background: #ffefef;  }
.RigHtlist li a:hover { color: #ff6c6c;background: #ffefef; }
.RigHtlist li a:hover a{ color: #fff; }


/*********************** 文章列表页  **********************/
/* 电竞资讯 */
.trinicArt h1{ font-size: 24px;float: left;margin-top: 28px;font-weight: 600; }
.trinicArt h1 em{ width: 38px;height: 3px;background: #333333;display: block;margin-top: 8px; border-radius: 2px;}
.trinicArt ul.gamelcList{ float: right;background: #f6f6f6; }
.gamelcList li.hover a{ background: #fff; }
.cnArticleL{ margin-top: 30px; }
.cnArticleL li{ margin-top: 20px;height: 190px;border-bottom: 1px solid #eee; }
.cnArticleL li h2{ font-size: 20px;width: 870px;height: 24px;line-height: 24px;overflow: hidden; }
.cnArticleL li a.a_img{width: 210px;height: 115px; display: block;float: left;border-radius: 5px;overflow: hidden; margin-top: 20px;}
.cnArticleL li img{width: 210px;height: 115px;transition: all 0.4s; transform: scale(1.1); }
.cnArticleL li img:hover{ transform: scale(1); }
.cnArticleL li dl{ margin-left: 20px;float: left;width: 640px;height: 120px; margin-top: 20px;; }
.cnArticleL li dl dt { width: 640px;height: 60px;overflow: hidden; }
.cnArticleL li dl dt a{ line-height: 30px;height: 30px;color: #666666;font-size: 16px;transition: all 0.2s; }
.cnArticleL li dl dd{margin-top: 26px;}
.cnArticleL li dl dd span{  padding: 0 15px;background: #f5f5f5; display: block;max-width: 290px;overflow: hidden;border-radius: 30px;display: block; height: 30px;line-height: 30px; float: left;color: #999999;}
.cnArticleL li dl dd span a{ color: #999999; }
.cnArticleL li dl dd span:hover{  background: #ff6c6c;border: 1px solid #ff6c6c;color: #ffffff; } 
.cnArticleL li dl dd span:hover a{color: #ffffff; }
.cnArticleL li dl dd em{ float: right;color: #999999; padding: 0 15px;transition: all 0.3s ;display: block;border-radius: 30px;display: block; height: 30px;line-height: 30px;border: 1px solid #eeeeee;margin-left: 20px;}
.cnArticleL li dl dd i{ float: right;font-style: normal;transition: all 0.3s ;display: block;border-radius: 30px;display: block; height: 30px;line-height: 30px;border: 1px solid #eeeeee;margin-left: 20px;}
.cnArticleL li dl dd i a{ display: block;color: #999999;width: 100%;height: 100%; padding: 0 18px;transition: all 0.3s }
.cnArticleL li dl dd i:hover{ background: #ff6c6c;border: 1px solid #ff6c6c;}
.cnArticleL li dl dd i:hover a{color: #ffffff; }
.cnArticleL li dl dd em b{ width: 18px;height: 19px;background-position: -250px -340px;margin: 7px 8px 0 0;}
.cnArticleL li h2 a{ transition: all 0.2s; }
.cnArticleL li h2 a:hover{ color: #ff6c6c; }
.cnArticleL li dl dt a:hover{ color: #ff6c6c; }

/* 热点资讯 */
.Rigxslar li{ width: 300px;height: 50px;line-height: 50px;border-bottom: 1px solid #f5f5f5;transition: all 0.3s; }
.Rigxslar li a em{ width: 26px;height: 26px;text-align: center;line-height: 26px;color: #ffffff;background-position: -160px -380px;margin: 12px 0 0 0 ; }
.Rigxslar li:nth-child(n+4) a em{ background-position: -200px -380px; }
.Rigxslar li a p{ width: 260px;margin-left: 10px;height: 50px;line-height: 50px;overflow: hidden;float: left;transition: all 0.2s;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; }
.Rigxslar li a:hover p{ color: #ff535b; }
.Rigxslar li:hover{ border-bottom: 1px solid #ff535b; }
.mendliRig li dl dd em{ color: #ffa800; }
.mendliRig1 li dl{ width: 210px ; }
.mendliRig1 li dl dt a{ width: 210px; }
.mendliRig1 li dl dd{ width: 210px; }
.RigHtlist li.a1 a{ background: #ff968b;color: #ffffff; }
.RigHtlist li.a2 a{ background: #538bcc;color: #ffffff; }
.RigHtlist li.a3 a{ background: #b9da6a;color: #ffffff; }
.RigHtlist li.a4 a{ background: #64d2f3;color: #ffffff; }
.RigHtlist li.a5 a{ background: #57bc84;color: #ffffff; }
.RigHtlist li.a6 a{ background: #a08af0;color: #ffffff; }
.RigHtlist li.a7 a{ background: #ffaed1;color: #ffffff; }
.RigHtlist li.a8 a{ background: #bc9c57;color: #ffffff; }

.RigHtlist li a:hover{ background: #ff6c6c;transform: translateY(-5px); }

/*********************** 手游频道页  **********************/
.cnPanelBox{ padding-bottom: 40px; }
.cnFigure{ display: flex;justify-content: space-between; }
.cnFigure li{ margin: 25px 0px; display: flex;justify-content: center; float: left;transition: all 0.3S;}
.cnFigure li:first-child{ margin-left: 0; }
.cnFigure li em{ width: 44px;height: 35px; margin: 0 auto;float: initial; transition: all 0.3s;}
.cnFigure li p{  width: 90px;text-align: center;margin: 0 auto;margin-top: 8px;transition: all 0.2s;height: 19px;overflow: hidden; }
.cnFigure li:nth-child(1) em{ background-position: -350px -500px;width: 35px;}
.cnFigure li:nth-child(2) em{ background-position: -190px -440px;width: 32px;}
.cnFigure li:nth-child(3) em{ background-position: -240px -440px;width: 40px;}
.cnFigure li:nth-child(4) em{ background-position: -300px -440px;width: 35px;}
.cnFigure li:nth-child(5) em{ background-position: -355px -440px;width: 35px;}
.cnFigure li:nth-child(6) em{ background-position: -410px -440px;width: 25px;}
.cnFigure li:nth-child(7) em{ background-position: -460px -440px;width: 35px;}
.cnFigure li:nth-child(8) em{ background-position: -520px -440px;width: 44px;}
.cnFigure li:nth-child(9) em{ background-position: -190px -500px;width: 33px;}
.cnFigure li:nth-child(10) em{ background-position: -250px -500px;width: 25px;}
.cnFigure li:nth-child(11) em{ background-position: -300px -500px;width: 30px;}
.cnFigure li.hover p{ color: #3399fa; }
.cnFigure li:hover p{ color: #3399fa;text-decoration: underline; }
.cnFigure li:hover {transform: translateY(-8px) }

.PaneTitle h2{font-size: 20px;float: left;line-height: 24px;}
.PaneTitle h2 em{ width: 12px;height: 18px;background-position: -520px 0;padding-right: 12px;margin-top: 4px; }
.PaneTitle a { float: right;line-height: 24px;color: #999999;transition: all 0.2s; }
.PaneTitle a:hover{ color: #3399fa;text-decoration: underline; }
.PaneTitle{ border-bottom: 1px solid #eeeeee;padding-bottom: 15px}

/* 第一板块 */
.ctoTop{ bottom: 108px;display: none;right: 320px;width: 48px;height: 48px;position: fixed; background: #cccccc;cursor: pointer;}
.ctoTop em{ background-position: -570px -240px;position: relative;z-index: 666;width: 26px;height: 24px;margin: 11px;transition: all 0.3s; }
.ctoTop:hover em{ background-position: -570px -200px;; }
.ctoTop:hover{ background: #3399fa;  }
.chrangSwier{ width: 390px;height: 563px;float: left; }
.chrangSwier .gallery-top{ width: 390px;height: 563px; }
.chrangSwier .gallery-top img{ width: 390px;height: 563px; }
.chrangSwier .gallery-thumbs{ width: 350px;margin: auto;margin-top: -122px;}
.chrangSwier .gallery-thumbs .swiper-slide{ width: 68px;height: 106px;}
.chrangSwier .gallery-thumbs .swiper-slide img{ width: 68px;height: 100px;  border: 3px solid #ffffff;display: block;margin: 0 auto;transition: all 0.3s;}
.chrangSwier .gallery-thumbs .swiper-slide-thumb-active img{ border: 3px solid #ff4d4d; }
.chrangSwier .swiper-button-white{ width: 50px;height: 100px;margin-top: -50px;transition: all 0.4s; }
.chrangSwier .swiper-button-next{ background: url(/static/images/cn_bg2.png) no-repeat -400px -500px;outline: none;right: -50px;}
.chrangSwier .swiper-button-prev{ background: url(/static/images/cn_bg2.png) no-repeat -470px -500px;left: -50px;outline: none;}
.chrangSwier:hover .swiper-button-next{ right: 0;; }
.chrangSwier:hover .swiper-button-prev{ left: 0; }

.nimt_right{ margin-left: 30px;float: left;}
.andAp_list li{ float: left;cursor: pointer;width: 107px;height: 40px;background: #f5f5f5;font-weight: 600;font-size: 18px;text-align: center;line-height: 40px;}
.andAp_list li.current{ background: #42B2FD;color: #ffffff; }
.cnMpcBox .cnUnit_list li a span{ margin-top: 3px; }
.cnUnit_list{ padding: 10px 0 16px;}
.cnUnit_list li{height: 32px;width: 430px;margin-top: 9px;display: flex;  }
.cnUnit_list li .away_men{ display: flex;width: 387px;overflow: hidden;height: 35px;; }
.cnUnit_list li a{  display: flex;height: 32px;line-height: 32px;justify-content: space-between; }
.cnUnit_list li a span{ color: #999999;margin: 0 10px;display: block;max-width: 66px;transition: all 0.3s }
.cnUnit_list li p{ color: #333333;font-size: 16px;transition: all 0.3s;margin-left: 10px; width: 218px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.cnUnit_list li img{ width: 20px;height: 20px;border-radius: 5px;margin-top: 5px;margin-left: 12px; }
.cnUnit_list li em.em1{ width: 6px;height: 6px;display: block;background: #eeeeee;border-radius: 2px;margin-top: 13px; }
.cnUnit_list li b{ width: 1px;height: 12px;background: #999999;display: block;margin-top: 11px; }
.cnUnit_list li em.em2{ width: 42px;height: 21px;margin-top: 5px;background-position: -420px 0;text-align: center; color: #999999;font-size: 12px;line-height: 27px;overflow: hidden;}
.cnUnit_list li.hover em.em1{ background: #ff535b;transition: all 0.3s; }
.cnUnit_list li.hover span{ color: #ff535b;  }
.cnUnit_list li.hover p{ color: #ff535b; }
.cnUnit_list li:hover em.em1{ background: #ff535b; }
.cnUnit_list li:hover span{ color: #ff535b;  }
.cnUnit_list li:hover p{ color: #ff535b; }
.cnUnit_list{ border-top: 1px solid #eee; }
.nitmRmg{ width: 320px;height: 560px;float: right; }

.mRmgtop { position: relative;height: 220px;width: 318px;overflow: hidden;margin-top: -8px; }
.mRmgtop img.a_img{ height: 210px;width: 320px;transition: all 0.3s;margin-top: 8px; }
.mRmgtop em.em1{ width: 45px;height: 99px;background-position: 0 -44px;position: absolute;top: 0px;right: 10px;}
.mRmgtop:hover img{ opacity: 0.9;}
.sentmask{ position: absolute;width: 320px;height: 80px;background: rgba(0 , 0, 0, 0.3);transition: all 0.5s; }
.sentmask img{ width: 55px;height: 55px;margin: 12px; border-radius: 10px;float: left;margin-left: 8px; }
.sentmask em.line{ float: left;display: block;height: 20px;width: 1px;background: #e9e8e8;margin: 30px 10px 0;}
.sentunA{ float: left;width: 125px;padding: 13px 0;height: 54px;line-height: 26px;color: #ffffff;  }
.sentunA p.p1{ font-size: 16px;color: #ffffff;width: 125px;height: 28px;overflow: hidden; }
.sentunA p.p2{ font-size: 14px;color: #cccccc;width: 125px;height: 26px;overflow: hidden;}
.sentRng{ float: left; width: 94px;height: 74px;display: flex;justify-content: center;margin-top: 18px;}
.sentRng em.em2{ width: 18px;height: 41px;background-position: -65px -90px; }
.sentRng em.em3{ width: 18px;height: 41px;background-position: -110px -88px; }
.sentRng p{  color: #fe9838;font-size: 16px;margin: -7px 3px 0; }
.sentRng p span{ display: block; color: #fe9838;font-size: 14px;}
.sentRng p b{ font-size: 24px; }
.mRmgtop:hover .sentmask{ transform: translateY(-80px); }
.mRmgMid{ width: 320px;margin-top: 15px; }
.mRmgMid a{ display: inline-block;margin-top: 15px;transition: all 0.3s;margin-right: 12px;text-align: center;width: 75px;height: 48px;line-height: 48px;padding: 0 10px;overflow: hidden;font-size: 16px;}
.mRmgMid a:nth-child(3n){ margin-right: 0; }
.mRmgMid a.a1{ background: #e5f2ff;color: #3399fa; }
.mRmgMid a.a2{ background: #f1ebff;color: #9b66ff; }
.mRmgMid a.a3{ background: #ffe7e7;color: #ff6666; }
.mRmgMid a.a4{ background: #fff5eb;color: #ff7600; }
.mRmgMid a.a5{ background: #fffae0;color: #d8b425; }
.mRmgMid a.a0{ background: #e0ffe6;color: #41cd5d; }
.mRmgMid a:hover{ transform: translateY(-6px);}

.kienRight1 li{ height: 41px;  }
.FectureSwiper{ margin-top: 20px;height: 190px; }
.FectureSwiper .swiper-slide{ width: 280px;height: 140px;border-radius: 5px;overflow: hidden;position: relative; }
.FectureSwiper .swiper-slide img{ width: 280px;height: 140px;; }
.FectureSwiper .splenMask{ width: 280px;height: 140px;background: rgba(0, 0, 0, 0.9);position: absolute ;top: 0;left: 0;transition: all 0.5s;top: 140px;}
.FectureSwiper .splenMask p{ font-size: 18px;transition: .5s;font-weight: 600;color: #fff;text-align: center;margin: 0 auto;height: 35px;
    line-height: 20px;width: 280px;overflow: hidden;display: flex;justify-content: center;margin-top: 55px; margin-left: 280px;transition-delay: 0.2s;}
.splenMask p span{ display: block;height: 30px;overflow: hidden;max-width: 240px;line-height: 30px; }
.splenMask em.em1{ width: 12px;height: 12px;background-position: -190px -340px; margin: 0px -2px 0 0; }
.splenMask em.em2{ width: 12px;height: 12px;background-position: -220px -340px; margin-top: 20px;margin-left: -3px; }
.FectureSwiper .swiper-slide:hover .splenMask p{ opacity: 1; margin-left: 0px; }
.FectureSwiper .swiper-slide:hover:hover .splenMask { background: rgba(0 , 0, 0, 0.3); transform: translateY(-140px);}
.FectureSwiper .swiper-pagination{ bottom: 0;width: 14%;margin: 0 auto;left: 43%;overflow: hidden;height: 21px; }
.FectureSwiper .swiper-pagination-bullet{ margin: 0 8px !important;width: 10px;height: 10px;background: #eeeeee;opacity: 1;}
.FectureSwiper .swiper-pagination-bullet-active{ background: #ff4d4d ; }
.FectureSwiper .swiper-button-next{width: 21px;height: 21px;background-position: -285px -380px; top: 190px;right: 41%;  }
.FectureSwiper .swiper-button-prev{ width: 21px;height: 21px;background-position: -250px -380px; top: 190px;left: 41%;}

/* 安卓游戏 */
.StructLeft{ float: left;width: 420px;margin-top: 5px; }
.nelStruTop li{ width: 122px;height: 48px;margin: 15px 0 0  22px;float: left;position: relative;}
.nelStruTop li a{ width: 122px;height: 44px;overflow: hidden;display: block;position: relative; border: 1px solid #eeeeee;}
.nelStruTop li:nth-child(3n+1){ margin-left: 0; }
.nelStruTop li em { width: 27px;height: 27px;position: absolute;z-index: 10;transition: all 0.2s;}
.nelStruTop li span{ width: 44px;height: 6px;position: absolute;top: 46px;right: 0;background: url(/static/images/cn_bg3.png) no-repeat  -400px -100px;;}
.nelStruTop li p{ width: 104px;padding: 0 10px;height: 44px;line-height: 44px;font-size: 16px;text-align: center;color: #FF8CBB;position: absolute;z-index: 10;}
.nelStruTop li b{ position: absolute;top:-30px;left: -109px;transition: all 0.3s;display: block; width: 122px; height: 44px;background:  #FF8CBB;}
.nelStruTop li:hover a{ border: 1px solid #FF8CBB; }
.nelStruTop li:hover em{ opacity: 0; }

.nelStruTop li:hover a p{ color: #ffffff;  }
.nelStruTop li:hover b{ width: 122px; height: 44px;top:0;left: 0; }

.nelStruTop li.li0 p{ color: #FF8CBB; }
.nelStruTop li.li0 em{ background-position: 0px 0;  }
.nelStruTop li.li0:hover b{ background:#FF8CBB;}

.nelStruTop li.li1 p{ color: #8C97CB; }
.nelStruTop li.li1 em{ background-position: -44px 0;  }
.nelStruTop li.li1 b{ background:#8C97CB;  }
.nelStruTop li.li1:hover a{ border: 1px solid #8C97CB; }

.nelStruTop li.li2 p{ color: #B3D465; }
.nelStruTop li.li2 em{ background-position: -85px 0;  }
.nelStruTop li.li2 b{ background:#B3D465;  }
.nelStruTop li.li2:hover a{ border: 1px solid #B3D465; }

.nelStruTop li.li3 p{ color: #A6937C; }
.nelStruTop li.li3 em{ background-position: -135px 0;  }
.nelStruTop li.li3 b{ background:#A6937C;  }
.nelStruTop li.li3:hover a{ border: 1px solid #A6937C; }

.nelStruTop li.li4 p{ color: #F6C15B; }
.nelStruTop li.li4 em{ background-position: -175px 0; }
.nelStruTop li.li4 b{ background:#F6C15B;  }
.nelStruTop li.li4:hover a{ border: 1px solid #F6C15B; }

.nelStruTop li.li5 p{ color: #5DA3EA; }
.nelStruTop li.li5 em{ background-position: -220px 0;  }
.nelStruTop li.li5 b{ background:#5DA3EA;  }
.nelStruTop li.li5:hover a{ border: 1px solid #5DA3EA; }

.nelStruTop li.li6 p{ color: #FF7F46; }
.nelStruTop li.li6 em{ background-position: -265px 0;  }
.nelStruTop li.li6 b{ background:#FF7F46;  }
.nelStruTop li.li6:hover a{ border: 1px solid #FF7F46; }

.nelStruTop li.li7 p{ color: #DB79FF; }
.nelStruTop li.li7 em{ background-position: -310px 0;  }
.nelStruTop li.li7 b{ background:#DB79FF;  }
.nelStruTop li.li7:hover a{ border: 1px solid #DB79FF; }

.nelStruTop li.li8 p{ color: #4DC91C; }
.nelStruTop li.li8 em{ background-position: -350px 0;  }
.nelStruTop li.li8 b{ background:#4DC91C;  }
.nelStruTop li.li8:hover a{ border: 1px solid #4DC91C; }

.nelStruTop li.li9 p{ color: #8C97CB; }
.nelStruTop li.li9 em{ background-position: -395px 0;  }
.nelStruTop li.li9 b{ background:#8C97CB;  }
.nelStruTop li.li9:hover a{ border: 1px solid #8C97CB; }

.nelStruTop li.li10 p{ color: #EC5747; }
.nelStruTop li.li10 em{ background-position: -70px -45px;  }
.nelStruTop li.li10 b{ background:#EC5747;  }
.nelStruTop li.li10:hover a{ border: 1px solid #EC5747; }

.nelStruTop li.li11 p{ color: #5DC9EA; }
.nelStruTop li.li11 em{ background-position: -120px -45px;  }
.nelStruTop li.li11 b{ background:#5DC9EA;  }
.nelStruTop li.li11:hover a{ border: 1px solid #5DC9EA; }

/* 热门标签 */
.nelHotLable{ margin-top: 30px; }
.lableLeft{ width: 40px;height: 65px;color: #ffffff;font-size: 18px;line-height: 30px;background: #76b9ff;padding: 40px 15px;font-weight: 600;float: left;text-align: center;}
.lableRig{ float: left;width: 340px;margin-top: -9px;height: 158px;overflow: hidden; }
.lableRig li{ width: 113px;overflow: hidden;height: 41px;;text-align: center;margin-top: 10.4px;float: left;}
.lableRig li a{ display: block;background: #6dd1ba;height: 41px; padding: 0 10px;line-height: 41px;margin-left: 12px;color: #ffffff;transition: all 0.3s;}
.mathRamd li a.a1{ background: #ff968b; }
.mathRamd li a.a2{ background: #b2bfff; }
.mathRamd li a.a3{ background: #b9da6a; }
.mathRamd li a.a4{ background: #76b9ff; }
.mathRamd li a.a5{ background: #57bc84; }
.mathRamd li a.a6{ background: #8ecc76; }
.mathRamd li a.a7{ background: #8c97cb; } 
.mathRamd li a.a7{ background: #e6a2ff; } 
.mathRamd li a:hover{ background: #ff6c6c;transform: translateY(-3px);height: 38px; }
.nelTegyLeft{ float: left;width: 750px; }
.nelTegyRig{ float: right;width: 420px; }
.kienRight li p:hover{ text-decoration: underline; }

.StructRig{ float: left; width: 750px;margin-left: 30px;margin-top: 12px;}
.StructRig li{ width: 96px;height: 136px;border-radius: 15px;float: left;margin-left: 34px;margin-top: 8px; }
.StructRig li:nth-child(6n+1){ margin-left: 0; }
.StructRig li a img{ width: 96px;height: 96px;border-radius: 15px;overflow: hidden;transition: all 0.3s; }
.StructRig li a p{ width: 74px;height: 20px;transition: all 0.3s;overflow: hidden;;line-height: 20px;padding: 0 10px;text-align: center;margin-top: 10px; font-size: 16px;}
.StructRig li a:hover p{ color: #ff535b; }
.StructRig li:hover img{ transform: rotateY( 180deg ) translateY(-8px); }
.FectureSwiper .swiper-slide i{ position: absolute;height: 50px;display: block;width: 260px;padding: 0 10px;font-style: normal;color: #fff;line-height: 60px;text-align: center;font-size: 16px;background: linear-gradient( to bottom,rgba( 0,0,0,0 ),rgba( 0,0,0,1 ) );top: 140px;transition: all 0.3s;}
.nelFecture1 .FectureSwiper .swiper-slide:hover i{ transform: translateY( -50px); }
.imtexList li { width: 234px; float: left;height: 188px;position: relative;;border-radius: 10px;overflow: hidden;margin: 20px 0 0 20px;border: 1px solid #eeeeee; }
.imtexList li:nth-child(3n+1){ margin-left: 0; }
.imtexList li:nth-child(n+4){ margin-top: 24px; }
.imtexList li img{ width: 234px;height: 132px;transition: all 0.3s; border-radius: 10px 10px 0 0;   }
.imtexList li a p{ font-size: 16px;transition: all 0.3s;height: 40px;line-height: 20px;padding: 8px 8px 0 8px;overflow: hidden; }
.imtexList li em{ width: 40px;height: 21px;background-position: -330px -340px;position: absolute;top: 15px; z-index: 600;}
.imtexList li:hover img{ transform: scale(.92);   }
.imtexList li:hover p{ color: #ff535b; }
.kienRight li i{ width: 22px;border-radius: 2px;height: 22px;margin-top: 10px;font-style: normal;text-align: center;line-height: 22px;display: block;float: left;border: 1px solid #ff535b;color: #ff535b; }
.kienRight li:nth-child(n+4) i{ border: 1px solid #eeeeee;color: #999999; }
.kienRight2 li p{ margin-left: 15px;}
.kienRight2 li:first-child{ margin-top: 2px; }
.imtexList li{ width: 274px; }
.imtexList li a{ display: block; }
.imtexList li img{ width: 274px; }

.imtexList1 li{ width: 234px; }
.imtexList1 li img{ width: 234px; }
/* 游戏排行榜 */
.nelGameRank { width: 390px;height: 860px;border-radius: 15px;border: 1px solid #FF8C54;margin-top: 25px;float: left; }
.nelGameRank em.ran1{ width: 377px;height: 37px;background: url(/static/images/cn_bg3.png) no-repeat 0 -145px;display: block; margin: 25px auto 8px;text-align: center;font-size: 20px;font-weight: 600;color: #FF8C54;line-height: 16px;}
.nelGameRank:nth-child(3){ margin-left: 12px;border-color: #48bf6d;  }
.nelGameRank:nth-child(3) em.ran1{ background-position: 0 0 ; color: #48bf6d; }
.nelGameRank:nth-child(3) li:hover  dt a{ color: #48bf6d}
.nelGameRank:nth-child(4){ margin-left: 12px; border-color: #499ff6; }
.nelGameRank:nth-child(4) em.ran1{ background-position: 0 -75px ;color: #499ff6;}
.nelGameRank:nth-child(4) li:hover  dt a{ color: #499ff6}
.nelGameRank li:hover  dt a{ color: #FF8C54; text-decoration: underline;}
.nelGameRank li{ width: 350px;margin: 0px auto;border-bottom: 1px solid #eeeeee;padding: 20px 0; }
.nelGameRank li b{ font-style: normal;width: 28px;background: #cccccc;height: 28px;border-radius: 15px 0 15px 0;display: block;color: #fff;text-align: center;line-height: 28px;font-size: 16px;float: left;margin-top: 19px;}
.nelGameRank li:nth-child(2) b{ background: #ff5858;border: #ff535b; }
.nelGameRank li:nth-child(3) b{ background: #f99040;border: #f99040; }
.nelGameRank li:nth-child(4) b{ background: #f9cc40;border: #f9cc40; }
.nelGameRank li em{ width: 30px;height: 30px;background-position: -170px -40px;float: right; }
.nelGameRank li .hover2 a.a_img{ float: left; width: 68px;height: 68px;overflow: hidden;margin-left: 20px;border-radius: 10px;}
.nelGameRank li .hover2 a.a_img img{ float: left;width: 68px;height: 68px;transition: all 0.3s;border-radius: 10px;overflow: hidden; }
.nelGameRank li .hover2 dl{ float: left;width: 165px;height: 70px;overflow: hidden;margin-left: 20px; }
.nelGameRank li .hover2 dl dt{ margin: 10px 0;transition: all 0.3s;color: #333333;font-size: 16px;width: 165px;height: 20px;line-height: 20px;overflow: hidden;   }
.nelGameRank li .hover2 dl dd{ color: #999999; width: 165px;height: 20px;line-height: 20px;overflow: hidden;}
.nelGameRank li .hover2 a.load{ width: 30px;height: 30px;margin-top: 20px; }
.nelGameRank li .hover2 em{ margin-top: 18px; }
.nelGameRank li img:hover{ transform: scale(1.1); }
.nelGameRank li .hover2 dl dt a{ transition: all 0.2s; }
.nelGameRank li .hover1 b{ margin-top: 0; }
.nelGameRank li .hover1 p{ float: left;width: 245px;margin-left: 20px;line-height: 28px;height: 28px;overflow: hidden;font-size: 16px; }

.cnUnit_list li a span{ float: left;display: block;float: left;line-height: 26px;height: 26px;padding: 0 6px;border-radius: 3px; background: #fff5df ;margin-top: 3px;width: 66px;text-align: center;}
.cnUnit_list li:nth-child(1) a span{ color: #ff8022; background: #fff5df ; }
.cnUnit_list li:nth-child(2) a span{ color: #ff4639; background: #ffeceb ; }
.cnUnit_list li:nth-child(3) a span{ color: #3399fa; background: #edf6ff ; }
.cnUnit_list li:nth-child(4) a span{ color: #31ad65; background: #ecfff1 ; }
.cnUnit_list li:nth-child(5) a span{ color: #ff8022; background: #fff5df ; }
.cnUnit_list li:nth-child(6) a span{ color: #ff4639; background: #ffeceb ; }
.cnUnit_list li:nth-child(7) a span{ color: #3399fa; background: #edf6ff ; }
.cnUnit_list li:nth-child(8) a span{ color: #31ad65; background: #ecfff1 ; }

.mcnInfo1 .cnodLeft{ width: 140px;height: auto; }
.mcnInfo1 .cnodLeft img{ width: 140px;height: 140px;; }
.mcnInfo1 .cnodRig{width:480px;height: 140px;padding-top: 7px; }
.mcnInfo1 .cnodRig p{ width: 150px;margin-right: 10px; }
.mcnInfo1 .cnodRig p.p1{ width: 480px; }
.locodeDown{ width: 175px;float: right;height: auto;display: flex;justify-self: center;}
.locodeDown .scanimgBox{ transform: scale(0.7);margin: -36px;}
.cnodLeft1 .a_download1{ float: left; }
.locdoBot{ width: 620px;height: 65px;margin-top: 20px;display: block; }
.locdoBot a{ transition: all 0.3s; }
.locdoBot a.a1 em{ width: 220px;height: 63px;background-position: -0px -350px;transition: all 0.3s;}
.locdoBot a.a2 em{ width: 220px;height: 63px;background-position: -0 -437px;transition: all 0.3s;}
.locdoBot a:hover{ opacity: 0.8; }
.locdoBot a.a2{ margin-left: 40px;display: block;float: left; }
.oninav{ width: 155px;height: 55px;margin-left: 60px;margin-top: 6px; } 
.oninav p{ color: #ffffff;line-height: 25px;text-align: center;width: 155px;height: 25px;overflow: hidden;}
.oninav p.p1{ font-size: 16px;}
.itmeSwiper{ margin-top: 20px; }
.itmeSwiper .swiper-slide img{ max-width: 485px;max-height: 800px; display: block;margin: 0 auto; }
.itmeSwiper .swiper-button-next{ width: 40px;height: 40px; background: url(/static/images/cn_bg6.png) no-repeat -250px -180px; }
.itmeSwiper .swiper-button-prev{ width: 40px;height: 40px; background: url(/static/images/cn_bg6.png) no-repeat -310px -180px;}
.gamelcList0 li{ background: #f6f6f6;transition: all 0s; }

/************************* 文章落地页 ************************/
.articleMain{ margin-top: 25px; }
.articleMain h1{ width: 870px;line-height: 35px;font-weight: 600;font-size: 30px;text-align: center; }
.skyhill{ display: flex;justify-content: space-between;margin-top: 20px; }
.skyhill dl{ max-width: 30%; height: 35px; }
.skyhill dl dt{ color: #999999;float: left; line-height: 40px; }
.skyhill dl dd{ float: left;margin-top: 4px; }
.skyhill dl dd a{ display: block;float: left;margin-left: 10px;  }
.skyhill dl dd a em{ width: 30px;height: 30px;transition: all 0.3s;}
.skyhill dl dd a em:hover{ transform: translateY(-5px); }
.skyhill dl dd a em.em1{ background-position: -420px -160px;  }
.skyhill dl dd a em.em2{ background-position: -420px -120px; }
.skyhill dl dd a em.em3{ background-position: -420px -80px; }
.skyhill dl dd a em.em4{ background-position: -420px -40px; }
.skyhill dl dd a em.em5{ background-position: -420px -200px;}
.skyhill span{ line-height: 40px;color: #999999; }
.skyhill a.downGame{ display: block; width: 122px;overflow: hidden;transition: all 0.2s;font-size: 16px;height: 40px;background: #3399fa;border-radius: 5px;line-height: 40px;color: #ffffff; }
.skyhill a.downGame em{ background-position: -390px -80px;width: 18px;height: 18px;margin: 11px 9px;margin-left: 14px; }
.skyhill a.downGame:hover{ background: #fd7777; }
.subpick{ width: 870px;position: relative;background: #fff8f2; max-height: 124px;overflow: hidden;margin-top: 15px; }
.subpick em{ width: 16px;height: 16px; }
.subpick em.em1{ background-position: 0 -160px; }
.subpick em.em2{ background-position: 0 -190px;float: right; position: absolute;bottom: 0;right: 0;}
.subpick p{ width: 840px;margin: 15px;line-height: 26px;color: #fc9d49 ;max-height: 97px; }
.larityArt img{
    /*max-width: 750px;margin: 12px auto;display: block; */
    width: 100%;
    height: 100%;
}
.larityArt1 { margin-left: 0;width: 870px; }
.larityArt1 h2{ border-left: 4px solid #fc9d49 }
.larityArt1 h3{ border-left: 4px solid #fc9d49 }
.larityArt table{ border: 1px solid #3399fa; color:#333333; border-collapse: collapse;border: 2px solid #459df6;max-width: 100%;margin: 15px auto;font-size: 16px; }
.larityArt b{ width: 100%;display: block;text-align: center; font-size: 18px;font-weight: 600;margin-top: 20px;}
.larityArt table tr{ text-align: center;background: #f5faff }
.larityArt table tr td{ width: 175px;height: 40px;line-height: 40px;overflow: hidden;border: 1px solid #3399fa; }
.larityArt table tr td:hover a{ color: #3399fa;}
.larityArt table tr td a{ transition: all 0.3s; }
.artCaution { width: 99%;height: 32px;border: 1px solid #ffa200;text-align: center;background: #fffdee;font-size: 14px;margin-top: 40px;color: #ffa200;}
.artCaution p{ font-size: 14px;line-height: 32px;display: flex;justify-content: center; }
.artCaution em{ width: 14px;height: 14px;background-position: 0 -220px; margin-top: 9px;margin-right: 8px; }
.artsucek{ width: 860px;height: 118px;background: #f3f9ff;margin-top: 35px;  }
.artsucek em{ width: 858px;height: 108px;background: url(/static/images/icon2.png) no-repeat;position: absolute;z-index: 55;margin-top: 5px;}
.artsucek a.a_img{ width: 82px;height: 82px;border-radius: 10px;overflow: hidden;margin: 10px 15px;float: left;margin-left: 28px; }
.artsucek a.a_img img{ width: 82px;height: 82px;border-radius: 10px;}
.artsucek dl{ float: left;width: 520px;height: 85px;margin-top: 10px; }
.artsucek dl dt a{ width: 100%;height: 22px;line-height: 22px;font-size: 18px;overflow: hidden;transition: all 0.2s; }
.artsucek dl dd{ margin-top: 8px;width: 520px;height: 24px;overflow: hidden; }
.artsucek dl dd span{ display: block;float: left;margin-left: 35px;color: #666666;line-height: 24px; }
.artsucek dl dd span:first-child{ margin-left: 0; }
.artsucek dl dd a{ width: auto;height: 24px;margin-bottom: 5px;border-radius: 20px;margin-left: 12px;line-height: 24px;padding: 0 10px;color: #ffffff;background: #459df6; }
.artsucek dl dd a.a0{ background: #d9b4ff;margin-left: 0;  }
.artsucek dl dd a.a1{ background: #3cca94;  }
.artsucek dl dd a.a2{ background: #fd7777;  }
.artsucek dl dd a.a3{ background: #ffb76b;  }
.artsucek dl dd a.a4{ background: #9f9fdc;  }
.artsucek dl dd a:hover{ background: #3cca94; }
.artsucek dl dd a.a1:hover{ background: #459df6; }
.artsucek a.artgodown:hover{ background: #fd7777 ; }
.artsucek dl dt a:hover{ color: #fd7777;text-decoration: underline; }
.artsucek a.artgodown{ display: block;float: right;transition: all 0.2s; width: 122px;height: 38px;line-height: 38px;overflow: hidden;text-align: center;font-size: 18px;border-radius: 5px;background: #459df6;color: #ffffff;margin: 34px 25px;}

/* 相关文章 */
.artparun{ margin-top: 35px; padding-top: 5px; width: 870px; }
.parunList li{height: 170px;border-bottom: 1px solid #eee; }
.parunList li a.a_img {width: 210px;height: 115px;display: block;float: left;border-radius: 5px;overflow: hidden;margin-top: 26px;}
.parunList li a.a_img img {width: 210px;height: 115px;transition: all 0.4s;transform: scale(1.1);}
.parunList li a.a_img img:hover{ transform: scale(1); }
.parunList li h2 {font-size: 18px;width: 640px;height: 24px;line-height: 24px;overflow: hidden;}
.parunList li dt h2 a {transition: all 0.2s;}  
.parunList li dt h2 a:hover{ color: #fd7777;text-decoration: underline; }
.parunList li dl {margin-left: 20px;float: left;width: 640px;height: 120px;margin-top: 26px;}
.parunList li dl dd span {background: #f5f5f5;transition: all 0.3s;display: block;max-width: 290px;overflow: hidden;border-radius: 30px;margin-top: 1px;display: block;height: 30px;line-height: 30px;float: left;color: #999999;}
.parunList li dl dd span a{ color: #999999;display: block;padding: 0 15px;transition: all 0.3s; }
.parunList li dl dd i {float: right;font-style: normal;transition: all 0.3s;display: block;border-radius: 30px;display: block;height: 30px;line-height: 30px;border: 1px solid #eeeeee;margin-left: 20px;}
.parunList li dl dd i a {display: block;color: #999999;width: 100%;height: 100%;padding: 0 18px;transition: all 0.3s;}
.parunList li dl dd em {float: right;color: #999999;padding: 0 15px;transition: all 0.3s;display: block;border-radius: 30px;display: block;height: 30px;line-height: 30px;border: 1px solid #eeeeee;margin-left: 20px;}
.parunList li dl dd em b {width: 18px;height: 19px;background-position: -250px -340px;margin: 7px 5px 0 0;}
.parunList li dl dd.cont2{ width: 640px;height: 40px;overflow: hidden;  margin-top: 10px;}
.parunList li dl dd.cont2 a{ font-size: 15px;color: #666666;transition: all 0.3s; }
.parunList li dl dd.cont2 a:hover{ color: #fd7777 ; }
.parunList li dl dd.cont1{margin-top: 11px; }
.parunList li dl dd span:hover{ background: #fd7777;color: #ffffff; }
.parunList li dl dd span:hover a{ color: #ffffff; }
.parunList li dl dd i:hover{ background: #fd7777;color: #ffffff; }
.parunList li dl dd i:hover a{color: #ffffff; }

/* 相关下载 */
.artRigpool{ margin-top: 20px; }
.artRigpool a.a_img{ width: 100px;height: 100px;border-radius: 20px;overflow: hidden;float: left; }
.artRigpool a.a_img img{ width: 100px;height: 100px;border-radius: 20px; transition: all 0.3s;}
.artRigpool a.a_img img:hover{ transform: scale(1.15); }
.artRigpool dl{ float: left;margin-left: 20px;width: 180px;height: 100px;; }
.artRigpool dl dt{ width: 180px;height: 20px;line-height: 20px;overflow: hidden;margin-bottom: 5px;margin-top: 5px; }
.artRigpool dl dt a{ font-size: 16px;font-weight: 600;transition: all 0.2s; }
.artRigpool dl dt a:hover{ color: #fd7777;text-decoration: underline; }
.artRigpool dl dd{ margin-top: 6px;width: 180px;height: 20px;overflow: hidden; }
.artRigpool dl dd span{ color: #999999;}
.artRigpool dl dd em.icon1{ width: 124px;height: 15px;background-position: -40px -218px; }
.artRigpool p{ line-height: 22px;font-size: 14px;height: 44px;margin: 8px 0;width: 300px;overflow: hidden; }
.arRigdown{ display: block;width: 300px;transition: all 0.3s;height: 50px;line-height: 50px;text-align: center;border-radius: 5px;background: #3399fa;position: relative; }
.arRigdown em.em1{ width: 17px;height: 17px;background-position: -390px -140px;margin: 17px 11px;}
.arRigdown span{ font-size: 16px;color: #ffffff; }
.arcoder{ width: 50px;height: 50px;border-left: 1px solid #eee;float: right;; }
.arRigdown em.em2{ width: 30px;height: 30px;background-position: -40px -160px;float: right;margin: 10px;}
.arcerle{ display: flex;justify-content: center;float: left;width: 246px; }
.rcodeHide{ position: relative;right: -306px;top: -160px; width: 162px;height: 156px;}
.arRigdown:hover { opacity: 0.8; }

/* 热门排行 */
.DeoRignk { margin-top: 5px; }
.DeoRignk li { padding: 15px 0;border-bottom: 1px solid  #eee; }
.DeoRignk li em.icon1{ width:20px;height: 30px;text-align: center;line-height: 25px; color: #fff;font-weight: 600;margin-top: 15px; }
.DeoRignk li:nth-child(1) em{ background-position: -150px -90px; }
.DeoRignk li:nth-child(2) em{ background-position: -130px -160px; }
.DeoRignk li:nth-child(3) em{ background-position: -190px -90px; }
.DeoRignk li:nth-child(n+4) em{ background-position: -90px -160px; }

.DeoRignk li a.a_img{ width: 60px;height: 60px;border-radius: 15px;overflow: hidden;float: left;margin-left: 15px; }
.DeoRignk li a.a_img img{ width: 60px;height: 60px;border-radius: 15px; transform: scale(1.1);transition: all 0.3s;}
.DeoRignk li a.a_img:hover img{ transform: scale(1); }
.DeoRignk li dl{ float: left; margin-left: 10px; width: 130px;height: 60px;margin-top: 5px;}
.DeoRignk li dl dt a{ font-size: 16px;width: 130px;display: block;height: 20px;line-height: 20px;overflow: hidden;  }
.DeoRignk li dl dd{ margin-top: 15px;color: #999999;width: 130px;height: 20px; overflow: hidden;}
.DeoRignk li .adload{ float: right;width: 56px;height: 28px;margin-top: 18px;border: 1px solid #3399fa;color: #3399fa;
    transition: all 0.3s;margin-left: 7px;text-align: center;line-height: 28px;border-radius: 5px;transition: all 0.3s;  }
.DeoRignk li .adload:hover{ background: #3399fa;color: #fff; }
.DeoRignk li dl dt a:hover{ color: #fd7777;text-decoration: underline; }

.DeoRigKien{ float: initial; }
.DeoRigKien em.line{ height: 380px; }
.DeoRigKien li{ width: 300px;height: 42px;line-height: 42px;overflow: hidden; }
.DeoRigKien li p{ width: 272px ; }
.DrigeGo{ width: 300px;height: 120px;border-radius: 15px;overflow: hidden;margin-top: 20px; }
.DrigeGo a{ display: block;width: 300px;height: 120px;position: relative; ; }
.DrigeGo img{  width: 300px;height: 120px;position: absolute;top: 0 ;left: 0; }
.DriMrik { width: 300px;height: 120px;background: rgba(0, 0, 0, 0.4); position: absolute;left: 0 ;top: 0;transition: all 0.3s; }
.DriMrik h2{ font-size: 18px;font-weight: 600;margin: 10px 15px;color: #fff;border-bottom: 1px solid #fff;padding-bottom: 12px;display: inline-block;max-width: 164px;height: 18px;overflow: hidden;line-height: 30px; }
.DriMrik em.em1{ float: right;transition: all 0.3s;width: 105px;height: 120px;;background: url(/static/images/icon3.png);}
.DriMrik em.em2{ width: 40px;height: 40px;background-position: -170px -145px;margin: 28px 0 0 50px;float: initial; }
.DriMrik em.em1 p{ font-size: 18px;width: 100px;text-align: center;margin:12px 0 0 18px;color: #fff; }
.DrigeGo:hover .DriMrik em.em1{  background: url(/static/images/icon4.png);}
.DrigeGo:hover .DriMrik{ background: rgba(0, 0, 0, 0); }

.artCiyleft{ width: 640px;height: 370px;float: left; }
.artleSwiper{ height: 370px;width: 640px;}
.artleSwiper .swiper-slide{ width: 640px;height: 370px; }
.artleSwiper .swiper-slide a{ width: 640px;height: 370px; display: block;}
.artleSwiper .swiper-slide a img{width: 640px;height: 370px;transition: all 0.3s; }
.artleSwiper .swiper-slide a:hover img{ opacity: 0.8; }
.artleSwiper .swiper-slide a p{ width: 610px;height:85px;background: linear-gradient(to bottom,rgba(0, 0, 0, 0),  rgba(0, 0, 0, 0.7));margin-top: -85px;padding: 0 15px;position: relative;}
.artleSwiper .swiper-slide a p span{ width: 400px;height: 48px;font-size: 24px;transition: all 0.3s;line-height: 48px;font-weight: 600;color: #ffffff;position: absolute;top: 20px;overflow: hidden;}
.artleSwiper .swiper-pagination{ width: 133px;left: 490px;bottom: 20px;height: 19px;overflow: hidden; }
.artleSwiper .swiper-pagination-bullet{ width: 14px;height: 14px;background: #fff; opacity: 1;}
.artleSwiper .swiper-pagination-bullet-active{ background: #3399fa; }
.artleSwiper .swiper-slide a:hover p span{ text-decoration: underline;}
.artleSwiper .swiper-button-next{ width: 40px;height: 78px;right: -40px;transition: all 0.3s;opacity: 1;background-position: 0px -65px;margin-top: -39px;}
.artleSwiper .swiper-button-prev {width: 40px;height: 78px;transition: all 0.3s;background-position: -70px -65px;left: -40px;margin-top: -39px;}
.artleSwiper:hover .swiper-button-next{ right: -5px;}
.artleSwiper:hover .swiper-button-prev{ left: 0; }
.artCiyRig{ width: 530px;height: 370px;float: left;margin-left: 30px; overflow: hidden;}
.artCiyRig h1{ width: 500px;font-size: 28px;transition: all 0.2s;font-weight: 600;text-align: center; height: 36px;overflow: hidden;line-height: 36px;}
.artCiyRig h1 em{ width: 132px;height: 36px;background-position: -190px -200px;}
.artCiyRig h1 a{ transition: all 0.2s; }
.artCiyRig h2{ width: 500px;padding: 0 15px;margin: 17px auto 10px;text-align: center;font-size: 18px;line-height: 20px;color: #ff4639;overflow: hidden;height: 20px;}
.artCiyRig a:hover{ text-decoration: underline; }
.artCiyRig h2 a{ transition: all 0.3s; }
.CiyRigList li{ width: 530px;height: 42px;line-height: 42px;overflow: hidden; }
.CiyRigList li a{ display: block;height: 42px;overflow: hidden;transition: all 0.2s;float: left; }
.CiyRigList li a b{ width: 7px;height: 7px;display: block;border-radius: 2px;background: #eeeeee;float: left;margin-top: 18px;margin-right: 13px;transition: all 0.2s;}
.Ciymespan li a span{ float: left;display: block;float: left;line-height: 26px;height: 26px;padding: 0 6px;border-radius: 3px;background: #fff5df ;margin-top: 9px;width: 70px;text-align: center;}
.CiyRigList li p{ float: left;margin-left: 12px;font-size: 16px;max-width: 369px;height: 42px;overflow: hidden;line-height: 42px; }
.CiyRigList li:nth-child(1) a span{ color: #ff8022; background: #fff5df ; }
.CiyRigList li:nth-child(2) a span{ color: #ff4639; background: #ffeceb ; }
.CiyRigList li:nth-child(3) a span{ color: #3399fa; background: #edf6ff ; }
.CiyRigList li:nth-child(4) a span{ color: #31ad65; background: #ecfff1 ; }
.CiyRigList li:nth-child(5) a span{ color: #ff8022; background: #fff5df ; }
.CiyRigList li:nth-child(6) a span{ color: #ff4639; background: #ffeceb ; }
.CiyRigList li:nth-child(7) a span{ color: #3399fa; background: #edf6ff ; }
.CiyRigList li:nth-child(8) a span{ color: #31ad65; background: #ecfff1 ; }
.CiyRigList li em.icon{ width: 42px;height: 21px;margin-top: 5px;background-position: -420px 0;text-align: center;color: #999999;font-size: 12px;line-height: 27px;margin-top: 9px;overflow: hidden;float: right;}


.CiyRigList li:hover b{ background: #ff9a22;  }
.CiyRigList li:hover p{ color: #ff4639;text-decoration: underline; }
.artCiyRig a.hover{ color: #ff4639;  }
.artCiyRig h1:hover a{ color: #ff4639; }
.apdmesage{ width: 440px;height: 260px;float: left;; }
.reaimList { width: 440px;height: 260px;; }
.reaimList li{ width: 210px;height: 120px;float: left;margin: 20px 0 0 20px;overflow: hidden;border-radius: 5px; }
.reaimList li:nth-child(2n+1){ margin-left: 0; }
.reaimList li p{ font-size: 16px;transition: all 0.3s;width: 190px;height: 55px;background: linear-gradient(to bottom,rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));margin-top: -55px;padding: 0 10px;line-height: 72px;text-align: center;overflow: hidden;position: relative; }
.reaimList li img{width: 210px;height: 120px;;border-radius: 5px;  }
.reaimList li a{ color: #fff; }
.reaimList li:hover p{ color: #3399FA;text-decoration: underline; }

.reaimList li:hover img{ animation: zooLarge 1.2s 1; }
@keyframes zooLarge{
     0% {
        transform:scale(1)
    }
    /* 33% {
        transform:scale(0.9)
    }
    66%{
        transform:scale(1.1)
    } */
    50%{
        transform:scale(1.3)
    }
    100% {
        transform:scale(1)
    }
}

.apdnewms{ width: 400px;float: left;margin-left: 30px; }
.kienRight3{ width: 400px; }
.kienRight3 em.line{ height: 240px; }
.kienRight3 li{ height: 40px;line-height: 40px; }
.apdsecil{  width: 300px;float: right;; }
.apdsecil .RigHtlist{ height: 275px;overflow: hidden; }

/* 游戏视频 */
.arlvideo{ width: 870px;float: left; }
.arlvideo li { width: 270px; float: left;height: 188px;position: relative;;border-radius: 10px;overflow: hidden;margin: 20px 0 0 27px;border: 1px solid #eeeeee; }
.arlvideo li:nth-child(3n+1){ margin-left: 0; }
.arlvideo li:nth-child(n+4){ margin-top: 22px; }
.arlvideo li a em.vide{ width: 50px;height: 50px;transition: all 0.5s;display: block;z-index: 55;background-position: -350px -200px;position: absolute;top: 50%;left: 50%;; margin-top: -55px; margin-left: -28px;  }
.arlvideo li img{ width: 270px;height: 132px;transition: all 0.3s; border-radius: 10px 10px 0 0;   }
.avideMask{ width: 270px;height: 132px;position: absolute;top: 0;left: 0;background: rgba(0, 0, 0, 0.5);transition: all 0.3s;}
.arlvideo li a p.p1{ width: 250px;padding: 5px 10px;position: absolute;top: 104px;color: #fff;display: flex;justify-content: space-between;}
.arlvideo li a p.p2{ font-size: 14px;transition: all 0.3s;height: 20px;line-height: 20px;;overflow: hidden; width: 250px;padding: 7px 10px 0 10px}
.arlvideo li a p.p3{ font-size: 12px; color: #999999;margin-top: 4px;width: 250px;padding: 0 10px;display: flex;justify-content: space-between;}
.arlvideo li .divImg{ transition: all 0.3s; }
.arlvideo li:hover .divImg{ transform: scale(.92); }
.arlvideo li:hover p{ color: #ff535b; }
.arlvideo li a:hover em.vide{ transform: rotateZ(270deg) scale(0.92);}
.arlvideo li:hover {  box-shadow: 0px 0px 5px 5px #eeeeee }
.arlvideo li:hover  .avideMask{ background: rgba(0, 0, 0, 0); }
.arlhoveList {float: right;width: 300px;position: relative;}
.arlhoveList em.line{ width: 1px;height: 380px;background: #eeeeee;position: absolute;left: 5px;top: 30px;display: block; }
.arlhoveList li { margin: 0;margin-top: 20px; }
.arlhoveList li .hover1 em{ width: 11px;height: 11px;transition: all 0.3s;background-position: -125px -365px;margin-top: 4px;position: absolute;z-index: 555; }
.arlhoveList li .hover1 p {margin-left: 25px;float: left;width: 330px;font-size: 16px;height: 42px;overflow: hidden;}
.arlhoveList li .hover1 {width: 100%;height: 18px;line-height: 18px;overflow: hidden;}
.arlhoveList li .hover2{ width: 300px;height: 56px;overflow: hidden; } 
.arlhoveList li .hover2 a{ display: block; }
.arlhoveList li .hover2 em.em1 {background-position: -125px -340px;width: 11px;height: 11px;left: 0px;}
.arlhoveList li .hover2 a .divImgd{ width: 100px;height: 56px;;overflow: hidden;position: relative;margin-left: 15px;float: left; }
.arlhoveList li .hover2 a .divImgd img{ width: 100px;height: 56px;overflow: hidden;position: absolute; }
.arlhoveList li .hover2 a .divImgd .imgMask{ width: 100px;height: 56px;background: rgba(0, 0, 0, 0.2);position: absolute;z-index: 20; }
.arlhoveList li .hover2 a .divImgd em{ width: 30px;height: 30px;background-position: 0 -250px;transition: all 0.3s;position: absolute;top: 50%;left: 50%;margin-top: -15px;margin-left: -15px;}
.arlhoveList li .hover2 dl{ float: right;width: 160px;height: 56px;; }
.arlhoveList li .hover2 dl dt{ font-size: 16px;width: 160px;height: 20px;transition: all 0.2s;line-height: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.arlhoveList li .hover2 dl dd{ margin-top: 18px;width: 160px;height: 20px;line-height: 20px;overflow: hidden;color: #999999; }
.arlhoveList li .hover2 dl dd span.span1{ float: left;display: block;width: 45%; }
.arlhoveList li .hover2 dl dd span.span1 em{ width: 16px;height: 14px;background-position: -50px -250px;margin: 2px 5px 0 0;transition: all 0.3s; } 
.arlhoveList li .hover2 dl dd span.span2{ float: right;display: block; } 
.arlhoveList li .hover2:hover .imgMask{ background: rgba(0, 0, 0, 0) }
.arlhoveList li .divImgd:hover em{ transform: rotateZ(270deg); }
.arlhoveList li:hover .hover2 dl dt{ text-decoration: underline;color: #ff535b; }
.arlhoveList li .hover2 a:hover .divImgd .imgMask{  background: rgba(0, 0, 0, 0)  }


.kienRigin{ width: 300px; } 
.kienRigin li p{ width: 200px; }
.kienRigin li span{ float: right; }
/* 右边 */
.guessRig{ width: 300px;height: 36px;line-height: 36px;border: 1px solid #eeeeee;margin-top: 20px; }
.guessRig li{ box-sizing: border-box;width: 75px;border-left: 1px solid #eeeeee;float: left; text-align: center;padding: 0 8px;overflow: hidden;}
.guessRig li:first-child{ border: 0; }
.guessRig li.current{ background: #ff9a22;color: #ffffff; }
.ramodList li{ border-bottom: 1px solid #f5f5f5;padding: 20px 0; }
.ramodList li em{ line-height: 75px;float: left;font-weight: 600;font-size: 20px;color: #999999;width: 10px; margin-left: 8px;}
.ramodList li a.a_img{ width: 75px;height: 75px;border-radius: 15px;overflow: hidden;float: left;margin-left: 20px;}
.ramodList li a.a_img img{ width: 75px;height: 75px;border-radius: 15px;transition: all 0.3s;transform: scale(1.2);}
.ramodList li dl{ float: left;width: 175px;height: 75px;float: right; }
.ramodList li dl dt{ font-size: 16px;width: 175px;height: 21px;overflow: hidden; }
.ramodList li dl dt a:hover{ text-decoration: underline;color: #ff6c6c; }
.ramodList li dl dd{ color: #999999;margin-top: 7px;width: 175px;height: 22px;line-height: 19px;overflow: hidden;; }
.ramodList li dl dd a{width: auto;height: 20px;transition: all 0.3s;color: #999999;line-height: 19px;margin-bottom: 5px;font-size: 12px;text-align: center;background: #f5f5f5;border-radius: 4px;padding: 0 10px;display: block;float: left;margin-right: 10px;}
.ramodList li dl dd a:hover{background: #3399fa;color: #fff;}
.ramodList li a.a_img:hover img{ transform: scale(1); }
.ramodList li:nth-child(1) em{ color: #ff6600; }
.ramodList li:nth-child(2) em{ color: #ffa800; }
.ramodList li:nth-child(3) em{ color: #ffc000; }
.ramodList li:last-child{ border-bottom: 0; }
.look_more{ display: block;transition: all 0.2s; width: 122px;height: 40px; line-height: 40px; margin: 35px auto 0;cursor: pointer;color: #529FF2;background: #ffffff; border: 1px solid #529FF2;font-size: 18px;text-align: center;line-height: 40px;border-radius: 5px;}
.look_more:hover{ background: #529FF2;color: #ffffff; }

/* 热门/推荐合集 */
.rlearBox{ margin-top: 30px; }
.pilhotList li{ width: 270px;height: 185px;float: left;border: 1px solid #eeeeee;border-radius: 10px; overflow: hidden;margin: 20px 0 0 27px;}
.pilhotList li:nth-child(3n+1){ margin-left: 0; }
.pilhotList li img{ width: 270px;height: 150px;transition: all 0.3s;border-radius: 10px 10px 0 0; }
.pilhotList li:hover img{ transform: scale(0.95); }
.pilhotList li p{ height: 35px;line-height: 35px;width: 250px;margin: 0 auto;text-align: center; }
.pilhotList li:hover p{ color: #ff535b;text-decoration: underline; }

/* 特色专区 */
.featureList li{ width: 300px;height: 140px;margin-top: 20px; border-radius: 10px;overflow: hidden; }
.featureList li a{ display: block;position: relative; }
.featureList li img{  width: 300px;height: 140px; }
.splenart{ height: 48px;line-height: 56px;position: absolute; width: 90%;padding: 0 5%;text-align: center;left: 0;bottom: 0;font-size: 16px;color: #fff;transition: all .3s;background: linear-gradient( to bottom,rgba( 250,250,250,0),rgba( 24,25,25,1) );}
.featMask{ position: absolute; width: 300px;height: 140px;border-radius: 10px;transition: all .3s; background: rgba( 24,25,25,0.4) ;top: 0;z-index: 10; top: 140px; }
.featMask span{display: block;height: 30px;overflow: hidden;max-width: 240px;line-height: 30px;}
.featMask em.em1 {width: 12px;height: 12px;background-position: -190px -340px;margin: 0px -2px 0 0;}
.featMask em.em2 {width: 12px;height: 12px;background-position: -220px -340px;margin-top: 20px;margin-left: -3px;}
.featMask p{font-size: 18px;transition: .5s;font-weight: 600;color: #fff;text-align: center;margin: 0 auto;height: 35px;line-height: 20px;width: 280px;overflow: hidden;display: flex;justify-content: center;margin-top: 35px;}
.featMask b{ width: 104px;height: 32px;line-height: 32px;text-align: center;background: #459df6;color: #fff;border-radius: 5px;display: block;margin: 5px auto;overflow: hidden;}
.featureList li:hover .splenart{ top: 140px; }
.featureList li:hover .featMask{ top: 0;}
.RigHtlist1 li a{ height: 38px;line-height: 38px;padding: 0 13px;font-size: 16px; }

/*********************  合集列表页  **********************/
.castrswiper { width: 1200px;height: 150px;margin-top: 20px;margin-bottom: 15px;padding-top: 8px; }
.castrswiper .swiper-slide{ height: 145px;background: #f5f5f5;  }
.castrswiper .swiper-slide a{ display: block;width: 111px;height: 147px;position: absolute;top: 0;transition: all 0.3s; }
.castrswiper .swiper-slide:hover a{ background: #fff;box-shadow: 0 2px 6px 4px #eee;transform: translateY(-5px); }
.castrswiper .swiper-wrapper .swiper-slide:hover p{ color: #fd7777; }
.castrswiper img{ width: 80px;height: 80px;display: block;border-radius: 15px;margin-top: 20px; display: block;margin: auto;margin-top: 20px;}
.castrswiper p{ width: 80px;height: 18px;line-height: 18px;margin-top: 5px;overflow: hidden; margin: 10px auto 0;text-align: center;}
.castrswiper .swiper-button-next{ width: 30px;height: 70px;background: url(/static/images/icon.png) no-repeat -370px -290px;right: -35px;transition: all 0.3s;margin-top: -35px;}
.castrswiper .swiper-button-prev{ width: 30px;height: 70px;background: url(/static/images/icon.png) no-repeat -420px -290px;left: -30px;margin-top: -35px;;transition: all 0.3s;}
.castrswiper:hover .swiper-button-next{ right: 0;  }
.castrswiper:hover .swiper-button-prev{ left: 0; }

.castrnList{ width: 1200px;height: 150px;margin-top: 20px;margin-bottom: 15px;padding: 8px;overflow: hidden;margin-left: -8px; }
.castrnList li{ height: 145px;background: #f5f5f5;float: left;margin-left: 10px;transition: all 0.3s;  }
.castrnList li:first-child{ margin-left: 0; }
.castrnList li a{  display: block;width: 111px;height: 147px;top: 0; }
.castrnList li:hover{ background: #fff;box-shadow: 0 2px 6px 4px #eee;transform: translateY(-5px); }
.castrnList li:hover p{  color: #fd7777; }
.castrnList li a p{text-align: center;line-height: 35px; width: 90px; margin: 0 auto; overflow: hidden; height: 35px; }
.castrnList li a img{ width: 80px;height: 80px;display: block;border-radius: 15px;margin-top: 20px; display: block;margin: auto;margin-top: 20px;}

.tersePicList{ width: 1028px; height: 50px;border: 1px solid #eeeeee;margin: 50px auto;border-radius: 5px;overflow: hidden; }
.tersePicList li{ height: 50px;line-height: 50px;text-align: center;width: 256px;float: left;transition: all 0.3s;font-size: 20px;font-weight: 600;border-left: 1px solid #eeeeee;}
.tersePicList li a{ display: block;transition: all 0.3s; }
.tersePicList li.hover{ background: #3399fa; }
.tersePicList li.hover a{ color: #ffffff; }
.tersePicList li:hover{ background: #3399fa; }
.tersePicList li:hover a{ color: #ffffff;  }

.ternGlist{ width: 1200px;padding-bottom: 20px; }
.ternGlist li{ width: 580px;margin-top: 100px;position: relative;border: 2px solid #ffffff;transition: all 0.3s;box-shadow: 0 0 5px 5px #eeeeee;height: 320px;box-sizing: border-box;border-radius: 10px;float: left;}
.ternGlist li:hover{ border: 2px solid #ffb034;transform: translateY(-10px);  }
.ternGlist li:nth-child(2n){ float: right; }
.ternGlist a.a_img{ width: 272px;height: 155px; overflow: hidden; display: block; margin: -58px 0 0 20px;float: left;border-radius: 5px;}
.ternGlist img.img1{ width: 272px;height: 155px;transition: all 0.3s;display: block;  }
.ternGlist img.img1:hover { transform: scale(1.1); }
.ternGlist dl{ float: left;margin-left: 20px;width: 250px;height: 80px;margin-top: 20px;overflow: hidden; }
.ternGlist dl dt a{ font-weight: 600;display: block;font-size: 20px;width: 250px;height: 26px;overflow: hidden;transition: all 0.3s;}
.ternGlist dl dd span{ float: left;color: #999999;padding: 0 15px;border-radius: 28px;display: block;height: 28px;line-height: 28px;background: #f5f5f5;border: 1px solid #eeeeee;margin: 22px 0 0 0;width: 104px;overflow: hidden;; }
.ternGlist dl dd em{ width: 18px;height: 19px;background-position: -250px -340px;margin: 5px 8px 0 0; }
.ternGlist dl dd a{border:1px solid #3399fa;color: #3399fa;width: 84px;display: block;transition: all 0.3s;max-width: 290px;overflow: hidden;border-radius: 28px;height: 28px;line-height: 28px;text-align: center;float: right;margin: 22px 0 0 0; }
.ternGlist dl dd a:hover{ background: #3399fa;color: #fff; }
.ternGlist dl dt a:hover{ color: #3399fa;text-decoration: underline; }
.ternGlist p.inken{ padding: 0 20px; line-height: 22px;font-size: 16px; margin-top: 20px;width: 540px;height: 65px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.ternkBox{ width: 540px; overflow: hidden;margin: 0 auto;margin-top: 20px;border-top: 1px solid #eeeeee;padding-top: 20px; }
.ternGlist p.inken:hover a{ color: #3399fa ; }
.ternGlist p.inken a{ transition: all 0.2s; }
.ternGswiper{ width: 460px;margin: 0 auto; }
.ternGswiper .swiper-slide img{ width: 65px;height: 65px;border-radius: 10px;overflow: hidden;  }
.ternGsnext{ position: relative;top: -31px;outline: none;width: 30px;height: 66px;background: url(/static/images/icon.png) no-repeat -370px -290px;transition: all 0.3s;margin-top: -35px;right: -510px;}
.ternGsprev{ position: relative;top: -62px;left: 0px;outline: none;width: 30px;height: 66px;background: url(/static/images/icon.png) no-repeat -420px -290px;right: -35px;transition: all 0.3s;margin-top: -35px;}
.cnDuhotList li{ width: 220px;height: 214px;float: left;margin-top: 25px;margin-left: 22px; }
.cnDuhotList li:nth-child(5n+1){ margin-left: 0; }
.cnDuhotList li a .imgBox{ width: 220px;height: 130px;border-radius: 5px;overflow: hidden; }
.cnDuhotList li a .imgBox img{ width: 220px;height: 130px;transition: all 0.3s; }
.cnDuhotList li a .imgBox img:hover{ transform: scale(1.1); }
.cnDuhotList li h2{ font-size: 18px;line-height: 24px;font-weight: 500;padding: 8px;height: 20px;overflow: hidden;width: 200px; transition: all 0.3s; }
.cnDuhotList li p{ padding: 0 8px;line-height: 20px;overflow: hidden;height: 40px; color: #666666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.cnDuhotList li:hover h2{ color: #ff535b;text-decoration: underline; }

.xxydjRecom_list{ overflow: hidden; height: 130px; margin: 20px 0 0 0; width: 1200px;margin-bottom: 20px; }
.xxydjRecom_list .swiper-slide{ width: 286px; margin-right: 18px; overflow: hidden; white-space: nowrap; transition: width 0.5s; }
.xxydjRecom_list .show_static{ width: 286px; padding-right: 18px;display: inline-block; }
.xxydjRecom_list .show_static img{ width: 286px; height: 100px; border-radius: 6px; }
.xxydjRecom_list .show_static h3{ text-align: center; line-height: 18px; height: 18px; overflow: hidden; margin-top: 12px; }
.xxydjRecom_list .show_hover{ width: 0; height: 120px; display: inline-block; vertical-align: top; overflow: hidden; transition: width 0.5s; }
.xxydjRecom_list .show_hover img{ width: 890px; }
.xxydjRecom_list .swiper-wrapper{ width: 2400px; }

/* **************  专区频道页  ************* */
/* 热门推荐 */
.ctureList{ width: 1200px;margin-top: 25px;margin-bottom: 30px; }
.ctureList li{ width: 140px;float: left;transition: all 0.3s;margin-left: 10px;overflow: hidden;;height: 50px;line-height: 50px; background: #ddeeff;text-align: center;border-radius: 50px;font-size: 18px;}
.ctureList li a{color: #459df6;font-weight: 600;display: block;}
.ctureList li.hover{ background: #459df6;font-size: 18px;}
.ctureList li.hover a{ color: #ffffff; }
.ctureList li:hover{ background: #459df6;font-size: 18px;}
.ctureList li:hover a{ color: #ffffff; }

.ctureDest{ margin-bottom: 20px; }
.ctureDest dt em{ width: 67px;height: 35px;display: block;background: url(/static/images/cn_bg4.png) no-repeat;float: left;}
.ctureDest dt { float: left; }
.ctureDest .ctrueBox{ float: left;width: 1095px;margin-left: 15px;position: relative; }
.ctureDest dd{ float: left;height: 35px;line-height: 35px; }
.ctureDest dd a{ float: left;display: block;line-height: 35px;font-size: 16px;margin-bottom: 5px;margin: 0px 15px;transition: all 0.2s; }
.ctureDest dd a.hover{ color: #ff611c; }
.ctureDest dd a b.h{ display: block;float: right;width: 10px;height: 11px;background: url(/static/images/cn_bg1.png) no-repeat -75px 0px;;margin: 10px 0px 0px 5px;transition: all 0.3s;}
.ctureDest dd a b.n{ display: block;float: right;width: 10px;height: 11px;background: url(/static/images/cn_bg1.png) no-repeat -90px 0px ;margin: 10px 0px 0px 5px; }
.ctureDest dd a:hover{ text-decoration: underline; }
.ctureDest dd em{ float: left;display: block;height: 10px;overflow: hidden;width: 1px;background: #999999;margin-top: 14px ;}
.ctureDest em.em1{ background-position: 0 -84px; }
.ctureDest em.em2{ background-position: -100px -84px; }

/*********************   合集落地页  ********************/
.cnDushjr { padding: 20px 0; }
.cnDushjr .aImg{ width: 420px;height: 250px;float: left;overflow: hidden;display: block; }
.cnDushjr .aImg img{ width: 420px;height: 250px;transition: all 0.3s; }
.cnDushjr .aImg img:hover { transform: scale(1.2); }
.duNkerig{ border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; }
.cnDushjr dl{ float: left;width: 500px;margin-left: 25px; }
.cnDushjr dl dt { border-bottom: 1px solid #eeeeee;padding-bottom: 10px;margin-top: 5px; width: 500px;height: 42px;overflow: hidden;;}
.cnDushjr dl dt p{font-size: 24px;transition: all 0.2s;font-weight: 600;width: 500px;height: 42px;overflow: hidden; line-height: 42px; }
.cnDushjr dl dd{ margin-top: 15px; }
.cnDushjr dl dd.cont1 em.em1{ width: 20px;height: 20px;background-position: -120px -250px;float: initial; }
.cnDushjr dl dd.cont1 em.em2{ width: 20px;height: 20px;background-position: -80px -250px;float: right; }
.cnDushjr dl dd.cont1 p{ padding: 2px 20px;line-height: 24px;width: 463px;height: 72px;overflow: hidden;}
.cnDushjr dl dd.cont2 .intesbox{ float: left;width: 300px;height: 32px;overflow: hidden; }
.cnDushjr dl dd.cont2 a{ display: inline-block;transition: all 0.3s;margin-right: 13px;height: 28px;line-height: 28px;width: 60px;padding: 0 10px;text-align: center;color: #ffffff;overflow: hidden;border-radius: 54px;}
.cnDushjr dl dd.cont2 a.a1{ background: #3cca94; }
.cnDushjr dl dd.cont2 a.a2{ background: #fd7777; }
.cnDushjr dl dd.cont2 a.a3{ background: #ffb76b; }
.cnDushjr dl dd.cont2 a:hover{ background:  #3399FA; }
.cnDushjr dl dd.cont2 span{ float: right;color: #999999;padding: 0 15px;transition: all 0.3s;display: block;border-radius: 30px;height: 30px;font-size: 13px;line-height: 30px;background: #f5f5f5;margin-left: 20px}
.cnDushjr dl dd.cont2 span em{ width: 14px;height: 14px;background-position: -190px -250px;margin: 8px 6px 0 0}
.dusweepRig{ background: url(/static/images/icon5.png) no-repeat;width: 180px;height: 180px;float: right;margin-top: 20px;margin-right: 24px;}
.dusweepRig img{ width: 117px;height: 117px;margin: 30px;margin-left: 33px;  }
.dusweepRig p{ font-size: 16px;text-align: center;margin-top: 10px;width: 180px;height: 21px;overflow: hidden; }

.intescist{ width: 1037px;border: 1px solid #eeeeee;border-radius: 5px;margin: 20px auto;overflow: hidden; }
.intescist li{ width: 345px;height: 50px;line-height: 50px;text-align: center;float: left;transition: all 0.3s; }
.intescist li.hover{ background: #3399fa; }
.intescist li.hover a{ color: #ffffff; }
.intescist li:hover{ background: #3399fa; }
.intescist li:hover a{ color: #ffffff; }
.intescist li a{ display: block; }
.intescist li:nth-child(2){ border-left:1px solid #eeeeee;border-right:1px solid #eeeeee ; }

.inteclist{ padding-bottom: 20px; }
.inteclist li{ margin: 20px 0 0 20px;position: relative;width: 384px;height: 255px;float: left;box-shadow: 0 0 5px 5px #f5f5f5;border-radius: 5px; }
.inteclist li:nth-child(3n+1){ margin-left: 0; }
.inteclist li em.logo1{ float: right;position: absolute;right: -4px;top: -4px;width: 83px;height: 66px;background: url(/static/images/cn_bg4.png) no-repeat;}
.inteclist li em.em1{ background-position: 0 0 ; }
.inteclist li em.em2{ background-position: -110px 0 ; }
.inteclist li em.em3{ background-position: -220px 0 ; }

.teciTop{ width: 350px;margin: 0 auto;margin-top: 20px}
.teciTop a.aImg{ width: 80px ;float: left; float: left;overflow: hidden;border-radius: 15px;}
.teciTop a.aImg img{ width: 80px;height: 80px;border-radius: 15px;transition: all 0.3s; }
.teciTop a.aImg img:hover{ transform: scale(1.2); }
.teciTop a { display: block;float: left; }
.teciTop dl{ width: 220px;height: 90px;float: left;margin-left: 10px; }
.teciTop dt{ width: 180px;height: 30px;line-height: 30px;overflow: hidden;}
.teciTop dt a{ font-size: 18px;color: #333333;transition: all 0.2s; }
.teciTop dt:hover a{ color: #fd7777; text-decoration: underline;}
.teciTop dd{ float: left;margin-top: 3px;width: 222px;height: 23px;line-height: 23px; }
.teciTop dd span{ color: #999999; margin-left: 0px;width: 103px;height: 19px;overflow: hidden;display: block;float: left; }
.teciTop dd span:nth-child(2){ margin-left: 15px; }
.teciTop dd a{ float: right; }
.teciTop dd.cont span{ width: 140px;height: 25px;line-height: 25px; }
.teciTop dd.cont a{ width: 56px;height: 22px;transition: all 0.3s;line-height: 22px;border: 1px solid #3399fa; color: #3399fa;border-radius: 24px;text-align: center;margin-top: 2px;}
.teciTop dd.cont a:hover{ background: #3399fa;color: #ffffff; }
.teciart{ font-size: 16px; width: 350px;margin: 0 auto;margin-top: 6px;line-height: 24px;}
.teciart span{ float: left;color: #999999; }
.teciart p{ color: #333333; }
.tecibotm{ width: 350px;margin: 0 auto;margin-top: 15px;height: 26px;overflow: hidden; }
.tecibotm a{ background: #e5f2ff;transition: all 0.2s;color: #3399FA; border-radius: 5px; line-height: 26px;display: block;float: left;padding: 0 8px;margin-right: 10px;}
.tecibotm a:hover{ background: #3cca94;color: #ffffff; }

.parunList li dl dd span.span1{ background: #ffecd1;}
.parunList li dl dd span.span1 a{ color: #ff9800;  }
.parunList li dl dd span.span1:hover{ background: #ff9800; }
.parunList li dl dd span.span1:hover a{ color: #ffffff; }
.RigHtlist2{ width: 1215px; }
.RigHtlist2 li a{ line-height: 28px;height: 28px; }
.collRemend{ margin-top: 5px;width: 1215px; }
.collRemend li{ margin-top: 15px;margin-right: 15px;float: left;}
.collRemend li a{ display: block;transition: all 0.3s;border: 1px solid #459df6;height: 34px;line-height: 34px;border-radius: 5px;font-size: 16px;color: #459df6;padding: 0 14px;text-decoration: none;}
.collRemend li a:hover { background: #459df6;color: #ffffff; }

.lsnoklist{ width: 1200px;float: left;margin-top: 10px;}
.lsnoklist li{width: 380px;height: 42px;line-height: 42px;overflow: hidden;float: left;margin-left: 30px; }
.lsnoklist li:nth-child(3n+1){ margin-left: 0; }
.lsnoklist li a{ transition: all 0.3s; }
.lsnoklist li a em{ width: 11px;height: 11px;transition: all 0.3s;background-position: -125px -365px;margin-top: 16px;position: absolute;z-index: 555  }
.lsnoklist li a p{ margin-left: 25px;float: left;width: 300px;height: 42px;line-height: 42px;overflow: hidden;transition: all 0.3s; }
.lsnoklist li a span{width: 42px;height: 21px;margin-top: 9px;background-position: -420px 0;float: right;;text-align: center;color: #999999;font-size: 12px;line-height: 27px;overflow: hidden;  }
.lsnoklist li.hover a em{ background-position: -125px -340px;}
.lsnoklist li.hover a p{ color: #fd7777;}
.lsnoklist li:hover a em{  background-position: -125px -340px; }
.lsnoklist li:hover a p { color: #fd7777;text-decoration: underline; }

/**********************  专区列表页 **********************/
.ductureList { margin-top: 10px; }
.ductureList li{ float: left;width: 280px;border: 1px solid #eeeeee;margin-bottom: 10px;border-top: 0;transition: all 0.3s; height: 370px; margin-top: 10px;margin-left: 24px;border-radius: 5px;overflow: hidden; }
.ductureList li:nth-child(4n+1){ margin-left: 0; }
.ductureList li a img{ width: 280px;height: 155px;transition: all 0.3s; }
.ductureList dl{ width: 278px;margin: 0 auto;}
.ductureList dl dt{ border-bottom: 1px solid #eeeeee;line-height: 40px;overflow: hidden; height: 40px;  }
.ductureList dl dt a{ font-weight: 600;font-size: 16px; margin-left: 15px;transition: all 0.2s;width: 100%;height: 40px;overflow: hidden; } 
.ductureList dl dt a:hover{ color: #fd7777; }
.ductureList dl dd{ height: 34px;line-height: 34px;width: 278px;overflow: hidden; }
.ductureList dl dd a em{ width: 11px;height: 11px;transition: all 0.3s;background-position: -125px -365px;margin: 12px 10px;}
.ductureList li dl dd a:hover em{  background-position: -125px -340px; }
.ductureList li dl dd a:hover p { color: #fd7777;text-decoration: underline; }
.ductureList li:hover img{ transform: scale(0.95);}
.ductureList li:hover{ box-shadow: 0 0 4px 5px #eeeeee;transform: translateY(-8px); }

/**********************  专区列表页 **********************/
/* 专区头部 */
.zqBody{ background: url(/static/images/20200821013200118.jpg) no-repeat;width: 1920px;height: 1090px;margin: auto;}
.zqhead{ width: 100%;height: 100px;background: rgba(0, 0, 0, 0.5); }
.zqheadWrap{ width: 1200px;margin: auto; }
.headWrapLeft{ float: left;width: 250px;height: 100px;; }
.headWrapLeft a{ display: block;width: 250px;height: 100px; }
.headWrapLeft img{ margin-top: 18px; }
.headWrapRig{ float: left;margin-left: 30px; }
.headWrapRig a{display: block;float: left;line-height: 100px;transition: all 0.3s;padding: 0 20px;font-size: 24px;font-weight: 600;color: #ffffff;width: 100px;text-align: center;}
.headWrapRig a.hover{ background: #3cca94; }
.headWrapRig a:hover{ background: #3cca94; }

/* 专区列表主体 */
.zqMain{ width: 1200px;margin: 30px auto 0;padding-bottom: 20px;position: relative;}
.zqcodeDown{ width: 500px;height: 210px;padding-top: 150px; }
.zqcodeLeft{ float: left;width: 210px;height: 211px; }
.zqcodeLeft em.em1{ width: 210px;height: 211px;background-position: -280px -380px;  }
.zqcodeLeft em img{ width: 175px;height: 175px;margin: 18px; }
.zqcodeRig{ margin-left: 15px;float: left;width: 270px;height: 210px;; }
.zqcodeRig em.em2{ width: 262px;height: 90px;background-position: 0 -511px;margin-top: 12px; }
.zqcodeRig em a{ display: block; }
.zqcodeRig em a span{ font-size: 24px;color: #ffffff;transition: all 0.2s;line-height: 86px;display: block;float: left;width: 160px;text-align: center;float: left;height: 86px;overflow: hidden;}
.zqcodeRig em.hover a span{ color: #83b618 ; }
.zqcodeRig em b.b1{  width: 30px;height: 30px;background-position: -535px -78px;margin: 28px 9px 0 37px; }
.zqcodeRig em b.b2{  width: 30px;height: 30px;background-position: -570px -107px;margin: 28px 9px 0 37px; }
.zqSectionBox{ margin-top: 35px;background: #ffffff;padding-bottom: 40px;border-radius: 5px; }
.zqSectionBox h1{ width: 1200px;height: 222px;background:url(/static/images/cn_bg5.png) no-repeat 0 0;text-align: center;font-size: 72px;color: #333333;line-height: 222px;font-family: cursive;}
.yerCovers{ margin-top: 0px; }
.yerCovers li{ margin: 20px;border-bottom: 1px solid #eeeeee;padding: 20px 0; }
.yerCovers li .aImg{ width: 270px;height: 150px;overflow: hidden;display: block;float: left; }
.yerCovers li img{ width: 270px;height: 150px; transition: all 0.3s;}

.yerCovers li dl{ float: left;width: 860px;height: 150px;margin-left: 28px; }
.yerCovers li dl dt{ border-bottom: 1px solid #eeeeee;height: 50px;line-height: 50px;padding-bottom: 5px; }
.yerCovers li dl dt a.a1{ font-weight: 600;text-overflow: ellipsis;white-space: nowrap;font-size: 24px;float: left;max-width: 658px;height: 50px;transition: all 0.2s;overflow: hidden; }
.yerCovers li dl dt a.a1:hover{ color: #fd7777;text-decoration: underline;  }
.yerCovers li dl dt a.a2{ max-width: 200px;height: 28px;transition: all 0.2s;text-align: center;overflow: hidden;;line-height: 28px;display: block;margin-top: 12px; margin-left: 30px;background: #d6eefd;color: #0099ff; border-radius: 28px;padding: 0 10px;float: left;}
.yerCovers li dl dt a.a2:hover{ background: #0099ff;color: #ffffff; }
.yerCovers li dl dt span{ float: right;color: #999999;padding: 0 15px;border-radius: 28px;display: block;height: 28px;line-height: 28px;border: 1px solid #eeeeee;margin: 11px 0 0 0;width: auto;overflow: hidden; }
.yerCovers li dl dt span b{ width: 18px;height: 19px;background-position: -250px -340px; margin: 6px 7px 0 6px }
.yerCovers li dl dd p{ float: left;;width: 615px;height: 72px;line-height: 24px;overflow: hidden;margin-top: 15px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}

.yerCovers li dl dd a { display: block;float: right; margin-top: 44px;}
.yerCovers li dl dd a em{width: 107px;height: 40px;background-position: -330px -0;transition: all 0.5s; }
.yerCovers li dl dd a em:hover{ animation: rigmove .8s 1; }
@keyframes rigmove{
     0% {
        transform: translateX(0px);
    }
    50% {
        transform: translateX(10px);
    }
    100% {
        transform: translateX(0px);
    }
}
.yerCovers li .aImg:hover img{ transform: scale(1.2); }
.yerCovers li .aImg:hover em.icon1{ transform: rotate(170deg); }
.yerCovers a.aImg{ position: relative; }
.yerCovers a.aImg img{ position: absolute ;left: 0;top: 0; }
.yerCovers a.aImg em{ width: 48px;height: 48px;background-position: -350px -200px;transition: all 0.3s;position: absolute;z-index: 2;left: 50%;top: 50%;margin-left: -24px;margin-top: -24px;}
.yerCovers a.aImg p{ width: 260px;padding: 0 5px;position: absolute;height: 60px;left: 0;display: flex;justify-content: space-between;bottom: 0;line-height: 85px;color: #ffffff;background: linear-gradient( to bottom,rgba( 250,250,250,0),rgba( 24,25,25,1) );}
.yerCovers a.aImg p b{ width: 16px;height: 12px;background-position: 0 -290px;margin: 0 3px;margin-top: 37px; }
.zqmask{ width: 1920px;height: 160px;background: linear-gradient(to bottom,rgba(245,245,245,0),rgba( 245,245,245,1 ) );position: absolute;top: 381px;}

/******************** 专区落地页 ************************/
.SectBox{ background: #ffffff;border-radius: 5px;margin-top: 30px;padding: 20px 10px;margin-bottom: 20px;}
.zldeciald{ width: 750px;height: 350px;float: left; }
.zldeciald .swiper-slide{ width: 750px;height: 350px;; }
.zldeciald .swiper-slide img{ width: 750px;height: 350px;transition: all 0.5s;}
.zldeciald .swiper-pagination{ width: 35%;left: 75%;bottom: 16px; }
.zldeciald .swiper-pagination-bullet{ width: 18px;height: 18px;background-position: -580px -35px;background: url(/static/images/cn_bg4.png) no-repeat -580px -35px;opacity: 1;}
.zldeciald .swiper-pagination-bullet-active{ width: 18px;height: 18px;background-position: -580px -35px;background: url(/static/images/cn_bg4.png) no-repeat -580px 0px;opacity: 1; }
.zldeciald .swiper-button-next{ opacity: 0;transition: all 0.3s;width: 40px;height: 78px;background: url(/static/images/cn_bg2.png) no-repeat -0 -65px;margin-top: -39px;}
.zldeciald .swiper-button-prev{ opacity: 0;transition: all 0.3s;width: 40px;height: 78px;background: url(/static/images/cn_bg2.png) no-repeat -70px -65px;margin-top: -39px;}
.zldeciald:hover .swiper-button-next{ opacity: 1; }
.zldeciald:hover .swiper-button-prev{ opacity: 1; }
.zldeciald:hover img{ opacity: 0.8;}
.zldeciaRig{ float: left;width: 400px;height: 350px;margin-left: 30px; }
.zldeciaRig dl dt{ width: 400px;height: 58px;line-height: 58px;background: #f5f5f5;overflow: hidden;}
.zldeciaRig dl dt a{ margin-left: 20px;font-weight: 600;font-size: 20px;display: block;width: 380px;height: 95%; }
.zldeciaRig dl dt a em{ width: 36px;height: 36px;background-position: 0 -135px;float: right; }
.zldeciaRig dl dd{ margin: 20px 0 13px 0; }
.zldeciaRig dl dd em{ width: 44px;height: 20px;background-position: -320px -90px;padding-left: 6px;color: #ffffff;  }
.zldeciaRig dl dd a{ font-size: 16px;width: 345px;height: 20px;line-height: 20px;overflow: hidden;display: block;float: left;margin-left: 2px; }
.zldeciaRig dl dd a:hover{ text-decoration: underline;color: #fd7777; }

.zldeciaRig ul li{ line-height: 30px;line-height: 30px;width: 400px;overflow: hidden;  }
.zldeciaRig ul li a p{ max-width: 340px;height: 30px;line-height: 30px;overflow: hidden;float: left; }
.zldeciaRig ul li a span{ float: right;color: #999999; }
.zldeciaRig ul li a p:hover{ text-decoration: underline;color: #fd7777; }
.zldcourse { margin: 20px 0px 0; }
.zldcourse dt{ width: 90px;height: 95px;background: #def2ff;border-radius: 4px;padding-top: 1px;float: left;}
.zldcourse dt em{ width: 30px;height: 40px;background-position: -465px 0;float: initial;margin: 14px 30px 0 30px; }
.zldcourse dt p{ width: 70px;height: 20px;line-height: 20px;overflow: hidden;color: #0099ff;margin: 5px auto 0;text-align: center;overflow: hidden; }
.zldcourse1 dt{ background: #dff3ee;padding-top: 3px; }
.zldcourse1 dt em{ background-position: -520px 0;width: 40px;height: 34px;margin: 15px 25px 10px; }
.zldcourse1 dt p{color: #25c49b ; }
.zldcourse dd{ float: left;width: 1080px;height: auto; }
.zldcourse dd a{ display: block;float: left;margin-bottom: 15px;margin-left: 10px;width: 125px;height: 40px;text-align: center;line-height: 40px;color: #333333;font-size: 16px;}
.zldcourse dd span{ display: inline-block;padding: 0 15px;width: 95px;height: 40px;transition: all 0.3s;overflow: hidden;box-shadow: 0 0 5px 5px #eeeeee;border-radius: 40px;  }
.zldcourse dd a.hover span{ background: #3399FA;box-shadow: 0 0 2px 5px #def2ff; color: #ffffff;height: 30px;line-height: 30px;margin-top: 5px; }
.zldcourse dd a:hover span{ background: #3399FA;box-shadow: 0 0 2px 5px #def2ff; color: #ffffff; height: 30px;line-height: 30px;margin: 5px 0 5px 0px; }
.zldcourse1 dd a.hover span{ background: #25c49b;box-shadow: 0 0 2px 5px #dff3ee; color: #ffffff; }
.zldcourse1 dd a:hover span{ background: #25c49b;box-shadow: 0 0 2px 5px #dff3ee; color: #ffffff; }

/* 游戏介绍 */
.zldeArtc{ padding-bottom: 25px;padding-top: 15px;line-height: 27px;width: 820px;margin: 10px auto;font-size: 16px;color: #666666; }
.zldeArtc h2{ width: 100%;background: #f5f5f5;height: 32px;line-height: 32px;font-size: 16px;font-weight: 600; }
.zldeArtc h3{ width: 797px;background: #f5f5f5;height: 32px;line-height: 32px;font-size: 16px;font-weight: 600;padding-left: 14px; border-left: 8px solid #fe5c6f ;margin: 10px 0;}
.zldeArtc h2 em{ width: 10px;height: 32px;background-position: -395px -90px;margin-top: 1px;margin-right: 10px; }
.zldeArtc img{ max-width: 100%;margin: 12px auto 20px;display: block; }
.zearticle{ width: 820px;margin: 10px auto; }
.zldeArtc p{ line-height: 27px;font-size: 16px;}
.zldeArtc ul { width: 820px;margin: 10px auto; }
.zldeArtc ul li{ line-height: 27px; }

.fallLeft{ margin: 15px 10px;width: 850px;float: left; }
.fallRig{ margin-left: 20px;width: 300px;float: left;padding-top: 15px; }
/* 相关合集 */
.cnSplendLists{ margin-top: 8px; }
.cnSplendLists li{ width: 270px;margin-left: 20px; }
.cnSplendLists li img{ width: 270px; }

/* /相关下载 */
.fallDownBox{ width: 850px;margin: 40px 0 10px 0; }
.fallDownlist li{ width: 410px;height: 50px;line-height: 50px;float: left;margin-top: 20px; }
.fallDownlist li:nth-child(2n){ margin-left: 30px; }
.fallDownlist li a{ display: inline-block; }
.fallDownlist li a img{ width: 50px;height: 50px;display: block;float: left; }
.fallDownlist li a p{ padding: 0 12px;transition: all 0.3s;height: 50px;font-size: 16px;width: 252px;overflow: hidden;background: #f2f2f3;float: left; }
.fallDownlist li a em{ width: 73px;height: 50px;transition: all 0.3s;background-position: -430px -80px; color: #ffffff;text-align: center;line-height: 50px;font-size: 16px;overflow: hidden;padding: 0 10px;margin-left: -10px;}
.fallDownlist li a:hover p{ background: #f5d198;;color: #ffffff; }

.arlvideo1{ float: none; }
.arlvideo1 li{ margin-left: 17px; }
.fallcomlist li { width: 267px;height: 97px;margin-left: 20px;transition: all 0.3s;float: left;border: 1px solid #eeeeee;margin-top: 18px;}
.fallcomlist li:nth-child(3n+1){ margin-left: 0; }
.fallcomlist li .aImg{width: 70px;height: 70px;border-radius: 10px;overflow: hidden;float: left;margin: 12px;}
.fallcomlist li .aImg img{width: 70px;height: 70px;transition: all 0.4s;border-radius: 10px;overflow: hidden;float: left;}
.fallcomlist li dl{ float: left;width: 160px;height: 75px;overflow: hidden;margin-top: 10px;}
.fallcomlist li dl dt a{ font-size: 16px;width: 160px;height: 20px;overflow: hidden;line-height: 20px;display: block;transition: all 0.1s; }
.fallcomlist li dl dd{color: #999999;margin-top: 7px;width: 166px;height: 20px;overflow: hidden;}
.fallcomlist li dl dd.cont2 a {width: auto;color: #999999;transition: all 0.3s;height: 20px;line-height: 19px;font-size: 12px;text-align: center;background: #f5f5f5;border-radius: 4px;padding: 0 10px;display: block;float: left;margin-right: 10px;}
.fallcomlist li dl dd.cont2 a:hover{background: #4ea4ee;color: #ffffff;}
.fallcomlist li:hover{ box-shadow: 0 0 5px 5px #eeeeee;transform: translateY(-8px); }
.fallcomlist li .aImg img:hover{ transform: scale(1.2); }
.fallcomlist li dl dt a:hover{ color: #fd7777;text-decoration: underline; }

/* 游戏图集 */
.faltaswiper { height: 550px;width: 850px;margin-top: 30px; }
.faltaswiper .swiper-wrapper{ width: 850px;height: 475px;; }
.faltaswiper .swiper-wrapper img{ width: 850px;height: 475px;; }
.faltaswiper .swiper-scrollbar{ width: 74%;margin-left: 12%;bottom: 19px;height: 24px;line-height: 24px;border-radius: 50px;}
.faltaswiper .swiper-button-next{ width: 36px;height: 36px;background-position: -200px -85px; top: 95%;right: 45px;overflow: hidden;}
.faltaswiper .swiper-button-prev{ width: 36px;height: 36px;background-position: -260px -85px;top: 95%;left: 45px; }
.faltaswiper .swiper-scrollbar-drag{ background: #febf35; border-radius: 24px;}
.faltaswiper .swiper-scrollbar span{ display: block;float: left;width: 96%;height: 5px;background: #a8a8a8;margin: 9px auto;margin-left: 11px;}
.faltaswiper .swiper-pagination-progressbar{ bottom: 20px; }
.faltaswiper .swiper-button-prev.swiper-button-disabled{ opacity: .36; }

/****************  标签落地页  **************/

.artldh1{ font-weight: 600;font-size: 24px;margin: 25px 0;line-height: 30px; }
.artldh1 span{ margin-left: 40px;line-height: 30px;font-size: 16px;color: #999999; }
.swareList1 li{ width: 418px; }
.swareList1 .swareRig{ width: 261px; }
.swareList1 li .wareTop{ width: 390px; }
.swareList1 li:nth-child( 2n+1 ){ margin-left: 0; }
.swareList1 li:nth-child( 2n ){ margin-left: 28px; }
.abildleft{ margin-top: 50px; }

.warfareList li{height: 200px;border-bottom: 1px solid #eee; }
.warfareList li a.a_img {width: 200px;height: 145px;display: block;float: left;border-radius: 5px;overflow: hidden;margin-top: 26px;}
.warfareList li a.a_img img {width: 200px;height: 145px;transition: all 0.4s;transform: scale(1.1);}
.warfareList li a.a_img img:hover{ transform: scale(1); }
.warfareList li h2 {font-size: 18px;width: 640px;height: 24px;line-height: 24px;overflow: hidden;}
.warfareList li dt h2 a {transition: all 0.2s;}  
.warfareList li dt h2 a:hover{ color: #fd7777;text-decoration: underline; }
.warfareList li dl {margin-left: 20px;float: left;width: 640px;height: 120px;margin-top: 26px;}
.warfareList li dl dd span {background: #f5f5f5;transition: all 0.3s;display: block;max-width: 290px;overflow: hidden;border-radius: 30px;margin-top: 1px;display: block;height: 30px;line-height: 30px;float: left;color: #999999;}
.warfareList li dl dd span a{ color: #999999;display: block;padding: 0 15px;transition: all 0.3s; }
.warfareList li dl dd i {float: right;font-style: normal;transition: all 0.3s;display: block;border-radius: 30px;display: block;height: 30px;line-height: 30px;border: 1px solid #eeeeee;margin-left: 20px;}
.warfareList li dl dd i a {display: block;color: #999999;width: 100%;height: 100%;padding: 0 18px;transition: all 0.3s;}
.warfareList li dl dd em {float: right;color: #999999;padding: 0 15px;transition: all 0.3s;display: block;display: block;height: 30px;line-height: 30px;margin-left: 20px;}
.warfareList li dl dd em b {width: 18px;height: 19px;background-position: -250px -340px;margin: 7px 5px 0 0;}
.warfareList li dl dd.cont2{ width: 640px;height: 60px;overflow: hidden;  margin-top: 14px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;overflow: hidden;}
.warfareList li dl dd.cont2 a{ font-size: 15px;color: #666666;transition: all 0.3s; }
.warfareList li dl dd.cont2 a:hover{ color: #fd7777 ; }
.warfareList li dl dd.cont1{margin-top: 15px; }
.warfareList li dl dd span:hover{ background: #fd7777;color: #ffffff; }
.warfareList li dl dd span:hover a{ color: #ffffff; }
.warfareList li dl dd i:hover{ background: #fd7777;color: #ffffff; }
.warfareList li dl dd i:hover a{color: #ffffff; }
.kienRightwo{ width: 300px;padding-bottom: 30px; }
.kienRightwo li a p{ width: 250px; }
.kienRightwo li a{ display: block; }

.kienRighthree li i{ color: #ffffff !important;background: #cccccc;border: 0; }
.kienRighthree li:nth-child(1) i{ background: #ff6600; }
.kienRighthree li:nth-child(2) i{ background: #ffa800; }
.kienRighthree li:nth-child(3) i{ background: #ffc000; }


/****************  标签列表页  **************/
.tagliTop{ width: 1200px; }
.tagliTop dl{ margin-top: 20px;  }
.tagliTop dl dt{ width: 76px;height: 27px;padding: 0 15px 0 5px;text-align: center; float: left;background-position: -50px -140px;text-align: center;line-height: 26px;color: #ffffff;font-size: 16px;}
.tagliTop dl dd{ width: 1100px;height: auto;float: left; }
.tagliTop dl dd a{ display: block;float: left;transition: all 0.2s;text-align: center;height: 24px;line-height: 24px;border-radius: 24px;background: #eef7ff;padding: 0 14px;color: #3399fa;margin: 1.5px 0px 20px 20px;}
.tagliTop dl.item2 dt { background-position: -160px -140px;}
.tagliTop dl dd a:hover{ background: #3399fa;color: #ffffff;}
.tagliTop dl.item2 dd a{ border-radius: 3px;padding: 0 10px; }
.tagliTop dl.item3 dt { background-position: -270px -140px;}
.mekscList{ padding-bottom: 10px; }
.mekscList li{ width: 280px;height: 240px;transition: all 0.3s;float: left;box-shadow: 0 0 5px 5px #eee; margin-top: 25px;margin-left: 26px;}
.mekscList li:nth-child(4n+1){ margin-left: 0; }
.mekscList li .Dimg{ width: auto;height: 148px;margin: 10px;overflow: hidden;position: relative;border-bottom: 1px solid #eeeeee; }
.mekscList li .Dimg img.brImg2{ width: 260px ;height: 148px;transition: all 0.3s; }
.mekscList li .Dimg img.brImg1 { width: 75px;height: 75px;border-radius: 75px; overflow: hidden;margin-left: 7px;margin-top: 28px;}

.mekscList li dl { margin-top: 0px;padding: 5px 10px; }
.mekscList li dl dt{ font-weight: 600;font-size: 16px;width: 260px;height: 21px;overflow: hidden;; }
.mekscList li dl dd{ margin-top: 10px;float: right; }
.mekscList li dl dd i{ display: block;float: left;width: 40px;height: 1px;background: #ff4a57;margin-top: 9px;}
.mekscList li dl dd em{width: 18px;height: 18px;background-position: -380px -140px;margin-left: 8px;   }
.mekscList li dl dd span{color: #ff4a57;margin-left: 4px; }
.mekscList li:hover{ box-shadow: 0 0 5px 5px #7ebdf8;transform: translateY(-8px); }
.tagckList li{ margin-top: 35px; }
.tagckList li dl dt{ width: 100px;height: 100px; background-position: 0 -388px;font-family: -webkit-pictograph;float: left;text-align: center;line-height: 108px;font-size: 44PX;color: #ffffff;}
.tagckList li dl dd{ width: 1060px;margin-left: 30px;float: left;  }
.tagckList li dl dd a{ display: block;height: 40px;;float: left;transition: all 0.2s;text-align: center;line-height: 40px;border-radius: 24px;font-size: 18px;background: #eef7ff;padding: 0 15px;width: 105px;overflow: hidden;color: #3399fa;margin:25px 0px 7px 16px;}
.tagckList li dl dd a:hover{ background: #3399fa;color: #fff; }

/****************  标签频道页  **************/
.tagpdLeft{ float: left;width: 750px;height: 370px; margin-top: 30px;}
.tagleSwiper{ width: 750px; }
.tagleSwiper .swiper-slide a img { width: 750px; }
.tagleSwiper  .swiper-slide a p{ width: 720px; }
.tagleSwiper .swiper-pagination{ left: 600px; }
.tagleSwiper .swiper-slide a p span{ width: 528px;white-space: nowrap;text-overflow: ellipsis; }
.tagpdRig{ float: left;width: 420px;margin-left: 30px;height: 390px;margin-top: 30px; }
.nelStruTop1 li{ margin-top: 18px; }

/**************** 话题落地页 ****************/
.topicTop{ width: 1200px;padding-bottom: 40px; }
.topicBox{ background: #f5f5f5; }
.topicLeft{ float: left;width: 425px;height: 280px;}
.topicLeft a{ width: 425px;height: 280px;overflow: hidden; }
.topicLeft img{ float: left;width: 425px;height: 280px;transition: all 0.3s; }
.topicLeft:hover img{ opacity: 0.8; }
.topicRig{ float: left; padding: 0 10px 0 20px;}
.topicRig h1{ font-size: 30px;font-weight: 600;margin: 15px 0;overflow: hidden;height: 40px;width: 730px;}
.topicRig dd.cont1 .span1{ color: #999999; float: left;}
.topicRig dd.cont1 .span1 em{ width: 14px;height: 14px;background-position: -585px -66px;margin-top: 3px;margin-right: 4px; }
.topicRig dd.cont1 .span1 b{ color: #3399fa; font-weight: 500;}
.topicRig dd.cont1 .span2 { margin-left: 30px;float: left;color: #999999; }
.topicRig dd.cont1 .span2 em{ width: 14px;height: 14px;background-position: -410px -145px;margin: 3px 4px 0 0 ; }
.topicRig dd.cont2{ margin-top: 20px; }
.topicRig dd.cont2 p b{ font-weight: 600;  }
.topicRig dd.cont2 a{height: 26px;transition: all 0.2s;padding: 0 8px;background: #ff968b;border-radius: 2px;line-height: 26px;margin-left: 10px;color: #ffffff;text-align: center;display: inline-block; }

.topicRig dd.cont2 a:nth-child(1){ background: #ff968b; }
.topicRig dd.cont2 a:nth-child(2n){ background: #b2bfff; }
.topicRig dd.cont2 a:nth-child(3n){ background: #b9da6a; }
.topicRig dd.cont2 a:nth-child(4n){ background: #ff968b; }
.topicRig dd.cont2 a:nth-child(5n){ background: #ffaed1; }
.topicRig dd.cont2 a:nth-child(6n){ background: #9be8ff; }
.topicRig dd.cont2 a:hover{ background: #3399FA ; }
.topicSwiper { width: 740px;margin-top: 28px;transition: all 0.3s; }
.topicSwiper .swiper-slide{ width: 70px;padding-top: 8px;transition: all 0.3s; }
.topicSwiper a p{ font-size: 16px; width: 70px;height: 20px;line-height: 20px;overflow: hidden;margin-top: 5px;}
.topicSwiper a img{ width: 70px;height: 70px;border-radius: 15px; }
.parunList{ padding-bottom: 10px; }
.parunList li dl dd.cont1 p.p1{ width: 640px;height: 30px;overflow: hidden;; }
.parunList li dl dd.cont1 p.p1 em{ float: left;margin:0 15px 0 0;border: 0;padding-left: 0; }
.topicSwiper a:hover p{ color: #ff968b ; }
.topicSwiper .swiper-slide:hover{ transform: translateY(-8px); }

.picrigList{margin-top: 5px; }
.picrigList li{ width: 80px;margin-top: 20px;float: left;margin-left: 28px;transition: all 0.5s; }
.picrigList li:nth-child(3n+1){ margin-left: 0; }
.picrigList li img{ width: 80px;height: 80px;border-radius: 15px;transition: all 0.5s; }
.picrigList li p{ width: 80px;text-align: center;line-height: 20px;height: 20px;overflow: hidden;margin-top: 10px;font-size: 16px; }
.picrigList li span{ font-size: 12px;display: block;color: #999999;width: 80px;height: 20px;line-height: 20px;margin-top: 5px; overflow: hidden;}
.picrigList li:hover{ transform: translateY(-8px); }
.picrigList li:hover img{ transform: rotateY(180deg)  }
.picrigList li:hover p{ color: #fd7777; }

/**************** 话题落地页 ****************/

.satSwiper{ width: 1200px;height: 150px;overflow: hidden;margin-top: 10px;}
.satSwiper .swiper-slide img{ width: 1200px;height: 150px; }
.satSwiper .swiper-slide a p{ position: absolute;top: 0;left: 0;line-height: 70px;font-size: 60px;left: 50%;top: 50%;margin-top: -40px;height: 70px;color: #ffffff;margin-left: -270px;}
.satSwiper .swiper-button-next{ width: 30px;height: 70px;background-position: -370px -290px;margin-top: -35px;right: -30px;transition: all 0.3s;} 
.satSwiper .swiper-button-prev{ width: 30px;height: 70px;background-position: -420px -290px;margin-top: -35px;left: -30px;transition: all 0.3s; } 
.satSwiper:hover .swiper-button-next{ right: 0; }
.satSwiper:hover .swiper-button-prev{ left: 0; }

.sationLeft{ float: left;width: 380px;height: 230px;; }
.sationLeft a { display: block;width: 380px;height: 230px;position: relative; }
.sationLeft a img{ width: 380px;height: 230px;transition: all 0.3s; }
.sationLeft a p{height: 48px;line-height: 56px;transition: all 0.3s;position: absolute;width: 90%;padding: 0 5%;text-align: center;left: 0;bottom: 0;font-size: 16px;color: #fff;background: linear-gradient( to bottom,rgba( 250,250,250,0),rgba( 24,25,25,1) );} 
.sationLeft a img:hover{ opacity: 0.8; }
.sationRig{ width: 820px;float: left; ; }
.sationRigList li{ float: left;margin-left: 30px; width: 72px;transition: all 0.3s;}
.sationRigList li a{ display: block;width: 100%;height: 100%; }
.sationRigList li a img{ width: 72px;height: 72px;border-radius: 15px;transition: all .7s;}
.sationRigList li a p{ font-size: 16px;width: 72px; height: 20px;line-height: 20px;overflow: hidden;margin-top: 10px;}
.sationRigList li:nth-child(n+9){ margin-top: 28px; }
.sationRigList li:hover img{ transform: rotateY(180deg) ;  }
.sationRigList li:hover p{ color: #fd7777; }
.sationRigList li:hover{ transform: translateY(-5px); }
.csesList{ margin-top: 10px; }
.csesList li{ width: 142px;height: 150px;float: left;margin-top: 10px; }
.csesList li .img_box{ width:142px;height: 94px;border-radius: 3px;overflow: hidden; }
.csesList li img{ width:142px;height: 94px;transition: all 0.3s;  }
.csesList li a{ color: #333333;font-size: 16px; }
.csesList p{ line-height: 22px;transition: all 0.2s;height: 44px;overflow: hidden;margin-top: 4px;font-size: 14px; }
.csesList li:hover img{ transform: scale(1.2); }
.csesList li:hover p{ color: #ff535b;text-decoration: underline; }
.csesList li:nth-child(2n){ margin-left: 15px; }

.kienRightne{ width: 1200px; }
.kienRightne li{ width: 380px;float: left;margin-left: 30px;position: relative; }
.kienRightne li:nth-child(3n+1){ margin-left: 0; }
.kienRightne li p{ width: 300px; }

/********************  热点列表页 ******************/
.nufearList{ width: 1212px;margin-top: 10px;}
.nufearList li{ float: left;  }
.nufearList li a{ display: block;float: left;padding: 0 15px;font-size: 16px;text-align: center;transition: all 0.2s;line-height: 32px;height: 32px;border: 1px solid #eeeeee;border-radius: 2px;margin-right: 12px;margin-top: 12px;}
.nufearList li a:hover{ color: #3399fa;background: #dfeffe;border: 1px solid #dfeffe; }
.nufearList li a.hover{ color: #3399fa;background: #dfeffe;border: 1px solid #dfeffe; }
.warfareList1 li dl dd.cont1 span{ background: none;border-radius: 0; }
.warfareList1 li dl dd.cont1 span b{ width: 12px;height: 12px;background-position: -540px -50px;margin: 9px 5px 0 0 ; }
.warfareList1 li dl dd span:hover a{ color: #999999; }
.warfareList1 li dl dd span a{ padding: 0; }
.bnail_list{ margin-top: 20px; }
.bnail_list li { margin-top: 19px; }
.bnail_list li .hover1{ width: 300px; }
.bnail_list li em{ width: 20px;height: 20px;border: 1px solid #ff9800;text-align: center;line-height: 20px;font-size: 16px;display: block;float: left;color: #ff9800;;}
.bnail_list li .hover1 p{ width: 205px;float: left;margin-left: 12px;height: 22px;line-height: 22px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.bnail_list li .hover1 span{ float: right;display: block;background: #f6f6f6;color: #999999;width: 50px;height: 24px;line-height: 24px;border-radius: 2px;text-align: center;}
.bnail_list li .hover2 em{ margin-top: 20px; }
.bnail_list li .hover2 a.a_img{ width: 80px;height: 80px;border-radius: 15px;overflow: hidden;display: block;float: left;margin-left: 12px; }
.bnail_list li .hover2 img{ width: 80px;height: 80px;border-radius: 15px; float: left;transition: all 0.6s;  }
.bnail_list li .hover2 dl{ float: left;width: 174px;height: 62px;margin-left: 12px;    }
.bnail_list li .hover2 dt a{  font-size: 16px; color: #333333; }
.bnail_list li .hover2 dd{ color: #999999;margin-top: 4px; width: 100%;height: 24px;line-height: 24px;overflow: hidden;  }
.bnail_list li .hover2 a.a_download{ float: right;display: block;width: 50px;transition: all 0.3s;height: 24px;text-align: center;font-size: 14px;border: 1px solid #3399fa;color: #3399fa;line-height: 24px;border-radius: 5px;margin-top: 0px;}
.bnail_list li .hover2 a.a_download:hover{ background: #3399fa;color: #fff;text-decoration: none; }
.bnail_list li .hover2 img:hover { transform: scale(1.2); }
.bnail_list li dl dt a:hover{ color: #ff535b;text-decoration: underline; }
.bnail_list li:nth-child(n+4) em{ border: 1px solid #cccccc;color: #999999;   }
.bnail_list li dl dd a {width: auto;color: #999999;transition: all 0.3s;height: 20px;line-height: 19px;font-size: 12px;text-align: center;background: #f5f5f5;border-radius: 4px;padding: 0 10px;display: block;float: left;margin: 2px 0;margin-right: 10px;}
.bnail_list li dl dt a.a1{ width: 114px;height: 20px;overflow: hidden;display: block;float: left; }
.bnail_list li dl dd a:hover{ background: #3399fa;color: #fff; }
.nuklenlist{ margin-top: 20px; }
.nuklenlist li{ width: 224px;height: 110px;border-radius: 5px;float: left;overflow: hidden;position: relative;margin-left: 20px; }
.nuklenlist li:first-child{ margin-left: 0; }
.nuklenlist li a{ width: 100%;height: 100%;display: block; }
.nuklenlist li img{ width: 224px;transition: all 0.3s;height: 110px; }
.nuklenlist li a p{ position: absolute;height: 50px;display: block;width: 205px;padding: 0 10px;font-style: normal;color: #fff;line-height: 55px;text-align: center;font-size: 16px;background: linear-gradient( to bottom,rgba( 0,0,0,0 ),rgba( 0,0,0,1 ) );top: 65px;transition: all 0.3s; }
.nuklenlist li a:hover img{ transform: scale(1.2); }
.nuklenlist li a p:hover{ text-decoration: underline; }


/****************** 专区落地页-文章落地 ******************/
.articleMain1 h1{ width: 870px;height: 45px;background: none;line-height: 45px;font-weight: 600;font-size: 30px;text-align: center; }
.articleMain1 { width: 830px;padding: 0 10px 0 20px; }
.frdomBox{ width: 840px;margin: 40px 0 0 20px; }
.indiaList{ width: 405px; margin-top: 20px;float: left; }
.indiaList li{ width: 405px;line-height: 42px;overflow: hidden;float: left;  }
.indiaList li .hover1 a em{ width: 11px;height: 11px;transition: all 0.3s;background-position: -125px -365px;margin-top: 16px;position: absolute;z-index: 555;  }
.indiaList li .hover1 a p{ margin-left: 25px;float: left;width: 320px;height: 42px;line-height: 42px;overflow: hidden;transition: all 0.3s; }
.indiaList li .hover1 a span{  width: 42px;height: 21px;margin-top: 9px;background-position: -420px 0;float: right;text-align: center;color: #999999;font-size: 12px;line-height: 27px;overflow: hidden; }
.indiaList li .hover2 em{ width: 11px;height: 11px;transition: all 0.3s;background-position: -125px -340px;margin-top: 30px;position: absolute;z-index: 555; }
.indiaList li .hover2 img{ width: 160px;height: 80px;transition: all .3s; }
.indiaList li .hover2 a.aImg{ width: 160px;height: 80px;overflow: hidden;display: block;float: left;margin-left: 20px;}
.indiaList li .hover2 dl{ width: 200px;height: 80px;float: left;margin-left: 20px;margin-top: 3px; }
.indiaList li .hover2 dl dt{ line-height: 22px;height: 44px;overflow: hidden; }
.indiaList li .hover2 dl dt a{ line-height: 22px;height: 44px;transition: all 0.1s; }
.indiaList li .hover2 dl dd{ color: #999999;width: 200px;height: 20px;line-height: 20px;margin-top: 10px;overflow: hidden; }
.indiaList li .hover2 img:hover { transform: scale(1.1); }
.indiaList li .hover2 dt a:hover { color: #ff6c6c;text-decoration: underline; }
.juicyList{ margin-top: 30px; }
.juicyList li { width: 300px;height: 170px; }
.juicyList li img{ width: 300px;height: 125px;transition: all 0.3s; }
.juicyList li p{ width: 280px;padding: 0 10px;text-align: center;line-height: 44px;height: 44px;overflow: hidden;font-size: 16px;}
.juicyList li:hover img{ opacity: 0.8;  }
.juicyList li:hover p{ color: #ff535b;text-decoration: underline; }



.skyhill1 { justify-content: space-around;margin-bottom: 10px; }
.tomorwList li{ margin-top: 30px;width: 830px;transition: all 0.3s;border: 1px solid #fff;position: relative;;padding: 20px;height: 140px;box-shadow: 0 0 10px 5px #eeeeee; }
.tomorwList li img{ float: left;border-radius: 15px;display: block;width: 140px;height: 140px;transition: all 0.3s; }
.tomorwList li a.aImg{ width: 140px;height: 140px;overflow: hidden;display: block;float: left; border-radius: 20px;}
.tomorwList li dl { margin-left: 20px;float: left;width: 550px; }
.tomorwList li dl dt{ width: 550px;height: 32px;overflow: hidden;; }
.tomorwList li dl dt a{ font-weight: 600;transition: all 0.1s;font-size: 24px; float: left;line-height: 32px;max-width: 250px;height: 32px;overflow: hidden;}
.tomorwList li dl dt p{ color: #999999;float: left;margin-left: 10px; line-height: 36px;}
.tomorwList li dl dt span{ float: left;color: #ff4b3a;line-height: 36px; }
.tomorwList li dl dt em{ width: 14px;height: 18px;background-position: -440px -140px;margin: 8px ;margin-left: 23px;}
.tomorwList li dl dd.cont1{ font-size: 16px;line-height: 26px;border-bottom: 1px solid #eeeeee;padding-bottom: 7px; width: 550px;height: 52px;overflow: hidden;margin-top: 8px;}
.tomorwList li dl dd.cont2{ width: 550px;height: 28px;overflow: hidden;margin-top: 12px; }
.tomorwList li dl dd.cont2 a{ width: auto;display: block;background: #ff727e;float: left;height: 24px;margin-bottom: 5px;color: #ffffff;padding: 0 7px;transition: all 0.3s;margin-right: 20px;text-align: center;line-height: 24px;border-radius: 5px;transition: all 0.3s;}
.tomorwList li dl dd.cont2 a:nth-child(1n){background: #ff727e; }
.tomorwList li dl dd.cont2 a:nth-child(2n){background: #638fd3; }
.tomorwList li dl dd.cont2 a:nth-child(3n){background: #ffc879; }
.tomorwList li dl dd.cont2 a:nth-child(4n){background: #58b5db; }
.tomorwList li dl dd.cont2 a:nth-child(5n){background: #b9da6a; }
.tomorwList li dl dd.cont2 a:hover{ background: #3399FA ; }
.morwNav{ float: right;width: 80px;height: 80px;margin: 34px 10px 0 20px;transition: all 0.3s; }
.morwNav em{width: 43px;height: 42px;float: initial;background-position: -430px -200px;margin: 0 auto; }
.morwNav p{ font-size: 18px;color: #3399fa;text-align: center;margin-top: 8px; }
.tomorwList li em.most{ position: absolute;top: -5px;right: -5px; }
.tomorwList li:nth-child(1) em.most{ width: 83px;height: 66px;background-position: 0 0 ; }
.tomorwList li:nth-child(2) em.most{ width: 83px;height: 66px;background-position: -110px 0 ; }
.tomorwList li:nth-child(3) em.most{ width: 83px;height: 66px;background-position: -220px 0 ; }
.tomorwList li dl dt a:hover{ color: #ff727e;text-decoration: underline; }
.tomorwList li img:hover{ transform: scale(1.12); }
.morwNav:hover{ transform: scale(1.2);}
.tomorwList li:hover{ border: 1px solid #3399FA;box-shadow: 0 0 15px 0px #3399FA; }
.mistyList li{ margin-top: 15px; }
.mistyList li a p{ width: 220px;height: 28px;line-height: 28px;float: left;font-size: 16px;overflow: hidden; }
.mistyList li a span{ float: right;width: 55px;height: 28px;border-radius: 28px;transition: all 0.2s;text-align: center;background: #e3f1ff;color: #3399fa;line-height: 28px;}
.mistyList li dl{ margin-top: 12px; }
.mistyList li dl dt{ float: left;width: 52px;height: 52px;overflow: hidden;border-radius: 10px; }
.mistyList li dl dt img{ width: 52px;height: 52px;border-radius: 10px;;transition: all 0.4s; }
.mistyList li dd { float: left;width: 248px; height: 52px;}
.mistyList li dd a{ color: #999999;display: block;float: left;width: 42%;margin-left: 18px;height: 26px;line-height: 26px;overflow: hidden; }
.mistyList li a span:hover{ background: #3399fa; color: #ffffff;  }
.mistyList li dl dt img:hover{ transform: scale(1.2); }


/**************** 话题落地页 ****************/
.hSeachList{ padding-bottom: 30px; }
.hSeachList li{ margin: 20px 0px 5px 9px; width: 115px;float: left;margin-left: 65px;transition: all 0.3s; } 
.hSeachList li span{ width: 45px;height: 45px;border-radius: 20px;overflow: hidden; }
.hSeachList li .imgCom{ width: 115px;height: 115px;transition: all 0.3s;background: #f5f5f5;border-radius: 25px; padding: 15px; border:1px solid #eeeeee;;/* background: url(/static/images/150_150.png) no-repeat;background-size: 145px 145px; */}
.hSeachList li a.imgBox{ width: 115px;height: 110px;;display: inline-block }
.hSeachList li img{ width: 50px;height: 50px;border-radius: 50px;margin: 2px 1px ;border: 1px solid #eeeeee;}
.hSeachList li p a{ margin-top: 12px;width: 100%;overflow: hidden;;text-align: center;width: 137px;display: block;height: 18px;line-height: 18px; }
.hSeachList li:nth-child(5n+1){ margin-left: 0; }
.hSeachList li.hover .imgCom{ box-shadow: 0 0 18px -3px #3399fa;border:1px solid #3399fa; background: #e6f2ff;  }
.hSeachList li.hover .imgCom img{ border:1px solid #3399fa; transition: all 0.3s;}
.hSeachList li:hover .imgCom{ box-shadow: 0 0 18px -3px #3399fa;border:1px solid #3399fa; background: #e6f2ff;  }
.hSeachList li:hover .imgCom img{ border:1px solid #3399fa; }
.hSeachList li.hover p a{ color: #3399fa; }
.hSeachList li:hover p a{ color: #3399fa; }
.hSeachList li .imgCom img:nth-child(2n){ margin-left: 3px; }
.mendliRig1 li:last-child{border: 0; }

.hworkList { margin-top: 10px; }
.hworkList li {float: left; margin-top: 20px; }
.hworkList li em{ width: 150px;transition: all 0.3s;height: 40px;padding: 0 15px;text-align: center;overflow: hidden;background-position: 0 -330px ;line-height: 40px;}
.hworkList li{ margin-left: 20px; }
.hworkList li.hover em{ background-position: 0 -265px;color: #3399fa; }
.hworkList li:hover em{ background-position: 0 -265px;color: #3399fa; }
.hworkList li:nth-child(6n+1){ margin-left: 0;  }
.kienRight b{ float: right;padding: 0 10px;width: 36px;overflow: hidden;transition: all 0.2s;font-weight: 500;display: block;height: 20px;color: #ff624e;margin-top: 15px;text-align: center;line-height: 18px;border-radius: 5px;border: 1px solid #ff624e; }
.kienRight b:hover{ background: #ff624e;color: #fff; }
.hFallRigList li{ width: 300px;height: 45px;margin-top: 20px; }
.hFallRigList li em{ width: 280px;height: 45px;padding: 0 10px;font-size: 16px;transition: all 0.3s;background-position: -210px -330px;text-align: center;line-height: 40px;overflow: hidden;}
.hFallRigList li.hover em{ background-position: -210px -265px;color: #ffffff; }
.hFallRigList li:hover em{ background-position: -210px -265px;color: #ffffff; }
.htGameList li{ margin-top: 20px;float: left;margin-left: 30px;width: 80px; }
.htGameList li:nth-child(3n+1){ margin-left: 0; }
.htGameList li img{ width: 80px;height: 80px;border-radius: 10px; }
.htGameList li a p{ width: 70px;padding: 0 5px;text-align: center;margin-top: 10px;height: 19px;overflow: hidden; }
.htGameList li:hover a p{ color: #3399fa;}

.rankbgBox{ background: url(/static/images/rankbg.png) no-repeat top center; width: 100%;min-width: 1200px;;height: 300px;margin: 0 auto;position: relative; margin: 0 auto;}
.ranktoprd{ width: 1200px;margin: 0 auto;position: relative;height: 300px;margin-top: 00px;left: 50%;margin-left: -600px;}
.ranktoprd em.em1{ width: 168px;height: 232px;background: url(/static/images/cn_bg5.png) no-repeat -0 -240px; display: block;float: left;position: absolute;top: 32px;left: 570px;}
.ranktoprd a img{ width: 80px;height: 80px;border-radius: 10px;border: 3px solid #ffffff;margin: 28px auto 0;display: block;}
.ranktoprd a{ display: block;width: 168px;height: 232px;position: relative;; }
.ranktoprd b{ width: 46px;height: 55px;background-position: 0 -190px;left: 15px;z-index: 60;position: absolute;top: -22px; }
.ranktoprd em.em1 p{ width: 130px;margin: 14px auto 16px;text-align: center;font-size: 18px;overflow: hidden;height: 24px;overflow: hidden; }
.ranktoprd em.em1 p:hover{ text-decoration: underline;color: #3399fa ; }
.ranktoprd em.em1 span{ width: 90px;height: 28px;line-height: 28px;text-align: center;transition: all 0.2s;border: 1px solid #3399fa;color: #3399fa;border-radius: 2px;display: block;background: #fff;margin: 0 auto;}
.ranktoprd em.em1 span:hover { background: #3399fa;color: #ffffff; }
.ranktoprd em.medal2{ left: 780px; }
.ranktoprd em.medal2 b{ background-position: -70px -190px; }
.ranktoprd em.medal3{ left: 995px; }
.ranktoprd em.medal3 b{ background-position: -140px -190px; }

/**************** 话题落地页 ****************/
.rankCatList { margin-top: 40px; }
.rankCatList li{ float: left;width: 190px;height: 57px;margin-left: 60px; }
.rankCatList li a{ font-size: 20px;font-weight: 600;text-align: center;display: block;line-height: 49px;color: #3399fa;font-weight: 600;width: 100%;height: 100%; }
.rankCatList li a em{ width: 190px;transition: all 0.3s;height: 57px;display: block;float: left;font-weight: 600;background: url(/static/images/cn_bg5.png) no-repeat -190px -350px;}
.rankCatList li.hover a em{ background-position: -190px -250px;color: #ffffff; } 
.rankCatList li:nth-child(1){ margin-left: 0; }
.lnensList{ margin-top: 35px;padding-bottom: 10px; }
.rankCatList li:hover  a em{ background-position: -190px -250px;color: #ffffff; }  
 
.lnensList li{ width: 1200px;margin-top: 28px;height: 277px;box-shadow:0 0 8px 7px #eeeeee ;border-radius: 10px;overflow: hidden;position: relative; }
.lnensList li em.ser{ width: 60px;height: 60px;background-position: -490px -140px; z-index: 500;position: absolute;text-align: left;line-height: 60px;font-style:italic;font-size: 20px;color: #ffffff;line-height: 48px;padding-left: 8px;}
.lnensList li .lensNav{ float: left;position: absolute;left: 30px;top: 27px; }
.lnensList li .lensNav a{ display: block;width: 160px;height: 160px;overflow: hidden;border-radius: 20px; }
.lnensList li .lensNav a.a1 img{ width: 160px;height: 160px;border-radius: 20px;transition: all 0.3s;transition: all 0.5s; }
.lnensList li .lensNav a.a1 img:hover{ transform: scale(1.2); }
.lnensList li .lensNav a.a2 { width: 160px;display: block;transition: all 0.3s;height: 48px;line-height: 48px;background: #e0f0ff; margin-top: 20px;border-radius: 5px;  }
.lnensList li .lensNav a.a2 em{ width:18px;height: 18px;transition: all 0.3s;background-position: -300px -190px; margin: 14px;margin-left: 29px; }
.lnensList li .lensNav a.a2 span{ color: #3399fa;font-size: 18px; transition: all 0.3s;}
.lnensList li .aImg{ display: block;width: 427px;height: 240px;float: right;margin: 18px;overflow: hidden; }
.lnensList li .threeImg a{ display: flex;justify-content: space-between; overflow: hidden;}

.lnensList li .threeImg img{ width: 132px;height: 240px;transition: all 0.3s;}
.lnensList li .oneImg img{ width: 427px;height: 240px;transition: all 0.3s; }

.lnensList li dl{ float: left;width: 455px;height: 230px;margin-left: 220px;margin-top: 30px; }
.lnensList dl dt{ width: 100%;height: 28px;overflow: hidden;  }
.lnensList dl dt a{ max-width: 50%;height: 28px;line-height: 28px;overflow: hidden;font-weight: 600;font-size: 24px; float: left;}
.lnensList dl dt p{ float: right;margin-left: 20px;max-width: 50%;height: 28px;overflow: hidden;line-height: 28px; }
.lnensList dl dt p span{ color: #ff4b3a; }
.lnensList dl dt p em{ color: #999999; }
.lnensList dl dt p b{ width: 14px;height: 18px;background-position: -440px -140px;margin-top: 5px;margin-right: 5px;}
.lnensList dl dd.cont1{ margin-top: 20px; }
.lnensList dl dd.cont1 p{ font-size: 16px;line-height: 24px;height: 72px;overflow: hidden;transition: all 0.2s; }
.lnensList dl dd.cont2{ margin-top: 20px;height: 30px;width: 100%;overflow: hidden; }
.lnensList dl dd.cont2 span{ color: #999999; }
.lnensList dl dd.cont2 a{ display: inline-block;transition: all 0.3s;background: #eeeeee;padding: 0 20px;border-radius: 30px;height: 30px;line-height: 30px;margin-left: 10px;}
.lnensList dl dd.cont3 a{ display: block;transition: all 0.3s;margin-top: 28px;border: 1px solid #459df6;margin-right: 12px;height: 24px;display: inline-block;line-height: 24px;border-radius: 24px;color: #459df6;padding: 0 14px;text-decoration: none; }
.lnensList dl dd.cont3 a:hover{ background: #459df6;color: #ffffff; }
.lnensList dl dd.cont3 a:hover span{ color: #ffffff; }
.lnensList dl dd.cont2 a:hover span{ color: #ffffff; }
.lnensList dl dt a:hover{ text-decoration: underline;color: #fd7777; }
.lnensList li .aImg img:hover{ opacity: 0.8; }
.lnensList li.hover .lensNav a.a2{ background: #3399fa }
.lnensList li.hover .lensNav a.a2 span{ color: #ffffff;font-size: 18px; }
.lnensList li.hover .lensNav a.a2 em{ background-position: -300px -220px; }
.lnensList li .lensNav a.a2:hover{ background: #3399fa }
.lnensList li .lensNav a.a2:hover span{ color: #ffffff;font-size: 18px; }
.lnensList li .lensNav a.a2:hover em{ background-position: -300px -220px; }
.lnensList dl dd.cont2 a:hover{ background: #3399fa ; color: #ffffff;}
.lnensList li:nth-child(n+4) em.ser{ background-position: -215px -190px;  }
.lnensList li:nth-child(n+10) em.ser{padding-left: 2px;}
.lnensList dl dd.cont1 p:hover{ color: #fd7777;text-decoration: underline; }
.lneranLIst{ margin-top: 20px;padding-bottom: 10px; }
.lneranLIst .nelGameRank:nth-child(n+2){ margin-left: 12px; }

/**************** 排行榜落地页 ****************/
.gameRankBg{ background: url(/static/images/pankto.png) no-repeat top center; width: 100%;min-width: 1200px;;height: 212px;margin: 0 auto;position: relative; margin: 0 auto;}
.submark{ width: 1200px;margin-top: 30px; position: relative;background: #fff8f2; max-height: 124px;overflow: hidden;}
.submark b{ font-size: 24px;font-weight: 600;margin-top: 15px;display: inline-block;margin-left: 25px; }
.submark em{ width: 16px;height: 16px; }
.submark em.em1{ background-position: 0 -160px; }
.submark em.em2{ background-position: 0 -190px;float: right; position: absolute;bottom: 0;right: 0;}
.submark p{ width: 1114px;margin:10px 40px 16px 40px;line-height: 26px;height: 52px;overflow: hidden;;color: #fc9d49 ;max-height: 97px; font-size: 16px;}

/**************** 404 ****************/
.cn404Box{ background: #a3dcf0;height: 747px }
.game404Bg{ background: url(/static/images/404.png) no-repeat top center; width: 100%;min-width: 1200px;;height: 747px;margin: 0 auto;position: relative; margin: 0 auto;}
.game404Bg{ display: flex;justify-content: center; }
.game404Bg a{ width: 240px;transition: all 0.3s;height: 70px;line-height: 70px;overflow: hidden;text-align: center;display: block;border-radius: 10px;background: #f08b8b;;margin: 0 20PX;color: #fff;margin-top: 585PX;font-size: 20PX;}

.hoTraList li{ width: 110px;height: 148px;background: #f5f5f5;margin-top: 15px;margin-left: 11px;float: left;transition: all 0.3s;  }
.hoTraList li a{ display: block; width: 110px;height: 130px;padding-top: 18px;}
.hoTraList li img{ width: 80px;height: 80px;margin: 0px auto 15px; display: block;border-radius: 15px;transition: all 0.6s; }
.hoTraList li p{ text-align: center;width: 100px;margin: 0 auto; overflow: hidden;height: 16px;line-height: 16px; }
.hoTraList li:nth-child(10n+1){ margin-left: 0; }
.hoTraList li:hover{ background: #ffffff;box-shadow: 0 0 3px 4px #f5f5f5;transform: translateY(-5px);}
.hoTraList li:hover img{ transform: rotateY(-180deg); }
.hoTraList li:hover p{ color: #fd7777; }
.game404Bg a:hover{ transform: translateY(-5px);text-decoration: underline; }
.aridRank{ background: url(/static/images/anirank.png) no-repeat top center;width: 100%;min-width: 1200px;;height: 300px;margin: 0 auto;position: relative; margin: 0 auto;}
.anidtabList { width: 172px;margin: 30px auto;height: 40px;background: #e6e6e6;border-radius: 40px;overflow: hidden; }
.anidtabList a{ display: block;width: 50%;;float: left;line-height: 40px;text-align: center;font-size: 20px;}
.anidtabList a.hover{ background: linear-gradient( to right,#79b3ff,#3ac4ff );border-radius: 40px;color: #ffffff;}

.handGmaeRank{ float: left;width: 380px;margin-left: 30px;}
.handGmaeRank:nth-child(3n+1){ margin-left: 0; }
.handGmaeRank h2{ border: 1px solid #eee;height: 60px;overflow: hidden;line-height: 60px;font-size: 18px;}
.handGmaeRank h2 a{ float: right;transition: all 0.2s;font-size: 14px;color: #999999;margin-right: 10px; }
.handGmaeRank h2 em.em1{ width: 20px;height: 25px;background-position: -215px -435px;margin: 17px 7px 0 10px; }
.handGmaeRank h2 em.em2{ width: 25px;height: 20px;background-position: -220px -475px;margin: 20px 8px 0 10px }
.handGmaeRank h2 em.em3{ width: 24px;height: 22px;background-position: -175px -475px;margin: 17px 7px 0 10px }
.handGmaeRank h2 em.em4{ width: 20px;height: 20px;background-position: -130px -475px;margin: 21px 7px 0 10px; }
.handGmaeRank h2 em.em5{ width: 27px;height: 22px;background-position: -120px -435px;margin: 17px 7px 0 10px; }
.handGmaeRank h2 em.em6{ width: 20px;height: 25px;background-position: -175px -430px;margin: 16px 8px 0 10px }

.handGmaeRank li{ border: #eee 1px solid;cursor: html;;border-top: 0;position: relative;height: 118px;}
.handGmaeRank li a.aImg{ float: left;width: 90px;height: 90px;overflow: hidden;margin: 12px;position: relative;z-index: 2;border-radius: 15px;margin-left: 32px;margin-top: 15px;}
.handGmaeRank li a.aImg img{ width: 90px;height: 90px;transition: all 0.3s; }
.handGmaeRank li dl{ float: left; }
.handGmaeRank li em.numb{ width: 50px;height: 50px;background-position: -550px -270px; position: absolute;top: 0;left: 0;padding-left: 5px;padding-top: 5px;color: #fff;font-size: 20px;font-style: italic}
.handGmaeRank li:nth-child(n+5) em.numb{ background-position: -550px -340px; }
.handGmaeRank li:nth-child(n+11) em.numb{ padding-left: 0; }
.handGmaeRank li dl{ margin-top: 6px;width:223px;height: 96px; }
.handGmaeRank li dl dt{ font-size: 18px;margin-top: 11px;height: 24px;line-height: 24px;overflow: hidden; }
.handGmaeRank li dl dd{ color: #999999;margin-top: 5px; width: 233px;height: 26px;line-height: 26px;overflow: hidden;}
.handGmaeRank li dl dd a{width: auto;color: #3399fa;transition: all 0.3s;height: 24px;line-height: 24px;font-size: 12px;text-align: center;background: #e5f2ff;border-radius: 4px;padding: 0 10px;display: block;float: left;margin-top: 2px;margin-right: 10px; }
.handGmaeRank li a.aImg img:hover{ transform: scale(1.2); }
.handGmaeRank li dl dt a{ transition: all 0.2s; }
.handGmaeRank li dl dt a:hover{ color: #3399fa;text-decoration: underline;  }
.handGmaeRank li dl dd a:hover{ color: #fff;background: #3399fa;; }
.handGmaeBox{ margin: 35px auto 0px;width: 1200px; }
.handGmaeRank h2 a:hover{ color: #3399fa;text-decoration: underline; }
.handGmaeRank li:hover{ box-shadow: 0 0 5px 5px #eee; }

.cakeaBox h2{ margin: 50px auto 30px;text-align: center;font-size: 32px;color: #3399fa;display: flex;justify-content: center; }
.cakeaBox h2 em{ width: 89px;height: 51px;display: block;float: left;background: url(/static/images/cn_bg5.png) no-repeat; }
.cakeaBox h2 em.em1{ background-position: -420px -250px; }
.cakeaBox h2 em.em2{ background-position: -530px -250px; }
.cakeaBox h2 span{ margin: 5px 15px ; }
.cankeList li{ float: left;margin-top: 5px;margin-left: 33px;transition: all 0.3s; }
.cankeList li:nth-child(4n+1){ margin-left: 0; }
.cankeList li a{ display: block;float: left; }
.cankeList li:hover{ transform: translateY(-8px); }
.cankeList li:hover p{ color: #3399fa; }
.cankeList li a img{ width: 275px;height: 145px;border-radius: 15px; }
.cankeList li a p{ line-height: 56px;height: 56px;width: 275px;text-align: center;font-size: 18px;width: 275px;overflow: hidden; }
.checkMore{ display:block;transition: all 0.2s; width: 150px;height: 40px;color: #3399fa;background: #eaf5fe;margin: 30px auto;padding: 0 50px;border-radius: 40px;font-size: 18px;text-align: center;line-height: 40px;  }
.checkMore:hover{ background: #3399fa; color: #fff;}
.achmenBox{ margin-top: 30px;width: 360px;  }
.messageTitle h2{ float: left;font-size: 20px;font-weight: 600; }
.messageTitle h2 em{ width:12px;height: 18px;background-position: -520px 0 ;margin-right: 10px;margin-top: 3px; }
.messageTitle a{ float: right;color: #999999 ; }
.aformHead{ background: #f5f5f5;margin-top: 15px;height: 30px;line-height: 30px;width: 360px; }
.aformHead span{ display: inline-block;text-align: center; }
.aformHead span:nth-child(1){ width: 56px ; }
.aformHead span:nth-child(2){ width: 120px;text-align: left;margin-left: 15px; }
.aformHead span:nth-child(3){ width: 105px ; }
.aformHead span:nth-child(4){ width: 50px ; }
.achmenList li{ border-bottom: 1px solid #eeeeee; }
.achmenList li .hover1{ line-height: 46px;height: 46px;overflow: hidden; }
.achmenList li .hover1 em{ display: inline-block;width: 20px;height: 20px;text-align: center;line-height: 20px;color: #fff;margin-left: 15px; }
.achmenList li:nth-child(1) .hover1 em{ background: #ff6600; }
.achmenList li:nth-child(2) .hover1 em{ background: #ffa800; }
.achmenList li:nth-child(3) .hover1 em{ background: #ffc000; }
.achmenList li:nth-child(n+4) .hover1 em{ background: #dddddd; }
.achmenList li .hover1 p{ display: inline-block;margin-left: 20px;width: 150px;text-align: left; }
.achmenList li .hover1 span{ display: inline-block; color: #999999;margin-left: 12px; }
.achmenList li .hover1 b{ float: right;text-align: center;width: 50px;font-style: normal;color: #ff414a;font-size: 20px; }
.achmenList li .hover2 em{ display:block;float: left;;width: 20px;height: 46px;margin-top: 27px;text-align: center;line-height: 46px;color: #fff;margin-left: 15px;   }
.achmenList li:nth-child(1) .hover2 em{ background: #ff6600; }
.achmenList li:nth-child(2) .hover2 em{ background: #ffa800; }
.achmenList li:nth-child(3) .hover2 em{ background: #ffc000; } 
.achmenList li:nth-child(n+4) .hover2 em{ background: #dddddd; }
.achmenList li .hover2 a.aImg{ width: 85px;height: 85px;float: left;display: block;overflow: hidden;;border-radius: 15px;margin: 10px 13px 10px 20px;}
.achmenList li .hover2 a img{ width: 85px;height: 85px;border-radius: 15px;transition: all 0.3s; }
.achmenList li .hover2 dl{ width:145px;height: 88px;;float: left;margin-top: 10px;overflow: hidden; }
.achmenList li .hover2 dt a{ font-size: 18px;width: 150px;height: 24px;line-height: 24px;overflow: hidden;display: block; }
.achmenList li .hover2 dd{ margin-top: 8px; }
.achmenList li .hover2 dd.cont1{ color: #999999;width: 150px;height: 22px;overflow: hidden; }
.achmenList li .hover2 dd.cont2 a{ display: block;float: left;transition: all 0.2s;width: auto;height: 20px;color: #3399fa;border: 1px solid #3399fa;border-radius: 3px;font-size: 14px;padding: 0 5px;text-align: center;line-height: 20px;  }
.achmenList li .hover2 b.grade{ color: #ff5159;font-size: 36px;width: 54px;overflow: hidden;;float: right;margin-right: 5px;line-height: 105px;font-weight: 600; }
.achmenList li .hover2 a img:hover{ transform: scale(1.2) }
.achmenList li .hover2 dt a:hover{ text-decoration: underline;color: #3399fa; }
.achmenList li .hover2 dd.cont2 a:hover{ background: #3399fa ;color: #fff; }
.achmenBox{ float: left;margin-left: 60px;height: 700px; }
.achmenBox:nth-child(3n+1){  margin-left: 0;}
.achmenList li .hover2 dl a:hover{ text-decoration: underline;color: #0099ff; }

/**************** 栏目排行榜 ****************/
.columnLeft{ width: 240px;float: left;height: auto; 
    box-shadow: 0 0 5px 5px #eeeeee;  top: 90px; position: absolute; }
.columnRig{ width: 930px;float: right;margin-left: 30px;margin-top: 20px; }
.collefyList li{ height: 60px;line-height: 60px;text-align: center; font-size: 18px;  }
.collefyList li.hover{ background: linear-gradient( to right,#faf5e3,#ffcc25,#faf5e3 ); color: #fff;}
.collefyList li{ border-bottom: 1px solid #eee;transition: all 0s;  }
.collefyList li.hover em{ margin-top: 22px; width: 18px;height: 19px;}
.collefyList li.hover em.em1{ background-position: -540px -230px;  }
.collefyList li.hover em.em2{ background-position: -580px -230px;  }
.collefyList li:hover { background: linear-gradient( to right,#faf5e3,#ffcc25,#faf5e3 ); color: #fff; }
.collefyList li:hover em{ margin-top: 22px; width: 18px;height: 19px; }
.collefyList li:hover em.em1{ background-position: -540px -230px;  }
.collefyList li:hover em.em2{ background-position: -580px -230px;  }
.collefyList li a{ display: block;color: #333333;display: flex;justify-content: space-evenly; }
.collefyList li.hover a{ color: #ffffff; }
.collefyList li:hover a{ color: #ffffff; }
.coluRigList li{ width: 930px;margin-top: 28px;transition: all 0.3s;height: 237px;box-shadow:0 0 8px 7px #eeeeee ;border-radius: 10px;overflow: hidden;position: relative; }
.coluRigList li em.ser{ width: 60px;height: 60px;background-position: -490px -140px; z-index: 500;position: absolute;text-align: left;line-height: 60px;font-style:italic;font-size: 20px;color: #ffffff;line-height: 48px;padding-left: 8px;}
.coluRigList li .lensNav{ float: left;position: absolute;left: 30px;top: 27px; }
.coluRigList li .lensNav a{ display: block;width: 150px;height: 150px;overflow: hidden;border-radius: 20px; }
.coluRigList li .lensNav a.a1 img{ width: 150px;height: 150px;border-radius: 20px;transition: all 0.3s;transition: all 0.5s; }
.coluRigList li .lensNav a.a1 img:hover{ transform: scale(1.2); }
.coluRigList li .aImg{ display: block;width: 340px;height: 190px;overflow: hidden;;float: right;margin:23px 17px; }
.coluRigList li .aImg img{ transition: all 0.3s; }
.coluRigList li .threeImg a{ display: flex;justify-content: space-between; }
.coluRigList li .threeImg img{  width: 108px;height: 190px; }
.coluRigList li .oneImg img{  width: 340px;height: 190px; }
 
.coluRigList li dl{ float: left;width: 355px;height: 200px;margin-left: 200px;margin-top: 30px; }
.coluRigList dl dt{ width: 100%;height: 28px;overflow: hidden;  }
.coluRigList dl dt a{ height: 28px;line-height: 28px;overflow: hidden;font-weight: 600;font-size: 24px; float: left;}
.coluRigList dl dd.cont0{  margin-top: 7px;color: #999999;width: 355px;height: 30px;line-height: 30px;display: flex;justify-content: space-between; }
.coluRigList dl dd.cont0 em{ width: 6px;height: 6px;background: #cccccc; display: inline-block;transform: rotate( 45deg );position: relative;top: -2px;left: -2px;}
.coluRigList dl dd.cont0{ line-height: 30px;height: 30px; }
.coluRigList dl dd.cont0 span.span2{ margin-right: 10px; }
.coluRigList dl dd.cont1{ margin-top: 7px; }
.coluRigList dl dd.cont1 p{ font-size: 16px;line-height: 24px;height: 72px;overflow: hidden;transition: all 0.2s; }
.coluRigList dl dd.cont3{ width: 355px;height: 28px;overflow: hidden;margin-top: 13px;; } 
.coluRigList dl dd.cont3 a{ display: block;transition: all 0.3s;margin-bottom: 5px;border: 1px solid #459df6;margin-right: 12px;height: 24px;display: inline-block;line-height: 24px;border-radius: 24px;color: #459df6;padding: 0 14px;text-decoration: none; }
.coluRigList dl dd.cont3 a:hover{ background: #459df6;color: #ffffff; }
.coluRigList dl dt a:hover{ text-decoration: underline;color: #fd7777; }
.coluRigList li .aImg img:hover{ opacity: 0.8; }
.coluRigList li.hover .lensNav a.a2{ background: #3399fa }
.coluRigList li.hover .lensNav a.a2 span{ color: #ffffff;font-size: 18px; }
.coluRigList li.hover .lensNav a.a2 em{ background-position: -300px -220px; }
.coluRigList li .lensNav a.a2:hover{ background: #3399fa }
.coluRigList li .lensNav a.a2:hover span{ color: #ffffff;font-size: 18px; }
.coluRigList li .lensNav a.a2:hover em{ background-position: -300px -220px; }
.coluRigList li:nth-child(n+4) em.ser{ background-position: -215px -190px;  }
.coluRigList li:nth-child(n+10) em.ser{padding-left: 2px;}
.coluRigList dl dd.cont1 p:hover{ color: #fd7777;text-decoration: underline; }
.coluRigList li:first-child{ margin-top: 0; }
.coluRigList li:hover{ transform: translateY(-8px);box-shadow: 0 0 5px 5px #fddf7d; }

/******************* 栏目排行榜 ***************/
.milkycList{ width: 1200px;margin: 5px auto 30px;  }
.milkycList li:nth-child(3n+1){ margin-left: 27px; }
.milkycList li:nth-child(4n+1){ margin-left: 0; }
.milkycList li{ width: 277px; }
.milkycList li img{ width: 277px; }
.milkycList li{ width: 277px; }
.milkycList li a p.p2{ width: 257px; }
.milkycList li .avideMask{ width: 277px; }

/******************* 菜鸟精品专区 ***************/
.boutiqueSwiper { height: 75px;width: 1200px;margin-top: 20px; }
.boutiqueSwiper .swiper-slide a{ transition: all 0.3s;margin-bottom: 5px;margin-right: 12px;height: 40px;display: inline-block;line-height: 40px;border-radius: 40px;color: #459df6;padding: 0 24px;overflow: hidden;text-decoration: none;font-weight: 600;font-size: 18px;width: auto;background: #ddeeff;}
.boutiqueSwiper .swiper-slide a:hover{ background: #459df6;color: #fff; }
.boutiqueSwiper .swiper-slide a.hover{ background: #459df6;color: #fff; }
.boutiqueSwiper .swiper-slide{ width: auto !important; }
.boutiqueSwiper .swiper-scrollbar{ height: 12px;background: #eeeeee; }
.boutiqueSwiper .swiper-scrollbar-drag{ background: #dddddd;  }
.boutiqueBox{ width: 1200px;margin-top: 30px; }
.boutieList{ max-height: 560px;overflow: hidden;padding: 5px;}
.boutieList li{ width: 170px;height: 255px;border-radius: 6px;float: left;transition: all 0.3s;box-shadow: 0 0 7px 3px #eee;margin-top: 25px; margin-left: 34px;}
.boutieList li:nth-child(6n+1){ margin-left: 0; }
.boutieList li a img{ width: 130px;height: 130px;border-radius: 20px;margin: 20px 20px 15px;  }
.boutieList li h2{ font-size: 16px;width: 130px;margin: 0 auto;height: 20px;line-height: 20px;overflow: hidden;text-align: center;margin-bottom: 4px; }
.boutieList li p{ width: 130px;text-align: left;color: #999999;margin: 5px auto;height: 20px;overflow: hidden;; }
.boutieList li p span{ float: left; }
.boutieList li p.p1{ margin-top: 10px; }
.boutieList li p em{ margin-top: 3px;float: left; }
.boutieList li p em.em1{ width: 14px;height: 14px;background-position: -135px -400px; }
.boutieList li p em.em2{  width: 14px;height: 14px;background-position: -175px -400px;margin-left: 8px; }
.boutieList li b{ width: 44px;height: 44px;background-position: -555px -165px;position: relative;top: -34px;left: 126px;opacity: 0;transition: all 0.3s;  }
.boutieList li:hover b{ opacity: 1; }
.boutieList li:hover { transform: translateY(-8px);box-shadow: 0 0 5px 5px #ddeeff; }
.handClickView{ width: 300px;transition: all 0.3s;cursor: pointer;height: 50px;background: #ddeeff;margin: 40px auto;color: #3399fa;border-radius: 50px;text-align: center;line-height: 50px;font-size: 18px; }
.handClickView:hover{ background: #3399fa;color: #fff; }

/******************** 视频落地页 ***********************/

.cnenthvie{ height: 435px; width: 870px;object-fit:fill; }
.konskevid{ position: relative;background:#f5f5f5;width: 830px;max-height: 90px;padding: 20px;margin-top: 20px; overflow: hidden;}
.konskevid em{ width: 60px;height: 60px; background-position: -540px -400px;position: absolute;top: 0px;left: 0px;}
.konskevid span{ transform: rotate(-45deg);color: #ffffff;transition: all 0s;display: block;  }
.konskevid p{ text-indent: 1.5rem;width: 835px;max-height: 90px;overflow: hidden;}

.vidRemlist li{ margin-top: 18px; }
.vidRemlist li a.aImg{float: left;display: block;position: relative; width: 130px;height: 85px;overflow: hidden;border-radius: 10px;} 
.vidRemlist li a.aImg img{ width: 130px;height: 85px;transition: all 0.3s;overflow: hidden; }
.vidRemlist li a.aImg em{ width: 22px;height: 22px;position: absolute;top: 57px;left: 100px; }
.vidRemlist li dl{ width: 155px;height: 88px;float: left;margin-left: 12px; }
.vidRemlist li dl dt{ font-size: 16px;transition: all 0.3s; }
.vidRemlist li dl dd.cont1{ font-size: 14px;height: 20px;line-height: 20px;width: 155px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #999999;margin: 8px auto;}
.vidRemlist li dl dd.cont2{ width: 100px;height: 28px;line-height: 28px;font-size: 14px;border-radius: 28px;background: #f5f5f5;color: #999999;text-align: center;padding: 0 5px;}
.vidRemlist li:hover a.aImg img{ transform: scale(1.2); }
.vidRemlist li:hover dl dt{ color: #3399fa;text-decoration: underline; }
.videRand { width: 300px;  }
.videRand li{  width: 300px;margin: 2px auto; }
.videRand .hover1{ line-height: 40px;height: 40px;  }
.videRand .hover1 em{ margin-top: 9px;line-height: 25px; }
.videRand .hover1 em,
.videRand .hover2 a em{ float: left;width: 20px;height: 21px;background-position: -40px 0;color: #ffffff; text-align: center;font-size: 12px;}
.videRand .hover1 p{ float: left;width: 250px;height: 40px;line-height: 40px;margin-left: 8px;}
.videRand{ margin-top: 15px; }
.videRand .hover2 a em{ line-height: 25px;margin-top: 19px; }
.videRand .hover2 a img{ width: 90px;height: 60px;float: left;margin-left: 12px;border-radius: 5px;  }
.videRand .hover2 a dl{ float: left;width: 162px;height: 60px;margin-left: 12px;}
.videRand .hover2 a dl dt{ width:160px;height: 20px;line-height: 20px;margin-top: 6px;overflow: hidden; }
.videRand .hover2 a dl dd{ font-size: 14px;margin-top: 10px;height: 20px;line-height: 20px;color: #999999;overflow: hidden; }
.videRand .hover2:hover a dl dt{ color: #459df6;text-decoration: underline; }
.videRand li:nth-child(n+4) .hover1 em, 
.videRand li:nth-child(n+4) .hover2 a em{width: 20px;height: 20px;background: #cccccc;line-height: 20px;border-radius: 2px;   }

/******************** 视频频道页 ***********************/
.vidChannle{ margin-top: 20px;width: 1200px;height: 405px; }
.crysiSwiper { width: 385px;height: 405px;float: left; }
.crysiSwiper .swiper-slide{ width: 385px;height: 405px;transition: all 0.3s; }
.crysiSwiper .swiper-slide img{ width: 385px;height: 405px;}
.crysiSwiper .swiper-slide:hover{ opacity: 0.8; }
.crysiSwiper .swiper-slide p{ position: relative;top: -42px;height: 42px;line-height: 42px;width: 275px;background: rgba(0 , 0, 0, 0.8);color: #fff;padding:0 15px;font-size: 18px;}
.crysiSwiper .swiper-button-next{ right: 6px; top: 21px;width: 25px;height: 44px;background-position: -395px 12px;}
.crysiSwiper .swiper-button-prev{ left: 10px; top: 21px;width: 25px;height: 44px;background-position: -365px 12px;}
.nextArrows{ position: absolute;width: 80px;height: 42px;background: #363636;float: right;bottom: 0;z-index: 666;left: 305px;}
.celerisRig{ float: left;margin-left: 25px;width: 790px; }
.celerisRig h2{ font-size: 24px; }
.celerisRig h2 em{ width: 27px;height: 24px;background-position: -430px -0;margin: 5px 10px 0 5px ; }
.vidChalist { width: 100%; }
.vidChalist li { float: left;margin-top: 20px;width: 180px;height: 168px;float: left;margin: 20px 0 0 20px; }
.vidChalistfour li:nth-child(4n+1){ margin-left: 0; }
.vidChalist li img{ width: 180px;height: 110px;border-radius: 2px; transition: all 0.4s;}
.vidChalist li p{ line-height: 22px; transition: all 0.2s;font-size: 16px;padding: 0 2px;margin-top: 8px;height: 44px;overflow: hidden; }
.vidChalist li .aImg{ position: relative;width: 180px;height: 110px;overflow: hidden; }
.vidChalist li .aImg em{ width: 28px;transition: all 0.3s;height: 28px;background-position: -328px -0;position: absolute;top: 70px;left: 12px;}
.vidChalist li .aImg b{ width: 22px;height: 22px;text-align: center;line-height: 22px;position: absolute;top: 0;left: 0; }
.vidChalist li:hover p{ color: #ff5f4a;text-decoration: underline;}
.vidChalist li:hover em{ transform: rotate(165deg); }
.vidChalist li:hover img{ transform: scale(1.2);opacity: 0.8; }
.vidChalist li:nth-child(1) .aImg b{ background: #ff2525;color: #fff; }
.vidChalist li:nth-child(2) .aImg b{ background: #ff5d25;color: #fff; }
.vidChalist li:nth-child(3) .aImg b{ background: #ff9415;color: #fff; }
.vidChalistfour li:nth-child(n+4) .aImg b{ background: #aaaaaa;color: #fff; }
.videcartitle{ width: 1200px;border-bottom: 1px solid #eee; }
.videcartitle h2{ float: left;border-bottom: 1px solid #ff5f4a;padding-bottom: 17px;position: relative;top: 1px; }
.videcartitle h2 em.em1{ width: 37px;height: 28px;background-position: 0px -40px;margin-right: 10px;margin-top:2px;  }
.videcartitle h2 em.em2{ width: 34px;height: 30px;background-position: -135px 0;margin-right: 10px;margin-top: 3px;  }
.videcartitle h2 em.em3{ width: 30px;height: 30px;background-position: -85px 0;margin-right: 10px;margin-top: 3px;  }
.videcartitle h2 em.em4{ width: 28px;height: 30px;background-position: -240px 0;margin-right: 10px;margin-top: 1px;  }
.videcartitle h2 em.em5{ width: 33px;height: 30px;background-position: -190px 0;margin-right: 10px;margin-top: 1px;  }
.videcartitle h2 b{ font-size: 24px;color: #ff5f4a; }
.videcartitle a{ float: right;line-height: 30px; }
.videcartitle a em{ width: 14px;height: 14px;background-position: -290px 0; float: right;margin-top: 8px;margin-left: 6px; }
.videcartitle a:hover{ text-decoration: underline;color: #ff5f4a; }
.vidChalistlen li{ margin-left: 24px; }
.vidChalistlen li:nth-child(6n+1){ margin-left: 0; }

/******************** 手游库列表页 ***********************/

.haTourList{ margin-top: 30px;border-right: 1px solid #eee;float: left; }
.haTourList li{ border-left: 1.2px solid #eeeeee;border-top: 1.2px solid #eeeeee;border-bottom: 1.2px solid #eeeeee;float: left;height: 40px;background: #f6f6f6;width: 118px;text-align: center;line-height: 40px;  }
.haTourList li a{ font-size: 18px;display: block;}
.haTourList li.hover{ background: #ffffff;border-bottom: 0px;border-top: 2px solid #3399fa ; }
.haTourList li.hover a{ color: #3399fa ;font-weight: 600; }
.haTourList li:hover{ background: #ffffff;border-bottom: 0px;border-top: 2px solid #3399fa ; }
.haTourList li:hover a{ color: #3399fa ;font-weight: 600; }
.ordinary{ margin-top: 10px; }
.ordinary li{ height: 120px;padding: 20px 0;border-bottom: 1px solid #eeeeee; }
.ordinary li a.aImg { width: 120px;height: 120px;display: block;float: left;border-radius: 15px;overflow: hidden;float: left;  }
.ordinary li a.aImg img{ width: 120px;height: 120px;transition: all 0.3s;}
.ordinary li a.aImg img:hover{ transform: scale(1.1); }

.ordinary li dl{ width: 860px;height: 120px;margin-left: 28px;float: left; }
.ordinary li dl dt{ height: 34px;width: 100%;overflow: hidden; }
.ordinary li dl dt h2{ font-weight: 600;font-size: 24px;float: left;margin-right: 20px;max-width: 400px;overflow: hidden;height: 34px; }
.ordinary li dl dt h2 a{ transition: all 0.2s; }
.ordinary li dl dt span{ height: 22px;transition: all 0.3s;line-height: 22px;padding: 0 8px;border-radius: 5px;display: block;float: left;margin: 7px;}
.ordinary li dl dt span:nth-child(2n){ background: #ff6c6c; }
.ordinary li dl dt span:nth-child(3n){ background: #b2bfff; }
.ordinary li dl dt span:nth-child(4n){ background: #ffc879; }
.ordinary li dl dt span:nth-child(5n){ background: #b9da6a; }
.ordinary li dl dt span a{ color: #fff; }

.ordinary li dl dd.cont1{ height: 22px;width: 100%;overflow: hidden;margin-top: 11px; }
.ordinary li dl dd.cont1 b{ width: 6px;height: 6px;transform: rotate(45deg);display: block;background: #cccccc;float: left;margin-top: 8px;margin-left: 1px;}
.ordinary li dl dd.cont1 .on1 span{ margin-left: 10px;color: #999999;font-size: 16px;float: left;  }
.ordinary li dl dd.cont1 .on2{ margin-left: 50px; }
.ordinary li dl dd.cont1 .on1 em{ width: 18px;height: 18px;margin: 3px 4px; }
.ordinary li dl dd.cont1 .on1 em.em1{ background-position: -470px 0; }
.ordinary li dl dd.cont1 .on1 em.em2{ background-position: -530px 0; }
.ordinary li dl dd.cont1 .on1 em.em3{ background-position: -500px 0; }
.ordinary li dl dd.cont1 .on1{ float: left; }
.ordinary li dl dd.cont1 .on2 { float: left;  }
.ordinary li dl dd.cont1 .on2 span{ color: #999999;margin-left: 7px;font-size: 16px; }
.ordinary li dl dd.cont2{ margin-top: 10px;line-height: 22px;color: #666666;height: 44px;width: 100%;overflow: hidden;}
.ordownLoad{ margin-top: 10px; width: 75px;float: right;margin-top: 32px;}
.ordownLoad em{ width: 43px;height: 42px;background-position: -95px -42px;float: initial;margin-left: 16px; }
.ordownLoad p{ width: 75px;transition: all 0.2s;text-align: center;margin-top: 10px;font-size: 18px;color: #3399fa; }
.ordownLoad:hover p{ text-decoration: underline; }
.ordownLoad:hover em{ animation: largen 1s 1; }
@keyframes largen{
    0% {
       transform:rotate(1)
   }
   33% {
       transform:scale(0.8)
   }
   66%{
       transform:scale(1.2)
   }
   100% {
       transform:scale(1)
   }
}

.ordinary li dl dt span:hover{ background: #4ea4ee; }
.ordinary li dl dt h2:hover{ text-decoration: underline; }
.ordinary li dl dt h2 a:hover{ color: #4ea4ee;}
.ordinary li dl dd.cont2 p a{ color: #666666;transition: all 0.2s;  }
.ordinary li dl dd.cont2 p a:hover{ text-decoration: underline;color: #4ea4ee; }

/******************** 手游库列表页 ***********************/

.smallGameList{ margin-top: 5px; border: 1px solid #eeeeee;width: 1200px;border-bottom:0 ; }
.smallGameList li{ border-right: 1px solid #eeeeee;transition: all 0.3s;border-bottom: 1px solid #eeeeee;float: left;width: 398px;height: 120px;}
.smallGameList li a.aImg img{ width: 90px;height: 90px;float: left;border-radius: 15px;transition: all 0.3s;}
.smallGameList li a.aImg{ width: 90px;height: 90px;float: left;margin: 15px;border-radius: 15px;overflow: hidden; }
.smallGameList dl{ margin-top: 18px;width: 190px;height: 90px;overflow: hidden;float: left;;}
.smallGameList dl dt{ font-size: 18px;width: 100%;height: 24px;overflow: hidden;  }
.smallGameList dl dd{ font-size: 16px;color: #999999;margin: 8px 0;overflow: hidden;width: 190px;height: 21px;; }
.smallGameList dl dd span{ float: left; }
.smallGameList dl dd em{ margin-left: 5px; margin-top: 2px}
.smallGameList dl dd em.em1{ width: 18px;height: 18px;background-position: -35px -390px;  } 
.smallGameList dl dd em.em2{ width:18px;height:18px;background-position: 0 -390px; } 
.smEntrance{ width: 64px;cursor: pointer;;position: relative;;transition: all 0.3s;height: 30px;border-radius: 5px;text-align: center;background: #e7f3ff;color: #3399fa;float: left;line-height: 28px;margin-top: 43px;font-size: 16px;margin-left: 12px;}
.smallGameList li:hover{ background: #f7f7f7; }
.smallGameList li a.aImg:hover img{ transform: scale(1.2); }
.smallGameList dl dt:hover a{ color: #4ea4ee;text-decoration: underline; }
.smallGameList li:hover .smEntrance{ background: #4ea4ee;color: #fff; }
.smEntrance em{ width: 143px;height: 169px;background-position: 0 -431px;position: absolute;top: 36px;left: -89px;z-index: 555;}
.smEntrance span{ color: #333333;font-size: 14px; }
.smEntrance img{ margin: 0 auto;margin-top: 18px;display: block;max-width: 120px;max-height: 120px; }


/******************** 专区落地下载 ***********************/
.skyhilLeft{ width: 850px;float: left; }
.skyhillBox{ padding-bottom: 50px; }
.skyhiTop img{ width: 140px;height: 140px;border-radius: 20px;float: left;  }
.skyhiTop dl { width: 680px;float: left;margin-left: 30px; }
.skyhiTop dl dt{  width: 645px;height: 31px;overflow: hidden;margin-top: 5px; }
.skyhiTop dl dt a{ font-size: 24px;font-weight: 600;  }
.skyhiTop dl dt span{ line-height: 31px;color: #999999;margin-left: 30px;  }
.skyhiTop dl dd{ float: left;width: 180px;margin-right: 20px;height: 21px;overflow: hidden; }
.skyhiTop dl dd { margin-top: 30px;font-size: 16px; }
.skyhiTop dl dd span{ color: #999999; }
.skyhiMid{ margin-top: 20px;height: 90px;overflow: hidden;width: 100%; }
.skyhiMid p{ line-height: 30px;font-size: 16px; }
.skyhiBom{ display: flex;justify-content: space-between;width: 850px;margin-top: 20px; }
.skyhiBom a{ color: #fff;width: 412px;height: 50px;line-height: 50px;display: flex;justify-content: center;background: #03b57c ;border-radius: 5px;}
.skyhiBom a em.em1{ width: 18px;height: 18px;background-position: -160px -50px; margin: 16px 10px; }  
.skyhiBom a em.em2{ width: 14px;height: 18px;background-position: -200px -50px;margin: 16px 10px; }
.skyhiBom a span{ font-size: 18px;transition: all 0.3s; }
.skyhiBom a.a2{ background: #3399fa; }
.skyhillBox dl dt a:hover{ text-decoration: underline;color: #3399fa; }
.skyhiBom a:hover span{ font-size: 22px; }

.lopsideList li{ padding: 22px 0;border-bottom: 1px solid #eeeeee; }
.lopsideList li a.aImg{ width: 100px;height: 100px;border-radius: 15px;overflow: hidden;float: left;}
.lopsideList li a.aImg img{ width: 100px;height: 100px;border-radius: 15px;transition: all 0.3s;}
.lopsideList li a.aImg img:hover{ transform: scale(1.2); }
.lopsideList li dl { width: 510px;float: left;height: 97px;overflow: hidden;margin-left: 20px;margin-top: 8px; }
.lopsideList li dl dt{ width: 510px;height: 25px;line-height: 25px;overflow: hidden; }
.lopsideList li dl dt a h2{ font-size: 20px;float: left;margin-right: 30px;  } 
.lopsideList li dl dt a h2:hover{ text-decoration: underline;color: #3399fa; }
.lopsideList li dl dt a span{ font-size: 14px; }
.lopsideList li dl dd{ margin-top: 10px;line-height: 28px; }
.lopsideList li dl dd p{ color: #333333; font-size: 16px;}
.lopsideList li dl dt a span{ height: 22px;line-height: 22px;padding: 0 8px;display: block;float: left;transition: all 0.2s; margin-left: 10px;background: #f6f6f6;color: #999999;border-radius: 2px;margin-top: 4px;}
.lopsideList li dl dt a span:hover{ background: #4ea4ee;color: #fff; }
.lopsideList li a.Asidedown{ width: 110px;height: 48px;margin-top: 30px;border-radius: 5px;border: 1px solid #4ea4ee;color: #4ea4ee;text-align: center;line-height: 48px;display: block;float: left;font-size: 18px;float: right;}
.lopsideList li a.Asidedown:hover{ background: #4ea4ee;color: #fff; }

/******************** 最新列表 ***********************/
.newThrLeft{ margin-top: 45px;width: 260px;float: left; }

.tagesList li{ height: 50px;width: 260px;border-radius: 50px;background: #e7f3ff;margin-top: 18px;overflow: hidden;transition: all 0.3s; }
.tagesList li a{ line-height: 50px;font-size: 18px;color: #3399fa;display: block; }

.tagesList li a em{ margin: 15px 12px 16px 20px;width: 25px;height: 22px; }
.tagesList li:hover{ background: #4ea4ee; }
.tagesList li:hover a{ color: #fff;}
.tagesList li:hover b{ color: #fff;}

.tagesList li:nth-child(1) a em{ background-position: -240px -50px; }
.tagesList li:nth-child(2) a em{ background-position: -290px -50px; }
.tagesList li:nth-child(3) a em{ background-position: -480px -50px; margin: 13px 12px 16px 20px; }
.tagesList li:nth-child(4) a em{ background-position: -340px -50px;margin-top: 13px }
.tagesList li:nth-child(5) a em{ background-position: -440px -50px; }
.tagesList li:nth-child(6) a em{ background-position: -390px -50px; }

.tagesList li.hover:nth-child(1) a em{ background-position: -240px -80px; }
.tagesList li.hover:nth-child(2) a em{ background-position: -290px -80px; }
.tagesList li.hover:nth-child(3) a em{ background-position: -480px -80px; }
.tagesList li.hover:nth-child(4) a em{ background-position: -340px -80px; }
.tagesList li.hover:nth-child(5) a em{ background-position: -440px -80px; }
.tagesList li.hover:nth-child(6) a em{ background-position: -390px -80px; }

.tagesList li:hover:nth-child(1) a em{ background-position: -240px -80px; }
.tagesList li:hover:nth-child(2) a em{ background-position: -290px -80px; }
.tagesList li:hover:nth-child(3) a em{ background-position: -480px -80px; }
.tagesList li:hover:nth-child(4) a em{ background-position: -340px -80px; }
.tagesList li:hover:nth-child(5) a em{ background-position: -440px -80px; }
.tagesList li:hover:nth-child(6) a em{ background-position: -390px -80px; }

.tagesList li a b{ font-size: 30px;float: right;margin-right: 20px;margin-top: -2px; color: #3399fa;font-weight: 500; }
.tagesList li.hover a b{ color: #fff; }
.tagesList li.hover{ background: #4ea4ee;  }
.tagesList li.hover a { color: #fff; }
.tagesList li.hover a em.em1{ background-position: -240px -80px; }

.newThrRig{ width: 910px;float: left;margin-top: 15px;margin-left: 30px; }
.newThrRig h2{ float: left;font-size: 20px;font-weight: 600; padding-bottom: 11px;border-bottom: 1px solid #42B2FD; }
.newThrRig h2.one{ width: 720px; }
.newThrRig h2.two{ width: 155px;margin-left: 35px; }
.tripList{ margin-top: 10px; }
.tripList li:nth-child(2n+1){ background: #e7f3ff; }
.tripList li {height: 48px;line-height: 48px;cursor: pointer; }
.tripList li a { font-size: 16px;display: block;float: left; }
.tripList li a span{ float: left;margin-left: 20px; color: #42B2FD;height: 48px;}
.tripList li a p{ float: left;margin-left: 20px; max-width: 585px;overflow: hidden;height: 48px;line-height: 48px;}
.tripList li a p:hover{ text-decoration: underline; }
.tripList li em{ float: right;width: 155px;display: block; background: rgba(21,21,23, 0); }
.tripList li a span:hover{ text-decoration: underline; }
.tripList li:hover{ background: #3399fa;color: #fff; }
.tripList li:hover a{ color: #fff; }
.tripList li:hover a span{ color: #fff; }

/******************** 手游库频道页 *****************/
.sgmain{ width: 100%;margin-top: 20px; }
.banner-pic{ width: 100%;min-width: 1200px; }
.banner-pic .swiper-slide{ width: 1050px;height: 300px;}
.banner-pic .swiper-slide::after{content: '';width: 1050px;height: 300px;background: rgba(0, 0, 13, 0.5);position: absolute;z-index: 600;}
.banner-pic .swiper-slide a img{width: 1050px;height: 300px;}
.banner-pic .swiper-slide-prev::after{content: '';background: rgba(0, 0, 13, 0);}
.banner-pic .swiper-button-next{ width: 22px;height: 40px;background-position: -560px -60px;
/* position: relative;left: 50%; */
}
.banner-pic .swiper-button-prev{ width: 22px;height: 40px;background-position: -520px -60px;
    position: relative;right: 50%;
}
/* 手游库频道页第一模块 */
.sgument{ margin-top: 30px;  }
.breatSwiper{ width: 730px;height: 350px;; }
.breatSwiper .breat-top{float: right;width: 570px; }
.breatSwiper .breat-top img{ width: 570px;height: 350px;; }
.breatSwiper .gallery-thumbs{float: left; width: 160px;height: 350px; }
.breatSwiper .gallery-thumbs .swiper-slide img{ width: 136px;height: 76px;}
.breatSwiper .gallery-thumbs .swiper-slide{ width: 140px;height: 80px;box-sizing: border-box; border: 2px solid #fff; }
.breatSwiper .breat-top .swiper-slide{position: relative;}
.breatSwiper .breat-top a p{width: 93%;padding: 0 20px;line-height: 70px;height: 70px;font-weight: 600;font-size: 18px;color: #fff; position: absolute;bottom: 0px;}

/* 突出的三角形 */
.breatSwiper .gallery-thumbs .swiper-slide-thumb-active{width:140px;height:80px;border: 2px solid #ff5f4a;background-color:#fff;position:relative;}
.breatSwiper .swiper-slide-thumb-active:before, .breatSwiper .swiper-slide-thumb-active:after{width:0px;height:0px;border:transparent solid;position:absolute;left:100%;content:""}
.breatSwiper .swiper-slide-thumb-active:before{border-width:10px;border-left-color: #ff5f4a;top:25px;}
.gumentLeft{ width: 730px;float: left; }
.greatTwe{ margin-top: 20px; }
.njgeList li img{ width: 65px;height: 90px;;  }
.sgremssage{ position: relative;width: 285px;height: 430px;float: left; }
.sgremssage { position: relative; }
.sgremssage .gallery-top2 a{ position: relative; }
.sgremssage .gallery-top2 img{ width: 285px;height: 430px; }
.sgremssage .gallery-top2 .swiper-slide::after{ content: '';display: block;z-index: 5;width: 100%;height: 146px;background: rgba(0 , 0, 0, 0.4);position: absolute;bottom: 0;}
.sgremssage .gallery-top2 a p{ font-size: 22px;text-align: center;width: 265px;line-height: 50px;position: absolute;top: 284px;color: #fefefe;z-index: 20;height: 50px;overflow: hidden;padding: 0px 10px;}
.sgremssage .gallery-thumbs2{ width: 268px;top: -97px;}
.sgremssage .gallery-thumbs2 img{ width: 65px;height: 90px;border: 2px solid rgba(0 , 0, 0, 0);box-sizing: border-box;}
.sgremssage .swiper-slide-thumb-active img{ border: 2px solid #ff5f4a }
.sgremRig{ float: left;width: 415px;margin-left: 30px; }
.sgremRig h2{ font-weight: 600;font-size: 24px;text-align: center;color: #ff5c4b; }
.kienRightsgre li p{ width: 498px ; }
.kienRightsgre li{ height: 40px; }

/* 右边文章内容 */
.gumentRit{ width: 440px;float: left;margin-left: 30px; height: 32px;border-bottom: 2px solid #eeeeee; }
.specifyList{ width: 100%;height: 34px;line-height: 34px; }
.specifyList li{ float: left;width: 104px;height: 22px;line-height: 22px;text-align: center;font-weight: 600;font-size: 18px;cursor: pointer;padding-bottom: 10px;display: flex;justify-content: space-around;}
.specifyList li.current{ color: #3399fa;border-bottom: 2px solid #3399fa;}
.specifyList li.current em{ width: 16px;height: 16px;background-position: -60px -115px; }


.matterList{ padding: 10px 0 10px;}
.matterList li{height: 32px;width: 440px;margin-top: 9px;  }
.matterList li .away_men{ display: flex;width: 385px;overflow: hidden;height: 35px;float: left;; }
.matterList li a{ height: 32px;line-height: 32px;font-size: 16px; }
.matterList li a.a1 span{ color: #999999;margin: 0 10px;display: block;max-width: 76px;transition: all 0.1s;margin-right: 9px; }
.matterList li a.a2 p{ color: #333333;transition: all 0.1s;margin-left: 10px; width: 225px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;float: left;color: #747474;}
.matterList li img{ width: 20px;height: 20px;border-radius: 5px;margin-top: 7px;margin-left: 12px;float: left; }

.matterList li em.em1{ width: 8px;height: 8px;margin-left: 6px;margin-right: 7px;display: block;background: #eeeeee;border-radius: 2px;margin-top: 13px; }
.matterList li b{ width: 1px;height: 12px;background: #999999;display: block;margin-top: 11px; }
.matterList li em.em2{ width: 45px;height: 21px;margin-top: 5px;float: right;;background-position: -420px 0;text-align: center; color: #999999;font-size: 12px;line-height: 27px;overflow: hidden;}

.matterList{ border-top: 1px solid #eee; }
.matterList li a.a2 p:hover{ color: #ff535b; }
.matterList li a.a1 span:hover{ color: #ff535b; }

.matterList2 li a.a2 p:hover{ color: #FF9B4A; }
.matterList2 li a.a1 span:hover{ color: #FF9B4A; }
.matterList3 li a.a2 p:hover{ color: #FF67B9; }
.matterList3 li a.a1 span:hover{ color: #FF67B9; }

.matterList1 li:nth-child(5n+5) { border-bottom: 1px solid #eeeeee;padding-bottom: 8px; }
.matterList2 li:nth-child(5n+5) { border-bottom: 1px solid #eeeeee;padding-bottom: 8px; }
.matterList3 li:nth-child(5n+5) { border-bottom: 1px solid #eeeeee;padding-bottom: 8px; }
.matterList li:last-child{ border-bottom: 0; }
.matterList1 li.hover em.newlogo{width: 21px;height: 22px;background-position: -100px -115px;margin-top: 5px; }
.matterList1 li:hover em.newlogo{width: 21px;height: 22px;background-position: -100px -115px;margin-top: 5px; }
.matterList2 li.hover em.hotlogo{width: 21px;height: 22px;background-position: -140px -115px;margin-top: 5px; }
.matterList2 li:hover em.hotlogo{width: 21px;height: 22px;background-position: -140px -115px;margin-top: 5px; }
.matterList3 li.hover em.remlogo{width: 21px;height: 22px;background-position: -180px -115px;margin-top: 5px; }
.matterList3 li:hover em.remlogo{width: 21px;height: 22px;background-position: -180px -115px;margin-top: 5px; }
.skHotLable{ width: 440px;margin-top: 0; }
.skHotLable .lableLeft{ float: right; background: #65c479 ; }
.skHotLable .lableRig{float: left;width: 360px;margin-top: -9px;height: 158px;overflow: hidden;}
.skHotLable li{width: 119px;}

/*  快速找游戏 */
.quickList{ font-size: 18px;width: 1200px;height: 321px;overflow: hidden; }
.quickList li{ margin-top: 20px;float: left;margin-left: 22px;border: 1px solid #eeeeee;  }
.quickList li a{ display: block;width: 220px;height: 85px;; }
.quickList span{ background: #ff6c6c;color: #fff; }
.quickList span,
.quickList em{ font-size: 18px;width: 110px;overflow: hidden;;height: 42px;border-bottom: 1px solid #eeeeee;display: block;float: left; line-height: 42px;text-align: center;}
.quickList em{ color: #333333; }
.quickList p{ text-align: center;line-height: 44px;overflow: hidden;height: 44px;}
.quickList em:hover{ text-decoration: underline;color: #ff5566; }
.quickList p:hover{ text-decoration: underline;color: #f08b8b; }
.quickList li:nth-child(1) span{ background: #ff5566; }
.quickList li:nth-child(2) span{ background: #ff765f; }
.quickList li:nth-child(3) span{ background: #ffc041; }
.quickList li:nth-child(4) span{ background: #37bd9c; }
.quickList li:nth-child(5) span{ background: #2cb7ec; }
.quickList li:nth-child(6) span{ background: #5aa1ff; }
.quickList li:nth-child(7) span{ background: #b193ff; }
.quickList li:nth-child(8) span{ background: #ff85cd; }
.quickList li:nth-child(9) span{ background: #ff944c; }
.quickList li:nth-child(10) span{ background: #8dc153; }
.quickList li:nth-child(11) span{ background: #00cd96; }
.quickList li:nth-child(12) span{ background: #ff55b5; }
.quickList li:nth-child(13) span{ background: #53c4ff; }
.quickList li:nth-child(14) span{ background: #e073ff; }
.quickList li:nth-child(15) span{ background: #31bca4; }
.quickList li:nth-child(5n+1){ margin-left: 0; }

/*  */
.sykrenList{ width: 100%;height: 54px;border-bottom: 1px solid #eeeeee;overflow: hidden; }
.sykrenList li{ cursor: pointer;float: left;transition: all 0.3s;text-align:center;text-align: center;left: 54px; width: 142px;font-size: 18px;line-height: 54px;border-left: 1px solid #eeeeee;border-top: 1px solid #eeeeee;border-bottom: 1px solid #eeeeee;font-size: 18px;transition: all 0;background: #eeeeee;}
.sykrenList li:last-child{ border-right: 1px solid #eeeeee; }
.sykrenList li.current{ color: #fcfcfc;font-weight: 600;background: #4ea4ee;}
.sykrenList li:hover{ color: #fcfcfc;font-weight: 600;background: #4ea4ee;}

.muhoyiList li{ padding: 18px 0; }
.muhoyiList a.aImg{ display: block;float: left;width: 140px;height: 140px;border-radius: 20px;overflow: hidden;  }
.muhoyiList a img{ width: 140px;height: 140px;overflow: hidden;transition: all 0.3s;  }
.muhoyiList a img:hover{ transform: scale(1.2); }
.muhoyiList dt a em{ width: 22px;color: #fff;height: 25px;background-position: -230px -110px;text-align: center;line-height: 25px;  }
.muhoyiList dt a h2{ font-weight: 600;font-size: 20px;margin-left: 5px;float: left; }
.muhoyiList dl{ float: left;width: 550px;height: 140px;margin-left: 24px;margin-top: 2px; }
.muhoyiList dl dd{ margin-top: 5px;line-height: 20px; }
.muhoyiList dl dd span{ color: #999999; }
.muhoyiList dl dd.cont1{ width: 550px;height: 20px;overflow: hidden; }
.muhoyiList dl dd.cont1 span{ margin-right: 30px; }
.muhoyiList dl dd.cont2{ width: 100%;height: 40px;overflow: hidden; }

.muhoyiList dl dd.cont3 { margin-top: 5px; }
.muhoyiList dl dd.cont3 a{ font-size: 14px;height: 30px;display: block;border-radius: 5px ;float: left;padding: 0 12px;margin-top: 5px;line-height: 30px;background: #e8f4ff;color: #3399fa;text-align: center;margin-right: 10px; }
.muhoyiList dl dd.cont3 em{ margin: 8px 5px 0 0; }
.muhoyiList dl dd.cont3 a:nth-child(1) em{ width: 15px;height: 14px;background-position: -270px -120px; }
.muhoyiList dl dd.cont3 a:nth-child(2) em{ width: 15px;height: 15px;background-position: -300px -120px; }
.muhoyiList dl dd.cont3 a:nth-child(3) em{ width: 15px;height: 15px;background-position: -330px -120px; }
.muhoyiList dl dd.cont3 a:nth-child(4) em{ width: 15px;height: 14px;background-position: -365px -120px; }
.muhoyiList dl dd.cont3 a:nth-child(2){ background: #ffeaec;color: #fe5c6f; }
.muhoyiList dl dd.cont3 a:nth-child(3){ background: #e6fff6;color: #2dbd88; }
.muhoyiList dl dd.cont3 a:nth-child(4){ background: #ffc8b6; color: #ff7132;}
.muhoyiList dt a h2:hover{ color: #ff6c6c;text-decoration: underline; }
.muhoyiList dd a{ transition: all 0.2s; }
.muhoyiList dd a:hover{  color: #ff6c6c;text-decoration: underline;  } 

.parnsh{ float: right;width: 100px;height: 116px;background-position: -500px -480px;margin-top: 15px; }
.parnsh{ padding-top: 7px; }
.parnsh p{ color: #999999; text-align: center;margin-top: 5px;overflow: hidden; }
.parnsh p.p1{ text-align: center;font-size: 18px; }
.parnsh p.p2{ font-size: 16px; text-align: center;}
.parnsh p.p3{ font-size: 30px; font-family: fantasy; }

.muhoyiList li{ border-bottom: 1px solid #eee; }
.ppleNxo{ margin-top: 44px; }

.parunListkes li dl dd.cont1{ height: 34px;}
.parunListkes li dl dd.cont1 span a{ color: #999999; }
.parunListkes li dl dd.cont1 span:hover{  background: #ff6c6c;border: 1px solid #ff6c6c;color: #ffffff; } 
.parunListkes li dl dd.cont1 span:hover a{color: #ffffff; }
.parunListkes li dl dd.cont1 em{ float: right;color: #999999; padding: 0 15px;transition: all 0.3s ;display: block;border-radius: 30px;display: block; height: 30px;line-height: 30px;border: 1px solid #eeeeee;margin-left: 20px;}
.parunListkes li dl dd.cont1 i{ float: right;font-style: normal;transition: all 0.3s ;display: block;border-radius: 30px;display: block; height: 30px;line-height: 30px;border: 1px solid #eeeeee;margin-left: 20px;}
.parunListkes li dl dd.cont1 i a{ display: block;color: #999999;width: 100%;height: 100%; padding: 0 18px;transition: all 0.3s }
.parunListkes li dl dd.cont1 i:hover{ background: #ff6c6c;border: 1px solid #ff6c6c;}
.parunListkes li dl dd.cont1 i:hover a{color: #ffffff; }
.parunListkes li dl dd.cont1 em b{ width: 18px;height: 19px;background-position: -250px -340px;margin: 7px 8px 0 0;}
.parunListkes li h2 a{ transition: all 0.2s; }
.parunListkes li h2 a:hover{ color: #ff6c6c; }
.parunListkes li dl dt a:hover{ color: #ff6c6c; }

/* 右边 */
.nawasgList li{ margin-top: 10px; width: 300px;overflow: hidden;border-bottom: 1px solid #eeeeee;padding-bottom: 5px;}
.nawasgList li a.aImg{ float: left;width: 160px;height: 90px;border-radius: 5px;overflow: hidden; float: left;padding-bottom: 4px; }
.nawasgList li a img{ float: left;width: 160px;height: 90px;border-radius: 5px;transition: all 0.3s; }
.nawasgList li a img:hover{ transform: scale(1.2); }
.nawasgList dl{ width: 120px;height: 90px;float: left;margin-left: 20px;margin-top: 5px; }
.nawasgList dl dt a{ font-size: 16px;width: 300px;line-height: 20px;height: 20px;width: 120px;overflow: hidden;font-size: 16px; }
.nawasgList dl dd a{ width: 70px;font-size: 14px;height: 30px;display: block;border-radius: 5px;float: left;padding: 0 10px;line-height: 30px;background: #3399fa;color: #fff;text-align: center;margin-right: 10px;margin-top: 25px;}
.nawasgList li p em{width: 11px;height: 11px;transition: all 0.2s;background-position: -125px -365px;margin-top: 9px;z-index: 555; }
.nawasgList li p a{ margin-left: 8px;width: 280px;height: 30px;line-height: 30px;float: left;text-overflow: ellipsis;white-space: normal;overflow: hidden; }
.nawasgBom{ margin-top: 5px; }
.nawasgList li p:hover a{ color: #ff535b; }
.nawasgList li p:hover em{ background-position: -125px -340px;  }
.nawasgList dl dt a:hover{ color: #ff535b;text-decoration: underline; }
.ncksigList{ margin-top: 5px; }
.ncksigList li{ width: 88px;height: 35px;overflow: hidden;;line-height: 35px;border-radius: 2px ;margin: 10px 0 10px 18px;float: left;transition: all 0.3s;text-align: center;background: #e7f3ff;color: #3399fa;}
.ncksigList li a{ color: #3399fa;font-size: 16px; } 
.ncksigList li:nth-child(3n+1){ margin-left: 0; }
.ncksigList li:hover{ background: #4ea4ee; }
.ncksigList li:hover a{ color: #fff}
.nawasgList dl dd a:hover{ text-decoration: underline; }

/************** 手游落地页  ***************/

.sildLeft{ float: left;width: 300px;}
.morokBox .Dimg{ width: 180px;height: 180px; margin: 15px auto;border-radius: 30px;overflow: hidden;}
.morokBox img{display: block;width: 180px;height: 180px;border-radius: 30px;transition: all 0.3s;}

.morokBox img:hover{ transform: scale(1.2); }
.morokBox h1{ font-size: 24px;font-weight: 600;width: 300px;height: 30px;line-height: 30px;overflow: hidden;text-align: center; }
.morkDonw{ background: #25c88a;width: 300px;height: 50px;border-radius: 5px;margin-top: 20px;position: relative; }
.morkDonw a{ display: block; width: 300px;height: 50px;}
.morkDonw1{ background: #3398ff;  }
.morkDonw2{ background: #f9b146;  }
.morkDonw p{ font-size: 18px;text-align: center;margin: 0 auto;width: 125px;color: #fff;padding-top: 12px;}
.morkDonw p .em1{ width: 18px;height: 18px;background-position: -160px -50px;margin: 3px 5px 0 0; }
.morkDonw p .em2{ float: right; }
.morkDonw em.em2{ float: right;margin-top: -26px;width: 30px;height: 30px;background-position: -150px -155px;margin-right: 9px;}
.morkDonw1 em.em1{background-position: -50px -150px;}
.morkDonw1 em.em2{background-position: -100px -155px;}
.morkDonw2 em.em1{background-position: 0px -150px;width: 19px;height: 18px;margin-top: 4px;}
.morkDonw2 em.em2{background-position: -200px -155px;margin-top: -22px;}
.morkDonw em.codehide{ display: block;width: 164px;height: 156px;background: url(/static/images/cn_bg2.png) no-repeat 0 -440px;position: absolute ;left: 102%; top: 6px;z-index: 555;;}
.morkDonw em.codehide img{ width: 125px;height: 125px; text-align: center;border-radius: 2px;margin-left: 24px;}

.morokBox table{ margin-top: 20px; }
.morokBox table tr{ background: #f5f5f5;height: 50px;line-height: 50px;font-size: 16px;}
.morokBox table tr td{ text-align: center;overflow: hidden;}
.morokBox table tr:nth-child(2n+1){ background: #e4f2ff;}
.morokBox table tr td:nth-child(1){ width: 112px; }
.morokBox table tr td:nth-child(2){ width: 188px; }
.morokBox table tr td em{ margin-top: 16px; }
.morokBox table tr td em.em1{ width: 18px;height: 18px;background-position: -57px -47px; margin-right: 10px;}
.morokBox table tr td em.em2{ width: 18px;height: 17px;background-position: -60px -80px; }
.morokBox table tr td a{float: left;min-width: 50px;height: 22px;margin-top: 0px;border: 1px solid #3399fa;color: #3399fa;transition: all 0.3s;text-align: center;line-height: 22px;border-radius: 20px;margin:3px 0 3px 0;margin-left: 8px;}
.morokBox table tr td a:hover{ background: #3399fa;color: #fff; }

.sildRig{ float: left;width: 870px;margin-left: 30px;}
.sgmessBox{ width: 870px;margin-top: 30px; }
.skartList{ width: 870px; margin-top: 20px;}
.skartList li{ width: 420px;line-height: 42px;overflow: hidden;float: left;  }
.skartList li:nth-child(2n){ margin-left: 30px; }
.skartList li a em{ width: 11px;height: 11px;transition: all 0.3s;background-position: -125px -365px;margin-top: 16px;position: absolute;z-index: 555;  }
.skartList li a p{ margin-left: 25px;text-overflow: ellipsis;white-space: nowrap;;float: left;width: 310px;height: 42px;line-height: 42px;overflow: hidden;transition: all 0.3s; }
.skartList li a span{  width: 42px;height: 21px;margin-top: 9px;background-position: -420px 0;float: right;text-align: center;color: #999999;font-size: 12px;line-height: 27px;overflow: hidden; }
.skartList li:hover a{ color: #ff535b;}
.skartList li:hover a p{ color: #ff535b; text-decoration: underline; }
.smgloadList li:hover{ background: #f5f5ff; }

/* 游戏下载 */
.smgloadList li{ margin-top: 8px;line-height: 45px;border-bottom: 1px solid #eeeeee; }
.smgloadList li a.a1{ width: 220px;display: block;float: left;margin-left: 10px;overflow: hidden;height: 45px;}
.smgloadList li span{ margin-left: 45px;width: 200px;display: block;float: left;overflow: hidden; }
.smgloadList li a.a2{ float: right;width: 52px;height: 24px;margin-top: 7px;border: 1px solid #3399fa;color: #3399fa;transition: all 0.3s;margin-left: 10px;text-align: center;line-height: 24px;border-radius: 5px;}
.smgloadList li a.a1:hover{ text-decoration: underline;color: #ff535b; }
.sgvide{ position: relative; cursor: pointer;}
.sgvide img{ width: 100%;display: block;margin: 25px auto; } 
.sgvide em{ width: 96px;height: 96px;transition: all 0.3s;position: absolute;top: 50%;left: 50%;margin-left: -48px;margin-top: -48px;;background-position: -150px -500px;}
.sgvide:hover em{ transform: rotate(270deg); }

.zregionList{ float: right; }
.zregionList li { float: left;margin-top: 30px;width: 80px;text-align: center;margin-left: 10px; }
.zregionList li a{ font-size: 16px;display: block;transition: all 0.3s; }
.zregionList li em{ display: block;width: 40px;transition: all 0.3s;height: 40px;background: url(/static/images/cn_bg6.png) no-repeat ;margin-left: 20px;margin-bottom: 5px; }
.zregionList li em.em1{ background-position: -380px -150px ;  }
.zregionList li em.em2{ background-position: -520px -150px ; }
.zregionList li em.em3{ background-position: -90px -220px ;  width: 45px; }
.zregionList li em.em4{ background-position: -450px -150px ;  }
.zregionList li em.em5{ background-position: -0px -220px ; width: 50px; }
.zregionList li:hover a{ color: #ff6900;  }
.zregionList li:hover em.em1{ background-position: -380px -200px ; }
.zregionList li:hover em.em2{ background-position: -520px -200px ; }
.zregionList li:hover em.em3{ background-position: -90px -290px ;  width: 45px; }
.zregionList li:hover em.em4{ background-position: -450px -200px ;  }
.zregionList li:hover em.em5{ background-position: -0px -290px ; width: 50px; }
.zregionList li.hover a{ color: #ff6900;  }
.zregionList li.hover em.em1{ background-position: -380px -200px ; }
.zregionList li.hover em.em2{ background-position: -520px -200px ; }
.zregionList li.hover em.em3{ background-position: -90px -290px ;  width: 45px; }
.zregionList li.hover em.em4{ background-position: -450px -200px ;  }
.zregionList li.hover em.em5{ background-position: -0px -290px ; width: 50px; }