.topNav{position:fixed;width:100%;top:0;right:0;left:0;z-index:9999;background:url(https://assets.gaiaworks.cn/gaiaworks/static/image/shishan-forum-img/shishan/bg-topnav.png) no-repeat}.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 .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;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{font-family:Helvetica,Tahoma,Arial,PingFang SC,AlibabaPuHuiTiL,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif;margin:0;padding:0;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%}.container-wrapper .container{width:69%;margin:0 auto;overflow:hidden}.container-wrapper .container .banner{width:100%;margin-top:15%}.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))}.subNav{display:inline-flex;justify-content:space-around;margin-top:10%;width:100%;background:url(https://assets.gaiaworks.cn/gaiaworks/static/image/shishan-forum-img/model/topNav.png) no-repeat;background-size:cover}.subNav .content{width:69%;display:inline-flex}.subNav .content .left,.subNav .content .right{display:inline-block;padding:30px;width:50%;text-align:center}.subNav .content .left:hover,.subNav .content .right:hover{background-image:linear-gradient(90deg,#07f,#2bf893)}.main-wrapper{width:69%;margin:5% auto 0;position:relative}.main-wrapper .content{width:100%;display:inline-flex;justify-content:space-around;background:url(https://assets.gaiaworks.cn/gaiaworks/static/image/shishan-forum-img/exemplary/bg-transparent.png) no-repeat;background-size:100% 100%}.main-wrapper .content p{padding:50px;font-size:12px;line-height:30px;color:#fff;text-align:left}.main-wrapper .common-title{margin-top:5%;font-size:2.5rem;color:#fff;line-height:3.75rem;padding-left:1.2rem;letter-spacing:1px;background:url(https://assets.gaiaworks.cn/gaiaworks/static/image/shishan-forum-img/shishan/polygonal-blue.png) 0 0/auto 100% no-repeat}.main-wrapper .main{margin-top:40px;width:100%;display:inline-flex;justify-content:space-between}.main-wrapper .main .left,.main-wrapper .main .right{position:relative;width:47%;background:#08173d;background-size:100% 100%;border-radius:10px}.main-wrapper .main .left .left-title span,.main-wrapper .main .right .left-title span{position:absolute;margin:0;left:-15px;top:20px;height:50px;line-height:50px;color:#fff;font-size:20px;padding:0 35px;white-space:nowrap;background:linear-gradient(90deg,#2bfb8b,rgba(43,251,139,0))}.main-wrapper .main .left .right-title span,.main-wrapper .main .right .right-title span{position:absolute;margin:0;left:-15px;top:20px;height:50px;line-height:50px;color:#fff;font-size:20px;padding:0 2rem;white-space:nowrap;background:linear-gradient(90deg,rgba(255,120,51,.92),rgba(255,203,23,0))}.main-wrapper .main .left span,.main-wrapper .main .right span{display:inline-block;margin:80px 20px 40px;color:#fff;font-size:12px;line-height:30px;text-align:left}.main-wrapper .main .left span span,.main-wrapper .main .right span span{margin:0}.main-wrapper .title{margin-top:5%;font-size:2.5rem;color:#fff;line-height:3.75rem;padding-left:1.2rem;letter-spacing:1px;background:url(https://assets.gaiaworks.cn/gaiaworks/static/image/shishan-forum-img/shishan/polygonal-blue.png) 0 0/auto 100% no-repeat}.main-wrapper .bar{margin-top:5%;padding:20px 40px;background:url(https://assets.gaiaworks.cn/gaiaworks/static/image/shishan-forum-img/exemplary/bg-peoples.png) no-repeat;background-size:100% 100%}.main-wrapper .bar ul{text-align:left;font-size:14px;line-height:1.4;margin-bottom:20px}.main-wrapper .bar ul li{margin-bottom:15px;vertical-align:middle;color:#fff}.main-wrapper .bar ul li:before{content:"";display:inline-block;width:10px;height:12px;background:url(https://assets.gaiaworks.cn/gaiaworks/static/image/shishan-forum-img/exemplary/polygonal-icon.png) no-repeat 50%;background-size:cover;margin-right:10px;vertical-align:baseline}.main-wrapper .footer{margin:5% 0;width:100%;display:inline-flex;justify-content:space-between}.main-wrapper .footer div.four,.main-wrapper .footer div.one,.main-wrapper .footer div.three,.main-wrapper .footer div.two{display:flex;flex-direction:column;align-items:center;align-content:space-between;width:19%;text-align:center}.main-wrapper .footer div.four .icon img,.main-wrapper .footer div.one .icon img,.main-wrapper .footer div.three .icon img,.main-wrapper .footer div.two .icon img{width:30%}.main-wrapper .footer div.four .img,.main-wrapper .footer div.one .img,.main-wrapper .footer div.three .img,.main-wrapper .footer div.two .img{height:1.75em;margin:20% auto;text-align:center;width:25%}.main-wrapper .footer div.four .img img,.main-wrapper .footer div.one .img img,.main-wrapper .footer div.three .img img,.main-wrapper .footer div.two .img img{width:100%;display:block}.main-wrapper .footer div.four a,.main-wrapper .footer div.four p,.main-wrapper .footer div.one a,.main-wrapper .footer div.one p,.main-wrapper .footer div.three a,.main-wrapper .footer div.three p,.main-wrapper .footer div.two a,.main-wrapper .footer div.two p{color:#fff;font-size:.75rem;line-height:1.5rem;padding:0 10% 10%}.main-wrapper .footer div.four a,.main-wrapper .footer div.one a,.main-wrapper .footer div.three a,.main-wrapper .footer div.two a{margin-bottom:10%;display:inline-block;padding:0 1.25rem;background:linear-gradient(90deg,#0076fd,#27ea85);border-radius:14px;white-space:nowrap}.main-wrapper .footer div.four,.main-wrapper .footer div.one,.main-wrapper .footer div.three,.main-wrapper .footer div.two{background:url(https://assets.gaiaworks.cn/gaiaworks/static/image/shishan-forum-img/exemplary/bg-rights.png) no-repeat;background-size:100% 100%}.sidebar,.sub-sidebar{bottom:270px!important}.sidebar .content,.sub-sidebar .content{background:#fff;padding:5px 10px 20px;border-radius:5px}.sidebar .content .code img,.sub-sidebar .content .code img{display:inline-block;margin-top:10px;width:127px}.sidebar .content .div,.sub-sidebar .content .div{background:linear-gradient(90deg,#005fcb,#013a7a);width:130%;line-height:30px;position:relative;left:-20px}.sidebar .content .div span,.sub-sidebar .content .div span{font-size:20px;font-weight:700;color:#fff}.sidebar .content .div p span,.sub-sidebar .content .div p span{font-size:14px;color:#fff;font-weight:400}.sub-sidebar{width:147px;position:fixed;font-family:slider;z-index:20;right:40px;bottom:30px!important;color:#333;text-align:center;padding-top:20px;border-radius:8px}@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}.main-wrapper{width:90%}.main-wrapper .common-title,.main-wrapper .title{font-size:1.5rem;line-height:2rem}.main-wrapper .main .left .left-title,.main-wrapper .main .right .right-title{font-size:1rem;padding:0 1rem}}@media screen and (max-width:565px){.subNav .content{width:auto}.main-wrapper .content p{padding:5% 6%}.main-wrapper .main{flex-direction:column;align-items:center}.main-wrapper .main .left,.main-wrapper .main .right{width:90%;margin-bottom:4%}.main-wrapper .footer{flex-wrap:wrap}.main-wrapper .footer div.four,.main-wrapper .footer div.one,.main-wrapper .footer div.three,.main-wrapper .footer div.two{width:45%;margin-bottom:4%}.sub-sidebar .content{display:none}}