article { padding-top: 110px; width: 1300px; margin: 0 auto; }


section { width: 100%; }

#widget { display: flex; padding: 25px 0; line-height: 1.3; }
#widget > div { border-right: .5px solid #1C1C1E; padding: 0 20px; width: 25%; }
#widget > div:last-of-type { border-right: .5px solid #1C1C1E; }
#widget > div:first-of-type { padding-left: 0; }


#widget > div h2 { font-size: 13px; font-weight: 600; display: none; }

#widget .large ul li .thumb { flex: 0 0 50px; display: flex; width: 50px; height: 50px; margin-right: 15px; justify-content: center; align-items: center; font-size: 15px; background-color: #1C1C1E; font-weight: 600px; }
#widget .large ul li .thumb.win {  }
#widget .large ul li .thumb.draw {  }
#widget .large ul li .thumb.lose {  }
#widget .large ul li .thumb.today { background-color: #FF375F; }
#widget .large ul li .content { align-self: center; }
#widget .large ul li .content > * { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
#widget .large ul li .content p { display: block; font-size: 15px; font-weight: 600; }
#widget .large ul li .content i { font-size: 15px; }
#widget .large ul li .content u { display: block; font-size: 11px; color: rgba(235,235,245,.6); margin-top: 3px; }


#widget .result ul li a { display: flex;  }
#widget .result ul li:nth-of-type(2) { display: none; visibility: hidden; }


#widget .result ul li.live .thumb { background-color: #FF375F; font-weight: 600; }
#widget .result ul li.live .thumb i { padding: 0 0 1px 0; text-align: left; animation: liveSoccerBall 3s linear infinite; }
#widget .result ul li.live b { font-weight: 600; }
#widget .result ul li.live u { color: #FF375F; font-weight: 600; }

#widget .schedule ul li .thumb { font-size: 13px; }
#widget .schedule ul li { display: flex; }
#widget .schedule ul li.getrid { display: none; visibility: hidden; }
#widget .schedule ul li .content p { font-weight: 600; }

#widget .schedule ul li { margin-bottom: 20px; }
#widget .schedule ul li:last-child { margin-bottom: 0; }

#widget .schedule { position: relative; padding: 0; }
#widget .schedule ul { position: absolute; width: 99.9%; background-color: #000; top: 0; left: 0; z-index: 10; height: 58px; overflow: hidden; padding: 0 0 0 20px; }



@-webkit-keyframes liveSoccerBall { 0%{ transform: rotate(0deg); } 100%{ transform: rotate(360deg); } }

#widget .board { display: flex; align-items: center; }
#widget .board ul { width: 100%; }
#widget .board ul li { display: flex; width: 100%; margin-bottom: 6px; flex-wrap: wrap; align-items: center; }
#widget .board ul li i { font-size: 15px; margin-right: 3px; }
#widget .board ul li.new i, #widget .board ul li.new a { color: #FF375F; font-weight: 600; }
#widget .board ul li u { width: 17px; font-size: 11px; margin-left: 4px; font-weight: 600; align-self: center; }
#widget .board ul li a { max-width: 70%; overflow: hidden; text-overflow: ellipsis; font-size: 13px; }
#widget .board ul li a:hover { text-decoration: underline; }
#widget .board ul li s { font-size: 11px; flex: 1; text-align: right; color: rgba(235,235,245,.6); }
#widget .board ul li:last-child { margin-bottom: 0; }
#widget .board ul li font { color: inherit !important; }

#widget .board ul li a { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
#widget .board ul li.empty { color: rgba(235,235,245,.3); font-size: 13px; text-align: center; display: block; }

#widget .board ul li.new_hour i,
#widget .board ul li.new_hour a { color: #FF375F; font-weight: 600; }

#news { position: relative; width: 1300px; }

#news .news-navigation a { width: 50px; height: 100%; position: absolute; top: 0; display: flex; align-items: center; opacity: 0; }
#news .news-navigation a:hover { opacity: 1; }
#news .news-navigation .flex-prev { left: -50px; justify-content: flex-start; }
#news .news-navigation .flex-next { right: -50px; justify-content: flex-end; }
#news .news-navigation .flex-disabled { color: rgba(235,235,245,.18); }
#news .news-navigation i { font-size: 40px; }

#news ul { display: block; height: 250px; overflow: hidden; }
#news ul li { width: 325px !important; height: 100%; overflow: hidden; border-right: 1px solid #000; background-color: #1C1C1E; position: relative; }
#news ul .news-direction { position: absolute; left: -30px; top: -30px; }
#news ul li a p { -webkit-transition: all 3s cubic-bezier(.210, .60, .350, 1); transform-origin: 50% 10%; transform: scale(1.05); }
#news ul li a:hover p { transform: scale(1.07); }
#news ul li a:hover p:before { opacity: 1; }

