/*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;overflow: hidden;}
.clearfix:after {content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}
.clearfix {zoom:1;}

body{ background-color:#151924; font:12px/22px \5fae\8f6f\96c5\9ed1, \5b8b\4f53 ,Arial, Sans-serif;}
textarea{font:12px/22px \5fae\8f6f\96c5\9ed1, \5b8b\4f53 ,Arial, Sans-serif;}
a{-webkit-transition:color 0.3s ease-in-out;-moz-transition:color 0.3s ease-in-out;-o-transition:color 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 .content{ width:1000px;margin:0 auto; padding: 643px 0 40px 0;}


.mod_a{ margin-top: 50px;}
.mod_title{ height:47px; line-height:47px; color:#d14a1a; padding-left:68px;}
.mod_title h2{ font-size:48px; float:left;}
.mod_title span{ color:#7b4c3b; font-size:24px; float:left; padding:14px 0 0 10px;}
.mod_a .mod_title{ background:url(../images/num_1.gif) no-repeat left center}
.mod_b .mod_title{ background:url(../images/num_2.gif) no-repeat left center}
.mod_c .mod_title{ background:url(../images/num_3.gif) no-repeat left center}
.mod_d .mod_title{ background:url(../images/num_4.gif) no-repeat left center}
.mod_e .mod_title{ background:url(../images/num_5.gif) no-repeat left center}

.mod_a .mod_bd{ margin-top: 20px; position:relative; background: url(../images/bs-bg.png) no-repeat center 0px; height:665px;}
.player{ position:absolute; width:120px; height:40px;}
.player_bd{ width: 120px; height: 40px;background:  url(../images/img_bg.jpg) 0 0 no-repeat;}
.player .player_pic{ float:left; width:40px; height:40px;}
.player img{ display:block;}
.player .player_name{ text-align:center; line-height:40px; color: #8ca6d3; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.a_left{ position:absolute; left:0; top:0; background:url(../images/a_left.gif) no-repeat 0 0; width:396px; height:663px;}
.a_right{ position:absolute; right:0; top:0; background:url(../images/a_right.gif) no-repeat 0 0; width:396px; height:663px;}
.pl1{ left:0; top:0;}
.pl2{ left:0; top:98px;}
.pl3{ left:0; top:176px;}
.pl4{ left:0; top:274px;}
.pl5{ left:0; top:351px;}
.pl6{ left:0; top:449px;}
.pl7{ left:0; top:525px;}
.pl8{ left:0; top:623px;}

.pl9{ left:128px; top:49px;}
.pl10{ left:128px; top:225px;}
.pl11{ left:128px; top:400px;}
.pl12{ left:128px; top:574px;}

.pl13{ left:201px; top:137px;}
.pl14{ left:201px; top:491px;}

.pl15{ left:276px; top:314px;}

.pr1{ right:0; top:0;}
.pr2{ right:0; top:98px;}
.pr3{ right:0; top:176px;}
.pr4{ right:0; top:274px;}
.pr5{ right:0; top:351px;}
.pr6{ right:0; top:449px;}
.pr7{ right:0; top:525px;}
.pr8{ right:0; top:623px;}

.pr9{ right:128px; top:49px;}
.pr10{ right:128px; top:225px;}
.pr11{ right:128px; top:400px;}
.pr12{ right:128px; top:574px;}

.pr13{ right:201px; top:137px;}
.pr14{ right:201px; top:491px;}

.pr15{ right:276px; top:314px;}

.player_time{ position:absolute; }
.player_time .time_bd{ background:url(../images/player_time.png) no-repeat left center; padding-left:22px; height:16px;line-height:16px; font-size:12px; color: #334a72;}
.ptl1{ top:59px; left:2px;}
.ptl2{ top:237px; left:2px;}
.ptl3{ top:412px; left:2px;}
.ptl4{ top:586px; left:2px;}
.ptl5{ top:149px; left:80px;}
.ptl6{ top:326px; left:80px;}
.ptl7{ top:502px; left:80px;}
.ptl8{ top:326px; left:160px;}

.ptr1{ top:59px; right:2px;}
.ptr2{ top:237px; right:2px;}
.ptr3{ top:412px; right:2px;}
.ptr4{ top:586px; right:2px;}
.ptr5{ top:149px; right:80px;}
.ptr6{ top:326px; right:80px;}
.ptr7{ top:502px; right:80px;}
.ptr8{ top:326px; right:160px;}


.mod_b{ margin-top: 50px;}
.mod_b .mod_bd{ margin-top:40px;}
/* .egl_zb{ height: 317px; padding:5px; background:#000;}
.zb_video{ float:left; width: 621px; height: 317px;}
.zb_info{ float:right; width: 367px; height: 317px; background: #31435E;}
.zb_info h3{ height:57px; background: #263449; line-height:57px; color: #dee6ff; font-size:16px; padding-left:28px; text-align: center;}
.ul_list li{ padding: 20px 15px 0 35px; color: #c3cce9; font-size:14px; line-height:20px; text-indent:-22px;}
.ul_list span{ display:inline-block; width:15px; height:15px; text-align:center; line-height:15px; color: #c3cce9; font-size:12px; background:url(../images/dot.jpg) no-repeat 0 0; text-indent:0; margin-right:5px;} */


