main{
    user-select: none;
}
main > ul:nth-child(2){
    overflow: hidden;/*超出隐藏*/
    position: relative;/*相对定位*/
    width: 1000px;
    margin: auto;
    /* height: 1300px; */
    border-radius: 50px;/*圆角大小*/
    /* border-top: 2px solid rgb(134, 134, 134);
    border-bottom: 2px solid rgb(134, 134, 134);
    border-right: 2px solid transparent;
    border-left: 2px solid transparent; */
}
/* 第一扇门上 */
main > ul:nth-child(2) > li:first-of-type{
    position: absolute;/* 绝对定位*/
    z-index:99;/* 定位层级 */
    /* top: 100px; */
    width: 996px;
    height: 48px;
    border-top: 2px solid rgb(134, 134, 134);
    border-left: 2px solid rgb(134, 134, 134);
    border-right: 2px solid rgb(134, 134, 134);
    /* background-color: rgb(0, 26, 255); */
    border-radius: 50px 50px 0 0;/*圆角大小*/
}
main > ul:nth-child(2) > li:first-of-type:hover{
    cursor: pointer;/*小手*/
}
main > ul:nth-child(2) > li:nth-child(2):hover{
    cursor: pointer;/*小手*/
}
main > ul:nth-child(2) > li:nth-child(2){
    overflow:hidden;/* 超出隐藏 */
    position: absolute;/* 绝对定位*/
    top: 0px;
    z-index:98;/* 定位层级 */
    /* left: -2px; */
    width: 996px;
    height: 650px;
    /* border-top: 2px solid rgb(134, 134, 134); */
    border-left: 2px solid rgb(134, 134, 134);
    border-right: 2px solid rgb(134, 134, 134);
    background-color: rgb(0, 26, 255);
    border-radius: 50px 50px 0 0;/*圆角大小*/
}
main > ul:nth-child(2) > li:nth-child(2) > section{
    width: 400px;
    height: 400px;
    margin: 450px auto 0;
    background-color: rgb(255, 255, 255);
    transform: rotate(45deg);
}
main > ul:nth-child(2) > li:nth-child(2) > section > p{
    position: relative;/*相对定位*/
    top: 90px;
    left: -2px;
    font-size:160px;/*字体大小*/
    text-align: center; /*文字水平居中*/
    transform: rotate(-45deg);
    /* background-color: deepskyblue; */
}
/* 第一扇门内容 */
main > ul:nth-child(2) > li:nth-child(3){
    width: 1004px;
    height: 1304px;
    background-color: aquamarine;
    border-radius: 50px;/*圆角大小*/
}
main > ul:nth-child(2) > li:nth-child(3) > ul{
    position: relative;/*相对定位*/
}
main > ul:nth-child(2) > li:nth-child(3) > ul > li:first-of-type{
    display: flex;/*弹性盒模型*/
    position: absolute;/* 绝对定位 */
    top: 60px;
    left: 0;
    right: 0;
    width: 950px;
    height: 40px;
    margin: auto;
    border: 2px solid rgb(134, 134, 134);
    justify-content: space-around;/* 主轴两侧对齐 */
    /* border-left: 2px solid rgb(134, 134, 134);
    border-right: 2px solid rgb(134, 134, 134); */
    /* background-color: blue; */
}
main > ul:nth-child(2) > li:nth-child(3) > ul > li:first-of-type > p:first-of-type{
    background-color: rgb(0, 174, 255);
    color: rgb(255, 255, 255);
}
main > ul:nth-child(2) > li:nth-child(3) > ul > li:first-of-type > p:hover{
    cursor: pointer;/*小手*/
}
main > ul:nth-child(2) > li:nth-child(3) > ul > li:first-of-type > p{
    background-color: transparent;
    padding: 0 28px;
    color: rgb(5, 5, 5);
    line-height:28px;/*文字垂直居中*/
}
/* 第二个开始 */
main > ul:nth-child(2) > li:nth-child(3) > ul > li:nth-child(2){
    overflow:hidden;/* 超出隐藏 */
    position: relative;/*相对定位*/
    top: 115px;
    right: 0;
    left: 0;
    width: 950px;
    height: 1125px;
    /* border: 2px solid rgb(134, 134, 134); */
    margin: auto;
    background-color: rgb(238, 255, 85);
    border-radius: 40px;/*圆角大小*/
}
main > ul:nth-child(2) > li:nth-child(3) > ul > li:nth-child(2) > ul:first-of-type{
    display: block;
}
main > ul:nth-child(2) > li:nth-child(3) > ul > li:nth-child(2) > ul{
    display: none;
    position: absolute;/* 绝对定位 */
    width: 950px;
}
/* 第二扇门上 */
main > ul:nth-child(2) > li:nth-child(3) > ul > li:nth-child(2) > ul > li:first-of-type:hover{
    cursor: pointer;/*小手*/
}
main > ul:nth-child(2) > li:nth-child(3) > ul > li:nth-child(2) > ul > li:first-of-type{
    overflow:hidden;/* 超出隐藏 */
    position: absolute;/* 绝对定位 */
    top: 0px;
    z-index:88;/* 定位层级 */
    width: 946px;
    height: 563px;
    border-top: 2px solid rgb(134, 134, 134);
    border-right: 2px solid rgb(134, 134, 134);
    border-left: 2px solid rgb(134, 134, 134);
    background-color: fuchsia;
    border-radius: 40px 40px 0 0;/*圆角大小*/
}
main > ul:nth-child(2) > li:nth-child(3) > ul > li:nth-child(2) > ul > li:first-of-type > section{
    width: 350px;
    height: 350px;
    margin: 388px auto 0;
    background-color: gold;
    transform: rotate(45deg);
}
main > ul:nth-child(2) > li:nth-child(3) > ul > li:nth-child(2) > ul > li:first-of-type > section > p{
    position: relative;/*相对定位*/
    top: 90px;
    left: -2px;
    font-size:120px;/*字体大小*/
    text-align: center; /*文字水平居中*/
    transform: rotate(-45deg);
    /* background-color: rgb(66, 51, 12); */
}
main > ul:nth-child(2) > li:nth-child(3) > ul > li:nth-child(2) > ul > li:nth-child(2):hover{
    cursor: pointer;/*小手*/
}
main > ul:nth-child(2) > li:nth-child(3) > ul > li:nth-child(2) > ul > li:nth-child(2){
    position: absolute;/* 绝对定位 */
    z-index:89;/* 定位层级 */
    /* top: -42px; */
    width: 946px;
    height: 40px;
    border-top: 2px solid rgb(134, 134, 134);
    border-right: 2px solid rgb(134, 134, 134);
    border-left: 2px solid rgb(134, 134, 134);
    border-radius: 40px 40px 0 0;/*圆角大小*/
}
/* 第二扇门内容 */
main > ul:nth-child(2) > li:nth-child(3) > ul > li:nth-child(2) > ul > li:nth-child(3){
    display: flex;/*弹性盒模型*/
    width: 900px;
    height: 35px;
    border: 2px solid rgb(134, 134, 134);
    margin: 53px auto 0;
    justify-content: space-around;/* 主轴两侧对齐 */
}
main > ul:nth-child(2) > li:nth-child(3) > ul > li:nth-child(2) > ul > li:nth-child(3) > p:first-of-type{
    background-color: rgb(0, 174, 255);
    color: rgb(255, 255, 255);
}
main > ul:nth-child(2) > li:nth-child(3) > ul > li:nth-child(2) > ul > li:nth-child(3) > p:hover{
    cursor: pointer;/*小手*/
}
main > ul:nth-child(2) > li:nth-child(3) > ul > li:nth-child(2) > ul > li:nth-child(3) > p{
    padding: 6px 25px;
}
main > ul:nth-child(2) > li:nth-child(3) > ul > li:nth-child(2) > ul > li:nth-child(4){
    overflow: hidden;/* 超出隐藏 */
    position: relative;/*相对定位*/
    width: 904px;
    height: 960px;
    margin: 10px auto;
    background-color: rgb(178, 255, 127);
    border-radius: 30px;/*圆角大小*/
}
main > ul:nth-child(2) > li:nth-child(3) > ul > li:nth-child(2) > ul > li:nth-child(4) > ul:first-of-type{
    display: block;
}
main > ul:nth-child(2) > li:nth-child(3) > ul > li:nth-child(2) > ul > li:nth-child(4) > ul{
    display: none;
}
/* 第三扇门开始 */
main > ul:nth-child(2) > li:nth-child(3) > ul > li:nth-child(2) > ul > li:nth-child(4) > ul > li:first-of-type:hover{
    cursor: pointer;/*小手*/
}
main > ul:nth-child(2) > li:nth-child(3) > ul > li:nth-child(2) > ul > li:nth-child(4) > ul > li:first-of-type{
    overflow: hidden;/* 超出隐藏 */
    position: absolute;/* 绝对定位 */
    top: 0px;
    z-index:65;/* 定位层级 */
    width: 900px;
    height: 480px;
    border-top: 2px solid rgb(134, 134, 134);
    border-right: 2px solid rgb(134, 134, 134);
    border-left: 2px solid rgb(134, 134, 134);
    background-color: blueviolet;
    border-radius: 30px 30px 0 0;/*圆角大小*/
}
main > ul:nth-child(2) > li:nth-child(3) > ul > li:nth-child(2) > ul > li:nth-child(4) > ul > li:first-of-type > section{
    width: 300px;
    height: 300px;
    margin: 330px auto 0;
    background-color: rgb(0, 195, 255);
    transform: rotate(-45deg);
}
main > ul:nth-child(2) > li:nth-child(3) > ul > li:nth-child(2) > ul > li:nth-child(4) > ul > li:first-of-type > section > p{
    position: relative;/*相对定位*/
    top: 90px;
    left: 2px;
    font-size:80px;/*字体大小*/
    text-align: center; /*文字水平居中*/
    transform: rotate(45deg);
    /* background-color: darkgoldenrod; */
}
main > ul:nth-child(2) > li:nth-child(3) > ul > li:nth-child(2) > ul > li:nth-child(4) > ul > li:nth-child(2):hover{
    cursor: pointer;/*小手*/
}
main > ul:nth-child(2) > li:nth-child(3) > ul > li:nth-child(2) > ul > li:nth-child(4) > ul > li:nth-child(2){
    position: absolute;/* 绝对定位 */
    top: 0px;
    z-index:70;/* 定位层级 */
    width: 900px;
    height: 30px;
    border-top: 2px solid rgb(134, 134, 134);
    border-right: 2px solid rgb(134, 134, 134);
    border-left: 2px solid rgb(134, 134, 134);
    border-radius: 30px 30px 0 0;/*圆角大小*/
    /* background-color: blueviolet; */
}
/* 第三扇门内容 */
main > ul:nth-child(2) > li:nth-child(3) > ul > li:nth-child(2) > ul > li:nth-child(4) > ul > li:nth-child(3){
    display: flex;/*弹性盒模型*/
    width: 850px;
    height: 54px;
    border: 2px solid rgb(134, 134, 134);
    margin: 42px auto 0;
    justify-content: space-around;/* 主轴两侧对齐 */
}
main > ul:nth-child(2) > li:nth-child(3) > ul > li:nth-child(2) > ul > li:nth-child(4) > ul > li:nth-child(3) > p:first-of-type{
    background-color: rgb(0, 174, 255);
    color: rgb(255, 255, 255);
}
main > ul:nth-child(2) > li:nth-child(3) > ul > li:nth-child(2) > ul > li:nth-child(4) > ul > li:nth-child(3) > p:hover{
    cursor: pointer;/*小手*/
}
main > ul:nth-child(2) > li:nth-child(3) > ul > li:nth-child(2) > ul > li:nth-child(4) > ul > li:nth-child(3) > p{
    padding: 5px 7px;
    text-align: center; /*文字水平居中*/
}
main > ul:nth-child(2) > li:nth-child(3) > ul > li:nth-child(2) > ul > li:nth-child(4) > ul > li:nth-child(4){
    width: 854px;
    height: 808px;
    margin: 10px auto 0;
    background-color: rgb(250, 250, 250);
    border-radius: 20px;/*圆角大小*/
}
/* 效果内容 */
main > ul:nth-child(2) > li:nth-child(3) > ul > li:nth-child(2) > ul > li:nth-child(4) > ul > li:nth-child(4) > ul:first-of-type{
    display: block;
}
main > ul:nth-child(2) > li:nth-child(3) > ul > li:nth-child(2) > ul > li:nth-child(4) > ul > li:nth-child(4) > ul{
    display: none;
}
main > ul:nth-child(2) > li:nth-child(3) > ul > li:nth-child(2) > ul > li:nth-child(4) > ul > li:nth-child(4) > ul > li{
    position: absolute;/* 绝对定位 */
    width: 834px;
    height: 788px;
    padding: 7px 0 0 9px;
    border-radius: 20px;/*圆角大小*/
    /* background-color: darkgrey; */
}
main > ul:nth-child(2) > li:nth-child(3) > ul > li:nth-child(2) > ul > li:nth-child(4) > ul > li:nth-child(4) > ul > li > ul > li:hover{
    position: relative;/*相对定位*/
    top: 0px;
    left: 0px;
    box-shadow: 6px 6px 6px 1px rgb(194, 194, 194);
}
main > ul:nth-child(2) > li:nth-child(3) > ul > li:nth-child(2) > ul > li:nth-child(4) > ul > li:nth-child(4) > ul > li > ul > li{
    position: relative;/*相对定位*/
    top: 3px;
    left: 3px;
    float: left;
    width: 187px;
    height: 169px;
    background-color: darkgrey;
    margin: 10px;
    transition: 0.1s linear;
    border-radius: 10px;/*圆角大小*/
}
main > ul:nth-child(2) > li:nth-child(3) > ul > li:nth-child(2) > ul > li:nth-child(4) > ul > li:nth-child(4) > ul > li > ul > li > a{
    display: inline-block;
    width: 187px;
    height: 169px;
}
main > ul:nth-child(2) > li:nth-child(3) > ul > li:nth-child(2) > ul > li:nth-child(4) > ul > li:nth-child(4) > ul > li > ul > li > a > img{
    display: inline-block;
    width: 187px;
    height: 169px;
}
/* 第三扇门下 */
main > ul:nth-child(2) > li:nth-child(3) > ul > li:nth-child(2) > ul > li:nth-child(4) > ul > li:nth-child(5):hover{
    cursor: pointer;/*小手*/
}
main > ul:nth-child(2) > li:nth-child(3) > ul > li:nth-child(2) > ul > li:nth-child(4) > ul > li:nth-child(5){
    position: absolute;/* 绝对定位 */
    top: 928px;
    z-index:70;/* 定位层级 */
    width: 900px;
    height: 30px;
    border-bottom: 2px solid rgb(134, 134, 134);
    border-right: 2px solid rgb(134, 134, 134);
    border-left: 2px solid rgb(134, 134, 134);
    border-radius: 0 0 30px 30px;/*圆角大小*/
    /* background-color: blueviolet; */
}
main > ul:nth-child(2) > li:nth-child(3) > ul > li:nth-child(2) > ul > li:nth-child(4) > ul > li:nth-child(6):hover{
    cursor: pointer;/*小手*/
}
main > ul:nth-child(2) > li:nth-child(3) > ul > li:nth-child(2) > ul > li:nth-child(4) > ul > li:nth-child(6){
    overflow: hidden;/* 超出隐藏 */
    position: absolute;/* 绝对定位 */
    top: 482px;
    width: 900px;
    height: 480px;
    border-bottom: 2px solid rgb(134, 134, 134);
    border-right: 2px solid rgb(134, 134, 134);
    border-left: 2px solid rgb(134, 134, 134);
    background-color: blueviolet;
    border-radius: 0 0 30px 30px;/*圆角大小*/
}
main > ul:nth-child(2) > li:nth-child(3) > ul > li:nth-child(2) > ul > li:nth-child(4) > ul > li:nth-child(6) > section{
    width: 300px;
    height: 300px;
    margin: -150px auto 0;
    background-color: rgb(0, 195, 255);
    transform: rotate(-45deg);
}
main > ul:nth-child(2) > li:nth-child(3) > ul > li:nth-child(2) > ul > li:nth-child(4) > ul > li:nth-child(6) > section > p{
    position: relative;/*相对定位*/
    top: 90px;
    left: 2px;
    font-size:80px;/*字体大小*/
    text-align: center; /*文字水平居中*/
    transform: rotate(45deg);
    /* background-color: darkgoldenrod; */
}
/* 第二扇门下 */
main > ul:nth-child(2) > li:nth-child(3) > ul > li:nth-child(2) > ul > li:nth-child(5):hover{
    cursor: pointer;/*小手*/
}
main > ul:nth-child(2) > li:nth-child(3) > ul > li:nth-child(2) > ul > li:nth-child(5){
    overflow:hidden;/* 超出隐藏 */
    position: absolute;/* 绝对定位 */
    /* top: 1083px; */
    top: 565px;
    z-index:88;/* 定位层级 */
    width: 946px;
    height: 562px;
    border-bottom: 2px solid rgb(134, 134, 134);
    border-right: 2px solid rgb(134, 134, 134);
    border-left: 2px solid rgb(134, 134, 134);
    background-color: fuchsia;
    border-radius: 0 0 40px 40px;/*圆角大小*/
}
main > ul:nth-child(2) > li:nth-child(3) > ul > li:nth-child(2) > ul > li:nth-child(5) > section{
    width: 350px;
    height: 350px;
    margin: -175px auto 0;
    background-color: gold;
    transform: rotate(45deg);
}
main > ul:nth-child(2) > li:nth-child(3) > ul > li:nth-child(2) > ul > li:nth-child(5) > section > p{
    position: relative;/*相对定位*/
    top: 90px;
    left: -2px;
    font-size:120px;/*字体大小*/
    text-align: center; /*文字水平居中*/
    transform: rotate(-45deg);
    /* background-color: rgb(66, 51, 12); */
}
main > ul:nth-child(2) > li:nth-child(3) > ul > li:nth-child(2) > ul > li:nth-child(6):hover{
    cursor: pointer;/*小手*/
}
main > ul:nth-child(2) > li:nth-child(3) > ul > li:nth-child(2) > ul > li:nth-child(6){
    position: absolute;/* 绝对定位 */
    top: 1083px;
    z-index:89;/* 定位层级 */
    width: 946px;
    height: 40px;
    border-bottom: 2px solid rgb(134, 134, 134);
    border-right: 2px solid rgb(134, 134, 134);
    border-left: 2px solid rgb(134, 134, 134);
    border-radius: 0 0 40px 40px;/*圆角大小*/
}
/* 第一扇门下 */
main > ul:nth-child(2) > li:nth-child(4):hover{
    cursor: pointer;/*小手*/
}
main > ul:nth-child(2) > li:nth-child(4){
    position: absolute;/* 绝对定位*/
    top: 1252px;
    z-index:99;/* 定位层级 */
    width: 996px;
    height: 50px;
    border-bottom: 2px solid rgb(134, 134, 134);
    border-left: 2px solid rgb(134, 134, 134);
    border-right: 2px solid rgb(134, 134, 134);
    border-radius: 0 0 50px 50px;/*圆角大小*/
    /* background-color: rgb(0, 26, 255); */
}
main > ul:nth-child(2) > li:last-of-type{
    overflow:hidden;/* 超出隐藏 */
    position: absolute;/* 绝对定位 */
    /* top: 1252px; */
    top: 650px;
    z-index:98;/* 定位层级 */
    /* left: -2px; */
    width: 996px;
    height: 652px;
    /* border-bottom: 2px solid rgb(134, 134, 134); */
    border-left: 2px solid rgb(134, 134, 134);
    border-right: 2px solid rgb(134, 134, 134);
    background-color: rgb(0, 26, 255);
    border-radius: 0 0 50px 50px;/*圆角大小*/
}
main > ul:nth-child(2) > li:last-of-type:hover{
    cursor: pointer;/*小手*/
}
main > ul:nth-child(2) > li:last-of-type > section{
    width: 400px;
    height: 400px;
    margin: -200px auto 0;
    background-color: rgb(255, 255, 255);
    transform: rotate(45deg);
}
main > ul:nth-child(2) > li:last-of-type > section > p{
    position: relative;/*相对定位*/
    top: 90px;
    left: -2px;
    font-size:160px;/*字体大小*/
    text-align: center; /*文字水平居中*/
    transform: rotate(-45deg);
    /* background-color: deepskyblue; */
}