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

/*banner*/
.main-img { width: 100%; padding: 80px 0 0; color: #fff; text-align: center; overflow: hidden; background: url(../images/main-bg.jpg) no-repeat; background-size: 100% 100%;}
.main-img-inner{ width: 75%; margin: 0 auto;}
.main-img-inner h2{ font-size: .8rem; color: #323a45; font-weight: normal;}
.main-img-inner .desc{ margin: .8rem 0; font-size: .55rem; color: #fff;}
.main-img-inner .btn { display: block; width: 5rem; margin: 0 auto; font-size: .6rem; line-height: 1.2rem; text-align: center; color: #fff; background: #ff2323; border-radius: 2px;}
.main-img-inner p { margin: .3rem 0 .8rem; font-size: .55rem;}
.main-img-inner p a { color: #fff;}
.container .content { padding: 0 .5rem;}
.container .content h3 { font-weight: 300; color: #333;}

/*多种业务场景模式  自由灵活切换*/
.module1 { padding: 1.3rem .4rem;}
.module1 .hd li { width: 24%; margin: 1.2% 0 0 1.2%; padding-top: 0 !important; font-size: .55rem; line-height: 1.4rem; color: #ff2323; white-space: nowrap; border: 1px solid #ff2323; border-radius: 4px;}
.module1 .hd li.m-l-0 { margin-left: 0 !important;}
.module1 .hd li.active { color: #fff; background: #ff2323; border: 1px solid #ff2323;}
.module1 .bd li h3 { font-size: .6rem; line-height: 1rem; font-weight: normal;}

/*多维度满足不同角色诉求*/
.module2 { padding: 1.3rem .4rem;}
.module2 .hd li { width: 32%; margin: 1.2% 0 0 1.2%; padding-top: 0 !important; line-height: 1.4rem; font-size: .6rem; color: #313944; cursor: pointer; border: 1px solid #313944;}
.module2 .hd li.m-l-0 { margin-left: 0 !important;}
.module2 .hd li.active { color: #fff; background: #ff2323; border: 1px solid #ff2323;}

/*城市站点加盟实现多城市多运营商*/
.module3 .title { padding-bottom: 1rem;}
.module3 li { float: none !important; width: 80%; margin: 0 auto 1rem; padding: 1rem; box-shadow: 0 0 0.2rem rgba(6,5,5,.1);}
.module3 li .iconfont { display: block; width: 3rem; height: 3rem; margin: 0 auto; line-height: 3rem; font-size: 2rem; border: 1px solid #f2f2f2; border-radius: 50%;}
.module3 li h3 { padding-top: 1rem; font-size: .8rem;}
.module3 li p { font-size: .6rem;}

/*满足当下店铺互联网的众多需求*/
.module4 { background: #313944;}
.module4 li { width: 46%; margin-left: 8%;}
.module4 li.m-l-0 { margin-left: 0;}
.module4 li .iconfont { font-size: 2.5rem; color: #fff;}
.module4 li h3 { padding: .5rem 0; font-size: .7rem; color: #fff !important;}
.module4 li p { padding-top: 0; font-size: .55rem; color: #c0c0c0;}

/*网点实现不同区域快速配送*/
.module5 li { width: 47%; margin-left: 6%;}
.module5 li.m-l-0 { margin-left: 0;}
.module5 li .iconfont { display: block; width: 3.5rem; height: 3.5rem; margin: 0 auto; line-height: 3.5rem; color: #fff; font-size: 2rem; border-radius: 50%;}
.module5 li h3 { padding-top: 1rem; font-size: .7rem; font-weight: normal !important;}
.module5 li p { font-size: .6rem;}

/*打造店中店，利用海量微信用户做推广*/
.module6 .title { font-size: .88rem;}
.module6 li { width: 48%; margin-left: 4%;}
.module6 li.m-l-0 { margin-left: 0;}
.module6 li .iconfont { color: #ff2323; font-size: 2rem;}
.module6 li h3 { padding-top: 1rem; font-size: .7rem; font-weight: normal !important;}
.module6 li p { font-size: .6rem;}

/*丰富的营销手段 增加用户黏性*/
.module7 { background: #313944;}
.module7 .module7-tab { width: 85%; margin: 0 auto;}
.module7 .module7-tab li { width: 23%; margin-left: 2%; padding-top: 0; font-size: .55rem; line-height: 1rem; color: #fff; cursor: pointer; border: 1px solid #fff;}
.module7 .module7-tab li.active { color: #fff; background-color: #ff2626; border: 1px solid #ff2626;}
.module7 .module7-item .desc { width: 80%; margin: 0 auto; padding: .5rem; line-height: 1rem; color: #fff; font-size: .6rem;}

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

/*客户案例*/
.module9 li { width: 33.33%; padding: 0 .25rem 1rem !important; text-align: left !important;}
.module9 li img { max-width: 100%;}
.module9 li h3 { padding-top: 1rem; font-size: .7rem; font-weight: normal !important;}
.module9 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: 0;}
.register-tip .container .title{ padding: 0;}
.register-tip .container .desc{ padding-bottom: 0;}
.register-tip .btn-wrap { width: 100%; padding-top: .2rem; 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 #ff2323 solid; color: #ff2323; border-radius: 3px;}
.register-tip .container p { margin-top: .6rem; font-size: .75rem; color: #ff2323 !important;}
.register-tip .container p a { color: #ff2323 !important;}
.register-tip .container .btn-special { color: #fff; background: #ff2323; border: 1px solid #ff2323;}