body{
	position: relative;
	font-family: "Microsoft Yahei";
/*	overflow-x: hidden;*/
	background: #0e0a18;
	min-width: 1005px;
}

.right{
	float: right;
}

.left{
	float: left;
}

.u-btn{
	cursor: pointer;
}

.video{
	position: absolute;
	left: 50%;
	top: 65px;
	width: 190px;
	height: 218px;
	margin-left: -95px;
	background: url(../images/bg-vid.png) center no-repeat;
}

.video .play{
	position: absolute;
	left: 50%;
	top: 80px;
	width: 29px;
	height: 29px;
	margin-left: -18px;
	background: url(../images/icon-play.png) center no-repeat;
	cursor: pointer;
}

.u-user .inf .u-btn.disabled{
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    
    filter: grayscale(100%);
	
	filter: gray;
}

.u-share{
	position: absolute;
	top: -610px;
	right: -100px;
	width: 45px;
	height: 150px;
	background: url(../images/bg-share.png);
}

.u-share a{
	display: block;
	position: relative;
	width: 100%;
	height: 50px;
}

.app .qr {
    display: none;
    position: absolute;
    left: -121px;
    top: -32px;
    width: 121px;
    height: 121px;
    background: url(../images/qr.png);
    z-index: 99;
}

.u-sidebar{
	_display:none;
	position: fixed;
	_position: absolute;
	top: 50%;
	right: 50px;
	width: 97px;
	height: 100px;
	margin-top: -50px;
	text-align: center;
}

.u-sidebar div.item{
	width: 10px;
	height: 11px;
	margin: 5px auto;
	cursor: pointer;
	background: url(../images/icon-nav.png);
}

.u-sidebar div.item.active{
	width: 10px;
	height: 24px;
	background: url(../images/icon-nav-a.png);
}

.u-sidebar div.item p{
	width: 40px;
	margin: 0 auto;
	height: 28px;
	background: url(../images/icon-nav.png);
}

.u-sidebar div.item1 p{
	background-position: -1px 0px;
}

.u-sidebar div.item1.active p{
	background-position: -57px 0px;
}


.u-sidebar div.item2 p{
	background-position: 0px -68px;
}

.u-sidebar div.item2.active p{
	background-position: -57px -68px;
}

.u-sidebar div.item3 p{
	background-position: 0px -140px;
}

.u-sidebar div.item3.active p{
	background-position: -57px -140px;
}

.u-sidebar div.item4 p{
	background-position: 0px -211px;
}

.u-sidebar div.item4.active p{
	background-position: -57px -211px;
}

.u-sidebar div.goTop p{
	margin-top: -6px;
	background-position: -2px -278px;
}

.u-nav{
	position: absolute;
	top: -590px;
	left: -170px;
}

.slogen{
	display: block;
	position: absolute;
	top: -170px;
	left: 50%;
	width: 455px;
	height: 97px;
	margin-left: -228px;
	background: url(../images/slogen.png);
}

.logo{
	position: absolute;
	top: 60px;
	left: 20px;
	width: 280px;
	height: 79px;
}

.logo a{	
	display: block;	
	width: 280px;
	height: 79px;
	background: url(../images/logo.png);
}

a.index{
	display: block;
	position: absolute;
	top: 80px;
	right: 20px;
	width: 163px;
	height: 29px;
	background: url(../images/btn-index.png);
}

.u-nav .nav{
	margin-top: 15px;
}

.u-nav .nav a{
	display: block;
	width: 157px;
	height: 24px;
	padding-left: 5px;
	margin-left: 5px;
	color: #000;
}

.u-nav .nav p{
	background-image: url(../images/bg-nav.png);
	background-repeat: no-repeat;
	background-position: 0 0;	
}

.u-nav .nav a:hover{
	color: #ff4d4d;
	background: url(../images/bg-hover.png);
}

.u-nav .nav a:hover p{
	background-image: url(../images/bg-navH.png);
}

.u-nav .nav .web p{
	background-position: 55px 6px;
}

.u-nav .nav .dl p{
	background-position: 55px -16px;
}

