@charset "UTF-8";body{width:100%;width:100vw;overflow-x:hidden}.clearfix::after,.clearfix::before{content:" ";display:table}.clearfix::after{clear:both}main{background:#f9f9f9;font-size:16px;min-width:1000px}.back{background:#fff;box-shadow:rgba(0,0,0,.1) 1px 1px 5px 0}.headerBar{min-width:1000px;width:100%;height:68px;position:fixed;top:0;left:0;z-index:10}.headerBar-main{position:relative;width:1000px;height:68px;margin:0 auto}.headerBar .logo{position:absolute;width:185px;height:48px;left:0;top:12px}.headerBar .logo1{position:absolute;width:185px;height:48px;left:0;top:12px;display:none}.headerBar .appDownload{cursor:pointer;width:120px;height:30px;right:0;top:20px;position:absolute}.headerBar .appDownload1{cursor:pointer;width:120px;height:30px;right:0;top:20px;position:absolute;display:none}.headerBar ul.nav{position:absolute;width:720px;height:30px;right:120px;top:20px;overflow:hidden}.headerBar ul.nav li{float:right;line-height:30px;margin-right:30px;font-size:16px;color:#fff;letter-spacing:0;text-align:center}.headerBar ul.nav1{display:none;position:absolute;width:720px;height:30px;right:120px;top:20px;overflow:hidden}.headerBar ul.nav1 li{float:right;line-height:30px;margin-right:30px;font-size:16px;color:#000;letter-spacing:0;text-align:center}.headerBar ul.nav li a{color:#fff}.headerBar ul.nav1 li a{color:#000}#userdetail{background:#f9f9f9}.headerBar ul.demos li{color:#000}.jump_company,.jump_demos,.jump_index{cursor:pointer}@-webkit-keyframes fadeIn1{0%{opacity:0;-webkit-transform:translateY(6px);transform:translateY(6px)}50%{opacity:0;-webkit-transform:translateY(6px);transform:translateY(6px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fadeIn2{0%{opacity:0;-webkit-transform:translate(0,6px);transform:translate(0,6px)}50%{opacity:0;-webkit-transform:translate(0,6px);transform:translate(0,6px)}100%{opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0)}}@-webkit-keyframes fadeIn3{0%{opacity:0;-webkit-transform:translateY(70px);transform:translateY(70px)}50%{opacity:0;-webkit-transform:translateY(70px);transform:translateY(70px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fadeIn4{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}50%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fadeIn5{0%{opacity:0;-webkit-transform:translateY(200px);transform:translateY(200px)}50%{opacity:0;-webkit-transform:translateY(200px);transform:translateY(200px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fadeIn6{0%{opacity:0;top:90px}50%{opacity:0;top:90px}100%{opacity:1;top:0}}.fadein11{animation:fadeIn1 .4s linear 1 .1s;animation-fill-mode:forwards;-webkit-animation:fadeIn1 .4s linear 1 .1s;-webkit-animation-fill-mode:forwards}.fadein13{animation:fadeIn2 .4s linear 1 .2s;animation-fill-mode:forwards;-webkit-animation:fadeIn2 .4s linear 1 .2s;-webkit-animation-fill-mode:forwards}.fadein21{animation:fadeIn3 .4s linear 1 .3s;animation-fill-mode:forwards;-webkit-animation:fadeIn3 .4s linear 1 .3s;-webkit-animation-fill-mode:forwards}.fadein3{animation:fadeIn5 .4s linear 1 .4s;animation-fill-mode:forwards;-webkit-animation:fadeIn5 .4s linear 1 .4s;-webkit-animation-fill-mode:forwards}.fadein4{-webkit-animation:fadeIn6 .4s linear 1 .4s;animation:fadeIn6 .4s linear 1 .4s;animation-fill-mode:forwards;-webkit-animation:fadeIn5 .4s linear 1 .4s;-webkit-animation-fill-mode:forwards}#demosBar{position:relative;top:-44px;display:block;height:0;overflow:hidden}#companyBar{position:relative;top:-44px;display:block;height:0;overflow:hidden}.saomadownload{display:none;width:140px;height:418px;right:0;overflow:hidden;position:fixed;top:20vh;z-index:1000}.saomadownload-button{width:110px;height:32px;background-image:url(//img.58cdn.com.cn/crop/zcm/zcmWebsite/pc1/website_download.png);background-size:100% 100%;position:absolute;left:50%;margin-left:-55px;bottom:87px}.bannerBar-wrap{background-color:#a8aeb6}.bannerBar{width:100%;height:498px;background:url(//img.58cdn.com.cn/crop/zcm/zcmWebsite/pc1/banner1.png) no-repeat;background-position:50% 0;background-size:auto 100%;position:relative}.bannerBar-content{position:absolute;top:0;left:50%;width:1000px;height:100%;margin-left:-500px}.bannerBar-title{position:absolute;top:50%;right:0;margin-top:-43px;width:378px;height:86px}.bannerBar-Button{cursor:pointer;position:absolute;bottom:calc(50% - 113px);right:215px;width:160px;height:48px;background:#ff3e1e;border-radius:24px;font-family:PingFangSC-Medium;font-size:20px;color:#fff;letter-spacing:0;text-align:center}.bannerBar-text{font-size:18px;color:#fff;position:absolute;bottom:calc(50% - 155px);right:170px;letter-spacing:5px}.bannerBarNew{width:100%;height:498px;position:relative}.bannerBarNew .swiper-container{width:auto;height:498px}.bannerBarNew .swiper-container .bannerImg-wrap{background-image:-webkit-gradient(linear,left top,right top,from(#103375),to(#05a1de));background-image:linear-gradient(90deg,#103375,#05a1de)}.bannerBarNew .swiper-container .bannerImg{width:100%;height:498px;background:url(//img.58cdn.com.cn/crop/zcm/zcmWebsite/pc1/actbg.jpg) no-repeat;background-position:50% 0;background-size:auto 100%;position:relative}.bannerBarNew .swiper-container .bannerImg .bannerImg-content{position:absolute;top:0;left:50%;width:1000px;height:100%;margin-left:-500px}.bannerBarNew .swiper-container .bannerImg .bannerImg-title{position:absolute;right:0;margin-top:140px;width:771px;height:130px}.bannerBarNew .swiper-container .bannerImg .bannerImg-btn{cursor:pointer;position:absolute;bottom:calc(50% - 130px);left:246px;width:246px;height:65px;text-align:center}.introBar{width:100%;background:#fff}.introBar-container{position:relative;width:1000px;height:709px;margin:0 auto}.introBar-title{position:absolute;top:46px;left:50%;margin-left:-73px;width:146px;height:76px;background:url(//img.58cdn.com.cn/crop/zcm/zcmWebsite/pc1/productIntroduce.png) no-repeat}.introBar-text{position:relative;width:950px;height:558px;padding-top:151px;padding-left:50px}.introBar-text ul li{cursor:pointer;position:relative;width:100%;height:68px;margin-bottom:46px}.introBar-text li:nth-child(1){animation:fadeIn4 .4s linear 1 .4s;animation-fill-mode:forwards;-webkit-animation:fadeIn4 .4s linear 1 .4s;-webkit-animation-fill-mode:forwards}.introBar-text li:nth-child(2){animation:fadeIn4 .4s linear 1 .5s;animation-fill-mode:forwards;-webkit-animation:fadeIn4 .4s linear 1 .5s;-webkit-animation-fill-mode:forwards}.introBar-text li:nth-child(3){animation:fadeIn4 .4s linear 1 .6s;animation-fill-mode:forwards;-webkit-animation:fadeIn4 .4s linear 1 .6s;-webkit-animation-fill-mode:forwards}.introBar-text li:nth-child(4){animation:fadeIn4 .4s linear 1 .7s;animation-fill-mode:forwards;-webkit-animation:fadeIn4 .4s linear 1 .7s;-webkit-animation-fill-mode:forwards}.introBar-text li:nth-child(5){animation:fadeIn4 .4s linear 1 .8s;animation-fill-mode:forwards;-webkit-animation:fadeIn4 .4s linear 1 .8s;-webkit-animation-fill-mode:forwards}.introBar-icons{position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:50px;height:50px}.introBar-iconsActive{position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:50px;height:50px;display:none}.introBar-textTips{margin-left:66px}.introBar-textTips h1{-webkit-transition:-webkit-transform .5s,-webkit-transform-origin .5s;transition:-webkit-transform .5s,-webkit-transform-origin .5s;transition:transform .5s,transform-origin .5s;transition:transform .5s,transform-origin .5s,-webkit-transform .5s,-webkit-transform-origin .5s;height:33px;line-height:33px;font-family:PingFangSC-Semibold;font-size:24px;color:#111}.introBar-textTips p{height:27px;line-height:27px;font-family:PingFangSC-Regular;font-size:16px;color:#4a4a4a}.introBar-picked div h1,.introBar-picked div p{color:#fe5f45}.introBar-picked .introBar-textTips h1{-webkit-transform:scale(1.5);transform:scale(1.5);-webkit-transform-origin:left 50%;transform-origin:left 50%}.introBar-picked .introBar-iconsActive{display:block}.introBar-picked .introBar-icons{display:none}.introBar-iphone{-webkit-transition:all .5s;transition:all .5s;position:absolute;top:125px;right:0;width:470px;height:580px;z-index:5;background:url(//img.58cdn.com.cn/crop/zcm/zcmWebsite/pc1/ihpone01.png)}.demosBar-container{position:relative;width:1000px;height:575px;margin:0 auto;overflow:hidden}.demosBar-title{position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:0;-webkit-transition:all 1s;transition:all 1s}.demosBar-title .demosBar-pic{margin:40px auto 0;width:146px;height:76px}.demosBar-title h1{margin-top:4px;font-family:PingFangSC-Regular;font-size:24px;color:#000;letter-spacing:0;text-align:center;line-height:22px}.demosBar-title h1 span{font-weight:700;font-family:PingFangSC-Semibold;color:#fe5f45}.demosBar-content{position:relative;margin-top:181px;overflow:hidden;-webkit-transition:all 1s;transition:all 1s}.demosBar-content ul{margin-right:-20px}.demosBar-content li:hover{top:-20px!important;-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}.demosBar-content li{-webkit-transition:all 1s;transition:all 1s;float:left;cursor:pointer;box-sizing:border-box;width:320px;height:362px;margin-right:20px;background:#fff;border:1px solid #ededed}.demosBar-content li .content-pic{width:320px;height:176px}.demosBar-content li h2{text-indent:15px;margin-top:13px;font-size:12px;color:#000}.demosBar-content li .content-desc{text-indent:14px;margin-top:8px;height:22px;line-height:22px;font-family:PingFangSC-Regular;font-size:16px;color:#000}.demosBar-content li .content-intro{width:284px;margin-top:8px;margin-left:16px;font-family:PingFangSC-Regular;font-size:12px;color:#9b9b9b;line-height:16px}.demosBar-content li .content-button{width:86px;height:24px;line-height:24px;margin-top:13px;margin-left:14px;border:1px solid #fe5f45;border-radius:12.5px;font-family:PingFangSC-Regular;font-size:12px;color:#ff7a65;letter-spacing:0;text-align:center}.companyBar{background:#fff}.companyBar-container{width:1000px;margin:0 auto;overflow:hidden}.companyBar-title{position:relative;-webkit-transition:all 1s;transition:all 1s}.companyBar-title .companyBar-pic{margin:44px auto 0;width:146px;height:76px}.companyBar-title h1{margin-top:4px;font-family:PingFangSC-Regular;font-size:24px;color:#000;letter-spacing:0;text-align:center;line-height:22px}.companyBar-list{width:1000px;height:487px;margin:0 auto;margin-top:53px;padding:0 8px;overflow-x:hidden}.companyBar-list ul{margin-right:-25px}.companyBar-list li{float:left;width:220px;height:436px;margin-right:25px;background:#fff;box-shadow:0 4px 8px 0 #ededed;border-radius:4px}.companyBar-list li h2{padding-top:18px;padding-bottom:16px;font-family:PingFangSC-Semibold;font-size:24px;color:#4a4a4a;text-align:center}.companyBar-list li h2 span{display:block;height:33px;line-height:33px;text-align:center}.companyBar-list li div.line{margin:0 auto;width:188px;height:2px;background:#ededed}.companyBar .logos{text-align:center}.companyBar .logos span{margin:0 auto;display:block}.companyBar span.haidilao{width:109px;height:36px;background:url(//img.58cdn.com.cn/crop/zcm/zcmWebsite/m1/haidilao.png) center center no-repeat;background-size:100% 100%;margin-top:24px}.companyBar span.quanjude{width:118px;height:48px;background:url(//img.58cdn.com.cn/crop/zcm/zcmWebsite/m1/quanjude.png) center center no-repeat;background-size:100% 100%;margin-top:38px}.companyBar span.yapu{width:113px;height:32px;background:url(//img.58cdn.com.cn/crop/zcm/zcmWebsite/m1/yapu.png) center center no-repeat;background-size:100% 100%;margin-top:32px}.companyBar span.m{width:110px;height:47px;background:url(//img.58cdn.com.cn/crop/zcm/zcmWebsite/m1/m.png) center center no-repeat;background-size:100% 100%;margin-top:42px}.companyBar span.jingdong{width:124px;height:70px;background:url(//img.58cdn.com.cn/crop/zcm/zcmWebsite/m1/jingdong.png) center center no-repeat;background-size:100% 100%;margin-top:6px}.companyBar span.shunfeng{width:106px;height:40px;background:url(//img.58cdn.com.cn/crop/zcm/zcmWebsite/m1/shunfeng.png) center center no-repeat;background-size:100% 100%;margin-top:26px}.companyBar span.suning{width:124px;height:62px;background:url(//img.58cdn.com.cn/crop/zcm/zcmWebsite/m1/suning.png) center center no-repeat;background-size:100% 100%;margin-top:21px}.companyBar span.zhenai{width:146px;height:81px;background:url(//img.58cdn.com.cn/crop/zcm/zcmWebsite/m1/zhenai.png) center center no-repeat;background-size:100% 100%;margin-top:10px}.companyBar span.renshou{width:110px;height:38px;background:url(//img.58cdn.com.cn/crop/zcm/zcmWebsite/m1/renshou.png) center center no-repeat;background-size:100% 100%;margin-top:23px}.companyBar span.huaxia{width:112px;height:31px;background:url(//img.58cdn.com.cn/crop/zcm/zcmWebsite/m1/huaxia.png) center center no-repeat;background-size:100% 100%;margin-top:45px}.companyBar span.zhaoshang{width:140px;height:53px;background:url(//img.58cdn.com.cn/crop/zcm/zcmWebsite/m1/zhaoshang.png) center center no-repeat;background-size:100% 100%;margin-top:27px}.companyBar span.jiexin{width:123px;height:60px;background:url(//img.58cdn.com.cn/crop/zcm/zcmWebsite/m1/jiexin.png) center center no-repeat;background-size:100% 100%;margin-top:31px}.companyBar span.woerma{width:101px;height:39px;background:url(//img.58cdn.com.cn/crop/zcm/zcmWebsite/m1/woerma.png) center center no-repeat;background-size:100% 100%;margin-top:22px}.companyBar span.adida{width:73px;height:44px;background:url(//img.58cdn.com.cn/crop/zcm/zcmWebsite/m1/adida.png) center center no-repeat;background-size:100% 100%;margin-top:35px}.companyBar span.zara{width:78px;height:32px;background:url(//img.58cdn.com.cn/crop/zcm/zcmWebsite/m1/zara.png) center center no-repeat;background-size:100% 100%;margin-top:38px}.companyBar span.nike{width:92px;height:48px;background:url(//img.58cdn.com.cn/crop/zcm/zcmWebsite/m1/nike.png) center center no-repeat;background-size:100% 100%;margin-top:44px}.appDownloadBar{width:100%;height:369px;position:relative}.appDownloadBar .main{margin:0 auto;width:1000px}.appDownloadBar .downloadTitle{font-family:PingFangSC-Semibold;font-size:24px;color:#111;letter-spacing:0;text-align:center;margin:60px auto 70px;font-weight:700}.appDownloadBar .downloadMethod{position:relative;margin:0 auto;width:900px}.appDownloadBar .downloadMethod1{position:relative;margin:0 auto;width:700px}.appDownloadBar .appStoreBar{display:inline-block;vertical-align:bottom}.appDownloadBar .appStoreBar .andriodStore,.appDownloadBar .appStoreBar .appleStore{width:260px;height:72px;margin-top:16px;cursor:pointer}.appDownloadBar .appStoreBar span,.appDownloadBar .messageBar span,.appDownloadBar .scanerweimaBar span,.appDownloadBar .scanerweimaBar1 span{font-size:16px;color:#4a4a4a;text-align:center}.appDownloadBar .scanerweimaBar,.appDownloadBar .scanerweimaBar1{width:148px;vertical-align:bottom;display:inline-block;text-align:center}.appDownloadBar .scanerweimaBar .erweima,.appDownloadBar .scanerweimaBar1 .erweima{width:100%;height:134px;margin-top:16px;text-align:center}.appDownloadBar .scanerweimaBar .erweima img,.appDownloadBar .scanerweimaBar1 .erweima img{width:134px;height:134px}.appDownloadBar .scanerweimaBar .scanerweimaBar-text,.appDownloadBar .scanerweimaBar1 .scanerweimaBar-text{font-size:16px;color:#4a4a4a;margin-top:10px;text-align:center}.appDownloadBar .scanerweimaBar1{margin-left:200px}.appDownloadBar .line1,.appDownloadBar .line2{display:inline-block;margin:0 72px;width:1px;height:170px;background-color:#ededed;vertical-align:bottom}.appDownloadBar .zcmZmbDownload{display:inline-block;width:176px;text-align:center;font-size:16px;font-family:PingFangSC-Regular;color:#4a4a4a}.appDownloadBar .zcmZmbDownload img{margin:16px auto 12px;width:110px;height:110px}.appDownloadBar .zcmZmbDownload a{width:176px;height:42px;background-image:url(//img.58cdn.com.cn/crop/zcm/zcmWebsite/pc1/website_bottomDownload.png);background-size:100% 100%;display:inline-block}.shade{background:rgba(0,0,0,.7);display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999}.shade .downloadMethod1{padding-top:50px}.shade .appDownloadBar{background:#f7f9fb;position:relative;width:800px;margin:35vh auto 0;height:300px;border-radius:8px}.shade .appDownloadBar span{font-size:18px;color:#70767e}.shade .appDownloadBar #close{cursor:pointer;width:20px;height:20px;right:0;top:0;position:absolute;overflow:hidden;font-size:0;z-index:9;line-height:0;margin:10px}.shade .appDownloadBar #close img{margin:0}footer{width:100%;height:162px;background:#303035}footer .linkBar{width:100%;margin-top:46px;display:inline-block;font-family:PingFangSC-Medium;font-size:16px;color:#9b9b9b;text-align:center}footer .linkBar a{color:#9b9b9b}footer .copyright{margin-top:30px;width:100%;font-family:PingFangSC-Medium;font-size:12px;color:#9b9b9b;text-align:center}.floatLayer{width:100%;height:100px;background-image:-webkit-gradient(linear,left top,left bottom,from(#2c6df0),to(#1038d6));background-image:linear-gradient(-180deg,#2c6df0 0,#1038d6 100%);position:fixed;bottom:0;left:0;font-size:0;z-index:20}.floatLayerBar{position:relative;width:920px;height:100%;margin:0 auto;font-size:0}.floatLayerBar .text_wraper{position:absolute;top:20px;left:150px}.floatLayerBar .text_wraper span{font-size:24px;color:#fff;display:inline-block}.floatLayerBar .text_wraper span:last-child{font-size:28px;color:#fff;font-weight:700;margin-top:10px}.floatLayerBar .gatherLogo{position:absolute;left:0;bottom:0;width:136px;height:130px}.floatLayerBar .textBar{cursor:pointer;width:170px;position:absolute;right:90px;top:55%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.floatLayerBar .packupBtn{width:32px;height:32px;position:absolute;right:24px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer}.floatPackup{cursor:pointer;width:200px;height:108px;position:fixed;bottom:20px;left:0}#lowVersionShade{width:100%;height:100%;position:fixed;top:0;left:0;background:#f7f9fb;display:none;font-size:16px;z-index:9999}#notice{font-size:30px;width:100%;text-align:center;margin-top:100px;color:red}#broswerBar{overflow:hidden;margin-top:10%;width:100%;height:600px}#chromeBar,#firefoxBar,#ieBar{width:30%;height:500px;display:inline-block;color:#5e5e5e;font-size:25px;float:left;margin-left:1.5%;margin-right:1.5%}#chromeBar p,#firefoxBar p,#ieBar p{width:100%;text-align:center}#chromeBar img,#firefoxBar img,#ieBar img{width:250px;height:120px;text-align:center;display:block;margin:20px auto 0}#chromeBar a,#firefoxBar a,#ieBar a{text-align:center;width:100%;font-size:25px;display:inline-block;margin-top:20px}.articleBar{width:800px;margin:68px auto 0;padding-top:35px;color:#333}.articleBar-title{width:100%;font-family:PingFangSC-Medium;font-size:48px;color:#333;letter-spacing:0;line-height:60px;word-break:break-word}.articleBar-img{width:100%;margin-top:20px}.articleBar-img img{width:100%}.articleBar-container{margin-top:30px}.articleBar-container img{max-width:100%}.articleBar-container h3{margin-top:17px;line-height:32px;font-size:20px;font-weight:700}.articleBar-container p{margin-top:17px;font-size:18px;line-height:32px}