article,
aside,
blockquote,
body,
button,
code,
dd,
div,
dl,
dt,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
input,
legend,
li,
menu,
nav,
ol,
p,
pre,
section,
td,
textarea,
th,
ul {
	margin: 0;
	padding: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: 700
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

caption,
th {
	text-align: left
}

fieldset,
img {
	border: 0
}

li {
	list-style: none
}

em,
i {
	font-style: normal
}

body {
	color: #000;
	font-size: 14px;
	line-height: 1.5;
	position: relative
}

button,
input,
optgroup,
option,
select,
textarea {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
	border-radius: 0
}

a {
	-webkit-touch-callout: none;
	text-decoration: none
}

*,
:after,
:before {
	box-sizing: border-box;
	word-wrap: break-word;
	word-break: break-word;
	-webkit-text-size-adjust: 100%
}

:focus {
	outline: 0;
	-webkit-tap-highlight-color: transparent
}

.rc-pagination {
	font-size: 16px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	padding: 0;
	display: inline-block;
	vertical-align: top
}

.rc-pagination>li {
	list-style: none
}

.rc-pagination-total-text {
	float: left;
	height: 30px;
	line-height: 30px;
	list-style: none;
	padding: 0;
	margin: 0 8px 0 0
}

.rc-pagination:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	overflow: hidden;
	visibility: hidden
}

.rc-pagination-item {
	cursor: pointer;
	min-width: 15px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	list-style: none;
	float: left;
	margin-right: 8px
}

.rc-pagination-item a {
	text-decoration: none;
	color: #888
}

.rc-pagination-item:hover {
	border-color: #2db7f5
}

.rc-pagination-item:hover a {
	color: #fff
}

.rc-pagination-item-disabled {
	pointer-events: none
}

.rc-pagination-item-disabled:hover {
	border-color: #d9d9d9
}

.rc-pagination-item-disabled:hover a {
	color: #d9d9d9
}

.rc-pagination-item-active {
	color: #fff
}

.rc-pagination-item-active a {
	color: inherit
}

.rc-pagination-item-active:hover a {
	color: inherit
}

.rc-pagination-jump-next button,
.rc-pagination-jump-prev button {
	display: none
}

.rc-pagination-jump-next:after,
.rc-pagination-jump-prev:after {
	content: "•••";
	display: block;
	letter-spacing: -5px;
	color: #ccc;
	font-size: 12px;
	margin-top: 1px
}

.rc-pagination-jump-next:hover:after,
.rc-pagination-jump-prev:hover:after {
	color: #fff
}

.rc-pagination-jump-next-custom-icon,
.rc-pagination-jump-prev-custom-icon {
	position: relative
}

.rc-pagination-jump-next-custom-icon:after,
.rc-pagination-jump-prev-custom-icon:after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	transition: all .2s;
	content: "•••";
	opacity: 1;
	display: block;
	letter-spacing: 2px;
	color: #ccc;
	font-size: 12px;
	margin: 1px auto auto
}

.rc-pagination-jump-next-custom-icon .custom-icon-jump-next,
.rc-pagination-jump-next-custom-icon .custom-icon-jump-prev,
.rc-pagination-jump-prev-custom-icon .custom-icon-jump-next,
.rc-pagination-jump-prev-custom-icon .custom-icon-jump-prev {
	opacity: 0;
	transition: all .2s
}

.rc-pagination-jump-next-custom-icon:hover:after,
.rc-pagination-jump-prev-custom-icon:hover:after {
	opacity: 0;
	color: #ccc
}

.rc-pagination-jump-next-custom-icon:hover .custom-icon-jump-next,
.rc-pagination-jump-next-custom-icon:hover .custom-icon-jump-prev,
.rc-pagination-jump-prev-custom-icon:hover .custom-icon-jump-next,
.rc-pagination-jump-prev-custom-icon:hover .custom-icon-jump-prev {
	opacity: 1;
	color: #2db7f5
}

.rc-pagination-jump-next,
.rc-pagination-jump-prev,
.rc-pagination-prev {
	margin-right: 8px
}

