.yoycol-works-page{width:100%;display:flex;flex-direction:column;align-items:center}.yoycol-works-page .yoycol-works-section__title{text-align:center}.yoycol-works-page .yoycol-works-section__title .title{position:relative;padding-bottom:12px;font-size:36px;color:#000;line-height:48px}@media only screen and (max-width:678px){.yoycol-works-page .yoycol-works-section__title .title{font-size:18px;line-height:24px}}.yoycol-works-page .yoycol-works-section__title .title:after{content:"";position:absolute;bottom:0;left:50%;width:80%;max-width:805px;height:4px;background-color:#fd7801;transform:translate(-50%)}@media only screen and (max-width:678px){.yoycol-works-page .yoycol-works-section__title .title:after{width:194px;height:2px}}.yoycol-works-page .yoycol-works-header{position:relative;width:100%;z-index:0}.yoycol-works-page .yoycol-works-header:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(https://cloud.yoycol.cn/yoycol/prod/assets/static/header-bg.BxjuWP_9.png) no-repeat center center;background-size:cover;z-index:-1}.yoycol-works-page .yoycol-works-header__body{width:1200px;margin:0 auto;padding:65px 0;display:flex;align-items:center;justify-content:space-between}@media only screen and (max-width:1280px){.yoycol-works-page .yoycol-works-header__body{width:100%;flex-direction:column;text-align:center}}.yoycol-works-page .yoycol-works-header .title{font-size:44px;font-weight:600;color:#fff;line-height:52px}@media only screen and (max-width:678px){.yoycol-works-page .yoycol-works-header .title{font-size:28px}}.yoycol-works-page .yoycol-works-header .intro{margin-top:32px;font-size:24px;color:#fff;line-height:36px}@media only screen and (max-width:678px){.yoycol-works-page .yoycol-works-header .intro{margin-top:12px;font-size:16px}}.yoycol-works-page .yoycol-works-header .g-button{width:226px;height:56px;margin-top:34px;font-size:19px;border:none;box-shadow:none;border-radius:6px;background-color:#fff;color:#fd7801}@media only screen and (max-width:678px){.yoycol-works-page .yoycol-works-header .g-button{margin-top:24px;height:36px;font-size:14px}}.yoycol-works-page .yoycol-works-header__right{display:flex;align-items:center;justify-content:center;width:100%;max-width:400px;height:294px;margin-right:120px}@media only screen and (max-width:1280px){.yoycol-works-page .yoycol-works-header__right{margin-top:20px;margin-right:0}}@media only screen and (max-width:678px){.yoycol-works-page .yoycol-works-header__right{width:80%}}.yoycol-works-page .yoycol-works-header__right img{height:90%;width:90%;object-fit:contain}.yoycol-works-page .yoycol-works-steps{margin-top:100px;width:100%;max-width:1200px}.yoycol-works-page .yoycol-works-steps__content{margin-top:127px}@media only screen and (max-width:678px){.yoycol-works-page .yoycol-works-steps__content{margin-top:36px}}.yoycol-works-page .yoycol-works-steps__content .works-step{display:flex;align-items:center;justify-content:space-between;margin-bottom:60px}@media only screen and (max-width:1280px){.yoycol-works-page .yoycol-works-steps__content .works-step{flex-direction:column-reverse!important;margin-bottom:32px}}.yoycol-works-page .yoycol-works-steps__content .works-step:nth-child(2n+2){flex-direction:row-reverse}.yoycol-works-page .yoycol-works-steps__content .text{flex:0 1 460px}@media only screen and (max-width:1280px){.yoycol-works-page .yoycol-works-steps__content .text{flex:1 48px;margin-top:24px;text-align:center}}@media only screen and (max-width:678px){.yoycol-works-page .yoycol-works-steps__content .text{padding:0 24px}}.yoycol-works-page .yoycol-works-steps__content .title{font-size:30px;color:#fd7801;line-height:40px}@media only screen and (max-width:678px){.yoycol-works-page .yoycol-works-steps__content .title{font-size:16px;line-height:20px}}.yoycol-works-page .yoycol-works-steps__content .desc{margin-top:32px;font-size:18px;color:#333;line-height:26px}@media only screen and (max-width:678px){.yoycol-works-page .yoycol-works-steps__content .desc{margin-top:18px;font-size:16px}}.yoycol-works-page .yoycol-works-steps__content .image{display:flex;align-items:center;justify-content:center;width:100%;max-width:550px;max-height:400px}@media only screen and (max-width:1280px){.yoycol-works-page .yoycol-works-steps__content .image{width:50%}}@media only screen and (max-width:678px){.yoycol-works-page .yoycol-works-steps__content .image{width:80%}}.yoycol-works-page .yoycol-works-steps__content .image img{height:90%;width:90%;object-fit:contain}.yoycol-works-page .yoycol-works-media{margin:64px auto 0;padding:0 12px;width:100%;max-width:800px}.yoycol-works-page .yoycol-works-media .iframe{display:block;width:100%;height:100%;border-radius:12px}