html, body { margin: 0; padding: 0; min-height: 100%; background-color: #f1f2f5; color: #333; } body{ font-size: 16px; font-family: "Helvetica Neue","Microsoft YaHei",Helvetica,Tahoma,sans-serif; } a,a:hover{ color: inherit; text-decoration: none; } a:hover{ opacity: 0.8; } a:hover .title , .title a:hover,a:hover .title-icon{ color: #dc3545 !important; } h1, h2, h3, h4, h5, h6{ margin-bottom: 0; } .text-small{ font-size: 14px; } .text-sm{ font-size: 13px; } .text-xs{ font-size: 12px; } .line-1{ display: -webkit-box !important; display: -moz-box !important; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-line-clamp: 1; line-clamp: 1; overflow: hidden; } .line-2{ display: -webkit-box !important; display: -moz-box !important; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; } .flex-1{ flex:1; } .full-height{ height: 100%; } .btn-flat{ border-radius: 0; } .btn-link{ color: inherit; } .btn-link:hover,.btn-link:focus{ box-shadow: none; } .d-flex-col-1{ width: 8.33333% !important; } .d-flex-col-2{ width: 16.66667% !important;; } .d-flex-col-3{ width: 25% !important;; } .d-flex-col-4{ width: 33.33333% !important;; } .d-flex-col-6{ width: 50% !important;; } .table-responsive-xl{ white-space: nowrap; } .table td, .table th { border-top: 1px solid #f4f4f4; } .table-sm td, .table-sm th{ padding: 10px 0; } .table .tr{ display: flex; flex-flow: row nowrap; padding: 0 15px; } .table .td,.table .th{ border-top: 1px solid #f4f4f4; padding: 10px 0; flex-grow: 1; width: 1%; } .tr.table-sub{ padding: 15px 0 0 0; } .tr.table-sub .td,.tr.table-sub .th{ padding: 0; border-top:none; } .table-sub .table-sub-title{ width: 100%; } .bg-primary-light{ background-color: #F1F9FF; } .solid-bottom{ border-bottom: 1px solid #f4f4f4; } .swiper-container { width: 100%; height: 100%; } .swiper-container .swiper-slide{ height: auto; } .header-content{ background-color: #cd1b2b; color: #FFFFFF; } .header-content .navbar{ padding: 0 1rem; } .header-content .nav-item.active{ background-color: #ff4b4b; } .header-content .nav-link{ font-size: 16px; padding: 20px .5rem; text-align: center; } .header-content .nav-item:nth-child(5n+1) .nav-link{ text-align: left; } .header-sub-content{ background-color: #FFFFFF; color: #222; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.10); } .header-sub-content .nav-item.active{ position: relative; } .header-sub-content .nav-item.active:after{ position: absolute; left: 20px; right: 20px; bottom: 0; height: 2px; content: ''; background-color: #dc3545; border-radius: 2px; } .header-sub-content .navbar{ width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .header-sub-content ::-webkit-scrollbar { display: none; width: 0 !important; height: 0 !important; -webkit-appearance: none; background: transparent; } .header-sub-content .navbar-nav .nav-link{ padding: .5rem 1rem; } .header-content .navbar-nav,.header-sub-content .navbar-nav{ flex-direction: row; white-space: nowrap; } .header-content .navbar-nav{ flex-wrap: wrap; } .navbar-brand{ padding-top: 0; padding-bottom: 0; display: flex; align-items: center; } .navbar-brand img{ height: 50px; } .main{ margin-bottom: 15px; } .main-left,.main-right,.main-right-lg{ margin-top: 15px; } .main-right{ width: 320px; padding-right: 15px; } .main-right-lg{ width: 360px; padding-right: 15px; } .card.card-flat{ border: none; border-radius: 0; /*box-shadow: 2px 2px 10px #cfcde0;*/ padding: 0 1px; background-color: #FFFFFF; } .card-flat .card-header ,.card-flat .card-body,.card-flat .card-footer{ background-color: #FFFFFF; padding: 15px 0; } .card-flat .card-header{ padding: 15px 10px 0; } .card-flat .card-header:first-child{ -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .card-flat .card-title{ font-size: 18px; font-weight: 700; margin-bottom: 0; padding-bottom: 15px; position: relative; padding-left: 10px; } .card-title:before{ content: ''; position: absolute; left: 0; top: 2px; height: 18px; border-radius: 2px; border-left: 5px solid #E84B5B; } .card-title-more i{ margin:0 10px; color: #BBBBBB; } .card-header-weight.card-header{ background-color: #cd1b2b; color: #FFFFFF; } .card-header-weight .card-title:before{ border: none; } .card-header-weight .card-title{ padding-left: 0; } .list-group-flat .list-group-item{ padding: 10px 15px; border-color: rgba(0,0,0,.05); } .list-group-sub-title{ padding: 10px 15px 5px 15px; } .live-item{ font-size: 14px; white-space: nowrap; color: #222222; } .live-item .iconzuqiu{ color: #000000; font-size:20px; } .live-item .iconlanqiu{ color: #E97F39; font-size: 20px; } .live-item .match-status{ width: 70px; border-radius: 0; font-size: 90%; font-weight: 700; color: #dc3545; } .live-item .match-time{ font-size: 14px; } .live-item .match-type ,.live-item .match-time ,.live-item .match-status{ margin-right: 10px; line-height: 20px; } .live-item .match-league{ width: 80px; } .live-item .match-resource{ width: 80px; text-align: center; color: #28a745; } .live-item.status-finished .match-status,.live-item.status-not_start .match-status{ color: #666666; } .live-item.status-start .match-time, .live-item.status-start .match-resource{ color: #dc3545; } .live-item .match-info .team-info{ width: 100px; } .live-item .match-info .team-score{ width: 80px; text-align: center; font-weight: 700; font-size: 15px; } .live-item .match-info img{ width: 20px; height: 20px; background: #ced4da no-repeat center/cover; border-radius: 50%; margin: 0 5px; } .news-top-item{ width: 100%; padding: 10px; position: relative; } .news-top-item .content{ line-height: 18px; } .news-top-item .title-icon{ font-size: 18px; margin-right: 5px; } .news-top-item .tag{ background-color: #dc3545; color: #FFFFFF; font-size: 14px; font-weight: normal; padding: 3px 10px; margin-right: 10px; } .news-top-item .title{ font-size: 17px; font-weight: normal; } .news-item-sm{ width: 100%; padding: 10px; position: relative; } .news-item-sm .dot{ position: absolute; top: 17px; width: 6px; height: 6px; background-color: #dc3545; vertical-align: middle; } .news-item-sm .title{ font-size: 16px; font-weight: normal; margin-left: 15px; } .news-col-2 .news-item-sm{ width: 50%; float: left; } .news-img-item{ display: block; width: 25%; margin:0 7.5px; border: 1px solid #ededed; } .news-img-item:first-child{ margin-left: 15px; } .news-img-item:last-child{ margin-right: 15px; } .news-img-item .img{ width: 100%; padding-top: 70%; position: relative; overflow: hidden; } .news-img-item img{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; height: 100%; width: 100%; object-fit: cover; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } .news-img-item .tag{ position: absolute; left: 0; top: 0; background-image: linear-gradient(-135deg, #dc3545 0%, #ff4b4b 100%); width: 80px; height: 28px; font-size: 14px; color: #FFFFFF; text-align: center; line-height: 28px; overflow: hidden; } .news-img-item .title{ font-size: 17px; margin: 15px; } .news-img-item:hover img{ transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); } .news-img-item-sm{ width: 100%; margin: 0; border: none; padding: 10px; border-bottom: 1px solid rgba(0,0,0,.05); } .news-img-item-sm .img{ width:120px; height: 80px; position: relative; overflow: hidden; } .news-img-item-sm .img img{ height: 100%; width: 100%; object-fit: cover; } .news-img-item-sm .info{ margin: 0 5px 0 10px; } .news-img-item-sm .title{ font-size: 14px; } .news-img-item-sm .extra{ margin-top: 10px; color: #666666; font-size: 12px; } .news-img-item .video-start ,.news-img-item-sm .video-start ,.news-list-item .video-start{ opacity: 0; position: absolute; top: 50%; left: 50%; width: 44px; height: 44px; margin: -25px 0 0 -25px; background: url(../images/start.png) no-repeat; background-size: 44px auto; -webkit-transform: scale(2); transform: scale(2); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all .25s ease-out; transition: all .25s ease-out; } .news-img-item:hover .video-start ,.news-img-item-sm:hover .video-start,.news-list-item:hover .video-start{ opacity:1; transform:scale(1); } .match-item{ padding: 15px; display: block; position: relative; } .match-item .title-overlay{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; background: rgba(0,0,0,0.2); background: rgba(195, 25, 19, 0.5); transform: scale(0.9); opacity: 0; transition: all .25s ease-in-out; } .match-item:hover .title-overlay{ transform: scale(1); opacity: 1; } .match-item:after{ position: absolute; content: ''; left: 10px; right: 10px; bottom: 0; background-color: #ededed; height: 1px; transform: scaleY(0.5); } .match-item .extra{ font-size: 12px; color: #666666; } .match-item .team{ margin-top: 10px; } .match-item .score{ font-size: 20px; font-weight: 600; } .match-item img{ width: 35px; height: 35px; background: #ced4da no-repeat center/cover; border-radius: 50%; } .news-detail-card.card{ padding: 20px; } .news-detail-card.card .card-header{ padding: 5px 0 15px 0; margin: 0 15px; } .news-title{ margin-bottom: 10px; font-size: 28px; } .news-info{ color: #666666; padding-bottom: 5px; font-size: 15px; } .news-content{ padding: 20px; } .news-content article img{ max-width: 100%; } .news-content .news-next{ font-size: 14px; } .news-video-detail .main-content-size{ padding-top: 60%; } .news-video-detail .main-left{ position: relative; } .news-video-detail .main-content{ position: absolute; left: 15px; right: 15px; top: 0; height: 100%; } .news-video-card.card ,.news-video-card.card .card-header, .news-video-card.card .card-body{ background-color: #1d1d1d; color: #FFFFFF; } .news-video-card.card .news-info{ padding-bottom: 0; color: #FFFFFF; } .news-video-content{ display: block; position: relative; opacity: 0.9; height: 100%; } .news-video-content .bg-img,.news-video-content .play-img{ position: absolute; left: 0; top:0; width: 100%; height: 100%; } .news-video-content .play-img{ transition: all .3s; } .news-video-content .play-img .play-icon{ background-image: url(../images/video-play.png); background-repeat: no-repeat; background-size: 100% 100%; width: 100px; height: 100px; } .news-video-relation-card{ width: 320px; padding: 5px; background-color: #333333; color: #FFFFFF; } .news-video-relation-card .news-img-item-sm:hover,.news-img-item-sm.active{ color: #FFFFFF; background-color: #000000; } .news-video-relation-card a:hover .title{ color: #FFFFFF !important; } .news-video-relation-card .news-img-item-sm .extra{ color: #CCCCCC; } .news-video-relation-card .swiper-scrollbar{ background-color: rgba(255,255,255,0.6); } /*old*/ .match-video{ width: 100%; height: 0; padding-top: 80%; position: relative; display: none; } .match-video.video-ai{ padding-top: 70%; } .match-video.video-qiuquba{ padding-top: 80%; } .match-video .cartoon{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; border: none; } .live-info .card-body{ background-image: url(../images/football-bg.png); color: #FFFFFF; background-repeat: no-repeat; background-size: 100% 100%; padding: 0; } .live-info .live-type-1.card-body{ background-image: url("../images/basketball-bg.png"); } .live-info .match{ margin: 40px 0; } .live-info .team{ width: 35%; } .live-info .team img{ width: 100px; height: 100px; } .live-info .team .name{ font-size: 20px; margin-top: 15px; } .live-info .status{ margin-top: 10px; } .live-info .score{ font-size: 40px; margin-top: 15px; } .live-info .match-resource{ padding: 0 15px; } .live-info .match-resource .btn.current{ color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; box-shadow: none; } .live-data .nav-link.active{ position: relative; } .live-data .nav-link.active:after{ position: absolute; left: 10px; right: 10px; bottom: 0; height: 2px; content: ''; background-color: #dc3545; border-radius: 2px; } .live-data .tab-pane{ min-height: 100px; } .news-list-item{ padding: 15px; position: relative; } .news-list-item:after{ position: absolute; content: ''; left: 10px; right: 10px; bottom: 0; background-color: #ededed; height: 1px; transform: scaleY(0.5); } .news-list-item .thumb{ width: 200px; padding-top: 70%; position: relative; overflow: hidden; display: block; } .news-list-item .thumb img{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; height: 100%; width: 100%; object-fit: cover; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } .news-list-item .content{ margin: 0 15px; flex:1; } .rank-content-card.card-body{ padding: 0 10px; } .rank-content{ font-size: 15px; } .rank-num{ width: 30px; display: block; text-align: center; } .rank-1,.rank-2,.rank-3{ background-size: 100% 100%; height: 30px; } .rank-1{ background-image: url("../images/rank1.png"); } .rank-2{ background-image: url("../images/rank2.png"); } .rank-3{ background-image: url("../images/rank3.png"); } .panel-title{ font-size: 15px; line-height: 15px; padding: 10px 15px; } .panel-content{ font-size: 13px; } .panel-content .table-sub td, .panel-content .table-sub th{ padding: 15px 0 0 0; border: none; } .panel-content .table-sub:first-child td, .panel-content .table-sub:first-child th{ padding: 0; } .panel-content .table-sub .table-sub-title{ font-size: 15px; line-height: 15px; padding: 10px 15px; } .match-result .result{ color: #FFFFFF; padding: 0 10px; } .match-result .win{ background-color: #cf1f1b; } .match-result .draw{ background-color: #437ba8; } .match-result .lost{ background-color: #399439; } .pages .pagination ,.pages .page-item:first-child .page-link ,.pages .page-item:last-child .page-link{ border-radius: 0; } .pages .page-link{ color: #dc3545; } .pages .page-item.active .page-link{ background-color: #dc3545;; border-color: #dc3545;; } .pages .page-item{ margin: 0 2px; } .footer{ background-color: #333333; color: #cccccc; } .footer .f-about{ font-size: 12px; padding: 15px 0; } @media (min-width: 992px){ } @media (max-width: 992px) { .navbar-brand{ padding-bottom: 0; } .navbar-brand img{ height: 40px; } .main-left{ flex: 0 0 100%; } .main-right-lg,.main-right{ width: 100%; padding-left: 15px; } .news-top-item{ width: 50%; float: left; } .news-video-detail .main-content-size{ display: none; } .news-video-detail .main-content{ flex-direction: column; position: relative; left: 0; } .news-video-detail .news-video-content{ padding-top: 70%; } .news-video-relation-card{ display: none; } .match-video{ padding-top: 80%; } .match-video.video-ai{ padding-top: 70%; } } @media (min-width: 768px) and (max-width: 992px) { .news-item-sm{ width: 50%; float: left; } } @media (max-width: 768px){ .navbar-brand img{ height: 20px; } .header-content .navbar-brand{ margin-right: 0; } .header-content .navbar{ padding: 0.25rem 1rem; } .header-content .nav-link{ padding: 0.25rem 0.5rem; } .header-content .nav-item.active{ background-color: transparent; color: #FFFFFF; font-weight: 700; } .header-sub-content .navbar-nav .nav-link{ padding: 2px 0.75rem; font-size: 14px; } .news-top-item{ width: 100%; } .news-col-2 .news-item-sm { width: 100%; } .news-img-item .title{ font-size: 15px; } .list-group-sub-title{ padding: 10px 10px 5px 10px !important; } .live-item{ flex-direction: column; padding: 10px 10px 15px 10px !important; } .live-item .iconzuqiu{ font-size: 16px; } .live-item .match-base{ width: 100%; font-size: 12px; } .live-item .match-time{ font-size: 12px; } .live-item .match-status{ font-size: 12px !important; font-weight: normal; } .live-item .match-league{ color: #666666; } .live-item .match-info{ width: 100%; margin: 10px 0; justify-content: center; } .live-item .match-info .team-info{ width: 140px; } .live-item .match-resource{ font-size: 12px; padding: 2px 0; border: 1px solid; } .news-list-item{ padding: 10px; } .news-list-item .thumb{ width: 120px; } .news-list-item .title{ font-size: 16px; } .news-list-item .desc{ display: none !important; } .news-list-item .time{ color: #999999; } .pages .page-link{ padding: .5rem .5rem; font-size: 13px; } .pages .first ,.pages .last{ display: none; } .live-info .match{ margin: 30px 0; } .live-info .team img{ width: 70px; height: 70px; } .live-info .score{ font-size: 26px; } .news-title{ font-size: 28px; } .news-info{ font-size: 14px; } .event-name-time{ display: flex; flex-direction: column-reverse; font-size: 12px; } .event-name-time .time{ font-size: 11px; margin-right: 0 !important; } .match-video{ padding-top: 80%; } .match-video.video-ai{ padding-top: 80%; } } @media (min-width: 576px) and (max-width: 992px) { .news-img-item{ display: none; width: 33.333333%; } .news-img-item:nth-child(-n+3) { display: block; } .news-img-item .img{ padding-top: 60%; } } @media (max-width: 576px) { .header-content .nav-item ,.header-content .navbar-brand{ width: 20%; } .main-left,.main-right,.main-right-lg{ padding-left: 0; padding-right: 0; } .news-img-item{ display: none; width: 50%; border: none; position: relative; } .news-img-item:nth-child(-n+2) { display: block; } .news-img-item .img{ padding-top: 50%; } .news-img-item .title{ left: 0; bottom: -30px; right: 0; color: #FFFFFF; padding:0 5px; margin: 0; font-size: 13px; height: 30px; line-height: 30px; background-image: linear-gradient(to bottom,rgba(11,33,103,0.2),rgba(50,50,50,.8) 80%); } .news-top-item,.news-item-sm{ display: none; } .news-top-item:nth-child(-n+8){ display: block; } .news-item-sm:nth-child(-n+8){ display: block; } .live-info .match{ margin: 20px 5px; } .live-info .team img{ width: 50px; height: 50px; } .live-info .team .name{ font-size: 14px; } .live-info .status{ margin-top: 5px; font-size: 13px; } .live-info .score{ font-size: 18px; margin-top: 10px; font-weight: 700; } .news-detail-card.card{ padding: 5px 15px; } .news-detail-card.card .card-header{ padding: 5px 0; margin: 0; } .news-title{ font-size: 18px; } .news-info{ font-size: 13px; } .news-content{ padding: 20px 0; } .panel-content{ font-size: 12px; } .match-video{ padding-top: 100%; } .match-video.video-ai{ padding-top: 90%; } .rank-content{ font-size: 12px; } } 国产成人在线网站_成人亚洲一区二区三区四区_日韩精品视频欧美国产_国产精品一区二区无线
<menuitem id="lnnpn"></menuitem>

<p id="lnnpn"></p>

<pre id="lnnpn"><b id="lnnpn"><thead id="lnnpn"></thead></b></pre>

    <del id="lnnpn"><b id="lnnpn"><thead id="lnnpn"></thead></b></del>

      <p id="lnnpn"></p>
      <ruby id="lnnpn"></ruby>

      <p id="lnnpn"></p><p id="lnnpn"><del id="lnnpn"></del></p>