* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Microsoft YaHei", "微软雅黑", sans-serif;
}

i {
    font-style: inherit;
}

ul {
    list-style: none;
}

a {
    text-decoration: none;
    cursor: pointer;
    color: #000;
}

a:hover {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:link {
    text-decoration: none;
}

a:active {
    text-decoration: none;
}

img {
    font-size: 0;
    vertical-align: middle;
}

.wrap {
    width: 1200px;
    margin: 0 auto;
}

.wrap2 {
    width: 1140px;
    margin: 0 auto;
}

html, body {
    background: #F5F6FA;
    line-height: 1;
}

.hidden11 {
    overflow: hidden;
}

.clearfix:after {
    content: "";
    height: 0;
    line-height: 0;
    display: block;
    visibility: hidden;
    clear: both;
}

.clearfix {
    zoom: 1;
}

.lsb_btn {
    background: #FF6E9E;
    color: #fff;
    font-size: 16px;
    text-align: center;
    border-radius: 4px;
    cursor: pointer;
}

.ljgm {
    width: 155px;
    height: 42px;
    line-height: 42px;
}

.bgfff {
    background: #fff;
}

.tagPublic {
    background: #FFF1F6;
    width: 88px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    display: inline-block;
    color: #FF6E9E;
}

.line_lamp {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.msk {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    opacity: 0.3;
    background: #000;
    z-index: 98;
    display: none;
}

#msk {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    opacity: 0.3;
    background: #000;
    z-index: 999;
    display: none;
}

.msks {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    opacity: 0.3;
    background: #000;
    z-index: 999;
    display: none;
}

.lsb_header {
    background: #fff;
    height: 70px;
    /*box-shadow: 0px 0px 10px #cdcbca;*/
    position: fixed;
    z-index: 99;
    width: 100%;
}

.lsb_header .wrap .left {
    float: left;
}

.lsb_header .wrap .left .logo {
    float: left;
    /*margin-right: 70px;*/
    padding-top: 20px;
    padding-bottom: 20px;
}

.lsb_header .wrap .left .nav {
    float: left;
    margin-left: 50px;
}

.lsb_header .wrap .left .nav .active {
    color: #2383FF;
    /*border-bottom: 4px solid #2383FF;*/
}

.lsb_header .wrap .left .nav li {
    float: left;
    font-size: 16px;
    color: #181113;
    margin-right: 20px;
    font-weight: 500;
    padding: 13px 10px 0px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.lsb_header .wrap .left .nav li a:hover {
    /*box-shadow: 0 3px 4px #cdc8ca;*/
    color: #2383FF;
    background-color: #ffffff;
    /*border-bottom: 4px solid #2383FF;*/
}

.lsb_header .wrap .left .nav li a:active {
    color: #2383FF;
    background-color: #ffffff;
}

.lsb_header .wrap .left .nav li .lsb_header_underline {
    width: 60%;
    height: 4px;
    background: #2383ff;
    border-radius: 2px;
    margin-top: 13px;
}

.lsb_header .wrap .left .nav li .lsb_header_underline2 {
    width: 60%;
    height: 4px;
    background: #2383ff;
    border-radius: 2px;
    margin-top: 13px;
}

.lsb_header .wrap .right {
    float: right;
    font-size: 16px;
    color: #181113;
    display: flex;
    align-items: center;
    height: 70px;
    position: relative;
}

.lsb_header .wrap .right .myCurriculum {
    /*padding-right: 20px;*/
    /*border-right: 1px solid #CECBCC;*/
    margin-right: 20px;
    width: 102px;
    height: 35px;
    line-height: 35px;
    background: #ffffff;
    border: 1px solid #2383ff;
    border-radius: 18px;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    color: #2383ff;
}

.lsb_header .wrap .right .myCurriculum a {
    display: inline-block;
    vertical-align: middle;
    /*margin-left: 5px;*/
    color: #2383ff;
}

.lsb_header .wrap .right .myCurriculum a:hover {
    color: #2383FF;
}

.lsb_header .wrap .right .login {
    width: 102px;
    height: 35px;
    line-height: 35px;
    background: #2383ff;
    border-radius: 18px;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    color: #ffffff;
}

.lsb_header .wrap .right .login a {
    display: inline-block;
    vertical-align: middle;
    color: #ffffff;
}

.lsb_header .wrap .right .login a:hover {
    color: #ffffff;
}

.lsb_header .wrap .right .cancellation {
    position: absolute;
    width: 120px;
    background: #fff;
    text-align: center;
    bottom: -60px;
    z-index: 999;
    padding: 20px 14px;
    border: 1px solid #eee;
    cursor: pointer;
    right: -5px;
    display: none;
}


.lsb_header2 {
    background: #1b6ef2;
    height: 70px;
    /*box-shadow: 0px 0px 10px #cdcbca;*/
    position: fixed;
    z-index: 99;
    width: 100%;
    top: 70px;
}

.lsb_header2 .wrap .left {
    float: left;
}

.lsb_header2 .wrap .left .nav {
    float: left;
}

.lsb_header2 .wrap .left .nav a {
    float: left;
    margin-right: 60px;
    padding: 25px 10px;
    min-width: 64px;
    height: 100%;
    opacity: 0.89;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    color: #ffffff;
}

.lsb_header2 .wrap .left .nav a:hover {
    min-width: 64px;
    height: 100%;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    color: #ffffff;
}

.lsb_header2 .wrap .left .nav .active {
    min-width: 64px;
    height: 100%;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    color: #ffffff;
    opacity: 1;
}

#schoolList {
    width: 1140px;
    background: #fff;
    margin: 0 auto;
    position: absolute;
    z-index: 999;
    top: 70px;
    left: 50%;
    transform: translate(-50%, 0px);
    display: none;
    padding: 40px 50px 50px 50px;
}

#schoolList .avtive {
    background: #FF6E9E !important;
    color: #fff !important;
    box-shadow: 0 0 10px #FF3477;
}

#schoolList .item {
    width: 140px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #F5F5F5;
    font-size: 16px;
    color: #181113;
    display: block;
    float: left;
    margin-right: 40px;
    margin-bottom: 25px;
    border-radius: 4px;
}

#schoolList .item:hover {
    background: #FF6E9E !important;
    color: #fff !important;
}

#schoolList .item:nth-child(6n) {
    margin-right: 0;
}

.lsb_footer {
    background-image: url("http://testimg.liangshiba.com/uploads/images/20250329/3ed41784a86a2a7703f791598353851c.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-top: 100px;
}

.lsb_footer .lsb_bot {
    border-top: 1px solid #707070;
    padding: 25px 0 24px;
    text-align: center;
    font-size: 14px;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: row;
}

.lsb_footer .lsb_bot .lsb_bot_content {
    margin: 0 10px;
    position: relative;
}

.lsb_footer .lsb_bot a {
    border-top: 1px solid #707070;
    padding: 25px 0 24px;
    text-align: center;
    font-size: 14px;
    color: #ffffff;
}

.lsb_footer .lsb_bot .lsb_bot_content-hr::after {
    content: '';
    width: 2px;
    height: 16px;
    background: #ffffff;
    border-radius: 1px;
    position: absolute;
    top: 2px;
    right: -10px;
}

.lsb_footer .lsb_center {
    padding: 0 30px;
    margin-bottom: 41px;
    line-height: 1.5;
    word-break: keep-all;
}

.lsb_footer .lsb_center a {
    border-left: 0.5px solid #E8E8E8;
    border-right: 0.5px solid #E8E8E8;
    padding: 0 10px;
}

.lsb_footer .lsb_top {
    padding: 40px 30px 20px;
}

.lsb_footer .lsb_top .left, .lsb_footer .lsb_top .center, .lsb_footer .lsb_top .right {
    float: left;
    padding-top: 30px;
}

.lsb_footer .lsb_top .left {
    margin-right: 40px;
    margin-top: 10px;
}

.lsb_footer .lsb_top .center {
    width: 653px;
    /*border-right: 1px solid #E8E8E8;*/
    margin-top: 10px;
}

.lsb_footer .lsb_top .center .p1 {
    margin-bottom: 15px;
}

.lsb_footer .lsb_top .center .p1 span {
    display: inline-block;
}

.lsb_footer .lsb_top .center .p1 .kefu {
    margin-right: 90px;
}

.lsb_footer .lsb_top .center .p2 {
    margin-bottom: 15px;
}

.lsb_footer .lsb_top .center .p3 {
    line-height: 1.5;
}

.lsb_footer .lsb_top .right {
    margin-left: 82px;
}

.lsb_footer .lsb_top .right .QrIMG {
    float: left;
    margin-right: 30px;
    width: 95px;
}

.lsb_footer .lsb_top .right .QrIMG:nth-child(2) {
    margin-right: 0;
}

.lsb_footer .lsb_top .right .QrIMG .img {
    margin-bottom: 5px;
}

.lsb_footer .lsb_top .right .QrIMG .img img {
    width: 95px;
    height: 95px;
}

.lsb_footer .lsb_top .right .QrIMG .text {
    font-size: 14px;
    color: #181113;
    text-align: center;
}

.home_swiper {
    width: 100%;
    max-height: 600px;
    /*background: #fff;*/
}

.home_swiper .swiper-wrapper img {
    width: 100%;
    max-height: 600px;
}

.information {
    background: #fff;
    padding: 30px 0 40px;
}

.information .move {
    width: 310px;
    height: 56px;
    text-align: center;
    background: #F5F5F5;
    font-size: 12px;
    color: #797576;
    margin: 30px auto 0;
    border-radius: 5px;
    cursor: pointer;
}

.information .move a {
    width: 310px;
    height: 56px;
    line-height: 56px;
    display: block;
    border-radius: 5px;
    color: #797576;
}

.information .move:hover a {
    background: #FF6E9E;
    color: #fff;
}

.information #hotBox {
    display: none;
}

.information .information_header {
    margin-bottom: 40px;
}

.information .information_header .box {
    width: 299px;
    color: #181113;
    font-size: 26px;
    margin: 0 auto;
    display: flex;
}

.information .information_header .box .left {
    margin-right: 90px;
}

.information .information_header .box .active {
    color: #FF6E9E;
    position: relative;
}

.information .information_header .box .active:after {
    content: "";
    width: 105px;
    border: 2px solid #ff6e9e;
    position: absolute;
    bottom: -12px;
    left: 0;
}

.information .information_content {
    padding: 0 30px;
}

.information .information_content .information_box .item {
    padding: 30px;
    width: 550px;
    height: 90px;
    float: left;
    box-shadow: 0px 6px 31px rgba(205, 200, 202, 0.4);
    margin-bottom: 30px;
    margin-right: 40px;
}

.information .information_content .information_box .item:hover .right .title {
    color: #FF6E9E;
}

.information .information_content .information_box .item:nth-child(even) {
    margin-right: 0px;
}

.information .information_content .information_box .item .left {
    width: 30px;
    height: 30px;
    background: #FF6E9E;
    box-shadow: 0px 0px 5px #ff3477;
    color: #fff;
    line-height: 30px;
    text-align: center;
    float: left;
    margin-right: 20px;
}

.information .information_content .information_box .item .right {
    float: left;
    position: relative;
}

.information .information_content .information_box .item .right .title {
    color: #181113;
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 331px;
    line-height: 25px;
}

.information .information_content .information_box .item .right .title span {
    color: #797576;
    font-size: 14px;
    position: absolute;
    right: -110px;
}