/*0714修改*/
iframe{display: block;}
.egl_zb{
    width:960px;
    height: 540px;
    padding:20px;
    background-color: #243147;
}
.zb_video{
     width:960px;
    height: 540px;
    overflow: hidden;
    position: relative;
}
.zb_video iframe{
   position: absolute;
   top:0;
   left: -500px;
   overflow: hidden;
}


.mod_vote{ margin-top:18px; overflow:hidden;}
.mod_vote ul{ width:1008px;}
.mod_vote li{ float:left; width: 137px; margin: 0 7px 18px 0; height: 230px;}
.mod_vote .vote_pic{ position:relative; height: 193px;}
.mod_vote img{ display:block; width: 137px; height: 193px;}
.vote_btn{ background:url(../images/btn_vote.jpg) no-repeat 0 0; display:block; width: 137px; height: 37px; line-height: 37px; overflow:hidden; font-size: 18px; font-weight: bold; color: #fff; text-align: center;}
.vote_btn:hover{ background:url(../images/btn_vote_hover.jpg) no-repeat 0 0;}
.mod_vote .mark_bg{ height:30px; position:absolute; bottom:0; left:0; width:160px; background:#000;filter: Alpha(opacity=60);-moz-opacity:.6;opacity:0.6;}
.mod_vote .mark_txt{ text-align:center; line-height:30px; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:absolute; bottom:0; left:0; width:160px; height:30px; color:#fff;}
.mod_vote .vote_ps{ top:5px; left:5px; padding-top: 12px; width: 52px; height:40px; line-height:18px; color:#fff; text-align:center; position:absolute; background:url(../images/vote_ps.png) no-repeat 0 0;_background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src="images/vote_ps.png");}
.mod_vote .vote_num{ display:block; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:54px;}

.mod_c{ margin-top:106px;}
.mod_c .mod_bd{ margin-top:47px; height:720px; position:relative;}
.c_mark{ background:url(../images/c_mark.gif) no-repeat 0 0; z-index:2; width:1000px; height:720px; top:0; left:0; position:absolute;}
.c_player_pic{ position:absolute; z-index:1;}
.c_player_pic li{ width:159px; height:129px; position:absolute;}
.mod_c img{ display:block}
.li_1{ top:12px; left:11px;}
.li_2{ top:12px; left:216px;}
.li_3{ top:12px; left:421px;}
.li_4{ top:12px; left:625px;}
.li_5{ top:12px; left:830px;}
.li_6{ top:185px; left:115px;}
.li_7{ top:185px; left:320px;}
.li_8{ top:185px; left:525px;}
.li_9{ top:185px; left:729px;}
.li_10{ top:357px; left:11px;}
.li_11{ top:357px; left:216px;}
.li_12{ top:357px; left:421px;}
.li_13{ top:357px; left:625px;}
.li_14{ top:357px; left:830px;}
.li_15{ top:530px; left:320px;}
.li_16{ top:530px; left:525px;}
.c_player_name{ position:absolute; z-index:3;}
.c_player_name li{ width:160px; text-align:center; cursor:pointer; height:20px; position:absolute; padding:145px 10px 37px; color:#e9cbbb; font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.n_1{ top:0; left:0;}
.n_2{ top:0; left:205px;}
.n_3{ top:0; left:410px;}
.n_4{ top:0; left:614px;}
.n_5{ top:0; left:819px;}
.n_6{ top:173px; left:104px;}
.n_7{ top:173px; left:309px;}
.n_8{ top:173px; left:514px;}
.n_9{ top:173px; left:718px;}
.n_10{ top:345px; left:0;}
.n_11{ top:345px; left:205px;}
.n_12{ top:345px; left:410px;}
.n_13{ top:345px; left:614px;}
.n_14{ top:345px; left:819px;}
.n_15{ top:518px; left:309px;}
.n_16{ top:518px; left:514px;}
.c_player_name .current{ background:url(../images/c_name.png) no-repeat 0 0;_background:url(../images/c_name.gif) no-repeat 0 0;}

.c_tip{ position:absolute; background:#d14a1a; padding:2px; height:174px; width:620px; z-index:99; left:50%; top:50%; margin:-89px 0 0 -312px}
.c_tip .tip_close{ width:39px; position:absolute; height:39px; overflow:hidden; text-indent:-999em; top:-12px; right:-12px; background:url(../images/close.png) no-repeat 0 0;_background:url(../images/close.gif) no-repeat 0 0}
.c_tip_pic{ float:left; width:174px; height:174px; margin-right:25px;}
.c_tip_info{ padding-right:30px; color:#fff;}
.c_tip_info h3{ padding-top:15px; height:40px; font-size:20px;}
.c_tip_info .player_sm{ line-height:20px; font-size:14px; color:#fce5dc; padding-top:10px; height:110px; overflow:hidden;}


.mod_d{ margin-top:102px; padding-top:18px; background:url(../images/a_bg.jpg) no-repeat right top;}
.mod_d .mod_bd{ padding:15px 410px 100px 0;}
.mod_d .mod_bd p{ line-height:30px; padding-top:30px; color:#ab8a67; font-size:14px;}
.mod_e .mod_bd{ margin-top:50px;}


.foot{ text-align:center; color:#6b6b6b; width:100%;padding:15px 0;background-color: #000;}
.iblk{display:inline-block;*zoom:1;*display:inline;}


.wrap{position: relative;}
.wrap .content{position: relative;*zoom:1;}
.bgbox{position: absolute;left:0;top:0;width:100%;}
.bgbox .bg{width:100%;height: 240px;background:  url(../images/bg.jpg) center top no-repeat;}
.bgbox .bg-1{background-image: url(../images/bg-1.jpg);}
.bgbox .bg-2{background-image: url(../images/bg-2.jpg);}
.bgbox .bg-3{background-image: url(../images/bg-3.jpg);
    height: 239px;}
.bgbox .bg-4{background-image: url(../images/bg-4.jpg);}

/*标题*/
.titlebar{
	width:100%;
	height: 135px;
	background:  url(../images/title.jpg) 0 0 no-repeat;
}
.title01{background-image: url(../images/title01.png);}
.title02{background-image: url(../images/title02.png);}
.title03{background-image: url(../images/title03.png);}
.title04{background-image: url(../images/title04.png);}

.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}


/*抽奖途径*/
.title-cj{font-size: 18px;color:#c3cce9;font-weight: bold;}

.cjbox{float: left;width: 213px;height:317px;padding:20px 17px 0;
    background-color: #263A58;border: 1px solid #31496D;text-align: center;
    margin-right: 1px;
    background: #263A58 url(../images/cj-bg.jpg) 0 0 no-repeat;  }
.cjbox .title{height: 30px;line-height:30px;margin-bottom:10px;text-align: center;}
.cjbox .title .num{font-size: 30px;font-weight: bold;color:#a2a5bd;display: inline-block;vertical-align: top;line-height:30px;height: 30px;}
.cjbox .title .tit{font-size: 22px;color:#fcd496;font-weight: bold;display: inline-block;vertical-align: top;line-height:30px;height: 30px;}
.cjbox .info{font-size: 14px;color:#9da7c3;text-align: center;height: 44px;}
.cjbox img{display: block;margin:0px auto;}
.cjbox .btn{width:147px;height: 46px;line-height: 46px;text-align: center;display: inline-block;background:  url(../images/btns.png) 0 0 no-repeat;text-indent: -9999px;}
.textarea{width:194px;height: 118px;margin-top: 10px;background-color: #18263D;color:#5b76a4;padding:10px;border: none;}
.cjbox .btn-login{background-position: 0 0;}
.cjbox .btn-login:hover{background-position: 0 -46px;}

.cjbox .btn-cm{background-position: -149px 0;}
.cjbox .btn-cm:hover{background-position: -149px  -45px;}

.cjbox .btn-zf{background-position: -298px 0;}
.cjbox .btn-zf:hover{background-position: -298px -46px;}

.cjbox .btn-buy{background-position: -446px 0;}
.cjbox .btn-buy:hover{background-position: -446px -45px;}

.title-cj{
    overflow: hidden;}
.pull-left{float:left}
.pull-right{float:right}
.title-cj .tips{
    font-size: 16px;
    font-weight: bold;
    color:#dd5126;
}
/*玩家*/
.playbox{width:982px;height: 239px;background-color: #263A58;border: 1px solid #465D87;display: block;padding:20px 9px;overflow: hidden;position: relative;}
.play-list{width:100%;overflow: hidden;}
.play-maqure{width:982px;height: 239px;overflow: hidden;position: absolute;top:20px;}
.play-list li{width:180px;height: 239px;float: left;margin-left:13px;position: relative;float: left;}
.play-list li .bg{position: absolute;left:1px;bottom:1px;height:60px;width:178px;background-color: #000;opacity: 0.7;}
.play-list li .info{color:#9aaac4;position: absolute;left:0;bottom:0;height:40px;padding:10px;width:160px;line-height: 20px;z-index:2;text-align: center;font-size: 14px;}
.play-list li .text-orange{color:#ffd21c;}

/*比赛背景*/
.produce{
	width:567px;
	background:  url(../images/bs-bg.png) 500px -100px no-repeat;
	padding-right:433px;
	color:#a2a5bd;
	font-size: 14px;
}
.produce dt{
	font-size: 18px;
	font-weight: bold;
	color:#c3cce9;
}
.produce p{line-height: 26px;}
.produce  img{width:566px;
height: 224px;
border: 1px solid #2D3545;}

/*抽奖*/
.ui-row {
    width: 1182px;
    margin: 0 auto;
}
.ui-slot {
    *zoom:1;
    /* margin-bottom: 147px
 */}

.ui-slot:before,.ui-slot:after {
    content: " ";
    display: table
}

.ui-slot:after {
    clear: both
}

.ui-slot .ui-content {
    position: relative;
   padding: 30px 0 20px 50px;
    height: 331px;
    overflow: hidden;
}

.ui-slot .ui-title {
    text-align: center
}

.ui-slot img {
    display: inline-block
}

.ui-slot .ui-inner {
    height: 331px;
   position: absolute;
    top:80px;
}

.ui-slot .ui-item {
    float: left;
    margin-right: 14px;
    background: #B5BCD0;
    text-align: center;
    width: 192px;
    position: relative;
    margin-top: -232px;
    *zoom:1;
}

.ui-slot li {
    padding: 5px 10px 5px;
    width:172px;
    height: 222px;
    overflow: hidden
}

.ui-slot .ui-mask {
    background: url(../images/bg_mask_slot.png) no-repeat 0 0;
    width: 1000px;
    height: 381px;
    position: absolute;
    left: 0;
    top: 0px;
}

.ui-slot .ui-times {
    width: 85px;
    position: absolute;
    left: 900px;
    top: 75px;
    color: #fff
;
    text-align: center;
}

.ui-slot .ui-num {
    text-align: center;
    font-size: 24px;
    color: #fecd08;
    width: 100%;
    overflow: hidden
}

.ui-slot .ui-rules {
    color: #b9e2ff;
    font-size: 14px;
    margin-left: 117px
}

.ui-slot strong {
    display: block;
    font-size: 16px
}

.ui-slot p {
    line-height: 25px
}

.ui-slot .ui-btn-start-slot {
    position: absolute;
    left: 895px;
    top: 160px;
    background: url(../images/btn_slot.png) no-repeat 0 0;
    width: 141px;
    height: 187px
}

.ui-slot .ui-btn-start-slot:hover {
    background-image: url(../images/btn_slot_hover.png)
}

.ui-slot .ui-share {
    text-align: center;
    padding-bottom: 20px;
    margin-bottom: 35px;
    border-bottom: 1px solid #155f8e;
    margin-left: 118px;
    width: 950px
}

.ui-slot .ui-share .ui-btn {
    width: 164px;
    height: 53px;
    margin-bottom: 10px
}

.mr10{margin-right:10px;}
.bt{
	font-size: 14px;
	color:#c3cce9;
	height: 34px;
	line-height: 34px;
	margin-bottom:10px;
}
.bt .subtit{
	font-size: 24px;
	color:#f3b45a;
	font-weight: bold;
}

/*弹窗*/
.mb15{margin-bottom:15px;}
.pop-box{
	width:385px;
	padding:60px 30px;
	background-color: #1D2B49;
	border: 1px solid #314164;
	overflow: hidden;
	text-align: center;
	position: relative;
}
.close{
	position: absolute;
	width:22px;
	height: 22px;
	text-indent: -9999px;
	background:  url(../images/close.png) 0 0 no-repeat;
	right:10px;
	top:10px;
    z-index:99;
}
.pop-box .tit{
	font-size: 18px;
	color:#fff;
	font-weight: bold;
	margin-bottom:5px;
}
.pop-box .p{
	line-height: 20px;
	font-size: 14px;
	color:#a8b3cc;
}

.pop-box .btn-pop{
	display: inline-block;
	width:147px;
	height: 46px;
	line-height: 46px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color:#fff;
	background:  url(../images/btn-pop.png) 0 0 no-repeat;
}
.pop-box .btn-pop:hover{
	background-position: 0 -46px;
}


.get-bag{
	width:290px;
	margin:0 auto;
}
.get-bag dt,.get-bag dd{float: left;}
.get-bag img{width:135px;height: 179px;}

.get-bag dd{width:140px;float: right;font-size: 18px;color:#ffd21c;margin-top:22px;}
.pop-box ul li{margin-left:50px;}
.input{width:250px;height: 20px;line-height: 20px\9;padding:10px;border: 1px solid #536594;float:left;}


.sidebar{
   width:86px;
    position: fixed;
    top:40%;
    left:50%;
    z-index:10;
    margin-left:545px;
    background:  url(../images/menu.png) 0 0 no-repeat;
}
.sidebar ul li{
    width:90px;
    text-align: center;
    margin-bottom:42px;


}

.sidebar ul li a{
    display: block;
    color:#b5bcd0;
    font-size: 16px;
    font-weight: bold;
   /* background:  url(../images/menu.png) 0 0 no-repeat;*/
    padding-top:95px;
}
.sidebar ul a.active{
    color:#f0a336;

}


.sidebar ul li a:hover,.sidebar ul li.active a{background:  url(../images/menu.png) 0 0 no-repeat;color:#f0a336}
.sidebar ul .bar-1 a:hover,.sidebar ul .bar-1.active a{

    background-position: -86px 0;
}
.sidebar ul .bar-2 a:hover,.sidebar ul .bar-2.active a{
    background-position: -86px -159px;
}
.sidebar ul .bar-3 a:hover,.sidebar ul .bar-3.active a{
    background-position: -86px -318px;
}
.sidebar ul .bar-4 a:hover,.sidebar ul .bar-4.active a{
    background-position: -86px -477px;
}