﻿@charset "utf-8";
/* CSS Document */
div, ul, li { box-sizing: border-box;}

/*banner*/
.main-img { width: 100%; padding: 70px 0 0; color: #fff; text-align: center; overflow: hidden; background: url(../images/main-bg.jpg) no-repeat; background-size: cover;}
.main-img-inner{ width: 85%; margin: 0 auto;}
.main-img-inner h2 { font-size: .8rem; color: #323a45; font-weight: normal;}
.main-img-inner .desc{ margin: .4rem 0; font-size: .58rem; color: #323a45;}
.main-img-inner .desc span { color: #4593ff;}
.main-img-inner .desc a { color: #323a45;}
.main-img-inner .btn { display: block; width: 5rem; margin: 0 auto; font-size: .6rem; line-height: 1.2rem; text-align: center; color: #fff; background: linear-gradient(to bottom, #4f98ff, #3388ff 80%); border-radius: 2px;}
.main-img-inner img { display: block; width: 100%;}
.container .content { padding: 0 .5rem; overflow: hidden;}
.container .content h3 { font-weight: 300; color: #333;}

/*银果科技B2B2C多商户商城系统*/
.module1 .content li{ width: 25%; padding: 0 .2rem; margin-bottom: 1rem;}
.module1 .content li .iconfont { display: block; width: 3rem; height: 3rem; margin: 0 auto; font-size: 1.8rem; line-height: 3rem; color: #fff; border-radius: 50%;}
.module1-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-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-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-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-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-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%);}

/*多种模式让平台运营更灵活多变*/
.module2 .hd { width: 90%; margin: 0 auto; background: #aaaaaa; border-radius: 20px;}
.module2 .hd li { width: 33.33%; padding-top: 0; font-size: .6rem; line-height: 1.2rem; color: #fff;}
.module2 .hd li.active { background: #1186eb; border-radius: 20px;}

/*同业&异业商家联盟*/
.module3 .content li{ width: 50%; padding: 0 .2rem;}
.module3 .content li.up{ padding-bottom: 1rem;}
.module3 .content li.down{ margin-left: 25.66%;}
.module3 .content li img{ width: 60%;}
.module3 .content li h3{ padding: 1rem 0 0; font-size: .75rem;}
.module3 .content li p{ font-size: .6rem; color: #969696;}

/*帮助整个城市的商家实现会员精细化运营管理*/
.module4 { padding: 1.3rem 0;}
.module4 .title { padding: 0 1rem .5rem; font-size: .9rem; line-height: 1.4rem; text-align: center;}
.module4 .container h2 { font-size: .85rem;}
.module4 .container p { font-size: .6rem; line-height: 1rem;}
.module4 .process-tab { padding: 0 .4rem; margin: 0 auto 1rem; overflow: hidden;}
.module4 .process-tab li { float: left; width: 24%; padding-top: 0 !important; margin: 1.2% 0 0 1.2%; font-size: .55rem; line-height: 1.4rem; color: #58b9fd; text-align: center; overflow: hidden; border-radius: 3px; border: 1px solid #58b9fd;}
.module4 .process-tab-spe li{ width: 32.5%;}
.module4 .process-tab li.first { margin-left: 0;}
.module4 .process-tab .active { color: #fff; background: #58b9fd; border: 1px solid #58b9fd;}
.module4 .process-img li { padding-top: 0 !important;}

/*丰富的营销手段 增加用户黏性*/
.module5 { background: #46a7df linear-gradient(to right, #408edd, #56dbe4);}
.module5 .module5-tab { width: 85%; margin: 0 auto;}
.module5 .module5-tab li { width: 23%; margin-left: 2%; padding-top: 0; font-size: .55rem; line-height: 1rem; color: #fff; border: 1px solid #fff;}
.module5 .module5-tab li.active { color: #0095ff; background-color: #fff; border: 1px solid #fff;}
.module5 .module5-item .desc { width: 80%; margin: 0 auto; padding: .5rem; line-height: 1rem; color: #fff; font-size: .6rem;}

/*PC端、微商城、APP智能装修，灵活排版*/
.module7 { background: #34d4f1 linear-gradient(to right, #35d7f3, #2dc5e1);}

/*拥有完整的覆盖线上线下的电商平台*/
.module9 { background-color: #333;}

/*基于TKF框架开发的商城系统*/
.module11 { background: url(../images/yii-bg2.jpg) no-repeat; background-size: cover;}
.module11 .content { width: 85%; margin: 0 auto; padding: 0;}
.module11 li { float: none !important;}
.module11 li .adv-title { float: left; width: 2.5rem; height: 4rem; margin: 0 auto; color: #fff; border: 1px solid #10ebff; border-radius: 4px;}
.module11 li .adv-title span { display: block; width: 2rem; margin: 0 auto; font-size: .65rem; line-height: 1.5rem; border-bottom: 1px solid #10ebff;}
.module11 li .adv-title .num { font-size: 2rem; color: #10ebff; text-align: center;}
.module11 li p { padding-left: 3rem; color: #fff; text-align: left; text-shadow: 0 0 5px rgba(0,0,0,.4);}

/*客户案例*/
.module13 li { width: 33.33%; padding: 0 .25rem 1rem !important; text-align: left !important;}
.module13 li img { max-width: 100%;}
.module13 li h3 { padding-top: 1rem; font-size: .7rem; font-weight: normal !important;}
.module13 li p { padding: .2rem 0 0; font-size: .6rem;}

/*底部*/
.register-tip { padding: 1rem 0; text-align: center; background: url(../images/register-tip.jpg) no-repeat center top; background-size: 100% 100%;}
.register-tip .container{ padding: .5rem 0;}
.register-tip .container .title{ padding: 0;}
.register-tip .container .desc{ padding-bottom: 0;}
.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 #1186eb solid; color: #1186eb; border-radius: 3px;}
.register-tip .container p { margin-top: 1rem; font-size: .75rem; color: #1186eb !important;}
.register-tip .container p a { color: #1186eb !important;}
.register-tip .container .btn-special { color: #fff; background: #1186eb; border: 1px solid #1186eb;}



















