@charset "UTF-8";
*{font-size: .2rem;}

.scroll-x { position: relative; overflow-x: auto; scrollbar-width: thin; /* Firefox滚动条样式 */ scrollbar-color: rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0.1); /* 定义滚动条轨道 */ }

.scroll-x::-webkit-scrollbar { width: 10px; /* 设置滚动条的宽度 */ }

.scroll-x::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.5); /* 设置滚动条滑块的颜色 */ border-radius: 0; /* 鼠标悬停时改变颜色 */ transition: background-color 0.3s ease; }

.scroll-x::-webkit-scrollbar-thumb:hover { background-color: rgba(0, 0, 0, 0.8); /* 鼠标悬停时颜色加深 */ }

.scroll-x::-webkit-scrollbar-track { background-color: rgba(0, 0, 0, 0.1); /* 设置滚动条轨道背景色 */ border-radius: 5px; /* 可以添加圆角 */ }

.scroll-y { position: relative; overflow-x: hidden; overflow-y: scroll; }

.scroll-y::-webkit-scrollbar { width: 4px; border-radius: 0; background: #2b3846; }

.scroll-y::-webkit-scrollbar-thumb { width: 8px; height: 1px; border-radius: 0; background: linear-gradient(to right, #ae1516, #ae1516); }

.scroll-y::-webkit-scrollbar-thumb:disabled { background: #708dab; }

.scroll-y::-webkit-scrollbar-track { border-radius: 0; background: #2b3846; }

.hid{font-size: 0;opacity: 0;color: transparent;}

body, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, select, td, textarea, th, ul {padding: 0;margin: 0;}

ol, ul {list-style: none;}

a {cursor: pointer;text-decoration: none;}

body, div, p, ul, li, table, tbody, tr, td, textarea, form, input, h1, h2, h3, h4, h5, dl, dt, dd, img, iframe, header, nav, section, article, footer, figure, figcaption, menu { margin: 0; padding: 0; list-style: none; }
h1, h2, h3, h4, h5, h6, th { font-weight: normal; font-size: 100%; }
ol, ul { margin: 0; padding: 0; }
fieldset { border: none; margin: 0; padding: 0; }
a, li, ul, [onclick] { -webkit-tap-highlight-color: none; -webkit-tap-highlight-color: transparent; }
table { border-collapse: collapse; border-spacing: 0; }
em, strong { font-weight: normal; font-style: normal; }
a { text-decoration: none;cursor: pointer; }
.hide { display: block; width: 0; height: 0; overflow: hidden; }
:focus { outline: none; }
.hide, .hid { text-indent: -99.99rem; font-size: 0rem; overflow: hidden; width: 0rem; height: 0rem; opacity: 0; }
input, textarea, section { border-radius: 0; outline: none; }
html { -webkit-text-size-adjust: 100%; }
i { font-style: normal; }

/* header */
.header{height: .7rem;background-color: #4a403e;}

.top-bar{position: relative;width: 100%;height: .7rem;background-color: #4a403e;}

.logo{width: 1.81rem;height: .56rem;background: url(../ossweb-img/logo.png) no-repeat;background-size: 100% 100%;;position: absolute;top: .08rem;left: .6rem;}

.navigation,.page-name,.top-bar-m{display: none;}

.head-nav{position: absolute;top: 0;right: .4rem;-webkit-user-select: none; /* Safari 3.1+ */
  -moz-user-select: none;    /* Firefox 2+ */
  -ms-user-select: none;     /* IE 10+ */
  user-select: none;         /* 标准语法 */}

.head-nav .main-nav{height: .7rem;}

/*暂时导航不全*/
.head-nav .main-nav{margin-right: 7.58rem;}

.head-nav li{float: left;width: 1.9rem;height: 100%;font-size: .24rem;}

.head-nav li span{width: 100%;height: 100%;display: block;text-align: center;color: #ac9d98;line-height: .7rem;transition: all 0.4s ease;}

.head-nav li span:hover,.head-nav li.hover span{background-color: #53949a;color: #fff;cursor: pointer;}

.head-nav .hid-nav{width: 19.2rem;position: absolute;top: .7rem;right: -.4rem;height: 0;z-index: 1;}

.head-nav.show .hid-nav .bg{width: 19.2rem;height: 5.13rem;background: url(../ossweb-img/main/top-nav-bg.png) no-repeat;background-size: 100%;position: absolute;top: 0;left: 0;}

.head-nav-t{position: absolute;width: 13.3rem;height: 0;right: 0.4rem;padding-top: .2rem;overflow: hidden;}

.head-nav-t li{width: 1.9rem;float: left;height: .5rem;}

.head-nav-t li a{width: 100%;height: 100%;display: block;text-align: center;line-height: .5rem;color: #978f80;font-size: .22rem;position: relative;}

.head-nav.show .head-nav-t{height: 5.13rem;}

.head-nav-t li a:hover{color: #dbcfc0;}

.head-nav-t li a:hover::after{content: '';width: .5rem;height: .01rem;background-color: #dbcfc0;display: block;position: absolute;top: .43rem;left: 50%;transform: translateX(-50%);}

/*footer*/
.footer{display: flex;width: 100%;height: 1.6rem;background: #000;justify-content: space-around;padding: .5rem 5.5rem;box-sizing: border-box;}

.bottom-logo{width: 2rem;height: .6rem;background: url(../ossweb-img/main/logo.png) no-repeat;background-size: 100%;}

.footer .line{width: .01rem;height: .3rem;background: #fff;position: relative;top: 0.14rem;}

.footer a{color: #fff;font-size: .2rem;line-height: .54rem;}