@charset "gb2312";
/* CSS Document */
html {scroll-behavior:smooth;}
body {background:#b30d04 url("http://ats.taiwan.cn/other/2025/cjzt/images/banner.png") center top no-repeat;background-size:auto 18.66rem;}
a {color:#000;}
.header {position:relative;height:9.48rem;text-indent:-100%;font-size:0;color:transparent;overflow:hidden;}
.main {position:relative}
.zone-desc {position:relative;margin:0 auto 0.4rem;}
.part4 .zone-desc {margin-bottom:0.29rem;}
.zone-desc .format {width:5rem;height:0.65rem;margin:0 auto;text-indent:-100%;background:url("http://ats.taiwan.cn/other/2025/cjzt/images/bg_zone_desc.png") left top no-repeat;background-size:auto 300%;overflow:hidden;}
.part3 .zone-desc .format {width:3.61rem;background-position:left 50%;}
.part4 .zone-desc .format {width:3.96rem;background-position:left bottom;}
.type1,.type2 {box-shadow:0 0 10px 0 #fcf0c6;}
.part1 .imgs {position:relative;width:100%;height:100%;margin:0 auto;overflow:hidden;}
.part1 .imgs #list {position:relative;width:100%;height:100%;padding-top:0;}
.part1 .imgs #list li {position:absolute;opacity:0;width:100%;height:100%;z-index:-1;transition:opacity 0.3s ease 0s,transform 0.3s ease 0s,box-shadow 0.3s ease 0s;}
.part1 .imgs #list img {width:100%;height:100%;}
.part1 .imgs #list .startNext,.part1 .imgs #list .startPre {opacity:1;z-index:1;}
.part2{margin-top:0.35rem;}
.part3,.part4 {margin-top:0.37rem;}
.type1 {font-size:0;background:#fcf0c6;}
.type1 a {color:#960800;}
.type1 .pic,.type1 .list {display:inline-block;vertical-align:middle;overflow:hidden;}
.type1 .pic {position:relative;width:5.85rem;height:3.3rem;font-size:0.24rem;}
.type1 .pic>a,.type1 .pic img {width:100%;height:100%;}
.type1 .pic-title {position:absolute;left:0;bottom:0;width:100%;font-size:0.18rem;line-height:1.67em;background:rgba(150,8,0,0.7);}
.type1 .pic-title a {padding:0.53em 0.94em;color:#fbecb1;}
.type1 .list {width:5.73rem;padding:1em 0.95em 1.93em;font-size:0.22rem;line-height:1.5em;}
.type1 .list a {display:inline;}
.type1 .strong-title {font-size:0.3rem;line-height:1.2em;}
.type1 .list-item {margin-top:0.68em;}
.type1 .strong-item+.list-item {margin-top:0.75em;}
.type1 .list-item a {position:relative;padding-left:0.5em;}
.type1 .list-item a:before {position:absolute;left:0;top:0.58em;content:"";display:block;width:0.14em;height:0.14em;background:#960800;}
.type2 {padding:0.91em 0.44em 1.77em;font-size:0.22rem;line-height:1.64em;background:#fcf0c6;}
.type2.alt {padding-bottom:0;}
.type2 a {color:#b30d04;}
.type2 .pic-item {float:left;width:3.87rem;padding-bottom:1.14em;}
.type2 img {width:100%;height:2.18rem;}
.type2 .pic-title {font-size:0.24rem;line-height:1.25em;}
.type2 .pic-title a {padding:1.125em 0.125em 0;}
.type2 .pic-desc {margin-top:0.64em;}
.type2 .pic-desc a {padding:0 0.14em 1.18em;}
.type1 .pic-item>a,.type1 .pic>a,.type2 .pic-item>a {position:relative;width:100%;height:100%;overflow:hidden;}
.type1 .pic-item.ready>a,.type1 .pic.ready>a,.type2 .pic-item.ready>a {position:relative;overflow:visible;}
.type1 .pic-item>a:after,.type1 .pic>a:after,.type2 .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,.type1 .pic>a:after,.type2 .pic-item>a:after {content:"\52a0\8f7d\4e2d...";display:flex;justify-content:center;align-items:center;font-size:1.5em;font-weight:bold;color:#8b0000;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,#fcf0c6,#fcbe35,#e95d14,#b30d04);animation:loading 1s steps(10) 0s infinite alternate,hueRotate 3s infinite alternate;}
.type1 .pic-item.ready>a:after,.type1 .pic.ready>a:after,.type2 .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(-30deg);}
100% {filter:hue-rotate(0deg);}
}
.footer {margin-top:1.38rem;}
.footer-mobile {margin-top:1rem;}
@media screen and (min-width:1025px){
.main .zone-desc .format {transition:filter 0.1s ease 0s;}
.main .zone-desc .format:hover {filter:drop-shadow(2px 4px 1px #fcf0c6) drop-shadow(1px 2px 1px #faca33);}
.main .list-item>a img,.main .pic-item,.type1 .pic>a {transition:transform 0.3s ease 0s,box-shadow 0.3s ease 0s;}
.main .list-item:hover>a img,.main .pic-item:hover,.type1 .pic>a:hover {transform:scale(1.01);}
.main .pic-item:hover {box-shadow:0 0 10px 0 rgba(0,0,0,0.4);}
.type1 .list-item a,.type1 .strong-item a {transition:background-size 0.3s ease 0s;background:linear-gradient(to right,#960800,#960800) left bottom no-repeat;background-size:0 2px;}
.type1 .list-item:hover a,.type1 .strong-item:hover a {background-size: 100% 2px;}
.type2 .pic-item {margin-left:0.44em;}
.type2 .pic-item:nth-child(3n+1) {clear:left;margin-left:0;}
}
@media screen and (max-width:1024px){
body {background-size:auto 7rem;}
.wrap {width:auto;margin:0;padding:0 0.1rem;}
.header {height:3.8rem;}
.type1 {padding:0.4rem 0;}
.type1 .pic, .type1 .list {display:block;margin:0 auto;}
.type1 .list {width:auto;}
.type1 .list,.type2 .pic-title,.type2 {font-size:16px;}
.part1 .imgs .pic-title,.type1 .strong-title,.type2 .pic-title {font-size:18px;}
.type2 {padding:0.91em 0 1.77em;}
.type2 .pic-item {width:3.5rem;margin-left:0.1rem;}
.type2 .pic-item:nth-child(odd) {clear:left;}
.type2 img {height:1.97rem;}
}
@media screen and (max-width:480px){
body {background-size:auto 5rem;}
.header {height:2.6rem;}
.zone-desc .format {width:4.4rem;height:0.572rem;}
.part3 .zone-desc .format {width:3.18rem;}
.part4 .zone-desc .format {width:3.48rem;}
.part2,.part3,.part4,.part5,.part6 {margin-top:0.4rem;}
.type1 {padding:0.1rem 0;}
.type1 .pic {width:4.4rem;height:2.475rem;}
.part1 .imgs .pic-title {font-size:16px;}
.part1 .imgs .pic-title a {width:calc(100% - 4.5em);}
.type2 .pic-item {float:none;width:3.87rem;margin:0 auto;}
.type2 img {height:2.18rem;}
}