/* 全局 */html{font-size:100px;} html,body{height:100%;} html,body,div,h1,h2,h3,h4,h5,h6,p,span,em,a,img,ul,li,ol,form,button,input,textarea,dl,dt,dd,iframe{margin:0;padding:0;} body{background:#eee;text-align:left;font:14px/1.5 Microsoft Yahei,Avenir,Segoe UI,Hiragino Sans GB,STHeiti,Microsoft Sans Serif,WenQuanYi Micro Hei,sans-serif;color:#0086CF;} a{cursor:pointer;text-decoration:none;outline:0 none;} a:hover,a:focus{text-decoration:none;color:#fff;outline:none;-webkit-transition:all .5s linear;-moz-transition:all .5s linear;-ms-transition:all .5s linear;transition:all .5s linear;} h1,h2,h3,h4,h5,h6,em{font-size:14px;font-weight:normal; margin: 5px;} ol,ul{list-style:none;} em{font-style:normal;} img{border:0;vertical-align:middle;} img,a{-webkit-touch-callout:none;} .clearfix:after{content:'';display:block;clear:both;visibility:hidden;height:0;} .clearfix{zoom:1;} .wrap{margin:0 auto;width:1300px;overflow:hidden;color:#aaa;} .pc{display:inline;} .mt{display:none;} @font-face{ font-family:'Voltaire'; font-style:normal; font-weight:400; src:url('/css/fonts/voltaire.eot'); /* IE6-8 */ src:local('Voltaire'),url('/css/fonts/voltaire.woff2') format('woff2'); /* Chrome */ src:local('Voltaire'),url('/css/fonts/voltaire.woff') format('woff'); /* IE9-11 */ unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{ font-family:"iconfont"; src:url('/css/fonts/iconfont.eot'); /* IE9 */ src:url('/css/fonts/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAk8AAsAAAAAEJgAAAjvAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCETAqSOI5jATYCJAMwCxoABCAFhG0HgQMb4A1RlFBSFtnPhEzuwV44CLc82rYhDR1rg6+DiPZjP3t37zkmlr2KJ7cQSZpEQ4dGEkt4iHT4Yl3/h831gQ0734mFNTtZqFd2wdZwbLqL6JoX1bthujJpHV4sl5rpWE+Ol6liHlayIq+iLZBKDMz/mqt3k4Z4aJu3kRqtnG/fYB9TTyQyJXqdiEXe0ipxdYRKiAFCyeiATcerwGzUd+WGAD6ZIAKkTdqtDCwxMBQcWlTKm8Ey0YepaBbcbrsgpkF2QIirttDzAGx73y9fIQ6xBIWl4ZBd05I2yHnHX5LY4P8e1DkMSOsbAYbuQAPlAJghOS90ngGQzFsx/JMC1gFIBkeadt/x59bP6PQ86HnGc+nziueK5+Nf8C/J//8Bd0vXQvK/eICFwSFAo/CwEXxcEBtGIWkP1gN4xy0rLHi3pJg5dgLFAQ6CqMUZoGhgKSgKuAIUD1gByHrxeFgh8MFb4cMnUrxzlX2KkQxAKYD6DKDPgesG4bBmEPQVFSw2dKqg584XT5zcEBs8xtZweOKiOMA6OMtOaPkBTQd+tB9VW3AaEjT915hsM/iP1F/XO6N1WErHs2JFMhJFaQkOLeTpd8K8MNVyWUlGEvDK/ApcTkpvg7S2Dtze+lUqt1aeKh08wotDw8dG9QWtzSBALYEKjk6oK8w6VLylXR4rHN5S3Lxpvby2gnOo5WjJ0OamkZ0VOy+K9JDWSNjJSgLCTRygklWDcvVI8JV5pST04B4l5dh+KHzra0xxUKMKGOuXeaWJMWTUvDW2KIOPuLqdtFYaC+b830nZv8is51/PqcKn8+D8G7fCjnsbGBAyZqBpFEQRHuJmChY2hCYgnasWZE0djm6ZWbsQ93/V4bDJSQJwpFOaaaW1QWjkqcuRI8FGE/odK0X2KzOjYissKjNADuZlzh4CZvavI6BxdpUBmn+tmX9EmXBh/0bIVTcYo/SljwITn2P+ROwwPOUqmBlGQAp/2pw44MygrxxPyk2loHAl3pgCHO0QWc+Nj1RygJrUeu88TWtTfwxT2Q9AQ3DUuMsSKAD6wpB61hMf7XXA0bhJgkazRrBWHipzdDqRBxAU7I4636zPcFvAt1H7R7PmjjLE77Um/vXMoQmAhA7sc/mWJ8JcCGa5B0/6x9uPhChibpnnr4QaMLt0U1Rx+Yr552rVF5iDM9Qzb+s7+DOaZrFCYN8BgqTmUI/5NsLQ+T2QWTOtkWNrd8R9iD3sPhYxoccNOTLHrfwEcnL+uryVnjHYNWP6zTLinjVzBBgbZG8c0jcOyCwLkc6llZYGCQ5/Zqdgl8DhghKChws23Xu1AluO3X+FbXK0t4m8Wcav6LtklQouKgP/+Pe26FjZZ0qCw9m+S1cJkBInJlD+HK1TGN7REWU0QmKvd8pM+91qUXq2/Oeun6XX9171enK7zH1aKpU1rwZKe/rke0VIgMrIgchbBqe0Pesyo7u9bECe3B98z6MfUYo3tQiLhE3UslwJmuuZWbm9fm739/0LfWQLxL8okfeESGrcvlKxfblmRJndPvucYoZynq5Y2bVhSEJ+D0hu+tm5dV+oKZa3m0L3hXSWlrruTZDyeIyv4+jg0c6+zj3qlAhExhgSJWSRY1VEaDzxHnc37u44b8vyknJAHEEOApI67k7cnbwK3D79qOrxO9OyZWvmpuYuSNxcNcFpMmX5FfqnEA7HkEBb+O3GT3aaWLWFvINGYVlN1U2UQpfAW5A1ZFpO7u5t966DPLESGfyqu7bl5lYGFUwNsJeYfYqKLt86XFxkY5bYxw2tTui18YLFu6a+Tf88L3QbZ4zBKU5ywXbv4b6H1/peEHMUHmPEhrskM9Il8948e/ts8Twpk+xigGEzmKKG0vq+o0+c2QatzEvjjP4VweX1gzs2t4Y3h42YwaS0pZBFRfVD7upgW7fqKWxx+uS2hqHxPQfvnwKDGvzKM6j3j5we2lq9ZAYW2efF9CyHWDVVME7if4p+WrYMk64rFlE58DBJLOhZN04SESdLQIrA8Wt1djE7YHkjpVA9X0T0Sa+xLfap+mJfkWhPknZK5qerKnviM1wzJp3rv6Amu3hC9gAW4WssJkUogyuSzM9WVRblzLyGqxkzJZUtXevGnRs8ymqR9cjB5yYbvbKFj/JiQhZ1O4I4tGf3SH9kMRsPXeAx4Mst26PWratPVzf3Wo9TLuPfWFYbo/btWT0yHjqEiVtRh/VnkE49sjI+4rPdSMa9vda7djskOfWzfm9T9kU+cJ7cB/yXxXtuo8079/c2Gy/vt/1pt++y5+Fzdh+t3/tNt1q8xBG1fvUUkAPjSzLry+KL4mibknK5q9nVOHIsghANIOaefJRCkJqwTFxlLvVsHTKt0LPESRLRkEbRybXho6Gi3LZEJDKRnfCONIlERsc76Ly1YA4G/QL2qm/Q0wD/byqwoOTYGlrrubtEHwP8/6qaMVvD/XhsIsb+N/+fI0D1DNburcQIzdg9+p1GVlEzNh4twvx+DX3R4tT/a3TI+GZp8we5+Dbff2KPXw87Hq18ZpEqGxf47aMGpozZvlC4PzSz+1i8/ras2Hoi5PRjzyrgyyP4xZuKhc5tkAS19ENLEiKdwiED6CJtPjDQlussAuqBDW2jzqcMZN4C4oAHQ4z300FGkE6Ihk06RSR3QJP2AjDQmnQWifDOYaMewXQ+A+KSYkAhorSmeLrZQLcRLX0IZSurY8xBg7V/uISWt2uaeVL6gSpoXq9kdURsVMxqU0braH4dYfQd8jiDgSEYntUSUiMErdGwBMezKrrVEKXABpcWHc2Mw0a1slqwphUemmYMjmkbBLTQx1ZJKyw6mKcNWGdqXwKNnHY0NMNX3Dq3rYCGR4/y+QTEQhTEKFgZ0qlu3ZeTejqQEwcGGmEgrIs8LFoIkNIIjUbWWAjgir2poGnFQBQoWqxwpEE0PcRoUdT2ifYWR9x8d3LqoSjRYsQSWxxxxRNfAgklAtmP6dp4VtkmbOY4DY0ZWM6iRR+ppXXt3k6Wp3F9M3Ml0xIoWC0tpLXNSg3Wzmss2mi9WnlK2Kph9TQA') format('woff2'), url('/css/fonts/iconfont.woff') format('woff'), url('/css/fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url('/static/fonts/iconfont.svg') format('svg'); /* iOS 4.1- */} [class*='icon-'],[class^='icon-']{font-family:'iconfont' !important;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;} .icon-top:before{content:"\e63c";} .icon-home:before{content:"\e611";} .icon-close:before{content:"\e624";} .icon-apple:before{content:"\e646";} .icon-android:before{content:"\e68c";} .icon-desktop:before{content:"\e772";} .icon-url:before{content:"\e656";} .icon-email:before{content:"\e826";} .icon-bs-menu:before{content:"\e608";color:#ffbf00;} .icon-bs-more:before{content:"\e606";color:#ffbf00;} .icon-safari:before{content:"\e668";color:#ffbf00;} /* Nav */.nav-wrap{background:#003366;} .nav{box-sizing:border-box;width:1300px;margin:0 auto;} .nav li{padding:0 10px;box-sizing:border-box;} .nav .logo{float:left;min-width:22%;margin-top:10px;overflow:hidden;} .nav .logo .domain{text-align:center;font-size:20px;text-transform:capitalize;} .nav .logo .domain a{color:#ffbf00;} .nav .logo .domain a:hover{color:hsla(0,0%,100%,.8);} .nav .logo .url{line-height:32px;text-align:center;} .nav .logo .url span{display:block;margin:1px;border-radius:5px;border:1px solid rgba(255,255,255,.08);padding:0 10px;height:34px;line-height:34px;background:#0086cf;color:#eee;text-transform:lowercase;} .nav .logo .url i{font-style:normal;color:#ffbf00;} .nav .btn-icon{float:right;width:75%;padding:10px 0;} .nav .btn-icon li{width:20%;text-align:/*center;height:130px;*/float:left;position:relative;display:inline-block;} .nav .btn-icon li i{display:block;height:60px;line-height:60px;font-size:60px;margin:0 auto;padding:5px 0 10px 0;} .nav .btn-icon li span{display:block;height:20px;line-height:20px;} .nav .btn-icon li span.subtitle{color:#eee; font-size: 8px;} .nav .btn-icon li a{color:#eee;display:block;width:100%;height:100%;} .nav .btn-icon li:hover{color:#eee;background:#024384;border-radius:5px;} .nav .btn-icon li:hover i{color:#FFCC00;} .nav .btn-icon li:hover span.title{color:#FFCC00;} .nav .btn-icon li:hover .tips{display:block;} .nav .btn-icon li .tips{display:none;position:absolute;left:50%;margin-left:-120px;margin-top:23px;box-sizing:border-box;box-shadow:0 2px 5px rgba(0,0,0,.3);border-radius:5px;padding:12px;min-width:240px;line-height:26px;background-color:rgba(48,59,90,.9);color:#a3abc7;white-space:nowrap;} .nav .btn-icon li .tips:before,.tips:after{content:"";position:absolute;display:block;border-width:8px;border-style:solid;width:0;height:0;} .nav .btn-icon li .tips:before{left:50%;margin-left:-8px;top:-16px;border-color:transparent transparent #0080ff transparent;} .nav .btn-icon li .tips:after{left:50%;margin-left:-8px;top:-16px;border-color:transparent transparent transparent transparent;} .nav .btn-icon li .tips p{color:#FFCC00;} .nav .btn-icon li .tips em{padding:0;font-style:normal;font-weight:normal;font-size:14px;} .nav .btn-icon li .tips span{display:none;} .qrcode img { width: 100%;max-width: 400px;} .help { font-size: 14px;color: #0086cf;margin-left: 10px;} /* pannel */ .pannel{position: relative; margin-bottom: 20px;background: #ffffff;margin-top: 10px; padding: 15px;line-height: 25px;border-radius: 7px;} .pannel h3.title {font-size: 14px;color: #333;font-weight: 600;padding-bottom: 10px;} .pannel p.data a {font-size: 14px;color: #0086cf;} .pannel p {font-size: 14px;color: #333;} .pannel span.text-muted {color: #333;font-size: 14px;} .pannel span.text-tag {color: #333;font-size: 14px;} .pannel p.tag a {color: #0086cf;border: #0086cf solid 1px;margin: 5px;padding: 5px;font-size: 14px;} .pannel p.tag a:hover{color: #0086cf;border: #0086cf solid 1px;margin: 5px;padding: 5px;font-size: 14px;} /* local */ .textlink { background: #ffffff; margin-top: 10px; padding: 10px; color: #000; font-size: 13px; /* margin-bottom: 5px;*/ } .textlink a { color: #000; } /* play */ .play-group {text-align: left; padding: 10px 0; display: flex; border-bottom: 2px solid #ccc; overflow: hidden;} .play-group .item {cursor: pointer; text-align: center; border-radius: 7px; padding: 1px; color: #fff; background: #0086cf; margin: 5px; width: 30%;max-width: 100px; display: inline-block; flex-direction: column; justify-content: space-between; } .play-group .item a{color: #fff;} .play-group .durl a{color: #fff;} .play-group .durl {cursor: pointer; text-align: center; border-radius: 7px; padding: 1px; color: #fff; background: #333;margin: 5px; min-width: 100px; display: inline-block; flex-direction: column; justify-content: space-between; } @media (max-width: 738px) .play-btn-group .item .durl { min-width: 55px; margin: 3px; } /* play */ .down-group { text-align: left; padding: 10px 0; display: flex; border-bottom: 1px solid #ccc; overflow: hidden;} .down-group .item { cursor: pointer; /* text-align: center; */ border-radius: 7px; padding: 7px; /* border: 1px solid #ccc; margin: 5px;*/ color: #333; background: #ffffff; font-weight: bold; min-width: 98%; display: inline-block; flex-direction: column; justify-content: space-between; word-wrap: break-word; word-wrap: break-word;padding-left: 15px; } .down-group .item h4{font-size: 14px;color: #000;font-weight: bold;} .down-group .item a{font-size: 14px;color: #000;font-weight: bold;} @media (max-width: 738px) .play-btn-group .item { min-width: 55px; margin: 3px; } @media (max-width: 738px){ .down-group .item { cursor: pointer; /* text-align: center; */ border-radius: 7px; padding: 15px; /* border: 1px solid #ccc;margin: 5px; */ color: #333; background: #ffffff; font-weight: bold; min-width: 0; display: inline-block; flex-direction: column; justify-content: space-between; word-wrap: break-word; word-wrap: break-word; }} .download a { background-color: #333;font-size: 14px; color: #fff; margin: 10px 0px; padding: 10px; border-radius: 7px; } .download p { word-wrap: break-word;font-size: 14px; word-break: break-all; } /* search */ .search {margin: 0 auto;box-sizing: border-box; background: #ffffff;line-height: 30px;padding: 10px 10px;margin-top: 10px;width:1300px;overflow:hidden;color: #333;background: #fff;display: none;} .search strong {font-size: 14px;color: #333;} .search select { padding: 5px;} .search a{color: #0086cf;padding-left: 5px;} .search input{font-size: 14px;color: #333;padding: 5px;} .search h2.r { color: #ff0000;margin: 10px;} .search input #keyboard {width: 25%;} .search table {border-bottom: #eee solid 1px;} @media screen and (max-width:1280px){ .search {width: 97%;margin-left: 1.5%;margin-right: 1.5%;margin: 0 auto;box-sizing: border-box;padding: 10px 10px;overflow:hidden;color: #333;background: #fff;line-height: 30px;display: block !important;} .search strong {font-size: 14px;color: #333;} .search input a{color: #0086cf;padding-left: 5px;} .search input{font-size: 14px;color: #333;padding: 5px;} .search h2.r { color: #ff0000;margin: 10px;} .search input #keyboard {width: 25%;} .search table {border-bottom: #eee solid 1px;} .search select { padding: 5px;} } @media (max-width: 738px){ .search {margin: 0 auto;box-sizing: border-box;background: #ffffff;padding: 10px 10px;width:100%;overflow:hidden;color: #333;background: #fff;line-height: 30px;display: block !important;} .search strong {font-size: 14px;color: #333;} .search input a{color: #0086cf;padding-left: 5px;} .search input{font-size: 14px;color: #333;padding: 5px;} .search h2.r { color: #ff0000;margin: 10px;} .search input #keyboard {width: 25%;} .search table {border-bottom: #eee solid 1px;} .search select { padding: 5px;} } /* 让 .col7 容器启用网格布局 */ .mod .col7 { display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 5px; justify-items: stretch; align-items: center; margin: 20px 0; align-content: space-evenly; justify-content: space-evenly; } /* 每个 dl 视为一个网格项，文字居中 */ .mod .col7 dl { text-align: center; margin: 0; /* 不再需要额外的 margin，由 gap 控制间隔 */ } /* dt 放置图片区域，统一设置为 120×120 的圆形容器 */ .mod .col7 dt { width: 120px; height: 120px; position: relative; overflow: hidden; margin: 0 auto; border-radius: 50%; /* 如果要让 dt 本身也显示圆形背景，可加这行 */ background: #eee; /* 背景色，避免图片不够时出现空白 */ } /* 让 img 自适应填满 dt，裁剪成圆形 */ .mod .col7 dt img { width: 100%; height: 100%; object-fit: cover; /* 保持比例并填充，超出部分裁剪 */ border-radius: 50%; /* 图片也呈圆形 */ } /* 如果有 dt 上的 i 元素，可根据需要隐藏或微调 */ .mod .col7 dt i { display: none; /* 或者根据需求设置位置、大小 */ /* display: block;*/ position: absolute; z-index: 2; right: 5px; top: 5px; padding: 0 4px; border-radius: 3px; /*background: rgba(255,191,0,.7); color: hsla(0,0%,0%,.9);*/ font-size: 11px; font-style: normal; letter-spacing: normal; } /* dd 通常用于显示标题/名字等文字 */ .mod .col7 dd { margin-top: 8px; /* 图片和文字之间留间隔 */ font-size: 14px; /* 自行调整文字大小 */ color: #333; /* 自行调整文字颜色 */ } .mod .col7 dd h3 {font-size: 14px; font-weight: normal; color: #ff0000; font-weight: bold; } /* 让 dd 内文字可点击（若需要），也可在 dd 里再嵌套 ... */ .mod .col7 dd a { display: inline-block; /* 保证可点区域 */ text-decoration: none; color: #ff0000; text-align: center; overflow: hidden; } .mod .col7 dd a:hover { color: #ff0000; /* 悬停时变红，可自定义 */ } @media (max-width: 768px) { .mod .col7 { grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); gap: 8px; } .mod .col7 dt { width: 100px; height: 110px; } } @media (max-width: 414px) { .mod .col7 { grid-template-columns: repeat(auto-fill, minmax(80px, 1fr)); gap: 6px; } .mod .col7 dt { width: 80px; height: 90px; } .mod .col7 dd { font-size: 11px; } } /* Menu */.menu{margin-top:30px;border-radius:5px;box-sizing:border-box;background:#0086CF;padding:0 20px;} .menu dl{float:left;width:100%;padding:15px 0;} .menu dl:first-child{border-top:0;} .menu dl,#subMenuBox dl{border-top:1px solid rgba(255,255,255,.1);} .menu dt,.menu dd{float:left;line-height:40px;text-align:center;} .menu dt{width:8%;font-size:15px;} /*.menu dt,.menu dt a{color:#c5cde9;} */.menu dt a {color:#fff;} .menu dt a:hover{color:#fff;} .menu dt:after{content:"";position:absolute;z-index:1;margin:13px 36px 0;width:1px;height:16px;background:rgba(255,255,255,.2);} .menu dt .cur,.menu dd .cur{color:#ffbf00;} .menu #subMenuBox {display: none;} .menu dt2,.menu dd{float:left;line-height:40px;text-align:center;} .menu dt2{width:8%;font-size:15px;} /*.menu dt,.menu dt a{color:#c5cde9;} */.menu dt2 a {color:#fff;} .menu dt2 a:hover{color:#fff;} .menu dt2:after{content:"";position:absolute;z-index:1;margin:13px 36px 0;width:1px;height:16px;background:rgba(255,255,255,.2);} .menu dt2 .cur,.menu dd .cur{color:#ffbf00;} .menu dd{width:11.5%;font-size:15px;color:#fff;} .menu dd a {color:#fff;text-overflow: ellipsis; white-space: nowrap;} .menu dd a:hover{color:#fff;} /* Mod */.mod{margin-top:10px;} .mod .title{width:100%;height:40px;margin:10px 0;border-bottom: 1px solid #aaa;background-color: #0086cf;border-radius: 5px;} .mod .title h3{float:left;font-size:16px;color:#fff;line-height:30px;margin-left: 15px;} .mod .title h3 a{color:#c5cde9;} .mod .title h3 a:hover{color:#fff;} .mod .title h3 em{font-size:26px;padding-right:5px;color:#ffbf00;} .mod .title .tags{float:right;} .mod .title .tags a{float:left;display:block;margin:5px 0 0 10px;border-radius:100px;padding:5px 10px;background:#0086CF;} .mod .title .tags a:hover{background:#ffbf00;color:hsla(0,0%,0%,.8);} .mod .title .tags h2{float:left;font-size:14px;} .mod .title .more{float:right;} .mod .title .total{color: #333;float:right;line-height:40px;font-size:14px;text-align:right;margin-right: 10px;} .mod .title .total em{padding:0 5px;color:#ffbf00;font-weight:bold;} .mod .row dl{position:relative;display:block;float:left;} .mod .row dt{position:relative;width:100%;background:#ccc;} .mod .row dt img,.mod .row li img{position:absolute;left:0;top:0;width:100%;height:100%;} .mod .row dd a{display:block;width:100%;height:40px;line-height:40px;text-align:center;overflow:hidden;color:#000;} .mod .row-book dl {display: flex;flex-wrap: nowrap; padding: 13px 5px 13px 5px; border-bottom: dashed 1px #aaa;} .mod .row-book dt {display: flex;width:100%;justify-content: flex-start;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .mod .row-book dt h3{color:#333;} .mod .row-book dd {justify-content: end;display: flex;width: 120px;color:#333;} .mod .row-book{box-sizing: border-box;background: #ffffff;padding: 0 10px;} .book{box-sizing: border-box;background: #ffffff;color: #333;padding: 0 10px; font-size: 16px; line-height: 30px;} .mod .row dl:hover dd a{color:#000;background: #ccc;} /*.mod .col2,.mod .col3,.mod .col4,.mod .col6{margin-right:-20px;} */.mod .col2 dt a,.mod .col3 dt a,.mod .col4 dt a,.mod .col5 dt a,.mod .col6 dt a{display:block;width:100%;height:100%;} .mod .col5 img,.mod .col6 img{object-fit:cover;} .mod .col2 dl{margin:5px;width:640px;} .mod .col2 dt{height:80px;} .mod .col2 dd,.mod .col3 dd,.mod .col4 dd,.couplet-left span,.couplet-right span{display:block;position:absolute;z-index:6;right:2px;bottom:2px;padding:0 4px;border-radius:3px;background:rgba(0,0,0,.4);color:hsla(0,0%,100%,.8);font-size:12px;cursor:pointer;} .mod .col3 dl{margin:5px 0;width:420px;} .mod .col3 dt{height:180px;} .mod .col4 dl{margin: 0px;;width:1300px;} .mod .col4 dt{height:80px;} .mod .col5{ margin-right: -12.5px; */ grid-template-columns: repeat(4, 1fr); gap: 16px; width: 100%; max-width: 1300px;} .mod .col5 dl { width: 18.8%; margin: .5%; border: 1px solid #eee; box-shadow: 0px 1px 10px hsl(0deg 0% 0% / 15%); border-radius: 5px; } .mod .col5 dt{height:140px;} .mod .col5 dt a:hover:before{background:url(/css/images/play.png) center no-repeat;} .mod .col5 dt i{ position: absolute; right: 0; bottom: 0; left: 0; width: auto; /* height: 20px; */ padding: 5px 5px 2px; overflow: hidden; background: linear-gradient(0deg, #000, #000 25.5%, #000 70%, #000); background: linear-gradient(44deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .3) 25.5%, rgba(0, 0, 0, .08) 70%, rgb(0 0 0 / 0%)); color: #fff; font-size: 12px; font-style: normal; letter-spacing: normal; /* line-height: 20px; */ text-overflow: ellipsis; white-space: nowrap; cursor: pointer; filter: progid:DXImageTransform.Microsoft.gradient(enabled="true", startColorstr="#00000000", endColorstr="#ff000000");} .mod .col6 dl{margin: 8px;width:200px;} .mod .col6 dt{height:280px;} .mod .col6 dt i{display:block;position:absolute;z-index:2;right:5px;top:5px;padding:0 4px;border-radius:3px;background:rgba(255,191,0,.7);color:hsla(0,0%,0%,.9);font-size:13px;font-style:normal;letter-spacing:normal;} .mod .col2 dt a:hover:before,.mod .col3 dt a:hover:before,.mod .col4 dt a:hover:before,.mod .col5 dt a:hover:before,.mod .col6 dt a:hover:before{content:"";position:absolute;z-index:1;width:100%;height:100%;background-color:rgba(0,0,0,0.3);} .mod .col4 dl h3,.mod .col5 dl h3,.mod .col6 dl h3{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} .mod .col ul{margin:20px 0;} .mod .col li:nth-of-type(odd){background:#1c2746;} .mod .col li{width:100%;} .mod .col li a{display:block;box-sizing:border-box;padding:0 30px;height:60px;line-height:60px;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.05);font-size:16px;} .mod .col li a:first-child{border-top:1px solid rgba(255,255,255,.05);} .mod .col li a:visited{color:#c0c0c0;} .mod .col li a:hover{background-color:hsla(0,0%,0%,.2);color:#ffbf00;} .mod .col li em{float:left;display:block;width:30px;color:#ffbf00;font-size:20px;text-align:center;} .mod .col ul{counter-reset:list 0} .mod .col ul li{counter-increment:list} .mod .col ul li em:before{content:counter(list,decimal-leading-zero)"."} .mod .col li h3{padding:0 20px;font-style:normal;font-size:20px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} .mod .col li span{float:right;font-size:12px;} .pagination{margin:30px 0 10px 0;} .pagination b {color:#0086ff;} .pagination{height:50px;line-height:25px;text-align:center;} .pagination a{color:#eee;display:inline-block;margin:10px;padding:10px;border-radius:3px;background:#333;} .pagination a:visited{background:#333;color:#ffffff;} .pagination a:hover,.pagination strong{background:#0086ff;color:hsla(0,0%,0%,.8);} .pagination strong{display:inline-block;margin:0 2px;padding:0 12px;border-radius:3px;height:32px;line-height:32px;font-weight:normal;} /* Content */.main h1{padding:20px 0;color:#111;font-size:36px;text-align:center;overflow:hidden;} .main h2{color: #444;font-size: 14px; text-align: center;overflow: hidden;border-bottom: 1px solid #aaa;} .main .content{border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);/*padding:30px 0;*/line-height:40px;text-align:left;font-size:18px;} .main .content::first-letter{display:block;float:left;margin:0 10px 0 -1.3em;font-size:320%;line-height:80px;} .main .content img{display:block;margin:20px auto;width:expression(this.width> 1300 ? 1300 : true);/*background:#151d33;*/} .main .content p{padding:5px 0;} .main .content br{display:inline;line-height:30px;} .main .content ul{width:100%;margin-top:20px;} .main .content li{float:left;margin-right:10px;font-size:14px;} .main .content li a{display:blcok;padding:8px 14px;border-radius:3px;background:#263150;} .main .content li a:visited{background:#0086CF;color:#4d5672;} .main .content li a:hover{background:#ffbf00;color:hsla(0,0%,0%,.8);} .main .content .player{width:100%;margin:0 auto;position:relative;} .main .content .player-wrap{padding-bottom:56.25%;width:100%;height:0;} .main .content .player-box{position:absolute;left:0;top:0;width:100%;height:100%;} .main .post-link{margin:20px 0 10px 0;height:40px;line-height:40px;font-size:16px;} .main .post-link h2{display:inline;} .main .post-link a{overflow:hidden;} .main .post-link .prev{float:left;text-align:left;} .main .post-link .next{float:right;text-align:right;} .pic img{max-width: 97%; max-height: 100%; width: expression(this.width > 700 && this.height < this.width ? 700:true); height: auto; margin: 10px auto; display: block; padding: 1px;} /* Sponsor */#topBox{background:#eee;} #topBox .mod,#btmBox .mod{margin:0 auto;} .player-tips{position:absolute;z-index:10000;padding-bottom:56.25%;width:100%;height:0;background:rgba(0,0,0,0.8);font-size:16px;text-align:center;} .player-tips dl{position:absolute;left:50%;top:50%;margin-left:-300px;margin-top:-200px;box-sizing:border-box;width:600px;height:400px;padding:20px 0;} .player-tips a{position:absolute;display:block;z-index:8;width:100%;height:100%;} .player-tips .title{font-size:26px;color:#ffbf00;} .player-tips .icon{margin:0 auto;margin-top:20px;width:200px;height:200px;background:url(/static/images/kdsp.png) no-repeat 0 0 / 100% 100%;} .player-tips .icon a{display:block;width:200px;height:200px;} .player-tips .download{margin-top:16px;text-align:center;font-size:14px;} .player-tips .download span{padding:8px 30px;background:#0086CF;color:hsla(0,0%,100%,.8);border-radius:20px;} .player-tips .download a:hover{background:#ffbf00;color:hsla(0,0%,0%,.8);} .player-tips .btn-close{position:absolute;cursor:pointer;z-index:9;top:0;right:0;width:48px;height:48px;line-height:48px;color:hsla(0,0%,100%,.8);font-size:20px;text-align:center;} .couplet-left,.couplet-right{position:fixed;top:30%;margin:5px;z-index:70;} .couplet-left{left:0;} .couplet-right{right:0;} .couplet-left li,.couplet-right li{position:relative;width:150px;height:350px;} .couplet-left a,.couplet-right a{position:absolute;z-index:3;width:150px;height:350px;background:#eee\9;filter:alpha(opacity=0)\9;opacity:0\9;} .couplet-left a:hover,.couplet-right a:hover{background:#000;filter:alpha(opacity=30,finishopacity=30,style=1);-moz-opacity:.3;-khtml-opacity:.3;opacity:.3;outline:none;-webkit-transition: all .3s linear;-moz-transition:all .3s linear;-ms-transition: all .3s linear;transition: all .3s linear;} .couplet-left .btn-close,.couplet-right .btn-close{position:absolute;cursor:pointer;top:0;right:0;padding:2px 5px;background:#000;color:#fff;opacity:.8;z-index:5;} /* Footer */.footer{margin-top:10px;padding:60px 0;line-height:30px;text-align:center;background:#333;} #appBox{position:fixed;display:none;left:0;bottom:0.62rem;right:0;width:100%;min-height:0.2rem;z-index:11001;} #appBox.show{display:block;animation:fadein 0.3s,fadeout 0.5s 11.7s;} @keyframes fadein{from{opacity:0;bottom:0;} to{opacity:1;bottom:30px;} } @keyframes fadeout{from{bottom:30px;opacity:1;} to{bottom:0;opacity:0;} } @keyframes fade{from{opacity:1.0;} 50%{opacity:0.8;color:rgba(0,0,0,0.8);;} } to{opacity:1.0;} } @-webkit-keyframes fade{from{opacity:1.0;} 50%{background:#fff;color:rgba(252,48,118,1);} to{opacity: 1.0;} } .app-tips{position:relative;cursor:pointer;margin-top:10px;border-radius:5px;background:#ffbf00;padding:8px;color:rgba(0,0,0,0.8);font-size:14px;line-height:24px;text-align:center;animation:fade 600ms infinite;-webkit-animation:fade 600ms infinite;} .app-tips .btn-close{position:absolute;cursor:pointer;z-index:9;right:0;padding:2px;margin-right:10px;color:hsla(0,0%,0%,.8);font-size:14px;line-height:20px;} /* Other */.nav .domain,.mod .title .count em,.mod .row i,.mod .col li em,.mod .col li span,.pagination .mobile{font-family:system-ui;} .guide{position:fixed;display:block;left:50%;margin-left:660px;bottom:120px;z-index:90;} .guide a{color: #fff;display:block;margin-top:10px;width:48px;height:48px;line-height:48px;background:#0086CF;font-size:20px;text-align:center;opacity:.9;border-radius:100px;box-shadow:rgba(5,24,74,.37) 0px 2px 6px 0px;} .guide a:hover{background:#ffbf00;color:hsla(0,0%,0%,.8);} .mask{position:fixed;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.5);overflow-y:scroll;cursor:pointer;} .pop{position:fixed;border: #eee solid 1px;left:50%;top:50%;margin-left:-160px;margin-top:-200px;border-radius:12px;width:320px;height:400px;background:-webkit-gradient(linear,0 0,0 100%,from(#0086CF),to(#0086CF));background:-webkit-linear-gradient(top,#0086CF,#0086CF);background:-moz-linear-gradient(top,#0086CF,#0086CF);background:-o-linear-gradient(top,#0086CF,#0086CF);background:-ms-linear-gradient(top,#0086CF,#0086CF);filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#0086CF,endColorstr=#0086CF);font-size:14px;text-align:center;z-index:11001;} .pop dt{margin-top:20px;height:40px;line-height:40px;font-size:20px;font-weight: 500;color: #ffcc00;} .pop dd{margin:13px;} .pop .sub-title{line-height:26px;color: #ffcc00;} .pop .url{cursor:pointer;margin:10px 20px;border-radius:5px;padding:0 10px;/*height:34px;*/line-height:34px;background:#0086CF;color:#fff;text-transform:lowercase;} .pop .url:hover{background:#0086CF;} .pop em{color:#ffbf00;font-size:14px;} .pop .all{margin-top:26px;text-align:center;} .pop .all a{padding:8px 30px;background:#0086CF;color:#fff;border-radius:20px;} .pop .all a:hover{background:#151d33;} .pop .btn-close{margin:0 auto;margin-top:50px;width:48px;height:48px;line-height:48px;} .pop .btn-close a{display:block;background:rgba(255,255,255,.9);color:hsla(0,0%,0%,.6);font-size:20px;text-align:center;border-radius:100px;} .copy .url { cursor: pointer; margin: 5px; border-radius: 5px; padding: 0 10px; height: 100%; font-size: 12px; /* max-width: 90%; */ /* min-width: 90%; */ /* line-height: 40px; */ background: #222; color: hsla(0,0%,100%,.8); text-transform: lowercase; overflow: hidden; word-wrap: break-word;} .copy em{color:#ffbf00;font-size:12px;} @media screen and (max-width:1366px){ .guide{left:unset;right:0;margin:0 1.5% 0;bottom:120px;} /*#couplet{display:none;} */ .couplet-left,.couplet-right{margin:0 33px;} } @media screen and (max-width:1280px){ a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;outline:none;text-decoration:none;} .pc{display:none;} .mt{display:inline;} .wrap{width:100%;} .guide a:hover{background:#0086CF;color:#a3abc7;} .nav,.menu,.mod,.main{width:97%;margin-left:1.5%;margin-right:1.5%;} .nav .logo{min-width:25%;margin-top:9px;} .nav .btn-icon{width:68%;padding:10px 0;} /*/.nav .btn-icon li{height:110px;}*/ .nav .btn-icon li .tips{left:0;margin-left:0;margin-top:30px;} .nav .btn-icon li .tips:before,.nav .btn-icon li .tips:after{left:60px;margin-left:0;top:-16px;} .nav .btn-icon li:last-child .tips{left:unset;right:0;} .nav .btn-icon li:last-child .tips:before,.nav .btn-icon li:last-child .tips:after{left:unset;right:60px;margin-left:0;top:-16px;} .menu{margin-top:20px;} .menu dt:after{margin:13px 2.1% 0;} .menu dt2{width:14%;line-height:34px;font-size:14px;font-weight:bold;} .menu dt2:after{margin:9px 3% 0;} .mod .row a:hover:before{display:none;} .mod .col2{margin:0;} .mod .col2 dl{width:49%;height: 60px;} .mod .col2 dt{padding-bottom:23.43%;} .mod .col3{margin:0;} .mod .col3 dl{width:31.83%;} .mod .col3 dt{padding-bottom:42.86%;} .mod .col4 {margin-top:0;} .mod .col4 dl{width:100%;height: 50px;} .mod .col4 dt{padding-bottom:56.25%;width:100%;height:0;} .mod .col4 dt img{height: 50px;} /* .mod .col4{margin:-1%;}*/ .mod .col5 dl{/*width:31.83%;width: 23.3%;*/} .mod .col5 dt{padding-bottom:56.25%;} .mod .col6 dl{/*width:23.5%;*/} .mod .col6 dt{padding-bottom:140%;} .mod .col3 dl,.mod .col5 dl,.mod .col6 dl{margin: 0; padding: 0;width: 98%;display: flex; flex-direction: column;} .mod .col2 {/*display: grid;*/display: flex;margin: 1px;} .mod .col3,.mod .col5,.mod .col6{display: grid; grid-template-columns: repeat(auto-fill, minmax(18%, 1fr)); margin: 1px;} .mod .col2 dt,.mod .col3 dt,.mod .col4 dt,.mod .col5 dt,.mod .col6 dt{width:100%;height:0;} .mod .col2 dd,.mod .col3 dd,.mod .col4 dd{display:none;} .index-list .col5 dl:nth-last-child(-n+1){display:none;} /*.channel-list .col5 dl:nth-last-child(-n+2){display:none;}*/ .play-list .col5 dl:nth-last-child(-n+1){display:none;} .pagination{margin:30px 0 20px 0;} .main h1{font-size:30px;} .main .content img{max-width:100%;} .footer{margin-top:20px;font-size: 12px;} .couplet-left,.couplet-right{margin:0 1.5% 3% 1.5%;} .couplet-left li,.couplet-right li,.couplet-left a,.couplet-right a,.couplet-left img,.couplet-right img{width:10vw;height:23vw;} .pagination .pc_pagination {display:block} .pagination .moble_pagination {display:none} } @media screen and (max-width:760px){ .mobile{display:none;} .guide a{width:40px;height:40px;line-height:40px;} .nav li{padding:0 0;} .nav .logo{width:100%;} .nav .url{float:none;text-align:center;} .nav .btn-icon{width:100%;display:block;} /*/.nav .btn-icon li{height:90px;}*/ .nav .btn-icon li i{height:50px;line-height:50px;font-size:50px;padding:5px 0 10px 0;} .nav .btn-icon li .tips{margin-top:20px;} .nav .btn-icon li .tips:before,.nav .btn-icon li .tips:after{left:30px;} .nav .btn-icon li:last-child .tips:before,.nav .btn-icon li:last-child .tips:after{right:30px;} .menu{margin:20px 0 0;border-radius:0;padding:0;width:100%;} .menu dl{padding:6px 0;} .menu dt{width:14%;line-height:60px;font-size:12px;} .menu dt:after{margin:22px 3% 0;} .menu dt2{width:14%;line-height:30px;font-size:15px;font-weight:500;} .menu dt2:after{margin:7px 3% 0;} .menu #subMenuBox {display: block !important;} .menu dd{width:21.5%;line-height:30px;font-size:12px;} .mod .title h3{font-size:15px;} .mod .row span,.couplet-left span,.couplet-right span{display:none;} .mod .col li a{padding:0 10px;} .mod .col li h3{padding:0 10px;font-size:16px;} .mod .col2 {margin:0px;display: grid;} .mod .col2 dl{width:100%;margin:0px 1px 1px 1px;height: 40px;} .mod .col2 dl img {height: 40px;} .mod .col2 dt{padding-bottom:23.43%;width:100%;height:0;} .mod .col2 dd{display:none;} .mod .col3 dl:first-child{width:98.5%;} .mod .col3 dl:first-child dt{padding-bottom:48%;} .mod .col3 dt{padding-bottom:56.25%;} .mod .col4 {margin-top:0;} .mod .col4 dl{width:100%;height: 30px;} .mod .col4 dt{padding-bottom:56.25%;width:100%;height:0;} .mod .col4 dt img{height: 30px;} /* .mod .col4{margin:-1%;} */ .mod .col5 dl h3,.mod .col6 dl h3{font-size:12px;margin: 1%;} .mod .col5 dt{padding-bottom:56.25%;width:100%;height:0;} .mod .col5 dl:first-child dt{padding-bottom:56%;} .mod .col5,.mod .col6{display: grid; grid-template-columns: repeat(auto-fill, minmax(33%, 1fr)); margin: 1px; gap: 8px;} .mod .col3 dl,.mod .col5 dl,.mod .col6 dl{margin: 0; padding: 0;width: 97%;display: flexs; flex-direction: column;} .mod .col6 dt{padding-bottom:140%;width:100%;height:0;} /*.index-list .col5 dl:first-child,.channel-list .col5 dl:nth-child(5n+1){width:98.5%;} */ .index-list .col5 dl:nth-last-child(-n+2),.index-list .col6 dl:nth-last-child(-n+2),.channel-list .col5 dl:nth-last-child(-n+2),.play-list .col5 dl:nth-last-child(-n+1){display:block;} /*.index-list .col5 dl:nth-last-child(-n+1){display:none;} */ .main h1{font-size:20px;padding:20px 0;} .main .content{line-height:30px;font-size:16px;} .main .content::first-letter{font-size:300%;line-height:50px;} .main .post-link{height:40px;line-height:40px;font-size:14px;} .main .post-link a{width:49.25%;display:block;border-radius:5px;background:#263150;color:#a3abc7;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .main .post-link a:visited{background:#0086CF;color:#4d5672;} .main .post-link .prev{float:left;text-align:center;} .main .post-link .next{float:right;text-align:center;} .footer{margin-top:10px;padding:40px 0;font-size: 10px;} .player-tips{font-size:0.8em;} .player-tips dl{position:static;left:0;top:0;margin-left:0;margin-top:0;width:100%;height:100%;padding:0;} .player-tips .title{font-size:1.4em;padding-top:10px;} .player-tips .icon{margin-top:10px;width:64px;height:64px;} .player-tips .icon a{width:64px;height:64px;} .couplet-left,.couplet-right{top:unset;bottom:30%;} .couplet-left li,.couplet-right li,.couplet-left a,.couplet-right a,.couplet-left img,.couplet-right img{width:20vw;height:46vw;} .pagination .pc_pagination {display:none} .pagination .moble_pagination {display:block} .preview-item:before{display:block !important;} } .preview-video {position:absolute;z-index:0;} .preview-item {position: relative;z-index:9;} .preview-item:before{ content: " "; width: 20px; height: 20px; z-index: 1; display: none; position: absolute; border-radius: 50%; background-color: rgb(0 0 0 / 30%); background-position: center; background-size: 10px 10px; background-image: url(/css/images/touch_app.png); margin-top: 5px; margin-left: 5px; background-repeat: no-repeat; } .changePageOptions{ height:44px; margin-left:10px; } @media (max-width: 414px){ .pagination a{margin:0px;} .changePageOptions{margin-left:5px;} } .vod-list h5 { margin-top: 0.5rem; /*display: -webkit-box;*/ -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .vod-list a p { font-size: 0.8rem; color: #999; } .mt50 { margin-top: 70px; } .mt90 { margin-top: 90px; } .foot { padding: 20px 0 120px } .novel-list a { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px dashed #7d6a6a; padding: 15px 0; } .novel-list a span { color: #999; } .header { width: 100%; padding: 0; background-color: #fff; /*position: fixed;*/ /*top: 0;*/ /*z-index: 9999;*/ } .search { text-align: right; margin-left: auto; padding-top: 10px; } .search .box { display: flex; align-items: center; } .search input { margin: 0; color: #eee!important; border: 1px solid #494b4c!important; background-color: #494b4c!important; } .search button { color: #000; display: block; height: 40px; line-height: 40px; border: none!important; background-color: #ffd800!important; width: 110px; text-align: center; padding: 0; } .menu { margin: 0; list-style-type: none } .menu>li { display: table-cell; vertical-align: middle }[data-whatinput=mouse] .menu>li { outline: 0 } .menu>li>a { display: block; padding: 0.7rem 1rem; line-height: 1; font-size: 1.06rem; font-weight: 500; } .menu a,.menu button,.menu input,.menu select { margin-bottom: 0 } .menu>li>a i,.menu>li>a i+span,.menu>li>a img,.menu>li>a img+span,.menu>li>a svg,.menu>li>a svg+span { vertical-align: middle } .menu>li>a i,.menu>li>a img,.menu>li>a svg { margin-right: .25rem; display: inline-block } .menu.horizontal>li,.menu>li { display: table-cell } .menu.expanded { display: table; width: 100%; table-layout: fixed } .menu.expanded>li:first-child:last-child { width: 100% } .menu.vertical>li { display: block } .pc-show { display: block !important; } .h5-show { display: none !important; } @media print,screen and (min-width:40em) { .menu.medium-horizontal>li { display: table-cell } .menu.medium-expanded { display: table; width: 100%; table-layout: fixed } .menu.medium-expanded>li:first-child:last-child { width: 100% } .menu.medium-vertical>li { display: block } } @media print,screen and (min-width:64em) { .menu.large-horizontal>li { display: table-cell } .menu.large-expanded { display: table; width: 100%; table-layout: fixed } .menu.large-expanded>li:first-child:last-child { width: 100% } .menu.large-vertical>li { display: block } } .menu.simple li { display: inline-block; vertical-align: top; line-height: 1 } .menu.simple a { padding: 0 } .menu.simple li { margin-left: 0; margin-right: 1rem } .menu.simple.align-right li { margin-right: 0; margin-left: 1rem } .menu.align-right:after,.menu.align-right:before { display: table; content: " " } .menu.align-right:after { clear: both } .menu.align-right>li { float: right } .menu.icon-top>li>a { text-align: center } .menu.icon-top>li>a i,.menu.icon-top>li>a img,.menu.icon-top>li>a svg { display: block; margin: 0 auto .25rem } .menu.icon-top.vertical a>span { margin: auto } .menu.nested { margin-left: 1rem } .menu .active>a { background: #1779ba; color: #fefefe } .menu.menu-bordered li { border: 1px solid #e6e6e6 } .menu.menu-bordered li:not(:first-child) { border-top: 0 } .menu.menu-hover li:hover { background-color: #e6e6e6 } .menu-text { padding-top: 0; padding-bottom: 0; padding: .7rem 1rem; font-weight: 700; line-height: 1; color: inherit } .menu-centered { text-align: center } .menu-centered>.menu { display: inline-block; vertical-align: top } .no-js [data-responsive-menu] ul { display: none } .menu-icon { position: relative; display: inline-block; vertical-align: middle; width: 20px; height: 16px; cursor: pointer } .menu-icon:after { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 2px; background: #fefefe; box-shadow: 0 7px 0 #fefefe,0 14px 0 #fefefe; content: "" } .menu-icon:hover:after { background: #cacaca; box-shadow: 0 7px 0 #cacaca,0 14px 0 #cacaca } .menu-icon.dark { position: relative; display: inline-block; vertical-align: middle; width: 20px; height: 16px; cursor: pointer } .menu-icon.dark:after { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 2px; background: #0a0a0a; box-shadow: 0 7px 0 #0a0a0a,0 14px 0 #0a0a0a; content: "" } .menu-icon.dark:hover:after { background: #8a8a8a; box-shadow: 0 7px 0 #8a8a8a,0 14px 0 #8a8a8a } .is-drilldown { position: relative; overflow: hidden } .is-drilldown li { display: block } .is-drilldown.animate-height { -webkit-transition: height .5s; transition: height .5s } .is-drilldown-submenu { position: absolute; top: 0; left: 100%; z-index: -1; width: 100%; background: #fefefe; -webkit-transition: -webkit-transform .15s linear; transition: -webkit-transform .15s linear; transition: transform .15s linear; transition: transform .15s linear,-webkit-transform .15s linear } .is-drilldown-submenu.is-active { z-index: 1; display: block; -webkit-transform: translateX(-100%); transform: translateX(-100%) } .is-drilldown-submenu.is-closing { -webkit-transform: translateX(100%); transform: translateX(100%) } .drilldown-submenu-cover-previous { min-height: 100% } .is-drilldown-submenu-parent>a { position: relative } .is-drilldown-submenu-parent>a:after { display: block; width: 0; height: 0; border: 6px inset; content: ""; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #1779ba; position: absolute; top: 50%; margin-top: -6px; right: 1rem } .js-drilldown-back>a:before { display: block; width: 0; height: 0; border: 6px inset; content: ""; border-right-style: solid; border-color: transparent #1779ba transparent transparent; display: inline-block; vertical-align: middle; margin-right: .75rem; border-left-width: 0 } .dropdown-pane { position: absolute; z-index: 10; display: block; width: 300px; padding: 1rem; visibility: hidden; border: 1px solid #cacaca; border-radius: 0; background-color: #fefefe; font-size: 1rem } .dropdown-pane.is-open { visibility: visible } .dropdown-pane.tiny { width: 100px } .dropdown-pane.small { width: 200px } .dropdown-pane.large { width: 400px } .dropdown.menu>li.opens-left>.is-dropdown-submenu { color: rgb(216, 216, 216); background-color: rgb(28, 30, 32); border: none; top: 100%; right: 0; left: auto; } .dropdown.menu>li.opens-right>.is-dropdown-submenu { color: rgb(216, 216, 216); /* background-color: rgb(28, 30, 32); */ border: none; top: 100%; right: auto; left: 0; border: none; background: transparent; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); background-color: rgba(20,24,37,.7); } .dropdown.menu>li.is-dropdown-submenu-parent>a { position: relative; padding-right: 1.5rem } .dropdown.menu>li.is-dropdown-submenu-parent>a:after { display: block; width: 0; height: 0; border: 6px inset; content: ""; border-bottom-width: 0; border-top-style: solid; border-color: #66675b transparent transparent; right: 5px; margin-top: -3px }[data-whatinput=mouse] .dropdown.menu a { outline: 0 } .no-js .dropdown.menu ul { display: none } .dropdown.menu.vertical>li .is-dropdown-submenu { top: 0 } .dropdown.menu.vertical>li.opens-left>.is-dropdown-submenu { right: 100%; left: auto } .dropdown.menu.vertical>li.opens-right>.is-dropdown-submenu { right: auto; left: 100% } .dropdown.menu.vertical>li>a:after { right: 14px } .dropdown.menu.vertical>li.opens-left>a:after { display: block; width: 0; height: 0; border: 6px inset; content: ""; border-left-width: 0; border-right-style: solid; border-color: transparent #1779ba transparent transparent } .dropdown.menu.vertical>li.opens-right>a:after { display: block; width: 0; height: 0; border: 6px inset; content: ""; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #1779ba } .toTop { width: 35px; height: 35px; line-height: 35px; background-color: #f90; border-radius: 4px; color: #000; cursor: pointer; text-align: center; position: fixed; right: 8px; bottom: 200px; display: none; } /*pt-layer 开始*/ .pt-layer { position: absolute; top: 10%; left: 15%; width: 70%; height: auto; max-height: 63%; z-index: 66; } .pt-img { } .pt-img img { width: 100%; height: 100%; } .pt-layer .time-layer { position: absolute; top: 0; left: 0; width: 100%; color: #fff; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; cursor: pointer; } .pt-layer .time-layer .skip-time { font-size: 12px; margin: 0; text-align: center; height: 25px; line-height: 25px; color: hsla(0,0%,100%,.9); background: rgb(0, 0, 0, 0.7)!important; } .pt-img a { width: 100%; height: 100%; display: block; } .text-danger { color: #ffeb00!important; font-weight: bold; margin: 0 3px; font-size: 16px; } .dplayer-mobile-play { z-index: 999; border: 2px solid #a0ff00 !important; border-radius: 50%; padding: 10px; cursor: pointer; background: rgb(0, 0, 0, 0.7)!important; } .dplayer-mobile-play:hover { border-color: #f90; color: #f90; } @media print,screen and (min-width:40em) { .dropdown.menu.medium-horizontal>li.opens-left>.is-dropdown-submenu { top: 100%; right: 0; left: auto } .dropdown.menu.medium-horizontal>li.opens-right>.is-dropdown-submenu { top: 100%; right: auto; left: 0 } .dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a { position: relative; padding-right: 1.5rem } .dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a:after { display: block; width: 0; height: 0; border: 6px inset; content: ""; border-bottom-width: 0; border-top-style: solid; border-color: #1779ba transparent transparent; right: 5px; margin-top: -3px } .dropdown.menu.medium-vertical>li .is-dropdown-submenu { top: 0 } .dropdown.menu.medium-vertical>li.opens-left>.is-dropdown-submenu { right: 100%; left: auto } .dropdown.menu.medium-vertical>li.opens-right>.is-dropdown-submenu { right: auto; left: 100% } .dropdown.menu.medium-vertical>li>a:after { right: 14px } .dropdown.menu.medium-vertical>li.opens-left>a:after { display: block; width: 0; height: 0; border: 6px inset; content: ""; border-left-width: 0; border-right-style: solid; border-color: transparent #1779ba transparent transparent } .dropdown.menu.medium-vertical>li.opens-right>a:after { display: block; width: 0; height: 0; border: 6px inset; content: ""; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #1779ba } } @media print,screen and (min-width:64em) { .dropdown.menu.large-horizontal>li.opens-left>.is-dropdown-submenu { top: 100%; right: 0; left: auto } .dropdown.menu.large-horizontal>li.opens-right>.is-dropdown-submenu { top: 100%; right: auto; left: 0 } .dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a { position: relative; padding-right: 1.5rem } .dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a:after { display: block; width: 0; height: 0; border: 6px inset; content: ""; border-bottom-width: 0; border-top-style: solid; border-color: #1779ba transparent transparent; right: 5px; margin-top: -3px } .dropdown.menu.large-vertical>li .is-dropdown-submenu { top: 0 } .dropdown.menu.large-vertical>li.opens-left>.is-dropdown-submenu { right: 100%; left: auto } .dropdown.menu.large-vertical>li.opens-right>.is-dropdown-submenu { right: auto; left: 100% } .dropdown.menu.large-vertical>li>a:after { right: 14px } .dropdown.menu.large-vertical>li.opens-left>a:after { display: block; width: 0; height: 0; border: 6px inset; content: ""; border-left-width: 0; border-right-style: solid; border-color: transparent #1779ba transparent transparent } .dropdown.menu.large-vertical>li.opens-right>a:after { display: block; width: 0; height: 0; border: 6px inset; content: ""; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #1779ba } } .dropdown.menu.align-right .is-dropdown-submenu.first-sub { top: 100%; right: 0; left: auto } .is-dropdown-menu.vertical { width: 100px } .is-dropdown-menu.vertical.align-right { float: right } .is-dropdown-submenu-parent { position: relative } .is-dropdown-submenu-parent a:after { position: absolute; top: 50%; right: 5px; margin-top: -6px } .is-dropdown-submenu-parent.opens-inner>.is-dropdown-submenu { top: 100%; left: auto } .is-dropdown-submenu-parent.opens-left>.is-dropdown-submenu { right: 100%; left: auto } .is-dropdown-submenu-parent.opens-right>.is-dropdown-submenu { right: auto; left: 100% } .is-dropdown-submenu { position: absolute; top: 0; left: 100%; z-index: 1; display: none; /* min-width: 200px; */ border: 1px solid #cacaca; background: #fefefe } .is-dropdown-submenu .is-dropdown-submenu-parent>a:after { right: 14px } .is-dropdown-submenu .is-dropdown-submenu-parent.opens-left>a:after { display: block; width: 0; height: 0; border: 6px inset; content: ""; border-left-width: 0; border-right-style: solid; border-color: transparent #1779ba transparent transparent } .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right>a:after { display: block; width: 0; height: 0; border: 6px inset; content: ""; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #1779ba } .is-dropdown-submenu .is-dropdown-submenu { margin-top: -1px } .is-dropdown-submenu>li { width: 100% } .is-dropdown-submenu.js-dropdown-active { display: block } .pagination { margin: 25px 0; display: flex; align-content: center; justify-content: center; } .pagination li { border-radius: 5px; border: 2px solid #514e4c; margin: 0 5px; overflow: hidden; } .pagination li .active { border: 2px solid #ffd800; color: #000; background-color: #ffd800; } .pagination .hidepage { display: none; } .pagination li a { font-size: 16px; display: block; height: 45px; line-height: 45px; color: #ccc; min-width: 45px; text-align: center; } .pagination-previous, .pagination-next { width: 70px; height: 45px; text-align: center; line-height: 45px; } .hf-gg a { display: block; margin-bottom: 5px; } .hf-gg a img { width: 100%; height: 100px; } .hf-gg .row-2 img { height: 200px; } .columns.dropdown { display: flex; align-items: center; justify-content: flex-start; } .photo-detail img { max-width: 800px; display: block; min-height: 300px; margin: 10px auto; } .dplayer { margin: 20px 0; } .video-title { font-size: 22px; line-height: 30px; color: #ffd800; max-width: 830px } .video-date { margin: 15px 0 15px; font-size: 14px; } .pagination-jump { margin-bottom: 30px; display: flex; align-items: center; justify-content: center; } .pagination-jump input { width: 150px; margin: 0 10px; text-align: center; border-radius: 4px; color: #eee!important; border: 1px solid #494b4c!important; background-color: #494b4c!important; } .dipiao img, .zuopiao img{ width: 100%; } .dipiao { position: fixed; bottom: 44px; z-index: 1999; max-height: 100px; margin: 0 auto; left: 0; right: 0; max-width: 375px; } .zuopiao { position: relative; z-index: 9999999; } .zuopiao a { display: block; position: absolute; color: #050505 !important; z-index: 55; } .zuopiao .box { top: 50%; z-index: 9999999; cursor: pointer; } .zuopiao .left { top: 20%; right: 13px; } .zuopiao .right { top: 35%; right: 13px; } .zuopiao:nth-child(3) .right { top: 50%; right: 13px; } .zuopiao:nth-child(4) .right { top: 65%; right: 13px; } .zuopiao span, .zuopiao button { display: block; text-align: center; background: url(../images/icons/icon-close.jpeg) no-repeat; background-size: contain; border-radius: 50%; position: absolute; top: -12px; right: -5px; left: auto; cursor: pointer; width: 20px; height: 20px; z-index: 999996; font-size: 0; } .dipiao .box { position: relative;; } .dipiao span, .dipiao button { display: block; position: absolute; top: -26px; right: 0; color: #050505; text-shadow: 0 0 0 black; background: #ccc; z-index: 9999999; font-size: 12px; } .ad-menu { color: #f90; animation: blink 1s linear infinite; -webkit-animation: blink 1s linear infinite; -moz-animation: blink 1s linear infinite; -ms-animation: blink 1s linear infinite; -o-animation: blink 1s linear infinite; } @keyframes blink{ 0%{color: #ffd800;border-color: #ffd800;} 50% { color: #a268ed; border-color: #a268ed;} 100% { color: #ffd800;border-color: #ffd800; } } /* 添加兼容性前缀 */ @-webkit-keyframes blink { 0%{color: #ffd800;border-color: #ffd800;} 50% { color: #a268ed; border-color: #a268ed; } 100% { color: #ffd800;border-color: #ffd800; } } @-moz-keyframes blink { 0%{color: #ffd800;border-color: #ffd800;} 50% { color: #a268ed; border-color: #a268ed; } 100% { color: #ffd800;border-color: #ffd800; } } @-ms-keyframes blink { 0%{color: #ffd800;border-color: #ffd800;} 50% { color: #a268ed; border-color: #a268ed; } 100% { color: #ffd800;border-color: #ffd800; } } @-o-keyframes blink { 0%{color: #ffd800;border-color: #ffd800;} 50% { color: #a268ed; border-color: #a268ed; } 100% { color: #ffd800;border-color: #ffd800; } } .dropdown h1 { position: relative; width: 150px; } h1 img { width: 100%; margin-top: 11px; } .dropdown h1 a, .dropdown h1 span { color: #0023f5 !important; } .dropdown h1 span { bottom: 8px; right: 68px; font-size: 13px; letter-spacing: 0; display: block; position: absolute; color: #000; font-weight: 700; font-style: italic; } .vod-list .img-box { padding-bottom: 56.25%; width: 100%; height: 0; position: relative; background-color: #000; } .vod-list .img-box { padding-bottom: 56.25%; width: 100%; height: 0; position: relative; background-color: #000; } .photo-list .img-box { padding-bottom: 144.25%; } .vod-list .img-box-lb, .photo-list .img-box-lb { padding-bottom: 56.25% !important; } .vod-list .img-box a { display: block; width: 100%; height: 100%; } .vod-list .img-box img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .dplayer-video { max-height: 700px; } .fullscreen .dplayer-video { max-height: 100% !important; } .hf-gg { margin-bottom: 20px; } .hf-gg-bot { margin-top: 20px; } .dialog-box { display: none; width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 9999999; background-color: rgba(0, 0, 0, 0.5); } .dialog-box .boxs { color: #333; width: 300px; height: 260px; background: #fff; box-shadow: 1px 7px 18px 0px rgba(84, 115, 128, 0.11); border-radius: 20px; cursor: pointer; position: absolute; left: 50%; top: 50%; margin-top: -130px; margin-left: -150px; text-align: center; } .dialog-box h5 { height: 50px; line-height: 50px; text-align: left; padding-left: 20px; border-bottom: 2px solid #f90; font-weight: 700; background-color: #f90; border-radius: 20px 20px 0 0; } .dialog-box h6 { margin-top: 20px; color: red; } .dialog-box p { height: 60px; line-height: 60px; font-size: 44px; font-weight: bold; } .dialog-box button { width: 150px; } .dialog-box p span { color: blue; } .swiper-top, .swiper-top img { height: 100px; width: 100%; } #bottomNavad { background-color: #fff0; z-index: 999; position: fixed; bottom: 0; left: 0; width: 100%; _position: absolute; _top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight); overflow: visible; } #bottomNavad img { height: 100px; } /* main.css */ @charset "UTF-8";*,body { margin: 0; padding: 0 } *,img { border: 0 } *,body,ul { padding: 0 } .web_tuijian .web_list li a p,.logo_a { -webkit-box-sizing: border-box; -moz-box-sizing: border-box } .web_tuijian .web_list li a,.header-dv .topBarTextCctv a,a { text-decoration: none } .overflow-one,.overflow-two { text-overflow: ellipsis; overflow: hidden } * { font-size: 12px } .yc { display: none!important } img { display: table-cell; vertical-align: middle } .flex,.flex2 { display: -webkit-box; display: -moz-box; display: -ms-flexbox } li,ol,ul { list-style: none; font-family: "MicroSoft YaHei" } .overflow-one { white-space: nowrap } .overflow-two { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical } .web_tuijian .web_list,.flex-more,.flex2 { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal } .flex { display: flex } .flex2 { display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .flex-one,.flex-one2 { display: -webkit-box; display: -moz-box; display: -ms-flexbox } .flex-one { display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center } .flex-one2 { display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .flex-more,.header-dv .topBarTextCctv a { display: -webkit-box; display: -moz-box; display: -ms-flexbox } .flex-more { display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .index-center-tc-num { position: absolute; left: -9999999999px } .index-center-tc-zdc { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9999998; background-color: rgba(0,0,0,.5) } .index-center-tc { width: 300px; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 9999999 } .index-center-tc .index-center-tc-close { position: absolute; top: 5px; right: -25px; z-index: 999; width: 25px; height: 25px; text-align: center; line-height: 22px; border-radius: 50%; color: #FFF; font-size: 20px } .index-center-tc a { display: block; width: 100%; height: 100% } .index-center-tc a .index-center-tc-bjimg { width: 100% } .index-center-tc .index-tc-close-btn,.index-center-tc .index-tc-down-btn { -webkit-transform: translate(-50%,0); margin: 10px auto; width: 125px; height: 40px; border-radius: 30px; color: #fff; text-align: center; line-height: 40px; display: block; position: absolute; left: 50%; cursor: pointer } .index-center-tc .index-tc-down-btn { top: 195px; transform: translate(-50%,0); font-size: 12px } .index-center-tc .index-tc-close-btn { bottom: 40px; transform: translate(-50%,0) } .cctv-header-bottom-dv .btn-close i,.cctv-header-top-dv .btn-close i { color: #767483ed; font-size: 20px } .banner-cctv-style { width: 100% } .banner-cctv-style a { display: block; width: 100%; height: 35px } .banner-cctv-style a img { width: 100%; height: 100% } .cctv-header-top-dv { width: 100% } .cctv-header-top-dv a { display: block; height: 45px } .cctv-header-top-dv a img { width: 100%; height: 100%; max-height: 80px } .cctv-header-top-dv .btn-close { position: absolute; right: 0; top: -5px; z-index: 9999 } .cctv-header-bottom-dv { width: 100%; position: fixed; bottom: 0; left: 50%; z-index: 999; -webkit-transform: translate(-50%,0); transform: translate(-50%,0) } .cctv-header-bottom-dv a { height: 60px } .cctv-header-bottom-dv .btn-close { position: absolute; right: 0; top: -5px; z-index: 999999999 } @media screen and (min-width: 768px) { .banner-cctv-style a { height:120px } .banner-cctv-bottom { display: none } } .logo_a { padding-top: 5px; box-sizing: border-box } a { display: block } body { background-color: #fff } .data_none { border: none!important; width: 100%!important; text-align: center!important; color: #ccc!important } .more_activ { text-indent: 12px } .height_auto { max-height: 999999px!important } .padding_auto { width: 1300px!important; margin: 0 auto } .loding-body { background-color: rgba(0,0,0,.8); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999 } .loding-body .loading-css { width: 50px; height: 50px; display: inline-block; border: 3px solid #f3f3f3; border-top: 3px solid red; border-radius: 50%; -webkit-animation: loading-360 .8s infinite linear; animation: loading-360 .8s infinite linear; position: fixed; top: 50%; left: 45%; z-index: 999999; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%) } @-webkit-keyframes loading-360 { 0% { -webkit-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes loading-360 { 0% { -webkit-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } .header-dv { position: fixed; top: 0; z-index: 99; background-color: #0d0d0d; width: 100% } .header-dv .centent { height: 100%; position: relative } .header-dv .centent .logo-dv img { margin-top: 5px } .header-dv .centent .b_container { margin-top: 10px } .header-dv .topBarTextCctv { display: -webkit-box!important; display: -moz-box!important; display: -ms-flexbox!important; display: flex!important; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#dedb6d),to(#b28c30)); background: linear-gradient(to bottom,#dedb6d 0,#b28c30 100%) } .header-dv .topBarTextCctv a { color: #fff; font-size: 14px; text-align: center; margin: 0; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 32%; height: 40px; line-height: 17px; padding: 4px 0 0!important; cursor: pointer } .guangao_ul, .guangao_ul li, .web_tuijian, .tuijian_nav img { width: 100% } .header-dv .topBarTextCctv a:nth-child(2),.header-dv .topBarTextCctv a:nth-child(3) { border-left: 1px solid #fff5a1; border-right: 1px solid #fff5a1; padding: 3px 2% 0!important } .guangao_ul li { height: 100px } .guangao_ul li img { width: 100%; height: 100% } .links-top, .web_tuijian { max-width: 1200px; margin: 0 auto; } .web_tuijian h2 { margin: 15px 0 10px 10px; } .tuijian_nav { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; height: 50px; line-height: 50px; margin: 20px 0 } .tuijian_nav p { display: none } .tuijian_nav .pc_img_tuijian_nav, .tuijian_nav .pc_img_tuijian_nav .pc_img_tuijian_nav { width: 130px; height: 30px } .web_tuijian .web_list { max-width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; display: block!important; margin: 0 auto; } .web_tuijian_row2 .web_list { max-width: 100%; display: -webkit-box!important; display: -moz-box!important; display: -ms-flexbox!important; display: flex!important; } .web_tuijian .web_list li { /* margin: 0 0 10px; */ /* width: 400px; */ width: 100%; /* padding-bottom: 20px; */ border-radius: 5px; background-color: #fff; -webkit-box-shadow: 0 0 10px 5px rgba(0,0,0,.3); box-shadow: 0 0 10px 5px rgba(0,0,0,.3) } .web_tuijian_row2 .web_list li { margin: 0 0 10px; width: 400px; padding-bottom: 20px; } .web_tuijian_top .web_list li { /* margin: 0 0 10px; */ padding-bottom: 0; } .web_tuijian_top .web_list li { /* margin: 0 0 10px; */ padding-bottom: 0; } .web_tuijian .web_list li a .tu { width: 100%; height: 60px; border-radius: 5px; position: relative } .web_tuijian_row2 .web_list li a .tu { width: 100%; height: 220px; border-radius: 5px; position: relative } .web_tuijian .web_list li a .tu .bksz-img, .web_tuijian .web_list li a .tu .vide0_bj { border-radius: 5px; width: 100%; height: 100% } .web_tuijian .web_list li a .tu div { width: 50%; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%) } .web_tuijian .web_list li a .tu div img { width: 100% } .web_tuijian .web_list li a p { padding: 0 5px; margin-top: 10px; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-size: 14px; color: #7e7e7e } .web_tuijian .web_list li a p span { color: #E4A20D; font-size: 16px } .hot_web, .jinpin_ziyuan, .mingzhan_tuijian { margin-top: 6px; border-top: 5px solid #0d0d0d; padding: 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .hot_web .mingzhan_nav, .jinpin_ziyuan .mingzhan_nav, .mingzhan_tuijian .mingzhan_nav { margin-top: 20px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex } .hot_web .mingzhan_nav div, .jinpin_ziyuan .mingzhan_nav div, .mingzhan_tuijian .mingzhan_nav div { width: 4px; height: 30px; background-color: #ecb96a } .hot_web .mingzhan_nav p, .jinpin_ziyuan .mingzhan_nav p, .mingzhan_tuijian .mingzhan_nav p { line-height: 30px; margin-left: 10px; font-size: 16px; font-weight: 700; color: #e4e4e4 } .hot_web .mingzhan_ul, .jinpin_ziyuan .mingzhan_ul, .mingzhan_tuijian .mingzhan_ul { overflow: hidden; max-height: 228px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap } .hot_web .mingzhan_ul li:nth-child(18), .hot_web .mingzhan_ul li:nth-child(27), .hot_web .mingzhan_ul li:nth-child(36), .hot_web .mingzhan_ul li:nth-child(45), .hot_web .mingzhan_ul li:nth-child(54), .hot_web .mingzhan_ul li:nth-child(63), .hot_web .mingzhan_ul li:nth-child(72), .hot_web .mingzhan_ul li:nth-child(9), .jinpin_ziyuan .mingzhan_ul li:nth-child(18), .jinpin_ziyuan .mingzhan_ul li:nth-child(27), .jinpin_ziyuan .mingzhan_ul li:nth-child(36), .jinpin_ziyuan .mingzhan_ul li:nth-child(45), .jinpin_ziyuan .mingzhan_ul li:nth-child(54), .jinpin_ziyuan .mingzhan_ul li:nth-child(63), .jinpin_ziyuan .mingzhan_ul li:nth-child(72), .jinpin_ziyuan .mingzhan_ul li:nth-child(9), .mingzhan_tuijian .mingzhan_ul li:nth-child(18), .mingzhan_tuijian .mingzhan_ul li:nth-child(27), .mingzhan_tuijian .mingzhan_ul li:nth-child(36), .mingzhan_tuijian .mingzhan_ul li:nth-child(45), .mingzhan_tuijian .mingzhan_ul li:nth-child(54), .mingzhan_tuijian .mingzhan_ul li:nth-child(63), .mingzhan_tuijian .mingzhan_ul li:nth-child(72), .mingzhan_tuijian .mingzhan_ul li:nth-child(9) { margin-right: 0 } .hot_web .mingzhan_ul li, .jinpin_ziyuan .mingzhan_ul li, .mingzhan_tuijian .mingzhan_ul li { margin: .85% .85% 0 0; padding: 5px; border: 1px solid #272626; text-align: center; width: 140px; height: 30px; font-size: 16px; font-weight: 700; line-height: 30px; letter-spacing: 2px; position: relative } .hot_web .mingzhan_ul li .new_video, .jinpin_ziyuan .mingzhan_ul li .new_video, .mingzhan_tuijian .mingzhan_ul li .new_video { width: 20px; position: absolute; top: 0; left: 0 } .hot_web .mingzhan_ul li .new_video img, .jinpin_ziyuan .mingzhan_ul li .new_video img, .mingzhan_tuijian .mingzhan_ul li .new_video img { width: 100% } .hot_web .mingzhan_ul li a, .jinpin_ziyuan .mingzhan_ul li a, .mingzhan_tuijian .mingzhan_ul li a { display: block; width: 100%; text-decoration: none; color: #e4e4e4 } .hot_web .mingzhan_more, .jinpin_ziyuan .mingzhan_more, .mingzhan_tuijian .mingzhan_more { width: 100%; height: 2px; margin: 20px 0; background-color: #e9e9e9 } .hot_web .mingzhan_more div, .jinpin_ziyuan .mingzhan_more div, .mingzhan_tuijian .mingzhan_more div { width: 100px; margin: 0 auto; position: relative } .hot_web .mingzhan_more div span, .jinpin_ziyuan .mingzhan_more div span, .mingzhan_tuijian .mingzhan_more div span { position: absolute; top: -14px; left: 5px; margin: 0 auto; display: block; width: 50px; height: 50px } .hot_web, .jinpin_ziyuan { margin-top: 65px } .bottom, .hot_web .mingzhan_more div span img, .jinpin_ziyuan .mingzhan_more div span img, .mingzhan_tuijian .mingzhan_more div span img { width: 100% } .hot_web .mingzhan_more div p, .jinpin_ziyuan .mingzhan_more div p, .mingzhan_tuijian .mingzhan_more div p { padding-top: 20px; color: #acacac; letter-spacing: 2px; font-weight: 700 } .mingzhan_tuijian .mingzhan_ul li a { color: #e4e4e4 } .jinpin_ziyuan .mingzhan_ul li { border-radius: 20px } .jinpin_ziyuan .mingzhan_ul li a { color: #737373 } .hot_web .mingzhan_ul li { border: none!important } .hot_web .mingzhan_ul li a { color: #5f709e; border-bottom: 3px solid #7c8099 } #gwmz-list li .new_video { display: none } .b_container,.b_container .youqing_lianjie { display: -webkit-box; display: -moz-box; display: -ms-flexbox } .bottom { height: 150px; margin-top: 70px; background-color: #333; padding-top: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .bottom .b_container { margin: 0 auto } .b_container { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; max-width: 1200px; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center } .b_container .youqing_lianjie { display: flex; margin: 0 20px 10px 0 } .b_container .youqing_lianjie a { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center } .b_container .youqing_lianjie .tu { width: 50px; margin-right: 10px } .b_container .youqing_lianjie .tu img { width: 100% } .b_container .youqing_lianjie .text span { color: #fff } .b_container .youqing_lianjie .text p { color: #ecb96a } .links-top { overflow: hidden; margin: auto; margin-bottom: 5px; /* border-radius: 5px; */ padding-bottom: 5px; margin-top: 5px; } .links-top ul.icon-list { list-style: none; } .links-top ul.icon-list li { list-style: none; } .links-top { overflow: hidden; margin: auto; margin-bottom: 5px; /*border-radius:5px;*/ padding-bottom: 5px; /* background: #fff; */ margin-top: 5px; } .links-top ul li { float: left; padding: 5px 0; width: 10%; text-align: center } .links-top ul li img { margin: 0 auto; padding: 4px; width: 70px; height: 70px; border-radius: 5px } .links-top ul li a div { font-weight: bold; color: #f35626; background-image: -webkit-linear-gradient(92deg, #f35626, #feab3a); -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: hue 10s infinite linear; } .links-top ul li a button { width: 0.75rem; height: 0.3rem; line-height: .3rem; margin: 0.2rem auto 0 auto; border: 1px solid #fff; border-radius: 0.8rem; color: white; background-color: #ff4ba1; font-size: 12px; margin-top: 5px; box-shadow: rgb(5 24 74 / 37%) 0px 2px 6px 0px; background-image: linear-gradient(125deg, #ff4ba1, orange, #8476ee, #00ff00); background-size: 400%; animation: bganimation 20s infinite; } @media screen and (min-width:750px) { ul.icon-list li { width: 12.5% } } @media screen and(max-width:768px) { .links-element ul li { width: 33.3333% } .links-top ul.icon-list li { width: 20% } } @media screen and (max-width:544px) { .links { padding: 0 5px } .links-element ul li { width: 49% } .links-top ul.icon-list li { width: 25% } .top-txt { margin: 120px 0 5px; } } .links-top ul.icon-list { list-style: none; } .links-top ul li { float: left; padding: 5px 0; width: 10%; text-align: center; } .links-top ul li img { margin: 0 auto; padding: 4px; width: 70px; height: 70px; border-radius: 5px; } .links-top ul li a div { font-weight: bold; color: #f35626; background-image: -webkit-linear-gradient(92deg, #f35626, #feab3a); -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: hue 10s infinite linear; } .webHeader_v3.headStyle1 { position: relative; height: 100px; } .webHeader_v3.headStyle1 .fixedBox { position: fixed; z-index: 80; width: 100%; max-width: 1200px; margin: 0 auto; } .mt90 { margin-top: 180px; } .p_footer_wrap { max-width: 1200px; margin: 0 auto; } .p_footer_nav { z-index: 9; position: fixed; bottom: 0; display: block; height: 120px; width: 100%; max-width: 768px; margin-left: 0; background: #fff; cursor: pointer; max-width: 1200px; margin: 0 auto; } .p_footer_item_wrap { width: 100%; height: 100%; } .p_footer_nav .nav_items_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 100%; } .p_footer_nav .nav_seo_wrap { display: none; } .spin_close { width: 20px; height: 20px; position: relative; top: 15px; left: 60px; border-radius: 50%; cursor: pointer; } .float_right { /*position: fixed;*/ /*top: 10%;*/ /*right: 0px;*/ /*z-index: 99999;*/ /*width: 80px;*/ position: fixed; top: 55%; right: 0px; z-index: 99999; width: 80px; transform: translate(0, -50%); margin-top: -10px; } .float li { list-style-type: none; } .float ul li a { display: block; width: 70px; height: 70px; margin-bottom: -6px; text-align: center; color: #fff; transition: 0.2s; -moz-transition: 0.2s; -webkit-transition: 0.2s; -o-transition: 0.2s; } .float ul li a span { display: block; padding-top: 5px; text-align: center; } .float .ol_img1 { max-width: 100%; border-radius: 15px; border: solid 2px red } #floatbottom { background-color: #fff0; z-index: 999; position: fixed; bottom: 0; left: 0; width: 100%; _position: absolute; _top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight); overflow: visible; } #floatbottom img { max-width: 100%; margin: 0 auto; display: block; } /* alert */ .hl-alert-box{position:absolute;z-index:99;display:none;border-radius:4px} .hl-alert-box::after{position:absolute;top:-4px;left:50%;z-index:-1;display:none;margin-left:-4px;width:8px;height:8px;border-radius:0 0 2px 0;content:"";-webkit-transform:rotate(45deg);transform:rotate(45deg);-ms-transform:rotate(45deg)} .hl-pops-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999995;display:none;width:100%;height:100%;background-color:rgba(0,0,0,.6);opacity:0} .hl-bg-site{background:rgb(104, 106, 242, 0.83);color:#fff} .hl-pops-bg.hl-pops-bg-active{display:block;opacity:1} .hl-poptips-wrap{position:fixed;top:50%;left:50%;z-index:999998;width:280px;border-radius:4px;transform:translate(-50%,-50%)} .hl-poptips-title{margin-top:25px;padding:0 25px;text-align:center;line-height:26px} .hl-poptips-title h2{font-weight:400;font-size:22px} .hl-poptips-content{text-align: center;font-size:14px;font-family:-apple-system-font,BlinkMacSystemFont,helvetica neue,pingfang sc,hiragino sans gb,microsoft yahei ui,microsoft yahei,Arial,sans-serif;overflow-x:hidden;overflow-y:auto;margin:15px 0 5px 0;padding:0 15px;max-height:260px;line-height:22px;-webkit-overflow-scrolling:touch} .hl-poptips-btn{margin-bottom:25px;padding:0 25px} .hl-poptips-btn a{font-size:14px;text-decoration:none;display:inline-block;width:46%;border-radius:40px;text-align:center;line-height:40px} .hl-poptips-btn a.no{margin-right:4%} .hl-text-conch {color: #f6ff00;display: block;text-align: center; font-size: 25px;margin: 2px 0;font-weight: bold;} .hl-bg-subs{background-color:#f8f8f8;color:#222} .hl-bg-conch{color:#fff;text-decoration:none;background:#f50} .hl-poptips-content .tips { font-size: 12px; text-align: center; display: block; color: #eaeaf0; } @media screen and (max-width: 544px) { .links-top ul.icon-list li { width: 25%; } } @media screen and (min-width: 768px) { .web_tuijian .web_list { display:block!important; /* grid-template-columns: repeat(3,1fr); */ grid-template-columns: repeat(1,1fr); grid-gap: 10px } .web_tuijian_row2 .web_list { display:grid!important; grid-template-columns: repeat(3,1fr); } .padding_auto { width: 1200px } .web_tuijian_row2 .web_list li { margin: 20px 0 } .hot_web .mingzhan_ul, .jinpin_ziyuan .mingzhan_ul, .mingzhan_tuijian .mingzhan_ul { max-height: 220px } .hot_web .mingzhan_ul li:nth-child(12), .hot_web .mingzhan_ul li:nth-child(18), .hot_web .mingzhan_ul li:nth-child(24), .hot_web .mingzhan_ul li:nth-child(30), .hot_web .mingzhan_ul li:nth-child(36), .hot_web .mingzhan_ul li:nth-child(42), .hot_web .mingzhan_ul li:nth-child(48), .hot_web .mingzhan_ul li:nth-child(54), .hot_web .mingzhan_ul li:nth-child(6), .hot_web .mingzhan_ul li:nth-child(60), .hot_web .mingzhan_ul li:nth-child(66), .hot_web .mingzhan_ul li:nth-child(72), .hot_web .mingzhan_ul li:nth-child(78), .hot_web .mingzhan_ul li:nth-child(84), .hot_web .mingzhan_ul li:nth-child(90), .hot_web .mingzhan_ul li:nth-child(96), .jinpin_ziyuan .mingzhan_ul li:nth-child(12), .jinpin_ziyuan .mingzhan_ul li:nth-child(18), .jinpin_ziyuan .mingzhan_ul li:nth-child(24), .jinpin_ziyuan .mingzhan_ul li:nth-child(30), .jinpin_ziyuan .mingzhan_ul li:nth-child(36), .jinpin_ziyuan .mingzhan_ul li:nth-child(42), .jinpin_ziyuan .mingzhan_ul li:nth-child(48), .jinpin_ziyuan .mingzhan_ul li:nth-child(54), .jinpin_ziyuan .mingzhan_ul li:nth-child(6), .jinpin_ziyuan .mingzhan_ul li:nth-child(60), .jinpin_ziyuan .mingzhan_ul li:nth-child(66), .jinpin_ziyuan .mingzhan_ul li:nth-child(72), .jinpin_ziyuan .mingzhan_ul li:nth-child(78), .jinpin_ziyuan .mingzhan_ul li:nth-child(84), .jinpin_ziyuan .mingzhan_ul li:nth-child(90), .jinpin_ziyuan .mingzhan_ul li:nth-child(96), .mingzhan_tuijian .mingzhan_ul li:nth-child(12), .mingzhan_tuijian .mingzhan_ul li:nth-child(18), .mingzhan_tuijian .mingzhan_ul li:nth-child(24), .mingzhan_tuijian .mingzhan_ul li:nth-child(30), .mingzhan_tuijian .mingzhan_ul li:nth-child(36), .mingzhan_tuijian .mingzhan_ul li:nth-child(42), .mingzhan_tuijian .mingzhan_ul li:nth-child(48), .mingzhan_tuijian .mingzhan_ul li:nth-child(54), .mingzhan_tuijian .mingzhan_ul li:nth-child(6), .mingzhan_tuijian .mingzhan_ul li:nth-child(60), .mingzhan_tuijian .mingzhan_ul li:nth-child(66), .mingzhan_tuijian .mingzhan_ul li:nth-child(72), .mingzhan_tuijian .mingzhan_ul li:nth-child(78), .mingzhan_tuijian .mingzhan_ul li:nth-child(84), .mingzhan_tuijian .mingzhan_ul li:nth-child(90), .mingzhan_tuijian .mingzhan_ul li:nth-child(96) { margin-right: 0 } .hot_web .mingzhan_ul li:nth-child(27), .hot_web .mingzhan_ul li:nth-child(45), .hot_web .mingzhan_ul li:nth-child(63), .hot_web .mingzhan_ul li:nth-child(9), .jinpin_ziyuan .mingzhan_ul li:nth-child(27), .jinpin_ziyuan .mingzhan_ul li:nth-child(45), .jinpin_ziyuan .mingzhan_ul li:nth-child(63), .jinpin_ziyuan .mingzhan_ul li:nth-child(9), .mingzhan_tuijian .mingzhan_ul li:nth-child(27), .mingzhan_tuijian .mingzhan_ul li:nth-child(45), .mingzhan_tuijian .mingzhan_ul li:nth-child(63), .mingzhan_tuijian .mingzhan_ul li:nth-child(9) { margin-right: 1.1% } .hot_web .mingzhan_ul li, .jinpin_ziyuan .mingzhan_ul li, .mingzhan_tuijian .mingzhan_ul li { margin: 1.1% 1.1% 0 0 } } @media screen and (max-width: 768px) { .bottom { height:auto; padding-bottom: 80px } .bottom .b_container { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .bottom .b_container .youqing_lianjie { width: 49%; margin: 0 0 10px } .bottom .b_container .youqing_lianjie a { width: 100%; display: block } .bottom .b_container .youqing_lianjie .tu { width: 40px; margin: 10px auto } .bottom .b_container .youqing_lianjie .text span { display: block; text-align: center } .bottom .b_container .youqing_lianjie .text p { text-align: center } .padding_auto { width: auto!important } .header-dv .b_container { display: none } .web_tuijian { width: 100% } .web_tuijian .web_list { margin-top: 20px; padding: 0 10px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .web_tuijian .web_list li { /* width: 49%!important; */ width: 100%!important; /* padding-bottom: 10px!important */ } .web_tuijian_row2 .web_list li { width: 49%!important; padding-bottom: 10px!important } .web_tuijian_top .web_list li { padding-bottom: 0!important } .web_tuijian .web_list li a .tu { height: 30px; } .web_tuijian_row2 .web_list li a .tu { height: 100px; } .web_tuijian .web_list li a p,.web_tuijian .web_list li a p span { font-size: 12px!important } } /* main.css end */ @media screen and (min-width: 747px) { #bottomNavad img { width: 750px; } } @media screen and (max-width: 768px) { .swiper-top, .swiper-top img { height: 90px; width: 100%; } .pt-layer { top: 5%; } .dplayer-mobile-play { padding: 5px; } .dplayer-video { max-height: 240px; } .dplayer.dplayer-fulled { margin: 0!important; } .dplayer.dplayer-fulled .dplayer-video, .fullscreen .dplayer-video { max-height: 100% !important; } .mt50 { margin-top: 55px; } .mt90 { margin-top: 150px; } .dipiao { max-width: 100%; } .vod-list { padding: 0 0.3rem; } .column, .columns { padding-left: 0.3rem; padding-right: 0.3rem; } .columns.dropdown { height: 50px; padding: 5px; } .pc-show { display: none !important; } .h5-show { display: block !important; } .dropdown h1 { width: 120px; } .dropdown h1 span { bottom: 0px; right: 53px; font-weight: 500; font-size: 12px; } .hf-gg a img { height: 60px; } .hf-gg .row-2 img { height: 120px; } ul.dropdown.menu { /* width: 100%;*/ /* height: 44px;*/ /* position: fixed;*/ /* bottom: 0;*/ /* left: 0;*/ /* z-index: 1999;*/ /* background-color: #000;*/ /*display: flex;*/ /*justify-content: space-around;*/ /*transform: translateZ(0);*/ /* -webkit-transform: translateZ(0);*/ } .menu>li>a { font-size: 1rem; } .dropdown.menu>li.opens-left>.is-dropdown-submenu, .dropdown.menu>li.opens-right>.is-dropdown-submenu { top: auto; bottom: 44px; } .search { display: inline-block; float: left; width: 100%; padding: 0 5px; } .photo-detail img { max-width: 100%; } .menus-h5-new { padding:0; } .menus-h5-new .is-dropdown-submenu { width: 85%; display: inline-table; border: none; position: static; background-color: initial; } .menus-h5-new-top .is-dropdown-submenu { width: 100%; } .menus-h5-new .is-dropdown-submenu-parent { background-color: #fff; padding: 10px 0; display: flex; align-items: center; } .menus-h5-new .is-dropdown-submenu-parent:nth-child(odd) { background-color: #fff; } .menus-h5-new .is-dropdown-submenu>li { width: auto; display: inline-block; } .menus-h5-new .title-meuns { width: 12%; text-align: center; color: #fff; font-weight: bold; font-size: 0.9rem; margin-left: 10px; color: #00bc12; } .menus-h5-new .title-meuns i { width: 36px; height: 30px; display: block; margin: 0 auto; } .menus-h5-new .title-meuns.active{ color: #1b80ec; } .menus-h5-new .menu>li { margin: 0.5rem 0!important; } .menus-h5-new .menu>li>a { padding: 0!important; } .menus-h5-new li.is-submenu-item.is-dropdown-submenu-item { width: 25%; text-align: center; } .menus-h5-new .icon-video { background: url(/static/images/Aa73cbdb289124797acf458e6f7208815N.png) no-repeat; background-size: contain; } .menus-h5-new .icon-photo { background: url(/static/images/A1f38adaa302f450699c0d569751ccd3f4.png) no-repeat; background-size: contain; } .menus-h5-new .icon-play { background: url(/static/images/A4608a01a1ddd4c2fad56fda759999983b.png) no-repeat; background-size: contain; } .btn-red, .btn-green, .btn-purple { width: 4.75rem; height: 1.6rem; line-height: 1.6rem!important; border: 1px solid #fff; border-radius: 0.8rem; color: white; background-color: #ff4ba1; background-size: 400%; animation: bganimation 20s infinite; } .btn-red { box-shadow: rgb(5 24 74 / 37%) 0px 2px 6px 0px; background-image: linear-gradient(125deg, #ff4ba1, red, #8476ee, #00ff00); } .btn-green { box-shadow: rgb(5 24 74 / 37%) 0px 2px 6px 0px; background-image: linear-gradient(125deg, #ff4ba1, green, #8476ee, #00ff00); } .btn-purple { box-shadow: rgb(5 24 74 / 37%) 0px 2px 6px 0px; background-image: linear-gradient(125deg, #ff4ba1, purple, #8476ee, #00ff00); } } @media screen and (max-width: 370px) { .menu>li>a { font-size: 0.7rem; } } .web_wenzi_top{ display: flex; flex-direction: row; } .web_wenzi_link{ width: 25%; text-align: center; background: #e2e2e2; padding:10px 20px; margin: 2px; color: #fff; } .menus-h5-new>li:nth-child(odd){ background-color: #eaeaea !important; } .menus-h5-new>li:nth-child(even){ background-color: #d8d8d8 !important; }