@charset "UTF-8";

/* 竞彩网m站资讯首页 */
.g-zx-content .zx-title {
    margin: .2rem 5%;
}

.g-zx-content .zx-title li {
    width: 47%;
    text-align: center;
    height: .62rem;
    line-height: .62rem;
    background-color: #dbdbdb;
    font-size: .32rem;
    border-radius: 4px;
    color: #666;
}

.g-zx-content .zx-title li a {
    display: inline-block;
    width: 100%;
    height: .62rem;
    line-height: .62rem;
    color: #666 !important;
}

.g-zx-content .zx-title li.zx-active {
    background-color: #f84a4a;
    color: #FFF;
}

.g-zx-content .img-big img {
    width: 100%;
    height: 4rem;
}

.g-zx-grid ul {
    justify-content: space-around;
    padding: .2rem 0;
    background-color: #fff;
}

.g-zx-grid ul li img {
    width: 1.2rem;
    height: 1.62rem;
}

.zx-news {
    background-color: #fff;
    margin: .2rem 0;
    color: #666;
}

.zx-news .news-title {
    padding: .2rem 0.25rem;
    border-bottom: 1px solid #e6e6e6;
}

.zx-news .news-title img {
    width: .52rem;
    height: .52rem;
}

.news-content {
    padding: 0 .25rem;
}

.news-content li {
    padding: .2rem 0;
    border-bottom: 1px dotted #eaeaea;
    font-size: .24rem;
    line-height: .48rem;
}

.news-content li a {
    color: #999999;
}

.news-content li h2 {
    font-size: .28rem;
    font-weight: normal;
    color: #666;
}

.g-zx-today {
    width: 100%;
    height: .65rem;
    line-height: .65rem;
    background-color: #fff;
    text-align: center;
    margin-bottom: .2rem;
}

.g-zx-today img {
    width: 1.8rem;
    height: .38rem;
    vertical-align: middle;
}

.zx-bk-tab ul {
    background: #fff;
    margin-bottom: .2rem;
}

.zx-bk-tab ul li {
    width: 50%;
    text-align: center;
}

.zx-bk-tab ul li:first-child {
    border-right: 1px solid #eaeaea;
}

.zx-bk-tab ul li a {
    width: 100%;
    display: block;
    padding: .18rem 0;
}

.zx-bk-tab ul li img {
    width: 1.8rem;
    height: .5rem;
}

/* 今日伤停一栏 */
.g-tody-remind ul {
    width: 100%;
}

.g-tody-remind ul li {
    padding: 10px 0;
    margin: 0 3%;
}

.g-tody-remind .remind-left {
    width: 25%;
}

.g-tody-remind .remind-left span {
    display: inline-block;
    color: #fff;
    font-size: .24rem;
    padding: 0.02rem 0.12rem;
    background-color: #f67a7a;
    margin: 0.3rem 0;
}

.g-tody-remind .remind-mid {
    flex: 1;
}

.g-tody-remind .remind-mid>div {
    font-size: .24rem;
    color: #999;
    line-height: 0.5rem;
}

