.hot-box {
    display: none
}

.pre-live-hot .events-box {
    margin: 0
}

.pre-live-pd b {
    border-radius: 50%;
    background: #e0e0e0;
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 4px
}

.heading-t {
    width: 100%;
    height: 40px;
    line-height: 40px;
    border-bottom: 2px solid #3EA871;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 500;
    position: relative
}

.heading-t a, .heading-t b {
    position: relative;
    padding: 0 4px;
    z-index: 3;
    color: #fff
}

.heading-t b {
    float: left
}

.heading-t .hotpd {
    width: 30%;
    height: 0;
    border-top: 0;
    border-bottom: 40px #408ed6 solid;
    border-left: transparent 30px solid;
    border-right: 0;
    position: absolute;
    right: 0
}

.heading-t .hotevents {
    width: 100%;
    height: 0;
    border-bottom: 0;
    border-top: 40px #de1e30 solid;
    border-left: none;
    position: absolute;
    left: 0
}

.hotevents a {
    margin-top: -40px;
    margin-left: 10px
}

.pre-content {
    width: 100%;
    height: auto;
    background: #fff;
    box-sizing: border-box;
    padding: 20px
}

.pre-content h3 {
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    line-height: 30px
}

.timeP {
    width: 680px;
    margin: 0 auto;
    border-bottom: 1px dotted #e0e0e0;
    text-align: center;
    font-size: 12px;
    color: #999;
    line-height: 30px
}

.nogame {
    margin-top: 100px;
    display: none
}

.nogame p {
    text-align: center;
    line-height: 40px
}

.nogame .countdown {
    font-size: 24px;
    line-height: 40px
}

.nogame .countdown span {
    color: #dc2221;
    display: inline-block;
    width: 40px;
    height: 40px;
    margin: 0 4px;
    font-style: italic
}

.signal {
    font-size: 16px;
    line-height: 40px;
    margin-top: 10px
}

.signal a {
    font-weight: 500;
    color: #0093dd;
    margin: 0 10px
}

.signal a:hover {
    color: blue
}

.signal i {
    color: #0093dd
}

.gameover {
    display: none;
    margin-top: 10px
}

.gameover dt {
    font-size: 16px;
    font-weight: 500;
    line-height: 34px
}

.gameover dd a {
    line-height: 30px;
    color: #0093dd;
    margin-left: 20px
}

.gameover dd a:hover {
    color: blue
}

.tag-box {
    margin-top: 20px;
    font-size: 14px
}

.tag-box a {
    display: inline-block;
    padding: 2px 6px;
    border-radius: 6px;
    border: 1px solid #e0e0e0;
    margin: 0 8px
}

.tag-box a:hover {
    background: #0093dd;
    color: #fff
}

.introduction {
    margin-top: 20px
}

.intro-content {
    background: #fff;
    padding: 20px;
    box-sizing: border-box;
    height: auto;
    color: #666;
}

.events-box {
    margin-top: 20px
}

.events-box ul {
    background: #fff;
    padding: 20px;
    box-sizing: border-box;
    font-size: 14px
}

.events-box ul p {
    color: #999
}

.events-box ul p a {
    color: #333;
    margin: 0 8px
}

.events-box ul p a:hover {
    color: #ff4f20
}

.events-box ul li {
    line-height: 30px;
    border-bottom: 1px dotted #e0e0e0
}

.events-box ul li b {
    margin: 0 10px
}

.events-box ul li i {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #e0e0e0;
    margin: 0 8px
}

.events-box ul li span a {
    color: #0093dd;
    margin: 0 8px
}

.events-box ul li span a:hover {
    text-decoration: underline
}

.r-content {
    margin-bottom: 20px;
    background: #fff
}

.r-content ul {
    border: 1px solid #e0e0e0;
    box-sizing: border-box;
    padding: 10px;
    font-size: 14px
}

.r-content ul li {
    height: 30px;
    line-height: 30px;
    border-bottom: 1px dotted #e0e0e0;
    width: 100%;
    overflow: hidden
}

.pre-live ul li i {
    border-radius: 0;
    background: #fff;
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 10px solid #69C;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    margin: 0 4px
}

.abo-video ul {
    font-size: 13px
}

.abo-video ul p {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #8CD9B3;
    text-align: center;
    line-height: 20px;
    margin: 0 4px
}

.abo-video ul p i {
    width: 0;
    height: 0;
    border-left: 6px solid #fff;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    display: inline-block;
    margin-top: 4px
}

.abo-video ul a {
    color: #0093dd;
    margin: 0 2px
}

.abo-video ul a:hover {
    text-decoration: underline
}

