@charset "utf-8";
/* stuforum CSS */
.container-wrap{}

/* loading */
.stu-loading{text-align:center;font-size:14px;line-height:30px;color:#525a67;}
.stu-loading img{width:30px;height:30px;margin:10px;animation:rotate 2.5s linear infinite;}
/*
* return onshool
*/
.stu-reshool{position:fixed;top:135px;right:1.25%;z-index:11;}
.reshool-btn{background-color:#027cdb;border-radius:50%;box-shadow:0 0 1px 2px rgba(0,0,0,.05);}
.reshool-btn:hover{background-color:#0097e6;}
@media (min-width:768px){
	.reshool-btn{width:66px;height:66px;border:1px solid #fff;}
	.reshool-btn > img{max-width:56%;}
}
@media (min-width:992px){
	.reshool-btn{width:88px;height:88px;border:2px solid #fff;}
	.reshool-btn > img{max-width:60%;}
}
@media (min-width:1200px){
	.reshool-btn{width:110px;height:110px;border:3px solid #fff;}
	.reshool-btn > img{max-width:100%;}
}
/*
* banner
*/
.banner{position:relative;z-index:1;overflow:hidden;margin-bottom: 90px;}
.banner img{width: 100%;height: 100%;}
.ban-img{position:absolute;top:43px;left:50%;z-index:1;display:block;width:512px;height:275px;margin-left:-256px;overflow:hidden;color:#fff;background-repeat:no-repeat;background-position:0 0;text-align:center;cursor:default;text-indent:-9999px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}
.speech-ban{background-image:url(https://assets-cdn.lanqb.com/student/speech-ban.png);}
.works-ban{background-image:url(https://assets-cdn.lanqb.com/student/works-ban.png);}
.banner.growth{position:relative;height:400px;background:url(https://assets-cdn.lanqb.com/student/banner-growth2.jpg) no-repeat center top;background-size: auto 100%;}
.banner.growth .banner-link{position:absolute;top:0;left:0;display:block;width:100%;height:100%;}
@media (min-width:768px){
    .banner.growth{background-position:71% 0;}
}
@media (min-width:992px){
    .banner.growth{background-position:58% 0;}
}
@media (min-width:1200px){
    .banner.growth{background-position:50% 0;}
}

/*
* loading
*/
.stuforum-load{padding-top:20px;border-top:3px solid #e4e9eb;text-align:center;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}
.stuforum-loading > h3{display:inline-block;padding-left:10px;font-size:18px;line-height:1.5;vertical-align:middle;}

/*
* student's speech
*/
.speech-con{position:relative;margin-bottom:20px;margin-right:-15px;overflow:hidden;}
.speech-con .bold{font-weight:700;}
.speech-iteam{float:left;width:224px;margin-left:15px;margin-bottom:15px;overflow:hidden;background-color:#fff;cursor:default;border-radius:2px;box-shadow:0 2px 4px rgba(15,35,58,.28);}
.speech-cover{width:100%;height:182px;overflow:hidden;background-color:#b1bec5;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}
.speech-cover > img{width:100%;height:100%;}

/*
* des
*/
.speech-des{position:relative;height:158px;padding-top:8px;}
.speech-heading{padding:8px 12px;border-bottom:1px solid #e4e9eb;}
.speech-heading > h2{float:left;padding-right:12px;font-size:16px;line-height:1.25;}
.speech-heading > span{float:right;display:inline-block;font-size:12px;line-height:1.66666667;color:#43535c;}
.speech-des > h3{padding:8px 12px;font-size:12px;line-height:20px;color:#43535c;border-bottom:1px solid #e4e9eb;}
.speech-des > h3 > span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.speech-des > p{height:76px;padding:8px 0;font-size:12px;line-height:20px;color:#70818b;background-color:#f9fbfc;}
.speech-des > p span{position:absolute;right:0;bottom:6px;left:0;display:block;height:60px;padding:0 12px;overflow:hidden;text-align:justify;background-color:#f9fbfc;}
.speech-des > p em{position:absolute;bottom:6px;right:12px;padding-left:4px;color:#027cdb;background-color:#f9fbfc;cursor:pointer;white-space:nowrap;text-align:right;}
.speech-des.show  > p span{max-height:336px;min-height:146px;padding-top:6px;overflow-y:auto;}
.speech-des.show > p em{bottom:0;padding-left:0;background-color:rgba(249,251,252,.7);}
.speech-des.show  > p span::-webkit-scrollbar{width:6px;background-color:#e3e9ef;border-radius:100px;}
.speech-des.show  > p span::-webkit-scrollbar-thumb{background:#87959f;border-radius:100px;}

/*
* student's work
*/
.works-list > li{position:relative;float:left;box-sizing:border-box;}
.work-iteam{box-shadow:0 0 4px 2px rgba(0,0,0,.05);}
.work-iteam:hover{box-shadow:0 0 4px 2px rgba(0,0,0,.075);}
.work-iteam > .work-cover{position:relative;z-index:1;display:block;width:100%;background-color:#b1bec5;cursor:pointer;}
.work-cover > img{width:100%;height:100%;}
@media (min-width:768px){
	.works-list{margin-right:-6px;margin-left:-6px;}
    .works-list > li{width:33.33333333%;padding:6px;}
    .work-iteam > .work-cover{height:181px;}
}
@media (min-width:992px){
	.works-list{margin-right:-8px;margin-left:-8px;}
    .works-list > li{width:25%;padding:8px;}
    .work-iteam > .work-cover{height:168px;}
}
@media (min-width:1200px){
	.works-list{margin-right:-10px;margin-left:-10px;}
	.works-list > li{padding:10px;}
    .work-iteam > .work-cover{height:210px;}
}
.community-tab {
    z-index: 2;
    position: fixed;
    width: 100%;
    box-shadow:0px 4px 8px 0px rgba(0,0,0,0.06);
    text-align: center;
}
.community-tab a {font-size: 22px;cursor: pointer;}
@media (min-width: 992px) {.community-tab a + a {margin-left: 90px;}}
@media (min-width: 1200px) {.community-tab a + a {margin-left: 150px;}}

/*
* des
*/
.work-des{position:relative;z-index:1;padding:10px;background-color:#fff;cursor:default;}
.work-des > h4{font-size:14px;font-weight:700;line-height:1.42857143;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.work-des > h5{padding-top:4px;padding-bottom:4px;font-size:12px;line-height:1.66666667;color:#999999;}
.work-des > h6{font-size:12px;line-height:1.66666667;color:#70818b;}
.work-des > h6 span{color:#0097e6;}
.work-des .students-info{height: 24px;display: inline-block;}
.work-des .students-info img{vertical-align: middle;width: 18px;height: 18px;border-radius: 50%;}
.work-des .students-info .students-name{display: inline-block;vertical-align: middle;color: #999999;}

.popup-mask {
    z-index: 16;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.5);
    transition: all .2s ease-in-out;
    text-decoration-skip: objects;
    display: none;
}
.popup-mask.active{opacity: 1;visibility: inherit;display: block;}
.bigImgSwiper{width: 1180px;height: 718px;position: absolute;top: 50%;left: 50%;transform: translate3d(-50%,-50%,0);}
.popup-mask .popup-close {position: absolute;display: inline-block;top: 10px;right: 10px;cursor: pointer;z-index: 2;color: #87959F}
.bigImgSwiper .bigImgSwiper-con {
    width: 870px;
    height: 100%;
    background:rgba(0,0,0,0.9);
	border-radius: 6px 0 0 6px;
    float: left;
    overflow: hidden;
}
.bigImgSwiper-con .previousImg.disabled,.bigImgSwiper-con .nextImg.disabled,.bigImgSwiper-con .previous.disabled,.bigImgSwiper-con .next.disabled{
    pointer-events: none;
    cursor: default;
}
.bigImgSwiper .bigImgSwiper-gallery{
	height: 618px;position: relative;overflow: hidden;
}
.bigImgSwiper-gallery .iconfont{position: absolute;color: #FFF;top: 50%;font-size: 32px;cursor: pointer;z-index: 2;}
.bigImgSwiper-gallery .previous{left: 32px;}
.bigImgSwiper-gallery .next{right: 32px;}
.bigImgSwiper .bigImgSwiper-thumbs{
	height: 60px;margin: 20px auto;width: 840px;position: relative;cursor: pointer;
}
.bigImgSwiper .bigImgSwiper-thumbs em{position: absolute;width: 15px;height: 60px;display: block;background: #999999;z-index: 2;}
.bigImgSwiper .bigImgSwiper-thumbs em .iconfont{line-height: 60px;color: #FFFFFF;}
.bigImgSwiper-thumbs .previous{left: -15px;top: 0;}
.bigImgSwiper-thumbs .next{right: -15px;top: 0;} 
.bigImgSwiper .bigImgSwiper-thumbs .thumbs-con{
    width: 1200px;
    position: absolute;
    left:0;
    transition:left 0.5s;
}
.bigImgSwiper .bigImgSwiper-thumbs .img{
	width: 60px;height: 60px;float: left;opacity: .5;
}
.bigImgSwiper .bigImgSwiper-thumbs .img:hover,.bigImgSwiper .bigImgSwiper-thumbs .img.active{
	opacity: 1;
}

.bigImgSwiper .bigImgSwiper-gallery img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.bigImgSwiper .bigImgSwiper-gallery .alert {
	display: none;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 10;
    text-align: center;
    padding: 10px 15px;
    border-radius: 5px;
    background: rgba(0,0,0,0.6);
    color: #fff;
    font-size: 16px;
}
.bigImgSwiper .bigImgSwiper-gallery .prompt-wrap {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.bigImgSwiper .bigImgSwiper-gallery .prompt-wrap .tip-point{
    width: 36px;
    height: 36px;
    background: rgba(51, 153, 255, 0.6);
    display: block;
    border-radius: 36px;
}
.bigImgSwiper .bigImgSwiper-gallery .prompt-wrap .tip-point::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 26px;
    height: 26px;
    background: rgba(2, 124, 219, 0.6);
    display: block;
    border-radius: 26px;
}
.bigImgSwiper .bigImgSwiper-gallery .prompt-wrap .prompt-dialog {
    position: absolute;
    transform: translate(0, -100%);
    top: 50%;
    left: 50%;
    background: #ffffff;
    padding: 16px 24px;
    border-radius: 6px;
    color: #515a6e;
    width: 300px;
    font-size: 14px;
    box-shadow: 0px 1px 6px rgba(0, 0, 0, 40%);
}
.bigImgSwiper .bigImgSwiper-gallery .prompt-wrap .prompt-dialog .confirm-button {
    margin-top: 16px;
    float: right;
    background: #027cdb;
    color: #ffffff;
    height: 32px;
    border-radius: 32px;
    line-height: 32px;
    padding: 0 20px;
}
.bigImgSwiper .work-info {
    width: 310px;
    height: 100%;
    position: relative;
    background-color: #FFF;
	border-radius: 0 6px 6px 0;
	float: right;
}
.work-info{padding: 28px 10px 20px 35px;}
.work-info h3{font-size:16px;font-weight:800;line-height:22px;margin-top: 15px;}
.work-info .info-con{padding-right: 24px;height: 668px;}
.info-header{border-bottom: 1px solid #EEEEEE;padding: 10px 0 18px 0;}
.info-header .header-l{width: 60px;height: 60px;border-radius: 50%;border: 1px solid #027CDB;padding: 5px;display: inline-block;vertical-align: middle;}
.info-header .header-l img{width: 100%;height: 100%;border-radius: 50%;}
.info-header .header-r{display: inline-block;vertical-align: middle;margin-left: 10px;}
.info-header .header-r .name{color: #333333;font-size:16px;line-height:22px;font-weight:600;}
.info-header .header-r .time{color: #999999;font-size:12px;line-height:17px;font-weight:400;margin-top: 5px;}
.info-teacher{padding-bottom: 10px;border-bottom: 1px solid #EEEEEE;}
.info-teacher .teacher-m{margin-top: 10px;}
.info-teacher .teacher-r{display: inline-block;vertical-align: middle;}
.info-teacher .teacher-r span{margin-top: 5px;display: inline-block}
.info-teacher .teacher-m img{width:44px;height:44px;border-radius: 50%;}
.info-teacher .teacher-m em{font-size:14px;line-height:20px;margin-left: 10px;}
.info-teacher .teacher-m span{font-size:12px;color: #999999;margin-left: 10px;}
.work-info-btn{width:212px;height:38px;display: block;background: #027CDB;color: #FFF;line-height: 38px;text-align: center;border-radius: 19px;font-size:16px;line-height: 38px;margin: 12px auto 0;}
.info-teacher .play-btn i{margin-right: 10px;}
.info-work{padding-bottom: 10px;border-bottom: 1px solid #EEEEEE;}
.info-work h4{font-size:12px;line-height:17px;color: #666666;margin: 12px 0;}
.info-work ul{color: #999999;font-size:12px;line-height:17px;}
.info-work ul li{margin-bottom: 8px;}
.info-course .course-con{position: relative;display: block;width:212px;min-height: 159px;margin: 12px auto 0;}
.info-course .course-con span{position: absolute;bottom: 6px;color: #FFF;font-size:12px;line-height:17px;left: 10px;width: 190px;overflow: hidden;
text-overflow:ellipsis;white-space:nowrap}
.info-course .course-con img{width: 100%;}
.info-course .course-con .linear{width: 100%;height: 100%;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.88) 100%);position: absolute;top: 0;}