.reserved-information-mark {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: #000;opacity: .8;z-index: 1000;display:none;}
.reserved-information {overflow: hidden;position: fixed;width: 54%; z-index: 2000;left: 50%;top: 50%;transform: translate(-50%,-50%);transition:all .4s ease;background: rgba(42, 75, 124, .5);-webkit-backdrop-filter: blur(20px);backdrop-filter: blur(20px);}
.reserved-information.hides {transform: translate(-50%,-250%);opacity: 0;}
 .reserved-information-content {position: relative;z-index: 10;padding: 2%;overflow: hidden;color: #fff;}
.reserved-information-content.cur::before {content: '';width: 100%;height: 100%;left: 0;top: 0;position: absolute;z-index: 10;background: rgba(255,255,255,.5) url('../static/images/loading.gif') center no-repeat;}
.reserved-information-content-top {overflow: hidden;}
.reserved-information-content-top .title-1 {font-size: 4rem;width: 90%;}
.reserved-information-content-top .text-2 {font-size: 1.4rem;line-height: 2.6rem;margin-top: 3rem;width: 100%;}
.reserved-information-content-top .text-2 .tttt-2 {overflow: hidden;width: 100%;text-align: center;font-size: 1.8rem;}
.reserved-information-content-top .text-2 .itemss-2 strong {color:#4db560;font-family: 'Montserrat-Extra-Bold', Microsoft Yahei, Arial;}
.reserved-information-content-top .text-2 .items-2 {display:flex;justify-content: space-between;margin-top: 1rem;}
.reserved-information-content-top .text-2 .itemss-2{width: 43.5%;font-size: 1.6rem;padding:2% 3%;background:rgba(77,181,96,.3);color:#fff;}
.reserved-information-content-top .text-2 .itemss-2 p {padding: .5rem 0;font-size: 1.4rem;}
.reserved-information-content-center {margin-top: 3%;}
.reserved-information-from {overflow: hidden;}
.reserved-information-item {margin-bottom: 2%;overflow: hidden;display: flex;font-size: 1.6rem;width: 100%;}
.reserved-information-item .item-1 {width: 100%;position: relative;}
.reserved-information-item .item-2 {width: 49.5%;margin-right: 1%;}
.reserved-information-item .item-2:last-child {margin-right: 0;}
.reserved-information-item .title-1 {margin-bottom: 1rem;}
.reserved-information-item .input-2 {overflow: hidden;position: relative;}
.reserved-information-item .input-2 input {width: 100%;box-sizing: border-box;background: none;border: 1px solid rgba(255,255,255,.7);padding: 1rem;outline: none;color: #fff;font-size: 1.6rem;}
.reserved-information-item .input-2 input::placeholder {color: #fff;opacity: .5;}
.reserved-information-item .input-2 input:focus {border: 1px solid #fff;}
.reserved-information-item .label-2 {position: relative;display: flex;width: 100%;}
.reserved-information-item .label-2 label{cursor: pointer; position: relative;margin-right: 2rem;display: flex;align-items: center;}
.reserved-information-item .label-2 input{-webkit-appearance: none;-moz-appearance: none;appearance: none;width: 1.6rem;height: 1.6rem;flex-shrink: 0;outline: 1px solid #fff;outline-offset: 2px;background-color: transparent;cursor: pointer;position: relative;color: #fff;border-radius: 50%;margin: 3px;} 
.reserved-information-item .label-2 input:checked {background-color: #fff;border-color:#fff;}
.reserved-information-item .label-2 span {display: inline-block;margin-left:1rem;}
.reserved-information-item .textarea-2 {overflow: hidden;position: relative;}
.reserved-information-item .textarea-2 textarea{width: 100%;box-sizing: border-box;background: none;border: 1px solid rgba(255,255,255,.7);padding: 1rem;outline: none;color: #fff;font-size: 1.6rem;font-family: Arial, sans-serif;}
.reserved-information-item .textarea-2 textarea::placeholder {color: #fff;opacity: .5;}
.reserved-information-item .textarea-2 span{text-align: right;display: block;margin-top: .5rem;font-size: 1.2rem;} 
.reserved-information-item .checkbox-1 {overflow: hidden;position: relative;}
.reserved-information-item .checkbox-1 label{cursor: pointer; position: relative;display: flex;align-items: center;}
.reserved-information-item .checkbox-1 input{-webkit-appearance: none;-moz-appearance: none;appearance: none;width: 1.6rem;height: 1.6rem;flex-shrink: 0;outline: 1px solid #fff;outline-offset: 2px;background-color: transparent;cursor: pointer;position: relative;color: #fff;margin: 3px;} 
.reserved-information-item .checkbox-1 input:checked {background: url('../static/images/cc.svg') center no-repeat #000;background-size: 100%;}
.reserved-information-item .checkbox-1 label span {display: block;margin-left: 1rem;}
.reserved-information-item .submit-1 {text-align: right;}
.reserved-information-item .submit-1 a{display: flex;align-items: center;padding: 1rem 3rem;border: 1px solid #fff;text-decoration: none;transition:all .4s ease;}
.reserved-information-item .submit-1 a span{display: block;font-size: 1.8rem;color: #fff;}
.reserved-information-item .submit-1 a i {width: 1.5rem;height: 1.5rem;margin-left: 2rem;background: url('../static/images/r1.svg') center no-repeat;background-size: 100%;display: block;filter: none;filter: invert(1);}
.reserved-information-item .submit-1 a:hover {background: #4db560;border: 1px solid #4db560;}
.close-5 {position: absolute;right: 5%;top: 5%;z-index: 11;}
.close-5 a {display: block;width: 4rem;height: 4rem;position: relative;}
.close-5 a i {display: block;width: 100%;height: 100%;transform: rotate(45deg);}
.close-5 a i::before,.close-5 a i::after {content: '';width: 100%;height: 3px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #fff;z-index: 1;}
.close-5 a i::after {transform: translate(-50%,-50%) rotate(90deg);}
.close-5 a:hover {transform: rotate(90deg);}
.error-message {color: #da0000;margin-top: .4rem;}
@media screen and (max-width: 2140px) {
.reserved-information {width: 60%;}
}
@media screen and (max-width: 1920px) {
.reserved-information {width: 70%;}
.reserved-information-content {padding: 5%;}
.reserved-information-content-top .title-1 {width: 90%;font-size: 3rem;}
.reserved-information-content-top .text-2 {font-size: 2rem;line-height: 2.5rem;width: 100%;}
.reserved-information-item .label-2 span {font-size: 1.2rem;}
}
@media screen and (max-width: 1860px) {
.reserved-information-content-top .text-2 .itemss-2 p {font-size: 1.2rem;}
}
@media screen and (max-width: 1560px) {
.reserved-information-content-top .text-2 .itemss-2 p {font-size: 1.1rem;}
}
@media screen and (max-width: 1360px) {
.reserved-information-content-top .text-2 .itemss-2 p {font-size: 1rem;}
}
@media screen and (max-width: 1280px) {
.reserved-information {width: 80%;}
}
@media screen and (max-width: 680px) { 
.reserved-information {width: 90%;margin: 0 auto;height: 90%;}
.reserved-information-content {padding: 5%;width:90%;height:90%;overflow:auto;}
.reserved-information-content-top .title-1 {font-size: 2.6rem;width: 100%;}
.reserved-information-content-top .text-2 {font-size: 1.6rem;line-height: 2rem;margin-top: 2rem;width: 100%;}
.reserved-information-item {width: 100%;flex-wrap: wrap;}
.reserved-information-item .item-2 {width: 100%;margin-right: 0;margin-bottom: 4%;}
.reserved-information-from {padding-top: 5%;}
.reserved-information-item .label-2 span {font-size: 1.2rem;}
.reserved-information-item .submit-1 a,.reserved-information-item .submit-1 {width: 100%;padding: 1rem 0;justify-content: center;box-sizing: border-box;}
.reserved-information-item .label-2 { flex-wrap: wrap;}
.reserved-information-item .label-2 label {margin-bottom: 1rem;}
.reserved-information-content-top .title-1 {font-size: 1.5rem;width: 90%;}
.reserved-information-content-top .text-2 .items-2 {display: block;}
.reserved-information-content-top .text-2 .itemss-2 {width: 100%;box-sizing: border-box;margin-bottom: 5%;}
.reserved-information-content-top .text-2 .tttt-2 {font-size: 1.4rem;}
}
@media screen and (max-height: 700px) {
    .reserved-information {height:100%;overflow:auto;}
}