/* reset */
body {background: #1d1713;}
body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,p,form{margin:0}
body,button,input,select,textarea{font:12px/1.5 tahoma,'\5b8b\4f53',sans-serif}
h1,h2,h3,h4,h5,h6{font-size:100%}
em,b{font-style:normal}
a{text-decoration:none}
a:hover{text-decoration:none}
a:focus{outline: none;}
img{margin:0;padding:0;border:0;}
img{border:none;vertical-align:middle;}
button,input,select,textarea{font-size:100%;outline:none}
table{border-collapse:collapse;border-spacing:0}
td,th,ul,ol{padding:0}
ul,ol{list-style-type: none}
/* page */
body{font-family: "\5FAE\8F6F\96C5\9ED1"; padding-top: 0px;}
#footer_ied{height: 100px; background-color:#232223; text-align: center; line-height: 20px; color: #4f4f4f;}	
.wrap_ied a{color: #4f4f4f;}

.sp{background: url("sp.png")/*tpa=http://sf05.com:88/images/sp.png*/ no-repeat;}
/*bg*/
.bg1{background: url("bg1.jpg")/*tpa=http://sf05.com:88/images/bg1.jpg*/ 50% 0 no-repeat; height: 342px;}
.bg2{background: url("bg2.jpg")/*tpa=http://sf05.com:88/images/bg2.jpg*/ 50% 0 no-repeat; height: 342px;}
.bg3{background: url("bg3.jpg")/*tpa=http://sf05.com:88/images/bg3.jpg*/ 50% 0 no-repeat; height: 684px;}
/*main_bg*/
.main_bg{width: 1000px; margin: 0 auto; position: absolute; top:3000px; left: 50%;margin-left: -500px;  background:#F00}
.header1{ float:left; width: 1000px; height: 342px;position: relative; position: absolute; z-index:100; top:300px; background:#0F0}
.btn_logo{display: block; width: 175px; height: 67px; position: absolute; top: 30px; left:15px;}
.header2{width: 1000px; height: 342px;}
.even{width: 1000px; height: 684px;}



	/*在线客服*/
	#onlineKefu{ 
	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:30px;
	top:80%;
	margin-top:-221px;
	_margin-bottom:40%;
       z-index:6000;}

/*	#onlineKefu{ z-index:6000;margin:-500px 0 0 700px;width:129px;height:450px;position:fixed;top:76%;left:50%;background-color:#24293f;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+this.offsetHeight));}*/
	#onlineKefu a{text-indent:-99em;overflow:hidden;}
	#onlineKefu a.btn_kefu{width:130px;height:62px;background:url("a_bg2.jpg")/*tpa=http://sf05.com:88/images/a_bg2.jpg*/ no-repeat left top;display:block;}
	#onlineKefu a.btn_kefu:hover{background-position:-130px top ;}
	#onlineKefu a.btn_top{width:130px;height:62px;background:url("a_bg2.jpg")/*tpa=http://sf05.com:88/images/a_bg2.jpg*/ no-repeat left -61px;display:block;}
	#onlineKefu a.btn_top:hover{background-position:-130px -61px ;}
	#onlineKefu .downimg{width:130px;height:148px;padding-top:16px;background-color:#1f2639;}
	#onlineKefu .downimg img{margin:0 auto 3px;width:118px;height:117px;display:block;}
	#onlineKefu .downimg span{height:27px;line-height:27px;text-align:center;overflow:hidden;color:#feffff;display:block;}
	#onlineKefu .erweima{width:130px;height:148px;padding-top:16px;background-color:#1f2639;}
	#onlineKefu .erweima img{margin:0 auto 3px;width:118px;height:117px;display:block;}
	#onlineKefu .erweima span{height:27px;line-height:27px;text-align:center;overflow:hidden;color:#feffff;display:block;}


/*even_left*/
.main{width: 1000px; margin:0 auto; overflow: hidden; position:relative; z-index:1000; margin-top:-100px; padding-bottom:120px; }
.center{width: 1000px; overflow: hidden; margin: 0 auto;}
.center_left{width: 275px; height: 435px;  float: left; display: inline; background-color: #222122}
.game_btn{width: 275px; height: 180px; }
.btn_star{display: block; width: 275px; height: 112px; background-position: 0 -1px;}
.btn_download{display: block; width: 275px; height: 66px; background-position: 0 -113px;}
/*left_road*/
.left_road{width: 273px; height: 240px; position: relative;overflow: hidden; border-left: 1px solid #000;border-right: 1px solid #000;}
.left_road_p1{width: 275px; height: 40px; color: #d9a66f; font-size: 16px; text-align: center; line-height: 40px; }
.left_road .road_c1{display: block; width: 90px; height: 1px; background-color: 232222; border-top: 1px solid #2c2a2a; position: absolute; top: 22px; left: 8px;}
.left_road .road_c2{display: block; width: 90px; height: 1px; background-color: 232222; border-top: 1px solid #2c2a2a; position: absolute; top: 22px; right: 10px;}
.road_btn{width: 273px; height: 185px; }
.road_btn li{width: 88px; height: 25px; float: left; display: inline; margin: 11px 0 0 32px;}
.road_btn li a{display: block; width: 86px; height: 23px; color: #f8ad5c; border: 1px solid #343030; text-align: center; line-height: 23px; font-size: 14px;}

.controlRight_btn{width: 273px; height: 175px; }
.controlRight_btn a{color: #413d3b; display: block; width: 273px; height: 57px; text-align: center; line-height: 57px;font-size: 20px;background:url("sp.png")/*tpa=http://sf05.com:88/images/sp.png*/ no-repeat;text-indent: -500px; }
/*.controlRight_btn .on{color: #9b8e88;  background-color: #403630; display: block; width: 273px; height: 56px; border-top: 1px solid #78665b;border-bottom: 1px solid #000; text-align: center; line-height: 57px;  font-size: 20px;}*/
.controlRight_btn .one{background-position:0 -185px}
.controlRight_btn .two{background-position:0 -243px}
.controlRight_btn .thr{background-position:0 -301px}

.controlRight_btn .one_on{background-position:-273px -185px}
.controlRight_btn .two_on{background-position:-273px -243px}
.controlRight_btn .thr_on{background-position:-273px -301px}

.ma{width: 273px; height: 140px; overflow: hidden;border-left: 1px solid #000;border-right: 1px solid #000;}
.ma img{display: block; width: 98px; height: 98px; margin: 20px 12px 0 15px; float: left; display: inline;} 
.ma_p1{width: 135px; overflow: hidden; line-height: 20px; color: #d2471e; margin-top: 25px; font-size: 16px; float: left; display: inline;}
.ma_p2{width: 135px; overflow: hidden; line-height: 20px;  color: #807975; margin-top: 10px; font-size: 12px; float: left; display: inline;}
/*分享*/
.share{border-left: 1px solid #000;border-right: 1px solid #000;width: 273px; height: 75px;}
.share p{color:#807975; font-size: 12px; padding-left: 18px;}
.sns { list-style: none; padding: 5px; margin-left: 15px;}
.sns_lst { float: left; padding: 0 10px 0 0; display: block;}
.sns_lnk { display: block; width: 16px; height: 16px; text-indent: -500px; overflow: hidden; cursor: pointer; background: url("icons.png")/*tpa=http://ossweb-img.qq.com/images/js/sns/icons.png*/ no-repeat;}
.sns_weibo { background-position: 0 0;}
.sns_qzone { background-position: 0 -16px;}
.sns_xiaoyou { background-position: 0 -32px;}
.sns_kaixin { background-position: 0 -48px;}
.sns_renren { background-position: 0 -64px;}
.sns_baidu { background-position: 0 -80px;}
.sns_douban { background-position: 0 -96px;}
.sns_shuqian { background-position: 0 -112px;}
.sns_sina { background-position: 0 -128px;}
/*分享 END*/
.friend{width: 273px; height: 123px; border:1px solid #000; position: relative;}
.friend_p1{color:#a4897b; font-size: 18px; font-weight: bold; width: 273px; height: 52px; line-height: 52px; text-align: center;}
.btn_friend{display:block; width: 223px; height: 31px; background: url("btn_friend_bg.jpg")/*tpa=http://sf05.com:88/images/btn_friend_bg.jpg*/ no-repeat; margin: 10px auto 0; color: #776962; font-size: 14px; line-height: 31px; text-indent: 10px; position: relative;}
.btn_friend span{display: block; width: 27px; height: 23px; background: url("sp.png")/*tpa=http://sf05.com:88/images/sp.png*/ -401px -116px no-repeat; position: absolute; top: 3px; right: 4px;}
/*合作伙伴的浮层*/
.friend_list{width: 222px; background-color: #181718; overflow: hidden; position: absolute; bottom: 61px; left: 25px; display: none;}
.friend_list li{width: 222px; height: 30px; }
.friend_list li a{display: block; width: 222px; height: 30px; color: #b1915e; font-size: 12px; line-height: 30px; text-indent: 10px;}
/*右侧内容开始*/
.center_right{width: 705px; height: 435px; float: left; display: inline; background-color: #222122; overflow: hidden; border-bottom: 1px solid #000; border-right: 1px solid #000;}
.nav_top{width: 705px; height: 75px; }
.nav_a1{display: block;  width: 175px; height: 75px; float: left; display: inline; background-position: -276px -1px; margin-left: 1px; }
.nav_a2{display: block;  width: 175px; height: 75px; float: left; display: inline; background-position: -452px -1px; margin-left: 1px; }
.nav_a3{display: block;  width: 175px; height: 75px; float: left; display: inline; background-position: -628px -1px; margin-left: 1px; }
.nav_a4{display: block;  width: 175px; height: 75px; float: left; display: inline; background-position: -804px -1px; margin-left: 1px;}
/*right_even1*/
.right_even1{width: 705px; height: 340px; position: relative; }
/*头部切换调用*/
.right_even1_tab{width: 393px; height: 300px; margin: 14px 0 0 16px; overflow: hidden; float: left; display: inline;}
ul{list-style:none;}
h3{text-align: left;font-size: 14px; color:#F60}
.demo-box{overflow:hidden;padding-top:10px;}
.demo-item {width:393px;height:300px;margin:0;position:relative;}
.demo-item li{position:absolute;}
.demo-item .btntab{position:absolute;right:8px;top:280px;z-index:10;}
.demo-item .btntab span{display:block;width:18px;height:5px;border: 1px solid #000; background-color: #857e7a; float:left;margin-right:5px;display:inline;text-indent:-999em}
.demo-item .btntab .curr{border: 1px solid #000; background-color: #e44c25; }
/*news*/
.news{width: 280px; height: 300px; float: left; display: inline; margin:14px 0 0 6px; position: relative;}
.news_btn{width: 280px; height: 33px; }
.news_btn a{display: block; width: 91px; height: 33px; background:url("sp.png")/*tpa=http://sf05.com:88/images/sp.png*/ no-repeat -371px -153px; float: left; display: inline; margin-left: 1px; text-align: center; line-height: 33px; color: #7b7775; font-size: 12px; }
.news_btn .on{display: block; width: 91px; height: 33px; background:url("sp.png")/*tpa=http://sf05.com:88/images/sp.png*/ no-repeat -279px -153px; float: left; display: inline; margin-left: 1px; text-align: center; line-height: 33px; color: #efd6af; font-size: 12px; }
.news_list{width: 280px; height: 250px;  clear: both; margin-top: 10px;}
.news_list li{width: 280px; height: 33px; border-bottom: 1px dashed #423935; color: #958e8a; clear: both; vertical-align: middle; overflow: hidden;position:relative;}
.news_list li a{display: inline-block; width: 280px; height: 33px; color: #958e8a; font-size: 12px; line-height: 33px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block}
.news_list li em{display:none;}
.news_list .news_li1{ height: 50px;}
.news_list .news_li1 a{display: inline-block; width: 280px; height: 50px; line-height: 50px; color: #f1b78e; font-size: 13px;}
.news_s1{display: block; width: 205px; height: 30px; float: left; display: inline;}
.news_s2{display: block; width: 70px; height: 30px; float: left; display: inline; margin-left: 5px; }
.btn_more{color: #f1582e; font-size: 13px; text-decoration: underline; position: absolute; bottom: 0px; right: 20px;}
/*vocation*/
.vocation{width: 705px; height: 172px; border-top: 1px solid #000; border-bottom: 1px solid #000; margin-top: 5px;}
.vocation_zs{width: 705px; height: 172px; position: relative; clear: }
.boy_zs{width:227px; height: 199px; position: absolute; top: -25px; left: 0px;}
.boy_zs img{display: block; margin:0 auto;}
.gril_zs{width:126px; height: 190px; position: absolute; top: -15px; left: 88px;}
.gril_zs img{display: block; margin:0 auto;}
/*战士详细介绍*/
.boy_zs_minute{width: 395px; height: 148px; position: absolute; top: 25px; left: 260px;}
.minute_p1{color: #c9a884; font-size: 15px; line-height: 25px;}
.minute_p2{color: #74706e; font-size: 12px; line-height: 20px; overflow: hidden;}
.jineng{width: 395px; height: 45px; overflow: hidden;}
.jineng li{width: 45px; height: 43px;  float: left; display: inline; margin-right: 14px;}
.sex{width: 40px; height: 50px; position: absolute; bottom: 10px; left: 20px; }
.sex a{display: block; width: 37px; height: 20px;  background: url("sp.png")/*tpa=http://sf05.com:88/images/sp.png*/ -303px -115px no-repeat; }
.sex .on{display: block; width: 37px; height: 20px;  background: url("sp.png")/*tpa=http://sf05.com:88/images/sp.png*/ -303px -136px no-repeat;}
.sex span{display: block; width: 10px; height: 20px; color: #c9a884; font-size: 13px; line-height: 20px; margin-left: 20px;}
/*.sex_boy{display: block; width: 40px; height: 25px; line-height: 25px; background: url(../images/sp.png) -303px -140px no-repeat;float: left; display: inline;  }
.sex_boy .on{display: block; width: 13px; height: 13px;  background: url(../images/sp.png) -303px -119px no-repeat; float: left; display: inline;   margin-top: 7px; margin-right: 8px;}
.sex_gril{display: block; width: 40px; height: 25px; line-height: 25px; background: url(../images/sp.png) -303px -140px no-repeat;float: left; display: inline;  }*/
/*.sex_boy .on{display: block; width: 13px; height: 13px;  background: url(../images/sp.png) -303px -119px no-repeat; float: left; display: inline;   margin-top: 7px; margin-right: 8px;}
.sex_boy span{display: block; width: 13px; height: 13px; background: url(../images/sp.png) -303px -140px no-repeat; float: left; display: inline;  margin-top: 7px; margin-right: 8px;}
.sex_gril .on{display: block; width: 13px; height: 13px; background: url(../images/sp.png) -303px -119px no-repeat; float: left; display: inline;  margin-top: 7px; margin-right: 8px;}
.sex_gril span{display: block; width: 13px; height: 13px; background: url(../images/sp.png) -303px -140px no-repeat; float: left; display: inline; margin-top: 7px; margin-right: 8px; }*/

/*法师*/
.vocation_fs{width: 705px; height: 172px; position: relative; clear: both; }
.boy_fs_minute{width: 395px; height: 148px; position: absolute; top: 25px; left: 260px;}

.boy_fs{width:310px; height: 197px; position: absolute; top: -25px; left: -46px;}
.boy_fs img{display: block; /*margin:0 auto;*/}
.gril_fs{width:130px; height: 197px; position: absolute; top: -18px; left: 90px;}
.gril_fs img{display: block; /*margin:0 auto;*/}

/*术士*/
.vocation_ss{width: 705px; height: 172px; position: relative; clear: both;}
.boy_ss_minute{width: 395px; height: 148px; position: absolute; top: 25px; left: 260px;}

.boy_ss{width:125px; height: 194px; position: absolute; top: -18px; left: 82px;}
.boy_ss img{display: block; margin:0 auto;}
.gril_ss{width:199px; height: 200px; position: absolute; top: -25px; left: 20px;}
.gril_ss img{display: block; margin:0 auto;}
/*游戏视频和截图*/
.games_share{width: 705px; height: 216px; border-bottom: 1px solid #000; overflow: hidden;}
.games_share_ul{width: 705px; height: 213px; }
.games_share_ul li{width: 157px; height: 184px; float: left; display: inline; margin-left: 15px; margin-top: 15px;}
/*main_bottom*/
.main_bottom{width: 705px; height: 120px; overflow: hidden;}
.service{width: 317px; height: 120px; float: left; display: inline; border-right:1px solid #000; }
.service_p1{color: #e34c24; font-size: 14px; width: 317px; height: 40px; line-height: 40px;  text-align: center;}
.service_ul{width: 317px; height: 75px; }
.service_ul li{width: 100px; height: 30px;  float: left; display: inline; margin-left: 50px;  }
.service_ul li a{color: #746d6a; font-size: 12px; line-height: 30px; text-decoration: underline;}
.service_ul li a:hover{color: #f8ad5c; font-size: 12px; line-height: 30px;}
.advise{width: 380px; height: 120px;  float: left; display: inline;}
.advise_p1{color:#746d6a; font-size: 14px; text-align: center; width: 380px; height: 50px; line-height: 50px;}
.advise_p2{color:#746d6a; font-size: 12px; text-align: center; width: 380px; height: 20px; line-height: 20px;}

.footer_bg{height:150px;background:#030712}
.gw_footer, .gw_footer a {color: #6c6c6c;}
.gw_logo0{background: url("logo.png")/*tpa=http://sf05.com:88/images/logo.png*/ no-repeat 0 0;width:90px;height:68px;}
.gw_footer .other_logo{margin:-15px 0 0;}
.dia-close {position: absolute;top: 0px;right: -20px;font-size: 18px;color: white;}





/*flash*/
.warp{background: #030712; }
.wrap{width:100%; height:auto; overflow:hidden; }


.zhuang {margin:0 auto; width:1000px; margin-top:00px; height:auto; overflow:hidden; }
.zhuang li {float:left;width:980px; height:600px; background:url("bg01.png")/*tpa=http://sf05.com:88/images/bg01.png*/ no-repeat; margin-top:0px;}
.zhuang li img{float:left;margin:70px 0 0 15px ;border: 10px solid #000;}

#Version{width:100%;height:900px;position:relative; overflow:hidden;}
#Header{margin:0 auto -290px -960px;width:1920px;height:900px;position:relative;left:50%;}
#Flash{width:1920px;height:750px;position:absolute;top:0px;left:50%;margin-left:-959px;z-index:1000;}
/*介绍*/
.DownJieshao{width:650px;height:330px;font-family:'微软雅黑';color:#b69b8e;overflow:hidden;}
.DownJieshao ol{float:left;margin-left:30px;background:url("xh.png")/*tpa=http://sf05.com:88/images/xh.png*/ no-repeat left 8px ;}
.DownJieshao ol li{float:left;width:600px;line-height:30px;margin-left:35px;font-size:15px;font-family:'微软雅黑';display:block;}
.DownJieshao ol li strong{font-family:'微软雅黑';font-weight:normal;color:#FFCC99;}
.DownJieshao ol li a{color:#d40000;}

#demo{overflow:hidden;margin-right:5px;width: 740px;height:215px;margin-top:10px;}
#demo img{border: 1px solid #29292a;}
#indemo{float: left;width: 800%;}
#demo1{float: left;}
#demo2{float: left;}
/*tanc*/

.xin-box{width:1000px;margin:0 auto;height:auto;overflow:hidden;padding-bottom:10px;position:relative;z-index:12;}
.box_480{width: 490px;float: left;margin-top:10px;margin-right:10px}
.box_1000{width: 980px;float: left;margin-top:0px;}
.zb_xt{background:url("zb_xt001.png")/*tpa=http://sf05.com:88/images/zb_xt001.png*/ repeat-y;height:auto;width:490px;}
.zb_xt img{width:460px;padding:10px;height:auto;}
.zb_xt-title{height: 49px;background: url("zb_xt01.png")/*tpa=http://sf05.com:88/images/zb_xt01.png*/ no-repeat 0px 0px;}
.zb_xt-di{height: 23px;background: url("zb_xt01.png")/*tpa=http://sf05.com:88/images/zb_xt01.png*/ no-repeat 0px -67px;}

.zb_dt-title{font-size:16px;color:#9fb4e6;font-family:'微软雅黑';font-weight:bold;text-indent:22px;line-height:49px;height: 49px;background: url("zb_dt01.png")/*tpa=http://sf05.com:88/images/zb_dt01.png*/ no-repeat 0px 0px;; text-align:center}
.zb_dt-di{height: 23px;background: url("zb_dt01.png")/*tpa=http://sf05.com:88/images/zb_dt01.png*/ no-repeat 0px -67px;}
.zb_dt{background:url("zb_dt001.png")/*tpa=http://sf05.com:88/images/zb_dt001.png*/ repeat-y;height:auto;width:980px;}
.zb_dt img{width:920px;height:auto;border:10px solid #000000;margin:15px;}

.box_240{width: 250px;float: left;margin-top:10px;}
.zb_st{background:url("zb_st001.png")/*tpa=http://sf05.com:88/images/zb_st001.png*/ repeat-y;height:auto;width:250px;}
.zb_st img{width:230px;padding:11px;height:auto;}
.zb_st-title{height: 49px;background: url("zb_st01.png")/*tpa=http://sf05.com:88/images/zb_st01.png*/ no-repeat 0px 0px;}
.zb_st-di{height: 23px;background: url("zb_xts1.png")/*tpa=http://sf05.com:88/images/zb_xts1.png*/ no-repeat 0px -67px;}