manHourHousekeeper/fhKeeper/formulahousekeeper/inva_4_tivo/css/followup.css

@charset "utf-8";

html {font-size: 10px; -webkit-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0,0,0,0);}
@media screen and (min-width:320px){html{font-size:    10px;}}
@media screen and (min-width:360px){html{font-size: 11.25px;}}
@media screen and (min-width:375px){html{font-size: 11.7px;}}
@media screen and (min-width:480px){html{font-size:    15px;}}
@media screen and (min-width:414px){html{font-size:  13px;}}
@media screen and (min-width:560px){html{font-size:  17.5px;}}
@media screen and (min-width:640px){html{font-size:    20px;}}

.contentes {
    width: 81.25rem;
    margin: auto;
    position: relative;
}
.contentes img {
    width: 100%;
    height: 100%;
}
/* 质询图标 */
.consulting {
    width: 3.125rem;
    height: 3.125rem;
    border-radius: 50%;
    background: #fff;
    position: fixed;
    bottom: 3.75rem;
    right: 6.25rem;
    z-index: 4;
    box-shadow: 0 0 1.25rem 0px #cbcbcb;
    cursor:pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.consulting:hover {
    background: #3396FB;
}
.conImgConImg {
    width: 2.5rem;
    height: 2.5rem;
    position: relative;
    margin-top: 1.5625rem;
    margin-left: 1.125rem;
}
.conImgConImg img{
    width: 100%;
}
/* 咨询 */
.zhixun {
    display: block;
    position: fixed;
    bottom: 7.5rem;
    right: 2.5rem;
    padding: 1rem;
    background: #fff;
    box-shadow: .1875rem .1875rem .625rem #ccc;
    z-index: 99999999;
    text-align: center;
}
.zhixun p {
    margin: 8px 0;
}
.zhixun img {
    width: 8rem;
}

.tabOn {
    background: #fff;
    color: #20a0ff !important;
}
.white{
    background: #fff !important;
}
/* 产品介绍 */
.product {
    width: 100%;
    position: fixed;
    z-index: 10;
    top: 6.25rem;
    left: 0;
    background: #fff;
    height: 18.75rem;
    border-top: .0625rem solid rgb(163, 163, 163);
    box-shadow: 1px 3px 5px 0px #ddd;
}
.connont {
    width: 81.25rem;
    margin: auto;
}

.tils::before {
    content:"";
    height: .125rem;
    width: 100%;
    bottom: 0;
    left: 0;
    background: #37B8FF;
    position: absolute;
}
/* 导航下拉 */
.management {
    margin-top: 1.25rem;
    width: 33.75rem;
    font-size: 1rem;
}
.management h3 {
    width: 100%;
    font-size: 1rem;
    font-weight: normal;
    color: #333333;
    line-height: 2.5rem;
    border-bottom: .0625rem solid rgb(180, 180, 180);
    margin-left: 1.25rem;
}
.management ul {
    margin-top: .625rem;
    width: 11.25rem;
}
.management li{
    margin-top: .625rem;
    line-height: 2.5rem;
    cursor:pointer;
    padding-left: 1.25rem;
}
.management a {
    color: #333;
}
.management li:hover {
    background: #F0F4FF;
    border-radius: .625rem;
    color: #3370FF;
}

/* js锁添加的样式 */
.tils::before {
    content:"";
    height: .125rem;
    width: 100%;
    bottom: 0;
    left: 0;
    background: #37B8FF;
    position: absolute;
}
.hanAll {
    background: #fff !important;
    box-shadow: .0625rem .1875rem .3125rem 0px #ddd;
}
.abc .til {
    color: #fff !important;
}
.abc .til a{
    color: #fff !important;
}
.navigationBarBack {
    /* background: #f6fef9; */
    background-color:transparent !important;
}
.navigationBar {
    box-shadow:none;
}
.navigationTitle a {
    color: #333 !important;
}
.navigationTitle {
    color: #333 !important;
}

/* bannar */
.bannar {
    width: 100%;
    margin: auto;
    position: relative;
}
.bannar img {
    width: 100%;
}
.bannarCon {
    position: absolute;
    z-index: 1;
    top: 15.625rem;
    left:  50%;
    width: 81.25rem;
    margin-left: -40.625rem;
}
.bannarConTil {
    font-size: 3.75rem;
    color: #fff;
    letter-spacing: .375rem;
}
.bannarConTilP  {
    font-size: 1.5rem;
    color: #fff;
    letter-spacing: .25rem;
    margin-top: 2.5rem;
    margin-bottom: 10.3125rem;
}
.bannBtn {
    width: 12.5rem;
    height: 3.875rem;
    border-radius: 3.875rem;
    border: .125rem solid #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.375rem;
}
.bannarCon a {
    color: #fff;
    letter-spacing: .1875rem;
}
/* 随访管家 */
.collaborationTeam {
    width: 100%;
    background: #ffffff;
    height: 250vh;
}
.collTeam {
    height: 100vh;
    box-sizing: border-box;
    position: sticky;
    top: 6.375rem;
    background: url(../image/followup/backk.jpg) no-repeat center;
    background-size: 100% 114%;
}
.collCent {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    box-sizing: border-box;
    padding-top: 12.5rem;
}
.collCentDiv {

}
.collCentImg {
    width: 8.125rem;
    height: 8.125rem;
    position: relative;
    z-index: 2;
}
.collCentFonts {
    font-size: 2.25rem;
    color: #333;
    overflow: hidden;
    width: 100%;
    /* padding-left: 2.5rem; */
    text-align: center;
    padding-top: 1.5625rem;
}
.collCentFonts span {
    color: #5e95f8;
}

/* 专业流程 */
.professional {
    width: 100%;
    background: #fbfefb;
}
.professionalBox {
    position: relative;
    width: 100%;
    height: 46.25rem;
    padding-top: 3.75rem;
}
.professionalBoxTil {
    position: absolute;
    font-size: 3.125rem;
    font-family: '黑体';
    line-height: 5.625rem;
    padding-top: 2.5rem;
}
.professionalBoxTil span {
    font-size: 4.0625rem;
}
.professionalBoxTil i {
    font-style: normal;
    color: #7669f6;
}
.professionalBoxTilRight {
    position: relative;
    width: 54.8rem;
    height: 46.25rem;
}
.proList, .proListLeft {
    font-size: 1.25rem;
    color: #6b5cf5;
    line-height: 2.5rem;
}
.proList {
    position: absolute;
    right: 0rem;
    top: 8.2496rem
}
.proListLeft {
    position: absolute;
    left: 0;
    bottom: 4.375rem;
}
.proList span, .proListLeft span {
    display: inline-block;
    margin-right: .625rem;
    font-size: 1.875rem;
}
.collections {
    width: 43.75rem;
    height: 38.4375rem;
    position: relative;
}
.huabanOne {
    width: 10rem;
    height: 15rem;
    background-size: 100%;
    margin: auto;
    box-sizing: border-box;
    padding-top: 2.5rem;
}
.huabanOne div {
    text-align: center;
    margin-top: .5rem;
    font-size: 1.375rem;
    font-family: '黑体';
    color: #fff;
}
.rotating {
    position:absolute;
    top: 0;
    left: 50%;
    margin-left: 5rem;
    height: 46.5rem;
    margin: auto;
    width: 10rem;
}
.huanOne {
    background: url(../image/followup/huaban1.png) no-repeat center;
}
.huanOneIon {
    background: url(../image/followup/huabanIon.png) no-repeat -295px 0;
	width: 42px;
	height: 41px;
    margin: auto;
}

.huanTwo {
    background: url(../image/followup/huaban2.png) no-repeat center;
}
.huanTwoIon {
    background: url(../image/followup/huabanIon.png) no-repeat -517px -77px;
	width: 44px;
	height: 44px;
    margin: auto;
}

.huanThere {
    background: url(../image/followup/huaban3.png) no-repeat center;
}
.huanThereIon {
    background: url(../image/followup/huabanIon.png) no-repeat -579px -303px;
	width: 43px;
	height: 46px;
    margin: auto;
}

.huanFour {
    background: url(../image/followup/huaban4.png) no-repeat center;
}
.huanFourIon {
    background: url(../image/followup/huabanIon.png) no-repeat -467px -499px;
	width: 45px;
	height: 44px;
    margin: auto;
}

.huanFive {
    background: url(../image/followup/huaban2.png) no-repeat center;
}
.huanFiveIon {
    background: url(../image/followup/huabanIon.png) no-repeat -130px -499px;
	width: 55px;
	height: 44px;
    margin: auto;
}

.huanXis {
    background: url(../image/followup/huaban3.png) no-repeat center;
}
.huanXisIon {
    background: url(../image/followup/huabanIon.png) no-repeat 0 -307px;
	width: 45px;
	height: 46px;
    margin: auto;
}

.huanSeven {
    background: url(../image/followup/huaban1.png) no-repeat center;
}
.huanSevenIon {
    background: url(../image/followup/huabanIon.png) no-repeat -68px -77px;
	width: 46px;
	height: 44px;
    margin: auto;
}

/* 轻松管理 */
.easyMan {
    font-family: '黑体';
}
.easyMan h2{
    width: 100%;
    text-align: center;
    font-size: 3.125rem;
    color: #333333;
    font-weight: normal;
    margin: 3.75rem 0;
}
.easyMan span{
    color: #6b5cf5;
}
.easyManBox {
    width: 75rem;
    height: 31.875rem;
    margin: auto;
    box-shadow: 4px 6px 20px 0px #c1c1c1;
    margin-bottom: 6.875rem;
    display: flex;
    justify-content: flex-end;
    box-sizing: border-box;
    /* padding-top: 2.9375rem; */
    position: relative;
}
.easyManBox img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.easyManBoxCon {
    margin-top: 2.9375rem;
    width: 39.1875rem;
    height: 23.4375rem;
    position: relative;
    z-index: 1;
    margin-right: 2rem;
}
.easyManBoxCon img{
    width: 34.375rem;
    height: 21.125rem;
    position: absolute;
    top: 2.125rem;
    left: 2.8125rem;
}
.easyManBoxConCli {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.easyManBoxConCliOne {
    width: 11.6875rem;
    height: 4.125rem;
    border-radius: .625rem;
    overflow: hidden;
    box-sizing: border-box;
    background: #fff;
    border: .0625rem solid #bebebe;
    position: relative;
    z-index: 1;
    margin-bottom: 5.3125rem;
    cursor: pointer;
}
.easyManBoxConCliOne span {
    display: inline-block;
    width: .875rem;
    height: .875rem;
    border-radius: 50%;
    margin: .25rem 0 0 .875rem;
    background: #fff;
}
.easyManBoxConCliOneTil {
    width: 100%;
    height: 1.25rem;
}
.easyManBoxConCliOneCen {
    width: 100%;
    text-align: center;
    line-height: 2.5rem;
    color: #595959;
    font-size: 1.25rem;
}
.easyOn {
    border: .0625rem solid #3475c5;
}
.easyOn span {
    background: #3475c5;
}
.easyOn .easyManBoxConCliOneCen {
    color: #ada6f9;
}
/* 随访管家 */
.housekeeper {
    background: #f3f3fd;
    padding: 7.5rem 0;
}
.housekeeperCon {
    height: 36.25rem;
    width: 68.75rem;
    /* margin: auto; */
    border-radius: 1.25rem;
    border: 1px solid #b3b3b3;
    position: relative;
    overflow: hidden;
    background: #fff;
    display: flex;
    box-shadow: .125rem .125rem .625rem .0625rem #cfcfcf;;
}
.housekCon {
    width: 75rem;
    margin: auto;
    position: relative;
}
.housekeeperConZuo {
    display: inline-block;
    width: 14.5rem;
    border-right: .0625rem solid #e5e6e8;
    background: #f7f8fa;
    height: 36.25rem;
}
.housekeeperConZuoUl, .housekeeperConZuoLi {
    display: flex;
    align-items: center;
    height: 4.5rem;
    color: #333;
    font-family: '黑体';
    border-bottom: .0625rem solid #e5e6e8;
}
.housekeeperConZuoUl {
    font-size: 1.5rem;
    font-weight: bold;
}
.housekeeperConZuoLi {
    font-size: 1rem;
    cursor: pointer;
}
.housekeeperConZuoUl img, .housekeeperConZuoLi img{
    width: 2.25rem;
    height: 2.25rem;
    margin: 0 .9375rem 0 1.375rem;
}
.housekeeperOn {
    background: #e5e6e8;
}
.housekeeperConYou {
    width: 54.0625rem;
    display: inline-block;
    height: 36.25rem;
    background: url(../image/followup/huoLeft.jpg) no-repeat left;
    background-size: 15.625rem 100%;
    position: relative;
}
.housekeeperConYouTil {
    font-size: 3.125rem;
    color: #555555;
    font-family: '黑体';
    font-weight: bold;
    position: absolute;
    top: 50%;
    margin-top: -6.125rem;
    left: 3.75rem;
}
.housekeeperConYouTil span {
    color: #6f5ff4;
}
.housekeeperConYouCon {
    width: 38.75rem;
    height: 35rem;
    border-radius: 1.25rem;
    overflow: hidden;
    border: .0625rem solid #b3b3b3;
    position: absolute;
    right: .875rem;
    top: .5625rem;
    background: #f6f8f9;
    box-shadow: .0625rem .0625rem .375rem 0 #d1d1d1
}
.housekeeperConYouConTli {
    width: 100%;
    background: #fff;
    height: 3.75rem;
    display: flex;
    border-bottom: .0625rem solid #e5e6e8;
    font-size: 1.375rem;
    font-family: '黑体';
    color: #6f5ff4;
    align-items: center;
    font-weight: bold;
}
.housekeeperConYouConTli img {
    width: 1.25rem;
    height: 1.25rem;
    display: inline-block;
    margin: 0 1.25rem;
}
.housekeeperConYouConBon {
    width: 100%;
    height: 31.25rem;
    background: url(../image/followup/dibuBon.jpg) no-repeat bottom;
    background-size: 100% 6.375rem;
}
.housekConImg {
    width: 49.375rem;
    height: 25.625rem;
    position: absolute;
    top: 5.75rem;
    right: 0;
    box-shadow: .25rem .1875rem 1.25rem .1875rem #d1d1d1;
}
.housekConImg img {
    width: 100%;
    height: 100%;
}

/* 客户评价 */
.evaluation {
    width: 100%;
    height: 81.25rem;
    background-image: linear-gradient(#fff, #d8cef6);
}
.evaluationKehuTil {
    text-align: center;
    font-family: '黑体';
}
.evaluationKehuTil h2 {
    text-align: center;
    font-size: 3.125rem;
    font-weight: normal;
    color: #1381ea;
    padding: 3.5rem 0 .9375rem 0;
}
.evaluationKehuTil p {
    text-align: center;
    font-size: 1.625rem;
    color: #595959;
    margin-bottom: 5.5rem;
}
.evaluationKehuCon {
    width: 76.25rem;
    margin: auto;
    display: flex;
    justify-content: space-around;
}
.evaluationKehuConLi {
    width: 16.875rem;
    height: 28.5rem;
    border-radius: 1.25rem;
    overflow: hidden;
    cursor: pointer;
}
.evaluationKehuConImg {
    width: 10.6875rem;
    height: 10.6875rem;
    margin: auto;
    border-radius: 10.6875rem;
    margin-top: 3.125rem;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
}
.evaluationKehuCon h3 {
    font-weight: normal;
    font-family: '黑体';
    font-size: 1.75rem;
    margin-top: 1.5rem;
    margin-bottom: 2.9375rem;
    padding-left: 3rem;
}
.evaluationKehuCon p {
    width: 100%;
    font-size: 1rem;
    color: #555555;
    /* font-family: '黑体'; */
    text-align: center;
    line-height: 1.5rem;
}
.evaluationKehuConLi:hover {
    background: #5931db;
}
.evaluationKehuConLi:hover img {
    border: .3125rem solid #6bbdd9;
    border-radius: 50%;
}
.evaluationKehuConLi:hover h3 {
    color: #fff;
}
.evaluationKehuConLi:hover p {
    color: #fff;
}

/* 产品定价 */
.pricing {
    width: 75rem;
    margin: auto;
    margin-top: 3.125rem;
}
.pricing h2 {
    /* font-weight: normal; */
    font-size: 2.8125rem;
    color: #333;
    margin-bottom: 2.8125rem;
}
.pricingsConTop {
    display: flex;
    flex-wrap: wrap;
    box-shadow: 0 0 20px 1px #b1b1b1;
    border-radius: .625rem;
    /* border-bottom: 1px solid #333; */
    /* border-right: 1px solid #333;  */
}
.pricingsConTop div {
    color: #333333;
    width: 50%;
    line-height: 3.75rem;
    text-align: center;
    font-size: 1.25rem;
    box-sizing: border-box;
    border-top: 1px solid #939393;
    /* border-left: 1px solid #333; */
}


/* 底部 */
.footer-frame {
	width: 100%;
	height: 24px;
}

.footer {
	padding-top: 48px;
	padding-bottom: 8px;
	background-color: #20a0ff;
    margin-top: -0.125rem;
}

.footer .footer-col {
	margin-bottom: 36px;
}

.footer h4 {
	margin-bottom: 10px;
	color: #fff;
}

.footer .list-unstyled,
.footer p {
	color: #f3f7fd;
}

.footer .footer-col.middle .list-unstyled .fas {
	color: #fff;
	font-size: 8px;
	line-height: 24px;
}

.footer .footer-col.middle .list-unstyled .media-body {
	margin-left: 8px;
}

.footer .footer-col.last .list-unstyled .fas {
	color: #fff;
	font-size: 14px;
	line-height: 24px;
}

.footer .footer-col.last .list-unstyled .media-body {
	margin-left: 10px;
}

.footer .footer-col.last .list-unstyled .fas.fa-globe {
	margin-left: 16px;
	margin-right: 10px;
}

.navbar {
    padding: 0 !important;
}

.ulss {
    display: inline-block;
}
.alss {
    display: flex;
    justify-content: space-around;
    width: 87.5rem;
    margin: auto;
}
.footsst {
    background: #d7cef6;
}

.copyright {
    width: 100%;
    text-align: center;
    line-height: 2.5rem;
    color: #fff;
    font-size: 1rem;
    background: #20a0ff;
    border-top: 1px solid #565656;
}