.u-nav .nav .pay p{
	background-position: 55px -38px;
}

.u-nav .nav .news p{
	background-position: 55px -61px;
}

.u-nav .nav .version p{
	background-position: 55px -87px;
}

.u-nav .nav .bbs p{
	background-position: 55px -111px;
}

.m-main{
	padding-top: 1265px;
	min-height: 4090px;	
}

.m-main .wrap{
	position: relative;
	width: 920px;
	margin: 0 auto;
}

.bg{
	position: absolute;
	top: 42px;
	left: 0;
	width: 100%;
	z-index: -1;
}

.bg .item{
	width: 100%;
	height: 900px;
	background-position: top center;
}

.bg .bg1{
	background-image: url(../images/bg/bg_01.jpg);
}

.bg .bg2{
	height: 901px;
	background-image: url(../images/bg/bg_02.jpg);
}

.bg .bg3{
	background-image: url(../images/bg/bg_03.jpg);
}

.bg .bg4{
	background-image: url(../images/bg/bg_04.jpg);
}

.bg .bg5{
	height: 901px;
	background-image: url(../images/bg/bg_05.jpg);
}

.bg .bg6{
	background-image: url(../images/bg/bg_06.jpg);
}

@-webkit-keyframes moveUp {
  0% {
    -webkit-transform: translateY(60%);
    transform: translateY(60%);
    opacity: 0; }
  50% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1; }
  100% {
    -webkit-transform: translateY(-60%);
    transform: translateY(-60%);
    opacity: 0; } }

.icon-down{
	position: absolute;
	width: 60px;
	height: 115px;
	top: 690px;
	left: 50%;
	margin-left: -30px;
	background: url(../images/icon-md.png);
	-webkit-animation: "moveUp" 2s infinite;
	animation: "moveUp" 2s infinite;
}

/*   body    */
.time{
	position: absolute;
	top: 60px;
	left: 50%;
	width: 413px;
	height: 67px;
	margin-left: -206px;
	background: url(../images/bg-time.png);
}

.time p{
	text-align: center;
	background: #000;
}

.time .sp{
	color: #fff;
}

.activity .row{
	width: 100%;
	margin-bottom: 45px;
}

.activity .title{
	position: relative;
	display: inline-block;
	margin: 30px 0 20px 0;
	padding: 0 2px;
	color: #a3a3a3;
}

.title1{
	position: absolute;
	left: 0;
	top: -18px;
	width: 86px;
	height: 18px;
	background: url(../images/title-1.png) left top;
}

.title2{
	position: absolute;
	left: 0;
	top: -18px;
	width: 110px;
	height: 18px;
	background: url(../images/title-4.png) left top no-repeat;
}

.title3{
	position: absolute;
	left: 0;
	top: -18px;
	width: 100px;
	height: 18px;
	background: url(../images/title-3.png) left top;
}

.title4{
	position: absolute;
	left: 0;
	top: -18px;
	width: 100px;
	height: 18px;
	background: url(../images/title-4.png) left top no-repeat;
}

.main-title{
	width: 100%;
	height: 70px;
	margin-bottom: 30px;
	background-repeat: no-repeat;
	background-position: left top;
}

.main-title.title-2{background-image: url(../images/main-title-2.png);}
.main-title.title-3{background-image: url(../images/main-title-3.png);}
.main-title.title-4{background-image: url(../images/main-title-4.png);}

.activity .reward{
	height: 705px;
	/* background: url(../images/bg-map.png) center no-repeat; */
}

.reward .map-inf{
	width: 222px;
	height: 561px;
	background: url(../images/map-detail.png) left top no-repeat;
}

.reward .map-inf .text{
	position: relative;
	top: 347px;
	line-height: 24px;
	padding: 0 30px 0 20px;
	color: #a3a3a3;
	text-indent: 2em;
}

.reward .content{
	width: 225px;	
	padding-top: 55px;
	margin-left: 235px;
	background: url(../images/side-line.png) 210px top no-repeat;
}

