* {
    margin: 0;
    padding: 0;
}

body {
    height: 100%;
    color: #333333;
    font-size: 14px;
    font-family: "Microsoft YaHei" !important;
    background: #3f51b50d !important;
    position: relative;
}

html {
    overflow-y: scroll;
}

.a37_YTM3_Y29tbWVudF9hcmVhaA {
  padding: 0;
  margin: 0;
  list-style: none;
}

.a37_YTM3_Y29tbWVudF9hcmVhaA li {
  line-height: 22px;
  border-bottom: 1px dotted #a0a0a0;
  padding: 8px 0;
}

.hidden {
    display:none !important;
}

.list_comment_chatgpt_title {
  font-weight: 900;
}

/*.wrap-outer {
	margin-left: calc(100vw - 100%);
}*/

ul li {
    list-style: none;
    text-decoration: none;
}

.box {
    width: 1000px;
    height: auto;
    margin: 0 auto;
}

#returnTop {
    width: 38px;
    height: 38px;
    position: fixed;
    /*right: 300px;*/
    bottom: 20%;
    cursor: pointer;
    display: none;
    z-index: 9999;
}

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

button {
    cursor: pointer;
}

button:active {
    outline: transparent !important;
    border: transparent !important;
}

button:focus {
    outline: 0 !important;
}

table {
    border-collapse: collapse;
}

.noData {
    width: 130px !important;
    height: 78px !important;
    margin: 50px 0 10px 0;
}

a:link,
a:visited,
a:hover,
a:active {
    color: #333333;
    text-decoration: none !important;
}

input {
    font-size: 14px !important;
}


/*a:focus, a:hover{
	color: #333333 !important;
}*/

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    color: #FFFFFF !important;
    background-color: #143465 !important;
    border-color: #143465 !important;
}

.pagination > li > a,
.pagination > li > span {
    color: #333333 !important;
    cursor: pointer;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 0px !important;
    border-a37_YTM3_Ym90dG9tLWxlZnRo-radius: 0px !important;
}

.example {
    padding: 30px;
}

#page li {
    display: inline-block;
    border: 1px solid #dddddd;
    border-left: none;
}

#page li:first-of-type {
    border-left: 1px solid #dddddd;
}

#page li:last-of-type {
    border-left: 1px solid #dddddd;
}

#page li a {
    display: block;
    padding: 6px 12px;
}

.activePage {
    color: #ffffff !important;
    background: #0d8ddb;
    border: 1px solid #0d8ddb !important;
}

.activePage a {
    color: #ffffff !important;
}

#page li p {
    padding: 6px 12px;
    margin: 0 !important;
}

/*氓鹿驴氓鈥樑�*/

#advertisement {
    width: 230px !important;
    height: 389px !important;
    margin-left: 20px !important;
    display: inline-block !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
}

#advertisement div {
    width: 230px;
    height: 170px;
    margin-top: 55px !important;
    text-align: center;
}

#advertisement div:last-of-type {
    margin-top: 7px !important;
}

#advertisement img {
    width: 140px;
    height: auto;
}


@media screen and (max-width: 1920px) {
    #returnTop {
        right: 370px;
    }
}

@media screen and (max-width: 1890px) {
    #returnTop {
        right: 335px;
    }
}

@media screen and (max-width: 1800px) {
    #returnTop {
        right: 305px;
    }
}

@media screen and (max-width: 1700px) {
    #returnTop {
        right: 258px;
    }
}

@media screen and (max-width: 1600px) {
    #returnTop {
        right: 215px;
    }
}

@media screen and (max-width: 1500px) {
    #returnTop {
        right: 168px;
    }
}

@media screen and (max-width: 1400px) {
    #returnTop {
        right: 110px;
    }
}

@media screen and (max-width: 1300px) {
    #returnTop {
        right: 45px;
    }
}

@media screen and (max-width: 1200px) {
    #returnTop {
        right: 20px;
    }
}

@media screen and (max-width: 1100px) {
    #returnTop {
        right: -25px;
    }
}

.a37_YTM3_Zm9vdGVyX2luZm9o {
    font-size: 14px;
    margin-bottom: 10px;
}

.a37_YTM3_Zm9vdGVyX2luZm9o a:hover {
    color: #2ecaef
}

header {
    line-height: 78px;
    padding: 1px 0;
    background: #7955480f;
    -moz-box-shadow: 0px 2px 10px #E7E7E7;
    -webkit-box-shadow: 0px 2px 10px #E7E7E7;
    box-shadow: 0px 2px 10px #E7E7E7;
}

header > div {
    width: 1000px;
    line-height: 45px;
    margin: 0 auto;
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
}

header img {
    width: 206px;
    object-fit: contain;
}

header img,
#nav,
#nav li {
    line-height: 66px;
}

.logo_and_search_area {
    width: 100%;
    text-align: center;
    font-weight: 900;
    font-size: 24px;
    white-space: nowrap;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#top_navbar {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
#nav {
    display: flex;
}

.header_nav_main_area{
    width: 100%;
}

#nav li {
    font-size: 18px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 14px;
    white-space: nowrap;
}

#nav li p {
    color: #333333;
    width: auto;
    height: auto;
}

#nav li p:hover {
    color: #3696FF !important;
}

.activeNav {
    font-weight: bold;
    font-family: helvetica;
    text-align: center;
    color: #2664FF;
    /*background: -ms-linear-gradient(left, #2664FF, #41C4FE);*/
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#2664FF, endcolorstr=#41C4FE, gradientType=1);
    /* 猫茠艗忙鈩⒙ㄢ€奥裁β嘎惷ヂ徦� */
    -webkit-background-clip: text;
    /* 猫搂鈥灻ヂ∶ㄆ捙捗︹劉炉莽拧鈥灻ニ嗏€櫭ニ嗏€犆ヅ捖好ヅ概� */
    -webkit-text-fill-color: transparent;
    /* 茅藴虏忙颅垄氓颅鈥斆ぢ解€溍┞⑴撁ㄢ€奥裁︹€犆р€衡€� */
}

.userLogin {
    float: right;
    line-height: 20px;
    padding: 25px 0;
}

.userLogin img {
    width: 30px;
    height: 30px;
    padding: 0 8px;
    cursor: pointer;
    border-radius: 50%;
}

.userLogin p {
    margin-top: 5px;
    font-size: 18px;
    float: left;
    padding: 0 8px;
    cursor: pointer;
    border-right: 1px solid #CCCCCC;
    -moz-user-select: none;
    /*莽聛芦莽鈥孤�*/
    -webkit-user-select: none;
    /*webkit忙碌聫猫搂藛氓鈩⒙�*/
    -ms-user-select: none;
    /*IE10*/
    user-select: none;
}

.userLogin p:first-of-type {
    padding-left: 0px;
}

