.content{
    background-color: rgb(0, 0, 0);
    height: 600px;
    width: 100%;
    background-position: inherit !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    position: relative;
}
.banner::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 30%;
    height: 100%;
    background: linear-gradient(to left, transparent, black);
    z-index: 1;
}
.content .banner{
    /* background: url('../assets/img/index/banner.png') no-repeat; */
    background-size: 75% 252%;
    width: 1200px;
    margin: 0 auto;
    height: 100%;
    background-position: 163px -417px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
@media (max-width: 768px) {
    .content {
        background-position: 0rem -1rem !important;
        background-size: 135% 115% !important;
        height: 25rem !important;
    }
}
.content .banner .title{
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    position: relative;
    z-index: 2;
    /* padding: 0 3rem 0 0; */
}
.content .banner .title h1{
    font-size: 2rem;
    color: #fff;
}

.content .banner .title span{
    color: #CBCBCB;
    margin: 45px 0;
    font-size: 1rem;
}

.content .banner .bunt{
    display: flex;
    position: relative;
    z-index: 2;
}
.content .banner a:nth-of-type(1) {
    
}
.content .banner a:nth-of-type(2) {
    background: #165DFF;
    width: 110px;
    height: 40px;
    border: none;
    border-radius: 5px;
    display: block;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    transition: all 0.2s ease;
}
.content .banner a:nth-of-type(2):hover {
    background-color: #fff;
    color: #000;
    transition: all 0.2s ease;
    cursor: pointer;
}
.content .banner a:nth-of-type(3) {
    background: rgba(255, 255, 255, 0.2);
    width: 110px;
    height: 40px;
    border: none;
    border-radius: 5px;
    display: block;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    margin-left: 2rem;
    transition: all 0.2s ease;
}
.content .banner a:nth-of-type(3):hover {
    background-color: #fff;
    color: #000;
    transition: all 0.2s ease;
    cursor: pointer;
}
.yun-fuwu{
    width: 100%;
}
@media (max-width: 768px) {
    .yun-fuwu{
        background: transparent;
    }
}
.yun-fuwu .yun-zhongjian {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}
.yun-fuwu .yun-zhongjian .title{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: 120px;
    margin-bottom: 80px;
}
.yun-fuwu .yun-zhongjian .title h1{
    font-size: 1.5rem;
    text-align: center;
    margin: 30px 0;
}
.yun-fuwu .yun-zhongjian .title a{
    font-size: 13px;
    color: rgba(22, 93, 255, 1);
}
.yun-fuwu .yun-zhongjian .title span{
    font-size: 0.9rem;
}
@media (max-width: 768px) {
    .yun-fuwu .yun-zhongjian {
        width: 100%;
        padding: 0.7rem 1rem;
    }
    .yun-fuwu .yun-zhongjian .title{
        margin-top: 10vw;
        margin-bottom: 8vw;
    }
    .yun-fuwu .yun-zhongjian .title h1{
        font-size: 1.4rem;
        text-align: center;
        margin: 30px 0;
    }
    .yun-fuwu .yun-zhongjian .title span{
        /* color: #CBCBCB; */
        font-size: 0.9rem;
        display: block;
        text-align: center;
    }
    .yun-fuwu .yun-zhongjian .title .span1{
        display: none;
    }
    .yun-fuwu .yun-zhongjian .title span a{
        color: #000;
        font-size: 1rem;
    }
}
@media (min-width: 769px) {
    .yun-fuwu .yun-zhongjian .title span i{
        display: none;
    }
    .mobileExclusive{
        display: none;
    }
}
.enterpriseMap .enterpriseimgflex{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin: 2rem 0;

}
.enterpriseMap .enterpriseimgflex  div {
    color: #fff;
}
.enterpriseMap .enterpriseimgflex {
    border-radius: 0.5rem;    
    overflow: hidden;
}
.enterpriseMap .enterpriseimgflex .item:nth-child(1) div:nth-child(1){
    background: url('/web/idc_network/assets/img/partner/jiaoliu.jpg') center no-repeat;
    background-size: cover;
    height: 16rem;
    display: flex;
    align-items: flex-end;
}
.enterpriseMap .enterpriseimgflex .item:nth-child(1) div:nth-child(1) span{
    background: rgb(0 0 0 / 20%);
    width: 100%;
    height: 3.5rem;
    backdrop-filter: blur(8px);
    display: flex;
    align-items: center;
    justify-content: center;
}
.enterpriseMap .enterpriseimgflex .item:nth-child(1) div:nth-child(2){
    background: url('/web/idc_network/assets/img/partner/jiang.jpg') center no-repeat;
    background-size: 145% 110%;
    height: 16rem;
    display: flex;
    align-items: flex-start;
    background-position: -9rem 0rem;
}
.enterpriseMap .enterpriseimgflex .item:nth-child(1) div:nth-child(2) span{
    background: rgb(0 0 0 / 20%);
    width: 100%;
    height: 3.5rem;
    backdrop-filter: blur(8px);
    display: flex;
    align-items: center;
    justify-content: center;
}
.enterpriseMap .enterpriseimgflex .item:nth-child(2) div{ 
    background: url('/web/idc_network/assets/img/partner/gaolou.png') center no-repeat;
    background-size: cover;    
    height: 100%;
    display: flex;    
    align-items: flex-start;
    background-position: -13rem 0rem;
}
.enterpriseMap .enterpriseimgflex .item:nth-child(2) div span{
    background: rgb(0 0 0 / 20%);
    width: 100%;
    height: 3.5rem;
    backdrop-filter: blur(8px);
    display: flex;
    align-items: center;
    justify-content: center;
}
.enterpriseMap .enterpriseimgflex .item:nth-child(3) div:nth-child(1){
    background: url('/web/idc_network/assets/img/partner/woshou.jpg') center no-repeat;
    background-size: cover;
    height: 16rem;
    display: flex;
    align-items: flex-end;
}
.enterpriseMap .enterpriseimgflex .item:nth-child(3) div:nth-child(1) span{
    background: rgb(0 0 0 / 20%);
    width: 100%;
    height: 3.5rem;
    backdrop-filter: blur(8px);
    display: flex;
    align-items: center;
    justify-content: center;
}
.enterpriseMap .enterpriseimgflex .item:nth-child(3) div:nth-child(2){
    background: url('/web/idc_network/assets/img/partner/weilai.png') center no-repeat;
    background-size: cover;
    height: 16rem;
    display: flex;
    align-items: flex-start;
}
.enterpriseMap .enterpriseimgflex .item:nth-child(3) div:nth-child(2) span{
    background: rgb(0 0 0 / 20%);
    width: 100%;
    height: 3.5rem;
    backdrop-filter: blur(8px);
    display: flex;
    align-items: center;
    justify-content: center;
}
/* IDC NETWORK 的伙伴权益 */
.rightsAndInterests .rightsAndInterestsFlxe{
    box-shadow: 0px 2px 8px 1px rgba(0,0,0,0.16);
    border-radius: 0.5rem;
    margin-top: 2rem;
    /* overflow: hidden; */
    background-color: #fff;
    position: relative;
}
.rightsAndInterests .rightsAndInterestsFlxe .backjb{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: conic-gradient(from 180deg at 50.03% 32.23%, #165dff 37.1706104279deg, #165dff 136.8750035763deg);
    filter: blur(90px);
    -webkit-filter: blur(90px);
    opacity: .1;
    z-index: -1;
    transition: all 0.2s ease;
}
.rightsAndInterests .rightsAndInterestsFlxe:hover .backjb{
    transform: scale(1.1);
    opacity: .5;
    transition: all 0.2s ease;
}
.rightsAndInterests .rightsAndInterestsFlxe .headerTitle{
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    padding: 1.6rem 0;
    height: 4.5rem;
}
.rightsAndInterests .rightsAndInterestsFlxe .headerTitle div:nth-child(1){
    border: none;
}
.rightsAndInterests .rightsAndInterestsFlxe .headerTitle div{
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: 0.1rem solid rgb(180,180,180);
}
.rightsAndInterests .rightsAndInterestsFlxe .headerTitle img{
    width: 1.5rem;
    height: 1.5rem;
}
.rightsAndInterests .rightsAndInterestsFlxe .headerTitle div span{
    font-size: 0.8rem;
    margin-left: 0.5rem;
}
.rightsAndInterests .rightsAndInterestsFlxe .equityContent{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
}
.rightsAndInterests .rightsAndInterestsFlxe .equityContent .item-thatSOk{
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    justify-items: center;
    height: 4.5rem;
    align-items: center;
}
.rightsAndInterests .rightsAndInterestsFlxe .equityContent .item-thatSOk img{
    width: 1.5rem;
    height: 1.5rem;
}
.rightsAndInterests .rightsAndInterestsFlxe .requirement .item-thatSOk div{
    color: #656565;
    font-size: 0.8rem;
}
.rightsAndInterests .rightsAndInterestsFlxe .requirement .item-thatSOk div:nth-of-type(1),
.rightsAndInterests .rightsAndInterestsFlxe .requirement .item-thatSOk div:nth-of-type(2){
    font-weight: bold;
}
.rightsAndInterests .rightsAndInterestsFlxe .requirement .item-thatSOk div:nth-of-type(4){
    display: flex;
    flex-direction: column;
    align-items: center;
}
.rightsAndInterests .rightsAndInterestsFlxe .requirement .item-thatSOk div:nth-of-type(4) p:nth-child(1){
    margin-bottom: 0.5rem;
}
/* 推广流程 */
.flowingEnergy{
    margin:  0 auto;
}
.flowingEnergy .technologicalProcess{
    box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.16);
    padding: 3rem 2rem;
    border-radius: 0.7rem;
    margin-top: 2rem;
    background-color: #fff;
}
.flowingEnergy .technologicalProcess .item-onw{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}
.flowingEnergy .technologicalProcess .item-onw div{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.flowingEnergy .technologicalProcess .item-onw img{
    width: 2.5rem;
    height: 2.5rem;
}
.flowingEnergy .technologicalProcess i{
    color: #656565;
}
.flowingEnergy .technologicalProcess .item-onw:nth-child(1){
    margin-bottom: 6rem;
}
.flowingEnergy .technologicalProcess .item-onw div span{
    font-size: 1.1rem;
    padding: 1rem 0;
}
.flowingEnergy .technologicalProcess .item-onw div p{
    font-size: 0.9rem;
}
.flowingEnergy .tjis{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4rem 0 2rem 0;
}
.flowingEnergy .submitApplication{
    background: linear-gradient(147deg, #1D409B 0%, #44489C 100%);
    color: #fff;
    width: 8rem;
    height: 2.7rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.3rem;
    cursor: pointer;
    transition: all 0.2s ease;
    margin-right: 55px;
    font-size: 0.9rem;
}
.flowingEnergy .submitApplication:hover{
    opacity: 0.7;
    transition: all 0.2s ease;
}
.dark-mode .flowingEnergy .submitApplication:hover{
    background: #fff;
    color: #1D409B;
    opacity: 1;
    transition: all 0.2s ease;
}
/* 常见问题 */
.commonProblem .item-common{
    box-shadow: 0px 2px 15px 1px rgba(0,0,0,0.16);
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    overflow: hidden;
    border-radius: 0.7rem;
    margin-bottom: 10rem;
}
.commonProblem .item-common .descriptionDiagram{
    background: url('/web/idc_network/assets/img/partner/changjianbeijing1.jpg') no-repeat;
    background-size: 100% 200%;
    background-position: 0rem -12rem;
    position: relative;
}
.commonProblem .item-common img{
    width: 100%;
}
.commonProblem .item-common .problemDescription{
    padding: 1rem 2rem 4rem 2rem;
}
.commonProblem .item-common .problemDescription div{
    display: flex;
    flex-direction: column;
}
.commonProblem .item-common .problemDescription div span:nth-child(1){
    font-size: 1.2rem;

}
.commonProblem .item-common .problemDescription div a{
    cursor: pointer;
    background: linear-gradient(147deg, #1D409B 0%, #44489C 100%);
    color: #fff;
    width: 6rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.3rem;
    font-size: 0.7rem;
    transition: all 0.2s ease;
    margin: 1rem 0;
}
.commonProblem .item-common .problemDescription div a:hover{
    opacity: 0.7;
    transition: all 0.2s ease;
}
.dark-mode .commonProblem .item-common .problemDescription div a:hover{
    color: #1D409B;
    opacity: 1;
    background: #fff;
    transition: all 0.2s ease;
}
.commonProblem .item-common .problemDescription div:nth-child(1){
    border-bottom: 1px solid rgb(166,178,198);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.commonProblem .item-common .problemDescription div:nth-child(2) span:nth-child(1){
    margin: 1.5rem 0;
}
.commonProblem .item-common .problemDescription div:nth-child(2) span:nth-of-type(2){
    margin: 1rem 0;
}
.commonProblem .item-common .problemDescription div:nth-child(2) p{
    margin: 0.5rem 0;
}
.commonProblem .item-common .problemDescription div:nth-child(2) p:nth-child(3)  {
    background: #ECECEC;
    padding: 0.7rem 2rem;
    border-radius: 0.3rem;
    font-size: 0.7rem;
}
.commonProblem .item-common .problemDescription div:nth-child(2) span:nth-of-type(2),
.commonProblem .item-common .problemDescription div:nth-child(2) span:nth-of-type(3){
    font-size: 0.8rem;
}
@media (min-width: 769px){
    .yun-fuwu .yun-zhongjian .title span:nth-of-type(2){
        display: none;
    }
    
    .rightsAndInterests .rightsAndInterestsFlxe .headerTitle .movementArrows{
        display: none;
    }
    .flowingEnergy .technologicalProcess .item-onw:nth-of-type(1) div:nth-of-type(3),
    .flowingEnergy .technologicalProcess .item-onw:nth-of-type(1) div:nth-of-type(4){
        display: none;
    }
    .flowingEnergy .technologicalProcess .item-onw div p i{
        display: none;
    }
}
@media (max-width: 768px) {
    .rightsAndInterests .rightsAndInterestsFlxe{
        overflow: hidden;
    }
    .rightsAndInterests .rightsAndInterestsFlxe .equityContent .item-thatSOk{
        font-size: 1.1rem;
    }
    .content .banner{
        width: 100%;
        padding: 0.7rem 1rem;
    }
    .banner::before{
        display: none;
    }
    .content .banner .title h1{
        font-size: 1.5rem;
    }
    .content .banner .title span{
        margin: 2rem 0;
        font-size: 0.9rem;
        line-height: 1.5rem;
    }
    .content .banner .title span br{
        display: none;
    }
    .content .banner a:nth-of-type(2){
        background: rgba(255, 255, 255, 0.3);
        width: 7rem;
        height: 2.3rem;
        border-radius: 0.2rem;
        font-size: 0.9rem;
    }
    .content .banner a:nth-of-type(3){
        width: 7rem;
        height: 2.3rem;
        border-radius: 0.2rem;
        font-size: 0.9rem;
        margin-left: 1rem;
    }
    .enterpriseMap .enterpriseimgflex{    
        grid-template-columns: repeat(2, 1fr);
        border-radius: 0;
    }
    .enterpriseMap .enterpriseimgflex .item:nth-child(2){
        display: none;
    }
    .enterpriseMap .enterpriseimgflex .item:nth-child(1) div:nth-child(1){
        background: url('/web/idc_network/assets/img/partner/jiaoliu.jpg') center no-repeat;
        background-size: 100% 100%;
        height: 10rem;
        display: flex;
        flex-direction: column;
        background-position: 0 3.3rem;
    }

    .enterpriseMap .enterpriseimgflex .item:nth-child(1) div:nth-child(1) span{
        font-size: 0.7rem;
        padding: 0 0.8rem;
        background: rgb(170, 171, 175);
        width: 100%;
        height: 3.5rem;
        backdrop-filter: blur(8px);
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .enterpriseMap .enterpriseimgflex .item:nth-child(3) div:nth-child(1){
        background: url('/web/idc_network/assets/img/partner/jiang.jpg') center no-repeat;
        background-size: 100% 100%;
        height: 9.8rem;
        display: flex;
        background-position: 0rem 0rem;
        /* align-items: center; */
        flex-direction: column-reverse;
        
    }
    .enterpriseMap .enterpriseimgflex .item:nth-child(3) div:nth-child(1) span{
        font-size: 0.7rem;
        padding: 0 0.8rem;
        background: rgb(170, 171, 175);
    }
    .enterpriseMap .enterpriseimgflex .item:nth-child(1) div:nth-child(2){
        background: url('/web/idc_network/assets/img/partner/gaolou.png') center no-repeat;
        background-size: 100% 108%;
        height: 10rem;
        display: flex;
        align-items: flex-start;
        background-position: 0rem 0.7rem;
    }
    .enterpriseMap .enterpriseimgflex .item:nth-child(1) div:nth-child(2) span{
        font-size: 0.7rem;
        padding: 0 0.8rem;
        background: rgb(170, 171, 175);
        width: 100%;
        height: 3.5rem;
        backdrop-filter: blur(8px);
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .enterpriseMap .enterpriseimgflex .item:nth-child(3) div:nth-child(2){
        background: url('/web/idc_network/assets/img/partner/woshou.jpg') center no-repeat;
        background-size: 100% 100%;
        height: 10.22rem;
        display: flex;
        align-items: flex-end;
        background-position: 0rem 0rem;
    }
    .enterpriseMap .enterpriseimgflex .item:nth-child(3) div:nth-child(2) span{
        font-size: 0.7rem;
        padding: 0 0.8rem;
        background: rgb(170, 171, 175);
    }
    .rightsAndInterests .rightsAndInterestsFlxe .headerTitle div{
        width: 9rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border-left: 0.1rem solid rgb(180, 180, 180);
    }
    .rightsAndInterests .rightsAndInterestsFlxe .headerTitle{
        position: relative;
        background: rgb(60,66,87);
    }
    .rightsAndInterests .rightsAndInterestsFlxe .headerTitle .movementArrows{
        position: absolute;
        border: none;
        right: 0rem;
        top: 1.3rem;
        background: rgb(60, 66, 87);
        width: 2rem;
        height: 2rem;
    }
    .rightsAndInterests .rightsAndInterestsFlxe .headerTitle .movementArrows img{
        width: 1rem;
        height: 1rem;
    }
    .rightsAndInterests .rightsAndInterestsFlxe .headerTitle div span{
        color: #fff;
    }
    .rightsAndInterests .rightsAndInterestsFlxe{
        border-radius: 1rem;
    }
    .rightsAndInterests .rightsAndInterestsFlxe .equityContent{
        width: 65rem;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }
    .rightsAndInterests .rightsAndInterestsFlxe .equityContent .item-thatSOk:nth-of-type(2){
        background: rgb(60,66,87);
        color: #fff;
    }
    .rightsAndInterests .rightsAndInterestsFlxe .equityContent .item-thatSOk:nth-of-type(4){
        background: rgb(60,66,87);
        color: #fff;
    }
    .flowingEnergy .technologicalProcess .item-onw{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 4rem;
    }
    .flowingEnergy .technologicalProcess .item-onw  i{
        display: none;
    }
    .flowingEnergy .technologicalProcess .item-onw:nth-of-type(2){
        display: none;
    }
    .rightsAndInterests .rightsAndInterestsFlxe .requirement .item-thatSOk div{
        color: #000;
    }
    .rightsAndInterests .rightsAndInterestsFlxe .equityContent .item-thatSOk:nth-of-type(2) div,
    .rightsAndInterests .rightsAndInterestsFlxe .equityContent .item-thatSOk:nth-of-type(4) div{
        color: #fff;
    }
    .rightsAndInterests .rightsAndInterestsFlxe .requirement .item-thatSOk div{
        font-size: 1rem;
    }
    .flowingEnergy .technologicalProcess{
        box-shadow: none;
        padding:0;
    }
    .flowingEnergy .technologicalProcess .item-onw div p{
        text-align: center;
        display: flex;
        position: relative;
        font-size: 0.85rem;
        line-height: 1.5rem;
    }
    .flowingEnergy .technologicalProcess .item-onw div p i{
        display: contents;
        font-style: normal;
        font-size: 1rem;
        margin-right: 0.2rem;
    }
    .flowingEnergy .tjis{
        display: none;
    }
    .commonProblem .item-common{
        display: flex;
    }
    .commonProblem .item-common .descriptionDiagram{
        display: none;
    }
    .commonProblem .item-common .problemDescription div a{
        cursor: pointer;
        background: linear-gradient(147deg, #1D409B 0%, #44489C 100%);
        color: #fff;
        width: 9rem;
        height: 2.5rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 0.3rem;
        font-size: 0.9rem;
        margin: 1rem 0;
    }
    .commonProblem .item-common .problemDescription div:nth-child(2) p{
        color: #000;
        font-size: 1rem;
    }
    .commonProblem .item-common .problemDescription{    
        padding: 1rem 1.5rem 4rem 1.5rem;
        background: #F8F8F8;
    }
    .commonProblem .item-common .problemDescription div:nth-child(2) p:nth-child(3){
        background: #fff;
        font-size: 1rem;
        padding: 0.7rem 1rem;
    }
    .commonProblem .item-common .problemDescription div:nth-child(2) span:nth-of-type(2), .commonProblem .item-common .problemDescription div:nth-child(2) span:nth-of-type(3){
        font-size: 1rem;
    }
}