@charset "utf-8";
/* CSS Document */
/*banner*/
.main-img { width: 100%; height: 420px; color: #fff; background: url(../images/main-img.jpg) no-repeat center top;}
.main-img .title { padding-top: 115px; font-size: 42px; font-weight: 400; color: #fff;}
.main-img .desc { height: 80px; margin-top: 10px; font-size: 18px; font-family: "PingFangSC-Light", 'MicroSoft YaHei'; line-height: 1.8; color: #fff; text-shadow: 0 0 10px rgba(0,0,0,.2);}
.main-img .btn { display: inline-block; width: 130px; height: 40px; padding: 0; font-size: 18px; font-family: "PingFangSC-Light", 'MicroSoft YaHei'; line-height: 40px; color: #fff; text-align: center; background: #f3ba4e; border-radius: 6px; transition: all .2s;}
.main-img .btn:hover { background: #ffae15;}

/*内容模块*/
.container-wrap { min-width: 1210px;}
.container { min-width: 1100px; padding: 90px 0 0; margin: 0 auto;}
.container .content { padding-top: 65px;}
.container .title { position: relative; margin-bottom: 15px; font-size: 30px; line-height: 40px; color: #333; text-align: center;}
.container .title span { padding-left: 15px; color: #ff5339;}
.container .desc { width: 900px; padding-bottom: 50px; margin: 0 auto; font-size: 16px; line-height: 1.8; color: #666; text-align: center;}
.container ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.container li { float: left; line-height: 24px; text-align: center;}
.container li h3 { font-size: 16px; color: #333;}
.container li p { padding-top: 10px; font-size: 14px; color: #72767a;}
.container .btn { display: inline-block; padding: 12px 50px; font-size: 16px; color: #666; border: 1px solid #bbc0ce; border-radius: 3px;}
.container .float-text { width: 408px; padding-top: 110px;}
.container .float-text .title { text-align: left;}
.container .float-text .sub-title { padding-bottom: 13px; font-size: 20px; color: #fcb631;}
.container .float-text .desc { width: 100%; padding-bottom: 25px; font-size: 16px; text-align: left;}

/*什么是多连锁门店版云小店*/
.module1 img { margin-left: 25px;}
.module1 .float-text { width: 450px; padding: 92px 60px 0 0;}
.module1 .float-text .sub-title { padding-bottom: 5px;}

/*分店精细运营，打造个性化门店线上商城*/
.module4 { padding-bottom: 87px;}

/*商品通 && 订单通 && 库存通*/
.module5, .module7, .module11 { padding-bottom: 90px; background: #f5f5f5;}
.module6, .module8, .module10 { padding: 100px 0;}
.module9 { padding: 70px 0; background: #f5f5f5;}
.module9 .float-text { padding-top: 180px;}
.module10 .float-text { padding-top: 140px;}

/*核心功能*/
.module12 li { width: 192px; padding-top: 70px; margin-left: 35px;}
.module12 li .icon { display: block; width: 160px; height: 160px; margin: 0 auto; background-image: url(../images/module12.png); background-repeat: no-repeat;}
.module12 li .icon1 { background-position: 0 0;}
.module12 li .icon2 { background-position: -160px 0;}
.module12 li .icon3 { background-position: -320px 0;}
.module12 li .icon4 { background-position: -480px 0;}
.module12 li .icon5 { background-position: -640px 0;}
.module12 li .icon6 { background-position: -800px 0;}
.module12 li .icon7 { background-position: -960px 0;}
.module12 li .icon8 { background-position: -1120px 0;}
.module12 li .icon9 { background-position: -1280px 0;}
.module12 li .icon10 { background-position: -1440px 0;}
.module12 li h3 { padding: 16px 0 12px; font-size: 20px;}
.module12 li p { padding-top: 0; font-size: 14px; color: #666;}

/*适用场景*/
.module13 li { width: 340px; margin-left: 40px;}
.module13 li h3 { font-size: 24px; line-height: 85px; color: #fcb631;}

/*客户案例*/
.case-list .title { margin-bottom: 30px;}
.case-list .btn { display: block; width: 166px; height: 40px; padding: 0; margin: 30px auto 60px; font-size: 18px; line-height: 40px; color: #fff; background: #fcb631; border: none; border-radius: 6px;}
.case-list .btn:hover { background: #ffae15;}
.case-list li { width: 180px; height: 70px; margin: 0 0 35px 45px; overflow: hidden; background: url(../images/case.jpg) no-repeat;}
.case-list .icon1 { background-position: 0 0;}
.case-list .icon2 { background-position: -180px 0;}
.case-list .icon3 { background-position: -360px 0;}
.case-list .icon4 { background-position: -540px 0;}
.case-list .icon5 { background-position: -720px 0;}
.case-list .icon6 { background-position: 0 -70px;}
.case-list .icon7 { background-position: -180px -70px;}
.case-list .icon8 { background-position: -360px -70px;}
.case-list .icon9 { background-position: -540px -70px;}
.case-list .icon10 { background-position: -720px -70px;}
.case-list .icon11 { background-position: 0 -140px;}
.case-list .icon12 { background-position: -180px -140px;}
.case-list .icon13 { background-position: -360px -140px;}
.case-list .icon14 { background-position: -540px -140px;}
.case-list .icon15 { background-position: -720px -140px;}
.case-list .icon16 { background-position: 0 -210px;}
.case-list .icon17 { background-position: -180px -210px;}
.case-list .icon18 { background-position: -360px -210px;}
.case-list .icon19 { background-position: -540px -210px;}
.case-list .icon20 { background-position: -720px -210px;}

/*注册提醒*/
.register-tip { width: 100%; padding: 48px 0; color: #d81313; text-align: center; background: #299cf8 url(../images/register-bg.png) no-repeat center center; background: linear-gradient(to right, #299cf8,#40bae7) url(../images/register-bg.png) no-repeat center center;}
.register-tip .title { margin-bottom: 10px;}
.register-tip .desc { padding-bottom: 25px; font-size: 14px;}
.register-tip .btn { width: 158px; height: 38px; padding: 0; margin: 0 13px; font-size: 14px; line-height: 38px; color: #fff; border: 1px solid #fff;}
.register-tip .btn-primary { color: #299cf8; background: #fff;}

@media only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    .module12 li .icon { background-image: url(../images/module12@2x.png); background-size: auto 100%;}
}