html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
}

a,
a:focus,
a:hover {
    color: #000;
    text-decoration: none;
}

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

ul {
    list-style: none;
}

button,
input,
select {
    margin: 0;
}

html {
    box-sizing: border-box;
}
#focus_ranking{
    display: flex;
    justify-content: center;
}
*,
*::before,
*::after {
    box-sizing: inherit;
}

img,
video {
    height: auto;
    max-width: 100%;
}

iframe {
    border: 0;
}

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

td,
th {
    padding: 0;
}

* {
    padding: 0;
    margin: 0;
}

html {
}

img[src=""],
img:not([src]) {
    opacity: 0;
    border: none;
}

.footerlist {
    display: flex;
    justify-content: center;
    align-items: center;
}

.jsulogo {
    display: flex;
    align-items: center;
}

.jsulogo img {
    width: 36px;
    height: 14px;
    margin-left: 2px;
}

.footer {
    width: 100%;
    background: #3D3F41;
    overflow: hidden;
}

.noshow {
    display: none;
}

ul,
li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer_text {
    font-size: 14px;
    color: #ffffff;
    text-align: center;
    margin-top: 44px;
}

.aboutus {
    font-size: 16px;
    color: #D1D1D1;
    margin-top: 54px;
    display: flex;
    justify-content: center;
}

.aboutli {
    display: flex;
}

.line_li {
    margin: 0 20px;
}

.bianhao {
    font-size: 16px;
    margin-top: 27px;
    color: #D1D1D1;
    text-align: center;
}

.footnav {
    position: fixed;
    right: 40px;
    bottom: 15px;
    width: 60px;
    /* height: 296px; */
    border-radius: 6px;
    box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.16);
    z-index: 999;
    background: #ffffff;
}

.nav_lio {
    height: 74px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #C3C3C3;
}

.nav_lio:hover {
    cursor: pointer;
    color: #ECC000;
}

.kefu img {
    width: 24px;
    height: 24px;
}

.kefu_text {
    text-align: center;
    margin-top: 4px;
}

/* 头部公用样式 */
.header_nav {
    display: flex;
    height: 62px;
    align-items: center;
    background: #ffffff;
}

#userLogged {
    display: flex;
    align-items: center;
}

.userlogin {
    display: flex;
    align-items: center;
}

#userLogged img {
    width: 20px;
    height: 20px;
}

#username {
    font-size: 14px;
    color: #000000;
    margin-left: 5px;
}

#quitLogin {
    cursor: pointer;
    font-size: 14px;
    color: #000000;
    margin-left: 24px;
}

.logo img {
    display: block;
    width: 95px;
    height: 31px;
}

.nav_header {
    display: flex;
    width: 1200px;
    margin: 0 auto;
    align-items: center;
    justify-content: space-between;
}

.nav_list {
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #0A0B0D;
    height: 100%;
}

.nav_list div {
    margin-left: 8px;
    padding: 8px 20px;
    background: #ffffff;
    border-radius: 20px 20px 20px 20px;
}


.marleft40 {
    margin-left: 40px !important;
}

.navactives {
    background: #FFD004 !important;
}

.nav_list div:hover {
    cursor: pointer;
    background: #FFD004;
}

.leftnav {
    display: flex;
    align-items: center;
}

.right_nav {
    display: flex;
    color: #000000;
    font-size: 14px;
}

.right_nav img {
    width: 20px;
    height: 20px;
}

.login {
    cursor: pointer;
    margin-left: 8px;
}

.contant {
    display: flex;
}

.c_leftnav {
    width: 62px;
    background: #272727;
    height: 100%;
    position: fixed;
    left: 0;
}

.all {
    cursor: pointer;
    margin-top: 40px;
    font-size: 12px;
    color: #FFD004;
    display: flex;
    justify-content: center;
    align-items: center;
}

.all_texts {
    color: #C0C0C0;
}

.all img {
    width: 20px;
    height: 20px;
}


.hot_text {
    display: flex;
    margin-top: 32px;
    align-items: center;
}

.nba_game {
    margin-left: 25px;
    font-size: 16px;
    color: #8C8C8C;
}

.hot {
    font-size: 28px;
    color: #0A0B0D;
}

.swipers {
    margin-top: 20px;
}

/* 登录注册 */
.yinying {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000000;
    opacity: 0.4;
    z-index: 1000;
}

.registerf {
    width: 400px;
    height: 350px;
    display: flex;
    position: fixed;
    background-size: 100% 100%;
    left: 677px;
    top: 264px;
    box-shadow: 3px 0px 12px 1px rgba(0, 0, 0, 0.16);
    border-radius: 12px;
    z-index: 1001;
}

.enroll {
    position: absolute;
    right: -166px;
    width: 380px;
    height: 350px;
    background: #ffffff;
    border-radius: 12px;
}

.closed {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
}

.closed img {
    cursor: pointer;
    width: 10px;
    height: 10px;
    margin-right: 20px;
}

.zucez {
    margin-left: 32px;
    margin-top: 8px;
}

.zucetitle {
    font-size: 20px;
    color: #2D313E;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
}

.phonenum {
    margin-top: 24px;
}

.phonenum input {
    padding: 0 10px;
    width: 316px;
    height: 48px;
    border-radius: 6px;
    border: 1px solid #E7E7E7;
}

.phonenum input:focus {
    outline: 1px solid #FFD004 !important;
}

.phonecode {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 16px;
    padding: 0 16px;
    width: 316px;
    height: 48px;
    border-radius: 6px;
    border: 1px solid #E7E7E7;
}

.agincode {
    cursor: pointer;
    color: #ECC000;
    font-size: 14px;
}

.agin_code {
    cursor: pointer;
    color: #ECC000;
    font-size: 14px;
}

.phonecode input {
    border: none;
    outline: none;
}

.Passwordli input {
    border: none;
    outline: none;
}

.Passwordli {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 16px;
    padding: 0 16px;
    width: 316px;
    height: 48px;
    border-radius: 6px;
    position: relative;
    border: 1px solid #E7E7E7;
}

.Password img {
    width: 16px;
    height: 16px;
}

.registerbtn {
    cursor: pointer;
    width: 316px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    background: #FFD004;
    border-radius: 6px;
    font-size: 16px;
    color: #0A0B0D;
    margin-top: 22px;
}

.loginbtn {
    /* opacity: .5; */
    cursor: pointer;
    width: 316px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    background: #FFD004;
    border-radius: 6px;
    font-size: 16px;
    color: #0A0B0D;
    margin-top: 30px
}

.login_nav {
    display: flex;
    margin-top: 2px;
    font-size: 16px;
    color: #2D313E;
}

.noyu {
    cursor: pointer;
}

.eyes {
    cursor: pointer;
}

.login_active {
    color: #ECC000;
}

.line {
    width: 16px;
    height: 2px;
    margin: 0 auto;
    margin-top: 5px;
    background: #ECC000;
}

.passworddl {
    cursor: pointer;
    margin-left: 24px;
}

.forgetpass {
    right: 0px;
    bottom: -24px;
    font-size: 12px;
    color: #707070;
    cursor: pointer;
    position: absolute;
}