.reward .text{
	margin-bottom: 20px;
	padding: 10px 5px;
	font-size: 12px;
}

.reward .text li{
	padding-bottom: 10px;
	margin-bottom: 10px;
	background: url(../images/map-line.png) bottom center no-repeat;
}

.reward .tag{
	display: block;
	width: 100%;
	height: 18px;
	margin-bottom: 5px;
	color: #f3f8f1;
	text-indent: -9999em;
	background-repeat: no-repeat;
}

.reward .tag.tag-1{
	background-image: url(../images/map-title-1.png);
}

.reward .tag.tag-2{
	background-image: url(../images/map-title-2.png);
}

.reward .tag.tag-3{
	background-image: url(../images/map-title-3.png);
}

.reward .tag.tag-4{
	background-image: url(../images/map-title-4.png);
}

.reward .text p{
	margin-left: 25px;
	color: #a3a3a3;
}

.img{
	margin-top: 5px;
	text-align: center;
}

.reward .list .row{
	margin-bottom: 0;
}

.reward .list .desc{
	padding-left: 5px;
	margin-bottom: 5px;
}

.reward .list .view{
	margin-left: 25px;
	overflow: hidden;
}

.activity .region{
	height: 959px;
	/* background: url(../images/bg-region.png); */
}

.activity .single{
	height: 675px;
	/* background: url(../images/bg-single.png) left center no-repeat; */
}

.single .rule{
	margin-bottom: 40px;
	padding-bottom: 25px;
	background: url(../images/line-single.png) left bottom no-repeat;
}

.activity .legion .main{
	height: 355px;
	/* background: url(../images/bg-rank.png) top center no-repeat; */
}

.activity .app{
	height: 356px;
	margin-bottom: 45px;
	background: url(../images/bg-bbs.png) center no-repeat;
}

.region .content{
	width: 330px;
	margin-top: 185px;
	padding-top: 55px;
}

.region .bar{
	margin-bottom: 5px;
	padding-top: 40px;
	background-image: url(../images/bg-probar.png);
	background-position: top left;
	background-repeat: no-repeat;
}

.region .dataTable{
	position: relative;
	height: 365px;
	background: url(../images/table-line-side.png) left top no-repeat;
}

.region .dataTable td{
	background: url(../images/table-line-side.png) right top no-repeat;
	border-top: 1px dashed #4d4e59;
	color: #a3a3a3;
}

.region .dataTable .noborder td{
    border-top: none;	
}

.region .line{
	position: absolute;
	left: -16px;
	bottom : 10px;
	width: 345px;
	height: 1px;
	background: url(../images/table-line-bottom.png) left top no-repeat;
}

.activity .notice{
	_clear: both;
	font-size: 14px;
	color: #abaac3;
}

.activity .notice a{
	color: #fff;
}

.activity .single .content{
	position: relative;
	top: 125px;
	width: 440px;
	padding-top: 52px;
}

.activity .u-login{
	width: 384px;
	height: 112px;
	background: url(../images/bg-login.png);
}

.activity .u-user{
	position: relative;
	margin-top: 25px;
}

.u-select{
	position: relative;
	width: 100%;
	height: 38px;
	font-size: 14px;
	color: #fff;
	background-color: #2c2836;
	background-image: url(../images/bg-area.jpg);
	background-position: right center;
	background-repeat: no-repeat;
	text-align: center;
	cursor: pointer;
}

.u-select .now{
	line-height: 38px;
}

.u-select .u-list{
	display: none;
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
}

.u-list li{
	line-height: 30px;
	background: #2c2836;
	cursor: pointer;
}

.u-list li:hover{
	background: #464250;
}

.list{
	overflow: hidden;
}

.list .icon{
	float: left;
	width: 55px;
	height: 55px;
	margin-bottom: 15px;
	margin-right: 30px;
	background: #2d2c2d;
}

.list.list2 .icon{
	margin-right: 15px;
}

.list .icon .detail{
	width: 46px;
	height: 46px;
	margin: 4px auto 0;
}

.list1{
	_height: 85px;
}

