.new-zxxpt-wrap {
    position: relative;
    width: 100%;
    height: auto;
    margin-top: 112px
}

@-webkit-keyframes marker1 {
    from {
        opacity: 1;
        transform: translateX(0px)
    }

    to {
        opacity: 1;
        transform: translateX(2500px)
    }
}

@keyframes marker1 {
    from {
        opacity: 1;
        transform: translateX(0px)
    }

    to {
        opacity: 1;
        transform: translateX(2500px)
    }
}

.new-zxxpt-wrap .el-menu--vertical {
    top: 90px !important
}

.new-zxxpt-wrap .el-menu--popup-right-start {
    height: 430px;
    background: #ffffff !important;
    overflow: auto;
    margin-left: 0;
    margin-right: 0
}

.new-zxxpt-wrap .el-menu--popup-right-start.el-menu--popup {
    width: 250px;
    border-radius: 0px 4px 4px 0px
}

.new-zxxpt-wrap .el-menu--popup-right-start.el-menu--popup .el-menu-item-group {
    position: relative;
    padding-bottom: 20px
}

.new-zxxpt-wrap .el-menu--popup-right-start.el-menu--popup .el-menu-item-group::after {
    position: absolute;
    content: "";
    width: 208px;
    height: 1px;
    background-color: #ebeef2;
    bottom: 0;
    left: 20px
}

.new-zxxpt-wrap .el-menu--popup-right-start.el-menu--popup .el-menu-item-group:last-child::after {
    height: 0
}

.new-zxxpt-wrap .el-menu--popup-right-start .el-menu-item {
    height: auto;
    line-height: inherit;
    padding-top: 20px;
    font-size: 14px;
    background-color: #fff !important;
    color: #333 !important
}

.new-zxxpt-wrap .el-menu--popup-right-start .el-menu-item:hover {
    color: #409eff !important
}

.new-zxxpt-wrap .el-menu--popup-right-start .el-menu-item-group .el-menu-item-group__title {
    padding: 20px 20px 0;
    font-size: 16px;
    color: #333;
    background: #ffffff;
    font-weight: bold
}

.new-zxxpt-wrap .el-menu--popup-right-start .el-menu-item-group>ul {
    overflow: hidden
}

.new-zxxpt-wrap .el-menu--popup-right-start .el-menu-item-group>ul .el-menu-item {
    float: left;
    width: 33%
}

.new-zxxpt-wrap .text-cut {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all
}

.new-zxxpt-wrap .banner-wrap {
    position: relative;
    overflow: hidden;
    width: 100%
}

.new-zxxpt-wrap .banner-wrap .banner_marker {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    opacity: 0;
    -webkit-animation-name: marker1;
    animation-name: marker1;
    -webkit-animation-duration: 3.4s;
    animation-duration: 3.4s
}

.new-zxxpt-wrap section {
    position: relative;
    width: 100%;
    height: auto
}

.new-zxxpt-wrap section .container {
    position: relative;
    width: 1200px;
    height: auto;
    margin: 0 auto
}

.new-zxxpt-wrap section .container .title {
    position: relative;
    width: 100%;
    height: 50px
}

.new-zxxpt-wrap section .container .title a {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    text-decoration: none;
    height: 50px;
    line-height: 50px;
    font-size: 40px;
    font-weight: 600;
    color: #333333;
    text-align: center;
    width: auto;
    letter-spacing: 8px;
    transition: all, .3s
}

.new-zxxpt-wrap section .container .title a::before,
.new-zxxpt-wrap section .container .title a::after {
    content: '';
    display: block;
    height: 3px;
    width: 100px;
    background-color: #3173FF;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.new-zxxpt-wrap section .container .title a::before {
    left: -119px
}

.new-zxxpt-wrap section .container .title a::after {
    right: -119px
}

.new-zxxpt-wrap section .container .title a:hover {
    color: #3173FF
}

.new-zxxpt-wrap section .container .title-tab {
    display: flex;
    justify-content: center;
    margin-top: 40px
}

.new-zxxpt-wrap section .container .title-tab .tab-box {
    display: flex;
    align-items: center;
    height: 60px;
    cursor: pointer;
    border-radius: 31px;
    border: 1px solid #F1F1F1;
    padding: 0 5px;
    position: relative;
    background: #FFFFFF
}

.new-zxxpt-wrap section .container .title-tab .tab-box .title-tab-item {
    font-size: 22px;
    color: #333333;
    padding: 0 46px;
    height: 60px;
    line-height: 60px;
    z-index: 2;
    transition: all .3s
}

.new-zxxpt-wrap section .container .title-tab .tab-box .active {
    color: #ffffff
}

