p {

    margin: 0

}



.wrap {

    width: 100%;

    min-width: 1200px;

    display: flex;

    justify-content: center

}



.wrap .box {

    width: 1200px;

    position: relative

}



.wrap .img-box img {

    width: 100%;

    height: 100%

}



.title {

    font-size: 36px;

    color: #1c1c1c;

    text-align: center;

    font-family: MicrosoftYaHei-Bold

}



.subtitle {

    font-size: 16px;

    color: #2b2b2b;

    text-align: center;

    font-family: MicrosoftYaHeiLight

}



.active {

    color: #ff1d6a

}



.flexx {

    display: flex;

    align-items: center;

    justify-content: space-between

}



.flexy {

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: space-between

}



.red {

    color: #ff1d6a

}



.blue {

    color: #5a4ac8

}



.btnn {

    width: 149px;

    height: 43px;

    border: none;

    background-image: linear-gradient(90deg, #ca0b45 0%, #e63c4d 100%), linear-gradient(#ef78ab, #ef78ab);

    background-blend-mode: normal, normal;

    border-radius: 20px;

    color: #fff;

    font-size: 14px

}



.btnn:hover {

    background-image: linear-gradient(90deg, #aa0b3b 0%, #b92e3c 100%), linear-gradient(#ad597e, #9c4e70);

    background-blend-mode: normal, normal

}



.see-more {

    margin: 50px 0;

    cursor: pointer

}



.see-more img {

    width: 45px

}



.see-more p {

    font-size: 14px;

    line-height: 26px;

    color: #1c1c1c

}



.see-more:hover p {

    color: #ca0b45

}



.video-box {

    position: relative;

    overflow: hidden

}



.video-box .info {

    justify-content: flex-start;

    position: absolute;

    bottom: 0;

    width: 100%;

    height: 65px;

    color: #fff;

    font-size: 16px;

    background: rgba(0, 0, 0, 0.5);

    padding: 0 20px

}



.video-box .info img {

    width: 25px;

    margin-right: 10px

}



.video-box .info-min {

    height: 45px

}



.video-box .info-line {

    justify-content: flex-start;

    position: absolute;

    bottom: 0;

    width: 100%;

    height: 45px;

    color: #fff;

    font-size: 16px;

    padding: 0 20px;

    background: rgba(0, 0, 0, 0.5);

}



.video-box:hover .info, .video-box:hover .info-min, .video-box:hover .info-line {

    display: none

}



.vjs-poster {

    background-size: cover !important

}



.vjs-has-started .vjs-control {

    z-index: 9999

}



.swiper-button-prev {

    width: 43px;

    height: 43px;

    left: 3px;

    background-size: 43px;

    background-image: url("../images/prev.png") !important

}



.swiper-button-next {

    width: 43px;

    height: 43px;

    right: 4px;

    background-size: 43px;

    background-image: url("../images/next.png")

}



.video-js {

    width: 100%;

    height: 100%

}



.video-js .vjs-big-play-button {

    width: 80px;

    height: 80px;

    border-radius: 50%;

    border: none;

    background-color: rgba(255, 255, 255, 0.5)

}



.vjs-big-play-button::before {

    top: 21px !important;

    color: #ff1d6a

}



.course36 .box .video-list .video-box .video-js .vjs-big-play-button {

    background-color: #fff !important

}



.about-classroom .box .video-list .video-box .video-js .vjs-big-play-button {

    width: 40px !important;

    height: 40px !important;

    margin-left: -20px !important;

    background-color: rgba(0, 0, 0, 0.5) !important

}



.about-classroom .box .video-list .vjs-big-play-button::before {

    top: 5px !important;

    color: #ff1d6a

}



.swiper-container {

    width: 100%;

    height: 100%

}



* {

    font-family: "MicrosoftYaHeiLight", "MicrosoftYaHei"

}



.banner {

    position: relative

}



img {

    vertical-align: top

}



.select-box {

    position: relative

}



.select-box .select {

    color: #b5b5b5;

    font-size: 12px

}



.select-box .select-list {

    z-index: 999;

    display: none;

    position: absolute;

    top: 38px;

    left: 0;

    width: 100%;

    background: #2e2e2e;

    max-height: 300px;

    overflow-x: hidden

}



.select-box .select-list li {

    height: 38px;

    padding-left: 10px;

    line-height: 38px;

    border-top: 1px solid #3d3d3d;

    color: #777;

    font-size: 12px;

    cursor: pointer

}



.select-box .select-list li a {

    color: #777;

    font-size: 12px

}



.makecall-box {

    position: absolute;

    top: 0;

    left: 50%;

    width: 1200px;

    height: 100%;

    margin-left: -600px;

    /*z-index: 200;*/

    display: flex;

    justify-content: flex-end;

    align-items: flex-end

}



.makeCall {

    border-radius: 2px;

    position: relative;

    top: 85px;

    width: 406px;

    height: 550px;

    background-color: #ffffff;

    border: solid 1px #e7e7e7;

    opacity: 0.98;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    align-items: center;

    z-index: 200;

}



.makeCall-info {

    width: 100%;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    align-items: center;

    padding: 20px

}



.makeCall h1 {

    color: #333;

    font-size: 24px;

    text-align: center;

    font-weight: bold

}



.makeCall p {

    color: #999;

    font-size: 12px;

    text-align: center

}



.makeCall .input-box {

    display: flex;

    align-items: center;

    justify-content: space-between;

    border: solid 1px #e5e5e5;

    height: 50px;

    width: 100%;

    margin-bottom: 20px;

    padding: 0 10px;

    position: relative

}



.makeCall .input-box span {

    color: #5f5f5f;

    font-size: 14px

}



.makeCall .input-box input {

    flex: 1;

    border: none;

    font-size: 14px;

    color: #777;

    padding: 0 5px;

    font-family: 'MicrosoftYaHeiLight';

    background: transparent;

    border: none;

    appearance: none;

    -moz-appearance: none;

    -webkit-appearance: none

}



.makeCall .input-box .down {

    position: absolute;

    top: 10px;

    right: 3px

}



.makeCall .input-box .select-list {

    top: 49px;

    background: #fff

}



.makeCall .input-box .select-list li {

    height: 50px;

    line-height: 50px;

    border: 1px solid #e5e5e5;

    border-top: none;

    font-size: 14px

}



.makeCall .input-box .select-list li:hover {

    background: #e91e78;

    color: #fff

}



.makeCall .addr {

    background-color: #f3f3f3;

    border: solid 1px #e5e5e5;

    background: url("../images/ss1.png") no-repeat 97% 14px;

    background-size: 20px

}



.makeCall .ageduring {

    background: url("../images/ss1.png") no-repeat 97% 14px;

    background-size: 20px

}



.makeCall .btn-box {

    width: 100%;

    height: 54px

}



.makeCall .btnnn {

    width: 165px;

    height: 54px;

    border: none;

    background-image: linear-gradient(90deg, #ca0b45 0%, #e63c4d 100%);

    background: url("../images/btn.png") no-repeat center center;

    background-size: cover;

    color: #FFF;

    font-size: 14px

}



.makeCall .phone-box {

    height: 84px;

    background-color: #5a4ac8;

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #fff;

    font-size: 24px

}



#myModaltiyan .modal-content {

    background: transparent;

    height: 500px;

    box-shadow: none

}



#myModaltiyan .makeCall {

    width: 405px;

    height: 500px;

    position: relative;

    top: 50%;

    margin-top: -250px;

    left: 50%;

    margin-left: -202px;

    background: #fff;

    border-radius: 10px;

    box-shadow: 0 0 10px #333;

    padding: 0 20px;

    justify-content: flex-start

}



#myModaltiyan .makeCall .closee {

    width: 100%;

    justify-content: flex-end;

    cursor: pointer

}



#myModaltiyan .makeCall .closee img {

    width: 25px

}



#myModaltiyan .makeCall .makeCall-info {

    padding: 0

}



#myModaltiyan .makeCall h1 {

    text-align: left;

    width: 100%

}