.list1 .detail{
	background-image: url(../images/list-1.png);
}

.list2 .detail{
	background-image: url(../images/list-2.png);
}

.list3 .detail{
	background-image: url(../images/list-3.png);
}

.list4 .detail{
	background-image: url(../images/list-4.png);
}

.list5 .detail{
	background-image: url(../images/list-5.png);
}

.list .nogrid{
	margin-right: 0;
}

.list5 .detail{
	position: relative;
	top: 4px;
}	

.u-area .primary{
	width: 120px;
	margin: 20px auto;
	padding: 10px 0;
	color: #fff;
	background-color: #2c2836;
	text-align: center;	
}

.u-area .notice{
	text-align: center;
}

/* area_03 */
.u-user .inf .user{
	position: relative;
	font-size: 14px;
	font-weight: 700;	
}

.u-user .logout{
	display: block;
	position: absolute;
	top: 12px;
	right: 70px;
	width: 89px;
	height: 29px;
	color: #2a2938;
	text-align: center;
	text-indent: -9999em;
	background: url(../images/btn-logout.png) no-repeat;
}

.u-user .result{
	width: 230px;
	height: 53px;
	line-height: 53px;
	padding: 0 105px 0 45px;
	background: url(../images/bg-user.png) no-repeat;
}

.u-user .name{
	float: left;
	width: 49%;
	text-align: center;
	color: #f3f8f1;
}

.u-user .order{
	float: left;
	width: 49%;
	height: 53px;
	overflow: hidden;
	text-align: center;
	color: #f3f8f1;
}

#J-user .inf{
	position: relative;
}

.getInf{
	position: relative;
	width: 390px;
	margin-top: 5px;
	margin-bottom: 30px;
	overflow: hidden;
	background: url(../images/icon-mv.png) center no-repeat;
}

.getInf .container{
	width: 100%;
	height: 130px;
	padding-bottom: 45px;
	/* background: url(../images/bg-state.png) bottom center no-repeat; */
}

.getInf .line{
	position: absolute;
	left: 0;
	bottom: 37px;
	width: 440px;
	height: 1px;
	background: url(../images/line-single.png) left bottom no-repeat;
}

.getInf .status{
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 37px;
	height: 33px;
	margin-left: -18px;
	text-indent: -9999em;
	background-repeat: no-repeat;
	background-image: url(../images/icon-able.png);
	z-index: 4;
}

.getInf .status.dismiss{
	background-image: url(../images/icon-dismiss.png);
	
}

.u-user .loading{
	position: absolute;
	top: 0;
	left: 0;
	width: 330px;
	height: 256px;
	line-height: 256px;
	color: #fff;
	text-align: center;
	z-index: 20;
}

.getInf .meta{
	position: relative;
	float: left;
	width: 49%;
	padding: 45px 0;
	font-size: 12px;
	text-align: center;
	color: #ae1817;
}

.getInf .meta .damege{
	color: #d1d1d1;
}

.getInf .meta .notice{
	line-height: 138px;
}

.getInf .slogen{
	font-weight: 700;
}

.getInf .icon{
	float: none;
	margin: 10px auto;
}

.getInf .now{
	/* border-right: 1px solid #abaac3; */
}

.getInf .next{
	opacity: .6;
	filter: alpha(opacity=60);	
}

.getInf .amount,
.getInf .item-state{
	display: inline-block;
	vertical-align: middle;
}

.u-user .inf .u-btn{
	width: 380px;
	height: 58px;
	line-height: 58px;
	margin-top: 2px;
	text-align: center;
	text-indent: -999em;
	font-size: 0;
	color: transparent;
	background-image: url(../images/btn-get.png);
	background-position: center;
	background-repeat: no-repeat;
}

/* area_04 */
.legion .content{
	width: 420px;
	padding-top: 55px;
}

.legion .icon{
	margin-right: 13px;
}

.legion .icon.nogrid{
	margin-right: 0;
}

.legion .list{
	padding-top: 40px;
	margin-top: 30px;
	background: url(../images/title-5.png) left top no-repeat;
}

