@charset "utf-8";
/* /webgame/zzsm/news/css/zzsm_news.css */

/* CSS Document

Date:		2013/10/21
Author:		小芳
Update:
*/
/* CSS reset */
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{ padding: 0; margin: 0; }
table { border-collapse: collapse; border-spacing: 0; }
del, ins { text-decoration: none }
fieldset, img { border: 0; }
body,button,input,select,textarea{font:12px/1.5 tahoma,arial,宋体,sans-serif}
input,select,img{ vertical-align:middle}
input,select{ outline:none}
ul,ol{ list-style:none }
label{ cursor:pointer}
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address,cite,dfn,em,var{font-style:normal;}

/* global */
body{ background:#000; min-width: 1000px;}
.wrapper{ margin:0 auto;text-align:left;width:1000px;position: relative;}
td{ font-size:12px; line-height:160%;}
.left{ float:left }
.right{ float:right }
a{text-decoration:none;}
a:hover{text-decoration:underline;}
.txthide{ text-indent:-999em;overflow:hidden; line-height:0; font-size:0}
.clearfix:after{ content:""; height:0; visibility:hidden; display:block; clear:both;}
.clearfix{ zoom:1;}
.clear{ clear:both }

.login_close,.login_close:hover {display: block;  background:  url(../webgame/zzsm/news/images/close.png?) 0 0 no-repeat;top:20px;right: 13px;}

.full_bg1{background:url(../webgame/zzsm/news/images/full_bg1.jpg?) no-repeat center top;}
.full_bg2{background:url(../webgame/zzsm/news/images/full_bg2.jpg?) no-repeat center 145px;}
.full_bg3{background:url(../webgame/zzsm/news/images/full_bg3.jpg?) no-repeat center 315px;overflow: hidden;}

/*f_flash*/
.header{ height:617px;position:relative;zoom:1;}
.flash_bg1{ background:url(../webgame/zzsm/news/images/bg1.jpg?) center 0; height:154px;}
.flash_bg2{ background:url(../webgame/zzsm/news/images/bg2.jpg?) center 0; height:154px;}
.flash_bg3{ background:url(../webgame/zzsm/news/images/bg3.jpg?) center 0; height:154px;}
.flash_bg4{ background:url(../webgame/zzsm/news/images/bg4.jpg?) center 0; height:155px;}
.header-start{background:url(../webgame/zzsm/news/images/btn_start.gif?) center center;width: 170px;height: 170px;position: absolute;bottom: 202px;left:51.9%;margin-left: -103px;z-index: 1;zoom:1;}
.header-tag{position: absolute;top:325px;left: 188px;z-index: 1;}
.tag{  position: absolute;  display: block;  width: 220px;  height: 56px;  }

.header-user{position: absolute;width: 210px;bottom: 4px;left:390px;line-height: 24px;text-align: center;z-index: 2;}
.header-user .user-label{color: #2ee8f6;margin-left: 6px;float: left;}
.header-user .user-name{color: #f3c32d;white-space: nowrap;overflow: hidden;width: 80px;float: left;text-overflow: ellipsis;text-align: left;*line-height:22px;}
.header-user .user-logout{color: #f76322;margin: 0 4px; float: left;}
.header-user .user-reg{color: #e3c3a8;font-size: 14px;}
.header-hotarea{position: absolute;width: 640px;height: 300px;top:200px;left: 180px;z-index: 2;zoom:1;background: #000;opacity: 0;filter:alpha(opacity=0);}
.header-dialog{width: 100%;height: 595px;position: absolute;z-index: 19;display: none;}
.dialog-wrap{background: url(../webgame/zzsm/news/images/dialogbg_1.png?) no-repeat 0 0;position: absolute;top:180px;left:49.1%;margin-left: -311px;z-index: 9;}
.dialog-wrap2{background: url(../webgame/zzsm/news/images/dialogbg_2.png?) no-repeat 0 180px;width: 633px;height: 365px;}
.dialog-close{position: absolute;top:15px;right: 10px;width: 30px;height: 30px;cursor: pointer;}
.dialog-user{width: 300px;line-height: 25px;position: absolute;top:140px;left:12px;color: #cecece;font-size:14px;text-align: center;white-space: nowrap;}
.dialog-user span{color: #ffdc51;display: inline-block;width: 77px;white-space: nowrap;  text-overflow: ellipsis;overflow: hidden;vertical-align: middle;}
.dialog-btn{width: 222px;height: 73px;position: absolute;top:202px;left:72px;background:url(../webgame/zzsm/news/images/dialog_btn.png?);}
.dialog-logout{text-align: center;width: 178px;line-height: 24px;position: absolute;top:322px;left:60px;color: #999999;font-size:14px;}
a.dialog-logout:hover{text-decoration: underline;}
/* ser_out_face*/
.ser_out_face, .act_frame{width:609px;position:absolute; left:50%; top:198px;opacity:0.95; filter:alpha(opacity=95);z-index: 3;}
.out_face_hd,.out_face_bd,.out_face_fd, .act_frame_hd, .act_frame_bd, .act_frame_fd{ background-image:url(../webgame/zzsm/news/images/out_face_bg.png?); background-repeat:no-repeat;}
.out_face_hd, .act_frame_hd{ padding:17px 0 0; height:33px; overflow:hidden;}
.out_face_hd,.out_face_hd a, .act_frame_hd, .act_frame_hd a{ color:#ead8ff;}
.out_face_hd a, .act_frame_hd a{ margin:0 5px}
.out_face_hd .username, .act_frame_hd .username{ margin-right:10px;}
.out_face_bd, .act_frame_bd{ background-position:-609px 0; padding:0 23px; background-repeat:repeat-y; width:563px; overflow: hidden;}
.out_face_fd, .act_frame_fd{ background-position:-1218px bottom; padding-bottom:30px;}

/* store_btn */
.sns_textscroll h2{color:#ffdc51;}
.text_scroll_bx{ height:24px;overflow:hidden; }
.text_scroll_bx a{ color:#f00; font-weight:700; overflow:hidden; height:24px; display:block; }
.text_scroll_bx a:hover{ color:#f00}

.m_server  .m_server_hd,.m_server .m_server_bd,.m_server  .m_server_fd{ background:none transparent;}
.m_server  .m_server_hd{ width:570px; height:0px; color:#eafcff; overflow: hidden;}

.select_ser{ position:relative; zoom:1;  }
.alert_w{ background:url(../webgame/zzsm/news/images/alert_bg.png?) no-repeat; width:192px; height:42px; text-align:center; padding-top:10px; overflow:hidden; position:absolute; top:-47px; color:#2b2b2b; font-size:14px;}
.m_server_bd h2{ float:left; width:auto; height:36px; overflow:hidden; text-indent:0; font-family:"microsoft yahei"; font-size:14px; font-weight:700; line-height:36px; color:#ffdc51; background:none;}
.m_server_bd h2 .shc1{ color:#ea5e00; margin:0 5px;}

.m_server  .m_server_bd{ background:none; width:575px; overflow:hidden;padding-left: 0px;}
.m_played_ser li, .m_all_ser li{ width: 120px;}
.server_all .server_box{ height:105px; width: 565px; }

/*m_recommed_ser*/
.m_played_ser .nplay{ color:#E2E2E2}
.select_ser{  color:#ffdc51;}
.select_ser .ser_txt{ border: solid #b7856a 1px; background-color:#fdeecd;}
.m_server  .m_server_fd{background:none; width:570px; height:0;}

/*scrollbar*/
.jScrollPaneTrack { background: #5a5a5a;}
.jScrollPaneDrag {background:#b9b9b9;}
a.jScrollArrowUp { background-image:url(../webgame/zzsm/news/images/new_ser.png?);}
a.jScrollArrowDown { background-image: url(../webgame/zzsm/news/images/new_ser.png?);}

/* add by yufang 12-06-19 am*/
.news_login_bar{ /*display:block!important;*/width:270px;float:left; height:30px; line-height:24px; overflow:hidden; padding-left:20px; color:#6a5a39;letter-spacing: -4px; word-spacing: -4px; font-size: 0; }
.news_login_bar a,.news_login_bar span{ font-size: 12px; letter-spacing: normal; word-spacing: normal;  display:inline-block; *display: inline; zoom:1;  color:#beb9a3;height:24px; line-height:24px; }
.news_login_bar a:hover{ color:#fefdfd; text-decoration:none;}
.news_login_bar a.username{ color:#ffdc51; font-weight:700; margin:0 10px 0 5px; width:112px; height:24px;line-height:24px; overflow:hidden; *zoom:1; vertical-align:top;}
.news_login_bar a.username:hover{ text-decoration:underline;}
.sns_textscroll{ float:left; padding:0; height:24px; overflow:hidden; line-height:24px;  *display:inline; *zoom:1; width:260px;}
.sns_textscroll .text_scroll_bx{ width:325px;}

.loginDiv{/*left:52% !important margin-left:-490px; */}
.game_msg{ top:155px!important}
.loginout{cursor:pointer}
.ue_notice{ position:absolute; left:50%; margin-left: -320px; top:205px; z-index: 3;}

/*.j_recom li{display:none;}*/
.GameFrame{width:950px;height:560px}
.join_btn{background: url(../webgame/zzsm/news/images/new_ser.png?) no-repeat -146px -37px;width: 43px;height: 21px;display: inline-block;font-size: 0px;vertical-align: top;}
#xfk{display: none;}
/*smoke*/
.page{  position: absolute;  top:0;  width: 100%;margin: 0 auto;  width: 1920px;height: 617px;z-index: 2;}
.mist--wrapper2{  left: -95%;  height:617px;  bottom:0;  overflow: hidden;  }
.mist--wrapper1,.mist--wrapper2,.mist--item{  position: absolute;  width: 2000px; }
.mist--wrapper1{  right: -22%;  height:617px;  bottom:0;  overflow: hidden;  }
.mist--item{  display:block;  height:730px;  background:url(../webgame/zzsm/news/images/smoke.png) left top no-repeat;  left:0;  bottom:0;  opacity:0;  filter:alpha(opacity=0?);  -webkit-animation:mist 6s linear infinite;  animation:mist 6s linear infinite;  }
.mist--item:nth-child(1){  left:100px; }
.mist--item:nth-child(2){  left:200px;  -webkit-animation-delay:2s;  animation-delay:2s;  }
.mist--item:nth-child(3){  left:300px;  -webkit-animation-delay:4s;  animation-delay:4s;  }
/*canvas*/
.wg-canvas{position: absolute;width: 1920px;height:617px;left:50%;margin-left: -960px;top:0; overflow: hidden;  z-index: 0;  }