.vip-community-banner{width:100%}.vip-community-banner img{width:100%}.community-page{width:100%;height:100%;background-color:#f5f5f5}.vip-community-box{padding-top:36px !important;width:1200px;margin:0 auto;min-height:552px;padding-bottom:50px}.vip-community-box .is-block{display:block}.vip-community-box .connection-container .recommended{width:852px;margin-right:30px;margin-top:15px;position:relative}.vip-community-box .connection-container .recommended .code-content{position:absolute;right:20px;top:3px;width:164px;height:32px}.vip-community-box .connection-container .recommended .code-content .popover-content{cursor:pointer;text-align:center;width:164px;height:32px;background:#418AF8;border-radius:16px;font-weight:400;font-size:14px;color:#FEFEFE;line-height:32px;display:flex;align-items:center;justify-content:center}.vip-community-box .connection-container .recommended .code-content .popover-content img{margin-right:5px}.vip-community-box .connection-container .recommended .title{font-weight:400;font-size:18px;color:#323647;line-height:24px}.vip-community-box .connection-container .recommended .title .replace{cursor:pointer;margin-left:13px;font-size:14px;color:#fe7b1c}.vip-community-box .connection-container .recommended .title .replace>img{margin-right:4px}.vip-community-box .connection-container .recommended .title .replace>img.roing{animation:roing 2s linear infinite}.vip-community-box .connection-container .recommended .box-content{display:grid;grid-template-columns:repeat(4, auto);margin-top:50px;gap:30px 15px}.vip-community-box .connection-container .recommended .box-content .box-item{width:200px;height:197px}.vip-community-box .connection-container .recommended .box-content .box-item .item-content{width:200px;height:174px;background:#FFFFFF;border-radius:5px;position:relative;padding:50px 2px;transition:all .5s}.vip-community-box .connection-container .recommended .box-content .box-item .item-content:hover{box-shadow:0 0 15px 0 rgba(0,82,217,0.3);transform:translateY(-10px);-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#FFFFFF;box-shadow:0 2px 16px 0 rgba(16,49,189,0.2);border-radius:5px}.vip-community-box .connection-container .recommended .box-content .box-item .item-content>img{position:absolute;top:-23px;left:calc(50% - 32px);width:65px;height:65px;border-radius:50%;border:1px solid #E5E5E5;background-color:#FFFFFF}.vip-community-box .connection-container .recommended .box-content .box-item .item-content .text{text-align:center;padding:0 14px}.vip-community-box .connection-container .recommended .box-content .box-item .item-content .text .flex-align{color:var(--text-color);justify-content:center;font-weight:bold;font-size:16px;color:#323647}.vip-community-box .connection-container .recommended .box-content .box-item .item-content .text .flex-align .yfg{margin-left:4px}.vip-community-box .connection-container .recommended .box-content .box-item .item-content .text .flex-align .auth{width:37px;height:16px;background:#d1f3e3;border-radius:8px;font-weight:400;font-size:10px;color:#1BC575;line-height:16px;text-align:center;margin-left:5px;margin-top:3px}.vip-community-box .connection-container .recommended .box-content .box-item .item-content .text .flex-align .vip-icon{width:45px;margin-left:5px;height:19px}.vip-community-box .connection-container .recommended .box-content .box-item .item-content .text .desc{margin-top:5px;color:var(--text-color-grey);line-height:22px;font-weight:400;font-size:14px;color:#323647;line-height:21px}.vip-community-box .connection-container .recommended .box-content .box-item .item-content .text .intro{font-weight:400;font-size:12px;color:#848791;line-height:20px}.vip-community-box .connection-container .right-content{margin-top:21px}.vip-community-box .connection-container .right-content .title{font-weight:400;font-size:18px;color:#323647;line-height:24px}.vip-community-box .connection-container .right-content .title img{width:24px;height:25px;margin-right:10px}.vip-community-box .connection-container .right-content .list{width:326px;height:416px;background:#FFFFFF;border-radius:10px;margin-top:27px;padding:12px 20px}.vip-community-box .connection-container .right-content .list .list-item{padding:12px 0px;transition:all .5s}.vip-community-box .connection-container .right-content .list .list-item:hover .people-info .name>span{text-decoration:underline}.vip-community-box .connection-container .right-content .list .list-item .avatar{width:54px;height:54px;border-radius:50%;margin-right:13px;border:1px solid #E5E5E5}.vip-community-box .connection-container .right-content .list .list-item .people-info .name{font-weight:400;font-size:16px;color:#323647;margin-bottom:5px}.vip-community-box .connection-container .right-content .list .list-item .people-info .name .auth{width:37px;height:16px;background:#d1f3e3;border-radius:8px;font-weight:400;font-size:10px;color:#1BC575;line-height:16px;text-align:center;margin-left:5px;margin-top:3px}.vip-community-box .connection-container .right-content .list .list-item .people-info .name .vip-icon{width:45px;margin-left:5px;height:19px}.vip-community-box .connection-container .right-content .list .list-item .people-info .company{font-weight:400;font-size:14px;color:#999999}.vip-community-box .vip-box{margin-bottom:24px}.vip-community-box .vip-box .vip-box-content{width:1200px;height:136px;background-image:url(https://cdn-img.yfchuhai.com/www.yfchuhai.com/static/pc/img/circle/contacts-vip-bg.png);background-size:100% 100%;background-repeat:no-repeat;position:relative}.vip-community-box .vip-box .vip-box-content .vip-footer{position:absolute;bottom:0px;left:0px;width:100%;height:41px;background:rgba(255,255,255,0.3);overflow:hidden}.vip-community-box .vip-box .vip-box-content .vip-footer:hover .content{animation-play-state:paused}.vip-community-box .vip-box .vip-box-content .vip-footer>.content{width:10000px;height:100%;display:flex;animation:marquee 110s linear infinite}.vip-community-box .vip-box .vip-box-content .vip-footer>.content>div{min-width:358px;margin-left:7px;margin-right:31px;font-size:14px}.vip-community-box .vip-box .vip-box-content .vip-footer>.content>div img{width:24px;height:24px;border-radius:100px;margin-right:5px}.vip-community-box .vip-box .vip-box-content .vip-footer>.content>div .text1{color:#282934}.vip-community-box .vip-box .vip-box-content .vip-footer>.content>div .text2{color:#282934;opacity:.8;margin-left:10px}.vip-community-box .vip-box .vip-box-content .vip-footer>.content>div .type{color:#ED850B;font-weight:bold}.vip-community-box .section01{width:100%}.vip-community-box .section01 .tab{width:100%;display:flex;justify-content:space-between}.vip-community-box .section01 .tab .tab-item{cursor:pointer;width:285px;height:61px;border-radius:100px;text-align:center;display:flex;align-items:center;font-family:OPPOSans;padding:26px 24px;position:relative;background:#FFFFFF;border:1px solid #E5E5E5;font-weight:500;font-size:20px;color:#000000;line-height:17px;justify-content:center;transition:all .5s}.vip-community-box .section01 .tab .tab-item:nth-child(1) .tab-icon{background-image:url(https://cdn-img.yfchuhai.com/www.yfchuhai.com/static/pc/img/vip-community/icon/1.svg)}.vip-community-box .section01 .tab .tab-item:nth-child(1) .tab-icon.active{background-image:url(https://cdn-img.yfchuhai.com/www.yfchuhai.com/static/pc/img/vip-community/icon/1-ac.svg)}.vip-community-box .section01 .tab .tab-item:nth-child(2) .tab-icon{background-image:url(https://cdn-img.yfchuhai.com/www.yfchuhai.com/static/pc/img/vip-community/icon/2.svg)}.vip-community-box .section01 .tab .tab-item:nth-child(2) .tab-icon.active{background-image:url(https://cdn-img.yfchuhai.com/www.yfchuhai.com/static/pc/img/vip-community/icon/2-ac.svg)}.vip-community-box .section01 .tab .tab-item:nth-child(3) .tab-icon{background-image:url(https://cdn-img.yfchuhai.com/www.yfchuhai.com/static/pc/img/vip-community/icon/3.svg)}.vip-community-box .section01 .tab .tab-item:nth-child(3) .tab-icon.active{background-image:url(https://cdn-img.yfchuhai.com/www.yfchuhai.com/static/pc/img/vip-community/icon/3-ac.svg)}.vip-community-box .section01 .tab .tab-item:nth-child(4) .tab-icon{background-image:url(https://cdn-img.yfchuhai.com/www.yfchuhai.com/static/pc/img/vip-community/icon/4.svg)}.vip-community-box .section01 .tab .tab-item:nth-child(4) .tab-icon.active{background-image:url(https://cdn-img.yfchuhai.com/www.yfchuhai.com/static/pc/img/vip-community/icon/4-ac.svg)}.vip-community-box .section01 .tab .tab-item .tab-icon{width:34px;height:34px;margin-right:14px;background-size:100%;background-repeat:no-repeat;transition:all .5s}.vip-community-box .section01 .tab .tab-item:hover{color:#FFFFFF;background:#418AF8}.vip-community-box .section01 .tab .tab-item:hover:nth-child(1) .tab-icon{background-image:url(https://cdn-img.yfchuhai.com/www.yfchuhai.com/static/pc/img/vip-community/icon/1-ac.png)}.vip-community-box .section01 .tab .tab-item:hover:nth-child(2) .tab-icon{background-image:url(https://cdn-img.yfchuhai.com/www.yfchuhai.com/static/pc/img/vip-community/icon/2-ac.png)}.vip-community-box .section01 .tab .tab-item:hover:nth-child(3) .tab-icon{background-image:url(https://cdn-img.yfchuhai.com/www.yfchuhai.com/static/pc/img/vip-community/icon/3-ac.png)}.vip-community-box .section01 .tab .tab-item:hover:nth-child(4) .tab-icon{background-image:url(https://cdn-img.yfchuhai.com/www.yfchuhai.com/static/pc/img/vip-community/icon/4-ac.png)}.vip-community-box .section01 .tab .is-active{color:#FFFFFF;background:#418AF8}.vip-community-box .section02{display:none}.vip-community-box .section02 .join-community{width:230px;height:124px;background:#FFFFFF;border-radius:10px;padding:22px;margin-top:23px;transition:all .5s}.vip-community-box .section02 .join-community:hover{box-shadow:0 0 15px 0 rgba(0,82,217,0.3);transform:translateY(-10px);-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#FFFFFF;box-shadow:0 2px 16px 0 rgba(16,49,189,0.2);border-radius:5px}.vip-community-box .section02 .join-community .avatar{width:36px;height:36px;overflow:hidden;border-radius:50%;margin-right:10px}.vip-community-box .section02 .join-community .avatar img{width:100%;height:100%}.vip-community-box .section02 .join-community .desc .name{font-weight:400;font-size:14px;color:#282934}.vip-community-box .section02 .join-community .desc .company{font-weight:400;font-size:12px;color:#848791;margin-top:2px}.vip-community-box .section02 .join-community .dialog{margin-top:16px;font-weight:400;font-size:14px;color:#848791;width:190px;height:30px;background:#F6F7FC;border-radius:5px;line-height:30px;position:relative}.vip-community-box .section02 .join-community .dialog::after{content:'';position:absolute;width:0;height:0;top:-7px;left:30px;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #F6F7FC}.vip-community-box .section02 .join-community .dialog span{color:#fe982b}.vip-community-box .section02 ul{margin-top:30px;display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:21px}.vip-community-box .section02 ul li{padding:0 0 15px 0;width:386px;height:360px;box-shadow:0 0 15px 0 rgba(18,45,160,0.15);border-radius:4px;transition:.3s;position:relative;display:flex;flex-direction:column}.vip-community-box .section02 ul li .top-state{position:absolute;top:20px;left:-8px;z-index:60}.vip-community-box .section02 ul li .img-scale-box{border-radius:4px}.vip-community-box .section02 ul li .img-scale-box img{width:386px;height:217px}.vip-community-box .section02 ul li .active-footer{margin-top:auto;padding:15px}.vip-community-box .section02 ul li .active-footer p{color:#848791;font-size:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.vip-community-box .section02 ul li .active-footer .views{color:#848791;font-size:14px}.vip-community-box .section02 ul li .active-footer i{transform:translateY(1px)}.vip-community-box .section02 ul li .active-footer h3{font-size:18px;color:#323647;font-weight:bold;margin-bottom:12px}.vip-community-box .section02 ul li .active-footer h3 .icon{margin-right:4px;flex-shrink:0}.vip-community-box .section03{display:none;margin-top:38px;position:relative}.vip-community-box .section03 .flex{display:flex}.vip-community-box .section03 .section-left{width:242px;max-height:333px}.vip-community-box .section03 .section-left .left-content{width:242px;max-height:333px;padding:28px 0px;background:#FFFFFF;box-shadow:0 0 15px 0 rgba(18,45,160,0.15);border-radius:4px}.vip-community-box .section03 .section-left .sidebar{position:fixed;top:90px;left:calc(100vw - 1200px)/2}.vip-community-box .section03 .section-left .title{font-weight:500;font-size:20px;color:#000000;line-height:17px;padding-left:30px}.vip-community-box .section03 .section-left ul{margin-top:30px}.vip-community-box .section03 .section-left ul li{margin-bottom:30px;padding-left:30px;cursor:pointer;font-size:16px}.vip-community-box .section03 .section-left ul li:hover{color:#4177FC}.vip-community-box .section03 .section-left ul .is-active{color:#4177FC;border-left:2px solid #4177FC}.vip-community-box .section03 .section-right{flex:1;margin-left:17px}.vip-community-box .section03 .section-right .right-item:nth-child(n+2){margin-top:30px}.vip-community-box .section03 .section-right .right-item .item-title{font-weight:500;font-size:20px;color:#000000;line-height:17px;position:relative}.vip-community-box .section03 .section-right .right-item .item-title .view-more{position:absolute;right:2px;top:0px;font-weight:400;font-size:14px;color:#848791;line-height:29px}.vip-community-box .section03 .section-right .right-item .item-content01{width:100%;margin-top:19px;display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:21px}.vip-community-box .section03 .section-right .right-item .item-content01 .hot{position:relative}.vip-community-box .section03 .section-right .right-item .item-content01 .hot::after{content:'';background-image:url(https://cdn-img.yfchuhai.com/www.yfchuhai.com/static/pc/img/cooperation/new1.8/hot2.svg);background-size:100% 100%;background-repeat:no-repeat;width:30px;height:30px;position:absolute;top:-12px;right:-29px;z-index:100}.vip-community-box .section03 .section-right .right-item .item-content01>div{width:300px;height:64px;background:#FFFFFF;box-shadow:0 0 15px 0 rgba(18,45,160,0.15);border-radius:4px;padding:14px 19px;display:flex;align-items:center;justify-content:space-between;font-weight:400;font-size:16px;color:#323647;line-height:28px;cursor:pointer}.vip-community-box .section03 .section-right .right-item .item-content01>div:hover{color:#4176F9}.vip-community-box .section03 .section-right .right-item .item-content01>div:hover .join-btn{background:#4176F9;border-radius:4px;border:1px solid #4176F9;color:#FFFFFF}.vip-community-box .section03 .section-right .right-item .item-content01>div .join-btn{width:73px;height:25px;background:#FFFFFF;border-radius:4px;border:1px solid #4176F9;color:#4176F9;font-size:14px;text-align:center;line-height:21px}.vip-community-box .section03 .section-right .right-item .item-content02{width:100%;margin-top:19px;display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:18px 21px;color:#323647}.vip-community-box .section03 .section-right .right-item .item-content02>div{width:300px;height:230px;overflow:hidden;border-radius:4px;background:#FFFFFF;font-size:16px;box-shadow:0 0 15px 0 rgba(18,45,160,0.15);cursor:pointer}.vip-community-box .section03 .section-right .right-item .item-content02>div .hot{position:relative}.vip-community-box .section03 .section-right .right-item .item-content02>div .hot::after{content:'';background-image:url(https://cdn-img.yfchuhai.com/www.yfchuhai.com/static/pc/img/cooperation/new1.8/hot2.svg);background-size:100% 100%;background-repeat:no-repeat;width:30px;height:30px;position:absolute;top:-12px;right:-29px;z-index:100}.vip-community-box .section03 .section-right .right-item .item-content02>div:hover{color:#4176F9}.vip-community-box .section03 .section-right .right-item .item-content02>div:hover img{transform:scale(1.05, 1.05)}.vip-community-box .section03 .section-right .right-item .item-content02>div .cover{display:inline-block;width:100%;height:169px;overflow:hidden}.vip-community-box .section03 .section-right .right-item .item-content02>div .cover>img{width:100%;height:169px;transition:all .5s ease-out}.vip-community-box .section03 .section-right .right-item .item-content02>div>div{padding:13px 15px}.vip-community-box .section03 .join-content{width:942px;height:74px;background:#FFFFFF;border-radius:8px;overflow:hidden;margin:12px auto 20px;box-shadow:0 0 15px 0 rgba(18,45,160,0.15);position:relative}.vip-community-box .section03 .join-content::after{content:'';width:100%;height:100%;box-shadow:inset -10px 0 10px 0 #fff;position:absolute;top:0;right:0;z-index:100}.vip-community-box .section03 .join-content .content1{animation:marquee 110s linear infinite}.vip-community-box .section03 .join-content:hover .content1{animation-play-state:paused}.vip-community-box .section03 .join-content>.content{width:5000px;display:flex;margin-top:20px}.vip-community-box .section03 .join-content>.content .join-item{width:190px;height:32px;margin-left:20px}.vip-community-box .section03 .join-content>.content .join-item img{width:32px;height:32px;border-radius:50%;margin-right:10px}.vip-community-box .section03 .join-content>.content .join-item span{margin-left:5px;width:58px;height:18px;background:#fef4ea;border-radius:9px 9px 9px 0px;font-weight:bold;font-size:12px;color:#CF7E4C;line-height:46px;text-align:center;line-height:18px;display:inline-block}.vip-community-box .section03 .join-content>.content .join-item .desc{font-weight:400;font-size:12px;color:#999999}.vip-community-box .section03 .join-content>.content .join-item div{color:#323647}.vip-community-box .section03 .join-content>.content .join-item .icon{width:52px;height:18px;margin:0px 10px}@keyframes marquee{from{-webkit-transform:translate3d(-50%, 0, 0);transform:translate3d(-50%, 0, 0)}to{-webkit-transform:translate3d(0%, 0, 0);transform:translate3d(0%, 0, 0)}}.vip-community-box .section04{width:100%;display:none;margin-top:38px}.vip-community-box .section04 .item:nth-child(n+2){margin-top:30px}.vip-community-box .section04 .item .item-title{font-weight:500;font-size:20px;color:#000000;line-height:17px}.vip-community-box .section04 .item .item-content{width:100%;margin-top:19px;display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:21px}.vip-community-box .section04 .item .item-content .hot{position:relative}.vip-community-box .section04 .item .item-content .hot::after{content:'';background-image:url(https://cdn-img.yfchuhai.com/www.yfchuhai.com/static/pc/img/cooperation/new1.8/hot2.svg);background-size:100% 100%;background-repeat:no-repeat;width:30px;height:30px;position:absolute;top:-12px;right:-29px;z-index:100}.vip-community-box .section04 .item .item-content>div{height:64px;background:#FFFFFF;box-shadow:0 0 15px 0 rgba(18,45,160,0.15);border-radius:4px;padding:14px 19px;display:flex;align-items:center;justify-content:space-between;font-weight:400;font-size:16px;color:#323647;line-height:28px;cursor:pointer}.vip-community-box .section04 .item .item-content>div:hover{color:#4176F9}.vip-community-box .section04 .item .item-content>div:hover .join-btn{background:#4176F9;border-radius:4px;border:1px solid #4176F9;color:#FFFFFF}.vip-community-box .section04 .item .item-content>div .join-btn{width:73px;height:25px;background:#FFFFFF;border-radius:4px;border:1px solid #4176F9;color:#4176F9;font-size:14px;text-align:center;line-height:21px}.pager{margin:auto}.pager li{width:30px;height:30px}@keyframes roing{100%{transform:rotate(360deg)}}.hoverUp{box-shadow:0 0 15px 0 rgba(0,82,217,0.3);transform:translateY(-10px);-webkit-backface-visibility:hidden;backface-visibility:hidden}.popover-box{text-align:center;font-weight:400;font-size:14px;color:#848791;line-height:21px}.popover-box img{width:131px;height:131px;margin-bottom:12px}/*# sourceMappingURL=./vip-community.1757491398891.css.map */