a{ text-decoration: none;color: #333333  }
i.twinkle{ width: 100%;height:100%;background: #ffffff;display: block;position: absolute;top:0;opacity: 0; }
i.twinkle:hover{ opacity: 0.1; }
.zf-sy-al{ margin-top: 28px;background: #ffffff;padding: 18px 10px 8px 15px; }
.wecom-lunbo{ width: 398px;height: 234px;float: left;; }
.wecom-lunbo .swiper-wrapper img{ width: 398px;height: 234px;; }
.wecom-lunbo .swiper-slide span { display: block;text-align: left;padding-left: 5px;;overflow: hidden;;background: url(../dximages/images/bg31.png) repeat-x 0 -100px;width: 398px;height:34px;position: absolute;bottom: 0px;left: 0;line-height: 34px;color: #ffffff}
.wecom-lunbo .swiper-slide span p{ width: 310px;overflow: hidden;height: 34px;}
.wecom-lunbo .swiper-slide span:hover p{ text-decoration: underline }
.wa-cs-list{ width: 533px;float: left;height:234px;}
.wa-cs-list li{ width:162px;height: 108px;margin-left:15px;float: left;position: relative;}
.wa-cs-list li img{ width: 162px;height: 108px;display: block; }
.wa-cs-list li span{display: block;text-align: left;padding-left: 5px;;overflow: hidden;;background: url(../dximages/images/bg31.png) repeat-x 0 -104px;width: 157px;height:22px;position: absolute;bottom: 0px;left: 0;line-height: 22px;color: #ffffff  }

.me-ga-hide { position: absolute;top: 0;left: 0;width: 162px;height: 108px;background: rgba(0, 0, 0, 0.5) ;opacity: 0; }
.me-ga-hide a{ display: block;width: 162px;height: 99px;color: #ffffff;text-decoration: none;}
.me-ga-hide p{font-size: 12px; }
.me-ga-hide p.p1{ margin: 9px ;border-left:2px solid #ffffff;padding-left: 9px; height: 35px;width: 133px;overflow: hidden; }
.me-ga-hide p.p2{ width: 133px;height: 17px;line-height: 17px;margin-top: 22px;margin-left: 9px;overflow: hidden; }
.me-ga-hide p.p3{  width: 133px;height: 17px;line-height: 17px; overflow: hidden;margin-left: 9px;margin-top: 5px;}
.me-ga-hide p b{ width: 21px;height: 21px;display: block;background: url(../dximages/images/bg44.png) no-repeat ;float: left;}
.me-ga-hide p.p1 b{background-position: 0 0 }
.me-ga-hide p.p2 b{background-position: -30px 0px}
.wa-cs-list li:hover .me-ga-hide{ opacity: 1; }
.wa-cs-list li:hover .me-ga-block span{ opacity: 0; }
.wa-cs-list li.last{ margin-top: 15px; }
.wa-cs-list li:nth-child(n+4){ margin-top: 18px; }
/* 热播榜 */
.hot-bang{ width: 230px;height: 242px;float: left;margin-left: 14px; }
.hot-bang h2{ font-size: 20px;font-weight: 600 }
.xc-zf-list li{position: relative; width: 230px;height: 60px;margin-top: 11px;margin-left: 2px;;  }
.xc-zf-list li:first-child{ margin-top: 12px; }
.xc-zf-list li a.a-img{ float: left;width: 78px;height: 54px;overflow: hidden;position: absolute} 
.xc-zf-list li i{ width:26px;height: 18px;text-align: center;font-size: 12px;line-height: 18px;position: absolute;top: -2px;left: -2px;color: #ffffff;font-style: normal;z-index: 11;  }
.xc-zf-list li i.i1{ background: #FF3333 }
.xc-zf-list li i.i2{ background: #FF6633 }
.xc-zf-list li i.i3{ background: #FFCC66 }
.xc-zf-list li a.a-img img{ width: 78px;height: 54px;transition: all 1s;overflow: hidden;position: absolute; }
.xc-zf-list li a.a-img img:hover{ transform: scale(1.3)  }
.fs-ol-nav{ width: 138px;position: absolute;left: 88px;; }
.fs-ol-nav a{ text-decoration: none;color:#333333;width: 146px;height: 36px;overflow: hidden;display: block;line-height: 18px; }
.fs-ol-nav b{ width: 12px;height: 10px;display: block;float: left;background: url(../dximages/images/bg44.png) no-repeat -85px 0;margin-top: 5px; }
.fs-ol-nav em{ margin-left: 5px; margin-top: 5px;color: #999999;font-size: 12px;}
.fs-ol-nav a:hover{ text-decoration: underline;color: #FF6900 }
/* 推荐视频 */
.re-conmen-vid{ margin-top: 20px;padding: 15px 10px 40px 15px;background: #ffffff  }
.new-pre-ve{ width: 100%;border-bottom: 1px solid #F2F2F2;height: 39px;;  }
.new-pre-ve li{ font-size: 20px;float: left;margin-left: 42px; padding: 0 4px;cursor: pointer;}
.new-pre-ve li:first-child{ margin: 0 }
.new-pre-ve li.current{ border-bottom:3px solid #FF6900;padding-bottom: 11px ; }
.dh-hgroup{margin-top: 18px;}
.dh-hgroup p{ float: left; color: #999999; font-size: 16px;}
.dh-hgroup p em{ color: #FF6900; }
.dh-hgroup dl{ float: right;}
.dh-hgroup dl dt{ float: left;line-height: 25px;color: #999999;margin-right: -5px  }
.dh-hgroup dl dd{ float: left;margin-left: 18px; }
.dh-hgroup dl dd a{ display: block;width: auto;height: auto;padding:3px 4px;border-radius:2px;text-decoration: none;color: #333333   }
.dh-hgroup dl dd a.hover{ background: #FF6900;color: #ffffff; }

.total-vide{margin-top: 16px;}
.vide-details{ width: 202px;height: 178px;float: left;margin-left: 40px;position: relative;margin-top: 17px;}
.vide-details:nth-child(n+8){ margin-top: 25px; }
.vide-details:nth-child( 5n+2 ){ margin-left:0  }
.vide-details:first-child{ margin-left:0  }
.total-vide li:first-child{margin-left: 0}
.total-vide li.one{ margin-left: 0 }
.vide-details a{ text-decoration: none;color: #180f0f }
.vide-details img{ width: 202px;height: 127px;}
.vide-details span.span1{ position: absolute;top: 103px;left: 145px;width: 48px;height: 20px;z-index: 11;;background: rgba(0, 0, 0, 0.7);text-align: center;line-height: 20px;color: #ffffff;font-size: 12px; }
.vide-details p.p2{ width: 202px;height: 22px;line-height: 22px;overflow: hidden;margin-top: 5px;margin-bottom: 5px;; }
.com-pile{ width: 202px;height: 22px; }
.com-pile b{ display: block;float: left;width: 16px;height: 16px;background: url(../dximages/images/bg44.png) no-repeat -60px 0; }
.com-pile em{ font-size: 12px;float: left;color: #999999;margin-left: 8px; }
.com-pile span{ float: right;font-size: 12px;color: #999999 }
.ma-sking{opacity: 0;}
.ma-sking i{ display: block;position: absolute;left: 0px;top: 0px;width: 202px;height: 126px;padding-top: 2px; background: rgba(0, 0, 0, 0.3); }
.ma-sking b{ width: 42px;height: 42px;display: block;background: url(../dximages/images/bg44.png) no-repeat -50px -30px;position: absolute;top: 42px;left: 80px;  }
.ma-sking p{ width: 190px;height: 40px;font-size: 14px;line-height: 20px;overflow: hidden;color: #FF6900;padding: 7px 5px 0 7px; display: none }
.vide-details:hover{ box-shadow: 1px 3px 5px rgba(228, 228, 228, 1); }
.vide-details:hover .com-pile{display: none}
.vide-details:hover .ma-sking{ opacity: 1;}
.vide-details:hover .ma-sking p{ display: block}
.su-show{ width: 175px;height: 151px;transition: all 0.5s; }
.vide-details:hover .su-show{ transform: scale(0.92) }
.vid-page{width:100%; text-align:center; margin-top:40px;}
.vid-page a{height:38px; line-height:38px; display:inline-block; color:#7F7F7F; text-decoration:none; border:1px solid #CCCCCC; padding:0px 15px; background:#FFFFFF; font-size:14px; margin-left:15px;}
.vid-page a.currentPage{color:#FF6900; border:1px solid #FF6900;}
.vid-page a:hover{color:#FF6900; border:1px solid #FF6900;}
.vid-page a:hover.numa{color:#666666; background:none; border:1px solid #CCCCCC; text-decoration:underline; background:#FFFFFF; font-weight:normal;}

/*****************************    *************************/

.hn-yp-sg{ width: 100%;height: 102px;box-shadow: 0px 6px 6px rgba(242, 242, 242, 1);; }
.ndo-san{float: left;width: 396px;height: 60px;border-left:1px solid #cccccc;margin-top: 20px;}
.ndo-san2{width: 432px;}
.ndo-san3{width: 366px;}
.ndo-san:first-child{border: 0}
.ndo-san dl{display: block;width: 100%;height:20px;line-height: 20px;margin-top: 20px;min-width: 405px; ;}
.ndo-san dl dt{float: left;font-weight: 600; margin-left: 40px;}
.ndo-san dl dd{float: left;margin-left: 29px;width: 72px;height: 20px;overflow: hidden;;}
.ndo-san dl:first-child{margin-top: 0;}
.ndo-san dl dd a{ text-decoration: none;color: #333333;}
.ndo-san:first-child dl dt{ margin-left: 0 }
.ndo-san dl dd a:hover{ color: #FF6900; }

/* 赛事预告 */
.vi-to-tj{ margin-top: 40px; }
.ro-vi-hd{float: left;width: 957px;height: 360px;  }
.ro-vi-hd h2{ font-size: 24px;color: #333333 }
.cj-vi-ig{margin-top: 20px;}
.cj-vi-ig a{ display: block;float: left;width: 563px;height: 320px;position: relative; }
.cj-vi-ig a img{ width: 563px;height: 320px;}
.cj-vi-ig p{ position: absolute;top:272px;left: 0;color: #FFFFFF;width: 563px;height: 48px;line-height: 48px;background: rgba(0, 0, 0, 0.5); }
.cj-vi-ig p b{ width: 48px;height: 50px;display: block;float: left;background: url(../dximages/images/bg44.png) no-repeat -110px -30px;margin-top: -1px; margin-right: 15px;  }

.in-phon-hy{ float: left;width: 390px;height: 320px;; }
#ax_default{ margin-left:18px;margin-top: 0 ;width: 175px;height: 150px;float: left;}
#ax_default img{ width: 175px;height: 100px; }
#ax_default .ma-sking i{ width: 175px;height: 98px;; }
#ax_default span.span1{ top: 78px;left: 120px;;  }
#ax_default .ma-sking b{ top: 30px;left: 67px;;  }
#ax_default .com-pile{ width: 175px; }
#ax_default p.p2{ width: 175px; }
#ax_default .com-pile em{ width: 175px;height: 16px;overflow: hidden;margin-top: -3px ; }
#ax_default:hover .com-pile{ display: block}
#ax_default:hover .com-pile p.p2{ color: #FF6900}
#ax_default:nth-child(n+3){ margin-top: 20px; }
/* 赛事预告 */
.eve-cast{ float: right;margin-top: 12px }
.td-fd-sa b{ width: 80px;height: 30px;display: block;float: left;background: url(../dximages/images/bg44.png) no-repeat -110px 0; }
.td-fd-sa a{ float: right;color: #999999;text-decoration: none;line-height: 30px; }
.td-fd-sa a:hover{ color: #FF6900;}
.re-vg-list{ margin-top: 9px;   } 

.re-vg-list li{ width: 234px;height: 64px;margin-top: 14.5px;}
.re-vg-list li:first-child{ margin-top: 0 }
.re-vg-list li a.a1{ display: block;width: 62px;height: 36px;overflow: hidden;float: left;; }
.re-vg-list li img{ width: 62px;height: 36px;float: left;transition: all .5s;  }
.re-vg-list li a.a2{ float: left;width: 160px;height: 40px;margin-left: 12px;line-height: 18px; }
.yg-lg-nav span{font-size: 12px; color: #999999;line-height: 22px;float: left;display: block;margin-top: 3px}
.yg-lg-nav a{ float: right;text-align: center;line-height: 20px;width: 44px;height: 20px;border: #FF6900 1px solid;border-radius:2px;color: #FF6900;  }

.re-vg-list li img:hover{ transform: scale(1.3) }
.re-vg-list li a.a2:hover{ color: #FF6900;text-decoration: underline } 
.yg-lg-nav a:hover{ color: #FFFFFF;background: #FF6900 }
/* 轮播图 */
#banner .footer i.play {
	width:25px;
	height:25px;
	background-position:-255px 0px;
	background-image:url(../dximages/images/bg44.png);
	background-repeat:no-repeat;
	position:absolute;
	right:10px;
	top:-2px
}
#banner {
	margin-top:65px;
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
	position:relative;
	width:100%;
	height:450px;
	text-align:center;
	z-index:1
}
#banner .bottom-gradient,#banner .top-gradient {
	width:258px;
	left:50%;
	margin-left:365px;
	height:50px;
	position:absolute;
	z-index:3
}
#banner .top-gradient {
	top:0;
	background:linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,0))
}
#banner .bottom-gradient {
	bottom:0;
	background:linear-gradient(0deg,rgba(0,0,0,.2),rgba(0,0,0,0))
}
#banner-wrapper {
	height:100%;
	overflow:hidden;
	position:relative;
	width:100%
}
#banner-left-bg-color {
	position:absolute;
	top:0;
	left:0;
	width:50%;
	bottom:0
}
#banner-right-bg-color {
	position:absolute;
	top:0;
	right:0;
	width:50%;
	bottom:0
}
#banner-wrapper>a>img {
	height:100%;
	width:1920px;
	position:absolute;
	left:50%;
	top:0;
	margin-left:-960px
}
#banner-content {
	position:absolute;
	z-index:3;
	left:0;
	top:0;
	width:100%;
	height:0;
	text-align:center;
	overflow:visible
}
#banner-content .content {
	position:relative;
	height:0;
	overflow:visible
}
#banner .banner-videos {
	position:absolute;
	right:0;
	top:0;
	width:276px;
	height:450px;
	padding:32px 0;
	background:0 0;
	box-sizing:border-box;
	overflow:hidden
}
#banner .banner-videos .banner-videos-wrapper {
	position:absolute;
	right:0;
	top:0;
	width:258px;
	bottom:0;
	overflow:visible;
	background:0 0
}
#banner .transparency {
	position:absolute;
	background:#fff;
	top:0;
	bottom:0;
	z-index:2;
	left:50%;
	margin-left:365px;
	width:258px;
	opacity:.9;
	filter:alpha(opacity=90)
}
#banner .banner-videos .banner-videos-wrapper ul {
	zoom:1;
	height:100%;
	padding:32px 0;
	box-sizing:border-box
}
#banner .banner-videos-wrapper:hover ul li {
	background:0 0
}
#banner .banner-videos::-webkit-scrollbar {
	width:2px
}
#banner .banner-videos::-webkit-scrollbar-track {
	width:2px;
	background-color:#EAEAEA
}
#banner .banner-videos::-webkit-scrollbar-thumb {
	width:2px;
	background-color:#999
}
#banner .banner-videos::-webkit-scrollbar:horizontal {
	display:none
}
#banner .banner-videos ul li {
	padding:10px 12px;
	text-align:left;
	cursor:pointer;
	box-sizing:border-box;
	color:#333;
	font-size:14px
}
#banner .banner-videos ul li .title {
	width:100%;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden
}
#banner .banner-videos ul li.hover {
	background:#fff;
	padding:15px 16px 11px;
	width:276px;
	left:-18px;
	color:#FE8D41;
	height:96px;
	border-left:3px solid #ff9000;
	position:relative
}
#banner .banner-videos ul li.hover .title {
	font-size:16px;
	line-height:20px;
	white-space:normal
}
#banner .banner-videos ul li .footer {
	display:none;
	margin-top:10px
}
#banner .banner-videos ul li.hover .footer {
	display:block;
	position:absolute;
	bottom:10px;
	left:0;
	width:100%;
	padding:0 16px;
	box-sizing:border-box
}
#banner .banner-videos .avatar,#banner .banner-videos ul li .author,#banner i.play {
	vertical-align:middle;
	display:inline-block
}
#banner .banner-videos .avatar {
	width:20px;
	height:20px;
	background-size:cover;
	border:none;
	border-radius:10px;
	margin-right:5px
}
#banner-content .avatar {
	box-sizing:border-box;
	border:2px solid #D8D8D8;
	overflow:hidden
}
#banner-content .avatar img {
	width:100%;
	height:100%
}
.content {
	width:1245px;
	margin:0 auto
}
/* 轮播图end */

/* 精品视频 */
.jpsp-dx{ width: 950px;height: 190px;float: left;margin-top: 35px; }
.jp-sp-vid em{ display: block;float: left;width:426px;height: 1px; ;background: #F2F2F2;margin-top: 9px  }
.jp-sp-vid em.em2{ float: right;   }
.jp-sp-vid span{ text-align: center;width: 98px;display: block;float: left;color: #FF6900    }
.tw-hb-yl{ margin-top: 20px; }
.tw-hb-yl li.one{margin-left: 0;margin-top: 0px;}
#ns-al-sk{ margin-left:18px;margin-top: 0 ;width: 175px;height: 150px;float: left;}
#ns-al-sk img{ width: 175px;height: 100px; }
#ns-al-sk .ma-sking i{ width: 175px;height: 98px;; }
#ns-al-sk span.span1{ top: 78px;left: 120px;;  }
#ns-al-sk .ma-sking b{ top: 30px;left: 67px;;  }
#ns-al-sk .com-pile{ width: 175px; }
#ns-al-sk .com-pile em{ height: 16px;overflow: hidden;margin-top: -1px ; }
#ns-al-sk p.p3{ width: 175px;height: 44px;margin-top: 0 }
#ns-al-sk p.p2{ width: 175px;}

/* 斗蟹精选 */
.sub-heard{margin-top: 24px;}
.sub-heard .img2{float: right;}
.selec-tion{margin-top: 24px;width: 1200px;height: 35px;;}
.selec-tion h2{ font-size: 24px;float: left;   }
.selec-tion ul{ float: left;margin-top: 7px }
.selec-tion ul li{ float: left;width: 44px;height: 24px;text-align: center;margin-left: 30px;line-height: 24px;cursor: pointer;border-radius:2px;font-size: 16px;}
.selec-tion ul li.current{ color: #ffffff;background: #FF6900; }
.selec-tion a{ display: block;float: right;font-size: 16px;color: #999999 }
.selec-tion a:hover{ color: #ff6900 }
.jw-fu-st{ margin-top: -4px; }
#lo-ak-st{ margin-left:18px;margin-top: 0 ;width: 185px;height: 160px;float: left;margin-top: 30px;}
#lo-ak-st img{ width: 185px;height: 110px; }
#lo-ak-st .ma-sking i{ width: 185px;height: 108px;; }
#lo-ak-st span.span1{ top: 87px;left: 129px;;  }
#lo-ak-st .ma-sking b{ top: 33px;left: 71px;;  }
#lo-ak-st .com-pile{ width: 185px; }
#lo-ak-st .com-pile em{ height: 16px;overflow: hidden;margin-top: -1px ; }
#lo-ak-st p.p3{ width: 185px;height: 44px;margin-top: 0 }
#lo-ak-st p.p3:hover{ transition: all 0.3;color: #FF6900 }
#lo-ak-st p.p2{ width: 185px;}
#lo-ak-st:nth-child(6n+1){margin-left: 0}
.mend-total{ width: 100%;height: 590px;background:#357FAE ;overflow: hidden; }
.hot-ren-mend{position: relative;width: 100%;height: 590px;}
.hot-ren-mend1{ background:#357FAE }
.hot-ren-mend2{ background: #7EA3FC }
.ma-xs-con{ margin: 0 auto;width: 1200px;margin-top: -590px;color: #FFFFFF}
.hot-ren-mend img{display: block;width: 100%;height: 590px;margin: 0 auto;}

.from-lot{ 
	background: -webkit-linear-gradient(rgba(255,255,255,0.85 ), rgba(255,255,255,0.4)); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(rgba(255,255,255,0.85 ), rgba(255,255,255,0.4)); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(rgba(255,255,255,0.85 ), rgba(255,255,255,0.4)); /* Firefox 3.6 - 15 */
	background: linear-gradient(rgba(255,255,255,0.85 ), rgba(255,255,255,0.4)); /* 标准的语法 */
	width: 167px;height: 48px;border-bottom-left-radius:15px;border-bottom-right-radius:15px;position: absolute;top: 0;   }
.from-lot b{ float: left; width: 28px;height: 25px;display: block;background: url(../dximages/images/bg44.png) no-repeat -290px 0;margin-top: 12px;margin-left: 23px } 
.from-lot h3{ float: left;color: #333333;font-size: 20px;margin-top: 10px;margin-left: 13px ;font-weight: 600 }
.ma-xs-con h2{ margin-top: 72px;font-size: 28px;color: #ffffff }
.ma-xs-con p{ line-height: 25px;font-size: 16px;margin-top: 8px;width: 500px;height: 25px;overflow: hidden;; }
.game-mold{ position: absolute;z-index: 5;top: 155px;width: 500px;overflow: hidden;}
.game-mold li{ float: left;height: 24px; }
.game-mold a{ color: #ffffff;display: block;padding: 0 5px;height: 24px;float: left;border: 1px solid #ffffff; border-radius:5px;margin-left: 15px;text-align: center;line-height: 24px;}
.game-mold a:first-child{ margin-left: 0}
.ga-ls-go .swiper-button-next{ position: relative;top: -115px;right: -1213px;width: 17px;height: 32px;background: url(../dximages/images/bg44.png) no-repeat -218px -88px;}
.ga-ls-go .swiper-button-prev{ position: relative;top: -137px;left:-36px;width: 17px;height: 32px;background: url(../dximages/images/bg44.png) no-repeat -188px -88px; }
.tro-duce{position: absolute;top: 190px;z-index: 5;  }
.tro-duce li{ float: left;margin-left: 20px;line-height: 24px;width: 195px;height: 24px;margin-top: 5px }
.tro-duce li.one{margin-left: 0}

.view-guge{position: absolute;top:264px;width: 500px;height: 32px;overflow: hidden;}
.view-guge a{display: block;float: left;width: 128px;height: 30px;border: 1px solid #ffffff;margin-left: 30px;border-radius: 30px;text-align: center;line-height: 30px;display: flex;justify-content: center  }
.view-guge a li{float: left;color: #ffffff;text-align: center}
.view-guge a:nth-child(1){margin-left: 0}
.view-guge a  li b{ width: 18px;height: 18px;display: block;float: left;background: url(../dximages/images/bg44.png) no-repeat -330px 0;margin-top: 6px;margin-right: 8px;}
.view-guge a  li b.b1{background-position: -360px 0  }

.view-guge a:hover{ background: #FF6900;border: #FF6900 1px solid }
/* CG欣赏 */
.cg-dx-le{width: 950px;height: 690px;margin-top: 75px;margin-bottom: 20px;float: left; }
.cg-xs-xs{height: 206px;width: 950px;;}
.tit-dx-le{ height: 35px;line-height: 35px; }
.tit-dx-le b{width: 32px;height: 30px;display: block;float: left; background: url(../dximages/images/bg44.png) no-repeat ;  }
.tit-dx-le b.b1{ background-position: -170px -50px;}
.tit-dx-le b.b2{ background-position: -220px -50px;}
.tit-dx-le b.b3{ background-position: -255px -50px;}
.tit-dx-le h2{ float: left;margin-left: 20px;font-size: 24px;  }
.tit-dx-le a{ float: right;font-size: 16px;color: #999999  }
.tit-dx-le a:hover{ color: #FF6900 }
.qczl-list{float: left;margin-top: 6px;}
.qczl-list li{float: left;margin-left: 30px;font-size: 16px;text-align: center;line-height: 24px;cursor: pointer; }
.qczl-list li.current{ background: #FF6900;color: #FFFFFF;padding: 1px 4px;border-radius:2px;   }
.dx-yc-vie{ margin-top: 35px; }
/* 欣赏右边 */
.cj-xs-phb{ float: right;width: 233px;height: 690px;margin-top: 75px; }
.rank-top h2{ font-size: 24px;float: left;line-height: 35px;  }
.rank-top span{ color: #999999;float: left;display: block;font-size: 18px;margin-left: 10px;margin-top: 7px}
.cjs-king-list li.top-three{ margin-top: 25px; }
.cjs-king-list li:first-child{margin-top: 20px;}


.top-three a.a-img{ display: block;float: left;width: 74px;height: 50px; position: relative;}
.top-three a.a-img img{ width: 74px;height: 50px;}
.top-three a.a-img i{ position: absolute;z-index: 5;;left: 0;top: 0;width: 26px;height: 18px;font-size: 12px;text-align: center;line-height: 18px;display: block;color: #FFFFFF;font-style: normal  }
.top-three a.a-img i.i1{ background: #FF3333 }
.top-three a.a-img i.i2{ background: #FF6633 }
.top-three a.a-img i.i3{ background: #FFCC66 }

.king-right{ float: left;margin-left: 10px  }
.king-right a{ display: block;width: 147px;height: 36px;line-height: 18px;overflow: hidden;; }
.king-right a:hover{ color: #FF6900 }
.king-right b{ display: block;float: left;width: 12px;height: 10px;background: url(../dximages/images/bg44.png) no-repeat -385px 0;margin: 4px 5px 0 0 }
.king-right span{ float: left;color: #999999;font-size: 12px; }

.cjs-king-list li{ margin-top: 30px; }
.cjs-king-list li em{ display: block;float: left;width: 22px;height: 22px;text-align: center;background: #98A6BA;line-height: 22px;font-size: 12px;color: #FFFFFF;border-radius: 22px; }
.cjs-king-list li p{ height: 22px;margin-left: 10px;float: left;width: 197px;line-height: 22px;overflow: hidden; }
.cjs-king-list li:hover a{ color: #ff9000 }


/**************************** 2019斗蟹资讯攻略页****************************/
.no-mo-bo{ height: 336px;margin-top: 30px; }
.ng-lun-bo{width:576px;height: 336px;float: left; }
.ng-lun-bo .swiper-slide img{width:576px;height: 336px }
.ng-lun-bo .swiper-slide img {width:576px;height: 336px }
i.twinkle{ width: 100%;height:100%;background: #ffffff;display: block;position: absolute;top:0;opacity: 0; }
.ng-lun-bo .swiper-slide:hover i{ opacity: 0.2; }
.ng-lun-bo .swiper-slide span{ display: block;float: left;width: 100%;height: 48px;background: url(../dximages/images/bg31.png) repeat-x 0 -150px;margin-left: 0;margin-top: 7px; }
.ng-lun-bo .swiper-slide span em{ width: 78%;padding-left: 15px;display: block;float: left;color: #FFFFFF }
.ng-lun-bo .swiper-slide span em:hover{ text-decoration: underline }

.mh-io-gu{ float: left;margin-left: 22px; }
.mh-io-gu a{ display: block;position: relative; }
.mh-io-gu a:hover i{opacity: 0.2; }
.mh-io-gu a:nth-child(2){ margin-top: 20px }
.mh-io-gu img{ width: 268px;height: 158px;; }
.mh-io-gu a p{ width: 89%;height: 26px;line-height: 26px;padding:0 15px;position: absolute;top: 130px;left: 0;color: #FFFFFF;background: url(../dximages/images/bg31.png) repeat-x 0 -100px;margin-top: 2px;overflow: hidden; }
.mh-io-gu a p:hover{ text-decoration: underline }

.new-ge-fb{ float: left;width: 305px;height: 336px;margin-left: 28px; }
.reg-yh-yw b{ width: 28px;height: 25px;background: url(../dximages/images/bg44.png) no-repeat -290px 0;display: block;float: left;margin: 5px 15px 0 0}
.reg-yh-yw i{ display: block;width: 1px;height: 36px;background: #333333;float: left; }
.re-ge-fs{ height:44px ;margin-left: 17px;width: 150px;float: left;margin-top: -2px}
.re-ge-fs p.p1{ height: 22px;line-height: 22px;font-size: 18px;overflow: hidden;  }
.re-ge-fs p.p2{ font-size: 13px;line-height: 17px;height: 17px;overflow: hidden;; }
.hx-yd-list li{ width: 305px;height: 57px;margin-top: 17px; }
.hx-yd-list li a.a-img{float: left;display: block; width: 92px;height: 57px;overflow: hidden; }
.hx-yd-list li a.a-img img{ width: 92px;height: 56px; transition: all 0.5s}
.hx-yd-list li a.a-img img:hover{ transform: scale(1.3) }
.hx-yd-list li a.a-p{float: left;display: block;width: 190px;height: 48px;line-height: 24px;margin-left: 20px; }
.hx-yd-list li a.a-p:hover{ color: #ff4639 }
/* 斗蟹头条 */
.dx-main-mode{ margin-top: 40px;margin-bottom: 55px }
.dx-zx-left{ width:865px;float: left;  }
.dx-zx-right{width: 305px;float: left;margin-left: 30px; }
.dx-top-line{ height: 415px;}
.dx-top-line h2{ width: 865px;height: 40px;line-height: 40px;margin-bottom: 35px; }
.dx-top-line h2 b{ float: left;font-size: 20px;width: 108px;height: 36px;display: block;background: url(../dximages/images/bg44.png) no-repeat -290px -45px;text-align: left;padding-left: 9px;line-height: 36px;color: #FFFFFF}
.dx-top-line h2 p{ float: left; font-weight: 600;font-size: 28px;line-height: 36px;margin-left:15px;max-width: 725px;overflow: hidden;height: 36px; }
.dx-top-line h2 p a:hover{ color: #FF4639 }
.sp-df-ly{ margin-left: -18px;float: left;margin-top: -5px; }
.dc-mh-zl{float: left;width: 460px;margin-left: 30px;margin-top: -10px}
.co-in-yoy{ margin-top: 1px }
.co-in-yoy b{ font-size: 20px; width: 460px;height: 28px;line-height: 28px;display: block;text-align: center }
.co-in-yoy a:hover{ color: #FF4639 }
.co-in-yoy p{ display: flex;justify-content: center;margin: 9px 0 7px 0 }
.co-in-yoy span{display: block;float: left;color: #FF4639}
.co-in-yoy span:hover {text-decoration: underline}
.co-in-yoy em{float: left;color: #cccccc;margin: 0 10px}
.new-belle{ position: relative; }
.new-belle a:hover{ color: #ff4639 }
.new-belle i{ position: absolute;height: 165px;width: 1px;background: #cccccc;top: 25px;left: 11px;  }
.new-belle p{  position: relative;height: 28px;;}
.new-belle p b{ display: block;float: left;width: 5px;height: 5px;background: #CCCCCC;border-radius:5px;margin:7px 10px 0 9px;   }
.new-belle p b.b1{ width: 25px;height: 25px;background: url(../dximages/images/bg44.png) no-repeat -5px -90px; z-index: 5;margin: 0 }
.new-belle p b.b2{ width: 25px;height: 25px;background: url(../dximages/images/bg44.png) no-repeat -45px -90px; z-index: 5; margin: 0 }
.new-belle p em{  line-height: 25px;margin-left: 10px;width: 375px;height: 25px;overflow: hidden;display: block;float: left; }
.new-belle p span{ float: right;color: #999999;line-height: 25px; }

.dx-hot-tooic{ height: 415px;; }
.hot-pic-io b.b1{ width: 170px;height: 22px;display: block;float: left;background: url(../dximages/images/bg44.png) no-repeat -5px -128px; }
.hot-pic-io a{ float: right;color: #999999 }
.hot-pic-io b.b2{ width: 305px;height: 2px;display: block;float: left;background: url(../dximages/images/bg44.png) no-repeat -5px -156px;margin-top: 10px; }

.qm-qj-mh{ margin-top: 15px; }
.qm-qj-mh li{ margin-right: 15px;float: left;color: #CBCBCB;background: #EFEFEF; margin-top: 17px; }
.qm-qj-mh li a{ color: #AAAAAA;display: block;float: left;height: 30px;padding:0 8px;border-radius:4px;text-align: center;line-height:30px;height: 30px;  }
.qm-qj-mh li a.hover{ background: #ff6900;color: #FFFFFF }
.qm-qj-mh li a:hover{ background: #ff6900;color: #FFFFFF }

.wm-sj-jl{ width:305px;height: 80px;margin-top: 22px;border: 1px solid #cccccc;border-left:2px solid #CCCCCC; }
.wm-sj-jl a.a-img{ display: block;float: left;width: 104px;height: 70px;overflow: hidden;margin: 5px 0 ;margin-left: 12px }
.wm-sj-jl a.a-img img{width: 104px;height: 70px;transition: all 0.5s;  }
.wm-sj-jl a.a-img img:hover{ transform: scale(1.3) }
.wm-sj-jl a.a-h3{ float: left; margin-left:14px; height: 20px;line-height: 20px;margin-top: 5px;color: #333333;width: 165px;height: 70px;overflow: hidden;line-height: 23px;display: flex;justify-content: center;align-items: center;}
.wm-sj-jl a.a-h3 h3{ max-height: 70px;font-weight: 600; }
.wm-sj-jl a.a-h3:hover { color: #FF4639 }
#zx_de-lt{ margin-left:18px;margin-top: 0 ;width: 175px;height: 150px;float: left;}
#zx_de-lt img{ width: 175px;height: 100px; }
#zx_de-lt .ma-sking i{ width: 175px;height: 98px;; }
#zx_de-lt span.span1{ top: 80px;left: 127px;;  }
#zx_de-lt .ma-sking b{ top: 30px;left: 67px;;  }
#zx_de-lt .com-pile{ width: 173px;border: 1px solid #f4f4f4;height: 55px;border-top:0 ;margin-top: -5px }
#zx_de-lt p.p2{ width: 173px;padding-top: 5px }
#zx_de-lt .com-pile em{ width: 173px;height: 16px;overflow: hidden;margin-top: -3px ; }
#zx_de-lt:hover .com-pile{ display: block}
#zx_de-lt:hover .com-pile p.p2{ color: #FF4639}
#zx_de-lt:hover .com-pile{ border: 0}
#zx_de-lt:nth-child(n+3){ margin-top: 25px; }

/* 热点推荐 */
.hot-tj-ther{ height: 40px;margin-top: 30px; ;}
.hot-tj-ther b{ width: 25px;height: 30px;background: url(../dximages/images/bg44.png) no-repeat -90px -90px;display: block;float: left;  }
.hot-tj-ther h2{float: left;font-size: 22px;line-height: 30px;margin-left: 15px;font-weight: 500}
.together{float: right;margin-right:-12px; }
.together li{float: left;position: relative;color: #CCCCCC;cursor: pointer;margin-left: -23px;}
.together  em{ width: 56px;height: 1px; background: #E8E8E8;display: block;float: left; position: relative;left: -12px;top: 29px; }
.together li i{ width: 14px;height: 14px;display: block;background: url(../dximages/images/bg44.png) no-repeat -150px -90px;margin-left: 20px;margin-top: 4px; }
.together li.current{ color: #ff6900 }
.together li.current i{ background-position: -125px -90px}
.together em.em1{ position: relative;left: -15px; }

.mc-ws-list{ margin-top: 30px;  }
.mc-ws-list li{ height: 178px;width: 100%;border-top:1px solid #E8E8E8   }
.mc-ws-list li a.a-img{ float: left;display: block;width: 208px;height: 130px;margin: 23px 30px 23px 0; position: relative;overflow: hidden;}
.mc-ws-list li a.a-img img{ width: 208px;height: 130px;transition: all 0.5s }
.mc-ws-list li a.a-img:hover img{ transform: scale(1.3) }
.co--xy-nav{ width: 626px;height: 130px;float: left;margin-top: 23px;overflow: hidden; }
.co--xy-nav a{ display: block;font-size: 18px; height: 25px;line-height: 25px;width: 100%;overflow: hidden;font-weight: 600 }
.co--xy-nav p{ width: 624px;height: 66px;margin-top: 12px ;color: #666666;overflow: hidden; line-height: 22px; }
.edit-rce{ color: #999999;margin-top: 10px; }
.edit-rce em{ margin: 0 5px }
.co--xy-nav a:hover{ color: #FF4639 }
.mc-ws-list a.more{ display: block;width: 130px;height: 42px;border-radius: 2px;margin: 0 auto;background: #F2F2F2;color: #C0C0C0;font-size: 16px;text-align: center;line-height: 42px; }
.mc-ws-list a.more:hover{ background: #ff6900;color: #FFFFFF }
.mc-ws-list li a.a-img:hover i{ opacity: 0.2; }

/* 右边-完美世界 */
.wm-jl-zj { width: 305px;margin-top: 49px; }
.wm-jl-zj a.a-img{ width: 305px;height: 168px;display: block;position: relative; }
.wm-jl-zj a.a-img img{ width: 305px;height: 168px;}
.wm-jl-zj a.a-img:hover i{ opacity: 0.2; }
.spe-ci-al a.a1{ height: 25px;font-size: 16px;line-height: 25px;margin-top: 10px;font-weight: 600; display: block;overflow: hidden;}
.spe-ci-al span{ color: #999999;display: block;float: left; }
.spe-ci-al a.a2{ float: left;display: block;width:225px;  }
.spe-ci-al em{color: #999999 ;margin: 0 12px 0px 10px }
.spe-ci-al p{ margin-top: 18px }
.spe-ci-al{ border: 1px solid #f5f5f5;padding:0 10px }
.spe-ci-al a.a2:hover{ color: #FF4639 }

.guess-like{ width: 100%;margin-top: 40px; }
.hot-pic-io b.b3{ width: 170px;height: 22px;display: block;float: left;background: url(../dximages/images/bg44.png) no-repeat -5px -165px;   }
.hot-pic-io b.b4{ width: 305px;height: 2px;display: block;float: left;background: url(../dximages/images/bg44.png) no-repeat -5px -190px;margin-top: 10px;  }
.hot-pic-io a:hover{ color: #ff6900}

.kind-game { margin-top: 20px; }
.kind-game li{ width: 74px;height: 36px;cursor: pointer;;float: left;text-align: center;line-height: 36px;border: 1px solid #ffffff;border-bottom:1px solid #E8E8E8   }
.kind-game li.current{ border: 1px solid #E8E8E8;color: #ff9000;border-bottom:0; }

.zs-zn-list{border: 1px solid #e8e8e8;border-top:0;border-bottom:0  }
.zs-zn-list li{ padding :22px 10px 21px 5px;border-bottom: 1px solid #e8e8e8 }
.zs-zn-list i{ display: block;float: left;margin-top: 20px;color: #B2B2B2;font-weight: 600;font-size: 16px  }
.zs-zn-list i.i1{color: #FFAF00}
.zs-zn-list i.i2{ color: #9EA7B6 }
.zs-zn-list i.i3{ color: #B1926D}
.zs-zn-list a.a-img{ width: 100px;height: 62px;display: block;float: left; margin-left: 12px;overflow: hidden;}
.zs-zn-list a.a-img img{ width: 100px;height: 62px;transition: all 0.5s}
.zs-zn-list a.a-img img:hover{ transform: scale(1.3) }

.dx-phone-game a.a-img{ width: 76px;height: 76px;border-radius: 15px;margin: 0 15px 0 20px  }
.dx-phone-game a.a-img img{ width: 76px;height: 76px;transition: all 0.5s;border-radius: 15px; }
.dx-phone-game a.a-img img:hover{ transform: scale(1.3) }
.dx-phone-game .rg-dr-nav p{ width: 155px;height: 26px;overflow: hidden;line-height: 26px; }
.dx-phone-game .rg-dr-nav a{ margin-bottom: 5px }
.rg-dr-nav{ float: left;width:155px;height: 62px;margin-left: 10px}
.rg-dr-nav a{display: block;width: 155px;height: 20px;}
.rg-dr-nav a:hover{  color: #FF4639}
.rg-dr-nav p{ width: 155px;height: 22px;overflow: hidden;line-height: 25px; }
.rg-dr-nav p em{ color: #999999 }
.zx-link-zk{ margin-top: 40px; }
.hot-pic-io b.b5{ width: 170px;height: 22px;display: block;float: left;background: url(../dximages/images/bg44.png) no-repeat -5px -200px;   }
.hot-pic-io b.b6{ width: 170px;height: 22px;display: block;float: left;background: url(../dximages/images/bg44.png) no-repeat -5px -230px;   }
.br-yt-list{ margin-top: 20px; }
.top-three-li{ margin-top: 6px }
.top-three-li a.a-img{ display: block;float: left;width: 100px;height: 70px;position: relative; overflow: hidden;}
.top-three-li a.a-img img{ width: 100px;height: 70px;transition: all 0.5s }
.top-three-li a.a-img img:hover{ transform: scale(1.3) }
.top-three-li b{position: relative;display: block;z-index: 66;;left: 0px;font-size: 12px;top: 18px;width: 26px;height: 18px;color: #FFFFFF;text-align: center;line-height: 18px;; }
.top-three-li b.b1{background: #FF3333}
.top-three-li b.b2{background: #FF6633}
.top-three-li b.b3{background: #FFCC66}
.yg-cd-nav{ float: left;margin-left: 20px;  }
.yg-cd-nav a{ display: block;width: 182px;height: 42px;overflow: hidden;;  }
.yg-cd-nav a:hover{ color: #FF4639 }
.yg-cd-nav p{ margin-top: 10px;color: #999999 }
.yg-cd-nav p span{ float: left; }
.yg-cd-nav p em{ float: right; }

.lo-ny-li{ width: 100%;height: 25px;margin-top: 25px; }
.lo-ny-li b{ width: 22px;height: 22px;display: block;float: left;border-radius:22px ;text-align: center;line-height: 22px;color: #ffffff;font-size: 12px;background: #A1AABC }
.lo-ny-li p{ margin-left: 15px;line-height: 22px;height: 22px;float: left;width: 268px;height: 22px;overflow: hidden; }
.lo-ny-li:hover p{ color: #ff4639 }

/************** 斗蟹话题 *******************/
.dx-count-head a.a-img{ width: 437px;height: 292px;display: block;float: left;position: relative; }
.dx-count-head a.a-img img{ width: 437px;height: 292px;; }
.go-matter{float: left; border: 1px solid #F2F2F2;width: 761px ;height: 291px;border-left:0 ;}
.go-matter h2{ float: left;margin: 20px 0 0 24px;font-weight: 600;font-size: 24px;line-height: 35px;height: 35px;width: 600px;overflow: hidden; }
.go-matter b.b1{ width: 96px;height: 43px;float: right;display: block;margin: 20px -9px 8px 0;background: url(../dximages/images/bg44.png) no-repeat -300px -110px}

.hysj-list{ margin-left: 24px;width: 737px;height: 163px;overflow: hidden;; }
.hysj-list li{float: left;width: 74px;margin-left: 40px; }
.hysj-list li:nth-child(1){ margin-left: 0} 
.hysj-list li img{ width: 74px;height: 74px;border-radius:15px; }
.hysj-list li p{ height: 44px;width: 74px;line-height: 22px;overflow: hidden;text-align: center;margin-top: 5px }
.hysj-list li p:hover{ color: #ff6900;text-decoration: underline }
.hysj-list li span{ display: block;width: 74px;height: 28px;border-radius: 5px;border:1px solid #ff6900 ;color: #ff6900;line-height: 29px;margin-top: 10px; }
.hysj-list li span b{ width: 17px;height: 17px;background: url(../dximages/images/bg44.png) no-repeat 0 -235px;display: block;float: left;margin: 6px 5px 0 10px; }
.hysj-list li span:hover{ background: #ff6900;color: #FFFFFF }
.hysj-list li span:hover b{ background-position: -30px -235px; }

.mind-try{margin: 17px 0 0 27px; width: 710px;height: 26px;overflow: hidden;;}
.mind-try b{ font-size: 16px;line-height: 25px;}
.mind-try a{ line-height: 26px;height: 26px;padding: 0 10px;color: #FFFFFF;border-radius: 5px; margin-left: 10px;display: inline-block}
.mind-try a.a1{background: #EF4B4B}
.mind-try a.a2{background: #FEC771}
.mind-try a.a3{background: #EC8F6A}

/* 资讯攻略 */
.mind-two{ margin-top: 36px; }
.mind-left{width: 800px;float: left;}
.mind-right{width: 335px;float: right;height: 600px;}

.mind-title{height: 40px;line-height: 40px;border-bottom: 2px solid #f2f2f2;position: relative;}
.mind-title h2{float: left;font-size: 18px;border-bottom: 2px solid #ff6900 }
.mind-title a{ float: right;font-size: 16px;line-height: 40px;color: #999999 }
.mind-title a:hover{color: #ff6900}
.mind-title b{ display: block;width: 8px;height: 2px;float: left;position: absolute;top: 40px;left: 0px;background: #ffffff }
.mind-title b span{ display: block;float: left; width: 4px;height: 4px;background: #ff6900;border-radius: 5px;margin-top: -1px; }

.futre-list li{ height: 160px;width: 800px;border-top:#f2f2f2 1px solid  }
.futre-list li:first-child{border: 0}
.futre-list li a.a-img{ float: left; width: 172px;height: 112px;margin: 24px 25px 24px 0;overflow: hidden; }
.futre-list li a.a-img b{ position: relative;top: -96%;text-align: center;font-size: 13px;line-height: 20px;overflow: hidden;;left: 5px;display: block;width: 36px;height: 20px;color: #ffffff;background: rgba(0, 0, 0, 0.5); }
.futre-list li a.a-img img{ display: block;width: 172px;height: 112px;transition: all 0.5s; }
.futre-list li a.a-img img:hover{ transform: scale(1.3) }
.be-for-nav{ float: left;width: 600px;margin-top: 24px; }
.be-for-nav a{ font-size: 18px;font-weight: 600;display: block;width: 600px;overflow: hidden;height: 24px;}
.be-for-nav a:hover{ color: #FD6359 }
.be-for-nav p.p1{ width: 600px;height: 40px;line-height: 20px;margin-top: 15px;color: #666666;overflow: hidden; }
.be-for-nav p.p2{ color: #999999;margin-top: 15px;width: 600px;height: 20px;overflow: hidden;; }
.be-for-nav em{ margin: 0 10px }
.mind-left h3{ color: #999999;border-bottom:#f2f2f2 1px solid;height: 35px;font-size: 16px; }

/* 右边 */
.re-na-detail a.a-img{ float: left; margin-top: 22px; width: 82px;height: 82px;position: relative; }
.re-na-detail a.a-img img{ float: left;width: 82px;height: 82px; }

.lj-down{float: left; margin-top: 22px;margin-left: 20px;font-size: 12px; color: #999999;;}
.lj-down p{ width: 90px;overflow: hidden;height: 16px; }
.lj-down p:nth-child(2){margin-top: 8px; }
.lj-down a{ display: block;margin-top: 14px;width: 74px;height: 26px;border: 1px solid #ff6900;color: #FF6900;text-align: center;line-height: 26px; border-radius:5px; overflow: hidden; }
.lj-down a:hover{  background: #ff6900;color: #FFFFFF   }

.jr-zti{ float: left; margin-top: 22px;margin-left: 30px;font-size: 12px; color: #999999}
.jr-zti p{ width: 110px;overflow: hidden;height: 16px; }
.jr-zti p:nth-child(2){margin-top: 8px; }
.jr-zti a{ display: block;margin-top: 14px;width: 74px;height: 26px;border: 1px solid #0099FF;color: #0099FF;text-align: center;line-height: 26px;border-radius:5px;overflow: hidden; }
.jr-zti a:hover{ background: #0099FF;color: #FFFFFF  }

.re-hot-hj{margin-top: 32px;}
.state-nav { width: 350px; height: 200px;overflow: hidden;; }
.state-nav a{ display: block;float: left;padding: 4px 6px;margin-right: 20px ;margin-top: 20px;background: #EFEFEF;color: #A9A9A9;border-radius: 5px; }
.state-nav a:hover{ background: #ff6900;color: #FFFFFF }
.state-nav a.hover{ background: #ff6900;color: #FFFFFF }

.dx-re-sy{margin-top: 22px;}
.re-sy-list li{ padding: 20px 0 ;position: relative;}
.re-sy-list li a.a-img{ float: left;width: 82px;height: 82px;}
.re-sy-list li a.a-img img{ float: left;width: 82px;height: 82px;}
.sy-nav{float: left;margin-left: 20px;}
.sy-nav a{ width: 210px;height: 24px;line-height: 24px;font-size: 16px;margin-top: 0px;display: block;overflow: hidden; }
.sy-nav p{ font-size: 14px;color: #333333;margin-top: 6px; line-height: 20px;width: 200px;height: 20px;overflow: hidden;}
.sy-nav p span{ color: #999999;line-height: 20px; }
.sy-nav a:hover{ color: #FD6359 }
.re-sy-list li{ border-top: 1px dashed #E8E8E8 }

.cs-qz-list li { width: 350px;height: 86px;margin-top: 30px;; }
.cs-qz-list li a.a-img{ width: 148px;height: 86px;overflow: hidden;float: left;; }
.cs-qz-list li a.a-img img{  width: 148px;height: 86px;transition: all 0.5s }
.cs-qz-list li a.a-img img:hover{ transform: scale(1.3) }
.cs-qz-list li a.a1{ float: left;color: #333333;overflow: hidden;line-height: 23px;display: flex;justify-content: center;align-items: center;width: 167px;height: 78px;border: 1px solid #E8E8E8;padding:5px 5px 2px 15px;}
.cs-qz-list li a.a1 p{max-height: 68px}
.cs-qz-list li a.a1:hover{ color: #FD6359 }

/* 最新合集 */
.new-coll-tion{margin-top: 15px;margin-bottom: 63px;}
.coll-list li{ float: left;margin-top: 20px;margin-left: 18px; }
.coll-list li:first-child{ margin-left: 0 }
.coll-list li span.i-img{display: block;width: 185px;height: 90px; position: relative;}
.coll-list li a img{ width: 185px;height: 90px; border-radius:5px;  }
.coll-list li a p{ width: 185px;height: 23px;line-height: 23px;margin-top: 10px;text-align: center;font-size: 16px; }
.coll-list li a:hover{ color: #FD6359 }

/************************ 合集手游 ********************/
.hj-nn-vity{ margin-top: 10px;border-top: 2px solid #ff6900  }
.first-part{ margin-top: 32px;width: 1200px;height: 276px;; }
.first-part a.a-img{ float: left; }
.gldo-nav{ float: left;width: 735px;padding:0 20px;border: 1px solid #F2F2F2;height: 275px;border-left:0;  }
.xh-qg-bt{ margin-top: 12px; }
.xh-qg-bt b{ width: 20px;height: 20px;display: block;background: url(../dximages/images/bg44.png) no-repeat}
.xh-qg-bt b.b1{ background-position: -65px -235px; float: left;margin-bottom: -20px;}
.xh-qg-bt b.b2{ background-position: -100px -235px; float: right;margin-top: -20px;}
.xh-qg-bt h2{ text-align: center;width: 735px;height:40px;line-height: 40px;overflow: hidden;font-size: 28px;font-weight: 600 }
.gldo-nav p{ margin-top: 15px; line-height: 23px;height: 69px;width: 735px;overflow: hidden;color: #999999;text-indent: 25px;}

.nk-like{ margin-top: 12px;width: 735px;height: 72px;overflow: hidden; }
.nk-like span{ font-size: 16px;font-weight: 600 ;float: left;margin-top: 10px}
.nk-like a{ display: block;height: 26px;line-height: 26px;padding: 0 6px;margin-top: 10px;float: left; margin-right: 10px;border-radius: 5px;color: #ffffff }
.nk-like a.a1{ background: #EF4B4B }
.nk-like a.a2{ background: #FEC771 }
.nk-like a.a3{ background: #EC8F6A }
.nk-like a.a4{ background: #7ECFC0 }
.nk-like a.a5{ background: #64C4ED }
.nk-like a.a6{ background: #B689B0 }

.lk-ls-mo{margin-top: 3px;width: 735px;height: 40px;overflow: hidden;;}
.lk-ls-mo i{float: left;margin-top: 14px;font-style: normal;color: #999999;font-size: 12px;}
.lk-ls-mo a{ float: right;display: block;width: auto;height: 38px;line-height: 38px;font-size: 16px;border: 1px solid #ff6900;border-radius:10px ; padding: 0 15px;color: #ff6900}
.lk-ls-mo a:hover{background: #FF6900;color: #FFFFFF }
.lk-ls-mo a:hover b{ background-position: -245px -235px }
.lk-ls-mo a b{ width: 20px;height: 20px;margin-top: 10px;background: url(../dximages/images/bg44.png) no-repeat -220px -235px;display: block;float: right;margin-left: 5px; }

.lk-ls-mo i b{ font-style: normal }
.lk-ls-mo i em{ color: #FFCC00;margin: 0 3px }
.lk-ls-mo i b{ width: 18px;height: 18px;background: url(../dximages/images/bg44.png) no-repeat;float: left; }
.lk-ls-mo i b.b1{ background-position: -130px -234px;margin-right: 15px}
.lk-ls-mo i b.b2{ background-position: -160px -234px;margin: 0 13px 0 30px}
/* 手机游戏-第二部分 手机游戏*/
.ad-ios-list{float: left;margin-left: 42px;}
.ad-ios-list li{ float: left;font-size: 18px;}
.ad-ios-list li.current{ color: #ff6900 }
.ad-ios-list em{ float: left;height: 28px;display: block;color: #999999;margin-left: 18px;margin-right: 8px}
.js-game-main{ margin-top: 30px }
.ad-ios-list li i{ width: 17px;height: 20px;float: left;display: block;background: url(../dximages/images/bg44.png) no-repeat;margin: 0 12px;margin-top: 10px; }
.ad-ios-list li.current i.i1{ background-position: -25px -265px}
.ad-ios-list li i.i1{ background-position: -76px -265px}
.ad-ios-list li.current i.i2{ background-position: -0px -265px}
.ad-ios-list li i.i2{ background-position: -50px -265px}

.jx-jc-list li{ border: 1px solid #E8E8E8;width:372px;height: 166px;float: left;margin-left: 39px;margin-top: 27px;position: relative;}
.jx-jc-list li:nth-child(3n+1){ margin-left: 0 }
.jx-jc-list li a.a-img{ margin: 18px;float: left;width: 72px;height: 72px; border-radius: 15px;display: block }
.jx-jc-list li a.a-img img{ width: 72px;height: 72px; border-radius: 15px; }
.jx-jc-list li a.a-img i{ width: 72px;height: 72px;margin-top: 20px;; }
.li-hio-nav{float: left;margin-top: 20px;color: #999999}
.li-hio-nav a{ display: block;margin-bottom: 8px; }
.li-hio-nav a:hover{ color: #FF6900 }
.li-hio-nav b{ width: 100px;height: 20px;display: block;float: left;background: url(../dximages/images/star4.png) no-repeat 0 -60px }
.li-hio-nav em{ color: #FFA759;font-weight: 600;font-size: 16px;margin-left: 6px; }
.li-hio-nav span{ display: block;margin-top: 5px;width: 140px;height: 20px;overflow: hidden;; }

.re-down-lo{float: left;margin-top: 20px;margin-left: 65px}
.re-down-lo b{ width: 26px;margin-bottom: 5px;margin-top: 8px;margin-left: 7px;height: 26px;display: block;background: url(../dximages/images/bg44.png) no-repeat -190px -234px; }
.re-down-lo span{ font-size: 18px;color: #FF6900;}
.jx-jc-list li p{ width: 336px;height: 48px;color: #999999;line-height: 22px;margin-left: 20px;overflow: hidden; }

/* 主体第 3 部分-单机游戏 */
.dj-game-sy{ margin-top: 30px; }
.jh-so-long li{ margin-top: 25px;width: 372px;height: 194px;border: 1px solid #E8E8E8; float: left;margin-left: 39px;margin-bottom: 15px;}
.jh-so-long li:nth-child(3n+1){ margin-left: 0px }
.jh-so-long li a.a-img{ margin: 17px;display: block;float: left;overflow: hidden; }
.jh-so-long li img{ width: 108px;height: 160px;transition: all 0.5s }
.jh-so-long li img:hover{ transform: scale(1.3) }
.lon-ly-nav{ float: left;width: 220px;margin-top: 17px;position: relative; }
.lon-ly-nav a{ width: 150px;height: 24px;overflow: hidden;margin-bottom: 1px;display: block }
.lon-ly-nav a:hover{ color: #FF6900 }
.lon-ly-nav p{ color: #999999;font-size: 12px;height: 25px;line-height: 25px;width: 220px;overflow: hidden;; }
.lon-ly-nav span{ color: #333 }
.lon-ly-nav p.p2{ font-size: 14px;height: 70px;width: 230px;line-height: 22px;overflow: hidden;}
.lon-ly-nav p.p1{ position: absolute;right: 5px;top: 0px;color: #FFA759;width: 36px;}
.lon-ly-nav p.p1 em.em1{ font-size: 22px; }
.lon-ly-nav p.p1 em.em2{ font-size: 18px }

/* 主体第 4 部分-新闻资讯 */
.four-new-zx{ margin-top: 15px; }
.xw-zx-joy{ width: 369px;float: left;margin-top: 20px; }
.chio-at-list li{  widows: 176px;height: 170px;float: left; margin-top: 24px;  }
.chio-at-list li:nth-child(2){ margin-left: 17px; }
.chio-at-list li a.a-img{ width: 176px;height: 116px;overflow: hidden;display: block }
.chio-at-list li img{ width: 176px;height: 116px;transition: all 0.5s }
.chio-at-list li img:hover{ transform: scale(1.3) }
.chio-at-list li a p{ width: 176px;height: 40px;line-height: 20px;overflow: hidden;margin-top: 8px;overflow: hidden;; }
.chio-at-list li:hover p{ color: #FD3333 }
.zx-gl-na{ width: 369px;float: left;margin-top: 20px; margin-left: 55px; }
.arti-cle-list{ margin-top: 5px; }
.arti-cle-list li{ line-height: 24px;height: 24px;margin-top: 15px; width: 360px;overflow: hidden;;}
.arti-cle-list li b{ display: block;width: 4px;height: 4px;float: left;border-radius: 6px;border: 1px solid #E0E0E0;margin-top: 8px;margin-right: 10px; }
.arti-cle-list li:hover{ color: #FD3333; }
.arti-cle-list li:hover b{ border: 1px solid #FF3333;background: #FF3333 }
.arti-cle-list li:hover a{ color: #FF3333 }

.new-gl-list li{ line-height: 24px;height: 24px;margin-top: 15px; width: 360px;overflow: hidden;;}
.new-gl-list li b{ display: block;width: 4px;height: 4px;float: left;border-radius: 6px;border: 1px solid #E0E0E0;margin-top: 8px;margin-right: 10px; }
.new-gl-list li:hover{ color: #FD3333; }
.new-gl-list span{ float: right; color: #999;  }
.new-gl-list li:hover b{ border: 1px solid #FF3333;background: #FF3333 }
.new-gl-list li:hover a{ color: #FF3333 }
.new-gl-list li em{ width: 290px;display: block;float: left;height: 24px;line-height: 24px; }



































