body,html{font-size:0;margin:0;padding:0;box-sizing:border-box;color:#fff;width:100%;font-family:Helvetica Neue,PingFang SC,Helvetica,Arial,Hiragino Sans GB,Microsoft Yahei,\\5FAE\8F6F\96C5\9ED1,STHeiti,\\534E\6587\7EC6\9ED1,sans-serif}body img,html img{width:100%}*{box-sizing:border-box}p{margin:0;padding:0}.center-box{max-width:1200px;margin:0 auto}.hide{display:none!important}.opci-hide{opacity:0}.ani-bg{-webkit-animation:zoom 8s ease-in-out 2s alternate infinite;animation:zoom 8s ease-in-out 2s alternate infinite}.fade-in{-webkit-animation:fade-in .4s ease both;animation:fade-in .4s ease both}.fade-out{-webkit-animation:fade-out .4s ease both;animation:fade-out .4s ease both}@-webkit-keyframes zoom{0%{transform:scale(1)}50%{transform:scale(1.08)}100%{transform:scale(1)}}@keyframes zoom{0%{transform:scale(1)}50%{transform:scale(1.08)}100%{transform:scale(1)}}@-webkit-keyframes fade-in{0%{opacity:0}100%{opacity:1;z-index:2}}@keyframes fade-in{0%{opacity:0}100%{opacity:1;z-index:2}}@-webkit-keyframes fade-out{0%{opacity:1}100%{opacity:0;z-index:1}}@keyframes fade-out{0%{opacity:1}100%{opacity:0;z-index:1}}header{width:100%;position:fixed;top:0;z-index:2}header #header-block{width:100%;height:84px;display:flex;justify-content:space-between;align-items:center;padding:0 82px;position:absolute;top:0;left:0;z-index:2}header #header-block .header-logo{width:92px;height:48px;position:relative}header #header-block .header-logo img{position:absolute}header #header-block .header-logo .logo-color-img{opacity:0}header #header-block .header-channel{width:110px;height:34px;border-radius:28px;text-align:center;font-size:16px;cursor:pointer}header .header-opacity .header-channel{line-height:32px;border:1px solid #fff}header .header-opacity .header-channel:hover{background:rgba(255,255,255,.3)}header .header-white{box-shadow:0 1px 1px 1px rgba(0,0,0,.1);background-color:#fff}header .header-white .header-channel{background:linear-gradient(270deg,rgba(254,82,101,.99) 0,#fe926e 100%);line-height:34px}header .header-white .header-channel:hover{background:linear-gradient(270deg,#d33f4f 0,#e4815f 100%)}.title{text-align:center;margin-bottom:90px}.title .title_main{color:#333;font-size:46px;margin-bottom:8px}.title .title_sub{color:#979797;font-size:32px;letter-spacing:1px}.first{position:relative;width:100%;overflow:hidden;max-height:752px}.first .first-bg{position:absolute;top:0;left:0;width:100%}.first .first-main{position:absolute;top:0;left:0;width:100%;height:100%}.first .first-main .center-box{padding-left:60px}.first .first-main .first-title{padding-top:18%}.first .first-main .title_main{font-size:58px}.first .first-main .title_sub{font-size:36px;letter-spacing:2px}.first .first-main .first-join{width:220px;height:58px;background:linear-gradient(270deg,rgba(254,82,101,.99) 0,#fe926e 100%);border-radius:48px;text-align:center;line-height:58px;font-size:26px;margin-top:4%;letter-spacing:2px;padding-left:4px;cursor:pointer;-webkit-tap-highlight-color:transparent}.first .first-main .first-join:hover{background:linear-gradient(270deg,#d33f4f 0,#e4815f 100%)}.introduction{width:100%;background-color:#fff;padding:128px 0}.introduction .introduction-main{width:calc(37% + 480px);margin:0 auto}.introduction .introduction-main p{font-size:20px;color:#4a4a4a;letter-spacing:1px;line-height:40px;text-align:justify;margin-bottom:50px}.introduction .introduction-main p:last-child{margin-bottom:0}.introduction .introduction-main p:nth-child(3){margin-bottom:0}.course{width:100%;background-color:#fafafa;padding:128px 0}.course .swiper-container{width:100%;max-width:1200px}.course .swiper-container .swiper-slide{width:600px;transform:scale(.85);transform-origin:center center;position:relative;border-radius:20px;overflow:hidden;border:1px solid rgba(238,238,238,.6);cursor:pointer;background-color:#fff}.course .swiper-container .swiper-slide p{font-size:16px;color:#979797;padding:10px 20px 20px 20px;line-height:1.7}.course .swiper-container .swiper-slide .banner-name{font-size:22px;text-align:center;font-weight:700;padding:10px 0 0;color:#4a4a4a}.course .swiper-container .swiper-slide::after{content:'';background-color:rgba(0,0,0,.3);position:absolute;top:0;left:0;z-index:2;width:100%;height:100%}.course .swiper-container .swiper-slide-active{transform:scale(1)}.course .swiper-container .swiper-slide-active::after{content:'';background-color:transparent}.course .swiper-container .swiper-button-next{background-image:url(https://daka666-1253442168.file.myqcloud.com/college_pro_media/tool/files/20181229_105733_right.png);background-size:80%;cursor:pointer}.course .swiper-container .swiper-button-prev{background-image:url(https://daka666-1253442168.file.myqcloud.com/college_pro_media/tool/files/20181229_105758_left.png);background-size:80%;cursor:pointer}.second{width:100%;background-color:#fff;padding:128px 0}.second .second-main{display:flex;justify-content:center}.second .second-main .main-icon{width:120px;margin-right:12.4%}.second .second-main .main-icon p{color:#4a4a4a;font-size:24px;text-align:center;margin-top:20px}.second .second-main .main-icon:last-child{margin-right:0}.third{width:100%;padding:73px 0;background-color:#fafafa}.third .third-code{width:320px;height:386px;background:#eaeaea;border-radius:29px;margin:0 auto;text-align:center}.third .third-code img{width:220px;margin:46px 0 20px}.third .third-code p{color:#4a4a4a;font-size:20px;letter-spacing:1px}.code-mask{width:100%;height:100%;position:fixed;top:0;left:0;background-color:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:1}.code-mask .mask-main{padding:26px 32px;padding-bottom:30px;background-color:#fff;text-align:center;border-radius:25px}.code-mask .mask-main img{width:237px;margin-bottom:4px}.code-mask .mask-main p{font-size:28px;font-weight:700;line-height:39px;letter-spacing:3px;color:#161616}.code-mask .mask-close{width:55px;height:55px;margin-top:27px;cursor:pointer}.footer{width:100%;position:relative;max-height:200px;overflow:hidden}.footer .footer-main{width:100%;height:100%;position:absolute;top:0;left:0;display:flex}.footer .footer-main .footer-section{width:50%;height:100%;display:flex;justify-content:center;align-items:center}.footer .footer-main .footer-section:first-child{position:relative}.footer .footer-main .footer-section:first-child::after{content:'';height:40%;position:absolute;right:0;width:1px;background-color:#fff;top:30%}.footer .footer-main .footer-section img{width:50px}.footer .footer-main .footer-section .section-word{font-size:18px;margin-left:28px}footer{width:100%;background-color:#462308;line-height:20px;padding:20px 0;color:#e1e1e1;text-align:center;font-size:12px;letter-spacing:1px}footer a{color:#e1e1e1;text-decoration:none}