.rc-pagination-jump-next,
.rc-pagination-jump-prev,
.rc-pagination-next,
.rc-pagination-prev {
	cursor: pointer;
	color: #888;
	list-style: none;
	min-width: 35px;
	height: 25px;
	line-height: 25px;
	float: left;
	text-align: center
}

.rc-pagination-jump-next:hover,
.rc-pagination-jump-prev:hover,
.rc-pagination-next:hover,
.rc-pagination-prev:hover {
	color: #fff
}

.rc-pagination-jump-next button,
.rc-pagination-jump-prev button,
.rc-pagination-next button,
.rc-pagination-prev button {
	background: transparent;
	border: none;
	color: inherit;
	vertical-align: middle;
	margin-top: -5px;
	cursor: pointer
}

.rc-pagination-prev a:after,
.rc-pagination-prev button:after {
	content: "<";
	display: block;
	font-size: 16px;
	font-family: serif;
	font-weight: 700
}

.rc-pagination-next a:after,
.rc-pagination-next button:after {
	content: ">";
	display: block;
	font-size: 16px;
	font-family: serif;
	font-weight: 700
}

.rc-pagination-next,
.rc-pagination-prev {
	font-size: 22px
}

.rc-pagination-next a,
.rc-pagination-prev a {
	color: #fff
}

.rc-pagination-disabled {
	pointer-events: none;
	color: #888
}

.rc-pagination-disabled a {
	color: #888
}

.rc-pagination-disabled .rc-pagination-item,
.rc-pagination-disabled .rc-pagination-next,
.rc-pagination-disabled .rc-pagination-prev {
	pointer-events: none
}

.rc-pagination-disabled .rc-pagination-item:hover,
.rc-pagination-disabled .rc-pagination-next:hover,
.rc-pagination-disabled .rc-pagination-prev:hover {
	border-color: #d9d9d9
}

.rc-pagination-disabled .rc-pagination-item:hover a,
.rc-pagination-disabled .rc-pagination-next:hover a,
.rc-pagination-disabled .rc-pagination-prev:hover a {
	color: #d9d9d9
}

.rc-pagination-disabled .rc-pagination-jump-next,
.rc-pagination-disabled .rc-pagination-jump-prev {
	pointer-events: none
}

.rc-pagination-options {
	float: left;
	margin-left: 15px
}

.rc-pagination-options-size-changer {
	float: left;
	width: 80px
}

.rc-pagination-options-quick-jumper {
	float: left;
	margin-left: 16px;
	height: 28px;
	line-height: 28px
}

.rc-pagination-options-quick-jumper input {
	margin: 0 8px;
	box-sizing: border-box;
	background-color: #fff;
	border-radius: 6px;
	border: 1px solid #d9d9d9;
	outline: none;
	padding: 3px 12px;
	width: 50px;
	height: 28px
}

.rc-pagination-options-quick-jumper input:hover {
	border-color: #2db7f5
}

.rc-pagination-options-quick-jumper button {
	display: inline-block;
	margin: 0 8px;
	font-weight: 500;
	text-align: center;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	white-space: nowrap;
	padding: 0 15px;
	font-size: 12px;
	border-radius: 6px;
	height: 28px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	transition: all .3s cubic-bezier(.645, .045, .355, 1);
	position: relative;
	color: rgba(0, 0, 0, .65);
	background-color: #fff;
	border: 1px solid #d9d9d9
}

.rc-pagination-options-quick-jumper button:active,
.rc-pagination-options-quick-jumper button:focus,
.rc-pagination-options-quick-jumper button:hover {
	color: #2db7f5;
	background-color: #fff;
	border-color: #2db7f5
}

.rc-pagination-simple .rc-pagination-next,
.rc-pagination-simple .rc-pagination-prev {
	border: none;
	height: 24px;
	line-height: 24px;
	margin: 0;
	font-size: 18px
}

.rc-pagination-simple .rc-pagination-simple-pager {
	float: left;
	margin-right: 8px;
	list-style: none
}

.rc-pagination-simple .rc-pagination-simple-pager .rc-pagination-slash {
	margin: 0 10px
}

