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