@charset "utf-8";
/*开始颜色,中间颜色,结束颜色,开始方向 ,结束方向,ie执行方向(0从上到下,1从左到右)*/
/*这个注释能生效*/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -moz-user-select: none;
  /*火狐*/
  -webkit-user-select: none;
  /*webkit浏览器*/
  -ms-user-select: none;
  /*IE10*/
  -khtml-user-select: none;
  /*早期浏览器*/
  user-select: none;
}
.block{
    width: 1100px;
    margin: 0 auto;
  padding-top: 56px;
  padding-bottom: 80px;
}
table {
  width: 100%;
}
.bg{
    background: #f6f6f6;
}
/*表单*/

/*.frombg{*/
/*  height: 134px;*/
/*  background: url("../images/frombg.png") no-repeat;*/
/*  padding-top: 20px;*/
/*  margin-top: 30px;*/
/*}*/
/*.from {*/
/*  display: flex;*/
/*  justify-content: space-between;*/
/*  align-items: center;*/
/*  margin: 0 66px 0 300px;*/
/*}*/
/*.from input, .from select {*/
/*  width: 194px;*/
/*  height: 62px;*/
/*  -webkit-border-radius: 31px;*/
/*  -moz-border-radius: 31px;*/
/*  border-radius: 31px;*/
/*  background: #fff;*/
/*  font-size: 20px;*/
/*  text-indent: 34px;*/
/*    color: #343434;*/
/*    background: #feffd5;*/
/*}*/
/*.from select {*/
/*  width: 194px;*/
/*    -webkit-border-radius: 6px;*/
/*    -moz-border-radius: 6px;*/
/*    border-radius: 6px;*/
/*  appearance: none;*/
/*  -moz-appearance: none;*/
/*  -webkit-appearance: none;*/
/*  background: #feffd5 url(../images/selectR.png) no-repeat calc(100% - 20px) center;*/
/*  color: #343434;*/
/*}*/
/*.from input::-webkit-input-placeholder{*/
/*  color: #343434;*/
/*}*/
/*.from input::-ms-input-placeholder{*/
/*  color: #343434;*/
/*}*/
/*.from input::-moz-placeholder{*/
/*  color: #343434;*/
/*}*/
/*.submit {*/
/*  width: 98px;*/
/*  height: 102px;*/
/*  background: url("../images/submit.png") no-repeat center;*/

/*}*/


/*表单 end*/

.btn {
    width: 450px;
    height: 80px;
    line-height: 80px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    background: #19c29b;
  margin: 76px auto 0;
  text-align: center;
    font-size: 24px;
  color: #ffffff;
  cursor: pointer;
}
.btn_sty{
    line-height: 70px;
}
.btn span{
    color: #ff6e04;
    text-shadow: #FFF 2px 0 0, #FFF 0 2px 0, #FFF -2px 0 0, #FFF 0 -2px 0;
    font-size: 40px;
}
.btn span i{
    font-style: inherit;
    font-size: 28px;
}
.tit {
  font-size: 92px;
  color: #e0e0e0;
  text-align: center;
  font-weight: 700;
  position: relative;
  line-height: 100%;
}
.tit p {
  font-size: 40px;
  color: #424c5b;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 0;
}
.tit p span {
  color: #1ac39b;
}
.tit div {
  text-align: center;
  font-size: 20px;
  color: #979797;
  margin-top: -30px;
}
.banner img {
  display: block;
  min-width: 1100px;
  max-width: 100%;
  margin: 0 auto;
}
/*名师领跑*/
.teapic{
  -webkit-border-radius: 11px 11px 0 0;
  -moz-border-radius: 11px 11px 0 0;
  border-radius: 11px 11px 0 0;
  -webkit-box-shadow: 0  3px 18px rgba(98,168,10,.17);
  -moz-box-shadow: 0  3px 18px rgba(98,168,10,.17);
  box-shadow: 0  3px 18px rgba(98,168,10,.17);
  overflow: hidden;
  margin-top: 42px;
}
.teapic dd{
  width: 50%;
  background: #fff;
  height: 92px;
  float: left;
  text-align: center;
  font-size: 26px;
  color: #19c29b;
  line-height: 92px;
}
.teapic .teapic_active{
  background: #19c29b;
  color: #fff;
}
.tea_table{
  font-size: 18px;
  text-align: center;
  color: #333;
}
.tea_table li{
    display: none;
}
.tea_table li:first-of-type{
    display: block;
}


