body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background-color: #F3F3F3;
	color: #333;
	font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Segoe UI, Arial, Roboto, PingFang SC, miui, Hiragino Sans GB, Microsoft Yahei, sans-serif
}

a {
	text-decoration: none;
	color: #333;
}

html {
	-webkit-text-size-adjust: 100%;
	line-height: 1.15
}

body {
	margin: 0
}

main {
	display: block
}

h1 {
	font-size: 2em;
	margin: .67em 0
}

hr {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible
}

pre {
	font-family: monospace, monospace;
	font-size: 1em
}

a {
	background-color: transparent;
}

a:hover {
	text-decoration: none;
	color: #0080ffe0
}

.header__container {
	background-color: #0474e5;
	height: 66px;
	min-width: 1280px;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	width: 100%;
	z-index: 12
}

.header__slide,
.header__slide__btn {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 100%
}

.header__slide__btn {
	-webkit-box-flex: 1;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-align-items: center;
	align-items: center;
	background-color: transparent;
	border: 0;
	color: hsla(0, 0%, 100%, .88);
	cursor: pointer;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	font-size: 24px;
	-webkit-justify-content: center;
	justify-content: center;
	margin: 0 12px;
	position: relative;
	width: 48px
}

.header__slide__btn:hover .header__slide__qrcode {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.header__slide__qrcode {
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-align-items: center;
	align-items: center;
	background-color: #373a3d;
	border-radius: 4px;
	display: none;
	height: 140px;
	-webkit-justify-content: center;
	justify-content: center;
	position: absolute;
	top: 100%;
	-webkit-transition: all .3s;
	transition: all .3s;
	width: 136px
}

.header__slide__qrcode__img {
	height: 112px;
	width: 112px
}

.header__slide__qrcode:before {
	border-bottom: 9px solid #373a3d;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	content: "";
	left: 50%;
	position: absolute;
	top: -8px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.header__logo {
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 144px
}

.header__logo__img {
	height: 26px;
	width: 85px
}

.header__nav {
	height: 66px;
	width: 1280px;
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
	scrollbar-width: thin;
	scrollbar-color: #888 #f1f1f1;
}

.header__nav::-webkit-scrollbar {
	height: 8px;
	/* 横向滚动条的高度 */
}

.header__nav::-webkit-scrollbar-track {
	background: #f1f1f1;
	/* 轨道背景色 */
	border-radius: 10px;
}

.header__nav::-webkit-scrollbar-thumb {
	background: #888;
	/* 滑块颜色 */
	border-radius: 20px;
}

.header__nav::-webkit-scrollbar-thumb:hover {
	background: #555;
	/* 滑块悬停颜色 */
}

.header__nav,
.header__nav__item {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.header__nav__item {
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-align-items: center;
	align-items: center;
	cursor: pointer;
	font-size: 18px;
	-webkit-justify-content: center;
	justify-content: center;
	position: relative
}

.header__nav__item__more {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	background-color: #0474e5;
	border-radius: 0 0 4px 4px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	left: 0;
	max-height: 0;
	overflow: hidden;
	position: absolute;
	top: 100%;
	-webkit-transition: max-height .3s ease-out;
	transition: max-height .3s ease-out;
	width: 100%
}

.header__nav__item__more__list {
	color: hsla(0, 0%, 100%, .88);
	height: 40px;
	line-height: 40px;
	margin: 3px 0;
	text-align: center;
	text-decoration: none
}

.header__nav__item__more__list:hover {
	background-color: hsla(0, 0%, 100%, .02);
	color: #FF0
}

.header__nav__list {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-align-items: center;
	align-items: center;
	color: hsla(0, 0%, 100%, .8);
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	font-weight: 500;
	height: 100%;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-transition: width .3s;
	transition: width .3s;
	white-space: nowrap;
	width: 100px
}


.header__nav__list:hover {
	color: #FF0
}

.header__nav__item:hover .header__nav__item__more {
	max-height: 100vh
}

.header__nav__item:hover .header__nav__list--more:before {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.header__form {
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-align-items: center;
	align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	position: relative
}

.header__form__close {
	color: hsla(0, 0%, 100%, .8);
	display: none;
	font-size: 18px;
	margin: 6px 12px 0 0
}

.header__form__input {
	background-color: transparent;
	border: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;
	font-size: 16px;
	height: 44px;
	line-height: 42px;
	margin-right: 20px;
	outline: none;
	padding: 0 12px;
	-webkit-transition: width .3s;
	transition: width .3s;
	width: 0
}

.header__form__input::-webkit-input-placeholder {
	color: hsla(0, 0%, 100%, .4)
}

.header__form__input::-moz-placeholder {
	color: hsla(0, 0%, 100%, .4)
}

.header__form__input:-ms-input-placeholder {
	color: hsla(0, 0%, 100%, .4)
}

.header__form__input::-ms-input-placeholder {
	color: hsla(0, 0%, 100%, .4)
}

.header__form__input::placeholder {
	color: hsla(0, 0%, 100%, .4)
}

.header__form__hot-search {
	display: none;
	left: 0;
	max-height: 280px;
	position: absolute;
	top: 100%;
	width: 520px
}

.header__form__hot-search__item {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	background-color: #373a3d;
	border-radius: 0 0 4px 4px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	padding: 10px 24px
}

.header__form__hot-search__list {
	color: #fff;
	padding: 10px 0;
	width: 50%
}

.header__form__hot-search__list,
.header__form__hot-search__list__num {
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.header__form__hot-search__list__num {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	color: hsla(0, 0%, 100%, .88);
	font-size: 20px;
	height: 24px;
	-webkit-justify-content: center;
	justify-content: center;
	line-height: 24px;
	margin-right: 12px;
	position: relative;
	width: 26px
}

.header__form__hot-search__list__title {
	color: hsla(0, 0%, 100%, .8);
	font-size: 14px
}

.header__form__hot-search__list:first-child .header__form__hot-search__list__num {
	color: #f66
}

.header__form__hot-search__list:nth-child(2) .header__form__hot-search__list__num {
	color: #ffb324
}

.header__form__hot-search__list:nth-child(3) .header__form__hot-search__list__num {
	color: #0080ff
}

.header__form__hot-search__list:hover .header__form__hot-search__list__title {
	color: rgba(0, 128, 255, .88);
	-webkit-transition: color .3s;
	transition: color .3s
}

.header__content {
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 66px;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin: 0 auto;
	position: relative;
	width: 1280px
}

.header__content--search .header__nav__list {
	overflow: hidden;
	width: 0
}

.header__content--search .header__form__close {
	display: block
}

.header__content--search .header__form__input {
	width: 434px
}





.main__container {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin: 0 auto 10px;
	position: relative;
	width: 1280px;
}



.home_container .home-content {
	padding-left: 21px;
}












.home-banner {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 586px;
	margin-left: -900px;
	position: fixed;
	top: 0;
	width: 1800px;
	z-index: 1
}

.home-banner,
.home-banner__navigation {
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	left: 50%
}

.home-banner__navigation {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	bottom: 23px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	margin-left: -640px;
	position: absolute;
	width: 1280px;
	z-index: 2
}

.home-banner__navigation__sub-box {
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	background-color: #36393d;
	border-radius: 4px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: none;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	left: -20px;
	position: absolute;
	top: 40px;
	width: 150px
}

.home-banner__navigation__sub-box__list {
	color: hsla(0, 0%, 100%, .7);
	font-size: 16px;
	font-weight: 500;
	height: 21px;
	line-height: 21px;
	margin: 12px 0;
	text-align: center;
	-webkit-transition: all .3s;
	transition: all .3s;
	width: 50%
}

.home-banner__navigation__sub-box__list:hover {
	color: #0080ff
}

.home-banner__navigation__sub-box:before {
	border-color: transparent transparent #36393d;
	border-style: solid;
	border-width: 8px 9px;
	content: "";
	height: 0;
	left: 50%;
	margin-left: -8px;
	position: absolute;
	top: -16px;
	width: 0
}

.home-banner__navigation__card {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 68px;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin: 0 30px;
	width: 110px
}

.home-banner__navigation__card,
.home-banner__navigation__card__title {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	position: relative
}

.home-banner__navigation__card__title {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	color: hsla(0, 0%, 100%, .88);
	font-size: 20px;
	font-weight: 700;
	height: 32px;
	-webkit-justify-content: center;
	justify-content: center;
	line-height: 32px;
	text-align: center;
	-webkit-transition: all .3s;
	transition: all .3s
}

.home-banner__navigation__card__title:hover {
	color: #0080ff
}

.home-banner__navigation__card__icon {
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 20px;
	position: absolute;
	top: 18px;
	width: 86px
}

.home-banner__navigation__card__icon.tab_news {
	background-position: -116px -100px
}

.home-banner__navigation__card__icon.tab_game,
.home-banner__navigation__card__icon.tab_news {
	background-image: url(/static/images/sprites/pcTabs_sprite.png?ba0c72b9ed94a76e138764c177c487f7);
	background-repeat: no-repeat;
	background-size: 202px auto
}

.home-banner__navigation__card__icon.tab_game {
	background-position: -116px -50px
}

.home-banner__navigation__card__icon.tab_video {
	background-position: 0 -150px
}

.home-banner__navigation__card__icon.tab_gallery,
.home-banner__navigation__card__icon.tab_video {
	background-image: url(/static/images/sprites/pcTabs_sprite.png?ba0c72b9ed94a76e138764c177c487f7);
	background-repeat: no-repeat;
	background-size: 202px auto
}

.home-banner__navigation__card__icon.tab_gallery {
	background-position: -116px 0
}

.home-banner__navigation__card__icon.tab_data {
	background-position: 0 0
}

.home-banner__navigation__card__icon.tab_data,
.home-banner__navigation__card__icon.tab_gear {
	background-image: url(/static/images/sprites/pcTabs_sprite.png?ba0c72b9ed94a76e138764c177c487f7);
	background-repeat: no-repeat;
	background-size: 202px auto
}

.home-banner__navigation__card__icon.tab_gear {
	background-position: 0 -100px
}

.home-banner__navigation__card__icon.tab_discover {
	background-image: url(/static/images/sprites/pcTabs_sprite.png?ba0c72b9ed94a76e138764c177c487f7);
	background-position: 0 -50px;
	background-repeat: no-repeat;
	background-size: 202px auto
}

.home-banner__navigation__card__desc {
	-ms-flex-pack: distribute;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-around;
	justify-content: space-around
}

.home-banner__navigation__card__list {
	color: hsla(0, 0%, 100%, .5);
	font-size: 16px;
	font-weight: 500;
	height: 24px;
	line-height: 24px;
	text-align: center;
	width: 50px
}

.home-banner__navigation__card__list:hover {
	color: rgba(0, 128, 255, .88);
	font-size: 18px;
	-webkit-transition: all .3s;
	transition: all .3s
}

.home-banner__navigation__card:hover .home-banner__navigation__card__title {
	font-size: 24px
}

.home-banner__navigation__card:hover .home-banner__navigation__sub-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.home-banner__slider {
	height: 448px;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	white-space: nowrap;
	width: 100%
}

.home-banner__slider__slide {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 448px;
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%
}

.home-banner__slider__slide__title {
	color: hsla(0, 0%, 100%, .88);
	font-size: 16px;
	font-weight: 500;
	height: 30px;
	line-height: 30px;
	position: absolute;
	text-align: left;
	bottom: 0px;
	width: 100%;
	z-index: 2;
	background: #36393dba;
	padding-left: 6px;
}

.home-banner__slider__slide__cover {
	height: 100%;
	width: 100%
}

.home-banner__slider__slide:after,
.home-banner__slider__slide:before {
	content: "";
	position: absolute;
	width: 100%;
	z-index: 1
}

.home-banner__slider__pagination {
	position: absolute
}

.home-banner__slider__pagination.swiper-pagination-bullets {
	bottom: 12px;
	text-align: right
}

.home-banner__slider__pagination .swiper-pagination-bullet {
	background: hsla(0, 0%, 100%, .5);
	border-radius: 4px;
	height: 4px;
	-webkit-transition: .3s;
	transition: .3s;
	width: 6px
}

.home-banner__slider__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	width: 16px
}

.home-game__container {
	margin: 0 auto -12px;
	width: 1280px
}

.home_container {
	/*padding-top:586px*/
}

.home_container #header.homeHeader {
	background-color: transparent;
	position: absolute;
	top: 0
}

.home_container #header.homeHeader .header>.nav {
	overflow: hidden;
	width: 0
}

.home_container .main__aside--left {
	width: 259px
}

.home_container .main__container .more-line {
	line-height: 24px
}

.home_container .gallery .til {
	margin: 48px 0 24px
}

.home_container .home-content {
	padding-left: 21px
}

.home_container .home-content>.title {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	color: hsla(0, 0%, 100%, .88);
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	font-size: 20px;
	font-weight: 500;
	height: 27px;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	padding: 12px 0
}

.home_container .home-content>.title .more {
	color: hsla(0, 0%, 100%, .4);
	font-size: 14px;
	font-weight: 400
}

.home_container .header__container {
	/*display:none*/
}


.extra__container {
	background: #373a3d url(../images/db.png) no-repeat center;
	border-radius: 4px;
	position: fixed;
	right: 10px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	z-index: 9;
	bottom: 20px;
	text-align: center;
	cursor: pointer;
	background-size: 20px;
}






.section__item {
	margin-top: 20px;
	width: 100%;
}

.section__item__title {
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	font-size: 20px;
	font-weight: 500;
	height: 36px;
	line-height: 36px;
	margin: 0;
	min-width: 100px;
	padding: 0 0 16px 20px;
	position: relative
}

.section__item__title:before {
	background-image: url(../images/icon_title.svg);
	content: "";
	height: 18px;
	left: 0;
	position: absolute;
	width: 14px
}

.main__aside--right,
.main__aside-right {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 30px;
	width: 330px;
}




.card__recommend__item {}










.news-container__tags {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	color: hsla(0, 0%, 100%, .4);
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	font-size: 16px;
}

.news-container__tags-list {
	font-size: 16px;
	letter-spacing: 2px;
	margin: 0 25px 12px 0;
	text-decoration: none;
	-webkit-transition: color .3s;
	transition: color .3s
}

.news-container__tags-list span {
	margin-left: -4px
}

.news-container__tags-list:hover {
	color: rgba(0, 128, 255, .7) !important
}


.main__section-content,
.main__section__content {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.news-container__info,
.news-container__main {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.news-container__info {
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	font-size: 14px;
	margin-bottom: 16px
}

.news-container__info-title {
	color: hsla(0, 0%, 100%, .88);
	font-size: 36px;
	font-weight: 500;
	line-height: 48px;
	padding-bottom: 25px
}

.news-container__info-time {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	-webkit-flex-grow: 1;
	flex-grow: 1;
	margin-left: 12px
}


.news-container__content {
	font-size: 18px;
	line-height: 36px;
	position: relative;
	text-align: justify;
	word-break: break-all
}

.news-container__content table {
	border-collapse: collapse
}

.news-container__content iframe {
	height: 424px;
	width: 752px
}

.news-container__content img {
	border-radius: 4px;
	display: block;
	margin: 0 auto;
	max-width: 100%;
	opacity: .9
}



.liebe {
	width: 100%;
}

.liebe .liebe1 {
	float: left;
	width: 630px;
}

.liebe .liebe2 {
	float: right;
	width: 630px;
}



.footer {
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-align-items: center;
	align-items: center;
	background-color: #fff;
	bottom: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: auto;
	-webkit-justify-content: center;
	justify-content: center;
	left: 0;
	min-width: 1280px;
	padding: 8px 0 6px;
	position: relative;
	width: 100%
}

.footer__container {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	position: relative;
	width: 1280px
}

.footer__container,
.footer__container__top {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between
}

.footer__container__top {
	margin-bottom: 48px
}

.footer__container__top__item {
	-webkit-box-flex: 1;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding-left: 48px
}

.footer__container__top__item__box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.footer__container__top__title {
	color: hsla(0, 0%, 100%, .8);
	font-size: 18px;
	font-weight: 500;
	height: 24px;
	line-height: 24px;
	margin-bottom: 4px
}

.footer__container__top__list {
	color: hsla(0, 0%, 100%, .5);
	cursor: pointer;
	font-size: 16px;
	font-weight: 400;
	height: 21px;
	line-height: 21px;
	margin-top: 20px;
	padding-right: 36px
}

.footer__container__top__list:hover {
	color: rgba(0, 128, 255, .88);
	-webkit-transition: color .3s;
	transition: color .3s
}

.footer__container__top--home .footer__container__top__item--about {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 380px;
	-ms-flex: 0 0 380px;
	flex: 0 0 380px
}

.footer__container__top--home .footer__container__top__item--service {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 260px;
	-ms-flex: 0 0 260px;
	flex: 0 0 260px
}

.footer__copyright {
	font-size: 14px;
	line-height: 21px;
	text-align: center
}

.footer__copyright__desc {
	margin-bottom: 12px
}

.footer__copyright__icp {
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-align-items: center;
	align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center
}

.footer__copyright__icp__img {
	margin-right: 4px
}

.footer__copyright__icp a {
	color: hsla(0, 0%, 100%, .4);
	margin: 0 2px
}

.footer__copyright__icp span {
	margin: 0 2px
}

.footer--fixed {
	position: absolute
}

.footer--jump-page {
	background-color: transparent
}









.jlist {
	overflow: hidden;
	background: #FFF
}

.jlist a {
	height: 45px;
	line-height: 45px;
	border-bottom: 1px solid #eee;
	background: url(../images/sp.png) no-repeat left;
	background-size: 26px;
	padding-left: 26px;
	font-size: 16px;
	overflow: hidden;
	float: left;
	width: 100%
}



.page {
	clear: both;
	padding: 20px 0 20px 0;
	text-align: center
}

.page .active_page {
	background-color: #51C332;
	color: #fff
}

.page a {
	display: inline-block;
	padding: 0 12px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border: 1px solid #dfdfdf;
	margin: 5px;
	font-size: 14px;
	background-color: #fff;
	color: #333
}

.page b,
.page a:hover {
	display: inline-block;
	padding: 0 12px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border: 1px solid #fff;
	margin: 5px;
	font-size: 14px;
	background-color: #0080ff;
	color: #fff
}

.page a b {
	background-color: #fff;
	padding: 0;
	color: #999999;
	display: inline
}


.vlists {
	margin: 20px 0 0;
	margin-left: -20px;
	overflow: hidden
}

.vlists .video-detail {
	width: 196px;
	float: left;
	margin-left: 20px;
	margin-bottom: 10px
}

.vlists .img-show {
	width: 100%;
	height: 145px;
	position: relative;
	overflow: hidden;
	display: block
}

.vlists .img-show img {
	width: 100%;
	height: auto
}

.vlists .img-show .play {
	position: absolute;
	width: 46px;
	height: 46px;
	left: 50%;
	top: 50%;
	margin-left: -23px;
	margin-top: -23px
}

.vlists .img-show .icon5 {
	width: 46px;
	height: 46px;
	background: url(../images/v.png) no-repeat center
}

.vlists .img-show:hover .icon5 {
	background: url(../images/v2.png) no-repeat center
}

.vlists .img-detail .biaoti {
	padding: 0px;
	margin: 0px;
	line-height: 40px;
	height: 40px;
	overflow: hidden;
	text-align: center;
	font-size: 16px;
}



.vlistt {
	margin: 20px 0 0;
	margin-left: -20px;
	overflow: hidden
}

.vlistt .video-detail {
	width: 222px;
	float: left;
	margin-left: 20px;
	margin-bottom: 10px
}

.vlistt .img-show {
	width: 100%;
	height: 145px;
	position: relative;
	overflow: hidden;
	display: block
}

.vlistt .img-show img {
	width: 100%;
	height: auto
}

.vlistt .img-show .play {
	position: absolute;
	width: 46px;
	height: 46px;
	left: 50%;
	top: 50%;
	margin-left: -23px;
	margin-top: -23px
}

.vlistt .img-show .icon5 {
	width: 46px;
	height: 46px;
	background: url(../images/v.png) no-repeat center
}

.vlistt .img-show:hover .icon5 {
	background: url(../images/v2.png) no-repeat center
}

.vlistt .img-detail .biaoti {
	padding: 0px;
	margin: 0px;
	line-height: 40px;
	height: 40px;
	overflow: hidden;
	text-align: center;
	font-size: 16px;
}





.rvideo {
	position: relative
}

.rvideo img.full {
	width: 100%;
	height: 443px
}

.rvideo img.play_icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.xlist {
	margin-bottom: 10px
}

.xlist span {
	display: block;
	font-size: 16px;
	font-weight: bold;
	margin-top: 10px
}

.xlist a {
	display: block;
	height: 30px;
	line-height: 30px
}

* {
	margin: 0px;
	padding: 0px;
	list-style: none
}

.litenew {
	overflow: hidden;
	background: #FFF;
	padding: 0px 5px;
}

.litenew li {
	line-height: 25px;
	border-bottom: 1px #eee dashed;
	padding: 5px 0
}

.litenew li h4 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	font-size: 16px;
	background: url(../images/sb.gif) no-repeat left center;
	padding-left: 10px;
	font-weight: normal
}

.litenew li span {
	font-size: 13px;
	color: #999999;
	padding-left: 10px;
	float: right
}




.part1 {
	background-color: #f9f9f9;
	padding: 25px 195px
}

.part1 .part1Title {
	text-align: center;
	font-weight: bold;
	font-size: 37px;
	color: #e60012;
	margin-bottom: 20px;
}

.part1 .part1Con {
	font-size: 14px;
	color: #737373;
	line-height: 20px
}

.part2 {
	margin: 30px 0;
	font-size: 0
}

.part2L,
.part2R {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	box-sizing: border-box;
}

.part2L {
	width: 810px;
	height: 448px;
	position: relative;
}


.part2R {
	width: 450px;
	border-left: none;
	height: 448px;
	position: relative;
	overflow: hidden;
	margin-left: 20px;
	background: #fff;
}

.part2R .tj {
	position: absolute;
	left: -18px;
	top: -14px
}

.part2R li {
	font-size: 16px;
	margin-top: 18px;
	padding: 0 25px 0 50px;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.part2R li a {
	color: #3d3d3d
}

.part2R li:before {
	content: "";
	position: absolute;
	width: 5px;
	height: 5px;
	border-radius: 5px;
	background-color: #e60012;
	left: 25px;
	top: calc((100% - 5px) / 2)
}

.part2R li.part2ROne {
	padding-top: 25px;
	padding-left: 25px;
	padding-bottom: 20px;
	position: relative;
}

.part2R li.part2ROne p {
	font-size: 22px;
	color: #252525;
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.part2R li.part2ROne .part2ROneJj {
	font-size: 14px;
	color: #939393;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	white-space: normal;
	margin-top: 10px;
	line-height: 25px
}

.part2R li.part2ROne:before {
	width: 0;
	height: 0
}

.part2R li.part2ROne:after {
	content: "";
	position: absolute;
	width: 390px;
	height: 1px;
	border-bottom: 1px dashed #e4e4e4;
	left: 0;
	bottom: 0
}

.part2R li:hover a {
	color: #e60012
}




.hide {
	display: none
}

.xxk {
	background: #Fff;
	margin-bottom: 10px;
}

.xxk ul {
	height: 50px;
}

.xxk li {
	background: #0474e5;
	height: 50px;
	line-height: 50px;
	text-align: center;
	padding: 0 12px;
	float: left;
	cursor: pointer;
	list-style: none;
	color: #FFF
}

.xxk li.on {
	background: #0e5dad;
	color: #FFF
}



.matchb {
	background: #FFF;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

.matchb .hotmatch {
	padding: 12px 6px;
	border-bottom: 1px solid #ffffff14;
	overflow: hidden;
	display: flex;
	align-items: center
}

.matchb .hotmatch a.items-center {
	float: left;
	width: 800px
}

.matchb .hotmatch a.items-center div {
	height: 28px;
	line-height: 28px
}

.matchb .hotmatch .streamBox {
	float: right;
	width: 300px
}

.matchb .hotmatch .streamBox2 {
	width: 600px
}

.hotmatch .status {
	float: left;
	margin-right: 10px
}

.hotmatch .sj {
	float: left;
	margin-right: 20px
}

.hotmatch .bt {
	float: left;
	margin-right: 20px;
	width: 100px;
	white-space: nowrap;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-overflow: ellipsis;
}

.hotmatch .zd {
	float: left;
	margin-right: 10px;
	width: 100px;
	white-space: nowrap;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-overflow: ellipsis
}

.hotmatch .zdlogo {
	width: 24px;
	float: left;
	margin-right: 10px
}

.hotmatch .zdlogo img {
	width: 24px;
	vertical-align: middle
}

.hotmatch .zdbf {
	margin-right: 2px;
	float: left;
	width: 30px;
	background: #F5F5F5;
	border-radius: 5px;
	overflow: hidden;
	text-align: center;
}

.hotmatch .bf {
	margin-right: 2px;
	float: left;
	width: 5px;
	text-align: center
}

.hotmatch .kdbf {
	margin-right: 10px;
	float: left;
	width: 30px;
	background: #F5F5F5;
	border-radius: 5px;
	overflow: hidden;
	text-align: center;
}

.hotmatch .kdlogo {
	margin-right: 10px;
	float: left;
	width: 24px
}

.hotmatch .kdlogo img {
	width: 24px;
	vertical-align: middle
}

.hotmatch .kd {
	float: left;
	margin-right: 10px;
	width: 100px;
	white-space: nowrap;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-overflow: ellipsis
}

.hotmatch .status p {
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	width: 50px;
	height: 28px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 3px;
	color: #FFF
}

.hotmatch .status.live p {
	background: linear-gradient(90deg, #0080ff, rgba(0, 128, 255, .88));
}

.hotmatch .status.prelive p {
	background: linear-gradient(90deg, #929292, #c1c1c1)
}


.streamTop {
	float: left
}

.streamTop,
.streamTop p {
	display: flex;
	align-items: center
}

.streamTop p {
	justify-content: center
}

.streamTop p:first-child {
	font-size: 14px
}

.streamTop p:first-child:before {
	content: "";
	width: 20px;
	height: 26px;
	background: url(../images/live_icon.png) no-repeat;
	background-position: 50%;
	background-size: 20px 20px;
	margin-right: 3px
}

.streamBox .viewMore {
	font-size: 12px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 26px;
	cursor: pointer;
	float: left
}

.streamBox .viewMore:after {
	content: "";
	width: 23px;
	height: 26px;
	background: url(../images/chevron-down.png) no-repeat;
	background-position: 50%;
	background-size: 12px 7px
}

.streamBox .viewMore.show:after {
	transform: rotate(180deg)
}

.streamBtm {
	float: left
}

.streamBtm p {
	color: #0474e5;
	font-size: 14px;
	line-height: 26px;
	border-bottom: 1px solid #0474e5;
	font-weight: 700;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	cursor: pointer;
	float: left;
	margin-right: 10px
}


.streamBtm2 {
	float: left;
	width: 400px;
}

.streamBtm2 p {
	color: #0474e5;
	font-size: 14px;
	line-height: 26px;
	border-bottom: 1px solid #0474e5;
	font-weight: 700;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	cursor: pointer;
	float: left;
	margin-right: 10px
}




.more_match {
	display: block;
	text-align: center;
	margin: 0 auto;
	width: 130px;
	height: 36px;
	line-height: 36px;
	font-size: 16px;
	color: #fff;
	background-color: #0474e5;
	border-radius: 2px;
	margin-top: 10px
}

.more_match a {
	color: #fff
}

.itemp {
	overflow: hidden;
	margin-left: -10px;
	padding: 0px 5px 10px 5px;
}

.itemp a {
	display: block;
	float: left;
	width: 80px;
	margin-left: 10px;
	background: #fff;
	margin-top: 10px;
	padding: 5px;
	overflow: hidden;
}

.itemp a img {
	width: 40px;
	height: 40px;
	display: block;
	margin: 0 auto
}

.itemp a span {
	height: 30px;
	line-height: 30px;
	display: block;
	text-align: center;
	font-size: 12px
}

.itempp {
	overflow: hidden;
	margin-left: -9px;
	padding: 0px 5px 10px 5px;
}

.itempp a {
	display: block;
	float: left;
	width: 67px;
	margin-left: 9px;
	background: #fff;
	margin-top: 10px;
	padding: 5px
}

.itempp a img {
	width: 40px;
	height: 40px;
	display: block;
	margin: 0 auto
}

.itempp a span {
	height: 30px;
	line-height: 30px;
	display: block;
	text-align: center;
	font-size: 12px
}



.qlist {
	margin: 20px 0 0;
	margin-left: -20px;
	overflow: hidden
}

.qlist a {
	background: #fff;
	width: 81px;
	float: left;
	margin-left: 20px;
	margin-bottom: 10px;
	display: block;
	padding: 10px
}

.qlist .img-show {
	position: relative;
	overflow: hidden;
	display: block
}

.qlist .img-show img {
	width: 70px;
	height: 70px;
	margin: 0 auto
}

.qlist .img-detail {
	line-height: 40px;
	height: 40px;
	overflow: hidden;
	text-align: center;
	font-size: 16px
}



.tlist {
	margin: 0px 0 0;
	margin-left: -20px;
	overflow: hidden
}

.tlist a {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-overflow: ellipsis;
	background: #fff;
	width: 81px;
	float: left;
	margin-left: 20px;
	margin-bottom: 10px;
	display: block;
	padding: 10px
}


.listnews {
	margin-left: -10px;
	overflow: hidden
}

.listnews li {
	padding: 10px;
	background: #fff;
	margin-bottom: 10px;
	overflow: hidden;
	box-sizing: border-box;
	margin-left: 10px
}

.listnews li .listnews_img {
	float: left;
	margin-right: 20px
}

.listnews li .listnews_img img {
	width: 160px;
	height: 110px
}

.listnews li .listnews_text {}

.listnews_biaoti {
	font-size: 16px;
	font-weight: bold;
	overflow: hidden;
	line-height: 30px;
	height: 30px;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-overflow: ellipsis;
	margin-bottom: 10px
}

.listnews_jianjie {
	color: #909090;
	height: 40px;
	line-height: 20px;
	margin-bottom: 5px;
	overflow: hidden;
	font-size: 14px;
	margin-bottom: 10px
}

.listnews_time {
	color: #A8A8A8;
	background-image: url(../images/time.png);
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 13px;
	padding-left: 20px;
	display: inline-block
}





.contentmt {
	display: flex;
	justify-content: space-between;
	overflow: auto
}

.contentmt li {
	float: left
}

.contentmt li a {
	display: block;
	width: 200px;
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	text-align: center;
	cursor: pointer;
	color: hsla(0, 0%, 100%, .88);
	background: #11477d;
	height: 40px;
	line-height: 40px;
}

.contentmt li:first-child a {
	border-radius: 4px 0px 0px 4px
}

.contentmt li a.active {
	background: #0275e8;
	color: #fff;
}

.contentmt li:last-child a {
	border-radius: 0px 4px 4px 0px
}

.contentmf {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top: 20px;
	margin-bottom: 10px;
}

.contentmf a {
	border: 1px solid #eee;
	border-radius: 4px;
	width: 100px;
	height: 64px;
	font-size: 16px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background: #fff;
	margin-left: 4px
}

.contentmf a.active {
	color: #0377eb;
	font-weight: bold;
	border: 1px solid rgba(0, 128, 255, .88);
	position: relative;
}

.contentmf a.active .tagLine,
.contentmf a:hover .tagLine {
	display: inline-block;
	width: 100%;
	height: 6px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: #0278ec;
	border-radius: 0px 0px 2px 2px;
}

.matchb h6 {
	display: flex;
	height: 24px;
	line-height: 24px;
	align-items: center;
	margin: 10px 0px
}

.matchb h6 time {
	font-size: 12px;
	font-weight: 400;
	line-height: 25px;
	color: #999999;
	height:
}

.match h6 time:before {
	content: "";
	display: inline-block;
	width: 2px;
	height: 18px;
	background: #1c969f;
	margin-right: 6px;
	position: relative;
	top: 2px
}




.zbllc {
	width: 950px;
	margin-top: 10px;
}



.basehe .name .en {
	display: flex;
	font-size: 12px;
	color: #bbb
}

.ycdk {
	border-radius: 4px;
	padding: 0 10px;
	margin-top: 20px;
	overflow: hidden;
	background: #0474e5
}

.ycdk img {
	float: left;
	height: 40px;
	width: auto;
	margin-top: 5px
}

.ycdk span {
	float: left;
	height: 50px;
	line-height: 50px;
	margin-left: 10px;
	font-size: 20px;
	color: #fff
}

.ycdk .yc-dh {
	float: right
}

.ycdk .yc-dh a {
	display: inline-block;
	font-size: 16px;
	margin-left: 10px;
	padding: 0px 10px;
	height: 30px;
	line-height: 30px;
	margin-top: 10px;
	border-radius: 4px;
	color: #fff
}

.ycdk .yc-dh a.active {
	background: #0a4f93e0;
	color: #FFF
}

.top20 {
	margin-top: 10px;
}


.tuwens {}

.tuwens ul {
	margin-left: -20px;
	overflow: hidden
}

.tuwens ul li {
	width: 220px;
	background: #fff;
	border-radius: 4px;
	padding: 10px;
	float: left;
	margin-left: 20px;
	margin-bottom: 20px
}

.tuwens ul li .img {
	height: 135px;
	position: relative;
	overflow: hidden
}

.tuwens ul li .img img {
	width: 100%;
	height: 135px
}

.tuwens ul li .biaoti {
	font-size: 16px;
	height: 30px;
	line-height: 30px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center
}



.tuwenn {}

.tuwenn ul {
	margin-left: -20px;
	overflow: hidden
}

.tuwenn ul li {
	width: 202px;
	background: #fff;
	border-radius: 4px;
	padding: 10px;
	float: left;
	margin-left: 20px;
	margin-bottom: 20px
}

.tuwenn ul li .img {
	height: 135px;
	position: relative;
	overflow: hidden
}

.tuwenn ul li .img img {
	width: 100%;
	height: 120px
}

.tuwenn ul li .biaoti {
	font-size: 16px;
	height: 30px;
	line-height: 30px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center
}






.tl_box {}

.tl_box ul {
	margin-left: -10px;

}

.tl_box ul li {
	width: 312px;
	float: left;
	background-color: #fff;
	margin-left: 10px;
	margin-bottom: 10px
}

.tl_box h3 {
	height: 30px;
	padding: 0 8px;
	line-height: 30px;
	text-align: left;
	font-size: 16px;
	overflow: hidden;
}

.tlb_art {
	padding: 0px 9px;
	height: 50px;
	line-height: 25px;
	font-size: 14px;
	color: #878787;
	overflow: hidden;
}

.tlb_art em {
	display: inline-block;
	height: 18px;
	background: #ff4939;
	line-height: 18px;
	color: #fff;
	font-size: 14px;
	padding: 1px 6px;
	font-style: normal;
	border-radius: 3px;
	margin-right: 5px;
}

.jff {
	background: #fff;
	margin-top: 10px
}

.jff .jfname {
	font-size: 18px;
	font-weight: bold;
	padding: 10px
}

.jff .rankingt {}


.lmbj {
	background: #0474e5;
	height: 40px;
	line-height: 40px;
	color: #FFF
}

.bgg {
	border-bottom: 1px solid #eee
}

.log {
	display: flex;
	align-items: center;
	text-align: left
}

.truncate {
	padding-left: 5px
}

.rankingt .order {
	display: block;
	width: 28px;
	height: 28px;
	background: #444;
	font: 18px / 30px Helvetica;
	color: #fff;
	border-radius: 2px;
	text-align: center
}

.jff .rankingt div {}

.rankingt {
	display: grid;
	grid-template-columns: 5% 23% 9% 9% 9% 9% 9% 9% 9% 9%;
	height: 50px;
	align-items: center;
	padding: 0 30px
}

.ranking_lanqiu_table {
	display: grid;
	grid-template-columns: 6% 26% 17% 17% 17% 17%;
	height: 50px;
	align-items: center;
	padding: 0 30px
}

.fixscotc {
	padding: 6px;
	background: #fff;
	margin-bottom: 20px;
}

.fixscotc p {
	font-size: 14px;
	line-height: 22px;
	margin-bottom: 10px
}

.fixscotc p a {
	margin-right: 10px
}

.fixscotc p span.biaoti {
	color: #538bdc
}



.znrr-xyp {
	margin: 30px 0 10px 0;
	height: 80px;
	position: relative;
	padding-top: 20px;
	border-top: 1px solid #eee
}

.znrr-xyp p {
	margin-bottom: 10px
}


.basehe {
	background: #0474e5 url(../images/bg-qd.png) no-repeat;
	background-size: 100%;
	overflow: hidden;
	position: relative;
	margin-bottom: 10px;
}

.basehe .icon {
	float: left;
	width: 50px;
	height: 50px;
	margin: 11px;
	object-fit: contain
}

.basehe .name .zh {
	margin-top: 5px;
	font-size: 20px;
	color: #fff;
}

.basehe .name .zh h1 {
	font-size: 20px;
	font-weight: 500
}

.basehe .worth {
	height: 72px;
	line-height: 72px;
	color: #FFF;
	font-size: 18px;
	padding: 0 20px 0 20px;
	position: absolute;
	top: 0px;
	right: 0px;
	background-color: #0275e8
}

.basehe .worth::before {
	position: absolute;
	content: '';
	top: 0;
	border: solid transparent;
	border-right-color: rgba(255, 255, 255, 0.6);
	border-top-color: rgba(255, 255, 255, 0.6);
	border-width: 52px 20px;
	left: -42px;
	z-index: -1;
	transform: translateX(20px);
	animation-name: worth;
	animation-duration: .8s;
	animation-timing-function: cubic-bezier(0, 1.24, 0.75, 1.29);
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-delay: .4s
}

.basehe .worth::after {
	position: absolute;
	content: '';
	top: 0;
	border: solid transparent;
	border-right-color: #0275e8;
	border-top-color: #0275e8;
	border-width: 52px 20px;
	left: -28px
}

.basehe .name .en {
	display: flex;
	font-size: 12px;
	color: #bbb
}


.wuwu {
	text-align: center;
	margin: 10px 0px;
	min-height: 390px;
}

.wuwu img {
	width: 100px
}

.wuwu span {
	display: block
}



.da01 {
	background: #FFF;
	padding: 10px;
	overflow: hidden
}

.da01 li {
	margin-left: 8px;
	margin-right: 8px;
	border-bottom: #eaeaea 1px dotted;
	margin-bottom: 15px;
	overflow: hidden;
	padding: 0px
}

.da01 li .btt {
	font-size: 16px;
	color: #333;
	line-height: 28px
}

.da01 li .btt a {
	color: #333
}

.da01 li .btt a:hover {
	color: #333
}

.da01 li p {
	line-height: 21px;
	color: #888;
	padding-bottom: 9px
}

.da01 li span {
	font-size: 12px;
	height: 28px;
	color: #8d8d8d;
	font-size: 12px;
	display: block
}

.da01 li span a {
	color: #1f6db4
}



.ListItem {
	padding: 6px;
	overflow: hidden;
	background: #FFF
}

.ctimg {
	float: left;
	margin-right: 10px
}

.ctimg img {
	width: 150px;
	height: 90px
}

.ctnr {
	float: left;
	width: 580px;
	font-size: 14px
}



.match_bj {
	position: relative;
	height: 280px;
	margin-top: 10px;
}

.match_bg {
	height: 280px;
	background: linear-gradient(90deg, #076fd7 18.8%, #0474e5 49.96%, #0b62b8 81.5%);
	position: absolute;
	top: 0px;
	left: 0;
	right: 0;
	z-index: -1;
}

.match_bg .match_bg_wrapper {
	width: 1200px;
	margin: auto
}

.match_bg .match_bg_wrapper .match_bg_container {
	position: absolute;
	display: flex;
	justify-content: center;
	bottom: 0;
	width: 1200px
}

.fixed_score_box .fixed_score_top {
	color: #fff
}

.scoreleft {
	text-align: center;
	width: 30%
}

.scoreright {
	text-align: center;
	width: 30%
}

.scoreleft h1,
.scoreright h1 {
	height: 26px;
	font-size: 20px;
	font-weight: bold;
	line-height: 26px;
	color: #FFFFFF;
	margin-top: 10px
}

.scoreright .image_container,
.scoreleft .image_container {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background-color: white;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto
}

.scoreright .image_container img,
.scoreleft .image_container img {
	width: 56px;
	height: 56px;
	border-radius: 50%
}

.score_name {
	text-align: center;
	width: 40%
}

.league_name {
	width: 100%;
	height: 28px;
	line-height: 28px;
	padding: 4px 27px;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
	text-align: center;
	padding-top: 50px
}

.score {
	width: 100%;
	display: flex;
	justify-content: space-around;
	align-items: center
}

.match_score {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 25px 0;
	height: 39px;
	padding: 0 12px
}

.match_score>div {
	font-size: 32px;
	font-family: DIN;
	font-weight: bold;
	line-height: 39px;
	color: #FFFFFF
}

.match_status {
	height: 36px;
	background: #FFFFFF;
	border-radius: 18px;
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	line-height: 36px;
	width: 140px;
	margin: auto;
	color: #333
}

.match_status.live {
	color: #0474e5
}

.scoreleft.scoreright {
	flex-direction: row-reverse
}

.scoreleft.scoreright .image_container {
	margin-left: 20px
}

.match_details {
	margin-top: 10px;
	margin-bottom: 10px
}




.rmss ul {
	padding: 10px;
	background: #fff;
	overflow: hidden;
}

.rmss a {
	background-color: #fff;
	border-top-left-radius: 1px;
	border-bottom-left-radius: 1px;
	display: inline-block;
	color: #000000 !important;
	font-size: 14px !important;
	height: 26px;
	line-height: 26px;
	margin: 0 13px 5px 0;
	padding: 0 5px 0 9px;
	position: relative;
	text-decoration: none
}


.news-container {
	background: #FFF;
	padding: 10px;
	margin-top: 10px;
}


.zbds img {
	width: 100%;
}

.wnr {
	text-align: center;
	padding-top: 10px;
}


/**手机端**/
@media (max-width: 586px) {

	html,
	body,
	.header__container,
	.header__content,
	.header__slide,
	.header__nav,
	.home-game__container,
	.part2L,
	.part2R,
	.top20,
	.matchb,
	.main__container,
	.liebe .liebe1,
	.liebe .liebe2,
	.vlists .video-detail,
	.zbllc,
	.matchb .hotmatch,
	.main__aside-right,
	.match_bj,
    .match_bg,
    .match_bg .match_bg_wrapper,
    .match_bg .match_bg_wrapper .match_bg_container,
	.footer {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		box-sizing: border-box;
	}

	.header__nav {

		gap: 12px;
		/* <-- 调整这个值 */
		padding: 6px;
		box-sizing: border-box;
		-webkit-overflow-scrolling: touch;
	}

	.header__nav__list {
        margin: 0 5px;
		width: auto;
	}

	.home-banner__slider__slide__title {
		display: block;
		/* 或 inline-block，根据布局调整 */
		width: 100%;
		white-space: nowrap;
		/* 不换行 */
		overflow: hidden;
		/* 隐藏溢出内容 */
		text-overflow: ellipsis;
		/* 用 ... 表示溢出 */
		box-sizing: border-box;
	}

	.part2R {
		margin-left: 0;
	}

	.matchb .hotmatch a.items-center {
		width: 70%;
	}

	.matchb .hotmatch .streamBox2 {
		width: 30%;
	}

	.main__aside-right {
		padding-left: 0;
	}

	.tuwenn ul li {
		width: 40%;
	}

    .league_name{
        padding: 27px 0;
    }



}