.feedback_bgs{z-index: 98;background-color: #000;opacity: 0.5; width:100%; height:100%; position:fixed; left:0; top:0; display:none; border-radius:6px;}
.feedback_box{z-index: 99;  width:0; height:0;   left: 50%;position:fixed; background-color:#ffffff;  overflow:hidden; text-align:center;}
.feedback_box.showdiv{ width:96%;max-width:600px; height:600px; margin-left:-300px;top:50%; margin-top:-250px;transition:all 0.3s;}
.feedback_box.bgs2.showdiv{ height:650px; margin-top:-325px;}
.feedback_box .feedback_box_close{position: absolute; right: 15px; top: 0px;  font-size: 0; line-height: initial;}
.feedback_box .feedback_box_close a{ color:#777777; font-size:40px;}
.feedback_box .feedback_box_close a:hover{ color:var(--main-color);}
.feedback_box .feedback_con{ width:94%; max-width:500px; margin:0 auto; padding-top:35px;}
.feedback_box .feedtack_tt{ overflow:hidden; position:relative; margin-bottom:20px; color:#777777; line-height:34px; text-align:center;}
.feedback_box .feedtack_tt .h3{ height:70px; line-height:70px;font-size: 32px; font-weight:bold; position:relative; overflow:hidden; color:#333; text-align:center; }
.feedback_box .feedtack_img{ background:#f3f3f3; overflow:hidden; padding:13px; border-radius:6px;margin-bottom:15px;}
.feedback_box .feedtack_img .imgs{ overflow:hidden; border:1px solid #e6e6e6; float:left; width:66px; margin-right:15px;}
.feedback_box .feedtack_img .imgs img{ width:100%; display:block;}
.feedback_box .feedtack_img .txt{ overflow:hidden; text-align:left;}
.feedback_box .feedtack_img .txt .h5{ font-weight:bold; overflow:hidden; height:36px; line-height:36px; color:#222222; font-size:18px;}
.feedback_box .feedtack_img .txt .p{ overflow:hidden; color:#888888; font-size:15px; line-height:22px; height:22px;white-space:nowrap;text-overflow:ellipsis;}
.feedback_box .divs{ overflow:hidden;  border:1px solid rgba(0, 0, 0, 0.1); background:#fff;margin-bottom:15px; position:relative;border-radius: 5px;}

.feedback_box .divs.bgs2{ float:none; width:100%;}
.feedback_box .divs.partner_file #card1{position: absolute;font-size: 100px; right: 0; top: 0;  opacity: 0; filter: alpha(opacity=0); cursor: pointer; width:100%; height:100%; z-index:1;}
.feedback_box .divs.partner_file span{font-size: 14px; text-indent:16px; line-height:58px;height: 58px; display:block; color: #999999;}
.feedback_box .input_shurk{ width:100%;height: 48px;font-size: 14px; border:0; overflow:hidden; color:#333;text-indent:18px; line-height:48px; outline:none; background:none;font-family:"PingFang-Regular","PingFang SC Regular","微软雅黑"; }
.feedback_box .divs.partner_file em{transition:all 0.3s; position:absolute; right:12px; top:9px; width:92px; line-height:40px; height:40px; text-align:center; color:#fff; background:#2da338; font-style:normal; font-size:14px;}
.feedback_box .divs.partner_file:hover em{opacity:0.8;filter:Alpha(opacity=80);}
.feedback_box .input_shurk::-webkit-input-placeholder {
  color: #999999;
}
.feedback_box .input_shurk:-moz-placeholder {
  color: #999999;
}
.feedback_box .input_shurk::-moz-placeholder {
  color: #999999;
}
.feedback_box .input_shurk:-ms-input-placeholder {
  color: #999999;
}
.feedback_box select.input_shurk{appearance: none; -moz-appearance: none; -webkit-appearance: none;background: url(404.png) #fff right 11px center no-repeat; padding-left:13px; text-indent:0;}
.feedback_box .textarea{ padding:1%; width:calc(100% - 24px);width:-webkit-calc(100% - 24px);width:-moz-calc(100% - 0px); padding-left:18px; background:#fff; font-size:14px; border:1px solid rgba(0, 0, 0, 0.1); outline:none;margin-bottom:15px; padding-top:12px; color:#333; height:100px;font-family:"微软雅黑";border-radius: 5px; }
.feedback_box .textarea::-webkit-input-placeholder {
  color: #999999;
}
.feedback_box .textarea:-moz-placeholder {
  color: #999999;
}
.feedback_box .textarea::-moz-placeholder {
  color: #999999;
}
.feedback_box .textarea:-ms-input-placeholder {
  color: #999999;
}
.feedback_box .ends{ text-align:center; margin-bottom:6%; margin-top:5%;}
.feedback_box .ends .bnts{ width:48%; max-width:240px; float: left; overflow:hidden;line-height:50px; height: 50px; outline:none;-webkit-tap-highlight-color:transparent;transition:all 0.3s; cursor:pointer; color:#fff; font-size:16px; border:none; letter-spacing:2px;font-family:"微软雅黑"; }
.feedback_box .ends .bnts.bgs1{background:none; color: #666666; border: 1px solid #999999;}
.feedback_box .ends .bnts.bgs1:hover{color: #fff;background-image: linear-gradient(90deg, 
  #0ab5f4 0%, 
  #41c6b9 100%), 
linear-gradient(
  #1d80c7, 
  #1272b6); border-color:#41c6b9;}
.feedback_box .ends .bnts.bgs2{ background:none; color: #666666; border: 1px solid #999999;float: right;}
.feedback_box .ends .bnts.bgs2:hover{color: #fff;background-image: linear-gradient(90deg, 
  #0ab5f4 0%, 
  #41c6b9 100%), 
linear-gradient(
  #1d80c7, 
  #1272b6); border-color:#41c6b9;}


@media screen and (max-width: 640px) {
  
.feedback_box.showdiv{ max-width:none; margin-left:-48%; height:360px; margin-top:-180px;}
.feedback_box.bgs2.showdiv{ height:500px; margin-top:-250px;}
.feedback_box .feedback_box_close a{ font-size:30px;}
.feedback_box .feedback_con{ padding-top:10px;}
.feedback_box .feedtack_tt{  margin-bottom:10px; line-height:24px;}
.feedback_box .feedtack_tt .h3{height:40px; line-height:40px; font-size: 17px;}
.feedback_box .divs{ margin-bottom:10px;}
.feedback_box .divs.sel{ margin-right:0; float:none; width:100%;}
.feedback_box .divs.partner_file span{ font-size:12px;}
.feedback_box .textarea{ margin-bottom:10px; height:80px;font-size:13px;padding-left: 15px;}
.feedback_box .input_shurk{  height:40px; line-height:40px;font-size:13px; text-indent:12px;}
.feedback_box .divs.partner_file span{ height:40px; line-height:40px;font-size:12px;text-indent:12px;}
.feedback_box .divs.partner_file em{ right:6px; top:5px; height:30px; line-height:30px; font-size:12px; width:70px;}
.feedback_box .divs2 .imgs{ height:34px;}
.feedback_box .feedtack_img{ margin-bottom:10px;}
.feedback_box .ends .bnts{ height:40px; line-height:40px; font-size: 14px;}
}

@media screen and (max-width: 480px) {

.feedback_box.showdiv{ height:420px; margin-top:-175px;}
.feedback_box.bgs2.showdiv{ height:590px; margin-top:-295px;}
.feedback_box .divs{ margin-bottom:2%; float:none; width:100%;}
.feedback_box .divs:nth-child(2n){ float:none;}
.feedback_box .feedtack_img{ padding:8px; margin-bottom:2%;}
.feedback_box .feedtack_img .imgs{ margin-right:8px;}
.feedback_box .feedtack_img .txt .h5{ font-size:16px;}
.feedback_box .feedtack_img .txt .p{ font-size:13px;}
.feedback_box .ends .bnts{ font-size:15px;}

}
@media screen and (max-width: 420px) {

.feedback_box.showdiv{ height:420px; margin-top:-170px;}
.feedback_box.bgs2.showdiv{ height:570px; margin-top:-285px;}
.feedback_box .feedtack_img .txt .h5{ font-size:14px;}
.feedback_box .feedtack_img .txt .p{ font-size:12px;}
.feedback_box .ends .bnts{ font-size:13px;}
}