body{ font:normal 10pt Arial, Helvetica, sans-serif; background-color:rgba(0, 0, 0, 0.02); display:block; margin:0px }
/**反馈页面首页*/
#feedback_wrap{ width:100%; max-width:800px; margin:auto; background-color:#fff; padding-bottom:46px; }
#feedback_wrap a{ text-decoration:none; }
#feedback_wrap #top_wrap{ position:relative; }
#feedback_wrap #top_wrap img{ width:100%; }
#feedback_wrap #top_wrap #click_button{ width:25%; margin:-9% 31.5%; position:absolute; cursor:pointer }
#feedback_wrap #top_wrap #click_button img{ width:150%; }
#feedback_wrap .feedback_content{ border-top:1px solid #dedede; }
#feedback_wrap .feedback_content .title{ width:100%; height:45px; overflow:hidden; border-bottom:1px solid #dedede; }
#feedback_wrap .feedback_content .title .yellow_module{ width:5px; height:16px; border-radius:10px; margin:14px 12px; float:left; background-color:#ffb84e; }
#feedback_wrap .feedback_content .title .green_module{ width:5px; height:15px; border-radius:10px; margin:13px 12px; float:left; background-color:#1adca7; }
#feedback_wrap .feedback_content .title .blue_module{ width:5px; height:15px; border-radius:10px; margin:13px 12px; float:left; background-color:#ffd200; }
#feedback_wrap .feedback_content .title span{ float:left; line-height:45px; color:#818181; font-size:14px; }
#feedback_wrap .feedback_content .title a{ display:block; float:right; line-height:20px; color:#838383; border:1px solid #838383;
  border-radius:2px; font-size:10px; cursor:pointer; text-decoration:none; font-size:14px; padding:2px 4px; position:relative; margin-right:15px; margin-top:10px; }
#feedback_wrap .feedback_content .content a:first-child{ border-top:0px }
#feedback_wrap .feedback_content .content{ border-bottom:1px solid #dedede }
#feedback_wrap .feedback_content .content a{ width:auto; margin-left:15px; padding-right:35px; height:55px; line-height:55px; color:#313131; background-color:#fff;
  cursor:pointer; border-top:1px solid #f3f1f2; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-decoration:none; font-size:16px; position:relative }
#feedback_wrap .feedback_content .content a > span{ position:absolute; right:20px; color:#7a7a7a; }
#feedback_wrap .feedback_content .content a > span > img{ margin-top:22px; width:7px; }
#feedback_wrap .feedback_content .lan img{ width:100%; height:10px; }
#feedback_wrap .kankan_submit{ width:100%; max-width:800px; height:56px; background-color:#ffb84e; position:fixed; bottom:0px;
  text-align:center; line-height:56px; font-size:20px; color:#fff; }
#feedback_wrap .kankan_submit span{ position:relative; bottom:3px; }
#feedback_wrap .kankan_submit img{ width:20px; margin-top:18px; }
#feedback_wrap .music_submit{ width:90%; max-width:800px; height:45px; background-color:#f91860; position:fixed; bottom:10px;
  left:5%; text-align:center; line-height:50px; font-size:18px; color:#fff; border-radius:30px; }
#feedback_wrap .music_submit span{ position:relative; bottom:3px; }
#feedback_wrap .music_submit img{ width:20px; }
#feedback_wrap .manga_submit{ width:100%; max-width:800px; height:56px; background-color:#1adca7; position:fixed; bottom:0px;
  text-align:center; line-height:56px; font-size:20px; color:#fff; }
#feedback_wrap .manga_submit span{ position:relative; bottom:3px; }
#feedback_wrap .manga_submit img{ width:20px; margin-top:18px; }
#feedback_wrap #feedback_type_music{ }
#feedback_wrap #feedback_type_music label{ display:inline-block; width:44%; margin:10px 0px; padding-left:5% }
#feedback_wrap #feedback_type_music label input[type='radio']{
  -webkit-appearance:none;
  height:15px;
  width:15px;
  background-color:rgb(255, 255, 255);
  box-shadow:0 0 3px rgba(0, 0, 0, 0.98);
  border-radius:10px;
  outline:none; /*似乎谷歌浏览器还有一个蓝色的outline影响，于是去掉*/
}
#feedback_wrap #feedback_type_music label input[type='radio']:checked{
  background-color:rgb(249, 24, 96);
  border:3px solid rgb(255, 255, 255);
  box-shadow:0 0 3px rgb(249, 24, 96);
}
#feedback_wrap #feedback_type_music label input[type='radio']:active{
  background-color:rgb(0, 0, 0);
}
#feedback_wrap #feedback_type_music label input[type='radio']:checked:active{
  border:3px solid rgb(0, 0, 0);
}
#feedback_wrap #feedback_type_music label input{ vertical-align:middle }
#feedback_wrap #feedback_type_music label span{ vertical-align:middle; font-size:15px }
#feedback_wrap .input{ margin:15px;padding:10px;border-radius:5px; background-color:#f2f2f2;min-height:150px}
#feedback_wrap .input:empty::before{
  content:attr(placeholder);
  color:#d6d6d6;
}
#feedback_wrap #dialog{padding-bottom:50px}
  /**反馈页面反馈填写页*/

