body {padding:0.5rem;background-image:url('bj1.png');background-attachment:fixed;background-size: cover; font-family: system-ui;position : relative;}
input, textarea {width: 70%;  padding: 0.8rem; border: 2px solid #e5e7eb; border-radius: 6px; }
select{width:100px;font-size:16px;}
.pai{color:#ffff99;text-align:center;}
button{background-color: #0099ff; color: white; padding: 15px 32px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; border-radius: 12px; border: none;}
footer a:hover {color:#ff5151;}
.td{color:#ffffff;text-shadow: 0 0 5px #ff00de, 0 0 10px #ff00de, 0 0 20px #ff00de, 0 0 40px #ff00de, 0 0 80px #ff00de, 0 0 90px #ff00de, 0 0 100px #ff00de, 0 0 150px #ff00de;}
img{width:15px;height:15px;}
.jiao{text-align:center;color:#ffff99;}
.web{color:#ffff99;}
.bei{width:30px;height:30px;vertical-align: middle;}


    /* 当屏幕宽度大于600px时 */
@media (min-width: 600px) {
.biao{text-align:center;margin:auto;background-color: rgba(255, 255, 255, 0.3);border-radius: 16px;width:50%;padding:1rem;}
.ge{color:#ffffff;margin: 2rem auto;width:70%;text-align:center;}
footer{text-align:center;margin: 1rem auto ;white-space: pre;height:15px;}
.ico{width:17px;height:17px;vertical-align: middle;}
}

 
/* 当屏幕宽度小于600px时 */
@media (max-width: 599px) {
.biao{text-align:center;margin:auto;background-color: rgba(255, 255, 255, 0.3);border-radius: 16px;padding:1rem;}
.ge{color:#ffffff;margin: 2rem auto;text-align:center;}
footer{margin-top:1rem;font-size:12px;}
.ico{width:15px;height:15px;vertical-align: middle;}
}