@font-face {
  font-family: "iconfont";
  src: url("//style.ecerimg.com/res/fonts/iconfont.eot?t=1591084676766"); /* IE9 */
  src: url("//style.ecerimg.com/res/fonts/iconfont.eot?t=1591084676766#iefix") format("embedded-opentype"),
    /* IE6-IE8 */
      url("data:application/x-font-woff2;charset=utf-8;base64,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")
      format("woff2"),
    url("//style.ecerimg.com/res/fonts/iconfont.woff?t=1591084676766") format("woff"),
    url("//style.ecerimg.com/res/fonts/iconfont.ttf?t=1591084676766") format("truetype"),
    /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
      url("//style.ecerimg.com/res/fonts/iconfont.svg?t=1591084676766#iconfont") format("svg"); /* iOS 4.1- */
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.iconclose:before {
  content: "\e688";
}

.iconup:before {
  content: "\e68c";
}

.iconmenu:before {
  content: "\e681";
}

.iconmore:before {
  content: "\e684";
}

.iconback:before {
  content: "\e687";
}

.icondel:before {
  content: "\e689";
}

.icondown:before {
  content: "\e68a";
}

.iconsearch:before {
  content: "\e6be";
}

.iconrfq:before {
  content: "\e6c1";
}

.iconnext:before {
  content: "\e6c2";
}

.iconhot:before {
  content: "\e6f4";
}

.iconfree_mob:before {
  content: "\e70d";
}

.iconmenu_aboutecer:before {
  content: "\e70f";
}

.iconmenu_ipr:before {
  content: "\e710";
}

.iconmenu_sell:before {
  content: "\e711";
}

.iconmenu_fraud:before {
  content: "\e712";
}

.iconmenu_tradeservice:before {
  content: "\e714";
}

.iconmenu_buyer:before {
  content: "\e715";
}

.iconmenu_usercenter:before {
  content: "\e716";
}

.iconmenu_home:before {
  content: "\e717";
}

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;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
}

