body{background-color: #f3f3f3;padding-top: 100px;height: 100%;}
.box{-webkit-box-shadow: 0 0 7px rgba(0,0,0,.2);  -moz-box-shadow: 0 0 7px rgba(0,0,0,.2);  box-shadow: 0 0 7px rgba(0,0,0,.2);
    height: auto;width: 980px;margin: 0 auto;background: white;min-height: 100%;}
.box h1{height: 60px;  line-height: 60px; font-size: 24px;  text-align: center;  font-weight: normal;  color: #333;  background: rgba(243,243,243,0.5);position: relative;}
.box h1 button{display: block;  width: 100px;  height: 30px;  line-height: 30px;  text-align: center;  text-decoration: none;
    color: white;  background-color: #c81623;position: absolute;top: 15px;right: 15px;border: none;  }
.main{padding: 10px 15px;}
.search{text-align: center;padding-bottom: 10px;}
.search p{line-height: 25px;font-size: 14px;text-align: center;margin-bottom: 15px;}
.search input{  padding: 5px 10px;  width: 420px;  height: 36px;  border: 1px solid #e6e6e6;}
.search button{    background-color: #c81623;    width: 80px;  font-size: 14px;border: none;margin-left: 15px;border-radius: 3px;cursor: pointer;  height: 36px;  color: #FFF;}
hr{margin: 20px 0;display: block;  border-width: 1px 0 0;  border-style: solid;  border-color: #ddd;}
.grades_info{padding: 10px 20px;}
.grades_info table{width: 400px;margin:0 auto 15px;border-top: 1px solid #cbcbcb;  border-right: 1px solid #cbcbcb; }
.grades_info table tr{height: 30px;}
.grades_info table tr td:first-of-type{width: 100px;text-align: right;padding-right: 20px;}
.grades_info table tr td{border-left: 1px solid #cbcbcb;border-bottom: 1px solid #cbcbcb;text-align: center;}
.button1{width: 400px;height: 30px;margin: 0 auto 14px;}
.button1 a{display: block;width: 100px;height: 30px;line-height: 30px;text-align: center;text-decoration: none;color: white;background-color: #c81623;float: right;}
/*赛事成绩列表*/
#grade-box .panel-heading{text-align: center;color: #fff;background-color: #c81623;border-color: #c81623;margin-bottom: 0;display: block;position: relative;}
#grade-box .panel-heading i{color: #fff;position: absolute;font-size: 20px;top: 10px;left: 20px;}
#grade-box .grade-panel {margin: 0 100px;border: 1px solid #c81623;margin-bottom: 20px;}
#grade-box .ul-month{    height: 33px;background: #ffffff;line-height: 33px;font-size: 14px;color: #333;border-width: 1px 0 0 0;border-color: #ddd;padding: 0 12px;}
#grade-box .ul-day{    height: 43px;line-height: 43px;background: #ffffff;border-color: #ddd;border-width: 1px 1px 0 1px;display: block;position: relative;}
#grade-box .ul-day a{display: block;text-decoration: none;width: 100%;height: 100%;line-height: 43px;color: #333;
    text-overflow: ellipsis;overflow: hidden;white-space: nowrap;padding: 0 20px 0 5px;}
#grade-box .ul-day span{    display: block;width: 27px;height: 22px;background: white;border: 1px solid#ddd;
    border-radius: 4px;position: absolute;right: 6px;top: 10px;line-height: 20px;text-align: center;}