body {
    margin: 0;
    padding: 0;
}

*::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 4px;
    /*高宽分别对应横竖滚动条的尺寸*/
    height: 4px;
}

*::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: rgba(255, 255, 255, 0.2);
}

*::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.2);
    border-radius: 0;
    background: rgba(255, 255, 255, 0.1);
}

.Main_Center {
    /*width: 100%;*/
    width: 875px;
    max-width: 1200px;
    min-width: 800px;
    min-height: 600px;
    margin: 30px auto;
    box-shadow: 0px 0px 3px #ccc;
    padding-bottom: 30px;
}

.Main_Center_Video {
    max-width: 1200px;
    width: 100%;
    min-height: 450px;
    /*background-color: #CCCCCC;*/
    margin: 0 auto 0px;
    overflow: hidden;
}

.Main_Center_Video1 {
    max-width: 1200px;
    width: 100%;
    height: 250px;
    /*background-color: #CCCCCC;*/
    margin: 0 auto 0px;
    overflow: hidden;
    display: none;
}

/*#Main_Video {
    width: 100%;
    height: 557px;
    margin-top: -2px;
    margin-left: -2px;
}

#Main_Video2 {
    width: 49.5%;
    height: 260px;
    margin-top: -2px;
    margin-left: -2px;
    float: left;
}

#Main_Video3 {
    width: 49.5%;
    height: 260px;
    margin-top: -2px;
    margin-left: -2px;
    float: left;
}*/

#Main_Video {
    width: 100%;
    height: 499px;
    margin-top: -2px;
    margin-left: -2px;
}

#Main_Video2 {
    width: 49.5%;
    height: 248px;
    margin-top: -2px;
    margin-left: -2px;
    float: left;
}

#Main_Video3 {
    width: 49.5%;
    height: 248px;
    margin-top: -2px;
    margin-left: -2px;
    float: left;
}

.Main_Center_List {
    max-width: 1200px;
    width: 100%;
    /*height: 70px;*/
    height: 60px;
    margin: 0px auto;
    box-shadow: 0px 0px 3px #ccc;
    border-bottom: 1px solid #eee;
    color: #464646;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.Main_Center_List1 {
    max-width: 1200px;
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin: 0px auto;
    box-shadow: 0px 0px 3px #eee;
    background: #ccc;
    border-bottom: 1px solid #eee;
    color: #464646;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.Main_Center_List2 {
    max-width: 1200px;
    width: 100%;
    height: 50px;
    margin: 0px auto;
    box-shadow: 0px 0px 3px #ccc;
    border-bottom: 1px solid #eee;
    color: #464646;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.Match_Type {
    width: 18%;
    /*height: 70px;*/
    height: 60px;
    /*padding: 0 1%;*/
    text-align: center;
    line-height: 60px;
    /*margin-left: 2%;*/
    float: left;
    font-weight: 550;
    /*overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;*/
    cursor: pointer;
}

.type_img {
    width: 52.5px;
    height: 60px;
    line-height: 60px;
    text-align: center;
}

.type_text {
    width: 105px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    height: 60px;
    line-height: 60px;
    margin-left: 52.5px;
    margin-top: -60px;
}

.Match_Type img {
    /*display: block;*/
    width: 22px;
    /*height: 28px;*/
    /*float: left;*/
    /*margin-top: 26px;*/
    /*margin-top:20px;
        margin-left:6px;*/
    margin-top: 18px;
}

.Match_Time {
    width: 10%;
    padding: 0 1%x;
    /*height: 70px;*/
    height: 60px;
    line-height: 60px;
    font-weight: 550;
    text-align: center;
    /*line-height: 70px;*/
    /*margin-left: 2%;*/
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}

.Match_Name {
    width: 46%;
    /*height: 70px;*/
    height: 60px;
    font-weight: 550;
    /*padding: 0 1%;*/
    text-align: center;
    /*line-height: 70px;*/
    line-height: 60px;
    /*margin-left: 1%;*/
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}

#ImgShop {
    width: 100%;
    max-width: 1200px;
    /*height: 1000px;*/
    overflow: auto;
    margin: 0 auto;
}

