@charset "utf-8";

/* self_study.css */
.returnTop li.rezx,.returnTop li.zone,.returnTop li.gz,.returnTop li.fk{display:none;}
.container-self{color:#161616;cursor:default;}
.container-self .self-nav{position:fixed;top:50%;z-index:18;color:#ffc305;background-color:#392e72;text-align:center;-ms-user-select:none;-o-user-select:none;-webkit-user-select:none;user-select:none;-webkit-border-radius:15px;border-radius:15px;-ms-box-shadow:0 0 15px rgba(255,208,57,0.05);-o-box-shadow:0 0 15px rgba(255,208,57,0.05);-webkit-box-shadow:0 0 15px rgba(255,208,57,0.05);box-shadow:0 0 15px rgba(255,208,57,0.05);-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;text-decoration-skip:objects;-ms-animation:fadeInRight 1s ease;-o-animation:fadeInRight 1s ease;-webkit-animation:fadeInRight 1s ease;animation:fadeInRight 1s ease;}
.container-self .self-nav:before,.container-self .self-nav:after{position:absolute;left:0;width:100%;content:"";}
.container-self .self-nav:before{top:-20px;z-index:1;height:44px;background:url('http://assets-cdn.lanqb.com/activityv3/selfStudy/nav-yellow.png') no-repeat center bottom;-webkit-border-radius:15px 15px 0 0;border-radius:15px 15px 0 0;}
.container-self .self-nav:after{bottom:0;z-index:0;height:283px;background:url('http://assets-cdn.lanqb.com/activityv3/selfStudy/nav-yellow2.png') no-repeat center top;-webkit-border-radius:0 0 15px 15px;border-radius:0 0 15px 15px;}
.container-self .self-nav .self-snav,.container-self .self-nav .self-shares{position:relative;z-index:2;}
.container-self .self-nav .self-snav span{position:relative;display:block;margin-bottom:2px;font-size:16px;line-height:1.5;}
.container-self .self-nav .self-snav span.sn{cursor:pointer;}
.container-self .self-nav .self-snav span.sn:hover{color:rgba(255,195,5,0.9);}
.container-self .self-nav .self-snav span.sn:active{color:#ffc305;}
.container-self .self-nav .self-snav span.sn.active{color:#ffd039;background-color:rgba(255,208,57,0.2);}
.container-self .self-nav .self-snav span:before,.container-self .self-nav .self-snav span:after{position:absolute;left:0;width:100%;height:1px;content:"";}
.container-self .self-nav .self-snav span:before{bottom:-1px;background-color:#2b2357;}
.container-self .self-nav .self-snav span:after{bottom:-2px;background-color:#4a3c94;}
.container-self .self-nav .self-shares{padding-top:10px;}
.container-self .self-nav .self-shares em{display:none;}
.container-self .self-nav .self-shares a{display:inline-block;width:30px;height:30px;color:#ffc305;font-size:24px;line-height:1.25;vertical-align:bottom;}
.container-self .self-nav .self-shares a + a{margin-left:10px;}
.container-self .self-nav .self-shares a:hover{color:rgba(255,195,5,0.8);}
.container-self .self-nav .self-shares a:active{color:#ffc305;}
@media (min-width:768px){
  .container-self .self-nav{display:none;}
}
@media (min-width:992px){
  .container-self .self-nav{right:22px;display:block;padding:25px 17px 30px;margin-top:-160px;}
  .container-self .self-nav .self-snav span{padding:8px 0;}
}
@media (min-width:1200px){
  .container-self .self-nav{right:10px;width:152px;padding-top:30px;padding-bottom:70px;margin-top:-200px;}
  .container-self .self-nav .self-snav span{padding:12px 0;}
}
@media (min-width:1730px){
  .container-self .self-nav{right:50%;margin-right:-834px;}
}
.container-self .self-btn{width:auto;min-width:191px;height:53px;padding:12px 44px;font-size:20px;line-height:1.35;-webkit-border-radius:5px;border-radius:5px;-ms-transition:all 1s ease;-o-transition:all 1s ease;-webkit-transition:all 1s ease;transition:all 1s ease;text-decoration-skip:objects;}
.container-self .self-btn.bg-purple{color:#ffffff;background:#281f63;background:-moz-linear-gradient(left,#281f63 0%,#624aa4 100%);background:-webkit-linear-gradient(left,#281f63 0%,#624aa4 100%);background:linear-gradient(to right,#281f63 0%,#624aa4 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#281f63',endColorstr='#624aa4',GradientType=1);}
.container-self .self-btn.bg-purple:hover{color:#ffffff;background:#624aa4;background:-moz-linear-gradient(top,#281f63 0%,#624aa4 100%);background:-webkit-linear-gradient(top,#281f63 0%,#624aa4 100%);background:linear-gradient(to bottom,#281f63 0%,#624aa4 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#281f63',endColorstr='#624aa4',GradientType=0);}
.container-self .self-btn.bg-yellow{color:#3d3277;background:#ffc200;background:-moz-linear-gradient(left,#ffc200 0%,#ffeb68 100%);background:-webkit-linear-gradient(left,#ffc200 0%,#ffeb68 100%);background:linear-gradient(to right,#ffc200 0%,#ffeb68 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc200',endColorstr='#ffeb68',GradientType=1);}
.container-self .self-btn.bg-yellow:hover{color:#3d3277;background:#ffeb68;background:-moz-linear-gradient(top,#ffc200 0%,#ffeb68 100%);background:-webkit-linear-gradient(top,#ffc200 0%,#ffeb68 100%);background:linear-gradient(to bottom,#ffc200 0%,#ffeb68 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc200',endColorstr='#ffeb68',GradientType=0);}
.container-self .self-title{text-align:center;-ms-transition:all 1s ease;-o-transition:all 1s ease;-webkit-transition:all 1s ease;transition:all 1s ease;text-decoration-skip:objects;-ms-animation:fadeInUp 1s ease;-o-animation:fadeInUp 1s ease;-webkit-animation:fadeInUp 1s ease;animation:fadeInUp 1s ease;}
.container-self .self-title.purple{color:#3d3277;}
.container-self .self-title h2{font-size:300;}
.container-self .self-title h2.fz36{font-size:36px;line-height:1.11111111;}
.container-self .self-title h2.fz50{font-size:50px;line-height:1.2;}
.container-self .self-title h3{margin-top:10px;font-size:24px;font-weight:300;line-height:1.25;}
.self-c1{position:relative;height:532px;color:#ffffff;background:url('http://assets-cdn.lanqb.com/activityv3/selfStudy/c1-bg-purple.jpg') repeat center top;}
.self-c1:before{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;background:url('http://assets-cdn.lanqb.com/activityv3/selfStudy/c1-bg.jpg') no-repeat center top;content:"";}
.self-c1 .container{position:relative;z-index:1;height:100%;padding-top:102px;}
.self-c1 h1,.self-c1 h2,.self-c1 h4,.self-c1 p{text-indent:-9999px;-ms-transition:all 1s ease;-o-transition:all 1s ease;-webkit-transition:all 1s ease;transition:all 1s ease;text-decoration-skip:objects;-ms-animation:fadeInUp 1s ease;-o-animation:fadeInUp 1s ease;-webkit-animation:fadeInUp 1s ease;animation:fadeInUp 1s ease;}
.self-c1 h1{height:103px;margin-bottom:26px;background:url('http://assets-cdn.lanqb.com/activityv3/selfStudy/c1-h1.png') no-repeat left center;background-size:auto 100%;}
.self-c1 h2{position:relative;height:57px;margin-bottom:103px;background:url('http://assets-cdn.lanqb.com/activityv3/selfStudy/c1-h2.png') no-repeat left center;background-size:auto 100%;}
.self-c1 h2:after{position:absolute;bottom:-53px;left:0;width:45px;height:5px;background-color:#ffffff;content:"";-webkit-border-radius:100px;border-radius:100px;}
.self-c1 h4{height:31px;margin-bottom:8px;background:url('http://assets-cdn.lanqb.com/activityv3/selfStudy/c1-h4.png') no-repeat center center;background-size:auto 100%;}
.self-c1 p{height:17px;margin-bottom:4px;background:url('http://assets-cdn.lanqb.com/activityv3/selfStudy/c1-p.png') no-repeat center center;background-size:auto 100%;}
.self-c1 .self1-con{position:relative;width:370px;padding:0 20px;}
.self-c1 .self1-con:before,.self-c1 .self1-con:after{position:absolute;top:0;width:10px;height:59px;content:"";-ms-transition:all 1s ease;-o-transition:all 1s ease;-webkit-transition:all 1s ease;transition:all 1s ease;text-decoration-skip:objects;}
.self-c1 .self1-con:before{left:0;background:url('http://assets-cdn.lanqb.com/activityv3/selfStudy/c1-bl.png') no-repeat right center;-ms-animation:fadeInRight 1s ease;-o-animation:fadeInRight 1s ease;-webkit-animation:fadeInRight 1s ease;animation:fadeInRight 1s ease;}
.self-c1 .self1-con:after{right:0;background:url('http://assets-cdn.lanqb.com/activityv3/selfStudy/c1-br.png') no-repeat left center;-ms-animation:fadeInLeft 1s ease;-o-animation:fadeInLeft 1s ease;-webkit-animation:fadeInLeft 1s ease;animation:fadeInLeft 1s ease;}
@media (min-width:768px){
  .self-c1:before{background-position:45% 0;}
}
@media (min-width:992px){
  .self-c1:before{background-position:50% 0;}
}
.self-c2{padding-top:50px;padding-bottom:240px;background:url('http://assets-cdn.lanqb.com/activityv3/selfStudy/c2-bg.png') repeat-x center top;border-top:4px solid #ffd039;}
.self-c2 .self2-title{padding-bottom:10px;border-bottom:1px solid transparent;-ms-transition:all 1s ease;-o-transition:all 1s ease;-webkit-transition:all 1s ease;transition:all 1s ease;text-decoration-skip:objects;-ms-animation:fadeInUp 1s ease;-o-animation:fadeInUp 1s ease;-webkit-animation:fadeInUp 1s ease;animation:fadeInUp 1s ease;}
.self-c2 .self2-title span{display:inline-block;vertical-align:middle;}
.self-c2 .self2-title span.icon{width:26px;height:26px;margin-right:12px;margin-bottom:4px;background-repeat:no-repeat;background-position:left center;background-size:auto 100%;}
.self-c2 .self2-title span.icon.lab{background-image:url('http://assets-cdn.lanqb.com/activityv3/selfStudy/c2-lab.png');}
.self-c2 .self2-title span.icon.label{background-image:url('http://assets-cdn.lanqb.com/activityv3/selfStudy/c2-label.png');}
.self-c2 .self2-title span.icon.MIC{background-image:url('http://assets-cdn.lanqb.com/activityv3/selfStudy/c2-MIC.png');}
.self-c2 .self2-title span.name{font-size:26px;font-weight:400;line-height:1.5;}
.self-c2 .self2-title span.tip{height:39px;padding-top:26px;padding-left:10px;font-size:20px;line-height:1;text-transform:uppercase;-ms-transform:scale(0.5);-o-transform:scale(0.5);-webkit-transform:scale(0.5);transform:scale(0.5);-ms-transform-origin:left center;-o-transform-origin:left center;-webkit-transform-origin:left center;transform-origin:left center;}
.self-c2 .self2-title span.tip:before{padding-right:14px;content:"/";}
.self-c2 .self2-title.black{color:#161616;border-bottom-color:#949494;}
.self-c2 .self2-title.purple{color:#392e72;border-bottom-color:#e8b915;}
.self-c2 .self2-title.white{color:#ffffff;border-bottom-color:#6c61b9;}
.self-c2 .self2-title2{margin-top:100px;margin-bottom:50px;-ms-transition:all 1s ease;-o-transition:all 1s ease;-webkit-transition:all 1s ease;transition:all 1s ease;text-decoration-skip:objects;-ms-animation:fadeInUp 1s ease;-o-animation:fadeInUp 1s ease;-webkit-animation:fadeInUp 1s ease;animation:fadeInUp 1s ease;}
.self-c2 .self2-title2 span{position:relative;display:inline-block;font-weight:300;vertical-align:bottom;}
.self-c2 .self2-title2 span.number{width:70px;height:36px;font-size:40px;line-height:.9;}
.self-c2 .self2-title2 span.number:before{position:absolute;top:-10px;left:0;width:35px;height:2px;background-color:#161616;content:"";}
.self-c2 .self2-title2 span.note{float:right;width:112px;height:35px;margin-top:14px;color:#ffffff;background-color:#43357a;font-size:14px;line-height:2.5;text-align:center;-webkit-border-radius:5px;border-radius:5px;}
.self-c2 .self2-title2 h3{display:inline-block;font-size:50px;font-weight:300;line-height:1;}
.self-c2 p{font-size:16px;text-align:justify;-ms-transition:all 1s ease;-o-transition:all 1s ease;-webkit-transition:all 1s ease;transition:all 1s ease;text-decoration-skip:objects;-ms-animation:fadeInUp 1s ease;-o-animation:fadeInUp 1s ease;-webkit-animation:fadeInUp 1s ease;animation:fadeInUp 1s ease;}
.self-c2 p.lh30{line-height:1.875;}
.self-c2 p.lh32{line-height:2;}
.self-c2 .investigation{padding-bottom:120px;}
.self-c2 .investigation p{padding-top:18px;}
.self-c2 .self2-c .self2-title2{margin-top:100px;}
.self-c2 .self2-item{position:relative;padding-bottom:34px;overflow:hidden;background:#f5f5f5;-webkit-border-radius:20px;border-radius:20px;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;text-decoration-skip:objects;-ms-animation:fadeIn 1s ease;-o-animation:fadeIn 1s ease;-webkit-animation:fadeIn 1s ease;animation:fadeIn 1s ease;}
.self-c2 .self2-item .self2-title{padding-top:40px;margin-bottom:16px;}
.self-c2 .self2-purple{padding:0 45px 60px;color:#ffffff;background:#392e72;background:-moz-linear-gradient(top,#56428c 0%,#392e72 100%);background:-webkit-linear-gradient(top,#56428c 0%,#392e72 100%);background:linear-gradient(to bottom,#56428c 0%,#392e72 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#56428c',endColorstr='@sellfpurple1',GradientType=0);}
.self-c2 .self2-purple dl > dd{margin-bottom:24px;}
.self-c2 .self2-purple p a{font-size:12px;color:#ffd960;}
.self-c2 .self2-purple p a:hover{color:#e8b915;}
.self-c2 .self2-purple p strong{font-weight:600;color:#ffd960;}
.self-c2 .self2-gray{position:relative;padding:28px 45px 75px;color:#161616;background-color:#f5f5f5;}
.self-c2 .self2-gray:before{position:absolute;top:-25px;left:0;z-index:2;width:100%;height:26px;background:url('http://assets-cdn.lanqb.com/activityv3/selfStudy/c2-gray.png') repeat-x center bottom;content:"";}
.self-c2 .self2-gray p a,.self-c2 .self2-gray p strong{font-weight:600;color:#3d3277;}
.self-c2 .self2-gray p a{text-decoration:underline;}
.self-c2 .self2-gray p a:hover{text-decoration:none;}
.self-c2 .self2-graphs{margin-top:42px;-ms-transition:all 1s ease;-o-transition:all 1s ease;-webkit-transition:all 1s ease;transition:all 1s ease;text-decoration-skip:objects;-ms-animation:fadeInUp 1s ease;-o-animation:fadeInUp 1s ease;-webkit-animation:fadeInUp 1s ease;animation:fadeInUp 1s ease;}
.self-c2 .self2-more{position:absolute;bottom:0;left:0;z-index:2;width:100%;height:34px;overflow:hidden;color:#392e72;background-color:#ffd960;text-align:center;cursor:pointer;-ms-user-select:none;-o-user-select:none;-webkit-user-select:none;user-select:none;}
.self-c2 .self2-more span{position:relative;display:inline-block;width:64px;height:100%;font-size:16px;line-height:2.125;vertical-align:middle;}
.self-c2 .self2-more span em{position:absolute;left:0;display:block;height:34px;-ms-transition:all 0.7s ease-in-out;-o-transition:all 0.7s ease-in-out;-webkit-transition:all 0.7s ease-in-out;transition:all 0.7s ease-in-out;text-decoration-skip:objects;}
.self-c2 .self2-more span em.more{top:0;}
.self-c2 .self2-more span em.less{top:120%;}
.self-c2 .self2-more .iconfont{display:inline-block;margin-left:15px;font-size:20px;line-height:1;vertical-align:middle;-ms-transition:all 1s ease;-o-transition:all 1s ease;-webkit-transition:all 1s ease;transition:all 1s ease;text-decoration-skip:objects;-ms-transform:rotate(90deg);-o-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg);}
.self-c2 .self2-more:hover{background-color:#ffd039;}
.self-c2 .self2-more.active span em.more{top:-120%;}
.self-c2 .self2-more.active span em.less{top:0;}
.self-c2 .self2-more.active .iconfont{-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);transform:rotate(-90deg);}
.self-c2 .self2-group{margin-top:66px;}
.self-c2 .self2-curved{position:relative;display:inline-block;padding:60px 0 23px 84px;}
.self-c2 .self2-curved .curve-tip{position:absolute;display:inline-block;font-size:16px;line-height:1.25;color:#464646;}
.self-c2 .self2-curved .curve-tip.top{top:10px;right:100%;margin-right:-80px;}
.self-c2 .self2-curved .curve-tip.right{right:-64px;bottom:0;}
.self-c2 .curve-btn{position:absolute;top:0;left:136px;}
.self-c2 .curve-btn .curve-span{display:inline-block;width:123px;height:36px;border:1px solid #464646;text-align:center;vertical-align:top;-ms-user-select:none;-o-user-select:none;-webkit-user-select:none;user-select:none;-webkit-border-radius:5px;border-radius:5px;}
.self-c2 .curve-btn .curve-span + .curve-span{margin-left:60px;}
.self-c2 .curve-btn .curve-span em{position:relative;display:inline-block;padding-right:42px;font-size:16px;line-height:2.125;}
.self-c2 .curve-btn .curve-span em:before,.self-c2 .curve-btn .curve-span em:after{position:absolute;top:50%;content:"";box-sizing:border-box;}
.self-c2 .curve-btn .curve-span em:before{right:0;margin-top:-1px;width:28px;height:2px;}
.self-c2 .curve-btn .curve-span em:after{right:9px;margin-top:-5px;width:10px;height:10px;border:2px solid transparent;background-color:#f5f5f5;-webkit-border-radius:50%;border-radius:50%;}
.self-c2 .curve-btn .curve-span.purple em:before{background-color:#3d3277;}
.self-c2 .curve-btn .curve-span.purple em:after{border-color:#3d3277;}
.self-c2 .curve-btn .curve-span.yellow em:before{background-color:#f7b817;}
.self-c2 .curve-btn .curve-span.yellow em:after{border-color:#f7b817;}
.self-c2 .self2-curve{position:relative;width:568px;height:154px;border-bottom:2px solid #dddddd;border-left:2px solid #dddddd;}
.self-c2 .self2-curve:before{position:absolute;bottom:0;left:0;z-index:1;width:100%;height:100%;content:"";background-repeat:no-repeat;background-position:left bottom;}
.self-c2 .self2-curve.c1:before{background-image:url('http://assets-cdn.lanqb.com/activityv3/selfStudy/c2-curve1.png');}
.self-c2 .self2-curve.c2:before{background-image:url('http://assets-cdn.lanqb.com/activityv3/selfStudy/c2-curve2.png');}
.self-c2 .self2-curve.c3:before{background-image:url('http://assets-cdn.lanqb.com/activityv3/selfStudy/c2-curve3.png');}
.self-c2 .self2-note{margin-top:66px;text-align:center;-ms-transition:all 1s ease;-o-transition:all 1s ease;-webkit-transition:all 1s ease;transition:all 1s ease;text-decoration-skip:objects;-ms-animation:fadeInUp 1s ease;-o-animation:fadeInUp 1s ease;-webkit-animation:fadeInUp 1s ease;animation:fadeInUp 1s ease;}
.self-c2 .self2-note h4{margin-bottom:20px;font-size:30px;line-height:1.2;color:#3d3277;}
.self-c2 .curve-line{position:absolute;right:0;bottom:0;left:0;z-index:0;}
.self-c2 .curve-line em{display:block;width:100%;height:35px;margin-bottom:35px;background-color:#e5e5e5;}
.self-c2 .curve-note{position:absolute;font-size:14px;line-height:1.5;color:#ababab;text-align:right;}
.self-c2 .curve-note.left{bottom:-8px;right:100%;margin-right:12px;}
.self-c2 .curve-note.left em{display:block;margin-top:15px;}
.self-c2 .curve-note.bottom{bottom:-26px;right:0;}
.self-c2 .curve-note.bottom em{display:inline-block;}
.self-c2 .curve-note.bottom em + em{margin-left:52px;}
.self-c2 .self2-gp{display:inline-block;vertical-align:top;}
.self-c2 .self2-gplist{-ms-transition:all 1s ease;-o-transition:all 1s ease;-webkit-transition:all 1s ease;transition:all 1s ease;text-decoration-skip:objects;-ms-animation:fadeInUp 1s ease;-o-animation:fadeInUp 1s ease;-webkit-animation:fadeInUp 1s ease;animation:fadeInUp 1s ease;}
.self-c2 .self2-gplist li{float:left;text-align:center;}
.self-c2 .self2-gplist img{width:188px;-webkit-border-radius:10px;border-radius:10px;}
.self-c2 .self2-gplist span{display:block;padding-top:15px;font-size:18px;line-height:1;color:#3d3277;}
@media (min-width:768px){
  .self-c2 .self2-curved{padding-left:54px;}
  .self-c2 .self2-gplist li{width:272px;}
}
@media (min-width:992px){
  .self-c2 .self2-curved{padding-left:84px;}
  .self-c2 .self2-graphs .self2-note{float:right;display:inline-block;max-width:200px;margin-top:60px;text-align:right;}
  .self-c2 .self2-group .self2-note{float:right;display:inline-block;text-align:right;}
  .self-c2 .self2-gplist li{width:230px;}
}
@media (min-width:1200px){
  .self-c2 .self2-graphs .self2-note{max-width:420px;margin-top:120px;}
  .self-c2 .self2-gplist li{width:272px;}
}
.self-c3{position:relative;color:#ffffff;background:#3d3277 url('http://assets-cdn.lanqb.com/activityv3/selfStudy/c3-purple.jpg') repeat center top;-webkit-border-radius:0 0 15px 15px;border-radius:0 0 15px 15px;}
.self-c3:before,.self-c3:after{position:absolute;left:0;width:100%;overflow:hidden;content:"";}
.self-c3:before{top:-42px;z-index:1;height:180px;background:url('http://assets-cdn.lanqb.com/activityv3/selfStudy/c3-yellow.png') repeat-x center top;-webkit-border-radius:15px 15px 0 0;border-radius:15px 15px 0 0;}
.self-c3:after{bottom:0;z-index:0;height:455px;background:url('http://assets-cdn.lanqb.com/activityv3/selfStudy/c3-yellow2.png') repeat-x center bottom;-webkit-border-radius:0 0 15px 15px;border-radius:0 0 15px 15px;}
.self-c3 .container,.self3-modal .self3-mdcon{position:relative;z-index:2;}
.self-c3 .self-title{margin-bottom:142px;}
.self-c3 .self3-btnd .self-btn{-ms-animation:fadeInUp 1s ease;-o-animation:fadeInUp 1s ease;-webkit-animation:fadeInUp 1s ease;animation:fadeInUp 1s ease;}
.self-c3 .self3-con h3{font-size:30px;font-weight:300;line-height:1.4;color:#ffd039;-ms-transition:all 1s ease;-o-transition:all 1s ease;-webkit-transition:all 1s ease;transition:all 1s ease;text-decoration-skip:objects;-ms-animation:fadeInUp 1s ease;-o-animation:fadeInUp 1s ease;-webkit-animation:fadeInUp 1s ease;animation:fadeInUp 1s ease;}
.self-c3 .self3-qt{font-size:24px;font-weight:300;line-height:1.375;-ms-transition:all 1s ease;-o-transition:all 1s ease;-webkit-transition:all 1s ease;transition:all 1s ease;text-decoration-skip:objects;-ms-animation:fadeInUp 1s ease;-o-animation:fadeInUp 1s ease;-webkit-animation:fadeInUp 1s ease;animation:fadeInUp 1s ease;}
.self-c3 .self3-list{margin-left:-54px;-ms-transition:all 1s ease;-o-transition:all 1s ease;-webkit-transition:all 1s ease;transition:all 1s ease;text-decoration-skip:objects;-ms-animation:fadeInUp 1s ease;-o-animation:fadeInUp 1s ease;-webkit-animation:fadeInUp 1s ease;animation:fadeInUp 1s ease;}
.self-c3 .self3-list li{float:left;display:inline-block;height:45px;padding:10px 32px;margin-top:21px;margin-left:54px;border:1px solid #ffffff;cursor:pointer;-ms-user-select:none;-o-user-select:none;-webkit-user-select:none;user-select:none;-webkit-border-radius:6px;border-radius:6px;-ms-transition:all 0.6s ease;-o-transition:all 0.6s ease;-webkit-transition:all 0.6s ease;transition:all 0.6s ease;text-decoration-skip:objects;}
.self-c3 .self3-list li:hover{color:#ffd039;border-color:#ffd039;}
.self-c3 .self3-list li:hover em{border-color:#ffd039;}
.self-c3 .self3-list li.active{color:#392e72;background-color:#ffd039;border-color:#ffd039;}
.self-c3 .self3-list li.active em{border-color:#392e72;}
.self-c3 .self3-list li.active em:before{opacity:1;}
.self-c3 .self3-list span{display:inline-block;font-size:16px;line-height:1.4375;vertical-align:middle;}
.self-c3 .self3-list em{position:relative;display:inline-block;width:18px;height:18px;margin-left:20px;overflow:hidden;border:1px solid #ffffff;vertical-align:middle;box-sizing:border-box;-webkit-border-radius:50%;border-radius:50%;-ms-transition:all 0.72s ease;-o-transition:all 0.72s ease;-webkit-transition:all 0.72s ease;transition:all 0.72s ease;text-decoration-skip:objects;}
.self-c3 .self3-list em:before{position:absolute;width:100%;height:100%;background:url('http://assets-cdn.lanqb.com/activityv3/selfStudy/c3-tick.png') no-repeat center center;background-size:cover;content:"";opacity:0;-ms-transition:all 0.72s ease;-o-transition:all 0.72s ease;-webkit-transition:all 0.72s ease;transition:all 0.72s ease;text-decoration-skip:objects;}
@media (min-width:768px){
  .self-c3{padding-bottom:76px;}
  .self-c3 .self3-btnd{padding-top:70px;}
  .self-c3 .self3-con{margin-left:20px;}
  .self-c3 .self3-con .self3-qt{margin-top:70px;}
}
@media (min-width:992px){
  .self-c3{padding-bottom:106px;}
  .self-c3 .self3-btnd{padding-top:80px;}
  .self-c3 .self3-con{margin-left:30px;}
}
@media (min-width:1200px){
  .self-c3{padding-bottom:206px;}
  .self-c3 .self3-btnd{padding-top:140px;}
  .self-c3 .self3-con{margin-left:60px;}
  .self-c3 .self3-con .self3-qt{margin-top:100px;}
}
.self3-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:11;background-color:rgba(0,0,0,0.4);}
.self3-modal .self3-close{position:absolute;top:0;right:-48px;width:29px;height:29px;overflow:hidden;background:url('http://assets-cdn.lanqb.com/activityv3/selfStudy/cm3-close.png?v=2') no-repeat center center;background-size:cover;text-indent:-9999px;cursor:pointer;-ms-user-select:none;-o-user-select:none;-webkit-user-select:none;user-select:none;}
.self3-modal .self3-close:hover{opacity:0.8;}
.self3-modal .self3-mcon{position:fixed;top:50%;left:50%;width:454px;padding:32px 10px 34px;margin-top:-150px;margin-left:-227px;color:#ffd039;background:#32276a url('http://assets-cdn.lanqb.com/activityv3/selfStudy/cm3-purple.jpg') repeat center top;-webkit-border-radius:15px;border-radius:15px;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;text-decoration-skip:objects;-ms-animation:fadeIn 1s ease;-o-animation:fadeIn 1s ease;-webkit-animation:fadeIn 1s ease;animation:fadeIn 1s ease;}
.self3-modal .self3-mcon:before,.self3-modal .self3-mcon:after{position:absolute;left:0;width:100%;content:"";}
.self3-modal .self3-mcon:before{top:0;z-index:1;height:116px;background:url('http://assets-cdn.lanqb.com/activityv3/selfStudy/cm3-purple2.png') no-repeat center top;-webkit-border-radius:15px 15px 0 0;border-radius:15px 15px 0 0;}
.self3-modal .self3-mcon:after{top:30px;bottom:0;z-index:0;background:url('http://assets-cdn.lanqb.com/activityv3/selfStudy/cm3-purple3.png') no-repeat center bottom;-webkit-border-radius:15px;border-radius:15px;}
.self3-modal .self3-mcon.mso h3{margin-top:8px;margin-bottom:85px;}
.self3-modal .self3-mdcon{text-align:center;}
.self3-modal .self3-mdcon h3{margin-bottom:65px;font-size:34px;font-weight:300;line-height:1;}
.self3-modal .self3-mdcon p{min-height:48px;margin-bottom:24px;font-size:16px;line-height:1.625;}
.self-c4 .self4-btnd h4{font-size:30px;font-weight:300;line-height:1.4;-ms-transition:all 1s ease;-o-transition:all 1s ease;-webkit-transition:all 1s ease;transition:all 1s ease;text-decoration-skip:objects;-ms-animation:fadeInUp 1s ease;-o-animation:fadeInUp 1s ease;-webkit-animation:fadeInUp 1s ease;animation:fadeInUp 1s ease;}
.self-c4 .self4-btnd .self-btn{margin-top:27px;-ms-animation:fadeInUp 1s ease;-o-animation:fadeInUp 1s ease;-webkit-animation:fadeInUp 1s ease;animation:fadeInUp 1s ease;}
.self-c4 .self4-list li{float:left;width:50%;}
.self-c4 .self4-name{margin-bottom:18px;-ms-transition:all 1s ease;-o-transition:all 1s ease;-webkit-transition:all 1s ease;transition:all 1s ease;text-decoration-skip:objects;-ms-animation:fadeInUp 1s ease;-o-animation:fadeInUp 1s ease;-webkit-animation:fadeInUp 1s ease;animation:fadeInUp 1s ease;}
.self-c4 .self4-name span{display:inline-block;color:#564b8d;vertical-align:top;}
.self-c4 .self4-name a{float:right;display:inline-block;height:46px;color:#161616;border:1px solid #000000;-webkit-border-radius:6px;border-radius:6px;}
.self-c4 .self4-name a:hover{color:#ffffff;background-color:#392e72;border-color:#392e72;}
.self-c4 .self4-wk{float:left;text-align:center;vertical-align:top;-ms-transition:all 1s ease;-o-transition:all 1s ease;-webkit-transition:all 1s ease;transition:all 1s ease;text-decoration-skip:objects;-ms-animation:zoomIn 1s ease;-o-animation:zoomIn 1s ease;-webkit-animation:zoomIn 1s ease;animation:zoomIn 1s ease;}
.self-c4 .self4-wk .cover{display:block;overflow:hidden;-webkit-border-radius:15px;border-radius:15px;}
.self-c4 .self4-wk .cover img{width:100%;-ms-transition:all 0.6s ease;-o-transition:all 0.6s ease;-webkit-transition:all 0.6s ease;transition:all 0.6s ease;text-decoration-skip:objects;}
.self-c4 .self4-wk .nm{display:block;margin-top:20px;font-size:20px;line-height:1.5;}
.self-c4 .self4-wk:hover .cover img{-ms-transform:scale(1.025);-o-transform:scale(1.025);-webkit-transform:scale(1.025);transform:scale(1.025);}
@media (min-width:768px){
  .self-c4{padding-top:78px;padding-bottom:78px;}
  .self-c4 .self-title{margin-bottom:20px;}
  .self-c4 .self4-btnd{padding-top:68px;}
  .self-c4 .self4-list{margin-right:-20px;margin-left:-20px;}
  .self-c4 .self4-list li{padding:50px 20px 0;}
  .self-c4 .self4-name span{font-size:16px;line-height:2.875;}
  .self-c4 .self4-name a{padding:0 8px;font-size:15px;line-height:2.93333333;}
  .self-c4 .self4-wk{width:171px;}
  .self-c4 .self4-wk + .self4-wk{margin-left:12px;}
}
@media (min-width:992px){
  .self-c4{padding-top:108px;padding-bottom:108px;}
  .self-c4 .self-title{margin-bottom:20px;}
  .self-c4 .self4-btnd{padding-top:88px;}
  .self-c4 .self4-list{margin-right:-28px;margin-left:-28px;}
  .self-c4 .self4-list li{padding:62px 28px 0;}
  .self-c4 .self4-name span{font-size:20px;line-height:2.3;}
  .self-c4 .self4-name a{padding:0 15px;font-size:20px;line-height:2.2;}
  .self-c4 .self4-wk{width:219px;}
  .self-c4 .self4-wk + .self4-wk{margin-left:24px;}
}
@media (min-width:1200px){
  .self-c4{padding-top:168px;padding-bottom:168px;}
  .self-c4 .self-title{margin-bottom:0;}
  .self-c4 .self4-btnd{padding-top:108px;}
  .self-c4 .self4-list{margin-right:-78px;margin-left:-78px;}
  .self-c4 .self4-list li{padding:92px 78px 0;}
  .self-c4 .self4-name a{padding:0 35px;font-size:20px;line-height:2.2;}
  .self-c4 .self4-wk{width:244px;}
}
.self-c5 .self5-con{position:relative;}
.self-c5 .self5-con .self5-page{position:absolute;z-index:6;display:block;color:#392e72;vertical-align:top;cursor:pointer;-ms-user-select:none;-o-user-select:none;-webkit-user-select:none;user-select:none;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;text-decoration-skip:objects;-ms-animation:fadeInUp 1s ease;-o-animation:fadeInUp 1s ease;-webkit-animation:fadeInUp 1s ease;animation:fadeInUp 1s ease;}
.self-c5 .self5-con .self5-page .iconfont{display:inline-block;font-size:34px;line-height:1;vertical-align:top;}
.self-c5 .self5-con .self5-page:hover{color:rgba(57,46,114,0.8);}
.self-c5 .self5-con .self5-page.swiper-button-disabled{color:rgba(22,22,22,0.4);cursor:not-allowed;}
.self-c5 .self5-con .self5-page.self5-prev{-ms-animation:fadeInRight 1s ease;-o-animation:fadeInRight 1s ease;-webkit-animation:fadeInRight 1s ease;animation:fadeInRight 1s ease;}
.self-c5 .self5-con .self5-page.self5-next{-ms-animation:fadeInLeft 1s ease;-o-animation:fadeInLeft 1s ease;-webkit-animation:fadeInLeft 1s ease;animation:fadeInLeft 1s ease;}
.self-c5 .self5-item{display:block;width:100%;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;text-decoration-skip:objects;}
.self-c5 .self5-item img{width:100%;-webkit-border-radius:10px;border-radius:10px;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;text-decoration-skip:objects;}
.self-c5 .self5-item:hover img{opacity:0.92;}
.self-c5 .self5-item:hover .self5-des span{color:#3d3277;}
.self-c5 .self5-item:hover .self5-des em{color:#ffffff;background-color:#3d3277;}
.self-c5 .self5-des{display:block;min-height:30px;margin-top:15px;}
.self-c5 .self5-des span{display:inline-block;font-size:16px;line-height:1.875;color:#161616;}
.self-c5 .self5-des em{float:right;display:inline-block;min-width:76px;padding:0 12px;font-size:14px;line-height:2;color:#3d3277;border:1px solid #3d3277;text-align:center;vertical-align:top;box-sizing:border-box;-webkit-border-radius:5px;border-radius:5px;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;text-decoration-skip:objects;}
@media (min-width:768px){
  .self-c5{padding-top:82px;padding-bottom:78px;}
  .self-c5 .self-title{margin-bottom:70px;}
  .self-c5 .self5-con .self5-page{top:-45px;}
  .self-c5 .self5-con .self5-page.self5-prev{left:0;}
  .self-c5 .self5-con .self5-page.self5-next{right:0;}
}
@media (min-width:992px){
  .self-c5{padding-top:102px;}
}
@media (min-width:1200px){
  .self-c5{padding-top:162px;}
  .self-c5 .self-title{margin-bottom:90px;}
  .self-c5 .self5-con .self5-page{top:75px;}
  .self-c5 .self5-con .self5-page.self5-prev{left:-84px;}
  .self-c5 .self5-con .self5-page.self5-next{right:-84px;}
}