nav{
    top: -80px;
    transition: all .3s ease-out;
    opacity: 0;
}
.oxy-nav{
    background: linear-gradient(180deg, #23262f 50%, #f8f9fa 50%,#f8f9fa 100%);
    line-height: 40px;
    border-bottom: 1px solid #efefef;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 99998;
    transition: all .3s ease-out;
}
.oxy-nav .logo img{
    height: 28px;
    margin: 6px 0;
}
.oxy-nav .logo span{
    color: #fff;
    font-size: 18px;
    display: block;
    padding-left: 30px;
    position: relative;
}
.oxy-nav .logo span::before{
    content: '';
    display: block;
    width: 1px;
    height: 16px;
    background: #fff;
    position: absolute;
    top: 12px;
    left: 15px;
}
.oxy-nav .logo .oe-nav{
    background: #ff6a00;
    position: absolute;
    right: 0;
    top: 18px;
    padding: 0 16px;
    cursor: pointer;
    box-shadow: inset 0 0 20px 0 rgba(0, 0, 0, .3);
    border-radius: 4px;
}
.oxy-nav .menu{
    gap: 30px;
    font-size: 1rem;
}
.oxy-nav .menu a.active{
    color: #ff6a00;
}
.oxy-nav-height{height:80px}
.article_article .article-text h2:not(:first-child){
    font-size: 20px;
    font-weight: 400;
    color: #ff6a00;
}
.article_article .article-text h2:nth-child(n+4){
    margin-top: 30px;
}
.article_article .article-text h3{
    font-size: 18px;
    font-weight: 400;
}
.article_article .article-text h4{
    font-size: 16px;
    font-weight: 400;
}
.oxy-index-banner{
    gap: 1.5rem;
    margin: 3.6rem auto;
    overflow: hidden;
}
.oxy-index-banner .swiper-container{
    flex: 3;
    border-radius: 10px;
}
.oxy-index-banner .swiper-slide .cover-img{
    height: 100%;
}
.oxy-index-banner .swiper-slide .text{
    position: absolute;
    left: 40px;
    top: 30%;
    transform: translateY(-50%);
    display: none;
}
.oxy-index-banner .video{
    flex: 1;
}
.oxy-index-banner .video .item{
    margin-top: 1.5rem;
}
.oxy-index-banner .video .img{
    border-radius: 10px;
}
.oxy-index-video,.oxy-index-expert{
    background: #f8f9fa;
    padding: 3rem 0 3.6rem;
    overflow: hidden;
}
.oxy-index-news,.oxy-index-live,.oxy-index-salon{
    margin: 3rem auto 3.6rem;
    overflow: hidden;
}
.oxy-index-video .row,.oxy-index-news .row{
    row-gap: 1.5rem;
}
.oxy-index-video ul,.oxy-index-skill .tab_li{
    gap: 20px;
}
.oxy-index-video ul li,.oxy-index-skill .tab_li li{
    border-bottom: 1px solid transparent;
    cursor: pointer;
    margin-bottom: -1px;
}
.oxy-index-video ul .active,.oxy-index-skill .tab_li .active{
    border-color: #ff6a00;
    color: #ff6a00;
}
.oxy-index-video .list .col-lg-2:nth-child(n + 7){
    display: none;
}
.oxy-index-video .item .img::after{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
}
.oxy-index-video .item .img .info{
    position: absolute;
    width: 100%;
    padding: 10px;
    justify-content: space-between;
    left: 0;
    bottom: 0;
    color: #fff;
    z-index: 2;
    font-size: 12px;
    line-height: 1;
}
.oxy-index-video .item .info i::before,.oxy-index-news .item .info i::before{
    margin-right: 3px;
}
.oxy-index-video .item span{
    padding-top: 5px;
    display: block;
}
.oxy-index-news .flex{
    gap: 20px;
}
.oxy-index-news .item{
    display: block;
    position: relative;
    border-radius: 5px;
    border: 1px solid #d8d8d8;
    padding: 10px;
}
.oxy-index-news .item .img{
    width: 30%;
    background: #000;
}
.oxy-index-news .item .text{
    position: absolute;
    top: 10px;
    right: 10px;
    width: calc(70% - 25px);
}
.oxy-index-news .item .text p{
    color: #666;
    padding-top: 10px;
}
.oxy-index-news .item .info{
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: calc(70% - 25px);
    justify-content: space-between;
    font-size: 12px;
    color: #666;
    line-height: 1;
}
.oxy-index-news .item .icon{
    background: linear-gradient(273deg, #F05611 0%, #FF6C03 100%);
    color: #fff;
    padding: 3px 15px;
    font-size: 9px;
    position: absolute;
    top: 30px;
    left: -4px;
    z-index: 10;
    border-radius: 0 15px 15px 0;
}
.oxy-index-news .item .icon::before{
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    margin: 0 0 -2px 0;
    border-width: 2px;
    border-style: solid;
    border-color: #8b2600 #8b2600 transparent transparent;
}
.oxy-index-skill,.oxy-index-rank{
    padding: 1.5rem;
    background: #f8f9fa;
    height: 100%;
}
.oxy-index-skill .tab_li{
    border-bottom: 1px solid #d8d8d8;
}
.oxy-index-skill .tab_con{
    position: absolute;
    opacity: 0;
    z-index: -1;
}
.oxy-index-skill .tab_con.active{
    position: relative;
    z-index: 1;
    opacity: 1;
}
.oxy-index-skill .right{
    width: 212px;
}
.oxy-index-skill .right span{
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    padding: 3px 10px;
    background: rgba(0,0,0,.4);
    color: #fff;
}
.oxy-index-skill .left{
    flex: 1;
}
.oxy-index-skill .left a{
    display: block;
    line-height: 1;
}
.oxy-index-rank .item{
    line-height: 1;
    align-items: center;
}
.oxy-index-rank .item i{
    display: block;
    font-size: 22px;
    width: 30px;
    text-align: center;
    color: #d8d8d8;
}
.oxy-index-skill .left a:not(:first-child),.oxy-index-rank .item{
    margin-top: 15px;
}
.oxy-index-rank .item:nth-child(2){
    margin-top: 1.5rem;
}
.oxy-index-rank .item:nth-child(2) i{
    color: #ff6a00;
}
.oxy-index-rank .item:nth-child(3) i{
    color: #FDC531;
}
.oxy-index-rank .item:nth-child(4) i{
    color: #CDE9D8;
}
.oxy-index-rank .item.active{
    /*height: calc(100% - 261px - 3.9rem);*/
}
.oxy-index-rank .item .img{
    width: 90px;
    display: none;
}
.oxy-index-rank .item>.flex{
    width: calc(100% - 30px);
}
.max-line-1{
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box;
}
.oxy-index-rank .item.active .text{
    padding-left: 10px;
    position: relative;
}
.oxy-index-rank .item .text span{
    position: absolute;
    color: #666;
    left: 10px;
    bottom: 0;
    display: none;
    font-size: 12px;
}
.oxy-index-rank .item.active .text{
    width: calc(100% - 90px);
}
.oxy-index-rank .item.active .img,.oxy-index-rank .item.active .text span{
    display: block;
}
.oxy-index-live .item{
    display: block;
}
.oxy-index-live .item .text{
    position: absolute;
    background: rgba(0,0,0,.6);
    padding: 3px 10px;
    left: 0;
    bottom: 0;
    color: #fff;
    width: 100%;
}
.oxy-index-expert .swiper-slide{
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
    height: auto;
    width: calc(25% - 18px);
}
.oxy-index-expert .swiper-slide .img{
    padding-bottom: 68%;
}
.oxy-index-expert .swiper-slide .text{
    padding: 20px;
}
.oxy-index-expert .max-line-2{
    height: 37px;
    font-size: 12px;
    margin:5px auto 15px;
}
.oxy-index-expert .swiper-slide .text p{
    color: #666;
    padding-top: 17px;
    border-top: 1px solid #d8d8d8;
    position: relative;
}
.oxy-index-expert .swiper-slide .text p::before{
    content: '';
    display: block;
    width: 40px;
    height: 1px;
    background: #ff6a00;
    position: absolute;
    top: -1px;
    left: calc(50% - 20px);
    transition: all .2s linear;
}
.oxy-index-salon .box{
    gap: 1.5rem;
}
.oxy-index-salon .item{
    border-radius: 10px;
}
.oxy-index-salon .item:nth-child(1){
    flex: 13;
    min-width: 60%;
    padding-bottom: 25%;
}
.oxy-index-salon .item:nth-child(2){
    flex: 5;
    min-width: 20%;
}
.oxy-index-salon .item:nth-child(3),.oxy-index-salon .item:nth-child(4),.oxy-index-salon .item:nth-child(5){
    flex: 6;
    min-width: 30%;
    padding-bottom: 20%;
}
.oxy-index-salon .item h4{
    position: absolute;
    width: 100%;
    padding: 10px;
    background: rgba(0,0,0,.4);
    color: #fff;
    font-size: 16px;
    left: 0;
    bottom: 0;
    margin: 0;
}

.article_oxy-live{
    padding: 30px 0;
    background: linear-gradient(180deg, rgba(248,249,250,0) 0, #f8f9fa 100%);
}
.article_oxy-live h2{
    margin-bottom: 30px;
}
.article_oxy-live .box{
    margin-bottom: -6px;
}
.article_oxy-live .box video{
    width: 100%;
}
.article_oxy-live .about .left{
    flex: 1;
    padding: 30px;
    background: #f2f2fa;
    min-width: min(320px, 100%);
}
.article_oxy-live .about .left p{
    margin-top: 30px;
    text-align: justify;
}
.article_oxy-live .about .right{
    flex: 3;
    padding: 30px;
    background: #fff;
}
.article_oxy-live .about .right .bg{
    padding: 20px 0 20px 20px;
    background: url('/skin/img/oxy/live_table_bg.png') no-repeat;
    background-size: cover;
    background-position: right bottom;
    margin-top: 20px;
}
.article_oxy-live .about table{
    width: 100%;
    position: relative;
    font-weight: bold;
}
.article_oxy-live .about table::before{
    content: '';
    display: block;
    height: calc(100% - 20px);
    width: 1px;
    background: #ff6a00;
    position: absolute;
    left: -15px;
    top: 10px;
}
.article_oxy-live .about em{
    display: block;
    font-weight: normal;
    color: #666;
}
.article_oxy-live .about tr{
    position: relative;
}
.article_oxy-live .about tr::before{
    content: '';
    display: block;
    height: 11px;
    width: 11px;
    border-radius: 100%;
    background: #fff;
    border: 2px solid #ff6a00;
    position: absolute;
    left: -20px;
    top: calc(50% - 5px);
}
.article_oxy-live .about tr:not(:first-child){
    box-shadow: 0 -1px 1px 0 #d8d8d8;
}
.article_oxy-live .about td{
    padding: 10px;
}
.article_oxy-live .about td:first-child{
    color: #ff6a00;
}
.article_oxy-live .context{
    justify-content: space-between;
    margin-top: 20px;
}

.video-list-banner{max-height:70vh;overflow:hidden;}
.video-list-banner::before{content:'';display:block;width:100%;padding-bottom:56%;}
.video-list-banner video{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;}
.video-list-banner::after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.85) 100%);}
.video-list-box{padding:3.6rem 0}
.video-list-box ul{
    margin-bottom: 1.5rem;
}
.video-list-box ul li{
    border-bottom: 1px solid #fff;
    cursor: pointer;
}
.video-list-box ul .active{
    border-color:  #ff6a00;
    color:  #ff6a00;
}
.video-list-box .flex,.live-list-box .banner>.flex{
    gap: 1.5rem;
}
.video-list-box .item{
    width: calc(20% - 1.2rem);
}
.video-list-box .item .img{
    border-radius: 10px;
}
.video-list-box .item .info{
    position: absolute;
    justify-content: space-between;
    padding: 0 10px;
    width: 100%;
    left: 0;
    bottom: 5px;
    color: #fff;
}
.video-list-box .item .info i{
    font-size: 12px;
}
.video-list-box .item a,.news-list-box .item a,.live-list-box .item a,.theses-list-box .item a,.video-article-other .item a{
    position:absolute;top:0;right:0;bottom:0;left:0;
}
.video-article{
    padding: 1.5rem 0;
    background: #f3f4f5;
}
.video-article-box{
    width: calc(100% - 300px);
    background: #fff;
}
.video-article-box .info{
    padding: 30px;
    margin-top: -6px;
}
.video-article-other{
    width: calc(300px - 1.5rem);
    margin-left: 1.5rem;
    padding: 0 1.5rem 1.5rem;
    background: #fff;
    gap: 20px;
}
.video-article-other>h5{
    line-height: 1;
    margin: 20px 0 0;
    width: 100%;
}
.video-article-other .item{
    width: 100%;
    position: relative;
}
.video-article-box .info span,.video-article-box .info p{
    gap: 15px;
    color: #666;
    font-size: 12px;
    margin-top: 5px;
}
.video-article-other .item .flex{
    gap: 15px;
    color: #666;
    font-size: 12px;
}
.video-article-context{
    width: 100%;
    justify-content: space-between;
    margin-top: 15px;
}

