/* CSS  */
* {margin:0;padding:0;outline:none;list-style:none;text-decoration:none;box-sizing: border-box;font-family: Microsoft YaHei,arial;}
body,html {color:#333;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;background: #fff;position: relative;font-size: 14px;}
body{min-width: 1200px;overflow-x: hidden;}
img{border:none;max-width: 100%;vertical-align: top; }
input, textarea ,select{border:none;background:none;cursor:pointer;font-size:14px;vertical-align:middle;color:#333;}
select {border:inherit;background: inherit; }
em, i {font-style:normal;  }
a{color: #000;text-decoration: none;}
a:focus, input, select {outline:none;}
.clearfix {zoom:1; clear: both; }
.clearfix:after {content:"\200B"; display: block;clear: both;height: 0;  }
.inner{width: 1200px;margin: 0 auto;}
.fl{float: left;}
.fr{float: right;}
body,html,li,a:active, body,html,li,a:hover, body,html,li,a:visited{
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-user-select: none;
    -moz-user-focus: none;
    -moz-user-select: none;
}

/* 动画缓存公共文件  最好放最下面 */
a,*:before,*:after,.navSub,.bd_nav span{-webkit-transition:all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}


input::-webkit-input-placeholder{color: #999999;} /* WebKit browsers */
input:-moz-placeholder{color: #999999;} /* Mozilla Firefox 4 to 18 */
input::-moz-placeholder{color: #999999;} /* Mozilla Firefox 19+ */
input:-ms-input-placeholder {color: #999999;} /* Internet Explorer 10+ */
select::-ms-expand {
    display: none;
}
a:active, a:hover, a:visited{
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-user-select: none;
    -moz-user-focus: none;
    -moz-user-select: none;
}


/* 移入放大 */
#grad:hover{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}
/* 移入位移 */
#grad:hover{ -webkit-transform: translate(0, -10px);-moz-transform: translate(0, -10px);transform: translate(0, -10px);}
/* 从上大小渐变 */
#grad {
    background: -webkit-linear-gradient(red, blue); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(red, blue); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(red, blue); /* Firefox 3.6 - 15 */
    background: linear-gradient(red, blue); /* 标准的语法 */
  }  
/* 从左到右渐变 */
#grad {
    background: -webkit-linear-gradient(left, red , blue); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, red, blue); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, red, blue); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, red , blue); /* 标准的语法 */
  }



.toast-loading .index-toast {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  padding: 24px 30px;
  max-width: 360px;
  min-width: 180px;
  width: max-content;
  line-height: 30px;
  text-align: center;
  font-size: 20px;
  color: #fff;
  background: rgba(0, 0, 0, 0.65);
  border-radius: 20px;
  transform: translate(-50%, -50%);
  box-sizing: content-box;
  z-index: 10000002;
}
.toast-loading .loading {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10000001;
}
.toast-loading .loading .loading-cont {
  padding: 15px 24px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 360px;
  min-width: 160px;
  width: max-content;
  min-height: 160px;
  text-align: center;
  background: rgba(0, 0, 0, 0.65);
  border-radius: 10px;
  box-sizing: border-box;
}
.toast-loading .loading .loading-img {
  width: 50px;
  height: 50px;
  background-image: url("https://www.kaoyan365.cn/statics/images/icon/loading.gif");
  background-repeat: no-repeat;
  background-size: cover;
}
.toast-loading .loading .text {
  margin-top: 15px;
  line-height: 30px;
  font-size: 20px;
  color: #fff;
  
}
.toast-loading .loading-mask {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000001;
}




.banner{height: 600px;background:#fff url(../images/banner.jpg?v2) center no-repeat;background-size: cover;position: relative;}  
.banner .inner{height: 600px;position: relative;}
.ban1{position: absolute;top: 38px;left: 220px;}
.banner ul{position: absolute;display: flex;justify-content: space-between;left: 68px;bottom: 46px;width: 1064px;}
.banner ul li{width: 312px;height: 56px;line-height: 56px;background: url(../images/ban_li.png) center no-repeat;}
.banner ul li span{font-size: 27px;font-weight: bold;color: #e10604;padding-left: 70px;}

.ban_txt{font-weight: bold;color: #d4121a;padding-top: 26px;position: absolute;top: 80px;left: 285px;border-radius: 50%;background: #fff25c;width: 150px;height: 150px;z-index: 22;font-size: 34px;line-height: 50px;text-align: center;}
.ban_txt {font-size: 34px;}
.ban_txt strong{font-size: 38px;line-height: 40px;}

.ban_btn{display: block;width: 400px;height: 60px;line-height: 60px;text-align: center;border-radius: 30px;font-size: 32px;color: #b90916;border: 1px solid #fff;font-weight: bold;
  background: -webkit-linear-gradient(#fff7ed, #fcd49a); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#fff7ed, #fcd49a); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#fff7ed, #fcd49a); /* Firefox 3.6 - 15 */
  background: linear-gradient(#fff7ed, #fcd49a); /* 标准的语法 */
  box-shadow: 0 10px 5px #6549d1;
  position: absolute;bottom: 97px;left: 387px;
  animation-name: backto;/*关键帧名称*/
  animation-timing-function: ease-in-out;/*动画的速度曲线*/
  animation-iteration-count: infinite;/*动画播放的次数*/
  animation-duration:1s;/*动画所花费的时间*/

}







.pub_tit{font-size: 42px;color: #333333;font-weight: bold;text-align: center;line-height: 102px;}
.pub_tit span{color: #e10603;}

.pub_btn{display: block;width: 400px;height:60px;border-radius: 30px;font-size: 26px;font-weight: bold;text-align: center;color: #fff;line-height: 60px;margin: 0 auto;
  background: -webkit-linear-gradient(left,#ffa422, #ff5a00); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right,#ffa422, #ff5a00); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right,#ffa422, #ff5a00); /* Firefox 3.6 - 15 */
  background: linear-gradient(right,#ffa422, #ff5a00); /* 标准的语法 */
}
.pub_btn:hover{
  background: -webkit-linear-gradient(left,#ff5a00, #ffa422); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right,#ff5a00, #ffa422); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right,#ff5a00, #ffa422); /* Firefox 3.6 - 15 */
  background: linear-gradient(right,#ff5a00, #ffa422); /* 标准的语法 */
}
.pub_btn span{padding-right: 46px;background: url(../images/shou.gif) center right no-repeat;}

.m1{padding: 20px 0 0 0;}
.m1 .inner{position: relative;}


.m1_tit{background: url(../images/m1_tit.png) center bottom no-repeat;background-size: 708px;}

.m1_cont{display: flex;margin: 20px 0 40px;justify-content: space-between;}

.m1_item{width: 276px;height: 215px;text-align: center;}
.m1_item h2{font-size: 24px;line-height: 38px;color: #e10704;padding-top: 97px;}
.m1_item p{font-size: 18px;color: #333333;line-height: 42px;}


.m1_item1{background: url(../images/m1_item1.png) center no-repeat;}
.m1_item2{background: url(../images/m1_item2.png) center no-repeat;}
.m1_item3{background: url(../images/m1_item3.png) center no-repeat;}
.m1_item4{background: url(../images/m1_item4.png) center no-repeat;}


.m1_item2 h2,.m1_item4 h2{color: #e93903;}




.m2{padding: 20px 0 50px;}
.m2_tit{background: url(../images/m2_tit.png) center bottom no-repeat;background-size: 624px;}

.m2_cont{position: relative;margin: 20px 0 30px;height: 522px;background: url(../images/m2_cont.png) center no-repeat;display: flex;justify-content: space-between;}

.m2_cont_l{margin-top: 66px;}
.m2_cont_l h2{background: #e10604;width: 200px;height: 70px;line-height: 70px;border-radius: 0 35px 35px 18px;font-size: 36px;text-align: center;color: #fff;font-weight: bold;}
.m2_cont_l ul{}
.m2_cont_l ul li{width: 362px;display: flex;justify-content: flex-end;height: 52px;line-height: 52px;background: #fff;border-radius: 26px;margin: 30px 0 0 30px;text-align: right;font-size: 20px;color: #666666;}
.m2_cont_l ul li span{width: 52px;height: 52px;border-radius: 50%;line-height: 52px;text-align: center;background: #e10604;text-align: center;color: #fff;}


.m2_cont_r{margin-top: 66px;}
.m2_cont_r h2{margin-left: 192px;background: #fa5f13;width: 200px;height: 70px;line-height: 70px;border-radius: 35px 0 18px 35px;font-size: 36px;text-align: center;color: #fff;font-weight: bold;}
.m2_cont_r ul{}
.m2_cont_r ul li{display: flex;width: 362px;height: 52px;line-height: 52px;background: #fff;border-radius: 26px;margin: 30px 0 30px 0 ;text-align: left;font-size: 20px;color: #666666;}
.m2_cont_r ul li span{margin-right: 24px;width: 52px;height: 52px;border-radius: 50%;line-height: 52px;text-align: center;background: #fa5f13;text-align: center;color: #fff;}

.m2 .pub_btn{width: 460px;}



.m3{padding: 20px 0 50px;background:#fff1f1;}
.m3_tit{background: url(../images/m3_tit.png) center bottom no-repeat;background-size: 579px;}

.m3_cont{position: relative;display: flex;height: 414px;margin: 12px 0 30px;}

.m3_item{display: block;width: 147px;height: 156px;background: url(../images/m3_kuai1.png) center no-repeat;}
.m3_item:hover{background: url(../images/m3_kuai2.png) center no-repeat;}
.m3_item img{display: block;margin: 40px auto 0;}
.m3_item span{line-height: 42px;font-size: 20px;color: #666666;display: block;text-align: center;}
.m3_item:hover span{color: #e10604;}


.m3_item1{position: absolute;left: 68px;top: 0;}
.m3_item2{position: absolute;left: 218px;top: 0;}
.m3_item3{position: absolute;left: 372px;top: 0;}
.m3_item4{position: absolute;left: 525px;top: 0;}
.m3_item5{position: absolute;left: 680px;top: 0;}
.m3_item6{position: absolute;left: 830px;top: 0;}
.m3_item7{position: absolute;left: 982px;top: 0;}

.m3_item8{position: absolute;left: -6px;top: 126px;}
.m3_item9{position: absolute;left: 142px;top: 126px;}
.m3_item10{position: absolute;left: 294px;top: 126px;}
.m3_item11{position: absolute;left: 448px;top: 126px;}
.m3_item12{position: absolute;left: 601px;top: 126px;}
.m3_item13{position: absolute;left: 755px;top: 126px;}
.m3_item14{position: absolute;left: 908px;top: 126px;}
.m3_item15{position: absolute;left: 1060px;top: 126px;}

.m3_item16{position: absolute;left: 68px;top: 254px;}
.m3_item17{position: absolute;left: 218px;top: 254px;}
.m3_item18{position: absolute;left: 372px;top: 254px;}
.m3_item19{position: absolute;left: 525px;top: 254px;}
.m3_item20{position: absolute;left: 680px;top: 254px;}
.m3_item21{position: absolute;left: 830px;top: 254px;}
.m3_item22{position: absolute;left: 982px;top: 254px;}


.m3_item5 img,.m3_item8 img,.m3_item12 img{margin: 32px auto 0;}
.m3_item5 span,.m3_item8 span,.m3_item12 span{line-height: 26px;padding-top: 6px;}

.m3 .pub_btn{width: 380px;}





.m4{padding: 20px 0 0 0;background:url(../images/m4_bg.jpg) center bottom no-repeat;height: 462px;}
.m4_tit{background: url(../images/m4_tit.png) center bottom no-repeat;background-size: 676px;color: #ffee61;}
.m4_tit span{color: #fff;}
.m4_cont{display: flex;background: #fff1f1;border-radius: 20px;padding-bottom: 5px;margin: 20px 0 0 0;}
.m4_cont form{position: relative;}
.inputGroupWrap{display: flex;flex-wrap: wrap;width: 880px;padding-top: 5px;margin: 0 0 0 30px;border-radius: 5px;justify-content: space-between;}
.inputGroup{overflow: hidden;margin-top: 30px;}
.inputGroup input{display: block;width: 422px;line-height: 60px;height: 60px;padding: 0 30px;font-size: 20px;background: #fff;border-radius: 10px;}
.inputGroupYz{width: 422px;display: flex;background: #fff;border-radius: 5px;}
.inputGroupYz input{width: 277px;}
.yzBtnWrap{}
.yzBtn{width: 146px;background: #ff4849;line-height: 60px;height: 60px;border: none;text-align: center;color: #fff;font-size: 20px;}
.form_countdown{display: none;}
.formBtn{cursor: pointer;display: block;width: 234px;height: 82px;text-align: center;line-height: 82px;font-size: 28px;color: #fff;font-weight: bold;
  background: url(../images/form_btn.png) center no-repeat;
  position: absolute;right: -264px;top: 70px;
}

.policy1{display: flex;align-items: center; font-size: 16px;color: #666666;line-height: 80px;margin-left: 382px;}
.policy1 input{margin-right: 10px;}
.policy1 a{color: #f63117;}














.m5{padding: 20px 0 50px;}
.m5_tit{background: url(../images/m5_tit.png) center bottom no-repeat;background-size: 562px;}


.tab{width: 100%;}
.tab-hd {display: flex;justify-content: space-between;width: 508px;margin: 0 auto 30px;}
.tab-hd li{width:236px;text-align: center;color:#e10604; cursor:pointer;line-height: 70px;height: 70px;border-radius: 35px;font-size: 28px;color: #e10604;font-weight: bold;
  background: -webkit-linear-gradient(#fff1f1, #ffc5c4); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#fff1f1, #ffc5c4); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#fff1f1, #ffc5c4); /* Firefox 3.6 - 15 */
  background: linear-gradient(#fff1f1, #ffc5c4); /* 标准的语法 */
}
.tab-hd li.active{color: #fff;
  background: -webkit-linear-gradient(#fe1b1d, #e00603); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#fe1b1d, #e00603); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#fe1b1d, #e00603); /* Firefox 3.6 - 15 */
  background: linear-gradient(#fe1b1d, #e00603); /* 标准的语法 */
}
.tab-bd li{display:none;}

.m5_cont{display: flex;justify-content: space-between;margin: 20px 0 40px;}
.m5_table {border: 1px solid #ffc47e;border-radius: 10px;overflow: hidden;width: 100%;font-size: 18px;}
.m5_table table{width: 100%;border-collapse: collapse;text-align: center;}
.m5_table table tr th{height: 60px;font-size: 24px;color: #fff;border-right: 1px solid #ffc47e;border-bottom: 1px solid #ffc47e;
  background: -webkit-linear-gradient(#ffa627, #ff6004); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#ffa627, #ff6004); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#ffa627, #ff6004); /* Firefox 3.6 - 15 */
  background: linear-gradient(#ffa627, #ff6004); /* 标准的语法 */
}
.m5_table table tr td{height: 150px;font-size: 20px;color: #333333;border-right: 1px solid #ffc47e;border-bottom: 1px solid #ffc47e;}
.m5_table table tr td:last-child{border-right: none;}
.m5_table table tr th:last-child{border-right: none;}
/* .m5_cont table tr td p{width: 400px;margin: 0 auto;line-height: 32px;padding:20px 0;} */


.m5_table table tr td h2{font-size: 20px; color: #666666;}
.m5_table table tr td span{line-height: 30px;color: #666666;font-size: 18px;}


.level_item{display: flex;justify-content:center;margin-bottom: 16px;line-height: 28px;}
.level_item:last-child{margin-bottom: 0;}
.level_item i{margin-right: 10px;width: 80px;height: 28px;line-height: 28px;text-align: center;background: #ffe5e5;border-radius: 5px;color: #e10604;font-size: 18px;}
.level_item em{color: #666666;font-size: 18px;}

.fuwu_item{margin-bottom: 10px;}
.fuwu_item h3{margin-bottom: 5px;padding-left: 28px;background: url(../images/m5_dh.png) left center no-repeat;display: inline-block;line-height: 30px;color: #e10604;font-size: 18px;}
.fuwu_item p{width: 136px;height: 28px;line-height: 28px;text-align: center;border-radius: 14px;font-size: 16px;color: #666666;background: #fff6e9;margin: 0 auto 8px;}


.fuwu_list_wrap h3{line-height: 32px;font-size: 18px;color: #e10604;padding-left: 28px;background: url(../images/m5_dh.png) left center no-repeat;display: inline-block;}


.m5_table table tr td a{display: block;color: #fff;width: 178px;height: 50px;line-height: 50px;text-align: center;border-radius: 25px;background: #ff6d0a;margin: 0 auto;}

.m5_table table tr td a:hover{background: #ff1c1a;}



.m6{padding: 20px 0 50px;background: #fff1f1;}
.m6_tit{background: url(../images/m6_tit.png) center bottom no-repeat;background-size: 550px;}
.m6_cont{display: flex;justify-content: space-between;height: 315px;margin: 22px 0 40px;}

.m6_cont_l{width: 660px;background: #fff;border-radius: 20px;position: relative;}

.m6_cont_l h2{width: 110px;height: 54px;line-height: 54px;text-align: center;border-radius: 20px 0 20px 0;font-size: 24px;color: #fff;
  background: -webkit-linear-gradient(#fe1b1d, #e00603); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#fe1b1d, #e00603); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#fe1b1d, #e00603); /* Firefox 3.6 - 15 */
  background: linear-gradient(#fe1b1d, #e00603); /* 标准的语法 */
  position: absolute;left: 0;top: 0;z-index: 3;
}



.m6_cont_r{width: 510px;background: #fff;border-radius: 20px;position: relative;}
.m6_cont_r h2{width: 110px;height: 54px;line-height: 54px;text-align: center;border-radius: 20px 0 20px 0;font-size: 24px;color: #fff;
  background: -webkit-linear-gradient(#fe1b1d, #e00603); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#fe1b1d, #e00603); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#fe1b1d, #e00603); /* Firefox 3.6 - 15 */
  background: linear-gradient(#fe1b1d, #e00603); /* 标准的语法 */
  position: absolute;left: 0;top: 0;z-index: 3;
}

.m6_course{background: url(../images/m6_course.png) center no-repeat;width: 599px;height: 255px;margin: 32px auto 0;}
.m6_course ul{width: 450px;display: flex;justify-content: space-between;padding: 76px  0 0 0;margin: 0 auto;text-align: center;}
.m6_course ul li{line-height: 40px;font-size: 20px;color: #ff6d0a;width: 150px;}
.m6_course ol{width: 599px;display: flex;justify-content: space-between;padding: 27px  0 0 0;text-align: center;}
.m6_course ol li{line-height: 37px;font-size: 20px;color: #e10604;width: 150px;}


.m6_major{display: flex;padding: 20px 0 0 0;}
.m6_item{width: 225px;height: 275px;border-radius: 8px;overflow: hidden;margin-left: 20px;position: relative;}
.m6_item p{width: 100%;line-height: 52px;text-align: center;font-size: 24px;color: #333333;position: absolute;left: 0;bottom: 0;text-align: center;}





.layer_wrap{width: 100%;height: 100%;background-color: rgba(0,0,0,0.8);display: none;position: fixed;top: 0;left: 0;z-index: 999;}
.layer_cont{position: fixed;top: 50%;left: 50%;z-index: 200;width: 1200px; background: #fff;border-radius: 10px;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 20px 30px 40px;
}

.bd_nav{text-align: center;background: #fff;border-bottom: 1px solid #e10604;display: flex;}
.bd_nav span{height:60px;margin-top: 10px;border-radius: 20px 20px 0 0;background: #ffe6e6;margin-right: 20px;width:180px;font-size:24px;line-height:60px;color: #e10604; cursor: pointer; text-align: center;}
.bd_nav span.active{background: #e10604;font-weight: bold;color: #fff;height: 70px;line-height: 70px;margin-top: 0;}


.hd_item{display: none;}


.all_course_name{display: flex;flex-wrap: wrap;padding-top: 30px;}


.pub_course_item{margin-right: 28px;margin-bottom: 22px;width: 138px;height: 46px;line-height: 44px;text-align: center;border-radius: 8px;border: 1px solid #d0d0d0;font-size: 16px;color: #666666;}
.pub_course_item:nth-child(7n){margin-right: 0;}

.pub_course_item.on{border: 1px solid #e10604;color: #e10604;}



.course_detail{width: 1140px;background: #f6f6f6;height: 120px;border-radius: 20px;display: flex;}
.course_tit{width: 512px;margin-left: 58px;margin-top: 12px;}
.course_tit h2{color: #e10604;font-size: 20px;line-height: 56px;}
.course_tit p{font-size: 16px;color: #666666;line-height: 26px;}

.course_price{margin-top: 12px;width: 238px;}
.course_price h2{color: #e10604;font-size: 20px;line-height: 56px;}
.course_price p{font-size: 16px;color: #e10604;line-height: 26px;}
.go_buy{width: 180px;height: 60px;border-radius: 30px;text-align: center;line-height: 60px;color: #fff;font-weight: bold;font-size: 26px;
  background: -webkit-linear-gradient(left, #fd874e, #fa1514); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #fd874e, #fa1514); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #fd874e, #fa1514); /* Firefox 3.6 - 15 */
  background: linear-gradient(right, #fd874e, #fa1514); /* 标准的语法 */
  margin-top: 30px;
}
.go_buy:hover{
  background: -webkit-linear-gradient(left, #fa1514, #fd874e); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #fa1514, #fd874e); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #fa1514, #fd874e); /* Firefox 3.6 - 15 */
  background: linear-gradient(right, #fa1514, #fd874e); /* 标准的语法 */
}






.close_layer {position: absolute; top: 30px;right: 30px; background: url(../images/close_layer.png) center no-repeat; background-size: cover;width: 36px;height: 36px;cursor: pointer;}



#MANTIS_CHAT_INNER_DIV {display: none!important;}

/* #MANTIS-CHAT-DIV{display: none;} */

.fixSide{position: fixed;right: 0;top: 150px;z-index: 998;color: #ffec5f;width: 140px;height: 290px;background: url(../images/fixSide.png) center no-repeat;display: none;}
.fixSide .off2{position: absolute;top:-55px;left: 50px;cursor: pointer;}
.sideBox{text-align: center;}
.sideBox h2{font-size: 26px;color: #e10604;line-height: 50px;}
.sideBox ul{width: 120px;margin: 0 auto;}
.sideBox ul li{font-size: 18px;line-height: 38px;margin-top: 10px;}
.sideBox ul li a{color: #333333;}
.sideBox ul li:hover a{color: #e10604;font-weight: bold;}

















.free{width: 100%;height: 160px;}
.fixFoot{width: 100%;height: 160px;background: linear-gradient(to bottom,#ff9c52,#fa4b14);position: fixed;left: 0;bottom: 0;z-index: 998;}
.fixFoot .inner{position: relative;display: flex;}

.fix_guide{width: 204px;padding: 17px 0;margin-right: 43px;}
.fix_guide h2{line-height: 40px;font-size: 28px;color: #fff;text-align: center;margin-bottom: 8px;}
.fix_guide p{background: #fff;border-radius: 15px;line-height: 30px;text-align: center;font-size: 20px;color: #fb4c16;}

.fixFoot .codeBox{text-align: center;width: 150px;height: 182px;margin-top: -22px;position: relative;margin-right: 53px;}
.fixFoot .codeBox_spe{margin-right: 84px;}
.fixFoot .codeBox img{width: 150px;height: 150px;}
.fixFoot .codeBox p{font-size: 16px;color: #fff;background: #ff8a36;line-height: 32px}

.fixFoot .codeBox::before{content: "";width: 19px;height: 22px;background: url(../images/fix_sj1.png) center no-repeat;position: absolute;left: -19px;top: 0;}
.fixFoot .codeBox::after{content: "";width: 19px;height: 22px;background: url(../images/fix_sj2.png) center no-repeat;position: absolute;right: -19px;top: 0;}



.fixFoot .off{top: 10px;cursor: pointer;position: absolute;right: 10px;top: 14px} 


@keyframes backto{
  0% {
    transform: scale(1);/*开始为原始大小*/
}
50% {
    transform: scale(1.1);/*放大1.1倍*/
}
}





@keyframes backto1{
  0% {
    transform: scale(1);/*开始为原始大小*/
}
50% {
    transform: scale(1.1);/*放大1.1倍*/
}
}