@media only screen and (min-width:701px){.header{position:fixed;top:0;left:0;right:0;z-index:100}.header .navbar{background:#fff;padding:15px 0;box-shadow:0 3px 15px rgba(0,0,0,.1607843137254902)}.header .navbar .navbar-content{position:relative;width:900px;margin:0 auto;text-align:center;display:flex;align-items:center}.header .navbar .navbar-content .logo{width:30%}.header .navbar .navbar-content .logo img{width:50%}.header .navbar .navbar-content .nav{width:70%;margin:0 auto;display:flex;justify-content:space-evenly;text-align:center;font-size:15px}.header .navbar .navbar-content .nav .mobile-nav{display:none}.header .navbar .navbar-content .nav .navbtn{padding:8px 0;cursor:pointer}.header .navbar .navbar-content .nav .navbtn a{text-decoration:none;color:#666}.header .navbar .navbar-content .nav .navbtn .router-link-exact-active{color:#d65859}.header .navbar .navbar-content .nav .header-user-info{position:relative;cursor:pointer}.header .navbar .navbar-content .nav .header-user-info .header-user-info-icon{display:inline-block;vertical-align:middle}.header .navbar .navbar-content .nav .header-user-info .header-user-info-icon img{position:relative;top:3px;width:30px}.header .navbar .navbar-content .nav .header-user-info .header-user-info-name{position:relative;left:5px;display:inline-block;vertical-align:middle;color:#d65859}.header .navbar .navbar-content .nav .header-user-info .header-user-info-name i{padding-left:5px;color:#aaa}.header .navbar .navbar-content .nav .header-user-info .header-user-nav-list{position:absolute;top:35px;background-color:#d65859;width:145px;border-radius:10px}.header .navbar .navbar-content .nav .header-user-info .header-user-nav-list a{padding:10px 0;display:block;color:#fff;font-size:14px;text-decoration:none}.header .navbar .navbar-content .nav .header-user-info .header-user-nav-list .horizontal-bar{background-color:#fff;width:80%;height:.5px}.header .navbar .navbar-content .nav .signup{border-radius:8px;background:#d65859;color:#fff;padding:8px 20px;cursor:pointer}.header .navbar .navbar-content .nav .signup a{text-decoration:none;color:#fff}.header .mobile-navbar{display:none}}@media only screen and (max-width:700px){.navbar .navbar-content .logo{display:none}.navbar .navbar-content .nav{display:none;position:fixed;top:0;background-color:#d65859;opacity:.9;width:100%;height:100%;z-index:101}.navbar .navbar-content .nav .mobile-nav{padding-bottom:64vw}.navbar .navbar-content .nav .mobile-nav .nav-close{position:absolute;right:0;padding-top:8vw;padding-right:8vw;width:14vw;z-index:11}.navbar .navbar-content .nav .mobile-nav .nav-logo{position:absolute;width:16vw;left:0;right:0;top:35vw;margin:0 auto;z-index:10}.navbar .navbar-content .nav .mobile-nav .nav-logo img{position:relative;width:100%}.navbar .navbar-content .nav .mobile-nav .nav-name{margin:0 auto;padding-top:52vw;position:absolute;left:0;right:0;color:#fff;font-size:14px;font-style:italic;text-align:center}.navbar .navbar-content .nav .navbtn,.navbar .navbar-content .nav .signup{position:relative;left:0;right:0;margin:0 auto;text-align:center;color:#fff;font-size:5.5vw;padding-bottom:8vw}.navbar .navbar-content .nav .navbtn a,.navbar .navbar-content .nav .signup a{text-decoration:none;color:#fff}.navbar .navbar-content .nav .navbtn .router-link-exact-active,.navbar .navbar-content .nav .signup .router-link-exact-active{color:#000}.navbar .navbar-content .nav .header-user-info{display:none}.mobile-navbar{position:fixed;top:0;left:0;right:0;z-index:100;background-color:#fff;padding:4vw 8vw;box-shadow:0 5px 15px rgba(0,0,0,.1607843137254902)}.mobile-navbar .logo img{width:36vw}.mobile-navbar .logo .menu-icon{position:absolute;right:8vw;width:12vw;padding-top:2vw}.mobile-navbar .nav{display:none}}@media only screen and (min-width:701px){.footer{position:relative;bottom:0;border-top:1px solid hsla(0,0%,43.9%,.3);padding:30px 0}.footer .footerNav{width:900px;margin:0 auto;padding-top:20px;text-align:left;display:flex;flex-direction:row}.footer .footerNav .footerbar{flex:1}.footer .footerNav .footerbar .title{color:#d65859;font-weight:700;font-size:17px;margin:0}.footer .footerNav .footerbar .navContent{font-size:12px;padding-top:10px}.footer .footerNav .footerbar .navContent a{text-decoration:none;font-weight:600;color:#666;line-height:1;letter-spacing:.3px}.footer .copyright{margin:0 auto;padding-top:25px;text-align:center;font-size:10px;font-weight:700;color:#666;letter-spacing:.32px;opacity:.7}}@media only screen and (max-width:700px){.footer{position:relative;bottom:0;border-top:1px solid hsla(0,0%,43.9%,.3);padding:5vw 8vw}.footer .footerNav{padding:5vw 0;padding-bottom:0;text-align:left;display:flex;flex-direction:column}.footer .footerNav .footerbar{flex:1;padding-bottom:6vw}.footer .footerNav .footerbar .title{color:#d65859;font-weight:700;font-size:5.5vw;margin:0;letter-spacing:.1vw}.footer .footerNav .footerbar .navContent{font-size:4vw}.footer .footerNav .footerbar .navContent a{text-decoration:none;font-weight:700;color:#666;line-height:1;letter-spacing:.3px}.footer .copyright{margin:0 auto;padding-bottom:4vw;text-align:center;font-size:4.3vw;font-weight:700;color:#666;letter-spacing:.32px;opacity:.7}}body{margin:0 auto;padding:0;font-family:Open Sans,Source Sans Pro,Noto Sans SC,sans-serif;box-sizing:border-box}@media only screen and (min-width:701px){body{min-width:1200px;max-width:1920px}.container{position:relative;top:94px}.pc{display:block}.mobile{display:none}}@media only screen and (max-width:700px){body{width:100vw}.container{position:relative;top:25vw}.pc{display:none}.mobile{display:block}}@media only screen and (min-width:701px){.index .index-banner{position:relative;background:url(../img/ata-banner-background.7554447f.jpg);background-size:100% auto;background-repeat:no-repeat;height:300px;color:#fff;text-align:center;overflow:hidden;z-index:1}.index .index-banner .index-banner-img-cover{position:absolute;top:0;left:0;background-color:#fff;width:100%;height:300px;overflow:hidden;opacity:.7;z-index:-1}.index .index-banner .index-banner-title{padding-top:45px;padding-bottom:10px;font-size:36px;font-weight:700;color:#666;z-index:10}.index .index-banner .index-banner-sub-title{color:#d65859;font-size:18px;margin:10px auto}.index .index-banner .index-banner-button-card{margin:10px auto;display:flex;flex-direction:row;justify-content:center}.index .index-banner .index-banner-button-card .index-banner-button{margin:20px 10px}.index .index-banner .index-banner-button-card .index-banner-button .el-button{width:95%;background-color:#d65859;color:#fff;font-size:15px;border-radius:11px}.index .index-banner .index-banner-button-card .index-banner-button .index-banner-button-text{margin-top:15px;color:#666;font-size:11px}.index .index-banner .index-banner-button-card .index-banner-button:nth-child(2) .el-button{background-color:#fabe0f;color:#666}.index .index-banner .index-banner-description{width:800px;margin:auto;font-size:12px;color:#666;padding:30px 60px}.index .index-header{position:relative;width:900px;margin:0 auto;padding:40px 0;padding-bottom:100px;display:flex;flex-direction:row;justify-content:space-between}.index .index-header .index-header-card .index-header-content{width:70px;height:70px}.index .index-header .index-header-card .index-header-content img{width:100%;padding-bottom:30px}.index .index-header .index-header-card .index-header-content .index-header-content-text{color:#d65859;font-size:25px;font-weight:700;text-align:center}.index .index-divider{position:relative;width:900px;margin:0 auto;padding-bottom:20px}.index .index-divider img{width:900px}.index .index-title{padding-bottom:30px;font-size:27px;color:#666;text-align:center;font-weight:700}.index .index-content{position:relative;width:900px;margin:0 auto;padding-bottom:30px;display:flex;justify-content:space-between;flex-wrap:wrap;overflow:hidden}.index .index-content .index-content-card{width:270px;margin:20px 0;padding:35px 0;border-radius:15px;letter-spacing:.5px;box-shadow:0 3px 15px rgba(0,0,0,.2);display:flex;flex-direction:column}.index .index-content .index-content-card .index-content-banner{flex:3.5;margin:0 0}.index .index-content .index-content-card .index-content-banner img{width:100%;height:100%}.index .index-content .index-content-card .index-content-title{font-size:18px;margin-top:-30px;padding:15px;background:#d65859;color:#fff}.index .index-content .index-content-card .index-content-description{flex:5.5;padding:15px;padding-bottom:0;font-size:10px;color:#666;text-align:left;line-height:1.8}.index .index-content .index-content-card:first-child{margin-left:10px}.index .index-content .index-content-card:last-child{margin-right:10px}.index .index-subtitle{margin-bottom:20px;color:#d65859;text-align:center;font-size:27px;font-weight:700}.index .index-second-content{position:relative;width:900px;margin:0 auto;display:flex;justify-content:space-between}.index .index-second-content .index-second-content-card{width:440px;margin:40px auto}.index .index-second-content .index-second-content-card .index-second-content-title{color:#556583;font-size:30px;font-weight:700}.index .index-second-content .index-second-content-card .index-second-content-description{color:#666;font-size:11px;line-height:1.7;letter-spacing:.28px;padding:30px 25px 30px 0}.index .index-second-content .index-second-content-card .index-second-content-button{padding-right:25px;font-size:15px;display:flex;flex-direction:row;justify-content:space-between}.index .index-second-content .index-second-content-card .index-second-content-button .index-second-content-button-item .el-button{flex:1;width:200px;height:45px;color:#fff;background-color:#aaa;border-radius:30px}.index .index-second-content .index-second-content-card .index-second-content-button .index-second-content-button-item:nth-child(2) .el-button{background-color:#fff;color:#556583;box-shadow:0 3px 15px rgba(0,0,0,.1607843137254902)}.index .index-second-content .index-second-content-card img{width:100%;border-radius:17px}.index .index-third-content-background{background-color:#f6f7fa;padding:20px 0;padding-bottom:40px}.index .index-third-content-background .index-third-content{position:relative;width:900px;margin:0 auto}.index .index-third-content-background .index-third-content .index-third-content-title{width:450px;font-size:28px;font-weight:700;color:#556583;padding:40px 0}.index .index-third-content-background .index-third-content .index-third-content-courses{position:relative;margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap}.index .index-third-content-background .index-third-content .index-third-content-courses .index-third-content-courses-card{position:relative;width:280px;box-shadow:0 3px 15px rgba(0,0,0,.161);margin-bottom:30px;cursor:pointer}.index .index-third-content-background .index-third-content .index-third-content-courses .index-third-content-courses-card .index-third-content-courses-card-thumbnail{position:relative}.index .index-third-content-background .index-third-content .index-third-content-courses .index-third-content-courses-card .index-third-content-courses-card-thumbnail img{width:100%}.index .index-third-content-background .index-third-content .index-third-content-courses .index-third-content-courses-card .index-third-content-courses-card-content{position:relative;margin:0 auto;padding:0 10px;padding-top:10px;padding-bottom:20px;text-align:left}.index .index-third-content-background .index-third-content .index-third-content-courses .index-third-content-courses-card .index-third-content-courses-card-content .index-third-content-courses-card-title{margin:10px auto;font-size:11px;font-weight:700;color:#666}.index .index-third-content-background .index-third-content .index-third-content-courses .index-third-content-courses-card .index-third-content-courses-card-content .index-third-content-courses-card-description{margin:10px auto;padding-top:0;font-size:10px;color:#666}.index .index-third-content-background .index-third-content .index-third-content-courses .index-third-content-courses-card .index-third-content-courses-card-content .index-third-content-courses-card-info{display:flex;justify-content:space-between;flex-wrap:wrap;margin:10px auto}.index .index-third-content-background .index-third-content .index-third-content-courses .index-third-content-courses-card .index-third-content-courses-card-content .index-third-content-courses-card-info .index-third-content-courses-card-team{font-size:11.5px;color:#aaa}.index .index-third-content-background .index-third-content .index-third-content-courses .index-third-content-courses-card .index-third-content-courses-card-content .index-third-content-courses-card-info .index-third-content-courses-card-price{font-size:11.5px;color:#d65859}.index-divider-pc{display:block}.index-divider-logo-mobile{display:none}}@media only screen and (max-width:700px){.index .index-banner{padding:12vw;position:relative;background:url(../img/ata-banner-bg.1d702fd5.jpg);background-size:100% auto;background-repeat:no-repeat;height:138vw;color:#fff;text-align:center;overflow:hidden}.index .index-banner .index-banner-img-cover{display:none}.index .index-banner .index-banner-title{padding-top:5vw;padding-bottom:5vw;font-size:9.6vw;font-weight:700;color:#666;width:70vw;margin:0 auto;line-height:1.4;letter-spacing:.1vw}.index .index-banner .index-banner-sub-title{color:#d65859;font-size:5vw;font-weight:700}.index .index-banner .index-banner-button-card{margin:8vw auto;display:flex;flex-direction:column;justify-content:center}.index .index-banner .index-banner-button-card .index-banner-button .el-button{background-color:#d65859;color:#fff;font-size:4.2vw;font-weight:700;width:65vw;border-radius:2vw;padding:5vw}.index .index-banner .index-banner-button-card .index-banner-button .index-banner-button-text{margin:4vw auto 7vw;color:#666;font-size:3.4vw}.index .index-banner .index-banner-button-card .index-banner-button:nth-child(2) .el-button{background-color:#fabe0f;color:#666}.index .index-banner .index-banner-description{width:100%;margin:auto;font-size:12vw;color:#666;padding:30vw 60vw}.index .index-header{width:100%;margin:0 auto;display:flex;flex-direction:column}.index .index-header .index-header-card{align-self:center;margin-top:15vw;padding-bottom:14vw}.index .index-header .index-header-card .index-header-content{margin:auto auto}.index .index-header .index-header-card .index-header-content .index-header-content-text{color:#d65859;font-size:10vw;font-weight:700;text-align:center;padding-top:12vw}.index .index-header .index-header-card:first-child{margin-left:0}.index .index-header .index-header-card:last-child{margin-right:0}.index .index-divider{margin:auto 5vw}.index .index-divider img{width:80vw;margin:0 auto}.index .index-title{font-size:7.5vw;color:#666;text-align:center;font-weight:700;padding:7vw 0}.index .index-content{width:100vw;display:flex;justify-content:space-evenly;flex-wrap:wrap;overflow:hidden}.index .index-content .index-content-card{display:flex;flex-direction:column;min-height:100vw;width:82vw;box-shadow:0 1vw 5vw rgba(0,0,0,.2);border-radius:4vw;padding-top:8vw;margin:5vw auto}.index .index-content .index-content-card .index-content-banner{margin:0 0;flex:3.5}.index .index-content .index-content-card .index-content-banner img{width:100%;height:100%}.index .index-content .index-content-card .index-content-title{font-size:5vw;padding:5vw 6vw;background:#d65859;color:#fff;font-weight:700;flex:1;margin-top:-13vw}.index .index-content .index-content-card .index-content-description{font-size:4vw;font-weight:700;padding:5vw 6vw 10vw;flex:5.5;line-height:1.9;color:#666}.index .index-subtitle{font-size:6.5vw;color:#d65859;text-align:center;font-weight:700;padding:10vw 20vw 4vw}.index .index-second-content{width:100%;margin:0 auto;padding-bottom:5vw}.index .index-second-content .index-second-content-card{width:90vw;margin:8vw auto}.index .index-second-content .index-second-content-card .index-second-content-title{color:#556583;font-size:9.8vw;text-align:left;font-weight:700;margin:0 5vw}.index .index-second-content .index-second-content-card .index-second-content-description{color:#666;font-size:4.1vw;font-weight:700;margin:8vw 5vw;line-height:1.8}.index .index-second-content .index-second-content-card .index-second-content-button{display:flex;flex-direction:column;text-align:center}.index .index-second-content .index-second-content-card .index-second-content-button .index-second-content-button-item .el-button{font-size:5vw;font-weight:700;width:80vw;color:#fff;height:17vw;border-radius:15vw;align-self:center;background-color:#aaa}.index .index-second-content .index-second-content-card .index-second-content-button .index-second-content-button-item:last-child .el-button{margin:4vw auto;background-color:#fff;color:#556583;box-shadow:0 3px 15px rgba(0,0,0,.1607843137254902)}.index .index-second-content .index-second-content-card img{width:90vw;margin:0 auto;border-radius:5vw}.index .index-third-content-background{background-color:#f6f7fa;padding-top:6vw;padding-bottom:16vw}.index .index-third-content-background .index-third-content{position:relative;width:100vw;margin:0 auto}.index .index-third-content-background .index-third-content .index-third-content-title{width:86vw;margin:0 auto;font-size:7.5vw;color:#556583;padding:5vw 5vw 7vw;font-weight:700;line-height:1.4}.index .index-third-content-background .index-third-content .index-third-content-courses .index-third-content-courses-card{position:relative;width:86vw;margin:0 auto;box-shadow:0 1vw 5vw rgba(0,0,0,.161);margin-bottom:8vw}.index .index-third-content-background .index-third-content .index-third-content-courses .index-third-content-courses-card .index-third-content-courses-card-thumbnail{position:relative}.index .index-third-content-background .index-third-content .index-third-content-courses .index-third-content-courses-card .index-third-content-courses-card-thumbnail img{width:100%}.index .index-third-content-background .index-third-content .index-third-content-courses .index-third-content-courses-card .index-third-content-courses-card-content{position:relative;margin:0 auto;padding:2vw 5vw 4vw;text-align:left;line-height:1.3}.index .index-third-content-background .index-third-content .index-third-content-courses .index-third-content-courses-card .index-third-content-courses-card-content .index-third-content-courses-card-title{font-size:4vw;font-weight:700;color:#666}.index .index-third-content-background .index-third-content .index-third-content-courses .index-third-content-courses-card .index-third-content-courses-card-content .index-third-content-courses-card-description{margin:3vw auto;font-size:3.5vw;color:#666}.index .index-third-content-background .index-third-content .index-third-content-courses .index-third-content-courses-card .index-third-content-courses-card-content .index-third-content-courses-card-info{display:flex;justify-content:space-between;flex-wrap:wrap;margin:3vw auto}.index .index-third-content-background .index-third-content .index-third-content-courses .index-third-content-courses-card .index-third-content-courses-card-content .index-third-content-courses-card-info .index-third-content-courses-card-team{font-size:4vw;color:#aaa;font-weight:700}.index .index-third-content-background .index-third-content .index-third-content-courses .index-third-content-courses-card .index-third-content-courses-card-content .index-third-content-courses-card-info .index-third-content-courses-card-price{font-size:4vw;color:#d65859;font-weight:700}.index-divider-pc{display:none}.index-divider-logo-mobile{display:block}}@media only screen and (min-width:701px){.about-us .about-us-banner{position:relative;background:url(../img/ata-banner-background.7554447f.jpg);background-repeat:no-repeat;height:400px;color:#fff;text-align:center;overflow:hidden;z-index:-2}.about-us .about-us-banner .about-us-banner-img-cover{position:absolute;width:100%;height:400px;top:0;left:0;background-color:#000;overflow:hidden;opacity:.7;z-index:-1}.about-us .about-us-banner .about-us-banner-title{padding-top:45px;font-size:36px;font-weight:700}.about-us .about-us-banner .about-us-banner-sub-title{color:#fabe0f;font-size:18px}.about-us .about-us-banner .about-us-banner-description{width:800px;margin:auto;font-size:13px;padding:30px 0;line-height:1.6}.about-us .about-us-content-background{background-color:#f6f7fa}.about-us .about-us-content-background .about-us-content{position:relative;width:900px;margin:0 auto;padding:50px 0;display:grid;grid-template-columns:repeat(3,1fr)}.about-us .about-us-content-background .about-us-content .about-us-card{width:270px;margin:20px 0;padding:35px 0;border-radius:15px;letter-spacing:.5px;box-shadow:0 3px 15px rgba(0,0,0,.2);display:flex;flex-direction:column}.about-us .about-us-content-background .about-us-content .about-us-card .about-us-content-banner{height:250px;margin:0 0}.about-us .about-us-content-background .about-us-content .about-us-card .about-us-content-banner img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.about-us .about-us-content-background .about-us-content .about-us-card .about-us-content-title{font-size:18px;margin-top:-1px;padding:15px;background:#d65859;color:#fff}.about-us .about-us-content-background .about-us-content .about-us-card .about-us-content-description{padding:15px;padding-bottom:0;font-size:10px;color:#666;text-align:left;line-height:1.8}}@media only screen and (max-width:700px){.about-us .about-us-banner{padding:10vw;position:relative;background:url(../img/header-bg.e3d96b7e.jpg);background-size:100% auto;background-repeat:no-repeat;height:130vw;color:#fff;text-align:center;overflow:hidden;z-index:-2;letter-spacing:.1vw}.about-us .about-us-banner .about-us-banner-img-cover{display:none}.about-us .about-us-banner .about-us-banner-title{padding-top:12vw;font-size:9.6vw;font-weight:700;text-align:center}.about-us .about-us-banner .about-us-banner-sub-title{text-align:center;margin:4vw auto;color:#fabe0f;font-size:4.8vw;font-weight:700}.about-us .about-us-banner .about-us-banner-description{text-align:center;width:67.5vw;margin:0 auto;padding-top:3vw;font-size:3vw;line-height:1.3}.about-us .about-us-content-background{background-color:#f6f7fa}.about-us .about-us-content-background .about-us-content{width:100vw;margin:0 auto;padding-top:14vw;padding-bottom:10vw}.about-us .about-us-content-background .about-us-content .about-us-card{width:80vw;margin:0 auto;min-height:100vw;box-shadow:0 1vw 3vw rgba(0,0,0,.2);border-radius:5vw;padding:7vw 0;display:flex;flex-direction:column;margin-bottom:8vw}.about-us .about-us-content-background .about-us-content .about-us-card .about-us-content-banner{height:55vw;margin:0 0}.about-us .about-us-content-background .about-us-content .about-us-card .about-us-content-banner img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.about-us .about-us-content-background .about-us-content .about-us-card .about-us-content-title{font-size:5vw;padding:5vw 6vw;background:#d65859;color:#fff;font-weight:700;margin-top:-2vw}.about-us .about-us-content-background .about-us-content .about-us-card .about-us-content-description{color:#666;font-size:4vw;font-weight:700;padding:5vw 6vw;line-height:1.7}}@media only screen and (min-width:701px){.contact-us .contact-us-banner{position:relative;background:url(../img/ata-banner-background.7554447f.jpg);background-size:100% auto;background-repeat:no-repeat;height:300px;color:#fff;text-align:center;overflow:hidden;z-index:-2}.contact-us .contact-us-banner .contact-us-banner-img-cover{position:absolute;top:0;left:0;background-color:#000;width:100%;height:300px;overflow:hidden;opacity:.7;z-index:-1}.contact-us .contact-us-banner .contact-us-banner-title{padding-top:45px;font-size:36px;font-weight:700}.contact-us .contact-us-banner .contact-us-banner-suggestion-and-question{color:#fabe0f;font-size:18px}.contact-us .contact-us-banner .contact-us-banner-description{padding-top:30px;font-size:13px;line-height:1.6}.contact-us .contact-us-banner .contact-us-banner-description .keyword{color:#d65859}.contact-us .contact-us-content{width:900px;margin:0 auto;margin-top:20px;margin-bottom:50px}.contact-us .contact-us-content .contact-us-content-logo img{width:900px}.contact-us .contact-us-content .contact-us-content-title{color:#d65859;font-size:24px;font-weight:700;text-align:center}.contact-us .contact-us-content .contact-us-content-form .contact-us-content-form-title{margin-top:30px;color:#556583;font-size:16px;font-weight:600}.contact-us .contact-us-content .contact-us-content-form .contact-us-content-form-column{margin-top:5px}.contact-us .contact-us-content .contact-us-content-form .contact-us-content-form-column input{padding-left:10px;padding-right:10px;width:100%;height:35px;border:1px solid #aaa;border-radius:10px;box-sizing:border-box}.contact-us .contact-us-content .contact-us-content-form .contact-us-content-form-column textarea{padding:10px;width:100%;height:135px;border:1px solid #aaa;border-radius:10px;box-sizing:border-box;vertical-align:top;resize:none}.contact-us .contact-us-content .contact-us-content-form .contact-us-content-form-submit{margin-top:30px}.contact-us .contact-us-content .contact-us-content-form .contact-us-content-form-submit button{background-color:#aaa;width:100%;height:35px;border:1px solid #aaa;border-radius:10px;font-size:18px;font-weight:700;letter-spacing:1.6px;color:#fff;cursor:pointer}.contact-us .contact-us-content .contact-us-content-form .contact-us-content-form-submit.valid .el-button{width:100%;height:35px;border:1px solid #aaa;border-radius:10px;font-size:18px;font-weight:700;letter-spacing:1.6px;color:#fff;cursor:pointer;background-color:#d65859}.contact-us-content-logo-pc{display:block}.contact-us-content-logo-mobile{display:none}}@media only screen and (max-width:700px){.contact-us .contact-us-banner{padding:6vw;position:relative;background:url(../img/header-bg.e3d96b7e.jpg);background-size:100% auto;background-repeat:no-repeat;height:115vw;color:#fff;text-align:center;overflow:hidden;z-index:-2;letter-spacing:.1vw;line-height:1.3}.contact-us .contact-us-banner .contact-us-banner-img-cover{display:none}.contact-us .contact-us-banner .contact-us-banner-title{padding-top:16vw;font-size:10vw;font-weight:700}.contact-us .contact-us-banner .contact-us-banner-suggestion-and-question{padding-top:4vw;color:#fabe0f;font-size:5vw;width:75vw;margin:0 auto}.contact-us .contact-us-banner .contact-us-banner-description{padding-top:9vw;font-size:4.6vw}.contact-us .contact-us-banner .contact-us-banner-description .keyword{color:#d65859}.contact-us .contact-us-banner .office{padding-top:12vw;width:75vw;margin:0 auto}.contact-us .contact-us-content{margin:0 auto;padding:11vw 10vw;letter-spacing:.1vw}.contact-us .contact-us-content .contact-us-content-logo img{width:80vw;margin:0 auto}.contact-us .contact-us-content .contact-us-content-title{color:#d65859;font-size:8vw;font-weight:700;text-align:center;width:50vw;margin:0 auto;padding-top:5vw;padding-bottom:6vw}.contact-us .contact-us-content .contact-us-content-form .contact-us-content-form-title{margin-top:7vw;color:#556583;font-size:5vw;font-weight:600;padding-bottom:4vw}.contact-us .contact-us-content .contact-us-content-form .contact-us-content-form-column{padding-bottom:8vw}.contact-us .contact-us-content .contact-us-content-form .contact-us-content-form-column input{padding-left:8vw;width:100%;height:20vw;font-size:5vw;font-style:italic;border:1px solid #aaa;border-radius:3vw;box-sizing:border-box}.contact-us .contact-us-content .contact-us-content-form .contact-us-content-form-column textarea{padding:4vw 8vw;width:100%;height:60vw;font-size:5vw;font-style:italic;border:1px solid #aaa;border-radius:3vw;box-sizing:border-box;vertical-align:top;resize:none}.contact-us .contact-us-content .contact-us-content-form .contact-us-content-form-submit{margin-top:4vw}.contact-us .contact-us-content .contact-us-content-form .contact-us-content-form-submit button{background-color:#aaa;width:100%;height:17vw;font-size:5vw;font-weight:700;border:1px solid #aaa;border-radius:3vw;color:#fff;cursor:pointer;letter-spacing:.2vw}.contact-us .contact-us-content .contact-us-content-form .contact-us-content-form-submit.valid .el-button{background-color:#d65859;width:100%;height:17vw;font-size:5vw;font-weight:700;border:1px solid #aaa;border-radius:3vw;color:#fff;cursor:pointer;letter-spacing:.2vw}.contact-us-content-logo-pc{display:none}.contact-us-content-logo-mobile{display:block}}@media only screen and (min-width:701px){.login-and-signin{background:url(../img/login-background.afaf046b.jpg);background-attachment:fixed;background-repeat:no-repeat}.login-and-signin .login-and-signin-banner{margin:0 auto;padding-top:50px;width:1200px;height:700px;text-align:center;overflow:hidden}.login-and-signin .login-and-signin-banner .login-and-signin-layout{margin:0 20px;padding:30px;display:inline-block;background-color:#fff;width:400px;border-radius:10px;text-align:left;vertical-align:top}.login-and-signin .login-and-signin-banner .login-and-signin-layout .login-and-signin-title{margin-top:10px;color:#556583;font-size:20px;font-weight:700}.login-and-signin .login-and-signin-banner .login-and-signin-layout .login-and-signin-form{margin-top:40px}.login-and-signin .login-and-signin-banner .login-and-signin-layout .login-and-signin-form .login-and-signin-form-title{margin-top:20px;color:#556583;font-size:12px;font-weight:700}.login-and-signin .login-and-signin-banner .login-and-signin-layout .login-and-signin-form .login-and-signin-form-title .el-form-item__label{font-size:12px}.login-and-signin .login-and-signin-banner .login-and-signin-layout .login-and-signin-form .login-and-signin-form-column{margin-top:10px}.login-and-signin .login-and-signin-banner .login-and-signin-layout .login-and-signin-form .login-and-signin-form-column input{border:1px solid #aaa;border-radius:10px}.login-and-signin .login-and-signin-banner .login-and-signin-layout .login-and-signin-form .login-and-signin-form-double-column{position:relative}.login-and-signin .login-and-signin-banner .login-and-signin-layout .login-and-signin-form .login-and-signin-form-double-column .login-and-signin-form-column{display:inline-block}.login-and-signin .login-and-signin-banner .login-and-signin-layout .login-and-signin-form .login-and-signin-form-double-column .login-and-signin-form-column .login-and-signin-form-title-pwd{color:#556583;font-size:12px;font-weight:700}.login-and-signin .login-and-signin-banner .login-and-signin-layout .login-and-signin-form .login-and-signin-form-double-column .login-and-signin-form-column .login-and-signin-form-title-pwd .el-form-item__label{font-size:12px}.login-and-signin .login-and-signin-banner .login-and-signin-layout .login-and-signin-form .login-and-signin-form-double-column .login-and-signin-form-column .login-and-signin-form-column-pwd{margin-top:10px}.login-and-signin .login-and-signin-banner .login-and-signin-layout .login-and-signin-form .login-and-signin-form-double-column .login-and-signin-form-column .login-and-signin-form-column-pwd input{width:96%;border:1px solid #aaa;border-radius:10px}.login-and-signin .login-and-signin-banner .login-and-signin-layout .login-and-signin-form .login-and-signin-form-double-column .login-and-signin-form-column-right{position:absolute;right:-7px}.login-and-signin .login-and-signin-banner .login-and-signin-layout .login-and-signin-form .login-and-signin-form-submit{margin-top:30px}.login-and-signin .login-and-signin-banner .login-and-signin-layout .login-and-signin-form .login-and-signin-form-submit button{padding:10px 30px;background-color:#d65859;min-height:0;border-radius:8px;color:#fff}.login-and-signin .login-and-signin-banner .login-and-signin-layout .login-and-signin-form .login-and-signin-form-forgot-pwd{margin-top:10px}.login-and-signin .login-and-signin-banner .login-and-signin-layout .login-and-signin-form .login-and-signin-form-forgot-pwd a{color:#aaa;font-size:14px;text-decoration:none}.login-and-signin .login-and-signin-banner .login-and-signin-layout .login-and-signin-form .login-and-signin-form-terms{margin-top:30px}.login-and-signin .login-and-signin-banner .login-and-signin-layout .login-and-signin-form .login-and-signin-form-terms .login-and-signin-form-term{margin-top:15px}.login-and-signin .login-and-signin-banner .login-and-signin-layout .login-and-signin-form .login-and-signin-form-terms .login-and-signin-form-term .login-and-signin-form-term-checkbox{display:inline-block;width:30px;vertical-align:top}.login-and-signin .login-and-signin-banner .login-and-signin-layout .login-and-signin-form .login-and-signin-form-terms .login-and-signin-form-term .login-and-signin-form-term-point{display:inline-block;width:360px;color:#666;font-size:14px}}@media only screen and (max-width:700px){.login-and-signin{background:url(../img/login-bg.3051618e.jpg);background-repeat:no-repeat}.login-and-signin .login-and-signin-banner{margin:0 auto;padding:14vw 7vw;text-align:center;overflow:hidden}.login-and-signin .login-and-signin-banner .login-and-signin-layout{margin-bottom:8vw;padding:7vw 7vw 18vw;display:inline-block;background-color:#fff;border-radius:3vw;text-align:left;vertical-align:top}.login-and-signin .login-and-signin-banner .login-and-signin-layout .login-and-signin-title{margin-top:4vw;color:#556583;font-size:6.5vw;font-weight:700}.login-and-signin .login-and-signin-banner .login-and-signin-layout .login-and-signin-form{margin-top:12vw}.login-and-signin .login-and-signin-banner .login-and-signin-layout .login-and-signin-form .login-and-signin-form-title{margin-top:4vw;color:#556583;font-size:4.5vw;font-weight:700}.login-and-signin .login-and-signin-banner .login-and-signin-layout .login-and-signin-form .login-and-signin-form-column{margin-top:2vw}.login-and-signin .login-and-signin-banner .login-and-signin-layout .login-and-signin-form .login-and-signin-form-column input{border:1px solid #aaa;border-radius:10px;height:14vw}.login-and-signin .login-and-signin-banner .login-and-signin-layout .login-and-signin-form .login-and-signin-form-double-column{position:relative}.login-and-signin .login-and-signin-banner .login-and-signin-layout .login-and-signin-form .login-and-signin-form-double-column .login-and-signin-form-column{display:inline-block}.login-and-signin .login-and-signin-banner .login-and-signin-layout .login-and-signin-form .login-and-signin-form-double-column .login-and-signin-form-column .login-and-signin-form-title-pwd{margin-top:20px;color:#556583;font-size:12px;font-weight:700}.login-and-signin .login-and-signin-banner .login-and-signin-layout .login-and-signin-form .login-and-signin-form-double-column .login-and-signin-form-column .login-and-signin-form-column-pwd{margin-top:10px}.login-and-signin .login-and-signin-banner .login-and-signin-layout .login-and-signin-form .login-and-signin-form-double-column .login-and-signin-form-column .login-and-signin-form-column-pwd input{width:96%;border:1px solid #aaa;border-radius:10px}.login-and-signin .login-and-signin-banner .login-and-signin-layout .login-and-signin-form .login-and-signin-form-double-column .login-and-signin-form-column-right{position:absolute;right:-7px}.login-and-signin .login-and-signin-banner .login-and-signin-layout .login-and-signin-form .login-and-signin-form-submit{margin-top:8vw}.login-and-signin .login-and-signin-banner .login-and-signin-layout .login-and-signin-form .login-and-signin-form-submit button{padding:4vw 10vw;background-color:#d65859;min-height:0;border-radius:2vw;font-size:5vw;color:#fff}.login-and-signin .login-and-signin-banner .login-and-signin-layout .login-and-signin-form .login-and-signin-form-forgot-pwd{margin-top:3vw}.login-and-signin .login-and-signin-banner .login-and-signin-layout .login-and-signin-form .login-and-signin-form-forgot-pwd a{color:#aaa;font-size:4.5vw;font-weight:700;text-decoration:none}.login-and-signin .login-and-signin-banner .login-and-signin-layout .login-and-signin-form .login-and-signin-form-terms{margin-top:8vw}.login-and-signin .login-and-signin-banner .login-and-signin-layout .login-and-signin-form .login-and-signin-form-terms .login-and-signin-form-term{margin-top:6vw}.login-and-signin .login-and-signin-banner .login-and-signin-layout .login-and-signin-form .login-and-signin-form-terms .login-and-signin-form-term .login-and-signin-form-term-checkbox{display:inline-block;width:10vw;vertical-align:top}.login-and-signin .login-and-signin-banner .login-and-signin-layout .login-and-signin-form .login-and-signin-form-terms .login-and-signin-form-term .login-and-signin-form-term-point{display:inline-block;width:60vw;color:#666;font-size:4vw}}@media only screen and (min-width:701px){.userBase{position:relative;display:flex;height:100vh;overflow:hidden}.userBase .left-header{position:relative;width:300px;height:100%;background-color:#fff}.userBase .left-header .logo{padding:20px 10px}.userBase .left-header .logo img{width:50px}.userBase .left-header .logo p{display:inline-block;vertical-align:bottom;padding-left:20px;color:#556583;font-size:17px;font-weight:700}.userBase .left-header .username{position:relative;text-align:center;padding-top:10px}.userBase .left-header .username img{width:185px;cursor:pointer}.userBase .left-header .username .name{color:#666;font-weight:700;margin-top:5px;margin-bottom:0}.userBase .left-header .username .email{color:#d65859;font-size:12px;font-weight:700;margin-top:5px}.userBase .left-header .menu{position:relative;padding-top:65px}.userBase .left-header .menu .menu-item{background-color:#f6f7fa;padding:14px 0 14px 40px;margin:5px 0;color:#666;font-weight:700}.userBase .left-header .menu .menu-item i{padding-right:15px;font-size:22px;vertical-align:bottom;color:#aaa}.userBase .left-header .menu .menu-item p{margin-top:0;margin-bottom:0;cursor:pointer}.userBase .left-header .logout{color:#aaa;font-weight:700;padding-top:4px;padding-left:40px}.userBase .left-header .logout p{cursor:pointer}.userBase .mobile-header{display:none}.userBase .user-child-layout{background-color:#f6f7fa;width:100%;min-height:100vh;overflow:auto}.userBase .mobile-footer{display:none}}@media only screen and (max-width:700px){.left-header{display:none}.mobile-header{position:fixed;left:0;right:0;top:0;padding:4vw;text-align:center;background-color:#fff;box-shadow:0 5px 15px rgba(0,0,0,.1607843137254902);z-index:9}.mobile-header .logo{width:18vw}.mobile-header .menu{position:absolute;right:6vw;width:14vw;padding-top:2vw}.mobile-menu{position:fixed;top:0;background-color:#f6f7fa;opacity:.9;width:100%;height:100%;z-index:10}.mobile-menu .close{position:relative;float:right;padding-top:8vw;padding-right:8vw;width:14vw;z-index:11}.mobile-menu .profile{position:relative;padding-top:28vw;padding-left:8vw}.mobile-menu .profile img{width:30vw}.mobile-menu .profile .profile-item{display:inline-block;width:30vw;vertical-align:top;padding-top:10vw;line-height:1.4}.mobile-menu .profile .profile-item .name{font-size:5vw;font-weight:700;color:#666}.mobile-menu .profile .profile-item .email{font-size:4vw;font-weight:700;color:#d65859}.mobile-menu .menu .menu-item{background-color:#fff;margin-bottom:2vw;color:#666;font-weight:700;padding:5vw 14vw}.mobile-menu .menu .menu-item p{margin:0;font-size:5vw;color:#556583}.mobile-menu .menu .menu-item img{padding-right:5vw;vertical-align:bottom}.mobile-menu .logout{color:#aaa;font-size:5vw;font-weight:700;padding-top:4vw;padding-left:16vw}.user-child-layout{position:relative;padding-top:27vw}.mobile-footer{background-color:#444;color:#fff;padding:10vw;text-align:center;line-height:1.6}.mobile-footer .copyright{font-size:4vw}.mobile-footer .text{padding-top:1vw;font-size:3vw}}@media only screen and (min-width:701px){.user-billing{padding-top:30px;padding-left:50px}.user-billing .user-billing-part{margin-right:50px;margin-bottom:80px;position:relative}.user-billing .user-billing-part .user-billing-part-title{color:#556583;font-size:20px;font-weight:700}.user-billing .user-billing-part .user-billing-part-description{margin-top:5px;color:#666}.user-billing .user-billing-part .user-billing-part-list{margin-top:25px;padding:20px 40px;background-color:#fff;border-radius:20px;box-shadow:0 1px 8px #aaa;color:#666;font-weight:600}.user-billing .user-billing-part .user-billing-part-list .user-billing-part-list-row-logo{display:inline-block;vertical-align:middle}.user-billing .user-billing-part .user-billing-part-list .user-billing-part-list-row-logo img{width:70px}.user-billing .user-billing-part .user-billing-part-list .user-billing-part-list-row-title{margin-left:20px;display:inline-block;vertical-align:middle}.user-billing .user-billing-part .user-billing-part-list .user-billing-part-list-row-info{position:relative;top:25px;display:inline-block;float:right;vertical-align:middle}.user-billing .user-billing-part .user-billing-part-add-card{position:absolute;top:0;right:0}.user-billing .user-billing-part .user-billing-part-add-card button{background-color:transparent;width:200px;border:2px solid #ccc;border-radius:20px;color:#d65859;font-weight:600}.user-billing .user-billing-part .user-billing-card-container{margin-top:10px;display:flex;flex-direction:row;flex-wrap:wrap}.user-billing .user-billing-part .user-billing-card-container .user-billing-card{position:relative;width:350px;margin-right:10px}.user-billing .user-billing-part .user-billing-card-container .user-billing-card img{width:100%}.user-billing .user-billing-part .user-billing-card-container .user-billing-card .user-billing-card-details{position:absolute;top:0;bottom:0;left:0;right:0}.user-billing .user-billing-part .user-billing-card-container .user-billing-card .user-billing-card-details .bank_no{color:#fff;font-size:20px;margin-top:120px;margin-left:30px;letter-spacing:2.94px}.user-billing .user-billing-part .user-billing-card-container .user-billing-card .user-billing-card-details .bank_date{color:#fff;font-size:18px;margin-top:10px;margin-left:30px;letter-spacing:2.94px}.user-billing .user-billing-part .user-billing-card-container .user-billing-card .user-billing-card-details i{border-radius:120px;opacity:0;position:absolute;bottom:30px;right:25px;padding:10px 10px;background-color:hsla(0,0%,100%,.5);font-size:20px;color:#d65859;cursor:pointer}.user-billing .user-billing-part .user-billing-card-container .user-billing-card:hover i{opacity:1;transition:all .5s}}@media only screen and (max-width:700px){.user-billing .mobile .profile-title{background-color:#f6f7fa;color:#556583;text-align:center;font-size:5.5vw;font-weight:700;padding:7vw 0}.user-billing .user-billing-part-icon{margin-bottom:6vw;padding-top:8vw}.user-billing .user-billing-part-icon .user-billing-part-icon-img{display:inline-block;vertical-align:middle}.user-billing .user-billing-part-icon .user-billing-part-icon-title{margin-left:5vw;display:inline-block;vertical-align:middle;color:#666;font-size:5vw;font-weight:700}.user-billing .user-billing-part{padding:0 8vw 18vw}.user-billing .user-billing-part .user-billing-part-title{color:#556583;font-size:6vw;font-weight:700}.user-billing .user-billing-part .user-billing-part-description{margin-top:3vw;color:#666;font-size:4.5vw}.user-billing .user-billing-part .user-billing-part-list{margin-top:6vw;padding:4vw 8vw 10vw;background-color:#fff;border-radius:8vw;box-shadow:0 1px 8px #aaa;color:#666;font-weight:600}.user-billing .user-billing-part .user-billing-part-list .user-billing-part-list-row-logo{display:inline-block;vertical-align:middle}.user-billing .user-billing-part .user-billing-part-list .user-billing-part-list-row-logo img{width:14vw;border-radius:50%;box-shadow:0 1px 8px #aaa}.user-billing .user-billing-part .user-billing-part-list .user-billing-part-list-row-title{margin-left:10vw;display:inline-block;vertical-align:middle}.user-billing .user-billing-part .user-billing-part-list .user-billing-part-list-row-info{margin-top:6vw;padding-top:4vw;border-top:.4vw solid #aaa;text-align:center}.user-billing .user-billing-part .user-billing-part-add-card{display:flex;justify-content:center;margin-top:6vw}.user-billing .user-billing-part .user-billing-part-add-card button{background-color:transparent;width:50vw;border:.5vw solid #ccc;border-radius:7vw;color:#d65859;font-weight:600;padding:4vw 0}.user-billing .user-billing-part .user-billing-card-container{margin-top:2vw;display:flex;flex-direction:column;justify-content:center}.user-billing .user-billing-part .user-billing-card-container .user-billing-card{position:relative;width:80vw;margin-right:10vw}.user-billing .user-billing-part .user-billing-card-container .user-billing-card img{width:100%}.user-billing .user-billing-part .user-billing-card-container .user-billing-card .user-billing-card-details{position:absolute;top:0;bottom:0;left:0;right:0}.user-billing .user-billing-part .user-billing-card-container .user-billing-card .user-billing-card-details .bank_no{color:#fff;font-size:5vw;margin-top:25vw;margin-left:5vw;letter-spacing:1vw}.user-billing .user-billing-part .user-billing-card-container .user-billing-card .user-billing-card-details .bank_date{color:#fff;font-size:4vw;margin-left:5vw;letter-spacing:1vw}.user-billing .user-billing-part .user-billing-card-container .user-billing-card .user-billing-card-details i{border-radius:120vw;opacity:0;position:absolute;bottom:6vw;right:5vw;padding:2vw 2vw;background-color:hsla(0,0%,100%,.5);font-size:4vw;color:#d65859}.user-billing .user-billing-part .user-billing-card-container .user-billing-card:hover i{opacity:1;transition:all .5s}.el-message-box{width:80vw!important}}@media only screen and (min-width:701px){.profile{position:relative;background-color:#f6f7fa;top:50%;transform:translateY(-50%)}.profile .mobile-text{display:none}.profile .profile-box{position:relative;background-color:#fff;width:440px;margin:0 auto;padding:40px;border-radius:25px;box-shadow:0 5px 15px rgba(0,0,0,.1607843137254902);text-align:center}.profile .profile-box .image img{width:100px;border-radius:50%}.profile .profile-box .image p{margin-top:5px;color:#d65859;font-size:13px;font-weight:700;cursor:pointer}.profile .profile-box .form{text-align:left;padding-top:20px}.profile .profile-box .form .form-item{padding-bottom:30px}.profile .profile-box .form .form-item .title{color:#556583;font-size:13px;font-weight:700;padding-bottom:10px}.profile .profile-box .form .form-item .input .el-input__inner{border-radius:10px;border:1px solid #aaa;height:50px}.profile .profile-box .form .medium{display:inline-block;width:205px}.profile .profile-box .form .left{padding-right:25px}.profile .profile-box .button .el-button{width:100%;height:60px;border-radius:30px;margin-top:8px;color:#fff;font-size:16px;font-weight:700;background-color:#aaa;border:1px solid #aaa}.profile .profile-box .button .el-button:hover{background-color:#d65859;border:1px solid #d65859}}@media only screen and (max-width:700px){.left-header{display:none}.profile{padding-bottom:8vw}.profile .mobile-text .profile-title{background-color:#f6f7fa;color:#556583;text-align:center;font-size:5.5vw;font-weight:700;padding:7vw 0}.profile .mobile-text .profile-part{padding:3vw 8vw 0}.profile .mobile-text .profile-part p{color:#666;font-weight:700;font-size:5vw;padding-bottom:5vw}.profile .mobile-text .profile-part p img{padding-right:5vw;vertical-align:bottom}.profile .profile-box{width:72vw;margin:0 auto;padding:10vw 6vw;border-radius:7vw;box-shadow:0 5px 15px rgba(0,0,0,.1607843137254902)}.profile .profile-box .image{text-align:center}.profile .profile-box .image img{width:40vw;border-radius:50%}.profile .profile-box .image p{color:#d65859;margin-top:0;font-size:3.5vw}.profile .profile-box .form .form-item{padding-bottom:5vw}.profile .profile-box .form .form-item .title{color:#556583;font-size:4vw;font-weight:700;padding-bottom:2vw}.profile .profile-box .form .form-item .input .el-input__inner{border-radius:4vw;border:1px solid #aaa;height:15vw}.profile .profile-box .form .button .el-button{width:100%;height:17vw;border-radius:10vw;color:#fff;font-size:5vw;font-weight:700;background-color:#aaa;border:1px solid #aaa}.profile .upload-image .vue-image-crop-upload{width:100vw;height:100vh}.profile .upload-image .vue-image-crop-upload .vicp-wrap{width:90vw;height:70vh}.profile .upload-image .vue-image-crop-upload .vicp-wrap .vicp-close{display:none}.profile .upload-image .vue-image-crop-upload .vicp-wrap .vicp-step1 .vicp-operate{bottom:20px}.profile .upload-image .vue-image-crop-upload .vicp-wrap .vicp-step2{height:100%;display:flex;flex-direction:column;justify-content:center}.profile .upload-image .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop{position:relative;margin:0 auto;left:0;right:0;text-align:center;display:flex;flex-direction:column;justify-content:center;align-self:center;align-content:center;margin-bottom:9vw}.profile .upload-image .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-operate{position:relative;margin:0 auto;left:0;right:0}}@media only screen and (min-width:701px){.course{position:relative;background-color:#f6f7fa;padding-top:50px;padding-left:60px}.course .mobile-text{display:none}.course .courses{width:100%;margin:0 auto}.course .courses .mobile-text{display:none}.course .courses .title{color:#556583;font-size:20px;font-weight:700}.course .courses .detail{color:#666;margin-top:5px;font-size:13px;letter-spacing:1px}.course .courses .course-list{margin-top:40px;height:330px;margin-left:-10px;padding-left:10px;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.course .courses .course-list .course-item{width:90%;box-shadow:0 5px 15px rgba(0,0,0,.1607843137254902);border-radius:30px;padding:25px 0 25px 30px;margin-bottom:25px;background-color:#fff}.course .courses .course-list .course-item img{width:50px;border-radius:50%;box-shadow:0 5px 15px rgba(0,0,0,.1607843137254902)}.course .courses .course-list .course-item .course-item-title{display:inline-block;vertical-align:top;font-size:14px;font-weight:700;margin-top:20px;padding-left:20px;color:#666}.course .courses .course-list .course-item .buttons{float:right;margin-top:15px;border-radius:7px;font-weight:700;margin-right:20px}.course .courses .course-list .course-item .buttons .el-button{border:2px solid #d65859;width:110px;height:30px;color:#d65859;background-color:#fff}.course .courses .course-list .course-item .buttons .el-button:nth-child(2){color:#fff;background-color:#d65859}.course .courses .course-list::-webkit-scrollbar{display:none}.course .suggestion{padding-top:60px;padding-bottom:40px}.course .suggestion .title{color:#556583;font-size:20px;font-weight:700}.course .suggestion .detail{color:#666;margin-top:5px;font-size:13px;letter-spacing:1px}.course .suggestion .suggestion-list{display:flex;width:93%;flex-wrap:wrap}.course .suggestion .suggestion-list .suggestion-item{flex-shrink:0;margin-top:20px;background-color:#d65859;color:#fff;border-radius:10px;padding:30px 60px;width:171px;margin-right:25px;text-align:center;line-height:1.3;cursor:pointer}.course .suggestion .suggestion-list .suggestion-item .suggestion-item-type{font-weight:700}.course .suggestion .suggestion-list .suggestion-item .suggestion-item-title{font-size:17px;font-weight:700}.course .suggestion .suggestion-list .suggestion-item .suggestion-item-price{font-size:35px;font-weight:700;padding-top:25px}.course .suggestion .suggestion-list .suggestion-item .suggestion-item-price .ori{font-weight:400}.course .suggestion .suggestion-list::-webkit-scrollbar{display:none}.course .suggestion .mobile-suggestion-list{display:none}}@media only screen and (max-width:700px){.course .mobile-text .mobile-title{background-color:#f6f7fa;color:#556583;text-align:center;font-size:5vw;font-weight:700;padding:7vw 0}.course .mobile-text p{padding:3vw 8vw;color:#666;font-weight:700;font-size:5vw;margin-bottom:0}.course .mobile-text p img{padding-right:5vw;vertical-align:bottom}.course .courses{padding:3vw 8vw 0}.course .courses .title{display:none}.course .courses .detail{color:#666;font-size:4.7vw;width:70vw}.course .courses .course-list{padding-top:8vw}.course .courses .course-list .course-item{box-shadow:0 5px 15px rgba(0,0,0,.1607843137254902);border-radius:7vw;padding:5vw 6vw 6vw;margin-bottom:6vw}.course .courses .course-list .course-item img{width:16vw}.course .courses .course-list .course-item .course-item-title{display:inline-block;width:35vw;padding-left:8vw;font-size:3.6vw;font-weight:700;color:#666;vertical-align:top;padding-top:3vw;line-height:1.4}.course .courses .course-list .course-item .buttons{padding-top:3vw;text-align:center}.course .courses .course-list .course-item .buttons .el-button{border:2px solid #d65859;width:33vw;font-size:4vw;font-weight:700;padding:2.5vw 3vw;min-height:4vw;border-radius:3vw;color:#d65859;background-color:#fff}.course .courses .course-list .course-item .buttons .el-button:nth-child(2){color:#fff;background-color:#d65859}.course .suggestion{padding:8vw 8vw 6vw}.course .suggestion .title{color:#556583;font-size:6.5vw;font-weight:700}.course .suggestion .detail{color:#666;font-size:4.7vw;padding-top:1.5vw}.course .suggestion .suggestion-list{display:none}.course .suggestion .mobile-suggestion-list{padding-top:5vw}.course .suggestion .mobile-suggestion-list .suggestion-item{background-color:#d65859;color:#fff;margin-bottom:3vw;border-radius:4vw;padding:16vw 15vw;text-align:center;height:24vw}.course .suggestion .mobile-suggestion-list .suggestion-item .suggestion-item-title{font-size:4.4vw;font-weight:700}.course .suggestion .mobile-suggestion-list .suggestion-item .suggestion-item-price{font-size:9vw;font-weight:700;padding-top:6vw}.course .suggestion .mobile-suggestion-list .suggestion-item .suggestion-item-price .ori{font-weight:400}}@media only screen and (min-width:701px){.addCard{position:relative;background-color:#f6f7fa;top:50%;transform:translateY(-50%)}.addCard .mobile-text{display:none}.addCard .addCard-box{position:relative;background-color:#fff;width:440px;margin:0 auto;padding:40px;border-radius:25px;box-shadow:0 5px 15px rgba(0,0,0,.1607843137254902);text-align:left}.addCard .addCard-box .text .back{color:#999;font-size:11px;font-weight:700;cursor:pointer}.addCard .addCard-box .text .title{color:#556583;font-size:19px;font-weight:700;padding-top:40px}.addCard .addCard-box .text .detail{color:#666;font-size:11px;font-weight:700;padding-top:5px}.addCard .addCard-box .form{padding-top:40px}.addCard .addCard-box .form .form-item{padding-bottom:30px}.addCard .addCard-box .form .form-item .title{color:#556583;font-size:14px;font-weight:700;padding-bottom:10px}.addCard .addCard-box .form .form-item .input .el-input__inner{border-radius:10px;border:1px solid #aaa;height:40px}.addCard .addCard-box .form .medium{display:inline-block;width:205px}.addCard .addCard-box .form .left{padding-right:25px}.addCard .addCard-box .button .el-button{width:100%;height:60px;border-radius:30px;margin-top:8px;color:#fff;font-size:16px;font-weight:700;background-color:#aaa;border:1px solid #aaa}.addCard .addCard-box .button .el-button:hover{background-color:#d65859;border:1px solid #d65859}.addCard .addCard-box .button.valid .el-button{width:100%;height:60px;border-radius:30px;margin-top:8px;color:#fff;font-size:16px;font-weight:700;background-color:#d65859;border:1px solid #aaa}}@media only screen and (max-width:700px){.addCard{padding-bottom:8vw}.addCard .mobile-text .addCard-title{background-color:#f6f7fa;color:#556583;text-align:center;font-size:5.5vw;font-weight:700;padding:7vw 0}.addCard .mobile-text .addCard-part{padding:3vw 8vw 0}.addCard .mobile-text .addCard-part p{color:#666;font-weight:700;font-size:5vw;padding-bottom:5vw}.addCard .mobile-text .addCard-part p img{padding-right:5vw;vertical-align:bottom}.addCard .addCard-box{width:72vw;margin:0 auto;padding:10vw 6vw;border-radius:7vw;box-shadow:0 5px 15px rgba(0,0,0,.1607843137254902)}.addCard .addCard-box .text .back{color:#999;font-size:4vw;font-weight:700}.addCard .addCard-box .text .title{color:#556583;font-size:6vw;font-weight:700;padding-top:5vw}.addCard .addCard-box .text .detail{color:#666;font-size:3.5vw;font-weight:700;line-height:1.8;padding-top:1vw}.addCard .addCard-box .form{padding-top:8vw}.addCard .addCard-box .form .form-item{padding-bottom:5vw}.addCard .addCard-box .form .form-item .title{color:#556583;font-size:4vw;font-weight:700;padding-bottom:2vw}.addCard .addCard-box .form .form-item .input .el-select{width:100%}.addCard .addCard-box .form .form-item .input .el-input__inner{border-radius:4vw;border:1px solid #aaa;height:15vw;font-size:4vw}.addCard .addCard-box .form .button .el-button{width:100%;height:17vw;border-radius:10vw;color:#fff;font-size:5vw;font-weight:700;background-color:#aaa;border:1px solid #aaa}.addCard .addCard-box .form .button.valid .el-button{width:100%;height:60px;border-radius:30px;margin-top:8px;color:#fff;font-size:16px;font-weight:700;background-color:#d65859;border:1px solid #aaa}}@media only screen and (min-width:701px){.featuredCourses{position:relative}.featuredCourses .featuredCourses-banner{position:relative;background:url(../img/ata-banner-background.7554447f.jpg);background-size:100% auto;background-attachment:fixed;background-repeat:no-repeat;height:300px;color:#fff;text-align:center;overflow:hidden;z-index:-2}.featuredCourses .featuredCourses-banner .featuredCourses-banner-img-cover{position:absolute;top:0;left:0;background-color:#000;width:100%;height:300px;overflow:hidden;opacity:.7;z-index:-1}.featuredCourses .featuredCourses-banner .featuredCourses-banner-title{position:relative;top:25%;transform:translateY(-50%);font-size:36px;font-weight:700}.featuredCourses .featuredCourses-banner .featuredCourses-banner-suggestion-and-question{position:relative;top:20%;transform:translateY(-50%);color:#fabe0f;font-size:18px}.featuredCourses .featuredCourses-banner .featuredCourses-banner-description{position:relative;top:45%;transform:translateY(-50%);font-size:13px;line-height:1.6}.featuredCourses .featuredCourses-content-categories{margin:0 auto;margin-top:20px;margin-bottom:50px;width:900px}.featuredCourses .featuredCourses-content-categories .featuredCourses-content-categories-logo .featuredCourses-content-categories-logo-pc{width:900px}.featuredCourses .featuredCourses-content-categories .featuredCourses-content-categories-logo .featuredCourses-content-categories-logo-mobile{display:none}.featuredCourses .featuredCourses-content-categories .featuredCourses-content-title{color:#d65859;font-size:24px;font-weight:700;text-align:center}.featuredCourses .featuredCourses-content-categories .featuredCourses-content-description{padding-top:5px;color:#666;text-align:center}.featuredCourses .featuredCourses-content-categories .featuredCourses-content-list{padding-top:50px;text-align:center}.featuredCourses .featuredCourses-content-categories .featuredCourses-content-list .featuredCourses-content-nav{margin-left:5px;margin-right:5px;padding:15px 20px;display:inline-block;width:160px;border:3px solid #d75859;color:#d75859;font-size:14px;font-weight:700;text-align:center;cursor:pointer}.featuredCourses .featuredCourses-content-categories .featuredCourses-content-list .featuredCourses-content-nav:hover,.featuredCourses .featuredCourses-content-categories .featuredCourses-content-list .selected{background-color:#d75859;color:#fff;cursor:pointer}.featuredCourses .featuredCourses-content-background{position:relative;padding-top:20px;padding-bottom:50px;background:#f6f7fa}.featuredCourses .featuredCourses-content-background .featuredCourses-content,.featuredCourses .featuredCourses-content-background .featuredCourses-content .featuredCourses-content-logo{position:relative;width:900px;margin:0 auto}.featuredCourses .featuredCourses-content-background .featuredCourses-content .featuredCourses-content-logo img{width:100%}.featuredCourses .featuredCourses-content-background .featuredCourses-content .featuredCourses-content-title{position:relative;color:#d65859;font-size:24px;font-weight:700;text-align:center}.featuredCourses .featuredCourses-content-background .featuredCourses-content .featuredCourses-content-courses{position:relative;margin:0 auto;padding-top:78px;display:flex;justify-content:space-between;flex-wrap:wrap}.featuredCourses .featuredCourses-content-background .featuredCourses-content .featuredCourses-content-courses .featuredCourses-content-courses-card{position:relative;width:280px;background:#fff;box-shadow:0 3px 15px rgba(0,0,0,.161);margin-bottom:30px;cursor:pointer}.featuredCourses .featuredCourses-content-background .featuredCourses-content .featuredCourses-content-courses .featuredCourses-content-courses-card .featuredCourses-card-thumbnail{position:relative}.featuredCourses .featuredCourses-content-background .featuredCourses-content .featuredCourses-content-courses .featuredCourses-content-courses-card .featuredCourses-card-thumbnail img{width:100%}.featuredCourses .featuredCourses-content-background .featuredCourses-content .featuredCourses-content-courses .featuredCourses-content-courses-card .featuredCourses-card-content{position:relative;margin:0 auto;padding:0 10px;padding-top:10px;padding-bottom:20px;text-align:left}.featuredCourses .featuredCourses-content-background .featuredCourses-content .featuredCourses-content-courses .featuredCourses-content-courses-card .featuredCourses-card-content .featuredCourses-title{font-size:11.5px;font-weight:700;color:#666;padding-bottom:8px}.featuredCourses .featuredCourses-content-background .featuredCourses-content .featuredCourses-content-courses .featuredCourses-content-courses-card .featuredCourses-card-content .featuredCourses-description{font-size:10px;color:#666;padding-bottom:10px}.featuredCourses .featuredCourses-content-background .featuredCourses-content .featuredCourses-content-courses .featuredCourses-content-courses-card .featuredCourses-card-content .featuredCourses-coursesinfo{display:flex;flex-direction:row}.featuredCourses .featuredCourses-content-background .featuredCourses-content .featuredCourses-content-courses .featuredCourses-content-courses-card .featuredCourses-card-content .featuredCourses-coursesinfo .featuredCourses-coursesauthor{width:70%;color:#aaa;font-size:12px;font-weight:700}.featuredCourses .featuredCourses-content-background .featuredCourses-content .featuredCourses-content-courses .featuredCourses-content-courses-card .featuredCourses-card-content .featuredCourses-coursesinfo .featuredCourses-price{width:30%;text-align:right;color:#d65859;font-size:12px;font-weight:700}.featuredCourses-content-logo-pc{display:block}.featuredCourses-content-logo-mobile{display:none}}@media only screen and (max-width:700px){.featuredCourses{position:relative;width:100vw}.featuredCourses .featuredCourses-banner{position:relative;background:url(../img/header-bg.e3d96b7e.jpg);background-size:100%;background-position:50%;background-repeat:no-repeat;height:120vw;color:#fff;text-align:center;overflow:hidden;z-index:-2;display:flex;flex-direction:column;justify-content:center;letter-spacing:.1vw}.featuredCourses .featuredCourses-banner .featuredCourses-banner-img-cover{display:none}.featuredCourses .featuredCourses-banner .featuredCourses-banner-title{position:relative;font-size:10vw;font-weight:700}.featuredCourses .featuredCourses-banner .featuredCourses-banner-suggestion-and-question{position:relative;padding:7vw 10vw;padding-bottom:0;color:#fabe0f;font-size:5vw}.featuredCourses .featuredCourses-banner .featuredCourses-banner-description{position:relative;padding:7vw 10vw;font-size:4vw;line-height:1.6}.featuredCourses .featuredCourses-content-categories{margin:0 auto;padding:11vw 10vw;width:80vw}.featuredCourses .featuredCourses-content-categories .featuredCourses-content-categories-logo .featuredCourses-content-categories-logo-pc{display:none}.featuredCourses .featuredCourses-content-categories .featuredCourses-content-categories-logo .featuredCourses-content-categories-logo-mobile{width:80vw}.featuredCourses .featuredCourses-content-categories .featuredCourses-content-title{margin:0 auto;padding-top:5vw;padding-bottom:6vw;width:50vw;color:#d65859;font-size:8vw;font-weight:700;text-align:center}.featuredCourses .featuredCourses-content-categories .featuredCourses-content-description{padding-top:2vw;color:#666;text-align:center}.featuredCourses .featuredCourses-content-categories .featuredCourses-content-list{padding-top:10vw;text-align:center}.featuredCourses .featuredCourses-content-categories .featuredCourses-content-list .featuredCourses-content-nav{margin-top:5vw;margin-bottom:5vw;padding:5vw 5vw;width:68vw;border:1vw solid #d75859;border-radius:10vw;color:#d75859;font-size:5vw;font-weight:700;text-align:center}.featuredCourses .featuredCourses-content-categories .featuredCourses-content-list .featuredCourses-content-nav:hover{background-color:#d75859;color:#fff;cursor:pointer}.featuredCourses .featuredCourses-content-background{position:relative;padding-top:12vw;padding-bottom:10vw;background:#f6f7fa}.featuredCourses .featuredCourses-content-background .featuredCourses-content{position:relative;width:90vw;margin:0 auto}.featuredCourses .featuredCourses-content-background .featuredCourses-content .featuredCourses-content-logo img{width:80vw;margin:0 auto}.featuredCourses .featuredCourses-content-background .featuredCourses-content .featuredCourses-content-title{position:relative;color:#d65859;font-size:8vw;font-weight:700;text-align:center;padding:5vw 17vw 7vw}.featuredCourses .featuredCourses-content-background .featuredCourses-content .featuredCourses-content-courses{position:relative;margin:0 auto;padding-top:3vw;display:flex;flex-direction:column;justify-content:center;flex-wrap:wrap}.featuredCourses .featuredCourses-content-background .featuredCourses-content .featuredCourses-content-courses .featuredCourses-content-courses-card{position:relative;background:#fff;box-shadow:0 3px 15px rgba(0,0,0,.161);margin-bottom:7vw}.featuredCourses .featuredCourses-content-background .featuredCourses-content .featuredCourses-content-courses .featuredCourses-content-courses-card .featuredCourses-card-thumbnail{position:relative}.featuredCourses .featuredCourses-content-background .featuredCourses-content .featuredCourses-content-courses .featuredCourses-content-courses-card .featuredCourses-card-thumbnail img{width:100%}.featuredCourses .featuredCourses-content-background .featuredCourses-content .featuredCourses-content-courses .featuredCourses-content-courses-card .featuredCourses-card-content{position:relative;margin:0 auto;padding:0 4vw;padding-top:3vw;padding-bottom:5vw;letter-spacing:.06vw;text-align:left}.featuredCourses .featuredCourses-content-background .featuredCourses-content .featuredCourses-content-courses .featuredCourses-content-courses-card .featuredCourses-card-content .featuredCourses-title{font-size:4vw;font-weight:700;color:#666;padding-bottom:3vw}.featuredCourses .featuredCourses-content-background .featuredCourses-content .featuredCourses-content-courses .featuredCourses-content-courses-card .featuredCourses-card-content .featuredCourses-description{font-size:3.6vw;color:#666;padding-bottom:3vw}.featuredCourses .featuredCourses-content-background .featuredCourses-content .featuredCourses-content-courses .featuredCourses-content-courses-card .featuredCourses-card-content .featuredCourses-coursesinfo{display:flex;flex-direction:row;padding-top:2vw}.featuredCourses .featuredCourses-content-background .featuredCourses-content .featuredCourses-content-courses .featuredCourses-content-courses-card .featuredCourses-card-content .featuredCourses-coursesinfo .featuredCourses-coursesauthor{flex:3;color:#aaa;font-size:3.5vw;font-weight:700}.featuredCourses .featuredCourses-content-background .featuredCourses-content .featuredCourses-content-courses .featuredCourses-content-courses-card .featuredCourses-card-content .featuredCourses-coursesinfo .featuredCourses-price{flex:1;text-align:right;color:#d65859;font-size:3.5vw;letter-spacing:0;font-weight:700}.featuredCourses-content-logo-pc{display:none}.featuredCourses-content-logo-mobile{display:block}}@media only screen and (min-width:701px){.footer-banner{width:900px;margin:40px auto}.footer-banner .swiper-pagination-bullets{text-align:right}.footer-banner .swiper-pagination-bullets .swiper-pagination-bullet{background:#d65859}.footer-banner .footer-banner-swiper{margin-left:40px;margin-right:40px}.footer-banner .footer-banner-swiper .footer-banner-swiper-component{min-height:20px;display:flex}.footer-banner .footer-banner-swiper .footer-banner-swiper-component .footer-banner-swiper-banner img{max-width:100px;border-radius:50%;border:4px solid #fabe0f}.footer-banner .footer-banner-swiper .footer-banner-swiper-component .footer-banner-swiper-content{flex:8;font-size:11px;letter-spacing:.28px;line-height:1.6;margin:20px 40px}.footer-banner .footer-banner-swiper .footer-banner-swiper-component .footer-banner-swiper-content .footer-banner-swiper-content-description{color:#666;margin-bottom:20px}.footer-banner .footer-banner-swiper .footer-banner-swiper-component .footer-banner-swiper-content .footer-banner-swiper-content-name{color:#d65859}.footer-banner .footer-banner-swiper .footer-banner-swiper-component .footer-banner-swiper-content .footer-banner-swiper-content-date{color:#aaa;font-style:italic}.footer-banner .footer-banner-divider{width:900px;margin:0 auto}.footer-banner .footer-banner-divider img{width:900px}.footer-banner .footer-banner-content{width:900px;font-size:22.5px;color:#d65859;font-weight:700;text-align:center}.footer-banner .footer-banner-content .footer-banner-content-description{font-size:11px;font-weight:400;color:#666;margin:10px auto}.footer-banner .footer-banner-content .el-button{font-size:15px;background:#d65859;color:#fff}.footer-banner-pc{display:block}.footer-banner-mobile{display:none}}@media only screen and (max-width:700px){.footer-banner{width:100vw;padding-top:14vw;padding-bottom:10vw}.footer-banner .swiper-pagination-bullets{text-align:right;width:80vw;padding-top:3vw}.footer-banner .swiper-pagination-bullets .swiper-pagination-bullet{background:#d65859}.footer-banner .swiper-container{min-height:50vw}.footer-banner .footer-banner-swiper{width:90vw;margin:2vw auto}.footer-banner .footer-banner-swiper .footer-banner-swiper-component{justify-content:center;display:flex;flex-direction:column;width:90vw}.footer-banner .footer-banner-swiper .footer-banner-swiper-component .footer-banner-swiper-banner{align-self:center}.footer-banner .footer-banner-swiper .footer-banner-swiper-component .footer-banner-swiper-banner img{max-width:80vw;margin:auto auto;border-radius:50%;border:2vw solid #fabe0f}.footer-banner .footer-banner-swiper .footer-banner-swiper-component .footer-banner-swiper-content{font-size:4.1vw;font-weight:700;margin:2vw 5vw;line-height:1.85}.footer-banner .footer-banner-swiper .footer-banner-swiper-component .footer-banner-swiper-content .footer-banner-swiper-content-description{color:#666;margin-bottom:1vw}.footer-banner .footer-banner-swiper .footer-banner-swiper-component .footer-banner-swiper-content .footer-banner-swiper-content-name{color:#d65859}.footer-banner .footer-banner-swiper .footer-banner-swiper-component .footer-banner-swiper-content .footer-banner-swiper-content-date{color:#aaa;font-style:italic}.footer-banner .footer-banner-divider img{width:80vw;margin:0 auto}.footer-banner .footer-banner-content{width:70vw;margin:0 auto;font-size:6.4vw;color:#d65859;text-align:center;padding-top:5vw;font-weight:700;line-height:1.3}.footer-banner .footer-banner-content .footer-banner-content-description{font-size:4vw;color:#666;padding:7vw 0 6vw}.footer-banner .footer-banner-content .el-button{font-size:5vw;background:#d65859;color:#fff;width:60vw;height:16vw;border-radius:3vw}.footer-banner-pc{display:none}.footer-banner-mobile{display:block}}@media only screen and (min-width:701px){.tutorial{position:relative}.tutorial .tutorial-banner{position:relative;background:url(../img/ata-banner-background.7554447f.jpg);background-size:100% auto;background-attachment:fixed;background-repeat:no-repeat;height:300px;color:#fff;text-align:center;overflow:hidden;z-index:1}.tutorial .tutorial-banner .tutorial-banner-img-cover{position:absolute;top:0;left:0;background-color:#000;width:100%;height:300px;overflow:hidden;opacity:.7;z-index:2}.tutorial .tutorial-banner .tutorial-banner-content{position:relative;margin:0 auto;text-align:center;top:50%;transform:translateY(-50%);z-index:10}.tutorial .tutorial-banner .tutorial-banner-content .tutorial-banner-title{font-size:30px;font-weight:700}.tutorial .tutorial-banner .tutorial-banner-content .tutorial-banner-description{margin-top:5px;margin-bottom:15px;color:#fabe0f;font-size:15.5px}.tutorial .tutorial-banner .tutorial-banner-content .tutorial-banner-enroll{width:200px;margin:0 auto;padding:15px 20px;text-align:center;font-weight:700;font-size:14px;border-radius:30px;background:#d65859;cursor:pointer}.tutorial .tutorial-content .tutorial-content-first{position:relative;background:#fff;padding:50px 0}.tutorial .tutorial-content .tutorial-content-first .tutorial-content-first-content{position:relative;width:900px;margin:0 auto;display:flex;flex-direction:row}.tutorial .tutorial-content .tutorial-content-first .tutorial-content-first-content .content-left{flex:2;display:flex;flex-direction:column;padding-right:40px;letter-spacing:.48px}.tutorial .tutorial-content .tutorial-content-first .tutorial-content-first-content .content-left .courses-section{padding-top:20px}.tutorial .tutorial-content .tutorial-content-first .tutorial-content-first-content .content-left .courses-section .courses-section-title{color:#556583;font-size:21.8px;font-weight:700}.tutorial .tutorial-content .tutorial-content-first .tutorial-content-first-content .content-left .courses-section ul{padding-left:20px;margin-top:0;color:#666}.tutorial .tutorial-content .tutorial-content-first .tutorial-content-first-content .content-left .courses-section ul li{font-weight:700;font-size:14.5px;padding-bottom:10px}.tutorial .tutorial-content .tutorial-content-first .tutorial-content-first-content .content-left .courses-section ul li .highlight{color:#d65859}.tutorial .tutorial-content .tutorial-content-first .tutorial-content-first-content .content-left .courses-explaination{padding-top:30px}.tutorial .tutorial-content .tutorial-content-first .tutorial-content-first-content .content-left .courses-explaination .question{color:#556583;font-size:16px;font-weight:700}.tutorial .tutorial-content .tutorial-content-first .tutorial-content-first-content .content-left .courses-explaination .answer{padding-top:20px;padding-bottom:20px;font-size:16px;color:#666;text-align:left;padding-left:0;line-height:1.6}.tutorial .tutorial-content .tutorial-content-first .tutorial-content-first-content .content-left .courses-explaination .answer li{list-style-type:none}.tutorial .tutorial-content .tutorial-content-first .tutorial-content-first-content .content-right{flex:1;letter-spacing:.48px}.tutorial .tutorial-content .tutorial-content-first .tutorial-content-first-content .content-right .course-purchase{background:#d65859;padding:30px 50px;text-align:center;color:#fff;border-radius:16px;cursor:pointer}.tutorial .tutorial-content .tutorial-content-first .tutorial-content-first-content .content-right .course-purchase .course-type{font-size:16px;line-height:1.6;margin:0}.tutorial .tutorial-content .tutorial-content-first .tutorial-content-first-content .content-right .course-purchase .course-discount{font-size:45px;padding-top:18px;margin:0}.tutorial .tutorial-content .tutorial-content-first .tutorial-content-first-content .content-right .course-purchase .course-discount .discount{text-decoration:line-through}.tutorial .tutorial-content .tutorial-content-first .tutorial-content-first-content .content-right .course-discount-description{margin-top:18px;text-align:center;font-size:14px;color:#d65859}.tutorial .tutorial-content .tutorial-content-first .tutorial-content-first-content .content-right .course-instructor{margin-top:50px;padding:20px;background-color:#f6f7fa;text-align:center}.tutorial .tutorial-content .tutorial-content-first .tutorial-content-first-content .content-right .course-instructor .course-instructor-title{color:#556583;font-size:24px}.tutorial .tutorial-content .tutorial-content-first .tutorial-content-first-content .content-right .course-instructor .course-instructor-avatar{width:160px;height:160px;margin:20px auto;border-radius:50%;background:#d65859}.tutorial .tutorial-content .tutorial-content-first .tutorial-content-first-content .content-right .course-instructor .course-instructor-avatar img{width:100%;border-radius:50%}.tutorial .tutorial-content .tutorial-content-first .tutorial-content-first-content .content-right .course-instructor .course-instructor-description{height:400px}.tutorial .tutorial-content .tutorial-content-first .tutorial-content-first-content .content-right .course-instructor .course-instructor-description .course-instructor-name{color:#d65859;padding-bottom:20px;font-size:17px}.tutorial .tutorial-content .tutorial-content-first .tutorial-content-first-content .content-right .course-instructor .course-instructor-description .course-instructor-content{line-height:1.3;color:#556583}.tutorial .tutorial-content .tutorial-content-second{position:relative;background:#f6f7fa;padding:50px 0}.tutorial .tutorial-content .tutorial-content-second .tutorial-content-second-content{width:600px;margin:0 auto}.tutorial .tutorial-content .tutorial-content-second .tutorial-content-second-content .tutorial-content-second-content-title{color:#556583;font-size:30px;font-weight:700}.tutorial .tutorial-content .tutorial-content-second .tutorial-content-second-content .course-curriculum .el-collapse-item{position:relative}.tutorial .tutorial-content .tutorial-content-second .tutorial-content-second-content .course-curriculum .el-collapse-item .el-collapse-item__header{color:#556583;font-weight:700;font-size:14px;letter-spacing:.5px;padding-left:25px}.tutorial .tutorial-content .tutorial-content-second .tutorial-content-second-content .course-curriculum .el-collapse-item .el-collapse-item__content{background:rgba(246,247,250,.5);padding-bottom:0}.tutorial .tutorial-content .tutorial-content-second .tutorial-content-second-content .course-curriculum .el-collapse-item .el-collapse-item__content .course-curriculum-content{color:#556583;padding-left:25px;border-top:2px solid #f6f7fa;border-bottom:2px solid #f6f7fa;font-size:14px;font-weight:700;display:flex;flex-direction:row;align-items:center}.tutorial .tutorial-content .tutorial-content-second .tutorial-content-second-content .course-curriculum .el-collapse-item .el-collapse-item__content .course-curriculum-content .course-curriculum-content-left{flex:3;display:flex;flex-direction:row;text-align:left}.tutorial .tutorial-content .tutorial-content-second .tutorial-content-second-content .course-curriculum .el-collapse-item .el-collapse-item__content .course-curriculum-content .course-curriculum-content-left img{width:30px;height:30px;margin:14px 0}.tutorial .tutorial-content .tutorial-content-second .tutorial-content-second-content .course-curriculum .el-collapse-item .el-collapse-item__content .course-curriculum-content .course-curriculum-content-left p{align-self:center;margin:0;padding-left:10px}.tutorial .tutorial-content .tutorial-content-second .tutorial-content-second-content .course-curriculum .el-collapse-item .el-collapse-item__content .course-curriculum-content .course-curriculum-content-right{flex:1}.tutorial .tutorial-content .tutorial-content-second .tutorial-content-second-content .course-curriculum .el-collapse-item .el-collapse-item__content .course-curriculum-content .course-curriculum-content-right button{background:#d65859;border:none;border-radius:10px;padding:10px 30px;color:#fff;letter-spacing:.5px;cursor:pointer}.tutorial .tutorial-content .tutorial-content-third{position:relative;background:#fff;padding:50px 0}.tutorial .tutorial-content .tutorial-content-third .tutorial-content-third-content{width:900px;margin:0 auto;font-size:30px;font-weight:700;color:#556583;text-align:center}.tutorial .tutorial-content .tutorial-content-third .tutorial-content-third-content .tutorial-content-third-enroll{width:300px;margin:0 auto;margin-top:20px;padding:15px 20px;border-radius:30px;color:#fff;font-size:18px;background:#d65859;cursor:pointer}.tutorial .tutorial-content .tutorial-content-fourth{position:relative;background:#f6f7fa;padding:50px 0;text-align:left}.tutorial .tutorial-content .tutorial-content-fourth .tutorial-content-fourth-content{width:900px;margin:0 auto}.tutorial .tutorial-content .tutorial-content-fourth .tutorial-content-fourth-content .frequently-asked .frequently-asked-title{font-size:30px;color:#556583;font-weight:700;padding-bottom:20px}.tutorial .tutorial-content .tutorial-content-fourth .tutorial-content-fourth-content .frequently-asked .frequently-asked-qna{letter-spacing:.5px;padding:20px 0;font-size:17px;line-height:1.4}.tutorial .tutorial-content .tutorial-content-fourth .tutorial-content-fourth-content .frequently-asked .frequently-asked-qna .question{color:#d65859}.tutorial .tutorial-content .tutorial-content-fourth .tutorial-content-fourth-content .frequently-asked .frequently-asked-qna .answer{color:#556583}}@media only screen and (max-width:700px){.tutorial{position:relative}.tutorial .tutorial-banner{position:relative;background:url(../img/header-bg.e3d96b7e.jpg);background-size:100%;background-position:50%;background-repeat:no-repeat;height:110vw;color:#fff;text-align:center;overflow:hidden;z-index:1;display:flex;flex-direction:column;justify-content:center;letter-spacing:.1vw}.tutorial .tutorial-banner .tutorial-banner-img-cover{display:none}.tutorial .tutorial-banner .tutorial-banner-content{position:relative;width:80vw;margin:0 auto;text-align:center;line-height:1.3}.tutorial .tutorial-banner .tutorial-banner-content .tutorial-banner-title{font-size:8vw;font-weight:700}.tutorial .tutorial-banner .tutorial-banner-content .tutorial-banner-description{font-size:4.8vw;padding:5vw 3vw;color:#fabe0f}.tutorial .tutorial-banner .tutorial-banner-content .tutorial-banner-enroll{margin:0 auto;padding:4.5vw 2vw;text-align:center;font-weight:700;font-size:5.5vw;border-radius:30px;background:#d65859}.tutorial .tutorial-content{padding:5vw 0}.tutorial .tutorial-content .tutorial-content-first{position:relative;width:90vw;margin:0 auto;background:#fff}.tutorial .tutorial-content .tutorial-content-first .tutorial-content-first-content{position:relative;margin:0 auto;padding-bottom:15vw;display:flex;flex-direction:column}.tutorial .tutorial-content .tutorial-content-first .tutorial-content-first-content .content-left{letter-spacing:.1vw;width:85vw;margin:0 auto}.tutorial .tutorial-content .tutorial-content-first .tutorial-content-first-content .content-left .courses-section .courses-section-title{color:#556583;font-size:7.5vw;font-weight:700}.tutorial .tutorial-content .tutorial-content-first .tutorial-content-first-content .content-left .courses-section ul{padding-left:4vw;margin-top:0;color:#666}.tutorial .tutorial-content .tutorial-content-first .tutorial-content-first-content .content-left .courses-section ul li{font-weight:700;font-size:4.5vw;padding-bottom:4vw;padding-left:4vw}.tutorial .tutorial-content .tutorial-content-first .tutorial-content-first-content .content-left .courses-section ul li .highlight{color:#d65859}.tutorial .tutorial-content .tutorial-content-first .tutorial-content-first-content .content-left .courses-explaination{padding-top:3vw;line-height:1.7}.tutorial .tutorial-content .tutorial-content-first .tutorial-content-first-content .content-left .courses-explaination .question{color:#556583;padding-left:0;font-size:4.5vw;font-weight:700;margin:0}.tutorial .tutorial-content .tutorial-content-first .tutorial-content-first-content .content-left .courses-explaination .answer{padding:7vw 0;margin:0;font-size:4.5vw;font-weight:700;color:#666;text-align:left;padding-left:0;letter-spacing:.1vw}.tutorial .tutorial-content .tutorial-content-first .tutorial-content-first-content .content-left .courses-explaination .answer li{list-style-type:none}.tutorial .tutorial-content .tutorial-content-first .tutorial-content-first-content .content-right{letter-spacing:.1vw;padding-top:8vw}.tutorial .tutorial-content .tutorial-content-first .tutorial-content-first-content .content-right .course-purchase{margin:0 auto;padding:10vw 5vw;color:#fff;text-align:center;border-radius:16px;background:#d65859}.tutorial .tutorial-content .tutorial-content-first .tutorial-content-first-content .content-right .course-purchase .course-type{margin:0;font-weight:700;font-size:6vw;line-height:1.3}.tutorial .tutorial-content .tutorial-content-first .tutorial-content-first-content .content-right .course-purchase .course-discount{padding-top:5vw;font-size:45px;font-weight:700;margin:0}.tutorial .tutorial-content .tutorial-content-first .tutorial-content-first-content .content-right .course-purchase .course-discount .discount{font-weight:400;text-decoration:line-through}.tutorial .tutorial-content .tutorial-content-first .tutorial-content-first-content .content-right .course-discount-description{margin-top:5vw;padding:0 10vw;font-size:4.4vw;text-align:center;font-weight:700;color:#d65859;line-height:1.5}.tutorial .tutorial-content .tutorial-content-first .tutorial-content-first-content .content-right .course-instructor{margin-top:10vw;padding:5vw;background-color:#f6f7fa;text-align:center}.tutorial .tutorial-content .tutorial-content-first .tutorial-content-first-content .content-right .course-instructor .course-instructor-title{color:#556583;font-size:7vw;font-weight:700}.tutorial .tutorial-content .tutorial-content-first .tutorial-content-first-content .content-right .course-instructor .course-instructor-avatar{width:40vw;height:40vw;margin:20px auto;border-radius:50%;background:#d65859;border:5vw solid #d65859}.tutorial .tutorial-content .tutorial-content-first .tutorial-content-first-content .content-right .course-instructor .course-instructor-avatar img{width:100%;border-radius:50%}.tutorial .tutorial-content .tutorial-content-first .tutorial-content-first-content .content-right .course-instructor .course-instructor-description .course-instructor-name{color:#d65859;padding-top:5vw;padding-bottom:5vw;font-size:5.5vw;font-weight:700}.tutorial .tutorial-content .tutorial-content-first .tutorial-content-first-content .content-right .course-instructor .course-instructor-description .course-instructor-content{line-height:1.8;font-weight:700;color:#556583;padding:0 5vw;padding-bottom:10vw}.tutorial .tutorial-content .tutorial-content-second{position:relative;background:#f6f7fa;padding:25vw 0 15vw}.tutorial .tutorial-content .tutorial-content-second .tutorial-content-second-content{width:85vw;margin:0 auto}.tutorial .tutorial-content .tutorial-content-second .tutorial-content-second-content .tutorial-content-second-content-title{color:#556583;font-size:8.5vw;font-weight:700;text-align:center;padding-bottom:5vw}.tutorial .tutorial-content .tutorial-content-second .tutorial-content-second-content .course-curriculum .el-collapse-item{position:relative}.tutorial .tutorial-content .tutorial-content-second .tutorial-content-second-content .course-curriculum .el-collapse-item .el-collapse-item__header{color:#556583;padding:0 5vw;padding-right:2vw;font-weight:700;font-size:4vw;letter-spacing:.1vw}.tutorial .tutorial-content .tutorial-content-second .tutorial-content-second-content .course-curriculum .el-collapse-item .el-collapse-item__content{background:rgba(246,247,250,.5);padding-bottom:0}.tutorial .tutorial-content .tutorial-content-second .tutorial-content-second-content .course-curriculum .el-collapse-item .el-collapse-item__content .course-curriculum-content{color:#556583;border-top:2px solid #f6f7fa;border-bottom:2px solid #f6f7fa;padding:3vw;font-weight:700;display:flex;flex-direction:column}.tutorial .tutorial-content .tutorial-content-second .tutorial-content-second-content .course-curriculum .el-collapse-item .el-collapse-item__content .course-curriculum-content .course-curriculum-content-left{display:flex;flex-direction:row}.tutorial .tutorial-content .tutorial-content-second .tutorial-content-second-content .course-curriculum .el-collapse-item .el-collapse-item__content .course-curriculum-content .course-curriculum-content-left img{width:8vw;height:8vw}.tutorial .tutorial-content .tutorial-content-second .tutorial-content-second-content .course-curriculum .el-collapse-item .el-collapse-item__content .course-curriculum-content .course-curriculum-content-left p{align-self:center;margin:0;padding-left:3vw;font-size:4.5vw}.tutorial .tutorial-content .tutorial-content-second .tutorial-content-second-content .course-curriculum .el-collapse-item .el-collapse-item__content .course-curriculum-content .course-curriculum-content-right{padding-top:3vw;align-self:flex-end;margin:0 auto}.tutorial .tutorial-content .tutorial-content-second .tutorial-content-second-content .course-curriculum .el-collapse-item .el-collapse-item__content .course-curriculum-content .course-curriculum-content-right button{padding:3vw 10vw;border:none;border-radius:10px;font-size:4vw;color:#fff;background:#d65859;letter-spacing:.5px}.tutorial .tutorial-content .tutorial-content-third{position:relative;background:#fff;padding:16vw 0}.tutorial .tutorial-content .tutorial-content-third .tutorial-content-third-content{text-align:center;font-size:8vw;font-weight:700;color:#556583}.tutorial .tutorial-content .tutorial-content-third .tutorial-content-third-content .tutorial-content-third-enroll{width:85vw;margin:0 auto;margin-top:8vw;padding:5vw 0;border-radius:30px;color:#fff;font-size:4.8vw;background:#d65859;letter-spacing:.2vw}.tutorial .tutorial-content .tutorial-content-fourth{position:relative;background:#f6f7fa;padding:20vw 0;text-align:left}.tutorial .tutorial-content .tutorial-content-fourth .tutorial-content-fourth-content{width:80vw;margin:0 auto}.tutorial .tutorial-content .tutorial-content-fourth .tutorial-content-fourth-content .frequently-asked .frequently-asked-title{font-size:7.6vw;color:#556583;font-weight:700;padding-bottom:4vw;line-height:1.4}.tutorial .tutorial-content .tutorial-content-fourth .tutorial-content-fourth-content .frequently-asked .frequently-asked-qna{padding:4vw 0;letter-spacing:.5px;font-size:5vw;font-weight:700;line-height:1.7}.tutorial .tutorial-content .tutorial-content-fourth .tutorial-content-fourth-content .frequently-asked .frequently-asked-qna .question{color:#d65859;padding-bottom:1vw}.tutorial .tutorial-content .tutorial-content-fourth .tutorial-content-fourth-content .frequently-asked .frequently-asked-qna .answer{color:#556583}.tutorial .footer-banner{background-color:#444}.tutorial .footer-banner .footer-banner-swiper-content-description{color:#fff!important}.tutorial .footer-banner .footer-banner-content-description{color:#fff}.tutorial .footer-banner .footer-banner-content .el-button{border:1px solid #d65859}}@media only screen and (min-width:701px){.course-details{position:relative}.course-details .course-details-header-mobile{display:none}.course-details .course-details-header-pc{position:fixed;top:0;left:0;right:0;height:50px;display:flex;flex-direction:row;z-index:100}.course-details .course-details-header-pc .icon{color:#fff;font-size:30px}.course-details .course-details-header-pc .first-section{flex:2;height:auto;background-color:#444;display:flex;flex-direction:row;justify-content:space-between}.course-details .course-details-header-pc .first-section .back-container{flex:1;align-self:center;display:flex;flex-direction:row;justify-content:space-between;padding:0 25px}.course-details .course-details-header-pc .first-section .back-container i{cursor:pointer}.course-details .course-details-header-pc .first-section .back-container .el-icon-setting{padding:0 55px;padding-right:0}.course-details .course-details-header-pc .first-section .previous-container{display:flex;flex:2;flex-direction:row;justify-content:center;align-items:center}.course-details .course-details-header-pc .first-section .previous-container .previous-icon{margin-right:10px;padding:5px;color:#444;font-size:23px;font-weight:700;background:#fff;border-radius:50%}.course-details .course-details-header-pc .first-section .previous-container .previous-title{color:#fff}.course-details .course-details-header-pc .second-section{flex:1;background-color:#d65859;align-items:center;display:flex;flex-direction:row;justify-content:center}.course-details .course-details-header-pc .second-section .next-icon{margin-left:10px;padding:5px;background:#fff;font-weight:700;font-size:23px;color:#d65859;border-radius:50%}.course-details .course-details-header-pc .second-section .complete{color:#fff}.course-details .course-details-content{position:relative;padding-top:50px;background:#f6f7fa;height:100vh;display:flex}.course-details .course-details-content .course-details-side-bar{display:flex;flex:1;flex-direction:column}.course-details .course-details-content .course-details-side-bar .course-details-ata-logo img{margin-top:30px;margin-left:20px;width:50px;border-radius:50%;box-shadow:0 3px 15px rgba(0,0,0,.1607843137254902);cursor:pointer}.course-details .course-details-content .course-details-side-bar .course-details-title{padding-top:10px;padding-left:20px;padding-bottom:40px;width:250px;color:#556583;font-size:18px;font-weight:700}.course-details .course-details-content .course-details-side-bar .el-menu .el-menu-item{background:#f6f7fa;border:2px solid hsla(0,0%,100%,.5);border-left:none;border-right:none;display:flex;align-items:center}.course-details .course-details-content .course-details-side-bar .el-menu .el-menu-item .el-radio{display:flex}.course-details .course-details-content .course-details-side-bar .el-menu .el-menu-item .el-radio .el-radio__input{align-self:center}.course-details .course-details-content .course-details-side-bar .el-menu .el-menu-item .el-radio .el-radio__label{display:flex;flex-direction:row}.course-details .course-details-content .course-details-side-bar .el-menu .el-menu-item .el-radio .el-radio__label .radio-icon{width:30px;height:30px;padding:0}.course-details .course-details-content .course-details-side-bar .el-menu .el-menu-item .el-radio .el-radio__label p{align-self:center;margin:0;margin-left:10px}.course-details .course-details-content .course-details-side-bar .el-menu .el-menu-item .el-radio__input.is-checked+.el-radio__label{color:#556583}.course-details .course-details-content .course-details-side-bar .el-menu .el-menu-item .el-radio__input.is-checked .el-radio__inner{border-color:#d65859;background:#d65859}.course-details .course-details-content .course-details-information{display:flex;flex:3;background-color:#fff;flex-direction:column;padding:20px}.course-details .course-details-content .course-details-information .course-details-title{color:#556583;font-size:20px;font-weight:600}.course-details .course-details-content .course-details-information .course-details-subtitle{color:#556583;padding-top:15px;font-size:15px}.course-details .course-details-content .course-details-information .teacher-container{padding-top:50px;display:flex;flex-direction:row}.course-details .course-details-content .course-details-information .teacher-container .teacher-infomation{padding-left:15px}.course-details .course-details-content .course-details-information .teacher-container .teacher-infomation .teacher-name{color:#d65859;font-size:15px;font-weight:700}.course-details .course-details-content .course-details-information .teacher-container .teacher-infomation .teacher-title{color:#556583;padding:10px 0;font-size:12px}.course-details .course-details-content .course-details-information .teacher-container .teacher-infomation .teacher-detail{font-size:12px;text-align:left;letter-spacing:1px;color:#556583;opacity:1;line-height:20px}}@media only screen and (max-width:700px){.course-details{position:relative}.course-details .sidebar-modal{position:fixed;top:42vw;left:0;right:0;bottom:0;background-color:hsla(0,0%,40%,.5)}.course-details .sidebar-modal .el-submenu__title{color:#556583;font-size:4vw;font-weight:700}.course-details .sidebar-modal .el-radio__label{color:#556583;font-size:3vw}.course-details .sidebar-modal .el-radio__label img{margin-right:3vw}.course-details .course-details-header-pc{display:none}.course-details .course-details-header-mobile{position:fixed;top:0;left:0;right:0;display:flex;flex-direction:column}.course-details .course-details-header-mobile .icon{color:#fff}.course-details .course-details-header-mobile .first-section{background-color:#444;display:flex;flex-direction:row;justify-content:space-between;padding:2vw 3vw}.course-details .course-details-header-mobile .first-section .back-icon{height:8vw;padding:3vw;align-self:center}.course-details .course-details-header-mobile .first-section .logo-icon{height:14vw;padding:3vw;align-self:center}.course-details .course-details-header-mobile .first-section .setting-icon{height:8vw;padding:3vw;align-self:center}.course-details .course-details-header-mobile .second-section{display:flex;flex-direction:row}.course-details .course-details-header-mobile .second-section .menu-icon{flex:1;height:18vw}.course-details .course-details-header-mobile .second-section .next-icon,.course-details .course-details-header-mobile .second-section .prev-icon{flex:2;height:18vw}.course-details .course-details-information{display:flex;flex:3;background-color:#f6f7fa;flex-direction:column;padding:5vw;padding-top:50vw;padding-bottom:12vw}.course-details .course-details-information .course-details-title{color:#556583;font-size:7vw;font-weight:600}.course-details .course-details-information .course-details-subtitle{color:#556583;padding-top:3vw;font-size:4vw;font-weight:700}.course-details .course-details-information .teacher-container{padding-top:5vw;display:flex;flex-direction:column}.course-details .course-details-information .teacher-container img{height:50vw;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.course-details .course-details-information .teacher-container .teacher-infomation{margin-top:6vw}.course-details .course-details-information .teacher-container .teacher-infomation .teacher-name{color:#d65859;font-size:6vw;font-weight:700}.course-details .course-details-information .teacher-container .teacher-infomation .teacher-title{color:#556583;padding:2vw 0;font-size:4vw;font-weight:700}.course-details .course-details-information .teacher-container .teacher-infomation .teacher-detail{font-size:4.5vw;text-align:left;letter-spacing:.1vw;color:#556583;opacity:1;line-height:1.6;padding-top:2vw}.course-details .course-details-side-bar{display:none}}@media only screen and (min-width:701px){.order-sumamry-container{position:relative;width:900px;margin:0 auto;margin-top:20px;padding-top:30px;margin-bottom:50px;display:flex;flex-direction:row}.order-sumamry-container .order-summary-content{flex:10}.order-sumamry-container .order-summary-content .page-title{color:#556583;font-size:18px;font-weight:700}.order-sumamry-container .order-summary-content .page-subtitle{padding-top:5px;color:#666;font-size:12px}.order-sumamry-container .order-summary-content .order-card{margin-top:15px;padding:15px 20px;position:relative;background:#fff;box-shadow:0 3px 15px rgba(0,0,0,.161);border-radius:5px;opacity:1}.order-sumamry-container .order-summary-content .order-card .order-content{display:flex;flex-direction:row}.order-sumamry-container .order-summary-content .order-card .order-content .order-img{width:150px}.order-sumamry-container .order-summary-content .order-card .order-content .order-info{padding-left:15px}.order-sumamry-container .order-summary-content .order-card .order-content .order-info .order-name{color:#556583;font-size:15px}.order-sumamry-container .order-summary-content .order-card .order-content .order-info .order-price{padding-top:5px;color:#556583;font-size:15px}.order-sumamry-container .order-summary-content .order-card .el-divider--horizontal{margin:10px 0}.order-sumamry-container .order-summary-content .order-card .total-amount,.order-sumamry-container .order-summary-content .order-card .total-title{color:#d65859;font-size:12px}.order-sumamry-container .order-summary-content .student-login-details{padding-top:30px}.order-sumamry-container .order-summary-content .student-login-details .input-box{margin-top:10px;background:#fff;box-shadow:0 3px 15px rgba(0,0,0,.161);border-radius:5px;padding:0 30px;padding-bottom:35px}.order-sumamry-container .order-summary-content .student-login-details .input-box .input-label{padding-top:30px;color:#556583;font-size:14.5px;font-weight:700}.order-sumamry-container .order-summary-content .student-login-details .input-box .input-label .madatory{color:red;font-size:15px}.order-sumamry-container .order-summary-content .student-login-details .input-box input{width:70%;margin-top:10px;padding:10px 10px;background:#fff 0 0 no-repeat padding-box;border:1px solid #aaa;border-radius:5px;opacity:1;text-align:left;letter-spacing:1px;color:#aaa}.order-sumamry-container .order-summary-content .student-login-details .input-box .checkbox{margin-top:20px}.order-sumamry-container .order-summary-content .student-login-details .input-box .checkbox .checkbox-square{display:inline-block;vertical-align:top}.order-sumamry-container .order-summary-content .student-login-details .input-box .checkbox .checkbox-label{display:inline-block;padding-left:10px;color:#556583;font-size:12px}.order-sumamry-container .order-summary-content .payment-infomation{padding-top:30px}.order-sumamry-container .order-summary-content .payment-infomation .payment-container{margin-top:10px;background:#fff;box-shadow:0 3px 15px rgba(0,0,0,.161);border-radius:5px;display:flex;flex-direction:column}.order-sumamry-container .order-summary-content .payment-infomation .payment-container .el-radio{padding:15px 10px}.order-sumamry-container .order-summary-content .payment-infomation .payment-container .el-radio .el-radio__input.is-checked .el-radio__inner{border-color:#d65859;background:#d65859}.order-sumamry-container .order-summary-content .payment-infomation .payment-container .payment-method{background:#fff;border:1px solid #dae3fd;opacity:1;display:flex;flex-direction:column}.order-sumamry-container .order-summary-content .payment-infomation .payment-container .payment-method .paypal{display:flex;align-items:center}.order-sumamry-container .order-summary-content .payment-infomation .payment-container .payment-method .all-payment{display:flex;align-items:center;padding:10px;margin-right:20px;font-weight:700}.order-sumamry-container .order-summary-content .payment-infomation .payment-container .payment-method .all-payment .el-radio__label{width:100%;display:flex;align-items:center}.order-sumamry-container .order-summary-content .payment-infomation .payment-container .payment-method .all-payment .el-radio__label .all-card-type{position:absolute;right:0}.order-sumamry-container .order-summary-content .payment-infomation .payment-container .payment-method .all-payment .el-radio__label .all-card-type img{width:30px;padding-right:10px}.order-sumamry-container .order-summary-content .payment-infomation .payment-container .payment-method .all-payment .el-radio__label .all-card-type img:last-child{width:22px}.order-sumamry-container .order-summary-content .payment-infomation .payment-container .payment-method .all-payment .el-radio__label .all-card-type img:nth-last-child(2){width:40px}.order-sumamry-container .order-summary-content .payment-infomation .payment-container .payment-method .all-payment .el-radio__label .all-card-type img:nth-child(4){padding-right:0}.order-sumamry-container .order-summary-content .payment-infomation .payment-container .credit-card-container{background:#f6f7fa;box-shadow:0 3px 15px rgba(0,0,0,.161);opacity:1;padding:10px 20px;padding-bottom:20px}.order-sumamry-container .order-summary-content .payment-infomation .payment-container .credit-card-container .credit-card-detail{display:flex;flex-direction:row;justify-content:space-between;margin-top:10px}.order-sumamry-container .order-summary-content .payment-infomation .payment-container .credit-card-container .credit-card-detail .credit-card-date{flex:6}.order-sumamry-container .order-summary-content .payment-infomation .payment-container .credit-card-container .credit-card-detail .credit-card-cvc{margin-left:30px;flex:4}.order-sumamry-container .order-summary-content .payment-infomation .payment-container .credit-card-container .credit-card-detail .credit-card-cvc .el-icon-question{font-size:15px;padding-left:5px;cursor:pointer}.order-sumamry-container .order-summary-content .payment-infomation .payment-container .credit-card-container .input-label{color:#556583;font-size:12px;font-weight:700}.order-sumamry-container .order-summary-content .payment-infomation .payment-container .credit-card-container .input-label .madatory{color:red;font-size:15px}.order-sumamry-container .order-summary-content .payment-infomation .payment-container .credit-card-container input{width:100%;margin-top:10px;background:#fff 0 0 no-repeat padding-box;border:1px solid #aaa;border-radius:5px;opacity:1;text-align:left;letter-spacing:1px;color:#aaa}.order-sumamry-container .order-summary-content .billing-information{padding-top:30px}.order-sumamry-container .order-summary-content .billing-information .billing-container{margin-top:10px;background:#fff 0 0 no-repeat padding-box;box-shadow:0 3px 15px rgba(0,0,0,.1607843137254902);border-radius:5px;opacity:1;display:flex;flex-direction:column;padding:15px}.order-sumamry-container .order-summary-content .billing-information .billing-container .addOn-container{padding-top:5px;padding-bottom:10px;display:flex;flex-direction:row}.order-sumamry-container .order-summary-content .billing-information .billing-container .addOn-container i{color:#d65859;align-self:center}.order-sumamry-container .order-summary-content .billing-information .billing-container .addOn-container .add-on-label{margin-left:10px;color:#d65859;font-size:15px}.order-sumamry-container .order-summary-content .billing-information .billing-container .input-label{color:#556583;font-size:12px;font-weight:700}.order-sumamry-container .order-summary-content .billing-information .billing-container .input-label .madatory{color:red;font-size:15px}.order-sumamry-container .order-summary-content .billing-information .billing-container input{width:100%;margin-top:10px;background:#fff 0 0 no-repeat padding-box;border:1px solid #aaa;border-radius:5px;opacity:1;text-align:left;letter-spacing:1px;color:#aaa}.order-sumamry-container .order-summary-content .billing-information .billing-container .street-container{padding-top:10px;padding-bottom:15px}.order-sumamry-container .order-summary-content .billing-information .billing-container .city-state-container{display:flex;flex-direction:row}.order-sumamry-container .order-summary-content .billing-information .billing-container .city-state-container .city-container{padding-top:10px}.order-sumamry-container .order-summary-content .billing-information .billing-container .city-state-container .state-contaienr{margin-left:10px;align-self:flex-end}.order-sumamry-container .order-summary-content .billing-information .billing-container .postal-container{padding-top:10px}.order-sumamry-container .order-summary-content .billing-information .billing-container .checkbox{padding-top:20px}.order-sumamry-container .order-summary-content .billing-information .billing-container .checkbox .checkbox-square{display:inline-block;vertical-align:top}.order-sumamry-container .order-summary-content .billing-information .billing-container .checkbox .checkbox-label{display:inline-block;padding-left:10px;color:#556583;font-size:12px}.order-sumamry-container .order-summary-content .tnc{width:80%;margin-top:20px;text-align:left;color:#bbb;font-size:15px;line-height:20px}.order-sumamry-container .order-summary-content .tnc .highlighted{color:#d65859}.order-sumamry-container .order-summary-content .checkout{margin-top:20px;display:inline-block;background:#d65859 0 0 no-repeat padding-box;border-radius:37px;opacity:1;color:#fff;padding:10px 20px}.order-sumamry-container .students-testimonial{flex:5;margin-left:45px}.order-sumamry-container .students-testimonial .testimonial-container{background:#f6f7fa 0 0 no-repeat padding-box;box-shadow:0 3px 15px rgba(0,0,0,.1607843137254902);opacity:1;padding:20px;display:flex;flex-direction:column}.order-sumamry-container .students-testimonial .testimonial-container .title{padding-top:5px;color:#556583}.order-sumamry-container .students-testimonial .testimonial-container .student-img{padding-top:20px;width:100px}.order-sumamry-container .students-testimonial .testimonial-container .student-comment{padding-top:20px;text-align:left;letter-spacing:1px;color:#666;font-size:12px}.order-sumamry-container .students-testimonial .testimonial-container .student-name{padding-top:10px;color:#d65859}.order-sumamry-container .cvcDialog,.order-sumamry-container .el-dialog{width:500px!important}.order-sumamry-container .cvcDialog .el-dialog__body,.order-sumamry-container .el-dialog .el-dialog__body{text-align:center}}@media only screen and (max-width:700px){.order-sumamry-container{position:relative;width:900px;margin:0 auto;margin-top:3vw;padding-top:5vw;width:100vw}.order-sumamry-container .order-summary-content{padding:0 8vw}.order-sumamry-container .order-summary-content .page-title{color:#556583;font-size:7vw;font-weight:600}.order-sumamry-container .order-summary-content .page-subtitle{padding-top:2vw;color:#666;font-size:4.5vw;line-height:1.5}.order-sumamry-container .order-summary-content .order-card{margin-top:8vw;padding:5vw 5vw 10vw;position:relative;background:#fff 0 0 no-repeat padding-box;box-shadow:0 1vw 3vw rgba(0,0,0,.1607843137254902);border-radius:3vw;opacity:1}.order-sumamry-container .order-summary-content .order-card .order-content{display:flex;flex-direction:column}.order-sumamry-container .order-summary-content .order-card .order-content .order-info .order-name{padding-top:5vw;color:#666;font-size:4vw;width:60vw;font-weight:700}.order-sumamry-container .order-summary-content .order-card .order-content .order-info .order-price{padding-top:6vw;color:#666;font-size:4vw;font-weight:700}.order-sumamry-container .order-summary-content .order-card .el-divider--horizontal{margin:6vw 0;background-color:#666}.order-sumamry-container .order-summary-content .order-card .total-amount,.order-sumamry-container .order-summary-content .order-card .total-title{color:#d65859;font-size:4vw;font-weight:700}.order-sumamry-container .order-summary-content .student-login-details{padding-top:10vw;letter-spacing:.2vw}.order-sumamry-container .order-summary-content .student-login-details .input-box{margin-top:6vw;background:#fff 0 0 no-repeat padding-box;box-shadow:0 1vw 2vw rgba(0,0,0,.1607843137254902);border-radius:3vw;padding:8vw 5vw}.order-sumamry-container .order-summary-content .student-login-details .input-box .input-label{padding-top:4vw;padding-bottom:3vw;color:#556583;font-size:4.5vw;font-weight:700}.order-sumamry-container .order-summary-content .student-login-details .input-box .input-label .madatory{color:#d65859;font-size:5vw}.order-sumamry-container .order-summary-content .student-login-details .input-box input{width:100%;margin-bottom:2vw;padding-left:4vw;background:#fff 0 0 no-repeat padding-box;border:1px solid #aaa;border-radius:3vw;opacity:1;text-align:left;letter-spacing:1px;color:#aaa;height:17vw}.order-sumamry-container .order-summary-content .student-login-details .input-box .checkbox{margin-top:3vw}.order-sumamry-container .order-summary-content .student-login-details .input-box .checkbox .checkbox-square{display:inline-block;width:10vw;vertical-align:top}.order-sumamry-container .order-summary-content .student-login-details .input-box .checkbox .checkbox-label{display:inline-block;width:60vw;color:#666;font-size:4.5vw}.order-sumamry-container .order-summary-content .payment-infomation{padding-top:10vw}.order-sumamry-container .order-summary-content .payment-infomation .payment-container{margin-top:10vw;background:#fff 0 0 no-repeat padding-box;box-shadow:0 1vw 3vw rgba(0,0,0,.1607843137254902);border-radius:1vw;display:flex;flex-direction:column}.order-sumamry-container .order-summary-content .payment-infomation .payment-container .el-radio{padding:3vw 4vw}.order-sumamry-container .order-summary-content .payment-infomation .payment-container .el-radio .el-radio__label{color:#556583;font-size:4vw;font-weight:700}.order-sumamry-container .order-summary-content .payment-infomation .payment-container .payment-method{background:#fff 0 0 no-repeat padding-box;border:1px solid #dae3fd;opacity:1;display:flex;flex-direction:column}.order-sumamry-container .order-summary-content .payment-infomation .payment-container .payment-method .el-radio__label p{display:inline-block}.order-sumamry-container .order-summary-content .payment-infomation .payment-container .payment-method .el-radio__label .all-card-type{padding-left:5vw}.order-sumamry-container .order-summary-content .payment-infomation .payment-container .payment-method .el-radio__label .all-card-type img{padding:0 2vw}.order-sumamry-container .order-summary-content .payment-infomation .payment-container .credit-card-container{background:#f6f7fa 0 0 no-repeat padding-box;box-shadow:0 1vw 3vw rgba(0,0,0,.1607843137254902);opacity:1;padding:4vw 4vw 8vw}.order-sumamry-container .order-summary-content .payment-infomation .payment-container .credit-card-container .credit-card-detail{margin-top:2vw}.order-sumamry-container .order-summary-content .payment-infomation .payment-container .credit-card-container .input-label{color:#556583;font-size:4.5vw;font-weight:700}.order-sumamry-container .order-summary-content .payment-infomation .payment-container .credit-card-container .input-label .madatory{color:#d65859;font-size:5vw}.order-sumamry-container .order-summary-content .payment-infomation .payment-container .credit-card-container input{width:100%;margin-top:2vw;margin-bottom:4vw;background:#fff 0 0 no-repeat padding-box;border:1px solid #aaa;border-radius:3vw;opacity:1;text-align:left;letter-spacing:1px;color:#aaa;height:14vw;font-size:4.5vw}.order-sumamry-container .order-summary-content .payment-infomation .payment-container .credit-card-container .checkbox{margin-top:3vw}.order-sumamry-container .order-summary-content .payment-infomation .payment-container .credit-card-container .checkbox .checkbox-square{display:inline-block;width:10vw;vertical-align:top}.order-sumamry-container .order-summary-content .payment-infomation .payment-container .credit-card-container .checkbox .checkbox-label{display:inline-block;width:60vw;color:#666;font-size:4.5vw}.order-sumamry-container .order-summary-content .billing-information{padding-top:10vw}.order-sumamry-container .order-summary-content .billing-information .billing-container{margin-top:4vw;background:#fff 0 0 no-repeat padding-box;box-shadow:0 1vw 3vw rgba(0,0,0,.1607843137254902);border-radius:3vw;opacity:1;display:flex;flex-direction:column;padding:8vw 5vw}.order-sumamry-container .order-summary-content .billing-information .billing-container .addOn-container{padding-bottom:2vw;display:flex;flex-direction:row}.order-sumamry-container .order-summary-content .billing-information .billing-container .addOn-container i{color:#d65859;align-self:center;font-size:6vw}.order-sumamry-container .order-summary-content .billing-information .billing-container .addOn-container .add-on-label{margin-left:2vw;color:#d65859;font-size:4vw;font-weight:700}.order-sumamry-container .order-summary-content .billing-information .billing-container .input-label{color:#556583;font-size:4vw;font-weight:700;padding-top:3vw}.order-sumamry-container .order-summary-content .billing-information .billing-container .input-label .madatory{color:#d65859;font-size:5vw}.order-sumamry-container .order-summary-content .billing-information .billing-container input{width:100%;margin-top:2vw;margin-bottom:2vw;background:#fff 0 0 no-repeat padding-box;border:1px solid #aaa;border-radius:3vw;opacity:1;text-align:left;letter-spacing:1px;color:#aaa;height:14vw}.order-sumamry-container .order-summary-content .billing-information .billing-container .street-container{padding-top:2vw;padding-bottom:3vw}.order-sumamry-container .order-summary-content .billing-information .billing-container .city-state-container{display:flex;flex-direction:column}.order-sumamry-container .order-summary-content .billing-information .billing-container .city-state-container .city-container{padding-top:2vw}.order-sumamry-container .order-summary-content .billing-information .billing-container .city-state-container .state-contaienr{margin-left:2vw}.order-sumamry-container .order-summary-content .billing-information .billing-container .postal-container{padding-top:2vw}.order-sumamry-container .order-summary-content .billing-information .billing-container .checkbox{margin-top:3vw}.order-sumamry-container .order-summary-content .billing-information .billing-container .checkbox .checkbox-square{display:inline-block;width:10vw;vertical-align:top}.order-sumamry-container .order-summary-content .billing-information .billing-container .checkbox .checkbox-label{display:inline-block;width:60vw;color:#666;font-size:4.5vw}.order-sumamry-container .order-summary-content .tnc{margin-top:10vw;text-align:left;color:#bbb;font-size:4.5vw;font-weight:700;line-height:1.2}.order-sumamry-container .order-summary-content .tnc .highlighted{color:#d65859}.order-sumamry-container .order-summary-content .checkout{margin-top:10vw;margin-bottom:15vw;background:#d65859 0 0 no-repeat padding-box;border-radius:10vw;opacity:1;font-size:5vw;font-weight:700;letter-spacing:.1vw;color:#fff;padding:5vw 0;width:56vw;text-align:center}.order-sumamry-container .students-testimonial .testimonial-container{background:#f6f7fa 0 0 no-repeat padding-box;box-shadow:0 1vw 3vw rgba(0,0,0,.1607843137254902);opacity:1;padding:6vw 10vw;display:flex;flex-direction:column}.order-sumamry-container .students-testimonial .testimonial-container .title{padding-top:1vw;color:#556583;font-weight:600;font-size:6vw}.order-sumamry-container .students-testimonial .testimonial-container .student-img{padding-top:8vw;width:35vw}.order-sumamry-container .students-testimonial .testimonial-container .student-comment{padding-top:8vw;text-align:left;letter-spacing:.1vw;color:#666;font-size:4.5vw;line-height:1.5}.order-sumamry-container .students-testimonial .testimonial-container .student-name{padding-top:6vw;padding-bottom:6vw;color:#d65859;font-size:5vw;font-weight:700}.order-sumamry-container .cvcDialog{width:80vw!important}.order-sumamry-container .cvcDialog .el-dialog__body{text-align:center}.order-sumamry-container .cvcDialog .el-dialog__body img{width:100%}}@media only screen and (min-width:701px){.gift-header{position:relative;margin:0 auto;text-align:center;padding-top:34px;height:450px;left:0;right:0;top:0;background-color:#d65859;min-width:900px}.gift-header img{width:180px}.gift-child-layout{position:relative;left:0;right:0;margin-top:-355px}.gift-footer{position:relative;margin:0 auto;text-align:center;min-width:900px;color:#666;font-weight:700;padding-top:30px;padding-bottom:40px}.gift-footer hr{width:900px}.gift-footer .footer-item{display:inline-block;width:230px;padding-top:15px}.gift-footer .middle{padding-left:180px;padding-right:0}.gift-footer .right{text-align:right;padding-right:20px}.gift-footer .footer-mobile{display:none}}@media only screen and (max-width:700px){.gift-header{position:relative;margin:0 auto;text-align:center;padding-top:6vw;height:165vw;left:0;right:0;top:0;background-color:#d65859}.gift-header img{width:40vw}.gift-child-layout{position:relative;left:0;right:0;margin-top:-140vw}.gift-footer{position:relative;margin:0 auto;text-align:center;color:#666;font-weight:700;padding-top:3vw;padding-bottom:8vw;letter-spacing:.1vw}.gift-footer hr{width:90vw}.gift-footer .footer-pc{display:none}.gift-footer .footer-item{padding-top:3vw;font-size:5vw}.gift-footer .footer-mobile{padding-top:4vw;font-size:3.5vw}}@media only screen and (min-width:701px){.gift-home{position:relative;top:0;width:900px;margin:0 auto}.gift-home .ranking{color:#fff;letter-spacing:.5px}.gift-home .ranking .ranking-title{font-size:14px;font-weight:700}.gift-home .ranking .ranking-title .line{border-top:1px solid #fff;display:block;height:10px;width:700px;right:10px;position:absolute;top:8px}.gift-home .ranking .ranking-list{display:flex;justify-content:space-between;padding-top:30px}.gift-home .ranking .ranking-list .ranking-item{width:128px}.gift-home .ranking .ranking-list .ranking-item .ranking-image{width:110px;border-radius:50%;border:6px solid #fff;cursor:pointer}.gift-home .ranking .ranking-list .ranking-item .ranking-icon{position:relative;margin-top:-60px;left:65px;width:70px}.gift-home .ranking .ranking-list .ranking-item p{margin-top:-4px;font-size:16px;text-align:center}.gift-home .ranking .ranking-list .ranking-item:nth-child(n+4) p{position:relative;margin-top:14px}.gift-home .teachers{position:relative;margin-top:10px;padding:30px 50px;background-color:#fff;border-radius:26px}.gift-home .teachers .divider-image{width:800px}.gift-home .teachers .divider-image-mobile{display:none}.gift-home .teachers .teachers-title{color:#d65859;font-size:22px;font-weight:700;text-align:center}.gift-home .teachers .teachers-list{padding-top:40px;display:flex;flex-wrap:wrap;justify-content:space-between}.gift-home .teachers .teachers-list .teachers-item{width:250px;margin-bottom:30px;padding-bottom:20px;border-radius:18px;box-shadow:0 7px 15px rgba(0,0,0,.30196078431372547);cursor:pointer}.gift-home .teachers .teachers-list .teachers-item .teachers-image{width:100%;margin-top:25px}.gift-home .teachers .teachers-list .teachers-item .teachers-icon{position:absolute;margin-top:155px;margin-left:-75px;width:70px}.gift-home .teachers .teachers-list .teachers-item .teachers-name{color:#576784;font-size:16px;font-weight:700;padding-top:10px;padding-left:30px}.gift-home .teachers .teachers-list .teachers-item .teachers-subject{color:#d65859;font-size:12px;font-style:italic;letter-spacing:-.3px;padding-top:5px;padding-left:30px}}@media only screen and (max-width:700px){.gift-home{position:relative;width:86vw;margin:0 auto}.gift-home .ranking{color:#fff;letter-spacing:.2vw}.gift-home .ranking .ranking-title{font-size:3.5vw;font-weight:700}.gift-home .ranking .ranking-title .line{border-top:1px solid #fff;display:block;height:3vw;width:34vw;right:0;position:absolute;top:2vw}.gift-home .ranking .ranking-list{display:flex;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none;padding-top:8vw}.gift-home .ranking .ranking-list::-webkit-scrollbar{display:none}.gift-home .ranking .ranking-list .ranking-item{padding-right:8vw}.gift-home .ranking .ranking-list .ranking-item .ranking-image{width:24vw;border-radius:50%;border:1.5vw solid #fff}.gift-home .ranking .ranking-list .ranking-item .ranking-icon{position:relative;margin-top:-12vw;margin-left:10vw;width:20vw}.gift-home .ranking .ranking-list .ranking-item p{font-size:3vw;text-align:center}.gift-home .ranking .ranking-list .ranking-item:nth-child(-n+3) p{margin-top:-3vw}.gift-home .ranking .ranking-list .ranking-item:nth-child(n+4) p{padding-top:3vw}.gift-home .teachers{position:relative;background-color:#fff;border-radius:5vw;margin-top:8vw;padding:8vw 6vw}.gift-home .teachers .divider-image{display:none}.gift-home .teachers .divider-image-mobile{width:100%}.gift-home .teachers .teachers-title{position:relative;text-align:center;color:#d65859;font-size:5.5vw;font-weight:700;padding:2vw 0 6vw;letter-spacing:.1vw}.gift-home .teachers .teachers-list .teachers-item{border-radius:4vw;box-shadow:0 7px 15px rgba(0,0,0,.30196078431372547);margin-bottom:8vw;padding:8vw 0}.gift-home .teachers .teachers-list .teachers-item .teachers-image{width:100%}.gift-home .teachers .teachers-list .teachers-item .teachers-icon{position:absolute;margin-top:38vw;right:6vw;width:22vw}.gift-home .teachers .teachers-list .teachers-item .teachers-name{color:#576784;font-size:4.5vw;font-weight:700;padding-left:8vw;padding-top:5vw}.gift-home .teachers .teachers-list .teachers-item .teachers-subject{color:#d65859;font-size:3vw;font-style:italic;padding-left:8vw;padding-top:1vw}}@media only screen and (min-width:701px){.gift-detail{position:relative;width:900px;margin:0 auto;margin-top:20px;padding:45px 30px 100px;background-color:#fff;border-radius:26px;text-align:left;display:flex;justify-content:space-between}.gift-detail .left-container{flex:1}.gift-detail .left-container .image{width:100%}.gift-detail .left-container .icon{width:65px;margin-left:-15px}.gift-detail .right-container{padding-left:50px;flex:2}.gift-detail .right-container .name .name-title{color:#666;font-size:13px;font-weight:700;letter-spacing:.5px}.gift-detail .right-container .name .name-title img{position:relative;top:3px;width:16px;margin-right:5px}.gift-detail .right-container .name .teacher-name{font-size:18px;font-weight:700;color:#576784;padding-left:26px;padding-top:10px}.gift-detail .right-container .gift .gift-title{color:#666;font-size:13px;font-weight:700;letter-spacing:.5px;padding-top:30px}.gift-detail .right-container .gift .gift-title img{position:relative;top:3px;width:16px;margin-right:2px}.gift-detail .right-container .gift .gift-image img{width:140px}.gift-detail .right-container .quantity{color:#666;font-size:13px;font-weight:700;letter-spacing:.5px;padding-top:10px}.gift-detail .right-container .quantity img{position:relative;top:3px;width:16px;margin-right:2px}.gift-detail .right-container .quantity .input{padding-left:70px}.gift-detail .right-container .quantity .input img{width:20px;cursor:pointer}.gift-detail .right-container .quantity .input .plus{margin-left:105px}.gift-detail .right-container .quantity .input .el-input{position:absolute;width:80px;margin-top:-6px;margin-left:10px}.gift-detail .right-container .quantity .input .el-input__inner{width:80px;height:30px;text-align:center;font-size:16px;font-weight:700;box-shadow:0 3px 15px rgba(0,0,0,.1607843137254902);border-radius:9px;border:none}.gift-detail .right-container .submit{padding-top:50px}.gift-detail .right-container .submit .el-button{font-size:16px;font-weight:700;color:#fff;background-color:#ccc;border:none;border-radius:0;width:120px;min-height:50px;margin-left:10px;letter-spacing:.5px}.gift-detail .right-container .submit .el-button:hover{background-color:#d65859}}@media only screen and (max-width:700px){.gift-detail{position:relative;background-color:#fff;width:70vw;margin:0 auto;padding:8vw 8vw 12vw;border-radius:5vw;margin-top:4vw}.gift-detail .left-container .image{width:100%}.gift-detail .left-container .icon{width:18vw;margin-left:-4vw}.gift-detail .right-container{padding-top:4vw;line-height:1.6}.gift-detail .right-container .name .name-title{color:#666;font-size:4vw;font-weight:700}.gift-detail .right-container .name .name-title img{width:4.5vw;margin-right:1vw}.gift-detail .right-container .name .teacher-name{color:#576784;font-size:4.5vw;font-weight:700;margin-left:8vw;letter-spacing:.2vw}.gift-detail .right-container .gift .gift-title{color:#666;font-size:4vw;font-weight:700;padding-top:6vw}.gift-detail .right-container .gift .gift-title img{width:4.5vw;margin-right:1vw}.gift-detail .right-container .gift .gift-image{display:flex;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none;padding-top:2vw}.gift-detail .right-container .gift .gift-image::-webkit-scrollbar{display:none}.gift-detail .right-container .gift .gift-image img{width:32vw}.gift-detail .right-container .quantity{color:#666;font-size:4vw;font-weight:700;padding-top:4vw}.gift-detail .right-container .quantity img{width:4.5vw;margin-right:1vw}.gift-detail .right-container .quantity .input{vertical-align:middle;padding-left:6vw}.gift-detail .right-container .quantity .input img{width:6vw;margin-top:2vw}.gift-detail .right-container .quantity .input .plus{margin-left:26vw}.gift-detail .right-container .quantity .input .el-input{position:absolute;width:18vw}.gift-detail .right-container .quantity .input .el-input__inner{width:18vw;height:8vw;text-align:center;font-size:4.5vw;font-weight:700;box-shadow:0 3px 15px rgba(0,0,0,.1607843137254902);border-radius:2vw;border:none;margin:0 3vw}.gift-detail .right-container .submit{padding-top:12vw}.gift-detail .right-container .submit .el-button{font-size:4.5vw;font-weight:700;color:#fff;background-color:#ccc;border:none;border-radius:0;width:34vw;min-height:14vw}}@media only screen and (min-width:701px){.gift-payment .gift-payment-page{position:relative;width:900px;margin:0 auto;margin-top:20px;padding:35px 30px;background-color:#fff;border-radius:26px;text-align:center}.gift-payment .gift-payment-page .title{color:#556583;font-size:20px;font-weight:700;letter-spacing:.5px}.gift-payment .gift-payment-page .detail{color:#666;font-size:14px;padding-top:10px;letter-spacing:.5px}.gift-payment .gift-payment-page .payment-type{width:640px;margin:0 auto;margin-top:30px;box-shadow:0 3px 15px rgba(0,0,0,.1607843137254902)}.gift-payment .gift-payment-page .payment-type .el-collapse-item__content{padding-bottom:0}.gift-payment .gift-payment-page .payment-type .el-icon-arrow-right:before{content:" "}.gift-payment .gift-payment-page .payment-type .el-radio{width:100%;height:100%;text-align:left;padding-left:30px;margin-right:0}.gift-payment .gift-payment-page .payment-type .el-radio .el-radio__input.is-checked .el-radio__inner{background:#d65859;border-color:#d65859}.gift-payment .gift-payment-page .payment-type .el-radio .el-radio__label{display:block}.gift-payment .gift-payment-page .payment-type .paypal .el-radio__inner{top:20px}.gift-payment .gift-payment-page .payment-type .paypal .el-radio__label{margin-left:20px}.gift-payment .gift-payment-page .payment-type .card .el-radio__inner{top:16px}.gift-payment .gift-payment-page .payment-type .card .card-text{margin-top:1px;padding-left:25px;color:#556583;font-weight:700}.gift-payment .gift-payment-page .payment-type .card .credit-cards{position:relative;top:-32px;right:20px}.gift-payment .gift-payment-page .payment-type .card .credit-cards img{width:30px;padding-right:10px}.gift-payment .gift-payment-page .payment-type .card .credit-cards img:last-child{width:22px}.gift-payment .gift-payment-page .payment-type .card .credit-cards img:nth-last-child(2){width:40px}.gift-payment .gift-payment-page .payment-type .card-content{background-color:#f6f7fa;padding:30px 40px;text-align:left}.gift-payment .gift-payment-page .payment-type .card-content .card-content-item{padding-bottom:20px}.gift-payment .gift-payment-page .payment-type .card-content .card-content-item .title{color:#556583;font-size:14px;font-weight:700;letter-spacing:.5px}.gift-payment .gift-payment-page .payment-type .card-content .card-content-item .title .mandatory{color:#d65859;padding-right:6px}.gift-payment .gift-payment-page .payment-type .card-content .card-content-item .input .el-input__inner{border-radius:10px;border:1px solid #aaa;height:48px}.gift-payment .gift-payment-page .payment-type .card-content .medium{display:inline-block;width:265px}.gift-payment .gift-payment-page .payment-type .card-content .medium i{cursor:pointer}.gift-payment .gift-payment-page .payment-type .card-content .left{padding-right:25px}.gift-payment .gift-payment-page .payment-type .card-content .el-checkbox__label{color:#666}.gift-payment .gift-payment-page .payment-type .card-content .button{text-align:center;padding-top:16px}.gift-payment .gift-payment-page .payment-type .card-content .button .el-button{height:50px;color:#fff;font-size:16px;font-weight:700;background-color:#ccc}.gift-payment .gift-payment-page .payment-type .card-content .button .el-button:hover{background-color:#d65859}.gift-payment .result-modal .el-icon-close:before{content:" "}.gift-payment .result-modal .el-dialog{border-radius:26px}.gift-payment .result-modal .el-dialog__body{text-align:center}.gift-payment .result-modal img{width:70px}.gift-payment .result-modal .title{color:#75b76c;font-size:22px;font-weight:700;padding-top:16px}.gift-payment .result-modal .detail{color:#666;font-size:15px;padding-top:16px}.gift-payment .result-modal .refresh{color:#75b76c;font-size:15px;padding-top:35px;padding-bottom:50px}.gift-payment .cvcDialog{width:500px!important}.gift-payment .cvcDialog .el-dialog__body{text-align:center}}@media only screen and (max-width:700px){.gift-payment .gift-payment-page{position:relative;background-color:#fff;width:70vw;margin:0 auto;padding:8vw 8vw 12vw;border-radius:5vw;margin-top:4vw;text-align:center}.gift-payment .gift-payment-page .title{color:#576784;font-size:5vw;font-weight:700}.gift-payment .gift-payment-page .detail{color:#666;padding:3vw 10vw 6vw;font-size:3vw}.gift-payment .gift-payment-page .payment-type{box-shadow:0 3px 15px rgba(0,0,0,.1607843137254902)}.gift-payment .gift-payment-page .payment-type .paypal-collapse .el-collapse-item__header{height:11vw}.gift-payment .gift-payment-page .payment-type .paypal-collapse img{width:22vw}.gift-payment .gift-payment-page .payment-type .card-collapse .el-collapse-item__header{height:22vw}.gift-payment .gift-payment-page .payment-type .el-collapse-item__content{padding-bottom:0}.gift-payment .gift-payment-page .payment-type .el-icon-arrow-right:before{content:" "}.gift-payment .gift-payment-page .payment-type .el-radio{width:100%;height:100%;text-align:left;padding-left:6vw;margin-right:0}.gift-payment .gift-payment-page .payment-type .el-radio .el-radio__input.is-checked .el-radio__inner{background:#d65859;border-color:#d65859}.gift-payment .gift-payment-page .payment-type .el-radio .el-radio__label{padding-left:5vw}.gift-payment .gift-payment-page .payment-type .paypal .el-radio__inner{top:-2vw}.gift-payment .gift-payment-page .payment-type .paypal .el-radio__label img{margin-top:3vw}.gift-payment .gift-payment-page .payment-type .card .el-radio__inner{top:2.5vw}.gift-payment .gift-payment-page .payment-type .card .card-text{margin-top:-1vw;padding-left:8vw;color:#556583;font-size:4vw;font-weight:700}.gift-payment .gift-payment-page .payment-type .card .credit-cards{text-align:left;padding-left:8vw}.gift-payment .gift-payment-page .payment-type .card .credit-cards img{width:9vw;padding-right:2vw}.gift-payment .gift-payment-page .payment-type .card .credit-cards img:last-child{width:6vw}.gift-payment .gift-payment-page .payment-type .card .credit-cards img:nth-last-child(2){width:12vw}.gift-payment .gift-payment-page .payment-type .card-content{background-color:#f6f7fa;padding:4vw 6vw 10vw;text-align:left}.gift-payment .gift-payment-page .payment-type .card-content .card-content-item{padding-bottom:4vw}.gift-payment .gift-payment-page .payment-type .card-content .card-content-item .title{color:#556583;font-size:4vw;font-weight:700;letter-spacing:.1vw;padding-bottom:1vw}.gift-payment .gift-payment-page .payment-type .card-content .card-content-item .title .mandatory{color:#d65859;padding-right:2vw}.gift-payment .gift-payment-page .payment-type .card-content .card-content-item .input .el-input{font-size:3vw}.gift-payment .gift-payment-page .payment-type .card-content .card-content-item .input .el-input__inner{border-radius:3vw;border:1px solid #aaa;height:12vw}.gift-payment .gift-payment-page .payment-type .card-content .checkbox .checkbox-square{display:inline-block;width:8vw;vertical-align:top}.gift-payment .gift-payment-page .payment-type .card-content .checkbox .checkbox-label{display:inline-block;width:50vw;font-size:3.5vw;color:#666;line-height:1.3}.gift-payment .gift-payment-page .payment-type .card-content .button{padding-top:6vw}.gift-payment .gift-payment-page .payment-type .card-content .button .el-button{height:12vw;color:#fff;font-size:4vw;font-weight:700;background-color:#ccc}.gift-payment .result-modal .el-icon-close:before{content:" "}.gift-payment .result-modal .el-dialog{width:85vw!important;padding:5vw 10vw;border-radius:6vw}.gift-payment .result-modal .el-dialog__body{text-align:center;word-break:normal;line-height:1.3}.gift-payment .result-modal img{width:20vw}.gift-payment .result-modal .title{color:#75b76c;font-size:6vw;font-weight:700;padding-top:4vw}.gift-payment .result-modal .detail{color:#666;font-size:3.5vw;padding-top:8vw}.gift-payment .result-modal .refresh{color:#75b76c;font-size:4vw;padding-top:8vw}.gift-payment .cvcDialog{width:80vw!important}.gift-payment .cvcDialog .el-dialog__body{text-align:center}.gift-payment .cvcDialog .el-dialog__body img{width:100%}}@media only screen and (min-width:701px){.private-class .private-class-banner{position:relative;background:url(../img/ata-banner-background.7554447f.jpg);background-size:100% auto;background-repeat:no-repeat;height:250px;color:#fff;text-align:center;overflow:hidden;z-index:-2}.private-class .private-class-banner .private-class-banner-img-cover{position:absolute;top:0;left:0;background-color:#000;width:100%;height:300px;overflow:hidden;opacity:.7;z-index:-1}.private-class .private-class-banner .private-class-banner-title{padding-top:45px;font-size:36px;font-weight:700}.private-class .private-class-banner .private-class-banner-suggestion-and-question{color:#fabe0f;font-size:18px}.private-class .private-class-banner .private-class-banner-description{padding-top:30px;font-size:13px;line-height:1.6}.private-class .private-class-banner .private-class-banner-description .keyword{color:#d65859}.private-class .private-class-categories{margin:0 auto;margin-top:20px;margin-bottom:50px;width:900px}.private-class .private-class-categories .private-class-categories-logo .private-class-categories-logo-pc{width:900px}.private-class .private-class-categories .private-class-categories-logo .private-class-categories-logo-mobile{display:none}.private-class .private-class-categories .private-class-title{margin:0 auto;width:550px;color:#d65859;font-size:20px;font-weight:700;text-align:center}.private-class .private-class-categories .private-class-list{padding-top:50px;text-align:center}.private-class .private-class-categories .private-class-list .private-class-nav{margin-top:10px;margin-bottom:10px;position:relative;cursor:pointer}.private-class .private-class-categories .private-class-list .private-class-nav img{width:900px}.private-class .private-class-categories .private-class-list .private-class-nav .nav-name{position:absolute;left:30px;bottom:30px;width:200px;color:#fff;font-weight:700;text-align:left}}@media only screen and (max-width:700px){.private-class .private-class-banner{padding:6vw;position:relative;background:url(../img/header-bg.e3d96b7e.jpg);background-size:100% auto;background-repeat:no-repeat;height:115vw;color:#fff;text-align:center;overflow:hidden;z-index:-2;letter-spacing:.1vw;line-height:1.3}.private-class .private-class-banner .private-class-banner-img-cover{display:none}.private-class .private-class-banner .private-class-banner-title{padding-top:16vw;font-size:10vw;font-weight:700}.private-class .private-class-banner .private-class-banner-suggestion-and-question{padding-top:4vw;color:#fabe0f;font-size:5vw;width:75vw;margin:0 auto}.private-class .private-class-banner .private-class-banner-description{padding-top:9vw;font-size:4.6vw}.private-class .private-class-banner .private-class-banner-description .keyword{color:#d65859}.private-class .private-class-banner .office{padding-top:12vw;width:75vw;margin:0 auto}.private-class .private-class-categories{margin:0 auto;padding:11vw 10vw;width:80vw}.private-class .private-class-categories .private-class-categories-logo .private-class-categories-logo-pc{display:none}.private-class .private-class-categories .private-class-categories-logo .private-class-categories-logo-mobile{width:80vw}.private-class .private-class-categories .private-class-title{margin:0 auto;padding-top:5vw;padding-bottom:6vw;width:70vw;color:#d65859;font-size:6vw;font-weight:700;text-align:center}.private-class .private-class-categories .private-class-list{padding-top:3vw;text-align:center}.private-class .private-class-categories .private-class-list .private-class-nav{margin-top:3vw;margin-bottom:3vw;position:relative;cursor:pointer}.private-class .private-class-categories .private-class-list .private-class-nav img{width:80vw}.private-class .private-class-categories .private-class-list .private-class-nav .nav-name{position:absolute;left:6vw;bottom:6vw;width:60vw;color:#fff;font-size:5vw;font-weight:700;text-align:left}}