.rc-pagination-simple .rc-pagination-simple-pager input {
	margin: 0 8px;
	box-sizing: border-box;
	background-color: #fff;
	border-radius: 6px;
	border: 1px solid #d9d9d9;
	outline: none;
	padding: 5px 8px;
	min-height: 20px
}

.rc-pagination-simple .rc-pagination-simple-pager input:hover {
	border-color: #2db7f5
}

.rc-pagination-simple .rc-pagination-simple-pager button {
	display: inline-block;
	margin: 0 8px;
	font-weight: 500;
	text-align: center;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	white-space: nowrap;
	padding: 0 8px;
	font-size: 12px;
	border-radius: 6px;
	height: 26px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	transition: all .3s cubic-bezier(.645, .045, .355, 1);
	position: relative;
	color: rgba(0, 0, 0, .65);
	background-color: #fff;
	border: 1px solid #d9d9d9
}

.rc-pagination-simple .rc-pagination-simple-pager button:active,
.rc-pagination-simple .rc-pagination-simple-pager button:focus,
.rc-pagination-simple .rc-pagination-simple-pager button:hover {
	color: #2db7f5;
	background-color: #fff;
	border-color: #2db7f5
}

@media only screen and (max-width:1024px) {

	.rc-pagination-item-after-jump-prev,
	.rc-pagination-item-before-jump-next {
		display: none
	}
}

.inIframe .bottom {
	display: none !important
}

html body {
	font-family: "Noto Sans SC", "microsoft yahei", "Helvetica Neue", Helvetica, STHeiTi, sans-serif !important;
	background-color: #000 !important;
	min-width: 1340px;
	-webkit-text-size-adjust: none
}

html body .cn {
	font-family: "Source Han Serif CN"
}

html body .en {
	font-family: Inconsolata
}

html body .page-dota2 {
	font-family: "Noto Sans SC", "microsoft yahei";
	background-color: #212125
}

.csgo-popover a {
	color: #fff;
	opacity: .8
}

.csgo-popover a:hover:not(.disabled) {
	opacity: 1
}

.csgo-popover .disabled {
	color: grey;
	cursor: default
}

.csgo-popover .ant-popover-arrow {
	border-bottom-color: #3b3b42 !important;
	border-left-color: #3b3b42 !important
}

.csgo-popover .ant-popover-inner {
	background-color: #3b3b42
}

