@charset "utf-8";

@import "/p/hzim/static/css.css";
body{background:url("/p/marathon/static/images/bg.jpg") repeat fixed 0 0 #ff7803;color:#000000;font-family:"微软雅黑","STHeitiSC-Light"; text-align:left;font-size:12px;margin:0;padding:0;}
.global{padding-top:0px; min-width:1000px;}   
#global{padding-top:0px; min-width:1000px;}  
.wrapper{}
.wrapper{}
.pagewidth{width:1002px;margin:0 auto; position:relative;z-index:0;}
#top{width:100%;background:url("/p/marathon/static/images/bg-header.png") repeat scroll center 0 #399b13;}
#top .pagewidth{margin:0 auto;padding:3px;text-align:center;width: 1000px;background-repeat:no-repeat;background-position:center center;}

#top .logo{float:left;margin:10px 0 10px 10px;}
#top .login-button{width:100px;height:35px;background-color:#ff931a;border-radius:5px;float:right;margin-top:15px;position:relative;}
#top .login-button:hover{background-color:#e97d04;}
#top .login-button a{color:#fff;display:block;margin-top:5px;font-size:16px;}

#top .login-button li{float:left;height:39px;background-position:100% -99px;padding:0 3px 0 2px;position:relative;}
#top .login-button li a{color:#000000;float:left;display:block;padding:0 50px;height:38px;overflow:hidden;font-size:14px !important;line-height:38px;}
#top .login-button li a span{float:left;display:block;padding:0 4px 0 0;line-height:39px;font-size:14px;color:#fff;font-weight:800;cursor:pointer;width:142px;text-align:center;}
#top .login-button ul{list-style-type:none;margin:0px;padding:0px;word-break:break-all;}
#top .login-button .submenu{display:none;left:0px;}
#top .login-button .submenu{border-style:solid;border-width:0px 1px 1px 1px;border-color:#ddd;padding:0 5px 5px 5px;width:132px;background:#fff;}
#top .login-button .submenu{-moz-border-radius:0 0 3px 3px;-webkit-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;-moz-box-shadow:0 5px 5px #D3D3D3;-webkit-box-shadow:0 5px 5px #D3D3D3;box-shadow:0 5px 5px #D3D3D3;}
#top .login-button .submenu li{float:none;padding:0;background:none;height:auto;border-bottom:dotted 1px #BEBEBE;}
#top .login-button .submenu li.last{border:none;}
#top .login-button .submenu li a{float:none;padding:0;text-align:center;height:28px;line-height:28px;color:#000000;}
#top .login-button .submenu li a:hover{background:#ddd;font-weight:800;}

@media (max-width: 800px){ 
	.global{padding-top:0px;width:100%;max-width:100%; min-width:100%;}   
	#global{padding-top:0px;width:100%;max-width:100%; min-width:100%;}  
	#wrapper{ width:100%;max-width:100%; min-width:100%;}
	.pagewidth{width:100%;}	
	#top .pagewidth{width: 100%;}
	#top .login-button{ display:none;}
}

/*nav-banner*/
.nav-banner{overflow:hidden;margin-top:15px;}
.nav-bar{float:left;width:250px;height:400px;background-color:#fff;}
.nav-bar div{width:100%;padding:12px 18px;border-bottom:1px solid #ccc;}
.nav-bar div:hover{border-left:3px solid #4aa427;}
.nav-bar div:hover a{color:#4aa427;font-weight:bold;} 
.nav-bar div a{display:inline-block; color:#666666; size:16px;}
.banner{float:right;width:830px;}
.title{color:#fff;font-size:20px;font-weight:bold;}

/*activity*/
.activity-list{width:490px;margin-top:10px;margin-left:5px;display:inline-block;background-color:#fff;padding:10px 15px;border-radius:10px;}
.activity-list > header{font-size:20px;color:#4aa427;font-weight:bold;padding:5px;margin-bottom:12px;}
.activity-list > div{border-bottom:1px solid #eee;padding-bottom:8px;}
.activity-list .content{max-height:80px;overflow:hidden;}
.activity-list img{display:inline-block;margin:10px;margin-top:0;}
.activity-list .content > header{font-weight:bold;margin-top:4px; color:#666;}
.activity-list .content a{margin:10px;margin-left:0; color:#666;}
.activity-list .content a:hover{color:#333;}
.activity-list > a{display:block;width:100%;text-align:center;color:#666;}
.activity-list > a:hover{color:#333;}
.activity-list .more{margin-top:10px;font-size:16px;color:#666;}
.activity-list .more:hover{color:#000;}

.ellipsisoutshow{overflow: hidden;float: left; white-space: nowrap; text-overflow: ellipsis;-o-text-overflow: ellipsis;}

.btn-blue{background-color:#0044ff;background-image:linear-gradient(to bottom, #0044ff 0px, #0088ff 100%); border-color:#000066;box-shadow:0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.075);text-shadow:0 -1px 0 rgba(0, 0, 0, 0.2);}
.btn-blue{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0044ff',endColorstr='#ff0088ff',GradientType=0); BORDER-TOP-COLOR: #0088ff}
.btn-blue:hover, .btn-blue:focus{background-color:#0088ff;	}
.btn-blue:active{box-shadow:0 3px 5px rgba(0, 0, 0, 0.125) inset;}

.footer{background:none repeat scroll 0 0 #333;color:#999;text-align:center;margin-top:4px;}
.footer a{color:#999;}
#foot {max-width:100%;}
#foot p{color:#999;}


.btn-control{ margin-right:4px; margin-bottom:2px;}
 
.headtimeshowtip{position:absolute; right:20px;top:20px; font-weight:bold;font-size:18px; color:#ffcb06;}
.headtimeshowtip .timenode{ color:#FF0000;font-size:26px;font-weight:bold;}

.login{ background:url("/p/hd/static/bodybg.jpg") repeat scroll center center #0059a9;}

.jcarousel-control-prev, .jcarousel-control-next{ background-color:#ffcb06;}
.jcarousel-control-prev{left:0px;}
.jcarousel-control-next{right:0px;}
.infoview{padding:0px; min-height:240px;}

.popnotlogin{ margin-top:35px; margin-bottom:20px; color:#FF0000;font-size:24px;font-weight:800px;}

.numberstarpeople{ color:#FF0000;}
.numberstarcount{ color:#0000FF}
.numberstarteam{ color:#FF00FF}
.div_module_seltrue .numberstarpeople{}
.div_module_seltrue .numberstarcount{color:#00ffff;}
.div_module_seltrue .numberstarteam{}

.displayshowtrue{ display:block;}
.displayshowfalse{ display:none;}

.divFloat-weixin{position:fixed; right:5px; bottom:25px;}
.divFloat-weixin .title{background-color:#000000; padding:4px; color:#FFFFFF; font-size:14px;}

#driftdivfloat{}
#driftdivfloat{width:150px;height:61px;position:absolute;top:43px;left:2px;z-index:10;}
#driftdivfloat .title{width:150px;text-align:right;font-size:12px;}
#driftdivfloat .title a:link{text-decoration:none;}
#driftdivfloat .title a:hover{color:red;text-decoration:none;}
#driftdivfloat img{width:150px;border:1px solid black;}

.sponsortitle{font-size:16px;font-weight:bold; }
.sponsoritem:hover{ border:1px solid #FF0000;}  
/* navigation*/
.navigation{ margin-top:3px; background-color:#FFFFFF;padding:6px 0px;border-radius:4px; border:2px solid #4db748; font-family:"宋体";}
.navigation ul{list-style-type:none;margin:0px;padding:0px;word-break:break-all;}
.navigation li{float:left;padding:0 3px 0 20px;position:relative;background:url('/p/hd/static/more.gif') no-repeat scroll 0px 4px;}
.navigation li.first{ padding-left:40px;background:url('/p/hd/static/favicon24.jpg') no-repeat scroll 15px 0px;}
.navigation li.last{ background-image:none;}  
.navigation li a{color:#000000;float:left;display:block;overflow:hidden;font-size:16px !important;border:1px solid #FFFFFF; padding:0px 8px;}
.navigation li a:hover{background-color:#fff9ea;border:1px solid #eaa400;color:#333;text-decoration:none;}
.navigation li span{color:#000000;float:left;display:block;overflow:hidden;font-size:16px !important;border:1px solid #FFFFFF;}
/* meninavbox */
.meninavbox { background:url('/p/hd/favicon.jpg') no-repeat scroll 8px 4px #4db748;border-radius:10px; height:39px;position:relative;z-index:9;}



.iconify{display: inline-block;background-repeat: no-repeat;}
.iconify.arrow{background-image:url(/p/marathon/static/images/icon-arrow.png);width: 10px;height: 19px;}
.iconify.position{background-image:url(/p/marathon/static/images/icon-position.png);width: 18px;height: 17px;}

.mod_focus_show { width: 490px; height: 410px; position: relative; overflow: hidden; float:left;}
.mod_focus_show .mod_focus_pic {margin:0px; display: block; width: 490px; height: 320px; }
.mod_focus_show .mod_focus_pic li, .mod_focus_show .mod_focus_pic a, .mod_focus_show .mod_focus_pic img { display: block; width: 490px; height: 320px; }
.mod_focus_show .mod_focus_pic li { position: absolute; left: 0; top: 0; }
.mod_focus_show .mod_focus_title {margin:0px; position: absolute; z-index: 1; left: 0; bottom: 90px; overflow: hidden; zoom: 1; width: 490px; height: 25px; background-color: rgba(57,155,19,.8); filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#CC000000',endColorstr='#CC000000'); background-image: url(about:blank); }
:root .mod_focus_title { filter: none; }
.mod_focus_show .mod_focus_title li { width:640px; padding:0; overflow: hidden; word-break: keep-all; word-wrap: keep-all; white-space: nowrap; table-layout: fixed; -o-text-overflow: ellipsis; text-overflow: ellipsis; text-align:left; margin-left:20px;}
.mod_focus_show .mod_focus_title li h3 { line-height: 12px; _line-height: 12px; font-size: 14px; font-family: "Microsoft Yahei",Tahoma,Geneva; font-weight: 200;margin:0;margin-top:2px; display:inline-block;}
.mod_focus_show .mod_focus_title li h3 a { color: #fff; }
.focus_switch { width: 59px; height: 29px; position: absolute; z-index: 2; right: 15px; bottom: 116px; }
.focus_switch a { float: left; width: 29px; height: 29px; background-image: url(/p/marathon/static/images/icon_focus_switch.png); background-repeat: no-repeat; cursor: pointer; }
.focus_switch .icon_prev { background-position: 0 0; margin: 0 1px 0 0; }
.focus_switch .icon_prev:hover { background-position: -30px 0; }
.focus_switch .icon_next { background-position: -60px 0; }
.focus_switch .icon_next:hover { background-position: -90px 0; }

.mod_focus_show .mod_focus_list { margin:0px; padding:0px; background: green; overflow: hidden; height: 86px; list-style-type:none; }
.mod_focus_show .mod_focus_list li { width: 110px; height: 75px; float: left; margin: 5px 4px 0 8px; position: relative; *display: inline; }
.mod_focus_show .mod_focus_list li a { display: block; width: 100px; height: 75px; }
.mod_focus_show .mod_focus_list li img { display: block; width: 100px; height: 75px; }
.mod_focus_show .mod_focus_list li a:hover { _background: none; }
.mod_focus_show .mod_focus_list li a:hover .mask, .mod_focus_show .mod_focus_list .current .mask { display: none; }
.mod_focus_show .mod_focus_list li .mask { display: block; height: 75px; width: 100px; position: relative; top: -75px; left:0;background: #000; opacity: .5; filter: alpha(opacity=50); }
.mod_focus_show .mod_focus_list li .border { display: none; }
.mod_focus_show .mod_focus_list .current .border { display: block; height: 5px; width: 100px; font-size: 0; overflow: hidden; position: absolute; left: 0; bottom: 0; background: #c61010; }

.mod_news_all{float:right;width:340px;overflow:hidden;background-color:#fff;}
.nav-bar{float:left;width:170px;height:400px;background-color:#fff;}
.mod_news_all p{width:100%;line-height:40px;padding:0px 8px;border-bottom:1px solid #ccc; position:relative; margin:0px;}
.mod_news_all p:hover{border-left:3px solid #4aa427;}
.mod_news_all p:hover a{color:#4aa427;}
.mod_news_all p a{display:inline-block; color:#666666; size:16px; width:90%}
.mod_news_all .iconify.arrow{ position:absolute; right:8px;top:13px;}


.userlinkitem{ float:left; padding:4px 8px; color:#000000;}