.news-list-box{
    padding: 3.6rem 0;
    background: linear-gradient(180deg, #fff 0%, #f8f9fa 100%);
}
.news-list-box .row,.live-list-box .row{
    row-gap: 1.5rem;
}
.news-list-box .channel{
    gap: 20px;
    margin-bottom: 30px;
}
.news-list-box .channel a{
    border-bottom: 1px solid transparent;
}
.news-list-box .channel .active{
    border-bottom: 1px solid #ff6a00;
    color: #ff6a00;
}
.news-list-box .item{
    height: 100%;
    padding: 20px;
    border: 1px solid #d8d8d8;
    background: #fff;
    border-radius: 5px;
    position: relative;
}
.news-list-box .item .img{
    width: 30%;
}
.news-list-box .item .text{
    width: 70%;
    padding-left: 15px;
    position: relative;
}
.news-list-box .item .info{
    justify-content: space-between;
    position: absolute;
    bottom: 0;
    row-gap: 8px;
}
.news-list-box .item .info span{
    display: block;
    width: 50%;
    line-height: 1;
    font-size: 12px;
    color: #666;
}
.news-list-box .item .info .color-vi{
    color: #ff6a00;
}
.news-list-box .item .info span:nth-child(even){
    text-align: right;
}

.live-list-box{
    background:#f8f9fa;
    padding-bottom: 3.6rem;
}
.live-list-box .banner{
    padding:3.6rem 0;
    background-image: url('/skin/img/oxy/live_banner.jpg');
    background-size: cover;
    background-position: center;
}
.live-list-box .banner .left{
    width: calc(79.5% - .75rem);
}
.live-list-box .banner .left .swiper-slide::before{
    content: '';
    display: block;
    width: 100%;
    padding-bottom: 56.25%;
}
.live-list-box .banner .left img{
    display: block;
    position: absolute;
    height: 100%;
    min-width: 100%;
    object-fit: cover;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .2s linear;
}
.live-list-box .banner .right{
    width: calc(20.5% - .75rem);
    background: rgba(255, 255, 255, .4);
    backdrop-filter: blur(30px);
}
.live-list-box .banner .right .box{
    padding: 20px;
    height: 100%;
    width: 100%;
}
.live-list-box .banner .right .item{
    width: 100%;
    height: calc(25% - 15px);
    position: relative;
}
.live-list-box .banner .right .active{
    box-shadow: 0 0 0 2px #ff6a00;
}
.live-list-box .banner .right .active::after{
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 0 solid transparent;
    border-right: 10px solid #ff6a00;
    position: absolute;
    left: -10px;
    top: calc(50% - 8px);
}
.live-list-box .banner .right .item:not(:first-child){
    margin-top: 20px;
}
.live-list-box .banner .right .img{
    width: 100%;
    height: 100%;
}
.live-list-box .banner .right .img::after{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,.4);
}
.live-list-box .banner .right .active .img::after{
    background: rgba(0,0,0,0);
}
.live-list-box .banner .right span{
    position: absolute;
    left: 5px;
    bottom: 5px;
    font-size: 12px;
    color: #fff;
    z-index: 3;
    line-height: 1;
}
.live-list-box h2{
    margin: 3.6rem auto 30px;
}
.live-list-box .row .item{
    background: #fff;
    width: 100%;
    height: 100%;
    position: relative;
}
.live-list-box .row .item .text{
    padding: 20px;
    padding-bottom: 60px;
}
.live-list-box .row .item .info{
    position: absolute;
    left: 20px;
    bottom: 18px;
    font-size: 12px;
    color: #666;
    column-gap: 20px;
}
.live-list-box .row .item h7{
    font-size: 16px;
}
.live-list-box .row .item span:first-child{
    display: block;
    width: 100%;
}

