forked from Gitlink/build
1 line
11 KiB
CSS
1 line
11 KiB
CSS
.banners{background:url(/react/build/static/media/banner.598a8076.png) no-repeat top;min-height:516px;background-size:cover;background-color:#0c2a5b}.banners .bannersCenter{padding-top:30px;max-width:1200px;margin:0 auto;position:relative;height:516px}.banners .bTitle{height:30px;line-height:30px;font-size:30px;font-weight:500;color:#fff;margin-bottom:20px!important;text-align:center}.banners .bTitle span{background:linear-gradient(90deg,#289af6 0,#9e84ff 40%,#ffb03b);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.banners .bSubTitle{text-align:center;height:30px;line-height:30px;font-size:16px;font-weight:400;color:#fff}.banners .bannerBox{background:url(/react/build/static/media/box.548a8c8b.png) no-repeat;background-size:100% 100%;height:240px;width:380px;margin:0 auto;padding:25px 30px 34px}.banners .bannerBox .bannersProject{position:relative}.banners .bannerBox .bannersProject .slick-list{width:100%;overflow:hidden}.banners .bannerBox .bannersProject .slick-track{display:flex}.banners .bannerBox .bannersProject .slick-track li{padding:15px 20px}.banners .bannerBox .bannersProject .slick-track li .projectinfos{display:flex;align-items:center;width:100%;margin-bottom:13px}.banners .bannerBox .bannersProject .slick-track li .projectinfos img{width:32px;height:32px;margin-right:7px;border-radius:50%}.banners .bannerBox .bannersProject .slick-track li .projectinfos .name{height:28px;line-height:28px;font-size:20px;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:250px;color:#25ebff}.banners .bannerBox .bannersProject .slick-track li .projectinfos .name a{color:#25ebff!important}.banners .bannerBox .bannersProject .slick-track li .projectinfos .company{height:20px;line-height:20px;font-size:14px;font-weight:400;color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:250px}.banners .bannerBox .bannersProject .slick-track li .projectinfos .company a{color:#fff!important}.banners .bannerBox .bannersProject .slick-track li .desc{height:40px;font-size:13px;font-weight:400;color:#fff;line-height:20px;text-align:center;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.banners .bannerBox .bannersProject .slick-track li .infoData{display:flex;margin-top:16px;justify-content:space-around}.banners .bannerBox .bannersProject .slick-track li .infoData>span{display:flex;align-items:center}.banners .bannerBox .bannersProject .slick-track li .infoData>span>span{color:#ffb729;font-size:15px;font-weight:400}.banners .bannerBox .bannersProject .slick-track li .infoData img{width:16px;margin-right:4px}.banners .airBubble>div{position:absolute;height:410px;width:415px;bottom:0}.banners .airBubble>div.right{right:0}.banners .airBubble>div.left{left:0}.banners .airBubble>div.left div,.banners .airBubble>div.right div{position:relative;width:100%;height:100%}.banners .airBubble>div.left div span,.banners .airBubble>div.right div span{position:absolute;border-radius:50%;background:linear-gradient(124deg,hsla(0,0%,100%,.1),rgba(5,200,220,.04) 50%,rgba(5,200,220,.03));box-shadow:0 0 7px 3px rgba(0,154,255,.19);border:1px solid rgba(0,154,255,.19);font-size:14px;font-weight:400;line-height:17px;display:flex;align-items:center;word-break:break-all;text-align:center;padding:5px;animation:zoomin 1.3s infinite alternate}.banners .airBubble>div.left div span:hover,.banners .airBubble>div.right div span:hover{animation:none}.banners .airBubble>div.left span:first-child a,.banners .airBubble>div.left span:nth-child(2) a,.banners .airBubble>div.right span:nth-child(4) a{color:#25ebff!important}.banners .airBubble>div.left span:nth-child(5) a,.banners .airBubble>div.right span:first-child a{color:#cd8aff!important}.banners .airBubble>div.left span:nth-child(6) a,.banners .airBubble>div.right span:nth-child(3) a,.banners .airBubble>div.right span:nth-child(5) a{color:#ff6125!important}.banners .airBubble>div.left span:nth-child(3) a{color:#ff8425!important}.banners .airBubble>div.left span:nth-child(4) a,.banners .airBubble>div.right span:nth-child(2) a{color:#8cc2ff!important}.banners .airBubble>div.right span:first-child{right:0;height:120px;width:120px}.banners .airBubble>div.right span:nth-child(2){right:160px;height:72px;width:72px;bottom:220px;padding:0;animation-delay:.2s}.banners .airBubble>div.right span:nth-child(3){right:300px;height:94px;width:94px;bottom:99px;padding:8px;animation-delay:.3s}.banners .airBubble>div.right span:nth-child(4){right:156px;height:100px;width:100px;bottom:39px;font-size:12px;animation-delay:.2s}.banners .airBubble>div.right span:nth-child(5){right:10px;height:94px;width:94px;bottom:97px;animation-delay:.4s}.banners .airBubble>div.left span:first-child{left:80px;height:110px;width:110px;padding:8px;animation-delay:.1s}.banners .airBubble>div.left span:nth-child(2){right:60px;height:96px;width:96px;top:85px;font-size:13px;animation-delay:.2s}.banners .airBubble>div.left span:nth-child(3){left:0;height:86px;width:86px;top:145px;font-size:13px;animation-delay:.3s}.banners .airBubble>div.left span:nth-child(4){left:164px;height:70px;width:70px;bottom:158px;font-size:12px;animation-delay:.3s}.banners .airBubble>div.left span:nth-child(5){left:35px;height:102px;width:102px;bottom:32px;font-size:13px;animation-delay:.4s}.banners .airBubble>div.left span:nth-child(6){right:10px;height:114px;width:114px;bottom:26px;padding:8px}@keyframes zoomin{0%{-webkit-transform:scale(1.05);transform:scale(1.05)}to{-webkit-transform:scale(.8);transform:scale(.8)}}@-webkit-keyframes zoomin{0%{-webkit-transform:scale(1.05);transform:scale(1.05)}to{-webkit-transform:scale(.8);transform:scale(.8)}}.unitBanner{padding:29px 0;background:#f9f9f9}.unitBanner .unitContent{max-width:1200px;margin:0 auto}.unitBanner .unitContent .unitTitle{height:28px;line-height:28px;font-size:20px;font-weight:500;color:#1e1e1e;display:flex;align-items:center}.unitBanner .unitContent .unitTitle img{margin-left:9px}.unitBanner .unitContent .unitSlider{padding:30px 0 10px}.unitBanner .unitContent .unitSlider .slick-list{width:100%;height:56px;overflow:hidden}.unitBanner .unitContent .unitSlider .slick-list .slickline{display:flex!important;align-items:center;justify-content:space-between}.dataPanel{width:1200px;display:flex;justify-content:space-between;padding:30px 0 60px;margin:0 auto}.dataPanel .left{width:850px;display:flex}.dataPanel .left .leftTypes{width:220px;height:1576px;background:url(/react/build/static/media/typebg.b2b0ea32.png);background-size:100% 100%;box-shadow:0 0 4px 5px rgba(0,0,0,.02)}.dataPanel .left .leftTypes a{padding:0 20px;height:44px;margin-top:10px;font-size:16px;font-weight:500;color:#333;display:flex;align-items:center;cursor:pointer}.dataPanel .left .leftTypes a:hover{background-color:#f5f5f5}.dataPanel .left .leftTypes a.active{background:linear-gradient(90deg,#07228f,#466aff);color:#fff!important}.dataPanel .left .leftTypes a img{margin-right:12px;width:28px}.dataPanel .left .leftLists{flex:1;box-shadow:0 0 4px 5px rgba(0,0,0,.02)}.dataPanel .left .leftLists .leftTitles{height:60px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid hsla(0,0%,60%,.16);padding:0 20px}.dataPanel .left .leftLists .leftTitles span{font-size:18px;font-weight:500;color:#000}.dataPanel .left .leftLists .leftTitles a{color:#466aff!important}.dataPanel .left .leftLists .leftlistItem{padding:0 20px}.dataPanel .left .leftLists .leftlistItem li{border-bottom:1px solid hsla(0,0%,60%,.16);display:flex;align-items:flex-start;padding:20px 0}.dataPanel .left .leftLists .leftlistItem li>a img{width:32px;height:32px;border-radius:50%;margin-right:10px}.dataPanel .left .leftLists .leftlistItem li .itemTitle{flex:1}.dataPanel .left .leftLists .leftlistItem li .itemTitle .item-title-infos{height:22px;display:flex;align-items:center}.dataPanel .left .leftLists .leftlistItem li .itemTitle .item-title-infos .infotitle{flex:1;height:21px;font-size:15px;font-weight:600;line-height:21px;color:#333!important;max-width:458px}.dataPanel .left .leftLists .leftlistItem li .itemTitle .item-title-infos .infotitle:hover{color:#466aff!important}.dataPanel .left .leftLists .leftlistItem li .itemTitle .item-title-infos span{margin-left:20px;color:#333}.dataPanel .left .leftLists .leftlistItem li .itemTitle .item-title-infos span i{color:#666}.dataPanel .left .leftLists .leftlistItem li .itemTitle .item-desc{font-size:14px;font-weight:400;color:#414141;line-height:24px;max-width:548px;margin:5px 0}.dataPanel .left .leftLists .leftlistItem li .itemTitle .item-data{font-size:13px;font-weight:400;color:#7d7d7d;height:20px;line-height:20px;display:flex;align-items:center}.dataPanel .left .leftLists .leftlistItem li .itemTitle .item-data .category{position:relative;padding-left:11px;margin-right:10px}.dataPanel .left .leftLists .leftlistItem li .itemTitle .item-data .category:before{position:absolute;content:"";width:6px;height:6px;border-radius:50%;background-color:#466aff;top:7px;left:0}.dataPanel .left .leftLists .leftlistItem li .itemTitle .item-data .language{position:relative;padding-left:11px}.dataPanel .left .leftLists .leftlistItem li .itemTitle .item-data .language:before{position:absolute;content:"";width:1px;height:10px;border-radius:50%;border-left:1px solid #9e9e9e;bottom:5px;left:0}.dataPanel .left .left-bottom-btn{display:flex;justify-content:center;padding:18px 0}.dataPanel .left .left-bottom-btn a{height:38px;line-height:36px;border-radius:8px;border:1px solid #466aff;color:#466aff;font-size:16px;padding:0 20px}.dataPanel .left .left-bottom-btn a img{height:16px;margin-top:-1px;margin-left:8px}.dataPanel .right{width:330px}.dataPanel .right>div{box-shadow:0 0 4px 5px rgba(0,0,0,.02);margin-bottom:20px}.dataPanel .right .partTitle{padding:15px;background:#f6f9ff;font-size:18px;color:#000;font-weight:500;margin-bottom:10px}.dataPanel .right .partTitle img{width:33px;margin-right:6px}.dataPanel .right .righthotAuthor{padding-bottom:15px}.dataPanel .right .righthotAuthor li{padding-left:15px}.dataPanel .right .righthotAuthor li>div{display:flex;align-items:flex-start;padding:10px 15px 10px 0;border-bottom:1px solid hsla(0,0%,60%,.1)}.dataPanel .right .righthotAuthor li>div img{width:32px;height:32px;border-radius:50%;margin-right:8px;margin-top:3px}.dataPanel .right .righthotAuthor li:hover{background-color:#f3f3f3}.dataPanel .right .righthotAuthor li:last-child>div{border-bottom:none}.dataPanel .right .hotProjects li{padding:10px 15px;margin-bottom:10px}.dataPanel .right .hotProjects li:hover{background-color:#f3f3f3}.dataPanel .right .hotProjects li .mInfos{display:flex;align-items:center;height:20px}.dataPanel .right .hotProjects li .mInfos .num{width:18px;height:18px;background:#466aff;border-radius:2px;color:#fff;text-align:center;line-height:18px;margin-right:8px}.dataPanel .right .hotProjects li .mInfos .name{flex:1;font-size:15px}.dataPanel .right .hotProjects li .sInfos{background:#f7f8f9;padding:0 5px;font-size:13px;font-weight:400;color:#666;line-height:24px;word-break:break-all;margin-top:10px} |