@media only screen and (max-width:768px ){
    /*头部*/
    .header{
        margin-bottom: 10px;
    }
    .header-t{
        margin-right: 2%;
        min-width: inherit;
    }
    .header-t a{
        font-size: 14px;
    }
    .header-t a i{
        width: 20px;
        height: 20px;
    }
    .header-t select{
        width: 20%;
        font-size: 14px;
        margin-left: 10%;
    }
    .header-t select option{
        font-size: 14px;
    }
    .header-c{
        min-width: inherit;
    }
    .header-c span.logo{
        font-size: 12px;
        margin-left: 1%;
        width: 41%;
        line-height: 35px;
        display: none;
    }
    .header-c ul.tabbar{
        line-height: 35px;
        margin-top: 0;
        width: 100%;
    }
    .header-c ul.tabbar li{
        text-align: center;
        width: 25%;
    }
    .header-c ul.tabbar li:nth-of-type(4){
        display: none;
        border: 1px solid red;
    }
    .header-c ul.tabbar li a{
        font-size: 14px;
    }
    .swiper-container{
        height: 230px;
    }
    .swiper-container1{
        height: 100px;
    }
    .swiper-container a img{
        width: 100%;
        /*top: 70%;*/
    }
    .header-b ul{
        height: 60px;
    }
    .header-b ul li a i{
        padding: 5px;
        margin-bottom: 0;
    }
    .header-b ul li{
        width: 20%;
    }
    .header-b ul li:nth-of-type(1){
        display: none;
    }
    .header-b ul li a i img{
        height: 20px;
        width: 20px;
    }
    .header-b ul li a span{
        font-size: 12px;
    }
    /*内容*/

    .con-title{
        font-size: 16px;
        padding-top: 30px;
    }
    .con-title span{
        bottom: -10px;
        width: 60px;
    }

    .con-center{
        margin-top: 40px;
        padding-bottom: 10px;
    }
    .con-center li{
        /*width: 100vmin;*/
        /*height: 72.72vmax;*/
        margin: auto;
        /*display: flex;*/
        /*align-items: center;*/
        margin-top: 20px;
    }
    .con-center li .con-up{
        width: 80%;
        height: 80%;
        margin: 0 auto;
    }

    .con-center li .con-drown{
        font-size: 14px;
        width: 30%;
    }
    .source{
        margin-top: 40px;
    }
    .source li{
        font-size: 12px;
        line-height: 2;
    }
    .sign ul{
        left: 20px;
        top: 25px;
    }
    .sign li{
        line-height: 30px;
        font-size: 14px;
    }
    .sign li a{
        height: 30px;
    }
    /*脚部*/
    #bg{
        display: none;
    }
    .owd-footer{
        line-height: 35px;
        height: auto;
    }
    .owd-footer p,.owd-footer div{
        font-size: 12px;
        height: 100%;
        margin-left: 0;
    }
    .owd-footer p a,.owd-footer p span{
        font-size: 12px;
        border-right: 0;
    }
    .owd-footer div a{
        font-size: 12px;
    }
    /*考勤记录*/
    .contain-r p.title{
        font-size: 14px;
    }
    .check-content{
        margin-left: 0;
        padding: 0;
    }
    .check-content li{
        height: 30px;
        overflow: hidden;
        display: flex;
        align-items: center;
    }
    .check-content li>span{
        font-size: 12px;
        line-height: 30px;
        width: 11%;
    }
    .check-content li .check-status{
        display: flex;
        align-items: center;
    }
    .check-status{
        font-size: 12px;
        width: 30%;
    }
    .check-status i{
        width: 13px;
        height: 13px;
        margin-left: 0;
    }
    .num{
        width: 17%;
    }
    .num em,.num i{
        width: 13px;
        height: 13px;
        line-height: 13px;
    }
    .num input{
        width: 15px;
    }
    .check-content li:first-child span{
        width: 15%;
    }
    .check-content li:first-child span:nth-of-type(2){
        width: 25%;
    }
    .check-content li:first-child span:nth-of-type(3){
        width: 18%;
    }
    .check-content li>span:last-child{
        width: 8%;
    }
    .check-content li>p{
        width: 5%;
        font-size: 12px;
        line-height: 29px;
    }
    .keeppsw button{
        margin-left: 75%;
        width: 60px;
        height: 30px;
        font-size: 12px;
    }
    /*历史考勤*/
    .checkdetail{
        margin-left: 0;
        width: 100%;
    }
    .checkdetail li{
        width: 100%;
    }
    .checkdetail  span{
        font-size: 12px;
    }
    .checkdetail  span:first-child{
        width: 15%;
    }
    .checkdetail span:nth-of-type(2){
        width: 20%;
        text-align: center;
    }
    .checkdetail time{
        width: 27%;
    }
    /*个人信息*/
    .right-content li i, .right-content li span,.right-content li select{
        font-size: 14px;
    }
    /*平台介绍弹窗*/
    .alert-cont{
        min-height: 300px;
    }
    .alert-top{
        line-height: 50px;
        font-size: 18px;
    }
    .alert-bootm{
        line-height: 24px;
        margin-left: 5px;
        margin-right: 5px;
    }
}

