.navigation a, .navigation span, .main-content .choice-header span, .main-content .choice-item .item-one, .main-content .choice-item .item-three-top a, .main-content .choice-item .item-three-bottom a, .main-content .column-three-content table .col-seven a, .main-content .item-wrapper .item-info .game-state a, .main-content .item-wrapper .item-info .game-state span {
display: inline-block;
zoom: 1;
*display: inline; }
.main-content .column-three-content table td p, .main-content .item-wrapper .item-info h4 a, .main-content .item-wrapper .item-info p {
display: block;
white-space: nowrap;
word-wrap: normal;
overflow: hidden;
text-overflow: ellipsis; }
::-webkit-input-placeholder {
color: #999999;
font-size: 12px; }
::-moz-placeholder {
color: #999999;
font-size: 12px; }
:-ms-input-placeholder {
color: #999999;
font-size: 12px; }
:-moz-placeholder {
color: #999999;
font-size: 12px; }
.navigation a, .navigation span, .main-content .choice-header span, .main-content .choice-item .item-one, .main-content .choice-item .item-three-top a, .main-content .choice-item .item-three-bottom a, .main-content .column-three-content table .col-seven a, .main-content .item-wrapper .item-info .game-state a, .main-content .item-wrapper .item-info .game-state span {
display: inline-block;
zoom: 1;
*display: inline; }
.main-content .column-three-content table td p, .main-content .item-wrapper .item-info h4 a, .main-content .item-wrapper .item-info p {
display: block;
white-space: nowrap;
word-wrap: normal;
overflow: hidden;
text-overflow: ellipsis; }
::-webkit-input-placeholder {
color: #999999;
font-size: 12px; }
::-moz-placeholder {
color: #999999;
font-size: 12px; }
:-ms-input-placeholder {
color: #999999;
font-size: 12px; }
:-moz-placeholder {
color: #999999;
font-size: 12px; }
.div-select {
position: relative;
list-style: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.div-select * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
margin: 0;
font: 14px/1.5 Microsoft YaHei,tahoma,arial,Hiragino Sans GB,\\5b8b\4f53,sans-serif; }
.div-select ul {
list-style-type: none;
width: 100%;
border: 1px solid #dddddd;
background-color: #fff;
position: absolute;
z-index: 10;
margin-top: -1px;
display: none;
margin: 0;
padding: 0;
top: 39px; }
.div-select ul li {
height: 40px;
line-height: 40px; }
.div-select ul li a {
display: block;
width: 100%;
white-space: nowrap;
word-wrap: normal;
overflow: hidden;
text-overflow: ellipsis;
height: 40px;
line-height: 40px;
color: #333333;
text-decoration: none;
padding-left: 10px;
padding-right: 10px;
font-size: 14px; }
.div-select ul li a:hover {
background-color: #567fe6;
color: #fff; }
.div-select cite {
width: 100%;
*width: 100px;
white-space: nowrap;
word-wrap: normal;
overflow: hidden;
text-overflow: ellipsis;
height: 40px;
line-height: 38px;
display: block;
color: #807a62;
cursor: pointer;
font-style: normal;
padding-left: 10px;
padding-right: 30px;
border: 1px solid #dddddd;
font-size: 14px;
*background: #fff url(../../images/ico-select-2.png) no-repeat scroll 115px 17px; }
.div-select cite:after {
content: "";
background: #fff url(../../images/ico-select-2.png) no-repeat scroll right center;
width: 14px;
height: 21px;
position: absolute;
right: 15px;
top: 10px; }
.navigation {
height: 40px;
line-height: 40px; }
.navigation p a:hover {
color: #567fe6; }
.navigation p, .navigation a, .navigation span {
font-size: 14px;
color: #999; }
.navigation span {
color: #567fe6; }
.main-content {
background: #fafafa;
padding: 30px 13px 0; }
.main-content .search-wrap {
margin-bottom: 30px; }
.main-content .search-wrap input {
float: left;
height: 40px;
line-height: 22px;
border: 1px solid #999;
border-right: none;
font-size: 14px;
width: 350px;
padding: 8px 0 8px 14px; }
.main-content .search-wrap input::-webkit-input-placeholder {
font-size: 14px; }
.main-content .search-wrap input::-moz-placeholder {
font-size: 14px; }
.main-content .search-wrap button {
float: left;
border: none;
display: inline-block;
height: 40px;
line-height: 40px;
background: #567fe6;
font-size: 18px;
color: #fff;
padding: 0 30px; }
.main-content .choice {
position: relative;
margin-bottom: 24px; }
.main-content .choice-major {
margin-bottom: 0; }
.main-content .choice-header {
float: left;
width: 178px; }
.main-content .choice-header div {
width: 6px;
height: 20px;
background: #567fe6;
position: absolute;
left: 0;
top: 14px; }
.main-content .choice-header span {
line-height: 46px;
font-size: 20px;
color: #333;
margin-left: 25px; }
.main-content .choice-item {
float: left;
width: 996px; }
.main-content .choice-item .item-one, .main-content .choice-item .item-three-top a, .main-content .choice-item .item-three-bottom a {
line-height: 46px;
font-size: 20px;
color: #333;
margin-right: 55px; }
.main-content .choice-item .item-one:last-child, .main-content .choice-item .item-three-top a:last-child, .main-content .choice-item .item-three-bottom a:last-child {
margin-right: 0; }
.main-content .choice-item .item-one.cur-time, .main-content .choice-item .item-three-top a.cur-time, .main-content .choice-item .item-three-bottom a.cur-time {
color: #567fe6; }
.main-content .choice-item .item-one:hover, .main-content .choice-item .item-three-top a:hover, .main-content .choice-item .item-three-bottom a:hover {
color: #567fe6; }
.main-content .choice-item .item-three-top a {
float: left;
width: auto;
white-space: nowrap;
padding: 0 5px;
height: 49px;
margin-right: 35px;
text-align: center; }
.main-content .choice-item .item-three-top a.item-three-top-cur {
color: #567fe6; }
.main-content .choice-item .item-three-top a.item-three-firstA {
text-align: left;
width: auto;
margin-right: 45px; }
.main-content .choice-item .item-three-top a.frame {
color: #567fe6; }
.main-content .choice-item .item-three-top-switch {
border-bottom: 1px solid #567fe6; }
.main-content .choice-item .item-three-bottom a {
font-size: 18px;
color: #555;
margin: 10px 57px 0 0; }
.main-content .choice-item .item-three-bottom a.item-three-bottom-cur {
color: #567fe6; }
.main-content .choice-item .item-three-bottom-wrapper {
width: 1052px;
padding-top: 10px; }
.main-content .choice-item .item-three-top-cur {
color: #567fe6; }
.main-content .choice-item-three {
overflow: hidden; }
.main-content .div-select-wrapper {
float: left;
width: 175px;
margin: 0 38px 0 0;
background: #fff; }
.main-content .div-select-wrapper cite {
font-size: 16px; }
.main-content .div-select-wrapper.div-select ul li {
height: 25px;
line-height: 25px; }
.main-content .div-select-wrapper.div-select ul li a {
height: 25px;
line-height: 25px; }
.main-content .column-three-content {
border-top: 1px solid #e1e1e1;
padding: 20px 0 15px 0;
margin-top: 30px; }
.main-content .column-three-content .column-three-content-wrapper {
width: 100%; }
.main-content .column-three-content .column-three-content-wrapper tr:hover .col-one p {
color: #567fe6; }
.main-content .column-three-content table {
text-align: left; }
.main-content .column-three-content table .col-one p {
width: 202px;
*width: 192px; }
.main-content .column-three-content table .col-two p {
width: 134px;
*width: 124px; }
.main-content .column-three-content table .col-three p {
width: 197px;
*width: 187px; }
.main-content .column-three-content table .col-four p {
width: 308px;
*width: 298px; }
.main-content .column-three-content table .col-five p {
width: 114px;
*width: 104px; }
.main-content .column-three-content table .col-six p {
width: 105px; }
.main-content .column-three-content table th p {
font-size: 16px;
color: #272727;
line-height: 54px;
text-align: left; }
.main-content .column-three-content table td {
line-height: 54px; }
.main-content .column-three-content table td p {
padding-right: 10px;
font-size: 14px;
color: #595959; }
.main-content .column-three-content table .col-seven a {
line-height: 1;
font-size: 14px;
color: #fff;
padding: 5px 15px;
border-radius: 5px;
cursor: pointer; }
.main-content .column-three-content table .col-seven a.join {
background: #567fe6; }
.main-content .column-three-content table .col-seven a.not-join {
background: #b5b5b5; }
.main-content .column-three-content table .col-seven a.join:hover {
background: #567fe6
#567fe6
#567fe6;
box-shadow: 1px 2px 1px #ddd; }
.main-content .column-three-content table .col-seven a.not-join:hover {
background: #a8a8a8;
box-shadow: 1px 2px 1px #ddd; }
.main-content .column-three-content table .col-one a {
width: 100%;
font-size: 14px;
color: #595959; }
.main-content .column-three-content .column-three-content-wrapper tr:hover .col-one a {
color: #567fe6; }
.main-content .item-wrapper:hover .item-info h4 a {
color: #567fe6; }
.main-content .item-wrapper .item-img {
float: left; }
.main-content .item-wrapper .item-img img {
width: 340px;
height: 194px; }
.main-content .item-wrapper .item-info {
float: left;
position: relative;
width: 434px;
*width: 390px;
height: 194px;
*height: 186px;
padding: 0 0 0 20px;
background: #fafafa; }
.main-content .item-wrapper .item-info h4 {
margin-bottom: 9px; }
.main-content .item-wrapper .item-info h4 a {
width: 100%;
font-size: 24px;
line-height: 34px;
color: #333; }
.main-content .item-wrapper .item-info h4 a:hover {
color: #567fe6; }
.main-content .item-wrapper .item-info p {
font-size: 16px;
color: #555;
line-height: 26px;
width: 100%; }
.main-content .item-wrapper .item-info p span {
font-size: 16px;
color: #555;
margin-left: 29px; }
.main-content .item-wrapper .item-info .game-state {
position: absolute;
left: 30px;
bottom: 30px; }
.main-content .item-wrapper .item-info .game-state a, .main-content .item-wrapper .item-info .game-state span {
color: #fff;
border-radius: 5px;
font-size: 20px;
line-height: 1;
padding: 10px 20px; }
.main-content .item-wrapper .item-info .join a {
background: #567fe6; }
.main-content .item-wrapper .item-info .join a:hover {
background: #567fe6
#567fe6
#567fe6;
box-shadow: 1px 2px 1px #ddd; }
.main-content .item-wrapper .item-info .over span {
background: #b5b5b5; }
.main-content .cont-list {
padding: 20px;
margin-top: 20px; }
.main-content .cont-list .item-wrapper {
margin-bottom: 30px; }
.main-content .cont-list .item-wrapper .item-info {
width: 792px;
height: auto !important; }
.main-content .cont-list .item-wrapper .item-info p {
white-space: normal;
overflow: inherit;
text-overflow: inherit;
line-height: 25px; }
.main-content .cont-list .item-wrapper .item-info .overflow {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
.main-content .cont-list .game-state {
position: static !important;
margin-top: 10px; }