.page-csgo {
	background: url(https://img.dota2.com.cn/dota2static/file/6ad833ea-85a9-4eaa-8f33-7c36814b97f7.jpg) top
}

.page-csgo .g-topbanner {
	background-image: url(https://img.dota2.com.cn/dota2static/file/a21a4fb7-6673-4d82-8276-4ba658a8a827.jpg)
}

.page-csgo .select1 {
	border-color: #ca424a !important
}

.page-csgo .slick-next,
.page-csgo .slick-prev {
	background-image: url(https://img.dota2.com.cn/dota2static/file/04fd2974-114e-47e9-83f8-400ae7d2b2b8.png) !important;
	background-repeat: no-repeat !important
}

.page-csgo .slick-next .slick-next,
.page-csgo .slick-prev .slick-next {
	-ms-transform: rotate(180deg) translateY(50%) !important;
	transform: rotate(180deg) translateY(50%) !important
}

.page-csgo .ant-spin-dot-item {
	background-color: #ca424a
}

.page-dota2 .g-topbanner {
	background-image: url(https://img.dota2.com.cn/file/2a/c3/2ac316d902142634289e5170c6ad30511602743880.jpg)
}

.page-dota2 .slick-next,
.page-dota2 .slick-prev {
	background-image: url(https://img.csgo.com.cn/csgo/6a/fb/6afb2b0147d5ed817f6ef7cb2ca6fe6f1597814659.png) !important;
	background-repeat: no-repeat !important
}

.g-topbanner {
	background-repeat: no-repeat;
	background-position: top;
	height: 262px;
	margin-top: -78px
}

.g-header {
	height: 360px;
	background: url(https://img.dota2.com.cn/file/7d/e3/7de3bad493ac2d5e555fe947a661520a1603871896.jpg) top no-repeat;
	text-align: center;
	padding-top: 276px;
	margin-top: -78px;
	margin-bottom: 95px
}

.g-header .select-match {
	height: 60px
}

.g-header .select-match-label {
	font-size: 28px;
	color: #3db2ee
}

.g-header .select-match .select1 {
	vertical-align: text-bottom;
	margin-left: 20px !important
}

.g-container {
	background: #191819 url(https://img.dota2.com.cn/file/cd/72/cd72b2d3ce4eec9843f2bd20f15ae2ee1602586175.png) -10px -10px no-repeat
}

.g-container h2 {
	height: 65px;
	line-height: 65px;
	color: #fff;
	font-size: 28px;
	margin-left: 30px;
	margin-bottom: 0
}

.g-center {
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.nodata {
	font-size: 18px;
	color: hsla(0, 0%, 100%, .6);
	text-align: center;
	padding: 20px
}

#root .slick-next:before,
#root .slick-prev:before {
	display: none
}

#root .slick-next:hover,
#root .slick-prev:hover {
	background-position-y: -21px
}

#root .slick-next {
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}

#root .slick-disabled {
	cursor: default;
	pointer-events: none;
	-webkit-filter: grayscale(1);
	filter: grayscale(1)
}

.preloader {
	width: 42px;
	height: 42px;
	display: inline-block;
	vertical-align: middle;
	margin: 0 15px;
	z-index: 10;
	-ms-transform-origin: 50%;
	transform-origin: 50%;
	animation: preloader-spin 1s steps(12) infinite
}

.preloader:after {
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
	background-position: 50%;
	background-size: 100%;
	background-repeat: no-repeat
}

.preloader-white:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")
}

@keyframes preloader-spin {
	to {
		transform: rotate(1turn)
	}
}

#root .ant-skeleton.ant-skeleton-active .ant-skeleton-avatar {
	background: linear-gradient(160deg, #9cf7ff, #7788ed);
	background-size: 400% 100%;
	animation: ant-skeleton-loading 1.4s ease infinite;
	width: 183px !important;
	height: 110px !important
}

#root .ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-paragraph>li,
#root .ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-title {
	background: linear-gradient(160deg, #9cf7ff, #7788ed);
	background-size: 400% 100%;
	animation: ant-skeleton-loading 1.4s ease infinite
}

#root .banner-dots {
	bottom: 15px
}

#root .banner-dots li {
	width: auto
}

#root .banner-dots li button {
	background: hsla(0, 0%, 100%, .4);
	border-radius: 50%;
	transition: .3s ease-in
}

#root .banner-dots li button:before {
	display: none
}

#root .banner-dots .slick-active button {
	background: #fff;
	width: 50px;
	border-radius: 10px
}

#root .select {
	height: 25px;
	min-height: 25px;
	width: 134px;
	margin-left: 50px;
	-ms-transform: translateY(-2px);
	transform: translateY(-2px);
	text-align: left
}

#root .select .ant-select-selector {
	height: 25px;
	min-height: 25px;
	background-color: #3f3f43;
	border-color: #3f3f43;
	border-radius: 0;
	box-shadow: none
}

#root .select .ant-select-selection-item {
	line-height: 23px;
	color: #fff
}

#root .select .ant-select-item-option-content {
	line-height: 25px
}

#root .select .ant-select-arrow {
	color: #c7c7c7;
	top: 58%
}

#root .select1 {
	border: 1px solid #3db2ee;
	height: 27px
}

.select-dropdown {
	border-radius: 0 !important;
	-ms-transform: translateY(-30px) !important;
	transform: translateY(-30px) !important;
	padding: 0 !important;
	overflow: unset !important
}

.select-dropdown:before {
	content: "";
	height: 4px;
	width: 100%;
	background-color: #3f3f43;
	position: absolute;
	top: -4px
}

.select-dropdown .ant-select-item {
	min-height: 25px;
	padding: 0 12px
}

.select-dropdown .ant-select-item-option-content {
	font-weight: 400
}

.select-dropdown1 {
	min-width: 132px !important;
	width: 132px !important
}

.select-dropdown1 .ant-select-item-option {
	background-color: #3f3f43 !important;
	border-color: #3f3f43 !important;
	color: #c7c7c7 !important
}

