@charset "utf-8";
.container-wg .wg-snav{position:fixed;top:150px;right:30px;width:78px;z-index:12;padding-bottom:16px;text-align:center;}
.container-wg .wg-snav li{display:block;padding:8px 0;font-size:16px;cursor:pointer;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;background-color:#414141;}
.container-wg .wg-snav li + li{border-top:1px solid #ffffff;}
.container-wg .wg-snav li.active,.container-wg .wg-snav li:hover{background-color:#d25241;}
.container-wg .wg-snav li a{color:#ffffff;}
.container-wg .wg-snav-v2{position:fixed;left:0;z-index:4;width:100%;padding:15px 0;background-color:#fff;text-align:center;box-shadow:0 1px 0 0 rgba(59,60,62,.15);}
.container-wg .wg-snav-v2 ul{display:flex;justify-content:space-between;margin:0 auto;}
.container-wg .wg-snav-v2 li{cursor:pointer;background-color:#3f3f3f;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.container-wg .wg-snav-v2 li.active,.container-wg .wg-snav-v2 li:hover{background-color:#d65543;}
.container-wg .wg-snav-v2 li a{display:block;height:30px;font-size:14px;line-height:30px;color:#fff;}
.topics-list{text-align:center;overflow:hidden;}
.aft_vm:after{content:'';display:inline-block;vertical-align:middle;width:0;height:100%;}
.main-h2{margin-top:110px;margin-bottom:52px;}
.h2-img{margin:0 25px;}
.pb-title{margin-bottom:44px;text-align:left;font-size:30px;color:#5f5f5f;line-height:1;}
.pb-title img{margin-right:24px;vertical-align:top;}
.pb-list + .pb-list,.pb-list-b{margin-top:88px;}
.pb-item{position:relative;float:left;width:280px;cursor:pointer;}
.pb-list-b .pb-item{width:370px;padding:50px 0;}
.pb-list-b-more .pb-item{width:280px;}
.pb-item + .pb-item{margin-left:20px;}
.pb-list-b .pb-item + .pb-item{margin-left:35px;}
.pb-list-b-more .pb-item + .pb-item{margin-left:20px;}
.pb-list .pb-img{width:100%;height:210px;}
.pb-list-b .pb-img{width:100%;height:117px;}
.pb-list .pb-item:before,.pb-list-b .pb-item:before{position:absolute;left:0;width:100%;border:2px solid #ededed;box-sizing:border-box;content:'';}
.pb-list .pb-item:before{top:0;height:210px;}
.pb-list-b .pb-item:before{top:50px;height:117px;}
.pb-item-more{cursor:inherit;}
.pb-item-more .pb-img{display:inline-block;background-color:rgb(230,230,230);border:2px solid rgb(237,237,237);}
.pb-item-more .pb-img span{display:inline-block;margin:99px 6px 0;width:12px;height:12px;border-radius:50%;background-color:rgb(192,192,192);}
.pb-con + .pb-con{margin-top:60px;}
.pb-item p{margin-top:16px;padding:11px 0;width:100%;font-size:16px;color:#272727;border-top:1px solid rgb(128,128,128);border-bottom:1px solid rgb(128,128,128);}
.pb-item p.long{letter-spacing:-1px;}
.pb-item p.longer{letter-spacing:-1px;text-indent:-9px;}
.p9-banner img,.pb-img,.swiper-swiper a img{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.p9-banner img:hover,.pb-img:hover,.swiper-swiper a img:hover{-webkit-filter:brightness(.8);}

/*part01*/
.part01{background-image:url(https://assets-cdn.lanqb.com/topic_wg/c1-bg_v2.jpg);background-repeat:no-repeat;background-position:center top;}
.part01 .container{position:relative;overflow:hidden;}
.p1-h1{position:absolute;left:0;top:208px;}
.p1-h2{position:absolute;top:48px;left:0;padding-top:38px;width:131px;height:130px;background-image:url(https://assets-cdn.lanqb.com/topic_wg/pb_bg01_v2.png);background-size:100% 100%;font-size:20px;color:#333333;box-sizing:border-box;}
.p1-h3{position:absolute;top:140px;right:0;padding:45px 40px 0;width:231px;height:231px;background-color:rgba(249,247,247,.6);background-image:url(https://assets-cdn.lanqb.com/topic_wg/pb_bg02.png);background-size:100% 100%;font-size:16px;color:#333333;box-sizing:border-box;text-align:left;line-height:2.25;}
.p1-list{margin:545px 0 30px;text-align:left;}
.p1-h4{font-size:20px;color:#d2422e;line-height:1;margin-bottom:27px;}
.p1-h4 img{vertical-align:top;margin-top:2px;margin-right:10px;}
.p1-item{position:relative;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.p1-item.white{color:#ffffff;}
.p1-item img{width:100%;}
.p1-item h5{position:absolute;top:27px;left:29px;font-size:30px;font-weight:bold;line-height:1.267;}
.p1-item h6{position:absolute;right:49px;bottom:64px;font-size:14px;line-height:2.571;}
.p1-item span{display:block;width:100%;padding:10px 0;background-color:#ffffff;text-align:center;font-size:16px;line-height:20px;color:#d2422e;}
.p1-item span .iconfont{display:inline-block;margin-left:10px;line-height:20px;vertical-align:top;}
.p1-item:hover{transform:translate3d(0,-10px,0);box-shadow:0px 0px 30px 0px rgba(4,0,0,0.35);}

/*p9-banner*/
.p9-banner{display:block;width:100%;margin:80px 0 110px;}
.p9-banner img{width:100%;}

/*p-swiper*/
.p-swiper{padding-bottom:120px;} 
.p-swiper .container{position:relative;}
.topics-more .swiper-slide{width:180px}
.topics-more .topics-more-item{position:relative;display:block;width:180px;height:180px;background-color:#fff;cursor:pointer}
.topics-more .topics-more-item img{width:100%;height:100%;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;text-decoration-skip:objects}
.topics-more .topics-more-item span{position:absolute;bottom:0;left:0;width:100%;padding:11px 14px;font-size:18px;line-height:24px;color:#fff;background-color:rgba(4,118,249,.8)}
.topics-more .topics-more-item span .iconfont{float:right;display:inline-block;font-size:24px;line-height:24px;vertical-align:top}
.topics-more .topics-more-item.none{cursor:default}
.topics-more .topics-more-item:hover img{-webkit-filter:brightness(.8);filter:brightness(.8)}
.topics-more .topics-more-page{position:absolute;z-index:2;width:46px;height:46px;color:#333;text-align:center;cursor:pointer;opacity:1;-ms-user-select:none;-o-user-select:none;-webkit-user-select:none;user-select:none;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;text-decoration-skip:objects}
.topics-more .topics-more-page .iconfont{display:inline-block;font-size:44px;line-height:46px;vertical-align:middle}
.topics-more .topics-more-page:hover{color:#027cdb}
.topics-more .topics-more-page.swiper-button-disabled,.topics-more .topics-more-page.swiper-button-disabled:hover{color:#999;cursor:default}

/*ipad适配*/
@media (min-width:768px){
  .container-wg .wg-snav{right:19.014px;}
  .container-wg .wg-snav-v2 ul{width:748px;}
  .container-wg .wg-snav-v2 li a{width:93px;}
  .main-h2{margin-top:60px;}
  .h2-img{height:45px;}
  .pb-list + .pb-list,.pb-list-b{margin-top:58px;}
  .part01{background-position:-530px top;}
  .p1-h1{width:232px;top:170px;}
  .p1-h2{top:20px;}
  .p1-h3{top:140px;right:0;}
  .p1-item h5{font-size:20px;top:15px;left:15px;}
  .p1-item h6{font-size:12px;right:15px;bottom:50px;}
  .pb-item{width:179px;}
  .pb-item + .pb-item{margin-left:10px;}
  .pb-list .pb-img,.pb-list .pb-item:before{height:134px}
  .pb-item p{font-size:12px;}
  .pb-list-b .pb-item{width:239px;}
  .pb-list-b .pb-item + .pb-item{margin-left:15px;}
  .pb-list-b .pb-img,.pb-list-b .pb-item:before{height:71px;}
  .pb-list-b-more .pb-item{width:179px;}
  .pb-list-b-more .pb-item + .pb-item{margin-left:10px;}
  .pb-item-more .pb-img span{margin:60px 6px 0;width:9px;height:9px;}
  .p9-banner{margin:50px 0 70px;}
  .topics-more .topics-more-page{bottom:-52px}
  .topics-more .topics-more-page.prev{left:0}
  .topics-more .topics-more-page.next{right:0}
  .returnTop{bottom:140px;}
}
@media (min-width:992px){
  .container-wg .wg-snav{right:24.915px;}
  .container-wg .wg-snav-v2 ul{width:980px;}
  .container-wg .wg-snav-v2 li a{width:96px;}
  .main-h2{margin-top:90px;}
  .h2-img{height:53px;}
  .pb-list + .pb-list,.pb-list-b{margin-top:68px;}
  .part01{background-position:-380px top;}
  .p1-h1{width:355px;top:170px;}
  .p1-h3{right:70px;}
  .p1-item h5{font-size:30px;top:20px;left:20px;}
  .p1-item h6{font-size:14px;right:20px;bottom:50px;}
  .pb-item{width:230px;}
  .pb-item + .pb-item{margin-left:20px;}
  .pb-list .pb-img,.pb-list .pb-item:before{height:173px}
  .pb-item p{font-size:14px;}
  .pb-list-b .pb-item{width:303px;}
  .pb-list-b .pb-item + .pb-item{margin-left:35px;}
  .pb-list-b .pb-img,.pb-list-b .pb-item:before{height:96px;}
  .pb-list-b-more .pb-item{width:230px;}
  .pb-list-b-more .pb-item + .pb-item{margin-left:20px;}
  .pb-item-more .pb-img span{margin:82px 6px 0;width:12px;height:12px;}
  .p9-banner{margin:80px 0 110px;}
  .returnTop{bottom:90px;}
}
@media (min-width:1200px){
  .container-wg .wg-snav{right:30px;}
  .container-wg .wg-snav-v2 ul{width:1180px;}
  .main-h2{margin-top:110px;}
  .h2-img{height:53px;}
  .pb-list + .pb-list,.pb-list-b{margin-top:88px;}
  .part01{background-position:center top;}
  .p1-h1{width:355px;top:208px;}
  .p1-h2{top:48px;}
  .p1-h3{top:140px;right:0;}
  .p1-item h5{font-size:30px;top:27px;left:29px;}
  .p1-item h6{font-size:14px;right:49px;bottom:64px;}
  .pb-item{width:280px;}
  .pb-item + .pb-item{margin-left:20px;}
  .pb-list .pb-img,.pb-list .pb-item:before{height:210px}
  .pb-item p{font-size:16px;}
  .pb-list-b .pb-item{width:370px;}
  .pb-list-b .pb-item + .pb-item{margin-left:35px;}
  .pb-list-b .pb-img,.pb-list-b .pb-item:before{height:117px;}
  .pb-list-b-more .pb-item{width:280px;}
  .pb-list-b-more .pb-item + .pb-item{margin-left:20px;}
  .pb-item-more .pb-img span{margin:99px 6px 0;width:12px;height:12px;}
  .p9-banner{margin:80px 0 110px;}
  .topics-more .topics-more-page{bottom:67px}
  .topics-more .topics-more-page.prev{left:-100px}
  .topics-more .topics-more-page.next{right:-100px}
  .returnTop{bottom:140px;}
}
/* student works */
body{padding-bottom: 120px;}
.topics-outcomes{padding-bottom:88px;}