forked from Gitlink/forgeplus-react
1521 lines
34 KiB
SCSS
1521 lines
34 KiB
SCSS
@import './theme.scss';
|
|
|
|
// 按钮
|
|
.zone_apply_button {
|
|
flex-grow: 0;
|
|
margin-top: 20px;
|
|
width: 111px;
|
|
height: 40px;
|
|
color: var(--primary-color);
|
|
border-color: var(--primary-color);
|
|
font-size: 15px;
|
|
&:hover, &:active, &:focus {
|
|
color: var(--primary-color);
|
|
border-color: var(--primary-color);
|
|
}
|
|
}
|
|
|
|
.information_main{
|
|
background-color:#f3f5f8;
|
|
min-height: 100vh;
|
|
.ant-breadcrumb{
|
|
font-size: 15px;
|
|
margin-bottom: 20px;
|
|
.ant-breadcrumb-link{
|
|
color: var(--primary-color);
|
|
}
|
|
& > span:last-child .ant-breadcrumb-link{
|
|
color: rgba(76, 88, 118, 1);
|
|
}
|
|
}
|
|
.in_title{
|
|
height:44px;
|
|
line-height:44px;
|
|
font-weight:500;
|
|
color:#1f2329;
|
|
font-size:32px;
|
|
text-align:center;
|
|
}
|
|
.in_banner{
|
|
// background-image: url(./img/mainbanner.png);
|
|
background-size: 100% 100%;
|
|
// background-color:linear-gradient(270deg,#262a35 0%,rgba(38, 42, 53, 0.26) 42.94%,#262a35 100%);
|
|
height: 450px;
|
|
position: relative;
|
|
padding-bottom: 88px;
|
|
.zone_content {
|
|
position: absolute;
|
|
display: flex;
|
|
width: 1200px;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
height: 100%;
|
|
top: 0;
|
|
left: 50%;
|
|
transform: translate(-50%, 0);
|
|
padding-bottom: 88px;
|
|
.main_t{
|
|
color:#78d0f5;
|
|
font-size:40px;
|
|
line-height: 40px;
|
|
}
|
|
.sub_t{
|
|
margin-top: 35px;
|
|
max-width:536px;
|
|
line-height:40px;
|
|
color:rgba(225,225,225,0.9);
|
|
font-size:16px;
|
|
white-space: pre-wrap;
|
|
}
|
|
}
|
|
.bannerMenus{
|
|
position: absolute;
|
|
width: 100%;
|
|
bottom: 0px;
|
|
background-color:rgba(54, 66, 101, .5);
|
|
height: 88px;
|
|
.ant-menu{
|
|
width: 1200px;
|
|
margin:0px auto;
|
|
background-color: transparent;
|
|
height: 100%;
|
|
font-size: 16px;
|
|
color: #fff;
|
|
border-bottom: none!important;
|
|
li{
|
|
height: 88px;
|
|
line-height: 88px;
|
|
border-bottom: none!important;
|
|
padding:0px ;
|
|
margin-right: 80px!important;
|
|
img{
|
|
margin-right: 10px;
|
|
}
|
|
&.ant-menu-item-selected a,a{
|
|
color: #fff!important;
|
|
}
|
|
&.ant-menu-item-selected::after, &.ant-menu-item-active::after{
|
|
content:"";
|
|
position: absolute;
|
|
width: 100%;
|
|
left: 0px;
|
|
height: 4px;
|
|
bottom: 1px;
|
|
background-color: var(--primary-color);
|
|
}
|
|
&.ant-menu-item-active::after{
|
|
background-color:rgba(255, 255, 255, 0.36);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.main_content{
|
|
padding: 40px 0px 80px;
|
|
.ant-menu{
|
|
border:none!important;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
justify-content: center;
|
|
margin: 30px 0px 35px!important;
|
|
background-color: transparent;
|
|
li{
|
|
border: none!important;
|
|
font-size: 16px;
|
|
padding:0px ;
|
|
margin:10px 28px 0px 0px!important;
|
|
&.ant-menu-item-selected::after{
|
|
content:"";
|
|
position: absolute;
|
|
width: 100%;
|
|
left: 0px;
|
|
height: 2px;
|
|
bottom: -5px;
|
|
background-color: #466aff;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.short_width{
|
|
width: 371px;
|
|
margin-left: 30px;
|
|
background-color: #fff;
|
|
.hot_title{
|
|
height: 69px;
|
|
line-height: 69px;
|
|
border-bottom: 1px solid rgba(170, 175, 190, 0.31);
|
|
font-weight:700;
|
|
color:#1f2329;
|
|
font-size:18px;
|
|
margin:0px 25px 10px!important;
|
|
}
|
|
ul{
|
|
padding-bottom: 50px;
|
|
li{
|
|
display: flex;
|
|
height: 47px;
|
|
padding:0px 25px;
|
|
align-items: center;
|
|
&:hover{
|
|
background-color:rgba(243, 245, 248, 1) ;
|
|
}
|
|
a{
|
|
color:#1f2329;
|
|
font-size:14px;
|
|
flex: 1;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
&:hover{
|
|
color: var(--primary-color);
|
|
}
|
|
span{
|
|
display: block;
|
|
width:22px;
|
|
text-align: center;
|
|
color: #fff;
|
|
height:22px;
|
|
line-height:22px;
|
|
background-color: var(--primary-color);
|
|
opacity: 0.3;
|
|
border-radius:2px;
|
|
margin-right: 7px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.radius4{
|
|
border-radius: 4px;
|
|
}
|
|
.main_card{
|
|
background-color: #fff;
|
|
padding:0px 25px;
|
|
margin-bottom: 25px;
|
|
.main_card_item{
|
|
display: flex;
|
|
padding:24px 0px;
|
|
border-bottom: 1px solid rgba(170, 175, 190, 0.15);
|
|
cursor: pointer;
|
|
&:last-child{
|
|
border-bottom: none;
|
|
}
|
|
&>img{
|
|
width:184px;
|
|
object-fit: cover;
|
|
}
|
|
& >div >img,&>img{
|
|
margin-right: 20px;
|
|
height: 117px;
|
|
max-width: 184px;
|
|
border-radius: 3px;
|
|
object-fit: cover;
|
|
}
|
|
.sub_desc{
|
|
line-height: 26px;
|
|
height: 52px;
|
|
color: #4c5876;
|
|
margin-bottom: 8px!important;
|
|
&.task-hide{
|
|
height: 26px;
|
|
}
|
|
}
|
|
.sub_info{
|
|
height: 18px;
|
|
line-height: 18px;
|
|
font-size: 13px;
|
|
color: #8d95ac;
|
|
span{
|
|
margin-right: 40px;
|
|
img{
|
|
margin-right: 5px;
|
|
}
|
|
}
|
|
}
|
|
.sub_name{
|
|
height:25px;
|
|
color:#1f2329;
|
|
font-size:18px;
|
|
margin-bottom: 14px;
|
|
position: relative;
|
|
display: block;
|
|
line-height: 25px;
|
|
word-break: break-all;
|
|
&:hover{
|
|
color: #466aff;
|
|
}
|
|
&.sub_i{
|
|
padding-left: 18px;
|
|
&::before{
|
|
content: "";
|
|
position: absolute;
|
|
width: 8px;
|
|
height: 8px;
|
|
left: 0px;
|
|
top:7px;
|
|
border-radius: 50%;
|
|
background-color: #07a583;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.guide{
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
border-bottom: 1px dashed rgba(70, 106, 255, 0.48);
|
|
margin-bottom: 5px;
|
|
&>span{
|
|
display: block;
|
|
width: auto;
|
|
min-width: 112px;
|
|
max-width: 480px;
|
|
height: 30px;
|
|
line-height: 30px;
|
|
padding:0px 13px 0px 8px;
|
|
color: #fff;
|
|
font-size:17px;
|
|
background-image: url(./img/guide.png);
|
|
background-size: 100% 100%;
|
|
background-repeat: no-repeat;
|
|
span{
|
|
display: block;
|
|
max-width: 100px;
|
|
}
|
|
}
|
|
a{
|
|
color:#466aff;
|
|
font-size:14px;
|
|
img{
|
|
margin-left: 6px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.info_news_list{
|
|
.column_menu{
|
|
width: 90px;
|
|
background-color: #fff;
|
|
padding:10px 15px;
|
|
box-sizing: border-box;
|
|
margin-right: 25px;
|
|
border-radius: 8px;
|
|
margin-bottom: 80px;
|
|
min-height: 420px;
|
|
.ant-menu{
|
|
li{
|
|
padding:0px!important;
|
|
border:none!important;
|
|
&.ant-menu-item-selected{
|
|
background-color: #fff;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.column_content{
|
|
flex: 1;
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
background-color: #fff;
|
|
padding-right: 29px;
|
|
.main_card{
|
|
padding-right: 0px;
|
|
}
|
|
.short_width{
|
|
width: 321px;
|
|
ul li{
|
|
padding:0px 0px 0px 8px;
|
|
}
|
|
}
|
|
.hot_title{
|
|
margin:0px 0px 10px 8px !important;
|
|
}
|
|
}
|
|
}
|
|
.defaultBox{
|
|
position: relative;
|
|
width: 184px;
|
|
height: 117px;
|
|
margin-right: 20px;
|
|
img{
|
|
position: absolute;
|
|
left: 0px;
|
|
top:0px;
|
|
height: 100%;
|
|
&.back{
|
|
width: 100%;
|
|
z-index: 1;
|
|
}
|
|
&.color{
|
|
z-index: 2;
|
|
}
|
|
}
|
|
.d_name{
|
|
position: absolute;
|
|
z-index: 3;
|
|
width: 124px;
|
|
left: 0px;
|
|
height: 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
color: #fff;
|
|
font-size: 15px;
|
|
line-height: 22px;
|
|
span{
|
|
display: block;
|
|
height: 22px;
|
|
line-height: 22px;
|
|
margin:3px 0px!important;
|
|
}
|
|
}
|
|
}
|
|
.boxmain{
|
|
width: 1200px;
|
|
margin:0px auto;
|
|
.main_tag {
|
|
margin: auto;
|
|
height: 50px;
|
|
width: fit-content;
|
|
border-radius: 4px;
|
|
display: flex;
|
|
justify-content: center;
|
|
margin-top: 42px;
|
|
margin-bottom: 48px;
|
|
box-shadow:0px 0px 15px rgba(30, 47, 162, 0.09);
|
|
overflow: hidden;
|
|
.main_tag_item {
|
|
background-color: #f6f7fa;
|
|
text-align: center;
|
|
line-height: 50px;
|
|
border-top: solid white 2px;
|
|
border-bottom: solid white 2px;
|
|
width: 164px;
|
|
position: relative;
|
|
padding: 0 5px;
|
|
cursor: pointer;
|
|
a {
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
}
|
|
.main_tag_item:last-child {
|
|
border-right: solid white 2px;
|
|
}
|
|
.main_tag_item:first-child {
|
|
border-left: solid white 2px;
|
|
}
|
|
.main_tag_item:not(:last-child)::after {
|
|
content: "";
|
|
height: 100%;
|
|
width: 1px;
|
|
background-color: #8d95ac;
|
|
opacity: 0.17;
|
|
position: absolute;
|
|
right: 0;
|
|
}
|
|
.main_tag_selected {
|
|
background-color: #089f7f;
|
|
color: white;
|
|
border: none !important;
|
|
}
|
|
}
|
|
}
|
|
.flexCenter{
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.flexCenterJustify{
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
.detail_news_phone{
|
|
font-size: 62.5%;
|
|
padding:1.5em;
|
|
background-color: #E8EAF1;
|
|
.markdown-body p{
|
|
font-size: 1em!important;
|
|
}
|
|
.p_title_box{
|
|
padding:2em 1.5em;
|
|
min-height: 15em;
|
|
background-image: url('./img/p_banner.png');
|
|
background-size: 100% 100%;
|
|
margin-bottom: 2em;
|
|
.p_t_title{
|
|
font-weight:600;
|
|
color:#141519;
|
|
font-size:2em;
|
|
height: 2em;
|
|
line-height: 2em;
|
|
margin-bottom: 1.5em!important;
|
|
text-align: center;
|
|
}
|
|
.p_t_desc{
|
|
color:#75767a;
|
|
font-size:1.6em;
|
|
letter-spacing:2px;
|
|
line-height: 2em;
|
|
}
|
|
}
|
|
.info_text{
|
|
padding:1.5em;
|
|
background-image:linear-gradient(180deg,#f8f9fd 0%,#f8f9fd 100%);
|
|
border:1px solid #ffffff;
|
|
box-sizing: border-box;
|
|
}
|
|
.info_text_main{
|
|
margin-bottom: 2em;
|
|
.i_name{
|
|
font-size: 2.4em;
|
|
font-weight: 400;
|
|
}
|
|
.i_ul_value{
|
|
display: flex;
|
|
align-items: center;
|
|
margin-top: 1em;
|
|
font-size: 1.5em;
|
|
li{
|
|
margin-right: 1.5em;
|
|
}
|
|
.headimg{
|
|
width: 2em;
|
|
height: 2em;
|
|
border-radius: 50%;
|
|
margin-right: 0.2em;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.detail_news_all{
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
min-height: 600px;
|
|
justify-content: unset;
|
|
.d_news_box{
|
|
width:1200px;
|
|
margin:0px auto;
|
|
padding:30px 0px;
|
|
}
|
|
.ant-spin-spinning {
|
|
margin: auto;
|
|
}
|
|
.detail_banners{
|
|
background-image: url(./img/subbanner.png);
|
|
background-size: 100% 100%;
|
|
height: 260px;
|
|
position: relative;
|
|
padding-bottom: 88px;
|
|
display: flex;
|
|
justify-content: center;
|
|
flex-direction: column;
|
|
.main_t{
|
|
height:50px;
|
|
line-height:50px;
|
|
font-weight:500;
|
|
color:#ffffff;
|
|
font-size:36px;
|
|
margin-bottom: 30px!important;
|
|
}
|
|
.sub_t{
|
|
height:21px;
|
|
line-height:21px;
|
|
color:rgba(255, 255, 255, 0.73);
|
|
font-size:15px;
|
|
}
|
|
}
|
|
.info_text{
|
|
background-color: #fff;
|
|
border-radius: 4px;
|
|
padding:30px 35px 50px;
|
|
.info_text_main{
|
|
.i_name{
|
|
color:#1f2329;
|
|
font-size:22px;
|
|
line-height: 30px;
|
|
margin-bottom: 14px!important;
|
|
word-break: break-all;
|
|
}
|
|
.i_ul_value{
|
|
display: flex;
|
|
align-items: center;
|
|
li{
|
|
color:#4c5876;
|
|
height: 20px;
|
|
line-height: 20px;
|
|
margin-right: 25px;
|
|
a {
|
|
display: flex;
|
|
align-items: center;
|
|
height: 20px;
|
|
overflow: visible;
|
|
color: #466aff;
|
|
}
|
|
.headimg {
|
|
width: 26px;
|
|
height: 26px;
|
|
margin-right: 4px;
|
|
border-radius: 50%;
|
|
vertical-align: middle;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.in_pro{
|
|
padding-bottom: 80px;
|
|
.project_sub_title {
|
|
margin-top: 15px;
|
|
color: #1f2329;
|
|
font-size: 17px;
|
|
line-height: 27px;
|
|
text-align: center;
|
|
}
|
|
.in_list{
|
|
padding:30px 30px 30px 35px;
|
|
background-color: #fff;
|
|
margin-top: 42px;
|
|
.in_list_menu{
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
margin-bottom: 5px;
|
|
.ant-btn-primary{
|
|
color: #fff;
|
|
background-color: var(--primary-color);
|
|
border:none;
|
|
&:hover{
|
|
background-color: var(--light-color);
|
|
}
|
|
}
|
|
}
|
|
.in_list_box{
|
|
min-height: 40vh;
|
|
&.in_box_line > div:last-child{
|
|
border-bottom: 1px dashed rgba(141, 149, 172, 0.27);
|
|
}
|
|
&>div{
|
|
display: flex;
|
|
align-items: flex-start;
|
|
padding:20px 0px 15px;
|
|
border-bottom: 1px dashed rgba(141, 149, 172, 0.27);
|
|
&:last-child{
|
|
border-bottom: none;
|
|
}
|
|
.author_img{
|
|
width: 66px;
|
|
height: 66px;
|
|
border-radius: 50%;
|
|
margin-right: 20px;
|
|
object-fit: cover;
|
|
}
|
|
.in_b_main{
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
margin-bottom: 15px!important;
|
|
&>a{
|
|
font-weight:700;
|
|
color:#1f2329;
|
|
font-size:16px;
|
|
height: 22px;
|
|
line-height: 22px;
|
|
}
|
|
&>ul{
|
|
font-weight:500;
|
|
color:#5e6685;
|
|
font-size:15px;
|
|
display: flex;
|
|
align-items: center;
|
|
li{
|
|
margin-left: 30px;
|
|
display: flex;
|
|
align-items: center;
|
|
height: 22px;
|
|
}
|
|
}
|
|
}
|
|
.in_b_desc{
|
|
color: #4c5876;
|
|
line-height: 26px;
|
|
max-height: 52px;
|
|
word-break: break-all;
|
|
margin-bottom: 10px!important;
|
|
}
|
|
.in_b_tag{
|
|
display: flex;
|
|
align-items: center;
|
|
margin-bottom: 15px!important;
|
|
li{
|
|
height:24px;
|
|
line-height:24px;
|
|
background-color:var(--tag-back);
|
|
border-radius:2px;
|
|
margin-right: 12px;
|
|
color: var(--primary-color);
|
|
font-size:13px;
|
|
padding:0px 7px;
|
|
}
|
|
}
|
|
.in_b_infos{
|
|
display: flex;
|
|
align-items: center;
|
|
color:#6c7283;
|
|
font-size: 13px;
|
|
.infos_cate{
|
|
padding: 0px 10px;
|
|
position: relative;
|
|
margin-right: 10px;
|
|
&::before{
|
|
position: absolute;
|
|
left: 0px;
|
|
top: 50%;
|
|
margin-top: -3px;
|
|
content: "";
|
|
width:6px;
|
|
height:6px;
|
|
background-color:var(--primary-color);
|
|
border-radius: 50%;
|
|
}
|
|
}
|
|
.show_after {
|
|
&::after{
|
|
content: "";
|
|
right: 0px;
|
|
position: absolute;
|
|
bottom: 50%;
|
|
height: 10px;
|
|
margin-bottom: -5px;
|
|
width: 1px;
|
|
background-color:#6c7283;
|
|
}
|
|
}
|
|
}
|
|
.infos_language{
|
|
margin-right: 30px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.in_pro_menu{
|
|
margin-top: 42px;
|
|
width: 250px;
|
|
margin-right: 30px;
|
|
background-color: #fff;
|
|
padding:10px 0px;
|
|
li{
|
|
height: 60px;
|
|
line-height: 60px;
|
|
position: relative;
|
|
padding-left: 34px;
|
|
font-size:16px;
|
|
cursor: pointer;
|
|
color:#3d485d;
|
|
&.u_t{
|
|
font-weight:700;
|
|
color:#1f2329;
|
|
font-size:18px;
|
|
font-weight:500;
|
|
cursor: default;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
&.active{
|
|
color: var(--primary-color);
|
|
background-image: var(--linear-back-color);
|
|
}
|
|
&.active::after{
|
|
position: absolute;
|
|
right: 0px;
|
|
height: 100%;
|
|
content: "";
|
|
width: 3px;
|
|
background-color: var(--primary-color);;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
// -------------首页
|
|
.zone_box{
|
|
padding-top:70px;
|
|
background-color:#f7f9fc;
|
|
.zone_infos{
|
|
background-color: #fff;
|
|
display: flex;
|
|
align-items: center;
|
|
margin-top: 54px;
|
|
padding:27px 24px;
|
|
&>img{
|
|
border-radius: 4px;
|
|
object-fit: contain;
|
|
}
|
|
.zone_infos_desc{
|
|
padding:0px 34px 0px 10px;
|
|
flex: 1;
|
|
.z_name{
|
|
color:#1f2329;
|
|
font-size:20px;
|
|
height: 28px;
|
|
line-height: 28px;
|
|
margin-bottom: 35px!important;
|
|
}
|
|
.z_desc{
|
|
color:#3d485d;
|
|
font-size:14px;
|
|
line-height:32px;
|
|
word-break: break-all;
|
|
-webkit-line-clamp: 4;
|
|
white-space: pre-wrap;
|
|
}
|
|
}
|
|
}
|
|
.zone_news{
|
|
background-image: url(./img/productBg1.png);
|
|
background-size: 100% 100%;
|
|
min-height: 740px;
|
|
margin-top: 40px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
flex-direction: column;
|
|
.zone_n_title{
|
|
color:#1f2329;
|
|
font-size:17px;
|
|
height: 24px;
|
|
line-height: 24px;
|
|
display: block;
|
|
&:hover{
|
|
color: #466aff;
|
|
}
|
|
}
|
|
.zone_n_desc{
|
|
color:#4c5876;
|
|
font-size:14px;
|
|
line-height:27px;
|
|
margin-top: 15px;
|
|
word-break: break-all;
|
|
}
|
|
.zone_n_value{
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
height: 20px;
|
|
line-height: 20px;
|
|
margin-top: 15px;
|
|
}
|
|
.zone_btn{
|
|
padding-right: 20px;
|
|
position: relative;
|
|
height: 20px;
|
|
line-height: 20px;
|
|
img{
|
|
position: absolute;
|
|
left: 62px;
|
|
top:5px;
|
|
transition: 0.1s;
|
|
}
|
|
&:hover{
|
|
img{
|
|
left: 68px;
|
|
}
|
|
}
|
|
}
|
|
.zone_new_first{
|
|
background-color: #fff;
|
|
padding:30px;
|
|
flex:1;
|
|
border-radius: 4px;
|
|
width: 0;
|
|
}
|
|
.zone_new_three{
|
|
margin-left: 30px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
&.spaceeTween{
|
|
justify-content: space-between;
|
|
}
|
|
&.flexStart{
|
|
justify-content: flex-start;
|
|
li{
|
|
margin-bottom: 30px!important;
|
|
}
|
|
}
|
|
li{
|
|
background-color: #fff;
|
|
width: 385px;
|
|
padding:20px;
|
|
border-radius: 4px;
|
|
margin-bottom: 30px;
|
|
&:last-child{
|
|
margin-bottom: 0px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.zone_projects{
|
|
background-image:linear-gradient(180deg,#f9fbfe 0%,#ffffff 100%);
|
|
padding:70px 0px 80px;
|
|
.zone_p_lists{
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
li{
|
|
margin:0px 80px 30px 0px!important;
|
|
background-color:#fefefe;
|
|
border:2px solid;
|
|
border-color:#ffffff;
|
|
border-radius:4px;
|
|
box-shadow:0px 0px 15px rgba(35, 54, 185, 0.09);
|
|
width: 560px;
|
|
padding:35px 30px;
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
align-items: flex-start;
|
|
&:nth-child(2n){
|
|
margin-right: 0px!important;
|
|
}
|
|
.imgBox{
|
|
// background-color: #E3E7F3;
|
|
border-radius: 50%;
|
|
width: 75px;
|
|
height: 75px;
|
|
margin-right: 14px;
|
|
img{
|
|
width: 75px;
|
|
height: 75px;
|
|
border-radius: 50%;
|
|
}
|
|
}
|
|
.infosBox{
|
|
flex:1;
|
|
width: 0;
|
|
.z_p_title{
|
|
font-weight:700;
|
|
color:#1f2329;
|
|
font-size:16px;
|
|
margin-bottom: 10px!important;
|
|
height: 22px;
|
|
line-height: 22px;
|
|
display: block;
|
|
word-break: break-all;
|
|
&:hover{
|
|
color: #466aff;
|
|
}
|
|
}
|
|
.z_p_desc{
|
|
color:#4c5876;
|
|
font-size:14px;
|
|
line-height:22px;
|
|
word-break: break-all;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.zone_contributor{
|
|
min-height: 466px;
|
|
// background-image: url(./img/productBg2.png);
|
|
// background-size: 100% 100%;
|
|
background-color: #F7F9FC;
|
|
width: 100%;
|
|
padding:44px 0px 30px;
|
|
.zone_c_lists{
|
|
display: flex;
|
|
align-items: center;
|
|
margin-top: 50px;
|
|
flex-wrap: wrap;
|
|
li{
|
|
padding:17px 13px;
|
|
background-image: url(./img/contributebg.png);
|
|
box-shadow:0px 0px 15px rgba(49,61,113,0.06);
|
|
background-size: 100% 100%;
|
|
width: 268px;
|
|
height: 268px;
|
|
border:1px solid #fff;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
margin-bottom: 30px!important;
|
|
margin-right: 40px;
|
|
&:nth-child(4n){
|
|
margin-right: 0px;
|
|
}
|
|
& >a >img{
|
|
width: 80px;
|
|
height: 80px;
|
|
border-radius: 50%;
|
|
margin-bottom: 16px;
|
|
}
|
|
&>span{
|
|
color:#000000;
|
|
font-size:16px;
|
|
display: flex;
|
|
text-align: center;
|
|
height: 22px;
|
|
line-height: 22px;
|
|
margin-bottom: 10px!important;
|
|
}
|
|
&>p{
|
|
color:#4c5876;
|
|
font-size:14px;
|
|
line-height:26px;
|
|
text-align:center;
|
|
-webkit-line-clamp: 3;
|
|
align-items: center;
|
|
height: 78px;
|
|
word-break: break-all;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.zone_VIP_box{
|
|
padding:50px 0px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
.vip_sub_title{
|
|
color:#1f2329;
|
|
font-size:15px;
|
|
line-height:27px;
|
|
text-align:center;
|
|
max-width: 1000px;
|
|
word-break: break-all;
|
|
margin:16px auto 0px;
|
|
}
|
|
.vip_list{
|
|
width: 1200px;
|
|
.vip_list_card{
|
|
background-color:#fefefe;
|
|
border-radius:4px;
|
|
box-shadow:0px 0px 15px rgba(35, 54, 185, 0.09);
|
|
padding:0px 40px 10px;
|
|
margin:35px 0px 15px;
|
|
&:nth-child(4n+1) .card_title{
|
|
background-color: rgba(72, 91, 170, 1);
|
|
}
|
|
&:nth-child(4n+2) .card_title{
|
|
background-color: rgba(54, 141, 122, 1);
|
|
}
|
|
&:nth-child(4n+3) .card_title{
|
|
background-color: rgba(120, 95, 181, 1);
|
|
}
|
|
&:nth-child(4n+4) .card_title{
|
|
background-color: rgba(168, 128, 101, 1);
|
|
}
|
|
.card_title{
|
|
height: 49px;
|
|
display: flex;
|
|
align-items: center;
|
|
width: 450px;
|
|
justify-content: center;
|
|
color: #fff;
|
|
border-radius: 0px 0px 20px 20px;
|
|
margin:0px auto;
|
|
font-weight:500;
|
|
font-size:17px;
|
|
background-color: #466aff;
|
|
}
|
|
.card_desc{
|
|
color:#1f2329;
|
|
font-size:15px;
|
|
line-height:32px;
|
|
word-break: break-all;
|
|
margin-top: 32px;
|
|
}
|
|
.card_ul{
|
|
margin-top: 15px;
|
|
padding-bottom: 10px;
|
|
.card_u_li{
|
|
&:last-child .card_u_wrap{
|
|
border-bottom: none;
|
|
}
|
|
.card_u_wrap {
|
|
display: flex;
|
|
padding:25px 0px;
|
|
border-bottom: 1px dashed rgba(141, 149, 172,0.27);
|
|
align-items: center;
|
|
object-fit: cover;
|
|
& > a >img{
|
|
width: 100px;
|
|
height: 100px;
|
|
border-radius: 50%;
|
|
margin-right: 24px;
|
|
}
|
|
.card_u_info{
|
|
.card_u_down{
|
|
color:#4c5876;
|
|
font-size:15px;
|
|
line-height:26px;
|
|
word-break: break-all;
|
|
margin-top: 15px;
|
|
}
|
|
.card_u_up{
|
|
display: flex;
|
|
align-items: center;
|
|
.card_name{
|
|
font-weight:700;
|
|
color:#1f2329;
|
|
font-size:16px;
|
|
display: block;
|
|
max-width: 700px;
|
|
height:26px;
|
|
line-height: 26px;
|
|
}
|
|
.card_tag{
|
|
display: inline-block;
|
|
height:26px;
|
|
background-color:rgba(70, 106, 255, 0.13);
|
|
border-radius:2px;
|
|
min-width: 76px;
|
|
text-align: center;
|
|
line-height: 26px;
|
|
color:#466aff;
|
|
font-size:15px;
|
|
margin-left: 15px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.zone_VIP_box, .zone1_VIP_box {
|
|
.tips {
|
|
width: 100%;
|
|
font-size: 15px;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
background-color: var(--more-light-color);
|
|
height: 46px;
|
|
border-radius: 4px;
|
|
box-shadow: 0px 0px 12px rgba(51, 156, 103, 0.09);
|
|
border:1px solid var(--primary-color);
|
|
color:#222324;
|
|
.anticon {
|
|
font-size: 18px;
|
|
color: var(--primary-color);
|
|
margin-right: 7px;
|
|
}
|
|
}
|
|
.none_panels {
|
|
background-color: #FFFFFF;
|
|
margin: 25px 25px 25px 0;
|
|
border-radius: 12px;
|
|
}
|
|
}
|
|
.zone_parter{
|
|
background-color: #fff;
|
|
padding:70px 0px 90px;
|
|
.zone_part_lists{
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin-top: 70px;
|
|
li {
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
align-items: flex-end;
|
|
flex-wrap: wrap;
|
|
.zone_part_item {
|
|
color:#1f2329;
|
|
font-size:20px;
|
|
line-height:28px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: flex-start;
|
|
span {
|
|
display: inline-block;
|
|
width: 200px;
|
|
}
|
|
a, div {
|
|
display: inline-block;
|
|
width: 220px;
|
|
height: 88px;
|
|
line-height: 88px;
|
|
margin-right: 20px;
|
|
margin-top: 20px;
|
|
margin-bottom: 30px!important;
|
|
color:#1f2329;
|
|
font-size:20px;
|
|
text-align: center;
|
|
background-color:#ffffff;
|
|
border-radius:8px;
|
|
box-shadow:0px 0px 15px rgba(28, 48, 175, 0.08);
|
|
transition: 0.1s linear;
|
|
img{
|
|
max-width: 180px;
|
|
max-height: 66px;
|
|
}
|
|
&:hover {
|
|
transform: translate(0, -5px);
|
|
}
|
|
}
|
|
&:nth-child(n + 6) {
|
|
a {
|
|
margin-top: 0px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.apply-modal {
|
|
.sure-button {
|
|
background-color: var(--primary-color);
|
|
border-color: var(--primary-color);
|
|
&:hover {
|
|
background-color: var(--light-color);
|
|
}
|
|
}
|
|
.cancel-button {
|
|
&:hover {
|
|
color: var(--primary-color);
|
|
border-color: var(--primary-color);
|
|
}
|
|
}
|
|
}
|
|
.in_banner{
|
|
position: relative;
|
|
.slick-track{
|
|
height: 450px;
|
|
display: flex;
|
|
.slick-slide{
|
|
position: relative;
|
|
height:100%;
|
|
div{
|
|
height: 100%;
|
|
.regform{
|
|
&>div{
|
|
overflow: hidden;
|
|
height: 100%;
|
|
// width: 100vw;
|
|
position: relative;
|
|
background-repeat: no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.slick-slider{
|
|
min-width: 100vw;
|
|
position: relative;
|
|
&:hover{
|
|
.slick-arrow{
|
|
display: block!important;
|
|
cursor: pointer;
|
|
z-index: 2;
|
|
}
|
|
}
|
|
.slick-arrow{
|
|
width: 50px;
|
|
height: 50px;
|
|
position: absolute;
|
|
z-index: 1000;
|
|
display: none!important;
|
|
&:hover{
|
|
i{
|
|
color: rgba(225,225,225,0.8);
|
|
}
|
|
}
|
|
i{
|
|
font-size: 50px!important;
|
|
color: rgba(225,225,225,0.3);
|
|
transition: 0.3s;
|
|
}
|
|
&.slick-prev{
|
|
left: 50px;
|
|
}
|
|
&.slick-next{
|
|
right: 50px;
|
|
}
|
|
}
|
|
.slick-dots{
|
|
width: 1200px;
|
|
text-align: left;
|
|
left: 50%;
|
|
margin-left: -600px;
|
|
bottom: 25%;
|
|
position: absolute;
|
|
display: flex!important;
|
|
z-index: 2;
|
|
li{
|
|
background-color: rgba(225,225,225,0.5);
|
|
position: relative;
|
|
height: 3px;
|
|
width: 46px;
|
|
margin-right: 15px;
|
|
&::after{
|
|
position: absolute;
|
|
left: 0px;
|
|
width: 0px;
|
|
top:0px;
|
|
height: 100%;
|
|
content: "";
|
|
transition: 5.2s;
|
|
transition-property: width;
|
|
}
|
|
&.slick-active::after{
|
|
background-color: #fff;
|
|
width: 100%;
|
|
}
|
|
button{
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 10px;
|
|
left:0px;
|
|
background-color: transparent!important;
|
|
border:none;
|
|
cursor: pointer;
|
|
color: transparent;
|
|
&::before {
|
|
content: "";
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.informations_detail.markdown-body{
|
|
&>p{
|
|
line-height: 32px;
|
|
margin-bottom: 8px!important;
|
|
}
|
|
}
|
|
.zone_source_box{
|
|
padding-bottom: 40px;
|
|
.source_h{
|
|
background-color: rgba(240, 244, 255, 0.94);
|
|
padding:56px 0px;
|
|
box-sizing: border-box;
|
|
min-height: 278px;
|
|
}
|
|
.source_search_box{
|
|
.ant-input-lg{
|
|
border-color: #fff;
|
|
}
|
|
}
|
|
.sources{
|
|
display: flex;
|
|
align-items: flex-start;
|
|
padding:40px 0px;
|
|
width: 1200px;
|
|
margin: 0px auto;
|
|
background-color: #f7f9fc;
|
|
border: 2px solid #ffffff;
|
|
border-radius: 4px;
|
|
margin-top: -70px;
|
|
box-sizing: border-box;
|
|
.ant-spin-nested-loading{
|
|
flex: 1;
|
|
}
|
|
.source_left_ul{
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: flex-end;
|
|
padding:5px 0px;
|
|
p,li{
|
|
height: 60px;
|
|
line-height: 60px;
|
|
padding-left: 34px;
|
|
width: 215px;
|
|
}
|
|
p.borderRight{
|
|
border-right: 2px solid #fff;
|
|
}
|
|
p{
|
|
font-weight:700;
|
|
color:#1f2329;
|
|
font-size:18px;
|
|
}
|
|
li{
|
|
border-right: 3px solid #fff;
|
|
font-weight:500;
|
|
color:#3d485d;
|
|
cursor: pointer;
|
|
font-size:16px;
|
|
&.active{
|
|
border-color: var(--primary-color);
|
|
color: var(--primary-color);
|
|
background-image:linear-gradient(89.9deg,rgba(70, 106, 255, 0) 0%,rgba(70, 106, 255, 0.09) 100%);
|
|
}
|
|
}
|
|
}
|
|
.source_lists{
|
|
width: 100%;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
.source_lists_card{
|
|
margin-left: 29px;
|
|
width: 286px;
|
|
min-height: 180px;
|
|
background-color: rgba(255, 255, 255, 0.986);
|
|
padding:20px;
|
|
margin-bottom: 29px;
|
|
position: relative;
|
|
background-image: url(./img/sourceCardBack.png);
|
|
background-size: 100% 100%;
|
|
border-radius: 2px;
|
|
box-shadow: 0px 0px 11px rgba(197, 197,197, 0.1);
|
|
a.task-hide{
|
|
color:#1f2329;
|
|
font-size:16px;
|
|
height: 28px;
|
|
line-height: 28px;
|
|
display: block;
|
|
margin-bottom: 15px;
|
|
}
|
|
.desc{
|
|
color:#4c5876;
|
|
height: 54px;
|
|
line-height: 27px;
|
|
margin-bottom: 14px!important;
|
|
}
|
|
}
|
|
.domainNameBox{
|
|
border:1px solid var(--primary-color);
|
|
border-radius:2px;
|
|
height: 28px;
|
|
padding: 0px 12px;
|
|
color: var(--primary-color);
|
|
max-width: 70%;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.source_detail_box{
|
|
background-color: #fff;
|
|
padding:10px 35px 70px 30px;
|
|
.s_d_title{
|
|
padding:20px 0px 10px;
|
|
border-bottom: 1px dashed rgba(141, 149, 172, 0.27);
|
|
color:#1f2329;
|
|
margin-bottom: 20px!important;
|
|
&>span{
|
|
color: #4c5876;
|
|
}
|
|
.publicUserAvatar{
|
|
width: 24px;
|
|
border-radius: 50%;
|
|
margin-top: -3px;
|
|
}
|
|
}
|
|
.files_box{
|
|
padding:11px 30px;
|
|
background-color:#f6f8fa;
|
|
li{
|
|
display: flex;
|
|
align-items: center;
|
|
height: 42px;
|
|
&>span{
|
|
color:#3d485d;
|
|
font-size:15px;
|
|
min-width: 190px;
|
|
&.task-hide{
|
|
width: 500px;
|
|
margin-right: 20px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.domainNameBoxD{
|
|
display: inline-block;
|
|
border:1px solid var(--primary-color);
|
|
border-radius:2px;
|
|
height: 28px;
|
|
padding: 0px 12px;
|
|
color: var(--primary-color);
|
|
}
|
|
}
|
|
// 帮助中心
|
|
.zoneHelpBox{
|
|
.leftMenuHC{
|
|
width: 290px;
|
|
min-height: 500px;
|
|
overflow-x: auto;
|
|
&::-webkit-scrollbar{
|
|
display: none;
|
|
}
|
|
background: #ffffff;
|
|
padding: 25px 15px;
|
|
.ant-tree.ant-tree-directory > .menuHcNode span.ant-tree-node-content-wrapper.ant-tree-node-selected, .ant-tree.ant-tree-directory .ant-tree-child-tree > .menuHcNode span.ant-tree-node-content-wrapper.ant-tree-node-selected{
|
|
color: var(--primary-color);
|
|
}
|
|
.ant-tree.ant-tree-directory > .menuHcNode.ant-tree-treenode-selected > span.ant-tree-switcher, .ant-tree.ant-tree-directory .ant-tree-child-tree > .menuHcNode.ant-tree-treenode-selected > span.ant-tree-switcher{
|
|
color: var(--primary-color);
|
|
}
|
|
.ant-tree.ant-tree-directory > .menuHcNode span.ant-tree-node-content-wrapper:hover::before, .ant-tree.ant-tree-directory .ant-tree-child-tree > .menuHcNode span.ant-tree-node-content-wrapper:hover::before{
|
|
background: var(--more-light-color);
|
|
}
|
|
.menuHcNode{
|
|
.ant-tree-node-selected::before{
|
|
background: none !important;
|
|
}
|
|
}
|
|
.searchHC.ant-input-affix-wrapper{
|
|
&:hover .ant-input, .ant-input:focus{
|
|
border-color: var(--primary-color) !important;
|
|
}
|
|
}
|
|
.searchHC .ant-input-search-icon:hover{
|
|
color: var(--primary-color);
|
|
}
|
|
}
|
|
.wikiTitleHC{
|
|
font-weight: 700;
|
|
}
|
|
.wikiUpdateTimeHC{
|
|
color:#6c7283;
|
|
}
|
|
.wikiContentBox{
|
|
min-height: 500px;
|
|
background-color: #fff;
|
|
padding: 20px 40px;
|
|
}
|
|
.wikiContMenuBox{
|
|
border-left: 3px solid #e6e8ef;
|
|
padding: 5px 0 5px 15px;
|
|
min-width: 100px;
|
|
max-width: 220px;
|
|
margin-left: 60px;
|
|
background-color: #fff;
|
|
max-height: 80vh;
|
|
overflow-y: auto;
|
|
overflow-x: hidden;
|
|
a{
|
|
color:#6c7283;
|
|
word-break: break-all;
|
|
overflow: hidden;
|
|
display: inline-block;
|
|
width: 190px;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
&.current{
|
|
color: var(--primary-color);
|
|
position: relative;
|
|
&::before{
|
|
content: "";
|
|
position: absolute;
|
|
left: -18px;
|
|
width:3px;
|
|
height:30px;
|
|
background-color: var(--primary-color);
|
|
}
|
|
}
|
|
&:hover{
|
|
color: var(--primary-color);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.primaryColor{
|
|
color: var(--primary-color)!important;
|
|
} |