.information .information_content .information_box .item .right .txt {
    width: 440px;
    height: 40px;
    font-size: 14px;
    color: #A2A2A2;
    margin-top: 27px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.curriculum_title {
    margin-top: 50px;
    margin-bottom: 20px;
    padding: 0 30px;
}

.curriculum_title .left {
    color: #181113;
    font-size: 26px;
    float: left;
}

.curriculum_title .right {
    float: right;
}

.curriculum_title .right a {
    color: #A2A2A2;
    font-size: 18px;
}

.liveList .item {
    height: 253px;
}

.curriculumBox_pbulic {
    margin-bottom: 30px;
    padding: 0 30px;
}

.curriculumBox_pbulic .item {
    float: left;
    padding: 30px 20px;
    width: 360px;
    background: #fff;
    margin-bottom: 20px;
    margin-right: 30px;
}

.curriculumBox_pbulic .item:nth-child(3n) {
    margin-right: 0;
}

.curriculumBox_pbulic .item .title {
    width: 320px;
    max-height: 50px;
    font-size: 18px;
    color: #181113;
    margin-bottom: 10px;
    line-height: 25px;
}

.curriculumBox_pbulic .item .timer {
    color: #797576;
    font-size: 14px;
    margin-bottom: 10px;
}

.curriculumBox_pbulic .item .fn {
    margin-bottom: 38px;
}

.curriculumBox_pbulic .item .bot {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.curriculumBox_pbulic .item .bot .left {
    color: #797576;
    font-size: 14px;
}

.curriculumBox_pbulic .item .bot .right {
    font-size: 22pt;
    color: #FF487F;
}

.curriculumBox_pbulic .item .bot .right span {
    font-size: 14px;
}

.booksList {
    margin-bottom: 70px;
    padding: 0 30px;
}

.booksList .item {
    background: #fff;
    padding: 30px 20px;
    width: 360px;
    height: 429px;
    margin-bottom: 20px;
    margin-right: 30px;
    float: left;
}

.booksList .item:nth-child(3n) {
    margin-right: 0;
}

.booksList .item .item_img {
    margin-bottom: 25px;
}

.booksList .item .item_img img {
    display: block;
    margin: 0 auto;
    width: 230px;
    height: 230px;
}

.booksList .item .item_title {
    color: #181113;
    font-size: 18px;
    margin-bottom: 38px;
    line-height: 1.5;
}

.booksList .item .item_fn {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.booksList .item .item_fn .left {
    color: #797576;
    font-size: 14px;
}

.booksList .item .item_fn .right {
    color: #FF487F;
    font-size: 22px;
    align-self: center;
}

.booksList .item .item_fn .right del {
    color: #797576;
    font-size: 14px;
    margin-right: 15px;
    display: inline-block;
}

.booksList .item .item_fn .right span {
    display: inline-block;
    font-size: 14px;
}

.activityBox .item .activity_title {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}

.activityBox .item .activity_title .settime {
    color: #FF6E9E;
}

.activityBox .item .activity_title .settime span {
    width: 34px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    display: inline-block;
    background: linear-gradient(180deg, #ff92b7, #ff679a);
    color: #fff;
    border-radius: 3px;
}

.activityBox .item .activity_title .setTitle span {
    font-size: 20px;
    color: #FF6E9E;
    display: inline-block;
    vertical-align: middle;
}

.activityBox .item .activity_title .setTitle img {
    display: inline-block;
    margin-right: 5px;
}

.clickTitleLive {
    display: flex;
    padding: 30px 30px 0;
    width: 100%;
}

.clickTitleLive .item {
    width: 130px;
    height: 41px;
    line-height: 41px;
    text-align: center;
    font-size: 16px;
    color: #797576;
    background: #E8E8E8;
    margin-right: 25px;
    cursor: pointer;
}

.clickTitleLive .avtive {
    background: #FF6E9E;
    box-shadow: 0 0 10px #FF3477;
    color: #fff;
}

.booksTitleSearch {
    height: 89px;
    background: #fff;
    display: flex;
    align-items: center;
    padding-left: 30px;
}

.booksTitleSearch .inner {
    overflow: hidden;
}

.booksTitleSearch .bootstrap-select {
    background: #FCFCFC;
    border: 1px solid #E8E8E8;
    text-align: center;
    width: 136px !important;
    margin-right: 30px;
}

.booksTitleSearch .bootstrap-select .btn-light {
    height: 49px;
    line-height: 49px;
    background: #FCFCFC;
    padding: 0;
}

.booksTitleSearch .bootstrap-select .btn-light .filter-option-inner-inner {
    text-align: center;
}

.about_content {
    margin-top: 30px;
    padding: 0 30px;
    margin-bottom: 90px;
}

.about_content .left {
    margin-right: 30px;
    float: left;
    width: 210px;
    height: 237px;
    padding: 21px 0;
    background: #fff;
}

.about_content .left li {
    height: 65px;
    line-height: 65px;
    text-align: center;
    padding: 0 21px;
    font-size: 20px;
    color: #797576;
}

.about_content .left .avtive {
    background: #FFF1F6;
    color: #FF6E9E;
    border-left: 4px solid #FF6E9E;
}

.about_content .right {
    width: 900px;
    float: left;
    min-height: 10px;
    border: 1px solid #E8E8E8;
    background: #fff;
    padding: 40px 70px;
}

.about_content .right .delivery .text {
    font-size: 18px;
    color: #181113;
    margin-bottom: 15px;
}

.liveDetail {
    padding: 30px;
}

.liveDetail .liveDetail_Top {
    background: #fff;
    padding: 51px 0 50px 182px;
}

.liveDetail .liveDetail_Top .left, .liveDetail .liveDetail_Top .right {
    float: left;
}

.liveDetail .liveDetail_Top .left {
    width: 430px;
    margin-right: 95px;
}

.liveDetail .liveDetail_Top .left .title {
    font-size: 22px;
    color: #181113;
    margin-bottom: 10px;
}

.liveDetail .liveDetail_Top .left .timer {
    margin-bottom: 10px;
    font-size: 14px;
    color: #797576;
}

.liveDetail .liveDetail_Top .left .timer .span {
    display: inline-block;
}

.liveDetail .liveDetail_Top .left .timer .sp2 {
    margin-left: 30px;
}

.liveDetail .liveDetail_Top .right {
    border-left: 1px solid #E8E8E8;
    padding-left: 95px;
}

.liveDetail .liveDetail_Top .right .pirce {
    color: #FF487F;
    font-size: 50px;
    margin-bottom: 15px;
}

.liveDetail .liveDetail_Top .right .pirce i {
    font-size: 32px;
}

.playback_box {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
    transition: 1s;
    width: 500px;
    max-height: 400px;
    background: #fff;
    z-index: 9999;
    padding: 0px 0 20px;
    border-radius: 10px;
    display: none;
}

.playback_box .title {
    text-align: center;
    padding: 20px;
    border-bottom: 1px solid #eee;
    font-size: 20px;
}

.playback_box .item_box {
    padding: 20px 20px 0;
}

.playback_box .item_box .item {
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
}

.playback_box .item_box .item a {
    display: flex;
    justify-content: space-between;
}

.playback_box .item_box .item a:hover {
    color: #FF6E9E;
}

.OnlineDetail {
    margin-top: 30px;
    padding: 30px;
}

.OnlineDetail .OnlineDetail_Top {
    background: #fff;
    padding: 50px 85px;
}

.OnlineDetail .OnlineDetail_Top .left, .OnlineDetail .OnlineDetail_Top .right {
    float: left;
}

.OnlineDetail .OnlineDetail_Top .left {
    width: 500px;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.OnlineDetail .OnlineDetail_Top .left img {
    max-width: 500px;
    max-height: 300px;
}

.OnlineDetail .OnlineDetail_Top .right {
    width: 430px;
    margin-left: 40px;
}

.OnlineDetail .OnlineDetail_Top .right .title {
    font-size: 22px;
    color: #181113;
    margin-bottom: 10px;
    height: 69px;
}

.OnlineDetail .OnlineDetail_Top .right .num {
    margin-bottom: 10px;
    font-size: 14px;
    color: #797576;
}

.OnlineDetail .OnlineDetail_Top .right .pirce {
    color: #FF487F;
    font-size: 50px;
    margin-top: 52px;
}

.OnlineDetail .OnlineDetail_Top .right .pirce i {
    font-size: 32px;
}

.BooksDetail {
    padding: 30px;
}

.BooksDetail .BooksDetail_left, .BooksDetail .BooksDetail_right {
    float: left;
}

.BooksDetail .BooksDetail_left {
    width: 810px;
}

.BooksDetail .BooksDetail_left .BooksDetail_top {
    background: #fff;
    padding: 50px 100px;
}

.BooksDetail .BooksDetail_left .BooksDetail_top .imgBox {
    width: 500px;
    height: 300px;
    display: flex;
    float: left;
    align-items: center;
    justify-content: center;
    width: 260px;
    height: 260px;
    background: #F5F5F5;
}

.BooksDetail .BooksDetail_left .BooksDetail_top .imgBox img {
    max-width: 220px;
    max-height: 220px;
}

.BooksDetail .BooksDetail_left .BooksDetail_top .activity_title_PUBlic {
    margin-bottom: 5px;
}

.BooksDetail .BooksDetail_left .BooksDetail_top .textBox {
    float: left;
    width: 300px;
    margin-left: 50px;
}

.BooksDetail .BooksDetail_left .BooksDetail_top .title {
    font-size: 22px;
    color: #181113;
    margin-bottom: 10px;
    line-height: 1.5;
}

.BooksDetail .BooksDetail_left .BooksDetail_top .num {
    margin-bottom: 10px;
    font-size: 14px;
    color: #797576;
}

.BooksDetail .BooksDetail_left .BooksDetail_top .pirce {
    color: #FF487F;
    font-size: 50px;
    margin-top: 52px;
}

.BooksDetail .BooksDetail_left .BooksDetail_top .pirce i {
    font-size: 32px;
}

.BooksDetail .BooksDetail_right {
    width: 310px;
    margin-left: 20px;
}

.BooksDetail .BooksDetail_right .BooksDetail_right_title {
    padding: 0px 31px 30px;
}

.BooksDetail .BooksDetail_right .curriculumBox_pbulic {
    width: 310px;
    padding: 0 0px;
}

.BooksDetail .BooksDetail_right .curriculumBox_pbulic .item {
    float: none;
    padding: 20px;
    width: 310px;
    margin-bottom: 20px;
}

.BooksDetail .BooksDetail_right .curriculumBox_pbulic .item .title {
    width: 270px;
}

.ql-editor {
    /*display: none;*/
    padding: 30px;
}

.activity_title_PUBlic {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}

.activity_title_PUBlic .settime {
    color: #FF6E9E;
}

.activity_title_PUBlic .settime span {
    width: 34px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    display: inline-block;
    background: linear-gradient(180deg, #ff92b7, #ff679a);
    color: #fff;
}

.activity_title_PUBlic .setTitle {
    display: flex;
    align-items: center;
}

.activity_title_PUBlic .setTitle span {
    font-size: 20px;
    color: #FF6E9E;
    display: inline-block;
    vertical-align: middle;
}

.activity_title_PUBlic .setTitle img {
    display: inline-block;
    margin-right: 5px;
}

.curriculumDetailBox {
    margin-top: 30px;
}

.curriculumDetailBox .left, .curriculumDetailBox .right {
    float: left;
}

.curriculumDetailBox .left {
    background: #fff;
    width: 810px;
    margin-right: 20px;
}

.curriculumDetailBox .left .curriculumVideoBox {
    padding: 0 30px;
}

.curriculumDetailBox .left .curriculumVideoBox .liveViodeItem_left, .curriculumDetailBox .left .curriculumVideoBox .liveViodeItem_right {
    float: left;
}

.curriculumDetailBox .left .curriculumVideoBox .liveViodeItem_left {
    margin-right: 30px;
    font-size: 16px;
    color: #181113;
}

.curriculumDetailBox .left .curriculumVideoBox .liveViodeItem_right .text {
    font-size: 16px;
    color: #181113;
    margin-bottom: 5px;
}

.curriculumDetailBox .left .curriculumVideoBox .liveViodeItem_right .text span {
    vertical-align: middle;
}

.curriculumDetailBox .left .curriculumVideoBox .liveViodeItem_right .timer {
    color: #A2A2A2;
    font-size: 14px;
}

.curriculumDetailBox .left .curriculumVideoBox .liveViodeItem {
    position: relative;
    padding: 30px 0;
    border-bottom: 1px dashed #E4E3E4;
    cursor: pointer;
}

.curriculumDetailBox .left .curriculumVideoBox .liveViodeItem .liveViodeItem_status {
    position: absolute;
    right: 0;
}

.curriculumDetailBox .left .curriculumVideoBox .liveViodeItem .liveViodeItem_status .p1 {
    color: #797576;
    width: 79px;
    height: 20px;
    text-align: right;
}

.curriculumDetailBox .left .curriculumVideoBox .liveViodeItem .liveViodeItem_status .p2 {
    position: relative;
    display: block;
    width: 79px;
    height: 20px;
}

.curriculumDetailBox .left .curriculumVideoBox .liveViodeItem .liveViodeItem_status .p2 .admi {
    width: 4px;
    background: #FFBB00;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    display: block;
    position: absolute;
    bottom: 0;
    border-radius: 2px 2px 0 0;
    height: 1px;
}

.curriculumDetailBox .left .curriculumVideoBox .liveViodeItem .liveViodeItem_status .p2 .amin1 {
    left: 0px;
    -webkit-animation: myLive 1s infinite ease-out;
    animation: myLive 1s infinite ease-out;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.curriculumDetailBox .left .curriculumVideoBox .liveViodeItem .liveViodeItem_status .p2 .amin2 {
    left: 5px;
    -webkit-animation: myLive 1s infinite ease-out;
    animation: myLive 1s infinite ease-out;
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.curriculumDetailBox .left .curriculumVideoBox .liveViodeItem .liveViodeItem_status .p2 .amin3 {
    left: 10px;
    -webkit-animation: myLive 1s infinite ease-out;
    animation: myLive 1s infinite ease-out;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.curriculumDetailBox .left .curriculumVideoBox .liveViodeItem .liveViodeItem_status .p2 .xtitle {
    position: absolute;
    bottom: -4px;
    left: 23px;
    color: #FB992A;
}

.curriculumDetailBox .left .curriculumVideoBox .liveViodeItem:hover .liveViodeItem_left, .curriculumDetailBox .left .curriculumVideoBox .liveViodeItem:hover .liveViodeItem_right .text {
    color: #FF6E9E;
}

.curriculumDetailBox .left .curriculumVideoBox .liveViodeItem:last-child {
    border-bottom: none;
}

.curriculumDetailBox .left .curriculumVideoBox .courseBox {
    margin-top: 30px;
    margin-bottom: 30px;
}

.curriculumDetailBox .left .curriculumVideoBox .courseBox .item_course .title_course {
    background: #F5F5F5;
    font-size: 18px;
    color: #181113;
    padding: 20px;
    position: relative;
}

.curriculumDetailBox .left .curriculumVideoBox .courseBox .item_course .title_course .xz {
    transform: rotate(-180deg);
}

.curriculumDetailBox .left .curriculumVideoBox .courseBox .item_course .title_course img {
    position: absolute;
    right: 20px;
    top: 26px;
}

.curriculumDetailBox .left .curriculumVideoBox .courseBox .item_course .childrenBox {
    padding: 0 30px;
    display: none;
}

.curriculumDetailBox .left .curriculumDetailBox_title {
    display: flex;
    padding: 37px 0 7px;
    justify-content: center;
}

.curriculumDetailBox .left .curriculumDetailBox_title .ml {
    margin-left: 90px;
}

.curriculumDetailBox .left .curriculumDetailBox_title .item {
    color: #181113;
    font-size: 20px;
    cursor: pointer;
}

.curriculumDetailBox .left .curriculumDetailBox_title .avtive {
    color: #FF6E9E;
    position: relative;
}

.curriculumDetailBox .left .curriculumDetailBox_title .avtive:after {
    content: "";
    width: 70px;
    border: 1px solid #ff6e9e;
    position: absolute;
    bottom: -5px;
    left: 5px;
}

.curriculumDetailBox .right {
    width: 310px;
}

.curriculumDetailBox .right .rightBox1 {
    background: #fff;
    padding-bottom: 0.1px;
    margin-bottom: 25px;
}

.curriculumDetailBox .right .rightBox1 .right_title {
    padding: 25px 31px 30px;
}

.curriculumDetailBox .right .rightBox1 .tjbooksList .booksList_item {
    display: block;
    padding: 0 20px;
    margin-bottom: 30px;
}

.curriculumDetailBox .right .rightBox1 .tjbooksList .booksList_item:hover .item_right .title {
    color: #FF6E9E;
}

.curriculumDetailBox .right .rightBox1 .tjbooksList .booksList_item .item_left, .curriculumDetailBox .right .rightBox1 .tjbooksList .booksList_item .item_right {
    float: left;
}

.curriculumDetailBox .right .rightBox1 .tjbooksList .booksList_item .item_left img {
    width: 100px;
    height: 100px;
}

.curriculumDetailBox .right .rightBox1 .tjbooksList .booksList_item .item_right {
    width: 160px;
    margin-left: 10px;
}

.curriculumDetailBox .right .rightBox1 .tjbooksList .booksList_item .item_right .title {
    font-size: 16px;
    color: #181113;
    margin-bottom: 35px;
    line-height: 1.5;
}

.curriculumDetailBox .right .rightBox1 .tjbooksList .booksList_item .item_right .price {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.curriculumDetailBox .right .rightBox1 .tjbooksList .booksList_item .item_right .price del {
    font-size: 14px;
    color: #797576;
}

.curriculumDetailBox .right .rightBox1 .tjbooksList .booksList_item .item_right .price span {
    color: #FF487F;
    font-size: 22px;
}

.curriculumDetailBox .right .rightBox1 .tjbooksList .booksList_item .item_right .price span i {
    font-size: 14px;
}

.curriculumDetailBox .right .rightBox2 {
    background: #fff;
    padding: 25px 20px 5px;
}

.curriculumDetailBox .right .rightBox2 .rightBox2_title {
    font-size: 18px;
    color: #181113;
    margin-bottom: 20px;
}

.curriculumDetailBox .right .rightBox2 .rightBox2_li .rightBox2_item {
    font-size: 14px;
    color: #181113;
    background-image: url("/static/image/tj0.png");
    background-repeat: no-repeat;
    background-size: 6px;
    padding-left: 20px;
    background-position: 2px 50%;
    margin-bottom: 20px;
    cursor: pointer;
}

.curriculumDetailBox .right .rightBox2 .rightBox2_li .rightBox2_avtive {
    color: #FF6E9E;
    background-size: 14px 12px;
    background-image: url("/static/image/tj1.png");
    padding-left: 20px;
    background-position: 0px 50%;
}

#qrcode {
    background: url("/static/image/alertQrcode.png");
    width: 340px;
    height: 400px;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 9999;
    display: none;
}

#qrcode .qrcodeImg {
    padding-top: 175px;
}

#qrcode .qrcodeImg img {
    margin: 0 auto;
    padding: 10px;
}

#qrcode .text {
    font-size: 14;
    color: #181113;
    text-align: center;
    padding: 10px 0 5px;
}

#qrcode .tips {
    font-size: 12px;
    color: #797576;
    text-align: center;
}

.qrcodeClone {
    position: fixed;
    top: 500px;
    left: 50%;
    bottom: 0;
    z-index: 999;
    margin: auto;
    width: 40px;
    height: 40px;
    transform: translate(-50%, 0%);
    cursor: pointer;
    display: none;
}

.qrcodeClone img {
    width: 40px;
    height: 40px;
}

@-webkit-keyframes myLive {
    0% {
        height: 0;
    }
    25% {
        height: 20px;
    }
    50% {
        height: 20px;
    }
    100% {
        height: 0;
    }
}

@keyframes myLive {
    0% {
        height: 0;
    }
    25% {
        height: 20px;
    }
    50% {
        height: 20px;
    }
    100% {
        height: 0;
    }
}

.center_content {
    margin-top: 30px;
    padding: 0 30px;
}

.center_content .center_content_left,
.center_content .center_content_right {
    float: left;
}

.center_content .center_content_left {
    margin-right: 30px;
    width: 210px;
    height: 600px;
    background: #fff;
    border: 1px solid #E8E8E8;
}

.center_content .center_content_left .center_content_left_box {
    padding: 40px 56px;
}

.center_content .center_content_left .center_content_left_box .avtive span {
    color: #FF6E9E;
}

.center_content .center_content_left .center_content_left_box .item {
    font-size: 16px;
    color: #181113;
    text-align: center;
    cursor: pointer;
}

.center_content .center_content_left .center_content_left_box .item span {
    vertical-align: middle;
    display: inline-block;
    margin-left: 11px;
}

.center_content .center_content_left .center_content_left_img {
    padding: 35px 65px;
    border-bottom: 1px solid #E8E8E8;
}

.center_content .center_content_left .center_content_left_img img {
    width: 80px;
    height: 80px;
    display: block;
    margin-bottom: 15px;
    border-radius: 50%;
}

.center_content .center_content_left .center_content_left_img .txt {
    font-size: 16px;
    color: #181113;
    text-align: center;
}

.center_content .center_content_right {
    background: #fff;
    width: 900px;
    min-height: 349px;
    border: 1px solid #E8E8E8;
}

.center_content .center_content_right .study_content_right {
    padding: 40px 50px;
}

.center_content .center_content_right .order_content_right .order_Big_title {
    padding: 20px 30px;
    box-shadow: 0 -1px 10px #cdc8ca;
}

.center_content .center_content_right .order_content_right .order_Big_title .avtive {
    color: #FF6E9E;
}

.center_content .center_content_right .order_content_right .order_Big_title a {
    font-size: 14px;
    color: #797576;
    margin-right: 30px;
}

.center_content .center_content_right .order_box {
    padding: 20px;
}

.center_content .center_content_right .order_box .order_item {
    border: 1px solid #E8E8E8;
    position: relative;
    margin-bottom: 16px;
}

.center_content .center_content_right .order_box .order_item .order_title {
    background: #F6F6F6;
    padding: 15px 20px;
    font-size: 14px;
    color: #797576;
}

.center_content .center_content_right .order_box .order_item .order_title span {
    display: inline-block;
    margin-right: 40px;
}

.center_content .center_content_right .order_box .order_item .order_text {
    padding: 25px 20px 21px;
    font-size: 18px;
    color: #181113;
}

.center_content .center_content_right .order_box .order_item .order_price {
    font-size: 14px;
    color: #797576;
    padding: 0px 20px 30px;
}

.center_content .center_content_right .order_box .order_item .order_price span {
    display: inline-block;
    margin-right: 30px;
}

.center_content .center_content_right .order_box .order_item .order_btn {
    background: #FF6E9E;
    width: 88px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    border-radius: 15px;
    position: absolute;
    right: 20px;
    bottom: 25px;
    cursor: pointer;
}

.study_content_right_title {
    font-size: 20px;
    color: #181113;
    font-weight: bold;
    margin-bottom: 15px;
}

.study_content_right_box .qrCodeItem {
    text-align: center;
    width: 140px;
    float: left;
    margin-right: 60px;
    margin-bottom: 40px;
}

.study_content_right_box .qrCodeItem:last-child {
    margin-right: 0px;
}

.study_content_right_box .qrCodeItem .imgs {
    margin-bottom: 10px;
}

.study_content_right_box .qrCodeItem .imgs img {
    width: 140px;
    height: 140px;
    padding: 10px;
}

.study_content_right_box .qrCodeItem .title {
    font-size: 18px;
    color: #181113;
}

.login_conent {
    background: url("/static/image/loginBg.png");
    width: 100%;
    background-size: 1920px 1080px;
    height: 100%;
    background-repeat: no-repeat;
}

.login_conent .login_box_bg {
    background: url("/static/image/loginBox.png");
    width: 1050px;
    height: 520px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-size: cover;
    background-repeat: no-repeat;
    padding-left: 620px;
    box-shadow: 0 0px 20px #ffcfdb;
}

.login_conent .login_box_bg .tab {
    position: absolute;
    right: 20px;
    top: 20px;
}

.login_conent .login_box_bg .login_box {
    width: 340px;
    margin-top: 50px;
}

.login_conent .login_box_bg .login_box .logo {
    text-align: center;
    margin-bottom: 40px;
}

.login_conent .login_box_bg .login_box .logo img {
    width: 180px;
    height: 44px;
}

.login_conent .login_box_bg .login_box .iphoneBox {
    display: none;
}

.login_conent .login_box_bg .login_box .iphoneBox .login_title {
    font-size: 26px;
    color: #181113;
    text-align: center;
    margin-bottom: 30px;
}

.login_conent .login_box_bg .login_box .iphoneBox .login_btn {
    width: 340px;
    height: 50px;
    line-height: 50px;
    background: #DBDBDB;
    text-align: center;
    font-size: 18px;
    color: #FFFFFF;
    margin-bottom: 20px;
    border-radius: 3px;
    cursor: pointer;
}

.login_conent .login_box_bg .login_box .iphoneBox .login_form .login_form_input {
    width: 340px;
    border-bottom: 1px solid #E8E8E8;
    padding-bottom: 10px;
    margin-bottom: 50px;
    font-size: 18px;
    color: #797576;
}

.login_conent .login_box_bg .login_box .iphoneBox .login_form .login_form_input #login_tips {
    cursor: pointer;
    background: #fff;
    border: none;
    width: 150px;
    text-align: right;
}

.login_conent .login_box_bg .login_box .iphoneBox .login_form .login_form_input input {
    border: none;
    outline: none;
    width: 170px;
}

.login_conent .login_box_bg .login_box .qrcodeBox {
    text-align: center;
}

.login_conent .login_box_bg .login_box .qrcodeBox .wxlogo {
    margin-top: 94px;
    margin-bottom: 25px;
}

.login_conent .login_box_bg .login_box .qrcodeBox .title {
    color: #181113;
    font-size: 30px;
    margin-bottom: 92px;
}

.login_conent .login_box_bg .login_box .qrcodeBox .tips {
    font-size: 18px;
    color: #797576;
}

.article_content {
    background: #fff;
    padding-top: 34px;
}

.article_content .article_title {
    margin-bottom: 45px;
}

.article_content .article_title .provinceBox {
    margin-bottom: 15px;
}

.article_content .article_title .article_top {
    text-align: left;
    padding-left: 30px;
    display: flex;
    align-items: center;
    min-height: 60px;
}

.article_content .article_title .article_top .left,
.article_content .article_title .article_top .right {
    font-size: 14px;
    color: #181113;
}

.article_content .article_title .article_top .left {
    margin-right: 20px;
    align-self: baseline;
    font-weight: bold;
}

.article_content .article_title .article_top .right {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 1094px;
}

.article_content .article_title .article_top .right .avtive {
    height: 29px;
    line-height: 29px;
    background: #FF6E9E;
    box-shadow: 0 3px 10px rgba(255, 52, 119, 0.6);
    text-align: center;
    margin-right: 15px;
    color: #fff;
    padding: 0 20px;
    border-radius: 5px;
}

.article_content .article_title .article_top .right a {
    display: block;
    margin-right: 35px;
    margin-bottom: 10px;
    height: 29px;
    line-height: 29px;
}

.article_content .articleBox .left_box,
.article_content .articleBox .right_box {
    float: left;
    text-align: left;
}

.article_content .articleBox .left_box {
    width: 750px;
    padding-left: 30px;
    min-height: 200px;
}

.article_content .articleBox .left_box .item {
    margin-bottom: 25px;
    cursor: pointer;
}

.article_content .articleBox .left_box .item:hover .title {
    color: #FF6E9E;
}

.article_content .articleBox .left_box .item .title {
    color: #181113;
    font-size: 18px;
    margin-bottom: 15px;
}

.article_content .articleBox .left_box .item .timer {
    font-size: 14px;
    color: #A2A2A2;
    display: flex;
    justify-content: space-between;
}

.article_content .articleBox .right_box {
    width: 310px;
    margin-left: 80px;
    margin-bottom: 40px;
}

.article_content .articleBox .right_box .sisterBox {
    width: 310px;
    border: 1px solid #E8E8E8;
    border-top: 4px solid #FF6E9E;
    padding: 25px 20px;
}

.article_content .articleBox .right_box .sisterBox .sisterBox_title {
    text-align: center;
    margin-bottom: 25px;
}

.article_content .articleBox .right_box .sisterBox .sister_item {
    margin-bottom: 25px;
    cursor: pointer;
}

.article_content .articleBox .right_box .sisterBox .sister_item:hover .title {
    color: #FF6E9E;
}

.article_content .articleBox .right_box .sisterBox .sister_item .title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    font-size: 16px;
    color: #181113;
}

.article_content .articleBox .right_box .sisterBox .sister_item .num {
    text-align: right;
    margin-top: 15px;
    font-size: 14px;
    color: #A2A2A2;
}

.ql-editor img {
    max-width: 100%;
}

.hide {
    display: none;
}

.home_title {
    text-align: center;
}

.home_box1 {
    padding-top: 90px;
    background: #fff;
}

.home_box1 .box1_content {
    padding-bottom: 100px;
}

.home_box1 .box1_content .item {
    width: 530px;
    float: left;
}

.home_box1 .box1_content .item .centerBox {
    margin-top: 35px;
    margin-bottom: 25px;
    padding-left: 20px;
    border-left: 4px solid #FF6E9E;
}

.home_box1 .box1_content .item .centerBox .p1 {
    font-size: 18px;
    color: #FF6E9E;
}

.home_box1 .box1_content .item .centerBox .p2 {
    color: #181113;
    font-size: 26px;
}

.home_box1 .box1_content .item .text {
    color: #181113;
    font-size: 18px;
    line-height: 31px;
}

.home_box1 .box1_content .item .topImg img {
    width: 530px;
    height: 300px;
}

.home_box1 .box1_content .item:nth-child(odd) {
    margin-right: 80px;
}

.home_box1 .box1_content .item:nth-child(1) {
    margin-bottom: 130px;
}

.home_box1 .box1_content .item:nth-child(2) {
    margin-bottom: 130px;
    margin-top: 120px;
}

.home_box2 .top_box2 {
    background: #fff;
}

.home_box2 .top_box2 .home_title {
    margin-bottom: 55px;
}

.home_box2 .top_box2 .top_box2_click {
    height: 95px;
    position: relative;
}

.home_box2 .top_box2 .top_box2_click .avtive {
    height: 95px !important;
    line-height: 95px !important;
    color: #181113 !important;
    background: #FFE6EE !important;
}

.home_box2 .top_box2 .top_box2_click .item {
    width: 550px;
    height: 85px;
    line-height: 85px;
    text-align: center;
    font-size: 26px;
    background: #FD9BBC;
    float: left;
    color: #fff;
    border-radius: 20px 20px 0 0;
    position: absolute;
    bottom: 0;
}

.home_box2 .top_box2 .top_box2_click .item:nth-child(2) {
    right: 0;
}

.home_box2 .bot_box2 {
    background: #FFE6EE;
    padding-bottom: 70px;
}

.home_box2 .bot_box2 .more {
    display: block;
    width: 310px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    background: #FF8DB3;
    color: #Fff;
    font-size: 12px;
    margin: 0 auto;
    border-radius: 4px;
}

.home_box2 .bot_box2 .more:hover {
    background: #fff;
    color: #FF8DB3;
}

.home_box2 .bot_box2 .box2_tab_content {
    padding: 50px 0;
}

.home_box2 .bot_box2 .box2_tab_content .itemBox .item {
    width: 550px;
    height: 160px;
    background: #fff;
    border-radius: 20px;
    padding: 40px 30px 25px;
    float: left;
    margin-bottom: 33px;
    box-shadow: 0px 8px 1px #ffb4cf;
}

.home_box2 .bot_box2 .box2_tab_content .itemBox .item:hover {
    box-shadow: none;
}

.home_box2 .bot_box2 .box2_tab_content .itemBox .item .txt {
    font-size: 18px;
    color: #181113;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    margin-bottom: 20px;
}

.home_box2 .bot_box2 .box2_tab_content .itemBox .item .txt span {
    display: inline;
}

.home_box2 .bot_box2 .box2_tab_content .itemBox .item .txt .sp2 {
    -webkit-line-clamp: 1;
    margin-left: 30px;
}

.home_box2 .bot_box2 .box2_tab_content .itemBox .item .timer {
    border-top: 1px #FF6E9E dotted;
    padding-top: 30px;
    font-size: 14px;
}

.home_box2 .bot_box2 .box2_tab_content .itemBox .item .timer .sp2 {
    color: #FF6E9E;
    float: right;
}

.home_box2 .bot_box2 .box2_tab_content .itemBox .item .timer .sp2 img {
    margin-left: 5px;
}

.home_box2 .bot_box2 .box2_tab_content .itemBox .item:nth-child(even) {
    margin-left: 40px;
}

.home_box3 {
    height: 854px;
    background-image: url("../image/box3Img.png");
}

.home_box3 .home_title {
    padding-top: 100px;
    padding-bottom: 100px;
}

.home_box3 .left, .home_box3 .right {
    float: left;
}

.home_box3 .right .item {
    padding: 20px 50px;
    width: 550px;
    margin-bottom: 20px;
}

.home_box3 .right .item:hover {
    box-shadow: 0 6px 31px rgba(153, 153, 153, 0.16);
    border-radius: 20px;
}

.home_box3 .right .item .leftQR, .home_box3 .right .item .rightText {
    float: left;
}

.home_box3 .right .item .leftQR {
    margin-right: 20px;
}

.home_box3 .right .item .leftQR img {
    width: 100px;
    height: 100px;
}

.home_box3 .right .item .rightText .p1 {
    padding-top: 10px;
    font-size: 20px;
    color: #FF6E9E;
    margin-bottom: 18px;
}

.home_box3 .right .item .rightText .p2 {
    font-size: 14px;
    color: #797576;
    width: 330px;
}

.home_box4 {
    height: 946px;
    background-image: url("../image/homebg4.png");
}

.home_box4 .home_title {
    padding-top: 100px;
    padding-bottom: 65px;
}

.home_box4 .top {
    width: 846px;
    margin: 0 auto 50px;
}

.home_box4 .itemBox .item {
    width: 260px;
    height: 275px;
    background: #fff;
    padding: 30px 25px;
    margin-right: 33px;
    float: left;
    cursor: pointer;
}

.home_box4 .itemBox .item:last-child {
    margin-right: 0;
}

.home_box4 .itemBox .item .imgbox {
    text-align: center;
    margin-bottom: 20px;
}

.home_box4 .itemBox .item .title {
    color: #FF6E9E;
    font-size: 26px;
    margin-bottom: 8px;
    text-align: center;
}

.home_box4 .itemBox .item .text {
    font-size: 14px;
    color: #797576;
    line-height: 1.5;
}

.home_box5 {
    height: 756px;
    background: #fff;
    position: relative;
}

.home_box5 .home_box5bg {
    height: 200px;
    background: #FFEFF4;
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
}

.home_box5 .home_title {
    padding-top: 100px;
    padding-bottom: 55px;
}

.home_box5 .swiper-container {
    padding: 50px 0;
}

.home_box5 .swiper-container .swiper-slide {
    width: 460px;
    height: 360px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 31px rgba(153, 153, 153, 0.2);
    border-radius: 4px;
}

.home_box5 .swiper-container .swiper-slide img {
    width: 400px;
    height: 300px;
}

.logistics {
    width: 700px;
    border-radius: 20px;
    background: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    display: none;
}

.logistics .logis_header {
    border-bottom: 2px solid #E8E8E8;
    display: flex;
    justify-content: space-between;
    padding: 20px;
}

.logistics .logis_header .state {
    font-size: 18px;
    color: #181113;
    font-weight: bold;
}

.logistics .logis_header .clone {
    font-size: 14px;
    color: #A2A2A2;
}

.logistics .logis_itemBox {
    padding: 30px 25px;
}

.logistics .logis_itemBox .item {
    color: #181113;
    font-size: 14px;
    background: url("/static/image/logistics1.png") no-repeat;
    height: 43px;
    padding-left: 30px;
    margin-bottom: 2px;
}

.logistics .logis_itemBox .item:last-child {
    background: url("/static/image/logistics2.png") no-repeat;
}

.logistics .logis_itemBox .item .sp1 {
    margin-right: 18px;
}

#notData {
    padding: 50px;
    display: none;
    width: 100%;
    justify-content: center;
}

.bannerBox {
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 600px;
}

.bannerBox .banner {
    width: 2000px;
    position: absolute;
    left: 50%;
    margin-left: -1000px;
}

.bannerBox img {
    width: 100%;
}

.one-box1 {
    background: url("/static/image/one/BG1.png") no-repeat;
    height: 880px;
    background-size: 100% 100%;
}

.one-box1 .home_title {
    padding-top: 60px;
}

.one-box1 .one-box1-href {
    display: block;
    margin: 5px auto 0;
    width: 310px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    background: #FF8DB3;
    color: #fff;
    transition: 1s;
    border-radius: 4px;
}

.one-box1 .one-box1-href:hover {
    background: #fff;
    color: #FF6E9E;
}

.one-box1 .one-box01-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 65px;
}

.one-box1 .one-box01-content .item {
    width: 350px;
    height: 250px;
    background: #fff;
    margin-bottom: 45px;
    padding: 35px;
    border-radius: 5px;
    box-shadow: 0 0 10px #CDD6EE;
    position: relative;
    transition: 0.3s;
}

.one-box1 .one-box01-content .item:hover {
    transform: translate(0, -10px);
}

.one-box1 .one-box01-content .item .img {
    text-align: center;
    margin-bottom: 30px;
}

.one-box1 .one-box01-content .item .text {
    font-size: 18px;
    color: #181113;
    font-weight: 500;
    line-height: 30px;
}

.one-box2 {
    background: #fff;
    height: 2155px;
}

.one-box2 .home_title {
    padding-top: 100px;
}

.one-box2 .one-box2-imgs {
    margin-top: 55px;
    box-shadow: 7px 10px 20px #CDD6EE;
}

.one-box2 .one-box2-imgs .imgsQrcode {
    height: 181px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.one-box2 .one-box2-imgs .imgsQrcode .box2bg {
    position: absolute;
    top: 0;
    left: 0;
}

.one-box2 .one-box2-imgs .imgsQrcode .QrcodeBox {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
}

.one-box2 .one-box2-imgs .imgsQrcode .QrcodeBox .left img {
    width: 120px;
    height: 120px;
}

.one-box2 .one-box2-imgs .imgsQrcode .QrcodeBox .right {
    margin-left: 40px;
}

.one-box2 .one-box2-imgs .imgsQrcode .QrcodeBox .right p {
    font-size: 18px;
    color: #181113;
    margin-bottom: 10px;
    width: 172px;
    line-height: 25px;
    letter-spacing: 1px;
}

.one-box2 .one-box2-imgs .imgsQrcode .QrcodeBox .right a {
    width: 150px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background: #FF8DB3;
    display: block;
    border-radius: 4px;
}

.one-box2 .one-box2-imgs .imgsQrcode .QrcodeBox .right a:hover {
    background: #fff;
    color: #FF6E9E;
}

.one-box3 {
    background: #FAF8FF;
    height: 1075px;
}

.one-box3 .home_title {
    padding-top: 100px;
}

.one-box3 .one-box2-imgs {
    margin-top: 55px;
}

.one-box4 {
    background: #fff;
    height: 1100px;
}

.one-box4 .home_title {
    padding-top: 100px;
}

.one-box4 .one-box2-imgs {
    margin-top: 55px;
    position: relative;
    z-index: 0;
}

.one-box4 .one-box2-imgs::before {
    content: "";
    width: 581px;
    height: 795px;
    box-shadow: 0px 0px 30px #cdd6ee;
    display: block;
    position: absolute;
    z-index: 1;
    top: 0px;
    left: 1px;
    background: #0000;
    border-radius: 19px;
}

.one-box4 .one-box2-imgs img {
    position: relative;
    z-index: 1;
}

.one-box5 {
    background: url("/static/image/one/BG2.png") no-repeat;
    background-size: 100% 100%;
    height: 749px;
}

.one-box5 .home_title {
    padding-top: 100px;
}

.one-box5 .one-box2-imgs {
    margin-top: 55px;
}

/*# sourceMappingURL=base.css.map */

.home_content {
    /*background: linear-gradient(to bottom, #D4E2FB, #D4E2FB 5%, #F5F6FA 30%, #F5F6FA);*/
    background: #F5F6FA;
}

.home-bg {
    width: 100%;
    height: 750px;
    background: url('http://testimg.liangshiba.com/uploads/images/20250409/61c795aaf76c29e06e011c5caa8a8680.png') 0 0 no-repeat;
    background-size: 100% 100%;
    position: absolute;
    pointer-events: none;
}

.home_content .home_title {
    /*margin-top: 80px;*/
}

.home_content .home_title .provinceBox {
    margin-bottom: 15px;
}

.home_content .home_title .home_top {
    text-align: left;
    /*padding-left: 30px;*/
    display: flex;
    align-items: center;
    min-height: 60px;
    background-color: #ffffff;
    border-radius: 18px;
    padding: 20px;
}

.home_content .home_title .home_top .left,
.home_content .home_title .home_top .right {
    font-size: 14px;
    color: #181113;
}

.home_content .home_title .home_top .left {
    margin: auto;
    margin-right: 30px;
    align-self: baseline;
    font-weight: bold;
}

.home_content .home_title .home_top .right {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 1094px;
}

.home_content .home_title .home_top .right .avtive {
    height: 29px;
    line-height: 29px;
    background: #2383FF;
    /*box-shadow: 0 3px 10px rgb(35, 131, 255);*/
    text-align: center;
    margin-right: 30px;
    color: #fff;
    padding: 0 20px;
    border-radius: 5px;
}

.home_content .home_title .home_top .right a {
    display: block;
    margin: 10px 30px 10px 0px;
    height: 29px;
    line-height: 29px;
}

.home_content .homeBox .left_box,
.home_content .homeBox .right_box {
    float: left;
    text-align: left;
}

.home_content .homeBox .left_box {
    width: 750px;
    padding-left: 30px;
    min-height: 200px;
}

.home_content .homeBox .left_box .item {
    margin-bottom: 25px;
    cursor: pointer;
}

.home_content .homeBox .left_box .item:hover .title {
    color: #FF6E9E;
}

.home_content .homeBox .left_box .item .title {
    color: #181113;
    font-size: 18px;
    margin-bottom: 15px;
}

.home_content .homeBox .left_box .item .timer {
    font-size: 14px;
    color: #A2A2A2;
    display: flex;
    justify-content: space-between;
}

.home_content .homeBox .right_box {
    width: 310px;
    margin-left: 80px;
    margin-bottom: 40px;
}

.home_content .homeBox .right_box .sisterBox {
    width: 310px;
    border: 1px solid #E8E8E8;
    border-top: 4px solid #FF6E9E;
    padding: 25px 20px;
}

.home_content .homeBox .right_box .sisterBox .sisterBox_title {
    text-align: center;
    margin-bottom: 25px;
}

.home_content .homeBox .right_box .sisterBox .sister_item {
    margin-bottom: 25px;
    cursor: pointer;
}

.home_content .homeBox .right_box .sisterBox .sister_item:hover .title {
    color: #FF6E9E;
}

.home_content .homeBox .right_box .sisterBox .sister_item .title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    font-size: 16px;
    color: #181113;
}

.home_content .homeBox .right_box .sisterBox .sister_item .num {
    text-align: right;
    margin-top: 15px;
    font-size: 14px;
    color: #A2A2A2;
}

/*新增*/

/* 整体盒子 */
a:hover {
    text-decoration: none;
}

.router-link-active {
    text-decoration: none;
}

.gw-container {
    width: 100%;
    background-color: #F2F6FB;
    position: relative;
}

#HomePage {
    background: linear-gradient(to bottom, #D4E2FB, #D4E2FB 5%, #F5F6FA 30%, #F5F6FA);
}

.home_more {
    display: flex;
    align-items: center;
    margin-left: 10px;
    cursor: pointer;
}

.home_more_img {
    width: 8px;
    height: 14px;
    background: url('http://testimg.liangshiba.com/uploads/images/20250408/ce6e6f2c92dd3d16db1f5b89921ee9b3.png') 0 0 no-repeat;
    background-size: 100% 100%;
}

.home_more_text {
    min-width: 32px;
    height: 22px;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    color: #606060;
    margin-right: 10px;
}

.m-0 {
    margin: 0px;
}

.m-lr-5 {
    margin: 0px 5px;
}

.m-10 {
    margin: 10px;
}

.w-h-280 {
    width: 280px;
    height: 280px;
}

/* 顶部轮播图 */
#swiper {
    width: 100%;
    height: 100%;

}