#myModaltiyan .makeCall p {

    text-align: left;

    width: 100%;

    margin-bottom: 15px

}



#myModaltiyan .makeCall .input-box {

    border-radius: 50px

}



#myModaltiyan .makeCall .btn {

    width: 100%;

    height: 50px;

    border-radius: 40px;

    border: 1px solid #ec008c;

    background: #ec008c;

    color: #fff

}



#myModaltiyan .makeCall .btn:hover {

    background: #fff;

    color: #ec008c

}



.title-box {

    width: 100%;

    display: flex;

    flex-direction: column;

    align-items: center

}



.tline {

    width: 78px;

    height: 3px;

    margin: 20px 0;

    background-color: #4b2dcb

}



.index-top-banner-box .indextopbanner .swiper-pagination-bullet {

    background: #fff;

    opacity: 1

}



.index-top-banner-box .indextopbanner .swiper-pagination-bullet-active {

    width: 57px;

    height: 5px;

    background-color: #ff76c0;

    border-radius: 5px;

    position: relative;

    top: -1px

}



.data-box {

    background: url("../images/data.png") no-repeat center center;

    background-size: contain;

    padding-bottom: 70px;

    width: 100%;

    padding-top: 104px

}



.data-box h3 {

    text-align: center

}



.data-box .data-item {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-top: 50px

}



.data-box .data-item li {

    width: 258px;

    height: 294px;

    padding-top: 65px;

    flex-direction: column;

    display: flex;

    align-items: center;

    border: 1px solid transparent;

    cursor: pointer

}



.data-box .data-item li:hover {

    background: #fff;

    border: 1px solid #e5e5e5;

    transition: all 1s;

    transform: translateY(-20px)

}



.data-box .data-item li:hover .num-box {

    border: 2px solid #e91e78;

    color: #e91e78

}



.data-box .data-item li:hover .num-box span {

    background-color: #fff

}



.data-box .data-item li:hover p {

    color: #e91e78

}



.data-box .data-item li .num-box {

    width: 75px;

    height: 75px;

    border: 2px solid #4a4a4a;

    border-radius: 50%;

    color: #4a4a4a;

    font-size: 24px;

    position: relative;

    font-weight: 900

}



.data-box .data-item li .num-box span {

    position: absolute;

    height: 36px;

    top: 50%;

    margin-top: -18px;

    right: -7px;

    background-color: #fff

}



.data-box .data-item li p {

    color: #2e2e2e;

    font-family: MicrosoftYaHei;

    font-size: 16px;

    margin-top: 40px;

    padding: 0 20px;

    text-align: center

}



.course-box {

    border-top: 1px solid #e5e5e5;

    height: 805px;

    background: #fff

}



.course-box .course-video {

    height: 600px;

    width: 100%;

    position: relative

}



.course-box .course-video .gallery-top {

    position: absolute;

    width: 998px;

    overflow: hidden;

    top: 0;

    left: 202px;

    background: #4b2dcb

}



.course-box .course-video .gallery-top .swiper-slide {

    width: 998px;

    height: 600px;

    position: relative

}



.course-box .course-video .gallery-top .swiper-slide .info {

    width: 100%;

    position: absolute;

    bottom: 0;

    background: rgba(0, 0, 0, 0.2);

    height: 65px

}



.course-box .course-video .gallery-top .swiper-slide .info .left {

    height: 100%;

    flex: 1;

    font-size: 20px;

    color: #fff;

    justify-content: flex-start;

    align-items: flex-end;

    padding: 0 20px;

    padding-bottom: 20px

}



.course-box .course-video .gallery-top .swiper-slide .info .left img {

    width: 26px

}



.course-box .course-video .gallery-top .swiper-slide .info .left .desc {

    font-family: ArialMT;

    font-size: 14px

}



.course-box .course-video .gallery-top .swiper-slide .info .right {

    justify-content: center;

    height: 100%;

    width: 114px;

    background-color: #e91e78

}



.course-box .course-video .intro {

    width: 202px;

    height: 98px;

    background-color: #e91e78;

    color: #fff;

    justify-content: center;

    position: absolute;

    top: 0;

    left: 0

}



.course-box .course-video .intro .p1 {

    font-size: 24px;

    width:90%;

    padding:0 5% 0 5%;

}



.course-box .course-video .intro .p2 {

    font-size: 14px;

    padding-left: 30px

}



.course-box .course-video .gallery-thumbs {

    position: absolute;

    width: 202px;

    height: 502px;

    overflow: hidden;

    top: 98px;

    left: 0

}



.course-box .course-video .gallery-thumbs .swiper-slide {

    height: 125px;

    padding: 20px 0;

    padding-left: 16px;

    background: #5a4ac8;

    color: #fff

}



.course-box .course-video .gallery-thumbs .swiper-slide .age {

    font-family: 'Arial-BoldMT';

    font-size: 20px

}



.course-box .course-video .gallery-thumbs .swiper-slide .age-user {

    display: none

}



.course-box .course-video .gallery-thumbs .swiper-slide .age-desc {

    font-family: 'MicrosoftYaHei';

    font-size: 16px

}



.course-box .course-video .gallery-thumbs .swiper-slide-thumb-active {

    height: 125px !important;

    padding: 0

}



.course-box .course-video .gallery-thumbs .swiper-slide-thumb-active .age {

    font-size: 30px;

    padding-left: 16px

}



.course-box .course-video .gallery-thumbs .swiper-slide-thumb-active .text {

    font-size: 21px;

    padding: 5px 0;

    text-align: center

}



.course-box .course-video .gallery-thumbs .swiper-slide-thumb-active .age-info {

    display: flex;

    border-top: 1px solid rgba(255, 255, 255, 0.55);

    border-bottom: 1px solid rgba(255, 255, 255, 0.55)

}



.course-box .course-video .gallery-thumbs .swiper-slide-thumb-active .age-user {

    display: block;

    width: 50px;

    padding-left: 8px;

    border-right: 1px solid rgba(255, 255, 255, 0.2)

}



.course-box .course-video .gallery-thumbs .swiper-slide-thumb-active .age-user img {

    height: 69px;

    margin: 0 auto

}



.course-box .course-video .gallery-thumbs .swiper-slide-thumb-active .age-desc {

    width: 100%

}



.course-box .course-video .gallery-thumbs .swiper-slide-thumb-active .age-desc div {

    height: 38px;

    line-height: 38px;

    padding-left: 10px

}



.course-box .course-video .gallery-thumbs .swiper-slide-thumb-active .age-desc .english {

    border-top: 1px solid rgba(255, 255, 255, 0.2)

}



.course-box .course-video .coursebtn {

    position: absolute;

    background: #cecece;

    width: 47px;

    height: 39px;

    z-index: 50;

    border-radius: 1px

}



.course-box .course-video .coursebtn img {

    width: 47px;

    height: 39px

}



.course-box .course-video .course-prev {

    top: 295px;

    left: 202px;

    background: #cecece

}



.course-box .course-video .course-next {

    top: 335px;

    left: 156px;

    background: #fff

}



.why {

    background: url("../images/whybg.png") no-repeat center top;

    background-size: contain;

    background-color: #fff;

    padding: 73px 0

}



.why .title {

    color: #fff

}



.why .tline {

    background: #ca0b45

}



.why ul {

    background: #fff;

    flex-wrap: wrap;

    padding: 42px 66px;

    margin-top: 70px

}



.why ul li {

    display: flex;

    flex-direction: column;

    align-items: center;

    width: 33%;

    cursor: pointer

}



.why ul li .img-box {

    width: 302px;

    height: 158px;

    overflow: hidden

}



.why ul li p {

    font-size: 14px;

    line-height: 60px;

    color: #808080

}



.why ul li:hover .img-box {

    opacity: 0.8

}



.why ul li:hover .img-box img {

    transform: scale(1.1);

    transition: all 1s

}



.why .schools {

    height: 118px;

    justify-content: center

}