.pd-hot ul li {
    width: 50%;
    float: left;
    border: 0
}

.pd-hot li i {
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #F63;
    margin: 0 4px
}

.hot-bq div {
    border: 1px solid #e0e0e0;
    padding: 10px;
    box-sizing: border-box
}

.hot-bq div a {
    font-size: 14px;
    display: inline-block;
    padding: 0 10px;
    border-right: 1px solid #e0e0e0;
    line-height: 24px;
    margin: 4px 0
}

.hot-bq div a:hover {
    text-decoration: underline
}

.seo-box li span {
    display: inline-block;
    width: 80px
}

.seo-box li a {
    color: #0093dd
}

.seo-box li a:hover {
    text-decoration: underline
}

.xgzy-box {
    width: 700px;
    height: auto;
    padding: 10px;
    box-sizing: border-box;
    background: #ECF8F2;
    border: 1px solid #8CD9B3;
    margin: 10px auto;
    color: #0093dd
}

.xgzy-box a {
    font-size: 14px;
    line-height: 26px
}

.xgzy-box div i {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #B5C200;
    margin: 0 8px
}

.lx-box {
    margin-top: 20px
}

.sepx li b, .sepx li a {
    display: inline-block
}

.sepx li b {
    width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 21px
}

.videoshi ul {
    padding: 0
}

.s-cont {
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    color: #999;
    text-align: center;
    border-bottom: 1px dotted #e0e0e0;
    margin-bottom: 10px
}

.s-cont span {
    margin: 0 20px
}

.history-box {
    margin-top: 20px;
}

.history-box .jf-box li p {
    float: left;
    text-align: center;
    border: 1px solid #e0e0e0;
    height: 28px
}

.history-box .jf-box li a {
    margin: 0 6px;
    color: #0093dd
}

.history-box .jf-box li a:hover {
    color: blue
}

.history-box .jf-box li p:first-child {
    width: 150px
}

.history-box .jf-box li p:nth-child(2) {
    width: 300px
}

.history-box .jf-box li p:nth-child(3) {
    width: 130px
}

.history-box .jf-box li p:nth-child(4) {
    width: 152px
}

.history-box .jf-box .ul-title {
    background: #e0e0e0;
    height: 34px;
    line-height: 34px
}

.history-box .jf-box li {
    line-height: 28px
}

.history-box .jf-box li:hover {
    background: #f7f7f7
}

.zj-box .team-box {
    width: 360px;
    margin-top: 20px
}

.team-box h4 {
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    height: 34px;
    line-height: 34px;
    background: #e0e0e0
}

.team-box h4 a {
    color: #0093dd;
    font-weight: 600
}

.team-box li p {
    float: left;
    text-align: center;
    border-bottom: 1px solid #e0e0e0;
    overflow: hidden;
    height: 26px
}

.team-box li p:first-child {
    width: 82px
}

.team-box li p:nth-child(2) {
    width: 108px
}

.team-box li p:nth-child(3) {
    width: 60px
}

.team-box li p:nth-child(4) {
    width: 108px
}

.team-box li:nth-child(odd) {
    background: #f7f7f7
}

.team-box li {
    font-size: 13px;
    line-height: 26px
}

.team-box .ul-title {
    font-size: 14px
}

.linkp {
    width: 100%;
    height: 26px;
    line-height: 26px;
    background: #e0e0e0;
    text-align: center;
    margin-bottom: 8px
}

.linkp a {
    display: inline-block;
    padding: 0 14px;
    color: #0093dd
}

.history-box .jf-box li .blue {
    color: #1574A8
}

.team-box a:hover {
    color: #ff4f20
}

.about-event ul li i {
    width: 8px;
    height: 8px;
    background: #C66;
    border-radius: 50%;
    border: 0
}

.gameover p {
    width: 120px;
    margin-left: 40px
}

.gameover .about-a {
    width: 560px
}

.gameover .about-a a {
    display: inline-block;
    width: 60px;
    height: 28px;
    line-height: 28px;
    background: #FBE4E7;
    color: #333;
    margin: 0 20px;
    text-align: center
}

.gameover .about-a a:hover {
    background: #de1e30;
    color: #fff
}

.gameover .about-a .disabled {
    background: #e0e0e0;
    color: #999
}

.gameover .about-a .disabled:hover {
    background: #e0e0e0;
    color: #999
}

.more-a {
    line-height: 30px;
    text-align: center
}

.tb-a {
    font-size: 14px;
    padding-left: 18px;
    padding-top: 6px;
    background: #fff
}

.tb-a a {
    color: #0093dd
}

.tb-a p {
    line-height: 28px
}

