.main{
    padding-bottom:350px
}
.top-video{
    width:370px;
    height:auto;
    padding:10px 0;
    box-sizing:border-box;
    overflow:hidden
}
.heading-title{
    width:100%;
    height:40px;
    line-height:40px;
    border-bottom:2px solid #3EA871;
    position:relative
}
.heading-title .more{
    position:absolute;
    right:10px;
    margin:0;
    padding:0;
    font-size:12px;
    width:50px;
    font-weight:400
}
.heading-title .more:hover{
    color:red
}
.heading-title a{
    float:left;
    color:#333;
    font-weight:inherit;
    width:100px
}
.heading-title a i{
    float:left;
    width:30px;
    height:40px;
    background:url("../img/") no-repeat center
}
.heading-title a b{
    float:left
}
.heading-title p{
    position:relative;
    width:160px
}
.heading-title .basketba b{
    color:#333
}
.heading-title .more{
    font-size:12px;
    position:absolute;
    top:2px;
    left:110px
}
.heading-title .more:hover{
    text-decoration:underline
}
.heading-title .basketba{
    background:url("../img/") no-repeat center
}
.heading-title .active{
    background:#3EA871;
    color:#fff
}
.heading-title .active b{
    color:#fff
}
.heading-title .active a{
    color:#fff
}
.heading-title .active .basketba{
    background:url("../img/") no-repeat center
}
.heading-title .active .footba{
    background:#3EA871;
    color:#fff
}
.heading-title .active .footba{
    background:url("../img/") no-repeat center
}
.disc li i{
    background:#999;
    border-radius:50%;
    width:4px;
    height:4px;
    position:absolute;
    left:0;
    top:12px
}
.top-video li{
    height:30px;
    line-height:30px;
    font-size:14px;
    font-weight:400;
    position:relative;
    padding-left:16px;
    width:500px;
    overflow:hidden
}
.disc li a{
    margin:4px 2px 0 0;
    color:#de1e30;
    font-size:13px;
    display:inline-block;
    vertical-align:middle;
    height:20px;
    padding:0 2px;
    line-height:20px;
    border-radius:2px
}
.disc li a:hover{
    background:-moz-linear-gradient(top,#ff4657,#de1e30);
    background:-webkit-linear-gradient(top,#ff4657,#de1e30);
    background:-o-linear-gradient(top,#ff4657,#de1e30);
    color:#fff
}
.disc li p,.disc li a{
    float:left
}
.disc li b{
    position:absolute;
    right:0;
    width:8px;
    height:30px;
    background:url("../img/") no-repeat center
}
.disc li p{
    width:300px;
    height:28px;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden
}
.disc li .link-div{
    height:30px;
    background:#fff;
    transition:.4s all ease;
    z-index:3;
    margin-left:10px
}
.head-footb{
    padding:10px;
    border:1px solid #e0e0e0;
    display:none
}
.top-video .content{
    background:#fff;
    padding:10px;
    box-sizing:border-box;
    border-radius:4px;
    box-shadow:2px 2px 4px #eee;
    height:340px
}
.disc{
    margin-bottom:6px
}
.video i{
    position:absolute;
    background:url("../img/icon-video1.png") no-repeat center;
    width:10px;
    height:30px;
    left:0
}
.video li{
    width:300px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.video li a{
    color:#0093dd
}
.video li a:hover{
    color:red
}
.video li a:hover i{
    background:url("../img/icon-video2.png") no-repeat center
}
.head-hot{
    width:320px
}
.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{
    position:relative;
    padding:0 4px;
    z-index:3;
    color:#fff
}
.heading-t .hotpd{
    width:36%;
    height:0;
    border-top:0;
    border-bottom:40px #1574A8 solid;
    border-left:transparent 30px solid;
    border-right:0;
    position:absolute;
    right:0
}
.heading-t .hotevents{
    width:64%;
    height:0;
    border-bottom:0;
    border-top:40px #40BF80 solid;
    border-right:transparent 30px solid;
    border-left:none;
    position:absolute;
    left:0
}
.hotevents a{
    margin-top:-40px;
    margin-left:10px
}
.video-box{
    background:#fff
}
.video-box li i{
    position:absolute;
    left:10px;
    top:10px;
    width:0;
    height:0;
    border-top:4px solid transparent;
    border-bottom:4px solid transparent;
    border-left:4px solid #F63
}
.video-box li{
    float:left;
    width:40%;
    font-size:14px;
    height:28px;
    line-height:28px;
    padding-left:20px;
    position:relative
}
.events-box li a{
    display:block;
    width:100%;
    height:100%
}
.events-box ul{
    background:#fff;
    padding:8px 0 0 6px;
    box-sizing:border-box;
    border-radius:4px;
    height:326px
}
.events-box li{
    float:left;
    width:90px;
    height:90px;
    border-radius:4px;
    border:1px solid #e0e0e0;
    margin:5px;
    padding:0
}
.events-box li img{
    width:60px;
    height:60px;
    margin:4px 15px 0 15px;
    display:inherit
}
.events-box li p{
    text-align:center;
    height:20px;
    line-height:20px;
    font-size:14px
}
.live-list{
    width:100%;
    height:44px;
    border-bottom:1px solid #eee;
    margin-bottom:10px;
    position:relative
}
.events-box li:hover{
    border:1px solid red
}
.live-list h4{
    height:44px;
    line-height:44px;
    font-size:22px;
    font-weight:500;
    padding:0 4px
}
.live-type{
    margin-left:40px;
    position:relative
}
.live-type li{
    float:left;
    height:34px;
    line-height:34px;
    padding:0 10px;
    margin:4px 6px 0 6px;
    border-radius:4px;
    cursor:pointer
}
.live-type li:hover{
    color:#de1e30
}
.live-type .active{
    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);
    color:#fff
}
.live-type li i{
    display:inline-block;
    width:16px;
    height:16px;
    margin:0 4px -2px 0
}
.live-box{
    padding-bottom:20px
}
.top-live-list{
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:44px;
    border-bottom:1px solid #e0e0e0;
    box-shadow:0 1px 4px 0 rgba(0,0,0,.1);
    background:#fff;
    z-index:10
}
.top-live-list h4{
    font-size:18px;
    font-weight:500;
    line-height:44px;
    height:44px;
    margin:0
}
.top-live-list .live-type{
    margin-top:6px
}
.top-live-list .live-type li{
    height:24px;
    line-height:24px;
    border-radius:0;
    border-right:1px solid #999
}
.top-live-list .live-type .active{
    background:#EF8A94;
    border:0;
    border-right:1px solid #999
}
.scr-box{
    display:none;
    position:absolute;
    width:520px;
    height:auto;
    background:#fff;
    border:1px solid #e0e0e0;
    right:-400px;
    top:38px;
    z-index:11;
    color:#333;
    max-height:600px;
    overflow-y:scroll
}
.top-live-list .scr-box{
    top:30px
}
.scr-cont span,.scr-cont p{
    line-height:30px;
    padding:0 4px;
    margin:4px;
    cursor:pointer;
    border:2px solid #fff
}
.scr-cont span{
    display:inline-block
}
.scr-cont span:hover{
    border:2px solid #3EA871
}
.scr-cont .active{
    border:2px solid #3EA871;
    background:#8FD6B1;
    color:#fff
}
.scr-cont p{
    font-size:18px;
    font-weight:500;
    width:40px
}
.scr-cont div span{
    font-size:14px;
    font-weight:400
}
.scr-cont .type-box{
    border-bottom:1px dotted #e0e0e0
}
.scr-cont .type-box div{
    width:440px
}
.btn-box button{
    width:120px;
    border-radius:4px;
    margin:10px 20px;
    border:0;
    height:30px;
    line-height:30px;
    color:#fff
}
.btn-box .allbtn{
    background:#1574A8
}
.btn-box .subbtn{
    background:#3EA871
}
.btn-box .closebtn{
    background:#e02433
}
.footer-box{
    width:100%;
    height:auto;
    background:#222;
    margin-top:40px;
    color:#8d93a1;
    position:absolute;
    bottom:100px
}
.friend-link{
    width:600px;
    border-right:1px solid #fff
}
.footerwrap{
    padding:20px;
    font-size:14px
}
.footer-box h5{
    height:40px;
    line-height:40px;
    font-weight:400;
    font-size:16px;
    color:#fff
}
.footer-box a{
    color:#8d93a1
}
.footer-box a:hover{
    color:#de1e30
}
.friend-link,.web-site{
    padding:0 10px;
    width:510px;
    min-height:130px
}
.friend-link div,.web-site div{
    padding:0 20px
}
.friend-link a{
    line-height:30px;
    margin:0 10px
}
.scrbtn:hover .scr-box{
    display:block
}
.index-ajax-btn{
    width:200px;
    margin:20px auto;
    height:40px;
    line-height:40px;
    cursor:pointer;
    border:1px solid #e0e0e0;
    text-align:center;
    border-radius:4px
}
.web-site p a{
    padding:0 10px;
    border-right:1px solid #8d93a1;
    font-size:12px;
    color:#8d93a1;
    line-height:30px
}
.web-site p a:first-child,.web-site p a:last-child{
    border:0
}
.web-site div{
    position:relative
}
.more-link-map{
    position:absolute;
    right:10px;
    bottom:0;
    font-size:12px
}
.filtrate_box a{
    display:inline-block;
    font-size:14px;
    font-weight:400;
    padding:0 4px;
    margin:4px;
    line-height:30px;
    border:2px solid #fff
}
.filtrate_box a:hover{
    border:2px solid #de1e30;
    color:#333
}
.live-div{
    background:#fff;
    box-sizing:border-box;
    padding:10px;
    margin-top:16px
}
.live-div .head-one{
    margin:10px 0 14px 0
}
.index-import-box{
    width:1080px;
    margin:0 auto;
    box-sizing:border-box;
    padding:10px;
    margin-bottom:10px;
    background:#fff;
    margin-top:20px
}
.index-import-box h3{
    width:300px;
    height:34px;
    margin:10px auto 20px;
    text-align:center;
    font-size:20px;
    font-weight:500;
    background:url("../img/") no-repeat center;
    padding-top:2px;
    box-sizing:border-box
}
.index-import-box h3 span{
    display:inline-block;
    color:#fff;
    font-size:16px;
    vertical-align:middle
}
.index-import-box h3 i{
    background:url("../img/") no-repeat center;
    display:inline-block;
    vertical-align:middle;
    height:22px;
    width:22px;
    margin-right:10px
}
.index-import-box .content{
    margin-top:20px
}
.index-import-box .btn-p{
    background:url("../img/") no-repeat center;
    height:120px;
    width:14px;
    cursor:pointer;
    position:relative;
    z-index:3
}
.index-import-box .r-btn-p{
    transform:rotate(180deg)
}
.cont-posi li{
    width:120px;
    height:120px;
    margin:0 10px;
    border-radius:4px;
    border:1px solid #eee;
    text-align:center;
    float:left
}
.cont-posi li:hover{
    border:1px solid #de1e30
}
.cont-posi li img{
    display:inherit;
    width:70px;
    height:70px;
    margin-top:14px
}
.cont-posi{
    width:1000px;
    height:150px;
    margin-left:16px;
    position:relative;
    overflow:hidden
}
.cont-posi ul{
    width:20000px;
    position:absolute;
    left:0;
    top:0
}
.list-head{
    width:1080px;
    margin:20px auto 0
}
.video-div{
    padding-top:20px;
    position:relative;
    z-index:4;
    background:#f4f4f4
}
.live-cont{
    position:relative
}
.top-basketball-video{
    margin:0 20px
}
.pindao{
    width:300px
}
.hot-top-infor{
    width:1080px;
    margin:0 auto;
    box-sizing:border-box;
    padding:10px
}
.hot-top-infor li{
    width:162px;
    height:162px;
    float:left;
    border-radius:4px;
    background:#fff;
    overflow:hidden;
    box-sizing:border-box;
    padding:10px
}
.hot-top-infor li:nth-child(2){
    margin:0 14px
}
.img-div{
    width:140px;
    height:140px;
    border-radius:4px;
    overflow:hidden;
    position:relative;
    margin-right:20px
}
.img-div p{
    position:absolute;
    top:0;
    left:0;
    width:48px;
    height:26px;
    line-height:26px;
    text-align:center;
    background:rgba(233,44,61,0.85);
    color:#fff;
    font-size:16px;
    border-radius:4px
}
.img-div img{
    width:224px;
    height:140px
}
.hot-top-infor .content-div{
    width:438px;
    line-height:24px;
    overflow: hidden;
}
.hot-top-infor .content-width{
    width:706px;
}
.hot-top-infor .content-div .title{
    font-size:16px;
    font-weight:500;
    line-height:28px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    position:relative;
    padding-left:20px;
}
.hot-top-infor .content-div .title:before{
    content:"";
    position: absolute;
    left:6px;
    top:10px;
    width:4px;
    height:4px;
    background:#999999;
    border-radius:50%;
}
.hot-top-infor .content-div a:first-child .title{
    font-weight:600;
}
.hot-top-infor .content-div .content{
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    font-size:14px;
    margin:14px 0 10px 0;
    height:45px
}
.hot-top-infor .content-div .bottom{
    font-size:13px;
    color:#999
}
.hot-top-infor .active{
    width:706px
}
.hot-top-infor .active .img-div{
    width:224px
}
.imgword-ul li{
    float:left;
    margin:0 12px;
    width:190px;
    text-align:center;
    height:126px;
    overflow:hidden
}
.imgword-ul li img{
    width:180px;
    height:100px;
    border-radius:4px
}
.imgword-ul{
    margin:10px 0
}
.word-box{
    background:#fff;
    padding:10px 0;
    margin-top:10px
}
.indexggone{
    width:1080px;
    margin:10px auto;
}
.start-event{
    overflow:hidden;
    margin-top:20px;
    height:260px;
    background:#fff;
    width:666px;
    box-sizing: border-box;
    padding:0 8px;
}
.head-start{
    line-height:40px;
    height:40px;
    border-bottom:1px solid #de1e30;
    vertical-align: middle;
}
.head-start i,.head-start span{
    display:inline-block;
    vertical-align: middle;
}
.head-start i{
    width:22px;
    height:22px;
    background:url("../img/icon-star.png")no-repeat center;
    margin:0 10px;
}
.head-start span{
    font-size:20px;
    color:#4b4b4b;
    margin-right:10px;
    font-weight:500;
}
.head-start .english-span{
    color:#e2e2e2;
    font-weight:700;
    font-size:18px;
}
.start-event li{
    height:46px;
    line-height: 46px;
    border-bottom:1px solid #eeeeee;
    position:relative;
}
.start-event li:nth-child(even){
    background:#f7f7f7;
}
.start-event li i{
    display:inline-block;
    width:14px;
    height:100%;
    background: url("../img/icon-zhibo.png")no-repeat center;
    background-size:100%;
    margin:0 10px;
}
.start-event li p{
    display:inline-block;
    text-align: center;
    color:#9c9c9c;
    font-size:14px;
    overflow: hidden;
    white-space:nowrap;
}
.start-event li .date-time{
    width:90px;
}
.start-event li .event{
    width:150px;
}
.start-event li .match{
    width:260px;
    color:#333;
}
.start-event li a{
    width:76px;
    height:22px;
    border:1px solid #de1e30;
    color:#de1e30;
    text-align:center;
    position:absolute;
    right:20px;
    top:12px;
    line-height: 20px;
    transition: 0.2s all ease
}
.start-event li a:hover{
    background:#de1e30;
    color:#fff;
}
.start-event .outer-div{
    height:200px;
    overflow-y: auto;
    width:652px;
    margin-top:8px;
    padding-right:4px;
}
.zhuanti-div{
    width:400px;
    height:260px;
    margin-top:20px;
    background:#fff;
    box-sizing: border-box;
    padding:0 8px;
    overflow: hidden;
}
.head-zhuanti i{
    background: url("../img/icon-zhuanti.png")no-repeat center;
}
.zhuanti-div li{
    width:180px;
    height:48px;
    display: inline-block;
    line-height: 48px;
}
.zhuanti-div li a{
    display: inline-block;
    width:180px;
    height:48px;
}
.zhuanti-div li a img{
    display: inline-block;
    width:32px;
    height:32px;
    margin:0 12px 0 40px;
    vertical-align: middle;
}
.zhuanti-div li a p{
    display: inline-block;
    vertical-align: middle;
}
.zhuanti-div .outer-div{
    height: 200px;
    overflow-y: auto;
    width:386px;
    margin-top:8px;
}
.zhuanti-div li a:hover{
    background:#eeeeee;
}
.outer-div::-webkit-scrollbar {
    width:5px;
}
.outer-div::-webkit-scrollbar-track-piece {
    background-color: #fff;
}
.outer-divr::-webkit-scrollbar-track {
    background-color: #fff;
}
.outer-div::-webkit-scrollbar-thumb {
    background-color:#eee;
    border-radius:100px;
}
.outer-div::-webkit-scrollbar-button {
    display: none;
}
.outer-div{
    scrollbar-arrow-color: #fff;
    scrollbar-face-color: #eee;
    scrollbar-3dlight-color: #fff;
    scrollbar-highlight-color: #fff;
    scrollbar-shadow-color: #fff;
    scrollbar-darkshadow-color: #fff;
    scrollbar-track-color: #fff;
    scrollbar-base-color:#fff;
}
.redbold{
    font-weight: 600;
    color:#de1e30 !important;
}