/*banner图*/
.study-text {
    margin-top: 12px;
}

header#pageHeader .header-content .head-nav-con ul li.active img {
    content: url(../image/index/menu-white.jpg);
}

.country_ul li {
    width: 280px;
    height: 80px;
    float: left;
}

.country_ul li a {
    display: block;
    padding: 16px 27px;
}

.country_ul li.active a,
.country_ul li a:hover {
    background: #f3f8ff;
}

.prtner-img,
.prtner-text {
    display: inline-block;
    vertical-align: middle;
}

.prtner-text {
    margin-left: 10px;
}


/*学什么*/
.study_line {
    height: 50px;
    line-height: 50px;
    border-bottom: 1px dashed #d0d0d0;
}

.study_position li {
    display: inline-block;
    vertical-align: top;
}

.study_position li a:hover {
    color: #003f8c !important;
}

.choice_left {
    width: 140px;
}

.choice_all a {
    color: #333333;
    display: inline-block;
    width: 70px;
    text-align: center;
    margin-bottom: 30px;
}

.choice_right {
    margin-left: 30px;
    width: 1160px;
}

.choice_left,
.choice_all a,
.regiontuition li a {
    font-size: 16px;
}

.regiontuition li {
    display: inline-block;
    vertical-align: top;
    margin: 0 30px 30px 0;
}

.regiontuition li a {
    color: #333333;
    display: inline-block;
    padding: 0 20px;
}

.choice_all a.active,
.choice_all a:hover,
.regiontuition li.active a,
.regiontuition li a:hover {
    color: #ffffff !important;
    background: #003f8c;
}

.study_school_bj:last-child {
    margin-left: 25px;
}

.study_school_bj a {
    width: 687.5px;
    height: 150px;
    background: #ffffff;
    display: block;
    padding: 15px 25px;
    border-radius: 5px;
    overflow: hidden;
}

.study_school_left,
.study_school_right {
    display: inline-block;
    vertical-align: middle;
}

.study_school_left {
    width: 100px;
    height: 100px;
    border-radius: 50%;
}

.study_school_right {
    margin-left: 25px;
    width: 462px;
}

