.win-scroll ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    background: transparent;
}

.win-scroll ::-webkit-scrollbar-thumb {
    background-color: #c3c7ca;
    border-radius: 6px;
    border: 2px solid transparent;
    background-clip: padding-box;
}
.color-black {
    color: #000000;
}
.el-tooltip__popper {
    font-size: 15px;
    font-weight: 500;
}
.white-box-shadow {
    /*transition: all .2s;*/
    cursor: pointer;
}
.white-box-shadow:hover {
    box-shadow: 2px 4px 16px #00000029;
    transform: translate3d(0, -2px, 0) scale(1.01);
    border: 1px solid #ff0000;
}
.no-border-shadow {
    /*transition: all .2s;*/
}
.no-border-shadow:hover {
    box-shadow: 2px 4px 16px #00000029;
    transform: translate3d(0, -2px, 0) scale(1.01);
    /*border: 1px solid #ff0f23;*/
}
.gant-padding {
    padding: 0 12px;
}
.content-layer {
    max-width: 1846px;
    margin: 0 auto;
}
.el-button.is-loading:before {
    background-color: transparent;
}
.el-button--text {
    padding: 0;
}
@keyframes firework{
    0%{opacity:0;stroke-dashoffset:8}
    30%{opacity:1}
    to{stroke-dashoffset:-8}
}
@keyframes unspin {
    40% {
        stroke-width: 1px;
        stroke-linecap: square;
        stroke-dashoffset: 192
    }

    to {
        stroke-width: 0
    }
}
@keyframes round-scroll {
    100% {
        transform: rotate(1turn);
    }
}
@keyframes scale-up-center {
    0% {
        transform: scale(.01)
    }

    to {
        transform: scale(1)
    }
}
@keyframes stroke {
    to {
        stroke-dashoffset: 0
    }
}
.free-happy {
    position: fixed;
    right: 10px;
    top: 200px;
    z-index: 888;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #3067FF;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding: 10px;
    display: flex;
    align-items: center;
    text-align: center;
    cursor: pointer;
}
.free-happy:hover {
    background: #0E33C2;
}

.o-home {
    visibility: hidden;
    min-width: 1440px;
    /*min-width: 1790px;*/
}
.o-home .oh-container {
    display: flex;
    /*background: #F8F9FB;*/
}
.o-home .oh-container.scroll-over-fix {
    padding-left: 64px;
}
.o-home .oh-container.scroll-over-fix.open {
    padding-left: 180px;
}
.o-home .oh-container.scroll-over {
    padding-left: 64px;
}
.o-home .oh-container.scroll-over.open {
    padding-left: 180px;
}
.o-home .oh-container .oh-slider {
    background: #ffffff;
    width: 64px;
    height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 132px 8px 8px;
    border-right: 1px solid #E8E8E8;
}

