/** * Theme style file: temp_503 * Auto-generated: 2025-05-07 20:13:50 * * Contains the following segment files: * - style_503_p1.css * - style_503_p2.css * - style_503_p3.css * - style_503_p4.css */ :root { --primary-color: #000080; /* 主色调：深蓝色 */ --bg-color: #FFFFFF; /* 背景色 - 白色 */ --secondary-color: #000033; /* 次要色：更深蓝色 */ --accent-color: #333333; /* 强调色(文字) - 深灰色 */ --hover-color: #FFD700; /* 悬停色：金色 */ --border-color: #000080; /* 边框色：深蓝色 */ --light-bg: #F7F7F7; /* 浅背景色 - 浅灰色 */ --muted-text: #8A8A8A; /* 淡色文本 - 灰色 */ } *{margin:0;padding:0;box-sizing:border-box;font-family: 'Microsoft YaHei UI',sans-serif;font-size: 14px;} body{background-color: var(--bg-color)} 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} h1,h2,h3,h4,h5,h6{font-size:100%} address,cite,dfn,em,var{font-style:normal} 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:var(--primary-color)} sup{vertical-align:text-top} sub{vertical-align:text-bottom} legend{color:var(--accent-color)} 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;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word} img{vertical-align: middle;max-width: 100%} .autoheight{height:auto!important;} /**Swiper 10.3.0**/ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;overflow:clip;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} .madrid-container {width: 1200px;margin: 0 auto;position: relative;} .float-clear:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;} .float-clear{zoom:1} .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; margin-top: 30px} .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;margin-bottom:8px;line-height:24px;text-align:center;font-size:16px;border:1px solid var(--light-bg);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:var(--muted-text)} .pagination-box ul.pagination li.madrid-active{background-color:var(--primary-color);border:1px solid var(--primary-color)} .pagination-box ul.pagination li.madrid-active a{color:var(--bg-color)} .pagination-box ul.pagination li:hover:not(.madrid-active){background-color:var(--light-bg)} .pagination-box ul.pagination li:last-child{margin-right:0} .pagination-box ul.pagination li a{display:block;width:100%;height:100%;color:var(--muted-text);text-decoration:none} .position-container{width:100%;margin:18px auto;font-size:12px;font-weight:400;color:var(--muted-text)} .position-container a{color:var(--muted-text)} .position-container .arrow{padding:0 2px} [hidden]{display:none} .madrid-left-side {width: 820px;float: left;} .madrid-right-side {width: 340px;float: right;} .madrid-space-10 {margin-top: 10px} .madrid-space-20 {margin-top: 20px} .madrid-space-30 {margin-top: 30px} .mt40 {margin-top: 40px} .nodate{padding:40px;text-align: center;} .nodate p{font-size: 12px;line-height: 1.8;color: var(--muted-text);} .pd20{padding:20px} .madrid-padding-20{padding-top: 20px;padding-bottom: 20px;} .float-clear{clear:both;} .br10{border-radius: 10px;overflow: hidden;} .madrid-white-bg{background-color:var(--bg-color)} .bghui{background:var(--accent-color);} .pc{display:block} .madrid-mobile-view{display:none} @media (max-width: 780px) { .pc{display:none!important} .madrid-mobile-view{display:block!important} } li{list-style-type: none;} .flex {display: flex} .madrid-wrap {display: flex;flex-wrap: wrap;} .madrid-spread{display: flex;justify-content: space-between;flex-wrap: wrap;} .topbanner1{margin-top:10px;} /* 通用标题 */ .madrid-section-title{display: flex;justify-content: space-between; align-items: center; width:100%;line-height: 1.5;border-bottom:2px solid var(--primary-color);} .madrid-section-name{font-weight: 600;color: var(--bg-color);font-size: 16px;background:var(--primary-color);padding: 0 30px;min-width: 136px;height: 34px;text-align: center;line-height: 34px;border-radius: 5px 5px 0 0;} .madrid-section-name span{font-weight: 600;color: var(--accent-color);font-size: 16px;} .madrid-section-name h3{font-weight: 600;color: var(--bg-color);font-size: 16px;} .madrid-section-more{color: var(--muted-text);font-size: 12px;padding-right:5px;} .madrid-section-more a{color: var(--primary-color);font-size: 12px;} .madrid-section-nav{color: var(--muted-text)} .madrid-section-nav a{color:var(--primary-color);font-size:14px;background: var(--light-bg);border-radius: 6px;line-height: 32px;padding:0 10px;display: inline-block;margin-right:8px;} .madrid-section-nav a h1{display:inline-block;font-weight:400} .madrid-section-nav a.madrid-selected{color: var(--bg-color);background:var(--primary-color);} .madrid-secondary-nav{background: var(--light-bg);border-radius: 14px;line-height: 26px;overflow: hidden;} .madrid-secondary-nav a{font-size: 14px;text-align: center;flex:1;cursor:pointer;color: var(--primary-color);padding:5px 10px;} .madrid-secondary-nav a.madrid-selected{background-color:var(--primary-color);color: var(--bg-color)} /* header */ .bernabeu-header{width:100%;line-height:70px;background: var(--primary-color);} .madrid-emblem{margin-right:50px;display: flex;flex-direction: column;justify-content: center;} .madrid-emblem img{width:auto;display: block} .madrid-squad{width:calc(100% - 100px);display: flex} .madrid-squad a{color:var(--bg-color);flex:1;text-align:center;font-size:16px;} .madrid-squad a.madrid-active{position: relative;display: flex;justify-content: center;align-items: center;color: var(--bg-color);font-weight:600;text-decoration: none;z-index: 1;background: var(--secondary-color);} .madrid-dark{display:none;position:absolute;background:rgba(0,0,0,0.5);width:100%;height:100%} /* match_top */ .match_top{position: relative;} .match_top .madrid-match {width:234px;height: 134px;color:var(--bg-color);} .match_top .madrid-match .liansaitime{position: relative;padding:10px;} .match_top .madrid-match .liansaitime .liansai{overflow-wrap: break-word;color:var(--muted-text);font-size: 12px;text-align: left;white-space: nowrap;} .match_top .madrid-match .liansaitime .liansai a{color:var(--muted-text);} .match_top .madrid-match .madrid-match-time {overflow-wrap: break-word;color:var(--muted-text);font-size: 12px;text-align: right;white-space: nowrap;line-height:19px;} .match_top .madrid-match .rightside a{width: 60px;height: 28px;background: var(--muted-text);float:right;color:var(--hover-color);text-align: center;font-size:12px;line-height: 26px} .match_top .madrid-match .match_qiudui{width:100%;padding:10px;} .match_top .madrid-match .match_qiudui a{display: block;} .match_top .madrid-match .match_qiudui .madrid-teams{display: flex;color:var(--muted-text);width:100%;line-height: 28px;padding:5px 0;} .match_top .madrid-match .match_qiudui .madrid-teams .name{font-size: 14px;display: flex;flex-direction: row;justify-content: center;} .match_top .madrid-match .match_qiudui .madrid-teams img{width: 28px;height: 28px;margin-right:5px;} .match_top .madrid-match .match_qiudui .madrid-teams .bifen{font-weight: 600;color: var(--bg-color)} .match_top .swiper-container{overflow: hidden;} .match_top .swiper-container .swiper-slide{width:230px;position: relative;} .match_top .swiper-container .swiper-slide:after{width: 1px;content: "";display: block;position: absolute;right: -7px;height: 100px;top: 50%;margin-top: -50px;background: var(--muted-text);} .match_top .swiper-button-next:after, .match_top .swiper-button-prev:after{display: none} .match_top .swiper-button-prev{background:url(../images/ico_left.png) no-repeat;width: 40px;height: 40px;} .match_top .swiper-button-next{background:url(../images/ico_right.png) no-repeat;width: 40px;height: 40px;} .match_top .swiper-button-prev{left:-40px;} .match_top .swiper-button-next{right:-40px;} .swiper_top_news{width:100%;overflow: hidden;position: relative;padding-bottom: 35px;} .swiper_top_news .hot_news_item {width:100%;} .swiper_top_news .hot_news_item .title{font-size: 14px;font-weight: 400;color: var(--primary-color);height:39px;position: relative;text-align: justify;padding-top:5px;font-weight: bold} .swiper_top_news .hot_news_item .title span{color: var(--muted-text);font-size: 12px;position: absolute;right:0;bottom:0;} .swiper_top_news .hot_news_item .pic{display: flex;justify-content: center;align-items: center;height: 160px;overflow:hidden;overflow: hidden;} .swiper_top_news .hot_news_item .madrid-match-time{font-size: 12px;font-weight: 400;color: var(--muted-text);padding-top: 8px;} .swiper_top_news .swiper-pagination-bullet-active{width: 30px;height: 8px;background: var(--accent-color);border-radius: 4px;} /* match */ .madrid-match .match_filter_roll{background: var(--light-bg);} .madrid-match .madrid-match-item {display: flex;align-items: center;font-size: 15px;padding:15px 5px;border-bottom: solid 1px var(--light-bg) !important;justify-content: space-between;} .match_date {font-size: 16px;padding: 15px 0;margin-top: 15px} .madrid-match-item:hover{background:var(--light-bg);} .madrid-match-item .madrid-info-left{display:flex;align-items:center} .madrid-match-item .madrid-info-left .madrid-match-time{display:inline-block;width:105px;font-weight: 400;color:var(--muted-text);} .madrid-match-item .madrid-info-left .madrid-match-time em{color:var(--muted-text);margin-left:10px;font-size: 14px;font-weight: 400} .madrid-match-item .madrid-info-left .madrid-league{display:inline-block;width:100px;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-align:left} .madrid-match-item .madrid-info-left .madrid-league a{color:var(--muted-text);} .madrid-match-item .madrid-info-center{display:flex} .madrid-match-item .madrid-info-center .madrid-home-link{display:flex;justify-content:center;align-items:center} .madrid-match-item .madrid-info-center .madrid-home-link .madrid-left{display:flex;align-items:center;width:150px;text-align:right;justify-content:flex-start;flex-direction: row-reverse;} .madrid-match-item .madrid-info-center .madrid-home-link .madrid-left > img{width:30px;max-height:30px;margin-left:5px} .madrid-match-item .madrid-info-center .madrid-home-link .madrid-left .madrid-text{display:inline-block;height:20px;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;padding-left:10px;text-align:left} .madrid-match-item .madrid-info-center .madrid-score{display:flex;justify-content:center;align-items:center;font-size:16px;font-weight:600;width:120px} .madrid-match-item .madrid-info-center .madrid-score .madrid-separator{padding:0 20px;} .madrid-match-item .madrid-info-center .madrid-away{display:flex;justify-content:center;align-items:center} .madrid-match-item .madrid-info-center .madrid-away .madrid-right{display:flex;align-items:center;width:150px;justify-content:flex-end} .madrid-match-item .madrid-info-center .madrid-away .madrid-right .madrid-text{display:inline-block;width:120px;height:20px;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden} .madrid-match-item .madrid-info-center .madrid-away .madrid-right > img{width:30px;max-height:30px;margin-right:10px} .madrid-match-item .madrid-info-right{box-sizing:border-box;display:inline-block;vertical-align:middle;font-size:14px;width:84px;border-radius:14px;text-align:center;line-height: 28px;} .madrid-match-item .madrid-info-right a{color:var(--accent-color);display:block;background-color: var(--light-bg);border-radius: 16px;} .madrid-match-item .madrid-info-right.begin {background: var(--light-bg);color: var(--accent-color)} .madrid-match-item .madrid-info-right.madrid-kickoff {color: var(--bg-color)} .madrid-match-item .madrid-info-right.madrid-kickoff a {background: var(--primary-color);color: var(--bg-color);} .madrid-match-item .madrid-info-right.end {background:var(--accent-color);} .madrid-match-item .madrid-info-right.end a {color: var(--bg-color);background-color: var(--accent-color)} .match_list_more{width: 226px;height: 34px;background:var(--hover-color);border-radius: 17px;display: block;margin:20px auto 0 auto;line-height: 34px;text-align: center;} .match_list_more a{color:var(--accent-color);} .hotnews .hotnewsmain{background-color: var(--bg-color);} .hotnews .hotnewsmain .hotnewsmainbox{display: flex;flex-wrap:wrap; justify-content: space-between;} .hotnews .hotnewsmain .hotnewsmainbox .hot_news_item {width:19%;margin:1% 0;} .hotnews .hotnewsmain .hotnewsmainbox .hot_news_item .title{font-size: 14px;font-weight: 400;color: var(--accent-color);height:39px;position: relative;text-align: justify;padding-top:5px;} .hotnews .hotnewsmain .hotnewsmainbox .hot_news_item .title span{color: var(--muted-text);font-size: 12px;position: absolute;right:0;bottom:0;} .hotnews .hotnewsmain .hotnewsmainbox .hot_news_item .pic{display: flex;justify-content: center;align-items: center;height: 130px;overflow:hidden;border-radius: 5px;overflow: hidden;} .hotnews .hotnewsmain .hotnewsmainbox .hot_news_item .madrid-match-time{font-size: 12px;font-weight: 400;color: var(--muted-text);padding-top: 8px;} .luxiangtuijian .section-tit-nav2{ display: flex;border-radius: 5px;overflow:hidden;margin-top:10px; } .luxiangtuijian .section-tit-nav2 span{flex:1;text-align: center;line-height:28px;border-radius: 5px;background: var(--light-bg);margin:0 1px;} .luxiangtuijian .section-tit-nav2 span a{display: block;} .luxiangtuijian .section-tit-nav2 span.madrid-selected{background: var(--primary-color);color: var(--bg-color)} .luxiangtuijian .index_video_list_qh ul{margin-top:10px;display: none} .luxiangtuijian .index_video_list_qh li {font-size: 14px;font-weight: 400;color: var(--accent-color);border-bottom:1px solid var(--light-bg);padding: 10px;} .luxiangtuijian .index_video_list_qh li:nth-child(2n){background-color:var(--light-bg);} .luxiangtuijian .index_video_list_qh li a{display: flex;justify-content: space-between;color:var(--muted-text);font-size: 12px;} .luxiangtuijian .index_video_list_qh li a p{display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;color: var(--primary-color);font-size: 14px;padding-bottom: 5px;} .luxiangtuijian .index_video_list_qh li a .madrid-article-body{width:calc(100% - 45px);font-size: 12px;} .luxiangtuijian .index_video_list_qh li:hover{background-color:var(--light-bg);} .luxiangtuijian .index_video_list_qh li:hover a{display: flex;justify-content: space-between;color:var(--primary-color);font-size: 12px;} .luxiangtuijian .index_video_list_qh li:hover a p{display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;color:var(--primary-color);font-size: 14px;padding-bottom: 5px;} .luxiangtuijian .index_video_list_qh li:nth-last-child(1){border:0;margin:0;} .hotqiuduimain .madrid-tournament .madrid-teams .qiudui_item {width: 18%;} .hotsaishi .hotsaishimain{padding:10px 0;display: grid;grid-template-columns: repeat(auto-fit, minmax(70px, 4fr));} .hotsaishi .hotsaishimain a .pic{border: 1px solid var(--light-bg);padding:10px;} .hotsaishi .hotsaishimain a .pic img{width: 48px;height: 48px;} .hotsaishi .hotsaishimain a{width: 76px;margin:10px 0;background: var(--bg-color);display:flex; flex-direction: column; justify-content: center;align-items: center;text-align: center} .hotsaishi .hotsaishimain a p{display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .hottag .hottagmain{color:var(--accent-color);display:flex;justify-content:flex-start;flex-wrap:wrap} .hottag .hottagmain a{line-height: 26px;background: var(--light-bg);border-radius: 13px;width:31%;text-overflow: ellipsis;display:block;text-align:center;margin-top:10px;white-space:nowrap;overflow:hidden;padding:0 10px;color:var(--primary-color);} .hottag .hottagmain a:hover{color: var(--bg-color);background:var(--primary-color);} /*球队球员 */ .hide{display: none} .madrid-show{display: block!important} .team_rank_main{background-color: var(--bg-color);border-radius: 5px;} .team_rank_main .team_rank_item{display:none} .team_rank_main .team_rank_item.madrid-selected{display:block} .team_rank_main .team_rank_match{margin-bottom:10px;border-radius: 14px;overflow: hidden;} .team_rank_main .team_rank_match span{font-size: 14px;text-align: center;flex:1;padding:5px 0;cursor:pointer;} .team_rank_main .team_rank_match span.madrid-selected{color:var(--bg-color);background-color:var(--primary-color);} .team_rank_main .team_rank_score{padding:0px;} .team_rank{position:relative} .team_rank_main .team_rank_match{position:absolute;right:10px;top:-50px;} .team_rank_main .team_rank_match span{background:var(--light-bg);border-radius:0;padding:5px 20px} .team_rank_main .team_rank_match_saishi{display:flex;margin-bottom:10px;display:none;} .team_rank_main .team_rank_match_saishi.madrid-selected{display:flex} .team_rank_main .team_rank_match_saishi span{flex:1;font-size:14px;text-align:center;line-height:30px;cursor:pointer;background:var(--light-bg); border-radius: 4px;margin:0 2px;} .team_rank_main .team_rank_match_saishi span.madrid-selected{background: var(--accent-color);border-radius: 4px;color: var(--bg-color);} .team_rank_main .team_rank_match_saishi_east_west{background:var(--light-bg);display:flex;margin-bottom:10px;display:none} .team_rank_main .team_rank_match_saishi_east_west.madrid-selected{display:flex} .team_rank_main .team_rank_match_saishi_east_west span{flex:1;font-size:14px;text-align:center;line-height:26px;cursor:pointer; } .team_rank_main .team_rank_match_saishi_east_west span.madrid-selected{color: var(--bg-color);background-color:var(--muted-text);} .team_rank_main .team_rank_score li{display: flex;justify-content: space-between;align-items: center;padding: 12px 5px;} .team_rank_main .team_rank_score li span{font-size: 14px;text-align: center;} .team_rank_main div.team_rank_score_name{background: var(--light-bg);line-height: 36px;padding:0 10px;display: flex;justify-content: space-between;} .team_rank_main div.team_rank_score_name span{font-size:12px;display:inline-block;color: var(--muted-text);} .team_rank_main div.team_rank_score_name.madrid-selected{display: flex;justify-content:space-between;} .team_rank_main div.team_rank_score_name span:nth-child(1){width: 10%;text-align: center} .team_rank_main div.team_rank_score_name span:nth-child(2){width: 40%;text-align: left} .team_rank_main div.team_rank_score_name span:nth-child(3){width: 20%;text-align: center} .team_rank_main div.team_rank_score_name span:nth-child(4){width: 20%;text-align: center} .team_rank_main .team_rank_score li.team_rank_score_name span{text-align: center;font-size: 14px;color: var(--muted-text);} .team_rank_main .team_rank_score li.team_rank_score_name span:nth-child(2){width: 40%;text-align: center} .team_rank_main .team_rank_score li span img{vertical-align: middle;padding-right: 5px;height: 16px;} .team_rank_main .team_rank_score li:nth-child(1) span i{background:var(--primary-color);color: var(--bg-color)} .team_rank_main .team_rank_score li:nth-child(2) span i{background:var(--hover-color);color: var(--bg-color)} .team_rank_main .team_rank_score li:nth-child(3) span i{background:var(--hover-color);color: var(--bg-color)} .team_rank_main .team_rank_score li span:nth-child(1){width: 10%;text-align: center;} .team_rank_main .team_rank_score li span:nth-child(2){width: 40%;text-align: left} .team_rank_main .team_rank_score li span:nth-child(3){width: 20%;text-align: center} .team_rank_main .team_rank_score li span:nth-child(4){width: 20%;text-align: center;color: var(--primary-color);} .team_rank_main .team_rank_score li span i{width: 22px;height: 22px;line-height: 22px;background:var(--light-bg);text-align: center;font-weight: 600;font-style: normal;display: inline-block;} .team_rank_main .team_rank_score li:nth-child(2n){background-color:var(--light-bg)} /* end index */ /* 当前位置 */ .madrid-position{padding-top:10px;font-size: 12px;color: var(--accent-color)} .madrid-position a{font-size: 12px;color: var(--accent-color)} /* 当前位置 */ /* 内页直播列表页 */ .match_zhibo_nav .icooff{display: none;} .match_zhibo_nav_m{display: none;} .madrid-match .match_time{font-size: 12px;color: var(--accent-color);display: flex;justify-content:flex-start;align-items: center;font-weight: 600} .madrid-match .match_time span{width: 5px;height: 5px;background: var(--accent-color);margin-right: 10px;border-radius: 50%} .match_zhibo_nav{width: 100%;} .match_zhibo_nav .main{padding:20px 0px;} .match_zhibo_nav .all{width:100%;line-height: 36px;border-radius: 6px;text-align: center;color:var(--accent-color);border:1px solid var(--light-bg);} .match_zhibo_nav .name{font-size: 14px;font-weight: 400;color: var(--muted-text);width:100%;margin-top: 20px;padding-bottom: 10px;} .match_zhibo_nav .name img{margin-right: 5px; vertical-align: middle;} .match_zhibo_nav .main{display: flex;flex-wrap: wrap;} .match_zhibo_nav .main a{text-align: center;background-color: var(--light-bg);line-height: 28px;border-radius: 5px;padding:0 10px;margin-right: 5px;margin-bottom: 5px; } .match_zhibo_nav .main a.madrid-selected{color: var(--bg-color);background-color: var(--accent-color);} .ny_match_list{width: 940px;} .match_show_date_tabs{height: 88px;background: var(--bg-color);display: flex;text-align: center} .match_show_date_tabs a{flex:1;font-size: 14px;font-weight: 400;color: var(--muted-text);display:flex;flex-direction:column;justify-content:center;align-items:center;} .match_show_date_tabs a p.day{font-size:18px;line-height: 1.5} .match_show_date_tabs a.madrid-active{background: var(--light-bg);color: var(--accent-color)} /* 内页赛事列表页 */ .match_saishi{background: var(--light-bg);} .match_saishi .pic{width:70px;height: 70px;border-radius: 50%;overflow: hidden;background-color: var(--bg-color);padding:10px;} .match_saishi .pic img{width: 100%;} .match_saishi .intro{width:calc(100% - 80px);color: var(--bg-color);font-size: 12px;line-height: 1.8;display:flex;justify-content: center;flex-direction: column;} .match_saishi .intro h3{font-size: 20px;font-weight: 400;padding-bottom: 5px;line-height: 1.5;color: var(--accent-color);font-size: 26px;} .match_saishi .content{font-size: 12px;color: var(--muted-text);line-height: 1.5;margin-top: 10px} .match_saishi .intro .content { max-height: 80px; overflow: hidden; } .match_saishi .intro .section { display: flex;width:100%; } .match_saishi .intro .content pre { white-space: pre-wrap; } .match_saishi .intro .content::before { content: ""; width: 100px; height: 100%; float: left; } .match_saishi .intro .content::after { content: ""; width: 100px; height: 100%; float: right; } .match_saishi .intro .btn { float: right; width: 100px; text-align: center; position: relative; left: calc(50% - 50px); transform: translateY(-100%); cursor: pointer; } .match_saishi .intro .btn::after { content: ""; display: block; height: 14px; background-color: var(--bg-color); transition: 0.2s background-color; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E %3Cpath d='M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z'%3E%3C/path%3E %3C/svg%3E") center/ 24px 24px no-repeat; } .match_saishi .intro .btn:hover::after { background-color: var(--bg-color); } .match_saishi .intro .btn::before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 34px; } .match_saishi .intro .madrid-text { box-sizing: border-box; width: 100%; float: right; line-height: 1.5; margin: 0; margin-left: -100px; -webkit-mask: linear-gradient(red 70px, transparent 80px); display: flex; flex-wrap: wrap; } .match_saishi .intro .madrid-text span{width:30%} .match_saishi .intro .madrid-text p{width:100%} .match_saishi .intro .content-check:checked + .content { max-height: fit-content; } .match_saishi .intro .content-check:checked + .content .btn { left: auto; right: calc(50% - 50px); } .match_saishi .intro .content-check:checked + .content .btn::after { transform: scaleY(-1); } .match_saishi .intro .content-check:checked + .content .madrid-text { -webkit-mask: none; } .match_saishi_info{font-size: 16px;font-family: Microsoft YaHei UI;font-weight: 400;color: var(--primary-color);} .match_saishi_info ul{display: flex;} .match_saishi_info ul li{display: inline-block;cursor: pointer;} .match_saishi_info ul li.tabs{border-bottom: 2px solid var(--bg-color);padding:8px 20px;color: var(--accent-color)} .match_saishi_info ul li.tabs.madrid-active{border-bottom: 2px solid var(--primary-color);color: var(--primary-color)} .madrid-right-side .hotvideos .hotvideosmain .hot_video_item{width: 100%} .madrid-right-side .hotvideos .hotvideosmain .hot_video_item a{width: 100%} /* topnewsmain */ .topnewsmain{padding:20px;background-color: var(--bg-color)} .news01{width: 440px;height:380px;position: relative;} .news02{width: calc(100% - 460px);height:380px;position: relative;} .news02 .item{width: 32%;overflow:hidden} .news02 .item a{display:block} .news02 .pic{width: 100%;height: 130px;display:flex;justify-content:center;align-items:center;overflow:hidden;margin-bottom:5px;} .news01 .pic{width: 100%;height: 380px;display:flex;justify-content:center;align-items:center;overflow:hidden;margin-bottom:5px;} .news01 p{width:100%;background: var(--accent-color);opacity: 0.5;position:absolute;bottom:0;left:0;color: var(--bg-color);line-height: 1.5;padding:10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .news02 img{margin-bottom: 5px;width: 100%} .news02 p{color: var(--accent-color);font-size:14px;line-height: 1.5;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .section-news{width: 100%;} .section-news .madrid-news-link{margin-top: 10px} .section-news .pic{width:136px;height:80px;display: flex;justify-content: center;align-items: center;overflow: hidden;} .section-news .pic img{width:100%;display: block;} .section-news .madrid-text{width:calc(100% - 148px);position: relative;} .section-news .madrid-text .title{line-height: 1.5;font-size: 14px;color: var(--primary-color);display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;} .section-news .madrid-text .madrid-match-time{position: absolute;bottom:0;width: 100%;text-align: left;color: var(--muted-text);font-size: 12px;} .section-videos{width: 100%;} .section-videos .madrid-videos-link a{display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; align-items: center; font-size: 14px;color: var(--primary-color);border-bottom: 1px solid var(--light-bg);padding:10px 0;} .section-videos .madrid-videos-link img{margin-right: 5px;width: 12px;height: 12px;vertical-align: middle;} .section-match{width: 100%;} .section-match .madrid-match a{display: flex; align-items: center; font-size: 14px;color: var(--primary-color);border-bottom: 1px solid var(--light-bg);padding:10px 0;} .section-match .madrid-match img{margin-right: 5px;width: 12px;height: 12px;vertical-align: middle;} .section-match .live_right_item{margin-bottom:5px;display:flex;justify-content:space-between; flex-direction: column;border-bottom:1px solid var(--light-bg);padding:5px 0} .section-match .live_right_item .top{font-size: 12px;color:var(--muted-text);margin-bottom: 10px;} .section-match .live_right_item .top a{font-size: 12px;color:var(--muted-text);font-weight: 600;} .section-match .live_team_left{width: 60%;text-align: left;} .section-match .live_team_left a{display: flex;flex-direction: row;align-items: center;justify-content: space-between;} .section-match .live_team_left a .madrid-teams{display: flex;flex-direction: row;align-items: center;} .section-match .live_team_left img{display:block;width:26px;height:26px;vertical-align:middle;margin:2px 5px 2px 0px;} .section-match .live_team_left span{font-size: 14px;} .section-match .live_team_right{display: flex;justify-content:center;flex-direction: column; align-items: center} .section-match .live_team_right a{width: 80px;background: var(--primary-color);border-radius: 4px;text-align: center;line-height: 32px;color: var(--bg-color);font-size: 14px;} .video_list ul{margin-top:10px;} .video_list li {font-size: 14px;font-weight: 400;color: var(--accent-color);border-bottom:1px solid var(--light-bg);padding: 10px 0;} .video_list li a{display: flex;justify-content: space-between;color:var(--muted-text);font-size: 12px;} .video_list li a p{display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;color: var(--primary-color);font-size: 14px;padding-bottom: 5px;} .video_list li a .madrid-article-body{width:calc(100% - 45px);font-size:12px;} .video_list li:hover{background-color:var(--light-bg);} .video_list li:hover a{display: flex;justify-content: space-between;color:var(--primary-color);font-size: 12px;} .video_list li:hover a p{display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;color:var(--primary-color);font-size: 14px;padding-bottom: 5px;} .video_list li:nth-last-child(1){border:0;margin:0;} .tags_list li{font-size:14px;font-weight:400;margin-right:2px;margin-top:8px;padding:5px 12px;display:inline-block;line-height:22px;background: var(--light-bg); } .tags_list li:hover{background:var(--primary-color)} .tags_list li:hover a{color:var(--bg-color);display:block} .madrid-article-tags { margin: 25px 0; } .tag_label { font-weight: bold; margin-right: 10px; } .tag_list { display: inline; } .tag_list a { display: inline-block; background: var(--light-bg); border-radius: 15px; padding: 3px 12px; margin: 5px 5px 5px 0; color: var(--primary-color); font-size: 12px; text-decoration: none; transition: all 0.3s ease; } .tag_list a:hover { background: var(--primary-color); color: var(--bg-color); } .madrid-friends-wrapper { background: var(--accent-color); padding: 10px 0; } .madrid-friends-wrapper .madrid-container a { line-height: 1.8; margin: 0 5px; font-size: 14px; color: var(--muted-text) } /* footer */ .madrid-footer { width: 100%; padding: 20px 0; background: var(--accent-color); text-align: center; color: var(--muted-text); } .madrid-footer .madrid-footer-desc { font-size: 14px; font-weight: 400; color: var(--muted-text); } .madrid-footer .madrid-copyright { color: var(--muted-text); font-size: 12px; line-height: 24px; } .madrid-footer .madrid-copyright a { color: var(--muted-text); } /*首页完 */ /** 直播列表页 **/ [class*=" fa-"], [class^=fa-] { position:relative; display:inline-block; font-family:FontAwesome; font-style:normal; font-weight:400; -webkit-transform:translate(0, 0); -ms-transform:translate(0, 0); -o-transform:translate(0, 0); transform:translate(0, 0); text-rendering:auto; speak:none; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale } @font-face { font-family: FontAwesome; font-style: normal; font-weight: 400; src: url(../fonts/fontawesome-webfont.eot); src: url(../fonts/fontawesome-webfont.eot) format('embedded-opentype'), url(../fonts/fontawesome-webfont.woff2) format('woff2'), url(../fonts/fontawesome-webfont.woff) format('woff'), url(../fonts/fontawesome-webfont.ttf) format('truetype'), url(../fonts/fontawesome-webfont.svg) format('svg') } .fa-database:before { content: "\f1c0" } .fa-question:before { content: "\f128" } .fa-download:before { content: "\f019" } .fa-angle-right:before { content: "\f105" } .fa-angle-up:before { content: "\f106" } .fa-angle-down:before { content: "\f107" } .fa-comments-o:before { content: "\f0e6"; } .fa-star-empty:before { content: "\f006"; } .fa-eye:before { content: "\f06e" } .fa-star:before { content: "\f005"; } .fa-user-o:before{ content:"\f2c0"; } .match_saishi_info{font-size: 16px;font-family: Microsoft YaHei UI;font-weight: 400;color: var(--primary-color);} .match_saishi_info ul{display: flex;border-bottom: 1px solid var(--light-bg);} .match_saishi_info ul li{display: inline-block;cursor: pointer;} .match_saishi_info ul li.tabs{border-bottom: 2px solid var(--bg-color);padding:8px 20px;color: var(--accent-color)} .match_saishi_info ul li.tabs.madrid-active{border-bottom: 2px solid var(--primary-color);color: var(--primary-color)} /** 直播内容页 **/ .zhibotit{color: var(--accent-color);font-size:24px;font-weight: 400;line-height: 2} .match_allinfo{width:100%;} .match_allinfo .top{background:url("../images/img_match.png") no-repeat 100% 100%;height:200px;display: flex;justify-content: space-between; } .match_allinfo .top .zhudui,.match_allinfo .top .kedui{display: flex;justify-content:center;width: 30%;flex-direction: column;align-items: center;} .match_allinfo .top .qiudui_logo{width: 92px; height: 92px; overflow: hidden;display: flex;justify-content:center;align-items: center;} .match_allinfo .top .qiudui_logo img{max-height:88px;max-width: 80%;} .match_allinfo .top .qiudui_name{font-size: 16px;color: var(--bg-color);text-align: center;line-height:1.5;padding-top:15px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden; } .match_allinfo .top .zhuangtai{display: flex;flex-direction: column;justify-content: space-between;padding:30px 0;text-align: center;color:var(--muted-text);width: 30%} .match_allinfo .top .zhuangtai span{padding:0 10px} .match_allinfo .top .zhuangtai .bf{line-height:92px;font-weight: 600;font-size: 36px;text-align: center;color: var(--bg-color);display: flex;justify-content: space-between;width: 100%} .match_allinfo .top .zhuangtai .bf span{font-size:36px;} .match_allinfo .top .zhuangtai .zt{font-size: 16px;color: var(--hover-color)} .match_allinfo{ position: relative; } .match_allinfo .match_text{position: absolute;width: 100%;height: 100%;top:0;left:0;display: flex;justify-content: center;align-items: center;} .match_allinfo .match_text .madrid-teams{ width:30%;display: flex;justify-content: center;align-items: center;flex-direction: column;font-size: 20px;color: var(--bg-color)} .match_allinfo .match_text .madrid-teams .qiudui_logo{height: 150px;} .match_allinfo .match_text .madrid-teams .qiudui_logo img{height: 150px;} .match_allinfo .match_text .madrid-teams .qiudui_name{line-height: 3} .match_allinfo .match_text .madrid-vs{ width:20%;display: flex;justify-content: center;align-items: center;flex-direction: column;font-size: 20px;color: var(--muted-text) } .match_allinfo .match_text .madrid-vs img{padding:30px 0;} .match_allinfo{ position: relative; } .match_allinfo .match_text{position: absolute;width: 100%;height: 100%;top:0;left:0;display: flex;justify-content: center;align-items: center;} .match_allinfo .match_text .madrid-teams{ width:30%;display: flex;justify-content: center;align-items: center;flex-direction: column;font-size: 20px;color: var(--bg-color)} .match_allinfo .match_text .madrid-teams .qiudui_logo{height: 150px;} .match_allinfo .match_text .madrid-teams .qiudui_logo img{height: 150px;} .match_allinfo .match_text .madrid-teams .qiudui_name{line-height: 3} .match_allinfo .match_text .madrid-vs{ width:20%;display: flex;justify-content: center;align-items: center;flex-direction: column;font-size: 20px;color: var(--muted-text) } .match_allinfo .match_text .madrid-vs img{padding:30px 0;} .match_allinfo .match_info p{font-size: 14px;font-weight: 400;color: var(--muted-text);} .match_allinfo .match_info p.t1{font-size: 16px;color: var(--primary-color);padding: 10px 0;} .match_allinfo .tagys{box-sizing: border-box;display: inline-block;vertical-align: middle;font-size: 14px;padding:0 10px;background-color:var(--light-bg);margin-right:5px;border-radius: 14px;text-align: center;line-height: 28px;} .match_analysis{background-color: var(--bg-color)} .match_analysis .senav{background: var(--light-bg);display: flex;} .match_analysis .senav span{font-size: 18px;font-weight:600;color: var(--muted-text);line-height:50px;text-align: center;cursor:pointer;flex:1;} .match_analysis .senav span.madrid-selected{color:var(--primary-color);background:var(--light-bg);} .match_analysis .item{display: none} .match_analysis .item.madrid-selected{display: block} .match_analysis .tabmain .sqfx{padding:20px;} .match_analysis .tabmain .bszr{padding:20px;} .match_analysis .tabmain .jstj{padding:20px;} .match_analysis .tabmain .bcsk{padding:20px;} .match_analysis .item .column_hd h2{font-weight: bold;color: var(--accent-color);font-size: 16px;} .match_info .zhibo_info{margin-top:10px;} .sqfx_top{display: flex;justify-content:space-between;width:100%;border-bottom: 1px solid var(--light-bg);padding:20px 0; } .sqfx_top .madrid-teams{width: 40%;display: flex;justify-content: center;align-items: center;} .sqfx_top img{width: 50px;height: 50px;margin:0px 10px;} .sqfx_box{width: 100%;font-size: 16px;font-weight: 400;color: var(--accent-color);position: relative;line-height: 26px;display: flex} .sqfx_box:before{content:"";width: 4px;height: 26px;background: var(--muted-text);margin-right: 10px;display: inline-block;} .match_info .zhibo_info{margin-top:10px;} .match_info .zhibo_info_tag{margin-top:10px;} .match_info .zhibo_info_tag a{ background: var(--light-bg); color: var(--primary-color); text-align: center; padding: 5px 15px; line-height: 30px; margin:0 5px; font-size:12px; } .zhibo_btn a{ background:var(--primary-color); color:var(--bg-color); border-radius: 6px; text-align: center; padding: 2px 10; line-height: 43px; font-size: 16px; margin:0px 5px 10px 0; display: inline-block; text-indent: 0; padding:2px 10px } .nosignel{background-color: var(--light-bg) !important;color:var(--accent-color) !important} .other_zhibo_s1{border:1px solid var(--primary-color);background:var(--light-bg);border-radius:5px;margin-bottom:10px;height:45px; overflow:hidden;width:calc(100% - 100px);box-sizing: border-box;} .other_zhibo_s1 .t_news{ height:43px; color:var(--accent-color);overflow:hidden; position:relative;} .other_zhibo_s1 .t_news b{ line-height:43px; font-weight:normal; display:inline-block;background:var(--primary-color);padding:0 10px;font-size:16px;color:var(--bg-color)} .other_zhibo_s1 .news_li li{height:43px;overflow:hidden} .other_zhibo_s1 .news_li li a{color:var(--primary-color);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .other_zhibo_s1 .news_li,.other_zhibo_s1 .swap{ line-height:43px; display:inline-block; position:absolute;left:72px;color:var(--primary-color);} .other_zhibo_s1 .swap{top:43px;} .other_zhibo_s1 .swap li{height:43px;overflow:hidden} @media (max-width: 780px) { .other_zhibo_s1{display:block;width:100%;margin-top:10px} } .boxB ul li{font-size:14px;color: var(--accent-color);display:flex;padding:10px 0} .boxB ul li.top{} .boxB ul li span{width:14%;text-align:center} .boxB ul li span:nth-child(1){width:16%} .boxB ul li.top{color:var(--muted-text)} .boxC ul li{display: flex;width:100%;justify-content:space-between;align-items: center;padding:16px 0;} .boxC ul li .progress{width:calc((100% - 138px)/2);} .boxC ul li em img{vert-align:center;} .boxC ul li .num{width:38px;text-align:center;color:var(--accent-color);font-size:14px;font-weight: 600} .boxC ul li .name{width:100px;text-align:center;color: var(--muted-text);font-size:14px;} .boxC ul li .progress_zd{height:8px;border-radius: 0;background: var(--light-bg);position:relative;} .boxC ul li .progress_zd span{background: var(--primary-color);height:8px;position: absolute;left:0;top:0;} .boxC ul li .progress_kd{height:8px;border-radius: 0;background: var(--light-bg);position:relative;} .boxC ul li .progress_kd span{background: var(--secondary-color);height:8px;position: absolute;right:0;top:0;} .boxT{display:flex;} .boxT .teamName{width:160px;} .boxT dl{width:calc(100% - 180px);} .boxT dl{width:calc(100% - 180px);display:flex;} .boxT dl span{flex:1;text-align:center} .boxD{height:450px;overflow:hidden} .boxD{font-size:13px;line-height:1.5;color:var(--muted-text);} .boxD p{box-shadow: 0 0.1rem 0.88rem 0 rgba(0,0,0,.06);border-radius: 0.26rem;padding: 8px 20px;margin: 10px 0;position:relative} .boxD p.main1:before{content: ""; position: absolute; width: 100px; height: 36px; right: -10px; top: -10px; background-position: 100% 100%; background-repeat: no-repeat; background-image: url(../images/ico-1.png);} .boxD p.main2:before{content: ""; position: absolute; width: 100px; height: 36px; right: -10px; top: -10px; background-position: 100% 100%; background-repeat: no-repeat; background-image: url(../images/ico-2.png);} .boxD p.main3:before{content: ""; position: absolute; width: 100px; height: 36px; right: -10px; top: -10px; background-position: 100% 100%; background-repeat: no-repeat; background-image: url(../images/ico-3.png);} .boxD .part{width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:20px;} .boxD .part span{width:20%;display:block;text-align: center;background: var(--light-bg);line-height:32px;color:var(--accent-color)} .boxD .part span.madrid-selected{background: var(--primary-color);line-height:32px;color:var(--bg-color)} .boxD .partdetail{display:none} .boxD .partdetail.madrid-show{display:block} .boxD .match_list_more{} .live_right_item{font-size:15px;margin-bottom:20px;display:flex;justify-content:space-between;margin:5px 0;border-bottom:1px solid var(--light-bg);padding:15px 0} .live_right_item_bd_team_left,.live_right_item_bd_team_right{width: 35%;text-align: center;} .live_right_item_bd_team_left a,.live_right_item_bd_team_right a{display: flex;flex-direction: column;justify-content: space-between;} .live_right_item_bd_team_left img,.live_right_item_bd_team_right img{display:block;width:38px;height:38px;vertical-align:middle;margin:5px auto;} .live_right_item_hd{display: flex;justify-content:center;flex-direction: column;text-align: center;border-bottom:0px;padding:5px;border:0!important;} .live_right_item_hd_date{color: var(--muted-text);font-size: 12px;} .live_right_item_hd_league a{color: var(--muted-text);font-size: 14px;} .live_right_item_bd_action{margin:10px 0;} .live_right_item_bd_action a{background: var(--light-bg);color: var(--primary-color);text-align:center;padding:5px 15px;line-height:30px} .live_right_item_hd .live_right_item_bifen{margin-bottom: 5px;} .live_right_item_hd .live_right_item_bifen span{font-size: 20px;font-weight: bold;color: var(--accent-color);} .xiangguanzhibomain .madrid-teams{width:calc(50% - 25px);} .xiangguanzhibomain .madrid-teams a{display: flex;justify-content:flex-start;align-items: center} .xiangguanzhibomain .madrid-teams.zhudui a{justify-content:flex-end;} .xiangguanzhibomain .madrid-teams.kedui a{justify-content:flex-start;} .xiangguanzhibomain .madrid-teams img{display:block;width:26px;height:26px;vertical-align:middle;margin:2px 5px;} .xiangguanzhibomain .madrid-teams span{font-size: 14px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .xiangguanzhibomain .play_button{display: flex;justify-content:center;flex-direction: column; align-items: center;width: 30px;} /** 直播内页篮球球员积分排名 **/ .baskball_part{width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:20px;} .baskball_part span{width:20%;display:block;text-align: center;background: var(--light-bg);line-height:32px;color:var(--accent-color)} .baskball_partmain .baskball_part_qiuyuan_bifen .madrid-row{width:100%;display:flex;justify-content: space-between;padding:5px 0;} .baskball_partmain .baskball_part_qiuyuan_bifen .madrid-row.top{border-top:1px solid var(--light-bg);text-align: center;padding:10px 0;} .baskball_partmain .baskball_part_qiuyuan_bifen .madrid-row.top span{color: var(--muted-text);font-size: 12px;} .baskball_partmain .baskball_part_qiuyuan_bifen .madrid-row .l{width:150px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .baskball_partmain .baskball_part_qiuyuan_bifen .madrid-row .l img{vertical-align: bottom;} .baskball_partmain .baskball_part_qiuyuan_bifen .madrid-row .r{width:calc(100% - 150px); display:flex} .baskball_partmain .baskball_part_qiuyuan_bifen .madrid-row .r span{flex:1;text-align: center;} .baskball_partmain .baskball_part_qiuyuan_bifen .madrid-row .r span{color:var(--accent-color)} .baskball_part span.madrid-selected{background: var(--primary-color);line-height:32px;color:var(--bg-color)} .baskball_partmain .baskball_part_qiuyuan_bifen{display:none} .baskball_partmain .baskball_part_qiuyuan_bifen.madrid-show{display:block} @media (max-width: 480px) { .baskball_partmain .baskball_part_qiuyuan_bifen span{font-size:12px;} .baskball_partmain .baskball_part_qiuyuan_bifen .madrid-row .l{width:60px;} .baskball_partmain .baskball_part_qiuyuan_bifen .madrid-row .l img{display:none} .baskball_partmain .baskball_part_qiuyuan_bifen .madrid-row .r{width:calc(100% - 60px); display:flex} } /** 直播内容页 **/ /** 新闻列表页 **/ .madrid-news-sidebar{} .madrid-news-sidebar .senav{border-bottom: 1px solid var(--light-bg);padding:20px 20px 15px 20px;} .madrid-news-sidebar .senav a{font-size: 16px;color: var(--accent-color);padding: 10px 10px 14px 10px;line-height: 1.5;} .madrid-news-sidebar .senav a.madrid-selected{color:var(--primary-color);} .madrid-news-sidebar .senav2{line-height: 40px;padding:0 20px;} .madrid-news-sidebar .senav2 span a{min-width: 64px;line-height: 22px;background: var(--light-bg);border-radius: 11px;display: inline-block;text-align: center;font-size: 12px;margin-right: 5px;} .madrid-news-sidebar .senav2 span.madrid-selected a{color: var(--bg-color);background-color:var(--primary-color)} .madrid-news ul{padding:0px;} .madrid-news ul li:after{content:"";border-bottom: 1px solid var(--light-bg);display: block;margin:15px 0;width: 100%} .madrid-news ul li .pic{width: 160px;height: 105px;display:flex;justify-content: center;align-items: center;overflow: hidden;} .madrid-news ul li .pic img{width:100%} .madrid-news ul li .madrid-text{padding:0px 0px 0px 10px;position: relative;width:calc(100% - 170px);display: flex;justify-content: space-between;flex-direction: column;} .madrid-news ul li .tit{font-size: 16px;color: var(--accent-color);line-height: 28px;padding-bottom:5px} .madrid-news ul li .desc{font-size: 12px;color: var(--muted-text);line-height: 1.5;padding-bottom: 10px;} .madrid-news ul li .st{font-size: 12px;color: var(--muted-text);} .madrid-news ul li .st img{vertical-align: middle;margin-right: 5px;} .madrid-news ul li:last-child:after{display: none} .loadmore{font-size: 16px;color: var(--primary-color);margin:0 auto;font-weight: 600;width: 100px;text-align: center;cursor: pointer;} .madrid-pagination{display:flex;justify-content: center;padding: 20px 0;} .madrid-pagination ul li{ display: inline-block;font-size: 12px;margin:0 3px;line-height: 1.5;} .madrid-pagination ul li a{font-size: 12px;color: var(--muted-text);display: block;padding:2px 8px;background:var(--light-bg);} .madrid-pagination ul li a:hover{background-color:var(--primary-color);color:var(--bg-color);} .madrid-pagination ul li.madrid-active a{background-color:var(--primary-color);color:var(--bg-color);} .madrid-news .loadmore{width: 200px;height: 36px;margin:0px auto;text-align: center;line-height: 36px;color:var(--primary-color);border:1px solid var(--primary-color);border-radius: 18px;} .madrid-news .loadmore a{color:var(--primary-color);} /** 新闻内容页 **/ .madrid-article{} .madrid-article .madrid-article-title{font-size: 22px;font-weight: 600;line-height: 2;color: var(--primary-color);} .madrid-article .madrid-article-info{font-size: 12px;color: var(--muted-text);padding: 10px 0 10px 0;border-bottom:1px solid var(--light-bg);margin-bottom: 20px;} .madrid-article .madrid-article-body p{margin-bottom: 10px;line-height: 1.5;font-size: 14px;color: var(--accent-color)} .madrid-article .madrid-article-body img {display: block;margin: 10px auto;} .madrid-article .madrid-article-body .red{color: var(--primary-color);font-size: 18px;} .madrid-article .madrid-article-body .red p{font-size: 16px;} .madrid-article .madrid-article-body .red a{color: var(--primary-color);font-size: 16px;font-weight: 600} .madrid-article .madrid-article-body video{max-height: 480px!important; max-width: 100%!important; margin:10px auto; display: block;} .madrid-article-nav{margin-top: 20px;} .madrid-article-nav a{display: block;color: var(--muted-text);font-size: 14px;padding-bottom:10px;} .madrid-article-nav a span{color:var(--primary-color);font-weight: 600} .art_tag{width: 64px;line-height: 22px;background: var(--light-bg);border-radius: 11px;display: inline-block;text-align: center;font-size: 12px;} /** 新闻内容页底部新闻 **/ .tuijian_newslist_main ul{display: grid;grid-template-columns: repeat(4, 1fr); grid-gap: 20px;padding:20px 0; } .tuijian_newslist_main ul li{} .tuijian_newslist_main ul li .pic{width:100%;height:128px;overflow: hidden;} .tuijian_newslist_main ul li .pic img{width:100%;} .tuijian_newslist_main ul li a{display: block;width:100%;height:100%;} .tuijian_newslist_main ul li .tit{font-size: 14px;padding:5px 0;} #djs{color:var(--hover-color);font-size:16px;text-align: center;width:100%;display: block;margin-top: 10px;} /** 新闻列表页右侧热点新闻 **/ .hot_news_list ul li{background: var(--light-bg);border-radius: 8px;padding:8px;display: flex;justify-content: space-between;margin-top: 10px} .hot_news_list ul li span{display: block;width: 20px;display: flex;flex-direction: column;justify-content: center;font-size: 20px;align-items: center;color: var(--primary-color);} .hot_news_list ul li a{display: block;width: calc(100% - 26px);font-size: 14px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;color: var(--primary-color);} .hot_news_list ul li:hover a{color: var(--primary-color);} .hot_news_list ul li:nth-child(1) span{color: var(--primary-color);} .hot_news_list ul li:nth-child(2) span{color: var(--primary-color);} .hot_news_list ul li:nth-child(3) span{color: var(--primary-color);} .hot_news_list ul li:nth-child(4) span{color: var(--primary-color);} .hot_news_list ul li:nth-child(5) span{color: var(--primary-color);} .hot_news_list ul li:nth-child(6) span{color: var(--primary-color);} .hot_news_list ul li:nth-child(7) span{color: var(--primary-color);} .hot_news_list ul li:nth-child(8) span{color: var(--primary-color);} .hot_news_list ul li:nth-child(9) span{color: var(--primary-color);} .hot_news_list ul li:nth-child(10) span{color: var(--primary-color);} /** 新闻列表页 **/ /** 录像列表页 **/ .madrid-replays ul{display: flex;justify-content:space-between;flex-wrap: wrap;} .madrid-replays li {font-size: 14px;font-weight: 400;color: var(--accent-color);border-bottom:1px solid var(--light-bg);padding: 10px;width:49%} .madrid-replays li a{display: flex;justify-content: space-between;color:var(--muted-text);font-size: 12px;} .madrid-replays li a p{display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;color: var(--primary-color);font-size: 14px;padding-bottom: 5px;} .madrid-replays li a .madrid-article-body{width:calc(100% - 45px);font-size: 12px;} .madrid-replays li:hover{background-color:var(--light-bg);} .madrid-replays li:hover a{display: flex;justify-content: space-between;color:var(--primary-color);font-size: 12px;} .madrid-replays li:hover a p{display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;color: var(--primary-color);font-size: 14px;padding-bottom: 5px;} /** 录像列表页 **/ /** 专题页 **/ .hot_zt_intro{display: flex;justify-content: center;flex-direction: column;} .hot_zt_intro .pic{display: flex;margin-bottom:18px;} .hot_zt_intro .pic img{height:40px;background-color:var(--primary-color);border-radius:10px;padding:5px 15px;display:block} .hot_zt_intro .pic span{padding:10px;border-radius: 10px;color:var(--primary-color);font-size:18px;font-weight: 600;} .hot_zt_intro h1{border-radius: 10px;color:var(--primary-color);font-size:22px;font-weight: 600;text-align:center;line-height:40px;padding:0 10px 0 0} .hot_zt_intro .madrid-text{font-size:14px;line-height:1.5;font-weight:400;overflow:hidden;background: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));} .hot_zt_intro .madrid-text.madrid-show{height:auto!important;max-height:unset!important} #loadMoreBtn{margin: 10px auto 0px auto; border-radius: 5px; background-color:var(--secondary-color); font-size: 12px; display: block; padding: 5px 20px; color: var(--bg-color); display: flex; justify-content: center; align-items: center; } #loadMoreBtn span{color:var(--bg-color);} #loadMoreBtn img{height:12px;padding-left:3px;} #loadMoreBtn img.up{transform:rotateX(-180deg);} .rel a{padding:3px 5px;border-radius:8px;background-color:var(--muted-text);color:var(--bg-color);display:inline-block;margin:5px 5px 2px 0px;font-size:14px;} #match_zt_jieshao{position: relative;padding: 0;overflow: hidden;max-height:150px;overflow:hidden;line-height: 1.6;} #match_zt_jieshao p{line-height: 1.6;margin-bottom: 5px;} #match_zt_jieshao img{width:100%!important;max-width:500px!important;height:auto!important;margin:10px auto;display:block} /** 专题页 **/ /** 球队球员 **/ .qiuyuanlist{} .qiuyuanlist{width:100%;} .qiuyuanlist .hot_qiuyuan_main{width:100%;display: flex;flex-wrap: wrap;margin-bottom:30px;} .qiuyuanlist .hot_qiuyuan_main .hot_member_item{width:23%;margin:1%} .qiuyuanlist .hot_qiuyuan_main .hot_member_item a{display: flex;width: 100%;height: 100%;} .qiuyuanlist .hot_qiuyuan_main .hot_member_item .pic{width: 60px;height: 60px;display: flex;justify-content:center;overflow: hidden;background: var(--light-bg);border-radius: 3px;align-items: center;} .qiuyuanlist .hot_qiuyuan_main .hot_member_item .pic img {padding: 8px;max-width: 100%;max-height: 100%;height: auto;} .qiuyuanlist .hot_qiuyuan_main .hot_member_item .info {width:calc(100% - 68px);color: rgba(0, 0, 0, 1);font-size: 14px;display: flex;justify-content: space-between;flex-direction: column;padding:5px 0px 5px 10px;} .qiuyuanlist .hot_qiuyuan_main .hot_member_item .info em{font-size: 12px;font-weight: 400;color:var(--muted-text);} .qdqyinfo .qdqy_logo{background:url("../images/bg_qiuyuan.png") no-repeat;padding:25px 0px 10px 20px;display:flex;align-items:center} .qdqyinfo .qdqy_logo img{width:80px;height:80px;border-radius: 50%;padding:5px;background:var(--bg-color);} .qdqyinfo .qdqy_logo h1{font-size: 24px;line-height: 2;color:var(--bg-color);padding-left:20px;} .qdqyinfo .qy_qyxx ul{display: flex;flex-wrap: wrap;justify-content: space-between;padding:5px 0} .qdqyinfo .qy_qyxx ul li{display: flex;width:32.333%;border:1px solid var(--light-bg);border-radius:8px;box-sizing: border-box;justify-content: center;flex-direction: column;align-items: center;padding:15px 0;font-size: 16px;font-weight: 400;color: var(--accent-color);margin:5px 0;} .qdqyinfo .qy_qyxx ul li span{color: var(--muted-text);font-size: 12px;display:block;padding-top:5px;} .qdqy_lmtit{font-size: 16px;font-weight: 600;padding:20px 0;} .qdqy_lmjieshao{border:1px solid var(--light-bg);border-radius:8px;padding:20px;line-height:1.8} .madrid-tournament .madrid-teams{padding:0px;} .madrid-tournament .madrid-teams .qiudui_item{width:120px;margin:1%;display: flex;flex-direction: column;justify-content: space-between;} .madrid-tournament .madrid-teams .qiudui_item .pic{ width: 120px;height: 120px;background: var(--light-bg);padding:7px;display: flex; justify-content: center; align-items: center;} .madrid-tournament .madrid-teams .qiudui_item .pic img{ width: 96px;height: 96px;} .madrid-tournament .madrid-teams .qiudui_item .title{ width:100%;text-align: center;} .madrid-tournament .madrid-teams .qiudui_item .title p{font-weight: 600;color: var(--primary-color);line-height: 2;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .madrid-tournament .madrid-teams .qiudui_item .title .t2{font-size: 12px;color: var(--muted-text);font-weight: 400;padding-top: 10px;} .madrid-tournament .madrid-teams .qiudui_item .title .t2 a{color: var(--muted-text)} /** 球队球员 **/ /** 移动导航按钮 **/ .madrid-mobile-menu{padding:15px 10px} .madrid-mobile-menu img{height: 22px;} /** 移动导航按钮 **/ /** 底部导航按钮 **/ .madrid-bottom-nav{position:fixed;bottom:0;width:100%;display:flex;border-top:2px solid var(--light-bg);padding:5px 0;background:var(--bg-color);z-index:100;display:none} .madrid-bottom-nav a{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;color: var(--muted-text);} .madrid-bottom-nav a i{width:25px;height:25px;display:block;} .madrid-bottom-nav a i.madrid-home-link{background:url("../images/nav_home_0.png") no-repeat;background-size:100% 100%} .madrid-bottom-nav a i.madrid-basketball-link{background:url("../images/nav_basketball_0.png") no-repeat;background-size:100% 100%} .madrid-bottom-nav a i.madrid-football-link{background:url("../images/nav_football_0.png") no-repeat;background-size:100% 100%} .madrid-bottom-nav a i.madrid-videos-link{background:url("../images/nav_videos_0.png") no-repeat;background-size:100% 100%} .madrid-bottom-nav a i.madrid-news-link{background:url("../images/nav_news_0.png") no-repeat;background-size:100% 100%} .madrid-bottom-nav a i.ozb{background:url("http://057.3dtest.kq8.vip/template/pc/images/nav_ozb_0.png") no-repeat;background-size:100% 100%} .madrid-bottom-nav a.madrid-selected{color: var(--accent-color);} .madrid-bottom-nav a.madrid-selected i{width:25px;height:25px;display:block;} .madrid-bottom-nav a.madrid-selected i.madrid-home-link{background:url("../images/nav_home_1.png") no-repeat;background-size:100% 100%} .madrid-bottom-nav a.madrid-selected i.madrid-basketball-link{background:url("../images/nav_basketball_1.png") no-repeat;background-size:100% 100%} .madrid-bottom-nav a.madrid-selected i.madrid-football-link{background:url("../images/nav_football_1.png") no-repeat;background-size:100% 100%} .madrid-bottom-nav a.madrid-selected i.madrid-videos-link{background:url("../images/nav_videos_1.png") no-repeat;background-size:100% 100%} .madrid-bottom-nav a.madrid-selected i.madrid-news-link{background:url("../images/nav_news_1.png") no-repeat;background-size:100% 100%} .madrid-bottom-nav a.madrid-selected i.ozb{background:url("http://057.3dtest.kq8.vip/template/pc/images/nav_ozb_1.png") no-repeat;background-size:100% 100%} @media (max-width: 780px) { footer{margin-bottom:50px;} .madrid-bottom-nav{display:flex;} } /** 移动导航按钮 **/ @media (max-width: 1200px) { .madrid-margin-96{width:96%;margin:2%;} .madrid-container{max-width:100%} .topnewsmain{padding:1%;width:100%} .madrid-left-side{width:100%} .madrid-right-side{width:100%} .madrid-position .madrid-container{width:96%;margin:0 2%} .match_top .swiper-button-next{display: none;} .match_top .swiper-button-prev{display: none;} } @media (max-width: 780px) { .bernabeu-header {height: auto;line-height:unset;} .madrid-squad{width: 35%;background-color:var(--bg-color);display: none;position: fixed;right: 0;top: 50px;height: 100%;z-index: 999;} .madrid-emblem img{height:50px;} .madrid-squad a{font-size: 16px;font-weight:400;color:var(--accent-color);display: block;line-height: 45px;text-align: center;border-bottom:2px solid var(--light-bg)} .madrid-squad a.madrid-active {font-size: 16px;font-weight:400;color: var(--bg-color);display: block;line-height: 45px;text-align: center;height: auto;} .madrid-squad a.madrid-active:after{display: none} .swiper_top_news{margin:10px} .swiper_top_news .hot_news_item .title{height:auto} .swiper_top_news .hot_news_item .madrid-match-time{text-align:right} .madrid-section-nav{margin:10px;display:flex} .madrid-section-nav a{padding:0 6px;} .madrid-match .madrid-match-list{margin:10px;} .section-tit{padding:0 10px;} .madrid-match .match_filter{display:flex;flex-wrap:wrap} .madrid-match .match_filter_item{min-width:unset} .madrid-match .match_filter_roll{padding:10px 5px;} .madrid-match .match_filter_roll ul li{width:18%;margin:0.5% 1%} } @media (max-width: 1200px) { .madrid-margin-96{width:96%;margin:2%;} .madrid-container{max-width:100%} .topnewsmain{padding:1%;width:100%} .madrid-left-side{width:100%} .madrid-right-side{width:100%} .madrid-position .madrid-container{width:96%;margin:0 2%} .match_top .swiper-button-next{display: none;} .match_top .swiper-button-prev{display: none;} } @media (max-width: 780px) { .bernabeu-header {height: auto;line-height:unset;} .madrid-squad{width: 35%;background-color:var(--bg-color);display: none;position: fixed;right: 0;top: 50px;height: 100%;z-index: 999;} .madrid-emblem img{height:50px;} .madrid-squad a{font-size: 16px;font-weight:400;color:var(--accent-color);display: block;line-height: 45px;text-align: center;border-bottom:2px solid var(--light-bg)} .madrid-squad a.madrid-active {font-size: 16px;font-weight:600;color:var(--bg-color);display: block;line-height: 45px;text-align: center;background:var(--primary-color)} .madrid-dark{display:block} .topnewsmain{padding:2%;} .news01{width: 100%;margin-bottom: 5px;height: auto;} .news01 .pic{height: 180px;} .news02{width: 100%;height: auto;} .news02 .item{width: 32%} .news02 .pic{height: 80px;} .madrid-left-side{width: 100%;float: none;} .madrid-right-side{width: 100%;float: none;} .bghui{padding:0 10px;} .match_top .madrid-match{width: 96%;margin:2%;height: auto;overflow: hidden;} .madrid-match .madrid-match-item {display: block;padding:10px;} .madrid-match .madrid-match-item .madrid-info-left {display: flex;justify-content: space-between;margin-bottom: 5px;} .madrid-match .madrid-match-item .madrid-info-left .madrid-match-time{font-size: 12px;} .madrid-match .madrid-match-item .madrid-info-left .madrid-league{width: 80%;text-align: right;} .madrid-match .madrid-match-item .madrid-info-center {justify-content: space-between;} .madrid-match .madrid-match-item .madrid-info-center .madrid-score{padding:0 5px;} .madrid-match .madrid-match-item .madrid-info-center .madrid-home-link .madrid-left{width: auto;margin-right: 10px;} .madrid-match .madrid-match-item .madrid-info-center .madrid-away .madrid-right{width: auto;} .madrid-match .madrid-match-item .madrid-info-right{display: block;width: 100%;margin-top: 5px;} .madrid-match-item .madrid-info-center .madrid-home-link .madrid-left .madrid-text{padding:0 5px;width: 100px;} .madrid-match-item .madrid-info-center .madrid-away .madrid-right .madrid-text{width: 100px;text-align: right;} .madrid-section-title .madrid-section-more{display: none;} .luxiangtuijian .section-tit-nav2{display:grid;grid-template-columns: 1fr 1fr 1fr;} .luxiangtuijian .section-tit-nav2 span{line-height:32px;margin-bottom:2px;} .hotnews .hotnewsmain .hotnewsmainbox .hot_news_item{width: 48%;} .match_saishi .intro .madrid-text{-webkit-mask: linear-gradient(red 50px, transparent 60px);} .match_saishi .intro .content-check:checked + .content .madrid-text {-webkit-mask: none} /* 折叠按钮样式 */ .madrid-fold-broadcasts { display: flex; margin-top: 15px; } /* 确保更多按钮在同一行 */ .channels-container { position: relative; padding-right: 60px; /* 给更多按钮预留空间 */ } .madrid-more-broadcasts { position: absolute; right: 0; top: 0; } } @media (max-width: 480px) { .madrid-tournament .madrid-teams .qiudui_item{width:31.33%;margin:1%;display:flex;justify-content:center;align-items: center;} .madrid-tournament .madrid-teams .qiudui_item .pic{width:100%} .qdqyinfo .qdqy_logo h1 { font-size: 18px; line-height: 2; color: var(--bg-color); padding-left: 20px; } } .madrid-broadcast-channels { position: relative; margin-bottom: 15px; } /* 观看比赛标题行样式 */ .watch-title { display: flex; align-items: center; margin-bottom: 10px; } .watch-title img { width: 20px; height: 20px; margin-right: 5px; } .watch-title span { font-weight: bold; color: var(--accent-color); } /* 频道按钮容器 */ .channels-container { display: flex; align-items: center; flex-wrap: wrap; } /* 默认频道和隐藏频道区域 */ .default-channels, .madrid-hidden-broadcasts { display: flex; flex-wrap: wrap; /* 允许换行 */ align-items: center; } /* 按钮样式 */ .madrid-broadcast-channels a { display: inline-block; text-decoration: none; margin-right: 10px; /* 按钮之间的间距 */ margin-bottom: 8px; /* 行间距 */ } .madrid-broadcast-channels p { display: inline-block; margin: 0; padding: 2px 10px; color: var(--primary-color); border-bottom: 1px solid var(--primary-color); white-space: nowrap; /* 防止文字换行 */ } /* 更多按钮样式 */ .madrid-more-broadcasts { cursor: pointer; color: var(--muted-text); display: flex; align-items: center; margin-left: 5px; /* 与前面按钮保持一定距离 */ } /* 折叠按钮样式 */ .madrid-fold-broadcasts { display: none; cursor: pointer; color: var(--muted-text); align-items: center; margin-top: 8px; width: 100%; justify-content: center; } .arrow-down { display: inline-block; width: 0; height: 0; margin-left: 5px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid var(--muted-text); transition: transform 0.3s; } .arrow-up { transform: rotate(180deg); } /* 确保更多按钮在同一行 */ @media screen and (max-width: 767px) { .channels-container { position: relative; padding-right: 60px; /* 给更多按钮预留空间 */ } .madrid-more-broadcasts { position: absolute; right: 0; top: 0; } } /* 友情链接区域样式 */ .madrid-friend-links { padding: 15px; margin-bottom: 20px; } .madrid-friend-labels { margin-bottom: 15px; } /* 友情链接标题样式，确保与其他标题一致 */ .madrid-friend-links .madrid-section-name h3 { font-weight: 600; color: var(--bg-color); font-size: 16px; } /* 修改友情链接样式，使用lmsenav相同的样式 */ .madrid-friend-labels .madrid-section-nav a { color: var(--accent-color); font-size: 14px; background: var(--light-bg); border-radius: 6px; line-height: 32px; padding: 0 10px; display: inline-block; margin-right: 8px; } .madrid-friend-labels .madrid-section-nav a.madrid-selected { color: var(--bg-color); background-color: var(--primary-color); } .madrid-friend-item { display: none; flex-wrap: wrap; justify-content: flex-start; width: 100%; margin-top: 10px; } .madrid-friend-item.madrid-show { display: flex; } .madrid-friend-item a { display: inline-flex; align-items: center; width: auto; margin: 8px 15px 8px 0; text-decoration: none; color: var(--primary-color); flex: 0 0 auto; transition: all 0.3s ease; } .madrid-friend-item a:hover { color: var(--primary-color); } .madrid-friend-item img { width: 16px; height: 16px; margin-right: 6px; border-radius: 2px; } .madrid-friend-item span { font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; } .madrid-clear:after { content: ""; display: block; clear: both; } @media screen and (max-width: 767px) { .madrid-friend-labels li { padding: 6px 10px; font-size: 12px; } .madrid-friend-item a { width: auto; margin: 5px 10px 5px 0; } .madrid-friend-item img { width: 14px; height: 14px; } } .madrid-left-side { width: 860px; float: left; } .madrid-right-side { width: 320px; float: right; } .madrid-league a{color:var(--primary-color);font-weight:600;text-decoration:underline;text-underline-offset:2px;padding:2px 5px;border-radius:3px;background-color:rgba(46,125,50,0.08);transition:all 0.2s ease;} .madrid-league a:hover{color:var(--secondary-color);background-color:rgba(46,125,50,0.15);text-decoration:underline;} .bernabeu-top{background-color:var(--bg-color);padding:10px 0;border-bottom:1px solid var(--light-bg);line-height:normal !important;} .bernabeu-top *{line-height:normal !important;} .madrid-search-box{width:50%;max-width:500px;} .madrid-search-tabs{display:flex;margin-bottom:5px;line-height:normal !important;} .madrid-search-tab{display:inline-block;padding:6px 10px;cursor:pointer;font-size:14px;margin-right:5px;background-color:var(--light-bg);color:var(--accent-color) !important;border-radius:3px 3px 0 0;text-align:center;text-decoration:none;min-width:40px;line-height:normal !important;height:auto !important;max-height:30px !important;} .madrid-search-tab.madrid-active-search{background-color:var(--primary-color);color:var(--bg-color) !important;font-weight:bold;} .madrid-search-form{display:flex;height:36px;line-height:normal !important;} .madrid-search-input{flex:1;padding:0 10px;border:1px solid var(--light-bg);border-right:none;outline:none;height:36px;line-height:36px !important;} .madrid-search-btn{width:60px;height:36px;line-height:36px !important;background-color:var(--primary-color);color:var(--bg-color);border:none;cursor:pointer;text-align:center;font-size:14px;} @media (max-width:768px){ .madrid-search-box{width:100%;margin-top:10px;} .madrid-search-tab{padding:3px 6px;font-size:12px;} .bernabeu-top .madrid-container{flex-direction:column;} } /* 热门球队专区样式 - 添加到a3.css文件末尾 */ .hot_team_list { padding: 10px; } .hot_team_list ul { list-style: none; margin: 0; padding: 0; } .hot_team_list li { background: var(--light-bg); border-radius: 8px; padding: 8px; display: flex; justify-content: flex-start; align-items: center; margin-top: 10px; } .hot_team_list .team-icon { display: flex; justify-content: center; align-items: center; margin-right: 10px; width: 24px; } .hot_team_list .team-icon img { width: 20px; height: 20px; display: block; } .hot_team_list li a { display: block; width: calc(100% - 34px); text-decoration: none; color: var(--accent-color); font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .hot_team_list .team-name { color: var(--primary-color); text-decoration: underline; font-weight: 500; } .hot_team_list li:hover { background-color: var(--light-bg); } .hot_team_list li:hover a { color: var(--secondary-color); } .hot_team_list li:hover .team-name { color: var(--hover-color); } @media (max-width: 780px) { .hot_team_list { padding: 10px; } } .ozb_banner img{max-width:100%; width: 100%;} .ozb_banner .bgleft img {display: block;max-width: 100%} .ozb_banner .bgright img {display: block;max-width: 100%} .ozb_banner {height: 500px;background: var(--primary-color);position: relative;box-sizing: border-box;} .ozb_banner .bgleft {position: absolute;left: 0;bottom: 0;width: 20%} .ozb_banner .bgright {position: absolute;right: 0;bottom: 0;width: 20%} .ozb_banner .madrid-container{padding:100px 0 0px 0;position: relative;z-index: 1;box-sizing: border-box;} .ozb_banner .madrid-left{width: 221px;} .ozb_banner .madrid-right{width:calc(100% - 250px);color:var(--bg-color);} .ozb_banner h1{font-size: 44px;font-weight: bold;line-height: 1.5;font-weight: 600;color:var(--primary-color);} .ozb_banner h5{font-size: 16px;line-height: 2;font-weight: 400;color:var(--primary-color);} .ozb_match_filter{display: flex;flex-wrap:wrap;width:100%;padding:20px;} .ozb_match_filter li{line-height: 40px;background: var(--bg-color);border-radius: 6px;text-align: center;overflow: hidden;border: 1px solid var(--light-bg);margin-right: 20px;} .ozb_match_filter li a {color:var(--accent-color);display: block;padding:0 20px} .ozb_match_filter li.madrid-active a {background: var(--primary-color);color:var(--bg-color);border: 1px solid var(--primary-color);} .ozb_news_filter{display: flex;flex-wrap:wrap;width:100%;padding:20px 0;} .ozb_news_filter li{line-height: 40px;background: var(--bg-color);border-radius: 6px;text-align: center;overflow: hidden;border: 1px solid var(--light-bg);margin-right: 20px;} .ozb_news_filter li a {color:var(--accent-color);display: block;padding:0 20px} .ozb_news_filter li.madrid-active a {background: var(--primary-color);color:var(--bg-color);border: 1px solid var(--primary-color);} .ozbmain{width:100%;margin-top:-120px;z-index: 2;position: relative;} .ozbmain .w840{width:840px;} .ozbmain .w340{width:340px;} .ozbmain .match_time{width: 100%;height: 32px;background: var(--light-bg);color: var(--muted-text);line-height: 18px;display: flex;justify-content: center;align-items: center;font-size:14px;} .ozbmain .match_time span{width: 48px;height: 18px;background: var(--hover-color);border-radius: 9px;color: var(--bg-color);text-align: center;font-size: 12px;margin-right:10px;} .ozbmain .match_date {font-size: 16px;padding: 15px 0;margin-top: 15px} .ozbmain .madrid-match-item {display: flex;align-items: center;font-size: 15px;padding: 15px;border-bottom: solid 1px var(--light-bg) !important; justify-content: space-between;} .ozbmain .madrid-match-item .madrid-info-left{display:flex;align-items:center} .ozbmain .madrid-match-item .madrid-info-left .madrid-match-time{display:inline-block;width:105px;} .ozbmain .madrid-match-item .madrid-info-left .madrid-match-time em{color:var(--primary-color);margin-right:10px;padding:0} .ozbmain .madrid-match-item .madrid-info-left .madrid-league{display:inline-block;width:100px;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-align:left} .ozbmain .madrid-match-item .madrid-info-left .madrid-league a{color:var(--muted-text);} .ozbmain .madrid-match-item .madrid-info-center{display:flex} .ozbmain .madrid-match-item .madrid-info-center .madrid-home-link{display:flex;justify-content:center;align-items:center} .ozbmain .madrid-match-item .madrid-info-center .madrid-home-link .madrid-left{display:flex;align-items:center;width:150px;text-align:right;justify-content:flex-start;flex-direction: row-reverse;} .ozbmain .madrid-match-item .madrid-info-center .madrid-home-link .madrid-left > img{width:30px;max-height:30px;margin-left:5px} .ozbmain .madrid-match-item .madrid-info-center .madrid-home-link .madrid-left .madrid-text{display:inline-block;height:20px;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;padding-left:10px;text-align:left;color:var(--primary-color);} .ozbmain .madrid-match-item .madrid-info-center .madrid-score{display:flex; flex-direction:row; justify-content:center;align-items:center;font-size:16px;font-weight:600;width:100px} .ozbmain .madrid-match-item .madrid-info-center .madrid-score .madrid-separator{padding:0 10px;display:block} .ozbmain .madrid-match-item .madrid-info-center .madrid-away{display:flex;justify-content:center;align-items:center} .ozbmain .madrid-match-item .madrid-info-center .madrid-away .madrid-right{display:flex;align-items:center;width:150px;justify-content:flex-end} .ozbmain .madrid-match-item .madrid-info-center .madrid-away .madrid-right .madrid-text{display:inline-block;width:120px;height:20px;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;color:var(--primary-color);} .ozbmain .madrid-match-item .madrid-info-center .madrid-away .madrid-right > img{width:30px;max-height:30px;margin-right:10px} .ozbmain .madrid-match-item .madrid-info-right{box-sizing:border-box;display:inline-block;vertical-align:middle;font-size:14px;width:84px;border-radius:14px;text-align:center;line-height: 28px} .ozbmain .madrid-match-item .madrid-info-right a{color:var(--muted-text);display:block} .ozbmain .madrid-match-item .madrid-info-right.begin {background:var(--light-bg);color: var(--accent-color)} .ozbmain .madrid-match-item .madrid-info-right.madrid-kickoff {background: var(--primary-color);color: var(--bg-color)} .ozbmain .madrid-match-item .madrid-info-right.madrid-kickoff a {color: var(--bg-color);} .ozbmain .madrid-match-item .madrid-info-right.end {background: var(--light-bg);} .ozbmain .madrid-match-item .madrid-info-right.end a {color: var(--bg-color);background: var(--primary-color);} .ozbmain .match_list_more{width: 200px;height: 36px;margin:20px auto;text-align: center;line-height: 36px;color:var(--primary-color);border:1px solid var(--primary-color);border-radius: 18px;} .ozbmain .match_list_more a{color:var(--primary-color);} .ozbmain .madrid-stream-list{display:none;} .ozbmain .madrid-stream-list.madrid-active{display:block;} .ozb_news_main .ozb_news_main_content .item{display:none;} .ozb_news_main .ozb_news_main_content .item.madrid-active{display:block;} .ozb_bangdan .ozb_bangdan_name{display: flex;border-bottom: 1px solid var(--light-bg);width:100%;justify-content: space-between;margin:10px 0 0px 0px;} .ozb_bangdan .ozb_bangdan_name span{font-size: 12px;color: var(--muted-text);line-height: 2} .ozb_bangdan .ozb_bangdan_name span:nth-child(1){width: 10%;text-align: center} .ozb_bangdan .ozb_bangdan_name span:nth-child(2){width: 40%;text-align: left} .ozb_bangdan .ozb_bangdan_name span:nth-child(3){width: 20%;text-align: center} .ozb_bangdan .ozb_bangdan_name span:nth-child(4){width: 20%;text-align: center} .ozb_bangdan .ozb_bangdan_bifen{padding:0px;} .ozb_bangdan .ozb_bangdan_bifen li{display: flex;justify-content: space-between;align-items: center;padding:10px 0} .ozb_bangdan .ozb_bangdan_bifen li span{font-size: 14px;text-align: center;} .ozb_bangdan .ozb_bangdan_bifen li.team_rank_score_name span{text-align: center;font-size: 12px;color: var(--muted-text);} .ozb_bangdan .ozb_bangdan_bifen li.team_rank_score_name span:nth-child(2){width: 40%;text-align: center} .ozb_bangdan .ozb_bangdan_bifen li span:nth-child(1) i{background:var(--light-bg);} .ozb_bangdan .ozb_bangdan_bifen li span img{vertical-align: middle;padding-right: 5px;height: 18px;display: inline-block;} .ozb_bangdan .ozb_bangdan_bifen li span:nth-child(1){width: 10%;text-align: center} .ozb_bangdan .ozb_bangdan_bifen li span:nth-child(2){width: 40%;text-align: left} .ozb_bangdan .ozb_bangdan_bifen li span:nth-child(3){width: 20%;text-align: center} .ozb_bangdan .ozb_bangdan_bifen li span:nth-child(4){width: 20%;text-align: center} .ozb_bangdan .ozb_bangdan_bifen li span i{width: 18px;height: 18px;line-height: 18px;text-align: center;font-weight: 600;font-style: normal;display: inline-block;} .ozb_bangdan .ozb_bangdan_bifen li:nth-child(1) span i{background:var(--primary-color);color: var(--bg-color)} .ozb_bangdan .ozb_bangdan_bifen li:nth-child(2) span i{background:var(--hover-color);color: var(--bg-color)} .ozb_bangdan .ozb_bangdan_bifen li span:nth-child(2) em{vertical-align: bottom; width:20px;height:18px;overflow:hidden;display:inline-flex;align-items:center;margin-right:8px;} .ozb_bangdan .ozb_bangdan_bifen li:nth-child(3) span i{background:var(--secondary-color);color: var(--bg-color)} .ozb_bangdan .top{background:var(--primary-color);background-position:top center;background-size:cover;line-height: 44px;font-size: 18px;font-weight: 600;color: var(--bg-color);text-indent:1.5em;border-radius: 5px 5px 0 0;} .ozb_bangdan .ozb_bangdan_fz{width: 100%;height: 28px;background: var(--light-bg);display: flex; justify-content: center;align-items: center; } .ozb_bangdan .ozb_bangdan_fz span{flex:1;text-align: center;line-height: 28px;} .ozb_bangdan .ozb_bangdan_fz span.madrid-selected{background-color: var(--primary-color);color: var(--bg-color)} .ozb_bangdan .ozb_bangdan_bifen ul{ display:none } .ozb_bangdan .ozb_bangdan_bifen ul.madrid-selected{ display:block } .ozb_bangdan_qy .ozb_bangdan_name span:nth-child(2){width: 60%} .ozb_bangdan_qy .ozb_bangdan_name span:nth-child(3){width: 25%} .ozb_bangdan_qy .ozb_bangdan_bifen li span:nth-child(2){width: 69%;text-align: left} .ozb_bangdan_qy .ozb_bangdan_bifen li span:nth-child(2) em{vertical-align: bottom; width:36px;height:36px;overflow:hidden;display:inline-flex;align-items:center;float:left;margin-right:5px;justify-content:center;} .ozb_bangdan_qy .ozb_bangdan_bifen li span:nth-child(2) em img{padding:0;width:100%;height:100%;} .ozb_bangdan_qy .ozb_bangdan_bifen li span:nth-child(3){width: 22%;text-align: right;} .ozb_bangdan_qy .ozb_bangdan_bifen li span img{height:36px;float:left;} .ozb_bangdan_qy .ozb_bangdan_bifen li span em:nth-child(2){color:var(--muted-text);display: block;font-size: 12px;width: auto;height: auto;float:none} .ozb_bangdan_bq .ozb_bangdan_name span:nth-child(2){width: 50%} .ozb_bangdan_bq .ozb_bangdan_name span:nth-child(3){width: 30%} .ozb_bangdan_bq .ozb_bangdan_bifen li span:nth-child(2){width: 50%;text-align: left} .ozb_bangdan_bq .ozb_bangdan_bifen li span:nth-child(3){width: 30%;text-align: center} .pc{display:block;} .madrid-mobile-view{display:none;} .tbg{width:100%} .tbg img{width:100%} @media (max-width: 1200px) { .ozbmain .w840{width:72%;} .ozbmain .w340{width:27%;} } @media (max-width: 980px) { .pc{display:none;} .madrid-mobile-view{display:block;} .ozb_banner{height:auto;position:relative;} .ozb_banner .madrid-container{padding:20px 20px;display:flex;justify-content:center;align-items:center;position: absolute;top: 0;z-index: 1; justify-content: center; align-items: center; height: 80%;} .ozb_banner .bgleft{display:none} .ozb_banner .bgright{display:none} .ozb_banner .madrid-left{width:100%;} .ozb_banner .madrid-left img{width:45%;margin:15px auto 0px auto} .ozb_banner .madrid-right{width:100%;} .ozbmain{width:96%;margin: -88px 2% 0px 2%;border-radius:10px;overflow:hidden} .ozb_banner h1{display:none} .ozb_banner h5{font-size:19px;line-height:1.5} .ozbmain .w840{width:100%;} .ozbmain .w340{width:100%;} .ozbmain .madrid-match-item{} .ozb_match_filter{display:flex;justify-content:space-between} .ozb_match_filter li{width:22%;margin:0;text-align:center;line-height: 30px;} .ozb_match_filter li a {font-size:14px;word-break: keep-all;padding:0} .match_filter_item a{padding:0;} .ozbmain .madrid-match-item{display:flex;flex-wrap:wrap;padding:10px;} .ozbmain .madrid-match-item:nth-child(2n){background:var(--bg-color);} .ozbmain .madrid-match-item .madrid-info-left{width:100%;display:flex;justify-content:space-between;flex-direction:row} .ozbmain .madrid-match-item .madrid-info-left .madrid-league{padding:0;width:auto;} .ozbmain .madrid-match-item .madrid-info-center{width:100%;} .ozbmain .madrid-match-item .madrid-info-right{width: 30%;margin: 0 auto;} .ozbmain .madrid-match-item .madrid-info-center{padding:20px 0;display:flex;justify-content:space-between} .ozbmain .madrid-match-item .madrid-info-center .madrid-home-link{display:flex;justify-content:space-between} .ozbmain .madrid-match-item .madrid-info-center .madrid-home-link .madrid-left{width:100%;display:flex;flex-direction:column} .ozbmain .madrid-match-item .madrid-info-center .madrid-home-link .madrid-left .madrid-text{text-align:center;padding:0} .ozbmain .madrid-match-item .madrid-info-center .madrid-away .madrid-right{width:100%;display:flex;flex-direction:column} .ozbmain .madrid-match-item .madrid-info-center .madrid-away .madrid-right .madrid-text{text-align:center;padding:0} .ozbmain .madrid-match-item .madrid-info-center .madrid-away .madrid-left > img{width:40px;height:40px;} .ozbmain .madrid-match-item .madrid-info-center .madrid-away .madrid-right > img{width:40px;height:40px;} .ozbmain .madrid-match-item .madrid-info-center .madrid-home-link{width:40%} .ozbmain .madrid-match-item .madrid-info-center .madrid-away{width:40%} .ozbmain .madrid-match-item .madrid-info-left .madrid-match-time em{color: var(--muted-text);padding:0;margin-left:10px;font-size:14px;} .ozbmain .madrid-match-item .madrid-info-left .madrid-match-time{width:40%;text-align:center; color: var(--muted-text);font-weight:400;display:flex;flex-direction: row-reverse;align-items: center;justify-content: center;} .ozbmain .madrid-match-item .madrid-info-left .madrid-league{width:40%;text-align:center} .match_allinfo .top .qiudui_name{font-size: 16px;} .ozbmain .madrid-match-item .madrid-info-center{padding-bottom:0px;} .ozbmain .madrid-match-item .madrid-info-center .madrid-home-link .madrid-left .madrid-text{font-size:14px;} .ozbmain .madrid-match-item .madrid-info-center .madrid-away .madrid-right .madrid-text{font-size:14px;} .ozbmain .madrid-match-item .madrid-info-center .madrid-score{margin-top:-30px;} .ozbmain .madrid-match-item .madrid-info-center .madrid-home-link .madrid-left > img{height:40px;width:40px;margin-bottom:8px;margin-right:0} .ozbmain .madrid-match-item .madrid-info-center .madrid-away .madrid-right > img{height:40px;width:40px;margin-bottom:8px;margin-right:0} .ozbmain .madrid-match-item .madrid-info-right.end{margin-top:-25px;width:25%;font-size: 12px;line-height: 2;} .ozb_bangdan{border-radius:10px;overflow:hidden;} .ozb_news_filter li{margin-right:2%} .ozb_news_filter li a {font-size:14px;padding: 0 10px;} .madrid-news ul{} .madrid-news ul li .pic{width:30%;height:auto;max-height:80px;} .madrid-news ul li .pic img{height:auto;width:100%} .madrid-news ul li .madrid-text{width:calc(100% - 32%)} .madrid-news ul li .desc{display:none;} .tbg{width:100%} .tbg img{width:100%} } @media (max-width: 480px) { .ozb_banner h5{font-size:13px;line-height:1.5} } /* 添加球队名链接颜色 */ .ozb_bangdan .ozb_bangdan_bifen li span:nth-child(2) a{color:var(--primary-color);} /* 修改排名表样式 */ .ozb_bangdan_qy .ozb_bangdan_bifen li span:nth-child(2) em:nth-child(2){color:var(--primary-color);display: block;font-size: 12px;width: auto;height: auto;float:none}