/* 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{-webkit-transition:all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}


input::-webkit-input-placeholder{color: #ccc;} /* WebKit browsers */
input:-moz-placeholder{color: #ccc;} /* Mozilla Firefox 4 to 18 */
input::-moz-placeholder{color: #ccc;} /* Mozilla Firefox 19+ */
input:-ms-input-placeholder {color: #ccc;} /* 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: 688px;background:#fff url(../images/banner.jpg?v1) center no-repeat;background-size: cover;position: relative;}  
.banner .inner{height: 688px;position: relative;}
.ban1{position: absolute;top: 40px;left:128px;}

.ban2{background: url(../images/ban2.png) center no-repeat;
  width: 794px;height: 86px;line-height: 86px;font-size: 45px;color: #ffe84e;font-weight: bold;text-align: center;position: absolute;left: 220px;top: 440px;}
.ban_wrap{width: 920px;display: flex;justify-content: space-between;position: absolute;left: 140px;top: 576px;}
.ban_item{box-shadow: 0 15px 15px #1d43ea;overflow: hidden;border-radius: 8px;width: 160px;height: 56px;line-height: 56px;background: url(../images/ban_item1.png) center no-repeat;font-size: 28px;color: #333333;text-align: center;font-weight: bold;}
.ban_item:hover{background: url(../images/ban_item2.png) center no-repeat;}

.pub_tit{position: relative;z-index: 2;;width: 574px;height: 100px;margin: 0 auto;font-size: 42px;color: #fff;font-weight: bold;text-align: center;line-height: 86px;display: flex;background: url(../images/pub_tit.png) center top no-repeat;}
.pub_tit i{width: 296px;line-height: 77px;margin-top: 8px;}
.pub_tit strong{color: #1500d2;margin-top: 3px;}
.pub_tit span{color: #ff4e28;margin-top: 3px;text-shadow: 3px 3px 0 #fff;padding: 0 10px;}

.pub_btn{display: block;width: 380px;height:60px;border-radius: 30px;font-size: 24px;font-weight: bold;text-align: center;color: #fff;line-height: 60px;margin: 0 auto;
  background: -webkit-linear-gradient(#88f17f, #1cc564); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#88f17f, #1cc564); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#88f17f, #1cc564); /* Firefox 3.6 - 15 */
  background: linear-gradient(#88f17f, #1cc564); /* 标准的语法 */
}
.pub_btn:hover{
  background: -webkit-linear-gradient(#feb837, #ff9601); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#feb837, #ff9601); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#feb837, #ff9601); /* Firefox 3.6 - 15 */
  background: linear-gradient(#feb837, #ff9601); /* 标准的语法 */
}


.m1{background: url(../images/m1_bg.jpg) center top no-repeat;height: 708px;}
.m1_cont{background: url(../images/m1_cont.png) center no-repeat;height: 599px;background-size: contain;margin-top: -50px;display: grid;}
.m1_course{display: flex;background: #3a3565;border-radius: 20px;border: 2px solid #bfbfbf;width: 908px;height: 397px;margin: 108px 0 0 220px;position: relative;}
.m1_detail{width: 584px;background: url(../images/m1_line.png) 79px 370px no-repeat;}
.m1_detail h2{width: 298px;height: 50px;line-height: 50px;text-align: center;border-radius: 25px;font-size: 26px;color: #3a3565;background: #fff;margin: 63px 0 0 166px;}
.m1_detail h3{color: #fff;font-size: 30px;line-height: 56px;margin: 18px 0 0 125px;width: 372px;text-align: center;}
.m1_detail p{font-size: 26px;color: #fff;line-height: 60px;text-align: center;width: 372px;margin-left: 125px;margin-bottom: 22px;}
.m1_detail a{display: block;width: 260px;height: 66px;line-height: 66px;text-align: center;border-radius: 33px;font-size: 30px;font-weight: bold;color: #fff;
  background: -webkit-linear-gradient(left, #ae30fb , #0a5df2); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #ae30fb, #0a5df2); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #ae30fb, #0a5df2); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #ae30fb , #0a5df2); /* 标准的语法 */
  margin-left: 182px;
}
.m1_detail a:hover{color: #ffe63a;
  background: -webkit-linear-gradient(left, #0a5df2 , #ae30fb); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #0a5df2, #ae30fb); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #0a5df2, #ae30fb); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #0a5df2 , #ae30fb); /* 标准的语法 */
}


.m1_course ul{width: 324px;background: #555271;border-radius: 0 20px 20px 0;color: #fff;padding: 14px 0 0 0;}
.m1_course ul li{width: 262px;border-bottom: 1px dashed #9290a8;height: 92px;margin-left: 30px;}
.m1_course ul li:last-child{border-bottom: none;}

.m1_course ul li h2{font-size: 24px;line-height: 32px;padding-top: 15px;}
.m1_course ul li p{font-size: 18px;line-height: 30px;}
.m1_code_wrap{position: absolute;}
.m1_code{display: block;width: 130px;height: 130px;margin-bottom: 20px;margin-left: 94px;}
.m1_jt{display: block;width: 47px;height: 51px;position: absolute;left: 36px;top: 79px;}
.m1_code_wrap h2{width: 280px;height: 56px;line-height: 52px;border-radius: 28px;text-align: center;font-size: 22px;border: 2px solid #fff;color: #fff;background: #1e0bd1;}

.m1_code_wrap1{left: -153px;top: -25px;}
.m1_code_wrap2{left: -153px;top: 216px;}
.m1_code_wrap2 h2{background: #b20000;}

.m1List{height: 390px;overflow-y: auto;}

.m2{background: url(../images/m2_bg.jpg) center top no-repeat;height: 1336px;}
.m2_cont{background: url(../images/m2_cont.png) center no-repeat;height: 1229px;background-size: contain;margin-top: -50px;padding: 52px 0 0 30px;}
.m2_item_tit{height: 70px;line-height: 70px;color: #fff;font-size: 32px;font-weight: bold;width: 252px;text-align: center;border-radius: 0 35px 35px 0;
  background: -o-linear-gradient(#ad30fb, #0f5bf3); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#ad30fb, #0f5bf3); /* Firefox 3.6 - 15 */
  background: linear-gradient(#ad30fb, #0f5bf3); /* 标准的语法 */

}
.m2_item_tit span{color: #ffe94f;}
.m2_item_tit1{width: 278px;}
.m2_item_tit2{width: 450px;}

.mySwiper{width: 1082px;margin: -70px auto 0;overflow: hidden;position: relative;padding-top: 96px;margin-bottom: 36px;}
.mySwiper .swiper-slide{width: 340px;height: 250px;background: #fff;overflow: hidden;border-radius: 10px;}
.mySwiper .swiper-button-next{background: url(../images/m2_jt.png) center no-repeat;width: 40px;height: 40px;top:50px;right: 0;}

.m2_item_bot{display: flex;background: #fff;height: 80px;justify-content: space-between;}
.m2_item_bot strong{font-size: 32px;color: #ff4e28;line-height: 80px;margin-left: 28px;}
.m2_item_bot a{width: 160px;height: 50px;line-height: 50px;text-align: center;border-radius: 10px;font-size: 26px;font-weight: bold;color: #fff;
  background: -webkit-linear-gradient(left, #ae30fb , #0a5df2); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #ae30fb, #0a5df2); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #ae30fb, #0a5df2); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #ae30fb , #0a5df2); /* 标准的语法 */
  margin-right: 15px;margin-top: 15px;
}
.m2_item_bot a:hover{color: #ffe63a;
  background: -webkit-linear-gradient(left, #0a5df2 , #ae30fb); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #0a5df2, #ae30fb); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #0a5df2, #ae30fb); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #0a5df2 , #ae30fb); /* 标准的语法 */

}



.m3{background: url(../images/m3_bg.jpg) center top no-repeat;height: 689px;}
.m3_cont{background: url(../images/m3_cont.png) center no-repeat;height:582px;background-size: contain;margin-top: -50px;}
.m3_tab_wrap{display: flex;width: 1080px;margin: 0 auto;padding-top: 94px;justify-content: space-between;}

.m3_tab_wrap .tab{width: 525px;height: 420px;background: url(../images/m3_item.png) center top no-repeat;}
.m3_tab_wrap .tab-hd{display: flex;height: 70px;margin-top: -10px;}
.m3_tab_wrap .tab-hd li{display: grid;line-height: 60px;margin-top: 10px;font-size: 30px;color: #fff;width: 175px;text-align: center;}
.m3_tab_wrap .tab-hd li:nth-child(1) {border-radius: 10px 0 0 0;}
.m3_tab_wrap .tab-hd li:nth-child(3) {border-radius: 0  10px 0 0;}
.m3_tab_wrap .tab-hd li.active{line-height: 70px;font-size: 30px;font-weight: bold;height: 70px;margin-top: 0;border-radius: 10px 10px 0 0;
  background: -webkit-linear-gradient(#fe2870, #7143fc); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#fe2870, #7143fc); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#fe2870, #7143fc); /* Firefox 3.6 - 15 */
  background: linear-gradient(#fe2870, #7143fc); /* 标准的语法 */
}
.m3_tab_wrap .tab-bd>li{display: none;position: relative;height: 360px;padding-top: 18px;}
.m3_tab_wrap .tab-bd>li h2{padding-left: 32px;background: url(../images/m3_star.png) left center no-repeat;line-height: 52px;margin: 0 0 0 28px;}
.m3_tab_wrap .tab-bd>li p{line-height: 36px;font-size: 18px;color: #333333;margin: 0 0 0 28px;}
.m3_tab_wrap .tab-bd>li p span{color: #fb2b6b;font-weight: bold;}
.m3_tab_wrap .tab-bd>li h3{line-height: 72px;font-weight: normal;color: #5e2eff;font-size: 30px;margin-left: 28px;margin-bottom: 8px;}
.m3_tab_wrap .tab-bd>li h3 strong{color: #ff4e28;}
.m3_tab_wrap .tab-bd>li a{display: block;width: 300px;height: 66px;line-height: 66px;text-align: center;border-radius:33px;font-size: 30px;font-weight: bold;color: #fff;margin: 0 auto;
  background: -webkit-linear-gradient(left, #ae30fb , #0a5df2); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #ae30fb, #0a5df2); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #ae30fb, #0a5df2); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #ae30fb , #0a5df2); /* 标准的语法 */
}


.juan{position: absolute;right: 30px;top: 53px;}

.m4{background: url(../images/m4_bg.jpg) center top no-repeat;height: 682px;}
.m4_cont{background: url(../images/m4_cont.png) center no-repeat;height:576px;background-size: contain;margin-top: -50px;padding-top: 153px;padding-left: 60px;}
.m4_cbg{width: 1078px;height: 354px;background: #fff;border-radius: 10px;position: relative;}
.m4xxk{width: 505px;height: 70px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.m4xxk li{width: 242px;height: 60px;line-height: 60px;text-align: center;font-size: 30px;color: #fff;border-radius: 10px 10px 0 0;background: linear-gradient(to bottom,#ad31fb,#095ef2);}
.m4xxk li.act{height: 70px;line-height: 70px;margin-top: -10px;background: linear-gradient(to bottom,#fd2871,#6f43fe);}
.m4xxk{position: relative;top: -60px;}
.m4Nr{width: 1080px;height: 350px;position: absolute;top: 0;left: 0;padding: 30px;}
.m4NrI2LP1{font-size: 30px;color: #333;font-weight: bold;}
.m4NrI2LP1 span{color: #5d2dfe;padding-left: 20px;}
.m4NrI2LXxk{width: 500px;display: flex;flex-wrap: wrap;justify-content: space-between;padding-top: 30px;}
.m4NrI2LXItem{position: relative;}
.m4NrI2LXItem>a{display: block;width: 70px;height: 38px;text-align: center;border: 1px #220ddf solid;line-height: 38px;margin-right: 13px;margin-bottom: 20px;border-radius: 5px;position: relative;}
.m4NrI2LXItem>a::before{content: '';width: 14px;height: 10px;background: url(../images/sj.png) no-repeat center;opacity: 0;position: absolute;bottom: -10px;left: 50%;transform: translate(-50%,0);}
.m4NrI2LXItem>a:hover,.m4NrI2LXItem.act>a{background: linear-gradient(to bottom,#772eff,#240ee0);color: #fff;}
.m4NrI2LXItem.act>a::before{opacity: 1;}
.m4NrI2LXIMask{width: 520px;height: 256px;background: #fff;box-shadow: 0 0 5px #999;position: absolute;left: -92px;top: 58px;z-index: 99;border-radius: 10px;display: none;}
.areaFBotm{font-size: 16px;color: #333;padding-top: 22px;}
.areaFBotm span{color: #3719e6;}
.areaFBox{width: 460px;margin:  0 auto;display: flex;flex-wrap: wrap;justify-content: space-between;}
.areaFItem{width: 215px;height: 42px;line-height: 42px;background: #efecff;border-radius: 5px;overflow: hidden;padding-left: 20px;position: relative;text-align: left;}
.yzBtnWrap{width: 76px;height: 42px;position: absolute;right: 0;top: 0;}
.yzBtn{width: 76px;height: 42px;line-height: 42px;background: #406bfb;color: #fff;border: none;}
.form_countdown{display: none;}
.form_submit{width: 260px;height: 42px;line-height: 42px;text-align: center;color: #fff;background: linear-gradient(to right,#fe296f,#6e42ff);border-radius: 50px;margin: 22px auto;border: none;display: block;}
.areaForm{text-align: center;padding-top: 30px;position: relative;}
.areaFormClose{width: 16px;height: 14px;background: url(../images/close.png) no-repeat center;position: absolute;right: 10px;top:10px;}
.m4NrI2Right{float: right;width: 474px;}
.m4NrI2Left{float: left;}
.m4NrI2RBotm{width: 473px;height: 106px;background: linear-gradient(to bottom,#5a72fe,#095df2);border-radius: 20px;display: flex;flex-wrap: wrap;justify-content: space-between;padding: 27px 27px 0 27px;}
.m4NrI2RBItem{width: 120px;height: 50px;padding-left: 60px;color: #fff;font-size: 20px;font-weight: bold;}
.m4NrI2RBItem:nth-child(1){background: url(../images/m4NrI2RBItem1.png) no-repeat left center;}
.m4NrI2RBItem:nth-child(2){background: url(../images/m4NrI2RBItem2.png) no-repeat left center;}
.m4NrI2RBItem:nth-child(3){background: url(../images/m4NrI2RBItem3.png) no-repeat left center;}
.m4NrI2RTop{width: 476px;height: 240px;border: 2px #fff solid;overflow: hidden;background: #fff;border-radius: 10px;margin-top: -93px;margin-bottom: 30px;box-shadow: 0 0 5px #999;}
.mySwiper3{position: relative;}
.m4NrI1LTop{text-align: center;display: flex;flex-wrap: wrap;justify-content: left;width: 510px;}
.m4NrI1LTop p{width: 150px;height: 48px;border: 1px #782eff solid;text-align: center;font-size: 22px;color: #333;border-radius: 50px;line-height: 48px;margin-right: 20px;margin-top: 30px;}
.m4NrI1LBotm{display: flex;flex-wrap: wrap;justify-content: space-between;width: 510px;padding-top: 30px;}
.m4NrI1LBotm a{width: 240px;height: 66px;line-height: 66px;text-align: center;display: block;font-size: 26px;color: #fff;background: linear-gradient(to bottom,#1ac9f0,#095df2);border-radius: 50px;}
.m4NrI1LBotm a:hover{background: linear-gradient(to bottom,#fd2871,#6f43fe);}
.mySwiper4{position: relative;}
.m4NrI1RTop{width: 475px;height: 294px;margin-top: -160px;margin-bottom: 50px;}
.myS4Nr{height: 294px;position: relative;}
.myS4Nr::before{content: '';width: 473px;height: 236px;background: #fff;border-radius: 10px;position: absolute;bottom: -12px;left: 0;}
.mySwiper4{overflow: hidden;}
.myS4NrLeft{width: 286px;float: left;padding-top: 86px;position: relative;z-index: 999;padding-left: 28px;}
.myS4NrLaoshi{float: right;z-index: 999;position: relative;border-radius: 0 0 10px 0;}
.myS4NrLName{font-size: 28px;color: #230ddf;font-weight: bold;}
.myS4NrLBri{font-size: 16px;color: #25222b;line-height: 29px;padding-top: 10px;}
.m4NrItem{height: 0;overflow: hidden;}


.m5{background: url(../images/m5_bg.jpg) center top no-repeat;height: 676px;}
.m5_cont{background: url(../images/m5_cont.png) center no-repeat;height:549px;background-size: contain;margin-top: -50px;}
.m5_item_wrap{display: flex;width: 1080px;justify-content: space-between;margin: 0 auto;padding-top: 84px;}
.m5_item{width: 240px;height: 60px;line-height: 60px;text-align: center;color: #fff;font-weight: bold;font-size: 28px;border-radius: 30px;
  background: -webkit-linear-gradient(#af31fb, #0c5df2); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#af31fb, #0c5df2); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#af31fb, #0c5df2); /* Firefox 3.6 - 15 */
  background: linear-gradient(#af31fb, #0c5df2); /* 标准的语法 */
}
.m5_item span{padding-left: 45px;background: url(../images/m5_icon1.png) left center no-repeat;}
.m5_item:nth-child(2) span{background: url(../images/m5_icon2.png) left center no-repeat;}
.m5_item:nth-child(3) span{background: url(../images/m5_icon3.png) left center no-repeat;}
.m5_item:nth-child(4) span{background: url(../images/m5_icon4.png) left center no-repeat;}

.mySwiper2{width: 1080px;margin: 30px auto;overflow: hidden;position: relative;}
.mySwiper2 .swiper-slide{width: 340px;height: 318px;overflow: hidden;border-radius: 10px;}
.mySwiper2 .swiper-slide img{display: block;width: 340px;height: 190px;border-radius: 15px;}
.mySwiper2 .swiper-slide a{display: block;width: 282px;height: 66px;line-height: 66px;text-align: center;color: #fff;font-weight: bold;font-size: 30px;border-radius: 34px;
  background: -webkit-linear-gradient(left,#b231fb, #fa2974); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #b231fb, #fa2974); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #b231fb, #fa2974); /* Firefox 3.6 - 15 */
  background: linear-gradient(right, #b231fb, #fa2974); /* 标准的语法 */
  margin: 26px auto 0;
}
.mySwiper2 .swiper-slide a:hover{
  background: -webkit-linear-gradient(left, #fa2974, #b231fb); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #fa2974, #b231fb); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #fa2974, #b231fb); /* Firefox 3.6 - 15 */
  background: linear-gradient(right, #fa2974, #b231fb); /* 标准的语法 */
}


.mySwiper2 .swiper-pagination-bullet,.mySwiper3 .swiper-pagination-bullet,.mySwiper4 .swiper-pagination-bullet{background: #8a7def;opacity: 1;width: 10px;border-radius: 2px;height: 4px;}
.mySwiper2 .swiper-pagination-bullet-active,.mySwiper3 .swiper-pagination-bullet-active,.mySwiper4 .swiper-pagination-bullet-active{background: #230de0;width: 24px;}



.fixSide{background: url(../images/side.png) center no-repeat;width: 146px;height: 442px;position: fixed;left: 20px;top: 150px;text-align: center;z-index: 9999;color: #fff;}
.fixSide .off2{position: absolute;top:-10px;left:60px;cursor: pointer;}
.sideBox{margin: 0 auto;}
.sideBox ul{overflow: hidden;width: 132px;margin: 0 auto;padding-top: 40px;}
.sideBox ul li{height: 44px;margin-bottom: 30px;overflow: hidden;line-height: 44px;}
.sideBox ul li:last-child{margin-bottom: 0;}
.sideBox ul li a{display: block;height: 44px;line-height:44px;text-align: center;color: #fff;font-size: 20px;}
.sideBox ul li a:hover{font-weight: bold;color: #f9dd2f;font-weight: bold;}

.sideBox ul li.current a{font-weight: bold;color: #f9dd2f;font-weight: bold;}

.fixSide .goTop{font-size: 16px;text-align: center;cursor: pointer;width: 65px;line-height: 34px;margin:9px 0 0 28px;}