/* 课程中心 */
/* .top {
    height: 100px;
} */
.course-background {
    width: 100%;
    min-width: 1190px;
    position: relative;
    z-index: -1;
}
.course-background img {
    width: 100%;
}
.course-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding-top: 20px;
}
.course-container .main {
    width: 1200px;
    margin: 0 auto;
    min-width: 1190px;
    position: relative;
}
.course-container .main .school {
    display: flex;
    align-items: center;
  
}
.course-container .main .school span {
    font-size: 18px;
    font-weight: 400;
    margin-left: 8px;
}
.course-container .main .annoyance {
    margin-top: 89px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.course-container .main .annoyance .line {
    width: 102px;
    height: 1px;
    background: #FF8465;
}
.course-container .main .annoyance .title {
    font-size: 40px;
    font-weight: bold;
    color: #EC3E02;
    margin: 0 26px;
}
.course-container .main .annoyance-title {
    display: flex;
    justify-content: center;
    margin-top: 9px;
    font-size: 14px;
    font-weight: 400;
    color: #EC3E02;
    opacity: 0.48;
}
.course-container .main .show-annoyance {
    margin-top: 44px;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}
.course-container .main .show-annoyance::after {
    content: "";
    background: url("../img/course/mark.png") no-repeat;
    position: absolute;
    width: 167px;
    height: 268px;
    left: 488px;
    top: 253px;
}
.course-container .main .show-annoyance .even {
    margin-left: 26px;
    margin-right: 279px;
}
.course-container .main .show-annoyance .bullbe {
    width: 411px;
    background: url("../img/course/Bubble.png") no-repeat;
    height: 294px;
    background-size: 100%;
}
.course-container .main .show-annoyance .bullbe:nth-child(1) {
    margin-bottom: 102px;
}
.course-container .main .show-annoyance .bullbe:nth-child(2) {
    background: url("../img/course/Bubble4.png") no-repeat;
    margin-bottom: 102px;
}
.course-container .main .show-annoyance .bullbe:nth-child(3) {
    background: url("../img/course/Bubble3.png") no-repeat;
    background-size: 100%;
}
.course-container .main .show-annoyance .bullbe:nth-child(4) {
    background: url("../img/course/Bubble2.png") no-repeat;
}
.course-container .main .show-annoyance .bullbe:nth-child(2) .ou {
    padding-left: 107px;
    padding-right: 63px;
}
.course-container .main .show-annoyance .bullbe:nth-child(4) .u {
    padding-left: 107px;
    padding-right: 70px;
}
.course-container .main .show-annoyance .bullbe:nth-child(4) p:nth-child(1) {
    padding-top: 89px;
}
.course-container .main .show-annoyance .bullbe:nth-child(3) p:nth-child(1) {
    padding-top: 89px;
}
.course-container .main .show-annoyance .bullbe p {
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    line-height: 24px;
    padding-left: 79px;
}
.course-container .main .show-annoyance .bullbe p:nth-child(1) {
    padding-top: 50px;
    color: #343434;
    font-size: 24px;
}
.course-container .main .show-annoyance .bullbe p:nth-child(2) {
    padding-right: 92px;
    margin-top: 12px;
}
.course-container .main .classification {
    display: flex;
    justify-content: center;
    margin-top: 70px;
    cursor: pointer;
}
.course-container .main .classification div {
    padding: 19px 90px;
    border: 2px solid #EC3E02;
    font-size: 24px;
    color: #EC3E02;
}
.course-container .main .classification .select {
    background-color: #EC3E02;
    font-weight: 400;
    color: #ffffff;
}
.course-container .main .classification div:nth-child(1) {
    margin-right: 30px;
}
.course-container .main .show-ke {
    display: flex;
    margin-top: 62px;
    flex-direction: column;
}
.course-container .main .show-ke div {
    display: flex;
    background: #FFFFFF;
    box-shadow: 1px 3px 20px 0px #F1F1F1;
    position: relative;
}
.course-container .main .show-ke .ke-container {
    margin-top: 38px;
}
.course-container .main .show-ke .ke-container::after {
    content: "The elementary school mathematics";
    position: absolute;
    bottom: 22px;
    right: 21px;
    font-size: 24px;
    color: #F2F2F2;
}
.course-container .main .show-ke div .img {
    width: 444px;
}
.course-container .main .show-ke div .text {
    display: flex;
    flex-direction: column;
}
.course-container .main .show-ke div .text p {
    padding-left: 22px;
}
.course-container .main .show-ke div .text p:nth-child(1) {
    margin-top: 51px;
    margin-bottom: 56px;
    font-size: 24px;
    color: #343434;
}
.course-container .main .show-ke div .text p:nth-child(1)::after {
    content: "";
    width: 30px;
    height: 1px;
    background: #E2E2E2;
    display: block;
    margin-top: 18px;
}
.course-container .main .show-ke div .text p:nth-child(2) {
    padding-right: 310px;
    color: #666666;
    line-height: 24px;
    font-size: 16px;
    font-weight: 400px;
}
.course-container .main .show-ke div .text p + .last {
    padding-right: 300px;
}
.course-container .main .show-pan {
    margin-top: 38px;
    /* display: flex; */
    display: none;
}
.course-container .main .show-pan .pan-container {
    width: 285px;
    box-shadow: 1px 3px 20px 0px #F1F1F1;
    background: #FFFFFF;
    margin-right: 34px;
}
.course-container .main .show-pan .pan-container img {
    padding: 21px 14px 0 14px;
}
.course-container .main .show-pan .pan-container .descript {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.course-container .main .show-pan .pan-container .descript p:nth-child(1) {
    font-size: 24px;
    font-weight: 400;
    color: #343434;
    margin-top: 29px;
    position: relative;
    z-index: 99;
}
.course-container .main .show-pan .pan-container .descript p:nth-child(1)::before {
    content: "";
    width: 14px;
    height: 14px;
    background: #EC3E02;
    border-radius: 50%;
    position: absolute;
    top: -4px;
    left: -5px;
    z-index: -1;
}
.course-container .main .show-pan .pan-container .descript p:nth-child(2) {
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    line-height: 30px;
    padding: 26px 32px 0 32px;
}
.course-container .assess {
    width: 100%;
    display: flex;
    background: url("../img/course/juxing.png") no-repeat;
    background-size: 100% 688px;
    height: 688px;
    min-width: 1190px;
    margin-top: 114px;
}
.course-container .assess .intelligence {
    width: 1200px;
    margin: 0 auto;
}
.course-container .assess .intelligence .intelligence-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 49px;
}
.course-container .assess .intelligence .intelligence-container .line {
    width: 102px;
    height: 1px;
    background: #FFFFFF;
}
.course-container .assess .intelligence .intelligence-container .title {
    font-size: 40px;
    font-weight: bold;
    color: #ffffff;
    margin: 0 24px;
}
.course-container .assess .intelligence .intelligence-title {
    display: flex;
    justify-content: center;
    margin-top: 10px;
    font-size: 14px;
    font-weight: 400;
    color: #ffffff;
    opacity: 0.48;
    margin-bottom: 23px;
}
.course-container .assess .intelligence .method {
    display: flex;
    justify-content: center;
    font-size: 18px;
    color: #ffffff;
    font-weight: 400;
    margin-bottom: 82px;
}
.course-container .assess .intelligence .chart {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 67px;
}
.course-container .assess .intelligence .chart .review {
    background: url("../img/course/jiantou.png") no-repeat;
    width: 241px;
    background-size: 100%;
    margin-right: 42px;
}
.course-container .assess .intelligence .chart .review .title {
    padding: 47px 151px 43px 29px;
    font-size: 30px;
    font-weight: bold;
    color: #ffffff;
    line-height: 36px;
}
.course-container .assess .intelligence .chart div:nth-child(2) {
    background: url("../img/course/kaoshi.png") no-repeat;
    width: 99px;
    height: 99px;
    background-size: 100%;
    position: relative;
    width: 99px;
    height: 99px;
}
.course-container .assess .intelligence .chart div:nth-child(2)::after {
    content: "测评组卷";
    position: absolute;
    bottom: -30px;
    left: 14px;
    font-size: 18px;
    color: #FFFFFF;
}
.course-container .assess .intelligence .chart .fx {
    background: url("../img/course/fangxiang.png") no-repeat;
    width: 69px;
    height: 29px;
    background-size: 100%;
    margin: 0 11px 0 13px;
}
.course-container .assess .intelligence .chart div:nth-child(4) {
    background: url("../img/course/lujing.png") no-repeat;
    width: 99px;
    height: 99px;
    position: relative;
    background-size: 100%;
}
.course-container .assess .intelligence .chart div:nth-child(4)::after {
    content: "试卷生成";
    position: absolute;
    bottom: -30px;
    left: 14px;
    font-size: 18px;
    color: #FFFFFF;
}
.course-container .assess .intelligence .chart div:nth-child(6) {
    background: url("../img/course/jiaolv.png") no-repeat;
    width: 99px;
    height: 99px;
    background-size: 100%;
    position: relative;
} 
.course-container .assess .intelligence .chart div:nth-child(6)::after {
    content: "学生作答";
    position: absolute;
    bottom: -30px;
    left: 14px;
    font-size: 18px;
    color: #FFFFFF;
}
.course-container .assess .intelligence .chart div:nth-child(8) {
    background: url("../img/course/linggan.png") no-repeat;
    width: 98px;
    height: 97px;
    background-size: 100%;
    position: relative;
}
.course-container .assess .intelligence .chart div:nth-child(8)::after {
    content: "测评结果生成";
    position: absolute;
    bottom: -30px;
    width: 200px;
    font-size: 18px;
    color: #FFFFFF;
}
.course-container .assess .intelligence .chart div:nth-child(10) {
    background: url("../img/course/cuoti.png") no-repeat;
    width: 99px;
    height: 99px;
    background-size: 100%;
    position: relative;
}
.course-container .assess .intelligence .chart div:nth-child(10)::after {
    content: "收藏回顾错题";
    position: absolute;
    bottom: -30px;
    width: 200px;
    font-size: 18px;
    color: #FFFFFF;
}
.course-container .assess .intelligence .process {
    width: 1011px;
    background: #EC3E02;
    border-radius: 14px;
    margin: 0 auto;
    display: flex;
    position: relative;
}
.course-container .assess .intelligence .process::after {
    content: "";
    width: 711px;
    height: 1px;
    background: #FFFFFF;
    position: absolute;
    left: 190px;
    top: 67px;
}
.course-container .assess .intelligence .process div:nth-child(1) {
    font-size: 30px;
    font-weight: 400;
    color: #FFFFFF;
    width: 15%;
    margin: 53px 0px 54px 37px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.course-container .assess .intelligence .process .linae {
    width: 1px;
    height: 100px;
    background: #ffffff;
    margin-top: 14px;
    margin-bottom: 22px;
} 
.course-container .assess .intelligence .process div:nth-child(3) {
    width: 20%;
    font-size: 18px;
    font-weight: bold;
    color: #FFFFFF;
}
.course-container .assess .intelligence .process div:nth-child(3) .mode {
    margin-top: 36px;
    margin-left: 48px;
    margin-bottom: 29px;
}
.course-container .assess .intelligence .process div:nth-child(3) .bao {
    margin-left: 48px;
}
.course-container .assess .intelligence .process div:nth-child(5) {
    width: 60%;
}
.course-container .assess .intelligence .process div:nth-child(5) .a {
    margin-left: 40px;
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
}
.course-container .assess .intelligence .process div:nth-child(5) p:nth-child(1) {
    margin-top: 39px;
    margin-bottom: 31px;
}
.course-container .student {
    width: 100%;
    display: flex;
    background: url("../img/course/student.png") no-repeat;
    background-size: 100%;
    height: 788px;
    min-width: 1190px;
}
.course-container .student .student-container {
    width: 1200px;
    margin: 0 auto;
}
.course-container .student .student-container .student-box {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 69px;
}
.course-container .student .student-container .student-box .line {
    width: 102px;
    height: 1px;
    background: #FF8465;
}
.course-container .student .student-container .student-box .title {
    font-size: 40px;
    font-weight: bold;
    color: #EC3D02;
    margin: 0 27px;
}
.course-container .student .student-container .student-title {
    display: flex;
    justify-content: center;
    margin-top: 15px;
    font-size: 14px;
    color: #EC3D02;
    opacity: 0.58;
    font-weight: 400;
}
.course-container .student .student-container .show-student {
    display: flex;
}
.course-container .student .student-container .show-student .iphone {
    width: 422px;
    height: 400px;
    margin-left: 209px;
}
.iphone img{
    width: 200px;
    height: 400px;
}
.course-container .student .student-container .show-student .download {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.course-container .student .student-container .show-student .download img {
    width: 133px;
    height: 133px;
}
.course-container .student .student-container .show-student .download .an {
    margin-top: 34px;
    margin-bottom: 13px;
    background-color: #8AD5F9;
    border-radius: 15px;
    color: #ffffff;
    font-size: 14px;
    position: relative;
    padding: 8px 12px 9px 49px;
    display: flex;
    align-items: center;
}
.course-container .student .student-container .show-student .download .an::before {
    content: "";
    background: url("../img/course/anzhuo.png") no-repeat;
    width: 19px;
    height: 19px;
    position: absolute;
    left: 17px;
}
.course-container .student .student-container .show-student .download .apple {
    background-color: #333333;
    border-radius: 15px;
    color: #ffffff;
    font-size: 14px;
    position: relative;
    padding: 8px 12px 9px 49px;
    display: flex;
    align-items: center;

}
.course-container .student .student-container .show-student .download .apple::before {
    content: "";
    background: url("../img/course/apple.png") no-repeat;
    width: 19px;
    height: 19px;
    position: absolute;
    left: 17px;
}
.course-container .student .student-container .show-student .stu {
    margin-left: 92px;
}
.course-container .student .student-container .show-student .stu .lan {
    width: 296px;
    margin-bottom: 6px;
    background: url("../img/course/lan.png") no-repeat;
    padding: 29px 72px 30px 75px;
    font-size: 24px;
    font-weight: 400;
    color: #FFFFFF;
    display: flex;
}
.course-container .promise {
    width: 1200px;
    margin: 0 auto;
}
.course-container .promise .promise-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 82px;
}
.course-container .promise .promise-container .line {
    width: 102px;
    height: 1px;
    background: #FF8465;
    margin: 0 26px;
}
.course-container .promise .promise-container .title {
    font-size: 40px;
    font-weight: bold;
    color: #EC3E02;
}
.course-container .promise .promise-title {
    display: flex;
    justify-content: center;
    margin-top: 10px;
    font-size: 14px;
    font-weight: 400;
    color: #EC3E02;
    opacity: 0.48;
}
.course-container .promise .show-promise {
    display: flex;
}
.course-container .promise .show-promise  .promise-container .promise-img {
    width: 380px;
}
.course-container .promise .show-promise  .promise-container .promise-img img{
    width: 100%;
}
.course-container .promise .show-promise .promise-container .promise-text p:nth-child(1)::before{
    content: "";
    width: 8px;
    height: 18px;
    background: #EC3E02;
    display: inline-block;
    left: -20px;
    position: absolute;
}
.course-container .promise .show-promise .promise-container {
    display: flex;
    flex-direction: column;
    width: 380px;
    margin-right: 28px;
}
/* .course-container .promise .show-promise .two {
    padding-top: 20px;
} */
.course-container .promise .show-promise .promise-container .promise-text {
    box-shadow: 1px 3px 20px 0px #F1F1F1;
    height: 147px;
}
.course-container .promise .show-promise .promise-container .promise-text .hear {
    margin-top: 23px;
    font-size: 24px;
    font-weight: 400;
    color: #343434;
    position: relative;
    margin-left: 50px;
}
.course-container .promise .show-promise .promise-container .promise-text .descripe {
    margin-left: 50px;
    margin-top: 12px;
    padding-right: 43px;
    font-size: 16px;
    color: #666666;
    font-weight: 400;
    line-height: 24px;
}
.footer {
    height: 180px;
    margin-top: 108px;
    min-width: 1190px;
}