@charset "utf-8";

.banner {
    background: url(../images/banner-bg.jpg) no-repeat center top #102e50;
    background-size: 100% 100%;
}

.container {
    padding-bottom: 0.8rem;
    background: url(../images/bg.jpg) repeat-y center top #102e50;
    background-size: 100% auto;
}

.item {
    width: 100%;
    max-width: 11.2rem;
    margin: 0 auto 0.8rem;
    padding: 0 0.2rem;
}

.item:last-child {
    margin-bottom: 0;
}

.item>div {
    position: relative;
}

.item>div>img {
    width: 100%;
}

.item .gifs {
    position: absolute;
}

.item .gifs.g1 {
    bottom: 1.4rem;
    width: 85%;
    height: auto;
    left: 7.5%;
}

.item .gifs.g2 {
    top: 4.5rem;
    width: 2rem;
    height: 2rem;
    left: .85rem;
}

.item .gifs.g3 {
    top: 7.1rem;
    width: 2rem;
    height: 2rem;
    left: .85rem;
}

.item .gifs.g4 {
    top: 10.35rem;
    width: 2rem;
    height: 2rem;
    left: .85rem;
}

.item .gifs.g5 {
    bottom: 1.6rem;
    width: 8.18rem;
    height: auto;
    left: 1rem;
}

.item .gifs.g6 {
    top: .5rem;
    width: 2.2rem;
    height: 2.2rem;
    left: .85rem;
}

.item .gifs.g7 {
    top: 4.1rem;
    width: 2.2rem;
    height: 2.2rem;
    left: .85rem;
}

.item .gifs.g8 {
    top: 7.35rem;
    width: 2.2rem;
    height: 2.2rem;
    left: .85rem;
}

.item .gifs.g9 {
    top: 10.6rem;
    width: 2.2rem;
    height: 2.2rem;
    left: .85rem;
}

.item .gifs.g10 {
    top: 7rem;
    width: 2.2rem;
    height: 2.2rem;
    left: .85rem;
}

.item .gifs.g11 {
    top: 12.3rem;
    width: 2.2rem;
    height: 2.2rem;
    left: .85rem;
}

.item .gifs.g12 {
    top: 1.1rem;
    width: 2.2rem;
    height: 2.2rem;
    left: .85rem;
}

.item .gifs.g13 {
    top: 4.95rem;
    width: 2.2rem;
    height: 2.2rem;
    left: .85rem;
}

/* 移动端 */
.phone .container {
    padding-bottom: 2.5rem;
    min-height:calc(100vh - 6rem);
}

.phone .item .gifs.g2 {
    top: 4.3rem;
}

.phone .item .gifs.g3 {
    top: 6.8rem;
}

.phone .item .gifs.g4 {
    top: 10rem;
}

.phone .item .gifs.g6 {
    top: .5rem;
}

.phone .item .gifs.g7 {
    top: 3.9rem;
}

.phone .item .gifs.g8 {
    top: 7rem;
}

.phone .item .gifs.g9 {
    top: 10.2rem;
}

.phone .item .gifs.g10 {
    top: 6.75rem;
}

.phone .item .gifs.g11 {
    top: 11.85rem;
}

.phone .item .gifs.g12 {
    top: 1.1rem;
}

.phone .item .gifs.g13 {
    top: 4.85rem;
}