::-webkit-input-placeholder{color: #ccc !important;}
:-moz-placeholder{color: #ccc !important;}
::-moz-placeholder{color: #ccc !important;}
:-ms-input-placeholder{color: #ccc !important;}
.layui-nav .layui-nav-item a{font-size: 1.1rem}
/*.site-header{background: #100f1d}*/
/* Navigation Container */
.site-header {
    line-height: 1;
    overflow: visible;
    padding: 10px 0;
    position: relative;
    z-index: 1000;
}

.site-header .site {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
    padding: 0 20px;
    max-width: 1200px;
    height: auto;
}

/* Navigation List */
.layui-nav {
    background: none;
    margin: 0;
    padding: 0;
    display: flex;
    list-style: none;
    align-items: center;
}

.layui-nav-item {
    position: relative;
    margin: 0 5px;
    line-height: normal;
}

.layui-nav-item > a {
    display: block;
    padding: 15px 12px;
    color: #333;
    text-decoration: none;
    font-size: 1.1rem;
    transition: all 0.3s ease;
}

/* Dropdown Menu */
.layui-nav-child {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    min-width: 200px;
    padding: 10px 0;
    margin: 0;
    background: #0f0f1b;
    border: 1px solid rgba(255,255,255,.2);
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.15);
    z-index: 1001;
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.3s ease;
    pointer-events: none;
}

.layui-nav-item:hover > .layui-nav-child {
    display: block;
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

.layui-nav-child dd,
.layui-nav-child a {
    display: block;
    padding: 8px 20px;
    color: rgba(255,255,255,.7) !important;
    text-decoration: none;
    white-space: nowrap;
    transition: all 0.2s ease;
}

.layui-nav-child a:hover {
    background: rgba(255,255,255,.1);
    color: #fff !important;
    padding-left: 25px;
}

/* Fix for h3 inside nav items */
.layui-nav-item h3 {
    margin: 0;
    line-height: 1.2;
    display: inline-block;
}

.layui-nav-item h3 a {
    padding: 0;
    display: inline;
}

/* Header layout */
.header-left,
.header-right {
    display: flex;
    align-items: center;
}

.menu_nav {
    display: inline-block;
    vertical-align: middle;
}

/* Ensure proper spacing and alignment */
.header-right {
    margin-left: auto;
}

/* Ensure proper dropdown positioning */
.layui-nav-item {
    position: relative;
}

/* Fix for nested dropdowns */
.layui-nav-child {
    margin-top: 0;
}
.layui-nav .layui-nav-child a:hover,.layui-nav .layui-nav-child a:hover,.layui-nav-child dd.layui-this{background: none;}
.layui-nav .layui-this:after, .layui-nav-bar{background: none;}

.menu_nav .layui-nav a:hover,.menu_nav .layui-nav-item a:hover,.menu_nav .layui-nav-item.on>a,
.menu_nav .menu_nav2.layui-nav-item a:hover{color: #666}

.menu_nav .menu_nav2 .layui-nav-child a:hover,.menu_nav .menu_nav2.layui-nav-item.on>a{color: #8CEC7A}
.menu_nav .menu_nav6 .layui-nav  a:hover,.menu_nav .menu_nav6.layui-nav-item a:hover,
.menu_nav .menu_nav6.layui-nav-item.on>a{color: #8CEC7A}
.menu_nav .menu_nav3 .layui-nav  a:hover,.menu_nav .menu_nav3.layui-nav-item a:hover,
.menu_nav .menu_nav3.layui-nav-item.on>a{color: #74ABFD}
.menu_nav .menu_nav5 .layui-nav  a:hover,.menu_nav .menu_nav5.layui-nav-item a:hover,
.menu_nav .menu_nav5.layui-nav-item.on>a{color: #FFBA59}
.menu_nav .menu_nav4 .layui-nav  a:hover,.menu_nav .menu_nav4.layui-nav-item a:hover,
.menu_nav .menu_nav4.layui-nav-item.on>a{color: #ff8076}
.home-headimage-txt .h1 span{color: #FFBA59}

.bgc,.aboutfoot.bgc {
    background: rgb(247, 247, 253); color: inherit;
}
.aboutfoot.bgc h2{color: #337ff0}

/*home*/
.home-headimage-txtup{ margin-bottom: 20px;}
.topsite.hometop .site {
    position: absolute;
    left: 50%;
    margin-left: -650px;
}
.topsite.hometop{
    background: url("../images/homebg.jpg") no-repeat center /cover;
    height:50rem;    position: relative;
}
.home-headimage-photo{position: absolute;
    top: 300px;
    right: 140px;}
.shopifyjiehe h3{font-size: 1.8rem; margin-bottom: 1rem}
.home-headimage-photo img.hometopbanner{width: 27rem;}
.homebanner .startbtn.button1{margin: 0 auto;    width: 180px;
    border-radius: 2rem;background: #3c9f2a;}
.homebanner .startbtn.button1:hover{background: #288617;}
.homebanner .startbtn .more-btn-txt{left: 49%}
.homebanner .startbtn .more-btn-icon{right: 25px;}
.homebanner .startbtn:hover .more-btn-icon{right: 20px;}
.home-headimage-txt .h2 {
    font-size: 1.4rem;
    line-height: 1.6;
    text-align: center;
    margin: 30px auto;
   width: 500px;    font-weight: normal;
}
.home-services-rangewz{ width: 74%;text-align: center;
    margin: 0 auto 5rem}
.home-services-rangewz h2{ margin-bottom: 5rem; font-size: 2rem; line-height: 1.5;   }
.homeservices{position: relative;left:30px;    height: 11rem;}
.homeservices h3{position: absolute;top:-10px;left:-10px; font-size: 2rem; color: #df4c20}
.homeservices3 h3{left:192px; color:#df4c20; top:-10px;}
.homeservices3{left: 0}
.homeservices2 h3{color:#fff; background: #df4c20;
    border-radius: 5rem;
    width: 3rem;
    height: 3rem;
    text-align: center;
    font-size: 1.8rem;
}

.prciebg.abouttop.blogtop .help-top-photowz h2 {
    font-size: 2rem;
}

.automaticwarehouse{color: #fff; text-align: center; margin-top: 4rem;    line-height: 1.6;}
.automaticwarehouse h2{margin-bottom: 1rem; font-size: 2rem}
.automaticwarehouse p{ font-size: 1.4rem}
.home-services-rangewz h1{margin-bottom: 30px;}
.home-services-rangewz p{margin-bottom: 60px;   }
.site img{max-height: 100%}
.hometeam img{    display: block;
    margin: 0 auto;    border-radius: 20px; }
.homefoot .home-services-rangewz p{padding: 0 6rem; margin-bottom: 80px;}
.homefoot .home-services-rangewz h1{padding: 0 3rem}
.hezuo{display: flex; align-items: center;justify-content: space-between;    width: 1200px;
    margin: 0 auto;}
.hezuophoto img{ border-radius: 20px; width: 600px;}
.hezuo p{margin-bottom: 1rem; font-weight: bold;font-size: 1.3rem;}
.hezuo .homestart{ margin: inherit;margin-top: 4rem;   }
.hezuocolor{color: #d91;}


.topsite.topsiteprivacy{  background-image: url("../images/lanzibg.jpg");  height:17rem;
    background-size: cover;background-position: center;}
.topsiteprivacy .bigtitle{color: #fff;
    padding-top: 8rem;}
.policy.p100-0{padding:4rem 0}
.privacymain  .agreement{padding: 0 4rem}
.contacttop h2{margin-bottom: 1rem}
.contacttop h3{text-align: center;font-size: 2rem;    font-weight: normal;}
.contacttitle p{text-align: center;    font-size: 1.6rem; }
.contacttitle .bigtitle{margin-bottom: 1.5rem}
.red{color: #f00}
.contactform{width: 940px; margin: 50px auto 0}
.contactform .layui-form-label{ float: inherit; width: auto; padding-left: 0; text-align: left; font-weight: 600}
.contactform .layui-input-block{margin-left: 0}
.contactform .editflex ul{display: flex}
.contactform .editflex li{flex: 1; margin: 0 10px;}
.messagemr{margin: 0 10px 30px;}
.contactform .layui-input, .contactform .layui-textarea{border-radius: 5px;}
.contactform .layui-input{ height: 44px}
.contactform .layui-textarea{padding: 10px; height: 150px;}
.contactform .submit{text-align: center}
.contactform .submit a{border-radius: 5px;
    padding: 1px 28px;
    height: auto;
    font-size: 1.3rem;
}

.helptop .help-photo-people{background-image: url(../images/greenbg.jpg);
    background-position: center bottom;background-size: cover; height: 305px;
}
.helptop.contacttop .help-photo-people{background-image: url(../images/orangebg.jpg);background-position: center top}
.topsite.blogbg{background-image: url(../images/greenbg.jpg);}
.medialeft{width: 50%;margin-right: 5rem}
.medialeft img{width: 24rem}
.mediaappstore ul{display:flex;flex-flow: row wrap}
.mediaappstore ul li{ flex-basis: calc(25% - 0px);margin:0;    border: 1px solid #ddd;
    padding: 4rem 2rem;    border-right: none; border-bottom: none;
}
.mediaappstore ul li:nth-child(4),.mediaappstore ul li:nth-child(8){border-right: 1px solid #ddd;}
.mediaappstore ul li:nth-child(5),.mediaappstore ul li:nth-child(6),
.mediaappstore ul li:nth-child(7),.mediaappstore ul li:nth-child(8){border-bottom: 1px solid #ddd;}
.mediaappstore ul li:hover{background: #fcd77b;}
.mediaappstore ul li img{ border-radius:1.5rem;    width: 5rem;display: block;
    margin: 0 auto;}
.academyzhuanjia{width: 50%; margin-right: 5rem}
.academyzhuanjia img{border-radius: 1rem}
.academyzhuanjiawz{width: 50%; }

.media{     padding-bottom: 8rem}
.media .mediaappstore{width: 100%}
.media h2{text-align: center; }
.media .footappstore p{display: flex}
.media .footappstore a{flex: 1}
.media .footappstore a img{width: 80px;    border-radius: 10px; opacity: 1 }
.media .home-services-rangewz{margin-bottom: 50px;}
.contactnumber ul{display: flex}
.contactnumber ul li{font-size: 16px;  text-align: center;border-right: 1px solid #d1cece; flex: 1}
.contactnumber ul li:last-child{border-right:none;}
.contactnumber .menu-item-add{margin-bottom: 10px; font-weight: 600;   }
.contactnumber .menu-item-add i{margin-right: 10px;    }
.contactnumber {width: 1200px; margin:70px auto 0;   }
.contactnumber i{background-size: 40px; width: 40px;height: 40px; margin-bottom: 1rem }
.icon-mail{background-image: url("../images/yellow/contacttb1.png");  }
.icon-partner1{background-image: url("../images/yellow/contacttb2.png");}
.icon-WhatsApp{background-image: url("../images/yellow/contacttb3.png");}
.contactnumber a{color: #951f00; font-weight: 600}
.contactnumber a:hover{
    color: #e56400; text-decoration: underline}
.helplist ul li:hover h3{color: #409f2e}
.helpitembk a{font-size: 1.2rem; display: block;background: url("../images/downjt.png") no-repeat right center/24px; }
.helpitembk a:hover{color: #409f2e}
.helptop a:hover .icon-baijt{background-image: url(../images/baijtgreen.png);}
.helptop .helptopheader-right a:hover {color: #409f2e}
.helplist ul li:hover{ border:2px solid #409f2e; }
.blogbg.blogbg{ height:26rem;    padding-top: 5rem;}
.blogbg.blogbg.academytop{height: 31rem;  padding-top: 0}
.blogbg .searchbg{margin-top: 50px;}
.btngreen.btn.btn-primary{background:#409f2e }
.blogbg .layui-input:focus,.searchbg .layui-input:focus{box-shadow: 0 0 5px rgba(0, 0, 0, 0);}

.greencrumb a,.greencrumb span{ color: #409f2e;}
.backgreen.btn.btn-primary,.buttongreen{background:#409f2e;  }
.buttongreen:hover,.backgreen.btn.btn-primary:hover,.btngreen.btn.btn-primary:hover{background:#267916;}
.helptop .help-photo-people.supportview{height: 85px;}
.site-headernobg{background: none;}
.blogtop.abouttop .site{ width: 1300px;}
.missionbg{background: url(../images/missionbg.jpg) no-repeat 0 0/cover;width: 500px; height: 800px;    padding: 34px; }
.ourmission{padding:35px; width: 365px; background: rgba(255,255,255,.6); border-radius: 10px; }
.ourmission h2,.ourmission p{color: #126e6c}
.ourmission h2{margin-bottom: 10px;}
.mubiao ul {display:flex;flex-flow: row wrap}
.mubiao i{background-size: 60px; width:60px;height: 60px;}
.mubiaocicle{width: 120px; height: 120px; background: #0d8ddb; border-radius: 25rem; border: 4px solid #fff; margin-right: 30px;
    display: flex; justify-content: center; align-items: center}
.mubiao h2{font-size: 2rem; margin-bottom: .5rem;}
.mubiao ul li{display: flex; align-items: center;flex-basis: calc(48% - 0px);max-width:calc(48% - 0px);margin:0 1% 2rem;}
.about-photo-people {
    background-image: url(../images/about/aboutbanner.jpg);
    background-position: center;
    background-size: cover;
}
.icon-mubiao1{background-image: url(../images/about/missontb1.png);}
.mubiao i.icon-mubiao2{background-image: url(../images/about/missontb2.png);background-size: 66px; }
.mubiao i.icon-mubiao3{background-image: url(../images/about/missontb3.png);background-size: 50px;}
.mubiao i.icon-mubiao4{background-image: url(../images/about/missontb4.png);background-size: 62px; }
.mubiaowz{width: 70%}
.mubiao ul li h2{ color: #0d8ddb;}
.mubiao ul li:nth-child(2) h2{color: #409f2e;}
.mubiao ul li:nth-child(3) h2{color: #FFBA59;}
.mubiao ul li:nth-child(4) h2{color: #EA655B;}
.mubiao ul li:nth-child(2) .mubiaocicle{background:#409f2e }
.mubiao ul li:nth-child(3) .mubiaocicle{background:#FFBA59 }
.mubiao ul li:nth-child(4) .mubiaocicle{background:#EA655B }
.aboutfoot{    background: linear-gradient(107.56deg, rgb(12 87 207) 0%, rgb(46 154 190) 100%);
    padding: 4rem 0; color: #fff}

.aboutfoot p{text-align: center; font-size: 1.4rem; line-height: 2 }
.startbtn{text-align: center; }
.aboutfoot .startbtn{padding-bottom: 0}
.startbtn a{font-size: 1.2rem;height: 42px;  border-radius: 5px; padding: 0 2rem}

.helptopheader-right a:hover{color: #FFBA59;}
.helptopheader-right a:hover i{background-image: url(../images/baijtyellow.png);}
.helptop.contacttop .helptopheader-right a:hover{color: #eaa12f}
.contacttop a:hover .icon-baijt{background-image: url(../images/baijtyellow.png);}
.buttonyellow{ background:  #FFBA59}
.buttonyellow:hover{background:  #eaa12f}
.prcieyellow{background:  #FFBA59;display: inline-block;
    font-size: 1.6rem; padding: 5px 10px;}
.philosophy{text-align: center}


.prciebgwz{text-align: center;    color: #fff;
    padding-top: 130px;}
.prciebgwz h2{margin-bottom: 30px;}
.prciebgwz p{line-height: 1.8;
    font-size: 1.4rem;}
.philtitle p{margin-top: 2rem}
.nofeeflex{display: flex; align-items: center}
.nofeeflex .mubiao{position: inherit;width: 700px;}
.nofeeflex .mubiao i{background-size: 129px; width: 129px; height:100px; }
.nofeeflex .mubiao i.icon-pricenum1{background-image: url(../images/price/pricenum1.png);}
.nofeeflex .mubiao i.icon-pricenum2{background-image: url(../images/price/pricenum2.png);}
.nofeeflex .mubiao i.icon-pricenum3{background-image: url(../images/price/pricenum3.png);}
.nofeebg{margin-right: 80px;}
.nofeeflex .mubiaowz{margin-left: 40px;}
.nofeeflex .mubiaowz h2{margin-bottom: 10px;}
.nofeeflex .mubiao ul li{margin-bottom: 40px;}
.nofeeflex .mubiao ul li:nth-child(1) h2{color: #FFBA59;}
.nofeeflex .mubiao ul li:nth-child(2) h2{color: #d9479f;}
.nofeeflex .mubiao ul li:nth-child(3) h2{color: #3bb4cd;}
.tansuo{background: #c77642;padding: 2rem; border-radius: 10px;}
.tansuo p{color: #fff;
    padding-left: 15px; }
.academy-flex{display: flex; justify-content: space-between; align-items: center}
.academy-flex  .help-top-photowz{width: 600px;position: inherit; text-align: left}
.shopifybannertop img{width:29rem}
.wootop .help-top-photowz{width: 800px;}
.shopifybannertop  .help-top-photowz{width: 800px;}
.academytop .blogtop .site{width: 1300px;}
.shopifybannertop.academytop .blogtop {padding-top: 8rem;}
.academytop .blogtop {padding-top: 5rem;}
.academytop .blogtop.podtop {
    padding-top: 8rem;
}
.wootop .blogtop{padding-top: 6rem;}
.wootop .dtcphoto1{width: 25rem}
.yellowfoot h2{text-align: center;    font-size: 2.8rem;
    margin-bottom: 1rem;}

.academytop  .blogtop .help-top-photowz p{font-size: 1.4rem}
.dtcphoto{width: 33rem;}
.academystart .dropblock{margin-bottom: 0}

.dtcbrands ul{display: flex}
.dtcbrands ul li{flex: 1; margin: 0 1rem; background: #fff; border-radius: 1rem;overflow: hidden;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1); position:relative}
.dtcbrandsphoto{overflow: hidden;}
.dtcbrands ul li img{transition: all 0.5s ease; display: block ;border-radius: 1rem 1rem 0 0;}
.dtcbrands ul li img:hover{transform: scale(1.1);}
.dtcbrands h2{font-size: 1.4rem; margin-bottom: 1rem;}
/*.dtcbrands ul li:nth-child(2) h2{ color: #d57c20}
.dtcbrands ul li:nth-child(3) h2{ color: #3bb4cd}*/
.brand ul li h2{margin-bottom: 1rem}

.topsite.topsitehelp.blogviewheader{background-image: url(../images/greenbg.jpg);
    background-position: center bottom;
    background-size: cover; height: 6rem}
.site.blogviewtop{padding-top: 4rem}
.podtop{padding-bottom: 2rem}
.dtcbrandsnr{padding: 1.5rem}
.dropblock{
   /*
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1);*/
    padding:3rem 2rem; margin-bottom: 20px; display: flex}
.dropblock ul li{margin-bottom: 2rem; display: flex; align-items: center}
.dropblock h2{font-size: 1.8rem; margin-bottom: 4rem}
.dropblock h3 {
    font-size: 1.4rem;margin-bottom: .5rem
}
.dropblockleft{background: #fff; padding: 3rem; width: 70%; border-radius: 10px;}
.dropblockbg{padding-top: 30rem}
.dropblockleft h2{position: relative}
.dropblockleft h2:after{content: '';
    position: absolute;
    width:15%;
    height: 4px;
    background: #409f2e;
    display: inline-block;
    bottom: -18px;
    left: 0;}



.shopifytop.customtop h3{font-size: 1.8rem}
.dropblockwz{flex: 1}
.dropblockwz h3{margin-bottom: .5rem}
.dropblock2 .dropblockleft h2:after{background: #f8a331;}
.dropblock i{background-size: 5rem; width: 5rem; height: 5rem; margin-right: 2rem}
.dropblock2.dropblock i{background-size: 4.5rem;}
.dropblock2 .dropblockbg{margin-right: 50px;padding-top: 35rem;
}
.academyfoot h2{text-align: center; margin-bottom:.5rem;    font-size: 2.6rem;}
.learning{text-align: center}
.shopifytop h3{font-size: 1.4rem; color: #fff; font-weight: normal; margin-bottom: 1rem}
.dtcphoto1{width:37rem;border-radius: 1rem;}
.koltop .dtcphoto1{width:30rem;}
.podtop .dtcphoto1{width:30rem;}
.shopifytop .academy-flex{ align-items: center}
.shopifytop .academy-flex .help-top-photowz{ margin: 0; margin-right: 4rem}

.shopifytop.warehousetop .academy-flex .help-top-photowz {
    width: 53rem;
}
.shopifytop.warehousetop .academy-flex .help-top-photowz h2{font-size: 2.6rem}
.shopifyblock .dropblockleft{background: none; width: auto;position: relative; padding: 0}
.shopifyblock .dropblockleft ul li {background:#fff; border-radius: 10px; padding: 2rem;box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1);}
.shopifyblock .dropblockleft ul{display: flex;flex-flow: row wrap}
.shopifyblock .dropblockleft ul li{flex-basis: calc(48% - 0px);max-width:calc(48% - 0px); margin-right: 2%}
.shopifyblock .dropblockbg{position: absolute;right: 11rem;bottom:1rem}
.shopifyblock .dropblockbg img{width:32rem;}
.discordimg{width: 1.7rem; margin-right: 8px;}
.discordstartbtn.startbtn .more-btn-txt{left: 44%}

.sourcingblock2s.sourcingblock2slast{margin-bottom: 0}
.topsite.topsitehelp{height: auto}
.bghei{background: #100f1d; }
.bghei .bigtitle{color: #fff;    }
.jicheng ul{display: flex;flex-flow: row wrap}
.jicheng ul li{flex-basis: calc(48% - 0px);max-width:calc(48% - 0px); margin-right: 2%; margin-bottom: 2rem;
    background:#fff; border-radius: 1rem; padding: 2rem;box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1);}
.icon-jichengtb1{background-image: url(../images/shopify/jichengtb1.png);}
.icon-jichengtb2{background-image: url(../images/shopify/jichengtb2.png);}
.icon-jichengtb3{background-image: url(../images/shopify/jichengtb3.png);}
.icon-jichengtb4{background-image: url(../images/shopify/jichengtb4.png);}
.icon-woojichengtb1{background-image: url(../images/woo/woolink1.jpg);}
.icon-woojichengtb2{background-image: url(../images/woo/woolink2.jpg);}
.icon-woojichengtb3{background-image: url(../images/woo/woolink3.jpg);}
.icon-woojichengtb4{background-image: url(../images/woo/woolink4.jpg);}
.wooCommercetogether  .jicheng ul li{padding: 0; overflow: hidden;}
.wooCommercetogether  .jicheng  .dropblockwz{padding: 1.5rem; padding-bottom: 2rem}
.wooCommercetogether  .jicheng i {
    width: 100%;
    height: 14rem;
    background-size: 100%;border-radius: .6rem .6rem 0 0;
   transition: all 0.5s ease; margin-bottom: 0;
}
.wooCommercetogether  .jicheng i:hover{transform: scale(1.1);}
.wooCommercetogether .bigtitle p{margin-bottom: 4rem}
.jicheng i{width: 4rem; height: 4rem; background-size: 4rem;margin-bottom: 1rem;background-position: center top;
}
.jicheng p{font-size: 1.2rem;
    line-height: 1.5;}
.nofeetb{margin-top: 3rem}
.layui-timeline-item:before {
    background-color: #b0b0b0;
}
.wooCommercetogetherdown.furnturedown h2{color: #000}
.apiphoto{background: url(../images/api/apiphoto.jpg) no-repeat center/cover;    height: 44rem;
    border-radius: 1rem; width:40%; margin-right: 5rem}
.furnturephoto{background-image: url(../images/furniture/furnturephoto.jpg)}
.affphoto{background: url(../images/affiliate/affphoto.jpg)no-repeat center/cover;    height: 44rem;
    border-radius: 1rem; width:40%; margin-right: 5rem}
.affrliyouphoto{background: url(../images/affiliate/affiliatewhy.jpg) no-repeat center/cover;    height: 44rem;
    border-radius: 1rem; width: 50%}
.layui-timeline .layui-text p{margin-top: 0}
.layui-text h3{color: #2fbe51;}
.timelineflex{display: flex; align-items: center}
.timelineflex .dtcbrandsphoto{margin-right: 5rem; width: 50%}
.timeline{width: 50%}
.wooCommercewhat{display: flex; align-items: center}
.wooCommercewhatwz{flex: 1; margin-left: 5rem}
.warewhy ul li i.icon-woo1{background-image: url(../images/woo/woo1.png);background-size: 2.8rem;}
.warewhy ul li i.icon-woo2{background-image: url(../images/woo/woo2.png);background-size: 2.5rem;}
.warewhy ul li i.icon-woo3{background-image: url(../images/woo/woo3.png);background-size: 3.1rem;}
.warewhy ul li i.icon-woo4{background-image: url(../images/woo/woo4.png);background-size: 2.8rem;}
.wooCommercetogether .bigtitle{ width: 40%; margin-right: 3rem;    text-align: left;}
.wooCommercetogether .jicheng{width: 55%;}
.wooCommercetogether .bigtitle h2{font-size: 3rem;
    }
.apiwhat{width: 50%; margin-bottom: 3rem; padding-left: 1rem}
.apiwhat h2{margin-bottom: 1rem}
.apiwhat p{color: #666; font-size: 1.4rem}
.apiwhat1{background:#fff; border-radius: 10px; padding: 4rem;box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1);
    display: flex; align-items: center; justify-content: space-between}
.apiwhat1left{flex: 1; margin-right: 6rem}
.apiwhat1left h2{margin-bottom: 2rem}
.apiwhat1r img{width: 30rem;}
.apibolck{margin-bottom: 0}
.apibolck ul li:last-child{margin-left: 23%; margin-bottom: 0}
.icon-api1{background-image: url(../images/integrations/api1.png);}
.icon-api2{background-image: url(../images/integrations/api2.png);}
.icon-api3{background-image: url(../images/integrations/api3.png);}
.icon-api4{background-image: url(../images/integrations/api4.png);}
.icon-api5{background-image: url(../images/integrations/api5.png);}
.apitime p{color: #fff}

.timeline{position: relative}
.timeline ul li{background: url(../images/green/circleline.png) repeat-y 14px 0;padding-bottom: 2rem;display: flex;}
.timeline ul li .circleline{background:url(../images/green/circle.png) no-repeat 0 0/30px ;
    display:inline-block;width:180px;background-position: 0 0;
}
.timeline ul li:last-child{padding-bottom: 0;}
.timeline h3{    color: #2fbe51;}
.circlewz{ width: 100rem;margin-top: -5px;}

.afftime.timeline ul li{background-image: url(../images/red/circleline.png) }
.afftime.timeline ul li .circleline{background-image: url(../images/red/circle.png) }

.apitime.timeline ul li{background-image: url(../images/blue/circleline.png) }
.apitime.timeline ul li .circleline{background-image: url(../images/blue/circle.png) }
.apitime.timeline h3 {
    color: #2670df;
}
.apitime.timeline .greenfootbg{ background-image: linear-gradient(166deg,#092178 1.76%,#0a57ae);}
.shopifywhat{width: 63%}
.apitime .dtcbrandsphoto{ width: 42%}
.apitime .timeline{flex: 1.8}
.apibanner{width: 30rem}
.shopifybigtitle h3{font-weight: normal;margin-bottom: 1rem}
.wooCommercewhatwz h3{font-weight: normal; font-size: 1.4rem; line-height: 1.8}
.shopifyblock.dropblock i {
    background-size: 9rem;
    width: 9rem;
    height: 9rem;}
.academytop .warehousetop.blogtop{
    padding-top: 6rem;
}
.academytop .logisticstop.blogtop {
    padding-top: 6rem;
}
.warehousetop .dtcphoto1,.logisticstop .dtcphoto1{width: 26rem}
.logisticstop .academy-flex .help-top-photowz{width: 56rem}
.bghome{
    background: url(../images/home/homephoto.jpg) no-repeat 0 0/cover;
}
.bgshopify{
    background: url(../images/shopify/WhatShopify.jpg) no-repeat 0 0/cover;
}
.bgwoo{ background-image: url(../images/woo/Whatwoo.jpg); background-repeat: no-repeat;
    background-position:center bottom;background-size: contain; background-color: #000}
.bgheiapi{ background-image: url(../images/api/Whatapi.jpg);}
.bgwhychoose{background-image: url(../images/globalsouring/whychoose.jpg);}
.bgautowarehouse{background-image: url(../images/warehouse/autowarehousebg.jpg); background-size: cover}
.bgwhatpod{background-image: url(../images/pod/whatpod.jpg); background-size: cover}
.bgwhychoosebulk{background-image: url(../images/bulk/whychoosebulk.jpg); background-size: cover}
.bgjoinaffiate{background-image: url(../images/affiliate/joinaffiate.jpg);  background-position:center bottom;background-size: cover}
.bgwhoparter{background-image: url(../images/parter/whoparter.jpg);  background-position:center center;background-size: cover}
.bgcontactkol{background-image: url(../images/kol/contactkol.jpg);  background-position:center bottom;background-size: cover}
.bgwhynoprice{background-image: url(../images/price/whynoprice.jpg);  background-position:center center;background-size: cover}
.bgbuildbrand{background-image: url(../images/academy/buildbrand.jpg);  background-position:center bottom;background-size: cover}

.bgshopify .bigtitle,.bgwoo .bigtitle{color: #fff;}
.automaticwarehouse{color: #fff;text-align: center; margin-top: 3rem}

.sourceflex{display: flex; align-items: center;background: url(../images/rectanglebg.png) no-repeat 0 0/cover;    height: 21rem;padding: 0 3rem;
margin-bottom: 5rem; border-radius: 1rem}
.sourceflexwz{flex: 1.3; margin:0 3rem 0 1rem ; }
.sourceflextuzuo .sourceflexwz{margin:0 1rem 0 3rem ;}
.sourceflexwz h2{font-size: 1.6rem;margin-bottom: 1rem; line-height: 1.5;}
.sourceflexphoto{flex: 1;overflow: hidden;border-radius: 1rem;}
.sourceflexphoto img{border-radius: 1rem;transition: all 0.5s ease;}
.sourceflexphoto img:hover{transform: scale(1.1);}
.provideflex{display: flex;align-items: center}
.warehousenation h2{margin-bottom: 2rem;font-size: 3rem;
    color: #3949d9;}
.providelist i {
    width: 4rem;
    height: 4rem;
    background-size: 4rem;
}
.providelist  ul li{display: flex; align-items: center; margin-bottom: 2rem}
.providelist i{margin-right: 2rem}


.providelist ul li{background:#fff; border-radius: 10px; padding: 2rem;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1);margin-bottom: 1.5rem}
.providelist  i{background-size: 9rem;
    width: 9rem;
    height: 9rem;}
.providelist ul li{padding: 1rem 2rem}

.providelist ul li:last-child{ margin-bottom: 0}
.podservice .prophoto{width: 50%}
.blogtop.prciebg .help-top-photowz p{font-size: 1.3rem}
.prciebg{padding-top: 6rem; }
.computerimg{width: 24rem}
.worldwarehouse1{margin-bottom: 1rem}
.worldwarehouse1:last-child{margin-bottom: 0}
.philosophywhat{position: relative}
.philosophywhat ul{display: flex;    justify-content: center; margin-bottom: 2rem;margin-left: -1rem; }
.philosophywhat ul li{background:#030303; border-radius: 1rem; width: 12rem; height: 12rem; padding-top: 2rem;
    font-size: 1.4rem;  text-align: center; margin: 0 2rem;    color: #ffb000;}
.philosophywhat i{background-size: 5rem;
    width: 5rem;
    height: 5rem; display: block; margin: 0 auto 1rem}
.philosophywhat i.icon-linian1{background-image: url("../images/price/linian1.png")}
.philosophywhat i.icon-linian2{background-image: url("../images/price/linian2.png");background-size: 4.5rem;}

.worldwarehouse1 h2{margin-bottom: 2rem; padding-left:1rem}
.worldwarehouse1 ul li{  margin:0 0 20px;background: #fff;
    border-radius: 1rem;  border: 2px solid #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); padding: 1rem;
     display: flex; align-items: center;
}
.worldwarehouse1left{margin-right: 5rem;width: 60%}
.worldwarehouse1right{width:40%}
.citys{display: flex; align-items: center;margin-bottom: 1rem}
.citys span{font-size: 2rem; font-weight: 600}
.citys i{    background-size: 40px;
    width: 64px;
    height: 140px; margin-right: 1rem }
.citys i.icon-city1{background-image: url("../images/warehouse/city1.png");margin-right: .5rem}
.citys i.icon-city2{background-image: url("../images/warehouse/city2.png");background-size: 52px;margin-left: .5rem}
.citys i.icon-city3{background-image: url("../images/warehouse/city3.png");background-size: 22px;margin-right: 0}
.citys i.icon-germancity{background-image: url("../images/warehouse/germancity.png");background-size: 27px;;margin-right:.5rem}
.citys i.icon-usacity{background-image: url("../images/warehouse/usacity.png");    background-size: 73px;width: 80px;margin-left: 1rem}

.forignflex  .worldwarehouse1 ul li{ flex-basis: calc(100% - 0px);max-width:calc(100% - 0px); }

.worldwarehouseleftphoto img{border-radius: 1rem}
.flex{display: flex}
.flex-cener{display: flex; align-items: center}
.worldwarehouseleft{flex: 1; margin-right: 5rem}
.worldwarehouseleftphoto{flex: 1}
.worldwarehouse2 .worldwarehouseleft{margin-left: 5rem; margin-right: 0}
.worldwarehouseleft h2{margin-bottom: 1rem}
.worldwarehouseleft p span{color: #f28b21;  margin-right: 1rem; font-weight: 600}

.yellowtop{
    background-image: url("../images/orangebg.jpg");    background-repeat: no-repeat;
    background-size: cover;
  /*  background: linear-gradient(2.8797932657906435rad, hsl(21deg 90% 12%) 0%,hsl(37deg 85% 28%) 50%,hsl(43deg 88% 39%) 100%);*/
}
.warewhy ul{display: flex;flex-flow: row wrap}
.warewhy ul li{flex-basis: calc(23.5% - 0px);max-width:calc(23.5% - 0px); margin-right: 2%; margin-bottom: 2rem; color: #fff;height: 19rem;
    background: linear-gradient(2.8797932657906435rad, #0b3778 0%,#5a99f6 100%);
    /* background: linear-gradient(2.8797932657906435rad, hsl(21deg 63% 12%) 0%,hsl(37deg 87% 24%) 50%,hsl(21deg 93% 63%) 100%); */
    border-radius: 10px; padding: 2rem;box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1); display: initial}
.warewhy ul li i{background-size:3rem ;width:3rem;height: 4rem; margin-bottom: .5rem}
.warewhy ul li:last-child{margin-right: 0}
.warewhy .providelist{margin-right: 0}
.warewhy h3{font-size: 1.3rem; margin-bottom: .5rem}
.icon-waretb1{background-image: url(../images/warehouse/waretb1.png);}
.icon-waretb2{background-image: url(../images/warehouse/waretb2.png);}
.icon-waretb3{background-image: url(../images/warehouse/waretb3.png);}
.icon-waretb4{background-image: url(../images/warehouse/waretb4.png);}
.yellowfoot{  background: linear-gradient(2.8797932657906435rad, hsl(21deg 67% 35%) 0%,hsl(32deg 73% 50%) 50%,hsl(21deg 93% 63%) 100%);
    padding-bottom: 6rem;
}
.bigtitle h3{margin-bottom: 1rem}
.blogtop.abouttop.prciebg .site .help-top-photowz{    width: 60rem;
    text-align: left; margin: 0}

.affrliyou .affnumber{ background: #8b0749; color: #fff; display: flex; width: 3rem; height: 3rem; margin-right: 1rem;
    border-radius: 50%; justify-content: center ; padding-top: .5rem; font-size: 1.4rem; font-weight: 600}
.affrliyou ul li{border-bottom: 2px solid #000; padding: 1rem 0}
.affrliyou  .dropblockwz{display: flex}
.affnumberright{width: 90%}
.affrliyou{width:60%; margin-right: 6rem}
.affnumberright p{font-size: 1.1rem;margin-top: .5rem;line-height: 1.4}
.affnumberright h3{font-size: 1.4rem}
.affrliyouphoto{ margin-top: 2rem}
.academytop .academy-flex .help-top-photowz{width: 60rem}
.academytop .logisticstop .academy-flex .help-top-photowz{width:59rem}
.academytop .globaltop .academy-flex .help-top-photowz{width: 53rem}
.shopifybannertop.academytop .academy-flex .help-top-photowz{width: 52rem}
.learning img{border-radius: 1rem}



.successfulBrand ul{display:flex;flex-flow: row wrap}
.successfulBrand ul li{ flex-basis: calc(48% - 0px);max-width:calc(48% - 0px); margin:0 1% 20px;background: #fff; border-radius: 1rem;  border: 2px solid #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);padding: 1rem;
}
.successfulBrand ul li:nth-child(3),.successfulBrand ul li:nth-child(4),.successfulBrand ul li:nth-child(5){flex-basis: calc(31.3% - 0px);max-width:calc(31.3% - 0px);}
.successfulBrand i{background-size: 3rem; width: 4rem; height: 4rem; margin-right: 1.5rem}
.icon-drop21{background-image: url(../images/academy/droptb21.png);}
.icon-drop22{background-image: url(../images/academy/droptb22.png);}
.icon-drop23{background-image: url(../images/academy/droptb23.png);}
.icon-drop24{background-image: url(../images/academy/droptb24.png);}
.icon-drop25{background-image: url(../images/academy/droptb25.png);}
.academybanner{width: 30rem}

.globalfoot h3{ font-size: 2rem}
.logisticsfoot h3{font-size: 2.2rem}

.afftime.timeline h3{color: #EA655B; margin-bottom: .5rem; font-size: 1.4rem}
.affiliatepeople{width: 36%; margin-right: 4rem}
.affiliatepeople h2{margin-bottom: 1rem;font-size: 3.2rem}
.affiliatejoin{text-align: center}
.affiliatejoin img{border-radius: 1rem}

.apihowcontact .affiliatepeople p{font-size: 1.3rem; line-height: 2}
.parterwhy ul li{margin-bottom: 2rem; display: flex; align-items: center;}
.parterwhyright{overflow: hidden;border-radius: 1rem; }
.parterwhyright img{border-radius: 1rem;  transition: all 0.5s ease; display: block}
.parterwhyright img:hover{transform: scale(1.1);}

.parterwhyleft{width: 50%; margin-right: 5rem; padding-left: 1rem}
.parterwhyleft h3{margin-bottom: 1rem; font-size: 1.8rem}
.parterwhy ul li:nth-child(even) .parterwhyleft{ margin: 0 0 0 5rem}
.partersite,.site1200{width: 1200px;}
.parterwhyright{width: 50%;overflow: hidden;}
.parterpeople h2,.parterpeople p{color: #fff}
.parterconnect{width: 50%; margin-right: 5rem}
.parterconnect h2{margin-bottom: 1rem;font-size: 2rem;}
.parterjoinblock1{margin-bottom: 5rem}
.parterjoinblock2 .parterconnect{margin: 0 0 0 5rem}
.kolsbigtitle h3{margin-bottom: 1rem}
.bghei .contactform {background: #fff; padding: 2rem;}
.bghei .contactform .submit a{background:#d55c53!important;}
.brand ul li{display: flex; align-items: center; justify-content: space-between; margin-bottom: 2rem}
.brand .dropblockwz{width: 55%; margin-right: 5rem;padding: 0 3rem}
.brand .brandphoto{width: 45%; }
.brand .brandphoto img{display: block; width: 100%;    border-radius: 1rem;}
.brand ul li:nth-child(even) .dropblockwz{margin: 0 0 0 5rem}
.podfoot h3{color: #fff; margin-bottom: 1rem;    line-height: 1.6;}
.podfoot p{color: #fff}
.podservice{margin-bottom: 2rem}
.podservice1 .affiliatepeople.podfoot{ margin: 0 5rem 0 0}
.blogtop .globaltop .help-top-photowz h2{font-size: 2.6rem;}
.greenfootbg h3{text-align: center; margin-bottom: 1rem}
.affiliatepeople.podfoot,.bulkwhy .providelist {margin: 0 0 0 5rem; width: 50%}
.sourceflex1 .sourceflexwz{margin:0 0 0 3rem ; }
.sourceflex1{margin-bottom: 0;}
.bulktop h3{ font-size: 2rem;font-weight: bold}
.bulkwhy .providelist h3,.bulkwhy1 h3{margin-bottom: 1rem}
.sandk{text-align: center; margin-top: 5rem}
.sandk h2{line-height: 1.6;
    margin-bottom: 1rem;}
.sandk ul{display: flex; justify-content: center; align-items: center; margin-top: 3rem}
.sandk ul li{margin: 0 2rem}
.sandk ul li:first-child img{height: 4rem}
.bgqiangreen{background: #e9f2da}
.shopifyblock{padding: 1rem;align-items: center; position: relative;    height: 43rem;   }
.shopifyblock ul li{border-bottom: none}
.shopifyblock .affrliyou .dropblockwz{align-items: center}
.shopifyblock .affrliyou .affnumber{background: #000}
.shopifyblock .affrliyou .dropblockwz{    background: linear-gradient(2.8797932657906435rad, #85ea39 0%,#91db0f 100%);
border-radius: 5rem; padding: 1rem; width: 40%;
}

.shopifyblock .affrliyou{    margin: 0;
    position: absolute;
    left: -5rem;
    top: 0;}
.shopifycicle{margin-right: 5rem}
.shopifyblock ul li{position: absolute;width: 100%;}
.shopifyblock ul li:nth-child(1),.shopifyblock ul li:nth-child(5){left: 26rem;top: 0;}
.shopifyblock ul li:nth-child(2),.shopifyblock ul li:nth-child(4){left: 33rem;top: 8rem;}
.shopifyblock ul li:nth-child(3){left: 39rem;top: 16rem;}
.shopifyblock ul li:nth-child(4){top: 24rem;}
.shopifyblock ul li:nth-child(5){top: 33.5rem;}
.kolshow h3{font-size: 1.4rem; margin-bottom: .5rem}

.bgapi .shopifyblock ul li:nth-child(1),.bgapi .shopifyblock ul li:nth-child(5){left: 26rem;top: 0;}
.bgapi .shopifyblock ul li:nth-child(2),.bgapi .shopifyblock ul li:nth-child(4){left: 33rem;top: 9rem;}
.bgapi .shopifyblock ul li:nth-child(3){left: 39rem;top: 18rem;}
.bgapi .shopifyblock ul li:nth-child(4){top: 27rem;}
.bgapi .shopifyblock ul li:nth-child(5){top: 36rem;}
.bgapi .shopifycicle{margin-top: 4rem;}

.philosophy{width: 50%; margin-right: 5rem}
.philosophywz{width: 50%}
.philosophywz h3{margin-bottom: 1rem}
.philosophy img{border-radius: 1rem}


.warewhy ul li p{ font-size: 1.1rem; line-height: 1.7rem}
.woolink{    margin-left: -.5rem;}

.bgapi{ background:#d1e4f6 }
.apitop.academytop .blogtop{padding-top: 8rem}
.bulktop.academytop .blogtop{padding-top: 7rem}
.academytop .afftop.blogtop{padding-top: 5rem}
.partertop.academytop .blogtop{padding-top:7rem}
.partertop.academytop.afftop .blogtop{padding-top:6rem}
.parterbanner{width: 24rem}
.partertop .shopifytop img.affiliatebanner{width: 21rem}

.academytop .customtop.blogtop{padding-top: 5rem}
.apitop .academy-flex .help-top-photowz{width: 55rem}
.timeline .greenfootbg{border-radius: 1rem; padding: 1rem 2rem; margin-top: 2rem;
    background: linear-gradient(2.8797932657906435rad, #2fa817 0%,#038744 100%);
}
.timelineflex img {border-radius: 1rem; }
.affwho{width: 56%}
.affwho ul{display: flex;flex-flow: row wrap}
.affwho ul li{ margin: 0 1% 1rem;background:#fff; border-radius: 10px; padding: 1rem;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1); text-align: center }
.affwho ul li:nth-child(1){padding: 1rem 3rem}
.affwho ul li:nth-child(2){padding: 1rem 3.05rem}
.affwho ul li:nth-child(3),.affwho ul li:nth-child(4){padding: 1rem 1.35rem}
.affwho ul li:nth-child(8),.affwho ul li:nth-child(9){padding: 1rem 2.4rem}


.icon-affwho1{background-image: url("../images/affiliate/affiliatewho1.png")}
.icon-affwho2{background-image: url("../images/affiliate/affiliatewho2.png")}
.icon-affwho3{background-image: url("../images/affiliate/affiliatewho3.png")}
.icon-affwho4{background-image: url("../images/affiliate/affiliatewho4.png")}
.icon-affwho5{background-image: url("../images/affiliate/affiliatewho5.png")}
.icon-affwho6{background-image: url("../images/affiliate/affiliatewho6.png")}
.icon-affwho7{background-image: url("../images/affiliate/affiliatewho7.png")}
.icon-affwho8{background-image: url("../images/affiliate/affiliatewho8.png")}
.icon-affwho9{background-image: url("../images/affiliate/affiliatewho9.png")}

.abouttop .site .help-top-photowz{margin-top: 10rem}
.blogtop .help-top-photowz h2{font-size: 2.3rem; color: #fff; margin-bottom: 1rem;font-weight: 600;line-height: 1.6;}
.affwho ul li i{background-size: 3rem; width: 3rem; height: 3rem; }
.affwho ul li h3{font-size: 1.2rem; line-height: 1.2 }
.affwho ul li i{margin-right: 1rem}
.affwho h2{font-size: 1.4rem;
    margin-bottom: 2rem;
    padding-left: .5rem;}
.parterwho  .bigtitle h2{font-size: 3rem}
.affjoin .bigtitle{width: 50%; text-align: left; margin-left: 5rem}
.affjoin .bigtitle h2{font-size: 1.8rem}
.bigtitle p{font-size: 1.4rem}
.affjoin .bigtitle p {
    font-size: 1.2rem;
    line-height: 1.8;
}
.aboutfoot .site{padding: 0}
.redfoot h3{text-align: center;margin-bottom: 1rem}
.affflex{display: flex}
.affiliatepeopleflex{display: flex;align-items: center}
.affiliatepeopleflex .affwho ul li i{margin-right: 0; margin-bottom: .5rem}
.apihow  .dtcbrandsphoto img{width: 8rem;}
.apihow  .dtcbrandsphoto{position: absolute;left:35%;top:-3rem;box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); border-radius: 50%;}
.apihow  .dtcbrandsnr{padding-top: 7rem}
.apihow.dtcbrands h2{color: #333}
/*.dtcbrands ul li:nth-child(1),.dtcbrands ul li:nth-child(3){ margin-top: 3rem}
.dtcbrands ul li:nth-child(2){height: 29rem}*/
.apihow{margin-top: 6rem}
.apihowcontact{display:flex}
.apihowcontact .affiliatepeople h2,.apihowcontact .affiliatepeople p{color: #fff}
.apihowcontact .contactform{width: 60%; background: #fff; margin: 0; padding: 2rem}
.apihowcontact  .contactform .bigtitle{color: #333;text-align: left; margin-bottom: 2rem}
.apihowcontact .affiliatepeople{margin-top: 2rem}
.koltop .shopifytop .academy-flex .help-top-photowz{ width: 48rem}

.parterwhy .providelist ul{display:flex;flex-flow: row wrap}
.parterwhy .providelist  ul li{flex-basis: calc(48% - 0px);max-width:calc(48% - 0px); margin: 0 1% 1.5rem; padding: 1.5rem;    padding-right: 2rem;}
.parterwhy .providelist  ul li h3{margin-bottom: .5rem}
.parterwho{display: flex; align-items: center}
.parterwho .bigtitle {text-align: left; margin-left: 5rem;width: 50%}
.parterwhyphotowho img{border-radius: 1rem}
.parterwhyphotowho{width: 50%}
.partershiptb{width: 9rem; margin-right: 3rem; }
.partershiptb img{border-radius: 1rem}
.yellowfoot h3{text-align: center; margin-bottom: 1rem}
.globalbanner img{width: 25rem}

.gloproviderel{position: relative}
.academytop .blogtop.globaltop{padding-top: 7rem}
.globalpro ul li{    background: linear-gradient(2.8797932657906435rad, #0b3778 0%,#5a99f6 100%); color: #fff;
    position: absolute; width: 28rem; display: initial;left:0; height: 18rem;z-index: 100;}
.globalpro ul li:nth-child(2){left:32.5rem}
.globalpro ul li:nth-child(3){left:65rem}
.globalpro ul li:nth-child(4){left:0;top:22rem}
.globalpro ul li:nth-child(5){left:65rem;top:22rem}
.globalpro ul li i {
    background-size: 3rem;
    width: 4rem;
    height: 4rem;
   }
.gloproviderel  .glosolutions{text-align: center; padding-top: 17rem}
.gloproviderel  .glosolutions img{    width: 40rem;
 }
.podhow ul li i.icon-dropshiptb1{background-image: url("../images/academy/dropship1.png"); background-size: 8rem}
.podhow ul li i.icon-dropshiptb2{background-image: url("../images/academy/dropship2.png"); background-size: 7rem}
.podhow ul li i.icon-dropshiptb3{background-image: url("../images/academy/dropship3.png"); background-size: 7rem}

.bghei{position: relative}
.footfaguang{position: absolute;bottom: 0;left:50%;margin-left: -355px;}
.footfaguang img{display: block}
.glohezuo{text-align: center}
.glohezuo img{border-radius: 1rem}
.globalpro ul li i.icon-solutions1{background-image: url(../images/globalsouring/solutions1.png);background-size: 3.5rem;}
.globalpro ul li i.icon-solutions2{background-image: url(../images/globalsouring/solutions2.png);}
.globalpro ul li i.icon-solutions3{background-image: url(../images/globalsouring/solutions3.png);}
.globalpro ul li i.icon-solutions4{background-image: url(../images/globalsouring/solutions4.png);background-size: 3.5rem;}
.globalpro ul li i.icon-solutions5{background-image: url(../images/globalsouring/solutions5.png);}

.bluefoot .startbtn a.layui-bg-orange:hover{background: #0d8ddb}
.bluefoot h3{text-align: center; margin-bottom: 1rem}
.globalwhy .inclue{position: absolute;
    border-radius: 50%;box-shadow: -1px -1px 11px 5px #0f359b52;;    height: 12rem;
    width: 12rem;
    display: flex;
    padding-top: 4rem;
    justify-content: center; z-index: 100;
    left: 43%;background: linear-gradient(90deg, rgb(7 52 162) 0%, rgb(43 178 248) 100%); color: #fff}
.globalwhy {position: relative}
.icon-globalchain1{background-image: url(../images/globalsouring/globalchain1.jpg);}
.icon-globalchain2{background-image: url(../images/globalsouring/globalchain2.jpg);}
.icon-globalchain3{background-image: url(../images/globalsouring/globalchain3.jpg);}
.icon-globalchain4{background-image: url(../images/globalsouring/globalchain4.jpg);}
.globalwhy  .providelist i{margin: 0 2rem}
.globalwhy .providelist  ul li p{line-height: 1.4}
.wareauto ul{display:flex;flex-flow: row wrap;
    margin-bottom: 1rem;    padding: 0 9rem;}
.wareauto ul.wareautoul2{padding: 0}
.wareauto ul li{
    flex-basis: calc(48% - 0px);max-width:calc(48% - 0px); margin:0 1% 2rem;
}
.wareauto ul li .wareautocircle{width: 25rem; height: 25rem;border-radius: 50%; background: #fff;    margin: 0 auto;}
.wareauto ul.wareautoul2 li{flex-basis: calc(31.3% - 0px);max-width:calc(31.3% - 0px);}
.wareautophoto img{width: 5rem; height:5rem;}
.wareautophoto{text-align: center; padding-top: 2rem}
.warehousexitong img{width: 38rem}
.warehousexitong{text-align: center; position: relative;top:-33rem}
.wareauto ul li i{background-size: 4rem; width: 4rem; height: 4rem}
.wareauto ul li i.icon-benefit1{background-image: url(../images/warehouse/benefit1.png);}
.wareauto ul li i.icon-benefit2{background-image: url(../images/warehouse/benefit2.png);background-size: 4.5rem;}
.wareauto ul li i.icon-benefit3{background-image: url(../images/warehouse/benefit3.png);background-size: 4.5rem;}
.wareauto ul li i.icon-benefit4{background-image: url(../images/warehouse/benefit4.png);    background-size: 4.5rem;}
.wareauto ul li i.icon-benefit5{background-image: url(../images/warehouse/benefit5.png);}
.wareautonr{padding: 1rem 2rem; text-align: center}
.wareautonr h3{margin-bottom: 1rem}
.wareauto h2{color: #fff;  font-size: 1.8rem;text-align: center;margin-bottom: 4rem}
.podwhat .affiliatepeople{margin: 0 0 0 5rem; width: 50%}
.podwhat .prophoto{width: 50%}
.podwhat .affiliatepeople h2{font-size: 2.2rem}
.loistiscinfo .worldwarehouse1 h2{padding: 0}
.loistiscinfo b{font-family: "Arial Black";    font-size: 1.4rem;}
.podwhat img{border-radius: 1rem}
.icon-podhow1{background-image: url(../images/pod/podhow1.jpg);}
.icon-podhow2{background-image: url(../images/pod/podhow2.jpg);}
.icon-podhow3{background-image: url(../images/pod/podhow3.jpg);}
.icon-podhow4{background-image: url(../images/pod/podhow4.jpg);}
.icon-podhow5{background-image: url(../images/pod/podhow5.jpg);}
.customtop.blogtop .help-top-photowz h2{font-size: 3rem}
.brandidentity{padding: 0 8rem}
.brandidentity ul li{margin: 0 2rem}
.podhow ul{display:flex;flex-flow: row wrap}
.podhow ul li{background: #fff;  padding: 1.5rem;flex-basis: calc(31.3% - 0px);
    max-width:calc(31.3% - 0px); margin:0 1% 2rem; position: relative}
.academywhy ul li{background: #edfeef}
.podhow ul li i{background-size: 9rem; width: 9rem; height: 9rem; background-position: center; }
.podhow.dropblockleft{background: none; padding: 0;    width: 100%;}
.podhow .dropblockwz  h3,.podhowtb{text-align: center; margin-bottom: 1rem}
.podhow .affrliyou{position: absolute}
.podhow  .affrliyou .affnumber{background: #31adfc;}
.custmoerlist ul li{background: linear-gradient(2.8797932657906435rad, #0b3778 0%,#5a99f6 100%);
    color: #fff;flex-basis: calc(31.3% - 0px);max-width:calc(31.3% - 0px); }
.podhow ul li:nth-child(4){margin-left: 17rem}

.brandbanner{width:22rem}
.prophoto img{border-radius: 1rem}
.bulktop .shopifytop .academy-flex .help-top-photowz{width: 62rem}
.bulkbanner{width: 24rem}
.bulkship ul{display: flex}
.bulkship ul li{flex: 1; margin: 0 1rem; background: #fff; border-radius: 1rem;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1); position:relative; }
.bulkship h2{font-size: 1.4rem; margin-bottom: 1rem;text-align: center}
.bulkshiptb{overflow: hidden;border-radius: 1rem 1rem 0 0;}
.bulkship ul li img{transition: all 0.5s ease; display: block ;border-radius: 1rem 1rem 0 0;}
.bulkship ul li img:hover{transform: scale(1.1);}
.icon-bulktb1{background-image: url(../images/bulk/bulktb1.png);}
.icon-bulktb2{background-image: url(../images/bulk/bulktb2.png);}
.icon-bulktb3{background-image: url(../images/bulk/bulktb3.png);}
.bulkwhy i{margin-bottom: 1rem}
.blukower .worldwarehouseleft{margin: 0 0 0 5rem}
.blukower .worldwarehouse2 .worldwarehouseleft{margin: 0 5rem 0 0}
.blukower h3{margin-bottom: 2rem}
.podtop .academy-flex .help-top-photowz{width: 54rem}
.podtop.afftop .academy-flex .help-top-photowz{width: 66rem}

.blogtop.podtop .help-top-photowz h2{font-size: 2.6rem}
/* 手风琴css*/
.accordionsite{padding: 0}
.accordion {
    position: relative;
    z-index: 100; overflow: hidden;
}

.accordion ul {
    display: flex;
}
.accordion ul li,  .accordion ul li a {   width: 136px;  height: 350px;}
.accordion ul li {
    background-repeat: no-repeat;
    padding: 1rem;
    position: relative;cursor: pointer;
}

.accordion ul .item1 {
    background-image: url(../images/customized/pic1.jpg);
}

.accordion ul .item2 {
    background-image: url(../images/customized/pic2.jpg);
}

.accordion ul .item3 {
    background-image: url(../images/customized/pic3.jpg);
}

.accordion ul .item4 {
    background-image: url(../images/customized/pic4.jpg);
}

.accordion ul .item5 {
    background-image: url(../images/customized/pic5.jpg);
}
.accordion ul .item6 {
    background-image: url(../images/customized/pic6.jpg);
}
.accordion ul li a {
    display: block;
    cursor: pointer
}
.accordion ul li.active a,.accordion ul li.active {
    width: 620px;
}
.accordion ul li.active a{display: block!important;}
.accordion ul li div{ text-align: left; position: absolute;left:0;bottom: 0; width: 620px;padding: 1rem; padding-left: .5rem;
    background: #00000096; color: #fff}
.accordion ul li div h3{width: 116px; font-size: 1rem; font-weight: normal}
.accordion ul li div p{display: none}
.accordion ul li.active div{color: #fff;opacity: 1;background: #00000096; line-height: 1.5; padding-left: 1rem}
.accordion ul li.active div p{display: block}
.accordion ul li.active div h3{font-size: 1.6rem; width: auto; font-weight: 600}
.affwhyhere{margin-bottom: 1rem}
.affhow.bigtitle h2{font-size: 3rem}

.furniturebanner{width: 42rem}
.furniture1 .sourceflex{margin-bottom: 0}
.furniture2 ul{display: flex;flex-flow: row wrap}
.furniture2 ul li{
    flex-basis: calc(31.3% - 0px);max-width:calc(31.3% - 0px); margin:0 1% 20px; position: absolute;
}
.furniture2 ul li:nth-child(1){top:17rem;    left: 8rem;}
.furniture2 ul li:nth-child(2){top:0;left:35rem}
.furniture2 ul li:nth-child(3){top:17rem;left:61rem}
.furniture2 ul li:nth-child(4){    top: 43rem;
    left: 19rem;}
.furniture2 ul li:nth-child(5){top:43rem;left:52rem}
.furniture2{position: relative; height: 70rem}
.furniture2 ul li .furniturecicle{border-radius: 50%;background: #fff; text-align: center;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); width: 24rem; height: 24rem; margin: 0 auto;    padding: 2rem;}
.furniture2 ul li i{background-size: 6rem; width: 6rem; height: 6rem; margin-bottom: 1rem}
.icon-rangetb1{background-image: url(../images/furniture/rangetb1.png);}
.icon-rangetb2{background-image: url(../images/furniture/rangetb2.png);}
.icon-rangetb3{background-image: url(../images/furniture/rangetb3.png);}
.icon-rangetb4{background-image: url(../images/furniture/rangetb4.png);}
.icon-rangetb5{background-image: url(../images/furniture/rangetb5.png);}
.funiturelist i.icon-capabilitiestb1{background-image: url(../images/furniture/capabilitiestb1.png);background-size: 5.5rem}
.funiturelist i.icon-capabilitiestb2{background-image: url(../images/furniture/capabilitiestb2.png); background-size: 4.5rem}
.funiturelist i.icon-capabilitiestb3{background-image: url(../images/furniture/capabilitiestb3.png); background-size: 6rem}
.funiturelist i.icon-capabilitiestb4{background-image: url(../images/furniture/capabilitiestb4.png);}
.funiturelist i.icon-capabilitiestb5{background-image: url(../images/furniture/capabilitiestb5.png);}
.affinclude{background: linear-gradient(2.8797932657906435rad, #0b3778 0%,#5a99f6 100%); color: #fff;
    padding: 1rem 2rem; display: inline-block; font-size: 1.8rem; margin: 0 auto;border-radius: 2rem;
    position: absolute;left:36rem;top:30rem}
.funiturelist i{background-size: 5rem; width: 6rem; height: 6rem; margin-right: 1rem }
.funiturelist { width: 50%}
.funiturelist ul li{display: flex; align-items: center; margin-bottom: 1rem}


.lanzijb{background: linear-gradient(2.8797932657906435rad, hsla(263.926,100%,31.9608%,1) 0%,hsla(222.893,100%,52.549%,1) 100%);
}
.lanzihongjb {
    background: linear-gradient(2.8797932657906435rad, hsla(222.893,100%,52.549%,1) 0%,hsla(281.421,86.7841%,44.5098%,1) 50%,hsla(330.171,92.5926%,62.9412%,1) 100%);
}

.greenfootbg{ background: linear-gradient(2.8797932657906435rad, #0f4f02 0%,#076c39 100%);}
.hometeam{
    color: #fff ;}
.home-center-photo-block .home-center-photo-people {
    background-image: url(../images/team.jpg);
}
.icon-youshitb1{background-image: url(../images/price/youshi1.png);}
.icon-youshitb2{background-image: url(../images/price/youshi2.png);}
.whynofee i.icon-youshitb3{background-image: url(../images/price/youshi3.png); background-size: 3.7rem}
.hometeam .home-center-photo-block .mask,.hometeam .home-center-photo-block,.home-center-photo-block .home-center-photo-people {height: 22rem}
.hometeam .home-center-photowz h2{font-size: 2.7rem}
.hometeam .home-center-photo-block .mask{    background: rgb(2 12 32 / 82%);}
.hometeam .home-center-photowz{padding-top: 6rem}
.home-headimage-txt .h1 span.blue{color: #608eff;}

.kolshow ul{display: flex;flex-flow: row wrap}
.kolshow ul li{
    flex-basis: calc(31.3% - 0px);max-width:calc(31.3% - 0px); margin:0 1% 20px;
    background: #fff; border-radius: 1rem;  padding-top: 1rem;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1);
}
.kolshow  .dtcbrandsphoto{text-align: center}
.kolshow  .dtcbrandsphoto img{width: 120px}
.kolshow .dtcbrandsnr{padding-top: 0}
.aboutfoot h3{margin-bottom: 1rem;text-align: center; line-height: 1.6;font-size: 2rem}
.aboutany{text-align: center; }

.eCommerceflex{display: flex;align-items: center; }
.eCommerceflex1{ width: 50%; margin-right:6rem}
.eCommerceflex2{width: 50%}
.eCommerceflex1 h2,.eCommerceflex1 p{color: #fff;line-height: 1.8}
.eCommerceflex1 h2{ margin-bottom: 1rem;    line-height: 1.4;}

.eCommerceflex2 img{border-radius: 1rem}
.eCommerceflexdown{margin-top: 4rem}
.eCommerceflexdown .eCommerceflex1{margin: 0 0 0 6rem}
.topsite{height: 31rem}
.bannertopwz{margin-bottom: 2rem}
.startbtn.button1{width: 140px; }
.startbtn .more-btn-txt{
    position: absolute;
    top: 50%;
    left: 42%;
    transform: translate(-50%, -50%);/*实现水平垂直居中*/
}
.startbtn .more-btn-icon{
    position: absolute;
    top: 50%;
    right: 16px;
    opacity: 1;
    transform: translateY(-50%);/*实现元素垂直居中效果*/
    transition:all linear 0.2s ;
    -webkit-transition: all linear 0.2s ;
}
.startbtn.button1:hover i{right: 11px;}
.shopifylink a{color:#659a40 }
.shopifylink a:hover{color: #385c17}
.wooCommercewhatsite .bigtitle h2 a,.wooCommercewhatsite a{color: #7e49be}
.wooCommercewhatsite .bigtitle h2 a:hover,.wooCommercewhatsite a:hover{ color: #6d35b0}
.wooCommercetogetherdown{text-align: center; margin-top: 4rem}
.wooCommercetogetherdown h2{color: #fff; margin-bottom: 1rem;line-height: 1.6; font-size: 2rem}
.wooCommercetogetherdown p{color: #fff;}
.wooCommercetogethersite{padding: 0; }

.redfoot{
    /*background: linear-gradient(2.8797932657906435rad, hsl(334deg 93% 21%) 0%,hsl(317deg 65% 28%) 100%);*/
    background-image: linear-gradient(92.77deg,#6e0e07 1.76%,#e95b51);
}
.topsite.partertop{ background-image: linear-gradient(92.77deg,#6e0e07 1.76%,#ec645a);
    /*background: url(../images/meihongbeg.jpg) center bottom/cover;*/
}
.topsite.purpletop{    background-color: #7f54b3;
    background-image: linear-gradient(92.77deg,#4a2a7c 1.76%,#8b65c7);}
.purplefoot{ background-image: linear-gradient(16.77deg,#6e3fb8 1.76%,#9669db);    padding-top: 3rem;}
.topsite.apitop{    background-image: linear-gradient(166deg,#092178 1.76%,#0a57ae);}
.topsite.servicetop {
   /* background-image: url("../images/lanzibg.jpg");*/
    background-image: linear-gradient(166deg,#092178 1.76%,#0a57ae);
}


.bgapi .shopifyblock .affrliyou .dropblockwz{ background-image: linear-gradient(166deg,#7bbafc 1.76%,#4197f8);}

.afftime.timeline h3.follow{color:#fff; margin-bottom: 2rem}

.afftime p{color: #fff}
.apifoot {
    background-image: linear-gradient(166deg,#1534a4 1.76%,#4093f2);
}
/*.topsite  .startbtn:hover,.aboutfoot .startbtn.button1:hover{
     box-shadow: 0 1px 10px  rgba(255, 255, 255, .8);
}*/
h2,h3{line-height: 1.6}
.affwelocomejoin{display: flex; align-items: center}
.affwelocomejoinphoto{width: 50%; margin-right: 5rem}
.affwelocomejoin h3{width: 50%; }
.aboutfoot .startbtn.button1{width: 160px;}
.aboutfoot .startbtn.button1 i{right:15px }
.aboutfoot .startbtn.button1:hover i {
    right: 10px;
}
.wookey ul li{background: linear-gradient(2.8797932657906435rad, #4a2a7c 0%,#8b65c7 100%); height: auto}

.purpletop .menu_nav .menu_nav2.layui-nav-item.on>a,.menu_nav2.layui-nav-item dl dd:nth-child(2) a:hover{color:#ba8eff }
.apitop .menu_nav .menu_nav2.layui-nav-item.on>a,.menu_nav2.layui-nav-item dl dd:nth-child(3) a:hover{color:#268cff }

.pricehei  .aboutgap .bigtitle {
    margin-bottom: 5rem;
}
.pricehei .aboutany{color: #fff}
.pricehei .aboutany h3{line-height: 1.8}
.aboutany a{ color: #f6a12b}
.aboutany a:hover{text-decoration: underline}
.supportteam img{border-radius: 1rem}
.supportteam{margin-top: 3rem}
.contacttopsite{height: auto}
.purplefoot a{
    color: #ce9eff;  }
.purplefoot a:hover{text-decoration: underline}
.redfoot a{    color: #ffadad;border-radius: 5px;   }
.redfoot a:hover{text-decoration: underline}

.purplefoot h2{font-size: 3rem; margin-bottom: 0}

.redtop .button1{background:#b82d72}
.greentop .button1.startbtn{background:#0e854a}
.yellowtop .button1.startbtn{background:#bc5926}
.bluewtop .button1,.apitop .button1.startbtn,.servicetop .button1.startbtn {background:#1252d1}
.purpletop .button1.startbtn{background:#7e49be}


.redfoot  .button1{background:#d55c53; color: #fff}
.greenfootbg .button1{background:#0e854a}
.yellowfoot .button1{background:#bc5926}
.bluefoot .button1,.apifoot .button1{background:#123e95}
.purplefoot .button1{background:#5b308f}




.redtop .button1:hover{background:#b82d72}
.greentop .button1.startbtn:hover{background:#033a1f}
.yellowtop .button1.startbtn:hover{background:#8d441f}
.bluewtop .button1:hover,.apifoot .button1:hover,.apitop .button1.startbtn:hover,.servicetop .button1.startbtn:hover{background:#1142a3}
.purpletop .button1.startbtn:hover{background:#5b308f}


/*.purpletop .hgroup-language  a.button1{background:#62339b}
.purpletop .hgroup-language  a.button1:hover{background:#6f34cc}*/

.redfoot .startbtn a:hover{background:#bd463e; }
.greenfootbg .startbtn a:hover{background:#033a1f; }
.yellowfoot .startbtn a:hover{background:#8d441f; }
.bluefoot .startbtn a:hover{background:#083372; }
.purplefoot .startbtn a:hover{background:#0d59cb; }



.partertop .help-top-photowz  .button1{background:#d55c53; }
.partertop .help-top-photowz .button1:hover{    background: #bd463e;}

.whynofee ul li{background: linear-gradient(2.8797932657906435rad, hsl(21deg 93% 36%) 0%,hsl(43deg 97% 55%) 100%); margin-bottom: 0}

.bluefoot{
    background: linear-gradient(107.56deg, rgb(9 45 130) 0%, rgb(0 139 244) 100%);
    /* background-image: url(../images/foot/bluebgfoot.jpg);
     background-position: center;
     background-size: cover;*/
}
.pricetitle.bigtitle h2{font-size: 2.8rem}