@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; }

.top-bar{display: none;}

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

.top-bar-m{position: relative;width: 100%;height: 1.2rem;background-color: #4a403e;z-index: 9;}

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

.head-nav{position: fixed;top: 1.2rem;left: 0;width: 100%;-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;}

.page-name{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);line-height: 1.2rem;height: 1.2rem;font-size: .5rem;color: #dbcfc0;}

.navigation{width: .69rem;height: .39rem;background: url(../ossweb-img/m/main/navipation.png) no-repeat;background-size: 100%;position: absolute;top: 50%;right: .3rem;transform: translateY(-50%);}

/*暂时导航不全*/

.head-nav{width: 100%;height: 0;background: url(../ossweb-img/m/main/nav-bg.jpg) no-repeat;background-size: 100%;position: absolute;top: 1.2rem;left: 0;transition: 0.5s ease;overflow: hidden;}

.head-nav.show{height: 6.18rem;}

.main-nav{padding: .22rem .46rem;box-sizing: border-box;}

.main-nav li{color: #dbcfc0;line-height: .5rem;}

.main-nav li span{display: block;line-height: .8rem;font-size: .36rem;}

.main-nav li span>a{font-size: .36rem;}

.main-nav li div{padding-left: .8rem;}

.main-nav li div a{font-size: .32rem;line-height: .46rem;color: #dbcfc0;display: inline-block;margin-right: .2rem;}

.main-nav .on{color: #53949a!important;} 


/*footer*/
.footer{display: flex;width: 100%;height: 1.6rem;background: #000;justify-content: space-around;padding: .5rem .5rem;box-sizing: border-box;position: fixed;bottom: 0;z-index: 1;}

.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;}