.why .schools img {

    height: 118px

}



.why .titlee {

    text-align: center;

    font-weight: 900;

    padding-bottom: 15px;

    border-bottom: 1px solid #e5e5e5

}



.why .title-mix {

    text-align: center;

    font-size: 24px;

    padding-top: 20px

}



.free {

    height: 148px;

    background: url("../images/w1.png") no-repeat center top;

    background-size: cover;

    justify-content: center

}



.free .title-box {

    justify-content: center

}



.free .title-box .title {

    color: #fff

}



.free .title-box .tline {

    background: #ca0b45

}



.free-info {

    background: #ffffff;

    height: 505px;

    padding-top: 50px

}



.free-info ul li {

    width: 256px;

    height: 320px;

    padding: 50px 0;

    cursor: pointer

}



.free-info ul li .num-box {

    width: 115px;

    height: 115px;

    border: 2px solid #5f5f5f;

    border-radius: 50%;

    position: relative;

    background: #fff;

    display: flex;

    justify-content: center;

    align-items: center

}



.free-info ul li .num-box span {

    position: absolute;

    height: 40px;

    font-size: 48px;

    color: #888;

    background: #fff

}



.free-info ul li .num-box .i {

    display: block

}



.free-info ul li .num-box .ii {

    display: none

}



.free-info ul li .nb1 span {

    top: -9px;

    right: -2px;

    height: 59px

}



.free-info ul li .nb2 span {

    top: -20px;

    left: 19px;

    padding: 0 6px

}



.free-info ul li .nb3 span {

    top: -2px;

    left: -11px;

    height: 56px

}



.free-info ul li .h1 {

    font-size: 24px

}



.free-info ul li .subtitle {

    font-size: 14px;

    color: #888

}



.free-info ul li:hover {

    box-shadow: 0 0 20px 10px #eee;

    transition: all 0.5s;

    transform: translateY(-10px)

}



.free-info ul li:hover .num-box {

    border: 2px solid #ff5987

}



.free-info ul li:hover .num-box span {

    color: #ff5987

}



.free-info ul li:hover .num-box .i {

    display: none

}



.free-info ul li:hover .num-box .ii {

    display: block

}



.free-info .free-btn {

    width: 220px;

    height: 53px;

    border-radius: 53px;

    background-color: #ffffff;

    border: 1px solid #dddddd;

    margin: 0 auto;

    padding: 0 20px;

    cursor: pointer;

    margin-top: 50px

}



.free-info .free-btn a {

    color: #ff356d;

    font-size: 18px;

    text-decoration: none

}



.free-info .free-btn img {

    height: 67%

}



.free-info .free-btn:hover {

    border: 1px solid #ff356d

}



.address {

    background: url("../images/w3.png") no-repeat center top;

    background-size: contain;

    position: relative;

    padding-top: 20px;

    padding-bottom: 114px

}



.address .title-box h3 {

    color: #fff;

    font-size: 48px

}



.address .title-box h3 span {

    font-weight: 900

}



.address .title-box .tline {

    background: #fff

}



.address .qingwa {

    position: absolute;

    z-index: 1;

    right: -138px;

    top: 11px

}



.address .slide-box {

    border-top-left-radius: 50px;

    border-bottom-right-radius: 50px;

    background-color: #ffffff;

    overflow: hidden;

    position: relative;

    top: 34px;

    z-index: 10

}



.address .slide-box .slide-top {

    position: relative;

    height: 250px;

    padding: 42px 50px

}



.address .slide-box .slide-top .index-banner .swiper-slide {

    width: 246px;

    height: 166px;

    overflow: hidden;

    border-radius: 4px

}



.address .slide-box .slide-top .index-banner .swiper-slide img {

    width: 100%;

    height: 100%

}



.address .slide-box .slide-bottom {

    height: 90px

}



.address .slide-box .slide-bottom-left {

    height: 100%;

    width: 200px;

    background: url("../images/addl.png") no-repeat center;

    background-size: cover;

    font-family: MicrosoftYaHei;

    padding-left: 113px

}



.address .slide-box .slide-bottom-left span {

    color: #fff;

    font-size: 36px;

    font-weight: bold;

    font-stretch: normal

}



.address .slide-box .slide-bottom-center {

    height: 100%;

    width: 673px;

    background: url("../images/addc.png") no-repeat center;

    background-size: cover;

    color: #fff;

    font-family: MicrosoftYaHei;

    font-size: 20px;

    font-weight: bold;

    font-stretch: normal;

    padding-left: 25px

}



.address .slide-box .slide-bottom-right {

    height: 100%;

    flex: 1;

    background-color: #e62d75;

    justify-content: center

}



.address .slide-box .slide-bottom-right .btn {

    background: #fff;

    color: #e62d75;

    width: 216px;

    height: 45px;

    line-height: 45px;

    padding: 0

}



.address .slide-box .slide-bottom-right:hover .btn {

    background: rgba(255, 255, 255, 0.1);

    color: #fff

}



.consulting {

    padding-bottom: 45px;

    margin-top: 0px

}



.consulting .title-box .tline {

    background-color: #ff1d6a

}



.consulting ul {

    margin-top: 30px;

    border-top: 1px solid #e5e5e5;

    border-bottom: 1px solid #e5e5e5

}



.consulting ul li {

    flex: 1;

    padding: 50px 20px;

    border-right: 1px solid #e5e5e5;

    align-items: flex-start

}



.consulting ul li:hover {

    animation: bgIn 1s forwards

}



.consulting ul li:hover .left .index {

    color: #fff

}



.consulting ul li:hover .left .date {

    color: #fff

}



.consulting ul li:hover .right .name {

    color: #fff

}



.consulting ul li:hover .right .name::after {

    background: #fff

}



.consulting ul li:hover .right .desc {

    color: #fff

}



.consulting ul li:hover .right .btn {

    color: #fff;

    border: 1px solid #fff

}



@keyframes bgIn {

    from {

        background: #fff

    }

    to {

        background: #ff1d6a

    }

}



.consulting ul li .left {

    width: 20%

}



.consulting ul li .left .index {

    font-size: 40px;

    color: #999

}



.consulting ul li .left .date {

    font-size: 12px;

    color: #999;

    padding-left: 20px

}



.consulting ul li .right {

    width: 80%;

    padding-left: 10px

}



.consulting ul li .right .name a{

    color: #333;

    font-size: 16px;

    position: relative

}

.consulting ul li:hover .right .name a{

    color: #fff;
  
  }

.consulting ul li .right .name::after {

    content: '';

    background: #ff1d6a;

    width: 30px;

    height: 1px;

    position: absolute;

    bottom: -15px;

    left: 0

}



.consulting ul li .right .desc {

    color: #999;

    font-size: 14px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    margin-top: 30px

}



.consulting ul li .right .btn {

    margin-top: 30px;

    border: 1px solid #999;

    color: #999;

    font-size: 14px

}



.consulting ul li .right .btn:hover {

    background: #fff;

    color: #ff1d6a

}



.consulting ul li:first-child {

    border-left: 1px solid #e5e5e5

}



.consultation {

    display: block;

    z-index: 300;

    position: fixed;

    bottom: 0;

    width: 100%;

    height: 105px;

    border-bottom: 5px solid #e91e78;

    background-color: #ffffff;

    box-shadow: 0px 3px 35px 0px rgba(0, 0, 0, 0.11)

}



.consultation .box {

    justify-content: center;

    height: 100%;

    margin: 0 auto

}



.consultation .box .name {

    font-family: MicrosoftYaHei-Bold;

    font-size: 26px;

    font-weight: normal;

    font-stretch: normal;

    line-height: 30px;

    letter-spacing: 0px;

    color: #e2354c;

    font-weight: 900

}



.consultation .box .input-box {

    width: 384px;

    height: 43px;

    background-color: #f4f4f4;

    border-radius: 21px;

    border: solid 1px #dcdcdc;

    margin: 0 35px;

    padding: 0 19px

}