.theses-list-banner{
    background: linear-gradient(180deg, rgba(0,0,0,.4) 0, rgba(0,0,0,.4) 100%), url('/skin/img/oxy/theses_banner.jpg');
    background-size: cover;
    background-position: center;
    padding: 5vmax 0;
}
.theses-list-banner .flex{
    justify-content: center;
    align-items: center;
}
.theses-list-banner .flex input{
    line-height: 37px;
    border: none;
    width: 240px;
    vertical-align: text-bottom;
    outline: none;
    padding: 0 10px;
}
.theses-list-banner .flex span{
    background: #ff6a00;
    color: #fff;
    padding: 8px 12px;
}
.theses-list-banner p{
    padding-top: 10px;
    max-width: 950px;
    margin-left: auto;
    margin-right: auto;
}
.theses-list-banner a{
    text-decoration: underline;
}
.theses-list-box,.list-oxy-train{
    padding: 3.6rem 0;
}
.theses-list-box>.flex{
    row-gap: 1px;
}
.theses-list-box .heading{
    width: 100%;
    text-align: center;
    background: #e7e7e7;
    line-height: 60px;
    font-weight: bold;
    font-size: 16px;
}
.theses-list-box .item{
    text-align: center;
    align-items: center;
    width: 100%;
    column-gap: 1px;
    overflow: hidden;
    min-height: 85px;
    position: relative;
}
.theses-list-box .item>div,.theses-list-box .heading>div{
    position: relative;
    padding: 10px;
}
.theses-list-box .item:nth-child(even)>div::before{
    content: '';
    display: block;
    width: 100%;
    height: 200px;
    background: #efefef;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: -1;
}
.theses-list-box .item strong{
    display: none;
}
.theses-list-box .number{
    width: 35px;
}
.theses-list-box .title{
    flex: 30;
    text-align: left;
}
.theses-list-box .author{
    flex: 12;
}
.theses-list-box .unit{
    flex: 14;
}
.theses-list-box .source{
    flex: 11;
}
.theses-list-box .time{
    width: 100px;
}
.theses-list-box .info{
    width: 180px;
}

