@charset "utf-8";

div table:nth-last-of-type(1) {border-bottom:1px solid #eee;}

.VS {background: #fff;padding:10px;margin-bottom:10px;}
.VS table {border:none;}
.VS > h3 {color:#4c7f58;text-align: center;font-size:15px;line-height:32px;}
.VS > p {line-height:13px; font-size: 13px;padding-top:30px;}
.VS > p b {padding-right:20px;border-right:1px solid #999;display: inline-block;font-weight: normal;color:#4c7f58;width: 379px;float: left;text-align: right;}
.VS > p > span {display: inline-block;padding-left: 20px;float: left;width:380px;text-align: left;}
.VS > ul:nth-of-type(1) {position: relative;margin:0 35px;clear: both;}
.VS > ul:nth-of-type(1)::before {display: inline-block;content: "VS";position: absolute;left:0;top:0;right:0;margin:0 auto;line-height: 70px;font-size: 16px;width: 66px;text-align: center;}
.VS > ul:nth-of-type(1) > li {float:left;}
.VS > ul:nth-of-type(1) > li span {float: left;line-height: 70px;}
.VS > ul:nth-of-type(1) > li p {float: left;font-weight: bold;line-height: 70px;color:#df4930;padding-right:33px;text-align: right;width: 262px;font-size: 21px;}
.VS > ul:nth-of-type(1) > li:nth-last-of-type(1) {}
.VS > ul:nth-of-type(1) > li:nth-last-of-type(1) span {float: right;}
.VS > ul:nth-of-type(1) > li:nth-last-of-type(1) p {float: right;color:#459dd0;padding-right:0;padding-left:33px;text-align: left;}
.VS > ul:nth-of-type(2) {}
.VS > ul:nth-of-type(2) > li {float:left;width: ;}
.VS > ul:nth-of-type(2) > li > p {float:left;width: 40px;font-weight: bold;font-size:15px;border-right:5px solid #eee;line-height: 30px; }
.VS > ul:nth-of-type(2) > li div {float:left;height: 20px;width: 355px;border-top:5px solid #eee;border-bottom:5px solid #eee;position:relative;}
.VS > ul:nth-of-type(2) > li div > p {float:right;background: #ed8e7e;height: 20px;}
.VS > ul:nth-of-type(2) > li div > span {text-align: right;line-height: 20px;border-right:1px solid #fff;color:#fff;font-weight: bold;position: absolute;right:0;top:0;padding-right: 10px;}
.VS > ul:nth-of-type(2) > li:nth-last-of-type(1) {float:right;text-align: right;}
.VS > ul:nth-of-type(2) > li:nth-last-of-type(1) > p {float:right;border-right:none;border-left:5px solid #eee;}
.VS > ul:nth-of-type(2) > li:nth-last-of-type(1) div {float:right;}
.VS > ul:nth-of-type(2) > li:nth-last-of-type(1) div > p {float:left;background: #80b8d8;}
.VS > ul:nth-of-type(2) > li:nth-last-of-type(1) div > span {text-align: left;border-right:none;border-left:1px solid #fff;right:auto;left:0;padding:0 0 0 10px;}

.graph_stats {background: #fff;padding:10px 10px 25px;margin-bottom:10px;}
.graph_stats h3 {color:#4c7f58;text-align: center;font-size:15px;line-height:32px;}
.graph_stats > ul {width: 680px;height: 190px;font-size:14px;margin:0 auto 35px;}
.graph_stats > ul > li {width: 340px;height: 190px;border-bottom:1px solid #ccc;position:relative;float:left;}
.graph_stats > ul > li > div {width: 35px;height: 70px;overflow: hidden;position: absolute;right:1px;top:65px;}
.graph_stats > ul > li ul {position: absolute;right:97px;bottom:0;}
.graph_stats > ul > li ul > li {width:40px;text-align: center;position: relative;float:left;margin:0 5px;}
.graph_stats > ul > li ul > li > p {width:40px;line-height: 38px;text-align: center;position: absolute;left: 0;bottom:-38px;}
.graph_stats > ul > li ul li > div {position: relative;height: 185px;}
.graph_stats > ul > li ul li > div > p {position:absolute;bottom:0;left:0;width: 40px;background: #df4930;}
.graph_stats > ul > li ul li > div > p span {position: absolute;top:-30px;left:0;color:#df4930;text-align: center;width: 40px;line-height: 30px;}
.graph_stats > ul > li:nth-last-of-type(1) > div {right:auto;left:1px;}
.graph_stats > ul > li:nth-last-of-type(1) > div span {position: absolute;right:0;top:0;}
.graph_stats > ul > li:nth-last-of-type(1) ul {right:auto;left:97px;}
.graph_stats > ul > li:nth-last-of-type(1) ul li > div > p {background: #459dd0;}
.graph_stats > ul > li:nth-last-of-type(1) ul li > div > p span {color:#459dd0;}
.graph_stats > table.graph_stats_table {border:none;font-size:14px;}
.graph_stats > table.graph_stats_table td,.graph_stats > table.graph_stats_table th {border: none;background: none;line-height:30px; }
.graph_stats > table.graph_stats_table th.green {padding-top: 20px;}
.graph_stats > table.graph_stats_table td > div {width:320px;position:relative;height:25px ;}
.graph_stats > table.graph_stats_table td > div > div {width:270px;height:25px ;position:absolute;right:0;top:0;}
.graph_stats > table.graph_stats_table td > div > div > p {background: #df4930;height: 25px; position:absolute;right:0;top:0;}
.graph_stats > table.graph_stats_table td > div > div > p > span {position:absolute;left:-50px;top:0;width: 40px;text-align:right;line-height: 25px;}
.graph_stats > table.graph_stats_table td > div > span {position:absolute;right:10px;top:0;text-align:right;line-height: 25px;color:#fff;}
.graph_stats > table.graph_stats_table td:nth-last-of-type(1) > div > div {right:auto;left:0;}
.graph_stats > table.graph_stats_table td:nth-last-of-type(1) > div > div > p {background: #459dd0;right:auto;left:0;}
.graph_stats > table.graph_stats_table td:nth-last-of-type(1) > div > div > p > span {left:auto; right:-50px;text-align:left;}
.graph_stats > table.graph_stats_table td:nth-last-of-type(1) > div > span {right:auto; left:10px;text-align:left;}

.head_to_tead {background: #fff;padding:10px 10px 20px;}
.head_to_tead h3 {color:#4c7f58;text-align: center;font-size:15px;line-height:32px;}
.head_to_tead ul {text-align: center;margin: 0 auto;width: 420px;}
.head_to_tead ul li {float:left;width: 120px;margin:0 10px;font-size:14px;}
.head_to_tead ul li h4 {font-weight:normal;line-height: 35px;}
.head_to_tead ul li div {background: #ffa15b;height: 25px;line-height: 25px;position:relative;border-radius:3px;overflow: hidden;}
.head_to_tead ul li div p {background: #ff6c00;position:absolute;left:0;top:0;height: 100%;}
.head_to_tead ul li div span {position:relative;z-index: 1;color: #fff;}
.head_to_tead ul li b {color:#ff6c00; line-height: 35px;}
.head_to_tead ul li:nth-of-type(2) div {background: #bbb;}
.head_to_tead ul li:nth-of-type(2) div p {background: #888;}
.head_to_tead ul li:nth-of-type(2) b {color:#666;}
.head_to_tead ul li:nth-of-type(3) div {background: #73bbff;}
.head_to_tead ul li:nth-of-type(3) div p {background: #1a91ff;}
.head_to_tead ul li:nth-of-type(3) b {color:#1a91ff;}
div table.head_to_tead_table {line-height: 30px;border:none;font-size: 14px;}
table.head_to_tead_table th {background: none;}
table.head_to_tead_table td {}
table.head_to_tead_table td div {height: 22px;width:270px ;position:relative;overflow: hidden;border-radius: 3px;background: #ecf5e5;float:right;}
table.head_to_tead_table td div p {position: absolute;right:0;top:0;height: 100%;background: #4c7f58;line-height: 22px;}
table.head_to_tead_table td div span {line-height: 22px;position: absolute;right: 10px;top:0;color:#fff;}
table.head_to_tead_table td > span {float:right;line-height: 22px;width: 30px;text-align: right;margin:0 10px;}
table.head_to_tead_table td:nth-last-of-type(1) div {float:left;}
table.head_to_tead_table td:nth-last-of-type(1) div p {left:0;right:auto;}
table.head_to_tead_table td:nth-last-of-type(1) div span {right:auto;left: 10px;}
table.head_to_tead_table td:nth-last-of-type(1) > span {float:left;text-align: left;}


.in_choice.league_info > ul > li.on {height:632px;}
.in_choice.league_info > ul > li > div table {border-bottom:1px solid #eee;}