@import url("./animate.min.css");
@import url("./fontawesome.all.min.css");
@import url("../lib/bootstrap/bootstrap.min.css");
@import url("../fonts/bootstrap-icons.css");
@import url("./style.css");

* {
  box-sizing: border-box;
}

.clearfix {
  zoom: 1;
}

.clearfix::before, .clearfix::after {
  content: '';
  display: table;
  clear: both;
}

@font-face {
  font-family: 'iconfont';  /* project id 1282814 */
  src: url('//at.alicdn.com/t/font_1282814_n2b3g85sy2g.eot');
  src: url('//at.alicdn.com/t/font_1282814_n2b3g85sy2g.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_1282814_n2b3g85sy2g.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_1282814_n2b3g85sy2g.woff') format('woff'),
  url('//at.alicdn.com/t/font_1282814_n2b3g85sy2g.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_1282814_n2b3g85sy2g.svg#iconfont') format('svg');
}

.iconfont {
  width: 24px;
  height: 24px;
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {
  margin: 0;
  padding: 0;
  font-weight: normal;
}

body {
  /*background-color: #F5F5F6;*/
}

.header-nav {
  font-family: "Arial", "Microsoft YaHei", "OpenSansLight", "\5FAE\8F6F\96C5\9ED1", Verdana;
}

.header-nav .nav-no-hover {
  width: 100%;
  height: 80px;
  /*background: rgba(255, 255, 255, 0);*/
  padding-top: 0;
  padding-bottom: 0;
  line-height: 80px;
  font-size: 16px;
  justify-content: space-evenly;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 900;
}

.header-nav:hover .nav-no-hover {
  background: rgba(255, 255, 255, 1);
  opacity: 1;
}

.header-nav .nav-no-hover .nav-left {
  float: left;
  min-width: 10px;
  height: 80px;
  /*margin-left: 140px;*/
}

.header-nav .nav-no-hover .nav-right {
  float: left;
  min-width: 10px;
  height: 80px;
  padding-top: 22px;
}

.header-nav .nav-no-hover .nav-left .pc-navs {
  display: inline-block;
}

.header-nav .nav-no-hover .nav-left a {
  display: inline-block;
  height: 80px;
  margin-right: 20px;
  padding: 0 10px;
  vertical-align: top;
  text-decoration: none;
  color: #333;
  cursor: pointer
}

.header-nav .nav-no-hover .nav-left a.header-link .icon {
  display: inline-block;
  width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  vertical-align: top;
  margin-left: 0;
  margin-right: 2px;
  position: relative;
  top: 29px;
}

.header-nav .nav-no-hover .nav-left a.header-link .icon.homepage {
  background-image: url(../img/icon-header-homepage.png);
}

.header-nav .nav-no-hover .nav-left a.header-link .icon.product-center {
  background-image: url(../img/icon-header-product-center.png);
}

.header-nav .nav-no-hover .nav-left a.header-link .icon.resource-center {
  background-image: url(../img/icon-header-resource-center.png);
}

.header-nav .nav-no-hover .nav-left a.header-link .icon.service-center {
  background-image: url(../img/icon-header-service-center.png);
}

.header-nav .nav-no-hover .nav-left a.header-link .icon.about-us {
  background-image: url(../img/icon-header-about-us.png);
}

.header-nav .nav-no-hover .nav-left a.header-link .txt {
  display: inline-block;
  vertical-align: top;
  margin-left: 0;
  line-height: 80px;
  font-weight: 700;
  font-size: 18px;
  /*color: #A8A8A8;*/
  color: #888;
  position: relative;
}

.header-nav .nav-no-hover .nav-left a.header-link.active .icon.homepage,
.header-nav .nav-no-hover .nav-left a.header-link:hover .icon.homepage {
  /*background-image: url(../img/icon-header-homepage-active.png);*/
  background-image: url(../img/icon-header-homepage-red.png);
}

.header-nav .nav-no-hover .nav-left a.header-link.active .icon.product-center,
.header-nav .nav-no-hover .nav-left a.header-link:hover .icon.product-center {
  /*background-image: url(../img/icon-header-product-center-active.png);*/
  background-image: url(../img/icon-header-product-center-red.png);
}

.header-nav .nav-no-hover .nav-left a.header-link.active .icon.resource-center,
.header-nav .nav-no-hover .nav-left a.header-link:hover .icon.resource-center {
  /*background-image: url(../img/icon-header-resource-center-active.png);*/
  background-image: url(../img/icon-header-resource-center-red.png);
}

.header-nav .nav-no-hover .nav-left a.header-link.active .icon.service-center,
.header-nav .nav-no-hover .nav-left a.header-link:hover .icon.service-center {
  /*background-image: url(../img/icon-header-service-center-active.png);*/
  background-image: url(../img/icon-header-service-center-red.png);
}

.header-nav .nav-no-hover .nav-left a.header-link.active .icon.about-us,
.header-nav .nav-no-hover .nav-left a.header-link:hover .icon.about-us {
  /*background-image: url(../img/icon-header-about-us-active.png);*/
  background-image: url(../img/icon-header-about-us-red.png);
}

.header-nav .nav-no-hover .nav-left a.header-link.active .txt,
.header-nav .nav-no-hover .nav-left a.header-link:hover .txt {
  color: #C30008;
}

.header-nav .nav-no-hover .nav-left a.header-link .txt::after {
  content: '';
  width: 0;
  height: 2px;
  background: #C30008;
  position: absolute;
  bottom: 0px;
  left: 50%;
  transition: all 0.3s linear;
}

.header-nav .nav-no-hover .nav-left a.header-link.active .txt::after,
.header-nav .nav-no-hover .nav-left a.header-link:hover .txt::after {
  width: calc(100% + 25px);
  left: -25px;
}

.header-nav .nav-no-hover .nav-left a .logo-img {
  width: 160px;
}

.header-nav .nav-no-hover .nav-right form {
  float: left;
  min-width: 10px;
  height: 36px;
}

.header-nav .nav-no-hover .nav-right .search-box {
  box-sizing: border-box;
  float: left;
  width: 240px;
  height: 36px;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 4px;
  border: 1px solid #ccc;
  padding: 7px 15px;
  font-size: 0;
  position: relative;
}

.header-nav .nav-no-hover .nav-right .search-box .keyword-input {
  box-sizing: border-box;
  display: inline-block;
  width: calc(100% - 25px);
  height: 20px;
  background: transparent;
  border: 0;
  outline: 0;
  vertical-align: top;
  line-height: 20px;
  font-size: 14px;
  color: #333;
  position: relative;
}

.header-nav .nav-right .search-box .keyword-input::input-placeholder {
  color: #A8A8A8;
}

.header-nav .nav-right .search-box .search-input:focus-visible {
  outline: 0;
}

.header-nav .nav-right .search-box .btn-search {
  box-sizing: border-box;
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../img/icon-keyword-search.png) no-repeat center center;
  background-size: contain;
  vertical-align: top;
  border: 0;
  outline: 0;
  margin-left: 5px;
  padding: 0;
  position: relative;
}

.header-nav .nav-right .bonus-point-mall {
  box-sizing: border-box;
  float: left;
  min-width: 100px;
  height: 36px;
  margin-left: 20px;
  padding: 7px 0px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  position: relative;
  cursor: pointer;
}

.header-nav .nav-right .bonus-point-mall .icon {
  box-sizing: border-box;
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url(../img/icon-bonus-point.png) no-repeat center center;
  background-size: contain;
  margin-right: 5px;
  position: relative;
  top: -1px;
}

.header-nav .nav-right .bonus-point-mall .txt {
  display: inline-block;
  vertical-align: top;
  line-height: 22px;
  font-family: "Microsoft YaHei";
  font-weight: bold;
  font-size: 18px;
  color: #E81E28;
}

.header-nav .navbar .ms-auto {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
}

.header-nav .nav-no-hover .nav-right .login-and-register {
  float: left;
  min-width: 80px;
  height: 36px;
  padding: 0 20px;
  text-align: center;
  cursor: pointer;
}

.header-nav .nav-right .login-and-register a {
  float: left;
  min-width: 10px;
  height: 36px;
  padding: 0 10px;
  text-decoration: none;
  line-height: 36px;
  font-weight: 700;
  font-size: 18px;
  color: #333;
  position: relative;
}

.header-nav .nav-right .login-and-register a.active {
  color: #E81E28;
}

.header-nav .nav-right .login-and-register a + a::before {
  content: '';
  width: 2px;
  height: 24px;
  background: #666;
  position: absolute;
  top: 6px;
  left: 0px;
  z-index: 10;
}

.header-nav .nav-no-hover .nav-right .login-and-register span {
  vertical-align: top;
}

.header-nav .nav-no-hover .nav-right .user-wrap {
  float: left;
  width: 180px;
  height: 36px;
  /*background: #c38d73;*/
  line-height: 36px;
  font-size: 14px;
  color: #333;
  cursor: pointer;
  position: relative;
}

.header-nav .nav-no-hover .nav-right .user-wrap .username {
  box-sizing: border-box;
  float: left;
  width: calc(100% - 30px);
  height: 36px;
  padding-right: 3px;
  line-height: 36px;
  font-size: 16px;
  color: #333;
  text-align: right;
  cursor: pointer;
}

.header-nav .nav-no-hover .nav-right .user-wrap .fa-angle-down {
  box-sizing: border-box;
  float: right;
  width: 30px;
  height: 36px;
  /*background: #b45433;*/
  padding: 0 5px;
  line-height: 36px;
  font-size: 18px;
}

.header-nav:hover .nav-no-hover .nav-right .user-wrap .fa-angle-down {
  color: #666;
  cursor: pointer;
}

.header-nav .nav-no-hover .nav-right .user-wrap .user-menu {
  display: none;
  width: 160px;
  /* background: rgb(247, 247, 247); */
  background: #fff;
  position: absolute;
  top: 59px;
  right: 5px;
}

.header-nav .nav-no-hover .nav-right .user-wrap .user-menu > div {
  padding: 10px 10px;
  line-height: 30px;
  font-size: 16px;
  color: #333;
  cursor: pointer;
}

.header-nav .nav-no-hover .nav-right .user-wrap .user-menu > div:hover {
  background: #fff;
  color: #E81E28;
}

.header-nav .nav-no-hover .nav-right .user-wrap .user-menu .user-info a {
  text-decoration: none;
  color: #333;
}

.header-nav .nav-no-hover .nav-right .user-wrap .user-menu .user-info:hover a {
  text-decoration: none;
  color: #E81E28;
}

.header-nav .nav-no-hover .nav-right .language {
  box-sizing: border-box;
  float: left;
  /*display: inline-block;*/
  width: 36px;
  height: 36px;
  background: rgba(255, 255, 255, 0.4);
  border: 2px solid #333;
  border-radius: 4px;
  margin: 0px 20px;
  text-align: center;
  line-height: 32px;
  font-weight: 700;
  font-size: 18px;
  color: #333;
  cursor: pointer;
}

.nav-model {
  width: 100%;
  height: 160px;
  background: rgba(247, 247, 247, 1);
  box-shadow: 0px 1px 10px 0px rgba(0, 14, 21, 0.1);
  position: absolute;
  top: 80px;
  left: 0;
  z-index: 902;
  display: none;
  opacity: 0;
}

.nav-body {
  width: 100%;
  height: 160px;
  background: #f7f7f7;
  text-align: center;
  position: absolute;
  top: 80px;
  left: 0;
  z-index: 903;
}

.nav-body > a {
  box-sizing: border-box;
  display: inline-block;
  width: 120px;
  height: 160px;
}

.nav-body > a + a {
  margin-left: 25px;
}

.nav-body dl {
  opacity: 0;

}

.nav-products {
  opacity: 0;
  display: none;
  box-sizing: border-box;
  width: 100%;
  min-height: 490px;
  padding: 15px 50px;
  background: #fff;
  position: absolute;
  top: 80px;
  left: 0;
}

.nav-products .nav-products-ul {
  width: 100%;
  overflow: hidden;
  list-style: none;
}

.nav-products .nav-products-ul dl {
  box-sizing: border-box;
  float: left;
  width: 20%;
  padding: 14px 12px;
  position: relative;
  text-align: center;
}

.nav-products dl.fl-first {
  /*margin-left: 50px;*/
}

.nav-products dl a {
  display: block;
  width: 100%;
  overflow: hidden;
  position: relative;
  transition: box-shadow 0.3s;
  color: #000;
}

.nav-products dl a:hover {
  box-shadow: 0 5px 7px rgba(113, 113, 113, 0.35);
}

.nav-products dl a.new::after {
  content: '';
  width: 50px;
  height: 50px;
  background: url(../img/icon-new.png) no-repeat center center;
  background-size: contain;
  position: absolute;
  top: 2px;
  right: 2px;
}

.nav-products dl dd img {
  display: block;
  width: 100%;
  max-width: 100%;
  /*height: 100%;*/
  cursor: pointer;
}

.nav-products dl:hover img {
  opacity: .6;
}

.nav-products dl dd:nth-of-type(2) {
  text-align: center;
  position: absolute;
  bottom: 12px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}

.nav-products dl dd span,
.nav-deviceplus dl dd span {
  font-size: 14px;
  font-weight: normal;
  cursor: pointer;
  display: block;
}

.nav-products dl:hover span {
  color: #E81E28;
}

.nav-products dl.all-products-more {
  width: 120px;
  height: 210px;
  margin-left: .3rem;
  cursor: pointer;
}

.all-products-more dd {
  margin-top: 142px;
  height: 24px;
  line-height: 24px;
  text-align: left;
}

.all-products-more dd:hover {
  color: #E81E28;
}

/*.nav-resource {
  box-sizing: border-box;
  width: 120px;
  background: rgba(247, 247, 247, 1);
  position: absolute;
  top: 80px;
  left: 688px;
  z-index: 903;
  display: none;
  opacity: 0;
}*/

.nav-resource,
.nav-servicecenter,
.nav-aboutcenter {
  box-sizing: border-box;
  width: 100%;
  height: 76px; /* new */
  background: rgba(247, 247, 247, 1);
  box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.1);
  margin: auto;
  padding: 20px 10%;
  position: absolute;
  top: 80px;
  left: 0px;
  right: 0px;
  z-index: 903;
  display: none;
  opacity: 0;
  transition: .3s ease;
}

.nav-resource .second-nav,
.nav-servicecenter .second-nav,
.nav-aboutcenter .second-nav {
  float: none;
  width: auto;
  max-width: 1200px;
  height: 40px;
  margin: 0 auto;
  text-align: center;
  position: absolute;
}

.nav-resource .second-nav a,
.nav-servicecenter .second-nav a,
.nav-aboutcenter .second-nav a {
  display: inline-block;
  min-width: 50px;
  height: 40px;
  background-color: rgba(247, 247, 247, 1);
  vertical-align: top;
  padding: 0px 20px;
  text-decoration: none;
  line-height: 40px;
  font-weight: normal;
  font-size: 15px;
  color: #333;
  position: relative;
}

.nav-resource .second-nav a + a,
.nav-servicecenter .second-nav a + a,
.nav-aboutcenter .second-nav a + a {
  margin-left: 20px;
}

.nav-resource .second-nav a:hover,
.nav-servicecenter .second-nav a:hover,
.nav-aboutcenter .second-nav a:hover {
  border-bottom: 2px solid #E81E28;
  font-weight: 700;
  font-size: 16px;
  color: #E81E28;
}

.header-nav .btn-mobile-lang {
  width: 30px;
    height: 30px;
    background: rgba(255, 255, 255, 0.4);
    border: 1px solid #333;
    border-radius: 4px;
    margin-right: 10px;
    text-align: center;
    line-height: 30px;
    font-weight: 700;
    font-size: 18px;
    color: #333;
    cursor: pointer;
  position: absolute;
  top: 25px;
  right: 68px;
  z-index: 1500;
}

.header-nav .btn-mobile-menu {
  width: 30px;
  height: 30px;
  background: transparent;
  border: 0;
  outline: 0;
  cursor: pointer;
  position: absolute;
  top: 25px;
  right: 35px;
  z-index: 1500;
}

.header-nav .btn-mobile-menu span {
  display: block;
  width: 30px;
  height: 2px;
  background: #000;
  position: absolute;
  top: 50%;
  left: 0px;
  margin-top: -1px;
  transition: .2s ease;
}

.header-nav .btn-mobile-menu span::before {
  content: '';
  width: 30px;
  height: 2px;
  background: #000;
  border-radius: 3px;
  position: absolute;
  top: -8px;
  left: 0px;
  transition: transform .2s ease, top .2s ease;
}

.header-nav .btn-mobile-menu span::after {
  content: '';
  width: 30px;
  height: 2px;
  background: #000;
  border-radius: 3px;
  position: absolute;
  top: 8px;
  left: 0px;
  transition: transform .2s ease, top .2s ease;
}

.header-nav .btn-mobile-menu.open span {
  width: 0px;
}

.header-nav .btn-mobile-menu.open span::before {
  top: 0px;
  transform: rotate(45deg);
}

.header-nav .btn-mobile-menu.open span::after {
  top: 0px;
  transform: rotate(-45deg);
}


.prevent-scroll {
  height: 100%;
  overflow: hidden;
}

.module-adver-topper {
  position: relative;
  display: block;
  height: 80px;
}

.module-adver-topper .module-adver-topper-main {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}

.module-adver-topper .module-adver-topper-main .adver-container {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  background-repeat: no-repeat;
  background-position: 50%;
  background-color: rgba(0, 0, 0, .5);
}

.module-adver-topper .module-adver-topper-main .adver-close {
  position: absolute;
  right: 8px;
  top: 8px;
  z-index: 9;
  width: 16px;
  height: 16px;
  margin-left: 550px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAApUlEQVRYw+2WsQ6AIBBD7w8Y+EcT/VsHFxY+RXOJbII9bihGTNxs+4hQTkRkIb8TYAIMDhBCWGOMm9VYNap1AahBSmnPOR8WCP1WNaoFINrh5/2gECW86AAIzAiB6NGIZTUtw87w902IGDvCsWPYCnCG4z1QC3KG24roCcIZbm/CGkRn+McAqL+Augmpx5BaRNQqpl9G9OuYPpAMMZLNqXgC/ALgAqJqpb5IsrFvAAAAAElFTkSuQmCC) no-repeat 50%;
  background-size: contain;
  transition: .2s;
}

.layui-layer {
  max-width: 660px !important;
}

.u-flyer {
  display: block;
  width: 40px;
  height: 40px;
  position: fixed;
  z-index: 9999;
}

.page-product .layui-layer-title {
  background: #E81E28;
  text-indent: 60px;
  text-align: center;
  color: #fff;
}

.page-product .layui-layer-rim {
  border-color: transparent !important;
}

.page-product table.file-table {
  width: 90%;
  margin: 10px 5%;
}

.page-product table.file-table tr {
  height: 40px;
  border-bottom: 1px dotted #cccccc;
}

.page-product table.file-table tr td p {
  margin: 0;
}

.page-product .file-container .file-footer {
  text-align: center;
  height: 40px;
}

.page-product .file-container .file-footer .file-zip-btn {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  color: #ffffff;
  padding: 0 12px;
  background-color: #E81E28;
  border: 1px solid #E81E28;
  border-radius: 5px;
  cursor: pointer;
}

.page-product .btn-download-all {
  box-sizing: border-box;
  display: block;
  width: 100px;
  height: 30px;
  background: #E81E28;
  border-radius: 4px;
  border: 0;
  outline: 0;
  margin: 20px auto 10px;
  text-align: center;
  line-height: 30px;
  color: #fff;
}

.page-product .btn-download-all:hover {
  background: #EB6200;
}

.page-product .relIcon {
  float: right;
  width: 30px;
  padding-right: 10px;
  cursor: pointer;
  font-size: 20px;
}


.container {
  /*width: 1420px;*/
  max-width: 100%;
  margin: 0 auto;
  /*padding: 0;*/
}

.body-om {
  box-sizing: border-box;
  width: 100%;
  min-height: 100px;
  background-color: #F5F5F6;
  margin: 0 auto;
  padding: 0;
}

.new-swiper {
  width: 100%;
  height: 856px;
  position: relative;
}

.new-swiper .swiper-wrapper {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}

.new-swiper .swiper-wrapper .swiper-slide {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  /*padding-top: 44.5833333333333%;*/
}

.new-swiper .swiper-pagination {
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
  height: 5px;
  /*background-color: rgba(128, 204, 111, 0.37);*/
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 100;
}

.new-swiper .swiper-pagination .swiper-pagination-bullet {
  box-sizing: border-box;
  width: 60px;
  height: 4px;
  background: #F3F3F3;
  opacity: 1;
  border-radius: 0;
  vertical-align: top;
}

.new-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #E81E28;
  opacity: 1;
}


.om-swiper {
  box-sizing: border-box;
  width: 100%;
  /*height: 688px;*/
  height: 540px;
  position: relative;
}

.om-swiper .swiper-wrapper {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}

.om-swiper .swiper-wrapper .swiper-slide {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  /*padding: 160px 250px 0 250px;*/
  padding: 80px 5% 0 5%;
  position: relative;
}

.om-swiper .swiper-wrapper .swiper-slide:nth-of-type(1) {
  background-image: url(../img/omSwiperPic01.png);
}

.om-swiper .swiper-wrapper .swiper-slide .box {
  width: 1420px;
  height: 100%;
  margin: 0 auto;
  padding: 10px 0px 0px 0px;
  position: relative;
}

.om-swiper .swiper-wrapper .swiper-slide .box .title {
  box-sizing: border-box;
  width: 100%;
  height: 64px;
  margin-bottom: 30px;
  font-family: Microsoft YaHei;
  font-weight: 700;
  font-size: 48px;
  color: #333;
}

.om-swiper .swiper-wrapper .swiper-slide .box .title .em {
  color: #E81E28;
}

.om-swiper .swiper-wrapper .swiper-slide .box .desc {
  box-sizing: border-box;
  width: 515px;
  min-height: 20px;
  margin-bottom: 50px;
  line-height: 30px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 16px;
  color: #333;
}

.om-swiper .swiper-wrapper .swiper-slide .box .jump {
  box-sizing: border-box;
  display: block;
  width: 371px;
  height: 57px;
  background: linear-gradient(271deg, #FE883E 0%, #F21E2B 100%);
  padding-left: 30px;
  padding-right: 60px;
  line-height: 57px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 18px;
  color: #fff;
  cursor: pointer;
  position: relative;
}

.om-swiper .swiper-wrapper .swiper-slide .box .jump .arr-R {
  box-sizing: border-box;
  width: 17px;
  height: 17px;
  background: url(../img/icon-jump-arrow-right.png) no-repeat center center;
  background-size: contain;
  position: absolute;
  top: 20px;
  right: 40px;
  z-index: 10;
}

.om-swiper .swiper-pagination {
  box-sizing: border-box;
  display: inline-block;
  min-width: 100px;
  width: auto;
  height: 5px;
  /*background-color: rgba(128, 204, 111, 0.37);*/
  position: absolute;
  top: 400px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 100;
}

.om-swiper .swiper-pagination .swiper-pagination-bullet {
  box-sizing: border-box;
  width: 80px;
  height: 4px;
  background: #F3F3F3;
  opacity: 1;
  border-radius: 0;
  vertical-align: top;
}

.om-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #E81E28;
  opacity: 1;
}

.om-swiper .swiper-pagination .swiper-pagination-bullet:only-child {
  opacity: 0 !important;
}

.om-top {
  width: 100%;
  height: 80px;
  background-color: rgba(255, 255, 255, 0.4);
  padding: 0 100px;
  position: fixed;
  top: 0;
  z-index: 1000;
}

.body-login .om-top {
  background-color: rgba(255, 255, 255, 1) !important;
  position: static;
}

.om-top:hover {
  background-color: rgba(255, 255, 255, 1);
}

.om-top .navbar-brand {
  margin-left: 80px;
  margin-right: 60px;
}

.om-top .navbar-brand .logo {
  box-sizing: border-box;
  width: 211px;
  height: 34px;
  background: url(../img/logo-hongxingyang.png) no-repeat center center;
  background-size: contain;
  position: relative;
  top: 50%;
  margin-top: 17px;
  z-index: 10;
}

.om-top .navbar .navbar-nav {
  margin-right: 60px;
}

.om-top .navbar .navbar-nav .nav-link {
  flex: 0 0 auto;
  margin-right: 20px;
  padding: 0 10px;
  font-family: "Microsoft YaHei";
  font-weight: 600;
  font-size: 18px;
  /*color: #A8A8A8;*/
  color: #888;
  position: relative;
}

.om-top .navbar .navbar-nav .nav-link:hover,
.om-top .navbar .navbar-nav .nav-link.active {
  font-weight: 900;
  color: #333;
}

.om-top .navbar .navbar-nav .nav-link:hover::after,
.om-top .navbar .navbar-nav .nav-link.active::after {
  content: '';
  width: 100%;
  height: 3px;
  background-color: #E81E28;
  position: absolute;
  bottom: -26px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
}


.om-top .search-box {
  box-sizing: border-box;
  width: 240px;
  height: 36px;
  background: #fff;
  border-radius: 4px;
  border: 1px solid #C1C1C1;
  padding: 7px 15px;
  font-size: 0;
  position: relative;
}

.om-top .search-box .keyword-input {
  box-sizing: border-box;
  display: inline-block;
  width: calc(100% - 25px);
  height: 20px;
  border: 0;
  outline: 0;
  vertical-align: top;
  line-height: 20px;
  font-size: 14px;
  color: #333;
  position: relative;
}

.om-top .search-box .keyword-input::input-placeholder {
  color: #A8A8A8;
}


.om-top .navbar .search-box .keyword-icon {
  box-sizing: border-box;
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../img/icon-keyword-search.png) no-repeat center center;
  background-size: contain;
  vertical-align: top;
  border: 0;
  outline: 0;
  margin-left: 5px;
  padding: 0;
  position: relative;
}

.om-top .navbar .bonus-point-mall {
  box-sizing: border-box;
  min-width: 100px;
  height: 36px;
  margin-left: 20px;
  padding: 7px 0px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  position: relative;
  cursor: pointer;
}

.om-top .navbar .bonus-point-mall .icon {
  box-sizing: border-box;
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url(../img/icon-bonus-point.png) no-repeat center center;
  background-size: contain;
  margin-right: 5px;
  position: relative;
  top: -1px;
}

.om-top .navbar .bonus-point-mall .txt {
  display: inline-block;
  vertical-align: top;
  line-height: 22px;
  font-family: "Microsoft YaHei";
  font-weight: bold;
  font-size: 18px;
  color: #E81E28;
}

.om-top .navbar .ms-auto {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
}

.om-top .navbar .login-register {
  min-width: 100px;
  height: 36px;
  margin-left: 30px;
}

.om-top .navbar .login-register .txt {
  display: inline-block;
  vertical-align: top;
  line-height: 36px;
  font-weight: 700;
  font-size: 18px;
  color: #333;
  cursor: pointer;
  position: relative;
}

.om-top .navbar .login-register .txt.orange {
  color: #FF6B01;
}

.om-top .navbar .login-register .txt + .txt {
  margin-left: 15px;
}

.om-top .navbar .login-register .txt + .txt::before {
  content: '';
  width: 2px;
  height: 24px;
  background: #333;
  position: absolute;
  top: 7px;
  left: -10px;
  z-index: 10;
}

.om-top .navbar .language {
  box-sizing: border-box;
  display: inline-block;
  width: 36px;
  height: 36px;
  background: #fff;
  border: 2px solid #333;
  border-radius: 4px;
  margin-left: 50px;
  text-align: center;
  line-height: 32px;
  font-weight: 700;
  font-size: 18px;
  color: #333;
  cursor: pointer;
}

/* less than 1200px : start*/
.mobile-nav-box {
  width: 320px;
  height: 100%;
  background: #fff;
  box-shadow: 0 5px 10px rgba(0, 0, 0, .4);
  transform: perspective(450px) rotateY(-90deg);
  transform-origin: 0% 0%;
  transition: .4s ease;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 1100;
}

.mobile-nav-box-show {
  transform: perspective(450px) rotateY(0deg);
}

.search-btn {
  box-sizing: border-box;
  background: #333;
  margin: 0px;
  padding: 0px 20px;
  text-align: center;
  line-height: 56px;
  font-size: 16px;
  color: #fff;
  cursor: pointer;
}

.search-btn i {
  margin-left: 10px;
}

.mobile-meun-nav {
  overflow-y: scroll
}

.mobile-meun-nav ul {
}

.mobile-meun-nav ul li {
  border-bottom: 1px solid #f2f2f2;
}

.mobile-meun-nav ul li .tit {
  display: block;
  height: 56px;
  overflow: hidden;
  margin: 0px;
  padding: 0px 20px 0px 40px;
  letter-spacing: 1px;
  line-height: 56px;
  font-weight: normal;
  font-size: 16px;
  color: #A8A8A8;
  cursor: pointer;
  transition: .3s;
  position: relative;
}

.mobile-meun-nav ul li .tit::before {
  content: "";
  width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 12px;
  margin-top: -11px;
  transition: .3s;
}

.mobile-meun-nav ul li.li-homepage .tit::before {
  background-image: url(../img/icon-header-homepage.png);
}

.mobile-meun-nav ul li.li-product .tit::before {
  background-image: url(../img/icon-header-product-center.png);
}

.mobile-meun-nav ul li.li-resource .tit::before {
  background-image: url(../img/icon-header-resource-center.png);
}

.mobile-meun-nav ul li.li-service .tit::before {
  background-image: url(../img/icon-header-service-center.png);
}

.mobile-meun-nav ul li.li-about-us .tit::before {
  background-image: url(../img/icon-header-about-us.png);
}

.mobile-meun-nav ul li.li-cart .tit::before {
  background-image: url(../img/icon-header-cart.png);
}

.mobile-meun-nav ul li.li-person .tit::before {
  background-image: url(../img/icon-header-login.png);
}

.mobile-meun-nav ul li.li-homepage .tit.chose::before,
.mobile-meun-nav ul li.li-homepage .tit.active::before {
  /*background-image: url(../img/icon-header-homepage-active.png);*/
  background-image: url(../img/icon-header-homepage-red.png);
}

.mobile-meun-nav ul li.li-product .tit.chose::before,
.mobile-meun-nav ul li.li-product .tit.active::before {
  /*background-image: url(../img/icon-header-product-center-active.png);*/
  background-image: url(../img/icon-header-product-center-red.png);
}

.mobile-meun-nav ul li.li-resource .tit.chose::before,
.mobile-meun-nav ul li.li-resource .tit.active::before {
  /*background-image: url(../img/icon-header-resource-center-active.png);*/
  background-image: url(../img/icon-header-resource-center-red.png);
}

.mobile-meun-nav ul li.li-service .tit.chose::before,
.mobile-meun-nav ul li.li-service .tit.active::before {
  /*background-image: url(../img/icon-header-service-center-active.png);*/
  background-image: url(../img/icon-header-service-center-red.png);
}

.mobile-meun-nav ul li.li-about-us .tit.chose::before,
.mobile-meun-nav ul li.li-about-us .tit.active::before {
  /*background-image: url(../img/icon-header-about-us-active.png);*/
  background-image: url(../img/icon-header-about-us-red.png);
}

.mobile-meun-nav ul li.li-cart .tit.chose::before,
.mobile-meun-nav ul li.li-cart .tit.active::before {
  /*background-image: url(../img/icon-header-cart-active.png);*/
  background-image: url(../img/icon-header-cart-red.png);
}

.mobile-meun-nav ul li.li-person .tit.chose::before,
.mobile-meun-nav ul li.li-person .tit.active::before {
  /*background-image: url(../img/icon-header-login-active.png);*/
  background-image: url(../img/icon-header-login-red.png);
}

.mobile-meun-nav ul li .tit a {
  color: #A8A8A8;
}

.mobile-meun-nav ul li .tit:hover,
.mobile-meun-nav ul li .tit.chose,
.mobile-meun-nav ul li .tit.active {
  color: #C30008;
}

.mobile-meun-nav ul li .tit:hover a,
.mobile-meun-nav ul li .tit.chose a,
.mobile-meun-nav ul li .tit.active a {
  color: #C30008;
}


.mobile-meun-nav ul li .tit i {
  float: right;
  margin-top: 18px;
  font-size: 18px;
}

.mobile-meun-nav ul li .tit .first-page {
  /*color: #333;*/
  color: #A8A8A8;
}

.mobile-second-nav {
  display: none;
  margin-bottom: 0px;
}

.mobile-second-nav dd {
  border-top: 1px solid #f2f2f2;
}

.mobile-second-nav dd a {
  display: block;
  height: 56px;
  overflow: hidden;
  padding: 0px 10px 0px 45px;
  letter-spacing: 1px;
  line-height: 56px;
  font-size: 16px;
  color: #505050;
  cursor: pointer;
}

.mobile-second-nav dd a:hover,
.mobile-second-nav dd a.active {
  color: #C30008;
}

.mobile-out-link {
  margin-top: 30px;
  text-align: center;
}

.mobile-out-link a {
  display: inline-block;
  margin-left: 5px;
  cursor: pointer;
}

.mobile-out-link a:hover {
  opacity: .8;
}

.mobile-out-link img {
  width: 50px;
}

@media screen and (min-width: 1201px) {
  .header-nav .btn-mobile-menu {
    display: none;
  }
  .header-nav .btn-mobile-lang {
    display: none;
  }

  .mobile-nav-box {
    display: none;
  }
}

@media screen and (max-width: 1200px) {
  .new-swiper {
    height: 566px;
  }

  .header-nav .btn-mobile-menu {
    display: block;
  }
  .header-nav .btn-mobile-lang {
    display: block;
  }

  .header-nav .nav-no-hover .nav-left .header-link,
  .header-nav .nav-no-hover .nav-right,
  .header-nav .nav-model,
  .header-nav .nav-resource,
  .header-nav .nav-servicecenter,
  .header-nav .nav-aboutcenter,
  .om-sideway {
    display: none;
  }

  .header-nav .nav-no-hover {
    justify-content: flex-start;
  }

  .new-product-notice {
    width: 100%;
    padding: 10px 15px;
  }

}

@media screen and (max-width: 991px) {
  .new-swiper {
    height: 480px;
  }

  .mobile-meun-nav {
    width: 100%;
    position: absolute;
    top: 10px;
    bottom: 0px;
  }

  .mobile-out-link {
    position: absolute;
    top: 50%;
    right: 0px;
    margin-top: -105px;
    opacity: 0;
  }

  .mobile-meun-nav ul li .tit,
  .mobile-second-nav dd a {
    height: 50px;
    line-height: 50px;
  }

  .mobile-out-link a {
    display: block;
    margin: 10px 0px;
  }

  .mobile-nav-box-show .mobile-out-link {
    right: -80px;
    opacity: 1;
    transition: .3s .5s;
  }
}

@media screen and (max-width: 767px) {
  .new-swiper {
    height: 405px;
  }

  .mobile-nav-box {
    /*width: 250px;*/
  }

  .mobile-out-link a img {
    width: 55px;
  }
}


/* less than 1200px : end  */


.new-product-notice {
  width: 1420px;
  height: 51px;
  max-width: 100%;
  min-height: 10px;
  border-bottom: 1px solid #D9D9D9;
  margin: 0 auto 20px;
  padding: 10px 0;
  position: relative;
}

.new-product-notice .em {
  float: left;
  width: 130px;
  height: 30px;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  font-size: 16px;
  color: #333;
}

.new-product-notice .txt-scroll {
  float: left;
  width: calc(100% - 130px);
  height: 30px;
  padding: 0 10px;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 16px;
  color: #666;
}

.new-product-notice .txt-scroll .scrollbox {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  transition: all .2s;
}

.new-product-notice .txt-scroll .txt,
.new-product-notice .txt-scroll .txt-clone {
  display: inline;
  position: relative;
}

.new-product-notice .txt-scroll .txt .txt-a,
.new-product-notice .txt-scroll .txt-clone .txt-a {
  margin-right: 15px;
  color: #666;
}

.new-product-notice .txt-scroll .txt .txt-a:hover,
.new-product-notice .txt-scroll .txt-clone .txt-a:hover {
  color: #E81E28;
}


.copyright-wrap {
  width: 100%;
  background-color: #454545;
  padding: 15px 0;
  text-align: center;
  line-height: 20px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 16px;
  color: #fff;
}

.copyright-wrap p {
  margin: 0;
}

.om-product-category {
  width: 1420px;
  margin: 0 auto;
}

.om-product-category .container,
.om-news-center .container,
.om-video-resource .container {
  padding: 0;
}

.om-title {
  width: 100%;
  min-height: 40px;
  margin: 0 auto 40px;
  padding: 10px 0;
  position: relative;
}

.om-title::before {
  content: '';
  width: 211px;
  height: 13px;
  background: url(../img/icon-decoration.png) no-repeat center center;
  background-size: contain;
  position: absolute;
  bottom: 0;
  left: 0px;
  z-index: 1;
}

.om-title .caption {
  float: left;
  min-width: 100px;
  height: 40px;
  line-height: 40px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  font-size: 34px;
  color: #333;
  position: relative;
  z-index: 10;
}

.om-title .more {
  float: right;
  min-width: 50px;
  height: 40px;
  border: 1px solid #f3464a;
  border-radius: 20px;
  padding: 0px 15px;
  text-align: right;
  line-height: 40px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 16px;
  /* color: #A8A8A8; */
  color: #f3464a;
  cursor: pointer;
  position: relative;
  z-index: 10;
}

.om-title .more:hover {
  color: #E81E28;
}

.om-product-category .om-title + .row,
.om-video-resource .om-title + .row {
  padding: 10px 0 30px 0;
}

.pc-item {
  margin-bottom: 20px;
  position: relative;
}

.pc-item .inner-box {
  display: block;
  width: 100%;
  height: 420px;
  background: linear-gradient(180deg, #F3F3F5 0%, #EDEEF2 100%);
  border: 2px solid #fff;
  padding: 30px 30px 0 30px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  position: relative;
}

.pc-item .inner-box .img-wrap {
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 255px;
  overflow: hidden;
  position: absolute;
  bottom: 5px;
  left: 50%;
  margin-left: -50%;
  z-index: 10;
}

.pc-item .inner-box .img-wrap .pc-img {
  display: block;
  width: 100%;
  height: 100%;
  transition: transform 0.2s ease-in;
}

.pc-item .inner-box:hover .img-wrap .pc-img {
  transform: scale(1.03);
}


.pc-item .inner-box .title {
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  position: relative;
  z-index: 20;
}

.pc-item .inner-box .title .t-L {
  box-sizing: border-box;
  float: left;
  width: 80%;
  min-height: 40px;
  line-height: 40px;
  font-family: "Microsoft YaHei";
  font-weight: bold;
  font-size: 24px;
  color: #333;
  position: relative;
  z-index: 20;
}

.pc-item .inner-box .title .t-L::after {
  content: '';
  width: 100px;
  height: 4px;
  background: #E81E28;
  position: absolute;
  bottom: -25px;
  left: 0;
  z-index: 20;
}

.pc-item .inner-box .title .t-R {
  box-sizing: border-box;
  float: right;
  width: 40px;
  height: 40px;
  background: url(../img/icon-product-category-arrow-R.png) no-repeat center center;
  background-size: 30px 30px;
  position: relative;
  z-index: 20;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.pc-item .inner-box:hover .title .t-R {
  -webkit-animation-name: wobble-horizontal;
  animation-name: wobble-horizontal;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}


/* Wobble Horizontal */
@-webkit-keyframes wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }

  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }

  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }

  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }

  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }

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

@keyframes wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }

  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }

  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }

  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }

  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }

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

.om-white {
  width: 100%;
  min-height: 10px;
  background-color: #fff;
  margin: 0 auto;
  /*padding: 30px 0 50px 0;*/
  padding: 0px 0 50px 0;
}

.om-gray {
  width: 100%;
  min-height: 10px;
  background-color: #F5F5F6;
  margin: 0 auto;
  padding: 0 0 50px 0;
}

.om-white.mocking,
.om-gray.mocking {
  display: none;
}

.om-border {
  width: 1420px;
  min-height: 100px;
  background: #fff;
  /*box-shadow: 0px 8px 64px 1px rgba(0, 0, 0, 0.08);*/
  box-shadow: 0px 8px 64px 1px #F5F5F6;
  margin: 0 auto;
  padding: 30px 0;
}

.om-no-border {
  width: 1420px;
  min-height: 100px;
  background: #fff;
  /*box-shadow: 0px 8px 64px 1px rgba(0, 0, 0, 0.08);*/
  box-shadow: 0px 8px 64px 1px #F5F5F6;
  border: 0;
  margin: 0 auto;
  padding: 30px 0;
  margin-bottom: 30px;
}

.om-gray-center {
  width: 1420px;
  min-height: 100px;
  background: #F5F5F6;
  border: 0;
  margin: 0 auto;
  padding: 0px 0;
  position: relative;
}

.om-white-center {
  width: 1420px;
  min-height: 100px;
  background: #fff;
  border: 0;
  margin: 0 auto;
  padding: 30px 0;
  position: relative;
}

.om-news-center {
  width: 1420px;
  min-height: 10px;
  margin: 0 auto;
  padding: 0 0;
}

.om-video-resource {
  width: 1420px;
  min-height: 10px;
  margin: 0 auto 0px;
  padding: 10px 0 0px;
}

.om-nc-mobile {
  display: none;
}

.om-nc {
  width: 100%;
  min-height: 10px;
  border-bottom: 1px solid #D9D9D9;
  margin: 0px auto 30px;
  padding: 10px 0 40px;
}

.om-nc .nc-L {
  box-sizing: border-box;
  float: left;
  width: 462px;
  height: 536px;
  background: url(../img/bg-ncc-L.png) no-repeat center center;
  background-size: cover;
  position: relative;
}

.om-nc .nc-R {
  box-sizing: border-box;
  float: left;
  width: calc(100% - 480px);
  min-height: 500px;
  background-color: #fff;
  margin-left: 18px;
  position: relative;
}

.om-nc .nc-R .nc-RT,
.om-nc .nc-R .nc-RB {
  box-sizing: border-box;
  width: 100%;
  height: 260px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  position: relative;
}

.om-nc .nc-R .nc-RT {
  flex-direction: row-reverse;
  background-image: url(../img/bg-ncc-R-T.png);
  margin-bottom: 16px;
}

.om-nc .nc-R .nc-RB {
  background-image: url(../img/bg-ncc-R-B.png);
}

.om-nc .nc-L .img-a {
  display: block;
  width: 100%;
  height: 260px;
  margin: 0 auto;
  overflow: hidden;
  transition: all 0.3s ease-in;
  position: relative;
}

.om-nc .nc-L .img-a img {
  box-sizing: border-box;
  display: block;
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
  position: relative;
  transition: transform 0.2s ease-in;
}

.om-nc .nc-L:hover .img-a img {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}

.om-nc .nc-L .ncL-info {
  box-sizing: border-box;
  width: 100%;
  height: 276px;
  margin: 0 auto;
  padding: 30px 30px;
  position: relative;
}

.om-nc .nc-L .ncL-info .title {
  display: block;
  width: 100%;
  margin-bottom: 20px;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: bold;
  font-size: 18px;
  color: #333;
  cursor: pointer;
}

.om-nc .nc-L .ncL-info .date {
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 10px;
  line-height: 20px;
  font-family: "Microsoft YaHei";
  font-weight: bold;
  font-size: 14px;
  color: #333;
}

.om-nc .nc-L .ncL-info .desc {
  box-sizing: border-box;
  width: 100%;
  max-height: 90px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: bold;
  font-size: 16px;
  color: #666;
}

.om-nc .nc-L .ncL-info .look-detail {
  box-sizing: border-box;
  width: 136px;
  height: 40px;
  border: 1px solid #707070;
  text-align: center;
  line-height: 38px;
  font-family: "Microsoft YaHei";
  font-weight: bold;
  font-size: 12px;
  color: #666;
  position: absolute;
  left: 30px;
  bottom: 30px;
  z-index: 10;
}

.om-nc .nc-R .nc-RT .img-a,
.om-nc .nc-R .nc-RB .img-a {
  display: block;
  width: 462px;
  height: 260px;
  overflow: hidden;
  position: relative;
}

.om-nc .nc-R .nc-RT .img-a img,
.om-nc .nc-R .nc-RB .img-a img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
  transition: transform 0.2s ease-in;
}

.om-nc .nc-R .nc-RT:hover .img-a img,
.om-nc .nc-R .nc-RB:hover .img-a img {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}


.om-nc .nc-R .nc-RT .ncR-info,
.om-nc .nc-R .nc-RB .ncR-info {
  box-sizing: border-box;
  flex: 1;
  height: 100%;
  padding: 30px 30px;
  position: relative;
}

.om-nc .nc-R .ncR-info .title {
  box-sizing: border-box;
  display: block;
  width: 100%;
  margin-bottom: 20px;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: bold;
  font-size: 18px;
  color: #333;
  cursor: pointer;
}

.om-nc .nc-R .ncR-info .date {
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 10px;
  line-height: 20px;
  font-family: "Microsoft YaHei";
  font-weight: bold;
  font-size: 14px;
  color: #333;
}

.om-nc .nc-R .ncR-info .desc {
  box-sizing: border-box;
  width: 100%;
  max-height: 90px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: bold;
  font-size: 16px;
  color: #666;
}

.om-nc .nc-R .ncR-info .look-detail {
  box-sizing: border-box;
  width: 136px;
  height: 40px;
  border: 1px solid #707070;
  text-align: center;
  line-height: 38px;
  font-family: "Microsoft YaHei";
  font-weight: bold;
  font-size: 12px;
  color: #666;
  position: absolute;
  left: 30px;
  bottom: 30px;
  z-index: 10;
}

.om-nc .nc-L .ncL-info .date .icon-calendar,
.om-nc .nc-R .ncR-info .date .icon-calendar {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../img/icon-nc-calender.png) no-repeat center center;
  background-size: contain;
  vertical-align: top;
  position: relative;
  top: -1px;
}

.news-box {
  display: block;
  width: 100%;
  min-height: 100px;
  background-color: #fff;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  position: relative;
}

.om-new-center .col-lg-4:nth-of-type(odd) .news-box {
  justify-content: flex-start;
}

.om-new-center .col-lg-4:nth-of-type(even) .news-box {
  justify-content: flex-end;
}

.news-box a {
  display: block;
  width: 100%;
  height: 260px;
  position: relative;
}

.news-box a .img-wrap {
  display: block;
  width: 100%;
  height: 260px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}

.news-box a .img-wrap img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
  position: relative;
  transition: transform 0.2s ease-in;
}


.news-box:hover a .img-wrap img {
  transform: scale(1.03);
}

.news-box a .nb-title {
  width: 100%;
  height: 65px;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 100;
}

.news-box a .nb-title .inner {
  display: block;
  width: 100%;
  min-height: 20px;
  padding: 0 15px;
  line-height: 20px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  font-size: 18px;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 20;
}

.news-box .news-info {
  width: 100%;
  height: 140px;
  /*background-color: rgba(255, 0, 0, 0.29);*/
  margin: 0 auto;
  padding: 10px 10px;
  position: relative;
}

.news-box .news-info .title {
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 50px;
  margin-bottom: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 25px;
  font-family: "Microsoft YaHei";
  font-weight: bold;
  font-size: 18px;
  color: #333;
}

.news-box .news-info .date {
  box-sizing: border-box;
  width: 100%;
  height: 20px;
  margin-bottom: 5px;
  line-height: 20px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 14px;
  color: #333;
}

.news-box .news-info .date .icon-calendar {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../img/icon-nc-calender.png) no-repeat center center;
  background-size: contain;
  vertical-align: top;
  position: relative;
  top: -1px;
}

.news-box .news-info .desc {
  box-sizing: border-box;
  width: 100%;
  max-height: 90px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-size: 16px;
  color: #666;
}

.news-box .news-info .look-detail {
  box-sizing: border-box;
  width: 136px;
  height: 40px;
  border: 1px solid #707070;
  text-align: center;
  line-height: 38px;
  font-family: "Microsoft YaHei";
  font-weight: bold;
  font-size: 12px;
  color: #666;
  position: absolute;
  left: 30px;
  bottom: 30px;
  z-index: 10;
}

.news-gap {
  width: 100%;
  height: 40px;
  border-bottom: 1px solid #D9D9D9;
  margin: 0 auto 40px;
}

.vr-item {
  display: block;
  width: 100%;
  height: 296px;
  background: linear-gradient(180deg, #EEEFF3 0%, #EDEEF2 100%);
  border: 1px solid #DFDFDF;
  overflow: hidden;
  margin-bottom: 20px;
  position: relative;
}

.vr-item .img-wrap {
  display: block;
  width: 100%;
  height: 226px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}

.vr-item .img-wrap img {
  display: block;
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
  position: relative;
  transition: transform 0.2s ease-in;
}

.vr-item:hover .img-wrap img {
  transform: scale(1.03);
}

.vr-item .play {
  box-sizing: border-box;
  width: 80px;
  height: 80px;
  background: url(../img/icon-video-play.png) no-repeat center center;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 20;
}

.vr-item .title {
  box-sizing: border-box;
  width: 100%;
  height: 65px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
}

.vr-item .title .inner {
  width: 100%;
  padding: 0 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-align: center;
  line-height: 20px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 17px;
  color: #333;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 100;
}

.banner-shortcut {
  box-sizing: border-box;
  width: 1420px;
  height: 148px;
  background: #fff;
  box-shadow: 0px 8px 64px 1px rgba(0, 0, 0, 0.08);
  margin: 10px auto 20px;
  position: relative;
}

.banner-shortcut .bs {
  box-sizing: border-box;
  float: left;
  width: 33%;
  height: 148px;
  padding: 30px 30px 0 30px;
  position: relative;
}

.banner-shortcut .bs + .bs::after {
  content: '';
  width: 1px;
  height: 100%;
  background-color: #EDEDED;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}

.banner-shortcut .bs .title {
  box-sizing: border-box;
  width: 100%;
  height: 30px;
  margin-bottom: 20px;
  position: relative;
}

.banner-shortcut .bs .title .txt {
  box-sizing: border-box;
  float: left;
  min-width: 10px;
  height: 30px;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  font-size: 18px;
  color: #333;
}

.banner-shortcut .bs .title .arr-R {
  box-sizing: border-box;
  float: right;
  width: 20px;
  height: 30px;
  background: url(../img/icon-banner-shortcut-arrow-R.png) no-repeat center center;
  background-size: 17px 17px;
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.banner-shortcut .bs:hover .title .arr-R {
  -webkit-animation-name: wobble-horizontal;
  animation-name: wobble-horizontal;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.banner-shortcut .bs .desc {
  box-sizing: border-box;
  width: 100%;
  height: 30px;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 18px;
  color: #A8A8A8;
}

.product-notice {
  box-sizing: border-box;
  width: 1420px;
  min-height: 40px;
  margin: 0px auto 40px;
}

.product-notice .icon {
  box-sizing: border-box;
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url(../img/icon-product-notice.png) no-repeat center center;
  background-size: 34px 34px;
  vertical-align: top;
  margin-right: 20px;
}

.product-notice .caption {
  box-sizing: border-box;
  display: inline-block;
  min-width: 40px;
  height: 40px;
  vertical-align: top;;
  margin-right: 8px;
  line-height: 40px;
  font-family: "Microsoft YaHei";
  font-weight: bold;
  font-size: 18px;
  color: #333;
}

.product-notice .br {
  display: none;
}

.product-notice .notice {
  display: inline-block;
  height: 40px;
  vertical-align: top;
  line-height: 40px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 16px;
  color: #333;
}

.recommend-product {
  box-sizing: border-box;
  width: 1420px;
  min-height: 300px;
  border-top: 1px solid #D9D9D9;
  border-bottom: 1px solid #D9D9D9;
  margin: 0 auto;
  padding: 50px 0 30px;
}

.recommend-product .rp-title {
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  margin-bottom: 40px;
  position: relative;
}

.recommend-product .rp-title::after {
  content: '';
  width: 211px;
  height: 13px;
  background: url(../img/icon-decoration.png) no-repeat center center;
  background-size: contain;
  position: absolute;
  bottom: 0;
  left: 60px;
  z-index: 1;
}

.recommend-product .rp-title .icon {
  box-sizing: border-box;
  float: left;
  width: 40px;
  height: 40px;
  background: url(../img/icon-recommend-product.png) no-repeat center center;
  background-size: 34px 34px;
  margin-right: 20px;
  position: relative;
  z-index: 100;
}

.recommend-product .rp-title .txt {
  box-sizing: border-box;
  float: left;
  min-width: 10px;
  height: 40px;
  line-height: 40px;
  font-family: "Microsoft YaHei";
  font-weight: bold;
  font-size: 34px;
  color: #333;
  position: relative;
  z-index: 100;
}

.recommend-product .rp-title .btn-wrap {
  box-sizing: border-box;
  float: right;
  width: 100px;
  height: 40px;
  padding: 2px 4px;
  font-size: 0;
  position: relative;
}

.recommend-product .rp-title .btn-wrap .btn {
  box-sizing: border-box;
  display: inline-block;
  width: 36px;
  height: 36px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  vertical-align: top;
  box-shadow: none;
}

.recommend-product .rp-title .btn-wrap .btn + .btn {
  margin-left: 20px;
}

.recommend-product .rp-title .btn-wrap .btn.btn-rp-L {
  background-image: url(../img/icon-rp-arrow-L.png);
}

.recommend-product .rp-title .btn-wrap .btn.btn-rp-R {
  background-image: url(../img/icon-rp-arrow-R.png);
}

.recommend-product .rp-content {
  box-sizing: border-box;
  width: 100%;
  height: 296px;
  position: relative;
}

.recommend-product .rp-content .rp-L,
.recommend-product .rp-content .rp-R {
  box-sizing: border-box;
  float: left;
  width: 200px;
  height: 296px;
  background-color: rgba(238, 255, 0, 0.09);
  background-image: url(../img/bg-recommend-product-ad.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  padding: 50px 30px 0 30px;
  position: relative;
}

.recommend-product .rp-content .rp-M {
  box-sizing: border-box;
  float: left;
  width: calc(100% - 440px);
  height: 296px;
  /*background-color: rgba(0, 255, 89, 0.25);*/
  margin: 0 20px;
  position: relative;
}

.recommend-product .rp-content .rp-L .hot-product,
.recommend-product .rp-content .rp-R .hot-product {
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  margin-bottom: 20px;
  font-size: 0;
}

.recommend-product .rp-content .rp-L .hot-product .bordered,
.recommend-product .rp-content .rp-R .hot-product .bordered {
  display: inline-block;
  border-bottom: 3px solid #fff;
  padding-bottom: 15px;
  line-height: 20px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  font-size: 18px;
  color: #fff;
}

.recommend-product .rp-content .rp-L .limited-buy,
.recommend-product .rp-content .rp-R .limited-buy {
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  margin-bottom: 20px;
  text-align: center;
  line-height: 40px;
  font-family: "Microsoft YaHei";
  font-weight: bold;
  font-size: 32px;
  color: #fff;
}

.recommend-product .rp-content .rp-L .click-enter,
.recommend-product .rp-content .rp-R .click-enter {
  box-sizing: border-box;
  width: calc(100% - 60px);
  height: 46px;
  background: #292929;
  padding-left: 20px;
  text-align: left;
  line-height: 46px;
  font-family: "Microsoft YaHei";
  font-weight: bold;
  font-size: 18px;
  color: #fff;
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
}

.recommend-product .rp-content .rp-L .click-enter::after,
.recommend-product .rp-content .rp-R .click-enter::after {
  content: '';
  width: 9px;
  height: 11px;
  background: url(../img/icon-click-enter.png) no-repeat center center;
  background-size: contain;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
}

.recommend-product .rp-content .rp-M .swiper-wrapper {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}

.recommend-product .rp-content .rp-M .swiper-wrapper .swiper-slide {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
}

.recommend-product .rp-content .rp-M .swiper-wrapper .swiper-slide .box {
  box-sizing: border-box;
  flex: 0 0 auto;
  width: calc(33.33333333% - 13.333333px);
  height: 100%;
  background: linear-gradient(180deg, #F4F4F6 0%, #F3F3F5 100%);
  border: 1px solid #DFDFDF;
  padding: 30px 30px 0 30px;
  position: relative;
}

.recommend-product .rp-content .rp-M .swiper-wrapper .swiper-slide .box + .box {
  margin-left: 20px;
}

.recommend-product .rp-content .rp-M .swiper-wrapper .swiper-slide .box .title {
  box-sizing: border-box;
  width: 100%;
  height: 30px;
  text-align: center;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  font-size: 18px;
  color: #333;
  position: relative;
  z-index: 20;
}

.recommend-product .rp-content .rp-M .swiper-wrapper .swiper-slide .box img {
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 1px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
}

.ad-bar {
  box-sizing: border-box;
  width: 1420px;
  height: 231px;
  margin: 0px auto 20px;
}

.ad-bar img {
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: auto;
}

.bg-product-category {
  box-sizing: border-box;
  width: 100%;
  min-height: 1270px;
  background: #F5F5F6 url(../img/bg-product-category.png) no-repeat center center;
  background-size: cover;
  margin: 0 auto 50px;
}

.product-category {
  box-sizing: border-box;
  width: 1420px;
  min-height: 10px;
  margin: 0 auto;
}

.product-category .pc-title {
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  margin-bottom: 40px;
  position: relative;
}

.product-category .pc-title::after {
  content: '';
  width: 211px;
  height: 13px;
  background: url(../img/icon-decoration.png) no-repeat center center;
  background-size: contain;
  position: absolute;
  bottom: 0;
  left: 60px;
  z-index: 1;
}

.product-category .pc-title .icon {
  box-sizing: border-box;
  float: left;
  width: 40px;
  height: 40px;
  background: url(../img/icon-product-category.png) no-repeat center center;
  background-size: 34px 34px;
  margin-right: 20px;
  position: relative;
  z-index: 100;
}

.product-category .pc-title .txt {
  box-sizing: border-box;
  float: left;
  min-width: 10px;
  height: 40px;
  line-height: 40px;
  font-family: "Microsoft YaHei";
  font-weight: bold;
  font-size: 34px;
  color: #333;
  position: relative;
  z-index: 100;
}

.product-category .pc-title .btn-more {
  box-sizing: border-box;
  float: right;
  width: 100px;
  height: 40px;
  padding: 0px 5px;
  text-align: center;
  line-height: 40px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 18px;
  color: #A8A8A8;
  cursor: pointer;
  position: relative;
}

.product-category .pc-content {
  box-sizing: border-box;
  width: 100%;
  min-height: 10px;
  margin: 0 auto;
}

.product-category .pc-content .pc-item {
  box-sizing: border-box;
  float: left;
  width: calc(33.333333% - 13.333333px);
  height: 419px;
  background: linear-gradient(180deg, #F3F3F5 0%, #EDEEF2 100%);
  border: 2px solid #fff;
  margin: 0 20px 20px 0;
  padding: 30px 30px 0 30px;
  position: relative;
}

.product-category .pc-content .pc-item:nth-of-type(3n) {
  margin-right: 0;
}

.product-category .pc-content .pc-item .title {
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  position: relative;
  z-index: 20;
}

.product-category .pc-content .pc-item .title .t-L {
  box-sizing: border-box;
  float: left;
  width: 80%;
  height: 40px;
  line-height: 40px;
  font-family: "Microsoft YaHei";
  font-weight: bold;
  font-size: 30px;
  color: #333;
  position: relative;
}

.product-category .pc-content .pc-item .title .t-L::after {
  content: '';
  width: 100px;
  height: 4px;
  background: #FF6B01;
  position: absolute;
  bottom: -15px;
  left: 0;
  z-index: 10;
}

.product-category .pc-content .pc-item .title .t-R {
  box-sizing: border-box;
  float: right;
  width: 40px;
  height: 40px;
  background: url(../img/icon-product-category-arrow-R.png) no-repeat center center;
  background-size: 30px 30px;
}

.product-category .pc-img {
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
}

.bg-news-center {
  box-sizing: border-box;
  width: 100%;
  min-height: 100px;
  background-color: #fff;
  margin: 50px auto 50px;
  padding: 40px 0;
}

.news-center {
  box-sizing: border-box;
  width: 1420px;
  min-height: 10px;
  margin: 0 auto;
  position: relative;
}

.news-center .nc-title {
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  margin-bottom: 40px;
  position: relative;
}

.news-center .nc-title::after {
  content: '';
  width: 211px;
  height: 13px;
  background: url(../img/icon-decoration.png) no-repeat center center;
  background-size: contain;
  position: absolute;
  bottom: 0;
  left: 60px;
  z-index: 1;
}

.news-center .nc-title .icon {
  box-sizing: border-box;
  float: left;
  width: 40px;
  height: 40px;
  background: url(../img/icon-news-center.png) no-repeat center center;
  background-size: 34px 34px;
  margin-right: 20px;
  position: relative;
  z-index: 100;
}

.news-center .nc-title .txt {
  box-sizing: border-box;
  float: left;
  min-width: 10px;
  height: 40px;
  line-height: 40px;
  font-family: "Microsoft YaHei";
  font-weight: bold;
  font-size: 34px;
  color: #333;
  position: relative;
  z-index: 100;
}

.news-center .nc-title .btn-more {
  box-sizing: border-box;
  float: right;
  width: 100px;
  height: 40px;
  padding: 0px 5px;
  text-align: center;
  line-height: 40px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 18px;
  color: #A8A8A8;
  cursor: pointer;
  position: relative;
}

.news-center .nc-content {
  box-sizing: border-box;
  width: 100%;
  min-height: 10px;
  margin: 0 auto 40px;
}

.news-center .nc-content .ncc-L {
  box-sizing: border-box;
  float: left;
  width: 462px;
  height: 536px;
  background: url(../img/bg-ncc-L.png) no-repeat center center;
  background-size: cover;
  position: relative;
}

.news-center .nc-content .ncc-R {
  box-sizing: border-box;
  float: left;
  width: calc(100% - 480px);
  min-height: 500px;
  background-color: #fff;
  margin-left: 18px;
  position: relative;
}

.news-center .nc-content .ncc-R .ncc-R-T,
.news-center .nc-content .ncc-R .ncc-R-B {
  box-sizing: border-box;
  width: 100%;
  height: 260px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  position: relative;
}

.news-center .nc-content .ncc-R .ncc-R-T {
  flex-direction: row-reverse;
  background-image: url(../img/bg-ncc-R-T.png);
  margin-bottom: 16px;
}

.news-center .nc-content .ncc-R .ncc-R-B {
  background-image: url(../img/bg-ncc-R-B.png);
}

.news-center .nc-content .ncc-L img {
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 260px;
  margin: 0 auto;
  position: relative;
}

.news-center .nc-content .ncc-L .nccL-info {
  box-sizing: border-box;
  width: 100%;
  height: 276px;
  margin: 0 auto;
  padding: 30px 30px;
  position: relative;
}

.news-center .nc-content .ncc-L .nccL-info .title {
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 20px;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: bold;
  font-size: 18px;
  color: #333;
}

.news-center .nc-content .ncc-L .nccL-info .desc {
  box-sizing: border-box;
  width: 100%;
  max-height: 90px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: bold;
  font-size: 16px;
  color: #666;
}

.news-center .nc-content .ncc-L .nccL-info .look-detail {
  box-sizing: border-box;
  width: 136px;
  height: 40px;
  border: 1px solid #707070;
  text-align: center;
  line-height: 38px;
  font-family: "Microsoft YaHei";
  font-weight: bold;
  font-size: 12px;
  color: #666;
  position: absolute;
  left: 30px;
  bottom: 30px;
  z-index: 10;
}

.news-center .nc-content .ncc-R .ncc-R-T img {
  box-sizing: border-box;
  width: 462px;
  height: 260px;
}


.news-center .nc-content .ncc-R .ncc-R-T .nccR-info,
.news-center .nc-content .ncc-R .ncc-R-B .nccR-info {
  box-sizing: border-box;
  flex: 1;
  height: 100%;
  padding: 30px 30px;
  position: relative;
}

.news-center .nc-content .ncc-R .nccR-info .title {
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 20px;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: bold;
  font-size: 18px;
  color: #333;
}

.news-center .nc-content .ncc-R .nccR-info .desc {
  box-sizing: border-box;
  width: 100%;
  max-height: 90px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: bold;
  font-size: 16px;
  color: #666;
}

.news-center .nc-content .ncc-R .nccR-info .look-detail {
  box-sizing: border-box;
  width: 136px;
  height: 40px;
  border: 1px solid #707070;
  text-align: center;
  line-height: 38px;
  font-family: "Microsoft YaHei";
  font-weight: bold;
  font-size: 12px;
  color: #666;
  position: absolute;
  left: 30px;
  bottom: 30px;
  z-index: 10;
}


.video-resources {
  box-sizing: border-box;
  width: 1420px;
  min-height: 10px;
  border-top: 1px solid #D9D9D9;
  margin: 0 auto;
  padding: 40px 0 20px;
  position: relative;
}

.video-resources .vr-title {
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  margin-bottom: 40px;
  position: relative;
}

.video-resources .vr-title::after {
  content: '';
  width: 211px;
  height: 13px;
  background: url(../img/icon-decoration.png) no-repeat center center;
  background-size: contain;
  position: absolute;
  bottom: 0;
  left: 60px;
  z-index: 1;
}

.video-resources .vr-title .icon {
  box-sizing: border-box;
  float: left;
  width: 40px;
  height: 40px;
  background: url(../img/icon-video-resources.png) no-repeat center center;
  background-size: 34px 34px;
  margin-right: 20px;
  position: relative;
  z-index: 100;
}

.video-resources .vr-title .txt {
  box-sizing: border-box;
  float: left;
  min-width: 10px;
  height: 40px;
  line-height: 40px;
  font-family: "Microsoft YaHei";
  font-weight: bold;
  font-size: 34px;
  color: #333;
  position: relative;
  z-index: 100;
}

.video-resources .vr-title .btn-more {
  box-sizing: border-box;
  float: right;
  width: 100px;
  height: 40px;
  padding: 0px 5px;
  text-align: center;
  line-height: 40px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 18px;
  color: #A8A8A8;
  cursor: pointer;
  position: relative;
}

.vr-content {
  box-sizing: border-box;
  width: 100%;
  min-height: 10px;
  margin: 0 auto 0;
}

.vr-content .vr-item {
  box-sizing: border-box;
  float: left;
  width: calc(25% - 15px);
  height: 296px;
  background: linear-gradient(180deg, #EEEFF3 0%, #EDEEF2 100%);
  border: 1px solid #DFDFDF;
  margin-right: 20px;
  margin-bottom: 20px;
  position: relative;
}

.vr-content .vr-item:nth-of-type(4n) {
  margin-right: 0;
}

.vr-content .vr-item .title {
  box-sizing: border-box;
  width: 100%;
  height: 30px;
  padding: 0 5px;
  text-align: center;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: bold;
  font-size: 18px;
  color: #333;
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 100;
}

.vr-content .vr-item .video {
  box-sizing: border-box;
  width: 100%;
  height: 296px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
}

.vr-content .vr-item .play {
  box-sizing: border-box;
  width: 80px;
  height: 80px;
  background: url(../img/icon-video-play.png) no-repeat center center;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 20;
}

.om-footer {
  box-sizing: border-box;
  width: 100%;
  min-height: 280px;
  background: #eee url(../img/bg-om-footer.png) no-repeat center center;
  background-size: cover;
  position: relative;
}

.om-footer .footer-body {
  box-sizing: border-box;
  width: 1420px;
  min-height: 100px;
  margin: 0 auto;
  padding: 40px 0 10px;
}

.om-footer .footer-body .footer-logo {
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  background: url(../img/logo-footer.png) no-repeat left center;
  background-size: 240px 39px;
  margin-bottom: 40px;
}

.om-footer .footer-body .footer-links {
  box-sizing: border-box;
  width: 100%;
  min-height: 170px;
}

.om-footer .footer-body .footer-links .fl-L {
  float: left;
  width: calc(65% - 156px);
  min-height: 150px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.om-footer .footer-body .footer-links .fl-M {
  float: left;
  width: calc(35% - 124px);
  min-height: 150px;
  /*margin-right: 15px;*/
  padding: 0px 30px 0px 0px;
  list-style: none;
}

.om-footer .footer-body .footer-links .fl-R {
  float: left;
  width: 260px;
  min-height: 150px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.om-footer .footer-body .footer-links .fl-L .fl-li {
  float: left;
  width: 25%;
}

.om-footer .footer-body .footer-links .fl-L .fl-li .type {
  width: 100%;
  margin-bottom: 30px;
  line-height: 40px;
  font-family: "Microsoft YaHei";
  font-weight: bold;
  font-size: 18px;
  color: #333;
}

.om-footer .footer-body .footer-links .fl-L .fl-li .desc {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

.om-footer .footer-body .footer-links .fl-L .fl-li .desc li {
  width: 100%;
  margin-bottom: 5px;
  line-height: 20px;
  height: 40px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 16px;
  color: #333;
}

.om-footer .footer-body .footer-links .fl-L .fl-li .desc li > a {
  color: #333;
}

.om-footer .footer-body .footer-links .fl-M .fm-li {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}

.om-footer .footer-body .footer-links .fl-M .fm-li .type {
  width: 100%;
  margin-bottom: 30px;
  line-height: 40px;
  font-family: "Microsoft YaHei";
  font-weight: bold;
  font-size: 18px;
  color: #333;
}

.om-footer .footer-body .footer-links .fl-M .fm-li .desc {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

.om-footer .footer-body .footer-links .fl-M .fm-li .desc li {
  width: 100%;
  margin-bottom: 25px;
  line-height: 20px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 16px;
  color: #333;
}

.om-footer .footer-body .footer-links .fl-M .fm-li .desc li:nth-of-type(2){
  margin-bottom: 10px;
}

.om-footer .footer-body .footer-links .fl-M .fm-li .desc li.address {
  /*margin-top: 20px;*/
}

.om-footer .footer-body .footer-links .fl-R .fr-li {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}

.om-footer .footer-body .footer-links .fl-R .fr-li .type {
  width: 100%;
  margin-bottom: 10px;
  line-height: 40px;
  font-family: "Microsoft YaHei";
  font-weight: bold;
  font-size: 18px;
  color: #333;
}

.om-footer .footer-body .footer-links .fl-R .fr-li .desc {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

.om-footer .footer-body .footer-links .fl-R .fr-li .desc li {
  float: left;
  width: 110px;
  height: 110px;
  margin-right: 0px;
  margin-bottom: 10px;
}

.om-footer .footer-body .footer-links .fl-R .fr-li .desc li + li {
  margin-left: 40px;
}

.om-footer .footer-body .footer-links .fl-R .fr-li .desc li img {
  display: block;
  width: 110px;
  height: 110px;
}

.om-footer .footer-body .footer-links .fl-R .fr-li .weibo-bili {
  width: 100%;
  min-height: 60px;
  padding-top: 30px;
  position: relative;
}

.om-footer .footer-body .footer-links .fl-R .fr-li .weibo-bili::after {
  content: '';
  width: 260px;
  height: 1px;
  background: #D9D9D9;
  position: absolute;
  top: 10px;
  left: 0;
  z-index: 10;
}

.om-footer .footer-body .footer-links .fl-R .fr-li .weibo-bili .weibo {
  float: left;
  width: 100px;
  height: 30px;
  /* background-image: url(../img/icon-sina-weibo.png); */
  background-image: url(../img/icon-linkedin.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  margin-right: 10px;
  position: relative;
  top: 2px;
}

.om-footer .footer-body .footer-links .fl-R .fr-li .weibo-bili .bilibili {
  float: left;
  width: 87px;
  height: 41px;
  background-image: url(../img/icon-bilibili.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;

}

.om-sideway {
  width: 64px;
  min-height: 60px;
  padding: 1px 1px;
  position: fixed;
  bottom: 60px;
  right: 50px;
  z-index: 100;
}

.om-sideway .online-consult {
  display: block;
  width: 64px;
  height: 64px;
  background: linear-gradient(180deg, #E81E28 0%, #C40209 100%);
  box-shadow: 0px 0px 32px 1px rgba(0, 0, 0, 0.16);
  border-radius: 35px;
  border: 2px solid #fff;
  margin: 0 auto 20px;
  cursor: pointer;
}

.om-sideway .online-consult .avatar {
  width: 60px;
  height: 60px;
  background: url(../img/icon-avatar.png) no-repeat center center;
  background-size: 58px 58px;
  margin-bottom: 10px;
}

.om-sideway .online-consult .txt {
  width: 60px;
  min-height: 60px;
  padding: 0 15px;
  text-align: center;
  line-height: 24px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 16px;
  color: #fff;
}


.om-sideway .icon {
  display: block;
  width: 64px;
  height: 64px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  margin: 15px auto 15px;
  position: relative;
  cursor: pointer;
}

.om-sideway .icon.pk::before,
.om-sideway .icon.shopcart::before {
  content: attr(data-num);
  display: none;
  width: 18px;
  height: 18px;
  background: #FF0;
  border-radius: 50%;
  text-align: center;
  line-height: 18px;
  font-family: "Arial";
  font-weight: 400;
  font-size: 12px;
  color: #E81E28;
  position: absolute;
  top: -5px;
  left: -3px;
  z-index: 20;
}

.om-sideway .icon.pk.show-num::before,
.om-sideway .icon.shopcart.show-num::before {
  display: block;
}

.om-sideway .icon.pk {
  background-image: url(../img/icon-pk.png);
}

.om-sideway .icon.lightning {
  background-image: url(../img/icon-lightning.png);
}

.om-sideway .icon.shopcart {
  background-image: url(../img/icon-shopcart.png);
}

.om-sideway .icon.portrait {
  background-image: url(../img/icon-portrait.png);
}

.om-sideway .icon.up {
  background-image: url(../img/icon-up.png);
}

.om-sideway .icon.down {
  background-image: url(../img/icon-down.png);
}

.ten-year-wrap {
  /*width: 100%;*/
  /*height: 100vh;*/
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
}

.ten-year-wrap img {
  display: block;
  width: 800px;
  height: 500px;
  margin: 245px auto 40px;
}

.ten-year-wrap .btn-cancel {
  width: 48px;
  height: 48px;
  background: url(../img/icon-cancel.png) no-repeat center center;
  background-size: contain;
  margin: 20px auto 20px;
}

.about-us-wrap {
  width: 1420px;
  max-width: 100%;
  height: 100px;
  background: #fff;
  box-shadow: 0px 8px 64px 1px rgba(0, 0, 0, 0.08);
  margin: -50px auto 0px;
  padding: 0 20px;
  overflow: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 20;
}

.about-us-wrap .ijump {
  flex: 0 0 auto;
  min-width: 80px;
  height: 30px;
  padding: 0 3%;
  text-align: center;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 18px;
  color: #333;
  position: relative;
}

.about-us-wrap .ijump.active::after {
  content: '';
  width: 100%;
  height: 2px;
  background-color: #E81E28;
  position: absolute;
  bottom: -35px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
}

.about-us-wrap .ijump + .ijump {
  margin-left: 10%;
}

.x-navigation {
  width: 1420px;
  height: 30px;
  margin: 15px auto 15px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}

.x-navigation .icon-earth {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  background: url(../img/icon-earth.png) no-repeat center center;
  background-size: contain;
  margin-right: 10px;
}

.x-navigation .icon-navigation-right {
  flex: 0 0 auto;
  width: 5px;
  height: 8px;
  background: url(../img/icon-navigation-right.png) no-repeat center center;
  background-size: contain;
  padding: 0 10px;
}

.x-navigation .txt {
  flex: 0 0 auto;
  margin-right: 5px;
  line-height: 24px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 18px;
  color: #666;
  cursor: pointer;
}

.form-tab {
  width: 1420px;
  height: 40px;
  margin: 0 auto;
  padding: 2px 40px;
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
}

.form-tab::after {
  content: '';
  width: 100%;
  height: 1px;
  background-color: #ccc;
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}

.form-tab .ft-wrap {
  /*float: left;*/
  flex: 1 1 auto;
  width: calc(100% - 250px);
  height: 36px;
  white-space: nowrap;
  /*overflow-x: auto !important;*/
  /*overflow-y: hidden !important;*/
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}

.form-tab .ft {
  /*float: left;*/
  flex: 0 0 auto;
  min-width: 50px;
  height: 36px;
  margin-right: 20px;
  padding: 0 10px;
  text-align: center;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 18px;
  color: #333;
  cursor: pointer;
  position: relative;
}

.form-tab .ft.active {
  font-weight: 700;
  color: #E81E28;
}

.form-tab .ft.active::after {
  content: '';
  width: 100%;
  height: 2px;
  background: #E81E28;
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 20;
}

.form-tab .isearch {
  /*float: right;*/
  flex: 0 0 auto;
  width: 240px;
  height: 36px;
  background: #fff;
  border-radius: 4px;
  margin-left: 10px;
  border: 1px solid #C1C1C1;
  padding: 8px 15px;
  position: relative;
}

.form-tab .isearch .i-input {
  float: left;
  width: calc(100% - 25px);
  height: 20px;
  /*background-color: #f0dffd;*/
  margin-right: 5px;
  outline: 0;
  border: 0;
  text-align: left;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 14px;
  color: #333;
  position: relative;
}

.form-tab .isearch .i-input::placeholder {
  color: #A8A8A8;
}

.form-tab .isearch .ibtn-search {
  float: left;
  width: 20px;
  height: 20px;
  background: url(../img/icon-ibtn-search.png) no-repeat center center;
  background-size: contain;
  outline: 0;
  border: 0;
  position: relative;
}

.form-tab + .container {
  padding: 0 40px;
}

.form-tab + .container .row {
  padding: 40px 0 0 0;
}

.ibox {
  width: 100%;
  height: 540px;
  background: #F5F5F6;
  border: 1px solid #ccc;
  margin-bottom: 40px;
  position: relative;
}

.ibox a.img-a {
  display: block;
  width: 100%;
  height: 236px;
  margin: 0 auto 30px;
  overflow: hidden;
  position: relative;
}

.ibox a.img-a .i-img {
  display: block;
  width: 100%;
  max-height: 100%;
  position: relative;
  transition: transform 0.2s ease-in;
}

.ibox:hover .img-a .i-img {
  transform: scale(1.03);
}

.ibox .i-title {
  display: block;
  width: 100%;
  margin-bottom: 15px;
  padding: 0 30px;
  line-height: 24px;
  font-family: "Microsoft YaHei";
  font-weight: bold;
  font-size: 19px;
  color: #333;
}

.ibox .i-date {
  width: 100%;
  margin-bottom: 20px;
  padding: 0 30px;
}

.ibox .i-date .icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  /*background: url(../img/icon-exhibition-date.png) no-repeat center center;*/
  background: url(../img/icon-nc-calender.png) no-repeat center center;
  background-size: contain;
  vertical-align: top;
  margin-right: 5px;
}

.ibox .i-date .txt {
  display: inline-block;
  min-width: 50px;
  height: 20px;
  vertical-align: top;
  line-height: 20px;
  font-family: "Microsoft YaHei";
  font-weight: bold;
  font-size: 14px;
  color: #333;
}

.ibox .i-detail {
  width: 100%;
  margin-bottom: 10px;
  padding: 0 30px;
  line-height: 24px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 16px;
  color: #666;
}

.ibox .i-more {
  width: 100%;
  height: 60px;
  /*background-color: rgba(49, 68, 93, 0.41);*/
  padding: 20px 20px;
  line-height: 20px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 12px;
  color: #E81E28;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
}

.ibox .i-more .icon-i-more {
  display: inline-block;
  width: 16px;
  height: 5px;
  background: url(../img/icon-i-more.png) no-repeat center center;
  background-size: contain;
  vertical-align: top;
  margin-left: 5px;
  position: relative;
}

.ibox .i-more::before {
  content: '';
  width: calc(100% - 40px);
  height: 1px;
  background-color: #ccc;
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}

.fuck-page {
  width: 100px;
  height: 60px;
  margin: 0 auto;
  padding: 20px 20px 12px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.fuck-page .box-L,
.fuck-page .box-R {
  flex: 0 0 auto;
  width: 28px;
  height: 28px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  margin: 0 3px;
}

.fuck-page .box-L {
  background-image: url(../img/icon-box-arrow-L.png);
}

.fuck-page .box-R {
  background-image: url(../img/icon-box-arrow-R.png);
}

.fuck-page .box-L[disabled] {
  background-image: url(../img/icon-box-arrow-L-disabled.png);
  cursor: not-allowed;
  pointer-events: none;
}

.fuck-page .box-R[disabled] {
  background-image: url(../img/icon-box-arrow-R-disabled.png);
  cursor: not-allowed;
  pointer-events: none;
}

.fuck-page .box-num {
  flex: 0 0 auto;
  width: 28px;
  height: 28px;
  border: 1px solid #D3D3D3;
  margin: 0 3px;
  text-decoration: none;
  text-align: center;
  line-height: 26px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 12px;
  color: #666;
  cursor: pointer;
}

.fuck-page .box-num.current {
  border-color: #E81E28;
  color: #E81E28;
}

.exhibition-title {
  display: block;
  width: 100%;
  margin-bottom: 30px;
  padding: 10px 10px;
  text-align: center;
  line-height: 40px;
  font-family: "Microsoft YaHei";
  font-weight: bold;
  font-size: 34px;
  color: #333;
  position: relative;
  z-index: 20;
}

.exhibition-title::after {
  content: '';
  width: 265px;
  height: 13px;
  background: url(../img/icon-exhibition-title.png) no-repeat center center;
  background-size: contain;
  position: absolute;
  bottom: 8px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}

.video-title {
  width: 100%;
  margin-bottom: 30px;
  padding: 10px 40px;
  text-align: left;
  line-height: 40px;
  font-family: "Microsoft YaHei";
  font-weight: bold;
  font-size: 34px;
  color: #333;
  position: relative;
  z-index: 20;
}

.video-title::after {
  content: '';
  width: 265px;
  height: 13px;
  background: url(../img/icon-exhibition-title.png) no-repeat center center;
  background-size: contain;
  position: absolute;
  bottom: 8px;
  left: 40px;
  z-index: 2;
}

.ebox {
  display: block;
  width: 100%;
  height: 445px;
  background: #F5F5F6;
  border: 1px solid #ccc;
  margin-bottom: 40px;
  padding: 20px 20px;
  position: relative;
}

.ebox .e-img {
  display: block;
  width: 100%;
  height: 214px;
  margin: 0 auto 30px;
}

.ebox .e-title {
  width: 100%;
  margin-bottom: 30px;
  line-height: 24px;
  font-family: "Microsoft YaHei";
  font-weight: bold;
  font-size: 19px;
  color: #333;
}

.ebox .e-date {
  width: 100%;
  margin-bottom: 20px;
}

.ebox .e-date .icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../img/icon-exhibition-date.png) no-repeat center center;
  background-size: contain;
  vertical-align: top;
  margin-right: 5px;
}

.ebox .e-date .txt {
  display: inline-block;
  min-width: 50px;
  height: 20px;
  vertical-align: top;
  line-height: 20px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 18px;
  color: #666;
}

.ebox .e-location {
  width: 100%;
  margin-bottom: 0px;
}

.ebox .e-location .icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../img/icon-exhibition-location.png) no-repeat center center;
  background-size: contain;
  vertical-align: top;
  margin-right: 5px;
}

.ebox .e-location .txt {
  display: inline-block;
  min-width: 50px;
  height: 20px;
  vertical-align: top;
  line-height: 20px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 18px;
  color: #666;
}

.edog {
  display: block;
  width: 100%;
  height: 154px;
  background: #F5F5F6;
  border: 1px solid #ccc;
  margin-bottom: 40px;
  padding: 40px 40px;
  position: relative;
}

.edog.out-of-date {
  cursor: not-allowed;
}

.edog .over-time {
  min-width: 84px;
  height: 30px;
  background: #E81E28;
  padding: 0 10px;
  text-align: center;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 18px;
  color: #fff;
  position: absolute;
  top: 40px;
  right: 40px;
  z-index: 20;
}

.edog .e-title {
  width: 100%;
  height: 30px;
  margin-bottom: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  font-size: 24px;
  color: #333;
  position: relative;
}

.edog.out-of-date .e-title {
  color: #999;
}

.edog .e-date-location {
  width: 100%;
  height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}

.edog .e-date-location .e-date,
.edog .e-date-location .e-location {
  flex: 0 0 auto;
  min-width: 50px;
  height: 20px;
  margin-right: 10px;
}

.edog .e-date-location .e-date .icon,
.edog .e-date-location .e-location .icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  vertical-align: top;
  margin-right: 5px;
}

.edog .e-date-location .e-date .icon {
  background-image: url(../img/icon-exhibition-date.png)
}

.edog .e-date-location .e-location .icon {
  background-image: url(../img/icon-exhibition-location.png)
}

.edog.out-of-date .e-date-location .e-date .icon {
  background-image: url(../img/icon-exhibition-date-gray.png)
}

.edog.out-of-date .e-date-location .e-location .icon {
  background-image: url(../img/icon-exhibition-location-gray.png)
}

.edog .e-date-location .e-date .txt,
.edog .e-date-location .e-location .txt {
  display: inline-block;
  min-width: 50px;
  height: 20px;
  vertical-align: top;
  line-height: 20px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 18px;
  color: #666;
}

.edog.out-of-date .e-date-location .e-date .txt,
.edog.out-of-date .e-date-location .e-location .txt {
  color: #999;
}

.map-wrap {
  width: calc(100% - 80px);
  min-height: 100px;
  margin: 0px auto 40px;
}

.map-wrap img {
  display: block;
  width: 100%;
  margin: 0 auto;
}

.cu-tip {
  width: 100%;
  height: 30px;
  margin-bottom: 40px;
  padding-left: 81px;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 22px;
  color: #333;
  position: relative;
}

.gray-zone {
  width: calc(100% - 80px);
  min-height: 100px;
  background: #F5F5F6;
  margin: 20px auto 20px;
  padding: 20px 0 0;
  position: relative;
}

.gray-zone-third {
  width: calc(100% - 80px);
  min-height: 100px;
  background: #F5F5F6;
  margin: 20px auto 20px;
  padding: 20px 0 0;
  position: relative;
}

.gray-zone .gz-title {
  width: 100%;
  height: 40px;
  /*background-color: #722828;*/
  margin-bottom: 20px;
  padding-left: 36px;
  line-height: 40px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  font-size: 22px;
  color: #333;
  position: relative;
}

.gray-zone .gz-title::before {
  content: '';
  width: 4px;
  height: 24px;
  background: #E81E28;
  position: absolute;
  top: 8px;
  left: 12px;
  z-index: 10;
}

.gray-zone-third .gzt {
  width: 100%;
  margin-bottom: 20px;
}

.gray-zone-third .gzt-title {
  width: 100%;
  height: 40px;
  /*background-color: #722828;*/
  margin-bottom: 20px;
  padding-left: 22px;
  line-height: 40px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  font-size: 22px;
  color: #333;
  position: relative;
}

.gray-zone-third .gzt-title::before {
  content: '';
  width: 4px;
  height: 24px;
  background: #E81E28;
  position: absolute;
  top: 8px;
  left: 0px;
  z-index: 10;
}

.at {
  width: 100%;
  height: 300px;
  background-color: #fff;
  margin-bottom: 40px;
  padding: 30px 40px;
  position: relative;
}

.at .at-title {
  width: 100%;
  height: 40px;
  margin-bottom: 90px;
  line-height: 40px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  font-size: 19px;
  color: #333;
}

.at .at-title::after {
  content: '';
  width: 100%;
  height: 1px;
  background-color: #E81E28;
  position: absolute;
  top: 95px;
  left: 0;
  z-index: 10;
}

.at .at-item {
  width: 100%;
  height: 20px;
  margin-bottom: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
}

.at .at-item .icon {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  margin-right: 5px;
}

.at .at-item .icon.telephone {
  background-image: url(../img/icon-at-telephone.png);
}

.at .at-item .icon.address {
  background-image: url(../img/icon-at-address.png);
}

.at .at-item .icon.time {
  background-image: url(../img/icon-at-time.png);
}

.at .at-item .txt {
  flex: 1 1 auto;
  min-width: 20px;
  height: 20px;
  line-height: 20px;
  font-family: "Microsoft YaHei";
  font-weight: 500;
  font-size: 18px;
  color: #666;
}

.gzt-box {
  width: 100%;
  height: 300px;
  background: #fff;
  margin: 0 auto 40px;
  padding: 30px 40px;
  position: relative;
}

.gzt-box::after {
  content: '';
  width: 100%;
  height: 1px;
  background-color: #E81E28;
  position: absolute;
  top: 95px;
  left: 0;
  z-index: 10;
}

.gzt-box .gzt-t1 {
  width: 100%;
  height: 40px;
  margin-bottom: 65px;
  line-height: 40px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  font-size: 19px;
  color: #333;
  position: relative;
}

.gzt-box .gzt-t2 {
  width: 100%;
  height: 20px;
  margin-bottom: 10px;
  line-height: 20px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  font-size: 18px;
  color: #666;
  position: relative;
}

.gzt-box .gzt-t3 {
  width: 100%;
  height: 20px;
  margin-bottom: 20px;
  line-height: 20px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 18px;
  color: #666;
  position: relative;
}

.gzt-box .gzt-t4 {
  display: block;
  width: 100%;
  height: 25px;
  margin-top: 20px;
  margin-bottom: 15px;
  line-height: 25px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 18px;
  color: #666;
  position: relative;
}

.gzt-box .gzt-t4 .red {
  color: #E81E28;
}

.recruit-wrap {
  width: calc(100% - 80px);
  min-height: 100px;
  margin: 0px auto 40px;
  position: relative;
}

.recruit-wrap img {
  display: block;
  width: 100%;
  margin: 0 auto;
}

.recruit-wrap .r-search-box {
  display: none;
  width: 50%;
  height: 60px;
  background: #F4F4F5;
  border-radius: 30px;
  border: 1px solid #333;
  padding: 0 190px 0 42px;
  position: absolute;
  bottom: 36px;
  right: 29px;
  z-index: 20;
}

.recruit-wrap .r-search-box .r-txt {
  min-width: 50px;
  height: 60px;
  background-color: #E81E28;
  border-radius: 30px;
  outline: 0;
  border: 0;
  padding: 0 50px;
  text-align: center;
  line-height: 60px;
  font-family: "Microsoft YaHei";
  font-weight: bold;
  font-size: 20px;
  color: #fff;
  cursor: pointer;
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 30;
}

.recruit-wrap .r-search-box .r-input {
  width: 100%;
  height: 58px;
  background-color: transparent;
  border: 0;
  outline: 0;
  line-height: 58px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 20px;
  color: #333;
}

.recruit-wrap .r-search-box .r-input::placeholder {
  color: #999;
}

.r-screen {
  width: calc(100% - 80px);
  height: 60px;
  margin: 20px auto 40px;
  position: relative;
}

.r-screen .rs-btn {
  float: left;
  width: 140px;
  height: 60px;
  background: #E81E28;
  border: 0;
  outline: 0;
  text-align: center;
  line-height: 60px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 20px;
  color: #fff;
  position: relative;
}

.r-screen .rs {
  float: left;
  width: calc(25% - 55px);
  height: 60px;
  margin-right: 20px;
  position: relative;
}

.r-screen .rs .rss {
  width: 100%;
  height: 60px;
  border: 2px solid #666;
  border-radius: 0;
  padding-left: 20px;
  text-align: left;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 20px;
  color: #666;
}

.r-tb {
  width: calc(100% - 80px);
  min-height: 100px;
  margin: 0 auto 10px;
  padding: 0 0;
  position: relative;
}

.r-tb .r-thead {
  width: 100%;
  height: 80px;
  background: #F4F4F5;
  border: 1px solid #ccc;
}

.r-tb .r-tbody {
  width: 100%;
}

.r-tb .r-tbody .r-row {
  width: 100%;
  height: 80px;
  background: #fff;
  border: 1px solid #ccc;
  border-top: 0;
}

.r-tb .r-tbody .r-row:nth-of-type(odd) {
  background: #fff;
}

.r-tb .r-tbody .r-row:nth-of-type(even) {
  background: #F4F4F5;
}

.r-tb .r-thead .c1,
.r-tb .r-tbody .c1 {
  float: left;
  width: 20%;
}

.r-tb .r-thead .c2,
.r-tb .r-tbody .c2 {
  float: left;
  width: 15%;
}

.r-tb .r-thead .c3,
.r-tb .r-tbody .c3 {
  float: left;
  width: 35%;
}

.r-tb .r-thead .c4,
.r-tb .r-tbody .c4 {
  float: left;
  width: 15%;
}

.r-tb .r-thead .c5,
.r-tb .r-tbody .c5 {
  float: left;
  width: 15%;
}

.r-tb .r-thead {
  text-align: center;
  line-height: 80px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  font-size: 20px;
  color: #333;
}

.r-tb .r-tbody {
  text-align: center;
  line-height: 80px;
  font-family: "Microsoft YaHei";
  font-weight: 500;
  font-size: 18px;
  color: #666;
}

.r-word {
  width: calc(100% - 80px);
  min-height: 170px;
  background-color: #fff;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin: 30px auto 30px;
  padding: 20px 40px;
  position: relative;
}

.r-word .rw-t1 {
  width: 100%;
  height: 30px;
  margin-bottom: 25px;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: bold;
  font-size: 22px;
  color: #333;
}

.r-word .rw-t2 {
  width: 100%;
  height: 30px;
  margin-bottom: 10px;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 20px;
  color: #333;
}

.r-word .rw-t3 {
  display: block;
  width: 100%;
  height: 30px;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 20px;
  color: #E81E28;
}

.r-welfare {
  width: calc(100% - 80px);
  min-height: 440px;
  background: url(../img/bg-recruit-welfare.png) no-repeat center center;
  background-size: cover;
  margin: 30px auto 30px;
  padding: 20px 20px;
  position: relative;
}

.r-welfare .r-title {
  width: 100%;
  height: 50px;
  margin-bottom: 80px;
  text-align: center;
  line-height: 50px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  font-size: 38px;
  color: #D81E06;
  position: relative;
}

.r-welfare .r-title::after {
  content: '';
  width: 100px;
  height: 6px;
  background-color: #FF9797;
  position: absolute;
  bottom: -12px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
}

.r-welfare .rbox {
  width: 120px;
  height: 180px;
  margin: 20px auto 30px;
  position: relative;
}

.r-welfare .rbox .r-icon {
  width: 120px;
  height: 120px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  margin: 0 auto 20px;
  position: relative;
}

.r-welfare .rbox .r-icon.r1 {
  background-image: url(../img/icon-recruit-welfare01.png);
}

.r-welfare .rbox .r-icon.r2 {
  background-image: url(../img/icon-recruit-welfare02.png);
}

.r-welfare .rbox .r-icon.r3 {
  background-image: url(../img/icon-recruit-welfare03.png);
}

.r-welfare .rbox .r-icon.r4 {
  background-image: url(../img/icon-recruit-welfare04.png);
}

.r-welfare .rbox .r-icon.r5 {
  background-image: url(../img/icon-recruit-welfare05.png);
}

.r-welfare .rbox .r-icon.r6 {
  background-image: url(../img/icon-recruit-welfare06.png);
}

.r-welfare .rbox .txt {
  width: 100%;
  text-align: center;
  line-height: 25px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  font-size: 20px;
  color: #333;
}

.r-welfare .rw {
  width: 100%;
  height: 180px;
  margin-bottom: 20px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}

.r-welfare .rw .r-icon {
  flex: 0 0 auto;
  width: 90px;
  height: 90px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  margin: 0 auto 0px;
  position: relative;
}

.r-welfare .rw .r-icon.r1 {
  background-image: url(../img/icon-rw01.png);
}

.r-welfare .rw .r-icon.r2 {
  background-image: url(../img/icon-rw02.png);
}

.r-welfare .rw .r-icon.r3 {
  background-image: url(../img/icon-rw03.png);
}

.r-welfare .rw .r-icon.r4 {
  background-image: url(../img/icon-rw04.png);
}

.r-welfare .rw .r-icon.r5 {
  background-image: url(../img/icon-rw05.png);
}

.r-welfare .rw .r-icon.r6 {
  background-image: url(../img/icon-rw06.png);
}

.r-welfare .rw .r-icon.r7 {
  background-image: url(../img/icon-rw07.png);
}

.r-welfare .rw .r-icon.r8 {
  background-image: url(../img/icon-rw08.png);
}

.r-welfare .rw .txt {
  width: 100%;
  text-align: center;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 22px;
  color: #D81E06;
}

.r-welfare .rw .desc {
  width: 100%;
  text-align: center;
  line-height: 20px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 12px;
  color: #333;
}


.r-contact {
  width: calc(100% - 80px);
  height: 400px;
  background: url(../img/bg-recruit-delivery.png) no-repeat center center;
  background-size: contain;
  margin: 30px auto 0px;
  padding: 40px 30px;
  position: relative;
}

.r-contact .rc-L {
  width: 100%;
  height: 320px;
  border-right: 1px solid #ccc;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.r-contact .rc-L .item {
  width: 100%;
  height: 30px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}

.r-contact .rc-L .item + .item {
  margin-top: 40px;
}

.r-contact .rc-L .item .point {
  flex: 0 0 auto;
  width: 12px;
  height: 12px;
  background: #E81E28;
  border-radius: 50%;
  margin-right: 14px;
  position: relative;
}

.r-contact .rc-L .item .txt {
  flex: 1 1 auto;
  min-width: 50px;
  height: 30px;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 22px;
  color: #333;
  position: relative;
}

.r-contact .rc-R {
  width: 100%;
  height: 320px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.r-contact .rc-R .rc-title {
  width: 100%;
  height: 30px;
  margin-bottom: 30px;
  padding-left: 55px;
  text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 28px;
  color: #333;
}

.r-contact .rc-R .rc-item {
  width: 100%;
  height: 30px;
  padding: 1px 10px;
  position: relative;
}

.r-contact .rc-R .rc-item + .rc-item {
  margin-top: 25px;
}

.r-contact .rc-R .rc-item .icon {
  display: inline-block;
  width: 28px;
  height: 28px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  vertical-align: top;
  margin-right: 15px;
  position: relative;
}

.r-contact .rc-R .rc-item .icon.rc1 {
  background-image: url(../img/icon-recruit-dc01.png);
}

.r-contact .rc-R .rc-item .icon.rc2 {
  background-image: url(../img/icon-recruit-dc02.png);
}

.r-contact .rc-R .rc-item .icon.rc3 {
  background-image: url(../img/icon-recruit-dc03.png);
}

.r-contact .rc-R .rc-item .txt {
  vertical-align: top;
  line-height: 28px;
  font-family: "Microsoft YaHei";
  font-weight: bold;
  font-size: 18px;
  color: #333;
}

.red-star {
  width: calc(100% - 80px);
  min-height: 10px;
  margin: 0 auto 30px;
  padding: 0 0;
  position: relative;
}

.red-star .rs {
  float: left;
  width: calc(16.66666666% - 23.33333333333px);
  height: 120px;
  background: #F5F5F6;
  border-bottom: 4px solid #CE1D26;
  margin-bottom: 28px;
}

.red-star .rs.active {
  background-color: #CE1D26;
}

.red-star .rs + .rs {
  margin-left: 28px;
}

.red-star .rs .icon {
  width: 36px;
  height: 36px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  margin: 30px auto 10px;
}

.red-star .rs .icon.rs1 {
  background-image: url(../img/icon-rs1-gray.png);
}

.red-star .rs .icon.rs2 {
  background-image: url(../img/icon-rs2-gray.png);
}

.red-star .rs .icon.rs3 {
  background-image: url(../img/icon-rs3-gray.png);
}

.red-star .rs .icon.rs4 {
  background-image: url(../img/icon-rs4-gray.png);
}

.red-star .rs .icon.rs5 {
  background-image: url(../img/icon-rs5-gray.png);
}

.red-star .rs .icon.rs6 {
  background-image: url(../img/icon-rs6-gray.png);
}

.red-star .rs.active .icon.rs1 {
  background-image: url(../img/icon-rs1-white.png);
}

.red-star .rs.active .icon.rs2 {
  background-image: url(../img/icon-rs2-white.png);
}

.red-star .rs.active .icon.rs3 {
  background-image: url(../img/icon-rs3-white.png);
}

.red-star .rs.active .icon.rs4 {
  background-image: url(../img/icon-rs4-white.png);
}

.red-star .rs.active .icon.rs5 {
  background-image: url(../img/icon-rs5-white.png);
}

.red-star .rs.active .icon.rs6 {
  background-image: url(../img/icon-rs6-white.png);
}

.red-star .rs .txt {
  width: 100%;
  height: 20px;
  text-align: center;
  line-height: 20px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 16px;
  color: #666;
}

.red-star .rs.active .txt {
  color: #fff;
}

.company-brief {
  width: 100%;
  min-height: 10px;
  margin: 0 auto;
  padding: 50px 50px;
  text-align: center;
  font-size: 0;
  position: relative;
}

.company-brief .cb {
  display: inline-block;
  width: 130px;
  height: 70px;
  padding-left: 40px;
  vertical-align: top;
  position: relative;
}

.company-brief .cb + .cb {
  margin-left: 13%;
}

.company-brief .cb .icon {
  width: 38px;
  height: 38px;
  /*background-color: pink;*/
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  position: absolute;
  top: 7px;
  left: -10px;
  z-index: 10;
}

.company-brief .cb .icon.cb1 {
  background-image: url(../img/icon-cb1.png);
}

.company-brief .cb .icon.cb2 {
  background-image: url(../img/icon-cb2.png);
}

.company-brief .cb .icon.cb3 {
  background-image: url(../img/icon-cb3.png);
}

.company-brief .cb .icon.cb4 {
  background-image: url(../img/icon-cb4.png);
}

.company-brief .cb .num {
  width: 100%;
  height: 50px;
  text-align: left;
  line-height: 50px;
  font-family: "Microsoft YaHei";
  font-weight: bold;
  font-size: 36px;
  color: #333;
}

.company-brief .cb .num .unit {
  font-size: 20px;
}

.company-brief .cb .desc {
  width: 100%;
  height: 20px;
  padding-left: 3px;
  text-align: left;
  line-height: 20px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 14px;
  color: #666;
}

.rs-tech {
  width: calc(100% - 80px);
  height: 700px;
  margin: 40px auto 40px;
  position: relative;
}

.rs-tech .rst-L {
  float: left;
  /*width: calc(100% - 600px);*/
  width: 55.2238%;
  /*height: 461px;*/
  height: 100%;
  background: url(../img/bg-rs-tech-L.png) no-repeat center center;
  background-size: cover;
  padding: 20px 35px 0 35px;
  position: relative;
}

.rs-tech .rst-R {
  float: left;
  /*width: 600px;*/
  width: 44.776%;
  /*height: 461px;*/
  height: 100%;
  background: url(../img/bg-rs-tech-R.png) no-repeat center center;
  background-size: cover;
  position: relative;
}

.rs-tech .rst-L .title {
  width: 100%;
  height: 40px;
  margin-bottom: 10px;
  text-align: center;
  line-height: 40px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  font-size: 24px;
  color: #333;
  position: relative;
}

.rs-tech .rst-L .desc {
  width: 100%;
  min-height: 30px;
  margin: 0;
  text-indent: 2em;
  text-align: justify;
  line-height: 24px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 16px;
  color: #333;
  position: relative;
}

.rs-tech .rst-L .mark {
  width: 150px;
  height: 40px;
  background: url(../img/icon-mark-om.png) no-repeat center center;
  background-size: contain;
  margin: 0px auto 0;
}

.rs-history {
  width: calc(100% - 80px);
  height: 520px;
  background-color: #F5F5F6;
  margin: 0px auto 40px;
  padding: 20px 50px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  overflow: hidden;
  position: relative;
}

.rs-history .rsh {
  width: 100%;
  min-height: 100px;
  margin-bottom: 30px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}

.rs-history .rsh + .rsh::before {
  content: '';
  width: 1px;
  height: 96px;
  border: 1px dashed #ddd;
  position: absolute;
  top: -63px;
  left: 277px;
  z-index: 20;
}

.rs-history .rsh .year {
  flex: 0 0 auto;
  width: 100px;
  height: 100%;
  background: url(../img/bg-history-year.png) no-repeat center center;
  background-size: contain;
  margin-right: 210px;
  text-align: center;
  line-height: 100px;
  font-family: "Arial";
  font-weight: 400;
  font-size: 25px;
  color: #fff;
  position: relative;
}

.rs-history .rsh .year::before {
  content: '';
  width: 160px;
  height: 2px;
  background: #E81E28;
  position: absolute;
  top: 50%;
  left: 100px;
  margin-top: -1px;
  z-index: 10;
}

.rs-history .rsh .year::after {
  content: '';
  width: 35px;
  height: 35px;
  background: url(../img/icon-history-spot.png) no-repeat center center;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 260px;
  margin-top: -17.5px;
  z-index: 10;
}

.rs-history .rsh .content {
  flex: 1 1 auto;
  min-width: 200px;
  height: 100px;
  /*background-color: rgba(0, 128, 0, 0.39);*/
  position: relative;
}

.rs-history .rsh .content .pos {
  width: 100%;
  padding: 0 10px;
  line-height: 30px;
  font-family: Microsoft YaHei;
  font-weight: 500;
  font-size: 20px;
  color: #333;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 20;
}

.rs-history .rsh .content .pos span + span {
  margin-left: 10px;
}


.rs-honor {
  width: calc(100% - 80px);
  min-height: 760px;
  margin: 40px auto 40px;
  padding: 0;
}

.rs-honor .rsh-L {
  float: left;
  width: calc(50% - 20px);
  height: 760px;
  background: #F5F5F6;
  padding: 50px 45px;
  position: relative;
}

.rs-honor .rsh-R {
  float: left;
  width: calc(50% - 20px);
  height: 760px;
  background: #fff;
  border-top: 1px solid #707070;
  margin-left: 40px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

.rs-honor .rsh-add{
  float: left;
  width: 100%;
  padding: 30px 0;
}

.rs-honor .rsh-add > img{
  display: block;
  max-width: 100%;
  margin: 0 auto;
}

.rs-honor .rsh-L .title {
  width: 100%;
  height: 40px;
  margin-bottom: 40px;
  text-align: center;
  line-height: 40px;
  font-family: "Microsoft YaHei";
  font-weight: bold;
  font-size: 28px;
  color: #333;
}

.rs-honor .rsh-L .desc {
  width: 100%;
  min-height: 30px;
  margin-bottom: 40px;
  text-align: left;
  line-height: 50px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 24px;
  color: #333;
}

.rs-honor .rsh-L .brand {
  width: 100%;
  height: 383px;
  background: url(../img/pic-brand.png) no-repeat center center;
  background-size: contain !important;
  margin: 30px auto 0;
}

.rs-honor .rsh-R .rsh-item {
  width: 100%;
  height: 25%;
  border-bottom: 1px solid #707070;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.rs-honor .rsh-R .rsh-item .t1 {
  width: 100%;
  height: 50px;
  margin-bottom: 10px;
  text-align: left;
  line-height: 25px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  font-size: 24px;
  color: #333;
}

.rs-honor .rsh-R .rsh-item .t1.red {
  color: #E81E28;
}

.rs-honor .rsh-R .rsh-item .t2 {
  width: 100%;
  min-height: 30px;
  text-align: left;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 18px;
  color: #666;
}

.rs-strength {
  width: calc(100% - 80px);
  height: 1013px;
  background-color: #F5F5F6;
  margin: 40px auto 40px;
  padding: 30px 25px 0 25px;
  position: relative;
}

.rs-strength .swiper-wrapper {
  width: 100%;
  height: 910px;
  margin: 0 auto;
  position: relative;
}

.rs-strength .swiper-wrapper .swiper-slide {
  width: 100%;
  height: 100%;
  position: relative;
}


.rs-strength .swiper-wrapper .swiper-slide .box {
  float: left;
  width: calc(25% - 22.5px);
  height: calc(50% - 15px);
  /*background: rgba(240, 15, 63, 0.27);*/
  margin-bottom: 30px;
  margin-right: 30px;
  position: relative;
}

.rs-strength .swiper-wrapper .swiper-slide .box:nth-of-type(4n) {
  margin-right: 0;
}

.rs-strength .swiper-wrapper .swiper-slide .box img {
  display: block;
  width: 260px;
  height: 362px;
  margin: 0 auto;
  position: relative;
  z-index: 20;
}

.rs-strength .swiper-wrapper .swiper-slide .box .bottom {
  width: 100%;
  height: 185px;
  background: rgba(153, 153, 153, 0.9);
  padding: 120px 5px 0 5px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}

.rs-strength .swiper-wrapper .swiper-slide .box .bottom .inner{
  width: 100%;
  height: 50px;
  padding: 0 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-align: center;
  line-height: 25px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  font-size: 16px;
  color: #fff;
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
}

.rs-strength .swiper-pagination {
  width: 100%;
  height: 30px;
  margin: 5px auto;
}

.rs-strength .swiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: #E81E28;
  border-radius: 50%;
}

.rs-strength .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet {
  margin-left: 20px;
}

.rs-strength .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  outline: 1px solid #E81E28;
  outline-offset: 2px;
}

.rs-culture {
  width: calc(100% - 80px);
  min-height: 100px;
  background-color: #fff;
  margin: 40px auto 40px;
  position: relative;
}

.rs-culture .rsc-title {
  width: 100%;
  height: 60px;
  border-bottom: 1px solid #707070;
  margin-bottom: 40px;
  padding: 0px 0px;
  position: relative;
}

.rs-culture .rsc-title .txt {
  float: left;
  min-width: 150px;
  height: 40px;
  padding: 0 20px;
  text-align: center;
  line-height: 40px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 24px;
  color: #999;
  position: relative;
}

.rs-culture .rsc-title .txt::after {
  content: '';
  width: 100%;
  height: 5px;
  background: #E81E28;
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
}

.rs-culture .rsc-mission {
  width: 100%;
  height: 478px;
  background-image: url(../img/pic-company-mission.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  margin: 20px auto 40px;
  padding: 80px 0 0 80px;
  position: relative;
}

.rs-culture .rsc-mission .t1 {
  width: 100%;
  height: 60px;
  text-align: left;
  line-height: 60px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 42px;
  color: #fff;
}

.rs-culture .rsc-mission .t2 {
  width: 100%;
  height: 30px;
  text-align: left;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 16px;
  color: #fff;
}

.rs-culture .rsc-mission .t1 + .t2 {
  margin-top: 80px;
}

.rsc-vision {
  width: 100%;
  height: 478px;
  background: #F5F5F6;
  margin: 40px auto 40px;
  padding: 0 40px;
}

.rsc-vision .rsc-v-L {
  float: left;
  /*width: 680px;*/
  width: 53.968254%;
  height: 478px;
  background-image: url(../img/pic-company-vision.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.rsc-vision .rsc-v-R {
  float: left;
  /*width: calc(100% - 680px);*/
  width: 46.031746%;
  height: 478px;
  padding-top: 80px;
}

.rsc-vision .rsc-v-R .t0 {
  width: 100%;
  height: 30px;
  margin-bottom: 40px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  position: relative;
}

.rsc-vision .rsc-v-R .t0 .txt {
  margin: 0 10px;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 24px;
  color: #999;
}

.rsc-vision .rsc-v-R .t0 .red-line {
  width: 120px;
  height: 5px;
  background: #E81E28;
}

.rsc-vision .rsc-v-R .t1 {
  width: 100%;
  height: 70px;
  text-align: right;
  line-height: 35px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 36px;
  color: #333;
}

.rsc-vision .rsc-v-R .t2 {
  width: 100%;
  height: 30px;
  text-align: right;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 16px;
  color: #666;
}

.rsc-vision .rsc-v-R .t1 + .t2 {
  margin-top: 80px;
}

.rsc-vision2 {
  width: 100%;
  height: 478px;
  background: #F5F5F6;
  margin: 40px auto 40px;
  padding: 0 40px;
}

.rsc-vision2 .rsc-v-L {
  float: left;
  /*width: calc(100% - 626px);*/
  width: 50.3174603174603%;
  height: 478px;
  padding-top: 120px;
}

.rsc-vision2 .rsc-v-R {
  float: left;
  /*width: 626px;*/
  width: 49.6825397%;
  height: 478px;
  background-image: url(../img/pic-company-core-value.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.rsc-vision2 .rsc-v-L .t0 {
  width: 100%;
  height: 30px;
  margin-bottom: 50px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}

.rsc-vision2 .rsc-v-L .t0 .txt {
  margin: 0 10px;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 24px;
  color: #999;
}

.rsc-vision2 .rsc-v-L .t0 .red-line {
  width: 120px;
  height: 5px;
  background: #E81E28;
}

.rsc-vision2 .rsc-v-L .t1 {
  width: 100%;
  height: 80px;
  text-align: left;
  line-height: 40px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 42px;
  color: #333;
  margin-bottom: 15px;
}

.rsc-partner {
  width: calc(100% - 80px);
  height: 502px;
  border: 1px solid #707070;
  margin: 40px auto 40px;
  position: relative;
}

.rsc-partner .rsc-p-L {
  float: left;
  /*width: 660px;*/
  width: 52.3809524%;
  height: 500px;
  background-image: url(../img/pic-company-partner.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 20px 20px 0 20px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
}

.rsc-partner .rsc-p-R {
  float: left;
  /*width: calc(100% - 660px);*/
  width: 47.6190476%;
  height: 500px;
  padding: 10px 10px;
  position: relative;
}

.rsc-partner .rsc-p-R img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.rsc-partner .rsc-p-L .t1 {
  flex: 0 0 auto;
  width: 100%;
  margin-bottom: 30px;
  text-align: center;
  line-height: 40px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  font-size: 24px;
  color: #fff;
}

.rsc-partner .rsc-p-L .t2 {
  flex: 0 0 auto;
  width: 100%;
  margin-bottom: 15px;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 16px;
  color: #fff;
}

.service-center-wrap {
  width: 1420px;
  height: 100px;
  background: #fff;
  box-shadow: 0px 8px 64px 1px rgba(0, 0, 0, 0.08);
  margin: -50px auto 0px;
  padding: 0 3%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 20;
}

.service-center-wrap .sc {
  flex: 0 0 auto;
  min-width: 80px;
  height: 30px;
  padding: 0 15px;
  text-align: center;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 18px;
  color: #333;
  position: relative;
}

.service-center-wrap .sc.active::after {
  content: '';
  width: 100%;
  height: 2px;
  background-color: #E81E28;
  position: absolute;
  bottom: -35px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
}

.service-center-wrap .sc + .sc {
  margin-left: 8%;
}

.service-center-wrap .sc .icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  /*background-color: rgba(155, 161, 100, 0.09);*/
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  vertical-align: top;
  margin-right: 5px;
}

.service-center-wrap .sc .icon.sc01 {
  background-image: url(../img/icon-sc01-gray.png);
}

.service-center-wrap .sc .icon.sc02 {
  background-image: url(../img/icon-sc02-gray.png);
}

.service-center-wrap .sc .icon.sc03 {
  background-image: url(../img/icon-sc03-gray.png);
}

.service-center-wrap .sc .icon.sc04 {
  background-image: url(../img/icon-sc04-gray.png);
}

.service-center-wrap .sc .icon.sc05 {
  background-image: url(../img/icon-sc05-gray.png);
}

.service-center-wrap .sc .icon.sc06 {
  background-image: url(../img/icon-sc06-gray.png);
}

.service-center-wrap .sc.active .icon.sc01 {
  background-image: url(../img/icon-sc01-red.png);
}

.service-center-wrap .sc.active .icon.sc02 {
  background-image: url(../img/icon-sc02-red.png);
}

.service-center-wrap .sc.active .icon.sc03 {
  background-image: url(../img/icon-sc03-red.png);
}

.service-center-wrap .sc.active .icon.sc04 {
  background-image: url(../img/icon-sc04-red.png);
}

.service-center-wrap .sc.active .icon.sc05 {
  background-image: url(../img/icon-sc05-red.png);
}

.service-center-wrap .sc.active .icon.sc06 {
  background-image: url(../img/icon-sc06-red.png);
}

.service-center-wrap .sc .txt {
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 18px;
  color: #333;
  position: relative;
}

.service-center-wrap .sc.active .txt {
  color: #E81E28;
}

.non-standard-customized {
  width: calc(100% - 80px);
  min-height: 300px;
  margin: 10px auto 0px;
  position: relative;
}

.non-standard-customized .nsc-pic {
  width: 100%;
  height: 300px;
  /*background-color: rgba(155, 161, 100, 0.09);*/
  background-image: url(../img/pic-nonstandard-customized.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  margin: 0px auto 20px;
}

.non-standard-customized .nsc-txt {
  width: 100%;
  padding: 0 60px;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 14px;
  color: #666;
}

.non-standard-customized .nsc-txt .em {
  font-weight: 700;
}

.new-nonstandard-wrap {
  width: calc(100% - 80px);
  min-height: 300px;
  background-color: #F5F5F6;
  margin: 45px auto 0px;
  padding-bottom: 100px;
  position: relative;
}

.new-nonstandard-wrap::after {
  content: '';
  width: 0;
  height: 0;
  border-bottom: 80px solid #fff;
  border-left: 80px solid transparent;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 100;
}

.new-nonstandard-wrap .trapezoid {
  width: 550px;
  height: 80px;
  background-image: url(../img/bg-trapezoid-red.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 80px;
  padding-right: 55px;
  position: relative;
  top: -40px;
  z-index: 100;
}

.new-nonstandard-wrap .trapezoid .txt {
  width: 70%;
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  font-size: 24px;
  color: #fff;
  position: absolute;
  left: 30px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 200;
}

.new-nonstandard-wrap .nsc-txt {
  width: 100%;
  padding: 0 60px;
  text-indent: 2em;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 18px;
  color: #666;
}

.new-nonstandard-wrap .nsc-txt .em {
  font-weight: 700;
}

.new-nonstandard-wrap .nsc-pic {
  width: 100%;
  min-height: 10px;
  padding: 40px 40px;
  margin: 20px auto 20px;
}

.new-nonstandard-wrap .nsc-pic img {
  display: block;
  width: 100%;
  border: 0;
  outline: 0;
}

@media screen and (min-width: 768px) {
  .new-nonstandard-wrap .nsc-pic img.pc {
    display: block;
  }

  .new-nonstandard-wrap .nsc-pic img.mobile {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .new-nonstandard-wrap {
    width: calc(100% - 0px);
    margin: 45px auto 0px;
    padding-bottom: 100px;
    position: relative;
  }

  .new-nonstandard-wrap .trapezoid {
    width: 80%;
    height: 80px;
  }

  .new-nonstandard-wrap .nsc-txt {
    padding: 0 20px;
    line-height: 25px;
    font-size: 15px;
  }

  .new-nonstandard-wrap .nsc-pic img.pc {
    display: none;
  }

  .new-nonstandard-wrap .nsc-pic img.mobile {
    display: block;
  }
}


.new-nonstandard-wrap .red-line {
  width: calc(100% - 140px);
  height: 1px;
  background-color: #E81E28;
  position: absolute;
  bottom: 40px;
  left: 40px;
  z-index: 10;
}

.new-nonstandard-wrap .red-line::after {
  content: '';
  width: 100px;
  height: 1px;
  background-color: #E81E28;
  transform: rotate(-45deg);
  position: absolute;
  top: -36px;
  left: calc(100% - 15px);
  z-index: 10;
}

.red-sep-line {
  width: 40px;
  height: 2px;
  background: #E81E28;
  margin: 40px auto 40px;
}

.nsc-box {
  display: block;
  width: 100%;
  height: 400px;
  overflow: hidden;
  position: relative;
}

.nsc-box:hover{
  box-shadow: 0px 2px 10px 0px rgba(16,36,94,0.4),
  0px -2px 10px 0px rgba(16,36,94,0.4);
}

.nsc-box .bg-nsc{
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: absolute;
  top:0;
  left:0;
  z-index: 5;
  transition: transform 0.2s ease-in;
}

.nsc-box:hover .bg-nsc {
  transform: scale(1.03);
}


/*.nsc-box.b1 {
  background-image: url(../img/bg-nsc01.png);
}

.nsc-box.b2 {
  background-image: url(../img/bg-nsc02.png);
}

.nsc-box.b3 {
  background-image: url(../img/bg-nsc03.png);
}

.nsc-box.b4 {
  background-image: url(../img/bg-nsc04.png);
}

.nsc-box.b1 {
  background-image: url(../img/bg-nsc01.jpg);
}

.nsc-box.b2 {
  background-image: url(../img/bg-nsc02.jpg);
}

.nsc-box.b3 {
  background-image: url(../img/bg-nsc03.jpg);
}

.nsc-box.b4 {
  background-image: url(../img/bg-nsc04.jpg);
}

.nsc-box.b5 {
  background-image: url(../img/bg-nsc05.jpg);
}*/

.nsc-box .icon {
  width: 88px;
  height: 88px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 30;
}

.nsc-box .icon.i1 {
  background-image: url(../img/icon-nsc01.png);
}

.nsc-box .icon.i2 {
  background-image: url(../img/icon-nsc02.png);
}

.nsc-box .icon.i3 {
  background-image: url(../img/icon-nsc03.png);
}

.nsc-box .icon.i4 {
  background-image: url(../img/icon-nsc04.png);
}

/*change picture*/
.nsc-box .icon.i1 {
  background-image: url(../img/icon-nsc01-new.png);
}

.nsc-box .icon.i2 {
  background-image: url(../img/icon-nsc03-new.png);
}

.nsc-box .icon.i3 {
  background-image: url(../img/icon-nsc02-new.png);
}

.nsc-box .icon.i4 {
  background-image: url(../img/icon-nsc04-new.png);
}

.nsc-box .icon.i5 {
  background-image: url(../img/icon-nsc05-new.png);
}

.nsc-box:hover .icon.i1 {
  background-image: url(../img/icon-nsc01-new-red.png);
}

.nsc-box:hover .icon.i2 {
  background-image: url(../img/icon-nsc03-new-red.png);
}

.nsc-box:hover .icon.i3 {
  background-image: url(../img/icon-nsc02-new-red.png);
}

.nsc-box:hover .icon.i4 {
  background-image: url(../img/icon-nsc04-new-red.png);
}

.nsc-box:hover .icon.i5 {
  background-image: url(../img/icon-nsc05-new-red.png);
}


.nsc-box .txt {
  width: 100%;
  text-align: center;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  font-size: 18px;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-top: 60px;
  z-index: 30;
}

.nsc-box:hover .txt {
  color: #E81E28;
}

.quick-demand-wrap {
  width: 100%;
  min-height: 10px;
  background-color: #fff;
  margin: 0 auto 20px;
  padding: 20px 40px;
}

.quick-demand-wrap .qd-title {
  width: 100%;
  margin-bottom: 15px;
  text-align: center;
  line-height: 40px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  font-size: 22px;
  color: #E81E28;
}

.quick-demand-wrap .qd-form {
  width: 100%;
  min-heihgt: 10px;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
}

.quick-demand-wrap .qd-form .qd-half {
  flex: 0 0 auto;
  width: calc(50% - 20px);
  min-height: 10px;
  margin-bottom: 15px;
  position: relative;
}

.quick-demand-wrap .qd-form .qd-half:nth-child(2n) {
  margin-left: 40px;
}

.quick-demand-wrap .qd-form .qd-whole {
  flex: 0 0 auto;
  width: 100%;
  min-height: 10px;
  margin-bottom: 15px;
  position: relative;
}

.quick-demand-wrap .qd-form .qd-half label,
.quick-demand-wrap .qd-form .qd-whole label {
  display: block;
  width: 100%;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 500;
  font-size: 14px;
  color: #999;
}

.quick-demand-wrap .qd-form .qd-half input[type="text"] {
  width: 100%;
  height: 40px;
  background: #f5f7f7;
  border: 1px solid #d5d5d5;
  padding: 0 6px;
  line-height: 38px;
  font-family: "Microsoft YaHei";
  font-weight: 500;
  font-size: 16px;
  color: #333;
}

.quick-demand-wrap .qd-form .qd-whole textarea {
  width: 100%;
  min-height: 240px;
  background: #f5f7f7;
  border: 1px solid #d5d5d5;
  padding: 5px 6px;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 500;
  font-size: 16px;
  color: #333;
}


.quick-demand-wrap .qd-form .qd-submit {
  display: block;
  width: 165px;
  height: 50px;
  background: transparent;
  border: 1px solid #E81E28;
  border-radius: 25px;
  margin: 0 auto;
  text-decoration: none;
  font-size: 16px;
  color: #E81E28;
  cursor: pointer;
}

.p-title {
  width: 100%;
  height: 40px;
  margin-bottom: 40px;
  text-align: center;
  line-height: 40px;
  font-family: "Microsoft YaHei";
  font-weight: bold;
  font-size: 28px;
  color: #333;
  position: relative;
}

.p-title::after {
  content: '';
  width: 40px;
  height: 2px;
  background: #E81E28;
  position: absolute;
  bottom: -15px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 30;
}

.p-box {
  width: calc(100% - 80px);
  min-height: 360px;
  background: #fff;
  border: 1px solid #707070;
  margin: 20px auto 20px;
  padding: 20px 20px;
}

.p-box .pb-L {
  float: left;
  width: 520px;
  height: 320px;
  background-image: url(../img/pic-promotion01.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.p-box .pb-R {
  float: left;
  width: calc(100% - 520px);
  height: 320px;
  padding: 5px 10px 5px 50px;
  position: relative;
}

.p-box .pb-R .title {
  width: 100%;
  height: 30px;
  margin-bottom: 20px;
  position: relative;
}

.p-box .pb-R .title::before {
  content: '';
  width: 20px;
  height: 3px;
  background: #333;
  position: absolute;
  left: 0;
  bottom: -10px;
  z-index: 10;
}

.p-box .pb-R .title .txt {
  float: left;
  min-width: 100px;
  height: 20px;
  margin-right: 20px;
  line-height: 20px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  font-size: 18px;
  color: #333;
}

.p-box .pb-R .title .mark {
  float: left;
  min-width: 40px;
  height: 20px;
  background: #E81E28;
  padding: 0 10px;
  text-align: center;
  line-height: 20px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 12px;
  color: #fff;
}

.p-box .pb-R .t0 {
  width: 100%;
  min-height: 20px;
  line-height: 20px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  font-size: 14px;
  color: #666;
}

.p-box .pb-R .t1 {
  width: 100%;
  min-height: 20px;
  margin-bottom: 5px;
  line-height: 20px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 14px;
  color: #666;
}

.p-box .pb-R .t1 + .t0 {
  margin-top: 20px;
}

.p-box .pb-R .time-limit {
  width: 100%;
  height: 20px;
  line-height: 20px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 14px;
  color: #333;
  position: absolute;
  bottom: 30px;
  left: 50px;
  z-index: 20;
}

.p-box .pb-R .more-care {
  width: 100%;
  height: 20px;
  line-height: 20px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  font-size: 14px;
  color: #333;
  position: absolute;
  bottom: 5px;
  left: 50px;
  z-index: 20;
}

.p-box .pb-R .more-care .red {
  color: #E81E28;
}

.look-more {
  display: block;
  width: calc(100% - 80px);
  height: 40px;
  background: #F6F6F6 url(../img/icon-promotion-look-more.png) no-repeat center center;
  background-size: 29px 25px;
  border: 0;
  outline: 0;
  margin: -30px auto 40px;
  padding: 0;
  cursor: pointer;
}

.rotate {
  transform: rotate(180deg);
}

.p-box + .look-more {
  margin-top: 20px;
}

.red-mark {
  width: 100%;
  height: 20px;
  text-align: center;
  line-height: 20px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 14px;
  color: #999;
}

.red-mark .icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../img/icon-red-mark.png) no-repeat center center;
  background-size: contain;
  vertical-align: top;
  margin-right: 5px;
  position: relative;
  top: 2px;
}

.sr-box {
  width: calc(100% - 80px);
  height: 244px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  margin: 20px auto 20px;
  padding: 50px 80px 0 80px;
}

.sr-box.sr01 {
  background-image: url(../img/bg-shop-return01.png);
}

.sr-box.sr02 {
  background-image: url(../img/bg-shop-return02.png);
}

.sr-box .t1 {
  width: 100%;
  height: 30px;
  margin-bottom: 30px;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: bold;
  font-size: 22px;
  color: #333333;
  position: relative;
}

.sr-box .t1::after {
  content: '';
  width: 50px;
  height: 2px;
  background: #E81E28;
  position: absolute;
  bottom: -15px;
  left: 0;
  z-index: 10;
}

.sr-box .t2 {
  width: 100%;
  height: 30px;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 18px;
  color: #333;
  position: relative;
}

.shopping-flow-wrap {
  width: calc(100% - 80px);
  min-height: 100px;
  background-color: #F5F5F6;
  margin: 10px auto 20px;
  padding: 40px 40px;
  position: relative;
}

.shopping-flow-wrap .t1 {
  width: 100%;
  height: 40px;
  margin-bottom: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}

.shopping-flow-wrap .t1 .txt {
  margin-right: 20px;
  line-height: 40px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  font-size: 32px;
  color: #E81E28;
}

.shopping-flow-wrap .t1 .arr {
  width: 14px;
  height: 14px;
  background: url(../img/icon-shopflow-arrow1.png) no-repeat center center;
  background-size: contain;
  margin-right: 4px;
  position: relative;
}

.shopping-flow-wrap .t2 {
  width: 100%;
  min-height: 30px;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 18px;
  color: #333;
  position: relative;
}

.shopping-flow-wrap .shop-workflow {
  width: 100%;
  min-height: 100px;
  margin: 0 auto 30px;
  padding: 30px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}

.shopping-flow-wrap .shop-workflow .shop-step{
  width: 100%;
  min-height: 100px;
  padding-bottom: 30px;
  position: relative;
}

.shopping-flow-wrap .shop-workflow .shop-step .swiper-wrapper{
  width: 100%;
  height: 100%;
}

.shopping-flow-wrap .shop-workflow .shop-step .swiper-wrapper .swiper-slide{
  width: 100%;
  min-height: 10px;
}

.shopping-flow-wrap .shop-workflow .shop-step img {
  display: block;
  width: 100%;
}

.shopping-flow-wrap .shop-workflow .shop-step .swiper-pagination {
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
  height: 5px;
  /*background-color: rgba(128, 204, 111, 0.37);*/
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 100;
}

.shopping-flow-wrap .shop-workflow .shop-step .swiper-pagination .swiper-pagination-bullet {
  box-sizing: border-box;
  width: 25px;
  height: 5px;
  background: #DDD;
  opacity: 1;
  border-radius: 0;
  vertical-align: top;
}

.shopping-flow-wrap .shop-workflow .shop-step .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #E81E28;
  opacity: 1;
}

.shopping-flow-wrap .shop-workflow .sw {
  flex: 0 0 auto;
  width: 140px;
  height: 180px;
  border: 1px solid #E81E28;
  border-radius: 10px;
  margin-bottom: 30px;
  padding-top: 35px;
  position: relative;
}

.shopping-flow-wrap .shop-workflow .sw .icon {
  width: 42px;
  height: 42px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  margin: 0 auto 5px;
}

.shopping-flow-wrap .shop-workflow .sw .icon.sw01 {
  background-image: url(../img/icon-sw01.png);
}

.shopping-flow-wrap .shop-workflow .sw .icon.sw02 {
  background-image: url(../img/icon-sw02.png);
}

.shopping-flow-wrap .shop-workflow .sw .icon.sw03 {
  background-image: url(../img/icon-sw03.png);
}

.shopping-flow-wrap .shop-workflow .sw .icon.sw04 {
  background-image: url(../img/icon-sw04.png);
}

.shopping-flow-wrap .shop-workflow .sw .icon.sw05 {
  background-image: url(../img/icon-sw05.png);
}

.shopping-flow-wrap .shop-workflow .sw .icon.sw06 {
  background-image: url(../img/icon-sw06.png);
}

.shopping-flow-wrap .shop-workflow .sw .txt {
  width: 100%;
  height: 30px;
  margin-bottom: 10px;
  padding: 0 5px;
  text-align: center;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  font-size: 18px;
  color: #E81E28;
}

.shopping-flow-wrap .shop-workflow .sw .desc {
  width: 100%;
  min-height: 20px;
  padding: 0 5px;
  text-align: center;
  line-height: 20px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 11px;
  color: #666;
}

.shopping-flow-wrap .shop-workflow .sw-arr {
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  background-image: url(../img/icon-sw-arr.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  margin: 0 22px;
  position: relative;
  top: -15px;
}

.shop-flow {
  width: calc(100% - 80px);
  height: 270px;
  background: #F5F5F6;
  margin: 20px auto 20px;
  padding: 50px 0 0 0;
  text-align: center;
  font-size: 0;
  position: relative;
}

.shop-flow .sf {
  display: inline-block;
  width: 110px;
  height: 190px;
  vertical-align: top;
  position: relative;
}

.shop-flow .sf + .sf {
  margin-left: 100px;
}

.shop-flow .sf + .sf::before {
  content: '';
  width: 90px;
  height: 0px;
  border: 1px dashed #E81E28;
  position: absolute;
  top: 36px;
  right: 112px;
  z-index: 20;
}

.shop-flow .sf + .sf::after {
  content: '';
  width: 10px;
  height: 10px;
  background: #E81E28;
  border-radius: 50%;
  position: absolute;
  top: 32px;
  right: 104px;
  z-index: 20;
}


.shop-flow .sf .icon {
  display: block;
  width: 60px;
  height: 72px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  margin: 0 auto 15px;
}

.shop-flow .sf .icon.sf01 {
  background-image: url(../img/icon-shop-return01.png);
}

.shop-flow .sf .icon.sf02 {
  background-image: url(../img/icon-shop-return02.png);
}

.shop-flow .sf .icon.sf03 {
  background-image: url(../img/icon-shop-return03.png);
}

.shop-flow .sf .icon.sf04 {
  background-image: url(../img/icon-shop-return04.png);
}

.shop-flow .sf .icon.sf05 {
  background-image: url(../img/icon-shop-return05.png);
}

.shop-flow .sf .icon.sf06 {
  background-image: url(../img/icon-shop-return06.png);
}

.shop-flow .sf .t1 {
  width: 100%;
  height: 30px;
  margin-bottom: 2px;
  text-align: center;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  font-size: 20px;
  color: #333;
}

.shop-flow .sf .t2 {
  width: 100%;
  min-height: 20px;
  text-align: center;
  line-height: 20px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 12px;
  color: #333;
}

.return-type {
  width: 100%;
  min-height: 270px;
  background: #F5F5F6;
  margin: 20px auto 20px;
  padding: 40px 0px;
  position: relative;
}

.tb-rt {
  width: 100%;
  min-height: 50px;
  border-collapse: collapse;
  margin: 0 auto 20px;
}

.tb-rt thead th {
  background: #D2D2D2;
  border: 1px solid #707070;
  padding: 10px 20px;
  text-align: center;
  line-height: 25px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  font-size: 18px;
  color: #333;
}

.tb-rt tbody td {
  background: #fff;
  border: 1px solid #707070;
  padding: 10px 20px;
  text-align: center;
  line-height: 25px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 18px;
  color: #333;
}

.tb-rt thead th:nth-of-type(1),
.tb-rt tbody td:nth-of-type(1) {
  width: 25%;
}

.tb-rt thead th:nth-of-type(2),
.tb-rt tbody td:nth-of-type(2) {
  width: 25%;
}

.tb-rt thead th:nth-of-type(3),
.tb-rt tbody td:nth-of-type(3) {
  width: 50%;
}

.rt-title {
  width: 100%;
  height: 50px;
  margin-bottom: 10px;
  border-bottom: 1px solid #666;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  font-size: 20px;
  color: #333;
  position: relative;
}

.rt-desc {
  width: 100%;
  padding-left: 20px;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 18px;
  color: #333;
  position: relative;
}

.rt-desc + .rt-title {
  margin-top: 30px;
}

.forum-wrap {
  width: calc(100% - 80px);
  min-height: 100px;
  margin: 0 auto 20px;
  position: relative;
}

.forum-wrap .forum-L {
  float: left;
  width: 1000px;
  min-height: 100px;
  margin-right: 20px;
}

.forum-wrap .forum-R {
  float: left;
  width: calc(100% - 1020px);
  min-height: 100px;
}

.forum-wrap .forum-L .banner {
  width: 1000px;
  height: 300px;
  background: url(../img/bg-cf-banner.png) no-repeat center center;
  background-size: contain;
  margin: 0 auto 20px;
  position: relative;
}

.forum-wrap .forum-L .forum-tabs {
  width: 100%;
  height: 81px;
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  margin: 0 auto;
  padding: 20px 30px;
  position: relative;
}

.forum-wrap .forum-L .forum-tabs .ft {
  float: left;
  min-width: 50px;
  height: 40px;
  padding: 0 15px;
  text-align: center;
  line-height: 40px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 18px;
  color: #333;
  position: relative;
}

.forum-wrap .forum-L .forum-tabs .ft.active {
  font-weight: 700;
  color: #E81E28;
}

.forum-wrap .forum-L .forum-tabs .ft.active::after {
  content: '';
  width: 100%;
  height: 2px;
  background: #E81E28;
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 30;
}

.forum-wrap .forum-L .forum-tabs .screen {
  float: right;
  width: 200px;
  height: 40px;
  /*border: 1px solid #707070;*/
  position: relative;
}

.forum-wrap .forum-L .forum-tabs .screen .form-select {
  border: 1px solid #707070;
  border-radius: 0;
}

.forum-wrap .forum-L .forum-item {
  width: 100%;
  min-height: 280px;
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  margin: 0 auto;
  padding: 30px 50px;
  position: relative;
}

.forum-wrap .forum-L .forum-item .title {
  width: 100%;
  height: 30px;
  margin-bottom: 10px;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  font-size: 20px;
  color: #333;
}

.forum-wrap .forum-L .forum-item .para {
  width: 100%;
  min-height: 25px;
  margin-bottom: 30px;
  line-height: 25px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 16px;
  color: #666;
}

.forum-wrap .forum-L .forum-item .para .read-whole {
  color: #E81E28;
}

.forum-wrap .forum-L .forum-item .item-info {
  width: 100%;
  height: 30px;
  margin: 20px auto 20px;
}

.forum-wrap .forum-L .forum-item .item-info .dick {
  float: left;
  min-width: 80px;
  height: 26px;
  border: 1px solid #E81E28;
  margin-right: 15px;
  padding: 0 10px;
  text-align: center;
  line-height: 24px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 14px;
  color: #E81E28;
}

.forum-wrap .forum-L .forum-item .item-info .time {
  float: right;
  min-width: 80px;
  height: 26px;
  /*background-color: rgba(52, 229, 115, 0.59);*/
  margin-left: 15px;
  line-height: 26px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 14px;
  color: #666;
}

.forum-wrap .forum-L .forum-item .item-info .user {
  float: right;
  min-width: 80px;
  height: 26px;
  /*background-color: rgba(52, 229, 115, 0.59);*/
  margin-left: 15px;
  line-height: 26px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 14px;
  color: #666;
}

.forum-wrap .forum-L .forum-item .item-info .avatar {
  float: right;
  width: 24px;
  height: 24px;
  background: url(../img/icon-forum-avatar.png) no-repeat center center;
  background-size: contain;
  margin-left: 15px;
  margin-top: 1px;
}

.forum-wrap .forum-L .forum-item .item-desc {
  width: 100%;
  height: 70px;
  background: #F5F5F6;
  margin: 0 auto;
  padding: 15px 25px;
  position: relative;
}

.forum-wrap .forum-L .forum-item .item-desc .browse {
  float: left;
  min-width: 100px;
  height: 36px;
  background: #fff;
  border: 1px solid #131415;
  margin-right: 15px;
  padding: 0 10px;
  text-align: center;
}

.forum-wrap .forum-L .forum-item .item-desc .browse .icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  vertical-align: top;
  position: relative;
  top: 4px;
}

.forum-wrap .forum-L .forum-item .item-desc .browse .icon.i1 {
  background-image: url(../img/icon-forum-browse01.png);
  background-size: 21px 15px;
}

.forum-wrap .forum-L .forum-item .item-desc .browse .icon.i2 {
  background-image: url(../img/icon-forum-browse02.png);
  background-size: 19px 17px;
}

.forum-wrap .forum-L .forum-item .item-desc .browse .txt {
  vertical-align: top;
  line-height: 34px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 14px;
  color: #131415;
}

.forum-wrap .forum-L .forum-item .item-desc .answer {
  float: right;
  width: 120px;
  height: 36px;
  background: #131415;
  text-align: center;
  line-height: 36px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 14px;
  color: #fff;
  cursor: default;
}

.forum-wrap .forum-L .container {
  width: 100%;
  background-color: #fff;
  padding-bottom: 30px;
}

.forum-wrap .forum-R .fr-btn-wrap {
  width: 100%;
  height: 100px;
  background: #fff;
  box-shadow: 0px 8px 64px 1px rgba(0, 0, 0, 0.08);
  padding: 20px 20px;
  position: relative;
}

.forum-wrap .forum-R .fr-btn-wrap .fr-btn {
  width: 100%;
  height: 60px;
  background: #E81E28;
  margin-bottom: 2px;
  text-align: center;
}

.forum-wrap .forum-R .fr-btn-wrap .fr-btn .icon {
  display: inline-block;
  width: 26px;
  height: 26px;
  background: url(../img/icon-fr-btn.png) no-repeat center center;
  background-size: contain;
  vertical-align: top;
  margin-right: 15px;
  margin-top: 17px;
  position: relative;
}

.forum-wrap .forum-R .fr-btn .txt {
  display: inline-block;
  vertical-align: top;
  line-height: 60px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 20px;
  color: #fff;
}

.forum-wrap .forum-R .fr-info {
  width: 100%;
  min-height: 100px;
  background: #fff;
  box-shadow: 0px 8px 64px 1px rgba(0, 0, 0, 0.08);
  margin-bottom: 20px;
  padding: 20px 20px;
  position: relative;
}

.forum-wrap .forum-R .fr-info .title {
  width: 100%;
  height: 30px;
  margin-bottom: 20px;
  text-align: center;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 18px;
  color: #333;
}

.forum-wrap .forum-R .fr-info .fr-pic {
  width: 132px;
  height: 110px;
  background-image: url(../img/icon-fr-pic.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  margin: 20px auto 20px;
  position: relative;
}

.forum-wrap .forum-R .fr-info .quick-register {
  width: 150px;
  height: 50px;
  border: 1px solid #707070;
  border-radius: 25px;
  margin: 0px auto 20px;
  text-align: center;
  line-height: 48px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 20px;
  color: #333;
  position: relative;
}

.forum-wrap .forum-R .fr-info .qr {
  width: 100%;
  height: 30px;
  margin-bottom: 20px;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 16px;
  color: #333;
}

.forum-wrap .forum-R .fr-info .qr .qr-L {
  float: left;
  color: #333;
}

.forum-wrap .forum-R .fr-info .qr .qr-R {
  float: right;
  color: #333;
}

.forum-wrap .forum-R .fr-info .explain {
  width: 100%;
  min-height: 10px;
  background-color: #fff;
  border-top: 1px solid #ccc;
  padding: 20px 0;
}

.forum-wrap .forum-R .fr-info .explain .e-item {
  display: inline-block;
  min-width: 80px;
  height: 26px;
  border: 1px solid #E81E28;
  margin-bottom: 10px;
  padding: 0 10px;
  text-align: center;
  line-height: 24px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 14px;
  color: #E81E28;
}

.forum-wrap .forum-R .fr-info .explain .e-txt {
  margin-bottom: 20px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 14px;
  color: #333;
}

.forum-wrap .forum-R .fr-mark {
  width: 100%;
  min-height: 10px;
  background: #fff;
  box-shadow: 0px 8px 64px 1px rgba(0, 0, 0, 0.08);
  padding: 20px 20px;
  position: relative;
}

.forum-wrap .forum-R .fr-mark .fr-hd {
  width: 100%;
  height: 20px;
  margin-bottom: 20px;
  position: relative;
}

.forum-wrap .forum-R .fr-mark .fr-hd .icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../img/icon-fr-mark.png) no-repeat center center;
  background-size: contain;
  margin-right: 10px;
  vertical-align: top;
  position: relative;
}

.forum-wrap .forum-R .fr-mark .fr-hd .txt {
  vertical-align: top;
  line-height: 20px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  font-size: 18px;
  color: #333;
}


.forum-wrap .forum-R .fr-mark .fr-bd {
  width: 100%;
  min-height: 10px;
  position: relative;
}

.forum-wrap .forum-R .fr-mark .fr-bd .cell {
  float: left;
  min-width: 80px;
  height: 26px;
  border: 1px solid #999;
  margin-right: 5px;
  margin-bottom: 10px;
  padding: 0 10px;
  text-align: center;
  line-height: 24px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 14px;
  color: #999;
}

.forum-new {
  width: 100%;
  min-height: 100px;
  background-color: #fff;
  margin: 0 auto 20px;
  padding: 30px 30px;
  position: relative;
}

.forum-new .fn-banner {
  float: left;
  width: 100%;
  height: 312px;
  background: url(../img/bg-banner-QA.png) no-repeat center center;
  background-size: contain;
  margin-bottom: 30px;
  padding: 30px 30px;
  position: relative;
}

.forum-new .fn-banner .qa-wrap {
  width: 60%;
  height: 54px;
  background: #fff;
  border: 1px solid #707070;
  position: absolute;
  bottom: 35px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
}

.forum-new .fn-banner .qa-wrap .input-qa {
  width: 100%;
  height: 100%;
  /*background-color: rgba(255, 192, 203, 0.29);*/
  border: 0;
  outline: 0;
  padding: 15px 60px 15px 20px;
  line-height: 22px;
  font-family: "SourceHanSansCN-Normal";
  font-weight: 500;
  font-size: 16px;
  color: #333;
  position: relative;
  z-index: 20;
}

.forum-new .fn-banner .qa-wrap .input-qa::placeholder {
  color: #999;
}

.forum-new .fn-banner .qa-wrap .btn-qa {
  width: 53px;
  height: 53px;
  background: transparent;
  border: 0;
  outline: 0;
  text-align: center;
  line-height: 53px;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 30;
}

.forum-new .fn-banner .qa-wrap .btn-qa .icon-qa {
  display: inline-block;
  width: 25px;
  height: 25px;
  background: url(../img/icon-btn-qa.png) no-repeat center center;
  background-size: contain;
  position: relative;
  top: 3px;
}

.forum-new .fn-banner-new {
  float: left;
  width: 100%;
  min-height: 10px;
  background: #F5F5F6;
  margin-bottom: 30px;
  padding: 30px;
  position: relative;
}

.forum-new .fn-banner-new .title {
  width: 100%;
  height: 30px;
  margin-bottom: 30px;
  text-align: center;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  font-size: 28px;
  color: #333;
}

.forum-new .fn-banner-new .qa-wrap {
  width: 60%;
  height: 55px;
  background: #fff;
  border: 2px solid #E81E28;
  border-radius: 28px;
  margin: 0 auto;
  position: relative;
}

.forum-new .fn-banner-new .qa-wrap .input-qa {
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 15px 60px 15px 20px;
  line-height: 22px;
  font-family: "SourceHanSansCN-Normal";
  font-weight: 500;
  font-size: 16px;
  color: #333;
  position: relative;
  z-index: 20;
}

.forum-new .fn-banner-new .qa-wrap .input-qa::placeholder {
  color: #999;
}

.forum-new .fn-banner-new .qa-wrap .btn-qa {
  width: 53px;
  height: 53px;
  background: transparent;
  border: 0;
  outline: 0;
  text-align: center;
  line-height: 53px;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 30;
}

.forum-new .fn-banner-new .qa-wrap .btn-qa .icon-qa {
  display: inline-block;
  width: 25px;
  height: 25px;
  background: url(../img/icon-btn-qa.png) no-repeat center center;
  background-size: contain;
  position: relative;
  top: 5px;
}


.forum-new .fn-L {
  float: left;
  width: 280px;
  min-height: 500px;
  background: #fff;
  border: 1px solid #ccc;
  padding: 20px 0px;
  position: relative;
}

.forum-new .fn-R {
  float: left;
  width: calc(100% - 310px);
  min-height: 500px;
  background: #fff;
  margin-left: 30px;
  position: relative;
}

.forum-new .fn-L .ps-list {
  width: 100%;
  min-height: 10px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
  padding-bottom: 10px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: all 0.3s ease;
  position: relative;
}

.forum-new .fn-L .ps-list .ps-hd {
  width: 100%;
  height: 30px;
  /*background-color: rgba(255, 192, 203, 0.4);*/
  padding-left: 40px;
  padding-right: 40px;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  font-size: 16px;
  color: #333;
  position: relative;
}

.forum-new .fn-L .ps-list .ps-hd::before {
  content: '';
  width: 20px;
  height: 20px;
  background-image: url(../img/icon-question-category.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  position: absolute;
  left: 15px;
  top: 5px;
  z-index: 10;
}

.forum-new .fn-L .ps-list .ps-hd::after {
  content: '';
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 10px 10px;
  position: absolute;
  right: 10px;
  top: 0;
  z-index: 10;
}

.forum-new .fn-L .ps-list .ps-hd[data-arr="down"]::after {
  background-image: url(../img/icon-ps-list-arrow-down.png);
}

.forum-new .fn-L .ps-list .ps-hd[data-arr="right"]::after {
  background-image: url(../img/icon-ps-list-arrow-right.png);
}

.forum-new .fn-L .ps-list .ps-bd {
  width: 100%;
  min-height: 30px;
  /*background-color: rgba(150, 154, 89, 0.4);*/
  list-style: none;
  padding: 0;
  cursor: default;
  position: relative;
}

.forum-new .fn-L .ps-list .ps-hd[data-arr="down"] + .ps-bd {
  display: block;
}

.forum-new .fn-L .ps-list .ps-hd[data-arr="right"] + .ps-bd {
  display: none;
}

.forum-new .fn-L .ps-list .ps-bd li {
  width: 100%;
  min-height: 40px;
  background-color: #fff;
  border-left: 8px solid transparent;
  padding-left: 32px;
  line-height: 40px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 16px;
  color: #333;
}

.forum-new .fn-L .ps-list .ps-bd li + li {
  margin-top: 5px;
}

.forum-new .fn-L .ps-list .ps-bd li a {
  color: #333;
}

.forum-new .fn-L .ps-list .ps-bd li:hover,
.forum-new .fn-L .ps-list .ps-bd li.active,
.forum-new .fn-L .ps-list .ps-bd li.selected {
  background: #FFE6E6;
  border-left-color: #E81E28;
}

.forum-new .fn-L .ps-list .ps-bd li:hover a,
.forum-new .fn-L .ps-list .ps-bd li.active a,
.forum-new .fn-L .ps-list .ps-bd li.selected a {
  color: #E81E28;
}

.forum-new .fn-R .title {
  width: 100%;
  height: 50px;
  padding-left: 13px;
  line-height: 50px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  font-size: 24px;
  color: #333;
  position: relative;
}

.forum-new .fn-R .question-wrap {
  width: 100%;
  min-height: 400px;
  background: #fff;
  /*border: 1px solid #ccc;*/
  margin: 0 auto 20px;
  padding: 20px 20px;
  position: relative;
}

.forum-new .fn-R .question-wrap .qw {
  width: 100%;
  min-height: 80px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
  position: relative;
}

.forum-new .fn-R .question-wrap .qw .question {
  width: 100%;
  height: 80px;
  padding: 10px 0px;
  position: relative;
}

.forum-new .fn-R .question-wrap .qw .question .icon-mark {
  float: left;
  width: 24px;
  height: 24px;
  background-image: url(../img/icon-question-title.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  vertical-align: top;
  margin-right: 5px;
  position: relative;
  top: 18px;
}

.forum-new .fn-R .question-wrap .qw .question .txt {
  float: left;
  width: calc(100% - 130px);
  min-height: 10px;
  /*background-color: rgba(202, 222, 111, 0.3);*/
  line-height: 60px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 20px;
  color: #333;
}

.forum-new .fn-R .question-wrap .qw .question .icon {
  float: right;
  width: 30px;
  height: 60px;
  /*background-color: rgba(113, 196, 167, 0.3);*/
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 10px 10px;
  position: relative;
}

.forum-new .fn-R .question-wrap .qw .question[data-k="up"] .icon {
  background-image: url(../img/icon-question-up.png);
}

.forum-new .fn-R .question-wrap .qw .question[data-k="down"] .icon {
  background-image: url(../img/icon-question-down.png);
}

.forum-new .fn-R .question-wrap .qw .question .action {
  float: right;
  width: 50px;
  height: 60px;
  line-height: 60px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 16px;
  color: #E81E28;
  position: relative;
}

.forum-new .fn-R .question-wrap .qw .anwser {
  width: 100%;
  min-height: 10px;
  background-color: #F5F5F6;
  padding: 20px 20px;
  line-height: 25px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 16px;
  color: #666;
  transition: all 0.3s ease;
}

.forum-new .fn-R .question-wrap .qw .question[data-k="up"] + .anwser {
  display: block;
}

.forum-new .fn-R .question-wrap .qw .question[data-k="down"] + .anwser {
  display: none;
}

.questionnaire-wrap {
  width: calc(100% - 0px);
  height: 524px;
  background-image: url(../img/bg-questionnarie.png);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
  margin: 0 auto 400px;
  padding: 120px 0 0 200px;
  position: relative;
}

.questionnaire-wrap .title {
  width: 100%;
  height: 30px;
  margin-bottom: 30px;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  font-size: 28px;
  color: #333;
}

.questionnaire-wrap .desc {
  width: 376px;
  min-height: 10px;
  margin-bottom: 60px;
  line-height: 25px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 16px;
  color: #666;
}

.questionnaire-wrap .to-fill {
  width: 150px;
  height: 60px;
  background: #E81E28;
  box-shadow: 0px 3px 6px 1px #BF0009;
  border-radius: 30px 30px 30px 30px;
  border: 0;
  outline: 0;
  padding: 0 15px;
  text-align: center;
  line-height: 60px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 19px;
  color: #fff;
  cursor: pointer;
}

.questionnaire-wrap .q-form {
  width: 555px;
  min-height: 100px;
  background-color: #fff;
  padding: 40px 40px 40px 40px;
  position: absolute;
  top: 100px;
  left: 680px;
  z-index: 0;
}

.questionnaire-wrap .q-form .qf {
  width: 100%;
  height: 60px;
  outline: 1px solid #ccc;
  margin: 20px auto;
  padding: 15px 20px;
  position: relative;
}

.questionnaire-wrap .q-form .qf-long {
  width: 100%;
  min-height: 200px;
  outline: 1px solid #ccc;
  margin: 20px auto;
  padding: 15px 20px;
  position: relative;
}

.questionnaire-wrap .q-form .qf .txt {
  float: left;
  width: 150px;
  height: 30px;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 18px;
  color: #666;
}

.questionnaire-wrap .q-form .qf-long .txt-whole {
  float: left;
  width: 100%;
  height: 30px;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 18px;
  color: #666;
}

.questionnaire-wrap .q-form .qf .txt .red {
  color: #E81E28;
}

.questionnaire-wrap .q-form .qf .form-control {
  float: left;
  width: calc(100% - 150px);
  height: 30px;
  border-radius: 0;
  border: 0;
  outline: 0;
  box-shadow: none !important;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 18px;
  color: #333;
}

.questionnaire-wrap .q-form .qf-long textarea {
  float: left;
  width: 100%;
  height: 150px;
  border-radius: 0;
  border: 0;
  outline: 0;
  box-shadow: none !important;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 18px;
  color: #333;
}

.questionnaire-wrap .q-form .btn-submit {
  display: block;
  width: 150px;
  height: 50px;
  background: #E81E28;
  border-radius: 25px;
  border: 0;
  outline: 0;
  margin: 30px auto 30px;
  text-align: center;
  line-height: 50px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 16px;
  color: #fff;
  cursor: pointer;
}

.case-display {
  width: 100%;
  min-height: 100px;
  background-color: #fff;
  margin: 20px auto 20px;
  padding: 0 40px;
  text-align: center;
  font-size: 0;
  position: relative;
}

.case-display .cd {
  display: inline-block;
  width: calc(13% - 10px);
  height: 120px;
  vertical-align: top;
  position: relative;
}

.case-display .cd.active {
  border-color: #E81E28;
}

.case-display .cd + .cd {
  margin-left: 30px;
}

.case-display .cd .icon {
  width: 100%;
  height: 80px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50px 50px;
  border: 1px solid #999;
  margin: 0 auto 10px;
}

.case-display .cd.active .icon {
  border-color: #E81E28;
}

.case-display .cd .icon.cd1 {
  background-image: url(../img/icon-cd01-gray.png);
}

.case-display .cd .icon.cd2 {
  background-image: url(../img/icon-cd02-gray.png);
}

.case-display .cd .icon.cd3 {
  background-image: url(../img/icon-cd03-gray.png);
}

.case-display .cd .icon.cd4 {
  background-image: url(../img/icon-cd04-gray.png);
}

.case-display .cd .icon.cd5 {
  background-image: url(../img/icon-cd05-gray.png);
}

.case-display .cd .icon.cd6 {
  background-image: url(../img/icon-cd06-gray.png);
}

.case-display .cd .icon.cd7 {
  background-image: url(../img/icon-cd07-gray.png);
}

.case-display .cd.active .icon.cd1 {
  background-image: url(../img/icon-cd01-red.png);
}

.case-display .cd.active .icon.cd2 {
  background-image: url(../img/icon-cd02-red.png);
}

.case-display .cd.active .icon.cd3 {
  background-image: url(../img/icon-cd03-red.png);
}

.case-display .cd.active .icon.cd4 {
  background-image: url(../img/icon-cd04-red.png);
}

.case-display .cd.active .icon.cd5 {
  background-image: url(../img/icon-cd05-red.png);
}

.case-display .cd.active .icon.cd6 {
  background-image: url(../img/icon-cd06-red.png);
}

.case-display .cd.active .icon.cd7 {
  background-image: url(../img/icon-cd07-red.png);
}

.case-display .cd .txt {
  width: 100%;
  text-align: center;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 18px;
  color: #333;
}

.case-display .cd.active .txt {
  font-weight: 700;
  color: #E81E28;
}

.cd-box {
  display: block;
  width: 100%;
  height: 340px;
  background-color: #fff;
  margin-bottom: 20px;
  overflow: hidden;
  position: relative;
}

.cd-box .txt {
  width: 100%;
  height: 65px;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 100;
}

.cd-box .txt .inner {
  display: block;
  width: 100%;
  min-height: 20px;
  padding: 0 15px;
  line-height: 20px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  font-size: 14px;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 20;
}


.cd-box img {
  display: block;
  width: 100%;
  /*height: 340px;*/
  margin: 0 auto;
  position: relative;
  transition: transform 0.2s ease-in;
}

.cd-box:hover img {
  transform: scale(1.03);
}


.pm-wrap {
  width: 100%;
  min-height: 10px;
  margin: 0 auto 20px;
  position: relative;
}

.pm-box {
  width: 100%;
  height: 85px;
  background: #F2F2F2;
  border-bottom: 2px solid #E81E28;
  margin-bottom: 25px;
  padding: 22px 50px 0 50px;
  position: relative;
}

.pm-box .txt {
  float: left;
  min-width: 50px;
  height: 40%;
  line-height: 40px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  font-size: 20px;
  color: #333;
}

.pm-box .icon {
  float: right;
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.pm-box .icon.pm01 {
  background-image: url(../img/icon-pm01.png);
}

.pm-box .icon.pm02 {
  background-image: url(../img/icon-pm02.png);
}

.pm-box .icon.pm03 {
  background-image: url(../img/icon-pm03.png);
}

.pm-box .icon.pm04 {
  background-image: url(../img/icon-pm04.png);
}

.pm-box .icon.pm05 {
  background-image: url(../img/icon-pm05.png);
}

.pm-box .icon.pm06 {
  background-image: url(../img/icon-pm06.png);
}

.pm-cell {
  display: block;
  width: 100%;
  /* max-height: 450px; */
  /* min-height: 450px; */
  background: #F6F6F6;
  margin-bottom: 20px;
  padding: 20px 20px 40px 20px;
  position: relative;
}

.pm-cell .t3 {
  display: block;
  width: 235px;
  height: 320px;
  margin: 0 auto 10px;
  overflow: hidden;
  position: relative;
}

.pm-cell .t3:hover{
  box-shadow: 0px 2px 10px 0px rgba(16,36,94,0.4),
  0px -2px 10px 0px rgba(16,36,94,0.4);
}

.pm-cell .t3 img {
  display: block;
  max-width: 100%;
  max-height: 320px;
  margin: 0 auto;
  position: relative;
  transition: transform 0.2s ease-in;
}

.pm-cell:hover .t3 img {
  /*transform: scale(1.03);*/
}


.pm-cell .t1 {
  display: block;
  width: 100%;
  height: 60px;
  margin-bottom: 20px;
  position: relative;
}

.pm-cell .t1 .inner{
  width: 100%;
  padding: 0 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-align: center;
  line-height: 25px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  font-size: 16px;
  color: #333;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 20;
}

.pm-cell .t2 {
  width: 100%;
  min-height: 60px;
  max-height: 350px;
  overflow: hidden;
  margin-bottom: 40px;
  line-height: 35px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 14px;
  color: #666;
}

.pm-cell .know-more {
  display: block;
  width: 100px;
  height: 30px;
  border: 1px solid #E81E28;
  text-align: center;
  line-height: 28px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 12px;
  color: #E81E28;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 20px;
  z-index: 20;
}

.tl-tabs {
  width: calc(100% - 80px);
  height: 40px;
  /*background-color: rgba(105, 159, 113, 0.3);*/
  margin: 20px auto 20px;
  position: relative;
}

.tl-tabs::after {
  content: '';
  width: 100%;
  height: 1px;
  background-color: #ccc;
  position: absolute;
  bottom: -6px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
}

.tl-tabs .tl {
  float: left;
  min-width: 50px;
  height: 40px;
  margin-right: 15px;
  padding: 0 10px;
  text-align: center;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 18px;
  color: #333;
  cursor: pointer;
  position: relative;
}

.tl-tabs .tl.active {
  font-weight: 700;
  color: #E81E28;
}

.tl-tabs .tl.active::after {
  content: '';
  width: 100%;
  height: 2px;
  background-color: #E81E28;
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 20;
}

.tl-box {
  width: calc(100% - 80px);
  height: 300px;
  border-bottom: 1px solid #ccc;
  margin: 0 auto;
  padding: 40px 0px;
  position: relative;
}

.tl-box .tl-L {
  float: left;
  width: 300px;
  height: 225px;
  /*background-color: rgba(109, 197, 197, 0.38);*/
  overflow: hidden;
  position: relative;
}

.tl-box .tl-R {
  float: left;
  width: calc(100% - 300px);
  height: 225px;
  /*background-color: rgba(231, 253, 208, 0.38);*/
  padding: 0px 0px 0px 40px;
  position: relative;
}

.tl-box .tl-L img {
  display: block;
  width: 100%;
  max-height: 100%;
  margin: 0 auto;
  position: relative;
  transition: transform 0.2s ease-in;
}

.tl-box .tl-L:hover img {
  transform: scale(1.03);
}

.tl-box .tl-R .t1 {
  width: 100%;
  height: 30px;
  margin-bottom: 30px;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  font-size: 22px;
  color: #333;
}

.tl-box .tl-R .t1 a{
  color: #333;
}

.tl-box .tl-R .t2 {
  width: 100%;
  min-height: 30px;
  margin-bottom: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 14px;
  color: #666;
}

.tl-box .tl-R .t3 {
  display: inline-block;
  min-width: 80px;
  height: 34px;
  border-radius: 17px;
  border: 1px solid #999;
  padding: 0 20px;
  text-align: center;
  line-height: 32px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 14px;
  color: #666;
  position: relative;
}

.new-announcement {
  width: 100%;
  min-height: 100px;
  background-color: #fff;
  margin: 20px auto 20px;
  padding: 0 40px;
  text-align: center;
  font-size: 0;
  position: relative;
}

.new-announcement .na {
  display: inline-block;
  width: calc(15% - 10px);
  height: 120px;
  vertical-align: top;
  position: relative;
}

.new-announcement .na.active {
  border-color: #E81E28;
}

.new-announcement .na + .na {
  margin-left: 30px;
}

.new-announcement .na .icon {
  width: 100%;
  height: 80px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50px 50px;
  border: 1px solid #999;
  margin: 0 auto 10px;
}

.new-announcement .na.active .icon {
  border-color: #E81E28;
}

.new-announcement .na .icon.na1 {
  background-image: url(../img/icon-na01-gray.png);
}

.new-announcement .na .icon.na2 {
  background-image: url(../img/icon-na02-gray.png);
}

.new-announcement .na .icon.na3 {
  background-image: url(../img/icon-na03-gray.png);
}

.new-announcement .na .icon.na4 {
  background-image: url(../img/icon-na04-gray.png);
}

.new-announcement .na .icon.na5 {
  background-image: url(../img/icon-na05-gray.png);
}

.new-announcement .na .icon.na6 {
  background-image: url(../img/icon-na06-gray.png);
}

.new-announcement .na.active .icon.na1 {
  background-image: url(../img/icon-na01-red.png);
}

.new-announcement .na.active .icon.na2 {
  background-image: url(../img/icon-na02-red.png);
}

.new-announcement .na.active .icon.na3 {
  background-image: url(../img/icon-na03-red.png);
}

.new-announcement .na.active .icon.na4 {
  background-image: url(../img/icon-na04-red.png);
}

.new-announcement .na.active .icon.na5 {
  background-image: url(../img/icon-na05-red.png);
}

.new-announcement .na.active .icon.na6 {
  background-image: url(../img/icon-na06-red.png);
}

.new-announcement .na .txt {
  width: 100%;
  text-align: center;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 18px;
  color: #333;
}

.new-announcement .na.active .txt {
  font-weight: 700;
  color: #E81E28;
}

.na-wrap {
  width: 100%;
  min-height: 100px;
  margin: 0px auto;
  padding: 40px 30px 20px 30px;
  position: relative;
}

.na-box {
  display: block;
  width: 100%;
  height: 310px;
  background-color: #F6F6F6;
  margin-bottom: 40px;
  position: relative;
}

.na-box:hover{
  box-shadow: 0px 2px 10px 0px rgba(16,36,94,0.4),
              0px -2px 10px 0px rgba(16,36,94,0.4);
}

.na-box .img-wrap {
  display: block;
  width: 100%;
  height: 200px;
  margin: 0 auto 10px;
  overflow: hidden;
  position: relative;
}

.na-box .img-wrap img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
  position: relative;
  transition: transform 0.2s ease-in;
}

.na-box:hover .img-wrap img {
  /*transform: scale(1.03);*/
}

.na-box .t1 {
  width: 100%;
  margin-bottom: 10px;
  padding: 0 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  font-size: 20px;
  color: #333;
}

.na-box .t2 {
  width: 100%;
  height: 75px;
  margin-bottom: 20px;
  padding: 0 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  line-height: 25px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 14px;
  color: #666;
}

.na-box .t3 {
  display: inline-block;
  min-width: 100px;
  height: 24px;
  border-radius: 15px;
  border: 1px solid #E81E28;
  margin-left: 20px;
  margin-bottom: 10px;
  padding: 0 20px;
  text-align: center;
  line-height: 22px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 12px;
  color: #E81E28;
}

.na-box .t4 {
  width: 100%;
  padding: 0 20px;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 14px;
  color: #333;
}

.video-wrap {
  width: calc(100% - 80px);
  min-height: 100px;
  margin: 30px auto 20px;
  position: relative;
}

.video-wrap .v-box {
  float: left;
  width: auto;
  height: 562px;
  background-color: rgba(51, 51, 51, 0.2);
  /*outline: 1px solid red;*/
  margin-bottom: 28px;
  position: relative;
}

.video-wrap .v-box.big {
  width: calc(100% - 590px);
}

.video-wrap .v-box.small {
  width: 562px;
}

.video-wrap .v-box:nth-of-type(1) {
  margin-right: 28px;
}

.video-wrap .v-box:nth-of-type(4) {
  margin-left: 28px;
}

.video-wrap .v-box .video {
  width: 100%;
  height: 562px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
}

.video-wrap .v-box .play {
  width: 110px;
  height: 110px;
  background-image: url(../img/icon-video-play-red.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
}

.video-wrap .v-box .t1 {
  width: 75px;
  height: 25px;
  border: 1px solid #E81E28;
  padding: 0 15px;
  text-align: center;
  line-height: 23px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 12px;
  color: #E81E28;
  position: absolute;
  top: 435px;
  left: 25px;
  z-index: 10;
}

.video-wrap .v-box .t2 {
  width: 100%;
  height: 30px;
  padding: 0 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  font-size: 24px;
  color: #fff;
  position: absolute;
  top: 472px;
  left: 0px;
  z-index: 10;
}

.video-wrap .v-box .t3 {
  width: 100%;
  height: 30px;
  padding: 0 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 14px;
  color: #fff;
  position: absolute;
  top: 517px;
  left: 0px;
  z-index: 10;
}

.vr-box {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 20px;
  /*outline: 1px solid #f00;*/
  position: relative;
}

.vr-box.long {
  height: 820px;
  background: #F6F6F6;
}

.vr-box.short {
  height: 400px;
  /*background: #fff;*/
  background: #F6F6F6;
}

.vr-box .video {
  width: 100%;
  max-height: calc(100% - 10px);
  position: absolute;
  top: 0%;
  left: 50%;
  transform: translate(-50%, 0%);
  z-index: 5;
}

.vr-box .play {
  width: 110px;
  height: 110px;
  background-image: url(../img/icon-video-play-red.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
}

.vr-box .t1 {
  width: 100%;
  height: 30px;
  padding: 0 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  font-size: 20px;
  color: #333;
  position: absolute;
  bottom: 50px;
  left: 0px;
  z-index: 10;
}

.vr-box .t2 {
  width: 100%;
  height: 30px;
  padding: 0 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 16px;
  color: #666;
  position: absolute;
  bottom: 20px;
  left: 0px;
  z-index: 10;
}

.product-overview {
  width: calc(100% - 80px);
  min-height: 100px;
  background: #F5F6F8;
  margin: 20px auto 20px;
  padding: 50px 0;
  position: relative;
}

.product-overview .t1 {
  width: 100%;
  height: 40px;
  margin-bottom: 40px;
  text-align: center;
  line-height: 40px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 32px;
  color: #333;
  position: relative;
}

.product-overview .t1::after {
  content: '';
  width: 160px;
  height: 4px;
  background: #E81E28;
  position: absolute;
  bottom: -15px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
}

.product-overview .t2 {
  width: 80%;
  min-height: 40px;
  margin: 0 auto 0px;
  text-align: center;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 16px;
  color: #999;
  position: relative;
}

.product-detail-wrap {
  width: 100%;
  min-height: 100px;
  background: #fff;
  margin: 0px auto 0px;
  padding: 0px 40px 40px 40px;
  position: relative;
}

.pd-title {
  width: 100%;
  height: 80px;
  /*margin-bottom: 30px;*/
  padding: 20px 20px;
  text-align: center;
  line-height: 40px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 32px;
  color: #333;
  position: relative;
}

.pd-pic {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  margin: 30px auto 30px;
}

.pd-specification {
  width: 100%;
  height: 46px;
  background: #F5F5F6;
  margin-bottom: 20px;
  position: relative;
}

.pd-specification::after {
  content: '';
  width: 100%;
  height: 1px;
  background-color: #E81E28;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
}

.pd-specification .txt {
  float: left;
  min-width: 120px;
  height: 46px;
  background: #E81E28;
  padding: 0 20px;
  text-align: center;
  line-height: 46px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 18px;
  color: #fff;
}


.pd-tabs {
  width: 100%;
  height: 46px;
  background: #F5F5F6;
  margin-bottom: 20px;
  position: relative;
}

.pd-tabs::after {
  content: '';
  width: 100%;
  height: 1px;
  background-color: #E81E28;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
}

.pd-tabs .pdt {
  float: left;
  min-width: 120px;
  height: 46px;
  background: #F5F5F6;
  padding: 0 20px;
  text-align: center;
  line-height: 46px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 18px;
  color: #333;
}

.pd-tabs .pdt.active {
  background: #E81E28;
  color: #fff;
}

.pd-contents {
  width: 100%;
  min-height: 100px;
  position: relative;
}

.pd-contents .pdc {
  display: none;
  width: 100%;
  min-height: 100px;
  position: relative;
}

.pd-contents .pdc.active {
  display: block;
  position: relative;
}


.pds-wrap {
  width: 100%;
  min-height: 10px;
  margin: 0 auto;
  padding: 20px 20px;
  position: relative;
}

.pds-wrap .red-title {
  width: 100%;
  height: 30px;
  margin-bottom: 20px;
  padding-left: 13px;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  font-size: 15px;
  color: #333;
  position: relative;
}

.pds-wrap .red-title::before {
  content: '';
  width: 2px;
  height: 15px;
  background-color: #E81E28;
  position: absolute;
  top: 7.5px;
  left: 0;
  z-index: 10;
}

.pds-wrap .pds-item {
  width: 100%;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 15px;
  color: #333;
  position: relative;
}

.pds-wrap .pds-em {
  width: 100%;
  margin: 20px auto 20px;
  text-indent: 2em;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 15px;
  color: #333;
  position: relative;
}

.pds-wrap .tb-pds {
  width: 100%;
  min-height: 10px;
  margin: 0 auto;
  padding: 0;
  border-collapse: collapse;
  position: relative;
}

.pds-wrap .tb-pds tr {
  width: 100%;
  min-height: 40px;
}

.pds-wrap .tb-pds tr:nth-of-type(odd) {
  background: #F4F4F5;
}

.pds-wrap .tb-pds tr:nth-of-type(even) {
  background: #fff;
}

.pds-wrap .tb-pds tr td {
  border: 1px solid #ccc;
  padding: 5px 10px;
  line-height: 28px;
  font-family: "Microsoft YaHei";
  font-weight: 500;
  font-size: 15px;
  color: #666;
}

.pds-wrap .tb-pds tr td:nth-of-type(1),
.pds-wrap .tb-pds tr td:nth-of-type(3) {
  width: 20%;
  font-weight: 700;
}

.pds-wrap .tb-pds tr td:nth-of-type(2),
.pds-wrap .tb-pds tr td:nth-of-type(4) {
  width: 30%;
}

.product-detail-wrap .relevant-product {
  width: 100%;
  /*border-top: 1px solid #707070;*/
  /*border-bottom: 1px solid #707070;*/
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  margin: 30px auto;
  padding: 20px 0;
}

.product-detail-wrap .relevant-product .rp-title {
  width: 100%;
  height: 48px;
  margin-bottom: 20px;
  background-color: #7D7D7D;
  text-align: center;
  line-height: 48px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 18px;
  color: #fff;
}

.product-detail-wrap .relevant-product .rp-content {
  width: 100%;
  min-height: 48px;
  overflow-x: auto;
  white-space: nowrap;
  font-size: 0;
  position: relative;
}

.product-detail-wrap .relevant-product .rp-content .rp-item {
  display: inline-block;
  width: 250px;
  height: 224px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow:hidden;
  position: relative;
}

.product-detail-wrap .relevant-product .rp-content .rp-item + .rp-item {
  margin-left: 20px;
}

.product-detail-wrap .relevant-product .rp-content .rp-item img {
  display: block;
  width: 100%;
  /*height: 100%;*/
  margin: 0 auto 5px;
  border: 0 none;
  vertical-align: top;
  transition: transform 0.2s ease-in;
}

.product-detail-wrap .relevant-product .rp-content .rp-item:hover img {
  transform: scale(1.03);
}

.product-detail-wrap .relevant-product .rp-content .rp-item .txt {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-align: center;
  line-height: 25px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 16px;
  color: #666;
}

.pds-wrap .explain-map {
  width: 100%;
  overflow: hidden;
  zoom: 1;
}

.pds-wrap .explain-map::before,
.pds-wrap .explain-map::after {
  content: '';
  display: table;
  clear: both;
}

.pds-wrap .explain-map .explain {
  float: left;
  /*width: 600px;*/
  width: 46.1538462%;
}

.pds-wrap .explain-map .explain .title,
.pds-wrap .explain-map .map .title {
  width: 100%;
  height: 20px;
  margin-bottom: 15px;
  line-height: 20px;
  font-weight: bold;
  font-size: 16px;
  color: #E60012;
}

.pds-wrap .explain-map .explain .title::before,
.pds-wrap .explain-map .map .title::before {
  content: '';
  float: left;
  height: 16px;
  width: 2px;
  background: #E60012;
  margin: 2px 7px 0 0;
}

.pds-wrap .explain-map .explain .explain-content > ul {
  list-style: none !important;
  margin: 0;
  padding: 0;
}

.pds-wrap .explain-map .explain .explain-content ul li {
  padding-left: 20px;
  line-height: 180%;
  font-size: 15px;
  color: #000;
  position: relative;
}

.pds-wrap .explain-map .explain .explain-content ul li::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 10px;
  width: 4px;
  height: 4px;
  background: #E60012;
  border-radius: 50%;
}

.pds-wrap .explain-map .explain .explain-content p {
  margin-top: 10px;
  font-size: 15px;
  color: #000;
  line-height: 180%;
  text-align: justify;
}

.pds-wrap .explain-map .map {
  float: right;
  /*width: 580px;*/
  width: 44.6153846%;
}

.pds-wrap .explain-map .map .map-content {
  width: 100%;
  overflow: hidden;
}

.pds-wrap .explain-map .map .map-content img {
  width: 100%;
}

.pds-wrap .explain-map .map .map-content .map-content-img {
  width: 230px;
  background: #fff;
  float: left;
}

.pds-wrap .explain-map .map .map-content .map-content-text {
  width: 288px;
  background: #f7f7f7;
  float: left;
  padding: 30px;
}

.pds-wrap .explain-map .map .map-content .map-content-text h3 {
  font-size: 14px;
  font-weight: bold;
}

.pds-wrap .explain-map .map .map-content .map-content-text ul {
  margin-top: 10px;
}

.pds-wrap .explain-map .map .map-content .map-content-text ul li {
  position: relative;
  padding-left: 20px;
  margin: 5px 0;
  font-size: 14px;
}

.pds-wrap .explain-map .map .map-content .map-content-text ul li::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 10px;
  width: 4px;
  height: 4px;
  background: #E60012;
  border-radius: 50%;
}

.pds-wrap .explain-map .map ul {
  overflow: hidden;
}

.pds-wrap .explain-map .map ul li {
  width: 100%;
  height: 50px;
  line-height: 50px;
  box-sizing: border-box;
  background: #f7f7f7;
}

.pds-wrap .explain-map .map ul li .t {
  padding-left: 30px;
  box-sizing: border-box;
  float: left;
  width: 40%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pds-wrap .explain-map .map ul li .c {
  float: left;
  width: 60%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pds-wrap .explain-map .map ul li:nth-of-type(even) {
  background: #efefef;
}


.pds-wrap .explain-map table.list-attr tr {
  border: none;
}

.pds-wrap .explain-map table.list-attr tr td {
  height: 26px;
}

.pds-wrap .explain-map .map .map-content table.product-detail {
  width: 100%;
  /*min-width: 580px !important;*/
  border: 1px solid #eee;
  margin-top: 25px;
  padding-bottom: 30px;
  border-collapse: collapse;
}

.pds-wrap .explain-map .map .map-content table.product-detail tbody {
  width: 100%;
}

.pds-wrap .explain-map .map .map-content table.product-detail tr:nth-child(odd) {
  background: #efefef !important;
}

.pds-wrap .explain-map .map .map-content table.product-detail tr:nth-child(even) {
  background: #f7f7f7 !important;
}

.pds-wrap .explain-map .map .map-content table.product-detail tr {
  height: auto;
  border: 1px solid #bfbfbf;
}

.pds-wrap .explain-map .map .map-content table.product-detail tr td {
  width: 50%;
  padding: 12px 0;
  font-size: 12px !important;
}

.pds-wrap .explain-map .map .map-content table.product-detail tr td .t {
  box-sizing: border-box;
  float: left;
  width: 40%;
  padding-left: 30px;
}

.pds-wrap .explain-map .map .map-content table.product-detail tr td .c {
  box-sizing: border-box;
  float: left;
  width: 60%;
  padding-left: 30px;
  padding-right: 15px;
  word-break: break-word;
}

.pds-wrap .explain-map + .param {
  width: 100%;
  margin-top: 20px;
}

.pds-wrap .explain-map + .param .title {
  width: 100%;
  height: 20px;
  margin-bottom: 15px;
  line-height: 20px;
  font-weight: bold;
  font-size: 16px;
  color: #E60012;
}

.pds-wrap .explain-map + .param .title::before {
  content: '';
  float: left;
  height: 16px;
  width: 2px;
  background: #E60012;
  margin: 2px 7px 0 0;
}

.pds-wrap .explain-map + .param .param-content {
  width: 100%;
  min-height: 10px;
}

.pds-wrap .explain-map + .param .param-content table.product-detail {
  width: 100%;
  min-width: 580px !important;
  border: 1px solid #eee;
  margin-top: 25px;
  padding-bottom: 30px;
  border-collapse: collapse;
}

.pds-wrap .explain-map + .param .param-content table.product-detail tbody {
  width: 100%;
}

.pds-wrap .explain-map + .param .param-content table.product-detail tr:nth-child(odd) {
  background: #efefef !important;
}

.pds-wrap .explain-map + .param .param-content table.product-detail tr:nth-child(even) {
  background: #f7f7f7 !important;
}

.pds-wrap .explain-map + .param .param-content table.product-detail tr {
  height: auto;
  border: 1px solid #bfbfbf;
}

.pds-wrap .explain-map + .param .param-content table.product-detail tr td {
  width: 50%;
  padding: 12px 0;
  font-size: 12px !important;
}

.pds-wrap .explain-map + .param .param-content table.product-detail tr td .t {
  box-sizing: border-box;
  float: left;
  width: 40%;
  padding-left: 30px;
}

.pds-wrap .explain-map + .param .param-content table.product-detail tr td .c {
  box-sizing: border-box;
  float: left;
  width: 60%;
  padding-left: 30px;
  padding-right: 15px;
  word-break: break-word;
}

.pds-wrap .explain-map + .param .param-content table.product-detail tr td .c p {
  margin-bottom: 0;
}


.pd-info {
  width: 100%;
  min-height: 180px;
  background: #F4F4F5;
  /*border: 1px solid #ccc;*/
  margin: 20px auto 20px;
  padding: 20px 20px;
  position: relative;
}

.pd-info .pd-L {
  float: left;
  width: calc(100% - 240px);
  min-height: 100px;
  padding-right: 10px;
  position: relative;
}

.pd-info .pd-R {
  width: 240px;
  height: 188px;
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -94px;
}

.pd-info .pd-R img {
  display: block;
  width: 240px;
  height: 188px;
  border: 0 none;
  outline: 0;
}

.pd-info .pd-L .t1 {
  width: 100%;
  min-height: 30px;
  margin-bottom: 20px;
  padding-left: 13px;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  font-size: 22px;
  color: #333;
  position: relative;
}

.pd-info .pd-L .t1::before {
  content: '';
  width: 4px;
  height: 26px;
  background-color: #E81E28;
  position: absolute;
  top: 2px;
  left: 0;
  z-index: 10;
}

.pd-info .pd-L .t2 {
  width: 100%;
  line-height: 20px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 15px;
  color: #333;
  position: relative;
}

.pd-info .pd-L .t2 ul {
  list-style: none !important;
  margin: 0;
  padding: 0;
}

.pd-info .pd-L .t2 ul li {
  padding-left: 20px;
  position: relative;
}

.pd-info .pd-L .t2 ul li::before {
  content: '';
  display: block;
  width: 4px;
  height: 4px;
  background: #E60012;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 10px;
}

.pd-info .pdi-L {
  float: left;
  width: 240px;
  min-height: 160px;
}

.pd-info .pdi-M {
  float: left;
  width: calc(100% - 480px);
  min-height: 160px;
  padding: 10px 20px 10px 20px;
  position: relative;
}

.pd-info .pdi-R {
  float: left;
  width: 240px;
  min-height: 160px;
}

.pd-info .pdi-L img {
  display: block;
  width: 100%;
  max-height: 188px;
  margin: 0 auto 10px;
  transition: transform 0.2s ease-in;
}

.pd-info .pdi-L .img-wrap:hover img {
  transform: scale(1.03);
}

.pd-info .pdi-L .desc {
  width: 100%;
  margin-bottom: 10px;
  text-align: center;
  line-height: 20px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 14px;
  color: #333;
}

.pd-info .pdi-R img {
  display: block;
  width: 100%;
  max-height: 188px;
  margin: 0 auto 10px;
  transition: transform 0.2s ease-in;
}

.pd-info .pdi-R .img-wrap:hover img {
  transform: scale(1.03);
}

.pd-info .pdi-M .t1 {
  width: 100%;
  min-height: 30px;
  margin-bottom: 20px;
  padding-left: 13px;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  font-size: 22px;
  color: #333;
  position: relative;
}

.pd-info .pdi-M .t1::before {
  content: '';
  width: 4px;
  height: 26px;
  background-color: #E81E28;
  position: absolute;
  top: 2px;
  left: 0;
  z-index: 10;
}

.pd-info .pdi-M .t2 {
  width: 100%;
  line-height: 20px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 15px;
  color: #333;
  position: relative;
}

.pd-info .pdi-M .t2 ul {
  list-style: none !important;
  margin: 0;
  padding: 0;
  width: 100% !important;
}

.pd-info .pdi-M .t2 ul li {
  width: 100%;
  padding-left: 20px;
  line-height: 1.8;
  font-size: 15px;
  color: #000;
  position: relative;
}

.pd-info .pdi-M .t2 ul li::before {
  content: '';
  display: block;
  width: 4px;
  height: 4px;
  background: #E60012;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 10px;
}

.pd-info .pdi-M .t2 ul li p{
  width: calc(100% - 20px) !important;
  max-width: calc(100% - 20px) !important;
  word-wrap: break-word;
  word-wrap: anywhere;
}

/*dataTable: start*/
table.dataTable {
  clear: both;
  margin: 0.5em 0 !important;
  max-width: none !important;
  width: 100%;
}

table.dataTable td,
table.dataTable th {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

table.dataTable td.dataTables_empty,
table.dataTable th.dataTables_empty {
  text-align: center;
}

table.dataTable.nowrap th, table.dataTable.nowrap td {
  white-space: nowrap;
}

div.dataTables_wrapper {
  position: relative;
}

div.dataTables_wrapper div.dataTables_length label {
  float: left;
  text-align: left;
  margin-bottom: 0;
}

div.dataTables_wrapper div.dataTables_length select {
  width: 75px;
  margin-bottom: 0;
}

div.dataTables_wrapper div.dataTables_filter label {
  float: right;
  margin-bottom: 0;
}

div.dataTables_wrapper div.dataTables_filter input {
  display: inline-block !important;
  width: auto !important;
  margin-bottom: 0;
  margin-left: 0.5em;
}

div.dataTables_wrapper div.dataTables_info {
  padding-top: 2px;
}

div.dataTables_wrapper div.dataTables_paginate {
  float: right;
  margin: 0;
}

div.dataTables_wrapper div.dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  margin-left: -100px;
  margin-top: -26px;
  text-align: center;
  padding: 1rem 0;
}

table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting,
table.dataTable thead > tr > td.sorting_asc,
table.dataTable thead > tr > td.sorting_desc,
table.dataTable thead > tr > td.sorting {
  padding-right: 1.5rem;
}

table.dataTable thead > tr > th:active,
table.dataTable thead > tr > td:active {
  outline: none;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  cursor: pointer;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  background-repeat: no-repeat;
  background-position: center right;
}

table.dataTable thead .sorting {
  background-image: url("../img/sort_both.png");
}

table.dataTable thead .sorting_asc {
  background-image: url("../img/sort_asc.png");
}

table.dataTable thead .sorting_desc {
  background-image: url("../img/sort_desc.png");
}

table.dataTable thead .sorting_asc_disabled {
  background-image: url("../img/sort_asc_disabled.png");
}

table.dataTable thead .sorting_desc_disabled {
  background-image: url("../img/sort_desc_disabled.png");
}

table.dataTable thead th:first-child {
  background-image: none !important;
}


div.dataTables_scrollHead table {
  margin-bottom: 0 !important;
}

div.dataTables_scrollBody table {
  border-top: none;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

div.dataTables_scrollBody table tbody tr:first-child th,
div.dataTables_scrollBody table tbody tr:first-child td {
  border-top: none;
}

div.dataTables_scrollFoot table {
  margin-top: 0 !important;
  border-top: none;
}

div.dataTables_wrapper div.dataTables_filter label {
  height: 40px;
  vertical-align: middle;
  font-size: 14px;
  float: left;
}

div.dataTables_wrapper div.dataTables_filter label input {
  height: 35px;
  line-height: 1.21428571em;
  padding: .67857143em 1em;
  font-size: 14px;
  background: #fff;
  border: 1px solid rgba(34, 36, 38, .15);
  color: #666;
  border-radius: 4px;
  box-shadow: 0 0 0 0 transparent inset;
}

table.dataTable thead > tr > th.sorting_asc,
table.dataTable thead > tr > th.sorting_desc,
table.dataTable thead > tr > th.sorting,
table.dataTable thead > tr > td.sorting_asc,
table.dataTable thead > tr > td.sorting_desc,
table.dataTable thead > tr > td.sorting {
  background-position-y: center;
  background-position-x: left;
}


/* Table Head */
table.product-table thead th {
  background-color: #7d7d7d;
  color: #fff;
  border-bottom-width: 0;
  height: 40px;
  padding-left: 20px;
}

table.product-table tr {
  height: 30px;
}

table.product-table tr td div.col {
  position: relative;
}

table.product-table tr td.price {
  color: #ed1c24;
}

table.product-table tr td.price a {
  cursor: pointer;
}

table.product-table tr td.stock a {
  color: #ed1c24;
  cursor: pointer;
}

table.product-table tbody tr td i.extend {
  position: absolute;
  cursor: pointer;
  left: 5px;
  top: -10px;
  width: 20px;
  height: 20px;
  background: url(../img/icon-extend.png) no-repeat center;
}

table.product-table tbody tr td i.extend.open {
  transform: rotate(90deg);
}

table.product-table tr:nth-child(odd) {
  background: #f7f7f7;
}

table.product-table tr:nth-child(even) {
  background: #ececec;
}

/* Column Style */
table.product-table td {
  font-size: 14px;
}

/* Padding and font style */
table.product-table td, table.product-table th {
  padding: 5px 10px;
  font-size: 14px;
  text-align: left;
}

/*产品展开部分样式*/

table.product-table tbody tr td div.extend-box {
  width: 99.9%;
  min-height: 200px;
  box-sizing: border-box;
  padding: 20px;
  font-size: 12px;
}

table.product-table tbody tr td div.extend-box .goods-name {
  font-size: 16px;
  color: #666;
  font-weight: bold;
}


table.product-table tbody tr td div.extend-box .product-detail {
  width: 100%;
  border: 1px solid #eee;
  margin-top: 25px;
  padding-bottom: 30px;
  border-collapse: collapse;
}

table.product-table tbody tr td div.extend-box .product-detail tbody {
  width: 100%;

}

table.product-table tbody tr td div.extend-box table.product-detail tr:nth-child(odd) {
  background: #efefef !important;
}

table.product-table tbody tr td div.extend-box table.product-detail tr:nth-child(even) {
  background: #f7f7f7 !important;
}

table.product-table tbody tr td div.extend-box table.product-detail tr {
  height: auto;
  border: 1px solid #bfbfbf;
}

table.product-table tbody tr td div.extend-box table.product-detail tr td {
  width: 50%;
  padding: 12px 0;
  font-size: 12px !important;
}

table.product-table tbody tr td div.extend-box table.product-detail tr td .t {
  box-sizing: border-box;
  float: left;
  width: 40%;
  padding-left: 30px;
}

table.product-table tbody tr td div.extend-box table.product-detail tr td .c {
  box-sizing: border-box;
  float: left;
  width: 60%;
  padding-left: 30px;
  padding-right: 15px;
  word-break: break-word;
}


table.product-table tbody tr td div.extend-box ul.table {
  padding: 20px 0 5px 0;
  overflow: hidden;
}

table.product-table tbody tr td div.extend-box ul.table li {
  float: left;
  width: 50%;
  height: 40px;
  line-height: 40px;
  box-sizing: border-box;
  border-bottom: 1px solid #bfbfbf;
  border-right: 1px solid #bfbfbf;
}

table.product-table tbody tr td div.extend-box ul.table li:nth-of-type(odd) {
  border-left: 1px solid #bfbfbf;
}

table.product-table tbody tr td div.extend-box ul.table li:nth-of-type(1) {
  border-top: 1px solid #bfbfbf;
}

table.product-table tbody tr td div.extend-box ul.table li:nth-of-type(2) {
  border-top: 1px solid #bfbfbf;
}

table.product-table tbody tr td div.extend-box ul.table li .t {
  width: 50%;
  float: left;
  box-sizing: border-box;
  padding-left: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

table.product-table tbody tr td div.extend-box ul.table li .c {
  width: 50%;
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

table.product-table tbody tr td div.extend-box .download-box {
  overflow: hidden;
}

table.product-table tbody tr td div.extend-box .download-box .download-btn {
  float: left;
  margin-right: 25px;
  width: 105px;
}

table.product-table tbody tr td div.extend-box .group {
  overflow: hidden;
  margin-top: 25px;
}

table.product-table tbody tr td div.extend-box .group .group-box {
  width: 930px;
  float: left;
  overflow: hidden;
}

table.product-table tbody tr td div.extend-box .group .group-box .item .img {
  width: 150px;
  height: 133px;
  box-sizing: border-box;
  border: 1px solid #dfdfdf;
}

table.product-table tbody tr td div.extend-box .group .group-box .item .img img {
  display: block;
  width: 150px;
}

table.product-table tbody tr td div.extend-box .group .group-box .item .text {
  margin-top: 10px;
}

table.product-table tbody tr td div.extend-box .group .group-box .item .text .name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 150px;
}

table.product-table tbody tr td div.extend-box .group .group-box .item .text .price {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 5px;
  color: #ed1c24;
}

table.product-table tbody tr td div.extend-box .group .group-box .item .text .price .checkbox {
  float: right;
  position: relative;
  margin-right: 5px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  overflow: hidden;
  cursor: pointer;
}

table.product-table tbody tr td div.extend-box .group .group-box .item .text .price .checkbox input {
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

table.product-table tbody tr td div.extend-box .group .group-box .item .text .price .checkbox label {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../img/checked-2.png) 3px 3px no-repeat #626262;
}

table.product-table tbody tr td div.extend-box .group .group-box .item .text .price .checkbox input:checked + label {
  background-color: #ed1c24;
}

table.product-table tbody tr td div.extend-box .group .group-box .master {
  float: left;
  width: 150px;
  margin-right: 60px;
  text-align: center;
  position: relative;
}

table.product-table tbody tr td div.extend-box .group .group-box .master::before,
table.product-table tbody tr td div.extend-box .group .group-box .master::after {
  content: '';
  position: absolute;
  display: block;
  right: -40px;
  top: 65px;
  width: 18px;
  height: 2px;
  background: #333;
}

table.product-table tbody tr td div.extend-box .group .group-box .master::after {
  transform: rotate(90deg);
}

table.product-table tbody tr td div.extend-box .group .group-box .list {
  overflow: hidden;
  position: relative;
  float: left;
  width: 640px;
  height: 190px;
}

table.product-table tbody tr td div.extend-box .group .group-box .list .list-cont {
  position: absolute;
  left: 0;
  width: 99999px;
}

table.product-table tbody tr td div.extend-box .group .group-box .list .list-cont .item {
  float: left;
  margin: 0 5px;
}

table.product-table tbody tr td div.extend-box .group .group-box .opt {
  float: right;
  width: 55px;
  height: 140px;
}

table.product-table tbody tr td div.extend-box .group .group-box .opt .btn {
  width: 100%;
  height: 66px;
  padding-top: 1px;
  background: #fff;
  position: relative;
  transition: background 0.2s ease-in;
  cursor: pointer;
}

table.product-table tbody tr td div.extend-box .group .group-box .opt .btn.prev::before,
table.product-table tbody tr td div.extend-box .group .group-box .opt .btn.next::before {
  content: '';
  display: block;
  margin: 22px auto 0;
  width: 20px;
  height: 20px;
  border-top: 2px solid #333;
  border-right: 2px solid #333;
  transform: rotate(45deg) translate(-5px, 5px);
  transition: border-color 0.2s ease-in;
}

table.product-table tbody tr td div.extend-box .group .group-box .opt .btn.prev {
  margin-bottom: 6px;
}

table.product-table tbody tr td div.extend-box .group .group-box .opt .btn.prev::before {
  transform: rotate(-135deg) translate(-5px, 5px);
}

table.product-table tbody tr td div.extend-box .group .group-box .opt .btn:hover {
  background: #ed1c24;
}

table.product-table tbody tr td div.extend-box .group .group-box .opt .btn:hover::before {
  border-color: #fff;
}

table.product-table tbody tr td div.extend-box .group .group-buy {
  float: right;
  width: 200px;
  height: 140px;
  background: rgba(255, 255, 255, 0.6);
  text-align: center;
  color: #666;
}

table.product-table tbody tr td div.extend-box .group .group-buy h3 {
  font-size: 14px;
  margin-top: 25px;
}

table.product-table tbody tr td div.extend-box .group .group-buy p {
  margin-top: 3px;
}

table.product-table tbody tr td div.extend-box .group .group-buy p span {
  color: #ed1c24;
}

table.product-table tbody tr td div.extend-box .group .group-buy .btn {
  width: 110px;
  height: 40px;
  margin: 15px auto;
  background: #ed1c24;
  border-radius: 5px;
  color: #fff;
  line-height: 40px;
  cursor: pointer;
}

table.product-table tbody tr td div.extend-box .group .group-buy .btn::before {
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 5px;
  position: relative;
  top: 2px;
  background: url(../img/cart-2.png);
}

/*dataTable: end  */

.goods-table {
  margin-top: 0px;
}

.goods-table .row {
  min-height: 50px;
  color: #666;
  padding-top: 0.1px;
}

.goods-table .row .col {
  position: relative;
  font-size: 14px;
  float: left;
  width: 11.1%;
  line-height: 50px;
  height: 50px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.goods-table .row .col .extend {
  position: absolute;
  cursor: pointer;
  left: 5px;
  top: 14px;
  width: 20px;
  height: 20px;
  transform: rotate(180deg);
  background: url(../img/extend.png) no-repeat center;
}

.goods-table .row .col .extend.open {
  transform: rotate(0);
}

.goods-table .row .col .checkbox {
  position: relative;
  cursor: pointer;
  line-height: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #7d7d7d;
  border-radius: 3px;
  background: #fff;
  margin: 15px auto;
}

.goods-table .row .col .checkbox input[type="checkbox"] {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
  width: 100%;
  height: 100%;
}

.goods-table .row .col .checkbox i {
  display: none;
  width: 100%;
  height: 100%;
  background: url(../img/checkbox-checked.png) center no-repeat;
}

.goods-table .row .col .checkbox input[type="checkbox"]:checked + i {
  display: block;
}

.goods-table .row .col.price {
  color: #E60012;
}

.goods-table .row .col.cart::before {
  content: '';
  display: inline-block;
  position: relative;
  top: 5px;
  margin-right: 8px;
  width: 19px;
  height: 19px;
  background: url(../img/cart.png);
}

.goods-table .row .col.cart input {
  width: 28px;
  height: 18px;
  text-align: center;
  border: 1px solid #d7d7d7;
  border-radius: 3px;
  outline: none;
}

.goods-table .row:nth-of-type(odd) .col {
  background: #ececec;
}

.goods-table .row:nth-of-type(odd) .extend-box {
  background: #ececec;
}

.goods-table .row:nth-of-type(even) .col {
  background: #f7f7f7;
}

.goods-table .row:nth-of-type(even) .extend-box {
  background: #f7f7f7;
}

.goods-table .row.row-h {
  color: #fff;
  font-weight: bold;
}

.goods-table .row.row-h .sort {
  cursor: pointer;
}

.goods-table .row.row-h .sort::after {
  content: '';
  display: inline-block;
  width: 13px;
  height: 13px;
  background: url(../img/sort.png);
  margin-left: 10px;
  position: relative;
  top: 2px;
}

.goods-table .row.row-h .col {
  background: #7d7d7d;
}

.goods-table .row .extend-box {
  display: none;
  width: 99.9%;
  margin-top: 50px;
  min-height: 200px;
  border-top: 1px solid #ccc;
  box-sizing: border-box;
  padding: 20px;
}

.goods-table .row .extend-box .goods-name {
  font-size: 16px;
  color: #666;
  font-weight: bold;
}

.goods-table .row .extend-box ul.table {
  padding: 20px 0;
  overflow: hidden;
}

.goods-table .row .extend-box ul.table li {
  float: left;
  width: 50%;
  height: 40px;
  line-height: 40px;
  box-sizing: border-box;
  border-bottom: 1px solid #bfbfbf;
  border-right: 1px solid #bfbfbf;
}

.goods-table .row .extend-box ul.table li:nth-of-type(odd) {
  border-left: 1px solid #bfbfbf;
}

.goods-table .row .extend-box ul.table li:nth-of-type(1) {
  border-top: 1px solid #bfbfbf;
}

.goods-table .row .extend-box ul.table li:nth-of-type(2) {
  border-top: 1px solid #bfbfbf;
}

.goods-table .row .extend-box ul.table li .t {
  width: 50%;
  float: left;
  font-weight: bold;
  box-sizing: border-box;
  padding-left: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.goods-table .row .extend-box ul.table li .c {
  width: 50%;
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.goods-table .row .extend-box .download-box {
  overflow: hidden;
}

.goods-table .row .extend-box .download-box .download-btn {
  float: left;
  margin-right: 25px;
  width: 90px;
}

.goods-table .row .extend-box .group {
  overflow: hidden;
  margin-top: 25px;
}

.goods-table .row .extend-box .group .group-box {
  width: 930px;
  float: left;
  overflow: hidden;
}

.goods-table .row .extend-box .group .group-box .item .img {
  width: 150px;
  height: 140px;
  box-sizing: border-box;
  border: 1px solid #dfdfdf;
}

.goods-table .row .extend-box .group .group-box .item .img img {
  display: block;
  width: 150px;
  height: 140px;
}

.goods-table .row .extend-box .group .group-box .item .text {
  margin-top: 10px;
}

.goods-table .row .extend-box .group .group-box .item .text .name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.goods-table .row .extend-box .group .group-box .item .text .price {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 5px;
  color: #E60012;
}

.goods-table .row .extend-box .group .group-box .item .text .price .checkbox {
  float: right;
  position: relative;
  margin-right: 5px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  overflow: hidden;
  cursor: pointer;
}

.goods-table .row .extend-box .group .group-box .item .text .price .checkbox input {
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.goods-table .row .extend-box .group .group-box .item .text .price .checkbox label {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../img/checked-2.png) 3px 3px no-repeat #626262;
}

.goods-table .row .extend-box .group .group-box .item .text .price .checkbox input:checked + label {
  background-color: #E60012;
}

.goods-table .row .extend-box .group .group-box .master {
  float: left;
  width: 150px;
  margin-right: 60px;
  text-align: center;
  position: relative;
}

.goods-table .row .extend-box .group .group-box .master::before,
.goods-table .row .extend-box .group .group-box .master::after {
  content: '';
  position: absolute;
  display: block;
  right: -40px;
  top: 65px;
  width: 18px;
  height: 2px;
  background: #333;
}

.goods-table .row .extend-box .group .group-box .master::after {
  transform: rotate(90deg);
}

.goods-table .row .extend-box .group .group-box .list {
  overflow: hidden;
  position: relative;
  float: left;
  width: 640px;
  height: 190px;
}

.goods-table .row .extend-box .group .group-box .list .list-cont {
  position: absolute;
  left: 0;
  width: 99999px;
}

.goods-table .row .extend-box .group .group-box .list .list-cont .item {
  float: left;
  margin: 0 5px;
}

.goods-table .row .extend-box .group .group-box .opt {
  float: right;
  width: 55px;
  height: 140px;
}

.goods-table .row .extend-box .group .group-box .opt .btn {
  width: 100%;
  height: 66px;
  padding-top: 1px;
  background: #fff;
  position: relative;
  transition: background 0.2s ease-in;
  cursor: pointer;
}

.goods-table .row .extend-box .group .group-box .opt .btn.prev::before,
.goods-table .row .extend-box .group .group-box .opt .btn.next::before {
  content: '';
  display: block;
  margin: 22px auto 0;
  width: 20px;
  height: 20px;
  border-top: 2px solid #333;
  border-right: 2px solid #333;
  transform: rotate(45deg) translate(-5px, 5px);
  transition: border-color 0.2s ease-in;
}

.goods-table .row .extend-box .group .group-box .opt .btn.prev {
  margin-bottom: 6px;
}

.goods-table .row .extend-box .group .group-box .opt .btn.prev::before {
  transform: rotate(-135deg) translate(-5px, 5px);
}

.goods-table .row .extend-box .group .group-box .opt .btn:hover {
  background: #E60012;
}

.goods-table .row .extend-box .group .group-box .opt .btn:hover::before {
  border-color: #fff;
}

.goods-table .row .extend-box .group .group-buy {
  float: right;
  width: 200px;
  height: 140px;
  background: rgba(255, 255, 255, 0.6);
  text-align: center;
  color: #666;
}

.goods-table .row .extend-box .group .group-buy h3 {
  font-size: 14px;
  margin-top: 25px;
}

.goods-table .row .extend-box .group .group-buy p {
  margin-top: 3px;
}

.goods-table .row .extend-box .group .group-buy p span {
  color: #E60012;
}

.goods-table .row .extend-box .group .group-buy .btn {
  width: 110px;
  height: 40px;
  margin: 15px auto;
  background: #E60012;
  border-radius: 5px;
  color: #fff;
  line-height: 40px;
  cursor: pointer;
}

.goods-table .row .extend-box .group .group-buy .btn::before {
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 5px;
  position: relative;
  top: 2px;
  background: url(../img/cart-2.png);
}

.goods-table .extend-box p a {
  display: inline-block;
  height: 35px;
  padding: 0 10px;
  background: #fff;
  border: 1px solid #E60012;
  border-radius: 5px;
  line-height: 35px;
  text-align: center;
  color: #E60012;
  cursor: pointer;
}

.goods-table .extend-box p a + a {
  margin-left: 10px;
}

.goods-table .product-body .technical-note .list {
  overflow: hidden;
}

.goods-table .product-body .technical-note .list .item {
  text-align: center;
  width: 590px;
  float: left;
  padding-bottom: 10px;
}

.goods-table .product-body .technical-note .list .item:nth-of-type(odd) {
  margin-right: 20px;
}

.goods-table .product-body .technical-note .list .item .download-btn {
  margin: 10px 0 20px;
}

.goods-table .lead_time {
  padding-left: 5px;
  font-size: 16px;
  color: #333;
  cursor: pointer;
}

.goods-table .cart-btn .icon-shopping-cart {
  box-sizing: border-box;
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url(../img/icon-shop-cart.png) no-repeat center center;
  background-size: contain;
  margin-right: 2px;
  position: relative;
  top: 2px;
}

.goods-table table.product-table td p {
  text-align: left;
  line-height: 24px;
}

.explain_image_title {
  font-size: 14px;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
}

.extend-box .table-label {
  padding-bottom: 15px;
}

.extend-box .table-label pre {
  font-size: 12px;
  line-height: 24px;
  color: #666;
  padding: 5px 10px;
  font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial,
  sans-serif;
}

.goods-table table.product-table tr td.col.ck {
  padding-left: 25px;
}

.goods-table table.product-table tr td.cart {
  text-align: center;
}

.goods-table table.product-table tr td.cart .wrapper {
  width: 60px;
  display: inline-block;
}

.goods-table table.product-table tr td.cart .cart-btn {
  display: inline-block;
  height: 30px;
  background-color: #ed1c24;
  border-radius: 5px;
  padding: 0 8px;
  vertical-align: top;
  text-align: center;
  line-height: 30px;
  font-size: 12px;
  color: #fff;
  cursor: pointer;
}

.goods-table table.product-table .height-light {
  background-color: #e6bd97 !important;
  color: #8e4908;
}

/*.goods-table table.product-table .height-light .details-control:nth-of-type(1)::before {
  content: '';
  display: inline-block;
  width: 38px;
  height: 32px;
  position: relative;
  top: -1px;
  left: -50px;
  background-size: 100% 100%;
  background: url(../img/height-light.png);
}*/

.goods-table table.product-table tbody tr.height-light td i.extend {
  top: -10px;
}

.goods-table table.product-table .target-fix {
  display: block;
  /*top: -185px;*/
  overflow: hidden;
  position: relative;
}

.goods-table table.product-table .product_sn {
  cursor: pointer;
  color: #2274bb;
}

.goods-table table.product-table .p-text-justify {
  text-align: justify;
}

.tb-product {
  width: 100%;
  min-height: 100px;
  background-color: #fff;
  margin: 20px auto 20px;
  padding: 10px 0;
  position: relative;
}

.tb-product .tbp-hd {
  width: 100%;
  height: 80px;
  background: #F4F4F5;
  border: 1px solid #ccc;
  position: relative;
}

.tb-product .tbp-bd {
  width: 100%;
  min-height: 10px;
  background: #fff;
  position: relative;
}

.tb-product .tbp-bd .tbp-row {
  width: 100%;
  min-height: 80px;
  border: 1px solid #ccc;
  border-top: 0;
}

.tb-product .tbp-bd .tbp-row:nth-of-type(odd) {
  background-color: #fff;
}

.tb-product .tbp-bd .tbp-row:nth-of-type(even) {
  background-color: #F4F4F5;
}

.tb-product .tbp-bd .icon-cart {
  display: inline-block;
  width: 26px;
  height: 26px;
  background: url(../img/icon-cart.png) no-repeat center center;
  background-size: contain;
}

.tb-product .tbp-hd [class^="c"],
.tb-product .tbp-bd [class^="c"] {
  float: left;
  text-align: center;
  line-height: 78px;
  font-family: "Microsoft YaHei";
  font-size: 20px;
}

.tb-product .tbp-hd [class^="c"] {
  font-weight: 700;
  color: #333;
}

.tb-product .tbp-bd [class^="c"] {
  font-weight: 400;
  color: #666;
}

.tb-product .tbp-hd .c01,
.tb-product .tbp-bd .c01 {
  width: 10%;
  cursor: default;
}

.tb-product .tbp-hd .c02,
.tb-product .tbp-bd .c02 {
  width: 10%;
  cursor: default;
}

.tb-product .tbp-hd .c03,
.tb-product .tbp-bd .c03 {
  width: 10%;
}

.tb-product .tbp-hd .c04,
.tb-product .tbp-bd .c04 {
  width: 10%;
}

.tb-product .tbp-hd .c05,
.tb-product .tbp-bd .c05 {
  width: 10%;
}

.tb-product .tbp-hd .c06,
.tb-product .tbp-bd .c06 {
  width: 10%;
}

.tb-product .tbp-hd .c07,
.tb-product .tbp-bd .c07 {
  width: 10%;
}

.tb-product .tbp-hd .c08,
.tb-product .tbp-bd .c08 {
  width: 10%;
  cursor: default;
}

.tb-product .tbp-hd .c09,
.tb-product .tbp-bd .c09 {
  width: 10%;
}

.tb-product .tbp-hd .c10,
.tb-product .tbp-bd .c10 {
  width: 10%;
  cursor: default;
}

.tb-product .tbp-bd .c01 {
  text-decoration: underline;
  color: #4092DF;
}

.tb-product .tbp-bd .c02 {
  color: #4092DF;
}

.tb-product .tbp-bd .c07 {
  color: #22CB35;
}

.tb-product .tbp-bd .c09 {
  color: #E81E28;
}

.tb-product .tbp-bd .c08 input[type="checkbox"] {
  width: 20px;
  height: 20px;
  border: 1px solid #707070;
}

.tb-product .tbp-bd .x-detail {
  display: none;
  float: left;
  width: 100%;
  /*height: 770px;*/
  min-height: 10px;
  background: #fff;
  border: 1px solid #ccc;
  padding: 30px 40px;
  position: relative;
}

.tb-product .tbp-bd .c02[data-collapse="true"] ~ .x-detail {
  display: block;
}


.tb-product .tbp-bd .x-detail .xd-1 {
  float: left;
  width: 320px;
  height: 240px;
  background: #fff;
  margin-bottom: 20px;
  position: relative;
}

.tb-product .tbp-bd .x-detail .xd-1 img {
  display: block;
  width: 100%;
  max-height: 100%;
  margin: 0 auto;
}

.tb-product .tbp-bd .x-detail .xd-2 {
  float: left;
  width: calc(100% - 320px);
  height: 240px;
  background: #fff;
  margin-bottom: 20px;
  padding-left: 40px;
  position: relative;
}

.tb-product .tbp-bd .x-detail .xd-2 .t1 {
  width: 100%;
  height: 30px;
  margin-bottom: 20px;
  text-decoration: underline;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  font-size: 22px;
  color: #333;
  position: relative;
}

.tb-product .tbp-bd .x-detail .xd-2 .t2 {
  width: 100%;
  min-height: 10px;
  height: 120px;
  margin-bottom: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  word-break: break-all;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 16px;
  color: #666;
  position: relative;
}

.tb-product .tbp-bd .x-detail .xd-2 .x-btn {
  float: left;
  width: calc(20% - 42px);
  height: 40px;
  background: #333;
  border: 0;
  outline: 0;
  text-align: center;
  font-size: 0;
  position: relative;
}

.tb-product .tbp-bd .x-detail .xd-2 .x-btn + .x-btn {
  margin-left: 10px;
}

.tb-product .tbp-bd .x-detail .xd-2 .x-btn.long {
  width: 160px !important;
}

.tb-product .tbp-bd .x-detail .xd-2 .x-btn .icon {
  display: inline-block;
  width: 18px;
  height: 16px;
  background: url(../img/icon-download-white.png) no-repeat center center;
  background-size: contain;
  margin-right: 5px;
  position: relative;
  top: 12px;
}

.tb-product .tbp-bd .x-detail .xd-2 .x-btn .txt {
  display: inline-block;
  vertical-align: top;
  line-height: 40px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 17px;
  color: #fff;
}

.tb-product .tbp-bd .x-detail .xd-3 {
  float: left;
  width: calc(50% - 10px);
  height: 360px;
  background: #fff;
  position: relative;
}

.tb-product .tbp-bd .x-detail .xd-3 + .xd-3 {
  margin-left: 20px;
}

.tb-product .tbp-bd .x-detail .xd-3 .xd-row {
  width: 100%;
  height: 40px;
  /*border: 1px solid #ccc;*/
  line-height: 38px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 18px;
  color: #666;
  border-collapse: collapse;
  position: relative;
}

.tb-product .tbp-bd .x-detail .xd-3 .xd-row:nth-of-type(odd) {
  background: #F4F4F5;
}

.tb-product .tbp-bd .x-detail .xd-3 .xd-row:nth-of-type(even) {
  background: #fff;
}

.tb-product .tbp-bd .x-detail .xd-3 .xd-row .c1 {
  float: left;
  width: 40%;
  height: 40px;
  border: 1px solid #ccc;
  line-height: 38px;
  border-collapse: collapse;
}

.tb-product .tbp-bd .x-detail .xd-3 .xd-row .c2 {
  float: left;
  width: 60%;
  height: 40px;
  border: 1px solid #ccc;
  line-height: 38px;
  border-collapse: collapse;

}

.tb-product .tbp-bd .x-detail .xd-4 {
  float: left;
  width: 100%;
  height: 40px;
  margin: 20px auto 20px;
  position: relative;
}

.tb-product .tbp-bd .x-detail .xd-4 .add-cart {
  float: right;
  width: 140px;
  height: 40px;
  background: #E81E28;
  border: 0;
  outline: 0;
  margin-left: 85px;
  text-align: center;
  line-height: 40px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  font-size: 20px;
  color: #fff;
}

.tb-product .tbp-bd .x-detail .xd-4 .num-wrap {
  float: right;
  width: 260px;
  height: 40px;
  margin-left: 30px;
  font-size: 0;
  position: relative;
}

.tb-product .tbp-bd .x-detail .xd-4 .num-wrap .nw-btn {
  display: inline-block;
  width: 50px;
  height: 40px;
  background: #F4F4F5;
  border: 1px solid #ccc;
  outline: 0;
  vertical-align: top;
  text-align: center;
  line-height: 38px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  font-size: 28px;
  color: #707070;
  cursor: pointer;
}

.tb-product .tbp-bd .x-detail .xd-4 .num-wrap .nw-num {
  display: inline-block;
  width: calc(100% - 100px);
  height: 40px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  vertical-align: top;
  position: relative;
}

.tb-product .tbp-bd .x-detail .xd-4 .num-wrap .nw-num input {
  width: 100%;
  height: 38px;
  background: #fff;
  border: 0 !important;
  outline: 0 !important;
  padding: 0 10px;
  text-align: center;
  line-height: 38px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  font-size: 20px;
  color: #333;
}

.tb-product .tbp-bd .x-detail .xd-4 .num-txt {
  float: right;
  min-width: 50px;
  height: 40px;
  background: #fff;
  line-height: 40px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 18px;
  color: #666;
}

.tb-product .tbp-bd .x-detail .x-detail-title {
  width: 100%;
  height: 30px;
  margin-bottom: 25px;
  line-height: 40px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  font-size: 22px;
  color: #333;
  position: relative;
}

.tb-product .tbp-bd .x-detail .x-float-btn {
  width: 100%;
  min-height: 40px;
  margin-bottom: 30px;
}

.tb-product .tbp-bd .x-detail .x-float-btn .x-btn {
  float: left;
  min-width: 150px;
  height: 40px;
  background: #333;
  border: 0;
  outline: 0;
  margin-right: 20px;
  padding: 10px 10px;
  text-align: center;
  font-size: 0;
  position: relative;
}

.tb-product .tbp-bd .x-detail .x-float-btn .x-btn .icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../img/icon-x-btn-download.png) no-repeat center center;
  background-size: contain;
  margin-right: 5px;
  position: relative;
}

.tb-product .tbp-bd .x-detail .x-float-btn .x-btn .txt {
  display: inline-block;
  vertical-align: top;
  line-height: 20px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 17px;
  color: #fff;
}

.tb-product .tbp-bd .x-detail .x-tb-tip {
  width: 100%;
  height: 30px;
  margin: 20px auto 20px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 15px;
  color: #666;
}

.tb-product .tbp-bd .x-detail .x-tb-detail {
  width: 100%;
  min-height: 10px;
  margin: 0 auto;
  padding: 0;
  border-collapse: collapse;
  position: relative;
}

.tb-product .tbp-bd .x-detail .x-tb-detail tr {
  width: 100%;
  min-height: 40px;
  display: flex;
}

.tb-product .tbp-bd .x-detail .x-tb-detail tr:nth-of-type(odd) {
  background: #F4F4F5;
}

.tb-product .tbp-bd .x-detail .x-tb-detail tr:nth-of-type(even) {
  background: #fff;
}

.tb-product .tbp-bd .x-detail tr td {
  border: 1px solid #ccc;
  border-collapse: collapse;
  padding: 5px 10px;
  word-break: break-all;
  line-height: 28px;
  font-family: "Microsoft YaHei";
  font-weight: 500;
  font-size: 15px;
  color: #666;
}

.tb-product .tbp-bd .x-detail tr td:nth-of-type(1),
.tb-product .tbp-bd .x-detail tr td:nth-of-type(4) {
  flex: 0 0 auto;
  width: calc(20% - 4px);
  font-weight: 700;
}

.tb-product .tbp-bd .x-detail tr td:nth-of-type(2),
.tb-product .tbp-bd .x-detail tr td:nth-of-type(5) {
  flex: 0 0 auto;
  width: calc(30% - 6px);
}

.tb-product .tbp-bd .x-detail tr td:nth-of-type(3) {
  width: 20px;
}

.tb-product .tbp-bd .x-detail tr td.empty {
  background-color: #fff;
  border-top: 0;
  border-bottom: 0;
}

.tbp-wrap {
  width: 100%;
  min-height: 100px;
  background-color: #fff;
  margin: 20px auto 20px;
  padding: 10px 0;
  border-collapse: collapse;
  position: relative;
}

.tbp-wrap thead {
  width: 100%;
  height: 80px;
  background: #F4F4F5;
  border: 1px solid #ccc;
  text-align: center;
  position: relative;
}

.tbp-wrap tbody {
  width: 100%;
  min-height: 10px;
  background: #fff;
  position: relative;
}

.tbp-wrap tbody tr {
  width: 100%;
  min-height: 80px;
  border: 1px solid #ccc;
  border-top: 0;
  position: relative;
}

.tbp-wrap thead th {
  padding: 14px 3px;
  line-height: 50px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  font-size: 20px;
  color: #333;
}

.tbp-wrap tbody tr td {
  text-align: center;
  line-height: 78px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 20px;
  color: #666;
}

.tbp-wrap thead tr th:nth-of-type(1),
.tbp-wrap tbody tr td:nth-of-type(1) {
  width: 140px;
}

.tbp-wrap thead tr th:last-of-type(1),
.tbp-wrap tbody tr td:last-of-type(1) {
  width: 140px;
}

.tbp-wrap thead tr th:last-of-type(2),
.tbp-wrap tbody tr td:last-of-type(2) {
  width: 140px;
}

.tbp-wrap thead tr th:last-of-type(3),
.tbp-wrap tbody tr td:last-of-type(3) {
  width: 50px;
}

.tbp-wrap thead tr th:last-of-type(4),
.tbp-wrap tbody tr td:last-of-type(4) {
  width: 100px;
}

.tbp-wrap tbody .product-no {
  text-decoration: underline;
  color: #4092DF;
}

.tbp-wrap tbody .expend {
  color: #4092DF;
}

.tbp-wrap tbody .spot {
  color: #22CB35;
}

.tbp-wrap tbody .price {
  color: #E81E28;
}

.tbp-wrap tbody input.compare {
  width: 20px;
  height: 20px;
  position: relative;
  top: 2px;
}

.tbp-wrap tbody .buy-wrap {
  display: inline-block;
  width: 60px;
  min-height: 60px;
  position: relative;
}


.tbp-wrap tbody .buy-wrap .num-input-wrap {
  display: inline-block;
  width: 60px;
  height: 32px;
  border: 1px solid rgb(204, 204, 204);
  border-radius: 6px;
  /*vertical-align: top;*/
  overflow: hidden;
  /*position: relative;*/
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.tbp-wrap tbody .buy-wrap .num-input-wrap input.num-input {
  width: 100%;
  height: 30px;
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset;
  border: none;
  padding: 0px 25px 0px 12px;
  line-height: 30px;
  font-size: 14px;
}


.tbp-wrap tbody .buy-wrap .num-input-wrap .add,
.tbp-wrap tbody .buy-wrap .num-input-wrap .subtract {
  width: 25px;
  height: 15px;
  border-left: 1px solid rgb(204, 204, 204);
  cursor: pointer;
  position: absolute;
  right: 0px;
}

.tbp-wrap tbody .buy-wrap .num-input-wrap .add {
  top: 0px;
}

.tbp-wrap tbody .buy-wrap .num-input-wrap .subtract {
  bottom: 0px;
}

.tbp-wrap tbody .buy-wrap .num-input-wrap .add::after {
  content: "";
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 6px solid #333;
  position: absolute;
  left: 8px;
  top: 5px;
}

.tbp-wrap tbody .buy-wrap .num-input-wrap .subtract::after {
  content: "";
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 6px solid #333;
  position: absolute;
  left: 8px;
  bottom: 5px;
}

.product-category-zone {
  width: calc(100% - 80px);
  min-height: 10px;
  margin: 10px auto 20px;
  position: relative;
}

.product-category-zone .pcz-L {
  float: left;
  width: 280px;
  min-height: 580px;
  /*background-color: rgba(87, 143, 113, 0.35);*/
  position: relative;
}

.product-category-zone .pcz-R {
  float: left;
  width: calc(100% - 310px);
  min-height: 580px;
  /*background-color: rgba(255, 153, 0, 0.09);*/
  margin-left: 30px;
  position: relative;
}

.product-category-zone .pcz-L .title {
  width: 100%;
  min-height: 60px;
  background: #F5F5F6;
  color: #666;
  padding: 15px 20px;
  position: relative;
}

.product-category-zone .pcz-L .active {
  background: #E81E28;
}

.product-category-zone .pcz-L .active .txt {
  color: #fff !important;
}

.product-category-zone .pcz-L .title .icon {
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url(../img/icon-product-category-list-gray.png) no-repeat center center;
  background-size: 18px 16px;
  vertical-align: top;
  margin-right: 10px;
  position: relative;
}

.product-category-zone .pcz-L .title.active .icon {
  background-image: url(../img/icon-product-category-list.png)
}

.product-category-zone .pcz-L .title .txt {
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 18px;
  color: #666;
}

.product-category-zone .pcz-L .ul-pcz {
  width: 100%;
  min-height: 10px;
  background-color: #F5F5F6;
  padding: 20px 20px 20px 30px;
  position: relative;
}

.product-category-zone .pcz-L .ul-pcz li {
  width: 100%;
  height: 40px;
  list-style: none;
  cursor: pointer;
  position: relative;
}

.product-category-zone .pcz-L .ul-pcz li + li {
  margin-top: 10px;
}

.product-category-zone .pcz-L .ul-pcz li a {
  float: left;
  width: calc(100% - 20px);
  height: 40px;
  text-decoration: none;
  line-height: 40px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 18px;
  color: #666;
}

.product-category-zone .pcz-L .ul-pcz li:hover a {
  color: #E81E28;
}

.product-category-zone .pcz-L .ul-pcz li .icon-angle-right {
  float: left;
  width: 20px;
  height: 40px;
  background: url(../img/icon-list-right.png) no-repeat right center;
  background-size: 6px 10px;
  text-align: right;
}

.product-category-zone .pcz-R .big-type {
  width: 100%;
  min-height: 210px;
  background: linear-gradient(180deg, #F3F3F5 0%, #EDEEF2 100%);
  margin-bottom: 30px;
  padding-bottom: 20px;
}

.product-category-zone .pcz-R .big-type .bt-L {
  float: left;
  width: calc(100% - 350px);
  height: 210px;
  padding: 30px 30px 0 30px;
  position: relative;
}

.product-category-zone .pcz-R .big-type .bt-R {
  float: left;
  width: 350px;
  height: 210px;
  position: relative;
}

.product-category-zone .pcz-R .big-type .bt-R img {
  display: block;
  width: 350px;
  height: 210px;
}

.product-category-zone .pcz-R .big-type .bt-L .title {
  width: 100%;
  height: 30px;
  margin-bottom: 30px;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  font-size: 22px;
  color: #333;
  position: relative;
}

.product-category-zone .pcz-R .big-type .bt-L .title::after {
  content: '';
  width: 78px;
  height: 3px;
  background: #E81E28;
  position: absolute;
  bottom: -15px;
  left: 0;
  z-index: 10;
}

.product-category-zone .pcz-R .big-type .bt-L .desc {
  width: 100%;
  /*height: 120px;*/
  min-height: 30px;
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4; /* 超出几行省略 */
  overflow: hidden;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 18px;
  color: #333;
  position: relative;
}

.product-category-zone .pcz-R .container {
  width: 100%;
  padding: 0;
}

.product-category-zone .pcz-R .pcz-box {
  width: 100%;
  height: 300px;
  background: linear-gradient(180deg, #F3F3F5 0%, #EDEEF2 100%);
  margin-bottom: 27px;
  position: relative;
}

.product-category-zone .pcz-R .pcz-box .link {
  display: block;
  width: 100%;
  min-height: 30px;
  margin-bottom: 10px;
  padding: 20px 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 15px;
  color: #333;
  position: relative;
}

.product-category-zone .pcz-R .pcz-box .link::before {
  content: '';
  width: 78px;
  height: 3px;
  background: #E81E28;
  position: absolute;
  bottom: 12px;
  left: 30px;
  z-index: 10;
}

.product-category-zone .pcz-R .pcz-box .link::after {
  content: '';
  width: 30px;
  height: 30px;
  background: url(../img/icon-pcz-arrow-R.png) no-repeat center center;
  background-size: 22px 22px;
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: absolute;
  top: 20px;
  right: 15px;
  z-index: 10;
}

.product-category-zone .pcz-R .pcz-box:hover .link::after {
  -webkit-animation-name: wobble-horizontal;
  animation-name: wobble-horizontal;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.product-category-zone .pcz-R .pcz-box .img-wrap {
  display: block;
  width: 100%;
  height: 220px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  z-index: 10;
}

.product-category-zone .pcz-R .pcz-box .pic {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  position: relative;
  transition: transform 0.2s ease-in;
}

.product-category-zone .pcz-R .pcz-box:hover img.pic {
  transform: scale(1.03);
}

.personal-center {
  width: 1420px;
  min-height: 300px;
  /*background-color: rgba(205, 92, 92, 0.26);*/
  margin: 30px auto 30px;
  position: relative;
}

.personal-center .pc-L {
  float: left;
  width: 300px;
  min-height: 800px;
  background-color: #fff;
}

.personal-center .mobile-L {
  display: none;
}

.personal-center .pc-R {
  float: left;
  width: calc(100% - 320px);
  min-height: 100px;
  background-color: #fff;
  margin-left: 20px;
  padding: 30px 30px;
  position: relative;
}

.personal-center .pc-L .section-portrait {
  width: 100%;
  height: 277px;
  background-color: #F0F0F0;
  margin: 0 auto 20px;
  padding-top: 35px;
  position: relative;
}

.personal-center .pc-L .section-portrait .portrait {
  width: 90px;
  height: 90px;
  background: #D8D8D8;
  border-radius: 50%;
  margin: 0px auto 20px;
  position: relative;
}

.personal-center .pc-L .section-portrait .portrait img {
  display: block;
  width: 40px;
  height: 46px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
}

.personal-center .pc-L .section-portrait .mobile {
  width: 100%;
  height: 30px;
  margin: 20px auto 20px;
  text-align: center;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: bold;
  font-size: 22px;
  color: #333;
  position: relative;
}

.personal-center .pc-L .section-portrait .grade {
  width: 100%;
  height: 30px;
  margin: 20px auto 20px;
  text-align: center;
  position: relative;
}

.personal-center .pc-L .section-portrait .grade .icon {
  display: inline-block;
  width: 30px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  vertical-align: top;
  margin-right: 10px;
  position: relative;
  top: 3px;
}

.personal-center .pc-L .section-portrait .grade .icon.diamond {
  background-image: url(../img/icon-diamond-red.png);
}

.personal-center .pc-L .section-portrait .grade .txt {
  vertical-align: top;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 18px;
  color: #666;
}

.personal-center .pc-L .ul-pc {
  width: 100%;
  min-height: 10px;
  margin: 0 auto;
  padding: 10px 0;
  list-style: none;
  position: relative;
}

.personal-center .pc-L .ul-pc li {
  width: 100%;
  height: 68px;
  background: #fff;
  border-left: 8px solid #fff;
  padding-left: 40px;
  line-height: 68px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 18px;
  color: #333;
  position: relative;
}

.personal-center .pc-L .ul-pc li:hover,
.personal-center .pc-L .ul-pc li.active {
  background: #FFE6E6;
  border-left-color: #E81E28;
}

.personal-center .pc-L .ul-pc li a {
  color: #333;
}

.personal-center .pc-L .ul-pc li:hover a,
.personal-center .pc-L .ul-pc li.active a {
  color: #E81E28;
}

.personal-center .mobile-L .ul-pc {
  width: 100%;
  height: 60px;
  background-color: #fff;
  list-style: none;
  margin: 0 auto 20px;
  padding: 10px 20px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  overflow: auto;
  position: relative;
}

.personal-center .mobile-L .ul-pc li {
  flex: 0 0 auto;
  min-width: 50px;
  height: 40px;
  padding: 0 10px;
  line-height: 40px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 24px;
  color: #333;
}

.personal-center .mobile-L .ul-pc li + li {
  margin-left: 20px;
}

.personal-center .mobile-L .ul-pc li a {
  color: #333;
}

.personal-center .mobile-L .ul-pc li.active a {
  font-weight: 700;
  color: #E81E28;
}


.personal-center .pc-R .mocking {
  width: 100%;
  min-height: 100px;
  margin: 0 auto;
}

.personal-center .pc-R .info-top {
  width: 100%;
  min-height: 10px;
  background-color: #F5F5F6;
  margin: 0 auto 0px;
  padding: 30px 30px;
  position: relative;
}

.personal-center .pc-R .info-top .it-L {
  float: left;
  width: 60px;
  height: 60px;
  background-color: #D8D8D8;
  border-radius: 50%;
  position: relative;
}

.personal-center .pc-R .info-top .it-R {
  float: left;
  width: calc(100% - 60px);
  height: 90px;
  padding-left: 20px;
  padding-top: 0px;
  position: relative;
}

.personal-center .pc-R .info-top .it-L > img {
  display: block;
  width: 28px;
  height: 32px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
}

.personal-center .pc-R .info-top .it-R .p1 {
  width: 100%;
  height: 20px;
  margin-bottom: 5px;
  position: relative;
}

.personal-center .pc-R .info-top .it-R .p1 .mobile {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
  line-height: 20px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 18px;
  color: #333;
}

.personal-center .pc-R .info-top .it-R .p1 .member {
  display: inline-block;
  min-width: 90px;
  height: 24px;
  background: rgba(232, 30, 40, 0.32);
  vertical-align: top;
  padding: 0 5px;
  text-align: center;
  line-height: 24px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  font-size: 18px;
  color: #E81E28;
  position: relative;
  top: 3px;
}

.personal-center .pc-R .info-top .it-R .p2 {
  width: 100%;
  height: 30px;
  position: relative;
}

.personal-center .pc-R .info-top .it-R .p2 .icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  vertical-align: top;
  margin-right: 8px;
  position: relative;
  top: 1px;
}

.personal-center .pc-R .info-top .it-R .p2 .icon.email {
  background-image: url(../img/icon-email-gray.png);
}

.personal-center .pc-R .info-top .it-R .p2 .icon.house {
  background-image: url(../img/icon-house-gray.png);
}

.personal-center .pc-R .info-top .it-R .p2 .txt {
  display: inline-block;
  vertical-align: top;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 16px;
  color: #999;
}

.personal-center .pc-R .info-top .it-R .p2 .txt + .icon {
  margin-left: 10px;
}

.personal-center .pc-R .info-top .it-R .p3 {
  width: 100%;
  height: 30px;
  position: relative;
}

.personal-center .pc-R .info-top .it-R .p3 .txt {
  display: inline-block;
  vertical-align: top;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 16px;
  color: #999;
}

.personal-center .pc-R .info-top .it-R .p3 .f-bold {
  margin: 0 5px;
  font-weight: 700;
  color: #333;
}

.personal-center .pc-R .info-top .it-R .sign-in {
  min-width: 120px;
  height: 40px;
  background: linear-gradient(180deg, #FF7377 0%, #FF556E 100%);
  border-radius: 20px 20px 20px 20px;
  padding-left: 50px;
  line-height: 40px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 16px;
  color: #fff;
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 10;
}

.personal-center .pc-R .info-top .it-R .sign-in::before {
  content: '';
  width: 21px;
  height: 21px;
  background-image: url(../img/icon-sign-in.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  vertical-align: top;
  position: absolute;
  top: 9px;
  left: 20px;
}

.personal-center .pc-R .info-middle {
  width: 100%;
  min-height: 116px;
  background-color: #F5F5F6;
  margin: 0 auto 30px;
  padding: 10px 30px;
  position: relative;
}

.personal-center .pc-R .info-middle .im {
  float: left;
  width: 20%;
  min-height: 75px;
  position: relative;
}

.personal-center .pc-R .info-middle .im .icon {
  float: left;
  width: 74px;
  height: 74px;
  background: rgba(232, 30, 40, 0.04);
  border-radius: 10px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 45px 45px;
  margin: 0 auto 5px;
}

.personal-center .pc-R .info-middle .im .icon.im1 {
  background-image: url(../img/icon-im1-red.png);
}

.personal-center .pc-R .info-middle .im .icon.im2 {
  background-image: url(../img/icon-im2-red.png);
}

.personal-center .pc-R .info-middle .im .icon.im3 {
  background-image: url(../img/icon-im3-red.png);
}

.personal-center .pc-R .info-middle .im .icon.im4 {
  background-image: url(../img/icon-im4-red.png);
}

.personal-center .pc-R .info-middle .im .icon.im5 {
  background-image: url(../img/icon-im5-red.png);
}

.personal-center .pc-R .info-middle .im .info {
  float: left;
  width: calc(100% - 74px);
  padding-left: 10px;

  line-height: 25px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 18px;
  color: #fff;
}

.personal-center .pc-R .info-middle .im .info .txt {
  display: block;
  width: 100%;
  text-decoration: none;
  line-height: 40px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  font-size: 32px;
  color: #E81E28;
}

.personal-center .pc-R .info-middle .im .info .desc {
  width: 100%;
  line-height: 34px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 18px;
  color: #333;
}

.personal-center .pc-R .pc-title {
  width: 100%;
  height: 24px;
  margin-bottom: 20px;
  padding-left: 24px;
  line-height: 24px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  font-size: 22px;
  color: #333;
  position: relative;
}

.personal-center .pc-R .pc-title::before {
  content: '';
  width: 4px;
  height: 24px;
  background: #E81E28;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
}

.personal-center .pc-R .order {
  width: 100%;
  background: #F5F5F6;
  margin: 0 auto 20px;
  padding: 30px 20px;
  position: relative;
}

.personal-center .pc-R .order .status {
  width: 100%;
  height: 20px;
  margin-bottom: 10px;
  line-height: 20px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 20px;
  color: #666;
}

.personal-center .pc-R .order .info-pay {
  width: 100%;
  min-height: 40px;
  margin-bottom: 10px;
  padding: 10px 0;
  display: flex;
  justify-content: space-between;

}

.personal-center .pc-R .order .info-pay .info {
  flex: 1 1 auto;
  padding-right: 15px;
  line-height: 20px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 16px;
  color: #333;
}

.personal-center .pc-R .order .info-pay .info .sep {
  margin: 0 10px;
  color: #707070;
}

.personal-center .pc-R .order .info-pay .pay {
  flex: 0 0 auto;
  line-height: 20px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 16px;
  color: #333;
}

.personal-center .pc-R .order .info-pay .pay .num {
  font-size: 32px;
}

.personal-center .pc-R .order .line {
  width: 100%;
  height: 1px;
  background: #ccc;
  margin: 15px auto 25px;
}

.personal-center .pc-R .order table.combine-wrap {
  width: 100%;
  min-height: 10px;
  position: relative;
}

.personal-center .pc-R .order table.combine-wrap .cw-L {
  width: calc(100% - 200px);
  min-height: 10px;
  /*background-color: #6eb15b;*/
  padding-right: 10px;
  position: relative;
}

.personal-center .pc-R .order table.combine-wrap .cw-R {
  width: 200px;
  height: auto;
  /*background-color: #92755c;*/
  position: relative;
}

.personal-center .pc-R .order table.combine-wrap .cw-R .btn-zone {
  width: 100%;
  height: 100%;
  position: relative;
}

.personal-center .pc-R .order table.combine-wrap .cw-R .btn-zone .b1 {
  display: block;
  width: calc(100% - 20px);
  height: 32px;
  border: 1px solid #707070;
  padding: 0 10px;
  text-align: center;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 16px;
  color: #4092DF;
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-top: -25px;
}

.personal-center .pc-R .order table.combine-wrap .cw-R .btn-zone .b2 {
  display: block;
  width: calc(100% - 20px);
  height: 32px;
  border: 1px solid #E81E28;
  padding: 0 10px;
  text-align: center;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 16px;
  color: #E81E28;
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-top: 25px;
}

.personal-center .pc-R .order table.combine-wrap .cw-L .pic-txt {
  width: 100%;
  min-height: 80px;
  /*background-color: yellow;*/
  border-bottom: 1px dashed #999;
  position: relative;
}

.personal-center .pc-R .order table.combine-wrap .cw-L .pic-txt + .pic-txt {
  margin-top: 10px;
}

.personal-center .pc-R .order table.combine-wrap .cw-L .pic-txt .pic-zone {
  float: left;
  width: 120px;
  height: 80px;
  margin-right: 10px;
  position: relative;
}

.personal-center .pc-R .order table.combine-wrap .cw-L .pic-txt .txt-zone {
  float: left;
  width: calc(100% - 230px);
  height: 80px;
  padding: 0px 0;
  position: relative;
}

.personal-center .pc-R .order table.combine-wrap .cw-L .pic-txt .calc-num {
  float: left;
  width: 100px;
  height: 80px;
  padding: 5px 5px;
  text-align: center;
  line-height: 70px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 20px;
  color: #333;
  position: relative;
}

.personal-center .pc-R .order table.combine-wrap .cw-L .pic-txt .pic-zone img {
  display: block;
  width: 100%;
  max-height: 100%;
  margin: 0 auto;
  border: 0;
  outline: 0;
}

.personal-center .pc-R .order table.combine-wrap .cw-L .pic-txt .txt-zone .t1 {
  width: 100%;
  height: 50px;
  margin-bottom: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-all;
  line-height: 25px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 16px;
  color: #333;
  position: relative;
}

.personal-center .pc-R .order table.combine-wrap .cw-L .pic-txt .txt-zone .t2 {
  width: 100%;
  height: 25px;
  line-height: 25px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 16px;
  color: #333;
  position: relative;
}

.personal-center .pc-R .order-detail-wrap {
  width: 100%;
  min-height: 10px;
  background-color: #F5F5F6;
  margin: 0 auto 0px;
  padding: 20px 20px;
  position: relative;
}

.personal-center .pc-R .order-detail-wrap .caption {
  width: 100%;
  height: 30px;
  margin-bottom: 10px;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  font-size: 20px;
  color: #333;
}

.personal-center .pc-R .order-detail-wrap .order-status-pay {
  width: 100%;
  height: 51px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px;
  padding: 0 10px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.personal-center .pc-R .order-detail-wrap .order-status-pay .status {
  flex: 0 0 auto;
  height: 40px;
  line-height: 35px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 20px;
  color: #666;
}

.personal-center .pc-R .order-detail-wrap .order-status-pay .pay {
  flex: 0 0 auto;
  height: 40px;
  line-height: 35px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 20px;
  color: #666;
}

.personal-center .pc-R .order-detail-wrap .order-status-pay .pay .money {
  font-weight: 700;
  font-size: 32px;
}

.personal-center .pc-R .order-detail-wrap .od-title {
  width: 100%;
  height: 40px;
  padding-left: 5px;
  line-height: 40px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 20px;
  color: #333;
}

.personal-center .pc-R .order-detail-wrap .real-pay {
  width: 100%;
  height: 50px;
  margin-bottom: 20px;
  text-align: right;
  line-height: 50px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 20px;
  color: #333;
}

.personal-center .pc-R .order-detail-wrap .real-pay .unit {
  color: #E81E28;
}

.personal-center .pc-R .order-detail-wrap .real-pay .money {
  font-size: 32px;
  color: #E81E28;
}

.personal-center .pc-R .order-detail-wrap .od-hd {
  width: 100%;
  height: 60px;
  margin-bottom: 10px;
  padding: 0 20px;
  background-color: #fff;
  text-align: center;
  line-height: 60px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  font-size: 18px;
  color: #707070;
}

.personal-center .pc-R .order-detail-wrap .od-bd {
  width: 100%;
  min-height: 10px;
}

.personal-center .pc-R .order-detail-wrap .od-bd .od-item {
  width: 100%;
  height: 140px;
  background-color: #fff;
  margin-bottom: 10px;
  padding: 25px 20px;
  text-align: center;
  line-height: 90px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 20px;
  color: #333;
}

.personal-center .pc-R .order-detail-wrap .od-hd .c1,
.personal-center .pc-R .order-detail-wrap .od-bd .od-item .c1 {
  float: left;
  width: 60%;
  /*background-color: rgba(0,255,254,0.3);*/
}

.personal-center .pc-R .order-detail-wrap .od-hd .c2,
.personal-center .pc-R .order-detail-wrap .od-bd .od-item .c2 {
  float: left;
  width: 15%;
  /*background-color: rgba(103, 160, 160, 0.3);*/
}

.personal-center .pc-R .order-detail-wrap .od-hd .c3,
.personal-center .pc-R .order-detail-wrap .od-bd .od-item .c3 {
  float: left;
  width: 10%;
  /*background-color: rgba(137, 231, 103, 0.1);*/
}

.personal-center .pc-R .order-detail-wrap .od-hd .c4,
.personal-center .pc-R .order-detail-wrap .od-bd .od-item .c4 {
  float: left;
  width: 15%;
  /*background-color: rgba(137, 80, 136, 0.2);*/
}


.personal-center .pc-R .order-detail-wrap .od-bd .od-item .c4 {
  color: #E81E28;
}

.personal-center .pc-R .order-detail-wrap .od-bd .od-item .c1 .pic {
  float: left;
  width: 120px;
  height: 90px;
  background-image: url(../img/pic-product-screen02.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  position: relative;
}

.personal-center .pc-R .order-detail-wrap .od-bd .od-item .c1 .info {
  float: left;
  width: calc(100% - 120px);
  height: 90px;
  padding: 0 10px;
  text-align: left;
  position: relative;
}

.personal-center .pc-R .order-detail-wrap .od-bd .od-item .c1 .info .t1 {
  width: 100%;
  height: 50px;
  margin-bottom: 10px;
  line-height: 25px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 16px;
  color: #333;
}

.personal-center .pc-R .order-detail-wrap .od-bd .od-item .c1 .info .t2 {
  width: 100%;
  height: 30px;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 16px;
  color: #999;
}


.personal-center .pc-R .sender-receiver-info {
  width: 100%;
  background-color: #F5F5F6;
  margin: 0 auto;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  position: relative;
}

.personal-center .pc-R .sender-receiver-info .sr {
  width: 100%;
  padding: 20px 20px;
  position: relative;
}

.personal-center .pc-R .sender-receiver-info .sr + .sr {
  margin-top: 0px;
}

.personal-center .pc-R .sender-receiver-info .sr + .sr::before {
  content: '';
  width: 100%;
  height: 1px;
  background-color: #ccc;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}

.personal-center .pc-R .sender-receiver-info .sr .title {
  width: 100%;
  height: 40px;
  padding-left: 5px;
  line-height: 40px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 20px;
  color: #333;

}

.personal-center .pc-R .sender-receiver-info .tb-sr {
  width: 100%;
  min-height: 10px;
  margin: 0 auto 0px;
  padding: 0;
  position: relative;
}

.personal-center .pc-R .sender-receiver-info .tb-sr td {
  padding: 5px 5px;
  line-height: 20px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 16px;
  color: #333;
}

.personal-center .pc-R .sender-receiver-info .tb-sr td:nth-of-type(1) {
  width: 300px;
  font-weight: 700;
}


.personal-center .pc-R .tl-tabs {
  width: 100%;
}

.personal-center .pc-R .mock-box-wrap {
  width: 100%;
  padding: 0;
}

.personal-center .pc-R .mock-box {
  float: left;
  width: calc(50% - 10px);
  height: 190px;
  background: #F5F5F6;
  border-bottom: 6px solid #E81E28;
  margin-bottom: 25px;
  margin-right: 20px;
  padding: 25px 30px 0 30px;
  position: relative;
}

.personal-center .pc-R .mock-box.default,
.personal-center .pc-R .mock-box.default:hover {
  outline: 2px dashed rgba(232, 30, 40, 0.3);
}

.personal-center .pc-R .mock-box:hover {
  outline: 2px dashed #999;
}

.personal-center .pc-R .mock-box.empty {
  border-bottom-color: #F5F5F6;
  padding-top: 65px;
  cursor: pointer;
}

.personal-center .pc-R .mock-box.empty:hover {
  outline: 0;
}

.personal-center .pc-R .mock-box:nth-of-type(even) {
  margin-right: 0;
}

.personal-center .pc-R .mock-box .add {
  display: block;
  width: 30px;
  height: 30px;
  border: 0;
  outline: 2px solid #E81E28;
  margin: 0 auto 15px;
  padding: 0;
  text-align: center;
  line-height: 28px;
  font-size: 26px;
  color: #E81E28;
  position: relative;
}

.personal-center .pc-R .mock-box .add .icon-add {
  display: block;
  width: 40px;
  height: 40px;
  background: url(../img/icon-add.png) no-repeat center center;
  background-size: contain;
}

.personal-center .pc-R .mock-box .txt {
  width: 100%;
  text-align: center;
  line-height: 20px;
  font-weight: 400;
  font-size: 19px;
  color: #E81E28;
}

.personal-center .pc-R .mock-box .name-tel {
  width: 100%;
  height: 30px;
  line-height: 30px;
  font-weight: 700;
  font-size: 19px;
  color: #333;
  position: relative;
}

.personal-center .pc-R .mock-box .name-tel .name {
  margin-right: 10px;
  /*font-weight: 700;*/
  /*font-size: 19px;*/
}

.personal-center .pc-R .mock-box .name-tel .is-default {
  display: inline-block;
  min-width: 20px;
  height: 25px;
  background-color: #ff9000;
  border-radius: 5px;
  vertical-align: top;
  margin-left: 5px;
  margin-right: 5px;
  padding: 3px 10px;
  line-height: 19px;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #fff;
  position: relative;
  top: 2px;
}

.personal-center .pc-R .mock-box .name-tel .edit-em {
  display: none;
  /*display: inline-block;*/
  min-width: 20px;
  height: 25px;
  padding: 3px 10px;
  line-height: 19px;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #666;
  cursor: pointer;
  position: absolute;
  top: 3px;
}

.personal-center .pc-R .mock-box:hover .edit-em {
  display: inline-block;
}

.personal-center .pc-R .mock-box .name-tel .edit-em.address-del {
  color: #E81E28;
  right: 0px;
}

.personal-center .pc-R .mock-box .name-tel .edit-em.address-edit {
  right: 55px;
}

.personal-center .pc-R .mock-box .name-tel .edit-em.is-default {
  display: inline-block !important;
}


.personal-center .pc-R .mock-box .address {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 30px;
  font-weight: 400;
  font-size: 18px;
  color: #666;
}

.personal-center .pc-R .invoice-wrap {
  width: 100%;
  min-height: 100px;
  background: #fff;
  margin: 0 auto 20px;
  position: relative;
}

.personal-center .pc-R .invoice-wrap .iw-whole {
  float: left;
  width: 100%;
  height: 150px;
  background: #F5F5F6;
  margin-bottom: 20px;
  padding-top: 40px;
  position: relative;
  cursor: pointer;
}

.personal-center .pc-R .invoice-wrap .iw-whole .add {
  display: block;
  width: 30px;
  height: 30px;
  border: 0;
  outline: 2px solid #E81E28;
  margin: 0 auto 15px;
  padding: 0;
  text-align: center;
  line-height: 28px;
  font-size: 26px;
  color: #E81E28;
  position: relative;
}

.personal-center .pc-R .invoice-wrap .iw-whole .add .icon-add {
  display: block;
  width: 40px;
  height: 40px;
  background: url(../img/icon-add.png) no-repeat center center;
  background-size: contain;
}

.personal-center .pc-R .invoice-wrap .iw-whole .txt {
  width: 100%;
  text-align: center;
  line-height: 20px;
  font-weight: 400;
  font-size: 19px;
  color: #e81e28;
}

.personal-center .pc-R .invoice-wrap .iw {
  float: left;
  width: calc(50% - 10px);
  min-height: 360px;
  background: #F5F5F6;
  margin-bottom: 20px;
  margin-right: 20px;
  position: relative;
}

.personal-center .pc-R .invoice-wrap .iw.default,
.personal-center .pc-R .invoice-wrap .iw.default:hover {
  outline: 2px dashed rgba(232, 30, 40, 0.3);
}

.personal-center .pc-R .invoice-wrap .iw:hover {
  outline: 2px dashed #999;
}

.personal-center .pc-R .invoice-wrap .iw:nth-of-type(2n+1) {
  margin-right: 0;
}

.personal-center .pc-R .invoice-wrap .iw .title {
  width: 100%;
  height: 91px;
  border-bottom: 1px solid #E81E28;
  margin-bottom: 20px;
  padding: 0 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 90px;
  font-weight: 700;
  font-size: 19px;
  color: #333;
  position: relative;
}

.personal-center .pc-R .invoice-wrap .iw .title .is-default {
  display: inline-block;
  min-width: 20px;
  height: 25px;
  background-color: #ff9000;
  border-radius: 5px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 3px 10px;
  line-height: 19px;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #fff;
}

.personal-center .pc-R .invoice-wrap .iw .title .edit-em {
  display: none;
  /*display: inline-block;*/
  min-width: 20px;
  height: 25px;
  padding: 3px 10px;
  line-height: 19px;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #666;
  cursor: pointer;
  position: absolute;
  top: 33px;
}

.personal-center .pc-R .invoice-wrap .iw:hover .title .edit-em {
  display: inline-block;
}

.personal-center .pc-R .invoice-wrap .iw .title .edit-em.invoice-del {
  color: #E81E28;
  right: 5px;
}

.personal-center .pc-R .invoice-wrap .iw .title .edit-em.invoice-edit {
  right: 55px;
}

.personal-center .pc-R .invoice-wrap .iw .title .edit-em.is-default {
  display: inline-block !important;
}


.personal-center .pc-R .invoice-wrap .iw .tin {
  width: 100%;
  min-height: 30px;
  margin-bottom: 10px;
  position: relative;
}

.personal-center .pc-R .invoice-wrap .iw .tin .tin-L {
  float: left;
  width: 45%;
  min-height: 30px;
  text-align: right;
  padding: 0 10px;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  font-size: 18px;
  color: #666;
}

.personal-center .pc-R .invoice-wrap .iw .tin .tin-R {
  float: left;
  width: 55%;
  min-height: 30px;
  max-height: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  padding: 0 10px 0 5px;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 18px;
  color: #666;
}

.personal-center .pc-R .jug {
  width: 100%;
  height: 80px;
  background: #F5F5F6;
  margin: 20px auto 20px;
  padding: 22px 30px;
  position: relative;
}

.personal-center .pc-R .jug .icon {
  float: left;
  width: 36px;
  height: 36px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  margin-right: 15px;
}

.personal-center .pc-R .jug .icon.user {
  background-image: url(../img/icon-jug-user.png);
}

.personal-center .pc-R .jug .icon.email {
  background-image: url(../img/icon-jug-email.png);
}

.personal-center .pc-R .jug .icon.house {
  background-image: url(../img/icon-jug-house.png);
}

.personal-center .pc-R .jug .t1 {
  float: left;
  line-height: 36px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  font-size: 18px;
  color: #333;
}

.personal-center .pc-R .jug .t2 {
  float: right;
  width: 30%;
  height: 36px;
  position: relative;
}

.personal-center .pc-R .jug .t2 input[type="text"] {
  width: 100%;
  height: 36px;
  background-color: transparent;
  border: 1px solid transparent;
  outline: 0;
  padding: 8px 10px;
  line-height: 20px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 18px;
  color: #333;
}

.personal-center .pc-R .jug .t2 input[type="text"]::placeholder {
  color: #999;
}

.personal-center .pc-R .jug .t2 input[type="text"]:focus-visible {
  border-color: #ccc;
}

.personal-center .pc-R .btn-jug {
  display: block;
  width: 40%;
  height: 50px;
  background: #E81E28;
  border-radius: 25px;
  border: 0;
  outline: 0;
  margin: 20px auto 20px;
  padding: 0 15px;
  text-align: center;
  line-height: 50px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 19px;
  color: #fff;
}


.om-login {
  width: 100%;
  height: 999px;
  min-height: calc(100vh - 412px);
  margin: 0 auto;
  padding: 0;
  position: relative;
}

.om-login .oml-L {
  float: left;
  width: 600px;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative;
}

.om-login .oml-L.login {
  background-image: url(../img/bg-login2.png);
}

.om-login .oml-L.register {
  background-image: url(../img/bg-register2.png);
}

.om-login .oml-R {
  float: left;
  width: calc(100% - 600px);
  height: 100%;
  padding: 40px 40px;
  position: relative;
}

.om-login .oml-R .logo {
  width: 158px;
  height: 25px;
  background: url(../img/icon-logo-small.png) no-repeat center center;
  background-size: contain;
  position: absolute;
  top: 40px;
  left: 40px;
  z-index: 10;
}

.om-login .oml-R .login-box {
  display: none;
  width: 640px;
  min-height: 700px;
  background: #fff;
  box-shadow: 10px 10px 20px 1px rgba(0, 0, 0, 0.04);
  border-radius: 20px;
  padding: 70px 80px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
}

.om-login .oml-R[data-show="account"] .login-box.loginBox1 {
  display: block;
}

.om-login .oml-R[data-show="account"] .login-box.loginBox2 {
  display: none;
}

.om-login .oml-R[data-show="validCode"] .login-box.loginBox1 {
  display: none;
}

.om-login .oml-R[data-show="validCode"] .login-box.loginBox2 {
  display: block;
}

.om-login .oml-R.register .login-box {
  display: block;
}

.om-login .oml-R.forget-password .login-box.step1 {
  display: block;
}

.om-login .oml-R .login-box .title {
  width: 100%;
  height: 50px;
  margin-bottom: 50px;
  line-height: 50px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  font-size: 32px;
  color: #333;
  position: relative;
}

.om-login .oml-R .login-box .title::after {
  content: '';
  width: 92px;
  height: 6px;
  background: #E81E28;
  position: absolute;
  bottom: -10px;
  left: 0;
  z-index: 20;
}

.om-login .oml-R .login-box .lb {
  width: 100%;
  min-height: 40px;
  /*background-color: rgba(227, 255, 192, 0.5);*/
  margin: 20px auto 20px;
  position: relative;
}

.om-login .oml-R .login-box .lb .ip {
  float: left;
  width: 100%;
  height: 40px;
  outline: 0;
  border: 1px solid #ccc;
  box-shadow: none;
  padding: 10px 15px;
  line-height: 20px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 18px;
  color: #333;
}

.om-login .oml-R .login-box .lb.valid-code .ip {
  width: calc(100% - 170px);
}

.om-login .oml-R .login-box .lb .ip::placeholder {
  color: #666;
}

.om-login .oml-R .login-box .lb.error .ip {
  border-color: #E81E28;
}

.om-login .oml-R .login-box .lb .btn-valid {
  float: left;
  width: 165px;
  height: 40px;
  background-color: #E81E28;
  border-radius: 2px;
  margin-left: 5px;
  border: 0;
  outline: 0;
  text-align: center;
  line-height: 28px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 16px;
  color: #fff;
  position: relative;
  z-index: 30;
}

.om-login .oml-R .login-box .lb .btn-valid[disabled] {
  background-color: #EC6200;
  cursor: not-allowed;
  pointer-events: none;
  color: rgba(255, 255, 255, 0.5);
}

.om-login .oml-R .login-box .lb .img-valid {
  float: left;
  width: 125px;
  height: 40px;
  /* background-color: blue; */
  margin-left: 5px;
  padding-top: 4.25px;
  border: 0;
  outline: 0;
  position: relative;
  z-index: 30;
}

.om-login .oml-R .login-box .lb .img-valid img {
  display: block;
  width: 100%;
  max-height: 40px;
  margin: 0 auto;
  border: 0;
}

.om-login .oml-R .login-box .lb .err-tip {
  display: none;
  float: left;
  width: 100%;
  margin-bottom: 10px;
  padding-left: 20px;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 16px;
  color: #E81E28;
}

.om-login .oml-R .login-box .lb.error .err-tip {
  display: block;
}

.om-login .oml-R .login-box .btn-lb {
  display: block;
  width: 100%;
  height: 50px;
  background: #E81E28;
  border-radius: 25px;
  border: 0;
  outline: 0;
  margin: 50px auto 20px;
  text-align: center;
  line-height: 50px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 19px;
  color: #fff;
}

.om-login .oml-R .login-box .lb-link {
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 18px;
  color: #333;
}

.om-login .oml-R .login-box .lb-link .link-L {
  float: left;
  text-decoration: none;
  color: #333;
}

.om-login .oml-R .login-box .lb-link .link-R {
  float: right;
  text-decoration: none;
  color: #E81E28;
  cursor: pointer;
}

.om-login .oml-R .login-box .go-to {
  width: 100%;
  height: 50px;
  background: rgba(232, 30, 40, 0.15);
  border-radius: 0px 0px 20px 20px;
  padding: 0 50px;
  text-align: center;
  line-height: 50px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 18px;
  color: #333;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 30;
}

.om-login .oml-R .login-box .go-to a {
  text-decoration: none;
  color: #E81E28;
}

.product-screen-wrap {
  width: 100%;
  min-height: 100px;
  margin: 0 auto;
  padding: 0px 30px;
  position: relative;
}

.product-screen-wrap .ps-L {
  float: left;
  width: 280px;
  min-height: 500px;
  background: #F5F5F6;
  padding: 30px 30px;
  position: relative;
}

.product-screen-wrap .ps-R {
  float: left;
  width: calc(100% - 310px);
  min-height: 500px;
  background: #fff;
  margin-left: 30px;
  position: relative;
}

.product-screen-wrap .ps-L .title {
  width: 100%;
  height: 40px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px;
  padding: 0 10px;
  position: relative;
}

.product-screen-wrap .ps-L .title .txt {
  line-height: 39px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  font-size: 18px;
  color: #333;
  position: relative;
}

.product-screen-wrap .ps-L .title .txt::after {
  content: '';
  width: 80px;
  height: 4px;
  background: #E81E28;
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 20;
}

.product-screen-wrap .ps-L .ps-list {
  width: 100%;
  min-height: 10px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
  padding-bottom: 10px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: all 0.3s ease;
  position: relative;
}

.product-screen-wrap .ps-L .ps-list .ps-hd {
  width: 100%;
  /*height: 30px;*/
  /*background-color: rgba(255, 192, 203, 0.4);*/
  padding-right: 30px;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  font-size: 16px;
  color: #333;
  position: relative;
}

.product-screen-wrap .ps-L .ps-list .ps-hd::after {
  content: '';
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 10px 10px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
}

.product-screen-wrap .ps-L .ps-list .ps-hd[data-arr="down"]::after {
  background-image: url(../img/icon-ps-list-arrow-down.png);
}

.product-screen-wrap .ps-L .ps-list .ps-hd[data-arr="right"]::after {
  background-image: url(../img/icon-ps-list-arrow-right.png);
}

.product-screen-wrap .ps-L .ps-list .ps-bd {
  width: 100%;
  min-height: 30px;
  /*background-color: rgba(150, 154, 89, 0.4);*/
  list-style: none;
  padding: 0;
  cursor: default;
  position: relative;
}

.product-screen-wrap .ps-L .ps-list .ps-hd[data-arr="down"] + .ps-bd {
  display: block;
}

.product-screen-wrap .ps-L .ps-list .ps-hd[data-arr="right"] + .ps-bd {
  display: none;
}

.product-screen-wrap .ps-L .ps-list .ps-bd li {
  width: 100%;
  min-height: 30px;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 16px;
  color: #333;
  cursor: pointer;
}

.product-screen-wrap .ps-L .ps-list .ps-bd li:hover,
.product-screen-wrap .ps-L .ps-list .ps-bd li.active,
.product-screen-wrap .ps-L .ps-list .ps-bd li.selected {
  color: #E81E28;
}

.product-screen-wrap .ps-R .ps-box-wrap {
  width: 100%;
  min-height: 10px;
  margin: 0 auto;
  padding: 0;
  position: relative;
}

.product-screen-wrap .ps-R .ps-box-wrap .ps-box {
  float: left;
  width: calc(33.33333% - 20px);
  height: 360px;
  background: #F6F6F6;
  margin-right: 30px;
  margin-bottom: 30px;
  position: relative;
}

.product-screen-wrap .ps-R .ps-box-wrap .ps-box:nth-of-type(3n) {
  margin-right: 0;
}

.product-screen-wrap .ps-R .ps-box-wrap .ps-box .img-wrap {
  display: block;
  width: 100%;
  height: 220px;
  border: 0 none;
  margin: 0 auto 20px;
  overflow: hidden;
  position: relative;
}

.product-screen-wrap .ps-R .ps-box-wrap .ps-box img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  border: 0 none;
  margin: 0 auto;
  position: relative;
  transition: transform 0.2s ease-in;
}

.product-screen-wrap .ps-R .ps-box-wrap .ps-box:hover .img-wrap img {
  transform: scale(1.03);
}

.product-screen-wrap .ps-R .ps-box-wrap .ps-box .title {
  width: 100%;
  height: 30px;
  margin-bottom: 10px;
  padding: 0 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  font-size: 16px;
  color: #333;
}

.product-screen-wrap .ps-R .ps-box-wrap .ps-box .emo {
  display: inline-block;
  min-width: 100px;
  border: 1px solid #E81E28;
  border-radius: 15px;
  margin-left: 15px;
  padding: 2px 10px;
  text-align: center;
  line-height: 18px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 14px;
  color: #E81E28;
}

.product-screen-wrap .ps-R .ps-with-screen {
  width: 100%;
  min-height: 10px;
  margin: 0 auto;
  padding: 0;
  position: relative;
}

.product-screen-wrap .ps-R .ps-with-screen .ps-top {
  width: 100%;
  min-height: 10px;
  border-top: 1px solid #707070;
  border-bottom: 1px solid #707070;
  margin: 0 auto 30px;
  padding: 15px 0 0 0;
  font-size: 0;
  position: relative;
}

.product-screen-wrap .ps-R .ps-with-screen .ps-top .tip {
  display: inline-block;
  min-width: 50px;
  height: 35px;
  margin-right: 15px;
  margin-bottom: 15px;
  padding: 0 10px;
  text-align: center;
  line-height: 35px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 16px;
  color: #333;
}

.product-screen-wrap .ps-R .ps-with-screen .ps-top .clean {
  display: inline-block;
  min-width: 50px;
  height: 35px;
  margin-right: 15px;
  margin-bottom: 15px;
  padding: 0 5px;
  text-align: center;
  line-height: 35px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 16px;
  color: #333;
  cursor: pointer;
}

.product-screen-wrap .ps-R .ps-with-screen .ps-top .clean .icon {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url(../img/icon-product-screen-clean.png) no-repeat center center;
  background-size: contain;
  vertical-align: top;
  margin-right: 5px;
  position: relative;
  top: 10px;
}

.product-screen-wrap .ps-R .ps-with-screen .ps-top .clean .txt {
  display: inline-block;
  vertical-align: top;
  line-height: 35px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 16px;
  color: #999;
}

.product-screen-wrap .ps-R .ps-with-screen .ps-top .pick {
  display: inline-block;
  vertical-align: top;
  min-width: 50px;
  height: 35px;
  border: 1px dashed #999;
  margin-right: 10px;
  margin-bottom: 15px;
  padding: 0 10px;
  position: relative;
}

.product-screen-wrap .ps-R .ps-with-screen .ps-top .group {
  display: inline-block;
  vertical-align: top;
  min-width: 50px;
  height: 35px;
  border: 1px solid #999;
  margin-right: 10px;
  margin-bottom: 15px;
  padding: 0 10px;
  position: relative;
}

.product-screen-wrap .ps-R .ps-with-screen .ps-top .group .desc {
  vertical-align: top;
  line-height: 35px;
  font-family: "Microsoft YaHei";
  font-weight: 600;
  font-size: 16px;
  color: #999;
}

.product-screen-wrap .ps-R .ps-with-screen .ps-top .pick .desc {
  vertical-align: top;
  margin-right: 15px;
  line-height: 33px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 16px;
  color: #999;
}

.product-screen-wrap .ps-R .ps-with-screen .ps-top .pick .del {
  vertical-align: top;
  line-height: 33px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 16px;
  color: #999;
  cursor: default;
}

.product-screen-wrap .ps-R .ps-with-screen .ps-main {
  width: 100%;
  min-height: 10px;
  margin: 0 auto 20px;
  position: relative;
}

.product-screen-wrap .ps-R .ps-with-screen .ps-main .ps-jug {
  width: 100%;
  min-height: 140px;
  background: #F4F4F5;
  margin-bottom: 10px;
  padding: 25px 20px;
  position: relative;
}

.product-screen-wrap .ps-R .ps-with-screen .ps-main .ps-jug .pic {
  float: left;
  width: 120px;
  height: 90px;
  /*background-color: rgba(128, 95, 70, 0.24);*/
  margin-right: 15px;
}

.product-screen-wrap .ps-R .ps-with-screen .ps-main .ps-jug .pic img {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  border: 0 none;
  position: relative;
  /*top: -3px;*/
}

.product-screen-wrap .ps-R .ps-with-screen .ps-main .ps-jug .info {
  float: left;
  /*width: 416px;*/
  width: calc(100% - 585px);
  height: 90px;
  /*background-color: rgba(150, 99, 144, 0.24);*/
}

.product-screen-wrap .ps-R .ps-with-screen .ps-main .ps-jug .info .t1 {
  width: 100%;
  height: 60px;
  margin-bottom: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  line-height: 20px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 16px;
  color: #333;
}

.product-screen-wrap .ps-R .ps-with-screen .ps-main .ps-jug .info .t2 {
  width: 100%;
  height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 16px;
  color: #999;
}

.product-screen-wrap .ps-R .ps-with-screen .ps-main .ps-jug .num-wrap {
  float: left;
  width: 140px;
  height: 90px;
  /*background-color: rgba(122, 192, 187, 0.24);*/
  margin-left: 30px;
  padding: 25px 0;
  font-size: 0;
  position: relative;
}

.product-screen-wrap .ps-R .ps-with-screen .ps-main .ps-jug .num-wrap .nw-btn {
  display: inline-block;
  width: 40px;
  height: 40px;
  background: #F4F4F5;
  border: 1px solid #ccc;
  outline: 0;
  vertical-align: top;
  text-align: center;
  line-height: 38px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  font-size: 28px;
  color: #707070;
  cursor: pointer;
}

.product-screen-wrap .ps-R .ps-with-screen .ps-main .ps-jug .num-wrap .nw-num {
  display: inline-block;
  width: calc(100% - 80px);
  height: 40px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  vertical-align: top;
  position: relative;
}

.product-screen-wrap .ps-R .ps-with-screen .ps-main .ps-jug .num-wrap .nw-num input {
  width: 100%;
  height: 38px;
  background: #fff;
  border: 0 !important;
  outline: 0 !important;
  padding: 0 10px;
  text-align: center;
  line-height: 38px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  font-size: 20px;
  color: #333;
}

.product-screen-wrap .ps-R .ps-with-screen .ps-main .ps-jug .price {
  float: left;
  width: 150px;
  height: 90px;
  /*background-color: rgba(64, 169, 66, 0.42);*/
  padding: 30px 0;
  text-align: center;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  font-size: 20px;
  color: #E81E28;
}

.product-screen-wrap .ps-R .ps-with-screen .ps-main .ps-jug .quick-link {
  float: left;
  width: 100px;
  height: 90px;
  /*background-color: rgba(189, 203, 102, 0.24);*/
  margin-left: 30px;
  padding: 15px 0;
  position: relative;
}

.product-screen-wrap .ps-R .ps-with-screen .ps-main .ps-jug .quick-link .ql {
  display: block;
  width: 100%;
  height: 30px;
  text-decoration: none;
  text-align: center;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 16px;
  color: #4092DF;
}

.quick-link .ql {
  cursor: pointer;
}

.product-screen-wrap .ps-R .ps-with-screen .ps-main .ps-jug .product-extend {
  /*display: block !important;*/
  float: left;
  width: calc(100% + 40px);
  min-height: 100px;
  background: #F4F4F5;
  padding: 0px 20px 10px 20px;
  position: relative;
  margin-left: -20px;
  margin-top: 0px;
}

.product-screen-wrap .ps-R .ps-with-screen .ps-main .ps-jug .product-extend .product-detail {
  width: 100%;
  min-width: 580px !important;
  border: 1px solid #eee;
  margin-top: 25px;
  padding-bottom: 30px;
  border-collapse: collapse;
}

.product-screen-wrap .ps-R .ps-with-screen .ps-main .ps-jug .product-extend .product-detail tbody {
  width: 100%;

}

.product-screen-wrap .ps-R .ps-with-screen .ps-main .ps-jug .product-extend table.product-detail tr:nth-child(odd) {
  background: #efefef !important;
}

.product-screen-wrap .ps-R .ps-with-screen .ps-main .ps-jug .product-extend table.product-detail tr:nth-child(even) {
  background: #f7f7f7 !important;
}

.product-screen-wrap .ps-R .ps-with-screen .ps-main .ps-jug .product-extend table.product-detail tr {
  height: auto;
  border: 1px solid #bfbfbf;
}

.product-screen-wrap .ps-R .ps-with-screen .ps-main .ps-jug .product-extend table.product-detail tr td {
  width: 50%;
  padding: 12px 0;
  font-size: 12px !important;
}

.product-screen-wrap .ps-R .ps-with-screen .ps-main .ps-jug .product-extend table.product-detail tr td .t {
  box-sizing: border-box;
  float: left;
  width: 40%;
  padding-left: 30px;
}

.product-screen-wrap .ps-R .ps-with-screen .ps-main .ps-jug .product-extend table.product-detail tr td .c {
  box-sizing: border-box;
  float: left;
  width: 60%;
  padding-left: 30px;
  padding-right: 15px;
  word-break: break-word;
}


.product-screen-wrap .ps-L[isScreen="false"] + .ps-R .ps-box-wrap {
  display: block;
}

.product-screen-wrap .ps-L[isScreen="false"] + .ps-R .ps-with-screen {
  display: none;
}

.product-screen-wrap .ps-L[isScreen="true"] + .ps-R .ps-box-wrap {
  display: none;
}

.product-screen-wrap .ps-L[isScreen="true"] + .ps-R .ps-with-screen {
  display: block;
}

.news-detail-wrap {
  width: 100%;
  min-height: 100px;
  margin: 0 auto;
  padding: 40px 40px;
  position: relative;
}

.news-detail-wrap .caption {
  width: 100%;
  min-height: 40px;
  margin: 0 auto 20px;
  padding: 0px 10px;
  text-align: center;
  line-height: 40px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  font-size: 32px;
  color: #333;
  position: relative;
}

.news-detail-wrap .date {
  width: 100%;
  height: 20px;
  margin: 20px auto;
  text-align: center;
}

.news-detail-wrap .date .icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../img/icon-nc-calender.png) no-repeat center center;
  background-size: contain;
  vertical-align: top;
  position: relative;
  top: -1px;
}

.news-detail-wrap .date .txt {
  vertical-align: top;
  line-height: 20px;
  font-family: "Microsoft YaHei";
  font-weight: bold;
  font-size: 14px;
  color: #333;
}

.news-detail-wrap .only-line {
  width: 100%;
  height: 1px;
  background-color: #ccc;
  margin: 30px auto 30px;
}

.news-detail-wrap .news-detail-content {
  min-height: 500px;
}

.news-detail-wrap .news-detail-content img {
  max-width: 100%;
}

.news-detail-wrap .news-detail-content > div{
  max-width: 100%;
}

.news-detail-wrap .sub-caption {
  width: 100%;
  height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0 auto 50px;
  padding: 0px 10px;
  text-align: center;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 18px;
  color: #666;
  position: relative;
}

.news-detail-wrap .whole-img {
  display: block;
  width: 100%;
  min-height: 10px;
  margin: 0 auto 20px;
  position: relative;
}

.news-detail-wrap .t1 {
  width: 90%;
  min-height: 30px;
  margin: 50px auto 50px;
  padding: 0px 10px;
  text-align: center;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 18px;
  color: #666;
  position: relative;
}

.news-detail-wrap .half-img {
  float: left;
  width: calc(50% - 10px);
  min-height: 10px;
}

.news-detail-wrap .half-img + .half-img {
  margin-left: 20px;
}

.news-detail-wrap .t2 {
  width: 90%;
  min-height: 30px;
  margin: 50px auto 50px;
  padding: 0px 10px;
  text-align: center;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  font-size: 18px;
  color: #666;
  position: relative;
}

.news-detail-wrap .t3 {
  width: 90%;
  min-height: 30px;
  margin: 30px auto 30px;
  padding: 0px 10px;
  text-align: center;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 18px;
  color: #666;
  position: relative;
}

.news-detail-wrap .end-line {
  width: 100%;
  height: 1px;
  background-color: #ccc;
  margin: 30px auto 30px;
  position: relative;
}

.news-detail-wrap .end-line::after {
  content: attr(data-txt);
  width: 200px;
  height: 20px;
  background-color: #fff;
  text-align: center;
  line-height: 20px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 18px;
  color: #999;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 100;
}

.om-score {
  box-sizing: border-box;
  width: 100%;
  height: 605px;
  position: relative;
}

.om-score .swiper-wrapper {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}

.om-score .swiper-wrapper .swiper-slide {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  position: relative;
}

.om-score .swiper-wrapper .swiper-slide:nth-of-type(1) {
  background-image: url(../img/bg-score-banner.png);
}

.om-score .swiper-wrapper .swiper-slide:nth-of-type(2) {
  background-image: url(../img/bg-score-banner.png);
}

.om-score .swiper-wrapper .swiper-slide:nth-of-type(3) {
  background-image: url(../img/bg-score-banner.png);
}

.om-score .swiper-wrapper .swiper-slide:nth-of-type(4) {
  background-image: url(../img/bg-score-banner.png);
}

.om-score .swiper-wrapper .swiper-slide:nth-of-type(5) {
  background-image: url(../img/bg-score-banner.png);
}

.om-score .swiper-pagination {
  box-sizing: border-box;
  display: inline-block;
  min-width: 100px;
  width: auto;
  height: 5px;
  /*background-color: rgba(128, 204, 111, 0.37);*/
  position: absolute;
  top: 527px;
  left: 50%;
  transform: translateX(-50%);
  margin-left: -490px;
  z-index: 100;
}

.om-score .swiper-pagination .swiper-pagination-bullet {
  box-sizing: border-box;
  width: 80px;
  height: 4px;
  background: #F3F3F3;
  opacity: 1;
  border-radius: 0;
  vertical-align: top;
}

.om-score .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #FF6B01;
  opacity: 1;
}

.om-score .swiper-pagination .swiper-pagination-bullet:only-child {
  opacity: 0 !important;
}

.score-mall {
  width: 1420px;
  min-height: 10px;
  margin: 0 auto 20px;
  padding: 30px 0;
  position: relative;
}

.icon-title {
  width: 100%;
  height: 40px;
  margin: 0 auto;
  padding: 0 0;
  position: relative;
}

.icon-title::after {
  content: '';
  width: 265px;
  height: 13px;
  background: url(../img/icon-exhibition-title.png) no-repeat center center;
  background-size: contain;
  position: absolute;
  bottom: 0px;
  left: 58px;
  z-index: 2;
}

.icon-title .icon-coupon {
  float: left;
  width: 40px;
  height: 40px;
  background: url(../img/icon-coupon.png) no-repeat center center;
  background-size: 38px 38px;
  margin-right: 15px;
  position: relative;
}

.icon-title .txt {
  float: left;
  min-width: 50px;
  height: 40px;
  line-height: 40px;
  font-family: Microsoft YaHei;
  font-weight: 700;
  font-size: 34px;
  color: #333;
}

.icon-title .more {
  float: right;
  min-width: 50px;
  height: 40px;
  padding: 0 10px;
  line-height: 40px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 18px;
  color: #A8A8A8;
}

.coupon-wrap {
  width: 100%;
  min-height: 10px;
  margin: 0 auto 20px;
  padding: 20px 0;
  position: relative;
}

.coupon-wrap .cw {
  float: left;
  width: calc(25% - 15px);
  height: 330px;
  background: url(../img/bg-coupon.png) no-repeat center center;
  background-size: contain;
  margin-right: 20px;
  position: relative;
}

.coupon-wrap .cw:nth-of-type(4n) {
  margin-right: 0;
}

.coupon-wrap .cw .t1 {
  width: 100%;
  height: 80px;
  text-align: center;
  line-height: 60px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 68px;
  color: #E81E28;
  position: absolute;
  top: 50px;
}

.coupon-wrap .cw .t1 .unit {
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url(../img/icon-unit-RMB.png) no-repeat center center;
  background-size: contain;
  vertical-align: bottom;
}

.coupon-wrap .cw .t2 {
  width: 100%;
  height: 30px;
  text-align: center;
  line-height: 30px;
  font-family: Microsoft YaHei;
  font-weight: 700;
  font-size: 28px;
  color: #E81E28;
  position: absolute;
  top: 130px;
}

.coupon-wrap .cw .get-now {
  display: block;
  width: 100%;
  height: 30px;
  text-align: center;
  line-height: 30px;
  font-family: Microsoft YaHei;
  font-weight: 700;
  font-size: 28px;
  color: #fff;
  position: absolute;
  top: 240px;
}

.coupon-form-tabs {
  width: 100%;
  height: 70px;
  background: #fff;
  margin: 120px auto 25px;
  padding: 15px 60px;
  position: relative;
}

.coupon-form-tabs::before {
  content: '';
  width: 100%;
  height: 1px;
  background: #D9D9D9;
  position: absolute;
  top: -60px;
  left: 0;
  z-index: 10;
}

.coupon-form-tabs .cf {
  float: left;
  min-width: 50px;
  height: 40px;
  margin-right: 15px;
  padding: 0 10px;
  text-align: center;
  line-height: 40px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 18px;
  color: #333;
  cursor: default;
  position: relative;
}

.coupon-form-tabs .cf.active {
  font-weight: 700;
  color: #E81E28;
}

.coupon-form-tabs .cf.active::after {
  content: '';
  width: 100%;
  height: 2px;
  background-color: #E81E28;
  position: absolute;
  bottom: -15px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 20;
}

.coupon-form-tabs .select-wrap {
  float: right;
  width: 100px;
  height: 40px;
  position: relative;
}

.coupon-form-tabs .select-wrap select {
  width: 100%;
  height: 40px;
  border: 0;
  outline: 0;
  text-align: right;
  line-height: 40px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  font-size: 18px;
  color: #333;
}

.score-mall .container {
  width: 100%;
  max-width: 100%;
  padding: 0;
}

.coupon-box {
  display: block;
  width: 100%;
  height: 400px;
  background-color: #fff;
  margin-bottom: 20px;
  position: relative;
}

.coupon-box img {
  display: block;
  width: 100%;
  height: 270px;
  margin: 0 auto;
  border: 0 none;
  position: relative;
  z-index: 2;
}

.coupon-box .t1 {
  width: 100%;
  height: 30px;
  margin: 0 auto 5px;
  padding: 0 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 16px;
  color: #333;
  position: relative;
}

.coupon-box .t2 {
  width: 100%;
  height: 20px;
  margin: 0 auto 5px;
  padding: 0 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
  line-height: 20px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 12px;
  color: #999;
  position: relative;
}

.coupon-box .new {
  width: 66px;
  height: 26px;
  background: #F8F8F8;
  border-radius: 2px;
  text-align: center;
  line-height: 26px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  font-size: 14px;
  color: #A8A8A8;
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 20;
}

.coupon-box .heart {
  width: 24px;
  height: 24px;
  background-image: url(../img/icon-heart-hollow.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  border-radius: 2px;
  position: absolute;
  top: 20px;
  right: 30px;
  z-index: 20;
}

.coupon-box .heart.red {
  background-image: url(../img/icon-heart-red.png);
}

.coupon-box .stack {
  width: 18px;
  height: 18px;
  background-image: url(../img/icon-stack-black.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  border-radius: 2px;
  position: absolute;
  bottom: 34px;
  left: 31px;
  z-index: 20;
}

.coupon-box .sm {
  display: block;
  width: 50%;
  height: 25px;
  line-height: 25px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 14px;
  color: #333;
  position: absolute;
  bottom: 30px;
  left: 54px;
  z-index: 20;
}

.coupon-box .exchange {
  width: 100px;
  height: 25px;
  background: #E81E28;
  border: 0;
  outline: 0;
  text-align: center;
  line-height: 25px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 12px;
  color: #fff;
  cursor: pointer;
  position: absolute;
  bottom: 30px;
  right: 30px;
  z-index: 30;
}

.modal-exchange {
  width: 640px;
  height: 700px;
  background: #fff;
  box-shadow: 10px 10px 20px 1px rgba(0, 0, 0, 0.04);
  border-radius: 20px;
  padding: 12px 18.5px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.modal-exchange .modal-dialog {
  width: 100%;
  /*height: 100%;*/
  border: 0;
}

.modal-exchange .modal-dialog .modal-content {
  border: 0;
  border-radius: 0;
}

.modal-exchange .m-title {
  width: 100%;
  height: 50px;
  margin-bottom: 50px;
  line-height: 50px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 32px;
  color: #333;
  position: relative;
}

.modal-exchange .m-title::after {
  content: '';
  width: 92px;
  height: 6px;
  background: #E81E28;
  position: absolute;
  bottom: -10px;
  left: 0;
  z-index: 10;
}

.modal-exchange .m-type {
  width: 100%;
  height: 30px;
  margin-bottom: 20px;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 18px;
  color: #666;
}

.modal-exchange .m-type .mt-L {
  float: left;
  width: 50%;
  height: 30px;
}

.modal-exchange .m-type .mt-R {
  float: left;
  width: 50%;
  height: 30px;
  text-align: right;
  color: #E81E28;
}

.modal-exchange .address-box {
  width: 100%;
  min-height: 80px;
  border: 1px solid #ccc;
  margin: 0 auto 10px;
  padding: 10px 120px 10px 20px;
  position: relative;
}

.modal-exchange .address-box.active,
.modal-exchange .address-box.default {
  border-color: #E81E28;
}

.modal-exchange .address-box .address {
  width: 100%;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  font-size: 16px;
  color: #333;
}

.modal-exchange .address-box .user {
  width: 100%;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  font-size: 16px;
  color: #666;
}

.modal-exchange .address-box .user .name {
  margin-right: 20px;
}

.modal-exchange .address-box .set-default {
  display: none;
  width: 100px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 14px;
  color: #666;
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 10;
}

.modal-exchange .address-box:hover .set-default,
.modal-exchange .address-box.active .set-default {
  display: block;
}

.modal-exchange .address-more {
  width: 100%;
  height: 20px;
  background: #F5F5F6;
  margin: 10px auto 10px;
  position: relative;
}

.modal-exchange .address-more::after {
  content: '';
  width: 8px;
  height: 8px;
  background: url(../img/icon-more-emailer.png) no-repeat center center;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 100;
}

.modal-exchange .remark-title {
  width: 100%;
  height: 30px;
  margin-bottom: 15px;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 18px;
  color: #666;
  position: relative;
}

.modal-exchange .remark-wrap {
  width: 100%;
  height: 46px;
  position: relative;
}

.modal-exchange .modal-footer {
  width: 100%;
  min-height: 40px;
  border: 0;
  text-align: center;
  flex-wrap: nowrap;
  justify-content: center;
}

.modal-exchange .modal-footer .btn {
  display: inline-block;
  min-width: 240px;
  height: 50px;
  background: #ccc;
  border-radius: 25px;
  border: 1px solid #ccc;
  margin: 0;
  padding: 0;
  text-align: center;
  line-height: 48px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 18px;
  color: #333;
}

.modal-exchange .modal-footer .btn.btn-solid {
  background-color: #E81E28;
  border-color: #E81E28;
  color: #fff;
}

.modal-exchange .modal-footer .btn.btn-hollow {
  background-color: #fff;
  border-color: #333;
  color: #333;
}

.modal-exchange .modal-footer .btn + .btn {
  margin-left: 20px;
}

.modal-exchange .modal-header {
  position: relative;
}

.modal-exchange .modal-header::after {
  content: '';
  width: 92px;
  height: 6px;
  background: #E81E28;
  position: absolute;
  botttom: 0;
  left: 0;
  z-index: 10;
}

.modal-exchange .modal-header .modal-title {
  width: 100%;
  height: 50px;
  line-height: 50px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 32px;
  color: #333;
  position: relative;
}

.modal-exchange .tip-bar {
  width: 100%;
  height: 50px;
  background: rgba(232, 30, 40, 0.15);
  border-radius: 0px 0px 20px 20px;
  padding: 15px 15px;
  text-align: center;
  line-height: 20px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 14px;
  color: #666;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
}

.modal-exchange .m-form {
  width: 100%;
  min-height: 10px;
  margin: 0 auto 40px;
  position: relative;
}

.modal-exchange .m-form .form-group {
  width: 100%;
  min-height: 10px;
  margin-bottom: 20px;
  position: relative;
}

.modal-exchange .m-form .form-group label {
  float: left;
  width: 95px;
  line-height: 46px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 18px;
  color: #666;
}

.modal-exchange .m-form .form-group .m-wrap {
  float: left;
  width: calc(100% - 95px);
  min-height: 46px;
}

.modal-exchange .m-form .form-group .m-wrap .form-control {
  width: 100%;
  min-height: 46px;
  border: 1px solid #ccc;
  border-radius: 0;
  outline: 0;
  padding: 10px 20px;
  line-height: 24px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 18px;
  color: #333;
}

.modal-exchange .m-form .form-group .m-wrap .form-control::placeholder {
  color: #999;
}

.modal-exchange .m-form .form-group .m-wrap [data-toggle="distpicker"] {
  width: 100%;
  height: 46px;
  font-size: 0;
}

.modal-exchange .m-form .form-group .m-wrap [data-toggle="distpicker"] select {
  display: inline-block;
  width: calc(33.333333% - 6.6666666px);
  height: 46px;
  border: 1px solid #ccc;
  border-radius: 0;
  font-size: 18px;
  color: #333;
}

.modal-exchange .m-form .form-group .m-wrap [data-toggle="distpicker"] select + select {
  margin-left: 10px;
}

.product-compare-wrap {
  width: 100%;
  min-height: 100px;
  margin: 0 auto;
  padding: 0px 30px 10px 30px;
  position: relative;
}

.product-compare-wrap .pc-title {
  width: 100%;
  height: 30px;
  border-bottom: 1px solid #707070;
  margin-bottom: 30px;
  padding: 0 10px;
  line-height: 28px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  font-size: 22px;
  color: #E81E28;
  position: relative;
}

.product-compare-wrap .pc-title .excel_download {
  min-width: 100px;
  height: 28px;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 0 15px;
  line-height: 26px;
  font-size: 16px;
  color: #4092DF;
  cursor: pointer;
  position: absolute;
  top: -1px;
  right: 20px;
  z-index: 10;
}

.product-compare-wrap .pc-title .step-wrap {
  display: inline-block;
  min-width: 100px;
  height: 30px;
  /*background-color: #2f6aff;*/
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: absolute;
  bottom: 5px;
  right: 10px;
  z-index: 10;
}

.product-compare-wrap .pc-title .step-wrap li {
  float: left;
  width: 200px;
  height: 30px;
  background-color: #eee;
  margin-right: 2px;
  padding: 0 10px;
  text-align: center;
  line-height: 30px;
  font-size: 14px;
  position: relative;
}

.product-compare-wrap .pc-title .step-wrap li:nth-of-type(1) {
  z-index: 100;
  /*background-color: yellow;*/
}

.product-compare-wrap .pc-title .step-wrap li:nth-of-type(2) {
  z-index: 90;
  /*background-color: blue;*/
}

.product-compare-wrap .pc-title .step-wrap li:nth-of-type(3) {
  z-index: 80;
  /*background-color: green;*/
}


.product-compare-wrap .pc-title .step-wrap li::after {
  content: '';
  width: 22px;
  height: 22px;
  /*background-color: #eee;*/
  background-color: inherit;
  border: 2px solid #fff;
  border-left: 0;
  border-bottom: 0;
  transform: rotate(45deg);
  position: absolute;
  right: -13px;
  top: 4px;
}

.product-compare-wrap .pc-title .step-wrap li.red {
  background: #E60012;
  color: #fff;
}

.product-compare-wrap .shopping-step-title {
  width: 100%;
  height: 55px;
  background: #f7f7f7;
  line-height: 55px;
}

.product-compare-wrap .shopping-step-title span.title {
  margin-left: 20px;
  font-size: 16px;
}

.product-compare-wrap .shopping-step-title span.info {
  margin-left: 30px;
  font-size: 14px;
}

.product-compare-wrap .shopping-step-title a.btn {
  float: right;
  margin-right: 20px;
  color: #E81E28;
  cursor: pointer;
}

.product-compare-wrap .mail-address-wrap {
  width: 100%;
  min-height: 10px;
  border: 1px solid #eee;
  margin: 0px auto 10px;
  padding: 0;
  position: relative;
}

.product-compare-wrap .mail-address-wrap .ma-bar {
  width: 100%;
  min-height: 40px;
  background-color: #fff;
  margin: 0 auto;
  padding: 0 10px;
  position: relative;
}

.product-compare-wrap .mail-address-wrap .ma-bar.selected {
  background: rgba(232, 30, 40, 0.2);
}

.product-compare-wrap .mail-address-wrap .ma-bar .c1 {
  float: left;
  width: 100px;
  height: 40px;
  /*background-color: #648e52;*/
  text-align: center;
  line-height: 40px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 14px;
  color: #333;
}

.product-compare-wrap .mail-address-wrap .ma-bar .c2 {
  float: left;
  width: 40px;
  height: 40px;
  /*background-color: #c0ffe4;*/
  text-align: center;
  line-height: 40px;
  position: relative;
}

.product-compare-wrap .mail-address-wrap .ma-bar .c3 {
  float: left;
  width: calc(100% - 140px);
  min-height: 40px;
  /*background-color: rgba(0,23,12,0.1);*/
  line-height: 40px;
  font-size: 14px;
  color: #333;
  position: relative;
}

/*.product-compare-wrap .mail-address-wrap .ma-bar .c4{
  float: left;
  width: 60px;
  height: 40px;
  !*background-color: #998e5b;*!
  text-align: center;
  line-height: 40px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 14px;
  color: #4092DF;
  cursor: pointer;
  position:relative;
}*/

.product-compare-wrap .mail-address-wrap .ma-bar .c1 .txt {
  display: none;
}

.product-compare-wrap .mail-address-wrap .ma-bar.selected .c1 .txt,
.product-compare-wrap .mail-address-wrap .ma-bar:hover .c1 .txt {
  display: inline-block;
}

.product-compare-wrap .mail-address-wrap .ma-bar .c2 input[type="checkbox"] {
  display: inline-block;
  width: 16px;
  height: 16px;
  position: relative;
  top: 2px;
}

.product-compare-wrap .mail-address-wrap .ma-bar .c2 input[type="radio"] {
  display: inline-block;
  width: 16px;
  height: 16px;
  position: relative;
  top: 2px;
}

.product-compare-wrap .mail-address-wrap .ma-bar .c3 .general,
.product-compare-wrap .mail-address-wrap .ma-bar .c3 .detail,
.product-compare-wrap .mail-address-wrap .ma-bar .c3 .receiver {
  margin-right: 5px;
}

.product-compare-wrap .mail-address-wrap .ma-bar .c3 .is-default {
  display: inline-block;
  min-width: 20px;
  height: 22px;
  background-color: #ff9000;
  border-radius: 5px;
  vertical-align: top;
  margin-left: 10px;
  padding: 0px 5px;
  line-height: 22px;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  color: #fff;
  position: relative;
  top: 9px;
}

.product-compare-wrap .mail-address-wrap .ma-bar .radio-wrap {
  float: left;
  min-width: 100px;
  height: 40px;
  padding: 5px 15px;
  position: relative;
}

.product-compare-wrap .mail-address-wrap .ma-bar .radio-wrap + .radio-wrap {
  margin-left: 30px;
}

.product-compare-wrap .mail-address-wrap .ma-bar .radio-wrap input[type="radio"] {
  display: inline-block;
  width: 16px;
  height: 16px;
  position: relative;
  top: 2px;
}

.product-compare-wrap .mail-address-wrap .ma-bar .radio-wrap label {
  display: inline-block;
  min-width: 50px;
  height: 30px;
  margin-left: 5px;
  line-height: 30px;
  font-style: "Microsoft Yahei";
  font-weight: 400;
  font-size: 14px;
  color: #333;
}

.product-compare-wrap .invoice-wrap {
  width: 100%;
  min-height: 10px;
  border: 1px solid #eee;
  margin: 0px auto 10px;
  padding: 15px 15px;
  position: relative;
}

.product-compare-wrap .invoice-wrap .iw {
  float: left;
  width: calc(50% - 10px);
  height: 360px;
  background: #F5F5F6;
  margin-bottom: 20px;
  margin-right: 20px;
  position: relative;
}

.product-compare-wrap .invoice-wrap .iw:nth-of-type(2n) {
  margin-right: 0;
}

.product-compare-wrap .invoice-wrap .iw.default,
.product-compare-wrap .invoice-wrap .iw.default:hover {
  outline: 2px dashed rgba(232, 30, 40, 0.3);
}

.product-compare-wrap .invoice-wrap .iw:hover {
  outline: 2px dashed #999;
}

.product-compare-wrap .invoice-wrap .iw .title {
  width: 100%;
  height: 91px;
  border-bottom: 1px solid #E81E28;
  margin-bottom: 20px;
  padding: 0 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 90px;
  font-weight: 700;
  font-size: 19px;
  color: #333;
  position: relative;
}

.product-compare-wrap .invoice-wrap .iw .title .is-default {
  display: inline-block;
  min-width: 20px;
  height: 25px;
  background-color: #ff9000;
  border-radius: 5px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 3px 10px;
  line-height: 19px;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #fff;
}

.product-compare-wrap .invoice-wrap .iw .title .edit-em {
  display: none;
  /*display: inline-block;*/
  min-width: 20px;
  height: 25px;
  padding: 3px 10px;
  line-height: 19px;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #666;
  cursor: pointer;
  position: absolute;
  top: 33px;
}

.product-compare-wrap .invoice-wrap .iw:hover .title .edit-em {
  display: inline-block;
}

.product-compare-wrap .invoice-wrap .iw .title .edit-em.invoice-del {
  color: #E81E28;
  right: 5px;
}

.product-compare-wrap .invoice-wrap .iw .title .edit-em.invoice-edit {
  right: 55px;
}

.product-compare-wrap .invoice-wrap .iw .title .edit-em.is-default {
  display: inline-block !important;
}


.product-compare-wrap .invoice-wrap .iw .tin {
  width: 100%;
  min-height: 30px;
  margin-bottom: 10px;
  position: relative;
}

.product-compare-wrap .invoice-wrap .iw .tin .tin-L {
  float: left;
  width: 30%;
  min-height: 30px;
  text-align: right;
  padding: 0 10px;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  font-size: 18px;
  color: #666;
}

.product-compare-wrap .invoice-wrap .iw .tin .tin-R {
  float: left;
  width: 70%;
  min-height: 30px;
  max-height: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  padding: 0 10px 0 5px;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 18px;
  color: #666;
}

.product-compare-wrap .pc-zone {
  width: 100%;
  min-height: 100px;
  margin: 0 auto 20px;
  padding: 0px 0px;
  position: relative;
}

.product-compare-wrap .pc-zone table {
  width: 100%;
  min-height: 100px;
  margin: 0 auto;
  border-collapse: collapse;
  position: relative;
}

.product-compare-wrap .pc-zone table tbody {
  position: relative;
}

.product-compare-wrap .pc-zone table tr {
  height: 60px;
}

.product-compare-wrap .pc-zone table tr:first-child {
  height: 280px;
}

.product-compare-wrap .pc-zone table tr:last-child {
  height: 160px;
}

.product-compare-wrap .pc-zone table tr td {
  border: 1px solid #ccc;
  text-align: center;
  position: relative;
}

.product-compare-wrap .pc-zone table tr td:nth-of-type(1) {
  width: 200px;
  background: #F7F7F7;
}

.product-compare-wrap .pc-zone table .btn-remove {
  display: block;
  width: 20px;
  height: 20px;
  border: 0;
  outline: 0;
  margin: 0;
  padding: 0;
  text-align: center;
  line-height: 20px;
  font-size: 18px;
  color: #333;
  position: absolute;
  right: 2px;
  top: 2px;
  z-index: 10;
}


.product-compare-wrap .pc-zone table .pic-wrap {
  width: 80%;
  max-height: 180px;
  margin: 0 auto 10px;
  position: relative;
}

.product-compare-wrap .pc-zone table .pic-wrap img {
  display: block;
  width: 100%;
  border: 0;
  outline: 0;
}

.product-compare-wrap .pc-zone table .desc {
  width: 100%;
  height: 50px;
  padding: 0 10px;
  line-height: 25px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 13px;
  color: #666;
}

.product-compare-wrap .pc-zone table .price {
  width: 100%;
  height: 30px;
  text-align: center;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  font-size: 20px;
  color: #E81E28;
}

.product-compare-wrap .pc-zone table .num-wrap {
  width: 140px;
  height: 90px;
  /*background-color: rgba(122, 192, 187, 0.24);*/
  margin: 0px auto;
  padding: 25px 0;
  font-size: 0;
  position: relative;
}

.product-compare-wrap .pc-zone table .num-wrap .nw-btn {
  display: inline-block;
  width: 40px;
  height: 40px;
  background: #F4F4F5;
  border: 1px solid #ccc;
  outline: 0;
  vertical-align: top;
  text-align: center;
  line-height: 38px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  font-size: 28px;
  color: #707070;
  cursor: pointer;
}

.product-compare-wrap .pc-zone table .num-wrap .nw-num {
  display: inline-block;
  width: calc(100% - 80px);
  height: 40px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  vertical-align: top;
  position: relative;
}

.product-compare-wrap .pc-zone table .num-wrap .nw-num input {
  width: 100%;
  height: 38px;
  background: #fff;
  border: 0 !important;
  outline: 0 !important;
  padding: 0 10px;
  text-align: center;
  line-height: 38px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  font-size: 20px;
  color: #333;
}

.product-compare-wrap .pc-zone table .add-cart {
  display: block;
  width: 140px;
  height: 40px;
  background: #E81E28;
  border-radius: 30px;
  border: 0;
  outline: 0;
  /*margin: 10px auto 10px;*/
  margin-left: 10px;
  text-align: center;
  line-height: 40px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 18px;
  color: #fff;
  cursor: pointer;
}

.product-compare-wrap .pc-zone table tr td .add_compare_product {
  width: 100%;
  height: 50px;
  padding: 5px 5px;
  position: relative;
}

.product-compare-wrap .pc-zone table tr td .add_compare_product .add_product_sn {
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #999;
  outline: none;
  border-radius: 4px;
  margin: 0 auto 5px;
  padding: 0 10px;
  line-height: 28px;
  font-size: 14px;
  color: #333;
}

.product-compare-wrap .pc-zone table tr td .add_compare_product .add_product_sn::placeholder {
  color: #999;
}

.product-compare-wrap .pc-zone table tr td .add_compare_product .add_product_sn_btn {
  display: block;
  width: 120px;
  height: 40px;
  background: #E81E28;
  border-radius: 30px;
  border: 0;
  outline: 0;
  margin: 5px auto 5px;
  text-align: center;
  line-height: 40px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 16px;
  color: #fff;
  cursor: pointer;
}

.product-compare-wrap .pc-zone .add-compare-wrap {
  width: calc(25% - 60px);
  height: 100%;
  background-color: #F7F7F7;
  border: 1px solid #E4E4E4;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 240px;
  z-index: 100;
}

.product-compare-wrap .pc-zone table tr td .compare-cart {
  width: 100%;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.product-compare-wrap .pc-zone .add-compare-wrap[data-pos="01"] {
  left: 240px;
}

.product-compare-wrap .pc-zone .add-compare-wrap[data-pos="02"] {
  left: calc(25% + 180px);
}

.product-compare-wrap .pc-zone .add-compare-wrap[data-pos="03"] {
  left: calc(50% + 120px);
}

.product-compare-wrap .pc-zone .add-compare-wrap[data-pos="04"] {
  left: calc(75% + 60px);
}


.product-compare-wrap .pc-zone .add-compare-wrap input {
  width: calc(100% - 30px);
  height: 40px;
  border: 1px solid #ccc;
  margin-bottom: 15px;
  padding: 0 10px;
  line-height: 40px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 18px;
  color: #333;
  position: relative;
}

.product-compare-wrap .pc-zone .add-compare-wrap input::placeholder {
  color: #999;
}

.product-compare-wrap .pc-zone .add-compare-wrap input:focus-visible {
  outline: 0;
}

.product-compare-wrap .pc-zone .add-compare-wrap .btn-add-product {
  display: block;
  width: 38px;
  height: 38px;
  border: 2px solid #E81E28;
  margin: 0 auto 10px;
  padding: 0;
  text-align: center;
  line-height: 34px;
  font-size: 20px;
  color: #E81E28;
}

.product-compare-wrap .pc-zone .add-compare-wrap .txt-add-product {
  width: 100%;
  text-align: center;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 18px;
  color: #E81E28;
}

.product-compare-wrap .quick-buy-tip {
  width: 100%;
  background: rgba(232, 30, 40, 0.1);
  margin: 0 auto 30px;
  padding: 30px 30px;
  text-align: center;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 18px;
  color: #666;
  position: relative;
}

.product-compare-wrap .quick-buy-wrap {
  width: 100%;
  min-height: 10px;
  background-color: #fff;
  margin: 0 auto 50px;
  padding: 0;
  position: relative;
}

.product-compare-wrap .quick-buy-wrap .qb-item {
  float: left;
  width: calc(50% - 15px);
  min-height: 10px;
  background-color: #F5F5F6;
  position: relative;
}

.product-compare-wrap .quick-buy-wrap .qb-item + .qb-item {
  margin-left: 30px;
}

.product-compare-wrap .quick-buy-wrap .qb-item .title {
  width: 100%;
  height: 90px;
  border-bottom: 1px solid #E81E28;
  margin-bottom: 50px;
  padding-left: 40px;
  line-height: 89px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  font-size: 19px;
  color: #333;
}

.product-compare-wrap .quick-buy-wrap .qb-item .tip {
  width: 100%;
  margin-bottom: 30px;
  padding: 0 25px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-align: center;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 16px;
  color: #333;
}

.product-compare-wrap .quick-buy-wrap .qb-item .input-wrap {
  width: 100%;
  height: 46px;
  margin: 0 auto 50px;
  padding: 0 25px;
  font-size: 0;
}

.product-compare-wrap .quick-buy-wrap .qb-item .input-wrap input {
  display: inline-block;
  width: calc(50% - 5px);
  height: 46px;
  border: 1px solid #ccc;
  padding: 12px 20px;
  vertical-align: top;
  line-height: 20px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 16px;
  color: #333;
  position: relative;
}

.product-compare-wrap .quick-buy-wrap .qb-item .input-wrap input::placeholder {
  color: #999;
}

.product-compare-wrap .quick-buy-wrap .qb-item .input-wrap input:focus-visible {
  outline: none;
}

.product-compare-wrap .quick-buy-wrap .qb-item .input-wrap input + input {
  margin-left: 10px;
}

.product-compare-wrap .quick-buy-wrap .qb-item .btn-qb {
  display: block;
  width: 140px;
  height: 40px;
  background: #E81E28;
  border-radius: 30px;
  border: 0;
  outline: 0;
  margin: 0 auto 20px;
  padding: 0 20px;
  text-align: center;
  line-height: 40px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 20px;
  color: #fff;
  cursor: pointer;
}

.product-compare-wrap .quick-buy-wrap .qb-item .file-wrap {
  width: calc(100% - 50px);
  height: 45px;
  background: #fff;
  border: 1px solid #ccc;
  margin: 0 auto 50px;
  padding: 8px 20px 0 20px;
  position: relative;
}

.product-compare-wrap .quick-buy-wrap .qb-item .file-wrap .icon {
  display: block;
  width: 25px;
  height: 25px;
  background: url(../img/icon-file-upload.png) no-repeat center center;
  background-size: contain;
  border: 0;
  outline: 0;
  margin: 0 auto;
  cursor: pointer;
  position: relative;
}

.product-compare-wrap .quick-buy-wrap .qb-item .file-wrap .tip {
  width: 100%;
  text-align: center;
  line-height: 20px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 19px;
  color: #999;
}

.product-compare-wrap .quick-buy-wrap .qb-item .file-wrap input[type="file"] {
  max-width: 100%;
  position: absolute;
  /*top: 20px;*/
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
}

.product-compare-wrap .shop-list {
  width: 100%;
  min-height: 10px;
  margin: 0 auto;
  position: relative;
}

.product-compare-wrap .shop-list .sl-hd {
  width: 100%;
  height: 60px;
  background-color: #F4F4F5;
  margin: 0 auto 10px;
  padding: 10px 20px;
  text-align: center;
  line-height: 40px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  font-size: 18px;
  color: #707070;
  position: relative;
}

.product-compare-wrap .shop-list .sl-bd {
  width: 100%;
  min-height: 60px;
  background-color: #fff;
  margin: 0 auto 10px;
  position: relative;
}

.product-compare-wrap .shop-list .sl-hd .c1 {
  float: left;
  width: 100px;
  height: 40px;
  /*background-color: rgba(183, 78, 78, 0.15);*/
  text-align: center;
}

.product-compare-wrap .shop-list .sl-hd .c2 {
  float: left;
  width: calc(100% - 630px);
  height: 40px;
  /*background-color: rgba(87, 136, 83, 0.15);*/
  text-align: center;
}

.product-compare-wrap .shop-list .sl-hd .c3 {
  float: left;
  width: 140px;
  height: 40px;
  /*background-color: rgba(129, 124, 190, 0.15);*/
  text-align: center;
}

.product-compare-wrap .shop-list .sl-hd .c4 {
  float: left;
  width: 150px;
  height: 40px;
  padding: 0 5px;
  /*background-color: rgba(86, 141, 87, 0.15);*/
  text-align: center;
}

.product-compare-wrap .shop-list .sl-hd .c5 {
  float: left;
  width: 160px;
  height: 40px;
  /*background-color: rgba(190, 154, 124, 0.15);*/
  text-align: center;
}

.product-compare-wrap .shop-list .sl-hd .c6 {
  float: left;
  width: 80px;
  height: 40px;
  /*background-color: rgba(113, 182, 163, 0.15);*/
  text-align: center;
}


.product-compare-wrap .shop-list .sl-hd .c1 input[type="checkbox"] {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: #fff;
  border: 1px solid #707070;
  vertical-align: middle;
  position: relative;
  top: -2px;
}

.product-compare-wrap .shop-list .sl-bd .cell {
  width: 100%;
  height: 140px;
  background: #F4F4F5;
  margin: 0 auto 10px;
  padding: 25px 20px;
  position: relative;
}

.product-compare-wrap .shop-list .sl-bd .cell .c1 {
  float: left;
  width: 100px;
  height: 90px;
  /*background-color: rgba(183, 78, 78, 0.15);*/
  padding: 35px 0 35px 20px;
  line-height: 20px;
}

.product-compare-wrap .shop-list .sl-bd .cell .c2 {
  float: left;
  width: calc(100% - 630px);
  height: 90px;
  /*background-color: rgba(87, 136, 83, 0.15);*/
}

.product-compare-wrap .shop-list .sl-bd .cell .c3 {
  float: left;
  width: 140px;
  height: 90px;
  /*background-color: rgba(129, 124, 190, 0.15);*/
  text-align: center;
  line-height: 90px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 20px;
  color: #333;
}

.product-compare-wrap .shop-list .sl-bd .cell .c4 {
  float: left;
  width: 150px;
  height: 90px;
  padding: 0 5px;
  /*background-color: rgba(86, 141, 87, 0.15);*/
  text-align: center;
}

.product-compare-wrap .shop-list .sl-bd .cell .c5 {
  float: left;
  width: 160px;
  height: 90px;
  /*background-color: rgba(190, 154, 124, 0.15);*/
  text-align: center;
  line-height: 90px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  font-size: 20px;
  color: #E81E28;
}

.product-compare-wrap .shop-list .sl-bd .cell .c6 {
  float: left;
  width: 80px;
  height: 90px;
  /*background-color: rgba(113, 182, 163, 0.15);*/
  text-align: center;
  line-height: 90px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 16px;
  color: #4092DF;
  cursor: pointer;
}

.product-compare-wrap .shop-list .sl-bd .cell .c1 input[type="checkbox"] {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: #fff;
  border: 1px solid #707070;
  vertical-align: middle;
  position: relative;
  top: -2px;
}

.product-compare-wrap .shop-list .sl-bd .cell .c2 .pic {
  float: left;
  width: 120px;
  height: 90px;
  background-image: url(../img/pic-product-screen02.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  position: relative;
}

.product-compare-wrap .shop-list .sl-bd .cell .c2 .info {
  float: left;
  width: calc(100% - 120px);
  height: 90px;
  padding: 0 10px;
  position: relative;
}

.product-compare-wrap .shop-list .sl-bd .cell .c2 .info .t1 {
  width: 100%;
  height: 50px;
  margin-bottom: 10px;
  line-height: 25px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 16px;
  color: #333;
}

.product-compare-wrap .shop-list .sl-bd .cell .c2 .info .t2 {
  width: 100%;
  height: 30px;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 16px;
  color: #999;
}

.product-compare-wrap .shop-list .sl-bd .cell .c4 .num-wrap {
  width: 140px;
  /*background-color: rgba(122, 192, 187, 0.24);*/
  padding: 15px 0 10px;
  font-size: 0;
  position: relative;
}

.product-compare-wrap .shop-list .sl-bd .cell .c4 .num-wrap .nw-btn {
  display: inline-block;
  width: 40px;
  height: 40px;
  background: #F4F4F5;
  border: 1px solid #ccc;
  outline: 0;
  vertical-align: top;
  text-align: center;
  line-height: 38px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  font-size: 28px;
  color: #707070;
  cursor: pointer;
}

.product-compare-wrap .shop-list .sl-bd .cell .c4 .num-wrap .nw-num {
  display: inline-block;
  width: calc(100% - 80px);
  height: 40px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  vertical-align: top;
  position: relative;
}

.product-compare-wrap .shop-list .sl-bd .cell .c4 .num-wrap .nw-num input {
  width: 100%;
  height: 38px;
  background: #fff;
  border: 0 !important;
  outline: 0 !important;
  padding: 0 10px;
  text-align: center;
  line-height: 38px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  font-size: 20px;
  color: #333;
}

.product-compare-wrap .shopping-step-body {
  box-sizing: border-box;
  width: 100%;
  min-height: 300px;
  border: 1px solid #e5e5e5;
  border-top: 3px solid #E60012;
}

.product-compare-wrap .shopping-step-body .payment-box {
  width: 1140px;
  background: #fafafa;
  border: 1px solid #e5e5e5;
  margin: 30px auto;
  padding: 40px 60px 40px;
}

.product-compare-wrap .shopping-step-body .payment-box .top {
  width: 100%;
  height: 50px;

  position: relative;
}

.product-compare-wrap .shopping-step-body .payment-box .top .deer {
  float: left;
  width: 48px;
  height: 43px;
  background: url(../img/icon-deer.png) no-repeat center center;
  background-size: contain;
  margin: 1px 5px 0px 0px;
  position: relative;
}

.product-compare-wrap .shopping-step-body .payment-box .top .tick-green {
  float: left;
  width: 30px;
  height: 30px;
  background: url(../img/shopping-step-gou.png) no-repeat center center;
  background-size: contain;
  margin: 10px 5px 0px 0px;
  position: relative;
}

.product-compare-wrap .shopping-step-body .payment-box .top .txt {
  float: left;
  line-height: 50px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 30px;
  color: #333;
}

.product-compare-wrap .shopping-step-body .payment-box .order {
  width: 100%;
  height: 30px;
  margin: 25px 0 35px;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 14px;
  color: #999;
}

.product-compare-wrap .shopping-step-body .payment-box .order span + span {
  margin-left: 30px;
}

.product-compare-wrap .shopping-step-body .payment-box .total {
  width: 100%;
  height: 50px;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 14px;
  color: #333;
}

.product-compare-wrap .shopping-step-body .payment-box .total em {
  font-style: normal;
  font-size: 25px;
  color: #E60012;
}

.product-compare-wrap .shopping-step-body .payment-box .time {
  width: 100%;
  height: 24px;
  margin-top: 15px;
  padding: 0px 0;
  position: relative;
}

.product-compare-wrap .shopping-step-body .payment-box .time .icon-clock-orange {
  float: left;
  width: 20px;
  height: 20px;
  background: url(../img/icon-clock-orange.png);
  margin: 2px 10px 0px 0px;
  position: relative;
}

.product-compare-wrap .shopping-step-body .payment-box .time .txt {
  float: left;
  min-width: 10px;
  height: 24px;
  line-height: 24px;
  font-size: 14px;
  color: #666;
}

.product-compare-wrap .shopping-step-body .payment-box .time .f-orange {
  float: left;
  min-width: 10px;
  height: 24px;
  margin-left: 5px;
  line-height: 24px;
  font-size: 14px;
  color: #e47e17;
}

.product-compare-wrap .shopping-step-body .payment-box .time .f-orange em {
  font-style: normal;
}


.product-compare-wrap .shopping-step-body .payment-box .time .f-border {
  float: left;
  min-width: 50px;
  height: 24px;
  background: #ffffcc;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  margin-left: 20px;
  padding: 0 15px;
  line-height: 22px;
  font-size: 14px;
  color: #666;
  position: relative;
}

.product-compare-wrap .shopping-step-body .payment-box .time .f-border .icon-time-warning {
  float: left;
  width: 15px;
  height: 15px;
  background: url(../img/icon-time-warning.png) no-repeat center center;
  background-size: contain;
  margin-right: 2px;
  position: relative;
  top: 4px;
}

.product-compare-wrap .shopping-step-body .payment-box .time .f-border em {
  margin: 0 5px;
  font-style: normal;
  color: #e47e17;
}

.product-compare-wrap .shopping-step-body .payment-box .view {
  width: 155px;
  height: 55px;
  border: 1px solid #E60012;
  border-radius: 5px;
  margin: 30px 0;
  text-align: center;
  line-height: 55px;
  font-size: 16px;
  color: #E60012;
  cursor: pointer;
}

.product-compare-wrap .shopping-step-body .payment-method {
  width: 100%;
  padding: 0 50px;
}

.product-compare-wrap .shopping-step-body .payment-method h3 {
  width: 100%;
  line-height: 40px;
  font-weight: normal;
  font-size: 18px;
}

.product-compare-wrap .shopping-step-body .payment-method ul {
  width: 100%;
  min-height: 50px;
  padding: 20px 0;
  list-style: none;
  overflow: hidden;
}

.product-compare-wrap .shopping-step-body .payment-method ul li {
  float: left;
  width: 144px;
  height: 52px;
  border: 1px solid #e5e5e5;
  margin-right: 10px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}

.product-compare-wrap .shopping-step-body .payment-method ul li img {
  display: block;
  width: 142px;
  max-height: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
}

.product-compare-wrap .shopping-step-body .payment-method ul li.selected {
  border-color: #E60012;
}

.product-compare-wrap .shopping-step-body .payment-method ul li.selected::after {
  content: '';
  width: 14px;
  height: 12px;
  background: url(../img/icon-pay-method-selected.jpg);
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 20;
}

.product-compare-wrap .shopping-step-body .payment-method .btn-pay-now {
  width: 155px;
  height: 55px;
  background: #E60012;
  border-radius: 5px;
  border: 0;
  outline: 0;
  margin: 10px 0 30px;
  text-align: center;
  line-height: 55px;
  font-size: 16px;
  color: #fff;
  cursor: pointer;
  transition: background 0.2s ease-in;
}

.product-compare-wrap .shopping-step-body .payment-method .btn-pay-now:hover {
  background: #c6272d;
}

.offline-pay-layer {
  margin: 5px auto;
  padding: 26px;
}

.offline-pay-layer .offline-layer-title {
  width: 100%;
  text-align: left;
  font-size: 18px;
  color: #ed1c24;
}

.offline-pay-layer .offline-layer-content {
  margin-top: 15px;
  width: 100%;
  text-align: left;
}

.offline-pay-layer .offline-layer-content .offline-cell {
  line-height: 32px;
  font-size: 16px;
}

.offline-pay-layer .offline-layer-content .offline-cell label {
  color: #999;
}

.offline-pay-layer .offline-layer-content .offline-cell span {
  color: #333;
}


.cart-empty {
  width: 100%;
}

.cart-empty .cart-empty-img-container {
  width: 100%;
  height: 380px;
  text-align: center;
}

.cart-empty .cart-empty-btn-container {
  width: 100%;
  height: 220px;
  text-align: center;
}

.cart-empty .cart-empty-img-container img {
  margin-top: 120px;
}

.cart-empty .cart-empty-btn-container .cart-empty-btn {
  margin: 0 auto;
  cursor: pointer;
  width: 190px;
  height: 55px;
  background: #E60012;
  color: #fff;
  font-size: 16px;
  text-align: center;
  line-height: 55px;
  border-radius: 5px;
  transition: background 0.2s ease-in;
}

.shop-cart-summary {
  width: 100%;
  height: 110px;
  background: #fff;
  box-shadow: 0px -4px 8px 1px rgba(0, 0, 0, 0.16);
  margin: 0 auto 10px;
  padding: 25px 50px;
}

.shop-cart-summary .btn-clear-cart {
  float: left;
  min-width: 130px;
  height: 60px;
  background-color: #fff;
  border: 0;
  outline: 0;
  margin-right: 15px;
  padding: 18px 0;
  text-align: center;
  line-height: 24px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 16px;
  color: #333;
}

.shop-cart-summary .btn-clear-cart .icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(../img/icon-btn-clear-cart.png) no-repeat center center;
  background-size: contain;
  vertical-align: top;
  margin-right: 5px;
}

.shop-cart-summary .btn-export-cart {
  float: left;
  min-width: 130px;
  height: 60px;
  background-color: #fff;
  border: 0;
  outline: 0;
  margin-right: 15px;
  padding: 18px 0;
  text-align: center;
  line-height: 24px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 16px;
  color: #4092DF;
}

.shop-cart-summary .btn-export-cart .icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(../img/icon-btn-export-cart.png) no-repeat center center;
  background-size: contain;
  vertical-align: top;
  margin-right: 5px;
}

.shop-cart-summary .btn-go-pay {
  float: right;
  width: 140px;
  height: 60px;
  background: #E81E28;
  border-radius: 30px;
  border: 0;
  outline: 0;
  text-align: center;
  line-height: 24px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  font-size: 16px;
  color: #fff;
}

.shop-cart-summary .desc {
  float: right;
  min-width: 100px;
  height: 60px;
  margin-right: 20px;
  line-height: 60px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 14px;
  color: #999;
}

.shop-cart-summary .desc .num {
  font-weight: 700;
  font-size: 18px;
  color: #E81E28;
}

.shop-cart-summary .desc .price {
  font-weight: 700;
  font-size: 18px;
  color: #E81E28;
}

.shop-cart-summary .desc .num + .txt {
  margin-right: 30px;
}

.modal-form-wrap {
  width: 100%;
  min-height: 10px;
  padding: 15px 20px;
  position: relative;
}

.modal-form-wrap .m-caption {
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  font-size: 20px;
  color: #333;
  position: relative;
}


.modal-form-wrap .m-type {
  width: 100%;
  height: 30px;
  margin-bottom: 20px;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 18px;
  color: #666;
}

.modal-form-wrap .m-type .mt-L {
  float: left;
  width: 50%;
  height: 30px;
}

.modal-form-wrap .m-type .mt-R {
  float: left;
  width: 50%;
  height: 30px;
  text-align: right;
  color: #E81E28;
  cursor: pointer;
}

.modal-form-wrap .address-box {
  width: 100%;
  min-height: 80px;
  border: 1px solid #ccc;
  margin: 0 auto 10px;
  padding: 10px 120px 10px 20px;
  position: relative;
}

.modal-form-wrap .address-box.active,
.modal-form-wrap .address-box.default {
  border-color: #E81E28;
}

.modal-form-wrap .address-box .address {
  width: 100%;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  font-size: 16px;
  color: #333;
}

.modal-form-wrap .address-box .user {
  width: 100%;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
  font-size: 16px;
  color: #666;
}

.modal-form-wrap .address-box .user .name {
  margin-right: 20px;
}

.modal-form-wrap .address-box .set-default {
  display: none;
  width: 100px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 14px;
  color: #666;
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 10;
}

.modal-form-wrap .address-box:hover .set-default,
.modal-form-wrap .address-box.active .set-default {
  display: block;
}

.modal-form-wrap .address-more {
  width: 100%;
  height: 20px;
  background: #F5F5F6;
  margin: 10px auto 10px;
  position: relative;
}

.modal-form-wrap .address-more::after {
  content: '';
  width: 8px;
  height: 8px;
  background: url(../img/icon-more-emailer.png) no-repeat center center;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 100;
}

.modal-form-wrap .remark-title {
  width: 100%;
  height: 30px;
  margin-bottom: 15px;
  line-height: 30px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 18px;
  color: #666;
  position: relative;
}

.modal-form-wrap .remark-wrap {
  width: 100%;
  min-height: 10px;
  position: relative;
}

.modal-form-wrap .remark-wrap textarea {
  width: 100%;
  height: 150px;
  /*background-color: rgba(93, 108, 69, 0.22);*/
  border-radius: 0;
  outline: 0 !important;
}

.modal-form-wrap .tip-bar {
  width: 100%;
  height: 40px;
  background: rgba(208, 207, 126, 0.15);
  margin-top: 10px;
  padding: 10px 15px;
  text-align: left;
  line-height: 20px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 14px;
  color: #666;
}


.modal-form-wrap .m-form {
  width: 100%;
  min-height: 10px;
  margin: 0 auto 40px;
  position: relative;
}

.modal-form-wrap .m-form .form-group {
  width: 100%;
  min-height: 10px;
  margin-bottom: 20px;
  position: relative;
}

.modal-form-wrap .m-form .form-group label {
  float: left;
  width: 95px;
  line-height: 46px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 18px;
  color: #666;
}

.modal-form-wrap .m-form .form-group .m-wrap {
  float: left;
  width: calc(100% - 95px);
  min-height: 46px;
}

.modal-form-wrap .m-form .form-group .m-wrap .form-control {
  width: 100%;
  min-height: 46px;
  border: 1px solid #ccc;
  border-radius: 0;
  outline: 0;
  padding: 10px 20px;
  line-height: 24px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 18px;
  color: #333;
}

.modal-form-wrap .m-form .form-group .m-wrap .form-control::placeholder {
  color: #999;
}

.modal-form-wrap .m-form .form-group .m-wrap [data-toggle="distpicker"] {
  width: 100%;
  height: 46px;
  font-size: 0;
}

.modal-form-wrap .m-form .form-group .m-wrap [data-toggle="distpicker"] select {
  display: inline-block;
  width: calc(33.333333% - 6.6666666px);
  height: 46px;
  border: 1px solid #ccc;
  border-radius: 0;
  font-size: 18px;
  color: #333;
}

.modal-form-wrap .m-form .form-group .m-wrap [data-toggle="distpicker"] select + select {
  margin-left: 10px;
}

.modal-form-wrap .m-form .form-group .m-wrap textarea {
  width: 100%;
  height: 150px;
  border-radius: 0;
  outline: 0 !important;

}

.form-grid-wrap {
  width: 100%;
  min-height: 10px;
  position: relative;
}

.form-grid-wrap [class*="cell-"] {
  float: left;
  width: auto;
  min-height: 40px;
  padding: 5px 10px;
  position: relative;
}

.form-grid-wrap .cell-1 {
  width: 8.3333333333%;
}

.form-grid-wrap .cell-2 {
  width: 16.666666666%;
}

.form-grid-wrap .cell-3 {
  width: 25%;
}

.form-grid-wrap .cell-4 {
  width: 33.3333333%;
}

.form-grid-wrap .cell-5 {
  width: 41.6666666667%;
}

.form-grid-wrap .cell-6 {
  width: 50%;
}

.form-grid-wrap .cell-7 {
  width: 58.3333333333%;
}

.form-grid-wrap .cell-8 {
  width: 66.6666666667%;
}

.form-grid-wrap .cell-9 {
  width: 75%
}

.form-grid-wrap .cell-10 {
  width: 83.3333333333%;
}

.form-grid-wrap .cell-11 {
  width: 91.6666666667%;
}

.form-grid-wrap .cell-12 {
  width: 100%
}

.form-grid-wrap [class*="cell-"] .title {
  width: 100%;
  height: 20px;
  margin-bottom: 5px;
  line-height: 20px;
  font-weight: 400;
  font-size: 16px;
  color: #333;
  position: relative;
}

.form-grid-wrap [class*="cell-"] .ele {
  width: 100%;
  min-height: 40px;
  position: relative;
}

.form-grid-wrap [class*="cell-"] .ele input[type="text"],
.form-grid-wrap [class*="cell-"] .ele input[type="number"],
.form-grid-wrap [class*="cell-"] .ele input[type="email"],
.form-grid-wrap [class*="cell-"] .ele input[type="tel"] {
  float: left;
  width: 100%;
  height: 40px;
  border: 1px solid #ccc;
  padding: 10px 15px;
  line-height: 20px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 16px;
  color: #333;
  position: relative;
}


.form-grid-wrap [class*="cell-"] .ele textarea {
  float: left;
  width: 100%;
  min-height: 60px;
  border: 1px solid #ccc;
  padding: 10px 15px;
  white-space: pre-wrap;
  word-break: break-all;
  line-height: 20px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 16px;
  color: #333;
  position: relative;
}

.form-grid-wrap [class*="cell-"] .ele [data-toggle="distpicker"] {
  float: left;
  width: 100%;
  height: 40px;
  font-size: 0;
  position: relative;
}

.form-grid-wrap [class*="cell-"] .ele [data-toggle="distpicker"] select {
  display: inline-block;
  width: calc(33.3333% - 6.66666px);
  height: 40px;
  border: 1px solid #ccc;
  padding: 5px 5px;
  vertical-align: top;
  line-height: 1;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 16px;
  color: #333;
}

.form-grid-wrap [class*="cell-"] .ele [data-toggle="distpicker"] select + select {
  margin-left: 10px;
}

.form-grid-wrap [class*="cell-"] .ele .err-tip {
  display: none;
  float: left;
  width: 100%;
  line-height: 30px;
  font-family: "Microsoft Yahei";
  font-weight: 400;
  font-size: 14px;
  color: #E81E28;
}

.form-grid-wrap [class*="cell-"] .ele :focus-visible {
  outline: 0;
}

.form-grid-wrap [class*="cell-"] .ele.error .err-tip {
  display: block;
}


.new-product-announce {
  width: 100%;
  min-height: 10px;
  margin: 0 auto;
  padding: 20px 40px;
  position: relative;
}

.new-product-announce .np {
  width: 100%;
  height: 41px;
  border-bottom: 1px solid #eee;
  position: relative;
}

.new-product-announce .np .fa {
  float: left;
  width: 30px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  font-size: 20px;
  color: #e81e28;
}

.new-product-announce .np .fa svg {
  position: relative;
  top: -3px;
}

.new-product-announce .np a {
  float: left;
  width: calc(100% - 110px);
  height: 40px;
  line-height: 40px;
  font-family: "Microsoft Yahei";
  font-weight: 400;
  font-size: 14px;
  color: #333;
  cursor: pointer;
}

.new-product-announce .np span {
  float: left;
  width: 80px;
  height: 40px;
  text-align: right;
  line-height: 40px;
  font-family: "Microsoft Yahei";
  font-weight: 400;
  font-size: 12px;
  color: #666;
  cursor: pointer;
}

.bgfff {
  background: #fff;
}

.padding20 {
  padding: 20px;
}

.padding30 {
  padding: 30px;
}

.marL30 {
  margin-left: 3%;
}

.flex {
  display: flex;
  display: -webkit-flex;
}

.flexwp {
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}

.flex_1 {
  flex: 1;
  -webkit-flex: 1;
  min-width: 0;
}

.flexct {
  justify-content: center;
  -webkit-justify-content: center;
}

.flexbt {
  justify-content: space-between;
  -webkit-justify-content: space-between;
}

.flexat {
  align-items: center;
  -webkit-align-items: center;
}

.flexend {
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
}

.flexCenter {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  align-items: center;
  -webkit-align-items;
}

.marginTop05 {
  margin-top: 0.3%;
}

.marginTop1 {
  margin-top: 1%;
}

.marginTop2 {
  margin-top: 2%;
}

.marginTop3 {
  margin-top: 3%;
}

.marginTop4 {
  margin-top: 4%;
}

.marginTop5 {
  margin-top: 5%;
}

.marginTop51 {
  margin-top: 5%;
}

.marginBot1 {
  margin-bottom: 1%;
}

.marginBot2 {
  margin-bottom: 2%;
}

.marginBot3 {
  margin-bottom: 3%;
}

.marginBot4 {
  margin-bottom: 4%;
}

.marginBot5 {
  margin-bottom: 5%;
}

.paddingTop5 {
  padding-top: 5%;
}

.paddingTop4 {
  padding-top: 4%;
}

.paddingTop3 {
  padding-top: 3%;
}

.paddingTop2 {
  padding-top: 2%;
}

.paddingTop1 {
  padding-top: 1%;
}

.paddingBot5 {
  padding-bottom: 5%;
}

.paddingBot4 {
  padding-bottom: 4%;
}

.paddingBot3 {
  padding-bottom: 3%;
}

.paddingBot2 {
  padding-bottom: 2%;
}

.paddingBot15 {
  padding-bottom: 1.5%;
}

.paddingBot1 {
  padding-bottom: 1%;
}

.paddingq5 {
  padding: 3% 12%;
}

.singleTxt {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.singleTxt_2 {
  overflow: hidden;
  text-overflow: ellipsis;
}

.singleTxt_1 {
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: 42px;
  padding: 0 8px;
  line-height: initial;
}

.singleTxt_3 {
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: 48px;
}

.fontBold {
  font-weight: bold;
}

.fontbold {
  font-weight: bold;
}

.font12 {
  font-size: 12px;
}

.font13 {
  font-size: 13px;
}

.font14 {
  font-size: 14px;
}

.font15 {
  font-size: 15px;
}

.font16 {
  font-size: 15px;
}

.font18 {
  font-size: 16px;
}

.font20 {
  font-size: 18px;
}

.font24 {
  font-size: 24px;
}

.font22x {
  font-weight: 200;
}

.font30 {
  font-size: 30px;
}

.font32 {
  font-size: 32px;
}

.font36 {
  font-size: 36px;
}

.font40 {
  font-size: 40px;
}

.font48 {
  font-size: 48px;
}

.font56 {
  font-size: 56px;
}

.font60 {
  font-size: 60px;
}

.color333 {
  color: #333;
}

.colorfff {
  color: #fff;
}

.coloraaa {
  color: #aaa;
}

.color000 {
  color: #000;
}

.colorbbb {
  color: #bbb;
}

.colorccc {
  color: #ccc;
}

.color888 {
  color: #888;
}

.color666 {
  color: #666;
}

.color616 {
  color: #616265;
}

.colordeeeff {
  color: #deeeff;
}

.colore3e0ff {
  color: #e3e0ff;
}

.colorcaf7dd {
  color: #caf7dd;
}

.navMenu {
  display: none;
}

.overflowY {
  overflow-y: auto;
}

.rt5 {
  margin-right: 5px;
}

.rt10 {
  margin-right: 10px;
}

.rt20 {
  margin-right: 20px;
}

.rt25 {
  margin-right: 25px;
}

.rt30 {
  margin-right: 30px;
}

.lt3 {
  margin-left: 3px;
}

.lt10 {
  margin-left: 10px;
}

.lt20 {
  margin-left: 20px;
}

.lt25 {
  margin-left: 25px;
}

.lt30 {
  margin-left: 30px;
}

.rl5 {
  margin-right: 5px;
  margin-left: 5px;
}

.infoList {
  width: 100%;
  min-height: 10px;
  /*background-color: #F5F5F6;*/
  padding-left: 40px;
  position: relative;
}

.infoList::before {
  content: '';
  border-left: 1px solid #919191;
  position: absolute;
  left: 25px;
  top: 15px;
  bottom: 0;
}

.infoList .infoItems {
  width: 100%;
  min-height: 50px;
  margin-top: 1%;
  padding-left: 80px;
  position: relative;
}

.infoList .infoItems:nth-last-child(1):after {
  content: '';
  border-left: 1px solid #fff;
  position: absolute;
  left: -15px;
  top: 15px;
  bottom: 0;
}

.infoList .infoItems .year {
  background: #888;
  border-radius: 2px;
  padding: 3px 10px;
  color: #fff;
  cursor: pointer;
  transition: all 0.3s ease;
  position: absolute;
  left: 0;
  top: 0;
}

.infoList .infoItems .year::before {
  content: '';
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 6px solid #888;
  position: absolute;
  left: 25px;
  bottom: -10px;
}

.infoList .infoItems.on .year::before {
  border-top-color: #C9151E;
}

.infoList .infoItems .year::after {
  content: '';
  width: 15px;
  border-top: 1px solid #919191;
  position: absolute;
  right: 100%;
  top: 50%;
}

.infoList .infoItems.on .year,
.infoList .infoItems .year:hover {
  background: #C9151E;
}

.infoList .infoItems .infosDL {
  display: none;
}

.infoList .infoItems.on .infosDL {
  display: block;
}

.infoList .infoItems .infosDL dd {
  width: 32%;
  margin-bottom: 2%;
  margin-left: 1.2%;
}

.infoList .infoItems .infosDL dd.hot {
  box-shadow: 0 0 10px 1px rgba(162, 162, 162, .2);
}

.infoList .infoItems .infosDL dd.expired{
  filter: grayscale(100%);
  /*pointer-events: none;*/
  opacity: 0.5;
}

.infoList .infoItems .infosDL dd.expired::after {
  content: 'OVER';
  width: 60px;
  height: 60px;
  background: #999;
  border-radius: 50%;
  text-align: center;
  line-height: 60px;
  font-weight: bold;
  font-size: 16px;
  color: #fff;
  transform: rotate(-25deg);
  position: absolute;
  right: 15px;
  top: 15px;
}

.infoList .infoItems .infosDL dd > a {
  background: #fff;
  padding: 20px;
  border: 2px solid transparent;
}

.infoList .infoItems .infosDL dd > a:hover {
  /*border-color: #C9151E;*/
}

.infoList .infoItems .infosDL dd .left {
  width: 160px;
  height: 80px;
  background-size: cover !important;
  margin-right: 10px;
  flex-shrink: 0;
}

.infoList .infoItems .infosDL dd .t1 {
  width: 100%;
  height: 48px;
  margin-bottom: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 24px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 16px;
  color: #333;
}

.infoList .infoItems .infosDL dd > a:hover .t1 {
  color: #c9151e;
}

.infoList .infoItems .infosDL dd .t2 {
  width: 100%;
  height: 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 25px;
  font-family: "Microsoft YaHei";
  font-weight: 400;
  font-size: 16px;
  color: #333;
}

.infoList .infoItems .infosDL dd .t2 + .t2 {
  margin-top: 5px;
}

.infoList .infoItems .infosDL dd .t2 .icon-e-date {
  display: inline-block;
  width: 19px;
  height: 18px;
  background: url(../img/icon-exhibition-date-gray.png) no-repeat center center;
  background-size: contain;
  vertical-align: top;
  margin-right: 5px;
  position: relative;
  top: 2px;
}

.infoList .infoItems .infosDL dd .t2 .icon-e-location {
  display: inline-block;
  width: 17px;
  height: 18px;
  background: url(../img/icon-exhibition-location-gray.png) no-repeat center center;
  background-size: contain;
  vertical-align: top;
  margin-right: 5px;
  position: relative;
  top: 2px;
}

.infoList .infoItems .infosDL dd .t2 .date {
  margin: 10px 0;
}

.infoList .infoItems .infosDL dd .exhibitionImg {
  width: 100%;
  height: 160px;
  overflow: hidden;
  margin-bottom: 10px;
  position: relative;
}

.infoList .infoItems .infosDL dd .exhibitionImg img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  border: 0;
  outline: 0;
  margin: 0 auto;
  vertical-align: middle;
  position: relative;
  transition: transform 0.2s ease-in;
}

.infoList .infoItems .infosDL dd:hover .exhibitionImg img {
  transform: scale(1.03);
}

.leftTechExbition {
  width: 270px;
  height: auto;
  /*max-height: 600px;*/
  margin-right: 15px;
  padding: 20px;
  margin-bottom: 2%;
}

.leftTechExbition .tit {
  padding-left: 25px;
  position: relative;
}

.leftTechExbition .tit .name {
  display: inline-block;
  background: #9a9a9a;
  border-radius: 3px;
  margin-bottom: 10px;
  padding: 3px 10px;
  color: #fff;
  cursor: pointer;
}

.leftTechExbition .tit .name.on,
.leftTechExbition .tit .name:hover {
  background: #C9151E;
}

.leftTechExbition .tit:before {
  position: absolute;
  left: 0;
  top: 50%;
  width: 15px;
  content: '';
  border-top: 1px solid #919191;
}

.exhibitionImg {
  text-align: center;
  padding-bottom: 15px;
}

.leftTech {
  width: 270px;
  height: 400px;
  margin-right: 15px;
  padding: 20px;
}

.leftBorder {
  border-left: 1px solid #919191;
  position: relative;
}

.bod .techUL {
  display: none;
}

.bod.on .techUL {
  display: block;
}

.bod.on .tit .name {
  background: #C9151E;
}

.leftBorder:after {
  display: none;
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  width: 15px;
  border-top: 1px solid #919191;
}

.leftTech .tit {
  padding-left: 25px;
  position: relative;
}

.leftTech .tit .name {
  display: inline-block;
  background: #9a9a9a;
  color: #fff;
  padding: 3px 10px;
  border-radius: 3px;
}

.leftTech .tit .name.on, .leftTech .tit .name:hover {
  background: #C9151E;
}

.techUL {
  padding-bottom: 15px;
}

.techUL li {
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  padding-left: 25px;
  margin-top: 15px;
}

.techUL li:before {
  position: absolute;
  left: 0;
  top: 8px;
  width: 8px;
  content: '';
  border-top: 1px solid #919191;
}

.techUL li a {
  font-size: 14px;
  color: #232323;
}

.leftTech .tit:before {
  position: absolute;
  left: 0;
  top: 50%;
  width: 15px;
  content: '';
  border-top: 1px solid #919191;
}

.techUL li.on a {
  color: #C9151E;
}

.rightTech {
  margin-bottom: 2%;
}

.textTit {
  padding: 0 0 10px 0;
  border-bottom: 1px solid #eee;
  margin-bottom: 10px;
}

.detailsTxt {
  line-height: 1.8;
  padding-top: 10px;
}


@media only screen and (max-width: 480px) {
  .paddingTop2 {
    padding-top: 10px;
  }

  .leftTechExbition {
    max-height: unset;
  }
}

@media only screen and (max-width: 640px ) {
  .infoItems {
    padding-left: 60px;
  }

  .infoItems:nth-last-child(1):after {
    left: -10px;
  }

  .infoList {
    padding-left: 10px;
  }

  .infoList .year:after {
    width: 10px;
  }

  .infosDL dd .date {
    margin: 5px 0;
  }

  .infosDL dd .left {
    height: 70px;
  }

  .infosDL dd > a {
    padding: 10px;
  }

  .leftTechExbition {
    max-height: unset;
  }
}

@media only screen and (max-width: 767px) {
  .phoneFlex {
    display: block;
  }

  .leftTechExbition {
    max-height: unset;
  }
}


/*iphone: w < 480px*/
@media screen and (max-width: 480px) {
  .new-swiper {
    height: 210px;
    margin-top: 80px;
  }

  .r-welfare .rw .desc {
    font-size: 10px;
  }
  .new-swiper .swiper-pagination {
    bottom: 20px;
	}
}


/*iphone: w < 768px*/
@media screen and (max-width: 768px) {
  .container {
    width: 100%;
    /* background-color: green; */
  }

  .om-top .navbar-brand {
    margin-left: 20px;
  }

  .header-nav .btn-mobile-menu {
    display: block;
  }

  .shopping-flow-wrap .shop-workflow img {
    width: 100%;
  }

  .shopping-flow-wrap .t1 .txt {
    font-size: 22px;
  }

  .shopping-flow-wrap .shop-workflow {
    padding: 30px 0;
  }

  .header-nav .nav-no-hover .nav-left .header-link,
  .header-nav .nav-no-hover .nav-right,
  .header-nav .nav-model,
  .header-nav .nav-resource,
  .header-nav .nav-servicecenter,
  .header-nav .nav-aboutcenter,
  .om-sideway {
    display: none;
  }

  .header-nav .nav-no-hover {
    justify-content: flex-start;
  }

  .om-no-border,
  .om-border,
  .om-gray-center,
  .om-white-center,
  .new-product-notice,
  .om-product-category,
  .om-news-center,
  .om-video-resource,
  .banner-shortcut,
  .om-footer .footer-body,
  .about-us-wrap,
  .service-center-wrap,
  .x-navigation,
  .form-tab,
  .score-mall {
    width: 100%;
    overflow: hidden;
    padding-left: 15px;
    padding-right: 15px;
  }

  .new-product-notice {
    width: 100%;
    padding: 10px 15px;
  }

  .banner-shortcut {
    height: auto;
    min-height: 148px;
    padding-top: 15px;
  }

  .banner-shortcut .bs {
    width: 100%;
    height: 148px;
    box-shadow: 0 0 5px #c2c2c2;
    margin-bottom: 15px;
  }

  .banner-shortcut .bs + .bs::after {
    width: 0;
    height: 0;
  }

  .om-footer .footer-body .footer-links .fl-L {
    width: 100%;
    display: none;
  }

  .om-footer .footer-body .footer-links .fl-M {
    width: 100%;
    padding: 0px 15px 0px 0px;
  }

  .om-footer .footer-body .footer-links .fl-L .fl-li {
    float: left;
    width: 50%;
    padding-left: 0;
  }

  .om-footer .footer-body .footer-links .fl-M .fm-li .desc li {
    margin-bottom: 15px;
  }

  .om-footer .footer-body .footer-links .fl-M .fm-li .desc li.address {
    margin-top: 15px;
  }

  .om-footer .footer-body .footer-links .fl-R {
    width: 100%;
    display: none;
  }

  .om-title .caption {
    font-size: 30px;
  }

  .om-no-border {
    padding: 20px 0;
  }

  .pc-item .inner-box {
    height: 320px;
  }

  .pc-item .inner-box .title .t-L {
    font-size: 24px;
  }

  .pc-item .inner-box .img-wrap {
    height: 200px;
  }

  .form-tab + .container {
    padding: 0 10px;
  }

  .form-tab .isearch {
    display: none;
  }

  .pm-cell {
    height: auto;
    min-height: 420px;
    background: #F6F6F6;
    margin-bottom: 20px;
    padding: 20px 20px 20px 20px;
  }

  .pm-cell .know-more {
    /*left: 20px;*/
    /*bottom: 20px;*/
  }

  .tl-box {
    width: calc(100% - 20px);
    height: auto;
    min-height: 225px;
    padding: 15px 0;
  }

  .tl-box .tl-L {
    width: 100%;
    height: 225px;
    margin-bottom: 10px;
  }

  .tl-box .tl-R {
    width: 100%;
    height: auto;
    min-height: 225px;
    padding: 0px 0px 0px 0px;
  }

  .na-wrap {
    padding: 20px 0px 20px 0px;
  }

  .na-box {
    height: auto;
    min-height: 100px;
    margin-bottom: 20px;
  }

  .about-us-wrap {
    justify-content: flex-start;
    overflow: auto;
  }

  .service-center-wrap {
    width: 100%;
    height: auto;
    min-height: 100px;
    margin: 0 auto 0;
    justify-content: flex-start;
    overflow: auto;
  }

  .service-center-wrap .sc {
    flex: 0 0 auto;
  }

  .non-standard-customized {
    width: calc(100% - 0px);
  }

  .non-standard-customized .nsc-pic {
    height: 120px;
    margin: 0px auto 0px;
  }

  .non-standard-customized .nsc-txt {
    padding: 0 0px;
  }

  .nsc-box {
    margin-bottom: 20px;
  }

  .p-box {
    width: calc(100% - 0px);
    height: auto;

  }

  .p-box .pb-L {
    width: 100%;
    height: 235px;
  }

  .p-box .pb-R {
    width: 100%;
    height: auto;
    min-height: 235px;
    padding: 15px 0px 10px 0px;
  }

  .p-box .pb-R .time-limit {
    margin-top: 20px;
    position: static;
    bottom: auto;
    left: auto;
  }

  .p-box .pb-R .more-care {
    margin-top: 10px;
    position: static;
    bottom: auto;
    left: auto;
  }

  .p-box + .look-more {
    width: calc(100% - 0px);
    margin: 20px auto 20px;
  }

  .sr-box {
    width: calc(100% - 0px);
    /* height: 240px; */
    padding: 20px 20px 0 20px;
    background-size: cover;
    margin-top: -10px;
  }

  .shop-flow {
    width: calc(100% - 0px);
    height: auto;
    padding: 30px 0 0 0;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .shop-flow .sf + .sf {
    margin-left: 0px;
    margin-top: 100px;
  }

  .shop-flow .sf + .sf::before {
    content: '';
    width: 0px;
    height: 90px;
    border: 1px dashed #E81E28;
    position: absolute;
    top: -114px;
    right: 54px;
    z-index: 20;
  }

  .shop-flow .sf + .sf::after {
    content: '';
    width: 10px;
    height: 10px;
    background: #E81E28;
    border-radius: 50%;
    position: absolute;
    top: -32px;
    right: 50px;
    z-index: 20;
  }

  .return-type {
    padding: 10px 10px;
  }

  .forum-new {
    padding: 20px 20px;
  }

  .forum-new .fn-banner-new {
    margin-bottom: 20px;
    padding: 25px 10px 25px 10px;
  }

  .forum-new .fn-L {
    display: none;
  }

  .forum-new .fn-R {
    width: 100%;
    margin-left: 0px;
  }

  .forum-new .fn-R .question-wrap .qw .question {
    height: auto;
    min-height: 80px;
  }

  .forum-new .fn-R .question-wrap .qw .question .txt {
    width: calc(100% - 60px);
    min-height: 10px;
    padding-top: 10px;
    line-height: 40px;
  }

  .forum-new .fn-R .question-wrap .qw .question .action {
    display: none;
  }

  .questionnaire-wrap {
    width: calc(100% - 0px);
    height: auto;
    background-size: cover;
    margin: 0 auto 20px;
    padding: 20px 20px;
  }

  .questionnaire-wrap .desc {
    width: 100%;
    margin-bottom: 30px;
  }

  .questionnaire-wrap .q-form {
    width: 100%;
    padding: 20px 20px 20px 20px;
    position: static;
    top: auto;
    left: auto;
  }

  .om-swiper {
    height: 346px;
  }

  .om-swiper .swiper-wrapper .swiper-slide {
    background-size: cover;
    padding: 10px 10px 0 10px;
  }

  .om-swiper .swiper-wrapper .swiper-slide .box {
    width: 100%;
  }

  .om-swiper .swiper-wrapper .swiper-slide .box .jump {
    width: 100%;
    position: absolute;
    bottom: 20px;
  }

  .red-star {
    width: calc(100% - 40px);
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
  }

  .red-star .rs {
    float: none;
    flex: 0 0 auto;
    width: 100%;
    height: 120px;
    margin-bottom: 20px;
  }

  .red-star .rs + .rs {
    margin-left: 0px;
  }

  .company-brief {
    padding: 20px 20px;
  }

  .company-brief .cb {
    width: 50%;
  }

  .company-brief .cb + .cb {
    margin-left: 0;
  }

  .rs-tech {
    width: calc(100% - 0px);
    height: auto;
    margin: 20px auto 20px;
  }

  .rs-tech .rst-L {
    width: 100%;
    height: auto;
    padding: 20px 20px;
  }

  .rs-tech .rst-R {
    width: 100%;
    /*height: auto;*/
  }

  .rs-history {
    width: calc(100% - 0px);
    margin: 0px auto 20px;
    padding: 20px 20px;
  }

  .rs-history .rsh {
    height: auto;
    margin-bottom: 20px;
  }

  .rs-history .rsh + .rsh::before {
    display: none;
  }

  .rs-history .rsh .year {
    flex: 0 0 auto;
    width: 70px;
    height: 70px;
    margin-right: 40px;
    line-height: 70px;
    font-size: 20px;
  }

  .rs-history .rsh .year::before {
    width: 20px;
    left: 70px;
  }

  .rs-history .rsh .year::after {
    width: 20px;
    height: 20px;
    left: 81px;
    margin-top: -10px;
  }

  .rs-history .rsh .content {
    height: auto;
  }

  .rs-history .rsh .content .pos {
    line-height: 25px;
    font-size: 16px;
    position: static;
    top: auto;
    transform: none;
  }

  .rs-history + .look-more {
    width: 100%;
    margin: 20px auto 20px;
  }

  .rs-honor {
    width: calc(100% - 0px);
    height: auto;
    margin: 20px auto 20px;
  }

  .rs-honor .rsh-L {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    padding: 20px 20px;
  }

  .rs-honor .rsh-R {
    width: 100%;
    height: auto;
    border-top: 0;
    margin-left: 0px;
    padding: 0 20px;
  }

  .rs-honor .rsh-L .desc {
    margin-bottom: 0px;
    line-height: 25px;
    font-size: 18px;
  }

  .rs-honor .rsh-L .brand {
    height: 235px;
  }

  .rs-honor .rsh-R .rsh-item {
    height: auto;
    padding: 20px 0;
  }

  .rs-honor .rsh-R .rsh-item:nth-child(1) {
    border-top: 1px solid #707070;
  }

  .rs-honor .rsh-R .rsh-item .t1 {
    margin-bottom: 15px;
  }

  .rs-strength {
    width: calc(100% - 0px);
    height: auto;
    min-height: 600px;
    margin: 0px auto 10px;
    padding: 20px 10px 0 10px;
  }

  .rs-strength .swiper-wrapper .swiper-slide .box {
    width: 100%;
    height: calc(50% - 15px);
    /* background: rgba(240, 15, 63, 0.27); */
    margin-bottom: 15px;
    margin-right: 0px;
  }

  .rs-culture {
    width: calc(100% - 40px);
    margin: 20px auto 20px;
  }

  .rs-culture .rsc-title {
    margin-bottom: 20px;
  }

  .rs-culture .rsc-mission {
    height: 350px;
    background-size: cover;
    margin: 0 auto;
    padding: 20px 20px;
  }

  .rsc-vision {
    height: auto;
    margin: 20px auto 20px;
    padding: 0px 0px;
  }

  .rsc-vision .rsc-v-L {
    width: 100%;
    height: 300px;
    background-position: top center;
  }

  .rsc-vision .rsc-v-R {
    width: 100%;
    height: auto;
    padding: 20px 10px;
  }

  .rsc-vision .rsc-v-R .t1 {
    font-size: 32px;
  }

  .rsc-vision .rsc-v-R .t2 {
    height: auto;
    line-height: 20px;
    font-size: 12px;
  }

  .rsc-vision .rsc-v-R .t1 + .t2 {
    margin-top: 30px;
  }

  .rsc-vision2 {
    height: auto;
    margin: 20px auto;
    padding: 10px 10px;
  }

  .rsc-vision2 .rsc-v-L {
    width: 100%;
    height: auto;
    padding-top: 20px;
  }

  .rsc-vision2 .rsc-v-R {
    width: 100%;
    height: 260px;
  }

  .rsc-vision2 .rsc-v-L .t1 {
    font-size: 32px;
  }

  .rsc-partner {
    width: calc(100% - 40px);
    height: auto;
    margin: 20px auto 20px;
  }

  .rsc-partner .rsc-p-L {
    width: 100%;
    height: auto;
    /*background-size: cover;*/
    padding: 20px 10px;
  }

  .rsc-partner .rsc-p-R {
    width: 100%;
    height: auto;
    padding: 5px 5px;
    text-align: center;
  }

  .rsc-partner .rsc-p-R img {
    height: 200px;
    margin: 0 auto;
    position: static;
    transform: none;
  }

  .infoList {
    padding-left: 20px;
  }

  .infoList::before {
    left: 4px;
  }

  .infoList .infoItems:nth-last-child(1):after {
    border-left: 3px solid #fff;
    top: 16px;
    left: -17px;
  }

  .infoList .infoItems .infosDL dd {
    width: 100%;
    margin-left: 0;
  }

  .infoList .infoItems .infosDL dd > a {
    padding: 10px;
  }

  .infoList .infoItems .infosDL dd .exhibitionImg {
    height: 80px;
  }

  .recruit-wrap {
    width: calc(100% - 0px);
    margin: 0px auto 20px;
    padding: 0 20px;
  }

  .recruit-wrap img {
    /*height: 85px;*/
    margin-bottom: 20px;
  }

  .recruit-wrap .r-search-box {
    width: 100%;
    height: 50px;
    border-radius: 25px;
    padding: 0 70px 0 20px;
    position: relative;
    bottom: auto;
    right: auto;
  }

  .recruit-wrap .r-search-box .r-input {
    height: 48px;
    line-height: 48px;
    font-size: 18px;
  }

  .recruit-wrap .r-search-box .r-txt {
    height: 50px;
    padding: 0 20px;
    line-height: 50px;
    font-size: 18px;
  }

  .r-screen {
    width: 100%;
    height: auto;
    margin: 20px auto 20px;
    padding: 0px 20px;
  }

  .r-screen .rs {
    width: 100%;
    height: 40px;
    margin-right: 0;
    margin-bottom: 10px;
  }

  .r-screen .rs .rss {
    height: 40px;
    font-size: 16px;
  }

  .r-screen .rs-btn {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
  }

  .r-tb {
    width: 100%;
    padding: 0 20px;
    overflow: auto;
    table-layout: fixed;
  }

  .r-tb .r-thead {
    height: 50px;
    line-height: 50px;
    font-size: 13px;
  }

  .r-tb .r-tbody {
    line-height: unset;
    font-size: 12px;
  }

  .r-tb .r-tbody .r-row {
    height: auto;
  }

  .r-tb .r-thead .c1, .r-tb .r-tbody [class*="c"] {
    padding: 2px 2px;
  }

  .r-word {
    width: calc(100% - 40px);
    margin: 20px auto 20px;
    padding: 20px 20px;
  }

  .r-welfare {
    width: calc(100% - 40px);
    height: auto;
    background-size: cover;
    margin: 20px auto 20px;
    padding: 20px 20px;
  }

  .r-contact {
    width: calc(100% - 40px);
    height: auto;
    background-size: cover;
    margin: 20px auto 20px;
    padding: 20px 10px;
  }

  .r-contact .rc-L {
    height: auto;
    border-right: 0;
    margin-bottom: 20px;
  }

  .r-contact .rc-R {
    height: auto;
  }

  .r-contact .rc-L .item .txt {
    font-size: 18px;
  }

  .r-contact .rc-L .item + .item {
    margin-top: 30px;
  }

  .r-contact .rc-R .rc-item .txt {
    font-size: 16px;
  }

  .map-wrap {
    width: calc(100% - 40px);
    margin: 0px auto 20px;
  }

  .cu-tip {
    height: auto;
    margin-bottom: 20px;
    padding: 0 20px;
  }

  .gray-zone {
    width: calc(100% - 40px);
  }

  .at .at-title {
    margin-bottom: 50px;
  }

  .at .at-item {
    height: auto;
  }

  .at .at-item .txt {
    height: auto;
  }

  .gray-zone-third {
    width: calc(100% - 40px);
  }

  .om-score {
    height: 150px;
  }

  .icon-title .txt {
    font-size: 30px;
  }

  .coupon-wrap .cw {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 20px;
  }

  .coupon-form-tabs {
    height: auto;
    margin: 20px auto 20px;
    padding: 10px 10px;
    white-space: nowrap;
    overflow: auto;
  }

  .coupon-form-tabs .cf {
    margin-right: 0;
    margin-bottom: 20px;
  }

  .coupon-form-tabs .select-wrap {
    float: left;
  }

  .om-login {
    height: auto;
    min-height: unset;
  }


  .om-login .oml-L {
    display: none;
  }

  .om-login .oml-R {
    width: 100%;
    height: auto;
    padding: 100px 20px 20px 20px;
  }

  .om-login .oml-R .logo {
    display: none;
  }

  .om-login .oml-R form {
    width: 100%;
  }

  .om-login .oml-R .login-box {
    width: 100%;
    min-height: unset;
    padding: 20px 20px;
    position: relative;
    top: auto;
    left: auto;
    transform: none;
  }

  .om-login .oml-R .login-box .lb-link {
    margin-bottom: 40px;
  }

  .om-login .oml-R .login-box .register-form .btn-lb {
    margin: 50px auto 50px;
  }

  .om-login + .om-footer {
    background-color: #fff;
  }

  .product-compare-wrap {
    width: 1420px;
    max-width: 100%;
    padding: 20px 20px;
  }

  .product-compare-wrap .quick-buy-wrap .qb-item {
    width: 100%;
    margin-bottom: 20px;
  }

  .product-compare-wrap .quick-buy-wrap .qb-item + .qb-item {
    margin-left: 0px;
  }

  .product-compare-wrap .quick-buy-wrap .qb-item .title {
    padding-left: 20px;
  }

  .product-compare-wrap .quick-buy-wrap .qb-item .tip {
    padding: 0 20px;
    -webkit-line-clamp: 3;
  }

  .product-compare-wrap .quick-buy-wrap .qb-item .input-wrap {
    padding: 0 20px;
  }

  .product-compare-wrap .quick-buy-wrap .qb-item .file-wrap {
    width: calc(100% - 40px);
  }

  .shop-cart-summary {
    height: auto;

  }


  .om-nc {
    display: none;
  }

  .om-nc-mobile {
    display: flex;
  }

  .product-category-zone {
    width: calc(100% - 40px);
  }

  .product-category-zone .pcz-L {
    display: none;
  }

  .product-category-zone .pcz-R {
    width: 100%;
    margin-left: 0;
  }

  .product-category-zone .pcz-R .big-type {
    height: auto;
    min-height: 210px;
  }

  .product-category-zone .pcz-R .big-type .bt-L {
    width: 100%;
    height: auto;
    padding: 20px 20px;
  }

  .product-category-zone .pcz-R .big-type .bt-R {
    display: none;
  }

  .product-screen-wrap {
    padding: 0px 20px;
  }

  .product-screen-wrap .ps-L {
    display: none;
  }

  .product-screen-wrap .ps-R {
    width: 100%;
    margin-left: 0;
  }

  .product-screen-wrap .ps-R .ps-box-wrap .ps-box {
    width: 100%;
    height: auto;
    margin-right: 0px;
    margin-bottom: 20px;
    padding-bottom: 20px;
  }

  .product-detail-wrap {
    padding: 0px 20px;
  }

  .pd-title {
    font-size: 24px;
  }

  .pds-wrap .explain-map .explain {
    width: 100%;
    margin-bottom: 20px;
  }

  .pds-wrap .explain-map .map {
    width: 100%;
    margin-bottom: 20px;
  }

  .pd-info .pdi-L {
    width: 100%;
  }

  .pd-info .pdi-M {
    width: 100%;
    min-height: unset;
  }

  .pd-info .pdi-R {
    width: 100%;
  }

  .goods-table .dataTable .hidden-column {
    display: none;
  }

  table.product-table tbody tr td div.extend-box {
    padding: 0;
  }

  .news-detail-wrap .news-detail-content img {
    height: auto;
  }

  .copyright-wrap p .cw-code {
    display: inline-block;
    width: 100%;
    margin: 0;
  }

  .r-welfare .rw .desc {
    font-size: 10px;
  }

  /*.personal-center {
    width: 100%;
    padding: 0 20px;
  }

  .personal-center .pc-L {
    display: none;
  }

  .personal-center .mobile-L {
    display: block;
  }


  .personal-center .pc-R {
    width: 100%;
    margin-left: 0;
    padding: 20px 20px;
  }

  .personal-center .pc-R .info-top {
    padding: 10px 10px;
  }

  .personal-center .pc-R .info-top .it-R {
    height: auto;
    padding-left: 10px;
  }


  .personal-center .pc-R .info-top .it-R .sign-in {
    top: -60px;
  }

  .personal-center .pc-R .info-top .it-R .p2,
  .personal-center .pc-R .info-top .it-R .p3 {
    height: auto;
  }

  .personal-center .pc-R .info-middle {
    padding: 10px 10px;
  }

  .personal-center .pc-R .info-middle .im {
    width: 50%;
    margin-bottom: 20px;
  }

  .personal-center .pc-R .info-middle .im .info .desc {
    font-size: 14px;
  }

  .personal-center .pc-R .sender-receiver-info .sr {
    padding: 10px 0px;
  }*/


}

/*pad: w >= 768  && w< 992*/
@media screen and (min-width: 768px) and (max-width: 992px) {
  .container {
    width: 750px;
    /* background-color: blue; */
  }

  .om-top .navbar-brand {
    margin-left: 20px;
  }

  .header-nav .btn-mobile-menu {
    display: block;
  }

  .header-nav .nav-no-hover .nav-left .header-link,
  .header-nav .nav-no-hover .nav-right,
  .header-nav .nav-model,
  .header-nav .nav-resource,
  .header-nav .nav-servicecenter,
  .header-nav .nav-aboutcenter,
  .om-sideway {
    display: none;
  }

  .header-nav .nav-no-hover {
    justify-content: flex-start;
  }

  .om-no-border,
  .om-border,
  .om-gray-center,
  .om-white-center,
  .new-product-notice,
  .om-product-category,
  .om-news-center,
  .om-video-resource,
  .banner-shortcut,
  .om-footer .footer-body,
  .about-us-wrap,
  .service-center-wrap,
  .x-navigation,
  .form-tab,
  .score-mall {
    width: 750px;
  }

  .new-product-notice {
    width: 100%;
    padding: 10px 15px;
  }

  .banner-shortcut {
    height: auto;
    min-height: 148px;
  }

  .banner-shortcut .bs {
    width: 100%;
    height: 148px;
    box-shadow: 0 0 5px #c2c2c2;
    margin-bottom: 15px;
  }

  .banner-shortcut .bs + .bs::after {
    width: 0;
    height: 0;
  }

  .om-footer .footer-body .footer-links .fl-L {
    width: 100%;
    display: none;
  }

  .om-footer .footer-body .footer-links .fl-M {
    width: 100%;
    padding: 0px 15px 0px 0px;
  }

  .om-footer .footer-body .footer-links .fl-L .fl-li {
    float: left;
    width: 50%;
    padding-left: 0;
  }

  .om-footer .footer-body .footer-links .fl-M .fm-li .desc li {
    margin-bottom: 15px;
  }

  .om-footer .footer-body .footer-links .fl-M .fm-li .desc li.address {
    margin-top: 15px;
  }

  .om-footer .footer-body .footer-links .fl-R {
    width: 100%;
    display: none;
  }

  .om-title .caption {
    font-size: 30px;
  }

  .om-no-border {
    padding: 20px 0;
  }

  .pc-item .inner-box {
    height: 320px;
  }

  .pc-item .inner-box .title .t-L {
    font-size: 24px;
  }

  .pc-item .inner-box .img-wrap {
    height: 200px;
  }

  .form-tab + .container {
    padding: 0 10px;
  }

  .form-tab .isearch {
    display: none;
  }

  .pm-cell {
    height: auto;
    min-height: 420px;
    background: #F6F6F6;
    margin-bottom: 20px;
    padding: 20px 20px 20px 20px;
  }

  .pm-cell .know-more {
    left: 20px;
    bottom: 20px;
  }

  .tl-box {
    width: calc(100% - 20px);
    height: auto;
    min-height: 225px;
    padding: 15px 0;
  }

  .tl-box .tl-L {
    width: 100%;
    height: 225px;
    margin-bottom: 10px;
  }

  .tl-box .tl-R {
    width: 100%;
    height: auto;
    min-height: 225px;
    padding: 0px 0px 0px 0px;
  }

  .na-wrap {
    padding: 20px 0px 20px 0px;
  }


  .na-box {
    height: auto;
    min-height: 100px;
    margin-bottom: 20px;
    padding-bottom: 10px;
  }

  .na-box .t1 {
    height: 60px;
  }

  .about-us-wrap {
    justify-content: flex-start;
  }

  .service-center-wrap {
    width: 100%;
    height: auto;
    min-height: 100px;
    margin: 0 auto 0;
    justify-content: flex-start;
    overflow: auto;
  }

  .service-center-wrap .sc {
    flex: 0 0 auto;
  }

  .non-standard-customized {
    width: calc(100% - 0px);
    padding: 0 20px;
  }

  .non-standard-customized .nsc-pic {
    height: 120px;
    margin: 0px auto 0px;
  }

  .non-standard-customized .nsc-txt {
    padding: 0 0px;
  }

  .nsc-box {
    margin-bottom: 20px;
  }

  .p-box {
    width: calc(100% - 40px);
    height: auto;

  }

  .p-box .pb-L {
    width: 100%;
    height: 235px;
  }

  .p-box .pb-R {
    width: 100%;
    height: auto;
    min-height: 235px;
    padding: 15px 0px 10px 0px;
  }

  .p-box .pb-R .time-limit {
    margin-top: 20px;
    position: static;
    bottom: auto;
    left: auto;
  }

  .p-box .pb-R .more-care {
    margin-top: 10px;
    position: static;
    bottom: auto;
    left: auto;
  }

  .p-box + .look-more {
    width: calc(100% - 40px);
    margin: 20px auto 20px;
  }

  .sr-box {
    width: calc(100% - 0px);
    /* height: 240px; */
    padding: 20px 20px 0 20px;
    background-size: cover;
    margin-top: -10px;
  }

  .shop-flow {
    width: calc(100% - 0px);
    height: auto;
    background: #fff;
    padding: 30px 0 0 0;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .shop-flow .sf + .sf {
    margin-left: 0px;
    margin-top: 100px;
  }

  .shop-flow .sf + .sf::before {
    content: '';
    width: 0px;
    height: 90px;
    border: 1px dashed #E81E28;
    position: absolute;
    top: -114px;
    right: 54px;
    z-index: 20;
  }

  .shop-flow .sf + .sf::after {
    content: '';
    width: 10px;
    height: 10px;
    background: #E81E28;
    border-radius: 50%;
    position: absolute;
    top: -32px;
    right: 50px;
    z-index: 20;
  }

  .return-type {
    padding: 10px 10px;
  }

  .forum-new {
    padding: 20px 20px;
  }

  .forum-new .fn-banner-new {
    margin-bottom: 20px;
    padding: 25px 10px 25px 10px;
  }

  .forum-new .fn-L {
    display: none;
  }

  .forum-new .fn-R {
    width: 100%;
    margin-left: 0px;
  }

  .forum-new .fn-R .question-wrap .qw .question {
    height: auto;
    min-height: 80px;
  }

  .forum-new .fn-R .question-wrap .qw .question .txt {
    width: calc(100% - 60px);
    min-height: 10px;
    padding-top: 10px;
    line-height: 40px;
  }

  .forum-new .fn-R .question-wrap .qw .question .action {
    display: none;
  }

  .questionnaire-wrap {
    width: calc(100% - 0px);
    height: auto;
    background-size: cover;
    margin: 0 auto 20px;
    padding: 20px 20px;
  }

  .questionnaire-wrap .desc {
    width: 100%;
    margin-bottom: 30px;
  }

  .questionnaire-wrap .q-form {
    width: 100%;
    padding: 20px 20px 20px 20px;
    position: static;
    top: auto;
    left: auto;
  }

  .om-swiper .swiper-wrapper .swiper-slide {
    background-size: cover;
    padding: 10px 10px 0 10px;
  }

  .om-swiper .swiper-wrapper .swiper-slide .box {
    width: 100%;
  }

  .om-swiper .swiper-wrapper .swiper-slide .box .jump {
    position: absolute;
    bottom: 20px;
    left: 10px;
  }

  .red-star {
    width: calc(100% - 40px);
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
  }

  .red-star .rs {
    float: none;
    flex: 0 0 auto;
    width: 100%;
    height: 120px;
    margin-bottom: 20px;
  }

  .red-star .rs + .rs {
    margin-left: 0px;
  }

  .company-brief {
    padding: 20px 20px;
  }

  .company-brief .cb {
    width: 50%;
  }

  .company-brief .cb + .cb {
    margin-left: 0;
  }

  .rs-tech {
    width: calc(100% - 0px);
    height: auto;
    margin: 20px auto 20px;
  }

  .rs-tech .rst-L {
    width: 100%;
    height: auto;
    padding: 20px 20px;
  }

  .rs-tech .rst-R {
    width: 100%;
    /*height: auto;*/
  }

  .rs-history {
    width: calc(100% - 40px);
    margin: 0px auto 20px;
    padding: 20px 20px;
  }

  .rs-history .rsh {
    height: auto;
    margin-bottom: 20px;
  }

  .rs-history .rsh + .rsh::before {
    display: none;
  }

  .rs-history .rsh .year {
    flex: 0 0 auto;
    width: 70px;
    height: 70px;
    margin-right: 40px;
    line-height: 70px;
    font-size: 20px;
  }

  .rs-history .rsh .year::before {
    width: 20px;
    left: 70px;
  }

  .rs-history .rsh .year::after {
    width: 20px;
    height: 20px;
    left: 81px;
    margin-top: -10px;
  }

  .rs-history .rsh .content {
    height: auto;
  }

  .rs-history .rsh .content .pos {
    line-height: 25px;
    font-size: 16px;
    position: static;
    top: auto;
    transform: none;
  }

  .rs-history + .look-more {
    width: calc(100% - 40px);
    margin: 20px auto 20px;
  }

  .rs-honor {
    width: calc(100% - 0px);
    height: auto;
    margin: 20px auto 20px;
  }

  .rs-honor .rsh-L {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    padding: 20px 20px;
  }

  .rs-honor .rsh-R {
    width: 100%;
    height: auto;
    border-top: 0;
    margin-left: 0px;
    padding: 0 20px;
  }

  .rs-honor .rsh-L .desc {
    margin-bottom: 0px;
    line-height: 25px;
    font-size: 18px;
  }

  .rs-honor .rsh-L .brand {
    height: 235px;
  }

  .rs-honor .rsh-R .rsh-item {
    height: auto;
    padding: 20px 0;
  }

  .rs-honor .rsh-R .rsh-item:nth-child(1) {
    border-top: 1px solid #707070;
  }

  .rs-honor .rsh-R .rsh-item .t1 {
    margin-bottom: 15px;
  }

  .rs-strength {
    width: calc(100% - 0px);
    height: auto;
    min-height: 600px;
    margin: 0px auto 10px;
    padding: 20px 10px 0 10px;
  }

  .rs-strength .swiper-wrapper .swiper-slide .box {
    width: 100%;
    height: calc(50% - 15px);
    /* background: rgba(240, 15, 63, 0.27); */
    margin-bottom: 15px;
    margin-right: 0px;
  }

  .rs-culture {
    width: calc(100% - 40px);
    margin: 20px auto 20px;
  }

  .rs-culture .rsc-title {
    margin-bottom: 20px;
  }

  .rs-culture .rsc-mission {
    height: 350px;
    background-size: cover;
    margin: 0 auto;
    padding: 20px 20px;
  }

  .rsc-vision {
    height: auto;
    margin: 20px auto 20px;
    padding: 0px 0px;
  }

  .rsc-vision .rsc-v-L {
    width: 100%;
    height: 300px;
    background-position: top center;
  }

  .rsc-vision .rsc-v-R {
    width: 100%;
    height: auto;
    padding: 20px 10px;
  }

  .rsc-vision .rsc-v-R .t1 {
    font-size: 32px;
  }

  .rsc-vision .rsc-v-R .t2 {
    height: auto;
    line-height: 20px;
    font-size: 12px;
  }

  .rsc-vision .rsc-v-R .t1 + .t2 {
    margin-top: 30px;
  }

  .rsc-vision2 {
    height: auto;
    margin: 20px auto;
    padding: 10px 10px;
  }

  .rsc-vision2 .rsc-v-L {
    width: 100%;
    height: auto;
    padding-top: 20px;
  }

  .rsc-vision2 .rsc-v-R {
    width: 100%;
    height: 260px;
  }

  .rsc-vision2 .rsc-v-L .t1 {
    font-size: 32px;
  }

  .rsc-partner {
    width: calc(100% - 40px);
    height: auto;
    margin: 20px auto 20px;
  }

  .rsc-partner .rsc-p-L {
    width: 100%;
    height: auto;
    /*background-size: cover;*/
    padding: 20px 10px;
  }

  .rsc-partner .rsc-p-R {
    width: 100%;
    height: auto;
    padding: 5px 5px;
    text-align: center;
  }

  .rsc-partner .rsc-p-R img {
    height: 200px;
    margin: 0 auto;
    position: static;
    transform: none;
  }

  .om-swiper {
    height: 346px;
  }


  .infoList {
    padding-left: 20px;
  }

  .infoList::before {
    left: 4px;
  }

  .infoList .infoItems:nth-last-child(1):after {
    border-left: 3px solid #fff;
    top: 16px;
    left: -17px;
  }

  .infoList .infoItems .infosDL dd {
    width: 100%;
    margin-left: 0;
  }

  .infoList .infoItems .infosDL dd > a {
    padding: 10px;
  }

  .infoList .infoItems .infosDL dd .exhibitionImg {
    height: 80px;
  }

  .recruit-wrap {
    width: calc(100% - 0px);
    margin: 0px auto 20px;
    padding: 0 20px;
  }

  .recruit-wrap img {
    /*height: 85px;*/
    margin-bottom: 20px;
  }

  .recruit-wrap .r-search-box {
    width: 100%;
    height: 50px;
    border-radius: 25px;
    padding: 0 70px 0 20px;
    position: relative;
    bottom: auto;
    right: auto;
  }

  .recruit-wrap .r-search-box .r-input {
    height: 48px;
    line-height: 48px;
    font-size: 18px;
  }

  .recruit-wrap .r-search-box .r-txt {
    height: 50px;
    padding: 0 20px;
    line-height: 50px;
    font-size: 18px;
  }

  .r-screen {
    width: 100%;
    height: auto;
    margin: 20px auto 20px;
    padding: 0px 20px;
  }

  .r-screen .rs {
    width: 100%;
    height: 40px;
    margin-right: 0;
    margin-bottom: 10px;
  }

  .r-screen .rs .rss {
    height: 40px;
    font-size: 16px;
  }

  .r-screen .rs-btn {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
  }

  .r-tb {
    width: 100%;
    padding: 0 20px;
    overflow: auto;
    table-layout: fixed;
  }

  .r-tb .r-thead {
    height: 50px;
    line-height: 50px;
    font-size: 13px;
  }

  .r-tb .r-tbody {
    line-height: unset;
    font-size: 12px;
  }

  .r-tb .r-tbody .r-row {
    height: auto;
  }

  .r-tb .r-thead .c1, .r-tb .r-tbody [class*="c"] {
    padding: 2px 2px;
  }

  .r-word {
    width: calc(100% - 40px);
    margin: 20px auto 20px;
    padding: 20px 20px;
  }

  .r-welfare {
    width: calc(100% - 40px);
    height: auto;
    background-size: cover;
    margin: 20px auto 20px;
    padding: 20px 20px;
  }

  .r-contact {
    width: calc(100% - 40px);
    height: auto;
    background-size: cover;
    margin: 20px auto 20px;
    padding: 20px 10px;
  }

  .r-contact .rc-L {
    height: auto;
    border-right: 0;
    margin-bottom: 20px;
  }

  .r-contact .rc-R {
    height: auto;
  }

  .r-contact .rc-L .item .txt {
    font-size: 18px;
  }

  .r-contact .rc-L .item + .item {
    margin-top: 30px;
  }

  .r-contact .rc-R .rc-item .txt {
    font-size: 16px;
  }

  .map-wrap {
    width: calc(100% - 40px);
    margin: 0px auto 20px;
  }

  .cu-tip {
    height: auto;
    margin-bottom: 20px;
    padding: 0 20px;
  }

  .gray-zone {
    width: calc(100% - 40px);
  }

  .at .at-title {
    margin-bottom: 50px;
  }

  .at .at-item {
    height: auto;
  }

  .at .at-item .txt {
    height: auto;
  }

  .gray-zone-third {
    width: calc(100% - 40px);
  }

  .om-score {
    height: 150px;
  }

  .icon-title .txt {
    font-size: 30px;
  }

  .coupon-wrap .cw {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 20px;
  }

  .coupon-form-tabs {
    height: auto;
    margin: 20px auto 20px;
    padding: 10px 10px;
    white-space: nowrap;
    overflow: auto;
  }

  .coupon-form-tabs .cf {
    margin-right: 0;
    margin-bottom: 20px;
  }

  .coupon-form-tabs .select-wrap {
    float: left;
  }

  .om-login {
    height: auto;
    min-height: unset;
  }


  .om-login .oml-L {
    display: none;
  }

  .om-login .oml-R {
    width: 100%;
    height: auto;
    padding: 100px 20px 20px 20px;
  }

  .om-login .oml-R .logo {
    display: none;
  }

  .om-login .oml-R form {
    width: 100%;
  }

  .om-login .oml-R .login-box {
    width: 100%;
    min-height: unset;
    padding: 20px 20px;
    position: relative;
    top: auto;
    left: auto;
    transform: none;
  }

  .om-login .oml-R .login-box .lb-link {
    margin-bottom: 40px;
  }

  .om-login .oml-R .login-box .register-form .btn-lb {
    margin: 50px auto 50px;
  }

  .om-login + .om-footer {
    background-color: #fff;
  }

  .product-compare-wrap {
    width: 1420px;
    padding: 20px 20px;
  }

  .product-compare-wrap .quick-buy-wrap .qb-item {
    width: 100%;
    margin-bottom: 20px;
  }

  .product-compare-wrap .quick-buy-wrap .qb-item + .qb-item {
    margin-left: 0px;
  }

  .product-compare-wrap .quick-buy-wrap .qb-item .title {
    padding-left: 20px;
  }

  .product-compare-wrap .quick-buy-wrap .qb-item .tip {
    padding: 0 20px;
    -webkit-line-clamp: 3;
  }

  .product-compare-wrap .quick-buy-wrap .qb-item .input-wrap {
    padding: 0 20px;
  }

  .product-compare-wrap .quick-buy-wrap .qb-item .file-wrap {
    width: calc(100% - 40px);
  }

  .shop-cart-summary {
    height: auto;

  }

  .om-nc {
    display: none;
  }

  .om-nc-mobile {
    display: flex;
  }

  .product-category-zone {
    width: calc(100% - 40px);
  }

  .product-category-zone .pcz-L {
    display: none;
  }

  .product-category-zone .pcz-R {
    width: 100%;
    margin-left: 0;
  }

  .product-category-zone .pcz-R .big-type {
    height: auto;
    min-height: 210px;
  }

  .product-category-zone .pcz-R .big-type .bt-L {
    width: 100%;
    height: auto;
    padding: 20px 20px;
  }

  .product-category-zone .pcz-R .big-type .bt-R {
    display: none;
  }

  .product-screen-wrap {
    padding: 0px 20px;
  }

  .product-screen-wrap .ps-L {
    display: none;
  }

  .product-screen-wrap .ps-R {
    width: 100%;
    margin-left: 0;
  }

  .product-screen-wrap .ps-R .ps-box-wrap .ps-box {
    width: 100%;
    height: 350px;
    margin-right: 0px;
    margin-bottom: 20px;
  }

  .product-detail-wrap {
    padding: 0px 20px;
  }

  .pd-title {
    font-size: 24px;
  }

  .pds-wrap .explain-map .explain {
    width: 100%;
    margin-bottom: 20px;
  }

  .pds-wrap .explain-map .map {
    width: 100%;
    margin-bottom: 20px;
  }

  .pd-info .pdi-L {
    width: 100%;
  }

  .pd-info .pdi-M {
    width: 100%;
    min-height: unset;
  }

  .pd-info .pdi-R {
    width: 100%;
  }

  .goods-table .dataTable .hidden-column {
    display: none;
  }

  table.product-table tbody tr td div.extend-box {
    padding: 0;
  }

  .news-detail-wrap .news-detail-content img {
    height: auto;
  }

  .copyright-wrap p .cw-code {
    display: inline-block;
    width: 100%;
    margin: 0;
  }

  .r-welfare .rw .desc {
    font-size: 10px;
  }

}

/*中等屏幕   w >= 992  && w<1200*/
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .container {
    width: 970px;
    /* background-color: pink; */
  }

  .om-no-border,
  .om-border,
  .om-gray-center,
  .om-white-center,
  .new-product-notice,
  .om-product-category,
  .om-news-center,
  .om-video-resource,
  .banner-shortcut,
  .om-footer .footer-body,
  .about-us-wrap,
  .service-center-wrap,
  .x-navigation,
  .form-tab,
  .score-mall {
    width: 970px;
  }

  .new-product-notice {
    width: 100%;
    padding: 10px 15px;
  }

  .banner-shortcut {
    height: auto;
    min-height: 148px;
  }

  .banner-shortcut .bs {
    width: 100%;
    height: 148px;
    box-shadow: 0 0 5px #c2c2c2;
    margin-bottom: 15px;
  }

  .banner-shortcut .bs + .bs::after {
    width: 0;
    height: 0;
  }

  .om-footer .footer-body .footer-links .fl-L {
    width: 100%;
    display: none;
  }

  .om-footer .footer-body .footer-links .fl-M {
    width: 100%;
    padding: 0px 15px 0px 0px;
  }

  .om-footer .footer-body .footer-links .fl-L .fl-li {
    float: left;
    width: 50%;
    padding-left: 0;
  }

  .om-footer .footer-body .footer-links .fl-M .fm-li .desc li {
    margin-bottom: 15px;
  }

  .om-footer .footer-body .footer-links .fl-M .fm-li .desc li.address {
    margin-top: 15px;
  }

  .om-footer .footer-body .footer-links .fl-R {
    width: 100%;
    display: none;
  }

  .om-title .caption {
    font-size: 30px;
  }

  .om-no-border {
    padding: 20px 0;
  }

  .pc-item .inner-box {
    height: 320px;
  }

  .pc-item .inner-box .title .t-L {
    font-size: 24px;
  }

  .pc-item .inner-box .img-wrap {
    height: 200px;
  }

  .form-tab + .container {
    padding: 0 10px;
  }

  .form-tab .isearch {
    display: none;
  }

  .pm-cell {
    height: auto;
    min-height: 420px;
    background: #F6F6F6;
    margin-bottom: 20px;
    padding: 20px 20px 20px 20px;
  }

  .pm-cell .know-more {
    left: 20px;
    bottom: 20px;
  }

  .tl-box {
    width: calc(100% - 20px);
    height: auto;
    min-height: 225px;
    padding: 15px 0;
  }

  .tl-box .tl-L {
    width: 100%;
    height: 225px;
    margin-bottom: 10px;
  }

  .tl-box .tl-R {
    width: 100%;
    height: auto;
    min-height: 225px;
    padding: 0px 0px 0px 0px;
  }

  .na-wrap {
    padding: 20px 0px 20px 0px;
  }


  .na-box {
    height: auto;
    min-height: 100px;
    margin-bottom: 20px;
    padding-bottom: 10px;
  }

  .na-box .t1 {
    height: 60px;
  }

  .about-us-wrap {
    justify-content: flex-start;
  }

  .service-center-wrap {
    width: 100%;
    height: auto;
    min-height: 100px;
    margin: 0 auto 0;
    justify-content: flex-start;
    overflow: auto;
  }

  .service-center-wrap .sc {
    flex: 0 0 auto;
  }

  .non-standard-customized {
    width: calc(100% - 0px);
    padding: 0 20px;
  }

  .non-standard-customized .nsc-pic {
    height: 120px;
    margin: 0px auto 0px;
  }

  .non-standard-customized .nsc-txt {
    padding: 0 0px;
  }

  .nsc-box {
    margin-bottom: 20px;
  }

  .p-box {
    width: calc(100% - 40px);
    height: auto;

  }

  .p-box .pb-L {
    width: 100%;
    height: 235px;
  }

  .p-box .pb-R {
    width: 100%;
    height: auto;
    min-height: 235px;
    padding: 15px 0px 10px 0px;
  }

  .p-box .pb-R .time-limit {
    margin-top: 20px;
    position: static;
    bottom: auto;
    left: auto;
  }

  .p-box .pb-R .more-care {
    margin-top: 10px;
    position: static;
    bottom: auto;
    left: auto;
  }

  .p-box + .look-more {
    width: calc(100% - 40px);
    margin: 20px auto 20px;
  }

  .sr-box {
    width: calc(100% - 0px);
    /* height: 240px; */
    padding: 20px 20px 0 20px;
    background-size: cover;
    margin-top: -10px;
  }

  .shop-flow {
    width: calc(100% - 0px);
    height: auto;
    background: #fff;
    padding: 30px 0 0 0;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .shop-flow .sf + .sf {
    margin-left: 0px;
    margin-top: 100px;
  }

  .shop-flow .sf + .sf::before {
    content: '';
    width: 0px;
    height: 90px;
    border: 1px dashed #E81E28;
    position: absolute;
    top: -114px;
    right: 54px;
    z-index: 20;
  }

  .shop-flow .sf + .sf::after {
    content: '';
    width: 10px;
    height: 10px;
    background: #E81E28;
    border-radius: 50%;
    position: absolute;
    top: -32px;
    right: 50px;
    z-index: 20;
  }

  .return-type {
    padding: 10px 10px;
  }

  .forum-new {
    padding: 20px 20px;
  }

  .forum-new .fn-banner-new {
    margin-bottom: 20px;
    padding: 25px 10px 25px 10px;
  }

  .forum-new .fn-L {
    display: none;
  }

  .forum-new .fn-R {
    width: 100%;
    margin-left: 0px;
  }

  .forum-new .fn-R .question-wrap .qw .question {
    height: auto;
    min-height: 80px;
  }

  .forum-new .fn-R .question-wrap .qw .question .txt {
    width: calc(100% - 60px);
    min-height: 10px;
    padding-top: 10px;
    line-height: 40px;
  }

  .forum-new .fn-R .question-wrap .qw .question .action {
    display: none;
  }

  .questionnaire-wrap {
    width: calc(100% - 0px);
    height: auto;
    background-size: cover;
    margin: 0 auto 20px;
    padding: 20px 20px;
  }

  .questionnaire-wrap .desc {
    width: 100%;
    margin-bottom: 30px;
  }

  .questionnaire-wrap .q-form {
    width: 100%;
    padding: 20px 20px 20px 20px;
    position: static;
    top: auto;
    left: auto;
  }

  .om-swiper .swiper-wrapper .swiper-slide {
    background-size: cover;
    padding: 10px 10px 0 10px;
  }

  .om-swiper .swiper-wrapper .swiper-slide .box {
    width: 100%;
  }

  .om-swiper .swiper-wrapper .swiper-slide .box .jump {
    position: absolute;
    bottom: 20px;
    left: 10px;
  }

  .red-star {
    width: calc(100% - 40px);
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
  }

  .red-star .rs {
    float: none;
    flex: 0 0 auto;
    width: 100%;
    height: 120px;
    margin-bottom: 20px;
  }

  .red-star .rs + .rs {
    margin-left: 0px;
  }

  .company-brief {
    padding: 20px 20px;
  }

  .company-brief .cb {
    width: 50%;
  }

  .company-brief .cb + .cb {
    margin-left: 0;
  }

  .rs-tech {
    width: calc(100% - 0px);
    height: auto;
    margin: 20px auto 20px;
  }

  .rs-tech .rst-L {
    width: 100%;
    height: auto;
    padding: 20px 20px;
  }

  .rs-tech .rst-R {
    width: 100%;
    /*height: auto;*/
  }

  .rs-history {
    width: calc(100% - 40px);
    margin: 0px auto 20px;
    padding: 20px 20px;
  }

  .rs-history .rsh {
    height: auto;
    margin-bottom: 20px;
  }

  .rs-history .rsh + .rsh::before {
    display: none;
  }

  .rs-history .rsh .year {
    flex: 0 0 auto;
    width: 70px;
    height: 70px;
    margin-right: 40px;
    line-height: 70px;
    font-size: 20px;
  }

  .rs-history .rsh .year::before {
    width: 20px;
    left: 70px;
  }

  .rs-history .rsh .year::after {
    width: 20px;
    height: 20px;
    left: 81px;
    margin-top: -10px;
  }

  .rs-history .rsh .content {
    height: auto;
  }

  .rs-history .rsh .content .pos {
    line-height: 25px;
    font-size: 16px;
    position: static;
    top: auto;
    transform: none;
  }

  .rs-history + .look-more {
    width: calc(100% - 40px);
    margin: 20px auto 20px;
  }

  .rs-honor {
    width: calc(100% - 0px);
    height: auto;
    margin: 20px auto 20px;
  }

  .rs-honor .rsh-L {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    padding: 20px 20px;
  }

  .rs-honor .rsh-R {
    width: 100%;
    height: auto;
    border-top: 0;
    margin-left: 0px;
    padding: 0 20px;
  }

  .rs-honor .rsh-L .desc {
    margin-bottom: 0px;
    line-height: 25px;
    font-size: 18px;
  }

  .rs-honor .rsh-L .brand {
    height: 235px;
  }

  .rs-honor .rsh-R .rsh-item {
    height: auto;
    padding: 20px 0;
  }

  .rs-honor .rsh-R .rsh-item:nth-child(1) {
    border-top: 1px solid #707070;
  }

  .rs-honor .rsh-R .rsh-item .t1 {
    margin-bottom: 15px;
  }

  .rs-strength {
    width: calc(100% - 0px);
    height: auto;
    min-height: 600px;
    margin: 0px auto 10px;
    padding: 20px 10px 0 10px;
  }

  .rs-strength .swiper-wrapper .swiper-slide .box {
    width: 100%;
    height: calc(50% - 15px);
    /* background: rgba(240, 15, 63, 0.27); */
    margin-bottom: 15px;
    margin-right: 0px;
  }

  .rs-culture {
    width: calc(100% - 40px);
    margin: 20px auto 20px;
  }

  .rs-culture .rsc-title {
    margin-bottom: 20px;
  }

  .rs-culture .rsc-mission {
    height: 350px;
    background-size: cover;
    margin: 0 auto;
    padding: 20px 20px;
  }

  .rsc-vision {
    height: auto;
    margin: 20px auto 20px;
    padding: 0px 0px;
  }

  .rsc-vision .rsc-v-L {
    width: 100%;
    height: 300px;
    background-position: top center;
  }

  .rsc-vision .rsc-v-R {
    width: 100%;
    height: auto;
    padding: 20px 10px;
  }

  .rsc-vision .rsc-v-R .t1 {
    font-size: 32px;
  }

  .rsc-vision .rsc-v-R .t2 {
    height: auto;
    line-height: 20px;
    font-size: 12px;
  }

  .rsc-vision .rsc-v-R .t1 + .t2 {
    margin-top: 30px;
  }

  .rsc-vision2 {
    height: auto;
    margin: 20px auto;
    padding: 10px 10px;
  }

  .rsc-vision2 .rsc-v-L {
    width: 100%;
    height: auto;
    padding-top: 20px;
  }

  .rsc-vision2 .rsc-v-R {
    width: 100%;
    height: 260px;
  }

  .rsc-vision2 .rsc-v-L .t1 {
    font-size: 32px;
  }

  .rsc-partner {
    width: calc(100% - 40px);
    height: auto;
    margin: 20px auto 20px;
  }

  .rsc-partner .rsc-p-L {
    width: 100%;
    height: auto;
    background-size: cover;
    padding: 20px 10px;
  }

  .rsc-partner .rsc-p-R {
    width: 100%;
    height: auto;
    padding: 5px 5px;
    text-align: center;
  }

  .rsc-partner .rsc-p-R img {
    height: 200px;
    margin: 0 auto;
    position: static;
    transform: none;
  }

  .om-swiper {
    height: 346px;
  }


  .infoList {
    padding-left: 20px;
  }

  .infoList::before {
    left: 4px;
  }

  .infoList .infoItems:nth-last-child(1):after {
    border-left: 3px solid #fff;
    top: 16px;
    left: -17px;
  }

  .infoList .infoItems .infosDL dd {
    width: 100%;
    margin-left: 0;
  }

  .infoList .infoItems .infosDL dd > a {
    padding: 10px;
  }

  .infoList .infoItems .infosDL dd .exhibitionImg {
    height: 80px;
  }

  .recruit-wrap {
    width: calc(100% - 0px);
    margin: 0px auto 20px;
    padding: 0 20px;
  }

  .recruit-wrap img {
    /*height: 85px;*/
    margin-bottom: 20px;
  }

  .recruit-wrap .r-search-box {
    width: 100%;
    height: 50px;
    border-radius: 25px;
    padding: 0 70px 0 20px;
    position: relative;
    bottom: auto;
    right: auto;
  }

  .recruit-wrap .r-search-box .r-input {
    height: 48px;
    line-height: 48px;
    font-size: 18px;
  }

  .recruit-wrap .r-search-box .r-txt {
    height: 50px;
    padding: 0 20px;
    line-height: 50px;
    font-size: 18px;
  }

  .r-screen {
    width: 100%;
    height: auto;
    margin: 20px auto 20px;
    padding: 0px 20px;
  }

  .r-screen .rs {
    width: 100%;
    height: 40px;
    margin-right: 0;
    margin-bottom: 10px;
  }

  .r-screen .rs .rss {
    height: 40px;
    font-size: 16px;
  }

  .r-screen .rs-btn {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
  }

  .r-tb {
    width: 100%;
    padding: 0 20px;
    overflow: auto;
    table-layout: fixed;
  }

  .r-tb .r-thead {
    height: 50px;
    line-height: 50px;
    font-size: 13px;
  }

  .r-tb .r-tbody {
    line-height: unset;
    font-size: 12px;
  }

  .r-tb .r-tbody .r-row {
    height: auto;
  }

  .r-tb .r-thead .c1, .r-tb .r-tbody [class*="c"] {
    padding: 2px 2px;
  }

  .r-word {
    width: calc(100% - 40px);
    margin: 20px auto 20px;
    padding: 20px 20px;
  }

  .r-welfare {
    width: calc(100% - 40px);
    height: auto;
    background-size: cover;
    margin: 20px auto 20px;
    padding: 20px 20px;
  }

  .r-contact {
    width: calc(100% - 40px);
    height: auto;
    background-size: cover;
    margin: 20px auto 20px;
    padding: 20px 10px;
  }

  .r-contact .rc-L {
    height: auto;
    border-right: 0;
    margin-bottom: 20px;
  }

  .r-contact .rc-R {
    height: auto;
  }

  .r-contact .rc-L .item .txt {
    font-size: 18px;
  }

  .r-contact .rc-L .item + .item {
    margin-top: 30px;
  }

  .r-contact .rc-R .rc-item .txt {
    font-size: 16px;
  }

  .map-wrap {
    width: calc(100% - 40px);
    margin: 0px auto 20px;
  }

  .cu-tip {
    height: auto;
    margin-bottom: 20px;
    padding: 0 20px;
  }

  .gray-zone {
    width: calc(100% - 40px);
  }

  .at .at-title {
    margin-bottom: 50px;
  }

  .at .at-item {
    height: auto;
  }

  .at .at-item .txt {
    height: auto;
  }

  .gray-zone-third {
    width: calc(100% - 40px);
  }

  .om-score {
    height: 150px;
  }

  .icon-title .txt {
    font-size: 30px;
  }

  .coupon-wrap .cw {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 20px;
  }

  .coupon-form-tabs {
    height: auto;
    margin: 20px auto 20px;
    padding: 10px 10px;
    white-space: nowrap;
    overflow: auto;
  }

  .coupon-form-tabs .cf {
    margin-right: 0;
    margin-bottom: 20px;
  }

  .coupon-form-tabs .select-wrap {
    float: left;
  }

  .om-login {
    height: auto;
    min-height: unset;
  }


  .om-login .oml-L {
    display: none;
  }

  .om-login .oml-R {
    width: 100%;
    height: auto;
    padding: 100px 20px 20px 20px;
  }

  .om-login .oml-R .logo {
    display: none;
  }

  .om-login .oml-R form {
    width: 100%;
  }

  .om-login .oml-R .login-box {
    width: 100%;
    min-height: unset;
    padding: 20px 20px;
    position: relative;
    top: auto;
    left: auto;
    transform: none;
  }

  .om-login .oml-R .login-box .lb-link {
    margin-bottom: 40px;
  }

  .om-login .oml-R .login-box .register-form .btn-lb {
    margin: 50px auto 50px;
  }

  .om-login + .om-footer {
    background-color: #fff;
  }

  .product-compare-wrap {
    width: 1420px;
    padding: 20px 20px;
  }

  .product-compare-wrap .quick-buy-wrap .qb-item {
    width: 100%;
    margin-bottom: 20px;
  }

  .product-compare-wrap .quick-buy-wrap .qb-item + .qb-item {
    margin-left: 0px;
  }

  .product-compare-wrap .quick-buy-wrap .qb-item .title {
    padding-left: 20px;
  }

  .product-compare-wrap .quick-buy-wrap .qb-item .tip {
    padding: 0 20px;
    -webkit-line-clamp: 3;
  }

  .product-compare-wrap .quick-buy-wrap .qb-item .input-wrap {
    padding: 0 20px;
  }

  .product-compare-wrap .quick-buy-wrap .qb-item .file-wrap {
    width: calc(100% - 40px);
  }

  .shop-cart-summary {
    height: auto;

  }

  .om-nc {
    display: none;
  }

  .om-nc-mobile {
    display: flex;
  }

  .product-category-zone {
    width: calc(100% - 40px);
  }

  .product-category-zone .pcz-L {
    display: none;
  }

  .product-category-zone .pcz-R {
    width: 100%;
    margin-left: 0;
  }

  .product-category-zone .pcz-R .big-type {
    height: auto;
    min-height: 210px;
  }

  .product-category-zone .pcz-R .big-type .bt-L {
    width: 100%;
    height: auto;
    padding: 20px 20px;
  }

  .product-category-zone .pcz-R .big-type .bt-R {
    display: none;
  }

  .product-screen-wrap {
    padding: 0px 20px;
  }

  .product-screen-wrap .ps-L {
    display: none;
  }

  .product-screen-wrap .ps-R {
    width: 100%;
    margin-left: 0;
  }

  .product-screen-wrap .ps-R .ps-box-wrap .ps-box {
    width: 100%;
    height: 350px;
    margin-right: 0px;
    margin-bottom: 20px;
  }

  .product-detail-wrap {
    padding: 0px 20px;
  }

  .pd-title {
    font-size: 24px;
  }

  .pds-wrap .explain-map .explain {
    width: 100%;
    margin-bottom: 20px;
  }

  .pds-wrap .explain-map .map {
    width: 100%;
    margin-bottom: 20px;
  }

  .pd-info .pdi-L {
    width: 100%;
  }

  .pd-info .pdi-M {
    width: 100%;
    min-height: unset;
  }

  .pd-info .pdi-R {
    width: 100%;
  }

  .goods-table .dataTable .hidden-column {
    display: none;
  }

  table.product-table tbody tr td div.extend-box {
    padding: 0;
  }

  .news-detail-wrap .news-detail-content img {
    height: auto;
  }

  .copyright-wrap p .cw-code {
    display: inline-block;
    width: 100%;
    margin: 0;
  }

  .r-welfare .rw .desc {
    font-size: 10px;
  }


}

/*中等屏幕   w >= 1201  && w<1440*/
@media screen and (min-width: 1201px) and (max-width: 1400px) {
  .container {
    width: 1000px;
    /* background-color: pink; */
  }

  .header-nav .nav-no-hover .nav-left a.header-link span {
    /*margin-right: 10px;*/
  }

  .header-nav .nav-no-hover .nav-right .search-box {
    width: 150px;
  }

  .om-top .navbar .bonus-point-mall {
    margin-left: 5px;
  }

  .header-nav .nav-no-hover .nav-right .login-and-register {
    padding: 0 5px;
  }

  .header-nav .nav-no-hover .nav-right .language {
    margin: 0px 0px;
  }

  .nav-products {
    min-height: 360px;
  }

  .new-swiper {
    height: 610px;
  }

  .om-top .navbar-brand {
    margin-left: 10px;
    margin-right: 10px;
  }

  .om-swiper {
    height: 450px;
  }

  .om-swiper .swiper-wrapper .swiper-slide {
    padding: 100px 100px 0 100px;
  }


  .om-no-border,
  .om-border,
  .om-gray-center,
  .om-white-center,
  .new-product-notice,
  .om-product-category,
  .om-news-center,
  .om-video-resource,
  .banner-shortcut,
  .om-footer .footer-body,
  .about-us-wrap,
  .service-center-wrap,
  .x-navigation,
  .form-tab,
  .score-mall {
    width: 1000px;
  }

  .pc-item .inner-box {
    height: 300px;
  }

  .pc-item .inner-box .title .t-L {
    height: 30px;
    line-height: 30px;
    font-size: 20px;
  }

  .pc-item .inner-box .img-wrap {
    height: 182px;
  }

  .om-nc .nc-L {
    width: 329px;
    height: 380px;
  }

  .om-nc .nc-R {
    width: calc(100% - 342px);
    min-height: 380px;
    margin-left: 12px;
  }

  .om-nc .nc-R .nc-RT,
  .om-nc .nc-R .nc-RB {
    height: 185px;
  }

  .om-nc .nc-R .nc-RT {
    margin-bottom: 12px;
  }

  .om-nc .nc-L .img-a {
    height: 185px;
  }

  .om-nc .nc-R .nc-RT .img-a,
  .om-nc .nc-R .nc-RB .img-a {
    width: 329px;
    height: 185px;
  }

  .om-nc .nc-L .ncL-info {
    height: 195px;
    padding: 10px 10px;
  }

  .om-nc .nc-R .nc-RT .ncR-info,
  .om-nc .nc-R .nc-RB .ncR-info {
    padding: 10px 10px;
  }

  .om-nc .nc-L .ncL-info .desc,
  .om-nc .nc-R .ncR-info .desc {
    -webkit-line-clamp: 2;
  }

  .vr-item {
    height: 211px;
  }

  .vr-item .img-wrap {
    height: 160px;
  }

  .vr-item .title {
    height: 50px;
  }

  .vr-item .title .inner {
    color: #333;
  }

  .banner-shortcut {
    height: 110px;
  }

  .banner-shortcut .bs {
    height: 110px;
    padding: 10px 10px 0 10px;
  }

  .banner-shortcut .bs .desc {
    font-size: 15px;
  }

  .om-footer .footer-body .footer-links .fl-L .fl-li .type {
    font-size: 13px;
  }


  .om-footer .footer-body .footer-links .fl-M {
    padding-right: 10px;
  }

  .om-footer .footer-body .footer-links .fl-L .fl-li .desc li {
    font-size: 12px;
  }

  .om-footer .footer-body .footer-links .fl-M .fm-li .type{
    font-size: 13px;
  }

  .om-footer .footer-body .footer-links .fl-M .fm-li .desc li {
    font-size: 12px;
  }

  .om-footer .footer-body .footer-links .fl-R .fr-li .type {
    font-size: 13px;
  }

  .cd-box,
  .cd-box img {
    height: 240px;
  }

  .pm-cell {
    height: 400px;
    margin-bottom: 25px;
    padding: 15px 20px 15px 20px;
  }

  .pm-cell .t3 {
    height: 170px;
  }

  .pm-cell .t2 {
    line-height: 25px;
  }

  .pm-cell .know-more {
    left: 20px;
    bottom: 20px;
  }

  .na-box {
    height: 280px;
    margin-bottom: 25px;
  }

  .na-box img {
    height: 180px;
  }

  .na-box .t1 {
    margin-bottom: 5px;
    font-size: 14px;
  }

  .na-box .t4 {
    line-height: 20px;
    font-size: 12px;
  }

  .nsc-box {
    height: 300px;
  }

  .p-box .pb-R {
    padding-left: 10px;
  }

  .p-box .pb-R .time-limit,
  .p-box .pb-R .more-care {
    left: 10px;
  }

  .shop-flow .sf + .sf {
    margin-left: 30px;
  }

  .shop-flow .sf + .sf::before {
    width: 65px;
  }

  .shop-flow .sf + .sf::after {
    right: 90px;
  }


  .forum-new .fn-banner .qa-wrap {
    bottom: 60px;
  }

  .questionnaire-wrap {
    height: 500px;
    margin: 0 auto 400px;
    padding: 90px 0 0 130px;
  }

  .questionnaire-wrap .q-form {
    width: 455px;
    padding: 25px 25px 25px 25px;
    left: 520px;
  }

  .ibox {
    height: 500px;
  }

  .ibox a.img-a {
    height: 162px;
    margin: 0 auto 20px;
  }

  .rs-tech .rst-L {
    padding: 20px 35px 0 35px;
  }

  .rs-tech .rst-L .mark {
    width: 120px;
    height: 32px;
    margin: 5px auto 0;
  }

  .rs-honor .rsh-L .title {
    margin-bottom: 30px;
    line-height: 30px;
    font-size: 24px;
  }

  .rs-honor .rsh-L .desc {
    margin-bottom: 10px;
    line-height: 30px;
    font-size: 16px;
  }

  .rs-honor .rsh-L .brand {
    width: 100%;
    height: 383px;
  }

  .rs-strength {
    height: 820px;
  }

  .rs-strength .swiper-wrapper {
    height: 720px;
  }

  .rs-strength .swiper-wrapper .swiper-slide .box img {
    width: 185px;
    height: 257px;
  }

  .rs-strength .swiper-wrapper .swiper-slide .box .bottom {
    height: 180px;
    padding: 100px 5px 0 5px;
  }

  .rsc-vision {
    height: 435px;
  }

  .rsc-vision .rsc-v-R .t1 {
    font-size: 32px;
  }

  .rsc-vision .rsc-v-R .t2 {
    font-size: 13px;
  }

  .rsc-vision2 {
    height: 420px;
  }

  .rsc-vision2 .rsc-v-L .t1 {
    font-size: 32px;
  }

  .rsc-partner {
    height: 365px;
    border: 1px solid #707070;
  }

  .rsc-partner .rsc-p-L {
    height: 363px;
    /*padding: 60px 35px 0 35px;*/
  }

  .rsc-partner .rsc-p-R {
    height: 363px;
  }

  .product-category-zone .pcz-R .big-type .bt-L {
    padding: 20px 10px 0 10px;
  }

  .product-category-zone .pcz-R .big-type .bt-L .desc {
    line-height: 20px;
    font-size: 16px;
  }

  .product-category-zone .pcz-R .pcz-box {
    height: 200px;
  }

  .product-screen-wrap .ps-R .ps-box-wrap .ps-box {
    height: 250px;
  }

  .coupon-box img {
    height: 200px;
  }


  .coupon-wrap .cw .t1 {
    height: 60px;
    font-size: 55px;
    top: 80px;
  }

  .coupon-wrap .cw .t2 {
    font-size: 18px;
    top: 147px;
  }

  .coupon-wrap .cw .get-now {
    font-size: 20px;
    top: 212px;
  }

  .coupon-box {
    height: 300px;
  }

  .coupon-box .new {
    left: 15px;
  }

  .coupon-box .heart {
    right: 15px;
  }

  .coupon-box .stack {
    left: 15px;
    bottom: 20px;
  }

  .coupon-box .sm {
    bottom: 17px;
    left: 38px;
  }

  .coupon-box .exchange {
    width: 70px;
    right: 15px;
    bottom: 17px;
  }

  .om-nc-mobile {
    display: none;
  }

  .service-center-wrap .sc + .sc {
    margin-left: 3%;
  }

  .about-us-wrap .ijump + .ijump {
    margin-left: 5%;
  }

  .om-swiper .swiper-wrapper .swiper-slide .box .jump {
    position: absolute;
    bottom: 60px;
    right: 240px;
  }

  .r-welfare .rw .desc {
    font-size: 10px;
  }

}


/*大屏幕   w >= 1401  && w<1520*/
@media screen and  (min-width: 1401px) and (max-width: 1520px) {

  .container {
    width: 1320px;
    /* background-color: pink; */
  }

  .header-nav .nav-no-hover .nav-left a {
    margin-right: 40px;
  }

  .header-nav .nav-no-hover .nav-right .search-box {
    width: 150px;
  }

  .om-top .navbar .bonus-point-mall {
    margin-left: 5px;
  }

  .header-nav .nav-no-hover .nav-right .login-and-register {
    padding: 0 5px;
  }

  .header-nav .nav-no-hover .nav-right .language {
    margin: 0px 0px;
  }

  .om-top .navbar-brand {
    margin-left: 10px;
    margin-right: 10px;
  }

  .new-swiper {
    height: 650px;
  }

  .om-swiper {
    height: 450px;
  }

  .om-swiper .swiper-wrapper .swiper-slide {
    padding: 100px 100px 0 100px;
  }

  .om-swiper .swiper-wrapper .swiper-slide .box .jump {
    position: absolute;
    bottom: 60px;
    left: 40px;
  }

  .om-no-border,
  .om-border,
  .om-gray-center,
  .om-white-center,
  .new-product-notice,
  .om-product-category,
  .om-news-center,
  .om-video-resource,
  .banner-shortcut,
  .om-footer .footer-body,
  .about-us-wrap,
  .service-center-wrap,
  .x-navigation,
  .form-tab,
  .score-mall {
    width: 1320px;
  }

  .pc-item .inner-box {
    height: 300px;
  }

  .pc-item .inner-box .title .t-L {
    height: 30px;
    line-height: 30px;
    font-size: 20px;
  }

  .pc-item .inner-box .img-wrap {
    height: 182px;
  }

  .om-nc .nc-L {
    width: 329px;
    height: 380px;
  }

  .om-nc .nc-R {
    width: calc(100% - 342px);
    min-height: 380px;
    margin-left: 12px;
  }

  .om-nc .nc-R .nc-RT,
  .om-nc .nc-R .nc-RB {
    height: 185px;
  }

  .om-nc .nc-R .nc-RT {
    margin-bottom: 12px;
  }

  .om-nc .nc-L .img-a {
    height: 185px;
  }

  .om-nc .nc-R .nc-RT .img-a,
  .om-nc .nc-R .nc-RB .img-a {
    width: 329px;
    height: 185px;
  }

  .om-nc .nc-L .ncL-info {
    height: 195px;
    padding: 10px 10px;
  }

  .om-nc .nc-R .nc-RT .ncR-info,
  .om-nc .nc-R .nc-RB .ncR-info {
    padding: 10px 10px;
  }

  .om-nc .nc-L .ncL-info .desc,
  .om-nc .nc-R .ncR-info .desc {
    -webkit-line-clamp: 2;
  }

  .vr-item {
    height: 211px;
  }

  .vr-item .img-wrap {
    height: 160px;
  }

  .vr-item .title {
    height: 50px;
  }

  .vr-item .title .inner {
    color: #333;
  }

  .banner-shortcut {
    height: 110px;
  }

  .banner-shortcut .bs {
    height: 110px;
    padding: 10px 10px 0 10px;
  }

  .banner-shortcut .bs .desc {
    font-size: 15px;
  }


  .om-footer .footer-body .footer-links .fl-M {
    padding-right: 10px;
  }

  .cd-box,
  .cd-box img {
    height: 240px;
  }

  .pm-cell {
    height: 400px;
    margin-bottom: 25px;
    padding: 15px 20px 15px 20px;
  }

  .pm-cell .t3 {
    height: 170px;
  }

  .pm-cell .t2 {
    line-height: 25px;
  }

  .pm-cell .know-more {
    left: 20px;
    bottom: 20px;
  }

  .na-box {
    height: 280px;
    margin-bottom: 25px;
  }

  .na-box img {
    height: 180px;
  }

  .na-box .t1 {
    margin-bottom: 5px;
    font-size: 16px;
  }

  .na-box .t4 {
    line-height: 20px;
    font-size: 12px;
  }

  .nsc-box {
    height: 300px;
  }

  .p-box .pb-R {
    padding-left: 10px;
  }

  .p-box .pb-R .time-limit,
  .p-box .pb-R .more-care {
    left: 10px;
  }

  .shop-flow .sf + .sf {
    margin-left: 30px;
  }

  .shop-flow .sf + .sf::before {
    width: 65px;
  }

  .shop-flow .sf + .sf::after {
    right: 90px;
  }


  .forum-new .fn-banner .qa-wrap {
    bottom: 60px;
  }

  .questionnaire-wrap {
    height: 500px;
    margin: 0 auto 400px;
    padding: 90px 0 0 130px;
  }

  .questionnaire-wrap .q-form {
    width: 455px;
    padding: 25px 25px 25px 25px;
    left: 520px;
  }

  .ibox {
    height: 500px;
  }

  .ibox a.img-a {
    height: 162px;
    margin: 0 auto 20px;
  }

  .rs-tech .rst-L {
    padding: 20px 35px 0 35px;
  }

  .rs-tech .rst-L .mark {
    width: 120px;
    height: 32px;
    margin: 5px auto 0;
  }

  .rs-honor .rsh-L .title {
    margin-bottom: 30px;
    line-height: 30px;
    font-size: 24px;
  }

  .rs-honor .rsh-L .desc {
    margin-bottom: 10px;
    line-height: 30px;
    font-size: 16px;
  }

  .rs-honor .rsh-L .brand {
    width: 100%;
    height: 383px;
  }

  .rs-strength {
    height: 820px;
  }

  .rs-strength .swiper-wrapper {
    height: 720px;
  }

  .rs-strength .swiper-wrapper .swiper-slide .box img {
    width: 185px;
    height: 257px;
  }

  .rs-strength .swiper-wrapper .swiper-slide .box .bottom {
    height: 180px;
    padding: 100px 5px 0 5px;
  }

  .rsc-vision {
    height: 435px;
  }

  .rsc-vision .rsc-v-R .t1 {
    font-size: 32px;
  }

  .rsc-vision .rsc-v-R .t2 {
    font-size: 13px;
  }

  .rsc-vision2 {
    height: 420px;
  }

  .rsc-vision2 .rsc-v-L .t1 {
    font-size: 32px;
  }

  .rsc-partner {
    height: 365px;
    border: 1px solid #707070;
  }

  .rsc-partner .rsc-p-L {
    height: 363px;
    /*padding: 90px 35px 0 35px;*/
  }

  .rsc-partner .rsc-p-R {
    height: 363px;
  }

  .product-category-zone .pcz-R .big-type .bt-L {
    padding: 20px 10px 0 10px;
  }

  .product-category-zone .pcz-R .big-type .bt-L .desc {
    line-height: 20px;
    font-size: 16px;
  }

  .product-category-zone .pcz-R .pcz-box {
    min-height: 200px;
  }

  .product-screen-wrap .ps-R .ps-box-wrap .ps-box {
    height: 250px;
  }

  .coupon-box img {
    height: 200px;
  }


  .coupon-wrap .cw .t1 {
    height: 60px;
    font-size: 55px;
    top: 80px;
  }

  .coupon-wrap .cw .t2 {
    font-size: 18px;
    top: 147px;
  }

  .coupon-wrap .cw .get-now {
    font-size: 20px;
    top: 212px;
  }

  .coupon-box {
    height: 300px;
  }

  .coupon-box .new {
    left: 15px;
  }

  .coupon-box .heart {
    right: 15px;
  }

  .coupon-box .stack {
    left: 15px;
    bottom: 20px;
  }

  .coupon-box .sm {
    bottom: 17px;
    left: 38px;
  }

  .coupon-box .exchange {
    width: 70px;
    right: 15px;
    bottom: 17px;
  }

  .om-nc-mobile {
    display: none;
  }

  .service-center-wrap .sc + .sc {
    margin-left: 5%;
  }

  .about-us-wrap .ijump + .ijump {
    margin-left: 5%;
  }

  .om-top .navbar-brand {
    margin-left: 10px;
    margin-right: 20px;
  }

  .om-nc-mobile {
    display: none;
  }


}

@media screen and  (min-width: 1521px) {
  .container {
    width: 1420px;
    /* background-color: pink; */
  }

  .om-no-border,
  .om-border,
  .om-gray-center,
  .om-white-center,
  .new-product-notice,
  .om-product-category,
  .om-news-center,
  .om-video-resource,
  .banner-shortcut,
  .om-footer .footer-body,
  .about-us-wrap,
  .service-center-wrap,
  .x-navigation,
  .form-tab,
  .score-mall {
    width: 1420px;
  }

  .om-swiper .swiper-wrapper .swiper-slide .box .jump {
    position: absolute;
    bottom: 60px;
    right: 40px;
  }

  .header-nav .nav-no-hover .nav-left a {
    margin-right: 10px;
  }
  
  .product-screen-wrap .ps-R .ps-box-wrap .ps-box {
    height: 320px;
	}

}