.userLogin p:last-of-type {
    border-right: none;
    /*width: 94px;*/
    height: 30px;
    padding-right: 0px !important;
}

.userName {
    width: 144px !important;
    display: none;
    padding-left: 8px !important;
    cursor: pointer;
    margin-top: 0px !important;
    position: relative;
}

.userMassage {
    position: absolute;
    left: 30px;
    top: -12px;
    display: none;
}

.userMassage2 {
    display: none;
}

.Nickname {
    width: 94px;
    font-size: 16px !important;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 !important;
    margin-left: 8px;
    text-align: left;
}

.userName > img {
    padding: 0 !important;
}

.userName:hover .Nickname {
    color: #3696FF;
}

.userName:hover #triangle-up {
    border-top: 8px solid #3696FF;
}

#triangle-up {
    width: 0;
    height: 0;
    margin-top: 12px;
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 8px solid #2F2F30;
}

.APPdownImg {
    display: none;
    position: absolute;
    right: 134px;
    top: 80px;
    z-index: 999;
}

.downBox {
    position: relative;
    width: 145px;
    height: 145px;
    background: #fff;
    line-height: 8px;
    font-size: 16px;
    text-align: center;
    box-shadow: 2px 2px 36px #E7E7E7;
}

.downBox:after {
    position: absolute;
    display: inline-block;
    top: -11px;
    left: 63px;
    width: 0;
    height: 0px;
    content: '';
    border-style: solid;
    border-width: 13px;
    border-color: #fff #fff transparent transparent;
    transform: rotate(-45deg);
    box-shadow: 2px -2px 2px #E7E7E7;
}

.downBox > img {
    width: 107px !important;
    height: 107px !important;
    padding: 8px 19.5px !important;
}

.userInfo {
    display: none;
    position: absolute;
    right: 14px;
    top: 80px;
    z-index: 999;
}

.InfoBox {
    position: relative;
    width: 120px;
    height: auto;
    background: #fff;
    line-height: 30px;
    font-size: 18px;
    text-align: center;
    box-shadow: 2px 2px 36px #E7E7E7;
}

.InfoBox:after {
    position: absolute;
    display: inline-block;
    top: -11px;
    left: 49px;
    width: 0;
    height: 0px;
    content: '';
    border-style: solid;
    border-width: 13px;
    border-color: #fff #fff transparent transparent;
    transform: rotate(-45deg);
    box-shadow: 2px -2px 2px #E7E7E7;
}

.InfoBox ul li {
    cursor: pointer;
    border-bottom: 1px solid #CCCCCC;
}

.InfoBox ul li a {
    color: #333333 !important;
    display: block;
    padding: 10px 0;
    position: relative;
}

.InfoBox ul li a > img {
    width: 32px;
    height: 32px;
    position: absolute;
    right: 0px;
    top: -16px;
}

.InfoBox ul li:hover a {
    color: #3696FF !important;
}

.InfoBox ul li:last-of-type {
    border-bottom: none;
}


/*忙藛聬氓艩鸥*/

#success {
    width: 122px;
    height: 122px;
    margin: 0 auto;
    padding: 20px;
    background: #FFFFFF;
    border-radius: 5px;
    position: fixed;
    left: 45%;
    top: 295px;
    display: none;
    text-align: center;
    font-size: 18px;
    box-shadow: 2px 2px 36px #E7E7E7;
    z-index: 1002;
}

#success > img {
    width: 60px;
    height: auto;
    text-align: center;
    margin-top: 20px;
}


/*茅隆碌猫鈥炁�*/

.footer {
    width: 100%;
    padding: 40px 0;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    background: #FFFFFF;
    margin-top: 20px;
}


/*茅鈧偓氓鈥÷好绰γヂ徛�*/

#popWindow,
#setUp {
    width: 380px;
    height: 195px;
    text-align: center;
    position: fixed;
    left: 40%;
    top: 30%;
    display: none;
    background: #FFFFFF;
    border-radius: 2px;
    z-index: 1002;
    box-shadow: 2px 2px 36px #E7E7E7;
}

#popWindow > img,
#setUp > img {
    cursor: pointer;
    position: absolute;
    right: 8px;
    top: 8px;
}

#popWindow > p,
#setUp > p {
    font-size: 22px;
    margin-top: 18%;
}

#popWindow > div,
#setUp > div {
    width: 190px;
    height: 45px;
    color: #FFFFFF;
    float: left;
    font-size: 18px;
    line-height: 45px;
    margin-top: 53px;
    cursor: pointer;
}

#popWindow > div:first-of-type,
#setUp > div:first-of-type {
    background: #828282;
    border-radius: 0 0 0 2px;
}

#popWindow > div:last-of-type,
#setUp > div:last-of-type {
    background: #055FD5;
    border-radius: 0 0 2px 0;
}

#setUp > div a {
    display: block;
    color: #FFFFFF;
}

/*茅聛庐莽陆漏氓卤鈥�*/
#mengban {
    width: 100%;
    height: 100%;
    background: #000000;
    opacity: .3;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    display: none;
}


#otherLogin {
    width: 235px;
    height: 122px;
    margin: 0 auto;
    padding: 20px;
    background: #FFFFFF;
    border-radius: 5px;
    position: fixed;
    left: 42%;
    top: 295px;
    display: none;
    text-align: center;
    font-size: 18px;
    box-shadow: 2px 2px 36px #E7E7E7;
    z-index: 1002;
}

#otherLogin > p {
    margin-top: 25px
}

.a37_YTM3_aG90TXNnaA {
    margin-top: 20px;
    overflow: hidden;
}

.a37_YTM3_aG90TXNnaA > div {
    float: left;
}


/*莽茠颅茅鈥斅р€犆┞⑩€�*/

.video {
    width: 730px;
    height: 160px;
    padding: 10px;
    background: #FFFFFF;
    margin-bottom: 20px;
    overflow: hidden;
    display: none;
}

.tab {
    overflow: hidden;
}

.tab ul {
    display: flex;
    flex-wrap: wrap;
}

.tab ul li {
    padding: 3px 10px !important;
    display: inline-block;
    border-right: 1px solid #E6E6E6;
    margin: 3px 0;
}

.tab ul li:hover {
    color: #3696FF;
}

.tab ul a:last-of-type li {
    border-right: none !important;
}

.tab > p > img {
    width: 13px;
    height: auto;
    vertical-align: middle;
    margin-right: 10px;
    margin-bottom: 3px;
}

.tab > p {
    width: 115px;
    height: 20px;
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
    float: left;
}

.rightBtn {
    float: right;
}

.rightBtn a:hover {
    color: #FFFFFF;
}

.rightBtn p:first-of-type {
    color: #FFFFFF;
    padding: 0px 6px;
    line-height: 22px;
    text-align: center;
    background: #143465;
    cursor: pointer;
    border-radius: 20px;
    display: inline-block;
}

