body,html{ font-family: "Source Han Sans" !important; }
.zxapp_main{ width: 100%; background: #f2f3f6;}

.mui-bar-nav a{ color: #000;}
.m_banner{width: 100%;display: none;}
.m_banner img{ width: 100%; display: block;}

.zxapp_main .zxapp_tj .m_conter{ width: 100%; background: #FFF;padding:20px 0; margin-bottom: 20px;}
.zxapp_main .zxapp_tj .m_conter .m_conter_title{border-left:5px solid #0084ff; height: 30px; line-height: 30px; font-size:18px; color: #000 ;padding-left: 5px;overflow: hidden;}

.zxapp_main .zxapp_tj .m_conter .m_conter_title .moves{float: right;margin-right: 5px; font-size: 16px;}
.zxapp_main .zxapp_tj .m_conter .m_conter_title .moves a{color: #666;}



.m_conter{ width: 100%; background: #FFF;padding:15px 0; margin-bottom: 20px;}
.m_conter .m_conter_title{border-left:5px solid #0084ff; height: 30px; line-height: 30px; font-size:18px; color: #000 ;padding-left: 5px;overflow: hidden;}

.m_conter .m_conter_title .moves{float: right;margin-right: 5px; font-size: 16px;}
.m_conter .m_conter_title .moves a{color: #666;}


.artist{ width: 100%;margin-top: 30px;}
.artist a{ display: inline-block; padding: 0 10%; padding-top: 10px;}
.artist .artist_img img{ width: 100%; height: 145px;}
.artist  .artist_img{ width: 100%; height: 145px;}
.artist p{ text-align: center; height: 30px; line-height: 30px; font-size: 20px;color: #000; white-space: nowrap; overflow: hidden;}
.move{width: 100%;text-align: center;height: 30px;line-height: 30px;font-size: 18px;}
.move a{color: #0084ff;font-size: 16px;font-weight: 500;}
.shop{padding-top: 30px;}
.shop a{ display:block;padding: 0 3%;}
.shop a img{ width: 100%; height: 190px;}
.shop p{  height: 30px; line-height: 30px; font-size: 20px; color: #000;}
.shop a .dd_img img{ border-radius:10px}

.video{padding-top: 30px;}
.video a{ display:block;padding: 0 3%;}
.video a .video_img img{ width: 100%; height: 190px;}
.video p{  height: 60px; line-height: 25px; font-size: 18px; overflow: hidden;color: #000;}
.video a .dd_img img{ border-radius:10px}


.news{padding-top: 30px; padding-bottom: 20px;}
.news .news_eg{border-bottom: 1px solid #e5e5e5;padding: 10px 2%; overflow: hidden; }
/*.news .news_eg:last-child{border-bottom: none}*/
.news .news_eg .news_eg_l{ width: 30%; height: 140px; float: left;}
.news .news_eg .news_eg_l img{ width: 100%; height:140px;}
.news .news_eg .news_eg_r{ width:67%; float: right; height: 140px;;}
.news_eg_r .new_eg_title{ font-size: 30px; line-height:40px; height: 80px; overflow: hidden; color: #000;}
.news_eg_r .new_eg_time{ width: 100%; text-align: right; font-size: 20px; height: 20px; margin-top: 30px; color: #999;}

.forum{padding-top: 30px; padding-bottom: 20px;}
.forum .forum_eg{border-bottom: 1px solid #e5e5e5;padding: 10px 2%; overflow: hidden; }
.forum .forum_eg:last-child{border-bottom: none}
.forum .forum_eg .forum_eg_title{ height:40px; line-height: 40px; font-size: 30px; text-align: center; margin: 20px 5%; white-space: nowrap; overflow: hidden;text-overflow:ellipsis; color: #4e4f56;}
.forum_eg_txt{ line-height: 30px; max-height: 120px;overflow: hidden;text-overflow:ellipsis; font-size: 18px; letter-spacing: 1px; color: #666;}




.con_record{padding: 0 1%;padding-top:10px;}
.con_record ul{overflow: hidden; padding: 0px;}
.con_record ul li{ width: 48%; height: 190px; border:1px solid #ededed ; float: left; margin: 0 1%; margin-bottom: 20px; background: #fff; list-style-type: none; /*box-shadow:  3px 3px 3px  #ccc*/}
.con_record ul li .record_img{width: 100%; height: 150px; margin: 0 auto; overflow: hidden; text-align: center; position: relative; background: #FFF}
.con_record ul li .record_img .record_bgc{opacity: 0.3;position: absolute;; right: 4%; bottom: 0;background: #000;width: 40%; height:25px;}
.con_record ul li a{ display: block;}
.con_record ul li .record_img img{ padding-top:8px;position: absolute;   margin: auto;   top: -9999px;  right: -9999px;  bottom: -9999px;  left: -9999px; max-width:92% ;max-height:100%;}
.con_record ul li .record_title{width: 92%;margin: 0 auto; text-align: center; line-height: 30px; height: 30px; margin-top:5px; font-size: 14px; color: #101010;overflow: hidden;}
.con_record ul li .record_size{width: 92%;margin: 0 auto; text-align: center; line-height: 10px; height:10px; margin-top:4px; font-size: 12px; color: #a3a3a3;overflow: hidden;}
.con_record ul li .record_money{width: 92%;margin: 0 auto; text-align: center; line-height: 13px; height:15px; margin-top:4px; font-size: 14px; color: #fa6803;overflow: hidden;}



/*推荐*/
@media (max-width: 768px) {
	
	
	
	.zxapp_top{ height: 50px }
	.zxapp_top .zxapp_top_con{height:50px;}
	.zxapp_nav{ width: 100%;}
    .zxapp_nav .zxapp_nav_top{height: auto;}
	.zxapp_nav .zxapp_nav_top .zxapp_nav_left .swiper-wrapper a{ text-align: center; color: #000; line-height: 37px; font-size: 18px; font-weight: 600;}
	
	.m_conter .m_conter_title{border-left:5px solid #0084ff; height: 25px; line-height: 25px; font-size:20px !important; color: #333 ;padding-left: 5px; font-weight: 600; overflow: hidden;}
    .m_conter .m_conter_title .moves{float: right;margin-right:10px; font-size: 12px; color: #000;}
	.m_conter .m_conter_title .moves a{color: #000; margin-right: 5%;}
	
	.zxapp_main .m_conter{ width: 100%; background: #FFF;padding-top:10px}
	.zxapp_main .m_conter .m_conter_title{border-left:5px solid #0084ff; height: 25px; line-height: 25px; font-size:20px !important; color: #333 ;padding-left: 5px; font-weight: 600; overflow: hidden;}
	 .zxapp_main .m_conter .m_conter_title .moves{float: right;margin-right:10px; font-size: 12px; color: #000;}
	 .zxapp_main .m_conter .m_conter_title .moves a{color: #000; margin-right: 5%;}
	 .zxapp_main .zxapp_tj .m_conter .m_conter_title .moves{font-size: 12px; color: #000; }
	 
	.artist{ width: 100%;margin-top: 10px;padding:0 2%; padding-bottom: 10px;}
	.artist a{ display: block; padding: 0 5%;}
    .artist  .artist_img{ width: 100%; height: 120px; position: relative; margin-bottom:13px;}
	.artist .artist_img img{ width: 100%;  height:120px}
	.artist p{text-align: center;height: 25px;line-height:28px;font-size: 14px;white-space: nowrap;overflow: hidden;width: 100%;position:absolute;bottom: 15px;left: 0px;z-index: 9;color: #FFF;}
	.artist .bg{height: 25px; width: 90%; background: #000;position:absolute; bottom:13px; left:5%;z-index: 6; opacity: 0.5;}
    .move{width: 100%;text-align: center;height: 20px;font-size: 14px;margin: 5px 0;}
 font-weight: 500;
}
    .artists{ width: 100%;margin-top: 10px;padding:0 2%;}
	.artists a{ display: block; padding: 0 5%;}
    .artists  .artist_img{ width: 100%; height: 120px;}
	.artists .artist_img img{ width: 100%;  height:120px}
	.artists p{ text-align: center; height: 25px; line-height:25px; font-size: 14px; white-space: nowrap; overflow: hidden; color: #000; }
    
    
    
   
    .dd_img{ height: 110px;}
    .shop{padding:0 2%;padding-top: 10px;}
	.shop a{ display:block;padding: 0 3%;}
	.shop a img{ width: 100%; height: 110px;}
	.shop p{  height: 30px; line-height:30px; font-size: 16px;}

	.video{padding:0 2%;padding-top: 10px;}
	.video a{ display:block;padding: 0 3%;}
	.video a .video_img img{ width: 100%; height:110px;}
	.video p{  height:40px;  line-height: 20px; font-size: 16px;overflow: hidden; margin-bottom: 10px;}
	/*.video a .dd_img img{ border-radius:10px}*/
	
	
	.news{padding:0 2%;padding-top: 10px;}
	.news .news_eg{border-bottom: 1px solid #e5e5e5;padding: 10px 2%; overflow: hidden;}
	.news .news_eg .news_eg_l{ width: 30%; height: 70px; float: left;}
	.news .news_eg .news_eg_l img{ width: 100%; height:70px;}
	.news .news_eg .news_eg_r{ width: 67%; float: right; height: 70px;}
	.news_eg_r .new_eg_title{ font-size:16px; line-height:22px; height:45px; overflow: hidden;}
	.news_eg_r .new_eg_time{ width: 100%; text-align: right; font-size: 12px; height: 20px;  margin-top: 10px;}
	.news_eg .news_eg_rr{ width: 100%; max-height: 70px; }
	.news_eg_rr .new_eg_title{ font-size:18px; line-height:22px;height:44px; margin-bottom:0px; color: #000;overflow: hidden; }
	.news_eg_rr .new_eg_time{ width: 100%; text-align: right; font-size: 12px; height: 20px;  margin:0px}
		

.forum{padding:0 2%;padding-top: 10px;}
.forum .forum_eg{border-bottom: 1px solid #e5e5e5;padding: 10px 2%; overflow: hidden; }
.forum .forum_eg:last-child{border-bottom: none}
.forum .forum_eg .forum_eg_title{ height:30px; line-height: 30px; font-size: 18px; text-align: center; margin: 5px 5%; white-space: nowrap; overflow: hidden;text-overflow:ellipsis; color: #000; font-weight: 600;}
.forum_eg_txt{ line-height: 20px; max-height:60px;overflow: hidden;text-overflow:ellipsis; font-size:15px; letter-spacing: 0px; color: #666;}

		
}


/*艺术家*/
.g_artist{ width: 100%; background: #FFF;}
.g_artist_conter{width:100%;   background: #f2f3f6;}
.g_collector_conter{width:100%;   background:#f2f3f6 ;}
.g_entrepreneur_conter{width:100%;   background:#f2f3f6 ;}
.g_mechanism_conter{width:100%;   background:#f2f3f6 ;}
.g_university_conter{width:100%;   background:#f2f3f6 ;}
.g_album_conter{width:100%;   background:#f2f3f6 ;}
.g_newscon_conter{width:100%;   background:#f2f3f6 ;}
.g_newscon{ padding-bottom: 30px;}
.g_vcard{ padding-bottom: 30px;}


.g_tj{ width: 100%;padding:0 2%; padding-top: 20px;}
.g_tj .row_tj{ padding: 0 2%; overflow: hidden;}
.g_tj .row_tj p{ white-space: nowrap; text-align: center; height: 30px; line-height: 30px; margin-bottom: 5px; font-size: 20px; color: #343434; overflow: hidden;}
.g_tj .row_tj img{width: 100%;display: inline-block;height: 160px;}

.g_news{width: 100%;padding:0 2%; padding-top: 20px;}
.g_news .news_eg{border-bottom: 1px solid #e5e5e5;padding: 10px 2%; overflow: hidden; }
.g_news .news_eg:last-child{border-bottom: none}
.g_news .news_eg .news_eg_l{ width: 26%; height: 140px; float: left;}
.g_news .news_eg .news_eg_l img{ width: 100%; height:140px;}
.g_news .news_eg .news_eg_r{ width: 70%; float: right; height: 140px;}
.g_news .news_eg_r .new_eg_title{ font-size: 30px; line-height:40px; height: 80px; overflow: hidden; color: #343434;}
.g_news .news_eg_r .new_eg_time{ width: 100%; text-align: right; font-size: 20px; height: 20px; margin-top: 30px; color: #999;}

.g_video{width: 100%; padding-top: 20px; background: #f2f3f6;}
.g_video .video_eg{ width: 100%; background: #FFF;padding: 20px 4%; margin-bottom: 20px;}
.g_video .video_eg a{ display: block;}
.g_video .video_eg .video_img{ position: relative;}
.g_video .video_eg .video_img img{ width:100%;}
.g_video .video_eg .video_img .play{ position: absolute; left: 43%; top: 32%; width: 101px; height: 101px; background: url(../images/paly.png) no-repeat;}
.g_video .video_eg .video_p1{ height: 60px; line-height: 60px; font-size: 32px; white-space: nowrap; overflow: hidden;text-overflow:ellipsis;}
.g_video .video_eg .video_time{ height: 30px; line-height: 30px; font-size: 26px;}


.g_artsc{ width: 100%;padding-top: 15px; margin-top: 10px; background: #f2f3f6;padding-bottom: 10px;}
.g_artsctp{ width:96%; margin: 0 2%;}
.g_artsctp  .row_sc{margin: 0 2%; width: 46%;  background: #FFF; margin-bottom: 20px;}
.g_artsctp img{ width: 100%; display: block; height: 330px;}
.g_artsctp p{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.g_artsctp .p1{ height: 60px; line-height: 60px; color: #333; font-size: 26px;margin: 0 5%;}
.g_artsctp .p2{ height: 35px; line-height: 35px;font-size: 26px; color: #ff2e2e;margin: 0 5%;}
.g_artsctp .p3{ height: 60px; line-height: 60px; color: #333; font-size: 26px;margin: 0 5%; text-align: center;}
.g_artsctp .p4{ height: 35px; line-height: 35px;font-size: 26px; margin: 0 5%;text-align: center;}


.g_threed_conter{ width: 100%;padding-top: 20px;}
.g_threed_conter .threed{ width: 100%; padding: 0 2%;}
.g_threed_conter .threed .threed_s{ padding: 0 2%;}
.g_threed_conter .threed .threed_s img{ width: 100%; height: 190px; border-radius:10px}
.g_threed_conter .threed .threed_s p{ color: #4d4f56; font-size: 26px; height: 45px; line-height: 45px; margin-bottom:10px; text-align: center;}


.g_album_conter{ width: 100%;padding-top: 20px;}
.g_album_conter .g_album_tjmj{width: 100%; padding: 0 2%;}
.g_album_conter .g_album_tjmj .row_tj{ padding: 0 2%;}
.g_album_conter .g_album_tjmj .row_tj img{ width: 100%; display: block;}
.g_album_conter .g_album_tjmj .row_tj p{white-space: nowrap; text-align: center; height: 30px; line-height: 30px; margin-bottom: 5px; font-size: 20px; color: #343434; overflow: hidden;}


/* container */

#container{ padding: 0 2%; overflow: hidden; width:100%; background: #f2f3f6; padding-top: 20px; min-height: 600px;}

#container ul{list-style:none;float:left; width:50%;padding: 0 2%;}

#container ul li{margin-bottom:20px; width:100%; background: #FFF;}

#container ul li img{width:100%; max-height: 400px;}
#container ul li p{ color: #333; font-size:14px;padding: 0 5%; padding-top: 5px; height: 25px;}
#container .col .zx{ overflow: hidden; font-size: 12px; color: #cdcdcd; padding: 0 5%; padding-bottom: 5px;}
#container .col .author{ float: left;}
#container .col  .ly{ float: right;}



.g_record_conter{width:100%;   background:#f2f3f6 ;padding-bottom: 0px;}
.g_record_conter .tjzl{ width: 100%; height: auto; padding: 0 4%;padding-top: 15px;}
.g_record_conter .tjzl a{ display: block;}
.g_record_conter .tjzl .tjzl_eg{ position:relative; width: 100%; margin-bottom: 20px;}
.g_record_conter .tjzl .tjzl_eg img{ width: 100%; height: 228px; border-radius: 10px; display: block; }
.g_record_conter .tjzl .tjzl_eg .tjzl_txt{ width: 80%; height: 228px; position: absolute; left: 10%; top: 60px;font-size: 33px; line-height: 50px; letter-spacing: 1px; font-weight: 500; text-align: center; color: #FFF;;}
.zl_news{ width: 100%; height: auto; padding: 0 4%;}
.zl_news .zl_news_eg{border-bottom: 1px solid #e5e5e5;padding-top: 15px;}
.zl_news .zl_news_eg:last-child{border-bottom: 0px solid #e5e5e5;}
.zl_news .zl_news_eg a{ display: block;}
.zl_news .zl_news_eg .title{ max-height: 90px; line-height: 40px; font-size: 30px; overflow: hidden; color: #333;}
.zl_news .zl_news_eg .time{ height: 30px; line-height: 30px;font-size: 14px; color: #999;}
.zlscene{ width: 100%; height: auto;padding: 15px 0 10px 0;}
.zlscene .zlscene_eg{ width: 100%; height: 330px; position: relative; margin-bottom: 10px;}
.zlscene .zlscene_eg a{ display: block;}
.zlscene .zlscene_eg a img{ width: 100%; height: 330px; display: block;}
.zlscene .zlscene_eg .zlscene_txt{ width: 100%; height: 100px;position: absolute;left: 0px;bottom: 0px; font-size:33px; text-align: center; color: #FFF;line-height: 100PX; overflow: hidden; white-space: nowrap; z-index: 2;}
.zlscene .zlscene_eg .zlscene_bg{width: 100%; height: 100px; position: absolute;left: 0px;bottom: 0px; background: #000; opacity: 0.3;}

.g_masters_conter{width:100%; background: #f2f3f6;}
.masters_jpxs{ width: 100%;background: #f2f3f6; margin-top: 15px;}
.masters_jpxs_eg{ width: 100%; margin-bottom: 10px; }
.masters_jpxs_eg a{ display: block;}
.masters_jpxs_eg img{ width: 100%;height: 325px; display: block;}
.masters_jpxs_eg_txt{  width: 100%; height: 70px; line-height: 70px; padding: 0 5%; overflow: hidden; background: #FFF;}
.masters_jpxs_eg_txt .masters_jpxs_eg_title{ width: 65%; float: left; font-size: 32px; color: #333; white-space: nowrap;overflow: hidden;}
.masters_jpxs_eg_txt .masters_jpxs_eg_time{ width: 30%; float: right; text-align: right; font-size: 24px; color: #999; }
.masters_ft{width: 100%; height: auto; background: #f2f3f6; }
.masters_ft .masters_ft_eg { width: 100%; margin-bottom: 20px; background: #FFF;padding: 0 4%; padding-top: 15px;}
.masters_ft .masters_ft_eg  .masters_ft_img{ width: 100%; position: relative; height: 330px;}
.masters_ft .masters_ft_eg  .masters_ft_img img{ width: 100%; height: 330px;}
.masters_ft .masters_ft_eg  .masters_ft_img .plays{ position: absolute; left: 43%; top: 32%; width: 101px; height: 101px; background: url(../images/paly.png) no-repeat;}
.masters_ft .masters_ft_eg p{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.masters_ft .masters_ft_eg .p1{ height: 50px; line-height: 50px; color: #333; font-size: 30px; margin: 5px 0;}
.masters_ft .masters_ft_eg .p2{ height: 30px; line-height: 30px; color: #999; font-size: 20px; letter-spacing: 1px; }
.masters_ft .masters_ft_eg .p3{ text-align: right;margin-right: 1%;color: #999; font-size: 18px; height: 40px; line-height: 40px;}


.g_design_conter{width:100%; background: #f2f3f6;}
.shoot{ width: 100%; height:auto; background: #f2f3f6; margin-top: 15px;}
.shoot_eg{ margin-bottom: 10px; background: #FFF;}
.shoot_eg .shoot_img{ width: 100%; height: 325px;}
.shoot_eg .shoot_img img{ width:100%; height: 325px; display: block;}
.shoot_eg .shoot_con{ height: 90px; padding: 10px 4%; overflow: hidden;}
.shoot_con .shoot_txt{ float: left; width:80%;}
.shoot_con .shoot_icon{ float: right; width: 36px; height: 36px; background: url(../images/palys.png) no-repeat; margin-top: 20px;}
.shoot_con .shoot_txt p{ overflow: hidden; white-space: nowrap;}
.shoot_eg .shoot_con .p1{ height: 45px; line-height: 45px; font-size: 30px; color: #333;} 
.shoot_eg .shoot_con .p2{ color: #999; height: 30px; line-height: 30px; font-size: 16px;}

.g_blog{background: #f2f3f6; padding-top: 15px;}
.g_blog_conter{width:100%; background: #f2f3f6;}
.blog_con{ background: #f2f3f6;}
.blog_con .blog_eg{ background: #fff; margin-bottom: 15px;padding-top: 15px;}
.blog_con .blog_eg:first-child{padding-top: 0px;}
.blog_eg a{ display: block;}
.blog_eg .blog_top{ padding: 0 4%; width: 100%;}
.blog_eg .blog_img{ width: 100%;}
.blog_eg .blog_img img{ width: 100%; display: block;}
.blog_eg .blog_txt{}
.blog_eg .blog_txt .p1{ height: 30px; line-height: 30px;overflow: hidden; white-space: nowrap; font-size: 16px; color: #333; margin: 5px 0;}
.blog_eg .blog_txt .p2{ max-height: 44px; line-height:22px; font-size: 14px;color: #999; width: 100%; overflow: hidden; margin-bottom: 10px;}
.blog_con .blog_bottom{ width: 100%; border-top: 1px solid #e5e5e5; padding: 10px 4%; overflow: hidden;}
.blog_con .blog_bottom .zf{ width:20px; height: 20px; background: url(../images/palys.png) no-repeat; background-size: 100% 100%; float: left;}
.blog_con .blog_bottom .fwl{ float: left; color: #999; overflow: hidden; margin-left: 40px;}
.blog_con .blog_bottom .fwl i{width:20px; height: 20px; background: url(../images/ly.png) no-repeat ; background-size: 100% 100%; display:inline-block; float: left;  margin-right: 10px;}
.blog_con .blog_bottom .fwl span{ font-size: 14px; float: left; height: 20px;}


.g_video_conter{width:100%; background: #f2f3f6;}
.videocon{ margin-top: 10px;padding: 0 1%;}
.videocon .videocen{padding: 0 1%;}
.videocon .videocen a{ display: block; }
.videocon .videocon_img{ width: 100%; }
.videocon .videocon_img img{ width: 100%; display: block; height: 100px;}
.videocon .videocen p{ height: 30px; line-height: 30px; text-align: center; white-space: nowrap; overflow: hidden;text-overflow:ellipsis;color: #4d4f56;}

.loaddiv{ font-size: 14px;text-align: center; width: 100%; position: fixed; left:0px; bottom: 0px; z-index: 999; height: 30px; line-height: 30px; display: none;  opacity: 0.6; }
.null{text-align: center;height:40px;}
@media (max-width: 768px) {
  .g_tj .row_tj img{ height:120px; width: 100%; display: inline-block;}
  .g_tj .row_tj p{ height: 30px; line-height: 30px; font-size: 14px;}
  .g_tj .artist_img{ width: 100%; height: 125px;}
  
  
  	.g_news .news_eg{border-bottom: 1px solid #e5e5e5;padding: 10px 2%; overflow: hidden;}
	.g_news .news_eg .news_eg_l{ width: 26%; height: 70px; float: left;}
	.g_news .news_eg .news_eg_l img{ width: 100%; height:70px;}
	.g_news .news_eg .news_eg_r{ width: 70%; float: right; height: 70px;}
	.g_news .news_eg_r .new_eg_title{ font-size:15px; line-height:22px; height:45px; overflow: hidden;}
	.g_news .news_eg_r .new_eg_time{ width: 100%; text-align: right; font-size: 12px; height: 20px;  margin-top: 10px;}
  .g_video{ padding-top: 10px;}
  .g_video .video_eg{ width: 100%;}
  .g_video .video_eg .video_img{ position: relative; height: 175px;}
  .g_video .video_eg .video_img img{ width:100%; height: 175px;}
  .g_video .video_eg .video_img .play{ position: absolute; left: 40%; top: 25%; width: 70px; height:70px; background: url(../images/paly.png) no-repeat; background-size: 100% 100%;}
  .g_video .video_eg .video_p1{ height: 30px; line-height: 30px; font-size: 16px; white-space: nowrap; overflow: hidden;text-overflow:ellipsis;margin-top: 5px;}
 .g_video .video_eg .video_time{ height: 20px; line-height: 20px; font-size:12px;}
 
 
 .g_artsctp img{ width: 100%; height: 165px;}
 .g_artsctp .p1{ height: 30px; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #333; font-size: 15px;margin: 0 5%;}
.g_artsctp .p2{ height: 20px; line-height: 20px;font-size: 14px; color: #ff2e2e;margin: 0 5%; margin-bottom: 5px; }
 .g_artsctp .p3{ height:25px; line-height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #333; font-size: 15px;margin: 0 5%;padding-top: 5px; text-align: center;}
.g_artsctp .p4{ height: 20px; line-height: 20px;font-size: 14px; margin: 0 5%; margin-bottom: 5px; text-align: center; }


.g_threed_conter .threed .threed_s img{ width: 100%; height: 100px; border-radius:10px}
.g_threed_conter .threed .threed_s p{ color: #4d4f56; font-size: 14px; height: 25px; line-height: 25px; margin-bottom:5px;}


.g_album_conter .g_album_tjmj .row_tj p{ height: 30px; line-height: 30px; font-size: 14px;}
.g_album_conter .g_album_tjmj .row_tj .artist_img{ width: 100%; height: 106px;}

.g_record_conter .tjzl .tjzl_eg{ margin-bottom:15px;}
.g_record_conter .tjzl .tjzl_eg img{ width: 100%; height: 100px;  }
.g_record_conter .tjzl .tjzl_eg .tjzl_txt{ width: 80%; height:60px; position: absolute; left: 10%; top: 30px;font-size: 16px; line-height: 20px; letter-spacing: 1px; font-weight: 500; text-align: center; color: #FFF; overflow: hidden;}
.zl_news .zl_news_eg .title{ max-height: 40px; line-height:20px; font-size: 16px; overflow: hidden; color: #333;}
.zl_news .zl_news_eg .time{ height: 30px; line-height: 20px;font-size: 13px;padding: 5px 0;}



.zlscene .zlscene_eg{ width: 100%; height: 155px; position: relative; margin-bottom: 5px;}
.zlscene .zlscene_eg a{ display: block;}
.zlscene .zlscene_eg a img{ width: 100%; height: 155px; display: block;}
.zlscene .zlscene_eg .zlscene_txt{ width: 100%; height: 45px;position: absolute;left: 0px;bottom: 0px; font-size:16px; text-align: center; color: #FFF;line-height: 45PX; overflow: hidden; white-space: nowrap;z-index: 2;}
.zlscene .zlscene_eg .zlscene_bg{width: 100%; height: 45px; position: absolute;left: 0px;bottom: 0px; background: #000; opacity: 0.3;}

.masters_jpxs_eg img{ width: 100%;height: 160px; display: block;}
.masters_jpxs_eg_txt{  width: 100%; height:35px; line-height: 35px; padding: 0 5%; overflow: hidden; background: #FFF;}
.masters_jpxs_eg_txt .masters_jpxs_eg_title{ width: 65%; float: left; font-size: 14px; color: #333;}
.masters_jpxs_eg_txt .masters_jpxs_eg_time{ width: 30%; float: right; text-align: right; font-size: 12px; color: #999; }
.masters_ft .masters_ft_eg { width: 100%; margin-bottom: 10px;}
.masters_ft .masters_ft_eg  .masters_ft_img{ width: 100%; position: relative; height:170px;}
.masters_ft .masters_ft_eg  .masters_ft_img img{ width: 100%; height: 170px;}
.masters_ft .masters_ft_eg  .masters_ft_img .plays{  position: absolute; left: 40%; top: 25%; width: 70px; height:70px; background: url(../images/paly.png) no-repeat; background-size: 100% 100%;}
.masters_ft .masters_ft_eg p{ overflow: hidden; white-space: nowrap;}
.masters_ft .masters_ft_eg .p1{ height: 30px; line-height:30px; color: #333; font-size: 16px; margin: 5px 0;}
.masters_ft .masters_ft_eg .p2{ height: 20px; line-height: 20px; color: #999; font-size: 14px; letter-spacing: 1px; }
.masters_ft .masters_ft_eg .p3{ text-align: right;margin-right: 1%;color: #999; font-size: 14px; height: 40px; line-height: 40px;}

.shoot_eg .shoot_img{ width: 100%; height: 165px;}
.shoot_eg .shoot_img img{ width:100%; height: 165px; display: block;}
.shoot_eg .shoot_con{ height: 55px; padding: 5px 4%; overflow: hidden;}
.shoot_con .shoot_txt{ float: left; width:80%;}
.shoot_con .shoot_icon{ float: right; width: 25px; height: 26px; background: url(../images/palys.png) no-repeat; background-size: 100% 100%; margin-top: 10px;}
.shoot_con .shoot_txt p{ overflow: hidden; white-space: nowrap;}
.shoot_eg .shoot_con .p1{ height:25px; line-height: 25px; font-size: 16px; color: #333;} 
.shoot_eg .shoot_con .p2{ color: #999; height:20px; line-height: 20px; font-size: 14px;}



.loaddiv{ font-size: 14px;text-align: center; width: 100%; position: fixed; left:0px; bottom: 0px; z-index: 999; height: 30px; line-height: 30px; display: none;  opacity: 0.6; }
.null{text-align: center;height:40px;}
}


#to_top{ width: 30px; height: 30px; background: url(../images/top.png) no-repeat; display: none; position: fixed; right:10px; bottom: 20px; z-index: 999;}










/*首页侧滑登录*/
.denglu .area {
 	margin: 20px auto 0px auto;
 }
 
.denglu .mui-input-group {
	margin-top: 10px;
}

.denglu .mui-input-group:first-child {
	margin-top: 20px;
}

.denglu .mui-input-group label {
	margin-top: 1px;
	width: 30%;
	font-size: 14px;
}

.denglu .mui-input-row label~input,
.denglu .mui-input-row label~select,
.denglu .mui-input-row label~textarea {
	width: 70%;
	font-size: 14px;
}

.denglu .mui-checkbox input[type=checkbox],
.denglu .mui-radio input[type=radio] {
	top: 6px;
}

.denglu .mui-content-padded {
	margin-top: 40px;
}

.denglu .mui-btn {
	padding: 0px;
	height: 40px;
	font-size: 16px
}

.denglu .link-area {
	display: block;
	margin-top: 25px;
	text-align: center;
}
.denglu .link-area a{
	 font-size: 14px
}
.denglu .spliter {
	color: #bbb;
	padding: 0px 8px;
}

.denglu .oauth-area {
	position: absolute;
	bottom: 20px;
	left: 0px;
	text-align: center;
	width: 100%;
	padding: 0px;
	margin: 0px;
}

.denglu .oauth-area .oauth-btn {
	display: inline-block;
	width: 50px;
	height: 50px;
	background-size: 30px 30px;
	background-position: center center;
	background-repeat: no-repeat;
	margin: 0px 20px;
	/*-webkit-filter: grayscale(100%); */
	border: solid 1px #ddd;
	border-radius: 25px;
}

.denglu .oauth-area .oauth-btn:active {
	border: solid 1px #aaa;
}

.denglu .oauth-area .oauth-btn.disabled {
	background-color: #ddd;
}

.denglu .mui-content {
	background: #FFF;
	;
}

body {
	background: #FFF;
	;
}

.denglu label {
	color: #666;
	PADDING: 11PX 10PX
}

.loadig {
	width: 60px;
	height: 60px;
	background: #000;
	opacity: 0.8;
	position: fixed;
	left: 42%;
	top: 40%;
	border-radius: 5px;
	display: none;
}

.left_con {
	background: #000;
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 9900;
	opacity: 0.5;
	transform: translateX(-100%);
	transition: all .5s ease-out 0s
}

.left_con2 {
	width: 70%;
	height: 100%;
	background: #FFF;
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 9999;
	transform: translateX(-100%);
	transition: all .5s ease-out 0s
}

.show {
	transform: translateX(0);
}
.denglu_after{padding-top: 60px;text-align: center;}
.denglu_after_tx{ }
.denglu_after .usersrc{ width: 100px; height: 100px; border-radius:50%;}	
.denglu_after .usernaem{ font-size: 16px ; color: #333; margin-top: 15px;}		 
.denglu_after .zhuxiao{position: absolute;bottom:0;left: 0; width: 100%; height: 40px; line-height: 40px; background: #007AFF; color: #fff;}
.denglu_after .zhuxiao a{color: #FFF; display: block;}
.dl_loading{ display: none;position: absolute; left: 40%; top: 150px; z-index: 666;}
.dl_loading p{ margin-left: 10px;}



.clear{ clear: both;}
.fl{/*float: left;*/ overflow: hidden; width: 100%;padding-left:10px  }
.fr{ float: right;}

.ft-nav {
    background-color: #0084ff;
    height: 40px;
/*    padding-right: 10px;*/
    text-align: center;
}
.ft-nav li {
    float: left;
    font-size: 14px;
    line-height: 40px;
    list-style-type: none;
    width: 33%;
}
.ft-nav li a {
    color: #fff;
    display: inline-block;
    padding: 0 14px;
}
.ft-nav li a.cur {
    color: #90d2ee;
}
.ft-nav li i.op-line {
    color: #5cbcec;
    font-style: normal;
}
.copy_right .return-btn {
    
    display:none;
    font-size: 12px;
    height: 25px;
    line-height: 25px;
    margin-top: 9px;
    padding: 0 5px;
     float: right;
      opacity: 0.8;
     position: fixed;
     bottom:80px;
     right:2px;
     z-index: 9999;
     
}
.copy_right .return-btn i.icon {
     background: url(../images/wapicon_03.png) no-repeat 0 -2px;
     background-size: 60% 100%;
    display: inline-block;
    height: 13px;
    margin-left: 3px;
    vertical-align: middle;
    width: 8px;
}
.copy_right {
    background-color: #ebebeb;
    color: #999;
    font-size: 10px;
    text-align: center;
}
.copy_right a.feedback {
    color: #0099e6;
    font-size: 12px;
    margin-left: 5px;
}
.copy_right a.wap {
    color: #999;
    font-size: 12px;
    margin-left: 5px;
}

.m_conter .con_art{ display: none;}

/*底部广告*/
#bottom {
	display: none;
	position: fixed;
	bottom: 0;
	width: 100%;
	max-height: 100px;
	z-index: 10;
	background-color: rgba(0,0,0,0.6);
	padding: 5px 45px 4px 5px;
}
#bottom>span {
	width: 22px;
	color: rgb(167,167,159);
	border: 0;
	font-size: 2em;
	position: absolute;
	right: 13px;
	top: 13px;
	z-index: 1012;
}
#bottom img {
	float: left;
	margin: 0 10px;
	width: 20%;
	height: 40px;
	display: inline-block;
}
#bottom a {
	color: #fff;
}
#bottom li a>button {
	border: 0;
	background: #0084f2 none repeat scroll 0 0;
	border-radius: 5px;
	float: right;
	width: 60px;
	height: 25px;
	line-height: 25px;
	font-size: 14px;
	margin-top: 5px;
	padding: 0;
}
.bottom-txt {
	display: flex;
	height: 40px;
	float: left;
	align-items: center;
	width: 50%;
	overflow: hidden;
}
.bottom-txt span {
	overflow: hidden;
	font-size: 15px;
	max-height: 40px;
	height: 20px;
	line-height: 20px;
	margin: auto 0;
}
.appnav{
    display: initial!important;
}
.appnav .swiper-slide{
    width: 25%!important;
    float: left;
}















.app-index{
    position: absolute;
    top: 2px;
    left: 15px;
    display: block;
}
.app-index a{
    color: #fff;
}
.app-index a i{
    font-size: 25px;
}
.app-more{
    position: absolute;
    top: 2px;
    right: 15px;
    display: block;
}
.app-more a{
    color: #fff;
}
.app-more a i{
    font-size: 25px;
}
.app-top{
    width: 100%;
    text-align: center;
    height: 50px;
    line-height: 50px;
    background: #d10005;
}
.app-logo{
    color: #fff;
}

.user-name{
    padding: 20px;
}
.user-name span{
    text-align: center;
    width: 100%;
    display: block;
    height: 80px;
    line-height: 80px;
    font-size: 22px;
    color: #0054ce;
}
.user-name ul{
    overflow: hidden;
}
.user-name ul li{

font: 16px arial;

border-radius: 5px 5px 5px 5px;

display: block;

float: left;

text-align: center;

margin-left: 2%;

color: #ffffff;

height: 32px;

line-height: 32px;

margin: 3% 1%;

width: 31%;

border-right: 0;

background: #ff7676;
}
.user-name ul li a{
    color: #fff;
}
.layui-layer {
    background-color: #ffffffdb!important;
}
.app-logo a{ color: #fff;}

.layui-layer-loading {
    display: none;
}