@charset 'utf-8';
/* CSS reset */
html {
  color: #666;
  background-color: #fff;
  font-family: Arial, "Microsoft YaHei", "宋体";
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td,
strong {
  padding: 0;
  margin: 0;
  font-family: "Microsoft YaHei", Arial, "宋体";
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset,
img {
  border: 0;
}
a {
  text-decoration: none;
  color: #fff;
  outline: none;
} /*此处待添加默认链接颜色*/
var,
em,
strong {
  font-style: normal;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var,
optgroup {
  font-style: inherit;
  font-weight: inherit;
}
del,
ins {
  text-decoration: none;
}
/*li{list-style:none;}*/
caption,
th {
  text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
q:before,
q:after {
  content: "";
}
abbr,
acronym {
  border: 0;
  font-variant: normal;
}
sup {
  vertical-align: baseline;
}
sub {
  vertical-align: baseline;
}
legend {
  color: #000;
}
input,
button,
textarea,
select,
optgroup,
option {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
}
input,
button,
textarea,
select {
  *font-size: 100%;
}
body {
  -webkit-user-select: none;
  -webkit-text-size-adjust: none;
}
* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.clearfix:after {
  content: "\200B";
  display: block;
  height: 0;
  clear: both;
}
.clearfix {
  *zoom: 1;
}
input[type="button"],
input[type="submit"],
input[type="reset"] {
  -webkit-appearance: none;
  border-radius: 0;
}
html,
body {
  overflow-y: auto;
  width: 100%;
  min-height: 100%;
  scroll-behavior: smooth;
}
.wrap {
  width: 100%;
}
.operation-info > div,
.relative {
  position: relative;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.tc {
  text-align: center;
}
.block {
  display: block;
}
.none {
  display: none;
}
.inline-middle {
  font-size: 0;
  text-align: center;
}
.inline-middle > * {
  display: inline-block;
  vertical-align: middle;
}
.triangle-icon,
.flex {
  display: flex;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.ai {
  align-items: center;
}
.flex-1 {
  flex: 1;
}
.flex-wrap {
  flex-wrap: wrap;
}
.partner-pic .flex-wrap div,
.flex-column {
  flex-flow: column;
}
.flex-stretch {
  align-items: stretch;
}
.flex-ajcenter {
  display: flex;
  align-items: center;
  justify-content: center;
}
.flex-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.nav,
.flex-end {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.home .swiper-container {
  width: 100%;
}

.swiper-container {
  width: 100%;
  height: 100%;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.law .swiper-slide {
  background-color: transparent;
}
.partner-pic > .partner-img,
.col-100 {
  width: 100%;
}
.partner-pic,
.partner-img img,
.width-auto {
  margin: 0 auto;
}
/*header start*/
.mobile-header,
.pc-header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 9999;
  background-color: #fff;
  color: #333;
}
.pc-header {
  height: 100px;
  font-size: 18px;
  line-height: 48px;
}
.mobile-header.active {
  background-color: #0e0706;
}
.partner-img,
.pc-header.active {
  background-color: #fff;
}
.mobile-header.active a,
.pc-header.active a {
  color: #222;
}
.nav a.active {
  color: #4577f7;
}
.nav a:hover,
.active .nav a:hover {
  border-bottom: 1px solid #4577f7;
  color: #4577f7;
}
.pc-header .relative {
  width: 79.17%;
  height: 100px;
  margin: 0 auto;
}
.pc-header a {
  margin: 0 10px;
}
.pc-style .logo {
  width: 162px;
  height: 35px;
  margin-right: 20px;
}
.mobile-style .logo {
  height: 0.54rem;
  margin: 0 2%;
}
.mobile-header {
  height: 1.1rem;
  font-size: 0.35rem;
}
.menu {
  position: fixed;
  left: -100%;
  top: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 99999;
}
.menu-nav {
  width: 86%;
  height: 100vh;
  padding-top: 2.13rem;
  background-color: #fff;
}
.menu-nav a {
  display: block;
  margin: 0 2%;
  padding: 0.13rem 3%;
  border-bottom: 1px solid #e8e8e8;
  line-height: 0.6rem;
  font-size: 0.4rem;
  color: #666;
}
.menu-nav a.active {
  background-color: #e8e8e8;
}
.close {
  display: block;
  height: 0.46rem;
  margin: 0.45rem 3% 0 0;
}
/*语言 start*/
.sel-tit {
  border: 0.0625rem solid #333;
}
.sel-con {
  display: none;
  position: absolute;
  border: solid 1px #6082a8;
  background-color: #fff;
  color: #222;
  z-index: 999;
}

.sel-con div.active {
  color: #4577f7;
}
.sel-con div:hover {
  background-color: #4577f7;
  color: #fff;
}
.menu-icon {
  height: 0.6rem;
  margin-left: 2%;
}
.mobile-header .flex-end {
  margin-right: 0.25rem;
  height: 1.1rem;
}
/*语言 end*/

/*footer start*/
.footer {
  background-color: #fff;
  font-size: 16px;
  color: #666;
}
.footer-list a {
  display: block;
  color: #333;
}
/*footer end*/
/*header end*/
.banner {
  color: #fff;
}
.contact-list a {
  color: #4577f7;
  font-weight: bold;
}
.home-banner h1 {
  color: #00ff6d;
}
.banner h1 {
  font-weight: bold;
  color: #fff;
}
.contact-list h4,
.footer-list h2,
.banner h2 {
  font-weight: bold;
}
.banner-info span {
  background-color: #fff;
}
.partner-box a,
.banner-btn a {
  background-color: #4577f7;
  color: #fff;
}

.banner,
.shopify .shopify-list,
.banner,
.home .banner .swiper-slide {
  background-size: 100% 100% !important;
}
.banner-01 img {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  /* background: url("../images/1_pic1.jpg") no-repeat; */
}
.zindex-2 {
  position: absolute;
  z-index: 2;
}
.banner-02 img {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  /* background: url("../images/1_pic2.jpg") no-repeat; */
}
.amazon-banner img {
  position: absolute;
  z-index: 1;
  width: 100%;
  /* background: url("../images/2_pic1.jpg") no-repeat; */
  /* background-size: 100% 100%; */
}
.tiktok .amazon-banner {
  background: url("../images/3_pic1.jpg") no-repeat;
  background-size: 100% 100%;
}
.shopify .banner {
  background: url("../images/4_pic1.jpg") no-repeat;
}
.news .banner {
  background: url("../images/5_pic1.jpg") no-repeat;
}
.contact .banner {
  background: url("../images/6_pic1.jpg") no-repeat;
}
.law .banner {
  background: url("../images/law_banner.jpg") no-repeat;
}
/*operation start*/
.operation {
  background-color: #fff;
}
.operation a {
  border: solid 2px #7a7a7a;
  border-radius: 20px;
  color: #666;
}
.operation-item img {
  width: 60px;
  height: 60px;
}
.operation-info h2 {
  color: #000;
  font-weight: bold;
}
/*operation  end*/

.partner-box {
  background: #ecedef url("../images/1_pic6.jpg") bottom/100% no-repeat;
  color: #333;
}
.triangle-icon span {
  background: url("../images/icon_arrow.png") no-repeat;
  background-size: 100% 100%;
}
.amazon-list-02 {
  background: url("../images/2_pic6.jpg") no-repeat;
  background-size: 100% 100%;
  color: #fff;
}
.shopify-info h2,
.partner-box a,
.amazon-list-02 h2 {
  display: inline-block;
}
.amazon-list-02 li {
  list-style: none;
}
.contact-title h2,
.footer-list,
.operation-pic p,
.amazon-list-info {
  color: #333;
}
.contact .list,
.news-list a,
.amazon-list-info ol {
  color: #666;
}
.tiktok .tips-info {
  color: #999;
}
.shopify .list,
.bg-gray {
  background-color: #eef1f7;
}

.tiktok .tiktok-video {
  background: url("../images/3_pic9.jpg") no-repeat;
  color: #fff;
}
.shopify .shopify-list {
  background: url("../images/4_pic4.jpg") no-repeat;
  color: #fff;
}
.contact-title {
  /* border-bottom: 1px solid #8b8c92; */
}
.news-list a {
  border-bottom: 1px dashed #8b8c92;
}
.contact .list,
.home-list {
  background-color: #f7f7f7;
}
.law-list a {
  display: inline-block;
}
.partner-img img,
.law-list img {
  display: block;
}
.lang strong {
  font-weight: bold !important;
}
.lang strong {
  font-weight: bold !important;
}