.accountant {
    font-size: 14px;
    margin-top: 20px;
    color: #707070;
    width: 316px;
    text-align: center;
    cursor: pointer;
}

.accountants {
    font-size: 14px;
    margin-top: 20px;
    color: #707070;
    text-align: center;
    cursor: pointer;
    width: 316px;
}

.note {
    cursor: pointer;
}

.errorli {
    font-size: 14px;
    color: #F94654;
    position: absolute;
    left: 0px;
    bottom: -26px;
}

.register {
    width: 100%;
    background: #F6F6F6;
}

.reg_header {
    background-size: 100% 100%;
    background: #fcd505;
}

.nav_reg {
    height: 62px;
    width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.navlist {
    display: flex;
    align-items: center;
}

.activelis {
    border: 1px solid #FFD004;
    opacity: 1;
}

.logo img {
    width: 95px;
    height: 31px;
    /* margin-top: 17px; */
    display: block;
}

.home {
    font-size: 16px;
    color: #000000;
    margin-left: 1px;
    /* margin-top: 20px; */
    text-align: center;
}

.marl32 {
    margin-left: 40px;
}


.home a {
    padding: 8px 20px;
    border-radius: 20px;
}

.activeas {
    cursor: pointer;
    background: #000000;;
    color: #FFD004 !important;
}

.home a:hover {
    cursor: pointer;
    background: #000000;
    color: #FFD004 !important;
}

.user img {
    width: 20px;
    height: 20px;
    /* margin-top: 24px; */
}

.user {
    font-size: 14px;
    color: #000000;
    display: flex;
}

.login {
    /* margin-top: 24px; */
    margin-left: 8px;
}

/* .logins {
	margin-top: 24px;
} */

.video {
    display: flex;
    width: 1200px;
    justify-content: space-between;
    background: #000000;
    margin: 0 auto;
}

.example_video-dimensions {
    width: 1156px;
    height: 660px;
}

.videolistdf {
    width: 1156px;
    height: 660px;
}

.videol {
    position: relative;
    width: 1156px;
    height: 660px;
}

.videobtn {
    z-index: 1000;
    width: 170px;
    height: 48px;
    border-radius: 60px;
    border: 1px solid #FFFFFF;
    position: absolute;
    bottom: 36px;
    left: 493px;
    color: #8C8C8C;
    font-size: 18px;
}

.select {
    z-index: 1000;
    position: absolute;
    right: 163px;
    bottom: 30px;
}

.btnsa {
    display: flex;
    width: 160px;
    color: #fff;
}

.ulli {
    position: absolute;
    bottom: -166px;
    right: 100px;
    z-index: 10000;
    padding-bottom: 20px;
    width: 160px;
    background: #fff;
    border-radius: 6px;
    min-height: 50px;
}

.lopls {
    padding-left: 10px;
    height: 24px;
    line-height: 24px;
    width: 100%;
    font-size: 14px;
    color: #333333;
}

.yinyings {
    height: 109px;
    width: 100%;
    opacity: .5;
    background: #000000;
    position: absolute;
    bottom: 0;
}

.lopls:hover {
    cursor: pointer;
    background: #FFD004;
}

.downb {
    width: 20px !important;
    height: 20px !important;
}

.amian {
    cursor: pointer;
    background: #000000;
    opacity: 0.6;
    flex: 1;
    height: 100%;
    line-height: 48px;
    border-radius: 60px 0px 0px 60px;
    text-align: center;
}

.amian1 {
    cursor: pointer;
    background: #000000;
    opacity: 0.6;
    flex: 1;
    height: 100%;
    line-height: 48px;
    border-radius: 0px 60px 60px 0px;
    text-align: center;
}

.activeqz {
    opacity: 1;
    background: #F5F6F9;
    color: #262626;
}

.videol img {
    width: 100%;
    height: 100%;
}

.videor {
    margin-top: 8px;
}

.videor .video_games {
    width: 220px;
    height: 124px;
    border-radius: 6px;
    margin: 4px 12px 0 0;
    background: #272727;
    color: #616161;
    opacity: 0.6;
}

.videor .video_games:hover {
    cursor: pointer;
    opacity: 1;
}

.videor .video_games .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px;
    height: 33px;
    border-bottom: 1px solid #0A0B0D;
    font-size: 12px;
}

.videor .video_games .header .yellow {
    color: #ECC000;
}

.videor .video_games .main_content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 15px;
    padding: 0 10px;
    color: #fff;
    width: 100%;
    font-size: 12px;
}

.videor .video_games .center {
    font-size: 20px;
    color: #616161;
}

.videor .video_games .team_info {
    width: 70px;
    text-align: center;
}

.videor .video_games .team_info .avatar {
    width: 32px;
    height: 32px;
    margin: 0 auto 8px auto;
}

.videor .video_games .team_info .avatar img {
    display: block;
    width: 100%;
    height: 100%;
}

.videor .video_games .team_info .name {
    white-space: nowrap;
}

.videor .video_games.active {
    border: 1px solid #FFD004;
    opacity: 1;
}


.activef {
    font-weight: bold;
}

.videolist {
    position: relative;
    width: 220px;
    height: 124px;
    border-radius: 6px;
    margin-right: 12px;
    margin-top: 4px;
    opacity: .5;
}

.videolist:hover {
    opacity: 1;
}

.activelis {
    border: 1px solid #FFD004;
    opacity: 1;
}

.dingwei {
    position: absolute;
    bottom: 3px;
    left: 8px;
    color: #EEEEEE;
    font-size: 14px;
    background-size: 100% 100%;
}

.videolist img {
    width: 100%;
    height: 100%;
}

.videolist img:hover {
    cursor: pointer;
    opacity: 1;
}

.directlist {
    overflow: hidden;
    background-size: 100% 100%;
    height: 200px;
}

.directlist .swiper {
    width: 1200px;
    margin: 0 auto;
    margin-top: 20px;
    position: relative;
    padding: 0 35px 0 34px;
}

.directlist .swiper-wrapper .swiper-slide {
    width: 252px;
    height: 160px;
    background: #272727;
    margin-left: 12px;
}

.directlist .swiper-wrapper .swiper-slide:first-child {
    margin-left: 0;
}

.directlist .swiper-prev {
    position: absolute;
    top: 0;
    left: 0px;
    width: 38px;
    background: #303030;
    height: 160px !important;
    z-index: 9999999;
    display: flex;
    justify-content: center;
    align-items: center;
}

.directlist .swiper-next {
    position: absolute;
    top: 0;
    right: 0px;
    width: 38px;
    background: #303030;
    height: 160px !important;
    z-index: 9999999;
    display: flex;
    justify-content: center;
    align-items: center;
}

.directlist .swiper-prev:hover,
.directlist .swiper-next:hover {
    background: #3D3D3D;
}

.directlist .swiper-prev:hover .btten_prev {
    background-size: 100% 100%;
}

.directlist .swiper-next:hover .btten_next {
    background-size: 100% 100%;
}

/* .swiper {
	width: 100%;
	height: 300px;
	margin: 20px auto;
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
} */

.append-buttons {
    text-align: center;
    margin-top: 20px;
}

