@charset "utf-8";
/* CSS Document */

    .logo-2 {
        height: 2.2rem !important;
    }

    .bg-dark {
        background: #fff !important;
    }

    .logo-2 {
        width: 231px;
        height: 60px !important;
    }

body{margin:0;}
 
.top{background-color: #1c63cf; height: 35px; padding-left: 0px; color: #ffffff; line-height: 32px;}
 

.gddb {
    background: #1c63cf;
    padding: 10px 0 6px 0;
    width: 100%;
    /*position: fixed;*/
    left: 0;
    /*bottom: 0;*/
}
.gddb ul {
    height: 0px;
}
.gddb ul li {
    float: left;
    width: 25%;
    text-align: center;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
.gddb ul li span {
    display: block;
    color: #fff;
    font-size: 14px;
    font-family: "微软雅黑";
    line-height: 22px;
}
a {
    color: #1C86EE;
    text-decoration: none;
}
* {
    padding: 0;
    margin: 0;
    list-style: none;
    font-weight: normal;
}



    @media screen and (min-width: 900px) {
        body {
            background: #f1f1f1;
        }

        .mobile-type, .mobile-icon {
            display: none;
        }



        .match-type {
        

white-space: nowrap;
        }

        .match-list .match-item {
            font-weight: bolder;
        }
		      .fr{
    margin-left: 1px;
    font-size: 12px;
    color: #9b9b9b;
    float: right;
}
    }

    .match-list {
        background: #fff;
    }

    .match-list .match-type {


white-space: nowrap;
    }

    .match-list ul {
        padding: 0;
        margin: 0;
    }

    .match-list .match-date {
        font-size: 1.2rem;
        padding: 10px 0;
        width: 100%;
        border-bottom: 1px solid #f2f2f2;
    }

    .match-list .match-date i, .match-list .match-live i {
        padding-right: 5px;
    }

    .match-list .match-item {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 50px;
        color: #333;
    }

    .match-link:hover {
        text-decoration: none;
        background: #f2f2f2;
    }

    .match-link {
        border-bottom: 1px solid #f2f2f2;
    }
      .fr{
    margin-left: 1px;
    font-size: 12px;
    color: #9b9b9b;
    float: right;
}


    @media screen and (max-width: 900px) {
        .match-start-time, .match-live, .match-type, .left-team, .right-team, .vs {
            display: none;
        }

        .match-date {
            text-align: center;
        }
      .fr{
    margin-left: 1px;
    font-size: 12px;
    color: #9b9b9b;
    float: right;
}
    }