.main{ width: 1180px; padding: 0 10px; margin: 20px auto 0 auto;}
i{ font-style: normal;}
a:hover{ text-decoration: none; color: #ff5500;}
.red{ color: #ff5500;}
.txt{ word-wrap: break-word; word-break: break-all;}
.dot1{ padding-left: 10px; background: url(/Public/images/common/dot.png) 0 6px no-repeat;}
.dot2{ list-style: disc inside; color: #999;}
.dot3{ padding-left: 15px; background: url(/Public/images/common/dot.png) 0 -42px no-repeat;}
/*mainArea*/
.mainArea{ float: left; width: 880px;}
/*comtitle*/
.comtitle{ height: 20px; line-height: 20px; margin: 20px 0;}
.comtitle h2{ border-left: 5px solid #ff9500; padding-left: 8px; font-size: 20px; color: #4f5361; float: left;}
.comtitle .more{ float: right; width: 22px; height: 22px; background: url(/Public/images/index/more.png) 0 -124px no-repeat;}
.comtitle .more:hover{ background-position: 0 -186px;}
/*txtlist*/
.txtlist{ height: 16px; line-height: 16px; margin-top: 16px;}
.txtlist .txt{ color: #333; height: 16px; line-height: 16px; font-size: 14px; overflow: hidden; display: inline-block; _zoom: 1; *display: inline;}
.txtlist .txt:hover{ color: #ff5500;}
.txtlist .date{ float: right; color: #999; font-size: 14px;}
.txtlist img{ width: 100%; height: 100%; background-color: #ececec;}
.txtlist .classify{ color: #333; font-size: 14px; float: left;}
.txtlist .classify1{ color: #ff5500; font-size: 14px; margin-right: 12px; float: left;}
/*imgbox*/
.imgbox{ position: relative; float: left; margin-right: 20px;}
.imgbox img{ display: block; width: 100%; height: 100%; background-color: #ececec;}
.imgbox .txt{ display: block; width: 100%; height: 14px; line-height: 14px; color: #666; text-align: center; margin-top: 8px; overflow: hidden;}
.imgbox .layer{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(/Public/images/index/play.png) 42px 27px no-repeat; background-color: rgba(0, 0, 0, .4); background-color: #000\9; opacity: 0;}
.imgbox .classify{ position: absolute; right: 0; top: 80px; width: 30px; height: 20px; background-color: rgba(0, 0, 0, .7); background-color: #000\9; color: #fff; line-height: 20px; text-align: center; font-size: 12px;}
.imgbox a:hover .txt{ color: #ff5500;}
.imgbox a:hover .layer{ opacity: 1;}
/*imgbox1*/
.imgbox1{ width: 135px; height: 100px; overflow: hidden; position: relative; float: left; margin-right: 20px;}
.imgbox1 a:hover{ text-decoration: none;}
.imgbox1 img{ width: 100%; height: 100%; background-color: #ececec;}
.imgbox1 .txt{ position: absolute; left: 0; bottom: 0; height: 26px; line-height: 26px; padding: 0 5%; width: 90%; overflow: hidden; color: #fff; text-align: center; background-color: rgba(0, 0, 0, .7); background-color: #000\9;}
.imgbox1 .layer{ position: absolute; left: 0; top: 0; display: none; width: 100%; height: 100%; background: url(/Public/images/index/play.png) 43px 27px no-repeat; background-color: rgba(0, 0, 0, .4); background-color: #000\9;}
.imgbox1 a:hover .layer{ display: block;}
/*dlbox*/
.dlbox-dt{ overflow: hidden; float: left; background-color: #ececec;}
.dlbox-dd{ float: right;}
.dlbox-dd h3{ overflow: hidden;}
.dlbox-dd p{ font-size: 12px; line-height: 18px; overflow: hidden;}
.dlbox img{ width: 100%; height: 100%;}
/*dlbox1*/
.dlbox1 h3{ overflow: hidden;}
.dlbox1 h3 a{ color: #333;}
.dlbox1 h3 a:hover{ color: #ff5500;}
.dlbox1 .img{ float: left; overflow: hidden;}
.dlbox1 img{ width: 100%; height: 100%;}
.dlbox1 p{ float: right; font-size: 12px; overflow: hidden;}
/*topArea*/
.topArea{ width: 100%; height: 114px; border: 0 !important; padding: 0 !important;}
.topArea-cont{ width: 1180px; margin: 0 auto; padding: 0 10px;}
.topArea p,.topArea ul{ float: left;}
/*topArea-1*/
.topArea p{ float: left;}
.topArea-logo1{ float: left; width: 218px; height: 68px; background: url(/Public/images/common/logo1.png) 0 0 no-repeat; margin: 33px 15px 0 0;}
.topArea-logo2{ float: left; margin-top: 10px;}
.topArea-searchBox{ float: right; width: 544px; margin-top: 25px;}
.topArea-searchBox form{ display: block; border: 2px solid #ddd; height: 44px;}
.topArea-searchBox form.onfocus{ border-color: #ff9500;}
.topArea-searchBox form.onfocus .searchBox-btn{ background-color: #ff9500; color: #fff;}
.searchBox-txt{ float: left;; width: 390px;  height: 14px; padding: 15px 17px 15px 43px; line-height: 14px; color: #999; background: #fff url(/Public/images/news/index/search.png) 10px 9px 	no-repeat;;}
.searchBox-btn{ float: right; width: 90px; height: 44px; line-height: 44px; text-align: center; background-color: #f9f9f9; font-size: 16px; color: #999; border-left: 1px solid #ececec;}
.topArea-searchBox form.onfocus .searchBox-btn:hover,.topArea-searchBox .searchBox-btn:hover { background-color: #ffaa00; color: #fff; cursor: pointer;}
.topArea-searchHot{ font-size: 12px; margin-top: 10px; width: 544px; height: 14px; line-height: 14px; overflow: hidden;}
.topArea-searchHot span{ float: left; color: #999;}
.topArea-searchHot a{ float: left; color: #666; margin-left: 10px;}
.topArea-searchHot a:hover{ color: #ff5500;}
/*navbar*/
.navbar{ width: 100%; height: 44px; background-color: #ff5500; line-height: 44px;}
.navbar-cont{ width: 1180px; padding: 0 10px; margin: 0 auto; height: 44px;}
.navbar a{ float: left; color: #fff; font-size: 17px; padding: 0 20px;}
.navbar a:hover{ background-color: #e64d00; color: #fff;}
.navbar a.active{ border-top: 3px solid #ffb54c; background-color: #fff; color: #ff5500; height: 41px; line-height: 39px;}
/*subnav*/
.subnav{ width: 100%; height: 40px; background-color: #ff5500; line-height: 40px; border-bottom: 1px solid #ddd; margin-bottom: 15px;
	background-image: -moz-linear-gradient(90deg, rgb(249, 249, 249) 0%,
		rgb(255, 255, 255) 100%);
	background-image: -webkit-linear-gradient(90deg, rgb(249, 249, 249) 0%,
		rgb(255, 255, 255) 100%);
	background-image: -ms-linear-gradient(90deg, rgb(249, 249, 249) 0%,
		rgb(255, 255, 255) 100%);
	background-color: #fafafa\9;}
.subnav-cont{ width: 1180px; padding: 0 10px; margin: 0 auto; height: 40px; overflow: hidden;}
.subnav a{ float: left; color: #666; font-size: 16px; padding: 0 20px;}
.subnav a:hover{ border-bottom: 2px solid #ff5500; height: 39px;}
.subnav a.active{ border-bottom: 2px solid #ff5500; height: 39px; color: #ff5500;}
/*AdArea*/
.AdArea{ padding: 0 10px; width: 1180px; margin: 0 auto;}
.AdArea .Ad{ width: 100%; float: left; background-color: #f9f9f9; overflow: hidden;}
.AdArea .infoWeekly{ float: right; width: 160px; overflow: hidden;}
/*sidenav*/
.sidenav{ position: fixed; left: 50%; top: 50%; z-index: 999; margin-top: -151px; margin-left: 619px; font-size: 12px;}
#sidenav{ -webkit-animation: fadeInDown 1s .2s ease both; -moz-animation: fadeInDown 1s .2s ease both;}
@-webkit-keyframes fadeInDown { 
	0%{ opacity: 0;}
	100%{opacity:1;}
}
@-moz-keyframes fadeInDown { 
	0% { opacity: 0;}
	100%{opacity:1;}
}
/*ie6*/
* html{ background-image: url(about:blank); background-attachment: fixed;}
.sidenav{ _position: absolute; _bottom: auto; _top: expression(eval(document.documentElement.scrollTop)); _margin-top: 250px;}
/*ie6__end*/
.sidenav a{ display: block; width: 48px; height: 48px; background-image: url(/Public/images/common/sidenav.png); background-repeat: no-repeat; margin-bottom: 7px; line-height: 48px; text-align: center; font-size: 0; color: #fff;}
.sidenav-share{ background-position: 0 -452px;}
.backtotop{ background-position: 0 -506px;}
/*hover*/
.sidenav-1:hover,.sidenav-2:hover,.sidenav-3:hover,.sidenav-4:hover,.sidenav-5:hover,.sidenav-1.active,.sidenav-2.active,.sidenav-3.active,.sidenav-4.active,.sidenav-5.active { background-position: 0 -562px; font-size: 12px;}
.sidenav-share:hover,.sidenav-share.active{ background-position: 0 -617px;}
.backtotop:hover,.backtotop.active{ background-position: 0 -673px;}
/*sidenav__end*/

/*listBox*/
.listBox{ margin: 0 0 0 -40px;}
.listBox li{ float: left; width: 246px; height: 115px; padding: 19px; position: relative; border: 1px solid #ececec; margin: 0 0 40px 40px;
	transition: border-color .1s ease-out;
	-moz-transition: border-color .1s ease-out; /* Firefox 4 */
	-webkit-transition: border-color .1s ease-out;
	/* Safari 和 Chrome */
	-o-transition: border-color .1s ease-out; /* Opera */}
.listBox li:hover{ border-color: #ff5500;}
.listBox li:hover div a{ background-color: #ff5500;}
.listBox h3{ font-size: 20px; width: 100%; height: 20px; line-height: 20px; overflow: hidden; margin-bottom: 12px;}
.listBox h3 a{ color: #333;}
.listBox h3 a:hover{ color: #ff5500;}
.listBox p{ width: 100%; height: 48px; line-height: 24px; font-size: 14px; color: #999; border-top: 1px dotted #ddd; overflow: hidden; padding-top: 10px;}
.listBox div{ position: absolute; left: 0; bottom: 0; width: 265px; height: 33px; line-height: 33px; background-color: #f9f9f9; padding-left: 19px;}
.listBox div span{ float: left; margin-right: 10px; color: #333;}
.listBox div a{ float: right; width: 76px; height: 33px; text-align: center; line-height: 33px; background-color: #20da9b; color: #fff;}
.listBox div a:hover{ background-color: #ff5500;}
/*subarea-Ad*/
.subarea-Ad{ width: 260px; margin-bottom: 20px; background-color: #f9f9f9;}
/*subarea*/
.subarea{ float: right; width: 260px; overflow: hidden;}
.subarea .tline{ border-top: 1px solid #ececec;}
.subarea .comtitle{ padding-bottom: 19px; margin: 30px 0 20px 0; border-bottom: 1px solid #ececec;}
.subarea .txtlist{ margin: 0; padding: 12px 0 12px 15px; font-size: 14px; width: 245px; height: 14px; line-height: 14px; border-bottom: 1px solid #ececec; clear: both;}
.subarea .txtlist .txt{ font-size: 14px; width: 240px;}
.subarea .dot1{ background-position: 0 19px;}
/*imgbox*/
.subarea .imgbox{ margin: 0 20px 20px 0;}
.subarea .imgbox img{ width: 120px; height: 82px;}
.subarea .imgbox .txt{ width: 120px; color: #333;}
/*subarea-weixin*/
.subarea-weixin{ width: 236px; height: 96px; padding: 12px; background-color: #20da9b; color: #fff}
.subarea-weixin dt{ float: left; width: 78px; height: 78px; overflow: hidden; padding: 5px; background-color: #fff; margin-top: 5px;}
.subarea-weixin dt img{ width: 78px; height: 78px;}
.subarea-weixin dd{ float: right; width: 130px; height: 95px;}
.subarea-weixin h3{ font-size: 16px; line-height: 22px; font-weight: bold; margin-bottom: 8px;}
.subarea-weixin h3 i{ color: #ff5500;}
.subarea-weixin span{ padding-left: 23px; background: url(/Public/images/news/detail/subarea_weixin.png) 0 0 	no-repeat; margin-bottom: 8px; display: block;}
.subarea-weixin p{ font-size: 12px;}
/*subarea dlbox*/
.subarea .dlbox{ height: 60px; padding: 14px 0; border-bottom: 1px solid #ececec;}
.subarea .dlbox-dt{ width: 80px; height: 60px;}
.subarea .dlbox-dt img{ width: 100%; height: 100%;}
.subarea .dlbox-dd{ width: 160px;}
.subarea .dlbox-dd h3{ font-size: 16px; height: 16px; line-height: 16px; margin-bottom: 10px; width: 160px;}
.subarea .dlbox-dd a{ color: #333;}
.subarea .dlbox-dd a:hover{ color: #cc4400;}
.subarea .dlbox-dd p{ color: #999; width: 160px; height: 36px;}
/*subarea dlbox1*/
.subarea .dlbox1{ height: 115px; padding-top: 16px; border-bottom: 1px solid #ececec; padding-bottom: 16px;}
.subarea .dlbox1 h3{ height: 16px; margin-bottom: 15px; font-size: 16px; line-height: 16px;}
.subarea .dlbox1 h3 a{ color: #333;}
.subarea .dlbox1 .img{ width: 120px; height: 82px;}
.subarea .dlbox1 p{ width: 122px; height: 60px; line-height: 20px; color: #999; margin-top: 10px;}
/*subarea-ranklist*/
.subarea-ranklist .comtitle{ margin: 40px 0 0 0;}
.subarea-ranklist .comtitle ol{ float: right; width: 50px;}
.subarea-ranklist .comtitle ol li{ float: left; width: 24px; height: 24px; background-color: #f9f9f9; line-height: 24px; text-align: center; color: #999; margin-left: 1px; cursor: pointer;}
.subarea-ranklist .comtitle ol li:hover{ color: #ff5500;}
.subarea-ranklist .comtitle ol li.active{ color: #fff; background-color: #ff5500;}
.subarea-ranklist ul{ display: none;}
.subarea-ranklist .show{ display: block;}
.subarea-ranklist ul li{ width: 260px; padding: 12px 0; border-bottom: 1px solid #ececec; line-height: 15px; height: 15px;}
.subarea-ranklist ul .num{ float: left; width: 20px; height: 20px; line-height: 20px; text-align: center; background-color: #4b9afa; color: #fff; margin-top: -2px;}
.subarea-ranklist ul .ranktop3{ background-color: #ff5a00;}
.subarea-ranklist ul .txt{ float: left;; width: 220px; height: 15px; line-height: 15px; color: #333; overflow: hidden; margin-left: 20px;}
.subarea-ranklist ul .txt:hover{ color: #ff5500;}
/*subarea-sp-imgbox*/
.subarea-sp-imgbox img{ width: 100%; height: 100%;}
.subarea-sp-imgbox a{ display: block; width: 260px; height: 110px; overflow: hidden; margin-bottom: 20px; background-color: #ececec;}
/*subarea-list*/
.subarea-list a{ display: block; border-bottom: 1px solid #ececec; width: 260px; height: 60px; padding: 14px 0;}
.subarea-list a:hover span{ color: #ff5500;}
.subarea-list img{ float: left; width: 80px; height: 60px; margin-right: 20px; background-color: #ececec;}
.subarea-list span{ float: right; width: 160px; height: 60px; overflow: hidden; line-height: 18px; color: #333; margin-top: 10px;}
/*subarea-ranklist1*/
.subarea-ranklist1 .num{ width: 20px; height: 20px; line-height: 20px; text-align: center; background-color: #4b9afa; color: #fff;}
.subarea-ranklist1 li{ width: 260px; padding: 12px 0; border-bottom: 1px solid #ececec; line-height: 15px; height: 15px;}
.subarea-ranklist1 div .num{ float: left; margin-top: -5px;}
.subarea-ranklist1 .ranktop3{ background-color: #ff5a00;}
.subarea-ranklist1 div .txt{ float: left;; width: 220px; height: 15px; line-height: 15px; color: #333; overflow: hidden; margin-left: 20px;}
.subarea-ranklist1 div .txt:hover{ color: #ff5500;}
.subarea-ranklist1 div{ display: block;}
.subarea-ranklist1 dl{ display: none; width: 260px; height: 60px;}
.subarea-ranklist1 li.active{ height: 60px;}
.subarea-ranklist1 li.active div{ display: none;}
.subarea-ranklist1 li.active dl{ display: block;}
.subarea-ranklist1 dt{ float: left; width: 80px; height: 60px; overflow: hidden; position: relative;}
.subarea-ranklist1 dt .num{ position: absolute; left: 0; top: 0;}
.subarea-ranklist1 dt img{ display: block; width: 80px; height: 60px;}
.subarea-ranklist1 dd{ float: right; font-size: 15px; line-height: 26px; height: 52px; width: 160px; overflow: hidden;}
.subarea-ranklist1 dd a{ color: #333;}
.subarea-ranklist1 dd a:hover{ color: #ff5500;}
/*subarea__end*/

/*article-ahead*/
.article-ahead{ margin-bottom: 25px;}
.article-ahead h1{ font-size: 32px; font-weight: bold; color: #333; text-align: center; height: 35px; line-height: 35px; margin-bottom: 26px; overflow: hidden;}
.article-ahead .info{ font-size: 12px; color: #999; text-align: center; font-family: "宋体", "Arial";}
.article-ahead .info span{ padding: 0 10px; font-family: "Microsoft Yahei";}
.article-ahead .info a{ font-family: "Microsoft Yahei"; width: 64px; height: 18px; text-align: center; line-height: 18px; color: #0fcb8b; border: 1px solid #20da9b; display: inline-block; _zoom: 1; *display: inline;}
.article-ahead .info a:hover{ color: #fff; background-color: #20da9b;}
.article-ahead .info i.red{ padding: 2px;}
/*article-intro*/
.article-intro{ padding: 30px 40px; background-color: #f9f9f9; border: 1px solid #ececec; font-size: 16px; line-height: 32px; color: #666; position: relative;}
.article-intro span{ font-size: 26px; color: #20da9b; font-weight: bold;}
.article-intro-bg1,.article-intro-bg2{ position: absolute; width: 13px; height: 9px;}
.article-intro-bg1{ left: 12px; top: 19px; background: url(/Public/images/news/detail/intro_bg1.png) 0 0 no-repeat;}
.article-intro-bg2{ right: 12px; bottom: 19px; background: url(/Public/images/news/detail/intro_bg2.png) 0 0 no-repeat;}
/*article-cont*/
.article-cont{ margin-top: 30px;}
.article-cont p{ text-indent: 2em; font-size: 16px; color: #333; line-height: 32px; margin-top: 20px; word-break: break-all;}
.article-cont p img{ text-align: center; vertical-align: middle; margin: 5px; border: 10px solid #f9f9f9; max-width:80%;}
.article-cont p.red{ color: #ff0000;}
/*table*/
.article-cont table{ width: 860px; margin: 30px auto 30px auto;}
.article-cont table tr{ line-height: 25px;}
.article-cont table p{ text-indent: 0; line-height: 1.5; margin: 0;}
.article-cont table td,#article table th{ padding: 5px 10px;}
.article-cont table td{ border: 1px solid #ececec;}
.int table{ margin: 0 auto; line-height: 22px; border-collapse: collapse;}
.int table td{ padding: 10px;}
.int td strong span{ text-decoration: underline;}
/*article-img*/
.article-img{ width: 880px; height: 140px; background: url(/Public/images/news/detail/article_img.png) 0 0 	no-repeat; position: relative; margin-top: 30px;}
.article-img img{ width: 88px; height: 88px; position: absolute; right: 27px; top: 27px; margin: 0;}
/*article-sp*/
.article-sp{ text-align: left; margin-top: 30px;}
.article-sp span{ display: block; font-size: 18px; line-height: 32px; color: #333;}
.article-sp a{ color: #007eff;}
.article-sp a:hover{ text-decoration: underline;}
.article-sp a.red{ color: #ff5500; font-weight: bold;}
/*article-nav*/
.article-nav{ margin-top: 30px;}
.article-nav h3{ font-size: 20px; color: #333; font-weight: bold; padding-bottom: 18px; border-bottom: 1px solid #ececec; height: 20px; line-height: 20px;}
.article-nav div{ margin: 15px 0 0 0;}
.article-nav a{ float: left; color: #333; font-size: 16px; width: 240px; height: 32px; line-height: 32px; padding: 0 20px; margin-left: 10px; overflow: hidden;}
.article-nav a:hover{ color: #ff5500;}
.article-nav a.active{ background-color: #f5f5f5;}
/*article-game*/
.article-game{ padding: 18px 20px 18px 19px; background-color: #fffaf2; border: 1px solid #ffd2a6; height: 160px; position: relative; margin-top: 50px;}
.article-game dt.mobile{ width: 120px; height: 120px; border-radius: 25px; margin-top: 20px;}
.article-game img{ width: 100%; height: 100%;}
/*.article-game .label{position: absolute;right: -1px;top: -1px;width: 50px;height: 50px;background: url(/Public/images/news/detail/article_game_icon.png) 0 -113px no-repeat;}*/
.article-game dt{ width: 120px; height: 160px; overflow: hidden; float: left; position: relative;}
.article-game dd{ float: right; width: 700px;}
.article-game h3{ font-size: 22px; width: 680px; height: 24px; line-height: 24px; overflow: hidden; margin: 5px 0 10px 0; font-weight: bold;}
.article-game h3 a{ color: #e64d00;}
.article-game h3 a:hover{ color: #ff5500;}
.article-game ul{ font-size: 14px; color: #999; line-height: 32px; width: 680px; height: 64px; margin-bottom: 12px;}
.article-game ul li{ float: left; width: 180px; height: 32px; line-height: 32px; overflow: hidden;}
.article-game ul li.article-game-li2{ width: 320px;}
.article-game ul i{ color: #666;}
.article-game div{ font-size: 16px; overflow: hidden; height: 40px;}
/*mobile*/
.article-game div a{ color: #fff; float: left; height: 40px; line-height: 40px;}
.article-game-android,.article-game-apple,.article-game-enter,.article-game-down { background: url(/Public/images/news/detail/article_game_icon.png) 0 0 	no-repeat; margin-right: 15px;}
.article-game-android{ background-color: #2693ff; background-position: 28px -191px; width: 85px; padding-left: 51px;}
.article-game-apple{ background-color: #7092b3; background-position: 29px -242px; width: 85px; padding-left: 51px;}
.article-game-enter{ background-color: #20da9b; background-position: 26px -45px; width: 88px; padding-left: 48px;}
.article-game-down{ background-color: #2693ff; background-position: 26px 12px; width: 88px; padding-left: 48px;}
.article-game-android:hover{ background-color: #007eff;}
.article-game-apple:hover{ background-color: #58728c;}
.article-game-enter:hover{ background-color: #0acc8b;}
.article-game-down:hover{ background-color: #007eff;}
/*pc*/
.article-game-pcdown,.article-game-pcenter{ background: url(/Public/images/news/detail/article_game_icon.png) 0 0 	no-repeat; margin-right: 15px;}
a.article-game-pcdown{ background-color: #2693ff; background-position: 32px 11px; padding-left: 60px; width: 100px;}
.article-game-pcdown:hover{ background-color: #007eff;}
a.article-game-pcenter{ background-color: #20da9b; background-position: 32px -45px; width: 105px; padding-left: 55px;}
.article-game-pcenter:hover{ background-color: #0acc8b;}
/*pc__end*/
.article-game div span{ float: none !important; font-size: 14px; margin: 8px 0 0 -8px;}
.article-game div span a{ padding: 0 17px; height: 30px; line-height: 30px; border: 1px solid #ffd2a6; width: auto; margin-left: 8px; color: #ff5500; margin: 8px 8px 0 0;}
.article-game div span a:hover{ background-color: #ff9500; color: #fff; border-color: #ff9500;}
/*article-aboutRead*/
.article-aboutRead{ margin-top: 50px;}
.article-aboutRead .comtitle{ padding-bottom: 12px; border-bottom: 1px solid #ececec; margin: 0 0 20px 0;}
.article-aboutRead .aboutRead{ float: left; width: 480px;}
.article-aboutRead .txtlist .txt{ width: 390px; font-size: 14px;}
.article-aboutRead .txtlist .txt:hover{ color: #ff5500;}
.article-Ad{ float: right;}
.article-Ad1{ text-align: center; margin-top: 20px;}
/*article-newsArea*/
.article-newsArea{ border: 1px solid #ececec; margin-top: 30px;}
.article-newsArea div{ display: none;}
.article-newsArea div.show{ display: block;}
.article-newsArea ol{ background-color: #f9f9f9; height: 43px; line-height: 43px;}
.article-newsArea ol li{ float: left; padding: 0 20px 0 40px; font-size: 20px; color: #999; border-right: 1px solid #ececec; text-align: center; background-image: url(/Public/images/news/detail/newsArea_icon.png); background-repeat: no-repeat;}
.article-newArea-li1{ background-position: 15px 13px;}
.article-newArea-li2{ background-position: 15px -103px;}
.article-newsArea ol li.active{ background-color: #fff; border-top: 3px solid #ff5500; margin-top: -1px; color: #ff5500; height: 42px; line-height: 39px;}
.article-newArea-li1.active{ background-position: 15px -47px;}
.article-newArea-li2.active{ background-position: 15px -165px;}
.article-newsArea div{ border-top: 1px solid #ececec; padding: 20px;}
.article-newsArea img{ width: 100%; height: 100%; background-color: #ececec;}
.article-newsArea .img{ float: left; width: 340px; height: 210px; overflow: hidden; position: relative;}
.article-newsArea .img:hover{ text-decoration: none;}
.article-newsArea .img .txt{ position: absolute; left: 0; bottom: 0; height: 26px; line-height: 26px; padding: 0 10px; width: 320px; overflow: hidden; color: #fff; font-weight: bold; text-align: center; background-color: rgba(0, 0, 0, .7); background-color: #000\9;}
.article-newsArea ul{ float: right; width: 460px; margin-top: -17px;}
.article-newsArea .txtlist{ margin-top: 17px;}
.article-newsArea .txtlist .txt{ width: 380px; font-size: 14px;}
/*article__end*/

/*transition*/
.imgbox img,.txtlist img,.imgbox1 a img,.article-newsArea .img,.dlbox-dt,.subarea-sp-imgbox a,.subarea-list img,.imgbox .layer,.dlbox .img,.dlbox1 .img,.subarea-ranklist1 dt {
	transition: opacity .3s ease-out;
	-moz-transition: opacity .3s ease-out; /* Firefox 4 */
	-webkit-transition: opacity .3s ease-out; /* Safari Chrome */
	-o-transition: opacity .3s ease-out; /* Opera */}
.imgbox a:hover img,.txtlist img:hover,.imgbox1 a:hover img,.article-newsArea .img:hover,.dlbox-dt:hover,.subarea-sp-imgbox a:hover,.subarea-list img:hover,.imgbox .layer:hover,.dlbox .img:hover,.dlbox1 .img:hover,.subarea-ranklist1 dt:hover{ opacity: .8; filter: alpaha(opacity :   80);}
.searchBox-btn,.navbar a,.article-game div a,.listBox div a{ transition: background-color .1s ease-out;
	-moz-transition: background-color .1s ease-out; /* Firefox 4 */
	-webkit-transition: background-color .1s ease-out; /* Safari Chrome */
	-o-transition: background-color .1s ease-out; /* Opera */}
/*scorebox*/
.scorebox{ height: 32px; margin-top: 18px; position: relative;}
.scorebox .fen{ width: 32px; margin-right: 4px; height: 32px; overflow: hidden;}
.scorebox .fen em{ font-size: 18px; line-height: 32px;}
#ratyscore .hint{ display: none; position: absolute; top: 28px; left: 34px; padding: 4px 0 0 0; height: 22px; line-height: 22px; width: 134px; border: none; background-position: 0 -236px;}
#ratyscore .ratying{ height: 22px; padding: 4px 0 0;}
/*score*/
.score{ width: 100%; height: 50px; border: 1px solid #ececec; margin-top: 20px;}
.score .fen{ float: left; width: 94px; height: 50px; background-color: #f50; line-height: 50px; color: #fff; text-align: center;}
.score .fen i{ font-size: 30px; font-family: "Arial"; font-weight: bold;}
.score .star,.score .star i{ background-image: url(/Public/images/pcgame/star.png); background-repeat: no-repeat; width: 149px;}
.score .star{ float: left; background-position: 0 -30px; margin: 13px 0 0 18px;}
.score .star i{ display: block; height: 21px; background-position: 0 0;}
/*software*/
.software{ width: 1180px; margin: 30px auto;}
.software .title{ margin-bottom: 20px; overflow: hidden;}
.software .title h2{ line-height: 40px; height: 40px; font-size: 18px; color: #333; width: 135px; text-align: center; border-left: 1px solid #ECECEC; border-right: 1px solid #ECECEC; border-top: 1px solid #F50; display: inline-block; float: left;}
.software .title span{ width: 1040px; display: block; float: left; border-bottom: 1px solid #ECECEC; height: 40px;}
.software .cont{ overflow: hidden; margin: 0 20px;}
.software .cont a{ display: block; float: left; color: #666; font-size: 14px; line-height: 28px; margin-right: 20px;}
.software .cont a:hover{ color: #ff5500;}
iframe{ margin: 0 auto !important; vertical-align: middle !important;}
/**/
.article-Ad2{ margin-top: 25px !important;}
.Ad_cont{ width: 1180px; margin: 0 auto; border: 1px solid #e5e5e5;}
.Ad_cont .AdArea{ margin: 10px 10px 10px 10px !important; padding: 0 !important; width: 1160px !important;}
.Ad_cont .AdArea .infoWeekly{ width: 150px !important;}
/*navbar1*/
.Ad_cont .navbar1{ width: 1160px; padding: 0 10px; margin-bottom: 10px; border: 0 !important;}
/*navbar1-top*/
.Ad_cont .navbar1 li{ height: 25px; margin-bottom: 10px; line-height: 25px; color: #c6c6c6;}
.Ad_cont .navbar1 li span{ float: left; width: 57px; height: 25px; border-left-width: 3px; border-left-style: solid; background-color: #fcfcfc; color: #333; font-weight: bold; line-height: 25px; text-align: center;
	transition: background-color .1s ease-out;
	-moz-transition: background-color .1s ease-out; /* Firefox 4 */
	-webkit-transition: background-color .1s ease-out;
	/* Safari 和 Chrome */
	-o-transition: background-color .1s ease-out; /* Opera */}
.Ad_cont .navbar1 li div{ float: left; width: 1100px; height: 18px; line-height: 18px; overflow: hidden; margin-top: 4px;}
.Ad_cont .navbar1 li a{ color: #333; padding: 1px 5px; margin: 0 10px; /*border-left: 1px solid #c6c6c6;*/}
.Ad_cont .navbar1 li a:hover{ color: #ff5500; text-decoration: none;}
.Ad_cont .navbar1 li div a:first-child{ border-left: 0;}
.Ad_cont .navbar1-li-1 span{ border-left-color: #ff6933;}
.Ad_cont .navbar1-li-2 span{ border-left-color: #4cc6ff;}
.Ad_cont .navbar1-li-3 span{ border-left-color: #98c227;}
.Ad_cont .navbar1 li:hover span{ color: #fff;}
.Ad_cont .navbar1-li-1:hover span{ background-color: #ff6933;}
.Ad_cont .navbar1-li-2:hover span{ background-color: #4cc6ff;}
.Ad_cont .navbar1-li-3:hover span{ background-color: #98c227;}
/*.article-cont .tab-menu{ margin: 30px auto -30px!important;}*/
.article-cont .mrb{ margin: 30px auto -30px !important;}
#myTab1 .active{ cursor: pointer; opacity: 0.6; filter (alpha=60)}
.show{ display: block;}
.hide{display: none;}
.xz_down{ margin:0 20px 25px 0; overflow:hidden; position:relative; padding-left:20px}
.xz_down .dx_wt,.xz_down .dx_wt,.xz_down .xl_down{ display:block; float:left; width:160px; height:60px; line-height:60px; color:#fff; margin-right:22px; padding-left:90px; font-size: 30px; font-family:微软雅黑; text-decoration:none;}
.xz_down a.dx_wt{ background:url(/Public/images/common/dx_wt.png) #659ee3 no-repeat 25px center;}
.xz_down a.xl_down{ background:url(/Public/images/common/xl_down.png) #6dd40a no-repeat 25px center;}
.xz_down a:hover{ background-color:#e4a50e;text-decoration:none;}
.xz_down span{ width: 30px; height: 18px; line-height: 18px; display: block; font-size: 12px; text-align: center; color: #fff; background-color:#d0cfce; position: absolute; right: 0; bottom: 0;
 border-top-left-radius: 10px;}
.xz_down2 .dx_wt,.xz_down2 .dx_wt,.xz_down2 .xl_down{ width:210px!important; padding-left:145px!important;}
.xz_down2 a.dx_wt{ background:url(/Public/images/common/dx_wt.png) #659ee3 no-repeat 80px center;}
.xz_down2 a.xl_down{ background:url(/Public/images/common/xl_down.png) #6dd40a no-repeat 80px center;}
.xz_down2 a:hover{ background-color:#e4a50e;text-decoration:none;}


.twmb ul li .twmb-img{width:150px; height:90px;overflow: hidden;display: block;float: left;position: relative;}
.twmb ul li .twmb-img span{display: block;position: absolute;right: 0;top: 0;background: #aaa;color: #fff;width:34px;text-align: center;font-family:'宋体';line-height: 17px;font-size:13px;}
/* 360ssp */
.twmb{margin-top: 30px;}
.twmb ul{overflow: hidden;margin-left: -20px;}
.twmb ul li{float: left;margin:0 0 20px 20px;width: 425px; }
.twmb ul li .twmb-img span{position:absolute;top:0;right:0;display:block;width:30px;height:16px;background:rgba(200,200,200,.8);text-align:center}
.twmb ul li .twmb-img span i{display:block;margin:-5px 0 0-9px;width:48px;color:#e5e5e5;font-style:normal;font-size:16px;font-family:'宋体';line-height:26px;-webkit-transform:scale(.625);transform:scale(.625)}
.twmb ul li .twmb-img img{width:100%; height:100%;object-fit: cover;}
.twmb ul li .twmb-infor{margin-left: 168px;overflow: hidden;}
.twmb ul li .twmb-infor a{font-size:15px; color:#ff5500; font-weight:bold; max-height:36px; line-height:18px; overflow:hidden; margin-bottom:13px;display: block; }
.twmb ul li .twmb-infor p{width:100%; font-size:13px; line-height:18px; max-height:36px; overflow:hidden;text-overflow:ellipsis;margin-top: 10px;}
.twmb ul li .twmb-infor a{color: #333;font-weight: normal;font-size: 16px;line-height: 21px;max-height: 42px;margin-bottom:10px;}
.twmb ul li .twmb-infor p{color: #999}