ul,
ol {
  list-style: none;
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

fieldset,
img {
  border: 0;
}
button,
input,
select,
textarea {
  font-size: 100%;
}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}
.clearfix {
  *zoom: 1;
}
a {
  color: inherit;
  text-decoration: none;
  display: block;
  border: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-user-select: none;
  -moz-user-focus: none;
  -moz-user-select: none;
}
a,
a:hover,
a:active,
a:visited,
a:link,
a:focus {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  outline: none;
  background: none;
  text-decoration: none;
}
::selection {
  background: #fff;
  color: #333;
}
::-moz-selection {
  background: #fff;
  color: #333;
}
::-webkit-selection {
  background: #fff;
  color: #333;
}
img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
  overflow: hidden;
}
html,
body {
  user-select: none;
  width: 100%;
  height: 100%;
  font-size: 48px;
  background: rgba(248, 248, 248, 1);
}
.uc-nav-cont .pc-nav .nav-r-cont .r-cont li svg {
  top: 8px !important;
  margin-top: 0px !important;
}
.uc-nav-cont .pc-nav .nav-r-cont .r-cont li .user-icon {
  right: 20px !important;
}
body {
  font-size: 8px;
}
.main_menu {
  width: 100%;
  height: 45px;
  overflow: hidden;
  position: relative;
}
.header {
  position: fixed;
  background: #fff;
  width: 100%;
  top: 0;
  transition: all 300ms linear;
  transition: top 0.5s;
  -moz-transition: top 0.5s;
  -webkit-transition: top 0.5s;
  -o-transition: top 0.5s;
  z-index: 100;
  box-shadow: 0 0 4px #aaa;
}
.headerShow {
  top: -0.78rem;
}
.main_menu .logo {
  width: 1.3958rem;
  height: 0.4167rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.main_search {
  height: 55px;
  padding: 0 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 0.1667rem;
  box-sizing: border-box;
}
.main_search .search {
  flex: 1;
  height: 0.8333rem;
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 0.0208rem 0.0833rem 0px rgba(0, 0, 0, 0.32);
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
}
.main_search .search input {
  height: 0.75rem;
  border: none;
  outline: none;
  font-size: 0.2917rem;
  width: 3.5417rem;
  margin-left: 0.2083rem;
  background: #fff;
}
.main_search .search .search_btn {
  flex-shrink: 0;
  width: 1.4167rem;
  height: 0.75rem;
  background: rgba(60, 168, 96, 1);
  box-shadow: 0px 0.0208rem 0.0625rem 0px rgba(0, 0, 0, 0.32);
  border-radius: 0.5rem;
  margin-right: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main_search .search .search_btn i {
  font-size: 0.5rem;
  color: #fff;
}
.main_search .menu {
  font-size: 0.5rem;
  margin-left: 0.1667rem;
  color: #555;
}
.main-bg {
  height: 6.6667rem;
  background: #eee url("/mres/images/home_bg_banner_mob.jpg")
    no-repeat center;
  background-size: cover;
  margin-top: 100px;
  position: relative;
}
.main-bg .top {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 159px;
  height: 29px;
  background-image: url("/mres/images/spirit_home_mob.png");
  background-size: 400px 400px;
  background-position: -10px -10px;
}
.main-bg .h2 {
  position: absolute;
  top: 1.0417rem;
  font-size: 0.4167rem;
  font-weight: bold;
  color: rgba(255, 255, 255, 1);
  line-height: 0.5rem;
  text-shadow: 0px 0.0208rem 0.0417rem rgba(0, 0, 0, 0.6);
  width: 100%;
  text-align: center;
}
.main-bg .list {
  position: absolute;
  top: 1.875rem;
  display: flex;
  padding: 0 10px;
  width: 100%;
  box-sizing: border-box;
  justify-content: space-around;
}
.main-bg .list li {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
}
.main-bg .list li p {
  font-size: 0.25rem;
  font-weight: bold;
  color: rgba(255, 255, 255, 1);
  line-height: 0.25rem;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
  white-space: nowrap;
  width: 100%;
  text-align: center;
}
.main-bg .list li:last-child p:last-child {
  margin-left: -34px;
}
.main-bg .list li .first {
  margin-top: 8px;
  margin-bottom: 3px;
}
.main-bg .list li .img {
  width: 48px;
  height: 48px;
  background: linear-gradient(
    135deg,
    rgba(255, 189, 98, 1) 0%,
    rgba(255, 94, 94, 1) 100%
  );
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
  background-image: url("/mres/images/spirit_home_mob.png");
  background-size: 400px 400px;
}
.main-bg .list li:nth-child(1) .img {
  background-position: -11px -50px;
}
.main-bg .list li:nth-child(2) .img {
  background-position: -69px -50px;
}
.main-bg .list li:nth-child(3) .img {
  background-position: -127px -50px;
}
.main-bg .list li:nth-child(4) .img {
  background-position: -185px -50px;
}
.main-bg .item {
  display: flex;
  position: absolute;
  height: 2.3958rem;
  padding-left: 16px;
  top: 4.0417rem;
  overflow-x: scroll;
  width: 100%;
  box-sizing: border-box;
}
.main-bg .item li {
  width: 1.6667rem;
  flex-shrink: 0;
  height: 100%;
  background: rgba(255, 255, 255, 1);
  border-radius: 0.0833rem;
  margin-right: 0.1667rem;
}
.main-bg .item li:last-child {
  margin-right: 16px;
}
.main-bg .item li:active {
  background: #eee;
}
.main-bg .item li .img {
  width: 1rem;
  height: 1rem;
  margin: 0 auto;
  margin-top: 0.1667rem;
  position: relative;
  overflow: hidden;
}
.main-bg .item li .img img {
  max-width: 100%;
  max-height: 100%;
}
.main-bg .item li p {
  font-size: 0.2083rem;
  font-weight: 400;
  color: rgba(17, 17, 17, 1);
  line-height: 0.3333rem;
  width: 1.6667rem;
  text-align: center;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  box-sizing: border-box;
}
.main-bg .item li p.first {
  margin-top: 0.125rem;
}
.main-bg .item li .num {
  display: flex;
  margin-top: 0.0833rem;
  height: 0.25rem;
  justify-content: center;
  align-items: center;
}
.main-bg .item li .num .huo {
  width: 0.2917rem;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main-bg .item li .num .huo i {
  color: rgb(255, 3, 0);
}
.main-bg .item li .num .n {
  font-size: 0.2083rem;
  font-weight: 400;
  color: #555;
  line-height: 0.25rem;
}
.section_cord {
  width: 100%;
  height: 3.6458rem;
  box-sizing: border-box;
  padding: 0.4167rem 0 0rem 0rem;
}
.section_cord .cord_item {
  display: flex;
  overflow: hidden;
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.16);
  background: linear-gradient(
    rgba(240, 240, 240, 1) 95%,
    rgba(226, 226, 226, 1) 100%
  );
}
.section_cord .cord:first-child {
  background-image: url("/mres/images/home_img_left_mob.webp");
  margin-left: 16px;
}
.section_cord .cord:last-child {
  background-image: url("/mres/images/home_img_right_mob.webp");
  margin-right: 16px;
}
.section_cord .cord {
  flex-shrink: 0;
  width: 7.1458rem;
  height: 3.0833rem;
  border-radius: 0.125rem;
  margin-right: 0.1667rem;
  background-size: 100% 100%;
  position: relative;
}
.section_cord .cord p {
  width: 4.75rem;
  font-weight: bold;
  color: rgba(255, 255, 255, 1);
  font-size: 0.25rem;
  line-height: 0.3333rem;
  position: absolute;
  left: 0.25rem;
  bottom: 0.8125rem;
}
.section_cord .cord .btn {
  background: rgba(255, 255, 255, 1);
  border-radius: 0.2292rem;
  font-size: 0.2083rem;
  font-weight: bold;
  color: rgba(255, 100, 94, 1);
  line-height: 0.2292rem;
  text-shadow: 0px 0.0833rem 0.3333rem rgba(0, 0, 0, 0.16);
  text-align: center;
  width: 1.875rem;
  height: 0.5rem;
  line-height: 0.5rem;
  text-align: center;
  display: inline-block;
  position: absolute;
  left: 0.25rem;
  bottom: 0.1667rem;
  box-shadow: 0px 0.0833rem 0.3333rem 0px rgba(0, 0, 0, 0.16),
    0px 0.0417rem 0.125rem 0px rgba(255, 100, 94, 0.6);
}
.section_cord .cord .btn:active {
  filter: grayscale(50%);
  box-shadow: none !important;
}
.section_cord .cord:last-child .btn {
  color: #2665d8;
  box-shadow: 0px 0.0833rem 0.3333rem 0px rgba(0, 0, 0, 0.16),
    0px 0.0417rem 0.125rem 0px rgba(38, 101, 206, 0.6);
}
.section_cord .cord .free {
  width: 66px;
  height: 24px;
  background: rgba(60, 168, 96, 1);
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.16);
  border-radius: 70px 0px 0px 70px;
  position: absolute;
  right: 0;
  top: 0.1667rem;
  background: url("/mres/images/spirit_home_mob.png");
  background-size: 400px 400px;
  background-position: -180px -10px;
}
.product_item_scroll .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
}
.product_item_scroll .top .h2 {
  font-size: 0.3333rem;
  font-weight: bold;
  color: rgba(17, 17, 17, 1);
  line-height: 0.3958rem;
}
.product_item_scroll .top .all {
  width: 2.0833rem;
  height: 0.5rem;
  background: #ddd;
  border-radius: 0.25rem;
  font-size: 0.25rem;
  font-weight: 600;
  color: rgba(60, 168, 96, 1);
  text-align: center;
  line-height: 0.5rem;
}
.product_item_scroll .top .all:active {
  color: rgb(53, 177, 94);
  background: #ddd;
}
.product_item_scroll .item {
  display: flex;
  flex-direction: column;
  padding-left: 0.3333rem;
  overflow: hidden;
}
.product_item_scroll .item .li {
  flex-shrink: 0;
  height: 2.25rem;
  display: flex;
  margin-bottom: 0.1667rem;
}
.product_item_scroll .item .li:last-child {
  margin: 0;
}
.product_item_scroll .item .li ul {
  display: flex;
}
.product_item_scroll .item .li li {
  width: 340px;
  height: 100%;
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 0.0208rem 0.0833rem 0px rgba(0, 0, 0, 0.12);
  border-radius: 0.0833rem;
  border: 1px solid rgba(221, 221, 221, 1);
  margin-right: 8px;
  box-sizing: border-box;
}
.product_item_scroll .item .li li:last-child {
  margin-right: 16px;
}
.product_item_scroll .item .li li .top {
  font-size: 0.25rem;
  font-weight: bold;
  color: rgba(17, 17, 17, 1);
  line-height: 0.2917rem;
  padding-left: 0;
  padding: 0.2292rem 0;
  padding-right: 0.3542rem;
  margin-left: 0.25rem;
}
.product_item_scroll .item .li li .top:active {
  color: rgba(60, 168, 96, 1);
}
.product_item_scroll .item .li li .p_f {
  display: flex;
  margin-left: 0.25rem;
}
.product_item_scroll .item .li li .top i {
  font-size: 0.4167rem;
}
.product_item_scroll .item .li li .product {
  height: 1.25rem;
  width: 50%;
  display: flex;
}
.product_item_scroll .item .li li .product .igm {
  width: 1.25rem;
  height: 1.25rem;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.product_item_scroll .item .li li .product .igm img {
  max-width: 100%;
  max-height: 100%;
}
.product_item_scroll .item .li li .product .p {
  width: 1.9167rem;
  height: 100%;
  font-size: 0.25rem;
  font-weight: 400;
  color: rgba(68, 68, 68, 1);
  line-height: 0.3125rem;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  margin-left: 0.0833rem;
}
.product_item_scroll .item .li li .product .p:active a {
  color: rgba(60, 168, 96, 1);
}
.product_item {
  padding: 22px 16px 26px 16px;
}
.product_item .h2 {
  font-size: 0.3333rem;
  font-weight: bold;
  color: rgba(17, 17, 17, 1);
  line-height: 0.3958rem;
  margin-bottom: 0.25rem;
}
.product_item .ul {
  width: 100%;
}
.product_item .ul .li {
  width: 100%;
  margin-bottom: 0.1667rem;
}
.product_item .ul .li ul {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.product_item .ul .li ul a {
  width: 31%;
  height: 4.0833rem;
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  border: 1px solid rgba(221, 221, 221, 1);
}
.product_item .ul .li ul a:active {
  background: #eee;
}
.product_item .ul .li ul a .img {
  width: 1.9375rem;
  height: 1.9375rem;
  margin: 0.1667rem auto;
  margin-bottom: 0.125rem;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.product_item .ul .li ul a .img img {
  max-width: 100%;
  max-height: 100%;
}
.product_item .ul .li ul a .p {
  font-size: 0.2083rem;
  font-weight: 400;
  color: rgba(17, 17, 17, 1);
  margin: 0 0.1667rem;
  line-height: 0.25rem;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  word-break: break-all;
  min-height: 0.75rem;
}
.product_item .money {
  margin: 0 0.1667rem;
  height: 16px;
  display: flex;
  align-items: center;
  margin-top: 0.125rem;
  margin-bottom: 0.0833rem;
  overflow: hidden;
}
.product_item .money span:first-child {
  font-size: 0.25rem;
  font-weight: bold;
  color: #ff5a00;
  line-height: 0.3333rem;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.product_item .money span:last-child {
  font-size: 0.1875rem;
  font-weight: 400;
  color: #555;
  line-height: 0.2292rem;
}
.product_item .time {
  font-size: 0.2083rem;
  font-weight: 400;
  color: #555;
  line-height: 0.25rem;
  margin: 0 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.product_item .show {
  width: 2.0417rem;
  height: 0.5rem;
  background: #ddd;
  border-radius: 0.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  float: right;
  margin-top: 0.0833rem;
  margin-right: 0.3333rem;
}
.product_item .show:active {
  background: #ddd;
}
.product_item .show:active span,
.product_item .show:active i {
  color: rgb(56, 161, 91);
}
.product_item .show span {
  font-size: 0.25rem;
  font-weight: 600;
  color: rgba(60, 168, 96, 1);
  line-height: 0.2917rem;
}
.product_item .show i {
  color: rgba(60, 168, 96, 1);
  transition: all 300ms linear;
  font-size: 12px;
  margin-top: 3px;
}
.Request_quotation {
  padding: 0 18px;
}
.Request_quotation .info {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}
.Request_quotation .info i {
  color: #ff8539;
}
.Request_quotation .info p {
  font-size: 0.3333rem;
  font-weight: bold;
  color: rgba(17, 17, 17, 1);
  line-height: 0.3958rem;
  margin-left: 8px;
}
.Request_quotation .btn {
  width: 3.0833rem;
  height: 0.5833rem;
  background: #ddd;
  border-radius: 0.0417rem;
  line-height: 0.5833rem;
  margin: 0 auto;
  text-align: center;
  font-size: 0.25rem;
  font-weight: bold;
  color: #ff5a00;
  margin-top: 0.1667rem;
}
.Request_quotation .btn:active {
  background: #aaa;
}
.Recommond_Suppliers {
  padding-top: 0.6667rem;
}
.Recommond_Suppliers .top {
  padding: 0 16px;
  margin-bottom: 0.25rem;
}
.Recommond_Suppliers .item .li {
  height: 2rem;
}
.Recommond_Suppliers .item .li li {
  box-sizing: border-box;
  padding: 0.1667rem;
  display: flex;
  padding-left: 0;
}
.Recommond_Suppliers .item .li li .img {
  width: 2.3333rem;
  height: 1.6667rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin-right: 0.1667rem;
  margin-left: 0.1667rem;
  overflow: hidden;
}
.Recommond_Suppliers .item .li li .img img {
  max-width: 100%;
}
.Recommond_Suppliers .item .li li .info {
  width: 4.3125rem;
}
.Recommond_Suppliers .item .li li .info p {
  font-size: 10px;
  font-weight: 400;
  color: rgba(17, 17, 17, 1);
  line-height: 0.2917rem;
  display: flex;
  height: 20px;
}
.Recommond_Suppliers .item .li li .info p a {
  flex-shrink: 0;
  padding: 0 0.1667rem;
  background: rgba(238, 238, 238, 1);
  border-radius: 2px;
  margin-right: 0.1667rem;
  display: none;
  line-height: 20px;
  overflow: hidden;
  max-width: 100%;
  box-sizing: border-box;
}
.Recommond_Suppliers .item .li li .info p a {
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.Recommond_Suppliers .item .li li .info p a:nth-child(1),
.Recommond_Suppliers .item .li li .info p a:nth-child(2) {
  display: block;
  max-width: 90px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.Recommond_Suppliers .item .li li .info p a:active {
  background: #ddd;
}
.Recommond_Suppliers .item .li li .info .h2 {
  margin-top: 0.0833rem;
  font-size: 10px;
  font-weight: 400;
  color: rgba(17, 17, 17, 1);
  line-height: 0.2917rem;
  display: flex;
  min-height: 30px;
  text-overflow: ellipsis;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
.Recommond_Suppliers .item .li li .info .h2:active {
  color: rgba(60, 168, 96, 1);
}
.Recommond_Suppliers li .icon {
  margin-top: 0.1667rem;
  display: flex;
  align-items: center;
}
.Recommond_Suppliers li .icon .num {
  padding: 0 0.125rem;
  line-height: 18px;
  background: rgba(238, 238, 238, 1);
  border-radius: 0.1667rem;
  margin-right: 8px;
  font-size: 0.2083rem;
  font-weight: 600;
  color: #555;
  position: relative;
  padding-right: 24px;
  height: 0.2917rem;
  line-height: 0.2917rem;
}
.Recommond_Suppliers li .icon .num p {
  font-weight: normal;
  position: absolute;
  top: 1px;
  right: 6px;
  width: 16px;
  height: 10px;
  background: url("/mres/images/spirit_home_mob.png");
  background-size: 400px 400px;
  background-position: -216px -108px;
}
.prosuct_new_arrival li .icon .num p {
  top: 0px;
}
.Recommond_Suppliers li .icon span {
  width: 16px;
  display: inline-block;
  height: 16px;
  margin: 0;
  margin-right: 0.1667rem;
  background: url("/mres/images/spirit_home_mob.png") no-repeat;
  background-size: 400px 400px;
  background-position: -10px -107px;
}
.Recommond_Suppliers li .icon span.xingxing {
  background-position: -35px -107px;
}
.Recommond_Suppliers li .icon span.lvzuan {
  background-position: -61px -107px;
}
.Recommond_Suppliers li .icon span.diqiu {
  background-position: -88px -107px;
}
.Recommond_Suppliers li .icon .icon2 {
  width: 43px;
  height: 19px;
  background: url("/mres/images/spirit_home_mob.png") no-repeat;
  background-size: 400px 400px;
  background-position: -115px -107px;
}
.Recommond_Suppliers li.icon.icon2 {
  width: 43px;
  background: url("./img/spirit_home_mob.png") no-repeat;
  height: 19px;
  background-size: 400px 400px;
  background-position: -113px-107px;
}
.Recommond_Suppliers li.icon.icon2:active {
  background: rgba(238, 238, 238, 1) url("./img/spirit_home_mob.png") no-repeat;
  background-size: 400px 400px;
  background-position: -113px-107px;
  border-radius: 0.1667rem;
}
.Popular_Searches {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  padding: 0;
}
.Popular_Searches .top {
  padding: 0px 16px;
}
.Popular_Searches ul {
  padding: 0px 16px;
  padding-right: 4px;
  display: flex;
  flex-wrap: wrap;
}
.Popular_Searches ul a {
  flex-shrink: 0;
  background: rgba(238, 238, 238, 1);
  padding: 0.1458rem 0.1667rem;
  font-size: 10px;
  display: flex;
  justify-content: center;
  align-content: center;
  font-weight: 400;
  color: rgba(17, 17, 17, 1);
  margin-bottom: 0.1667rem;
  margin-right: 0.1667rem;
}
.Popular_Searches ul a:active {
  background: rgba(234, 252, 240, 1);
  color: rgba(60, 168, 96, 1);
}
.Popular_Searches ul a.on {
  background: rgba(234, 252, 240, 1);
  color: rgba(60, 168, 96, 1);
}
.prosuct_new_arrival {
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.prosuct_new_arrival ul {
  display: flex;
  flex-wrap: wrap;
}
.prosuct_new_arrival ul li {
  flex-shrink: 0;
  width: 47%;
  height: 5.4375rem;
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.12);
  border-radius: 0.0833rem;
  border: 1px solid rgba(221, 221, 221, 1);
  margin-right: 0.1875rem;
  margin-bottom: 0.1667rem;
  box-sizing: border-box;
  padding: 0.1667rem;
}
.prosuct_new_arrival ul li:active {
  background: #eee;
}
.prosuct_new_arrival ul li .img {
  width: 3.1458rem;
  height: 3.1458rem;
  position: relative;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.prosuct_new_arrival ul li .img img {
  max-width: 100%;
  max-height: 100%;
}
.prosuct_new_arrival ul li .p {
  font-size: 0.25rem;
  font-weight: 400;
  color: rgba(17, 17, 17, 1);
  line-height: 0.2917rem;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  margin-top: 6px;
}
.prosuct_new_arrival .show {
  margin-right: 0.3333rem;
  margin-top: 0.0833rem;
  margin-top: 0.1667rem;
}
.prosuct_new_arrival .money {
  margin: 0.0833rem 0;
}
.prosuct_new_arrival .time {
  margin: 0;
  margin-bottom: 6px;
}
.prosuct_new_arrival li .icon {
  margin: 0;
}
.trade_services {
  padding: 0 0 24px 16px;
}
.trade_services ul {
  display: flex;
  flex-wrap: wrap;
}
.trade_services ul a,.trade_services ul li {
  width: 31%;
  height: 2.1667rem;
  background: rgba(255, 255, 255, 1);
  border-radius: 4px;
  margin-right: 0.1667rem;
  margin-bottom: 0.1667rem;
}
.trade_services ul a:active,.trade_services ul li:active {
  background: #eee;
}
.trade_services ul a:active p,.trade_services ul li:active p {
  color: rgba(60, 168, 96, 1);
}
.trade_services ul a .img,.trade_services ul li .img {
  width: 36px;
  height: 36px;
  background: rgba(245, 245, 245, 1);
  margin: 12px 0 8px 12px;
  border-radius: 50%;
  position: relative;
}
.trade_services ul a .img .sp,.trade_services ul li .img .sp {
  width: 100%;
  height: 100%;
  background-image: url("/mres/images/spirit_home_mob.png");
  background-size: 400px 400px;
  background-position: -291px -5px;
}
.trade_services ul a:nth-child(2) .img .sp,.trade_services ul li:nth-child(2) .img .sp {
  background-position: -325px -3px;
}
.trade_services ul a:nth-child(3) .img .sp,.trade_services ul li:nth-child(3) .img .sp {
  background-position: -359px -5px;
}
.trade_services ul a:nth-child(4) .img .sp,.trade_services ul li:nth-child(4) .img .sp {
  background-position: -291px -37px;
}
.trade_services ul a:nth-child(5) .img .sp,.trade_services ul li:nth-child(5) .img .sp {
  background-position: -325px -37px;
}
.trade_services ul a:nth-child(6) .img .sp,.trade_services ul li:nth-child(6) .img .sp {
  background-position: -361px -37px;
}
.Sell_on_Ecer ul a:nth-child(1) .img .sp,.Sell_on_Ecer ul li:nth-child(1) .img .sp {
  background-position: -291px -71px;
}
.Sell_on_Ecer ul a:nth-child(2) .img .sp,.Sell_on_Ecer ul li:nth-child(2) .img .sp {
  background-position: -325px -73px;
}
.Sell_on_Ecer ul a:nth-child(3) .img .sp,.Sell_on_Ecer ul li:nth-child(3) .img .sp {
  background-position: -359px -71px;
}
.Sell_on_Ecer ul a:nth-child(4) .img .sp,.Sell_on_Ecer ul li:nth-child(4) .img .sp {
  background-position: -291px -106px;
}
.Sell_on_Ecer ul a:nth-child(5) .img .sp,.Sell_on_Ecer ul li:nth-child(5) .img .sp {
  background-position: -325px -106px;
}
.Sell_on_Ecer ul a:nth-child(6) .img .sp,.Sell_on_Ecer ul li:nth-child(6) .img .sp {
  background-position: -359px -107px;
}
.trade_services ul a .img .free,.trade_services ul li .img .free {
  position: absolute;
  right: -24px;
  top: -7px;
  width: 24px;
  height: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: rgba(60, 168, 96, 1);
}
.trade_services ul a p,.trade_services ul li p {
  margin: 0 0.25rem;
  font-size: 10px;
  font-weight: 600;
  color: rgba(68, 68, 68, 1);
  line-height: 0.25rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.footer {
  background: rgba(238, 238, 238, 1);
  width: 100%;
  padding-top: 0.25rem;
  padding-bottom: 0.3542rem;
}
.footer p {
  font-size: 12px;
  font-weight: 400;
  color: #555;
  line-height: 22px;
  text-align: center;
}
.footer p {
  display: flex;
  justify-content: center;
  align-items: center;
}
.footer p a {
  color: #555;
  margin: 0 8px;
}
.footer p a:active {
  color: #3ca860;
}
.footer p a i {
  vertical-align: middle;
}
.footer .jing,
.footer .beian {
  width: 18px;
  height: 16px;
  margin-right: 3px;
  background: url("/mres/images/spirit_home_mob.png");
  background-size: 400px 400px;
}
.footer .jing {
  background-position: -163px -107px;
}
.footer .beian {
  background-position: -189px -107px;
}
.footer .beian {
  margin-right: -6px;
}

.menuHide {
  position: fixed;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #fff;
  z-index: 99;
  display: none;
}
.menutop {
  display: flex;
  margin-top: 2.0833rem;
}
.menutop ul {
  margin-left: 9px;
  box-sizing: border-box;
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  margin-right: 9px;
  width: 50%;
}
.menutop ul:last-child {
  margin-left: 0;
}
.menutop ul .li {
  background: rgba(248, 248, 248, 1);
  border-radius: 4px;
  padding: 10px;
  box-sizing: border-box;
  margin-bottom: 8px;
}
.menutop ul .li:active {
  background: rgb(234, 252, 240) !important;
}
.menutop ul li .icimg {
  width: 36px;
  height: 36px;
  background: rgba(255, 255, 255, 1);
  border-radius: 50%;
  margin-right: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.menutop ul li .menu {
  display: flex;
  align-items: center;
  position: relative;
}
.menutop ul li p {
  font-size: 12px;
  font-weight: 600;
  color: rgba(68, 68, 68, 1);
}
.menutop ul li i {
  color: #3ca860;
  font-size: 34px;
}
.menutop ul li .rfq i {
  color: #ff8539;
  font-size: 16px;
}
.menutop ul li .iconuopdown {
  font-size: 16px;
  color: #555;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.menutop ul li .showInfoToggle {
  display: none;
}
.menutop ul li .showInfoToggle ul {
  width: 100%;
  padding-top: 15px;
  margin-top: 8px;
  border-top: 1px solid #dddddd;
}
.menutop ul li .showInfoToggle li {
  font-size: 12px;
  font-weight: 600;
  color: rgba(68, 68, 68, 1);
  line-height: 12px;
  width: 100%;
  padding: 0;
  padding-bottom: 16px;
  background: transparent !important;
}
.menutop ul li .showInfoToggle li.on {
  color: rgba(60, 168, 96, 1);
}
.dialog {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 10000;
  display: none;
}
.dialog .dialog-main {
  position: absolute;
  top: 50%;
  left: 50%;
  box-sizing: border-box;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding: 1.25rem 2rem;
  background: #fff;
  border-radius: 0.1rem;
  -moz-box-shadow: 0 0 1.25rem rgba(0, 0, 0, 0.27);
  -webkit-box-shadow: 0 0 1.25rem rgba(0, 0, 0, 0.27);
  box-shadow: 0 0 1.25rem rgba(0, 0, 0, 0.27);
}
.dialog.video-play .dialog-main {
  width: 92%;
  padding: 0;
  background: transparent;
}
.searchPage {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 103;
  display: none;
}
.wrap-container {
  width: 100%;
  background: #fff;
  position: relative;
}
.search-top {
  width: 100%;
  height: 0.96rem;
  padding: 0 0.24rem;
  box-sizing: border-box;
  border-bottom: 1px solid #afafaf;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
.search-top i {
  font-size: 0.48rem;
  display: inline-block;
}
.search-top input {
  height: 0.8rem;
  width: 76%;
  text-indent: 0.1rem;
  outline: 0;
  border: 0;
  font-size: 0.28rem;
  color: #3ca860;
}
.search-top .icondel {
  color: #ccc;
  position: absolute;
  right: 0.92rem;
  top: 0.22rem;
  font-size: 0.48rem;
}
.search-top .iconsearch {
  color: #3ca860;
  position: absolute;
  right: 0.24rem;
}
.search-top i {
  font-size: 0.48rem;
  display: inline-block;
}
.wrap-container {
  width: 100%;
  background: #fff;
  position: relative;
}
.content-box {
  width: 7.02rem;
  margin: 0 auto;
  box-sizing: border-box;
}
.area-title {
  font-size: 0.32rem;
  font-weight: bold;
  padding: 0.32rem 0;
}
.keyword-list li,
.re-keyword li {
  margin: 0 0.16rem 0.24rem 0;
  display: inline-block;
  background: #eee;
  border-radius: 0.04rem;
  font-size: 0.24rem;
  box-sizing: border-box;
  cursor: pointer;
}
.keyword-list li a,
.re-keyword li a {
  display: inline-block;
  padding: 0.11rem 0.26rem;
}
.key-text {
  color: #555;
}
.area-title {
  font-size: 0.32rem;
  font-weight: bold;
  padding: 0.32rem 0;
}
@media screen and (min-width: 380px) {
  .product_item_scroll .item .li li {
    width: 375px;
  }
}

@media screen and (max-width: 800px) {
  html {
    font-size: 52px;
  }
}
@media screen and (max-width: 375px) {
  html {
    font-size: 48px;
  }
}