body{position: relative;font-family: "Microsoft Yahei";overflow-x: hidden;background:url(../images/bg/bg_02.jpg) center repeat-y;}
.f-l{float: left;}
.f-r{float: right;}
.wrap{width: 1200px;margin: 0 auto;}
.u-btn.play{position: absolute;left: 50%;top: 665px;width: 100px;height: 100px;margin-left: -50px;border-radius: 50%;cursor: pointer;z-index: 5;}
.flash{position: absolute;left: 50%;top: 42px;width: 1000px;height: 750px;margin-left: -500px;}
.flash .bg-vid{position: absolute;bottom: 0;left: 0;width: 1000px;height: 140px;background: url(../images/btn-vid.png) center no-repeat;}
@keyframes md-ani{0%{-webkit-transform: translateY(-20%);transform: translateY(-20%);opacity: 0;}
50%{-webkit-transform: translateY(0%);transform: translateY(0%);opacity: 1;}
100%{-webkit-transform: translateY(20%);transform: translateY(20%);opacity: 0;}}
.u-menu{position: absolute;top: 62px;right: 40px;width: 192px;height: 46px;background: url(../images/link.png) no-repeat;}
.u-menu a{float: left;display: block;width: 95px;height: 46px;}
.logo{position: absolute;top: 62px;left: 40px;width: 142px;height: 110px;}
.logo a{display: block;width: 100%;height: 100%;background: url(../images/logo.png) center no-repeat;transition: 0.4s all;}
.logo a:hover{opacity: 0.7;filter: alpha(opacity=70);}
.ico-md{position: absolute;top: 855px;left: 50%;width: 47px;height: 57px;margin-left: -24px;background: url(../images/icon-md.png) center no-repeat;-webkit-animation: md-ani 1.7s infinite linear;-o-animation: md-ani 1.7s infinite linear;animation: md-ani 1.7s infinite linear;}
.nav{width: 85px;height: auto;position: fixed;top: 50%;right: 40px;margin-top: -135px;z-index: 9;}
.nav ul{background-image: url(../images/line.png);background-repeat: no-repeat;background-position: 80px center;}
.nav ul li{width: 100%;margin-bottom: 20px;}
.nav ul li a{position: relative;font-size: 14px;text-align: center;color: #FF0000;display: block;background: url(../images/nav-1.png) right center no-repeat;transition: all .4s ease-in-out;}
.nav ul li a:hover,.nav ul li a.cur{font-size: 16px;color: #f405fd;background-image: url(../images/nav-2.png);}
.bg{position: absolute;top: 42px;left: 0;width: 100%;z-index: -1;}
.bg .item{width: 100%;height: 1200px;background-position: top center;background-repeat: no-repeat;}
.bg .bg1{}
.bg .bg2{background-image: url(../images/bg/bg_02.jpg);}
.m-main{margin-top: -500px;margin-bottom: 0px;font-size: 16px;color: #e9e6d0;}
.m-main .title{width: 100%;height: 65px;margin-bottom: 10px;background-position: top center;background-repeat: no-repeat;background-image: url(../images/sprite-t.png);}
.main-item{margin-bottom: 15px;}
.item-1 .title{background-position: -20px -20px;}
.item-2 .title{height: 65px;background-position: -20px -164px;}
.item-3 .title{background-position: -20px -269px;}
.item-4 .title{background-position: -20px -413px;}
.m-list{overflow: hidden;}
.m-list li{float: left;}
.star{display: inline-block;width: 16px;height: 14px;background-image: url(../images/star.png);}
.star.full{background-position: 0 0;}
.star.half{background-position: -17px 0;}
.char-list{margin-left: -20px;overflow: hidden;}
.char-list li.item{float: left;width: 310px;margin-left:0px;_margin-left: 0px;}
.char-list .skill{margin-bottom: 20px;}
.char-list .img{width: 100%;height: 187px;background-position: top center;background-repeat: no-repeat;}
.char-list .img-1{background-image: url(../images/char-1.png);}
.char-list .img-1:hover{background-image: url(../images/char-11.png);}
.char-list .img-2{background-image: url(../images/char-2.png);}
.char-list .img-2:hover{background-image: url(../images/char-22.png);}
.char-list .img-3{background-image: url(../images/char-3.png);}
.char-list .img-3:hover{background-image: url(../images/char-33.png);}
.char-list .skill-wrapper{width: 100%;padding: 5px 0;background: #000;}
.skill-list{height: 46px;margin-left: 0px;padding-left: 60px;background: url(../images/icon-skill.png) left center no-repeat;}
.skill-list li{width: 46px;height: 46px;margin-left: 12px;background-image: url(../images/sprite-ico.png);}
.char-list .name{width: 100%;height: 10px;margin-bottom: 12px;padding-bottom: 15px;border-bottom: 1px solid #2d2d2d;background-image: url(../images/sprite-n.png);background-repeat: no-repeat;text-indent: -999em;}
.char-list .n-1{background-position: -20px -20px;}
.char-list .n-2{background-position: -20px -77px;}
.char-list .n-3{background-position: -20px -136px;}
.char-list .detail li{margin-bottom: 5px;}
.tag{color: #b6a065;}
.avatar-list{margin-left: -20px;}
.event-detail{width: 100%;height: 310px;margin-bottom: 60px;}
.event-detail.event-1{background: url(../images/bg-act-2.png);}
.event-detail.event-2{background: url(../images/map-1.png);}
.event-detail.event-3{background: url(../images/map-2.png);}
.event-detail .text{float: right;width: 555px;margin-top: 40px;margin-right: 65px;}
.event-1 .text li{position: relative;padding-left: 20px;}
.event-1 .text li .tag{position: absolute;left: 0;top: 0;}
.event-detail .row{margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px solid #2d2d2d;}
.avatar-list li{width: 319px;height: 144px;margin-left: 20px;margin-bottom: 20px;background-image: url(../images/bg-avatar.png);}
.avatar-list .avatar{float: left;width: 91px;height: 91px;margin-top: 25px;margin-left: 25px;border-radius: 50%;background-image: url(../images/sprite-a.png);}
.avatar.a-1{background-position: -20px -20px;}
.avatar.a-2{background-position: -151px -20px;}
.avatar.a-3{background-position: -282px -20px;}
.avatar.a-4{background-position: -20px -151px;}
.avatar.a-5{background-position: -151px -151px;}
.avatar.a-6{background-position: -282px -151px;}
.avatar.a-7{background-position: -20px -282px;}
.avatar.a-8{background-position: -151px -282px;}
.avatar.a-9{background-position: -282px -282px;}
.avatar-list .text{float: right;width: 8em;margin-top: 25px;margin-right: 45px;}
.avatar-list .name{color: #d9bf78;}
.item-list{margin-top: 10px;overflow: hidden;}
.item-list li{width: 46px;height: 46px;margin-right: 15px;background-image: url(../images/sprite-ico.png);}
.u-mask{display: none;background: #000;position: fixed;_position: absolute;top: 0px;filter: Alpha(Opacity=88);opacity: 0.88;width: 100%;z-index: 3;height: 100%;_height: 3540px;}
.u-win.vidplayer{display: none;position: fixed;_position: absolute;top: 50%;left: 50%;margin-left: -300px;margin-top: -168px;border: 5px solid #c4312d;z-index: 10;background: #fff;}
.vidplayer .close{position: absolute;top: -5px;right: -55px;width: 50px;height: 50px;background: #151515 url(../images/icon-close.png) center no-repeat;text-indent: -999em;cursor: pointer;}
.vidplayer .close:hover{background-color: #c4312d;}
.icon{cursor: pointer;}
.icon.A001{background-position: 0 0;}
.icon.A002{background-position: -46px 0;}
.icon.A003{background-position: -92px 0;}
.icon.A004{background-position: -138px 0;}
.icon.A005{background-position: 0 -46px;}
.icon.A006{background-position: -46px -46px;}
.icon.A007{background-position: -92px -46px;}
.icon.A008{background-position: -138px -46px;}
.icon.A009{background-position: 0 -92px;}
.icon.A010{background-position: -46px -92px;}
.icon.A011{background-position: -92px -92px;}
.icon.A012{background-position: -138px -92px;}
.icon.A013{background-position: 0 -138px;}
.icon.A014{background-position: -46px -138px;}
.icon.A015{background-position: -92px -138px;}
.icon.A016{background-position: -138px -138px;}
.icon.A017{background-position: 0 -184px;}
.icon.A018{background-position: -46px -184px;}
.icon.A019{background-position: -92px -184px;}
.icon.A020{background-position: -138px -184px;}
.icon.A021{background-position: 0 -230px;}
.icon.A022{background-position: -46px -230px;}
.icon.A023{background-position: -92px -230px;}
.icon.A024{background-position: -138px -230px;}
.topic{background: #333;background: rgba(0, 0, 0, 0.8);color: #fff;padding: 5px;position: absolute;top: 100px;left: 200px;}
.topic .adorn{width: 7px;height: 11px;overflow: hidden;position: absolute;bottom: 15px;left: -7px;}
.topic .adorn_r{width: 7px;height: 11px;overflow: hidden;position: absolute;bottom: 15px;right: -7px;}
.topic .inner_html{line-height: 20px;font-size: 12px;color: #fff;font-family: arial;}
.topic .inner_html a{color: #fff;font-weight: bold;text-decoration: none;border-bottom: 1px dotted #990000;}
.topic .inner_html a:hover{border-bottom: 2px solid #990000;}
.topic{color: #00ff00;}
.topic .itemDesc{width: 260px;margin-top: 10px;color: #a1e5ff;}
.topic .type2{color: #fff;}
.topic .type3{margin-bottom: 10px;}
.topic .green, .topic .strength, .topic .agility, .topic .mentality, .topic .iniMovementSpeed, .topic .healthPoint, .topic .manaPerSecond, .topic .skillStats, .integralAddition, .topic .smPerSecond, .fightingCapAdd{color: #00ff00;}
.topic .skillAdd1{margin-top: 10px;}
.topic .skillAdd1, .topic .skillAdd2{width: 260px;}
.topic .skillAdd1, .topic .skillAdd2{color: #0088ff;}
.topic .purple{color: #9205EA;}
.topic .gold, .topic .type3{color: #FFCC11;}
.topic .dGold{color: #dd9955;}
.topic .orange, .topic .magicValue{color: #FF8800;}
.topic .blue{color: #0088ff;}
#flash{width:96px;height:450px;position:fixed;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));right:40px;top:0px;margin-top:0px;z-index:6000;}
#flash a{text-indent:-99em;overflow:hidden;}
#flash a.btn_kefu{width:130px;height:62px;background:url(../images/a_bg2.jpg) no-repeat left top;display:block;}
#flash a.btn_kefu:hover{background-position:-130px top ;}
#flash a.btn_top{width:130px;height:62px;background:url(../images/a_bg2.jpg) no-repeat left -61px;display:block;}
#flash a.btn_top:hover{background-position:-130px -61px ;}
#flash .erweimaa{width:68px;height:102px;padding-top:0px;}
#flash .erweimaa img{margin:0 auto 3px;width:118px;height:117px;display:block;}
#onlinflasheKefu .erweima span{height:27px;line-height:27px;text-align:center;overflow:hidden;color:#feffff;display:block;font-size:12px;font-family:'微软雅黑';}