@charset "utf-8";
#feedbackForm table{margin:0px auto;padding:20px 0px;width:100%;max-width:1380px;background-color:#FFF;text-align:left;position:relative;font-family:Verdana,Microsoft Yahei,Tahoma,Geneva,sans-seriff}
#feedbackForm .text{display:block;margin:7px 0px;width:80%;height:30px;font-size:14px;line-height:30px;padding:0px 5px;outline:0px;border-radius:2px;border:1px solid #aaa;color:#000;background-color:#FFF;transition:all .1s linear}
#feedbackForm .text:focus{border-color:#000}
#feedbackForm .atextarea.err,#feedbackForm .text.err{border-color:red}
#feedbackForm .lable{padding:7px 5px;line-height:30px;height:30px;text-align:right}
#feedbackForm .atextarea{display:block;width:80%;margin:5px 0px;padding:5px;outline:0px;border-radius:2px;border:1px solid #aaa;height:100px;background-color:#FFF;font-size:14px;color:#000;line-height:1.6;font-family:inherit}
#feedbackForm .atextarea:focus{border-color:#000}
#feedbackForm .submita{margin:10px 0px;padding:0px 30px;height:40px;display:inline-flex;align-items:center;justify-content:center;font-size:16px;border-radius:2px;background:linear-gradient(to right,#ff9c00,#ffb033);border:none;color:#FFF;cursor:pointer;min-width:100px;transition:background .2s linear}
#feedbackForm .submita[disabled=disabled]{background:#999!important;cursor:no-drop;}
#feedbackForm .submita:hover{background:linear-gradient(to right,#ffb033,#ff9c00)}
#feedbackForm .fsbtn{text-align:center;width:80%;padding:1px;margin:0px}
#feedbackForm span.xh{margin-right:5px}
#feedbackForm span.xh,#msg{color:red}
#feedbackForm .feed-verification{width:100%;display:flex;margin-top:16px}
#feedbackForm .feed-verification input{flex:1;max-width:180px;margin:0px}
#feedbackForm .feed-verification .verification-box{display:flex}
#feedbackForm .feed-verification img{width:80px;height:100%;cursor:pointer;margin:0px}
#msg{position:absolute;left:50%;top:40%;width:100%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center}
#msg .err,#msg .success{color:#FFF;padding:10px 20px;border-radius:4px;min-width:260px;font-size:14px}
#msg .err{border:1px solid #f89406;background:#f89406;animation:feedup .2s forwards}
#msg .success{background:#58b33e;border:1px solid #58b33e;animation:feedup .4s forwards;display:flex;align-items:center;justify-content:center;min-width:100px;border-radius:4px}
.feedbackhint{display:block;color:red;font-size:14px}
.feedback-success{display:block;color:#58b33e;font-size:14px}
.ftxt{width:24%}
.fput{width:70%}
.feedback-tips{position:fixed;top:30%;left:50%;background:#FFF;border:1px solid #a7a7a7;border-radius:4px;padding:10px;width:90%;max-width:450px;z-index:9999999;transform:translate(-50%,-50%);box-shadow:0 0 5px #a8a8a8;display:none}
.feedback-tips .feedback-tips-box{display:flex;flex-direction:column}
.feedback-tips button#closeBtn{border:0px;background:#408aec;color:#FFF;height:34px;width:70px;border-radius:3px;box-shadow:0 0 2px #408aec;align-self:flex-end;margin-top:15px;margin:15px 0 0 0;padding:0px;cursor:pointer}
.feedback-tips p#feedback-text{color:#333;font-size:14px;margin:0px;padding:0px;line-height:1.6}
.feedback-tips p#feedback-title{font-size:16px;color:#000;padding:0px;margin:0px 0px 10px 0px;line-height:1.6}
.circle{width:20px;height:20px;border-radius:50%;background-color:#FFF;position:relative;margin-right:6px}
.tick{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%) rotate(45deg);width:5px;height:10px;border-bottom:2px solid #58b33e;border-right:2px solid #58b33e}
.feedbackForm #feedbackForm tr:nth-child(7){width:100%}
.feedbackForm #feedbackForm tr:nth-child(7) .feed-verification {margin-top:0px}
.feedbackForm #feedbackForm tr:nth-child(8){width:100%;border:none}
@keyframes feedup{0%{opacity:0px;margin-top:20px}
100%{opacity:.9;margin-top:0px}}
.submita-loading{display:inline-block;position:relative;width:12px;height:12px;border:2px solid #FFF;border-top-color:rgba(255,255,255,.2);border-right-color:rgba(255,255,255,.2);border-bottom-color:rgba(255,255,255,.2);border-radius:100%;margin:5px!important;animation:circle infinite .75s linear;display:none}
@keyframes circle{0%{transform:rotate(0)}
100%{transform:rotate(360deg)}}
#feedbackForm .select-menu{position:relative}
#feedbackForm .select-menu .select-menu-div{position:relative;width:80%;}
#feedbackForm .select-menu .select-menu-div em{margin-right:5px;position:absolute;right:20px;top:50%;transform:translateY(-50%);transition:all .4s ease}
#feedbackForm .select-menu .select-menu-div em.select-menu-i{transform:translateY(-50%) rotateX(180deg)}
#feedbackForm .select-menu .select-menu-div em::after,#feedbackForm .select-menu .select-menu-div em::before{content:"";width:8px;height:1px;background:#000000;position:absolute;top:50%;left:0px;transform:rotate(45deg)}
#feedbackForm .select-menu .select-menu-div em::after{transform:rotate(-45deg);left:5px;}
#feedbackForm .select-menu .select-menu-div .select-menu-input{cursor:pointer;user-select:none;width:100%;}
#feedbackForm .select-menu .select-menu-ul{box-shadow:0 1px 15px 0 rgba(15,19,39,.1);list-style:none;opacity:0px;display:none;width:82%;text-align:left;border:1px solid #ddd;background:#FFF;position:absolute;bottom:100%;z-index:1}
#feedbackForm .select-menu .select-menu-ul li{padding:0px 20px;line-height:2.5;cursor:pointer;font-size:13px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;margin:0px;}
#feedbackForm .select-menu .select-menu-ul li:hover{background:#f2faea}
#feedbackForm .select-menu .select-menu-ul li:nth-child(2n){background:#f5f4f4}
#feedbackForm .select-menu .select-menu-ul li:nth-child(2n):hover{background:#f2faea}
#feedbackForm .select-menu .select-menu-ul li.select-this{background:#f2faea}
#feedbackForm .select-menu .select-menu-ul li.select-this:hover{background:#f2faea!important}