@charset "UTF-8";  * {box-sizing: border-box;font-family: PingFang SC,tahoma,arial,'Microsoft Yahei','Hiragino Sans GB','\5b8b\4f53',sans-serif;}  body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {margin: 0;padding: 0;}  body, button, input, select, textarea {font: 12px/1.5tahoma, arial, \5b8b\4f53;}  h1, h2, h3, h4, h5, h6 {font-size: 100%;}  address, cite, dfn, em, var {font-style: normal;}  code, kbd, pre, samp {font-family: couriernew, courier, monospace;}  small {font-size: 12px;}  ul, ol {list-style: none;}  a {-webkit-tap-highlight-color: rgba(255, 255, 255, 0);-webkit-user-select: none;-moz-user-focus: none;-moz-user-select: none;text-decoration: none;outline: none;color: black;}  sup {vertical-align: text-top;}  sub {vertical-align: text-bottom;}  legend {color: #000;}  fieldset, img {border: 0;}  button, input, select, textarea {font-size: 100%;outline: none;}  table {border-collapse: collapse;border-spacing: 0;}  pre {white-space: pre-wrap; /*css-3*/white-space: -moz-pre-wrap; /*Mozilla,since1999*/white-space: -pre-wrap; /*Opera4-6*/white-space: -o-pre-wrap; /*Opera7*/word-wrap: break-word; /*InternetExplorer5.5+*/}  .clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}  .clearfix {*zoom:1;}  .fl {float:left;}  .fr {float:right;}  .clear{clear:both;}  .ml-0 {margin-left: 0 !important;}  .ml-1 {margin-left: 1px !important;}  .ml-2 {margin-left: 2px !important;}  .ml-3 {margin-left: 3px !important;}  .ml-4 {margin-left: 4px !important;}  .ml-5 {margin-left: 5px !important;}  .ml-6 {margin-left: 6px !important;}  .ml-7 {margin-left: 7px !important;}  .ml-8 {margin-left: 8px !important;}  .ml-9 {margin-left: 9px !important;}  .ml-10 {margin-left: 10px !important;}  .ml-15 {margin-left: 15px !important;}  .ml-19 {margin-left: 19px !important;}  .ml-20 {margin-left: 20px !important;}  .ml-25 {margin-left: 25px !important;}  .ml-27 {margin-left: 27px !important;}  .ml-30 {margin-left: 30px !important;}  .ml-35 {margin-left: 35px !important;}  .mt-0 {margin-top: 0 !important;}  .mt-1 {margin-top: 1px !important;}  .mt-2 {margin-top: 2px !important;}  .mt-3 {margin-top: 3px !important;}  .mt-4 {margin-top: 4px !important;}  .mt-5 {margin-top: 5px !important;}  .mt-6 {margin-top: 6px !important;}  .mt-7 {margin-top: 7px !important;}  .mt-8 {margin-top: 8px !important;}  .mt-9 {margin-top: 9px !important;}  .mt-10 {margin-top: 10px !important;}  .mt-11 {margin-top: 11px !important;}  .mt-12 {margin-top: 12px !important;}  .mt-15 {margin-top: 15px !important;}  .mt-20 {margin-top: 20px !important;}  .mt-25 {margin-top: 25px !important;}  .mt-30 {margin-top: 30px !important;}  em, i {font-style: normal;}  /* $duration 规定完成动画所花费的时间 (3s) $timing 规定动画的速度曲线 (linear, ease, ease-in, ease-out, ease-in-out, cubic-bezier(n, n, n, n) n = 0~1) $count 定义动画的播放次数 (n, infinite 无限次) $mode 规定动画在播放之前或之后，其动画效果是否可见 (none | forwards | backwards | both) */  @keyframes upToDown { 0% {transform: translate(0px, 0px);opacity: 1;} 50% {transform: translate(0px, -10px);opacity: 0.6;} 100% {transform: translate(0px, 0px);opacity: 1;} }  @-webkit-keyframes upToDown { 0% {-webkit-transform: translate(0px, 0px);opacity: 1;} 50% {-webkit-transform: translate(0px, -10px);opacity: 0.6;} 100% {-webkit-transform: translate(0px, 0px);opacity: 1;} }  @keyframes brees { 0% {-webkit-transform: scale(0.95);transform: scale(0.95);} 50% {-webkit-transform: scale(1);transform: scale(1);} 100% {-webkit-transform: scale(0.95);transform: scale(0.95);} }  @-webkit-keyframes brees { 0% {-webkit-transform: scale(0.8);transform: scale(0.8);} 50% {-webkit-transform: scale(1);transform: scale(1);} 100% {-webkit-transform: scale(0.8);transform: scale(0.8);} }  .row {zoom: 1;}  .row:after {display: block;height: 0;clear: both;content: "";visibility: hidden;}  .flex-1 {float: left;width: 8.33333%;}  .flex-2 {float: left;width: 16.66667%;}  .flex-3 {float: left;width: 25%;}  .flex-4 {float: left;width: 33.33333%;}  .flex-5 {float: left;width: 41.66667%;}  .flex-6 {float: left;width: 50%;}  .flex-7 {float: left;width: 58.33333%;}  .flex-8 {float: left;width: 66.66667%;}  .flex-9 {float: left;width: 75%;}  .flex-10 {float: left;width: 83.33333%;}  .flex-11 {float: left;width: 91.66667%;}  .flex-12 {float: left;width: 100%;}  body {background: #f2f2f2;}  .inner {width: 1200px !important;margin: 0 auto;}  /* 清除浮动 */  .float-clear:after {content: "";display: block;clear: both;}  .float-clear {*zoom: 1; /*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/}  .ellipsis {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}  .ellipsis2 {display: -webkit-box !important;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;}  .breakword {word-wrap: break-word;word-break: break-all;overflow: hidden;}  .pointer {cursor: pointer;}  .float-left {float: left;}  .float-right {float: right;}  .pagination-box {text-align: center;}  .pagination-box ul.pagination {display: inline-block;padding: 0;margin: 0;}  .pagination-box ul.pagination li {float: left;height: 24px;padding: 0 5px;margin-right: 8px;line-height: 24px;text-align: center;font-size: 16px;border: 1px solid #dcdcdc;border-radius: 1px;transition: background-color 0.3s;cursor: pointer;min-width: 26px;}  .pagination-box ul.pagination li.special {line-height: 22.5px;}  .pagination-box ul.pagination li.pagination-ellipsis {position: relative;width: 26px;}  .pagination-box ul.pagination li.pagination-ellipsis:after {position: absolute;content: '...';left: 50%;transform: translateX(-50%);color: #949494;}  .pagination-box ul.pagination li.active {background-color: #008CE9;border: 1px solid #008CE9;}  .pagination-box ul.pagination li.active a {color: white;}  .pagination-box ul.pagination li:hover:not(.active) {background-color: #ddd;}  .pagination-box ul.pagination li:last-child {margin-right: 0;}  .pagination-box ul.pagination li a {display: block;width: 100%;height: 100%;color: #949494;text-decoration: none;}  .position-container {width: 100%;margin-bottom: 24px;font-size: 14px;font-weight: 400;color: #949494;}  .position-container .arrow {padding: 0 2px;}  /* 兼容 ie 浏览器 */  [hidden] { display: none; }  .header-wrapper {position: fixed;width: 100%;height: 70px;line-height: 68px;background: #fff;box-shadow: 0px 2px 18px -5px rgba(0, 0, 0, 0.14);z-index: 998;top: 0;font-size: 0;transform: translateY(-70px);transition: .1s all;}  .header-wrapper .header-banner {position: relative;height: 70px;}  .header-wrapper .header-banner .bg {width: 100%;height: 70px;object-fit: cover;}  .header-wrapper .header-banner .inner {position: absolute;height: 100%;top: 0;left: 50%;transform: translateX(-50%);}  .header-wrapper .header-banner .close {position: absolute;width: 30px;top: 50%;right: 42px;z-index: 99;transform: translateY(-50%);cursor: pointer;}  .header-wrapper .header-inner {width: 1200px;height: 70px;margin: 0 auto;}  .header-wrapper .header-inner .header-logo {float: left;margin-right: 13px;}  .header-wrapper .header-inner .header-logo .logo {width: auto;height: 40px;margin-top: 15px;}  .header-wrapper .header-inner .header-menu-box {float: left;}  .header-wrapper .header-inner .header-menu-box .header-menu .header-menu-item {float: left;width: 102px;height: 70px;text-align: center;}  .header-wrapper .header-inner .header-menu-box .header-menu .header-menu-item a {display: block;width: 100%;height: 100%;font-size: 18px;font-weight: 400;}  .header-wrapper .header-inner .header-menu-box .header-menu .header-menu-item.active, .header-wrapper .header-inner .header-menu-box .header-menu .header-menu-item:hover {background: #008CE9;}  .header-wrapper .header-inner .header-menu-box .header-menu .header-menu-item.active a, .header-wrapper .header-inner .header-menu-box .header-menu .header-menu-item:hover a {color: #fff;}  .header-wrapper .header-inner .header-opts-box {position: relative;float: right;}  .header-wrapper .header-inner .header-opts-box .header-opts {font-size: 0;}  .header-wrapper .header-inner .header-opts-box .header-opts .header-opts-item {display: inline-block;}  .header-wrapper .header-inner .header-opts-box .header-opts .header-opts-item a {font-size: 16px;font-weight: 400;}  .header-wrapper .header-inner .header-opts-box .header-opts .header-opts-item a .app {width: 16px;height: 16px;margin-right: 3px;vertical-align: -3%;}  .header-wrapper .header-inner .header-opts-box .header-opts .header-opts-item .opts-index a {font-size: 16px;color: #6B6B6B;}  .header-wrapper .header-inner .header-opts-box .header-opts .header-opts-item .code-box {position: absolute;padding-top: 10px;top: 59px;right: -11px;}  .header-wrapper .header-inner .header-opts-box .header-opts .header-opts-item .code-box .code-subbox {position: relative;width: 164px;height: 180px;background: white;box-shadow: 0px 3px 16px 0px rgba(43, 58, 73, 0.25);text-align: center;border-radius: 4px;}  .header-wrapper .header-inner .header-opts-box .header-opts .header-opts-item .code-box .code-subbox:after {position: absolute;content: "";display: block;border: 9px solid transparent;border-bottom-color: #fff;top: -18px;right: 32px;}  .header-wrapper .header-inner .header-opts-box .header-opts .header-opts-item .code-box .code-subbox img {width: 88px;height: 88px;margin-top: 26px;margin-bottom: 10px;vertical-align: middle;}  .header-wrapper .header-inner .header-opts-box .header-opts .header-opts-item .code-box .code-subbox .text {line-height: 17px;font-size: 12px;color: #777777;text-align: center;}  .header-wrapper .header-inner .header-opts-box .header-opts .header-opts-item.opts-download:hover .code-box {display: block;}  .header2-wrapper {position: fixed;width: 100%;height: 60px;line-height: 60px;background: #fff;box-shadow: 0px 2px 18px -5px rgba(0, 0, 0, 0.14);z-index: 997;top: 70px;transform: translateY(-70px);transition: .1s all;}  .header2-wrapper .header2-nav {width: 1194px;margin: 0 auto;overflow-x: auto;white-space: nowrap;}  .header2-wrapper .header2-nav::-webkit-scrollbar {height: 8px;}  /* Track */  .header2-wrapper .header2-nav::-webkit-scrollbar-track {border-radius: 3px;background: #fafafa;border: 1px solid #ddd;}  /* Handle */  .header2-wrapper .header2-nav::-webkit-scrollbar-thumb { /* background:rgba(216,216,216,0.22); */border-radius: 3px;background: #c1c1c1;}  .header2-wrapper .header2-nav .header2-nav-item {display: inline-block;margin-right: 40px;}  .header2-wrapper .header2-nav .header2-nav-item:last-child {margin-right: 0;}  .header2-wrapper .header2-nav .header2-nav-item a {color: #6b6b6b;font-size: 16px;font-weight: 400;}  .header2-wrapper .header2-nav .header2-nav-item.active a {color: #008CE9;}  .header3-wrapper {position: fixed;width: 100%;height: 70px;line-height: 68px;background: #fff;box-shadow: 0px 2px 18px -5px rgba(0, 0, 0, 0.14);z-index: 998;top: 0;}  .header3-wrapper .header-inner {width: 1200px;margin: 0 auto;}  .header3-wrapper .header-inner .header-logo {float: left;margin-right: 56px;}  .header3-wrapper .header-inner .header-logo .logo {width: auto;height: 40px;margin-top: 15px;}  .header3-wrapper .header-inner .match-box {float: left;font-size: 0;}  .header3-wrapper .header-inner .match-box .back {float: left;margin-right: 75px;cursor: pointer;}  .header3-wrapper .header-inner .match-box .back img {width: 16px;height: 16px;margin-right: 6px;vertical-align: -4%;}  .header3-wrapper .header-inner .match-box .back span {font-size: 16px;}  .header3-wrapper .header-inner .match-box .match {float: left;font-size: 16px;font-weight: 600;color: #6b6b6b;}  .header3-wrapper .header-inner .match-box .match .time1 {margin-right: 10px;}  .header3-wrapper .header-inner .match-box .match .time2 {margin-right: 24px;}  .header3-wrapper .header-inner .match-box .match .league {display: inline-block;max-width: 82px;margin-right: 24px;}  .header3-wrapper .header-inner .match-box .match .team-name {display: inline-block;max-width: 128px;}  .header3-wrapper .header-inner .match-box .match .team-img {width: 32px;height: 32px;vertical-align: middle;}  .header3-wrapper .header-inner .match-box .match .team-score {font-size: 22px;font-weight: 800;color: #000;}  .header3-wrapper .header-inner .match-box .match .host-name {margin-right: 8px;}  .header3-wrapper .header-inner .match-box .match .guest-name {margin-left: 8px;}  .header3-wrapper .header-inner .match-box .match .host-img {margin-right: 20px;}  .header3-wrapper .header-inner .match-box .match .guest-img {margin-left: 20px;}  .header3-wrapper .header-inner .match-box .match .vs {display: inline-block;padding: 0 6px;width: 8px;height: 2px;background: black;vertical-align: middle;}  .header3-wrapper .header-inner .match-box .match span {vertical-align: middle;}  .header3-wrapper .header-inner .header-opts-box {float: right;}  .header3-wrapper .header-inner .header-opts-box .header-opts .header-opts-item {display: inline-block;}  .header3-wrapper .header-inner .header-opts-box .header-opts .header-opts-item a {font-size: 16px;font-weight: 400;}  .header3-wrapper .header-inner .header-opts-box .header-opts .header-opts-item .app {width: 16px;height: 16px;margin-right: 3px;vertical-align: -3%;}  .footer-wrapper {width: 100%;margin-top: 40px;padding: 38px 0 30px 0; /* padding: 44px 0 32px 0; */background: #fff;}  .footer-wrapper .footer-inner {width: 1080px;margin: 0 auto;}  .footer-wrapper .footer-inner .footer-box {padding-right: 121px;font-size: 14px;font-weight: 400;}  .footer-wrapper .footer-inner .footer-box .footer-left {float: left;}  .footer-wrapper .footer-inner .footer-box .footer-left .footer-logo {width: 80px;height: 80px;}  .footer-wrapper .footer-inner .footer-box .footer-right {float: right;width: 867px;}  .footer-wrapper .footer-inner .footer-box .footer-right .footer-link {margin-bottom: 16px;}  .footer-wrapper .footer-inner .footer-box .footer-right .footer-link .text {margin-right: 5px;font-weight: 600;}  .footer-wrapper .footer-inner .footer-box .footer-right .footer-link .website {margin-right: 22px;}  .footer-wrapper .footer-inner .footer-box .footer-right .footer-desc {margin-bottom: 15px;color: #999;}  .footer-wrapper .footer-inner .footer-box .footer-right .footer-copyright {color: #999;}  .footer2-wrapper {width: 100%;background: #fff;margin-top: 40px;padding: 38px 0 30px 0; /* padding: 44px 0 32px 0; */}  .footer2-wrapper .footer2-desc {width: 867px;margin: 0 auto;padding: 0px 0 15px;}  .footer2-wrapper .footer2-copyright {width: 311px;margin: 0 auto;}  .footer2-wrapper .footer2-desc, .footer2-wrapper .footer2-copyright {line-height: 20px;font-size: 14px;font-weight: 400;text-align: center;color: #999;}