.flip-clock-wrapper *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden}.flip-clock-wrapper a{cursor:pointer;text-decoration:none;color:#ccc}.flip-clock-wrapper a:hover{color:#fff}.flip-clock-wrapper ul{list-style:none}.flip-clock-wrapper.clearfix:before,.flip-clock-wrapper.clearfix:after{content:" ";display:table}.flip-clock-wrapper.clearfix:after{clear:both}.flip-clock-wrapper.clearfix{*zoom:1}.flip-clock-wrapper{font:normal 11px "Helvetica Neue",Helvetica,sans-serif;-webkit-user-select:none}.flip-clock-meridium{background:none!important;box-shadow:0 0 0!important;font-size:36px!important}.flip-clock-meridium a{color:#313333}.flip-clock-wrapper{text-align:center;position:relative;width:100%;margin:1em;left:35px}.flip-clock-wrapper:before,.flip-clock-wrapper:after{content:" ";display:table}.flip-clock-wrapper:after{clear:both}.flip-clock-wrapper ul{position:relative;float:left;margin:5px;width:40px;height:50px;font-size:80px;font-weight:bold;line-height:87px;background:#6fdc5c}.flip-clock-wrapper ul li{z-index:1;position:absolute;left:0;top:0;width:100%;height:100%;line-height:52px;text-decoration:none!important}.flip-clock-wrapper ul li:first-child{z-index:2}.flip-clock-wrapper ul li a{display:block;height:100%;-webkit-perspective:200px;-moz-perspective:200px;perspective:200px;margin:0!important;overflow:visible!important;cursor:default!important}.flip-clock-wrapper ul li a div{z-index:1;position:absolute;left:0;width:100%;height:50%;font-size:80px;overflow:hidden;outline:1px solid transparent}.flip-clock-wrapper ul li a div .shadow{position:absolute;width:100%;height:100%;z-index:2}.flip-clock-wrapper ul li a div.up{-webkit-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-ms-transform-origin:50% 100%;-o-transform-origin:50% 100%;transform-origin:50% 100%;top:0}.flip-clock-wrapper ul li a div.up:after{content:"";position:absolute;top:44px;left:0;z-index:5;width:100%;height:3px;background-color:#000;background-color:rgba(0,0,0,0.4)}.flip-clock-wrapper ul li a div.down{-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;-ms-transform-origin:50% 0;-o-transform-origin:50% 0;transform-origin:50% 0;bottom:0;border-bottom-left-radius:6px;border-bottom-right-radius:6px}.flip-clock-wrapper ul li a div div.inn{position:absolute;left:0;z-index:1;width:100%;height:200%;color:#fff;text-shadow:0 1px 2px #58c246;text-align:center;background-color:#6fdc5c;font-size:48px}.flip-clock-wrapper ul li a div.up div.inn{top:0}.flip-clock-wrapper ul li a div.down div.inn{bottom:0}.flip-clock-wrapper ul.play li.flip-clock-before{z-index:3}//修改不透明度 .flip-clock-wrapper .flip{box-shadow:0 2px 5px rgba(0,0,0,0.7)}.flip-clock-wrapper ul.play li.flip-clock-active{-webkit-animation:asd .5s .5s linear both;-moz-animation:asd .5s .5s linear both;animation:asd .5s .5s linear both;z-index:5}.flip-clock-divider{float:left;display:inline-block;position:relative;width:20px;height:100px}.flip-clock-divider:first-child{width:0}.flip-clock-dot{display:none;background:#323434;width:10px;height:10px;position:absolute;border-radius:50%;box-shadow:0 0 5px rgba(0,0,0,0.5);left:5px}.flip-clock-divider .flip-clock-label{position:absolute;top:17px;right:-123px;font-size:24px;color:black;text-shadow:none}.flip-clock-divider.minutes .flip-clock-label{right:-88px}.flip-clock-divider.seconds .flip-clock-label{right:-91px}.flip-clock-dot.top{top:30px}.flip-clock-dot.bottom{bottom:30px}@-webkit-keyframes asd{0%{z-index:2}20%{z-index:4}100%{z-index:4}}@-moz-keyframes asd{0%{z-index:2}20%{z-index:4}100%{z-index:4}}@-o-keyframes asd{0%{z-index:2}20%{z-index:4}100%{z-index:4}}@keyframes asd{0%{z-index:2}20%{z-index:4}100%{z-index:4}}.flip-clock-wrapper ul.play li.flip-clock-active .down{z-index:2;-webkit-animation:turn .5s .5s linear both;-moz-animation:turn .5s .5s linear both;animation:turn .5s .5s linear both}@-webkit-keyframes turn{0%{-webkit-transform:rotateX(90deg)}100%{-webkit-transform:rotateX(0deg)}}@-moz-keyframes turn{0%{-moz-transform:rotateX(90deg)}100%{-moz-transform:rotateX(0deg)}}@-o-keyframes turn{0%{-o-transform:rotateX(90deg)}100%{-o-transform:rotateX(0deg)}}@keyframes turn{0%{transform:rotateX(90deg)}100%{transform:rotateX(0deg)}}.flip-clock-wrapper ul.play li.flip-clock-before .up{z-index:2;-webkit-animation:turn2 .5s linear both;-moz-animation:turn2 .5s linear both;animation:turn2 .5s linear both}@-webkit-keyframes turn2{0%{-webkit-transform:rotateX(0deg)}100%{-webkit-transform:rotateX(-90deg)}}@-moz-keyframes turn2{0%{-moz-transform:rotateX(0deg)}100%{-moz-transform:rotateX(-90deg)}}@-o-keyframes turn2{0%{-o-transform:rotateX(0deg)}100%{-o-transform:rotateX(-90deg)}}@keyframes turn2{0%{transform:rotateX(0deg)}
100%{transform:rotateX(-90deg)}}.flip-clock-wrapper ul li.flip-clock-active{z-index:3}.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow{background:-moz-linear-gradient(top,rgba(0,0,0,0.1) 0,black 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0.1)),color-stop(100%,black));background:linear,top,rgba(0,0,0,0.1) 0,black 100%;background:-o-linear-gradient(top,rgba(0,0,0,0.1) 0,black 100%);background:-ms-linear-gradient(top,rgba(0,0,0,0.1) 0,black 100%);background:linear,to bottom,rgba(0,0,0,0.1) 0,black 100%;-webkit-animation:show .5s linear both;-moz-animation:show .5s linear both;animation:show .5s linear both}.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow{background:-moz-linear-gradient(top,rgba(0,0,0,0.1) 0,#6fdc5c 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0.1)),color-stop(100%,black));background:linear,top,rgba(0,0,0,0.1) 0,#6fdc5c 100%;background:-o-linear-gradient(top,rgba(0,0,0,0.1) 0,#6fdc5c 100%);background:-ms-linear-gradient(top,rgba(0,0,0,0.1) 0,#6fdc5c 100%);background:linear,to bottom,rgba(0,0,0,0.1) 0,#6fdc5c 100%;-webkit-animation:hide .5s .3s linear both;-moz-animation:hide .5s .3s linear both;animation:hide .5s .3s linear both}.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow{background:-moz-linear-gradient(top,black 0,rgba(0,0,0,0.1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,black),color-stop(100%,rgba(0,0,0,0.1)));background:linear,top,black 0,rgba(0,0,0,0.1) 100%;background:-o-linear-gradient(top,black 0,rgba(0,0,0,0.1) 100%);background:-ms-linear-gradient(top,black 0,rgba(0,0,0,0.1) 100%);background:linear,to bottom,black 0,rgba(0,0,0,0.1) 100%;-webkit-animation:show .5s linear both;-moz-animation:show .5s linear both;animation:show .5s linear both}.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow{background:-moz-linear-gradient(top,black 0,rgba(0,0,0,0.1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,black),color-stop(100%,rgba(0,0,0,0.1)));background:linear,top,black 0,rgba(0,0,0,0.1) 100%;background:-o-linear-gradient(top,black 0,rgba(0,0,0,0.1) 100%);background:-ms-linear-gradient(top,black 0,rgba(0,0,0,0.1) 100%);background:linear,to bottom,black 0,rgba(0,0,0,0.1) 100%;-webkit-animation:hide .5s .3s linear both;-moz-animation:hide .5s .3s linear both;animation:hide .5s .2s linear both}@-webkit-keyframes show{0%{opacity:0}100%{opacity:1}}@-moz-keyframes show{0%{opacity:0}100%{opacity:1}}@-o-keyframes show{0%{opacity:0}100%{opacity:1}}@keyframes show{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes hide{0%{opacity:1}100%{opacity:0}}@-moz-keyframes hide{0%{opacity:1}100%{opacity:0}}@-o-keyframes hide{0%{opacity:1}100%{opacity:0}}@keyframes hide{0%{opacity:1}100%{opacity:0}}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important;visibility:hidden!important}.main-content .main{width:650px}.main-content .main .match-event .match-name{display:inline-block;margin-right:5px;color:#000}.main-content .main .match-event .hot-match{margin-bottom:5px}.main-content .main .match-event ul.hot-match li{display:inline-block;width:320px;margin:5px 0;padding:0 3px}.main-content .main .match-event ul.hot-match li a.gray:hover{color:#999}.main-content .main .match-event .hot-video .hot-group{width:650px;overflow:hidden;white-space:nowrap;text-overflow:clip;line-height:26px}.main-content .main .match-event .hot-video .link{display:inline-block}.main-content .main .match-event .hot-video .link .point{color:#7f7f7f}.main-content .main .match-event .hot-video a{color:#444}.main-content .main .match-event .sport{position:relative}.main-content .main .match-event .sport .sport-legend span{margin-left:5px;color:#6fdc5c}.main-content .main .match-event .sport .sport-legend img{vertical-align:bottom}.main-content .main .match-event .basketball .sport-legend span{color:#3b8cba}.main-content .main .match-event .complex .sport-legend span{color:#274675}.main-content .main .match-event .soccer{border-color:#58c246;margin-bottom:10px}.main-content .main .live-match{margin-top:10px;position:relative}.main-content .main .live-match .header{height:55px;line-height:55px;border-bottom:5px solid #3b8cba}.main-content .main .live-match .header .match-legend{font-size:24px;width:108px}.main-content .main .live-match .header .nav{margin-left:14px;margin-top:0;background-color:#3b8cba}.main-content .main .live-match .header .nav li{width:106px}.main-content .main .live-match .header .nav li a{text-align:center;height:50px;line-height:25px}.main-content .main .live-match .header .nav li a img{padding-right:10px}.main-content .main .live-match .header .nav li a.active{background-color:#64a9d0}.main-content .main .live-match .header .nav li .line{position:absolute;top:27%;bottom:9px;border-left:1px solid #2f7095}
.main-content .main .live-match .header .nav>li>a:hover,.main-content .main .live-match .header .nav>li>a:focus{background-color:#64a9d0}.main-content .main .live-match .header .navbar-nav>li>a{padding-bottom:13px;padding-top:13px}.main-content .main .live-match .date-filter{position:absolute;left:-47px;background-color:#eff6fa}.main-content .main .live-match .date-filter ul{margin-bottom:0}.main-content .main .live-match .date-filter ul li a{display:block;padding:10px 5px;font-size:16px;color:#444;text-decoration:none}.main-content .main .live-match .date-filter ul li a:hover,.main-content .main .live-match .date-filter ul li a.active{background-color:#94ee85}.main-content .main .live-match .date-filter ul li a.active{position:relative}.main-content .main .live-match .date-filter ul li a.active:after{content:"";display:block;position:absolute;top:8px;left:41px;width:0;height:0;border-style:solid;border-width:11px 0 11px 11px;border-color:transparent transparent transparent #94ee85}.end-match h4{background-color:#f4f4f4;color:#123f58;padding:10px}.end-match .box-cont ul li{list-style:none;padding:10px 5px;border-bottom:1px dotted #e1e1e1}.end-match .box-cont ul li a{color:#444;margin-right:10px}.end-match .box-cont ul li .point{font-size:16px;font-weight:bold;color:#c3c3c3;display:inline-block;width:16px;text-align:center;margin:0;padding:0}.end-match .box-cont .time{margin-right:10px}.match-info{margin-top:20px}.match-info .line{color:#6fdc5c}.match-info .title{text-align:center;overflow:hidden}.match-info .title .date{display:inline-block;padding:4px 30px;color:#fff;background-color:#123f58;font-size:16px}.match-info .title .description{display:inline-block;margin-left:-5px;background-color:#6fdc5c;color:#fff;padding:4px 30px;font-size:16px}.match-info .content{background-color:#f8f8f8;margin:15px 0}.match-info .content h4{text-align:center;padding:10px;margin:0;font-size:16px;color:#999}.match-info .content .channel-list{padding:5px 10px;background-color:#f1f1f1}.match-info .content .channel-list span{color:#123f58;margin-right:10px}.match-info .content .channel-list a{background:#f00;display:inline-block;padding:5px;font-size:13px;color:#fff;margin:7px 2px}.match-info .content .channel-list a:hover{background:#dc3030;color:#fff}.match-info .content .channel-list h4 a{font-size:16px;margin-left:5px;color:#123f58}.match-info ul.zibuoMainList{margin:0 auto;background:#9e9e9e;color:#fff}.zibuoMainList p img{margin-bottom:-5px;margin-left:6px;width:60px}.channel-list span{font-size:16px}