.article_oxy-theses{
    background: #F9FBFE;
}
.article_oxy-theses .about{
    padding: 40px 0 20px;
}
.article_oxy-theses .lookup{
    position: relative;
    padding: 40px 0;
}
.article_oxy-theses .lookup::before{
    content: '';
    position: absolute;
    top: 0;
    right: -30px;
    bottom: 0;
    left: -30px;
    background: #f8f9fa;
    z-index: 1;
}
.article_oxy-theses .lookup a{
    color: #fff;
    background: #ff6a00;
    padding: 5px 10px;
    border-radius: 4px;
    margin-right: 15px;
    position: inherit;
    z-index: 2;
}
.article_oxy-theses .lookup a:first-child{
    background: #001e75;
}
.article_oxy-theses .references h3{
    padding-top: 30px;
}
.article_oxy-theses .references strong{
    color: #1651FF;
    font-weight: normal;
    padding-right: 5px;
}

.list-oxy-train .item{
    margin-top: 30px;
}
.list-oxy-train .item .img{
    flex: 3;
}
.list-oxy-train .item .text{
    flex: 5;
    padding: 30px;
    background: #f8f9fa;
    min-height: 250px;
}
.list-oxy-train .item .text a{
    display: block;
    margin-top: 4px;
}


@media (any-hover: hover) {
    .theses-list-box .item:hover{
        color: #ff6a00;
        box-shadow: 0 2px 2px 0 rgba(0,0,0,.2);
    }
    .oxy-index-video ul li:hover,.oxy-index-expert .swiper-slide:hover strong{
        color: #ff6a00;
    }
    .oxy-index-video .item:hover .img img,.oxy-index-news .item:hover .img img,.oxy-index-salon .item:hover img,.oxy-index-expert .swiper-slide:hover .img img,.oxy-index-live .item:hover img{
		transform: translate(-50%,-50%) scale(1.1);
	}
	.oxy-index-expert .swiper-slide:hover .max-line-2::after{
	    width: 60px;
	    left: calc(50% - 30px);
	}
}

