@charset "utf-8";

@media(max-width: 1919px){
	body {min-width: 1600px;}
	
	.cao-door-tit {
    	top: -1.6em; 
	}
	.cao-door-problem-show {
	    top: -0.6em;   
	}
	.img_hd {
	    width: 920px;
	    display: flex;
	    justify-content: center;
	}
	.img_ul img {
	    width: 55%!important;
	}
	.imgBoxList {
	    width: 79%;
	}
	.img_hd ul li {
	    width: 238px;
	}
	.img_hd .prev_a {
		margin-top:1.7em;
	}

	.img_hd .next_a {  
	    margin-top:1.7em;    
	}
	/*分组计分*/
	.cao-score-con{
		height: 375px;
	}
	.cao-score .cao-score-top{
		height: 80px;
		padding: 18px 10px;
	}
	.cao-score .cao-score-top .cao-left{
		margin-top: 0;
	}
	.cao-score-con ul li h4{
		height: 62px;
		line-height: 62px;
	}
	.cao-score-con .jifenbox .jia{
		margin-left: -35px;
	}
	.cao-score-con .jifenbox .jian{
		margin-left: 8px;
	}
	.cao-score-main .cao-menu-close {
	    right: 49px;
	    top: 44px;
	}
}
@media screen and (max-width:1599px) and (min-height:1000px){
	.z-img {
	    width: 100%;
	    margin-top: 6vh;
	}	
	.banquan{
        margin-top:30%;
	}
    #play .change_a span{
	    display:block!important;
	}
	#play .img_ul {
	    margin-top: 10vh;
	}
	/*.door_album {
	    height: 73%;
	   
	}	*/
	.img_ul img {
	    width: 60%!important;
	}
	.opera-person img:nth-child(3) {
	    top: 0!important;
	}
	.left-bottom-menu>ul>li:hover{
	  background-image: url(../imgs/public/left-bottom-bg01.jpg); 
	}	
}
/*@media screen and (min-width:1601px){
	.jjyl-QandA .body .tu{
	    width: 50%;
	}
}
@media screen and (min-width:1501px) and (max-width: 1600px){
	.jjyl-QandA .title{
		top: 5%;
	}
	.jjyl-QandA .body {
		position: relative;
		top: 7%;
		padding: 0 20%;
	}
	.jjyl-QandA .body .tu{
	    width: 60%;
	}
}*/
@media(max-width: 1599px){
	body {
		 min-width: 1366px;
		 max-height: 768px;
         font-size: 20px;
    }

    /*点名器*/
	.cao-callnamebox{
		width: 480px;	
		height: 480px;	
		margin-left: -240px;
		margin-top: -240px;			
	}
	.cao-callname{
	    width: 480px;	
		height: 480px;
	}
	.cao-callname .cao-name-close{
		right: 38px;
		top: 15px;
		width: 40px;
		height: 40px;
	}
	.cao-callname .cao-start{
		width: 180px;
		margin-left: -90px;
		line-height: 55px;
	}
	.cao-scro_window{
		width: 260px;
		height: 320px;
		margin-left: -130px;
		margin-top: -3%;
		
	}
	.cao-scroll li{	
		width: 260px;
	}
	.cao-scroll img{
		/*width: 220px;*/
	    height: 220px;
	    /*margin-left: -110px;*/
	    margin-top: 20px;

	}
	/*分组计分*/
	.cao-score-con{
		height: 375px;
	}
	.cao-score .cao-score-top{
		height: 70px;
		padding: 12px 10px;
	}
	.cao-score .cao-score-top .cao-left {
	    margin-top: 8px;
	}
	.cao-score-con ul li h4{
		height: 62px;
		line-height: 62px;
	}
	.cao-score-con .jifenbox .jia{
		margin-left: -35px;
	}
	.cao-score-con .jifenbox .jian{
		margin-left: 8px;
	}
	.cao-score-main .cao-menu-close {
	    right: 49px;
	    top: 44px;
	}


	.opera-person img:nth-child(3) {
	    top: -3%;
	}
	.cao-scroll h2{
	    bottom: 110px;  
	}
	.cao-zhanwei{	
		width: 260px;
		height: 260px;

	}
	.cao-start{
	    bottom: 60px; 
	}

	/*开场秀3*/
	/*.cao-show img{
		width: 78%;
	}*/
	/*.cao-show-person{	
		
		width: 250px;
		height: 250px;

		
	}*/
	/*.cao-dialogo{
		background: url(../imgs/public/caodialogo.png)no-repeat center;
		background-size: 100% 100%;
		width: 440px;
		height: 160px;
		position: absolute;
		right: 30%;
		margin-left: -220px;
		top: 38%;
		transform: rotateY(180deg);
		display: none;
		
	}*/
	/*.cao-dialogo a{
		width: 95%;
		margin: 15px auto;
		color: #431801;
		line-height: 40px;
		font-size: 1.05em;
		display: block;
		transform: rotateY(180deg);
		
	}*/

	@-webkit-keyframes lights{
		0%{background: url(../imgs/public/show3.png) no-repeat center;
			width: 300px;
	        height:300px;
	        background-size: contain;
	     
	    }
		50%{
			background: url(../imgs/public/show3h.png) no-repeat center;
			width: 300px;
	        height:300px;
	        background-size: contain;
	       
	    }
	}
	@-ms-keyframes lights{
		0%{background: url(../imgs/public/show3.png) no-repeat center;
			width: 300px;
	        height:300px;
	        background-size: contain;
	       
	    }
		50%{
			background: url(../imgs/public/show3h.png) no-repeat center;
			width: 300px;
	        height:300px;
	        background-size: contain;
	       
	    }
	}
	@-moz-keyframes lights{
		0%{background: url(../imgs/public/show3.png) no-repeat center;
			width: 300px;
	        height:300px;
	        background-size: contain;
	     
	    }
		50%{
			background: url(../imgs/public/show3h.png) no-repeat center;
			width: 300px;
	        height:300px;
	        background-size: contain;
	      
	    }
	}
	@-o-keyframes lights{
		0%{background: url(../imgs/public/show3.png) no-repeat center;
			width: 300px;
	        height:300px;
	        background-size: contain;
	   
	    }
		50%{
			background: url(../imgs/public/show3h.png) no-repeat center;
			width: 300px;
	        height:300px;
	        background-size: contain;
	       
	    }
	}
	
	/*封面*/
	.cao-biaoti{     
       top: 15%;
      }
    .opera-person {
	    width: 1000px;
	    display: block;
	    position: fixed;
	    top: 36%;
	    left: 50%;
	    margin-left: -600px;
	    height: 100%;
	}
		.cao-biaoti {
	    width: 33%;  
	    margin-left: -16%;
	}

    .cao-door-problem-show {
       top: -1.4vh;
    }  
	    .cao-door-tit {
	    top: -9.8vh;
	}
     /*.door_album {
     height: 75%;
    }*/
   .cao-album-close{
	
    width: 40px;
    height: 40px;
    font-size: 1.6em;
    line-height: 40px;
	} 
   .img_hd .prev_a {
		margin-top:1.7em;
	}

	.img_hd .next_a {  
	    margin-top:1.7em;    
	}
}
@media(max-width: 1365px){
	body {
		min-width: 1200px;
    	font-size: 18px;
    }

   .cao-mainbox{	
		width: 800px;
		height: 420px;	
		z-index: 400;
		margin-left: -400px;
		margin-top: -210px;
	}
    .cao-mainbot{
		width: 520px;		
		margin-top: 0px;
	}
	
	.cao-maintop li{	
		width: 260px;
		height: 140px;
	
	}
	.cao-maintop li a{
		
		width:238px;
		height: 140px;
		line-height:131px ;	
		font-size:1.8em;	
		
	}
    /*右上目录*/
	   .cao-menu-content{ 	
		width: 600px;
		height: 420px;					
		margin-left: -300px;
		left: 50%;
		top: 50%;
		margin-top: -210px;
		
	}
	.cao-menu-content .cao-menu-close{
		width: 40px;
		height: 40px;
		right: 35px;
		top: 32px;
	}
	.cao-menu-close{
		width: 40px;
		height: 40px;
		right: 35px;
		top: 32px;
	}
	.student-manage-box .cao-menu-close{
		width: 30px;
		height: 30px;
		right: 6%;
		top: 7%;
	}
	.cao-menu-con-left{
		float: left;
		margin-left: 90px;	 
		margin-top: 15px;
	}
	.cao-menu-con-left li{
		margin-top: 20px;
	}
	.cao-menu-con-left li a{	
		width:130px ;
		line-height: 45px;	
		font-size: 1.3em;
	 }
	
	.cao-menu-con-right{
		float: left;
		margin-top: 50px;
		margin-left: 40px;
	}
	.cao-menu-con-right li{
		margin-top: 20px;
	}
	.cao-menu-con-right li a{
		display: block;
		width:220px ;
		line-height: 45px;		
	 }
	
	/*点名器*/
	.cao-callname .cao-start{
		height: 55px;
	}

	 /*画板*/
    .cao-pic-main {	 
	     height:80%;
    }
    .cao-door-tit {
       top: -4.8vh;
    }
  	 .cao-door-problem-show {
     top: 2.6vh;
    }    
    #cao-student-close{
    	right: 40px;
    	top: 44px;
    }

    /*参考资料*/
    .cao-links-main #cao-links-close{
    	width: 40px;
    	height: 40px;
    	right: 40px;
    	top: 44px;
    }
}
@media screen and (min-width: 1201px) and (max-width: 1365px) {
	.cao-score-main .cao-menu-close {
	    width: 45px;
	    height: 45px;
	    right: 45px;
	    top: 45px;
	}
	.cao-score-con ul li h4{
		height: 42px;
		line-height: 42px;
	}
}
@media(max-width: 1201px){
	body {
		min-width: 1024px;
	    font-size: 16px;
    }
     /*主页*/   
    .cao-mainbox{	
		width: 800px;
		height: 420px;	
		z-index: 400;
		margin-left: -389px;
		margin-top: -125px;
	}
    .cao-mainbot{
		width: 520px;		
		margin-top: 0px;
	}	
	.cao-maintop li{	
		width: 260px;
		height: 140px;
	}
	.cao-maintop li a{		
		width:238px;
		height: 136px;
		line-height:131px ;	
		font-size:1.8em;		
	}
	 /*分组计分*/
	.cao-score-main{	
		width: 80%;
		height: 474px;	
		margin-top: -237px;	
	}
	.cao-score{	
		height: 270px;
		top: 60px;
		left: 50%;
	}
	.cao-score-con {
	    height: 300px;
	}
	.cao-score-con ul li h4 {
    	height: 40px;
    	line-height: 40px;
	}

	/*开场秀3*/

	.cao-dialogo{
		width: 400px;
		margin-left: -100px;	
	}

	/*京剧源流大门*/
	.doorclose {
	   
	    width: 100%;
	}


	/*封面*/
	.opera-person {
	    top: 33%;
	}
	.cao-biaoti{     
	    top:15%;
	}

	.notes_area{
		height: 60%;
	}

	#play .img_ul {
	    margin-top: 5vh;
	}
	/*.door_album {
	    height: 70%;
	}*/
	.img_hd ul li {
	    width: 217px;
	}
	.img_hd {
	    width: 840px;
	}
	.link_tocur{
	    font-size: .8rem;
	}
	.link_tofirst{
	    font-size: 1.2rem;
	}
	.link_del{
	    font-size: 1.2rem;
	}
	.table_all .link_tofirst{
		font-size: 1rem;
	}
	.table_all .link_del{
		font-size: 1rem;
	}
	.banquan{
	    margin-top:35%;
	}
	@-webkit-keyframes door1{
		0%{opacity: 0;-webkit-transform: scale(0.5);}
		100%{opacity: 1; -webkit-transform: scale(.8);bottom:-50px;left: 165px;}
	}
	@-webkit-keyframes door2{
		0%{opacity: 0;-webkit-transform: scale(0.5);}
		100%{opacity: 1;display:block;-webkit-transform: scale(.8);bottom:-50px;left: 385px;}
	}
	@-webkit-keyframes door3{
		0%{opacity: 0;-webkit-transform: scale(0.5);}
		100%{opacity: 1;display:block;-webkit-transform: scale(.8);bottom:-50px;left: 605px;}
	} 
	#play .change_a span{
	    display:block!important;
	}
	/*昵称头像*/
	.cao-portrait-box .portrait{
		cursor: none;
	}
	#wrapper .qigan{
		width: 102px;
	}
	#wrapper .qigan img{
		width: 90px;
	}
}
@media(max-width: 1000px){
	body {
   		font-size: 16px;
    }
    .banquan{
        margin-top:30%;
	}
    .opera-person {
	    width: 800px;
	    display: block;
	    position: fixed;
	    top: 32%;
	    left: 50%;
	    margin-left: -550px;
	    height: 100%;
	}
	.opera-person img:nth-child(1) {
	    width: 35%;
	    left: 110px;

	}
	.opera-person img:nth-child(2) {
	    width: 35%;
	    top: 45px;
	    left: 230px;
	}
	.opera-person img:nth-child(3) {
	    width: 35%;
	}
	.opera-person img:nth-child(4) {
	    width: 35%;
	    top: 35px;
	    left: 605px;
	}
	.opera-person img:nth-child(5) {
	    width: 35%;
	    left: 728px;
	}
	.cao-class{
		width: 600px;
	    height: 400px;
	}    
	.cao-class-box{
	    height: 450px;
	    margin-top: -225px;
	    width: 600px;
	    margin-left: -300px;
	}
	.cao-class .cao-name-close{
		right: 45px;
		top: 12px;
		width: 40px;
		height: 40px;
	}
	.cao-class-con {
	    padding-top: 20px; 
	    width: 87%;
	}    
	.cao-class-con ul li{
		width: 180px;
	    height: 150px;
	    margin-left: 40px;
	    margin-right: 40px;
	}    
	.cao-class-con ul li .img,.cao-class-con ul li .img2,.cao-class-con ul li .img3,.cao-class-con ul li .img4{
		width: 180px;
		height: 150px;
	}

	.cao-callnamebox {
	    height: 400px;
	    margin-top: -200px;
	}
	.cao-callname {
	    height: 400px;
	}

	.cao-scro_window {
	    width: 200px;
	    height: 240px;
	    margin-left: -100px;
	}
	.cao-scroll li {
	    width: 200px;
	}
	.cao-zhanwei {
	    width: 200px;
	    height: 200px;
	}
	.cao-scroll img {
	    /*width: 160px;*/
	    height: 160px;
	    /*margin-left: -80px;*/
	    margin-top: 20px;
	}
	.cao-scroll h2 {
	    bottom: 178px;
	    font-size: 1.8em;
	}

	.cao-juzhao img {
	    position: absolute;
	    width: 200px;
	    bottom: 130px;
	    margin-left: -100px;
	    left: 50%;
	    opacity: 0;
	    display: none;
	    border: 5px solid #fff;
	}
	.cao-door-tit{
		top: 25px;
	}
	@-webkit-keyframes door1{
		0%{opacity: 0;-webkit-transform: scale(0.5);}
		100%{opacity: 1; -webkit-transform: scale(.8);bottom:30px;left: 165px;}
	}
	@-webkit-keyframes door2{
		0%{opacity: 0;-webkit-transform: scale(0.5);}
		100%{opacity: 1;display:block;-webkit-transform: scale(.8);bottom:30px;left: 385px;}
	}
	@-webkit-keyframes door3{
		0%{opacity: 0;-webkit-transform: scale(0.5);}
		100%{opacity: 1;display:block;-webkit-transform: scale(.8);bottom:30px;left: 605px;}
	} 

	.cao-fan{
		height: 400px;
	    margin-top: -200px;
	}

	.cao-links-main{
		height: 400px;
	    margin-top: -200px;
	}

	.cao-links{
		height: 300px;
	    top: 40px;
	}
	.link_main{
		height: 14em;
	} 
	.cao-links-main #cao-links-close{
    	width: 40px;
    	height: 40px;
    	right: 35px;
    	top: 29px;
    }
	.cao-portrait{
		height: 400px;
	    margin-top: -200px;
	    width: 350px;
	    margin-left: -180px;
	}
	.portrait-form a{
	    margin: 10px auto;
	    line-height: 84px;
	}
	.portrait{
		width: 180px;
	    height: 180px;
	    margin-top: -317px;
	    margin-left: -96px;
	}
	.portrait img{
		width: 160px;
	    height: 160px;
	}
	.cao-tx-choosebox{
		height: 400px;
	    margin-top: -200px;
	    margin-left: -365px;
	} 
	.cao-tx-portrait{
		width: 80%;
	} 
	.cao-tx-portrait li{
		width: 100px;
	    height: 100px;
	    margin-top: 16px;
	}
	.cao-recordbox{
		height: 400px;
	    margin-top: -200px;
	}
	.cao-score-con{
		height: 155px;
	}
	.cao-score-con ul li h4{
		height: auto;
	    line-height: normal;
	    padding: 10px 0;
	}

	.cao-show-person{
		/*width: 200px;*/
		/*height: 200px;*/
		/*bottom: -10px;*/
	}
	@-webkit-keyframes lights{
			0%{background: url(../imgs/public/show3.png) no-repeat center;
				width: 200px;
		        height: 200px;
		        background-size: contain;
		    }
			80%{
				background: url(../imgs/public/show3h.png) no-repeat center;
				width: 200px;
		        height: 200px;
		        background-size: contain;
		    }
		}
	.cao-dialogo{
		    margin-left: -135px;
		    bottom: 115px;
	}
	.cao_video_box{
		width: 700px;
	    margin-left: -350px;
	    height: 400px;
	    margin-top: -200px
	}
	.cao_video{
		width: 600px;
	    height: 340px;
	    background: #ece8e8;
	}
	.cao_zimu{
		width: 600px;
	    height: 40px;
	    margin: 10px auto;
	}
	.cao_zimu_hide li{
		font-size: 1.2em;
		line-height: 40px;
	}
	.cao-student-con{
		height: 13.2em;
	}
	.cao-student-manage{
		height: 305px;
	}
	.student-manage-box{
		height: 400px;
	    margin-top: -200px;
	    width: 80%;
	    margin-left: -40%;
	}
	.cao-menu-close{
		width: 40px;
	    height: 40px;
	    right: 35px;
	    top: 31px;
	}
	.cao_all_clear{
	    position: absolute;
	    right: 9px;
	    bottom: -20px;
	    padding: 5px 16px;
	}


	.cao-menu-content {
	    width: 600px;
	    height: 400px;
	    margin-left: -300px;
	    margin-top: -200px;
	}
	.cao-menu-con-left{
		margin-top: 6px;
	}
	.cao-menu-con-right{
		margin-top: 40px;
	}
	.notes_area{
		height: 50%;
	    margin-top: 1em;
	}
	.cao-door-problem-show{ 
	    top: 2.4em;
	}
	.img_hd ul li {
	    width: 178px;
	}
	.img_hd {
	    width: 690px;
	}
	.z-img {
	    margin-top: 3vh;
	}
	/*.door_album {
	    height: 75%;
	}*/
	#play .img_ul {
	    margin-top: 2vh;
	}
	.img_hd .prev_a{
		width: 25px;
	}
	.img_hd .next_a{
		width: 25px;
	}
	.imgBoxList {
	    margin-left: 1px;
	}
	.opera_enter{
	    top: 86%;  
	}
	.opera-person img:nth-child(3) {
	    top: -3%;
	}
	.banquan h5{
		font-size: 1.4em;	
	}
	.cao-file-btn{
	    margin-top:50px!important;
	}
	.cao-album-cur{
	    top: 56vh!important;
	}
	.link_tocur {
	    font-size: .7rem;
	}
	.count-all>ul>li>img,.count-detail>ul>li>img{
	    width:18px;
	}
	@-webkit-keyframes door5{
		0%{opacity: 0;-webkit-transform: scale(0.5);}
		60%{opacity: 1; -webkit-transform: scale(1);bottom:20px;left: 160px;}
		70%{opacity: 1; -webkit-transform: scale(1);bottom:20px;left: 160px;}
	}
	@-ms-keyframes door5{
		0%{opacity: 0;-ms-transform: scale(0.5);}
		60%{opacity: 1; -ms-transform: scale(1);bottom:20px;left: 160px;}
		70%{opacity: 1; -ms-transform: scale(1);bottom:20px;left: 160px;}
	}
	@-moz-keyframes door5{
		0%{opacity: 0;-moz-transform: scale(0.5);}
		60%{opacity: 1; -moz-transform: scale(1);bottom:20px;left: 160px;}
		70%{opacity: 1; -moz-transform: scale(1);bottom:20px;left: 160px;}
	}
	@-o-keyframes door5{
		0%{opacity: 0;-o-transform: scale(0.5);}
		60%{opacity: 1; -o-transform: scale(1);bottom:20px;left: 160px;}
		70%{opacity: 1; -o-transform: scale(1);bottom:20px;left: 160px;}
	}
	@-webkit-keyframes door6{
		0%{opacity: 0;-webkit-transform: scale(0.5);}
		60%{opacity: 1; -webkit-transform: scale(1);bottom:20px;left: 710px;}
		70%{opacity: 1; -webkit-transform: scale(1);bottom:20px;left: 710px;}
	}
	@-ms-keyframes door6{
		0%{opacity: 0;-ms-transform: scale(0.5);}
		60%{opacity: 1; -ms-transform: scale(1);bottom:20px;left: 710px;}
		70%{opacity: 1; -ms-transform: scale(1);bottom:20px;left: 710px;}
	}
	@-moz-keyframes door6{
		0%{opacity: 0;-moz-transform: scale(0.5);}
		60%{opacity: 1; -moz-transform: scale(1);bottom:20px;left: 710px;}
		70%{opacity: 1; -moz-transform: scale(1);bottom:20px;left: 710px;}
	}
	@-o-keyframes door6{
		0%{opacity: 0;-o-transform: scale(0.5);}
		60%{opacity: 1; -o-transform: scale(1);bottom:20px;left: 710px;}
		70%{opacity: 1; -o-transform: scale(1);bottom:20px;left: 710px;}
	}
}