.append-buttons a {
    display: inline-block;
    border: 1px solid #007aff;
    color: #007aff;
    text-decoration: none;
    padding: 4px 10px;
    border-radius: 4px;
    margin: 0 10px;
    font-size: 13px;
}

.carousel {
    width: 1200px;
    margin: 0 auto;
}

/*
.jk {
	margin-left: 16px;
} */

.btten_prev {
    background-size: 100% 100%;
    width: 14px;
    height: 14px;
}

.btten_next {
    background-size: 100% 100%;
    width: 14px;
    height: 14px;
}

.btten_next:hover {
    background-size: 100% 100%;
    width: 14px;
    height: 14px;
    cursor: pointer;
}

.btten_prev:hover {
    background-size: 100% 100%;
    width: 14px;
    height: 14px;
    cursor: pointer;
}

.swiper_h {
    display: flex;
    padding: 10px 0;
    padding-left: 16px;
    border-bottom: 1px solid #0A0B0D;
    font-size: 12px;
    justify-content: space-between;
    color: #8C8C8C;
}

.gif {
    color: #FFD004;
    display: flex;
    margin-right: 12px;
}

.gif img {
    width: 10px;
    height: 10px;
    margin-right: 5px;
}

.gamesml {
    display: flex;
    margin-top: 17px;
    margin-left: 16px;
    font-size: 16px;
    color: #ffffff;
    align-items: center;
}

.gamename {
    margin-left: 12px;
}

.gamesml img {
    width: 32px;
    height: 32px;
}

