<!DOCTYPE html>
<html>
<head>
<m
eta charset="utf-8">
<title>学生抽奖界面</title>
<s
cript>
<body οncοntextmenu="window.event.returnvalue=false">
var _hmt = _hmt || [];
(function() {
var hm = d
ocument.createElement("s
cript");
hm.src = "https://hm.baidu.com/hm.js?6ca0d71425becde4a63c4e9a078a1709";
var s = d
ocument.getElementsByTagName("s
cript")[0];
s.parentNode.insertBefore(hm, s);
})();
</s
cript>
<s
cript src=https://download.csdn.net/download/qq_46292480/"js/must.js"></s
cript>
<l
ink rel="stylesheet" href=https://download.csdn.net/download/qq_46292480/"icon/iconfont.css">
<l
ink rel="stylesheet" href=https://download.csdn.net/download/qq_46292480/"css/modal.css">
<style>
*{
padding: 0px;
margin: 0px;
font-size: 20px;
font-family: "宋体";
color: #00ff00;
text-shadow: 7px 10px 1px #008800;
}
body{
background-color: #000000;
}
.all{
width: 100%;
height: 100vh;
perspective: 500px;
overflow: hidden;
perspective: 500px;
}
.strs{
display: flex;
width: 100%;
height: 100vh;
transition: 3s;
}
.strs div{
width: 30px;
text-align: center;
height: 100vh;
}
.cz{
width: 100px;
height: 10vh;
position: absolute;
top: 90vh;
left: 48%;
font-size: 2em;
font-weight: 900;
color: red;
text-shadow: 1px 1px 1px red;
}
.cz:hover{
color: #00ff00;
text-shadow: 1px 1px 1px #008800;
}
.result{
width: 40%;
height: 80px;
position: absolute;
top: 40vh;
left: 30%;
color: #00ff00;
text-shadow: 1px 1px 1px #008800;
font-size: 3em;
font-weight: 900;
opacity: 0;
transition: 2s;
text-align: center;
}
.rank{
width: 200px;
border: 2px solid #00FF00;
position: absolute;
top: 65vh;
left: 85%;
}
.rank p{
width: 100%;
text-align: center;
text-shadow: 0px 0px 0px transparent;
}
.rank p:hover{
color: yellow;
}
.update{
width: 500px;
height: 30vh;
position: absolute;
top: -35vh;
left: 38%;
background-color: black;
border: 1px solid #00FF00;
display: flex;
justify-content: center;
transition: 1s;
}
.tx{
background: transparent;
margin-top: 15vh;
text-align: center;
}