.new-zxxpt-wrap section .container .title-tab .tab-box .tab-move {
    position: absolute;
    top: 7px;
    left: 5px;
    display: block;
    width: 180px;
    height: 46px;
    background: linear-gradient(97deg, #378FF7 0%, #4063FB 100%);
    box-shadow: 0px 6px 8px 0px rgba(58, 120, 249, 0.4);
    border-radius: 31px;
    transition: all .3s
}

.new-zxxpt-wrap section .container .next {
    cursor: pointer;
    display: block;
    position: absolute;
    right: -97px;
    top: 50%;
    transform: translateY(-50%);
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #E2EAF9;
    background-image: url(data:image/png;base64,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);
    background-size: 48px 48px;
    background-repeat: no-repeat;
    background-position: center center
}

.new-zxxpt-wrap section .container .prev {
    cursor: pointer;
    display: block;
    position: absolute;
    left: -97px;
    top: 50%;
    transform: translateY(-50%) rotate(180deg);
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #E2EAF9;
    background-image: url(data:image/png;base64,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);
    background-size: 48px 48px;
    background-repeat: no-repeat;
    background-position: center center
}

.new-zxxpt-wrap section .container .check-more {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    margin-top: 50px;
    font-size: 16px;
    cursor: pointer
}

.new-zxxpt-wrap section .container .check-more div {
    width: 250px
}

.new-zxxpt-wrap section .container .check-more div a {
    text-decoration: none;
    width: 250px;
    display: flex;
    color: #3C77F9;
    justify-content: center;
    align-items: center
}

.new-zxxpt-wrap section .container .check-more div:hover i::before {
    opacity: 1
}

.new-zxxpt-wrap section .container .check-more i {
    display: block;
    width: 36px;
    height: 36px;
    margin-right: 13px;
    background: url(../images/zxxpt/check-more.svg) no-repeat
}

.new-zxxpt-wrap section .container .check-more i::before {
    content: "";
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all 0.2s ease-out 0s;
    display: block;
    background-size: contain;
    background: url(../images/zxxpt/check-more1.svg) no-repeat
}

.new-zxxpt-wrap .info-wrap {
    height: 620px;
    background: #FFFFFF
}

.new-zxxpt-wrap .info-wrap .container {
    padding-top: 34px
}

.new-zxxpt-wrap .info-wrap .container .swiper-wrap {
    position: relative;
    display: flex;
    justify-content: space-between;
    margin-top: 30px
}

.new-zxxpt-wrap .info-wrap .container .swiper-wrap .info-content {
    position: relative;
    width: 794px;
    height: 428px;
    margin-right: 18px
}

.new-zxxpt-wrap .info-wrap .container .swiper-wrap .info-content .banner-item {
    position: relative;
    width: 794px;
    height: 428px
}

.new-zxxpt-wrap .info-wrap .container .swiper-wrap .info-content .banner-item img {
    width: 100%;
    height: 100%;
    display: block
}

.new-zxxpt-wrap .info-wrap .container .swiper-wrap .info-content .banner-item .tips {
    position: absolute;
    box-sizing: border-box;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 60px;
    padding-left: 40px;
    background: rgba(0, 0, 0, 0.6)
}

.new-zxxpt-wrap .info-wrap .container .swiper-wrap .info-content .banner-item .tips .title {
    width: 550px;
    font-size: 18px;
    font-weight: 500;
    line-height: 60px;
    color: #ffffff
}

.new-zxxpt-wrap .info-wrap .container .swiper-wrap .info-content .swiper-pagination {
    z-index: 99;
    display: block;
    position: absolute;
    bottom: 20px;
    width: auto;
    right: 30px;
    left: unset
}

.new-zxxpt-wrap .info-wrap .container .swiper-wrap .info-content .swiper-pagination .swiper-pagination-bullet {
    background-color: #ffffff
}

.new-zxxpt-wrap .info-wrap .container .swiper-wrap .info-content .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #409eff
}

.new-zxxpt-wrap .info-wrap .container .swiper-wrap .list-content {
    position: relative;
    width: 388px;
    height: 428px
}

.new-zxxpt-wrap .info-wrap .container .swiper-wrap .list-content .header {
    position: relative;
    height: 64px;
    line-height: 64px;
    padding-left: 16px;
    padding-right: 25px;
    margin-bottom: 24px
}

.new-zxxpt-wrap .info-wrap .container .swiper-wrap .list-content .header .tabs-item {
    position: relative;
    cursor: default;
    font-size: 24px;
    font-weight: 500;
    color: #333333;
    line-height: 24px;
    margin-right: 26px
}

.new-zxxpt-wrap .info-wrap .container .swiper-wrap .list-content .header .tabs-item::after {
    display: none;
    content: '';
    position: absolute;
    bottom: -20px;
    left: 0px;
    width: 96px;
    height: 4px;
    background: #3C77F9
}

.new-zxxpt-wrap .info-wrap .container .swiper-wrap .list-content .header .tabs-item:hover {
    color: #3C77F9
}

.new-zxxpt-wrap .info-wrap .container .swiper-wrap .list-content .header .tabs-item:hover::after {
    display: block !important
}

.new-zxxpt-wrap .info-wrap .container .swiper-wrap .list-content .header .active {
    color: #3C77F9
}

