body {
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
background-color:#212326;
color:#fff;
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
}
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; color:#CCC
}
a:hover{text-decoration:none;color:#0080ffe0}
.header__container {
background-color:#191b1f;
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--download:before {
background-image:url(https://www.yishengluqiao.com/static/pc/default/images/text_app.svg?5a1c397e07807a7625ae49770fdc3294);
background-size:28px 17px;
content:"";
height:17px;
left:32px;
position:absolute;
top:8px;
width:28px
}
.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:#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-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:rgba(0, 128, 255, .88)
}
.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--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:nth-child(-n+3) .header__form__hot-search__list__num {
background-image:url(../images/sprites/desktop_sprite.png¿d1ac4ee4f8d01280d24f4f614c83552e.html);
background-position:-641px -250px;
font-style:italic;
font-weight:700;
height:12px;
width:26px
}
.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 60px;
min-height:calc(100vh - 430px);
position:relative;
width:1280px
}
.mianbaoxie{
width: 100%;
margin: 24px auto;
}
.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(../images/sprites/pcTabs_sprite.png¿ba0c72b9ed94a76e138764c177c487f7.html);
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(../images/sprites/pcTabs_sprite.png¿ba0c72b9ed94a76e138764c177c487f7.html);
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(../images/sprites/pcTabs_sprite.png¿ba0c72b9ed94a76e138764c177c487f7.html);
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(../images/sprites/pcTabs_sprite.png¿ba0c72b9ed94a76e138764c177c487f7.html);
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:586px;
left:0;
overflow:hidden;
position:absolute;
top:0;
white-space:nowrap;
width:100%
}
.home-banner__slider__container:after, .home-banner__slider__container:before {
content:"";
height:586px;
position:absolute;
top:0;
width:260px;
z-index:2
}
.home-banner__slider__container:before {
background:-webkit-gradient(linear, left top, right top, from(#212326), to(rgba(33, 35, 38, 0)));
background:-webkit-linear-gradient(left, #212326, rgba(33, 35, 38, 0));
background:linear-gradient(90deg, #212326, rgba(33, 35, 38, 0));
left:0
}
.home-banner__slider__container:after {
background:-webkit-gradient(linear, right top, left top, from(#212326), to(rgba(33, 35, 38, 0)));
background:-webkit-linear-gradient(right, #212326, rgba(33, 35, 38, 0));
background:linear-gradient(270deg, #212326, rgba(33, 35, 38, 0));
right:0
}
.home-banner__slider__slide {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
height:586px;
-o-object-fit:cover;
object-fit:cover;
width:100%
}
.home-banner__slider__slide__title {
color:hsla(0, 0%, 100%, .88);
font-size:20px;
font-weight:500;
height:30px;
line-height:30px;
position:absolute;
text-align:center;
top:20px;
width:100%;
z-index:2
}
.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__slide:before {
background:-webkit-gradient(linear, left top, left bottom, from(#212326), color-stop(17%, rgba(33, 35, 38, .7)), to(rgba(33, 35, 38, 0)));
background:-webkit-linear-gradient(top, #212326, rgba(33, 35, 38, .7) 17%, rgba(33, 35, 38, 0));
background:linear-gradient(180deg, #212326, rgba(33, 35, 38, .7) 17%, rgba(33, 35, 38, 0));
height:318px;
top:0
}
.home-banner__slider__slide:after {
background:-webkit-gradient(linear, left bottom, left top, from(#212326), color-stop(34%, rgba(33, 35, 38, .95)), to(rgba(33, 35, 38, 0)));
background:-webkit-linear-gradient(bottom, #212326, rgba(33, 35, 38, .95) 34%, rgba(33, 35, 38, 0));
background:linear-gradient(0deg, #212326, rgba(33, 35, 38, .95) 34%, rgba(33, 35, 38, 0));
bottom:0;
height:268px
}
.home-banner__slider__pagination {
position:absolute
}
.home-banner__slider__pagination.swiper-pagination-bullets {
bottom:132px
}
.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}
.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;
color:hsla(0, 0%, 100%, .88);
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;
margin-top: 20px;
}
.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 {
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column;
width:100%
}
.card__recommend__list {
margin-top:10px;
position:relative
}
.card__recommend__list__cover {
border-radius:4px;
-o-object-fit:cover;
object-fit:cover;
overflow:hidden
}
.card__recommend__list__icon {
-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:absolute;
z-index:1
}
.card__recommend__list__img {
width:100%; height: auto
}
.card__recommend__list__footer {
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:100%
}
.card__recommend__list__title {
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
color:hsla(0, 0%, 100%, .7);
display:-webkit-box;
font-size:16px;
font-weight:400;
line-height:24px;
margin:0;
max-height:48px;
overflow:hidden;
padding:0;
text-overflow:ellipsis
}
.card__recommend__list__title:hover {
color:rgba(0, 128, 255, .88);
-webkit-transition:color .3s;
transition:color .3s
}
.card__recommend__list--news {
-webkit-box-sizing:border-box;
box-sizing:border-box;
height:60px;
padding-left:118px
}
.card__recommend__list--news .card__recommend__list__cover {
border-radius:4px;
height:50px;
left:0;
position:absolute;
top:0;
width:106px
}
.card__recommend__list--news .card__recommend__list__comment {
color:hsla(0, 0%, 100%, .4);
font-size:14px;
height:18px;
line-height:18px
}
.card__recommend__list--news .card__recommend__list__footer {
-webkit-box-flex:0;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-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:0 0 1;
-ms-flex:0 0 1;
flex:0 0 1;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column;
height:100%;
-webkit-justify-content:space-between;
justify-content:space-between
}
.card__recommend__list--gallery, .card__recommend__list--gallery .card__recommend__list__cover {
height:180px;
width:100%
}
.card__recommend__list--gallery .card__recommend__list__icon {
background-color:rgba(0, 0, 0, .32);
border-radius:4px;
color:hsla(0, 0%, 100%, .88);
font-size:12px;
height:18px;
padding:0 4px;
right:10px;
top:10px
}
.card__recommend__list--gallery .card__recommend__list__icon:before {
margin-right:2px
}
.card__recommend__list--gallery .card__recommend__list__footer {
background-image:-webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .9)));
background-image:-webkit-linear-gradient(top, transparent, rgba(0, 0, 0, .9));
background-image:linear-gradient(180deg, transparent, rgba(0, 0, 0, .9));
bottom:0;
height:74px;
left:0;
padding:18px 10px 6px;
position:absolute;
width:100%
}
.card__recommend__list--gallery .card__recommend__list__title {
bottom:6px;
font-weight:400;
height:48px;
left:50%;
position:absolute;
-webkit-transform:translate(-50%);
transform:translate(-50%);
width:220px;
z-index:2
}
.card__recommend__list--topic {
background-color:#292b2e;
border-radius:4px;
overflow:hidden
}
.card__recommend__list--topic .card__recommend__list__cover {
height:145px;
width:300px
}
.card__recommend__list--topic .card__recommend__list__icon {
background-color:#0080ff;
border-radius:0 4px;
color:#fff;
font-size:12px;
height:22px;
line-height:22px;
padding:0 6px;
right:0;
top:0
}
.card__recommend__list--topic .card__recommend__list__footer {
padding:10px 12px
}
.card__recommend__list--match {
background-color:hsla(0, 0%, 100%, .01);
-webkit-box-sizing:border-box;
box-sizing:border-box;
color:hsla(0, 0%, 100%, .8);
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
font-size:14px;
height:134px;
padding-top:24px;
width:300px
}
.card__recommend__list--match .card__recommend__list__time {
background-color:hsla(0, 0%, 100%, .06);
border-radius:4px 0;
font-size:10px;
height:18px;
left:0;
line-height:18px;
padding:0 6px;
position:absolute;
top:0;
z-index:1
}
.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;
margin-top:36px
}
.news-container__tags-list {
color:hsla(0, 0%, 100%, .4);
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;
color:hsla(0, 0%, 100%, .7);
font-size:14px;
height:19px;
margin-bottom:46px
}
.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;
color:hsla(0, 0%, 100%, .4);
-webkit-flex-grow:1;
flex-grow:1;
margin-left:12px
}
.news-container__content {
color:hsla(0, 0%, 100%, .7);
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
}
.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:hsla(0, 0%, 100%, .01);
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:48px 0 36px;
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
}

.news-container__info-name{
margin: 0 5px;
padding: 0 5px;
}

.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 {
color:hsla(0, 0%, 100%, .4);
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}
.jlist a{ color:#FFF;height:45px;line-height:45px;border-bottom:1px solid #333;background:url(../images/sp.png) no-repeat left;background-size:26px;padding-left:26px;font-size:16px;overflow:hidden;float:left;width:100%}
.jlist a:hover{color:#0080ff;}
.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}
.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; color:#fff}
.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;}
.litenew li{line-height:25px;border-bottom:1px solid  #292b2df2;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;color:#ffffffcc;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}
.litenew li a:hover{color:#41BE57}
.hide{display:none}
.xxk{}
.xxk ul{height:50px;}
.xxk li{background:#2c2f35ed;height:50px;line-height:50px;text-align:center;padding:0 12px;float:left;cursor:pointer; list-style:none}
.xxk li.on{background:#152440;color:#FFF}
.matchb{}
.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}
.blue_left p {
    background: linear-gradient(90deg, #929292, #c1c1c1);
}
.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}
.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;color:#666}
.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; color:#666}
.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:60px;height:28px;display:flex;justify-content:center;align-items:center;color:#fff;border-radius:3px}
.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{color:#fff;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:#333;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:#333;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:#333;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: #333;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:#333;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;color:#fff;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: #191b1fc9;height:40px;line-height:40px;}
.contentmt li:first-child a{border-radius:4px 0px 0px 4px}
.contentmt li a.active{background: rgba(0, 0, 0, .9);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}
.contentmf a{border:1px solid #666;border-radius:4px;width:100px;height:64px;font-size:16px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#333;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;}
.match  h6 time:before{content:"";display:inline-block;width:2px;height:18px;background:#1c969f;margin-right:6px;position:relative;top:2px}
.zbllc{ width:950px;}
.basehe .name .en{display:flex;font-size:12px;color:#bbb}
.ycdk{border-radius:4px;padding:0 10px;margin-top:20px;overflow:hidden;background:#333}
.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}
.ycdk .yc-dh a.active{background:#0474e5;color:#FFF}
.top20{ margin-top:10px;}
.search_777{display: flex;flex-wrap: wrap;}

.search_777 a{margin:5px; padding:5px;background:#333;color:#FFF;    font-size: 14px;}
.search_777 a:hover{color:#0474e5;}


.pindao{margin-top: 10px;overflow: hidden;}
.pindao_liebiao{display: flex;flex-wrap: wrap;}
.pindao_liebiao li {padding: 10px;margin: 10px;background: #333333;}
.pindao_liebiao a {color: #fff;}
.pindao_liebiao a:hover {font-weight: 500;color: rgba(0, 128, 255, .88);-webkit-transition: color .3s;transition: color .3s;}
.tuwenn{}
.tuwenn ul{margin-left:-20px;overflow:hidden}
.tuwenn ul li{width:202px;background:#333;border-radius:4px;padding:10px;float:left;margin-left:20px;margin-bottom:20px}
.tuwenn ul li .img{height:110px;position:relative;overflow:hidden}
.tuwenn ul li .img img{width:100%;height:129px}
.tuwenn ul li .biaoti{font-size:16px;color:#fff;height:30px;line-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}
.jff{background:#333;margin-top:10px}
.jff .jfname{font-size:18px;font-weight:bold;padding:10px}
.jff .rankingt{}
.lmbj{background:#0c0909;height:40px;line-height:40px}
.bgg{border-bottom:1px solid #666}
.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:20px 6px;background:#333}
.fixscotc p{font-size:14px;line-height:22px;margin-bottom:10px;margin-top: 20px;}
/*.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 #333}
.znrr-xyp p{margin-bottom:10px}
.basehe{background:#333 url(../images/bg-qd.png) no-repeat;background-size:100%;overflow:hidden;position:relative}
.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:30px;line-height:30px;color:#FFF;font-size:12px;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:15px 11px;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:15px 14px;left:-28px}
.basehe .name .en{display:flex;font-size:16px;color:#bbb}
.wuwu{text-align:center;margin:40px 0px;min-height:390px}
.wuwu img{width:100px}
.wuwu span{display:block}
.ListItem{padding:10px 0px;overflow:hidden}
.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}
.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:#9e07dc}
.match_status.live{color:#FF2727}
.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;text-overflow: ellipsis;white-space: nowrap;}
.signa ul li.f{background:#0275e8}
.signa ul li.f a{color:#fff}
.rmss ul{padding:10px;background:#333;overflow:hidden;}
.rmss a{background-color:#000;border-top-left-radius:1px;border-bottom-left-radius:1px;display:inline-block;color:#ccc !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;text-overflow: ellipsis;white-space: nowrap;}