.r-content ul li i {
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 10px solid #69C;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    margin: 0 4px
}

.video-list .wechat {
    width: 132px;
    height: 147px;
    position: absolute;
    left: 84px;
    bottom: 10px;
    background: url(../image/WeChat.jpg)
}

.video-list {
    float: left;
    width: 300px;
    background: #252525;
    margin-top: 0;
    height: 600px;
    box-sizing: border-box;
    padding: 10px;
    margin-bottom: 20px;
    overflow-y: auto;
    position: relative
}

.video-list dl dd a {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-bottom: 1px solid #999;
    line-height: 40px;
    color: #fff;
    font-size: 13px;
    display: block;
    margin-left: 0
}

.video-div {
    float: left;
    width: 100%;
    min-height: 590px;
    /*background: #404040;*/
    position: relative;
}

.video-list dd a:hover {
    color: #de1e30
}

.video-div .link-img {
    display: block;

    height: 100%;
    color: #fff
}

.video-list .active {
    color: #de1e30;
    background: #fff
}

.r-box {
    margin-top: 20px
}

.video-list p {
    color: #fff
}

.video-div p {
    color: #fff
}

.gaming {
    width: 100%;
    height: 100%;
    position: relative
}

.gameover .title-p {
    width: 100%;
    text-align: center;
    margin: 100px 0 30px 0
}

.error-link a {
    color: #de1e30;
    text-decoration: underline
}

.error-link {
    text-indent: 2em
}

.history-box .jf-box {
    background: #fff;
}

.zj-box .team-box {
    background: #fff;
}

.max-btn {
    position: absolute;
    width: 30px;
    height: 30px;
    background: url(../image/max-btn.png) #000;
    top: 6px;
    right: 6px;
    cursor: pointer;
    border-radius: 4px;
    z-index: 999;
}

.allboxleft {
    width: 740px;
    margin: 20px 0;
    padding: 0 10px;
    box-sizing: border-box;
    background: #fff;
}

.l-tab {
    height: 50px;
    border-bottom: 2px solid #de1e30;
    margin-top: 10px;
}

.l-tab li {
    float: left;
    height: 34px;
    line-height: 34px;
    width: 90px;
    text-align: center;
    margin: 8px 20px 8px 0;
    cursor: pointer;
    border-radius: 20px;
}

