@charset "utf-8";
/* /zhuanti/ssjj/jjms/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:#000; }
.wrapper{ margin:0 auto;text-align:left;width:960px; }
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);}

.mt40{
	margin-top: 40px;
}
.pb70{
	padding-bottom: 70px;
}
/* ======================== f 整体框架 ========================  */
.f_wrap{
	margin: 0 auto;
	width: 1000px;
}
.f_top{
	background: url(../zhuanti/ssjj/jjms/images/bg0.jpg?) no-repeat center top;
	background-color: #000;
	padding-bottom: 20px;
}
.f_header{
	position: relative;
}
.f_header .logo{
	width: 294px;
	height: 124px;
	display: block;
	position: absolute;
	left: 336px;
	top: 40px;
}
.f_header .bg1{
	background: url(../zhuanti/ssjj/jjms/images/bg1.jpg?) no-repeat;
	height: 168px;
}
.f_header .bg2{
	background: url(../zhuanti/ssjj/jjms/images/bg2.jpg?) no-repeat;
	height: 199px;
}
.f_header .bg3{
	background: url(../zhuanti/ssjj/jjms/images/bg3.jpg?) no-repeat;
	height: 199px;
}
.f_header .nav ul{
	height: 91px;
}
.f_header .nav li{
	float: left;
}

.f_header .btn_enter{
	width: 162px;
	height: 30px;
	line-height: 26px;
	position: absolute;
	right: 146px;
	top: 0;
	text-align: center;
}
.f_header .btn_enter a,.f_header .btn_enter span{
	color: #effbff;
	text-decoration: none;
	margin: 0 3px;
}
.f_header .btn_enter a:hover{
	color: #ffc72f;
}

.f_main{
	border: 1px solid #0a5b76;
	border-top: 0 none;
	padding: 7px 8px;
}
.f_box{
	position: relative;
	background: #0f1a2e;
	width: 982px;
	overflow: hidden;
}
.w_slide{
	width: 520px;
	height: 219px;
	float: left;
	padding: 10px;
	background: #000;
	border: 1px solid #132957;
	margin-left: 12px;
	position: relative;
	margin-top: 6px;
	display: inline;
}
.w_slide .slidemain{
	width: 520px;
	height: 219px;
	overflow: hidden;
}
.w_slide .slidelist li{
	float: left;
	width: 520px;
	height: 219px;
}
.w_slide .slidelist li img{
	width: 520px;
	height: 219px;
}
.w_slide .focus{
	position: absolute;
	bottom: 16px;
	right: 20px;
}
.w_slide .focus li{
	float: left;
	width: 37px;
	height: 17px;
	background: #fff;
	margin-left: 14px;
	cursor: pointer;
}
.w_slide .focus .cur{
	background: #ffba00;
}

/* 新闻列表  */
.f_row{
	padding-top: 10px;
}
.m_txtlist{
	width: 382px;
	float: right;
	margin-right: 12px;
	display: inline;
}
.m_txtlist .head{
	border-bottom: 1px solid #132957;
}
.m_txtlist .head p{
	float: left;
	font-size: 22px;
	line-height: 40px;
	color: #f0f0f0;
	font-family: "microsoft yahei";
	margin-left: 6px;
}
.m_txtlist .head .more{
	float: right;
	color: #dcdcdc;
	font-size: 14px;
	line-height: 40px;
}
.g_txtlist{
	margin-top: 16px;
	_margin-top: 0;
	position: relative;
	height: 184px;
	_height: 196px;
	overflow: hidden;
}
.g_txtlist li{
	margin-top: 10px;
	height: 21px;
	position: relative;
	zoom:1;
	overflow: hidden;
	*zoom:1;
}
.g_txtlist .chcol .date{
	color: #e4bd81;
}
.g_txtlist .date{
	float: right;
	font-size: 14px;
	color: #dcdcdc;
}
.g_txtlist i{
	position: absolute;
	width: 2px;
	height: 2px;
	background: #dcdcdc;
	top: 11px;
	left: 0;
	overflow: hidden;
}
.g_txtlist .tit{
	color: #dcdcdc;
	font-size: 14px;
	padding-left: 10px;
}
.g_txtlist .li1 .date{
	color: #d31919;
}
.g_txtlist .li1 .tit:hover{
	color: #d31919;
}
.g_txtlist .li1:hover span{
	color: #d31919;
}
.g_txtlist a{
	width: 325px;
	height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	float: left;
}
.g_txtlist .li1 .tit{
	color: #d31919;
}
.g_txtlist .li1 i{
	background: #d31919;
}
.g_txtlist .tit:hover{
	color: #e4bd81;
}