.tea_table th{
  height: 90px;
  border-bottom: 1px solid #bfbfbf;
  font-weight: 500;
}
.tea_table td{
  height: 88px;
  border-bottom: 1px #bfbfbf dashed;
}
.tea_table td p{
  height: 30px;
  line-height: 30px;
  border-left: 3px solid #333;
  margin-left: 48px;
  text-align: left;
  padding-left: 8px;
}
.tea_table td a{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 134px;
  height: 42px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  background: #333;
  font-size: 20px;
  color: #fff;
  margin: 0 auto;
}
.tea_table tr:hover td{
  color: #ffac13;
}
.tea_table tr:hover td p{
  border-left-color:#ffac13 ;
}
.tea_table tr:hover td a{
  background: #ffac13;
}
.hongbao{
    display: block;
    max-width: 100%;
    margin: 30px auto;
}
.tab_shadow{
    -webkit-border-radius: 0 0 11px 11px;
    -moz-border-radius: 0 0 11px 11px;
    border-radius: 0 0 11px 11px;
    -webkit-box-shadow: 0  3px 18px rgba(119,119,119,.17);
    -moz-box-shadow: 0  3px 18px rgba(119,119,119,.17);
    box-shadow: 0  3px 18px rgba(119,119,119,.17);
    padding-bottom: 1px;
}

/*疫情对2021考研有哪些影响*/
.inf_list{
    display: flex;
    justify-content: space-between;
    margin-top: 62px;
}
.inf_list li{
    width: 260px;
    height: 297px;
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
    background: #fff;
    -webkit-box-shadow: 0 3px 16px rgba(119,119,119,.15);
    -moz-box-shadow: 0 3px 16px rgba(119,119,119,.15);
    box-shadow: 0 3px 16px rgba(119,119,119,.15);
    padding: 28px 20px 0;
    text-align: center;
}
.inf_list li div{
    width: 86px;
    height: 86px;
    margin: 0 auto;
}
.inf_list li div img:last-of-type{
    display: none;
}
.inf_list li h2{
    font-size: 20px;
    color: #333;
    margin:20px 0;
}
.inf_list li p{
    font-size: 18px;
    color: #888;
    text-align: left;
}
.inf_list li:hover h2,.inf_list li:hover p{
    color: #fff;
}
.inf_list li:hover div img:first-of-type{
    display: none;
}
.inf_list li:hover div img:last-of-type{
    display: block;
}
.inf_list li:first-of-type:hover{
    background: #88e4b8;
}
.inf_list li:nth-of-type(2):hover{
    background: #7321e6;
}
.inf_list li:nth-of-type(3):hover{
    background: #26a3d8;
}

.inf_list li:nth-of-type(4):hover{
    background: #e430eb;
}
/*3天入门21考研*/
.fast_list{
    display: flex;
    justify-content: space-between;
    margin-top: 56px;
}
.fast_list li{
    width: 356px;
    height: 423px;
    background: #fff;
    -webkit-box-shadow: 0 3px 18px rgba(98,168,10,.17);
    -moz-box-shadow: 0 3px 18px rgba(98,168,10,.17);
    box-shadow: 0 3px 18px rgba(98,168,10,.17);
    padding: 10px;
    text-align: center;

}
.fast_list li img{
    display: block;
    max-width: 100%;
}
.fast_list li h3{
    width: 234px;
    height: 52px;
    line-height: 52px;
    -webkit-border-radius:  25px;
    -moz-border-radius:  25px;
    border-radius:  25px;
    background: #18cca7;
    font-size: 20px;
    color: #fff;
    margin: 24px auto 18px;
}
.fast_list li p{
    font-size: 18px;
    color: #888;
    line-height: 30px;
}
.fast_list li:hover,.ser_list li:hover{
    -webkit-animation-name: hvr-buzz-out;
    animation-name: hvr-buzz-out;
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    cursor: pointer;

}

/*抖动*/
@keyframes  hvr-buzz-out{
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }
    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }
    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }
    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }
    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }
    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }
    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0);
    }
    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0);
    }
}

