@charset "UTF-8";body,html{margin:0;width:800px;padding:0;overflow:hidden;background-color:#343434}#playground{margin:0 auto;font-family:'Helvetica, Arial','Hiragino Sans GB','冬青黑体','Microsoft YaHei','微软雅黑',serif;background:#343434;position:relative}.panel,.panel .team .name{font-family:'Microsoft YaHei','微软雅黑','Helvetica, Arial','Hiragino Sans GB','冬青黑体',serif;color:#fff}.event-level{display:inline-block;width:10px;height:10px}.panel{position:absolute;width:100%;height:100px;line-height:100px;display:none;bottom:0;background-color:#2b2b2b}.panel>div{display:block;float:left;height:100%}.panel .team{width:300px}.panel .team .flag{width:70px;height:70px;border-radius:0 !important;background-size:contain !important;background-position:center;background-repeat:no-repeat;}.panel .team .name{height:100%;margin:0 auto;text-align:center;font-size:20px;display:block}.panel .score-area{width:180px}.panel .home .flag{margin:10px;float:left}.panel .home .name{text-align:left}.panel .away .flag{margin:10px;float:right}.panel .away .name{text-align:right}.panel .score-area .upper{width:100%;height:30px;line-height:48px;margin:0 auto;display:block;text-align:center;font-size:15px;position:relative}.panel .score-area .upper .minute{right:95px;position:absolute}.panel .score-area .upper .second{left:95px;position:absolute}.panel .score-area .upper .ot{position:absolute;display:block;width:100px;left:109px;top:0}.panel .score-area .lower{width:100%;height:40px;line-height:40px;margin:10px auto;display:block;text-align:center;font-size:35px}.panel .score-area .lower .lower-team{display:inline-block;position:relative;height:30px;width:20px;line-height:normal;top:3px;background-repeat:no-repeat;background-position:center}.panel .score-area .lower .score{display:inline-block;width:40px;height:40px;position:relative;z-index:1}.panel .score-area .lower .score:after,.panel .score-area .lower .score:before{content:"";width:100%;background-color:#000;position:absolute;left:0;height:50%;z-index:-1}.panel .score-area .lower .score:before{top:0;border-radius:5px 5px 0 0}.panel .score-area .lower .score:after{top:50%;margin-top:1px;border-radius:0 0 5px 5px}.panel .score-area .lower .change{color:#FDC003}#loading{top:100px;width:100%;height:100%;position:absolute;z-index:100;color:#fff;cursor:pointer}#loading div{text-align:center;top:100px;width:100%;left:0;right:0;font-size:30px}#scoreBoard,#scoreBoard .board-footer .event-name{font-size:12px}#scoreBoard{display:none;position:absolute;top:0;left:0;right:0;margin:0 auto;width:520px;height:170px;color:#fff;z-index:50;border-radius:5px;font-family:'微软雅黑','宋体',Arial,'Segoe UI',sans-serif}#scoreBoard .board-footer .event-name,#scoreBoard .board-panel .score-area .status{font-family:'Microsoft YaHei','微软雅黑','Helvetica, Arial','Hiragino Sans GB','冬青黑体',serif}#scoreBoard .board-header{width:100%;height:20px;background:#000}#scoreBoard .board-header>span{display:none;visibility:hidden}#scoreBoard .board-footer{position:relative}#scoreBoard .board-footer span{display:inline;margin-right:10px;visibility:hidden}#scoreBoard .board-footer .half-score{float:right}#scoreBoard .board-panel{width:100%;height:150px;position:relative}#scoreBoard .board-panel .mask{position:absolute;width:100%;height:150px;top:0;left:0;background-color:rgba(0,0,0,.7);z-index:-1}#scoreBoard .board-panel>div{float:left}#scoreBoard .board-panel .team{width:180px;height:100%;text-align:center}#scoreBoard .board-panel .team .flag{width:80px;height:80px;margin:5px auto;display:block;border-radius:0 !important;background-size:contain !important;background-repeat:no-repeat;background-position:center;}#scoreBoard .board-panel .team .name{margin:10px auto;font-size:20px;color:#fff}#scoreBoard .board-panel .score-area .content,#scoreBoard .board-panel .score-area .ready,#scoreBoard .board-panel .score-area .status{margin:10px auto;font-size:30px;text-align:center}#scoreBoard .board-panel .score-area{width:160px;height:100%}#scoreBoard .board-panel .score-area .content{font-family:Verdana,serif;display:none}#scoreBoard .board-panel .score-area .content span{display:inline-block;width:20%}#scoreBoard .board-panel .score-area .content span.away-score,#scoreBoard .board-panel .score-area .content span.home-score{width:40%}#scoreBoard .board-footer{width:100%;height:70px;background:#000;color:#999;display:none}#scoreBoard .board-footer table{width:100%;font-size:12px}#scoreBoard .board-footer td{text-align:center}#scoreBoard .board-footer th{height:20px}#scoreBoard .control,#scoreBoard .corner-kick,#scoreBoard .red-card,#scoreBoard .shoots,#scoreBoard .yellow-card{font-family:Verdana,serif}#scoreBoard .control{color:#ffb400}#scoreBoard .match-tips{position:absolute;top:200px;left:0;right:0;text-align:center;font-size:20px;color:#ffb400;font-family:'Microsoft YaHei','微软雅黑','Helvetica, Arial','Hiragino Sans GB','冬青黑体',serif;display:none}.card-tip,.goal-tooltip,.normal-tooltip{position:absolute;top:60px;z-index:2}.goal-tooltip{margin:0 auto;left:0;right:0;width:220px;height:65px;font-size:10px}.goal-tooltip .header{border-radius:5px;background-color:#fff;height:54px;line-height:30px;width:100%;white-space:nowrap;overflow:hidden}.goal-tooltip .time{border-radius:3px;background-color:#FDC003;color:#fff;width:40px;height:40px;line-height:40px;margin:7px;font-size:20px}.goal-tooltip .description{line-height:24px;width:160px;font-size:18px;float:left;display:block;text-align:right;overflow:hidden;font-family:'Microsoft YaHei','微软雅黑',serif}.goal-tooltip .footer{background-color:#000;height:35px;line-height:30px;width:100%;color:#fff}.goal-tooltip .footer .score{width:80px;font-size:20px;margin:0 auto;text-align:center}.goal-tooltip .footer .score .change{color:#FDC003}.goal-tooltip .footer span{display:block;float:left;font-size:25px}.goal-tooltip .footer span span.away,.goal-tooltip .footer span.home{width:30px}.goal-tooltip .footer span span.colons{width:20px}.tooltip{display:none}.tooltip .time{float:left;display:block;text-align:center;overflow:hidden}.card-tip .card,.card-tip .content,.normal-tooltip .content{display:inline-block}.tooltip .away .time{float:right;background-color:#01bdff}.normal-tooltip{width:220px;height:65px;font-size:10px;left:50%;margin-left:-110px}.normal-tooltip .header{border-radius:5px;background-color:#fff;height:54px;width:100%;white-space:nowrap;overflow:hidden}.normal-tooltip .footer{background-color:#000;height:35px;line-height:35px;width:100%;color:#fff;text-align:center;border-radius:5px}.normal-tooltip .time{width:40px;height:40px;line-height:40px;margin:7px;font-size:20px;border-radius:3px;background-color:#FDC003;display:block;float:left;color:#fff}.normal-tooltip.away .time{background-color:#01bdff;float:right}.normal-tooltip.away .content .text{text-align:left;margin-left:10px}.normal-tooltip .content{margin-left:-5px}.normal-tooltip .content .text{display:block;width:167px;font-size:18px;text-align:right;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.normal-tooltip .footer span{width:130px;font-size:20px}.card-tip{width:200px;height:65px;font-size:10px;left:0;right:0;margin:0 auto}.card-tip .footer,.card-tip .header{height:40px;line-height:40px;width:100%}.card-tip .header{border-radius:5px;background-color:#fff;white-space:nowrap;overflow:hidden}.card-tip .footer{background-color:#000;color:#fff;display:none}.card-tip .card{width:19px;height:19px;margin:10px;visibility:hidden;text-align:center;overflow:hidden;float:left}.card-tip .card.yellow2red{background-image:url(../img/icon-2yc.png);visibility:visible}.card-tip .card.yellow{background-image:url(../img/icon-yc.png);visibility:visible}.card-tip .card.red{background-image:url(../img/icon-rc.png);visibility:visible}.card-tip .card.transfer{background-image:url(../img/icon-austauschen.png);visibility:visible}.card-tip .content{width:150px;font-size:16px;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#tips .status,.tip{top:0;display:none;left:0;position:absolute}.tip{font-size:23px;color:#fff;white-space:nowrap}#tips .status{right:0;padding-top:16px;padding-bottom:16px;margin:0 auto;width:220px;height:40px;border-radius:10px;background-color:#fff}#tips .status div{display:inline-block}#tips .status .text{text-align:center;font-size:22px;color:#333;display:inline-block;overflow:hidden;width:155px;white-space:nowrap}#tips .status .whistle{display:inline-block;margin-left:20px;width:30px;height:30px;background:url(../img/whistle.png) center/auto 30px}#tips .minute-label{width:100%;text-align:center}.penalty-board{top:41px;left:0;right:0;margin:0 auto;width:170px;height:49px;border-radius:2px;background-color:transparent;position:absolute;display:none}.penalty-board .points{width:100%;height:24px;background-color:#000;overflow:hidden}.penalty-board .points .sign{width:4px;height:100%;border-radius:2px;display:inline-block;vertical-align:top}.penalty-board .home .sign{background-color:#FDC003}.penalty-board .away .sign{background-color:#01bdff}.penalty-board .away{margin-top:1px}.penalty-board .points-container{width:140px;height:100%;margin-left:5px;display:inline-block;vertical-align:top}.penalty-board .icon{width:18px;height:18px;margin:3px 5px 0 4px;display:inline-block;background-size:auto 18px;background-position:center}.penalty-board .icon-goal{background-image:url(../img/pk-o.png)}.penalty-board .icon-not-goal{background-image:url(../img/pk-x.png)}.penalty-board .penalty-score{display:inline-block;vertical-align:top;color:gray;font-size:16px}