.new-zxxpt-wrap .info-wrap .container .swiper-wrap .list-content .header .active::after {
    display: block
}

.new-zxxpt-wrap .info-wrap .container .swiper-wrap .list-content .header .more {
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    height: 16px;
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
    color: #999999
}

.new-zxxpt-wrap .info-wrap .container .swiper-wrap .list-content .header .more img {
    display: inline-block;
    width: 14px;
    height: 14px
}

.new-zxxpt-wrap .info-wrap .container .swiper-wrap .list-content .body {
    position: relative
}

.new-zxxpt-wrap .info-wrap .container .swiper-wrap .list-content .body .items {
    position: relative;
    cursor: pointer;
    width: 360px;
    height: 44px;
    margin-bottom: 30px;
    padding-left: 16px;
    padding-right: 25px
}

.new-zxxpt-wrap .info-wrap .container .swiper-wrap .list-content .body .items:last-child {
    margin-bottom: 0
}

.new-zxxpt-wrap .info-wrap .container .swiper-wrap .list-content .body .items:hover .des {
    color: #409eff
}

.new-zxxpt-wrap .info-wrap .container .swiper-wrap .list-content .body .items .des {
    height: 18px;
    font-size: 18px;
    font-weight: 500;
    color: #333333;
    line-height: 18px;
    margin-bottom: 10px
}

.new-zxxpt-wrap .info-wrap .container .swiper-wrap .list-content .body .items .date {
    height: 18px;
    font-size: 18px;
    font-weight: 400;
    color: #999999;
    line-height: 18px
}

.new-zxxpt-wrap .serve-wrap {
    min-height: 620px;
    background: #F2F6FF
}

.new-zxxpt-wrap .serve-wrap .container {
    padding-top: 45px
}

.new-zxxpt-wrap .serve-wrap .container .select-option-wrap {
    display: flex;
    align-items: center;
    margin: 0 auto;
    width: 180px;
    margin-top: 14px;
    margin-bottom: 40px
}

.new-zxxpt-wrap .serve-wrap .container .vm-serve {
    position: relative;
    margin-top: 40px;
}

.new-zxxpt-wrap .serve-wrap .container .vm-serve .substance {
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 30px
}

.new-zxxpt-wrap .serve-wrap .container .vm-serve .substance .moduleName {
    display: flex;
    justify-content: center;
    padding: 15px 0 45px
}

.new-zxxpt-wrap .serve-wrap .container .vm-serve .substance .moduleName .handover span {
    cursor: pointer;
    color: #666;
    font-size: 16px;
    padding: 0 16px
}

.new-zxxpt-wrap .serve-wrap .container .vm-serve .substance .moduleName .handover span i {
    color: #999
}

.new-zxxpt-wrap .serve-wrap .container .vm-serve .substance .moduleName .handover /deep/.el-dropdown .el-dropdown-link.wantLine {
    border-right: 1px solid #d0d0d0
}

.new-zxxpt-wrap .serve-wrap .container .vm-serve .substance .moduleName .handover /deep/.el-dropdown span {
    cursor: pointer;
    color: #666;
    font-size: 16px;
    padding: 0 16px
}

.new-zxxpt-wrap .serve-wrap .container .vm-serve .substance .moduleName .handover /deep/.el-dropdown span i {
    color: #999
}

.new-zxxpt-wrap .serve-wrap .container .vm-serve .substance .bothEnds {
    display: flex;
    justify-content: space-between
}

.new-zxxpt-wrap .serve-wrap .container .vm-serve .substance .moduleCont .oneRes {
    display: flex
}

.new-zxxpt-wrap .serve-wrap .container .vm-serve .substance .moduleCont .oneRes>li {
    flex: 1;
    max-width: 386.67px;
    background-color: #ffffff;
    padding: 20px 20px 30px;
    margin-right: 20px
}

.new-zxxpt-wrap .serve-wrap .container .vm-serve .substance .moduleCont .oneRes>li:last-child {
    margin-right: 0
}

.new-zxxpt-wrap .serve-wrap .container .vm-serve .substance .moduleCont .oneRes>li .roof {
    padding-bottom: 25px
}

.new-zxxpt-wrap .serve-wrap .container .vm-serve .substance .moduleCont .oneRes>li .roof span {
    cursor: pointer;
    font-size: 14px;
    color: #666666
}

.new-zxxpt-wrap .serve-wrap .container .vm-serve .substance .moduleCont .oneRes>li .roof span i {
    color: #999999
}

.new-zxxpt-wrap .serve-wrap .container .vm-serve .substance .moduleCont .oneRes>li .roof span:first-child {
    font-size: 18px;
    color: #333333;
    font-weight: bold
}

.new-zxxpt-wrap .serve-wrap .container .vm-serve .substance .moduleCont .oneRes>li .oneself {
    background: #f8f8f9;
    border-radius: 4px;
    padding: 16px 10px 16px 16px;
    display: flex;
    cursor: pointer
}

