body{ background: url(../img/feedback_bg.jpg) center center / cover no-repeat;}

.main{}

/*分区*/
.section {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    border-top: 1px solid #252526;
    background: url(../img/body_bg.png) repeat;
}
.section .st_main {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}
/*馆内资讯-导航*/
.st_title {
    width: 100%;
    height: 50px;
}
.st_title a {
    float: left;
    font-size: 14px;
    line-height: 50px;
}
.st_title span {
    float: left;
    padding: 0 20px;
    font-size: 14px;
    line-height: 50px;
    color: #000;
}


/*意见反馈*/
.feedback{ width: 1100px; height: auto; margin-top: -50px; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%);}


.feedback .r1{ width: 100%; height: auto;}
.feedback .r1 input{ display: block; width: 100%; height: 50px; padding: 0 20px; border: none; background-color: #fff; font-size: 16px; line-height: 50px;}


.feedback .r2{ width: 100%; height: auto; margin-top: 20px;}
.feedback .r2 textarea{ display: block; width: 100%; min-width: 100%; max-width: 100%; height: auto; min-height: 230px; padding: 10px 20px; background-color: #fff; border: none; font-size: 16px; line-height: 150%; resize: none;}

.feedback button.submit{ display: block; width: 180px; height: 42px; margin-left: -90px; position: absolute; bottom: 20px; left: 50%; border: none; outline: none; background-color: #CB2636; border-radius: 5px; font-size: 16px; line-height: 42px; color: #fff; text-align: center; cursor: pointer; transition: all .2s ease-out 0s;}
.feedback button.submit:active{ transform: scale(1.1);}


/*弹出层*/
.layer{ width: 100%; height: 100%; position: fixed; top: 0; bottom: 0; z-index: 100; background-color: rgba(19,19,19,0.5);;}
.layer_bg{ width: 100%; height: 100%; position: absolute; top: 0;}
.layer_main{ width: 360px; height: 220px; padding-top: 30px; margin-top: -110px; margin-left: -180px; overflow: hidden; position: absolute; top: 50%; left: 50%; border-radius: 8px; background-color: #fff;}
/*预约成功*/
.layer_main.success{ font-size: 14px; line-height: 150%; text-align: center;}
.layer_main.success .r1{ padding-top: 60px; background: url(../img/bg17.png) center top / 48px 48px no-repeat; font-size: 14px; line-height: 200%; color: #626262; text-align: center;}
.layer_main.success a.r2{ display: block; width: 180px; height: 42px; margin: 30px auto 0; background-color: #CB2636; border-radius: 5px; font-size: 16px; line-height: 42px; color: #fff; text-align: center;}
.layer_main.success a.r2:active{ transform: scale(1.1);}





@media only screen and (max-height: 750px) {
	.feedback{ position: relative; top: auto; left: auto; transform: translate(0%, 0%); margin: 50px auto;}
}