.阵营和模式 {
    position: relative;
}

.img-勇者军 {
    position: absolute;
    width: 325px;
    left: 60%;
    top: 0%;
}

.img-王国军 {
    position: absolute;
    width: 325px;
    left: 60%;
    top:33%;
}

.img-魔王军 {
    position: absolute;
    width: 325px;
    left: 60%;
    top: 66%;
}

.决定初始玩家 {
    position: relative;
}

.img-一档 {
    position: absolute;
    left: 75%;
    top: 45%;
    width: 135px;
    height: 110px;
}

.效果{
    position: relative;
}

.img-眩晕 {
    right:105%;
    width: 150px;
    height: 150px;
    position: absolute;
    top: 0%;
}

.img-无敌 {
    right:105%;
    width: 150px;
    height: 150px;
    position: absolute;
    top: 0%;
}

.img-破防 {
    right:105%;
    width: 150px;
    height: 150px;
    position: absolute;
    top: 0%;
}

.img-嘲讽 {
    right:105%;
    width: 150px;
    height: 150px;
    position: absolute;
    top: 0%;
}

.img-闪避 {
    right:105%;
    width: 150px;
    height: 150px;
    position: absolute;
    top: 0%;
}

.img-中毒 {
    right:105%;
    width: 150px;
    height: 150px;
    position: absolute;
    top: 0%;
}