/*.subnav{margin-bottom: 0;}*/
.area2,.area3,.area4,.area5,.area6{margin-bottom: 40px;}
.footer{margin-top: 0;}
/*area1*/
.area1{width: 100%;background: url(/Public/images/pcgame/index/area1_bg.png) 0 0 repeat; margin-top:20px;}
.area1 .AdArea{padding: 20px 0;}
.area1-cont{width: 1180px;margin: 0 auto;}
.slide{float: left;width: 880px;height: 400px;position: relative;overflow: hidden;}
.slide img{width: 100%;height: 100%;}
.slide .prev,.slide .next{width: 34px;height: 66px;position: absolute;bottom: 20px;background-color: rgba(0,0,0,.8);background-color: #000\9;background-image: url(/Public/images/pcgame/index/pn.png);background-repeat: no-repeat;z-index: 3;}
.slide .prev{left: 105px;background-position: 9px 23px;}
.slide .next{right: 105px;background-position: -19px 23px;}
.slide ol{position: absolute;left: 0;bottom: 20px;margin-left: 140px;z-index: 2;}
.slide ol li{width: 92px;height: 62px;border: 2px solid #fff;overflow: hidden;float: left;margin-left: 20px;}
.slide ol li.active{border-color: #ff9500;}
.slide ul{position: relative;left: 0;}
.slide ul li{width: 880px;height: 400px;overflow: hidden;float: left;position: relative;}
.slide .txt{position: absolute;left: 20px;top: 116px;background-color: rgba(0,0,0,.6);background-color: #000\9;width: 330px;height: 62px;padding: 30px}
.slide h3{font-size: 30px;font-weight: bold;color: #fff;text-align: center;width: 330px;height: 32px;line-height: 32px;overflow: hidden;margin-bottom: 16px;}
.slide .txt span{display: block;font-size: 18px;color: #ccc;height: 18px;line-height: 18px;overflow: hidden;text-align: right;}
/*area1-right*/
.area1-right{width: 280px;height: 400px;float: right;background-color: #fff;}
.area1-right .comtitle{width: 280px;height: 40px;line-height: 40px;background-color: #20da9b;margin: 0;}
.area1-right .comtitle h2{height: 20px;line-height: 20px;color: #fff;border-color: #fff;margin: 10px 0 0 10px;}
.area1-right .imgbox1{width: 258px;height: 108px;border: 1px solid #ececec;float: none;margin: 10px 0 0 10px;}
.area1-right .weekly{margin-left: 10px;}
/*area2*/
.area2 .box ul{border-top: 2px solid #ff9500;border-right: 1px solid #ececec;border-bottom: 1px solid #ececec;display: none;}
.area2 .box ul.show{display: block;}
.area2 .imgbox{width: 255px;padding: 17px 19px;position: relative;border-left: 1px solid #ececec;margin: 0;}
.area2 .imgbox img{width: 255px;height: 108px;}
.area2 .imgbox .txt{height: 16px;line-height: 16px;color: #333;font-size: 16px;}
.area2 .imgbox .label{position: absolute;left: 29px;top: 17px;background: url(/Public/images/pcgame/index/label.png) 0 0 no-repeat;width: 76px;height: 27px;text-align: center;color: #fff;padding-top: 10px;overflow: hidden;}
/*area3*/
.area3-t{border-bottom: 1px solid #ececec;}
.area3-left{float: left;width: 880px;}
.area3 .imgArea{margin-left: -30px;}
.area3 .imgbox{width: 120px;margin: 0 0 30px 30px;}
.area3 .imgbox span.img{ width:120px; height:160px; overflow:hidden;display:block; position:relative;}
.area3 .imgbox img{height:160px; width:auto; position:absolute; left:-50%;}
.area3 .imgbox .txt{height: 14px;line-height: 14px;color: #333;text-align: left;}
/*imgArea1*/
.area3 .imgArea1 li{width: 254px;height: 108px;padding: 22px 19px;border: 1px solid #ececec;float: left;margin: -1px 0 0 -1px;position: relative;}
.area3 .imgArea1 img{width: 254px;height: 108px;}
.area3 .imgArea1 .layer{position: absolute;left: 0;top: 0;width: 255px;height: 110px;background-color: rgba(0,0,0,.8);background-color: #000\9;padding: 19px 19px;display: none;}
.area3 .imgArea1 li:hover .layer{display: block;}
.area3 .imgArea1 .layer h3{font-size: 18px;font-weight: bold;color: #fff;margin-bottom: 6px;width: 255px;height: 18px;overflow: hidden;}
.area3 .imgArea1 .layer p{line-height: 20px;color: #ccc;width: 255px;height: 60px;overflow: hidden;}
.area3 .imgArea1 .layer .down{width: 68px;height: 22px;border: 1px solid #ff9500;line-height: 22px;text-align: center;color: #ff9500;float: right;}
.area3 .imgArea1 .layer .down:hover{background-color: #ff9500;color: #fff;}
/*area3-right*/
.area3-right{float: right;width: 260px;}
.area3-right .ranklist .ranknum{position: absolute;left: 0;top: 0;width: 19px;height: 19px;text-align: center;line-height: 19px;color: #fff;background-color: #4b9afa;z-index: 3;}
.area3-right .ranklist .top3{background-color: #ff5a00;}
.area3-right .ranklist .txtlist{margin: 0 0 17px 0;position: relative;}
.area3-right .ranklist .txtlist .txt{float: left;width: 180px;height: 16px;overflow: hidden;line-height: 16px;}
.area3-right .ranklist .txtlist .classify{float: right;}
.area3-right .ranklist .active{height: 160px;background: none;}
.area3-right .ranklist .active dl{display: block;}
.area3-right .ranklist .active .txtlist-li{display: none;}
.area3-right .ranklist .txtlist-li{line-height: 16px;height: 16px;width: 225px;overflow: hidden;margin: 0 0 0 38px;}
.area3-right .ranklist dl{width: 260px;height: 160px;display: none;}
.area3-right .ranklist dt{width: 120px;height: 160px;overflow: hidden;float: left;}
.area3-right .ranklist dt img{width: 100%;height: 100%;}
.area3-right .ranklist dd{float: right;width: 128px;}
.area3-right .ranklist dd h3{font-size: 18px;height: 20px;line-height: 20px;margin-bottom: 6px;width: 128px;overflow: hidden;font-weight: bold;}
.area3-right .ranklist dd h3 a{color: #cc4400;}
.area3-right .ranklist dd h3 a:hover{color: #ff5500;}
.area3-right .ranklist dd p{font-size: 12px;color: #999;margin-bottom: 6px;line-height: 24px;}
.area3-right .ranklist dd p span{width: 150px;display: block;}
.area3-right .ranklist dd p i{color: #333;}
.area3-right .ranklist dd .link{display: block;width: 102px;height: 29px;border: 1px solid #0acc8b;color: #0acc8b;line-height: 29px;text-align: center;}
.area3-right .ranklist dd .link:hover{background-color: #0acc8b;color: #fff;}
/*area4*/
.area4 .imgArea{border-right: 1px solid #ececec;border-top: 1px solid #ececec;}
.area4 .imgArea .imgbox{width: 255px;padding: 17px 19px;position: relative;border-left: 1px solid #ececec;margin: 0;border-bottom: 1px solid #ececec;}
.area4 .imgArea .imgbox img{width: 255px;height: 108px;}
.area4 .imgArea .imgbox .txt{height: 16px;line-height: 16px;color: #333;font-size: 16px;}
.area4 .imgArea .imgbox .label{position: absolute;left: 29px;top: 17px;background-image: url(/Public/images/pcgame/index/label1.png);background-repeat: no-repeat;width: 50px;height: 27px;text-align: center;color: #fff;padding-top: 10px;overflow: hidden;}
.area4 .imgArea .imgbox .col1{background-position: 0 0;}
.area4 .imgArea .imgbox .col2{background-position: 0 -40px;}
/*imgbox1*/
.area4 .imgArea1{margin: 0 0 30px -40px;}
.area4 .imgArea1 li{border: 1px solid #ececec;border-bottom: 0;float: left;width: 161px;margin-left: 40px;}
.area4 .imgArea1 img{width: 120px;height: 120px;border-radius: 25px;margin: 20px 0 20px 20px;}
.area4 .imgArea1 h3{width: 120px;height: 18px;line-height: 18px;font-size: 16px;font-weight: bold;color: #333;overflow: hidden;margin: 0 0 15px 20px;text-align: center;}
.area4 .imgArea1 p{width: 144px;height: 48px;line-height: 24px;color: #666;margin: 0 0 15px 8px;}
.area4 .imgArea1 .link{display: block;width: 163px;height: 39px;line-height: 39px;text-align: center;color: #fff;background-color: #ff9500;font-size: 16px;position: relative;left: -1px;}
.area4 .imgArea1 li:hover{border-color: #ff9500;}
.area4 .imgArea1 li:hover h3{color: #f50;}
.area4 .imgArea1 li:hover .link{background-color: #f50;}
/*imgArea2*/
.area4 .imgArea2{height: 125px;border: 1px solid #ececec;}
.area4 .imgArea2 .tag{float: left;width: 22px;height: 100px;color: #333;padding: 25px 8px 0 8px;text-align: center;font-size: 16px;line-height: 24px;font-weight: bold;border-right: 1px solid #ececec;}
.area4 .imgArea2 ul{float: left;}
.area4 .imgArea2 .imgbox{margin: 20px 0 0 30px;}
.area4 .imgArea2 .imgbox .txt{width: 155px;color: #333;}
.area4 .imgArea2 .imgbox img{width: 155px;height: 66px;}
.area4 .imgArea2 .imgbox .txt:hover{color: #f50;}
/*area5*/
.area5 ul{margin-left: -19px;}
.area5 li{padding: 19px;float: left;width: 340px;height: 160px;border: 1px solid #ececec;margin: 0 0 19px 19px;}
.area5 li:hover{border-color: #f50;}

.area5 li.h_120{ height:120px!important;}
.area5 li.h_120 h3 { margin-bottom:9px!important;}
.area5 li.h_120 .img1{width: 120px;height: 120px;border-radius: 25px;}
.area5 li.h_120 p { margin-bottom:10px!important;height:34px!important;line-height:17px!important;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:2; }

.area5 li img{width: 100%;height: 100%;}
.area5 li .img1,.area5 li .img2{float: left;overflow: hidden;}
.area5 li .img1{width: 120px;height: 160px;}
.area5 li div{float: left;margin-left: 20px;}
.area5 li h3{width: 200px;height: 22px;line-height: 22px;font-size: 20px;font-weight: bold;margin-bottom:20px;overflow: hidden;}
.area5 li h3 a{color: #333;}
.area5 li h3 a:hover{color: #f50;}
.area5 li p{width: 200px;height: 54px;line-height: 18px;color: #999;margin-bottom:19px;overflow: hidden;text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:3; }
.area5 li .link{display: block;width: 200px;height: 45px;line-height: 45px;text-align: center;font-size: 16px;color: #fff;background-color: #20da9b;}
.area5 li .link:hover{background-color: #0acc8b;}
/*area6*/
.area6 .comtitle1{margin-bottom: 28px;}
/*cont1*/
.area6-left{float: left;width: 880px;}
.area6-left .cont1 li{padding: 20px;border-top: 1px solid #ececec;position: relative;width: 840px;height: 225px;display: none;}
.area6-left .cont1 li.show{display: block;}
.area6-left .cont1 .img{float: left;width: 530px;height: 225px;overflow: hidden;margin-right: 20px;}
.area6-left .cont1 .img .label{position: absolute;left: 0;top: 0;width: 100px;height: 100px;background: url(/Public/images/pcgame/index/label2.png) 0 0 no-repeat;}
.area6-left img{width: 100%;height: 100%;}
.area6-left .cont1 .desc{float: left;width: 290px;}
.area6-left .cont1 h3{font-size: 26px;font-weight: bold;color: #333;width: 290px;height: 28px;line-height: 28px;overflow: hidden;margin-bottom: 20px;}
.area6-left .cont1 p{width: 260px;height: 80px;padding: 5px 15px;background-color: #f0f0f0;line-height: 28px;color: #999;}
.area6-left .cont1 p span{display: block;}
.area6-left .cont1 p span i{font-style: normal;color: #333;}
.area6-left .cont1 .link{margin-left: -50px;}
.area6-left .cont1 .link a{float: left;padding-left: 40px;background-image: url(/Public/images/pcgame/index/icon.png);background-repeat: no-repeat;height: 32px;line-height: 32px;font-size: 16px;color: #333;margin: 10px 0 0 50px;}
.area6-left .cont1 .link a:hover{color: #f50;}
.area6-left .cont1 .icon1{background-position: 0 0;}
.area6-left .cont1 .icon2{background-position: 0 -43px;}
.area6-left .cont1 .icon3{background-position: 0 -88px;}
.area6-left .cont1 .icon4{background-position: 0 -130px;}
/*ol*/
.area6-left ol{width: 840px;height: 84px;background: #303640 url(/Public/images/pcgame/index/line.png) center 59px no-repeat;padding: 28px 20px 0 20px;}
.area6-left ol li{position: relative;text-align: center;float: left;height: 80px;margin-left: 10px;cursor: pointer;}
.area6-left ol .trangle1,.area6-left ol .trangle2{position: absolute;left: 50%;width: 20px;height: 10px;background-image: url(/Public/images/pcgame/index/trangle.png);background-repeat: no-repeat;margin-left: -10px;display: none;z-index: 3;}
.area6-left ol li.active .trangle1,.area6-left ol li.active .trangle2{display: block;}
.area6-left ol .trangle1{top: -28px;background-position: 0 0;}
.area6-left ol .trangle2{bottom: -10px;background-position: 0 -112px;}
.area6-left ol span,.area6-left ol i{display: block;}
.area6-left ol .span1{color: #999;margin-bottom: 6px;}
.area6-left ol .circle{width: 11px;height: 19px;background: #303640 url(/Public/images/pcgame/index/circle.png) 0 4px no-repeat;margin: 0 auto;margin-bottom: 6px;}
.area6-left ol .span2{font-size: 12px;color: #ccc;}
.area6-left ol li.active span{color: #fff;}
.area6-left ol li.active .circle{background-position: 0 -21px;width: 19px;}
.area6-left .cont2{background-color: #4c5766;padding: 30px 0;position: relative;}
.area6-left .cont2 .label{width: 64px;height: 35px;line-height: 35px;padding-left: 20px;color: #fff;position: absolute;left: 0;top: 30px;background: url(/Public/images/pcgame/index/label3.png) 0 0 no-repeat;font-size: 16px;}
.area6-left .cont2 li{width: 880px;height: 110px;display: none;}
.area6-left .cont2 li.show{display: block;}
.area6-left .cont2 a{float: left;width: 260px;height: 110px;overflow: hidden;margin: 0 10px 0 20px}
/*area6-right*/
.area6-right{float: right;width: 260px;}
.area6-right .linkbox{width: 263px;margin-left: -1px;position: relative;}
.area6-right .linkbox a{float: left;background-color: #ffbf80;font-size: 16px;text-align: center;margin: 0 0 1px 1px;color: #fff;overflow: hidden;}
.area6-right .linkbox a:hover{background-color: #ff9500;}
.area6-right .com1{width: 196px;height: 59px;line-height: 59px;}
.area6-right .com2{width: 16px;height: 145px;padding: 17px 24px;line-height: 22px;}
.area6-right .com3{width: 131px;height: 59px;line-height: 59px;}
.area6-right .com4{width: 45px;height: 39px;line-height: 23px;padding: 10px;}
.area6-right .com5{width: 16px;height: 149px;padding: 45px 24px;line-height: 22px;}
.area6-right .com6{width: 130px;height: 59px;line-height: 59px;}
.area6-right .com7{width: 261px;height: 59px;line-height: 59px;}
.area6-right a.a1{margin-left: -64px;}
.area6-right a.a2{margin-top: 60px;}
.area6-right a.a5{position: absolute;left: 65px;top: 180px;}
.area6-right a.a6{position: absolute;right: 66px;top: 180px;}
.area6-right a.a7{margin-top: -120px;}
.area6-right a.a10,.area6-right a.a14{width: 44px;}