﻿/*==========基本样式==========*/
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; 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/box2.png) repeat; }
.roles{width:387px; height:380px; ;padding:30px;border-radius:15px; }
.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;}


/*-------*/


