@media (max-width: 1366px) {}

@media (max-width: 1200px) {}

@media (max-width: 1024px) {}

@media (max-width: 997px) {
    .coure-info .box1 .rg .item-box .list-box .list .lock{
        margin-left: .5rem;
        line-height: .55rem;
    }
    .coure-info .box1 .lf .intro .download_btn{
        min-width: 3rem;
        width: fit-content;
        padding: .2rem .6rem;
        border-radius: .4rem;
        font-size: .5rem;
    }
    .pc-head .head-rg .logged:hover .pos-cont {
      opacity: 0;
      visibility: hidden;
      /*transform: ;*/
    }
    .wx-code{
        top: 80%;
        right: .5rem;
    }
    .banner{
        height: 70vh;
    }
    .banner .banner-img{
        height: 100%;
    }
    .about_banner_t{
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .page-box a, .page-box .prv, .page-box .next{
        width: 1.226rem;
        height: 1.226rem;
    }
    .footer{
        display: none;
    }
    .pc-head .head-rg .user-pc{
        display: none;
    }
    .pc-head .head-rg .user-head{
        margin-right: .3rem
    }
    .pc-head .head-rg .user-mb{
        display: block;
        height: 1.2rem;
        padding-bottom: .1rem;
    }
    .pc-head .head-rg .logged{
        margin-right: 0;
    }
    .menu div{
        background-color: #d9d9d9 ;
    }
    .pc-head .head-rg .user-mb img{
        height: 100%;
        width: 100%;
        object-fit: contain;
    }
    .pc-head .head-rg .logged .pic{
        width: 1.2rem;
        height: 1.2rem;
    }
    .login .form{
        width: 85%;
        padding: 2rem 1.5rem;
    }
    .main-ipt,.login .form .submit,.login .form .phone_login .code .send{
        height: 1.4rem;
        line-height: 1.4rem;
        border-radius: .7rem;
    }
    .login .form .agreement.error .tips{
        font-size: .6rem;
        margin-top: .5rem;
    }
    .login .form .phone_login .code .send.hasSend .sent{
        font-size: .6rem;
    }
    .login .form .phone_login .li .tips{
        font-size: .5rem;
    }
    .main-ipt input{
        border-radius: .7rem;
        font-size: .63rem;
    }
    .main-ipt input::placeholder{
        font-size: .63rem;
    }
    .login .form .agreement span{
        font-size: .6rem;
    }
    
    
    .main-tit{
        font-size: 1.2rem;
    }
    #index-swiper .swiper-slide{
        height: 80vh;
    }
    #index-swiper .swiper-slide .pos-cont .tit{
        font-size: 1.8rem;
        padding: 0 2.5rem;
        font-weight: 600;
    }
    #index-swiper .swiper-slide .pos-cont{
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        padding: 1rem;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items:center;
        justify-content: center;
        text-align: center;
    }
    #index-swiper .swiper-slide .pos-cont .cont{
        font-size: .5rem;
        font-weight: 500;
        font-family: "SourceHanSansCN-Medium";
    }
    #index-swiper .swiper-slide .pos-cont .more{
        font-size: .6rem;
        height: 1.2rem;
        line-height: 1.2rem;
    }
    #index-swiper .swiper-pagination .swiper-pagination-bullet{
        margin:   0 .1rem;
    }
    .main-sub{
        font-size: .6rem;
        font-family: "SourceHanSansCN-Medium";
    }
    .main-item .li{
        padding: 2rem 1rem;
        margin-bottom: 2.4rem;
       
    }
    .main-item .li .li_top{
        justify-content: center;
        border-bottom: none;
        text-align: center;
    }
    .main-item .li .li_top .top_right{
        display: none;
    }
    
    .index .box1{
        margin-top: 2.4rem;
    }
    .main-item .li .li_down{
        flex-direction: column;
    }
    .main-item .li .li_down .down_card_item .card_tit{
        line-height: 1.2;
    }
    .main-item .li .li_down .more{
        margin-top: .5rem;
        width: fit-content;
        padding: .4rem 1rem;
        height: 1.4rem;
        border-radius: .35rem;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: var(--vi);
        font-size: .8rem;
        font-family: SourceHanSansCN-Medium;
        font-weight: 500;
        align-self: center;
    }
    .index .box1 .li-box{
        margin-top: 4rem;
         margin-left: -1rem;
        margin-right: -1rem;
        
    }
    .index .box2{
        margin-top: 2.5rem;
        
    }
    .index .box2 .li-box{
        flex-direction: column;
        gap: 0;
    }
    .index .box2 .li-box .li{
        flex: none;
        height: 7.4rem;
    }
    .index .box2 .li-box .li .pos-cont{
        bottom: 1rem;
        left: 1rem;
    }
    .index .box2 .li-box .li .pos-cont .tags p{
        width: 2.3rem;
        height: .8rem;
        line-height: .8rem;
        border-radius: .4rem;
        font-size: .4rem;
    }
    .index .box2 .li-box .li .num{
        top: 1rem;
        left: 1rem;
        font-size: .5rem;
        font-weight: 500;
    }
    .index .box2 .li-box .li .pos-cont .txt{
        font-size: 1rem;
        font-weight: 500;
        margin-bottom: .25rem;
    }
    .index .box3{
        padding: 3.3rem 1rem 1.6rem;
        background: none;
    }
    .index .box3 .box3_swiper .swiper-wrapper .swiper-slide{
         border-radius: .5rem;
    }
    .index .box3 .box3_swiper .swiper-wrapper .swiper-slide .slide_cont{
        padding: .5rem;
    }
    .index .box3 .box3_swiper .swiper-wrapper .swiper-slide .slide_cont .cont_tit .tit_txt{
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        line-clamp: 4;
        font-size: .5rem;
        font-weight: 500;
        font-family: "SourceHanSansCN-Medium";
    }
    .index .box3 .box3_swiper .swiper-wrapper .swiper-slide .slide_cont .cont_source{
        font-size: .6rem;
        font-weight: 500;
        font-family: "SourceHanSansCN-Medium";
    }
    .index .box3 .box3_swiper .swiper-wrapper .swiper-slide .slide_cont .cont_tit .tit_top .tit_name{
        font-size: .6rem;
        font-weight: 500;
        font-family: "SourceHanSansCN-Medium";
    }
    .index .box4{
        background: none;
        padding: 0 1rem;
    }
    .index .box4 .box4_swiper .swiper-wrapper .swiper-slide{
        height: auto;
        
    }
    .index .box4 .box4_swiper .swiper-wrapper .swiper-slide img{
        
        height: 100%;
        width: 100%;
        object-fit: cover;
    }
    .index .box4 .box4_swiper2 .swiper-wrapper .swiper-slide{
        height: auto;
    }
    
    .index .box4 .box4_swiper{
        width: 100%;
        /*overflow: hidden;*/
    }
    .index .box4 .box4_swiper2{
        width: 100%;
        /*overflow: hidden;*/
        margin-bottom: 1rem;
    }
    .course .box{
        padding-top: 0rem;
    }
    .course .box .tab-box .tab{
        font-size: .8rem;
        font-family: SourceHanSansCN-Medium;
        font-weight: 500;
    }
    .course .box .li-box{
        margin-left: -1rem;
        margin-right: -1rem;
        margin-top: 0;
    }
    
    .course .box .li-box .li{
        padding: 2rem 0rem;
        margin-bottom: 2rem;
        
        
    }
    .course .box .li-box .li .li_top{
        justify-content: center;
        text-align: center;
        border-bottom: none;
    }
    .course .box .li-box .li .li_down{
        flex-direction: column;
    }
    .course .box .li-box .li_down .down_card_item{
        flex: 0 0 100%;
    }
    .course .box .li-box .item-box .li_down{
        flex-direction: column;
        padding: 0rem 1rem;
    }
    .course .box .li-box .item-box .li_down .more{
        
        margin-top: .5rem;
        width: fit-content;
        padding: .4rem 1rem;
        height: 1.4rem;
        border-radius: .35rem;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: var(--vi);
        font-size: .8rem;
        font-family: SourceHanSansCN-Medium;
        font-weight: 500;
        align-self: center;
    }
    .course .box .li-box .li .li_down .down_card_item{
        line-height: 1.2;
    }
    .course .box .tab-box .tab a{
        font-size: .7rem;
        font-family: SourceHanSansCN-Medium;
        font-weight: 500;
        padding: .3rem 0;
    }
    .course-info .banner .ban-intro{
        padding: 0 1rem;
    }
    
    .course-info .banner .tit{
        font-size: 1.6rem;
        font-weight: 500;
        font-family: "SourceHanSansCN-bold";
    }
    
    .coure-info .container .li-box .li{
        width: 100%;
        margin-right: 0;
        margin-bottom: 1.2rem;
        padding: 1rem 1.4rem 1rem .6rem;
        font-weight: 600;
        font-family: "SourceHanSansCN-Medium";
        border-radius: .5rem;
    }
    .coure-info .container .li-box .li .h{
        padding-bottom: .5rem;
        font-size: 1rem;
        border-bottom: .02rem solid #fff;
    }
    .coure-info .container .li-box .li .cont p{
        line-height:1.5;
        font-weight: 500;
    }
    .coure-info .container .li-box.pc{
        display: none;
    }
    .coure-info .container .li-box.mb{
        display: flex;
    }
    .coure-info .box1{
        margin-top: 0rem;
    }
    .coure-info .box1 .box{
        flex-direction: column;
        background: #000;
    }
    
    .coure-info .box1 .lf{
        width: 100%;
    }
    .coure-info .box1 .rg{
        width: 100%;
        padding: .5rem;
        padding-right:.1rem;
        margin-top: .6rem;
        margin-bottom: .6rem;
        border-radius: .4rem;
        overflow: hidden;
    }
    .coure-info .box1 .rg .item-box{
        padding-right: .4rem;
        font-family: SourceHanSansCN-Medium;
        font-weight: 500;
    }
    .coure-info .box1 .rg .item-box .list-box{
        padding: .2rem 0;
    }
    .coure-info .box1 .rg .item-box .list-box .list{
        padding: .4rem .5rem;
    }
    .coure-info .box1 .rg .item-box .list-box .list .cont .name span{
        font-size: .4rem;
        height: .6rem;
        line-height: .6rem;
        margin-right: .3rem;
    }
    .coure-info .box1 .rg .item-box .list-box .list .cont .name{
        font-size: .4rem;
    }
    .coure-info .box1 .rg .item-box .list-box .list .cont .vid-box .vid p{
        font-size: .4rem;
    }
    .coure-info .box1 .rg .item-box .list-box .list .num{
        width: 2.4rem;
    }
    .coure-info .box1 .rg .item-box .list-box .list .cont{
        display: flex;
        width: 100%;
        justify-content: space-between;
    }
    .coure-info .box2{
        margin-top: .5rem;
    }
    .coure-info .box2 .tit{
        padding: .4rem 0;
        border-bottom: .02rem solid #808080;
    }
    .user_bg_left{
        display: none;
    }
    .user{
        display: none;
    }
    .empty-bg{
        margin-top: 4rem;
    }
    .user-box .container{
        width: 100%;
        padding: 0;
    }
    .user-box .container .tab{
        margin-top: 0;
        padding: .6rem 0;
        font-size: .7rem;
        /*justify-content: space-between;*/
        font-weight: 500;
        font-family: "SourceHanSansCN-Medium";
    }
    .user-course{
        padding-top:1rem;
        margin-top: 0;
    }
    .user-course .container .page-box{
        bottom: 0;
    }
    .user-course .container .li-box .li{
        padding: .6rem .5rem;
    }
    .user-course .container .li-box .li .intro .btm .continue{
        height: .8rem;
        line-height: .8rem;
        border-radius: .4rem;
        font-size: .4rem;
        margin-top: 0;
    }
    .user-course .container .li-box .li .intro .btm{
        flex-direction: row;
        align-items: center;
    }
    .user-course .container .li-box .li .intro .btm .upload{
        width: 2.5rem;
    }
    .user-course .container .li-box .li .intro .btm .upload p{
        font-size: .4rem;
    }
    .user-course .container .li-box .li .pic .tag{
        width: 1.5rem;
        height: .6rem;
        line-height: .6rem;
        font-size: .4rem;
    }
    .user-order .container .li-box .li .total{
        font-size: .5rem;
    }
    .user-order{
        padding: 0 0 5rem;
        margin-top: 0;
    }
    .user-order .user-box .container .tit{
        display: none;
    }
    .user-order .user-box .container .tab{
        justify-content: space-between;
    }
    .user-message{
        padding: 0 0 5rem;
        margin-top: 1rem;
    }
    
    .real{
        padding-top: 1rem;
    }
    .real .container .w906{
        /*max-width: 100%;*/
    }
    .real .box1{
        padding: 1.2rem;
    }
    .real .box1 .down{
        
    }
    .real .box2 .form .li{
        flex-direction: column;
        align-items: flex-start;
    }
    .real .box2 .form .li .h{
        width: auto;
    }
    .real .box2 .form .li .upload-box{
        width: 100%;
        display: flex;
        justify-content: space-around;
    }
    .real .box2 .form .li .upload-box .list{
        flex-direction: column;
        width: 45%;
        gap: .5rem;
    }
    .real .box2 .form .li .upload-box .list .upload{
        width: 100%;
    }
    .real .box2 .form .li .upload-box .list .demo p{
        font-size: .4rem;
    }
    .real .box2 .form .li .upload-box .list .demo{
        margin-left: 0;
    }
    .real .box2 .form .li .upload-box .list .demo .img{
        width: 100%;
    }
    .real .box2 .form .li .upload-box .list .upload .tips p{
        font-size: .4rem;
    }
    .real .box2 .form .li .upload-box .list .upload .tips div{
        width: 1.4rem;
    }
    .real .btn-box .btn{
        height: 1.4rem;
        line-height: 1.2rem;
        border-radius: .7rem;
    }
    .real .box2{
        padding: 1.2rem;
    }
    .real .box2 .form .li .ipt{
        height: 1.4rem;
        border-radius:.7rem;
        width: 100%;
    }
    .real .box2 .form .li .ipt-box{
        width: 100%;
    }
    .real .box2 .form .li .ipt-box .item{
        height: 1.2rem;
        border-radius: .7rem;
    }
    .about .box1{
        padding-top: 2rem;
    }
    .about .w900{
        margin-left: 0;
        max-width: 100%;
    }
    .about .box1 .cont_txt .cont_det{
        padding: 0 1rem;
    }
    .about .box1 .cont_txt .cont_det p span{
        font-size: .6rem !important;
        font-family: SourceHanSansCN-Medium;
        font-weight: 500;
    }
    .about .box1 .cont_li{
        margin-top: 1rem;
    }
    .about .box1 .cont_li .li_item .item_left .join_bt{
        font-size: .6rem;
    }
    .about .box1 .cont_li .li_item{
        padding: 1rem;
        flex-direction: column
    }
    .about .box1 .cont_li .li_item .item_left{
        width: 100%;
        flex: none;
    }
    .about .box1 .cont_li .li_item .item_right{
        width: 100%;
    }
   .about .box1 .cont_li .li_item .item_right .right_swiper2 .swiper .swiper-wrapper, .about .box1 .cont_li .li_item .item_right .right_swiper1 .swiper .swiper-wrapper{
       width: 100%;
   }
    .activity .box1 .li-box .li .intro .more{
        display: none;
    }
    .course .top_banner{
         height: 10rem;
    }
    .works .top_banner{
        height: 10rem;
    }
    .works-dialog .works-dialog-box{
        width: 90%;
    }
    .works-dialog .works-dialog-box .box_down{
        flex-direction: column;
    }
    .works-dialog .works-dialog-box .box_down .down_icp{
        font-size: .5rem;
    }
    .works .box{
        padding: .8rem 0 1.75rem;
    }
    .works .box .item-box .item{
        width: calc((100% - 2 * .3rem ) / 3);
    }
    .works .box .tab-box .select .cur{
        height: 1rem;
        border-radius: .5rem;
        width: 3rem;
    }
    .works .box .tab-box .select .cur p{
        font-size: .62rem;
    }
    .works .box .item-box .item p{
        
    }
    .coure-info .banner .ban-intro{
        width: 90%;
    }
    .coure-info .banner .li-box{
        flex-wrap: wrap;
        gap: .3rem;
        align-items: center;
        justify-content: center;
    }
    .coure-info .banner .li-box .li{
        width: calc(50% - .15rem);
        margin-right: 0;
    }
    .coure-info .banner .li-box .li .icon{
        display: none;
    }
    .coure-info .detail_banner{
        height: 70vh;
    }
    .user-order .container .li-box .li .item .info{
        font-size: .4rem;
    }
    .coure-info .box1 .tit{
         font-family: SourceHanSansCN-bold;
        font-weight: 500;
    }
    .banner .li-box .li{
        height: auto;
        display: flex;
        flex-direction: column;
        gap:.1rem;
        padding: .3rem 1rem;        
    }
    .banner .li-box .li .h{
        font-size: .6rem;
        font-family: SourceHanSansCN-bold;
        font-weight: 600;
        margin-top: 0;
    }
    .banner .li-box .li .txt{
        font-size: .5rem;
    }
    .banner .li-box .item{
        width: 100%;
        justify-content: center;
        align-items: center;
        flex-direction: row;
        height: 1.8rem;
    }
    .banner .li-box .item .h{
        font-size: .8rem;
        color: #3c3c3c;
        font-family: SourceHanSansCN-bold;
        font-weight: 600;
    }
    .banner .li-box .item .num{
        font-size: .9rem;
        font-family: SourceHanSansCN-bold;
        font-weight: 600;
    }
    .banner .tips p{
        font-weight: 600;
        height: 1rem;
        border-radius: .3rem;
        line-height: 1rem;
        font-family: SourceHanSansCN-bold;
        font-weight: 500;
    }
    .banner .tit{
        display: flex;
        flex-direction: column;
        gap: .2rem;
        font-size: 1.5rem;
        font-family: SourceHanSansCN-bold;
        font-weight: 600;
    }
    .activity-info .time{
        font-size: .5rem;
    }
    .activity-info .tit{
        margin-bottom: .4rem;
    }
    .activity-info .back{
        height: 1.2rem;
        line-height: 1.2rem;
        border-radius: .6rem;
        width: 3rem;
    }
    .payment .pay .price{
        width: 100%;
        margin-left: 0;
    }
    .payment .pay .price .submit{
        height: 1.3rem;
        line-height: 1.3rem;
        border-radius: .65rem;
    }
    .payment .code .form .btn{
        height: 1.3rem;
        line-height: 1.3rem;
        border-radius: .65rem;
    }
    .payment .order .info{
        height: 2.5rem;
        border-radius: 12px;
    }
    .payment .order .info span{
        font-family: SourceHanSansCN-bold;
        font-weight: 600;
    }
    .payment .order .info p{
        display: flex;
        flex-direction: column;
        gap: .1rem;
        font-weight: 400;
    }
    .payment .order .info p span{
       color: #ccc;
       font-family: SourceHanSansCN-Medium;
       font-weight: 400;
    }
    .payment .order .cont .lf .pic{
        border-radius: 12px;
        overflow: hidden;
    }
    .payment .order .cont{
        margin-top: 1rem;
    }
    .user-works{
        padding: 1rem 0 5rem;
        margin-top: 0;
    }
    .user-works .container .item-box .item .item_action .delete, .user-works .container .item-box .item .item_action .show{
        width: 1.2rem;
        height: 1.2rem;
        line-height: 1.1rem;
    }
    .user-works .container .item-box .item .item_action .delete img, .user-works .container .item-box .item .item_action .show img{
        width: 50%;
        height: 50%;
    }
    .user-message .container .li-box .li{
        position: relative;
        flex-direction: column;
        gap:.4rem;
    }
    .user-message .container .li-box .li .time{
        width: 100%;
        text-align: left;
    }
    .user-message .container .li-box .li .intro .more{
        position: absolute;
        right: .6rem;
        bottom: .5rem;
        width: fit-content;
        font-size: .5rem;
        padding: .2rem .5rem;
        height: .8rem;
        line-height: .8rem;
    }
    .user-message .container .li-box .li .intro{
        width: 100%;
    }
    .user-infor{
        padding: 0 0 5rem;
        margin-top: 1rem;
    }
    .user-infor .container .form .li .ipt-box .item{
        height: 1.4rem;
        border-radius: .7rem;
    }
    .user-infor .container .form .li .ipt{
        height: 1.4rem;
        line-height: 1.4rem;
    }
    .user-infor .container .form .li .ipt input{
        border-radius: .7rem;
    }
    .upload-works .box1 .box1_title{
        width: fit-content;
    }
    .upload-works .box1 .form .li .li_select{
        height: 1.4rem;
        border-radius: .7rem;
    }
    .upload-works .box1 .form .li{
        flex-direction: column;
        align-items: flex-start;
    }
    .upload-works .box1 .form .li .ipt{
        height: 1.4rem;
        line-height: 1.4rem;
        border-radius: .7rem;
    }
    .upload-works .box1{
        padding: 1rem 0;
    }
    .upload-works .box1 .form .li .h{
        width: fit-content;
    }
    .upload-works .box1 .form .li .h > p{
        font-family: SourceHanSansCN-Medium;
        font-weight: 500;
    }
    .upload-works .box1 .form .tit_f{
        margin-left: 0;
        font-size: .8rem;
        font-family: SourceHanSansCN-bold;
        font-weight: 600;
    }
    .upload-works .box1 .form .li .ipt input::placeholder,.upload-works .box1 .form .li .textar textarea::placeholder{
        font-size: .6rem;
    }
    .upload-works .box1 .form .li .upload .tips{
        width: max-width;
    }
    .upload-works .box1 .form .li .upload2 .pic_list .upload_box{
        flex: 0 0 calc(50% - .25rem);
        aspect-ratio: 2;
        height: auto;
    }
    
    .upload-works .box1 .btn-box .btn{
        height: 1.4rem;
        line-height: calc(1.4rem - 2px );
        border-radius: .7rem;
        overflow: hidden;
    }
    .user-mobile{
        padding: 2.5rem 0 ;
    }
    .user-mobile .user{
        display: block;
    }
    .user{
        width: 100%;
        padding: 1rem 0;
    }
    .user .name{
        font-size: .9rem;
        font-family: SourceHanSansCN-bold;
        font-weight: 600;
    }
    .user .time,.user .auth p{
        font-size: .5rem;
        font-family: SourceHanSansCN-Medium;
        font-weight: 500;
    }
    .user .auth{
        width: fit-content;
        padding: .2rem .5rem;
        
    }
    .user .auth span{
        font-size: .6rem;
    }
    .user .li-box{
        border-bottom: none;
    }
    .user .li-box .li{
        border-bottom: 1px solid #2c2c2c;
        font-size: .9rem;
        height: 1.8rem;
        border-radius: 0;
        padding: 1rem 0;
        font-family: SourceHanSansCN-Regular;
        font-weight: 500;
    }
    .user .logout{
        display: block;
        width: 100%;
        height: 2rem;
        line-height: 2rem;
        border-radius: .35rem;
        font-family: SourceHanSansCN-Medium;
        font-weight: 500;
        background-color: var(--vi);
        color: #000;
        font-size: .9rem;
        text-align: center;
    }
    
    
}