@charset "UTF-8";
/* 列表 */
.g-list {
    margin-bottom: .24rem;
    background: #FFFFFF;
}
.m-list {

    background: #fff;
    padding: .2rem 0;
    margin: 0 .3rem;
    border-bottom:1px solid #ececec;
}
.m-list-tit {
    background: #fff;
    overflow: hidden;
    padding-top: .16rem;
    line-height: .64rem;
}
.m-list-tit a {
    position: relative;
    display: block;
}
.m-list-tit .u-list-tit2 {
    font-size: .34rem;
    font-weight: 500;
}
.m-list a {
    position: relative;
    overflow: hidden;
    display: flex; justify-content: space-between;
}
.u-list-tit {
    max-width: 6.9rem;
    line-height: .5rem;
    font-size: .3rem;
    color: #181818;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.u-list-tit1 {
    /* 体彩网首页用到了 */
    padding-top: .05rem;
    height: 1.05rem;
}
.u-list-date {
    line-height: .44rem;
    font-size: .24rem;
    color: #999;
}
.m-list-fl {
    float: left;
    width: 2.2rem;
    height: 1.5rem;
    margin-right: .3rem;
}
.m-list-fl img {
    width: 2.2rem;
    height: 1.5rem;
    border-radius: .1rem;
}
.icon-enter {
    position: absolute;
    top: 50%;
    right: .3rem;
    margin-top: -.16rem;
    width: .32rem;
}
/* 购彩提醒 */
.m-list .u-list-gctx{
    line-height: .76rem;
    font-size: .28rem;
}
.m-list .u-list-gctx div{
    min-width: 28%;
}
.m-list .u-list-gctx:last-child{
    border-bottom: none;
}
/* 传足开奖公告 */
.g-list-kjgg .m-list-tit{
    line-height: .84rem;
    padding-top: 0;
    border-bottom: 1px solid #ececec;
    border-top: 1px solid #ececec;
}
.g-list-kjgg .u-list-tit2{
    padding: 0 .3rem;
}
.g-list-kjgg .m-list{
    border-bottom: 1px solid #ececec;
}
/* 列表详情 */
.g-listcon{
    background: #fff;
}
.m-listcon-tit{
    font-size: .32rem;
    color: #333;
    text-align: center;
    padding: .24rem .3rem;
    border-bottom: 1px solid #ececec;
}
.m-listcon-cont{
    padding: .24rem .3rem;
    line-height: 2;
    font-size: .28rem;
    color: #666;
    word-break: break-all;
    text-align: justify;
}
.m-listcon-cont p{
    margin-bottom: .24rem;
}
.m-listcon-cont img{
    max-width: 100%;
    /*
        display: block;
        margin: 0 auto .24rem;
    */
}
.m-listcon-cont table{
    max-width: 6.9rem;
    height: auto;
    overflow-x: auto;
    text-align: center;
    padding: 0!important;
    margin: 0!important;
    display: block;
    border-collapse: collapse;
}
.m-listcon-cont table td,.m-listcon-cont table th,.m-listcon-cont table span,.m-listcon-cont table p,.m-listcon-cont table div{
    margin:0!important;
}
.m-listcon-cont table td,.m-listcon-cont table th{
    border:1px solid #ddd;
}
/* 传足生成方案列表页面 */
.m-listplan-tit{
    font-size: .32rem;
    color: #333;
    padding: .24rem .3rem;
    border-bottom: 1px solid #ececec;
    background: #fafafa;
}
.m-listplan-con li{
    padding: .2rem .3rem;
    line-height: .72rem;
    font-size: .32rem;
    color: #666;
    border-bottom: 1px solid #ececec;
}
.m-listplan-con .color-e52c39,.m-listplan-con .color-blue,.m-listplan-con .color-green{
    width: .56rem;
    text-align: right;
}
.m-listplan-con .u-listplan-num{
    width: .56rem;
}
.m-listplan-con .u-listplan-game{
    flex: 1;
}
.m-listplan-result{
    padding: .24rem .3rem;
    font-size: .32rem;
    background: #fafafa;
}
.g-second-nav {
    height: .88rem;
    display: flex;
    margin-bottom: .24rem;
    color: #181818;
    font-size: .3rem;
    background: #FFFFFF;
    align-items: center;
    justify-content: space-around;
}
.g-second-nav div {    display: flex;
    line-height: .56rem;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.g-second-active {color: #fa5b57; position: relative }
.g-second-active em{
    /*position: absolute;*/
    border-bottom: .04rem solid;
    /* top: 10px; */
    width: .3rem;
    border-radius: 8px;
    /*bottom: -.10rem;*/
    /*left: .54rem;*/
}
#m-list .u-list-tit{
    overflow: auto;
    text-overflow: unset;
    white-space: normal;
}

.g-third-nav {
    height: 1.08rem;
    display: flex;
    color: #181818;
    font-size: .28rem;
    background: #FFFFFF;
    align-items: center;
    justify-content: space-around;
}
.g-third-nav span {
    background: #fafafa;
    border: 1px solid #ececec;
    border-radius: 31px;
    padding: .1rem .2rem;
    color: #666666;
}
.g-third-nav span.g-active {color: #fa5b57; border: 1px solid #fa5b57; background: #FFFFFF }
.m-data-none{
    padding-top: 160px;
    text-align:center;
    height: 80vh;
    /* padding-bottom: 2rem; */
}
.m-data-none img{
    margin:0 auto .5rem auto;
    width: 120px;
    height: 120px;
}
.m-more{ display: none}

/* 回到顶部*/
@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}
@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}
@-webkit-keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}
@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}
.back-fade-in {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.back-fade-out{
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.back-top {
    position: fixed;
    bottom: .6rem;
    right: .3rem;
    display: none;
}
.back-top img {
    width: .72rem;
}
.m-list a { }
.m-list a .u-list-left { width: 65%}
.m-list a .u-list-left1 { width: 100%}
.m-list a .u-list-right{ margin-top: .06rem;}
.m-list a .u-list-right img{width: 1.99rem; height: 1.12rem; border-radius: .1rem}