.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; }