.po-si-ab{position:absolute}.po-si-re{position:relative}.active-img{width:100%}.active-img-wrap{margin:0 auto;text-align:center;max-width:960px}a{text-decoration:none}.p-s-a{position:absolute}.p-s-r{position:relative}.o-v-h{overflow:hidden}.flo-l{float:left}.f-g-1{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.t-a-m{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-align:center;-webkit-box-align:center;align-items:center;-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center}.t-a-c{text-align:center}.t-a-j{text-align:justify}.t-a-l{text-align:left}.t-a-r{text-align:right}.dis-flex{display:-webkit-box;display:-ms-flexbox;display:flex}.d-i-b{display:inline-block}.f-z-28{font-size:28px}.f-z-30{font-size:30px}.f-w-700{font-weight:700}.bor-bot-ed{border-bottom:1px solid #ededed}.p-5{padding:5px}.p-10{padding:10px}.m-10{margin:10px}.m-r-5{margin-right:5px}.m-l-10{margin-left:10px}.m-r-40{margin-right:40px}.m-b-40{margin-bottom:40px}.m-l-40{margin-left:40px}.m-t-40{margin-top:40px}.m-t-10{margin-top:10px}.m-t-20{margin-top:20px}.m-r-20{margin-right:20px}.m-l-20{margin-left:20px}.m-b-20{margin-bottom:20px}.m-b-30{margin-bottom:30px}.m-t-30{margin-top:30px}.m-l-30{margin-left:30px}.f-z-24{font-size:24px}.f-z-12{font-size:12px;text-align:center}.f-z-16{font-size:16px}.f-z-18{font-size:18px}.f-z-0{font-size:0}.p-t-10{padding-top:10px}.p-20{padding:20px}.p-b-10{padding-bottom:10px}.p-l-20{padding-left:20px}.p-r-20{padding-right:20px}.p-t-20{padding-top:20px}.p-b-20{padding-bottom:20px}.p-t-30{padding-top:30px}.p-r-30{padding-right:30px}.p-b-30{padding-bottom:30px}.p-l-30{padding-left:30px}.p-t-40{padding-top:40px}.p-r-40{padding-right:40px}.p-b-40{padding-bottom:40px}.p-l-40{padding-left:40px}.border-radius-25{border-radius:25px}.me-main-color{color:#fb9100}.me-bar-bg{background:#ffc62d}.me-font-main-color{color:#484848;text-align:center}.color-999{color:#999 !important}.color-76{color:#767676}.color-fff{color:#fff}.color-ff0000{color:red}.color-000{color:#000}.w-50{width:50%}.me-fund-right{-webkit-box-shadow:1px 0 0 #d9d9d9;box-shadow:1px 0 0 #d9d9d9}.border-box-shadow{-webkit-box-shadow:0 0 1px #d9d9d9;box-shadow:0 0 1px #d9d9d9}.bg-e9{background:#e9eaec}.bg-f9{background:#f9f9f9}.l-h-50{line-height:50px}.bar-sep{width:66px}.l-h-34{line-height:34px}.h-100{height:100px}.f-w-b{font-weight:bold}.massages-another-q a{color:#158cfb}.massages-write-modal{min-height:225px;bottom:0;z-index:31;position:fixed;width:100%;background:#fff;line-height:2}.massages-write-area{width:100%;margin-top:15px;padding:5px;border:1px solid #f2f2f2}.landing-top-logo{width:70px}.landing-top-logo-wrap{height:50px;line-height:60px}.landing-page-join-wrap{-webkit-box-shadow:2px 1px 10px #555;box-shadow:2px 1px 10px #555;-webkit-transform:translateY(-24px);transform:translateY(-24px);display:inline-block;border-radius:25px}.landing-page-join{padding-left:65px;padding-right:65px;font-size:20px;-webkit-box-shadow:0 1px 5px #d9d9d9;box-shadow:0 1px 5px #d9d9d9;background:#ffce25;letter-spacing:4px}.landing-join-prize{color:#777;line-height:1.5}.landing-page-icon{width:20px}.landing-page-shadow{-webkit-box-shadow:0 0 2px #d9d9d9;box-shadow:0 0 2px #d9d9d9}.landing-step-img{width:70px}.landing-step-word{line-height:1.5;margin-top:10px;width:100%}.landing-step-word2{top:120px;left:0}.landing-step-word3{top:245px;left:0}.landing-step-mh{min-height:430px}.landing-icon-max-h{max-height:61px}.pin-link-community{font-weight:300;color:#fff;text-shadow:0 3px 5px #666;font-size:36px}.ma-w-750{max-width:375px;margin:0 auto}.max-landing-img{max-width:414px}.landing-page-slogan{top:30px;left:30px;bottom:300px}.pin-link-community{font-weight:300;color:#fff;text-shadow:0 3px 5px #666;font-size:28px}.landing-top-img-h{height:465px;background:url(//s1.mecourse.cn/meke/screen-landing-top.jpg);background-size:cover}.why-me-course{font-size:14px}.join-now-btn{color:#42391c}.qr-code-img{width:120px;height:120px;-webkit-transform:translateY(-70px);transform:translateY(-70px)}.landing-join-prize{-webkit-transform:translateY(-63px);transform:translateY(-63px)}.landing-join-height{height:100px}@media(min-width: 320px){.ma-w-750{max-width:320px;margin:0 auto}.max-landing-img{max-width:320px}.landing-page-slogan{top:30px;left:30px;bottom:300px}.pin-link-community{font-weight:300;color:#fff;text-shadow:0 3px 5px #666;font-size:28px}.landing-top-img-h{height:315px;background:url(//s1.mecourse.cn/meke/screen-landing-top.jpg);background-size:cover;-webkit-animation:dynamic-back 8s linear 0s infinite;animation:dynamic-back 8s linear 0s infinite}.child-way{font-weight:300;color:#fff;text-shadow:0 3px 5px #666;font-size:16px}.landing-join-height{height:100px}.landing-join-prize{-webkit-transform:translateY(-63px);transform:translateY(-63px)}.landing-step-word-img{margin-left:20px !important}.landing-step-img{width:70px}.landing-step-word{margin-left:20px !important;width:100%}.landing-step-word2{top:125px;left:0}.landing-step-word3{top:245px;left:0}.landing-step-mh{min-height:430px}.color-76{color:#999}.why-me-course{font-size:14px}.orange{color:#ff9a6e}.qr-code-img{width:120px;height:120px;-webkit-transform:translateY(-70px);transform:translateY(-70px)}}@media(min-width: 360px){.ma-w-750{max-width:360px;margin:0 auto}.max-landing-img{max-width:360px}.landing-page-slogan{top:30px;left:30px;bottom:300px}.pin-link-community{font-weight:300;color:#fff;text-shadow:0 3px 5px #666;font-size:28px}.landing-top-img-h{height:315px;background:url(//s1.mecourse.cn/meke/screen-landing-top.jpg);background-size:cover;-webkit-animation:dynamic-back 8s linear 0s infinite;animation:dynamic-back 8s linear 0s infinite}.child-way{font-weight:300;color:#fff;text-shadow:0 3px 5px #666;font-size:16px}.landing-join-height{height:100px}.landing-join-prize{-webkit-transform:translateY(-63px);transform:translateY(-63px)}.landing-step-word-img{margin-left:20px !important}.landing-step-img{width:70px}.landing-step-word{margin-left:20px !important;width:100%}.landing-step-word2{top:125px;left:0}.landing-step-word3{top:245px;left:0}.landing-step-mh{min-height:430px}.color-76{color:#999}.why-me-course{font-size:14px}.orange{color:#ff9a6e}.qr-code-img{width:120px;height:120px;-webkit-transform:translateY(-70px);transform:translateY(-70px)}}@media(min-width: 375px){.ma-w-750{max-width:375px;margin:0 auto}.max-landing-img{max-width:414px}.landing-step-word{margin-left:30px !important;margin-right:30px !important;width:100%}.landing-step-word-img{margin-left:30px !important}.color-76{color:#999}.landing-page-slogan{top:30px;bottom:300px}.pin-link-community{font-weight:300;color:#fff;text-shadow:0 3px 5px #666;font-size:28px}.landing-top-img-h{height:405px;background:url(//s1.mecourse.cn/meke/screen-landing-top.jpg);background-size:cover;-webkit-animation:dynamic-back 8s linear 0s infinite;animation:dynamic-back 8s linear 0s infinite}.landing-join-prize{-webkit-transform:translateY(-83px);transform:translateY(-83px)}.why-me-point{margin-left:10px;margin-right:10px}.landing-join-height{height:115px}.qr-code-img{width:150px;height:150px;-webkit-transform:translateY(-90px);transform:translateY(-90px)}}@media(min-width: 412px){.ma-w-750{max-width:412px;margin:0 auto}.max-landing-img{max-width:412px}.landing-page-slogan{top:30px;left:30px;bottom:300px}.pin-link-community{font-weight:300;color:#fff;text-shadow:0 3px 5px #666;font-size:28px}.landing-top-img-h{height:315px;background:url(//s1.mecourse.cn/meke/screen-landing-top.jpg);background-size:cover;-webkit-animation:dynamic-back 8s linear 0s infinite;animation:dynamic-back 8s linear 0s infinite}.child-way{font-weight:300;color:#fff;text-shadow:0 3px 5px #666;font-size:16px}.landing-join-height{height:100px}.landing-join-prize{-webkit-transform:translateY(-63px);transform:translateY(-63px)}.landing-step-word-img{margin-left:20px !important}.landing-step-img{width:70px}.landing-step-word{margin-left:20px !important;width:100%}.landing-step-word2{top:125px;left:0}.landing-step-word3{top:245px;left:0}.landing-step-mh{min-height:430px}.color-76{color:#999}.why-me-course{font-size:14px}.orange{color:#ff9a6e}.qr-code-img{width:120px;height:120px;-webkit-transform:translateY(-70px);transform:translateY(-70px)}}@media(min-width: 414px){.ma-w-750{max-width:414px;margin:0 auto}.max-landing-img{max-width:414px;margin-top:15px}.landing-page-slogan{top:30px;left:70px;bottom:300px}.pin-link-community{font-weight:300;color:#fff;text-shadow:0 3px 5px #666;font-size:28px}.landing-top-img-h{height:465px;background:url(//s1.mecourse.cn/meke/screen-landing-top.jpg);background-size:cover}.qr-code-img{width:150px;height:150px;-webkit-transform:translateY(-90px);transform:translateY(-90px)}.landing-join-prize{-webkit-transform:translateY(-83px);transform:translateY(-83px)}.landing-join-height{height:115px}}@media(min-width: 768px){.ma-w-750{max-width:768px;margin:0 auto}.landing-step-word1,.landing-step-word2,.landing-step-word3{font-size:14px}.landing-page-slogan{top:30px;left:80px;bottom:300px}.max-landing-img{max-width:750px}.landing-top-img-h{background:url(//s1.mecourse.cn/meke/screen-landing-top.jpg);background-size:cover}.landing-step-word2{top:130px;left:0}.landing-step-word3{top:250px;left:0}.landing-step-word{margin-top:15px;width:100%}.qr-code-img{width:150px;height:150px;-webkit-transform:translateY(-90px);transform:translateY(-90px)}}@media(min-width: 1200px){.ma-w-750{max-width:1080px;margin:0 auto}.landing-step-word1,.landing-step-word2,.landing-step-word3{font-size:14px}.landing-page-slogan{top:30px;left:100px;bottom:300px}.max-landing-img{max-width:1080px}.landing-top-img-h{background:url(//s1.mecourse.cn/meke/screen-landing-top.jpg)}.landing-step-word{margin-top:15px;width:100%}.qr-code-img{width:150px;height:150px;-webkit-transform:translateY(-90px);transform:translateY(-90px)}}.ma-w-750{min-width:320px;margin:0 auto}.pin-community{font-size:30px;color:#fff;text-shadow:0 3px 5px #666}
.lines-page {
  max-width: 1170px;
  width: 100%;
  display: block;
  margin: 40px auto 30px;
  border-top: 1px solid #d5d8df;
}
.feature-cards {
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
}
.feature-cards .feature-card {
  text-align: center;
  padding: 20px 10px 0px 20px;
  float: left;
  position: relative;
  width: 50%;
}
.feature-cards .feature-card .icon {
  display: inline-block;
  font-size: 48px;
  color: #566391;
  width: 100%;
  margin-bottom: 20px;
}
.feature-cards .feature-card .feature-card-content {
  margin-left: 60px;
}
.feature-cards .feature-card .feature-card-content h3 {
  font-size: 18px;
  line-height: 20px;
  min-height: 40px;
  letter-spacing: 1px;
  margin: 0 auto 20px;
  width: 247px;
  color: #1f2128;
}
.feature-cards .feature-card .feature-card-content span {
  font-size: 14px;
}
.step-cards {
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
}
.step-cards .step-card {
  text-align: center;
  padding: 20px 10px 0px 20px;
  float: left;
  position: relative;
  width: 33.33%;
}
.step-cards .step-card .icon {
  font-size: 24px;
}
.step-cards .step-card .step-card-content {
  margin-left: 60px;
}
.step-cards .step-card .step-card-content h3 {
  font-size: 18px;
  line-height: 20px;
  min-height: 40px;
  letter-spacing: 1px;
  margin: 0 auto 20px;
  width: 247px;
  color: #1f2128;
}
.step-cards .step-card .step-card-content span {
  font-size: 14px;
}
@media (max-width: 768px) {
  .feature-cards .feature-card {
    display: inline-block;
    width: 100%;
    margin-bottom: 25px;
  }
  .step-cards .step-card {
    display: inline-block;
    width: 100%;
    margin-bottom: 25px;
  }
  .lines-page {
    max-width: 200px;
    margin: 15px auto 10px;
  }
}
.login-form {
  width: 480px;
  padding: 18px 18px;
}
.login-form .title {
  font-size: 26px;
  font-weight: 500;
  text-align: left;
}
.login-form .captcha {
  width: 100px;
  height: 36px;
  transform: translateY(-5px);
}
.login-form button {
  width: 100%;
}
.login-form .wechat-icon {
  color: white;
}
.login-form .more-sign {
  color: rgba(0, 0, 0, 0.65);
  text-align: left;
  margin-top: 16px;
  line-height: 32px;
}
.login-form .more-sign .my-icon {
  font-size: 18px;
  color: rgba(0, 0, 0, 0.65);
  display: inline-block;
  width: 32px;
  height: 32px;
  margin-left: 12px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}
.login-form .more-sign .my-icon:hover {
  color: #1890ff;
}
.login-form .terms {
  margin-top: 10px;
  font-size: 12px;
}
.login-form .divider {
  margin-top: 16px;
  margin-bottom: 16px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.65);
  font-weight: 200;
}
.logo {
  text-align: center;
  height: 30px;
  line-height: 30px;
  cursor: pointer;
  margin-bottom: 12px;
}
.logo img {
  width: 120px;
}
.logo span {
  vertical-align: text-bottom;
  font-size: 16px;
  text-transform: uppercase;
  display: inline-block;
}
.description {
  margin-bottom: 20px;
  font-size: 14px;
  color: #484848;
}
.ant-spin-container,
.ant-spin-nested-loading {
  height: 100%;
}
.code-c {
  display: flex;
}
.rules-detail-title{font-size:18px;text-align:center;font-weight:400;margin-bottom:5px}.rules-detail-bot{font-size:12px;text-align:right;margin:20px 0}body,html{background:#fff}.logo-area{margin:31px auto 0}.logo-area .midline{left:108px;top:8px}.guide-title{color:#aaa;padding:4px 20px 20px 40px}.guide-title h2{font-size:24px;color:#222;padding:20px 0 10px;border-bottom:1px solid #f2f2f2}.guide-title small{font-size:14px;margin:10px 0;display:block}.guide-detail-padding{padding:1px 32px 1px 28px}.guide-detail-padding.show .help-info,.guide-detail-padding.show .unic-info{display:block;opacity:1;font-size:13px}.guide-detail-padding .help-info,.guide-detail-padding .unic-info{display:none;opacity:0}.guide-section-title{margin:8px 0;font-size:13px;color:#2c3038;font-weight:bolder;padding-bottom:8px;border-bottom:1px solid #f2f2f2;position:relative}.guide-section-title:after{content:"";float:right;color:#ddd;font-family:iconfont !important;font-size:14px;margin-right:-20px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease}.guide-detail-padding.show .guide-section-title:after{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.unic-info{margin-top:0;font-size:15px;line-height:1.55em}.f-w-b{font-weight:bold}.c-r{color:red}.help-info li{margin:6px 0;font-size:13px;line-height:1.55em;margin-left:32px;list-style:disc}.qrcode-wrapper{margin:60px 0}.qrcode-wrapper img{margin:0 auto;display:block;opacity:.9}.bottom-au-img{margin:0 auto;display:block;opacity:.9;width:100%}.wxname{color:#ccc;text-align:center;margin-top:1em}.expand-all{background:#eee;color:#484747;padding:4px 8px;font-size:12px;margin-top:6px;display:inline-block}
@media (max-width: 800px) {
  .t-s {
    display: none;
  }
  .m-t-s-c .m-t-s-c-div {
    color: #484848;
    font-weight: normal;
    padding: 0 20px 10px;
    font-size: 16px;
  }
  .m-t-s-c .m-t-s-c-span {
    font-weight: bold;
    font-size: 16px;
  }
  .other-policies {
    margin-top: 40px;
    font-size: 24px;
    font-weight: bold;
  }
  .other-policies-h4 {
    margin-top: 15px;
    font-size: 18px;
    font-weight: bold;
  }
  .other-policies-div {
    font-size: 16px;
    color: #484848;
    font-weight: normal;
    margin-top: 10px;
    line-height: 20px;
  }
  .refund-policy-top-h2 {
    margin-bottom: 12px;
    margin-top: 20px;
    font-size: 32px;
    font-weight: bold;
    color: #484848;
  }
  .refund-policy-top-p {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 22px;
    color: #484848;
    font-weight: normal;
  }
  .refund-policy-bottom {
    font-size: 14px;
    color: #484848;
    font-weight: normal;
    margin-top: 20px;
    line-height: 20px;
  }
}
@media (min-width: 800px) {
  .m-t-s-c {
    display: none;
  }
  .t-s-c {
    display: flex;
    min-width: 700px;
    padding: 20px;
  }
  .t-s-c .t-s {
    flex-basis: 33.33%;
  }
  .t-s-c .t-s .t-s-b {
    height: 24px;
    margin: 10px 0;
  }
  .t-s-c .t-s .t-s1-b {
    background-color: #3fb34f;
  }
  .t-s-c .t-s .t-s2-b {
    background-color: #ffb400;
  }
  .t-s-c .t-s .t-s3-b {
    background-color: #ff5a5f;
  }
  .t-s-c .t-s .t-s-text {
    color: #484848;
    font-weight: 200;
    font-size: 16px;
  }
  .other-policies {
    margin-top: 40px;
    font-size: 24px;
    font-weight: 350;
  }
  .other-policies-h4 {
    margin-top: 15px;
    font-size: 18px;
    font-weight: 350;
  }
  .other-policies-div {
    font-size: 16px;
    color: #484848;
    font-weight: 200;
    margin-top: 10px;
    line-height: 20px;
  }
  .refund-policy-top-h2 {
    margin-bottom: 12px;
    margin-top: 20px;
    font-size: 32px;
    font-weight: 350;
    color: #484848;
  }
  .refund-policy-top-p {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 22px;
    color: #484848;
    font-weight: 200;
  }
  .refund-policy-bottom {
    font-size: 14px;
    color: #484848;
    font-weight: 200;
    margin-top: 20px;
    line-height: 20px;
  }
}
.theme-color {
  color: #ff9100;
}
/*老师页面*/
.footer-join-us {
  height: 260px;
}
.col-lg-offset-3 {
  padding-top: 30px;
}
.space-top-8 {
  margin-top: 48px;
  margin-bottom: 48px;
  background: #2ee7e1;
}
.col-sm-offset-1 {
  margin: 0 8.33333%;
}
.h1 {
  font-size: 41px;
}
.text-white {
  color: #fff;
}
.trust-and-guarantee {
  padding: 30px 30px;
}
.trust-and-guarantee-sub-title {
  font-size: 16px;
}
.space-top-2 {
  margin: 12px 0;
}
.how-hosting-works-title {
  font-weight: 300;
  letter-spacing: 0.2em;
}
.text-muted {
  color: #767676;
}
.text-center {
  text-align: center;
}
.button-xl {
  padding: 6.4px 30px;
}
@media (min-width: 743px) {
  .text-muted {
    font-size: 20px;
  }
}
.text-muted {
  font-size: 14px;
}
.how-hosting-works-section {
  background-color: #fff;
}
.how-hosting-works-section-label {
  display: block;
  height: 24px;
  width: 24px;
  line-height: 21px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  border: 2px solid #767676;
  color: #767676;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.space-top-6 h2 {
  font-size: 30px;
  margin-top: 25px;
  margin-bottom: 15px;
}
@media (min-width: 743px) {
  .h2 {
    font-size: 30px;
    margin-top: 25px;
    margin-bottom: 15px;
  }
}
.how-hosting-works-section-sub-title {
  font-size: 16px;
}
.info-item-title {
  font-size: 23px;
}
.space-top-2 {
  margin-top: 12px;
}
.space-2 {
  margin-bottom: 12px;
}
.info-item-body {
  font-size: 14px;
}
.value-point-area {
  display: flex;
}
@media (max-width: 320px) {
  .value-point-clear {
    padding-top: 5%;
    padding-bottom: 5%;
  }
  .value-point-clear2 {
    margin-left: 10px;
  }
}
@media (min-width: 321px) and (max-width: 375px) {
  .value-point-clear {
    padding-top: 1%;
    padding-bottom: 1%;
  }
  .value-point-clear2 {
    margin-left: 10px;
  }
}
@media (min-width: 376px) and (max-width: 414px) {
  .value-point-clear {
    padding-top: 1%;
    padding-bottom: 1%;
  }
  .value-point-clear2 {
    margin-left: 15px;
  }
}
@media (min-width: 415px) {
  .value-point-clear {
    padding-top: 1%;
    padding-bottom: 1%;
  }
  .value-point-clear2 {
    margin-left: 15px;
  }
}
.value-point-2 {
  font-size: 14px;
}
.value-point {
  width: 9px;
  height: 9px;
  border: 1px solid #484848;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.earning-estimation-container {
  background-color: #fff;
  color: #484848;
}
.page-container-responsive {
  margin-left: auto;
  margin-right: auto;
  padding-left: 12px;
  padding-right: 12px;
}
.earning-estimation {
  padding: 30px 8.333333% 12px;
}
.space-4 {
  margin-bottom: 24px;
  font-size: 30px;
}
/****图标颜色****/
.text-ba-bu {
  /*color: #FBBD06;*/
}
.teacher-creating-value {
  margin-bottom: 24px;
}
@media (min-width: 375px) and (max-width: 414px) {
  .space-sm-4 {
    margin-bottom: 24px;
  }
}
.room-type-selections > *:not(:last-child) {
  margin-bottom: 15px;
}
.bg-yellow {
  background-color: #fbbd06;
}
.teacher-header-card {
  overflow: hidden;
}
.teacher-join-2 {
  float: left;
  padding: 0 12px;
}
.space-top-3 {
  box-sizing: border-box;
  margin-top: 28px;
}
.teacher-join-3 {
  margin: 0 8.333333%;
}
.header-card-title {
  color: #484848;
  font-weight: normal;
  margin-bottom: 15px;
  font-size: 41px;
}
.header-card-body {
  color: #fff;
  font-size: 17px;
}
.teacher-more {
  margin-top: 24px;
}
.space-top-4 {
  margin-top: 24px;
}
.space-4 {
  margin-bottom: 24px;
}
.info-item-icon {
  display: block;
}
.icon-size-2 {
  font-size: 1.8rem !important;
  line-height: 1;
  color: #008489;
}
.header-join-us {
  position: relative;
}
@media (min-width: 320px) and (max-width: 374px) {
  .teacher-join-button {
    padding: 7px 21px;
    font-size: 13px;
  }
  .teacher-join-button {
    border: 1px solid #ff5a5f;
    background-color: #ff5a5f;
    color: #fff;
  }
  .space-3 {
    margin-bottom: 48px;
  }
  .space-top-3 {
    box-sizing: border-box;
    margin-top: 48px;
  }
}
@media (min-width: 375px) and (max-width: 414px) {
  .teacher-join-button {
    padding: 9px 27px;
    font-size: 15px;
  }
  .teacher-join-button {
    border: 1px solid #ff5a5f;
    background-color: #ff5a5f;
    color: #fff;
  }
}
@media (min-width: 415px) {
  .teacher-join-button {
    padding: 9px 27px;
    font-size: 15px;
  }
  .teacher-join-button {
    border: 1px solid #ff5a5f;
    background-color: #ff5a5f;
    color: #fff;
  }
  .value-point-2 {
    font-size: 17px;
  }
  .space-4 {
    margin-bottom: 30px;
    font-size: 35px;
  }
}
.space-top-6 {
  margin-top: 36px;
}
@media screen and (min-width: 1024px) {
  .become-teacher-c {
    width: 40%;
    background: #fff;
    padding: 50px 10px 0;
  }
  .become-teacher-c .become-teacher-h1 {
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;
  }
  .become-teacher-c .become-teacher-text {
    margin-bottom: 30px;
    text-align: center;
    font-size: 14px;
  }
}
@media screen and (max-width: 1024px) {
  .become-teacher-c {
    width: 90%;
    background: #fff;
    padding: 50px 10px 0;
  }
  .become-teacher-c .become-teacher-h1 {
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;
  }
  .become-teacher-c .become-teacher-text {
    margin-bottom: 30px;
    text-align: center;
    font-size: 14px;
  }
}
/*合作伙伴页面*/
.btn-large {
  padding: 9px 27px;
  font-size: 16px;
}
.btn-primary {
  border: 1px solid #ff5a5f;
  background-color: #ff5a5f;
  color: #fff !important;
}
.partner-header-card-title {
  font-size: 24px;
  line-height: 36px;
  color: #fff;
}
.partner-join-2 {
  height: 250px;
  float: left;
  padding: 0 12px;
}
.partner-step-container {
  display: flex;
  margin: 20px -12px;
}
.partner-step-num {
  height: 30px;
  display: flex;
  margin-right: 15px;
}
.partner-step {
  height: 24px;
  line-height: 21px;
  width: 24px;
  text-align: center;
  border-radius: 50%;
  border: 2px solid #767676;
  color: #767676;
  margin: auto;
}
.partner-step-h2 {
  margin: 0 !important;
}
@media screen and (min-width: 1024px) {
  .become-teacher-c {
    width: 40%;
    background: #fff;
    padding: 50px 10px 0;
  }
  .become-teacher-c .become-teacher-h1 {
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;
  }
  .become-teacher-c .become-teacher-text {
    margin-bottom: 30px;
    text-align: center;
    font-size: 14px;
  }
}
@media screen and (max-width: 1024px) {
  .become-teacher-c {
    width: 90%;
    background: #fff;
    padding: 50px 10px 0;
  }
  .become-teacher-c .become-teacher-h1 {
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;
  }
  .become-teacher-c .become-teacher-text {
    margin-bottom: 30px;
    text-align: center;
    font-size: 14px;
  }
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.text-overflow {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
body {
  height: 100%;
  background-color: #f8f8f8;
  font-size: 16px;
}
::-webkit-scrollbar-thumb {
  background-color: #e6e6e6;
}
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
:global .ant-breadcrumb > span:last-child {
  color: #999;
  weight: normal;
}
:global .ant-breadcrumb-link .anticon + span {
  margin-left: 4px;
}
:global .ant-table.ant-table-small .ant-table-thead > tr > th {
  background: #f7f7f7;
}
:global .ant-table.ant-table-small .ant-table-body > table {
  padding: 0;
}
:global .ant-table-pagination {
  float: none!important;
  display: table;
  margin: 16px auto !important;
}
:global .ant-popover-inner {
  border: none;
  border-radius: 0;
  box-shadow: 0 0 20px rgba(100, 100, 100, 0.2);
}
:global .vertical-center-modal {
  display: flex;
  align-items: center;
  justify-content: center;
}
:global .vertical-center-modal .ant-modal {
  top: 0;
}
:global .vertical-center-modal .ant-modal .ant-modal-body {
  max-height: 80vh;
  overflow-y: auto;
}
:global .ant-form-item {
  margin-bottom: 16px;
}
:global .ant-form-item-control {
  vertical-align: middle;
}
:global .ant-modal-mask {
  background-color: rgba(55, 55, 55, 0.2);
}
:global .ant-modal-content {
  box-shadow: none;
}
:global .ant-select-dropdown-menu-item {
  padding: 12px 16px !important;
}
:global .margin-right {
  margin-right: 16px;
}
:global a:focus {
  text-decoration: none;
}
@media (min-width: 1600px) {
  :global .ant-col-xl-48 {
    width: 20%;
  }
  :global .ant-col-xl-96 {
    width: 40%;
  }
}
@media (max-width: 767px) {
  :global .ant-pagination-item,
  :global .ant-pagination-next,
  :global .ant-pagination-options,
  :global .ant-pagination-prev {
    margin-bottom: 8px;
  }
  :global .ant-card .ant-card-head {
    padding: 0 12px;
  }
  :global .ant-card .ant-card-body {
    padding: 12px;
  }
}
/*老师页面*/
.footer-join-us {
  height: 260px;
}
.col-lg-offset-3 {
  padding-top: 30px;
}
.space-top-8 {
  margin-top: 48px;
  margin-bottom: 48px;
  background: #2ee7e1;
}
.col-sm-offset-1 {
  margin: 0 8.33333%;
}
.h1 {
  font-size: 41px;
}
.text-white {
  color: #fff;
}
.trust-and-guarantee {
  padding: 30px 30px;
}
.trust-and-guarantee-sub-title {
  font-size: 16px;
}
.space-top-2 {
  margin: 12px 0;
}
.how-hosting-works-title {
  font-weight: 300;
  letter-spacing: 0.2em;
}
.text-muted {
  color: #767676;
}
.text-center {
  text-align: center;
}
.button-xl {
  padding: 6.4px 30px;
}
@media (min-width: 743px) {
  .text-muted {
    font-size: 20px;
  }
}
.text-muted {
  font-size: 14px;
}
.how-hosting-works-section {
  background-color: #fff;
}
.how-hosting-works-section-label {
  display: block;
  height: 24px;
  width: 24px;
  line-height: 21px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  border: 2px solid #767676;
  color: #767676;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.space-top-6 h2 {
  font-size: 30px;
  margin-top: 25px;
  margin-bottom: 15px;
}
@media (min-width: 743px) {
  .h2 {
    font-size: 30px;
    margin-top: 25px;
    margin-bottom: 15px;
  }
}
.how-hosting-works-section-sub-title {
  font-size: 16px;
}
.info-item-title {
  font-size: 23px;
}
.space-top-2 {
  margin-top: 12px;
}
.space-2 {
  margin-bottom: 12px;
}
.info-item-body {
  font-size: 14px;
}
.value-point-area {
  display: flex;
}
@media (max-width: 320px) {
  .value-point-clear {
    padding-top: 5%;
    padding-bottom: 5%;
  }
  .value-point-clear2 {
    margin-left: 10px;
  }
}
@media (min-width: 321px) and (max-width: 375px) {
  .value-point-clear {
    padding-top: 1%;
    padding-bottom: 1%;
  }
  .value-point-clear2 {
    margin-left: 10px;
  }
}
@media (min-width: 376px) and (max-width: 414px) {
  .value-point-clear {
    padding-top: 1%;
    padding-bottom: 1%;
  }
  .value-point-clear2 {
    margin-left: 15px;
  }
}
@media (min-width: 415px) {
  .value-point-clear {
    padding-top: 1%;
    padding-bottom: 1%;
  }
  .value-point-clear2 {
    margin-left: 15px;
  }
}
.value-point-2 {
  font-size: 14px;
}
.value-point {
  width: 9px;
  height: 9px;
  border: 1px solid #484848;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.earning-estimation-container {
  background-color: #fff;
  color: #484848;
}
.page-container-responsive {
  margin-left: auto;
  margin-right: auto;
  padding-left: 12px;
  padding-right: 12px;
}
.earning-estimation {
  padding: 30px 8.333333% 12px;
}
.space-4 {
  margin-bottom: 24px;
  font-size: 30px;
}
/****图标颜色****/
.text-ba-bu {
  /*color: #FBBD06;*/
}
.teacher-creating-value {
  margin-bottom: 24px;
}
@media (min-width: 375px) and (max-width: 414px) {
  .space-sm-4 {
    margin-bottom: 24px;
  }
}
.room-type-selections > *:not(:last-child) {
  margin-bottom: 15px;
}
.bg-yellow {
  background-color: #fbbd06;
}
.teacher-header-card {
  overflow: hidden;
}
.teacher-join-2 {
  float: left;
  padding: 0 12px;
}
.space-top-3 {
  box-sizing: border-box;
  margin-top: 28px;
}
.teacher-join-3 {
  margin: 0 8.333333%;
}
.header-card-title {
  color: #484848;
  font-weight: normal;
  margin-bottom: 15px;
  font-size: 41px;
}
.header-card-body {
  color: #fff;
  font-size: 17px;
}
.teacher-more {
  margin-top: 24px;
}
.space-top-4 {
  margin-top: 24px;
}
.space-4 {
  margin-bottom: 24px;
}
.info-item-icon {
  display: block;
}
.icon-size-2 {
  font-size: 1.8rem !important;
  line-height: 1;
  color: #008489;
}
.header-join-us {
  position: relative;
}
@media (min-width: 320px) and (max-width: 374px) {
  .teacher-join-button {
    padding: 7px 21px;
    font-size: 13px;
  }
  .teacher-join-button {
    border: 1px solid #ff5a5f;
    background-color: #ff5a5f;
    color: #fff;
  }
  .space-3 {
    margin-bottom: 48px;
  }
  .space-top-3 {
    box-sizing: border-box;
    margin-top: 48px;
  }
}
@media (min-width: 375px) and (max-width: 414px) {
  .teacher-join-button {
    padding: 9px 27px;
    font-size: 15px;
  }
  .teacher-join-button {
    border: 1px solid #ff5a5f;
    background-color: #ff5a5f;
    color: #fff;
  }
}
@media (min-width: 415px) {
  .teacher-join-button {
    padding: 9px 27px;
    font-size: 15px;
  }
  .teacher-join-button {
    border: 1px solid #ff5a5f;
    background-color: #ff5a5f;
    color: #fff;
  }
  .value-point-2 {
    font-size: 17px;
  }
  .space-4 {
    margin-bottom: 30px;
    font-size: 35px;
  }
}
.space-top-6 {
  margin-top: 36px;
}
@media screen and (min-width: 1024px) {
  .become-teacher-c {
    width: 40%;
    background: #fff;
    padding: 50px 10px 0;
  }
  .become-teacher-c .become-teacher-h1 {
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;
  }
  .become-teacher-c .become-teacher-text {
    margin-bottom: 30px;
    text-align: center;
    font-size: 14px;
  }
}
@media screen and (max-width: 1024px) {
  .become-teacher-c {
    width: 90%;
    background: #fff;
    padding: 50px 10px 0;
  }
  .become-teacher-c .become-teacher-h1 {
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;
  }
  .become-teacher-c .become-teacher-text {
    margin-bottom: 30px;
    text-align: center;
    font-size: 14px;
  }
}
@media (max-width: 800px) {
  .t-s {
    display: none;
  }
  .m-t-s-c .m-t-s-c-div {
    color: #484848;
    font-weight: normal;
    padding: 0 20px 10px;
    font-size: 16px;
  }
  .m-t-s-c .m-t-s-c-span {
    font-weight: bold;
    font-size: 16px;
  }
  .other-policies {
    margin-top: 40px;
    font-size: 24px;
    font-weight: bold;
  }
  .other-policies-h4 {
    margin-top: 15px;
    font-size: 18px;
    font-weight: bold;
  }
  .other-policies-div {
    font-size: 16px;
    color: #484848;
    font-weight: normal;
    margin-top: 10px;
    line-height: 20px;
  }
  .refund-policy-top-h2 {
    margin-bottom: 12px;
    margin-top: 20px;
    font-size: 32px;
    font-weight: bold;
    color: #484848;
  }
  .refund-policy-top-p {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 22px;
    color: #484848;
    font-weight: normal;
  }
  .refund-policy-bottom {
    font-size: 14px;
    color: #484848;
    font-weight: normal;
    margin-top: 20px;
    line-height: 20px;
  }
}
@media (min-width: 800px) {
  .m-t-s-c {
    display: none;
  }
  .t-s-c {
    display: flex;
    min-width: 700px;
    padding: 20px;
  }
  .t-s-c .t-s {
    flex-basis: 33.33%;
  }
  .t-s-c .t-s .t-s-b {
    height: 24px;
    margin: 10px 0;
  }
  .t-s-c .t-s .t-s1-b {
    background-color: #3fb34f;
  }
  .t-s-c .t-s .t-s2-b {
    background-color: #ffb400;
  }
  .t-s-c .t-s .t-s3-b {
    background-color: #ff5a5f;
  }
  .t-s-c .t-s .t-s-text {
    color: #484848;
    font-weight: 200;
    font-size: 16px;
  }
  .other-policies {
    margin-top: 40px;
    font-size: 24px;
    font-weight: 350;
  }
  .other-policies-h4 {
    margin-top: 15px;
    font-size: 18px;
    font-weight: 350;
  }
  .other-policies-div {
    font-size: 16px;
    color: #484848;
    font-weight: 200;
    margin-top: 10px;
    line-height: 20px;
  }
  .refund-policy-top-h2 {
    margin-bottom: 12px;
    margin-top: 20px;
    font-size: 32px;
    font-weight: 350;
    color: #484848;
  }
  .refund-policy-top-p {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 22px;
    color: #484848;
    font-weight: 200;
  }
  .refund-policy-bottom {
    font-size: 14px;
    color: #484848;
    font-weight: 200;
    margin-top: 20px;
    line-height: 20px;
  }
}
.theme-color {
  color: #ff9100;
}
.playback-applications-page .hidden {
  display: none;
}
.composition-content {
  padding: "0 24px";
  min-height: 280;
}
.composition-content .com-back {
  height: 35px;
  text-align: right;
  padding-top: 10px;
}
.composition-content .com-title {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
}
.composition-content .com-student {
  font-size: 16px;
  text-align: center;
  margin-bottom: 10px;
  color: #666;
}
.composition-content .com-t1 {
  font-size: 16px;
  line-height: 26px;
  white-space: pre-wrap;
}
.composition-content ins {
  color: #00bfff;
}
.composition-content del {
  color: red;
}
.composition-content .small {
  font-size: 14px;
}
.composition-content .normal {
  font-size: 16px;
}
.composition-content .large {
  font-size: 20px;
}
.composition-content .xlarge {
  font-size: 24px;
}
.composition-content .toolbar {
  margin-top: 10px;
  margin-bottom: 10px;
}
.site-card-wrapper {
  background: #f0f2f5;
  padding: 30px;
  margin-bottom: 20px;
}
.site-card-wrapper .item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px 0;
  cursor: pointer;
}
.site-card-wrapper .item h2 {
  font-size: 32px;
  margin-bottom: 10px;
}
.site-card-wrapper .item div {
  font-size: 12px;
}
.site-card-wrapper .active-state {
  color: #ff9100;
}
.site-card-wrapper .active-state h2 {
  color: #ff9100;
}
.homework-detail-title {
  margin-bottom: 20px;
}
.student-name-area {
  display: flex;
  margin-bottom: 20px;
}
.student-name-area .student-name-des {
  margin-right: 30px;
  display: flex;
  align-items: center;
}
.student-name-area .student-name-des span {
  font-size: 12px;
}
.homework-footer {
  display: flex;
  justify-content: space-between;
}
.homework-footer .homework-submit-time {
  color: rgba(0, 0, 0, 0.45);
}
.reply-box {
  margin-left: 2em;
  margin-top: 2px;
  padding-left: 16px;
  min-height: 94px;
  border-radius: 2px;
  background-color: #eaeaeb;
}
.reply-box:first-child {
  margin-top: 10px;
}
.reply-box:hover .update-button {
  display: block;
}
.reply-box .ant-list-item-action > li {
  padding: 10px;
}
.reply-box .update-button {
  display: none;
}
.reply-to {
  color: rgba(0, 0, 0, 0.45);
  line-height: 22px;
  font-size: 14px;
}
.h-d-right-c {
  margin-left: 5px;
  padding-left: 95px;
}
.student-homework-list .student-homework-item.finished {
  cursor: pointer;
}
.list-item-meta.finished h4 {
  color: #fb9100;
}

.review_at{color:#aaa;font-size:12px}.edit-reply-btn{display:inline-block;padding:2px 5px;background:rgba(251,189,6,.9);font-size:12px;text-align:center;border-radius:2px;margin-left:5px;cursor:pointer}.reply-btn{background:#13ce66;color:#fff}.delete-reply-btn{background:#ff4949}
.account-top {
  display: flex;
  align-items: center;
}
.account-title {
  font-weight: bold;
  font-size: 28px;
}
.account-payout {
  margin-left: 10px;
}
.payout-text {
  margin-left: 5px;
}
.account-card-container {
  margin-top: 30px;
}
.account-money-num {
  color: #ff9100;
  font-size: 24px;
}
.account-money-num-disabled {
  color: #999;
  font-size: 24px;
}
.payout-modal-title {
  display: flex;
  align-items: center;
}
.payout-modal-title-span {
  margin-right: 5px;
}
.withdraw-rule {
  margin-top: 10px;
  line-height: 20px;
  font-size: 12px;
  color: #aaa;
}
.error {
  color: black;
  text-align: center;
  position: absolute;
  top: 30%;
  margin-top: -50px;
  left: 50%;
  margin-left: -100px;
  width: 200px;
}
.error :global .anticon {
  font-size: 48px;
  margin-bottom: 16px;
}
.error h1 {
  font-family: cursive;
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:rgba(0,0,0,0)}body{background:#fff;line-height:1}ol,ul,li{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}a img{border:none}.cf:before,.cf:after{display:table;content:""}.cf:after{clear:both}a,button{-webkit-transition:color .2s ease,border-color .2s ease,background .2s ease,opacity .2s ease;transition:color .2s ease,border-color .2s ease,background .2s ease,opacity .2s ease;text-decoration:none}a[disabled],button[disabled]{cursor:not-allowed;opacity:.4}.font-logo{font-family:Overpass,"Helvetica Neue",Helvetica,"PingFang SC","Microsoft Yahei","WenQuanYi Micro Hei",Arial,Verdana,sans-serif;font-weight:normal;text-shadow:0 3px 5px #666}.container-lg{position:relative;max-width:1600px;margin:0 auto;padding:0 20px}.container-md{position:relative;max-width:1080px;margin:0 auto;padding:0 20px}.container-static{position:static}.container-padding-zero{padding:0 0}.container-padding-md{padding:0 40px}.container-padding-lg{padding:0 80px}@media(min-width: 641px){.cols{display:-webkit-box;display:-ms-flexbox;display:flex}.cols.cols--row-reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.cols.cols--wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.cols.cols--wrap .col{-webkit-box-flex:1;-ms-flex:auto;flex:auto}.cols.cols--align-top{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.col{-webkit-box-flex:1;-ms-flex:1;flex:1}.col.col--50{width:50%}.col.col--100{width:100%}.col.col--collapsed{-webkit-box-flex:1;-ms-flex:auto;flex:auto}.col.col--padding-left-text{padding-right:40px;padding-left:80px}.col.col--padding-right-text{padding-right:80px;padding-left:40px}.col img{vertical-align:middle}}@media(max-width: 640px){.cols.cols--border-top .col{padding-top:20px;border-top:1px solid #eee}.cols.cols--border-bottom .col{padding-bottom:20px;border-bottom:1px solid #eee}}@media(max-width: 640px){.list{margin-left:1em}}.text-center{text-align:center}.btn{line-height:1.42857143;display:inline-block !important;cursor:pointer;-webkit-transition:color .2s ease,background .2s ease,border .2s ease,-webkit-box-shadow .2s ease;transition:color .2s ease,background .2s ease,border .2s ease,-webkit-box-shadow .2s ease;transition:color .2s ease,background .2s ease,border .2s ease,box-shadow .2s ease;transition:color .2s ease,background .2s ease,border .2s ease,box-shadow .2s ease,-webkit-box-shadow .2s ease;text-align:center;vertical-align:middle;white-space:nowrap;text-decoration:none;border:1px solid #b8b8b8;border-radius:4px;-ms-touch-action:manipulation;touch-action:manipulation}.btn.btn-xl{font-size:22px;font-weight:bold;padding:14px 26px;letter-spacing:.1em;border-radius:6px}.btn .btn-default{border-color:#b8b8b8}.btn .btn-default:hover,.btn .btn-default:focus{color:#fb9100;border-color:#fb9100}.btn .btn-white-bg{background:#fff}.btn .btn-primary{color:#fff;border-color:#fb9100;background:#fb9100}.btn .btn-primary:hover,.btn .btn-primary:focus{border-color:#18c;background:#18c}.btn.btn-hero{color:#fff;border:none;background:rgba(0,0,0,.6)}.btn .btn-hero:hover,.btn .btn-hero:focus{background:rgba(0,0,0,.6)}.btn-group .btn{float:left;border-radius:0}.btn-group .btn:first-child{border-radius:4px 0 0 4px}.btn-group .btn:last-child{margin-left:-1px;border-radius:0 4px 4px 0}.btn-group .btn.on{color:#fff;border-color:#fb9100;background:#fb9100}.about-info{max-width:800px;margin:40px auto}.about-info ul{list-style:none}.team-intro-wrap{padding-top:20px;padding-bottom:40px}.team-intro-wrap{display:-webkit-box;display:-ms-flexbox;display:flex}.btn .btn-xl{font-size:22px;font-weight:bold;padding:14px 26px;letter-spacing:.1em;border-radius:6px}.btn .btn-lg{font-size:20px;padding:10px 20px;border-radius:6px}.btn .btn-md{font-size:16px;padding:6px 14px;border-radius:5px}.btn .btn-sm{font-size:14px;padding:4px 12px;border-radius:4px}.btn .btn-xs{font-size:12px;padding:2px 8px;border-radius:2px}.btn:hover,.btn:focus{text-decoration:none}.btn-group:before,.btn-group:after{display:table;content:""}.btn-group:after{clear:both}.link-arrow .icon{margin-left:-4px;-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease, -webkit-transform .2s ease;-webkit-transform:scale(0.5) rotate(180deg);transform:scale(0.5) rotate(180deg);vertical-align:-2px}.link-arrow:hover .icon,.link-arrow:focus .icon{-webkit-transform:scale(0.5) rotate(180deg) translateX(-3px);transform:scale(0.5) rotate(180deg) translateX(-3px)}.input{display:block;width:100%;margin:0 0 1.8rem;padding:.4em;-webkit-transition:background .2s ease,border-color .2s ease;transition:background .2s ease,border-color .2s ease;border:1px solid rgba(0,0,0,.2);border-radius:4px;outline:none;background:rgba(0,0,0,.02)}.input:focus{border-color:#fb9100;background:#fff}.input.input-dark{color:#fff;border-color:#fff;background:rgba(53,56,72,.4)}.input.input-dark:focus{background:rgba(53,56,72,.8)}.relative{position:relative}.fixed{position:fixed}.absolute{position:absolute}.of-auto{overflow:auto}.of-hidden{overflow:hidden}.of-visible{overflow:visible}hr::before,.hr::before{display:block;width:3px;height:3px;margin-top:2em;margin-bottom:2em;content:"";opacity:.4;border-radius:50%;background:#000;-webkit-box-shadow:24px 0 0 0 #000,48px 0 0 0 #000;box-shadow:24px 0 0 0 #000,48px 0 0 0 #000}.hero-landing-wrap{color:#fff}.hero-landing-wrap a{color:#fff}.hero-landing{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-top:5vmin;padding-bottom:10vmin}.teacher-join-section{padding-top:40px;margin:0 auto !important}.p-20-0{padding:20px 0}.m-w-476{max-width:476px}.w-100{width:100%}.ma-w-280p{max-width:280px}.teacher-registered-left-info{width:100px;text-align:right}.teacher-registered-right-info{padding-left:20px}.teacher-registered-enter-info{height:34px;width:100%;padding:6px 12px;display:inline-block;font-size:14px;line-height:1.42857143;white-space:nowrap;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:4px;border:1px solid #ccc;background-color:#f8f8f8;color:#767676}.header-card-title{font-size:2em;font-weight:bold;color:#fb9100}.t-a-c{text-align:center}@media(min-width: 320px){.page-container-responsive{margin:0 20px}.header-card-title{margin:20px 20px 0;font-size:18px}}@media(min-width: 360px){.page-container-responsive{margin:0 20px}.header-card-title{margin:20px 20px 0;font-size:18px}.ma-w-280p{max-width:250px}}@media(min-width: 412px){.page-container-responsive{margin:0 20px}.header-card-title{margin:30px 20px 0;font-size:20px}}@media(min-width: 414px){.page-container-responsive{margin:0 20px}.header-card-title{margin:30px 20px 0;font-size:20px}}@media(min-width: 768px){.header-card-title{margin:30px 20px 0;font-size:24px}}.teacher-registered-enter-info option{width:100%;font-weight:normal;display:block;white-space:pre;min-height:1.2em;padding:0px 2px 1px}.teacher-data-left{width:70px;font-weight:500;display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-align:center;-webkit-box-align:center;align-items:center}.teacher-registered-btn{border-radius:5px;border:1px solid;border-color:#adb1b8 #a2a6ac #8d9096;padding-top:10px;padding-bottom:10px;width:100%;font-size:14px;background:#f3d078;background:-webkit-gradient(linear, left top, left bottom, from(#f7dfa5), to(#f0c14b));background:linear-gradient(180deg, #f7dfa5, #f0c14b)}@media(min-width: 320px){.teacher-join-section{padding-top:100px}.teacher-join-section{padding-top:40px;margin:0 20px}}@media(min-width: 1080px){.teacher-join-section{padding-top:80px}}@media(max-width: 1080px){.hero-landing{min-height:320px;padding-bottom:16vmin}}.hero-landing h1{font-size:230%;font-weight:bold;margin-left:-2px;letter-spacing:-0.04em;hyphens:none;-webkit-font-smoothing:antialiased;-ms-hyphens:none}.hero-landing small{display:block;margin-top:2vmin}.common-heading{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:300px;text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.common-heading h1{font-weight:bold;margin-top:-40px;margin-bottom:0;letter-spacing:-0.04em;-webkit-font-smoothing:antialiased}.common-heading h2{font-size:2em;font-weight:300;line-height:1.8}.common-heading-tint{position:absolute;top:0;width:100%;height:100%}.intro-section-wrap{background:#fff}@media(max-width: 640px){.intro-section-wrap{padding-top:14vw}}.intro-section-wrap-gray{background:#f0f2f5}.intro-section-wrap-common-text .intro-section{font-size:18px}.intro-section-wrap-common-text .intro-section p{font-size:18px}.intro-section-wrap-common-text .intro-section a{font-weight:bold}.intro-section-wrap-common .intro-section{padding:20px}.intro-section{line-height:1.7;border-radius:4px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media(max-width: 1080px){.intro-section{border-radius:0}}.intro-section p{font-size:1.2em;margin-bottom:1em;color:#3e3e3e}.intro-section p:last-child{margin-bottom:0}@media(max-width: 640px){.intro-section p{font-size:1.2em}}.intro-section ul,.intro-section dl{font-size:1.2em}@media(max-width: 1080px){.intro-section dl{margin-left:16px}}.intro-section dl dt{font-weight:bold;margin-top:20px}.intro-section dl dt:before{font-weight:normal;position:absolute;width:1em;margin-left:-1em;content:"-";pointer-events:none;opacity:.4}.intro-section.intro-section-boxed{background:#fff;-webkit-box-shadow:0 12px 25px 0 rgba(39,50,78,.03);box-shadow:0 12px 25px 0 rgba(39,50,78,.03)}.intro-section.intro-section-boxed-of-hidden{overflow:hidden}.intro-section.intro-section-z-index{z-index:10}.intro-section-offset{margin-top:10px}.section-alt{background:#f9fbfd}.section-dark{color:#fff;background:#fb9100}.section-dark a,.section-dark p{color:#fff}.intro-section-blog-entry{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.intro-section-blog-entry .blog-entry-text{margin:40px auto}@media(max-width: 1080px){.intro-section-blog-entry .blog-entry-text{padding-right:20px;padding-left:20px}}.intro-section-blog-entry .blog-entry-text h2{margin-top:40px;text-align:center}.intro-section-blog-entry .blog-entry-text h2:first-child{margin-top:0}.intro-section-blog-entry .blog-entry-text .meta{font-size:16px;margin-top:-10px;text-align:center;color:#999}.largetype{font-size:1.4em !important}.callout{margin-top:0;margin-bottom:20px;padding:20px;border:0;border-left:6px solid #ccc;background:#f9f9f9}.callout h4{margin-top:2px;margin-bottom:8px}.callout a{font-weight:bold}.callout a,.callout button{background:rgba(0,0,0,0)}.callout p{line-height:1.7}.callout p:last-child,.callout ul:last-child,.callout ol:last-child{margin-bottom:0 !important}.callout .callout-content>p:last-child,.callout .callout-content>ol:last-child,.callout .callout-content>ul:last-child{margin-bottom:0}.callout ul,.callout ol{padding-left:20px}.callout.callout-has-icon .icon{font-size:48px;float:left;width:48px;height:48px}.callout.callout-has-icon .callout-content{margin-left:60px}.sub-tabs ul{display:-webkit-box;display:-ms-flexbox;display:flex;list-style:none}@media(max-width: 640px){.sub-tabs ul{display:block}}.sub-tabs ul li{text-align:center;-webkit-box-flex:1;-ms-flex:auto;flex:auto}@media(max-width: 640px){.sub-tabs ul li{text-align:left}}.sub-tabs ul li a{font-size:20px;display:block;padding:20px;background:#f0f2f5}@media(max-width: 640px){.sub-tabs ul li a{padding-top:10px;padding-bottom:10px}}.sub-tabs ul li.active a{color:#fb9100;background:#fff}.tooltipster-base{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;pointer-events:none}.tooltipster-box{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.tooltipster-content{overflow:auto;-webkit-box-sizing:border-box;box-sizing:border-box;max-width:100%;max-height:100%}.tooltipster-ruler{position:fixed;top:0;right:0;bottom:0;left:0;visibility:hidden;overflow:hidden}.tooltipster-fade{-webkit-transition-property:opacity;transition-property:opacity;opacity:0}.tooltipster-fade.tooltipster-show{opacity:1}.tooltipster-grow{-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transform:scale(0, 0);transform:scale(0, 0);-webkit-backface-visibility:hidden}.tooltipster-grow.tooltipster-show{-webkit-transition-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1.15);transition-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1.15);-webkit-transform:scale(1, 1);transform:scale(1, 1)}.tooltipster-swing{-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transform:rotateZ(4deg);transform:rotateZ(4deg);opacity:0}.tooltipster-swing.tooltipster-show{-webkit-transition-timing-function:cubic-bezier(0.23, 0.635, 0.495, 2.4);transition-timing-function:cubic-bezier(0.23, 0.635, 0.495, 2.4);-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg);opacity:1}.tooltipster-fall{-webkit-transition-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1.15);transition-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1.15);-webkit-transition-property:top;transition-property:top}.tooltipster-fall.tooltipster-initial{top:0 !important}.tooltipster-fall.tooltipster-dying{top:0 !important;-webkit-transition-property:all;transition-property:all;opacity:0}.tooltipster-slide{-webkit-transition-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1.15);transition-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1.15);-webkit-transition-property:left;transition-property:left}.tooltipster-slide.tooltipster-initial{left:-40px !important}.tooltipster-slide.tooltipster-dying{left:0 !important;-webkit-transition-property:all;transition-property:all;opacity:0}@-webkit-keyframes tooltipster-fading{0%{opacity:0}100%{opacity:1}}@keyframes tooltipster-fading{0%{opacity:0}100%{opacity:1}}.tooltipster-update-fade{-webkit-animation:tooltipster-fading 400ms;animation:tooltipster-fading 400ms}@-webkit-keyframes tooltipster-rotating{25%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}75%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes tooltipster-rotating{25%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}75%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.tooltipster-update-rotate{-webkit-animation:tooltipster-rotating 600ms;animation:tooltipster-rotating 600ms}@-webkit-keyframes tooltipster-scaling{50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes tooltipster-scaling{50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}.tooltipster-update-scale{-webkit-animation:tooltipster-scaling 600ms;animation:tooltipster-scaling 600ms}.tooltipster-sidetip .tooltipster-box{margin:10px;border-radius:4px;background:rgba(17,17,17,.9)}.tooltipster-sidetip.tooltipster-bottom .tooltipster-box{margin-top:8px}.tooltipster-sidetip.tooltipster-left .tooltipster-box{margin-right:8px}.tooltipster-sidetip.tooltipster-right .tooltipster-box{margin-left:8px}.tooltipster-sidetip.tooltipster-top .tooltipster-box{margin-bottom:8px}.tooltipster-sidetip .tooltipster-content{line-height:1.6;padding:6px 14px;color:#fff}.tooltipster-sidetip .tooltipster-arrow{position:absolute;overflow:hidden}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow{top:0;width:16px;height:8px;margin-left:-8px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow{top:0;right:0;width:8px;height:16px;margin-top:-8px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow{top:0;left:0;width:8px;height:16px;margin-top:-8px}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow{bottom:0;width:20px;height:8px;margin-left:-8px}.tooltipster-sidetip .tooltipster-arrow-background,.tooltipster-sidetip .tooltipster-arrow-border{position:absolute;width:0;height:0}.tooltipster-sidetip .tooltipster-arrow-background{border:10px solid rgba(0,0,0,0)}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background{top:3px;left:0;border-bottom-color:rgba(17,17,17,.9)}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background{top:0;left:-3px;border-left-color:rgba(17,17,17,.9)}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background{top:0;left:3px;border-right-color:rgba(17,17,17,.9)}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background{top:-3px;left:0;border-top-color:rgba(17,17,17,.9)}.tooltipster-sidetip .tooltipster-arrow-uncropped{position:relative}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped{top:-8px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped{left:-8px}.tooltipster-mobike-light .tooltipster-box{background:#fff}.tooltipster-mobike-light.tooltipster-sidetip .tooltipster-content{line-height:1;padding:10px}.tooltipster-mobike-light.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background{border-top-color:#fff}.tooltipster-mobike-light.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background{border-bottom-color:#fff}.global-navigation-wrap{position:absolute;z-index:1000;right:0;left:0;top:0;-webkit-transition:background .4s ease;transition:background .4s ease;color:#fff;background:hsla(0,0%,100%,.7)}@media(min-width: 1080px){.global-navigation-wrap{-webkit-box-shadow:0 3px 10px #999;box-shadow:0 3px 10px #999;position:fixed;background:rgba(224,80,61,0);background:-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(251, 145, 0, 0)), color-stop(0%, rgba(255, 255, 255, 0.9)));background:linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 0%, rgba(251, 145, 0, 0) 100%, rgba(255, 255, 255, 0.9) 0%);background:hsla(0,0%,100%,.7)}}@media(max-width: 1080px){.global-navigation-wrap{background:rgba(224,80,61,0)}@supports(-webkit-backdrop-filter: blur(10px)){.global-navigation-wrap{background:rgba(224,80,61,0)}}}.global-navigation-wrap.mobile-open{background:rgba(224,80,61,.9)}@supports(-webkit-backdrop-filter: blur(10px)){.global-navigation-wrap.mobile-open{background:rgba(224,80,61,.8);backdrop-filter:blur(10px)}}.global-navigation-wrap a{color:#fff}.global-navigation{font-weight:400;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;height:60px;margin-right:-20px;margin-left:-20px;padding-top:1vmax;padding-bottom:1vmax;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.global-navigation .logo-links{font-size:1.4em;-webkit-box-flex:1;-ms-flex:1;flex:1}.global-navigation .logo-links a{padding:.35714286em 20px}.global-navigation .logo-links a:hover,.global-navigation .logo-links a:focus{text-decoration:none}.current img{height:110px;-webkit-transform:translateY(3px);transform:translateY(3px)}.global-navigation .logo-links a svg{margin-bottom:-1px}.global-navigation ul li{list-style:none}.menu-me-qrl{position:relative}.menu-me-qrc{position:absolute;margin-top:19px;left:-30px}.menu-me-qrw img{width:200px}.nav-links li{display:inline-block}.nav-links li a{padding:.5em 20px;color:#efbf1a}.nav-links li a:hover,.nav-links li a:focus{text-decoration:none}.nav-links li.mobile-link{display:none}body.is-small .nav-links{-webkit-transition:opacity .4s ease,background 1s ease .4s;transition:opacity .4s ease,background 1s ease .4s}.me-rabbit{width:500px}@media(max-width: 414px){.me-rabbit{width:100%}}@media(max-width: 1080px){.nav-links{position:absolute;top:60px;left:0;width:100%;padding:0 0 10px;pointer-events:none;opacity:0}#menu-item-214{display:none}.nav-links.mobile-open{background:#fff;color:#484848}.nav-links.mobile-open{pointer-events:auto;opacity:1}@supports(-webkit-backdrop-filter: blur(10px)){.nav-links.mobile-open{background:#fb9100;backdrop-filter:blur(10px)}}.nav-links li{display:block;-webkit-transition:opacity 1s ease,-webkit-transform .8s ease;transition:opacity 1s ease,-webkit-transform .8s ease;transition:transform .8s ease,opacity 1s ease;transition:transform .8s ease,opacity 1s ease,-webkit-transform .8s ease;opacity:0}.nav-links li a{display:block;padding:1em 20px;border-top:1px solid rgba(0,0,0,.1)}.nav-links li.mobile-link{display:block}.nav-links li.mobile-link a{color:#fff}.nav-links li.mobile-link a .icon{fill:#fff}.nav-links.mobile-open{pointer-events:auto;opacity:1}.nav-links.mobile-open li{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.nav-links-toggle{width:40px;height:40px;margin-right:10px;padding:0 10px;cursor:pointer}@media(min-width: 1081px){.nav-links-toggle{display:none}}.nav-links-toggle a{font-size:0;position:relative;display:block;width:20px;height:40px}.nav-links-toggle a span{position:absolute;top:50%;left:0;display:block;width:0;height:2px}.nav-links-toggle a span:before,.nav-links-toggle a span:after{position:absolute;left:0;width:20px;height:2px;content:"";-webkit-transition:top .4s ease,-webkit-transform .4s ease;transition:top .4s ease,-webkit-transform .4s ease;transition:transform .4s ease,top .4s ease;transition:transform .4s ease,top .4s ease,-webkit-transform .4s ease;border-radius:3px;background:#fff}.mobile-open .nav-links-toggle a span:before{top:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.mobile-open .nav-links-toggle a span:after{top:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.nav-links-toggle a span:before{top:6px}.nav-links-toggle a span:after{top:-6px}.nav-offset{padding-top:60px}.hero-landing-wrap-index{overflow:hidden}.hero-landing-index .heading-wrap{z-index:30}.hero-landing-index .heading-wrap h1{line-height:1.5}.hero-landing-index .heading-wrap h2{font-size:2.1em;font-weight:200;line-height:1.4;max-width:580px}@media(max-width: 1080px){.hero-landing-index .heading-wrap h2{font-size:1.4em}}.hero-landing-index .heading-wrap .btn{-webkit-transition:color .2s ease,background .2s ease,border .2s ease,opacity .4s ease .8s;transition:color .2s ease,background .2s ease,border .2s ease,opacity .4s ease .8s;opacity:0}.js-loaded .hero-landing-index .heading-wrap .btn{opacity:1}.hero-bg{position:absolute;z-index:10;bottom:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%;-webkit-transition:-webkit-transform .7s ease .25s;transition:-webkit-transform .7s ease .25s;transition:transform .7s ease .25s;transition:transform .7s ease .25s, -webkit-transform .7s ease .25s;pointer-events:none;background-size:cover}@media(max-width: 640px){.intro-section-wrap-index{padding-top:0}.intro-section-wrap-index h2{text-align:center}.team-intro-detail{font-size:16px}.mecourse-intro{font-size:16px}.avatar img{margin-top:15px}.team-intro strong{font-size:16px}.about-info{margin:0 20px}}.intro-section-wrap-index .intro-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:360px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media(max-width: 640px){.intro-section-wrap-index .intro-text{min-height:200px;padding-top:40px;padding-bottom:40px}}.intro-section-wrap-index .intro-image{min-height:360px;background-size:cover}@media(max-width: 640px){.intro-section-wrap-index .intro-image{min-height:280px}}.intro-section-wrap-index .intro-text-left{padding-right:40px;padding-left:80px}@media(max-width: 640px){.intro-section-wrap-index .intro-text-left{padding-right:20px;padding-left:20px}}.intro-section-wrap-index .intro-text-right{padding-right:80px;padding-left:40px}@media(max-width: 640px){.intro-section-wrap-index .intro-text-right{padding-right:20px;padding-left:20px}}.intro-section-wrap-phone{margin-top:20px}@media(max-width: 640px){.intro-section-wrap-phone{margin-top:0}}.intro-section-wrap-phone .intro-image{position:relative;z-index:50}@media(max-width: 640px){.intro-section-wrap-phone .intro-image{height:378px !important;margin-top:-66px;margin-right:auto;margin-left:auto}}.intro-section-wrap-callout{min-height:720px;background-repeat:no-repeat;background-position:center bottom;background-size:cover}.intro-section-wrap-callout h2{font-size:60px;line-height:1;color:#fff}@media(max-width: 640px){.intro-section-wrap-callout h2{padding-top:40px;padding-bottom:40px}}.intro-section-wrap-offset-top{margin-top:-80px}.intro-section-wrap-aligen-center{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.hero-video{position:relative;z-index:40;display:-webkit-box;display:-ms-flexbox;display:flex}.hero-video .left{width:60%;background:rgba(224,80,61,.2)}@supports(-webkit-backdrop-filter: blur(3px)){.hero-video .left{backdrop-filter:blur(3px)}}@media(max-width: 640px){.hero-video .left{display:none}}.hero-video .right{width:40%}@media(max-width: 640px){.hero-video .right{width:100%}}.hero-video .hero-video-thumb .hero-video-thumb-image{display:-webkit-box;display:-ms-flexbox;display:flex;width:100px;height:100px;background-size:cover}.hero-video .hero-video-thumb .hero-video-thumb-image .hero-video-thumb-mask{-webkit-transition:opacity .2s ease;transition:opacity .2s ease;background:rgba(0,0,0,.3);-webkit-box-flex:1;-ms-flex:1;flex:1}.hero-video .hero-video-thumb .hero-video-thumb-text{padding-left:20px}.hero-video .hero-video-thumb:hover,.hero-video .hero-video-thumb:focus{background-position:top left}.hero-video .hero-video-thumb:hover .hero-video-thumb-image .hero-video-thumb-mask,.hero-video .hero-video-thumb:focus .hero-video-thumb-image .hero-video-thumb-mask{opacity:0}#modal-hero-video .uk-modal-dialog{height:100%}#modal-hero-video .uk-modal-dialog .video-js{width:100%;height:100%}.vjs-big-play-button{display:none !important}.customers-wrap{text-align:center}.customers-wrap h2{font-size:2em}.customers-wrap h3{font-size:1.4em;font-weight:300;margin-bottom:4vw;color:#7b7b7b}.customers{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.customers li{list-style:none}@media(min-width: 1080px){.customers{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}.customers li{width:33.33333333%;padding:10px}@media(min-width: 1080px){.customers li{width:25%;padding:30px 20px;text-align:center}}.customers .customer{vertical-align:middle}.customers .customer-uber{height:16px}@media(min-width: 1080px){.customers .customer-uber{height:20px}}.customers .customer-zhihu{height:20px}@media(min-width: 1080px){.customers .customer-zhihu{height:30px}}.customers .customer-cctv{height:17px}@media(min-width: 1080px){.customers .customer-cctv{height:30px}}.customers .customer-huawei{height:22px}@media(min-width: 1080px){.customers .customer-huawei{height:30px}}.customers .customer-qq{height:32px}@media(min-width: 1080px){.customers .customer-qq{height:48px}}.customers .customer-qiniu{height:21px}@media(min-width: 1080px){.customers .customer-qiniu{height:30px}}.customers .customer-lianjia{height:50px}@media(min-width: 1080px){.customers .customer-lianjia{height:72px}}.customers .customer-dongqiudi{height:25px}@media(min-width: 1080px){.customers .customer-dongqiudi{height:30px}}.customers .customer-ifanr{height:27px}@media(min-width: 1080px){.customers .customer-ifanr{height:36px}}.customers .customer-echo{height:21px}@media(min-width: 1080px){.customers .customer-echo{height:30px}}.customers .customer-lakala{height:30px}@media(min-width: 1080px){.customers .customer-lakala{height:40px}}.customers .customer-tower{height:17px}@media(min-width: 1080px){.customers .customer-tower{height:30px}}.customers-more-btn{margin-top:2vw}.intro-section-wrap-product p{font-size:1em;line-height:1.7;margin-bottom:1.2em}.intro-section-wrap-product ul{list-style:none}.intro-section-wrap-product ul li{margin-bottom:1em}.intro-section-wrap-product ul li h3{color:#fb9100}.intro-section-wrap-product ul li p{color:#7b7b7b}.intro-section-wrap-product img{margin-right:40px}@media(max-width: 1080px){.intro-section-wrap-product img{width:320px}}@media(max-width: 640px){.intro-section-wrap-product img{width:80%;margin-right:auto;margin-left:auto;padding:20px 0}}.intro-section-wrap-product .cols--row-reverse img{margin-right:0;margin-left:40px}@media(max-width: 640px){.intro-section-wrap-product .cols--row-reverse img{width:80%;margin-right:auto;margin-left:auto}}.intro-section-wrap-product-data{background:#f1f5f9}.intro-section-wrap-product-business{color:#fff;background:#fb9100}.intro-section-wrap-product-business a,.intro-section-wrap-product-business p{color:#fff}.intro-section-wrap-product-business ul li p{color:#b8b8b8}.intro-section-current-city{font-size:1.2em;-webkit-transition:border-radius .2s ease,border-color .2s ease;transition:border-radius .2s ease,border-color .2s ease;border-bottom:1px solid #fff}.intro-section-current-city.has-list{border-bottom:1px solid #ddd;border-bottom-right-radius:0;border-bottom-left-radius:0}@media(max-width: 640px){.intro-section-current-city .intro-text{padding:10px 0}}.intro-section-current-city .intro-text-flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.intro-section-current-city .intro-text-flex .icon{width:40px;height:40px;margin-right:10px;background-repeat:no-repeat;background-position:center center;background-size:contain}.intro-section-current-city .intro-text-flex:hover,.intro-section-current-city .intro-text-flex:focus{color:#fb9100}@media(max-width: 1080px){.intro-section-current-city .city-current-wrap{display:-webkit-box;display:-ms-flexbox;display:flex}.intro-section-current-city .city-current-wrap .city-current{-webkit-box-flex:1;-ms-flex:1;flex:1}}.intro-section-current-city .city-current-wrap a:hover,.intro-section-current-city .city-current-wrap a:focus{color:#fb9100}.intro-section-current-city .city-current-wrap .city-change{-webkit-transition:opacity .2s ease;transition:opacity .2s ease;pointer-events:none;opacity:0}@media(max-width: 1080px){.intro-section-current-city .city-current-wrap .city-change{font-size:80%;opacity:1}.intro-section-current-city .city-current-wrap .city-change .bracket{display:none}}.intro-section-current-city .city-current-wrap:hover .city-change,.intro-section-current-city .city-current-wrap:focus .city-change{pointer-events:auto;opacity:1}.intro-section-city-list{display:none;border-top-left-radius:0;border-top-right-radius:0}.intro-section-city-list .city-list{font-size:1.2em;display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:20px;list-style:none;-ms-flex-wrap:wrap;flex-wrap:wrap}.intro-section-city-list .city-list:last-child{margin-bottom:0}.intro-section-city-list .city-list li{display:block;min-width:6em}.intro-section-city-list .city-list li a:hover,.intro-section-city-list .city-list li a:focus{color:#fb9100}.meta-links-wrap{border-top:1px solid #ddd;border-bottom:1px solid #ddd;background:#fff}.meta-links{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.meta-links .meta-link{display:-webkit-box;display:-ms-flexbox;display:flex;padding:45px 0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.meta-links .meta-link:first-child{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.meta-links .meta-link:last-child{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}@media(min-width: 641px){.meta-links .meta-link{-webkit-box-flex:1;-ms-flex:1;flex:1}}@media(max-width: 640px){.meta-links .meta-link{padding:20px 0}}.meta-links .meta-link .icon{width:50px;height:50px;margin-right:10px;background-repeat:no-repeat;background-position:center center;background-size:contain}.footer-wrap{background:#fff}.footer{display:-webkit-box;display:-ms-flexbox;display:flex;padding-top:45px;padding-bottom:45px;-ms-flex-wrap:wrap;flex-wrap:wrap}.footer ul{list-style:none}.footer .main-links{margin-right:40px;margin-bottom:40px;-webkit-box-flex:2;-ms-flex-positive:2;flex-grow:2}.footer .main-links a{margin-bottom:10px}.footer .main-links .font-logo{display:block;width:160px;height:32px;text-indent:-99999px;background-repeat:no-repeat;background-size:contain}.footer .main-links .icon-phone-bold{vertical-align:-1px}.footer .main-links .icp{font-size:11px;margin-top:4px;opacity:.4}.footer .footer-list-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-wrap:wrap;flex-wrap:wrap}@media(min-width: 641px){.footer .footer-list-wrap{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0}}.footer .footer-list{font-size:15px;margin-bottom:40px;-ms-flex-preferred-size:50%;flex-basis:50%}@media(min-width: 641px){.footer .footer-list{margin-bottom:0;margin-left:8vw;-ms-flex-preferred-size:auto;flex-basis:auto}.footer .footer-list:first-child{margin-left:0}}.footer .footer-list h3{font-weight:bold;margin-bottom:10px}.footer .footer-list ul li{line-height:2}.footer .footer-list ul li a:hover,.footer .footer-list ul li a:focus{color:#fb9100}.footer .footer-list .wechat{cursor:pointer}.page-news .intro-section-wrap .item{margin-bottom:40px}.page-news .intro-section-wrap .item h3{margin-bottom:0}.page-news .intro-section-wrap .item .meta{font-size:16px;opacity:.4}.page-about .intro-section .intro-text h3{margin-top:-10px}.active-img-wrapper{padding:100px 0 200px}.s-bottom-ctner{color:#484848;text-align:center;font-size:12px}.ft-wrapper{padding-top:20px;padding-bottom:20px}.modal{position:fixed;z-index:1000;top:0;left:0;bottom:0;right:0;background:#fff}