@charset "UTF-8";
*{box-sizing:border-box}
html,body,div,span,p,a,img,button,header,main,nav,section,article{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}
html{background:#3477ff}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;color:#20242c;overscroll-behavior:none;background:#3477ff}
button{font-family:inherit}
.guide-container{width:100%;max-width:828px;min-height:100vh;margin:0 auto;background:#3477ff url(../img/guide/guide_bg_3x.png) top center/cover no-repeat;overflow:hidden}
.guide-banner{width:100%;padding-top:16px}
.guide-banner img{display:block;width:100%;height:auto}
.guide-header-tab{height:64px;margin:0 18px;border-radius:10px;background:#fff;display:flex;align-items:stretch;justify-content:space-around}
.guide-tab-link{flex:1;min-width:0;background:transparent;color:#566176;font-size:29px;font-weight:600;line-height:64px;white-space:nowrap;cursor:pointer}
.guide-tab-link span{display:inline-block;position:relative;z-index:1}
.guide-tab-link.active{color:#000}
.guide-tab-link.active span:after{content:"";position:absolute;z-index:-1;left:0;bottom:13px;width:100%;height:13px;background:#ffe254}
.guide-content{padding:0 18px 14px}
.guide-tab-content{display:none;margin-top:10px;border-radius:10px;background:#fff;overflow:hidden}
.guide-tab-content.active{display:block}
.guide-title{padding:17px 18px 14px}
.guide-title img{display:block;width:100%;height:auto}
.guide-box{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:42px 38px;min-height:370px;font-size:25px;line-height:1.75;font-weight:400}
.guide-box>div{width:50%}
.guide-box .guide-against-img{padding:0 10px}
.guide-against-img img{display:block;width:100%;height:auto}
.guide-against-text{position:relative;padding-left:15px}
.guide-warning{color:red}
.guide-against-tip{position:absolute;top:-16px;left:0;width:42px;height:25px;background:url(../img/guide/guide_tip_3x.png) center/cover no-repeat}
.guide-wave-tip{position:relative}
.guide-wave{position:absolute;width:19px;height:30px;background:url(../img/guide/guide_wave_3x.png) center/cover no-repeat}
.top-2{top:2px}.to-right{right:-20px}
.guide-ruse-box{padding:28px 38px;font-size:24px;line-height:1.7}
.guide-ruse-title{position:relative;margin-bottom:12px;font-size:30px;line-height:40px;font-weight:700}
.guide-ruse-title .guide-against-tip{top:-12px}
.ruse-img{display:block;width:100%;height:auto;padding:30px 20px}
.guide-collapse{padding:0 30px 28px}
.collapse-item:first-child{border-top:1px solid #ebeef5}
.collapse-header{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:72px;padding:15px 0;background:#fff;color:#303133;border-bottom:1px solid #ebeef5;font-size:20px;font-weight:500;line-height:1.5;text-align:left;cursor:pointer}
.collapse-header span{padding-right:10px}
.arrow{width:24px;height:24px;flex:0 0 24px;margin:10px;background:url(../img/guide/arrow_down.svg) center/contain no-repeat;transition:transform .25s ease}
.collapse-item.active .arrow{background-image:url(../img/guide/arrow_up.svg)}
.collapse-body{max-height:0;overflow:hidden;color:#303133;font-size:16px;line-height:1.7;transition:max-height .35s ease-in-out}
.collapse-media{padding:14px 0 20px}
.collapse-media img{display:block;width:100%;height:auto}
@media (max-width:600px){
 .guide-banner{padding-top:8px}.guide-header-tab{height:43px;margin:0 12px;border-radius:7px}.guide-tab-link{font-size:18px;line-height:43px}.guide-tab-link.active span:after{bottom:9px;height:9px}
 .guide-content{padding:0 12px 10px}.guide-tab-content{margin-top:7px;border-radius:7px}.guide-title{padding:12px}
 .guide-box{gap:6px;min-height:250px;padding:26px 16px;font-size:16px;line-height:1.7}.guide-box .guide-against-img{padding:0 4px}.guide-against-text{padding-left:8px}
 .guide-ruse-box{padding:18px 16px;font-size:16px}.guide-ruse-title{font-size:21px;line-height:30px}.ruse-img{padding:20px 10px}
 .guide-collapse{padding:0 20px 20px}.collapse-header{min-height:48px;padding:9px 0;font-size:13px}.arrow{width:16px;height:16px;flex-basis:16px;margin:10px}
}
@media (max-width:360px){.guide-tab-link{font-size:16px}.guide-box{font-size:14px;min-height:220px}}