@charset "utf-8";
/* CSS Document */
html {scroll-behavior:smooth;}
body {background:linear-gradient(to bottom,#f9ebde 8.67rem,#91cfce,#5195bc,#ccd896,#83c8c5);}
.header {position:relative;height:8.57rem;text-indent:-100%;background:url("http://ats.taiwan.cn/other/2024/rrgjgzwkzjl/images/banner.png") center top no-repeat;background-size:auto 100%;overflow:hidden;}
.header:before {position:absolute;left:0;bottom:0;content:"";display:block;width:100%;height:0.3rem;background:#f9ebde;background:linear-gradient(to top,#f9ebde,transparent);}
@supports(-webkit-mask:linear-gradient(to bottom,#000 95%,transparent)){
.header {-webkit-mask:linear-gradient(to bottom,#000 95%,transparent);}
.header:before {display:none;}
}
.main {margin-top:0.4rem;}
.type1.list {perspective:500px;}
.type1 .pic-item {float:left;position:relative;width:3.15rem;margin:0 auto;padding:0.25rem;line-height:1.5em;box-shadow:1px 1px 0 0 #999,-1px -1px 0 0 #fff;transition:transform 0.1s ease-in 0s,box-shadow 0.1s ease-in 0s;background:#fff;overflow:hidden;}
.type1 .pic-item>a {position:relative;}
.type1 .pic-item>a:after {position:absolute;left:0;top:0;content:"";display:block;width:100%;height:100%;z-index:1;}
.type1 .pic-item>a:after {content:"Loading...";display:flex;justify-content:center;align-items:center;font-size:1.5em;font-weight:bold;color:#5195bc;text-shadow:2px 2px #fff,-2px -2px #fff,2px -2px #fff,-2px 2px #fff,4px 6px #000;letter-spacing:0.1em;transition:opacity 0.2s ease 0s,transform 0.3s ease 0s;background:radial-gradient(circle at left top,#5195bc,#91cfce,#ccd896);animation: loading 1s steps(10) 0s infinite alternate,hueRotate 3s infinite alternate;}
.type1 .pic-item.ready>a:after {opacity:0;animation:none;}
@keyframes loading {
0% {content:""}
16.67% {content:"\52a0";}
33.33% {content:"\52a0\8f7d";}
50% {content:"\52a0\8f7d\4e2d";}
66.67% {content:"\52a0\8f7d\4e2d.";}
83.33% {content:"\52a0\8f7d\4e2d..";}
100% {content:"\52a0\8f7d\4e2d...";}
}
@keyframes hueRotate {
0% {filter:hue-rotate(-90deg);}
100% {filter:hue-rotate(-30deg);}
}
.type1 img {width:100%;height:1.78rem;}
.type1 .pic-title {position:relative;margin-top:0.25rem;}
.type1 .pic-title a {border:0 solid transparent;border-width:0.5em 0.71em;color:#fff;}
.type1 .pic-title a {position:relative;display:inline;color:transparent;border:none;background:linear-gradient(to right,#fff,#fff) no-repeat;background-size:100% 100%;background-position:center right;transition:background-size 0.5s ease 0s;}
.type1 .pic-title:before {position:absolute;left:0;top:0;content:attr(data-title);display:block;width:100%;height:100%;color:#333;}
.type1 .pic-item.ready .pic-title a,.type1 .pic-item.error .pic-title a {background-size:0% 100%;}
.footer-mobile {margin-top:1rem;}
@media screen and (min-width:1025px){
.type1 .pic-item {float:left;width:3rem;margin-left:0.75rem;}
.type1 .pic-item:nth-child(3n+1) {clear:left;margin-left:0;}
.type1 .pic-item:nth-child(n+4) {margin-top:0.3rem;}
.type1 .pic-item img {height:1.68rem;}
.type1 .pic-item:hover {box-shadow:7px 7px 10px #5195bc,-3px -3px 10px rgba(255, 255, 255, 0.9);}
}
@media screen and (max-width:1199px){
@-ms-viewport {width:device-width;}
}
@media screen and (max-width:1024px){
body {background:linear-gradient(to bottom,#f9ebde 3.35rem,#91cfce,#5195bc,#ccd896,#83c8c5);}
.header {height:3.35rem;}
.type1 .pic-item {margin-left:0.2rem;box-shadow:7px 7px 10px #5195bc,-3px -3px 10px rgba(255, 255, 255, 0.9);}
.type1 .pic-item:nth-child(odd) {clear:left;margin-left:0;}
.type1 .pic-item:nth-child(n+3) {margin-top:0.3rem;}
}
@media screen and (max-width:480px){
body {background:linear-gradient(to bottom,#f9ebde 2.14rem,#91cfce,#5195bc,#ccd896,#83c8c5);}
.header {height:2.14rem;}
.type1 .pic-item,.type1 .pic-item:nth-child(odd) {float:none;width:3.6rem;margin:0.3rem auto 0;}
.type1 .pic-item img {height:2.025rem;}
}