.index-wapper {
    background: url('/resource/images/bg/index-bg.jpg') no-repeat center bottom;
    padding-top: 35px;
    height: 900px;
    background-size:  auto 1115px;
}
.index-item1 {
    height: 400px;
}
.index-item1-luara {
    position: relative;
    box-sizing:border-box;
    width: 640px;
    height: 400px;
    padding: 10px;
    border-right: 1px solid #2D3137;
    overflow:hidden;
}
.flexslider{
    position: relative;
    width: 620px; height: 380px;
}
.flexslider ul li {
    position: relative;
}
.flexslider ul li p{
    position: absolute;
    left: 0;
    bottom: 10px;
    padding: 0 130px 0 7px;
    color: #FFFFFF;
}

.flexslider ul li img{
    width: 620px;
    height: 380px;
}

.flexslider ol.flex-control-nav{
    position:absolute;
    right: 10px;
    bottom: 10px;
    height: 10px;
}
.flexslider ol.flex-control-nav li{
    float:left;
    width: 12px;
    height: 10px;
    margin: 0 5px;
}
.flexslider ol.flex-control-nav li a{
    display: block;
    width: 100%;
    height: 100%;
    background: #fff;
    text-indent: -9999px;
}
.flexslider ol.flex-control-nav li a.flex-active{background: #FB2851;}

.index-item1-schedule {
    width: 360px;
    height: 400px;
    overflow-y: auto; 
    overflow-x: hidden;
}

.index-item1-schedule li{
    float: left;
    width: 360px;
    height: 133px;
    border-top: 1px solid #2D3137;
}

.index-item1-schedule li:first-child{
    border-top: none;
}
.index-item1-schedule .host, .index-item1-schedule .guest , .index-item1-schedule .info{
    float: left;
    width: 140px;
    height: 133px;
    display:table;
}
.index-item1-schedule .info {
    width: 80px;
}
.index-item1-schedule .tableCell {
    display:table-cell; vertical-align:middle;
    text-align: center;
    color: #FFFFFF;
}
.index-item1-schedule .tableCell a {
    color: #FFFFFF;
    text-decoration: none;
}
.index-item1-schedule .tableCell img {
    height: 50px;
    margin: 10px 0;
}
.index-item1-schedule .tableCell p {
    font-size: 14px;
    line-height: 125%;
}
.index-item1-schedule .tableCell p.score {
    font-size: 30px;
    line-height: 150%;
}
.index-item2 {
    width: 632px;
    height: 400px;
    margin: 30px 8px 0 0;
}
.index-item2 .header {
    width: 100%;
    height: 30px;
}
.index-item2 .header li{
    float: left;
    color: #B5B5B5;
    width: 45px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
}
.index-item2 .header li.current{
    background-color: black;
    color: #FB2851;
}
.news-box {
    box-sizing:border-box;
    width: 632px;
    height: 370px;
    padding: 9px 26px;
}
.news-div {
    width: 580px;
    height: 352px;
    overflow-y: auto; 
    overflow-x: hidden;
}
.news-ul li {
    float: left;
    height: 32px;
    width: 100%;
    line-height: 32px;
    color: #FFFFFF;
    
}
.news-ul li a{
    display: block;
    float: left;
    white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
    max-width: 270px;
    color: #FFFFFF;
}

.news-ul li a.virgule {
    font-size: 18px;
    max-width: none;
}

.news-ul li a.virgule:before{
    content: '';
    margin: 8px 12px 0 0;
    height: 16px;
    border-left: 2px solid #FB2851;
}

.news-ul li em {
    float: left;
    margin: 7px 10px 0 7px;
    height: 18px;
    border-left: 2px solid #FFFFFF;
}

.index-item3 {
    box-sizing:border-box;
    position: relative;
    width: 360px;
    height: 400px;
    margin-top: 30px;
    padding: 30px 20px;
}
.integral-icon {
    position: absolute;
    top: -5px;
    left: 10px;
    width: 80px;
    height: 35px;
    background-color: #FB2851;
    line-height: 35px;
    text-align: center;
    color: #FFFFFF;
}

.integral-icon:after {
    position: absolute;
    top: 0;
    left: 100%;
    content: '';
    width: 0;
    height: 0;
    border-bottom: 5px solid #AD1F3A;
    border-right: 5px solid transparent;
}

.index-item3 .header {
    width: 360px;
    height: 30px;
}
.index-item3 .header li{
    float: left;
    color: #FFFFFF;
    width: 50px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
}
.index-item3 .header li span{
    padding-bottom: 2px;
}
.index-item3 .header li.current{
    color: #FB2851;
}
.index-item3 .header li.current span{
    border-bottom: 1px solid #FB2851;
}
.index-item3 .integral-table{
    margin-top: 5px;
    width: 100%;
    color: #FFFFFF;
}
.index-item3 .integral-table a {
    color: #FFFFFF;
    text-decoration: none;
}
.index-item3 .integral-table th, .index-item3 .integral-table td{
    line-height: 25px;
    text-align: center;
}
.index-item3 .more {
    position: absolute;
    right: 10px;
    bottom: 10px;
    color: #B5B5B5;
}