@charset "utf-8";
html {
    overflow: auto;
    height: 100%;
}

body {
    font-size: 0.7rem;
    font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif;
    font-weight: 400;
    color: #333;
    -webkit-font-smoothing: antialiased;
    min-height: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    background: #F1F7F5;
    color: #333
}

a {
    color: #333;
    text-decoration: none;
    outline: 0 none;
    transition: .2s all ease;
    font-size: 0.7rem;
}

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

a:focus {
    -moz-outline-style: none;
    border: 0px;
    blr: expression(this.onFocus=this.blur());
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

header, footer, article, aside, section, nav, menu, hgroup, details, dialog, figure, figcaption {
    display: block
}

ol, li, ul, dl, dt, dd {
    list-style: none;
}

fieldset, img {
    border: 0
}

button, submit, input, select {
    vertical-align: middle;
}

button, submit {
    cursor: pointer;
}

h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: lighter;
}

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

sup {
    vertical-align: text-top;
}

sub {
    vertical-align: text-bottom;
}

select, button {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    outline-style: none;
    outline-width: 0pt;
    padding: 0;
    margin: 0;
}

b, em, i {
    display: inline-block;
    font-weight: normal;
    font-style: normal;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    zoom: 1;
}

img {
    border: 0;
    vertical-align: middle;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.wrap {
    width: 1080px;
    margin: 0 auto;
}

.main {
    padding-bottom: 140px;
}

.l-box {
    width: 740px;
}

.r-box {
    width: 320px;
}

.hide {
    display: none !important;
}

.show {
    display: block !important;
}

.showt {
    display: inline-block !important;
}

.mt1 {
    margin-top: 1rem;
}

.mt2 {
    margin-top: 2rem;
}

.mb1 {
    margin-bottom: 1rem;
}

.mb2 {
    margin-bottom: 2rem;
}

.no_show {
    display: none;
}

.red {
    color: red;
}

.mt1 {
    margin-top: 1rem;
}

.mt0_7 {
    margin-top: 0.7rem;
}

.mt0_6 {
    margin-top: 0.6rem;
}

.mt0_5 {
    margin-top: 0.5rem;
}

.mb3 {
    margin-bottom: 3rem;
}

.pb3 {
    padding-bottom: 3rem;
}


/*header*/
header {
    height: 2.2rem;
    width: 100%;
    background: #fff;
}

.logoandnav {
    height: 2.5rem;
    padding: 0.5rem 0 0 0.6rem;
    box-sizing: border-box;
}

.logoandnav img {
    height: 1.4rem;
}

.logoandnav a {
    width: 3rem;
    height: 1.4rem;
    border-radius: 2px;
    text-align: center;
    line-height: 1.4rem;
    float: right;
    margin: 0.3rem 0.6rem;
}

.logoandnav .logoimg {
    float: left;
    margin: 0;
}

header nav {
    background: #28b28b;
    height: 2.12rem;
    font-weight: 500;
    border-bottom: 1px solid #ddd;
}

header nav ul {
    justify-content: space-around;
    height: 2rem
}

header nav li.a {
    /*min-width: 2rem;*/
    margin-right: .5rem;
    color: #e64d5c;
    float: left;
    padding: 0 0.3rem;
    line-height: 2rem;
    text-align: center;
    position: relative;
    font-size: 0.6rem;
}

header nav li.a img {
    height: 1.1rem;
}

header nav li.a a {
    color: #fff;
    display: block;
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
    /*white-space: nowrap*/
}

header nav ul .active {
    color: #fff
}

header nav ul .active a {
    color: #fff;
}

header nav li.a i {
    position: absolute;
    right: -0.7rem;
    top: 0;
    width: 1.12rem;
    height: 18px;
    background-size: 100%;
}

header nav li.a .yellow {
    color: yellow;
}


header .MoreNav {
    background: #fff;
    position: absolute;
    width: 18.6rem;
    left: -15.6rem;
    margin-top: 0.15rem;
    z-index: 9;
    border: 4px solid #ddd;
}

header .MoreNav ul {
    height: auto;
    clear: both;
    overflow: hidden
}

header .MoreNav li {
    width: 20% !important;
    float: left;
}

header .MoreNav li a {
    color: #000 !important;
    font-size: 0.55rem;
}

header .MoreNav div.da {
    text-align: left;
    margin-left: 0.7rem;
}

header .MoreNav div.da a {
    margin-left: 0.5rem;
    color: #000 !important;
}

header .MoreNav div.da:before {
    content: '';
    position: absolute;
    display: inline-block;
    width: 0.2rem;
    height: 0.8rem;
    background: red;
    margin-top: 0.65rem;
}

header .MoreNav .close {
    float: right;
    margin-right: 0.5rem;
    border: 1px solid #ddd;
    background: #f0f0f0;
    border-radius: 50%;
    height: 1rem;
    line-height: 0.9rem;
    padding: 0.005rem 0.3rem;
    margin-top: 0.5rem;
    color: #999;
}


.container {
    padding-bottom: 3rem;
}

.tabs {
    margin-top: .5rem
}

.favor-header-bar {
    background-color: #fff;
    overflow: hidden;
    height: 2.2rem;
    line-height: 1.55rem;
    position: relative;
    clear: both
}

.favor-header-bar li {
    font-size: 0.5rem;
    border: 1px solid #f0f0f0;
    color: #999;
    margin: 0 4%;
    display: block;
    width: 15.9%;
    text-align: center;
    float: left;
    height: 1.25rem;
    line-height: 1.25rem;
    position: relative;
    border-radius: 0.2rem;
    overflow: hidden
}

.favor-header-bar li.current {
    background: linear-gradient(180deg, #FF796A 0%, #FF0C0C 100%);
}

.favor-header-bar li.current a {
    color: #fff !important;
}

.favor-header-bar li:last-child {
}

.favor-header-bar li.default {
    color: #fff;
    background: linear-gradient(180deg, #FF796A 0%, #FF0C0C 100%)
}

.favor-header-bar li a {
    font-size: 0.5rem;
}

.news {
    background: #fff
}

.news li {
    padding-left: 35px;
    border-bottom: 1px #eeeeee solid;
    font-size: .9rem;
    height: 1.55rem;
    line-height: 1.55rem;
    flex-flow: row nowrap;
    align-items: center;
    padding-right: 0.3rem;
}

/*display: flex; justify-content: center*/
.ICOshiping li {
    background: url('../image/u99.png') no-repeat 0.3rem center !important;
    background-size: 20px!important;
}

.ICOluxiang li {
    background: url('../image/u99.png') no-repeat 0.3rem center !important;
    background-size: 20px!important;
}

.ICOnews li {
    background: url('../image/newss.png') no-repeat 0.3rem center !important;
    background-size: 20px!important;
}

.news li .fright {
    font-size: 0.4rem;
    float: right;
}

.news li a {
    font-size: 0.6rem;
    display: inline-block;
    width: 84%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
}

.news li a.sp {
    width: 10%;
    font-size: 0.55rem;
    color: #01632c;
    text-align: center;
}

.zuqiu li {
    background: url("../image/tt_img_1.jpg") no-repeat 0.3rem center;
    background-size: 0.5rem;
}

.zuqiu2 li {
    background-size: 0.5rem;
}

.zuqiu3 li {
    background-size: 0.5rem;
}

.pages {
    display: flex;
}

.pages a, .pages strong, .pageback a, .pages span, .pages em {
    font-style: normal;
    color: #027345;
    float: unset !important;
    padding: 4px 0.29rem;
    width: auto !important;
    margin-right: 1px;
    line-height: 1rem;
    overflow: hidden;
    font-size: .6rem;
}

.pages span {
    color: red;
    font-weight: bold;
    display: inline-block;
}

.zhibo .event-type {
    padding: 0.3rem;
}

.zhibo .event-type li {
    float: left;
    font-size: 13px;
    margin: 0 0.3rem;
    height: 1.2rem;
    line-height: 1.2rem;
    min-width: 2rem;
    text-align: center;
    font-weight: 400;
}

.zhibo .event-type li a {
    font-size: 13px;
    padding: 0px 10px;
}

.zhibo .event-type .active {
    background: linear-gradient(180deg, #FF796A 0%, #FF0C0C 100%);
    border-radius: 2px;
    color: #fff;
}

.zhibo .event-type .active a {
    color: #fff;
}

.zhibo {
    background: #fff;
    margin-top: 0.5rem;
}

.zhibo, .zhibo a, .zhibo span {
    font-size: 0.6rem;
}

.zhibo ul.match li {
    border-bottom: 1px dotted #e1e1e1;
    padding: 0.4rem 0 0.3rem 0.2rem;
}

.zhibo ul.match li.riqi {
    background: #28b28b;
    color: #fff;
    border-bottom: 0px !important;
}

.zhibo ul.match li.bg_color {
    background: #fff;
}

.zhibo ul.match li.hot {
    background: -webkit-linear-gradient(45deg, #FFFFFF, #fef6db, #FFFFFF);
    background: linear-gradient(45deg, #FFFFFF, #fef6db, #FFFFFF);
    border-bottom-color: rgba(208, 179, 93, 0.33);
}

/**/
.zhibo ul.match li:last-child {
    border-bottom: 0px !important;
}

.zhibo ul.match li.bg_color {
    background: #fff;
}

.zhibo ul.match li .zb_neirong {
    color: #666;
    overflow: hidden;
    height: 1rem;
}

.zhibo ul.match li span.zhu {
    float: right;
}

.zhibo ul.match li span.zhu p {
    float: right;
    height: 15px;
    line-height: 15px;
}

.zhibo ul.match li span.zhu p a {
    padding: 0px !important;
}

.zhibo ul.match li span.zhu {
    padding: 0px 5px !important;
}

.zhibo ul.match li .zb_neirong span.date {
    font-size: 0.4rem;
    padding: 0.2rem 0.4rem;
    background: #f3c91f;
    color: #fff;
    position: relative;
    display: inline-block;
    border-radius: 5px;
    text-align: center;
}

.zhibo ul.match li.hot .zb_neirong span.date {
    font-weight: bold;
}

.zhibo ul.match li.hot .zb_neirong .type {
    font-weight: bold;
}

.zhibo ul.match li.hot .zb_neirong .match_info {
    font-weight: bold;
}

.zhibo ul.match li.hot .zb_neirong span.date {
}

.zhibo ul.match li .zb_neirong span.a {
    font-size: 0.4rem;
    margin-left: 21px;
    color: #444;
}

.zhibo ul.match li .zb_pd {
    margin-left: 5rem;
    margin-top: 9px;
    color: #01632c;
}

.zhibo ul.match li .xinhaoyuan {
    font-size: 0.4rem !important;
    color: #01632c !important;
}

.zhibo ul.match li .zb_pd a {
    padding-right: 12px;
    color: #01632c;
    font-size: 0.4rem;
}

/*#01632c*/
.zhibo ul.match li .zb_pd span {
    padding-right: 12px;
    color: #01632c;
    font-size: 0.4rem;
}

/*#01632c*/
.zhibo ul.match li .zb_neirong a {
    margin-left: 0.5rem;
}

.zhibo ul.match li img {
    height: 23px;
    margin-left: 5px;
    margin-right: 5px;
}

.title {
    height: 1.8rem;
    line-height: 1.8rem;
    font-size: 0.6rem;
    background: #0e8c58;
    padding-left: 0.3rem;
    color: #fff;
}

.type_miaoshu {
    background: #fff;
    padding: 0.2rem;
}

.type_miaoshu p {
    line-height: 1.1rem;
    font-size: 0.5rem;
}

footer {
    display: block;
    bottom: 0;
    height: 2.2rem;;
    width: 100%;
    background: #28b28b;
    z-index: 100;
    position: fixed
}

footer ul {
    width: 100%
}

footer ul li {
    position: relative;
    width: 20%;
    height: 2.2rem;;
    float: left;
    text-align: center;
    margin: 4px 0;
    color: #fff;
}

footer ul li a {
    color: #fff;
}

footer ul li a:hover, footer li a:active, footer li a:focus {
    color: #f3c91f;
    text-decoration: none;
}

footer ul li span {
    line-height: 20px;
    height: 20px;
    font-size: 0.8em;
}

footer ul li i {
    clear: both;
    font-size: 1.4em;
    width: 100%;
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url(../font/glyphicons-halflings-regular.eot);
    src: url(../font/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'), url(../font/glyphicons-halflings-regular.woff2) format('woff2'), url(../font/glyphicons-halflings-regular.woff) format('woff'), url(../font/glyphicons-halflings-regular.ttf) format('truetype'), url(../font/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.glyphicon-home:before {
    content: "\e021";
}

.glyphicon-play-circle:before {
    content: "\e029";
}

.glyphicon-sound-6-1:before {
    content: "\e192";
}

.glyphicon-facetime-video:before {
    content: "\e059";
}

.glyphicon-stats:before {
    content: "\e185";
}


/*直播内容*/
.mianbaoxie a, .mianbaoxie {
    font-size: 0.4rem;
    color: #0e8c58; /* display:none; */
    margin: 0.5rem 0.1rem;
    font-size: 0.5rem;
    height: 0.9rem;
    line-height: 1rem;
    overflow: hidden;
}

.ZhiBoNeirong {
    background: #fff;
}

.ZhiBoNeirong .fixed_score_box {
    width: 100%;
    background: url('../image/matchBg.png') repeat-x 0px -30px;
    overflow: hidden;
}

.ZhiBoNeirong .fixed_score_top {
    width: 100%;
    margin: 10px auto 0;
}

.ZhiBoNeirong .score_name_left {
    width: 25%;
    float: left;
    text-align: center;
}

.ZhiBoNeirong .score_name_left > img {
    width: 80px;
    height: 80px;
    margin-top: 10px;
}

.ZhiBoNeirong .score_name_left > span {
    font-size: 17px;
    color: #fff;
    margin-top: 10px;
    display: block;
    font-weight: bold;
}

.ZhiBoNeirong .score_name {
    width: 50%;
    float: left;
}

.ZhiBoNeirong .score_name time {
    display: block;
    font-size: 16px;
    color: #fff;
    text-align: center;
}

.ZhiBoNeirong .score_name span {
    display: block;
    font-size: 36px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    margin-top: 17px;
}

.ZhiBoNeirong .score_name p {
    font-size: 16px;
    color: #fff;
    margin-top: 8px;
    text-align: center;
}

.ZhiBoNeirong .score_name p a {
    color: #fff;
}

.ZhiBoNeirong .score_name_right {
    float: right;
}

.ZhiBoNeirong .ah {
    text-align: center;
    border-bottom: 1px solid #ddd;
}

.ZhiBoNeirong .ah h1 {
    line-height: 2rem;
    line-height: 2rem;
    color: #000;
    font-weight: bold;
}

.ZhiBoNeirong .ar_body {
    padding: 0.4rem;
    line-height: 1.5rem;
    font-size: 0.55rem;
}

.ZhiBoNeirong .ar_body a {
    font-size: 0.55rem;
    color: #0e8c58;
    margin-right: 0.3rem;
}


.ar_body img {
    max-width: 100%;
}

.ar_body ul.pagelist {
}

.ar_body ul.pagelist li {
    height: 50px;
    line-height: 50px;
}

.ar_body .biaoqian {
    clear: both;
    font-size: 12px;
    border: 1px dashed #EAEAEA;
    background: #F1F7F5;
    padding: 3px 10px;
    width: 760px;
    border-radius: 5px;
    margin-top: 5px;
}

.ar_body .jijin {
    background: url("../image/view.png") no-repeat left 3px;
    padding-left: 16px;
    background-size: 10px
}

.ar_body .luxiang {
    padding-left: 22px;
}

/* .ar_body p{text-indent:2rem;} */
.ar_body .biaoqianA {
    line-height: 1.1rem;
    border: 1px solid #ddd;
    background: #f0f0f0;
    padding: 0.3rem;
    border-radius: 0.2rem;
}

.XiangGuanZiYuan {
    margin-bottom: 8px !important;
}

.XiangGuanZiYuan a {
    color: #f33e4f !important;
    margin-left: 10px;
}

.XiangGuanZiYuan span {
    color: #777;
    border: 1px solid #ddd;
    background: #f7f7f7;
    font-size: 12px;
    padding: 5px 12px;
}


.bifenLanmu {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 2.9rem;
    z-index: 999;
}

.bifenLanmu:before {
    content: '';
    position: absolute;
    bottom: -0.5rem;
    border-left: 0.5rem solid transparent;
    border-right: 0.5rem solid transparent;
    border-top: 0.5rem solid rgba(0, 0, 0, 0.7);
    margin-left: -0.5rem;
}

.bifenLanmu ol {
    overflow: hidden;
    background: rgba(0, 0, 0, 0.7);
    position: relative;
    margin: 0 auto;
    border-radius: 10px;
}

.bifenLanmu ol li {
    padding: 0.3rem 0rem;
    width: 100%;
    height: 1rem;
}

.bifenLanmu ol a {
    color: #f3c91f;
    font-size: 0.65rem;
    height: 2rem;
    line-height: 1rem;
}

.bifenLanmu ol li.cur, .bifenLanmu ol li.cur a {
}


/*直播资料库*/
.Tags {
    overflow: hidden;
    background: #fff;
    padding: 0px 0px 15px 10px;
}

.Tags h3 {
    font-weight: 700;
    color: #2f8162;
    padding-left: 1em;
    font-size: larger;
    margin-top: 10px
}

.Tags li {
    overflow: hidden; /* margin: 3px; */
    border: none;
    list-style: none;
    float: left !important;
    height: 43px;
    line-height: 40px;
    margin-top: 3px;
    padding-left: 18px;
    width: 33.33%;
    border-bottom: 1px solid #f0f0f0;
    box-sizing: border-box;
}

.Tags li a {
    color: #2f8162;
    font-size: 15px;
    width: 100%;
}

.Tags .spanColor {
    float: left;
    width: 12px;
    height: 12px;
    margin-top: 15px;
    margin-right: 6px;
    border-radius: 10px;
}

/*直播资料库*/


/*选择title---Right_title*/
.Right_title {
    height: 1.5rem;
    padding: 0.01rem 0;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    cursor: pointer;
    color: #45454a;
    font-weight: 500;
    border-bottom: 1px solid #f5f5f5;
    overflow: hidden
}

.Right_title > p {
    display: inline-block;
    margin: 0 0 0 15px;
    padding-left: 10px;
    border-left: 5px solid #28b28b;
    text-align: center;
    max-width: 4rem;
    color: #333;
    font-size: 0.72rem;
    font-weight: bold;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.Right_title .more {
    height: 14px;
    padding-right: 16px;
    margin-right: 10px;
    color: #44b878;
    min-width: 100px;
    text-align: right;
}

.Right_title ul {
    margin-right: 0.5rem;
}

.Right_title ul li {
    display: block;
    float: left;
    transform: skew(-25deg);
    background: #f0f0f0;
    height: 1.5rem;
    line-height: 1.5rem;
    width: 3rem;
    text-align: center;
    margin-left: 1px;
    font-size: 0.45rem;
}

.Right_title ul li a {
    transform: skew(25deg);
    color: #999;
    display: block;
    width: 100%;
    height: 100%;
    font-size: 0.45rem;
}

.Right_title ul li p {
    transform: skew(25deg);
    color: #999;
    display: block;
    width: 100%;
    height: 100%
}

.Right_title ul li.cur {
    background: #e64d5c;
}

.Right_title ul li.cur a {
    color: #fff;
}

.Right_title ul li.cur p {
    color: #fff;
}

.Right_title ul li.current {
    background: #e64d5c;
}

.Right_title ul li.current a {
    color: #fff;
}

.Right_title ul li.current p {
    color: #fff;
}

/*选择title---Right_title*/

.subnav {
    background: #28b28b;
    margin: 0 .2rem;
    border-radius: .15rem
}

.subnav ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.subnav ul li {
    flex-grow: 1;
    text-align: center;
    padding: .3rem;
    position: relative;
    height: 1.1rem;
    line-height: 1.1rem
}

.subnav ul li a {
    display: block;
    color: #fff
}

.subnav ul li a.hover {
    color: #FFEB3B;
    font-weight: bold;
}

.subnav ul li::after {
    content: ' ';
    position: absolute;
    right: 0;
    width: 1px;
    background-color: #019f72;
    height: .7rem;
    top: .5rem
}

.subnav ul li:last-child::after {
    display: none
}

.jifenDIV {
    width: 100%
}

.jifenDIV .title {
    font-size: 16px;
    padding: 7px 10px;
    text-align: center;
    background: #28b28b;
    height: 1rem;
    line-height: 1rem;
    color: #fff;
}

.jifenDIV .jifen_head {
    display: flex;
    background: #f8b62a;
    line-height: 37px;
    height: 37px
}

.jifenDIV .jifen_list {
    display: flex;
    line-height: 37px;
    height: 37px;
    border-top: 1px solid #f4f4f4
}

.jifenDIV .jifen_head span {
    width: 50px;
    text-align: center;
    color: #fff
}

.jifenDIV .jifen_head span:nth-child(2) {
    width: 80px !important
}

.jifenDIV .jifen_list span {
    width: 50px;
    text-align: center
}

.hotType .jifenDIV .jifen_head span {
    width: 20%
}

.hotType .jifenDIV .jifen_list span {
    width: 20%
}

.jifenDIV .jifen_list span:nth-child(2) {
    width: 100px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left
}

.jifenDIV .jifen_list img {
    width: 20px;
    margin: 0 3px;
    vertical-align: middle
}

.jifenDIV .jifen_list span:last-child {
    color: #e74c5b
}

.jifenDIV .jifen_list span:nth-child(1) {
    color: #666;
    font-weight: 700
}

.player-list {
    display: flex;
    flex-wrap: wrap;
    padding: .5rem 0
}

.player-list li {
    width: 25%;
    margin: .5rem 0;
}

.player-list li a {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.player-list li img {
    width: 2.5rem;
    height: 2.5rem;
    object-fit: cover;
    border-radius: 50%;
}

.player-list li p {
    margin-top: .1rem;
    font-size: 0.6rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 4rem;
    overflow: hidden;
    text-align: center;
}

.titleV1 {
    height: 2.2rem;
    border-bottom: 1px solid #f4f4f4;
    padding: 0 .2rem !important;
    margin-bottom: 10px;
    margin-top: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.titleV1 img {
    float: left;
    width: 39px;
    height: auto;
    margin: 8px 0
}

.titleV1 h4 {
    float: left;
    color: #000;
    font-size: 18px;
    font-weight: 700;
    margin-left: .2rem
}

.titleV1 h4::before {
    content: '';
    position: relative;
    top: 2px;
    display: inline-block;
    width: 6px;
    height: 19px;
    background: #28b28b;
    border-radius: 5px;
    margin-right: 10px
}

.titleV1 ul {
    float: right;
}

.titleV1 li {
    float: left
}

.titleV1 li a {
    font-size: 15px;
    font-weight: 700;
    color: #000;
    display: block
}

.titleV1 li span {
    margin: 0 16px;
    color: #ddd
}

.titleV1 .gd {
    float: right;
    color: #000;
    font-size: 16px
}

.titleV1 a.more {
    float: right;
    color: #090
}

.titleV1 ul.select {
    float: right;
    border-left: 1px solid #f4f4f4
}

.titleV1 ul.select li {
}

.select {
    overflow: hidden;
    display: flex
}

.select li {
    float: left;
    text-align: center;
    cursor: pointer;
    font-size: 15px;
    color: #999;
    flex-grow: 1;
    margin-left: .3rem;
    font-size: .6rem;
    padding: .2rem .4rem;
    border-bottom: 1px solid #ccc;
}

.select li.current {
    color: #000;
    font-weight: 700;
    border-bottom: #28b28b 2px solid;
    color: #28b28b;
}

.stat {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
    padding: 15px .2rem
}

.stat-item {
    width: 25%;
    display: flex;
    align-items: center;
    flex-direction: column;
    margin: 10px 0
}

.stat-item-label {
    font-size: .6rem;
    color: #999
}

.stat-item-val {
    font-size: .8rem;
    color: #000
}

.chart-head {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    padding-right: .2rem;
    box-sizing: border-box;
    margin-top: 20px
}

.stat__chart {
    height: 700px;
    margin: 20px auto 0;
    width: 700px
}

.stat__king {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 24px 0 48px
}

.stat__king, .stat__king-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap
}

.stat__king-item {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 844px
}

.stat__king-avatar {
    border-radius: 50%;
    height: 3rem;
    -o-object-fit: cover;
    object-fit: cover;
    width: 3rem
}

.stat__king-score {
    color: #424242;
    font-size: .7rem;
    font-weight: 600;
    line-height: 33px;
    margin: 6px 0
}

.stat__king-name {
    color: #212121;
    font-size: .7rem;
    font-weight: 400;
    line-height: 28px;
    text-align: center;
    width: 6em
}

.stat__king-img {
    height: 17px;
    position: absolute;
    right: 7px;
    top: 7px;
    width: 42px
}

.stat__king-list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 169px;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    width: 33.33%
}

.stat__king-list, .stat__single {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column
}

.stat__single {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 20px
}

.stat__single-avatar {
    border-radius: 50%;
    height: 64px;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 64px
}

.stat__single-top {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    color: #212121;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 18px;
    font-weight: 400;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    line-height: 28px;
    margin-bottom: 5px
}

.stat__single-score {
    font-weight: 600
}

.stat__single-bottom {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    color: #757575;
    font-size: 14px;
    font-weight: 400;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    line-height: 22px
}

.stat__single-bottom, .stat__single-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.stat__single-list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 68px;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 25px;
    padding-left: 78px;
    position: relative;
    width: 100%
}

.matchInfoDiv {
    padding: 0 20px;
    overflow: hidden
}

.capability {
    width: 100%
}

.capability .average {
    font-size: 18px;
    color: #333;
    text-align: center;
    padding-top: 26px;
    margin-bottom: 12px
}

.capability .average b {
    font-weight: 400;
    color: #fd7d24;
    margin-left: 5px
}

.capability .box_chart {
    width: 100%;
    height: 330px;
    position: relative;
    text-align: center
}

.capability .box_chart .item {
    position: absolute;
    font-size: 13px;
    line-height: 24px;
    text-align: center;
    color: #555
}

.capability .box_chart .item span {
    display: block;
    width: 24px;
    height: 16px;
    line-height: 16px;
    box-sizing: border-box;
    border-radius: 2px;
    font-family: arial;
    font-size: 13px;
    text-align: center;
    color: #fff;
    margin: 0 auto
}

.capability .box_chart .item0 {
    top: 26px;
    width: 100%;
    left: -3px;
    text-align: center
}

.capability .box_chart .item0 span {
    display: inline-block
}

.capability .box_chart .item1 {
    right: 4px;
    top: 98px;
    width: 70px;
    text-align: center
}

.capability .box_chart .item2 {
    top: 245px;
    right: 0;
    width: 70px;
    text-align: center
}

.capability .box_chart .item3 {
    bottom: -5px;
    width: 100%;
    left: 0;
    text-align: center
}

.capability .box_chart .item3 span {
    display: inline-block
}

.capability .box_chart .item4 {
    top: 251px;
    left: 0;
    width: 70px;
    text-align: center
}

.capability .box_chart .item5 {
    top: 101px;
    left: 4px;
    width: 70px;
    text-align: center
}

.capability .box_chart .lv1, .capability .box_chart .lv6 {
    margin-left: 10px;
    background: rgba(243, 38, 19, .6)
}

.capability .box_chart .lv2 {
    margin-left: 10px;
    background: rgba(255, 125, 4, .6)
}

.capability .box_chart .lv3 {
    background: rgba(251, 198, 49, .6)
}

.capability .box_chart .lv4 {
    background: rgba(175, 220, 166, .6)
}

.capability .box_chart .lv5 {
    background: hsla(0, 0%, 82%, .6)
}

.capability .des {
    text-align: center;
    margin: 10px 20px 20px;
    overflow: hidden;
    border-top: 1px solid #f5f5f5
}

.capability .des h3 {
    font-size: 12px;
    font-weight: 400;
    height: 20px;
    line-height: 20px;
    color: #8d8d8d;
    margin-bottom: 5px
}

.capability .des img {
    height: 30px
}

.capability .des .list {
    display: inline-block;
    width: 134px;
    vertical-align: top;
    height: 75px;
    overflow: hidden;
    padding-top: 10px;
    float: left;
    border-bottom: 1px solid #f5f5f5
}

.capability .des .list:first-child {
    border-bottom: 1px solid #f5f5f5;
    border-right: 1px solid #f5f5f5
}

.capability .des .list:nth-child(2) {
    border-bottom: 1px solid #f5f5f5
}

.capability .des .list:last-child {
    border-left: 1px solid #f5f5f5
}

.capability .des .list:first-child h3, .capability .des .list:nth-child(2) h3 {
    padding-top: 0
}

.capability .des .ranks {
    letter-spacing: 0;
    font-size: 0;
    height: 24px;
    padding: 6px 0 0
}

.capability .des .ranks span {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: 0 2px
}

.capability .des .rank_f {
    background-size: 100% 100%
}

.capability .des .rank_e {
    background-size: 100% 100%
}

.profile__career__tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 2;
    padding: 20px 10px 0;
    background: #fff
}

.profile__career__tab {
    border-radius: 4px;
    color: #333;
    cursor: pointer;
    font-size: 16px;
    height: 35px;
    line-height: 35px;
    margin: 0 8px 12px;
    text-align: center;
    width: 62px
}

.profile__career__tab--active, .profile__career__tab:hover {
    background-color: #f5f5f5;
    color: #ff0b0b
}

.profile__career__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    padding: 0 .2rem;
}

.profile__career__item:before {
    background-color: #EEEEEE;
    border-radius: 1px;
    content: "";
    height: 100%;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    width: 1px
}

.profile__career__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 8px 0 8px 20px;
    position: relative;
    width: 50%
}

.profile__career__list__title {
    color: #333;
    font-size: .65rem;
    line-height: 22px
}

.profile__career__list__title:hover {
    color: #e74b5b;
    -webkit-transition: color .3s;
    transition: color .3s
}

.profile__career__list__time {
    color: #ccc;
    font-size: 12px;
    line-height: 24px;
    margin-top: 2px
}

.profile__career__list:before {
    background-color: #e0e0e0;
    border: 2px solid #eee;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: "";
    height: 10px;
    left: -5px;
    position: absolute;
    top: 20px;
    width: 10px
}

.profile__career__list:nth-child(odd) {
    -ms-flex-item-align: start;
    -webkit-align-self: flex-start;
    align-self: flex-start;
    padding: 16px 20px 16px 0;
    text-align: right;
}

.profile__career__list:nth-child(odd):before {
    left: unset;
    right: -5px
}

.picker-section {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #28b28b29 !important;
    border-radius: 8px;
    cursor: pointer;
    font-size: 14px;
    -webkit-justify-content: center;
    justify-content: center;
    overflow: hidden;
    padding: 9px 12px;
    position: relative;
    line-height: 35px
}

.picker-section, .picker-section__active {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.picker-section__active {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    color: #000;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    font-weight: 600
}

.picker-section__active:before {
    color: hsla(0, 0%, 100%, .5);
    font-size: 8px;
    margin-left: 8px
}

.picker-section__select-box {
    max-height: 0;
    min-width: 100%;
    overflow: hidden;
    position: absolute;
    top: 32px;
    -webkit-transition: max-height .3s ease-out;
    transition: max-height .3s ease-out;
    z-index: 10
}

.picker-section__item {
    background-color: #d5ece5 !important;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #000;
    max-height: 300px;
    overflow-y: auto;
    padding: 8px
}

.picker-section__item__list {
    color: #000;
    display: block;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    width: 100%;
    background-color: transparent !important
}

.picker-section__item__list:hover {
    color: #ff0d0d;
    -webkit-transition: all .3s;
    transition: all .3s
}

.picker-section__item:before {
    border-color: transparent transparent #d5ece5;
    border-style: solid;
    border-width: 0 9px 8px;
    content: "";
    display: block;
    left: 50%;
    position: absolute;
    top: 10px;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

.picker-section:hover {
    overflow: unset
}

.picker-section:hover .picker-section__select-box {
    max-height: 318px;
    padding-top: 18px
}

.stat__picker {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 35px;
    line-height: 35px
}

.stat__picker .picker-section {
    margin-left: .2rem
}

.stat__picker .picker-section--year .picker-section__select-box {
    width: 142px
}

.stat__picker .picker-section--year .picker-section__select-box--short {
    width: auto
}

.picker-section-year {
    width: 125px
}

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

.stat__game {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: column;
}

.stat__game-result {
    left: 0;
    line-height: normal;
    position: absolute;
    top: 17px
}

.stat__game-result img {
    height: 10px;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: 1;
    width: 30px
}

.stat__game-time {
    color: #424242;
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    white-space: nowrap
}

.stat__game-left {
    width: 104px
}

.stat__game-center, .stat__game-left {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

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

.stat__game-right {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 94px
}

.stat__game-right .stat__game-time {
    color: #424242
}

.stat__game-list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #9e9e9e;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    font-weight: 400;
    height: 47px;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top: .8rem;
    padding-left: 46px;
    position: relative;
}

.stat__game-left span {
    white-space: nowrap
}

.table {
    display: flex;
    flex-direction: column;
    margin: 1px 0 10px
}

.table2 {
    flex-direction: row !important;
    font-size: 14px;
    padding: 15px
}

.table-left {
    flex-shrink: 0
}

.table-left-th {
    text-align: center;
    border-bottom: 1px solid #f5f5f5;
    height: 35px;
    line-height: 35px;
    font-weight: 700
}

.table-left-td {
    text-align: center;
    height: 35px;
    line-height: 35px;
    padding: 0 10px
}

.table-left-td div, .table-left-th div {
    text-align: center
}

.table-right {
    overflow-x: scroll;
    display: flex;
    flex-direction: column
}

.table-right-th {
    display: flex
}

.table-right-td {
    display: flex
}

.table-right-th div {
    height: 35px !important;
    line-height: 35px !important;
    border-bottom: 1px solid #f5f5f5;
    font-weight: 700
}

.table-right-td div, .table-right-th div {
    width: 80px;
    text-align: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    height: 35px;
    line-height: 35px
}

.table-title {
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-weight: 700;
    border-bottom: 1px solid #e0e0e0;
    font-size: larger
}

.table-td, .table-th {
    display: flex
}

.table-td div, .table-th div {
    flex-grow: 1;
    text-align: center;
    width: 12.5%;
    height: 35px;
    line-height: 35px;
    white-space: nowrap
}

.table-th div {
    font-weight: 700
}

.zhuantiNeirong table {
    width: 100%;
    border-collapse: collapse
}

.zhuantiNeirong table td {
    font-size: 12px;
    border: 1px solid #f0f0f0;
    text-align: center;
    height: 30px;
    line-height: 30px
}

.zhuantiNeirong table tr:nth-child(2n) {
    background: #fff
}

.zhuantiNeirong table tr {
    background: #f0f0f0
}

.teamZiliao {
    margin: 0 .5rem;
    overflow: hidden
}

.teamZiliao li {
    line-height: 40px;
    height: 40px;
    border-bottom: 1px solid #f2f2f2;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.teamZiliao li a {
    color: red
}

.teamZiliao li.two {
    width: 50% !important;
    float: left !important
}

.teamZiliao li.six {
    width: 25% !important;
    float: left !important
}

.teamZiliao li.img {
    height: 96px;
    text-align: center;
    display: flex
}

.teamZiliao li.img img {
    width: 85px;
    height: 85px;
    object-fit: cover
}

.teamZiliao li img.jiangbei {
    width: 30px;
    height: 30px;
    vertical-align: middle;
    margin-right: 10px
}

.teamZiliao li.img .info {
    text-align: left;
    font-weight: 700;
    font-size: 15px;
    line-height: 29px;
    margin-left: 30px
}

.teamZiliao li.img .info p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.teamZiliao li.img .shenjia {
    font-size: 18px;
    line-height: 35px;
    margin-left: 100px;
    height: 35px;
    margin-top: 23px;
    color: #fff;
    background: -webkit-linear-gradient(245deg, #333 50%, #e84b5b 50%);
    padding: 3px 30px;
    border-radius: 50px
}

.dzDIV {
    width: 100%;
    border: 1px solid #f0f0f0;
    margin: 10px 0;
}

.dzDIV .title {
    font-size: 24px;
    margin: 15px;
}

.dzDIV .title img {
    width: 30px;
    margin: 0px 3px;
    vertical-align: middle;
}

.dzDIV .title span {
    color: #E84B5B
}

.dzDIV .dz_head {
    background: #f0f0f0 !important;
    line-height: 37px;
    height: 37px;
    text-align: center;
    display: flex;
}

.dzDIV .dz_head img {
    vertical-align: middle;
}

.dzDIV .dz_list {
    line-height: 37px;
    height: 37px;
    text-align: center;
    display: flex;
    border-bottom: 1px solid #f0f0f0;
}

.dzDIV .dz_list:last-child {
    border-bottom: 0px !important
}

.dzDIV .dz_head span {
    width: 25%;
    font-size: 14px;
}

.dzDIV .dz_list span {
    width: 25%;
    font-size: 14px;
}

.player-state {
    display: flex;
    flex-direction: column;
    border-top: 1px dashed #28b28b45;
    padding-top: 1rem;
    border-top-style: dashed;
}

.player-state:first-child {
    border-top: 0
}

.player-state-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 700;
    color: #28b28b
}

.player-state-body {
    display: flex;
    flex-wrap: wrap;
    padding: .5rem 0
}

.player-state-item {
    width: 25%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: .2rem 0
}

.player-state-item-val {
    font-weight: 700;
    font-size: larger
}

.player-state-item-desc {
    color: #333;
    font-size: .6rem
}

.player-transfer {
    display: flex;
    flex-direction: column;
    border-top: 1px dashed #28b28b45;
    padding-top: .8rem;
    margin-bottom: .8rem
}

.player-transfer:first-child {
    border-top: 0
}

.player-transfer-head {
    display: flex;
    justify-content: space-between
}

.player-transfer-detail {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: .5rem
}

.player-transfer-detail span {
    width: 33.33%;
    text-align: center
}

.player-transfer-detail span:first-child {
    font-weight: 700;
    text-align: left
}

.player-transfer-detail span:last-child {
    font-weight: 700;
    text-align: right
}

.TextJianjie {
    padding: .3rem;
    font-size: .65rem
}

.TextJianjie p {
    text-indent: 2em;
    margin: .2rem 0
}
.biaoqianA{
    margin-bottom: .2rem;
}
.biaoqianA span:first-child{
    margin-right: .2rem;
}
.navheader{
    display: flex;
    overflow: hidden;
}
.navcontent{
    display: flex;
    flex-wrap: nowrap;
    overflow-x: scroll;
    white-space: nowrap;
}