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

/*banner*/
.main-img { width: 100%; padding: 2.5rem 0 .5rem; color: #fff; text-align: center; overflow: hidden; background: url(../images/main-img.jpg) no-repeat center top; background-size: cover;}
.main-img-inner { width: 80%; margin: 0 auto; text-align: left;}
.main-img-inner .title { padding-top: 1rem; font-size: .85rem; font-weight: normal;}
.main-img-inner .title span { color: #ff6e3b;}
.main-img-inner .desc{ font-size: .55rem; margin: .3rem 0 .8rem 0;}
.main-img-inner .desc a { color: #fff;}
.main-img-inner .btn { display: block; width: 5rem; font-size: .6rem; line-height: 1.2rem; text-align: center; color: #fff; background: #ff6e3b; border-radius: 2px;}

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

/*同业&异业商家联盟*/
.module1 ul li { width: 33.33%;}
.module1 ul li .iconfont { display: block; width: 3.5rem; height: 3.5rem; margin: 0 auto; font-size: 2rem; line-height: 3.5rem; color: #fff; border-radius: 50%;}
.module1 ul li:nth-child(1) .iconfont { background: #ff542a; background: -webkit-linear-gradient(left, #ff6f3a, #ff542a 80%); background: -o-linear-gradient(bottom, #ff6f3a, #ff542a 80%); background: -moz-linear-gradient(bottom, #ff6f3a, #ff542a 80%); background: linear-gradient(to bottom, #ff6f3a, #ff542a 80%);}
.module1 ul li:nth-child(2) .iconfont { background: #ff872b; background: -webkit-linear-gradient(left, #ff9544, #ff872b 80%); background: -o-linear-gradient(bottom, #ff9544, #ff872b 80%); background: -moz-linear-gradient(bottom, #ff9544, #ff872b 80%); background: linear-gradient(to bottom, #ff9544, #ff872b 80%);}
.module1 ul li:nth-child(3) .iconfont { background: #4892ff; background: -webkit-linear-gradient(left, #79afff, #4892ff 80%); background: -o-linear-gradient(bottom, #79afff, #4892ff 80%); background: -moz-linear-gradient(bottom, #79afff, #4892ff 80%); background: linear-gradient(to bottom, #79afff, #4892ff 80%);}
.module1 ul li:nth-child(4) .iconfont { background: #0dc56a; background: -webkit-linear-gradient(left, #23de81, #0dc56a 80%); background: -o-linear-gradient(bottom, #23de81, #0dc56a 80%); background: -moz-linear-gradient(bottom, #23de81, #0dc56a 80%); background: linear-gradient(to bottom, #23de81, #0dc56a 80%);}
.module1 ul li:nth-child(5) .iconfont { background: #ffb400; background: -webkit-linear-gradient(left, #ffcc01, #ffb400 80%); background: -o-linear-gradient(bottom, #ffcc01, #ffb400 80%); background: -moz-linear-gradient(bottom, #ffcc01, #ffb400 80%); background: linear-gradient(to bottom, #ffcc01, #ffb400 80%);}
.module1 ul li:nth-child(6) .iconfont { background: #47d2ff; background: -webkit-linear-gradient(left, #83e0ff, #47d2ff 80%); background: -o-linear-gradient(bottom, #83e0ff, #47d2ff 80%); background: -moz-linear-gradient(bottom, #83e0ff, #47d2ff 80%); background: linear-gradient(to bottom, #83e0ff, #47d2ff 80%);}

/*PC端的核心价值无可取代*/
.module2 li { width: 50%;}
.module2 li .icon { width: 60%; padding-bottom: 60%; margin: 0 auto; background-image: url(../images/module2.png); background-repeat: no-repeat; background-size: 500% 100%;}
.module2 li .icon1 { background-position: 0 0;}
.module2 li .icon2 { background-position: 25% 0;}
.module2 li .icon3 { background-position: 50% 0;}
.module2 li .icon4 { background-position: 75% 0;}

/*同业&异业商家联盟*/
.module4 ul li { width: 50%; padding: 1rem .2rem 0;}
.module4 ul li:last-child { margin-left: 25.66%;}
.module4 li .icon { width: 60%; padding-bottom: 60%; margin: 0 auto; background-image: url(../images/module4.png); background-repeat: no-repeat; background-size: 500% 100%;}
.module4 li .icon1 { background-position: 0 0;}
.module4 li .icon2 { background-position: 25% 0;}
.module4 li .icon3 { background-position: 50% 0;}
.module4 li .icon4 { background-position: 75% 0;}
.module4 li .icon4 { background-position: 100% 0;}
.module4 li h3 { padding: 1rem 0 0; font-size: .75rem;}
.module4 li p { font-size: .6rem; color: #969696;}

/*帮助整个城市的商家实现会员运营管理*/
.module5 { padding: 1.3rem 0;}
.module5 .title { padding: 0 1rem .5rem; font-size: .9rem; font-weight: 300; line-height: 1.4rem; text-align: center;}
.module5 .desc { padding: 0 1rem 1rem; font-size: .65rem; line-height: 1.2rem; color: #666; text-align: center;}
.process-tab { padding: 0 .4rem; margin: 0 auto .6rem; overflow: hidden;}
.process-tab li { width: 24%; padding-top: 0 !important; margin: 1.2% 0 0 1.2%; font-size: .55rem; line-height: 1.4rem; color: #fff; text-align: center; overflow: hidden; border-radius: 3px; border: 1px solid #666;}
.process-tab-spe li { width: 32.5%;}
.process-tab li.first { margin-left: 0;}
.process-tab li a { color: #666;}
.process-tab .active { background: #58b9fd; border: 1px solid #58b9fd;}
.process-tab .active a { color: #fff;}
.process-img li { padding-top: 0 !important;}

/*丰富的营销手段 增加用户黏性*/
.module6 { background: #f6507c linear-gradient(to right, #f6507c, #ff8670);}
.module6 .module6-tab { padding: 0 .5rem; margin: 0 auto;}
.module6 .module6-tab li { width: 23%; margin-left: 2%; padding-top: 0; font-size: .55rem; line-height: 1rem; color: #fff; border: 1px solid #fff;}
.module6 .module6-tab li.active { color: #ff2626; background-color: #fff; border: 1px solid #fff;}
.module6 .module6-item .desc { width: 80%; padding: .5rem; margin: 0 auto; font-size: .6rem; line-height: 1rem; color: #fff;}

/*PC端、微商城、APP智能装修，灵活排版*/
.module8 { background: #f6507c linear-gradient(to right, #f6507c, #ff8670);}

/*拥有完整的覆盖线上线下的电商平台*/
.module10 { background-color: #333;}

/*基于Yii2.0框架开发的商城系统*/
.module12 { background: url(../images/yii-bg2.jpg) no-repeat; background-size: cover;}
.module12 ul { width: 85%; margin: 0 auto;}
.module12 li { float: none !important;}
.module12 li .adv-title { float: left; width: 2.5rem; height: 4rem; margin: 0 auto; color: #fff; border: 1px solid #10ebff; border-radius: 4px;}
.module12 li .adv-title span { display: block; width: 2rem; margin: 0 auto; font-size: .65rem; line-height: 1.5rem; border-bottom: 1px solid #10ebff;}
.module12 li .adv-title .num { font-size: 2rem; color: #10ebff; text-align: center;}
.module12 li p { padding-left: 3rem; color: #fff; text-align: left; text-shadow: 0 0 5px rgba(0,0,0,.3);}

/*客户案例*/
.module13 li { width: 33.33%; padding: 1rem .25rem 0 !important; text-align: left !important;}
.module13 li img { max-width: 100%;}
.module13 li h3 { padding-top: .5rem; font-size: .7rem; font-weight: normal !important;}
.module13 li p { padding: .2rem 0 0; font-size: .6rem;}

/*底部*/
.register-tip { padding: 1.3rem 0 1rem; text-align: center; background: url(../images/register-tip.jpg) no-repeat center top; background-size: 100% 100%;}
.register-tip .title { padding: 0;}
.register-tip .tel { padding-bottom: 0; margin-top: .5rem; font-size: .7rem; color: #ff613a !important;}
.register-tip .tel a { color: #ff613a;}
.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; text-align: center; border: 1px #ff613a solid; color: #ff613a; border-radius: 3px;}
.register-tip .btn-wrap .btn-special { color: #fff; background: #ff613a; border: 1px solid #ff613a;}