/*big project*/
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{margin:0;padding:0;}
h1, h2, h3, h4, h5, h6 {font-size:100%;}
address, cite, dfn, em, var {font-style:normal;}
small {font-size:12px;}
ul, ol {list-style:none;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
legend {color:#000;}
fieldset, img {border:0;}
button, input, select, textarea {font-size:100%;}
table {border-collapse:collapse;border-spacing:0;}
i, em, cite {font-style:normal;}
.clear {clear:both;width:0px;height:0px;margin:0;padding:0;font-size:0px; overflow:hidden;}
.left {float:left;}
.right {float: right;}
iframe {margin:0;padding:0;}
textarea {resize:none;}
input {outline: none;}
textarea {outline: none;font:12px/22px \5fae\8f6f\96c5\9ed1, \5b8b\4f53 ,Arial, Sans-serif;}
.clearfix:after {content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}
.clearfix {zoom:1;}

body{ background-color:#242424; font:12px/22px \5fae\8f6f\96c5\9ed1, \5b8b\4f53 ,Arial, Sans-serif;}
a{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out; text-decoration:none;}
.t_idt{ text-indent:-999em; overflow:hidden; display:block;}
.t_elp{ text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.ps{ position:absolute; display:block; overflow:hidden;}

.wrap{}
.wrap .content{ width:100%; position:relative;}
.content .bg{ width:100%; z-index:-1; position:absolute; left:0; top:0;}
.bg div{ background-repeat:no-repeat; background-position:center 0; width:100%;}

.bg1{ background-image:url(../images/abg1.jpg);height:244px;}
.bg2{ background-image:url(../images/abg2.jpg); height:245px;}
.bg3{ background-image:url(../images/abg3.jpg);height:244px;}
.bg4{ background-image:url(../images/abg4.jpg);height:244px;}
.bg5{ background-image:url(../images/bbg1.jpg);height:255px }
.bg6{ background-image:url(../images/bbg2.jpg);height:256px;}
.bg7{ background-image:url(../images/bbg3.jpg);height:255px;}
.bg8{ background-image:url(../images/bbg4.jpg);height:255px }
.bg9{ background-image:url(../images/cbg1.jpg);height:251px;}
.bg10{ background-image:url(../images/cbg2.jpg);height:250px;}
.bg11{ background-image:url(../images/cbg3.jpg);height:251px }
.bg12{ background-image:url(../images/cbg4.jpg);height:250px;}
.bg13{ background-image:url(../images/dbg1.jpg);height:264px;}
.bg14{ background-image:url(../images/dbg2.jpg);height:264px;}
.bg15{ background-image:url(../images/dbg3.jpg);height:264px;}
.bg16{ background-image:url(../images/dbg4.jpg);height:264px;}
.bg17{ background-image:url(../images/ebg1.jpg);height:233px;}
.bg18{ background-image:url(../images/ebg2.jpg);height:233px;}
.bg19{ background-image:url(../images/ebg3.jpg);height:232px;}
.bg20{ background-image:url(../images/ebg4.jpg);height:233px;}

.main{ position:relative; z-index:2;}
.mod_wrap .mod_bd{ width:1000px; margin:0 auto;position:relative;}
.mod_wrap img{ display:block;}
/*mod_home*/
.mod_home{ height:943px;}
.join{ background:url(../images/join.png) no-repeat 0 0;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src="images/join.png"); z-index:333; overflow:hidden; text-indent:-999em; width:176px; position:absolute; top:478px; left:414px; height:40px;}
.join:hover{ background:url(../images/joinh.png) no-repeat 0 0;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src="images/joinh.png");}

.game_list{ position:absolute; top:375px; height:487px; width:1000px; z-index:1;}
.game_list .item{ position:absolute; width:321px; height:320px; cursor:pointer;}
.game_list .gm1{ top:0; left:3px;}
.game_list .gm2{ top:170px; left:170px;}
.game_list .gm3{ top:170px; left:505px;}
.game_list .gm4{ top:0; left:673px;}
.gm_mark{ position:absolute; z-index:55;  filter: Alpha(opacity=0);-moz-opacity:0;opacity:0;-webkit-transition:opacity 0.5s ease;-moz-transition:opacity 0.5s ease;transition:opacity 0.5s ease;}
.gm_open{ text-indent:-999em;overflow:hidden;}
.gm_pic{ position:relative;}
.gm_pic .qidai{ position:absolute; top:238px; left:0; text-align:center; line-height:30px; height:30px; color:#400807; width:320px; font-size:14px;}
.gm4 .gm_pic .qidai{ top:244px;}
.gm1 .gm_mark{ background:url(../images/m1h.png) no-repeat 0 0; top:0; left:-14px; width:333px; height:317px;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src="images/m1h.png");}
.gm2 .gm_mark{ background:url(../images/m2h.png) no-repeat 0 0; top:-18px; left:0; width:319px; height:338px;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src="images/m2h.png");}
.gm3 .gm_mark{ background:url(../images/m3h.png) no-repeat 0 0; top:-4px; left:1px; width:318px; height:324px;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src="images/m3h.png");}
.gm4 .gm_mark{ background:url(../images/m4h.png) no-repeat 0 0; top:-3px; left:2px; width:324px; height:324px;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src="images/m4h.png");}
.game_list .hover{ z-index:33;}
.game_list .hover .gm_mark{ filter: Alpha(opacity=100);-moz-opacity:1;opacity:1;}
.gm_mark .qidai{ position:absolute; top:165px; left:93px; background:url(../images/qidai.png) no-repeat 0 0; width:117px; padding:0 10px 36px 1px; font-size:16px; color:#ffd99a; height:36px; line-height:36px; text-align:center;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src="images/qidai.png");}
/*mod-a*/
.mod_a{ margin-top:34px; height:987px;}
.btn_a{ top:389px; height:54px; width:335px; position:absolute; left:0;}
.btn_a a{ display:block; float:left;  height:54px; overflow:hidden; text-indent:-999em;}
.btn_a .btn_lk{ background:url(../images/a_lk.jpg) no-repeat 0 0; width:160px;margin-right:9px;}
.btn_a .btn_lk:hover{ background:url(../images/a_lkh.jpg) no-repeat 0 0;}
.btn_a .btn_qd{ background:url(../images/a_qd.jpg) no-repeat 0 0; width:158px;}
.btn_a .btn_qd:hover{ background:url(../images/a_qdh.jpg) no-repeat 0 0;}

.jh_zc{ position:absolute; top:475px; left:61px; width:230px; height:200px;}
.jh_wb{ position:absolute; top:508px; left:325px; width:227px; height:166px;}
.jh_wb textarea{ background:none; border:none; padding:10px; color:#e06e6a; width:207px; height:100px;}
.jh_wb .btn_wb{ position:absolute; bottom:0; left:4px; background:url(../images/a_wb.jpg) no-repeat 0 0; width:219px; height:45px; overflow:hidden; text-indent:-999em;}
.jh_jp{ position:absolute; top:704px; left:51px; width:510px; height:144px;}
.jh_jp li{ float:left; width:116px; height:144px; margin-right:11px;}
/*mod_b*/
.mod_b{ margin-top:34px; height:968px;}
.btn_b{ top:331px; left:504px; height:53px; position:absolute; width:495px;}
.btn_b a{ float:left; width:158px; height:53px; overflow:hidden; text-indent:-999em; margin-right:10px;}
.btn_b .btn_lk{ background:url(../images/b_lk.jpg) no-repeat 0 0;}
.btn_b .btn_lk:hover{ background:url(../images/b_lkh.jpg) no-repeat 0 0;}
.btn_b .btn_qd{ background:url(../images/b_qd.jpg) no-repeat 0 0; margin:0;}
.btn_b .btn_qd:hover{ background:url(../images/b_qdh.jpg) no-repeat 0 0;}
.btn_b .btn_zc{ background:url(../images/b_zc.jpg) no-repeat 0 0;}
.btn_b .btn_zc:hover{ background:url(../images/b_zch.jpg) no-repeat 0 0;}

.draw{ position:absolute; top:438px; left:453px; width:537px; height:305px;}
.draw_con{ position:absolute; z-index:1;}
.draw_con li{ position:absolute; width:175px; height:97px;}
.draw_con .li_1{ top:0; left:0;}
.draw_con .li_2{ top:0; left:181px;}
.draw_con .li_3{ top:0; left:362px;}
.draw_con .li_4{ top:104px; left:362px;}
.draw_con .li_5{ top:208px; left:362px;}
.draw_con .li_6{ top:208px; left:181px;}
.draw_con .li_7{ top:208px; left:0;}
.draw_con .li_8{ top:104px; left:0;}
.draw_con .mark{ position:absolute; left:0; top:0;width:175px; height:97px; display:none; background:#fff;}
.draw_con .current .mark{ display:block;filter: Alpha(opacity=50);-moz-opacity:.5;opacity:0.5;}
.draw_btn{ background:url(../images/b_cj_btn.jpg) no-repeat 0 0; position:absolute; z-index:4; overflow:hidden; text-indent:-999em; width:175px; height:97px; top:104px; left:181px;}
.draw_btn:hover{ background:url(../images/b_cj_btnh.jpg) no-repeat 0 0;}
.draw_bd .gray,.draw_bd .gray:hover{ background:url(../images/b_cj_gray.jpg) no-repeat 0 0; cursor:default;}
/*mod-c*/
.mod_c{ margin-top:34px; height:1022px;}
.btn_c{ top:323px; position:absolute; left:0; width:158px; height:205px;}
.btn_c a{ display:block; width:158px; height:53px; overflow:hidden; text-indent:-999em;}
.btn_c .c_lk{ background:url(../images/c_lk.jpg) no-repeat 0 0; margin-bottom:21px}
.btn_c .c_lk:hover{ background:url(../images/c_lkh.jpg) no-repeat 0 0;}
.btn_c .c_tp{ background:url(../images/c_tp.jpg) no-repeat 0 0; margin-bottom:13px;}
.btn_c .c_tp:hover{ background:url(../images/c_tph.jpg) no-repeat 0 0;}
.btn_c .c_qd{ background:url(../images/c_qd.jpg) no-repeat 0 0;}
.btn_c .c_qd:hover{ background:url(../images/c_qdh.jpg) no-repeat 0 0;}

.c_zc{ position:absolute; top:327px; left:222px; width:230px; height:200px;}

.c_jp{ position:absolute; top:547px; left:49px; width:425px; height:89px;}
.c_jp li{ float:left; width:133px; height:89px; margin-right:8px;}

#tpwz{ top:100px; position:absolute; left:0; overflow:hidden; text-indent:-999em;}

.mod_tp{ top:676px; left:11px; position:absolute; width:695px; height:189px;}
.mod_tp li{ float:left; width:164px; height:189px; margin-right:8px; position:relative;}
.mod_tp .tp_con{ position:absolute; cursor:pointer; z-index:3; left:0; top:0;}
.mod_tp .tp_mark{ z-index:2; cursor:pointer; position:absolute; top:0; left:0; width:164px; height:129px; padding-top:60px;}
.tp_mark h3{ font-weight:normal; text-align:center; color:#fff; font-size:18px; line-height:30px; height:30px;}
.tp_mark .vote_btn{ width:70px; height:22px; border:1px solid #fff; color:#fff; text-align:center; display:block; margin:0 auto; line-height:22px; font-size:14px;}
.tp_mark .vote_btn:hover{ border:1px solid #f7da30; color:#f7da30;}
.tp_mark p{ color:#ffb8b8; text-align:center; padding-top:8px; line-height:20px;}
.mod_tp .t_1 .tp_mark{ background:url(../images/c1h.gif) no-repeat 0 0;}
.mod_tp .t_2 .tp_mark{ background:url(../images/c2h.gif) no-repeat 0 0;}
.mod_tp .t_3 .tp_mark{ background:url(../images/c3h.gif) no-repeat 0 0;}
.mod_tp .t_4 .tp_mark{ background:url(../images/c4h.gif) no-repeat 0 0;}

.mod_tp .hover .tp_con{-webkit-animation:0.4s ease both;-webkit-backface-visibility:visible!important;-webkit-animation-name:flipOutY1;-moz-animation:0.4s ease both;-moz-backface-visibility:visible!important;-moz-animation-name:flipOutY1;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;}
.mod_tp .hover .tp_mark{-webkit-animation:0.4s 0.2s ease both;-webkit-backface-visibility:visible!important;-webkit-animation-name:flipOutY2;-moz-animation:0.4s 0.2s ease both;-moz-backface-visibility:visible!important;-moz-animation-name:flipOutY2;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;}
@-webkit-keyframes flipOutY1{0%{-webkit-transform:rotateY(0deg); opacity:1}100%{-webkit-transform:rotateY(90deg); opacity:0}}
@-webkit-keyframes flipOutY2{0%{-webkit-transform:rotateY(-90deg); opacity:0}100%{-webkit-transform:rotateY(0deg); opacity:1;}}
@-moz-keyframes flipOutY1{0%{-moz-transform:perspective(1000px) rotateY(0deg); opacity:1}100%{-moz-transform:perspective(1000px) rotateY(90deg); opacity:0}}
@-moz-keyframes flipOutY2{0%{-moz-transform:perspective(1000px) rotateY(-90deg); opacity:0}100%{-moz-transform:perspective(1000px) rotateY(0deg); opacity:1;}}

/*mod_d*/
.mod_d{ margin-top:34px; height:923px;}
.btn_d{ position:absolute; top:327px; width:335px; height:53px; left:665px;}
.btn_d a{ display:block; float:left; width:158px; height:53px; overflow:hidden; text-indent:-999em;}
.btn_d .d_lk{ background:url(../images/d_lk.jpg) no-repeat 0 0; margin-right:18px;}
.btn_d .d_lk:hover{ background:url(../images/d_lkh.jpg) no-repeat 0 0;}
.btn_d .d_qd{ background:url(../images/d_qd.jpg) no-repeat 0 0;}
.btn_d .d_qd:hover{ background:url(../images/d_qdh.jpg) no-repeat 0 0;}

.zy_tab{ left:333px; top:413px; border:5px solid #8b1511; width:650px; height:344px; position:absolute;}
.zy_tab .tab_con{ width:650px; height:344px; position:relative; z-index:1;}
.zy_tab .tab_con .d_pic{ position:absolute; display:none; top:0; left:0; width:650px; height:344px;}
.zy_tab img{ display:block;}
.zy_tab .tab_nav{ position:absolute; top:11px; right:6px; width:64px; height:320px; z-index:9;}
.zy_tab .tab_nav li{ width:64px; height:71px; margin-top:7px; cursor:pointer; overflow:hidden; text-indent:-999em;}
/*fix_r*/
.fix_r{z-index:99;position:fixed;_position: absolute;_top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-256)); right:29px; width:60px; height:436px; top:50%; margin-top:-218px;background:url(../images/fix_bg.png) no-repeat 0 0; _background:url(../images/fix_bg.gif) no-repeat 0 0;}
.fix_r a{ overflow:hidden; text-indent:-999em; display:block; width:60px; height:60px; background-image:url(../images/fix.png);_background-image:url(../images/fix.gif); background-repeat:no-repeat;}
.fix_r a:hover,.fix_r .on{ background-image:url(../images/fixh.png);_background-image:url(../images/fixh.gif);}
.fix_r .fr1{ background-position:0 -105px; margin-top:20px;}
.fix_r .fr2{ background-position:0 -25px; margin-top:27px;}
.fix_r .fr3{ background-position:0 -186px; margin-top:20px;}
.fix_r .fr4{ background-position:0 -266px; margin-top:20px;}
.fix_r .fr5{ background-position:0 -350px; margin-top:23px;}

.foot{ text-align:center; color:#6b6b6b; width:100%; background:#242424; height:25px; padding:15px 0; position:relative; z-index:2;}
.iblk{display:inline-block;*zoom:1;*display:inline;float:left}


/*弹窗*/
.pop{posiion:relative;width:300px;height:280px;background:#88140F;border:5px solid rgba(0,0,0,0.4);}
.pop-hd{
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 20px;
    color:#ffd146;
    position: relative;
    background: #7e110c;
}
.pop-hd .close_a{
    position: absolute;
    right:0;
    top:0;
    width:50px;
    height: 50px;
    background:  url(../images/close.jpg) 0 0 no-repeat;
    text-indent: -9999px;

}
.tip{
    width:260px;
    margin:30px auto 0;
    overflow: hidden;
}
.tip li{
    width:100%;
    height: 24px;
    margin-bottom:5px;
}
.tip li label{
    float: left;
    width:56px;
    font-size: 14px;
    text-align: right;
    color:#f0a8a5;
}
.tip li .fm_ipt{
    width:135px;
    height: 23px;
    line-height: 23px \9;
    padding:0 5px;
    color:#fff;
    float: left;
    display: inline;
    margin-left:5px;
    border: 1px solid #A02723;
    background: #6C100C;
}
.tip .fm_btn{
    width:147px;
    height: 53px;
    padding-left:61px;
    margin-top:20px;
}
.tip .btn{
    display: block;
    width:147px;
    height: 53px;
    text-indent: -9999px;
    background:  url(../images/submit.gif) 0 0 no-repeat;
}
.tip .btn:hover{
    background-position: 0 -54px;
}