@charset "utf-8";
@keyframes rotate{
  from{transform:rotate(0deg);}
  to{transform:rotate(360deg);}
}

/* about-honor.css */
.container-lanqb{cursor:default;}
.container-lanqb .fc-blue{color:#027cdb;}
.container-lanqb .lanqb-wrap{position:relative;padding-top:54px;padding-bottom:97px;overflow:hidden;background:url("https://assets-cdn.lanqb.com/school/lanqb-live/c2-bg-v2_pc.jpg") repeat-y center top;}
.container-lanqb .lanqb-wrap .lanqb-icon{position:absolute;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center;background-size:100%;}
.container-lanqb .lanqb-wrap .lanqb-icon.e1{top:179px;right:50%;width:333px;height:450px;margin-right:-960px;background-image:url("https://assets-cdn.lanqb.com/school/lanqb-live/c2-img1@2x_pc.png");-ms-animation:fadeInRight 1s ease-in-out;-o-animation:fadeInRight 1s ease-in-out;-webkit-animation:fadeInRight 1s ease-in-out;animation:fadeInRight 1s ease-in-out;}
.container-lanqb .lanqb-wrap .lanqb-icon.e2{top:272px;left:50%;width:277px;height:314px;margin-left:-876px;background-image:url("https://assets-cdn.lanqb.com/school/lanqb-live/c2-img4@2x_pc.png");-ms-animation:fadeInLeft 1s ease-in-out;-o-animation:fadeInLeft 1s ease-in-out;-webkit-animation:fadeInLeft 1s ease-in-out;animation:fadeInLeft 1s ease-in-out;}
.container-lanqb .lanqb-wrap .lanqb-icon.e3{top:1250px;left:50%;width:367px;height:438px;margin-left:-960px;background-image:url("https://assets-cdn.lanqb.com/school/lanqb-live/c2-img2@2x_pc.png");-ms-animation:fadeInLeft 1s ease-in-out;-o-animation:fadeInLeft 1s ease-in-out;-webkit-animation:fadeInLeft 1s ease-in-out;animation:fadeInLeft 1s ease-in-out;}
.container-lanqb .lanqb-wrap .lanqb-icon.e4{top:1278px;right:50%;width:379px;height:405px;margin-right:-930px;background-image:url("https://assets-cdn.lanqb.com/school/lanqb-live/c2-img5@2x_pc.png");-ms-animation:fadeInRight 1s ease-in-out;-o-animation:fadeInRight 1s ease-in-out;-webkit-animation:fadeInRight 1s ease-in-out;animation:fadeInRight 1s ease-in-out;}
.container-lanqb .lanqb-wrap .lanqb-icon.e5{top:2400px;right:50%;width:393px;height:544px;margin-right:-960px;background-image:url("https://assets-cdn.lanqb.com/school/lanqb-live/c2-img3@2x_pc.png");-ms-animation:fadeInRight 1s ease-in-out;-o-animation:fadeInRight 1s ease-in-out;-webkit-animation:fadeInRight 1s ease-in-out;animation:fadeInRight 1s ease-in-out;}
.container-lanqb .lanqb-wrap .lanqb-icon.e6{top:2590px;left:50%;width:255px;height:305px;margin-left:-845px;background-image:url("https://assets-cdn.lanqb.com/school/lanqb-live/c2-img6@2x_pc.png");-ms-animation:fadeInLeft 1s ease-in-out;-o-animation:fadeInLeft 1s ease-in-out;-webkit-animation:fadeInLeft 1s ease-in-out;animation:fadeInLeft 1s ease-in-out;}
.container-lanqb .live-title{position:relative;padding-left:80px;background-color:#fff;}
.container-lanqb .live-title:before{position:absolute;background-repeat:no-repeat;background-position:center;background-size:100%;content:'';}
.container-lanqb .live-title h2{padding-top:10px;padding-bottom:10px;font-size:18px;font-weight:bold;line-height:38px;}
.container-lanqb .live-title.border{border:1px solid #212b34;}
.container-lanqb .live-title.brdbottom{border-bottom:1px solid #212b34;}
.container-lanqb .live-title.rounder-top{-webkit-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0;}
.container-lanqb .live-title.t1:before{top:20px;left:35px;width:28px;height:18px;background-image:url("https://assets-cdn.lanqb.com/school/lanqb-live/c2-icon1@2x_pc.png");}
.container-lanqb .live-title.t2:before{top:18px;left:35px;width:28px;height:23px;background-image:url("https://assets-cdn.lanqb.com/school/lanqb-live/c2-icon2@2x_pc.png");}
.container-lanqb .live-title.t3:before{top:18px;left:35px;width:28px;height:24px;background-image:url("https://assets-cdn.lanqb.com/school/lanqb-live/c2-icon3@2x_pc.png");}
.container-lanqb .live-title2{height:53px;padding-top:20px;margin-bottom:62px;font-size:40px;line-height:45px;color:#fff;background:url("https://assets-cdn.lanqb.com/school/lanqb-live/c3-h2_bg@2x_pc.png") no-repeat center top;background-size:auto 73px;text-align:center;-ms-animation:fadeInUp 1s ease-in-out;-o-animation:fadeInUp 1s ease-in-out;-webkit-animation:fadeInUp 1s ease-in-out;animation:fadeInUp 1s ease-in-out;}
.container-lanqb .live-list{padding:4px;background-color:#027cdb;border:2px solid #212b34;-webkit-border-radius:6px;border-radius:6px;display:flex;justify-content:space-between;flex-wrap:wrap;align-items:stretch;}

/* banner */
.live-banner{position:relative;z-index:1;height:600px;background:url("https://assets-cdn.lanqb.com/school/lanqb-live/c1-banner_pc.png") no-repeat center top;}
.live-banner h1{position:absolute;top:73px;left:50%;width:489px;height:431px;margin-left:-245px;overflow:hidden;text-align:left;white-space:nowrap;text-indent:-9999px;background:url("https://assets-cdn.lanqb.com/school/lanqb-live/c1-h1@2x_pc.png") no-repeat center center;background-size:100%;-ms-animation:zoomIn 1s ease-in-out;-o-animation:zoomIn 1s ease-in-out;-webkit-animation:zoomIn 1s ease-in-out;animation:zoomIn 1s ease-in-out;}
.live-banner .lanqb-nav{position:absolute;bottom:64px;left:50%;padding-top:12px;padding-bottom:12px;background-color:#f6f8fa;-ms-box-shadow:0 1px 6px rgba(44,54,62,0.2);-o-box-shadow:0 1px 6px rgba(44,54,62,0.2);-webkit-box-shadow:0 1px 6px rgba(44,54,62,0.2);box-shadow:0 1px 6px rgba(44,54,62,0.2);-ms-animation:fadeInDown 1s ease-in-out;-o-animation:fadeInDown 1s ease-in-out;-webkit-animation:fadeInDown 1s ease-in-out;animation:fadeInDown 1s ease-in-out;display:flex;justify-content:space-between;align-items:stretch;}
.live-banner .lanqb-nav-item{position:relative;display:block;width:148px;}
.live-banner .lanqb-nav-item.more .nav-item-span:after{display:inline-block;width:0;height:0;margin-top:15px;margin-left:7px;border-top:6px solid #525A67;border-right:4.5px solid transparent;border-left:4.5px solid transparent;vertical-align:top;content:'';}
.live-banner .lanqb-nav-item.more .nav-item-span:hover:after{border-top-color:#87959f;}
.live-banner .lanqb-nav-item.more.active .nav-item-span:after{border-top-color:#fff;}
.live-banner .lanqb-nav-item.active .nav-item-span{color:#fff;background-color:#027cdb;}
.live-banner .lanqb-nav-item:hover .nav-item-con{-ms-transform:translateY(0);-o-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0);opacity:1;visibility:visible;}
.live-banner .nav-item-span{display:block;height:36px;font-size:24px;font-weight:normal;line-height:36px;text-align:center;cursor:pointer;-webkit-border-radius:20px;border-radius:20px;-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;user-select:none;}
.live-banner .nav-item-span:hover{color:#87959f;}
.live-banner .nav-item-con{position:absolute;top:100%;left:50%;width:124px;padding-top:26px;margin-left:-62px;opacity:0;visibility:hidden;-ms-transition:all 0.75s ease-in-out;-o-transition:all 0.75s ease-in-out;-webkit-transition:all 0.75s ease-in-out;transition:all 0.75s ease-in-out;text-decoration-skip:objects;-ms-transform:translateY(-10px);-o-transform:translateY(-10px);-webkit-transform:translateY(-10px);transform:translateY(-10px);}
.live-banner .nav-item-con:before,
.live-banner .nav-item-con:after{position:absolute;content:'';-ms-box-shadow:0 1px 20px rgba(20,83,210,0.2);-o-box-shadow:0 1px 20px rgba(20,83,210,0.2);-webkit-box-shadow:0 1px 20px rgba(20,83,210,0.2);box-shadow:0 1px 20px rgba(20,83,210,0.2);}
.live-banner .nav-item-con:before{top:26px;right:0;bottom:0;left:0;}
.live-banner .nav-item-con:after{top:21px;left:50%;width:10px;height:10px;margin-left:-5px;background-color:#fff;-ms-transform:rotate(45deg) skew(9deg,9deg);-o-transform:rotate(45deg) skew(9deg,9deg);-webkit-transform:rotate(45deg) skew(9deg,9deg);transform:rotate(45deg) skew(9deg,9deg);}
.live-banner .nav-item-list{position:relative;z-index:1;padding:2px;background-color:#fff;}
.live-banner .nav-item-list span{display:block;font-size:14px;line-height:28px;color:#525a67;text-align:center;cursor:pointer;}
.live-banner .nav-item-list span + span{margin-top:2px;}
.live-banner .nav-item-list span.active{color:#027cdb;background-color:#eef3f5;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;text-decoration-skip:objects;}
.live-banner .nav-item-list span:hover{background-color:#eef3f5;}
@media (min-width:768px){
  .live-banner .lanqb-nav{width:748px;margin-left:-374px;padding-right:18px;padding-left:18px;}
}
@media (min-width:992px){
  .live-banner .lanqb-nav{width:980px;margin-left:-490px;padding-right:32px;padding-left:32px;}
}
@media (min-width:1200px){
  .live-banner .lanqb-nav{width:1180px;margin-left:-590px;padding-right:74px;padding-left:74px;}
}

/* live */
.lanqb-live{position:relative;z-index:2;padding-bottom:116px;}
.lanqb-live .live-vc{background-color:#000;-webkit-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0;}
.lanqb-live .live-vw{margin-right:auto;margin-left:auto;-ms-animation:fadeIn 1s ease-in-out;-o-animation:fadeIn 1s ease-in-out;-webkit-animation:fadeIn 1s ease-in-out;animation:fadeIn 1s ease-in-out;}
.lanqb-live .live-right{position:relative;width:250px;overflow:hidden;background-color:#fff;border:1px solid #212b34;-webkit-border-radius:6px;border-radius:6px;display:flex;flex-direction:column;justify-content:space-between;-ms-animation:fadeIn 1s ease-in-out;-o-animation:fadeIn 1s ease-in-out;-webkit-animation:fadeIn 1s ease-in-out;animation:fadeIn 1s ease-in-out;}
.lanqb-live .live-video-con{position:relative;width:100%;height:518px;overflow:hidden;}
.lanqb-live .live-video-con.living .living{display:block;}
.lanqb-live .live-video-con.living .no-living{display:none;}
.lanqb-live .live-video-con.no-living .living{display:none;}
.lanqb-live .live-video-con.no-living .no-living{display:block;}
.lanqb-live .live-video-con .living{position:absolute;top:0;left:0;z-index:2;display:none;width:100%;padding:8px 36px;color:#fff;background-color:rgba(0,0,0,0.5);}
.lanqb-live .live-video-con .living span{position:relative;display:inline-block;padding-right:14px;padding-left:18px;font-size:14px;line-height:22px;border:1px solid #fff;vertical-align:top;-webkit-border-radius:15px;border-radius:15px;}
.lanqb-live .live-video-con .living span:before{position:absolute;top:8px;left:9px;width:5px;height:5px;background-color:#00d7ff;content:"";-webkit-border-radius:50%;border-radius:50%;}
.lanqb-live .live-video-con .no-living{position:absolute;bottom:0;left:50%;display:block;width:223px;height:190px;margin-left:-112px;background:url("https://assets-cdn.lanqb.com/school/lanqb-live/c2-soap@2x_pc.png") no-repeat center bottom;background-size:100%;-ms-animation:fadeInUp 1s ease-in-out;-o-animation:fadeInUp 1s ease-in-out;-webkit-animation:fadeInUp 1s ease-in-out;animation:fadeInUp 1s ease-in-out;}
.lanqb-live .live-video-con .no-living span{position:absolute;bottom:100%;left:50%;width:320px;height:119px;padding-top:32px;margin-bottom:9px;margin-left:-160px;color:#fff;background:url("https://assets-cdn.lanqb.com/school/lanqb-live/c2-tips-bg@2x_pc.png") no-repeat center center;background-size:100%;text-align:center;font-size:24px;line-height:30px;-ms-animation:zoomIn 1s ease-in-out;-o-animation:zoomIn 1s ease-in-out;-webkit-animation:zoomIn 1s ease-in-out;animation:zoomIn 1s ease-in-out;}
.lanqb-live .live-video{height:518px;background-color:#000;}
.lanqb-live .live-des{margin-top:24px;overflow:hidden;background-color:#f6f8fa;border:1px solid #212b34;-webkit-border-radius:6px;border-radius:6px;-ms-animation:fadeInUp 1s ease-in-out;-o-animation:fadeInUp 1s ease-in-out;-webkit-animation:fadeInUp 1s ease-in-out;animation:fadeInUp 1s ease-in-out;}
.lanqb-live .live-des .con{padding:26px 33px;}
.lanqb-live .live-des .con p{font-size:14px;line-height:24px;}
.lanqb-live .live-inputs{padding:8px;background-color:#fff;border:1px solid #212b34;text-align:center;}
.lanqb-live .live-inputs .live-group{position:relative;display:inline-block;background-color:#f6f8fa;text-align:left;-webkit-border-radius:3px;border-radius:3px;}
.lanqb-live .live-inputs .live-group .placeholder{position:absolute;top:0;left:0;z-index:1;padding-left:21px;color:#87959f;font-size:14px;line-height:30px;white-space:nowrap;}
.lanqb-live .live-inputs .live-group .placeholder em{cursor:pointer;color:#027cdb;user-select:none;}
.lanqb-live .live-inputs .message-input{position:relative;z-index:0;height:30px;padding-right:20px;padding-left:20px;font-size:14px;background:transparent;border:1px solid #e3e9ef;-webkit-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;}
.lanqb-live .live-inputs .message-btn{position:absolute;top:0;right:0;z-index:2;width:60px;height:30px;font-size:14px;line-height:30px;border:none;-webkit-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;}
.lanqb-live .live-inputs .message-btn.disabled{background-color:#dcdcdc;color:#fff;}
.lanqb-live .live-inputs .message-btn.loading{pointer-events:none;cursor:default;opacity:0.7;}
.lanqb-live .live-inputs .message-btn.loading:after{display:inline-block;width:20px;height:20px;background:url('https://assets-cdn.lanqb.com/appointment/loading.png') no-repeat center center;background-size:20px 20px;vertical-align:middle;content:'';animation:rotate 2.5s linear infinite;}
@media (min-width:768px){
  .lanqb-live .live-vw{width:100%;}
  .lanqb-live .live-video{width:100%;}
  .lanqb-live .live-inputs .live-group{width:640px;}
  .lanqb-live .live-inputs .message-input{width:590px;}
}
@media (min-width:992px){
  .lanqb-live .live-inputs .live-group{width:800px;}
  .lanqb-live .live-inputs .message-input{width:750px;}
}
@media (min-width:1200px){
  .lanqb-live .live-vw{width:920px;}
  .lanqb-live .live-video{width:920px;}
}

/* image */
.lanqb-image{position:relative;z-index:2;padding-bottom:116px;}
.lanqb-image .image-item{position:relative;width:25%;padding:4px;}
.lanqb-image .image-item .cover{display:block;width:100%;height:100%;}
.lanqb-image .image-item .cover img{width:100%;height:100%;}
.lanqb-image .image-item .des{position:absolute;top:4px;right:4px;bottom:4px;left:4px;background-color:rgba(0,0,0,0.3);cursor:pointer;opacity:0;-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;}
.lanqb-image .image-item .des:before{position:absolute;top:50%;left:50%;width:22px;height:23px;margin-top:-11px;margin-left:-11px;background:url("https://assets-cdn.lanqb.com//onschool/course/c3-icon.png") no-repeat center center;content:'';-ms-transform:translateY(-10px);-o-transform:translateY(-10px);-webkit-transform:translateY(-10px);transform:translateY(-10px);-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;}
.lanqb-image .image-item:hover .des{opacity:1;}
.lanqb-image .image-item:hover .des:before{-ms-transform:translateY(0);-o-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0);}

/* aboutus */
.lanqb-aboutus{position:relative;z-index:2;padding-bottom:108px;}
.lanqb-aboutus .aboutus-item{width:33.33333333%;padding:9px 4px;}
.lanqb-aboutus .aboutus-a{display:block;width:100%;height:100%;padding:11px 12px 16px;background-color:#fff;-webkit-border-radius:10px;border-radius:10px;}
.lanqb-aboutus .aboutus-a .cover{display:block;width:100%;}
.lanqb-aboutus .aboutus-a .cover img{width:100%;height:100%;}
.lanqb-aboutus .aboutus-a .des{display:block;margin-top:10px;font-size:18px;line-height:23px;}
.lanqb-aboutus .aboutus-a:hover{background-color:#f6f8fa;}

/* comment */
.lanqb-comment{position:relative;z-index:2;overflow:hidden;background-color:#f6f8fa;border:1px solid #212b34;-webkit-border-radius:6px;border-radius:6px;}
.lanqb-comment .lanqb-comment-con{padding:0 28px 22px;margin:0;}
.lanqb-comment .comment h3{line-height:20px;}
.lanqb-comment .comment .comment-others{margin-top:0;border-top-color:transparent;}
.lanqb-comment .comment .comment-head{border-bottom:1px solid #e3e9ef;}
.lanqb-comment .comment .comment-rank span{padding:0 6px;line-height:20px;}
.lanqb-comment .comment .comment-rank span + span{border-left:1px solid #525a67;}
.lanqb-comment .comment .comment-rank span:hover{color:#87959f;}
.lanqb-comment .comment .comment-rank span.active{color:#027cdb;}
.lanqb-comment .comment .comment-iteam{border-bottom-color:#e3e9ef;}
.lanqb-comment .comment .comment-iteam .comment-avatar img{-webkit-border-radius:0;border-radius:0;}