.consultation .box .input-box input {

    flex: 1;

    border: none;

    outline: none;

    background: transparent

}



.consultation .box .input-box .tan {

    width: 18px;

    cursor: pointer

}



.consultation .attention {

    background: url("../images/pop.png") no-repeat 5px 101px;

    background-size: 37px 35px;

    display: none;

    padding: 20px;

    width: 382px;

    min-height: 108px;

    position: fixed;

    bottom: 72px;

    left: 50%;

    margin-left: 115px

}



.consultation .attention .desc {

    padding: 15px;

    font-family: SimSun;

    font-size: 12px;

    font-weight: normal;

    font-stretch: normal;

    line-height: 24px;

    letter-spacing: 0px;

    color: #ffffff;

    background: rgba(0, 0, 0, 0.96);

    border-radius: 20px

}



.about {

    border-bottom: 1px solid #ece6e6;

    padding: 89px 0

}



.about .box .title {

    font-family: MicrosoftYaHei-Bold;

    font-size: 36px;

    font-weight: normal;

    font-stretch: normal;

    letter-spacing: 0px;

    color: #1c1c1c

}



.about .box .title-desc {

    padding: 0 50px;

    text-align: center;

    font-family: MicrosoftYaHeiLight;

    font-size: 16px;

    line-height: 30px;

    color: #2b2b2b

}



.about .box .video-box {

    margin-top: 60px;

    height: 621px;

    border-radius: 4px

}



.a1 {

    background: url("../images/data.png") no-repeat center 60px;

    background-size: contain;

    background-color: #fff

}



.a1 .subtitle {

    margin-top: 45px;

    padding: 0 200px

}



.a1 .video-box .info {

    background: #1e1e1e

}



.a2 .box .desc {

    padding: 0

}



.about-why {

    padding-top: 50px;

    background: url("../images/ab.png") no-repeat center top;

    background-size: cover

}



.about-why .box .title-box .title {

    color: #fff

}



.about-why .box .title-box .subtitle {

    color: #fff

}



.about-why .box ul {

    flex-wrap: wrap

}



.about-why .box ul li {

    width: 375px;

    height: 250px;

    border-radius: 4px;

    overflow: hidden;

    position: relative;

    margin-top: 39px;

    cursor: pointer

}



.about-why .box ul li .img-box {

    width: 100%;

    height: 100%

}



.about-why .box ul li .img-box img {

    height: 100%

}



.about-why .box ul li .namee {

    position: absolute;

    bottom: 27px;

    left: 20px;

    color: #fff;

    font-size: 16px

}



.about-why .box ul li .info {

    position: absolute;

    background: rgba(255, 29, 106, 0.9);

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    opacity: 1;

    padding: 50px 20px;

    transform: translateY(-100%)

}



.about-why .box ul li .info .name {

    color: #fff;

    font-family: MicrosoftYaHei-Bold;

    font-size: 16px;

    position: relative

}



.about-why .box ul li .info .name::after {

    content: '';

    position: absolute;

    bottom: -7px;

    left: 0;

    background: #fff;

    width: 30px;

    height: 1px

}



.about-why .box ul li .info .desc {

    color: #fff;

    font-size: 14px;

    font-weight: normal;

    font-stretch: normal;

    line-height: 30px;

    padding-top: 50px

}



.about-why .box ul li:hover .info {

    transform: translateY(0);

    transition: all 1s

}



