school-answer/css/index.css

* {
    padding: 0;
    margin: 0;
}
html,
body {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    overflow: hidden;
}
.container {
    position: relative;
    width: 100%;
    height: 100%;
    overflow-y: auto;
}
.container::-webkit-scrollbar {
    width:0;
}
.container .bg {
    width: 100%;
    display: block;
}
.message {
    position: absolute;
    left: 0;
    top: 7.52rem;
    width: 100%;
    height: 2.71rem;
    text-align: center;
    overflow: hidden;
    padding: 0 .7rem;
    box-sizing: border-box;
    color: #fff;
}
.title {
    font-size: .28rem;
    text-align: center;
    margin-top: .18rem;
}
.content {
    height: 2.1rem;
    overflow: hidden;    
}
.bigcase {
    font-size: .28rem;
    list-style: none;
}
.bigcase li {
    margin-top: .14rem;
}
.ceshibtn {
    position: absolute;
    top: 10.62rem;
    left: 50%;
    transform: translateX(-50%);
    width: 4.6rem;
    height: 1rem;
    background: url('../image/index/ceshibtn.png');
    background-size: 100% 100%;
}
.prizebtn {
    position: absolute;
    top: 11.82rem;
    left: 50%;
    transform: translateX(-50%);
    width: 4.6rem;
    height: 1rem;
    background: url('../image/index/prizebtn.png');
    background-size: 100% 100%; 
}