.g-tody-remind .remind-right {
    width: 10%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.g-tody-remind .remind-right img {
    width: .58rem;
}

.remind-bot {
    color: #fff;
    font-size: 0.26rem;
    text-align: center;
    padding: 0.15rem 0;
    background: #cc0909;
    margin-bottom: 0.5rem;
}
.g-hurt-top{
    background-color:#fff;
    margin-bottom:0.2rem;
}

.g-hurt-top .hurt-select {
    width: 94%;
    color: #333;
    padding: .24rem 3%;
    margin: 0 auto;
}
.hurt-select .choose-time{
    height: 0.64rem;
    line-height: 0.64rem;
    color: #333;
    font-size: 0.28rem;
    border-radius: .06rem;
    background: url("../images/ico-select.jpg") no-repeat 98% center #f4f4f4;
    background-size: .3rem;
    padding-left: 0.2rem;
}
.hurt-select ul{
    display:none;
    width: 88%;
    position: absolute;
    border: 1px solid #e6e6e6;
    background: #fff;
    z-index: 9;
    overflow-y: scroll;
    max-height: 3rem;
    border-radius: 0.06rem;
    padding-left: 0.2rem;
}
.hurt-select ul li.hover{
    background-color:#e5e5e5;
}
.g-hurt-list {
    margin-bottom:0.2rem;
    background-color:#fff;
    padding:0 3%;
    font-size:0.28rem;
}
.g-hurt-list .list-top{
    border-bottom: 1px solid #e6e6e6;
    line-height:.75rem;
}
.g-hurt-list .detail-left{
    width: 34%;
    height: 63px;
    border-right: 1px solid #e6e6e6;
    text-align: center;
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    line-height: 1.5;
}
.g-hurt-list .list-detail>li{
    padding:0.3rem 0;
}
.g-hurt-list .detail-right ul {
    width: 100%;
    flex-wrap: wrap;
}
.g-hurt-list .detail-right ul li{
    width:50%;
    padding-left:10%;
    line-height: 1.5;
}
.g-hurt-list .color-f84a4a{
    color:#f84a4a;
}
.g-hurt-list .color-666{
    color:#666;
    font-size:.2rem;
}
.g-hurt-list .font-10{
    font-size:.2rem;
}
.g-hurt-list .font-12{
    font-size:.24rem;
}
/* 足球赛事解析 */
.g-m-sszx>ul li{
    margin-bottom: .2rem;
    background-color: #fff;
    padding: .2rem 3%;
}
.m-sszx-top {
    margin-left:.2rem;
}
.m-sszx-top a{
    font-size:.26rem;
    color: #333;
    font-weight: bold;
}
.m-sszx-mid {
    padding-bottom:.2rem;
    padding-top:.2rem;
    border-bottom:1px solid #e6e6e6;
    margin-left:.2rem;
}
.m-sszx-mid .u-mid-left{
    font-size: .24rem;
    line-height: .36rem;
    color: #666;
}
.m-sszx-mid .u-mid-right img{
    width:0.6rem;
    height:0.6rem;
}
.m-sszx-bot a{
    font-size: .24rem;
    line-height: .4rem;
    color:#999;
}
.g-back-top{
    width:.72rem;
    height:.72rem;
    position: fixed;
    right:2%;
    bottom:3%;
    z-index:1111;
}
.g-back-top img{
    width:.72rem;
    height:.72rem;
}
/* 对阵数据 */
.g-positon-fixed{
    position:fixed;
    z-index:99999;
    width:100%;
}
.g-vs-top{
    display:flex;
    width:100%;
    height:1.76rem;
    background:url("../images/vs-date-bg.jpg") no-repeat;
    background-size:100% 100%;
}
.g-vs-top .u-vs-zhu{
    width:1.3rem;
    height:1.2rem;
}
.g-vs-top .u-vs-zhu img{
    width:1.3rem;
    height:1.2rem;
    margin-left: .2rem;
    margin-top: .4rem;
}
.g-vs-top .u-vs-ke{
    margin-left:0;
    margin-right:.2rem;
}
.g-vs-top .u-vs-cont{
    flex:1;
    text-align: center;
    line-height: .58rem;
    margin-top: .18rem;
}
.g-vs-top .u-vs-cont .font-16{
    font-size:.32rem;
}
.g-vs-top .u-vs-cont .color-225ea4{
    color:#225ea4;
    font-size:.28rem;
}
.g-vs-top .u-vs-cont .color-fff{
    color:#fff;
    font-size:.24rem;
}
.g-positon-fixed .g-tab{
    margin-bottom:.2rem;
    position: fixed;
    width: 100%;
}
.g-positon-fixed  .g-tab ul li{
    width:25%;
    text-align: center;
    height:.72rem;
    line-height:.72rem;
    background-color:#fff;
}
.g-positon-fixed .g-tab ul li>a{
    display:block;
    font-size:.32rem;
    color: #666666;
    text-decoration: none;
    height:.72rem;
    line-height:.72rem;
    margin:0 .2rem;
}
.g-positon-fixed  .g-tab ul li a.u-active{
    color: #f84a4a;
    font-weight: bold;
    border-bottom: 2px solid #f84a4a;
}
.g-vs-list {
    background-color:#fff;
    padding-bottom: .16rem;
}
.g-vs-list .u-ul-01{
    background-color:#fff;
}
.g-vs-list .u-ul-01 li{
    height:.88rem;
    line-height:.88rem;
    border-bottom: 1px solid #e6e6e6;
}
.g-vs-list .u-ul-01 li a{
    display: block;
    height:.88rem;
    line-height:.88rem;
    padding: 0 .3rem;
    color: #666;
    font-size:.28rem;
    white-space:nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.u-about-news{
    background-color:#fff;
    margin:.24rem 0;
    padding-bottom: .16rem;
}
.u-about-news:last-child{
    padding-bottom: 1.4rem;
}
.u-about-news .u-about-title{
    padding: .24rem 0;
    margin: 0 .3rem;
    /* border-bottom: 1px dotted #e6e6e6; */
    color: #333;
    font-size: .3rem;
}
.u-about-news ul{
    padding: 0 .3rem;
}
.u-about-news ul li a{
    display:block;
    height:.88rem;
    line-height:.88rem;
    font-size:.28rem;
    color:#666;
    white-space:nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.g-vs-mid .bor-e6e6e6{
    border-top: 1px dotted #e6e6e6;
}
.g-vs-mid-fb .bor-e6e6e6{
    /* border-top: 1px dotted #e6e6e6; */
}
/* tab样式修改*/
.m-nav-1 li div{
	color: #666666;
}
.m-nav-1 li div.active {
    padding: 0 .36rem;
    display: block;
    position: relative;
	color: #fa5b57;
}
/* 调整布局方式 */
.g-cont{
    display: flex;
    flex-direction: column;

}
.g-cont:after{
    min-height: calc(100% + 1px)
}
.topContainer{
    flex: 1;
    overflow-y: auto;
}
.m-head {
    margin: .24rem 0 0;
    padding-left: .3rem;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    font-weight: bold;
    font-size: .3rem;
    height: 1.04rem;
    color: #181818;
}
.m-head img {
    padding-right: .1rem;
    height: .24rem;
    width: .14rem;
}
.m-title{
    height: .42rem;
    font-size: .30rem;
    font-weight: bold;
    color: #181818;
}
.m-line{
    margin-bottom: .08rem;
    border-bottom: 1px solid #ececec
}
ul.u-ul-none{
    height: 1.6rem;
    text-align: center;
    line-height: 1.6rem;
    font-size: .28rem;
    color: #666666;
}
.u-about-news ul.u-ul-none li {
    height: 1.6rem;
    line-height: 1.6rem;
    border-bottom: 0px dotted #e6e6e6;
}
[v-cloak] {
    display: none;
}
#zx_list{min-height: 100vh;}