input {
  outline: none;
  border: none;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0;
}

.feedback {
  position: relative;
}

.fb_banner {
  height: 2.4rem;
  background: pink url(feedback-banner-img.png) no-repeat;
  background-size: cover;
}

.common_box {
  overflow: hidden;
  padding: .3rem .3rem 0;
  background-color: #fff;
}

.common_box h2 {
  margin-bottom: .18rem;
  color: #303030;
  font:normal .32rem/.51rem "PingFang-SC-Regular","微软雅黑",Arial;
}

.fb_classified h2 {
  margin-bottom: .26rem;
}

.fb_classified ul li {
  float: left;
  width: 2.1rem;
  height: .68rem;
  border-radius: .08rem;
  margin-right: .3rem;
  text-align: center;
  font:normal .28rem/.68rem "PingFang-SC-Regular","微软雅黑",Arial;
  color: #979797;
  background: #F4F4F4;
}

.fb_classified ul li:nth-child(3) {
  margin-right: 0;
}

.fb_classified ul li:nth-child(4),.fb_classified ul li:nth-child(5) {
  margin: .2rem .3rem .2rem 0;
}

.fb_tel input {
  position: relative;
  display: block;
  width: 6.9rem;
  height: 1rem;
  margin-bottom: .2rem;
  color: #303030;
  font: .28rem/.4rem "PingFang-SC-Regular","微软雅黑",Arial;
  border: 1px solid #F0F0F0;
  border-radius: .1rem;
  padding: .3rem;
}
.fb_tel .tel_input_box{
  position: relative;
}
.fb_tel .tel_input_box .fb_tel_del{
  display: none;
  content: '';
  position: absolute;
  right: .35rem;
  top: .35rem;
  width: .3rem;
  height: .3rem;
  background: url(entrust_form_delete.png) no-repeat;
  background-size: .3rem .3rem;
}
.fb_content .fb_content_box{
  position: relative;
}
.fb_content .fb_content_box .fb_content_del{
  display: none;
  content: '';
  position: absolute;
  right: 1.2rem;
  bottom: .29rem;
  width: .3rem;
  height: .3rem;
  background: url(entrust_form_delete.png) no-repeat;
  background-size: .3rem .3rem;
}
.fb_content textarea {
  display: block;
  outline: none;
  resize: none;
  width: 6.9rem;
  height: 2.4rem;
  padding: .23rem .3rem;
  border: 1px solid #F0F0F0;
  border-radius: .08rem;
  margin-bottom: .2rem;
  color: #303030;
  font: .28rem/.4rem "PingFang-SC-Regular","微软雅黑",Arial;
}
.fb_content textarea::first-line{
  width: 1rem;
}

.fb_content {
  position: relative;
}

.fb_content .fb_count {
  position: absolute;
  right: .2rem;
  bottom: .18rem;
  height: .52rem;
  color: #ccc;
  font: .28rem/.51rem "PingFangSC-Regular", 微软雅黑, Arial;
}

input::placeholder,
textarea::placeholder {
  color:  #C2C2C2;
  font-size: .28rem;
  font-family: "PingFang-SC-Regular", 微软雅黑, "Microsoft YaHei";
}

.fb_code {
  position: relative;
  margin-left: .3rem;
  width: 6.9rem;
  height: 1rem;
  background-color: #fff;
  border: 1px solid #F0F0F0;
  border-radius: .1rem;
}

.fb_code::after {
  content: '';
  position: absolute;
  right: 3.1rem;
  top: 50%;
  transform: translateY(-50%);
  width: .02rem;
  height: .6rem;
  background-color: #F0F0F0;
}

.fb_code input {
  float: left;
  width: 4rem;
  height: .37rem;
  margin: .28rem 0 0 .3rem;
  font-size: .28rem;
  color: #303030;
}

.fb_code img {
  position: absolute;
  right: .3rem;
  bottom: 0;
  width: 2rem;
  height: .8rem;
  font-size: .26rem;
  color: #ccc;
}
.fb_submit{
  margin: .5rem auto;
  width: 6.9rem;
  height: 1rem;
  line-height: 1rem;
  background: #E9E8EC;
  border-radius: .1rem;
  font: .32rem/1rem "PingFangSC-Regular", 微软雅黑, Arial;
  color: #fff;
  text-align: center;
  font-weight: bold;
}
.feedback .radio_active{
  border: 0;
  color: #DD2534;
  background-color: rgba(221,37,52,0.10);
  line-height: .68rem;
}
.sub_active{
  background-color: #DD2534;
}
.success_pop{
  display: none;
  position: absolute;
  top: 5.04rem;
  left: 2rem;
  width: 3.5rem;
  height: 2.08rem;
  padding: .64rem 0 0 .61rem;
  border-radius: .2rem;
  background-color: #000;
  opacity: .5;
}
.success_pop {
  font-size: .28rem;
  line-height: .4rem;
  color: #fff;
}
.feedback_entrance{
  position: fixed;
  right: 0rem;
  top:8.09rem;
  width: 1.1rem;
  height: .78rem;
  background-color: #07070780;
  padding-left: .34rem;
  border-radius: .4rem 0 0 .4rem;
  z-index: 999;
}
.feedback_entrance span{
  position: absolute;
  left: .34rem;
  top: .2rem;
  z-index: -2;
  width: .56rem;
  height: .38rem;
  line-height: .38rem;
  font-size: .28rem;
  color: #fff;
  white-space: nowrap;
}
.feedback_entrance i{
  position: absolute;
  top: 0;
  left: 0;
  width: .34rem;
  height: .78rem;
  border-radius: .4rem 0 0 .4rem;
}
.feedback_entrance .goFeedback{
  display: inline-block;
  width: .76rem;
  height: 100%;
}
#goToUp {
  top: 10rem;
}