.rightBtn p:first-of-type:hover {
    background: #005BE6;
}

.rightBtn p:last-of-type {
    cursor: pointer;
    margin-left: 10px;
    display: inline-block;
}

.rightBtn p:last-of-type:hover {
    color: #143465;
}

.rightBtn img {
    margin-right: 4px;
    vertical-align: middle;
}

.anchorList {
    width: 750px;
    height: auto;
    font-size: 16px;
    padding: 20px 10px;
    background: #FFFFFF;
}

.anchorList > p > img {
    width: 13px;
    height: auto;
    margin-right: 6px;
    vertical-align: sub;
}

.list {
    width: 100%;
    margin-top: 20px;
    overflow: hidden;
}

.myBox {
    width: 170px;
    height: 130px;
    float: left;
    position: relative;
    margin: 6px 14px 20px 0;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #F4F4F4;
}

.myBox:nth-of-type(4n) {
    margin: 6px 0 20px 0;
}

.bjImg {
    width: 170px;
    height: 98px;
}

.playImg {
    width: 30px;
    height: 30px;
    position: absolute;
    bottom: 70px;
    left: 43%;
}

.lable {
    width: 162px;
    height: 56px;
    font-size: 13px;
    position: absolute;
    bottom: -12px;
    left: 6px;
}

.anchorImg {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-right: 2px;
    vertical-align: top;
}

.lable p {
    width: 130px;
    height: 36px;
    margin-top: 19px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}

.mengban {
    width: 170px;
    height: 98px;
    cursor: pointer;
    position: absolute;
    top: 0px;
    background-color: rgba(0, 0, 0, 0.5);
}

.mengban:hover {
    background-color: rgba(0, 0, 0, 0.2);
}

.playImg:hover .mengban {
    background-color: rgba(0, 0, 0, 0.2);
}


/*莽茠颅茅鈥斅碘€灻�*/

.info {
    height: auto;
    padding: 10px;
    background: #FFFFFF;
}

.a37_YTM3_aW5mb0JveGg {
    overflow: hidden;
}

.infoBasketball,
.infoFootball {
    margin-top: 15PX;
    float: left;
}

.infoBasketball li,
.infoFootball li {
    width: 364px;
    height: auto;
    padding-bottom: 9px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    border-right: 1px solid #F4F4F4;
}

.infoFootball li {
    width: 330px;
    padding-left: 15px;
    border-right: 0px;
}

.infoBasketball li:last-of-type {
    padding-bottom: 0px;
}

.infoBasketball li a:hover,
.infoFootball li a:hover {
    color: #3696FF;
}

.infoBasketball li img,
.infoFootball li img {
    width: 16px;
    height: auto;
    margin-right: 6px;
    vertical-align: sub;
}

#advertisement {
    width: 230px;
    height: 389px;
    margin-left: 20px;
    background: #FFFFFF;
    box-shadow: -9px 4px 15px #E7E7E7;
}


/*忙炉鈥澝碘€�*/


/*忙炉鈥澝碘€好ニ嗏€斆÷�*/

.a37_YTM3_bWF0Y2hCb3ho {
    overflow: hidden;
}

.a37_YTM3_bWF0Y2hCb3ho > div {
    float: left;
}

.matchList {
    width: 750px;
    height: auto;
    background: #FFFFFF;
}

.myContent {
    overflow: hidden;
}

.check li {
    width: 120px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
    display: inline-block;
}

.check li img {
    width: 16px;
    height: auto;
    margin-right: 6px;
    vertical-align: middle;
}

.check li:hover {
    color: #143465;
}

.nowChecked {
    color: #FFFFFF !important;
    background: #143465;
}

.date {
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #EAEAEA;
}

.date span {
    margin-left: 6px;
}

.match_item_area {
    position: relative;
}

.listBox {
    /*cursor: pointer;*/
    overflow: hidden;
    border-bottom: 1px solid #EAEAEA;
}

/*.listBox:hover {
 * 	background: #E2EEFF;
 * 	}*/

.listBox > div {
    float: left;
}

.download {
    float: right !important;
}

.myList {
    height: 50px;
    overflow: hidden;
}

.myList > div {
    height: 50px;
    padding: 0 8px;
    line-height: 50px;
    float: left;
}

.myList img {
    width: 30px;
    height: 30px;
    vertical-align: middle;
    margin: 0 6px;
}

.team p {
    display: inline-block;
}

.hot {
    width: 12px !important;
    height: 12px !important;
    margin-top: 17px !important;
}

.download > div {
    display: inline-block;
}

.download > div > a {
    display: block;
}

.download > div > a > p {
    width: 96px;
    height: 30px;
    color: #FFFFFF;
    text-align: center;
    line-height: 30px;
    margin-top: 9px;
    background: #143465;
    border-radius: 20px;
    margin-right: 8px;
}

.download > div > a > p:hover {
    background: #005BE6;
}

.notBegin:hover {
    background: #6B6B6B !important;
}

.notBegin {
    background: #999999 !important;
}

.download > div > a > p > img {
    width: 12px;
    height: auto;
    margin-right: 6px;
    margin-top: 9px;
}

.downloadApp {
    cursor: pointer;
    position: absolute;
    top: 14px;
    right: 10px;
    border-bottom: 1px solid #383838;
}

.downloadApp a:hover {
    color: #143465;
    border-bottom: 1px solid #143465;
}


/*tv*/

.tvList {
    height: auto;
    padding: 15px;
}

.tvList a {
    width: 30%;
    height: 80px;
    display: inline-block;
    margin-right: 4.3%;
    margin-bottom: 3%;
}

.tvList a:nth-of-type(3) {
    margin-right: 0 !important;
}

.listType {
    width: 100%;
    height: 80px;
    text-align: center;
    border-radius: 5px;
    border: 1px solid #DBDBDB;
}

.listType img {
    /*width: 133px;*/
    height: 68px;
    margin-top: 7px;
}


/*忙茠鈥γε犅�*/

.information {
    width: 220px;
    height: auto;
    margin-left: 25px;
    box-shadow: -8px -5px 4px #E7E7E7;
}


/*莽芦啪氓陆漏忙茠鈥γε犅�*/

.a37_YTM3_Y29tcGV0aXRpdmVo,
.wonderful_video {
    width: 220px;
    height: auto;
    background: #FFFFFF;
}

.a37_YTM3_Y29tcGV0aXRpdmVo > p,
.wonderful_video > p {
    color: #FFFFFF;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    background: #143465;
}

.a37_YTM3_Y29tcGV0aXRpdmVo a,
.wonderful_videoList a {
    display: block;
    margin-left: 4px;
}

.a37_YTM3_aW50ZWxsaWdlbmNlaAList {
    padding: 5px;
    overflow: hidden;
    border-bottom: 1px solid #EAEAEA;
}