/*  赛事流程  */
.m_path{
	margin-top: 43px;
	height: 105px;
	border-top: 2px solid #21558f;
	border-bottom: 2px solid #21558f;
	position: relative;
	background: #163b64;
}
.m_path .tit{
	width: 20px;
	height: 106px;
	background: #0a1e44;
	border-left: 1px solid #193c68;
	border-top: 1px solid #193c68;
	position: absolute;
	left: 10px;
	top: -3px;
	font-size: 20px;
	color: #cbeaf3;
	font-family: "microsoft yahei";
	line-height: 25px;
	padding: 4px 10px 0 10px;
}
.m_path .img{
	height: 84px;
	margin-left: 52px;
	margin-top: 9px;
	background: url(../zhuanti/ssjj/jjms/images/path.png?) no-repeat;
}
/*  最新赛事播报  */
.f_box1{
	padding-top: 30px;
	width: 982px;
	overflow: hidden;
	background: #0f1a2e;
}
.f_box1 .head{
	border-bottom: 2px solid #21558f;
}
.f_box1 .head h2{
	float: left;
	color: #fff;
	font-family: "microsoft yahei";
	font-size: 26px;
	width: 204px;
	height: 50px;
	line-height: 50px;
	padding-left: 10px;
	background: url(../zhuanti/ssjj/jjms/images/headbg.jpg?);
}
table{
	border: 5px solid #164063;
	border-collapse: collapse;
}
table tr th,table tr td{
	border: 1px solid #164063;
	text-align: center;
}



