@charset "UTF-8";
/* 公共头部、页脚独立设置尺寸与字体，不依赖 home.css 或 about.css。 */
@font-face { font-family: "Tagline"; src: url("/template/index/static/fonts/tagline.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: block; }
.header,.footer,.back-top,.header *,.footer *,.back-top * {box-sizing:border-box}
.header,.footer {width:100%;max-width:1680px;min-width:1200px;margin:0 auto;padding:0;border:0;font:400 15px/normal "Microsoft YaHei";letter-spacing:normal;text-align:left}
.header :where(ul,li,p),.footer :where(p,nav,address) {margin:0;padding:0;border:0}
.header ul {list-style:none}
.header a,.footer a,.back-top {font-family:Verdana,Arial,Helvetica,sans-serif;text-decoration:none;font-style:normal;letter-spacing:normal}
.header img,.footer img,.back-top img {display:block;border:0;margin:0;padding:0;max-width:none}
.header a:focus-visible,.footer a:focus-visible,.back-top:focus-visible {outline:2px solid #db9e50;outline-offset:3px}
.header {height:82px;color:#000;background:#a40000}
.header .nav { height: 82px; background: #a40000; position: relative; z-index: 10; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: 400; line-height: 82px; }
.header .nav * { font-family: Verdana, Arial, Helvetica, sans-serif; }
.header .nav-inner { width: 1116px; height: 82px; margin: auto; position: relative; padding-left: 316px; }
.header .nav-logo { position: absolute; left: 7px; top: 14px; }
.header .nav-links { display: flex; font-size: 18px; font-weight: 400; line-height: 82px; }
.header .nav-links > li > a { display: block; width: 114px; height: 76px; text-align: center; color: #eee; }
.header .nav-links > li:first-child > a { width: 110px; }
.header .nav-links > li > a[aria-current],.header .nav-links > li > a:hover { background: #fff; color: #a40000; }
.header .nav-links > li > a:hover { font-weight: 700; }
.header .nav-submenu { display: none; position: absolute; top: 76px; left: 138px; width: 900px; height: 48px; background: #727171; }
.header .nav-submenu a { display: block; width: 115px; color: #dcdddd; text-align: center; font-size: 16px; font-weight: 700; line-height: 48px; }
.header .nav-submenu a:hover { color: #fff; text-decoration: underline; }
.header .nav-brand:hover .nav-submenu,.header .nav-brand:focus-within .nav-submenu { display: flex; }
/* 页脚 */
.footer { height: 402px; color: #fff; background: #383838; }
.footer a { color: #fff; }
.footer a:hover { color: #fff; font-weight: 700; text-decoration: none; }
.footer-motto { height: 110px; border-bottom: 13px solid #b51924; background: #000; text-align: center; padding-top: 28px; padding-left: 12px; font: 400 24px/40px "Tagline", SimSun,serif; letter-spacing: 0; }
.footer-inner { height: 292px; padding-top: 105px; display: flex; font-size: 17px; line-height: 27.2px; }
.footer-inner::before { content: ""; position: absolute; top: 0; left: 999px; width: 48px; height: 24px; background: #b51924; clip-path: polygon(0 0,100% 0,50% 100%); }
.footer-contact { width: 516px; margin-left: -9px; }
.footer-contact address { font-family: "Microsoft YaHei"; font-style: normal; }
.footer-contact p a { font-family: "Microsoft YaHei"; }
.footer-legal { width: 350px; }
.footer-logo { position: absolute; top: 65px; left: 969px; }
.back-top { position: fixed; z-index: 30; right: 10px; top: 85%; width: 80px; height: 80px; background: #a3a3a3; color: #fff !important; text-align: center; }
.back-top:hover { background: #e40231; }
.back-top img { position: absolute; left: 27px; top: 8px; width: 26px; height: 38px; }
.back-top span { display: block; padding-top: 55px; }
.footer .footer-inner {width:1102px;margin:0 auto;position:relative;font-weight:400}
.footer .footer-motto {margin:0;will-change:opacity;opacity:.999}
.footer .footer-contact address {font-style:normal}
.back-top {font-size:15px;font-weight:400;line-height:normal;border:0;margin:0;padding:0}

/* 酒店详情沿用原站灰色顶部导航，共用同一份头部结构。 */
.details .header,.details .header .nav{background:#535657}
.details .header .nav-inner{width:1110px;padding-left:277px}
.details .header .nav-links>li>a{width:118px;line-height:76px;margin-right:1px;color:#fff}
.details .header .nav-links>li:first-child>a{width:112px;text-align:left;padding-left:40px}
.details .header .nav-links>li>a:hover{background:transparent;color:#fff}

.back-list{position:fixed;z-index:30;right:10px;top:calc(85% - 80px);width:80px;height:80px;background:#a3a3a3;color:#fff!important;text-align:center;font:15px/20px Arial,sans-serif;text-decoration:none}
.back-list svg{display:block;width:40px;height:40px;margin:8px auto 5px}
.back-list:hover{background:#e40231}

.header .nav-submenu{width:1000px;left:110px}.header .nav-submenu>li{flex:1}.header .nav-submenu a{width:auto;padding:0 8px;white-space:nowrap}