*{margin: 0;padding: 0;box-sizing: border-box;}
html{font-size: 14px;font-family: 'Microsoft Yahei';}
a{text-decoration: none;transition: all .5s;}
.three{max-width: 100%;margin: auto;}
.three>div>img{display: block;width: 100%;border: none;/*max-width: 1920px;*/margin: auto;}
.three .topImg{width: 100%;
	background: -webkit-linear-gradient(90deg, #fe3585, #fe9925); /* Safari 5.1 - 6.0 */
  	background: -o-linear-gradient(90deg, #fe3585, #fe9925); /* Opera 11.1 - 12.0 */
  	background: -moz-linear-gradient(90deg, #fe3585, #fe9925); /* Firefox 3.6 - 15 */
 	background: linear-gradient(90deg, #fe3585, #fe9925); /* 标准的语法 */
}
.three .topImg a{display: block;}
.three .topImg img{display: block;border: none;width: 100%;max-width: 1920px;margin: auto;}
.three .vip1,.three .vip2,.three .vip3{margin: 120px 0;}
.three .vip1 h3,.three .vip2 h3,.three .vip3 h3{color: #ff5572;line-height: 40px;font-size: 30px;text-align: center;}
.three .vip1 h3 img,.three .vip2 h3 img,.three .vip3 h3 img{display: inline-block;vertical-align: top;margin-right: 10px;}
.three .vip1>p,.three .vip2>p,.three .vip3>p{color: #878787;font-size: 18px;text-align: center;margin-top: 10px;}
.three .vip1 .vipCon{width: 1200px;margin: 50px auto;text-align: center;}
.three .vip1 .vipCon>div{display: inline-block;vertical-align: top;}
.three .vip1 .vipCon>div>img{display:block;margin: auto;}
.three .vip1 .vipCon>div div:nth-child(2){width: 355px;height: 237px; background:url('../images/bg1.png') no-repeat;padding: 1px;}
.three .vip1 .vipCon h4{font-size: 20px;color: #ffffff;margin: 50px 0 25px;}
.three .vip1 .vipCon p{color: #ffffff;font-size: 14px;line-height: 32px;}
.three .vip1 .vipCon .hr{margin: 100px 110px 0;}
.three .vip1 .vipCon .btn{margin-top: 40px;}
.three .vip1 .vipCon a{display: inline-block;border-radius: 21px;height: 43px;line-height: 43px;width: 145px;color: #ffffff;margin: 0 10px;font-size: 18px;background-image: linear-gradient(-30deg, #fe3585 0%, #fe952c 100%);}
.three .vip1 .vipCon a img{vertical-align: -4px;margin-right: 5px;}

.three .vip2{text-align: center;}
.three #certify{width: 1200px;margin: 70px auto 50px;}
.three .price {width: 1200px;margin: auto;}
/*.three .price div{display: inline-block; width: 403px;height: 117px;line-height: 117px;font-size: 18px;text-align: left;}
.three .price a{display: block;color: #fff;}
.three .price a *{vertical-align: top;}
.three .price div:nth-child(1){background:url(../images/2.png) no-repeat center;}
.three .price div:nth-child(2){background:url(../images/5.png) no-repeat center;margin: 0 -10px;}
.three .price div:nth-child(2) i{color: #ffb5af;}
.three .price div:nth-child(3){background:url(../images/10.png) no-repeat center;}
.three .price div:nth-child(3) i{color: #ffc587;}
.three .price div i{color: #ff9fc5;font-size: 60px;display: inline-block;margin-left: 35px;margin-right: 10px;}
.three .price div b{font-size: 26px;}
.three .price div span{font-size: 14px;}*/

.three .price .table-con{margin: 40px 0 20px;width: 100%;}
.three .price .table-con table{width: 100%;text-align: center;border-collapse: collapse;background-color: #fff;}
.three .price .table-con table td,.three .price .table-con table th{border: solid 1px #dfdfdf;width: 12.5%;}
.three .price .table-con table thead tr{height: 80px;}
.three .price .table-con table thead tr th{color: #fff;font-weight: normal;font-size: 16px;
  background-image: -webkit-linear-gradient(108deg, #ff5e74 0%, #fe3585 100%);background-image: linear-gradient(108deg, #ff5e74 0%, #fe3585 100%);}
/*.three .price .table-con table thead tr th:first-child{position: relative;}
.three .price .table-con table thead tr th:first-child:after{position: absolute;content: '';width: 0;}
.three .price .table-con table thead tr th span{position: absolute;}*/
.three .price .table-con table td{height: 70px;color: #666666;font-size: 14px;}


.three .vip2>a{display: inline-block;border-radius: 21px;width: 188px;color: #ffffff;font-size: 18px;height: 43px;line-height: 43px;margin: 50px 0 0;background-image: linear-gradient(-30deg, #fe3585 0%, #fe952c 100%);}
.three .vip2>a img{vertical-align: -4px;margin-right: 5px;}

.three .vip3{}
.three .list{width: 1200px;text-align: center;margin: 70px auto 40px;}
.three .list div{display: inline-block;margin: 0 30px;cursor: pointer;user-select: none}
.three .list div b{display: block;width: 93px;height: 93px;margin: 0 auto 20px;padding: 1px;}
.three .list div b.active{box-shadow: 0 0 10px 2px #e64f77;border-radius: 50%;}
.three .list div img{display: block;border: none;margin: 20px auto 0;}
.three .con{width: 1200px;margin: auto;background-color: #f2f2f2;padding: 40px 20px;}
.three .con .online{position: relative;}
.three .con .online a{display: block;width: 24%;float: left;margin: 0 5px 8px;padding: 18px 15px;min-height: 120px;}
.three .con .online:before{position: absolute;content: '';height: 0;width: 0;top: -70px;border: 15px solid transparent;border-bottom-color: #f2f2f2;}
.three .con .online:after{display: table;content: '';clear: both;}
.three .con .online:nth-child(1):before{left: 170px;}
.three .con .online:nth-child(2):before{left: 330px;}
.three .con .online:nth-child(3):before{left: 485px;}
.three .con .online:nth-child(4):before{left: 645px;}
.three .con .online:nth-child(5):before{left: 800px;}
.three .con .online:nth-child(6):before{left: 960px;}

/*.three .con .online a:nth-child(4n){margin-right: 0}
.three .con .online a:nth-child(4n-3){margin-left: 0}*/
.three .con .online a span{color: #fe5b7a;font-size: 16px;display: block;position: relative;}
.three .con .online a p{color: #999999;font-size: 14px;line-height: 25px;margin-top: 10px;
	display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;  overflow: hidden; text-overflow: ellipsis;}
.three .con .online a img{position: absolute;right: 0;top:3px;display: none}
/*.three .con .online a.active{background-color: #fff;}*/
.three .con .online a:hover{background-color: #fff;}
.three .con .online a:hover img{display: block;}
.three .vip3 .bot{margin-top: 30px;color: #444444;font-size: 16px;}
.three .vip3 .bot a{text-decoration: underline;color: #444;}

.footer{text-align: center;background-color: #ff4576;padding: 60px 0;color: #fff;}
.footer .first{font-size: 20px;}
.footer hr{width: 262px;height: 3px;background-color: #ffffff;margin: 15px auto;border: none;}
.footer .last{font-size: 16px;}
.footer a{display: inline-block;width: 192px;color: #ff4576;margin-top: 30px;height: 32px;line-height: 32px;background-color: #ffffff;border-radius: 4px;border: solid 1px #ffffff;}
.footer a img{vertical-align: -5px;margin-right: 5px;}

/*.fixed{position: fixed;width: 166px;height: 260px; right: 50px;bottom: 30px;z-index: 20;}*/
.fixed{position: fixed;width: 166px;height: 260px; left: 30px;bottom: 0;top: 0;margin: auto; z-index: 20;}
.fixed span{display: inline-block;position: absolute;top: -25px;right: -25px;width: 26px;height: 26px;cursor: pointer;}
.fixed span img{display: block;}
.fixed a{display: block;width: 123px;background: url(../images/btn1.png) no-repeat;color: #fff;font-size: 18px;
	height: 40px;line-height: 40px;text-align: center;margin: 20px auto 0;
	animation:rotate .5s infinite;-webkit-animation:rotate .5s infinite; /* Safari 和 Chrome */}
.fixed a:hover{animation: none;}


.codeCon{position: fixed;top:0;bottom: 0;left: 0;right: 0;width: 100%;margin: auto;background: rgba(0,0,0,.5); display: none;z-index: 999;}

.wxCode{width: 400px;background: #fff;position: fixed;top:0;bottom: 0;left: 0;right: 0;margin: auto;}
/*.codeCon span{position: fixed;top:0;right: 0;z-index: 1000;cursor: pointer;}*/

/*右侧固定导航样式2*/
div.rightNav2 * {margin:0;padding:0;box-sizing:border-box;text-decoration:none;}
div.rightNav2 {height:280px;width:60px;position:fixed;top:0;bottom:0;right:10px;margin:auto;background-color:#fff;border:1px solid #eee;box-shadow:2px 2px 5px 2px #b7b7b780;z-index:10000;}
div.rightNav2 > a {display:block;text-align:center;border-bottom:1px solid #eee;height:70px;padding:5px 0;position:relative;}
div.rightNav2 > a img.hoverImg{position:absolute;top:5px;left:9px;z-index:-1;}
div.rightNav2 > a:hover {background:#fb6227;}
div.rightNav2 > a:hover img.hoverImg{z-index:2;}
div.rightNav2 > a:hover span {color:#fff;}
div.rightNav2 > a.list {position:relative;}
div.rightNav2 > a.list:hover .tel {display:block;}
div.rightNav2 > a.list .tel {position:absolute;top:0;left:-216px;width:216px;height:73px;background:url("https://www.evget.com/imgs/2018/kf/tip-bg.png") no-repeat;font-size:16px;color:#666;line-height:70px;text-align:left;text-shadow: none;display:none;}
div.rightNav2 > a.list .tel img {display:inline-block;vertical-align:-3px;margin:0 5px 0 20px;}
div.rightNav2 > a>img {display:block;border:none;margin:auto;}
div.rightNav2 > a>span {font-size:12px;color:#fb6227;display:block;}
div.rightNav2 > a.toTop {border:none;}
div.rightNav2 > a.toTop img {margin-top:6px;}

@keyframes rotate{
    0%{transform:rotate(0deg);}
    25%{transform:rotate(5deg);}
    50%{transform:rotate(0deg);}
    75%{transform:rotate(-5deg);}
    100%{transform:rotate(0deg);}
}


/*手机自适应*/
@media (max-width: 768px){
  .rightNav2{display: none;}
  .fixed{display: none;}
  .three{width: 100%;overflow: hidden;}
  .three>div>img{width: 100%;height: 15px;object-fit: cover;}
  .three .topImg {width: 100%;}
  .three .topImg img{width: 100%;height: 180px;object-fit: cover;}

  .three .vip1,.three .vip2,.three .vip3{margin: 80px 0;}
  .three .vip1 h3,.three .vip2 h3,.three .vip3 h3{line-height: 30px;font-size: 18px;}
  .three .vip1 h3 img,.three .vip2 h3 img,.three .vip3 h3 img{height: 30px}
  .three .vip1>p,.three .vip2>p,.three .vip3>p{font-size: 16px;margin-top: 10px;}
  .three .vip1 .vipCon{width: 100%;margin:0;}
  .three .vip1 .vipCon>div{display: block;margin-top: 60px;}
  .three .vip1 .vipCon>div div:nth-child(2){;margin: auto;}
  .three .vip1 .vipCon h4{font-size: 18px;color: #ffffff;margin: 50px 0 25px;}
  .three .vip1 .vipCon p{color: #ffffff;font-size: 14px;line-height: 32px;}
  .three .vip1 .vipCon .hr{display: none;}
  .three .vip1 .vipCon .btn{margin-top: 25px;}
  .three .vip1 .vipCon a{border-radius: 20px;height: 40px;line-height: 40px;width: 130px;font-size: 14px;}
  .three .vip1 .vipCon a img{height: 18px;}

  .three #certify{width: 100%;margin: 40px auto 0;}
  .three .price {width: 100%;padding: 0 10px;}
  /*.three .price div{display: block; width: 355px; height: 100px; width: 100%; line-height: 100px;font-size: 14px;margin: auto;}
  .three .price a *{vertical-align: top;}
  .three .price div:nth-child(1){background-size: 100%;}
  .three .price div:nth-child(2){margin: 20px auto;background-size: 100%;}
  .three .price div:nth-child(3){background-size: 100%;}
  .three .price div i{font-size: 40px;margin-left: 35px;margin-right: 10px;}
  .three .price div b{font-size: 26px;}
  .three .price div span{font-size: 14px;}*/

 .three .price .table-con{margin: 30px 0 20px;width: 100%;overflow-x: auto;border: solid 1px #dfdfdf;}
 .three .price .table-con table{width: 1200px;}
 .three .price .table-con table td,div.course .price-bg .price .table-con table th{width: 12.5%;}
 .three .price .table-con table thead tr{height: 70px;}
 .three .price .table-con table thead tr th{font-size: 14px;border-top: 0;}
 .three .price .table-con table thead tr th:first-child{border-left: 0}
 .three .price .table-con table thead tr th:last-child{border-right: 0}
 .three .price .table-con table tr td:first-child{border-left: 0}
 .three .price .table-con table tr td:last-child{border-right: 0}
 .three .price .table-con table tr:last-child td{border-bottom: 0}
 .three .price .table-con table td{height: 60px;font-size: 14px;}


  .three .vip2>a{border-radius: 20px;width: 160px;font-size: 14px;height: 40px;line-height: 40px;margin: 30px 0 0;}
  .three .vip2>a img{height: 20px}

  .three .list{width: 100%;margin: 40px auto 30px;display: flex;justify-content: space-around;flex-wrap: wrap;}
  .three .list div{display: inline-block;margin: 0 10px 15px;}

  .three .list div b{display: block;width: 93px;height: 93px;margin: 0 auto 10px;padding: 1px;}
  .three .list div b.active{box-shadow: 0 0 10px 2px #e64f77;border-radius: 50%;}
  .three .list div img{display: block;border: none;margin: 20px auto 0;}
  .three .con{width: 100%;padding: 30px 8px;}
  .three .con .online {display: flex;justify-content: flex-start;flex-wrap: wrap;}
  .three .con .online a{display: block;width: 48%;float: left;margin: 0 1% 2% 0;padding: 10px;min-height: auto;}
  .three .con .online:before{display: none;}


  .three .con .online a p{font-size: 14px;line-height: 20px;margin-top: 10px;}
  .three .con .online a img{top:6px;display: none;height: 12px;}
  .three .vip3 .bot{margin-top: 30px;font-size: 14px;}
  .footer{padding: 40px 0;}
  .footer .first{font-size: 16px;}
  .footer hr{width: 240px;height: 3px;}
  .footer .last{font-size: 14px;}
  .footer a img{vertical-align: -3px;height: 18px;}


}


