.main .container{padding:70px 0 120px}@media only screen and (max-width: 1200px){.main .container{padding:80px 0 100px}}.main .more-btn{margin:100px auto 0;border:1px solid #000}.block-no-data{padding-top:30px}.guide-data-box{display:flex;flex-wrap:wrap}.guide-data-box{gap:40px;margin:0 auto;max-width:1560px;width:calc(100% - var(--common-210))}@media only screen and (max-width: 1200px){.guide-data-box{width:calc(100% - var(--common-210) * 2);margin:0 auto}}.guide-data-box .item{width:calc((100% - 40px)/2);counter-increment:li;padding:30px;position:relative}@media only screen and (max-width: 1200px){.guide-data-box .item{padding:0}}.guide-data-box .item:after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:#f4f4f4;z-index:-2;opacity:0;transition:opacity .3s;box-shadow:20px 20px 40px #00000026}@media only screen and (min-width: 1201px) and (min-width: 1201px){.guide-data-box .item:hover:after{opacity:1}.guide-data-box .item:hover .back-img{opacity:1}.guide-data-box .item:hover .group .content-box:after{color:#ee5f32}.guide-data-box .item:hover .pic-box img{width:110%;height:110%}}@media only screen and (min-width: 1201px) and (max-width: 1200px){.guide-data-box .item:active:after{opacity:1}.guide-data-box .item:active .back-img{opacity:1}.guide-data-box .item:active .group .content-box:after{color:#ee5f32}.guide-data-box .item:active .pic-box img{width:110%;height:110%}}.guide-data-box .item .back-img{opacity:0;transition:opacity .3s}@media only screen and (max-width: 1200px){.guide-data-box .item .back-img{display:none}}.guide-data-box .item .back-img .pic{overflow:hidden;max-width:336px;margin-left:auto}.guide-data-box .item .back-img .pic img{transform:translate(47px)}.guide-data-box .item .group{display:flex;align-items:center;gap:30px}.guide-data-box .item .group .info-group{width:100%}.guide-data-box .item .group .content-box{position:relative;padding-right:60px}.guide-data-box .item .group .content-box .main{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guide-data-box .item .group .content-box .des{margin-top:15px;display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}@media only screen and (max-width: 1200px){.guide-data-box .item .group .content-box .des{margin-top:5px}}.guide-data-box .item .group .content-box:after{position:absolute;top:0;right:0;content:counter(li,decimal-leading-zero);font-size:2.5rem;font-weight:400;line-height:1.1;letter-spacing:1px;flex-shrink:0;color:#ccc;transition:color .3s}@media only screen and (max-width: 1366px){.guide-data-box .item .group .content-box:after{font-size:1.875rem}}.guide-data-box .item .complete-date{position:relative;padding-left:15px;margin-top:20px}.guide-data-box .item .complete-date:before{content:"";width:5px;height:5px;position:absolute;left:0;top:calc(50% - 2px);background:#ee5f32;transform:translateY(-50%);transition:width .3s,height .3s}.guide-data-box .pic-box{max-width:300px;flex-shrink:0;overflow:hidden}.guide-data-box .pic-box img{transition:width .5s ease,height .5s ease}.guide-data-box .pic-box:after{padding-top:68.3%}@media only screen and (max-width: 1366px){.guide-data-box{gap:50px 40px}.guide-data-box .item{width:calc((100% - 80px) / 3)}.guide-data-box .item .group{flex-direction:column;align-items:flex-start}.guide-data-box .pic-box{max-width:none}}@media only screen and (max-width: 900px){.guide-data-box .item{width:calc((100% - 40px)/2)}}@media only screen and (max-width: 575px){.guide-data-box .item{width:100%;padding:0 7.5px}}