@@ -0,0 +1,144 @@
+* {
+ margin: 0;
+ padding: 0;
+}
+.check_result{
+ position: absolute;
+ top: 5px;
+ right: 5px;
+ color: black;
+.background {
+ width: 100%;
+ height: auto;
+.pool {
+ width: 84%;
+ left: 7%;
+ top: 250px;
+.container {
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: space-around;
+ width: 76%;
+ height: 90%;
+ left: 11%;
+.item {
+ border-radius: 18px;
+ width: 32%;
+.active {
+ box-shadow : 0 0 0 2px aqua;
+.title{
+ text-align: center;
+ font-size: 20px;
+ font-weight: 700;
+ left: 0;
+.tips{
+ color: #470C82;
+ width: 90%;
+ left: 5%;
+.mask{
+ top: 0;
+ height: 100%;
+ background-color: rgba(0, 0, 0, 0.7);
+ z-index: 10;
+.result{
+ z-index: 11;
+.result_failed_button{
+ left: 24%;
+ width: 52%;
+ z-index: 12;
+.result_failed_text{
+ z-index: 13;
+ color: white;
+.result_success_title{
+ color: orange;
+
+.result_success_logo{
+ width: 30%;
+ left: 35%;
+input{
+ width: 45%;
+ height: 40px;
+ border: orange solid 3px;
+ border-radius: 40px;
+ padding-left: 20px;
+.result_success_button{
+/*滚动*/
+.case {
+ width: 95%;
+ height: 70px;
+ overflow: hidden;
+.case .part2 {
+ float: left;
+ width: 93%;
+ text-indent: 1em;
+#part2 ul {
+ list-style: none;
+#part2 ul li {
+ height: 30px;
+ font-size: 16px;
+ line-height: 30px;
+ white-space: nowrap;
+ text-overflow: ellipsis;