﻿.feedbackFrame { width: 600px; height: 300px; overflow: hidden; background-color: #f9f9f9; border: 1px solid #cecece; padding: 12px 52px; position: fixed; bottom: 0px; right: 52px; z-index: 999; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; }
.feedbackFrame .close { width: 32px; height: 32px; overflow: hidden; display: block; line-height: 26px; color: #999; font-size: 28px; cursor: pointer; position: absolute; top: 6px; right: 6px; text-align: center; }
.feedbackFrame.feedbackFrameX .close { display: none; }
.feedbackFrame.feedbackFrameX { width: 38px; height: 38px; overflow: hidden; border-radius: 50%; background-color: #b30e50; text-align: center; padding: 4px; bottom: 16px; right: 0px; }
.feedbackFrame.feedbackFrameX .image { display: inline-block; margin-top: 4px; }
.feedbackFrame.yuan form { display: none; }
.feedbackFrame form { display: block; }
.feedbackFrame .image { display: none; }
.feedbackFrame .swiper-container { width: 100%; height: 108px; overflow: hidden; padding: 0px 18px; margin-top: 26px; }
.feedbackFrame .swiper-slide { height: auto !important; }
.feedbackFrame .question1 { width: 80%; height: auto; overflow: hidden; margin: 6px auto; line-height: 24px; }
.feedbackFrame .textareaQuestion { width: 90%; height: 140px; overflow: hidden; margin: 24px auto; line-height: 24px; border: 1px solid #b5b5b5; padding: 12px; display: block; resize: none; outline: none; background: none; }
.feedbackFrame .question1 .line { width: 100%; height: auto; overflow: hidden; margin-bottom: 8px; cursor: pointer; }
.feedbackFrame .question1 .line .choose { width: 18px; height: 18px; overflow: hidden; float: left; padding: 2px; border: 1px solid #f9f9f9; border-radius: 50%; position: relative; margin-top: 4px; }
.feedbackFrame .question1 .line .choose i { width: 100%; height: 100%; overflow: hidden; border: 1px solid #999; background-color: #f9f9f9; border-radius: 50%; display: block; }
.feedbackFrame .question1 .line .choose input[type="radio"] { width: 100%; height: 100%; overflow: hidden; border: none; background: none; position: absolute; top: 0px; left: 0px; z-index: 10; opacity: 0; cursor: pointer; }
.feedbackFrame .question1 .line .qsDetails { padding-left: 24px; font-size: 14px; }
.feedbackFrame .question1 .line.on { color: #b30e50; }
.feedbackFrame .question1 .line.on .choose { border: 1px solid #b30e50; }
.feedbackFrame .question1 .line.on .choose i { border: 1px solid #b30e50; background-color: #b30e50; }
.feedbackFrame .explain { width: 100%; height: 26px; overflow: hidden; line-height: 26px; color: #b30e50; font-size: 24px; text-align: center; font-weight: bold; margin: 20px 0px 30px 0px }
.feedbackFrame .block { width: 100%; height: 32px; overflow: hidden; line-height: 32px; text-align: center; font-weight: bold; }
.feedbackFrame .block button { width: 100px; height: 32px; overflow: hidden; line-height: 32px; font-size: 14px; text-align: center; border-radius: 24px; display: inline-block; margin: 0px 32px; cursor: pointer; outline: none; }
.feedbackFrame .block .Feedbackyes, .feedbackFrame .block .contentSubmit { border: 1px solid #f9f9f9; color: #fff; cursor: no-drop; }
.feedbackFrame .block .contentSubmit { float: right; cursor: pointer }
.feedbackFrame .block .FeedbackNo, .feedbackFrame .block .contentReturn { background: none; border: 1px solid #b30e50; color: #b30e50; font-weight: bold; }
.feedbackFrame .block .contentReturn { float: left }