#feedback_detail{ width:100%; margin:auto; left:0; right:0; bottom:0; background-color:#fff; }
#feedback_detail textarea{ width:98%; height:160px; border:0px; padding:1%; font-size:14px; }
#feedback_detail #hint{ color:#dedede; background-color:#fff; width:auto; padding:1%; }
#feedback_detail #upload_images{ width:100%; height:100px; display:none; text-align:center; padding:100px 0px; background-color:#f7f7f9; }
#feedback_detail #upload_images .feedback_imgs{ width:33%; position:relative; margin:0 auto; }
#feedback_detail #upload_images .feedback_imgs .quit_img{ position:absolute; width:18%; margin-left:-10%; margin-top:-4% }
#feedback_detail #upload_images input{ display:none }
#feedback_detail #upload_images img{ width:75%; margin-right:3%; position:relative }
#feedback_detail #upload_images img:first-child{ margin-left:1%; }
#feedback_detail #feedback_type{ padding:1%; border-top:1px solid #dedede; border-bottom:1px solid #dedede;
  width:97%; overflow-x:scroll; white-space:nowrap; }
#feedback_detail #feedback_type #title{ color:#313131; font-size:16px; }
#feedback_detail #feedback_type label{ display:inline-block; padding:4px 5%; width:auto; border:1px solid #f2f2f2; border-radius:4px;
  background-color:#f2f2f2; text-decoration:none; cursor:pointer; color:#555; margin:2px 5px; font-size:14px; }
#feedback_detail button{ width:96%; margin:20px 2%; display:inline-block; }
#feedback_detail #feedback_type label input{ display:none; }
#feedback_detail #enter_row{ width:100%; height:50px; overflow:hidden; border-bottom:1px solid #dedede; }
#feedback_detail #enter_row img{ width:100% }
#feedback_detail #enter_row #image_position{ width:30px; height:30px; padding:10px; float:left; }
#feedback_detail #enter_row #feedback_text{ width:auto; height:40px; margin-left:50px; margin-right:62px; }
#feedback_detail #enter_row #feedback_text input{ width:96%; height:32px; font-size:13px; margin:5px 2%; border-radius:7px; border:1px solid #dedede; -webkit-appearance:none; }
#feedback_detail #enter_row #submit_img{ width:30px; height:30px; padding:10px; float:right; }
/**选择类型 点击之后的样式*/
#feedback_detail #feedback_type label.selected{ background-color:#fff; color:#11dd92; border-color:#11dd92; }
#feedback_detail #feedback_type label.selected_qx{ background-color:#fff; color:#fdaa42; border-color:#fdaa42; }
#feedback_detail #feedback_type label.selected_sf{ background-color:#fff; color:#4c4bd3; border-color:#4c4bd3; }
#feedback_detail #feedback_type label.selected_aketv{ background-color:#fff; color:#243bd1; border-color:#243bd1; }
#feedback_detail input[type=submit]{ background:#337ab7; border:1px solid #2e6da4; border-radius:6px;
  padding:10px 16px; color:white; display:block; width:90%; margin:15px auto 0; font-size:14px; }
#feedback_detail form{ position:fixed; bottom:0; width:100%; background-color:#fff; }
/**反馈页面对话框*/
#feedback_detail #dialog{ width:100%; margin-top:10px; color:#838383; position:absolute; overflow-y:scroll; -webkit-overflow-scrolling:touch }
#feedback_detail #dialog .dialog_left{ width:auto; padding:2% 20px; overflow:hidden }
#feedback_detail #dialog .dialog_left img{ float:left; margin-top:3px; }
#feedback_detail #dialog .dialog_left .dialog_content{ width:auto; max-width:66%; background-color:#ebebeb; border-radius:5px;
  font-size:17px; float:left; padding:5px; color:#313131; position:absolute; margin-left:15px; text-decoration:none; }
#feedback_detail #dialog .dialog_right .time{ text-align:center; color:#ebebeb; margin:10px 2px; }
#feedback_detail #dialog .dialog_right{ width:auto; padding:2% 20px; overflow:hidden }
#feedback_detail #dialog .dialog_right img{ float:right; }
#feedback_detail #dialog .dialog_right .dialog_content{ width:auto; max-width:66%; background-color:#11dd92;
  border-radius:5px; font-size:17px; float:right; padding:5px; color:#fff; position:relative; margin-right:-15px; }
