@charset "utf-8";
/* /webgame/touch/tpl/css/game.css */


body{ background:url(/s1../webgame/touch/tpl/images/body.png-3455585.html) repeat 0 0;min-width:896px; font-family: "microsoft yahei"}
/*文字高亮*/
.hc1 {color:#e61e6e!important}
.mt5{ margin-top:5px;}

/* ======================== frm 整体框架 ========================  */
.full_bg1{background: url(/s1../webgame/touch/tpl/images/full_bg.jpg-3455585.html) no-repeat center top; position: relative;*zoom:1;padding-bottom:20px;}
.frm_header{ width: 1000px; height: 670px; margin:0 auto;position: relative; z-index: 11; *zoom:1; overflow: hidden}
.frm_header .bg1{ background: url(/s1../webgame/touch/tpl/images/bg1.jpg-3455585.html)  no-repeat 0 0; height: 190px;}
.frm_header .bg2{ background: url(/s1../webgame/touch/tpl/images/bg2.jpg-3455585.html)  no-repeat 0 0; height: 252px;}
.frm_header .bg3{ background: url(/s1../webgame/touch/tpl/images/bg3.jpg-3455585.html)  no-repeat 0 0; height: 449px;}
.frm_main{ width: 896px; position:relative; margin:-120px auto 0; z-index: 11 }
.sfrm_aside{ float:left; width:298px;  }
.sfrm_section{ float:left; *display: inline;*zoom:1; margin-left:4px;  width:594px; padding-top: 50px; }

/* ======================== mod 通用模块 ========================  */
/*mod_wg*/
.mod_wg{}
.mod_wg .mod_hd,.mod_wg .mod_hd .lt,.mod_wg .mod_hd .rt,.mod_wg .mod_fd,.mod_wg .mod_fd .lb,.mod_wg .mod_fd .rb{background:url(/s1../webgame/touch/tpl/images/mod_sprite.png-3455585.html) 0 0 no-repeat;}
.mod_wg .mod_hd{background-position: 0 -42px; background-repeat: repeat-x; height: 42px; padding: 0 10px;}
.mod_wg .mod_hd .lt{background-position: 0 0; float:left;*display: inline; *zoom:1; margin: -42px 0 0 -10px; width: 10px; height: 42px;}
.mod_wg .mod_hd .rt{background-position: right -84px; float:right;*display: inline; *zoom:1; margin: -42px -10px 0 0;width: 10px; height: 42px;}
.mod_wg .mod_fd{background-position: 0 -146px; background-repeat: repeat-x; height: 20px; padding: 0 10px;overflow: hidden;}
.mod_wg .mod_fd .lb{background-position: 0 -126px; float:left;*display: inline; *zoom:1; margin: 0 0 0 -10px; width: 10px; height: 20px;}
.mod_wg .mod_fd .rb{background-position: right -166px; float:right;*display: inline; *zoom:1; margin: 0 -10px 0 0;width: 10px; height: 20px;}
.mod_wg .mod_bd{ background:url(/s1../webgame/touch/tpl/images/mod_bg.png-3455585.html) 0 0 repeat; padding:5px 10px 0; position: relative; *zoom:1; border: solid 1px #d3c5e2; border-top: 0 none; border-bottom: 0 none; }

.mod_wg .hd_t{padding-top: 12px; height: 29px; border-bottom: solid 1px #8926a5;position: relative; }
.mod_wg .hd_t .tit{ background:url(/s1../webgame/touch/tpl/images/sprite.png-3455585.html) 0 -534px no-repeat; padding-left: 20px; width: 75px; height: 30px; font:700 16px/30px "microsoft yahei"; color: #fff; position: relative; *zoom:1; margin-bottom: -1px; overflow: hidden; }
.mod_wg .more{ position: absolute; top:-25px; right: 0; width:55px; height: 20px;  color: #8926a5; line-height: 20px; font-size: 12px; text-align: center; }
.mod_wg .more:hover{ text-decoration: underline;}

/* ======================== cnt 通用内容 ========================  */
/*wg_textlist*/
.wg_textlist li{border-bottom: 1px dotted #c6b7d3;height: 27px;line-height: 27px;padding:1px 0; white-space:normal; font-size: 14px;}
.wg_textlist a,.wg_textlist span{ color:#2b216a; }
.wg_textlist a{
	white-space:nowrap;  
	overflow:hidden; 
	height: 28px; 
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}
 .wg_textlist .hover{ background: transparent;}
.wg_textlist .hover a, .wg_textlist .hover span,.wg_textlist a:hover{color:#2b216a; text-decoration: underline;}

.ue_notice{ position:absolute; top:200px; margin-left:-438px; left:50%;}
/*ser_out_face*/
.ser_out_face{top:175px; margin-left:-438px; z-index:100;}
.out_face_hd,.out_face_bd,.out_face_fd{background-image:url(/s1../webgame/touch/tpl/images/out_face_bg.png-3455585.html);}
.out_face_hd,.out_face_hd a{ color:#ffdf93;}
.out_face_hd{ background-position:0 0;}

/* store_btn */
.sns_textscroll h2{color:#ffdf93;}
.text_scroll_bx{ height:24px;}
.text_scroll_bx a{ color:#ffdc51;}
.text_scroll_bx a:hover{ color:#f5d96a;}
.text_scroll_bx li img{ display:inline-block; *display: inline; *zoom:1; margin:5px 3px;}
.m_server { /*border:1px solid #836c88;*/ background:url(/s1../webgame/touch/tpl/images/iserver_bg.png-3455585.html) 0 0 repeat; border-radius:5px; width: 592px; overflow: hidden;}
.m_server .m_server_hd,.m_server .m_server_bd,.m_server .m_server_fd{ background:none;}
.m_server .m_server_hd{ width:0; height:0;}
.m_server .m_server_bd { padding-left:10px; width:582px;}
.m_server_bd h2{ background:none; font-size:14px; font-family:"microsoft yahei"; font-weight:700; color:#3a0000; text-indent:0; line-height:36px;}
.alert_w{ background:url(/s1../webgame/touch/tpl/images/server_sprite.png-3455585.html) no-repeat 0 0;}
.select_ser{ color:#000000;}
.m_server .m_server_fd{ height:10px; width:594px;}

.m_played_ser li,.m_all_ser .server_ul  li{ margin:0px 2px 6px 0;width:135px;}
.m_played_ser li a,.m_all_ser li a{width:130px; padding-left:5px;}
.m_all_ser li a span,.m_played_ser li a span{
	padding-right: 45px;}
.m_played_ser .nplay{ color:#000}

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

/*scrollbar*/ 
a.jScrollArrowUp { background:url(/s1../webgame/touch/tpl/images/server_sprite.png-3455585.html) no-repeat  0 -63px;}
a.jScrollArrowDown { background: url(/s1../webgame/touch/tpl/images/server_sprite.png-3455585.html) no-repeat 0 -83px;}
a.jScrollArrowUp:hover{ background:url(/s1../webgame/touch/tpl/images/server_sprite.png-3455585.html) no-repeat  -20px -63px;}
a.jScrollArrowDown:hover{ background: url(/s1../webgame/touch/tpl/images/server_sprite.png-3455585.html) no-repeat -20px -83px;}
.jScrollPaneTrack{background:#fcc896;}
.jScrollPaneDrag{background:#ffa651;}


/* [mod] share */
.m_sstore{ float: right; margin:0 10px 0 0;}
.m_share #bdshare,.m_share .sp_group, .m_share .bdshare_t, .m_share .bshare_t {display: none;}
.m_share .discus_btn {
display: block!important;
}
.m_sstore a,
.m_share .discus_btn{ background:url(/s1../webgame/touch/tpl/images/bstore.png-3455585.html) no-repeat; width:89px; height:25px;  overflow: hidden; float: left; }
.m_share .discus_btn{ background-position:0 -50px; text-indent:-999em; margin: 0}
.m_share{display: inline; zoom:1; width: 89px;  margin:0 18px 0 0; height: 25px; overflow: hidden;}

.mod_share{ width: 296px; position: relative; z-index: 2; zoom:1;  padding: 5px 0; height:24px; overflow:hidden; margin: 5px -15px 0 -13px; }
.mod_share .mod_bg{  background:#8962b5;z-index: -1;  position: absolute; top: 0;left: 0; width: 296px; height: 34px;}
.mod_share .bshare_t{ color:#f0f0f0; padding-left:5px; float:left;}
#bdshare{ float:left!important;}

/* ======================== 具体内容 ========================  */
.frm_header .m_install_btn{ position:absolute;    top: 95px;
	left: 319px;}

.m_install_btn .a1,.m_install_btn .install_teach,.m_install_btn .discuss_btn{ background-image:url(/s1../webgame/touch/tpl/images/install_btn.png-3455585.html); background-repeat:no-repeat; position:absolute;  }
.m_install_btn .a1{ background-position:0 0; width:147px; height:64px; left:0; top:1px; font-size:0; line-height:0; overflow:hidden }
.m_install_btn .a1:hover{ background-position:0 -64px;}
.m_install_btn .install_teach{  left:157px; top:0; padding-top:30px; width:105px; height:34px; background-position:0 -128px; }
.install_teach a{ display:inline-block;*display:inline; *zoom:1;  width:49px; height:34px; line-height:34px; color:#fff; text-decoration:underline; text-align:center; font-size:14px;  font-weight:700;}
.install_teach a:hover{ color:#ffd822;}
.m_install_btn .discuss_btn{ background-position:-115px -128px; font-size:0; line-height:0; overflow:hidden; left:272px; width:62px; height:64px;}

/*mod_intro*/
.mod_intro{background:url(/s1../webgame/touch/tpl/images/sprite.png-3455585.html) 0 0 no-repeat; width: 298px; height: 414px;}
.mod_intro .mod_hd{height: 64px;padding: 30px 75px 0 85px;}
.mod_intro .hd_t .tit{font:700 24px/58px "microsoft yahei"; color: #fff; text-align: center;}
.mod_intro .mod_bd{padding:23px 15px 0 ;}

.cnt_intro {position: relative; *zoom:1; }
.intro_img{ display:block; margin:0 auto 5px;}
.cnt_intro .txt{ font: 500 14px/20px "microsoft yahei"; color: #f6effe; height: 120px; overflow: hidden;}
.gname{color: #91c5e8!important}
.cnt_intro .cnt_optbtn{ position: absolute; z-index: 11; top:260px; right: 5px; }
.cnt_intro .cnt_optbtn .discusbtn{ background: #7442ae none;  display: block; width: 100px; height: 26px; font:700 14px/26px "microsoft yahei"; color: #fff; text-align: center; border-radius: 5px }
.cnt_intro .cnt_optbtn .discusbtn:hover{background: #7932cb; text-decoration: none;}

/*mod_other*/
.mod_other{margin-top: 10px;}
/*cnt_other*/
.cnt_other a{display: block; width: 298px; height: 120px; overflow: hidden; border-radius: 10px}
.cnt_other a img{border-radius: 10px}

/*mod_specialbtn*/
.mod_specialbtn{ margin-top: 10px; width: 298px;}
.cnt_specialbtn{}
.cnt_specialbtn a{ background:url(/s1../webgame/touch/tpl/images/specialbtn.png-3455585.html) 0 -204px;width:149px; height:55px; float: left; *display: inline; *zoom:1;  font:500 14px/14px "microsoft yahei"; color: #ffbcbc;  text-align: center; padding-top: 15px;}
.cnt_specialbtn a:hover{background-position: 0 -274px; }
.cnt_specialbtn a span{display: block;}
.cnt_specialbtn a .txt1{font-size: 20px; line-height: 28px; font-weight: 700;}
.cnt_specialbtn .a1,.cnt_specialbtn .a2{background-position: 0 0; height:100px; padding-top: 30px; height: 72px; color:#bd1e1e }
.cnt_specialbtn .a1:hover,.cnt_specialbtn .a2:hover{background-position: 0 -102px;}

/*mod_gg*/
.mod_gg{ margin-top: 10px; width: 298px;}
/*cnt_gglist*/
.cnt_gglist{ vertical-align: top;overflow: hidden;height: 244px;}
.cnt_gglist li{ width: 298px; height: 120px;  margin-bottom:4px; border-radius: 10px }
.cnt_gglist li img{border-radius: 10px }

/*mod_wjxc*/
.mod_wjxc{height: 242px;*zoom:1;}
.mod_wjxc .mod_bd{ padding: 22px 12px 12px;}

/* wg_imgscroll */
.wg_imgscroll{ position:relative; *zoom:1; height: 126px;}
.wg_imgscroll .arrow_left,.wg_imgscroll .arrow_right{ background: url(/s1../webgame/touch/tpl/images/sprite.png-3455585.html) no-repeat; display: block; width:19px; height:26px; top:48px;position: absolute; cursor: pointer;text-indent: -999em; overflow: hidden;}
.wg_imgscroll .arrow_left{ background-position: -260px -534px; left:0;}
.wg_imgscroll .arrow_right{ background-position:-279px  -534px; right:0}
.wg_imgscroll .disable{ display:none; *zoom:1;}
.wg_imgscroll .wg_imgcontainer{position:absolute;  width:510px;height:126px; overflow: hidden;  top:0;left:28px;}
.wg_imgcontainer .wg_imglist{  overflow:hidden}
.wg_imglist li{ border: solid 1px #8073b9; width:164px;height:124px; float:left; *display:inline;*zoom:1; overflow: hidden; position: relative; *zoom:1; margin-right: 4px; border-radius: 10px}
.wg_imglist li a{display: block; width: 164px;height: 124px;}
.wg_imglist li img{width:164px;height:124px; display: block; vertical-align: top;}

.wg_imgscroll .more{ top:-58px; right: -5px; width:55px; height: 20px;}
.wg_imgscroll .ht_up,.wg_imgscroll .ht_up:hover{background:url(/s1../webgame/touch/tpl/images/sprite.png-3455585.html) -95px -534px no-repeat; width:63px; height: 19px;  text-align:center; color:#fff;top:-58px; right:55px; position:absolute; font-size: 12px; line-height: 19px;}
.wg_imgscroll .ht_up:hover{text-decoration: underline;}

.m_txt{ position:absolute; z-index:52; bottom:0; right:0;  width:164px; height:24px;}
.m_txt .txt_bg{ width:100%; height:100%; background-color:#000; opacity:0.56; filter:alpha(opacity=56); position:absolute; bottom:0; right:0; z-index:-1}
.m_txt p{color:#c9c9c9; text-align:center; line-height:24px;}

/* wg_bimgscroll */
.wg_bimgscroll{ position:relative; *zoom:1; height: 146px;}
.wg_bimgscroll .arrow_left,.wg_bimgscroll .arrow_right{ background: url(/s1../webgame/touch/tpl/images/sprite.png-3455585.html) no-repeat; display: block; width:19px; height:26px; top:58px;position: absolute; cursor: pointer;text-indent: -999em; overflow: hidden;}
.wg_bimgscroll .arrow_left{ background-position: -260px -534px; left:0;}
.wg_bimgscroll .arrow_right{ background-position:-279px  -534px; right:0}
.wg_bimgscroll .disable{ display:none; *zoom:1;}
.wg_bimgscroll .wg_bimgcontainer{position:absolute;  width:216px;height:146px; overflow: hidden;  top:0;left:28px;}
.wg_bimgcontainer .wg_bimglist{  overflow:hidden}
.wg_bimglist li{ border: solid 1px #8073b9; width:214px;height:144px; float:left; *display:inline;*zoom:1; overflow: hidden; position: relative; *zoom:1; border-radius: 10px}
.wg_bimglist  img{width:214px;height:144px; display: block;  }

.wg_bimgscroll .more{ top:-45px; right: -5px; width:55px; height: 20px;}
.wg_bimgscroll .ht_up{background:url(/s1../webgame/touch/tpl/images/sprite.png-3455585.html) -95px -534px no-repeat; width:63px; height: 19px;  text-align:center; color:#fff;top:-45px; right:55px; position:absolute; }
.wg_bimgscroll .ht_up:hover{text-decoration: underline;}


/* mod_kfzx */
.mod_kfzx{ margin-top: 10px;}
.mod_kfzx .mod_bd{ height: 175px; overflow: hidden;}
.wg_kf  p{color:#2b216a;  line-height: 30px; font-size: 14px; padding: 0;}
.wg_kf .online{background: #b370c5; border-radius: 10px; width:63px; height:19px; color: #fff;  font-size: 13px; text-align: center; line-height: 19px;}

/* mod_ads */
.lb_ul{ position:absolute;}
.lb_ul li{ position:absolute;left:0;top:0; z-index:0;}
.lb_ul li a{ display:block; width:100%; height:100%; text-decoration:none;}
.lb_num{ position:absolute;  z-index:53 }
/* .lb_num li{  float:left; *display:inline; *zoom:1;text-align:left;  cursor:pointer;} */

.mod_ads{width: 592px;  height:240px;border: solid 1px #dacee6; border-radius: 10px}
.mod_ads .ads_lb{ position:relative; *zoom:1;width: 592px;  height:240px; overflow:hidden;border-radius: 10px; }
.ads_lb .lb_bd{ width: 592px;  height:240px; overflow:hidden}
.ads_lb .lb_ul li{ width: 592px;  height:240px;border-radius: 10px; }
.ads_lb .lb_bd img{ width: 592px;  height:240px; border-radius: 10px;}
.ads_lb .lb_num{left:0; bottom:5px; text-align: right; width: 592px; height: 16px; overflow: hidden;}
.ads_lb .lb_num li{ background: #fff none; display: inline-block;  *display: inline;*zoom:1; margin: 0 5px;  width:16px; height: 16px; border-radius: 10px;   overflow: hidden; cursor:pointer; font-size: 0; line-height: 0; }
.ads_lb .lb_num .cur{ background: #8926a5 none; width: 26px;}

/*mod_xwgg*/
.mod_xwgg{ margin-top: 10px;}
.cnt_xwgg {height:175px; overflow: hidden; }
.cnt_xwgg .wg_textlist a{ width:530px; }

/* mod_mixedpic */
.mod_mixedpic{ margin-top:10px}
.mod_mixedpic .mod_hd{padding-left: 18px}
.mod_mixedpic .mod_hd .lt{margin-left: -18px;}
.tab_pic{ position:absolute;height:30px; overflow:hidden; top:11px;left: -8px;}
.tab_pic li{ width:95px; height:30px; text-align:center;color:#2b216a;font-family:"microsoft yahei"; font-weight:500; font-size:16px; line-height:30px; cursor:pointer}
.tab_pic li.cur{background:url(/s1../webgame/touch/tpl/images/sprite.png-3455585.html) -160px -534px no-repeat; color: #fff; font-weight: 700; }
.mod_mixedpic .mod_bd{ padding: 35px 12px 19px;}

/*mod_yxzl*/
.mod_yxzl{ margin-top: 10px;}
.mod_yxzl .mod_bd{ padding: 8px 10px 0 ; }
.cnt_yxzl{ margin-right: -5px; height: 172px;}
.cnt_yxzl .yxzl_item {height: 165px; overflow:hidden; float: left;*display: inline;*zoom:1; margin-right: 5px;}
.cnt_yxzl .glb_dllist{ float: left;}
.glb_dllist dt{background: url(/s1../webgame/touch/tpl/images/yxzl.jpg-3455585.html) no-repeat; width:120px; height:165px; float: left;*display: inline; *zoom:1; font-size: 0; line-height: 0; overflow: hidden; cursor: pointer;}
.glb_dllist .tit1{ background-position:0 0;}
.glb_dllist .tit2{ background-position:0 -165px;}
.glb_dllist .tit3{ background-position:0 -330px;}
.cnt_yxzl  .cur .tit1{ background-position:-120px 0;}
.cnt_yxzl  .cur .tit2{ background-position:-120px -165px;}
.cnt_yxzl  .cur .tit3{ background-position:-120px -330px;}
.yxzl_item dd{ float: left; width: 170px;padding: 0 15px; height: 165px; overflow: hidden; }
.yxzl_item a{ color: #2b216a; float: left;  width: 75px; padding: 3px 5px;; text-align: center; font-size: 14px;}
.yxzl_item a:hover{ text-decoration: underline;}

/*mod_wjwl*/
.mod_wjwl{ margin-top: 10px;height: 242px;overflow: hidden;}

/*mod_wjwd*/
.mod_wjwd{float: left; *display: inline; *zoom:1; width: 297px;}
.cnt_wjwd{ height: 175px; overflow: hidden;}
.cnt_wjwd .wg_textlist a{ width: 275px;}

/*mod_wlmj*/
.mod_wlmj{ float: left; width: 297px;}
.cnt_wlmj{ height: 175px; overflow: hidden;}
.cnt_wlmj .wg_textlist a{ width: 275px;}

/* mod_wjjl */
.mod_wjjl{ margin-top: 10px;}
.mod_wjjl .ht_up{background: #b36fc4 none;  width:80px;  height:20px;  font-size: 13px; text-align:center; color:#fff;top:-25px; right:65px; position:absolute; border-radius: 10px}
.mod_wjjl .ht_up:hover{background: #c520ee none}
.wg_table th{ color:#2b216a; border-bottom: dotted 1px #e7e5ed; text-align: left; font-size: 14px;}
.wg_table td{ border-bottom: dotted 1px #b4b4b4; font-size: 14px;}
.wg_table td,.wg_table td a{ color:#2b216a;}
.wg_table .hover td,.wg_table .hover a,.wg_table td a:hover{ color:#2b216a; text-decoration: underline;}
.wg_table .hover td{ background:none;}
.wg_table .xdis_tit{width:270px;}


.pop{
	position:relative;
	/*width:740px;*/
	background-color:#1cd1ff;
}

.pop .close_btn{
	position:absolute;
	right:-60px;
	top:0;
	background:url(/s1../webgame/touch/tpl/images/close.jpg-3455585.html) no-repeat 0 0;
	height:58px;
	width:60px;
}

.pop_inner{
	padding:10px;
}

/*------------ css3 @media transition 960 1280 1600 -----------------*/

@media screen and (min-width:1200px){
  .mod_gg,.mod_specialbtn,.mod_wjwd,.mod_wlmj,.mod_wjjl{position:absolute;overflow:hidden;}
  .frm_main {width:1200px; height:1600px; }
  .mod_specialbtn {right:0; top:50px; margin-top: 0;}
  .mod_gg {right:0;top:301px; margin-top: 0;}
  .mod_wlmj{right:0; top:553px; margin-top: 0;}
  .mod_wjwd {right:0;top:806px}
  .mod_wjjl {left:0px;top:1048px; width: 896px;}
  .wg_table .xdis_tit{ width: 500px;}

}

.box {
  -webkit-transition: all 0.5s cubic-bezier(0,0,0,1);
  -moz-transition: all 0.5s cubic-bezier(0,0,0,1);
  -o-transition: all 0.5s cubic-bezier(0,0,0,1);
  -ms-transition: all 0.5s cubic-bezier(0,0,0,1);
  /*transition: all 0.5s cubic-bezier(0,0,0,1); */
}

.my_ftop{background: none;}
.wrapper{width:auto;}


.mod_plhold{padding-top:10px;}
.sfgg_mod{width: 582px;height: 40px;}
.sfgg_mod a{float: left;}