.about-why .box .btnn {

    margin: 90px auto;

    width: 189px;

    height: 43px;

    line-height: 43px;

    text-align: center;

    color: #fff;

    background-image: linear-gradient(90deg, #ca0b45 0%, #e63c4d 100%), linear-gradient(#ef78ab, #ef78ab);

    background-blend-mode: normal, normal;

    border-radius: 20px;

    cursor: pointer

}



.about-why .box .btnn:hover {

    background-image: linear-gradient(90deg, #960933 0%, #b32a38 100%), linear-gradient(#b4517c, #a54971)

}



.about-why .box a {

    text-decoration: none

}



.about-partner {

    padding: 115px 0

}



.about-partner .box ul {

    margin-top: 70px

}



.about-partner .box ul li {

    width: 363px;

    min-height: 400px

}



.about-partner .box ul li .img-box {

    width: 363px;

    height: 246px;

    background-color: #ffffff;

    border-radius: 4px;

    border: solid 1px #eeeeee;

    display: flex;

    justify-content: center;

    align-items: center

}



.about-partner .box ul li .img-box img {

    width: 254px

}



.about-partner .box ul li .desc {

    padding: 5px;

    padding-top: 35px;

    color: #2b2b2b;

    font-size: 14px;

    line-height: 30px

}



.about-classroom {

    height: 600px

}



.about-classroom .box .title {

    color: #fff;

    font-family: MicrosoftYaHei-Bold

}



.about-classroom .box .video-list {

    width: 100%;

    height: 250px

}



.about-classroom .box .video-list .video-box {

    width: 375px;

    height: 250px;

    border-radius: 4px

}



.online {

    background-color: #ffc600;

    animation: movebg 5s ease-in infinite

}



@keyframes movebg {

    0% {

        background: url("../images/shijing.png") no-repeat center top

    }

    100% {

        background: url("../images/shijing.png") no-repeat center top

    }

}



.side-box {

    width: 214px;

    min-height: 584px;

    position: fixed;

    top: 50%;

    margin-top: -290px;

    left: 0;

    z-index: 200;

    justify-content: center

}



.side-box .slideicon {

    position: relative

}



.side-box .icon79 {

    left: -42px;

    top: 40px

}



.side-box ul {

    background: url("../images/slidetop.png") no-repeat center top, url("../images/bi.png") no-repeat center bottom;

    background-size: contain;

    background-color: #fff;

    border-radius: 30px;

    box-shadow: 0 0 5px #e5e5e5;

    padding: 0 13px;

    padding-top: 60px;

    padding-bottom: 60px;

    width: 100%

}



.side-box ul li {

    height: 38px;

    text-align: center;

    line-height: 38px;

    background-color: #ffffff;

    border-radius: 4px;

    border: solid 1px #ffd1d6;

    margin-bottom: 15px;

    cursor: pointer

}



.side-box ul li a {

    color: #000;

    text-decoration: none

}



.side-box ul li:hover {

    color: #fff;

    background-image: linear-gradient(90deg, #ca0b45 0%, #e63c4d 100%), linear-gradient(#fff, #fff);

    background-blend-mode: normal, normal

}



.side-box ul li:hover a {

    color: #fff

}



.side-box ul .slideActive {

    color: #fff;

    background-image: linear-gradient(90deg, #ca0b45 0%, #e63c4d 100%), linear-gradient(#fff, #fff);

    background-blend-mode: normal, normal

}



.side-box ul .slideActive a {

    color: #fff

}



.course36 {

    background: url("../images/data.png") no-repeat center 60px;

    background-size: contain;

    padding-top: 80px;

    padding-bottom: 50px

}



.course36 .box .title-box .subtitle {

    font-size: 16px;

    line-height: 36px;

    color: #1c1c1c;

    margin: 35px 0

}



.course36 .box .video-list .video-box {

    width: 580px;

    height: 367px;

    border-radius: 4px;

    position: relative

}



.course-speci {

    background: url("../images/whybg.png") no-repeat center top;

    background-size: contain;

    padding-top: 60px;

    padding-bottom: 100px

}



.course-speci .title-box .title {

    color: #fff

}



.course-speci ul {

    align-items: flex-start;

    margin-top: 50px

}



.course-speci ul li {

    background: #fff;

    flex: 1;

    overflow: hidden;

    height: 737px;

    min-height: 737px;

    padding: 35px;

    position: relative;

    border: 1px solid #f5f5f5

}



.course-speci ul li .img-box {

    width: 100%;

    height: 223px;

    overflow: hidden

}



.course-speci ul li .name {

    font-size: 18px;

    padding-top: 50px;

    padding-bottom: 25px;

    color: #000000

}



.course-speci ul li p {

    font-family: MicrosoftYaHeiLight;

    font-size: 14px;

    line-height: 24px;

    color: #000000;

    margin: 0

}



.course-speci ul li p span {

    font-weight: 900;

    background: transparent !important

}



.course-speci ul li .btn-box {

    padding: 0 35px;

    padding-top: 20px;

    left: 0;

    width: 100%;

    background: #fff;

    position: absolute;

    bottom: -1px;

    padding-bottom: 50px

}



.course-speci ul li:hover {

    animation: bgfade 1.5s forwards;

    transition: all 1s;

    transform: translateX(0);

    height: auto

}



.course-speci ul li:hover .name {

    color: #fff

}



.course-speci ul li:hover p {

    color: #fff

}



.course-speci ul li:hover p span {

    color: #fff !important

}



.course-speci ul li:hover .btn-box {

    display: none

}



@keyframes bgfade {

    from {

        background: #fff;

        background-size: 0

    }

    to {

        background: #5a4ac8;

        border: 1px solid #5a4ac8;

        background-size: 100%

    }

}



.course-speci ul .openActive {

    animation: movespeci 2s forwards;

    border: 1px solid #5a4ac8

}



.course-speci ul .openActive .name {

    color: #fff

}



.course-speci ul .openActive p {

    color: #fff

}



.course-speci ul .openActive p span {

    color: #fff

}



.course-speci ul .openActive .btn-box {

    display: none

}



@keyframes movespeci {

    from {

        height: 737px;

        background: #5a4ac8

    }

    to {

        height: auto;

        background: #5a4ac8

    }

}



.step5 .box {

    height: 922px;

    justify-content: center

}



.reason3 .box {

    height: 1500px;

    background: url("../images/3bg.png") no-repeat center center;

    background-size: cover;

    position: relative

}



.reason3 .box .reason-item {

    position: absolute;

    width: 438px

}



.reason3 .box .reason-item .name {

    font-size: 18px;

    color: #000000

}



.reason3 .box .reason-item .desc {

    font-size: 14px;

    color: #000000;

    line-height: 30px

}



.reason3 .box .reason-item .desc span {

    font-weight: 900

}



.reason3 .box .r1 {

    top: 137px;

    right: 0px

}



.reason3 .box .r2 {

    top: 574px;

    left: 0px

}



.reason3 .box .r3 {

    top: 988px;

    right: 100px

}



.course-online {

    background: url("../images/bgc.png") no-repeat center center;

    background-size: cover;

    height: 617px

}



.course-online .box {

    padding-top: 170px

}



.course-online .box .title {

    color: #fff;

    font-size: 30px;

    font-weight: 900;

    margin-bottom: 50px

}



.course-online .box .video-list .video-box {

    width: 385px;

    height: 270px;

    border-radius: 2px

}



.course-online .box .video-list .video-box .video-js .vjs-big-play-button {

    width: 40px !important;

    height: 40px !important;

    border-radius: 50% !important;

    border: none !important;

    margin-left: -20px;

    margin-top: -20px;

    background-color: rgba(0, 0, 0, 0.5) !important

}



.course-online .box .video-list .video-box .vjs-big-play-button::before {

    top: 4px !important;

    color: #ff1d6a

}



.course-online .box .video-list .video-box .info {

    height: 35px;

    font-size: 14px;

    color: #fefefe

}



.course-student {

    height: 925px

}



.course-student .box {

    justify-content: center

}



.course-student .box .title {

    font-family: MicrosoftYaHei-Bold;

    font-size: 30px;

    color: #222222;

    margin-top: 65px;

    margin-bottom: 40px;

    font-weight: 900

}



.course-student .box .banner-box {

    width: 1060px;

    position: relative;

    height: 770px

}



.course-student .box .banner-box #course-student-video {

    width: 1060px;

    height: 620px

}



.course-student .box .banner-box #course-student-video .video-box {

    width: 1060px;

    height: 620px

}



.course-student .box .banner-box #course-student-video .video-box .vjs-big-play-button::before {

    top: 21px !important;

    color: #6d6d6d

}



.course-student .box .banner-box .course-student-btn {

    width: 60px;

    z-index: 100;

    position: absolute;

    top: 43%;

    margin-top: -35px

}



.course-student .box .banner-box .course-student-btn img {

    width: 100%

}



.course-student .box .banner-box .course-student-prev {

    right: -72px

}



.course-student .box .banner-box .course-student-next {

    left: -72px

}



.course-student .box .banner-box .course-student-pagination {

    width: 100%;

    position: absolute;

    bottom: 80px;

    justify-content: center

}



.course-student .box .banner-box .course-student-pagination span {

    margin-right: 10px

}



.course-student .box .banner-box .course-student-pagination .swiper-pagination-bullet-active {

    background: #5a4ac8

}



.course-winter .box {

    padding-top: 130px

}



.course-winter .box .title {

    font-weight: 900

}



.course-winter .box .list {

    margin-top: 90px

}



.course-winter .box .list li {

    height: 514px;

    background-color: #f6f6f6;

    border-radius: 2px;

    margin-bottom: 50px

}



.course-winter .box .list li .img-box {

    width: 364px;

    height: 514px

}



.course-winter .box .list li .info {

    flex: 1;

    padding: 40px

}



.course-winter .box .list li .info .name {

    font-size: 18px;

    line-height: 24px;

    letter-spacing: 0px;

    color: #1c1c1c;

    font-weight: 900;

    position: relative;

    margin-bottom: 50px

}



.course-winter .box .list li .info .name span {

    font-size: 22px;

    font-weight: 100

}



.course-winter .box .list li .info .name::after {

    content: '';

    position: absolute;

    bottom: -20px;

    left: 0;

    width: 48px;

    height: 1px;

    background: #e5e5e5

}



.course-winter .box .list li .info .subname {

    font-size: 16px;

    font-weight: normal;

    font-stretch: normal;

    line-height: 24px;

    letter-spacing: 0px;

    color: #1c1c1c

}



.course-winter .box .list li .info .desc {

    font-size: 14px;

    color: #1c1c1c

}



.course-winter .box .list li .info .btn-box {

    margin-top: 60px

}



.reason4 {

    background: url("../images/4.png") no-repeat center center;

    background-size: cover;

    height: 855px

}



.reason4 .box {

    padding-top: 178px

}



.reason4 .box .title-box .title {

    font-family: MicrosoftYaHei-Bold;

    font-size: 30px;

    font-weight: normal;

    font-stretch: normal;

    letter-spacing: 0px;

    color: #ffffff;

    font-weight: 900

}



.reason4 .box .list {

    background: #fff;

    margin-top: 90px;

    border: 1px solid #eee

}



.reason4 .box .list li {

    flex: 1;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    min-height: 416px;

    cursor: pointer

}



.reason4 .box .list li .img-box {

    width: 127px;

    height: 127px;

    border-radius: 50%;

    overflow: hidden

}



.reason4 .box .list li .img-box .r4 {

    display: none

}



.reason4 .box .list li .img-box .rr4 {

    display: block

}



.reason4 .box .list li h1 {

    font-family: BodoniBT-Book;

    font-size: 40px;

    font-weight: normal;

    font-stretch: normal;

    line-height: 30px;

    letter-spacing: 0px;

    color: #010101

}



.reason4 .box .list li .desc {

    margin-top: 10px;

    font-size: 16px;

    font-weight: normal;

    font-stretch: normal;

    line-height: 30px;

    letter-spacing: 0px;

    color: #2d2d2d

}



.reason4 .box .list li:hover {

    box-shadow: 0 0 20px #e5e5e5;

    transition: all 0.5s;

    transform: translateY(10px)

}



.reason4 .box .list li:hover .img-box .r4 {

    display: block

}



.reason4 .box .list li:hover .img-box .rr4 {

    display: none

}



.reason4 .box .list li:hover h1 {

    color: #f5148d

}



.course-shijing {

    background: url("../images/cshijing.png") no-repeat center;

    background-size: cover;

    height: 600px

}



.course-shijing .box .title {

    font-size: 30px;

    font-weight: normal;

    font-stretch: normal;

    letter-spacing: 0px;

    color: #ffffff;

    margin: 85px 0

}



.course-shijing .box .video-shijing {

    height: 270px;

    position: relative

}



.course-shijing .box .video-shijing #course-shijing-video {

    height: 270px

}



