.section1 .partTitle {
    display: block;
    height: 1.88rem;
    margin: 0 auto 0.4rem;
}

.section1 .part1 {
    width: 100%;
    margin-bottom: 0.3rem;
}

.section1 .part1 .videoSelect {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 0 auto 0.4rem;
}

.section1 .part1 .videoSelect img {
    width: 3.28rem;
    height: 0.8rem;
}

.section1 .part1 .videoBox {
    position: relative;
    width: 6.94rem;
    height: 4.5rem;
    margin: auto;
}

.section1 .part1 .videoBox .videoPoster {
    position: absolute;
    top: 0;
    left: 0;
    width: 6.94rem;
    height: 4.5rem;
    z-index: 11;
}

.section1 .part1 .videoBox .videoPoster .videoMask {
    position: absolute;
    width: 6.94rem;
    height: 4.5rem;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.2);
}

.section1 .part1 .videoBox .videoPoster .videoMask img {
    position: absolute;
    width: 0.64rem;
    height: 0.64rem;
    margin-left: -0.32rem;
    margin-top: -0.32rem;
    top: 50%;
    left: 50%;
}

.section1 .part1 .videoBox video {
    width: 100%;
    height: 100%;
}

.section1 .part2 {
    width: 100%;
}

.section1 .part2 .content {
    position: relative;
    width: 6.94rem;
    height: 7.56rem;
    margin: 0 auto 0.3rem;
    padding-top: 0.3rem;
    box-sizing: border-box;
}

.section1 .part2 .content .spell {
    position: absolute;
    width: 2.44rem;
    height: 3.14rem;
    top: -1.56rem;
    left: -0.28rem;
}

.section1 .part2 .content .subTitle {
    display: block;
    width: 3.84rem;
    height: 0.92rem;
    margin: 0 auto 0.2rem;
}

.section1 .part2 .content .info {
    display: block;
    width: 6.36rem;
    height: 5.66rem;
    margin: auto;
}

.section1 .part2 .content .doll {
    position: absolute;
    width: 3.24rem;
    height: 4.96rem;
    right: -0.28rem;
    bottom: -0.24rem;
}

.section1 .part3 {
    width: 100%;
    margin-bottom: 0.24rem;
}

.section1 .part3 .subTitle1 {
    display: block;
    width: 4.18rem;
    height: 0.98rem;
    margin: 0 auto 0.2rem;
}

.section1 .part3 .itemBox {
    display: grid;
    grid-gap: 0.26rem;
    grid-template-columns: repeat(auto-fill, 3.34rem);
    width: 6.94rem;
    margin: 0 auto 0.4rem;
}

.section1 .part3 .itemBox img {
    display: block;
    width: 3.34rem;
    height: 3.1rem;
}

.section1 .part3 .tips1 {
    display: block;
    width: 5.66rem;
    height: 0.26rem;
    margin: 0 auto 0.4rem;
}

.section1 .part3 .leftTxt {
    display: block;
    width: 2.44rem;
    height: 0.98rem;
    margin: 0 auto 0.2rem;
}

.section1 .part3 .leftImg {
    display: block;
    width: 6.94rem;
    height: 5.42rem;
    margin: 0 auto 0.4rem;
}

.section1 .part3 .rightImg {
    display: block;
    width: 6.94rem;
    height: 3.02rem;
    margin: 0 auto 0.2rem;
}

.section1 .part3 .tips2 {
    display: block;
    width: 4.94rem;
    height: 0.52rem;
    margin: 0 auto 0.4rem;
}

.section1 .part3 .rightTxt {
    display: block;
    width: 2.44rem;
    height: 0.98rem;
    margin: 0 auto 0.2rem;
}

.section1 .part3 .tips3 {
    display: block;
    width: 6.1rem;
    height: 0.26rem;
    margin: 0 auto 0.2rem;
}

.section1 .part4 {
    width: 100%;
    margin-bottom: 0.3rem;
}

.section1 .part4 .bg {
    position: relative;
    display: block;
    width: 6.94rem;
    height: 10.44rem;
    margin: auto;
}

.section1 .part4 .bg .head {
    position: absolute;
    width: 1.2rem;
    height: 1.24rem;
    right: -0.28rem;
    bottom: -0.16rem;
}

.section1 .part5 {
    width: 100%;
}

.section1 .part5 .content {
    position: relative;
    width: 4.9rem;
    height: 9.42rem;
}

.section1 .part5 .content .item {
    position: absolute;
    display: block;
}

.section1 .part5 .content .item.item1 {
    width: 3.64rem;
    height: 0.94rem;
    top: 1rem;
    left: 1.66rem;
}

.section1 .part5 .content .item.item2 {
    width: 3.08rem;
    height: 0.98rem;
    top: 2.04rem;
    left: 2.56rem;
}

.section1 .part5 .content .item.item3 {
    width: 4.06rem;
    height: 0.92rem;
    top: 3.28rem;
    left: 3.14rem;
}

.section1 .part5 .content .item.item4 {
    width: 3.92rem;
    height: 0.98rem;
    left: 3.14rem;
    bottom: 3.48rem;
}

.section1 .part5 .content .item.item5 {
    width: 3.02rem;
    height: 0.88rem;
    left: 2.62rem;
    bottom: 2.12rem;
}

.section1 .part5 .content .item.item6 {
    width: 4.2rem;
    height: 0.9rem;
    left: 1.66rem;
    bottom: 1.04rem;
}

.section1 .part6 {
    width: 100%;
    margin: -0.86rem auto 0.3rem;
}

.section1 .part6 .content {
    width: 6.94rem;
    margin: auto;
}

.section1 .part6 .content .bg {
    display: block;
    width: 100%;
    height: 11.24rem;
    margin: auto;
}

.section1 .part7 {
    width: 100%;
    margin-bottom: 0.32rem;
}

.section1 .mainItem {
    display: block;
    width: 3.12rem;
    margin: 0 auto 0.4rem;
}

.section1 .part7 .content {
    position: relative;
    display: grid;
    grid-gap: 0.4rem 0.7rem;
    grid-template-columns: repeat(auto-fill, 3.12rem);
    width: 6.94rem;
    margin: auto;
}

.section1 .part7 .content .item {
    width: 3.12rem;
    height: 4.6rem;
}

.section1 .part7 .content .item img {
    display: block;
    width: 100%;
    height: 100%;
}

.section1 .part8 {
    width: 100%;
    padding-bottom: 1rem;
}

.section1 .part8 .content {
    display: block;
    width: 5.26rem;
    height: 1.5rem;
    margin: auto;
}