/*@bgColor: #1d1c1a;*/
@font-face {
  font-family: "EurostileLT";
  src: url(/fonts/EurostileLTMedium.eot);
  src: url(/fonts/EurostileLTMedium.eot?#iefix) format("embedded-opentype"), url(/fonts/EurostileLTMedium.otf) format("opentype"), url(/fonts/EurostileLTMedium.svg) format("svg"), url(/fonts/EurostileLTMedium.ttf) format("truetype"), url(/fonts/EurostileLTMedium.woff) format("woff"), url(/fonts/EurostileLTMedium.woff2) format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "EurostileLTBold";
  src: url(/fonts/EurostileLTBold.eot);
  src: url(/fonts/EurostileLTBold.eot?#iefix) format("embedded-opentype"), url(/fonts/EurostileLTBold.otf) format("opentype"), url(/fonts/EurostileLTBold.svg) format("svg"), url(/fonts/EurostileLTBold.ttf) format("truetype"), url(/fonts/EurostileLTBold.woff) format("woff"), url(/fonts/EurostileLTBold.woff2) format("woff2");
  font-weight: normal;
  font-style: normal;
}
body,
html {
  margin: 0;
  padding: 0;
  height: 100%;
}
body {
  font-family: 'EurostileLT', 'Source Han Sans CN', '\601D\6E90\9ED1\4F53', '\5FAE\8F6F\96C5\9ED1', 'Microsoft Yahei', sans-serif;
  font-size: 14px;
  background-color: #161615;
  color: #fff;
}
* {
  box-sizing: border-box;
}
ul,
li {
  margin: 0;
  padding: 0;
}
li {
  list-style: none;
}
a {
  color: #fff;
  text-decoration: none;
  word-break: break-all;
}
a:hover {
  color: #eba904;
}
p {
  margin: 0;
  padding: 0;
}
.layui-layer-dialog.font-gray .layui-layer-content {
  color: initial;
}
.layui-layer-dialog .layui-layer-content {
  color: #fff;
}
.layui-layer-content {
  color: #000;
}
/*去除ie11中input 的关闭按钮*/
input::-ms-clear {
  display: none;
}
.text-notice {
  color: #eba904 !important;
}
.disabled {
  cursor: not-allowed;
}
.nodata {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 200px;
  font-size: 16px;
}
/********设置滚动条样式********/
::-webkit-scrollbar-track-piece {
  background-color: #f8f8f8;
}
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-thumb {
  background-color: #999;
  background-clip: padding-box;
  min-height: 28px;
  border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
  background-color: #bbb;
}
@keyframes turn {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.main {
  max-width: 1920px;
  min-width: 1400px;
  margin: 0 auto;
}
.main[data-page=forgot] {
  max-width: auto;
  min-width: auto;
  background: #fff;
  color: #333;
}
.container {
  max-width: 1920px;
  margin: 0 auto;
}
/* 顶部导航 */
.top-nav {
  width: 100%;
  max-width: 1920px;
  min-width: 1400px;
  height: 65px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
  position: absolute;
  z-index: 900;
  border-bottom: 1px solid transparent;
}
.top-nav.normal {
  position: fixed;
  background-color: #161615;
  border-bottom: 1px solid #eba904;
  left: 50%;
  margin-left: -960px;
}
.top-nav.normal .navbar-menu {
  border-top: none !important;
}
.top-nav.normal .navbar-category {
  border-top: none;
  top: calc(100% + 1px);
}
.top-nav a {
  color: #fff;
}
.top-nav .logo img {
  width: 286px;
  height: 65px;
  object-fit: cover;
}
.top-nav .nav-panel {
  font-size: 16px;
  font-weight: bold;
}
.top-nav .navbar-btn-group .navbar-btn-item {
  float: left;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
  position: relative;
  transition: all 0.3s ease 0s;
}
.top-nav .navbar-btn-group .navbar-btn-item.active > a,
.top-nav .navbar-btn-group .navbar-btn-item:hover > a {
  color: #eba904;
}
.top-nav .navbar-btn-group .navbar-btn-item:hover .navbar-category {
  display: block;
  opacity: 1;
}
.top-nav .navbar-btn-group .navbar-btn-item:hover .navbar-menu {
  display: block;
  opacity: 1;
}
.top-nav .navbar-btn-group .navbar-btn-item:hover .navbar-category-2024-bar {
  display: block;
}
.top-nav .navbar-btn-group .navbar-btn-item:hover .navbar-category-2024 {
  display: block;
  opacity: 1;
}
.top-nav .navbar-btn-group .navbar-btn-item .navbar-btn-link {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 15px;
  height: 65px;
}
.top-nav .navbar-btn-group .navbar-btn-item .navbar-category {
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 200;
  border-top: 1px solid #eba904;
  background-color: #161615;
  width: 100%;
  opacity: 0;
  transition: all 0.3s ease 0s;
  overflow: hidden;
  font-weight: normal;
}
.top-nav .navbar-btn-group .navbar-btn-item .navbar-category .category-container {
  padding: 30px;
}
.top-nav .navbar-btn-group .navbar-btn-item .navbar-category .category-container .category-list {
  display: flex;
  flex-flow: wrap;
}
.top-nav .navbar-btn-group .navbar-btn-item .navbar-category .category-container .category-list .category-item {
  width: 165px;
  margin-right: 20px;
}
.top-nav .navbar-btn-group .navbar-btn-item .navbar-category .category-container .category-list .category-item:last-child {
  margin-right: 0;
}
.top-nav .navbar-btn-group .navbar-btn-item .navbar-category .category-container .category-list .category-item:hover {
  background-color: #33322f;
}
.top-nav .navbar-btn-group .navbar-btn-item .navbar-category .category-container .category-list .category-item .category-item-container .category-item-link {
  width: 165px;
  height: 245px;
  display: flex;
  position: relative;
  background-size: cover;
}
.top-nav .navbar-btn-group .navbar-btn-item .navbar-category .category-container .category-list .category-item .category-item-container .category-item-link:hover:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #eba904;
  box-sizing: border-box;
}
.top-nav .navbar-btn-group .navbar-btn-item .navbar-category .category-container .category-list .category-item .category-item-container .category-item-link:hover .more {
  opacity: 1;
}
.top-nav .navbar-btn-group .navbar-btn-item .navbar-category .category-container .category-list .category-item .category-item-container .category-item-link .title {
  position: absolute;
  left: 15px;
  bottom: 35px;
  font-size: 14px;
  font-weight: bold;
  width: 130px;
}
.top-nav .navbar-btn-group .navbar-btn-item .navbar-category .category-container .category-list .category-item .category-item-container .category-item-link .more {
  position: absolute;
  bottom: 10px;
  left: 15px;
  color: #eba904;
  opacity: 0;
}
.top-nav .navbar-btn-group .navbar-btn-item .navbar-category .category-container .category-list .category-item .category-subcontent .category-subitem .category-subitem-link {
  padding: 10px 20px 10px 10px;
  display: flex;
  align-items: center;
  position: relative;
}
.top-nav .navbar-btn-group .navbar-btn-item .navbar-category .category-container .category-list .category-item .category-subcontent .category-subitem .category-subitem-link i {
  position: absolute;
  right: 10px;
  opacity: 0;
  font-size: 14px;
  transform: scale(0.8);
}
.top-nav .navbar-btn-group .navbar-btn-item .navbar-category .category-container .category-list .category-item .category-subcontent .category-subitem .category-subitem-link:hover {
  color: #eba904;
}
.top-nav .navbar-btn-group .navbar-btn-item .navbar-category .category-container .category-list .category-item .category-subcontent .category-subitem .category-subitem-link:hover i {
  opacity: 1;
}
.top-nav .navbar-btn-group .navbar-btn-item .navbar-category-2024-bar {
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  border-top: 1px solid #eba904;
  width: 100%;
}
.top-nav .navbar-btn-group .navbar-btn-item .navbar-category-2024 {
  display: none;
  position: absolute;
  top: calc(100% + 1px);
  z-index: 200;
  width: 1037px;
  left: calc(50% - 518px);
  opacity: 0;
  transition: all 0.3s ease 0s;
  overflow: hidden;
  font-weight: normal;
  border: 1px solid #666;
}
.top-nav .navbar-btn-group .navbar-btn-item .navbar-category-2024 .category-container {
  height: 728px;
  width: 1037px;
  background-color: #161615;
  margin: 0 auto;
  padding: 39px 0;
  display: flex;
  flex-flow: nowrap;
}
.top-nav .navbar-btn-group .navbar-btn-item .navbar-category-2024 .category-container .first-category-list {
  position: relative;
  padding: 0 40px;
  height: 100%;
}
.top-nav .navbar-btn-group .navbar-btn-item .navbar-category-2024 .category-container .first-category-list .category-item-link {
  display: flex;
  flex-flow: nowrap;
  width: 310px;
  background-color: #020202;
  margin-bottom: 10px;
  position: relative;
}
.top-nav .navbar-btn-group .navbar-btn-item .navbar-category-2024 .category-container .first-category-list .category-item-link:hover::before,
.top-nav .navbar-btn-group .navbar-btn-item .navbar-category-2024 .category-container .first-category-list .category-item-link.on::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border: 2px solid #eba904;
}
.top-nav .navbar-btn-group .navbar-btn-item .navbar-category-2024 .category-container .first-category-list .category-item-link .category-info {
  width: 100%;
  flex: 1 1 auto;
  display: flex;
  justify-content: center;
  flex-flow: column;
  padding: 20px;
}
.top-nav .navbar-btn-group .navbar-btn-item .navbar-category-2024 .category-container .first-category-list .category-item-link .category-info .title {
  word-break: break-word;
  font-size: 20px;
  font-weight: bold;
}
.top-nav .navbar-btn-group .navbar-btn-item .navbar-category-2024 .category-container .first-category-list .category-item-link .category-info .more {
  text-transform: none;
  color: #eba904;
}
.top-nav .navbar-btn-group .navbar-btn-item .navbar-category-2024 .category-container .first-category-list .category-item-link .category-image {
  width: 155px;
  height: 155px;
  object-fit: cover;
  flex: 0 0 auto;
}
.top-nav .navbar-btn-group .navbar-btn-item .navbar-category-2024 .category-container .second-category-list {
  border-left: 1px solid #2d2c29;
  padding: 0 40px;
  overflow-y: auto;
  height: 100%;
}
.top-nav .navbar-btn-group .navbar-btn-item .navbar-category-2024 .category-container .second-category-list .category-item-link {
  display: flex;
  align-items: center;
  flex-flow: nowrap;
  width: 270px;
  background-color: #020202;
  margin-bottom: 17px;
  position: relative;
}
.top-nav .navbar-btn-group .navbar-btn-item .navbar-category-2024 .category-container .second-category-list .category-item-link:hover::before,
.top-nav .navbar-btn-group .navbar-btn-item .navbar-category-2024 .category-container .second-category-list .category-item-link.on::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border: 2px solid #eba904;
}
.top-nav .navbar-btn-group .navbar-btn-item .navbar-category-2024 .category-container .second-category-list .category-item-link .title {
  padding-left: 25px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  flex: 1 1 auto;
  word-break: break-word;
  font-size: 18px;
  font-weight: bold;
}
.top-nav .navbar-btn-group .navbar-btn-item .navbar-category-2024 .category-container .second-category-list .category-item-link .category-image {
  width: 50px;
  height: 50px;
  object-fit: cover;
  flex: 0 0 auto;
}
.top-nav .navbar-btn-group .navbar-btn-item .navbar-category-2024 .category-container .third-category-list {
  padding: 0 40px;
  overflow-y: auto;
  height: 100%;
  border-left: 1px solid #2d2c29;
}
.top-nav .navbar-btn-group .navbar-btn-item .navbar-category-2024 .category-container .third-category-list .category-item-link {
  display: flex;
  align-items: center;
  flex-flow: nowrap;
  width: 210px;
  margin-bottom: 20px;
  position: relative;
  padding-left: 15px;
}
.top-nav .navbar-btn-group .navbar-btn-item .navbar-category-2024 .category-container .third-category-list .category-item-link:hover {
  color: #eba904;
  font-weight: bold;
}
.top-nav .navbar-btn-group .navbar-btn-item .navbar-category-2024 .category-container .third-category-list .category-item-link:hover .more {
  display: block;
}
.top-nav .navbar-btn-group .navbar-btn-item .navbar-category-2024 .category-container .third-category-list .category-item-link .title {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-word;
  font-size: 16px;
}
.top-nav .navbar-btn-group .navbar-btn-item .navbar-category-2024 .category-container .third-category-list .category-item-link .more {
  display: none;
  margin-left: 10px;
  flex: 0 0 auto;
}
.top-nav .navbar-btn-group .navbar-btn-item .navbar-menu {
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 200;
  border-top: 1px solid #eba904;
  background-color: #161615;
  min-width: 150px;
  opacity: 0;
  transition: all 0.3s ease 0s;
  overflow: hidden;
}
.top-nav .navbar-btn-group .navbar-btn-item .navbar-menu .navbar-menu-item {
  display: flex;
  align-items: center;
  padding: 0 15px;
  height: 40px;
}
.top-nav .navbar-btn-group .navbar-btn-item .navbar-menu .navbar-menu-item .navbar-menu-link:hover {
  color: #eba904;
}
.top-nav .navbar-btn-group::after {
  content: "";
  clear: both;
  overflow: hidden;
}
.top-nav .user-oper {
  display: flex;
  align-items: center;
}
.top-nav .user-oper > * {
  margin: 0 10px;
}
.top-nav .user-oper i {
  font-size: 24px;
}
.top-nav .user-oper .navbar-btn-item {
  display: flex;
  align-items: center;
  height: 65px;
}
.top-nav .user-oper .navbar-btn-item .navbar-menu {
  left: auto;
  right: 0;
}
.top-nav .user-oper .login-btn {
  border-radius: 50%;
  height: 25px;
}
.top-nav .user-oper .login-btn.active {
  background-color: #e67f10;
}
.top-nav .user-oper .login-btn i {
  font-weight: bold;
}
.top-nav .user-oper .search-panel {
  display: flex;
  align-items: center;
  position: relative;
}
.top-nav .user-oper .search-panel input {
  background: none;
  border: none;
  border-bottom: 1px solid #fff;
  color: #fff;
  padding: 10px;
  width: 230px;
  height: 36px;
}
.top-nav .user-oper .search-panel input:focus {
  border: none;
  border-bottom: 1px solid #fff;
}
.top-nav .user-oper .search-panel i {
  position: absolute;
  top: 7px;
  right: 5px;
  font-size: 24px;
  cursor: pointer;
}
.top-nav .user-oper .lang-list {
  display: flex;
}
.top-nav .user-oper .lang-list .lang-item {
  margin: 5px;
  border: 1px solid #fff;
  padding: 0px 6px;
}
.top-nav .user-oper .lang-list .lang-item.active {
  background-color: #eba904;
  border-color: #d29704;
}
/* 底部信息 */
.footer {
  background: url(/images/footer.jpg) top center no-repeat;
  height: 602px;
  color: #fff;
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  z-index: 0;
}
.footer .footer-info {
  display: flex;
  justify-content: center;
}
.footer .footer-info .footer-list {
  padding-top: 130px;
  display: flex;
  justify-content: center;
}
.footer .footer-info .footer-list .footer-item {
  position: relative;
  width: 370px;
  padding-left: 50px;
}
.footer .footer-info .footer-list .footer-item .footer-item-title {
  font-family: 'EurostileLT', 'Source Han Sans CN', '\601D\6E90\9ED1\4F53', '\5FAE\8F6F\96C5\9ED1', 'Microsoft Yahei', sans-serif;
  font-size: 18px;
  font-weight: bold;
  line-height: 50px;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.footer .footer-info .footer-list .footer-item .footer-link-list .footer-link-item {
  height: 32px;
  padding: 6px 0;
}
.footer .footer-info .footer-list .footer-item .footer-link-list .footer-link-item a {
  color: #838383;
}
.footer .footer-info .footer-list .footer-item .footer-link-list .footer-link-item a:hover {
  color: #eba904;
}
.footer .footer-info .footer-list .footer-item .footer-contact .footer-contact-item {
  display: flex;
  align-items: center;
  height: 32px;
  padding: 6px 0;
}
.footer .footer-info .footer-list .footer-item .footer-contact .footer-contact-item .footer-contact-title {
  color: #eba904;
  padding-right: 10px;
}
.footer .footer-info .footer-list .footer-item .footer-contact .footer-contact-item .footer-contact-title i {
  font-size: 22px;
}
.footer .footer-info .footer-list .footer-item .footer-message {
  margin-left: -15px;
}
.footer .footer-info .footer-list .footer-item .footer-message .message-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  width: 100%;
  height: 60px;
  text-align: center;
  color: #fff;
  border: 2px solid #464646;
}
.footer .footer-info .footer-list .footer-item .footer-message .message-btn i {
  font-size: 14px;
  margin-left: 10px;
  transform: scale(0.8);
}
.footer .footer-info .footer-follow {
  position: absolute;
  bottom: -80px;
}
.footer .footer-info .footer-follow .footer-follow-list {
  display: flex;
  align-items: center;
}
.footer .footer-info .footer-follow .footer-follow-list .footer-follow-item {
  margin-right: 20px;
}
.footer .footer-info .footer-follow .footer-follow-list .footer-follow-item .footer-follow-link {
  color: #eba904;
}
.footer .footer-info .footer-follow .footer-follow-list .footer-follow-item .footer-follow-link i {
  font-size: 24px;
}
.footer .login-panel {
  position: absolute;
  bottom: 100px;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer .login-panel .btn-item {
  font-size: 16px;
  width: 168px;
  height: 50px;
  border: 2px solid #464646;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 20px;
}
.footer .login-panel .btn-item:hover {
  border-color: #eba904;
}
.footer .login-panel .btn-item i {
  font-size: 14px;
  margin-left: 10px;
  transform: scale(0.8);
}
.copy-right {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #eba904;
  height: 55px;
  color: #000000;
  text-align: center;
}
.copy-right a {
  color: #000;
}
.copy-right a:hover {
  color: #fff;
}
/* 对比弹窗 */
.comlist-container {
  position: fixed;
  width: 100%;
  min-width: 400px;
  max-width: 1920px;
  height: 202px;
  left: auto;
  right: auto;
  bottom: 30px;
  background-color: #161615;
  border: 1px solid #eba904;
  display: none;
  z-index: 200;
  flex-flow: column;
}
.comlist-container.on {
  display: flex;
}
.comlist-container .comlist-header {
  background-color: #eba904;
  color: #333;
  display: flex;
  justify-content: space-between;
  height: 36px;
  line-height: 36px;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0 12px;
}
.comlist-container .comlist-header .comlist-header-title {
  font-family: 'EurostileLTBold', 'Source Han Sans CN', '\601D\6E90\9ED1\4F53', '\5FAE\8F6F\96C5\9ED1', 'Microsoft Yahei', sans-serif;
}
.comlist-container .comlist-header .comlist-header-btn {
  color: #333;
}
.comlist-container .comlist-header .comlist-header-btn:hover {
  color: #fff;
}
.comlist-container .comlist-content {
  display: flex;
  height: 100%;
  justify-content: space-between;
}
.comlist-container .comlist-content .comlist-list {
  display: flex;
  width: 100%;
  font-size: 14px;
  overflow-x: auto;
}
.comlist-container .comlist-content .comlist-list .comlist-item {
  display: flex;
  width: 334px;
  padding: 12px;
  border-right: 1px solid #464646;
  position: relative;
  flex: 0 0 auto;
}
.comlist-container .comlist-content .comlist-list .comlist-item .comlist-item-link {
  display: flex;
}
.comlist-container .comlist-content .comlist-list .comlist-item .comlist-item-link .comlist-item-thumb {
  width: 140px;
  height: 140px;
  border: 1px solid #464646;
  background-color: #fff;
  background-size: cover;
  flex: 0 0 auto;
}
.comlist-container .comlist-content .comlist-list .comlist-item .comlist-item-link .comlist-item-content {
  display: flex;
  flex-flow: column;
  justify-content: center;
  padding-left: 12px;
}
.comlist-container .comlist-content .comlist-list .comlist-item .comlist-item-link .comlist-item-content .comlist-item-title {
  margin-bottom: 10px;
}
.comlist-container .comlist-content .comlist-list .comlist-item .comlist-item-remove {
  position: absolute;
  top: 12px;
  right: 12px;
}
.comlist-container .comlist-content .comlist-btngroup {
  width: 150px;
  display: flex;
  flex-flow: column;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
}
.comlist-container .comlist-content .comlist-btngroup .comlist-btn-item {
  height: 36px;
  width: 114px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  margin-bottom: 10px;
  background-color: #353331;
  color: #fff;
}
.comlist-container .comlist-content .comlist-btngroup .comlist-btn-item:hover {
  color: #eba904;
}
.comlist-container .comlist-content .comlist-btngroup .comlist-btn-item.comlist-submit {
  background-color: #eba904;
  color: #333;
}
.comlist-container .comlist-content .comlist-btngroup .comlist-btn-item.comlist-submit:hover {
  color: #fff;
}
/* 登录框 */
.login {
  display: none;
}
.login .login-form-panel {
  display: flex;
  align-items: stretch;
}
.login .login-form-panel .login-pic {
  background: url(/images/login_bg.jpg) top center no-repeat;
  width: 345px;
  height: 382px;
  flex: 0 0 auto;
}
.login .login-form-panel .login-content {
  background-color: #ececec;
  padding: 58px 58px 0;
  color: #696969;
  flex: 1 1 auto;
}
.login .login-form-panel .login-content .login-header {
  padding-bottom: 20px;
}
.login .login-form-panel .login-content .login-header .login-title {
  font-family: 'EurostileLTBold', 'Source Han Sans CN', '\601D\6E90\9ED1\4F53', '\5FAE\8F6F\96C5\9ED1', 'Microsoft Yahei', sans-serif;
  color: #333;
  font-size: 24px;
  font-weight: bold;
  text-transform: uppercase;
}
.login .login-form-panel .login-content .login-form .login-form-content .login-form-item {
  position: relative;
  padding-bottom: 12px;
  display: flex;
  justify-content: space-between;
}
.login .login-form-panel .login-content .login-form .login-form-content .login-form-item i {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 28px;
  height: 28px;
  background-color: #eba904;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}
.login .login-form-panel .login-content .login-form .login-form-content .login-form-item .login-form-input {
  height: 38px;
  width: 100%;
  padding: 2px 5px 2px 44px;
  border: none;
}
.login .login-form-panel .login-content .login-form .login-form-content .login-form-item .logon-form-checkbox {
  background: none;
  border: 1px solid #777;
  border-radius: 0;
}
.login .login-form-panel .login-content .login-form .login-form-content .login-form-item .login-form-btn {
  font-family: 'EurostileLTBold', 'Source Han Sans CN', '\601D\6E90\9ED1\4F53', '\5FAE\8F6F\96C5\9ED1', 'Microsoft Yahei', sans-serif;
  height: 38px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  color: #333;
  font-weight: bold;
  border: 1px solid #696969;
  background: none;
  font-size: 16px;
}
.login .login-form-panel .login-content .login-form .login-form-content .login-form-item .login-form-btn#login-submit {
  background: #eba904;
  border-color: #eba904;
}
.login .login-form-panel .login-content .login-form .login-form-content a {
  color: #eba904;
}
.login .login-form-panel .login-content .login-form .login-form-content a:hover {
  color: #34e6ff;
}
/* 注册框 */
.register {
  display: none;
}
.register .register-form-panel {
  display: flex;
  align-items: stretch;
}
.register .register-form-panel .register-pic {
  background: url(/images/register_bg.jpg) top center no-repeat;
  width: 329px;
  height: 586px;
  flex: 0 0 auto;
}
.register .register-form-panel .register-content {
  background-color: #ececec;
  padding: 58px 58px 0;
  color: #696969;
  flex: 1 1 auto;
  width: 100%;
}
.register .register-form-panel .register-content .register-header {
  padding-bottom: 20px;
}
.register .register-form-panel .register-content .register-header .register-title {
  font-family: 'EurostileLTBold', 'Source Han Sans CN', '\601D\6E90\9ED1\4F53', '\5FAE\8F6F\96C5\9ED1', 'Microsoft Yahei', sans-serif;
  color: #333;
  font-size: 24px;
  font-weight: bold;
  text-transform: uppercase;
}
.register .register-form-panel .register-content .register-form .register-form-content {
  display: flex;
  flex-flow: wrap;
}
.register .register-form-panel .register-content .register-form .register-form-content .register-form-item {
  position: relative;
  padding-bottom: 18px;
  display: flex;
  justify-content: space-between;
  width: 50%;
  padding-right: 30px;
}
.register .register-form-panel .register-content .register-form .register-form-content .register-form-item.required::before {
  content: "*";
  color: #eba904;
  line-height: 38px;
  position: absolute;
  right: 16px;
}
.register .register-form-panel .register-content .register-form .register-form-content .register-form-item .register-form-input {
  height: 38px;
  width: 100%;
  padding: 2px 10px;
  border: none;
}
.register .register-form-panel .register-content .register-form .register-form-content .register-form-item .register-form-select {
  height: 38px;
  width: 100%;
  padding: 2px 10px;
  border: none;
}
.register .register-form-panel .register-content .register-form .register-form-content .register-form-item .register-form-btn {
  font-family: 'EurostileLTBold', 'Source Han Sans CN', '\601D\6E90\9ED1\4F53', '\5FAE\8F6F\96C5\9ED1', 'Microsoft Yahei', sans-serif;
  height: 38px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  color: #333;
  font-weight: bold;
  border: 1px solid #696969;
  background: none;
  font-size: 16px;
  margin-top: 40px;
}
.register .register-form-panel .register-content .register-form .register-form-content .register-form-item .register-form-btn#register-submit {
  background: #eba904;
  border-color: #eba904;
}
/* 首页 */
.home .banner {
  position: relative;
  width: 100%;
  padding-top: 47.65625%;
}
.home .banner .swiper-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.home .banner .swiper-container .slider-list .slider-item .slider-item-link {
  width: 100%;
  height: 100%;
  display: block;
}
.home .banner .swiper-container .slider-list .slider-item .slider-item-link .slider-item-image {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-color: #161615;
  background-position: top center;
  background-repeat: no-repeat;
}
.home .banner .swiper-container .swiper-pagination {
  text-align: right;
  padding-right: 30px;
  bottom: 40px;
}
.home .banner .swiper-container .swiper-pagination .swiper-pagination-bullet {
  margin: 0 10px;
  background: #d8d8d8;
}
.home .banner .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #eba904;
}
.home .contact {
  background: url(/images/contact_bg.png) center center no-repeat #070706;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}
.home .contact .contact-panel {
  color: #fff;
  padding: 0 45px;
  width: 40%;
}
.home .contact .contact-panel .sub-title {
  font-size: 18px;
  color: #9e9e9e;
  height: 90px;
  border-left: 1px solid #eba904;
  padding: 5px 20px;
  display: flex;
  align-items: flex-end;
  font-weight: bold;
  text-transform: uppercase;
}
.home .contact .contact-panel .main-title {
  font-size: 48px;
  font-weight: bold;
  text-transform: uppercase;
  padding: 40px 0 20px;
}
.home .contact .contact-panel .contact-content {
  padding: 15px 0;
  display: flex;
  flex-flow: wrap;
}
.home .contact .contact-panel .contact-content .contact-item {
  width: 50%;
  height: 80px;
}
.home .contact .contact-panel .contact-content .contact-item .contact-item-title {
  font-size: 22px;
  font-weight: bold;
  text-transform: uppercase;
}
.home .contact .contact-panel .contact-content .contact-item .contact-item-content {
  padding: 5px 0;
  color: #9e9e9e;
  font-size: 14px;
}
.home .contact .contact-panel .more .more-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #eba904;
  color: #000;
  width: 150px;
  height: 50px;
}
.home .contact .contact-panel .more .more-btn i {
  margin-left: 10px;
  font-size: 14px;
  transform: scale(0.8);
}
.home .contact .video-panel {
  width: 55%;
  background-color: #1c1b1b;
  display: flex;
}
.home .contact .video-panel .video-board {
  width: 100%;
  height: 630px;
}
.home .panel-header {
  text-align: center;
  text-transform: uppercase;
  font-size: 48px;
  font-weight: bold;
  color: #fff;
  padding: 60px 0 45px;
}
.home .ourproduct .ourproduct-content {
  display: flex;
  flex-flow: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 0 40px 0;
  position: relative;
}
.home .ourproduct .ourproduct-content > * {
  display: flex;
  width: 23%;
  /*height: 20.83%;*/
  margin: 10px 5px;
}
.home .ourproduct .ourproduct-content .topClassBoard:hover .secondClassBoard {
  display: flex;
}
.home .ourproduct .ourproduct-content .topClass {
  width: 100%;
  padding-bottom: 100%;
  position: relative;
}
.home .ourproduct .ourproduct-content .topClass:hover::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border: 2px solid #eba904;
  z-index: 9;
}
.home .ourproduct .ourproduct-content .topClass:hover .title {
  color: #fff;
}
.home .ourproduct .ourproduct-content .topClass:hover .more {
  opacity: 1;
}
.home .ourproduct .ourproduct-content .topClass img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.home .ourproduct .ourproduct-content .topClass .title {
  position: absolute;
  left: 28px;
  top: 24px;
  font-size: 28px;
  font-weight: bold;
  width: 64%;
}
.home .ourproduct .ourproduct-content .topClass .more {
  position: absolute;
  top: 96px;
  left: 28px;
  color: #eba904;
  font-size: 20px;
  opacity: 0;
}
.home .ourproduct .ourproduct-content .secondClassBoard {
  position: absolute;
  top: calc(100% - 10px);
  left: 45px;
  width: calc(100% - 45*2px);
  background-color: #020202;
  padding: 10px;
  display: none;
  flex-flow: wrap;
  border: 1px solid #666;
}
.home .ourproduct .ourproduct-content .secondClassBoard > .class-item {
  width: calc(12.5% - 10px);
  padding: 5px;
  margin: 5px;
  display: flex;
  align-items: center;
}
.home .ourproduct .ourproduct-content .secondClassBoard > .class-item img {
  width: 40px;
  height: 40px;
  border: 1px solid #666;
  margin-right: 5px;
}
.home .ourproduct .ourproduct-content .secondClassBoard > .class-item:hover {
  background-color: #161615;
}
.home .newproduct .panel-tab {
  display: flex;
  justify-content: flex-start;
  padding: 0 40px 35px;
}
.home .newproduct .panel-tab .tab-item {
  width: 168px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 16px;
  border: 1px solid #464646;
  cursor: pointer;
  text-align: center;
  margin-right: 20px;
}
.home .newproduct .panel-tab .tab-item:hover,
.home .newproduct .panel-tab .tab-item.active {
  background-color: #eba904;
  border-color: #eba904;
  color: #000;
}
.home .newproduct .newproduct-content {
  background-color: #fff;
  padding: 20px;
  position: relative;
  min-height: 384px;
}
.home .newproduct .newproduct-content .swiper-container {
  display: none;
}
.home .newproduct .newproduct-content .swiper-container.active {
  display: block;
}
.home .newproduct .newproduct-content .newproduct-button-next,
.home .newproduct .newproduct-content .newproduct-button-prev {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 10;
}
.home .newproduct .newproduct-content .newproduct-button-next::before,
.home .newproduct .newproduct-content .newproduct-button-prev::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.3;
}
.home .newproduct .newproduct-content .newproduct-button-next i,
.home .newproduct .newproduct-content .newproduct-button-prev i {
  position: relative;
  z-index: 1;
}
.home .newproduct .newproduct-content .newproduct-button-next {
  top: calc(50% - 15px);
  right: 0;
}
.home .newproduct .newproduct-content .newproduct-button-prev {
  top: calc(50% - 15px);
  left: 0;
}
.home .newproduct .newproduct-content .pro-list .pro-item {
  background-color: #f9f9f9;
  padding-bottom: 20px;
  width: 15%;
  margin-right: 20px;
  position: relative;
}
.home .newproduct .newproduct-content .pro-list .pro-item .dis-mark {
  position: absolute;
  top: 5px;
  right: 5px;
  display: flex;
  padding: 2px 5px;
  text-transform: uppercase;
  font-weight: bolder;
  pointer-events: none;
}
.home .newproduct .newproduct-content .pro-list .pro-item .dis-mark.dis-percent {
  background-color: #353331;
}
.home .newproduct .newproduct-content .pro-list .pro-item .dis-mark.dis-fixed {
  background-color: #eba904;
  color: #333;
}
.home .newproduct .newproduct-content .pro-list .pro-item .pro-item-thumb {
  display: flex;
  align-items: center;
  justify-content: center;
}
.home .newproduct .newproduct-content .pro-list .pro-item .pro-item-thumb .pro-item-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-color: #e4e4e4;
}
.home .newproduct .newproduct-content .pro-list .pro-item .pro-item-content {
  color: #333;
  font-size: 16px;
  text-align: center;
  padding: 10px 0;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  height: 84px;
}
.home .newproduct .newproduct-content .pro-list .pro-item .pro-item-content .pro-item-desc {
  font-weight: bold;
}
.home .newproduct .newproduct-content .pro-list .pro-item .pro-item-footer {
  display: flex;
  justify-content: space-around;
  padding: 0 10px;
}
.home .newproduct .newproduct-content .pro-list .pro-item .pro-item-footer .pro-item-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background-color: #333333;
  height: 30px;
  padding: 0 5px;
}
.home .newproduct .newproduct-content .pro-list .pro-item .pro-item-footer .pro-item-btn.active i {
  color: #eba904;
}
.home .newproduct .newproduct-content .pro-list .pro-item .pro-item-footer .pro-item-btn i {
  font-size: 24px;
}
.home .newproduct .newproduct-content .pro-list .pro-item .pro-item-footer .pro-item-view {
  background-color: #eba904;
  color: #000;
  width: 150px;
  font-weight: bold;
}
/* 面包屑导航*/
.page-crumb-title {
  padding: 25px 0;
}
/* 产品搜索结果 */
.page-header {
  padding-top: 65px;
}
.page-header .container {
  height: 315px;
  background: url(/images/top_banner.jpg) top center no-repeat;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.page-header .container .page-title {
  font-size: 32px;
  text-transform: uppercase;
  font-weight: bold;
}
.page-header .container .page-crumb {
  padding: 10px 0;
  display: flex;
  align-items: center;
}
.page-header .container .page-crumb .page-crumb-item {
  margin: 0 10px;
}
.pro-result .pro-category {
  text-transform: uppercase;
  padding: 105px 40px 0;
  display: flex;
  flex-flow: nowrap;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
}
.pro-result .pro-category .first-category-panel {
  background-color: #2d2c2a;
}
.pro-result .pro-category .first-category-panel:hover .son-category-panel {
  display: flex;
}
.pro-result .pro-category .first-category-panel > .category-item-link {
  display: flex;
  flex-flow: nowrap;
  width: 437px;
  background-color: #020202;
  position: relative;
}
.pro-result .pro-category .first-category-panel > .category-item-link:hover::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border: 2px solid #eba904;
}
.pro-result .pro-category .first-category-panel > .category-item-link .category-info {
  width: 100%;
  flex: 1 1 auto;
  display: flex;
  justify-content: center;
  flex-flow: column;
  padding: 20px;
}
.pro-result .pro-category .first-category-panel > .category-item-link .category-info .title {
  word-break: break-word;
  font-size: 24px;
  font-weight: bold;
}
.pro-result .pro-category .first-category-panel > .category-item-link .category-info .more {
  text-transform: none;
  color: #eba904;
}
.pro-result .pro-category .first-category-panel > .category-item-link .category-image {
  width: 192px;
  height: 192px;
  object-fit: cover;
  flex: 0 0 auto;
}
.pro-result .pro-category .first-category-panel .son-category-panel {
  height: 450px;
  padding: 15px 0;
  display: none;
  position: absolute;
  left: 40px;
  width: calc(100% - 40*2px);
  background-color: #161615;
  z-index: 1;
  border: 1px solid #666;
  overflow-x: auto;
}
.pro-result .pro-category .first-category-panel .son-category-panel .second-category-list,
.pro-result .pro-category .first-category-panel .son-category-panel .third-category-list {
  width: 218px;
  padding: 0 20px;
  overflow-y: auto;
  height: 100%;
  display: flex;
  flex-flow: column;
}
.pro-result .pro-category .first-category-panel .son-category-panel .second-category-list > .category-item-link,
.pro-result .pro-category .first-category-panel .son-category-panel .third-category-list > .category-item-link,
.pro-result .pro-category .first-category-panel .son-category-panel .second-category-list > .third-category-panel > div > .category-item-link,
.pro-result .pro-category .first-category-panel .son-category-panel .third-category-list > .third-category-panel > div > .category-item-link {
  margin: 5px 0;
  display: flex;
  align-items: center;
  flex-flow: nowrap;
}
.pro-result .pro-category .first-category-panel .son-category-panel .second-category-list > .category-item-link.on,
.pro-result .pro-category .first-category-panel .son-category-panel .third-category-list > .category-item-link.on,
.pro-result .pro-category .first-category-panel .son-category-panel .second-category-list > .third-category-panel > div > .category-item-link.on,
.pro-result .pro-category .first-category-panel .son-category-panel .third-category-list > .third-category-panel > div > .category-item-link.on {
  color: #eba904;
}
.pro-result .pro-category .first-category-panel .son-category-panel .second-category-list > .category-item-link .title,
.pro-result .pro-category .first-category-panel .son-category-panel .third-category-list > .category-item-link .title,
.pro-result .pro-category .first-category-panel .son-category-panel .second-category-list > .third-category-panel > div > .category-item-link .title,
.pro-result .pro-category .first-category-panel .son-category-panel .third-category-list > .third-category-panel > div > .category-item-link .title {
  padding-left: 10px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  flex: 1 1 auto;
  word-break: break-word;
}
.pro-result .pro-category .first-category-panel .son-category-panel .third-category-list {
  border-left: 1px solid #3b3936;
  position: relative;
  overflow-y: visible;
  padding: 0 0 0 20px;
}
.pro-result .pro-category .first-category-panel .son-category-panel .third-category-list .third-category-panel {
  overflow-y: auto;
  height: 100%;
}
.pro-result .pro-category .first-category-panel .son-category-panel .third-category-list .third-category-panel > div {
  padding-right: 20px;
}
.pro-result .pro-category .first-category-panel .son-category-panel .third-category-list .third-category-panel > div.on > .category-item-link {
  color: #eba904;
}
.pro-result .pro-category .first-category-panel .son-category-panel .third-category-list .third-category-panel > div.on > .child-category-list {
  display: flex;
}
.pro-result .pro-category .first-category-panel .son-category-panel .third-category-list .child-category-list {
  position: absolute;
  top: 0;
  left: 100%;
  width: 100%;
  height: 100%;
  display: none;
}
.pro-result .pro-category .first-category-panel .son-category-panel .third-category-list .child-category-list .child-category-panel {
  overflow-y: auto;
  width: 100%;
  height: 100%;
}
.pro-result .pro-category .first-category-panel .son-category-panel .third-category-list .child-category-list .child-category-panel > div {
  padding-right: 20px;
}
.pro-result .pro-category .first-category-panel .son-category-panel .third-category-list .child-category-list .child-category-panel > div.on > .category-item-link {
  color: #eba904;
}
.pro-result .pro-category .first-category-panel .son-category-panel .third-category-list .child-category-list .child-category-panel > div.on > .child-category-list {
  display: flex;
}
.pro-result .pro-category .first-category-panel .son-category-panel .third-category-list .child-category-list .child-category-panel .category-item-link {
  margin: 5px 0;
  display: flex;
  align-items: center;
  flex-flow: nowrap;
}
.pro-result .pro-category .first-category-panel .son-category-panel .third-category-list .child-category-list .child-category-panel .category-item-link:hover {
  color: #eba904;
}
.pro-result .pro-category .first-category-panel .son-category-panel .third-category-list .child-category-list .child-category-panel .category-item-link .title {
  padding-left: 10px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  flex: 1 1 auto;
  word-break: break-word;
}
.pro-result .result-content {
  padding: 40px;
}
.pro-result .result-content .products-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.pro-result .result-content .products-header .result-notice {
  display: flex;
  align-items: center;
  height: 30px;
}
.pro-result .result-content .products-header .result-notice .title {
  margin-right: 10px;
}
.pro-result .result-content .products-header .category-list {
  display: flex;
  height: 100%;
}
.pro-result .result-content .products-header .category-list .category-item {
  margin: 0 10px;
}
.pro-result .result-content .products-header .category-list .category-item .category-item-container {
  height: 100%;
  display: flex;
  align-items: center;
}
.pro-result .result-content .products-header .category-list .category-item .category-item-title {
  display: flex;
  align-items: center;
  color: #fff;
}
.pro-result .result-content .products-header .category-list .category-item .category-item-title.active {
  color: #eba904;
}
.pro-result .result-content .products-header .category-list .category-item .category-item-title i {
  margin-left: 5px;
  color: #fff;
}
.pro-result .result-content .products-header .category-list .category-item:hover .category-item-title {
  color: #eba904;
}
.pro-result .result-content .products-header .category-list .category-item:hover > .category-subcontent {
  display: flex;
}
.pro-result .result-content .products-header .category-list .category-subcontent {
  display: none;
  position: absolute;
  left: -1px;
  top: 100%;
  background-color: #161615;
  border: 1px solid #999;
  padding: 0 10px 0 100px;
  width: calc(100% + 2px);
}
.pro-result .result-content .products-header .category-list .category-subcontent .category-sublist {
  display: flex;
  flex-flow: wrap;
}
.pro-result .result-content .products-header .category-list .category-subcontent .category-sublist .category-subitem {
  margin: 0 10px;
  padding: 10px 0;
}
.pro-result .result-content .products-header .category-list .category-subcontent .category-sublist .category-subitem:hover > .category-subitem-container .category-subitem-title {
  color: #eba904;
}
.pro-result .result-content .products-header .category-list .category-subcontent .category-sublist .category-subitem:hover > .category-subcontent {
  display: flex;
}
.pro-result .result-content .products-header .category-list .category-subcontent .category-sublist .category-subitem-title {
  display: flex;
  align-items: center;
  color: #fff;
}
.pro-result .result-content .products-header .category-list .category-subcontent .category-sublist .category-subitem-title.active {
  color: #eba904;
}
.pro-result .result-content .products-header .category-list .category-subcontent .category-sublist .category-subitem-title i {
  margin-left: 5px;
  color: #fff;
}
.pro-result .result-content .products-header .result-oper {
  display: flex;
  align-items: st;
  height: 30px;
}
.pro-result .result-content .products-header .products-sort {
  display: flex;
  text-transform: uppercase;
  margin-right: 20px;
}
.pro-result .result-content .products-header .products-sort > * {
  margin: 0 5px;
}
.pro-result .result-content .products-header .products-sort select {
  background: none;
  color: #fff;
  border: none;
}
.pro-result .result-content .products-header .products-sort select option {
  background-color: #161615;
}
.pro-result .result-content .products-header .products-pagenum {
  display: flex;
  text-transform: uppercase;
}
.pro-result .result-content .products-header .products-pagenum > * {
  margin: 0 5px;
}
.pro-result .result-content .products-header .products-pagenum select {
  background: none;
  color: #fff;
  border: none;
}
.pro-result .result-content .products-header .products-pagenum select option {
  background-color: #161615;
}
.pro-result .result-content .recomtype-panel {
  display: flex;
  flex-flow: wrap;
}
.pro-result .result-content .recomtype-panel .recom-item {
  width: calc(12.5% - 10px);
  margin: 5px;
  padding: 5px;
  border: 1px solid #fff;
  text-align: center;
}
.pro-result .result-content .pro-list {
  display: flex;
  justify-content: flex-start;
  flex-flow: wrap;
  padding-top: 30px;
}
.pro-result .result-content .pro-list .pro-item {
  width: 15.1%;
  margin: 0 10px 30px;
}
.pro-result .result-content .pro-list .pro-item .pro-item-wrapper {
  position: relative;
}
.pro-result .result-content .pro-list .pro-item .pro-item-wrapper .dis-mark {
  position: absolute;
  top: 5px;
  right: 5px;
  display: flex;
  padding: 2px 5px;
  text-transform: uppercase;
  font-weight: bolder;
  pointer-events: none;
}
.pro-result .result-content .pro-list .pro-item .pro-item-wrapper .dis-mark.dis-percent {
  background-color: #353331;
}
.pro-result .result-content .pro-list .pro-item .pro-item-wrapper .dis-mark.dis-fixed {
  background-color: #eba904;
  color: #333;
}
.pro-result .result-content .pro-list .pro-item .pro-item-wrapper .pro-item-thumb {
  display: flex;
  align-items: center;
  justify-content: center;
}
.pro-result .result-content .pro-list .pro-item .pro-item-wrapper .pro-item-thumb .pro-item-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-color: #e4e4e4;
}
.pro-result .result-content .pro-list .pro-item .pro-item-wrapper .pro-item-content {
  color: #fff;
  font-size: 16px;
  text-align: center;
  padding: 10px 0;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  height: 84px;
}
.pro-result .result-content .pro-list .pro-item .pro-item-wrapper .pro-item-content .pro-item-desc {
  font-weight: bold;
}
.pro-result .result-content .pro-list .pro-item .pro-item-wrapper .pro-item-footer {
  display: flex;
  justify-content: space-between;
}
.pro-result .result-content .pro-list .pro-item .pro-item-wrapper .pro-item-footer .pro-item-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background-color: #333333;
  height: 30px;
  padding: 0 5px;
  margin-left: 10px;
}
.pro-result .result-content .pro-list .pro-item .pro-item-wrapper .pro-item-footer .pro-item-btn.active i {
  color: #eba904;
}
.pro-result .result-content .pro-list .pro-item .pro-item-wrapper .pro-item-footer .pro-item-btn i {
  font-size: 24px;
}
.pro-result .result-content .pro-list .pro-item .pro-item-wrapper .pro-item-footer .pro-item-view {
  background-color: #eba904;
  color: #000;
  font-weight: bold;
  flex: 1 1 auto;
  margin-left: 0;
}
/* 翻页样式 */
.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
}
.pagination .pagination-list {
  display: flex;
}
.pagination .pagination-list .pagination-item {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #999;
  margin: 5px;
  min-width: 24px;
  height: 30px;
  border-bottom: 1px solid transparent;
}
.pagination .pagination-list .pagination-item:hover,
.pagination .pagination-list .pagination-item.current {
  border-bottom: 1px solid #eba904;
}
.pagination .pagination-list .pagination-item:hover .pagination-item-link,
.pagination .pagination-list .pagination-item.current .pagination-item-link {
  color: #eba904;
}
.pagination .pagination-list .pagination-item .pagination-item-link {
  display: flex;
  color: #fff;
}
/* 产品详情 */
.pro {
  padding-top: 65px;
}
.pro .container {
  max-width: 1390px;
}
.pro .pro-header .prodetail {
  display: flex;
  justify-content: space-between;
}
.pro .pro-header .prodetail .prodetail-thumb {
  width: 530px;
  margin-right: 20px;
}
.pro .pro-header .prodetail .prodetail-thumb .gallery-image {
  width: 530px;
  height: 530px;
}
.pro .pro-header .prodetail .prodetail-thumb .gallery-image .swiper-slide {
  width: 100%;
  height: 100%;
  background-size: cover;
}
.pro .pro-header .prodetail .prodetail-thumb .gallery-image .swiper-pagination {
  text-align: right;
  padding-right: 10px;
  bottom: 20px;
}
.pro .pro-header .prodetail .prodetail-thumb .gallery-image .swiper-pagination .swiper-pagination-bullet {
  margin: 0 5px;
  background: #d8d8d8;
  opacity: 0.8;
}
.pro .pro-header .prodetail .prodetail-thumb .gallery-image .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #eba904;
}
.pro .pro-header .prodetail .prodetail-thumb .gallery-thumbs-container {
  width: 530px;
  height: 129px;
  padding: 20px;
  position: relative;
}
.pro .pro-header .prodetail .prodetail-thumb .gallery-thumbs-container .gallery-thumbs .swiper-slide {
  width: 85px;
  height: 85px;
  background-size: cover;
}
.pro .pro-header .prodetail .prodetail-thumb .gallery-thumbs-container .gallery-thumbs .swiper-slide.swiper-slide-thumb-active {
  border: 2px solid #eba904;
}
.pro .pro-header .prodetail .prodetail-thumb .gallery-thumbs-container .gallery-button-prev,
.pro .pro-header .prodetail .prodetail-thumb .gallery-thumbs-container .gallery-button-next {
  position: absolute;
  top: calc(50% - 12px);
}
.pro .pro-header .prodetail .prodetail-thumb .gallery-thumbs-container .gallery-button-prev {
  left: 0;
}
.pro .pro-header .prodetail .prodetail-thumb .gallery-thumbs-container .gallery-button-next {
  right: 0;
}
.pro .pro-header .prodetail .prodetail-main {
  flex: 1 1 auto;
  padding: 10px;
  width: 820px;
}
.pro .pro-header .prodetail .prodetail-main .prodetail-header {
  padding: 10px 0;
  border-bottom: 1px solid #333;
}
.pro .pro-header .prodetail .prodetail-main .prodetail-header .prodetail-header-title {
  font-size: 24px;
  padding-bottom: 20px;
  text-transform: capitalize;
}
.pro .pro-header .prodetail .prodetail-main .prodetail-header .prodetail-header-price {
  display: flex;
  padding-bottom: 20px;
}
.pro .pro-header .prodetail .prodetail-main .prodetail-header .prodetail-header-price .price-item {
  min-width: 200px;
}
.pro .pro-header .prodetail .prodetail-main .prodetail-header .prodetail-header-price .price-item .price {
  font-size: 18px;
  font-weight: bold;
  color: #eba904;
  text-decoration: underline;
  margin: 0 10px;
}
.pro .pro-header .prodetail .prodetail-main .prodetail-header .prodetail-header-price .price-item .ori-price {
  color: #7d7d7d;
  text-decoration: line-through;
}
.pro .pro-header .prodetail .prodetail-main .prodetail-content {
  min-height: 360px;
}
.pro .pro-header .prodetail .prodetail-main .prodetail-content .prodetail-desc {
  padding-top: 17px;
}
.pro .pro-header .prodetail .prodetail-main .prodetail-content .prodetail-desc .prodetail-desc-list {
  display: flex;
  flex-flow: wrap;
}
.pro .pro-header .prodetail .prodetail-main .prodetail-content .prodetail-desc .prodetail-desc-list .prodetail-desc-item {
  width: 50%;
  display: flex;
  padding: 8px 0;
}
.pro .pro-header .prodetail .prodetail-main .prodetail-content .prodetail-desc .prodetail-desc-list .prodetail-desc-item .prodetail-desc-title {
  color: #7d7d7d;
  margin-right: 10px;
  flex: 0 0 auto;
  text-transform: capitalize;
}
.pro .pro-header .prodetail .prodetail-main .prodetail-content .prodetail-desc .prodetail-desc-list .prodetail-desc-item .prodetail-desc-content {
  text-transform: capitalize;
}
.pro .pro-header .prodetail .prodetail-main .prodetail-content .prosku-desc {
  padding-top: 15px;
}
.pro .pro-header .prodetail .prodetail-main .prodetail-content .prosku-desc .prosku-list {
  display: flex;
  width: 820px;
  height: 60px;
  overflow-x: auto;
}
.pro .pro-header .prodetail .prodetail-main .prodetail-content .prosku-desc .prosku-list .prosku-item {
  width: 55px;
  height: 55px;
  margin-right: 10px;
  flex: 0 0 auto;
}
.pro .pro-header .prodetail .prodetail-main .prodetail-content .prosku-desc .prosku-list .prosku-item.active {
  border: 2px solid #eba904;
}
.pro .pro-header .prodetail .prodetail-main .prodetail-content .prosku-desc .prosku-list .prosku-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pro .pro-header .prodetail .prodetail-main .prodetail-content .prosku-desc .prosku-show {
  display: flex;
  padding-top: 8px;
}
.pro .pro-header .prodetail .prodetail-main .prodetail-content .prosku-desc .prosku-show .prosku-title {
  color: #7d7d7d;
  margin-right: 10px;
  flex: 0 0 auto;
}
.pro .pro-header .prodetail .prodetail-main .prodetail-btn {
  padding: 10px 0;
}
.pro .pro-header .prodetail .prodetail-main .prodetail-btn .prodetail-btn-group {
  display: flex;
  justify-content: flex-end;
}
.pro .pro-header .prodetail .prodetail-main .prodetail-btn .prodetail-btn-group .prodetail-btn-item {
  color: #444;
  margin: 0 10px;
}
.pro .pro-header .prodetail .prodetail-main .prodetail-btn .prodetail-btn-group .prodetail-btn-item.active i {
  color: #eba904;
}
.pro .pro-header .prodetail .prodetail-main .prodetail-btn .prodetail-btn-group .prodetail-btn-item i {
  font-size: 24px;
}
.pro .pro-header .prodetail .prodetail-main .prodetail-footer .prodetail-btn-group {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pro .pro-header .prodetail .prodetail-main .prodetail-footer .prodetail-btn-group .prodetail-btn-item {
  height: 52px;
  font-size: 16px;
  padding: 10px;
  width: 83px;
  border: 1px solid #464646;
  color: #000;
}
.pro .pro-header .prodetail .prodetail-main .prodetail-footer .prodetail-btn-group .prodetail-btn-item.prodetail-addcart {
  background-color: #eba904;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  width: 260px;
  margin-right: 10px;
}
.pro .pro-header .prodetail .prodetail-main .prodetail-footer .prodetail-btn-group .prodetail-btn-item.prodetail-order {
  background-color: #e67f10;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  width: 260px;
}
.pro .pro-header .prodetail .prodetail-main .prodetail-footer .footer-info {
  padding: 10px;
  color: #7d7d7d;
  text-align: right;
}
.pro .pro-header .prodetail .prodetail-main .prodetail-footer .footer-info span {
  color: #fff;
}
.pro .pro-tabs .pro-tabs-list {
  padding: 20px 0;
  border-bottom: 1px solid #464646;
}
.pro .pro-tabs .pro-tabs-list .pro-tabs-item {
  margin: 0 20px;
  padding: 5px 0;
  font-size: 16px;
  cursor: pointer;
}
.pro .pro-tabs .pro-tabs-list .pro-tabs-item.active {
  font-weight: bold;
  color: #eba904;
  border-bottom: 2px solid #eba904;
}
.pro .pro-tabs .pro-tabs-content {
  display: none;
  padding: 50px 0;
}
.pro .pro-tabs .pro-tabs-content.active {
  display: block;
}
.pro .pro-tabs .pro-tabs-content img {
  width: 750px;
  display: inline-block;
  vertical-align: middle;
}
.pro .pro-tabs .pro-tabs-content br {
  display: none;
}
.pro .pro-detail-container {
  width: 750px;
  margin: 0 auto;
}
.pro .pro-video-container {
  width: 900px;
  margin: 0 auto;
}
.pro .pro-video-container .pro-artno {
  font-size: 24px;
  text-align: center;
  font-weight: bold;
  padding: 10px;
}
.pro .pro-download-container .pro-download-item {
  padding: 50px 35px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #d1d5db;
  margin-top: -1px;
}
.pro .pro-download-container .pro-download-item .pro-download-content {
  flex: 1 1 auto;
}
.pro .pro-download-container .pro-download-item .pro-download-btn {
  border: 2px solid #fff;
  width: 175px;
  height: 62px;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 58px;
  text-align: center;
}
.pro .pro-download-container .pro-download-image {
  width: 106px;
  height: 106px;
  background-size: cover;
  flex: none;
  margin-right: 45px;
}
.pro .pro-download-container .pro-download-image.rar {
  background-image: url(/images/icon/rar.png);
}
.pro .pro-download-container .pro-download-image.zip {
  background-image: url(/images/icon/zip.png);
}
.pro .pro-download-container .pro-download-image.pdf {
  background-image: url(/images/icon/pdf.png);
}
.pro .pro-download-container .pro-download-image.docx {
  background-image: url(/images/icon/docx.png);
}
.pro .pro-download-container .pro-download-image.xlsx {
  background-image: url(/images/icon/xlsx.png);
}
.pro .pro-recom .pro-recom-header {
  text-align: center;
  text-transform: uppercase;
  font-size: 32px;
  font-weight: bold;
  color: #fff;
  padding: 20px 0;
}
.pro .pro-recom .pro-recom-content {
  background-color: #fff;
}
.pro .pro-recom .pro-recom-content .pro-list {
  padding: 20px;
}
.pro .pro-recom .pro-recom-content .pro-list .pro-item {
  background-color: #f9f9f9;
  padding-bottom: 20px;
  width: 15%;
  margin-right: 10px;
}
.pro .pro-recom .pro-recom-content .pro-list .pro-item .pro-item-thumb {
  display: flex;
  align-items: center;
  justify-content: center;
}
.pro .pro-recom .pro-recom-content .pro-list .pro-item .pro-item-thumb .pro-item-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-color: #e4e4e4;
}
.pro .pro-recom .pro-recom-content .pro-list .pro-item .pro-item-content {
  color: #333;
  font-size: 16px;
  text-align: center;
  padding: 10px 0;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  height: 84px;
}
.pro .pro-recom .pro-recom-content .pro-list .pro-item .pro-item-content .pro-item-desc {
  font-weight: bold;
}
.pro .pro-recom .pro-recom-content .pro-list .pro-item .pro-item-footer {
  display: flex;
  justify-content: space-around;
  padding: 0 10px;
}
.pro .pro-recom .pro-recom-content .pro-list .pro-item .pro-item-footer .pro-item-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background-color: #333333;
  height: 30px;
  padding: 0 5px;
}
.pro .pro-recom .pro-recom-content .pro-list .pro-item .pro-item-footer .pro-item-btn.active i {
  color: #eba904;
}
.pro .pro-recom .pro-recom-content .pro-list .pro-item .pro-item-footer .pro-item-btn i {
  font-size: 24px;
}
.pro .pro-recom .pro-recom-content .pro-list .pro-item .pro-item-footer .pro-item-view {
  background-color: #eba904;
  color: #000;
  width: 100px;
  font-weight: bold;
}
.pro .pro-recom .pro-recom-content .recom-button-next,
.pro .pro-recom .pro-recom-content .recom-button-prev {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 10;
}
.pro .pro-recom .pro-recom-content .recom-button-next::before,
.pro .pro-recom .pro-recom-content .recom-button-prev::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.7;
}
.pro .pro-recom .pro-recom-content .recom-button-next i,
.pro .pro-recom .pro-recom-content .recom-button-prev i {
  position: relative;
  z-index: 1;
}
.pro .pro-recom .pro-recom-content .recom-button-next {
  top: calc(50% - 15px);
  right: 0;
}
.pro .pro-recom .pro-recom-content .recom-button-prev {
  top: calc(50% - 15px);
  left: 0;
}
/* 资讯中心 */
.news {
  padding-top: 65px;
}
.news .container {
  max-width: 1390px;
}
.news .news-main .news-list .news-item {
  padding: 25px 8px;
  margin-bottom: 30px;
  border-bottom: 1px solid #464646;
  display: flex;
}
.news .news-main .news-list .news-item .news-item-thumb {
  width: 425px;
  height: 215px;
  background-size: cover;
  background-position: center center;
  margin-right: 20px;
  flex: 0 0 auto;
}
.news .news-main .news-list .news-item .news-item-content {
  padding: 0 10px;
}
.news .news-main .news-list .news-item .news-item-content .news-item-main {
  height: 165px;
  overflow: hidden;
  margin-bottom: 10px;
}
.news .news-main .news-list .news-item .news-item-content .news-item-main .news-item-date {
  font-size: 12px;
}
.news .news-main .news-list .news-item .news-item-content .news-item-main .news-item-title {
  display: block;
  padding: 10px 0;
  font-size: 18px;
  color: #fff;
}
.news .news-main .news-list .news-item .news-item-content .news-item-main .news-item-detail {
  line-height: 26px;
  color: #b5b4b4;
}
.news .news-main .news-list .news-item .news-item-content .news-item-more {
  font-family: 'EurostileLTBold', 'Source Han Sans CN', '\601D\6E90\9ED1\4F53', '\5FAE\8F6F\96C5\9ED1', 'Microsoft Yahei', sans-serif;
  float: right;
  width: 180px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  background-color: #eba904;
  text-transform: uppercase;
}
/* 资讯详情 */
.newsdetail {
  padding-top: 65px;
}
.newsdetail .container {
  max-width: 1390px;
}
.newsdetail .newsdetail-main .newsdetail-header {
  text-align: center;
  padding: 20px 0;
  border-bottom: 1px solid #464646;
}
.newsdetail .newsdetail-main .newsdetail-header .newsdetail-intro {
  padding-bottom: 20px;
}
.newsdetail .newsdetail-main .newsdetail-content {
  padding: 20px 0;
  color: #7a7a7a;
  font-family: "EurostileLT", "Source Han Sans CN", "\601D\6E90\9ED1\4F53", "\5FAE\8F6F\96C5\9ED1", "Microsoft Yahei", sans-serif !important;
}
.newsdetail .newsdetail-main .newsdetail-content .newsdetail-thumb {
  width: 1059px;
  height: 463px;
  background-size: cover;
  background-position: center;
  margin: 0 auto 50px;
}
.newsdetail .newsdetail-main .newsdetail-content img {
  max-width: 100%;
}
.newsdetail .newsdetail-main .newsdetail-footer {
  border-top: 1px solid #464646;
  padding: 20px 0;
}
.newsdetail .newsdetail-main .newsdetail-footer .newsdetail-relate {
  display: flex;
  justify-content: space-between;
}
.newsdetail .newsdetail-main .newsdetail-footer .newsdetail-relate .newsdetail-relate-item {
  display: flex;
  align-items: center;
}
.newsdetail .newsdetail-main .newsdetail-footer .newsdetail-relate .newsdetail-relate-item:last-child {
  flex-flow: row-reverse;
}
.newsdetail .newsdetail-main .newsdetail-footer .newsdetail-relate .newsdetail-relate-item i {
  font-size: 14px;
  margin: 0 5px;
  transform: scale(0.8);
  color: #eba904;
}
/* 图片中心 */
.media {
  padding-top: 65px;
}
.media .container {
  max-width: 1390px;
}
.media .media-main .media-board .media-header {
  padding: 10px 0;
  border-bottom: 1px solid #eba904;
  font-weight: bold;
}
.media .media-main .media-board .media-content {
  padding: 20px 50px;
}
.media .media-main .media-board .media-content .media-item {
  width: 280px;
  display: flex;
  flex-flow: column;
  align-items: center;
}
.media .media-main .media-board .media-content .media-item .media-item-thumb {
  display: flex;
  width: 280px;
  height: 160px;
  background-size: contain;
}
.media .media-main .media-board .media-content .media-item .media-item-title {
  padding: 10px 0;
  text-align: center;
}
.media .media-main .media-board .media-content .media-btn-prev,
.media .media-main .media-board .media-content .media-btn-next {
  position: absolute;
  top: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  background-color: #333;
  z-index: 9;
}
.media .media-main .media-board .media-content .media-btn-prev {
  left: 0;
}
.media .media-main .media-board .media-content .media-btn-next {
  right: 0;
}
.show-video-layer {
  display: flex;
  padding: 20px;
  color: #333;
}
.show-video-layer .video-board {
  width: 860px;
  height: 487px;
  flex: 0 0 auto;
}
.show-video-layer .pro-info {
  padding-left: 20px;
  flex: 1 1 auto;
}
.show-video-layer .pro-info .pro-header {
  border-bottom: 1px solid #cccccc;
  padding: 10px 0;
}
.show-video-layer .pro-info .pro-header .pro-header-title {
  font-size: 18px;
  font-weight: bold;
}
.show-video-layer .pro-info .pro-content {
  padding: 10px 0;
  height: 360px;
}
.show-video-layer .pro-info .pro-content .pro-desc .pro-desc-item {
  display: flex;
}
.show-video-layer .pro-info .pro-content .pro-desc .pro-desc-item .pro-desc-title {
  padding-right: 5px;
}
.show-video-layer .pro-info .pro-btn {
  display: flex;
  justify-content: flex-end;
}
.show-video-layer .pro-info .pro-btn .pro-btn-group {
  display: flex;
}
.show-video-layer .pro-info .pro-btn .pro-btn-group .pro-btn-item {
  background: none;
  color: #7d7d7d;
  margin: 0 5px;
  height: auto;
}
.show-video-layer .pro-info .pro-btn .pro-btn-group .pro-btn-item i {
  font-size: 24px;
}
.show-video-layer .pro-info .pro-btn .pro-btn-group .pro-btn-item.active i {
  color: #eba904;
}
.show-video-layer .pro-info .pro-btn .pro-btn-group .pro-btn-item:hover {
  color: #eba904;
}
.show-video-layer .pro-info .pro-footer {
  padding: 10px 0;
}
.show-video-layer .pro-info .pro-btn-item {
  background-color: #eba904;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333;
  font-weight: bold;
  text-transform: uppercase;
}
.show-video-layer .pro-info .pro-btn-item:hover {
  color: #fff;
}
/* 联系我们 */
.contact .page-header .container {
  background: url(/images/contact_banner.jpg) top center no-repeat;
}
.contact .contact-content .container {
  max-width: 1390px;
}
.contact .contact-content .contact-list {
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  padding: 30px 0;
}
.contact .contact-content .contact-list .contact-item {
  width: 300px;
  height: 230px;
  background-color: #353331;
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  flex-flow: column;
  text-align: center;
  padding: 20px;
}
.contact .contact-content .contact-list .contact-item i {
  flex: 0 0 auto;
  width: 78px;
  height: 78px;
  background-color: #eba904;
  color: #333;
  font-size: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.contact .contact-content .contact-list .contact-item .contact-item-content .contact-item-title {
  padding: 10px 0;
  font-size: 16px;
  text-transform: uppercase;
}
.contact .contact-content .contact-list .contact-item .contact-item-content .contact-item-desc {
  color: #b4b4b4;
  word-break: break-all;
  white-space: pre-line;
}
.contact .contact-content .message-content {
  padding-bottom: 30px;
}
.contact .contact-content .message-content .contact-title {
  text-align: center;
  font-size: 36px;
  text-transform: uppercase;
  padding: 0 0 20px;
}
.contact .contact-content .message-content .contact-form .contact-form-row {
  display: flex;
  flex-flow: row;
  align-items: stretch;
}
.contact .contact-content .message-content .contact-form .contact-form-item {
  display: flex;
  margin-bottom: 20px;
  flex: 1 1 auto;
}
.contact .contact-content .message-content .contact-form .contact-form-item .contact-form-label {
  width: 120px;
  text-align: right;
  color: #7d7d7d;
  line-height: 40px;
  margin-right: 10px;
}
.contact .contact-content .message-content .contact-form .contact-form-item .contact-form-input {
  background: none;
  border: 1px solid #7d7d7d;
  color: #fff;
  width: 300px;
  height: 40px;
  padding: 2px 10px;
}
.contact .contact-content .message-content .contact-form .contact-form-item .contact-form-textarea {
  background: none;
  border: 1px solid #7d7d7d;
  resize: none;
  color: #fff;
  width: 100%;
}
.contact .contact-content .message-content .contact-form .contact-form-item .contact-form-select {
  background: none;
  border: 1px solid #7d7d7d;
  color: #fff;
  width: 300px;
  height: 40px;
  padding: 2px 10px;
}
.contact .contact-content .message-content .contact-form .contact-form-item .contact-form-select option {
  background: #161615;
  color: #fff;
}
.contact .contact-content .message-content .contact-form .contact-form-item .contact-form-btn {
  font-family: 'EurostileLTBold', 'Source Han Sans CN', '\601D\6E90\9ED1\4F53', '\5FAE\8F6F\96C5\9ED1', 'Microsoft Yahei', sans-serif;
  width: 138px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #eba904;
  color: #333;
  text-transform: uppercase;
}
.contact .contact-content .contact-map {
  margin: 30px 0;
  height: 600px;
  color: #000;
}
/* 会员中心 */
.member {
  padding-top: 65px;
  /* 修改密码 */
  /* 地址列表 */
  /* 产品收藏*/
  /*订单列表*/
  /* 订单详情 */
}
.member .container {
  max-width: 1390px;
}
.member .member-info-container {
  margin: 20px 0;
  border-top: 2px solid #eba904;
  border-bottom: 1px solid #464646;
  display: flex;
  justify-content: space-between;
  padding: 20px;
}
.member .member-info-container .member-info {
  padding-left: 20px;
  display: flex;
}
.member .member-info-container .member-info .member-info-thumb {
  width: 92px;
  height: 92px;
  overflow: hidden;
  border-radius: 50%;
  background-color: #eba904;
  display: flex;
  align-items: center;
  justify-content: center;
}
.member .member-info-container .member-info .member-info-thumb i {
  font-size: 90px;
  margin-top: 20px;
}
.member .member-info-container .member-info .member-info-content {
  display: flex;
  flex-flow: column;
  justify-content: center;
  padding-left: 20px;
}
.member .member-info-container .member-info .member-info-content .member-info-item {
  padding: 5px 0;
  color: #7d7d7d;
}
.member .member-info-container .member-info .member-info-content .member-info-item .notice {
  color: #fff;
}
.member .member-info-container .member-info .member-info-content .member-info-name {
  font-size: 18px;
  color: #fff;
}
.member .member-info-container .member-info .member-info-content a {
  color: #eba904;
  text-decoration: underline;
}
.member .member-info-container .member-info .member-info-content a:hover {
  color: #34e6ff;
}
.member .member-info-container .member-nav {
  display: flex;
  flex-flow: wrap;
}
.member .member-info-container .member-nav .member-nav-item {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #eba904;
  color: #000000;
  width: 174px;
  height: 40px;
  font-size: 18px;
  font-weight: bold;
  margin: 10px;
  text-transform: uppercase;
  padding: 0 10px;
}
.member .edit-form {
  border-top: 2px solid #eba904;
  border-bottom: 1px solid #464646;
  padding: 20px 40px;
  display: flex;
  flex-flow: wrap;
}
.member .edit-form .edit-form-item {
  display: flex;
  align-items: flex-start;
  width: 50%;
  margin-bottom: 20px;
  line-height: 38px;
}
.member .edit-form .edit-form-item:nth-of-type(even) {
  justify-content: flex-end;
}
.member .edit-form .edit-form-item.full-item {
  width: 100%;
}
.member .edit-form .edit-form-item.full-item .edit-form-content {
  flex: 1 1 auto;
}
.member .edit-form .edit-form-item .edit-form-title {
  width: 200px;
  text-align: right;
  padding-right: 5px;
  color: #7d7d7d;
}
.member .edit-form .edit-form-item .edit-form-content {
  display: flex;
  justify-content: center;
}
.member .edit-form .edit-form-item .edit-form-content input {
  width: 320px;
  height: 38px;
  background: none;
  border: 1px solid #464646;
  color: #fff;
  padding: 2px 10px;
}
.member .edit-form .edit-form-item .edit-form-content textarea {
  resize: none;
  width: 100%;
  background: none;
  border: 1px solid #464646;
  color: #fff;
  padding: 5px 10px;
}
.member .edit-form .edit-form-item .edit-form-content select {
  width: 320px;
  height: 38px;
  background: none;
  border: 1px solid #464646;
  color: #fff;
  padding: 2px 10px;
}
.member .edit-form .edit-form-item .edit-form-content select option {
  background: #161615;
}
.member .edit-form .edit-form-item .edit-form-content .edit-item-btn {
  margin-left: 20px;
  color: #eba904;
  text-decoration: underline;
}
.member .edit-form .edit-form-item .edit-form-content .edit-item-btn:hover {
  color: #34e6ff;
}
.member .edit-form .edit-btn-item {
  width: 100%;
  justify-content: flex-end;
  margin-top: 20px;
}
.member .edit-form .edit-btn-item .edit-form-btn {
  font-family: 'EurostileLTBold', 'Source Han Sans CN', '\601D\6E90\9ED1\4F53', '\5FAE\8F6F\96C5\9ED1', 'Microsoft Yahei', sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #eba904;
  color: #000000;
  width: 174px;
  height: 40px;
  font-size: 18px;
  margin-left: 15px;
  text-transform: uppercase;
  padding: 0 10px;
}
.member .edit-form .edit-btn-item .edit-form-btn#edit-add-cancel {
  color: #fff;
  border: 1px solid #fff;
  background: none;
}
.member .changepsd {
  display: none;
}
.member .changepsd .changepsd-content {
  background: #ececec;
  padding: 50px;
}
.member .changepsd .changepsd-content .changepsd-header {
  padding-bottom: 20px;
}
.member .changepsd .changepsd-content .changepsd-header .changepsd-title {
  color: #333;
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
}
.member .changepsd .changepsd-content .change-form .change-form-item {
  padding-bottom: 18px;
}
.member .changepsd .changepsd-content .change-form .change-form-item .change-form-input {
  height: 38px;
  width: 100%;
  padding: 2px 10px;
  border: none;
}
.member .changepsd .changepsd-content .change-form .change-form-item .change-form-btn {
  font-family: 'EurostileLTBold', 'Source Han Sans CN', '\601D\6E90\9ED1\4F53', '\5FAE\8F6F\96C5\9ED1', 'Microsoft Yahei', sans-serif;
  height: 38px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  color: #333;
  font-weight: bold;
  background: #eba904;
  border-color: #eba904;
  font-size: 16px;
  margin: 12px 0;
}
.member .address-list {
  border-top: 2px solid #eba904;
  border-bottom: 1px solid #464646;
}
.member .address-list .address-list-title {
  color: #7d7d7d;
  padding: 10px 20px;
  font-size: 18px;
}
.member .address-list .address-list-content {
  display: flex;
  flex-flow: column;
}
.member .address-list .address-list-content .address-list-item {
  display: flex;
  align-items: stretch;
  padding: 0 10px;
  border-top: 1px solid #464646;
}
.member .address-list .address-list-content .address-list-item .address-list-item-column {
  display: flex;
  flex-flow: column;
  padding: 10px 10px;
  width: 10%;
  flex: 1 1 auto;
}
.member .address-list .address-list-content .address-list-item .address-list-item-column:nth-last-of-type(-n+3) {
  width: auto;
}
.member .address-list .address-list-content .address-list-item .address-list-item-column:last-child {
  width: 150px;
}
.member .address-list .address-list-content .address-list-item .address-item-title {
  color: #7d7d7d;
  padding-bottom: 10px;
}
.member .address-list .address-list-content .address-list-item .address-item-btns {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.member .address-list .address-list-content .address-list-item .address-item-btns .address-item-btn {
  color: #7d7d7d;
}
.member .address-list .address-list-content .address-list-item .address-item-btns .address-item-btn:hover {
  color: #fff;
}
.member .address-list .address-list-content .address-list-item .address-item-btns .address-item-btn i {
  font-size: 24px;
}
.member .address-list .address-list-content .address-list-item .address-item-btns .address-item-btn.default-item {
  color: #eba904;
  text-decoration: underline;
}
.member .address-list .address-list-content .address-list-item .address-item-btns .address-item-btn.default-item:hover {
  color: #34e6ff;
}
.member .address-list .address-list-content .address-list-item .address-item-btns .address-item-btn.default-item-1 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  height: 30px;
  background-color: #353331;
  color: #fff;
}
.member .address-list .address-list-content .address-list-item .address-item-btns .address-item-btn.default-item-1:hover {
  color: #fff;
}
.member .pro-list {
  display: flex;
  justify-content: flex-start;
  flex-flow: wrap;
  padding-top: 30px;
}
.member .pro-list .pro-item {
  width: 14.9%;
  margin: 0 12px 30px;
}
.member .pro-list .pro-item .pro-item-wrapper {
  position: relative;
}
.member .pro-list .pro-item .pro-item-wrapper .dis-mark {
  position: absolute;
  top: 5px;
  right: 5px;
  display: flex;
  padding: 2px 5px;
  text-transform: uppercase;
  font-weight: bolder;
  pointer-events: none;
}
.member .pro-list .pro-item .pro-item-wrapper .dis-mark.dis-percent {
  background-color: #353331;
}
.member .pro-list .pro-item .pro-item-wrapper .dis-mark.dis-fixed {
  background-color: #eba904;
  color: #333;
}
.member .pro-list .pro-item .pro-item-wrapper .pro-item-thumb {
  height: 207.11px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.member .pro-list .pro-item .pro-item-wrapper .pro-item-thumb .pro-item-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-color: #e4e4e4;
}
.member .pro-list .pro-item .pro-item-wrapper .pro-item-content {
  color: #fff;
  font-size: 16px;
  text-align: center;
  padding: 10px 0;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  height: 84px;
}
.member .pro-list .pro-item .pro-item-wrapper .pro-item-content .pro-item-desc {
  font-weight: bold;
}
.member .pro-list .pro-item .pro-item-wrapper .pro-item-footer {
  display: flex;
  justify-content: space-between;
}
.member .pro-list .pro-item .pro-item-wrapper .pro-item-footer .pro-item-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background-color: #333333;
  height: 30px;
  padding: 0 5px;
  margin-left: 10px;
}
.member .pro-list .pro-item .pro-item-wrapper .pro-item-footer .pro-item-btn.active i {
  color: #eba904;
}
.member .pro-list .pro-item .pro-item-wrapper .pro-item-footer .pro-item-btn i {
  font-size: 24px;
}
.member .pro-list .pro-item .pro-item-wrapper .pro-item-footer .pro-item-view {
  background-color: #eba904;
  color: #000;
  font-weight: bold;
  flex: 1 1 auto;
  margin-left: 0;
}
.member .order-header {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 20px 0;
}
.member .order-header .order-form {
  display: flex;
  align-items: center;
}
.member .order-header .order-form .order-form-date {
  padding-right: 20px;
}
.member .order-header .order-form .order-form-date .order-date-item {
  padding-right: 10px;
  color: #7d7d7d;
}
.member .order-header .order-form .order-form-input {
  width: 250px;
  height: 38px;
  border: 1px solid #464646;
  background: none;
  padding: 2px 10px;
  color: #fff;
}
.member .order-header .order-form .order-form-btn {
  width: 40px;
  height: 38px;
  background-color: #eba904;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.member .order-content .order-item {
  border: 1px solid #464646;
  border-top: 1px solid #eba904;
  margin-bottom: 15px;
}
.member .order-content .order-item .order-item-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 38px;
  padding: 0 15px;
  border-bottom: 1px solid #464646;
}
.member .order-content .order-item .order-item-header .order-table-no span {
  color: #7d7d7d;
}
.member .order-content .order-item .order-item-header .delete-btn {
  color: #7d7d7d;
}
.member .order-content .order-item .order-item-header .delete-btn:hover {
  color: #fff;
}
.member .order-content .order-item .order-item-pro .order-pro-item {
  display: flex;
  align-items: stretch;
  padding: 5px;
  border-bottom: 1px solid #464646;
}
.member .order-content .order-item .order-item-pro .order-pro-item .order-item-image {
  width: 200px;
  height: 200px;
  display: flex;
}
.member .order-content .order-item .order-item-pro .order-pro-item .order-item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-color: #fff;
  border: 1px solid #464646;
}
.member .order-content .order-item .order-item-pro .order-pro-item .order-pro-panel {
  flex: 1 1 auto;
  padding: 20px;
}
.member .order-content .order-item .order-item-pro .order-pro-item .order-pro-panel .order-pro-title {
  font-size: 16px;
  height: 78px;
  overflow: hidden;
}
.member .order-content .order-item .order-item-pro .order-pro-item .order-pro-panel .order-pro-title .sku-info {
  color: #7d7d7d;
  font-size: 12px;
}
.member .order-content .order-item .order-item-pro .order-pro-item .order-pro-panel .order-pro-info {
  display: flex;
  margin-bottom: 10px;
}
.member .order-content .order-item .order-item-pro .order-pro-item .order-pro-panel .order-pro-info .order-info-title {
  color: #7d7d7d;
  padding-right: 10px;
}
.member .order-content .order-item .order-item-pro .order-pro-item .order-price-panel {
  flex: 0 0 auto;
  display: flex;
  flex-flow: column;
  align-items: stretch;
  justify-content: center;
  padding: 0 35px;
}
.member .order-content .order-item .order-item-pro .order-pro-item .order-price-panel .order-price-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.member .order-content .order-item .order-item-pro .order-pro-item .order-price-panel .order-price-item span {
  display: block;
  font-size: 16px;
  color: #eba904;
}
.member .order-content .order-item .order-item-pro .order-pro-item .order-price-panel .order-price-item span.ori-price {
  font-size: 12px;
  text-decoration: line-through;
  color: #7d7d7d;
  margin-left: 5px;
}
.member .order-content .order-item .order-item-panel {
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 40px;
  border-bottom: 1px solid #464646;
}
.member .order-content .order-item .order-item-panel span {
  color: #7d7d7d;
}
.member .order-content .order-item .order-item-footer {
  padding: 5px 40px 5px 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 38px;
}
.member .order-content .order-item .order-item-footer .order-total {
  display: flex;
}
.member .order-content .order-item .order-item-footer .order-total .order-total-item {
  margin-right: 20px;
}
.member .order-content .order-item .order-item-footer .order-total .order-total-item span {
  color: #7d7d7d;
}
.member .order-content .order-item .order-item-footer .order-item-detail {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 28px;
  background-color: #eba904;
  color: #000;
  font-weight: bold;
  text-transform: uppercase;
}
.member .order-content .order-item .order-item-footer .order-item-detail:hover {
  color: #fff;
}
.member .order-detail .order-item {
  margin: 20px 0;
  border: 1px solid #464646;
  border-top: 1px solid #eba904;
}
.member .order-detail .order-item .order-item-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 38px;
  padding: 0 25px 0 15px;
  border-bottom: 1px solid #464646;
}
.member .order-detail .order-item .order-item-header span {
  color: #7d7d7d;
}
.member .order-detail .order-item .order-item-content {
  display: flex;
  padding: 5px 15px 5px 0;
  flex-flow: column;
  border-bottom: 1px solid #464646;
}
.member .order-detail .order-item .order-item-content .order-address-row {
  display: flex;
  justify-content: space-between;
}
.member .order-detail .order-item .order-item-content .order-info-item {
  display: flex;
  align-items: center;
  padding: 0 15px;
  line-height: 28px;
}
.member .order-detail .order-item .order-item-content .order-info-item .order-info-title {
  width: 100px;
  color: #7d7d7d;
  text-align: right;
  padding-right: 10px;
}
.member .order-detail .order-item .order-item-content .order-info-item .order-info-content {
  display: flex;
}
.member .order-detail .order-item .order-item-content .order-info-item .order-info-content span {
  margin-right: 15px;
}
.member .order-detail .order-item .order-item-content .order-info-item .order-info-content .oper-btn {
  color: #eba904;
  margin-left: 20px;
}
.member .order-detail .order-item .order-item-content .order-info-item .order-info-content .oper-btn:hover {
  color: #fff;
}
.member .order-detail .order-item .order-item-pro .order-pro-item {
  display: flex;
  align-items: stretch;
  padding: 5px;
  border-bottom: 1px solid #464646;
}
.member .order-detail .order-item .order-item-pro .order-pro-item .order-item-image {
  width: 200px;
  height: 200px;
  display: flex;
}
.member .order-detail .order-item .order-item-pro .order-pro-item .order-item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-color: #fff;
  border: 1px solid #464646;
}
.member .order-detail .order-item .order-item-pro .order-pro-item .order-pro-panel {
  flex: 1 1 auto;
  padding: 20px;
}
.member .order-detail .order-item .order-item-pro .order-pro-item .order-pro-panel .order-pro-title {
  font-size: 16px;
  height: 78px;
  overflow: hidden;
}
.member .order-detail .order-item .order-item-pro .order-pro-item .order-pro-panel .order-pro-title .sku-info {
  color: #7d7d7d;
  font-size: 12px;
}
.member .order-detail .order-item .order-item-pro .order-pro-item .order-pro-panel .order-pro-info {
  display: flex;
  margin-bottom: 10px;
}
.member .order-detail .order-item .order-item-pro .order-pro-item .order-pro-panel .order-pro-info .order-info-title {
  color: #7d7d7d;
  padding-right: 10px;
}
.member .order-detail .order-item .order-item-pro .order-pro-item .order-price-panel {
  flex: 0 0 auto;
  display: flex;
  flex-flow: column;
  align-items: stretch;
  justify-content: center;
  padding: 0 35px;
}
.member .order-detail .order-item .order-item-pro .order-pro-item .order-price-panel .order-price-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.member .order-detail .order-item .order-item-pro .order-pro-item .order-price-panel .order-price-item span {
  display: block;
  font-size: 16px;
  color: #eba904;
}
.member .order-detail .order-item .order-item-pro .order-pro-item .order-price-panel .order-price-item span.ori-price {
  font-size: 12px;
  text-decoration: line-through;
  color: #7d7d7d;
  margin-left: 5px;
}
.member .order-detail .order-item .order-item-footer {
  display: flex;
  padding: 10px 5px 10px 0;
  justify-content: flex-end;
}
.member .order-detail .order-item .order-item-footer .order-total {
  display: flex;
}
.member .order-detail .order-item .order-item-footer .order-total .order-total-item {
  margin-right: 20px;
}
.member .order-detail .order-item .order-item-footer .order-total .order-total-item span {
  color: #7d7d7d;
}
/*对比页面*/
.compare {
  padding-top: 65px;
}
.compare .container {
  max-width: 1390px;
}
.compare .compare-content .compare-list {
  display: flex;
}
.compare .compare-content .compare-list .compare-item {
  width: 16.6666%;
  flex: 0 0 auto;
}
.compare .compare-content .compare-list .compare-item .compare-sublist .compare-subitem {
  display: flex;
  align-items: center;
  border: 1px solid #464646;
  height: 45px;
  margin: -1px 0 0 -1px;
}
.compare .compare-content .compare-list .compare-item .compare-sublist .compare-subitem.hide {
  display: none;
}
.compare .compare-content .compare-list .compare-item .compare-sublist .compare-subitem:first-child {
  height: 340px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.compare .compare-content .compare-list .compare-item .compare-sublist .compare-subitem .compare-subitem-attr {
  padding: 0 18px;
  font-weight: bold;
  font-size: 14px;
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  text-transform: capitalize;
}
.compare .compare-content .compare-list .compare-item .compare-sublist .compare-subitem .compare-subitem-thumb {
  width: calc(100% - 20px);
  height: 0;
  flex: 0 0 auto;
  padding-top: calc(100% - 20px);
  background-size: cover;
  background-position: center;
  margin: 10px auto 0;
}
.compare .compare-content .compare-list .compare-item .compare-sublist .compare-subitem .compare-subitem-desc {
  width: 100%;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  padding: 12px;
}
.compare .compare-content .compare-list .compare-item .compare-sublist .compare-subitem .compare-subitem-title {
  font-size: 16px;
  font-weight: bold;
  overflow: hidden;
  height: 40px;
  line-height: 20px;
  flex: 0 0 auto;
}
.compare .compare-content .compare-list .compare-item .compare-sublist .compare-subitem .compare-subitem-value {
  margin: 10px 20px;
  line-height: 22.5px;
  overflow: hidden;
  display: flex;
  text-transform: capitalize;
}
.compare .compare-content .compare-list .compare-item .compare-sublist .compare-subitem .compare-subitem-btngroup {
  flex: 1 1 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.compare .compare-content .compare-list .compare-item .compare-sublist .compare-subitem .compare-subitem-btngroup .compare-subitem-btn {
  height: 28px;
  line-height: 26px;
  flex: 1 1 auto;
  margin: 0 5px;
  text-align: center;
  text-transform: uppercase;
  font-size: 15px;
  color: #ffb900;
}
.compare .compare-content .compare-list .compare-item .compare-sublist .compare-subitem .compare-subitem-btngroup .compare-subitem-btn:first-child,
.compare .compare-content .compare-list .compare-item .compare-sublist .compare-subitem .compare-subitem-btngroup .compare-subitem-btn:last-child {
  width: 28px;
  flex: 0 0 auto;
  margin: 0;
}
.compare .compare-content .compare-list .compare-item .compare-sublist .compare-subitem .compare-subitem-btngroup .compare-subitem-btn:hover {
  color: #34e6ff;
}
.compare .compare-content .compare-list .compare-item .compare-sublist .compare-subitem .compare-subitem-btngroup .compare-subitem-btn.compare-subitem-remove {
  background-color: #eba904;
  color: #000;
}
.compare .compare-content .compare-list .compare-item .compare-sublist .compare-subitem .compare-subitem-btngroup .compare-subitem-btn.compare-subitem-remove:hover {
  color: #fff;
}
/* 购物车 */
.cart {
  padding-top: 65px;
}
.cart .container {
  max-width: 1390px;
}
.cart .cart-board {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.cart .cart-board.toorder .cart-list {
  padding-top: 0;
}
.cart .cart-board.toorder .cart-static {
  margin-top: 0;
}
.cart .cart-board .cart-info-panel {
  flex: 1 1 auto;
  margin-right: 20px;
}
.cart .cart-board .cart-info-panel .cart-list {
  margin-right: 0;
}
.cart .cart-board .address-list {
  border: 1px solid #464646;
  border-top: 1px solid #eba904;
  margin-bottom: 20px;
  display: flex;
  flex-flow: column;
}
.cart .cart-board .address-list .address-list-header {
  color: #7d7d7d;
  border-bottom: 1px solid #464646;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 45px;
  padding: 0 15px;
  font-size: 16px;
}
.cart .cart-board .address-list .address-list-header a {
  color: #eba904;
}
.cart .cart-board .address-list .address-list-header a:hover {
  color: #fff;
}
.cart .cart-board .address-list .address-list-content {
  display: flex;
  flex-flow: column;
  padding: 5px 15px;
  min-height: 40px;
}
.cart .cart-board .address-list .address-list-content .address-list-item {
  padding: 5px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cart .cart-board .address-list .address-list-content .address-list-item label {
  flex: 1 1 auto;
  word-break: break-all;
}
.cart .cart-board .address-list .address-list-content .address-list-item span {
  display: inline-block;
  padding: 0 5px;
}
.cart .cart-board .address-list .address-list-content .address-list-item span.address-item-btn {
  padding: 5px 10px;
  background-color: #353331;
}
.cart .cart-board .address-list .address-list-content .address-list-item a {
  flex: 0 0 auto;
  color: #7d7d7d;
}
.cart .cart-board .address-list .address-list-content .address-list-item a:hover {
  color: #eba904;
}
.cart .cart-board .address-list .address-list-content .address-list-item i {
  font-size: 24px;
}
.cart .cart-board .address-info-content {
  padding: 10px;
}
.cart .cart-board .address-info-content .address-info-item {
  display: flex;
  align-items: center;
  padding: 10px 0;
}
.cart .cart-board .address-info-content .address-info-item .address-item-title {
  width: 100px;
  text-align: right;
  color: #7d7d7d;
  padding-right: 10px;
}
.cart .cart-board .address-info-content .address-info-item .address-item-content span {
  margin-right: 15px;
}
.cart .cart-board .cart-list {
  padding-top: 40px;
  position: relative;
  flex: 1 1 auto;
  margin-right: 20px;
}
.cart .cart-board .cart-list .cart-list-btns {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #464646;
  padding: 10px;
}
.cart .cart-board .cart-list .cart-list-item {
  position: relative;
  display: flex;
  align-items: stretch;
  padding: 5px 30px 5px 5px;
  margin-bottom: 20px;
  border: 1px solid #464646;
  border-top: 1px solid #eba904;
}
.cart .cart-board .cart-list .cart-list-item .cart-list-checkbox {
  display: flex;
  padding: 0 5px;
}
.cart .cart-board .cart-list .cart-list-item .cart-list-content {
  display: flex;
  flex: 1 1 auto;
}
.cart .cart-board .cart-list .cart-list-item .cart-list-content .cart-item-image {
  width: 200px;
  height: 200px;
  display: flex;
}
.cart .cart-board .cart-list .cart-list-item .cart-list-content .cart-item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-color: #fff;
  border: 1px solid #464646;
}
.cart .cart-board .cart-list .cart-list-item .cart-list-content .cart-list-panel {
  padding: 20px;
}
.cart .cart-board .cart-list .cart-list-item .cart-list-content .cart-list-panel .cart-list-title {
  font-size: 16px;
  height: 78px;
  overflow: hidden;
}
.cart .cart-board .cart-list .cart-list-item .cart-list-content .cart-list-panel .cart-list-title .sku-info {
  color: #7d7d7d;
  font-size: 12px;
}
.cart .cart-board .cart-list .cart-list-item .cart-list-content .cart-list-panel .cart-info-item {
  display: flex;
  margin-bottom: 10px;
}
.cart .cart-board .cart-list .cart-list-item .cart-list-content .cart-list-panel .cart-info-item .cart-info-title {
  color: #7d7d7d;
  padding-right: 10px;
}
.cart .cart-board .cart-list .cart-list-item .cart-list-price {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  flex-flow: column;
  width: 150px;
  color: #eba904;
  font-weight: bold;
}
.cart .cart-board .cart-list .cart-list-item .cart-list-price .ori-price {
  font-size: 12px;
  color: #7d7d7d;
  text-decoration: line-through;
}
.cart .cart-board .cart-list .cart-list-item .cart-list-oper {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 150px;
}
.cart .cart-board .cart-list .cart-list-item .cart-list-oper input {
  width: 85px;
  height: 52px;
  padding: 2px 10px;
}
.cart .cart-board .cart-list .cart-list-item .delete-btn {
  position: absolute;
  top: 20px;
  right: 20px;
  color: #7d7d7d;
}
.cart .cart-board .cart-list .cart-list-item .delete-btn:hover {
  color: #eba904;
}
.cart .cart-board .cart-static {
  width: 405px;
  flex: 0 0 auto;
  border: 1px solid #eba904;
  margin-top: 40px;
  padding: 25px;
}
.cart .cart-board .cart-static .cart-static-header {
  text-transform: uppercase;
  text-align: center;
  font-size: 18px;
  padding-bottom: 15px;
  border-bottom: 1px solid #464646;
}
.cart .cart-board .cart-static .cart-static-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #333;
  height: 60px;
  padding: 0 10px;
}
.cart .cart-board .cart-static .cart-static-item .cart-static-title {
  color: #fff;
  font-size: 16px;
  text-transform: uppercase;
}
.cart .cart-board .cart-static .cart-static-item .cart-static-content {
  color: #fff;
}
.cart .cart-board .cart-static .cart-static-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 56px;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 15px;
  border: 1px solid #464646;
}
.cart .cart-board .cart-static .cart-static-btn.checkout {
  background-color: #eba904;
  color: #000;
  border-color: #eba904;
}
.cart .cart-board .cart-static .cart-static-btn.checkout:hover {
  color: #fff;
}
/* 弹窗编辑页 */
.edit-layer-form {
  padding: 20px 40px;
  display: flex;
  flex-flow: wrap;
  background-color: #161615;
  border: 1px solid #eba904;
  color: #fff;
}
.edit-layer-form .edit-form-item {
  display: flex;
  align-items: flex-start;
  width: 50%;
  margin-bottom: 20px;
  line-height: 38px;
}
.edit-layer-form .edit-form-item:nth-of-type(even) {
  justify-content: flex-end;
}
.edit-layer-form .edit-form-item.full-item {
  width: 100%;
}
.edit-layer-form .edit-form-item.full-item .edit-form-content {
  flex: 1 1 auto;
}
.edit-layer-form .edit-form-item .edit-form-title {
  width: 80px;
  text-align: right;
  padding-right: 5px;
  color: #7d7d7d;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  line-height: 18px;
}
.edit-layer-form .edit-form-item .edit-form-content {
  display: flex;
  justify-content: center;
}
.edit-layer-form .edit-form-item .edit-form-content input {
  width: 270px;
  height: 38px;
  background: none;
  border: 1px solid #464646;
  color: #fff;
  padding: 2px 10px;
}
.edit-layer-form .edit-form-item .edit-form-content textarea {
  resize: none;
  width: 100%;
  background: none;
  border: 1px solid #464646;
  color: #fff;
  padding: 5px 10px;
}
.edit-layer-form .edit-form-item .edit-form-content select {
  width: 270px;
  height: 38px;
  background: none;
  border: 1px solid #464646;
  color: #fff;
  padding: 2px 10px;
}
.edit-layer-form .edit-form-item .edit-form-content select option {
  background: #161615;
}
.edit-layer-form .edit-form-item .edit-form-content .edit-item-btn {
  margin-left: 20px;
  color: #eba904;
  text-decoration: underline;
}
.edit-layer-form .edit-form-item .edit-form-content .edit-item-btn:hover {
  color: #34e6ff;
}
.edit-layer-form .edit-btn-item {
  width: 100%;
  justify-content: flex-end;
  margin-top: 20px;
}
.edit-layer-form .edit-btn-item .edit-form-btn {
  font-family: 'EurostileLTBold', 'Source Han Sans CN', '\601D\6E90\9ED1\4F53', '\5FAE\8F6F\96C5\9ED1', 'Microsoft Yahei', sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #eba904;
  color: #000000;
  width: 174px;
  height: 40px;
  font-size: 18px;
  margin-left: 15px;
  text-transform: uppercase;
  padding: 0 10px;
  font-weight: bold;
}
/* 忘记密码 */
.forgot {
  padding: 40px;
}
.forgot .forgot-title {
  font-family: 'EurostileLT', 'Source Han Sans CN', '\601D\6E90\9ED1\4F53', '\5FAE\8F6F\96C5\9ED1', 'Microsoft Yahei', sans-serif;
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  text-transform: uppercase;
  color: #0d0d0d;
  line-height: 1;
}
.forgot .forgot-tips {
  font-size: 14px;
  line-height: 25px;
}
.forgot .forgot-form {
  padding: 25px 0;
  margin-bottom: 1px;
}
.forgot .forgot-form .forgot-form-item {
  line-height: 30px;
  margin-bottom: 16px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.forgot .forgot-form .forgot-form-item:last-child {
  margin-bottom: 0;
}
.forgot .forgot-form .forgot-form-input {
  display: block;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border: 1px solid #f3f3f3;
  background-color: #f3f3f3;
  height: 46px;
  padding: 10px 15px;
  line-height: 26px;
  font-size: 14px;
}
.forgot .forgot-form .forgot-form-input:focus {
  border-color: #ffb900;
}
.forgot .forgot-form-btn {
  font-family: 'EurostileLT', 'Source Han Sans CN', '\601D\6E90\9ED1\4F53', '\5FAE\8F6F\96C5\9ED1', 'Microsoft Yahei', sans-serif;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: block;
  width: 100%;
  color: #fff;
  line-height: 46px;
  background-color: #ffb900;
  border: 2px solid #ffb900;
  text-align: center;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
}
/* 重置密码 */
.reset {
  padding-top: 65px;
}
.reset .container {
  max-width: 1390px;
}
.reset .reset-content {
  text-align: center;
  padding: 120px 0;
  font-size: 24px;
}
.reset .reset-form {
  width: 400px;
  padding: 100px 0;
  margin: 0 auto;
}
.reset .reset-form .reset-form-item {
  line-height: 50px;
  margin-bottom: 16px;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.reset .reset-form .reset-form-item .reset-form-input {
  flex: 1;
  border: 1px solid #e5e5e5;
  height: 50px;
  padding: 10px 25px;
  line-height: 30px;
  font-size: 18px;
}
.reset .reset-form .reset-form-btn {
  flex: 1;
  display: block;
  width: 100%;
  color: #fff;
  line-height: 50px;
  background-color: #eba904;
  text-align: center;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: bold;
}
/* 关于我们 */
.about {
  padding-top: 65px;
  width: 1920px;
}
.about .about-main .about-header {
  padding: 40px;
  background: url(/images/about_bg.jpg) top center no-repeat;
}
.about .about-main .about-header .about-header-title {
  color: #9e9e9e;
  display: flex;
  align-items: center;
  font-size: 18px;
  padding-top: 30px;
  font-weight: bold;
  text-transform: uppercase;
}
.about .about-main .about-header .about-header-title::before {
  content: "";
  display: block;
  width: 150px;
  height: 1px;
  background: #eba904;
  margin-right: 30px;
}
.about .about-main .about-header .about-title {
  padding: 30px 0 20px 180px;
  font-size: 60px;
  font-weight: bold;
  text-transform: uppercase;
}
.about .about-main .about-header .header-content {
  display: flex;
  justify-content: space-between;
}
.about .about-main .about-header .header-content .about-desc {
  padding: 0px 20px 0 180px;
  flex: 1 1 auto;
  white-space: pre-wrap;
}
.about .about-main .about-header .header-content .video-panel {
  padding-right: 40px;
  flex: 0 0 auto;
}
.about .about-main .about-header .header-content .video-panel .video-board {
  width: 1015px;
  height: 570px;
}
.about .about-main .about-content {
  overflow: hidden;
  text-align: center;
}
/* 快递信息路径 */
.trace-panel {
  padding: 20px;
  height: 100%;
  overflow-y: auto;
  background-color: #141412;
  color: #fff;
  border: 1px solid #ccc;
}
.trace-panel .trace-item {
  display: flex;
  border-bottom: 1px solid #333;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.trace-panel .trace-item > * {
  flex: 0 0 auto;
}
.trace-panel .trace-item .location {
  padding: 0 5px;
}
.trace-panel .trace-item .station {
  flex: 1 1 auto;
}
@media (max-width: 1920px) {
  .top-nav.normal {
    left: 0;
    margin-left: 0;
  }
}
/* 360度展示 */
.gallery-frame {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.gallery-frame iframe {
  width: 100%;
  height: 100%;
}