main{
    user-select: none;
}
main > ul:last-of-type{
    width: 1200px;
    /* height: 1200px; */
    margin: auto;
    /* background-color: darkkhaki; */
}
main > ul:last-of-type > li{
    width: 1200px;
    /* height: 490px; */
    /* background-color: darkolivegreen; */
}
main > ul:last-of-type > li:last-of-type{
    margin-top: 20px;
}
main > ul:last-of-type > li:first-of-type > ul{
    display: flex;/*弹性盒模型*/
    justify-content: space-between;/* 主轴两侧对齐 */
}
main > ul:last-of-type > li:first-of-type > ul > li:first-of-type{
    position: relative;/*相对定位*/
    width: 750px;
    height: 579px;
    /* background-color: darkorange; */
}
main > ul:last-of-type > li:first-of-type > ul > li:first-of-type > section{
    display:none;
    position: absolute;/* 绝对定位 */
    width: 750px;
    height: 579px;
    background-color: rgb(177, 75, 75);
}
main > ul:last-of-type > li:first-of-type > ul > li:first-of-type > section:first-of-type{
    display:block;
}
main > ul:last-of-type > li:first-of-type > ul > li:last-of-type{
    width: 430px;
    height: 490px;
    
}
main > ul:last-of-type > li:first-of-type > ul > li:last-of-type > ul > li:first-of-type > p{
    width: 240px;
    height: 0px;
    margin: 90px auto;
    background-color: darksalmon;
    font-size:60px;/*字体大小*/
    font-weight:bold;/*字体粗细*/
    line-height:0px;/*字体垂直居中*/
    text-align:center;/*字体水平居中*/
}
main > ul:last-of-type > li:first-of-type > ul > li:last-of-type > ul > li:first-of-type > p:hover{
    color: rgb(255, 72, 0);
}
main > ul:last-of-type > li:first-of-type > ul > li:last-of-type > ul > li:last-of-type{
    width: 430px;
    height: 310px;
    /* background-color: rgb(240, 240, 240); */
}
main > ul:last-of-type > li:first-of-type > ul > li:last-of-type > ul > li:last-of-type{
    position: relative;/*相对定位*/
}
main > ul:last-of-type > li:first-of-type > ul > li:last-of-type > ul > li:last-of-type > p{
    display:none;
    position: absolute;/* 绝对定位 */
    width: 430px;
    height: 310px;
    background-color: rgb(242, 255, 247);
    font-size:80px;/*字体大小*/
    font-weight:bold;/*字体粗细*/
    line-height:290px;/*字体垂直居中*/
    color: rgb(0, 158, 158);
    text-align:center;/*字体水平居中*/
}
main > ul:last-of-type > li:first-of-type > ul > li:last-of-type > ul > li:last-of-type > p:first-of-type{
    display:block;
}
/* main > ul:last-of-type > li:last-of-type{
    /* height: 360px; *
} */
main > ul:last-of-type > li:last-of-type > ul{
    position: relative;/*相对定位*/
    left: -20px;
    width: 1200px;
    padding: 20px;
    background-color: rgb(247, 247, 247);
}
main > ul:last-of-type > li:last-of-type > ul > li{
    display: flex;/*弹性盒模型*/
    width: 1200px;
    height: 360px;
    flex-wrap: wrap;/*弹性换行*/
    justify-content: flex-start;/* 主轴从前到后 */
    align-content: space-between;/* 两侧两侧对齐 */
}
/* main > ul:last-of-type > li:last-of-type > ul > li{
    margin-top: 0px;
} */
main > ul:last-of-type > li:last-of-type > ul > li > section{
    position: relative;/*相对定位*/
    top: 0px;
    left: 0px;
    width: 224px;
    height: 170px;
    margin-left: 20px;
    background-color: rgb(175, 175, 175);
    transition: 0.1s linear;
}
main > ul:last-of-type > li:last-of-type > ul > li > section:nth-child(6){
    margin-left: 0px;
}
main > ul:last-of-type > li:last-of-type > ul > li > section > p{
    position: absolute;/* 绝对定位 */
    z-index:1;/* 定位层级 */
    top: 147px;
    width: 225px;
    height: 23px;
    background-color:rgba(0, 255, 0, 0.3);
    color:rgb(255, 255, 255);
    text-align:center;/*字体水平居中*/
}
main > ul:last-of-type > li:last-of-type > ul > li > section:first-of-type > p{
    color: black;
    background-color:rgba(255, 255, 255, 0.3);
}
main > ul:last-of-type > li:last-of-type > ul > li > section:hover{
    top: -3px;
    left: -3px;
    cursor: pointer;/*小手*/
    box-shadow:6px 6px 6px 1px rgb(194, 194, 194);/*阴影*/
}
main > ul:last-of-type > li:last-of-type > ul > li > section:first-of-type{
    margin-left: 0px;
}