html,
body {
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 0;
    margin: 0;
}

body {
    background-image: url(../images/习在安徽/bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 0;
}

.jlxk-yin {
    position: absolute;
    right: 57px;
    top: 46px;
    width: 110px;
    height: 109px;
    background-image: url(../images/习在安徽/ahxk.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.main .ornaments:nth-child(1) {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 9;
    height: 9.1rem;
    /* height: 83.3%; */
}

.main .ornaments:nth-child(2) {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 10
}

.main .ornaments:nth-child(3) {
    position: absolute;
    /* top: 1rem; */
    left: 10.6rem;
    height: 7.89rem;
    top: 50%;
    margin-top: -4.35rem;
}

.main .ornaments:nth-child(4) {
    position: absolute;
    /* top: 3.5rem; */
    left: 5.47rem;
    height: 1.5rem;
    z-index: 1;
    top: 50%;
    margin-top: -1.86rem;
}

.main .ornaments:nth-child(5) {
    position: absolute;
    bottom: 0.88rem;
    right: 0;
    height: 2.6rem;
    /* height: 24%; */
    z-index: 1;
}

.main .ornaments:nth-child(6) {
    position: absolute;
    /* top: 5.1rem; */
    top: 50%;
    margin-top: 0;
    left: 10.5rem;
    height: 1.58rem;
    cursor: pointer;
    z-index: 10;
}

.main .ornaments:nth-child(7) {
    position: absolute;
    /* top: 5.1rem; */
    top: 50%;
    margin-top: 0;
    left: 13.43rem;
    height: 1.58rem;
    cursor: pointer;
    z-index: 10;
}

/* 兼容ipad横屏 */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    .main .ornaments:nth-child(1) {
        /* left: 5%; */
    }
}

/* 兼容ipad竖屏 */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

    .main .ornaments:nth-child(3),
    .main .ornaments:nth-child(4),
    .main .ornaments:nth-child(5),
    .main .ornaments:nth-child(6),
    .main .ornaments:nth-child(7) {
        /* display: none; */
    }
}


/* 兼容ipad横屏 */
@media only screen and (min-device-width : 1024px) and (max-device-width : 1366px) and (orientation : landscape) {
    .main .ornaments:nth-child(1) {
        /* s */
    }
}