/*============================ 弹窗 ============================*/
/* wg_dialog */
.ui-dialog{ outline: none;}
.wg_dialog{background:none #c0781e;  width: 470px; padding:3px; position:relative; zoom:1; }
.wg_dialog_body{ background: #fff3e3; position: relative; overflow:hidden; zoom:1; padding: 10px 30px;}
.wg_award_item{ margin-top: 10px;}
.wg_dialog_title{ font: 700 20px/30px "Microsoft Yahei"; color: #421d00; text-align: center; margin: 0 auto 10px;}
.wg_dialog_txt{font:500 14px/30px "simsun"; color: #421d00}
.wg_dialog_tip{font:500 12px/30px "simsun";color: #421d00}

/*wg_tip*/
.wg_tip .wg_dialog_body{ padding: 50px 100px;}
.my_footer{margin-top: 0px;}
.fbg-1{background: url(../zhuanti/ssjj/jjms/images/fbg1.jpg?) center top no-repeat;}
.fbg-2{background: url(../zhuanti/ssjj/jjms/images/fbg2.jpg?) center 740px no-repeat;}
.fbg-3{background: url(../zhuanti/ssjj/jjms/images/fbg3.jpg?) center 1480px no-repeat;}
.fbg-4{background: url(../zhuanti/ssjj/jjms/images/fbg4.jpg?) center 2220px no-repeat;}

.logo{position: absolute;width: 220px;height: 120px;top:0px;left:0px;}
.main{margin: 0 auto;width: 1000px;font-family:"Microsoft Yahei";}
.head{position: relative;}
.head .bg1{background: url(../zhuanti/ssjj/jjms/images/bg1.jpg?) no-repeat;height: 199px;}
.head .bg2{background: url(../zhuanti/ssjj/jjms/images/bg2.jpg?) no-repeat;height: 150px;}
.head .bg3{background: url(../zhuanti/ssjj/jjms/images/bg3.jpg?) no-repeat;height: 150px;}
.head .bg4{background: url(../zhuanti/ssjj/jjms/images/bg4.jpg?) no-repeat;height: 160px;}
.head-time,.head-loca{position: absolute;line-height: 35px;color: #fff;top:620px;}
.head-time{width: 175px;left:323px}
.head-loca{width: 175px;left:536px}
.head-enter{position: absolute;top:520px;left:390px;width: 220px;height: 50px;}
.stripe{position: absolute;right: 10px;top:0px;text-align: center;width: 168px;color: #36a6cb;}
.stripe span{margin: 0 8px;}
.stripe a{color: #36a6cb;font-size: 12px;display: inline-block; line-height:26px;}
.stripe a:hover{color: #fff;text-decoration: none;}
.stripe a.stripe-forum{}
.stripe a.stripe-enter{}

.nav{background: url(../zhuanti/ssjj/jjms/images/nav.jpg?);position: relative;}
.nav ul{height: 170px;}
.nav li{float: left;}
.nav .nav1{background-position: 0px 0px;}
.nav .nav2{background-position: -250px 0px;}
.nav .nav3{background-position: -500px 0px;}
.nav .nav4{background-position: -750px 0px;}
.nav .cur .nav1,.nav li .nav1:hover{background-position: 0 -100px;}
.nav .cur .nav2,.nav li .nav2:hover{background-position: -250px -100px;}
.nav .cur .nav3,.nav li .nav3:hover{background-position: -500px -100px;}
.nav .cur .nav4,.nav li .nav4:hover{background-position: -750px -100px;}
.nav-link{position: absolute;width: 1000px;height: 95px;z-index: 2;top: 37px;left:0px;}
.nav-fls{position: relative;height: 170px;width: 1000px;*zoom:1;z-index: 1;}
.fls-item{position: absolute;height: 170px;background: url(../zhuanti/ssjj/jjms/images/nav2.jpg?);top:0px;display: none;}
.fls-item-1{width: 208px;left:0px;background-position: 0 0;}
.fls-item-2{width: 196px;left:196px;background-position: -196px 0;}
.fls-start{width: 240px;left:380px;background-position: -380px 0;}
.fls-item-3{width: 196px;right:196px;background-position: -608px 0;}
.fls-item-4{width: 208px;right:0px;background-position: -792px 0;}
.nav-link a{color: #00b1ff;font-size: 24px;font-family:"Microsoft Yahei";text-align: center;cursor: pointer;line-height: 95px;width: 134px;position: absolute;top:0px;}
.nav-link a:hover{color: #ffffff;text-decoration: none;}
.nav-link a.nav1{left:43px;}
.nav-link a.nav2{left: 227px;}
.nav-link a.link-item-3{left:50%;width: 178px;height: 170px;line-height: 170px;margin-left: -89px;top:-37px;}
.nav-link a.nav3{right: 227px;}
.nav-link a.nav4{right:43px;}
.nav-link li.cur a{color: #fff;} 

.page{background: url(../zhuanti/ssjj/jjms/images/bg6.jpg?) repeat-y;padding-bottom: 50px;font-family: "Microsoft Yahei";}
.page-bg{background: url(../zhuanti/ssjj/jjms/images/bg5.jpg?) 0px 0px no-repeat;}
.page-index{overflow: hidden;width: 1000px;}
.page-rule{padding-top: 30px;}
.page-intro{overflow: hidden;*zoom:1;}
.page-tit{text-align: center;line-height: 58px;color: #95ecff;font-weight: bold;font-size: 30px;padding: 30px 0 48px;}
.mod{background: url(../zhuanti/ssjj/jjms/images/sbg2.png?) repeat-y;margin-bottom: 40px;}
.mod-bg-t{background: url(../zhuanti/ssjj/jjms/images/sbg4.png?) 0px top no-repeat;}
.mod-bg-b{background: url(../zhuanti/ssjj/jjms/images/sbg3.png?) 0px bottom no-repeat;padding-top: 36px;}
.mod-hd{line-height: 43px;text-align: center;color: #00b1ff;font-size: 28px;}
.mod-tit{float: left;font:bold 32px/62px "Microsoft Yahei";color: #7e81ea;}
.mod-hd span{font:12px/24px "Microsoft Yahei";color: #ccc;float: left;margin: 30px 0 0 8px;}
.mod-hd b{width: 8px;height: 31px;position: absolute;top:19px;left:0px;background: url(../zhuanti/ssjj/jjms/images/sprite_1.png?) -160px 0px no-repeat;}
.mod-bd{text-align: center;}
.mod-list{padding: 6px 0px;text-align: left;padding: 30px 0;}
.mod-list li{position: relative;line-height: 26px;font-size: 14px;color: #9dc1e2;*zoom:1;}
.mod-list .item-label{position: absolute;width: 70px;left:-86px;top:0px;padding-left: 16px;color: #019ee4;}
.mod-list i{width: 12px;height: 12px;position: absolute;background: url(../zhuanti/ssjj/jjms/images/ico_1.png?) 0px 0px no-repeat;top:7px;left:-18px;}
.mod-list .item-label i{left:0px;}
.mod-list li span,.mod-list li a{color: #7e81ea;}
.mod-pic{padding: 6px;display: inline-block;position: relative;margin-bottom: 30px;*zoom:1;}
.pic-mid img{border: 1px solid #00395b;}
.pic-corn{position: absolute;width: 33px;height: 33px;}
.pic-corn-lt{border-left: 1px solid #019ee4;border-top: 1px solid #019ee4;top:0px;left:0px;}
.pic-corn-rt{border-right: 1px solid #019ee4;border-top: 1px solid #019ee4;top:0px;right:0px;}
.pic-corn-lb{border-left: 1px solid #019ee4;border-bottom: 1px solid #019ee4;bottom:0px;left:0px;}
.pic-corn-rb{border-right: 1px solid #019ee4;border-bottom: 1px solid #019ee4;bottom:0px;right:0px;}

.mod-jbjs .mod-bg-b{height: 617px;}
.mod-jbjs .mod-bd,.mod-hhlc .mod-bd,.mod-qxch .mod-bd{padding:0 120px;}
.mod-hhlc .mod-list li{margin-bottom: 22px;}
.mod-hhlc .mod-bg-b{height: 607px;}
.mod-jbjs .mod-pic{}
.mod-qxch .item-label-long{width: 600px;}
.mod-qxch .mod-bg-b{height: 480px;}
.mod-yxjt{overflow: hidden;}
.mod-yxjt .mod-bg-t{background: url(../zhuanti/ssjj/jjms/images/sbg1.png?) 0px top no-repeat;}
.mod-yxjt .mod-pic{width: 865px;}
.mod-bjjs .mod-bd{padding: 0 60px;}
.mod-bjjs .mod-bg-b{height: 1139px;}
.mod-yxjt .mod-bg-b{height: 1476px;}

.smod{position: relative;*zoom:1;}
.smod .mod-list{padding: 0px;}
.smod .mod-list .item-label{position: static;display: inline-block;width: auto;padding-left: 0px;display: inline;}
.smod .mod-list .item-label i{left:-16px;}
.smod-hd{line-height: 44px;text-align: center;color: #00b1ff;font-size: 22px;padding-top: 12px;}
.smod-bd{padding: 0 28px 0 33px;}
.smod-bd p{line-height: 20px;}
.smod-pic{position: absolute;left:72px;bottom: 27px;}

.smod-ycjj{width: 460px;height: 461px;background: url(../zhuanti/ssjj/jjms/images/mbg2.jpg?) 0px top no-repeat;float: right;}
.smod-jzjj{width: 460px;height: 481px;background: url(../zhuanti/ssjj/jjms/images/mbg1.jpg?) 0px top no-repeat;float: right;margin-bottom: 16px;}
.smod-jjzs{width: 522px;height: 960px;background: url(../zhuanti/ssjj/jjms/images/mbg3.jpg?) 0px top no-repeat;float: left;}
.smod-jjzs{padding-top: 36px;}



.dialog{position: relative;font-family:"Microsoft Yahei";color: #ffdec9;*zoom:1;z-index: 1;}
.dialog-close{position: absolute;width: 25px;height: 25px;top:4px;right: 4px;cursor: pointer;z-index: 9;}
.dialog-s{width: 400px;height: 30px;position: relative;background: url(../zhuanti/ssjj/jjms/images/ibg_6.png?);padding: 35px 0;}
.dialog-txt,.dialog-tit{text-align: center;font-size: 16px;line-height: 30px;}
.dialog-b{background: url(../zhuanti/ssjj/jjms/images/ibg_7.png?);width: 500px;height: 159px;}
.dialog-tit{font-size: 20px;padding: 15px 0 18px;position: relative;z-index: 1;}
.dialog-tit span{color: #ffff96;font-weight: bold;}
.dialog-code{line-height: 26px;height: 26px;margin-bottom: 20px;}
.code-label{float: left;width: 109px;text-align: right;font-size: 16px;}
.code-ipt{float: left;width: 270px;padding: 0 5px;border: none;background: none;height: 26px;}
.code-btn{float: left;width: 60px;height: 25px;cursor: pointer;margin-left: 7px;}
.dialog-btm{clear: both;text-align: center;}
.dialog-btn{width: 110px;line-height: 30px;background: url(../zhuanti/ssjj/jjms/images/pic_btn.png?);color: #ab382d;font-size: 14px;display: inline-block;margin: 0 5px;}
.dialog-btn:hover{text-decoration: none;}
.dialog-cont{position: relative;z-index: 1;*zoom:1;}


/*m_selectlist  下拉框的样式*/
.m_selectlist {
    position: relative;
    *zoom: 1;
    z-index: 111
}

.m_selectlist .m_selected {
    background-color: #1d1e3d;
    border: solid 1px #313356;
    cursor: pointer;
    width: 220px;
    height: 34px;
    overflow: hidden;
}

.m_selected .select_txt {
    padding: 0 5px 0 10px;
    color: #7e81ea;
    font: 500 14px/34px "microsoft yahei";
    width: 175px;
    height: 34px;
    overflow: hidden;
    text-align: left;
}

.m_selected .flag_down {
    background-color: #1d1e3d;
    display: block;
    width: 25px;
    height: 22px;
    border-top: solid 1px #1d1e3d;
    padding: 12px 0 0 5px;
    overflow: hidden;
}

.m_selected .flag_down b {
    border: 10px solid #1d1e3d;
    border-top-color: #7e81ea;
    height: 0;
    width: 0;
    display: block;
    overflow: hidden;
    zoom: 1;
}

/* selectlist */
.m_selectlist .m_select_cont {
    background-color: #1d1e3d;
    border: solid 1px #313356;
    position: absolute;
    top: 37px;
    width: 210px;
    padding: 5px; /*display:none; */
    overflow: hidden;
}

.m_selectlist .selectlist {
    *vertical-align: top;
    width: 100%;
}

.selectlist li {
    width: 100%;
    height: 24px;
    cursor: pointer;
    overflow: hidden
}

.selectlist li a {
    background: #1d1e3d;
    display: block;
    padding: 0 5px;
    font: 500 12px/24px "microsoft yahei";
    color: #7e81ea
}

.selectlist li a:hover, .selectlist .cur a, .selectlist .cur a:hover {
    background: #7e81ea;
    text-decoration: none;
    color: #1d1e3d;
}

/* v_scrollbar */
.selectlist_inner {
    zoom: 1;
    height: 100%;
    overflow: hidden
}

.m_selectlist .v_scrollbar {
    position: absolute;
    width: 7px;
    right: 0;
    top: 5px;
    height: 220px;
    display: none;
    cursor: pointer;
    background: #666e73;
}

.m_selectlist .v_scrollbar_bg {
    position: absolute;
    top: 0;
    width: 7px;
    height: 100%;
}

.m_selectlist .v_scrollbar_btn {
    position: absolute;
    width: 5px;
    border: 1px solid #000;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
    z-index: 100px;
    filter: alpha(opacity=40);
    opacity: 0.6;
    top: 0;
    border-radius: 3px;
    background-color: #fff;
}
.ue-select{margin-bottom: 20px;}