.topNav{background:url(https://assets.gaiaworks.cn/gaiaworks/static/image/shishan-forum-img/shishan/bg-topnav.png) no-repeat}.topNav .nav-pc .nav-wrapper .nav-title .logo img{position:absolute;width:100%;left:15%;transform:translateY(-53%);max-width:200px}.topNav .nav-mobile{height:28px}.topNav .switch{position:absolute;right:10px}.topNav .switch .switch-box{width:40px;height:16px;border:2px solid;border-radius:12px;padding:2px;display:flex;align-items:center}.topNav .switch .switch-item{height:14px;width:14px;border-radius:50%;transition:margin-left .3s}html body{background-color:#000;background-image:url(https://assets.gaiaworks.cn/gaiaworks/static/image/shishan-forum-img/shishan/background-image.png);background-size:100%;background-repeat:no-repeat;width:100%;font-family:Helvetica,Tahoma,Arial,PingFang SC,AlibabaPuHuiTiL,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif;margin:0;padding:0}.sidebar{bottom:170px!important}.sidebar .content{background:#fff;padding:5px 10px 20px;border-radius:5px}.sidebar .content .code img{display:inline-block;margin-top:10px;width:130px}.sidebar .content .div{background:linear-gradient(90deg,#005fcb,#013a7a);width:130%;line-height:30px;position:relative;left:-20px}.sidebar .content .div span{font-size:20px;font-weight:700;color:#fff}.sidebar .content .div p{font-size:14px;color:#fff}.topNav{position:fixed;width:100%;top:0;right:0;left:0;z-index:9999}.topNav .nav-pc{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:center}.topNav .nav-pc .nav-wrapper{margin:20px 0;padding:0 5%;box-sizing:border-box}.topNav .nav-pc .nav-wrapper .nav-title{display:inline-block;vertical-align:middle;text-align:left}.topNav .nav-pc .nav-wrapper .nav-title h1.logo img{position:absolute;width:100%;left:15%;transform:translateY(-53%);max-width:200px}.topNav .nav-pc .nav-wrapper .nav-menu{width:56%;position:relative;left:20%;display:inline-flex;justify-content:space-evenly}.topNav .nav-pc .nav-wrapper .nav-menu li{display:inline-block}.topNav .nav-pc .nav-wrapper .nav-menu li a{font-size:19px;line-height:35px}.topNav .nav-pc .nav-wrapper .nav-menu li a:hover{font-weight:700;background:transparent;position:relative}.topNav .nav-pc .nav-wrapper .nav-menu li a:hover:after{content:"";display:inline-block;width:120%;height:4px;background:linear-gradient(90deg,#07f,#2bf893);position:absolute;left:50%;transform:translateX(-50%);top:48px;transition:all 1s}.topNav .nav-pc .nav-wrapper .nav-menu li a:nth-child(6){margin-right:15%}.topNav .nav-mobile{display:none}.container-wrapper{padding-bottom:5%}.container-wrapper .container{width:69%;margin:15% auto 0}.container-wrapper .container .banner{width:100%}.container-wrapper .container .banner .left{width:50%}.container-wrapper .container .banner .left img{width:100%}.container-wrapper .container .banner span{display:inline-block;margin-top:5%;white-space:nowrap;padding:20px;color:#fff;background-image:linear-gradient(90deg,rgba(0,119,255,.5),transparent 60%,rgba(43,248,147,.6))}.container-wrapper .container .main{position:relative;margin-top:15%}.container-wrapper .container .main .common-title{font-size:2.5rem;color:#fff;line-height:3.75rem;padding-left:1.2rem;font-weight:700;letter-spacing:1px;background:url(https://assets.gaiaworks.cn/gaiaworks/static/image/shishan-forum-img/shishan/polygonal-green.png) 0 0/auto 100% no-repeat}.container-wrapper .container .main .content{margin-top:15px}.container-wrapper .container .main .content ul{display:flex}.container-wrapper .container .main .content ul li{position:relative;width:25%}.container-wrapper .container .main .content ul li img{width:100%;position:relative}.container-wrapper .container .main .content ul li .mask{z-index:10;left:0;top:0;position:absolute;opacity:0}.container-wrapper .container .main .content ul li:hover .mask{opacity:.9}.container-wrapper .container .main .content ul li p.second-title{position:absolute;bottom:25%;left:10%;color:#fff;font-size:1rem;line-height:2rem}.container-wrapper .container .main .content ul li p.common-des{width:80%;position:absolute;top:75%;left:10%;color:#fff;font-size:12px;line-height:15px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.container-wrapper .container .main .content>.detail{display:block;margin:50px;font-size:14px;color:#28e689;text-decoration:underline;text-align:center}.container-wrapper .container .main .content>.detail:before{content:"点击查看更多分享嘉宾"}.container-wrapper .container .main .content>.shouqi:before{content:"收起"}.container-wrapper .container .main .content>.selected{display:none}@media screen and (min-width:10px) and (max-width:768px){.topNav .nav-pc{display:none}.topNav .nav-mobile{padding:0 2%;margin:10px auto;display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.topNav .nav-mobile>li{display:inline-block;vertical-align:middle;color:#fff}.topNav .nav-mobile>li img{box-sizing:border-box;width:90%}.topNav .nav-mobile .nav-bar{margin:auto 0;cursor:pointer;width:calc(100% - 100px);text-align:right;display:flex;justify-content:flex-end;align-items:center}.topNav .nav-mobile .nav-bar .nav-language{width:24px;height:24px;display:flex;justify-content:center;align-items:center;border:1px solid #14be4b;border-radius:4px;font-size:14px;margin-right:5px}.topNav .nav-mobile .nav-bar .nav-language .language-button{color:#14be4b}.topNav .nav-mobile .nav-bar .button{display:inline-block}.topNav .nav-mobile .nav-bar .button span{border:.53333vw solid hsla(200,6%,72%,.4);border-radius:7.46667vw;padding:.3rem .5rem;font-size:1rem;color:#14be4b}.topNav .nav-mobile .nav-bar .top-shrink{display:inline-block}.topNav .nav-mobile .nav-bar .bottom-shrink{display:none;color:#14be4b}.topNav .nav-mobile .nav-bar .top-opened{display:none}.topNav .nav-mobile .nav-bar .bottom-opened{display:inline-block}.topNav .nav-mobile-list{position:fixed;top:calc(2.5rem + 13px);right:0;z-index:1;width:0;height:0;overflow:auto;display:block;background:linear-gradient(180deg,#000,#0d245f);transition:width .3s linear 0s;font-size:15px;text-align:left}.topNav .nav-mobile-list>li{width:90%;margin:0 auto;line-height:60px;border-bottom:.3px solid #c2c2c2;overflow:hidden}.topNav .nav-mobile-list>li:first-child{border-top:.3px solid #c2c2c2}.topNav .nav-mobile-list>li>a>span{font-weight:500}.topNav .nav-mobile-list>li a{color:#fff;padding-left:1.67rem}.topNav .nav-mobile-list>li a span:hover{color:#14be4b}.topNav .nav-mobile-list>li a .trans:hover{border-color:#14be4b}.topNav .nav-mobile-list>li ul{padding-left:.79rem;display:none}.topNav .nav-mobile-list>li ul>li{line-height:2.08rem}.topNav .nav-mobile-list>li .type-list{margin-left:1.67rem}.topNav .nav-mobile-list>li .type-list>li{line-height:40px}.topNav .nav-mobile-list>li .type-list>li.bold{font-weight:500}.topNav .nav-mobile-list>li .type-list>li:last-child{border:none}.topNav .nav-mobile-list>li .type-list>li .trans,.topNav .nav-mobile-list>li .type-list>li .trans-down{margin-top:.8rem}.topNav .nav-mobile-list>li .type-list>li>a{padding-left:0}.topNav .nav-mobile-list>li .type-list>li .product-list{font-weight:400}.topNav .nav-mobile-list>li:last-child{border:none}.topNav .nav-mobile-list.list-transition{width:100%;height:84vh;overflow:auto}.container-wrapper .container{width:90%}.container-wrapper .container .main .content ul li p.second-title{font-size:.8rem}.container-wrapper .container .main .content ul li p.common-des{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}@media screen and (max-width:330px){.container-wrapper .container .main .content ul li p.common-des{width:90%;position:absolute;top:70%;left:10%;font-size:12px;line-height:15px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}