body {
    color: #999;
}

.container {
    text-align: center
}

.en .section2 .tit {
    background-image: url(../images/live/sect2-tit-en.png)
}

.section1 {
    padding-top: 96px;
    height: 1187px;
    background: url(../images/live/bg-live-sect1.jpg) no-repeat center top
}
.section1 .tit1 {
    font-size: 24px;
    color: #FFF;
    margin-bottom: 44px
}

.section1 .video-tabs {
	margin: 0 auto;
	width: 600px;
    height: 70px;
    background-image: url(../images/live/bg-video-tabs.jpg)
}

.section1 .video-tabs li {
    float: left;
    width: 300px
}

.section1 .video-tabs li a {
    display: block;
    height: 70px;
    line-height: 70px;
    font-size: 24px;
    color: #999;
    border: 1px solid transparent
}

.section1 .video-tabs li .video-lang {
    position: relative
}

.section1 .video-tabs li .video-lang a:before {
    content: '';
    position: absolute;
    right: 70px;
    top: 28px;
    width: 14px;
    height: 8px;
    background-image: url(../images/bg-icons.png);
    background-position-y: -419px
}

.section1 .video-tabs li .video-lang dl {
    display: none;
    position: absolute;
    top: 0;
    width: 100%;
    background-image: url(../images/live/bg-video-tabs.jpg);
    border: 1px solid #c59d63;
    transition: all 1.6s
}

.section1 .video-tabs li .video-lang dl dd {
    height: 70px;
    line-height: 70px;
    font-size: 24px;
    color: #999;
    cursor: pointer
}

.section1 .video-tabs li .video-lang dl dd:first-child:before {
    content: '';
    position: absolute;
    right: 70px;
    top: 28px;
    width: 14px;
    height: 8px;
    background-image: url(../images/bg-icons.png);
    background-position-y: -430px
}

.section1 .video-tabs li .video-lang dl dd:hover {
    color: #eaba76;
    background-color: rgba(83, 64, 44, .5)
}

.section1 .video-tabs li .video-lang:hover dl {
    display: block
}

.section1 .video-tabs li.active a,.section1 .video-tabs li:hover a {
    color: #eaba76;
    border-color: #c59d63;
    background-color: rgba(83, 64, 44, .5)
}

.section1 .video-box {
    margin: 36px 0 30px 0
}

.section1 .video-box .video {
    height: 676px;
    background-color: #222
}

.section1 .tabs-item-box li {
    width: 158px;
    height: 73px;
    display: inline-block;
    margin-left: 20px;
    transition: all .2s;
    cursor: pointer;
    background-color: #333
}

.section1 .tabs-item-box li p {
    opacity: .3;
    width: 158px;
    height: 73px;
    background: url(../images/live/items.png) no-repeat -6px -6px
}

.section1 .tabs-item-box li:first-child p {
    background-position-x: -6px
}

.section1 .tabs-item-box li:first-child+li p {
    background-position-x: -413px
}

.section1 .tabs-item-box li:first-child+li+li p {
    background-position-x: -213px
}

.section1 .tabs-item-box li:first-child+li+li+li p {
    background-position-x: -613px
}

.section1 .tabs-item-box li:first-child+li+li+li+li p {
    background-position-x: -813px
}

.section1 .tabs-item-box li:first-child+li+li+li+li+li p {
    background-position-x: -1018px
}

.section1 .tabs-item-box li.active p,
.section1 .tabs-item-box li:hover p {
    opacity: 1
}

.section1 .tabs-item-box li:first-child {
    margin-left: 0
}
.section2-t{
    height: 56px;
    background: url(../images/live/bg-live-sect2-top.jpg) center top;
}
.section2-f{
    height: 116px;
    background: url(../images/live/bg-live-sect2-f.jpg) no-repeat center top;
    background-position-y: -100px;
}
.section2 {
    background: url(../images/live/bg-live-sect2.jpg?v=1) no-repeat center top;
    padding-top: 92px;
    background-size: 100% 100%;
    min-height: 1110px;
}

.section2 .tit {
    height: 52px;
    background: url(../images/live/sect2-tit.png) no-repeat center top;
    padding-bottom: 62px
}

.section2 .info {
    font-size: 24px
}

.section2 .time-tabs {
    overflow: hidden;
    border-bottom: 1px solid #3c3c3c;
    margin: 47px 0 56px 0
}

