/* 主要样式文件 - 优化后的CSS */
/* 基础样式 */
.head{cursor:pointer}
html{-webkit-tap-highlight-color:transparent}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Segoe UI,Arial,Roboto,"PingFang SC","miui","Hiragino Sans GB","Microsoft Yahei",sans-serif}
a{text-decoration:none}
button,input,textarea{color:inherit;font:inherit}
[class*=van-]:focus,a:focus,button:focus,input:focus,textarea:focus{outline:none}
ol,ul{margin:0;padding:0;list-style:none}

/* 字体定义 */
@font-face{font-family:"Poppins";src:url(https://test.static.chasing.com/font/Poppins-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Poppins";src:url(https://test.static.chasing.com/font/Poppins-Italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Poppins";src:url(https://test.static.chasing.com/font/Poppins-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Poppins";src:url(https://test.static.chasing.com/font/Poppins-MediumItalic.woff2) format("woff2");font-weight:500;font-style:italic;font-display:swap}
@font-face{font-family:"Poppins";src:url(https://test.static.chasing.com/font/Poppins-SemiBold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Poppins";src:url(https://test.static.chasing.com/font/Poppins-SemiBoldItalic.woff2) format("woff2");font-weight:600;font-style:italic;font-display:swap}

/* 工具类 */
.van-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.van-multi-ellipsis--l2{-webkit-line-clamp:2}
.van-multi-ellipsis--l2,.van-multi-ellipsis--l3{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical}
.van-multi-ellipsis--l3{-webkit-line-clamp:3}
.van-clearfix:after{display:table;clear:both;content:""}

/* 进度条 */
.nuxt-progress{position:fixed;top:0;left:0;right:0;height:4px;width:0;opacity:1;-webkit-transition:width .1s,opacity .4s;transition:width .1s,opacity .4s;background-color:#3b8070;z-index:999999}
.nuxt-progress.nuxt-progress-notransition{-webkit-transition:none;transition:none}
.nuxt-progress-failed{background-color:red}

/* 图标样式 */
.svg-icon{fill:currentColor;overflow:hidden}

/* 导航栏样式 */
.header_pc_block .left .item:hover>div{display:block!important;}

/* 响应式设计 */
@media (min-width:1290px){.drones_block_year_top{top:calc(60px + .3223rem)}}
@media (min-width:1336px){.drones_block_year_top{top:calc(60px + .2292rem)}}
@media (min-width:1440px){.drones_block_year_top{top:calc(70px + .2292rem)}}
@media (min-width:1920px){.drones_block_year_top{top:calc(80px + .2292rem)}}
@media (min-width:2560px){.drones_block_year_top{top:calc(88px + .2292rem)}}

/* 字体大小定义 */
.h1,.text_h1,h1{font-size:.5rem;margin:0;line-height:1.5}
.h2,.text_h2,h2{font-size:.44rem;margin:0;line-height:1.5}
.h3,.text_h3,h3{font-size:.34rem;margin:0;line-height:1.5}
.h4,.text_h4,h4{font-size:.3rem;margin:0;line-height:1.5}
.h5,.text_h5,h5{font-size:.26rem;margin:0;line-height:1.5}
.h6,.text_h6,h6{font-size:.24rem;margin:0;line-height:1.5}

/* 响应式字体 */
@media(min-width:999px){
.h1,.text_h1,h1{font-size:36px}
.h2,.text_h2,h2{font-size:32px}
.h3,.text_h3,h3{font-size:20px}
.h4,.text_h4,h4{font-size:16px}
.h5,.text_h5,h5{font-size:14px}
.h6,.text_h6,h6{font-size:12px}
}

@media(min-width:1290px){
.h1,.text_h1,h1{font-size:40px}
.h2,.text_h2,h2{font-size:36px}
.h3,.text_h3,h3{font-size:22px}
.h4,.text_h4,h4{font-size:18px}
.h5,.text_h5,h5{font-size:16px}
.h6,.text_h6,h6{font-size:14px}
}

@media(min-width:1440px){
.h1,.text_h1,h1{font-size:44px}
.h2,.text_h2,h2{font-size:40px}
.h3,.text_h3,h3{font-size:24px}
.h4,.text_h4,h4{font-size:20px}
.h5,.text_h5,h5{font-size:18px}
.h6,.text_h6,h6{font-size:14px}
}

@media(min-width:1920px){
.h1,.text_h1,h1{font-size:50px}
.h2,.text_h2,h2{font-size:44px}
.h3,.text_h3,h3{font-size:28px}
.h4,.text_h4,h4{font-size:22px}
.h5,.text_h5,h5{font-size:20px}
.h6,.text_h6,h6{font-size:16px}
}

@media(min-width:2500px){
.h1,.text_h1,h1{font-size:58px}
.h2,.text_h2,h2{font-size:46px}
.h3,.text_h3,h3{font-size:30px}
.h4,.text_h4,h4{font-size:24px}
.h5,.text_h5,h5{font-size:20px}
.h6,.text_h6,h6{font-size:16px}
}

/* 通用样式 */
a{color:inherit}
a:hover{text-decoration:none}
.c_hover:hover{cursor:pointer}
.btn:focus{box-shadow:none}

/* 年份滚动动画 */
@-webkit-keyframes moveYear{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}
@keyframes moveYear{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}

.year{height:.88rem;background-color:#e9f3f9;width:100%}
.year .img{margin-left:.32rem;width:.48rem;height:.48rem;margin-right:.1rem}
.year ul{margin-right:.32rem;height:.4rem}
.year ul li{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:100%;line-height:.4rem;color:rgba(0,0,0,.65);font-size:.24rem;padding-right:50px}
.year ul li span{font-weight:600}
.year ul .li_move{-webkit-transform:translateX(0);transform:translateX(0);-webkit-animation:moveYear var(--speed) linear infinite;animation:moveYear var(--speed) linear infinite}

@media(min-width:999px){
.year{height:50px}
.year .img{margin-left:40px;width:24px;height:24px;margin-right:5px}
.year ul{margin-right:40px;height:24px}
.year ul li{line-height:24px;font-size:14px}
}

@media(min-width:1290px){
.year .img{margin-left:50px}
.year ul{margin-right:50px}
}