.select-dropdown-color .ant-select-item-option:first-of-type {
	background-color: #3f3f43;
	border-color: #3f3f43;
	color: #c7c7c7
}

.select-dropdown-color .ant-select-item-option:nth-of-type(2) {
	background-color: #f8c75b;
	border-color: #f8c75b
}

.select-dropdown-color .ant-select-item-option:nth-of-type(3) {
	background-color: #058d9a;
	border-color: #058d9a
}

.select-dropdown-color .ant-select-item-option:nth-of-type(4) {
	background-color: #606eb5;
	border-color: #606eb5
}

.slick-list,
.slick-slider,
.slick-track {
	height: 100%
}

.slick-slide>div {
	width: 100%;
	height: 100%
}

#root .apply-container .ant-carousel .slick-dots-bottom {
	height: 66px;
	bottom: -126px !important
}

#root .apply-container .ant-carousel .slick-dots {
	width: 100%;
	padding: 0 !important;
	left: 0 !important;
	margin-left: 0 !important
}

#root .apply-container .ant-carousel .slick-dots li,
#root .apply-container .ant-carousel .slick-dots li.slick-active,
#root .apply-container .ant-carousel .slick-dots li button {
	width: 192px !important;
	height: 66px !important;
	background: transparent !important
}

#root .teams-container .slick-dots {
	bottom: 16px !important
}

#root .slick-dots li button:before {
	display: none
}

#root .openqualifiers.none {
	display: none
}

#root .btn-num3 button {
	text-align: center;
	background: url(https://img.csgo.com.cn/csgostatic/csgo/3dfe9c5b-284a-4fd5-b61d-f4152a5be5d4.png) no-repeat;
	height: 66px
}

#root .btn-num3 button.active {
	background-position-y: 100%;
	color: #000
}

#root .btn-num3 button:first-of-type {
	width: 267px
}

#root .btn-num3 button:nth-of-type(2) {
	width: 282px;
	background-position-x: -289px
}

#root .btn-num3 button:nth-of-type(3) {
	width: 267px;
	background-position-x: -593px
}

#root .btn-num4 button {
	text-align: center;
	background: url(https://img.csgo.com.cn/csgostatic/csgo/f177c089-094e-494e-8eee-afd6309fddf4.png) no-repeat;
	height: 66px
}

#root .btn-num4 button.active {
	background-position-y: 100%;
	color: #000
}

#root .btn-num4 button:first-of-type {
	width: 198px
}

#root .btn-num4 button:nth-of-type(2),
#root .btn-num4 button:nth-of-type(3) {
	width: 214px;
	background-position-x: -217px
}

#root .btn-num4 button:nth-of-type(4) {
	width: 200px;
	background-position-x: -681px
}

#root .btn-group1 button {
	background: url(https://img.dota2.com.cn/file/30/5f/305ff652b3df2c997a09b3ee965298e41603252758.png);
	width: 214px;
	height: 66px;
	text-align: center
}

#root .btn-group1 button:first-child {
	background: url(https://img.dota2.com.cn/file/9e/fc/9efc3710747a168929d058c39f09b3f71603253214.png);
	width: 198px
}

#root .btn-group1 button.active:first-child {
	background-position-x: -200px
}

#root .btn-group1 button.active:last-child {
	background-position-x: -200px
}

#root .btn-group1 button:last-child {
	background: url(https://img.dota2.com.cn/file/e8/7d/e87d79bdb017db8fbe249f2947d1fa601603255914.png);
	width: 198px
}

#root .btn-group1 .active {
	background-position-x: -214px;
	font-weight: 700
}

#root .floating {
	animation: floating 2.5s ease-in-out infinite alternate;
	animation-delay: 1s
}

#root .moving {
	animation: moving 1s ease-in-out forwards
}

@keyframes moving {
	0% {
		left: 322px;
		top: 37px
	}

	to {
		left: 870px;
		top: 175px;
		transform: scale(2);
		opacity: 0
	}
}

