body{
	font-family: "Microsoft Yahei";
}

.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: -184px 0;}

.icon.A006{background-position: 0 -46px;}
.icon.A007{background-position: -46px -46px;}
.icon.A008{background-position: -92px -46px;}
.icon.A009{background-position: -138px -46px;}
.icon.A010{background-position: -184px -46px;}

.icon.A011{background-position: 0 -92px;}
.icon.A012{background-position: -46px -92px;}
.icon.A013{background-position: -92px -92px;}
.icon.A014{background-position: -138px -92px;}
.icon.A015{background-position: -184px -92px;}

.icon.A016{background-position: 0 -138px;}
.icon.A017{background-position: -46px -138px;}
.icon.A018{background-position: -92px -138px;}
.icon.A019{background-position: -138px -138px;}
.icon.A020{background-position: -184px -138px;}

.icon.A021{background-position: 0 -184px;}
.icon.A022{background-position: -46px -184px;}
.icon.A023{background-position: -92px -184px;}
.icon.A024{background-position: -138px -184px;}
.icon.A025{background-position: -184px -184px;}

.u-btn{
	cursor: pointer;
}

.f-l{float: left;}
.f-r{float: right;}

.title-text{
	position: relative;
	float: left;
	padding-left: 15px;
}

.menu {
	width: 105px;
	height: auto;
	position: fixed;
	top: 50%;
	right: 15px;
	margin-top: -135px;
	z-index: 9;
}
.menu ul {
	display: block;
	list-style: none
}

.menu ul li a{
	position: relative;
	width: 105px;
	height: 70px;
	line-height: 70px;
	font-size: 18px;
	text-align: center;
	background-color: #a2093d;
	color: #fff;
	display: block;
	border-bottom: 1px solid #c3567b;
}

.menu ul li.top a{
	height: 110px;
	line-height: 110px;
	background-image: url(../images/icon-top.png);
	background-repeat: no-repeat;
	background-position: center;
}

.menu li a.nav:after{
	content: "";
	position: absolute;
    top: 63px;
    left: 22px;
    width: 0;
    height: 10px;
    overflow: hidden;
    border-width: 2px;
    border-style: solid;
    border-color: #c93869;
    border-radius: 1px;
    z-index: 11;
}

.menu li a.nav:before{
	content: "";
	position: absolute;
    top: 63px;
    left: 84px;
    width: 0;
    height: 10px;
    overflow: hidden;
    border-width: 2px;
    border-style: solid;
    border-color: #c93869;
    border-radius: 1px;
    z-index: 11;
}

.menu ul li a:hover,.menu ul li a.cur {
	background-color: #87002e;
	color: #fff;
}

.title-text:after {
    content: "";
    position: absolute;
    top: 14px;
    left: 0;
    width: 0;
    height: 10px;
    overflow: hidden;
    border-width: 2px;
    border-style: solid;
    border-color: #a19ccc;
}

.luck-list .title-text:after{
	border-color: #e1467a;
}

.item-exchange .title-text:after{
	border-color: #b6e7d8;
}

.flash{
	height: 800px;
	margin-bottom: 30px;
	background: url(../images/bg-top.jpg) top center no-repeat;
}

.m-main .wrap{
	width: 940px;
	margin: 0 auto;
}

.logo{
	position: absolute;
	top: 42px;
	left: 40px;
	width: 126px;
	height: 162px;	
}

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

.user-info{
	position: absolute;
	top: 70px;
	right: 20px;
	font-size: 14px;
	color: #fff;
}

.user-info a.login{
	display: block;
	width: 113px;
	height: 33px;
	text-indent: -999em;
	color: #494949;
	background: url(../images/btn-login.png) center no-repeat;
}

.user-detail{
	display: none;
}

#J-area,
.user-detail .bindArea{
	padding: 0 8px;
	color: #87c7b3;
}

.user-info a.logout{
	color: #c40043;
}

.m-ctrl{
	overflow: hidden;
}

.m-ctrl .ctrl-item{
	width: 460px;
}

.ctrl-item .title{
	height: 40px;
	line-height: 40px;
	margin-bottom: 1px;
	padding: 0 18px;
	font-size: 20px;
	font-weight: 700;
	color: #fff;
}

.ctrl-item .view{
	height: 280px;	
}

.luck-list .title{
	background: #c1144f;
}

.luck-list .u-btn{
	width: 90px;
	height: 22px;
	line-height: 22px;
	margin-top: 8px;
	font-size: 14px;
	text-align: center;
	border: 1px solid #dc8ba7;
	border-radius: 10px;
}

.luck-list .view{
	background: #f3f3f3 url(../images/bg-luck.png) top center no-repeat;
}

.luck-list .view .content{
	padding: 15px 25px 0 25px;
}