.a37_YTM3_aW50ZWxsaWdlbmNlaAList:hover .a37_YTM3_aW50ZWxsaWdlbmNlaATitle {
    color: #143465;
}

.a37_YTM3_aW50ZWxsaWdlbmNlaAList img {
    width: 90px;
    min-width: 90px;
    height: 70px;
    object-fit: cover;
    float: left;
    vertical-align: middle;
}

.a37_YTM3_aW50ZWxsaWdlbmNlaAList div {
    width: 113px;
    float: left;
    font-size: 12px;
    margin-left: 3%;
}

.a37_YTM3_aW50ZWxsaWdlbmNlaAList p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 13px;
    text-overflow: ellipsis;
}

.a37_YTM3_aW50ZWxsaWdlbmNlaAList p:nth-of-type(2) {
    color: #000;
}

.moreInfo a {
    width: 100%;
    height: 30px;
    color: #828282;
    font-size: 12px;
    text-align: center;
    line-height: 30px;
}

.moreInfo :hover {
    color: #143465;
}


/*莽虏戮氓陆漏氓陆鈥⒚テ捖�*/

.wonderful_video {
    /*margin-top: 20px;*/
    overflow: hidden;
}

.a37_YTM3_Y29tcGV0aXRpdmVo {
    margin-top: 20px;
}

.wonderful_videoMsg {
    border-bottom: 1px solid #EAEAEA;
}

.wonderful_videoMsg:hover .msgSroce > div p {
    color: #143465;
}

.wonderful_videoMsg > p {
    color: #828282;
    font-size: 12px;
    padding: 8px 10px;
}

.wonderful_videoMsg > p > span {
    margin-left: 6px;
}

.msgSroce {
    padding: 0 10px 8px 10px;
    overflow: hidden;
    display: flex;
}

.a37_YTM3_aW50ZWxsaWdlbmNlaA a:hover {
    color: #143465 !important;
}

.msgSroce > div {
    float: left;
    line-height: 30px;
}

.a37_YTM3_aW50ZWxsaWdlbmNlaAList {
    display: flex;
}

.msgSroce > div:nth-of-type(1) p {
    width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.msgSroce > div:nth-of-type(2) {
    width: 80px;
    text-align: left;
    float: right;
    margin-top: 15px;
}

.msgSroce img {
    width: 20px;
    height: auto;
    margin-right: 4px;
    vertical-align: text-bottom;
    background: #143465;
    border: solid 1px #143465;
}


/*jintian*/

.toToday {
    width: 750px;
    height: 30px;
    line-height: 30px;
    background: #EAEAEA;
    text-align: center;
    z-index: 999;
    display: none;
    position: fixed;
    top: 0;
}

.toToday span {
    margin-left: 6px;
}


/*氓路娄猫戮鹿氓炉录猫藛陋*/

#leftNav {
    width: 90px;
    height: auto;
    text-align: center;
    position: fixed;
    left: 18.2%;
    top: 54.5%;
}

#leftNav ul li {
    width: 90px;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    background: #FFFFFF;
    border-bottom: 1px solid #EAEAEA;
}

#leftNav ul li:hover {
    color: #143465;
}

#leftNav ul li:last-of-type {
    border-bottom: 0;
}

#leftNav p {
    width: 90px;
    height: 30px;
    cursor: pointer;
    line-height: 30px;
    margin-top: 20px;
    background: #E2EEFF;
}

.leftNavNowActive {
    color: #FFFFFF !important;
    background: #143465 !important;
}


/*忙拧鈥毭︹€斅犆β€澝碘€�*/

.noMatch {
    width: 100%;
    height: auto;
    padding: 2% 0;
    text-align: center;
}

.noMatch img {
    width: 130px;
    height: auto;
}

.noMatch p {
    color: #828282;
    margin-top: 5px;
}

.noMatch2 {
    width: 130px;
    height: auto;
}

.videoList > p {
    color: rgb(111, 209, 255);
    margin-top: 5px;
}

.videoCheck {
    border-bottom: 1px solid #F4F4F4;
}

.videoCheck li {
    margin: 0 9%;
    padding: 4% 0;
    cursor: pointer;
    display: inline-block;
}

.videoNowActive {
    color: #2A91FF;
    border-bottom: 1px solid #2A91FF;
}

@media screen and (max-width: 1920px) {
    #leftNav {
        left: 18.2%;
    }
}

@media screen and (max-width: 1890px) {
    #leftNav {
        left: 17.5%;
    }
}

@media screen and (max-width: 1840px) {
    #leftNav {
        left: 17%;
    }
}

@media screen and (max-width: 1820px) {
    #leftNav {
        left: 16.5%;
    }
}

@media screen and (max-width: 1780px) {
    #leftNav {
        left: 15%;
    }
}

@media screen and (max-width: 1700px) {
    #leftNav {
        left: 14%;
    }
}

@media screen and (max-width: 1660px) {
    #leftNav {
        left: 13.5%;
    }
}

@media screen and (max-width: 1635px) {
    #leftNav {
        left: 12.5%;
    }
}

@media screen and (max-width: 1600px) {
    #leftNav {
        left: 11.5%;
    }
}

@media screen and (max-width: 1550px) {
    #leftNav {
        left: 10.5%;
    }
}

@media screen and (max-width: 1510px) {
    #leftNav {
        left: 9.5%;
    }
}

@media screen and (max-width: 1480px) {
    #leftNav {
        left: 8.5%;
    }
}

@media screen and (max-width: 1445px) {
    #leftNav {
        left: 7.5%;
    }
}

@media screen and (max-width: 1405px) {
    #leftNav {
        left: 6.5%;
    }
}

@media screen and (max-width: 1380px) {
    #leftNav {
        left: 5.5%;
    }
}

@media screen and (max-width: 1345px) {
    #leftNav {
        left: 4.5%;
    }
}

@media screen and (max-width: 1320px) {
    #leftNav {
        left: 3.5%;
    }
}

@media screen and (max-width: 1290px) {
    #leftNav {
        left: 2.5%;
    }
}

@media screen and (max-width: 1290px) {
    #leftNav {
        left: 1.5%;
    }
}

@media screen and (max-width: 1235px) {
    #leftNav {
        left: 0.5%;
    }
}

.links {
    margin-bottom: 12px;
}

.links a {
    padding: 5px;
}

.btn {
    width: 40px;
    height: 40px;
    position: fixed;
    bottom: 30px;
    background-color: #fff;
    border: 1px solid #333;
    border-radius: 50%;
    left: 50%;
    margin-left: 500px;
    display: none;
}

.btn:after {
    content: "";
    width: 16px;
    height: 16px;
    border-left: 2px solid #333;
    border-bottom: 2px solid #333;
    position: absolute;
    left: 12px;
    top: 15px;
    transform: rotate(135deg);
}

.btn:hover {
    background-color: #fff;
}

