@media (max-width:767px){
	
	/*common*/
	.m-hidden{display:none;}
	.detail .left .content ul.works li.m-hidden{display:none;}
	.detail .left .content ul.picture li.m-hidden{display:none;}
	
	.wrap{width:100%;}
	
	.header .top{height:50px;position:relative;}
	.header .top .logo{width:160px;margin-left:0;}
	.header .top .logo a{background:url(../images/logo-mobile.png) 0 3px no-repeat;}
	.header .top .map{width:35px;height:33px;margin:10px 10px 0 0;display:block;border-radius:3px;}
	.header .top .search{
		width:100%;height:50px;padding:9px 0 0 0;float:left;background:#fff;
		text-align:center;margin:0 0 0 0;position:fixed;z-index:1000;
		top:0;left:0;display:none;
	}
	.header .top .search input{
		height:33px;line-height:33px;margin:0px 0 0 0;padding:0 10px;
		width:70%;margin-left:10%;border-color:#17a1ff;
	}
	.header .top .search input:focus{
		border-color:#17a1ff;
		-webkit-box-shadow:inset 0 1px 1px rgba(23,161,255,0.65),0 0 3px rgba(23,136,0,.6);
	}
	.header .top .search > a.sbtn{
		display:block;width:50px;height:29px;line-height:29px;position:absolute;right:20%;top:11px;
		color:#fff;background:#17a1ff;z-index:100;
	}
	.header .top .search > a.shut{
		display:block;width:20px;height:19px;line-height:19px;position:absolute;right:10%;top:15px;
		color:#333;z-index:100;
	}
	
	.header .top .bigmenu{
		width:100%;height:45px;text-align:center;background:#17a1ff;
		position:absolute;top:55px;left:0;padding:0 1%;
	}
	.header .top .bigmenu a{
		line-height:31px;font-size:16px;padding:0px 1px;display:block;float:left;
		width:20%;height:31px;margin:7px 0 0 0;
		font-weight:normal;color:#fff;
	}
	.header .top .bigmenu a:hover{background:#17a1ff;color:#fff;border-radius:2px;}
	.header .top .bigmenu a.cur{background:#fff;color:#17a1ff;border-radius:2px;}

	
	.header .menu{padding:0 5px;margin-top:55px;}
	.header .menu .rline{border-right:0px solid;}
	.header .menu .menu-one{width:50%;height:50px;}
	.header .menu .menu-one{margin:5px 0;padding:0 0px;background:#eee;}
	.header .menu .menu-one a{height:25px;line-height:25px;font-size:15px;}
	.header .menu .menu-one a.parent{
		text-indent:0;
		width:16%;height:50px;line-height:24px;background:#ccc;font-size:15px;padding-top:1px;
		word-break:break-all;word-wrap:break-word;white-space:pre-wrap;text-align:center;
	}
	.header .menu .menu-one a.child{width:21%;float:left;}
	
	.types{padding-top:0;}
	.types .typeone{margin:0 auto;padding:10px 5px 0 5px;}
	.types .typeone .typenames{height:35px;line-height:35px;overflow:hidden;}
	.types .typeone .typenames h3{display:block;width:100px;height:100%;float:left;}
	.types .typeone .typenames h3 > a{margin-left:5px;}
	.types .typeone .typenames .child{width:calc(100% - 122px);overflow-x:auto;white-space:nowrap;}
	.types .typeone .typelists .people{width:33.3%;}
	.types .typeone .typelists .people a.image{height:120px;}
	.types .typeone .typelists .people a img{width:90%;height:auto;}
	
	.news{padding-top:0;}
	.news .newsone{margin:0 auto;padding:10px 5px 0 5px;}
	.news .newsone .newsname{height:35px;line-height:35px;overflow:hidden;}
	.news .newsone .newsname h3{display:block;width:100px;height:100%;float:left;}
	.news .newsone .newsname h3 > a{margin-left:5px;}
	.news .newsone .newslists{padding:5px 0 0 0;}
	.news .newsone .newslists li{height:32px;line-height:32px;float:left;display:block;width:98%;margin-left:2%;}
	.news .newsone .newslists li a{font-size:15px;}
	
	.cat{padding-top:0;}
	.cat .catone{margin:0 auto;padding:10px 5px 0 5px;}
	
	.lists{padding:10px 5px;}
	.lists .title{padding:0;}
	.lists .title hr{display:none;}
	.lists .title h1{
		width:100%;text-align:left;
		position:static;font-size:18px;padding:0 5px;
	}
	.lists .description{margin:5px 5px 10px 5px;padding:5px 5px 5px 5px;}
	.lists .list li{margin:10px 0 0 0;background:#f5f5f5;padding:5px 5px;width:100%;height:133px;overflow:hidden;}
	.lists .list li .image{width:100px;height:120px;overflow:hidden;float:left;}
	.lists .list li .text{
		width:calc(100% - 110px);overflow:hidden;float:right;height:126px;
	}
	.lists .list li .text h4{display:block;height:25px;line-height:25px;margin-bottom:5px;}
	.lists .list li .text h4 a{font-size:18px;}
	.lists .list li .text h4 a:hover{text-decoration:underline;}
	.lists .list li .text span{
		display:block;overflow:hidden;height:96px;line-height:23px;font-size:14px;color:#666;
		-webkit-line-clamp:4;
	}
	.lists .list li .text div{height:auto;}
	
	.opus{padding-top:0;}
	.opus .opusone .opuslists li{width:48%;margin:0 1% 0 1%;}
	.opus .opusone .opusname h3 > a{margin-left:0;}
	
	.detail .brief{padding:10px 5px 20px 5px;}
	.detail .brief h1{font-size:21px;height:40px;line-height:40px;padding-left:5px;}
	.detail .brief .attr{padding-left:0;}
	.detail .brief .attr span font{display:none;}
	.detail .brief .attr span:nth-child(7){
		display:none;
	}
	.detail .brief .attr font:nth-child(6){
		display:none;
	}
	.detail .brief .ic{
		height:auto;margin-top:10px;position:static;padding-left:0px;
		padding:4px 5px;font-size:15px;
	}
	.detail .brief .ic:after{display:block;clear:both;content:"";visibility:hidden;height:0}
	.detail .brief .ic .image{
		width:115px;height:140px;position:static;
		padding:0;overflow:hidden;padding:0;
		background:none;margin:5px 10px 0 0;
		border:3px solid #fff;
	}
	.detail .brief .ic .image img{width:100%;}
	.detail .brief .ic .desc{
		padding:4px 5px;line-height:24px;font-size:13px;
		width:calc(100% - 100px);float:right;height:auto;
	}
	
	.detail .left .info{padding:10px 10px 10px 10px;}
	.detail .left .info h1{font-size:19px;}
	.detail .left .info .attr{margin:10px 0 0 0;}
	.detail .left .info .description{margin-top:0;}
	
	.detail .left{width:100%;}
	.detail .left .content{padding:10px 10px 20px 10px;}
	.detail .left .content p{line-height:32px;font-size:15px;}
	.detail .left .content b{
		font-size:15px;font-weight:550;margin:0 2px 0 0;
	}
	.detail .left .content ul.dinfo{font-size:15px;}
	.detail .left .content ul.dinfo li{font-size:15px;width:100%;}
	.detail .left .content ul.dinfo li span{width:57%;float:right;}
	.detail .left .content ul.dinfo li span.age{width:53%;float:right;}
	.detail .left .content ul.dinfo li a{width:60%;float:none;}
	.detail .left .content ul.dinfo li span.contact2,
	.detail .left .content ul.dinfo li a.weibo{width:70%;}
	.detail .left .content ul.dinfo li span.school{width:60%;}
	
	.detail .left .content table tr th:nth-child(3n+1){width:30%;}
	.detail .left .content table tr th:nth-child(3n+2){width:70%;}
	.detail .left .content table tr th:nth-child(3n){display:none;}
	.detail .left .content table tr td:nth-child(3n){display:none;}
	
	.detail .left .content ul.picture li{
		width:32%;padding:0 0px;
		height:150px;
		margin-right:2%;
	}
	.detail .left .content ul.picture li:nth-child(5n){margin-right:2%;}
	.detail .left .content ul.picture li:nth-child(3n){margin-right:0;}
	.detail .left .content ul.picture li > a{
		height:150px;
	}
	.detail .left .content ul.picture li > div.pimage{
		height:150px;
	}
	
	.detail .left .content ul.works li{
		width:33.3%;padding:0 0px;
		height:160px;
	}
	.detail .left .content ul.works li > a{
		height:130px;
	}
	.detail .left .content ul.works li.pic{
		width:32%;padding:0 0px;
		height:205px;
		margin-right:2%;
	}
	.detail .left .content ul.xs li.pic{
		height:180px;
	}
	.detail .left .content ul.works li.pic:nth-child(5n){margin-right:2%;}
	.detail .left .content ul.works li.pic:nth-child(3n){margin-right:0;}
	.detail .left .content ul.works li.pic > a{
		height:150px;
	}
	
	.detail .left .content ul.works li.txt > h4,
	.detail .left .content ul.works li.txt > div.txt_title{
		width:38%;
	}
	.detail .left .content ul.works li.txt > div.txt_year{
		width:17%;
	}
	.detail .left .content ul.works li.txt > div.txt_author{
		width:45%;
	}
	
	.detail .left .content ul.picture li.jb{
		width:32%;padding:0 0px;
		height:205px;
		margin-right:2%;
	}
	
	.detail .left .content .detail-content{}
	
	.detail .left .content ul.picture li.jb:nth-child(3n){margin-right:0;}
	.detail .left .content ul.relation li{
		width:33.3%;height:130px;font-size:15px;
		padding:0 7px;
	}
	.detail .left .content .actors .actor .or.noimg{width:100%;}
	.detail .left .content .actors .actor .ol{width:90px;}
	.detail .left .content .actors .actor .or{width:calc(100% - 100px);}
	.detail .left .content .actors .actor .or .ort{padding-bottom:5px;}
	.detail .left .content .actors .actor .or .orc{font-size:14px;padding:0;max-height:72px;line-height:23px;overflow:hidden;}
	.detail .left .content .actors .actor .or .orb{font-size:14px;padding:0;max-height:95px;line-height:23px;overflow:hidden;color:#9f9f9f;}
	
	.detail .left .content ul.summary li{
		width:50%;padding:0 3% 0 1%;
	}
	.detail .left .content ul.summary li.playurl{
		width:20%;
	}
	
	.detail .left .pn{height:70px;}
	.detail .left .pn .prev,.detail .left .pn .next{width:100%;}
	.detail .left .pn .prev{}
	.detail .left .pn .next{width:100%;margin-top:5px;}
	
	.detail .left .abouts{padding:10px;}
	.detail .left .abouts .article h4{width:100%;}
	.detail .left .abouts .article h4:nth-child(2n){padding-left:0;}
	
	.typenav ul{padding-left:10px;}
	.typenav ul li{}
	.typenav ul li a{padding:0 7px;font-size:14px;}
	
	.detail .left .list{
		padding:0px 10px 0px 10px;
	}
	.detail .left .list .one .ol{
		width:80px;
	}
	.detail .left .list .one .or{
		width:calc(100% - 90px);
	}
	.detail .left .list .noimg .or{
		width:100%;
	}
	.detail .left .list .one .or .desc img{
		width:100px;border-radius:5px;
	}
	
	.detail .left .tvinfo{
		padding:10px;
	}
	.detail .left .tvinfo .image{
		width:120px;
	}
	.detail .left .tvinfo .jieshao{
		width:calc(100% - 130px);
	}
	.detail .left .tvinfo .jieshao div.h1 h1{
		font-size:23px;margin-bottom:5px;
	}
	.detail .left .tvinfo .jieshao div.h1 span{
		font-size:23px;
	}
	.detail .left .tvinfo .jieshao.noimg{width:100%;}
	
	.detail .right{
		padding:10px 0 0px 0;width:100%;
	}
	.detail .right .rbox{padding:15px 10px;}
	.detail .right .rbox > span{padding-left:5px;}
	.detail .right .rbox ul li{
		width:33.3%;height:132px;margin:5px 0 8px 0;padding:5px;
	}
	.detail .right .rbox ul li > a{
		height:100px;
	}
	.detail .right .rbox ul li > a img{height:auto;}
	.detail .right .hot .hotlist{padding:10px 5px 0 5px;}
	.detail .right .types .typeslist{padding:10px 0 0 0;}
	
	
	
	/*搜索列表*/
	.searchtxt{width:98%;margin:10px auto;padding:10px;}
	.find{padding:0px 5px;margin-top:10px;}
	.find .one{height:150px;line-height:23px;font-size:13px;padding-top:10px;overflow:hidden;}
	.find .one a.people{
		text-indent:-1000px;display:block;width:110px;height:140px;float:left;
		margin:0 7px 0 0;
	}
	.find .one a.title{margin-right:10px;}
	.find .one span{margin-right:10px;}
	.find .one span.brief{margin-right:0;padding-top:5px;display:block;color:#888;}
	.find .one span.m-hidden{display:none;}
	
	
	
	/*留言页面*/
	.liuyan{}
	.liuyan .tip{padding:25px 10px;}
	.liuyan .form{padding:0px 10px 15px 10px;}
	.liuyan .form table tr{width:calc(100% - 20px);}
	.liuyan .form table tr td.td1{width:50px;}
	.liuyan .form table tr td textarea{width:100%;}
	.liuyan .form table tr td a.submit{
		width:80px;padding:5px 5px;
		font-size:15px;
	}
	
	
	
	.footer .good{height:55px;line-height:23px;margin-top:15px;}
	.footer .good span:nth-child(1){
		display:none;
	}
	.footer .good a:nth-child(7){
		display:block;
		width:100%;
		margin-top:10px;
	}
	.footer .good a img{height:23px;border:0;}
	.footer .declare{display:none;}
	.footer .links{margin:10px auto 0 auto;}
	.footer .links a{font-size:14px;}
	
	.path{margin-top:60px;padding-left:5px;}
	
	
	/*小导航*/
	#nav1{
		position:fixed;
		z-index:10000;
		left:0;
		top:0;
		width:100%;
		height:100%;
		background:rgba(50,50,50,.3);
		line-height:30px;
		display:none;
		margin-left:0;
		padding-top:0;
	}
	#nav1 .box{
		right:-180px;
		top:0;
		overflow-x:hidden;
		overflow-y:scroll;
		background:#fff;
		width:180px;
		height:100%;
		box-shadow:-5px 0 5px rgba(50,50,50,.3);
		transition:left ease-in-out 300ms;
		position:absolute;
	}
	#nav1 .box a.nav{
		background:none;
		width:100%;
		height:40px;
		line-height:40px;
		font-size:19px;
		text-align:left;
		padding:0 0 0 15px;
		font-weight:normal;
		border-top:1px solid #ccc;
	}
	#nav1 .box a.nav:hover{
		text-decoration:none;
		color:#17a1ff;
		background:none;
		font-weight:normal;
	}
	#nav1 .box a.nav:active,#nav1 .box a.nav:focus{
		color:#333334;
	}
	#nav1 .box a.act:hover{
		text-decoration:none;
		color:#17a1ff;
		background:none;
		font-weight:normal;
	}
	#nav1 .box a.child{
		font-size:16px;
		padding-left:50px;
		background:url(../images/nav3.png) 20px -15px no-repeat;
		border-top:0px solid #ccc;
		height:35px;
		line-height:35px;
	}
	#nav1 .box a.child.act{
		background:url(../images/nav3.png) 20px 10px no-repeat;
		color:#17a1ff;
	}
	#nav1 .box span.navfirst{
		display:none;
	}
	#nav1 .box span.navlast{
		display:none;
	}
	#nav1 .box .tou{
		display:block;
		width:100%;
		height:40px;
		line-height:40px;
	}
	#nav1 .box .tou i.leimu{
		font-size:28px;
		width:1em;
		height:1em;
		line-height:1em;
		vertical-align:middle;
		position:relative;
		margin-right:2px;
		font-weight:normal;
		font-family:"iconfont" !important;
		font-style:normal;
		-webkit-font-smoothing:antialiased;
		-moz-osx-font-smoothing:grayscale;
		line-height:40px;
		float:left;
		margin-left:10px;
	}
	@font-face{
	  font-family:"iconfont"; /* Project id 3440952 */
	  src:url(font/1.woff2) format('woff2');
	}
	#nav1 .box .tou i.leimu:before{
		content:"\e669";
	}
	#nav1 .box .tou i.lanmu{
		font-size:19px;
		float:left;
		margin-left:10px;
		font-style:normal;
	}
	#nav1 .box .tou i.shut{
		font-size:35px;
		float:right;
		margin-right:10px;
		font-style:normal;
		color:#888;
		display:inline;
		width:50px;
	}
	.navbtn{
		position:fixed;
		z-index:9999;
		width:50px;
		height:50px;
		line-height:50px;
		text-align:center;
		font-size:15px;
		color:#fff;
		background:#17a1ff;
		bottom:120px;
		right:3px;
		border-radius:3px;
		opacity:0.8;
	}
	a.navbtn:active,a.navbtn:focus{
		color:#fff;
	}
	
	
	.detail .left .typenav ul{padding-left:10px;}
	.detail .left .typenav ul li a{padding:0 3px;font-size:15px;}
	.detail .left .tvinfo img{width:120px;}
	
	
	dl h1{font-size:19px;color:#000;}
	dl h2.h1{font-size:16px;color:#000;}
	dl span.h1year{margin-left:1px;}
	dl.player{line-height:56px;}
	dl.player dt a{
		background:linear-gradient(90deg,#08f 0,#0095ff 100%);
		color:#fff;font-weight:bold;border-radius:2px;padding:8px 25px;
		font-size:18px;
	}
	
	/*
	.left > .list .one .desc img{width:100px;}
	.left > .list .one .desc dl,
	.left > .list .one .desc dl dt{line-height:26px;height:auto;}
	*/
}