body,html{width: 100%;font-family: "Microsoft YaHei";}
.none{display: none;}
.header{width: 100%;}
.header img{width: 100%;}
.header a{display: block;}
.banner{background: url('./../imagesSapMob/phone/pic_04.png') no-repeat;background-size:100% 100%;width: 100%;}
.banner .bannercontent h2{color: #fff;font-size: 1.375rem;font-weight: 700;padding-top: 2.3125rem;text-align: center;}
.banner .bannerbtn{width: 8.825rem;height: 1.875rem;border: 1px solid #fff;border-radius: 0.2rem;font-size: 0.8125rem;text-align: center;line-height: 1.875rem;margin-left: 5.3125rem;margin:1.5625rem 0 1.09rem 5.3125rem;}
.banner .bannerbtn a{display: inline-block;color: #fff;}
.banner .blackbox{width: 100%;height: 1.75rem;color: #fff;font-size: 0.875rem;line-height: 1.75rem;font-weight: 600;background: rgba(13,13,13,0.6);}
.banner .turnbottom a{margin-bottom: 0.71875rem;height: 1.46875rem;width: 2.40625rem;display: inline-block;line-height: 1.46875rem;background: rgba(13,13,13,0.6);}
.banner .turnbottom img{width: 1.3rem;height: 0.7rem;}
.tabs{width: 100%;height: 3rem;background: #222222;color: #aaa;font-size: 1rem;}
.tab{height: 1.75rem;width: 5.8125rem;text-align: center;line-height: 1.75rem;margin-left: 2.6875rem;margin-top: 0.625rem;}
.tabs ul .tabact{background: url("./../imagesSapMob/phone/pic_01.png") no-repeat;background-size: 100% 100%;}
.more{
	width: 100%;
	padding-bottom: 2rem;
	background: url('./../imagesSapMob/phone/pic_06.png');
}
.morebox h2{
	font-size: 1.25rem;
	font-weight: 600;
	padding-top: 1.875rem;
	text-align: center;
}
.morebox h3{
	font-size: 0.8125rem;
	text-align: center;
	margin-bottom: 1.3125rem;
}
.morebox .ccpic img{
	width: 18.375rem;
	height: 9.375rem;
}
.morebox .ccpic {
	margin-left: 0.625rem;
	width: 18.375rem;
	height: 9.375rem;
	box-shadow: 1px 1px 5px #ccc;
}
.morebox .morecontent{
	padding: 1rem 0.625rem 0;
} 
.morebox  .moretop h4,
.morebox  .morebottom h4{width: 3.8125rem;height: 0.84375rem;text-align: center;font-weight: 600;line-height: 0.84375rem;font-size: 0.625rem;color: #fff;background: url('./../imagesSapMob/ibg.png') no-repeat;background-size: cover;}
.morebox  .moretop h5{
	font-size: 0.8125rem;
	font-weight: 600;
	margin:0.72rem 0 0.34375rem 1.1875rem;
}
.morebox  .moretop p{font-size: 0.5625rem;margin-left: 1.1875rem;padding:0 0.3125rem;border: 1px solid #ccc;	border-radius: 0.2rem;}
.morebox  .morebottom h4 {
	margin-top: 1.25rem;
}
.morebox  .morebottom ul {
	margin:1rem 0 0 1rem;
}
.morebox  .morebottom ul li {
	list-style-type: disc;
	font-size: 0.75rem;
	line-height: 1.5rem;
}
.morebox  .morebottom ul li span{height: 1rem;padding:0 0.375rem;background: #fff;border:1px solid #ccc;text-align: center;line-height: 1rem;color: #d70014;font-size: 0.8125rem;font-weight: 600;box-shadow: 0 0 0.4rem #ccc;border-radius: 0.25rem;display: inline-block;margin-left: 0.156rem;}
.learnmore{width: 11.5rem;height: 2rem;margin-top: 1.5625rem;margin-left: 4rem;font-size: 1rem;/*padding-left: 3rem;*/font-weight: 600;line-height: 2rem;box-sizing: border-box;background: url('./../imagesSapMob/phone/pic_08.png') no-repeat; background-size: cover;}
.learnmore a{display: inline-block;text-align: center;width: 10.4rem;height: 2rem;}
.box2{width: 100%;padding-bottom: 2rem;text-align: center;padding-top: 1.875rem;box-sizing: border-box;}
.box2 h2{
	font-size: 1rem;
	font-weight: 700;
}
.box2 h3{
	font-size: 0.75rem;
	font-weight: 600;
	padding-bottom: 1.875rem;
}
.box2 .box2icon{
	padding: 0 0.625rem;
	overflow: hidden;
}
.box2 .box2icon li{
	width: 6.25rem;
	text-align: center;
	float: left;
	margin-bottom: 1rem;
}
.box2 .box2icon li:nth-child(2){
	height: 3.5625rem;
	font-size: 0.375rem;
}
.box2 .box2icon li h4{
	font-size: 0.8125rem;
	font-weight: 600;
}
.box2 .box2icon li img{
	width: 2.75rem;
	height: 2.75rem;
}
.box2 .box2icon li span{
	display: inline-block;
	height: 0.09375rem;
	width: 0.84375rem;
	background: #f10114;
}
.box2 .box2icon li p{
	color: #c6c6c6;
}
.box2 .box2text{
	margin-top: 1.6125rem;
	padding:0 0.625rem;
}
.box2 .box2text li{
	text-align: left;
}
.box2 .box2text li h4{
	margin:0.875rem 0 1.25rem 0;
	padding-bottom: 0.75rem;
	font-size: 0.875rem;
	font-weight: 600;
	border-bottom: 1px solid #ccc;
}
.box2 .box2text li p{
	color: #999;
	font-size: 0.6875rem;
	line-height: 1.4375rem;
}
.box3{
	width: 100%;
	padding:0 0.625rem;
	background: #f1f1f1;
	box-sizing: border-box;
}
.box3 h2,
.box4 h2,
.box5 h2,
.manage h2{
	padding-top: 1.875rem;
	text-align: center;
	font-size: 1rem;
	font-weight: 700;
}
.box3 h3,
.box4 h3,
.box5 h3,
.manage h3{
	text-align: center;
	font-size: 0.875rem;
	font-weight: 600;
}
.ct{
	text-align: center;
	margin-top: 1.66rem;
	padding-bottom: 1rem;

}
.ct img{
	width: 7.84375rem;
	height: 7.84375rem;
	margin-bottom: 1rem;	
}
.ct ul {
	overflow: hidden;
}
.ct ul li {width: 100%;background: #fff;margin-bottom: 0.625rem;padding-bottom: 1rem;font-size: 0.75rem;border-radius: 0.5rem;box-shadow: 0 0 0.2rem #ccc;text-align: left;float: left;}
.ct ul li:nth-child(1) img{
	margin:1.3475rem 0.75rem 0 0.5rem;
	height: 3.65625rem;
	width: 2.40625rem;
}
.ct ul li:nth-child(2) img,
.ct ul li:nth-child(3) img,
.ct ul li:nth-child(4) img{
	margin:3rem 0.3475rem 0 0.3475rem;
	height: 3.125rem;
	width: 3.25rem;
}
.ct ul li:nth-child(3) img{
	margin-top: 1.46rem;
}
.ct ul li h2{
	padding-top: 1rem;
	text-align: left;
	font-size: 0.8125rem;
}
.ct ul li .box3text{
	width: 14.5625rem;
}
.ct ul li  p{
	color: #666;
}
.box4{
	width: 100%;
	padding:0 0.625rem;
	box-sizing: border-box;
	background: url('./../imagesSapMob/bg3_21.png');
}
.box4 ul{
	 overflow: hidden;
}
.box4 ul li{width: 8.96875rem;height: 10rem;background: #fff;float: left;margin:0 0.4rem 0.25rem 0;padding: 2.28rem 1.1rem 0;box-sizing: border-box;box-shadow: 0.25rem 0.25rem 0.25rem #ccc;}
.box4 ul li h4{
	font-size: 0.8125rem;
	font-weight: 600;
	margin-bottom: 1.375rem;
}
.box4 ul li p{
	text-align: left;
	font-size: 0.6875rem;
	color: #666;
}
.box4content h5{
	margin: 1.5rem 0 1rem 0;
	text-align: center;
	font-size: 1.065rem;
	font-weight: 600;
}
.box4bor{
	text-align: center;
}
.box4bor img{
	width: 15.4375rem;
}
 .box4content p{padding:0 0.5rem;margin-top: 0.625rem;font-size: 0.6875rem;color: #666;text-align: center;} 
 .box4content{
 	padding-bottom: 2rem;
 }
.box5{
	padding-bottom: 2rem;
}
.box4 h3,
.box5 h3{
	margin-bottom: 1.375rem;
}
.box5 .box5content{
	padding:0 0.625rem 1.5rem;
}
.box5content ul li p{
	color: #999999;
}

.box5 ul li{
	width: 18.75rem;
	border:1px solid #333333;
	margin-bottom:0.625rem;
	padding: 1rem 0.75rem 1rem 1rem;
	box-sizing: border-box;
}
.box5 ul li .box5top{
	overflow: hidden;
	padding-bottom: 0.5rem;
	margin-bottom: 0.625rem;
	border-bottom: 1px solid #ccc;
}
.box5 ul li h4{
	font-size: 0.9375rem;
	font-weight: 800;
	float: left;
	padding:0.375rem 0 0 0.3125rem ;
}
.box5 ul li .box5top img{
	width: 2.4375rem;
	height: 2.4375rem;
	float: left;
}
.bottomdesign{
	position: fixed;
	bottom:0;
	width: 100%;
	display:flex;
	background: #fff;
}
.bottomdesign a{
	flex: 1;
	height: 2.5rem;
	line-height: 2.5rem;
	font-size: 0.875rem;
	text-align: center;
	border:1px solid #a0a0a0;
	box-shadow: 0px 0px 5px #ccc;
}
.bottomdesign a:first-child{
	border-right:0;
}
.spa{
	position: relative;
	background: #f2f2f2;
}
.yun{
	position: relative;
	width: 17rem;
	margin:0 auto;
	height: 12rem;
	background: url('./../imagesSapMob/phone/pic_68.png') no-repeat center;
	background-size:100%;
	box-sizing: border-box;
}
.yun span{
	position: absolute;
	top:5rem;
	left:6.2rem;
	font-size: 1.3125rem;
	font-weight: 800;
}
.spabox2{
	position: absolute;
	top:0;
	left:20rem;
}
.spabox .yuncontent{
	width: 100%;
	padding:0 0.625rem;
	box-sizing: border-box;
}
.spabox .yuncontent h2{
	font-size: 1.3125rem;
	font-weight: 600;
}
.spabox .yuncontent h3{width: 4.4rem;height: 1.5625rem;font-weight: 700;margin-top: 0.875rem;border: 1px solid #333333;border-radius: 0.25rem;text-align: center;line-height: 1.5625rem;font-size: 0.9375rem;float: left;}
.owl-pagination{
	display: none;
}
.smallyun .yun span{
	left:4.8rem;
}
.smallyun .yuncontent h3{
	width:5.5rem;
}
.smallyun .yuncontent .yuncontentborder{
	width:10rem;
}
.yuncontentborder{
	height: 1px;
	width: 13rem;
	margin: 1.5625rem 0 0 0.3125rem;
	background: #333;
	float: left;
}
.yunct{
	margin-top: 1rem;
}
.yunct h4{
	font-size: 1rem;
	font-weight: 600;
	margin-bottom: 0.875rem;
}
.yunct p{
	font-size: 00.75rem;
	color: #333;
}
.yuntabs{
	position: relative;
	margin-top: 2rem;
	width: 100%;
	background: #222;
	border-bottom:0.21875rem solid #f10114;
}
.tri{position: absolute;bottom:0px;left:50%;margin-left:-0.21875rem;border: 0.4375rem solid #f10114;border-right-color: transparent;border-left-color: transparent;border-top-color: transparent;}
.yuntabsbox ul li:nth-child(1){
	background: url("./../imagesSapMob/phone/pic_32.png") no-repeat;
	background-size: 100% 100%;
}
.yuntabsbox ul li:nth-child(2){
	background: url("./../imagesSapMob/phone/pic_33.png") no-repeat;
	background-size: 100% 100%;
}
.yuntabsbox ul li:nth-child(3){
	/*margin-right: 0;*/
	background: url("./../imagesSapMob/phone/pic_34.jpg") no-repeat;
	background-size: 100% 100%;
}
.yuntabsbox ul li:nth-child(4){
	background: url("./../imagesSapMob/phone/pic_35.png") no-repeat;
	background-size: 100% 100%;
}
.yuntabsbox ul li:nth-child(5){
	margin-left: 0.25rem;
	background: url("./../imagesSapMob/phone/pic_36.png") no-repeat;
	background-size: 100% 100%;
}
.yuntabsbox ul li:nth-child(6){
	margin-left:0.25rem;
	width: 4.5rem;
	background: url("./../imagesSapMob/phone/pic_37.png") no-repeat;
	background-size: 100% 100%;
}
.yuntabsbox ul li:nth-child(7){
	width: 5.8rem;
	background: url("./../imagesSapMob/phone/pic_38.png") no-repeat;
	background-size: 100% 100%;
}
.yuntabs{
	padding:0 0.625rem;
	box-sizing: border-box;
}
.yuntabsbox{
	position: relative;
	padding:0;
	overflow: hidden;
}
.yuntabsbox ul{
	padding-left: 0.5rem;
	width: 46rem;
	height: 10.75rem;
	box-sizing: border-box;
	transition: all 1s;
}
.yuntabsbox ul li{
	float:left;
	margin: 1.5625rem 1rem 1rem 0;
	width: 5.25rem;
	height: 7rem;
	box-sizing: border-box;
	text-align: center;
}
/*hr云*/
.person{
	width: 100%;
	height: 17.1875rem;
	background: url('./../imagesSapMob/phone/pic_39.png') no-repeat;
	background-size: 100% 100%;
}
.personbox{
	padding:0 0.625rem; 
	box-sizing: border-box;
	color: #fff;
}
.personbox h2{
	font-size: 1.5625rem;
	font-weight: 600;
	padding-top: 3rem;
}
.personbox h3{
	font-size:1.875rem ;
	font-weight: 700;
}
.personbox h4{
	font-size: 1.125rem;
	margin: 1.5rem 0;
}
.personbox a{width: 10.219rem;height: 2rem;line-height: 2rem;display: inline-block;font-size: 1.125rem;border:1px solid #fff;color: #fff;}
.managerbox{
	background: #f2f2f2;
	padding-bottom: 3rem;
}
.manage{
	width: 100%;
	padding:0 0.625rem;
	box-sizing: border-box;
}
.manage h3{
	margin-bottom: 1.5rem;
}
.manage ul {
	overflow: hidden;
}
.manage ul li{width: 9rem;height: 15.5rem;background: #fff;text-align: center;margin:0 0.65625rem 0.59375rem 0;padding-top: 1rem;box-sizing: border-box;float:left;border-radius: 0.5rem;}
.manage ul li:nth-child(2n){
	margin-right: 0;
}
.hryun .manage ul li:first-child .manacontent-top img {
	width: 5.8rem;
}
.manage ul li .manacontent-top img{
	width: 4.375rem;
	height: 4.375rem;
}
.manage ul li h4{
	font-size: 0.8125rem;
	font-weight: 600;
	margin: 0.25rem 0 0px 0
}
.manage ul li span{width: 0.84375rem;height: 0.09375rem;background: #f10114;margin: 0.625rem 0;display: inline-block;}
.manage ul li .manacontent{
	color: #a9a9a9;
	font-size: 0.75rem;
}
.hryun .manage ul li:nth-child(3),
.hryun .manage ul li:nth-child(4){
	height: 11rem;
}
.hryun .manage ul li:nth-child(5),
.hryun .manage ul li:nth-child(6){
	height: 13.3125rem;
}
/*营销云*/
.sellyun .personbox h2{
	font-size: 1.4375rem;
}
.sellyun .manage h2{
	font-size: 1.125rem;
}
.sellyun .manage ul li{
	height: 15.5rem;
}
/*分析云*/
.analysisyun .personbox h3{
	font-size: 1.5625rem;
}
.analysisyun .manage ul li{
	height: 15.5rem;
}
/*中小企业云*/
 .smartyun .person{
	background: url('./../imagesSapMob/phone/pic_51.png') no-repeat;
	background-size: 100% 100%;
}
.smartyun .manage ul li{
	height: 21.3rem;
	padding:1rem 0.5rem 0 0.5rem;
	box-sizing: border-box;
}
.smartyun .manage ul li:last-child{
	height: 18rem;
}
/*采购云*/
.shoppingyun  .person{
	background: url('./../imagesSapMob/phone/pic_55.png') no-repeat;
	background-size: 100% 100%;
}
.shoppingyun .manage ul li{
	height: 21.3rem;
	box-sizing: border-box;
}
.shoppingyun .manage ul li .manacontent{
	padding:0rem 0.5rem 0 0.5rem;
}
.shoppingyun .manage ul li:last-child{
	height: 17rem;
}
.shoppingyun .manage ul li h4{
	font-size: 0.6875rem;
}
/*差旅云*/
.travelyun .personbox h3,
.platformyun .personbox h3{
	padding-top: 3rem;
}
.travelyun  .person{
	background: url('./../imagesSapMob/phone/pic_59.png') no-repeat;
	background-size: 100% 100%;
} 
.travelyun .manage ul li .manacontent,
.platformyun .manage ul li .manacontent{
	padding:0rem 0.5rem 0 0.5rem;
}
/*平台云*/
.platformyun  .person{
	background: url('./../imagesSapMob/phone/pic_60.png') no-repeat;
	background-size: 100% 100%;
}
.platformyun .manage ul li:nth-child(5),
.platformyun .manage ul li:nth-child(6){
	height: 18rem;
}

/*注册查看页*/
.all{
	width: 100%;
	background: #f2f2f2;
	padding:1rem 0;
}
.allbox{
	padding:0 0.625rem;
	box-sizing: border-box;
	overflow: hidden;
}
.allbox ul li{
	width: 9.125rem;
	background: #fff;
	font-size: 0.75rem;
	color: #999;
	float: left;
	margin:0 0.5rem 0.6875rem 0;
}
.allbox ul li img{
	width: 9.125rem;
}
.allbox ul li:nth-child(2n){
	margin-right: 0;
}
.allbox ul li:nth-child(2) h2{
	padding-top: 0;
	margin-bottom: 0.3rem;
}
.allbox ul li:nth-child(2) .allcontent{
	height: 13rem;
	padding-top: 0.8rem;
}
.allbox ul li:nth-child(1) .allcontent{
	height: 13rem;
}
.allbox ul li  .allcontent{
	position: relative;
	height: 14.5rem;
	padding: 0 0.5rem;
	box-sizing: border-box;
}
.allbox ul li  .allcontent span{
	display: inline-block;
	width: 0.84375rem;
	height: 0.09375rem;
	background: #f10114;
	margin:0.625rem 0 0.3125rem 3.7rem;
}
.allbox ul li h2{
	padding-top: 0.3rem;
	box-shadow: border-box;
	color: #333;
	font-size: 0.75rem;
	text-align: center;
	font-weight: 700;
}
.allbox ul li a{position: absolute;bottom: 1rem;width: 6.25rem;height: 1rem;left:50%;margin-left: -3.125rem;background: #ff0000;color: #fff;display: inline-block;text-align: center;line-height: 1rem;font-size: 0.6875rem;border-radius: 0.35rem;}
/* design1 */
.addbg{
	overflow: hidden;
	background: url('../imagesSapMob/phone/pic_67.png') no-repeat center;
}
.des{
	width: 100%;
	padding:0 0.625rem;
	margin-top: 3rem;
	box-sizing: border-box;
}
.des input{
	width: 100%;
	height: 2.5rem;
	border: 1px solid #ccc;
	box-sizing: border-box;
	font-size: 1rem;
	/*padding-left: 3.2rem;*/
	padding-left: 0.75rem;
}
.des p{
	position: relative;
	margin-bottom: 0.8125rem;
}
.des  span{
	position: absolute;
	top:0.5rem;
	left:0.8125rem;
	font-size: 1rem;
	color:#666;
}
.des  label{
	font-size: 1rem;
}
.des  .checked input{
	width: 1rem;
	height: 1rem;
	margin-right: 0.3125rem;
}
.des  .checked{
	margin-bottom: 6rem;
}
.des .sub input{width: 13.125rem;height: 2.375rem;background: #ff0000;outline: none;border: none;border-radius: 2rem;text-align: center;padding-left: 0;color: #fff;}
/* 注册页二 */
.dgright{
	width: 100%;
	background: #fff;
	padding:1rem 0.625rem;
	box-sizing: border-box;
}
.dgright h2{
	font-size: 1rem;
	font-weight: 600;
	margin-bottom: 1.25rem;
	border-bottom: 1px solid #d9d9d9;
	padding-bottom: 0.75rem;
	text-align: center;
}
.dgright .formtop input{width: 100%;height: 2.5rem;border: solid 1px #ccc;border-radius: 0.25rem;margin-bottom: 0.5625rem;font-size: 0.8125rem;padding-left: 1rem;box-sizing: border-box;}

.dgright .formtop p{
	position: relative;
}
.dgright .formtop span{
	position: absolute;
	top:0.5rem;
	left:0.8125rem;
	font-size: 1rem;
	color: #666666;
}
.dgright h3{
	font-size: 0.75rem;
	color: #999;
	margin: 1rem 0 1rem 0;
}
.dgright .sur{
	font-size: 0.75rem;
	margin-bottom: 2rem;
}
.dgright .sur p:nth-child(3){
	margin-top: 1.5rem;
}
.dgright .sur p{
	margin-bottom: 0.8rem;
}
.dgright .sur input{
	width: 1rem;
	height: 1rem;
	margin-right: 0.5rem;
}
.dgright .sur .yesbtn{
	margin-right: 2rem;
}
.dgright .sur label{
	margin-right: 1rem;
}
.formsub{width: 13.125rem;height: 2.375rem;background: #ff0000;outline: none;border: none;border-radius: 2rem;text-align: center;padding-left: 0;color: #fff;font-size: 1rem;margin-left: 2rem;}

/*注册开始页*/
.designslg .signbtn input,
.designsuccess .backbtn input{position: absolute;bottom:4rem;width: 13.125rem;height: 2.375rem;background: #ff0000;outline: none;border: none;border-radius: 2rem;text-align: center;padding-left: 0;color: #fff;font-size: 1rem;margin-left: -7rem;}
.designsuccess span,
.designslg span{
	margin-top: 10rem;
	font-size: 1rem;
	color: #333;
}
.designslg{
	padding-top: 10rem;
}
.backtop{position: fixed;bottom:3rem;right: 0;width: 2.65625rem;height:2.65625rem;border:1px solid #a8a8a8;box-shadow: 0 0 1rem #ccc;border-radius: 0.5rem;background: #fff;display: flex;justify-content: center;align-items: center;}
.backtop img{
	width: 1.25rem;
	height: 1.25rem;
}
.solgancon{
	color: red;
}