.Match_Link {
    width: 8.5%;
    height: 35px;
    /*height:45px;*/
    /*line-height:45px;*/
    color: #fff;
    text-align: center;
    line-height: 35px;
    margin-left: 45px;
    padding: 0 1%;
    border-radius: 5px;
    margin-top: 13px;
    float: left;
    /*background: #09a157;*/
    background: linear-gradient( #09a157 30%,#208a2c);
    box-shadow: 0px 0px 3px #ccc;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    font-size: 14px;
}

    .Match_Link:hover {
        background: linear-gradient( #ffb216 30%,#e16a10);
        /*background-color: #ffb216;*/
        color: #981313;
    }

.Match_Links {
    width: 8.5%;
    height: 35px;
    color: #464646;
    text-align: center;
    line-height: 35px;
    margin-left: 45px;
    padding: 0 1%;
    border-radius: 5px;
    margin-top: 13px;
    float: left;
    background: linear-gradient(#a6becc 0%, #677884 100%);
    /*background: #1e4d75;*/
    box-shadow: 0px 0px 3px #ccc;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    font-size: 14px;
}

    .Match_Links span {
        float: left;
        margin-left: 5%;
        margin-right: 5%;
        font-weight: 550;
    }

    .Match_Links img {
        max-width: 24px;
        width: 25%;
        float: left;
        margin-top: 9px;
    }

.Match_Link span {
    float: left;
    margin-left: 5%;
    margin-right: 5%;
    font-weight: 550;
}

.Match_Link img {
    max-width: 24px;
    width: 25%;
    float: left;
    margin-top: 9px;
}

.Match_Type2 {
    width: 10%;
    height: 50px;
    padding: 0 1%;
    text-align: center;
    line-height: 50px;
    /*margin-left: 2%;*/
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    /*border-right: 1px solid #ccc;*/
    font-weight: 550;
    box-shadow: 2px 0px 0px 0px #eee;
}

.Match_Time2 {
    width: 10%;
    padding: 0 1%x;
    height: 50px;
    text-align: center;
    line-height: 50px;
    /*margin-left: 2%;*/
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    /*border-right: 1px solid #ccc;*/
    font-weight: 550;
    box-shadow: 2px 0px 0px 0px #eee;
}

.Match_Name2 {
    width: 51%;
    height: 50px;
    /*padding: 0 1%;*/
    text-align: center;
    line-height: 50px;
    /*margin-left: 1%;*/
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    /*border-right: 1px solid #ccc;*/
    font-weight: 550;
    box-shadow: 2px 0px 0px 0px #eee;
}

.Match_Link2 {
    width: 10.5%;
    height: 50px;
    /*padding: 0 1%;*/
    text-align: center;
    line-height: 50px;
    /*margin-left: 1%;*/
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    /*border-right: 1px solid #ccc;*/
    font-weight: 550;
    box-shadow: 2px 0px 0px 0px #eee;
}

.Match_Double2 {
    width: 33%;
    /*height: 50px;*/
    line-height: 50px;
    padding: 0 1%;
    text-align: center;
    line-height: 50px;
    margin-left: 1%;
    float: left;
    /*background-color: seagreen;*/
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    /*background: linear-gradient( #8e8484 30%,#1d1c1c);*/
}

.Match_Double {
    width: 9.5%;
    /*height: 70px;*/
    /*line-height: 70px;*/
    height: 45px;
    line-height: 45px;
    /*padding: 0 1%;*/
    text-align: center;
    line-height: 70px;
    /*margin-left: 2.5%;*/
    float: left;
    /*background-color: seagreen;*/
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    height: 60px;
    margin-left: 7px;
}

.Match_Type2_IMG {
    width: 6%;
    height: 50px;
    text-align: center;
    line-height: 50px;
    margin-left: 2%;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    /* border-right: 1px solid #ccc; */
    font-weight: 550;
    box-shadow: 2px 0px 0px 0px #eee;
    margin-left: 0;
}

.Match_Double1 {
    /*width: 20%;*/
    padding: 0 3%;
    height: 20px;
    border-radius: 5px;
    /*background-color: #ffb216;*/
    margin-top: 22px;
    /*margin-right: 5px;*/
    float: left;
    line-height: 20px;
    color: #fff;
    text-align: center;
    /*background: linear-gradient( #ffb216 30%,#e16a10);*/
    background-color: #e80303;
    margin-left: 8px;
}

.Match_Double2 img {
    width: 27px;
    margin-top: 2px
}

.Match_Double2 {
    /*width: 20%;*/
    /*padding: 0 3%;*/
    /*height: 20px;*/
    border-radius: 5px;
    /*background-color: #ffb216;*/
    margin-top: 16px;
    /*margin-right: 5px;*/
    float: left;
    line-height: 20px;
    color: #fff;
    text-align: center;
    /*background: linear-gradient( #ffb216 30%,#e16a10);*/
    /*background-color: #4f4c4c;*/
}

.Match_Double1:hover {
    background: linear-gradient( #09a157 30%,#208a2c);
    color: #fff;
}
.MatchMsg {
    width: 49%;
    height: 25px;
    float: left;
    MARGIN-LEFT: 1%;
    font-weight: bold;
}
    .MatchMsg img{
        margin-right:20px;
        display:none;
    }
    .SrcollText {
        width: 50%;
        /*height: 60px;*/
        /*line-height: 60px;*/
        display: block;
        float: left;
    }

.Match_Class {
    width: 100%;
    max-width: 1200px;
    height: 135px;
    /*max-height: 180px;*/
    margin: 2px auto;
    /*background-color:#808080;*/
}

.Class_List {
    width: 11%;
    height: 55px;
    /*padding-bottom:5px;*/
    border: 1px solid #ccc;
    float: left;
    margin-left: 1.2%;
    margin-top: 10px;
    cursor: pointer;
    background: #3ab42e;
}

    .Class_List:hover {
        transition: 0.2s;
        background: #db702a;
        border: 1px solid #db702a;
    }

    .Class_List img {
        width: 100%;
        height: 91%;
    }

.Match_Types {
    width: 100%;
    max-width: 1180px;
    /*height:55px;*/
    height: 60px;
    /*border: 1px #ccc solid;*/
    border-right: none;
    text-align: center;
    margin: 10px auto 30px;
}

.Types_List {
    width: 8%;
    /*height: 55px;*/
    height: 70px;
    /*border: 1px solid #ccc;*/
    /*margin-left: 0.83%;*/
    margin-left: 1%;
    /*margin-right:0.5%;*/
    text-align: center;
    line-height: 55px;
    float: left;
    cursor: pointer;
    background: #fff;
    box-shadow: 0px 0px 0px 2px #eee;
    /*background: linear-gradient(seagreen,#901212);*/
}

    .Types_List img {
        /*margin-top: 8px;*/
        margin-left: 5%;
        height: 70%;
        width: 70%;
    }

    .Types_List:hover {
        /*background: linear-gradient(seagreen,#901212);*/
        background: linear-gradient( #ff8989 30%,#a40000);
        /*background: radial-gradient(circle,#c75959 40%, #fb7c7c 30%);*/
        /*background: #901212;*/
        /*background: radial-gradient(shape size at position, seagreen, #901212);*/
    }

.match_t {
    width: 100%;
    height: 15px;
    /*border:1px solid #e16a10;*/
    /*border-radius:50%;*/
    /*background-color:aquamarine;*/
    /*position: relative;*/
    color: red;
    font-size: 14px;
    /*float: right;*/
    font-weight: 550;
    line-height: 15px;
}

.newimg {
    width: 70px;
    height: 60px;
}

.imgbox {
    width: 100%;
    height: 49px;
}

.dh_imgbox {
    float: left;
    width: 8%;
    height: 76px;
    text-align: center;
    cursor: pointer;
    background: #fff;
    box-shadow: 0px 0px 0px 2px #eee;
    margin-left: 1%;
}

    .dh_imgbox:hover {
        /*background: linear-gradient(seagreen,#901212);*/
        background: linear-gradient( #ff8989 30%,#a40000);
        /*background: radial-gradient(circle,#c75959 40%, #fb7c7c 30%);*/
        /*background: #901212;*/
        /*background: radial-gradient(shape size at position, seagreen, #901212);*/
    }

.dimgbox {
    height: 44px;
    line-height: 44px;
}

    .dimgbox img {
        width: 40px;
    }

.boxtext {
    font-size: 12px;
    font-weight: bold;
}

.boxnumber {
    font-size: 12px;
}