* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

li {
    list-style: none;
}

a {
    text-decoration: none;
    color: inherit;
    outline: none;
}

img {
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

input, textarea {
    background: transparent;
    border: 0;
    outline: none;
    width: 100%;
    height: 100%;
}

button {
    border: 0;
    outline: none;
}

ul {
    list-style: none;
    padding: 0;
    margin: 0;
}


.section {
    width: 1200px;
    margin: 0 auto;
}

/* 点击 */
.activeShow {
    display: none;
}

.activeShowFlex {
    display: none;
}

.unActiveShow {
    display: block;
}

.active>.activeShow {
    display: block;
}

.active>.activeShowFlex {
    display: flex;
}

.active>.unActiveShow {
    display: none;
}

/* 鼠标移入 */
.activeMoveShow {
    display: none;
}

.activeMoveShowFlex {
    display: none;
}

.unActiveMoveShow {
    display: block;
}

.activeMove>.activeMoveShow {
    display: block;
}

.activeMove>.activeMoveShowFlex {
    display: flex;
}

.activeMove>.unActiveMoveShow {
    display: none;
}


body .modulePC {
    display: flex;
}
body .modulePCBlock {
    display: block;
}
body .modulePhone {
    display: none;
}
body .modulePhoneBlock {
    display: none;
}

@media screen and (max-width:1200px) {
    .section {
        padding: 0 10px;
        width: 100%;
        margin: 0 auto;
    }
    body .modulePC {
        display: none;
    }
    body .modulePCBlock {
        display: none;
    }
    body .modulePhone {
        display: flex;
    }
    body .modulePhoneBlock {
        display: block;
    }
}