#feedback_detail #dialog .dialog_right .dialog_content .dialog_content_text{ width:auto; overflow:hidden; }
#feedback_detail #dialog .dialog_right .feedback_images{ height:100px; }
#feedback_detail #dialog .dialog_left .feedback_images{ height:100px; }
#feedback_detail #dialog .dialog_right .talk_image{ width:100px; }
#feedback_detail #dialog .dialog_left .talk_image{ width:100px; }
#feedback_detail #dialog .dialog_right .dialog_content_qx{ width:auto; max-width:66%; background-color:#fdaa42;
  border-radius:5px; font-size:17px; float:right; padding:5px; color:#fff; position:relative; margin-right:-15px; text-decoration:none; }
#feedback_detail #dialog .dialog_right .dialog_content_sf{ width:auto; max-width:66%; background-color:#4c4bd3;
  border-radius:5px; font-size:17px; float:right; padding:5px; color:#fff; position:relative; margin-right:-15px; text-decoration:none; }
#feedback_detail #dialog .dialog_right .dialog_content_aketv{ width:auto; max-width:66%; background-color:#F02965;
  border-radius:5px; font-size:17px; float:right; padding:5px; color:#fff; position:relative; margin-right:-15px; text-decoration:none; }
/**反馈页面提交按钮*/
#feedback_detail #submit{ display:block; width:80%; padding:10px 10px; color:#fff; background-color:#337ab7; font-size:15px;
  text-align:center; border-radius:5px; margin-left:auto; margin-right:auto; }
#feedback_solution{ width:100%; max-width:500px; margin:auto; }
#feedback_solution #title{ width:auto; height:30px; background-color:#fff; font-size:15px; padding-top:12px; }
#feedback_solution #title .yellow_module{ width:5px; height:15px; border-radius:10px; margin:8px 12px; float:left; background-color:#ffb84e; }
#feedback_solution #title .green_module{ width:5px; height:18px; border-radius:10px; margin:7px 12px; float:left; background-color:#1adca7; }
#feedback_solution #title .blue_module{ width:5px; height:18px; border-radius:10px; margin:7px 12px; float:left; background-color:#ffd200; }
#feedback_solution #title span{ float:left; line-height:30px; color:#818181; }
#feedback_solution #solution{ padding:10px 20px; color:#313131; font-size:16px; background-color:#fff; }
#feedback_solution #solution img{ width:100%; }
#feedback_solution #all_question{ height:55px; margin-top:25px; padding:0px 20px; background-color:#fff; }
#feedback_solution #all_question a{ width:auto; height:55px; line-height:55px; color:#313131; font-size:16px;
  cursor:pointer; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-decoration:none; }
#feedback_solution #all_question a > span{ position:relative; float:right; margin-right:15px; color:#7a7a7a; margin:18px 15px 0px 0px; }
#feedback_allquestion{ width:100%; max-width:500px; margin:auto; }
#feedback_allquestion a{ display:block; width:auto; padding-left:15px; height:55px; line-height:55px; color:#313131; background-color:#fff; font-size:16px;
  cursor:pointer; border-top:1px solid #dedede; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-decoration:none; }
#feedback_allquestion a > span{ position:relative; float:right; margin:18px 15px 0px 0px; color:#7a7a7a; }
/**根据苹果手机分辨率更改样式***/
@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi){
  #feedback_wrap .feedback_content{ border-top:0px solid #dedede; }
  #feedback_wrap .feedback_content .content{ padding-bottom:1px; border-bottom:0.5px solid #dedede }
  #feedback_wrap .feedback_content .content a:first-child{ border-top:0px }
  #feedback_wrap .feedback_content .content a{ width:auto; margin-left:15px; padding-right:35px; height:55px; line-height:55px; color:#313131; background-color:#fff;
    cursor:pointer; border-top:1px solid #f3f1f2; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-decoration:none; font-size:16px; position:relative }
  #feedback_wrap .feedback_content .title{ width:100%; height:45px; overflow:hidden; border-bottom:0.5px solid #dedede; border-top:0.5px solid #dedede; }
  #feedback_detail #enter_row{ width:100%; height:50px; overflow:hidden; border-bottom:0.5px solid #dedede; }
  #feedback_detail #feedback_type{ padding:1%; border-top:0.5px solid #dedede; border-bottom:0.5px solid #dedede;
    width:97%; overflow-x:scroll; white-space:nowrap; }
  #feedback_detail #enter_row #feedback_text input{ width:96%; height:32px; font-size:13px; margin:5px 2%; border-radius:7px; border:0.5px solid #dedede; -webkit-appearance:none; }
}