.line{border-bottom: 1px solid #ececec;width: 100%;padding-bottom: 20px;}
.area1{margin-bottom: 70px;padding-top: 20px;border-top: 1px solid #ececec;}
.area2{margin-bottom: 50px;}
/*area1-left*/
.area1-left{float: left;width: 400px;margin-right: 40px;}
.area1-left .comtitle{margin: 40px 0 10px 0;}
.area1-left .dlbox{width: 400px;height: 68px;padding: 20px 0;border-top: 1px solid #ececec;border-bottom: 1px solid #ececec;}
.area1-left .dlbox-dt{float: left;width: 68px;height: 68px;overflow: hidden;}
.area1-left .dlbox-dd{float: right;width: 310px;height: 68px;}
.area1-left .dlbox-dd h3{font-size: 18px;width: 310px;height: 18px;line-height: 18px;overflow: hidden;margin-bottom: 10px;}
.area1-left .dlbox-dd h3 a{color: #333;}
.area1-left .dlbox-dd h3 a:hover{color: #ff5500;}
.area1-left .dlbox-dd p{font-size: 12px;color: #999;width: 310px;height: 36px;line-height: 18px;overflow: hidden;}
.area1-left .txtlist{width: 385px;margin-top: 18px;}
/*slide*/
.slide{width: 400px;height: 230px;border-bottom: 1px solid #ddd;overflow: hidden;background-color: #f9f9f9;position: relative;}
.slide div{position: absolute;left: 0;top: 0;}
.slide a{float: left;;width: 400px;height: 230px;overflow: hidden;position: relative;}
.slide span{position: absolute;left: 0;bottom: 0;width: 280px;height: 36px;line-height: 36px;font-size: 16px;color: #fff;font-weight: bold;overflow: hidden;padding: 0 110px 0 10px;background-color: rgba(0,0,0,.7);background-color: #000\9;}
.slide a:hover{text-decoration: none;}
.slide a:hover span{color: #ff5500;}
.slide ol{position: absolute;right: 10px;bottom: 11px;z-index: 99999;}
.slide ol li{float: left;width: 10px;height: 10px;border-radius: 5px;background-color: #ccc;margin-left: 7px;}
.slide ol li.active{background-color: #ff5500;}
/*area1-center*/
.area1-center{float: left;width: 440px;}
/*area1-hotNews*/
.area1-hotNews{padding-top: 70px;background: url(/Public/images/patch/index/area1_center_tag.png) 0 0 no-repeat;margin-bottom: 20px;}
.area1-hotNews h2{font-size: 24px;font-weight: bold;text-align: center;height: 28px;line-height: 28px;overflow: hidden;}
.area1-hotNews h2 a{color: #e54d00;}
.area1-hotNews h2 a:hover{color: #cc4400;text-decoration: none;}
.area1-hotNews li{text-align: center;margin-top: 15px;}
.area1-hotNews li a{color: #666;padding: 0 10px;}
.area1-hotNews li:nth-child(2),.area1-hotNews li:nth-child(3){height: 16px;line-height: 16px;overflow: hidden;}
.area1-hotNews li:nth-child(2) a:first-child,.area1-hotNews li:nth-child(3) a:first-child{border-right: 1px solid #ececec;}
.area1-hotNews li a:hover{color: #ff5500;text-decoration: none;}
/*area1-center-box*/
.area1-center-box .box{display: none;}
.area1-center-box .show{display: block;}
.area1-center-box ol{width: 440px;height: 46px;position: relative;}
.area1-center-box ol span{position: absolute;left: 0;bottom: 7px;width: 440px;height: 1px;background-color: #ececec;}
.area1-center-box ol li{float: left;width: 69px;height: 29px;line-height: 22px;background: url(/Public/images/patch/index/area1_tab.png) 0 0 no-repeat;margin-left: 60px;text-align: center;color: #666;position: relative;cursor: pointer;}
.area1-center-box ol i{position: absolute;left: 26px;bottom: -18px;width: 18px;height: 18px;background: url(/Public/images/patch/index/area1_tab.png) 0 -138px no-repeat;}
.area1-center-box ol li:hover,.area1-center-box ol li.active{color: #fff;background-position: 0 -69px;}
.area1-center-box ol li.active i{background-position: 0 -196px;}
.area1-center-box .line{border-bottom: 1px dotted #ddd;margin-bottom: 20px;}
.area1-center-box .classify{color: #ff5500;}
.area1-center-box .txt{width: 328px;}
.area1-center-box .txt:hover{color: #ff5500;}
/*area1-right*/
.area1-right{float: right;width: 260px;}
.area1-right-1{margin-bottom: 40px;}
.area1-right-1 .comtitle{margin: 0 0 30px 0;}
.area1-right .gameNeed{margin: -9px 0 0 -9px;width: 269px;height: 172px;overflow: hidden;}
.area1-right .gameNeed a{float: left;height: 32px;line-height: 32px;padding: 0 13px;background-color: #fff;border: 1px solid #ececec;color: #333;margin: 9px 0 0 9px;}
.area1-right .gameNeed a:hover{border-color: #ff5500;background-color: #ff5500;color: #fff;}
/*area1-series*/
.area1-right-2 .comtitle{margin: 0 0 20px 0;}
.area1-series a{display: block;width: 240px;height: 63px;padding-left: 20px;margin-top: 20px;font-size: 18px;color: #333;line-height: 63px;background: url(/Public/images/news/index/series.png) 0 0 no-repeat;}
.area1-series a:hover{background-position: 0 -63px;color: #ff5500;}
/*area2*/
.area2{margin: 0 0 10px -39px;}
.area2-box{float: left;width: 366px;margin: 0 0 40px 39px;}
.area2-box-cont{padding: 19px 19px 28px 19px;border: 1px solid #ececec;border-top: 0;}
.area2 h3{width: 330px;height: 42px;line-height: 42px;padding-left: 36px;background: #1cd294 url(/Public/images/patch/index/area2_icon.png) 9px 8px no-repeat;font-size: 20px;color: #fff;}
.area2 ul{width: 370px;}
.area2 .imgbox1{width: 120px;height: 160px;margin: 0 44px 25px 0;padding: 9px;background-color: #f9f9f9;border: 1px solid #f9f9f9;}
.area2 .imgbox1 .txt{left: 9px;bottom: 9px;width: 110px;padding: 0 5px;}
.area2 .imgbox1 a:hover{background-color: #fff4e5;border-color: #ffd2a6;}
.area2 .txtlist{width: 326px;margin-top: 20px;clear: both;}
.area2 h3 a{float: right;width: 45px;height: 42px;line-height: 42px;text-align: center;color: #fff;font-size: 30px;background-color: #1bc78c;}
.area2 h3 a:hover{background-color: #19bd85;}
/*footer*/
.footer{margin-top: 0;background-color: #fff;}
/*transition*/
.area2 .imgbox1,.area2 h3 a,.area1-right .gameNeed 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 */
}

.area1-center .area1-hotNews .bd-l a{ border-right: 1px solid #ececec;}
.area1-center .area1-hotNews .bd-l>a:last-of-type{ border-right:none;}