@keyframes floating {
	0% {
		transform: scale(1);
		opacity: 1
	}

	70%,
	73% {
		transform: scale(.9) rotate(-3deg)
	}

	77%,
	83%,
	90%,
	97% {
		transform: scale(1.1) rotate(3deg)
	}

	80%,
	87%,
	93% {
		transform: scale(1.1) rotate(-3deg)
	}

	to {
		transform: scale(1) rotate(0);
		opacity: 1
	}
}

#root .c-scrollbars>div:nth-of-type(3) {
	right: 0 !important;
	bottom: 5px !important;
	background: #959595
}

#root .c-scrollbars>div:nth-of-type(3)>div {
	background: linear-gradient(0deg, #eca400, #f7b912)
}

#loading {
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	top: 30%\9\0;
	left: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	z-index: 2;
	font-size: 20px
}

#loading .ant-spin-dot-item {
	background-color: #8e8e8f
}

#loading .ant-spin-text {
	color: #fff
}

.text-yellow {
	color: #f8c85a
}

.text-light {
	color: #fac140
}

.dialog-set .ant-radio-wrapper .ant-radio {
	top: -2px
}

.dialog-set .ant-radio-wrapper .ant-radio-inner {
	width: 10px;
	height: 10px;
	background: transparent
}

.dialog-set .ant-radio-wrapper .ant-radio-inner:after {
	top: 2px;
	left: 2px;
	width: 4px;
	height: 4px;
	background-color: #fac140
}

.dialog-set .ant-radio-wrapper .ant-radio-checked .ant-radio-inner {
	border-color: #fff
}

.dialog-set .ant-radio-wrapper .ant-radio,
.dialog-set .ant-radio-wrapper .ant-radio-input:focus+.ant-radio-inner,
.dialog-set .ant-radio-wrapper .ant-radio:hover .ant-radio-inner {
	border-color: #fff
}

.dialog-set .agreen-check .ant-radio-wrapper .ant-radio-inner {
	width: 16px;
	height: 16px
}

.dialog-set .agreen-check .ant-radio-wrapper .ant-radio-inner:after {
	top: 3px;
	left: 3px;
	width: 8px;
	height: 8px;
	background-color: #fac140
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
	-webkit-appearance: none
}

input[type=number] {
	-moz-appearance: textfield
}

.mr12 {
	margin-right: 12px
}

.mr8 {
	margin-right: 8px
}

.mr5 {
	margin-right: 5px
}

.strong {
	color: #ff1e10;
	font-weight: 700
}

.noindent {
	text-indent: 0 !important
}