.league {
    display: flex !important;
}

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

.a37_YTM3_dGFibmVtdV90eXBlaA li:hover {
    background: #005BE6;
}

.a37_YTM3_dGFibmVtdV90eXBlaA li {
    color: #FFFFFF;
    padding: 2px 6px;
    margin: 3px 4px;
    line-height: 22px;
    text-align: center;
    background: #143465;
    cursor: pointer;
    border-radius: 20px;
    display: inline-block;
}

.a37_YTM3_dGFibmVtdV90eXBlaA li a {
    color: #FFFFFF;
}


.info > div {
    float: left;
}


.qh {
    width: 750px;
    height: 52px;
    background: #FFFFFF;
}

.noMatch {
    width: 100%;
    height: auto;
    padding: 4% 0;
    text-align: center;
}

.noMatch img {
    width: 130px;
    height: auto;
}

.noMatch p {
    color: #6FD1FF;
}

.qh ul {
    overflow: hidden;
    box-shadow: 0px 0px 10px 5px #f4f4f4;
    border-bottom: 1px solid #F4F4F4;
    -moz-box-shadow: 0px 0px 10px 5px #f4f4f4;
    -webkit-box-shadow: 0px 0px 10px 5px #f4f4f4;
}

.qh ul li:first-of-type {
    margin-left: 40px;
}

.activeLi a {
    color: #2971FF !important;

}

.activeLi {
    color: #2971FF !important;
    border-bottom: 2px solid #2971FF;
}

.qh ul li:last-of-type {
    margin-right: 0px !important;
}

.qh ul li {
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #383838;
    float: left;
    margin-right: 76px;
    font-size: 16px;
    cursor: pointer;
}


.a37_YTM3_aWZpY2F0aW9uaA {
    overflow: hidden;
}

.a37_YTM3_aWZpY2F0aW9uaA img {
    width: 180px;
    height: 110px;
    float: left;
    vertical-align: middle;
}

.a37_YTM3_aWZpY2F0aW9uaA > div {
    height: 110px;
    float: left;
    padding: 5px 15px;
}

.a37_YTM3_aWZpY2F0aW9uaA p {
    width: 520px;
    height: 68px;
    font-size: 16px;
    cursor: pointer;
    font-weight: bold;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.times p a {
    width: 135px;
    height: 30px;
    color: #828282;
    font-size: 14px;
}

.times a:hover {
    color: #333333;
}

.times button {
    padding: 2px 12px;
    outline: none;
    margin-top: 1px;
    border-radius: 20px;
    background: transparent;
    border: 1px solid #383838;
}

.times button:first-of-type {
    margin-left: 15px;
}

.leftInfo {
    width: 230px;
    height: auto;
    /*margin-left: 20px;*/
}

#advertisement {
    width: 230px;
    height: 389px;
    background: #FFFFFF;
}

.hotInfo {
    width: 230px;
    height: auto;
    background: #FFFFFF;
    margin-top: 20px;
    margin-left: 20px;
}

.hotInfo > p {
    color: #FFFFFF;
    padding: 0 10px;
    height: 30px;
    margin: 0px !important;
    line-height: 30px;
    background: #143465;
}

.hotInfo ul li {
    border-bottom: 1px solid #F4F4F4;
}

.hotInfo ul li:last-of-type {
    border-bottom: none;
}

.hotInfo ul li p {
    width: 230px;
    height: auto;
    line-height: 25px;
    cursor: pointer;
    padding: 0 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin: 0px !important;
}

#login, #register {
    width: 330px !important;
}

.modeBox input,
.registerBox input {
    width: 288px !important;
}

.messgesCode {
    width: 288px !important;
}

.messgesCode > input {
    width: 160px !important;
    height: 38px !important;
}

.messgesCode > input[type="button"] {
    width: 100px !important;
    height: 37px !important;
}

input[type="checkbox"] {
    width: 14px !important;
    margin-top: 10px !important;
}

.downBox > img {
    width: 147px !important;
    height: 123px !important;
    padding: 8px 19.5px !important;
}

.info {
    overflow: hidden;
}

.info > div {
    float: left;
}

.noMatch {
    width: 100%;
    height: auto;
    padding: 4% 0;
    text-align: center;
}

.noMatch img {
    width: 130px;
    height: auto;
}

.infoMsg {
    width: 100%;
}

.noMatch p {
    color: #6FD1FF;
}

.lableNav {
    width: 750px;
    height: 52px;
    line-height: 52px;
    background: #FFFFFF;
    padding: 0 16px;
    font-size: 16px;
    box-shadow: 0px 0px 10px 5px #f4f4f4;
    border-bottom: 1px solid #F4F4F4;
    -moz-box-shadow: 0px 0px 10px 5px #f4f4f4;
    -webkit-box-shadow: 0px 0px 10px 5px #f4f4f4;
}

.lableNav span {
    padding: 4px 12px;
    margin: 0 10px;
    border-radius: 20px;
    border: 1px solid #383838;
}


.a37_YTM3_aWZpY2F0aW9uaA {
    overflow: hidden;
    display: flex;
}

.a37_YTM3_aWZpY2F0aW9uaA img {
    width: 180px;
    height: 110px;
    float: left;
    vertical-align: middle;
}

.a37_YTM3_aWZpY2F0aW9uaA p {
    width: 520px;
    height: 32px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.aTab {
    width: 135px;
    height: 30px;
    color: #828282;
    cursor: pointer;
    font-size: 16px;
}


.aTab:hover, .zixunA:hover {
    color: #3696FF !important;
}

.times button {
    padding: 2px 12px;
    outline: none;
    margin-top: 1px;
    border-radius: 20px;
    background: transparent;
    border: 1px solid #383838;
}

.times button:first-of-type {
    margin-left: 15px;
}

.leftInfo {
    width: 230px;
    height: auto;
    /*margin-left: 20px;*/
}

#advertisement {
    width: 230px;
    height: 389px;
    background: #FFFFFF;
}

.hotInfo {
    width: 230px;
    height: auto;
    background: #FFFFFF;
    margin-top: 20px;
    margin-left: 20px;
}

.hotInfo > p {
    color: #FFFFFF;
    padding: 0 10px;
    height: 30px;
    margin: 0px !important;
    line-height: 30px;
    background: #143465;
}

.hotInfo ul li {
    border-bottom: 1px solid #F4F4F4;
}

.hotInfo ul li:last-of-type {
    border-bottom: none;
}

.hotInfo ul li p {
    width: 230px;
    height: auto;
    line-height: 25px;
    cursor: pointer;
    padding: 4px 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin: 0px !important;
}

.userLogin > a > img {
    width: 45px !important;
}

#imgCode1 > input, #imgCode2 > input {
    width: 148px !important;
}


.Nickname {
    width: 86px !important;
}

#success {
    width: 162px !important;
    height: 162px !important;
}

