.banner{padding:100px 0;background:url(/resource/images/tutorials/MC-tutorials-banner-bg.jpg) no-repeat;background-size:cover;text-align:center;color:#fff}.banner h1{margin-bottom:24px;line-height:86px;font-size:80px}@media (min-device-width:2048px){.banner{background-image:url(/resource/images/tutorials/MC-tutorials-banner-bg.jpg);background-size:100% 100%}}@media (max-width:767px){.banner{padding:100px 0 30px}.banner h1{font-size:32px;line-height:1.5}}.ic-arw{color:#2258f6}.ic-arw:hover::after{-webkit-transform:translateX(5px);-ms-transform:translateX(5px);transform:translateX(5px)}.toggle .nav-top{border-bottom:1px solid #e6e8e9;background:#fff;z-index:99}.toggle .toggle-content-items{padding:0 20px}.toggle .toggle-head-items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.toggle .toggle-head-items .toggle-head-item{padding:0 8px;width:24.8%;text-align:center;cursor:pointer}.toggle .toggle-content-item:not(:last-child){margin-bottom:160px}.toggle .slider-active{padding:18px 0;position:relative;border-bottom:1px solid transparent;width:100%;color:#000}.toggle .slider-active::after{width:0;height:0;border-bottom:6px solid transparent;border-top:6px solid #2258f6;border-left:6px solid transparent;border-right:6px solid transparent;content:'';position:absolute;display:block;opacity:0;bottom:-13px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.toggle .toggle-head-item.active .slider-active{color:#2258f6;font-weight:600;border-bottom:1px solid #2258f6}.toggle .toggle-head-item.active .slider-active::after{opacity:1}.toggle .main{padding:160px 0}.toggle .wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:40px}.toggle .wrap .left{width:44.6%}.toggle .wrap .left p{margin-bottom:40px;line-height:36px}.toggle .wrap-dl{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.toggle .wrap-dl.wrap-dl1 dd{width:48.3%}.toggle .wrap-dl dd{background:#fff;-webkit-box-shadow:0 10px 20px 0 rgba(0,0,0,.05);box-shadow:0 10px 20px 0 rgba(0,0,0,.05);border-radius:16px 16px 16px 16px;border:1px solid #e6e8e9;width:32%;padding:24px}.toggle .wrap-dl h4{margin-bottom:16px;line-height:26px}.toggle .wrap-dl h4+p{min-height:72px}.toggle .text-center{text-align:center;margin-top:40px}.toggle .text-center .btn-bd-bl{width:380px;min-width:0;max-width:100%;height:56px;line-height:56px;border-radius:8px 8px 8px 8px;border:1px solid #1d70ec}.toggle h3{margin-bottom:40px}@media (max-width:767px){.toggle h3{margin-bottom:24px}.toggle .main{padding:50px 0}.toggle .wrap{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.toggle .wrap .left{width:100%;text-align:center;margin-bottom:30px}.toggle .wrap .left p{line-height:1.1;margin-bottom:12px}.toggle .wrap-dl{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.toggle .wrap-dl dd,.toggle .wrap-dl.wrap-dl1 dd{width:100%;margin-bottom:30px}.toggle .text-center{max-width:100%;margin:auto}.toggle .toggle-content-item:not(:last-child){margin-bottom:40px}}