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
}
.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__list--more:before {
	border:4px solid transparent;
	border-bottom:0;
	border-top-color:#fff;
	content:"";
	margin-left:4px;
	opacity:.7;
-webkit-transition:all .3s;
transition:all .3s
}
.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(/static/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}
.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}

.signa{}
.signa ul{}
.signa ul li{margin-right:10px;background:#CCC;display:inline-block;padding:10px 20px;margin-top:10px;margin-bottom:10px;border-radius:6px}
.signa ul li.f{background:#0275e8}
.signa ul li.f a{color:#fff}


.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;}