html,body {position: relative;width: 100%;}
body {background: url(/images/bg1.jpg) top center no-repeat;background-size: cover;}
option {color: #666;}

.container {max-width: 1200px;margin-top: 23px;padding-bottom: 94px;}
.name-con > form {position: relative;display: block;height: 48px;background: url(/images/ss.png) 12px center no-repeat rgba(102, 102, 102, 0.5);border-radius: 3px;}
.name-con > form > hr {float: left;width: 0px;height: 36px;background-color: rgba(0, 0, 0, 0);margin: 6px 10px 6px 49px;}
.name-con > form .platform {position: relative;float: left;width: 81px;height: 28px;line-height: 28px;border-radius: 3px;border: 1px solid #888;margin: 10px 0;text-indent: 6px;font-size: 16px;color: #fff;background: transparent;}
.name-con > form .platform::before {content: '';position: absolute;right: 7px;top: 10px;border-top: 7px solid #fff;border-left: 7.5px solid transparent;border-right: 7.5px solid transparent;}
.name-con > form > .nickname {margin: 9px 0 9px 8px;outline: none;height: 30px;line-height: 30px;font-size: 16px;color: #fff;padding-left: 0;background-color: transparent;}
.name-con > form > .submit {position: absolute;width: 80px;height: 36px;line-height: 36px;background-color: #00b4ff;border-radius: 3px;color: #fff;font-size: 18px;text-align: center;right: 6px;top: 6px;}

.top-bar {margin: 17px 0 23px 0;position: relative;display: flex;align-items: center;height: 98px;background: url(/images/bg3.png) center center no-repeat;background-size: contain;}
.top-bar > img {display: block;width: 100%;}
.player-avatar {position: absolute;width: 12.5%;top: 6%;left: 3.833%;}
.player-avatar > img {display: block;width: 100%;}
.player-name {color: #fff;font-size: 24px;letter-spacing: 1px;margin-left: 20px;}
.player-name p {font-size: 16px;color: #00b4ff;}
.select-list {}
.select-list-btn > a {position: relative;display: block;}
.select-list-btn > a > img {display: block;width: 100%;}
.select-list-btn > a > font {position: absolute;font-size: 14px;color: #fff;left: 50%;top: 50%;transform: translate(-50%,-50%);}

.life-data {margin-bottom: 38px;}
.total-data {padding-right: 0;}
.cur-data {padding-left: 0;}
.total-data-con {position: relative;margin-right: 4px;background: url(/images/bg4.png) left center no-repeat;background-size: cover;height: 138px;font-size: 30px;}
.total-data-con::before,.cur-data-con::before {content: "生涯数据";position: absolute;left: 6%;top: 50%;transform: translateY(-50%);width: 2em;height: 2em;font-size: 1em;line-height: 1em;color: #fff;}
/*.cur-data-con {position: relative;margin-left: 4px;background: url(/images/bg4_2.png) right center no-repeat;background-size: contain;height: 138px;font-size: 30px;}
.cur-data-con::before {content: "当前赛季";}*/
.total-data-con-inner,.total-data-item,.cur-data-con-inner,.cur-data-item,.match-data-con,.match-data-m-item,.match-data-b > .first,.match-data-b-item,.match-data-b > .two,.history-total,.history-total-b > .first,.history-total-b-item,.history-total-b > .two {padding: 0;}
.total-data-item,.cur-data-item {height: 138px;background: url(/images/s1.png) left center no-repeat;}
.total-data-item em,.cur-data-item em {display: block;margin: 39px 0 0 15%;}
.total-data-item em p,.cur-data-item em p {font-size: 16px;color: #00b4ff;margin-bottom: 5px;}
.total-data-item em font,.cur-data-item em font {font-size: 26px;color: #fff;}

.match-data {margin-bottom: 44px;}
.match-data-con {}
.match-data-con-inner {position: relative;margin-left: 14px;height: 424px;background: url(/images/bg5.png) left top no-repeat;background-size: cover;overflow: hidden;}
.match-data-con-inner.duo {background-image: url(/images/bg6.png);}
.match-data-con-inner.squad {background-image: url(/images/bg7.png);}
.match-data-title {line-height: 38px;margin: 30px 6.4% 10px 9.46%;font-size: 30px;color: #00b4ff;}
.duo .match-data-title {color: #6cc860;}
.squad .match-data-title {color: #f96ee2;}
.match-data-title-right {float: right;line-height: 38px;background: url(/images/s2.png) left center no-repeat;padding-left: 12px;font-size: 20px;color: #fff;}
.duo .match-data-title-right {background-image: url(/images/s3.png);}
.squad .match-data-title-right {background-image: url(/images/s4.png);}
.match-data-title-right font {font-size: 16px;color: #00b4ff;}
.duo .match-data-title-right font {color: #6cc860;}
.squad .match-data-title-right font {color: #f96ee2;}
.match-data-btn {position: relative;height: 45px;}
.match-data-btn a {position: absolute;width: 129px;height: 39px;line-height: 44px;font-size: 18px;text-align: center;bottom: 0;right: 0;background: url(/images/btnc1.png);color: #fff;}
.match-data-btn.duo a {background-image: url(/images/btnc2.png);}
.match-data-btn.squad a {background-image: url(/images/btnc3.png);}
.match-data-m {position: absolute;left: 14px;right: 0;top: 22.88%;}
.match-data-m img {display: block;width: 90%;max-width: 86px;margin: 0 auto 11px auto;}
.match-data-m p {text-align: center;font-size: 20px;line-height: 20px;color: #fff;}
.match-data-b,.history-total-b {position: absolute;left: 0;right: 0;bottom: 17px;height: 157px;}
.match-data-b > .first,.history-total-b > .first {border-right: 1px solid #383838;}
.match-data-b-item,.history-total-b-item {height: 82px;margin: 0 5px 0 9px;background: url(/images/s1.png) 15.8% center no-repeat;overflow: hidden;}
.duo .match-data-b-item {background-image: url(/images/s12.png);}
.squad .match-data-b-item {background-image: url(/images/s22.png);}
.match-data-b-item.first,.history-total-b-item.first {border-bottom: 1px solid #383838;}
.match-data-b-item em,.history-total-b-item em {display: block;margin: 12px 0 0 26.776%;}
.match-data-b-item em p,.history-total-b-item em p {font-size: 16px;line-height: 16px;color: #00b4ff;margin-bottom: 9px;}
.duo .match-data-b-item em p {color: #6cc860;}
.squad .match-data-b-item em p {color: #f96ee2;}
.match-data-b-item em font,.history-total-b-item em font {font-size: 26px;color: #fff;}

.match-history {padding-right: 0;}
.match-history-title,.history-total-title {line-height: 38px;background: url(/images/s5.png) left center no-repeat;font-size: 28px;color: #fff;letter-spacing: 1px;text-indent: 25px;margin-bottom: 18px;}
.match-history-inner {position: relative;height: 669px;background-color: rgba(0, 0, 0, 0.5);padding: 31px 0 53px 0;}
.match-history-item {margin: 0 18px 17px 18px;height: 58px;background: url(/images/bg2.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-item.even {background-image: url(/images/bg2_2.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 .six {font-size: 13px;}
.match-history-item.fail .five {color: #ff1212;}
.match-history-btn {position: absolute;width: 129px;height: 39px;line-height: 44px;font-size: 18px;text-align: center;bottom: -5px;right: -2px;background: url(/images/btnc1.png);color: #fff;}

.history-total {padding-left: 19px;}
.history-total-inner {position: relative;height: 669px;background-color: rgba(0, 0, 0, 0.5);overflow: hidden;}
.history-total-top {height: 159px;margin: 38px 20px 0 20px;}
.history-total-charts {float: left;width: 150px;height: 150px;}
.history-total-charts-data {float: left;margin: 20px 0 0 20px;}
.history-total-charts-data p {line-height: 20px;font-size: 16px;color: #fff;padding-left: 16px;background: url(/images/s6.png) left center no-repeat;margin-bottom: 33px;cursor: pointer;}
.history-total-charts-data p.active {font-size: 18px;}
.history-total-charts-data p font {font-size: 20px;color: #f96ee2;}
.history-total-charts-data p.active font {font-size: 22px;}
.history-total-charts-data p.duo {background-image: url(/images/s7.png);}
.history-total-charts-data p.squad {background-image: url(/images/s8.png);}
.history-total-charts-data p.duo font {color: #6cc860;}
.history-total-charts-data p.squad font {color: #00b4ff;}
.history-total-charts-data p:last-child {margin-bottom: 0;}
.history-total-m {margin-top: 67px;}
.history-total-m img {display: block;width: 90%;margin: 0 auto 24px auto;}
.history-total-m p {text-align: center;font-size: 22px;line-height: 22px;color: #fff;}
.history-total-b {bottom: 30px;}

@media (max-width: 640px){
  .container {width: 100%;height: 100%;}
}
@media (min-width: 729px){
	.mb-logo {display: none;}
}
@media (max-width: 728px){
	.top-bar {background: rgba(0,0,0,.5);height: auto;display: block;}
	.player-name {margin: 20px 0 0 0;}
	.player-name font {font-size: .4rem;}
	.select-list-btn {height: 33px;line-height: 33px;margin: 0 0 5px 0;padding: 0;text-align: center;}
	.select-list-btn > a > img {display: none;}
	.select-list-btn a {background: #666;margin-right: 15px;}
	.select-list-btn.active a {background: #00b4ff;}
	.select-list-btn > a > font {position: relative;left: 0;bottom: 0;transform: none;font-size: .25rem;}
	.total-data {padding: 0;}
	.total-data-con {margin-right: 0;background: rgba(0,0,0,.5);}
	.total-data-con::before, .cur-data-con::before {width: .8rem;height: .8rem;font-size: .4rem;line-height: .4rem;}
	.match-data {margin-bottom: 0;}
	.match-data-con {margin-bottom: 20px;}
	.match-data-con-inner {margin-left: 0;font-size: .6rem;}
	.match-data-title-right {font-size: .45rem;}
	.match-history {padding: 0;margin-bottom: 20px;}
	.match-history-inner {height: auto;}
	.match-history-item {margin: 0;height: 40px;line-height: 40px;font-size: .3rem;background: #383838;margin-bottom: 5px;}
	.match-history-item.fail {background: #212121;}
	.history-total {padding: 0;}
	.name-con > form {background: rgba(102, 102, 102, 0.5);}
	.mb-logo {display: block;text-align: center;margin-bottom: 10px;}
	.mb-logo img {display: inline-block;width: 100%;max-width: 163px;}
	body {padding: 0px 12px;}
	.name-con > form .platform{background-image:none!important;}
}