.legion .dataTable{
	margin-top: 30px;
}

.legion .dataTable{
	position: relative;
	margin-bottom: 20px;
	background: url(../images/table-line-side.png) left top repeat-y;
}

.legion .dataTable .container{
	position: relative;
	padding-bottom: 20px;
	background: url(../images/table-line-side.png) right top repeat-y;
}

.legion .dataTable td{
	background: url(../images/table-line-side.png) right top no-repeat;
	border-top: 1px dashed #4d4e59;
	color: #a3a3a3;
}

.legion .dataTable .noborder td{
    border-top: none;	
}

.legion .line{
	position: absolute;
	left: -16px;
	bottom : 19px;
	width: 952px;
	height: 1px;
	background: url(../images/legion-line-bottom.png) left top no-repeat;
}

.legion .dataTable th{
	height: 35px;
	background: #6c1413;
	color: #f57775;
	border-color: #0b0813;
}

.legion .more{
	width: 100%;
	height: 45px;
	line-height: 45px;
	text-align: center;
	font-size: 14px;
	background: #6c1413;
	color: #f57775;
}

.legion .more:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.app .content{
	width: 425px;
	padding-top: 140px;
	margin-left: 40px;
}

.app .title{
	width: 100%;
	height: 18px;
	background-image: url(../images/title-app.png);
	background-repeat: no-repeat;
	background-color: transparent;
}

.app .text{
	margin-top: -3px;
	line-height: 24px;
	font-size: 12px;
	color: #a3a3a3;
}

.app .text .container{
	padding: 15px 25px;
}

.app .list .icon{
	margin: 0;
}

.list6{
	margin-top: 20px;
}

.list6 .icon .detail{
	background-image: url(../images/list-bbs.png);
}

/* common */
.title .sp{
	color: #ffe88a;
}

.list .icon_0{
	background-position: 0 0;
}

.list .icon_1{
	background-position: -46px 0;
}

.list .icon_2{
	background-position: -92px 0;
}

.list .icon_3{
	background-position: -138px 0;
}

.list .icon_4{
	background-position: 0 -46px;
}

.list .icon_5{
	background-position: -46px -46px;
}

.list .icon_6{
	background-position: -92px -46px;
}

.list .icon_7{
	background-position: -138px -46px;
}

.list .icon_8{
	background-position: 0 -92px;
}

.list .icon_9{
	background-position: -46px -92px;
}

.list .icon_10{
	background-position: -92px -92px;
}

.list .icon_11{
	background-position: -138px -92px;
}

.list .icon_12{
	background-position: 0 -138px;
}

.list .icon_13{
	background-position: -46px -138px;
}

.list .icon_14{
	background-position: -92px -138px;
}

.list .icon_15{
	background-position: -138px -138px;
}

/* list3  */

.dataTable table{
	width: 100%;
	text-align: center;
}

.dataTable thead th{
	padding: 5px 0;
	font-size: 14px;
	font-weight: 700;
	color: #e66d6b;
	background: #6c1413;
	border-right: 1px solid #2a2938;
}

.dataTable tbody td{
	padding: 7px 0;
	font-size: 14px;
	color: #f3f8f1;
}

em.order{
	display: block;
	width: 22px;
	height: 18px;
	margin: 0 auto;
	background-image: url(../images/icon-order.png);
}

em.first{
	background-position: 0 0;
}

em.second{
	background-position: 0 -32px;
}

em.third{
	background-position: 0 -62px;
}

.rule{
	position: relative;
	padding: 3px;
	line-height: 24px;
	font-size: 12px;
	color: #a3a3a3;
}

.rule .sp{
	color: #c92020;
}

.rule a{
	color: #fff;
}

.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 #CF2D51;
	z-index: 10;	
	background: #fff;	
}

.vidplayer .close{
	position: absolute;
	top: -5px;
	right: -55px;
	width: 50px;
	height: 50px;
	background: url(../images/cloase.png) no-repeat 0 0;
	text-indent: -999em;
	cursor: pointer;	
}

.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; }