#position a {
    font-weight: bold;
    color: #077ac7;
    background: url(/style/img/bg_position.gif) no-repeat right -36px;
    padding-right: 16px;
}

#position {
    background: #E4F3FC url(/style/img/bg_position.gif) no-repeat 0 0;
    padding-left: 90px;
    height: 28px;

    width: 100%;
    line-height: 28px;
    border: 1px solid #fff;
}

.a37_YTM3_Y29udGVudC1ib2R5aA {
    display: flex;
}

.matchMsg {
    margin-top: 20px;
    overflow: hidden;
}

.matchMsg > div {
    float: left;
}

.msg {
    width: 750px;
    height: 79px;
    padding-top: 10px;
    background-repeat: no-repeat;
}

.state {
    width: 65px;
    height: 20px;
    color: #FFFFFF;
    font-size: 12px;
    line-height: 20px;
    background: #D20000;
    border-radius: 0 8px 8px 0;
}

.state img {
    width: 12px;
    height: auto;
    margin: 0 4px 3px 5px;
    vertical-align: middle;
}

.msg ul {
    height: 60px;
    line-height: 46px;
    font-size: 16px;
    overflow: hidden;
    padding: 0 46px;
}

.msg ul li {
    color: #FFFFFF;
    float: left;
    margin-right: 18px;
}

.msg ul li:last-of-type {
    margin-right: 0px;
}

.msg ul li img {
    width: 40px;
    height: 40px;
    vertical-align: middle;
}

.msg .timer {
    line-height: 21px !important;
    text-align: center;
}


.timer p:first-of-type {
    font-size: 12px !important;
}

.score {
    font-size: 18px !important;
}

.teamName {
    width: 23%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.teamName:first-of-type {
    text-align: right;
}

.teamName:last-of-type {
    text-align: left;
}

.channel {
    width: 750px;
    height: auto;
    background: #FFFFFF;
}

.a37_YTM3_Y2hhbm5lbEJveGg {
    padding: 10px 0px;
    font-size: 18px;
}

.a37_YTM3_Y2hlY2tDaGFubmVsaA li:first-of-type {
    color: #383838;
    font-size: 18px;
    background: transparent;
}

.a37_YTM3_Y2hlY2tDaGFubmVsaA li:first-of-type:hover {
    background: transparent;
}

.channel p,
.a37_YTM3_Y2hlY2tDaGFubmVsaA {
    display: inline-block;
}

.a37_YTM3_Y2hlY2tDaGFubmVsaA {
    margin-bottom: 20px;
}

.a37_YTM3_Y2hlY2tDaGFubmVsaA li {
    height: 30px;
    color: #FFFFFF;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    border-radius: 20px;
    margin-right: 10px;
    cursor: pointer;
    display: inline-block;
    margin-top: 8px;
}

.playback {
    color: #000000;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    border-radius: 4px;
    margin-right: 10px;
    cursor: pointer;
    display: inline-block;
    margin-top: 8px;
    border: 1px solid #3184FF;
}

.chat {
    width: 730px;
    height: 240px;
    margin: 0 auto;
    text-align: center;
}

.chat > p {
    color: #FFFFFF;
    font-size: 14px;
    padding: 8px 0;
}


/*氓聫鈥樏┾偓聛忙露藛忙聛炉*/

.sendChat {
    padding: 10px;
}

.userName {
    width: 90px;
    height: 35px;
    text-align: center;
}

.userMsg {
    width: 517px;
    height: 35px;
    padding-left: 15px;
}

button {
    width: 90px;
    height: 38px;
    color: #FFFFFF;
    border: none;
    outline: none;
    font-size: 14px;
    margin-top: -1px;
    cursor: pointer;
    background: #3184FF;
}

#advertisement {
    width: 230px;
    height: 454px;
    margin-left: 20px;
    background: #FFFFFF;
}


/*忙娄鈥毭モ€犅�*/

.survey {
    margin-top: 20px;
    margin-bottom: 20px;
    overflow: hidden;
}

.survey > div {
    float: left;
}

.leftTab {
    width: 750px;
    height: auto;
    overflow: hidden;
    background: #FFFFFF;
}

.tabList {
    padding: 10px;
}

.tabList:last-of-type {
    /*margin: 0 0 100px 0;*/
    padding: 0px !important;
}

.leftTab ul {
    overflow: hidden;
    border-bottom: 1px solid #F4F4F4;
}

.leftTab ul li {
    float: left;
    margin: 0 15px;
    padding: 15px 0;
    font-size: 16px;
    cursor: pointer;
}

.luxiang {
    margin: 0 0 10px 0 !important;
}

.surveyActive {
    color: #3184FF;
    font-weight: bold;
    border-bottom: 1px solid #3184FF;
}

.rightTab {
    margin-top: 20px;
}

.rightTab > div {
    width: 230px;
    height: auto;
    margin-left: 20px;
    background: #FFFFFF;
}

.matchOne,
.matchTwo {
    font-size: 14px;
    /*height: 406px;*/
    position: relative;
}

.matchP {
    color: #FFFFFF;
    z-index: 9999;
    position: absolute;
    top: 5px;
    left: 5px;
}

.name {
    /*width: 100%;*/
    height: 30px;
    color: #FFFFFF;
    padding: 0 10px;
    line-height: 30px;
    z-index: 9999;
}

.nameImg {
    background-repeat: no-repeat;
    background-size: 230px;
    background-position-y: -130px;
}

.mengban {
    width: 100%;
    height: 30px;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.6);
}

.matchOne ul,
.matchTwo ul {
    border-bottom: 1px solid #F4F4F4;
}

.matchOne ul li,
.matchTwo ul li {
    margin: 0 22px;
    padding: 10px 0;
    cursor: pointer;
    display: inline-block;
}

.matchOneActive,
.matchTwoActive {
    color: #3D9BFF;
    border-bottom: 1px solid #3D9BFF;
}


/*氓陆鈥⒚テ捖�*/

.videotape {
    overflow: hidden;
}

.videotape > a > div {
    overflow: hidden;
    cursor: pointer;
    padding: 0 10px;
    border-bottom: 1px solid #F4F4F4;
}

.videotape p {
    padding: 10px 0 6px 0;
    font-size: 12px;
}

.videotape > a > div:first-of-type > p {
    color: #828282;
}

.videotape > a > div > div {
    float: left;
}

.tape {
    width: 132px;
    margin-bottom: 8px;
}

