@charset "utf-8";
*{margin:0;padding:0;outline:none;list-style:none;text-decoration:none;box-sizing: border-box; font-family:Microsoft YaHei,arial}
body,html {cursor:pointer;color:#333;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;max-width:750px;background: #FFFFFF;font-family:Microsoft YaHei,arial,;position: relative;font-size: .18rem;margin: 0 auto;text-align: center;}
body{overflow-x: hidden;}
img {border:none;max-width: 100%;width: auto\9;height: auto;-ms-interpolation-mode: bicubic;_width:auto;  }
input, textarea ,select{border:none;background:none;cursor:pointer;font-size:14px;vertical-align:middle;color:#333;}
select {border:inherit;background: inherit; }
a {text-decoration:none;color:#333; }
em, i {font-style:normal;  }
a:focus, input, select {outline:none;  }
.clearfix {*zoom:1; clear: both; }
.clearfix:after {content:"\200B"; display: block;clear: both;height: 0;  }
input[type="submit"], input[type="reset"], input[type="button"], button, select {-webkit-appearance: none;  }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{  padding: 0; margin: 0; font-size: 14px; line-height: 1.4;  }
p,ul, ol{ margin: 0;}
.clearfix {*zoom:1;}
.clearfix:after{content:"";display: block;height: 0;clear: both;visibility: hidden;}
.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;
}
.allCourse ol{width: 7.5rem!important;}
input::-webkit-input-placeholder{color: #333;} /* WebKit browsers */
input:-moz-placeholder{color: #333;} /* Mozilla Firefox 4 to 18 */
input::-moz-placeholder{color: #333;} /* Mozilla Firefox 19+ */
input:-ms-input-placeholder {color: #333;} /* 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;
}
.bgs{background-size: 100% 100%;background-repeat: no-repeat;}
.inner{width: 7.1rem;margin: 0 auto;}
.flex{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}

.banner{background: url("../images/banner.jpg") no-repeat top center;width: 100%;height: 6.49rem;background-size: cover;}
.banner .list{width: 6.98rem;margin: 0 auto;position: relative;top: 4.32rem;}
.banner .list .item{width: 1.5rem;height: .74rem;position: relative;}
.banner .list .item::before{content: "";position: absolute;width: 1.81rem;height: .29rem;background: url("../images/bg1.png") no-repeat;bottom: .09rem;left: -.16rem;background-size: cover;}

.banner .list .item .conBox{background: linear-gradient(0deg, #c9000b, #f90000);position: relative;width: 100%;height: 100%;border-radius: .1rem;margin-top: -.1rem;}
.banner .list .item .conBox h3{color: #fff;font-size: .24rem;height: .38rem;line-height: .38rem;}
.banner .list .item .conBox h4{width: 1.45rem;height: .36rem;margin: 0 auto;background: linear-gradient(0deg, #FFDC89 0%, #FFFFFF 100%);border-radius: 0px 0px .1rem .1rem;font-size: .2rem;line-height: .36rem;color: #ed0a02;}



.part1{background: url("../images/bg1.jpg") no-repeat top center;width: 100%;height: 7.7rem;background-size: cover;}
.part1 .twoBtn{width: 6.12rem;margin: .36rem auto 0;}
.part1 .twoBtn li{width: 5.8rem;height: .66rem;background: linear-gradient(0deg, #FF4E10 0%, #FFA14C 100%);box-shadow: 0px .05rem 0px 0px #D83B00, 0px .05rem .09rem 1px rgba(255,195,149,0.6);border-radius: .34rem;font-size: .26rem;color: #fff;font-weight: bold;line-height: .32rem;}
.part1 .twoBtn li.act{background: linear-gradient(0deg, #F00100 0%, #FF5E21 100%);box-shadow: 0px .05rem 0px 0px #B80000, 0px .05rem .09rem 1px #FFCCA3;color: #FFDE78;margin: 0 auto;}
.part1 .outer .classList .item{width: 100%;height: 100%;position: absolute;left: 0;top: 0;overflow: hidden;display: none;}
.part1 .outer .classList .item.on{display: block;}

.butter{background: url("../images/bg3.png") no-repeat;width: 2.02rem;height: 2.86rem;background-size: cover;}
.butter p{font-size: .15rem;color: #fff;padding-top: .54rem;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.butter b{font-size: .4rem;color: #ED0A02;display: block;margin: .3rem 0 .6rem;}
.butter a{display: block;width: 1.5rem;height: .42rem;line-height: .42rem;background: linear-gradient(0deg, #FFD3CC 0%, #FFFFFF 100%);
border-radius: .3rem;font-size: .24rem;color: #ED0A02;margin: 0 auto;font-weight: bold;}

.part2{background: url("../images/bg2.jpg") no-repeat top center;width: 100%;height: 10.15rem;background-size: cover;}
.part2 .twoClass{width: 6.3rem;margin: .32rem auto 0;align-items: flex-end;}
.part2 .twoClass li{width: 3rem;height: .6rem;background: linear-gradient(0deg, #FFC2C1 0%, #FFDCC9 100%);border-radius: .2rem .2rem 0px 0px;font-size: .24rem;text-align: center;line-height: .6rem;font-weight: bold;}
.part2 .twoClass li.on{height: .7rem;background: linear-gradient(0deg, #FF0803 0%, #FF4C48 100%);color: #fff;}
.part2 .item{width: 6.3rem;background: #fff;border-radius: 0 0 0.3rem .3rem;margin: 0 auto;padding: .22rem 0 .26rem;display: none;}
.part2 .item.on{display: block;}
.part2 .lineList{width: 5.86rem;border-left: 1px dashed #ffb9b4;margin: 0 auto 0;}
.part2 .lineList .cell{width: 100%;height: .7rem;display: flex;justify-content: space-between;align-items: center;}
.part2 .lineList .cell .txt{position: relative;width: 5.26rem;border-bottom: 1px dashed #e0e0e0;height: 100%;display: flex;align-items: center;margin-left: .18rem;color: #000;font-size: .2rem;white-space: nowrap;}
.part2 .lineList .cell .txt::before{content: "";position: absolute;background: url("../images/arrow2.png") no-repeat;width: .22rem;height: .22rem;left: -.29rem;top: .24rem;background-size: cover;}
.part2 .lineList .cell:last-child .txt{border-bottom: none;}

.part2 .lineList .cell a{width: .68rem;height: .44rem;line-height: .44rem;background: #FFEAE6;border-radius: .06rem;font-size: .22rem;color: #000;}
.part2 .dec{width: 6.2rem;height: 1.02rem;background: #FF4540;border-radius: .2rem;margin: .32rem auto 0;font-weight: bold;font-size: .22rem;color: #fff;line-height: .34rem;display: flex;align-items: center;justify-content: center;}

.part3{background: url("../images/bg3.jpg") no-repeat top center;width: 100%;height: 19.93rem;background-size: cover;}
.part3 .in .classList{height: auto;}
.swiper_class{width: 6.1rem;height: 3.66rem;overflow: hidden;border-radius: .1rem;margin: 0 auto;}
.swiper_class img{width: 6.1rem;height: 3.66rem;}
.part3 .whiteBg{background: #fff;border-radius: .2rem;padding-bottom: .4rem;}

.part3 .titBox{display: flex;margin-top: .42rem;}
.part3 .titBox h4{font-size: .32rem;color: #fff;width: 2.54rem;height: .7rem;background: linear-gradient(0deg, #c8030b 0%, #fa0000 100%);border-radius: 0px .35rem .35rem 0px;line-height: .7rem;}
.arrowBox{width: 1.26rem;margin-left: 2.7rem;}
.arrowBox span{width: .48rem;height: .48rem;background: #FFCDBB;border-radius: 50%;text-align: center;line-height: .48rem;color: #fff;font-weight: bold;font-size: .3rem;}
.arrowBox span:hover{background: linear-gradient(to bottom,#f90000,#c8030b);}


.part3 .item{width: 6.36rem;margin: .24rem auto 0;overflow: hidden;}

.imgBg{width: 3.05rem;background: #fff;border-radius: .1rem;overflow: hidden;}
.part3 .item img{width: 3.05rem;height: 1.7rem;}


.part3 .item .txt{width: 100%;height: .8rem;background: #fff;border-radius: 0 0 .1rem .1rem;padding-left: .28rem;padding-right: .14rem;}
.part3 .item .txt h4{font-size: .3rem;color: #FF0903;}
.part3 .item .txt a{width: 1.32rem;height: .5rem;line-height: .5rem;background: linear-gradient(-90deg, #c9030b 0%, #fa0000 100%);border-radius: .12rem;font-size: .24rem;color: #fff;font-weight: bold;}

.part4{background: url("../images/bg4.jpg") no-repeat top center;width: 100%;height: 6.84rem;background-size: cover;}
.part4 .title{padding: 0 1.4rem;}


.part4 .subject{width: 6.24rem;margin: .22rem auto 0;}
.part4 .subject li{width: 1.34rem;height: .6rem;background: linear-gradient(0deg, #c8030b 0%, #fa0000 100%);border-radius: .1rem;font-size: .28rem;color: #fff;line-height: .6rem;text-align: center;}
.part4 .subject li b{background: url(../images/icon7.png) no-repeat left center;background-size: .31rem;padding-left: .4rem;}
.part4 .subject li:nth-child(2) b{background-image: url(../images/icon8.png);background-size: .28rem;}
.part4 .subject li:nth-child(3) b{background-image: url(../images/icon9.png);background-size: .33rem;}
.part4 .subject li:nth-child(4) b{background-image: url(../images/icon10.png);background-size: .28rem;}
.part4 .swiperBox{width: 6.24rem;margin: .3rem auto 0;overflow: hidden;}
.part4 .swiperBox img{width: 3rem;}

.part4 .swiperBox .toBuy,
.form_submit{display: block;width: 2.84rem;height: .6rem;line-height: .6rem;text-align: center;background: linear-gradient(0deg, #c8030b 0%, #fa0000 100%);
border-radius: .3rem;margin: .26rem auto;color: #fff;font-size: .3rem;font-weight: bold;}

.part4 .swiper-pagination-bullet{width: .2rem;height: .2rem;background: #ff9c7d;opacity: 1;}
.part4 .swiper-pagination-bullet-active{width: .5rem;transition: .3s;background: #ff470f;border-radius: .3rem;}
.part4 .swiperBox .swiper{height: 3.1rem;position: relative;}
.part4 .swiperBox .swiper-pagination{bottom: 0;}







.title{background: url("../images/tit.png") no-repeat;width: 7.1rem;height: .89rem;margin: 0 auto;display: flex;padding: 0 .5rem;display: flex;justify-content: space-between;background-size: cover;}
.title h3{font-size: .24rem;color: #fff;line-height: 1.02rem;}
.title .cir{background: url("../images/cir1.png") no-repeat;width: 1.47rem;height: .58rem;position: relative;top: .25rem;background-size: cover;}
.title .cir img{position: absolute;left: 1.02rem;top: .112rem;width: .29rem;}



.outer{background: linear-gradient(0deg, #f20102 0%, #da030b 100%);box-shadow: 0px .05rem .07rem -1px rgba(199,9,10,0.93) inset;border-radius: .2rem;border: .04rem solid #f6eb00;padding: .2rem 0 .36rem;}
.outer .in{width: 6.74rem;background: #FFF2EB;border-radius: .2rem;border: .02rem solid #FFC987;margin: 0 auto;padding-bottom: .36rem;position: relative;}
.outer .in h3{font-size: .24rem;padding-top: .3rem;line-height: .42rem;}
.outer .in h3 em{color: #ed0902;}
.outer .classList{width: 6.24rem;height: 2.86rem; margin:.28rem auto 0;position: relative;}
.outer .classList .slideBtn{width: .56rem;height: .7rem;background: #D0D0D0;border-radius: 0px .1rem .1rem 0px;display: flex;align-items: center;justify-content: center;position: absolute;left: -.64rem;top: 1.14rem;}
.outer .classList .slideBtn span{background: url("../images/arrow1.png") no-repeat;width: .22rem;height: .3rem;background-size: cover;}
.outer .classList .slideBtn.next{right: -.64rem;left: auto;transform: rotate(-180deg);}
.outer .classList .slideBtn:hover{background: #ffc513;}








/* -webkit-text-stroke:9px transparent;background:#fff;-webkit-background-clip: text; */
/* 移入放大 */
#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: 46%;
    left: 50%;
    padding: 0.32rem 0.37rem;
    max-width: 3rem;
    min-width: 1.8rem;
    width: max-content;
    line-height: 0.36rem;
    text-align: center;
    font-size: 0.26rem;
    color: #fff;
    background: rgba(0, 0, 0, 0.65);
    border-radius: 0.2rem;
    transform: translateX(-50%);
    box-sizing: content-box;
    z-index: 3002;
  }
  .toast-loading .loading {
    display: none;
    position: fixed;
    top: 44%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3001;
  }
  .toast-loading .loading .loading-cont {
    padding: 0.32rem 0.37rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 3.6rem;
    min-width: 2.4rem;
    width: max-content;
    min-height: 2.4rem;
    text-align: center;
    background: #4c4c4c;
    border-radius: 0.1rem;
    box-sizing: border-box;
  }
  .toast-loading .loading .loading-img {
    width: 0.72rem;
    height: 0.72rem;
    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: 0.28rem;
    line-height: 0.34rem;
    font-size: 0.24rem;
    color: #fff;
  }
  .toast-loading .loading-mask {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3001;
  }