.form-group{position:relative}
.form-group label.info{width:60px;text-align:right;display:inline-block;font-size:14px;color:#666}
.form-group label.info.req:before{content:'*';color:#f3494b;margin-right:4px}
.form-group label.error{position:absolute;left:75px;bottom:-18px;color:#f3494b;font-size:12px}
.form-group input,.form-group textarea{margin-left:15px}
.form-group+.form-group{margin-top:24px}
label.label-area{color:#333;font-size:14px}
.dialog{position:fixed;top:0;left:0;width:100%;height:100%;display:none;z-index:3}
.dialog .dialog-content{position:absolute;width:574px;box-shadow:0 4px 20px 0 rgba(0,0,0,0.2);border:1px solid #979797;top:20%;left:50%;transform:translateX(-287px);background:#fff;z-index:10}
.dialog .dialog-content .dialog-header{padding:14px 30px;background:#f7f7f7;display:flex;justify-content:space-between;align-items:center}
.dialog .dialog-content .dialog-header p{font-size:16px;font-weight:bold}
.dialog .dialog-content .dialog-header img{width:16px;height:16px}
.dialog .dialog-content .dialog-body{margin:30px 0 10px 0}
.dialog .dialog-content .dialog-footer{display:flex;justify-content:center;padding:30px 0}
.dialog .dialog-content .dialog-footer>div{width:100px;height:32px;border-radius:4px;font-size:14px;line-height:32px;text-align:center;cursor:pointer}
.dialog .dialog-content .dialog-footer>div.save-button{background:linear-gradient(180deg,#ebcaaa 0%,#e49d6a 100%);color:#fff}
.dialog .dialog-content .dialog-footer>div.save-button:hover{background:#ebcaaa}
.dialog .dialog-content .dialog-footer>div.cancel-button{border:1px solid #c2c2c2;background:#fafafa;color:#333}
.dialog .dialog-content .dialog-footer>div.cancel-button:hover{border:1px solid #ebcaaa;color:#ebcaaa}
.dialog .dialog-content .dialog-footer>div+div{margin-left:18px}
.dialog .masking{width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,0.5)}
.form-status{text-align:center}
.form-status img{width:98px;height:53px;display:inline-block}
.form-status p.s_one{font-size:24px;font-weight:bold;margin-top:12px;margin-bottom:20px;color:#18c584}
.form-status p.s_one.error{color:#e42d2d}
.form-status p.s_two{font-size:14px;color:#666}
.form-status>div{display:flex;justify-content:center;margin-top:38px}
.form-status>div a{display:block;width:120px;height:36px;border-radius:25px;line-height:36px;text-align:center;font-size:14px}
.form-status>div a.left{border:1px solid #c2c2c2;color:#333;margin-right:16px}
.form-status>div a.right{background:linear-gradient(180deg,#ebcaaa 0%,#e49d6a 100%);color:#fff}

.spinner{width:40px;height:40px;position:relative;margin:300px auto}
.double-bounce1,.double-bounce2{width:100%;height:100%;border-radius:50%;background-color:#333;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:sk-bounce 2s infinite ease-in-out;animation:sk-bounce 2s infinite ease-in-out}
.double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}

@-moz-keyframes sk-bounce{0%,100%{transform:scale(0);-webkit-transform:scale(0)}
50%{transform:scale(1);-webkit-transform:scale(1)}
}@-webkit-keyframes sk-bounce{0%,100%{transform:scale(0);-webkit-transform:scale(0)}
50%{transform:scale(1);-webkit-transform:scale(1)}
}@-o-keyframes sk-bounce{0%,100%{transform:scale(0);-webkit-transform:scale(0)}
50%{transform:scale(1);-webkit-transform:scale(1)}
}@keyframes sk-bounce{0%,100%{transform:scale(0);-webkit-transform:scale(0)}
50%{transform:scale(1);-webkit-transform:scale(1)}
}.nav-title{position:relative}
.nav-title>img{height:42px}
.nav-title p{font-size:36px;color:#333;position:absolute;bottom:-18px;left:0;font-weight:bold}
.nav-title a{width:120px;height:36px;background:linear-gradient(180deg,#ebcaaa 0%,#e49d6a 100%);border-radius:20px;line-height:36px;font-size:14px;color:#fff;text-align:center;position:absolute;right:0;bottom:-18px;cursor:pointer;display:block}
.nav-title a img{width:16px;height:16px;display:inline-block;vertical-align:sub}
.guest-container{width:1200px;margin:100px auto 0;padding-bottom:60px}
.guest-container .tab{margin:38px 0 30px 0;text-align:center;color:#999;font-size:20px}
.guest-container .tab .active{color:#e49d6a;font-weight:bold}
.guest-container .tab span.text{cursor:pointer}
.guest-container .tab span.text:hover{color:#ebcaaa}
.guest-container .tab span.ge{color:#ddd;margin:0 20px}
.guest-container .guest-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;grid-gap:20px 20px}
.guest-container .guest-grid .item{text-align:center;height:200px;position:relative}
.guest-container .guest-grid .item img{border-radius:50%;width:115px;height:115px;margin:0 auto;border:4px solid #ffe1bd}
.guest-container .guest-grid .item .name{margin:5px 0;font-size:16px;color:#333;font-weight:bold}
.guest-container .guest-grid .item .title{font-size:12px;color:#999}
.guest-container .guest-grid .item .desc{position:absolute;bottom:0;left:0;width:100%;height:0;font-size:14px;color:#fff;line-height:22px;background:#d58750;overflow-y:scroll;transition:all .5s}
.guest-container .guest-grid .item .desc p{margin:20px}
.guest-container .guest-grid .item:hover .desc{height:200px}
.guest-container .more{width:100px;height:36px;border-radius:18px;border:1px solid #e49d6a;cursor:pointer;text-align:center;margin:40px auto 0;font-size:14px;color:#e49d6a;line-height:36px}
.ajax-loading{width:100%;height:600px;display:flex;justify-content:center;align-items:center;position:absolute;left:0;top:0;background:#fff}