.course-shijing .box .video-shijing #course-shijing-video .video-box .info {

    height: 43px

}



.course-shijing .box .video-shijing #course-shijing-video .video-box .video-js .vjs-big-play-button {

    width: 40px !important;

    height: 40px !important;

    border-radius: 50% !important;

    border: none !important;

    margin-left: -20px;

    background-color: rgba(0, 0, 0, 0.2) !important

}



.course-shijing .box .video-shijing #course-shijing-video .video-box .vjs-big-play-button::before {

    top: 4px !important;

    color: #ff1d6a

}



.course-shijing .box .video-shijing .course-shijing-btn {

    position: absolute;

    top: 50%;

    margin-top: -16px;

    width: 37px;

    height: 37px

}



.course-shijing .box .video-shijing .course-shijing-btn img {

    width: 100%

}



.course-shijing .box .video-shijing .course-shijing-btn .np {

    display: block

}



.course-shijing .box .video-shijing .course-shijing-btn .np2 {

    display: none

}



.course-shijing .box .video-shijing .course-shijing-btn:hover .np {

    display: none

}



.course-shijing .box .video-shijing .course-shijing-btn:hover .np2 {

    display: block

}



.course-shijing .box .video-shijing .course-shijing-prev {

    right: -47px

}



.course-shijing .box .video-shijing .course-shijing-next {

    left: -47px

}



.course-hot .box {

    padding-top: 65px

}



.life-club {

    background: url("../images/data.png") no-repeat center 610px;

    background-size: contain;

    border-bottom: 1px solid #e5e5e5;

    padding-top: 130px

}



.life-club .box {

    padding-bottom: 90px

}



.life-club .box .club-img {

    margin: 60px 0

}



.life-club .box .list .video-box {

    border-radius: 4px;

    overflow: hidden

}



.moment {

    background: url("../images/moment.jpg") no-repeat center;

    background-size: cover

}



.wiki-navs {

    margin-top: 140px;

    background: #fff;

    margin-bottom: 50px

}



.wiki-navs .navs-item {

    margin-right: 1px;

    flex: 1;

    height: 69px;

    line-height: 69px;

    background-color: #eaeaea;

    border-radius: 4px;

    text-align: center;

    font-family: MicrosoftYaHei;

    font-size: 18px;

    color: #030303;

    cursor: pointer

}



.wiki-navs .navs-item:hover {

    background: #4b2dcb;

    color: #fff

}



.wiki-navs .active {

    background: #4b2dcb;

    color: #fff

}



.wiki-banner-box {

    margin-bottom: 50px

}



.wiki-banner-box .box .title-box .title {

    font-weight: 900;

    width: 100%;

    text-align: left;

    padding-bottom: 20px;

    margin-bottom: 40px;

    border-bottom: 1px solid #f1f1f1

}



.wiki-banner-box .box .banner-wrap {

    height: 425px;

    position: relative

}



.wiki-banner-box .box .banner-wrap .swiper-container .swiper-slide {

    border-radius: 4px;

    overflow: hidden;

    border: 1px dashed #fff

}



.wiki-banner-box .box .banner-wrap .swiper-container .swiper-slide .img-box {

    height: 425px;

    flex: 1;

    overflow: hidden

}



.wiki-banner-box .box .banner-wrap .swiper-container .swiper-slide .info {

    padding-left: 25px;

    flex: 1

}



.wiki-banner-box .box .banner-wrap .swiper-container .swiper-slide .info .name {

    font-family: MicrosoftYaHei;

    font-size: 18px;

    font-weight: normal;

    font-stretch: normal;

    line-height: 30px;

    letter-spacing: 0px;

    color: #000000;

    font-weight: 900

}



.wiki-banner-box .box .banner-wrap .swiper-container .swiper-slide .info .date {

    font-family: MicrosoftYaHeiLight;

    font-size: 14px;

    font-weight: normal;

    font-stretch: normal;

    line-height: 14px;

    letter-spacing: 0px;

    color: #030303

}



.wiki-banner-box .box .banner-wrap .swiper-container .swiper-slide .info .desc {

    font-family: MicrosoftYaHeiLight;

    font-size: 14px;

    font-weight: normal;

    font-stretch: normal;

    line-height: 24px;

    letter-spacing: 0px;

    color: #030303;

    margin: 20px 0

}



.wiki-banner-box .box .banner-wrap .swiper-container .swiper-slide .info .en {

    font-family: ArialMT;

    font-size: 14px;

    font-weight: normal;

    font-stretch: normal;

    line-height: 24px;

    letter-spacing: 0px;

    color: #030303

}



