blockquote,body,button,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}
a:active,a:hover{outline:0}
*{ padding: 0; margin: 0;}
img{border:none}
li{list-style:none}
table{border-collapse:collapse;border-spacing:0}
h4,h5,h6{font-size:100%}
button,input,optgroup,option,select,textarea{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;outline:0}
pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}
body{line-height:24px;font:14px Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;background-color: #FAFAFA;}
hr{height:1px;margin:10px 0;border:0;clear:both}
a{color:#333;text-decoration:none}
a:hover{color:#777}
a cite{font-style:normal;*cursor:pointer}
#midiaudio{ padding: 2%; width: 96%; border-radius: 10px; border: 1px solid #f4f4f4; background-color: #ffffff; margin-bottom: 10px;}
#midiplay{ background-image: url('/static/v2/img/bofang.png'); width: 40px; height: 40px; background-size: 100%; display: block;}
#midistop{ background-image: url('/static/v2/img/zanting.png'); width: 40px; height: 40px; background-size: 100%; display: none;}
#zhaomu img{ width: 100%; margin-bottom: 10px;}
.anniu{background-image: linear-gradient(180deg, #FF825F, #FFA960); color: #ffffff; font-size: 16px; cursor: pointer; text-align: center;display: inline-block;}
.clear{ clear: both;}
#top_header{ height: 70px; width: 100%;background-image: linear-gradient(180deg, #FFDCD4, #FFF8F5); box-shadow: 5px 0px 5px rgba(0,0,0,0.1) }
#video { margin-bottom: 10px; width: 100%; height: 510px;}
video {width: 100%; height: 510px;}
.video-js{width: 100%; height: 510px;}
#youkuplayer { width: 100%; height: 510px;}
#video iframe { width: 100%; height: 510px;}
.menuline{ width: 2px; height: 20px; background-color: #F2E3E0; float: left; margin-top: 25px; margin-right: 10px;} 
#logo{ width: 120px; height:60px; margin-top: 0px; margin-right: 10px; background-image: url('../img/logo.png'); background-repeat: no-repeat;font-size: 14px; float: left;  background-position: 0 5px; background-size: 100%;}
#logo  a{ display: block; width: 100%; height: 100%;}
#slogan{ float: left;margin-left: 0px; margin-top: 15px; color: #666666;}
#slogan span{  display: block;}
#hotpu{display: none;}
#login{ width: 80px; height: 30px; font-size: 14px; float: right; border-radius: 10px; margin-top: 20px; line-height: 30px; margin-left: 80px; display: block;}
#chuanpu{ width: 80px; height: 30px; font-size: 14px; float: right; border-radius: 10px; margin-top: 20px; line-height: 30px; margin-left: 20px; display: block;}
#banner{ margin-top: 10px; clear: both; }
#banner img{ width: 100%;border-radius: 10px;}
#user_top:hover #user_menu_list{ display: block;}
.userinfo img{ width: 50px; height: 50px; border-radius: 100%; border: 3px solid #FFFFFF;margin-top: 15px;}
#user_menu_list{ background-color: #FFFFFF; width:110px; padding: 20px; position: absolute; right: 0; top: 55px; display: none; z-index: 999999;}
#user_menu_list dl{ line-height: 40px; vertical-align: middle; text-align: left;}
#user_menu_list dl i{ margin-right: 10px;}
#user_menu_list strong{ margin-bottom: 10px; display: block; border-bottom: 1px solid #F4F4F4; padding-bottom: 10px; width: 100%; text-align: center;}

#user_top{ float: right; margin-top:15px; margin-left: 20px; cursor: pointer; position: relative; height: 55px;}
#user_top img{ width: 35px; height: 35px; border-radius: 100%; border: 1px solid #FFA75F; margin-right: 10px; float: left;}
#user_top span{  display: block; float: left; margin-top: 10px;}
.sanjiaoxing{width:0px; margin-top: 15px; margin-left: 10px;
height:0px;
border:10px solid transparent;/*以下四个样式对应四种三角形，任选其一即可实现*/
border-top-color:#FFA75F;

/* border-left-color:lightseagreen; */
/* border-right-color:lightseagreen; */
/* border-bottom-color:lightseagreen; */ display: block; float: right;
}
/* #puclass{  margin: 40px auto;  clear: both;}
#puclass ul{ text-align: center;}
#puclass ul li{ display: inline-block; height: 30px;padding-left: 30px; line-height: 35px; background-size: 30px 30px; background-repeat:no-repeat; margin: 0 10px; padding-bottom: 8px;border-bottom: 3px solid  #FFF9F7}
#puclass ul li:hover{ border-bottom: 3px solid  #FF7C5F;}
#puclass ul li span{  font-size: 16px; color: #A6A5A4;}
#puclass ul li:hover span{color: #FF7C5F;}
#puclass ul li a { display: inline-block; width: 100%; height:100%;} */
#menu{ float: left; margin-left: 40px; }
#menu dl{ margin-top: 20px; line-height: 35px; font-size: 16px;}
#menu dl dt{ display: block;  float: left; margin-left: 20px;}

#menu dl  a{color: #666; }
.ico_home{ background-image: url('/static/v2/img/home.png'); height: 30px; text-indent: 35px; background-size: 30px; background-repeat: no-repeat;}
.ico_car{ background-image: url('/static/v2/img/car.png'); height: 30px; text-indent: 35px; background-size: 30px; background-repeat: no-repeat; cursor: pointer;}
#puclass{ clear: both; margin-bottom: 10px;}
#puclass ul{ text-align: center; padding: 1.5%; }
#puclass ul li{  width: 6%;  display: inline-block;}
#puclass ul li img{ width: 40%;}
#puclass ul li span{  font-size: 14px; color: #A6A5A4;   display: block; clear: both;}
#puclass ul li a { display: inline-block; width: 100%; height:100%;}
.up_pic{ background-size: 30px 30px ; width: 30px; height:30px;}
.up_files,.up_pic{ background-size: 80px 80px ; width: 80px; height:80px; background-position: center; background-repeat: no-repeat; display: inline-block;}
.file_mp3{ background-image: url('/new/images/ext/file_mp3.png'); }
.file_mp4{ background-image: url('/new/images/ext/file_mp4.png'); }
.file_pics,.file_zip{ background-image: url('/new/images/ext/bao.png'); }
.file_mp{ background-image: url('/new/images/ext/file_mp.png'); }
.file_jcx{ background-image: url('/new/images/ext/file_muse.png'); }
.file_pdf{ background-image: url('/new/images/ext/file_pdf.png'); }
.file_mscz{ background-image: url('/new/images/ext/file_mscz.png'); }
.file_gp5{ background-image: url('/new/images/ext/file_gp5.png'); }
.file_gp{ background-image: url('/new/images/ext/file_gp.png'); }
.file_mid{ background-image: url('/new/images/ext/file_mid.png'); }
.mianpu_t{  border-radius: 10px;}
.mianpu_t ul{ float: left;background-color: #ffffff;  height: 35px; line-height: 35px; vertical-align: middle;  border-radius: 10px; }
.mianpu_t ul li{ display: inline-block; padding: 0 30px; color: #A6A6A6; cursor: pointer;}
.mianpu_hover{background-image: linear-gradient(180deg, #FF825F, #FFA960); color: #ffffff!important; font-size: 16px; cursor: pointer; text-align: center; border-radius: 20px; }
.mianpu_more{ color: #999999; float: right; font-size: 14px; line-height: 35px; vertical-align: middle;}
.mianpu_more a{ color: #999999;}
/* 曲谱部分 */
.pulist{ clear: both; }
.pu_user{ line-height: 27px; float: left;}
.pu_user img{ width: 25px; height: 25px; border-radius: 50%; float: left;}
.pu_user a{ color: #666;}
.pu_buy{font-size: 14px; cursor: pointer; text-align: center; width: 75px; height: 30px; border-radius: 10px; line-height: 30px; vertical-align: middle; float: right;}
.redsub{background-image: linear-gradient(180deg, #FF825F, #FFA960); color: #ffffff; }
.huisub{background-color: #FEF5EB; color: #FBAF51; }
.pu_li{ width: 28.55%; margin-right:0.8%; background-color: #ffffff; border-radius: 10px; display: inline-block; padding: 2%; margin-top: 10px;}
.pu_li100{padding:0 5% ; padding-top: 10px; padding-bottom: 10px;  width: 90%; background-color: #ffffff; border-radius: 10px; display: inline-block; margin-bottom: 10px;}
.pu_li:nth-child(3n){margin-right:0; }
.pu_ul{  }

.pu_li_sname{ font-size: 16px;}
.pu_type{ font-size: 12px; display: inline-block; border: 1px solid #FFD9D1; padding: 2px 5px; border-radius: 5px ; color: #FF8369; background-color: #FFF8F7; margin-left: 5px;}
.pu_num{ font-size: 12px; display: inline-block; border: 1px solid #C4CFF9; padding: 2px 5px; border-radius: 5px ; color: #3E64EE; background-color: #F5F7FE; margin-left: 5px;}
.pu_li_info{ line-height: 40px;vertical-align: middle;color: #A5A5A5;}
.pu_user_avatar{}
.pu_user_avatar img{ margin-right: 5px; border: 1px solid #f4f4f4;}
.pu_price{ float: right; line-height:30px; margin-right: 10px; color: #ACACAC; }
.pu_price span{ color: #FF8C73; font-size: 16px;}
.pu_li_sname i{ width: 16px; height: 16px; background-repeat: no-repeat; background-size: 100%; display: inline-block; float: right; margin-left: 10px; margin-top: 5px;}
.ico_mp3{ background-image: url("../img/mp3.png");}
.ico_mp4{ background-image: url("../img/mp4.png");}
#vipputxt{  position: absolute; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.4); padding: 5px 15px; border-radius: 15px 0 0 0px; color: #ffffff; font-size: 14px;}
/* 曲谱部分结束  */
/* 推荐老师模块 */
#teacher{width: 100%;  padding: 30px 0;background-color: #FFF6F3; margin: 10px auto;}
#t_list{  margin: 0 auto;  background-color: unset; }
.t_list_ul {  margin:20px auto;  }
.t_list_ul li { width:13%; float: left; margin-right: 20px; background-color: #FFFFFF;text-align: center; border-radius: 20px; padding-bottom: 20px; }
.t_list_ul li:nth-last-child(1){ margin-right:0;};
.t_list_ul li  p{ line-height: 40px; vertical-align: middle; font-size: 16px; padding: 10px 10px; text-align: center; font-weight: bold;}
.t_list_ul li  span{ color: #FFFFFF;  background-color: #E73C2E; width: 79px; height: 30px; display: block; line-height: 30px; vertical-align: middle; margin:0 auto;   border-radius: 5px; margin-top: 10px;}
.t_list_ul li img{ width: 80%; height: 100%;  border-radius: 100%; margin-top: 30px; }
.t_list_ul li strong{ display: block; clear: both; width: 100%; margin-top: 10px; line-height: 30px; vertical-align: middle;}
.teachertitle{  background-image: linear-gradient(180deg, #FF825F, #FFA960);
-webkit-background-clip: text;
color: transparent;
font-size: 30px;
width: 100%; text-align: center; line-height:30px; vertical-align: middle; margin-top: 28px; font-weight: bold; margin-bottom: 30px;}
.pulist_right{ margin-bottom: 20px;}
/* 推荐老师模块 结束 */
/* 通用页脚 */
#footer{ width: 100%; clear: both; background-color: #020D20; color: #B8B8B9;  margin-top: 20px; height: 240px;}
#foot{  margin: 0 auto; height: 150px;padding-bottom: 10px;}
#foot_l{width: 225px; background-repeat: no-repeat; height:75px; background-position:left 40px; text-align: center; float: left; margin-right: 90px;}
.footico{ background-position: -0px -138px;width: 225px;  height:75px; margin-top: 50px;}
#foot_l p{ margin-bottom: 10px; }
#foot_c{ width: 615px; float: left; padding-top: 40px; }
#foot_c dl a{color: #B8B8B9}
#foot_c dl{ width: 24%;text-align: center; display: inline-block;}
#foot_c dl dt{ font-weight: bold; font-size: 16px; margin-bottom: 10px;}
#foot_c dl dd{ margin-bottom: 5px;}
#foot_r{width: 220px; float: right; text-align: center; margin-top: 10px; } 
#foot_r img{ width: 150px;  margin-top: 10px; margin-bottom: 10px;}
#foot_r p{ margin-bottom: 5px;}
#foot_center{ width: 100%; text-align: center; clear: both; background-color: #020D20; line-height: 30px; vertical-align: middle;  margin-top: 23px; clear: both; padding-bottom: 20px;}
#foot_center a{color: #B8B8B9;margin-left: 10px;}
.footlogo{ background-image: url("../img/logo.png");  width: 200px; height: 90px; background-repeat: no-repeat; margin-top:50px; margin-left: 10px;}
#beianico{display: inline-block;  background-image: url('/static/v2/img/beian.png '); background-repeat: no-repeat; background-size: 20px; padding-left: 25px; background-position: 0 3px;}

/* 	列表页 */
#top_ban{ width: 100%; height:240px; background-size: 100% 100%; background-repeat: no-repeat;
background-position:center;overflow: hidden;  background-position: right; position: relative;}
#top_ban::before {
content: "";
position: absolute; /* 一定要用绝对定位 */
width: 100%;
height: 100%;
backdrop-filter: blur(30px); /* 模糊半径 */

}
#top_ban_hui{background: rgba(0, 0, 0, 0.3); width: 100%;height: 100%;  position: absolute; top: 0 ; left: 0;}
#top_ban_box_bg{ width: 100%; height: 240px; overflow: hidden;}
#list_user{  width: 1200px; height:100%; margin: 0 auto;}
#list_user img{ width: 120px; height: 125px;}
#top_ban_box{ position: relative; width: 100%;}
#list_info_box{position: absolute; top: 0; left: 0;  width: 100%;}
#list_info{ position: relative; }
#list_thumb{ width: 10%; height: 100%; float: left;}
#list_thumb img{ width: 100%;  margin-top: 35px; border-radius: 100%;}
#list_ins{ float: left; color: #ffffff; margin-top: 45px; margin-left: 3%; width: 87%;}
#list_ins strong{ font-size: 24px;}
#list_ins i{ display: block; color: #EC755C; border-radius: 5px; border: 1px solid #EC755C; width: 70px; text-align: center; font-style: normal; margin-top:5px;background: rgba(0, 0, 0, 0.3);}
.list_ins_num{ font-size: 16px; margin-top: 10px;}
.list_ins_sign{ margin-top: 5px; width: 100%; height: 40px; overflow: hidden;  display: block;}
.mailan{ width: 120px; height: 40px;  position: absolute; right: 30px; top: 60px; line-height:40px; border-radius: 10px;}
/* 	排序部分 */

#pu_list_box{ padding:10px 0; }
#pu_list_s{ margin: 0 auto; background-color: #fff; border-radius: 20px;}
#pu_menu{ background-image: linear-gradient(to right, #FF825F, #FFA960); line-height: 60px; height: 60px; vertical-align: middle; font-size: 16px; color: #fff; text-indent: 20px; border-radius: 20px 20px 0 0;}
#pu_menu span{ font-size: 20px; color: #ffffff; margin-left: 10px; margin-right: 10px;}
.pu_menu_list {color: #8E8E8E;}
.pu_menu_list ul li{ height: 30px; line-height: 30px; vertical-align: middle; border-bottom: 1px solid #F2F2F2; padding: 20px;}
.pu_menu_list:nth-last-child(1) ul li{ border-bottom:none}
.pu_menu_list ul li span{ display: block; float: left; width: 100px;}
.pu_menu_list ul li a{ margin-right: 40px; padding:6px 10px; border-radius: 5px;}
.pu_menu_list ul li a i{ font-size: 20px; margin-top: 3px; }
.menu_hover{ background-color: #FF7C5F; color: #fff;}
.menu_hover a{color: #fff;}
.menu_hover:hover{ color: #fff;}
.menu_pu_paixu ul li{margin-right: 40px; padding:6px 10px; border-radius: 5px; float: left;}

.menu_pu_paixu ul li i{ float: left; font-size: 18px; margin-right: 5px;}
.menu_pu_paixu{ line-height: 20px; vertical-align: middle; height: 40px; border-bottom: 1px solid #ECECEC;}

.menu_pu_paixu span{ display: block; float: left; width: 100px; height: 30px; line-height: 30px; vertical-align: middle;  color: #95928E; margin-left: 20px;}
.menu_pu_paixu  a{ display: block; width: 100%; height: 100%;}
.pagination {margin:30px 0}
.pagination li {display: inline-block; background-color: #E5E5E5; margin-right: 5px; border-radius: 5px;}
.pagination li a{ padding: 10px 17px;display: inline-block;}
.pagination .active{background-image: linear-gradient(180deg, #FF825F, #FFA960);color: #fff;padding: 10px 17px;}
.pagination .disabled{color: #aaa;padding: 10px 17px;}
/* 内容页开始 */
.quanping{ float: left;  }
.quanping img{ float: left; height: 100%; width: auto!important;}
.quanping img: nth-child(even){ text-align: right;}
.quanping img: nth-child(odd){ text-align: left;}
#weizhi{  padding-top: 10px; padding-bottom: 10px;  margin: 0 auto; clear: both;}
#weizhi a{ margin-right: 5px;}
#content_left{ width: 780px; float: left;}
#pulist{ width: 100%; text-align: center; position: relative; }
.pics{ margin-bottom: 10px;}
#pulist img{ max-width: 100%; }
#pu_tool{ background-color: #ffffff; padding:  20px; margin-top: 10px; height:88px;}
#pu_tool ul{ width: 520px; float: left; height: 100%; overflow: hidden;}
#pu_tool ul li{ display: inline-block; width: 60px; background-size:70%; background-repeat: no-repeat; margin-right: 10px; text-align: center;background-position: 10px 10px; float: left; cursor: pointer;}
#pu_tool ul li p{ padding-top: 55px;}
.puico_down{ background-image: url("../img/down.png");}
.puico_pdf{ background-image: url("../img/pdf.png");}
.puico_zip{ background-image: url("../img/zip.png");}
.puico_mp3{ background-image: url("../img/mp.png");}
.puico_midi{ background-image: url("../img/midi.png");}
.puico_dongtai{ background-image: url("../img/dongtai.png");}
.puico_quanping{ background-image: url("../img/quanping.png");}
.goumaipu{  height: 50px; line-height: 50px; vertical-align: middle; text-align: center; border-radius: 10px; margin-top:5px;  margin-left: 10px; clear: both; padding: 0 20px; display: inline-block;}
.goumaipus{ height: 50px; line-height:50px; vertical-align: middle; text-align: center; border-radius: 10px; margin-top:5px; margin-left: 10px;  background-image: linear-gradient(to bottom right, #69A9F8 , #3DCDEF);color: #ffffff;  cursor: pointer;  display: inline-block;padding: 0 20px;  font-size: 16px;}
.buycar{  height: 50px; line-height: 50px; vertical-align: middle; text-align: center;  border-radius: 10px 0 0 10px; margin-top:5px;  margin-left: 10px; clear: both; display: inline-block;background-image: linear-gradient(to bottom right, #69A9F8 , #3DCDEF);color: #ffffff;  cursor: pointer; padding:0 20px;}
.buycar2{  height: 50px; line-height: 50px; vertical-align: middle; text-align: center; border-radius: 10px 0 0 10px; margin-top:5px;  margin-left: 10px; clear: both;padding:0 20px; display: inline-block;background-image: linear-gradient(to bottom right, #3DCDEF , #6AB2C1);color: #ffffff;  cursor: pointer; }
.carico{ display: block;  height: 50px; line-height: 50px; vertical-align: middle; text-align: center; clear: both; padding: 0 10px; display: inline-block;color: #ffffff; width: 40px; background-image: linear-gradient(to bottom right, #FF7E5F , #FFE20B); margin-top:5px; border-radius: 0 10px 10px 0;cursor: pointer;}
.carico i{ background-image: url('/static/v2/img/webcar.png'); background-size: 80%; background-repeat: no-repeat;  display: block; width: 40px; height: 40px;background-position:  center 9px; }
#u_buy_box{ margin-top: 10px; text-align: center;}
.xiajia{ width: 100%; height: 40px; line-height: 40px; vertical-align: middle; text-align: center; border-radius: 10px; margin-top:5px; float: right; margin-left: 10px; background-color: #999999; color: #ffffff; font-size: 16px;}
#pu_price .pu_buy{width: 50%!important; height: 40px!important; line-height: 40px!important;margin-top:5px;margin-left: 10px; font-size: 16px!important;}
#pu_price{ float: right; width:150px; text-align: center;}
#pu_price span{ font-size: 14px; color: #ffffff; margin-left: 10px; margin-right: 10px;}
#tobook{ width: 100%; margin-top: 10px; background-color: #ffffff;  padding-bottom: 10px; border-radius: 20px;}
#tobook img{ width: 100%;}
#tobook ul{ padding-top: 10px;}
#tobook ul li { width: 43%; display: inline-block; padding:10px 20px;}
#tobook ul li strong{ font-size: 16px; margin: 0 10px;}
#tobook ul li span{ color: #A6A6A6;}
#tobook ul li i{ width: 30px; height: 30px; background-color: #FF7C5F; color: #ffffff; line-height: 30px;vertical-align: middle; text-align: center; display: inline-block; border-radius: 100%; font-style: normal;}
#book_tip{ color: #FF7C5F; padding-left: 20px; border-top: 1px solid #f4f4f4; padding-top: 10px; margin-top: 10px;}
#book_tip a{ color: #666; float: right; margin-right: 10px;}
#content_right{float: right; width: 400px; min-height: 200px;}
/* 图谱信息 */
.info_box{background-color: #FFFFFF; padding:20px;margin-bottom: 10px;}
.title_box{ }
.title_top{ font-weight: bold; font-size:18px; font-weight: bold;}
.title_top_mian{ width: 100%; font-size: 14px; margin-top: 10px;}
.title_top_mian span{ width: 49%; color: #898C95; display: inline-block; margin-bottom: 5px;}
.jiesuo{ line-height: 30px; vertical-align: middle; font-size: 14px;  }
.jiesuo span{color: #FF5722; margin-left: 30px;}
.buytips{ float: left; color: #666666; }
.ico_tips{ display: inline-block; color: #FFFFFF; line-height:30px; margin-left: 10px;  border-radius: 10px; transform: skewX(-20deg); width: 120px; height: 30px; text-align: center;}
.ico_tips_text {transform: skewX(20deg); color: #FFFFFF;}
.tipcolor{background-image: linear-gradient(to bottom right, #FF965F , #FFA95F);}
.tipcolor2{ background-image: linear-gradient(to bottom right, #69A9F8 , #3DCDEF);}
.baozhang{ background-color: #FFF8F7; padding:5px 20px; border-radius: 30px; margin-top: 30px; text-align: center;}
.new_tips_bao{ color: #FF7E68;}
.tutitle{ font-weight: bold; font-size: 16px; line-height: 30px; vertical-align: middle; margin-bottom: 10px; margin-top: 20px;}
.pu_content{color: #666; line-height: 25px;}
.user_box_u_info_info{ font-size: 12px; color: #999999; margin-top: 5px;}
.user_box_u_info_info span{ color: #FF7C5F; margin: 0 10px;}
.user_box_u{ padding: 30px; position: relative;}
.user_box_u_avatar{ width: 45px ; height:45px;  float: left;  margin-right: 20px; margin-bottom: 20px;}
.user_box_u_avatar img{ width: 100%; height:100%;border-radius: 100%; border: 1px solid #f4f4f4; padding: 3px;}
.user_box_u_info_username{ font-size: 16px; font-weight: bold; margin-top: 5px; }
.user_box_u_info{ float: left; width: 80%;  }
.user_box{ background-color: #FFFFFF;  padding-bottom: 15px; margin-bottom: 10px;border-radius: 20px;}
.user_box_title{  background-image: linear-gradient(
109deg,
rgba(255, 124, 95, 1) 0,
rgba(255, 181, 95, 1) 100%
); width: 100%; height:40px; text-align: center; border-radius: 20px 20px 0 0 ; color: #FFFFFF; font-size: 16px; line-height:40px;}
.morepu{ position: absolute; right: 10px; top:10px; font-size: 14px; background-color: #FFF2EF; color: #FF7C5F;  border-radius: 10px; cursor: pointer; width: 120px; height:30px; line-height: 30px; text-align: center;}
.morepu a{color: #FF7C5F; display: block; width: 100%; height: 100%;  }
.user_jieshao text{ font-weight: bold;margin-right: 10px;}
.user_jieshao{ clear: both; border-top: 1px solid #f4f4f4; padding:10px 15px ; font-size: 14px; color: #666666;line-height: 20px;}
.goumaisub{ clear: both; background-image: linear-gradient(
109deg,
rgba(255, 124, 95, 1) 0,
rgba(255, 181, 95, 1) 100%
);  width: 50%; height: 40px; line-height: 40px; margin: 0 auto; text-align: center; color: #ffffff; border-radius: 20px; font-size: 14px; cursor: pointer;}
#p_tips_box{position: absolute; bottom:10px; left:0; height: 50px; text-align: center;width: 100%; }
#p_tips{ background-color: rgba(0, 0, 0, 0.5);height: 50px;  line-height: 50px; vertical-align: middle; color: #ffffff; font-size: 18px; border-radius: 20px;
   display: inline-block; padding: 0 30px;cursor: pointer;
  }
/* 评论模块 */
#pinglun{ background-color: #fff; padding: 20px; margin-top: 10px;}
#pl_box textarea{ width: 96%; border:0; height: 100px; border-radius:3px; padding: 2%; background-color: #F6F6F9;resize:none}
#addplsub{ float: right; background-color: #F7B500; font-size: 18px; line-height:30px; vertical-align: middle; width: 100px; height: 30px; border: 0; color: #fff; border-radius: 10px; margin-top: 10px; cursor: pointer;}
#pinglunshu{ line-height: 30px; vertical-align: middle; float: left; margin-top: 10px;}
#pinglunshu font{color: #F7B500; font-size: 18px; padding: 0 5px;}
#pinglunshu span{ color: #999; margin-left: 20px;}
#pllist{ margin-top: 10px; line-height: 30px; vertical-align: middle; color: #333;}
#pllist ul{padding-top: 10px;}
#pllist ul li{ clear: both; border-bottom: 1px dashed #F1F1F1;padding: 10px 0;}
#pllist ul li u{ display: block; width: 50px; float: left; margin-left: 10px; margin-top: 10px;}
#pllist ul li u img{ border-radius: 100%; margin-left:0px; width: 100%;height: 100%; }
.pl_info { width: 740px; float: right; font-size: 14px;}
.pl_info img{ float: left;  height: 20px;}
.pl_info strong{ color: #4398ED; float: left; margin-right: 10px;}
.bigpt{ font-size: 20px; margin-top: 30px;}
.pl_info p{ display: block; clear: both; padding-top: 2px; color: #666; margin-bottom: 5px;}
.pl_info p font{ color: red;}
.tadepu{ width: 50%; height: 30px; border-radius: 10px; font-size: 14px; line-height: 30px; margin: 0 auto;}
.link_title{ font-size: 22px; color: #333;  width: 100%; text-align: center; margin: 50px 0}
.link_title strong{ border-bottom: 3px solid #FF8F60;  display: inline-block; padding: 10px 0}
.link_title a{ color: #FF8F60 ; display: inline-block; padding: 0 10px;}
.link_title  a:before{ color: #FF8F60; content: '#'; }
#pu_link{ margin-bottom: 20px;}
#links{}
#link{ clear: both;  margin: 0 auto;padding-top: 20px;}
#link strong{ color: #333; float: left; margin-right:20px;}
#link ul{  padding-bottom: 10px; display: inline-block;}
#link ul li{ display: inline-block; margin-right: 10px; margin-bottom: 10px;}
#link ul li a{ color: #333;}
/* 腾讯云播放器 */
.tip-node {
display: flex;
align-items: center;
position: absolute;
bottom: 5em;
left: 1em;
background: rgba(0, 0, 0, 0.4);
border-radius: 4px;
padding: 5px 10px;

}

.tip-icon-close {
width: 14px;
height: 14px;
display: inline-block;
margin-left: 10px;
background-image: url(https://tcplayer-1306264703.cos.ap-nanjing.myqcloud.com/picture/icon-close.png);
background-size: cover;
cursor: pointer;
}

.page-node {
position: absolute;
width: 100%;
height: 100%;
background: #000;
z-index: 999;
display: flex;
align-items: center;
justify-content: center;
}

.page-content {
text-align: center;
}

.page-content a{
display: flex;
width: 120px;
height: 28px;
border-radius: 14px;
color: #663d00;
background-image: linear-gradient(90deg,#ffdf89 0,#f2ca5b 100%);
align-items: center;
justify-content: center;
text-decoration: none;
margin: 0 auto;
}

.page-content #replay-btn::before {
content: '';
width: 12px;
height: 12px;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
background: url(https://tcplayer-1306264703.cos.ap-nanjing.myqcloud.com/picture/icon-replay.png);
background-size: contain;
}
.page-content #replay-btn {
margin: 10px auto 0;
}
/* //和弦谱部分 */
.hexian_jiezouxing{ right: 20px !important;}
#hexianpu_box{ padding:0 30px; padding-bottom: 30px;}
.pu_hexian{ color: #ff6f6f;}
.pu_chunhexian{ color: #ff6f6f;}
#title_box_l{ position: absolute;  left:60px; top:40px; text-align: left; font-size:16px;}
#title_box{ position: relative;  background-color: #ffffff; padding: 20px; text-align: center;}
#title_box strong{ font-size: 34px;}
.hexianpu_singer{ font-size: 20px;}
#hexianpu_author{ float: right; position: absolute; right:40px; top:60px;font-size: 16px; }
#hexian_main{background-color:#ffffff;  margin: 0 auto; font-size: 20px; background-image: url('/static/v2/img/hexianbg.png');background-size: 50%; background-repeat: no-repeat; background-position: center; }
#hexian_capo{ margin-left: 20px;}
.hexian_360{ padding: 10px;}
.hexianpu_box{ padding:0 10px; padding-bottom: 30px; clear: both;}
.qianzoutu{ text-align: center; width: 100%;}
.qianzoutu img{ max-width: 100%;}

@media only screen and (min-width: 1601px){
.mwidth{ width: 1600px; margin: 0 auto;}
#content_left{ width:1080px!important;}
#content_right{width:500px!important;}
#search{ margin-left: 50px; margin-top: 13px; width: 525px; float: right; margin-right: 10%;}
#search_q{ width: 420px;height: 45px; border-radius: 10px 0 0 10px; border: 0; text-indent: 1em;float: left;}
#search_sub{height: 45px; width: 95px; border: 0; border-radius:0 10px 10px 0; float: left;}
#foot_c{ margin-left: 200px!important;}
#logo{ width: 150px!important;}
}
@media only screen and (min-width: 1401px) and (max-width: 1600px){
.mwidth{ width: 1400px; margin: 0 auto;}
#content_left{ width: 980px!important;}
#search{ margin-left: 50px; margin-top: 13px; width: 525px; float: right; margin-right: 5%;}
#search_q{ width: 420px;height: 45px; border-radius: 10px 0 0 10px; border: 0; text-indent: 1em;float: left;}
#search_sub{height: 45px; width: 95px; border: 0; border-radius:0 10px 10px 0; float: left;}
#foot_c{ margin-left: 100px!important;}
.pu_li{ width: 28.5%!important;}
#logo{ width: 150px!important;}
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
/*  1400以内的显示器正常显示 */
.mwidth{ width: 1200px; margin: 0 auto;}
#content_left{ width: 780px!important;}
#search{  margin-top: 13px; width: 370px; float: right; margin-right: 3%;}
#search_q{ width: 80%;height: 45px; border-radius: 10px 0 0 10px; border: 0; text-indent: 1em;float: left;}
#search_sub{height: 45px; width: 20%; border: 0; border-radius:0 10px 10px 0; float: left;}
.t_list_ul li{ width: 12.8%!important;}
#pu_tool ul{ width: 510px!important;}
#pu_price{ width: 220px!important;}
.pu_li{ width: 28.4%!important;}
#logo{ width: 150px!important;}
}
@media only screen and (min-width: 1024px) and (max-width: 1200px) {
	.t_list_ul li{ width: 12.7%!important;}
#content_left{ width: 100%!important;}
.mwidth{ width: 100%!important;}
#content_right{ width: 100%!important;}
.user_box{  margin: 10px; }
#content_right{ margin-top: 10px;}
#pinglun{ display: none;}
#top_header{ height: auto; background-image: unset;box-shadow:unset; width: 100%;overflow: hidden;}
#header{ height: 60px; position: relative;}
#search{margin-top: 13px; width:30%; margin: 10px auto;height: 45px;  clear: both; position: absolute; right: 24%; top: 0px;}
#search_q{ width: 77%;height: 45px; border-radius: 10px 0 0 10px; border: 0; text-indent: 1em;float: left;border: 1px solid #f4f4f4; margin-left:1.5%;}
#search_sub{height: 45px; width:19%; border: 0; border-radius:0 10px 10px 0; float: left;}
.header_left{ height: 60px;background-image: linear-gradient(180deg, #FFDCD4, #FFF8F5);box-shadow: 5px 0px 5px rgba(0,0,0,0.1)}
#login_box{ position: absolute; top: -5px; right: 10px;}
#logo{ margin-top: unset!important; margin-left: 10px;}
#menu{ position: absolute; top: -5px; left: 20%;}
#slogan{ margin-top: 10px!important;}
#weizhi{ padding-top: unset!important;  text-indent: 10px; margin-top: 10px;}
#pu_tool ul{ width: 65%!important;}
.pu_price{ width: 90px!important;}
.pu_price span{font-size: 14px!important;}
#tobook{ padding:0 2%; width: 96%!important; display: none;}
#tobook ul li{ width: 100%!important;}
#book_tip{ padding-left: 10px!important; padding-bottom: 10px;}
#foot{ display: none}
#footer{ height: unset!important; clear: both; line-height: 25px!important; }
#foot_center span{ display: block; clear: both;}
.t_list_ul li{ width: 12.6%!important;}
#chuanpu{ position: absolute; right: 10px; top: -5px;}
#login{ position: absolute; right: 10%; top: -5px;}
#user_top{ position: absolute; top: 0; right:100px;}
.pu_li{ width: 28%!important;}
}


@media only screen  and (max-width:1023px) {
#content_left{ width: 100%!important;}
.mwidth{ width: 100%!important;}
#content_right{ width: 100%!important;}
.user_box{  margin: 10px; }
#content_right{ margin-top: 10px;}
#pinglun{ display: none;}
#top_header{ height: auto; background-image: unset;box-shadow:unset; width: 100%;overflow: hidden;}
#header{ height: 60px; position: relative;}
#search{margin-top: 13px; width: 100%; margin: 10px auto;height: 45px;  clear: both;}
#search_q{ width: 77%;height: 45px; border-radius: 10px 0 0 10px; border: 0; text-indent: 1em;float: left;border: 1px solid #f4f4f4; margin-left:1.5%;}
#search_sub{height: 45px; width:19%; border: 0; border-radius:0 10px 10px 0; float: left;}
.header_left{ height: 60px;background-image: linear-gradient(180deg, #FFDCD4, #FFF8F5);box-shadow: 5px 0px 5px rgba(0,0,0,0.1)}
#login{ position: absolute; top: -5px; right: 10px;}
#logo{ margin-top: unset!important; margin-left: 10px;}
#slogan{ margin-top: 10px!important;}
#weizhi{ padding-top: unset!important;  text-indent: 10px;}
#pu_tool ul{ width: 65%!important;}
.pu_price span{font-size: 14px!important;}
#tobook{ padding:0 2%; width: 96%!important; display: none;}
#tobook ul li{ width: 100%!important;}
#book_tip{ padding-left: 10px!important; padding-bottom: 10px;}
#foot{ display: none}
#footer{ height: unset!important; clear: both; line-height: 25px!important; }
#foot_center span{ display: block; clear: both;}
/* 列表 */
.pu_menu_list ul li{ height: unset;}
.pu_menu_list ul li a{ margin-right: 5px;}
#list_ins{ width: 73%;}
#list_thumb{ margin-left: 3%; width: 20%!important;}
#list_ins strong{ font-size: 20px;}
#pu_list_s{ padding:0 1.5%; width: 97%!important}
.pu_li{ width:84%!important; margin-left: 1.5%; padding: 6%;}
.pagination li{ margin-bottom: 10px;}
/* 首页 */
#banner{ margin-top: 0!important; padding:0 1.5%; width: 97%!important;}
#teacher{ display: none;}
.mianpu_t ul li{  padding: 0 10px!important; width: 30%; text-align: center;}
.mianpu_t ul { width: 96%;  margin-left: 1.5%;}
#pu_price{ width: 140px!important;}
#puclass{ clear: both; margin-bottom: 10px;}
#puclass ul{ text-align: center; padding: 1.5%;}
#puclass ul li{  width: 25%;  float: left; margin-top: 10px; margin-bottom: 10px; }
#puclass ul li img{ width: 50%;}
#puclass ul li span{  font-size: 16px; color: #A6A5A4;   display: block; clear: both;}
#puclass ul li a { display: inline-block; width: 100%; height:100%;}
.user_box_u{ padding: 20px!important;}
.morepu{ padding: 5px 10px!important;}
#slogan{ }
/* .goumaipu{ width: 100%; } */
.xiajia{ width: 100%; }
#pu_price .pu_buy{width: 100%!important; height: 40px!important; line-height: 40px!important;margin-top:5px;margin-left: 10px; font-size: 16px!important;}
#user_top{ position: absolute; top: 0; right:10px;}
#pu_price .pu_buy{display: none}
#menu,#chuanpu{ display: none;}
#video {height: 210px!important;}
video {width: 100%; height: 210px!important;}
.video-js{width: 100%; height: 210px!important;}
#youkuplayer { width: 100%; height: 210px!important;}
#video iframe { width: 100%; height: 210px!important;}
#js_full_screen{ display: none;}
#links{ display: none;}
.pulist_right{ padding: 10px;}
.iconfont-full-screen,.kefubox,#pu_link{ display: none;}
#help_menu{ display: none;}
#helpcon img{ max-width: 100%;}
#help_body{ width: 94%!important; padding:3%!important;}
#hexianpu_box{ padding:0 5px!important;}
.pu_line{margin-left: 5px!important;}
#title_box_l{ position: unset!important; float: left; margin-bottom: 30px;}
#title_box_l ul li{ display: inline-block;}
#hexianpu_author{ float: right; position: unset!important; }
.pu_line{ clear: both;}
}