#swiper .banner-swiper {
    width: 100%;
    height: 100%;
    /* position: relative;*/
}

#swiper .banner-swiper img {
    width: 100%;
    height: 100%;
}

.swiper-lazy {
    width: 100%;
    height: 100%;
}

#swiper .banner-swiper .swiper-slide-title {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999999999;
    width: 100%;
    height: 100%;
    color: #fff;
    background: rgba(51, 51, 51, 0.534);
    text-align: center;
    line-height: 80px;
}

#swiper .banner-swiper .swiper-slide-title > h1 {
    font-size: 50px;
    margin-top: 12%;
}

#swiper .banner-swiper .swiper-slide-title > p {
    font-size: 20px;
    margin-top: 1%;
    font-weight: 700;
}

/* 大数据管理系统 */
#bigData {
    padding: 100px;
    transition: all ease 0.6s;
    box-sizing: border-box;
}

#bigData .bigData-title {
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
}

#bigData p {
    font-size: 14px;
    color: #333;
    line-height: 2rem;
}

#bigData .bigData-device {
    margin: 50px 0 20px;
}

/* 您身边的IT专家 */
#contactUs {
    color: #fff;
    height: 400px;
    background: url('/static/image/contact_us_bg.jpg') 0 0 no-repeat;
    background-size: 100% 100%;
    transition: all ease 0.6s;
}

#contactUs .contactUs-container {
    padding-top: 50px;
}

#contactUs .contactUs-container button {
    width: 300px;
    height: 50px;
    margin-top: 40px;
}

#contactUs .contactUs-container .contactUs-contactWay span {
    display: inline-block;
    width: 48px;
    height: 48px;
    margin: 30px;
}

#contactUs .contactUs-container .contactUs-contactWay span:nth-of-type(1) {
    background: url('/static/image/weixin.png') 0 0 no-repeat;
    background-size: 100% 100%;
}

#contactUs .contactUs-container .contactUs-contactWay span:nth-of-type(2) {
    background: url('/static/image/weibo.png') 0 0 no-repeat;
    background-size: 100% 100%;
}

#contactUs .contactUs-container .contactUs-contactWay span:nth-of-type(3) {
    background: url('/static/image/twitter.png') 0 0 no-repeat;
    background-size: 100% 100%;
}

/* 客户评价 */
#customer {
    padding: 50px 0;
    box-sizing: border-box;
    background: #efefef;
    transition: all ease 0.6s;
}

#customer .customer-title {
    font-size: 30px;
    color: rgb(102, 102, 102);
    margin: 0 0 30px;
}

#customer .customer-block {
    background: #fff;
    padding: 30px 80px;
}

#customer .customer-logo img {
    width: 94px;
    height: 94px;
    border: 1px solid #ccc;
}

#customer .customer-yh img {
    width: 34px;
    height: 34px;
}

#customer .customer-content1 {
    padding-bottom: 20px;
    border-bottom: 1px solid #0ce9f1;
}

#customer .customer-content2 {
    padding-top: 20px;
}

/* 为什么选择我们 */
#whyChooseUs {
    padding: 100px;
}

#whyChooseUs .whyChooseUs-title {
    margin-bottom: 50px;
}

#whyChooseUs .whyChooseUs-title p:nth-of-type(1) {
    font-size: 25px;
    font-weight: 500;
}

#whyChooseUs .whyChooseUs-title p:nth-of-type(2) {
    font-size: 14px;
}

#whyChooseUs .server-block {
    padding: 50px 20px;
    border: 1px solid #ccc;
    border-bottom: 5px solid #ccc;
}

#whyChooseUs .server-block img {
    width: 48px;
    height: 48px;
}

#whyChooseUs .server-block > p {
    font-size: 20px;
    margin: 30px 0;
}

#whyChooseUs .server-block > div {
    color: #ccc;
}

.home-sector1 {
    border-radius: 18px;
    height: 336px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    display: flex;
    flex-direction: row;
    position: relative;
    top: 36px;
}

.home-sector1-choice {
    width: 14%;
    align-items: flex-start;
    display: inline-flex;
    flex-wrap: nowrap;
    flex-direction: column;
    background-color: #ffffff;
    justify-content: space-around;
    padding: 16px;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    color: #282a2d;
}

.home-sector1-choice-title {
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    color: #282a2d;
}

.home-sector1-popup {
    background-color: #ffffff;
    width: 35%;
    height: 100%;
    position: absolute;
    left: 14%;
    z-index: 5;
    border-bottom-right-radius: 12px;
    border-top-right-radius: 12px;
    display: flex;
    flex-direction: column;
    padding-right: 20px;
}

.home-sector1-popup-title {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 15%;
    align-items: center;
    border-bottom: 2px dashed #DDDDDD;
}

.home-sector1-popup-title img {
    /*border-radius: 50%;*/
    height: 18px;
    width: 18px;
}

.home-sector1-popup-title h3 {
    min-width: 80px;
    height: 22px;
    font-size: 16px;
    font-weight: 700;
    text-align: left;
    color: #282a2d;
    margin-left: 10px;
    margin-top: 5px;
}

.home-sector1-popup-type {
    width: 100%;
    height: 35%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding-top: 20px;
}

.home-sector1-popup-type-button {
    margin-right: 10px;
    background-color: #f6f6f6;
    width: 84px;
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    overflow: hidden;
}

.home-sector1-popup-type-button:hover {
    background-color: #ECF2FF;
    color: #2383FF;
}

.home-sector1-popup-type-choice {
    background-color: #ECF2FF;
    color: #2383FF;
}

.home-sector1-popup-recommend-title {
    width: 100%;
    height: 5%;
    font-size: 16px;
    font-weight: 700;
    text-align: left;
    color: #282a2d;
}