.wiki-banner-box .box .banner-wrap .swiper-container .swiper-slide .info .btn {

    width: 149px;

    height: 43px;

    background-image: linear-gradient(90deg, #ca0b45 0%, #e63c4d 100%), linear-gradient(#ef78ab, #ef78ab);

    background-blend-mode: normal, normal;

    border-radius: 20px;

    color: #fff;

    font-size: 14px;

    margin-top: 30px

}



.wiki-banner-box .box .banner-wrap .wiki-list-pagination {

    width: 100px;

    height: 50px;

    position: absolute;

    right: 20px;

    top: 0px;

    left: 92%;

    font-family: BodoniBT-Book;

    z-index: 300;

    font-size: 24px;

    color: #000

}



.wiki-banner-box .box .banner-wrap .wiki-list-pagination .swiper-pagination-current {

    font-size: 36px;

    color: #ea0253

}



.wiki-list .list li {

    padding: 15px;

    background: #fff;

    border-radius: 4px;

    margin-bottom: 50px;

    cursor: pointer

}



.wiki-list .list li .left {

    width: 468px;

    height: 298px;

    background-color: #5a4ac8;

    border-radius: 4px

}



.wiki-list .list li .left img {

    width: 100%;

    height: 100%

}



.wiki-list .list li .right {

    flex: 1;

    padding-left: 25px

}



.wiki-list .list li .right .name {

    font-family: MicrosoftYaHei;

    font-size: 18px;

    font-weight: normal;

    font-stretch: normal;

    line-height: 30px;

    letter-spacing: 0px;

    color: #000000

}



.wiki-list .list li .right .date {

    font-family: MicrosoftYaHeiLight;

    font-size: 14px;

    font-weight: normal;

    font-stretch: normal;

    line-height: 14px;

    letter-spacing: 0px;

    color: #030303

}



.wiki-list .list li .right .desc {

    font-family: MicrosoftYaHeiLight;

    font-size: 14px;

    font-weight: normal;

    font-stretch: normal;

    line-height: 24px;

    letter-spacing: 0px;

    color: #030303;

    margin-top: 20px;

    margin-bottom: 35px

}



.wiki-list .list li .right .btn {

    width: 149px;

    height: 43px;

    background-image: linear-gradient(90deg, #ca0b45 0%, #e63c4d 100%), linear-gradient(#ef78ab, #ef78ab);

    background-blend-mode: normal, normal;

    border-radius: 20px;

    color: #fff;

    font-size: 14px

}



.wiki-list .list li:hover {

    transform: translateY(-20px);

    box-shadow: 0 0 10px #d1cfcf;

    transition: all 1s

}



.wiki-listbg {

    background-color: #f5f5f5;

    padding: 85px 0

}



.wiki-detail .box {

    align-items: flex-start

}



.wiki-detail .box .info {

    width: 776px;

    background-color: #f5f5f5;

    border-radius: 4px;

    padding: 50px

}



.wiki-detail .box .info .name {

    font-family: MicrosoftYaHei;

    font-size: 24px;

    font-weight: normal;

    font-stretch: normal;

    line-height: 30px;

    letter-spacing: 0px;

    color: #000000

}



.wiki-detail .box .info .date {

    font-family: MicrosoftYaHeiLight;

    font-size: 14px;

    font-weight: normal;

    font-stretch: normal;

    line-height: 14px;

    letter-spacing: 0px;

    color: #030303;

    margin-bottom: 50px

}



.wiki-detail .box .info .img-box {

    width: 100%

}



.wiki-detail .box .info .desc {

    font-family: MicrosoftYaHeiLight;

    font-size: 14px;

    font-weight: normal;

    font-stretch: normal;

    line-height: 24px;

    letter-spacing: 0px;

    font-weight: 900;

    color: #050505

}



.wiki-detail .box .info .desc-title {

    font-family: MicrosoftYaHeiLight;

    font-size: 14px;

    font-weight: normal;

    font-stretch: normal;

    line-height: 24px;

    letter-spacing: 0px;

    color: #050505

}



.wiki-detail .box .info .share {

    margin: 37px 0;

    padding-bottom: 37px;

    border-bottom: 1px solid #e5e5e5;

    justify-content: flex-start

}



.wiki-detail .box .info .share img {

    width: 27px;

    margin-left: 10px

}



.wiki-detail .box .caozuo {

    margin-top: 100px

}



.wiki-detail .box .caozuo a {

    font-family: MicrosoftYaHeiLight;

    font-size: 14px;

    font-weight: normal;

    font-stretch: normal;

    line-height: 24px;

    letter-spacing: 0px;

    color: #050505

}



.wiki-detail .box .side {

    width: 400px;

    background: #fff

}



.wiki-detail .box .side-item {

    background-color: #f5f5f5;

    border-radius: 4px;

    padding: 40px 25px;

    padding-bottom: 10px;

    margin-bottom: 25px

}



.wiki-detail .box .side-item .side-item-name {

    font-family: MicrosoftYaHei;

    font-size: 20px;

    font-weight: normal;

    font-stretch: normal;

    line-height: 14px;

    letter-spacing: 0px;

    color: #030303;

    border-bottom: 1px solid #ece6e6;

    padding-bottom: 20px;

    position: relative;

    padding-left: 20px

}



.wiki-detail .box .side-item .side-item-name::before {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    width: 5px;

    height: 18px;

    background: #e94354;

    border-radius: 4px

}



.wiki-detail .box .side-item ul li {

    border-bottom: 1px solid rgba(231, 231, 231, 0.5);

    padding: 30px 0;

    cursor: pointer

}



.wiki-detail .box .side-item ul li .img-box {

    width: 124px;

    height: 80px;

    overflow: hidden

}



.wiki-detail .box .side-item ul li .img-box img {

    transition: all 1s

}



.wiki-detail .box .side-item ul li .right {

    flex: 1;

    padding-left: 15px

}



.wiki-detail .box .side-item ul li .right .name {

    font-family: MicrosoftYaHei;

    font-size: 14px;

    font-weight: normal;

    font-stretch: normal;

    line-height: 20px;

    letter-spacing: 0px;

    color: #000000;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden

}



.wiki-detail .box .side-item ul li .right .desc {

    font-family: MicrosoftYaHeiLight;

    font-size: 12px;

    font-weight: normal;

    letter-spacing: 0px;

    color: #999;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden

}



.wiki-detail .box .side-item ul li:last-child {

    border-bottom: none

}



.wiki-detail .box .side-item ul li:hover .img-box img {

    transition: all 1s;

    transform: scale(1.1)

}



.wiki-detail .box .side-item ul li:hover .right .name {

    color: #ca0b45

}



.wiki-detail .box .side .focus {

    background: none

}



.wiki-detail .box .side .focus-name {

    font-family: MicrosoftYaHei;

    font-size: 20px;

    color: #030303;

    padding-bottom: 20px;

    border-bottom: 3px solid #1c1c1c

}



.wiki-detail .box .side .focus-icon {

    padding: 20px 0;

    justify-content: flex-start

}



.wiki-detail .box .side .focus-icon .focus-item {

    position: relative

}



.wiki-detail .box .side .focus-icon .focus-item .icon {

    width: 65px;

    border-radius: 50%;

    cursor: pointer;

    margin-right: 35px

}



.wiki-detail .box .side .focus-icon .focus-item .erweima {

    display: none;

    position: absolute;

    top: -210px;

    left: -50%;

    width: 200px;

    box-shadow: 0 0 10px 5px #f0a1b8

}



.campus-banner {

    background: url("../images/btn.png") no-repeat center center;

    background-size: cover

}



.campus-list {

    padding-top: 110px

}



.campus-list .box .list li {

    height: 379px;

    background-color: #f5f5f5;

    border-radius: 2px;

    margin-top: 65px;

    overflow: hidden;

    cursor: pointer

}



.campus-list .box .list li .img-box {

    width: 50%;

    height: 380px;

    overflow: hidden

}



.campus-list .box .list li .img-box:hover img {

    transform: scale(1.1);

    transition: all 1s

}



.campus-list .box .list li .info {

    flex: 1;

    padding: 35px

}



.campus-list .box .list li .info .name {

    font-family: MicrosoftYaHei-Bold;

    font-size: 20px;

    color: #1c1c1c;

    position: relative;

    margin-bottom: 35px

}



.campus-list .box .list li .info .name::after {

    content: '';

    position: absolute;

    left: 0;

    bottom: -10px;

    width: 47px;

    height: 1px;

    background: #999

}



.campus-list .box .list li .info .desc {

    margin: 20px 0;

    font-family: MicrosoftYaHeiLight;

    font-size: 14px;

    line-height: 24px;

    color: #1c1c1c

}



.campus-list .box .list li .info .tel img {

    width: 28px;

    height: 28px;

    border-radius: 50%

}



.campus-list .box .list li .info .btn-box {

    margin-top: 20px

}



.campus-list .box .list li .info .btn-box .more {

    padding-left: 40px

}



.campus-detail-address {

    margin-bottom: 320px

}



.flexc {

    justify-content: center;

    margin-top: 50px

}



.campus-detail-slide {

    border: none;

    height: 885px;

    padding-top: 70px;

    background: url("../images/data.png") no-repeat center 60px;

    background-size: contain;

    background-color: #ffffff

}



.campus-detail-slide-box {

    position: relative;

    height: 488px;

    border-radius: 2px;

    margin-top: 70px

}



.campus-detail-slide-box #campus-detail {

    position: absolute;

    top: 0;

    left: 0;

    width: 900px;

    height: 100%

}



.campus-detail-slide-box #campus-detail-thumbs {

    height: 100%;

    width: 260px;

    position: absolute;

    top: 0;

    right: 0

}



.campus-detail-slide-box #campus-detail-thumbs .swiper-slide {

    border: 2px solid #fff

}



.campus-detail-slide-box #campus-detail-thumbs .swiper-slide img {

    width: 100%;

    height: 100%

}



.campus-detail-slide-box #campus-detail-thumbs .swiper-slide-thumb-active img {

    opacity: 0.8

}



.campus-detail-slide-box .swiper-slide {

    border-radius: 2px;

    overflow: hidden;

    background: #fff

}



.campus-detail-slide-box .swiper-slide img {

    width: 100%;

    height: 100%

}



.campus-detail-why {

    background: url("../images/detailc.png") no-repeat center top;

    background-size: contain;

    padding-top: 123px

}



.campus-detail-why .box ul {

    background: #fff;

    border-radius: 2px;

    overflow: hidden;

    align-items: flex-start;

    border: solid 1px #eeeeee

}



.campus-detail-why .box ul li {

    flex: 1;

    height: 100%;

    min-height: 690px;

    border-radius: 2px;

    border-right: solid 1px #eeeeee;

    padding: 35px;

    overflow: hidden;

    cursor: pointer

}



.campus-detail-why .box ul li .img-box {

    width: 324px;

    height: 223px

}



