@charset "utf-8";
/* CSS Document */
div, ul, li { box-sizing: border-box;}

/*banner*/
.main-img { width: 100%; padding: 50px 0 0; color: #fff; text-align: center; overflow: hidden; background: url(../images/main-img.jpg) no-repeat; background-size: 100% 100%;}
.main-img-inner { width: 80%; margin: 0 auto;}
.main-img-inner h2 { font-size: 1rem; font-weight: 300; padding-top: 1rem;}
.main-img-inner .desc{ font-size: .6rem; margin: .5rem 0 1rem 0;}
.main-img-inner .btn { padding: .4rem 1.3rem; font-size: .6rem; color: #fff; background-color: #3dbaf7; border-radius: 2px;}
.main-img-inner .tel { font-size: .6rem; margin: .75rem 0;}

.container .content { padding: 0 .5rem; overflow: hidden;}
.container .content h3 { font-weight: 300; color: #333;}

/*什么是新零售*/
.module1 .content li { width: 33.33%;}
.module1 .content li:nth-child(4) { margin-left: 16.66%;}
.module1 .content li .icon { width: 65%; height: 0; padding-bottom: 65%; margin: 0 auto; background-image: url(../images/module1.png); background-repeat: no-repeat; background-size: 500% 100%;}
.module1 .content li .icon1 { background-position: 0 0;}
.module1 .content li .icon2 { background-position: 25% 0;}
.module1 .content li .icon3 { background-position: 50% 0;}
.module1 .content li .icon4 { background-position: 75% 0;}
.module1 .content li .icon5 { background-position: 100% 0;}
.module1 .content li h3 { padding: .5rem 0 0; font-size: .75rem; font-weight: 300; color: #333;}
.module1 .content li p { padding: .5rem; color: #969696;}

/*线上线下数据互通*/
.module2 { background: #f7f7f7;}
.module2 li { width: 33.33%; padding-bottom: .5rem; text-align: center;}
.module2 li .iconfont { display: inline-block; width: 2.5rem; height: 2.5rem; font-size: 1.4rem; line-height: 2.5rem; color: #fff; text-align: center; overflow: hidden; border-radius: 50%;}
.module2 .content li h3 { padding: .5rem 0 0; font-size: .6rem;}

/*线上线下融合，数字化营销，精细化管控，重新定义消费场景*/
.module3 .content { width: 100%;}
.module3 li { width: 33.33%; padding: 0 .5rem .5rem; text-align: center;}
.module3 li .iconfont { display: inline-block; width: 2.5rem; height: 2.5rem; font-size: 1.4rem; line-height: 2.5rem; color: #fff; text-align: center; overflow: hidden; border-radius: 50%; border: 3px solid rgba(255, 255, 255, .4);}
.module3 .content li h3 { padding: .5rem 0 0; font-size: .65rem;}
.module3 .content li p { font-size: .6rem; line-height: .8rem; color: #666;}

/*新零售热门应用场景*/
.module4 li { width: 25%; padding-bottom: .5rem; text-align: center;}
.module4 li .iconfont { display: inline-block; width: 2.5rem; height: 2.5rem; font-size: 1.4rem; line-height: 2.5rem; color: #fff; text-align: center; overflow: hidden; border-radius: 50%;}
.module4 .content li h3 { padding: .5rem 0 0; font-size: .65rem;}

/*新零售是精细化运营的零售*/
.process-tab { padding: 0 .4rem; margin: 0 auto .6rem; overflow: hidden;}
.process-tab li { float: left; width: 24.2%; padding-top: 0 !important; margin: 1% 0 0 1%; font-size: .6rem; line-height: 1.8rem; color: #fff; text-align: center; overflow: hidden; background: #999;}
.process-tab-spe li { width: 32.6%;}
.process-tab li.first { margin-left: 0;}
.process-tab li a { color: #fff;}
.process-tab .active { background: #58b9fd;}
.process-img li { padding-top: 0 !important;}

/*客户案例*/
.case-list { padding: 1rem 1rem 2rem;}
.case-list .swiper-slide { width:  100%; padding:  .5rem 1rem; 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 .desc { height: 6rem; padding: .5rem 0; font-size: .6rem; line-height: 2; color: #666; text-align: left;}
.case-list .swiper-slide .product { font-size: .6rem; color: #333;}

/*底部*/
.register-tip { padding: 1rem 0; text-align: center; background: url(https://www.68mall.com/images/case/register-tip.jpg) no-repeat center top; background-size: auto 100%;}
.register-tip .btn-wrap { width: 100%; margin: 0 auto; text-align: center;}
.register-tip .btn-wrap .btn { display: inline-block; width: 5rem; height: .8rem; margin: 0 .25rem; font-size: .7rem; line-height: .8rem; color: #fff; text-align: center; border: 1px solid #fff; border-radius: 3px;}
.register-tip .btn-wrap .btn-white { color: #3ebaf8; background: #fff;}