.luck-list .content{
	height: 250px;
	overflow: hidden;
}

.luck-list li{
	font-size: 14px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	color: #494949;
	border-bottom: 1px dashed #494949;
}

.luck-list li span{
	padding-right: 40px;
}

.luck-list li span.f-r{
	padding-right: 5px;
}

.item-exchange .title{
	background: #84c2af;
}

.item-exchange .inf{
	font-size: 14px;
}

.item-exchange .inf b{
	padding: 0 5px;
	font-weight: 700;
	color: #377561;
}

.item-exchange ul{
	margin-left: -1px;
	overflow: hidden;
}

.item-exchange li{
	float: left;
	width: 114px;
	height: 140px;
	margin-left: 1px;
	margin-bottom: 1px;
	background: url(../images/bg-exchange.png);
}

.item-exchange li.disabled{
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: url(desaturate.svg#grayscale);
    filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter: grayscale(1);	
}

.item-exchange .pic{
	position: relative;
	width: 56px;
	height: 56px;
	margin: 10px auto 5px;
	background: #88c8b4;
}

.item-exchange .pic .icon{
	position: relative;
	top: 5px;
	width: 46px;
	height: 46px;
	margin: 0 auto;
	background-image: url(../images/sprite-item.png);
}

.item-exchange .desc{
	margin-bottom: 2px;
	color: #416258;
	text-align: center;
}

.item-exchange .amount{
	margin-bottom: 2px;
	text-align: center;
	font-weight: 700;
}

.item-exchange .u-btn{
	width: 55px;
	height: 20px;
	line-height: 20px;
	margin: 0 auto;
	background: #88c8b4;	
	color: #fff;
	font-weight: 700;
	text-align: center;
	border-radius: 4px;
}

.item-exchange .u-btn:hover{
	background: #63ad96;
}

.m-map{
	position: relative;
	height: 1076px;
	padding-top: 100px;
	background: url(../images/bg-map.png) center no-repeat;
	z-index: 4;
}

.m-map .main-title{
	margin-bottom: 30px;
	padding-top: 85px;
	background: url(../images/title-map.png) top center no-repeat;
	font-size: 18px;
	font-weight: 700;
	color: #fff;
	text-align: center;
}

.m-map .map-content{
	overflow: hidden;
}

.map-content .map-detail{
	width: 460px;
}

.map-item .title{
	height: 40px;
	line-height: 40px;
	padding: 0 18px;
	background: #65608c;
	font-size: 20px;
	font-weight: 700;
	color: #fff;	
}

.map-item .view{
	padding: 20px 25px;
	background: #ededf4;
}

.map-item{
	font-size: 14px;
	color: #494949;	
}

.map-text li{
	margin-bottom: 8px;
	padding-bottom: 5px;
	border-bottom: 1px dashed #ababae;
}

.map-text li.last{
	border-bottom: none;
}

.map-text li p,
.map-text .sp{
	color: #c21852;
	font-weight: 700;
}

.item-slide{
	position: relative;
}

.slide .u-btn{
	position: absolute;
	top: 50%;
	margin-top: -38px;
	width: 20px;
	height: 75px;
	background: #645f8b;
    background-size: 9px auto;
    background-repeat: no-repeat;
    background-position:  center;	
}

.slide .u-btn.prev{
	left: -20px;
	background-image: url(../images/btn-prev.png);
}

.slide .u-btn.next{
	right: -20px;
	background-image: url(../images/btn-next.png);
}

.item-slide ul{
	height: 56px;
}

.item-slide li{
	float: left;
	margin-left: 12px;
}

.item-slide .pic{
	position: relative;
	width: 56px;
	height: 56px;
	background: #d5d2e4;
}

.item-slide .pic .icon{
	position: relative;
	top: 5px;
	width: 46px;
	height: 46px;
	margin: 0 auto;
	background-image: url(../images/sprite-item.png);
}

#J-sp{
	position: absolute;
	top: 5px;
	left: 5px;
}

.map-pic{
	position: relative;
	height: 764px;
	background: #605b83;
}

.map-pic .icon.map{
	position: absolute;
	top: 370px;
	left: 50%;
	width: 301px;
	height: 303px;
	margin-left: -150px;
	background: url(../images/map.jpg) center no-repeat;
}

ul.map-slide{
	width: 100%;
	height: 100%;	
	overflow: hidden;
}

.map-slide li{
	float: left;
	width: 100%;
	height: 764px;
	background-repeat: no-repeat;
}

.map-pic .map-1{
	background-image: url(../images/map-1.jpg);
}

.map-pic .map-2{
	background-image: url(../images/map-2.jpg);
}

.map-pic .map-3{
	background-image: url(../images/map-3.jpg);
}

