@charset "utf-8";
/**********************首页************************/
/*banner*/
.main-img { width: 100%; padding-top: 50px; color: #fff; text-align: center; overflow: hidden; background: url(../images/main-bg.png) no-repeat center center; background-size: cover;}
.main-img h1 { font-size: 1.6rem; padding: 1.2rem 0 1rem;}
.main-img .banner-img { width: 95%;}

/*零售实体面临的困境？*/
.module1 ul { padding: 1rem .5rem 0;}
.module1 ul li { width: 50%; padding: 0 .5rem; margin-bottom: .5rem; -webkit-box-sizing: border-box; box-sizing: border-box;}
.module1 ul li .iconfont { display: block; width: 3rem; height: 3rem; margin: 0 auto .5rem; font-size: 1.5rem; line-height: 3rem; color: #fff; text-align: center; border: .15rem solid rgba(255,255,255,.6); border-radius: 50%;}

/*共享产品库 一年节省20万*/
.module3 { background: #d7eefc;}
.module3 .desc span { display: block; color: #009fde;}

/*多维度用户画像*/
.module5 { background: #eff7ff;}

/*智能营销*/
.module6 .desc span { display: block; color: #408bfc;}

/*多种推送渠道*/
.module7 { width: 90%; margin: 0 auto;}
.module7 .channel { display: -webkit-box; display: -webkit-flex; display: flex; width: 90%; margin: 0 auto;}
.module7 .channel li { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; width: 100%; padding: .5rem 0; margin: 0 .5rem; border-radius: .3rem;}
.module7 .channel li .iconfont { font-size: 2rem;}
.module7 .channel li p { padding-top: 0;}
.module7 .module7-icon { padding: 1.2rem 0 1rem; font-size: .8rem; text-align: center;}
.module7 .module7-icon .iconfont { display: none; font-size: 1rem; color: #408bfc;}
.module7 .fr { width: 55%; padding-left: 5%;}
.module7 .fr li { padding-top: 0;}
.module7 .fr h3 { font-size: .6rem; font-weight: normal; color: #666;}
.module7 .fr .voice-box { position: relative; padding-right: 10px;}
.module7 .fr .voice { width: 150px; height: 47px; cursor: pointer; background: url(../images/module7-voice-bg.png) no-repeat 0 0; background-size: 100% auto;}
.module7 .fr .voice-box .dot { position: absolute; top: 18px; right: 0; display: block; width: 7px; height: 7px; background: #f16264; border-radius: 50%;}
.module7 .fr .voice-box .voice-icon { position: absolute; top: 10px; left: 18px; width: 24px; height: 24px; cursor: pointer; background: url(../images/module7-voice.png) no-repeat -48px 0;}
@-webkit-keyframes img-animate {
    0% { background-position: 0 0;}
    33% { background-position: 0 0;}
    34% { background-position: -24px 0;}
    66% { background-position: -24px 0;}
    67% { background-position: -48px 0;}
    100% { background-position: -48px 0;}
}
@keyframes img-animate {
    0% { background-position: 0 0;}
    33% { background-position: 0 0;}
    34% { background-position: -24px 0;}
    66% { background-position: -24px 0;}
    67% { background-position: -48px 0;}
    100% { background-position: -48px 0;}
}
.module7 .fr .active .voice-icon { -webkit-animation: img-animate 1s linear infinite; -moz-animation: img-animate 1s linear infinite; -o-animation: img-animate 1s linear infinite; animation: img-animate 1s linear infinite;}

/*当商之翼"自助购"遇上"人脸支付"*/
.module8 ul { padding: 0 .5rem;}
.module8 ul li { width: 50%;}
.module8 .img { position: relative; width: 100%; padding-bottom: 100%; overflow: hidden; background-image: url(../images/module8.png); background-repeat: no-repeat; background-size: 400% 100%; border-radius: 10px;}
.module8 .img1 { background-position: 0 0 !important;}
.module8 .img2 { background-position: 33.333% 0 !important;}
.module8 .img3 { background-position: 66.666% 0 !important;}
.module8 .img4 { background-position: 100% 0 !important;}
.module8 .img h4 { position: absolute; top: 0; left: 0; width: 100%; font-size: 15px; line-height: 1.4rem; color: #fff;}
.module8 li h3 { margin-top: .8rem; font-size: .7rem; font-weight: normal; color: #666;}
.module8 li p { padding: 0; font-size: .6rem; color: #666;}

/*多特色功能助力商家提高效率&低成本，快速吸粉*/
.module9 ul { padding: 0 .5rem;}
.module9 li { width: 50%; padding: 0 .5rem; box-sizing: border-box;}
.module9 li h3 { font-size: .8rem; font-weight: normal;}
.module9 li .icon { display: block; width: 80%; padding-bottom: 80%; margin: 0 auto 12px; background-image: url(../images/module9.png); background-repeat: no-repeat; background-size: 900% 100%;}
.module9 li .icon1 { background-position: 0 0 !important;}
.module9 li .icon2 { background-position: 12.5% 0 !important;}
.module9 li .icon3 { background-position: 25% 0 !important;}
.module9 li .icon4 { background-position: 37.5% 0 !important;}
.module9 li .icon5 { background-position: 50% 0 !important;}
.module9 li .icon6 { background-position: 62.5% 0 !important;}
.module9 li .icon7 { background-position: 75% 0 !important;}
.module9 li .icon8 { background-position: 87.5% 0 !important;}

/*粉丝留存与转化*/
.module10 .desc span { display: block; margin-bottom: .2rem; color: #408bfc;}
.module10 .notice { padding-top: 0; font-size: .6rem; color: #f00;}
.module10 li { width: 100%; padding: 0 3rem; box-sizing: border-box;}
.module10 li .iconfont { display: block; width: 4rem; height: 4rem; margin: 0 auto 1rem; font-size: 2rem; line-height: 4rem; color: #fff; text-align: center; border-radius: .2rem;}
.module10 li h3 { font-size: .8rem; font-weight: normal;}

/*购物+直播 增加信赖感，提升购物体验*/
.module11 { background: #f1f4fe;}

/*人脸识别*/
.module12 ul { margin: 0 1rem;}
.module12 ul li { position: relative; padding-top: 0; padding-bottom: .5rem; padding-left: 12px; font-size: 14px; line-height: 1.8; color: #666; text-align: left;}
.module12 ul li i { position: absolute; top: 9px; left: 0; display: block; width: 6px; height: 6px; background: #0bdecc; border-radius: 50%;}

/*更多营销方案 保持会员黏性*/
.module13 { background: #e9fff7;}
.module13 ul li { width: 33.33%;}
.module13 ul li .iconfont { display: block; width: 3rem; height: 3rem; margin: 0 auto; font-size: 1.5rem; line-height: 3rem; color: #fff; text-align: center; border-radius: 4px;}

/*商城、门店数据轻松同步*/
.module14 li { width: 100%; padding: 0 3rem; box-sizing: border-box;}
.module14 li .iconfont { display: block; width: 4rem; height: 4rem; margin: 0 auto 1rem; font-size: 2rem; line-height: 4rem; color: #fff; text-align: center; border-radius: .2rem;}
.module14 li h3 { font-size: .8rem; font-weight: normal;}

/*智能物流 配送效率更高*/
.module15 ul li { width: 100%; padding: 0 3rem 1rem; box-sizing: border-box;}
.module15 ul li .icon-box { position: relative; width: 80px; height: 80px; margin: 0 auto .5rem; cursor: pointer; box-sizing: border-box;}
.module15 ul li .icon-box .iconfont { position: absolute; display: block; width: 80px; height: 80px; font-size: 70px; line-height: 80px;}
.module15 ul li .icon-box .icon1 { color: #bddff4;}
.module15 ul li .icon-box .icon2 { color: #19acdd;}
.module15 ul li .icon-box2 .icon2 { color: #75cdeb;}
.module15 ul li .icon-box2 .icon3 { color: #19acdd;}
.module15 ul li .icon-box4 .dot { position: absolute; display: block; width: 8px; height: 13px; background: #19acdd; border-radius: 3px;}
.module15 ul li .icon-box4 .icon2 { top: 9px; left: 27px;}
.module15 ul li .icon-box4 .icon3 { top: 41px; left: 50px;}
.module15 ul li .icon-box4 .icon4 { top: 57px; left: 26px;}
.module15 ul li h3 { font-size: .8rem; font-weight: normal; color: #333;}

/*客户案例*/
.case-list { padding: 1rem 1rem 2rem;}
.case-list .swiper-slide { width: 70%; padding: .7rem; text-align: center; background: #fff; border: 1px solid #f0f0f0; box-sizing: border-box;}
.case-list .swiper-slide img { width: 70%; margin-bottom: .5rem;}
.case-list .swiper-slide h3 { font-size: .7rem; font-weight: 700; color: #333;}
.case-list .swiper-slide p { height: 7.5rem; padding: .5rem 0; font-size: .6rem; line-height: 2; color: #666; text-align: left;}

/*底部注册体验*/
.register-tip { padding: 1rem 0 .8rem; background: url(../images/register-bg.jpg) no-repeat center center; background-size: auto 100%;}
.register-tip .btn { position: relative; display: block; width: 6rem; height: 1.8rem; padding: 0; margin: 0 auto .5rem; font-size: .7rem; line-height: 1.8rem; color: #fff; text-align: center; background: #8597f7; border: 0;}
.register-tip .btn:hover:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.05);}
.register-tip p { font-size: 16px; line-height: 1.6; color: #666; text-align: center;}
.register-tip .worktime { font-size: 14px;}

/*隐藏百度商桥*/
#newBridge { display: none !important;}