.tooltip-overlay {
	background: url(https://img.dota2.com.cn/file/b5/df/b5df16e22d2fa2da6e64d076e15ebe471604544002.png) no-repeat;
	width: 180px;
	height: 58px;
	font-size: 14px;
	pointer-events: none;
	overflow: hidden
}

.tooltip-overlay .ant-tooltip-inner {
	background: none;
	box-shadow: none;
	padding-left: 20px;
	color: #999
}

.ant-select-open .ant-select-arrow {
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}

.en-rank-title {
	-ms-transform: translate(-5px);
	transform: translate(-5px);
	display: inline-block;
	text-align: left
}

.en-player-col-8 {
	-ms-transform: translate(4px, -5px);
	transform: translate(4px, -5px);
	display: inline-block;
	text-align: left;
	font-size: 14px
}

.en-player-col-9 {
	-ms-transform: translateY(-15px);
	transform: translateY(-15px);
	display: inline-block;
	text-align: left;
	font-size: 14px
}

.en-player-col-10 {
	-ms-transform: translateY(-15px);
	transform: translateY(-15px);
	display: inline-block;
	text-align: left;
	font-size: 14px
}

.en-player-col-11 {
	-ms-transform: translateY(-15px);
	transform: translateY(-15px);
	display: inline-block;
	text-align: left;
	font-size: 14px
}

.en-player-col-12 {
	-ms-transform: translateY(-5px);
	transform: translateY(-5px);
	display: inline-block;
	text-align: left;
	font-size: 14px
}

.nodot:before {
	display: none
}

.sth {
	-ms-transform: translate(-2px, -2px) scale(.6);
	transform: translate(-2px, -2px) scale(.6);
	display: inline-block
}

.navs_container__2CKqA {
	height: 78px;
	background: url(/assets/css/img/5e2aff8c96977786942aa1847a0d53df1602559443.png) repeat-x;
	position: relative;
	z-index: 2
}

.navs_container__2CKqA.navs_en__zBkhA .navs_nav__2ZmmE a {
	font-size: 18px
}

.navs_content__20jZR {
	width: 1190px;
	height: 100%;
	margin: 0 auto;
	display: table
}

.navs_nav__2ZmmE {
	width: 732px;
	height: 78px;
	position: relative;
	float: left;
	white-space: nowrap
}

.navs_nav__2ZmmE a {
	font-size: 24px;
	color: #fff;
	display: inline-block;
	min-width: 96px;
	height: 100%;
	padding: 4px 6px 0;
	line-height: 78px;
	cursor: pointer;
	text-align: center
}

.navs_nav__2ZmmE a.navs_active__2uyJN,
.navs_nav__2ZmmE a:hover {
	color: #fff;
	background: url(/assets/css/img/f00c3436a2c7b870e9823df2a7e98f2b1602559976.png) bottom repeat-x
}

.navs_others__3PQVr {
	height: 78px;
	float: left;
	padding-left: 55px;
	padding-top: 25px
}

.navs_share__PpMfB {
	color: #acacad;
	font-size: 18px;
	float: left;
	padding-top: 4px
}

.navs_share__PpMfB a {
	display: inline-block;
	vertical-align: middle;
	width: 27px;
	height: 27px;
	margin-left: 5px;
	background: url(/assets/css/img/af6999b308faec178b8881e405fc77d11603335577.png) no-repeat
}

.navs_share__PpMfB a.navs_active__2uyJN,
.navs_share__PpMfB a:hover {
	background-position-y: -30px
}

.navs_share__PpMfB img {
	height: 40px
}

.navs_share__PpMfB .navs_weibo__1_8KU {
	background-position-x: 0
}

.navs_share__PpMfB .navs_weixin__3u_wZ {
	background-position-x: -36px;
	position: relative;
	cursor: default
}

.navs_share__PpMfB .navs_weixin__3u_wZ:hover:after {
	content: "";
	width: 93px;
	height: 132px;
	background: url(https://img.dota2.com.cn/file/09/8f/098f8cdb892c4ade86b08ecc1cbdebc31603335790.png) no-repeat;
	position: absolute;
	left: -32px;
	bottom: -105px;
	pointer-events: none
}

.navs_share__PpMfB .navs_bili__m43ns {
	background-position-x: -72px
}

.navs_share__PpMfB .navs_twitter__1CzHP {
	background-position-x: -106px
}

.navs_share__PpMfB .navs_utb__2WLw6 {
	background-position-x: -140px
}

.changeLang_btngroup__30_hH {
	text-align: center;
	width: 95px;
	height: 34px;
	line-height: 34px;
	font-size: 18px;
	float: left
}

.changeLang_btngroup__30_hH a {
	color: #acacad;
	cursor: pointer
}

.changeLang_btngroup__30_hH a:hover {
	color: #acacad
}

.changeLang_btngroup__30_hH a:nth-of-type(2) {
	font-family: Inconsolata
}

.changeLang_btngroup__30_hH .changeLang_cur__2CcHf {
	color: #fff
}

.changeLang_btngroup__30_hH .changeLang_cur__2CcHf:hover {
	color: #fff
}

.changeLang_btngroup__30_hH .changeLang_divider__3ZQhD {
	color: #4a474f;
	font-family: Inconsolata
}

.topbar_container__20HxJ {
	height: 100%;
	width: 1190px;
	margin: 0 auto;
	position: relative
}

.topbar_container__20HxJ a {
	height: 100%;
	width: 220px;
	float: right
}

.topbar_container__20HxJ a:first-of-type {
	float: left
}

.topbar_container__20HxJ .topbar_linkhome__36T4c {
	float: left;
	height: 100%;
	width: 230px
}

.topbar_topbar__2wAnz {
	height: 100px;
	background: #000 url(/assets/css/img/0f16769a9881cf4e0e52875e1da87c131602558953.png) 50% no-repeat
}