@charset "utf-8";
/* CSS Document */
@font-face {font-family: "Opensans-Regular";src: url("../font/font.woff2");}
@font-face {font-family:BarlowCondensed-Regular; src:url(../font/BarlowCondensed-Regular.ttf);}
@font-face{font-family:'din'; src: url('../font/din.OTF');}
@font-face {font-family: roboto_l; src: url(../font/ROBOTO-LIGHT-10.TTF);}
@font-face {font-family: Barlow-Bold; src: url(../font/Barlow-Bold.TTF);}
@font-face{ font-family:LEMONMILK; src:url(../font/LEMONMILK-1.OTF);}
@font-face {font-family: Humanist521BT;src: url("../font/Humanist521BT.TTF");    }
@font-face {font-family: PingFang; src: url(../font/PingFangLight.TTF);}
body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,p,form,img,select{margin:0; padding:0;}
body{ color: #333;  font-size:14px; font-family: "Microsoft YaHei","微软雅黑"; overflow-x:hidden;background:#f2f2f2;}
a{text-decoration:none; color:#333;}
a:hover{color:#ea4335;}

ul,li{list-style:none;}
.clear{clear:both;}
img{border:0;}
.fl{float:left;}
.fr{float:right;}
.fot_blank{height:1rem;}


/*滚动条美化*/
body::-webkit-scrollbar {
  width: 10px !important;
}
body::-webkit-scrollbar-track {
  background-color: #f3f3f3;
}
body::-webkit-scrollbar-track-piece {
  background-color: #f3f3f3;
  -webkit-border-radius: 4px;
}
body::-webkit-scrollbar-thumb {
  background-color: #ddd;
  border: solid 1px #C0C0C0;
  border-radius: 4px;
}
body::-webkit-scrollbar-corner {
  background-color: #ddd;
}
body::-webkit-resizer {
  background-repeat: no-repeat;
  background-position: bottom right;
}
body::-webkit-scrollbar-thumb:hover {
  background-color: #F3F3E0;
}
::-webkit-scrollbar {
  width: 15px;
}

/*图片放大*/
.picShow img:hover,.picShow a:hover img{transition:all 200ms ease-out 0s; 
  -webkit-transform:scale(1.15);
  moz-transform:scale(1.15);
  -o-transform:scale(1.15);
  transform:scale(1.15);
opacity:1;}
.picShow img{transition:all 500ms ease-out 0s; }


.main{width: 90%; margin: auto; max-width: 1400px; min-width: 1200px; }
.flex_space{display:flex;justify-content:space-between; flex-wrap:wrap;}
.flex_start{display: flex;justify-content: flex-start;flex-wrap:wrap;}
.t_center{display:flex; flex-direction:column; justify-content:center;align-items:center;}

/*文字省略*/
.ellipsis1 {overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.ellipsis2 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.ellipsis3 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;}
.ellipsis4 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;text-overflow: ellipsis;}

.col_3  li{width: 32%; margin-right:2%;}
.col_4  li{width: 24%; margin-right:1.33%;}
.col_3  li:nth-child(3n),
.col_4  li:nth-child(4n){ margin-right:0;}


/*头部*/
.header{ background:#191919; min-width:1200px; /*background-size:cover; box-shadow: 0 5px 10px rgba(0,102,204,0.2);*/ }
.header .logo{ height:70px; display:flex; justify-content:center;align-items:center;}
.header .logo .pic{height:56px; margin-right:15px;}
.header .logo img{height:100%; display:block;}
.header .logo .txt{height:56px;  display:flex; justify-content:center; flex-direction:column; font-size:.22rem;  color:#fff; font-weight:bold;}



.top_search {display:flex; justify-content:center;align-items:center; margin-right:.5rem;}
.top_search form{position:relative;}
.top_search #keyword {padding-left: 20px; border-radius:30px; outline:none;
	height:30px;width:2.1rem;box-sizing: border-box;border:none; background:rgba(255,255,255,0.6);}
.top_search .btn_blue {width: 30px; height: 30px; border:0; box-sizing: border-box;outline:none; position:absolute; top:5px; right:5px;
	background:url(../images/icon-sq2.png) no-repeat; cursor: pointer;}


/*菜单*/
.nav{display:flex; justify-content:center;align-items:center;}
.nav li{display:inline-block; margin:0 20px;}
.nav li a{color:rgba(255,255,255,0.96); font-size:15px; transition:0.3s all;}
.nav li.curr a,.nav li a:hover{color:#ea4335;}

/*会员登录*/
.user_btn{ height:34px; background:#ea4335; padding:0 .15rem; color:#fff; border-radius:50px;display:flex; justify-content:center;align-items:center; font-weight: 600; margin-top:18px;}
.user_btn a{color:rgba(255,255,255,0.96); transition:0.3s all; margin:0 5px;}


/*======================轮播图======================*/
/*焦点图*/
	#banner {max-width:1920px; margin:auto; position:relative; z-index:9;min-width:1200px; overflow:hidden;}
	#banner .swiper-slide{ overflow:hidden;  position:relative; height:520px; background-size:cover; background-repeat:no-repeat; background-position:center; display:flex; flex-direction:column; justify-content:center;align-items:center; text-align:center;}
	#banner .swiper-slide:before {content: "";display: block;width:100%; height:100%;background:rgba(0,0,0,0.15); position:absolute; left:0; top:0; z-index:0;}
	#banner .swiper-slide .txt{ color:#fff; position:relative; text-shadow:rgba(0,0,0,0.5) 1px 1px 2px;}
	#banner .swiper-slide .txt h5{font-size: .56rem; }
/*	@media only screen and (max-width: 1440px){#banner .swiper-slide{height:520px;}}
	@media only screen and (max-width: 1360px){#banner .swiper-slide{height:520px;}}
*/
/*按钮切换*/	
	#banner .swiper-button-prev,#banner .swiper-button-next {display: none;width: 72px;height: 72px; background:url(../images/ico_sliding.png) no-repeat; margin-top:-36px; background-image:}
	#banner .swiper-button-prev {background-position: 0 0;}
	#banner .swiper-button-prev:hover { background-position: 0 -144px;}
	#banner .swiper-button-next { background-position: 0 -72px;}
	#banner .swiper-button-next:hover {background-position: 0 -216px;}
/*分页器*/
	#banner .swiper-pagination-bullet{width: 10px;height: 10px; display: inline-block; border-radius: 50%; background:rgba(255,255,255,0.36); transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease; opacity: 1.0;}
	#banner .swiper-pagination-bullet-active{background:rgba(255,255,255,0.8);color: #fff;width: 33px;border-radius: 30px;opacity: 1.0;}
	#banner .swiper-pagination{bottom:20px;}



/*页面标题*/
.main_tit{text-align:center; padding:.6rem 0 .4rem;width:100%; min-width:1200px;}
.main_tit_z{ font-size:.42rem; color:#000; font-weight:bold;}
.main_tit_f{ font-size:25px; color:#999; margin-top:5px;}
.main_tit_f span {position: relative; font-family:din;}
.main_tit_f span:before,.main_tit_f span:after {
  content: '';
  width: .6rem;
  height: 1px;
  background: #d1d1d1;
  position: absolute;
  top: 51%;
}
.main_tit_f span:before{left: -80px;}
.main_tit_f span:after {right: -80px;}


/*.bofangqi{width:100%; position:fixed; left:0; bottom:0; z-index:99999; background:#fff; padding:15px 0; background:#fff;}*/
.bofangqi li{display:none;}


/*列表*/
.sound_list{}
.sound_list li{ width:23.8%; padding:20px 15px; margin:0 1.5% 20px 0;  border:solid 1px #ddd; border-radius: 4px; box-sizing:border-box; transition:0.3s all;}
.sound_list li:nth-child(4n){margin-right:0;}
.sound_list li:hover{box-shadow:0 5px 20px 0 rgba(0,0,0,.25);}
.sound_list li h3{font-size:14px; margin-bottom:20px;}
.sound_list .tag_list{ margin-bottom:10px; height:24px;}
.sound_list .tag_list span{ color:#555; background:#f6f6f6; padding: 0 5px; line-height: 24px; margin-right:.1rem;font-size: 12px; display:inline-block;}
.sound_list .txt{position:relative;}

.sound_list .down_btn{ position:absolute; top:0px; right:0;}
.sound_list .down_btn a{ border-radius: 4px;font-size: 16px;width:32px; line-height: 32px; text-align:center; margin-left:5px; display:inline-block; transition:0.3s;}
.sound_list .down_btn a:first-child{border:solid 1px #ddd; background:#fff; color:#ccc;}
.sound_list .down_btn a:last-child{border:solid 1px #ea4335; background:#fff; color:#ea4335; }
.sound_list .down_btn a:first-child:hover{border:solid 1px #888; background:#888; color:#fff;}
.sound_list .down_btn a:last-child:hover{border:solid 1px #ea4335; background:#ea4335; color:#fff; }





/*底部通栏*/
.tonglan{height:4rem; background:url(../images/music.jpg) no-repeat center bottom; position:relative; margin-top:1rem; min-width:1200px;}
.tonglan:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.5);}
.tonglan h3{ color:#fff; font-size:.5rem; position:relative; margin-bottom:30px;}
.tonglan .kj{position:relative;}
.tonglan .kj a{ width:1.45rem; line-height:.46rem; border:solid 2px rgba(255,255,255,0.75); display:inline-block; text-align:center; color:#fff; font-weight:bold; font-size:15px; margin:0 5px; transition:0.3s all;}
.tonglan .kj a:hover{ background:#ea4335; border:solid 2px #ea4335;}




/* 底部 */
.copyright{ width:100%; min-width:1200px; padding:40px 0;  background:#111; color:rgba(255,255,255,0.4); text-align:center;}
.copyright a{color:rgba(255,255,255,0.4);}
.copyright .footer_nav{margin-bottom:15px;}
.copyright .footer_nav a{ padding:0 20px; position:relative;}
.copyright .footer_nav a:before{ content:"|"; position:absolute; right:-2px; top:0;font-size:12px;  color:rgba(255,255,255,0.25);}
.copyright .footer_nav a:last-child:before{content:"";}
.copyright .footer_nav a:hover{color:#fff;}
.copyright .txt{line-height:2.2; font-size:13px;}




/*内页banner=*/
.page_ban{ width:100%; max-width:1920px; position:relative;min-width:1200px;}
.page_ban .pic{ height:260px;}
.page_ban .pic img{width:100%;}
.page_ban .txt{position:absolute; left:0; top:0; bottom:0; right:0; display: flex; z-index:9; flex-direction:column;/* align-items:center;*/}
.page_ban .txt h5 { font-size:46px; letter-spacing:3px; color:#0452A4; font-weight:normal;text-shadow: 0px 2px 2px rgba(255, 255, 255, 0.5);text-align:center;}


/*子栏目*/
.sub_nav{background:#f8f8f8; text-align:center;}
.sub_nav li{line-height:70px; margin:0 25px; display:inline-block;}
.sub_nav li a{display:block; font-size:16px; color:#666; position:relative;}
.sub_nav li.on,.sub_nav li:hover{}
.sub_nav li.on a{ color:#111; font-weight:bold;}
.sub_nav li a:before { position: absolute; content: '';display: block; left: 50%; bottom: 0;width: 0;height: 3px;border-radius: 3px;background:#ea4335; transition: .3s;}
.sub_nav li:hover a:before,.sub_nav li.on a:before {left:0; width:100%;}



/*=======================网站内页==========================*/
.page_box{width:1200px; margin:80px auto; background:#fff; box-shadow: 0 0 40px rgba(0,0,0,.07); padding-bottom:40px;}
.page_box .biaoti{height: 70px;text-align: center;color: #666;line-height: 70px;font-size: 16px;background-color: #f8f8f8;}
.page_box .biaoti h3{ color:#333;}
.page_box .page_con{ padding:50px 70px;}





/*弹窗*/
.tc{transition:all ease 300ms;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 99999; display:flex; flex-direction:column; justify-content:center;align-items:center;}
.tc{ pointer-events: none;  filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;transform:scale(1.1);}
.tc.act{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;  pointer-events: auto;transform:scale(1);}
.tc-bg {height: 100%;background: rgba(0,0,0,.5);position: absolute;top: 0;left: 0;width: 100%;z-index: 0;}

.tc_box{width:500px; background:#fff; /*min-height:480px;*/ padding-bottom:60px; position: relative;z-index: 1;}
.tc_box .head{height: 56px;background: #f6f6f6;padding: 16px 20px; box-sizing:border-box; font-size:20px; text-shadow: 0 1px 10px rgba(0,0,0,.25);}
.tc_box .close{position:absolute; top:18px; right:10px; cursor:pointer;}
.tc_box .close img{height:20px;}

.form_box .tit{text-align:center; margin-top:20px; margin-bottom:20px;}
.form_box .tit li{height:50px; font-size:16px; display:inline-block; margin:0 25px;}
.form_box .tit li a{display:block; line-height:50px; transition:0.5s all; position:relative; color:#333; text-decoration:none;}
.form_box .tit li.active a:after{ content:""; width:52px; height:4px; border-radius:10px; background:#333; position: absolute; bottom:0;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);}

.form_box .con{display:none;}
.form_box .con.active{display:block;}

.form_box .p1{text-align:center; margin-top:15px; }
.form_box .p2{text-align:center; margin-top:15px; }

/*首页表单*/
.form_box{width:330px; margin:auto;}
.form_box .con li,.form_box .con .form-actions{margin-top:15px; position:relative;}
.form_box .con li input{background: #fff; font-size:15px;border-radius: 4px;border: 1px solid #dcdfe6;box-sizing: border-box;color: #606266;height: 46px;line-height: 46px;outline: none;padding: 0 15px;transition: border-color .2s cubic-bezier(.645,.045,.355,1);width: 100%;}
.form_box .con li input:focus,.form_box .con li input:hover{border:solid 1px #ea4335;}
.form_box .con li .yzm{position:absolute; padding:0 10px; top:0px; right:0px; border-left:solid 1px #dcdfe6; transition:.2s all;}

.form_box .con button{ width:100%; height:46px; background:#ea4335; border:none; font-size:15px; color:#fff; cursor:pointer; outline:none; border-radius:3px;}
.form_box .con button:hover{ opacity:0.8;}

.form_box .con .sms_btn{ width:125px; line-height:46px; background:#333; font-size:14px; color:#fff; display:block; text-align:center; border-radius:3px; text-decoration:none;}




/*用户注册、登录、找回密码*/
.user_form_box{width:800px; background:#fff;  padding-bottom:60px; position: relative; margin:1rem auto;box-shadow:0 5px 40px rgba(0,0,0,.15);}
.user_form_box .head{height: 56px;background: #f6f6f6;padding: 16px 20px; margin-bottom:40px; text-align:center; box-sizing:border-box; font-size:20px; text-shadow: 0 1px 10px rgba(0,0,0,.25);}

.form_box a{ text-decoration:underline;}


/*图片列表*/
.music_list{}
.music_list li{width:18.8%; margin-right:1.5%; position:relative; overflow:hidden;margin-bottom:10px;}
.music_list li:nth-child(5n){ margin-right:0;}

.music_list li .pic{background:#000; overflow:hidden; position:relative;}
.music_list li .pic>img{width:100%; display:block; transition:0.3s all; opacity:0.96;}
.music_list li:hover .pic>img{opacity:0.8; transform:scale(1.15);}
.music_list li .pic .play_btn{ position:absolute; left:50%; top:50%; transform: translate(-50%,-50%); opacity:0; transition:0.3s all;}
.music_list li .pic .play_btn img{width:66px;}
.music_list li:hover .pic .play_btn{opacity:1;}

.music_list li .txt{ padding:15px 0;}
.music_list li .txt h3{ font-size:.16rem; font-weight:normal; margin-bottom:5px; color:#000;}
.music_list li .txt p{ font-size:13px; color:#666;}



/*平台服务*/
.fuwu{ background:#f2f2f2; padding:.1rem 0 .8rem 0; margin-top:.6rem; min-width:1200px;}
.fuwu li{width:23%; background:#fff; padding:50px; text-align:center; border-radius:3px; box-sizing:border-box;}
.fuwu li .ico{ width:80px; height:80px; border-radius:1rem; border:solid 2px #ddd; margin:0 auto 15px auto; display:flex; justify-content:center;align-items:center;}
.fuwu li .ico svg{width:45px;}
.fuwu li:nth-child(1) .ico{border-color:#578DF9;}
.fuwu li:nth-child(2) .ico{border-color:#EC4D75;}
.fuwu li:nth-child(3) .ico{border-color:#45CEE1;}
.fuwu li:nth-child(4) .ico{border-color:#6E47D8;}

.fuwu li .txt{ font-size:20px;}


/*音乐内容*/
.music_show{background:#fff; padding:.8rem .8rem; box-sizing:border-box; margin:.8rem auto 1rem auto;}
.music_show .left{ width:30%;}
.music_show .left img{ width:100%;}

.music_show .right{ width:65%; position:relative;}
.music_show .right h1{ font-size:25px;}

.music_show .download { margin:25px auto;}
.music_show .download a{ width:100%; border-radius: 4px;font-size: 16px;line-height: 50px; background:#ea4335; color:#fff; display:inline-block; text-align:center; transition:0.3s;}
.music_show .download a i{font-weight:bold;}
.music_show .download a:hover{ opacity:0.8;}

.music_show .right .aplayer{ margin:25px 0;}



/*文章标题*/
.title_txt {font-size:.3rem;line-height:1.8em; font-weight:bold; text-align:center;}
.art_info{line-height:.6rem; font-size:13px; margin-bottom:.3rem; color:#999; text-align:center; border-bottom: solid 1px #e8e8e8;  position:relative;}
.art_info em{margin-right:20px; font-style:normal;}
.share{ position:absolute; right:0; top:20px;}

/*正文*/
#art_box { font-size:.16rem; text-align:justify; line-height:2em; color:#555;}
#art_box p {margin-bottom:.1rem; }
#art_box p img{ max-width:100%;}
#art_box table{ border:1px solid #eff3f8; border-collapse:collapse;   font-size:14px; line-height:24px; }
#art_box table tr:nth-child(1){ font-size:14px; }
#art_box table td{padding:5px 10px; border:1px solid #D5DFEC;}



.bot_info{ font-size:15px; border-top:dashed 1px #ddd; margin-top:30px;}
.bot_info p{ border-bottom:dashed 1px #ddd; line-height:30px; padding:10px 0;}
.bot_info p a{margin-right:10px;}






/*404*/
.page_msg {padding: 50px;}
.page_msg h5 { line-height: 60px;border-bottom: 1px solid #ddd;margin-bottom: 10px; font-size:25px; text-align:center;}
.page_msg_con {color: #999; line-height:40px; text-align:center;padding: 25px 0;}
.page_msg_con i {font-size:100px;color: #ddd; margin-bottom:10px;}



/*内页分页*/
.search-pagination{text-align:center; margin:50px 0 20px 0;}
.pagination li {display: inline-block;margin:0 3px; }
.pagination li a{display: inline-block;font-size: 15px;min-width: 46px;height: 46px;line-height: 46px; box-sizing: border-box; padding:0 20px; box-sizing:border-box;transition: 0.3s; background:#e8e8e8; border:solid 0px #ddd;}
.pagination li.active a,.pagination li a:hover{color: #fff !important;background-color:#0384D8;border:solid 0px #0384D8;}





/*搜索页面*/
.border_box{ background:#fff; /*box-shadow: 2px 2px 20px rgba(0,0,0,.05);*/padding: 60px 80px; box-sizing:border-box;}

.portlet-title{ height:50px; line-height:50px; border-bottom: 1px solid #eee; display: flex;justify-content: space-between; margin:20px 0;}
.portlet-title h5{font-size:18px; position:relative; float:left; padding:0 5px;}
.portlet-title h5:after{content: "";position: absolute;width:100%; height: 2px;left: 0;bottom: -1px;background:#2e6ee1;}


.serch_n{ padding: 0px 300px; position:relative; margin-bottom:.2rem;}
.serch_n input{width:100%; padding:15px 25px; font-size:.18rem; outline:none; background:#fff; border-radius:5px 0 0px 5px; box-sizing:border-box; height:.6rem; line-height:.6rem; border:solid 1px #ddd;}
.serch_n .btn{ position:absolute; right:290px; top:0px;}
.serch_n .btn button{ width:125px; height:.6rem; border:0; border-radius:0 5px 5px 0; cursor:pointer; outline:none; padding-left:40px; font-size:.18rem; color:#fff; background: url('../images/serch.png') no-repeat 30px center #2373C8; background-size:20px auto;}



/*右侧浮动*/
.online_q {position: fixed;right:10px;bottom: 10%;/*transform: translateY(-50%);*/z-index: 99;transition:.5s;-webkit-transition:.5s;}
.online_q .btn2{cursor:pointer;position:relative;margin-bottom: 5px; text-align:center;transition:.3s;line-height: 54px; z-index: 0; }
.online_q .btn2 span{display:block;width: 54px;height: 54px;line-height: 54px;position:relative;z-index:999;overflow:hidden;transition:.3s;-webkit-transition:.3s;border-radius: 50%;background: #fff;box-shadow: 0 5px 15px rgba(0,0,0,0.15);}
.online_q .btn2 svg{height: 22px;width: 22px;display: inline-block;vertical-align: middle;fill: #666;}
.online_q .btn2:hover span{background: #ea4335;}
.online_q .btn2:hover span svg{ fill:#fff;}

#gotop.hide{ height:0; overflow: hidden;}

.online_q .social-share{position:absolute;background: #ea4335;border-radius:3px;right:95px;top: 0;text-align: center;opacity:0;transition: .6s;-webkit-transition: .6s;visibility:hidden;font-size: 18px;color: #fff;white-space: nowrap;padding: 0 15px;}
.online_q .social-share1{height:auto;padding: 0 10px;}
.online_q .social-share:before{content:"";display:block;width:0;height:0;border:10px solid transparent;border-left: 10px solid #ea4335;position:absolute;right:-15px;top:50%;margin-top:-10px;}
.online_q .social-share img{width:80px;height:80px;margin-top:10px;margin-bottom:10px;}
.online_q .btn2:hover .social-share{opacity:1;right: 60px;visibility:visible;}
.online_q .social-share1:before{top: 24px;}