﻿/*==========基本样式==========*/
body, div, h1, h2, h3, h4, h5, form, img, ul, ol, li, dl, dt, dd, p {
	margin: 0;
	padding: 0;
}
li {
	list-style: none;
}
h1, h2, h3, h4, h5 {
	font-size: 100%;
}
img {
	border: 0;
}
table {
	border-collapse: collapse;
}
a {
	color: #666666;
	text-decoration: none;
	outline: none;
}
a:hover {
	color: #00787E;
	text-decoration: none;
}
area {
	outline: none;
}
/*清除浮动*/
* html .q {
	height: 1%;
}
*+html .q {
	height: 1%;
}
.q:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	overflow: hidden;
}
.clear {
	clear: both;
	height: 0px;
	overflow: hidden;
}
.hidden {
	display: none;
}
body {
	font-size: 12px;
	color: #666666;
	font-family: Microsoft YaHei;
	background: url(../images/img02.jpg) repeat;
}
.fl {
	float: left
}
.fr {
	float: right
}
/*------------------*/

/*m1*/
.m1 {
	width: 1240px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
	margin-top: -60px;
	padding-bottom: 10px;
	z-index: 10;
}
.m1_div {
	width: 217px;
	height: 450px;
}
.m1_buut {
	width: 273px;
	height: 450px;
	overflow: hidden;
	background: url(../images/buut.jpg) no-repeat
}
.m1_buut01 {
	float: left;
	width: 273px;
	height: 170px;
	background: url(../images/buut.jpg) no-repeat 0px 0px;
}
.m1_buut01:hover {
	background-position: -273px 0px;
}
.m1_buut02 {
	float: left;
	width: 273px;
	height: 122px;
	background: url(../images/buut.jpg) no-repeat 0px -170px;
}
.m1_buut02:hover {
	background-position: -273px -170px;
}
.m1_buut03 {
	float: left;
	width: 273px;
	height: 162px;
	background: url(../images/buut.jpg) no-repeat 0px -292px;
}
.m1_buut03:hover {
	background-position: -273px -292px;
}
/*-------*/
.float_nav {
	width: 191px;
	height: 442px;
	background: url(../images/spr.png) no-repeat 0 -76px;
	position: fixed;
	right: 10px;
	/*left:50px;*/
	top: 50%;
	margin: -252px 0;
	padding: 62px 0 0;
	z-index: 100000;
}
.float_nav li {
	height: 50px;
	width: 85px;
	margin: 0 auto;
	padding: 10px 0 0;
}
.float_nav li a {
	display: block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 14px;
	color: #fff;
}
.float_nav li a:hover {
	color: #d1b787;
}
#footer_ied {
	text-align: center;
	font-size: 12px;
	line-height: 19px;
	font-family: Tahoma;
}
.wrap_ied {
	margin: 0 auto;
	padding: 30px 0;
	color: #423e39;
}
.wrap_ied p a {
	color: #423e39;
}
.wrap_ied p a:hover {
	color: #eee2d1;
}
#footer_ied p.e {
	font-size: 10px;
}
.ml10 {
	margin-left: 10px;
}
/*------------------*/
.m2 {
	width: 1240px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 10px;
	position: relative
}
/* index-main */
.line-box {
	width: 408px;
	float: left;
	width: 400px;
}
.box-bg {
	background: url(../images/images01.jpg) repeat;
	width: 387px;
	height: 380px;
	padding: 10px;
}
.cont-1 {
	height: 380px;
}
.line-box-l {
	width: 330px;
	float: left;
}
.game-start {
	width: 100%;
	height: 124px;
	background: url(../images/game-begin-bg.jpg) no-repeat;
}
.game-start:hover {
	background: url(../images/game-begin-bg-hov.jpg) no-repeat;
}
.lin_buut {
	width: 160px;
	height: 70px;
	margin-top: 10px;
	background: url(../images/but-login-bg.jpg) no-repeat;
	;
	text-align: center;
	line-height: 70px;
	font-size: 18px;
	color: #FF3;
	text-shadow: #000 5px 5px 5px;
}
.lin_buut:hover {
	background: url(../images/but-login-bg.jpg) no-repeat 0px -70px;
}
/* cont-2 */
.cont-2 {
	height: 380px;
}
.server-list {
	padding: 0 15px;
}
.quick-enter-box {
	float: right;
	font-size: 12px;
	padding-top: 20px;
	line-height: 14px;
}
.quick-enter-box .quick-ser-num {
	width: 50px;
	height: 18px;
	display: inline-block;
	margin: 0 3px;
	background-color: #fff;
	color: #000;
	font-weight: bold;
	text-align: center;
	border: none;
	padding: 0 3px;
}
.quick-enter-box .but-quick-enter {
	width: 40px;
	height: 16px;
	display: inline-block;
	background-color: #8d693c;
	text-align: center;
	color: #fff;
	border: 1px solid #b1763a;
}
.server-list-cont {
	margin-bottom: 10px;
	height: 272px;
}
.server-list-cont .server-list-items {
	height: 43px;
	background: url(../images/server-list-bg.png) center 21px no-repeat;
}
.server-list-cont .server-list-items a {
	width: 240px;
	height: 100%;
	display: block;
	line-height: 43px;
	padding-left: 24px;
	color: #b3a173;
	background: url(../images/server-list-item.png) 0 center no-repeat;
	margin: auto;
}
.server-list-cont .server-list-items a:hover {
	color: #fff1ce;
}
.server-list-cont .server-list-items .server-open {
	float: right;
}
.but-server-more {
	width: 260px;
	height: 30px;
	display: block;
	margin: 0 auto;
	color: #fff1ce;
	line-height: 30px;
	text-align: center;
	background-position: -764px -543px;
}
.but-server-more:hover {
	background-position: -764px -492px;
	color: #fff1ce
}
.left-box {
	padding: 0 15px;
}
.left-box .c-box {
	height: 20px;
	padding: 20px;
	border-bottom: 1px solid #3b2024;
}
.left-box .c-box .c-tt {
	float: left;
	font: 400 18px/20px "\5FAE\8F6F\96C5\9ED1", tahoma;
	color: #fff1ce;
}
.left-box .c-list {
	padding: 15px 0;
}
.left-box .c-list .c-list-items {
	line-height: 30px;
}
.left-box .c-list .c-list-items a {
	color: #fff1ce;
}
.left-box .c-list .c-list-items .news-time {
	float: right;
	color: #fff1ce;
}
.left-box .c-list .c-list-items:hover a {
	color: #fff1ce;
}
.sprite {
	background-image: url(../images/sprite.png);
	background-repeat: no-repeat;
}
/*===角色===*/
.role {
	width: 406px;
	height: 400px;
	float: right;
	overflow: hidden;
	background: url(../images/images01.jpg) repeat;
}
.roles {
	width: 387px;
	height: 380px;
	padding: 10px;
}
.roles .hd {
	height: 45px;
	line-height: 45px;
	margin: 15px 0px 0px 15px;
	position: relative;
	width: 360px;
	border-bottom: 1px solid #2b2b2b;
}
.roles .hd ul {
	float: left;
	height: 85px;
	width: 380px;
}
.roles .hd ul li {
	float: left;
	cursor: pointer;
	width: 80px;
	height: 80px;
	color: #fff1ce;
	margin-right: 20px;
	font-size: 18px;
	text-align: center
}
.roles .hd ul li.on {
	height: 43px;
	border-bottom: 3px solid #fff1ce;
}
.roles .bd {
	width: 300px;
	height: 380px;
}
.roles .bd ul {
	width: 490px;
	height: 380px;
	float: right
}
.role_zs {
	background: url(../images/role_zs.png) top right no-repeat;
}
.role_fs {
	background: url(../images/role_fs.png) top right no-repeat;
}
.role_ws {
	background: url(../images/role_ws.png) top right no-repeat;
}
.roles .bd li {
	margin-left: 30px;
	margin-top: 40px;
	color: #b3a173;
	font-size: 14px;
	width: 200px;
	height: 370px;
	float: left
}
.video, .video img {
	width: 300px;
	height: 222px;
	float: left
}
.video_td {
	width: 150px;
	float: left;
	height: auto;
	margin-top: -30px
}
.video_td span {
	width: 150px;
	float: left;
	height: 25px;
	line-height: 25px
}
.video_td p {
	font-size: 9pt;
	line-height: 21px
}
.video_cz, .video_sx {
	width: 200px;
	float: left;
	font-weight: 700;
	margin-top: 10px
}
.video_cz i {
	background: url(../images/icon.png) 0 45px;
	display: block;
	float: left;
	width: 13px;
	height: 9pt;
	margin-top: 5px;
	margin-left: 2px
}
.video_cz span {
	float: left;
	margin-right: 3px
}
.video_morer {
	height: 26px;
	width: 91px;
	background: url(../images/icon.png) 0 196px;
	display: block;
	color: #fff;
	float: left;
	margin-top: 35px;
	text-align: center;
	line-height: 26px;
	font-size: 11px;
}
.video_morer:hover {
	background-position: 0px 0px;
}
#sx {
	background-position: 0 68px
}
/*---*/
.k3 {
	width: 1240px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 20px;
}


/*-------*/
