@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,span,b,form,font,input,button,textarea,p,a,img,table,tr,td,th,i,strong{margin:0;padding:0;font-family:\5FAE\8F6F\96C5\9ED1,\9ED1\4F53,\5B8B\4F53;}
input,button,select,textarea{outline:none;}li{list-style:none;}img{border:0 none;display:inline-block;}textarea{resize:none}
body{color:#333;word-break:break-all;word-wrap:break-word;height:100%;font-size:14px;font-family:\5FAE\8F6F\96C5\9ED1,\9ED1\4F53,\5B8B\4F53;line-height:1.5;}
a{color:#333;text-decoration:none;outline:none;}
a:hover{color:#333;}
table{width:100%;border-collapse:collapse;border-spacing:0;}
/*clearfix*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}


/* 背景 */
body{
	overflow-x:hidden;
}
.bg-fff{
	background:#fff;
} 
.bg-eef3f9 {
	background-color: #eef3f9;
}
.bg-006efd{
	background-color: #006efd;
}
.bg-e8f1ff {
	background-color: #e8f1ff;
}
.bg-vortex {
	height: 500px;
	background: #0b0212 url(/wp-content/uploads/cloud-search/images/mb/cs-img1.jpg) no-repeat left center;
}
.bg-bj1 {
	background: #e8f1ff url(/wp-content/uploads/cloud-search/images/mb/mb-bj1.jpg) no-repeat center center;
}
.bg-bj2 {
	background-color: #454bfa;
	background-image: url(/wp-content/uploads/cloud-search/images/mb/mb-bj3.jpg), url(/wp-content/uploads/cloud-search/images/mb/mb-bj4.jpg);
	background-position: left center, right center;
	background-repeat: no-repeat;
}
.bg-bj3 {
	background: url(/wp-content/uploads/cloud-search/images/mb/mb-bj5.jpg) no-repeat center center;
}

/* 溢出隐藏 */
.over-hidden{
	overflow:hidden;
}
.over-ell{
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	word-wrap:normal;
}

/* 页面宽度 */
.box-w{
	width:1100px;
	margin:0 auto;
}

/* 默认表单 */
.default-form {
	width: 370px;
	height: 46px;
	line-height: 46px;
	font-size: 16px;
	border-radius: 6px;
	padding: 0 15px;
	vertical-align: middle;
	box-sizing: border-box;
	border: 1px solid #ccc;
}
.default-form::placeholder {
	color: #ccc;
}
textarea.default-form {
	line-height: 26px;
}

/* 浮动 */
.pull-left{
	float:left;
}
.pull-right{
	float:right;
}

/* 字体大小 */
.font-s0{
	font-size:0px;
}
.font-s12{
	font-size:12px;
}
.font-s16{
	font-size:16px;
}
.font-s18{
	font-size:18px;
}
.font-s20{
	font-size:20px;
}
.font-s22{
	font-size:22px;
}
.font-s24{
	font-size:24px;
}
.font-s26{
	font-size:26px;
}
.font-s28{
	font-size:28px;
}
.font-s30{
	font-size:30px;
}
.font-s32{
	font-size:32px;
}
.font-s34{
	font-size:34px;
}
.font-s36{
	font-size:36px;
}
.font-s40{
	font-size:40px;
}

/* 文字加粗 */
.bold-true{
	font-weight:bold;
}
.bold-false{
	font-weight:normal;
}

/* 文字颜色 */
.color-999{
	color:#999;
}
.color-fff,.color-fff:hover{
	color:#fff;
}
.color-blue,a.color-blue:hover{
	color:#2468f2;
}
.color-red{
	color:#ff5c4b;
}
.color-5d6a82 {
	color: #5d6a82;
}

/* 对齐 */
.text-left{
	text-align:left;
}
.text-right{
	text-align:right;
}
.text-center{
	text-align:center;
}
.text-justify{
	text-align:justify;
	text-justify:inter-ideograph;
}
.ver-top {
	vertical-align: top;
}
.ver-middle{
	vertical-align:middle;
}

/* 行高 */
.lh-px0{
	line-height:0;
}
.lh-px22{
	line-height:22px;
}
.lh-px24{
	line-height:24px;
}
.lh-px26{
	line-height:26px;
}
.lh-px30{
	line-height:30px;
}
.lh-px34{
	line-height:34px;
}
.lh-px50{
	line-height:50px;
}
.lh-15 {
	line-height: 1.5;
}

.mlr-px100 {
	margin-left: 100px;
	margin-right: 100px;
}

/* 上外边距 */
.mt-35 {
	margin-top:-35px;
}
.mt-50 {
	margin-top:-50px;
}
.mt-75 {
	margin-top:-75px;
}
.mt-px5{
	margin-top:5px;
}
.mt-px10{
	margin-top:10px;
}
.mt-px15{
	margin-top:15px;
}
.mt-px20{
	margin-top:20px;
}
.mt-px30{
	margin-top:30px;
}
.mt-px40{
	margin-top:40px;
}
.mt-px55{
	margin-top:55px;
}
.mt-px60{
	margin-top:60px;
}
.mt-px70{
	margin-top:70px;
}
.mt-px80{
	margin-top:80px;
}
.mt-px118{
	margin-top:118px;
}

/* 右外边距 */
.mr-px5{
	margin-right:5px;
}
.mr-px25{
	margin-right:25px;
}
.mr-px30{
	margin-right:30px;
}
.mr-px40{
	margin-right:40px;
}
.mr-px50{
	margin-right:50px;
}
.mr-px68{
	margin-right:68px;
}

/* 左外边距 */
.ml-px15{
	margin-left:15px;
}
.ml-px20{
	margin-left:20px;
}
.ml-px30{
	margin-left:30px;
}
.ml-px40{
	margin-left:40px;
}
.ml-px55{
	margin-left:55px;
}
.ml-px85{
	margin-left:85px;
}
.ml-px110{
	margin-left:110px;
}

/* 上内边距 */
.pt-px60{
	padding-top:60px;
}
.pb-px40 {
	padding-bottom: 40px;
}

/* 左内边距 */
.pl-px30{
	padding-left:30px;
}

.ptb-px30 {
	padding-top: 30px;
	padding-bottom: 30px;
}
.ptb-px50 {
	padding-top: 50px;
	padding-bottom: 50px;
}

/* 宽度 */
.width-actual{
	box-sizing: border-box;
}
.width-25 {
	width: 25%;
}
.mwidth-100 {
	max-width: 100%;
}
.width-px100{
	width:100px;
}
.width-px224{
	width:224px;
}
.width-px260{
	width:260px;
}
.width-px300{
	width:300px;
}
.width-px400{
	width:400px;
}
.width-px420{
	width:420px;
}
.width-px440{
	width:440px;
}
.width-px480{
	width:480px;
}
.width-px540{
	width:540px;
}

/* 高度 */
.height-px160{
	height:160px;
}
.height-px400{
	height:400px;
}

/* 按钮 */
.blue-btn{
	display:inline-block;
	width: 470px;
	line-height:54px;
	text-align: center;
	color:#fff;
	font-size:18px;
	background:#2468f2;
	border-radius:6px;
}
.blue-btn:hover{
	color:#fff;
	background:#437df4;
}

/* 隐藏 */
.d-hide{
	display:none;
}

/* 边框 */
.bor-r-eee{
	border-right:1px solid #eee;
}
.rounded-10 {
	border-radius: 10px;
}
.tit-underline::after {
	position: absolute;
	content: "";
	width: 100%;
	height: 15px;
	bottom: -2px;
	left: 0;
	border-radius: 15px;
	z-index: -1;
	background-color: #fff116;
}

/* 块元素 */
.dis-inl{
	display:inline-block;
}
.dis-block{
	display:block;
}
.dis-none{
	display:none;
}
.pos-rel {
	position: relative;
}
.dis-flex {
	display: flex;
}
.flex-1 {
	flex: 1;
}

/* 顶部 */
.header{
	width:100%;
	height:70px;
	position:fixed;
	top:0;
	z-index:1000;
	box-shadow: 0 0 5px rgba(0,0,0,.3);
}

/* 主导航 */
.menu > li{
	float:left;
	padding: 0 15px;
}
.menu > li > a{
	display:block;
	line-height:66px;
	box-sizing: border-box;
}
.menu > li:hover > a{
	color: #2468f2;
}
.menu > li > a.true-a{
	color: #2468f2;
	font-weight: bold;
	border-bottom: 2px solid #2468f2;
}

/* 测评结果 */
.evaluation {
	width: 565px;
	height: 173px;
	margin-left: -10px;
	padding: 27px 10px 10px 40px;
	box-sizing: border-box;
	background: url(/wp-content/uploads/cloud-search/images/mb/mb-bj2.png) no-repeat;
}

/* 浏览器背景 */
.browser {
	margin-left: auto;
	margin-right: auto;
	padding: 40px 10px 10px;
	border-radius: 10px;
	box-shadow: 0 0 5px 2px rgba(0,0,0,.05);
	background: #fff url(/wp-content/uploads/cloud-search/images/mb/cs-ico23.png) no-repeat 20px 15px;
}

/* 产品特色 */
.shadow-block > li {
	height: 290px;
	padding: 0 20px 0;
	border-radius: 10px;
	margin: 0 10px;
	box-sizing: border-box;
	box-shadow: 0 0 5px 2px rgba(1,114,252,.15);
}
.shadow-block > li > div:first-child {
	padding: 20px;
	margin: 0 -20px;
	border-radius: 10px 10px 0 0;
}
.shadow-block > li:first-child > div:first-child {
	background-color: #2e74ff;
	background-image: linear-gradient(to bottom, #4f93ff, #2e74ff);
}
.shadow-block > li:nth-child(2) > div:first-child {
	background-color: #2fa0ff;
	background-image: linear-gradient(to bottom, #51b7ff, #2fa0ff);
}
.shadow-block > li:nth-child(3) > div:first-child {
	background-color: #4fd2ce;
	background-image: linear-gradient(to bottom, #3ecedd, #4fd2ce);
}
.shadow-block > li:nth-child(4) > div:first-child {
	background-color: #a48fe6;
	background-image: linear-gradient(to bottom, #b794eb, #a48fe6);
}

/* 手机银行搜索应该 */
.demand > li:first-child {
	width: 184px;
	line-height: 184px;
	overflow: hidden;
	text-align: center;
	border-radius: 50%;
	background-color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 100;
	margin-top: -92px;
	margin-left: -92px;
}
.demand > li:not(:first-child) {
	width: 530px;
	height: 200px;
	float: left;
	border-radius: 8px;
}
.demand > li:nth-child(2) {
	color: #571d1e;
	background-color: #ffeded;
}
.demand > li:nth-child(3) {
	color: #202f5c;
	background-color: #e2fbfd;
}
.demand > li:nth-child(4) {
	color: #215559;
	background-color: #e4ebff;
}
.demand > li:nth-child(5) {
	color: #5c3e21;
	background-color: #fff6ec;
}

/* 手机银行用户的痛点 */
.mb-pain-spot {
	height: 582px;
	position: relative;
	margin-top: 35px;
	color: #003fab;
	font-weight: bold;
	background: url(/wp-content/uploads/cloud-search/images/mb/mb-img7.jpg) no-repeat center center;
}
.mb-pain-spot p {
	position: absolute;
}
.mb-pain-spot p:first-child {
	width: 80px;
	top: 70px;
	left: 372px;
}
.mb-pain-spot p:nth-child(2) {
	width: 80px;
	top: 72px;
	left: 768px;
	line-height: 30px;
}
.mb-pain-spot p:nth-child(3) {
	width: 56px;
	top: 244px;
	left: 395px;
}
.mb-pain-spot p:nth-child(4) {
	width: 94px;
	top: 345px;
	left: 282px;
	line-height: 30px;
}
.mb-pain-spot p:nth-child(5) {
	width: 80px;
	top: 353px;
	left: 767px;
	line-height: 26px;
}

/* 探索更多滚动图 */
#exploreMore {
	position: relative;
	width: 1100px;
	margin: 0 auto
}
#exploreMore .swiper-img {
	max-width: 320px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -160px;
	z-index: 999;
}
#exploreMore .swiper-container {
	padding: 22px 0;
}
#exploreMore  .swiper-slide {
	width: 262px;
	height: 569px;
	background: #fff;
}
#exploreMore  .swiper-slide img{
	width: 262px;
	border: 1px solid #eee;
	box-shadow: 0 0 8px #ddd;
}
#exploreMore  .swiper-slide img:nth-child(1) {
	display: block;
}
#exploreMore  .swiper-slide img:nth-child(2) {
	display: none;
}
#exploreMore  .swiper-slide div {
	display: none;
	width: 1000px;
	margin: 30px 0 0 -369px;
}
#exploreMore  .swiper-slide-active div {
	display: block;
}
#exploreMore  .swiper-slide-active img:nth-child(1) {
	display: none;
}
#exploreMore  .swiper-slide-active img:nth-child(2) {
	display: block;
}
#exploreMore  .swiper-slide p {
	text-align: center;
	font-size: 14px;
	margin: 5px 0 0;
}
#exploreMore  .swiper-slide p:first-child {
	font-size: 18px;
}
#exploreMore .swiper-pagination {
	width: 100%;
	bottom: 20px;
}
#exploreMore .swiper-button-prev,#exploreMore .swiper-button-next {
	width: 45px;
	height: 45px;
	background: url(/wp-content/uploads/cloud-search/images/mb/mb-ico10.png) no-repeat;
	background-size: 100%;
}
#exploreMore .swiper-button-prev:after,#exploreMore .swiper-button-next:after{
	content: "";
}
#exploreMore .swiper-button-prev {
	left: -30px;
	background-position: 0 0;
}
#exploreMore .swiper-button-prev:hover {
	background-position: 0 -46px;
	background-size: 100%
}
#exploreMore .swiper-button-next {
	right: -30px;
	background-position: 0 -93px;
}
#exploreMore .swiper-button-next:hover {
	background-position: 0 -139px;
	background-size: 100%
}

