* {
    margin: 0;
    padding: 0;
}

.aiopsServiceModuleHorizontalAndVertical {
    margin: 0 auto;
    max-width: 1920px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    position: relative;

}

/* 垂直布局 */
.moduleVerticalLayout {
    padding: 0 5px;
    margin: 3% 2% 3% 3%;
    width: 45%;
}

.moduleVerticalLayout .moduleVerticalLayoutText {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 3.3%;
}

.moduleVerticalLayout .moduleVerticalLayoutPic {
    width: 36px;
    height: 36px;
}

.moduleVerticalLayout .moduleVerticalLayoutTitle {
    font-family: Helvetica;
    font-size: 24px;
    color: #000000;
    padding: 2px 12px;
}

.moduleVerticalLayout li {
    list-style-type: disc;
    padding-right: 2%;
    padding-left:18px;
    text-indent:-18px;
}


.moduleVerticalLayout li::marker {
    color: #1BD1D1;
    font-size: 22px;
    vertical-align: middle;
}

.moduleVerticalLayout .moduleVerticalLayoutLi {
    font-family: Helvetica;
    font-size: 16px;
    color: #666666;
    line-height: 32px;
    margin-left: -14px;
    vertical-align: top;

}

@media only screen and (max-width: 750px) {

    .aiopsServiceModuleHorizontalAndVertical {
        margin: 0 auto;
        padding: 24px 20px 4px 20px;
    }

    .moduleVerticalLayout {
        width: 100%;
        margin: 3% 0 3% 3%;
    }

    .moduleVerticalLayout .moduleVerticalLayoutTitle {
        font-size: 16px;
        line-height: 32px;
    }

    .moduleVerticalLayout li {
        width: 100%;
    }

    .moduleVerticalLayout .moduleVerticalLayoutLi {
        font-size: 14px;
    }
}
@media only screen and (min-width: 750px) and (max-width: 1320px) {
    .moduleVerticalLayout {
        width: 45%;
        margin: 3% 0 3% 3%;
    }
}

@media only screen and (min-width: 750px) and (max-width: 950px) {
    .moduleVerticalLayout {
        width: 45%;
        margin: 3% 0 3% 3%;
    }
}



/* 垂直布局 */
.moduleHorizontalLayout {
    padding: 0 5px;
    margin: 3% 0 3% 3%;
    width: 45%;
}

.moduleHorizontalLayout .moduleHorizontalLayoutText {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1.9%;
}

.moduleHorizontalLayout .moduleHorizontalLayoutPic {
    width: 36px;
    height: 36px;
}

.moduleHorizontalLayout .moduleHorizontalLayoutTitle {
    font-family: Helvetica;
    font-size: 24px;
    color: #000000;
    padding: 2px 12px;
}

.moduleHorizontalLayout .moduleHorizontalLayoutList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.moduleHorizontalLayout li::marker {
    color: #1BD1D1;
    font-size: 22px;
    vertical-align: middle;
}

.moduleHorizontalLayout .moduleHorizontalLayoutLi {
    font-family: Helvetica;
    font-size: 16px;
    color: #666666;
    line-height: 32px;
    margin-left: -14px;
    vertical-align: top;

}

.moduleHorizontalLayout li {
    list-style-type: disc;
    width: 47%;
    padding-right: 2%;
    padding-left:18px;
    text-indent:-18px;
}

@media only screen and (max-width: 750px) {

    .moduleHorizontalLayout {
        width: 100%;
        margin: 3% 0 3% 3%;
    }

    .moduleHorizontalLayout .moduleHorizontalLayoutTitle {
        font-size: 16px;
        line-height: 32px;
    }

    .moduleHorizontalLayout .moduleHorizontalLayoutList li {
        width: 100%;
    }

    .moduleHorizontalLayout .moduleHorizontalLayoutLi {
        font-size: 14px;
    }
}
@media only screen and (min-width: 750px) and (max-width: 1320px) {
    .moduleHorizontalLayout {
        width: 45%;
        margin: 3% 0 3% 3%;
    }
}

@media only screen and (min-width: 750px) and (max-width: 950px) {
    .moduleHorizontalLayout {
        width: 45%;
        margin: 3% 0 3% 3%;
    }
}