/* 顶部样式 */ .gx-no{ position: fixed; width: 100%; background: #494d51; height: 0.30rem; font-size: 0.15rem; color: #fff; top: 0; z-index: 101; padding-left: 13.541666666666666%; } .gx-no a{ color: #fff; display: block; } .gx-no a:hover{ color: #fff !important; } .header-pc { display: flex; } .header-m { display: none; } .header { top: 0.30rem; position: fixed; z-index: 101; width: 100%; height: 0.6rem; padding-left: 13.541666666666666%; padding-right: 13.541666666666666%; background-color: #333; color: #ffffff; } /* 导航menu */ .header .header-menu { width: 100%; height: 100%; } .header a { color: #fff !important; } .header .header-menu .header-menu-item { height: 100%; cursor: pointer; font-size: 0.14rem; border-bottom: 0.02rem solid rgba(0,0,0,0); } .header .header-menu .header-menu-item ~ .header-menu-item { margin-left: 0.3rem; } .header .header-menu .header-menu-item:hover { border-bottom: 0.02rem solid #ffffff; } .header .header-menu .header-menu-item.active { border-bottom: 0.02rem solid #ffffff; } .login-menu{ margin: 0 !important; padding: 0.05rem 0 !important; background-color: #333; border: none; top: 0.95rem !important; } .login-menu .popper__arrow{ display: none; } .login-menu .el-dropdown-menu__item{ padding: 0 0.30rem; color: #f7f7f7; } .login-menu .el-dropdown-menu__item:not(.is-disabled):hover { background-color: #333; border-radius: 0.05rem; color: #0caafd; } .dropdown-menu { margin: 0 !important; padding: 0 !important; background-color: #333; border: none; width: 6.00rem; box-sizing: border-box; top: 0.9rem !important; border-radius: 0.05rem; } .dropdown-menu-left { left: 13.541666666666666% !important; } .dropdown-menu .el-dropdown-menu__item { background-color: #333; padding: 0 !important; box-shadow: 0 0.06rem 1px rgba(0, 0, 0, 0.3), 0 0 6px rgba(0, 0, 0, 0.2) } .dropdown-menu .el-dropdown-menu__item p{ padding: 0.03rem 0.3rem !important; } .dropdown-menu .popper__arrow{ display: none; } .dropdown-menu .el-dropdown-menu__item:not(.is-disabled):hover { background-color: #333; border-radius: 0.05rem; } .dropdown-menu .menu-item-box{ box-sizing: border-box; width: 3.00rem; background-color: #333; padding: 0.10rem 0.20rem; } .dropdown-menu .menu-item-head{ box-sizing: border-box; font-size: 0.15rem; font-weight: 400; color: #adadad; padding: 0.10rem 0 0.05rem 0; margin: 0 0.20rem; border-bottom: 1px solid #adadad; margin-bottom: 0.10rem; } .dropdown-menu .menu-item-main .main-icon{ margin-right: 0.12rem; width: 0.37rem; height: 0.37rem; } .dropdown-menu .menu-item-main .main-item:hover { background-color: #282828; box-shadow: 0 0.06rem 1px rgba(61, 61, 61, 0.5), 0 0 6px rgba(61, 61, 61, 0.5) } /* .dropdown-menu .menu-item-main .main-item:hover .main-icon { background-color: #464646; } */ .dropdown-menu .menu-item-main .main-title{ height: 0.18rem; font-size: 0.15rem; font-weight: 400; color: #f7f7f7; line-height: 0.18rem; } .dropdown-menu .menu-item-main .main-text{ height: 0.16rem; font-size: 0.13rem; font-weight: 400; color: #f7f7f7; line-height: 0.16rem; } .header .el-dropdown{ height: 100%; } .header .header-menu-color { color: #DBDBDB } /* 登录/注册 */ .header .header-login .vip{ background-color: #FA6400; padding: 0.04rem 0.1rem; border-radius: 0.05rem; margin-right: 0.44rem; } .header .header-login .vip .vip-img { height: 0.16rem; margin-right: 0.02rem; } .header .header-login .vip span { font-size: 0.14rem; font-family: PingFang SC; font-weight: 400; color: #fff; } .header .header-login { color: #fff; margin-left: 0.1rem; flex: 0 0 auto; } .header .header-login .login-not .login-not-user { height: 0.16rem; } .header .header-login .login-not span { font-size: 0.14rem; font-family: PingFang SC; font-weight: 400; color: #fff; } .header .header-login .login-in { position: relative; height: 100%; } .header .header-login .login-in img { width: 0.4rem; height: 0.4rem; border-radius: 50%; overflow: hidden; } .header .header-login .login-in span { display: inline-block; width: 0.85rem; height: 0.4rem; line-height: 0.4rem; font-size: 0.15rem; vertical-align: bottom; color: #fff; } /* 底部样式 */ .footerbd-l { border-left: 1px solid #444; } .footerbd-t { border-top: 1px solid #444; } .hoverbai + .hoverbai{ margin-top: 0.1rem !important; } .hoverbai:hover { cursor: pointer; color: #ffffff; } .myfooter { color: #999999; background-color: #333333; } .myfooter a{ color: #999999; } .myfooter .wrap{ width: 100%; font-size: 0.14rem; line-height: 0.36rem; display: block; text-align: center; } .myfooter .myfooter-top { padding-left: 13.541666666666666%; padding-right: 13.541666666666666%; padding-top: 0.6rem; padding-bottom: 0.6rem; } .myfooter .myfooter-left { padding-right: 2%; width: 4.5rem; } .myfooter .myfooter-left .myfooter-left-icon { height: 0.18rem; } .myfooter .myfooter-center { padding-left: 5%; padding-right: 5%; } .myfooter .myfooter-right .myfooter-right-image { width: 1.2rem; height: 1.2rem; border-radius: 0.06rem; overflow: hidden; } .myfooter .myfooter-address { /* max-width: 1.9rem; */ line-height: 0.28rem; } .myfooter .myfooter-left .myfooter-left-info .el-tabs { min-width: 4rem; } .myfooter .myfooter-left .myfooter-left-info .el-tabs .el-tabs__item{ color: #ffffff; height: 0.36rem; line-height: 0.36rem; font-size: 0.16rem; } /* 广告栏 */ .column{ padding: 0.2rem; background-color: #3a6fd9; } .column .column-text{ height: 0.38rem; line-height: 0.38rem; color: #fff; padding-right: 0.2rem; } .myfooter .myfooter-left .myfooter-left-info .el-tabs__nav-wrap::after { background-color: #999999 !important; } @media screen and (max-width: 768px) { /* 顶部样式 */ .header-pc { display: none; } .header-m { display: block; } .header { padding-left: 0; padding-right: 0; background-color: #333; } .header .header-content { flex-wrap: wrap; width: 100%; position: relative; } .gx-no{ padding-left: 0.15rem; } .header .header-content .logo { height: 100%; padding: 0.1rem 0 0.1rem 0.15rem; } .header .header-content .logo img { height: 0.4rem; max-width: 100%; } .header .header-content .menu-icon { height: 100%; padding-right: 0.15rem; } .header .header-content .menu-icon i { font-size: 0.2rem; color: #fff; } .header .header-content .top-nav { position: absolute; right: 0; top: 0.6rem; width: 100%; height: 0; transition: all 0.5s; overflow: hidden; display: flex; } .header .header-content .top-nav .top-navcon-blank { width: 50%; background-color: rgba(0,0,0,0); } .header .header-content .top-nav .top-navcon { width: 50%; background-color: #333; padding: 0 0.15rem; height: calc(100vh - 0.6rem); overflow-x: hidden; overflow-y: auto; } .header .header-content .top-nav .top-navcon .top-navcon-arrow { transition: all 0.2s; } .header .header-content .top-nav .top-navcon .top-navcon-arrow.active { transform: rotate(-90deg); } .header .header-content .top-nav .top-nav-login .top-nav-login1 { width: 100%; height: 100%; } .header .header-content .top-nav .top-nav-login .top-nav-login1 img { height: 0.16rem; } .header .header-content .top-nav .top-nav-login .top-nav-login2 { width: 100%; height: 80%; padding: 0.05rem 0; } .header .header-content .top-nav .top-nav-login .top-nav-login2 img { width: 0.3rem; height: 100%; object-fit: contain; } .header .header-content .top-nav .top-nav-login .top-nav-login2 p { width: calc(100% - 0.3rem); height: 100%; line-height: 0.3rem; padding-left: 0.05rem; } .header .header-content .top-nav.show { height: calc(100vh - 0.6rem); overflow-x: hidden; overflow-y: hidden; } .header .header-content .top-nav li { height: 0; text-align: left; color: #fff; opacity: 0; font-size: 0.14rem; } .header .header-content .top-nav.show li { height: 0.5rem; border-bottom: 1px solid rgba(255,255,255,0.05); opacity: 1; display: flex; align-items: center; } .header .header-content .top-nav.show li.active { color: var(--themeColor); } /* 底部样式 */ .myfooter .myfooter-top { padding-left: 0.15rem; padding-right: 0.15rem; padding-top: 0.3rem; padding-bottom: 0.3rem; display: block; } .myfooter .myfooter-left { padding-right: 0; width: 100%; } .myfooter .myfooter-left .myfooter-left-phone { display: flex; align-items: center; justify-content: center; margin-bottom: 0.15rem; } .myfooter .myfooter-left .myfooter-left-phone .myfooter-left-phone-number { margin-top: 0 !important; margin-left: 0.05rem; } .myfooter .myfooter-left .myfooter-left-info > div { justify-content: center; } .myfooter .myfooter-left .myfooter-left-info .el-tabs__nav-wrap::after { background-color: #999999 !important; } .myfooter .myfooter-center { display: none !important; } .myfooter .myfooter-right .myfooter-right-title { display: none; } .myfooter .myfooter-right .myfooter-right-qrcode { justify-content: center; } .myfooter .myfooter-address { /* max-width: 2.5rem; */ line-height: 0.28rem; } .header .vip{ background-color: #FA6400; padding: 0.04rem 0.1rem; border-radius: 0.05rem; margin-right: 0.1rem; } .header .vip .vip-img { height: 0.16rem; margin-right: 0.02rem; } .header .vip span { font-size: 0.12rem; font-family: PingFang SC; font-weight: 400; color: #fff; } }