*{margin:0;padding:0}a:hover{text-decoration:none}.font-text{font-size:0.9rem}.fs-16{font-size:0.9rem}.top-warp{background-color:#fff}.qrcode{position:relative}.qrcode .qrcode-warp{display:none;position:absolute;top:16px;right:0;width:150px;height:174px;z-index:1;background:#fff;line-height:12px}.qrcode .qrcode-warp span{margin-left:20px;color:#333;font-weight:bold}.qrcode:hover .qrcode-warp{display:block}.navbar-toggler{border-width:0;border:0}.top-text{font-size:12px;height:24px;line-height:24px}.top-text a{color:#666}.top-text a:hover{color:#17a2b8}.nav-item{position:relative;text-align:center;margin:0 4px;padding:0 4px}.nav-item::after{position:absolute;top:35px;left:50%;width:100%;height:4px;-webkit-transform:translateX(-50%) translateY(-50%) scale(0.5);transform:translateX(-50%) translateY(-50%) scale(0.5);background-color:#17a2b8;border-radius:2px;content:"";opacity:0;-webkit-transition:all 0.3s;transition:all 0.3s}.nav-item:hover::after,.nav-item.active::after{opacity:1;-webkit-transform:translateX(-50%) translateY(-50%) scale(1);transform:translateX(-50%) translateY(-50%) scale(1)}.nav-item .nav-dropdown-menu{display:none;width:100%;position:absolute;top:40px;left:0;background:#fff;-webkit-box-shadow:1px 1px 5px #ddd;box-shadow:1px 1px 5px #ddd;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;z-index:2}.nav-item .nav-dropdown-menu a:first-child{margin-top:10px}.nav-item .nav-dropdown-menu a:last-child{margin-bottom:10px}.nav-item:hover .nav-dropdown-menu{display:block}.nav-item .nav-dropdown-menu .nav-dropdown-item{display:inline-block;text-align:center;width:100%;padding:4px 0;font-size:0.9rem}.nav-item .nav-dropdown-menu .nav-dropdown-item:hover{background:#17a2b8;color:#fff}.embed-top{height:80px;visibility:visible}.friend-link ul li{list-style:none;font-size:0.9rem}.friend-link ul li a{color:#fff;font-size:0.9rem}.friend-link ul li a:hover{color:#f397a0}.copyright{font-size:0.8rem}.toTop{position:fixed;bottom:10px;right:6px;cursor:pointer;-webkit-animation:top 1s infinite;animation:top 1s infinite}.content-warp{position:fixed;top:30%;right:0}.content-warp .warp{position:relative;width:60px;height:60px;background:#17a2b8;cursor:pointer;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}.content-warp .warp .con{display:none;position:absolute;top:0;right:60px;width:100px;text-align:center;overflow:hidden;border:1px #63b5c5 solid;border-right:0;background:#fff}.content-warp .warp .con img{max-width:100%}.content-warp .warp .con span{font-size:12px}.content-warp .warp .email{display:none;position:absolute;top:0;right:60px;width:200px;height:60px;line-height:60px;color:#fff;text-align:center;overflow:hidden;background:#63b5c5}.content-warp .warp:hover{background:#63b5c5}.content-warp .warp:hover .con{display:block}.content-warp .warp:hover .email{display:block}@-webkit-keyframes top{0%{bottom:4px}50%{bottom:10px}100%{bottom:4px}}@keyframes top{0%{bottom:4px}50%{bottom:10px}100%{bottom:4px}}@media only screen and (max-width: 576px){.logo{width:100px}.m-display-none{display:none !important}}@media only screen and (max-width: 992px){.top-warp{display:none}.nav-item::after{width:30%}.embed-top{height:56px}}.banner-video{position:absolute;top:0;left:0;width:100%}.banner-shading{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0.4;background:-webkit-gradient(linear, left top, right top, from(#FA8BFF), color-stop(#2BD2FF), to(#2BFF88));background:linear-gradient(90deg, #FA8BFF, #2BD2FF, #2BFF88)}.title-line{display:inline-block;width:50px;height:2px;background:#63b5c5}.section-title{line-height:1}.section-sub-title{border-bottom:2px #63b5c5 solid;color:#63b5c5}.home-new-list li{height:63px;line-height:63px;list-style:none;border-bottom:1px #ddd solid;overflow:hidden;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out}.home-new-list li .time-div{color:#a2ced5}.home-new-list li .time-div img{width:22px;vertical-align:sub}.home-new-list li:first-child{height:130px;line-height:initial;background-color:#f1fcff;border-bottom:0}.home-new-list li:first-child p{height:40px;font-size:0.9rem;overflow:hidden}.home-new-list li:hover{background-color:#f7fdff}.home-new-list li a{color:#666}.home-new-img{position:relative;width:100%;height:100%}.home-new-img .warp{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(51,51,51,0.5);opacity:1;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out}.home-new-img:hover .warp{opacity:0}.home-new-img .warp h6{color:#fff}.home-new-right .home-new-img .warp button{background:#c092ea;border-color:#c092ea}.home-new-right .home-new-list li .time-div{color:#d1b9e7}.home-new-right .home-new-list li:first-child{background:#f9f5ff}.home-new-list li:nth-child(2){display:none}.home-site-item{color:#fff;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out;max-width:255px;margin:auto}.home-site-item p{color:#f9f5ff;font-size:0.9rem}.home-site-item.item-one{background-color:#4fb29d}.home-site-item.item-two{background-color:#efc94c}.home-site-item.item-three{background-color:#e27a3f}.home-site-item.item-four{background-color:#df4e49}.home-site-item:hover{opacity:0.7}.home-streamer{height:100px;line-height:100px;background:-webkit-gradient(linear, left top, right top, from(#FA8BFF), color-stop(#2BD2FF), to(#2BFF88));background:linear-gradient(90deg, #FA8BFF, #2BD2FF, #2BFF88);text-align:center}.home-streamer a{color:#fff;font-size:1.4rem;font-weight:bold;text-shadow:2px 2px 5px #666}.home-resource ul li{list-style:none;margin-bottom:20px}.home-resource ul li .home-resource-item{position:relative;overflow:hidden;width:100%;height:194px}.home-resource ul li .home-resource-item .home-resource-con{position:absolute;bottom:0;left:0;width:100%;height:100%;line-height:40px;padding:150px 20px 0 20px;margin:0;color:#fff;background-color:rgba(51,51,51,0.2);-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}.home-resource ul li:hover .home-resource-con{background-color:rgba(51,51,51,0.5);padding-top:80px}.home-blog-item .card-body{-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}.home-blog-item:hover .card-body{-webkit-box-shadow:2px 2px 5px #999;box-shadow:2px 2px 5px #999}@media only screen and (max-width: 576px){.home-resource ul li:hover .home-resource-con{background-color:rgba(51,51,51,0.2);padding-top:150px}}