.study_school_bj a:hover {
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.study_school_bj a:hover .study_school_title {
    color: #003f8c !important;
}

.study_school_bj a img {
    transition: all 0.4s ease;
}

.study_school_bj a:hover img {
    transform: scale(1.05);
    transition: all 0.4s ease;
}

.what-to-learn-content .what-to-learn-content-school-list {
    display: flex;
    flex-flow: row wrap;
    box-sizing: border-box;
    margin: 30px 0 0 0;
}

.what-to-learn-content .what-to-learn-content-school-list .school-item-list {
    position: relative;
    width: 330px;
    margin: 0 26.6px 30px 0;
    border-radius: 5px;
    background: #ffffff;
    overflow: hidden;
}

.what-to-learn-content .what-to-learn-content-school-list .school-item-list:nth-child(4n + 4) {
    margin-right: 0;
}

.what-to-learn-content .what-to-learn-content-school-list .school-item-list .school-item-list-img {
    width: 330px;
    height: 210px;
    overflow: hidden;
}

.what-to-learn-content .what-to-learn-content-school-list .school-item-list .school-item-list-img img {
    width: 100%;
    height: 100%;
    transition: all 0.4s ease;
}

.what-to-learn-content .what-to-learn-content-school-list .school-item-list .school-item-list-img:hover img {
    -webkit-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
}

.what-to-learn-content .what-to-learn-content-school-list .school-item-list .school-item-list-logo {
    position: absolute;
    top: 171px;
    right: 9px;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.what-to-learn-content .what-to-learn-content-school-list .school-item-list .school-item-list-logo img {
    width: 100%;
    height: 100%;
}

.what-to-learn-content .what-to-learn-content-school-list .school-item-list .school-item-list-content {
    padding: 25px 20px;
}

.what-to-learn-content .what-to-learn-content-school-list .school-item-list .school-item-list-content h2 {
    font-size: 18px;
    color: #040404;
}

.what-to-learn-content .what-to-learn-content-school-list .school-item-list .school-item-list-content .school-item-list-content-title-school-name {
    display: flex;
    align-items: center;
    margin: 10px 0;
}

.what-to-learn-content .what-to-learn-content-school-list .school-item-list .school-item-list-content .school-item-list-content-title-school-name p {
    color: #2F61C9;
}

.what-to-learn-content .what-to-learn-content-school-list .school-item-list .school-item-list-content .school-item-list-content-title-school-name img {
    width: 30px;
    height: 20px;
    margin-right: 10px;
}

.what-to-learn-content .what-to-learn-content-school-list .school-item-list .school-item-list-content .school-item-list-content-title-school-introduction {
    line-height: 28px;
    color: #797070;
}

.study_width .what-to-learn-content-school-list .school-item-list a:hover h2 {
    color: #003f8c !important;
}


/*页码*/
.page_list {
    font-size: 0;
    text-align: center;
}

.page_list a,
.inputreach,
.btnreach {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    background: #ffffff;
    border-radius: 4px;
    font-size: 14px;
}

.page_list a {
    margin: 20px 7.5px 0 7.5px;
    color: #333333;
    width: 30px;
    text-align: center;
}

.page_list a.pnpage,
.inputreach,
.btnreach {
    display: inline-block;
    width: 70px;
    color: #333333;
    margin: 0 7.5px;
}

.spannum,
.reachpage {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    display: inline-block;
}

.spannum {
    margin: 0 7.5px;
}

.reachpage {
    color: #333333;
}

.inputreach {
    width: 50px;
    padding: 0 10px;
    margin: 0 15px;
}

.btnreach {
    margin-left: 15px;
}

.page_list a.on,
.page_list a:hover,
.btnreach:hover {
    color: #ffffff !important;
    background: #003f8c;
}


/*项目详情*/
.study-position-height {
    height: 500px;
    position: relative;
}

.study-position-site {
    height: 50px;
    line-height: 50px;
    background: rgba(0, 0, 0, 0.6);
}

.site_ul li,
.site_ul li a,
.site_ul li a:hover {
    color: #ffffff !important;
}

.project-details-banner {
    width: 100%;
    position: absolute;
    left: 0;
    top: 335px;
}

.project-height-bjcolor {
    width: 100%;
    height: 245px;
    background: #ffffff;
    overflow: hidden;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.project-details-left {
    width: 740px;
    height: 100%;
    padding: 40px 50px;
    background: #003f8c;
}

.project-details-content-width-left {
    width: 400px;
}

.project-details-content-width-right {
    width: 200px;
    text-align: right;
}

.sign-up-now a {
    width: 100px;
    height: 40px;
    line-height: 40px;
    display: block;
    text-align: center;
    background: #ffffff;
    border-radius: 5px;
}

.sign-up-now1 a {
    float: right;
}

.sign-up-now2 a {
    background: #003f8c;
    color: #ffffff !important;
}

.sign-up-now-text-ul {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #ffffff;
}

.sign-up-now-text-ul li {
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    margin-right: 20px;
    padding-left: 30px;
    position: relative;
}

.sign-up-now-text-ul li span {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.sign-up-now-text-ul li span img {
    border-radius: 50%;
}

.sign-up-now-text-ul li:last-child {
    margin-right: 0;
}

.project-details-right {
    width: 660px;
    height: 100%;
    padding: 40px 50px 20px;
}

.project-details-right-title {
    color: #003f8c;
}

.project-details-right .school-bottom-right {
    bottom: 40px;
    right: 20px;
}

.school-bottom-right img {
    height: 140px;
}

.school-details-content-top {
    padding: 160px 0 80px;
}

.project-details-padding {
    padding: 0 50px;
}

.project-title-1 a {
    font-weight: bold;
}

.project-title-1 a:hover {
    color: #003f8c !important;
}

.project-details-padding-left {
    width: 600px;
}

.project-details-padding-right {
    width: 520px;
    margin-left: 180px;
    height: 305px;
    border-radius: 10px;
    background: #1f3952;
}

.project-details-padding-right .project-static-img {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.project-details-major-ul li {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 28px;
    position: relative;
}

.project-details-major-ul li:before {
    content: "";
    width: 8px;
    height: 8px;
    background: #000;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
}

.project-details-major-ul li.active:before {
    background: #003f8c;
}

.project-details-major-ul li.active {
    color: #003f8c;
    font-weight: bold;
}


/*项目详情-项目信息*/
.project-details-information-bj {
    background: #1f3952;
    position: relative;
    padding: 80px 0 330px;
}

.project-details-information-bj .project-details-information-bjimg {
    position: absolute;
    bottom: -60px;
}

.information-title {
    position: relative;
    padding: 10px 0;
}

.information-title:before {
    content: "";
    width: 60px;
    height: 2px;
    background: #ffffff;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.information-title-1:before {
    content: "";
    background: #003f8c;
}

.project-information-ul li {
    width: 310px;
    display: inline-block;
    vertical-align: top;
    margin-right: 50px;
}

.project-information-ul li:last-child {
    margin-right: 0;
}

.project-information-ul-title,
.project-information-ul-text {
    padding-left: 53.5px;
}

.project-information-ul-title .information-img {
    width: 36px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}


/*项目详情-学习模式*/
.learning-style-top {
    margin-top: 60px;
}

.learning-style-bjcolor {
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.learning-style-width .whole-learning-line {
    padding-bottom: 10px;
    color: #003f8c;
}

.learning-style-width .whole-learning-line:before {
    content: "";
    width: 60px;
    height: 2px;
    background: #003f8c;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}

.learning-style-width .whole-learning-top {
    margin-top: 40px;
}

.learning-style-width .whole-learning-title i {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: #003f8c;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    display: block;
    border-radius: 50%;
}

.learning-style-width .whole-learning-title span {
    margin-right: 20px;
    height: 30px;
    line-height: 30px;
    padding-left: 60px;
    font-size: 16px;
}

.learning-style-width .whole-learning-text {
    padding-left: 60px;
    height: 100px;
    line-height: 25px;
    margin: 5px 0;
}

.learning-style-width .whole-learning-text:before {
    content: "";
    height: 100px;
    position: absolute;
    left: 15px;
    top: 0;
    border-left: 1px dashed #707070;
}

.learning-style-width .whole-learning-text:last-child {
    height: auto;
}

.learning-style-width .whole-learning-text:last-child:before {
    display: none;
}

.learning-style-width {
    width: 700px;
    height: 1100px;
    padding: 40px 130px 30px;
    background: #ffffff;
}

.learning-newson {
    background: #003f8c;
}

.learning-newson .whole-learning-line {
    color: #ffffff;
}

.learning-newson .whole-learning-line:before {
    background: #ffffff;
}

.learning-newson .whole-learning-title i {
    background: #ffffff;
    color: #003f8c;
}

.learning-newson .whole-learning-title {
    color: #ffffff;
}

.learning-newson .whole-learning-text {
    color: #ffffff;
}

.learning-newson .whole-learning-text:before {
    border-left: 1px dashed #ffffff;
}


/*项目详情-认证信息*/
.ministry-width-left {
    width: 578px;
}

.ministry-width-right {
    width: 667px;
    margin-left: 53px;
}

.ministry-width-left .ministry-img {
    width: 100%;
    height: 450px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.ministry-width-right .ministry-img {
    width: 100%;
    height: 450px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.authentication-information-ul li {
    width: 213px;
    margin-right: 28px;
    display: inline-block;
    vertical-align: top;
}

.authentication-information-ul li:last-child {
    margin-right: 0;
}

.authentication-information-ul li .authentication-img {
    width: 100%;
    height: 300px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.authentication-information-ul li.authentication-width-content {
    width: 336px;
    height: 300px;
    background: #ffffff;
    border-radius: 10px;
    padding: 30px 20px;
    position: relative;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.authentication-information-ul li.authentication-width-content .ministry-img-bleft {
    position: absolute;
    bottom: 30px;
    left: 20px;
}

.ministry-img-bleft img {
    height: 40px;
}

.img-bleft-height {
    margin-left: 18px;
}


/*项目详情-课程设置*/
.curriculum-provision-table {
    width: 100%;
}

.curriculum-provision-table tr td.cur-width span {
    height: 30px;
    line-height: 30px;
    margin: 5px 30px 5px 0;
    background: #f6f6f6;
    display: block;
    padding: 0 50px;
    font-size: 16px;
}

.curriculum-provision-table tr:nth-child(2n-1) td.cur-width span {
    background: #ffffff;
}

.curriculum-provision-table tr td.cur-width1 span {
    width: 205px;
}

.curriculum-provision-table tr td.cur-width2 span {
    width: 270px;
}

.curriculum-provision-table tr td.cur-width3 span {
    width: 680px;
}

.curriculum-provision-table tr td.cur-width4 span {
    width: 155px;
    text-align: center;
    margin-right: 0;
}

.curriculum-provision-table tr.curriculum-table-title {
    background: #003f8c;
}

.curriculum-provision-table tr.curriculum-table-title td.cur-width span {
    background: #003f8c;
    color: #ffffff;
    margin: 0;
    height: 35px;
    line-height: 35px;
}

.curriculum-provision-table tr:last-child td.cur-width span {
    background: #dfdfdf;
}

.curriculum-provision-text {
    color: #787878;
}


/*项目详情-学员心得*/
.school-certificate-bj {
    background: #1f3952;
}

.school-certificate-ul li {
    display: inline-block;
    vertical-align: top;
    width: 330px;
    margin-right: 26.6px;
    border-radius: 5px;
    background: #fff;
    overflow: hidden;
}

.school-certificate-ul li:last-child {
    margin-right: 0;
}

.school-certificate-text {
    height: 200px;
    padding: 30px 20px;
    position: relative;
    background: #efefef;
}

.school-certificate-text-top {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    height: 140px;
    overflow: hidden;
}

.school-certificate-text-buttom {
    height: 100px;
    padding: 20px;
}

.school-certificate-text:before {
    content: "";
    width: 0;
    height: 0;
    border: 10px solid #efefef;
    position: absolute;
    bottom: -10px;
    right: 45px;
    display: inline-block;
    border-top-color: #efefef;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.school-certificate-width {
    width: 220px;
}

.school-certificate-img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    background: #efefef;
    right: 30px;
    top: 30px;
}


/*项目详情-学生风采*/
.school-environment-left {
    width: 1030px;
    height: 630px;
}

.school-environment-left-top {
    width: 680px;
    height: 305px;
    background: #274158;
}

.school-environment-right-top {
    width: 330px;
    height: 305px;
    background: #274158;
    margin-left: 20px;
}

.environment-top-1 {
    margin-top: 20px;
}

.environment-top-1 .school-environment-right-top:first-child {
    margin-left: 0;
}

.school-environment-right {
    width: 350px;
    height: 630px;
    margin-left: 20px;
    background: #274158;
}


/*预约试听名额评估报名资格*/
.booking-audition-quota-left,
.booking-audition-quota-right {
    height: 510px;
    background: #ffffff;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.booking-audition-quota-left {
    width: 865px;
}

.swiper-slide {
    /* height: 510px; */
}

.swiper-slide img {
    height: 440px;
}

.audition-quot-height {
    height: 70px;
    line-height: 70px;
    padding-left: 50px;
}

.audition-quot-height a {
    color: #003f8c !important;
    display: inline-block;
}

.swiper-pagination {
    text-align: right;
}

.swiper-pagination-fraction {
    font-size: 18px;
    width: auto;
    bottom: 20px;
    right: 120px;
    color: #b3b3b3;
}

.audition-quot-height a span {
    display: inline-block;
    margin-right: 20px;
}

.swiper-button-next1,
.swiper-button-prev1 {
    top: 488px;
    background: none;
    outline: none;
    font-size: 20px;
    color: #b3b3b3;
}

.swiper-button-next1 {
    left: 805px;
}

.swiper-button-prev1 {
    left: 770px;
}

.swiper-button-next1:hover,
.swiper-button-prev1:hover {
    color: #003f8c !important;
}

.booking-audition-quota-right {
    width: 500px;
    padding: 40px 50px;
    margin-left: 35px;
}

.booking-quota-form {
    width: 400px;
    margin-bottom: 20px;
}

.booking-form-title {
    width: 100px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
}

.booking-form-right {
    width: 300px;
    position: relative;
}

.booking-form-right .myclass {
    height: 12px;
    color: #FF0000;
    font-size: 12px;
    line-height: 12px;
    position: absolute;
    bottom: -12px;
    left: 0;
}

.booking-input {
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    padding: 0 10px;
    border-radius: 5px;
    color: #888888;
    border: 1px solid #dddddd;
}

.booking-audition-quota-right .booking-quota-form-top {
    margin-top: 50px;
    text-align: center;
}

.booking-audition-quota-right .booking-quota-form-top .btn-form {
    width: 150px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #ffffff;
    background: #cbcbcb;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
}

.booking-audition-quota-right .booking-quota-form-top .newson {
    background: #003f8c;
}

.booking-audition-quota-right .booking-quota-form-top .btn-form-right {
    margin-left: 40px;
}

.booking-select {
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    padding: 0 10px;
    border-radius: 5px;
    color: #888888;
    border: 1px solid #dddddd;
}

.booking-select-city-2 {
    float: left;
    width: 140px;
    position: relative;
}

.booking-select-city-2 .myclass1 {
    height: 12px;
    color: #FF0000;
    font-size: 12px;
    line-height: 12px;
    position: absolute;
    bottom: -12px;
    left: 0;
}

.booking-select-city-2:last-child {
    margin-left: 20px;
}


/*学校详情*/
.school-height {
    height: 600px;
    position: relative;
}

.school-details-banner {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -110px;
}

.school-height-bjcolor {
    width: 100%;
    height: 425px;
    background: #fff;
    overflow: hidden;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.school-details-left {
    width: 430px;
    padding: 35px 50px 40px;
}

.school-major-ul li a {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.school-major-ul li.active a,
.school-major-ul li a:hover {
    color: #003f8c !important;
    font-weight: bold;
}

.school-details-right {
    width: 970px;
    height: 100%;
    border-collapse: separate;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.school-details-right-top {
    width: 100%;
    height: 265px;
    background: #2D5FC8;
    padding: 35px 50px 25px;
}

.school-details-text p {
    margin-top: 10px;
}

.school-details-right-bottom {
    width: 100%;
    height: 160px;
    padding: 20px 50px;
}

.school-details-right-bottom .school-bottom-left {
    top: 50%;
    transform: translateY(-50%);
    left: 50px;
}

.school-details-right-bottom .school-bottom-right {
    top: 20px;
    right: 40px;
}

.school-details-right-bottom .school-bottom-right img {
    height: 120px;
}


/*学校详情-学校信息*/
.school-details-content-top-1 {
    padding: 190px 0 80px;
}

.school-details-padding-left {
    width: 760px;
}

.project-details-padding-right-1 {
    margin-left: 20px;
}

.school-details-major-ul {
    margin-top: 25px;
}

.school-details-major-ul li {
    position: relative;
    margin-top: 10px;
    padding-left: 50px;
}

.school-details-major-ul li i {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: #003f8c;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    display: block;
    border-radius: 50%;
}

.sign-up-now3 {
    display: inline-block;
    margin-left: 20px;
}


/*怎么学-教辅*/
.country_ul li.active a .prtner-text div,
.country_ul li a:hover .prtner-text div {
    color: #003f8c;
}

.assistant-country_ul li {
    width: 233px;
}

.assistant-none,
.assistant-block {
    width: 31px;
}

.assistant-none {
    display: none;
}

.assistant-country_ul li.active a .assistant-block,
.assistant-country_ul li a:hover .assistant-block {
    display: none;
}

.assistant-country_ul li.active a .assistant-none,
.assistant-country_ul li a:hover .assistant-none {
    display: block;
}

.teachingliterature li {
    border: 1px solid #f1f1f1;
}

.teachingliterature li .in-literature {
    height: 236px;
    margin: 10px 0;
    position: relative;
}

.in-literature .teaching-title {
    position: absolute;
    top: 30px;
    left: 0;
    width: 70px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}

.literature-bj {
    background: #fff4e2;
    color: #ff8749;
}

.literature-bj1 {
    background: #e1f4ff;
    color: #369fff;
}

.literature-bj2 {
    background: #fff0f2;
    color: #fe6079;
}

.literature-title {
    font-size: 14px;
    color: #444;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.literature-text {
    margin-top: 10px;
    font-size: 12px;
    color: #999;
    line-height: 1.5;
    -webkit-line-clamp: 2;
    height: 3em;
}

.teaching-money {
    font-size: 20px;
    color: #ff8042;
    line-height: 20px;
}

.teaching-right {
    font-size: 12px;
    color: #999;
    line-height: 20px;
}

.teaching-padding {
    border-top: 1px solid #f1f1f1;
    margin-top: 15px;
    padding: 10px 0;
}

.in-video-course {
    background: #f5f6f6;
}

.teaching-assistantliterature-ul li {
    width: 330px;
    margin: 0 26.6px 30px 0;
    background: #ffffff;
    display: inline-block;
    vertical-align: top;
    border-radius: 10px;
    overflow: hidden;
}

.teaching-assistantliterature-ul li:nth-child(4n) {
    margin-right: 0;
}

.teaching-item-img {
    height: 200px;
    overflow: hidden;
}

.teaching-assistantliterature-ul li a .teaching-item-img img {
    transition: all 0.4s ease;
}

.teaching-assistantliterature-ul li a:hover .teaching-item-img img {
    transform: scale(1.05, 1.05);
    transition: all 0.4s ease;
}

.teaching-assistantliterature-ul li .teaching-item-list-content {
    padding: 15px 25px;
}

.teaching-assistantliterature-ul li .teaching-item-list-content a h2 {
    font-size: 18px;
    color: #040404;
}

.teaching-assistantliterature-ul li .teaching-item-list-content a:hover h2 {
    color: #2F61C9;
}

.teaching-assistantliterature-ul li .teaching-item-list-name {
    color: #040404;
    padding: 8px 0 4px;
}

.teaching-assistantliterature-ul li .teaching-item-list-text {
    color: #797070;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 48px;
    overflow: hidden;
}

.teaching-assistantliterature-ul li .teaching-line-assistantliterature {
    margin-top: 15px;
    padding-top: 10px;
    border-top: 1px solid #eeeeee;
}

.teaching-assistantliterature-ul li .teaching-money {
    width: 170px;
}

.teaching-assistantliterature-ul li .teaching-right {
    width: 108px;
    text-align: right;
}

.teaching-assistantliterature-ul li .teaching-money {
    color: #ff0000;
    font-weight: bold;
}

.teaching-assistantliterature-ul li .teaching-money span {
    font-size: 12px;
    font-weight: lighter;
}


/*怎么学-作业*/
.task-table-padding-topbuttom {
    margin: 5px 0 30px;
}

.task-table-bjcolor {
    background: #003f8c;
    padding: 0 30px;
}

.task-table-bjcolor .task-table .task-table-title .task-width span {
    height: 46px;
    line-height: 46px;
    color: #ffffff;
}

.task-table-bjcolor-1 {
    background: #ffffff;
    padding: 0 30px;
}

.task-table-bjcolor-1 .task-table tr td.task-width {
    border-bottom: 1px solid #b8b8b8;
}

.task-table-bjcolor-1 .task-table tr:last-child td.task-width {
    border-bottom: none;
}

.task-table tr td.task-width span {
    height: 65px;
    line-height: 65px;
    display: inline-block;
    font-size: 16px;
    margin-left: 50px;
}

.task-table tr td.task-width1 span {
    width: 400px;
    margin-left: 0;
}

.task-table tr td.task-width2 span {
    width: 150px;
}

.task-table tr td.task-width3 span {
    width: 150px;
}

.task-table tr td.task-width4 span {
    width: 100px;
}

.task-table tr td.task-width5 span {
    width: 100px;
}

.task-table tr td.task-width6 span {
    width: 50px;
}

.task-table tr td.task-width7 span {
    width: 90px;
}

.task-table-bjcolor-1 .task-table tr td.task-width1 span a:hover {
    color: #003f8c !important;
}

.task-table tr td.task-width6 span a {
    color: #FF0000 !important;
    display: inline-block;
}

.task-table tr td.task-width7 span a {
    margin-top: 17.5px;
    width: 90px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #ffffff !important;
    display: inline-block;
    background: #003f8c;
    border-radius: 5px;
}


/*怎么学-师资*/
.persons-qualified-to-teach-ul li {
    width: 449px;
    display: inline-block;
    vertical-align: top;
    background: #ffffff;
    padding: 20px;
    border-radius: 5px;
    margin: 0 26px 30px 0;
}

.persons-qualified-to-teach-ul li:nth-child(3n) {
    margin-right: 0;
}

.persons-qualified-left {
    width: 150px;
}

.persons-qualified-hight {
    width: 150px;
    height: 180px;
    overflow: hidden;
    background: #dedede;
}

.persons-qualified-left a .persons-qualified-hight img {
    transition: all 0.4s ease;
}

.persons-qualified-left a:hover .persons-qualified-hight img {
    transform: scale(1.05, 1.05);
    transition: all 0.4s ease;
}

.persons-qualified-right {
    width: 230px;
    margin-left: 20px;
}

.persons-qualified-right a:hover .persons-qualified-title {
    color: #2F61C9;
}

.persons-qualified-line {
    padding-top: 15px;
    border-bottom: 1px solid #cecece;
}

.persons-qualified-text-2 {
    color: #707070;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    height: 112px;
    overflow: hidden;
}

.go-to-the-home-page a {
    margin-top: 45px;
    width: 150px;
    display: block;
    text-align: center;
    height: 34px;
    border: 1px solid #CECECE;
    border-radius: 50px;
    font-size: 14px;
    line-height: 34px;
}

.go-to-the-home-page a:hover {
    background: #2F61C9;
    border-color: #2F61C9;
    color: #ffffff !important;
}


/*怎么学-视频*/
.how-to-learn-video-title {
    height: 50px;
    line-height: 50px;
    background: #003f8c;
}

.how-to-learn-video-text {
    background: #ffffff;
    padding: 20px 50px;
}

.how-to-learn-video-left,
.how-to-learn-video-right {
    height: 430px;
    background: #ffffff;
    border-radius: 5px;
    overflow: hidden;
}

.how-to-learn-video-left {
    width: 440px;
}

.learn-video-hieght {
    height: 245px;
    overflow: hidden;
}

.learn-video-hieght a img {
    transition: all 0.4s ease;
}

.learn-video-hieght a:hover img {
    transform: scale(1.05);
    transition: all 0.4s ease;
}

.learn-video-padding {
    padding: 20px;
}

.learn-video-width-left {
    width: 260px;
}

.learn-video-width-right {
    width: 140px;
    text-align: right;
}

.learn-video-width-right .learn-video-money-1 {
    color: #ff0000;
}

.courses-width-left {
    width: 300px;
}

.courses-width-left span {
    display: inline-block;
    vertical-align: middle;
}

.courses-img-height {
    width: 30px;
    height: 30px;
    border: 2px solid #a1a1a1;
    border-radius: 50px;
    overflow: hidden;
    background: #a7a7a7;
}

.courses-img-title {
    margin-left: 20px;
    width: 230px;
}

.courses-width-right {
    width: 100px;
    text-align: right;
    border-left: 1px solid #e2e2e2;
}

.courses-width-text {
    color: #797070;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 56px;
    overflow: hidden;
}

.courses-width-left a:hover,
.learn-video-title a:hover {
    color: #2F61C9 !important;
}

.learn-from-scratch-ul li {
    width: 170px;
    height: 275px;
    background: #f3f8fe;
    border-radius: 5px;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    text-align: center;
    padding: 30px 12.5px 15px;
}

.learn-from-scratch-ul li:last-child {
    margin-right: 0;
}

.learn-from-scratch-ul li a:hover {
    color: #2F61C9 !important;
}

.pretty-soon {
    margin-top: 20px;
    width: 135px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    display: inline-block;
    cursor: pointer;
}

.pretty-soon:hover {
    background: #2F61C9;
    color: #fff;
    border-color: #2F61C9;
}

.how-to-learn-video-right {
    width: 950px;
    margin-left: 10px;
    padding: 0 30px 60px;
}

.hot-videos-title {
    height: 55px;
    line-height: 55px;
    border-bottom: 1px solid #e2e2e2;
}

.learn-from-scratch a:hover {
    color: #2F61C9 !important;
}

.administration-line {
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #e2e2e2;
}

.administration-title span {
    margin-left: 20px;
}

.pretty-soon-bj {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
}

.pretty-soon-video-bjcolor {
    background: #fff;
    width: 1400px;
    height: 900px;
    padding: 20px 30px 30px;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.administration-height {
    width: 100%;
    height: 800px;
    overflow-y: auto;
}

.administration-height::-webkit-scrollbar {
    width: 8px;
    overflow: hidden;
}

.administration-height::-webkit-scrollbar-thumb {
    background-color: #d9b56b;
    background: -webkit-linear-gradient(top, #888888, #666666);
    background: -o-linear-gradient(top, #888888, #666666);
    background: -moz-linear-gradient(top, #888888, #666666);
    background: linear-gradient(to top, #888888, #666666);
    border-radius: 10px;
}

.administration-height .administration-table tr td.administration-width {
    border-bottom: 1px solid #b8b8b8;
}

.administration-height .administration-table tr:last-child td.administration-width {
    border-bottom: none;
}

.administration-height .administration-table tr td.administration-width span {
    height: 60px;
    line-height: 60px;
    padding: 0 30px;
    display: inline-block;
    font-size: 18px;
}

.administration-height .administration-table tr td.administration-width1 {
    width: 450px;
}

.administration-height .administration-table tr td.administration-width1 span {
    max-width: 450px;
    padding-right: 40px;
    position: relative;
}

.administration-height .administration-table tr td.administration-width1 span:before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    background: url(../image/index/video_bj1.png);
}

.administration-height .administration-table tr td.administration-active span:before,
.administration-height .administration-table tr td span:hover:before {
    content: "";
    background: url(../image/index/video_bj2.png);
}

    {
    content: "";
    background: url(../image/index/video_bj2.png);
}

.administration-height .administration-table tr td.administration-active span a,
.administration-height .administration-table tr td span a:hover {
    color: #2F61C9 !important;
}

.administration-height .administration-table tr td.administration-width2 {
    width: 680px;
    text-align: right;
    font-size: 18px;
    color: #DDDDDD;
}

.administration-height .administration-table tr td.administration-width3 span {
    width: 180px;
    text-align: right;
    font-size: 12px;
    color: #4AB6AF;
    font-weight: bold;
}

.administration-height .administration-table tr td.administration-width3 span i {
    font-size: 18px;
    color: #4AB6AF;
    font-weight: bold;
}


/*报名申请表第一步*/
.first-step-apply-for {
    margin-top: 100px;
}

.first-step-of-application-form-height {
    height: 200px;
    width: 100%;
    background: #547cd1;
    position: absolute;
    top: 0;
    left: 0;
}

.application-form-title {
    padding: 40px 0;
}

.app-form-title {
    margin-top: 5px;
}

.application-form-title span {
    position: relative;
    display: inline-block;
}

.application-form-title span:after,
.application-form-title span:before {
    content: "";
    width: 80px;
    height: 2px;
    background: #fff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.application-form-title span:after {
    right: -110px;
}

.application-form-title span:before {
    left: -110px;
}

.first-step-of-application-form {
    padding-top: 140px;
}

.first-step-of-application-form-padding {
    background: #fff;
    padding: 30px 50px 50px;
    margin-bottom: 50px;
    position: relative;
    border-radius: 10px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.application-form-ul {
    width: 720px;
    height: 40px;
    margin: 0 auto;
    position: relative;
}

.application-form-ul::after {
    content: "";
    width: 100%;
    height: 2px;
    background: #d6d6d6;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.application-form-ul li {
    font-size: 20px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #d6d6d6;
    color: #ffffff;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    display: block;
}

.application-form-ul .application-form-li-1 {
    left: 0;
}

.application-form-ul .application-form-li-2 {
    left: 50%;
    transform: translate(-50%, -50%);
}

.application-form-ul .application-form-li-3 {
    right: 0;
}

.application-form-ul .application-form-li-1:after,
.application-form-ul .application-form-li-2:after,
.application-form-ul .application-form-li-2:before,
.application-form-ul .application-form-li-3:after {
    content: "";
    width: 150px;
    height: 2px;
    background: #d6d6d6;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.application-form-ul .application-form-li-1:after,
.application-form-ul .application-form-li-2:before {
    left: 40px;
}

.application-form-ul .application-form-li-2:after,
.application-form-ul .application-form-li-3:after {
    right: 40px;
}

.application-form-ul .application-form-li-1.active,
.application-form-ul .application-form-li-2.active,
.application-form-ul .application-form-li-3.active {
    background: #003f8c;
}

.application-form-ul .application-form-li-1.active:after,
.application-form-ul .application-form-li-2.active:after,
.application-form-ul .application-form-li-2.active:before,
.application-form-ul .application-form-li-3.active:after {
    background: #003f8c;
}

.personal-information-title {
    line-height: 1;
    margin-top: -10px;
    padding: 0 30px 20px;
    border-bottom: 1px solid #d6d6d6;
}

.personal-information-padding {
    padding: 20px 30px;
}

.personal-information-input-title {
    font-size: 16px;
    color: #003f8c;
    width: 80px;
    height: 30px;
    line-height: 30px;
}

.personal-information-input-title-1 {
    width: 66px;
}

.personal-information-input-title span {
    color: #ff0000;
    margin-right: 5px;
}

.personalre {
    position: relative;
    height: 30px;
    margin-left: 30px;
}

.personalre .personaltext,
.personalre-form-right .personaltext1 {
    height: 12px;
    font-size: 12px;
    line-height: 12px;
    position: absolute;
    bottom: -14px;
    left: 0;
}

.personalre .personaltext {
    color: #FF0000;
}

.personalre-form-right .personaltext1 {
    color: #003f8c;
}

.personal-left30 {
    margin-left: 30px;
}

.personalre-width200 {
    width: 200px;
}

.personal-input {
    width: 100%;
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
    font-size: 16px;
    padding: 0 10px;
    color: #888888;
    border: 1px solid #dddddd;
}

.personalre label {
    font-size: 16px;
    line-height: 28px;
    padding-left: 10px;
}

.personalre label.label-right {
    margin-right: 30px;
}

.personalre input[type="radio"]+label::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 1px solid #888888;
    box-sizing: border-box;
    background: #fff;
    position: relative;
    top: 3px;
    left: -10px;
    border-radius: 50%;
}

.personalre input[type="radio"]:checked+label::before {
    border: 5px solid #003f8c;
    background-clip: content-box;
    position: relative;
    top: 3px;
    border-radius: 50%;
}

.personalre input[type="radio"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    margin: 0;
}

.personal-input-width-1 {
    width: 200px;
    margin-left: 10px;
}

.fixedtelephone-input {
    width: 100px;
}

.fixedtelephone span {
    padding: 0 10px;
    font-size: 16px;
    line-height: 30px;
    color: #888888;
}

.fixedtelephone-input-1 {
    width: 200px;
}

.personalre-form-right {
    width: 140px;
}

.personalre-form-select {
    width: 100%;
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
    font-size: 16px;
    padding: 0 10px;
    color: #888888;
    border: 1px solid #dddddd;
}

.personalre-form-right:first-child {
    margin-left: 0;
}

.personalre-form-right-1,
.personal-input-2 {
    width: 250px;
    margin-left: 0;
}

.baoming-form-width-left {
    width: 1010px;
}

.baoming-form-width-right {
    width: 150px;
    margin-left: 80px;
    position: relative;
}

.baoming-for-bjacolor {
    width: 150px;
    height: 175px;
    display: block;
    background: url(../image/index/upload.png) no-repeat;
    background-size: 100% 100%;
    border-radius: 10px;
    overflow: hidden;
}

.upload-again {
    position: absolute;
    top: 0;
    left: 0;
    width: 150px;
    height: 175px;
    display: none;
    background: #003f8c;
    font-size: 20px;
    color: #ffffff;
    line-height: 175px;
    text-align: center;
    border-radius: 10px;
}

.baoming-form-width-right:hover .upload-again {
    display: inline-block;
}


.contactaddress-padding {
    padding-left: 30px;
}

.personal-input-width-contactaddress {
    width: 1156px;
}

.personal-width-left {
    width: 620px;
}

.personal-width-right {
    width: 620px;
    margin-left: 26px;
}

.personal-width-title {
    width: 100%;
}

.textarea-systematic {
    width: 100%;
    height: 150px;
    border-radius: 5px;
    font-size: 16px;
    line-height: 30px;
    padding: 0 10px;
    color: #888888;
    border: 1px solid #dddddd;
    resize: none;
}

.personalre-textarea-right {
    height: 170px;
    margin-left: 0;
    width: 100%;
    position: relative;
}

.personalre-textarea-right .systemsonaltext {
    position: absolute;
    bottom: 6px;
    right: 10px;
    z-index: 99;
    font-size: 12px;
    color: #888888;
}

.personal-information-top {
    margin-top: 30px;
}

.personal-information-top .personal-information-form {
    width: 100px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    color: #ffffff;
    background: #003f8c;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    margin: 0 10px;
}


/*报名申请表第二步*/
.educational-padding-left {
    padding-left: 50px;
    position: relative;
}

.educational-padding-left span {
    position: absolute;
    top: 5px;
    left: 36px;
    color: #ff0000;
}

.educational-padding-left-1 {
    padding-left: 30px;
}

.educational-padding-left-1 span {
    left: 16px;
}

.educational-personal-information-padding {
    padding: 20px 50px 0;
}

.educational-personal-information-padding-1 {
    padding: 20px 0 0 50px;
}

.steptwo-educational-title {
    font-size: 16px;
    color: #003f8c;
}

.margin-right15 {
    margin-right: 15px;
}

.educational-background-width-1 {
    width: 250px;
}

.educational-background-width-2 {
    width: 350px;
}

.educational-background-width-3 {
    width: 200px;
}

.educational-background-width-4 {
    width: 300px;
}

.educational-background-width-5 {
    width: 155px;
}

.educational-background-width-6 {
    width: 341px;
}

.educational-background-width-7 {
    width: 100px;
}

.educational-relative {
    position: relative;
}

.educational-relative .personaltext {
    color: #FF0000;
    height: 12px;
    font-size: 12px;
    line-height: 12px;
    position: absolute;
    bottom: -14px;
    left: 0;
}

.educational-relative span {
    position: absolute;
    top: 5px;
    left: -16px;
    font-size: 16px;
    color: #FF0000;
}

.steptwo-address-title {
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    color: #003f8c;
    margin-right: 30px;
}

.educational-padding-left i {
    font-size: 12px;
}

.educational-to {
    font-size: 16px;
    height: 30px;
    line-height: 30px;
}


/*报名申请表第三步*/
.personal-information-steptwo-padding {
    padding: 0 30px;
}

.personalre-height-content,
.textarea-height-1 {
    height: 250px;
}

.margin-lef30 {
    margin-left: 30px;
}

.margin-lef15 {
    margin-left: 15px;
}

.margin-lef10 {
    margin-left: 14px;
}

.documentupload-width {
    width: 157px;
}

.documentupload-examples-width-left80 {
    width: 200px;
    margin-left: 80px;
}

.documenttype-upload {
    display: block;
    text-align: center;
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    background: #f2f2f2;
    border-radius: 5px;
    cursor: pointer;
}

.documenttype-upload:hover {
    background: #003f8c;
    color: #ffffff !important;
}

.upload-img {
    width: 88px;
    margin: 0 4px;
}

.upload-title-text {
    font-size: 12px;
    line-height: 2;
    color: #ff0000;
}

.upload-title-text a {
    color: #003f8c !important
}

.referrer-wieth-left {
    width: 600px;
}

.personalre-references {
    margin-left: 0;
    width: 46px;
}

.personalre-references label.label-right {
    margin-right: 0;
}

.fullname {
    font-size: 16px;
    height: 30px;
    line-height: 30px;
}

.referrer-wieth-right {
    width: 600px;
    margin-left: 40px;
}

.electronicsignature {
    width: 100%;
    height: 150px;
    border: 1px solid #dddddd;
    border-radius: 5px;
}

.promise-width-left {
    width: 120px;
    font-size: 16px;
    line-height: 32px;
    ;
}

.promise-width-right {
    width: 1120px;
    font-size: 16px;
    line-height: 32px;
    ;
}

.promise-business {
    position: relative;
}

.promise-business input[type=checkbox] {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 20px;
    height: 20px;
    border-radius: 5px;
    overflow: hidden;
}

input[type=checkbox]+span {
    display: inline-block;
    vertical-align: top;
    margin-top: 6px;
    width: 20px;
    height: 20px;
    background: url("../image/index/button.png") no-repeat;
    background-size: 100% 100%;
}

input[type=checkbox]:checked+span {
    background: url("../image/index/button1.png") no-repeat;
    background-size: 100% 100%;
}

.promise-business .personaltext {
    height: 12px;
    font-size: 12px;
    line-height: 12px;
    position: absolute;
    bottom: -14px;
    left: 24px;
    color: #ff0000;
}


/*报名申请已提交成功*/
.submitted-successfully-hegiht {
    height: 400px;
    background: #fff;
    margin-bottom: 50px;
    position: relative;
    border-radius: 10px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.successfully-top {
    padding: 95px 0;
    text-align: center;
}

.submitted-width-left,
.submitted-width-right {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}

.submitted-width-left img {
    width: 100px;
    height: 100px;
}

.submitted-width-right {
    margin-left: 50px;
}

.sub-successfully-title {
    font-size: 30px;
}

.sub-successfully-text {
    font-size: 16px;
}

.successfully-time {
    text-align: center;
    font-size: 24px;
    color: #2D5FC8;
}

.got-it {
    width: 100px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    text-align: center;
    background: #003f8c;
    color: #ffffff !important;
    border-radius: 5px;
}


/*蚂蚁学分*/
.study-buttom-height {
    min-height: 400px;
}

.study-buttom-line {
    height: 50px;
    line-height: 50px;
}

.ant-credits-buttom {
    padding-bottom: 30px;
}

.ant-credits-buttom .ant-credits-left {
    width: 240px;
    background: #fff;
    border-radius: 5px;
}

.ant-credits-buttom .ant-credits-nav li a {
    font-size: 18px;
    color: #333333;
    text-align: center;
    line-height: 20px;
    display: block;
    padding: 30px 0;
    border-bottom: 1px solid #e8e8e8;
    position: relative;
}

.ant-credits-buttom .ant-credits-nav li:last-child a {
    border-bottom: none;
}

.ant-credits-buttom .ant-credits-nav li.active a:before,
.ant-credits-nav li a:hover:before {
    content: "";
    width: 5px;
    height: 50px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    background: #003f8c;
}

.ant-credits-buttom .ant-credits-right {
    width: 1130px;
    margin-left: 30px;
    background: #fff;
    border-radius: 5px;
}

.ant-credits-buttom .aboutus-buttom-line {
    padding: 24px 30px 0;
    font-size: 32px;
    font-family: OPPOSansB;
    text-align: LEFT;
    color: #003f8c;
    line-height: unset;
}

.aboutus-buttom-line-two {
    font-size: 14px;
    font-family: Helvetica, Helvetica-Regular;
    font-weight: 400;
    text-align: LEFT;
    color: #999999;
    line-height: unset;
}

.ant-credits-buttom .aboutus-table-padding {
    padding: 30px 50px;
    border-bottom: 1px solid #e8e8e8;
}

.ant-credits-buttom .aboutus-width1 {
    font-size: 16px;
    width: 200px;
    height: 30px;
    line-height: 30px;
    border-right: 1px solid #e8e8e8;
}

.ant-credits-buttom .aboutusago {
    margin-top: 15px;
    font-size: 16px;
    color: #bbbbbb;
}

.ant-credits-buttom .aboutus-width2 {
    width: 500px;
    margin-left: 80px;
}

.ant-credits-buttom .aboutustext {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-height: 36px;
    height: 5em;
    overflow: hidden;
    font-size: 16px;
    color: #666666;
}

.ant-credits-buttom .aboutus-width3 {
    width: 100px;
    height: 30px;
    line-height: 30px;
    background: #003f8c;
    font-size: 16px;
    text-align: center;
    color: #ffffff !important;
    border-radius: 5px;
    cursor: pointer;
}

.ant-credits-buttom .U_unfoldstow_text {
    font-size: 18px;
    line-height: 2;
    padding: 30px 80px;
    border-bottom: 2px solid #e8e8e8;
}

.U_unfoldstow_text p {
    font-family: 微软雅黑;
    color: #636363;
    font-size: 15px;
}

.U_unfoldstow:last-child .aboutus-table-padding {
    border-bottom: none;
}

.U_unfoldstow:last-child .U_unfoldstow_text {
    border-top: 1px solid #e8e8e8;
}

.U_unfoldstow_text,
.open .unfoldstow span,
.unfoldstow i {
    display: none;
}

.open .U_unfoldstow_text,
.open .unfoldstow i {
    display: block;
}

.ant-credits-buttom .aboutus_unfoldstow_text {
    padding: 30px;
    font-size: 16px;
    line-height: 2;
}

.aboutustext p {
    font-family: 微软雅黑;
    color: #666666;
    font-size: 15px;
}

/*新闻资讯*/
.newslist-developments {
    padding: 30px;
    border-bottom: 1px solid #e8e8e8;
}

.newslist-developments:last-child {
    border-bottom: none;
}

.newslist-left {
    width: 300px;
    height: 197px;
    background: #d3d3d3;
    border-radius: 5px;
    overflow: hidden;
}

.newslist-left a img {
    transition: all 0.4s ease;
}

.newslist-left a:hover img {
    transform: scale(1.05);
    transition: all 0.4s ease;
}

.newslist-right {
    width: 720px;
    margin-left: 50px;
}

.newslist-right a:hover .newslist-right-title {
    color: #2D5FC8 !important;
}

.newslist-right-text {
    color: #666666;
    font-size: 16px;
    line-height: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    max-height: 6em;
    overflow: hidden;
}

.conveyancer-left {
    width: 587px;
}

.conveyancer-left .conveyancer-img {
    width: 30px;
    height: 30px;
    margin-right: 10px;
    border-radius: 50%;
    overflow: hidden;
    display: inline-block;
    background: #bebebe;
}

.conveyancer-left span {
    display: inline-block;
    vertical-align: middle;
}

.conveyancer-left a:hover span {
    color: #2D5FC8 !important;
}

.conveyancer-right {
    width: 132px;
    color: #666666;
    text-align: right;
}

.study_position1 {
    width: 400px;
}

.study_position1 li,
.study_position1 li a {
    color: #666666;
}

.news-left {
    text-align: right;
    width: 670px;
}

.news-left span {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
}

.news-left span.new-img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 20px;
}

.news-left span.new-time {
    margin-left: 20px;
    color: #666666;
}


/*教辅详情*/
.details-of-teaching-aids-left {
    width: 400px;
}

.details-of-teaching-aids-left img {
    border: 1px solid #f1f1f1;
}

.details-of-teaching-aids-right {
    width: 950px;
    margin-left: 50px;
}

.publication-time-line {
    padding-top: 20px;
    border-top: 1px solid #e8e8e8;
}

.publication-time-line .publication-left {
    width: 750px;
}

.publication-time-line .publication-right {
    width: 200px;
    text-align: right;
}

.introduction-to-teaching-aids-title {
    margin-top: 50px;
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #003f8c;
    font-size: 18px;
    color: #ffffff;
    padding: 0 30px;
}

.introduction-to-teaching-aids-text {
    font-size: 16px;
    line-height: 2;
}

.nanhai-bookstore {
    height: 110px;
    background: #ffffff;
    border: 1px solid #f1f1f1;
}

.nanhai-bookstore-left {
    width: 760px;
    padding: 20px 40px 20px 30px;
}

.nanhai-bookstore-price-left {
    font-size: 16px;
    width: 431px;
}

.nanhai-bookstore-price-left i {
    font-size: 12px;
    color: #ff0000;
}

.nanhai-bookstore-price-left span {
    font-size: 24px;
    color: #ff0000;
    font-weight: bold;
}

.nanhai-bookstore-price-right {
    width: 259px;
    font-size: 18px;
    text-align: right;
}

.nanhai-bookstore-price-right span {
    color: #ff0000;
    margin-left: 10px;
}

.nanhai-bookstore-right {
    width: 180px;
    padding: 20px 20px 20px 0;
}

.nanhai-bookstore-right .nanhai-bookstore-ul {
    border-left: 1px solid #e8e8e8;
}

.nanhai-bookstore-right .nanhai-bookstore-ul li {
    display: inline-block;
    vertical-align: middle;
    margin-left: 30px;
    text-align: center;
}

.nanhai-bookstore-right .nanhai-bookstore-ul li img {
    height: 35px;
}

.nanhai-bookstore-right .share-title {
    font-size: 16px;
    margin-top: 15px;
}


.magnitude-form {
    position: relative;
}

.magnitude-form .magnitude-input {
    position: absolute;
    top: 0;
    width: 60px;
    height: 50px;
    text-align: center;
    padding: 10px;
    font-size: 18px;
    border: 1px solid #f2f2f2;
}

.magnitude-form .magnitude-number {
    font-size: 18px;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    background: #f2f2f2;
    font-weight: bold;
    cursor: pointer;
}

.magnitude-plus {
    position: absolute;
    top: 0;
    left: 60px;
}

.magnitude-reduce {
    position: absolute;
    bottom: 0;
    left: 60px;
}

.magnitude-form .magnitude-number:hover {
    color: #ffffff !important;
    background: #2D5FC8;
}

.magnitude-buynow {
    margin-left: 100px;
    width: 150px;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    color: #2D5FC8;
    border: 1px solid #445d93;
    border-radius: 5px;
    background: rgba(231, 238, 254, 0.6);
}

.magnitude-buynow:hover {
    color: #ffffff !important;
    background: #2D5FC8;
    background: #2D5FC8;
}


/*课程视频教辅著作*/
.teaching-assistant-works-top50 {
    margin-top: 50px;
}

.teaching-assistant-works-hidden {
    overflow: hidden;
}

.teaching-assistant-works-line {
    padding-bottom: 30px;
    border-bottom: 1px solid #333333;
}

.teaching-assistant-works-line .teaching-assistant-works-bj {
    width: 330px;
    height: 70px;
    border: 1px solid #333333;
    border-radius: 50px;
    margin-right: 27px;
    cursor: pointer;
    position: relative;
}

.teaching-assistant-works-line .teaching-assistant-works-bj:last-child {
    margin-right: 0;
}

.teaching-assistant-works-line .teaching-assistant-works-bj i {
    width: 50px;
    height: 50px;
    font-size: 24px;
    border: 1px solid #333333;
    border-radius: 50px;
    text-align: center;
    line-height: 50px;
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
}

.teaching-assistant-works-line .related-left {
    margin-left: 80px;
    padding: 9px 0;
}

.teaching-assistant-works-line .works-related-title {
    font-size: 12px;
    line-height: 2;
    color: #999999;
}

.teaching-assistant-works-line .teaching-related-title {
    font-size: 18px;
}

.teaching-assistant-works-line .newson {
    border: 1px solid #2D5FC8;
    background: #2D5FC8;
}

.teaching-assistant-works-line .newson i {
    border: 1px solid #ffffff;
    color: #ffffff;
}

.teaching-assistant-works-line .newson .works-related-title,
.teaching-assistant-works-line .newson .teaching-related-title {
    color: #ffffff;
}

.teaching-assistant-works-line .newson:before {
    content: "";
    width: 0;
    height: 0;
    border: 16px solid #2D5FC8;
    position: absolute;
    bottom: -32px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    display: inline-block;
    border-bottom-color: #2D5FC8;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.teaching-assistant-works-line .newson:after {
    content: "";
    width: 1400px;
    height: 1px;
    background: #2D5FC8;
    position: absolute;
    bottom: -32px;
    left: 150px;
}


.teaching-works-ul li a {
    display: block;
}

.teaching-works-ul li a .teaching-item-img {
    position: relative;
}

.teaching-works-ul li a .teaching-item-img .teaching-item-im-bj {
    background: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
}

.teaching-works-ul li a .teaching-item-img .teaching-item-im-bj-img {
    background: url(../image/index/play.png) no-repeat;
    display: inline-block;
    width: 48px;
    height: 48px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
}

.teaching-works-ul li a:hover .teaching-item-img .teaching-item-im-bj {
    background: none;
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
}

.teaching-works-ul li a:hover .teaching-item-img .teaching-item-im-bj-img {
    background: none;
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
}

.teaching-item-works-name a {
    color: #797070;
    margin-top: 6px;
}

.works-teaching-related-right {
    width: 160px;
}

.works-teaching-related-right span {
    display: inline-block;
    vertical-align: middle;
}

.works-teaching-related-right .related-img-height {
    width: 30px;
    height: 30px;
    background: #b2b2b2;
    border-radius: 50%;
    overflow: hidden;
}

.works-teaching-related-right .related-img-title {
    width: 120px;
    margin-left: 10px;
}

.works-teaching-related-money {
    width: 118px;
    text-align: right;
    color: #ff0000;
    font-weight: bold;
}

.works-teaching-related-money span {
    font-size: 12px;
}

.facultydetails-left {
    width: 250px;
}

.facultydetails-left-right {
    margin-left: 50px;
    width: 1100px;
}

#video-page .video-page-content .video-page-content-menu .menu-item {
    height: 70px !important;
}

#video-page .video-page-content-all-comment .all-comment-item .all-comment-right .comment-input {
    height: 48px !important;
}

.video-pagge-warpper-content-button-group .button-sure {
    height: 21px;
}

.video-pagge-warpper-content-button-group .button-cancel {
    background: #f6f6f6;
    border: 1px solid #666666;
}



/*公共样式*/
header#pageHeader .header-logo img {
    height: 50px;
}

.text-indent2 {
    text-indent: 2em;
}

.letter-spacing1 {
    letter-spacing: 1px;
}

/* *{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} */
/* *:before,*:after{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} */
select,
option,
input,
button,
textarea {
    border: none;
    box-shadow: none;
    outline: none;
}

/*select,option,input,button,textarea{border: none;box-shadow: none;outline: none;background: none;}*/
.contentimg img,
.contentimg table {
    max-width: 100% !important;
    height: auto !important;
}

.space1 {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-family: OPPOSansB;
}

.clamp28 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    height: 84px;
    overflow: hidden;
}

.clamp3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    max-height: 108px;
    overflow: hidden;
}

.align-middle {
    display: inline-block;
    vertical-align: middle;
}

.align-top {
    display: inline-block;
    vertical-align: top;
}

.position-relative {
    position: relative;
}

.position-absolute {
    position: absolute;
}

.text-center {
    text-align: center;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-justify {
    text-align: justify;
}

.w-100 {
    width: 100%;
    height: 100%;
}

.h-100 {
    height: 100%;
    width: 100%;
}

.obj-cover {
    object-fit: cover;
    font-family: 'object-fit: cover;';
}

.clearfix:before,
.clearfix:after {
    display: table;
    content: "";
}

.clearfix:after {
    clear: both;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.study_bjcolor {
    background: #f5f5f5 !important;
}

.background1 {
    background: #f8f9fd !important;
}

.font-bold {
    font-weight: bold;
}

.line-height2 {
    line-height: 2;
}

.line-height24 {
    line-height: 24px;
}

.line-height28 {
    line-height: 28px;
}

.line-height30 {
    line-height: 30px;
}

.line-height32 {
    line-height: 32px;
}

.line-height36 {
    line-height: 36px;
}

.line-height48 {
    line-height: 48px;
}

.paddingtb80 {
    padding: 80px 0;
}

.paddingtb50 {
    padding: 50px 0;
}

.paddingtb40 {
    padding: 40px 0;
}

.paddingtb30 {
    padding: 30px 0;
}

.margin-top80 {
    margin-top: 80px;
}

.margin-top40 {
    margin-top: 40px;
}

.margin-top30 {
    margin-top: 30px;
}

.margin-top25 {
    margin-top: 25px;
}

.margin-top20 {
    margin-top: 20px;
}

.margin-top15 {
    margin-top: 15px;
}

.margin-top10 {
    margin-top: 10px;
}

.margin-bottom30 {
    margin-bottom: 30px;
}

.font-size30 {
    font-size: 30px;
}

.font-size24 {
    font-size: 24px;
}

.font-size20 {
    font-size: 20px;
}

.font-size18 {
    font-size: 18px;
}

.font-size16 {
    font-size: 16px;
}

.font-size14 {
    font-size: 14px;
}

.font-size12 {
    font-size: 12px;
}

.font-size0 {
    font-size: 0;
}

.color1 {
    color: #ffffff;
}

.color2 {
    color: #333333;
}

.color3 {
    color: #a3a3a3;
}

.color4 {
    color: #003f8c;
}

.color5 {
    color: #14316d;
}

.unfoldandstow {
    height: auto !important;
    background: #f2f2f2;
    padding: 20px;
    display: none;
}