@charset "UTF-8";

html, body { margin: 0; padding: 0; background-color: #f3f6f7; box-sizing: border-box; font-family: Noto Sans SC, "思源黑体" !important; }

section, header, footer, div, span, ul, ol, li, a, p, input, h1, h2, h3 { box-sizing: border-box; margin: 0; padding: 0; list-style: none; text-decoration: none; }

.header-wrap { width: 100%; /* overflow: hidden; */ /* 搜搜框 */ /* 分类筛选 */ /*清仓*/ /*场景选购*/ /*大牌推荐*/ /*统一楼层布局样式*/ /*公共底部*/ /*固定导航*/ /*固定右栏*/ }

.header-wrap .top-adv { position: relative; background-color: #2b61ad; }

.header-wrap .top-adv__img { position: relative; }

.header-wrap .top-adv__img img { display: block; height: 80px; }

.header-wrap .top-adv__img .close { position: absolute; right: 48px; top: 10px; font-size: 24px; display: inline-block; color: #fff; transform: rotate(45deg); cursor: pointer; }

.header-wrap .top-info-wrap { background-color: #efefef; }

.header-wrap .top-info-wrap.new-home-page { background-color: transparent; }

.header-wrap .top-info-wrap .top-info { width: 1180px; margin: 0 auto; height: 68px; font-weight: 500; color: #2b61ad; font-size: 16px; }

.header-wrap .top-info-wrap .top-info a { color: #323232; text-decoration: none; }

.header-wrap .top-info-wrap .top-info a:hover { color: #2b61ad; }

.header-wrap .top-info-wrap .top-info__left-login { margin-left: 42px; padding-right: 35px; position: relative; margin-right: 35px; }

.header-wrap .top-info-wrap .top-info__left-login:after { content: ''; position: absolute; top: 3px; right: 0; bottom: 3px; width: 1px; background-color: #c3c3c3; }

.header-wrap .top-info-wrap .top-info__left-register { position: relative; font-size: 16px; color: #323232; border: none; cursor: pointer; }

.header-wrap .top-info-wrap .top-info__left-register__tip { position: absolute; padding: 0px 18px; left: -22px; top: 46px; background-color: #2b61ad; color: #fff; border-radius: 14px; white-space: nowrap; }

.header-wrap .top-info-wrap .top-info__left-register__tip:after { content: ''; position: absolute; top: -18px; left: 20px; width: 0; height: 0; border-bottom: 19px solid #2b61ad; border-left: 13px solid transparent; }

.header-wrap .top-info-wrap .top-info__left-register__tip:hover { cursor: auto; }

.header-wrap .top-info-wrap .top-info__right { display: flex; }

.header-wrap .top-info-wrap .top-info__right-my, .header-wrap .top-info-wrap .top-info__right-server, .header-wrap .top-info-wrap .top-info__right-phone, .header-wrap .top-info-wrap .top-info__right-help, .header-wrap .top-info-wrap .top-info__right-contact { display: block; padding: 8px 26px; position: relative; /* line-height: 12px; */ }

.header-wrap .top-info-wrap .top-info__right-my:after, .header-wrap .top-info-wrap .top-info__right-server:after, .header-wrap .top-info-wrap .top-info__right-phone:after, .header-wrap .top-info-wrap .top-info__right-help:after, .header-wrap .top-info-wrap .top-info__right-contact:after { content: ''; position: absolute; top: 10px; right: 0; bottom: 10px; width: 1px; background-color: #c3c3c3; }

.header-wrap .top-info-wrap .top-info__right-my .active__list, .header-wrap .top-info-wrap .top-info__right-server .active__list, .header-wrap .top-info-wrap .top-info__right-phone .active__list, .header-wrap .top-info-wrap .top-info__right-help .active__list, .header-wrap .top-info-wrap .top-info__right-contact .active__list { display: none; }

.header-wrap .top-info-wrap .top-info__right-my.active, .header-wrap .top-info-wrap .banner-box .banner-info .top-info__right-my.customer__information__title-more:hover, .header-wrap .banner-box .banner-info .top-info-wrap .top-info__right-my.customer__information__title-more:hover, .header-wrap .top-info-wrap .fixed__wrap__index > span.top-info__right-my:hover, .header-wrap .top-info-wrap .fixed__wrap__index > a.top-info__right-my:hover, .header-wrap .top-info-wrap .fixed__wrap__index > div.top-info__right-my:hover, .header-wrap .top-info-wrap .top-info__right-my.xmh, .header-wrap .top-info-wrap .top-info__right-server.active, .header-wrap .top-info-wrap .banner-box .banner-info .top-info__right-server.customer__information__title-more:hover, .header-wrap .banner-box .banner-info .top-info-wrap .top-info__right-server.customer__information__title-more:hover, .header-wrap .top-info-wrap .fixed__wrap__index > span.top-info__right-server:hover, .header-wrap .top-info-wrap .fixed__wrap__index > a.top-info__right-server:hover, .header-wrap .top-info-wrap .fixed__wrap__index > div.top-info__right-server:hover, .header-wrap .top-info-wrap .top-info__right-server.xmh, .header-wrap .top-info-wrap .top-info__right-phone.active, .header-wrap .top-info-wrap .banner-box .banner-info .top-info__right-phone.customer__information__title-more:hover, .header-wrap .banner-box .banner-info .top-info-wrap .top-info__right-phone.customer__information__title-more:hover, .header-wrap .top-info-wrap .fixed__wrap__index > span.top-info__right-phone:hover, .header-wrap .top-info-wrap .fixed__wrap__index > a.top-info__right-phone:hover, .header-wrap .top-info-wrap .fixed__wrap__index > div.top-info__right-phone:hover, .header-wrap .top-info-wrap .top-info__right-phone.xmh, .header-wrap .top-info-wrap .top-info__right-help.active, .header-wrap .top-info-wrap .banner-box .banner-info .top-info__right-help.customer__information__title-more:hover, .header-wrap .banner-box .banner-info .top-info-wrap .top-info__right-help.customer__information__title-more:hover, .header-wrap .top-info-wrap .fixed__wrap__index > span.top-info__right-help:hover, .header-wrap .top-info-wrap .fixed__wrap__index > a.top-info__right-help:hover, .header-wrap .top-info-wrap .fixed__wrap__index > div.top-info__right-help:hover, .header-wrap .top-info-wrap .top-info__right-help.xmh, .header-wrap .top-info-wrap .top-info__right-contact.active, .header-wrap .top-info-wrap .banner-box .banner-info .top-info__right-contact.customer__information__title-more:hover, .header-wrap .banner-box .banner-info .top-info-wrap .top-info__right-contact.customer__information__title-more:hover, .header-wrap .top-info-wrap .fixed__wrap__index > span.top-info__right-contact:hover, .header-wrap .top-info-wrap .fixed__wrap__index > a.top-info__right-contact:hover, .header-wrap .top-info-wrap .fixed__wrap__index > div.top-info__right-contact:hover, .header-wrap .top-info-wrap .top-info__right-contact.xmh { cursor: pointer; z-index: 10; }

.header-wrap .top-info-wrap .top-info__right-my.active:hover, .header-wrap .top-info-wrap .banner-box .banner-info .top-info__right-my.customer__information__title-more:hover, .header-wrap .banner-box .banner-info .top-info-wrap .top-info__right-my.customer__information__title-more:hover, .header-wrap .top-info-wrap .fixed__wrap__index > span.top-info__right-my:hover, .header-wrap .top-info-wrap .fixed__wrap__index > a.top-info__right-my:hover, .header-wrap .top-info-wrap .fixed__wrap__index > div.top-info__right-my:hover, .header-wrap .top-info-wrap .top-info__right-my.xmh:hover, .header-wrap .top-info-wrap .top-info__right-server.active:hover, .header-wrap .top-info-wrap .banner-box .banner-info .top-info__right-server.customer__information__title-more:hover, .header-wrap .banner-box .banner-info .top-info-wrap .top-info__right-server.customer__information__title-more:hover, .header-wrap .top-info-wrap .fixed__wrap__index > span.top-info__right-server:hover, .header-wrap .top-info-wrap .fixed__wrap__index > a.top-info__right-server:hover, .header-wrap .top-info-wrap .fixed__wrap__index > div.top-info__right-server:hover, .header-wrap .top-info-wrap .top-info__right-server.xmh:hover, .header-wrap .top-info-wrap .top-info__right-phone.active:hover, .header-wrap .top-info-wrap .banner-box .banner-info .top-info__right-phone.customer__information__title-more:hover, .header-wrap .banner-box .banner-info .top-info-wrap .top-info__right-phone.customer__information__title-more:hover, .header-wrap .top-info-wrap .fixed__wrap__index > span.top-info__right-phone:hover, .header-wrap .top-info-wrap .fixed__wrap__index > a.top-info__right-phone:hover, .header-wrap .top-info-wrap .fixed__wrap__index > div.top-info__right-phone:hover, .header-wrap .top-info-wrap .top-info__right-phone.xmh:hover, .header-wrap .top-info-wrap .top-info__right-help.active:hover, .header-wrap .top-info-wrap .banner-box .banner-info .top-info__right-help.customer__information__title-more:hover, .header-wrap .banner-box .banner-info .top-info-wrap .top-info__right-help.customer__information__title-more:hover, .header-wrap .top-info-wrap .fixed__wrap__index > span.top-info__right-help:hover, .header-wrap .top-info-wrap .fixed__wrap__index > a.top-info__right-help:hover, .header-wrap .top-info-wrap .fixed__wrap__index > div.top-info__right-help:hover, .header-wrap .top-info-wrap .top-info__right-help.xmh:hover, .header-wrap .top-info-wrap .top-info__right-contact.active:hover, .header-wrap .top-info-wrap .banner-box .banner-info .top-info__right-contact.customer__information__title-more:hover, .header-wrap .banner-box .banner-info .top-info-wrap .top-info__right-contact.customer__information__title-more:hover, .header-wrap .top-info-wrap .fixed__wrap__index > span.top-info__right-contact:hover, .header-wrap .top-info-wrap .fixed__wrap__index > a.top-info__right-contact:hover, .header-wrap .top-info-wrap .fixed__wrap__index > div.top-info__right-contact:hover, .header-wrap .top-info-wrap .top-info__right-contact.xmh:hover { background-color: #fff; }

.header-wrap .top-info-wrap .top-info__right-my.active .icon-xiala-copy, .header-wrap .top-info-wrap .banner-box .banner-info .top-info__right-my.customer__information__title-more:hover .icon-xiala-copy, .header-wrap .banner-box .banner-info .top-info-wrap .top-info__right-my.customer__information__title-more:hover .icon-xiala-copy, .header-wrap .top-info-wrap .fixed__wrap__index > span.top-info__right-my:hover .icon-xiala-copy, .header-wrap .top-info-wrap .fixed__wrap__index > a.top-info__right-my:hover .icon-xiala-copy, .header-wrap .top-info-wrap .fixed__wrap__index > div.top-info__right-my:hover .icon-xiala-copy, .header-wrap .top-info-wrap .top-info__right-my.xmh .icon-xiala-copy, .header-wrap .top-info-wrap .top-info__right-server.active .icon-xiala-copy, .header-wrap .top-info-wrap .banner-box .banner-info .top-info__right-server.customer__information__title-more:hover .icon-xiala-copy, .header-wrap .banner-box .banner-info .top-info-wrap .top-info__right-server.customer__information__title-more:hover .icon-xiala-copy, .header-wrap .top-info-wrap .fixed__wrap__index > span.top-info__right-server:hover .icon-xiala-copy, .header-wrap .top-info-wrap .fixed__wrap__index > a.top-info__right-server:hover .icon-xiala-copy, .header-wrap .top-info-wrap .fixed__wrap__index > div.top-info__right-server:hover .icon-xiala-copy, .header-wrap .top-info-wrap .top-info__right-server.xmh .icon-xiala-copy, .header-wrap .top-info-wrap .top-info__right-phone.active .icon-xiala-copy, .header-wrap .top-info-wrap .banner-box .banner-info .top-info__right-phone.customer__information__title-more:hover .icon-xiala-copy, .header-wrap .banner-box .banner-info .top-info-wrap .top-info__right-phone.customer__information__title-more:hover .icon-xiala-copy, .header-wrap .top-info-wrap .fixed__wrap__index > span.top-info__right-phone:hover .icon-xiala-copy, .header-wrap .top-info-wrap .fixed__wrap__index > a.top-info__right-phone:hover .icon-xiala-copy, .header-wrap .top-info-wrap .fixed__wrap__index > div.top-info__right-phone:hover .icon-xiala-copy, .header-wrap .top-info-wrap .top-info__right-phone.xmh .icon-xiala-copy, .header-wrap .top-info-wrap .top-info__right-help.active .icon-xiala-copy, .header-wrap .top-info-wrap .banner-box .banner-info .top-info__right-help.customer__information__title-more:hover .icon-xiala-copy, .header-wrap .banner-box .banner-info .top-info-wrap .top-info__right-help.customer__information__title-more:hover .icon-xiala-copy, .header-wrap .top-info-wrap .fixed__wrap__index > span.top-info__right-help:hover .icon-xiala-copy, .header-wrap .top-info-wrap .fixed__wrap__index > a.top-info__right-help:hover .icon-xiala-copy, .header-wrap .top-info-wrap .fixed__wrap__index > div.top-info__right-help:hover .icon-xiala-copy, .header-wrap .top-info-wrap .top-info__right-help.xmh .icon-xiala-copy, .header-wrap .top-info-wrap .top-info__right-contact.active .icon-xiala-copy, .header-wrap .top-info-wrap .banner-box .banner-info .top-info__right-contact.customer__information__title-more:hover .icon-xiala-copy, .header-wrap .banner-box .banner-info .top-info-wrap .top-info__right-contact.customer__information__title-more:hover .icon-xiala-copy, .header-wrap .top-info-wrap .fixed__wrap__index > span.top-info__right-contact:hover .icon-xiala-copy, .header-wrap .top-info-wrap .fixed__wrap__index > a.top-info__right-contact:hover .icon-xiala-copy, .header-wrap .top-info-wrap .fixed__wrap__index > div.top-info__right-contact:hover .icon-xiala-copy, .header-wrap .top-info-wrap .top-info__right-contact.xmh .icon-xiala-copy { transition: .3s all linear; display: inline-block; /* transform: rotate(180deg); */ }

.header-wrap .top-info-wrap .top-info__right-my.active .active__list, .header-wrap .top-info-wrap .banner-box .banner-info .top-info__right-my.customer__information__title-more:hover .active__list, .header-wrap .banner-box .banner-info .top-info-wrap .top-info__right-my.customer__information__title-more:hover .active__list, .header-wrap .top-info-wrap .fixed__wrap__index > span.top-info__right-my:hover .active__list, .header-wrap .top-info-wrap .fixed__wrap__index > a.top-info__right-my:hover .active__list, .header-wrap .top-info-wrap .fixed__wrap__index > div.top-info__right-my:hover .active__list, .header-wrap .top-info-wrap .top-info__right-my.xmh .active__list, .header-wrap .top-info-wrap .top-info__right-server.active .active__list, .header-wrap .top-info-wrap .banner-box .banner-info .top-info__right-server.customer__information__title-more:hover .active__list, .header-wrap .banner-box .banner-info .top-info-wrap .top-info__right-server.customer__information__title-more:hover .active__list, .header-wrap .top-info-wrap .fixed__wrap__index > span.top-info__right-server:hover .active__list, .header-wrap .top-info-wrap .fixed__wrap__index > a.top-info__right-server:hover .active__list, .header-wrap .top-info-wrap .fixed__wrap__index > div.top-info__right-server:hover .active__list, .header-wrap .top-info-wrap .top-info__right-server.xmh .active__list, .header-wrap .top-info-wrap .top-info__right-phone.active .active__list, .header-wrap .top-info-wrap .banner-box .banner-info .top-info__right-phone.customer__information__title-more:hover .active__list, .header-wrap .banner-box .banner-info .top-info-wrap .top-info__right-phone.customer__information__title-more:hover .active__list, .header-wrap .top-info-wrap .fixed__wrap__index > span.top-info__right-phone:hover .active__list, .header-wrap .top-info-wrap .fixed__wrap__index > a.top-info__right-phone:hover .active__list, .header-wrap .top-info-wrap .fixed__wrap__index > div.top-info__right-phone:hover .active__list, .header-wrap .top-info-wrap .top-info__right-phone.xmh .active__list, .header-wrap .top-info-wrap .top-info__right-help.active .active__list, .header-wrap .top-info-wrap .banner-box .banner-info .top-info__right-help.customer__information__title-more:hover .active__list, .header-wrap .banner-box .banner-info .top-info-wrap .top-info__right-help.customer__information__title-more:hover .active__list, .header-wrap .top-info-wrap .fixed__wrap__index > span.top-info__right-help:hover .active__list, .header-wrap .top-info-wrap .fixed__wrap__index > a.top-info__right-help:hover .active__list, .header-wrap .top-info-wrap .fixed__wrap__index > div.top-info__right-help:hover .active__list, .header-wrap .top-info-wrap .top-info__right-help.xmh .active__list, .header-wrap .top-info-wrap .top-info__right-contact.active .active__list, .header-wrap .top-info-wrap .banner-box .banner-info .top-info__right-contact.customer__information__title-more:hover .active__list, .header-wrap .banner-box .banner-info .top-info-wrap .top-info__right-contact.customer__information__title-more:hover .active__list, .header-wrap .top-info-wrap .fixed__wrap__index > span.top-info__right-contact:hover .active__list, .header-wrap .top-info-wrap .fixed__wrap__index > a.top-info__right-contact:hover .active__list, .header-wrap .top-info-wrap .fixed__wrap__index > div.top-info__right-contact:hover .active__list, .header-wrap .top-info-wrap .top-info__right-contact.xmh .active__list { position: absolute; z-index: 10; left: 0; top: 29px; background-color: #fff; border: 1px solid #ececec; border-top: none; padding: 10px; }

.header-wrap .top-info-wrap .top-info__right-my.active .active__list .active__list-title, .header-wrap .top-info-wrap .banner-box .banner-info .top-info__right-my.customer__information__title-more:hover .active__list .active__list-title, .header-wrap .banner-box .banner-info .top-info-wrap .top-info__right-my.customer__information__title-more:hover .active__list .active__list-title, .header-wrap .top-info-wrap .fixed__wrap__index > span.top-info__right-my:hover .active__list .active__list-title, .header-wrap .top-info-wrap .fixed__wrap__index > a.top-info__right-my:hover .active__list .active__list-title, .header-wrap .top-info-wrap .fixed__wrap__index > div.top-info__right-my:hover .active__list .active__list-title, .header-wrap .top-info-wrap .top-info__right-my.xmh .active__list .active__list-title, .header-wrap .top-info-wrap .top-info__right-server.active .active__list .active__list-title, .header-wrap .top-info-wrap .banner-box .banner-info .top-info__right-server.customer__information__title-more:hover .active__list .active__list-title, .header-wrap .banner-box .banner-info .top-info-wrap .top-info__right-server.customer__information__title-more:hover .active__list .active__list-title, .header-wrap .top-info-wrap .fixed__wrap__index > span.top-info__right-server:hover .active__list .active__list-title, .header-wrap .top-info-wrap .fixed__wrap__index > a.top-info__right-server:hover .active__list .active__list-title, .header-wrap .top-info-wrap .fixed__wrap__index > div.top-info__right-server:hover .active__list .active__list-title, .header-wrap .top-info-wrap .top-info__right-server.xmh .active__list .active__list-title, .header-wrap .top-info-wrap .top-info__right-phone.active .active__list .active__list-title, .header-wrap .top-info-wrap .banner-box .banner-info .top-info__right-phone.customer__information__title-more:hover .active__list .active__list-title, .header-wrap .banner-box .banner-info .top-info-wrap .top-info__right-phone.customer__information__title-more:hover .active__list .active__list-title, .header-wrap .top-info-wrap .fixed__wrap__index > span.top-info__right-phone:hover .active__list .active__list-title, .header-wrap .top-info-wrap .fixed__wrap__index > a.top-info__right-phone:hover .active__list .active__list-title, .header-wrap .top-info-wrap .fixed__wrap__index > div.top-info__right-phone:hover .active__list .active__list-title, .header-wrap .top-info-wrap .top-info__right-phone.xmh .active__list .active__list-title, .header-wrap .top-info-wrap .top-info__right-help.active .active__list .active__list-title, .header-wrap .top-info-wrap .banner-box .banner-info .top-info__right-help.customer__information__title-more:hover .active__list .active__list-title, .header-wrap .banner-box .banner-info .top-info-wrap .top-info__right-help.customer__information__title-more:hover .active__list .active__list-title, .header-wrap .top-info-wrap .fixed__wrap__index > span.top-info__right-help:hover .active__list .active__list-title, .header-wrap .top-info-wrap .fixed__wrap__index > a.top-info__right-help:hover .active__list .active__list-title, .header-wrap .top-info-wrap .fixed__wrap__index > div.top-info__right-help:hover .active__list .active__list-title, .header-wrap .top-info-wrap .top-info__right-help.xmh .active__list .active__list-title, .header-wrap .top-info-wrap .top-info__right-contact.active .active__list .active__list-title, .header-wrap .top-info-wrap .banner-box .banner-info .top-info__right-contact.customer__information__title-more:hover .active__list .active__list-title, .header-wrap .banner-box .banner-info .top-info-wrap .top-info__right-contact.customer__information__title-more:hover .active__list .active__list-title, .header-wrap .top-info-wrap .fixed__wrap__index > span.top-info__right-contact:hover .active__list .active__list-title, .header-wrap .top-info-wrap .fixed__wrap__index > a.top-info__right-contact:hover .active__list .active__list-title, .header-wrap .top-info-wrap .fixed__wrap__index > div.top-info__right-contact:hover .active__list .active__list-title, .header-wrap .top-info-wrap .top-info__right-contact.xmh .active__list .active__list-title { margin: 0; font-size: 14px; font-weight: 700; color: #333; }

.header-wrap .top-info-wrap .top-info__right-my.active .active__list .active__list-wrap, .header-wrap .top-info-wrap .banner-box .banner-info .top-info__right-my.customer__information__title-more:hover .active__list .active__list-wrap, .header-wrap .banner-box .banner-info .top-info-wrap .top-info__right-my.customer__information__title-more:hover .active__list .active__list-wrap, .header-wrap .top-info-wrap .fixed__wrap__index > span.top-info__right-my:hover .active__list .active__list-wrap, .header-wrap .top-info-wrap .fixed__wrap__index > a.top-info__right-my:hover .active__list .active__list-wrap, .header-wrap .top-info-wrap .fixed__wrap__index > div.top-info__right-my:hover .active__list .active__list-wrap, .header-wrap .top-info-wrap .top-info__right-my.xmh .active__list .active__list-wrap, .header-wrap .top-info-wrap .top-info__right-server.active .active__list .active__list-wrap, .header-wrap .top-info-wrap .banner-box .banner-info .top-info__right-server.customer__information__title-more:hover .active__list .active__list-wrap, .header-wrap .banner-box .banner-info .top-info-wrap .top-info__right-server.customer__information__title-more:hover .active__list .active__list-wrap, .header-wrap .top-info-wrap .fixed__wrap__index > span.top-info__right-server:hover .active__list .active__list-wrap, .header-wrap .top-info-wrap .fixed__wrap__index > a.top-info__right-server:hover .active__list .active__list-wrap, .header-wrap .top-info-wrap .fixed__wrap__index > div.top-info__right-server:hover .active__list .active__list-wrap, .header-wrap .top-info-wrap .top-info__right-server.xmh .active__list .active__list-wrap, .header-wrap .top-info-wrap .top-info__right-phone.active .active__list .active__list-wrap, .header-wrap .top-info-wrap .banner-box .banner-info .top-info__right-phone.customer__information__title-more:hover .active__list .active__list-wrap, .header-wrap .banner-box .banner-info .top-info-wrap .top-info__right-phone.customer__information__title-more:hover .active__list .active__list-wrap, .header-wrap .top-info-wrap .fixed__wrap__index > span.top-info__right-phone:hover .active__list .active__list-wrap, .header-wrap .top-info-wrap .fixed__wrap__index > a.top-info__right-phone:hover .active__list .active__list-wrap, .header-wrap .top-info-wrap .fixed__wrap__index > div.top-info__right-phone:hover .active__list .active__list-wrap, .header-wrap .top-info-wrap .top-info__right-phone.xmh .active__list .active__list-wrap, .header-wrap .top-info-wrap .top-info__right-help.active .active__list .active__list-wrap, .header-wrap .top-info-wrap .banner-box .banner-info .top-info__right-help.customer__information__title-more:hover .active__list .active__list-wrap, .header-wrap .banner-box .banner-info .top-info-wrap .top-info__right-help.customer__information__title-more:hover .active__list .active__list-wrap, .header-wrap .top-info-wrap .fixed__wrap__index > span.top-info__right-help:hover .active__list .active__list-wrap, .header-wrap .top-info-wrap .fixed__wrap__index > a.top-info__right-help:hover .active__list .active__list-wrap, .header-wrap .top-info-wrap .fixed__wrap__index > div.top-info__right-help:hover .active__list .active__list-wrap, .header-wrap .top-info-wrap .top-info__right-help.xmh .active__list .active__list-wrap, .header-wrap .top-info-wrap .top-info__right-contact.active .active__list .active__list-wrap, .header-wrap .top-info-wrap .banner-box .banner-info .top-info__right-contact.customer__information__title-more:hover .active__list .active__list-wrap, .header-wrap .banner-box .banner-info .top-info-wrap .top-info__right-contact.customer__information__title-more:hover .active__list .active__list-wrap, .header-wrap .top-info-wrap .fixed__wrap__index > span.top-info__right-contact:hover .active__list .active__list-wrap, .header-wrap .top-info-wrap .fixed__wrap__index > a.top-info__right-contact:hover .active__list .active__list-wrap, .header-wrap .top-info-wrap .fixed__wrap__index > div.top-info__right-contact:hover .active__list .active__list-wrap, .header-wrap .top-info-wrap .top-info__right-contact.xmh .active__list .active__list-wrap { margin-top: 10px; }

.header-wrap .top-info-wrap .top-info__right-my.active .active__list .active__list-wrap:first-child, .header-wrap .top-info-wrap .banner-box .banner-info .top-info__right-my.customer__information__title-more:hover .active__list .active__list-wrap:first-child, .header-wrap .banner-box .banner-info .top-info-wrap .top-info__right-my.customer__information__title-more:hover .active__list .active__list-wrap:first-child, .header-wrap .top-info-wrap .fixed__wrap__index > span.top-info__right-my:hover .active__list .active__list-wrap:first-child, .header-wrap .top-info-wrap .fixed__wrap__index > a.top-info__right-my:hover .active__list .active__list-wrap:first-child, .header-wrap .top-info-wrap .fixed__wrap__index > div.top-info__right-my:hover .active__list .active__list-wrap:first-child, .header-wrap .top-info-wrap .top-info__right-my.xmh .active__list .active__list-wrap:first-child, .header-wrap .top-info-wrap .top-info__right-server.active .active__list .active__list-wrap:first-child, .header-wrap .top-info-wrap .banner-box .banner-info .top-info__right-server.customer__information__title-more:hover .active__list .active__list-wrap:first-child, .header-wrap .banner-box .banner-info .top-info-wrap .top-info__right-server.customer__information__title-more:hover .active__list .active__list-wrap:first-child, .header-wrap .top-info-wrap .fixed__wrap__index > span.top-info__right-server:hover .active__list .active__list-wrap:first-child, .header-wrap .top-info-wrap .fixed__wrap__index > a.top-info__right-server:hover .active__list .active__list-wrap:first-child, .header-wrap .top-info-wrap .fixed__wrap__index > div.top-info__right-server:hover .active__list .active__list-wrap:first-child, .header-wrap .top-info-wrap .top-info__right-server.xmh .active__list .active__list-wrap:first-child, .header-wrap .top-info-wrap .top-info__right-phone.active .active__list .active__list-wrap:first-child, .header-wrap .top-info-wrap .banner-box .banner-info .top-info__right-phone.customer__information__title-more:hover .active__list .active__list-wrap:first-child, .header-wrap .banner-box .banner-info .top-info-wrap .top-info__right-phone.customer__information__title-more:hover .active__list .active__list-wrap:first-child, .header-wrap .top-info-wrap .fixed__wrap__index > span.top-info__right-phone:hover .active__list .active__list-wrap:first-child, .header-wrap .top-info-wrap .fixed__wrap__index > a.top-info__right-phone:hover .active__list .active__list-wrap:first-child, .header-wrap .top-info-wrap .fixed__wrap__index > div.top-info__right-phone:hover .active__list .active__list-wrap:first-child, .header-wrap .top-info-wrap .top-info__right-phone.xmh .active__list .active__list-wrap:first-child, .header-wrap .top-info-wrap .top-info__right-help.active .active__list .active__list-wrap:first-child, .header-wrap .top-info-wrap .banner-box .banner-info .top-info__right-help.customer__information__title-more:hover .active__list .active__list-wrap:first-child, .header-wrap .banner-box .banner-info .top-info-wrap .top-info__right-help.customer__information__title-more:hover .active__list .active__list-wrap:first-child, .header-wrap .top-info-wrap .fixed__wrap__index > span.top-info__right-help:hover .active__list .active__list-wrap:first-child, .header-wrap .top-info-wrap .fixed__wrap__index > a.top-info__right-help:hover .active__list .active__list-wrap:first-child, .header-wrap .top-info-wrap .fixed__wrap__index > div.top-info__right-help:hover .active__list .active__list-wrap:first-child, .header-wrap .top-info-wrap .top-info__right-help.xmh .active__list .active__list-wrap:first-child, .header-wrap .top-info-wrap .top-info__right-contact.active .active__list .active__list-wrap:first-child, .header-wrap .top-info-wrap .banner-box .banner-info .top-info__right-contact.customer__information__title-more:hover .active__list .active__list-wrap:first-child, .header-wrap .banner-box .banner-info .top-info-wrap .top-info__right-contact.customer__information__title-more:hover .active__list .active__list-wrap:first-child, .header-wrap .top-info-wrap .fixed__wrap__index > span.top-info__right-contact:hover .active__list .active__list-wrap:first-child, .header-wrap .top-info-wrap .fixed__wrap__index > a.top-info__right-contact:hover .active__list .active__list-wrap:first-child, .header-wrap .top-info-wrap .fixed__wrap__index > div.top-info__right-contact:hover .active__list .active__list-wrap:first-child, .header-wrap .top-info-wrap .top-info__right-contact.xmh .active__list .active__list-wrap:first-child { margin-top: 0; }

.header-wrap .top-info-wrap .top-info__right-my.active .active__list .active__list-wrap .active__list-list, .header-wrap .top-info-wrap .banner-box .banner-info .top-info__right-my.customer__information__title-more:hover .active__list .active__list-wrap .active__list-list, .header-wrap .banner-box .banner-info .top-info-wrap .top-info__right-my.customer__information__title-more:hover .active__list .active__list-wrap .active__list-list, .header-wrap .top-info-wrap .fixed__wrap__index > span.top-info__right-my:hover .active__list .active__list-wrap .active__list-list, .header-wrap .top-info-wrap .fixed__wrap__index > a.top-info__right-my:hover .active__list .active__list-wrap .active__list-list, .header-wrap .top-info-wrap .fixed__wrap__index > div.top-info__right-my:hover .active__list .active__list-wrap .active__list-list, .header-wrap .top-info-wrap .top-info__right-my.xmh .active__list .active__list-wrap .active__list-list, .header-wrap .top-info-wrap .top-info__right-server.active .active__list .active__list-wrap .active__list-list, .header-wrap .top-info-wrap .banner-box .banner-info .top-info__right-server.customer__information__title-more:hover .active__list .active__list-wrap .active__list-list, .header-wrap .banner-box .banner-info .top-info-wrap .top-info__right-server.customer__information__title-more:hover .active__list .active__list-wrap .active__list-list, .header-wrap .top-info-wrap .fixed__wrap__index > span.top-info__right-server:hover .active__list .active__list-wrap .active__list-list, .header-wrap .top-info-wrap .fixed__wrap__index > a.top-info__right-server:hover .active__list .active__list-wrap .active__list-list, .header-wrap .top-info-wrap .fixed__wrap__index > div.top-info__right-server:hover .active__list .active__list-wrap .active__list-list, .header-wrap .top-info-wrap .top-info__right-server.xmh .active__list .active__list-wrap .active__list-list, .header-wrap .top-info-wrap .top-info__right-phone.active .active__list .active__list-wrap .active__list-list, .header-wrap .top-info-wrap .banner-box .banner-info .top-info__right-phone.customer__information__title-more:hover .active__list .active__list-wrap .active__list-list, .header-wrap .banner-box .banner-info .top-info-wrap .top-info__right-phone.customer__information__title-more:hover .active__list .active__list-wrap .active__list-list, .header-wrap .top-info-wrap .fixed__wrap__index > span.top-info__right-phone:hover .active__list .active__list-wrap .active__list-list, .header-wrap .top-info-wrap .fixed__wrap__index > a.top-info__right-phone:hover .active__list .active__list-wrap .active__list-list, .header-wrap .top-info-wrap .fixed__wrap__index > div.top-info__right-phone:hover .active__list .active__list-wrap .active__list-list, .header-wrap .top-info-wrap .top-info__right-phone.xmh .active__list .active__list-wrap .active__list-list, .header-wrap .top-info-wrap .top-info__right-help.active .active__list .active__list-wrap .active__list-list, .header-wrap .top-info-wrap .banner-box .banner-info .top-info__right-help.customer__information__title-more:hover .active__list .active__list-wrap .active__list-list, .header-wrap .banner-box .banner-info .top-info-wrap .top-info__right-help.customer__information__title-more:hover .active__list .active__list-wrap .active__list-list, .header-wrap .top-info-wrap .fixed__wrap__index > span.top-info__right-help:hover .active__list .active__list-wrap .active__list-list, .header-wrap .top-info-wrap .fixed__wrap__index > a.top-info__right-help:hover .active__list .active__list-wrap .active__list-list, .header-wrap .top-info-wrap .fixed__wrap__index > div.top-info__right-help:hover .active__list .active__list-wrap .active__list-list, .header-wrap .top-info-wrap .top-info__right-help.xmh .active__list .active__list-wrap .active__list-list, .header-wrap .top-info-wrap .top-info__right-contact.active .active__list .active__list-wrap .active__list-list, .header-wrap .top-info-wrap .banner-box .banner-info .top-info__right-contact.customer__information__title-more:hover .active__list .active__list-wrap .active__list-list, .header-wrap .banner-box .banner-info .top-info-wrap .top-info__right-contact.customer__information__title-more:hover .active__list .active__list-wrap .active__list-list, .header-wrap .top-info-wrap .fixed__wrap__index > span.top-info__right-contact:hover .active__list .active__list-wrap .active__list-list, .header-wrap .top-info-wrap .fixed__wrap__index > a.top-info__right-contact:hover .active__list .active__list-wrap .active__list-list, .header-wrap .top-info-wrap .fixed__wrap__index > div.top-info__right-contact:hover .active__list .active__list-wrap .active__list-list, .header-wrap .top-info-wrap .top-info__right-contact.xmh .active__list .active__list-wrap .active__list-list { display: flex; flex-wrap: wrap; width: 136px; }

.header-wrap .top-info-wrap .top-info__right-my.active .active__list .active__list-wrap .active__list-list .active__list-list__item, .header-wrap .top-info-wrap .banner-box .banner-info .top-info__right-my.customer__information__title-more:hover .active__list .active__list-wrap .active__list-list .active__list-list__item, .header-wrap .banner-box .banner-info .top-info-wrap .top-info__right-my.customer__information__title-more:hover .active__list .active__list-wrap .active__list-list .active__list-list__item, .header-wrap .top-info-wrap .fixed__wrap__index > span.top-info__right-my:hover .active__list .active__list-wrap .active__list-list .active__list-list__item, .header-wrap .top-info-wrap .fixed__wrap__index > a.top-info__right-my:hover .active__list .active__list-wrap .active__list-list .active__list-list__item, .header-wrap .top-info-wrap .fixed__wrap__index > div.top-info__right-my:hover .active__list .active__list-wrap .active__list-list .active__list-list__item, .header-wrap .top-info-wrap .top-info__right-my.xmh .active__list .active__list-wrap .active__list-list .active__list-list__item, .header-wrap .top-info-wrap .top-info__right-server.active .active__list .active__list-wrap .active__list-list .active__list-list__item, .header-wrap .top-info-wrap .banner-box .banner-info .top-info__right-server.customer__information__title-more:hover .active__list .active__list-wrap .active__list-list .active__list-list__item, .header-wrap .banner-box .banner-info .top-info-wrap .top-info__right-server.customer__information__title-more:hover .active__list .active__list-wrap .active__list-list .active__list-list__item, .header-wrap .top-info-wrap .fixed__wrap__index > span.top-info__right-server:hover .active__list .active__list-wrap .active__list-list .active__list-list__item, .header-wrap .top-info-wrap .fixed__wrap__index > a.top-info__right-server:hover .active__list .active__list-wrap .active__list-list .active__list-list__item, .header-wrap .top-info-wrap .fixed__wrap__index > div.top-info__right-server:hover .active__list .active__list-wrap .active__list-list .active__list-list__item, .header-wrap .top-info-wrap .top-info__right-server.xmh .active__list .active__list-wrap .active__list-list .active__list-list__item, .header-wrap .top-info-wrap .top-info__right-phone.active .active__list .active__list-wrap .active__list-list .active__list-list__item, .header-wrap .top-info-wrap .banner-box .banner-info .top-info__right-phone.customer__information__title-more:hover .active__list .active__list-wrap .active__list-list .active__list-list__item, .header-wrap .banner-box .banner-info .top-info-wrap .top-info__right-phone.customer__information__title-more:hover .active__list .active__list-wrap .active__list-list .active__list-list__item, .header-wrap .top-info-wrap .fixed__wrap__index > span.top-info__right-phone:hover .active__list .active__list-wrap .active__list-list .active__list-list__item, .header-wrap .top-info-wrap .fixed__wrap__index > a.top-info__right-phone:hover .active__list .active__list-wrap .active__list-list .active__list-list__item, .header-wrap .top-info-wrap .fixed__wrap__index > div.top-info__right-phone:hover .active__list .active__list-wrap .active__list-list .active__list-list__item, .header-wrap .top-info-wrap .top-info__right-phone.xmh .active__list .active__list-wrap .active__list-list .active__list-list__item, .header-wrap .top-info-wrap .top-info__right-help.active .active__list .active__list-wrap .active__list-list .active__list-list__item, .header-wrap .top-info-wrap .banner-box .banner-info .top-info__right-help.customer__information__title-more:hover .active__list .active__list-wrap .active__list-list .active__list-list__item, .header-wrap .banner-box .banner-info .top-info-wrap .top-info__right-help.customer__information__title-more:hover .active__list .active__list-wrap .active__list-list .active__list-list__item, .header-wrap .top-info-wrap .fixed__wrap__index > span.top-info__right-help:hover .active__list .active__list-wrap .active__list-list .active__list-list__item, .header-wrap .top-info-wrap .fixed__wrap__index > a.top-info__right-help:hover .active__list .active__list-wrap .active__list-list .active__list-list__item, .header-wrap .top-info-wrap .fixed__wrap__index > div.top-info__right-help:hover .active__list .active__list-wrap .active__list-list .active__list-list__item, .header-wrap .top-info-wrap .top-info__right-help.xmh .active__list .active__list-wrap .active__list-list .active__list-list__item, .header-wrap .top-info-wrap .top-info__right-contact.active .active__list .active__list-wrap .active__list-list .active__list-list__item, .header-wrap .top-info-wrap .banner-box .banner-info .top-info__right-contact.customer__information__title-more:hover .active__list .active__list-wrap .active__list-list .active__list-list__item, .header-wrap .banner-box .banner-info .top-info-wrap .top-info__right-contact.customer__information__title-more:hover .active__list .active__list-wrap .active__list-list .active__list-list__item, .header-wrap .top-info-wrap .fixed__wrap__index > span.top-info__right-contact:hover .active__list .active__list-wrap .active__list-list .active__list-list__item, .header-wrap .top-info-wrap .fixed__wrap__index > a.top-info__right-contact:hover .active__list .active__list-wrap .active__list-list .active__list-list__item, .header-wrap .top-info-wrap .fixed__wrap__index > div.top-info__right-contact:hover .active__list .active__list-wrap .active__list-list .active__list-list__item, .header-wrap .top-info-wrap .top-info__right-contact.xmh .active__list .active__list-wrap .active__list-list .active__list-list__item { flex: 0 0 50%; font-size: 12px; box-sizing: border-box; white-space: nowrap; margin-top: 10px; }

.header-wrap .top-info-wrap .top-info__right-my.active .active__list .active__list-wrap .active__list-list .active__list-list__item:nth-child(2n), .header-wrap .top-info-wrap .banner-box .banner-info .top-info__right-my.customer__information__title-more:hover .active__list .active__list-wrap .active__list-list .active__list-list__item:nth-child(2n), .header-wrap .banner-box .banner-info .top-info-wrap .top-info__right-my.customer__information__title-more:hover .active__list .active__list-wrap .active__list-list .active__list-list__item:nth-child(2n), .header-wrap .top-info-wrap .fixed__wrap__index > span.top-info__right-my:hover .active__list .active__list-wrap .active__list-list .active__list-list__item:nth-child(2n), .header-wrap .top-info-wrap .fixed__wrap__index > a.top-info__right-my:hover .active__list .active__list-wrap .active__list-list .active__list-list__item:nth-child(2n), .header-wrap .top-info-wrap .fixed__wrap__index > div.top-info__right-my:hover .active__list .active__list-wrap .active__list-list .active__list-list__item:nth-child(2n), .header-wrap .top-info-wrap .top-info__right-my.xmh .active__list .active__list-wrap .active__list-list .active__list-list__item:nth-child(2n), .header-wrap .top-info-wrap .top-info__right-server.active .active__list .active__list-wrap .active__list-list .active__list-list__item:nth-child(2n), .header-wrap .top-info-wrap .banner-box .banner-info .top-info__right-server.customer__information__title-more:hover .active__list .active__list-wrap .active__list-list .active__list-list__item:nth-child(2n), .header-wrap .banner-box .banner-info .top-info-wrap .top-info__right-server.customer__information__title-more:hover .active__list .active__list-wrap .active__list-list .active__list-list__item:nth-child(2n), .header-wrap .top-info-wrap .fixed__wrap__index > span.top-info__right-server:hover .active__list .active__list-wrap .active__list-list .active__list-list__item:nth-child(2n), .header-wrap .top-info-wrap .fixed__wrap__index > a.top-info__right-server:hover .active__list .active__list-wrap .active__list-list .active__list-list__item:nth-child(2n), .header-wrap .top-info-wrap .fixed__wrap__index > div.top-info__right-server:hover .active__list .active__list-wrap .active__list-list .active__list-list__item:nth-child(2n), .header-wrap .top-info-wrap .top-info__right-server.xmh .active__list .active__list-wrap .active__list-list .active__list-list__item:nth-child(2n), .header-wrap .top-info-wrap .top-info__right-phone.active .active__list .active__list-wrap .active__list-list .active__list-list__item:nth-child(2n), .header-wrap .top-info-wrap .banner-box .banner-info .top-info__right-phone.customer__information__title-more:hover .active__list .active__list-wrap .active__list-list .active__list-list__item:nth-child(2n), .header-wrap .banner-box .banner-info .top-info-wrap .top-info__right-phone.customer__information__title-more:hover .active__list .active__list-wrap .active__list-list .active__list-list__item:nth-child(2n), .header-wrap .top-info-wrap .fixed__wrap__index > span.top-info__right-phone:hover .active__list .active__list-wrap .active__list-list .active__list-list__item:nth-child(2n), .header-wrap .top-info-wrap .fixed__wrap__index > a.top-info__right-phone:hover .active__list .active__list-wrap .active__list-list .active__list-list__item:nth-child(2n), .header-wrap .top-info-wrap .fixed__wrap__index > div.top-info__right-phone:hover .active__list .active__list-wrap .active__list-list .active__list-list__item:nth-child(2n), .header-wrap .top-info-wrap .top-info__right-phone.xmh .active__list .active__list-wrap .active__list-list .active__list-list__item:nth-child(2n), .header-wrap .top-info-wrap .top-info__right-help.active .active__list .active__list-wrap .active__list-list .active__list-list__item:nth-child(2n), .header-wrap .top-info-wrap .banner-box .banner-info .top-info__right-help.customer__information__title-more:hover .active__list .active__list-wrap .active__list-list .active__list-list__item:nth-child(2n), .header-wrap .banner-box .banner-info .top-info-wrap .top-info__right-help.customer__information__title-more:hover .active__list .active__list-wrap .active__list-list .active__list-list__item:nth-child(2n), .header-wrap .top-info-wrap .fixed__wrap__index > span.top-info__right-help:hover .active__list .active__list-wrap .active__list-list .active__list-list__item:nth-child(2n), .header-wrap .top-info-wrap .fixed__wrap__index > a.top-info__right-help:hover .active__list .active__list-wrap .active__list-list .active__list-list__item:nth-child(2n), .header-wrap .top-info-wrap .fixed__wrap__index > div.top-info__right-help:hover .active__list .active__list-wrap .active__list-list .active__list-list__item:nth-child(2n), .header-wrap .top-info-wrap .top-info__right-help.xmh .active__list .active__list-wrap .active__list-list .active__list-list__item:nth-child(2n), .header-wrap .top-info-wrap .top-info__right-contact.active .active__list .active__list-wrap .active__list-list .active__list-list__item:nth-child(2n), .header-wrap .top-info-wrap .banner-box .banner-info .top-info__right-contact.customer__information__title-more:hover .active__list .active__list-wrap .active__list-list .active__list-list__item:nth-child(2n), .header-wrap .banner-box .banner-info .top-info-wrap .top-info__right-contact.customer__information__title-more:hover .active__list .active__list-wrap .active__list-list .active__list-list__item:nth-child(2n), .header-wrap .top-info-wrap .fixed__wrap__index > span.top-info__right-contact:hover .active__list .active__list-wrap .active__list-list .active__list-list__item:nth-child(2n), .header-wrap .top-info-wrap .fixed__wrap__index > a.top-info__right-contact:hover .active__list .active__list-wrap .active__list-list .active__list-list__item:nth-child(2n), .header-wrap .top-info-wrap .fixed__wrap__index > div.top-info__right-contact:hover .active__list .active__list-wrap .active__list-list .active__list-list__item:nth-child(2n), .header-wrap .top-info-wrap .top-info__right-contact.xmh .active__list .active__list-wrap .active__list-list .active__list-list__item:nth-child(2n) { text-align: right; }

.header-wrap .top-info-wrap .top-info__right-my.active .active__list, .header-wrap .top-info-wrap .banner-box .banner-info .top-info__right-my.customer__information__title-more:hover .active__list, .header-wrap .banner-box .banner-info .top-info-wrap .top-info__right-my.customer__information__title-more:hover .active__list, .header-wrap .top-info-wrap .fixed__wrap__index > span.top-info__right-my:hover .active__list, .header-wrap .top-info-wrap .fixed__wrap__index > a.top-info__right-my:hover .active__list, .header-wrap .top-info-wrap .fixed__wrap__index > div.top-info__right-my:hover .active__list, .header-wrap .top-info-wrap .top-info__right-server.active .active__list, .header-wrap .top-info-wrap .banner-box .banner-info .top-info__right-server.customer__information__title-more:hover .active__list, .header-wrap .banner-box .banner-info .top-info-wrap .top-info__right-server.customer__information__title-more:hover .active__list, .header-wrap .top-info-wrap .fixed__wrap__index > span.top-info__right-server:hover .active__list, .header-wrap .top-info-wrap .fixed__wrap__index > a.top-info__right-server:hover .active__list, .header-wrap .top-info-wrap .fixed__wrap__index > div.top-info__right-server:hover .active__list, .header-wrap .top-info-wrap .top-info__right-phone.active .active__list, .header-wrap .top-info-wrap .banner-box .banner-info .top-info__right-phone.customer__information__title-more:hover .active__list, .header-wrap .banner-box .banner-info .top-info-wrap .top-info__right-phone.customer__information__title-more:hover .active__list, .header-wrap .top-info-wrap .fixed__wrap__index > span.top-info__right-phone:hover .active__list, .header-wrap .top-info-wrap .fixed__wrap__index > a.top-info__right-phone:hover .active__list, .header-wrap .top-info-wrap .fixed__wrap__index > div.top-info__right-phone:hover .active__list, .header-wrap .top-info-wrap .top-info__right-help.active .active__list, .header-wrap .top-info-wrap .banner-box .banner-info .top-info__right-help.customer__information__title-more:hover .active__list, .header-wrap .banner-box .banner-info .top-info-wrap .top-info__right-help.customer__information__title-more:hover .active__list, .header-wrap .top-info-wrap .fixed__wrap__index > span.top-info__right-help:hover .active__list, .header-wrap .top-info-wrap .fixed__wrap__index > a.top-info__right-help:hover .active__list, .header-wrap .top-info-wrap .fixed__wrap__index > div.top-info__right-help:hover .active__list, .header-wrap .top-info-wrap .top-info__right-contact.active .active__list, .header-wrap .top-info-wrap .banner-box .banner-info .top-info__right-contact.customer__information__title-more:hover .active__list, .header-wrap .banner-box .banner-info .top-info-wrap .top-info__right-contact.customer__information__title-more:hover .active__list, .header-wrap .top-info-wrap .fixed__wrap__index > span.top-info__right-contact:hover .active__list, .header-wrap .top-info-wrap .fixed__wrap__index > a.top-info__right-contact:hover .active__list, .header-wrap .top-info-wrap .fixed__wrap__index > div.top-info__right-contact:hover .active__list { display: block; }

.header-wrap .top-info-wrap .top-info__right-my.active .icon-xiala-copy, .header-wrap .top-info-wrap .banner-box .banner-info .top-info__right-my.customer__information__title-more:hover .icon-xiala-copy, .header-wrap .banner-box .banner-info .top-info-wrap .top-info__right-my.customer__information__title-more:hover .icon-xiala-copy, .header-wrap .top-info-wrap .fixed__wrap__index > span.top-info__right-my:hover .icon-xiala-copy, .header-wrap .top-info-wrap .fixed__wrap__index > a.top-info__right-my:hover .icon-xiala-copy, .header-wrap .top-info-wrap .fixed__wrap__index > div.top-info__right-my:hover .icon-xiala-copy, .header-wrap .top-info-wrap .top-info__right-server.active .icon-xiala-copy, .header-wrap .top-info-wrap .banner-box .banner-info .top-info__right-server.customer__information__title-more:hover .icon-xiala-copy, .header-wrap .banner-box .banner-info .top-info-wrap .top-info__right-server.customer__information__title-more:hover .icon-xiala-copy, .header-wrap .top-info-wrap .fixed__wrap__index > span.top-info__right-server:hover .icon-xiala-copy, .header-wrap .top-info-wrap .fixed__wrap__index > a.top-info__right-server:hover .icon-xiala-copy, .header-wrap .top-info-wrap .fixed__wrap__index > div.top-info__right-server:hover .icon-xiala-copy, .header-wrap .top-info-wrap .top-info__right-phone.active .icon-xiala-copy, .header-wrap .top-info-wrap .banner-box .banner-info .top-info__right-phone.customer__information__title-more:hover .icon-xiala-copy, .header-wrap .banner-box .banner-info .top-info-wrap .top-info__right-phone.customer__information__title-more:hover .icon-xiala-copy, .header-wrap .top-info-wrap .fixed__wrap__index > span.top-info__right-phone:hover .icon-xiala-copy, .header-wrap .top-info-wrap .fixed__wrap__index > a.top-info__right-phone:hover .icon-xiala-copy, .header-wrap .top-info-wrap .fixed__wrap__index > div.top-info__right-phone:hover .icon-xiala-copy, .header-wrap .top-info-wrap .top-info__right-help.active .icon-xiala-copy, .header-wrap .top-info-wrap .banner-box .banner-info .top-info__right-help.customer__information__title-more:hover .icon-xiala-copy, .header-wrap .banner-box .banner-info .top-info-wrap .top-info__right-help.customer__information__title-more:hover .icon-xiala-copy, .header-wrap .top-info-wrap .fixed__wrap__index > span.top-info__right-help:hover .icon-xiala-copy, .header-wrap .top-info-wrap .fixed__wrap__index > a.top-info__right-help:hover .icon-xiala-copy, .header-wrap .top-info-wrap .fixed__wrap__index > div.top-info__right-help:hover .icon-xiala-copy, .header-wrap .top-info-wrap .top-info__right-contact.active .icon-xiala-copy, .header-wrap .top-info-wrap .banner-box .banner-info .top-info__right-contact.customer__information__title-more:hover .icon-xiala-copy, .header-wrap .banner-box .banner-info .top-info-wrap .top-info__right-contact.customer__information__title-more:hover .icon-xiala-copy, .header-wrap .top-info-wrap .fixed__wrap__index > span.top-info__right-contact:hover .icon-xiala-copy, .header-wrap .top-info-wrap .fixed__wrap__index > a.top-info__right-contact:hover .icon-xiala-copy, .header-wrap .top-info-wrap .fixed__wrap__index > div.top-info__right-contact:hover .icon-xiala-copy { transform: rotate(-180deg); }

.header-wrap .top-info-wrap .top-info__right-my.xmh .active__list-wrap, .header-wrap .top-info-wrap .top-info__right-server.xmh .active__list-wrap, .header-wrap .top-info-wrap .top-info__right-phone.xmh .active__list-wrap, .header-wrap .top-info-wrap .top-info__right-help.xmh .active__list-wrap, .header-wrap .top-info-wrap .top-info__right-contact.xmh .active__list-wrap { width: 210px; }

.header-wrap .top-info-wrap .top-info__right-my.xmh .active__list-wrap .code-right, .header-wrap .top-info-wrap .top-info__right-server.xmh .active__list-wrap .code-right, .header-wrap .top-info-wrap .top-info__right-phone.xmh .active__list-wrap .code-right, .header-wrap .top-info-wrap .top-info__right-help.xmh .active__list-wrap .code-right, .header-wrap .top-info-wrap .top-info__right-contact.xmh .active__list-wrap .code-right { height: 80px; }

.header-wrap .top-info-wrap .top-info__right-my.xmh .active__list-wrap .code-right > p, .header-wrap .top-info-wrap .top-info__right-server.xmh .active__list-wrap .code-right > p, .header-wrap .top-info-wrap .top-info__right-phone.xmh .active__list-wrap .code-right > p, .header-wrap .top-info-wrap .top-info__right-help.xmh .active__list-wrap .code-right > p, .header-wrap .top-info-wrap .top-info__right-contact.xmh .active__list-wrap .code-right > p { margin: 7px 0 0 0; }

.header-wrap .top-info-wrap .top-info__right-my.xmh .active__list-wrap .code-right > p:last-of-type, .header-wrap .top-info-wrap .top-info__right-server.xmh .active__list-wrap .code-right > p:last-of-type, .header-wrap .top-info-wrap .top-info__right-phone.xmh .active__list-wrap .code-right > p:last-of-type, .header-wrap .top-info-wrap .top-info__right-help.xmh .active__list-wrap .code-right > p:last-of-type, .header-wrap .top-info-wrap .top-info__right-contact.xmh .active__list-wrap .code-right > p:last-of-type { color: #2b61ad; }

.header-wrap .top-info-wrap .top-info__right-my.xmh .active__list-wrap .code-right .icon-wrap, .header-wrap .top-info-wrap .top-info__right-server.xmh .active__list-wrap .code-right .icon-wrap, .header-wrap .top-info-wrap .top-info__right-phone.xmh .active__list-wrap .code-right .icon-wrap, .header-wrap .top-info-wrap .top-info__right-help.xmh .active__list-wrap .code-right .icon-wrap, .header-wrap .top-info-wrap .top-info__right-contact.xmh .active__list-wrap .code-right .icon-wrap { margin-top: 8px; }

.header-wrap .top-info-wrap .top-info__right-my.xmh .active__list-wrap .code-right.full, .header-wrap .top-info-wrap .top-info__right-server.xmh .active__list-wrap .code-right.full, .header-wrap .top-info-wrap .top-info__right-phone.xmh .active__list-wrap .code-right.full, .header-wrap .top-info-wrap .top-info__right-help.xmh .active__list-wrap .code-right.full, .header-wrap .top-info-wrap .top-info__right-contact.xmh .active__list-wrap .code-right.full { padding-left: 18px; }

.header-wrap .top-info-wrap .top-info__right-my.xmh .active__list-wrap:last-of-type, .header-wrap .top-info-wrap .top-info__right-server.xmh .active__list-wrap:last-of-type, .header-wrap .top-info-wrap .top-info__right-phone.xmh .active__list-wrap:last-of-type, .header-wrap .top-info-wrap .top-info__right-help.xmh .active__list-wrap:last-of-type, .header-wrap .top-info-wrap .top-info__right-contact.xmh .active__list-wrap:last-of-type { padding-top: 10px; border-top: 1px solid #dddddd; }

.header-wrap .top-info-wrap .top-info__right-contact { font-size: 16px; }

.header-wrap .top-info-wrap .top-info__right-contact__phone { font-size: 16px; color: #2b61ad !important; font-weight: 600; }

.header-wrap .top-info-wrap .top-info__right-contact:after { width: 0; }

.header-wrap .search { background-color: #fff; }

.header-wrap .search__wrap { width: 1180px; margin: 0 auto; padding-top: 33px; }

.header-wrap .search__wrap__logo > img { display: block; width: 175px; }

.header-wrap .search__wrap__content-input { position: relative; }

.header-wrap .search__wrap__content-input__item { position: absolute; z-index: 2; left: 0; right: 0; top: 40px; background-color: #fff; border: 1px solid #e8e8e8; border-top: none; }

.header-wrap .search__wrap__content-input__item > a { color: #333; text-decoration: none; padding: 6px 10px; }

.header-wrap .search__wrap__content-input__item > a:hover { color: #2b61ad; background-color: #ffdfc6; }

.header-wrap .search__wrap__content-input__item > a.brand:hover { color: #333; background-color: #fff; }

.header-wrap .search__wrap__content-input > input { width: 430px; height: 40px; outline: none; background: rgba(243, 31, 31, 0); border: 1.5px solid #2b61ad; padding-left: 10px; }

.header-wrap .search__wrap__content-input > input::-webkit-input-placeholder { color: #CCCCCC; }

.header-wrap .search__wrap__content-input > input:-moz-placeholder { /* Firefox 18- */ color: #CCCCCC; }

.header-wrap .search__wrap__content-input > input::-moz-placeholder { /* Firefox 19+ */ color: #CCCCCC; }

.header-wrap .search__wrap__content-input > input:-ms-input-placeholder { color: #CCCCCC; }

.header-wrap .search__wrap__content-input > button { width: 150px; height: 40px; background: #2b61ad; outline: #2b61ad; border: none; color: #fff; font-size: 16px; cursor: pointer; }

.header-wrap .search__wrap__content-keyword { font-size: 12px; margin-top: 7px; color: #333; }

.header-wrap .search__wrap__content-keyword > a { color: #333; text-decoration: none; margin: 0 2px; }

.header-wrap .search__wrap__content-keyword > a:hover { color: #2b61ad; }

.header-wrap .search__wrap__cart { position: relative; }

.header-wrap .search__wrap__cart .common-css, .header-wrap .search__wrap__cart .search__wrap__cart-cart { padding: 0 30px; height: 40px; font-size: 14px; color: #676767; text-align: center; line-height: 38px; border: 1px solid #000; box-shadow: 0 0 5px 0 rgba(169, 169, 169, 0.34); }

.header-wrap .search__wrap__cart-price { padding: 0 42px; height: 40px; font-size: 14px; color: #676767; text-align: center; line-height: 38px; border: 1px solid #000; box-shadow: 0 0 5px 0 rgba(169, 169, 169, 0.34); margin: 0 26px; }

.header-wrap .search__wrap__cart-price .icon-icon_jiageguanlivalue { color: #2b61ad; font-weight: 500; font-size: 20px; }

.header-wrap .search__wrap__cart-cart { position: relative; }

.header-wrap .search__wrap__cart-cart .icon-gouwuche1 { color: #2b61ad; font-weight: 500; font-size: 20px; }

.header-wrap .search__wrap__cart-cart__num { background-color: #2b61ad; color: #fff; padding: 0 4px; font-size: 12px; border-radius: 10px; border-bottom-left-radius: 0; }
/* 
.header-wrap .search__wrap__cart-cart__list { display: none; position: absolute; right: 0; top: 39px; width: 303px; border-style: solid; border-color: #ccc; border-width: 0 1px 1px 1px; background-color: #fff; z-index: 11; }

.header-wrap .search__wrap__cart-cart__list:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color: #ccc; }

.header-wrap .search__wrap__cart-cart__list > header { text-align: left; padding-left: 10px; font-weight: 700; line-height: 40px; }

.header-wrap .search__wrap__cart-cart__list > main .show-loading { display: flex; justify-content: center; }

.header-wrap .search__wrap__cart-cart__list > main .no-login > a { color: #2b61ad; text-decoration: none; }

.header-wrap .search__wrap__cart-cart__list > main .have-goods { background-color: #fff; padding-bottom: 10px; max-height: 300px; overflow-y: scroll; }

.header-wrap .search__wrap__cart-cart__list > main .have-goods__title { display: block; color: #333; text-decoration: none; text-align: left; padding-left: 10px; background-color: #f4f4f4; margin-top: 10px; line-height: 36px; }

.header-wrap .search__wrap__cart-cart__list > main .have-goods__title:first-of-type { margin-top: 0; }

.header-wrap .search__wrap__cart-cart__list > main .have-goods__list { padding: 0 10px; }

.header-wrap .search__wrap__cart-cart__list > main .have-goods__list__item { margin-top: 10px; padding-top: 10px; border-top: 1px dashed #999; }

.header-wrap .search__wrap__cart-cart__list > main .have-goods__list__item:first-of-type { padding-top: 0; border-top: none; }

.header-wrap .search__wrap__cart-cart__list > main .have-goods__list__item > a { color: #333; text-decoration: none; }

.header-wrap .search__wrap__cart-cart__list > main .have-goods__list__item > a > img { border: 1px solid #999; }

.header-wrap .search__wrap__cart-cart__list > main .have-goods__list__item > a > div > p { line-height: 1.8; padding: 0 6px; }

.header-wrap .search__wrap__cart-cart__list > main .have-goods__list__item .icon-lajitong { cursor: pointer; }

.header-wrap .search__wrap__cart-cart__list > footer { background-color: #f4f4f4; padding: 4px 10px; }

.header-wrap .search__wrap__cart-cart__list > footer > a { text-decoration: none; width: 68px; height: 32px; text-align: center; line-height: 32px; border-radius: 3px; color: #fff; font-size: 14px; background-color: #2b61ad; }

.header-wrap .search__wrap__cart-cart__list > footer > p > span { color: #333; font-weight: 700; }

.header-wrap .search__wrap__cart:hover .search__wrap__cart-cart { border-style: solid; border-color: #ccc; border-width: 1px 1px 0 1px; z-index: 13; background-color: #fff; box-shadow: none; }

.header-wrap .search__wrap__cart:hover .search__wrap__cart-cart__list { display: block; } 
*/

.header-wrap .search__wrap .server { font-size: 14px; color: #2b61ad; margin-top: 10px; margin-left: 10px; display: none; }

.header-wrap .search.active, .header-wrap .banner-box .banner-info .search.customer__information__title-more:hover, .header-wrap .fixed__wrap__index > span.search:hover, .header-wrap .fixed__wrap__index > a.search:hover, .header-wrap .fixed__wrap__index > div.search:hover { position: fixed; top: 0; left: 0; right: 0; z-index: 998; }

.header-wrap .search.active .search__wrap, .header-wrap .banner-box .banner-info .search.customer__information__title-more:hover .search__wrap, .header-wrap .fixed__wrap__index > span.search:hover .search__wrap, .header-wrap .fixed__wrap__index > a.search:hover .search__wrap, .header-wrap .fixed__wrap__index > div.search:hover .search__wrap { max-width: 1180px; padding-top: 10px; padding-bottom: 10px; }

.header-wrap .search.active .search__wrap .search__content, .header-wrap .banner-box .banner-info .search.customer__information__title-more:hover .search__wrap .search__content, .header-wrap .fixed__wrap__index > span.search:hover .search__wrap .search__content, .header-wrap .fixed__wrap__index > a.search:hover .search__wrap .search__content, .header-wrap .fixed__wrap__index > div.search:hover .search__wrap .search__content { margin-right: 40px; }

.header-wrap .search.active .server, .header-wrap .banner-box .banner-info .search.customer__information__title-more:hover .server, .header-wrap .fixed__wrap__index > span.search:hover .server, .header-wrap .fixed__wrap__index > a.search:hover .server, .header-wrap .fixed__wrap__index > div.search:hover .server { display: block; position: absolute; right: -88px; top: 0; }

.header-wrap .search.active .server > i, .header-wrap .banner-box .banner-info .search.customer__information__title-more:hover .server > i, .header-wrap .fixed__wrap__index > span.search:hover .server > i, .header-wrap .fixed__wrap__index > a.search:hover .server > i, .header-wrap .fixed__wrap__index > div.search:hover .server > i { display: inline-block; animation: serverLoop 2s linear infinite alternate; }

.header-wrap .search.active .server .server-box, .header-wrap .banner-box .banner-info .search.customer__information__title-more:hover .server .server-box, .header-wrap .fixed__wrap__index > span.search:hover .server .server-box, .header-wrap .fixed__wrap__index > a.search:hover .server .server-box, .header-wrap .fixed__wrap__index > div.search:hover .server .server-box { transition: all .2s; opacity: 0; }

.header-wrap .search.active .server:hover .server-box, .header-wrap .banner-box .banner-info .search.customer__information__title-more:hover .server:hover .server-box, .header-wrap .fixed__wrap__index > span.search:hover .server:hover .server-box, .header-wrap .fixed__wrap__index > a.search:hover .server:hover .server-box, .header-wrap .fixed__wrap__index > div.search:hover .server:hover .server-box { opacity: 1; }

.header-wrap .search.new-home-page { padding-bottom: 29px; }

.header-wrap .classify { background-color: #fff; }

.header-wrap .classify__wrap { width: 1180px; margin: 0 auto; padding-top: 18px; }

.header-wrap .classify__wrap-index { width: 240px; height: 36px; background: #2b61ad; color: #fff; font-size: 16px; font-weight: 700; position: relative; }

.header-wrap .classify__wrap-index .icon-iconfontzhizuobiaozhun45 { margin-right: 10px; font-size: 20px; }

.header-wrap .classify__wrap-index__list-list { display: none; position: absolute; z-index: 10; left: 240px; top: 0; width: 960px; height: 440px; border: 2px solid #2b61ad; padding: 14px 10px; background-color: #fff; flex-direction: column; overflow: auto; }

.header-wrap .classify__wrap-index__list-list > li { border-bottom: 1px solid #eee; }

.header-wrap .classify__wrap-index__list-list > li .title { text-decoration: none; font-size: 14px; line-height: 40px; font-weight: 700; color: #333333; text-align: right; display: block; width: 165px; margin-right: 5px; }

.header-wrap .classify__wrap-index__list-list > li .title:hover { color: #2b61ad; }

.header-wrap .classify__wrap-index__list-list > li .classify > a { text-decoration: none; font-size: 13px; line-height: 40px; font-weight: normal; color: #888; padding: 0 10px; position: relative; }

.header-wrap .classify__wrap-index__list-list > li .classify > a:hover { color: #2b61ad; }

.header-wrap .classify__wrap-index__list-list > li .classify > a:after { content: ''; position: absolute; top: 12px; right: 0; bottom: 13px; width: 1px; background-color: #d9d9d9; }

.header-wrap .classify__wrap-index__list-list > li .classify > a:last-of-type:after { width: 0; }

.header-wrap .classify__wrap-index__list { position: absolute; background-color: #fff; list-style: none; top: 36px; left: 0px; width: 240px; padding: 4px 0; height: 440px; z-index: 10; }

.header-wrap .classify__wrap-index__list > li { height: 36px; padding: 0 14px; overflow: hidden; white-space: nowrap; }

.header-wrap .classify__wrap-index__list > li .img-box { width: 24px; height: 16px; margin-right: 8px; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; }

.header-wrap .classify__wrap-index__list > li .img-box > img { display: block; height: 16px; }

.header-wrap .classify__wrap-index__list > li .inon-box { margin-right: 12px; width: 16px; height: 20px; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; }

.header-wrap .classify__wrap-index__list > li .inon-box .iconfont { color: #999; }

.header-wrap .classify__wrap-index__list > li .inon-box .iconfont.icon-yiqiyibiao { font-size: 14px; }

.header-wrap .classify__wrap-index__list > li .inon-box .iconfont.icon-chilun-- { font-size: 18px; }

.header-wrap .classify__wrap-index__list > li .inon-box .iconfont.icon-luosi1 { font-size: 19px; }

.header-wrap .classify__wrap-index__list > li .inon-box .iconfont.icon-tuiche_barrow, .header-wrap .classify__wrap-index__list > li .inon-box .iconfont.icon-chongwuxihu, .header-wrap .classify__wrap-index__list > li .inon-box .iconfont.icon-zhaomingdeng { font-size: 20px; }

.header-wrap .classify__wrap-index__list > li .inon-box .iconfont.icon-zhengshipidai { font-size: 22px; }

.header-wrap .classify__wrap-index__list > li .inon-box .iconfont.icon-biaochi { display: inline-block; transform: rotate(-90deg); }

.header-wrap .classify__wrap-index__list > li a { color: #333; font-size: 14px; font-weight: 400; text-decoration: none; }

.header-wrap .classify__wrap-index__list > li a:hover { color: #2b61ad; }

.header-wrap .classify__wrap-index__list > li:hover { background-color: #EBEBEB; }

.header-wrap .classify__wrap-index__list > li:hover .classify__wrap-index__list-list { display: block; }

.header-wrap .classify__wrap-index__list .brand { display: none; width: 210px; position: absolute; left: 978px; top: 12px; z-index: 12; overflow: auto; max-height: 416px; }

.header-wrap .classify__wrap-index__list .brand > a { width: 50%; background-color: #ececec; border-right: 1px solid #fff; border-top: 1px solid #fff; overflow: hidden; }

.header-wrap .classify__wrap-index__list .brand > a > img { display: block; width: 100%; }

.header-wrap .classify__wrap-index__list .active-show { position: relative; }

.header-wrap .classify__wrap-index__list .active-show .classify__wrap-index__list { display: none; }

.header-wrap .classify__wrap-index__list .active-show:hover .classify__wrap-index__list { display: block; }

.header-wrap .classify__wrap-index .active .classify__wrap-index__list-list, .header-wrap .classify__wrap-index .banner-box .banner-info .customer__information__title-more:hover .classify__wrap-index__list-list, .header-wrap .banner-box .banner-info .classify__wrap-index .customer__information__title-more:hover .classify__wrap-index__list-list, .header-wrap .classify__wrap-index .fixed__wrap__index > span:hover .classify__wrap-index__list-list, .header-wrap .classify__wrap-index .fixed__wrap__index > a:hover .classify__wrap-index__list-list, .header-wrap .classify__wrap-index .fixed__wrap__index > div:hover .classify__wrap-index__list-list,
.header-wrap .classify__wrap-index .active .brand,
.header-wrap .classify__wrap-index .banner-box .banner-info .customer__information__title-more:hover .brand,
.header-wrap .banner-box .banner-info .classify__wrap-index .customer__information__title-more:hover .brand,
.header-wrap .classify__wrap-index .fixed__wrap__index > span:hover .brand,
.header-wrap .classify__wrap-index .fixed__wrap__index > a:hover .brand,
.header-wrap .classify__wrap-index .fixed__wrap__index > div:hover .brand { display: flex; }

.header-wrap .classify__wrap-index.active .classify__wrap-index__list, .header-wrap .banner-box .banner-info .classify__wrap-index.customer__information__title-more:hover .classify__wrap-index__list, .header-wrap .fixed__wrap__index > span.classify__wrap-index:hover .classify__wrap-index__list, .header-wrap .fixed__wrap__index > a.classify__wrap-index:hover .classify__wrap-index__list, .header-wrap .fixed__wrap__index > div.classify__wrap-index:hover .classify__wrap-index__list { display: none; }

.header-wrap .classify__wrap-index.active:hover .classify__wrap-index__list, .header-wrap .banner-box .banner-info .classify__wrap-index.customer__information__title-more:hover .classify__wrap-index__list, .header-wrap .fixed__wrap__index > span.classify__wrap-index:hover .classify__wrap-index__list, .header-wrap .fixed__wrap__index > a.classify__wrap-index:hover .classify__wrap-index__list, .header-wrap .fixed__wrap__index > div.classify__wrap-index:hover .classify__wrap-index__list { display: block; }

.header-wrap .classify__wrap-link { font-size: 14px; color: #333; text-decoration: none; margin-left: 54px; }

.header-wrap .classify__wrap-link:hover { color: #2b61ad; }

.header-wrap .banner-box { position: relative; height: 440px; }

.header-wrap .banner-box .v3-swiper-container.v3-banner { width: 100%; position: relative; }

.header-wrap .banner-box .v3-swiper-container.v3-banner .swiper-slide a { display: block; width: 100%; }

.header-wrap .banner-box .v3-swiper-container.v3-banner .swiper-slide a img { display: block; height: 440px; width: 100%; object-fit: cover; }

.header-wrap .banner-box .v3-swiper-container.v3-banner .navigation_box { width: 700px; position: absolute; margin: 0 auto; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); z-index: 1; }

.header-wrap .banner-box .v3-swiper-container.v3-banner .navigation_box .swiper-button-prev,
.header-wrap .banner-box .v3-swiper-container.v3-banner .navigation_box .swiper-button-next { width: 25px; height: 60px; background-color: rgba(0, 0, 0, 0.3); color: #fff; background-size: 20px 20px; }

.header-wrap .banner-box .v3-swiper-container.v3-banner .navigation_box .swiper-button-prev { left: 0 !important; border-top-right-radius: 4px; border-bottom-right-radius: 4px; background-image: url("https://i.xinminghui.com/static/web/v4_index/left.png") !important; }

.header-wrap .banner-box .v3-swiper-container.v3-banner .navigation_box .swiper-button-next { right: 0 !important; border-top-left-radius: 4px; border-bottom-left-radius: 4px; background-image: url("https://i.xinminghui.com/static/web/v4_index/right.png") !important; }

.header-wrap .banner-box .v3-swiper-container.v3-banner .swiper-pagination-bullet { width: 30px !important; height: 5px !important; border-radius: 0 !important; opacity: 0.3 !important; }

.header-wrap .banner-box .v3-swiper-container.v3-banner .swiper-pagination-bullet-active { background-color: #2b61ad !important; opacity: 1 !important; }

.header-wrap .banner-box .banner-info { width: 1180px; margin: 0 auto; }

.header-wrap .banner-box .banner-info.new-home-page { position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: 1; }

.header-wrap .banner-box .banner-info .banner { margin-left: 250px; }

.header-wrap .banner-box .banner-info .banner .v3-swiper-container { width: 700px !important; height: 440px !important; }

.header-wrap .banner-box .banner-info .banner .v3-swiper-container .swiper-pagination-bullet { width: 26px; height: 3px; border-radius: 4px; background: #FFF; opacity: 0.5; }

.header-wrap .banner-box .banner-info .banner .v3-swiper-container .swiper-pagination-bullet-active { background: #2b61ad; opacity: 1; }

.header-wrap .banner-box .banner-info .banner .v3-swiper-container a img { display: block; width: 700px; }

.header-wrap .banner-box .banner-info .banner .banner__swiper { width: 700px; height: 440px; overflow: hidden; cursor: pointer; position: relative; }

.header-wrap .banner-box .banner-info .banner .banner__swiper .slide { width: 4400px; height: 440px; position: absolute; left: -700px; }

.header-wrap .banner-box .banner-info .banner .banner__swiper .slide .pic { display: block; width: 700px; height: 440px; line-height: 440px; text-align: center; float: left; font-size: 72px; color: white; }

.header-wrap .banner-box .banner-info .banner .banner__swiper .slide .pic img { display: block; width: 100%; }

.header-wrap .banner-box .banner-info .banner .banner__swiper .dots { width: 100%; height: 30px; position: absolute; bottom: 0px; left: 0; display: flex; z-index: 2; align-items: center; justify-content: center; }

.header-wrap .banner-box .banner-info .banner .banner__swiper .dots .dot { width: 26px; height: 3px; border-radius: 4px; background: #FFF; opacity: 0.5; float: left; margin: 5px 6px; cursor: pointer; }

.header-wrap .banner-box .banner-info .banner .banner__swiper .dots .active, .header-wrap .banner-box .banner-info .banner .banner__swiper .dots .customer__information__title-more:hover, .header-wrap .banner-box .banner-info .banner .banner__swiper .dots .fixed__wrap__index > span:hover, .header-wrap .banner-box .banner-info .banner .banner__swiper .dots .fixed__wrap__index > a:hover, .header-wrap .banner-box .banner-info .banner .banner__swiper .dots .fixed__wrap__index > div:hover { background: #D70B17; opacity: 1; }

.header-wrap .banner-box .banner-info .banner .banner__swiper .arrow { width: 0; height: 0; border-right: 30px solid rgba(255, 255, 255, 0.5); border-top: 30px solid transparent; border-bottom: 30px solid transparent; position: absolute; left: 0; top: 50%; margin-top: -30px; z-index: 2; }

.header-wrap .banner-box .banner-info .banner .banner__swiper .arrow:hover { border-right-color: white; }

.header-wrap .banner-box .banner-info .banner .banner__swiper .next { left: auto; right: 0; top: 50%; margin-top: -30px; transform: rotate(180deg); z-index: 2; }

.header-wrap .banner-box .banner-info .customer { width: 240px; height: 440px; overflow: hidden; background-color: #fff; margin-left: 10px; padding: 8px; position: relative; }

.header-wrap .banner-box .banner-info .customer.new-home-page { position: absolute; right: 0; height: 440px; }

.header-wrap .banner-box .banner-info .customer__user { margin-top: -10px; }

.header-wrap .banner-box .banner-info .customer__user > img { display: block; width: 60px; height: 60px; border-radius: 60px; padding: 8px; }

.header-wrap .banner-box .banner-info .customer__user-info p { font-size: 13px; font-weight: normal; color: #333; }

.header-wrap .banner-box .banner-info .customer__user-info p .sing { border: 1px solid #2b61ad; padding: 2px 6px; margin-left: 10px; cursor: pointer; font-size: 12px; }

.header-wrap .banner-box .banner-info .customer__user-info p .sing .icon-qiandao { color: #2b61ad; }

.header-wrap .banner-box .banner-info .customer__user-info p .sing:hover { color: #2b61ad; }

.header-wrap .banner-box .banner-info .customer__user-info p > a { color: #3366CC; font-size: 14px; text-decoration: none; }

.header-wrap .banner-box .banner-info .customer__user-info p > a:hover { color: #2b61ad; }

.header-wrap .banner-box .banner-info .customer__user-info p > a:first-of-type { padding-right: 23px; position: relative; }

.header-wrap .banner-box .banner-info .customer__user-info p > a:first-of-type:after { content: ''; position: absolute; top: 2px; bottom: 2px; right: 10px; width: 1px; background-color: #3366CC; }

.header-wrap .banner-box .banner-info .customer__user-info p:last-of-type { margin-top: 10px; font-size: 12px; }

.header-wrap .banner-box .banner-info .customer__live { margin: 5px 0; }

.header-wrap .banner-box .banner-info .customer__live > img { display: block; width: 209px; border-radius: 4px; }

.header-wrap .banner-box .banner-info .customer__type-type { text-decoration: none; color: #333; font-size: 12px; width: 33.33%; margin-top: 10px; position: relative; }

.header-wrap .banner-box .banner-info .customer__type-type .server-box { display: none; }

.header-wrap .banner-box .banner-info .customer__type-type:hover { color: #2b61ad; }

.header-wrap .banner-box .banner-info .customer__type-type:hover .server-box { display: flex; }

.header-wrap .banner-box .banner-info .customer__type-type .zxxj { width: 30px; height: 30px; background: url("https://i.xinminghui.com/static/web/v4_index/snowflake.png") no-repeat -4px 0px; }

.header-wrap .banner-box .banner-info .customer__type-type .ddcx { width: 30px; height: 30px; background: url("https://i.xinminghui.com/static/web/v4_index/snowflake.png") no-repeat -35px 0px; }

.header-wrap .banner-box .banner-info .customer__type-type .xdlq { width: 30px; height: 30px; background: url("https://i.xinminghui.com/static/web/v4_index/snowflake.png") no-repeat -63px 0px; }

.header-wrap .banner-box .banner-info .customer__type-type .plxj { width: 30px; height: 30px; background: url("https://i.xinminghui.com/static/web/v4_index/snowflake.png") no-repeat 0px -30px; }

.header-wrap .banner-box .banner-info .customer__type-type .zzxz { width: 30px; height: 30px; background: url("https://i.xinminghui.com/static/web/v4_index/snowflake.png") no-repeat -35px -30px; }

.header-wrap .banner-box .banner-info .customer__type-type .wdgz { width: 30px; height: 30px; background: url("https://i.xinminghui.com/static/web/v4_index/snowflake.png") no-repeat -63px -30px; }

.header-wrap .banner-box .banner-info .customer__information { padding: 0 10px; }

.header-wrap .banner-box .banner-info .customer__information__title { margin-top: 20px; }

.header-wrap .banner-box .banner-info .customer__information__title .actives, .header-wrap .banner-box .banner-info .customer__information__title .customer__information__title-title > span.active, .header-wrap .banner-box .banner-info .customer__information__title .customer__information__title-title > span:hover { color: #2b61ad; font-weight: 700; }

.header-wrap .banner-box .banner-info .customer__information__title-title { position: relative; }

.header-wrap .banner-box .banner-info .customer__information__title-title > span { font-size: 14px; font-weight: 400; color: #333; margin-right: 10px; cursor: pointer; padding-bottom: 1px; position: relative; }

.header-wrap .banner-box .banner-info .customer__information__title-title > span:nth-child(1) .information { left: 0; }

.header-wrap .banner-box .banner-info .customer__information__title-title > span:nth-child(2) .information { left: -40px; }

.header-wrap .banner-box .banner-info .customer__information__title-title > span:nth-child(3) .information { left: -76px; }

.header-wrap .banner-box .banner-info .customer__information__title-title > span.active, .header-wrap .banner-box .banner-info .customer__information__title-title > span.customer__information__title-more:hover, .header-wrap .banner-box .banner-info .fixed__wrap__index.customer__information__title-title > span:hover { border-bottom: 2px solid #2b61ad; }

.header-wrap .banner-box .banner-info .customer__information__title-title > span.active .information, .header-wrap .banner-box .banner-info .customer__information__title-title > span.customer__information__title-more:hover .information, .header-wrap .banner-box .banner-info .fixed__wrap__index.customer__information__title-title > span:hover .information { display: block; }

.header-wrap .banner-box .banner-info .customer__information__title-title > span.active .information > div, .header-wrap .banner-box .banner-info .customer__information__title-title > span.customer__information__title-more:hover .information > div, .header-wrap .banner-box .banner-info .fixed__wrap__index.customer__information__title-title > span:hover .information > div { animation: scrollLoop 10s linear infinite; }

.header-wrap .banner-box .banner-info .customer__information__title-title > span:hover { border-bottom: 2px solid #2b61ad; }

.header-wrap .banner-box .banner-info .customer__information__title-title .information { display: none; position: absolute; top: 34px; left: 0; width: 204px; height: 80px; overflow: hidden; }

.header-wrap .banner-box .banner-info .customer__information__title-title .information.new-home-page { height: 155px; }

.header-wrap .banner-box .banner-info .customer__information__title-title .information > div > li { list-style: none; }

.header-wrap .banner-box .banner-info .customer__information__title-title .information > div > li > a { text-decoration: none; color: #333; font-weight: 400; font-size: 12px; line-height: 25px; }

.header-wrap .banner-box .banner-info .customer__information__title-title .information > div > li > a:hover { color: #2b61ad; }

.header-wrap .banner-box .banner-info .customer__information__title-more { font-size: 12px; font-weight: 400; color: #333; text-decoration: none; }

.header-wrap .banner-box .banner-info .customer__information__notice { margin: 0 auto; overflow: hidden; position: absolute; left: 10px; bottom: 10px; width: 220px; border-top: 1px solid #E6E6E6; }

.header-wrap .banner-box .banner-info .customer__information__notice-title { font-size: 14px; color: #2b61ad; white-space: nowrap; font-weight: 700; padding-right: 10px; background-color: #fff; z-index: 1; }

.header-wrap .banner-box .banner-info .customer__information__notice-text { font-size: 12px; color: #333; display: inline-block; white-space: nowrap; animation: wordsLoop 16s linear infinite normal; }

.header-wrap .adv1 { width: 1180px; margin: 20px auto; }

.header-wrap .adv1 img { display: block; width: 100%; }

.header-wrap .selling { width: 1180px; margin: 0 auto; }

.header-wrap .selling__left, .header-wrap .selling__right { background-color: #fff; width: 590px; height: 330px; overflow: hidden; position: relative; }

.header-wrap .selling__left-title, .header-wrap .selling__right-title { padding: 18px 14px 0 22px; }

.header-wrap .selling__left-title > span a, .header-wrap .selling__right-title > span a { text-decoration: none; font-size: 24px; font-weight: 700; color: #333; }

.header-wrap .selling__left-title > div > span, .header-wrap .selling__right-title > div > span { font-size: 14px; font-weight: 400; color: #999; margin-left: 24px; cursor: pointer; transition: all .5s; padding-bottom: 6px; border-style: solid; border-width: 1px; border-color: transparent; }

.header-wrap .selling__left-title > div > span:hover, .header-wrap .selling__right-title > div > span:hover { color: #2b61ad; border-bottom-color: #2b61ad; }

.header-wrap .selling__left-title > div > span.active, .header-wrap .banner-box .banner-info .selling__left-title > div > span.customer__information__title-more:hover, .header-wrap .selling__left-title > div.fixed__wrap__index > span:hover, .header-wrap .selling__right-title > div > span.active, .header-wrap .banner-box .banner-info .selling__right-title > div > span.customer__information__title-more:hover, .header-wrap .selling__right-title > div.fixed__wrap__index > span:hover { color: #2b61ad; border-bottom-color: #2b61ad; }

.header-wrap .selling__left .swiper-wrap, .header-wrap .selling__right .swiper-wrap { display: none; position: absolute; left: 0; width: 590px; top: 49px; }

.header-wrap .selling__left .swiper-wrap.active, .header-wrap .selling__left .banner-box .banner-info .swiper-wrap.customer__information__title-more:hover, .header-wrap .banner-box .banner-info .selling__left .swiper-wrap.customer__information__title-more:hover, .header-wrap .selling__left .fixed__wrap__index > span.swiper-wrap:hover, .header-wrap .selling__left .fixed__wrap__index > a.swiper-wrap:hover, .header-wrap .selling__left .fixed__wrap__index > div.swiper-wrap:hover, .header-wrap .selling__right .swiper-wrap.active, .header-wrap .selling__right .banner-box .banner-info .swiper-wrap.customer__information__title-more:hover, .header-wrap .banner-box .banner-info .selling__right .swiper-wrap.customer__information__title-more:hover, .header-wrap .selling__right .fixed__wrap__index > span.swiper-wrap:hover, .header-wrap .selling__right .fixed__wrap__index > a.swiper-wrap:hover, .header-wrap .selling__right .fixed__wrap__index > div.swiper-wrap:hover { display: block; }

.header-wrap .selling__left .selling-left-swiper,
.header-wrap .selling__left .selling-right-swiper, .header-wrap .selling__right .selling-left-swiper,
.header-wrap .selling__right .selling-right-swiper { margin: 28px 0; }

.header-wrap .selling__left .selling-left-swiper .swiper-slide,
.header-wrap .selling__left .selling-right-swiper .swiper-slide, .header-wrap .selling__right .selling-left-swiper .swiper-slide,
.header-wrap .selling__right .selling-right-swiper .swiper-slide { padding: 0 25px; }

.header-wrap .selling__left .selling-left-swiper .swiper-slide .selling-left,
.header-wrap .selling__left .selling-right-swiper .swiper-slide .selling-left, .header-wrap .selling__right .selling-left-swiper .swiper-slide .selling-left,
.header-wrap .selling__right .selling-right-swiper .swiper-slide .selling-left { width: 172px; text-decoration: none; color: #333; font-size: 12px; }

.header-wrap .selling__left .selling-left-swiper .swiper-slide .selling-left > img,
.header-wrap .selling__left .selling-right-swiper .swiper-slide .selling-left > img, .header-wrap .selling__right .selling-left-swiper .swiper-slide .selling-left > img,
.header-wrap .selling__right .selling-right-swiper .swiper-slide .selling-left > img { display: block; width: 160px; margin-bottom: 8px; transition: all .3s; }

.header-wrap .selling__left .selling-left-swiper .swiper-slide .selling-left p,
.header-wrap .selling__left .selling-right-swiper .swiper-slide .selling-left p, .header-wrap .selling__right .selling-left-swiper .swiper-slide .selling-left p,
.header-wrap .selling__right .selling-right-swiper .swiper-slide .selling-left p { width: 160px; text-align: left; line-height: 17px; }

.header-wrap .selling__left .selling-left-swiper .swiper-slide .selling-left p:first-of-type,
.header-wrap .selling__left .selling-right-swiper .swiper-slide .selling-left p:first-of-type, .header-wrap .selling__right .selling-left-swiper .swiper-slide .selling-left p:first-of-type,
.header-wrap .selling__right .selling-right-swiper .swiper-slide .selling-left p:first-of-type { height: 34px; }

.header-wrap .selling__left .selling-left-swiper .swiper-slide .selling-left p.name,
.header-wrap .selling__left .selling-right-swiper .swiper-slide .selling-left p.name, .header-wrap .selling__right .selling-left-swiper .swiper-slide .selling-left p.name,
.header-wrap .selling__right .selling-right-swiper .swiper-slide .selling-left p.name { transition: all .3s; height: 34px; }

.header-wrap .selling__left .selling-left-swiper .swiper-slide .selling-left p.price,
.header-wrap .selling__left .selling-right-swiper .swiper-slide .selling-left p.price, .header-wrap .selling__right .selling-left-swiper .swiper-slide .selling-left p.price,
.header-wrap .selling__right .selling-right-swiper .swiper-slide .selling-left p.price { color: #2b61ad; font-weight: 700; margin-top: 6px; font-size: 14px; }

.header-wrap .selling__left .selling-left-swiper .swiper-slide .selling-left p.price .price-tips,
.header-wrap .selling__left .selling-right-swiper .swiper-slide .selling-left p.price .price-tips, .header-wrap .selling__right .selling-left-swiper .swiper-slide .selling-left p.price .price-tips,
.header-wrap .selling__right .selling-right-swiper .swiper-slide .selling-left p.price .price-tips { margin-right: 6px; background-color: #2b61ad; color: #fff; border-radius: 3px; font-size: 12px; padding: 0 6px; line-height: 14px; position: relative; }

.header-wrap .selling__left .selling-left-swiper .swiper-slide .selling-left p.price .price-tips::after,
.header-wrap .selling__left .selling-right-swiper .swiper-slide .selling-left p.price .price-tips::after, .header-wrap .selling__right .selling-left-swiper .swiper-slide .selling-left p.price .price-tips::after,
.header-wrap .selling__right .selling-right-swiper .swiper-slide .selling-left p.price .price-tips::after { content: ''; position: absolute; top: 2px; right: -10px; height: 0; border: 6px solid; border-color: transparent transparent transparent #2b61ad; }

.header-wrap .selling__left .selling-left-swiper .swiper-slide .selling-left:hover .name,
.header-wrap .selling__left .selling-right-swiper .swiper-slide .selling-left:hover .name, .header-wrap .selling__right .selling-left-swiper .swiper-slide .selling-left:hover .name,
.header-wrap .selling__right .selling-right-swiper .swiper-slide .selling-left:hover .name { color: #2b61ad; }

.header-wrap .selling__left .selling-left-swiper .swiper-slide .selling-left:hover img,
.header-wrap .selling__left .selling-right-swiper .swiper-slide .selling-left:hover img, .header-wrap .selling__right .selling-left-swiper .swiper-slide .selling-left:hover img,
.header-wrap .selling__right .selling-right-swiper .swiper-slide .selling-left:hover img { transform: translateX(6px); }

.header-wrap .selling__left .selling-left-swiper .swiper-slide .selling-right,
.header-wrap .selling__left .selling-right-swiper .swiper-slide .selling-right, .header-wrap .selling__right .selling-left-swiper .swiper-slide .selling-right,
.header-wrap .selling__right .selling-right-swiper .swiper-slide .selling-right { padding-left: 30px; }

.header-wrap .selling__left .selling-left-swiper .swiper-slide .selling-right > a,
.header-wrap .selling__left .selling-right-swiper .swiper-slide .selling-right > a, .header-wrap .selling__right .selling-left-swiper .swiper-slide .selling-right > a,
.header-wrap .selling__right .selling-right-swiper .swiper-slide .selling-right > a { width: 169px; text-decoration: none; color: #333; font-size: 12px; overflow: hidden; }

.header-wrap .selling__left .selling-left-swiper .swiper-slide .selling-right > a > img,
.header-wrap .selling__left .selling-right-swiper .swiper-slide .selling-right > a > img, .header-wrap .selling__right .selling-left-swiper .swiper-slide .selling-right > a > img,
.header-wrap .selling__right .selling-right-swiper .swiper-slide .selling-right > a > img { transition: all .3s; display: block; height: 80px; }

.header-wrap .selling__left .selling-left-swiper .swiper-slide .selling-right > a > div,
.header-wrap .selling__left .selling-right-swiper .swiper-slide .selling-right > a > div, .header-wrap .selling__right .selling-left-swiper .swiper-slide .selling-right > a > div,
.header-wrap .selling__right .selling-right-swiper .swiper-slide .selling-right > a > div { height: 80px; width: 100px; padding-left: 10px; }

.header-wrap .selling__left .selling-left-swiper .swiper-slide .selling-right > a > div p, .header-wrap .selling__left .selling-left-swiper .swiper-slide .selling-right > a > div span,
.header-wrap .selling__left .selling-right-swiper .swiper-slide .selling-right > a > div p,
.header-wrap .selling__left .selling-right-swiper .swiper-slide .selling-right > a > div span, .header-wrap .selling__right .selling-left-swiper .swiper-slide .selling-right > a > div p, .header-wrap .selling__right .selling-left-swiper .swiper-slide .selling-right > a > div span,
.header-wrap .selling__right .selling-right-swiper .swiper-slide .selling-right > a > div p,
.header-wrap .selling__right .selling-right-swiper .swiper-slide .selling-right > a > div span { line-height: 17px; }

.header-wrap .selling__left .selling-left-swiper .swiper-slide .selling-right > a > div p.name, .header-wrap .selling__left .selling-left-swiper .swiper-slide .selling-right > a > div span.name,
.header-wrap .selling__left .selling-right-swiper .swiper-slide .selling-right > a > div p.name,
.header-wrap .selling__left .selling-right-swiper .swiper-slide .selling-right > a > div span.name, .header-wrap .selling__right .selling-left-swiper .swiper-slide .selling-right > a > div p.name, .header-wrap .selling__right .selling-left-swiper .swiper-slide .selling-right > a > div span.name,
.header-wrap .selling__right .selling-right-swiper .swiper-slide .selling-right > a > div p.name,
.header-wrap .selling__right .selling-right-swiper .swiper-slide .selling-right > a > div span.name { transition: all .3s; height: 34px; }

.header-wrap .selling__left .selling-left-swiper .swiper-slide .selling-right > a > div p.price, .header-wrap .selling__left .selling-left-swiper .swiper-slide .selling-right > a > div span.price,
.header-wrap .selling__left .selling-right-swiper .swiper-slide .selling-right > a > div p.price,
.header-wrap .selling__left .selling-right-swiper .swiper-slide .selling-right > a > div span.price, .header-wrap .selling__right .selling-left-swiper .swiper-slide .selling-right > a > div p.price, .header-wrap .selling__right .selling-left-swiper .swiper-slide .selling-right > a > div span.price,
.header-wrap .selling__right .selling-right-swiper .swiper-slide .selling-right > a > div p.price,
.header-wrap .selling__right .selling-right-swiper .swiper-slide .selling-right > a > div span.price { color: #2b61ad; font-weight: 700; margin-top: 14px; font-size: 14px; }

.header-wrap .selling__left .selling-left-swiper .swiper-slide .selling-right > a:nth-child(2n),
.header-wrap .selling__left .selling-right-swiper .swiper-slide .selling-right > a:nth-child(2n), .header-wrap .selling__right .selling-left-swiper .swiper-slide .selling-right > a:nth-child(2n),
.header-wrap .selling__right .selling-right-swiper .swiper-slide .selling-right > a:nth-child(2n) { padding-left: 10px; }

.header-wrap .selling__left .selling-left-swiper .swiper-slide .selling-right > a:nth-child(1), .header-wrap .selling__left .selling-left-swiper .swiper-slide .selling-right > a:nth-child(2),
.header-wrap .selling__left .selling-right-swiper .swiper-slide .selling-right > a:nth-child(1),
.header-wrap .selling__left .selling-right-swiper .swiper-slide .selling-right > a:nth-child(2), .header-wrap .selling__right .selling-left-swiper .swiper-slide .selling-right > a:nth-child(1), .header-wrap .selling__right .selling-left-swiper .swiper-slide .selling-right > a:nth-child(2),
.header-wrap .selling__right .selling-right-swiper .swiper-slide .selling-right > a:nth-child(1),
.header-wrap .selling__right .selling-right-swiper .swiper-slide .selling-right > a:nth-child(2) { padding-bottom: 16px; }

.header-wrap .selling__left .selling-left-swiper .swiper-slide .selling-right > a:hover img,
.header-wrap .selling__left .selling-right-swiper .swiper-slide .selling-right > a:hover img, .header-wrap .selling__right .selling-left-swiper .swiper-slide .selling-right > a:hover img,
.header-wrap .selling__right .selling-right-swiper .swiper-slide .selling-right > a:hover img { transform: translateX(6px); }

.header-wrap .selling__left .selling-left-swiper .swiper-slide .selling-right > a:hover .name,
.header-wrap .selling__left .selling-right-swiper .swiper-slide .selling-right > a:hover .name, .header-wrap .selling__right .selling-left-swiper .swiper-slide .selling-right > a:hover .name,
.header-wrap .selling__right .selling-right-swiper .swiper-slide .selling-right > a:hover .name { color: #2b61ad; }

.header-wrap .selling__left .selling-left-swiper .swiper-slide.low .low-tip,
.header-wrap .selling__left .selling-right-swiper .swiper-slide.low .low-tip, .header-wrap .selling__right .selling-left-swiper .swiper-slide.low .low-tip,
.header-wrap .selling__right .selling-right-swiper .swiper-slide.low .low-tip { position: absolute; left: 30px; top: 0; color: #2b61ad; border: 1px solid #2b61ad; padding: 2px 6px; border-radius: 30px; background-color: #fff; font-size: 12px; z-index: 10; }

.header-wrap .selling__left .selling-left-swiper .navigation_box .swiper-button-prev,
.header-wrap .selling__left .selling-left-swiper .navigation_box .swiper-button-next,
.header-wrap .selling__left .selling-right-swiper .navigation_box .swiper-button-prev,
.header-wrap .selling__left .selling-right-swiper .navigation_box .swiper-button-next, .header-wrap .selling__right .selling-left-swiper .navigation_box .swiper-button-prev,
.header-wrap .selling__right .selling-left-swiper .navigation_box .swiper-button-next,
.header-wrap .selling__right .selling-right-swiper .navigation_box .swiper-button-prev,
.header-wrap .selling__right .selling-right-swiper .navigation_box .swiper-button-next { width: 25px; height: 50px; background-color: #ccc; color: #fff; background-size: 20px 20px; }

.header-wrap .selling__left .selling-left-swiper .navigation_box .swiper-button-prev,
.header-wrap .selling__left .selling-right-swiper .navigation_box .swiper-button-prev, .header-wrap .selling__right .selling-left-swiper .navigation_box .swiper-button-prev,
.header-wrap .selling__right .selling-right-swiper .navigation_box .swiper-button-prev { left: 0; background-image: url("https://i.xinminghui.com/static/web/v4_index/left.png") !important; }

.header-wrap .selling__left .selling-left-swiper .navigation_box .swiper-button-next,
.header-wrap .selling__left .selling-right-swiper .navigation_box .swiper-button-next, .header-wrap .selling__right .selling-left-swiper .navigation_box .swiper-button-next,
.header-wrap .selling__right .selling-right-swiper .navigation_box .swiper-button-next { right: 0; background-image: url("https://i.xinminghui.com/static/web/v4_index/right.png") !important; }

.header-wrap .selling__left .selling-left-swiper .selling-right, .header-wrap .selling__right .selling-left-swiper .selling-right { width: 368px; height: 225px; overflow: hidden; padding-top: 16px; }

.header-wrap .clear-warehouse { width: 1180px; margin: 20px auto; height: 489px; background: #2b61ad; border-radius: 12px 12px 0px 0px; }

.header-wrap .clear-warehouse .ware_header { width: 1180px; height: 128px; background: linear-gradient(90deg, #FF5D43, #FB504F, #FF5B42); border-radius: 12px 12px 0px 0px; }

.header-wrap .clear-warehouse .ware_header > img { width: 100%; height: 100%; object-fit: cover; }

.header-wrap .clear-warehouse .ware_list { padding: 0 15px 20px 15px; box-sizing: border-box; }

.header-wrap .clear-warehouse .ware_list .ware_single { display: block; margin: 0 5px; width: 224px; height: 340px; background: #FFFFFF; overflow: auto; }

.header-wrap .clear-warehouse .ware_list .ware_single:hover .ellipsis2 { color: #2b61ad !important; }

.header-wrap .clear-warehouse .ware_list .ware_single.swiper-slide { width: 224px !important; }

.header-wrap .clear-warehouse .ware_list .ware_single .single_img { width: 190px; margin: 10px auto; height: 190px; background: #FFF; }

.header-wrap .clear-warehouse .ware_list .ware_single .single_img .img_url { width: 190px; height: 168px; display: flex; justify-content: center; align-items: flex-end; }

.header-wrap .clear-warehouse .ware_list .ware_single .single_img .img_url > img { width: 172px; height: 140px; transition: all .3s; object-fit: contain; }

.header-wrap .clear-warehouse .ware_list .ware_single .single_img .img_url > img:hover { transform: translateX(6px); }

.header-wrap .clear-warehouse .ware_list .ware_single .single_img .low_stocks { width: 190px; height: 26px; background: #000000; opacity: 0.3; font-size: 12px; font-family: Noto Sans SC; font-weight: 400; color: #FFFFFF; line-height: 26px; text-align: center; }

.header-wrap .clear-warehouse .ware_list .ware_single .single_down { padding: 0 20px; box-sizing: border-box; }

.header-wrap .clear-warehouse .ware_list .ware_single .single_down > p { height: 32px; font-size: 12px; font-family: Noto Sans SC; font-weight: 400; color: #333333; }

.header-wrap .clear-warehouse .ware_list .ware_single .single_down .ware_num { font-size: 12px; font-family: Noto Sans SC; font-weight: 400; color: #999999; line-height: 12px; margin: 8px 0; }
/* .header-wrap .clear-warehouse .ware_list .ware_single .single_down .ware_num > span {
  color: #2b61ad;
} */
.colrred { color: #2b61ad !important; }

.header-wrap .clear-warehouse .ware_list .ware_single .single_down .price { display: flex; align-items: flex-start; color: #2b61ad; font-weight: 700; margin-top: 6px; font-size: 14px; }

.header-wrap .clear-warehouse .ware_list .ware_single .single_down .price .price-tips { margin-right: 6px; background-color: #2b61ad; color: #fff; border-radius: 3px; font-size: 11px; padding: 0 6px; line-height: 14px; position: relative; }

.header-wrap .clear-warehouse .ware_list .ware_single .single_down .price .price-tips::after { content: ''; position: absolute; top: 2px; right: -10px; height: 0; border: 6px solid; border-color: transparent transparent transparent #2b61ad; }

.header-wrap .clear-warehouse .ware_list .ware_single .single_down .price .price_play { display: flex; flex-direction: column; justify-content: flex-start; }

.header-wrap .clear-warehouse .ware_list .ware_single .single_down .price .price_play > p { font-family: Noto Sans SC; font-weight: bold; }

.header-wrap .clear-warehouse .ware_list .ware_single .single_down .price .price_play > p:first-child { font-size: 16px; color: #2b61ad; line-height: 16px; margin-bottom: 8px; }

.header-wrap .clear-warehouse .ware_list .ware_single .single_down .price .price_play > p:last-child { font-size: 12px; font-weight: 400; text-decoration: line-through; color: #999999; line-height: 12px; }

.header-wrap .clear-warehouse .ware_list .navigation_box .swiper-button-prev,
.header-wrap .clear-warehouse .ware_list .navigation_box .swiper-button-next { width: 25px; height: 60px; background-color: #ccc; color: #fff; background-size: 20px 20px; }

.header-wrap .clear-warehouse .ware_list .navigation_box .swiper-button-prev { left: 3px; background-image: url("https://i.xinminghui.com/static/web/v4_index/left.png") !important; }

.header-wrap .clear-warehouse .ware_list .navigation_box .swiper-button-next { right: 3px; background-image: url("https://i.xinminghui.com/static/web/v4_index/right.png") !important; }

.header-wrap .choose { width: 1180px; margin: 0 auto; }

.header-wrap .choose__title { color: #333; font-size: 28px; text-align: left; font-weight: 700; margin: 20px 0; }

.header-wrap .choose__list__item { width: 232px; height: 308px; background-color: #f5f5f5; position: relative; }

.header-wrap .choose__list__item__mask-text { position: absolute; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.9); color: #fff; height: 45px; line-height: 45px; text-align: center; overflow: hidden; font-size: 20px; font-weight: 700; }

.header-wrap .choose__list__item__mask { overflow: hidden; position: absolute; transition: all .3s; bottom: 0; left: 0; transition: all .3s; width: 100%; height: 0; background-color: rgba(0, 0, 0, 0.7); }

.header-wrap .choose__list__item__mask-title, .header-wrap .choose__list__item__mask-list { color: #fff; font-size: 12px; }

.header-wrap .choose__list__item__mask-title { padding: 50px 28px 10px; font-size: 23px; text-transform: uppercase; font-weight: 700; }

.header-wrap .choose__list__item__mask-title-list { font-size: 20px; background-color: #2F79D4; font-weight: 700; padding: 10px 30px; color: #fff; }

.header-wrap .choose__list__item__mask-title-list .iconfont { padding-left: 50px; }

.header-wrap .choose__list__item__mask-title-list .iconfont::before { content: ''; position: absolute; left: 30px; width: 20px; height: 4px; background-color: #fff; }

.header-wrap .choose__list__item__mask-list { padding: 0 30px; line-height: 30px; transition: all .2s; }

.header-wrap .choose__list__item__mask-list .iconfont { position: relative; transition: all .3s; }

.header-wrap .choose__list__item__mask-guid { padding-right: 24px; display: block; }

.header-wrap .choose__list__item__mask-guid > i { display: inline-block; width: 30px; height: 30px; border-radius: 30px; border: 2px solid #fff; text-align: center; box-sizing: border-box; line-height: 26px; color: #fff; opacity: .59; }

.header-wrap .choose__list__item__mask-guid:hover > i { opacity: 1; }

.header-wrap .choose__list__item:hover .choose__list__item__mask { height: 100%; }

.header-wrap .choose__list__item:hover .choose__list__item__mask-text { height: 0; }

.header-wrap .choose__list__item > img { display: block; width: 100%; }

.header-wrap .recommend { width: 1180px; margin: 0 auto; height: 406px; background: url("https://i.xinminghui.com/static/web/v4_index/ibj.jpg") no-repeat center center; }

.header-wrap .recommend__title { margin-top: 30px; border-top-right-radius: 55px; height: 80px; }

.header-wrap .recommend__title > span { font-size: 28px; font-weight: 700; color: #333; }

.header-wrap .recommend__title__tab { position: relative; }

.header-wrap .recommend__title__tab > span, .header-wrap .recommend__title__tab > a { margin-right: 44px; cursor: pointer; font-weight: 400; font-size: 16px; color: #333; }

.header-wrap .recommend__title__tab > span:hover, .header-wrap .recommend__title__tab > a:hover { color: #2b61ad; font-weight: 700; }

.header-wrap .recommend__title__tab > span .recommend__tab__list, .header-wrap .recommend__title__tab > a .recommend__tab__list { display: none; position: absolute; left: -112px; top: 50px; }

.header-wrap .recommend__title__tab > span .recommend__tab__list > a, .header-wrap .recommend__title__tab > a .recommend__tab__list > a { margin-right: 10px; transition: all .3s; }

.header-wrap .recommend__title__tab > span .recommend__tab__list > a:last-of-type, .header-wrap .recommend__title__tab > a .recommend__tab__list > a:last-of-type { margin-right: 0; }

.header-wrap .recommend__title__tab > span .recommend__tab__list > a:hover, .header-wrap .recommend__title__tab > a .recommend__tab__list > a:hover { box-shadow: 0 7px 20px 0 rgba(0, 0, 0, 0.3); }

.header-wrap .recommend__title__tab > span.active, .header-wrap .banner-box .banner-info .recommend__title__tab > span.customer__information__title-more:hover, .header-wrap .fixed__wrap__index.recommend__title__tab > span:hover, .header-wrap .recommend__title__tab > a.active, .header-wrap .banner-box .banner-info .recommend__title__tab > a.customer__information__title-more:hover, .header-wrap .fixed__wrap__index.recommend__title__tab > a:hover { color: #2b61ad; font-weight: 700; }

.header-wrap .recommend__title__tab > span.active .recommend__tab__list, .header-wrap .banner-box .banner-info .recommend__title__tab > span.customer__information__title-more:hover .recommend__tab__list, .header-wrap .fixed__wrap__index.recommend__title__tab > span:hover .recommend__tab__list, .header-wrap .recommend__title__tab > a.active .recommend__tab__list, .header-wrap .banner-box .banner-info .recommend__title__tab > a.customer__information__title-more:hover .recommend__tab__list, .header-wrap .fixed__wrap__index.recommend__title__tab > a:hover .recommend__tab__list { display: flex; }

.header-wrap .recommend__tab__list { padding: 28px 20px; width: 1180px; }

.header-wrap .recommend__tab__list > a { width: 224px; height: 272px; background-color: #f5f5f5; overflow: hidden; }

.header-wrap .recommend__tab__list > a > img { display: block; width: 100%; }

.header-wrap .common-style { width: 1180px; margin: 30px auto 0; }

.header-wrap .common-style__left { width: 960px; }

.header-wrap .common-style__left__title { position: relative; }

.header-wrap .common-style__left__title > span { font-size: 28px; font-weight: 700; color: #333; margin-right: 108px; white-space: nowrap; }

.header-wrap .common-style__left__title > div > span, .header-wrap .common-style__left__title > div > a { text-decoration: none; margin-right: 47px; font-size: 14px; margin-top: 10px; color: #333; font-weight: 400; cursor: pointer; padding-bottom: 12px; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: transparent; white-space: nowrap; }

.header-wrap .common-style__left__title > div > span.active, .header-wrap .banner-box .banner-info .common-style__left__title > div > span.customer__information__title-more:hover, .header-wrap .common-style__left__title > div.fixed__wrap__index > span:hover, .header-wrap .common-style__left__title > div > a.active, .header-wrap .banner-box .banner-info .common-style__left__title > div > a.customer__information__title-more:hover, .header-wrap .common-style__left__title > div.fixed__wrap__index > a:hover { border-bottom-color: #2b61ad; }

.header-wrap .common-style__left__title > div > span.active .common-style__left__title__extend, .header-wrap .banner-box .banner-info .common-style__left__title > div > span.customer__information__title-more:hover .common-style__left__title__extend, .header-wrap .common-style__left__title > div.fixed__wrap__index > span:hover .common-style__left__title__extend, .header-wrap .common-style__left__title > div > a.active .common-style__left__title__extend, .header-wrap .banner-box .banner-info .common-style__left__title > div > a.customer__information__title-more:hover .common-style__left__title__extend, .header-wrap .common-style__left__title > div.fixed__wrap__index > a:hover .common-style__left__title__extend { display: flex !important; }

.header-wrap .common-style__left__title > div > span:hover, .header-wrap .common-style__left__title > div > a:hover { border-bottom-color: #2b61ad; }

.header-wrap .common-style__left__title__extend { display: none !important; position: absolute; top: 57px; left: 220px; height: 490px; width: 740px; }

.header-wrap .common-style__left__title__extend > a { text-decoration: none; width: 185px; height: 245px; border-right: 1px solid #f3f6f7; border-bottom: 1px solid #f3f6f7; padding: 15px; }

.header-wrap .common-style__left__title__extend > a > img { display: block; width: 130px; height: 130px; transition: all .3s; }

.header-wrap .common-style__left__title__extend > a .name { font-size: 12px; color: #333; font-weight: 400; height: 40px; line-height: 20px; width: 100%; margin-top: 10px; }

.header-wrap .common-style__left__title__extend > a .price { font-size: 16px; font-weight: 700; color: #2b61ad; text-align: left; width: 100%; margin-top: 10px; }

.header-wrap .common-style__left__title__extend > a:hover > img { transform: translateX(6px); }

.header-wrap .common-style__left__title__extend > a:hover .name { color: #2b61ad; }

.header-wrap .common-style__left__content { margin-top: 14px; background-color: #fff; }

.header-wrap .common-style__left__content__left { width: 220px; height: 490px; overflow: hidden; }

.header-wrap .common-style__left__content__left > img { display: block; width: 100%; }

.header-wrap .common-style__left__brand { margin-top: 10px; background-color: #fff; height: 104px; overflow: hidden; padding: 0 11px; }

.header-wrap .common-style__left__brand > a { width: 114px; height: 74px; overflow: hidden; display: flex; align-items: center; justify-content: center; margin: 0 10px; }

.header-wrap .common-style__left__brand > a > img { display: block; width: 100%; transition: all .3s; }

.header-wrap .common-style__left__brand > a > img:hover { transform: translateX(6px); }

.header-wrap .common-style__right { width: 230px; }

.header-wrap .common-style__right__title { font-size: 14px; font-weight: 700; color: #2b61ad; height: 37px; position: relative; z-index: 12; }

.header-wrap .common-style__right__title__btn { padding-right: 10px; }

.header-wrap .common-style__right__title__btn > span { width: 10px; height: 10px; border-radius: 10px; border: 1px solid #2b61ad; margin-left: 5px; transition: all .3s linear; cursor: pointer; }

.header-wrap .common-style__right__title__btn > span.active, .header-wrap .banner-box .banner-info .common-style__right__title__btn > span.customer__information__title-more:hover, .header-wrap .fixed__wrap__index.common-style__right__title__btn > span:hover { width: 20px; background-color: #D70B17; }

.header-wrap .common-style__right__content { background-color: #fff; margin-top: 20px; padding: 2px 0; width: 230px; height: 604px; overflow: hidden; }

.header-wrap .common-style__right__content__left, .header-wrap .common-style__right__content__right { transition: all .3s linear; }

.header-wrap .common-style__right__content__left > a, .header-wrap .common-style__right__content__right > a { width: 230px; padding: 18.5px 15px; text-decoration: none; position: relative; }

.header-wrap .common-style__right__content__left > a > img, .header-wrap .common-style__right__content__right > a > img { display: block; width: 60px; height: 60px; }

.header-wrap .common-style__right__content__left > a > div p, .header-wrap .common-style__right__content__right > a > div p { font-size: 12px; color: #333; font-weight: 400; width: 100%; }

.header-wrap .common-style__right__content__left > a > div p.name, .header-wrap .common-style__right__content__right > a > div p.name { line-height: 17px; height: 34px; padding-left: 10px; }

.header-wrap .common-style__right__content__left > a > div p.name:hover, .header-wrap .common-style__right__content__right > a > div p.name:hover { color: #2b61ad; }

.header-wrap .common-style__right__content__left > a > div p.price, .header-wrap .common-style__right__content__right > a > div p.price { font-weight: 700; color: #2b61ad; margin-top: 10px; padding-left: 10px; font-size: 14px; }

.header-wrap .common-style__right__content__left > a:nth-child(1)::after { content: "1"; position: absolute; top: 14px; left: 14px; font-size: 12px; width: 14px; height: 14px; border-radius: 14px; background: #2b61ad; text-align: center; line-height: 14px; color: #fff; }

.header-wrap .common-style__right__content__left > a:nth-child(2)::after { content: "2"; position: absolute; top: 14px; left: 14px; font-size: 12px; width: 14px; height: 14px; border-radius: 14px; background: #2b61ad; text-align: center; line-height: 14px; color: #fff; }

.header-wrap .common-style__right__content__left > a:nth-child(3)::after { content: "3"; position: absolute; top: 14px; left: 14px; font-size: 12px; width: 14px; height: 14px; border-radius: 14px; background: #2b61ad; text-align: center; line-height: 14px; color: #fff; }
/*为你推荐-start*/
.header-wrap .recommend2 { width: 1180px; margin: 0 auto }

.header-wrap .recommend2 > p { font-size: 28px; font-weight: 700; color: #333; line-height: 43px; margin: 30px 0 14px }

.header-wrap .recommend2__box__item { background-color: #fff; flex: 0 0 192px; width: 192px; height: 290px; padding: 18px; margin-right: 15px; margin-bottom: 15px; display: block; box-sizing: content-box; }

.header-wrap .recommend2__box__item:nth-child(5n) { margin-right: 0 }

.header-wrap .recommend2__box__item > img { display: inline-block; height: 177px; object-fit: cover; transition: all .3s }

.header-wrap .recommend2__box__item .name { font-size: 12px; color: #333; font-weight: 400; height: 36px; line-height: 18px; width: 100%; margin-top: 10px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical }

.header-wrap .recommend2__box__item .price { color: #2b61ad; font-size: 16px; font-weight: 700; margin-top: 10px }

.header-wrap .recommend2__box__item:hover img { transform: translateX(10px) }

.header-wrap .recommend2__box__item:hover .name { color: #2b61ad }
/*为你推荐-end*/

.header-wrap .xmh__footer__wrap { background-color: #fff; margin-top: 27px; }

.header-wrap .xmh__footer .section2 { width: 1180px; margin: 0 auto; background-color: #fff; padding-bottom: 50px; }

.header-wrap .xmh__footer .section2 .ensure { border-bottom: 1px solid #dddddd; display: flex; justify-content: space-around; padding-top: 30px; padding-bottom: 30px; }

.header-wrap .xmh__footer .section2 .ensure .ensure_item { display: flex; align-items: center; }

.header-wrap .xmh__footer .section2 .ensure .ensure_item img { width: 49px; display: block; margin-right: 11px; }

.header-wrap .xmh__footer .section2 .ensure .ensure_item p { font-family: Noto Sans SC; font-size: 20px; font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: #333333; }

.header-wrap .xmh__footer .section2 .about { display: flex; justify-content: space-between; padding: 35px 10px 0 10px; box-sizing: border-box; }

.header-wrap .xmh__footer .section2 .about .about_item li h3 { font-family: Noto Sans SC; font-size: 17px; font-weight: 700; font-stretch: normal; letter-spacing: 0px; color: #333333; margin-bottom: 8px; }

.header-wrap .xmh__footer .section2 .about .about_item li a { font-family: Noto Sans SC; font-size: 14px; font-weight: normal; letter-spacing: 0px; color: #666666; line-height: 26px; }

.header-wrap .xmh__footer .section2 .about .about_item li a:hover { color: #2b61ad; }

.header-wrap .xmh__footer .section2 .about .code .code_top { display: flex; align-items: center; }

.header-wrap .xmh__footer .section2 .about .code .code_top .code_left { margin-right: 11px; }

.header-wrap .xmh__footer .section2 .about .code .code_top .code_left img { width: 41px; display: block; }

.header-wrap .xmh__footer .section2 .about .code .code_top .code_right h2 { font-family: Noto Sans SC-Bold; font-size: 22px; font-stretch: normal; line-height: 25px; letter-spacing: 1px; color: #2b61ad; }

.header-wrap .xmh__footer .section2 .about .code .code_top .code_right p { font-family: Noto Sans SC; font-size: 14px; font-weight: normal; font-stretch: normal; line-height: 16px; letter-spacing: 0px; color: #333333; }

.header-wrap .xmh__footer .section2 .about .code .info { line-height: 20px; font-family: Noto Sans SC; font-size: 12px; font-weight: normal; font-stretch: normal; letter-spacing: 0px; text-align: center; color: #333333; }

.header-wrap .xmh__footer .section2 .about .code .info > span { color: #2b61ad; font-weight: 700; }

.header-wrap .xmh__footer .section2 .code-tip { border: 1px solid #CCC; border-radius: 27px; width: 234px; height: 53px; display: flex; flex-direction: column; justify-content: center; align-items: center; }

.header-wrap .xmh__footer .section2 .about .code .codes { display: flex; justify-content: flex-end; }

.header-wrap .xmh__footer .section2 .about .code .codes .code_item img { width: 100px; }

.header-wrap .xmh__footer .section2 .about .code .codes .code_item p { font-family: Noto Sans SC; font-size: 12px; font-weight: normal; font-stretch: normal; line-height: 16px; letter-spacing: 0px; color: #333333; text-align: center; }

.header-wrap .xmh__footer .footer { width: 100%; height: 214px; background-color: #505050; display: flex; align-items: center; justify-content: center; flex-direction: column; }

.header-wrap .xmh__footer .footer .footer_nav { display: flex; align-items: center; justify-content: center; }

.header-wrap .xmh__footer .footer .footer_nav a { font-family: Noto Sans SC; font-size: 14px; font-weight: normal; font-stretch: normal; letter-spacing: 1px; color: #ffffff; padding: 0 10px; line-height: 1; border-right: 1px solid #ffffff; }

.header-wrap .xmh__footer .footer .footer_nav a:hover { color: #2b61ad; }

.header-wrap .xmh__footer .footer .footer_nav a:last-child { border-right: 0; }

.header-wrap .xmh__footer .footer .footer_info { font-family: Noto Sans SC; font-size: 14px; font-weight: normal; font-stretch: normal; letter-spacing: 1px; color: #ffffff; margin: 2px 0; }

.header-wrap .xmh__footer .footer .footer_quality { margin-top: 5px; display: flex; align-items: center; justify-content: center; }

.header-wrap .xmh__footer .footer_link { display: flex; justify-content: center; /* align-items: center; */ }

.header-wrap .xmh__footer .footer_link .text { display: flex; margin-top: 2px; /* align-items: center; */ }

.header-wrap .xmh__footer .footer_link .more { display: flex; align-items: center; flex-wrap: wrap; max-width: 780px; }

.header-wrap .xmh__footer .footer_link .more a { margin-right: 3px !important; }

.header-wrap .xmh__footer .footer .footer_quality a { margin-right: 4px; }

.header-wrap .xmh__footer .footer .footer_quality a:last-child { margin-right: 0; }

.header-wrap .xmh__footer .footer .footer_quality a img { width: 109px; height: 40px; }

.header-wrap .fixed__wrap { width: 1180px; margin: 0 auto; }

.header-wrap .fixed__wrap__index { position: fixed; top: 50%; transform: translateY(-50%) scale(0); margin-left: -136px; width: 65px; background-color: #fff; z-index: 10; font-size: 12px; color: #333; transition: all .3s ease; }

.header-wrap .fixed__wrap__index > span, .header-wrap .fixed__wrap__index > a, .header-wrap .fixed__wrap__index > div { position: relative; padding: 15px 20px; cursor: pointer; user-select: none; }

.header-wrap .fixed__wrap__index > span::after, .header-wrap .fixed__wrap__index > a::after, .header-wrap .fixed__wrap__index > div::after { content: ''; position: absolute; left: 8px; right: 8px; bottom: 0; height: 1px; background-color: #EAEAEA; }

.header-wrap .fixed__wrap__index > span.active, .header-wrap .banner-box .banner-info .fixed__wrap__index > span.customer__information__title-more:hover, .header-wrap .fixed__wrap__index > span:hover, .header-wrap .fixed__wrap__index > a.active, .header-wrap .banner-box .banner-info .fixed__wrap__index > a.customer__information__title-more:hover, .header-wrap .fixed__wrap__index > a:hover, .header-wrap .fixed__wrap__index > div.active, .header-wrap .banner-box .banner-info .fixed__wrap__index > div.customer__information__title-more:hover, .header-wrap .fixed__wrap__index > div:hover { background-color: #2b61ad; color: #fff !important; }

.header-wrap .fixed__wrap__index > span.active::after, .header-wrap .banner-box .banner-info .fixed__wrap__index > span.customer__information__title-more:hover::after, .header-wrap .fixed__wrap__index > span:hover::after, .header-wrap .fixed__wrap__index > a.active::after, .header-wrap .banner-box .banner-info .fixed__wrap__index > a.customer__information__title-more:hover::after, .header-wrap .fixed__wrap__index > a:hover::after, .header-wrap .fixed__wrap__index > div.active::after, .header-wrap .banner-box .banner-info .fixed__wrap__index > div.customer__information__title-more:hover::after, .header-wrap .fixed__wrap__index > div:hover::after { background-color: #2b61ad; }

.header-wrap .fixed__wrap__index > span.customer, .header-wrap .fixed__wrap__index > a.customer, .header-wrap .fixed__wrap__index > div.customer { text-decoration: none; color: #333; }

.header-wrap .fixed__wrap__index > span.customer .icon-zcpt-weixinkefuguanli, .header-wrap .fixed__wrap__index > a.customer .icon-zcpt-weixinkefuguanli, .header-wrap .fixed__wrap__index > div.customer .icon-zcpt-weixinkefuguanli { font-size: 20px; }

.header-wrap .fixed__wrap__index > span.customer::after, .header-wrap .fixed__wrap__index > a.customer::after, .header-wrap .fixed__wrap__index > div.customer::after { left: 0; right: 0; }

.header-wrap .fixed__wrap__index > span.customer:hover .server-box, .header-wrap .fixed__wrap__index > a.customer:hover .server-box, .header-wrap .fixed__wrap__index > div.customer:hover .server-box { display: flex !important; }

.header-wrap .fixed__right { position: fixed; right: 0; top: 0; bottom: 0; width: 40px; z-index: 10; }

.header-wrap .fixed__right__top__link, .header-wrap .fixed__right__bottom__link { width: 40px; height: 36px; color: #fff; margin-bottom: 4px; position: relative; z-index: 2; background: #2b61ad; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }

.header-wrap .fixed__right__top__link .server-box, .header-wrap .fixed__right__bottom__link .server-box { width: 0; transition: all .2s; overflow: hidden; }

.header-wrap .fixed__right__top__link > i, .header-wrap .fixed__right__bottom__link > i { font-size: 20px; }

.header-wrap .fixed__right__top__link > i.icon-zaixianzixun, .header-wrap .fixed__right__bottom__link > i.icon-zaixianzixun { /* animation: serverLoop 2s linear infinite alternate; */ }

.header-wrap .fixed__right__top__link > span, .header-wrap .fixed__right__bottom__link > span { position: absolute; background: #fff; color: #2b61ad; white-space: nowrap; width: 0; box-sizing: border-box; right: 0; top: 0; bottom: 0; line-height: 35px; font-size: 14px; overflow: hidden; text-align: center; transition: all .2s; display: flex; align-items: center; justify-content: center; }

.header-wrap .fixed__right__top__link > span > i, .header-wrap .fixed__right__bottom__link > span > i { margin-right: 6px; font-size: 20px; }

.header-wrap .fixed__right__top__link:hover, .header-wrap .fixed__right__bottom__link:hover { background: #fff; color: #2b61ad; }

.header-wrap .fixed__right__top__link:hover > span, .header-wrap .fixed__right__bottom__link:hover > span { width: 126px; }

.header-wrap .fixed__right__top__link:hover .server-box, .header-wrap .fixed__right__bottom__link:hover .server-box { width: 100px; padding: 10px; border: 1px solid #eee; }

.header-wrap .fixed__right::after { content: ''; position: absolute; right: 0; top: 0; bottom: 0; z-index: 1; width: 4px; background-color: #2b61ad; }

@keyframes wordsLoop {
    0% { transform: translateX(0); -webkit-transform: translateX(0); }

    100% { transform: translateX(-100%); -webkit-transform: translateX(-100%); }
}

@keyframes serverLoop {
    0% { transform: translateY(-4px); -webkit-transform: translateY(-4px); }

    50% { transform: translateY(4px); -webkit-transform: translateY(4px); }

    100% { transform: translateY(0); -webkit-transform: translateY(0); }
}

.header-wrap .flex { display: flex; }

.header-wrap .inline-flex { display: inline-flex; }

.header-wrap .row { flex-direction: row; }

.header-wrap .column { flex-direction: column; }

.header-wrap .wrap { flex-wrap: wrap; }

.header-wrap .nowrap { flex-wrap: nowrap; }

.header-wrap .full { flex: 1; }

.header-wrap .f100 { width: 100%; }

.header-wrap .j-space-between { justify-content: space-between; }

.header-wrap .j-space-around { justify-content: space-around; }

.header-wrap .j-space-evenly { justify-content: space-evenly; }

.header-wrap .j-flex-start { justify-content: flex-start; }

.header-wrap .j-flex-end { justify-content: flex-end; }

.header-wrap .j-center { justify-content: center; }

.header-wrap .a-j-center { align-items: center; justify-content: center; }

.header-wrap .a-center { align-items: center; }

.header-wrap .a-flex-start { align-items: flex-start; }

.header-wrap .a-flex-end { align-items: flex-end; }

.header-wrap .line2 { overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }

.header-wrap .line1, .header-wrap .banner-box .banner-info .customer__information__title-title .information > div > li > a { overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; }

.have-goods__list__item-name { width: 190px; height: 25px; }

.pop-tip { position: fixed; top: 0; z-index: 998; width: 380px; line-height: 3; margin: 0 auto; left: 0; right: 0; padding-left: 38px; }

.pop-tip.success { color: #67C23A; background: #f0f9eb; }

.pop-tip.success::before { content: "\e69e"; margin-right: 10px; }

.pop-tip.error { color: #2b61ad !important; background: #fef0f0 !important; }

.pop-tip.error::before { content: "\e640"; margin-right: 10px !important; }

@media screen and (max-width: 1488px) {
    .header-wrap .fixed__wrap__index { margin-left: 0; }
}

.bao-jiang { display: none; position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 9999; background-color: rgba(0, 0, 0, 0.3); align-items: center; justify-content: center; }

.bao-jiang .bao-jiang-wrap { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; }

.bao-jiang .bao-jiang-wrap img { display: block; }

.bao-jiang .bao-jiang-wrap .icon-close { position: absolute; right: 0; top: 0; font-size: 18px; color: #fff; width: 24px; height: 24px; display: block; border: 2px solid #fff; border-radius: 20px; line-height: 24px; text-align: center; font-weight: 700; }

.loading-img { position: fixed; left: 0; right: 0; bottom: 0; z-index: 9999; display: none; justify-content: center; }

.loading-img .loading-img-wrap { position: relative; }

.loading-img .loading-img-wrap img { display: block; }

.loading-img .loading-img-wrap .icon-close { position: absolute; right: 20px; top: 50%; color: #fff; width: 24px; height: 24px; display: block; border: 2px solid #fff; border-radius: 20px; line-height: 24px; text-align: center; font-weight: 700; transform: translateY(-50%); }

.ellipsis2 { text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }

.iframeBox { height: 600px; overflow: auto; position: relative; }

.viewImg { width: 1000px; }

.viewcompanyName { position: absolute; top: 49px; left: 65px; font-size: 20px; }

.applyBanner { position: relative; }

.bannerText { position: absolute; top: 45%; left: 10%; transform: translateY(-50%); }

.bannerTitle { font-size: 25px; color: #FFFFFF; }

.answerItem { color: #FFFFFF; font-size: 15px; line-height: 20px; }

.tipsAnswer { margin-top: 25px; }

.bannerBtn { width: 220px; height: 50px; margin-top: 50px; border: 2px solid #fff; border-radius: 40px; color: #fff; font-size: 18px; -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; align-items: center; justify-content: center; cursor: pointer; }

.bannerBorders { width: 75%; height: 4px; margin-top: 30px; background: #FFFFFF; opacity: .8; border-radius: 10px; }

.bannerImg { min-height: 470px; min-width: 1180px; }

/******   ******/
.header-wrap .search__wrap__content-input .btn_search { width: 150px; height: 40px; background: #2b61ad; outline: #2b61ad; border: none; color: #fff; font-size: 16px; cursor: pointer; margin-left: -7px; }