/**电脑 1280以上分辨率**/
@media screen and (min-width:1200px){
	html,body{
        width: 100%;
        height: auto;
    }
}

/**手机viewport 手机适配用**/
@media only screen and (max-width: 479px) {
    html,body{
        width: 100vw;
        height: 100vh;
        background: #F8F9FD;
        overflow: hidden;
    }
    .guide-container{
        width: 100vw;
        background-size: cover;
    }
	.guide-wrap{
		width: 100%;
	}
    .guide-title{
        width: 322px;
        height: 38px;
    }
    .guide-title-box{
        height: 60px;
    }
    .guide-title-box span{
        font-size: 24px;
    }
    .bg-top{
        width: 100vw;
        height: 450px;
        background: url("../images/h5/header-bg.png") no-repeat;
        background-size: 100% 100%;
        min-width: 100vw;
    }
    .bg-top .banner{
        display: none;
    }
    .down-time-box{
        width: 260px;
        height:60px;
        box-sizing: border-box;
        padding: 0 20px;
        justify-content: space-between;
    }
    .time-item{
        width: 30px;
    }
    .time-item .time{
        font-size: 20px;
    }
    .time-text{
        font-size: 12px;
    }
    .container{
        width: 100vw;
    }
    .guide-sub-title-box h3{
        font-size: 12px;
        line-height: 20px;
    }
    .guide-sub-title-box h5{
        font-size: 12px;
        line-height: 20px;
    }
    .guide-btn{
        left: calc(50% + 140px);
        width: 60px;
        height: 30px;
        font-size: 14px;
    }
    .guide-icon{
        width: 120px;
        height: 140px;
        top: calc(50% - 100px);
        left: calc(50% + 60px);
    }
    header{
        width: 345px;
        top: 80px;
    }
    .tab-content{
        width: 345px;
    }
    .tabs{
        width: 100vw;
        box-sizing: border-box;
        overflow-x: auto;
        padding: 0 10px;
        box-sizing: border-box;
        justify-content: flex-start;
        border-radius: 0;
        border-right: none;
        border-left: none;
    }
    .tabs .tab-item{
        margin: 0;
    }
    .tab-title{
        height: 62px;
    }
    .title-green{
        font-size: 21px;
    }
    .title-red{
        font-size: 21px;
    }
    .theme-wrap{
        padding: 0 15px;
    }
    .time-line-box{
        padding-left: 0;
        margin: 0 auto;
    }
    .timeline-swiper{
        width: 300px;
        margin: 0 auto;
    }
    .meeting-wrap{
        flex-direction: column;
    }
    .metting-swiper{
        width: 345px;
        height: 320px;
        margin: 20px auto;
    }
    .metting-swiper .name{
        font-size: 20px;
    }
    .metting-swiper .avatar{
        width: 154px;
        height: 154px;
    }
    .forum-modal__wrap{
        flex-direction: column;
    }
    .forum-modal__info{
        margin: 0 auto;
    }
    .forum-modal__content{
        margin-left: 0;
        margin-top: 20px;
    }
    .card-grid{
        grid-template-columns: repeat(1, 1fr);
        padding: 0;
    }
    .card{
        width: 315px;
        height: 210px;
        margin: 0 auto;
    }
    .live-grid{
        width: 345px;
    }
    .live-grid img{
        width: 315px;
        height: 178px;
    }
    .live-swiper{
        width: 345px;
        height: 650px;
        margin: 0 auto;
    }
    .tab-more{
        top: calc(50% - 10px);
    }
    .news-container{
        width: 345px;
        flex-direction: column-reverse;
        
    }
    .news-list{
        width: 315px;
        height: auto;
        margin: 0 auto;
    }
    .news-title,.news-sub-title{
        width: 250px;
    }
    .news-swiper{
        width: 315px;
        height: 178px;
        margin: 20px auto;
    }
    .news-list-wrap{
        width: 345px;
        margin: 0 auto;
        padding: 0;
        padding-left: 20px;
    }
    .news-thumb{
        width: 120px;
        height: 80px;
    }
    .news-main{
        margin-left: 8px;
    }
    .news-main .title{
        font-size: 16px;
        width: 170px;
        /* 单行文本省略 */
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .excerpt{
        font-size: 14px;
        width: 170px;
        /* 单行文本省略 */
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .news-detail{
        box-sizing: border-box;
        padding: 20px;
    }
    .live-grid-list{
        grid-template-columns: repeat(1, 1fr);
        place-items: center;
        padding: 0;
    }
    .live-grid-list img{
        width: 315px;
        height: 178px;
    }


    footer{
        width: 100vw;
        height: 450px;
        overflow: hidden;
    }
    .footer-container{
        width: 100vw;
    }
    .footer-container-en{
        width: 100vw;
    }
    .footer-top{
        flex-direction: column;
    }
    .footer-logo{
        margin-right: 0;
        width: 180px;
        height: 50px;
        margin: 20px auto 20px;
    }
    .footer-tab{
        width: 100vw;
        box-sizing: border-box;
        padding: 0 10px;
    }
    .footer-item{
        padding-top: 0;
    }
    .footer-item span,
    .footer-item a{
        font-size: 12px;
        line-height: 20px;
        text-align: center;
    }
    .footer-title{
        margin-bottom: 10px;
        height: 40px;
    }
}