@charset "UTF-8";


@media only screen and (max-width:1250px){
/*    .home-top{height:10vw;}
    .home{height:45vw;}*/
}
@media only screen and (max-width:1200px){

/*    主页面*/
    .index-right .down-home ul li .right span i{margin-top: 2vw;}

/*    左侧标题栏*/
    .index-left{width:250px;padding:0 30px;overflow-y:scroll;}

    .index-left::-webkit-scrollbar {display:none}

    .index-right,.video-index,.index-learn,.index-collection,.index-reaord{padding-left: 280px;min-width:1050px;overflow-x:auto;}

    .index-learn{padding-right: 0;}
    .index-left .top{margin: 40px 0;}
    .index-left .top img{width:140px;margin-left: 20px;}
    .index-left .user .img{width:90px;height:90px;}
/*     .index-left .user .img img{height:90px;width:auto;left:-30px;} */
    .index-left .user p{font-size: 14px;line-height: 20px;}
    .index-left .user .p{font-size: 12px;line-height: 20px;padding-top: 10px;}
    .index-left .user .p img{height:15px;top:3px;}
    .index-left .user .email{width:60px;margin-left:20px;margin-top: 25px;}
    .index-left .user .email img{width:25px;}
    .index-left .user .email .p{width:17.5px;height:17.5px;border-radius: 17.5px;line-height: 17.5px;padding-top: 0;font-size: 10px;text-align: center;left:17.5px;}
    .index-left .user .email p{line-height: 20px;font-size: 12px;float: left;margin-top: 0;margin-left: 10px;}
    .index-left .user .delete{width:60px;margin-left: 20px;margin-top: 25px;}
    .index-left .user .delete img{height:20px;width:auto;}
    .index-left .user .delete p{padding:0;margin:0;line-height: 20px; font-size: 12px;}
    .index-left .button{margin-top: 20px;padding:0 10px;width:100%;padding-bottom: 50px;}
    .index-left .button ul{width:100%;margin-left:2.5px;}
    .index-left .button li{width:72px;height:72px;margin-right:4.5px;margin-bottom: 4.5px;margin-top: 0;}
    .index-left .button li img{width:25px;height:auto;margin-left: calc(50% - 12.5px);margin-top: 5px;}
    .index-left .button li p{line-height: 16px;font-size: 10px;margin-top: 5px;}



    .index-learn .left .down li{width:calc(31.3333% - 0.1vw);}
    .index-learn .left .down li .h5{line-height: 24px;font-size: 14px;}
    .index-learn .left .down li p{line-height: 20px;font-size: 10px;}
    .index-learn .left .down li .span span{line-height: 20px;font-size: 10px;}
    .index-learn .left .down li .span img{height:10px;margin-top: 5px;}
    .index-learn .left .down li .keep{width:10px;height:10px;margin-top: 5px;}


    .index-collection .return,.index-reaord .return{width:26px;}
    .index-collection .index li{width:25%;}
    .index-collection .title{line-height: 30px;font-size: 14px;}
    .index-collection .index li .text h4{line-height: 24px;font-size: 14px;}
    .index-collection .index li .text p{line-height: 20px;font-size: 10px;}
    .index-collection .index li .down .left{line-height: 20px;font-size: 10px;}
    .index-collection .index li .down .left i{width:19px;height:12px;margin-top: 4px;}
    .index-collection .index li .down .right i{width:18px;height:25px;margin-top: -2.5px;}



    .index-reaord{padding-right: 10vw;}
    .index-reaord .user .img{width:80px;height:80px;margin-left: 10px;}
    .index-reaord .user .img img{width:100px;left:-15px;}
    .index-reaord .user .right{width:calc(100% - 100px);}
    .index-reaord .user .right p{line-height: 30px;font-size: 10px;}
    .index-reaord .user .right p b{font-size: 16px;}
    .index-reaord .user .right span{line-height: 30px;font-size: 10px;width:21.5%;margin-left: 0.5%;}
    .index-reaord .user .right span i{height:10px;margin-top: 10px;}
    .index-reaord .user .right .p{margin-top: -5px;}
    .index-reaord .title{line-height: 30px;font-size: 14px;}
    .index-reaord .text .right li p{line-height: 24px;font-size: 10px;}
    .index-reaord .text .right li .p{line-height: 50px;font-size: 14px;width:120px;}
    .index-reaord .text .right li .down{width:calc(90% - 120px);}
    .index-reaord .text .right li .down span{height: 7.5px;top:22.5px;}



    .index-reaord.notes .index li .top p{margin-bottom: 1vw;}



    .activirty .return img{width:26px;height:auto;margin-bottom: 15px;}
    .activirty .index-a .title-head{line-height: 30px;font-size: 14px;}
    .activirty .index-a .main li{width:calc(31.3333% - 0.1vw);}
    .activirty .index-a .main li .text p{line-height: 20px;font-size: 10px;}
    .activirty .index-a .main li .text p.h4{line-height: 24px;font-size: 14px;}
    .activirty .index-a .main li .bottom{margin-top: 10px;line-height: 20px;font-size: 10px;margin-bottom: 10px;}
    .activirty .index-a .main li .bottom i{width:16px;height:14px;margin-top:3px;}
    .activirty .index-a .main li .news,.activirty .index-a .main li .hot{width:58px;height:51px;}
    .activirty .index-a .main li .disable{width:124px;height:104px;left:calc(50% - 62px);top:50px;}


    .event .return img{width:26px;height:auto;margin-bottom: 15px;}
    .event .left .body .html .h4{line-height: 30px;margin-top: 10px;font-size: 16px;}
    .event .left .body .html p{line-height: 20px;font-size: 12px;}
    .event .left .body .button p{line-height: 20px;font-size: 12px;}
    .event .left .body .button p.but{line-height:30px;width:100px;border-radius: 2.5px;}


    .points .left .index-p .text h2{line-height: 30px;font-size: 16px;}
    .points .left .index-p .text{margin-top: 0;}
    .points .left .index-p .text p{padding:10px 0;line-height: 15px;font-size: 12px;}
    .points .left .index-p .text .p{line-height: 15px;font-size: 12px;padding-bottom: 10px;}
    .points .left .index-p .text .label{line-height: 25px;font-size: 12px;}
    .points .left .index-p .text .label label{line-height: 25px;height:25px;font-size: 10px;width:50px;}
    .points .left .index-p .text .p1{line-height: 15px;font-size: 12px;padding:10px 0;}
    .points .left .index-p .text .button input{height:30px;width:36px;line-height: 30px;font-size: 12px;}
    .points .left .index-p .text .button button{width:80px;line-height: 30px;height:30px;}



    /*系统消息页面-周琳恒*/
    .system{width:500px;margin:50px 0;margin-left: calc(50% - 250px);}
    .system .index{margin-top: 70px;}
    .system table{width: 100%;}
    .system select{width: 33.6vw;}
    .system .link span{display: block;}
    .system .question .title{margin: 2vw 0;}
    .system .description{text-indent: 5.8vw;}
    .system .index1 .top h4{line-height: 30px;font-size: 18px;}
    .system .index1 .top h4 i{height:2px ;top:14px;}
    .system .index1 .top p{line-height: 30px;font-size: 16px;}
    .system .index1 .text .li{margin-top: 30px;}
    .system .index1 .text .li h4{line-height: 24px;font-size: 16px;}
    .system .index1 .text .li p{line-height: 24px;font-size: 14px;}
    .system .index1 .text .ul{margin-top: 20px;}
    .system .index1 .text .ul li p{line-height: 30px;font-size: 14px;}
    .system .index1 .text .ul li h4{line-height: 50px;font-size: 14px;}
    .system .index1 .text .ul li h4 b{font-size: 18px;}
    .system .index2{width:120px;margin-top: 65px;margin-bottom: 40px;margin-left: calc(50% - 60px);}
    .system .index1 .html{margin-bottom: 100px;}
    .system .index1 .html p{line-height: 24px;font-size: 14px;}
    .system .index1 .html ul{margin-top: 30px;}
    .system .index1 .html li{margin-bottom: 20px;padding:10px 20px 10px 10px;border-radius: 10px;}
    .system .index1 .html li .img{width:60px;height: 60px;}
    .system .index1 .html li .img img{height: 60px;left: -15px;}
    .system .index1 .html li .txt{width:calc(100% - 65px);margin-left: 5px;}
    .system .index1 .html li .txt h4{line-height: 30px;font-size: 10px;}
    .system .index1 .html li .txt .i span{width:13px;height: 13px;top:8.5px;margin-right: 2.5px;}
    .system .index1 .html li .txt a{line-height: 30px;font-size: 10px;}
    .system .index1 .html .left{margin-top: 10px;}
    .system .index1 .html .left .li{line-height: 30px;font-size: 14px;margin-right: 5px;}
    .system .index1 .html .left .li i{width:15px;height: 15px;top:2.5px;}
    .system .index1 .html .right{margin-top: 10px;}
    .system .index1 .html .right span{line-height: 30px;font-size: 14px;margin-right: 5px;}
    .system .index1 .html .right span i{width:13px;height: 13px;top:3px;margin-right: 5px;}
    
    @media only screen and (max-width:520px){
    .system{width:100%;margin:0;padding:0 20px;font-size: 12px;min-height: 200vw;}
    .system .index1 .text .ul li{width:48.5%;margin-bottom: 10px;}
    .system .index1 .html li{width:97.5%;}
    .system .index1 .html .right{float: left;}
	}
	
    .index-right .home-left,.index-right .home-right{width:100%;}
    .index-right .home-right .top p{line-height: 30px;font-size: 14px;}
    .index-right .home-right .right-index .div-left{width:75px;}
    .index-right .home-right .right-index .div-left h2{width:75px;line-height: 65px;padding-bottom: 10px;font-size: 24px;}
    .index-right .home-right .right-index .div-left p{font-size: 10px;line-height:30px;}
    .index-right .home-right .right-index .div-right{width:calc(100% - 80px);}
    .index-right .home-right .right-index .div-right .h1{font-size: 12px;line-height: 30px;margin-top:7.5px;}
    .index-right .home-right .right-index .div-right .h1 i,.index-right .home-right .right-index1 li p i{width:14px;height: 12px;}
    .index-right .home-right .right-index .div-right .h1 span{font-size: 14px;}
    .index-right .home-right .right-index .div-right .p{font-size: 12px;line-height: 24px;}
    .index-right .home-right .right-index1 .div-top{font-size: 10px;}
    .index-right .home-right .right-index1 ul{max-height: 400px;}
    .index-right .home-right .right-index1 li{font-size: 10px;line-height: 20px;}
    .index-right .home-right .right-index1 .div-top p.p1{padding-left: 10px;}
    .index-right .home-right .right-index1 li p.p1{width:20px;height: 20px;line-height: 20px;font-size: 12px;margin-left: 10px;}
    .index-right .home-right .right-index1 li p.p2{width:calc(30% - 30px);}
}