@charset "utf-8";
.container-design{cursor:default}.container-design .design-nav{position:fixed;top:50%;z-index:4;padding-bottom:16px;margin-top:-250px;overflow:hidden;color:#fff;background-color:#111214;text-align:center;border-radius:0 0 100px 100px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-webkit-text-decoration-skip:objects;text-decoration-skip:objects;-webkit-animation:fadeInRight 1s ease;animation:fadeInRight 1s ease}.container-design .design-nav p span{display:block;margin-bottom:2px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-webkit-text-decoration-skip:objects;text-decoration-skip:objects}.container-design .design-nav p.p1 span,.container-design .design-nav p.p2 span,.container-design .design-nav p.p3 span{height:35px}.container-design .design-nav p.p1 span,.container-design .design-nav p.p2 span,.container-design .design-nav p.p4 span{font-size:16px;line-height:2.1875}.container-design .design-nav p.p1 span,.container-design .design-nav p.p3 span{background-color:#272a32;cursor:pointer}.container-design .design-nav p.p1 span:hover,.container-design .design-nav p.p3 span:hover{background-color:#0476f9}.container-design .design-nav p.p2 span{position:relative}.container-design .design-nav p.p2 span:before{position:absolute;bottom:-5px;left:50%;width:0;height:0;margin-left:-4px;border-top:6px solid #111214;border-right:4px solid transparent;border-left:4px solid transparent;content:""}.container-design .design-nav p.p3 span{font-size:14px;line-height:2.5}.container-design .design-nav p.p4{padding-top:5px}.container-design .design-nav p.p4 span{height:25px;line-height:1.5625}.container-design .design-nav .design-shares > div a{width:20px;height:24px;color:#fff;font-size:16px;line-height:1.5;}.container-design .design-nav .design-shares > div a+a{margin-left:5px}.container-design .design-title1{position:relative;padding-bottom:26px}.container-design .design-title1:before{position:absolute;bottom:0;width:40px;height:4px;background-color:#0476f9;content:""}.container-design .design-title1 h2{font-size:48px;line-height:1.14583333;text-shadow:0 8px 6px rgba(33,43,52,0.2)}.container-design .design-title1 h4{margin-top:8px;font-size:24px;line-height:1.25;color:#63687e}.container-design .design-title1.lt{text-align:left}.container-design .design-title1.lt:before{left:2px}.container-design .design-title1.rg{text-align:right}.container-design .design-title1.rg:before{right:2px}.container-design .design-title2{position:relative;padding-bottom:4px;padding-left:36px}.container-design .design-title2:before,.container-design .design-title2:after{position:absolute;content:""}.container-design .design-title2:before{top:7px;right:50%;bottom:7px;width:50%;margin-right:600px;background-color:#f6f8fa}.container-design .design-title2:after{top:7px;bottom:7px;left:10px;width:4px;background-color:#0476f9}.container-design .design-title2 h2{font-size:36px;line-height:1.25}.container-design .design-title2 h4{margin-top:7px;color:#63687e}.container-design .design-title2 a.more-link{position:absolute;right:0;bottom:4px;z-index:2;font-size:14px;line-height:1.42857143;color:#87959f}.container-design .design-title2 a.more-link:hover{color:#0476f9}.container-design .design-title2 a.more-link:hover .iconfont:before{content:"\e615"}.container-design .design-title2 a.more-link .iconfont{margin-left:6px;font-size:14px;line-height:1.42857143;vertical-align:top}.container-design .design-title2 a.more-link .iconfont:before{content:"\e616"}.container-design .design-promotion{margin-top:45px}.container-design .design-promotion a{display:block;width:100%}.container-design .design-promotion a img{width:100%}@media (min-width:768px){.container-design .design-nav{right:20px;width:80px}.container-design .design-title2 h4{font-size:22px;line-height:1.36363636}}@media (min-width:992px){.container-design .design-nav{right:25px;width:86px}.container-design .design-title2 h4{font-size:24px;line-height:1.25}}@media (min-width:1200px){.container-design .design-nav{right:30px;width:100px}}.design-c1{position:relative;height:554px;overflow:hidden;color:#fff;background:url("https://assets-cdn.lanqb.com/topicsv3/design/c1-bg.jpg") no-repeat center top;text-align:center}.design-c1:before{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;content:"";-ms-box-shadow:inset 0 0 25px rgba(33,43,52,0.35);-o-box-shadow:inset 0 0 25px rgba(33,43,52,0.35);-webkit-box-shadow:inset 0 0 25px rgba(33,43,52,0.35);box-shadow:inset 0 0 25px rgba(33,43,52,0.35)}.design-c1 .design1-img{position:absolute;bottom:-160px;left:50%;width:698px;height:432px;margin-left:-328px;background:url("https://assets-cdn.lanqb.com/topicsv3/design/c1-img.png") no-repeat center top}.design-c1 h1{position:relative;height:88px;margin-top:50px;overflow:hidden;font-size:60px;line-height:1.4;background:url("https://assets-cdn.lanqb.com/topicsv3/design/c1-h1.png") no-repeat center top;text-align:left;text-indent:-9999px}.design-c1 h1:before{position:absolute;bottom:4px;left:50%;width:40px;height:4px;margin-left:-20px;background-color:#000;border-bottom:1px solid #4b515e;content:""}.design-c1 h3{margin-top:5px;font-size:18px;line-height:1.33333333;text-shadow:0 2px 0 rgba(33,43,52,0.5)}.design-c1 .design1-icon{display:block;width:314px;height:88px;margin:22px auto 0;background:url("https://assets-cdn.lanqb.com/topicsv3/design/c1-icon.png") no-repeat center top}.design-c2{position:relative;z-index:3}.design-c2 .container{position:relative;z-index:3;padding-bottom:90px}.design-c2 .design2-title{position:relative;display:inline-block;margin-top:24px;margin-bottom:57px}.design-c2 .design2-title:before{position:absolute;top:12px;right:15px;bottom:-1px;left:15px;background-color:#fff;content:"";border-radius:100px;-ms-box-shadow:0 1px 0 rgba(33,43,52,0.08);-o-box-shadow:0 1px 0 rgba(33,43,52,0.08);-webkit-box-shadow:0 1px 0 rgba(33,43,52,0.08);box-shadow:0 1px 0 rgba(33,43,52,0.08)}.design-c2 .design2-title h4{position:relative;font-size:18px;line-height:1.5;color:#525a67}.design-c2 .design-title1{margin-bottom:45px}.design-c2 .design2-menu{color:#fff;background-color:#0476f9;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;-webkit-text-decoration-skip:objects;text-decoration-skip:objects}.design-c2 .design2-menulist li{padding:10px 0;cursor:pointer}.design-c2 .design2-menulist li.active{background-color:#058dfa}.design-c2 .design2-menulist li.active span:before{opacity:0}.design-c2 .design2-menulist li span{position:relative;display:block;font-weight:400}.design-c2 .design2-menulist li span:before,.design-c2 .design2-menulist li span:after{position:absolute;content:""}.design-c2 .design2-menulist li span:before{background-color:#058dfa;opacity:1;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-webkit-text-decoration-skip:objects;text-decoration-skip:objects}.design-c2 .design2-swiper{height:148px}.design-c2 .design2-c1{padding-top:4px;padding-bottom:4px}.design-c2 .design2-c1:hover .design2-cover{border-color:#e3e9ef}.design-c2 .design2-c1:hover .design2-cover span{background-color:#0476f9}.design-c2 .design2-c1:hover .design2-des h4 a{color:#0476f9}.design-c2 .design2-cover{position:relative;float:left;display:block;width:260px;height:140px;margin-right:35px;border:1px solid #eef3f5;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-webkit-text-decoration-skip:objects;text-decoration-skip:objects}.design-c2 .design2-cover span{position:absolute;top:-4px;bottom:-4px;left:-1px;width:100px;padding-top:47px;font-size:20px;line-height:1.2;color:#fff;background-color:rgba(4,118,249,0.8);text-align:center;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-webkit-text-decoration-skip:objects;text-decoration-skip:objects}.design-c2 .design2-des{float:left;height:140px;border-bottom:1px solid #eef3f5}.design-c2 .design2-des h4{margin-bottom:10px}.design-c2 .design2-des h4 a{display:inline-block;max-width:100%;font-size:18px;line-height:1.38888889;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;vertical-align:top}.design-c2 .design2-des p{font-size:14px;line-height:1.71428571;color:#525a67}@media (min-width:768px){.design-c2 .design2-menu{margin-bottom:20px;-webkit-animation:fadeInUp 1s ease;animation:fadeInUp 1s ease}.design-c2 .design2-menulist li{float:left;width:25%}.design-c2 .design2-menulist li span{font-size:18px;line-height:1.5;text-align:center}.design-c2 .design2-menulist li span:before{display:none}.design-c2 .design2-menulist li span:after{top:4px;bottom:4px;left:0;width:1px;background-color:rgba(255,255,255,0.4)}.design-c2 .design2-des{width:450px}}@media (min-width:992px){.design-c2 .container{padding-right:220px}.design-c2 .design2-menu{position:absolute;top:0;right:0;bottom:0;width:200px;padding-top:130px;margin-bottom:0;-webkit-animation:fadeInRight 1s ease;animation:fadeInRight 1s ease}.design-c2 .design2-menulist li{float:none;width:auto}.design-c2 .design2-menulist li span{margin-left:45px;font-size:24px;line-height:1.66666667;text-align:left}.design-c2 .design2-menulist li span:before{right:45px;bottom:-10px;left:0;display:block;height:1px}.design-c2 .design2-menulist li span:after{top:6px;left:-18px;width:2px;height:27px;background-color:#fff}.design-c2 .design2-des{width:460px}}@media (min-width:1200px){.design-c2 .container{padding-right:340px}.design-c2 .design2-menu{top:-60px;width:340px;padding-top:174px}.design-c2 .design2-menulist li span{margin-left:94px;font-size:30px;line-height:1.33333333}.design-c2 .design2-menulist li span:after{left:-48px}.design-c2 .design2-des{width:510px}}.design-c3,.design-c4{padding-bottom:84px}.design-c3 .design-title1{margin-top:84px;margin-bottom:84px}.design-c3 .design-title2,.design-c4 .design-title2{margin-bottom:15px}.design-c3 .design3-list li{float:left;width:33.33333333%;padding-top:25px}.design-c3 .design3-cover,.design-c4 .design4-cover{display:block;width:100%;overflow:hidden}.design-c3 .design3-cover img,.design-c4 .design4-cover img{width:100%}.design-c3 .design3-des{border:1px solid #eef3f5;border-top:none}.design-c3 .design3-des h4 a{display:inline-block;max-width:100%;font-size:18px;line-height:1.5;vertical-align:top;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.design-c3 .design3-item:hover .design3-des h4 a,.design-c4 .design4-item:hover .design4-des h4 a{color:#0476f9}@media (min-width:768px){.design-c3 .design3-list{margin-right:-8px;margin-left:-8px}.design-c3 .design3-list li{padding-right:8px;padding-left:8px}.design-c3 .design3-des{padding:16px 15px 12px}}@media (min-width:992px){.design-c3 .design3-list{margin-right:-16px;margin-left:-16px}.design-c3 .design3-list li{padding-right:16px;padding-left:16px}.design-c3 .design3-des{padding-top:18px;padding-bottom:14px}}@media (min-width:1200px){.design-c3 .design3-list{margin-right:-25px;margin-left:-25px}.design-c3 .design3-list li{padding-right:25px;padding-left:25px}.design-c3 .design3-des{padding-top:26px;padding-bottom:22px}}.design-c4 .design4-list{margin-right:-10px;margin-left:-10px}.design-c4 .design4-list li{float:left;width:25%;padding:25px 10px 0}.design-c4 .design4-item{position:relative;border:1px solid #eef3f5}.design-c4 .design4-item .design5{position:absolute;top:0;left:8px;display:block;width:45px;height:45px;padding-top:4px;color:#fff;background-color:#0476f9;font-size:14px;line-height:1.28571429;text-align:center}.design-c4 .design4-des{padding-right:10px;padding-left:10px}.design-c4 .design4-des h4 a{display:inline-block;max-width:100%;font-size:14px;line-height:1.42857143;vertical-align:top;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media (min-width:768px){.design-c4 .design4-item{height:164px}.design-c4 .design4-des{padding:7px 6px}}@media (min-width:992px){.design-c4 .design4-item{height:219px}.design-c4 .design4-des{padding:13px 10px}}@media (min-width:1200px){.design-c4 .design4-item{height:266px}.design-c4 .design4-des{padding-top:18px;padding-bottom:17px}}.design-c6{padding-top:84px;padding-bottom:90px}.design-c6 .container{position:relative}.design-c6 .design-title1{margin-bottom:50px;text-align:center}.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,.9)}.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;text-align:center;cursor:pointer;color:#a9b3ba;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:#0476f9}.topics-more .topics-more-page.swiper-button-disabled,.topics-more .topics-more-page.swiper-button-disabled:hover{color:#c0c7cc;cursor:default}@media (min-width:768px){.topics-more .topics-more-page{bottom:-52px}.topics-more .topics-more-page.prev{left:0}.topics-more .topics-more-page.next{right:0}}@media (min-width:1200px){.topics-more .topics-more-page{bottom:67px}.topics-more .topics-more-page.prev{left:-100px}.topics-more .topics-more-page.next{right:-100px}}