.tape > p {
    width: 132px;
    padding: 0;
    font-size: 14px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tape p img {
    width: 15px;
    height: 15px;
    margin-right: 6px;
    vertical-align: middle;
}

.tapeVideo {
    height: 60px;
    line-height: 60px;
    /*margin-left: 10px;*/
    float: right !important;
}

.tapeVideo img {
    width: 15px;
    height: auto;
    margin-bottom: 5px;
    margin-right: 4px;
    vertical-align: middle;
}

.more {
    font-size: 12px;
    text-align: center;
    cursor: pointer;
    padding: 7px 0 !important;
}


/*猫搂鈥犆┞⑩€�*/

.allVideo ul {
    border-bottom: 0px !important;
}

.allVideo ul li {
    margin: 0 !important;
    padding: 0 !important;
    cursor: pointer;
    display: block;
    border-bottom: 1px solid #F4F4F4;
}

.allVideo ul p {
    width: 210px;
    height: 40px;
    margin: 0 10px;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.allVideo ul p a {
    width: 210px;
    height: 40px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.allVideo ul p a:hover {
    color: #3696FF;
}

.allVideo ul li img {
    width: 15px;
    height: auto;
    margin-bottom: 2px;
    margin-right: 4px;
    vertical-align: middle;
}

.matchTwo {
    margin-top: 20px;
}


/*莽搂炉氓藛鈥犆βε�*/

.leagueTable {
    width: 230px;
    height: 315px;
    background: #FFFFFF;
    margin-top: 20px;
}

.leagueTable tr {
    height: 33px;
    border-bottom: 1px solid #F4F4F4;
}

.leagueTable td {
    width: 60px;
    text-align: center;
}

.leagueTable td:nth-of-type(2) {
    width: 75px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.num {
    width: 18px;
    height: 18px;
    color: #FFFFFF;
    background: #34A6FF;
    border-radius: 50%;
    margin: 0 auto;
}

.myListTape {
    width: 96%;
    height: 50px;
    line-height: 50px;
    padding: 0 15px;
    overflow: hidden;
    border-bottom: 1px solid #F4F4F4;
}

.myListTape img {
    width: 15px;
    height: auto;
    float: left;
    margin-top: 20px;
    vertical-align: middle;
}

.myListTape p {
    width: 695px;
    height: 50px;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.myListTape:hover {
    color: #166AE6;
}


/*猫炉鈥灻�*/

.commentAll {
    width: 710px !important;
}

.comment-input {
    width: 100% !important;
}

.comment-show-con-list {
    width: 90% !important;
    margin-left: 2% !important;
}

.hf-input {
    width: 99% !important;
}

#mypl {
    color: #383838;
    background: #EFEFEF;
    margin-right: 7px !important;
}

#hfPl {
    color: #383838;
    background: #EFEFEF;
    margin-right: 6px !important;
}

.date-dz-pl img {
    vertical-align: middle;
}

.comment-show-con-list .date-dz-left {
    width: 638px;
}

.all-pl-con .date-dz-left {
    width: 622px;
}

#checkPl ul {
    margin: 0 !important;
    border: none !important;
}

#checkPl ul li {
    margin: 0 !important;
}

#popPhone,
#changePhone {
    width: 290px;
    height: auto;
    background: #FFFFFF;
    position: fixed;
    left: 40%;
    top: 22%;
    display: none;
    border-radius: 2px;
    padding: 30px 20px 25px 20px;
    box-shadow: 2px 2px 36px #E7E7E7;
    z-index: 1002;
}

#popPhone > img,
#changePhone > img {
    cursor: pointer;
    position: absolute;
    right: 8px;
    top: 8px;
}

#popPhone > div p,
#changePhone > div p:first-of-type {
    font-size: 22px;
}

#popPhone input[type="tel"] {
    width: 267px;
    height: 40px;
    margin-top: 20px;
    padding: 0 10px;
    outline: none;
    border-radius: 2px;
    border: 1px solid #E1E1E1;
}

.messgesCodePhone,
.messgesCodePhone2 {
    width: 266px;
    height: 40px;
    padding: 0 10px;
    margin-top: 10px;
    border: 1px solid #E1E1E1;
}

.messgesCode {
    width: 266px;
    height: 40px;
    padding: 0 10px;
    margin-top: 10px;
    border: 1px solid #E1E1E1;
}

.messgesCode > input,
.messgesCodePhone > input,
.messgesCodePhone2 > input {
    width: 154px;
    height: 38px;
    border: none;
    outline: none;
    margin-top: 0px;
    padding: 0;
}

.messgesCode > input[type="button"],
.messgesCodePhone > input[type='button'],
.messgesCodePhone2 > input[type='button'] {
    width: 106px;
    color: #247FFB;
    padding-left: 12px;
    cursor: pointer;
    display: inline-block;
    background: #FFFFFF;
    border-left: 1px solid #E1E1E1;
}

.phoneErr,
.codeErr,
.codeErr2 {
    color: #E93E3E !important;
    font-size: 12px !important;
    margin-top: 2px;
    display: none;
}

#popPhone input[value="氓庐艗忙藛聬"],
#changePhone input[value="盲赂鈥姑ぢ糕偓忙颅楼"] {
    width: 288px;
    height: 45px;
    color: #FFFFFF;
    font-size: 18px;
    border: none;
    outline: none;
    margin-top: 30px;
    cursor: pointer;
    background: #055FD5;
}

#imgCode3 > input {
    width: 128px;
    height: 40px;
    padding: 0 8px;
    border: 1px solid #e1e1e1;
}

.captcha4Err {
    color: #E93E3E !important;
    font-size: 12px !important;
}

.activePl {
    color: #383838 !important;
}

/*氓陇卤猫麓楼*/
#err {
    width: 260px;
    height: auto;
    left: 41%;
    padding: 0 15px 15px 15px;
    margin: 0 auto;
    background: #FFFFFF;
    border-radius: 5px;
    position: fixed;
    left: 45%;
    top: 180px;
    display: none;
    text-align: center;
    font-size: 18px;
    z-index: 1002;
    box-shadow: 2px 2px 36px #E7E7E7;
}

#err > img {
    width: 115px;
    text-align: center;
}

details {
    margin-bottom: 10px;
}

details summary,details summary h1 {
    height: 30px;
    font-weight: 700;
    color: #fff;
    list-style: none;
    cursor: pointer;
    font-size: 1rem;
    background-color: #143465;
    position: sticky;
    padding: 4px 8px;
    top: var(--page-header-height);
    z-index: 1;
    display: flex;
    align-items: center
}

details summary::-webkit-details-marker {
    display: none
}


details:last-child li:last-child {
    border-bottom: 0
}


details[open] summary::after {
    transform: rotate(90deg)
}

.a37_YTM3_Y29tcGV0aXRpdmVo:nth-child(1) {
    margin-top: 0;
}

.a37_YTM3_Y29tcGV0aXRpdmVo {
    padding-right: 10px;
}

.live-src {
    padding: 0 20px;
}

.a37_YTM3_dGFibmVtdV90eXBlaA a:hover {
    color: #fff !important;
}

.a37_YTM3_dGVhbXpiaA {
    display: flex;
}

