.part-banner{margin: 0 20px 0 0;width: 578px;height: 270px;background: #ffffff;border: 6px solid #000000;}
.part-banner .curr{display: block;}
.banner-box{left: 0;top: 0;width: 100%;height: 100%;display: none;}
.banner{position: relative;}
.banner a,.banner img{width: 578px;height: 270px;}
.banner a{position: absolute;left: 0;top: 0;display: none;}
.banner .on{display: block;}
.dot{left: 40px;bottom: 16px;}
.dot a{float: left;margin-right: 6px;width: 9px;height: 9px;background-position: -102px -397px;display: block;}
.dot .on{width: 24px;height: 9px;background-position: -156px -397px;}
.banner-tag{right: 0;top: 0;}
.banner-tag a{float: left;width: 63px;height: 28px;background-position: -486px -332px;color: #ffffff;font-size: 14px;line-height: 28px;text-align: center;text-shadow: 0 0 2px #000000;display: block;}
.banner-tag .on{background-position: -486px -363px;}

.part-news{padding: 0 10px;width: 351px;height: 282px;}
.part-news .part-title{width: 95%;}
.part-news .part-nav{margin-left: 0;}
.ul-news{width: 351px;height: 163px;overflow: hidden;display: none;}
.ul-news li{margin-bottom: 1px;padding: 0 10px;width: 331px;height: 23px;overflow: hidden;}
.ul-news .on{background: #ebedf0;}
.ul-news a{float: left;width: 238px;color: #2c2a2a;font-size: 14px;line-height: 22px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: block;}
.ul-news a:hover,.ul-news .red a,.ul-news .red em a:hover{color: #CD0000;}
.ul-news em{float: left;margin-right: 5px;color: #2c2a2a;}
.ul-news em a,.ul-news .red em a{float: none;display: inline;color: #2c2a2a;}
.ul-news i{margin: 0 3px;width: 26px;height: 18px;background-position: -207px -397px;display: inline-block;vertical-align: middle;}
.ul-news label{float: right;width: 40px;color: #2c2a2a;text-align: right;display: block;}
.part-news .curr{display: block;}

.part-event{margin: 20px 20px 0 0;padding: 0 0px;width: 981px;height: 1450px;}
.part-event .curr{display: block;}
.event{margin-top: 10px;height: 112px;display: none;}
.ul-event{position: relative;padding-left: 240px;width: 310px;}
.ul-event .pic,.ul-event .pic img{width: 201px;height: 99px;}
.ul-event li{width: 100%;height: 28px;*height: 22px;overflow: hidden;}
.ul-event a{float: left;width: 240px;color: #2c2a2a;font-size: 14px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: block;}
.ul-event a:hover{color: #f20000;}
.ul-event a:hover img{opacity: 0.9;}
.ul-event img{position: absolute;left: 0;top: 3px;display: block;}
.ul-event em{float: right;margin-top: 1px;width: 56px;height: 16px;background-position: -211px -420px;color: #ffffff;font-size: 12px;line-height: 16px;text-align: center;display: block;}
.ul-event .off{background-position: -152px -420px;}
.ul-event .before{background-position: -427px -702px;color: #000000;}

.part-title2{padding-top: 10px;}
.part-title2 b{font-size: 18px;}
.today{margin: 0 auto;width: 480px;height: 66px;}
.today .prev,.today .next{top: 17px;width: 19px;height: 35px;display: block;}
.today .prev{left: 0;background-position: -102px -420px;}
.today .prev:hover{left: -2px;}
.today .next{right: 0;background-position: -127px -420px;}
.today .next:hover{right: -2px;}
.today .outer{margin: 0 auto;width: 430px;height: 66px;overflow: hidden;}
.link-today{left: 0;top: 0;width: 999999px;height: 66px;}
.link-today a{float: left;width: 430px;color: #201b17;font-size: 14px;line-height: 18px;text-align: center;display: block;}
.link-today a:hover em{color: #f20000;}
.t-txt,.t-pic{position: relative;margin: 0 12px;display: inline-block;vertical-align: middle;*zoom:1;*display: inline;}
.t-txt{margin-top: 4px;max-width: 310px;*width: 310px;text-align: left;}
.t-txt em{color: #c00a0a;text-decoration: underline;}
.t-pic,.t-pic img{width: 66px;height: 66px;}
.t-pic i{position: absolute;left: 0;top: 0;width: 66px;height: 66px;background: url(/game.gtimg.cn/images/jf/web201605/images/event.png);display: block;}

.part-info{margin-top: 20px;padding: 0 18px;width: 335px;height: 355px;}
.part-info .curr{display: block;}
.link-info{margin-top: 10px;display: none;}
.link-info a{position: relative;margin-bottom: 18px;padding-left: 148px;width: 187px;min-height: 99px;color: #2c2a2a;font-size: 14px;line-height: 22px;display: block;}
.link-info a:hover b{color: #f20000;}
.link-info b{margin-bottom: 5px;font-size: 16px;font-weight: bold;display: block;}
.link-info img{position: absolute;left: 0;top: 0;width: 134px;height: 99px;}

.part-video{margin: 20px 20px 0 0;padding: 0 20px;width: 550px;height: 310px;}
.part-video .part-nav{margin: 10px 0 15px -8px;}
.link-video{width: 570px}
.link-video a{position: relative;float: left;margin-right: 20px;width: 169px;color: #2c2a2a;font-size: 14px;line-height: 18px;text-align: center;display: block;}
.link-video .fix{margin-left: 0;}
.link-video img{margin-bottom: 8px;width: 163px;height: 106px;border: 3px solid #ffffff;}
.link-video i{position: absolute;left: 0;top: 0;width: 169px;height: 112px;background: url(/game.gtimg.cn/images/jf/web201605/images/video.png) no-repeat 50% 50%;display: none;}
.link-video a:hover{color: #f20000;}
.link-video a:hover img{border: 3px solid #c00a0a;}
.link-video a:hover i{display: block;}

.part-brand{margin-top: 20px;padding: 0 18px;width: 335px;height: 310px;}
.part-brand a{display: block;}
.btn-comic{margin-bottom: 8px;width: 334px;height: 107px;}
.btn-comic p{left: 15px;top: 57px;width: 105px;height: 29px;color: #bdcbf0;font-size: 14px;line-height: 29px;text-align: center;}
.btn-comic p em{color: #ffa800;}
.btn-wallpaper,.btn-music{width: 162px;height: 115px;}
.btn-wallpaper p,.btn-music p{left: 0;top: 40px;width: 100%;color: #ffffff;font-size: 12px;line-height: 26px;text-align: center;}
.btn-wallpaper em,.btn-music em{font-size: 26px;display: block;}
.btn-comic:hover,.btn-wallpaper:hover,.btn-music:hover{opacity: 0.9;}

.part-act{margin: 20px 20px 0 0;padding: 0 20px;width: 550px;height: 370px;background: #ffffff;overflow: hidden;}
.part-act .cover{left: 0;top: 0;width: 81px;height: 110px;background: url(/game.gtimg.cn/images/jf/web201605/images/part-bg.jpg);}
.part-act .part-title{left: 0;top: 0;}
.act-nav{left: 20px;top: 75px;padding: 4px 1px 0;width: 548px;height: 29px;background: url(/game.gtimg.cn/images/jf/web201605/images/act.png);overflow: hidden;}
.act-nav a{float: left;width: 77.2px;height: 28px;background: #ffffff;border: solid #b7bcc1;border-width: 0 1px 1px 0;color: #414247;font-size: 14px;line-height: 28px;text-align: center;display: block;}
.act-nav a:hover,.act-nav .on{background: none;color: #000000;font-weight: bold;text-shadow: 2px 2px 0 #ffffff, -2px -2px 0 #ffffff;}
.act-box{position: absolute;left: 20px;top: 130px;width: 570px;padding-top: 20px;display: none;}
.act-box .nav{position: absolute;left: 0;top: 0;height: 22px;}
.act-box .nav a{float: left;margin-right: 1px;padding:0 10px;height: 22px;color: #2c2a2a;font-size: 14px;line-height: 22px;text-align: center;display: block;}
.act-box .nav a:hover,.act-box .nav .on{background: #a92417;color: #ffffff;}
.act-box .con{position: relative;height: 220px;display: none;}
.part-act .on,.act-box .on{display: block;}
.act-box img{position: absolute;right: 0;bottom: 0;width: 589px;height: 369px;}
.act-box .intro{position: relative;padding-top: 30px;width: 230px;height: 115px;color: #2c2a2a;font-size: 14px;line-height: 22px;}
.act-box .link{position: relative;margin-left: -14px;}
.act-box .link a{float: left;width: 90px;color: #000000;font-size: 14px;line-height: 22px;text-align: center;display: block;}
.act-box .link a:hover{color: #f20000;}
.act-box .link i{margin: 0 auto;width: 22px;height: 26px;display: block;}
.act-box .link .i1 i{background-position: -274px -396px;}
.act-box .link .i2 i{width: 20px;background-position: -306px -398px;}
.act-box .link .i3 i{background-position: -334px -398px;}

.part-data{margin-top: 20px;padding: 0 18px;width: 335px;height: 370px;}
.part-data a,.part-data img{width: 322px;height: 70px;display: block;}
.part-data a{position: relative;margin-bottom: 4px;overflow: hidden;}
.part-data a:hover .i1{transform: translateX(2px);}
.part-data a:hover .i2{transform: translateX(-2px);}
.part-data .i1,.part-data .i2{position: absolute;left: 0;top: 0;}

.part-community{margin: 20px 20px 0 0;padding: 0 20px;width: 550px;height: 370px;}
.part-community .act-nav{margin-top: 10px;}
.part-community .act-nav a{width: 108.5px;}
.ul-players{margin-top: 22px;}
.part-community .on{display: block;}
.ul-players li{float: left;margin-right: 19px;width: 163px;}
.ul-players a{width: 163px;color: #201b17;font-size: 14px;line-height: 18px;text-align: center;display: block;}
.ul-players a:hover,.fr-players a:hover{color: #f20000;}
.part-community img{margin-bottom: 5px;width: 163px;height: 183px;}
.fr-players{right: 22px;top: 130px;padding-left: 19px;width: 163px;border-left: 1px solid #cccccc;font-size: 14px;line-height: 18px;text-align: center;}
.fr-players a{color: #201b17;}

.part-walk{margin-top: 20px;padding: 0 18px;width: 335px;height: 370px;overflow: hidden;}
.part-walk .part-nav a{margin: 0 8px;}
.ul-walk{height: 247px;overflow: hidden;display: none;}
.part-walk .curr{display: block;}
.ul-walk li{margin-bottom: 5px;*margin-bottom: -1px;padding: 0 10px;width: 315px;height: 23px;overflow: hidden;}
.ul-walk .on{background: #ebedf0;}
.ul-walk a{float: left;width: 270px;color: #2c2a2a;font-size: 14px;line-height: 22px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: block;}
.ul-walk a:hover,.ul-walk .red a{color: #f20000;}
.ul-walk em{float: right;width: 40px;color: #b1b1b1;font-size: 12px;text-align: right;display: block;}

.part-ver{margin: 20px 0 0 0;width: 980px;height: 280px;}
.part-ver .part-title{width: 940px;}
.ver-box{margin: 0 auto;width: 940px;height: 200px;}
.ver-box .prev,.ver-box .next{top: 62px;width: 10px;height: 21px;display: block;}
.ver-box .prev{left: 0;background-position: -215px -440px;}
.ver-box .prev:hover{left: -2px;}
.ver-box .next{right: 0;background-position: -232px -440px;}
.ver-box .next:hover{right: -2px;}
.ver-box .line{left: 15px;top: 71px;width: 910px;height: 1px;border-bottom: 1px dashed #dbdbdb;overflow: hidden;}
.ver-box .outer{margin: 0 auto;width: 920px;height: 200px;overflow: hidden;}
.ul-ver{left: 0;top: 0;width: 999999px;height: 200px;}
.ul-ver li{position: relative;float: left;width: 185px;height: 200px;}
.ul-ver i{position: absolute;left: 50%;top: 0;margin-left: -71px;width: 142px;height: 142px;background: url(/game.gtimg.cn/images/jf/web201605/images/ver.png);display: block;}
.ul-ver span{position: absolute;left: -8px;top: 63px;width: 16px;height: 17px;background-position: -244px -440px;display: block;}
.ul-ver a{position: relative;width: 185px;height: 200px;display: block;}
.ul-ver img{margin: 5px auto 10px;width: 132px;height: 132px;}
.ul-ver p{color: #979797;font-size: 12px;line-height: 16px;text-align: center;}
.ul-ver em{color: #2c2a2a;font-size: 16px;line-height: 18px;display: block;}
.ul-ver .li1 span,.ul-ver .fix span{display: none;}
.ul-ver a:hover em{color: #f20000;}

.btn-top{position: fixed;left: 50%;margin-bottom: 20px;margin-left: 660px;bottom: 185px;padding: 110px 16px 0 0;width: 79px;height: 25px;background-position: 0 -397px;color: #ffffff;font-size: 13px;font-weight: bold;line-height: 22px;text-align: center;display: none;
	_position: absolute;_margin-bottom: 100px;_top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));
}
.btn-top b{color: #ff0000;}
.btn-top:hover{text-decoration: none;}