123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293 |
- .feedbackPanel {
- width: 100%;
- height: 100%;
- position: absolute;
- z-index: 100;
- }
- .feedbackPanel .bg {
- width: 100%;
- height: 100%;
- background: rgba(45, 53, 68, 0.8);
- }
- .feedbackPanel .content {
- position: fixed;
- top: calc(50% - 350px);
- left: calc(50% - 500px);
- width: 900px;
- height: 640px;
- background: #ffffff;
- padding: 30px 50px;
- border-radius: 7px;
- }
- .feedbackPanel .content .close {
- position: absolute;
- top: -5px;
- right: 15px;
- font-size: 50px;
- font-weight: 100;
- color: #aaaaaa;
- cursor: pointer;
- }
- .feedbackPanel .content .title {
- text-align: center;
- font-size: 25px;
- color: #000;
- margin: 20px 0 0 0;
- letter-spacing: 2px;
- }
- .feedbackPanel .content .tips {
- color: #aaaaaa;
- font-size: 14px;
- margin: 10px 0 40px 0;
- }
- .feedbackPanel .content table,
- .feedbackPanel .content table tr {
- width: 100%;
- }
- .feedbackPanel .content table tr td {
- width: 46%;
- height: 50px;
- padding: 0 4% 0 0;
- }
- .feedbackPanel .content table tr td:last-child {
- padding: 0;
- }
- .feedbackPanel .content table tr td p {
- margin: 0 0 10px 0;
- }
- .feedbackPanel .content table tr td input {
- width: calc(97% - 10px);
- height: 40px;
- padding: 0 10px 0 10px;
- margin: 0 0 15px 0;
- border: 1px solid #aaaaaa;
- }
- .feedbackPanel .content table tr textarea {
- width: 100%;
- padding: 5px;
- }
- .feedbackPanel .content .red {
- color: red;
- }
- .feedbackPanel .content .submit {
- width: 120px;
- height: 36px;
- background: transparent;
- border: 1px solid #aaaaaa;
- border-radius: 4px;
- margin: 15px calc(50% - 60px);
- cursor: pointer;
- }
|