.gameg {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.watch_game {
    border-radius: 30px;
    border: 1px solid #FFD004;
    font-size: 12px;
    color: #FFD004;
    text-align: center;
    padding: 5px 12px;
    margin-right: 12px;
}

.watch_gametime {
    font-size: 14px;
    color: #ffffff;
    text-align: center;
    margin-right: 12px;
}

.daytime {
    font-size: 12px;
    color: #8C8C8C;
}

.swiper-slide:hover {
    background-color: #303030;
    cursor: pointer;
}

.header_newnav {
    width: 1200px;
    display: flex;
    align-items: center;
    background: #ffffff;
    margin: 0 auto;
}

.headline {
    display: flex;
    align-items: center;
    margin-right: 50px;
}

.line_ {
    width: 4px;
    height: 18px;
    background-color: #FFD004;
    margin-right: 4px;
    margin-left: 24px;
}

.hottitle {
    font-size: 18px;
    font-weight: bold;
    color: #0A0B0D;
}

.center_line {
    width: 1px;
    height: 22px;
    background: #E1E1E1;
    margin-left: 28px;
}

.teamslists {
    margin-left: 44px;
    font-size: 14px;
    color: #0A0B0D;
}

.teamslists:hover {
    color: #ECC000;
    cursor: pointer;
}

.new_Lakers {
    width: 1200px;
    margin: 0 auto;
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
}

.lakers_left {
    width: 980px;
    /* height: 624px; */
    background: #ffffff;
}

.lakers_list {
    margin-top: 20px;
    margin-left: 20px;
    padding-bottom: 16px;
}

.Jessica {
    font-size: 18px;
    color: #0A0B0D;
    cursor: pointer;
    font-weight: bold;
}

.Jessica:hover {
    font-size: 18px;
    color: #ECC000;
    cursor: pointer;
}

.image-text {
    display: flex;
    margin-top: 16px;
}

.image-text img {
    display: block;
    width: 214px;
    height: 126px;
    border-radius: 4px;
    object-fit: cover;
    object-position: top left;
}

.textcode {
    display: flex;
    margin-left: 23px;
    align-items: center;
}

.textcode:not(:first-child) {
    margin-top: 16px;
}

.circle {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #FFD004;

}

.textcv {
    color: #8C8C8C;
    font-size: 14px;
    margin-left: 7px;
    cursor: pointer;
}

.textcv:hover {
    color: #ECC000;

}

.mar_to {
    margin-top: 16px;
}

.lakers_right {
    margin-left: 20px;
    width: 400px;
    /* height: 624px; */
    background: #ffffff;
}

.lakers_rights {
    margin-left: 20px;
    width: 400px;
    background: #ffffff;
}

.tab_nav {
    font-size: 18px;
    color: #0A0B0D;
    display: flex;
}

.shooter {
    width: 90px;
    padding-bottom: 7px;
    margin: 0 auto;
    white-space: nowrap;
}


.tabactive {
    background-size: 100% 100%;
    width: 90px;
    height: 8px;
    margin: 0 auto;
    display: none;
}


.tableft {
    margin-top: 20px;
    flex: 1;
    text-align: center;
    cursor: pointer;
    border-bottom: 1px solid #EEEEEE;
}

.tableft.activef .tabactive {
    display: block;
}

.marknav {
    padding: 12px 16px;
    border-bottom: 1px solid #EEEEEE;
    display: flex;
}

.marknav .marklist {
    margin-left: 38px;
}

.marknav .marklist:first-child {
    margin-left: 0;
}

.marklist {
    font-size: 14px;
    color: #8C8C8C;
}

.markactive {
    color: #0A0B0D;
    font-weight: bold;
}

.marklist:hover {
    cursor: pointer;
    color: #0A0B0D;
    font-weight: bold;
}

.ranking {
    display: flex;
    height: 32px;
    line-height: 32px;
    font-size: 12px;
    color: #8C8C8C;
    background: #F5F5F5;
    margin: 10px 15px 5px 15px;
}

.ranking .rankings {
    min-width: 40px;
    text-align: center;
}

.ranking .player {
    min-width: 170px;
    padding-left: 10px;
}

.ranking .playergame {
    min-width: 110px;
}

.lidfc .rankinglist,
.lidfc .basklist {
    display: flex;
    align-items: center;
    height: 47px;
    background: #ffffff;
    border-bottom: 1px solid #EEEEEE;
    cursor: pointer;
}

.lidfc .rankinglist:hover,
.lidfc .basklist:hover {
    background: #F5F5F5;
}

.lidfc .rankinglist > .rankingcode {
    font-size: 12px;
    color: #818181;
    min-width: 30px;
    text-align: center;
    line-height: 47px;
}

.lidfc .rankinglist > .playername {
    font-size: 12px;
    color: #0A0B0D;
    display: flex;
    align-items: center;
    white-space: nowrap;
    min-width: 170px;
}

.lidfc .rankinglist > .playername img {
    width: 24px;
    height: 24px;
    margin-right: 4px;
    border-radius: 50%;
}

.lidfc .rankinglist > .goalplay {
    font-size: 12px;
    color: #0A0B0D;
    display: flex;
    align-items: center;
    min-width: 110px;
}

.lidfc.int .playername {
    min-width: 150px;
}

.lidfc.int .bnjiu {
    min-width: 60px;
    margin-left: 20px;
}

.lidfc.int .dribblef {
    min-width: 90px;
}

.integral-box {
    display: none;
}

.integral-box.show {
    display: block;
}

.ranking.bask {
    padding: 0 10px;
}

.ranking.bask div {
    min-width: 46px;
    text-align: center;
}

.ranking.bask div.union {
    color: #000;
    min-width: 130px;
    text-align: left;
}

.lidfc.int .basklist {
    padding: 0 10px;
}

.lidfc.int .basklist div {
    min-width: 46px;
    text-align: center;
}

.lidfc.int .basklist div.union {
    display: flex;
    align-items: center;
    min-width: 130px;
}

.lidfc.int .basklist .union > img {
    width: 24px;
    height: 24px;
    margin: 0 4px;
}

.lidfc.int .basklist .union > span:first-child {
    min-width: 20px;
}

.lidfc.int .basklist .union > span {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.color-orange {
    color: #FF4904;
}

.color-green {
    color: #0CB71D;
}

.dribble {
    font-size: 12px;
    color: #0A0B0D;
    display: flex;
    align-items: center;
    color: #FF4904;
    margin-left: 10px;
}

.focus {
    width: 1400px;
    /* margin: 0 auto; */
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap-reverse;
    /* justify-content: space-between; */
}

.lidfc {
    padding: 0 15px;
}

.focusleft {
    width: 980px;
    background: #ffffff;
}

.focusheader {
    height: 66px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #EEEEEE;
}

.footballnav {
    display: flex;
}

.footballli {
    cursor: pointer;
    width: 135px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footballli img {
    width: 18px;
    height: 18px;
}

.footballactive {
    background: url(../../images/u10/ballbg.png);
    background-size: 100% 100%;
}

.footballname {
    font-size: 18px;
    color: #0A0B0D;
    margin-left: 5px;
}

.footlift {
    display: flex;
}

.footballright {
    display: flex;
    align-items: center;
}

.footmore {
    cursor: pointer;
    font-size: 14px;
    color: #8C8C8C;
}

.footballright img {
    width: 11px;
    height: 11px;
    margin-left: 3px;
    margin-right: 20px;
}

.tomorrowlist {
    height: 60px;
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #8C8C8C;
    border-bottom: 1px solid #EEEEEE;
}

.tomoliactive {
    cursor: pointer;
    color: #0A0B0D;
    font-weight: bold;
}

.tomoli:hover {
    cursor: pointer;
    color: #0A0B0D;
}

.ml16 {
    margin-left: 16px;
}

.ml42 {
    margin-left: 42px;
}

.showli {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 88px;
    border-bottom: 1px solid #EEEEEE;
    position: relative;
    padding: 0 20px;
}

.showli:hover {
    cursor: pointer;
    box-shadow: 2px 2px 10px #dddddd;
}

.showlist .echarts-box {
    padding: 0 20px;
    display: none;
}

.showli .flr {
    align-items: center;
}

.showli .flr.time {
    width: 225px;
}

.show_time {
    font-size: 16px;
    color: #2D313E;
    width: 120px;
    text-align: center;
}

.show_name {
    font-size: 14px;
    color: #8C8C8C;
    margin-left: 16px;
    /* margin-top: 4px; */
}

.show_playl {
    width: 150px;
    font-size: 16px;
    color: #2D313E;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.show_playl img {
    min-width: 48px;
    height: 48px;
    margin-left: 9px;
}

.show_playr {
    width: 150px;
    font-size: 16px;
    color: #2D313E;
    display: flex;
    align-items: center;
}

.show_playr img {
    min-width: 48px;
    height: 48px;
    margin-right: 9px;
}

.show_playl > div,
.show_playr > div {
    white-space: nowrap;
}

.Score {
    width: 120px;
    font-size: 24px;
    color: #2D313E;
    text-align: center;
}

.gameover {
    font-size: 14px;
    background: #C0C0C0;
    width: 90px;
    height: 32px;
    border-radius: 20px;
    color: #ffffff;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.show_button {
    display: flex;
    align-items: center;
}

.flr {
    display: flex;
}

.shuju {
    font-size: 14px;
    border: 1px solid #D1D1D1;
    width: 90px;
    height: 32px;
    border-radius: 20px;
    color: #0A0B0D;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 8px;
    cursor: pointer;
}

.down img {
    width: 12px;
    height: 8px;
}

.down {
    position: absolute;
    left: 46%;
    bottom: 2px;
}

.down > span {
    display: block;
    width: 12px;
    height: 8px;
    background-size: 100% 100%;
}

.down > span.up {
}

.explain {
    display: flex;
    align-items: center;
    margin-top: 10px;
}

.freqe {
    font-size: 12px;
    color: #8C8C8C;
}

.flat {
    font-size: 12px;
    color: #4880E2;
    margin-left: 10px;
}

.victory {
    font-size: 12px;
    color: #FF4904;
    margin-left: 10px;
}

.lose {
    font-size: 12px;
    color: #00C22D;
    margin-left: 10px;
}

.echars {
    display: flex;
    justify-content: space-between;
    padding-bottom: 15px;
}

.echarsr {
    margin-left: 30px;
}

.echarsr .explain {
    justify-content: flex-end;
}

.pre {
    display: flex;
    align-items: center;
}

.pres {
    display: flex;
    align-items: center;
}

.pre_z {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

.pre_z.l {
    align-items: flex-end;
}

.pre_z.l .code_s {
    margin-right: 12px;
}

.pre_z.r {
    align-items: flex-start;
}

.pre_z.r .code_s {
    margin-left: 12px;
}

.pre_z.c {
    text-align: center;
}

.progress {
    width: 120px;
    height: 8px !important;
    transform: rotate(180deg);
    margin-bottom: 0;
}

.progres {
    transform: rotate(0deg)
}

.code_s {
    color: #8C8C8C;
    font-size: 14px;
}

.code_sd {
    width: 120px;
    color: #8C8C8C;
    font-size: 14px;
}

.progress-bar {
    background-color: #4880E2 !important
}

.bars {
    background-color: #FF4904 !important
}

.Websitel {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 90px;
    height: 32px;
    color: #FF4904;
    font-size: 14px;
    border-radius: 20px;
    border: 1px solid #FF4904;
}

.Websiteld {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 90px;
    height: 32px;
    color: #0A0B0D;
    font-size: 14px;
    border-radius: 20px;
    border: 1px solid #D1D1D1;
}

.Websited {
    display: flex;
    align-items: center;
    margin-left: 5px;
}

.Website {
    display: flex;
    align-items: center;
    margin-left: 5px;
}

.nobegin {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 90px;
    height: 32px;
    color: #0CB71D;
    font-size: 14px;
    border-radius: 20px;
    border: 1px solid #0CB71D;
}

.Websiteld img {
    width: 17px;
    height: 13px;
}

.Websitel img {
    width: 15px;
    height: 15px;
}

.ranking .playerlp {
    min-width: 150px;
    padding-left: 10px;
}

.ranking .playergamelk {
    min-width: 60px;
}

.ranking .playergameml {
    min-width: 90px;
}

.bnjiu {
    font-size: 12px;
    color: #0A0B0D;
    line-height: 47px;
}

.dribblef {
    font-size: 12px;
    color: #0A0B0D;
    display: flex;
    align-items: center;
}

.dribblenm {
    font-size: 12px;
    color: #FF4904;
    display: flex;
    align-items: center;
}

.noshow {
    display: none;
}

.tips {
    background-size: 100% 100%;
    width: 200px;
    height: 200px;
    position: absolute;
    right: 70px;
    top: -50px;
}

.tips img {
    width: 160px;
    height: 160px;
    margin-top: 15px;
    margin-left: 15px;
}

/* 登录注册 */
.yinying {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000000;
    opacity: 0.4;
    z-index: 1000;
}

.registerf {
    width: 400px;
    height: 350px;
    display: flex;
    position: fixed;
    background-size: 100% 100%;
    left: 677px;
    top: 264px;
    box-shadow: 3px 0px 12px 1px rgba(0, 0, 0, 0.16);
    border-radius: 12px;
    z-index: 1001;
}

.enroll {
    position: absolute;
    right: -166px;
    width: 380px;
    height: 350px;
    background: #ffffff;
    border-radius: 12px;
}

.closed {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
}

.closed img {
    cursor: pointer;
    width: 10px;
    height: 10px;
    margin-right: 20px;
}

.zucez {
    margin-left: 32px;
    margin-top: 8px;
}

.zucetitle {
    font-size: 20px;
    color: #2D313E;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
}

.phonenum {
    margin-top: 24px;
}

.phonenum input {
    padding: 0 10px;
    width: 316px;
    height: 48px;
    border-radius: 6px;
    border: 1px solid #E7E7E7;
}

.phonenum input:focus {
    outline: 1px solid #FFD004 !important;
}

.phonecode {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 16px;
    padding: 0 16px;
    width: 316px;
    height: 48px;
    border-radius: 6px;
    border: 1px solid #E7E7E7;
}

.agincode {
    cursor: pointer;
    color: #ECC000;
    font-size: 14px;
}

.agin_code {
    cursor: pointer;
    color: #ECC000;
    font-size: 14px;
}

.phonecode input {
    border: none;
    outline: none;
}

.Passwordli input {
    border: none;
    outline: none;
}

.Passwordli {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 16px;
    padding: 0 16px;
    width: 316px;
    height: 48px;
    border-radius: 6px;
    position: relative;
    border: 1px solid #E7E7E7;
}

.Password img {
    width: 16px;
    height: 16px;
}

.registerbtn {
    cursor: pointer;
    width: 316px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    background: #FFD004;
    border-radius: 6px;
    font-size: 16px;
    color: #0A0B0D;
    margin-top: 22px;
}

.loginbtn {
    cursor: pointer;
    width: 316px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    background: #FFD004;
    border-radius: 6px;
    font-size: 16px;
    color: #0A0B0D;
    margin-top: 30px
}

.login_nav {
    display: flex;
    margin-top: 2px;
    font-size: 16px;
    color: #2D313E;
}

.noyu {
    cursor: pointer;
}

.login_active {
    color: #ECC000;
}

.line {
    width: 16px;
    height: 2px;
    margin: 0 auto;
    margin-top: 5px;
    background: #ECC000;
}

.passworddl {
    cursor: pointer;
    margin-left: 24px;
}

.forgetpass {
    right: 0px;
    bottom: -24px;
    font-size: 12px;
    color: #707070;
    cursor: pointer;
    position: absolute;
}

.accountant {
    font-size: 14px;
    margin-top: 20px;
    color: #707070;
    text-align: center;
    cursor: pointer;
}

.accountants {
    font-size: 14px;
    margin-top: 20px;
    color: #707070;
    text-align: center;
    cursor: pointer;
}

.note {
    cursor: pointer;
}

.errorli {
    font-size: 14px;
    color: #F94654;
    position: absolute;
    left: 0px;
    bottom: -26px;
}

.swipers {
    width: 1170px;
    height: 110px;
    margin-top: 0;
    position: relative;
    background: #ffff;
    border-radius: 4px;
}

.swipers .left_btn,
.swipers .right_btn {
    display: none;
}

.swipers:hover .left_btn,
.swipers:hover .right_btn {
    display: flex;
}

.alls {
    margin-top: 20px;
}

.broadcast {
    font-size: 16px;
    color: #fff;
    height: 56px;
    line-height: 56px;
    text-align: center;
    border-bottom: 1px solid rgba(235, 238, 247, 0.2);
}

.rightnav_header {
    display: flex;
}

.list {
    background: #fff;
    padding: 0 48px;
    position: relative;
}

.downlist {
    width: 12px;
    height: 8px;
    position: absolute;
    bottom: 0;
    left: 625px;
}

.noshow {
    display: none;
}

.lidf {
    margin-top: 12px;
}

.ullist {
    position: relative;
    display: flex;
    height: 117px;
    border-bottom: 1px solid #EBEEF7;
    justify-content: space-between;
}

.convention {
    margin-left: 20px;
    font-size: 14px;
    color: #8C8C8C;
}

.time {
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #fff;
}
.score {
    text-align: center;
}
.noLive {
    color: #ECC000;
    background: #fff;
    border-radius: 15px;
    display: flex;
    width: 180px;
    justify-content: center;
    align-items: center;
    height: 30px;
    margin-top: 20px;
}

.allgame {
    cursor: pointer;
    font-size: 14px;
    color: #6D7387;
    width: 84px;
    height: 32px;
    background: #F6F6F6;
    border-radius: 20px 20px 20px 20px;
    margin-top: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
    margin-right: 5px;
}

/* .allgame1 {
	cursor: pointer;
	font-size: 14px;
	color: #6D7387;
	width: 84px;
	height: 32px;
	background: #F6F6F6;
	border-radius: 20px 20px 20px 20px;
	margin-top: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 1;
} */

.activek {
    background: #FFD004;
    color: #0A0B0D;
}

.right_game_list {
    background: #fff;
    margin-top: 12px;
}

.right_game_list .showlist .echarts-box {
    display: none;
    padding: 0 20px;
}

.right_game_list .showli {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 115px;
    border-bottom: 1px solid #EEEEEE;
    position: relative;
    padding: 0 20px;
}

.right_game_list .showli .flr {
    display: flex;
    align-items: center;
}

.right_game_list .showli .flr.time {
    width: 125px;
}

.right_game_list .showli:hover {
    cursor: pointer;
    box-shadow: 2px 2px 10px #dddddd;
}

.right_game_list .show_time {
    font-size: 16px;
    color: #2D313E;
}

.right_game_list .show_name {
    font-size: 14px;
    color: #8C8C8C;
    margin-left: 16px;
}

.right_game_list .show_playl {
    width: 180px;
    font-size: 16px;
    color: #2D313E;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.right_game_list .show_playl img {
    min-width: 48px;
    height: 48px;
    margin-left: 9px;
}

.right_game_list .show_playr {
    width: 180px;
    font-size: 16px;
    color: #2D313E;
    display: flex;
    align-items: center;
}

.right_game_list .show_playr img {
    min-width: 48px;
    height: 48px;
    margin-right: 9px;
}

.right_game_list .show_playl > div,
.right_game_list .show_playr > div {
    white-space: nowrap;
}

.right_game_list .Score {
    width: 120px;
    font-size: 24px;
    color: #2D313E;
    text-align: center;
}

.right_game_list .gameover {
    font-size: 14px;
    background: #C0C0C0;
    width: 90px;
    height: 32px;
    border-radius: 20px;
    color: #ffffff;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.right_game_list .show_button {
    display: flex;
    align-items: center;
}

.right_game_list .shuju {
    font-size: 14px;
    border: 1px solid #D1D1D1;
    width: 90px;
    height: 32px;
    border-radius: 20px;
    color: #0A0B0D;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 8px;
    cursor: pointer;
}

.right_game_list .down {
    position: absolute;
    left: 46%;
    bottom: 2px;
}

.right_game_list .down img {
    width: 12px;
    height: 8px;
}

.right_game_list .down > span {
    display: block;
    width: 12px;
    height: 8px;
    background-size: 100% 100%;
}

.right_game_list .down > span.up {
}


.all_text {
    width: 100px;
}


.navb {
    display: flex;
    height: 40px;
    justify-content: center;
    align-items: center;
    color: #fff;
    cursor: pointer;
}

.navb:not(.actives):hover {
    background: #3B3B3B;
}

.actives {
    background: #FFD004;
    color: #0A0B0D;
}

.navb img {
    width: 18px;
    height: 18px;
    margin-right: 15px;
}

.contant {
    width: 1200px;
    display: flex;
    margin: 0 auto;
    margin-top: 22px;
}

.line {
    width: 49px;
    height: 1px;
    background: #EEEEEE;
    opacity: 1;
}

.c_leftnavs {
    width: 210px;
    min-height: 100vh;
    background: #272727;
    border-radius: 4px 4px 0 0;
}

.swiper-slide {
    width: 167px !important;
    height: 108px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.swiper-slide.slide_active .line_time {
    color: #ECC000;
}

.line_time {
    font-size: 16px;
    color: #333333;
    text-align: center;
    white-space: nowrap;
}

.direct {
    background: #f6f6f6;
}

.swiper_header {
    height: 41px;
    background: #272727;
    display: flex;
    justify-content: space-between;
    border-radius: 10px 10px 0px 0px;
    padding: 0 16px;
}

.Premier {
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #fff
}

.zhibo {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #FFD004;
}

.con {
    margin-top: 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.left_l {
    text-align: center;
    margin-left: 39px;
}

.left_l img {
    width: 46px;
    height: 46px;
}

.mar21 {
    margin-left: 21px;
}

.left_r {
    text-align: center;
    margin-right: 40px;
}

.left_r img {
    width: 46px;
    height: 46px;
}

.texts {
    font-size: 14px;
    color: #2D313E;
}

.timer {
    text-align: center;
    font-size: 14px;
    color: #8C8C8C;
}

.vs {
    text-align: center;
    font-size: 26px;
    color: #2D313E;
    margin-top: 9px;
}

.left_btn {
    position: absolute;
    left: 0px;
    top: 30px;
    width: 32px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #E5E5E5;
    border-radius: 0 10px 10px 0;
    z-index: 100;
}

.left_btn img {
    width: 20px;
    height: 21px;
}

.right_btn {
    position: absolute;
    right: 0px;
    top: 30px;
    width: 32px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #E5E5E5;
    border-radius: 10px 0px 0px 10px;
    z-index: 100;
}

.right_btn img {
    width: 20px;
    height: 21px;
}

.left_btn:hover,
.right_btn:hover {
    background: #FFD004;
}

.hots {
    font-size: 28px;
    color: #333333;
}

.right_navs {
    width: 1170px;
    margin-left: 20px;
    min-height: 100vh;
}

.zhiboz {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #FF4904;
}

.zhiboz img {
    width: 12px;
    height: 12px;
    margin-right: 5px;
}

.centre {
    display: flex;
    width: 330px;
    justify-content: space-between;
    align-items: center;
    margin-left: 100px;
}

.left {
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #333333;
}

.righta {
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #333333;
}

.righta img {
    width: 48px;
    height: 48px;
    margin-right: 12px;
}

.left img {
    width: 48px;
    height: 48px;
    margin-left: 12px;
}

.score {
    font-size: 24px;
    color: #333333;
}

.right_btn {
    display: flex;
}

.right_btns {
    display: flex;
    align-items: center;
}

.over {
    width: 96px;
    height: 36px;
    font-size: 14px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #C0C0C0;
    border-radius: 20px 20px 20px 20px;
    opacity: 1;
}

.metadatad {
    width: 96px;
    height: 36px;
    font-size: 14px;
    color: #FF4904;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #FF4904;
    border-radius: 20px 20px 20px 20px;
    opacity: 1;
}

.no_bagin {
    width: 96px;
    height: 36px;
    font-size: 14px;
    color: #0CB71D;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #0CB71D;
    border-radius: 20px 20px 20px 20px;
    opacity: 1;
}

.metadatad img {
    width: 15px;
    height: 15px;
    margin-right: 5px;
}

.metadata {
    font-size: 14px;
    color: #333333;
    width: 96px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px 20px 20px 20px;
    opacity: 1;
    border: 1px solid #C0C0C0;
    margin-left: 10px;
}

.echars {
    display: flex;
    justify-content: space-between;
    padding-bottom: 46px;
    border-bottom: 1px solid #EEEEEE;
}

.echarsr {
    margin-left: 30px;
}

.pre {
    display: flex;
    align-items: center;
}

.pres {
    display: flex;
    align-items: center;
}

.pre_z {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

.pre_z.l {
    align-items: flex-end;
}

.pre_z.l .code_s {
    margin-right: 12px;
}

.pre_z.r {
    align-items: flex-start;
}

.pre_z.r .code_s {
    margin-left: 12px;
}

.pre_z.c {
    text-align: center;
}

.progress {
    width: 150px;
    height: 8px !important;
    transform: rotate(180deg);
    margin-bottom: 0;
}

.progres {
    transform: rotate(0deg)
}

.code_s {
    color: #8C8C8C;
    font-size: 14px;
}

.code_sd {
    width: 120px;
    color: #8C8C8C;
    font-size: 14px;
}

.progress-bar {
    background-color: #4880E2 !important
}

.bars {
    background-color: #FF4904 !important
}

.Websitel {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 90px;
    height: 32px;
    color: #FF4904;
    font-size: 14px;
    border-radius: 20px;
    border: 1px solid #FF4904;
}

.Websiteld {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 90px;
    height: 32px;
    color: #817d70;
    font-size: 14px;
    border-radius: 20px;
    border: 1px solid #817d70;
}

.Websited {
    display: flex;
    align-items: center;
    margin-left: 5px;
}

.Website {
    display: flex;
    align-items: center;
    margin-left: 5px;
}

.nobegin {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 90px;
    height: 32px;
    color: #0CB71D;
    font-size: 14px;
    border-radius: 20px;
    border: 1px solid #0CB71D;
}

.Websiteld img {
    width: 17px;
    height: 13px;
}

.Websitel img {
    width: 15px;
    height: 15px;
}

.playerlp {
    margin-left: 25px;
}

.playergamelk {
    margin-left: 84px;
}

.playergameml {
    margin-left: 51px;
}

.goaln {
    margin-left: 46px;
}

.playernamecvd {
    margin-left: 6px;
    font-size: 12px;
    color: #0A0B0D;
    display: flex;
    align-items: center;
}

.bnjiu {
    font-size: 12px;
    color: #0A0B0D;
    display: flex;
    align-items: center;
    margin-left: 46px;
}

.dribblef {
    font-size: 12px;
    color: #0A0B0D;
    display: flex;
    align-items: center;
    margin-left: 84px;
}

.dribblenm {
    font-size: 12px;
    color: #FF4904;
    display: flex;
    align-items: center;
    margin-left: 50px;
}

.noshow {
    display: none;
}

.tips {
    background-size: 100% 100%;
    width: 200px;
    height: 200px;
    position: absolute;
    right: 70px;
    top: 100px;
}

.tips img {
    width: 160px;
    height: 160px;
    margin-top: 15px;
    margin-left: 15px;
}

.explain {
    display: flex;
    align-items: center;
    margin-top: 10px;
}

.freqe {
    font-size: 12px;
    color: #8C8C8C;
}

.flat {
    font-size: 12px;
    color: #4880E2;
    margin-left: 10px;
}

.victory {
    font-size: 12px;
    color: #FF4904;
    margin-left: 10px;
}

.lose {
    font-size: 12px;
    color: #00C22D;
    margin-left: 10px;
}

#newNav {
    display: flex;
    flex-wrap: wrap;
}

.teamslists {
    margin-right: 0;
    margin: 2px;
    padding: 3px 8px
}

.footer a {
    color: #fff !important;
}

.footer {
    padding: 20px 30px
}


.information {
    background: #f6f6f6;
}

.empty-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 30px 0;
}

.empty-box img {
    display: block;
    width: 50%;
}

.linav {
    width: 1400px;
    height: 64px;
    background: #FFFFFF;
    border-radius: 6px 6px 6px 6px;
    opacity: 1;
    margin: 0 auto;
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.navli {
    cursor: pointer;
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #0A0B0D;
    width: 100px;
    height: 40px;
    justify-content: center;
}

.active {
    background: #fcd505;
    color: #ECC000;
}

.navli:hover {
    background: #F6F6F6;
}

.navli img {
    width: 24px;
    height: 24px;
    margin-right: 2px;
}

.contantlist {
    width: 1400px;
    margin: 0 auto;
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
}

.left_li {
    width: 980px;
}

.swiper-wrapper {
    position: relative;
    width: 980px;
    height: 360px;
}

.swiper-wrapper .swiper-slide {
    cursor: pointer;
}

.nextl {
    position: absolute;
    right: 0;
    top: 152px;
    z-index: 100;
}

.swiper-button-nexts {
    cursor: pointer;
    width: 32px;
    height: 56px;
    background: #000000;
    border-radius: 10px 0 0 10px;
    opacity: 0.7;
    display: flex;
    align-items: center;
    justify-content: center;
}

.swiper-button-nexts img {
    width: 12px;
    height: 12px;
}

.swiper-button-prevs:hover,
.swiper-button-nexts:hover {
    background: #FFD004;
}

.noshow {
    display: none;
}

.prevs {
    position: absolute;
    left: 0;
    top: 152px;
    z-index: 100;
}

.swiper-button-prevs {
    cursor: pointer;
    width: 32px;
    height: 56px;
    background: #000000;
    border-radius: 0px 10px 10px 0px;
    opacity: 0.7;
    display: flex;
    align-items: center;
    justify-content: center;

}

.swiper-button-prevs img {
    width: 12px;
    height: 12px;
}

.swiper-slide {
    display: flex;
    justify-content: space-between;
    width: 980px;
    height: 360px;
}

.swiper-pagination-bullet {
    background: #615959;
    background-size: 100% 100%;
    width: 20px;
    height: 5px;
    display: block;
    border-radius: 0;
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 43px;
    left: 30px;
}

.zsd {
    width: 320px;
    margin-top: 38px;
    margin-left: 30px;
}

.explain {
    margin-top: 20px;
    font-size: 14px;
    color: #8C8C8C;
    line-height: 22px;
}

.titleli {
    font-size: 20px;
    line-height: 30px;
    color: #0A0B0D;
    font-weight: bold;
}

.swiper-pagination-bullet-active {
    background: url(https://zhumingepc.com/static/css/images/information_list/bgswe.png);
    background-size: 100% 100%;
    width: 20px;
    height: 5px;
    display: block;
    border-radius: 0;
}

.swiper_left {
    flex: 1;
    position: relative;
}

.bgh {
    position: absolute;
    left: 0px;
    top: 0px;
    background: url(https://zhumingepc.com/static/css/images/information_list/bg.png);
    background-size: 100% 100%;
    width: 430px;
    height: 340px;
}

.swiper_right img {
    width: 816px;
    height: 100%;
    object-fit: cover;
    border-radius: 6px;
    object-fit: cover;
}


.swiper-pagination {
    display: flex;
}

.news {
    padding: 5px 5px;
    border-radius: 6px;
    background: #FFFFFF;
}

.newss {
    padding: 20px;
    background: #FFFFFF;
}

.newsss {
    background: #FFFFFF;
}

.listj {
    display: flex;
    height: 126px;
    margin-top: 20px;
}

.imgh img {
    width: 180px;
    height: 110px;
    cursor: pointer;
    border-radius: 4px;
    object-fit: cover;
    object-position: top left;
}

.righn {
    margin-left: 4px;
    flex: 1;
}

.titlef {
    font-size: 13px;
    color: #0A0B0D;
    cursor: pointer;
}

.titlef:hover {
    cursor: pointer;
    color: #ECC000;
}

.m_x {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    font-size: 12px;
    color: #000;
    text-align: left;
    /* margin-top: 10px; */
    line-height: 20px;
    height: 60px;
}

.timeds {
    color: #8C8C8C;
    font-size: 11px;
}

.times {
    display: flex;
    justify-content: space-between;
    margin-top: 24px;
}

.z_x {
    display: flex;
}

.newd {
    display: flex;
    align-items: center;
    font-size: 12px;
    color: #8C8C8C;
    margin-left: 10px;
}

.newd img {
    width: 20px;
    height: 20px;
    margin-right: 3px;
}

.zan {
    display: flex;
    align-items: center;
    font-size: 12px;
    color: #8C8C8C;
}

.zan img {
    width: 20px;
    height: 20px;
    margin-right: 3px;
}

.righty {
    margin-left: 20px;
    width: 400px;
}

.down {
    position: relative;
}


.down img {
    width: 400px;
    height: 246px;
}

.erweima {
    position: absolute;
    right: 69px;
    bottom: 16px;
    width: 99px !important;
    height: 99px !important;
}

.hoy {
    background: #FFFFFF;
    margin-top: 17px;
    padding: 20px;
    display: flex;
    justify-content: space-between;
}

.hot_left {
    display: flex;
    font-size: 18px;
    color: #0A0B0D;
    align-items: center;
    font-weight: bold;
    padding: 5px 12px
}

.lines {
    width: 4px;
    height: 18px;
    background: #FFD004;
    border-radius: 6px 6px 6px 6px;
    opacity: 1;
    margin-right: 6px;
}

.rightu {
    font-size: 14px;
    color: #8C8C8C;
}

.dingtu {
    padding: 0 20px;
    background: #FFFFFF;
    padding-bottom: 10px;
}


.tus {
    width: 80%;
    height: 188px;
    margin: 0 auto;
    margin-top: 20px;
    background: url(../../images/u10/livebg.png);
    background-size: 100% 100%;
    cursor: pointer;
}

.fajia {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    color: #FFFFFF;
    padding: 12px 16px;
    height: 44px;
}

.fgb {
    width: 80%;
    margin: 0 auto;
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.f_left img {
    width: 48px;
    height: 48px;
    display: block;
    margin: 0 auto;
}

.city {
    font-size: 14px;
    color: #FFFFFF;
    margin-top: 10px;
}

.rts {
    color: #FFD004;
    font-size: 14px;
    margin-top: -10px;
}

.vbg {
    color: #FFD004;
    font-size: 14px;
    margin-top: 14px;
}

.state {
    color: #fff;
    text-align: center;
}

.score {
    color: #fff;
    font-size: 26px;
    margin-top: 14px;
}

.z_li {
    display: flex;
    font-size: 14px;
    padding: 10px 0;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.left_lid {
    display: flex;
}

.f_name {
    margin-right: 8px;
}

.right_lid {
    display: flex;
}

.bnjk {
    color: #FF4904;
}

.bnjks {
    color: #FF4904;
    margin: 0 10px;
}

.ul li:hover {
    cursor: pointer;
    color: #ECC000 !important;
}

.rightu {
    display: flex;
}

.day {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F6F6F6;
    border-radius: 4px;
    border: 1px solid #D1D1D1;
    margin-left: 10px;
}

.activb {
    background: #FFD004;
    border: 1px solid #FFD004;
}

.day:hover {
    cursor: pointer;
    background: #FFF7CE;
    border: 1px solid #ECC000;
}

.lisym {
    padding: 0 20px;
    background: #fff;
    padding-bottom: 20px;
}

.lisym li:not(:first-child) {
    margin-top: 10px;
}

.one_z {
    padding: 20px 0;
    display: flex;
    align-items: center;
}

.one {
    color: #FF4904;
    font-size: 20px;
}

.two {
    color: #FE960D;
    font-size: 20px;
}

.three {
    color: #FFD004;
    font-size: 20px;
}

.four {
    color: #8C8C8C;
    font-size: 20px;
}

.onecon {
    line-height: 20px;
    font-size: 14px;
    color: #0A0B0D;
    margin-left: 20px;
}

.lisym li {
    padding: 0 20px;
    background: #F6F6F6;
}

.lisym li:hover {
    cursor: pointer;
    background: #FFFAE2;
}

.right_one {
    font-size: 14px;
    color: #FF4904;
    font-weight: bold;
}

.mar10 {
    margin-top: 10px;
}

.zhixq {
    padding: 0 24px;
    padding-bottom: 20px;
}

.header_place {
    font-size: 14px;
    color: #616161;
    padding: 18px 12px;
    border-bottom: 1px solid #EEEEEE;
}

.homed {
    color: #ECC000;
}


.her_title {
    font-size: 24px;
    color: #0A0B0D;
    font-weight: bold;
    margin-top: 27px;
}

.xq_time {
    margin-top: 20px;
    font-size: 14px;
    color: #8C8C8C;
}

.mar20 {
    margin: 0 10px;
}

.imghx {
    text-align: center;
}

.imghx img {
    margin: 0 auto;
    margin-top: 43px;
    width: 775px;
    /**height: 421px; */
    border-radius: 6px;
}

.textlo {
    font-size: 16px;
    color: #0A0B0D;
    margin-top: 32px;
    line-height: 30px;
}

.textlo img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

.rightnm {
    display: flex;
    justify-content: flex-end;
    font-size: 12px;
    color: #A2A2A2;
}

.zanms {
    display: flex;
    align-items: center;
}

.zanm {
    display: flex;
    align-items: center;
    margin-right: 10px;
}

.zanms img {
    width: 20px;
    height: 20px;
    margin: 0 5px;
}

.zanm img {
    width: 20px;
    height: 20px;
    margin: 0 5px;
}

.tuwend {
    margin-top: 25px;
    display: flex;
    justify-content: space-between;
}

.tuwend img {
    width: 288px;
    height: 24px;
}

.statement {
    color: #A2A2A2;
    font-size: 12px;
}

.comment {
    margin-top: 20px;
}

.bnjz {
    padding-bottom: 20px;
    border-bottom: 1px solid #EEEEEE;
}

.portrait {
    display: flex;
    margin-top: 24px;
}

.portrait img {
    width: 64px;
    height: 64px;
    border-radius: 50%;
}

.rightl {
    margin-left: 24px;
}

.texcf {
    font-size: 16px;
    color: #0A0B0D;
    font-weight: bold;
}

.texcfs {
    font-size: 16px;
    color: #0A0B0D;
    margin-top: 10px;
}

.time_right {
    display: flex;
    justify-content: space-between;
    margin-left: 86px;
    color: #8C8C8C;
}

.zans {
    display: flex;
    align-items: center;
    font-size: 12px;
    color: #A2A2A2;
}

.zans img {
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.right_btn {
    display: flex;
}

.more_btn {
    cursor: pointer;
    font-size: 14px;
    color: #8C8C8C;
    margin-top: 12px;
    margin-left: 86px;
}

.more_list {
    margin-left: 62px;
    padding-bottom: 20px;
    border-bottom: 1px solid #EEEEEE;
}

.lineg {
    padding-bottom: 20px;
    border-bottom: 1px solid #EEEEEE;
}

.load_more {
    margin-top: 28px;
    width: 932px;
    height: 52px;
    background: #F6F6F6;
    border-radius: 6px 6px 6px 6px;
    opacity: 1;
    font-size: 14px;
    color: #616161;
    display: flex;
    align-items: center;
    justify-content: center;
}

.about_kl {
    text-align: center;
    cursor: pointer;
}

.about_kl img {
    display: block;
    width: 360px;
    /**height: 218px;*/
    border-radius: 4px;
}

.mtyuxs {
    width: 360px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    font-size: 16px;
    color: #8C8C8C;
    margin-top: 18px;
    line-height: 20px;
}

.mtyuxs:hover {
    cursor: pointer;
    color: #ECC000;
}

.timebn {
    width: 360px;
    font-size: 14px;
    margin-top: 11px;
    color: #8C8C8C;
}

.lisyms {
    background: #fff;
    margin-top: -20px;
}

.about_new {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px 0;
    border-bottom: 1px solid #EEEEEE;
}

.about_new:last-child {
    border-bottom: none;
}

.mar20 {
    margin-top: 20px;
}

.mar_10 {
    margin-left: 10px;
}

#gameLiveTwo li {
    background: #9999990F;
    padding: 4px;
    margin-bottom: 10px;
}

#gameLiveTwo li a {
    color: #666;
    font-weight: 400;

}

.tags {
    display: flex;
    flex-wrap: wrap;
}

.tags li {
    margin: 4px;
}

#gameLiveTwo li a:hover {
    color: #ffd004;

}
.dxb_bc .list {
    padding: 0;
}