﻿body{ font-family:"微软雅黑","Oswald", "Helvetica Neue", "Microsoft YaHei", Helvetica, Arial, Verdana, sans-serif; background-color:#f4f4f4; }

.clears{clear:both;}
/*导航*/
.pr{position:relative;}
.topWrapper{ 
width:100%;
height:60px;
position:fixed;
left:0;/* ☆☆☆☆解决ie7 在position:fixed; 下 背景width 无法100%显示 ☆☆☆☆*/
z-index:999999;
background:url(../images/menu.png) repeat-x ;
}

.topheader{ 
    width:1180px; 
    margin:0 auto; 
}
.topheader .logo{  
    float:left;

    height:54px; 
}
.toplist ul li{ 
   float:left; 
   line-height:54px; 
   width:120px; 
   text-align:center; 
   font-size:18px; 
   color:#fff;
}
.toplist ul li a{ 
   color:#fff;
   line-height:54px; 
   width:120px; 
   display:block;
}
.toplist ul li a:hover{ 
    color:#fff;
    line-height:54px; 
    width:120px; 
    background-color:#4778bd;  
    display:block;
}
.toplist ul li a.a_hover{ 
    color:#fff;
    line-height:54px; 
    width:120px; 
    background-color:#4778bd; 
}
.toplist-acitve{
    color:#fff;
    line-height:54px; 
    width:120px; 
    background-color:#4778bd; 
    display:block;
}
.fr{ float: right!important; }
.fl{ float: left!important; }

/*登录*/
 .weizhi{
	margin-top: 10px;
    margin-left:10px;
    line-height: 26px;
    font-size: 14px;
	float:left;
    position:relative;
  }
.weizhi a{ color:#fff;}
.tixing{ 
    background-image:url(../images/tixing.png); 
    background-repeat:no-repeat; 
    background-position:left; 
    padding-left:20px;
}
.dws{
    left:20px;
    bottom:10px;
}
.yhm{
    width:22px; 
    height:22px; 
    vertical-align: bottom;
}
.yhm1{
    width:40px; 
    height:40px; 
    vertical-align: bottom;
}
.dws1{ 
    z-index:888; 
    left:10px; 
    top:45px; 
    color:#394a58; 
    width:150px; 
    background-color:#fff;   
    -moz-border-radius:3px;
    -webkit-border-radius: 3px; 
    border-radius:3px;  
    box-shadow:#d1d1d1 1px 1px 1px 1px;
    -webkit-box-shadow:#d1d1d1 1px 1px 1px 1px;
    -moz-box-shadow:#d1d1d1 1px 1px 1px 1px;
    position: absolute;
}
.dws1 p{
    border-bottom:1px dotted #f1f1f1; 
    margin:5px 5px;   
    float:left;
    width:140px;
}
.dws1 p a { 
    color:#394a58;
    text-decoration:none; 
    float:left; 
    line-height:20px;
}
.dws1 p a:hover{
    text-decoration:none;
    color:#5d8ed3;
}

/*底部*/
.footer{
    width:1180px; 
    margin:0 auto ;
    text-align:center; 
    color:#999;  
    padding-bottom:20px; 
    font-size:14px; 
    clear:both;
}
/*banner*/

.Competition{   
    z-index: 999;
    position: absolute;
    bottom: 40px;
    right:50%;
    margin-right:-580px;
}
.Competition a{    
    color: #fff;   
    font-size: 20px;
    display: block;
    height: 45px;
    line-height: 45px;
    text-align: center;
    width: 150px;
    background: url(../images/Competition.png) no-repeat;   
}
/*历史大赛*/
.main-match{
    width:1180px; 
    margin:20px auto; 
    overflow: hidden;
	padding:0px 15px 15px 15px;

	background-color:#fff;

}
.histroy-match,.match-nr{
    width: 100%;
    float: left;
}
.histroy-match li{
    float: left;
    list-style: none;
    width: 100%;

    margin-top: 20px;
	border-bottom:1px solid #ddd;
	padding-bottom:20px;
}
.match-header{
/*  background-color: #e5e5e5;*/
    padding:0px 5px 10px 5px;
    position: relative; 
}

.match-header>p:first-child{
    font-size: 20px;
    font-weight: bold;
}
.match-header>p:last-child{
    font-size: 14px;
    margin-top: 5px;
}
.match-header p em{
    color:#f03b65;
    font-weight: bold;
}
.match-nr img{
    width: 1180px;
    height: 400px;
}
.match-state{
    position: absolute;
    right:0px;
    top:5px;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    width: 170px;
    height: 35px;
    line-height: 35px;
}

.normal{
    background: url(../images/state.png);    
}
.closed{
    background: url(../images/state2.png);    
}
/*大赛流程*/
.process{
    background: url(../images/process.png);
    height: 80px;
    width: 1180px;
    float: left;
    margin-top: 20px;
    color:#fff;   
}
.process li{
    width:170px;
    margin-left:65px;
    margin-top: 10px;
    float: left;
/*    background-color: #ccc;*/
}

.process li>p:first-child{
    font-size: 20px;
}
.process li>p:last-child{
     font-size:16px;
     text-align: center;
     margin-left: -20px; 
}
.process li>p:nth-child(2){
     font-size:14px; 

}
