:root { 
	--main-color: #111; 
	--active-color:#05c160
}
/* 隐藏手机导航菜单 */
.sm-fixed-nav{
	height: 0px;
}
	/* 公共标题 */
	.public-big-title{
		font-size:40px;
		color:#111;
		text-align:center;
	}
	.public-sub-title{
		font-size:20px;
		color:#5e5e5e;
		text-align:center;
		margin-top:12px;
	}
	/* banner */
	.banner-box{
		position: relative;
	}
	.banner-item{
		width: 100%;
		background: url(../image/banner1.png) no-repeat center center;
		height: 210px;
		background-size:cover;
		/* left: 50%!important;
		transform: translateX(-960px); */
	}
	.login-main{
		width: 1200px;
		position: absolute;
		left: 50%;
		top: 0;
		transform: translateX(-50%);
	}
	.slogan{
		margin-top: 34px;
		margin-left: 23px;
	}
	.big-title{
		font-size: 58px;
		color: #fff;
	}
	.small-title{
		margin-top: 7px;
		font-size: 28px;
		color: #fff;
	}
	.free-box{
		margin-top: 16px;
		margin-left: 10px;
		display: flex;
		align-items: center;
	}
	.free-item-box{
		display: flex;
		align-items: center;
	}
	.free-item-box img{
		margin-right: 5px;
		margin-top: 2px;
	}
	.free-box .free-item{
		font-size: 16px;
		color: #fff;
		margin-right: 23px;
	}
	
	.login{
		background-color: #fff;
		width: 284px;
		height: 284px;
		border-radius: 5px;
		margin-top: 30px;
		margin-left: 20px;	
	}
	.login-cut{
		display: flex;
		align-items: center;
		cursor: pointer;
		border-bottom:1px solid  #e9e9e9;
	}
	.login-cut .cut{
		width: 50%;
		text-align: center;
		padding: 17px 0 15px 0;
		/* padding: 17px 0; */
		font-size:18px;
		color: #8c8c8c;
		border-bottom: 2px solid transparent;
	}
	.login-cut .cutEd{
		border-bottom: 2px solid var(--active-color);
		color:var(--active-color);
	}
	.login-cut .line{
		width: 1px;
		height: 30px;
		background-color:#e9e9e9;
	}
	.login-code{
		width: 100%;
		height: 230px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.login-code .img-box{
		width: 186px;
		height: 186px;
		position: relative;
	}
	.login-code .img-box img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.login-code .img-box .die-shade{
		position: absolute;
		width: 186px;
		height: 186px;
		top: 0;
		left: 0;
		background-color: rgba(0,0,0,0.7);
		display: flex;
		align-items: center;
		flex-direction: column;
		justify-content: center;
	}
	.login-code .img-box .die-shade p{
		font-size: 16px;
		line-height: 28px;
		color: #fff;
		font-weight: 500;
		margin: 0;
		padding: 0;
	}
	.login-code .img-box .die-shade div{
		width: 92px;
		height: 32px;
		border-radius: 6px;
		border: 1px solid #979797;
		font-size: 14px;
		font-weight: 500;
		color: #fff;
		line-height: 32px;
		margin: 16px auto 0;
		cursor: pointer;
		text-align: center;
	}
	/* 微信难题 */
	.problem{
		border: 1px solid #efefef;
		
	}
	.problem-title{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		padding: 16px 0;
		cursor: pointer;
	}
	.problem-title h4{
		font-size:20px;
		color:#333;
	}
	.problem-title p{
		font-size: 16px;
		color: #aeaeae;
		margin-top: 6px;
	}
	.problem-center-title{
		border-left: 1px solid #efefef;
		border-right:1px solid #efefef;
	}
	.problem-titleEd{
		background-color:#f4fbf7;
		
	}
	.problem-titleEd h4,.problem-titleEd p{
		color: var(--active-color);
	}
	.problem-content{
		display: flex;
		justify-content: space-between;
	}
	.problem-content>img{
		width: 100%;
	}
	.class-item{
		margin-bottom: 33px;
		border-radius: 10px;
		background-color: #FFF;
		padding-left: 12px;
	}
	.class-itemed{
		padding:26px 12px;
		background-color: #f4fbf7;
	}
	.class-itemed h4{
		color: var(--active-color)!important;
	}
	.class-itemed .class-des{
		display: block;
	}
	.no-class-itemed-img{
		display: block;
	}
	.class-itemed-img{
		display: none;
	}
	.class-itemed .class-itemed-img{
		display: block;
	}
	.class-itemed .no-class-itemed-img{
		display: none;
	}
	.class-title{
		display: flex;
		align-items: center;
	}
	.class-title h4{
		font-size: 20px;
		color: #333;
	}
	.class-title img{
		width: 30px;
		height: 30px;
		margin-right: 6px;
	}
	.class-des{
		font-size: 16px;
		color: #5e5e5e;
		padding-left:36px;
		margin-top:12px;
		display: none;
	}
	.problem-des{
		overflow: hidden;
		width: 646px;
	}
	.problem-des-img{
		display: flex;
		align-items: center;
		transition: margin-left 0.5s linear 0s;
	}
	.problem-des-img img{
		width: 646px;
		height: 421px;
	}
	/* 覆盖90+行业*/
	.morePlus{
		background-color:#f8f8f8;
		padding-bottom: 56px;
	}
	.moreImgList{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.moreImg-item{
		width: 285px;
		height: 194px;
		overflow: hidden;
		position: relative;
		border-radius: 10px;
		margin-bottom: 20px;
	}
	.moreImg-item h6{
		font-size: 24px;
		color: #fff;
	}
	
	.moreImg-item img{
		width: 100%;
		height: 100%;
	}
	.moreImg-item:hover img{
		transform: scale(1.2);
		transition: transform 0.5s linear 0s;
	}
	.moreImg-item:hover h6{
		transform: scale(1.2);
		transition: transform 0.5s linear 0s;
	}
	.moreImg-item-shade{
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,0.4);
		position: absolute;
		border-radius: 10px;
		top: 0;
		left: 0;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.all-people{
		padding-bottom: 80px;
	}
	.all-people-img{
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.all-people-img img{
		width: 1059px;
		height: 662px;
	}
	/* 操作人群 */
	.handle-box{
		background-color: #f8f8f8;
		padding-bottom: 70px;
	}
	.handle-box-des{
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.handle-item{
		box-sizing: border-box;
		width: 285px;
		height: 372px;
		background-color: #fff;
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-direction: column;
		padding-top: 56px;
		padding-bottom:27px;
		
	}
	.handle-item img{
		width: 205px;
		height: 205px;
		transition: margin 0.3s ease 0s;
	}
	.handle-item:hover img{
		margin-bottom:20px;
	}
	.handle-item h6{
		font-size: 24px;
		color: #111;
	}
	/* 百万团长 */
	.million-num{
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.million-num-item{
		
	}
	.num-box{
		display: flex;
		align-items: flex-end;
	}
	.num-box p:nth-child(1){
		font-size:42px;
		font-style:oblique;
		color: var(--active-color);
		font-weight: bold;
	}
	.num-box p:nth-child(2){
		color: var(--active-color);
		margin-bottom: 7px;
		margin-left:6px;
	}
	.million-num-title{
		text-align: center;
		font-size: 16px;
		color: #5e5e5e;
	}
	.group{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
		padding-bottom: 29px;
	}
	.group-box{
		background-color: #fff;
		width: 372px;
		height: 362px;
		border-radius: 5px;
		box-shadow: 4px 4px 18px rgba(230,230,230,0.5);
		overflow: hidden;
		position: relative;
		margin-bottom: 40px;
		transition: transform 1s linear 0s;
	}
	.group-box:hover .heade-box{
		transition: transform 1s linear 0s;
		transform: rotate(360deg);
	}
	.group-box .top-img{
		width: 372px;
		height: 161px;
		
	}
	.heade-box{
		border-radius: 50%;
		box-shadow: 1px 1px 9px rgba(116,116,116,0.56);
		width: 72px;
		height: 72px;
		display: flex;
		align-items: center;
		justify-content: center;
		overflow: hidden;
		position: absolute;
		left: 20px;
		top: 126px;
	}
	.group-title{
		font-size: 24px;
		color:#111;
		margin-top: 46px;
		padding:0 25px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical; /*设置对齐模式*/
		-webkit-line-clamp: 1; /*设置多行的行数，示例为2行*/
	}
	.group-des{
		font-size: 14px;
		color: #5e5e5e;
		line-height: 24px;
		margin-top: 12px;
		margin-bottom: 22px;
		padding:0 25px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical; /*设置对齐模式*/
		-webkit-line-clamp: 2; /*设置多行的行数，示例为2行*/
	}
	.group-tag{
		border: 1px solid #ff6422;
		color:#ff6422;
		padding: 4px 6px;
		border-radius: 5px;
		margin-left: 25px;
	}
	/* 合作品牌 */
	.parent-brand{
		background-color:#f8f8f8;
	}
	.barnd-box{
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.barnd-item{
		width: 218px;
		height: 86px;
		border-radius: 5px;
		overflow: hidden;
		display: flex;
		align-items: center;
		justify-content: center;
		box-shadow:1px 1px 9px rgba(214, 214, 214, 0.35);
		margin-bottom: 27px;
	}
	.barnd-item img{
		width: 100%;
		height: 100%;
		object-fit: cover;
		transition: transform .5s linear 0s;
	}
	.barnd-item:hover img{
		transform: scale(1.2);
	}
	/* 加入我们 */
	.join-us{
		background-color:#ecfaf2;
		padding:44px 0;
	}
	.join-content{
		display: flex;
		align-items: center;
		justify-content: center;
	} 
	.join-content div:nth-child(1){
		font-size: 30px;
		color: #111;
	}
	.join-content div:nth-child(2){
		width: 198px;
		height: 60px;
		border-radius: 5px;
		background-color:var(--active-color);
		line-height: 60px;
		text-align: center;
		font-size: 28px;
		color: #fff;
		margin-left:40px;
		cursor: pointer;
		 animation: myBreath 1s linear infinite;  
	}
	.foot{
		background-color: var(--active-color);
		padding: 36px 0;
	}
	.foot-content{
		display: flex;
		align-items: center;
		justify-content: center;
		width: 1200px;
		margin: 0 auto;
	}
	.wechat-code{
		display: flex;
		align-items: center;
	}
	.code-box1{
		margin-left: 0!important;
	}
	.code-box{
		display: flex;
		align-items: center;
		flex-direction: column;
		justify-content: center;
		margin-left: 70px;
	}
	.code-box .code-img{
		background-color: #fff;
		width: 123px;
		height: 123px;
		overflow: hidden;
		border-radius: 5px;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		padding: 5px;
	}
	.code-box .code-img img{
		width: 100%;
		height:100%;
	}
	.code-box .p1{
		font-size: 16px;
		margin-top: 14px;
		color: #fff;
	}
	.code-box .p2{
		font-size: 12px;
		margin-top: 8px;
		color: #fff;
	}
	.concat{
		margin-left: 118px;
		height: 200px;
		padding-left: 70px;
		display:flex;
		align-items: flex-start;
		justify-content: center;
		flex-direction: column;
		border-left:1px solid #53d993 ;
	}
	.concat p{
		font-size:16px;
		color: #fff;
		line-height: 36px;
	}
	/* 呼吸效果 */
	@keyframes myBreath {
		0%{
			transform: scale(0.88);
		}
		50%{
			transform: scale(100%);
		}
		100%{
			transform: scale(0.88);
		}
	}
	/* *********************************************************** */
	/* 明星团长也 */
	/* banner */
	.minor-item{
		/* left: 50%!important;
		transform: translateX(-960px); */
		background-size:cover;	
		background-repeat: no-repeat;
		background-position:center center;
	}
	.minor-item img{
		/* width: 100%;
		height: 100%;
		object-fit: cover; */
		/* height: 580px; */
		
		/* height: 580px; */
	}
	.minor-item-cotnent{
		width: 1200px;
		height: 578px;
		position: absolute;
		left: 50%;
		transform: translateX(-600px);
		top: 0;
		z-index: 1;
	}
	.minor-item-cotnent h3{
		font-size: 80px;
		font-weight: bold;
		color:#1bcc71;
		margin-top: 110px;
		margin-left: -33px;
	}
	.minor-item-cotnent h3 span{
		margin-left:18px;
		margin-right: 18px;
		font-weight: normal;
	}
	.minor-item-cotnent p{
		font-size: 37px;
		color: #1bcc71;
		margin-top: 14px;
		margin-left: -28px;
	}
	.minor-item-cotnent div{
		width: 270px;
		height: 90px;
		background-color: #1bcc71;
		font-size: 36px;
		color: #fff;
		text-align: center;
		line-height: 90px;
		border-radius: 45px;
		margin-top: 90px;
		margin-left: -28px;
	}
	.to-top{
		position: fixed;
		bottom: 130px;
		right: 40px;
		width: 48px;
		height: 48px;
		border-radius: 5px;
		background-color: hsla(0,0%,100%,.9);
		background-color: #FFFFFF;
		box-shadow: 0 2px 6px 0 hsl(0deg 0% 83% / 50%);
		z-index: 100;
		/* display: flex; */
		align-items: center;
		justify-content: center;
		display: none;
	}
	.to-top i{
		font-size: 40px;
		color: #111;
	}