body {
  background: #f7f8fa;
}
.suggest-wrapper .banner {
  height: 200px;
  background: url(../images/banner_1.png) no-repeat center top #464ed9;
}
.suggest-wrapper .banner .box {
  width: 800px;
  margin: 0 auto;
  padding: 66px 0 0 14px;
}
.suggest-wrapper .banner .box h2 {
  font-size: 32px;
  font-weight: normal;
  color: #ffffff;
}
.suggest-wrapper .banner .box a {
  display: block;
  margin-top: 20px;
  width: 136px;
  height: 32px;
  line-height: 30px;
  text-align: center;
  color: #ffffff;
  font-size: 18px;
  background: #ff701d;
  border-radius: 16px;
}
.suggest-wrapper .banner .box a:hover {
  background: #fe823a;
}
.suggest-wrapper dl {
  width: 800px;
  margin: 50px auto 0;
}
.suggest-wrapper dl dt {
  font-size: 18px;
}
.suggest-wrapper dl dd {
  padding-top: 20px;
}
.suggest-wrapper dl .textarea {
  width: 100%;
  height: 140px;
  background: #fff;
  border-radius: 5px;
  border: 1px #ddd solid;
  padding: 12px 19px;
  line-height: 22px;
}
.suggest-wrapper dl .up-progress{height:24px;line-height:24px}
.suggest-wrapper dl .up-progress .up-btn{margin-top:2px}
.suggest-wrapper dl .up-progress .up-title{margin-top:4px;line-height:24px;height:24px;vertical-align:top}
.suggest-wrapper dl .up-progress .progress-bar{display:inline-block;vertical-align:middle;height:24px;line-height:24px;position:absolute;margin-top:4px}
.suggest-wrapper dl .up-progress .pbar-fth{width:50px;height:10px;overflow:hidden;margin:8px 10px;position:relative;border-radius:5px;display:inline-block;vertical-align:top}
.suggest-wrapper dl .up-progress .pbar-fth:before{content:"";width:100%;position:absolute;left:0;top:0;height:9px;border:1px #e8e8e8 solid;border-radius:5px;background:#f8f8f8}
.suggest-wrapper dl .up-progress .pbar-fth .pbar-line{height:100%;background:#ffd200;max-width:100%;border-radius:5px;position:relative;z-index:2}
.suggest-wrapper dl .up-progress span{font-size:14px;color:#8e8e8e;margin-right:10px}
.suggest-wrapper dl .up-progress span.hi3de{margin-left:10px}
.suggest-wrapper dl .up-progress span.hi3de .file-name{color:#ff583d;vertical-align:-7px;font-weight:400;max-width:150px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block;text-decoration:underline}
.suggest-wrapper dl .up-progress .re-upload{display:inline-block;vertical-align:1px;width:8px;height:8px;cursor:pointer;margin-left:10px;position:relative}
.suggest-wrapper dl .up-progress .re-upload:after,.suggest-wrapper dl .up-progress .re-upload:before{content:'';width:14px;height:1px;background:#8e8e8e;position:absolute;top:3px;left:-3px;transform:rotate(-45deg)}
.suggest-wrapper dl .up-progress .re-upload:after{transform:rotate(45deg)}
.suggest-wrapper dl .uploader-container:hover span{color:#ffa900}
.suggest-wrapper dl .uploader-container:hover span i{background-position:-1px 0}
.suggest-wrapper dl .up-progress .webuploader-pick i{background:url(../images/icon.png) -1px 20px;display:inline-block;width:24px;height:19px;margin-right:6px;vertical-align:-4px}
.webuploader-element-invisible{display:none}

.suggest-wrapper dl .qqNum {
  width: 100%;
  height: 44px;
  line-height: 44px;
  padding: 0 19px;
  border: 1px #ddd solid;
  border-radius: 5px;
}
.suggest-wrapper .tips {
  color: #999;
  width: 800px;
  margin: 0 auto;
  padding-top: 14px;
  padding-left: 19px;
}
.suggest-wrapper .tips a {
  color: #ff701d;
}
.suggest-wrapper .submit {
  width: 250px;
  height: 50px;
  margin: 50px auto;
  border-radius: 5px;
  text-align: center;
  line-height: 48px;
  font-size: 20px;
  color: #fff;
  background: #ff701d;
}
.suggest-wrapper .submit:hover {
  background: #ff7f35;
  cursor: pointer;
}