/*平台介绍*/
@media only screen and (max-width:768px ){
    .top01 a {
        margin-right: 10%;
        font-size: 14px;
    }
    .top02{
        height: 50px;
        line-height: 50px;
    }
    .top02 .top02-left{
        width: 40%;
        margin-left: 2%;
        float: left;
    }
    .top02 .top02-left img{
        width: 80%;
        height: 60%;
    }
    .top02 .top02-right{
        width: 58%;
        float: right;
        height: 100%;
    }
    .top02 .top02-right a:first-child{
        width: 18%;
        font-size: 12px;
    }
    .top02 .top02-right a{
        font-size: 12px;
        width: 26%;
        height: 50px;
        line-height: 50px;
    }
    .list01-top{
        height: 35px;
        margin-top: 25px;
        margin-bottom: 0;
    }
    .list01-center{
        font-size: 14px;
        line-height: 22px;
    }
    .list01-bottom{
        font-size: 0;
    }
    .list02-bg{
        height: auto;
        margin-top: 10px;
    }
    .list02-center .list-font{
        top: 13%;
    }
    .list02-bg .list02-top{
        height: 35px;
        width: 100%;
        margin-top: 30px;
        margin-bottom: 15px;
    }
    .list02-bg .list02-top img{
        height: 100%;
    }
    .list02-center{
        height: 15em;
    }
    .list02-bottom{
        width: 100%;
    }
    .list02-bottom>div:first-child{
        margin-left: 0;
    }
    .list02-bottom .list02-detail{
        width: 19%;
        height: 120px;
        margin-left: 1%;
        font-size: 12px;
    }
    .list02-bottom .list02-detail div{
        width: 100%;
        height: 30px;
        line-height: 30px;
        display: flex;
    }
    .list02-bottom .list02-detail p{
        height: 75px;
        line-height: 15px;
        width: 100%;
        -webkit-line-clamp: 5
    }
    .list02-bottom .list02-detail div span{
        font-size: 12px;
        width: 74%;
        display: block;
    }
    .list02-bottom .list02-detail div img{
        margin-right: 0;
        width: 26%;
        display: block;
    }

    .list03-center{
        padding-top: 20px;
    }
    .list03-center .list03-detail span{
        font-size: 14px;
        line-height: 40px;
    }
    .foot p{
        font-size: 16px;
        margin-top: 16px;
        margin-bottom: 7px;
    }
    .foot div{
        font-size: 16px;
        margin-bottom: 13px;
    }
    .mobile-more{
        display: inline-block;
    }
    .contain-l{
        position: absolute;
        left:-40%;
        top:185px;
        width:40%;
        height: auto;
        z-index: 100;
    }
    .contain-l .bottom-wrapper li a{
        font-size: 16px;
        line-height: 30px;
        height: 30px;
    }
    /*教师中心*/
    .clickbtn{
        height: 25px;
    }
    .erjiMenu{
        width: 89%;
        font-size: 16px;
    }
    .fuMenu .clickbtn{
        width: 8%;
    }
}

@media only screen and (max-width:414px ){
	.header-b ul {
		height: 30px;
	}
	.header-b ul li a i {
		display: none;
	}
	.header-b ul li a span {
		line-height: 30px;
	}
}

