* { margin: 0px; padding: 0px; }
body {background:  url(../images/banner.png),url(../images/bot.png); background-position: top center, bottom center; background-color: #fff; background-repeat: no-repeat; -webkit-text-size-adjust: none;
font-family: "Microsoft YaHei", "PingFang SC",Arial, "Helvetica Neue", Helvetica, STHeiTi, sans-serif;background-size: 100%;}
html {min-width: 1220px;}
.wraper {width: 100%;margin: 0 auto;min-width: 1220px;}
.wrap {width: 1220px;margin: 0px auto;}
.fl {float: left; }
.fr {float: right; }
dl, dt, ul { list-style: none; text-decoration: none; padding-inline-start: 0px; }
a {text-decoration: none; color: #333;}
.clearfix::before, .clearfix::after { content: ""; display: table; clear: both; }
.un {transition: all 0.3s ease-out 0s; }
.none {display: none; }
.ellipsis {text-overflow: ellipsis;white-space: nowrap; overflow: hidden}
.flex{display: flex;}
.column{flex-direction: column;}
.course-table-container {width: 100%;max-width: 1200px;margin: 20px auto;font-family: "微软雅黑", sans-serif;border: 1px solid #3e4a9f;border-radius: 20px;overflow: hidden;}
.course-table {width: 100%;border-collapse: collapse;text-align: center;background-color: #f1f9ff;font-size: 15px;}
.course-table thead th {background-color: #2E5AAC;color: #fff;padding: 12px 8px;font-weight: bold;border: 1px solid;border-top: none;}
.course-table td {padding: 10px 8px;border: 1px solid #fff;vertical-align: middle;}
.course-link-row:hover td {background-color: #FFF3CC; cursor: pointer;}
.merged-cell.type1 {background-color: #E6F2FF !important;cursor: default !important;}
.merged-cell.type2 {background-color: #D4E9FF !important;cursor: default !important;}
.merged-cell.type3 {background-color: #B9D8FF !important;cursor: default !important;}
.merged-cell.type4{max-width:380px}
.merged-cell.type4,.merged-cell.type5{text-align: left; padding-left: 15px; box-sizing: border-box;}
.teacher-avatar {width: 30px;height: 30px;border-radius: 50%;vertical-align: middle;margin-right: 9px;border: 1px solid #cadcf5;background: #fff;}
.top .logo{padding-top: 20px; display: block; margin-left: 20px;}
.top .title{margin: 20px auto; text-align: center;}
.top .inr{background: url(../images/bg1.png) center no-repeat;height: 393px;box-sizing: border-box;}
.top .inr p{box-sizing: border-box;padding: 47px 68px 53px 74px;color: #fff;font-size: 16px;line-height: 26px;}
.top .inr ul li{margin-right: 10px;}
.top .inr ul li:nth-child(1){margin-left: 30px;}
.top .inr ul li:hover img{transform: translateY(-2px);}


.tit{text-align: center;}
.core{text-align: center; font-size: 20px; color: #333333; font-weight: bold; margin: 20px auto;}
.lesson{margin-top: 30px;}

.checkMore{width: 350px;border-radius: 30px;border:2px solid #cc9f7f;height: 40px;position: relative;margin: 20px auto;line-height: 34px;box-sizing: border-box;padding-left: 30px;}
.checkMore button{background-image: linear-gradient(to right,#da2d12,#f26c3b);width: 120px;outline: none;border: none;color: #fff;height: 40px;border-radius: 30px;position: absolute;right: -2px;top: -2px; font-size: 16px;}

.bg2{background: url(../images/bg2.png) center no-repeat;height: 1507px;margin-top: -36px;}
.plan{padding-top: 120px;}
.plan ul{margin-top: 60px;}
.plan ul li{background: #fff; width: 280px; height: 320px; float: left; margin-right: 25px; border-radius: 15px; box-sizing: border-box; padding: 5px;}
.plan ul li:nth-child(4){margin-right: 0;}
.plan ul li img{width: 270px; height: 150px;}
.plan ul li h3{font-size: 20px; padding-left: 10px; margin-top: 10px; margin-bottom: 10px;}
.plan ul li p{font-size: 15px;}
.plan ul li h3.gold{color: #bc8342; }
.plan ul li h3.blue{color: #4a5281; }
.plan ul li p{padding: 0 10px; line-height: 24px;}

.efficiency{margin-top: 150px;}
.efficiency img{margin-top: 50px;}

.bot{background: url(../images/bot.png) center no-repeat; height: 125px; margin-top: 30px;}
.grow .tit{margin: 40px auto;}

.check a{color: #6b4e2c; width: 150px; height: 35px; background-image:linear-gradient(to right,#d0a26c,#ffdeb5) ; display: block; line-height: 35px; border-radius: 18px; margin: 20px auto; text-align: center;box-shadow: 0px 3px 10px 0px rgba(84, 87, 116, 0.1) inset;}

.swing:hover{-webkit-animation:swing 1s .2s ease both;
-moz-animation:swing 1s .2s ease both;
}
@-webkit-keyframes swing {
20%, 40%, 60%, 80%, 100% {
-webkit-transform-origin:top center
}
20% {
-webkit-transform:rotate(7deg)
}
40% {
-webkit-transform:rotate(-5deg)
}
60% {
-webkit-transform:rotate(2deg)
}
80% {
-webkit-transform:rotate(-2deg)
}
100% {
-webkit-transform:rotate(0deg)
}
}
@-moz-keyframes swing {
20%, 40%, 60%, 80%, 100% {
-moz-transform-origin:top center
}
20% {
-moz-transform:rotate(7deg)
}
40% {
-moz-transform:rotate(-5deg)
}
60% {
-moz-transform:rotate(2deg)
}
80% {
-moz-transform:rotate(-2deg)
}
100% {
-moz-transform:rotate(0deg)
}
}