@charset "utf-8";
html {scroll-behavior:smooth;}
body {background:linear-gradient(to bottom,rgba(1,94,234,0.59),rgba(0,192,250,0.59));}
a {color:#000;}
.header {position:relative;height:11.15rem;text-indent:-100%;font-size:0;color:transparent;background:url("http://ats.taiwan.cn/other/2024/qflt/images/banner.png") center top no-repeat;background-size:auto 100%;overflow:hidden;}
.header .site-logo {position:absolute;left:50%;top:0.5rem;width:2.26rem;height:0.81rem;margin-left:-6rem;font-size:0;text-indent:-100%;background:url("http://ats.taiwan.cn/other/2024/qflt/images/site_logo.png") center top no-repeat;background-size:auto 100%;overflow:hidden;}
.nav {position:relative;margin-top:-2.65rem;}
.nav .wrap {width:11.44rem;height:0.76rem;background:url("http://ats.taiwan.cn/other/2024/qflt/images/bg_nav.png") center top no-repeat;background-size:auto 100%;}
.nav .list {font-size:0;}
.nav .list-item {display:inline-block;vertical-align:middle;font-size:0.32rem;line-height:2.125em;color:#0012c1;}
.nav .list-item a {margin:0 0.83em;color:#0012c1;}
.main {position:relative;margin-top:0.25rem;overflow:hidden;}
.zone-desc {position:relative;left:50%;transform:translate(-50%,0);width:19.2rem;height:1.27rem;margin:0 auto;text-indent:-100%;background:url("http://ats.taiwan.cn/other/2024/qflt/images/bg_zone_desc.png") center top no-repeat;background-size:auto 4.81rem;overflow:hidden;}
.zone-desc .format {width:100%;height:100%;}
.part3 .zone-desc {height:1.19rem;background-position:center -1.27rem;}
.part4 .zone-desc {height:1.21rem;background-position:center -2.46rem;}
.part5 .zone-desc {height:1.14rem;background-position:center bottom;}
.part1 {background:rgba(255,255,255,0.7);}
.part2 .type2,.part3 .type3,.part4>.wrap,.part5 .type3 {background:rgba(255,255,255,0.5);}
.part1 .imgs {position:relative;width:5.38rem;height:3.11rem;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;}
.part1 .imgs #list img {width:100%;height:100%;}
.part1 .imgs #list .startNext,.part1 .imgs #list .startPre {opacity:1;z-index:1;}
.part1 .imgs .list-index {position:absolute;right:0.5em;bottom:0.67em;width:auto;height:10px;font-size:0.18rem;line-height:10px;overflow:hidden;z-index:2147483610;}
.part1 .imgs .list-index li {display:inline-block;vertical-align:top;width:10px;height:10px;margin-left:10px;line-height:6px;text-indent:-10em;cursor:pointer;background:#00c0fa;transition:color 0.3s ease 0s,background-color 0.3s ease 0s;overflow:hidden;}
.part1 .imgs .list-index li:first-child {margin:0;}
.part1 .imgs .list-index li.on {color:#4c4c4c;background:#fff;}
.part1 .imgs .list-item,.part1 .imgs a {color:#fefcfc;}
.part1 .imgs .list-item>a {max-height:none;width:100%;height:100%;}
.part1 .imgs .list-item-title {position:absolute;left:0;bottom:0;width:100%;font-size:0.18rem;line-height:1.89em;font-weight:bold;background:rgba(18,3,30,0.5);}
.part1 .imgs .list-item-title a {width:calc(100% - 4em);border:1px solid transparent;border-width:0 0 0 0.89em;}
.part1 .imgs #preBtn,.part1 .imgs #nextBtn {display:none;}
.part2,.part2 .type2 {margin-top:0.3rem;}
.part3 {margin-top:0.94rem;}
.part3 .type3 {margin-top:0.17rem;}
.part4 {margin-top:0.87rem;}
.part4>.wrap {margin-top:0.16rem;}
.part5 {margin-top:1.07rem;}
.part5 .type3 {margin-top:0.1rem;}
.type1 {margin-left:0.35rem;font-size:0.18rem;line-height:2.22em;}
.type1 .strong {font-size:0.22rem;line-height:1.82em;}
.type1 .strong a {color:#246fcd;}
.type1 .list-item a {position:relative;padding-left:0.78em;}
.type1 .list-item a::before {position:absolute;left:0;top:0.97em;content:"";display:block;width:0.33em;height:0.28em;border-radius:50%;background:#000;}
.type1 .more {margin-top:1.33em;font-size:12px;line-height:1em;}
.type1 .more a {display:table;margin:0 0 0 auto;color:#246fcd;}
.type2 {padding:0.4rem 0;font-size:0;}
.type2 .pic-item>a,.type2 .pic-item .inner-wrap {display:inline-block;vertical-align:middle;}
.type2 .pic-item>a {width:2.69rem;height:1.65rem;}
.type2 .inner-wrap {width:calc(100% - 2.95rem);margin-left:0.26rem;}
.type2 img {width:100%;height:100%;box-shadow:1px 1px 4px 0 #003378;}
.type2 .pic-title {font-size:0.18rem;line-height:1.22em;font-weight:bold;}
.type2 .pic-title a {color:#246fcd;}
.type2 .pic-desc {margin-top:1.286em;font-size:0.14rem;line-height:1.57em;}
.type3 {padding:0.25rem 0;}
.type3 .pic-item {position:relative;width:2.69rem;height:1.65rem;overflow:hidden;}
.type3 .pic-item>a,.type3 img {width:100%;height:100%;}
.type3 .pic-title {position:absolute;left:0;bottom:0;width:100%;font-size:0.16rem;line-height:1.25em;background:rgba(18,3,30,0.5);}
.type3 .pic-title a {border:0 solid transparent;border-width:0.19em 0.625em;color:#fff;}
.type3.alt .pic-title {font-size:0.14rem;line-height:1.57em;background:rgba(40,40,40,0.35);}
.type3.alt .pic-title a {border:0 solid transparent;border-width:0 0.36em;}
.type4 {padding:0.4em 0 1.9em;font-size:0.2rem;line-height:1.5em;}
.type4 .sub-zone-desc {border-bottom:1px solid #246fcd;font-size:0.3rem;line-height:2.13em;font-weight:bold;color:#246fcd;}
.type4 .sub-zone-desc a {padding-left:1.17em;color:#246fcd;background:url("http://ats.taiwan.cn/other/2024/qflt/images/bg_icons.png") left center no-repeat;background-size:auto 56.25%;}
.type4 .list-item a {position:relative;padding-left:0.9em;}
.type4 .list-item a:before {position:absolute;left:0.1em;top:0.675em;content:"";display:block;width:0.15em;height:0.15em;background:#246fcd;}
.type4 .list-item {margin-top:0.5em;}
.type4 .list-item:nth-child(4n+1):nth-child(n+2) {margin-top:2.4em;}
.footer {margin-top:1.9rem;}
.footer-mobile {margin-top:1rem;}
@media screen and (min-width:1025px){
.main .list-item>a img,.main .pic-item>a img,.main .list-item-wrap>a img {transition:transform 0.3s ease 0s;}
.main .list-item:hover>a img,.main .pic-item:hover>a img,.main .list-item-wrap:hover>a img {transform:scale(1.01);}
.main .list-item:hover>a{color:#00c6d4;}
.nav .list {display:table;margin:0 auto;}
.nav .list-item {transition:text-shadow 0.3s ease 0s;}
.nav .list-item:hover {text-shadow:-2px -2px 2px rgb(0 198 212);}
.zone-desc .format {width:7rem;margin:0 auto;}
.part1 {padding:0.46rem 0 0.42rem;font-size:0;}
.part1 .pic,.type1 {display:inline-block;vertical-align:middle;}
.part1 .pic {margin-left:0.26rem;}
.type1 {width:5.75rem;}
.type2 .pic-item,.type4 {float:left;width:5.63rem;margin-left:0.246rem;}
.type2 .pic-item:nth-child(odd) {clear:left;}
.type2 .pic-item:nth-child(n+3),.type3 .pic-item:nth-child(n+5) {margin-top:0.2rem;}
.type3 .pic-item {float:left;margin-left:0.248rem;}
}
@media screen and (max-width:1024px){
.wrap {width:auto;margin:0;padding:0 0.1rem;}
.header {height:6rem;}
.header .site-logo {left:0.1rem;top:0.1rem;margin-left:0;transform-origin:left top;transform:scale(0.8);}
.nav {position:relative;margin-top:-1.4rem;font-size:0.32rem;height:2.125em;border:0 solid #bd3361;border-width:3px 0;background:#fba461;}
.nav:before,.nav:after {position:absolute;left:0;top:0;content:"";display:block;width:2em;height:100%;background:linear-gradient(to right,#fba461,transparent);z-index:1;}
.nav:after {left:auto;right:0;transform:rotate(180deg);}
.nav .wrap {position:relative;width:100%;height:100%;margin:0 auto;padding:0;background:none;overflow:hidden;}
.nav .wrap:before {position:absolute;left:0;bottom:0.1em;content:"";display:block;width:100%;height:0.1em;background:linear-gradient(to right,transparent,#fdf2c1 10% 90%,transparent);}
.nav .list {padding-bottom:999px;white-space:nowrap;overflow:scroll;}
.nav .list-item {line-height:2em;}
.part2,.part3,.part4,.part5 {margin-top:0.5rem;}
.part1,.part2 .type2,.part3 .type3,.part5 .type3 {padding-top:0.2rem;padding-bottom:0.2rem;}
.part2 {display:block;padding:0;}
.part1 .imgs .list-item-title,.type1,.type2 .pic-title,.type4 {font-size:18px;}
.type1 {margin:0.2rem 0 0 0.5em;}
.type1 .strong {font-size:20px;}
.type2 .inner-wrap {margin-left:0.15rem;}
.type2 .pic-item:nth-child(n+2),.type3 .pic-item:nth-child(n+3) {margin-top:0.2rem;}
.type2 .pic-desc,.type3.alt .pic-title {font-size:14px;}
.type3 .pic-item {float:left;margin:0 0.48rem}
.type3 .pic-title {font-size:16px;}
}
@media screen and (max-width:480px){
html {font-size:20.83vw;}
body {background-size:4.8rem auto;}
.header {height:3.8rem;}
.header .site-logo {transform:scale(0.5);}
.nav,.nav .list-item {font-size:20px;}
.nav {margin-top:-0.9rem;}
.zone-desc {transform:translate(-50%,0) scale(0.75);}
.part1 .imgs {width:4.46rem;height:2.5rem;}
.part1 .imgs .list-item-title,.type1,.type2 .pic-title,.type4 {font-size:16px;}
.type1 .strong {font-size:18px;}
.type2 .pic-item>a {width:2rem;height:1.23rem;}
.type2 .inner-wrap {width:calc(100% - 2rem - 0.15rem);}
.type2 .pic-desc {font-size:12px;}
.type3 .pic-item {width:2.25rem;height:1.38rem;margin:0;}
.type3 .pic-item:nth-child(even) {margin-left:0.1rem;}
.type4 .sub-zone-desc {font-size:22px;}
}
@media screen and (max-width:420px){
.type2 .pic-desc {display:none;} 
.type2 .pic-item .inner-wrap {vertical-align:top;}
}