/* 亮点功能 */
.h-features {
	height: 618px;
	margin-top: 75px;
	border-radius: 10px;
	padding: 30px;
	box-sizing: border-box;
	background: linear-gradient(to right, #3561ef,#2998ff);
}
.h-features > dt {
	width: 230px;
	height: 558x;
	float: left;
	background-color: #fff;
}
.h-features > dt > a {
	font-size: 18px;
	display: block;
	text-indent: 30px;
	line-height: 62px;
}
.h-features > dt > a.active {
	width: 250px;
	position: relative;
	color: #fff;
	background: linear-gradient(to right, #f58b35,#ffcc65);
}
.h-features > dt > a.active::after {
	content: "";
	width: 5px;
	height: 0;
	position: absolute;
	right: -20px;
	top: 50%;
	margin-top: -18px;
	border-left: 20px solid #ffcc65;
	border-bottom: 18px solid transparent;
	border-top: 18px solid transparent;
}
.h-features > dd {
	width: 760px;
	height: 633px;
	float: right;
	margin-top: -75px;
	padding: 53px 0 0;
	box-sizing: border-box;
	border-radius: 10px 10px 0 0;
}

/* 切换Tab */
.switch-tab {
	display: inline-block;
	border-radius: 60px;
	background-color: #f3f8ff;
}
.switch-tab a {
	display: inline-block;
	width: 220px;
	line-height: 50px;
	text-align: center;
	font-size: 18px;
	color: #00045f;
	border-radius: 60px;
}
.switch-tab a.tab-active {
	color: #fff;
	background: linear-gradient(to right, #3846c9, #3f75e5);
}

/* 成功案例 */
.typ-cus li{
	width:184px;
	height:62px;
	border:1px solid #eee;
	background:#fff;
	text-align:center;
	float:left;
	border-radius:6px;
	margin:34px 17px 0;
} 

/* 试用流程 */
.process-list {
	width: 830px;
	height: 150px;
	margin: 70px auto 0;
	border-top: 6px solid #eef3f9;
}
.process-list > li {
	width: 210px;
	float: left;
	position: relative;
	margin-top: -40px;
	margin-left: 66px;
	text-align: center;
}
.process-list > li::after {
	content: "";
	width: 20px;
	height: 29px;
	position: absolute;
	top: 22px;
	right: -45px;
	display: inline-block;
	background: url(/wp-content/uploads/cloud-search/images/mb/cs-ico22.png) no-repeat;
}
.process-list > li:first-child {
	margin-left: -110px;
}
.process-list > li:last-child {
	float: right;
	margin-left: auto;
	margin-right: -100px;
}
.process-list > li:last-child::after {
	display: none;
}
.process-list > li > strong {
	display: inline-block;
	width: 74px;
	line-height: 74px;
	color: #fff;
	font-size: 20px;
	background: url(/wp-content/uploads/cloud-search/images/mb/cs-ico21.png) no-repeat;
}

/* 底部 */
.footer{
	width:100%;
	padding:30px 0;
	overflow:hidden;
	background:#262626;
}
.footer .footer-main{
	width:1100px;
	color: #ccc;
	margin:0 auto;
	overflow:hidden;
	font-size:14px;
}