html,body{height: 100%;}
.model-mask{
width: 100%;
height: 100%;
background-color: rgba(0,0,0,.5);
display: none;
position: absolute;
top: 0;
left: 0;
z-index: 999;
}
.model-mask .rules{
width: 2.86rem;
height: 3rem;
position: absolute;
top: 1.57rem;
left: 0.42rem;
}
.model-mask .gameOver{
width: 3.2rem;
height: 3.2rem;
position: absolute;
top: 2rem;
left: 0.41rem;
background-size: 100% 100%;
}
.model-mask .again,
.model-mask .goNext{
width: 1rem;
height: 0.4rem;
position: absolute;
top: 1.3rem;
}
.model-mask .text{
width: 2rem;
height: 0.5rem;
position: absolute;
bottom: 0.5rem;
left: 0.6rem;
z-index: 100;
}
.model-mask .again{
left: 0.34rem;
}
.model-mask .goNext{
left: 1.81rem;
}
.score {
position: absolute;
top: 20px;
left: 20px;
background: #2B669A;
color: #000000;
font-size: 25px;
padding: 5px;
}
.top-time{
width: 2.27rem;
height: 0.92rem;
background-image: url(../images/p2-time_02.png);
background-size: 100% 100%;
position: absolute;
top: 0;
left: 0.72rem;
/*opacity: 0;*/
}
#scoreNum,.time{
position: absolute;
font-size: 0.2rem;
display: block;
width: 0.3rem;
text-align: center;
font-weight: bold;
}
#scoreNum{
left: 0.5rem;
top: 0.55rem;
}
.time{
left: 1.6rem;
top: 0.55rem;
}
.bottom{
/*opacity: 0;*/
width: 100%;
height: 3.02rem;
position: absolute;
bottom: 0;
left: 0;
}
.model-person,
.model-startBtn,
.model-yun,
.model-qiu{
background-size: 100% 100%;
position: absolute;
}
.model-person{
width: 1.21rem;
height: 1.37rem;
background-image: url(../images/p2-person_03.png);
bottom: 1.65rem;
left: 1.27rem;
}
.model-startBtn{
width: 1.62rem;
height:0.68rem;
background-image: url(../images/p2-btn_03.png);
bottom: 0.94rem;
left: 1.08rem;
z-index: 10;
}
.model-yun{
width: 100%;
height: 1.15rem;
background-image: url(../images/p2-rules_02.png);
bottom: 0;
left: 0;
}
.model-qiu{
width: 0.34rem;
height: 0.46rem;
background-image: url(../images/p2-qiu_03.png);
bottom: 1.01rem;
right: 0.43rem;
z-index: 10;
}
#bag{
width: 1.21rem;
height: 1.39rem;
position: absolute;
bottom: 0.05rem;
left: 33%;
display: none;
}
#top{
position: relative;
width:3.1rem;
margin: 0 auto;
height: 100%;
overflow: hidden;
}
#top .drop{
z-index: 99;
top:0.9rem;
position:absolute;
width: 70px;
}
#top .person{
width: 70px;
}