#news ul li p { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: 50% 0; z-index: 1; }
#news ul li p:before { position: absolute; content: ""; width: 100%; height: 100%; z-index: 2; background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1)); opacity: .6; -webkit-transition: all .5s cubic-bezier(.210, .60, .350, 1); }
#news ul li .container { position: absolute; left: 0; bottom: 0; width: 100%; color: #fff; padding: 20px; z-index: 3; }
#news ul li .container > * { display: block; }

#news ul li .container strong { font-size: 22px; font-weight: 700; line-height: 1.3; text-shadow: 0 0 10px rgba(0,0,0,.3); }
#news ul li .container span { font-size: 11px; margin-top: 3px; opacity: .7; }
#news ul li .container span u { font-weight: 600; }

#news ul li a:before { position: absolute; top: 0; left: 0; content: ""; width: 100%; height: 100%; z-index: 4; box-shadow: inset 0 0 1px rgba(0,0,0,.3); }

#board { margin-top: 40px; display: flex; }
#board > div { padding: 0 40px; }
#board > div { flex: 1 0 33%; overflow: hidden; border-right: .5px solid #1C1C1E; }
#board > div:first-of-type { padding-left: 0; }
#board > div:last-of-type { border: 0; padding-right: 0; }

#board h2 { font-size: 13px; font-weight: 700; margin-bottom: 20px; }

#board .item li { display: flex; margin-bottom: 18px;  }
#board .item li:last-child { margin: 0; }

#board .item li span { display: flex; width: 20px; flex: 0 0 20px; color: rgba(235,235,245,.6); font-size: 12px; justify-content: flex-start; align-items: flex-start; font-weight: 500; margin-right: 10px; padding-top: 3px; }
#board .item li.hot span { color: rgba(235,235,245,.6); }
#board .item li.hot_fr span { color: #FF375F; }

#board .item li p { flex: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 20px; font-weight: 500; }
#board .item li a:hover { text-decoration: underline; }
#board .item li p u { display: block; font-size: 11px; margin-top: 0; color: rgba(235,235,245,.6); }
#board .item li p u a { color: rgba(235,235,245,.6); }

#board .vote .title { display: flex; margin-top: -1px; }
#board .vote .title i { font-weight: 400; font-size: 22px; margin-right: 8px; }
#board .vote p { font-size: 17px; margin-top: 1px; font-weight: 600; }
#board .vote li { margin-top: 20px; display: flex; }
#board .vote li > * { display: block;}
#board .vote a { font-size: 17px; }
#board .vote div { flex: 1 0 80%;  }
#board .vote span { display: block; width: 100%; height: 2px; margin-top: 5px; }
#board .vote u { display: block; height: 100%; background-color: #fff; border-radius: 2px;}
#board .vote b { display: flex; width: 21px; flex: 0 0 21px; color: rgba(235,235,245,.6); font-size: 11px; justify-content: flex-start; align-items: flex-start; font-weight: 500; margin-right: 10px; padding-top: 1px; }


#message { position: fixed; bottom: 30px; right: 30px; max-width: 300px; z-index: 19; padding: 10px 16px; font-size: 13px; border-radius: 100px; background-color: rgba(255,55,95,.75); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#message:hover { background-color: rgba(255,55,95,1); }


#mobile { display: none; position: fixed; bottom: 0; left: 0; width: 100%; height: 100%; padding: 60px 30px; background-color: #000; font-size: 17px; z-index: 100;  }

#mobile > * { display: block; }
#mobile strong { font-weight: 700; font-size: 22px; margin-bottom: 10px; }
#mobile p b { font-weight: 600; }
#mobile a { display: flex; align-items: center; font-weight: 600; margin-top: 10px; color: #0A84FF; }
#mobile a i { font-size: 17px; }
#mobile a.close { color: rgba(60,60,67,.6); }


/*covid

#widget .schedule { display: flex; align-items: center; }
#widget .schedule a { display: block; width: 100%;}
#widget .schedule ul { position: static; width: 100%; padding: 0; height: inherit;}
#widget .schedule ul li.empty { color: rgba(235,235,245,.3); font-size: 13px; text-align: center; display: block; }

*/


@media only screen and (max-width: 640px) {
  #mobile { display: block; }
  #mobile.disabled { display: none; visibility: hidden; } 
}