@media screen and (max-width: 1024px){
    nav{
        opacity: 1;
        top: 0;
    }
    .theses-list-box .info,.theses-list-box .number,.oxy-index-skill .right,.oxy-nav,nav .type1 .submenu li:nth-child(3) a:first-child,.video-article-other .item:nth-child(3){display:none}
    .oxy-index-expert .swiper-slide{
        width: calc(33.33% - 16px);
    }
    nav .type1 .submenu li.hide{
        height: 44px;
        overflow: hidden;
    }
    nav .type1 .submenu li.oxy strong,nav .type1 .submenu li.oxy .active{
        color: #ff6a00;
    }
    nav .type1 .submenu li.show strong::before{
        transform: rotate(180deg);
    }
    nav .type1 .submenu li.oxy a{
        display: block;
        margin-top: 10px;
        border-top: 1px solid #d8d8d8;
        padding-top: 10px;
    }
    nav .type1 .submenu li.oxy{
        position: relative;
        border-top: none;
    }
    nav .type1 .submenu li.oxy::before{
        content: '';
	    position: absolute;
	    top: 0;
	    right: -10px;
	    bottom: 0;
	    left: -10px;
	    background: #fff;
	    z-index: -1;
    }
    
}
@media screen and (max-width: 768px){
    .oxy-index-video .col-lg-2{
        width: 200px;
    }
    .oxy-index-news .col-lg-4,.oxy-index-live .col-lg-3{
        width: 50%;
    }
    .video-list-box .item{
        width: calc(33.33% - 1rem);
    }
    .oxy-index-expert .swiper-slide,.news-list-box .col-lg-4,.live-list-box .col-lg-4{
        width: calc(50% - 12px);
    }
    .theses-list-box>.flex{
        gap: 1.5rem;
    }
    .theses-list-box .item{
        flex: 1;
        width: auto;
        min-width: 30vw;
        column-gap: 0;
        padding: 0 0 20px 0;
        row-gap: 10px;
        background: #f8f9fa;
    }
    .theses-list-box .item>div{
        padding: 0;
    }
    .theses-list-box .item>div::before,.theses-list-box .heading{
        display: none;
    }
    .theses-list-box .item strong{
        display: block;
        font-size: 12px;
        color: #666;
    }
    .theses-list-box .title{
        width: 100%;
        flex: auto;
        font-size: 16px;
        box-shadow: 0 2px 2px 0 rgba(0,0,0,.2);
        height: 80px;
        padding: 15px 20px !important;
        margin-bottom: 10px;
    }
    .theses-list-box .author,.theses-list-box .unit,.theses-list-box .source,.theses-list-box .time{
        width: 100%;
        flex: auto;
        padding: 0 20px !important;
        text-align: left;
    }
    .video-article-box{
        width: 100%;
    }
    .video-article-other{
        width: 100%;
        margin: 1.5rem auto 0;
    }
    .video-article-other .item{
        width: auto;
        flex: 1;
    }
}
@media screen and (max-width: 480px){
    .live-list-box .banner,.live-list-box .banner .right{display:none}
    .live-list-box h2{
        margin: 30px auto;
    }
    .oxy-index-expert .swiper-slide,.oxy-index-news .col-lg-4,.oxy-index-live .col-lg-3,.news-list-box .col-lg-4,.live-list-box .col-lg-4,.live-list-box .banner .left{
        width: 100%;
    }
    .oxy-index-banner .swiper-container{
        flex: auto;
        width: 100%;
        height: 95vw;
    }
    .oxy-index-salon .item:nth-child(1),.list-oxy-train .item .img{
        flex: auto;
        width: 100%;
        padding-bottom: 160px;
    }
    .theses-list-box .item{
        flex: auto;
        width: 100%;
    }
    .oxy-index-salon .item:nth-child(n + 2){
        flex: auto;
        width: calc(50% - .75rem);
        padding-bottom: 120px;
    }
    .video-list-box .item{
        width: calc(50% - .75rem);
    }
}