@charset "utf-8";
/*公共样式*/
.main-img-inner { width: 75%; margin: 0 auto; }
.main-img-inner h1 { font-size: 1rem; font-weight: normal; }
.main-img-inner .desc { padding: .3rem 0 .5rem; font-size: .7rem; }

/**********************首页************************/
/*banner*/
.banner-index { position: relative; padding: 50px 0 0; text-align: center; background: #232a2f;}
.banner-index .main-img-inner { width: 100%; padding: 1.5rem 5%; text-align: left; background: url(../images/index/banner.png) no-repeat center right; background-size: 50% auto; box-sizing: border-box;}
.banner-index h1 { font-size: 1.2rem; }
.banner-index .desc { font-size: .6rem; }
.banner-index a { display: inline-block; margin: .4rem .1rem 0; padding: .2rem .4rem; color: #fff; font-size: .6rem; border: 1px solid #fff; }

/*云ERP+店盈力版本介绍*/
.index-2 .hd { width: 80%; margin: .5rem auto; }
.index-2 .hd li { float: left; width: 39%; margin: 0 5%; padding: .2rem 0; color: #2f3138; font-size: .65rem; cursor: pointer; border: 1px solid #2f3138; }
.index-2 .hd li.active { color: #fff; background: #2f3138; }
.index-2 .bd { padding: 0 .4rem; }
.index-2 .bd li { padding-top: 0; }
.index-2 .bd li p { width: 90%; margin: 0 auto .4rem; }

/*新零售、新布局，强大的智能后台*/
.index-3 { background: #2f3138; }
.index-3 li { width: 44%; padding: 0 3%;}
.index-3 li .iconfont { display: block; width: 4rem; height: 4rem; margin: 0 auto; line-height: 4rem; color: #fff; font-size: 2rem; border-radius: 50%; }
.index-3 li h3 { padding-top: .5rem; color: #fff; font-size: .7rem; font-weight: normal; }
.index-3 li p { color: #fff; }
.index-3 li:first-child .iconfont { background: #f5983c linear-gradient(to bottom, #f5983c, #f9c958); }
.index-3 li:nth-child(2) .iconfont { background: #68c436 linear-gradient(to bottom, #68c436, #9de149); }
.index-3 li:nth-child(3) .iconfont { background: #e24141 linear-gradient(to bottom, #e24141, #fe6565); }
.index-3 li:nth-child(4) .iconfont { background: #2194ff linear-gradient(to bottom, #2194ff, #64bcff); }
.index-3 li:nth-child(5) .iconfont { background: #488ced linear-gradient(to bottom, #488ced, #50b7fa); }
.index-3 li:nth-child(6) .iconfont { background: #b923ff linear-gradient(to bottom, #b923ff, #c176ff); }
.index-3 li:nth-child(7) .iconfont { background: #f5983c linear-gradient(to bottom, #f5983c, #f9c958); }
.index-3 li:nth-child(8) .iconfont { background: #ff6f30 linear-gradient(to bottom, #ff6f30, #ff9e50); }

/*多种赚钱方式供您选择*/
.index-6 li { width: 33.33%; }
.index-6 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%; }
.index-6 li h3 { padding-top: .5rem; font-size: .7rem; font-weight: normal; }

/*业内一流的服务*/
.index-7 li { width: 33.33%; padding: .4rem 0 1rem !important; }
.index-7 li:nth-child(4) { margin-left: 16.66%; }
.index-7 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%; }
.index-7 li .f-title { display: block; padding-top: .5rem; font-size: .7rem; }
.index-7 li .detail { font-size: .7rem; }

/*“银果科技·云ERP+店盈力”套餐一览表*/
.package-tab, .process-tab { width: 95%; margin: 0 auto .6rem; overflow: hidden;}
.package-tab li, .process-tab li { float: left; width: 24.2%; padding-top: 0 !important; margin-left: 1%; font-size: .5rem; line-height: 1.8rem; color: #fff; cursor: pointer; text-align: center; overflow: hidden; background: #999;}
.package-tab li.first, .process-tab li.first { margin-left: 0;}
.package-tab li:
.package-tab li a, .process-tab li a { color: #fff;}
.package-tab .active, .process-tab .active { background: #58b9fd;}
.package-img li, .process-img li { padding-top: 0 !important;}
.contact-btn { display: block; width: 5rem; margin: 0 auto; font-size: .8rem; line-height: 1.8rem; color: #fff; text-align: center; background: #0ecc6a; border-radius: .2rem;}

/**********************功能亮点************************/
/*banner*/
.function-banner { padding: 3rem 0 0; text-align: center; background: url(../images/function/function-bg.jpg) no-repeat; background-size: 100% 100%; }
.function-banner img { width: 100%; vertical-align: bottom; }

/*icon*/
.function-icon { padding: 1.3rem .8rem !important; }
.function-icon li { width: 45%; padding: 0 .3rem; }
.function-icon li .iconfont { display: block; width: 3rem; height: 3rem; margin: 0 auto; line-height: 3rem; color: #fff; font-size: 2rem; border-radius: 4px; }
.function-icon li h3 { padding-top: .5rem; font-size: .7rem; font-weight: normal; }

/**************************店盈力**************************/
/*banner*/
.shouyin-banner { position: relative; padding: 50px 0 0; text-align: center; background: #232a2f;}
.shouyin-banner .main-img-inner { width: 100%; padding: 1.5rem 5%; text-align: left; background: url(../images/shouyin/banner.png) no-repeat center right; background-size: 50% auto; box-sizing: border-box;}
.shouyin-banner .main-img-inner h1 { font-size: .8rem; }
.shouyin-banner .main-img-inner h1 span { color: #1adcff; }
.shouyin-banner .main-img-inner .desc { font-size: .6rem; }
.shouyin-banner .main-img-inner a { padding: .2rem .8rem; color: #fff; font-size: .6rem; border: 1px solid #fff; }

/*收银对接条码库，快速发布商品*/
.shouyin-2 { background: #23262a; }

/*深度集成多种支付方式，满足您不同需求*/
.shouyin-3 li { width: 25%; }
.shouyin-3 li:nth-child(5) { margin-left: 13.66%; }
.shouyin-3 li .iconfont { display: block; width: 3rem; height: 3rem; margin: 0 auto; line-height: 3rem; color: #fff; font-size: 1.5rem; border-radius: 50%; }
.shouyin-3 li h3 { padding-top: .5rem; font-size: .7rem; font-weight: normal; }
.shouyin-3 li:nth-child(1) .iconfont { background:#36cbfb linear-gradient(to bottom, #80dfff, #36cbfb); }
.shouyin-3 li:nth-child(2) .iconfont { background:#1abe6d linear-gradient(to bottom, #2cf18e, #1abe6d); }
.shouyin-3 li:nth-child(3) .iconfont { background:#c956ff linear-gradient(to bottom, #c983ff, #c956ff); }
.shouyin-3 li:nth-child(4) .iconfont { background:#ff872c linear-gradient(to bottom, #ff9543, #ff872c); }
.shouyin-3 li:nth-child(5) .iconfont { background:#ff2e3d linear-gradient(to bottom, #ff7272, #ff2e3d); }
.shouyin-3 li:nth-child(6) .iconfont { background:#ffb500 linear-gradient(to bottom, #ffcb01, #ffb500); }
.shouyin-3 li:nth-child(7) .iconfont { background:#ff552a linear-gradient(to bottom, #ff8053, #ff552a); }

/**************************行业方案*****************************/
/*banner*/
.programme-banner { position: relative; padding: 50px 0 0; text-align: center; background: #096bcf linear-gradient(to bottom, #096bcf, #30aee0);}
.programme-banner .main-img-inner { width: 100%; padding: 1.5rem 5%; text-align: left; background: url(../images/programme/banner.png) no-repeat center right; background-size: 50% auto; box-sizing: border-box;}
.programme-banner .main-img-inner h1 { font-size: .8rem; }
.programme-banner .main-img-inner h1 span { color: #1adcff; }
.programme-banner .main-img-inner .desc { font-size: .6rem; color: #fff; color: rgba(255,255,255,.7);}
.programme-banner .main-img-inner a { padding: .2rem .8rem; color: #fff; font-size: .6rem; border: 1px solid #fff; }

/*他们选择了银果科技*/
.programme-7 li { width: 33.33%; }

/**************************帮助中心*****************************/
/*banner*/
.help-banner img { width: 100%; }
.help-content { padding: 1rem 1.5rem; }
.help-content .title { position: relative; height: 1.8rem; margin-bottom: 1rem; font-size: .8rem; font-weight: 300; line-height: 1.8rem; color: #fff; text-align: center; background: #332c56;}
.help-content .title:after { content: ''; position: absolute; bottom: -.8rem; left: 50%; display: block; width: 0; height: 0; margin-left: -.5rem; border: .4rem solid transparent; border-top: 10px solid #332c56; }
.help-content h4 { margin: 1rem 0 .5rem; font-size: .8rem; font-weight: 300; color: #333;}
.help-content p { font-size: .6rem; line-height: 1.2rem; color: #999; }
.help-content .help-detail { padding-bottom: 1rem; }
.help-content .btn-wrap { text-align: center; }
.help-content .btn-wrap a { display: inline-block; width: 5rem; height: 2rem; margin: 0 .2rem; line-height: 2rem; color: #fff; font-size: .7rem; text-align: center; background: #282342; border-radius: 3px;}

/*底部去PC端提示*/
.bottom-tip { position: fixed; right: 0; bottom: 0; left: 0; z-index: 999; background: #fff; box-shadow: 0 0 10px 5px rgba(0,0,0,.1);}
.bottom-tip .tip-inner { position: relative; z-index: 1; padding-top: .3rem;}
.bottom-tip .tip-link { position: relative; display: block; padding: .5rem; font-size: .8rem; color: #222;}
.bottom-tip .tip-link .website { font-size: .65rem;}
.bottom-tip .btn { position: absolute; right: .5rem; bottom: .5rem; padding: .2rem .5rem; font-size: .65rem; color: #fff; background: #3fa1fa; border-radius: .2rem;}
.bottom-tip .tip-close { position: absolute; top: .2rem; right: .2rem;}
.bottom-tip .tip-close i { display: block; width: .8rem; height: .8rem; font-size: .8rem; color: #bbb;}