.new-zxxpt-wrap .serve-wrap .container .vm-serve .substance .moduleCont .oneRes>li .oneself .imgBlock {
    padding: 0 15px;
    height: 76px;
    background: #ffffff;
    box-shadow: 0px 5px 10px 0px rgba(196, 196, 196, 0.12);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center
}

.new-zxxpt-wrap .serve-wrap .container .vm-serve .substance .moduleCont .oneRes>li .oneself .describe {
    padding-left: 16px;
    width: calc(100% - 80px)
}

.new-zxxpt-wrap .serve-wrap .container .vm-serve .substance .moduleCont .oneRes>li .oneself .describe p {
    font-size: 14px;
    color: #545c63;
    margin-bottom: 10px
}

.new-zxxpt-wrap .serve-wrap .container .vm-serve .substance .moduleCont .oneRes>li .oneself .describe p:first-child {
    font-size: 16px;
    color: #1c1f21;
    font-weight: bold;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.new-zxxpt-wrap .serve-wrap .container .vm-serve .substance .moduleCont .oneRes>li .oneself .describe p:first-child:hover {
    color: #409eff
}

.new-zxxpt-wrap .serve-wrap .container .vm-serve .substance .moduleCont .oneRes>li .oneself .describe p:last-child {
    margin-bottom: 0
}

.new-zxxpt-wrap .serve-wrap .container .vm-serve .substance .moduleCont .oneRes>li .besides {
    padding-top: 25px;
    cursor: pointer
}

.new-zxxpt-wrap .serve-wrap .container .vm-serve .substance .moduleCont .oneRes>li .besides span {
    font-size: 14px;
    color: #545c63
}

.new-zxxpt-wrap .serve-wrap .container .vm-serve .substance .moduleCont .oneRes>li .besides span:first-child {
    position: relative;
    padding-left: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 265px;
    overflow: hidden;
    display: inline-block
}

.new-zxxpt-wrap .serve-wrap .container .vm-serve .substance .moduleCont .oneRes>li .besides span:first-child:hover {
    color: #409eff
}

.new-zxxpt-wrap .serve-wrap .container .vm-serve .substance .moduleCont .oneRes>li .besides span:first-child::before {
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #b4c6d0;
    left: 0;
    top: 50%
}

.new-zxxpt-wrap .serve-wrap .container .vm-serve .substance .moduleCont .oneRes>li .besides span:last-child {
    color: #999999
}

.new-zxxpt-wrap .serve-wrap .container .vm-serve .substance .moduleCont .twoRes {
    display: flex
}

.new-zxxpt-wrap .serve-wrap .container .vm-serve .substance .moduleCont .twoRes>li {
    flex: 1;
    background-color: #ffffff;
    padding: 20px 20px 30px;
    margin-right: 20px
}

.new-zxxpt-wrap .serve-wrap .container .vm-serve .substance .moduleCont .twoRes>li:last-child {
    margin-right: 0
}

.new-zxxpt-wrap .serve-wrap .container .vm-serve .substance .moduleCont .twoRes>li .topTab {
    color: #999999;
    font-size: 16px;
    margin-bottom: 30px
}

.new-zxxpt-wrap .serve-wrap .container .vm-serve .substance .moduleCont .twoRes>li .topTab span {
    padding-right: 36px;
    cursor: pointer
}

.new-zxxpt-wrap .serve-wrap .container .vm-serve .substance .moduleCont .twoRes>li .topTab span:last-child {
    padding-right: 0
}

.new-zxxpt-wrap .serve-wrap .container .vm-serve .substance .moduleCont .twoRes>li .topTab span:hover {
    color: #409eff
}

.new-zxxpt-wrap .serve-wrap .container .vm-serve .substance .moduleCont .twoRes>li .topTab span.isActive {
    color: #409eff
}

.new-zxxpt-wrap .serve-wrap .container .vm-serve .substance .moduleCont .twoRes>li .solCont {
    display: flex;
    justify-content: space-between;
    padding-bottom: 20px;
    cursor: pointer
}

.new-zxxpt-wrap .serve-wrap .container .vm-serve .substance .moduleCont .twoRes>li .solCont:last-child {
    padding-bottom: 0
}

.new-zxxpt-wrap .serve-wrap .container .vm-serve .substance .moduleCont .twoRes>li .solCont span:first-child {
    max-width: 450px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 14px;
    color: #545c63
}

.new-zxxpt-wrap .serve-wrap .container .vm-serve .substance .moduleCont .twoRes>li .solCont span:first-child:hover {
    color: #409eff
}

.new-zxxpt-wrap .serve-wrap .container .vm-serve .substance .moduleCont .twoRes>li .solCont span:first-child img {
    margin-right: 10px
}

.new-zxxpt-wrap .serve-wrap .container .vm-serve .substance .moduleCont .twoRes>li .solCont span:last-child {
    font-size: 12px;
    color: #999
}

.new-zxxpt-wrap .serve-wrap .container .vm-serve .substance .moduleCont .threeRes {
    background-color: #ffffff;
    padding: 30px 20px;
    display: flex
}

.new-zxxpt-wrap .serve-wrap .container .vm-serve .substance .moduleCont .threeRes>li {
    flex: 1;
    background: #f3f6fc;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    margin-right: 20px;
    cursor: pointer
}

.new-zxxpt-wrap .serve-wrap .container .vm-serve .substance .moduleCont .threeRes>li .magnify {
    overflow: hidden;
    width: 100%;
    height: 160px
}

.new-zxxpt-wrap .serve-wrap .container .vm-serve .substance .moduleCont .threeRes>li:hover .magnify img {
    transition: 1s;
    transform: scale(1.2)
}

.new-zxxpt-wrap .serve-wrap .container .vm-serve .substance .moduleCont .threeRes>li:last-child {
    margin-right: 0
}

.new-zxxpt-wrap .serve-wrap .container .vm-serve .substance .moduleCont .threeRes>li p {
    color: #9199a1;
    font-size: 14px;
    padding: 0 12px
}

.new-zxxpt-wrap .serve-wrap .container .vm-serve .substance .moduleCont .threeRes>li p:nth-of-type(1) {
    padding: 18px 12px 23px;
    font-size: 16px;
    font-weight: bold;
    color: #1c1f21;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 275px;
    overflow: hidden
}

.new-zxxpt-wrap .serve-wrap .container .vm-serve .substance .moduleCont .threeRes>li p:nth-of-type(2) {
    padding-bottom: 15px
}

.new-zxxpt-wrap .serve-wrap .container .vm-serve .substance .moduleCont .threeRes>li p:nth-of-type(3) {
    padding-bottom: 20px
}

.new-zxxpt-wrap .serve-wrap .container .vm-serve .noData {
    text-align: center
}

.new-zxxpt-wrap .serve-wrap .container .vm-serve .noData>p {
    font-size: 16px;
    color: #9199a1;
    padding-top: 20px
}

.new-zxxpt-wrap .serve-wrap .container .vm-serve /deep/.el-dropdown-menu__item {
    padding: 0
}

.new-zxxpt-wrap .serve-wrap .container .vm-serve /deep/.el-dropdown-menu__item>span {
    padding: 0 20px;
    display: inline-block;
    height: 36px
}

.new-zxxpt-wrap .space-wrap {
    height: 722px;
    background: #FFFFFF
}

.new-zxxpt-wrap .space-wrap .container {
    padding-top: 50px
}

.new-zxxpt-wrap .space-wrap .container .space-content {
    position: relative;
    margin-top: 55px
}

.new-zxxpt-wrap .space-wrap .container .space-content .box1s {
    transition: all 1s;
    opacity: 0;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 370px;
    display: flex
}

.new-zxxpt-wrap .space-wrap .container .space-content .active {
    position: relative;
    opacity: 1;
    z-index: 4;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex
}

.new-zxxpt-wrap .space-wrap .container .space-content .sc_space .te-item,
.new-zxxpt-wrap .space-wrap .container .space-content .te_space .te-item,
.new-zxxpt-wrap .space-wrap .container .space-content .st_space .te-item {
    cursor: pointer;
    position: relative;
    display: inline-block;
    width: 290px;
    height: 370px;
    background: #FFFFFF;
    border-radius: 8px;
    border: 1px solid #E3E3E3;
    overflow: hidden;
    margin-right: 11px
}

.new-zxxpt-wrap .space-wrap .container .space-content .sc_space .te-item:last-child,
.new-zxxpt-wrap .space-wrap .container .space-content .te_space .te-item:last-child,
.new-zxxpt-wrap .space-wrap .container .space-content .st_space .te-item:last-child {
    margin-right: 0
}

.new-zxxpt-wrap .space-wrap .container .space-content .sc_space .te-item:hover .hov,
.new-zxxpt-wrap .space-wrap .container .space-content .te_space .te-item:hover .hov,
.new-zxxpt-wrap .space-wrap .container .space-content .st_space .te-item:hover .hov {
    bottom: 0
}

.new-zxxpt-wrap .space-wrap .container .space-content .sc_space .te-item .show-img,
.new-zxxpt-wrap .space-wrap .container .space-content .te_space .te-item .show-img,
.new-zxxpt-wrap .space-wrap .container .space-content .st_space .te-item .show-img {
    position: relative;
    width: 100%;
    height: 200px;
    margin-bottom: 22px
}

.new-zxxpt-wrap .space-wrap .container .space-content .sc_space .te-item .show-img img,
.new-zxxpt-wrap .space-wrap .container .space-content .te_space .te-item .show-img img,
.new-zxxpt-wrap .space-wrap .container .space-content .st_space .te-item .show-img img {
    width: 100%;
    height: 100%
}

.new-zxxpt-wrap .space-wrap .container .space-content .sc_space .te-item .name,
.new-zxxpt-wrap .space-wrap .container .space-content .te_space .te-item .name,
.new-zxxpt-wrap .space-wrap .container .space-content .st_space .te-item .name {
    text-align: center;
    height: 24px;
    font-size: 24px;
    font-weight: 500;
    color: #333333;
    line-height: 24px;
    margin-bottom: 18px
}

.new-zxxpt-wrap .space-wrap .container .space-content .sc_space .te-item .type,
.new-zxxpt-wrap .space-wrap .container .space-content .te_space .te-item .type,
.new-zxxpt-wrap .space-wrap .container .space-content .st_space .te-item .type {
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    color: #737373;
    line-height: 16px;
    margin-bottom: 10px
}

.new-zxxpt-wrap .space-wrap .container .space-content .sc_space .te-item .school,
.new-zxxpt-wrap .space-wrap .container .space-content .te_space .te-item .school,
.new-zxxpt-wrap .space-wrap .container .space-content .st_space .te-item .school {
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    color: #737373;
    line-height: 18px
}

.new-zxxpt-wrap .space-wrap .container .space-content .sc_space .te-item .hov,
.new-zxxpt-wrap .space-wrap .container .space-content .te_space .te-item .hov,
.new-zxxpt-wrap .space-wrap .container .space-content .st_space .te-item .hov {
    position: absolute;
    transition: all .5s;
    width: 100%;
    border-radius: 0px 0px 8px 8px;
    left: 0;
    bottom: -60px;
    height: 60px;
    color: #ffffff;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    line-height: 60px;
    background: #3C77F9
}

.new-zxxpt-wrap .space-wrap .container .space-content .sc_space .te-item .hov span,
.new-zxxpt-wrap .space-wrap .container .space-content .te_space .te-item .hov span,
.new-zxxpt-wrap .space-wrap .container .space-content .st_space .te-item .hov span {
    display: inline-block;
    width: 9px;
    height: 14px;
    opacity: 0.79;
    background-image: url(../images/zxxpt/svg_right.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 9px 14px
}

.new-zxxpt-wrap .space-wrap .container .space-content .sc_space .te-item .info {
    height: 48px;
    font-size: 16px;
    font-weight: 400;
    color: #737373;
    line-height: 24px;
    width: 197px;
    text-align: center;
    margin: 0 auto
}

.new-zxxpt-wrap .space-wrap .container .space-content .st_space .te-item .show-img {
    position: absolute;
    top: 57px;
    left: 50%;
    transform: translateX(-50%);
    width: 120px;
    height: 120px;
    border-radius: 50%;
    margin: 0;
    overflow: hidden
}

.new-zxxpt-wrap .space-wrap .container .space-content .st_space .te-item .s-box {
    margin-top: 210px
}

.new-zxxpt-wrap .space-wrap .container .space-content .st_space .te-item .school {
    font-size: 16px !important
}

.new-zxxpt-wrap .space-wrap .container .title-tab {
    margin-top: 26px
}

.new-zxxpt-wrap .space-wrap .container .check-more {
    margin-top: 40px
}

.new-zxxpt-wrap .teachers-wrap {
    height: 728px;
    background: #F2F6FF
}

.new-zxxpt-wrap .teachers-wrap .container {
    padding-top: 50px
}

.new-zxxpt-wrap .teachers-wrap .container .teacher-content {
    position: relative;
    padding-top: 26px
}

.new-zxxpt-wrap .teachers-wrap .container .teacher-content .teacher-swiper {
    padding: 30px 9px
}

.new-zxxpt-wrap .teachers-wrap .container .teacher-content .item {
    position: relative;
    width: 290px;
    height: 380px;
    background: #FFFFFF;
    border-radius: 10px;
    margin-right: 13px;
    cursor: pointer;
    transition: all, .3s
}

.new-zxxpt-wrap .teachers-wrap .container .teacher-content .item:hover {
    box-shadow: 0 0 12px #dfdddd;
    transform: scale(1.08);
    z-index: 99
}

.new-zxxpt-wrap .teachers-wrap .container .teacher-content .item:last-child {
    margin-right: 0
}

.new-zxxpt-wrap .teachers-wrap .container .teacher-content .item .t_bg {
    position: relative;
    width: 100%;
    height: 160px
}

.new-zxxpt-wrap .teachers-wrap .container .teacher-content .item .t_bg img {
    width: 100%;
    height: 100%
}

.new-zxxpt-wrap .teachers-wrap .container .teacher-content .item .avatar {
    position: absolute;
    overflow: hidden;
    top: 86px;
    left: 50%;
    transform: translateX(-50%);
    width: 116px;
    height: 116px;
    border-radius: 50%;
    border: 4px solid #FFFFFF
}
.new-zxxpt-wrap .teachers-wrap .container .teacher-content .item .avatar img {
    width: 100%;
    height: 100%;
}
.new-zxxpt-wrap .teachers-wrap .container .teacher-content .item .title {
    position: relative;
    text-align: center;
    height: 26px;
    font-size: 26px;
    font-weight: 400;
    color: #333333;
    line-height: 26px;
    margin-top: 61px;
    margin-bottom: 11px
}

.new-zxxpt-wrap .teachers-wrap .container .teacher-content .item .do {
    margin: 0 auto;
    width: 88px;
    height: 30px;
    line-height: 30px;
    background: #309FFE;
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    text-align: center;
    border-radius: 0px 15px 0px 15px
}

.new-zxxpt-wrap .teachers-wrap .container .teacher-content .item .views {
    position: absolute;
    bottom: 28px;
    left: 50%;
    transform: translateX(-50%);
    height: 16px;
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    line-height: 16px
}

.new-zxxpt-wrap .classes-wrap {
    height: 703px;
    background: #FFFFFF
}

.new-zxxpt-wrap .classes-wrap .container {
    padding-top: 50px
}

.new-zxxpt-wrap .classes-wrap .container .classes-content {
    position: relative;
    margin-top: 47px
}

.new-zxxpt-wrap .classes-wrap .container .classes-content .box-sw {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around
}

.new-zxxpt-wrap .classes-wrap .container .classes-content .box-sw .item-box {
    cursor: pointer;
    position: relative;
    height: 414px;
    width: 290px;
    box-sizing: border-box;
    margin-right: 14px;
    transition: all, .3s
}

.new-zxxpt-wrap .classes-wrap .container .classes-content .box-sw .item-box:last-child {
    margin-right: 0
}

.new-zxxpt-wrap .classes-wrap .container .classes-content .box-sw .item-box:hover .info {
    background: #3C77F9
}

.new-zxxpt-wrap .classes-wrap .container .classes-content .box-sw .item-box:hover .info .title {
    color: #ffffff
}

.new-zxxpt-wrap .classes-wrap .container .classes-content .box-sw .item-box:hover .info .t {
    color: #E7E7E7
}

.new-zxxpt-wrap .classes-wrap .container .classes-content .box-sw .item-box:hover .info .i {
    color: #ffffff
}

.new-zxxpt-wrap .classes-wrap .container .classes-content .box-sw .item-box:hover .info .s1 {
    display: none
}

.new-zxxpt-wrap .classes-wrap .container .classes-content .box-sw .item-box:hover .info .s2 {
    display: block
}

.new-zxxpt-wrap .classes-wrap .container .classes-content .box-sw .item-box .avatar {
    position: relative;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 30;
    width: 126px;
    height: 126px;
    border-radius: 50%;
    border: 2px solid #ffffff;
    overflow: hidden
}

.new-zxxpt-wrap .classes-wrap .container .classes-content .box-sw .item-box .avatar img {
    width: 100%;
    height: 100%
}

.new-zxxpt-wrap .classes-wrap .container .classes-content .box-sw .item-box .info {
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 350px;
    background: #FFFFFF;
    border-radius: 10px;
    border: 1px solid #D8DCE6;
    padding-top: 86px;
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: all, .3s
}
.new-zxxpt-wrap .classes-wrap .container .classes-content .box-sw .item-box .info .s1 {
    width: 200px;
    display: flex;
    flex-direction: column;
    align-items: end;
}

.new-zxxpt-wrap .classes-wrap .container .classes-content .box-sw .item-box .info .title,
.new-zxxpt-wrap .classes-wrap .container .classes-content .box-sw .item-box .info .author,
.new-zxxpt-wrap .classes-wrap .container .classes-content .box-sw .item-box .info .nums,
.new-zxxpt-wrap .classes-wrap .container .classes-content .box-sw .item-box .info .views {
    text-align: center
}

.new-zxxpt-wrap .classes-wrap .container .classes-content .box-sw .item-box .info .t {
    display: inline-block;
    width: 92px;
    text-align: right;
    height: 18px;
    font-size: 18px;
    font-weight: 400;
    color: #737373;
    line-height: 18px
}

.new-zxxpt-wrap .classes-wrap .container .classes-content .box-sw .item-box .info .i {
    margin-left: 14px;
    height: 18px;
    font-size: 18px;
    font-weight: 400;
    color: #333333;
    line-height: 18px;
    font-family: 'd-Alternate'
}

.new-zxxpt-wrap .classes-wrap .container .classes-content .box-sw .item-box .info .title {
    width: 150px;
    height: 68px;
    font-size: 24px;
    font-weight: 500;
    color: #3C77F9;
    line-height: 34px;
    margin-bottom: 47px
}

.new-zxxpt-wrap .classes-wrap .container .classes-content .box-sw .item-box .info .author {
    margin-bottom: 20px;
    width: 200px;
    display: flex;
}

.new-zxxpt-wrap .classes-wrap .container .classes-content .box-sw .item-box .info .nums {
    margin-bottom: 20px
}

.new-zxxpt-wrap .classes-wrap .container .classes-content .box-sw .item-box .info .s2 {
    position: relative;
    top: 10px;
    display: none;
    width: 160px;
    height: 48px;
    line-height: 48px;
    border: 1px solid #FFFFFF;
    font-size: 18px;
    font-weight: 400;
    color: #FFFFFF;
    text-align: center
}

.new-zxxpt-wrap .classes-wrap .container .classes-content .box-sw .item-box .info .s2 img {
    width: 9px;
    height: 12px;
    margin-left: 4px
}

.new-zxxpt-wrap .apps-wrap {
    height: 780px;
    background: #F2F6FF
}

.new-zxxpt-wrap .apps-wrap .container {
    padding-top: 40px
}

.new-zxxpt-wrap .apps-wrap .container .apps-content .next,
.new-zxxpt-wrap .apps-wrap .container .apps-content .prev {
    top: 58%
}

.new-zxxpt-wrap .apps-wrap .container .apps-content .rec_list {
    transition: transform 1.5s, all 1.5s;
    margin: 30px auto 0;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: space-around;
    width: 1200px
}

.new-zxxpt-wrap .apps-wrap .container .apps-content .rec_list>li {
    height: 610px;
    width: 380px
}

.new-zxxpt-wrap .apps-wrap .container .apps-content .recommend {
    display: flex;
    display: -webkit-flex;
    flex-direction: column
}

.new-zxxpt-wrap .apps-wrap .container .apps-content .rec_list_top {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(304deg, #178BFF 0%, #06f 100%);
    width: 100%;
    height: 80px;
    padding: 0 18px 0 30px;
    box-sizing: border-box
}

.new-zxxpt-wrap .apps-wrap .container .apps-content .rec_list_top>span {
    font-size: 24px;
    font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
    font-weight: bold;
    color: #FFFFFF
}

.new-zxxpt-wrap .apps-wrap .container .apps-content .rec_list_bot {
    padding-top: 10px;
    box-sizing: border-box;
    height: 530px;
    border: 1px solid #D8D8D8;
    background-color: #fff
}

.new-zxxpt-wrap .apps-wrap .container .apps-content .rec_list_bot>li {
    display: flex;
    cursor: pointer;
    height: 90px;
    box-sizing: border-box;
    padding: 20px 30px
}
.new-zxxpt-wrap .apps-wrap .container .apps-content .rec_list_bot>li a {
    display: flex;
    align-items: center;
}
.new-zxxpt-wrap .apps-wrap .container .apps-content .rec_list_bot>li a img{
    width: 50px;
    height: 50px;
    margin-right: 10px;
}

.new-zxxpt-wrap .apps-wrap .container .apps-content .rec_list_bot>li:hover {
    background: #F7FAFF
}

.new-zxxpt-wrap .apps-wrap .container .apps-content .rec_list_bot li>img {
    width: 50px;
    height: 50px;
    box-shadow: 0px 5px 12px 0px #C1D2E8;
    margin-right: 10px;
    border-radius: 12px
}

.new-zxxpt-wrap .apps-wrap .container .apps-content .rec_list_bot li .tit {
    font-size: 18px;
    font-family: SourceHanSansCN-Regular, SourceHanSansCN;
    font-weight: 400;
    color: #333333
}

.new-zxxpt-wrap .apps-wrap .container .apps-content .rec_list_bot li .props {
    transform: translateY(-2px)
}

.new-zxxpt-wrap .apps-wrap .container .apps-content .rec_list_bot li .admin {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    margin-top: 8px
}

.new-zxxpt-wrap .apps-wrap .container .apps-content .rec_list_bot li .admin img {
    width: 16px;
    height: 15px;
    margin-right: 8px
}

.new-zxxpt-wrap .apps-wrap .container .apps-content .rec_list_bot li .props {
    transform: translateY(-2px)
}

.new-zxxpt-wrap .apps-wrap .container .apps-content .rec_list_bot li .admin {
    display: flex;
    display: -webkit-flex;
    align-items: center
}

.new-zxxpt-wrap .apps-wrap .container .apps-content .rec_list_bot li .admin img {
    width: 16px;
    height: 15px;
    margin-right: 8px
}

.new-zxxpt-wrap .apps-wrap .container .apps-content .rec_list_bot li .admin>span {
    color: #999999;
    font-size: 14px
}

.new-zxxpt-wrap .apps-wrap .container .apps-content .rec_list_bot li:nth-child(5) {
    margin-bottom: 10px;
    position: relative
}

.new-zxxpt-wrap .apps-wrap .container .apps-content .rec_list_bot li:nth-child(5)::after {
    position: absolute;
    bottom: 0px;
    left: 20px;
    display: block;
    width: 340px;
    height: 1px;
    background: #D8D8D8;
    content: ''
}

.new-zxxpt-wrap .apps-wrap .container .apps-content .rec_list_bot .back_icon_more {
    cursor: pointer;
    box-sizing: border-box;
    margin-top: 21px;
    padding-left: 20px;
    width: 68px;
    white-space: nowrap;
    height: 22px;
    font-size: 16px;
    font-weight: 400;
    color: #207FFD;
    line-height: 22px
}

.new-zxxpt-wrap .apps-wrap .container .apps-content .rec_list_bot .back_icon_more:hover {
    color: #409eff
}