You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
.bgm { width: 100%; height: 100%; }
.bgm img { width: 100%; height: 100%; }
.btn { position: absolute; left: 50%; bottom: 1rem; /* transform: translateX(-50%); */ margin-left: -1.415rem; width: 2.83rem; height: .72rem; background: #E40006; border-radius: .12rem; text-align: center; line-height: .72rem; color: #fff; font-size: .36rem; font-weight: bold; z-index: 0; }
.masks { position: fixed; left: 0; top: 0; background: rgba(0, 0, 0, .6); width: 100%; height: 100%; z-index: 999; display: none;
}
/*.ruleCont{ position: absolute; left: 0; top: 0; }*/ .title { position: absolute; right: 50%; /* top: .1rem; */ transform: translateX(50%); /* margin: auto; */ bottom: 0.2rem; color: white; font-size: .28rem; font-weight: bold; padding-bottom: .05rem; /*border-bottom: 3px solid #E40006;*/ border-bottom: 3px solid #fff; }
.ruleText { display: none; width: 9.1rem; height: 5.19rem; background: url(../img/indexBgm.png) no-repeat; background-size: 100% 100%; position: absolute; left: 50%; top: 45%; transform: translate(-50%, -50%); z-index: 9999; }
.ruleText ul { height: 84%; }
.ruleText ul li { height: 84%; width: 96%; color: #000; font-size: .26rem; overflow-y: auto; margin: 1rem auto 0; }
.ruleText .line { width: .03rem; height: .38rem; background: #E40006; position: absolute; left: 50%; top: 100%; transform: translateX(-50%); }
.ruleText .close { width: 2.83rem; height: .72rem; background: #E40006; border-radius: .12rem; text-align: center; line-height: .72rem; color: #fff; font-size: .36rem; font-weight: bold; position: absolute; left: 50%; top: 107%; transform: translateX(-50%); z-index: 9999; }
.audioImg { position: absolute; top: .2rem; right: 2%; width: .82rem; height: .82rem; z-index: 9999; font-size: 0; }
.audioImg img { width: 100%; height: 100%; }
.o-img { position: absolute; top: 0; left: 0; width: 96%; height: 96%; opacity: 0; z-index: 20; }
|