#code{height:27px;width:80%;outline:0;border:none;box-sizing:border-box;font-size:16px;margin-top:5px;color:#111;background:0 0!important;position:absolute;top:41%;bottom:0;margin:auto;box-shadow:none;padding:0;padding-left:12px}
.submit_btn{outline:0;width:80%;height:50px;background:#12be46;color:#fff;border:none;line-height:50px;margin-top:20px;margin-left:10%;text-align:center;display:flex;justify-content:center;align-items:center;font-size:18px;cursor:pointer;border-radius:30px}
.fw-container{max-width:580px;display:flex;margin:80px auto 80px;flex-direction:column;padding:0 10px}
.query_btn_code{display:flex;margin-bottom:3vw;flex-direction:column}
.queryBar{display:flex;width:80%;margin:0 auto;position:relative;height:50px;flex-direction:column;border:2px solid #777;border-radius:8px;margin-bottom:20px;box-sizing:border-box}
.result_content{min-height:80px;color:#000;margin-top:10px;padding:10px 10px 10px 10px;box-sizing:border-box;font-size:14px;position:relative}
#code::placeholder{font-size:13px}
.tip{border-color:#000;position:absolute;transition:all .3s;height:max-content;padding-left:12px;font-size:15px;pointer-events:none;color:#777;max-height:max-content;bottom:0;top:0;margin:auto;line-height:initial}
body{font-family:Arial,sans-serif;user-select:none}
.entry-title{text-align:center;font-size:30px}
@media screen and (max-width:768px){.queryBar{padding:10px 0}}
@media screen and (min-width:960px){.box{display:flex}
.submit_btn{margin:0;width:30%;margin-left:10px}}
#error-icon,#repeat-icon,#success-icon{width:28px;height:28px;border-radius:50%;display:none;flex-shrink:0;margin-right:15px}
#error-icon{background-color:red}
#repeat-icon{background-color:purple}
#success-icon{background-color:green}
._font{text-align:center;font-size:25px;color:#000;font-family:Verdana,Geneva,Tahoma,sans-serif;font-weight:500;margin-bottom:20px}
.loadding{position:relative;display:none;justify-content:center;width:30px;height:30px;animation:demo .8s ease-in-out infinite}
@keyframes demo{to{transform:rotateZ(360deg)}}
.loadding span{width:2px;height:9px;transform-origin:50% 15px;position:absolute;background-color:#fff}
.close-icon{width:16px;height:16px;border-radius:50%;background:#8a8a8a;position:absolute;right:0;bottom:0;margin:5px;display:none}
.close-icon::after,.close-icon::before{content:'';position:absolute;width:50%;height:2px;background:#fff;top:0;left:0;right:0;margin:auto;bottom:0}
.close-icon::after{transform:rotate(45deg)}
.close-icon::before{transform:rotate(-45deg)}