main{display: block;}
.home-banner .inner.flex-row{flex-wrap: wrap;}
.home-banner .col-a,.home-banner .col-b{padding: 0px 10px;}
.home-banner .col-a{width: 250px;}
.home-banner .col-b{width: 950px;}

/* 侧边栏 */
.home-navigation {margin-top: -20px;height: 494px;}
.home-navigation {background-color: #fff;position: relative;padding: 7px 0;box-sizing: border-box;}
.home-navigation .nav-item-con{padding: 6px 16px;position: relative;transition: box-shadow .25s;}
.home-navigation .nav-item:hover .nav-item-con {z-index: 20;background-color: #fff;box-shadow: 7px 15px 15px -15px rgba(18,38,64,.1),7px -15px 15px -15px rgba(18,38,64,.1),-15px -15px 10px -15px rgba(18,38,64,.1),-15px 15px 10px -15px rgba(18,38,64,.1);}
.home-navigation .nav-item-con .ti {height: 24px;height: 24px;line-height: 24px;line-height: 24px;font-size: 14px;font-weight: 500;}
.home-navigation .nav-item-con .ti a { color: #000;display: inline-block;padding-right: 16px; position: relative;transition: color .25s;}
.home-navigation .nav-item:hover .nav-item-con .ti a {color: #006EFF;}
.home-navigation .nav-item-con .ti a .iconfont{ position: absolute;right: 0;top: 50%;transform: translateY(-50%);font-size:12px;}
.home-navigation .nav-item-con .sub-links{min-height: 20px;}
.home-navigation .nav-item-con .sub-links a{display: inline-block;height: 20px;font-size: 12px;color: #959CAD;line-height: 20px;transition: color .25s;margin-top: 4px; margin-right: 12px;}
.home-navigation .nav-item-con .sub-links a:hover {color: #006EFF;}

.home-navigation .nav-item-panel{position: absolute;display: none;z-index: 19;left: 100%;top: 0;width: 730px;height: 494px;background-color: #fff;box-shadow: 0 10px 40px 0 rgba(18,38,64,.15);box-sizing: border-box;padding: 20px;}
.home-navigation .nav-item:hover:hover .nav-item-panel {display: block;}
.home-navigation .nav-item-panel .panel-main.flex-row{flex-wrap: wrap;}
.home-navigation .nav-item-panel .panel-main {margin: 12px -6px 0;}
.home-navigation .nav-item-panel .blocks {width:50%;padding:0 20px;margin-bottom:20px;}
.home-navigation .nav-item-panel .blocks p.label.flex-row{align-items:center;}
.home-navigation .nav-item-panel .blocks p.label {position: relative;font-size: 14px;color: #000;line-height: 34px;font-weight: 500;/*width: 84px;*/text-align: left;border-bottom: 1px solid  #E5E5E5;}
.home-navigation .nav-item-panel .blocks p.label::before {content:'\20';position: absolute;left:-8px;display: inline-block;width:3px;height:12px;margin-right:4px;background-color:#006EFF;}
.home-navigation .nav-item-panel .blocks a {color: inherit;transition: color .25s;}
.home-navigation .nav-item-panel .blocks ul{display: block;flex: 1;padding: 4px 0;}
.home-navigation .nav-item-panel .blocks li{font-size: 12px;color: #000;line-height: 26px;display: inline-block;margin-right: 12px;}
.home-navigation .nav-item-panel .blocks a {transition: color .25s;}
.home-navigation .nav-item-panel .blocks a:hover{color: #006EFF;}

/*轮播 slide */
.slideWrap{/*width:100%;*/position:relative;overflow: hidden;}
.home-banner .prev,.home-banner .next{display:block;width:44px;height:44px;position:absolute;z-index:222;top:50%;-weikit-transform:translateY(-50%);transform:translateY(-50%);overflow:hidden;cursor:pointer;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);_border:1px solid none;}
.home-banner .prev{left:-44px;}
.home-banner .next{right:-44px;}
.home-banner .slideWrap:hover .prev{left:20px;}
.home-banner .slideWrap:hover .next{right:20px;}
.home-banner .prev:hover,.home-banner .next:hover{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}

.home-banner .control{position:absolute;width:100%;z-index:18;bottom:20px;left:0;text-align:center;}
.home-banner .control li{display:inline-block;}
.home-banner .control a{display:inline-block;width:24px;height:5px;margin-right:11px;background-color:#fff;opacity:0.3;-moz-opacity:0.3;filter:alpha(opacity=30);overflow:hidden;}
.home-banner .control li.on a{background:#fff;opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}


.home-banner .slide{position:relative;width:100%;overflow:hidden;z-index:8;}
.home-banner .slide ul{height:100%;}
.home-banner .slide li{position:relative;height: 334px;background-repeat: no-repeat;background-position: center 0;background-size:cover;overflow: hidden;}
.home-banner .slide a{width:100%;display:block;cursor:pointer;}
.home-banner .slide li > a{position: relative;width:100%;height:100%;padding:24px;background-position:center;background-repeat:no-repeat;background-size:cover;}
.home-banner .slide img{width: 100%;height: auto;display: block;}

.home-banner .slide li .cover-txt{position:absolute;top:90px;left:-100%;color:#fff;}
.home-banner .slide li .cover-txt h3{height:48px;font-size:32px;color:#fff;line-height:48px;margin-bottom:12px;}
.home-banner .slide li .cover-txt p{
 height:52px;font-size:18px;color:#fff;line-height:26pxmargin-bottom;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break: break-all;}
.home-banner .slide li .btn{display:inline-block;height:40px;line-height:38px;padding:0px 24px;font-size:16px;color:#fff;border:1px solid #d1d7df;border-color:#ffa219;background-color:#ffa219;text-align:center;transition:all .25s;}
.home-banner .slide li .btn:hover{background-color:#e08f16;border-color:#e08f16;}

.home-banner .slide li .btn a{color: #fff;}
.home-banner .slide li .btn i{margin-left:6px;font-size:18px;}

/* 推荐 */
.home-recommendCard.flex-row {flex-wrap: wrap;}
.home-recommendCard .col{width:33.333333%;}
.home-recommendCard .card{display: flex;align-items: center;background-color: #ddd;background-repeat: no-repeat;background-position: right bottom;background-size: cover;transition: box-shadow .35s;}
.home-recommendCard .card:hover{box-shadow: 0 10px 40px 0 rgba(18,38,64,.15);}
.home-recommendCard .card-txt {padding: 40px 24px;max-width: 100%;}
.home-recommendCard .card-txt h4{height: 24px; font-size: 16px; color: #fff;line-height: 26px;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.home-recommendCard .card-txt p{height: 20px;font-size: 12px;color: #fff;line-height: 20px;/*white-space: nowrap;overflow: hidden;text-overflow: ellipsis;*/margin-top: 4px;}

/**
 * 电商/零售解决方案
 **/
.part{padding:40px 0 80px;}
.part .inner{width:1244px;}
.solution-module{background-color:#F2F7FC;}
.solution-module .inner{position: relative;z-index: 1;}

/*公用 s*/
.row{display:flex;flex-wrap:wrap}.col{min-height:1px;box-sizing:border-box;display:block}.col-1{width:4.166666667%}.col-2{width:8.333333333%}.col-3{width:12.5%}.col-4{width:16.66666667%}.col-5{width:20.833333333%}.col-6{width:25%}.col-7{width:29.166666667%}.col-8{width:33.33333333%}.col-9{width:37.5%}.col-10{width:41.66666667%}.col-11{width:45.833333333%}.col-12{width:50%}.col-13{width:54.166666667%}.col-14{width:58.33333333%}.col-15{width:62.5%}.col-16{width:66.66666667%}.col-17{width:70.833333333%}.col-18{width:75%}.col-19{width:79.166666667%}.col-20{width:83.33333333%}.col-21{width:87.5%}.col-22{width:91.66666667%}.col-23{width:95.833333333%}.col-24{width:100%}

.module-hd .hd-l{flex:1;}
.module-hd .hd-l .ti {font-size: 24px; color: #000;display: block;line-height: 32px;height: 32px;font-weight: 500;}
.module-hd .hd-r{display: flex;justify-content: center;align-items: center;}
.toolbox-btn {display: inline-block;line-height: 24px;height: 24px;position: relative;color: #6D7280;cursor: pointer;transition: color .25s;vertical-align: top;font-size: 14px;}
.toolbox-btn:hover {color: #006EFF;}
.toolbox-btn + .toolbox-btn, .toolbox-btn + .toolbox-btns {margin-left: 16px;padding-left: 17px;position: relative;}
.toolbox-btn + .toolbox-btn::before, .toolbox-btn + .toolbox-btns::before {content: '';position: absolute;left: 0; display: block;width: 1px;height: 14px;top: 50%; margin-top: -7px; background-color: #E5E5E5;}
.toolbox-btn.rotate i{font-size:14px;}
.toolbox-btn.more{padding-right:20px;}
/*公用 e*/
.module-bd {margin-top: 20px;position: relative;}
.module-bd ul.flex-row{flex-wrap: wrap;}
.module-bd li.flex-row{flex-wrap: wrap;}
.module-bd li{margin: 0px -6px;}
.module-bd li .module-item{width: 25%;margin-bottom: 12px;padding: 0px 6px;}
.module-bd li .module-item a{display: block;height:258px;background-color: #fff;padding: 24px 20px;position: relative;transition: box-shadow .25s ease-in-out;}
.module-bd li .module-item a:hover {z-index: 1;border-right: none;box-shadow: 0 10px 40px 0 rgba(18,38,64,.15) !important;}
.module-bd li .module-item .ti {font-size: 16px;color: #000;line-height: 26px;height: 26px;font-weight: 500;}
.module-bd li .module-item .ti span {display: inline-block;height: 26px;box-sizing: border-box; max-width: 100%;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.module-bd li .module-item .desc {min-height: 68px;margin-top: 12px;}
.module-bd li .module-item .desc p {font-size: 12px;color: #959CAD;line-height: 20px;padding-left:20px;/* white-space: nowrap;overflow: hidden;text-overflow: ellipsis; */position: relative;}
.module-bd li .module-item .desc p + p{margin-top: 8px;}

.module-bd li .module-item .desc p .iconfont {font-size:14px;position: absolute;top: 50%;left: 0;transform: translateY(-50%);color: #2CB86A;}
.module-bd li .module-item .desc p .iconfont.icon-xianshi_tishi {color: #f09816;}
.module-bd li .module-item a .tags {min-height: 20px;margin-top: 12px;font-size: 0;}
.module-bd li .module-item a .tags .tag{display: inline-block;height: 86px;height: 18px;line-height: 18px;padding: 0 8px;border: 1px solid #2CB86A;color: #2CB86A;font-size: 12px;transition: all .25s;max-width: 136px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.module-bd li .module-item a .tags .tag.type-1{color: rgb(240, 152, 22);border-color: rgb(240, 152, 22);}
.module-bd li .module-item a .tags .tag.type-2{}

.module-bd li .module-item a .price {margin-top: 20px;line-height: 32px; height: 32px;}
.module-bd li .module-item a .price .sum {color: #FF791F;line-height: 32px;}
.module-bd li .module-item a .price .num{font-size: 24px;font-weight: 500;}
.module-bd li .module-item a .price .weak{color: #959CAD;}

.module-bd li .module-item a .btn {position: absolute;left: 20px;bottom: 24px;display: inline-block;margin-top: 12px; height: 34px;line-height: 32px;padding: 0 20px;border: 1px solid #2CB86A;color: #2CB86A;font-size: 12px;transition: all .25s;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.module-bd .action-btn{height: 100%;position: absolute;z-index: -1;left: 0;width: 100%;top: 0;display: none;}
.module-bd .action-btn .btn {position: absolute;width: 56px;height: 56px;background: #FFF;border-radius: 28px;top: 50%;margin-top: -28px;z-index: 1;cursor: pointer;display: flex; align-items: center;justify-content: center;transition: color .25s;transition: all .25s; opacity: .75;}
.module-bd .action-btn .btn .iconfont{font-size:26px;}
.module-bd .action-btn .btn:hover {color: #006EFF;opacity: 1;box-shadow: 0 10px 20px 0 rgba(18,38,64,.15);}
.module-bd .action-btn .iconfont{font-size:20px;}
.module-bd .action-btn .btn.prev {left: -72px;}
.module-bd .action-btn .btn.next {right: -72px;}
.module-bd .action-btn .btn.nextStop{display: none;}
.module-bd .action-btn .btn.prevStop{display: none;}

/*module*/
.m-tit{text-align: center;padding-top: 60px;}
.m-tit h2{font-size: 36px;line-height: 42px;color: #333;margin-bottom: 24px;font-weight: 700;}
.m-tit p{font-size: 16px;line-height: 16px;color: #999;}

/**
 * 海量流量营销资源平台
 * **/
.area1{height: 984px;position: relative;overflow: hidden;box-sizing: content-box;}
.area1 .icons{
	display: flex;
	align-items: flex-end;
	justify-content: center;
	height: 90px;
	margin-top: 38px;
	margin-bottom: 62px
}

.area1 .icon{
	width: 134px;
	height: auto;
	text-align: center;
	position: relative
}

.area1 .icon>img,
.area1 .icon{
	display: inline-block
}

.area1 .icon>img{
	width: 60px;
	height: 60px;
	box-shadow: 0 6.86407px 25.7403px rgba(0,0,0,.1);
	border-radius: 25%;
	transition: all .3s
}

.area1 .icon__hover>img{
	width: 90px;
	height: 90px
}

.area1 .icon__spread{
	width: 70px;
	height: 70px
}

.area1 .blow{
    position: relative;
    height: 568px;
}
.area1 .center{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 274px;
    height: 568px;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: transform .8s;
}
.area1 .center .shadow {
    width: 381px;
    height: 694px;
    position: absolute;
    left: 14px;
    top: 9px;
    opacity: 0;
    transition: opacity .3s;
}
.area1 .center .shadow.shadow-visible{
    opacity: 1;
}
.area1 .center .shadow > img{
    width: 100%;
    height: 100%;
}
.area1 .item{
    position: absolute;
    transition-property: all;
    transition-duration: 1s;
    transition-timing-function: cubic-bezier(.27,.37,.26,1.18);
}
.area1 .item > img{
    width: 100%;
    height: 100%;
}
.area1 .center .phone-content-img{
    position: absolute;
    height: 542px;
    width: 250px;
    top: 9px;
}
.area1 .current-phone-img.fade{
 opacity:0;
 transition:none
}
.area1 .center .phone-content-img img{
    width: 100%;
    height: 100%;
}
.area1 .current-phone-img{
    position: absolute;
    left: 0;
    top: 0;
    opacity: 1;
    transition: opacity .5s;
}
.area1 .center__img{
    position: absolute;
    background: url(../../images/index/client/img/phone_border.png) 50% 50%/274px 568px;
    height: 100%;
    width: 100%;
    overflow: hidden;
}
.area1 .center .phone-content-deco{
    position: absolute;
    border-radius: 9px;
}
.area1 .deco-phone-img{
    width: 250px;
    opacity: 0;
    transition: all .5s;
}
.area1 .deco-phone-img.changed{
    opacity: 1;
    width: 340px;
    box-shadow: 0 0 40px hsla(0,0%,60%,.2);
    transition: all .5s cubic-bezier(.23,1.7,.79,.9) .2s;
}
.area1 .after-move-content{
    position: absolute;
    opacity: 0;
    visibility: hidden;
    transition: all .5s;
    left: 460px;
    top: 81px;
}

.area1 .after-move-content.moved{
    opacity: 1;
    visibility: visible;
    transition: all .5s .3s;
}
.area1 .after-move{
    width: 620px;
}
.area1 .fade-switch{
    position: relative;
    left: 0;
    opacity: 1;
    transition-property: all;
}
.area1 .fade-switch .fade-switch-item{
    position: relative;
    left: 0;
    transition-property: all;
    opacity: 1;
}
.area1 .after-move .title{
    font-size: 32px;
    line-height: 37px;
    margin-bottom: 16px;
    font-weight: 700;
    color: #333;
}
.area1 .after-move .title-divide{
    width: 30px;
    height: 4px;
    border-radius: 2px;
    background: #3269ff;
}
.area1 .after-move .phrase {
    font-size: 24px;
    line-height: 42px;
    color: #333;
    margin-top: 16px;
    height: 116px;
}
.area1 .after-move .desc{
    font-size: 16px;
    line-height: 30px;
    color: #666;
    
    margin-top:20px;
}
.area1 .after-move .link{
    color: #2f6aff;
    display: flex;
    align-items: center;
    transition: color .2s;
    height: 24px;
}
.area1 .after-move .link__text{
    font-size: 16px;
    margin-right: 6px;
}
.area1 .after-move .link .iconfont{
    font-size: 12px;
}
/**
 * part2
 **/
.part2{position: relative;padding-top:100px;background-color:#F2F7FC;height:752px;box-sizing: border-box;}

.part2 .inner{position:relative;z-index: 2;}
.part2 .con{width: 1180px;margin: 48px auto 0;display: flex;}
.part2 .con .item{flex: 1;height: 430px;box-sizing: border-box;background: #fff;padding: 89px 35px 0;text-align: center;position: relative;transition: all .2s;top: 0;}
.part2 .con .item.on{height:460px;top:-20px;background-color:#006EFF;box-shadow:0 16px 50px 0 rgba(55,145,255,.45)}
.part2 .con .item.on .item-text,
.part2 .con .item.on .item-title{color:#fff}
.part2 .con .item .icon-circle{display: inline-block;width: 97px;height: 97px;background-color:#fff;border-radius:50%;}
.part2 .con .item .GImage {width: 97px;height: 97px;}
.part2 .con .item .item-title{line-height: 1;margin-top: 40px;color: #002948;font-size: 20px;}
.part2 .con .item .item-text{text-align: left;font-size: 14px;margin-top: 20px;color: #758aa1;line-height: 1.5;}
.part2 .con .item .item-text p small {font-size:revert;}

/**
 * 推荐课程
 **/
.recommendCourse{} 
.course .col .jumbotron {transition: box-shadow .25s ease-in-out;}
.course .mp-col:hover .jumbotron {box-shadow: 0 10px 40px 0 rgba(18,38,64,.15) !important;}
.jumbotron {background-color: #fff;display: block;}
.jumbotron-hd {width: 100%;height: 122px;overflow: hidden;}
.jumbotron-hd img{display: block;width: 100%;transition: all .35s ease-out;}
.jumbotron-bd {padding: 8px 12px 16px;background-color: #0E1424;}
.jumbotron-bd .ti {font-size: 14px;color: #fff;line-height: 24px;transition: color .25s;}
.jumbotron:hover .jumbotron-hd img {transform: scale(1.05);}
.jumbotron:hover .jumbotron-bd .ti{color: #006EFF;}

/**
 * 网红超级IP群
 **/
.area3{background:url(../../images/index/home-bg1.webp) center no-repeat #E9EFF7;background-size:cover}
.area3 .con{margin-top:50px;padding-bottom: 0;}
.area3 ul.flex-row{justify-content: space-between;flex-wrap: wrap;}
.area3 li{position: relative;width:25%;padding:0 6px;text-align: center;box-sizing: border-box;transition: all .2s linear;}
.area3 li + li::before {z-index: 1;content: '';position: absolute;top: 45px;left: 0;bottom: 45px;width: 1px;background-color: transparent;}

.area3 li .item{position: relative;border-radius: 10px;background-color:#fff;height:320px;padding: 36px 25px 36px;box-shadow: 0 16px 50px 0 rgba(0,0,0,.1);}
.area3 li:hover {z-index:2;transform: translate3d(0,-5px,0);}
.area3 li .icon{width:97px;height:97px;border-radius:50%;margin:0 auto 20px;background: linear-gradient(120deg,#F2F7FC,#F2F7FC);}
.area3 li .icon img{width:97px;height:97px;}
.area3 li .icon .iconfont{font-size:30px;color:#fff;}
.area3 li:nth-child(2) .icon{background: linear-gradient(120deg,#F2F7FC,#F2F7FC);}
.area3 li:nth-child(3) .icon{background: linear-gradient(120deg,#F2F7FC,#F2F7FC);}
.area3 li:nth-child(4) .icon{background: linear-gradient(120deg,#F2F7FC,#F2F7FC);}

.area3 li h3{font-size:18px;margin-bottom:14px;font-weight: normal;color: #002948;}
.area3 li p.txt{text-align: center;font-size: 14px;margin-top: 20px;color: #758aa1;line-height: 1.5;}
.area3 li .btn{display: inline-block;height:34px;line-height:34px;padding:0 15px;background-color:#31a5e7;color:#fff;margin-top:10px;border-radius: 5px;}
/**
 * HomeAdService 
 **/
.HomeTitle {
	text-align: center;
}
.HomeTitle .title {
	font-size: 30px;
	line-height: 42px;
	font-family: PingFangSC-Medium;
	font-weight: 500;
	color: rgba(0, 0, 0, 0.85);
}
.HomeTitle .title.reverse {
	color: #FFFFFF;
}
.HomeTitle .line {display: inline-block;width:28px;height:4px;border-radius:4px;margin-top: 16px;background-color:#006EFF;}

.HomeAdService {
  /*padding: 100px 0 0px 0;*/
	background-color:#F2F7FC;
}

.HomeAdService .items {
  display: flex;
  flex-wrap: wrap;
  margin: 48px auto 0;
  justify-content: space-between;
}
.HomeAdService .item {
  width: 578px;
  height: 284px;
  padding: 78px 100px 0 100px;
  text-align: center;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 24px;
  position: relative;
}
.HomeAdService .item .cover-txt{position: relative;z-index: 1;}
.HomeAdService .item .title {
  font-size: 30px;
  line-height: 42px;
  font-weight: 500;
  color: #FFFFFF;
  font-family: PingFangSC-Medium;
}
.HomeAdService .item .line {
	display: inline-block;
  margin-top: 16px;
  width: 24px;
	height:4px;
	border-radius:4px;
	background-color:#006EFF;
}
.HomeAdService .item .describe {
  margin-top: 16px;
  line-height: 24px;
  letter-spacing: 2px;
  color: rgba(255, 255, 255, 0.85);
}
.HomeAdService .item .back-img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-size: cover;
  z-index: 0;
  transition: transform 0.15s ease-in;
}
.HomeAdService .item:hover .back-img {
  transform: scale(1.2);
}


/**
 * 合作品牌
 **/
.brand_area{
	background-color:#F7F8FA;
	background: url(../../images/index/brand_bg.png) no-repeat 50%/cover;

}
.brand_area .con{padding:20px 0 80px;}
.brand_area .con ul{
	display: flex;
	flex-wrap: wrap;
}
.brand_area .con li{
	width:14.28571428571429%;
	height:140px;
	padding:20px 0;
	text-align: center;
	line-height:100px;
}
.brand_area .con li .icon{
	display: inline-block;
	width:100px;
	height:100px;
	text-align: center;
	border-radius:50%;
	background-color:#fff;
	box-shadow: 0 6.86407px 25.7403px rgba(0,0,0,.1);
	transition: all .2s linear;
	overflow: hidden;
	font-size:0;
}
.brand_area .con li .icon:hover{
	transform: translate3d(0,-5px,0);
	transform: scale(1.2);
}

.brand_area .con li img{
	max-height: 100%;
	max-width: 100%;
	min-width: 56px;
	vertical-align: middle;
	height:100%;
}