.campus-detail-why .box ul li .name {

    font-family: MicrosoftYaHei-Bold;

    font-size: 20px;

    color: #000000;

    margin-top: 55px;

    margin-bottom: 25px;

    font-weight: 900

}



.campus-detail-why .box ul li p {

    margin: 0;

    line-height: 24px;

    font-family: MicrosoftYaHeiLight

}



.campus-detail-why .box ul li .desc {

    color: #000000;

    font-size: 14px

}



.campus-detail-why .box ul li .tel {

    margin-top: 10px

}



.campus-detail-why .box ul li:last-child {

    border-right: none

}



.campus-detail-why .box .inform {

    justify-content: center;

    font-family: MicrosoftYaHei-Bold;

    font-size: 16px;

    font-weight: normal;

    font-stretch: normal;

    line-height: 60px;

    letter-spacing: 0px;

    color: #f5148c;

    font-weight: 900;

    margin-bottom: 50px;

    margin-top: 20px

}



.student-video {

    padding-bottom: 95px;

    padding-top: 90px;

    background: url("../images/data.png") no-repeat center 60px;

    background-size: contain;

    background-color: #ffffff;

    border-bottom: 1px solid #f5f5f5

}



.student-video-box {

    width: 100%;

    height: 620px

}



.student-video-box .swiper-container {

    margin-top: 50px

}



.student-video-box .swiper-container .swiper-button-next {

    background-image: url("../images/stu-next.png") !important

}



.student-video-box .swiper-container .swiper-button-prev {

    background-image: url("../images/stu-prev.png") !important

}



.student-list {

    padding-bottom: 50px

}



.student-list .age-nav {

    justify-content: flex-start;

    padding: 50px 15px

}



.student-list .age-nav .btn {

    width: 105px;

    height: 39px;

    background-color: #d2d2d2;

    border-radius: 4px;

    margin-right: 10px

}



.student-list .age-nav .btn:hover {

    background-image: linear-gradient(90deg, #ca0b45 0%, #e63c4d 100%), linear-gradient(#ef78ab, #ef78ab);

    background-blend-mode: normal, normal

}



.student-list .age-nav .btnn {

    color: #fff

}



.student-list .list li {

    margin-bottom: 20px

}



.student-list .list li .video-box {

    width: 514px;

    height: 333px;

    background-color: #f1f1f1;

    border-radius: 15px;

    border: solid 15px #fff5f4;

    overflow: hidden

}



.student-list .list li .img-boxx {

    width: 514px;

    height: 333px;

    background-color: #f1f1f1;

    border-radius: 15px;

    border: solid 15px #fff5f4;

    overflow: hidden;

    position: relative;

    cursor: pointer

}



.student-list .list li .img-boxx .poster {

    width: 100%;

    height: 100%

}



.student-list .list li .img-boxx .play {

    position: absolute;

    width: 60px;

    height: 60px;

    top: 50%;

    margin-top: -30px;

    margin-left: -30px;

    left: 50%;

    display: none

}



.student-list .list li .img-boxx:hover .play {

    display: block

}



.play-video {

    position: absolute;

    width: 60px;

    height: 60px;

    top: 50%;

    margin-top: -30px;

    margin-left: -30px;

    left: 50%;

    display: block;

}



.student-list .list li .info {

    flex: 1;

    padding: 45px

}



.student-list .list li .info .name {

    font-family: MicrosoftYaHeiLight;

    font-size: 20px;

    color: #0c0c0c;

    font-weight: 900

}



.student-list .list li .info .desc {

    font-size: 14px;

    color: #000000

}



.student-list .list li .info .type {

    padding-bottom: 20px;

    border-bottom: 1px solid #fff5f4

}



.student-list .list li .info .slogan {

    color: #595959;

    font-size: 14px

}



.student-list .list li .info .slogan:hover {

    color: #ff6c00

}



.student-list .list li .info .addr {

    color: #595959

}



.student-list .list li .info .addr:hover {

    color: #ff6c00

}



.student-list .list li .info .btnn {

    margin-top: 40px

}



.student-list .list li:hover .img-box img {

    transform: scale(1.1);

    transition: all 1s

}



#modal-video-box .video-box {

    width: 800px;

    height: 700px

}



#modal-video-box .video-box .video-js {

    height: 100%;

    width: 100%

}



.success-banner {

    position: relative

}



.success-banner .success-info {

    width: 1200px;

    margin: 0 auto;

    z-index: 300;

    position: absolute;

    top: 300px;

    left: 50%;

    margin-left: -600px

}



.success-banner .success-info .name {

    font-family: MicrosoftYaHei-Bold;

    font-size: 44px;

    color: #e3028c

}



.success-banner .success-info .desc {

    font-family: MicrosoftYaHei;

    font-size: 22px;

    color: #343434;

    border-bottom: 1px solid rgba(238, 238, 238, 0.3);

    padding-bottom: 20px

}



.success-banner .success-info .er-box {

    margin-top: 50px;

    justify-content: flex-start

}



.success-banner .success-info .info {

    padding-left: 20px

}



.success-banner .success-info .info .p1 {

    font-family: MicrosoftYaHei-Bold;

    font-size: 24px;

    color: #303231;

    font-weight: 900

}



.success-banner .success-info .info .p2 {

    font-family: MicrosoftYaHei;

    font-size: 18px;

    color: #303231

}



.teacher-power {

    min-height: 873px;

    background: url("../images/whybg.png") no-repeat center top;

    background-size: 100% 506px;

    background-color: #fff;

    padding-top: 45px

}



.teacher-power .box .title {

    color: #fff

}



.teacher-power .box ul {

    background: #fff;

    margin-top: 75px;

    align-items: flex-start

}



.teacher-power .box ul li {

    flex: 1;

    padding: 35px;

    min-height: 615px;

    border-top: 1px solid #f5f5f5;

    border-bottom: 1px solid #f5f5f5;

    cursor: pointer

}



.teacher-power .box ul li .img-box {

    width: 100%;

    margin-bottom: 45px

}



.teacher-power .box ul li p {

    color: #000;

    font-family: MicrosoftYaHeiLight;

    font-size: 14px;

    line-height: 24px

}



.teacher-power .box ul li .name {

    font-family: MicrosoftYaHei;

    font-size: 18px;

    font-weight: normal;

    font-stretch: normal;

    line-height: 30px;

    letter-spacing: 0px;

    color: #000000;

    margin-bottom: 24px

}



.teacher-power .box ul li:hover {

    animation: powerin 1.5s forwards

}



.teacher-power .box ul li:hover p {

    color: #fff !important

}



@keyframes powerin {

    0% {

        background: #fff

    }

    100% {

        background: #5a4ac8;

        border-color: #5a4ac8

    }

}



.teacher-power .box ul li:first-child {

    border-left: 1px solid #f5f5f5

}



.teacher-power .box ul li:last-child {

    border-right: 1px solid #f5f5f5

}



#play-tenxu-video {

    position: fixed;

    top: 100px;

    left: 0px;

    width: 100%;

    height: 600px;

    /*background: red;*/

    z-index: 2000;

    display: none;

}



#play-tenxu-video>#tenxu-container {

    width: 998px;

    height: 600px;

    /*background: blue;*/

    margin: 0px auto;

}



.list-item{}

.reimg img{max-width:100%;height:auto !important;}

.pagebar{clear:both;margin:20px 0;text-align:center;}
.pagebar span a{color:#333;}
.pagebar a:hover{color:#7e00d3;}
.page-status{border-radius:2px 0 0 2px;}
.page-last{border-radius:0 2px 2px 0;}
.page-index,.page-last,.page-next,.page-num,.page-pre,.page-status{display:inline-block;margin:0 -1px 5px 0;padding:0 15px;height:28px;border:1px solid #e2e2e2;background-color:#fff;color:#333;vertical-align:middle;font-size:12px;line-height:28px;}
.page-status{display:none;}
.page-num-current{height:30px;border-top:none;border-bottom:none;background-color:#7e00d3;color:#fff !important;line-height:30px;}
a.page-num-current:hover{color:#fff;}