.map-pic .nav{
	position: absolute;
	bottom: 30px;
	left: 193px;
}

.map-pic .nav li {
	float:left;
	width:15px;
	height:15px;
	overflow:hidden;
	margin-right:5px;
	text-indent:-999px;
	cursor:pointer;
	background:#3b3852;
	border-radius: 50%;
}

.map-pic .nav li.on{
	background: #a7a2c9
}

.m-event{
	position: relative;
	margin-top: -55px;
	padding-top: 70px;
	padding-bottom: 80px;
	background: url(../images/bg-event.jpg);
}

.m-event .main-title{
	margin-bottom: 30px;
	padding-top: 85px;
	background: url(../images/title-event.png) top center no-repeat;
	font-size: 18px;
	font-weight: 700;
	color: #625d89;
	text-align: center;
}

.event-content{
	overflow: hidden;
}

.event-detail{
	width: 460px;
}

.event-item .title{
	height: 40px;
	line-height: 40px;
	padding: 0 18px;
	background: #65608c;
	font-size: 20px;
	font-weight: 700;
	color: #fff;	
}

.event-detail{
    font-size: 14px;
    color: #494949;	
}

.event-detail .sample{
	width: 100%;
	height: 280px;
	background: url(../images/event-sample.jpg) center no-repeat;
}

.event-item .content{
    padding: 20px 25px;
    background: #e9e9f4;
}

.m-event .border-b1{
	margin-top: 10px;
	padding-bottom: 5px;
	border-bottom: 1px dashed #ababae;
}

.m-event .sp{
	color: #c21852;
	font-weight: 700;
}

/* win */
.ui-dialog .u-btn.win-close{
	position: absolute;
	right: 15px;
	top: 18px;
	width: 14px;
	height: 14px;
	line-height: 14px;
	font-size: 14px;
	color: #2b242b;
	text-indent: -999em;
	background: url(../images/btn-close.png) center no-repeat;
	z-index: 10;
}

.ui-dialog .head{
	position: relative;
	height: 48px;
	line-height: 48px;
	text-align: center;
	color: #fff;
	font-size: 14px;
}

.ui-dialog .view{
	padding: 30px 40px;
}

.ui-dialog .btns{
	margin-top: 10px;
}

.ui-dialog .notice{
	margin-top: 20px;
	text-align: center;
	font-size: 14px;
}

.ui-dialog .type-1 .head{
	background: #c41d56;
}

.ui-dialog .type-2 .head{
	background: #88c8b4;
}

.ui-dialog .type-1,
.ui-dialog .type-2{
	background: #f3f3f3;
}

.ui-dialog .type-1 .view{
	background:-webkit-gradient(linear, left top, left bottom, from(#e4b6c6), to(#f3f3f3));
	background-size:100% 35px;
	background-repeat: no-repeat;	
}

.ui-dialog .type-2 .view{
	background:-webkit-gradient(linear, left top, left bottom, from(#d1ebe2), to(#f3f3f3));
	background-size:100% 35px;
	background-repeat: no-repeat;	 
}


.ui-dialog .text{
	padding: 40px 45px;	
	color: #3c3c3c;
}

.ui-dialog .type-1 .text{
	font-size: 26px;
}

.ui-dialog .type-1 .btns{
	text-align: center;
}

.ui-dialog .type-1 .btns .u-btn{
	display: inline-block;
	width: 120px;
	height: 40px;
	margin-right: 20px;
	line-height: 40px;
	background: #c41d56;
	font-size: 20px;
	color: #fff;
}

/* u-area */
.u-rule .view{
    font-size: 14px;
    color: #494949;
}

.u-rule .row{
	margin-bottom: 10px;
}

.u-area .view{
	padding: 40px 45px;	
}

.u-area select{
    display: block;
    width: 300px;
    height: 34px;
    padding: 6px 12px;
    margin: 0 auto 15px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    text-align: center;
    vertical-align: middle;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

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

.u-area p.notice{
	text-align: center;
	margin: 10px 0;
}

.u-area .u-btn{
	width: 180px;
	height: 40px;
	line-height: 40px;
	margin: 0 auto;
	background: #c41d56;
	color: #fff;
	text-align: center;
}

.u-record table{
	width: 400px;
	text-align: center;
}

.u-record thead{
	font-size: 16px;
	font-weight: 700;
	color: #c41d56;
}

.u-record thead tr{
	border-bottom: 1px dashed #ababab;
}

.u-record thead td{
	padding-bottom: 5px;
}

.u-record tbody{
	font-size: 14px;
	color: #494949;
}

.u-record tbody td{
	padding-top: 10px;
}

.u-record .page{
	margin-top: 10px;
	text-align: center;
}

.u-record .page a{
	display: inline-block;
}

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