html,body,h1,h2,h3,ul,li,dl,dt,dd{padding: 0; margin: 0;}
body{background-color: #000000; color: #aaa; font-size: 17px;font-family:Verdana,sans-serif,Tahoma, Arial, sans-serif;}
.min1200{min-width: 1220px;}

a{text-decoration: none; color: #00f500;}
a:hover{color: #ff9650;}
li{list-style: none;}
table {border-collapse: collapse;border-spacing:0;}

.header{padding: 30px;border-bottom: 1px solid #333333;background-color: #181818;}
.page_h1{font-size: 15px; font-weight: normal; text-align: center;}
.header-nav{padding: 5px 0; text-align: center;}
.header-nav a{margin: 0 10px 0 10px; background-color: #333333; display: inline-block; padding: 6px 10px; border-radius: 20px;}
.header-nav span{display: inline-block;width: 100px;}
.header-nav a.select{color: #ffffff;background-color: #118a06; }


.main-view{ margin: 10px auto;width: 880px;}
.main-nav{display:flex;padding: 0 5px;height: 40px; overflow: hidden;}
.main-logo{width:180px ;line-height: 40px;font-weight: 700;font-size: 18px;}
.logo_l{color: #FFF;}
.logo_r{color: #0c0c0c; background-color: #FFF;padding: 1px 4px; border-radius: 12px 0 10px 0 ; margin-left: 3px;}
.site-logo{height: 40px; overflow: hidden;}
.bg-red{background-color: #0c0c0c;}
.bg-nowgoal{background-color: #1b60b9;}
.bg-goaloo{background-color: #226204;}
.bg-7m-sports{background-color: #00385f;}
.bg-aiscore{background-color: #0E4D95;}


.main-nav-li{flex: 1 1 auto;}
.main-nav-li li{float: left;line-height: 40px; }
.main-nav-li a{color: #FFF;font-size: 14px;padding: 0 15px; font-weight: bold; display: inline-block;}
.main-nav-li .select{position: relative;}
.main-nav-li .select::after{border-bottom: 3px solid  #FFF;content: " ";position: absolute;bottom: 3px;left: 5px;right: 5px;}


.main{background-color: #181818;}

.ad-left,.ad-right{ position: fixed; top: 40px; width: 200px; left: 50%;background-color: #225500;}
.ad-left{margin-left: -660px;}
.ad-right{margin-left: 460px;}


.article{padding: 10px;}
.article2{padding: 10px;background-color: #F5F5F5;color: #222222;}
.footer{text-align: center;padding: 10px;background-color: #111111; margin-top: 20px;}
.footer p{padding: 0; margin: 0 0 5px 0;}
#go2top_f{width: 40px;height: 40px; bottom: 20px;right: 50px;cursor: pointer; position: fixed;}

.main-live{min-height: 500px;}
#fbList{padding: 5px; background-color: #F5F5F5;color: #222222; font-size: 12px;}
.fm-list {text-align: center; border-bottom: 1px solid #CCCCCC; display: flex;display:-webkit-flex;height: 26px;line-height: 26px; cursor: pointer;align-items: center;}
.main-live i{font-style: normal;}
.fm-left,.fm-right{text-align: center;display: flex;display:-webkit-flex;}
.fm-vs{flex-grow: 1; display: flex;display:-webkit-flex;}
.fm-lname-s{width: 80px; color: #FFFFFF; font-size: 10px; overflow: hidden;white-space: nowrap;text-overflow:ellipsis; }
.fm-time{width: 50px;}
.fm-state{width: 50px;}
.fm-state em{color: #c00303;}
.fm-home{width:0;flex: 1;text-align: right;}
.fm-away{width:0;flex: 1;text-align: left;}
.fm-ft{width: 50px;text-align: center;}
.fm-ft i{color: #062d80; font-weight: bold;}
.fm-ht{width: 40px;}
.fm-corner{width: 40px;}
.fm-red{color: #ffffff;background-color: #b90a0a; font-size: 10px;padding: 0 2px; margin: 0 2px; font-family: Arial;}
.fm-yel{color: #292929;background-color: #f7d704; font-size: 10px;padding: 0 2px; margin: 0 2px; font-family: Arial;}
.fm-vs-o{width: 20px;}
.fm-1x2{width: 120px;display: flex;display:-webkit-flex;}
.fm-1x2 i{width: 40px; font-size: 10px;}
.fm-hdp{width: 50px; font-size: 10px;border-right: 1px solid #CCCCCC;border-left: 1px solid #CCCCCC;}
.fm-ou{width: 50px; font-size: 10px;border-right: 1px solid #CCCCCC;}
.th{color: #333333;background-color: #dadada;}
.fm-lname-t{color: #333333;width: 80px; }
.fm-league{ border-bottom: 1px solid #CCCCCC; display: flex;display:-webkit-flex;height: 26px;line-height: 26px;align-items: center;background-color: #ececec;}
.fm-league-img{width: 30px; text-align: center;}
.fm-league-name{flex-grow: 1;}
.fm-league-name a{color: #dddddd;}
.fm-league-name a:hover{color: #ff9650;}
.fm-league-odd{text-align: center;display: flex;display:-webkit-flex;width: 223px;}
.fm-league-odd-th{text-align: center;display: flex;display:-webkit-flex;width: 223px;color: rgb(155, 155, 155)}

.iframeLive{background-color: #F5F5F5; padding: 10px 5px;}

#go2top{text-align: center; line-height: 30px; background-color: #333333; margin: 10px 0;cursor: pointer;}

.gg-pop{background-color: #181818; width: 100%;}
.top-banner{background-color: #181818;width: 880px; height: 100px;margin: 10px auto;}
.top-banner2{background-color: #181818;width: 970px; margin: 10px auto; text-align: center;}
.main-banner{background-color: #F5F5F5; height: 100px;padding: 10px;}
.gg-float-01{position: fixed; top: 100px; width: 150px; height: 500px; left: 50%;margin-left: -600px;background-color: #000000;}
.gg-float-02{position: fixed; top: 100px; width: 150px; height: 300px; left: 50%;margin-left: 450px;background-color: #000000;}


.loading{width: 200px;height: 60px;margin: 0 auto;margin-top: 100px;position: relative;}
.loading span{width: 50px;height: 30px;position: absolute;margin-top: -15px;overflow: hidden;-webkit-animation: changePosition 2.08s linear infinite;animation: changePosition 2.08s linear infinite;}
@keyframes changePosition{
    0%{-webkit-transform: rotate(0deg);}
    10%{-webkit-transform: rotate(45deg);}
    50%{opacity: 1;-webkit-transform: rotate(160deg);}
    0%,100%{-webkit-transform: translate(70px);}
    20%{width: 50px;height: 30px;margin-top:-15px;-webkit-transform: translate(0px);}
    30%{width: 20px;height: 60px;margin-top:-30px;-webkit-transform: translate(0px);}
    35%{width: 50px;height: 30px;margin-top:-15px;-webkit-transform: translate(5px);}
    70%{width: 50px;height: 30px;margin-top:-15px;-webkit-transform: translate(160px);}
    80%{width: 20px;height: 60px;margin-top:-30px;-webkit-transform: translate(160px);}
}
@-webkit-keyframes changePosition{
    0%{-webkit-transform: rotate(0deg);}
    10%{-webkit-transform: rotate(45deg);}
    50%{opacity: 1;-webkit-transform: rotate(160deg);}
    0%,100%{-webkit-transform: translate(70px);}
    20%{width: 50px;height: 30px;margin-top:-15px;-webkit-transform: translate(0px);}
    30%{width: 20px;height: 60px;margin-top:-30px;-webkit-transform: translate(0px);}
    35%{width: 50px;height: 30px;margin-top:-15px;-webkit-transform: translate(5px);}
    70%{width: 50px;height: 30px;margin-top:-15px;-webkit-transform: translate(160px);}
    80%{width: 20px;height: 60px;margin-top:-30px;-webkit-transform: translate(160px);}
    85%{width: 50px;height: 30px;margin-top:-15px;-webkit-transform: translate(155px);}
}
.mobishow{display:none;}
@media (max-width: 750px) {
    html body{-webkit-text-size-adjust: none !important;-moz-text-size-adjust: none !important;-ms-text-size-adjust: none !important;text-size-adjust: none !important;}
    .mobishow{display: inline-block;}
}