#app{display:flex;flex-direction:column;align-items:center;text-align:center;color:#2c3e50}.image{width:960px;height:120px}body{margin:0;padding:0}.ban{background-color:#a0a0a0;height:30px;width:100%;color:#fff;text-align:left}.ban_text{margin-left:10px;height:30px;line-height:30px;font-size:14px}.desc{height:20px;width:100%;margin-top:10px}.desc_text{font-size:14px;color:red}.search_button{margin-left:100px;float:left;width:80px;height:20px;font-size:12px;line-height:20px;text-align:center;background-color:#c2c2c2;color:#000;cursor:pointer}.search_input_class{width:380px}.search_input{margin-top:10px;margin-left:20px;display:flex;width:680px;height:20px;line-height:20px;font-size:17px}.t{min-width:90px;text-align:left}.t,.t:before{font-size:14px}.t:before{content:"*";color:red;margin-left:3px}.select_option{width:330px}.search_option{width:350px;line-height:20px;float:left}.search,.search_option{height:20px;font-size:12px}.search{width:100%;margin-top:20px}.tablecontent{width:100%;border-collapse:collapse}.tablecontent td:nth-child(2),.tablecontent th:nth-child(2){width:15%}.tablecontent td:nth-child(4),.tablecontent th:nth-child(4){width:20%}td,th{border:1px solid #c2c2c2;text-align:left;color:#000}td,th{font-size:12px}th{background-color:#c2c2c2;color:#fff;text-align:center}.table_class{border:1px solid #c2c2c2;width:100%;font-size:12px;margin-top:10px;margin-left:10px}@media (max-width:768px){.image{width:380px;height:50px}.ban{background-color:#a0a0a0;width:380px;height:10px;color:#fff;text-align:left;margin-left:0}.ban_text{height:10px;line-height:10px;font-size:6px}.desc{height:10px;width:100%;margin-top:3px}.desc_text{font-size:6px;color:red;height:10px}.search_button{margin-left:20px;margin-top:1px;float:left;width:40px;height:10px;font-size:6px;line-height:10px;text-align:center;background-color:#c2c2c2;color:#000}.search_input_class{width:160px;font-size:6px}.t:before{font-size:6px;margin-left:3px}.search_input{margin-top:2px;margin-left:3px;display:flex;width:300px;height:12px;line-height:12px;font-size:5px}.t{min-width:50px;text-align:left;font-size:5px}.select_option{font-size:6px;width:130px}.search_option{width:150px;height:10px;font-size:12px;line-height:10px;float:left}.search{height:10px;font-size:6px;width:100%;margin-top:8px}td,th{border:1px solid #c2c2c2;text-align:left;color:#000}td,th{font-size:5px}th{background-color:#c2c2c2;color:#fff;text-align:center}.table_class{border:1px solid #c2c2c2;width:380px;font-size:5px;margin-top:10px;margin-left:0}option{font-size:12px}}