.l-tab .active {
    color: #fff;
    background-image: -webkit-gradient(linear, top, bottom, from(#ff4657), to(#de1e30));
    background-image: -webkit-linear-gradient(top, #ff4657, #de1e30);
    background-image: -moz- oldlinear-gradient(top, #ff4657, #de1e30);
    background-image: linear-gradient(to bottom, #ff4657, #de1e30);
}

.newsdiv ul li img, .imgdiv {
    width: 168px;
    height: 126px;
    margin-right: 18px;
    position: relative;
}

.newsdiv ul li {
    padding: 10px 0;
    border-bottom: 1px solid #eee;
}

.newsdiv ul .word-r {
    width: 500px;
}

.newsdiv ul li .imgdiv p {
    position: absolute;
    top: 0;
    left: 0;
    width: 46px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    background: #d33556;
    color: #fff;
    font-size: 12px;
}

.newsdiv ul li .imgdiv .zhanb {
    background: #408ed6;
}

.word-r a {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.word-r .cont {
    height: 58px;
    font-size: 14px;
    color: #999;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 30px;
}

.date {
    font-size: 13px;
    color: #999;
    width: 100%;
    text-align: right;
    margin-top: 14px;
}

.type-match i, .type-match p, .type-match span {
    display: inline-block;
    vertical-align: middle;
}

.type-match p {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 1px solid #ddd;
    position: relative;
    margin-right: 6px;
}

.type-match i {
    width: 8px;
    height: 8px;
    background: #ddd;
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 50%;
}

.type-match .active i {
    background: #de1e30;
}

.type-match .active p {
    border: 1px solid #de1e30;
}

.type-match .active span {
    color: #de1e30;
}

.type-match li {
    padding: 8px 30px 0 0;
    cursor: pointer;
    float: left;
}

.type-match li:hover {
    color: #de1e30;
}

.match-cont li span, .match-cont li img {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
    text-overflow: ellipsis;
}

.match-cont li .time {
    color: #999;
    font-size: 14px;
    width: 110px;
    text-align: center;
}

.match-cont li .event {
    color: #999;
    width: 120px;
}

.match-cont li .title {
    width: 270px;
}

.match-cont li img {
    opacity: .8;
    filter: alpha(opacity=80)
}

.match-cont li img:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

.match-cont li {
    padding: 8px 0;
    border-bottom: 1px solid #eee;
}

.nodata {
    text-align: center;
    margin: 10px 0;
}

.newsdiv ul .nodata img {
    width: 118px;
    height: 113px;
    margin: 20px 0 10px 0;
}

.videodiv ul li {
    line-height: 38px;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 26px;
}

.newsdiv ul li:before {
    position: absolute;
    content: "";
    top: 14px;
    left: 6px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #F63;
}

.videodiv ul li:before {
    position: absolute;
    content: "";
    top: 14px;
    left: 6px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #F63;
}

.introduction ul li {
    padding-left: 14px;
    position: relative;
}

.introduction ul li:after {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    top: 12px;
    left: 4px;
    border-radius: 50%;
    background: #e0e0e0;
}

.introduction ul li span {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
}

.introduction ul li .title {
    color: #408ed6;
    margin-left: 12px;
}

/*优化赛事状态*/
#saishi {
    width: 100%;
    padding-top: 80px;
}

.qiudui, .duibiao_xq {
    width: 33%;
    float: left
}

.qiudui {
    text-align: center;
    padding-top: 30px;
}

.qiudui span {
    width: 80px;
    height: 80px;
    -webkit-border-radius: 25em;
    -moz-border-radius: 25em;
    border-radius: 25em;
    background: #fff;
    display: inline-block;
}

.qiudui span img {
    width: 80px;
    height: 80px;
    -webkit-border-radius: 25em;
    -moz-border-radius: 25em;
    border-radius: 25em;
}

.qiudui span p {
    font-size: 20px;
    color: #fff
}

.duibiao_xq {
    text-align: center;
    font-size: 18px;
    color: #fff
}

.bisai_vs {
    padding-top: 30px;
}

.bisai_zt {
    width: 116px;
    height: 34px;
    line-height: 34px !important;
    -moz-border-radius: 34px;
    -webkit-border-radius: 34px;
    border-radius: 34px;
    background-color: #fe4556;
    background-image: linear-gradient(#fe4556, #e12133);
    display: inline-block
}

.bisai_vs {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}

.video-list .active {
    background-color: transparent;
    color: #fff
}

.nogame {
    margin: 0px;
    height: 100%
}

.signa_video_ist_new > dd {
    display: none;
}

.signa_video_ist_new_none {
    display: block;
    color: #ffffff;
}

.sxyt_wrap_new {
    width: 100%;
    display: flex;
    box-sizing: border-box;
    justify-content: space-between;
    margin: 19px 0;
}

.sxyt_wrap_new > li {
    width: 359px;
    height: 140px;
    box-shadow: 0px 0px 7px rgba(153, 153, 153, .35);
    background: #ffffff;
    border-radius: 5px;
    flex-grow: 0;
    flex-shrink: 0;
}

.sxyt_wrap_new > li:hover p {
    text-decoration: underline;
}

.sxyt_wrap_new > li a {
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    padding: 15px;
    box-sizing: border-box;
    margin: 0;
}

.sxyt_wrap_new > li a span {
    font-size: 16px;
    color: #333333;
}

.sxyt_wrap_new > li a p {
    width: 100%;
    font-size: 16px;
    line-height: 30px;
    color: #0093dd;
    margin-top: 19px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.sxyt_wrap_new > li a p span {
    width: 100%;
    font-size: 16px;
    line-height: 30px;
    color: #0093dd;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: none;
}

.sxyt_wrap_new > li a p span:nth-of-type(2) {
    display: -webkit-box;
}


/* .n_dd_wrap>dl{
    display:none;
}
.n_dd_wrap>dl:nth-of-type(3){
    display:block;
} */
/* .n_wz_wrap>li>span{
    display:none;
}
.n_wz_wrap>li>span:nth-of-type(2){
    display:inline;
} */
/* .shipin_changdu_wrap>dd{
    display:none;
} */


.st_wrap {
    display: flex;
    align-items: center;
    padding: 0 19px;
    box-sizing: border-box;
    margin-bottom: 10px;
}

.st_wrap > p {
    font-weight: 600;
}

.st_wrap > a {
    color: #de1e40;
    font-weight: 600;
}

.gameover .about-a .nocon {
    pointer-events: none;
}

.toLive {
    height: 24px;
    line-height: 24px;
    display: inline-block;
    float: left;
    padding: 0 12px;
    font-size: 14px;
    margin: 8px 10px 0 0;
    border-radius: 14px;
    border: 1px solid #4184f3;
    color: #4184f3;
    text-decoration: none;
}

.liveshow .picked {
    background: #4184f3;
    color: #fff;
}

.info2 {
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
}