@charset "utf-8";
/* /zhuanti/ssjj/gnjs/css/style.css */

/* CSS Document 
Date:		2013/12/20
Author:		小芳
Update:     
*/

/* CSS reset */
html{color:#000;background:#fff;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {margin:0;padding:0;}
input,select,img{ vertical-align:middle}
input,select{ outline:none}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block;}
audio,canvas,video {display: inline-block;*display: inline;*zoom: 1;}
body,button,input,select,textarea{font:12px/1.5 tahoma,arial,宋体,sans-serif}
input,select,textarea{font-size:100%;}
table{border-collapse:collapse;border-spacing:0;}
th{text-align:inherit;}
fieldset,img{border:0;}
iframe{display:block;}
abbr,acronym{border:0;font-variant:normal;}
del {text-decoration:line-through;}
address,caption,cite,code,dfn,em,th,var {font-style:normal;font-weight:500;}
/* ie6 7 8(q) bug 显示为行内表现 */
iframe{ display:block;}

ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:500;}
q:before,q:after {content:'';}
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
a:hover {text-decoration:underline;}
ins,a {text-decoration:none;}

/*Correct block display not defined in IE6/7/8/9 & ff3,IE需要在js中createElement(tag)*/
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary { display: block;}

/* HTML5 媒体文件跟 img 保持一致 */
audio,canvas,video { display: inline-block;*display: inline;*zoom: 1;}