.o-home .oh-container.scroll-over-fix .oh-slider{
    position: fixed;
    top: 0;
    left: 0;
}
.o-home .oh-container.scroll-over .oh-slider{
    position: fixed;
    top: 0;
    left: 0;
}
.o-home .oh-container .oh-slider .slider-label {
    display: none;
    animation: scale-up-center .3s cubic-bezier(.55, .085, .68, .53) both;
}
.o-home .oh-container .oh-slider.open .slider-label {
    display: block;
    margin-left: 16px;
}
.o-home .oh-container .oh-slider.open .my-label {
    visibility: visible;
}
.o-home .oh-container .oh-slider .my-label {
    visibility: hidden;
}
.o-home .oh-container .oh-slider.open .oh-slider-my .slider-label {
    margin-left: 0;
}
.o-home .oh-container .oh-slider .nowrap {
    white-space: nowrap;
}
.o-home .oh-container .oh-slider.open {
    width: 180px;
}
.slider-toggle-icon {
    position: absolute;
    right: -24px;
    top: 200px;
    width: 24px;
    height: 66px;
    border-radius: 0 10px 10px 0;
    background: #F8F9FB;
    -webkit-box-shadow: 3px 0 3px 0 rgba(0, 0, 0, .1);
    box-shadow: 3px 0 3px 0 rgba(0, 0, 0, .1);
    z-index: 33;
}
.slider-toggle-icon1 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 46px;
    height: 42px;
    padding: 12px;
}
.slider-toggle-icon1 .line{
    width: 100%;
    height: 2px;
    background: #555;
    transition: all .2s;
}
.slider-toggle-icon1:hover .line {
    background: #0D6CDD;
}
.o-home .oh-container .oh-slider .line-divider {
    height: 1px;
    margin: .7rem 0;
}
.o-home .oh-container .oh-slider .slider-item {
    height: 50px;
    padding: 10px;
    border-radius: 40px;
    margin-bottom: 5px;
    transition: all .3s;
}
.o-home .oh-container .oh-slider.open .slider-item {
    padding: 10px 13px;
}
.o-home .oh-container .oh-slider .slider-item:hover {
    background: #f2f8fe;
}
.o-home .oh-container .oh-slider .oh-slider-my{
    width: calc(100% + 16px);
    height: 72px;
    margin-left: -8px;
    padding: .15rem 0 .15rem 18px;
    animation: scale-up-center .3s cubic-bezier(.55, .085, .68, .53) both;
    border-bottom: 1px solid rgba(145, 145, 145, .3);
}
.o-home .oh-container .oh-content {
    width: calc(100% - 180px);
    padding: 0 0 40px 0;
    /*min-width: 1640px;*/
}
.oh-content .oh-content-nav {
    height: 62px;
    padding: 0 30px;
    border-bottom: 1px solid rgba(145,145,145,.3);
}
.oh-content .oh-content-nav .oh-nav-item {
    position: relative;
    width: 200px;
}
.oh-content .oh-content-nav .oh-nav-item:hover {
    background: linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.6)), url(../../images/siteHome/ohome/img/nav-bg-0.png) no-repeat;
    box-shadow: 0 4px 0 0 #ffffff;
    color: #fff;
    font-size: 20px;
}
.oh-content .oh-content-nav .oh-nav-item:hover .iconfont{
    color: #fff;
}
.oh-content .oh-content-nav .oh-nav-item.active {
    background: url(../../images/siteHome/ohome/img/nav-bg-0.png) no-repeat;
    box-shadow: 0 4px 0 0 #ffffff;
}
.oh-content .oh-content-nav .oh-nav-item.active1 {
    background: url(../../images/siteHome/ohome/img/nav-bg-1.png) no-repeat;
    box-shadow: 0 4px 0 0 #ffffff;
}
.oh-content .oh-content-nav .oh-nav-item.active2 {
    background: url(../../images/siteHome/ohome/img/nav-bg-2.png) no-repeat;
    box-shadow: 0 4px 0 0 #ffffff;
}
.oh-content .oh-content-nav .oh-nav-item.active3 {
    background: url(../../images/siteHome/ohome/img/nav-bg-3.png) no-repeat;
    box-shadow: 0 4px 0 0 #ffffff;
}
.oh-content .oh-content-nav .oh-nav-item.active4 {
    background: url(../../images/siteHome/ohome/img/nav-bg-4.png) no-repeat;
    box-shadow: 0 4px 0 0 #ffffff;
}
.oh-content .oh-content-nav .oh-nav-item.active:after {
    content: '';
    position: absolute;
    right: -29px;
    bottom: -11px;
    height: 70px;
    width: 29px;
    background: url(../../images/siteHome/ohome/img/nav-shadow.png) no-repeat;
}
.oh-app-container {
    display: flex;
    flex-wrap: wrap;
    padding: 12px 30px 0;
    row-gap: 12px;
    column-gap: 12px;
    align-content: start;
}
.oh-app-container .oh-app-item {
    width: 140px;
    padding: 8px 0;
}
.oh-app-container .oh-app-placeholder {
    width: 216px;
}
.oh-app-container .oh-app-item .app-item-box {
    /*background: url("../../images/siteHome/ohome/img/app-bg.png") no-repeat;*/
    /*background-size: 100% 100%;*/
    text-align: center;
    /*padding: 14px;*/
    /*padding-top: .1rem;*/    /* padding-top: .1rem; */
    display: inline-block;
    padding: 8px;
}
.oh-app-container .oh-app-item .app-item-box .img-box {
    width: 90px;
    height: 90px;
    margin: 0 auto;
}
.oh-app-container .oh-app-item .app-item-box img{
    height: auto;
}
.oh-app-container .oh-app-item .app-item-box .title {
    margin-top: 10px;
    /*display: -webkit-box;*/
    /* -webkit-box-orient: vertical; */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    /* -webkit-line-clamp: 2; */
    width: 100%;
}
.oh-app-container .oh-app-item .app-item-box:hover .title {
    /*color: #009FFF;*/
}
.oh-app-toggle-box {
    width: 32px;
    height: 96px;
    padding: 5px 0;
    right: 0;
    top: 290px;
    box-shadow: 0 4px 24px 0 rgba(92, 144, 189, 0.24);
    border-radius: 4px 0 0 4px;
}
.oh-app-toggle-box .check-more-p{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 20px;
    line-height: 1.2;
}
.oh-app-toggle-box .check-more-p i{
    transform: rotate(90deg);
}
.oh-app-toggle-box .round-box {
    width: 100%;
    display: flex;
    justify-content: center;
    height: 36px;
    border-bottom: 1px solid #F0F3F8;
}
.oh-app-toggle-box .round-icon {
    width: 52px;
    height: 52px;
    padding-right: 10px;
    transform: rotate(90deg);
}
.oh-app-toggle-box .round-icon.active {
    transform: rotate(270deg);
    padding-left: 10px;
    padding-right: 0;
}
.oh-app-toggle-box .round-icon:hover {
    background: #009FFF;
    color: #ffffff;
}
.oh-app-toggle-box .round-icon:hover i {
    animation: cc 1.5s linear 0s infinite;
}
@keyframes cc {
    0%{transform:translate(0);opacity:0;}
    20%{transform:translate(3px);opacity:1;}
    80%{transform:translate(6px);opacity:1;}
    90%{transform:translate(6px);opacity:0;}
    100%{transform:translate(6px);opacity:0;}
}
.new-home-banner {
    height: 200px;
    border-radius: 12px;
}
.oh-recommend-container .oh-r-content{
    height: 330px;
    gap: 20px;
    /*background: url("../../images/siteHome/ohome/img/recommend-bg.png") 100% 100%;*/
    background: linear-gradient(180deg, #F2F8FF, #F2F8FF);
    background-size: cover;
}
.oh-recommend-container .oh-r-content .recommend-part-body {
    height: 250px;
}
.oh-recommend-container .oh-r-content .recommend-act {
    width: 390px;
}
.oh-recommend-container .oh-r-content .recommend-act .img-hover-box{
    width: 390px;
    height: 250px;
}
.oh-recommend-container .oh-r-content .recommend-act .slider-item-title {
    width: 270px;
    bottom: 14px;
    left: 14px;
}
.oh-recommend-container .new-home-banner .swiper-pagination,
.oh-recommend-container .oh-r-content .recommend-act .swiper-pagination {
    padding-right: 14px;
}
.oh-recommend-container .new-home-banner .swiper-pagination-bullet,
.oh-recommend-container .oh-r-content .recommend-act .swiper-pagination-bullet {
    background: #FFFFFF;
    opacity: 1;
}
.oh-recommend-container .new-home-banner .swiper-pagination-bullet-active,
.oh-recommend-container .oh-r-content .recommend-act .swiper-pagination-bullet-active {
    background: #FF0000;
}
.oh-recommend-container .oh-r-content .recommend-act .swiper-button-prev {
    width: 30px;
    height: 40px;
    border-radius: 0 8px 8px 0;
    background: rgba(0, 0, 0, .6);
    left: 0;
}
.oh-recommend-container .oh-r-content .recommend-act .swiper-button-prev:after {
    font-size: 14px;
    color: white;
}
.oh-recommend-container .oh-r-content .recommend-act .swiper-button-next {
    width: 30px;
    height: 40px;
    border-radius: 8px 0 0 8px;
    background: rgba(0, 0, 0, .6);
    right: 0;
}
.oh-recommend-container .oh-r-content .recommend-act .swiper-button-next:after {
    font-size: 14px;
    color: white;
}
.oh-recommend-container .oh-r-content .col-box{
    display: flex;
    flex-direction: column;
    width: 30%;
    height: 100%;
    gap: 28px;
}
.oh-recommend-container .oh-r-content .recommend-course{
    width: calc(100% - 850px);
}
.oh-recommend-container .oh-r-content .course-item:hover{
    color: #009FFF;
}
.oh-recommend-container .oh-r-content .course-item .order{
    width: 22px;
    height: 22px;
}
.oh-recommend-container .oh-r-content .course-item .title{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.oh-recommend-container .oh-r-content .course-item .hot{
    width: 24px;
    height: 24px;
    border: 1px solid #FFAE00;
}
.oh-recommend-container .oh-r-content .recommend-books {
    width: 460px;
}
.oh-recommend-container .recommend-books-list .recommend-title {
    height: 50px;
}
.oh-recommend-container .oh-r-content .recommend-books-swiper {
    height: 332px;
    padding: 20px 3px;
}
.oh-recommend-container .recommend-books-swiper-item {
    text-align: center;
    transition: all .3s;
}
.oh-recommend-container .recommend-books-swiper-item .img-box{
    height: 230px;
    margin-bottom: 10px;
}
.oh-recommend-container .recommend-books-swiper-item img{
    height: auto;
    min-height: 100%;
}
/*.oh-recommend-container .recommend-books-swiper-item.swiper-slide-active {*/
/*    transform: scale(1.3);*/
/*}*/
.oh-recommend-container .recommend-books-swiper-item .img-box {
    box-shadow: 0 1px 3px 1px rgba(0,0,0,.2),0 3px 5px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
}
.oh-resource-tab {
    margin-bottom: 20px;
    margin-left: 0;
}
.oh-resource-tab .tab-content {
    margin-left: 80px;
    gap: 30px;
}
.oh-resource-tab.sub-style .tab-content {
    margin-left: 0;
}
.oh-resource-tab .tab-content .line-box {
    visibility: hidden;
    gap: 4px;
    margin-top: 2px;
    display: none;
}
.oh-resource-tab .tab-content .tab-item.active:before {
    /*content: '';*/
    /*position: absolute;*/
    /*left: 0;*/
    /*bottom: -8px;*/
    /*width: 100%;*/
    /*height: 20px;*/
    /*background: radial-gradient(#b1e1ff, transparent);*/
    /*border-radius: 90px;*/
    /*transform: rotateX(53deg);*/
}
.oh-resource-tab .tab-content .tab-item {
    box-sizing: border-box;
    background: rgb(249 249 249);
    color: rgba(109, 114, 120, 1);
    border-radius: 15px;
    border: 1px solid rgba(109, 114, 120, .3);
    padding: 0 20px;
    height: 30px;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.oh-resource-tab .tab-content .tab-item.split {
    margin-right: 30px;
}
.oh-resource-tab .tab-content .tab-item.split:not(:last-child)::after {
    content: "";
    display: block;
    width: 1px;
    height: 30px;
    background: rgba(109, 114, 120, .3);
    position: absolute;
    right: -30px;
}
.oh-resource-tab .tab-content .tab-item:hover,
.oh-resource-tab .tab-content .tab-item.active {
    background: linear-gradient(to right, #5b78f4, #5b98f4);
    color: #fff;
    border: none;
}
.oh-resource-tab .tab-content .tab-item.active .line-box{
    visibility: visible;
}
.oh-resource-tab .tab-content .line-box .line-item {
    border-radius: 3px;
}
.oh-resource-tab .line-box .line-1 {
    height: 5px;
    width: 2px;
}
.oh-resource-tab .line-box .line-2 {
    height: 11px;
    width: 3px;
}
.oh-resource-tab .line-box .line-3 {
    height: 16px;
    width: 4px;
}
.oh-resource-content .student-res,
.oh-resource-content .moral-class,
.oh-resource-content .sport-class,
.oh-resource-content .art-class,
.oh-resource-content .labor-class {
    display: flex;
    flex-wrap: wrap;
    row-gap: 20px;

    /*max-width: 1655px;*/
    margin: 0 auto;
}
.oh-resource-content .study-class .shrink-1{
    animation: 0.2s ease 0s 1 normal none running scale-up-center;
}

.oh-resource-content .class-item {
    width: 20%;
    padding: 0 10px;
    animation: 0.2s ease 0s 1 normal none running scale-up-center;
}
.oh-resource-content .class-item.student-res-item {
    width: 20%;
}
.oh-resource-content .class-item .img-box {
    width: 390px;
    height: 205px;
    max-width: 100%;
}
.oh-resource-content .class-item.student-res-item .img-box {
    width: 100%;
    height: 360px;
    max-width: 100%;
}
.oh-resource-content .class-item p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    line-height: 35px;
}
.oh-resource-content .class-item:hover {
    color: #EA5F49;
}
.second-class-box {
    max-width: 1655px;
    margin: 0 auto;
}
.second-class-box .s-class-item {
    height: 126px;
}
.study-title {
    margin-top: 40px;
}
.study-title .label{
    font-size: 22px;
    color: #000000;
}
.study-title .sub-label {
    color: #999999;
    font-size: 16px;
    margin-left: 36px;
}
.study-title .tip {
    color: #EA5F49;
    margin: 0 5px;
}
.study-sub-title {
    background: linear-gradient(to right, #5b78f4, #5b98f4);
    color: #fff;
    height: 30px;
    border-radius: 15px;
    padding: 0 20px;
    font-size: 14px;
}
.class-item-border-box {
    border: 1px solid rgba(109, 114, 120, .3);
    border-radius: 10px;
    overflow: hidden;
}
.class-item-border-box:hover {
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.15);
}
.class-item-border-box .info {
    padding: 10px 10px 15px 10px;
}
.class-item-border-box .info .sub-title{
    color: #696969b5;
    font-size: 14px;
}
.class-item-border-box:hover .img-box-mask {
    opacity: 1;
}
.class-item-border-box:hover .img-box-mask .play-icon {
    transform: scale(1);
}
.student-know-box {
    background: #f7f8fa;
    padding: 30px 12px 40px 12px;
}
.img-box-mask {
    position: absolute;
    color: rgba(255, 255, 255, .8);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    background: rgba(0, 0, 0, .35);
    font-size: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .25s;
}
.img-box-mask .play-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, .8);
    transition: all .25s;
    transform: scale(1.5);
}
.empty-box {
    width: 100%;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    background: url(../../images/siteHome/ohome/img/teach-icon-5.png) no-repeat center;
    background-size: 100px;
}
.empty-box::after {
    content: "暂无数据";
    font-size: 14px;
    color: #B2B4BC;
    transform: translateY(60px);
}
.empty-box.study::after {
    content: "无超过预估时长的学生";
    font-size: 14px;
    color: #B2B4BC;
    transform: translateY(60px);
}

.identity-list .identity-item {
    padding: 0 10px;
    height: 40px;
}
.identity-list .identity-item:hover {
    color: #009FFF;
}
.oh-read-detail-box {
    height: 140px;
}
.oh-read-detail-box .today-read  {
    width: 249px;
    height: 100%;
    background: url("../../images/siteHome/ohome/img/read-bg.png");
}
.oh-read-detail-box  .today-detail-item {
    height: 50px;
}
.oh-read-detail-box  .today-detail-item .icon {
    margin-right: 20px;
    width: 50px;
    height: 50px;
}
.oh-read-detail-box-study {
    height: 0;
    overflow: hidden;
    padding: 0 20px;
    background: #eff1f1;
    transition: all .2s;
}
.oh-read-detail-box-study .chart-box {
    background: #fff;
    border-radius: 15px;
    padding: 8px;
}
.oh-read-detail-box-study.open {
    height: 394px;
    padding: 20px;
    border: 1px solid #E1EAF7;
}
.oh-read-detail-box-study .part{
    height: 352px;
}
.oh-read-detail-box-study .sub-title {
    height: 40px;
    padding: 0 30px;
}
.oh-read-detail-box-study .detail-box-study-charts {
    height: calc(100% - 40px);
}
.oh-read-detail-box-study .rank-tab .filter-item{
    width: 80px;
}
.oh-read-detail-box-study .rank-tab .move{
    width: 80px;
}

.today-detail-item .icon i{
    font-size: 24px;
}
.today-detail-item.one .icon{
    background: #F2F8FF;
    color: #009FFF;
}
.today-detail-item.two .icon{
    background: #E2FDF5;
    color: #2FC27B;
}
.today-detail-item.three .icon{
    background: #FDEFEF;
    color: #FF9696;
}
.today-detail-item.four .icon{
    background: #FFF6E8;
    color: #FF9C00;
}
.oh-read-detail-box  .read-grand-detail {
    height: 140px;
    background: linear-gradient(180deg, #F2F8FF, #F2F8FF);
    border-radius: 6px 0 0 6px;
}
.grand-detail-head {
    height: 50px;
    background: #E5EEF9;
}
.grand-detail-head .title {
    width: 150px;
    height: 50px;
    background: linear-gradient(to right,#68C2F9,#4895F8);
    border-radius: 6px 0 20px 0;
}
.grand-detail-box {
    height: 100px;
}
.grand-tab-item {
    padding: 0 12px;
}
.grand-tab-item:not(:last-child):after {
    content: "";
    position: absolute;
    right: 0;
    height: 13px;
    width: 1px;
    background: #bdbdbd;
    top: 50%;
    transform: translateY(-50%);
}
.read-detail-one-info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.read-detail-one-info .nowrap {
    white-space: nowrap;
}
    /*助乡村start*/
 .oh-guide-content {
     height: 6.52rem;
     gap: .4rem;
     background: url(../../images/siteHome/ohome/img/county-guide-bg.png) no-repeat;
     padding: .6rem 1.46rem;
 }
 .oh-guide-content .guide-cover{
     width: 460px;
     height: 5.32rem;
 }
 .oh-guide-content .guide-swiper{
     width: 8.9rem;
     height: 5.32rem;
     padding: 20px 30px;
     background: rgb(198, 208, 224);
 }
 .oh-guide-content .check-guide-btn {
     width: 100px;
     height: 32px;
     border-radius: 16px;
     left: 50%;
     bottom: -13px;
     z-index: 32;
     transform: translate(-50%);
 }
 .oh-guide-content .check-guide-btn:hover {
     background: #3bc8f3;
 }
.oh-guide-content .guide-swiper .swiper-button-prev {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid rgb(170, 218, 255);
    background: #ffffff;
    left: -16px;
    box-shadow: 0 4px 24px 0 rgba(0, 159, 255, 0.24);
}
.oh-guide-content .guide-swiper .swiper-button-prev:after {
    font-size: 14px;
    color: rgb(61, 61, 61);
}
.oh-guide-content .guide-swiper .swiper-button-next {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid rgb(170, 218, 255);
    background: #ffffff;
    right: -16px;
    box-shadow: 0 4px 24px 0 rgba(0, 159, 255, 0.24);
}
.oh-guide-content .guide-swiper .swiper-button-next:after {
    font-size: 14px;
    color: rgb(61, 61, 61);
}
.oh-video-content {
    display: flex;
    flex-wrap: wrap;
    row-gap: 20px;
}
.oh-video-content .video-item {
    width: 20%;
    padding: 0 10px;
}
.oh-video-content .video-item .v-item-box{
    border: 1px solid rgb(201, 215, 229);
    padding: 14px;
    height: 280px;
}
.oh-video-content .video-item .v-item-box:hover{
    box-shadow: 0 0 10px 0 rgba(4, 0, 0, 0.2);
}
.oh-video-content .video-item .v-item-box .img-box {
    height: 158px;
}
.oh-video-content .video-item .v-item-box .title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    line-height: 1.5;
    height: 48px;
}
.oh-case-content {
    height: 5.44rem;
    padding: .6rem 1.16rem;
    gap: .16rem;
    background: url(../../images/siteHome/ohome/img/county-case-bg.png) no-repeat;
    background-size: cover;
}
.oh-case-content .case-cover {
    width: 730px;
    padding: 12px;
    box-shadow: 0 4px 20px 0 rgba(131, 183, 225, 0.3);
}
.oh-case-content .case-list{
    display: flex;
    flex-direction: column;
    width: 660px;
}
.oh-case-content .case-list .case-item{
    height: 1.3rem;
    padding: .12rem;
    box-shadow: 0 4px 20px 0 rgba(131, 183, 225, 0.3);
}
.oh-case-content .case-list .case-item .img-box{
    width: 1.3rem;
}
.oh-case-content .case-list .case-item .case-item-info{
    width: calc(100% - 1.4rem);
    display: flex;
    flex-direction: column;
}
.oh-case-content .case-list .case-item .case-item-info .desc{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    line-height: 1.5;
    height: 46px;
}
.oh-case-content .case-list .case-item:hover p{
    color: #009FFF;
}
    /*助乡村发展end*/
/*助教start*/
.oh-teaching-content {
    height: 242px;
    background: rgb(222, 239, 255);
}
.oh-teaching-content .tip {
    width: 1rem;
    height: 44px;
    border-radius: 4px 0 4px 0;
}
.oh-teaching-content .one {
    background: url("../../images/siteHome/ohome/img/teach-bg1.png") no-repeat;
    background-size: cover;
    margin-right: 20px;
}
.oh-teaching-content .two {
    background: url("../../images/siteHome/ohome/img/teach-bg2.png") no-repeat;
    background-size: cover;
    margin-right: 20px;
}
.oh-teaching-content .three {
    background: url("../../images/siteHome/ohome/img/teach-bg3.png") no-repeat;
    background-size: cover;
}
.oh-teaching-content .one .tip {
    background: rgb(0, 159, 255);
}
.oh-teaching-content .two .tip {
    background: rgb(254, 128, 62);
}
.oh-teaching-content .three .tip {
    background: rgb(20, 199, 119);
}
.oh-teaching-content .teach-item-box .btn {
    width: 1.15rem;
    height: 42px;
    border-radius: 24px;
    margin-right: 14px;
    cursor: pointer;
}
.oh-teaching-content .teach-item-box .btn:last-child {
    margin-right: 0;
}
.oh-teaching-homework-box {
    height: 0;
    overflow: hidden;
    transition: all .2s;
}
.oh-teaching-homework-box.open {
    /*height: 1234px;*/
    height: auto;
}
.oh-teaching-homework,
.oh-teaching-read-box,
.oh-teaching-homework-overview {
    padding: 20px;
    background: #F8F9FC;
    border: 1px solid #E1EAF7;
}
.oh-teaching-read-box .sub-title{
    margin: 16px 0;
}
.oh-teaching-read-box .part-one{
    height: 76px;
    gap: 20px;
}
.oh-teaching-read-box .part-one-1{
    width: 286px;
    border: 1px solid #C4DAFE;
    background: linear-gradient(to right, #D5E8FF, #FFFFFF);
}
.oh-teaching-read-box .part-one-2{
    width: 394px;
    border: 1px solid #FDD0F8;
    background: linear-gradient(to right, #FFEBFB, #FFFFFF);
}
.oh-teaching-read-box .part-one-3{
    width: 394px;
    border: 1px solid #FCDDB3;
    background: linear-gradient(to right, #FEEDD4, #FFFFFF);
}
.oh-teaching-read-box .read-rank-box {
    display: flex;
    flex-wrap: wrap;
    column-gap: 16px;
}
.oh-teaching-read-box .read-rank-item{
    width: calc(50% - 8px);
    height: 70px;
    border: 1px solid #E1EAF7;
    background: #ffffff;
    padding-left: 18px;
    padding-right: 2rem;
}
.oh-teaching-read-box .read-rank-item .order {
    border-radius: 50px;
    width: 40px;
    height: 40px;
    background: #009FFF;
    color: #ffffff;
    font-size: 18px;
}
.oh-teaching-container .split-line {
    width: 1px;
    height: 36px;
    background: rgba(255, 255, 255, .7);
}
.oh-teaching-homework .part-one {
    gap: 20px;
    height: 120px;
}
.oh-teaching-homework .part-one .img{
    background: rgba(255, 255, 255, .4);
}
.oh-teaching-homework .part-one .part-one-1 {
    width: 862px;
    gap: .36rem;
    background: linear-gradient(to right, #0191FF, #01B9FF);
}
.oh-teaching-homework .part-one .part-one-1::after {
    content: '';
    position: absolute;
    bottom: -33px;
    right: 28px;
    width: 1.4rem;
    height: 1.2rem;
    background: url("../../images/siteHome/ohome/img/teach-icon-1.png") no-repeat;
    background-size: cover;
    z-index: -1;
}
.oh-teaching-homework .part-one .part-one-2 {
    width: 353px;
    gap: .36rem;
    background: linear-gradient(to right, #03AB60, #14C777);
}
.oh-teaching-homework .part-one .part-one-2::after {
    content: '';
    position: absolute;
    bottom: -19px;
    right: -15px;
    width: 1.2rem;
    height: .85rem;
    background: url("../../images/siteHome/ohome/img/teach-icon-11.png") no-repeat;
    background-size: cover;
    z-index: -1;
}
.oh-teaching-homework .part-one .part-one-3 {
    width: 353px;
    gap: .36rem;
    background: linear-gradient(to right, #FF5901, #FFBA96);
}

.oh-teaching-homework .part-one .part-one-3::after {
    content: '';
    position: absolute;
    bottom: -19px;
    right: -15px;
    width: 1.2rem;
    height: .85rem;
    background: url("../../images/siteHome/ohome/img/teach-icon-10.png") no-repeat;
    background-size: cover;
    z-index: -1;
}
.oh-teaching-homework .part-two,
.oh-teaching-homework .part-three,
.oh-teaching-homework .part-four
{
    padding: 0 20px 20px 20px;
    height: 392px;
}
.oh-teaching-homework .part-two .part-two-main,
.oh-teaching-homework .part-three .part-three-main,
.oh-teaching-homework .part-three .part-three-charts,
.oh-teaching-homework .part-three .part-three-info,
.oh-teaching-homework .part-four .part-four-main
{
    height: calc(100% - 40px);
}
.oh-teaching-homework .sub-title,
.oh-teaching-homework-overview .sub-title{
    height: 40px;
}
.oh-teaching-homework .part-two .part-two-charts{
    width: 490px;
}
.oh-teaching-homework .el-progress__text {
    color: #ffffff;
    font-size: 18px!important;
}
.oh-teaching-homework .part-two .part-two-info{
    width: calc(100% - 490px);
    border: 1px solid #E4E3E3;
}
.oh-teaching-homework .part-two .part-two-info .study-level-box{
    width: 30%;
}
.oh-teaching-homework .part-two .part-two-info .study-level-item{
    height: 25%;
    background: #F8F9FC;
    color: #282828;
    border-top: 1px solid #E4E3E3;
    border-right: 1px solid #E4E3E3;
}
.oh-teaching-homework .part-two .part-two-info .study-level-item:first-child{
    border-top: transparent;
}
.oh-teaching-homework .part-two .part-two-info .study-level-item.active{
    color: #009FFF;
    border-right: transparent;
    background: #ffffff;
}
.oh-teaching-homework  .study-member-box{
    width: 70%;
    padding: 14px 22px;
    display: flex;
    flex-wrap: wrap;
    align-content: start;
}
.oh-teaching-homework .study-member-item{
    width: 30%;
    margin-right: 5%;
    height: 50px;
    margin-bottom: 4px;
    border: 1px solid #E4E3E3;
    padding: 0 14px;
}
.oh-teaching-homework .study-member-item:nth-child(3n){
    margin-right: 0;
}
.oh-teaching-homework .part-three .part-three-info{
    border: 1px solid #E4E3E3;
    background: #F8F9FC;
}
.oh-teaching-homework .part-four {
    max-height: 606px;
    height: auto;
}
.oh-teaching-homework-overview .part-one {
    display: flex;
    padding-right: 100px;
    align-items: center;
    justify-content: space-around;
    height: 120px;
    background: linear-gradient(to right, #0191FF, #01B9FF);
}
.oh-teaching-homework-overview .part-one::after {
    content: '';
    position: absolute;
    bottom: -33px;
    right: 28px;
    width: 1.4rem;
    height: 1.2rem;
    background: url(../../images/siteHome/ohome/img/teach-icon-1.png) no-repeat;
    background-size: cover;
    z-index: -1;
}
.oh-teaching-homework-overview .el-select {
    width: 160px;
}
.oh-teaching-homework-overview .part-two {
    padding: 10px 20px 20px 20px;
    height: 392px;
}
.oh-teaching-homework-overview .part-two-main,
.oh-teaching-homework-overview .part-two-charts {
    height: calc(100% - 40px);
}
/*助教end*/
/*助管start*/
.plat-data-one {
    height: 295px;
    gap: 15px;
}
.plat-data-one .ident-data-item {
    padding: 20px;
    width: 16%;
}
.oh-plat-data-container .el-progress-bar__inner {
    background: linear-gradient(to right, #05b2c4, #3ec294);
}
.plat-data-one .ident-data-item .base-info{
    display: flex;
    flex-direction: column;
}
.plat-data-one .ident-data-item .avatar{
    width: 80px;
    height: 80px;
    border-radius: 50%;
}
.oh-plat-data-container {
    background: #eff1f1;
}
.oh-plat-data-container .bg-title {
    padding-left: 12px;
    height: 60px;
    font-size: 22px;
    color: #000000;
}
.oh-plat-data-container .icon {
    width: 36px;
    height: 36px;
}
.oh-plat-data-container .icon0 {
    background: url("../../images/siteHome/ohome/img/bg-title-icon0.png") no-repeat;
    background-size: contain;
}
.oh-plat-data-container .icon1 {
    background: url("../../images/siteHome/ohome/img/bg-title-icon1.png") no-repeat;
    background-size: contain;
}
.oh-plat-data-container .icon2 {
    background: url("../../images/siteHome/ohome/img/bg-title-icon2.png") no-repeat;
    background-size: 24px 24px;
    background-position: center 7px;
}
.oh-plat-data-content {
    padding: 0 12px;
}
.oh-plat-data-content .teacher-num{
    margin-right: 10px;
}
.oh-plat-data-content .status-rate{
    color: #47CA93FF;
}
.oh-plat-data-content .status-rate.down {
    color: rgba(251, 125, 124, 1);
}
.oh-plat-data-content .status-rate.up i{
    width: 7px;
    height: 12px;
    background: url("../../images/siteHome/ohome/img/arrow-up.png");
}
.oh-plat-data-content .status-rate.down i{
    width: 7px;
    height: 12px;
    background: url("../../images/siteHome/ohome/img/arror-down.png");
}
.plat-data-one .ident-data-item .avatar.avatar2 {
    background-image: url("../../images/siteHome/ohome/img/def-photo-0.png");
    background-repeat: no-repeat;
    background-size: cover;
}
.plat-data-one .ident-data-item .avatar.avatar3 {
    background-image: url("../../images/siteHome/ohome/img/def-photo-1.png");
    background-repeat: no-repeat;
    background-size: cover;
}
.plat-data-one .ident-data-item .avatar.avatar4 {
    background-image: url("../../images/siteHome/ohome/img/def-photo-2.png");
    background-repeat: no-repeat;
    background-size: cover;
}



.oh-plat-data-content .circle{
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #0191FF;
}
.plat-data-two {
    padding: 18px;
    height: 340px;
    border-radius: 15px;
    background: #fff;
}
.plat-data-two .plat-data-two-box {
    height: calc(100% - 23px);
}
.plat-data-app-box {
    height: 390px;
    gap: 15px;
}
.plat-data-app-box .app-box-item {
    width: 16%;
    padding: 18px;
    border-radius: 15px;
    background: #fff;
}
.plat-data-app-box .app-box-item .total-box {
    display: flex;
    flex-direction: column;
}

.plat-data-app-box .app-box-item .chat-top {
    display: flex;
    justify-content: center;
}
.plat-data-app-box .app-box-item .chat-top.gradient .el-progress-circle__path {
    stroke: url(#gradient); /* 引用 SVG 渐变 */
}
.plat-data-app-box .app-box-item .chat-top.gradient-two .el-progress-circle__path {
    stroke: url(#gradientTwo); /* 引用 SVG 渐变 */
}
.plat-data-app-box .app-box-item .chat-top.gradient-three .el-progress-circle__path {
    stroke: url(#gradientThree); /* 引用 SVG 渐变 */
}
.plat-data-app-box .app-box-item .chat-top .el-progress__text{
    font-weight: bold;
    width: 80px;
    height: 80px;
    /*border: 1px solid #a9acb0;*/
    border-radius: 50%;
    font-size: 16px!important;
    left: 18px;
    top: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.plat-data-app-box .app-box-item .chat-top .el-progress-circle__track{
    stroke: #EBEEF5;
}
.back-anal-circle .el-progress__text{
    font-size: 16px;
    color: #12c8d9;
    font-weight: bold;
}
.back-anal-circle .el-progress-circle__track{
    stroke: #EBEEF5;
}
.back-anal-circle .el-progress-circle__path{
    stroke: url(#gradient); /* 引用 SVG 渐变 */
}
.plat-data-app-box .app-box-item .circle-title {
    width: 100%;
    bottom: 30px;
    left: 0;
    text-align: center;
    font-size: 14px;
}
.plat-data-app-box .app-box-item .mini-app-list {
    gap: 10px;
    margin-top: 20px;
}
.plat-data-app-box .app-box-item .mini-app-item {
    cursor: pointer;
}
.plat-data-app-box .app-box-item .mini-app-item .img{
    width: 40px;
    height: 40px;
}
.plat-data-app-box .app-box-item .mini-app-item .mini-title{
    font-size: 12px;
}
.plat-app-rank-month {
    background: #fff;
    padding: 18px;
    border-radius: 15px;
    background: rgba(255, 255, 255, 0.8);
}
.plat-app-rank-month-box {
    padding-top: 10px;
    gap: 50px;
}
.plat-app-rank-month-box .plat-app-rank {
    width: 33%;
    background: rgba(255, 255, 255, 0.8);
}
.plat-data-four .area-chat{
    background: #fff;
    padding: 18px;
    border-radius: 15px;
}
.plat-data-four .area-chat-box {
    height: 280px;
}
.area-chat-box .chart-legend {
    z-index: 99;
    left: 50%;
    top: 0;
    gap: 12px;
    font-weight: 400;
    transform: translate(-50%);
}
.area-chat-box .chart-legend .chart-legend-item {
    gap: 8px;
}
.area-chat-box .chart-legend .chart-legend-item .icon{
    width: 20px;
    height: 14px;
    border-radius: 2px;
    background: #eff1f1;
    transition: all .2s;
    text-align: center;
    line-height: 14px;
    color: #fff;
}
.area-chat-box .chart-legend .chart-legend-item.active .icon{
    background: #10bddc;
}
.plat-chart-box {
    width: 100%;
    height: 280px;
    border-radius: 4px;
}
.plat-black-bord {
    padding: 0 12px 24px;
    height: 734px;
}
.back-bord-box{
    gap: 15px;
}
.back-bord-box .back-bord-item {
    width: calc(33.3% - 10px);
    padding: 16px;
    border-radius: 15px;
    background: rgba(255, 255, 255, 0.7);
}
.back-bord-box .back-bord-item .back-anal-box {
    height: 250px;
    margin-bottom: 10px;
}
.back-bord-box .back-bord-item .back-anal-box .chart-info{
    bottom: 24px;
}
.back-anal-box .icon-color{
    width: 15px;
    height: 8px;
    margin: 0 5px;
}
.back-anal-box .icon-color.icon-color-1{
    background: #40C392;
}
.back-anal-box .icon-color.icon-color-2{
    background: #1DB2CC;
}
.back-anal-box .icon-color.icon-color-3{
    background: #F0C730;
}
.back-anal-box .icon-color.icon-color-4{
    background: #EE6857;
}
.back-bord-box .back-bord-item .back-rank-chart{
    height: 320px;
}
.plat-app-rank-container {
    border-radius: 15px;
    gap: 15px;
}
.plat-app-rank-container .plat-app-rank{
    width: calc(33.3% - 10px);
    height: 344px;
    padding: 16px 24px;
    border-radius: 15px;
    background: rgba(255, 255, 255, 0.7);;
}
.plat-app-rank-container .plat-app-rank.shadow-rank{
    height: 374px;
}
.plat-app-rank-container .plat-app-rank:last-child{
    margin-right: 0;
}
.plat-app-rank-container .plat-app-rank .rank-head{
    color: #183173;
}
.plat-app-rank {
    background: #ffffff;
}
.plat-app-rank.bg-one .rank-num,
.plat-app-rank.bg-one .rank-name {
    color: #183173;
}
.plat-app-rank.bg-two .rank-num,
.plat-app-rank.bg-two .rank-name {
    color: #002745;
}
.plat-app-rank.bg-three {
    background: #ffe0f6;
}
.plat-app-rank.bg-three .rank-num,
.plat-app-rank.bg-three .rank-name {
    color: #7E0363;
}
.plat-app-rank .rank-list .rank-item{
    height: 48px;
    margin-bottom: 4px;
    padding: 0 10px;
    background: #fff;
}
.plat-app-rank .rank-list .rank-item .rank-num{
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    border-radius: 4px;
    margin-right: 20px;
    background: rgba(228, 241, 255, 1);
    color: rgba(1, 145, 255, 1);
}
.plat-app-rank .rank-list .show-rank.item-index-0 .rank-num{
    background: url("../../images/siteHome/ohome/img/rank-top-1.png") no-repeat;
    background-size: contain;
}
.plat-app-rank .rank-list .show-rank.item-index-1 .rank-num{
    background: url("../../images/siteHome/ohome/img/rank-top-2.png") no-repeat;
    background-size: contain;
}
.plat-app-rank .rank-list .show-rank.item-index-2 .rank-num{
    background: url("../../images/siteHome/ohome/img/rank-top-3.png") no-repeat;
    background-size: contain;
}
.plat-app-rank .rank-list .rank-item .rank-name{
    width: calc(100% - 268px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.plat-app-rank .rank-list .rank-item .progress-box{
    width: 80px;
    flex-shrink: 0;
}
.plat-app-rank .rank-list .rank-item .rank-count{
    width: 80px;
}
.plat-app-rank .rank-list .rank-item .status-rate{
    width: 53px;
}
.rank-tab {
    background: linear-gradient(to right, #05b2c4, #3ec294);
    height: 36px;
}
/*.rank-style-1 {*/
/*    background: #26CF3C;*/
/*}*/
/*.rank-style-2 {*/
/*    background: #F09828;*/
/*}*/
.rank-tab .filter-item {
    width: 48px;
    height: 100%;
}
.rank-tab .filter-item.active {
    color: #11b5b9;
}
/*.rank-tab.rank-style-1 .filter-item.active {*/
/*    color: #26CF3C;*/
/*}*/
/*.rank-tab.rank-style-2 .filter-item.active {*/
/*    color: #F09828;*/
/*}*/
.rank-tab .move {
    position: absolute;
    bottom: 4px;
    width: 48px;
    height: 26px;
    transition: all .3s;
    z-index: 0;
}
.shadow-rank .rank-list {

}

.oh-space-container {
    height: 746px;
    margin-top: 32px;
    padding-top: 10px;
    background: url(../../images/siteHome/ohome/img/space-bg.png) no-repeat;
    background-size: cover;
}
.oh-space-tab {
    width: 220px;
    height: 42px;
    border: 1px solid #009FFF;
}
.oh-space-tab .move.left {
    left: 0;
    top: 0;
}
.oh-space-tab .move.right {
    left: 110px;
    top: 0;
}
.oh-space-content {
    padding: 0 40px;
}
.space-org-swiper .space-edu-arrow {
    position: absolute;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: rgba(0, 0, 0, .6);
    top: 234px;
}
.space-org-swiper .org-swiper-btn-prev {
    left: -30px;
}
.space-org-swiper .org-swiper-btn-next {
    right: -30px;
}
.oh-space-swiper {
    height: 620px;
    padding-bottom: 100px;
}
.oh-space-swiper .swiper-pagination-bullet {
    background: #ffffff;
    width: 12px;
    height: 12px;
    opacity: 1;
    box-shadow: 0 4px 12px 0 rgba(0, 159,255,.24);
}
.oh-space-swiper .swiper-pagination-bullet-active {
    background: rgb(0, 159, 255);
    box-shadow: 0 4px 12px 0 rgba(0, 159,255,.24);
}
.oh-space-swiper .swiper-slide{
    display: flex;
    flex-wrap: wrap;
}
.oh-space-swiper .space-item {
    width: 25%;
    padding: 0 10px;
    height: 236px;
}
.oh-space-swiper .space-item-box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border: 1px solid #D3ECFF;
    box-shadow: 0 4px 24px 0 rgba(209, 235, 255, 0.32);
    padding: 16px 20px;
}
.oh-space-swiper .space-item-box:hover p {
    color: #009FFF;
}
.oh-space-swiper .img-box{
    width: 100%;
    height: 158px;
}
.oh-space-swiper .check-more{
    position: absolute;
    left: 50%;
    bottom: 50px;
    transform: translateX(-50%);
}
.oh-space-swiper .check-more:hover{
    color: #009FFF;
}

/*助管end*/
/*助研start*/
.oh-training-content {
    padding-top: 42px;;
    min-height: 200px;
}
.oh-training-content .oh-training-tab{
    top: 1px;
    left: 30px;
    height: 42px;
    gap: 12px;
}
.oh-training-tab .training-tab-item {
    width: 110px;
    border-radius: 4px 4px 0 0;
    border: 1px solid rgb(225, 234, 247);
    border-bottom: none;
    color: rgb(40, 40, 40);
}
.oh-training-tab .training-tab-item.active {
    font-weight: bold;
    color: rgb(0, 159, 255);
    background: rgb(248, 249, 252);
}
.oh-training-content .oh-training-main {
    background: rgb(248, 249, 252);
    padding: 10px;
    border: 1px solid rgb(225, 234, 247);
    display: flex;
    flex-wrap: wrap;
    /*max-height: 540px;*/
    overflow: hidden;
}
.oh-training-main .oh-training-item{
    width: 20%;
    height: 256px;
    padding: 10px;
}
.oh-training-item-box {
    padding: 14px 18px;
    box-shadow: 0 4px 24px 0 rgba(0, 159, 255, 0.12);
}
.oh-training-item-box:hover  .title{
    color: #009FFF;
}
.oh-training-item-box .logo-img{
    height: 96px;
    width: 100%;
}
.oh-training-item-box .logo-img00{
    background: url("../../images/siteHome/ohome/img/activity-0-0.jpg") no-repeat;
    background-size: cover;
    background-position: bottom;
}
.oh-training-item-box .logo-img01{
    background: url("../../images/siteHome/ohome/img/activity-0-1.jpg") no-repeat;
    background-size: cover;
    background-position: bottom;
}
.oh-training-item-box .logo-img02{
    background: url("../../images/siteHome/ohome/img/activity-0-2.jpg") no-repeat;
    background-size: cover;
    background-position: bottom;
}
.oh-training-item-box .logo-img03{
    background: url("../../images/siteHome/ohome/img/activity-0-3.jpg") no-repeat;
    background-size: cover;
    background-position: bottom;
}
.oh-training-item-box .logo-img10{
    background: url("../../images/siteHome/ohome/img/activity-1-0.jpg") no-repeat;
    background-size: cover;
    background-position: bottom;
}
.oh-training-item-box .logo-img11{
    background: url("../../images/siteHome/ohome/img/activity-1-1.jpg") no-repeat;
    background-size: cover;
    background-position: bottom;
}
.oh-training-item-box .logo-img12{
    background: url("../../images/siteHome/ohome/img/activity-1-2.jpg") no-repeat;
    background-size: cover;
    background-position: bottom;
}
.oh-training-item-box .logo-img13{
    background: url("../../images/siteHome/ohome/img/activity-1-3.jpg") no-repeat;
    background-size: cover;
    background-position: bottom;
}
.oh-training-item-box .logo-img20{
    background: url("../../images/siteHome/ohome/img/activity-2-0.jpg") no-repeat;
}
.oh-training-item-box .logo-img21{
    background: url("../../images/siteHome/ohome/img/activity-2-1.jpg") no-repeat;
}
.oh-training-item-box .logo-img22{
    background: url("../../images/siteHome/ohome/img/activity-2-2.jpg") no-repeat;
}
.oh-training-item-box .logo-img23{
    background: url("../../images/siteHome/ohome/img/activity-2-3.jpg") no-repeat;
}
.oh-training-item-box .title {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.oh-training-item-box .status {
    top: 0;
    left: 0;
    width: 52px;
    height: 28px;
    border-radius: 8px 0 8px 0;
}
.oh-training-item-box .warning-box {
    height: 32px;
    border-radius: 32px;
    background: rgb(255, 248, 230);
    border: 1px solid rgb(252, 238, 205);
    padding-left: 10px;
    color: rgb(250, 100, 1);
}
.oh-training-item-box.after-class .warning-box,
.oh-training-item-box.after-class .status{
    display: none;
}
.oh-community-content {
    background: rgb(248, 249, 252);
    border: 1px solid rgb(225, 234, 247);
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
    min-height: 200px;
    max-height: 342px;
    overflow: hidden;
}
.oh-community-content .oh-community-item {
    width: 20%;
    height: 160px;
    padding: 10px;
}
.oh-community-item-box:hover .title{
    color: #009FFF;
}
.oh-community-item-box .logo-box{
    width: 70px;
}
.oh-community-item-box .logo-box .logo-img {
    width: 70px;
    height: 70px;
    background: rgb(0, 159, 255);
}
.oh-community-item-box .logo-box .tag {
    height: 26px;
    border-radius: 13px;
    border: 1px solid #ffffff;
    margin-top: -8px;
    background: linear-gradient(to right, rgb(250, 157, 57),rgb(255, 124, 124));
}
.oh-community-item-box .logo-box .tag.low-tag {
    background: linear-gradient(to right, rgb(0, 159, 255),rgb(57, 180, 255));
}
.oh-community-item-box .logo-box .tag.low-tag i {
    display: none;
}
.oh-community-item-box .community-info{
    width: calc(100% - 90px);
}
.oh-workroom-content {
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
    min-height: 200px;
    background: url("../../images/siteHome/ohome/img/recommend-bg.png") 100% 100%;
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    max-height: 428px;
    overflow: hidden;
}
.oh-workroom-content .oh-workroom-item {
    width: 25%;
    height: 205px;
    padding: 10px;
}
.oh-workroom-content .oh-workroom-item:hover .title{
    color: #009FFF;
}
.oh-workroom-content .oh-workroom-item .workroom-img {
    width: 126px;
}
.oh-workroom-content .oh-workroom-item .workroom-img0 {
    background: url("../../images/siteHome/ohome/img/workroom-0.png");
    background-size: cover;
}
.oh-workroom-content .oh-workroom-item .workroom-img1 {
    background: url("../../images/siteHome/ohome/img/workroom-1.png");
    background-size: cover;
}
.oh-workroom-content .oh-workroom-item .workroom-img2 {
    background: url("../../images/siteHome/ohome/img/workroom-2.png");
    background-size: cover;
}
.oh-workroom-content .oh-workroom-item .workroom-img3 {
    background: url("../../images/siteHome/ohome/img/workroom-3.png");
    background-size: cover;
}
.oh-workroom-content .oh-workroom-item .workroom-info {
    width: calc(100% - 146px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.oh-workroom-item .workroom-info .desc{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    line-height: 1.5;
    height: 60px;
}
    /*助研end*/

.my-iframe {
    width: 0;
    height: 0;
    position: fixed;
    top: -200px;
}
.o-home .el-carousel__arrow {
    background: rgba(31,45,61, .6);
}
.o-home .el-carousel__mask {
    z-index: 44;
}
.ai-service {
    position: fixed;
    right: 0;
    top: 230px;
    z-index: 8989;
    width: 88px;
    height: 88px;
    background: rgb(0, 159, 255);
}
.ai-service img{
    width: 45px;
    height: 52px;
}
.ai-robot {
    width: 26px;
}
.tucao-icon {
    width: 20px;
}
.alone-part {
    margin-top: 87px;
    padding-top: 10px;
}
.alone-part::before {
    content: "";
    display: block;
    width: calc(100% + 16px);
    height: 1px;
    background: rgba(145, 145, 145, .3);
    transform: translateX(-8px) translateY(-10px);
}

@media screen and (max-width: 1440px)  {
    .oh-r-content .col-box.col-center {
        display: none;
    }
}
@media screen and (max-width: 1500px)  {
    .oh-community-content .oh-community-item,
    .oh-training-main .oh-training-item {
        width: 33%;
    }
}
@media screen and (max-width: 1600px)  {
    .oh-r-content .col-box.col-right {
        display: none;
    }
    .app-box-item:nth-last-child(-n+2),
    .ident-data-item:nth-last-child(-n+2) {
        display: none;
    }
}
@media screen and (max-width: 1760px)  {
    .chart-fit {
        display: none;
    }
    .oh-resource-content .class-item {
        width: 25%;
    }
    .oh-resource-content .class-item.out-item {
        display: none;
    }
    .ident-data-item:last-child {
        display: none;
    }
    .study-member-item img {
        display: none;
    }
    .oh-community-content .oh-community-item,
    .oh-training-main .oh-training-item {
        width: 25%;
    }
    .oh-workroom-content .oh-workroom-item {
        width: 33%;
    }
}
@media screen and (max-width: 1880px)  {
    .app-box-item:last-child {
        display: none;
    }
}

.chatbox-close {
    background: url('../../chatBox/close-icon.png') no-repeat center center;
}
.chatbox-icon  {
    background: url('../../chatBox/frame-icon.png') no-repeat center center;
}