.match-history {padding-right: 0;}
.match-history-title {height: 82px;background: rgba(0, 0, 0, 0.5);letter-spacing: 1px;}
.match-history-title span {position: relative;line-height: 82px;font-size: 24px;color: #666;text-align: center;cursor: pointer;padding: 0;text-indent: 0;}
.match-history-title span.active {color: #00b4ff;background: url(/images/s10.png) center 56px no-repeat;}
.match-history-title span:hover {color: #00b4ff;background: url(/images/s10.png) center 56px no-repeat;}

.match-history-inner {position: relative;background-color: rgba(0, 0, 0, 0.5);padding: 0 0 53px 0;}
.history-total {height: 160px;margin: 0 15px 15px 15px;background: #202121;padding: 0;}
.history-time {line-height: 71px;background: url(/images/s5.png) left center no-repeat;font-size: 32px;color: #fff;letter-spacing: 2px;text-indent: 1em;font-weight: 700;}
.history-total-bar {height: 63px;}
.history-total-item {height: 63px;background: url(/images/s11.png) 20% center no-repeat;}
.history-total-item em {display: block;margin: 2% 0 0 30%;}
.history-total-item em p {color: #888;font-size: 16px;}
.history-total-item em font {font-size: 28px;color: #fff;font-weight: 700;letter-spacing: 1px;}

.match-history-item {margin: 0 18px 17px 18px;height: 58px;background: url(/images/bg13.png) left center no-repeat;background-size: contain;font-size: 16px;color: #fff;line-height: 58px;text-align: center;letter-spacing: 1px;cursor: pointer;transition: opacity .5s;}
.match-history-inner .match-history-item:nth-of-type(n+5) {display: none;}
.match-history-item.even {background-image: url(/images/bg14.png);}
.match-history-item:hover {opacity: .8;}
.match-history-item .first {font-size: 20px;color: #86ff79;font-weight: 700;}
.match-history-item.fail .first {color: #ff1212;}
.match-history-item .two {color: #999;}
.match-history-item .five {color: #86ff79;}
.match-history-item.fail .five {color: #ff1212;}

.match-history-btn {margin: 0 18px 17px 18px;height: 58px;background: url(/images/bg15.png) left center no-repeat;background-size: contain;font-size: 16px;color: #fff;line-height: 58px;text-align: center;letter-spacing: 1px;cursor: pointer;transition: opacity .5s;}
.match-history-btn i {display: inline-block;width: 20px;height: 14px;background: url(/images/up.png);transform: rotateX(180deg);}
.match-history-btn.active i {transform: rotateX(0deg);}

@media (max-width: 728px){
	.match-history-title span {font-size: .3rem;}
	.history-total {margin: 0 0 15px 0;height: auto;}
	.match-history-item {margin: 0 0 17px 0;background: #383838;font-size: .25rem;}
	.match-history-item.fail {background: #212121;}
	.match-history-item .first {font-size: .3rem;}
}