.section2 .time-tabs li {
    float: left;
    width: 20%;
    font-size: 18px;
    padding: 15px 0;
    cursor: pointer;
    transition: all .1s
}
.section2 .time-tabs.desc li{
    width: 25%;
}

.section2 .time-tabs li.active,
.section2 .time-tabs li:hover {
    color: #efb570;
    border-bottom: 3px solid #efb570
}

.section2 .match-res {
    background-color: rgba(0, 0, 0, .4)
}

.section2 .match-res>div {
    display: none
}

.section2 .match-res .res-group {
    text-align: left
}

.section2 .match-res .res-group .res-tit {
    font-size: 16px;
    color: #d9d2d2;
    padding: 7px
}

.section2 .match-res .res-group .res-items ul {
    overflow: hidden;
    margin-top: 5px
}

.section2 .match-res .res-group .res-items ul li {
    float: left;
    height: 100px;
    background-image: url(../images/live/bg-res-items.jpg);
    font-size: 18px;
    color: #FFF
}

.section2 .match-res .res-group .res-items ul li .user1 {
    text-align: right
}

.section2 .match-res .res-group .res-items ul li .user2 {
    text-align: left
}

.section2 .match-res .res-group .res-items ul li .vs {
    width: 24px;
    font-size: 24px;
    display: block;
    height: 100px;
    line-height: 100px;
    color: #9a774d
}

.section2 .match-res .res-group .res-items ul li .user {
    width: 386px
}

.section2 .match-res .res-group .res-items ul li .user .img-box {
    display: inline-block;
    vertical-align: middle;
    width: 146px;
    height: 100px;
    position: relative
}

.section2 .match-res .res-group .res-items ul li .user .img-box img {
    width: 89px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.section2 .match-res .res-group .res-items ul li .score {
    width: 216px;
    margin-top: 16px
}

.section2 .match-res .res-group .res-items ul li .score span {
    display: inline-block;
    width: 46px;
    height: 67px;
    line-height: 67px;
    text-align: center;
    background-color: rgba(239, 181, 112, .16);
    border-radius: 6px;
    font-size: 24px;
    font-weight: 700
}

.section2 .match-res .res-group .res-items ul li .score i {
    font-size: 30px;
    color: #9a855c;
    margin: 0 15px
}

.section2 .match-res .res-group .res-items ul li .active {
    color: #ffc279
}

.section2 .match-res .res-group .res-items ul li.end {
    width: 182px;
    text-align: center;
    line-height: 100px;
    position: relative;
    color: #9a774d
}

.section2 .match-res .res-group .res-items ul li.end:before {
    content: '';
    position: absolute;
    left: 0;
    top: 36px;
    height: 25px;
    width: 1px;
    background-color: rgba(154, 119, 77, .5)
}

.section2 .match-res .res-group .res-items ul li:last-child {
    float: right;
    text-align: center;
    color: #FFF
}

.section2 .match-res .res-group .res-items ul li:last-child .victory {
    color: #9a774d
}

.section2 .match-res .res-group .res-items ul:first-child {
    margin-top: 0
}

.section2 .btn {
    display: inline-block;
    padding: 0 55px;
    height: 50px;
    line-height: 46px;
    text-align: center;
    font-size: 16px;
    color: #efb570;
    border: 1px solid #efb570;
    border-radius: 3px;
    background-color: rgba(239, 181, 112, .15);
    margin-top: 86px
}

.section2 .btn:hover {
    background-color: rgba(239, 181, 112, .3)
}

.section3 {
    height: 909px;
    background: url(../images/live/bg-live-sect3.jpg) no-repeat center top;
    padding-top: 87px
}

.section3 .tit {
    width: 514px;
    height: 52px;
    background-image: url(../images/live/sect3-tit.png);
    margin: 0 auto
}

.section3 .sect3-tabs {
    width: 600px;
    margin: 40px auto 0 auto;
    font-size: 24px;
    color: #999;
    overflow: hidden;
    background-image: url(../images/live/bg-video-tabs.jpg)
}

.section3 .sect3-tabs li {
    float: left;
    width: 33.33333333%;
    height: 60px;
    line-height: 60px;
    cursor: pointer
}

.section3 .sect3-tabs li.active,
.section3 .sect3-tabs li:hover {
    background-image: url(../images/live/bg-tabs-active.jpg)
}