.teamName {
    width: unset;
    overflow: unset;
    text-overflow: unset;
    white-space: nowrap;
}
.pagination li a {
    display: inline-block;
    border: 1px solid #eef3f8;
    border-radius: 5px;
    height: 44px;
    line-height: 44px;
    width: unset;
    min-width: 44px;
    padding: 0 12px;
    margin: 3px;
    white-space: nowrap;
}
.msg ul {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.a37_YTM3_dmlldy10eXBlTmFtZWg {
    padding:10px 0;
}

.hidden{display:none!important;}
.showMoreButton {
    width: 100%;
    cursor: pointer;
    text-align: center;
    margin: 12px 0;
}

.tag_name-item {
    color: #143465;
    padding: 2px 6px;
    margin: 3px 4px;
    line-height: 22px;
    text-align: center;
    background:#FFFFFF ;
    border-radius: 10px;
    border:solid 1px #143465
}

@media screen and (max-width: 768px) {
    #top_navbar {
        justify-content: unset;
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        height: 40px;
    }
    #secondNavUl {
        display:flex;
        flex-flow:wrap;
    }
    #secondNavUl > li {
        padding:5px 0;
        margin-left:10px;
    }
    .a37_YTM3_bmF2LWl0ZW1o{
        margin-bottom: 4px;
    }

    .a37_YTM3_dmlldy10eXBlTmFtZWg {
        position: relative;
        padding-bottom:38px;
    }

    header > div {
        width: 100%;
        display: flex;
        flex-direction: column;
        line-height: unset;
        height: unset;
        text-align: center;
        align-items: unset;
    }

    .logo_and_search_area {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    header img, #nav, #nav li {
        line-height: unset;
        height: unset;
    }

    header {
        line-height: unset;
        height: unset;
    }

    #nav {
        flex-wrap: wrap;
    }

    #nav li {
        padding-top: 4px;
        padding-left: 20px;
    }

    .box {
        width: unset;
    }

    .info {
        height: 100px;
        overflow: auto;
    }

    .a37_YTM3_Y29tcGV0aXRpdmVo, .wonderful_video {
        width: 100%;
    }

    .information {
        width: 100%;
        margin-left: 0;
    }

    .a37_YTM3_aWZpY2F0aW9uaA p {
        width: unset;
    }

    .a37_YTM3_aWZpY2F0aW9uaA img {
        object-fit: contain;
        float: left;
        vertical-align: middle;
    }

    .a37_YTM3_aWZpY2F0aW9uaA > div {
        padding: 2px 8px;
    }

    .matchList {
        width: 100%;
    }

    .mt-content img {
        width: 100%;
        object-fit: contain;
    }


    .a37_YTM3_aW50ZWxsaWdlbmNlaAList p {
        width: unset;
    }

    .a37_YTM3_aW50ZWxsaWdlbmNlaAList, .a37_YTM3_aW50ZWxsaWdlbmNlaAList div {
        width: unset;
    }

    .a37_YTM3_aW50ZWxsaWdlbmNlaAList div {
        display: flex;
        justify-content: space-around;
        flex-direction: column;
    }

    .a37_YTM3_aW50ZWxsaWdlbmNlaAList p {
        font-size: 15px;
    }

    .msgSroce {
        justify-content: space-between;
    }

    .myList {
        height: unset;
        overflow: unset;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;

    }

    .listBox {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        overflow: unset;
    }

    .myList > div {
        height: unset;
    }

    .matchType {
        line-height: 10px !important;
        padding: 0;
    }

    .download {
        padding: 5px;
    }

    .box.info {
        height: unset !important;
    }

    .msg ul li {
        width: unset;
    }

    .a37_YTM3_dGVhbXpiaA {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .msg ul {
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: unset;
        margin-top: 10px;
    }

    .msg {
        width: 100%;
        height: 120px;
        background-size: 100% 100%;
    }

    .teamName, .channel {
        width: unset;
    }

    .a37_YTM3_Y29udGVudC1ib2R5aA {
        flex-direction: column;
    }


    .info > div, .a37_YTM3_aG90TXNnaA > div {
        float: unset;
    }

    .msg ul li {
        margin-right: 0;
    }

    .a37_YTM3_dGVhbXpiaA:nth-child(1) {
        flex-direction: column-reverse;
    }

    .msg .timer {
        line-height: 21px !important;
        text-align: center;
        margin-top: -20px;
    }

    #position {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }



}


.comments-title-tit {
    padding-top: unset !important;
    margin-top: -0px;
}



.news-a37_YTM3_Y29udGFpbmVyX19pbmZvLXNoYXJlaA {
    font-size: 14px;
    margin-right: 15px;
}

.a37_YTM3_bmV3cy1jb250YWluZXJo__info .a37_YTM3_Zmktd2VjaGF0aA {
    font-size: 22px;
}

.a37_YTM3_bmV3cy1jb250YWluZXJo__info .fi {
    font-size: 20px;
}
.fi-qq, .fi-qzone, .a37_YTM3_Zmktd2VjaGF0aA {
    cursor: pointer;
}


#share_dialog {
    position: absolute;
    z-index: 20
}

#share_dialog .icon {
    display: block;
    margin: 0 auto
}

#share_dialog .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-align-items: center;
    align-items: center;
    background-color: #373a3d;
    border-radius: 0 0 4px 4px;
    color: hsla(0,0%,100%,.5);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 16px;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 12px
}

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

#share_dialog .content .qr_wrapper {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 112px;
    margin-bottom: 4px;
    padding: 5px;
    width: 112px
}

#share_dialog .content .qr_wrapper img {
    background-color: transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    width: 100%
}

#share_dialog .content .tips {
    color: hsla(0,0%,100%,.5);
    font-size: 12px;
    font-weight: 400;
    height: 16px;
    line-height: 16px
}

#a37_YTM3_c2hhcmUtY29udGVudGg {
    float: right;
    padding-right:10px;
}

#a37_YTM3_Z2QtYm94aA h1 {
    padding-top:10px;
    padding-left:20px;
    font-size:18px;
    margin-left:5px;
}


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

    #a37_YTM3_c2hhcmUtY29udGVudGg {
        float:unset !important;
        display: block;
        position: absolute;
        top: 25px;
    }

    #a37_YTM3_Z2QtYm94aA h1 {
        padding-top:10px;
        padding-left:20px;
        font-size:18px;
    }
}

.a37_YTM3_enQtbGlo p {
    margin-right: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    white-space: nowrap;
}

.a37_YTM3_enQtbGlo {
    display: block;
    height: 48px;
    line-height: 48px;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #EEF3F8;
}

.a37_YTM3_emhpYm9fbGlzdF9mbHNqaA .fr {
    text-align: right;
    width: 70%;
    font-size: 13px;
}

.gengduo {
    color:#eeeeee !important;
}

.index_h1{ height:30px; line-height: 30px; font-size: 14px;}