/*====首页 start====*/
@-webkit-keyframes hvr-bob {
  0% { -webkit-transform: translateY(-8px); transform: translateY(-8px) }
  50% { -webkit-transform: translateY(-4px); transform: translateY(-4px) }
  100% { -webkit-transform: translateY(-8px); transform: translateY(-8px) }
}
@keyframes hvr-bob {
  0% { -webkit-transform: translateY(-8px); transform: translateY(-8px) }
  50% { -webkit-transform: translateY(-4px); transform: translateY(-4px) }
  100% { -webkit-transform: translateY(-8px); transform: translateY(-8px) }
}
@-webkit-keyframes hvr-bob-float {
  100% { -webkit-transform: translateY(-8px); transform: translateY(-8px) }
}
@keyframes hvr-bob-float {
  100% { -webkit-transform: translateY(-8px); transform: translateY(-8px) }
}
.c_int1 { padding: 40px 0 45px; background-color: #fff; }
.c_int1 .item { float: left; text-align: center; width: 300px; }
.c_int1 .item a { display: block; }
.c_int1 .item svg,
.c_int1 .item img { width: 80px; height: 64px; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale }
.c_int1 .item .name { display: block; text-align: center; font-size: 18px; color: #000; padding-top: 10px; }
.c_int1 .item p { color: #b0b3b4; font-size: 14px; text-align: center; line-height: 22px; padding-top: 5px; }
.c_int1 .item a:hover img,
.c_int1 .item a:hover svg { -webkit-animation-name: hvr-bob-float, hvr-bob; animation-name: hvr-bob-float, hvr-bob; -webkit-animation-duration: .3s, 1.5s; animation-duration: .3s, 1.5s; -webkit-animation-delay: 0s, .3s; animation-delay: 0s, .3s; -webkit-animation-timing-function: ease-out, ease-in-out; animation-timing-function: ease-out, ease-in-out; -webkit-animation-iteration-count: 1, infinite; animation-iteration-count: 1, infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-direction: normal, alternate; animation-direction: normal, alternate }

/*首页标题样式*/
.hd { padding: 40px 0; overflow: hidden; width: 100%; }
.hd h2 { color: #303133; font-size: 24px; line-height: 24px; float: left; margin: 0; }
.hd .hottags { float: left; margin-top: 2px; }
.hd .hottags a { line-height: 20px; display: inline-block; margin-left: 40px; font-size: 15px; border-bottom: 2px solid transparent; color: #909399; transition: all .5s; }
.hd .hottags a:hover,
.hd .hottags a.on { color: #e83611; border-bottom: 2px solid #e83611; }
.hd .hottags a .iconfont { font-size: 17px; display: inline-block; vertical-align: middle; }
.hd .more { float: right; font-size: 15px; border-bottom: none; color: #909399; margin-top: 4px; }
.hd .more .iconfont { margin-top: -2px; display: inline-block; vertical-align: middle; }
.hd .more:hover { color: #e83611; }
.hd .solgan { float: left; color: #909399; padding-left: 20px; font-size: 15px; margin-top: 2px; }
.hd .joinbtn { padding: 4px 15px; margin-top: -3px; margin-left: 20px; border: 1px solid #E83611; border-radius: 22px; color: #E83611; }
.hd .joinbtn i { font-size: 16px; margin-right: 3px; }
.hd .joinbtn:hover { background-color: #E83611; color: #fff; }
.index .joinyanxuanlist { background-color: #F9F9F9; padding-top: 0; padding-bottom: 10px; }
.index .fiveIcon { background-color: #F1F1F1; }
.index .traininglist { padding-top: 0; padding-bottom: 10px; }
.index .treasureboxList { padding-top: 0; background-color: #F9F9F9; padding-bottom: 10px; }

.rowbox { overflow: hidden; }
.rowbox li { width: 285px; min-height: 100px; float: left; margin-left: 20px; margin-bottom: 30px; }
.rowbox li:first-child{ margin-left: 0; }
.rowbox li:nth-child(2){ }
.rowbox li:nth-child(3){ }
.rowbox li:nth-child(4){  }
.rowbox li img { width: 100%;}

/*百宝箱分类*/
.bbxCate{margin-bottom: 20px;}
.bbxCate ul{ border-left: none; overflow: hidden; }
.bbxCate li{ float: left; background: #fff;  width: 11.01%; color: #606266; text-align: center;padding:20px 0; border-right: 1px solid #ebeef5;border-top: 1px solid #ebeef5;border-bottom: 1px solid #ebeef5;  transition: all .3s; }
.bbxCate li:first-child{ border-left: 1px solid #ebeef5;}
.bbxCate li .iconfont{ font-size: 54px; }
.bbxCate li:hover{ background-color: #e83611; color: #fff; }

/* 开店故事 */
.shop_story { background: #fff; zoom: 1;}
.story { margin: 0 -10px; }
.story li { float: left; margin: 0 10px 5px 10px; width: 285px; -webkit-transition: all .2s linear; transition: all .2s linear; }
.story li:hover { -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); }
.story li .pic { display: block; font-size: 0; line-height: 0; clear: both; width: 285px; height: 165px; overflow: hidden; }
.story li .pic img { transition: transform 0.85s ease; width:100%; height: 100%; }
.story li:hover .pic img { transform: scale(1.14, 1.14); }
.story li .box { border: 1px solid #e4e7ed; border-top: none; height: 159px; position: relative; }
.story li .box .tit { text-align: left; font-size: 18px; max-height: 50px; line-height: 24px; color: #303133; display: block;overflow: hidden; text-overflow: ellipsis; -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; padding: 17px 15px 0 15px; }
.story li:hover .box .tit { color: #e83611 }
.story li .box .con { font-size: 14px; line-height: 22px; height: 44px; text-align: left; color: #909399; margin-top: 3px; padding: 0 15px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.story li .box .row{ position: absolute; bottom: 8px; left: 0; width: 255px; overflow: hidden; padding:6px 0 0; border-top: 1px dashed #eee; margin: 10px 15px 0;  color: #909399;}
.story li .box .volume .iconfont{ font-size: 19px; margin-top: -1px; margin-right: 3px }
.story li .box .l{ float: left; }
.story li .box .l .dot_a{display: inline-block; padding:0 5px;}
.story li .box .r{ float: right; }
.story li .box .r img{ height: 18px; color: #888; margin-right: 3px; }
.shop_story_list { margin-top: 30px; }
.shop_story_list li{ margin-bottom: 20px; }

/*点击加载更多 按钮*/
.clickloadmore { text-align: center; border: 1px solid #f0f0f0; height: 60px; line-height: 60px; border: 1px solid #f0f0f0; font-size: 16px; text-align: center; cursor: pointer; margin-bottom: 60px;color: #bbb; }
.clickloadmore:hover { background-color: #fafafa; color: #777; border-color: #fafafa; }

/* 城市加盟 */
.City { overflow: hidden; }
.City li { float: left; margin-left: 11px; margin-bottom: 11px; width: 162px; height: 94px; background: #000; cursor: pointer; position: relative; }
.City li:nth-child(7n+1) { margin-left: 0; }
.City li img { background-color: #000; opacity: 0.7; transition: all .5s linear; }
.City li:hover img { opacity: 1 }
.City li .text { position: absolute; left: 19px; top: 20px; color: #fff; }
.City li .text b { display: block; font-size: 16px; }
.City li .text em { margin-top: 15px; font-size: 12px; display: block; }


/*开店攻略*/
.shop_gl{  }
.gl { }
.gl li { float: left; margin: 0 0px 5px 20px; width: 285px; height: 402px; -webkit-transition: all .2s linear; transition: all .2s linear; }
.gl li:first-child{ margin-left: 0; }
.gl li:hover { -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); box-shadow: 0 15px 30px rgba(0, 0, 0, 0.05); -webkit-transform:translateY(-10px);transform:translateY(-10px)}
.gl li .pic { text-align: center; display: block; }
.gl li .pic img{ width: 100%; }

/*战略合作*/
.strategic_cooper{ margin-bottom: 40px; }
.strategic_cooper .jgJoin { float: right; padding: 4px 15px; margin-top: -3px; margin-left: 20px; border: 1px solid #E83611; border-radius: 22px; color: #E83611; }
.strategic_cooper .jgJoin i { font-size: 16px; margin-right: 3px; }
.strategic_cooper .jgJoin:hover { background-color: #E83611; color: #fff; }
.cooperSwiper-container{ width: 1200px; margin: 0 auto; padding-bottom: 20px; position: relative; overflow: hidden; }
.cooperSwiper-container ul{ height: 190px; overflow: hidden; }
.cooperSwiper-container li{ overflow: hidden; }
.cooperSwiper-container li a{ float: left; width: 191px;  text-align: center; box-sizing: border-box; margin-bottom: 10px; border:1px solid #e4e7ed; margin-right: 10px; overflow: hidden; }
.cooperSwiper-container li img{ width: 191px; }
.cooperSwiper-container li a:nth-child(6n){ margin-right: 0; }
.cooperPagination { position: absolute; left:50%; bottom:0; }
.cooperPagination .swiper-pagination-switch{  background-color: #eee; width: 10px; height: 10px; border-radius: 6px; }
.cooperPagination .swiper-active-switch{ background-color: #e83611; width: 10px; height: 10px; border-radius: 6px; }
.cooperSwiper .w_in{position: relative;}
.cooperSwiper .aleft,
.cooperSwiper .aright { font-family: "iconfont"; font-size: 24px; position: absolute; top: 50%; margin-top: 18px; width: 44px; height: 44px; line-height: 44px; text-align: center; border-radius: 22px; -webkit-transition: all .5s; transition: all .5s; }
.cooperSwiper .aleft i,
.cooperSwiper .aright i { opacity: .4; filter: alpha(opacity=40); -webkit-transition: all .5s; transition: all .5s; }
.cooperSwiper .aleft:hover,
.cooperSwiper .aright:hover { background-color: rgba(0, 0, 0, .1); }
.cooperSwiper .aleft:hover i,
.cooperSwiper .aright:hover i { opacity: .8; filter: alpha(opacity=80); }
.cooperSwiper .aleft { left: -50px; }
.cooperSwiper .aright { right: -47px; }

/*帮我开店*/
.shop_find{ background-color: #F1F1F1; padding:40px 0; text-align: center; }
.shop_find p{ font-size: 20px; }
.shop_find .layui-form{ height: 40px; margin-top: 24px; position: relative; }
.shop_find .txbox { width: 420px; padding-left: 10px; height: 40px; vertical-align: middle; font-weight: 400; border: none }
.shop_find .submit { width: 120px; height: 40px; vertical-align: middle; background-color: #E83611; color: #fff; cursor: pointer; -webkit-transition: all .8s; transition: all .8s; padding-left: 20px; border: none; margin-left: -5px; font-family: 'iconfont';}
.shop_find .submit:hover { background-color: #cf2300; }
.shop_find .layui-form span{ position: relative; display: inline-block; }
.shop_find .layui-form span i{ position: absolute;  left:10px; font-family: 'iconfont'; top:8px;  font-size: 22px; color: #fff; vertical-align: top;}
.shop_find .success_Submit .txbox { font-size: 18px; text-align: center; }
.shop_find .success_Submit .submit { background-color: #606266; margin-left: -5px;  }
.shopfind_pop{ overflow: hidden;  background-color: #e83611; height: 100%; }
.shopfind_pop .status{ display: inline-block; width: 335px; height: 100%; background-color: #fff; vertical-align: top }
.shopfind_pop .r_con{ display: inline-block; width: 250px; color: #fff; vertical-align: top; text-align: center;}
.shopfind_pop .r_con svg{width: 142px; height: 142px;vertical-align: top; margin-top: 35px;}
.shopfind_pop .r_con h4{ font-size: 18px; margin-top: 20px; }
.shopfind_pop .r_con p{ margin-top: 8px; }
.shopfind_pop .r_con p span{ display: inline-block; background-color: #ffeb0c; color: #e83611; padding:3px 8px; }
.shopfind_pop .r_con p i{ display: inline-block; background-color: #fff; color: #e83611; padding:3px 8px; }
#btnRefresh .iconRefresh{transition: transform .5s linear;}
#btnRefresh:hover .iconRefresh{ transform: rotate(360deg) }

/*====首页 end====*/


/*频道分类模块 start*/
.mod-b { padding: 30px 0 10px; border-bottom: 1px solid #ebeef5; }
.mod-b dl { position: relative; }
.mod-b dl:after { content: ''; display: block; clear: both; padding-bottom: 10px; }
.mod-b dd { width: 1100px; float: left; }
.mod-b dt { color: #606266; width: 70px; float: left; padding: 2px 0; }
.mod-b dd a { padding: 3px 15px; border-radius: 22px; display: inline-block; margin: 0 5px 10px;cursor: pointer; }
.mod-b dd a:hover { background-color: #E83611; color: #fff; }
.mod-b dd li { display: inline-block; }
.mod-b dd li div { display: none; position: absolute; left: 0; top: 20px; }
.mod-b dd .sel { border-radius: 22px; color: #fff; background-color: #E83611; position: relative; z-index: 1; }
.mod-b dd .sel:hover { color: #fff; }
.mod-b dd .subcate { background-color: #f5f5f5; padding-bottom: 10px; margin: 10px 0; display: none; }
.mod-b dd .subcate a { border: none; padding: 2px 15px; margin: 10px 5px 0px; }
.mod-b dd .subcate .cur { color: #e83611; font-weight: 500; }
.mod-b dd .subcate .cur:hover{ color: #fff; }

.mod-b-level { padding: 30px 0 10px; border-bottom: 1px solid #ebeef5; }
.mod-b-level dl { position: relative; margin-bottom: 10px; }
.mod-b-level dl:after { content: ''; display: block; clear: both; }
.mod-b-level dd { width: 1100px; float: left; }
.mod-b-level dt { color: #606266; width: 70px; float: left; padding: 2px 0; }
.mod-b-level dd a { padding: 3px 15px; border-radius: 22px; display: inline-block; margin: 0 5px 10px; cursor: pointer; }
.mod-b-level dd a:hover { background-color: #E83611; color: #fff; }
.mod-b-level dd li { display: inline-block; }
.mod-b-level dd li div { display: none; position: absolute; left: 0; top: 20px; }
.mod-b-level .dropdown{ height: 36px; overflow: hidden; }
.mod-b-level dl b{ display: inline-block; width: 20px; height: 20px; text-align: center; line-height: 20px; border:1px solid #eee; position: absolute; right: 0; top:0px; border-radius: 3px; }
.mod-b-level dl b:after{ content: "\e772"; font-family: iconfont;}
.mod-b-level dl b:hover{ color:#e83611; border-color: #e83611; }
.mod-b-level dd .sel { border-radius: 22px; color: #fff; background-color: #E83611; position: relative; z-index: 1; }
.mod-b-level dd .sel:hover { color: #fff; }
.mod-b-level dd .subcate { position: relative; background-color: #f5f5f5; padding-bottom: 10px; margin: 10px 0; display: none; }
.mod-b-level dd .subcate a { border: none; padding: 2px 15px; margin: 10px 5px 0px; }
.mod-b-level dd .subcate .cur { color: #fff; background-color: #444; font-weight: 500; }
.mod-b-level dd .subcate .cur:hover{ color: #fff; }
/*.mod-b-level dd .subcate .cur:before{ content: "\e62f"; font-family: iconfont }*/
.mod-b-level dd .subcate:before{content:"子分类："; position: absolute; left:-70px; top:12px; width: 70px; color:#606266; }


.mod-b-level dl .active{ font-size: 14px; -webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg); color: #e83611; border-color: #e83611} 
/*频道分类模块 end*/

/*列表公用样式模块 start*/
.mod-c { padding-top: 30px; }
.mod-c .pic { background-color: #000; }
.mod-c .pic img { transition: transform 0.85s ease; vertical-align: top; width: 100%; height: 100%; }
.mod-c .info { border:#e4e7ed 1px solid; border-top: none; padding: 0 20px 20px; }
.mod-c .info h3 { padding: 20px 0 0; font-size: 17px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; }
.mod-c li:hover .info h3{ color: #e83611 }
.mod-c .info .row1 { padding-top: 12px; }
.mod-c .info .row1 .solgon { color: #909399; width: 200px; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; }
.mod-c .info .row1 .price label { color: #e83611; font-weight: bold; font-size: 15px; }
.mod-c .info .row2 { padding-top: 22px; }
.mod-c .info .row2 .c-left { font-size: 12px; color: #909399; margin-left: -1px; }
.mod-c .info .row2 .c-left label { display: inline-block; margin-right: 10px; vertical-align: middle; }
.mod-c .info .row2 .c-left .iconfont { display: inline-block; padding-right: 5px; font-size: 18px; vertical-align: middle; }
.mod-c .info .row2 .btn { border: 1px solid #E83611; border-radius: 22px; color: #E83611; background-color: #fff; width: 94px; height: 30px; line-height: 30px; text-align: center; margin-top: -7px; position: relative; }
.mod-c .info .row2 .btn i { left: 50px; /*transition:left .3s;*/ opacity: 0; filter: alpha(opacity=100); position: absolute; top: 0; }
.mod-c .info .row2 .btn label { transition: padding .3s; color: inherit; }
.mod-c .info .row2 .btn:hover { box-shadow: 0px 5px 10px 0px rgba(232, 54, 17, 0.2); background-color: #E83611; color: #fff; }
.mod-c .info .row2 .btn:hover label { padding-right: 12px; color: #fff; }
.mod-c .info .row2 .btn:hover i { left: 70px; opacity: 1; filter: alpha(opacity=1); color: #fff; }

/*三列*/
.col-three { }
.col-three li { width: 380px; float: left; margin-right: 30px; margin-bottom: 30px; box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.08); }
.col-three li .pic { height: 220px; width: 380px; overflow: hidden; }
.col-three li:nth-child(3n) { margin-right: 0; }
.col-three li:hover { box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.2); transition: all .3s; border-color: #333; }
.col-three li:hover .info { border-color: #e1e1e1; }
.col-three li:hover .pic img { transform: scale(1.14, 1.14); }

/*四列*/
.col-four { margin-bottom: 10px; }
.col-four li { width: 285px; float: left; margin-right: 20px; transition: all .5s; margin-bottom: 20px; box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.08); }
.col-four li .pic { height: 166px; width: 285px; overflow: hidden; }
.col-four li:nth-child(4n) { margin-right: 0; }
.col-four li:hover { box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.2);  border-color: #333; }
.col-four li:hover .info { border-color: #e1e1e1; }
/*五列*/
.col-five { }
.col-five li { width: 224px; float: left; margin-right: 20px; margin-bottom: 20px; }
.col-five li:nth-child(5n) { margin-right: 0; }
.col-five li .pic { transition: all .5s; border: 1px solid #E4E7ED; border-radius: 6px; background-color: #fff }
.col-five li .pic img { border-radius: 6px; width: 224px; height: 92px; }
.col-five li:hover .pic { box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.08); }
.col-five li .name { text-align: center; margin-top: 10px; }

/*列表公用样式模块 end*/

/*百宝箱列表*/
.treasureboxList a:hover { color: inherit; }
.treasureboxList li .pic{ position: relative; }
.treasureboxList li .pic img { /*transition: transform .5s;*/ }
.treasureboxList li .pic:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 180px; transition: all .8s;  opacity: 0.2;filter: alpha(opacity=20); background: #000; }
.treasureboxList li:hover .pic img { /*transform: scale(1.14, 1.14); */}
.treasureboxList li:hover .pic:before{ opacity: 0;filter: alpha(opacity=100); }
.treasureboxList .info { padding-bottom: 30px; padding-top: 30px; position: relative; }
.treasureboxList h3 { text-align: center; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; }
.treasureboxList .desc { color: #909399; margin-top: 5px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; }
.treasureboxList .c-logo { width: 60px; height: 60px; position: absolute; left: 50%; margin-left: -30px; top: -30px; border-radius: 30px; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2); z-index: 1; background-color: #fff; }
.treasureboxList .c-logo img { width: 60px; height: 60px; border-radius: 30px; }

/*百宝箱详情页*/
.treasurebox_topdesc { background-color: #6A87C0; padding: 40px 0; }

/*学校列表schoolList*/
.mod-a + .schoolList { border-bottom: 1px solid #EBEEF5; background-color: #FAFAFA; padding-bottom: 10px; }
.schoolList + .mod-paging { margin-top: 10px; }
.schoolList li { margin-bottom: 25px; }
.schoolList li a { transition: color .5s }
.schoolList li a:hover { color: #E83611; }

/*大标题*/
.bigTitle { margin-bottom: 20px; }
.bigTitle .t_text { font-size: 24px; float: left; }
.bigTitle .jgJoin { float: left; padding: 4px 15px; margin-top: 3px; margin-left: 20px; border: 1px solid #E83611; border-radius: 22px; color: #E83611; }
.bigTitle .jgJoin i { font-size: 16px; margin-right: 3px; }
.bigTitle .jgJoin:hover { background-color: #E83611; color: #fff; }
.bigTitle .more { color: #909399; margin-top: 10px; float: right; }
.bigTitle .more:hover { color: #E83611; }
.bigTitle .more i { vertical-align: middle; font-size: 13px; margin-top: -1px; }

/*课程列表*/
.traininglist { }
.traininglist .pic { position: relative; background-color: #000; }
.traininglist .pic>img { transition: all .5s; opacity: .8; filter: alpha(opacity=80);}
.traininglist li:hover .pic>img {transform: scale(1.14, 1.14);}
.traininglist .pic .box { position: absolute; left: 0; top: 0; width: 100%; height: 220px; color: #fff; }
.traininglist .pic .box .s_name { margin: 10px 0 0 10px;/* background-color: rgba(0,0,0,.2); display: inline-block; padding-right:10px; border-radius: 10px;*/  }
.traininglist .pic .box .s_logo { width: 22px; height: 22px; display: inline-block; border-radius: 10px; margin: 0 5px 0 0; vertical-align: middle; }
.traininglist .pic .box .s_logo img { border-radius: 10px; }
.traininglist .pic .box .s_slogan1 { text-align: center; margin-top: 30px; font-size: 22px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; width: 80%; margin-left: 10%; }
.traininglist .pic .box .s_slogan2 { text-align: center; font-weight: 300; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; width: 80%; margin-left: 10%; }
.traininglist .info{ border: 1px solid #e4e7ed; }
.traininglist .row3 { margin-top: 15px; margin-bottom: 2px }
.traininglist .row3 .tags { float: left; color: #606266; font-size: 12px; }
.traininglist .row3 .tags span { display: inline-block; padding: 3px 6px; border: 1px solid #DCDFE6; border-radius: 20px; }
.traininglist .row3 .price { float: right; margin-top: 2px; }
.traininglist .row3 .new_price { color: #E83611; font-size: 17px; font-weight: 500; }
.traininglist .row3 .old_price { color: #909399; font-size: 12px; text-decoration: line-through; }

/*免费帮你找 start*/
.find-service { background: url(../images/find-service-bg@2x.png) no-repeat top center; background-size: auto 100%; height: 150px; color: #fff; }
.find-service h4 { font-size: 32px; font-weight: 500; margin-top: 40px; }
.find-service p { font-size: 16px; font-weight: 300; }
.find-service .c-right { height: 40px; padding: 10px; background: rgba(255, 255, 255, .1); margin-top: 44px; }
.find-service .txbox { width: 420px; padding-left: 10px; height: 40px; vertical-align: middle; font-weight: 400; border: none }
.find-service .submit { width: 120px; height: 40px; vertical-align: middle; background-color: #E83611; color: #fff; cursor: pointer; -webkit-transition: all .8s; transition: all .8s; border: none; margin-left: -5px; }
.find-service .submit:hover { background-color: #cf2300; }
.find-service .success_Submit .txbox { font-size: 18px; text-align: center; }
.find-service .success_Submit .submit { background-color: #606266; margin-left: -5px; }
/*免费帮你找 end*/

/*加盟步骤*/
.join-step{background: url(../images/join-step@2x.jpg) no-repeat top center; background-size: auto 100%; height: 100px;}


/*详情页企业介绍模块*/
.mod-desc .c-left{border-right: 1px dashed #e4e7ed; margin-top: 30px; margin-bottom: 30px;}
.mod-desc .base{ margin: 0px 0 15px; }
.mod-desc .base .c_logo{ width: 80px; height: 80px; overflow: hidden; display: inline-block; background-color: #eee; border-radius: 5px; vertical-align: top; border:1px solid #e4e7ed; }
.mod-desc .base .c_logo img{ width: 80px; height: 80px; border-radius: 5px; overflow: hidden; }
.mod-desc .base .info{ display: inline-block;vertical-align: top; margin-left: 10px; }
.mod-desc .base h3{ font-size: 24px; margin-top: -4px; font-weight: 500; }
.mod-desc .base .solgan,.mod-desc .base .category{ color: #909399; margin-top: 7px; }
.mod-desc .base .safeguard_icon{ background-color: #19cc8f; color: #fff; font-size: 14px; display: inline-block; vertical-align: middle; border-radius: 20px; padding:4px 10px; margin-top: -3px; }
.mod-desc .base .safeguard_icon .iconfont{font-family: "iconfont"; font-size: 16px;  }
/*加盟严选-加盟详情 start*/
.yanxuan-desc .desc{ width: 899px;  }
.yanxuan-desc .col{ display: inline-block; vertical-align: top; }
.yanxuan-desc .col p{margin-top: 10px;}
.yanxuan-desc .col label{ display: inline-block; vertical-align: top; width: 74px; color: #606266;}
.yanxuan-desc .col b{color: #E83611;font-size: 16px;font-family: "din_regular";display: inline-block;vertical-align: top;line-height: 110%;margin-top: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; }
.yanxuan-desc .col:nth-child(3) b{color: inherit;font-size: 14px;font-weight: 700;width: 356px;}
.yanxuan-desc .col:nth-child(1),.yanxuan-desc .col:nth-child(2){width: 26%;}
.yanxuan-desc .col:nth-child(3){width: 45%;}
.yanxuan-desc .col:nth-child(3) label{ width: 48px; }
.yanxuan-desc .col p .addressText{ white-space: pre-wrap;}
.yanxuan-desc .c-right{ text-align: center; width: 300px;padding-top: 52px; }
.yanxuan-desc .c-right .tel{ color: #909399; margin-bottom: 10px; }
.yanxuan-desc .c-right .tel i{font-family:"din_medium"; font-size: 24px;}
.yanxuan-desc .c-right .joinbtn{ width:188px; height:50px; line-height: 50px; font-size: 16px; border-radius: 6px;  color: #fff; display: inline-block; background-color: #E83611;border: 1px solid #E83611; transition: all .5s;}
.yanxuan-desc .c-right .joinbtn i{ font-family: "iconfont"; padding-right: 3px;}
.yanxuan-desc .c-right .joinbtn:hover{background-color: #E83611; box-shadow: 0px 5px 10px 0px rgba(232, 54, 17, 0.2); }


/*弹窗表单样式--UI框架样式重置*/
.joinForm_pop{ display: none; }
.mod_form_pop form{ margin: 20px 30px 20px 30px; }
.mod_form_pop .layui-form-item{}
.mod_form_pop .layui-input-block{ margin-left: 85px; }
.mod_form_pop .submitbox{ margin-top: 15px; text-align: center; border-top: 1px dashed #ebeef5; padding-top: 20px; }
.mod_form_pop .submitbox .layui-input-block{ margin-left: 0; }
.mod_form_pop .reqt{ color: #E83611; }
.mod_form_pop .layui-form-label{ width: 70px; margin-right: 15px; padding: 9px 0 9px 0; margin-right: 15px; }
.mod_form_pop .layui-form-item .layui-inline{ margin-right: 0; }
.mod_form_pop .layui-form-item .layui-input-inline{ margin-right: 0; }
.mod_form_pop .citySelect{ margin-bottom: 5px; }
.mod_form_pop .citySelect .layui-input-inline{ width: 153px; margin-right: 5px; }
.mod_form_pop .citySelect .layui-input-inline:last-child{ margin-right: 0; }
.mod_form_pop .citySelect .layui-block .layui-input-inline{ width: 467px; }
.mod_form_pop .layui-input, .mod_form_pop .layui-textarea{ background-color: #f5f5f5; border-color: #f5f5f5; }
.mod_form_pop .layui-textarea{ padding-bottom: 21px; line-height: 24px; }
.mod_form_pop .layui-input:focus, .mod_form_pop .layui-textarea:focus{   }
.mod_form_pop .layui-btn{ background-color: #E83611; }
.mod_form_pop .layui-btn-primary{background-color: #fff;}
.mod_form_pop .layui-btn-primary:hover{ border-color: #C9C9C9; }
.mod_form_pop .layui-form-select dl dd.layui-this{ /*background-color: #E83611;*/ }
.mod_form_pop .layui-layer-btn .layui-layer-btn0{ background-color: #E83611;}
.mod_form_pop .layui-form-select dl{ max-height: 200px; }
.mod_form_pop .layui-form-item .word_count{ position: absolute; right: 20px; z-index: 1; bottom:3px; color: #909399; font-size: 12px; }
.mod_form_pop .layui-tab-content{ padding: 0; }
.mod_form_pop .layui-tab-title{ text-align: center; margin:0 30px;  }
.mod_form_pop .layui-tab-title li{ padding: 0; width: 50%; }
.mod_form_pop .layui-tab-title .layui-this::after{left: 50%;width: 32%;margin-left: -16%;}

.mod_form_pop .auxText{ margin-bottom: 20px }
.mod_form_pop .serviceAdvisory{ margin:20px 30px; }
.mod_form_pop .serviceAdvisory dl{ display: inline-block; width: 49.2%; vertical-align: top; margin-top: 0px; border-left:1px dashed #ebeef5; }
.mod_form_pop .serviceAdvisory .weixinCS{ border-left: none; }
.mod_form_pop .serviceAdvisory .zyPhone{ padding-left: 20px; width: 170px; }
.mod_form_pop .serviceAdvisory dt{ color: #909399; margin-bottom: 20px; }
.mod_form_pop .serviceAdvisory dd{ text-align: center; }
.mod_form_pop .serviceAdvisory .qr{ width: 150px; height: 150px; display: inline-block; }
.mod_form_pop .serviceAdvisory .worktime{ margin-top: 20px; color: #909399; }
.mod_form_pop .serviceAdvisory .tel{ height: 150px; color: #606266; }
.mod_form_pop .serviceAdvisory .tel .iconfont{ font-size: 100px; }
.mod_form_pop .serviceAdvisory .tel .number{ font-family: "din_medium"; font-size: 24px; margin-top: 10px; }
.yanxuan-con{ background-color: #fff; min-height: 300px; min-width: 1200px; text-align: center; overflow-x: hidden; border-top:1px solid #F2F6FC;  }
.yanxuan-con img{ max-width: 1920px; }
.success_msg { text-align: center; padding:50px 0; border-radius: 20px; }
.success_msg .iconfont{ color: #19CC8F; font-size: 64px; }
.success_msg h5{ font-size: 24px; font-weight: 500; padding-bottom: 5px; margin-top: 20px; }
.success_msg .desc{ color: #909399; }
/*加盟严选-加盟详情 end*/

/*学校页详情*/
.school-desc{ background-color: #FAFAFA; }
.school-desc .c-left{border-right: none; width: 600px; margin-bottom: 20px; margin-top: 35px; }
.school-desc .serviceplace{ color:#909399; margin-top: 7px;}
.school-desc .serviceplace .iconfont{ padding-right: 5px; }
.school-desc .c-right{ color: #606266;margin-top: 30px; }
.school-desc .c-right .row1 .iconfont{ font-size: 18px; vertical-align: middle; padding-right: 5px; margin-left: 15px; }
.school-desc .shareWeixin{ text-align: right;margin-top: 50px }
.school-desc .shareWeixin .iconfont{font-size: 22px; vertical-align: middle; display: inline-block; margin-right: 5px;}
.school-desc .shareWeixin a:hover{ color: #303133; cursor: pointer; }
.school-desc .shareWeixin a:hover .iconfont{ color: #62b900; }
/*开店培训底部ad图*/
.training-ban{ background:url(../images/ban-training.jpg) no-repeat center top; height: 220px; color: #fff; text-align: center; }
.training-ban p{ font-size: 32px; padding-top: 50px; padding-bottom: 30px }
.training-ban a{ padding:10px 35px; border-radius: 50px; font-size: 18px; border:1px solid #fff; transition: background-color .3s;  }
.training-ban a:hover{ background-color: #E83611; color: #fff; border-color:#E83611;  }
/*开店百宝箱企业详情*/
.treasurebox-desc .w_in{ background-color: #fff; /*border:1px solid #E4E7ED;*/ margin-top: 20px; border-radius: 4px;box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1); position: relative; }
.treasurebox-desc .ban img{ height: 240px; width: 1200px;  border-top-left-radius: 4px; border-top-right-radius: 4px;}
.treasurebox-desc .c-left{border-right: none; width: 800px; margin: 20px 0 20px; z-index: 1; position: relative; }
.treasurebox-desc .base{ margin-bottom: 0; }
.treasurebox-desc .base .info{ width: 580px; margin-left: 20px; } 
.treasurebox-desc .base .c_logo{ border:1px solid #7797d5;margin-left: 20px; width: 160px; height: 160px; border-radius: 10px; border:4px solid #fff; margin-top: -70px; }
.treasurebox-desc .base .c_logo img{ width: 100%; height: 100%; border-radius: 10px; }
.treasurebox-desc .base .safeguard_icon{ color: #19cc8f; background-color: inherit; padding:0; }
.treasurebox-desc .base .safeguard_icon .tips{ top:24px; }
.treasurebox-desc .base h3 { }
.treasurebox-desc .base h3 .tags{ color: #D5DEF0; border:1px solid #D5DEF0; padding:2px 10px; border-radius: 20px; margin-left: 5px; display: inline-block; font-size: 14px; vertical-align: middle; }
.treasurebox-desc .base h3 .tags:first-child{ margin-left: -25px;}
.treasurebox-desc .base .solgan{  margin-top: 8px; font-size: 18px;margin-bottom: 0px; color: #303133 }
.treasurebox-desc .row{ margin-top: 10px; }
.treasurebox-desc .row a{ transition: all .3s; }
.treasurebox-desc .row a:hover{ color: #E83611; text-decoration: underline;  }
.treasurebox-desc .row label{ display: inline-block; width: 100px; font-weight: bold; vertical-align: top; }
.treasurebox-desc .row span{ display: inline-block; width: 480px; }
.treasurebox-desc .base .desc{ padding-top: 4px; padding-bottom: 10px; overflow: hidden; vertical-align: top; display: none;  }
.treasurebox-desc .base .ctrlBtn{ background-color: inherit; border: none;margin-top: 10px; display: inline-block; color: #909399;}
.treasurebox-desc .base .ctrlBtn i{ transition: all .5s; display: inline-block; margin-right: 5px;}
.treasurebox-desc .base .uparrow i { transform: rotateZ(180deg); }

.treasurebox-desc .rightbox{ position: absolute; bottom:20px; right: 20px; }
.treasurebox-desc .rightbox a{ min-width: 76px; padding:0 16px; height: 35px; line-height: 33px; display: inline-block; text-align: center; border-radius: 6px; }
.treasurebox-desc .rightbox a .iconfont{ margin-right: 5px; }
.treasurebox-desc .rightbox .guanzhu{background-color: #E83611; color: #fff; line-height: 35px;}
.treasurebox-desc .rightbox .guanzhu .iconfont{font-size: 14px; margin-top: -1px; }
.treasurebox-desc .rightbox .guanzhu .qrbox { position: absolute; left: -30px; bottom: 45px;  border: 1px solid #e4e7ed; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.08); padding: 5px; background-color: #fff; z-index: -1; opacity: 0; filter: alpha(opacity=0); transition: all .5s; }
.treasurebox-desc .rightbox .guanzhu:hover{ background-color: #d3300e; }
.treasurebox-desc .rightbox .guanzhu .qrbox .in{ overflow: hidden; height: 0; transition: all .5s;}
.treasurebox-desc .rightbox .guanzhu:hover .qrbox { z-index: 2;  opacity: 1; filter: alpha(opacity=1); }
.treasurebox-desc .rightbox .guanzhu:hover .qrbox .in{ height: 175px;}
.treasurebox-desc .rightbox .guanzhu .qrbox img { width: 150px; height: 150px; }
.treasurebox-desc .rightbox .guanzhu .qrbox p { text-align: center; color: #606266;line-height: 120%; }
.treasurebox-desc .rightbox .guanzhu .qrbox:after {content: '\e639'; font-family: 'iconfont'; display: block; font-size: 20px; color: #e4e7ed; position: absolute; left: 50%; margin-left: -5px; bottom:-12px; line-height: 20px; }
.treasurebox-desc .rightbox .guanzhu .qrbox:before {content: '\e639'; font-family: 'iconfont'; display: block; font-size: 20px; color: #fff; position: absolute; left: 50%; margin-left: -5px; bottom:-10px;z-index: 1; line-height: 20px;}
.treasurebox-desc .rightbox .weixin{ border:1px solid #D5DEF0; box-sizing: border-box;color: #606266 }
.treasurebox-desc .rightbox .weixin .iconfont{ font-size: 20px; vertical-align: middle;  }
.treasurebox-desc .rightbox .weixin:hover{ border-color: #62b900; color: #62b900 }
/*详情主要内容*/
.arti { padding:30px 0; width: 864px; float: left; }
.arti h2{ border-bottom: 1px solid #E4E7ED;  }
.arti h2 i{ border-bottom: 2px solid #E83611; display: inline-block; padding-bottom: 10px;}
.arti .couponbox{ background-color: #F7F7F7; margin:30px 0; padding:30px; border-radius: 10px; position: relative; }
.arti .couponbox .c-left:after{ content:""; width: 20px; height: 20px; display: inline-block; position: absolute; left: 602px; top:-10px; background-color: #fff; border-radius: 10px; }
.arti .couponbox .c-left:before{ content:""; width: 20px; height: 20px; display: inline-block; position: absolute; left: 602px; bottom:-10px; background-color: #fff; border-radius: 10px; }
.arti .couponbox .c-left{ width: 550px; padding-right: 30px; border-right: 2px dashed #E4E7ED; }
.arti .couponbox .sum{ font-size: 28px; color: #6A87C0; font-weight: 500; line-height: 120% }
.arti .couponbox .c_desc{ color: #606266; margin-top: 15px; }
.arti .couponbox .c-right{ transform: translate(0,-50%); position: absolute; top: 50%; right: 30px;}
.arti .couponbox .c-right button{ width: 186px; height: 57px; border-radius: 8px; font-size: 16px; background-color: #6A87C0; line-height: 57px; text-align: center; color: #fff; vertical-align:middle;display:inline-block; transition: all .5s;  cursor: pointer; }
.arti .couponbox .c-right button:hover{ background-color: #5972a5 }
.arti .service-desc .con{ padding:30px 0; }

/*侧边栏*/
.pagemain .side{ float: right; width: 285px;margin-top: 30px; }
.appointment-service{ margin-bottom: 20px }
.appointment-service .soglan{ font-weight: 300; font-size: ; color: #fff;S font-size: 20px; }
.appointment-service .appointment_enter{ background: #6A87C0 url(../images/appointment-service-bg@2x.jpg) no-repeat left top; background-size: cover; height: 275px; }
.appointment-service .appointment_enter .soglan{ padding-left: 20px; padding-top: 30px; padding-bottom: 66px; }
.appointment-service .appointment_enter .fbox{ padding-left: 20px; }
.appointment-service .appointment_enter .txbox,.appointment-service .appointment_enter .submit{ width: 247px; height: 40px; line-height: 40px; border: none; }
.appointment-service .appointment_enter .txbox{ padding:0 10px; width: 227px; background-color: rgba(255,255,255,.9); }
.appointment-service .appointment_enter .txbox:focus{  background-color: rgba(255,255,255,1);  }
.appointment-service .appointment_enter .submit{ margin-top: 15px; background-color: #E83611; color: #fff; text-align: center; cursor: pointer; transition: background-color .5s; }
.appointment-service .appointment_enter .submit:hover { background-color: #cf2300; }
.appointment-service .feature{ background-color: #fff; border: 1px solid #E4E7ED; border-top:none; color: #606266; }
.appointment-service .feature p{ text-align: center; color: #909399; padding-bottom: 15px; }
.appointment-service .feature .row{ padding:15px 0; }
.appointment-service .feature span{ display: inline-block; width: 33%; text-align: center; position: relative; }
.appointment-service .feature span:after{ content: ""; position: absolute; left: 0; top:4px; width: 1px; height: 14px; background-color: #E4E7ED; }
.appointment-service .feature span:first-child:after{  width: 0; }
.appointment-service .feature span i{ font-family: "iconfont"; font-size: 22px; display: inline-block; vertical-align: middle; color: #E83611; }
.successInfoMod .serviceDesc{color: #606266; border-top: 1px dashed #e4e7ed; padding: 20px 0 25px; background-color: #fafafa;}
.successInfoMod .serviceDesc .qr{ width: 100px; height: 100px; display: inline-block; vertical-align: middle; margin-left: 20px; }
.successInfoMod .serviceDesc .text{ display: inline-block; vertical-align: middle;margin-left: 10px; }
.successInfoMod .serviceDesc .row2 i{color:#19cc8f; font-family: "din_regular"; font-size: 15px; padding:0 3px;}


/*课程详情页*/
.course-desc .c-left{ margin-top: 20px; }
.course-desc .swiper-container{ width: 550px; height: 318px;}
.course-desc .swiper-slide{ width: 550px; height: 318px; }
.course-desc .c-right{ width: 620px; margin-top: 20px; }
.course-desc h3{ font-size: 24px; font-weight: 500; }
.course-desc .pricebox{ height: 60px; margin-top: 20px; background: url(../images/pricebg@2x.png) no-repeat left top; background-size: cover; }
.course-desc .price{ color: #fff; float: left; padding-top: 8px; }
.course-desc .price label{padding-left: 30px;}
.course-desc .price .new_price{font-family:"din_medium"; font-size: 32px;}
.course-desc .price .old_price{font-family:"din_regular"; text-decoration: line-through;}
.course-desc .tags{float: right; margin-top: 18px;}
.course-desc .tags span{ padding-right: 20px; }
.course-desc .tags .iconfont{color: #19CC8F; font-size: 22px; vertical-align: middle; padding-right: 5px;}
.course-desc .row{margin-top: 25px;}
.course-desc .row a{color: #E83611;}
.course-desc .row a:hover{ text-decoration: underline; }
.course-desc .row .iconfont{color: #909399; font-size: 20px; vertical-align: middle; padding-right: 6px; }
.course-desc .row label{ color: #909399; }
.course-desc .row span{}
.course-desc .row .inline{ display: inline-block; width: 49%; }
.course-desc .btnbox{ margin-top: 20px; }
.course-desc button{ width: 160px; height: 44px; line-height: 43px; font-size: 15px; display: inline-block; border-radius: 6px; transition: all .5s; }
.course-desc .registerNowBtn{ border: 1px solid #E83611; background-color: #E83611;  color: #fff; }
.course-desc .registerNowBtn:hover{box-shadow: 0px 5px 10px 0px rgba(232, 54, 17, 0.2); background-color: #E83611;}
.course-desc .advisoryBtn{ border: 1px solid #E83611; background-color: #fff;  color: #E83611;margin-left: 10px; }
.course-desc .advisoryBtn:hover{box-shadow: 0px 5px 10px 0px rgba(232, 54, 17, 0.2);background-color: #FFECEB;}

.course_detail .con{padding:30px 0;}
.side h2{ border-bottom: 1px solid #E4E7ED;  }
.side h2 i{ border-bottom: 2px solid #E83611; display: inline-block; padding-bottom: 10px;}
.course_detail .side li{}
.course_detail .side ul{ padding:30px 0; }
.course_detail .mod-c{ padding: 0; }
.course_detail li { width: 285px; margin-bottom: 20px; box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.08); }
.course_detail li .pic { height: 166px; width: 285px; overflow: hidden; }
.course_detail li:nth-child(4n) { margin-right: 0; }
.course_detail li:hover { box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.2); transition: all .5s; border-color: #333; }
.course_detail .pic{ position: relative; background-color: #000; }
.course_detail .pic>img{ transition: all .5s;}
.course_detail li:hover .pic>img{}
.course_detail .pic .box{ position: absolute;left: 0; top:0; width:100%; height: 220px; color: #fff; }
.course_detail .pic .box .s_slogan1{text-align: center; margin-top: 55px; font-size: 22px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; width: 80%; margin-left: 10%;}
.course_detail .pic .box .s_slogan2{ text-align: center; font-weight: 300; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; width: 80%; margin-left: 10%; }
.course_detail .row3{ margin-top: 15px; margin-bottom: 2px }
.course_detail .row3 .tags{ float: left; color: #606266 }
.course_detail .row3 .tags span{ display: inline-block; padding:3px 8px; border: 1px solid #DCDFE6; border-radius: 20px; }
.course_detail .row3 .price{ float: right; margin-top: 2px; }
.course_detail .row3 .new_price{ color: #E83611; font-size: 17px; font-weight: 500; }
.course_detail .row3 .old_price{ color: #909399; font-size: 12px; text-decoration: line-through; }



/*91开店平台保障*/
.platform_safe { position: relative; padding: 0px 0 10px; border: 1px solid #E4E7ED; margin-bottom: 20px; }
.platform_safe .tit{ background-color: #FAFAFA; font-size: 18px; height: 68px; line-height: 68px; font-weight: 500; text-align: center; }
.platform_safe .iconfont { font-size: 50px; vertical-align: top; float: left; font-family: "iconfont"; color: #cabeb4; transition: all .5s; }
.platform_safe .col { margin:20px; padding-top: 20px; border-top: 1px solid #ebeef5;overflow: hidden;}
.platform_safe .col:first-child { border-top: none; margin-top: 0; }
.platform_safe .col:hover .iconfont { color: #b1a59b;  }
.platform_safe .text { margin-left: 10px; float: left; }
.platform_safe h4 { font-size: 16px; font-weight: 400; margin-top: 7px; }
.platform_safe p { color: #969799; }



/*鼠标滑过图标显示提示*/
.icon_m{ position: relative; cursor: pointer; display: inline-block; margin-left: 5px; }
.icon_m .tips{ display: none; padding:5px 10px; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1); font-size: 12px; color: #606266; border-radius: 5px; border:1px solid #e4e7ed; font-weight: 400; position: absolute; left: -60px; top:32px; background-color: #fff; width: 120px; }
.icon_m:hover .tips{ display: block; }




/*===========  智慧商店  =============*/

.aiBanner{ height: 540px; background: url(../images/aistore/aiBanner.jpg) no-repeat center top; text-align: center; color: #fff; }
.aiBanner .w_in{ padding-top: 150px;}
.aiBanner h3{  font-size: 72px; padding-bottom: 30px; position: relative;  }
.aiBanner h3:before{ content: " "; width: 90px; height: 3px; background: #fff; position: absolute; left:50%; bottom: 0; margin-left: -45px; }
.aiBanner p{ font-size: 36px; font-weight: 300; margin-top: 30px; }


.aiTit{ position: relative; text-align: center; padding-top: 80px; margin-bottom: 60px; }
.aiTit h3{ border:1px solid #909399; padding:15px 40px; font-size: 30px; display: inline-block; }
.aiTit .en{  margin-top: -17px; position: relative; z-index: 1; color: #909399; }
.aiTit .en span{background-color: #fff; padding:5px 20px; display: inline-block}

.m-mdfa{ margin-bottom: 80px; }
.m-mdfa dl{ float: left; width: 216px; text-align: center; height: 300px; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1); border:1px solid #e4e7ed; margin-left: 30px; box-sizing:border-box;}
.m-mdfa dl:first-child{ margin-left: 0; }
.m-mdfa dl:hover a{ display: block }
.m-mdfa dl img{ width: 75px; height:65px; margin-top: 50px; }
.m-mdfa dl a{ display: none; color: #e83611; margin-top: 30px; }
.m-mdfa dl a i{ font-size: 12px; vertical-align: middle; display: inline-block; margin-top: -2px; }
.m-mdfa dl dt{ font-size: 18px; margin-top: 35px; }
.m-mdfa dl dd{ color: #909399; margin-top: 10px; width: 150px; display: inline-block }


.m-mk{ background-color: #fafafa; padding-bottom: 70px; }
.m-mk .en span{background-color: #fafafa; padding:5px 20px; display: inline-block}
.m-mk .tag{ margin-top: 20px; }
.m-mk .row{ color: #909399; margin-bottom: 3px; }
.m-mk .info{ padding:20px; border:1px solid #e4e7ed; border-top: 0; }
.m-mk .info h3{ font-size: 18px; line-height: 24px;  margin-bottom: 10px; }
.m-morelink{ text-align: center; }
.m-morelink a{ display: inline-block; line-height: 58px; border:1px solid #e4e7ed; text-align: center; width: 300px; background-color: #fff; border-radius: 30px; font-size:16px; transition: background-color .2s;}
.m-morelink a:hover{ background-color: #e83611; border-color:#e83611; color: #fff; }

.m-report{ background-color: #fff; }
.m-report .info h3{ height: 50px; overflow: hidden; }
.m-report .info .row{ line-height: 22px; height: 66px; overflow: hidden; }

.m-cooperate{ height: 500px; background: url(../images/aistore/hezuoBg.jpg) no-repeat center top; color: #fff; font-size: 16px; }
.m-cooperate .w_in{ padding-top: 123px;}
.m-cooperate .col_d{ width: 49.5%; text-align: center; float: left; border-left:1px solid #84888d; }
.m-cooperate .col_d:first-child{ border:none; }
.m-cooperate .col_d p span{ width: 360px; text-align: center; display: inline-block; margin-top: 26px; line-height: 26px; }
.m-cooperate .col_d a{ margin-top: 70px; display: inline-block; line-height: 60px; border:1px solid #e4e7ed; width: 250px; border-radius:30px; font-size: 24px; transition: background-color .2s;}
.col_d a:hover{ background-color: #e83611; border-color: #e83611; }



.m-zl{ background: #fafafa; padding-bottom: 70px; }
.m-zl .en span{background-color: #fafafa;}
.m-zl li{ float: left; margin-right: 30px;  margin-bottom: 30px; border-radius: 10px; transition: transform 0.85s ease;}
.m-zl li:nth-child(5n){ margin-right: 0; }
.m-zl li img{ width: 216px; height: 125px;  border-radius: 10px;}
.m-zl li:hover{transform: scale(1.14, 1.14);  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.08); }


/* 底部加入俱乐部 start*/
.aiPage .dx-a{ height: 430px; background: #1e222a; text-align: center; color: #fff; font-weight: 300; }
.aiPage .dx-a .text{ font-size:36px; margin-bottom: 0px; padding-top: 95px;}
.aiPage .dx-a .text2{ font-size: 18px; margin-bottom: 40px; }
.aiPage .dx-a .tel{ margin-top: 30px; text-align: center; font-size: 24px; }
.aiPage .dx-a .btnjoin{ width: 236px; line-height: 50px; display: inline-block; border-radius: 40px; font-weight: 700; font-weight: 300; font-size: 32px; border:1px solid #fff; font-size: 18px; transition: background-color .2s;  }
.aiPage .dx-a .btnjoin:hover{ background-color: #e83611; border-color: #e83611 }
.aiPage .dx-a .btnjoin span{ font-size:16px; display: block; line-height: 100% }

/* 底部加入俱乐部 end*/

.m-mk-item{ background-color: #fff; padding-bottom: 0px;  padding-top: 30px;}
.aiBannerReport{ background-image: url(../images/aistore/reportbg.jpg); }

.tabCate{ border-bottom: 1px solid #e4e7ed; line-height: 88px; }
.tabCate .w_in{ position: relative; }
.tabCate .rightctrl{ position: absolute; right: 0; top:0; }
.tabCate .rightctrl a{ background-color: #e83611; padding:10px 20px; text-align: center; color: #fff; }
.tabCate .rightctrl p{ line-height: 120%; margin-top: 33px; color:#888; }
.tabCate .rightctrl p i{ display: inline-block; background-color: #222; font-weight: 900; color:#fff;padding:3px 5px; font-size: 16px; vertical-align: middle; border-radius: 3px; margin:0 5px; }
.tabCate .w_in > a{ font-size: 16px;padding:0 20px; position: relative; }
.tabCate .w_in > a:before{ content: ""; width: 1px; height: 18px; display: inline-block; width: 1px; background-color: #e4e7ed; position: absolute; left:0; top:50%; margin-top: -9px; }
.tabCate .w_in > a:first-child{ padding-left: 0; }
.tabCate .w_in > a:first-child:before{ background: #fff; }
.tabCate .w_in > a:hover{ color: #e83611; }
.tabCate .w_in > a.sel{ color: #e83611; }
.tabCate .w_in > a i{ position: relative; line-height: 88px;display: inline-block; height: 88px;}
.tabCate .w_in > a.sel i:before,.tabCate a:hover i:before{  content: ""; position: absolute; left:0; bottom: -2px; display: inline-block; width: 100%; height: 3px;  background-color:#e83611; }

/*========关于我们页面========*/
.aboutPage{  }
.aboutPage .topBanner{ height: 540px; background: url(../images/about/ban.jpg) no-repeat center top; text-align: center; color: #000; }
.aboutPage .topBanner .w_in{ padding-top: 200px; font-size: 48px; color: #fff; }
.aboutPage .topBanner p{  font-weight: 400 }
.aboutPage .topBanner .p2{ font-size: 28px;  font-weight: 400; margin-top: 15px; color:#ffd944; }
.a_btit{ text-align: center; padding-top: 70px; padding-bottom: 60px; }
.a_btit h2{ font-size: 30px; font-weight: bold; }
.a_btit p{ font-size: 14px; font-family: "din"; color: #c0c0c0}

.a_bd .con{ font-size: 16px; line-height: 32px; width: 690px; float: left;  }
.a_bd p{text-indent: 35px; margin-bottom: 20px;}
.a_bd .pic{ width: 480px; height: 270px; margin-top:10px; background: #eee; float: right; }


.bgm2{ background:url(../images/about/bg_1.jpg) no-repeat center bottom; }
.a_m2 .a_btit{ }
.a_m2 .text-one{ font-size: 40px; text-align: center; font-weight: 300; padding-bottom: 100px; }

.a_m3{ text-align: center; background: url(../images/about/bg_2.jpg) no-repeat center top; height: 500px; color: #fff; }
.a_m3 h3{ font-size: 52px; font-weight: 400; padding-top: 130px; }
.a_m3 p{ font-size: 32px; font-weight: 300;margin-top: 20px }
.a_m3 a{ display: inline-block; width: 200px; line-height: 54px; font-size: 16px; border:1px solid #fff; margin-top:30px; }
.a_m3 a:hover{ background-color: #e83611; border-color: #e83611; color: #fff; }

.a_m4 .a_btit{ padding-bottom: 30px; }
.a_m4 dl{ float: left; width: 50%; display: inline-block; }
.a_m4 dd { padding-left: 20px; margin-top: -10px; }
.a_m4 dd .iconfont{ color: #e83611; font-size: 21px; margin-right: 10px; vertical-align: middle; }
.a_m4 .conlist{ padding-top: 60px; }
.a_m4 .conlist li{ float: left; width: 25%; position: relative; }
.a_m4 .conlist li:before{ content: ""; display: block; position: absolute; left:30px; top:0; height: 60px; width:1px; background-color: #e4e7ed; }
.a_m4 .conlist li:first-child:before{ background-color: #fff; }
.a_m4 .conlist li img{ margin-left: 45px; float: left; width: 30px; } 
.a_m4 .conlist li .con{ float: left; padding-left: 20px; }
.a_m4 .conlist li h4{ font-size:18px; padding-top: 2px; margin-bottom: 10px; }
.a_m4 .conlist li p{ color: #606266; font-family: din; }
.a_m4 .qrmm{ margin-bottom: 100px; font-size: 0; text-align: left; }
.a_m4 .qrmm li{ display: inline-block; margin-bottom: 30px; width: 20%; position: relative; text-align: center; font-size: 16px; color: #606266; }
.a_m4 .qrmm li div{box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.08); border:1px solid #ebeef5; width: 200px; display: inline-block; margin-bottom: 15px;}
.a_m4 .qrmm li img{ width: 200px; }
.a_service{ margin-top: -50px; margin-bottom: 50px; }
.a_service h3{ font-weight: bold; padding-top: 18px; }
.a_service p{ color:#909399; margin-top: 5px; }
.a_service li{  }
.a_service li:hover{ transform: translate3d(0,-4px,0); }
/*开店大师 shopmaster*/

.shopmaster .smTit{ text-align: center; padding:100px 0 80px; }
.shopmaster .smTit h2{ font-size: 32px;}
.shopmaster .smTit p{ color: #999; display: inline-block; position: relative;}
.shopmaster .smTit p:before{ content: ""; position: absolute; right: -40px; top:9px; width: 30px; height: 1px; background-color: #ccc; }
.shopmaster .smTit p:after{ content: ""; position: absolute; left: -40px; top:9px; width: 30px; height: 1px; background-color: #ccc; }
.supio{ margin-bottom: 60px; }
.supio dl{ display: inline-block; width: 33%; text-align: center; }
.supio dt i{ display: inline-block; width: 100px; height: 100px; font-size: 100px;  }
.supio dt .one{color:#fd9d28;}
.supio dt .two{ color:#4688f1; }
.supio dt .three{ color:#f65559; }
.supio h3{ font-size: 20px; margin-top: 20px;}
.supio p{ font-size: 14px; color: #969fa9;  margin-top: 12px;}
.shopmaster .recommend{ margin-bottom: 90px;}
.shopmaster .recommend ul { margin-bottom: 20px;  }
.shopmaster .recommend ul li { width: 590px; height: 340px; box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1);  margin-bottom: 20px; float: left; position: relative; transition: all .85s; margin-right: 20px; }
.shopmaster .recommend ul li:nth-child(2n){ margin-right: 0; }
.shopmaster .recommend ul li:hover{box-shadow: 0 0 12px 0 rgba(0, 0, 0, .18);/* transform: translateY(-8px);*/ transform: scale(1.04,1.04); }

.shopmaster .recommend ul li:hover .p1{ color: #e83611 }
.moremaster{ display: inline-block; line-height: 60px; border:1px solid #bfbfbf; padding:0 30px; border-radius: 30px; }
.content-border { cursor: pointer; background: #fff;width: 580px; }
.content-border .content-outer { overflow: hidden; }
.content-border .left-font { float: left; padding: 40px 30px 0 40px; width: 245px; height: 340px; position: relative; }
.content-border .left-font .p1 { font-size: 20px; line-height: 28px; color: #26292f; max-width: 265px; transition: color .85s; }
.content-border .left-font .p2 { margin-top: 20px; font-size: 16px; line-height: 22px; color: #464c56; max-width: 265px; }
.content-border .left-font .p3 { margin-top: 20px; font-size: 14px; line-height: 20px; color: #969fa9; max-width: 265px; }
.content-border .left-font .discount-link-button { background: linear-gradient(90deg, #ff7577, #ff191c); transition:all .85s; }
.content-border .left-font .discount-link-button:hover{background: linear-gradient(90deg,#ff7577,#e83611);}
.content-border .left-font .link-button .arrow-pay { display: inline-block; margin: 0 0 -2px 7px; width: 12.7px; height: 12.7px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAYCAYAAADtaU2/AAAAAXNSR0IArs4c6QAAAWlJREFUSA3tlr9KA0EQxnMxFpLCl5AIFjY+RCCdNulMbCwtbXwDS+1CxD+dlQgh7RZJkypd8DFsRFDj+RvJHbPLsbcXucob+LiZ2W/uuxt27rZWw+I4PgBDcA1akgsxuPtgAuagHVKTciiIwDMwK4y47qUEjwNvBhL7wDn00K2lOtEG2FLZJv4lNwkR31Z1m/iPoeL1KIq+KLhRNxA3VPwC7reqLST+W8eT9oFxkNt2+MdgCbQVartsskrc0IUEVdvVZrZdulTqhtux5ezII94RpnxAvMac30G4d0gy56dOzgqpeyBxAtw5vxJirrCQyrBcYVrWR7jniL8RD5ycFUqrSdwCrfFJfGYRswIRBcZBuWNVidIB72+S9fVn91+1t8vbGgchu/eImrX+xXLeajBKYyCnh8RkTs/5+iySRNaV2hfyu2pN5rRL3ZPKZboy3EvwrlaDRFf8V1UXLJrW8OR/Od5OqS98vP0BQkJnnRlrQH4AAAAASUVORK5CYII=); background-repeat: round; }
.content-border .right-img { float: right; width: 275px; height: 340px; background-size: cover; background-position: 50%; overflow: hidden; }
.content-border .right-img img{ height: 100%; width: 100%; }
.content-border .left-font .link-button { position: absolute; bottom: 70px; white-space: nowrap; padding: 0 10px; cursor: pointer; border-radius: 36px; display: block; font-size: 14px; line-height: 36px; text-align: center; min-width: 180px; height: 36px; color: #fff; background-color: #ffa422; background: linear-gradient(90deg, #ffa422, #ff7621); }

.applymaster{height: 800px; background: #333 url(../images/shopmasterformbg.jpg) no-repeat; }
.applymaster .w_in{ padding-top: 170px; }
.applymaster .l-box{ color:#fff;  display: inline-block; vertical-align: top; margin-right: 40px;}
.applymaster .pt{ margin-top: 12px; font-size: 18px; font-weight: 300;margin-left: 140px; }
.applymaster .p1{ font-weight: 700; font-size:36px; font-weight: 400; margin-top: 0px; }
.applymaster .p3 span{ font-size: 36px; font-weight: 400; }
.applymaster .p5 { font-size:22px; font-weight: 400; }
.applymaster .p4 {/* font-size:22px; font-weight: 400; */}
.applymaster .step { position: relative;margin-top: 50px; color: #fff; text-align: center; }
.applymaster .step dl{ display: inline-block; width: 180px; text-align: center;  position: relative; z-index: 1 }
.applymaster .step dt i{ display: inline-block; width: 80px; height: 80px; line-height: 80px; font-size: 50px; color:#594b46;  background-color: #fff; border-radius:80px; }
.applymaster .step h3{ font-size: 16px; font-weight: bold; margin-top: 20px; margin-bottom: 10px; }
.applymaster .step p{ font-size: 12px; font-weight: 300; }
.applymaster .step:before{ content: ""; position: absolute; left:100px; top:24px; height: 1px; background-color: #fff; width: 380px; }
.applymaster .r-box{ display: inline-block; width: 480px; }
.applymaster .r-box p{ color:#fff; font-size: 36px;font-weight: 300;}
.applymaster .r-box .p1{}
.applymaster .r-box .p2{ font-size: 16px; margin-bottom: 50px;  }
.applymaster .r-box .layui-form{ margin-top: 40px; margin-top: 15px; }
.applymaster .fenleiin .layui-inline{ float: left; width: 33.333333333%; }
.applymaster .fenleiin .layui-inline:first-child .layui-input{ border-bottom-right-radius: 0; border-top-right-radius: 0; }
.applymaster .fenleiin .layui-inline:first-child .layui-input-inline:before{ content: ""; position: absolute;right: 0; top:0; height: 50px; width: 1px; background-color: #eee; }
.applymaster .fenleiin .layui-inline:nth-child(2) .layui-input{border-radius: 0}
.applymaster .fenleiin .layui-inline:nth-child(2) .layui-input-inline:before{ content: ""; position: absolute;right: 0; top:0; height: 50px; width: 1px; background-color: #eee; }
.applymaster .fenleiin .layui-inline:last-child .layui-input{ border-bottom-left-radius: 0; border-top-left-radius: 0; }
.applymaster .layui-form-item .layui-inline{ margin-right: 0;  margin-bottom: 0; }
.applymaster .layui-form-item .layui-input-inline{ margin-right: 0; width: 100%;position: relative; }

.applymaster .layui-input-block{ margin-left: 0; }
.applymaster .layui-input{height: 50px; border:none; }
.applymaster .layui-textarea{ border:none; }
.applymaster .submitbox{ text-align: left; margin:0; }
.applymaster .submitbox .layui-btn{ border-radius:50px; height: 50px; width: 45%; font-size: 16px; }


/* 品牌设计 brandsdesgin*/
.brandsdesginPage .bsdnlist{}
.brandsdesginPage .fullfocus .swiper-container{height: 450px;}
.bsdnlist{}
.bsdnlist li{ position: relative; transition: transform .8s; }
.bsdnlist li:hover{transform: translate3d(0,-4px,0); }
.bsdnlist li .pic{ width:380px;height: 220px; }
.bsdnlist .time{ position: absolute; left: 6px; top:6px; z-index: 1; font-size: 12px; background-color: rgba(255,255,255,.6); text-align: center; padding:5px; font-family: din_regular; border-top:2px solid #e83611; }
.bsdnlist .time .day{ font-size: 24px; margin-bottom: -5px; }
.bsdnlist .info { border:none; text-align: center; position: relative; }
.bsdnlist .info h3{ font-size: 16px; font-weight: 500; margin-bottom: 7px; line-height: 24px; padding-top: 25px; }
.bsdnlist .p1{ color:#999; line-height: 1.83; font-size: 12px; margin-bottom: 8px; }
.bsdnlist .p1 span{ margin:0 8px; }
.bsdnlist .p1 span img{ height: 18px; vertical-align: middle; }
.bsdnlist .p2{ color:#999;font-size: 12px; line-height: 1.83; height: 44px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.bsdnlist .tags { position: absolute; left: 0; top:-12px; font-size: 0; width: 100%; text-align: center;  }
.bsdnlist .tags span{display: inline-block; background-color: #888; border-radius: 2px; }
.bsdnlist .tags a{ display: inline-block; color:#fff; padding:3px 5px; font-size: 12px;}
.bsdnlist .tags a:after{ content: ","; }
.bsdnlist .tags a:hover{ color:#ccc; }
.bsdnlist .tags a:first-child{ padding-left: 10px; }
.bsdnlist .tags a:last-child{ padding-right: 10px; }
.bsdnlist .tags a:last-child:after{ content: " "; }
.brand_require{ height: 800px; background:#3a3845 url(../images/brandsdesgin/branddesginmap.png) no-repeat center; padding:50px 0; color: #fff; font-weight: 300; text-align: center; }
.brand_require .solgan{ font-size: 34px;padding-top: 200px; }
.brand_require .solgan span{ font-family: din_regular; display: inline-block; line-height: 100%; vertical-align: middle;  padding:0 5px 0 8px; margin:-2px 10px 0;border-radius: 4px; }
.brand_require .solgan span i{color: #fff; margin:0 2px; padding:1px 5px; border-radius: 3px; background-color: #e83611;  display: inline-block;}
.brand_require .info{ font-size: 18px; padding-top: 30px; padding-bottom: 150px }
.brand_require a{ display: inline-block; line-height: 60px; padding:0 100px; font-size:22px; border-radius: 60px; background-color: #e83611; }
.brand_require .fzy{ padding-top: 40px; font-size: 18px; }
.brandsd_hzhb { overflow: hidden; }
.brandsd_hzhb h4{ text-align: center; font-size: 34px; padding:120px 0 50px; }
.brandsd_hzhb { padding-bottom: 90px; }
.brandsd_hzhb li{ float: left; transition: transform .8s; width: 224px; margin-right: 20px; margin-bottom: 50px; text-align: center; background-color: #fff; }
.brandsd_hzhb li:hover{ transform: translateY(-10px);}
.brandsd_hzhb li:nth-child(5n){ margin-right: 0; }
.brandsd_hzhb li img{ max-width: 90%; }

.brandsdesginPage .sortbox{ position: relative; }
.brandsdesginPage .sortbox .dmore{position: absolute; right: 0; top:0; display: inline-block; width: 26px; border:1px solid #ccc; text-align: center; line-height: 26px; border-radius: 4px; }
.brandsdesginPage .sortbox .dmore:before{content: "\e772"; font-family: iconfont; transition:all .5s; }
.brandsdesginPage .sortbox ul{ overflow: hidden; }
.brandsdesginPage .sortbox ul .uparrow { transform: rotateZ(180deg); }
.ad-five{ font-size: 0; background-color: #f5f5f5;padding:20px 0; }
.ad-five a{ display: inline-block; margin-left: 20px; transition: all .3s ease;border-radius: 2px; }
.ad-five a:first-child{ margin-left: 0; }
.ad-five a img{ width: 224px;}
.ad-five a:hover{transform: translate3d(0,-2px,0);box-shadow: 0 15px 30px rgba(0,0,0,.1);}
.brandsdesginPage .col-four li:hover{transform: translate3d(0,-4px,0); }
.brandsdesginPage .col-four li .info{ border-color:#fff; border:none; }
.brandsdesginPage .col-four li:hover .pic img{ border-color:#fafafa; transform: scale(1.14, 1.14);}
.brandsdesginPage .swrap{ width: 1260px; margin-left: -30px; margin-top: -30px; overflow: hidden; }
.brandsdesginPage .tbSwiper-container{ height: 650px; width: 1260px;padding:30px 30px 0;}
.brandsdesginPage .tbSwiper-container .swiper-slide{  }
.tbSwiperPagination{ text-align: center;  margin-top: -20px; position: relative; z-index: 2;}
.tbSwiperPagination .swiper-pagination-switch{ background-color: #ddd;}
.tbSwiperPagination .swiper-active-switch{background-color: #e83611}
.brandsdesginPage .treasureboxList{ background-color: #fafafa; padding-bottom: 40px; }
.brandsdesginPage .kdglbox{ padding:30px 0 40px; }
.col-two{}
.col-two li{ width: 570px; margin-bottom: 25px; margin-right: 60px; float: left;}
.col-two li:nth-child(2n){ margin-right: 0; }
.col-two li .pic{ width: 180px; height: 104px; overflow: hidden;float: left; }
.col-two li .pic img{ transition:all .8s; width: 180px; height: 104px;  }
.col-two li:hover .pic img{ transform: scale(1.14, 1.14);}
.col-two li .row{ font-size: 12px; overflow: hidden; margin: 10px 0 0;  color: #909399;}
.col-two li .l{ float: left; }
.col-two li .l .dot{display: inline-block; padding:0 5px;}
.col-two li .r{ float: right; margin-right: 10px; }
.col-two li .r img{ height: 18px; color: #888; margin-right: 3px; }
.col-two li .info{ position: relative; width: 375px; float: left; margin-left: 15px; }
.col-two li h3{ font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; }
.col-two li .desc{ color:#909399; margin-top: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all;}
.col-two li a:hover{ color:#e83611; }
/*加入社群*/
.communityPage{ font-size: 20px; line-height: 200% }
.communityPage .swiper-container{ height: 500px; }
.communityPage .rbm{}
.rbm .hdt{ font-size:32px; padding:50px 0 50px; font-weight: bold; text-align: center; }
.rbm .hdt span{ position: relative; }
.rbm .hdt span:before{ content: ""; position: absolute; right: -50px; top:22px; width: 40px; height: 2px; background-color: #e83611; display: inline-block; }
.rbm .hdt span:after{ content: ""; position: absolute; left: -50px; top:22px; width: 40px; height: 2px; background-color: #e83611; display: inline-block; }
.communityPage .r1{ font-size: 0; margin-top: 100px; }
.communityPage .r1 dl{ font-size: 20px; line-height: 200%; display: inline-block; width: 38%; margin-left: 4%; padding:3% 5% 8%; box-shadow: 0 4px 12px 4px rgba(0,0,0,.08); }
.communityPage .r1 dl:first-child{ margin-left: 0; }
.communityPage .r1 dd{ text-indent: 40px }

.communityPage .r2{ margin-top: 90px; }
.communityPage .r2 dd{text-indent: 40px }

.communityPage .r3{ margin-top: 90px;font-size: 0;  padding: 50px 0 100px; background: #f9f9f9 /*url(../images/community/e.png) repeat*/; }
.communityPage .r3 dl{ vertical-align: top; text-align: center; display: inline-block; width: 365px; height: 496px; box-shadow: 0 4px 12px 4px rgba(0,0,0,.08); background:#fff url(../images/community/d.svg) left bottom no-repeat; margin-right: 48px;  }
.communityPage .r3 dl:last-child{ margin-right: 0; }
.communityPage .r3 dt{ font-size: 28px; font-weight: bold; position: relative;}
.communityPage .r3 dt:before{ content: ""; position: absolute; right: 0; top:22px; width: 100px; height: 1px; background-color: #ddd; display: inline-block; }
.communityPage .r3 dt:after{ content: ""; position: absolute; left: 0; top:22px; width: 100px; height: 1px; background-color: #ddd; display: inline-block; }

.communityPage .r3 dd{ font-size: 24px; position: relative; margin-top: 30px; padding:30px 50px 0;}
.communityPage .r3 dd:after{ content: ""; position: absolute; left: 50%; top:0; width: 50px; margin-left: -25px; height: 4px; background-color: #e83611; display: inline-block; }
.communityPage .r3 img{ height: 100px; margin:55px 0; }


.communityPage .r4{ margin-top: 90px; font-size: 0;  padding: 0px 0 100px; }
.communityPage .r4 dl{ font-size: 20px; width: 380px; display: inline-block; margin-top: 130px; }
.communityPage .r4 dt{ font-size: 42px; margin-bottom: 10px; margin-top: 50px; color:#e83611; }
.communityPage .r4 .mapp{ width: 800px; }

.communityPage .r5{ padding-bottom: 100px; }
.communityPage .r5 dd{ position: relative; font-family: "iconfont"; }
.communityPage .cooperSwiper-container{ padding-bottom: 20px; }
.communityPage .cooperSwiper-container li{ overflow: hidden; }
.communityPage .cooperSwiper-container ul{ height: 240px; }
.communityPage .cooperSwiper .aleft,
.communityPage .cooperSwiper .aright{ top:90px; margin-top:0; }
.communityPage .cooperSwiper-container li a{ width: 240px;  margin-right:80px; border:none;}
.communityPage .cooperSwiper-container li a img{ /*opacity:.6;*/ width: 100%; /*filter:grayscale(100%);
-webkit-filter:grayscale(100%);
-moz-filter:grayscale(100%);
-ms-filter:grayscale(100%);
-o-filter:grayscale(100%);
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter:grayscale(1)*/}
.communityPage .cooperSwiper-container li a:nth-child(4n){ margin-right: 0; }

.communityPage .r6{ height: 370px; text-align: center; color: #fff; background:#1e222a url(../images/community/jobg.jpg) no-repeat center top; }
.communityPage .r6 .text{ font-size:36px; margin-bottom: 0px; padding-top: 110px;}
.communityPage .r6 .text2{ font-size: 18px; margin-bottom: 40px; }
.communityPage .r6 .tel{ margin-top: 30px; text-align: center; font-size: 24px; }
.communityPage .r6 .btnjoin{ width: 200px; margin:50px 10px 0; line-height: 50px; display: inline-block; border-radius: 40px; font-weight: 700; font-size: 32px; border:1px solid #fff; font-size: 18px; transition: background-color .2s;  }
.communityPage .r6 .btnjoin:hover{ background-color: #e83611; border-color: #e83611 }
.communityPage .r6 .btnjoin span{ font-size:16px; display: block; line-height: 100% }


/* 活动展会*/
.eventpage .tabCate{}
.eventpage .tabCate .w_in > a{padding: 0 50px;}
.eventpage .tabCate .w_in > a:first-child{ padding-left: 0; }
.eventVItem{background-color: #fff; padding-bottom: 0px;  padding-top: 30px;}

.eventVItem{ padding-bottom: 0px; }
.eventVItem li .pic img{transition: all .5s linear;}
.eventVItem li:hover .pic img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.eventVItem .en span{background-color: #fafafa; padding:5px 20px; display: inline-block}
.eventVItem .tag{ margin-top: 20px; }
.eventVItem .row{ color: #909399; margin-bottom: 3px;line-height: 22px; height: 45px; overflow: hidden; }
.eventVItem .info h3{ position: relative; font-weight: bold;}
.eventVItem .info{ padding:20px; border:1px solid #e4e7ed; border-top: 0; }
.eventVItem .info h3 p{ font-size: 18px; width: 270px; line-height: 24px;  margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all;}
.eventVItem .info h3 .status{ position: absolute; right: 0px; top:2px; padding:0 4px; border-radius: 3px; color:#fff; background-color: #aaa; font-size: 14px; }
.eventVItem .info h3 .status_done{ background-color: #e83611; }
.eventVItem .info h3 .status_ing{ background-color: #f99c10; }
.eventVItem .info h3 .status_end{ background-color: #aaa; }
.eventVItem .info .row2 { padding-top: 12px; margin-top: 15px; border-top: 1px dashed #e4e4e4;}
.eventVItem .info .row2 .c-left { font-size: 12px; color: #909399; margin-left: -1px; }
.eventVItem .info .row2 .c-left label { display: inline-block; margin-right: 15px; vertical-align: middle; }
.eventVItem .info .row2 .c-left .iconfont { display: inline-block; padding-right: 5px; font-size: 18px; vertical-align: middle; }
.eventVItem .info .row2 .c-right { font-size: 12px; color: #909399; margin-left: -1px; }
.eventVItem .info .row2 .c-right label { display: inline-block; margin-right: 15px; vertical-align: middle; }
.eventVItem .info .row2 .c-right .iconfont { display: inline-block; padding-right: 5px; font-size: 18px; vertical-align: middle; }
.eventVItem .clickloadmore{  }

.eventdetailPage{}
.eventdetailPage .mainlib .article > h2{ border-bottom: 1px solid #E4E7ED;  }
.eventdetailPage .mainlib .article > h2 i{ border-bottom: 2px solid #E83611; display: inline-block; padding-bottom: 10px;}
.eventdetailPage .pagewrap{ margin-top: 20px; }
.eventdetailPage .course-desc .row .inline{ width: 32%; }
.eventdetailPage .row { font-size: 0; margin-top:22px; }
.eventdetailPage .row span,
.eventdetailPage .row label{ font-size: 14px; }
.eventdetailPage .row .t{ background-color:#15c387; color: #fff; padding:5px 10px; font-size: 16px; font-weight: 700; margin-right: 0; }
.eventdetailPage .row .c{font-size: 16px; background-color:#f5f5f5; font-weight: 700; padding:5px 15px;width: 498px; display: inline-block;}
.eventstyle .row{ margin-top:28px; }
/*首页头部新闻滚动条*/
.hNews { border-bottom: 1px solid #f2f2f2; background-color: #fafafa; 
background:-moz-linear-gradient(top,#f5f5f5,#fff);/*Mozilla*/
background:-webkit-gradient(linear,0 50%,100% 50%,from(#f5f5f5),to(#fff));/*Old gradient for webkit*/
background:-webkit-linear-gradient(top,#f5f5f5,#fff);/*new gradient for Webkit*/
background:-o-linear-gradient(top,#f5f5f5,#fff); /*Opera11*/

 }
.hNews .w_in{ font-size: 0; }
.hNews .w_in .hnewstit{ width: 120px; color:#e83611; margin-top: 15px;  display: inline-block; vertical-align:top;}
.hNews .w_in .hnewstit img{height: 20px; width: 111px;}
.hNews .swiper-container { width: 986px; height: 50px; vertical-align:top; text-align: center; margin-left: 0; display: inline-block; }

.hNews .title a{ display: inline-block; max-width: 310px; vertical-align:top; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all;}
.hNews .title{ color:#303133; line-height: 50px; text-align: left; padding-left: 10px; font-size: 14px; }
.hNews .title .date{ padding-left:0px; position: relative; padding-right: 10px; margin-right: 10px; color:#909399; }
.hNews .title:hover{  color:#e83611; }
.hNews .title .date:before{ content: " "; position:absolute; right: 0; top:3px; width: 1px; height: 14px; background-color: #ccc;  }
.hNews .title:after{content: "NEW"; font-size: 10px; line-height: 12px; margin-left: 5px; border-radius: 2px; margin-top: -1px; border:1px solid #e83611; color:#e83611; display: inline-block; padding:0 2px; vertical-align: middle; }
.hNews .title:before{ content: " "; width: 3px; height: 3px; display: inline-block; vertical-align:top; background-color: #e83611; margin-top: 23px; margin-right: 5px; }
.hNews .more{ width: 90px; text-align: right; display: inline-block; line-height: 50px; vertical-align:top; font-size: 14px; color: #909399;}
.hNews .more i{margin-top: -2px; }
.hNews a{ transition: all .5s;}
.hNews a:hover{ color:#e83611; }


/* 严选加盟底部通栏广告 */
.tlanSwiper {margin-bottom: 20px;}
.tlanSwiper .swiper-container { width: 100%; height: 100px; vertical-align:top; text-align: center; margin-left: 0; display: inline-block; position: relative; }
.tlanSwiper img{ width: 1200px; height: 100px; }
.tlanSwiper a{ position: relative; }
.tlanSwiper a:before{ content: "广告"; position: absolute; right:0px; bottom: 2px; display: inline-block; z-index: 1; background: rgba(0,0,0,.6);border-radius: 2px;padding: 0 2px;font-size: 12px; transform: scale(0.7);  }
.tlanSwiper .ad_pagination{ position: absolute; right:3px; bottom:5px; width: 100%; text-align: right; font-weight: bold; }
.tlanSwiper .ad_pagination span{ font-size: 10px; width: 14px; height: 14px; line-height: 14px; text-align: center; background-color: #000; opacity: .7;filter: alpha(opacity=70); }
.tlanSwiper .ad_pagination span:nth-child(1):before{ content: "1";}
.tlanSwiper .ad_pagination span:nth-child(2):before{ content: "2";}
.tlanSwiper .ad_pagination span:nth-child(3):before{ content: "3";}
.tlanSwiper .ad_pagination span:nth-child(4):before{ content: "4";}
.tlanSwiper .ad_pagination span:nth-child(5):before{ content: "5";}
.tlanSwiper .ad_pagination span:nth-child(6):before{ content: "6";}
.tlanSwiper .ad_pagination span:nth-child(7):before{ content: "7";}
.tlanSwiper .ad_pagination span:nth-child(8):before{ content: "8";}
.tlanSwiper .ad_pagination .swiper-active-switch{ background-color: #e83611; opacity: 1; filter: alpha(opacity=100); }


/* 首页页面顶部 通栏广告位 */
.topAd{ position: relative; display: none; }
.topAd img{ width: 100%; }
.topAd .closeAd{ position: absolute; right:10px; top:5px; border:none; display: inline-block;padding:2px 5px; font-size: 12px; background-color: rgba(0,0,0,.7); color:#fff;  cursor: pointer;}
.topAd .closeAd:hover{ background-color: rgba(232,54,17,.7);}



/* 资讯专题 */
.ispecialPage { }

.ispecial { padding-top: 30px; }

.ispecial{ }
.ispecial .pic img{ transition: transform .8s; }
.ispecial li{ padding-bottom: 20px; }
.ispecial li h3{ padding:15px 15px 10px; font-weight: bold; font-size: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all;}
.ispecial li p{ padding:0 15px; height: 40px; overflow: hidden;  color:#909399; }
.ispecial li:hover{ transform: translate3d(0,-4px,0); }
.ispecialPage .topImg{ margin:0 0 0; }
.ispecialPage .topImg img{ width: 100%; }
.ispecialPage .daoyu{ padding:30px 20px; background-color: #f5f5f5; margin-bottom: 30px; }
.ispecialPage .daoyu h1{ font-size: 30px; font-weight: bold; }
.ispecialPage .daoyu p{  color:#909399; padding-top: 10px; }
.w_in_2{ width: 1200px; margin:0 auto; }
.ispecialPage .item-box{ margin:0 0 30px; }
.ispecialPage .item-box h2{ font-size: 24px; font-weight: bold; position: relative; padding-left: 15px; transition:all .8s;}
.ispecialPage .item-box h2:after{ content: ""; position: absolute; left:0; top:50%; width: 4px; height: 24px; margin-top: -12px; background-color: #e83611; transition:all .8s; }
.ispecialPage .item-box h2:hover{ padding-left: 25px; }
.ispecialPage .item-box h2:hover:after{ width: 10px; }
.ispecialPage .hot_topics{ padding-bottom: 60px; }
.ispecialPage .hot_topics .more { position: absolute; right: 0; top:4px; font-size: 15px; border-bottom: none; color: #909399; margin-top: 4px; }
.ispecialPage .hot_topics .more .iconfont { margin-top: -2px; display: inline-block; vertical-align: middle; }
.ispecialPage .hot_topics .more:hover { color: #e83611; }
.ispecialPage .hot_topics h2{ font-size: 28px; margin-bottom: 25px; position: relative; }
.ispecialPage .hot_topics h2{ font-size: 24px; font-weight: bold; position: relative; padding-left: 15px;transition:all .8s; }
.ispecialPage .hot_topics h2:after{ content: ""; position: absolute; left:0; top:50%; width: 4px; height: 24px; margin-top: -12px; background-color: #e83611; transition:all .8s; }
.ispecialPage .hot_topics h2:hover{ padding-left: 25px; }
.ispecialPage .hot_topics h2:hover:after{ width: 10px; }
.ispecialPage .hot_topics ul{ font-size: 0; }
.ispecialPage .hot_topics li{ font-size: 14px; width: 44%; margin-right: 12%; margin-bottom: 15px; float:left; position: relative; }
.ispecialPage .hot_topics li:nth-child(2n){ margin-right: 0; }
.ispecialPage .hot_topics li .date{ position: absolute; right: 0; top:0;  color:#909399; }
.ispecialPage .hot_topics li a{ transition:color .8s; }
.ispecialPage .hot_topics li a:hover{ color:#e83611;}
.ispecialPage .hot_topics li:before{ content: "\e608"; color:#e83611; margin-right: 5px; margin-top: -2px; font-family: iconfont; font-size: 10px; vertical-align:middle; display: inline-block; }
.lbox{ width: 790px; float: left; }
.ispecialPage .rightlib{ margin-bottom: 30px; }
.rightlib .clickloadmore{ height: auto; line-height: 36px; font-size: 14px; }
/* 右侧轮播广告 */
.r_ad_swiper {margin: 20px 0;}
.r_ad_swiper .swiper-container { width: 330px; height: 190px; vertical-align:top; text-align: center; margin-left: 0; display: inline-block; position: relative; color:#fff; }
.r_ad_swiper img{ width: 330px; height: 190px; }
.r_ad_swiper a{ position: relative; }
.r_ad_swiper a:before{ content: "广告"; position: absolute; right:0px; bottom: 2px; display: inline-block; z-index: 1; background: rgba(0,0,0,.6);border-radius: 2px;padding: 0 2px;font-size: 12px; transform: scale(0.7);  }
.r_ad_swiper .ad_pagination{ position: absolute; right:3px; bottom:5px; width: 100%; text-align: right; font-weight: bold; }
.r_ad_swiper .ad_pagination span{ font-size: 10px; width: 14px; height: 14px; line-height: 14px; text-align: center; background-color: #000; opacity: .7;filter: alpha(opacity=70); }
.r_ad_swiper .ad_pagination span:nth-child(1):before{ content: "1";}
.r_ad_swiper .ad_pagination span:nth-child(2):before{ content: "2";}
.r_ad_swiper .ad_pagination span:nth-child(3):before{ content: "3";}
.r_ad_swiper .ad_pagination span:nth-child(4):before{ content: "4";}
.r_ad_swiper .ad_pagination span:nth-child(5):before{ content: "5";}
.r_ad_swiper .ad_pagination span:nth-child(6):before{ content: "6";}
.r_ad_swiper .ad_pagination span:nth-child(7):before{ content: "7";}
.r_ad_swiper .ad_pagination span:nth-child(8):before{ content: "8";}
.r_ad_swiper .ad_pagination .swiper-active-switch{ background-color: #e83611; opacity: 1; filter: alpha(opacity=100); }




.blibraryPage li{  position: relative; }
.blibraryPage .safeguard_icon{ background-color: #19cc8f; color: #fff; font-size: 12px; display: inline-block; vertical-align: middle; border-radius: 20px; padding:3px 6px; margin-top: -3px; font-weight: 700; position: relative; /*position: absolute; top:15px; left: 5px;*/ }
.blibraryPage .safeguard_icon .iconfont{font-family: "iconfont"; font-size: 14px;  }
.blibraryPage .mod-c .info h3{overflow: visible;}
.blibraryPage .shop_story{ margin-top: -30px; }
.blibraryPage .story { margin: 0 -10px 0; }
.blibraryPage .story li { float: left; margin: 0 10px 20px 10px; width: 590px; -webkit-transition: all .2s linear; transition: all .2s linear; }
.blibraryPage .story li:hover { -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0); box-shadow: 0 15px 30px rgba(0, 0, 0, 0); }
.blibraryPage .story li .pic { display: block; font-size: 0; line-height: 0; clear: both; width: 200px; height: 115px; overflow: hidden; float: left; }
.blibraryPage .story li .pic img { transition: transform 0.85s ease; width:100%; height: 100%; }
.blibraryPage .story li:hover .pic img { transform: scale(1.14, 1.14); }
.blibraryPage .story li .box { float: left; border: 1px solid #fff; border-top: none; width: 388px; height: auto; position: relative; }
.blibraryPage .story li .box .tit { text-align: left; font-size: 16px; max-height: 50px; line-height: 22px; padding: 0 15px 0 15px; color: #303133; display: block;overflow: hidden; text-overflow: ellipsis; -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.blibraryPage .story li:hover .box .tit { color: #e83611 }
.blibraryPage .story li .box .con { font-size: 14px; line-height: 16px; height: auto; max-height: 34px; text-align: left; color: #909399; margin-top: 8px; padding: 0 15px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.blibraryPage .story li .box .row{ position:relative; bottom: 0; left: 0; width: auto; overflow: hidden; padding:0 0 0; border-top: 1px dashed #fff; margin: 8px 15px 0;  color: #909399;}
.blibraryPage .story li .box .l{ float: left; }
.blibraryPage .story li .box .l .dot{display: inline-block; padding:0 5px;}
.blibraryPage .story li .box .r{ float: right; }
.blibraryPage .story li .box .r img{ height: 18px; color: #888; margin-right: 3px; }

.sAds { margin-top: 30px;}
.sAds .tabs { margin-bottom: 30px; }
.sAds .tabs a{ display: inline-block; padding:0 10px; font-size:16px; }
.sAds .tabs a:first-child{ padding-left: 0; }
.sAds .tabs .active{ color:#e83611; }
.sAds .tabs .more { float: right; font-size: 15px; border-bottom: none; color: #909399; margin-top: 0px; }
.sAds .tabs .more .iconfont { margin-top: -2px; display: inline-block; vertical-align: middle; }
.sAds .tabs .more:hover { color: #e83611; }

.sAds .swiper-container{ width: 1200px; margin: 0 auto; height: 264px; padding-bottom: 20px; position: relative; overflow: hidden; }
.sAds .swiper-container ul{ /*height: 190px;*/ overflow: hidden; }
.sAds .swiper-container li{ overflow: hidden; }
.sAds .swiper-container li a{ float: left; width: 232px;  text-align: center; box-sizing: border-box; margin-bottom: 10px; border:1px solid #e4e7ed; margin-right: 10px; overflow: hidden; border-radius: 5px; }
.sAds .swiper-container li img{ width: 232px; height: 80px; border-radius: 5px; }
.sAds .swiper-container li a:nth-child(5n){ margin-right: 0; }