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.
138 lines
2.0 KiB
138 lines
2.0 KiB
.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;
|
|
}
|