/*名师点睛 先人一步加固基础*/
.teacherimg{
    margin-top: 60px;
}
.teacherimg img{
   display: block;
    max-width: 100%;
}
.tea_btnList{
    width: 896px;
    display: flex;
    justify-content: space-between;
    margin: 42px auto 0;
}
.tea_btnList li{
    position: relative;
}
.tea_btnList li div{
    width: 264px;
    height: 62px;
    line-height: 62px;
    font-size: 23px;
    color: #fff;

    padding-left: 60px;
    position: relative;
    z-index: 10;
}
.tea_btnList li:nth-of-type(1) div{
    background:url("../images/zhibo_icon.png") no-repeat 16px 12px, linear-gradient(180deg,#fdc03d,#fc625a) ;
}
.tea_btnList li:nth-of-type(2) div{
    background:url("../images/zhibo_icon.png") no-repeat 16px 12px, linear-gradient(180deg,#8dfdf0,#3fc6b4) ;
}
.tea_btnList li:nth-of-type(3) div{
    background:url("../images/zhibo_icon.png") no-repeat 16px 12px, linear-gradient(180deg,#fd84f3,#e239d4) ;
}
.tea_btnList li:before{
    display: block;
    content: "";
    width: 264px;
    height: 62px;
    position: absolute;
    top: -10px;
    left: -10px;
}
.tea_btnList li:nth-of-type(1):before{
    background: #f16a00;
}
.tea_btnList li:nth-of-type(2):before{
    background: #06b39f;
}
.tea_btnList li:nth-of-type(3):before{
    background: #9e0c92;
}

/*满载干货的21考研服务包  请查收*/
.ser_list{
    display: flex;
    justify-content: space-between;
    margin: 50px auto 0;
}
.ser_list li{
    width: 352px;
    height: 234px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -webkit-box-shadow: 0 3px 16px rgba(119,119,119,.15);
    -moz-box-shadow: 0 3px 16px rgba(119,119,119,.15);
    box-shadow: 0 3px 16px rgba(119,119,119,.15);
    position: relative;
    overflow: hidden;
}
.ser_list h2{
    font-size: 30px;
    color: #c5c5c5;
    position: absolute;
    top: 14px;
    right: 18px;
}
.ser_list div{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 103px;
    height: 103px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #02b99d;
    border:10px solid #e3faf4;
    position: relative;
    margin: 42px auto 0;
}
.ser_list div img:last-of-type{
    position: absolute;
    right: -32px;
    top: 20px;
}

.ser_list p{
    font-size: 20px;
    color: #333;
    text-align: center;
    margin-top: 30px;
}

/*限时秒杀优惠*/
.seckill{
    background: #fff;
    -webkit-box-shadow: 0 3px 16px rgba(119,119,119,.15);
    -moz-box-shadow: 0 3px 16px rgba(119,119,119,.15);
    box-shadow: 0 3px 16px rgba(119,119,119,.15);
    padding: 26px 18px 68px;
    margin-top: 56px;
}
.miao{
    text-align: center;
    font-size:30px;
    color:#ef5262;
}
.seck_list{
    display: flex;
    justify-content: space-between;
    margin: 32px auto 0;
}
.seck_list li{
    width: 252px;
    height: 343px;
    background: #fff;
    -webkit-box-shadow: 0 3px 16px rgba(119,119,119,.15);
    -moz-box-shadow: 0 3px 16px rgba(119,119,119,.15);
    box-shadow: 0 3px 16px rgba(119,119,119,.15);
    padding: 8px;
}
.seck_list li img{
    display: block;
    max-width: 100%;
}
.miao_pic{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 69px;
    height: 25px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #ef5262;
    color: #ef5262;
    font-size: 16px;
    margin: 12px 0 10px;
}
.miao_jia span{
    font-size: 28px;
    color: #ef5262;
}
.miao_jia span i{
    font-size: 20px;
    font-style: inherit;
}
.miao_jia del{
    font-size: 18px;
    color: #666;
    margin-left: 24px;
}
.miao_btn{
    display: block;
    width:186px;
    height: 42px;
    -webkit-border-radius: 21px;
    -moz-border-radius: 21px;
    border-radius: 21px;
    background: #ef5262;
    font-size: 24px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    line-height: 42px;
    margin: 22px auto 0;

}