body {font-family: Arial, sans-serif;margin: 0;padding: 0; font-size:1.3rem;background-color: #007BFF;}
header {background-color: #007BFF;color: white;padding: 20px;text-align: center;border-bottom: 2px #fff solid;}
.logo{ width:30%; float:left;height: 100%;}
.logo img{ width:100%;}
.test{ width:70%; float:right; line-height: 4rem;font-size:1rem;}
main {padding: 20px;margin-bottom:4rem;}
.js{ width:90%; margin:0 auto;background-color: #f4f4f4; line-height:40px;padding: 5%; border-radius: 5%;font-size:1rem;}
.title{width: 30%; margin: 2rem auto;background-color: #f4f4f4; line-height: 20px;padding: 5% 8%; border-radius: 100px;text-align: center;}
.nr img{width:100%; border-radius: 5%;}
table {width: 100%;border-collapse: collapse;margin-top: 15px;}
table, th, td {border: 1px solid #dddddd;}
th, td {padding: 8px;text-align: left;}
footer {position: fixed;height: 4rem; width: 100%; background-color: #007BFF;bottom: 0;}
ul{ list-style:none;padding: 0;}
ul li{ float:left; width:49.6%; text-align:center; color:#fff; border-right:1px #fff solid; }
ul li:nth-child(2) { border-right:none; }
ul li a{ color:#fff; text-decoration:none;}
.btns {border: none;background: none; color: #ffff; font-size: 1.3rem;}
.modal {display: none; /* 默认隐藏 */ position: fixed; /* 固定定位 */ z-index: 1; /* 设置在顶层 */ left: 0; top: 0; width: 100%;  height: 100%; overflow: auto; background-color: rgb(0,0,0);  background-color: rgba(0,0,0,0.6); }
 
/* 弹窗内容 */
.modal-content {background-color: #fefefe; margin: 30% auto; padding: 20px; border: 1px solid #888; width: 80%;border-radius: 4%; }
 
/* 关闭按钮 */
.close { color: #aaa; float: right; font-size: 28px; font-weight: bold;}
.close:hover,.close:focus {color: black;text-decoration: none; cursor: pointer;}
#form textarea { font-size: 1.3rem; width: 94%; resize: none; height: 100px; border: 1px solid #ddd;outline: 0; padding: 2% 3%;margin-bottom: 4%;  font-family: Arial, sans-serif; }
#form input {font-size: 1.3rem; -webkit-box-flex: 1; -ms-flex: 1; flex: 1;outline: 0;border: 1px solid #ddd; padding: 2% 3%; width: 94%;margin-bottom:2%;  }
.ecer-flex input {width: 100%;}
input#submit {width: 100%;}
button#submit{width: 100%;font-size: 1.3rem; -webkit-box-flex: 1; -ms-flex: 1; flex: 1;outline: 0;border: 1px solid #ddd; padding: 2% 3%; margin-bottom:2%;  }
@media (max-width: 600px) { header h1 { font-size: 24px; } button { width: 100%;  font-size: 16px; }  }