/* global */
body{ background:#fff; }
.wrapper{ margin:0 auto;text-align:left;width:1100px; }
td{ font-size:12px; line-height:160%;}
.txthide{ text-indent:-999em;overflow:hidden; line-height:0; font-size:0}
.clearfix:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.clearfix {zoom:1; /* for IE6 IE7 */}
.hidden {display:none;}
.left,.right {display:inline; zoom:1;}
.left {float:left;}
.right {float:right;} 

a:active, a:focus, input{-moz-outline:none;outline:none;ie-dummy:expression(this.hideFocus=true);}


/* ======================== frm 整体框架 ========================  */
.my_ftop,body{background:#0d0f1c; }
.my_footer{
    margin-top: 0;
}
.frm_main{
    position: relative;
    *zoom:1;
    margin-top: -110px;
}
.frm_imain{
    background: url(../zhuanti/ssjj/gnjs/images/ifull_bg.jpg?) no-repeat center top;
}
.frm_nav{
    background:url(../zhuanti/ssjj/gnjs/images/fnav_bg.png?)  no-repeat center top;
    height: 111px;
    position: relative;
    z-index: 11 ;
    width: 100%;
}
.mod_mnav{
    padding: 0 200px 0 206px;
    width:694px ;

}
.mod_mnav .logo{
    float: left;
    *display:inline;
    *zoom:1;
    margin:10px 0 0 -200px;
    background: url(../zhuanti/ssjj/gnjs/images/glogo.png?) 0 0 no-repeat;
    width: 176px;
    height: 72px;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
}
.mod_mnav .btn_game{
    float: right;
    margin:24px  -174px 0 0;
    background:  url(../zhuanti/ssjj/gnjs/images/sprite.png?)  no-repeat  -624px -189px;width:174px;height:56px;
    font-size: 0;
    line-height:0;
    overflow: hidden;
}
.mod_mnav .btn_game:hover{
    background-position: -445px -189px;
}
.navlist{
    background:  url(../zhuanti/ssjj/gnjs/images/mnav.png?) 0 0 no-repeat;
    height: 100px;
}
.navlist li{
    float: left;
    width: 170px;
    height: 100px;
    overflow: hidden;
}
.navlist li a{    background:  url(../zhuanti/ssjj/gnjs/images/mnav.png?) 0 0 no-repeat; display: block;
    width: 100%;
    height: 100%;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}
.navlist li .a1{
    background-position: 0 0;
}
.navlist li .a2{
    background-position: -170px 0;
}
.navlist li .a3{
    background-position: -340px 0;
}
.navlist li .a4{
    background-position: right  0;
    cursor: default;
}
.navlist li .a1:hover,.navlist .cur .a1{
    background-position: 0 -100px;
}
.navlist li .a2:hover,.navlist .cur .a2{
    background-position: -170px -100px;
}
.navlist li .a3:hover,.navlist .cur .a3{
    background-position: -340px -100px;
}

.sc1{
    color: #ab0000;
}



/* ======================== mod 通用模块 ========================  */

/* ======================== wg 通用内容 ========================  */


/* ======================== cnt 内容 ========================  */
.frm_imain .bg1{
    background:  url(../zhuanti/ssjj/gnjs/images/bg11.jpg?) 0 0 no-repeat; height: 210px}
.frm_imain .bg2{
    background:  url(../zhuanti/ssjj/gnjs/images/bg12.jpg?) 0 0 no-repeat; height: 210px}
.frm_imain .bg3{
    background:  url(../zhuanti/ssjj/gnjs/images/bg13.jpg?) 0 0 no-repeat; height: 210px}
.frm_imain .bg4{
    background:  url(../zhuanti/ssjj/gnjs/images/bg14.jpg?) 0 0 no-repeat; height: 210px}
.frm_imain .bg5{
    background:  url(../zhuanti/ssjj/gnjs/images/bg15.jpg?) 0 0 no-repeat; height: 210px}
.frm_imain .bg6{
    background:  url(../zhuanti/ssjj/gnjs/images/bg16.jpg?) 0 0 no-repeat; height: 210px}
.frm_imain .txt{
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}

/* ========================  内页 ========================  */
.frm_pmian{
    background:  url(../zhuanti/ssjj/gnjs/images/pfull_bg.jpg?) center 0 no-repeat;
    padding: 160px  0 40px ;
}
.frm_p1mian  .wrapper{
    width:1008px;
}
.tabnav li{
    float: left;
    width: 504px;
    height: 80px;
}
.tabnav li a{
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-image: url(../zhuanti/ssjj/gnjs/images/sprite.png?);
    background-repeat:no-repeat;
    font-size: 0;
    line-height: 0;
}
.tabnav li .a1{
    background-position: 0px -619px;
}
.tabnav .cur .a1,.tabnav li .a1:hover{
    background-position: -1px -534px;
}
.tabnav li .a2{
    background-position: -319px -446px;
}
.tabnav .cur .a2,.tabnav li .a2:hover{
    background-position: -318px -361px;
}
.tabconts{
    padding-top: 60px;
}
.mod_wqpf{}
.mod_wqpf .txt{
    width: 630px;
    height: 24px;
    overflow: hidden;
    padding-left: 20px;
    margin:0 auto;
    font:500 16px/24px "microsoft yahei";
    color: #b0b0b0;
}
.mod_wqpf .txt  .dot{
    background:  url(../zhuanti/ssjj/gnjs/images/sprite.png?) no-repeat  -803px -203px;
    width:11px;height:11px;
    float: left;
    margin:7px 0 0 -20px;
}
.glb_imglist{
    margin-right: -40px;
}
.glb_imglist li{
    width: 314px;
    height: 168px;
    float: left;
    *display:inline;
    margin:30px  35px 0 0 ;
}
.glb_imglist li .img_box{
    position: relative;
    *zoom:1;
    width: 100%;
    height: 100%;
}
.glb_imglist li .cover{
    background:  url(../zhuanti/ssjj/gnjs/images/sprite.png?) 0px -361px no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    width: 314px;
    height: 168px;
}
.glb_bimglist{
    margin-right: -128px;
}
.glb_bimglist li{
    float: left;
    width:440px ;
    margin-right: 128px;
}
.glb_bimglist li .img_box{
    position: relative;
    *zoom:1;
    width: 100%;
    height: 356px;
}
.glb_bimglist li .cover{
    background:  url(../zhuanti/ssjj/gnjs/images/sprite.png?) 0px 0 no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    width: 440px;
    height: 356px;
}
.mod_txt{
    margin-top: 35px;
}
.mod_txt .tit{
    position: relative;
    *zoom:1;
    width: 216px;
    height: 24px;
    margin:0 auto;
    font:500 24px/24px "microsoft yahei";
    color: #ffffff;
    text-align: center;
}
.mod_txt  .tit .key{
    position: absolute;
    background:  url(../zhuanti/ssjj/gnjs/images/sprite.png?) 0 0 no-repeat;
    width:17px;height:9px;
    top:8px;
}
.mod_txt  .tit  .key1{
background-position: -803px -189px;
    left: 0;
}
.mod_txt  .tit  .key2{
    background-position: -825px -189px;
    right: 0;
}
.mod_txt .txt_box{
    margin-top: 35px;
    background:  url(../zhuanti/ssjj/gnjs/images/sprite.png?)  no-repeat -445px 0px;
    width:413px;height:124px;
    padding:30px;
}
.mod_txt .txt_box1{

    background:  url(../zhuanti/ssjj/gnjs/images/pfbg.png?)  no-repeat 0 0px;

}
.glb_dllist{
    font:500 16px/30px "microsoft yahei";
    color: #b0b0b0;
}
.glb_dllist dt{
    font-size: 20px;
    padding-left: 20px;
    margin-bottom: 5px;
}
.glb_dllist dt  .dot1{
    background:  url(../zhuanti/ssjj/gnjs/images/sprite.png?) no-repeat  -803px -203px;
    width:11px;
    height:11px;
    float: left;
    margin:10px 0 0 -20px;
}
.glb_dllist dd{
    padding-left: 15px;
}
.glb_dllist dd  .dot2{
    background-color: #b0b0b0;
    width:2px;
    height:2px;
    float: left;
    margin:14px 0 0 -10px;
}

.tabnav1{
    padding-left: 110px;
}
.tabnav1 li{
    float: left;
    width: 158px;
    height: 56px;
    overflow: hidden;
    *display:inline;
    *zoom:1;
    margin-right: 22px;
}
.tabnav1 li a{
    background:  url(../zhuanti/ssjj/gnjs/images/wfnav.png?) 0 0 no-repeat;
    display: block;
    width: 100%;
    height: 100%;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}
.tabnav1 li .a1{
    background-position: 0 0;
}
.tabnav1 li .a1:hover,.tabnav1 .cur .a1{
    background-position: 0 -56px;
}
.tabnav1 li .a2{
    background-position: -180px 0;
}
.tabnav1 li .a2:hover,.tabnav1 .cur .a2{
    background-position: -180px -56px;
}
.tabnav1 li .a3{
    background-position: -358px 0;
}
.tabnav1 li .a3:hover,.tabnav1 .cur .a3{
    background-position: -359px -56px;
}
.tabnav1 li .a4{
    background-position: -540px 0;
}
.tabnav1 li .a4:hover,.tabnav1 .cur .a4{
    background-position: -541px -56px;
}
.tabnav1 li .a5{
    background-position: -720px 0;
}
.tabnav1 li .a5:hover,.tabnav1 .cur .a5{
    background-position: -720px -56px;
}
.mod_box{}
.mod_box .tit{
    background:  url(../zhuanti/ssjj/gnjs/images/tit.png?) 0 0 no-repeat;
    height: 72px;
    font-size:0;
    line-height: 0;
    overflow: hidden;
}
.mod_box .tit11{
    background-position: 0px -308px;width:298px;
}
.mod_box .tit12{
 background-position: 0px -385px;width:276px;
}
.mod_box .tit21{
 background-position: 0px -77px;width:472px;
}
.mod_box .tit31{
    background-position: 0px -231px;width:472px;
}
.mod_box .tit41{
    background-position: 0px 0;width:512px;
}
.mod_box .tit51{
    background-position: 0px -77px;width:512px;
}
.glb_ullist1 li{
    font:500 16px/30px "microsoft yahei";
    color: #c3c3c3;
}
.glb_ullist li{
    padding-left: 25px;
    font:500 16px/30px "microsoft yahei";
    color: #c3c3c3;
/*    margin-top: 20px;*/
}

.glb_ullist .dot{
    background:  url(../zhuanti/ssjj/gnjs/images/sprite.png?) no-repeat  -803px -203px;
    width:11px;
    height:11px;
    float: left;
    margin:10px 0 0 -25px;
}

.mod_psection{
    padding:80px 50px 0;
}
.mod_box1  .glb_ullist{
    width: 530px;
}
.mod_box1  .glb_ullist li{
    margin-top: 20px;
}

.mod_box1 {
    background:  url(../zhuanti/ssjj/gnjs/images/ytb.png?) right bottom no-repeat;
    padding: 0  470px 100px 0;
}
.mod_box1_2 .mod_bd{
    padding-left: 600px;
}
.mod_box1_2 .img_box{
    float: left;
    *display:inline;
    *zoom:1;
    margin:20px 0 0 -600px;
}
.mod_box2{
    background:  url(../zhuanti/ssjj/gnjs/images/ytyh.png?) right 0 no-repeat;
}
.mod_box2 .glb_ullist{
    width: 510px;
}
.mod_box2 .seat_box{
    margin-top: 50px;
    background:  url(../zhuanti/ssjj/gnjs/images/seat.png?) 2px 0 no-repeat;
}
.mod_box2 .seat_box .item_box{
    float: left;
    width: 280px;
    padding-top: 350px;
    *display:inline;
    *zoom:1;
    margin-right: 76px;
    position: relative;
}
.mod_box2 .seat_box .item_box2{
    margin-right: 84px;
}
.mod_box2 .seat_box .item_box3{
    margin-right: 0;
}
.mod_box2  .item_box .mtit{
    width: 240px;
    height: 28px;
    text-align: center;
    font:500  24px/28px "microsoft yahei";
    color: #c3c3c3;
    position: relative;
    *zoom:1;
    margin:0 auto;
}
.mod_box2  .item_box  .key{
    position: absolute;
    background:  url(../zhuanti/ssjj/gnjs/images/sprite.png?) 0 0 no-repeat;
    width:17px;height:9px;
    top:8px;
}
.mod_box2  .item_box   .key1{
    background-position: -803px -189px;
    left: 0;
}
.mod_box2  .item_box  .key2{
    background-position: -825px -189px;
    right: 0;
}
.mod_box2  .item_box .txt{
    color: #ffffff;
    font:500  16px/28px "microsoft yahei";
    text-decoration: underline;
    position: absolute;
    top: 160px;
    left: 100px;
}

.mod_box3_1  .img_box{
    margin-top: 30px;
    padding-bottom: 160px;
}
.mod_box4_1  .img_box{
    margin: 30px 0 10px;
}
.mod_box .mod_txt {
    background:  url(../zhuanti/ssjj/gnjs/images/ytxt.jpg?) 0 0 no-repeat;
    padding: 40px 0  20px 30px;
    height: 130px;
}
/*全新奖励*/
.g-reward-hd{
    height: 60px;
    font-family: "Microsoft YaHei", "微软雅黑";
    margin-bottom:70px;
}
.g-reward-hd .tt{
    background: url(../zhuanti/ssjj/gnjs/images/sprites2.png?) no-repeat;
    background-position:0 0px;
    width:781px;
    height:59px;
    line-height:59px;
    color: #0168dd;
    font-size:16px;
    text-align: center;
    margin: 0 auto;
    /*font-weight:bold;*/
}
.g-reward-bd{
    font-family: "Microsoft YaHei", "微软雅黑";
    /*height:240px;*/
    position: relative;
}
.g-reward-bd .m-reward-tab{
    text-align: center;
    position: relative;
    height:60px;
    margin-bottom:64px;
}
.g-reward-bd .m-reward-tab .name{
    display: block;
    background: url(../zhuanti/ssjj/gnjs/images/sprites2.png?) no-repeat;
    background-position:0 -119px;
    width:279px;
    height:57px;
    position: absolute;
    left:361px;
    top:0;
    color: #ffffff;
    font-size:30px;
    line-height:57px;
    text-align: center;
    font-weight: bold;
}
.g-reward-bd .m-reward-tab .btn{
    display: block;
    background: url(../zhuanti/ssjj/gnjs/images/sprites2.png?) no-repeat;
    background-position:0 -64px;
    width:55px;
    height:50px;
    top:4px;
    position: absolute;
}
.g-reward-bd .m-reward-tab .prev{
    left:289px;
}
.g-reward-bd .m-reward-tab .prev i{
    position: absolute;
    left:19px;
    top:8px;
    background: url(../zhuanti/ssjj/gnjs/images/sprites2.png?) no-repeat;
    background-position:0 -715px;
    width:21px;
    height:34px;
}
.g-reward-bd .m-reward-tab .next{
    left:654px;
}
.g-reward-bd .m-reward-tab .next i{
    position: absolute;
    left:18px;
    top:8px;
    background: url(../zhuanti/ssjj/gnjs/images/sprites2.png?) no-repeat;
    background-position:0 -754px;
    width:20px;
    height:34px;
}
.g-reward-bd .m-reward-item{
    display: none;
}
.g-reward-bd .m-reward-item.active{
    display: block;
}
.g-reward-bd .m-reward-tab2{
    text-align: center;
    height:60px;
    margin-bottom:116px;
}
.g-reward-bd .m-reward-tab2 .btn{
    background: url(../zhuanti/ssjj/gnjs/images/sprites2.png?) no-repeat;
    background-position:0 -181px;width:233px;height:57px;
    text-align: center;
    line-height:57px;
    display: inline-block;
    font-size:24px;
    font-weight:bold;
    color: #fff;
    margin: 0 16px;
    text-shadow: 0 0 5px #a3d7ff;
}
.g-reward-bd .m-reward-tab2 .btn:hover,.g-reward-bd .m-reward-tab2 .btn.active{
    background-position:0 -243px;
    text-decoration: none;
}
.g-reward-bd .m-reward-tab3{
    height:200px;
    text-align: center;
    position: relative;
    margin-bottom:200px;
}
.g-reward-bd .m-reward-tab3 .btn{
    width:70px;
    height:200px;
    background: url(../zhuanti/ssjj/gnjs/images/sprites2.png?) no-repeat;
    display: block;
    position: absolute;
    top:0;
}
.g-reward-bd .m-reward-tab3 .prev{
    left:23px;
    background-position:0 -305px;
}
.g-reward-bd .m-reward-tab3 .next{
    right: 23px;
    background-position:0 -510px;
}
.g-reward-bd .m-reward-tab3 .groups{
    width:780px;
    height:200px;
    display: inline-block;
}
.g-reward-bd .m-reward-tab3 .img{
    width:780px;
    height:200px;
    display: none;
}
.g-reward-bd .m-reward-tab3 .img.active{
    display: block;

}
.g-reward-bd .m-reward-tab3 .img img{
    display: block;
    width:100%;
    height:100%;
}
/*/全新奖励*/