@charset "utf-8";
/* /webgame/hxjy/news/css/hxjy_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 */
html{background: #E7E9E8;}
body{ background:#E7E9E8;overflow: hidden; }
.wrapper{ margin:0 auto;text-align:left;width:980px; }
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{display:none}

/* ser_out_face*/
.ser_out_face, .act_frame{
    width:627px;position:absolute; left:50%; margin-left: -424px; top: 177px;opacity:0.95; filter:alpha(opacity=95);z-index: 10; 
}
.out_face_hd,.out_face_bd,.out_face_fd, .act_frame_hd, .act_frame_bd, .act_frame_fd{ background-image:url(../webgame/hxjy/news/images/out_face_bg.png?18d0e66); background-repeat:no-repeat;}
.out_face_hd, .act_frame_hd{ padding:20px 0 0; height:30px; 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:-627px 0; padding:0 26px 0 25px; background-repeat:repeat-y; width:576px; overflow: hidden;}
.out_face_fd, .act_frame_fd{ background-position:-1254px bottom; padding-bottom:20px;}

/* 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/hxjy/news/images/server_sprite.png?18d0e66) no-repeat 0 0;}
.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; padding-left:5px; width:575px; overflow:hidden}
.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; display:none}
.select_ser .ser_txt{ border: solid #b7856a 1px; background-color:#fdeecd;}
.m_server  .m_server_fd{background:none; width:570px; height:0;}

/*server_box*/
/*.server_all .server_box{ height:105px;}*/
.server_num li{ background: #fcc896; border-color: #d9822c; color: #e2e2e2;}
.server_num li.cur{ background:transparent;border-bottom-color: transparent;}
.server_all .m_server_num{border-bottom-color: #d9822c;}

/*scrollbar*/ 
a.jScrollArrowUp { background:url(../webgame/hxjy/news/images/server_sprite.png?18d0e66) no-repeat  0 -63px;}
a.jScrollArrowDown { background: url(../webgame/hxjy/news/images/server_sprite.png?18d0e66) no-repeat 0 -83px;}
a.jScrollArrowUp:hover{ background:url(../webgame/hxjy/news/images/server_sprite.png?18d0e66) no-repeat  -20px -63px;}
a.jScrollArrowDown:hover{ background: url(../webgame/hxjy/news/images/server_sprite.png?18d0e66) no-repeat -20px -83px;}
.jScrollPaneTrack{background:#5a5a5a;}
.jScrollPaneDrag{background:#b9b9b9;}

/* add by yufang 12-06-19 am*/
.news_login_bar{ display:block!important;width:270px;float:left; height:24px; 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:#e2e2e2;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:325px}
.sns_textscroll .text_scroll_bx{ width:325px;}

.game_msg{ top:155px!important}
.loginout{cursor:pointer}
.ue_notice{ position:absolute; left:50%; margin-left: -420px; top:170px;z-index: 10;}

.j_recom li{/*display:none;*/}
/*.wrap{*/
/*    width: 100%;height: 297px;  background: url(../webgame/hxjy/news/images/20210402/ud.png?18d0e66) no-repeat center 0px;*/
/*}*/
.mod_alink{
    position: absolute;
    display: block;
    width:155px;
    height: 50px;
    top: 42px;
    left: 372px;
}
/*canvas*/
.wg-canvas{
    position: absolute;
    width: 1920px;
    height:608px;
    left:50%;
    margin-left: -960px;
    top:0;
    overflow: hidden;
}

.sdkDialog,.fcmIframe{
    top:150px!important;
}

.certify_dialog{
    margin-left: -460px;
}

.news_login_bar a.username{white-space: nowrap;text-overflow: ellipsis;}
.news_login_bar a.username  img{
    margin-right: 2px;
    vertical-align: text-top;
}

.w_tit{
    color: #ece699
}
.w_tit > a{
    color: #fe7e6d
}



/* 新背景-20220125 */
.head-layer {
    position: absolute;
    left: 50%;
    margin-left: -960px;
    top: 0;
    width: 1920px;
    height: 608px;
    overflow: hidden;
    z-index: 1;
}
/* 操作 */
.head-layer.layer-opt{
    z-index: 6;
}
/* 前景元素定位 */
.head-layer.layer-fixed{
    z-index: 5;
}
/* 前景效果 */
.head-layer.layer-parallax{
    z-index: 4;
}
/* 前景 */
.head-layer.layer-pro{
    z-index: 3;
}
/* 中间效果 */
.head-layer.layer-eff{
    z-index: 2;
}
/* 底图 */
.head-layer.layer-bg{
    z-index: 1;
}

.layer-pro .pro-full{
    /* 这次不用两边前景 */
    /* background: url(../webgame/hxjy/news/images/bg/pro-full.png?) center 0 no-repeat; */
}
.layer-pro .pro-bg{
    height: 608px;
}
.layer-pro .pro-bg-1{
    background: url(../webgame/hxjy/news/images/bg/pro-bg.png?) center 0 no-repeat;
}

.layer-eff .canvas-container{
    margin: 0 auto;
}
.layer-eff .canvas-img-bg{
    display:none
}
.layer-eff canvas {
	width: 100%;
	height: 100%;
}

/* 效果视频 */
.head-video{
    width: 100%;
    object-fit: fill;
}