.home-sector1-popup-recommend {
    width: 100%;
    height: 45%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.home-sector1-popup-recommend-img {
    width: 45%;
    height: 80%;
    background: rgba(0, 0, 0, 0.00);
    border-radius: 6px;
    cursor: pointer;
}

.home-sector1-carousel {
    width: 86%;
}

.home-sector1-carousel .ivu-carousel > .ivu-carousel-list {
    height: 100%;
}

.home-sector1-carousel .ivu-carousel > .ivu-carousel-list > .ivu-carousel-track {
    height: 100%;
}

.home-sector1-swiper-pagination {
    height: 35px;
    opacity: 0.38;
    background: #282a2d;
    border-radius: 18px;
    position: absolute;
    z-index: 1;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    align-items: center;
    left: 50%;
    transform: translate(-50%, -50%);
}

.home-sector1-swiper-pagination .swiper-pagination-bullet {
    width: 7px;
    height: 7px;
    opacity: 0.54;
    background: #988383;
    border-radius: 50%;
}

.home-sector1-swiper-pagination .swiper-pagination-bullet-active {
    width: 10px;
    height: 10px;
    background: #ffffff;
    border-radius: 50%;
}

.h-agsx {
    padding: 8px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    cursor: pointer;
}

.h-agsx:hover {
    color: #2383FF;
}

.h-agsx:hover .home_more_img {
    width: 8px;
    height: 14px;
    background: url('http://testimg.liangshiba.com/uploads/images/20250408/8f1e755afe3f183c0514f09343afc628.png') 0 0 no-repeat;
    background-size: 100% 100%;
}

.home-sector2 {
    width: 1200px;
    border: 1px solid #ffffff;
    background: #ffffff;
    border-radius: 18px;
    height: 108px;
    margin: auto;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    margin-top: 80px;
    display: flex;
    flex-direction: row;
}

.home-sector2-img {
    width: 15%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 10px;
}

.home-sector2-city {
    width: 85%;
    align-items: center;
    display: inline-flex;
    flex-wrap: wrap;
    flex-direction: row;
}

.home-sector2-city-choice {
    padding: 10px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.h-agsd {
    width: 50%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 10px 0px;
    font-size: 16px;
}

.home_label {
    display: inline-block;
    margin-right: 10px;
    background-color: #ECF2FF;
    color: #2383FF;
    border-radius: 4px;
    min-width: 60px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    font-size: 12px;
    padding: 0px 10px;
    overflow: hidden;
}

.home_dot {
    width: 6px;
    height: 6px;
    background: #b8b9c2;
    border-radius: 50%;
    margin-right: 6px;
}

.home_t {
    width: 282px;
    height: 22px;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    color: #282a2d;
}

.bg-warning {
    background-color: #FFF6EC;
    color: #FFBD72;
}

.home-sector3 {
    min-height: 540px;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.home-sector3-left {
    width: 68%;
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.home-sector3-guidance {
    width: 100%;
    align-items: flex-start;
    display: inline-flex;
    flex-wrap: wrap;
    flex-direction: column;
    background-color: #ffffff;
    border-radius: 18px;
    padding: 25px 30px;
    height: 412px;
    /*display: grid;*/
    /*grid-template-columns: repeat(2, 1fr);*/
}

.home-sector3-nav {
    border: 1px solid #ffffff;
    border-radius: 18px;
    height: 88px;
    background-color: #ffffff;
    overflow: hidden;
    margin-top: 25px;
    display: flex;
    flex-direction: row;
    width: 100%;
    padding: 20px;
}

.home-sector3-nav-head {
    width: 15%;
    background-color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.home-sector3-nav-box {
    width: 100%;
    display: inline-flex;
    flex-wrap: nowrap;
    justify-content: space-around;
    flex-direction: row;
    align-items: center;
    background-color: #ffffff;
}

.home-sector3-nav-content {
}

.home-sector3-right {
    width: 30%;
    border-radius: 18px;
    overflow: hidden;
    display: flex;
    flex-direction: row;
}

.home-sector3-right {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.exam-calendar {
    background: url('/static/image/home_calendar.png') 0 0 no-repeat;
    background-size: 100% 100%;
    border-radius: 18px;
    /*background-color: #DAEAFF;*/
    overflow: hidden;
}

.exam-calendar-head {
    width: 100%;
    /*background: url('/static/image/exam_calendar_head.png') 0 0 no-repeat;*/
    /*background-size: 100% 100%;*/
    padding: 0px 20px;
    height: 60px;
}

.exam-calendar-head-title {
    margin-right: 10px;
    padding-bottom: 5px;
}

.exam-calendar-list {
    width: 100%;
    min-height: 350px;
    /*display: grid;*/
    /*grid-template-columns: repeat(1, 1fr);*/
    gap: 13px;
    padding: 0px 20px 20px;
    /*border-radius: 18px;*/
    /*background-color: #DAEAFF;*/
    display: flex;
    flex-direction: column;
}

.exam-calendar-list-content {
    width: 100%;
    height: 100px;
    background: #ffffff;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: center;
    padding: 18px;
}

.exam-calendar-list-title {
    width: 100%;
    height: 19px;
    font-size: 16px;
    font-weight: 700;
    text-align: left;
    color: #282a2d;
    margin-bottom: 10px;
}

.exam-calendar-list-label {
    width: 100%;
    display: flex;
    flex-direction: row;
    margin: 10px 0px;
}

.exam-calendar-list-desc {
    width: 100%;
    height: 40px;
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    color: #a0a0a0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.exam-calendar-list-desc2 {
    display: flex;
    flex-direction: column;
}

.exam-calendar-list-desc2 span {
    width: 167px;
    height: 17px;
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    color: #a0a0a0;
    margin-bottom: 6px;
}

.exam-calendar-list-desc3 {
    width: 100%;
    height: 17px;
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    color: #a0a0a0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.exam-calendar-head2 {
    width: 100%;
    background: url('/static/image/school_exam_calendar_head.png') 0 0 no-repeat;
    background-size: 100% 100%;
    padding: 0px 20px;
    height: 80px;
    position: relative;
}

.exam-calendar-list2 {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 0px 20px;
    border-bottom-left-radius: 18px;
    border-bottom-right-radius: 18px;
    background-color: #ffffff;
    position: relative;
}

.exam-calendar-list-content2 {
    width: 100%;
    min-height: 85px;
    background: #ffffff;
    border-radius: 12px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    text-align: center;
}

.exam-calendar-list-title2 {
    width: 150px;
    height: 22px;
    font-size: 16px;
    font-weight: 700;
    text-align: right;
    color: #282a2d;
}

.exam-calendar-time {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    width: 80px;
}

.exam-calendar-time-outer {
    width: 10px;
    height: 10px;
    background: #ffffff;
    border-radius: 50%;
    box-shadow: 0px 0px 4px 0px #cfd8e9;
    display: flex;
    align-items: center;
    justify-content: center;
}

.exam-calendar-time-inside {
    width: 6px;
    height: 6px;
    background: #1b6ef2;
    border-radius: 50%;
}

.exam-calendar-time-line {
    height: 100%;
    width: 1px;
    border: 2px dashed #DDDDDD;
}


.home-sector3-right-test-que-title {
    padding-left: 10px;
}

.home-sector3-right-test-que {
    border: 1px solid #ffffff;
    border-radius: 18px;
    height: 88px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    display: flex;
    flex-direction: row;
    width: 100%;
    padding: 0px 10px;
    background-color: #ffffff;
}

.home-sector4 {
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.home-sector4-box {
    height: 85%;
    /*display: flex;*/
    /*flex-direction: row;*/
    /*justify-content: space-between;*/
    /*flex-wrap: wrap;*/
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}

.home-sector4-content {
    height: 240px;
    width: 378px;
}

.home-sector4-consult {
    padding: 0px;
}

.home-sector4-consult-type {
    width: 261px;
    height: 25px;
    font-size: 18px;
    font-family: PingFang SC, PingFang SC-Bold;
    font-weight: 700;
    text-align: left;
    color: #282a2d;
}

.home-sector4-consult-list {
    display: flex;
    flex-direction: column;
    margin-top: 10px;
}

.home-sector4-consult-list div {
    margin-bottom: 10px;
}

.home-sector4-consult-list-title {
    display: flex;
    flex-direction: row;
    height: 22px;
    align-items: center;
    white-space: nowrap;
}

.home-sector4-consult-label {
    height: 22px;
    font-size: 16px;
    font-weight: 700;
    text-align: left;
    color: #282a2d;
    white-space: nowrap;
}

.home-sector4-consult-list-href {
    width: 300px;
    height: 20px;
    flex: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/*.home-sector4-article-list-title b {*/
/*    min-width: 20%;*/
/*}*/

.home-sector4-carousel {
    width: 100%;
    height: 210px;
    border-radius: 12px;
}

.home-sector4-img {
    height: 210px;
}

.home-sector4-img img {
    height: 100%;
    width: 100%;
}

.home-sector4-swiper-pagination {
    height: 35px;
    border-radius: 18px;
    position: absolute;
    z-index: 1;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    align-items: center;
    left: 50%;
    transform: translate(-50%, -50%);
}

.home-sector4-swiper-pagination .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    opacity: 0.68;
    background: #ffffff;
    border-radius: 3px;
}

.home-sector4-swiper-pagination .swiper-pagination-bullet-active {
    width: 24px;
    height: 6px;
    background: #ffffff;
    border-radius: 3px;
}

.home-sector5 {
    height: 540px;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.home-sector5-left {
    width: 68%;
    align-items: flex-start;
    display: inline-flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
}

.home-sector5-nav {
    border: 2px solid #ffffff;
    border-radius: 18px;
    height: 72px;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    width: 100%;
}

.home-sector5-nav-box {
    width: 100%;
    display: inline-flex;
    flex-wrap: nowrap;
    justify-content: space-around;
    flex-direction: row;
    align-items: center;
    background-color: #EBF1FF;
    padding: 10px;
}

.home-sector5-nav-box div {
    width: 15%;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-size: 18px;
}

.home-sector5-nav-content {
    width: 132px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    color: #282A2D;
    cursor: pointer;
}

.home-sector5-nav-content-choice {
    background: url('/static/image/home_search_1.png') no-repeat;
    background-size: 100% 100%;
    color: #ffffff;
    width: 132px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    cursor: pointer;
}

.home-sector5-wiper {
    width: 100%;
    border-radius: 12px;
}

.separate-list {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}

.separate-list-li {
    padding: 0px 10px;
    color: #606060;
    min-width: 30px;
    height: 22px;
    line-height: 22px;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    cursor: pointer;
    position: relative;
}

.separate-list-li:hover {
    color: #2383FF;
}

.separate-list-left {
    /*border-right: 1px solid black;*/
    height: 22px;
    line-height: 22px;
}

.separate-list-left::after {
    content: '';
    position: absolute;
    top: 4px;
    right: 0;
    width: 1px;
    height: 14px;
    border-right: 1px solid #A0A0A0;
}

.special-table {
    width: 100%;
    height: 410px;
    display: flex;
}

.special-table tbody {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}

.special-table tr {
    width: 100%;
    height: 180px;
    display: flex;
    justify-content: space-between;
}

.special-table tr td {
    width: 32%;
    height: 180px;
    border-radius: 12px;
    display: flex;
}

.d-content {
    height: 180px;
    width: 100%;
    background-color: #ffffff;
    border-radius: 12px;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 18px;
    cursor: pointer;
}

.d-content:hover {
    box-shadow: 0px 3px 6px 0px rgba(207, 216, 233, 0.78);
    transform: translate(0px, -6px);
    transition: transform 0.3s;
}

.special-table-img {
    width: 100%;
    /*background: url('/static/image/banner.png') no-repeat;*/
    /*background-size: 100% 100%;*/
}

.d-title {
    width: 100%;
    /*height: 50px;*/
    font-size: 18px;
    font-weight: 700;
    text-align: left;
    color: #282a2d;
    /*margin-bottom: 10px;*/
}

.d-title-about-1 {
    width: 100%;
    min-height: 35px;
    line-height: 40px;
    font-weight: 700;
    font-size: 24px;
    text-align: left;
    color: #2383FF;
    margin-bottom: 10px;
}

.d-title-about-2 {
    width: 100%;
    min-height: 35px;
    font-size: 18px;
    font-weight: 400;
    text-align: left;
    color: #282a2d;
    line-height: 25px;
    margin-bottom: 10px;
}

.d-label {
    display: flex;
    flex-direction: row;
    /*justify-content: space-between;*/
    width: 100%;
    margin: 12px 0px;
}

.d-label-2 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 5px;
    width: 100%;
}

.d-btn {
    width: 100%;
    height: 36px;
    height: 36px;
    background: #2383ff;
    border-radius: 18px;
    color: #ffffff;
    border: 1px solid #2383ff;
}

.d-foot {
    width: 100%;
    height: 20px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.d-foot2 {
    width: 100%;
    height: 20px;
    display: flex;
    flex-direction: row;
}

.d-foot-num {
    width: 50%;
    height: 25px;
    line-height: 25px;
    font-size: 15px;
    font-weight: 400;
    text-align: left;
    color: #a0a0a0;
    padding: 2px;
}

.d-foot-r {
    width: 50%;
    height: 25px;
    line-height: 25px;
    text-align: right;
    color: #2383ff;
}

.d-foot-price {
    font-size: 23px;
    font-weight: 400;
}

.d-foot-i {
    min-width: 25%;
    height: 25px;
    line-height: 25px;
    font-size: 15px;
    font-weight: 400;
    text-align: left;
    color: #a0a0a0;
    padding: 2px;
    margin-right: 10px;
}

.d-foot-ix {
    min-width: 86px;
    height: 16px;
    font-size: 11px;
    font-weight: 400;
    text-align: left;
    color: #a0a0a0;
    line-height: 27px;
}

.home-sector5-right {
    width: 30%;
    border-radius: 18px;
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: row;
}

.home-sector5-right {
    display: flex;
    flex-direction: column;
    /*justify-content: space-around;*/
}

.home-sector5-right-calendar {
    height: 350px;
    width: 100%;
    background: url('/static/image/home_calendar.png') no-repeat;
    background-size: 100% 100%;
    padding: 10px;
    border-radius: 18px;
    margin-top: 25px;
}

.home-sector5-right-calendar-head {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    height: 33px;
}

.home-sector5-right-calendar-head-title {
    margin-right: 10px;
    padding-bottom: 5px;
}

.home-sector5-right-calendar-list {
    width: 100%;
    height: 270px;
    margin: auto;
}

.home-sector5-right-calendar-list-content {
    width: 100%;
    height: 80px;
    background: #ffffff;
    border-radius: 12px;
    margin: 15px 0px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding: 10px 0px 10px 10px;
}

.home-sector5-right-calendar-list-title {
    width: 234px;
    height: 22px;
    font-size: 16px;
    font-weight: 700;
    text-align: left;
    color: #282a2d;
}

.home-sector5-right-calendar-list-desc {
    width: 100%;
    height: 17px;
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    color: #a0a0a0;
    display: flex;
    flex-direction: row;
}

.h-d {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    min-height: 33px;
    width: 100%;
}

.h-d:hover .home_more_img {
    width: 8px;
    height: 14px;
    background: url('http://testimg.liangshiba.com/uploads/images/20250408/8f1e755afe3f183c0514f09343afc628.png') 0 0 no-repeat;
    background-size: 100% 100%;
}

.home-sector5-right-test-que-title {
    padding-left: 10px;
}

.prepara-mater {
    border-radius: 18px;
    background-color: #ffffff;
    height: 100%;
    overflow: hidden;
}

.prepara-mater-head {
    width: 100%;
    background: url('/static/image/prepara_mater_head.png') 0 0 no-repeat;
    background-size: 100% 100%;
    padding: 0px 20px;
    height: 60px;
}

.prepara-mater-info {
    width: 100%;
    min-height: 250px;
    display: flex;
    flex-direction: column;
    padding: 0px 20px;
    border-radius: 18px;
    background-color: #ffffff;
}

.prepara-mater-info-search {
    /*display: grid;*/
    /*grid-template-columns: repeat(4, 1fr);*/
    /*gap: 10px;*/
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;

}

.prepara-mater-info-search-type {
    background-color: #F6F6F6;
    color: #282a2d;
    min-width: 60px;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    padding: 4px 13px;
    border-radius: 4px;
    margin-right: 15px;
    margin-bottom: 12px;
}

.prepara-mater-info-search-type-choice {
    background: linear-gradient(180deg, #4496ff, #2b7dff);
    color: #ffffff;
    min-width: 60px;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    padding: 4px 13px;
    border-radius: 4px;
    margin-right: 15px;
    margin-bottom: 12px;
}

.prepara-mater-info-list {
    width: 100%;
    height: 80%;
}

.prepara-mater-info-list-content {
    display: flex;
    flex-direction: row;
    height: 45px;
    padding: 10px 0px;
}

.prepara-mater-info-list-title {
    height: 18px;
    width: 330px;
    font-size: 16px;
    font-weight: 500;
    text-align: left;
    color: #282a2d;
}

.home-sector6 {
    height: 350px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.home-sector6-list {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.d-img-content {
    background-color: #ffffff;
    border-radius: 18px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    cursor: pointer;
}

.d-img-content:hover {
    box-shadow: 0px 3px 6px 0px rgba(207, 216, 233, 0.78);
    transform: translate(0px, -6px);
    transition: transform 0.3s;
}


.home-div1 {
    width: 100%;
    height: 280px;
}

.recommend-div1 {
    width: 100%;
    height: 320px
}

.recommend-div2 {
    width: 260px;
    height: 266px;
}

.recommend-div3 {
    width: 260px;
    height: 366px;
}

.tutorials-div1 {
    width: 285px;
    height: 366px;
    margin-bottom: 20px;
}

.course-div1 {
    width: 282px;
    height: 339px;
    border-radius: 18px;
}

.about-div1 {
    width: 372px;
    height: 360px;
    background: #ffffff;
    border-radius: 18px;
}

.about-div2 {
    width: 264px;
    height: 252px;
    background: #ffffff;
    border-radius: 18px;
}

.d-img {
    height: 50%;
    width: 100%;
    border-radius: 12px;
    margin-bottom: 10px;
}

.d-img2 {
    height: 65%;
    width: 98%;
    border-radius: 0px;
    margin-bottom: 10px;
}

.d-img3 {
    height: 140px;
    width: 100%;
    border-radius: 12px;
    margin-bottom: 10px;
}

.d-img-recommend-1 {
    width: 100%;
    height: auto;
    border-radius: 12px;
    margin-bottom: 20px;
}

.d-img-course-1 {
    width: 246px;
    height: 138px;
    border-radius: 12px;
    margin-bottom: 10px;
}

.d-img-recommend-2 {
    width: 228px;
    height: 128px;
    border-radius: 6px;
    margin-bottom: 10px;
}

.d-img-recommend-3 {
    width: 228px;
    height: 228px;
    border-radius: 12px;
    margin-bottom: 10px;
}

.d-img-tutorials-1 {
    width: 240px;
    height: 240px;
    border-radius: 12px;
    margin-bottom: 10px;
}

.d-img-about-1 {
    width: 100%;
    height: 178px;
    border-radius: 10px;
}

.d-img-about-2 {
    width: 228px;
    height: 126px;
    background: rgba(0, 0, 0, 0.00);
    border-radius: 10px;
}

.home-sector7 {
    min-height: 550px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.home-sector8 {
    min-height: 620px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.home-sector8-box {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.home-sector8-head {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    flex-wrap: nowrap;
    font-size: 18px;
    font-weight: 400;
}

.home-sector8-title {
    display: flex;
    flex-direction: row;
    background: url('/static/image/button_no_choice.png') no-repeat;
    background-size: 100% 100%;
    padding: 10px;
    width: 20%;
    height: 66px;
    justify-content: center;
    align-items: center;
}

.home-sector8-title-choice {
    display: flex;
    flex-direction: row;
    background: url('/static/image/button_choice.png') no-repeat;
    background-size: 100% 100%;
    color: #ffffff;
    padding: 10px;
    width: 20%;
    height: 66px;
    justify-content: center;
    align-items: center;
}

.home-sector8-title-choice .home-sector8-title-index {
    color: #ffffff;
}

.home-sector8-title-index {
    width: 31px;
    height: 66px;
    line-height: 66px;
    font-size: 28px;
    font-weight: 700;
    text-align: left;
    margin-right: 10px;
    padding: 0px 40px 40px 0px;
    color: #A0A0A0;
}

.home-sector8-title-content {
    height: 66px;
    line-height: 66px;
}

.home-sector8-content {
    background: url('/static/image/background_feature.png') no-repeat;
    background-size: 100% 100%;
    height: 516px;
    width: 100%;
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    padding: 42px 64px;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
}

.home-sector8-img {
    width: 100%;
    height: 100%;
}

.home-sector9 {
    min-height: 180px;
    display: flex;
    flex-direction: column;
}

.home-sector9-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
    justify-items: center;
    width: 100%;
}

.home-sector9-div {
    position: relative;
    width: 100%;
}


.home-sector9-dialog {
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-image: url("http://testimg.liangshiba.com/uploads/images/20250327/b224a21e77becb1f3fa2eee4c8c0a578.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 220px;
    height: 250px;
    position: absolute;
    left: 15%;
    top: -235px;
}

.home-sector9-dialog img {
    width: 132px;
    height: 132px;
}

.home-sector9-content {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
    height: 126px;
    background: linear-gradient(198deg, #f3fbff 4%, #f3f6ff 88%);
    border: 2px solid #ffffff;
    border-radius: 12px;
    box-shadow: 0px 0px 12px 0px rgba(207, 216, 233, 0.78);
}

.home-sector9-img {
    width: 72px;
    height: 72px;
}

.home-sector9-title {
    width: 100%;
    height: 25px;
    font-size: 18px;
    font-weight: 700;
    text-align: left;
    color: #282a2d;
    margin-bottom: 10px;
}

.home-sector9-desc {
    width: 100%;
    height: 20px;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    color: #606060;
}

.home-sector10 {
    border-radius: 18px;
    height: 280px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.home-sector10-content {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 90%;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.home-sector10-left {
    width: 30%;
    height: 100%;
}

.home-sector10-radio {
    position: relative;
    width: 100%;
    /*height: 100%;*/
    max-width: 600px;
    margin: 0 auto;
    padding: 10px;
    background: #ffffff;
    border-radius: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.home-sector10-radio video {
    width: 100%;
    height: 100%;
    border-radius: 12px;
    display: block;
}

.video-poster {
    border-radius: 12px;
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 20px); /* 减去左右内边距 */
    height: calc(100% - 20px); /* 减去上下内边距 */
    margin: 10px; /* 子标签的外边距 */
    cursor: pointer;
    background-image: url('http://testimg.liangshiba.com/uploads/images/20250429/548c21fae075448b8f67120d41279a3b.png');
    background-size: cover;
    background-position: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.video-poster img {
    width: 47px;
    height: 47px;
    border-radius: 50%;
    margin-bottom: 18px;
}

.video-poster p {
    height: 38px;
    font-size: 30px;
    font-weight: 500;
    text-align: center;
    color: #ffffff;
}

.home-sector10-right {
    width: 66%;
    height: 100%;
}

.home-sector10-title {
    width: 100%;
    height: 25px;
    font-size: 18px;
    font-weight: 700;
    text-align: left;
    color: #282a2d;
}

.home-sector10-desc {
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    color: #282a2d;
    line-height: 33px;
    text-indent: 2em;
}

.w80 {
    width: 80px;
}

.w-100 {
    width: 100%;
}

.h-a {
    height: auto;
}

.h-100 {
    height: 100%;
}

.calendar-sector1 {
    background: url('http://testimg.liangshiba.com/uploads/images/20250326/cf6b31373b8bdf8414200c477abfc756.png') 0 0 no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 570px;
    z-index: 1;
}

.calendar {
    position: relative;
    top: -140px;
    left: 0;
    right: 0;
    z-index: 2;
}

.calendar-sector2 {
    border-radius: 18px;
    padding: 20px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    background-color: #ffffff;
    border: 1px solid #F2F6FB;
}

.calendar-sector2-where {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    width: 100%;
    min-height: 20%;
    margin-bottom: 5px;
}

.calendar-sector2-where-type {
    width: 92px;
    height: 36px;
    line-height: 36px;
    background: #ecf2ff;
    border-radius: 18px;
    font-size: 14px;
    font-weight: 700;
    color: #2383ff;
    text-align: center;
    margin: 0px 30px;
}

.calendar-sector2-where-data {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    width: 80%;
    height: 100%;
}

.calendar-sector2-where-item {
    height: 20px;
    line-height: 20px;
    margin: 10px 20px 10px 0px;
    text-align: left;
}

.border-d3d {
    border-bottom: 3px dashed #DDDDDD;
}

.calendar-sector3 {
    min-height: 200px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
}

.calendar-table {
    width: 100%;
    min-height: 200px;
    border-radius: 18px;
    overflow: hidden;
    border: 2px solid #DDDDDD;
}

.calendar-table td {
    min-width: 110px;
    padding: 11px 14px;
}

.calendar-table > thead > tr > td {
    background-color: #2383ff;
    color: #ffffff;
    height: 60px;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    border: 2px solid #ffffff;
}

.calendar-table > tbody > tr > td {
    background-color: #ffffff;
    color: #282a2d;
    height: 22px;
    font-size: 16px;
    font-weight: 400;
    border: 2px solid #DDDDDD;
    text-align: center;
}

.calendar-sector4 {
    border-radius: 18px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.calendar-sector4-search2 {
    margin: 20px 0px;
    display: flex;
    flex-direction: row;
}

.calendar-sector4-search2-input .layui-form-select{
    box-shadow: 0px 12px 23px 0px rgba(107, 168, 255, 0.33);
}

.calendar-sector4-search2-input > div > div > input {
    border: 1px solid #ffffff;
    border-radius: 6px;
}


.list-page {
    padding: 10px;
    margin: auto;
}

.testque-sector1 {
    overflow: hidden;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-bottom: 20px;
}

.testque-sector1-left {
    display: flex;
    flex-direction: column;
    width: 68%;
}

.t-search {
    background-color: #ffffff;
    border-radius: 18px;
    width: 100%;
    display: grid;
    gap: 25px;
    padding: 20px;
}

.t-content {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.t-content span {
    min-width: 100px;
    height: 22px;
    font-size: 16px;
    font-weight: 700;
    text-align: left;
    margin-left: 10px;
}

.testque-sector1-search2 {
    margin: 20px 0px;
    display: flex;
    flex-direction: row;
}

.testque-sector1-search2-input {
    /*width: 200px;*/
    /*margin-right: 40px;*/
}

.testque-sector1-search2-input > div > div > input {
    border: 1px solid #ffffff;
    border-radius: 6px;
}

.testque-sector1-search2-input-prefix {
    margin: 0px 20px;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    color: #a0a0a0;
}

.testque-sector1-box {
    width: 100%;
    display: flex;
    flex-direction: column;
    background-color: #ffffff;
    border-radius: 18px;
    padding: 30px;
}

.testque-sector1-list {
    display: flex;
    flex-direction: column;
    margin-top: 35px;
}

.testque-sector1-list-content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 25px 0px;
    border-top: 1px solid #dddddd;
}

.testque-sector1-list-view {
    width: 108px;
    height: 36px;
    line-height: 36px;
    background: #2383ff;
    border-radius: 18px;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    color: #ffffff;
}

.testque-sector1-list-view:hover {
    color: #2383FF !important;
    background-color: #ECF2FF !important;
}

.testque-sector1-list-value {
    width: 80%;
    display: flex;
    flex-direction: column;
}

.testque-sector1-list-title {
    width: 100%;
    height: 22px;
    font-size: 16px;
    font-weight: 700;
    text-align: left;
    color: #282a2d;
}

.testque-sector1-list-time {
    width: 100%;
    height: 20px;
    line-height: 40px;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    color: #a0a0a0;
}

.testque-sector1-right {
    display: flex;
    flex-direction: column;
    width: 30%;
}

.learn-nav {
    width: 100%;
    height: 224px;
    border-radius: 18px;
    background: url('/static/image/consult.png') 0 0 no-repeat;
    background-size: 100% 100%;
    transition: all ease 0.6s;
    margin-top: 25px;
}

.learn-nav-list {
    background-color: #ffffff;
    border-radius: 18px;
    width: 100%;
    height: 150px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    padding: 10px;
}

.learn-nav-btn {
    width: 144px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

.learn-nav-btn-name {
    height: 20px;
    line-height: 20px;
    font-size: 15px;
    font-weight: 400;
    text-align: center;
    padding-left: 10px;
}

.shop-sector {
    min-height: 500px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    padding: 25px 0px;
}

.shop-sector-search {
    background-color: #ffffff;
    border-radius: 18px;
    width: 100%;
    min-height: 170px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 20px 30px;
}

.shop-sector-search2 {
    background-color: #ffffff;
    border-radius: 18px;
    width: 80%;
    min-height: 135px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    /*justify-content: space-around;*/
    align-items: center;
}


.shop-sector-search2-where {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    width: 100%;
    min-height: 20%;
}

.shop-sector-search2-where-type {
    width: 64px;
    height: 22px;
    font-size: 16px;
    font-weight: 700;
    text-align: left;
    color: #282a2d;
    margin-left: 30px;
}

.shop-sector-search2-where-data {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    width: 80%;
    height: 100%;
}

.shop-sector-search2-where-item {
    min-width: 52px;
    max-height: 30px;
    line-height: 30px;
    margin: 0px 10px;
    padding: 0px 20px;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #282a2d;
}

.shop-sector-search2-where-item-choice {
    background: #2383ff;
    border-radius: 6px;
    color: #ffffff;
}

.shop-sector-search-r {
    min-height: 135px;
    width: 200px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
}

.shop-locate {
    width: 132px;
    height: 32px;
    background: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 17px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.shop-locate-img {
    width: 16px;
    height: 18px;
    margin-right: 8px;
}

.shop-locate-text {
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    color: #282a2d;
}

.shop-sector-list {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
    justify-items: center;
}

.shop-div {
    width: 100%;
    height: 324px;
}

.shop-div2 {
    width: 100%;
    height: 370px;
}

.h-40p {
    height: 40%;
}

.shopinfo-sector1 {
    height: 350px;
    overflow: hidden;
}

.shopinfo-head {
    height: 100%;
    width: 100%;
    border-radius: 18px;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 25px;
    background-color: #ffffff;
}

.shopinfo-head .swiper-container {
    width: 540px;
    height: 308px;
    border-radius: 12px;
    margin-left: 0px;
    margin-right: 48px;
}

.shopinfo-head2 {
    height: 350px;
    width: 100%;
    border-radius: 18px;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 25px 42px;
    background-color: #ffffff;
}

.shopinfo-head2 .swiper-container {
    margin-left: 0px;
    margin-right: 48px;
    width: 308px;
    height: 308px;
}

.shopinfo-head-img {
    height: 100%;
    width: 100%;
}

.shopinfo-head-info {
    height: 100%;
    width: 48%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.shopinfo-head-info-title {
    margin-top: 0px !important;
    min-width: 253px !important;
    height: 60px !important;
    line-height: 30px !important;
}

.shopinfo-head-info-content {
    width: 60%;
    height: 80%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.shopinfo-head-info-content2 {
    width: 100%;
    height: 80%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.shopinfo-head-info-time {
    width: 100%;
    height: 20px;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    color: #606060;
}

.shopinfo-head-info-discount {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}

.shopinfo-head-info-discount span:nth-child(1) {
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    color: #606060;
}

.shopinfo-head-info-discount span:nth-child(2) {
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    font-weight: 400;
    text-align: right;
    color: #ff9c2c;
}

.shopinfo-head-info-pp span:nth-child(1) {
    text-align: left;
}

.shopinfo-head-info-pp {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    margin-top: 40px;
}

.shopinfo-head-info-pp-limit {
    height: 45px;
    line-height: 45px;
    width: 50%;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    color: #606060;
}

.shopinfo-head-info-pp-price {
    width: 50%;
    font-size: 32px;
    font-weight: 700;
    text-align: right;
    color: #f54f4f;
}

.shopinfo-head-info-operate {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.shopinfo-head-info-btn-sqzx {
    border-radius: 6px;
    width: 40%;
    border: 2px solid #2383ff;
    display: inline-block;
    vertical-align: middle;
    height: 40px;
    line-height: 38px;
    padding: 0 18px;
    white-space: nowrap;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    color: #2383FF;
    background-color: #ffffff;
}

.shopinfo-head-info-btn-ljbm {
    border-radius: 6px;
    width: 40%;
    border: 2px solid #2383ff;
    display: inline-block;
    vertical-align: middle;
    height: 40px;
    line-height: 38px;
    padding: 0 18px;
    white-space: nowrap;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    color: #ffffff;
    background-color: #2383FF;
}

.shopinfo-sector2 {
    min-height: 800px;
    display: flex;
    flex-direction: row;
    border-radius: 18px;
    overflow: hidden;
    justify-content: space-between;
    margin-top: 20px;
}

.shopinfo-sector2-left {
    width: 68%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.shopinfo-content {
    width: 100%;
    background-color: #ffffff;
    border-radius: 18px;
    padding: 20px;
}

.shopinfo-content-d {
    height: 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.shopinfo-content-dh {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.shopinfo-content-dht {
    min-width: 120px;
    height: 33px;
    font-size: 24px;
    font-weight: 700;
    text-align: left;
    color: #000000;
    border-left: 3px solid #2383FF;
    padding-left: 15px;
    margin-right: 10px;
}

.shopinfo-content-dhn {
    margin-top: 8px;
    min-width: 42px;
    height: 22px;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    color: #a0a0a0;
}

.shopinfo-content-db {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.shopinfo-content-dc {
    height: 38px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.shopinfo-content-dct {
    min-width: 192px;
    max-width: 550px;
    height: 22px;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    color: #282a2d;
}

.shopinfo-content-dcl {
    width: 32px;
    height: 22px;
    font-size: 16px;
    font-weight: 700;
    text-align: left;
    color: #282a2d;
    margin-right: 20px;
}

.shopinfo-content-dcb {
    width: 90px;
    height: 30px;
    background: #2383ff;
    border-radius: 15px;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    color: #ffffff;
    border: 1px solid #2383ff;
}

.shopinfo-detail {
    width: 100%;
    background-color: #ffffff;
    border-radius: 18px;
    display: flex;
    flex-direction: column;
    padding: 20px;
}

.shopinfo-sector2-right {
    width: 30%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.shopinfo-detail-tab {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.shopinfo-detail-tab li {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.shopinfo-detail-ct {
    width: 96px;
    height: 33px;
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    color: #000000;
}

.shopinfo-detail-ch {
    width: 30px;
    height: 4px;
    background: #2383ff;
    border-radius: 2px;
}

.shopinfo-detail-uct {
    width: 96px;
    height: 33px;
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    color: #606060;
}

.shopinfo-detail-info {
    width: 100%;
    background-color: #ffffff;
    padding: 10px;
    overflow: auto;
    word-wrap: break-word; /* 允许长单词或 URL 地址换行 */
    overflow-wrap: break-word; /* 允许长单词或 URL 地址换行 */
}

.shopinfo-detail-course-catalogue-content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.shopinfo-detail-course-catalogue-title {
    color: #000000;
}

.shopinfo-detail-file {
    width: 100%;
    min-height: 300px;
    display: flex;
    flex-direction: column;
    padding: 10px;
}

.shopinfo-detail-file-info {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 20px 20px;
}

.shopinfo-detail-file-c {
    background: #f6f6f6;
}

.shopinfo-detail-file-bt {
    width: 90px;
    height: 36px;
    line-height: 36px;
    background: #ecf2ff;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    color: #2383ff;
    border: 1px solid #ecf2ff;
}

.shopinfo-detail-file-btc {
    background: #2383ff;
    color: #ffffff;
    border: 1px solid #2383ff;
}

.recommend {
    display: flex;
    flex-direction: column;
    min-height: 500px;
}

.pop-container {
    width: 100%;
    height: 100%;
    background-color: rgba(128, 128, 128, 0.5);
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 100;
}

#coupon-pop {
    display: none;
}

.coupon-pop {
    width: 600px;
    min-height: 100px;
    background: #ffffff;
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 18px;
}

.coupon-pop-head {
    width: 100%;
    height: 40px;
    font-size: 28px;
    font-weight: 700;
    text-align: center;
    color: #282a2d;
}

.coupon-pop-list {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    margin-top: 20px;
}

.coupon-pop-c {
    width: 100%;
    height: 130px;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 20px;
}

.coupon-pop-cl {
    height: 100%;
    width: 30%;
    background-color: #FFF6EC;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    padding: 10px;
    /*border-right: 2px dashed #FFC483;*/
}

.coupon-pop-price {
    color: #ff9c2c;
}

.coupon-pop-prices {
    width: 72px;
    height: 42px;
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    margin: 0px 5px;
}

.coupon-pop-condition {
    width: 98px;
    height: 20px;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    color: #606060;
}

.coupon-pop-seg {
    width: 2px;
    height: 80%;
    border-right: 2px dashed #FFC483;
}

.coupon-pop-cr {
    height: 100%;
    width: 70%;
    background-color: #FFF6EC;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 20px;
}

.shopinfo-head-info-bottom {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.coupon-pop-time {
    width: 70%;
    height: 20px;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    color: #A0A0A0;
}

.coupon-pop-btn {
    width: 78px;
    height: 25px;
    line-height: 25px;
    background: #ff9c2c;
    border-radius: 13px;
    text-align: center;
    border: 1px solid #ff9c2c;
    color: #ffffff;
    font-size: 12px;
    font-weight: 400;
    cursor: pointer;
}

#buytip-pop {
    display: none;
}

.buytip-pop {
    width: 430px;
    min-height: 430px;
    background: url('/static/image/buy_tip.png') 0 0 no-repeat;
    background-size: 100% 100%;
    transition: all ease 0.6s;
    padding: 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 18px;
}

.buytip-pop img {
    width: 38%;
    height: 38%;
    position: absolute;
    left: 50%;
    top: 46%;
    transform: translate(-50%, -50%);
}

.gw-sector {
    min-height: 100px;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.gw-sector-vertical {
    /*min-height: 1000px;*/
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.gw-sector-left {
    display: flex;
    flex-direction: column;
    width: 68%;
}

.gw-sector-left2 {
    display: flex;
    flex-direction: column;
    width: 25%;
}

.gw-sector-left3 {
    display: flex;
    flex-direction: column;
    width: 74%;
}

.gw-sector-left4 {
    display: flex;
    flex-direction: column;
    width: 30%;
}


.gw-sector-right {
    display: flex;
    flex-direction: column;
    width: 30%;
}

.gw-sector-right2 {
    display: flex;
    flex-direction: column;
    width: 73%;
}

.gw-sector-right3 {
    display: flex;
    flex-direction: column;
    width: 24%;
}

.gw-sector-right4 {
    display: flex;
    flex-direction: column;
    width: 68%;
}

.search-options {
    display: flex;
    flex-direction: row;
    margin-bottom: 0px;
}

.search-options-b {
    height: 80px;
    line-height: 80px;
    text-align: left;
    margin-right: 80px;
    font-size: 18px;
    font-weight: 400;
    color: #606060;
}

.search-options-bc {
    color: #2383ff;
}

.search-options2 {
    width: 100%;
    background-color: #ffffff;
    border-radius: 18px;
    min-height: 100px;
}

.search-options2 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    padding: 20px 40px 10px 40px;
}

.search-options2-content {
    width: 100%;
    min-height: 30px;
    display: flex;
    flex-direction: row;
}

.search-options2-content-type {
    width: 10%;
    height: 22px;
    font-size: 16px;
    font-weight: 700;
    text-align: left;
    color: #282a2d;
    padding-top: 5px;
}

.search-options2-content-q {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: 100%;
    width: 90%;
    margin-bottom: 0px;
}

.search-options2-content-qb {
    min-width: 40px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 6px;
    margin-left: 0px;
    margin-bottom: 10px;
    padding: 0px 10px;
}

.search-options2-content-qbc {
    background: #2383ff;
    color: #ffffff;
}

.newslist-container {
    margin-top: 25px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.newslist-div {
    width: 100%;
    background: #ffffff;
    border-radius: 18px;
}

.newslist {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 30px;
}

.newslist-content {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}

.newslist-content-top {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    width: 100%;
}

.newslist-content-label {
    width: 52px;
    height: 24px;
    line-height: 24px;
    background: linear-gradient(180deg, #ffbb00, #fb992a);
    border-radius: 4px;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    color: #ffffff;
    margin-right: 10px;
    padding: 2px 12px;
}

.newslist-content-title {
    width: 100%;
    font-size: 18px;
    font-weight: 400;
    text-align: left;
    color: #282a2d;
    margin-bottom: 18px;
}

.newslist-content-title:hover {
    color: rgba(35, 131, 255, 1);
}

.newslist-content-bottom {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    color: #a0a0a0;
}

.gzh-qr {
    width: 100%;
    height: 224px;
    border-radius: 18px;
    transition: all ease 0.6s;
    background: url('http://testimg.liangshiba.com/uploads/images/20250409/f0b5d5b7926833f571fe37911d5d3d11.png') 0 0 no-repeat;
    background-size: 100% 100%;
    transition: all ease 0.6s;
}

#gzh-qrcodeImg {
    position: relative;
    top: 75px;
    left: 225px;
}

.temp-info-section {
    width: 100%;
}

.course-recommend-vertical {
    display: grid;
    gap: 15px;
    justify-items: center;
    width: 100%;
    min-height: 180px;
}

.course-recommend-transverse {
    display: grid;
    gap: 15px;
    justify-items: center;
    width: 100%;
    min-height: 180px;
}

.gtc-r-1-1 {
    grid-template-columns: repeat(1, 1fr);
}

.gtc-r-2-1 {
    grid-template-columns: repeat(2, 1fr);
}

.gtc-r-3-1 {
    grid-template-columns: repeat(3, 1fr);
}

.gtc-r-3-1 {
    grid-template-columns: repeat(3, 1fr);
}

.gtc-r-4-1 {
    grid-template-columns: repeat(4, 1fr);
}

.gtc-r-5-1 {
    grid-template-columns: repeat(5, 1fr);
}

.gtc-r-6-1 {
    grid-template-columns: repeat(6, 1fr);
}

.gtc-r-1-1 {
    grid-template-rows: repeat(1, 1fr);
}

.gtr-r-2-1 {
    grid-template-rows: repeat(2, 1fr);
}

.gtr-r-3-1 {
    grid-template-rows: repeat(3, 1fr);
}

.gtr-r-3-1 {
    grid-template-rows: repeat(3, 1fr);
}

.gtr-r-4-1 {
    grid-template-rows: repeat(4, 1fr);
}

.gtr-r-5-1 {
    grid-template-rows: repeat(5, 1fr);
}

.gtr-r-6-1 {
    grid-template-rows: repeat(6, 1fr);
}

.info-detail {
    width: 100%;
    min-height: 300px;
    background: #ffffff;
    border-radius: 18px;
    display: flex;
    flex-direction: column;
    padding: 30px;
}

.info-detail-supply {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 12px 0px;
}

.info-detail-supply-time {
    height: 20px;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    color: #a0a0a0;
}

.info-detail-divider {
    /*margin: 20px 0px 10px 0px;*/
}

.info-detail-about {
    width: 100%;
    min-height: 91px;
    background-color: #DAEAFF;
    display: flex;
    flex-direction: column;
    border-radius: 18px;
    margin: 24px 0px;
    overflow: hidden;
}

.info-detail-about-head {
    background: url('http://testimg.liangshiba.com/uploads/images/20250408/1cf04d0ac4f5d2e853f65193c547ea8e.png') 0 0 no-repeat;
    background-size: 100% 100%;
    padding: 24px 30px 0px;
}

.info-detail-about-info {
    background: #e9f3ff;
    border-radius: 12px;
    padding: 12px 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    border: 1px solid #ffffff;
    margin: 12px 30px 24px;
}

.info-detail-about-info-d {
    margin: 6px 0px;
}

.info-detail-about-info-dt {
    height: 22px;
    line-height: 22px;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    color: #606060;
    margin-right: 18px;
}

.info-detail-about-info-dc {
    height: 22px;
    line-height: 22px;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    color: #282a2d;
}

.info-detail-content {
    width: 100%;
    margin: 10px 0px;
    /*font-size: 16px;*/
    /*font-weight: 400;*/
    text-align: left;
    color: #282a2d;
    line-height: 28px;
    word-break: break-word; /* 强制长单词或URL换行 */
    white-space: normal; /* 允许换行 */
    /*all: initial; !* 重置继承样式 *!*/
    overflow-wrap: break-word;
}

.info-detail-content div {
    max-width: 100% !important;
    overflow-wrap: break-word !important; /* 强制长单词/URL换行 */
    white-space: normal !important;
}

.info-detail-content img {
    max-width: 100% !important; /* 图片宽度不超过容器 */
    height: auto !important; /* 保持比例 */
    /*display: block;   !* 避免基线对齐导致的空隙 *!*/
}

.info-detail-content table {
    max-width: 100% !important;
}

.info-detail-file {
    width: 100%;
    min-height: 91px;
    background-color: #E8F6FF;
    display: flex;
    flex-direction: column;
    padding: 20px 20px 10px 20px;
    border-radius: 18px;
    margin-top: 10px;
}

.info-detail-file-info {
    width: 100%;
    height: 58px;
    background: #ffffff;
    border-radius: 12px;
    padding: 10px 20px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.info-detail-file-info span {
    width: 342px;
    height: 22px;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    color: #282a2d;
}

.info-detail-file-info button {
    width: 132px;
    height: 30px;
    line-height: 30px;
    background: #2383ff;
    border-radius: 15px;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    color: #ffffff;
    border: 1px solid #2383ff;
}

.info-detail-foot {
    height: 115px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.info-detail-foot-b {
    display: flex;
    flex-direction: row;
    align-items: center;
    min-width: 234px;
    height: 25px;
    font-size: 18px;
    font-weight: 400;
    text-align: left;
    color: #282a2d;
    cursor: pointer;
}

.info-detail-foot-b b {
    width: 72px;
}

.about-container {
    border-radius: 18px;
    background-color: #ffffff;
}

.about-list {
    width: 100%;
    min-height: 250px;
    display: flex;
    flex-direction: column;
    padding: 0px 20px 15px;
    border-radius: 18px;
    background-color: #ffffff;
}

.about-dh {
    width: 100%;
    background: url('/static/image/about_head.png') 0 0 no-repeat;
    background-size: 100% 100%;
    padding: 10px 20px;
}

.about-list-content {
    width: 100%;
    min-height: 50px;
    background: #ffffff;
    border-radius: 12px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    text-align: center;
    padding-bottom: 10px;
}

.about-list-index {
    width: 10%;
    height: 30px;
    font-size: 24px;
    font-weight: normal;
    text-align: left;
    color: #a0a0a0;
    line-height: 30px;
}

.about-list-title {
    width: 80%;
    height: 43px;
    line-height: 23px;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    color: #282a2d;

}

.pastpapers-container {
    height: 100%;
    border-radius: 18px;
    background-color: #ffffff;
}

.pastpapers-head {
    width: 100%;
    background: url('/static/image/zt_head.png') 0 0 no-repeat;
    background-size: 100% 100%;
    padding: 10px 20px;
}

.pastpapers-title {
    margin: 20px 0px 0px 20px;
}

.pastpapers-list {
    width: 100%;
    min-height: 250px;
    display: flex;
    flex-direction: column;
    padding: 0px 20px;
    background-color: #ffffff;
    border-bottom-left-radius: 18px;
    border-bottom-right-radius: 18px;
}

.pastpapers-list-content {
    width: 100%;
    min-height: 50px;
    background: #ffffff;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    text-align: center;
}

.pastpapers-list-img {
    width: 54px;
    height: 60px;
}

.pastpapers-list-c {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    width: 75%;
}

.pastpapers-list-title {
    width: 100%;
    height: 20px;
    line-height: 20px;
    font-size: 16px;
    font-weight: 700;
    text-align: left;
    color: #282a2d;
}

.pastpapers-list-supply {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
}

.pastpapers-list-time {
    width: 72px;
    height: 17px;
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    color: #a0a0a0;
}

.pastpapers-list-bt {
    width: 60px;
    height: 24px;
    line-height: 23px;
    background: #2383ff;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    color: #ffffff;
    border: 1px solid #2383ff;
}

.pastpapers-list-bt:hover {
    border: 1px solid #ECF2FF;
    background: #ECF2FF;
    color: #2383FF;
}

.pastpapers-list-bt2 {
    width: 60px;
    height: 24px;
    line-height: 23px;
    background: #FF9C2C;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    color: #ffffff;
    border: 1px solid #FF9C2C;
}

.return {
    width: 100%;
    height: 60px;
    /*background: #ffffff;*/
    position: relative;
    top: 5px;
    display: flex;
    justify-content: center;
}

.return-sector {
    width: 1200px;
    min-height: 60px;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.return-bt {
    display: flex;
    flex-direction: row;
    height: 22px;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    align-items: center;
    color: #a0a0a0;
    cursor: pointer;
}

.return-bt-img {
    margin-right: 6px;
}

.return-tips {
    color: #F54F4F;
}

#down-file-pop {
    display: none;
}

.down-file-pop {
    width: 360px;
    min-height: 442px;
    transition: all ease 0.6s;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 18px;
}

.down-file-pop img {
    width: 157px;
    height: 157px;
    position: absolute;
    left: 50%;
    top: 60%;
    transform: translate(-50%, -50%);
}

.teacher-sector-top {
    width: 100%;
    height: 480px;
    background: url('/static/image/teacher_banner.png') 0 0 no-repeat;
    /*background: url('http://testimg.liangshiba.com/uploads/images/20250520/9b1ee4908bfa8a6bc187c1f9cd80bdaa.jpg') 0 0 no-repeat;*/
    background-size: cover;
    background-position: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.teacher-sector-top-content {
    width: 100%;
    height: 480px;
    background: #dddddd;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    padding: 5% 0px;
    margin: auto;
}

.teacher-sector-top-t1 {
    width: 100%;
    font-size: 34px;
    font-weight: 700;
    text-align: center;
    color: #282a2d;
}

.teacher-sector-top-t2 {
    width: 519px;
    font-size: 26px;
    font-weight: 700;
    text-align: left;
    color: #282a2d;
}

.teacher-sector-search {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 90px;
    background-color: #ffffff;
    border-radius: 18px;
    position: absolute;
    top: 440px;
    padding: 0px 30px;
}

.teacher-sector-search span {
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin-right: 20px;
    font-size: 16px;
    padding: 0px 10px;
}

.teacher-sector-search-type {
    font-weight: 700;
    text-align: left;
    color: #282a2d;
}

.teacher-sector-search-choice {
    background: #2383ff;
    border-radius: 6px;
    color: #ffffff;
}

.teacher-sector-list {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 80px;
}

.teacher-box {
    width: 49%;
    height: 270px;
    background: #ffffff;
    border-radius: 18px;
    margin-bottom: 20px;
    padding: 20px 24px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.teacher-box-img {
    width: 222px;
    height: 222px;
    border-radius: 12px;
}

.teacher-content {
    display: flex;
    flex-direction: column;
    width: 60%;
    height: 100%;
    padding: 10px;
    margin-left: 20px;
}

.teacher-content-name {
    margin: 0px;
}

.teacher_label {
    background: #f6f6f6;
    border-radius: 4px;
    min-width: 72px;
    height: 25px;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    color: #606060;
    /*margin-bottom: 10px;*/
    margin-right: 6px;
    line-height: 25px;
    padding: 0px 6px;
    overflow: hidden;
}

.teacher-introduction {
    width: 100%;
    min-height: 418px;
    background: #ffffff;
    border-radius: 18px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 35px;
}

.teacher-introduction-avatar {
    width: 270px;
    height: 270px;
    border-radius: 12px;
}

.teacher-introduction-name {
    min-width: 72px;
    height: 33px;
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    color: #282a2d;
    margin: 10px 0px;
}

.teacher-introduction-label {
    flex-wrap: wrap;
    justify-content: center;
}

.jcsp {
    justify-content: space-between;
}

.teacher-info-top {
    width: 100%;
    height: 350px;
    background: url('/static/image/teacher_introduce_bg.png') 0 0 no-repeat;
    background-size: cover;
    background-position: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
}

.teacher-info-sector {
    position: relative;
    top: 200px;
    z-index: 2;
    margin-bottom: 230px;
}

.teacher-info {
    width: 100%;
    min-height: 418px;
    background: #ffffff;
    border-radius: 18px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 42px;
}

.teacher-info-head {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.teacher-info-head-icon {
    margin: 0px 10px 0px 0px;
}

.teacher-info-content {
    width: 100%;
    min-height: 100px;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    color: #282a2d;
    line-height: 28px;
}

.teacher-info-image-text {
    width: 80%;
    min-height: 100px;
    margin: 20px 0px;
}

.teacher-info-video {
    width: 80%;
    min-height: 270px;
    background-color: #1e73be;
    border-radius: 12px;
    margin-top: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.teacher-info-video video {
    width: 100%;
    height: auto;
    border-radius: 12px;
}

.about-sector-top {
    width: 100%;
    height: 500px;
    /*background-color: #D2E8FD;*/
    background: url('http://testimg.liangshiba.com/uploads/images/20250329/6a8152de4d4fed5c4d2403f36fa6dd7a.png') 0 0 no-repeat;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.about-sector-top-d {
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 80px 0px;
    justify-content: space-between;
}

.about-sector-top-info {
    width: 55%;
    height: 100%;
}

.about-sector-top-info-head {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}

.about-sector-top-info-head span:nth-child(1) {
    width: 50%;
    height: 50px;
    font-size: 36px;
    font-weight: 700;
    text-align: left;
    color: #ffffff;
}

.about-sector-top-info-head span:nth-child(2) {
    width: 50%;
    height: 50px;
    line-height: 60px;
    opacity: 0.45;
    font-size: 24px;
    font-weight: 700;
    text-align: right;
    color: #ffffff;
}

.about-sector-top-info-divider {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    height: 2px;
}

.about-sector-top-info-divider-l {
    width: 54px;
    height: 4px;
    background: #2383ff;
    border-radius: 2px;
}

.about-sector-top-info-divider-r {
    width: 420px;
    height: 1px;
    background: #dddddd;
}

.about-sector-top-special {
    width: 100%;
    height: 25px;
    font-size: 18px;
    font-weight: 700;
    text-align: left;
    color: #ffffff;
}

.about-sector-top-text {
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    color: #ffffff;
    line-height: 33px;
    overflow: hidden;
    text-indent: 2em;
}

.about-video {
    position: relative;
    background: #ffffff;
    border-radius: 18px;
    width: 40%;
    max-height: 480px;
    padding: 10px;
}

.about-video-info {
    width: 100%;
    height: 100%;
    background-color: #4176F0;
    border-radius: 12px;
}

.about-sector-business {
    width: 100%;
    min-height: 650px;
    /*background-color: #F9FCFF;*/
    background: url('http://testimg.liangshiba.com/uploads/images/20250329/52af9ab86ef1e225465bfa1aebe5fbaa.png') 0 0 no-repeat;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.about-sector-business-d {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 85px 0px 0px;
    justify-content: space-between;
}

.about-title {
    width: 100%;
    height: 50px;
    font-size: 36px;
    font-weight: 700;
    text-align: center;
    color: #282a2d;
    margin-bottom: 10px;
}

.about-desc {
    width: 100%;
    height: 25px;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    color: #606060;
    margin-bottom: 40px;
}

.about-sector-business-info {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    height: 80%;
    position: relative;
    top: -90px;
}

.about-sector-business-info-img {
    width: 48%;
    height: 100%;
}

.about-sector-business-info-r {
    width: 48%;
    height: 100%;
}

.about-sector-business-info-rt {
    width: 100%;
    height: 33px;
    font-size: 24px;
    font-weight: 700;
    text-align: left;
    color: #282a2d;
}

.about-sector-business-info-rd {
    width: 100%;
    height: 190px;
    font-size: 18px;
    font-weight: 400;
    text-align: left;
    color: #282a2d;
    line-height: 33px;
}

.about-sector-cultural {
    width: 100%;
    height: 955px;
    /*background-color: #EAF0FF;*/
    background: url('http://testimg.liangshiba.com/uploads/images/20250329/e2efb8f14d563bdcf902ec9447621859.png') 0 0 no-repeat;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.about-sector-cultural-d {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 85px 0px;
    justify-content: space-between;
}

.about-sector-cultural-info {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    height: 80%;
}

.about-sector-cultural-img {
    /*width: 32%;*/
    /*height: 252px;*/
    /*border: 2px solid #ffffff;*/
    /*border-radius: 18px;*/
    /*box-shadow: 0px 12px 34px 0px rgba(107, 168, 255, 0.33);*/
    margin-bottom: 50px;
}

.about-sector-history {
    width: 100%;
    min-height: 780px;
    /*background-color: #0B91FF;*/
    background: url('http://testimg.liangshiba.com/uploads/images/20250329/e4f009ef3a2f94fc4a58c0a97229bd31.png') 0 0 no-repeat;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.about-sector-history-d {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 85px 0px;
    justify-content: space-between;
}

.cw {
    color: #ffffff;
}

.about-sector-history-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.about-sector-history-timeline {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 120px;
    color: #ffffff;
}

.about-sector-history-pos {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 20%;
    height: 100%;
}

.about-sector-history-pos-h {
    width: 100%;
    height: 42px;
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    color: #ffffff;
    margin: 0px;
}

.about-sector-history-pos-tx {
    height: 18px;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    position: relative;
    margin: 10px 0px;
}

.about-sector-history-pos-x {
    width: 100%;
    height: 2px;
    /*background-color: #ffffff;*/
}

.about-sector-history-pos-d {
    border-radius: 50%;
    height: 18px;
    width: 18px;
    border: 3px solid #ffffff;
    background-color: #8BBEFF;
    position: absolute;
}

.about-sector-history-pos-t {
    width: 100%;
    height: 42px;
    line-height: 42px;
    opacity: 0.79;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    color: #ffffff;
    margin: 0px;
}

.about-sector-history-detail {
    width: 80%;
    height: 280px;
    border-radius: 18px;
    margin-top: 50px;
    padding: 42px 35px 20px;
    display: flex;
    flex-direction: row;
    background-image: url("http://testimg.liangshiba.com/uploads/images/20250331/329f010f9084856769b5e42a224f91aa.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.about-sector-history-detail-img {
    width: 312px;
    height: 210px;
}

.about-sector-history-detail-ul {
    width: 70%;
    height: 100%;
    padding: 0px 0px 0px 40px;
}

.about-sector-history-detail-ul li {
    width: 100%;
    font-size: 18px;
    font-weight: 400;
    text-align: left;
    color: #282a2d;
    margin-bottom: 20px;
    list-style-type: disc;
}

.about-sector-teacher {
    width: 100%;
    min-height: 700px;
    background-color: #ffffff;
}

.about-sector-teacher-d {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 85px 0px;
    justify-content: space-between;
}

.about-sector-teacher-info {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 80%;
}

.about-more-btn {
    width: 336px;
    height: 72px;
    line-height: 72px;
    background: #1b6ef2;
    border-radius: 41px;
    font-size: 26px;
    font-weight: 400;
    text-align: center;
    color: #ffffff;
    border: 1px solid #1b6ef2;
}

.about-more-btn:hover {
    color: #ffffff;
}

.about-sector-news {
    height: 722px;
    width: 100%;
    background-color: #F2F6FB;
}

.about-sector-news-d {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 85px 0px;
    justify-content: flex-start;
}

.about-sector-news-info {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    height: 100%;
}

.about-sector-news-tab {
    display: flex;
    flex-direction: row;
    width: 100%;
    margin: 30px 0px;
}

.about-sector-news-btn {
    width: 210px;
    height: 60px;
    line-height: 60px;
    border-radius: 30px;
    font-size: 26px;
    font-weight: 400;
    text-align: center;
    margin-right: 40px;
    background: #ffffff;
    color: #606060;
    border: 1px solid #ffffff;
}

.about-sector-news-btnc {
    background: #1B6EF2;
    color: #ffffff;
    border: 1px solid #1B6EF2;
}

.report-list-container {
    width: 100%;
    margin-top: 25px;
    padding-top: 20px;
}

.report-list {
    display: grid;
    justify-items: center;
    width: 100%;
    min-height: 180px;
}

.about-sector-branch {
    width: 100%;
    min-height: 750px;
    background: url('http://testimg.liangshiba.com/uploads/images/20250329/bd237031c369a1b5327010585beaf250.png') 0 0 no-repeat;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.about-sector-branch-d {
    height: 150px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 85px 0px;
    justify-content: space-between;
}

.about-sector-branch-info {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 1200px;
    height: 523px;
    background: #ffffff;
    border-radius: 18px;
    box-shadow: 0px 0px 30px 0px rgba(207, 216, 233, 0.78);
    padding: 0px;
}

.about-sector-branch-info-left {
    width: 20%;
    height: 100%;
    background: #ffffff;
    border-radius: 18px;
    box-shadow: 0px 0px 30px 0px rgba(207, 216, 233, 0.78);
    padding: 30px;
}

.about-sector-branch-info-left li {
    width: 100%;
    height: 90px;
    line-height: 90px;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    color: #282a2d;
    border-bottom: 2px solid #F6F6F6;
}

.about-sector-branch-info-right {
    width: 80%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 30px;
}

.about-sector-branch-school {
    width: 100%;
    height: 25%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.about-sector-branch-school-btn {
    width: 102px;
    height: 42px;
    background: #f6f6f6;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    color: #282a2d;
    padding: 10px;
    margin-right: 20px;
}

.about-sector-branch-school-btnc {
    background: #1B6EF2;
    color: #ffffff;
}

.about-sector-branch-detail {
    width: 100%;
    height: 15%;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    color: #282a2d;
    line-height: 27px;
}

.about-sector-branch-addr {
    width: 100%;
    height: 65%;
    background-color: #0B91FF;
}

.news-tab-container {
    width: 100%;
    height: 116px;
    background: #ffffff;
    border-radius: 18px;
    padding: 20px;
}

.lbg {
    width: 4px;
    height: 18px;
    background: #1b6ef2;
    border-radius: 2px;
    margin-right: 10px;
}

.news-tab-list {
    width: 100%;
    height: 50%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 10px;
}

.news-tab-list-btn {
    width: 30%;
    height: 30px;
    line-height: 30px;
    background: #f6f6f6;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    color: #606060;
    margin-right: 10px;
}

.news-tab-list-btnc {
    background: #1B6EF2;
    color: #ffffff;
}

.user-operate-tab-container {
    width: 100%;
    height: 360px;
    background: #ffffff;
    border-radius: 18px;
}

.user-operate-tab-container > div {
    width: 100%;
    height: 50%;
    padding: 30px;
}

.user-operate-tab-top {
    border-bottom: 1px solid #DDDDDD;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.user-operate-tab-top img {
    border-radius: 50%;
    width: 72px;
    height: 72px;
}

.user-operate-tab-top span {
    width: 80px;
    height: 21px;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    color: #181113;
    margin-left: 20px;
}

.user-operate-tab-bottom {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}

.user-operate-tab-btn {
    width: 100%;
    height: 50px;
    border-radius: 11px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.user-operate-tab-btn-choice {
    width: 100%;
    height: 50px;
    border-radius: 11px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background: #ecf2ff;
}

.user-operate-tab-btn-icon {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

.user-operate-tab-btn-span {
    width: 64px;
    height: 22px;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    color: #181113;
}

.user-operate-tab-btnt {
    color: #2383FF;
}


.lesson-none {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 120px;
}

.lesson-none img {
    width: 251px;
    height: 156px;
}

.lesson-none p {
    width: 100%;
    height: 80px;
    line-height: 80px;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    color: #282a2d;
    margin-bottom: 10px;
}

.lesson-none-find {
    width: 136px;
    height: 36px;
    line-height: 36px;
    background: #1b6ef2;
    border-radius: 18px;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    color: #ffffff;
}

.lesson-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
    justify-items: center;
    width: 100%;
    min-height: 300px;
}

.order-box {
    width: 100%;
    background: #ffffff;
    border-radius: 18px;
    min-height: 120px;
    padding: 30px;
}

.order-list {
    width: 100%;
    min-height: 120px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.order-list-content {
    width: 100%;
    min-height: 160px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 1px solid #DDDDDD;
    border-radius: 6px;
    margin-bottom: 20px;
}

.order-content-top {
    width: 100%;
    height: 48px;
    background-color: #F6F6F6;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 15px;
}

.order-content-top span {
    height: 48px;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
}


.order-content-bottom {
    width: 100%;
    height: 112px;
    padding: 15px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.order-content-l {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 50%;
    justify-content: space-around;
}

.order-content-goods_name {
    width: 100%;
    height: 25px;
    font-size: 18px;
    font-weight: 700;
    text-align: left;
    color: #181113;
}

.order-content-detail {
    display: flex;
    flex-direction: row;
}

.order-content-detail span {
    min-width: 126px;
    height: 20px;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    color: #606060;
    margin-right: 30px;
}

.order-content-r {
    min-width: 30%;
    height: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.order-add-master-teacher {
    width: 120px;
    height: 30px;
    line-height: 30px;
    background: #ffffff;
    border: 1px solid #2383ff;
    border-radius: 16px;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    color: #2383ff;
    margin-top: 45px;
    cursor: pointer;
}

.order-check-course {
    width: 90px;
    height: 30px;
    line-height: 30px;
    background: #2383ff;
    border-radius: 15px;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    color: #ffffff;
    border: 1px solid #2383ff;
    margin-top: 45px;
    cursor: pointer;
}

.order-goods-info {
    width: 100%;
    background-color: #ffffff;
    min-height: 420px;
    padding: 30px;
    border-radius: 18px;
    display: flex;
    flex-direction: column;
}

.order-goods-info-top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-bottom: 1px solid #DDDDDD;
}

.order-goods-info-top-l {
    display: flex;
    flex-direction: column;
    height: 100px;
    width: 50%;
    justify-content: space-between;
    padding-bottom: 20px;
}

.order-goods-info-top-goods_name {
    width: 100%;
    height: 25px;
    font-size: 18px;
    font-weight: 700;
    text-align: left;
    color: #282a2d;
}

.order-goods-info-top-detail {
    display: flex;
    flex-direction: row;
}

.order-goods-info-top-detail span {
    min-width: 100px;
    height: 20px;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    color: #606060;
    margin-right: 30px;
}

.order-goods-info-top-r {
    min-width: 30%;
    height: 100px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.order-goods-info-top-cc {
    width: 90px;
    height: 30px;
    line-height: 30px;
    background: #2383ff;
    border-radius: 15px;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    color: #ffffff;
    border: 1px solid #2383ff;
    margin-top: 55px;
    margin-left: 15px;
}

.order-goods-info-top-cc2 {
    width: 90px;
    height: 30px;
    line-height: 30px;
    background: #ffffff;
    border-radius: 15px;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    color: #2383ff;
    border: 1px solid #2383ff;
    margin-top: 55px;
    margin-left: 15px;
    cursor: pointer;
}

.order-goods-info-bottom {
    display: flex;
    flex-direction: column;
}

.order-goods-info-bottom-line {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 40px;
}

.order-info-key {
    min-width: 56px;
    height: 20px;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    color: #282a2d;
}

.order-info-value {
    min-width: 34px;
    height: 20px;
    font-size: 14px;
    font-weight: 400;
    text-align: right;
    color: #282a2d;
}

.order-info-value-btn {
    min-width: 72px;
    height: 24px;
    line-height: 24px;
    background: #2383ff;
    border-radius: 12px;
    border: 1px solid #2383FF;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    color: #ffffff;
}

.order-student-info-input-set {
    display: none;
}

.order-contain-head {
    display: none;
}

.order-contain {
    width: 100%;
    background-color: #ffffff;
    min-height: 100px;
    padding: 30px;
    border-radius: 18px;
    display: none;
    flex-direction: column;
}

.order-gift-head {
    display: none;
}

.order-gift {
    width: 100%;
    background-color: #ffffff;
    padding: 30px;
    border-radius: 18px;
    display: none;
    flex-direction: column;
}

.order-student-info {
    width: 100%;
    background-color: #ffffff;
    min-height: 500px;
    padding: 30px;
    border-radius: 18px;
    display: flex;
    flex-direction: column;
}

.order-channel {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    min-height: 100px;
}

.order-leave-message {
    width: 100%;
    min-height: 116px;
    background: #f6f6f6;
    border-radius: 12px;
    resize: none;
    padding: 15px;
    color: #282A2D;
    border: solid 1px #f6f6f6;
}

.order-update-btn {
    width: 136px;
    height: 36px;
    background: #2383ff;
    border-radius: 18px;
    border: 1px solid #2383ff;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    color: #ffffff;
    margin: 30px auto 0px;
}

.order-save-btn {
    display: none;
    width: 136px;
    height: 36px;
    background: #2383ff;
    border-radius: 18px;
    border: 1px solid #2383ff;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    color: #ffffff;
    margin: 30px auto 0px;
}

.order-teach-assistance {
    width: 100%;
    background-color: #ffffff;
    min-height: 105px;
    padding: 10px 30px;
    border-radius: 18px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.order-teach-assistance-img {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    margin: 0px 15px 0px 5px;
}

.order-teach-assistance-r {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 55px;
}

.order-teach-assistance-name {
    width: 57px;
    height: 25px;
    font-size: 18px;
    font-weight: 700;
    text-align: left;
    color: #282a2d;
}

.order-teach-assistance-phone {
    width: 92px;
    height: 20px;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    color: #282a2d;
}

.order-teach-assistance-addr {
    width: 126px;
    height: 20px;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    color: #606060;
}

.swiper-slide-img {
    width: 100%;
    height: 100%;
}

.omit {
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
}

.wlc-1 {
    -webkit-line-clamp: 1;
}

.wlc-2 {
    -webkit-line-clamp: 2;
}

.wlc-3 {
    -webkit-line-clamp: 3;
}

.wlc-4 {
    -webkit-line-clamp: 4;
}

.sector-title {
    min-width: 100px;
    height: 43px;
    line-height: 43px;
    font-size: 24px;
    font-weight: 700;
    text-align: left;
    color: #282a2d;
}

.sector-title2 {
    min-width: 64px;
    height: 22px;
    font-size: 16px;
    font-weight: 700;
    text-align: left;
    color: #282a2d;
}

.sector-title3 {
    width: 99px;
    height: 28px;
    font-size: 20px;
    font-weight: 700;
    text-align: left;
    color: #282a2d;
}

.sector-title4 {
    font-size: 18px;
    font-weight: 700;
    text-align: left;
    color: #282a2d;
}

.order-student-info-input {
    background: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 4px;
    min-height: 30px;
    min-width: 250px;
    padding-left: 5px;
}

.order-student-info-radio {
    background: #ffffff;
    border: 1px solid #dddddd;
}

.order-student-info-radio-value {
    margin-right: 20px;
    margin-left: 5px;
}

.order-student-info-channel-value {
    margin-right: 20px;
    margin-left: 5px;
    min-width: 112px;
    height: 20px;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    color: #282a2d;
}

.m20 {
    margin: 20px;
}

.mt10 {
    margin-top: 10px;
}

.mt20 {
    margin-top: 20px;
}

.mt25 {
    margin-top: 25px;
}

.mt30 {
    margin-top: 30px;
}

.mt40 {
    margin-top: 40px;
}

.mt50 {
    margin-top: 50px;
}

.mb5 {
    margin-bottom: 5px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb25 {
    margin-bottom: 25px;
}

.mb30 {
    margin-bottom: 30px;
}

.ml10 {
    margin-left: 10px;
}

.ml20 {
    margin-left: 20px;
}

.ml25 {
    margin-left: 25px;
}

.ml30 {
    margin-left: 30px;
}

.mr10 {
    margin-right: 10px;
}

.mr20 {
    margin-right: 20px;
}

.mr25 {
    margin-right: 25px;
}

.mr30 {
    margin-right: 30px;
}


.h20 {
    height: 20px;
}


.color-blue {
    color: #2383FF;
}

.color-red {
    color: #F54F4F;
}

.color-yellow {
    color: #FF9C2C;
}

.color-grey {
    color: #606060;
}

.header-user-info {
    background: url('/static/image/home_user_info.png') 0 0 no-repeat;
    background-size: 100% 100%;
    border-radius: 18px;
    box-shadow: 0px 3px 12px 0px rgba(207, 216, 233, 0.78);
    z-index: 500;
    width: 320px;
    height: 320px;
    position: fixed;
    /*top: 69px;*/
    /*right: 325px;*/
    display: flex;
    flex-direction: column;
    padding: 25px;
}

.header-user-info-head {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    height: 20%;
}

.header-user-info-head img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 10px;
}

.header-user-info-head span {
    font-size: 18px;
    font-weight: 400;
    text-align: left;
    color: #2c2728;
}

.header-user-info-box {
    width: 100%;
    height: 80%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 20px;
}

.header-user-info-line {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    position: relative;
}

.header-user-info-line-l {
    display: flex;
    flex-direction: row;
    width: 70%;
}

.header-user-info-line-l img {
    width: 25px;
    height: 25px;
    margin-right: 10px;
}

.header-user-info-line-l span {
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    color: #2c2728;
}

.header-user-info-line-r {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    width: 30%;
}

.header-user-info-btn {
    width: 60px;
    height: 24px;
    line-height: 24px;
    background: #2383ff;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    color: #ffffff;
}

.user-head img {
    width: 35px;
    height: 35px;
    border-radius: 50%;
}

.footer-top {
    background: #2383ff;
    border-radius: 56px;
    height: 216px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    align-items: center;
}

.footer-top-text {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    width: 20%;
    color: #ffffff;
}

.footer-top-text-1 {
    width: 100%;
    height: 59px;
    font-size: 42px;
    font-weight: 700;
    text-align: center;
}

.footer-top-text-2 {
    width: 100%;
    height: 28px;
    font-size: 20px;
    font-weight: 400;
    text-align: center;
}

.footer-info {
    margin: 60px auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    color: #ffffff;
}

.footer-info-logo {
    width: 220px;
    height: 54px;
    background: url('/static/image/footer_logo.png') 0 0 no-repeat;
    background-size: 100% 100%;
}

.footer-info-box {
    width: 600px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.footer-info-content {
    width: 100%;
    display: flex;
    flex-direction: row;
}

.footer-info-content-title {
    width: 20%;
    height: 25px;
    line-height: 25px;
    text-align: center;
}

.footer-info-content-desc {
    display: flex;
    flex-direction: row;
    width: 80%;
    height: 25px;
    line-height: 25px;
    position: relative;
}

.footer-info-content-1 {
    /*padding: 0px 10px;*/
    height: 100%;
    /*width: 70px;*/
    margin: 0px 10px;
    color: #ffffff;
}

.footer-info-content-2 {
    text-align: left;
    padding-left: 10px;
    height: 25px;
    line-height: 25px;
}

.footer-info-content-left {
    /*border-right: 1px solid #ffffff;*/
    position: relative;
}

.footer-info-content-left::after {
    content: '';
    width: 2px;
    height: 16px;
    background: #ffffff;
    border-radius: 1px;
    position: absolute;
    top: 5px;
    right: -10px;
}

.footer-info-qr {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    width: 30%;
}

.footer-info-qr-content {
    display: flex;
    flex-direction: column;
    align-items: center
}

.footer-info-qr-content span {
    margin-top: 10px;
}

.footer-info-qr-content img {
    width: 114px;
    height: 114px;
}


.footer-qrcode {
    padding: 10px;
    background: #ffffff;
}


.tab-list {
    display: flex;
    padding: 7px 0px;
}

.tab-list .ml {
    margin-left: 90px;
}

.tab-list .item {
    color: #181113;
    font-size: 20px;
    cursor: pointer;
}

.tab-list .avtive {
    color: #2383FF;
    position: relative;
}

.tab-list .avtive:after {
    content: "";
    width: 60px;
    border: 2px solid #2383FF;
    position: absolute;
    bottom: -15px;
    left: 10px;
}

.tab-list-choice {
    color: #2383FF;
    /*background-size: 14px 12px;*/
    /*background-image: url("/static/image/tj1.png");*/
    background-position: 0px 50%;
}

.tab-list2 {
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid #DDDDDD;
    min-height: 40px;
    width: 100%;
}

.tab-list2 li {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 100%;
    min-width: 80px;
    margin-right: 50px;
    cursor: pointer;
}

.tab-list2-item {
    min-width: 28px;
    height: 40px;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    color: #606060;
}

.tab-list2-item-active {
    min-width: 28px;
    height: 40px;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    color: #2383FF;
}

.tab-list2-underline {
    width: 36px;
    height: 4px;
    background: #2383ff;
    border-radius: 2px;
}

#login-pop {
    display: none;
}

.login-pop {
    width: 780px;
    height: 480px;
    background: #ffffff;
    display: flex;
    flex-direction: row;
    align-items: center;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 18px;
    z-index: 999;
}

.login-pop-l {
    width: 40%;
    height: 100%;
}

.login-pop-r {
    width: 60%;
    height: 100%;
    background-color: #ffffff;
    padding: 50px 60px;
    border-top-right-radius: 18px;
    border-bottom-right-radius: 18px;
}

.login-tab {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.login-tab li {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.login-tab-ct {
    width: 88px;
    height: 30px;
    font-size: 22px;
    font-weight: 700;
    text-align: center;
    color: #282a2d;
}

.login-tab-ch {
    width: 30px;
    height: 4px;
    background: #2383ff;
    border-radius: 2px;
}

.login-tab-uct {
    width: 88px;
    height: 30px;
    font-size: 22px;
    font-weight: 700;
    text-align: center;
    color: #606060;
}

#login-form {
    margin-top: 16px;
}

.login-input {
    width: 100%;
    height: 42px;
    background: #f2f6fb;
    border-radius: 21px;
    border: 1px solid #F2F6FB;
    padding: 0px 30px;
    margin-top: 18px;
}

.login-input2 {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 42px;
    margin-top: 18px;
}

.login-input2-l {
    width: 70%;
    height: 42px;
    background-color: #F2F6FB;
    border-top-left-radius: 21px;
    border-bottom-left-radius: 21px;
    border: 1px solid #F2F6FB;
    padding-left: 30px;
    color: #A0A0A0;
}

.login-input2-r {
    width: 30%;
    height: 42px;
    line-height: 42px;
    text-align: center;
    background-color: #F2F6FB;
    border-top-right-radius: 21px;
    border-bottom-right-radius: 21px;
    cursor: pointer;
    color: #A0A0A0;
}

.login-input2-r:hover {
    color: #2383ff;
}

.login-input2-r:active {
    color: #ffffff;
}

.login-privacy-policy {
    width: 240px;
    height: 17px;
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    color: #a0a0a0;
    float: right;
    margin-top: 18px;
}

.login-privacy-policy a {
    width: 36px;
    height: 25px;
    font-size: 12px;
    font-weight: 700;
    text-align: left;
    color: #1b6ef2;
}

.login-pwd {
    display: none;
}

.login-submit-btn {
    width: 100%;
    height: 48px;
    line-height: 48px;
    background: #2383ff;
    border-radius: 24px;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    color: #ffffff;
    border: 1px solid #2383ff;
    margin-top: 80px;
}

.login-other-head {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    height: 20px;
    justify-content: center;
    margin-top: 24px;
}

.login-other-head-x {
    width: 63px;
    height: 1px;
    background: #dddddd;
    border-radius: 1px;
}

.login-other-head-n {
    width: 84px;
    height: 20px;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    color: #a0a0a0;
    margin: 0px 10px;
}

.login-other-list {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 48px;
    width: 100%;
}

.login-other-list-wechat {
    width: 48px;
    height: 48px;
    background: url('/static/image/wechat.png') 0 0 no-repeat;
    background-size: 100% 100%;
    transition: all ease 0.6s;
    margin: 12px 10px 0px;
    cursor: pointer;
}

#forgot-pwd-form {
    margin-top: 16px;
}

.forgot-pwd-sector {
    display: none;
    flex-direction: column;
}

.forgot-pwd-head {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.forgot-pwd-head-img {
    width: 20px;
    height: 20px;
    background: #ffffff;
    border: 1px solid #2383ff;
    border-radius: 50%;
    background: url('/static/image/reset_return.png') 0 0 no-repeat;
    background-size: 100% 100%;
    transition: all ease 0.6s;
    cursor: pointer;
}

.forgot-pwd-head-title {
    width: 88px;
    height: 30px;
    font-size: 22px;
    font-weight: 700;
    text-align: left;
    color: #282a2d;
    margin-left: 12px;
}

.forgot-pwd-submit-btn {
    width: 100%;
    height: 48px;
    line-height: 48px;
    background: #2383ff;
    border-radius: 24px;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    color: #ffffff;
    border: 1px solid #2383ff;
    margin-top: 30px;
}

.login-wechat-sector {
    width: 100%;
    display: none;
    flex-direction: column;
    align-items: center;
}

.login-wechat-head {
    width: 132px;
    height: 30px;
    font-size: 22px;
    font-weight: 700;
    text-align: center;
    color: #282a2d;
}

#login-wechat-qr {
    width: 300px;
    height: 192px;
    background: #ffffff;
    /*border: 1px solid #dddddd;*/
    /*border-radius: 6px;*/
    /*padding: 12px;*/
    margin: 24px 0px 6px 0px;
}

.login-wechat-qr img {
    width: 100%;
    height: 100%;
}

.return-phone-login {
    width: 100%;
    height: 48px;
    line-height: 48px;
    background: #2383ff;
    border-radius: 24px;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    color: #ffffff;
    border: 1px solid #2383ff;
    margin-top: 50px;
}

.school-title {
    min-width: 100px;
    height: 25px;
    line-height: 25px;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    color: #1b6ef2;
    border-left: 1px solid #dddddd;
    float: left;
    margin-top: 20px;
    margin-left: 20px;
    padding-left: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.school-title-dot {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #1b6ef2;
    margin: 0px 5px;
}

.school-title-icon {
    margin-left: 10px;
    height: 80%;
    cursor: pointer;
}

.school-home-sector1 {
    border-radius: 18px;
    min-height: 300px;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    position: relative;
    top: 25px;
}

.recommend-consultation {
    background-color: #ffffff;
    height: 275px;
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    border-radius: 12px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.recommend-consultation-head {
    width: 100%;
    background-color: #ffffff;
    padding: 0px 20px;
    height: 60px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.recommend-consultation-list {
    width: 100%;
    align-items: flex-start;
    display: inline-flex;
    flex-direction: column;
    background-color: #ffffff;
    border-radius: 12px;
    padding: 0px 20px 10px;
    height: 67%;
}

.recommend-consultation-content {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 8px 0px;
    font-size: 16px;
}

.school-home-sector1-carousel {
    height: 275px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 12px;
}

.school-home-sector1 .swiper-container {
    margin: 0;
}

.recommend-consultation-content-title {
    width: 220px;
    height: 20px;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    color: #282a2d;
}

.school-home-sector2 {
    /*height: 540px;*/
    overflow: hidden;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.school-home-sector2-guidance {
    width: 100%;
    align-items: flex-start;
    display: inline-flex;
    flex-wrap: wrap;
    flex-direction: column;
    background-color: #ffffff;
    border-radius: 18px;
    padding: 25px 30px;
    height: 412px;
    position: relative;
}

.school-home-sector2-nav {
    border: 1px solid #ffffff;
    border-radius: 18px;
    height: 88px;
    background-color: #ffffff;
    overflow: hidden;
    margin-top: 25px;
    display: flex;
    flex-direction: row;
    width: 100%;
    padding: 20px;
}

.school-home-sector2-nav-head {
    width: 15%;
    background-color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.school-home-sector2-nav-box {
    width: 100%;
    display: inline-flex;
    flex-wrap: nowrap;
    justify-content: space-around;
    flex-direction: row;
    align-items: center;
    background-color: #ffffff;
}

.school-home-sector3 {
    height: 475px;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.school-home-sector4 {
    height: 470px;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.school-home-sector4-guidance {
    width: 100%;
    align-items: flex-start;
    display: inline-flex;
    flex-wrap: wrap;
    flex-direction: column;
    background-color: #ffffff;
    border-radius: 18px;
    padding: 30px;
    height: 90%;
}

.overflow-hidden {
    overflow: hidden;
}

.popular-inquiries-container {
    border-radius: 18px;
    background-color: #ffffff;
    height: 100%;
}

.popular-inquiries-list {
    width: 100%;
    height: 85%;
    display: flex;
    flex-direction: column;
    padding: 0px 20px;
    border-radius: 18px;
    background-color: #ffffff;
}

.popular-inquiries-dh {
    width: 100%;
    background: url('/static/image/about_head.png') 0 0 no-repeat;
    background-size: 100% 100%;
    padding: 10px 20px;
    height: 15%;
}

.popular-inquiries-list-content {
    width: 100%;
    min-height: 50px;
    background: #ffffff;
    border-radius: 12px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    text-align: center;
    align-items: center;
    padding-bottom: 35px;
}

.popular-inquiries-list-index {
    width: 10%;
    height: 30px;
    font-size: 24px;
    font-weight: normal;
    text-align: left;
    color: #a0a0a0;
    line-height: 30px;
}

.popular-inquiries-list-title {
    width: 80%;
    height: 22px;
    line-height: 23px;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    color: #282a2d;
}

.school-home-sector5 {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.school-home-sector6 {
    height: 450px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.school-home-sector6-content {
    width: 100%;
    height: 400px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.qr_get_problem {
    background: url('/static/image/qr_get_problem.png') 0 0 no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 400px;
    position: relative;
}

.qr_get_problem img {
    width: 110px;
    height: 110px;
    position: absolute;
    left: 34%;
    top: 65.6%;
    transform: translate(-50%, -50%);
    border-radius: 6px;
}

.school-home-sector6-guidance {
    height: 100%;
    width: 100%;
    align-items: flex-start;
    display: inline-flex;
    flex-wrap: wrap;
    flex-direction: column;
    background-color: #ffffff;
    border-radius: 18px;
    padding: 30px;
}

.school-info-sector {
    height: 486px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: #ffffff;
    border-radius: 18px;
    padding: 36px;
}

.school-info-sector-title {
    width: 100%;
    height: 33px;
    font-size: 24px;
    font-weight: 700;
    text-align: left;
    color: #282a2d;
}

.school-info-sector-content {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    height: 22px;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    color: #282a2d;
    line-height: 28px;
}

.school-info-sector-content span {
    margin-right: 60px;
}

.school-info-sector-map {
    width: 100%;
    height: 313px;
    /*background-color: #2383FF;*/
}

.school-project-home-sector1 {
    min-height: 310px;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    position: relative;
    top: 25px;
}


.school-project-home-sector1 .swiper-container {
    margin: 0;
}

.school-project-home-sector1-carousel {
    height: 292px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 12px;
}

.school-project-teacher-list {
    width: 100%;
    height: 250px;
    background: #ffffff;
    border-radius: 18px;
    box-shadow: 0px 0px 12px 0px rgba(207, 216, 233, 0.78);
    padding: 24px;
}

.school-project-teacher-content {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.school-project-teacher-avatar {
    width: 52px;
    height: 52px;
    border-radius: 50%;
}

.school-project-teacher-desc {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    width: 80%;
    margin-left: 16px;
}

.school-project-teacher-name {
    width: 100%;
    height: 22px;
    font-size: 16px;
    font-weight: 700;
    text-align: left;
    color: #282a2d;
}

.school-project-home-sector2 {
    height: 540px;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 70px;
}

.school-project-home-sector2-guidance {
    width: 100%;
    align-items: flex-start;
    display: inline-flex;
    flex-wrap: wrap;
    flex-direction: column;
    background-color: #ffffff;
    border-radius: 18px;
    padding: 20px;
    height: 67%;
    position: relative;
}

.school-project-home-sector2-nav {
    border: 1px solid #ffffff;
    border-radius: 18px;
    height: 88px;
    background-color: #ffffff;
    overflow: hidden;
    margin-top: 25px;
    display: flex;
    flex-direction: row;
    width: 100%;
    padding: 20px;
}

.school-project-home-sector2-nav-head {
    width: 15%;
    background-color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.school-project-home-sector2-nav-box {
    width: 100%;
    display: inline-flex;
    flex-wrap: nowrap;
    justify-content: space-around;
    flex-direction: row;
    align-items: center;
    background-color: #ffffff;
}


.school-project-home-sector3 {
    height: 340px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.school-project-home-sector4 {
    height: 470px;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.school-project-home-sector4-guidance {
    width: 100%;
    display: flex;
    flex-direction: row;
    background-color: #ffffff;
    border-radius: 18px;
    padding: 30px;
    height: 90%;
}

.school-project-home-sector4-guidance-list {
    width: 50%;
    align-items: flex-start;
    display: inline-flex;
    flex-direction: column;
}

.school-project-home-sector5 {
    height: 450px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.school-project-home-sector5-content {
    width: 100%;
    height: 400px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.school-project-home-sector5-guidance {
    height: 100%;
    width: 100%;
    align-items: flex-start;
    display: inline-flex;
    flex-wrap: wrap;
    flex-direction: column;
    background-color: #ffffff;
    border-radius: 18px;
    padding: 30px;
}

.school-project-pastpapers-list-content {
    width: 48%;
    min-height: 50px;
    background: #ffffff;
    display: flex;
    flex-direction: row;
    text-align: center;
    margin: 9px 0px;
}

.school-project-pastpapers-list-img {
    width: 60px;
    height: 66px;
}

.school-project-pastpapers-list-c {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    width: 75%;
    margin-left: 12px;
}

.school-project-pastpapers-list-title {
    width: 100%;
    height: 20px;
    line-height: 20px;
    font-size: 16px;
    font-weight: 700;
    text-align: left;
    color: #282a2d;
}

.school-project-pastpapers-list-supply {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
}

.school-project-pastpapers-list-time {
    width: 72px;
    height: 17px;
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    color: #a0a0a0;
}

/*.home-swiper-button-prev {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    position: absolute;
    top: 40%;
    left: -22px;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.home-swiper-button-next {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    position: absolute;
    top: 40%;
    right: -22px;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}*/


.teacher-swiper {
    position: relative;
    /*width: 96%;*/
    width: 1155px;
    margin: 0 auto;
    user-select: none;
}

.teacher-swiper .swiper-container {
    padding-bottom: 42px;
    user-select: none;
}

.teacher-swiper .swiper-slide {
    width: 900px;
    height: 384px;
    user-select: none;
    background: #ffffff;
    border-radius: 18px;
    box-shadow: 0px 0px 12px 0px rgba(207, 216, 233, 0.78);
    display: flex;
    flex-direction: row;
    padding: 42px;
    align-items: center;
    margin-top: 5px;
}

.teacher-swiper .swiper-slide img {
    display: block;
    user-select: none;
}

.teacher-swiper .swiper-pagination {
    width: 100%;
    bottom: 20px;
}

.teacher-swiper .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
    border: 3px solid #fff;
    background-color: #d5d5d5;
    width: 10px;
    height: 10px;
    opacity: 1;
}

.teacher-swiper .swiper-pagination-bullets .swiper-pagination-bullet-active {
    border: 3px solid #00aadc;
    background-color: #fff;
}

.teacher-swiper-button-prev {
    width: 48px;
    height: 48px;
    background: #ffffff;
    border-radius: 50%;
    box-shadow: 0px 3px 12px 0px rgba(207, 216, 233, 0.78);
    position: absolute;
    top: 40%;
    left: -22px;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.teacher-swiper-button-prev:hover {
    background-position: 0 -46px;
    background-size: 100%
}

.teacher-swiper-button-next {
    width: 48px;
    height: 48px;
    background: #ffffff;
    border-radius: 50%;
    box-shadow: 0px 3px 12px 0px rgba(207, 216, 233, 0.78);
    position: absolute;
    top: 40%;
    right: -22px;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.teacher-swiper-button-next:hover {
    background-position: 0 -139px;
    background-size: 100%
}

.teacher-swiper-l {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.teacher-swiper-img {
    width: 300px;
    height: 300px;
    border-radius: 12px;
}

.teacher-swiper-score {
    width: 160px;
    height: 36px;
    background: rgba(255, 255, 255, 0.86);
    border: 1px solid #ffffff;
    border-radius: 19px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    position: absolute;
    bottom: -20px;
}

.teacher-swiper-score-icon {
    width: 20px;
    height: 22px;
    color: #ff9c2c;
}

.teacher-swiper-r {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding-left: 36px;
}

.teacher-swiper-name {
    width: 100%;
    height: 33px;
    font-size: 24px;
    font-weight: 700;
    text-align: left;
    color: #282a2d;
    margin: 42px 0px 18px;
}

.teacher-swiper-introduction {
    width: 100%;
    height: 106px;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    color: #606060;
    line-height: 28px;
}

.teacher-swiper-pagination {
    width: 100%;
    height: 100px;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.teacher-swiper-pagination .swiper-pagination-custom {
    width: 88px;
    height: 88px;
    border-radius: 50%;
    background-color: #ffffff;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
    opacity: 1;
    margin: 0px 20px;
}

.teacher-swiper-list-img {
    width: 84px;
    height: 84px;
    border-radius: 50%;
}

.teacher-swiper-pagination .swiper-pagination-bullet-active {
    width: 84px;
    height: 84px;
    border-radius: 50%;
    background-color: rgba(128, 128, 128, 0.5);
    position: absolute;
}

.hover-b:hover {
    color: #2383FF;
}

.cursor-pointer {
    cursor: pointer;
}

.rightSuspension {
    position: fixed;
    right: 50px;
    bottom: 30%;
    z-index: 100;
    display: flex;
    flex-direction: row;
}

.rightSuspension-l {
    width: 250px;
    display: none;
}

.rightSuspension-r {
    width: 84px;
    flex-direction: column;
    align-items: flex-end;
    position: relative;
}

.suspension-list {
    width: 84px;
    height: 334px;
    background: #ffffff;
    border-radius: 42px;
    box-shadow: 0px 3px 12px 0px rgba(207, 216, 233, 0.78);
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    padding: 20px 0px;
}

.suspension-content {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.suspension-content-img {
    width: 24px;
    height: 24px;
}

.suspension-content-title {
    width: 58px;
    min-height: 17px;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    color: #282a2d;
    margin-top: 5px;
    word-wrap: break-word;
}

.return_top {
    width: 84px;
    height: 84px;
    background: #ffffff;
    border-radius: 42px;
    box-shadow: 0px 3px 12px 0px rgba(207, 216, 233, 0.78);
    text-align: center;
    padding: 25px;
    border-top: 1px solid #eee;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    margin-top: 18px;
}

.return_top img {
    height: 25px;
    width: 25px;
}

.suspension-bubble {
    background: url('/static/image/suspension_bubble.png') 0 0 no-repeat;
    background-size: 100% 100%;
    width: 250px;
    height: 290px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
}

.suspension-bubble-img {
    width: 132px;
    height: 132px;
    margin-right: 8px;
}

.suspension-bubble-desc {
    width: 96px;
    height: 46px;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    color: #2c2728;
    line-height: 24px;
    margin-right: 8px;
    margin-top: 20px;
}

.suspension-bubble-kqzx {
    display: none;
    top: -20px;
}

.suspension-bubble-bkzl {
    display: none;
    top: 50px;
}

.add-class-teacher {
    background: #ffffff;
    width: 340px;
    height: 400px;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 9999;
    border-radius: 18px;
    display: none;
}

.add-class-teacher-head {
    height: 100%;
    width: 100%;
    background: url('/static/image/add_class_teachers.png') 0 0 no-repeat;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 2.8rem 0.7rem 0.8rem;
}

.add-class-teacher-content {
    box-shadow: 0px 8px 10px #ecf2ff;
    padding: 15px;
    background: #fff;
    border-radius: 12px;
    height: 250px;
    width: 270px;
    margin: 90px auto 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.add-class-teacher-qr {
    margin-bottom: 5px;
    height: 200px;
}

.add-class-teacher-text {
    text-align: center;
    color: #1d92f9;
}

.school-arr-children {
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    color: #282a2d;
}

.school-arr-parent {
    font-size: 18px;
    font-weight: 700;
    text-align: left;
    color: #282a2d;
}

.order-invoice {
    width: 400px;
    margin: auto;
}

.order-invoice-info {
    width: 100%;
    padding: 0px 30px;
}

.order-invoice-info-submit {
    width: 100%;
    height: 40px;
    line-height: 30px;
    background: #2383ff;
    border-radius: 15px;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    color: #ffffff;
    border: 1px solid #2383ff;
    margin-bottom: 15px;
}

.order-invoice-company {
    display: none;
}

.ws-n {
    white-space: nowrap;
}

.tutorials {
    background: url('http://testimg.liangshiba.com/uploads/images/20250327/01a3c3f0d4de713ee903273a3a5dbe74.png') 0 0 no-repeat;
    background-size: 100% 100%;
    border-radius: 18px;
    background-color: #DAEAFF;
    overflow: hidden;
}

.tutorials-head {
    width: 100%;
    padding: 0px 20px;
    height: 60px;
    position: relative;
}

.tutorials-list {
    width: 100%;
    min-height: 250px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    position: relative;
}

.tutorials-list-content {
    width: 100%;
    height: 135px;
    background: #ffffff;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: center;
    padding: 18px;
    margin-bottom: 15px;
}

.tutorials-list-title {
    width: 100%;
    /*height: 42px;*/
    font-size: 16px;
    font-weight: 700;
    text-align: left;
    color: #282a2d;
    margin-bottom: 10px;
}

.tutorials-list-label {
    width: 100%;
    display: flex;
    flex-direction: row;
    margin: 10px 0px;
}

.tutorials-list-desc {
    width: 100%;
    height: 40px;
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    color: #a0a0a0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.shop-qr {
    background-image: url("http://testimg.liangshiba.com/uploads/images/20250409/f0b5d5b7926833f571fe37911d5d3d11.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 245px;
    border-radius: 18px;
    position: relative;
}

#shop-qrImg {
    position: absolute;
    right: 52px;
    top: 82px;
}

.about-sector-news-info-tab {
    width: 100%;
    height: 80px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 48px;
}

.about-sector-news-info-tab div {
    margin: 0px 20px;
}

.news-swiper-button-prev {
    width: 48px;
    height: 48px;
    background: #ffffff;
    border-radius: 50%;
    box-shadow: 0px 3px 12px 0px rgba(207, 216, 233, 0.78);
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.news-swiper-button-prev:hover {
    background-position: 0 -46px;
    background-size: 100%
}

.news-swiper-button-next {
    width: 48px;
    height: 48px;
    background: #ffffff;
    border-radius: 50%;
    box-shadow: 0px 3px 12px 0px rgba(207, 216, 233, 0.78);
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.news-swiper-button-next:hover {
    background-position: 0 -139px;
    background-size: 100%
}

.school-category-pop {
    width: 950px;
    height: 80%;
    background: #ffffff;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 18px;
    overflow: hidden;
}

.school-category-pop-box {
    width: 100%;
    height: 100%;
    background: url('http://testimg.liangshiba.com/uploads/images/20250408/6375baa51c9677b280426efc0318d6f4.png') 0 0 no-repeat;
    background-size: 100% 100%;
    transition: all ease 0.6s;
    padding: 42px 60px 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.pop-close {
    width: 18px;
    height: 18px;
    background: url('http://testimg.liangshiba.com/uploads/images/20250409/0b3577e636cb5133e47e726726b0fa18.png') 0 0 no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 14px;
    right: 18px;
    cursor: pointer;
}

.school-category-pop-head {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-bottom: 36px;
}

.school-category-pop-head-img {
    width: 20px;
    height: 16px;
}

.school-category-pop-head-text {
    min-width: 196px;
    height: 40px;
    font-size: 28px;
    font-weight: 700;
    text-align: center;
    color: #282a2d;
    margin: 0px 18px;
}

.school-category-pop-content {
    width: 100%;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: scroll;
}

/* 整个滚动条 */
.school-category-pop-content::-webkit-scrollbar {
    width: 10px; /* 滚动条宽度 */
}

/* 滚动条轨道 */
.school-category-pop-content::-webkit-scrollbar-track {
    background: #f1f1f1; /* 轨道背景色 */
}

/* 滚动条滑块 */
.school-category-pop-content::-webkit-scrollbar-thumb {
    background: #888; /* 滑块背景色 */
    border-radius: 5px; /* 滑块圆角 */
}

/* 滑块悬停时 */
.school-category-pop-content::-webkit-scrollbar-thumb:hover {
    background: #555; /* 滑块悬停时的背景色 */
}

/* 滚动条按钮 */
.school-category-pop-content::-webkit-scrollbar-button {
    display: none;
}

/* 滚动条角落 */
.school-category-pop-content::-webkit-scrollbar-corner {
    background: #f1f1f1; /* 角落背景色 */
    border-radius: 5px;
}

/* 滚动条调整大小的控件 */
.school-category-pop-content::-webkit-resizer {
    background: #ccc; /* 调整大小控件背景色 */
}

.school-category-pop-line {
    margin-bottom: 30px;
}

.school-category-pop-line-head {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 18px;
}

.school-category-pop-line-head img {
    width: 24px;
    height: 24px;
    margin-right: 6px;
}

.school-category-pop-line-head span {
    width: 72px;
    height: 25px;
    font-size: 18px;
    font-weight: 700;
    text-align: left;
    color: #282a2d;
}

.school-category-pop-line-body {
    display: flex;
    flex-direction: column;
}

.school-category-pop-line-title {
    width: 32px;
    height: 22px;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    color: #282a2d;
    margin: 12px 0px 18px;
}

.school-category-pop-line-content {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 18px;
}

.school-category-pop-line-btn {
    min-width: 114px;
    height: 36px;
    background: #f6f6f6;
    border: 1px solid #a0a0a0;
    border-radius: 6px;
    padding: 8px 22px;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
}

.school-category-pop-line-btn:hover {
    background: #ecf2ff;
    border: 1px solid #2383FF;
    color: #2383FF;
}

.school-category-pop-line-btn-active {
    background: #ecf2ff;
    border: 1px solid #2383FF;
    color: #2383FF;
    position: relative;
}

.school-category-pop-line-btn-active::after {
    content: '';
    position: absolute;
    background: url('http://testimg.liangshiba.com/uploads/images/20250409/b68754e20789934e70c4dbe1ff7bb1c9.png') 0 0 no-repeat;
    background-size: 100% 100%;
    width: 15px;
    height: 15px;
    top: 20px;
    right: 0;
}

.school-category-pop-btn {
    width: 240px;
    height: 42px;
    line-height: 42px;
    background: #2383ff;
    border-radius: 21px;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    color: #ffffff;
    cursor: pointer;
}

.course-container {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    background: white;
    overflow: hidden;
}

.course-header {
    padding: 15px 20px;
    font-size: 18px;
    font-weight: 400;
    color: #333;
    border-bottom: 1px solid #eee;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    background: #f6f6f6;
}

.course-header .arrow {
    transition: transform 0.3s;
}

.course-header.collapsed .arrow {
    transform: rotate(-90deg);
}

.section {
    border-bottom: 1px solid #eee;
}

.section-header {
    padding: 15px 20px;
    font-size: 18px;
    font-weight: 400;
    color: #555;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.section-content {
    display: none;
    padding: 0;
}

.section-content.show {
    display: block;
}

.lesson-item {
    padding: 12px 20px 12px 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #f0f0f0;
    color: #666;
    font-size: 16px;
    font-weight: 400;
}

.lesson-item:last-child {
    border-bottom: none;
}

.lesson-item.playing {
    color: #1890ff;
    background-color: #f0f8ff;
}

.lesson-item.locked {
    color: #999;
}

.lesson-status {
    font-size: 16px;
    margin-left: 10px;
}

.listen {
    color: #2383ff;
}

.playing-status {
    color: #1890ff;
}

.locked-icon {
    color: #ccc;
}

.search {
    display: flex;
    flex-direction: row;
    width: 100%;
    position: relative;
}

.search-input {
    width: 100%;
    height: 42px;
    background: #ffffff;
    border-radius: 18px;
    border: 1px solid #ECF2FF;
    padding: 0px 30px;
    margin-bottom: 10px;
}

.search-btn {
    width: 80px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    background-color: #2383ff;
    border-radius: 18px;
    cursor: pointer;
    color: #ffffff;
    position: absolute;
    right: 0px;
}

.search-btn:hover {
    color: #2383FF !important;
    background-color: #ECF2FF !important;
}