.welcome_main{background-image:url(/img/join/recommend/cover_bg.jpg);padding-bottom:22svh!important}.welcome_main .index-title-block img{max-width:55%}.welcome_main .index-title-block h3{color:#faae3f;font-size:1em;font-weight:700;letter-spacing:1px;margin-bottom:.25em}.welcome_main .index-title-block p.subtitle{font-size:.75em;height:3em;line-height:1.1em;margin-bottom:0}@media screen and (min-width:576px){.welcome_main{padding-bottom:16svh!important}.welcome_main .index-title-block img{max-width:100%}.welcome_main .index-title-block h3{font-size:1.5em}.welcome_main .index-title-block p.subtitle{font-size:1em}}.welcome_area:nth-child(odd){background-color:#fff}.welcome_area:nth-child(odd) .bg-circle:before{background-color:#fdf9f7}.welcome_area.recommend_area{background-image:url(/img/join/recommend/bg_recommend.png);background-position:0 100%;background-repeat:no-repeat;background-size:150%;margin-top:-25svh;padding-bottom:15%}@media screen and (min-width:768px){.welcome_area.recommend_area{background-position:bottom;background-size:100%}}.welcome_area.recommend_area .index-title{color:#595757;font-size:2em}.welcome_area.recommend_area .line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.welcome_area.recommend_area .recommend-gallery .VueCarousel{margin:auto;max-width:calc(300px + 4em)}.welcome_area.recommend_area .recommend-gallery .VueCarousel .VueCarousel-wrapper{background-color:rgba(0,0,0,.75);border-radius:3em;padding:1em}.welcome_area.recommend_area .recommend-gallery .VueCarousel .VueCarousel-wrapper .VueCarousel-slide{cursor:pointer}.welcome_area.recommend_area .recommend-gallery .VueCarousel .VueCarousel-wrapper .VueCarousel-slide img{border:1px solid #c8c8c8;border-radius:50rem;height:150px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:150px}.welcome_area.recommend_area .recommend-gallery .VueCarousel .VueCarousel-wrapper .VueCarousel-slide .item-title{color:#fff;font-size:1em;line-height:1.125;margin-bottom:.25em;margin-top:.75em;padding:0 .5em}.welcome_area.recommend_area .recommend-gallery .VueCarousel .VueCarousel-wrapper .VueCarousel-slide .item-content{color:#d3cbce;font-size:.75em;margin-bottom:.5em;padding:0 .5em}.welcome_area.recommend_area .recommend-gallery .VueCarousel .VueCarousel-wrapper .VueCarousel-slide:hover img{border-width:.5em}.welcome_area.recommend_area .recommend-gallery .VueCarousel .VueCarousel-wrapper .VueCarousel-slide:hover .item-title{color:#faae3f;text-decoration:none}.welcome_area.recommend_area .recommend-gallery .VueCarousel .VueCarousel-dot-container{margin-top:0!important}.welcome_area.recommend_area .recommend-gallery .VueCarousel .VueCarousel-dot-container .VueCarousel-dot{background-color:#999!important;border-radius:100px!important;height:10px!important;padding:5px!important;width:10px!important}.welcome_area.recommend_area .recommend-gallery .VueCarousel .VueCarousel-dot-container .VueCarousel-dot:focus{outline:none!important}.welcome_area.recommend_area .recommend-gallery .VueCarousel .VueCarousel-dot-container .VueCarousel-dot--active{background-color:#595757!important;width:50px!important}@media screen and (min-width:576px){.welcome_area.recommend_area .index-title{font-size:2.4em}.welcome_area.recommend_area .recommend-gallery .VueCarousel{max-width:calc(675px + 10em)}.welcome_area.recommend_area .recommend-gallery .VueCarousel .VueCarousel-wrapper{border-radius:5em;padding:2em}.welcome_area.recommend_area .recommend-gallery .VueCarousel .VueCarousel-wrapper .VueCarousel-slide img{height:225px;width:225px}.welcome_area.recommend_area .recommend-gallery .VueCarousel .VueCarousel-wrapper .VueCarousel-slide .item-title{font-size:1.5em}.welcome_area.recommend_area .recommend-gallery .VueCarousel .VueCarousel-wrapper .VueCarousel-slide .item-content{font-size:1em}.welcome_area.recommend_area .recommend-gallery .VueCarousel .VueCarousel-dot-container .VueCarousel-dot{padding:10px!important}.welcome_area.recommend_area .recommend-gallery .VueCarousel .VueCarousel-dot-container .VueCarousel-dot--active{width:25px!important}}@media screen and (min-width:1200px){.welcome_area.recommend_area .recommend-gallery .VueCarousel{max-width:calc(1020px + 16em)}.welcome_area.recommend_area .recommend-gallery .VueCarousel .VueCarousel-wrapper{padding:2em 4em}.welcome_area.recommend_area .recommend-gallery .VueCarousel .VueCarousel-wrapper .VueCarousel-slide img{height:255px;width:255px}}@media screen and (min-width:1400px){.welcome_area.recommend_area .recommend-gallery .VueCarousel{max-width:calc(1080px + 32em)}}