body, div, p, ul, ol, dl, dt, dd, li, form, input, table, img, h1, h2, h3, h4, h5, h6{
    margin:0;padding:0;}
body{background:#fff none;color:#333;font-size:12px;font-style:normal;font-weight:normal;font-family: poppin,Tahoma,Arial,\5FAE\8F6F\96C5\9ED1,sans-serif;}
em, b, i{font-style:normal;font-weight: normal;}

a{color:#333333;text-decoration:none;}
a:link, a:visited{}
a:hover, a:active{text-decoration:underline;}
a.on:hover, a.cur:hover, .on a:hover, .cur a:hover{text-decoration:none;}
img, a img{border:0 none;}
ul, ol{list-style-type:none;}
ul:after, ol:after{clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden;}
.vspace,.vspace2{font-size:0px;line-height:0px;width:99%;clear:both;}
.vspace{height:10px;}
.vspace2{height: 20px;}
.vspace3{height: 30px;}
body .l, body .left{float:left;clear:none;}
body .r, body .right{float:right;clear:none;}
body .c, body .c{text-align:center;}
.clear_float, .clear{clear:both;font-size:1px;line-height:1px;height:1px;overflow:hidden;}
.column_wrapper{position: relative; clear:both;margin:0 auto;text-align:left;width:1000px;}
.column_wrapper:after{clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden;}
a:hover{ text-decoration: none;}
a:focus{outline:none;}
a{blur:expression_r(this.blur());}
a { outline:none; }
.pull-left{float: left;}
.pull-right{float: right;}
.clearfix:after,.clearfix:before {content: ""; display: block; clear: both; height: 0; line-height: 0;}


.title_color,.title_color a{ color: #222222;}
.brief_color, .brief_color a{ color: #888888;}
.content_color ,.content_color a{ color: #555555;}
.column_wrapper_1024{ width: 1024px; background:#fff; padding:0 40px}
.column_wrapper_all{ width: 100%; background:#F9F9F9;clear:both;}
.col_757{ width: 711px; float: left; padding-right: 23px; border-right: 1px solid #e0e0e0; margin-right: 22px;}
.col_243{ width: 243px; float: left;}
.col_202{ width: 160px; float: left; margin-right: 42px;}
.col_798{ width: 798px; float: left;}
.col_225{ width: 225px; float: left; margin-right: 25px; min-height: 300px;}
.col_225_r{ width: 225px; float: left; min-height: 300px;}
.col_249{ width: 224px; float: left; margin-right: 22px;}
.col_1051{width:1054px; float: left;}
.col_224{ width: 160px; float: left; margin-right: 64px; min-height: 300px;}
.col_800{ width: 800px; float: left;}
.col_180{ width: 160px; float: left; margin-right: 20px;}
.col_818{ width: 818px; float: left;}
.col_526{ width: 526px; margin-right: 22px; float: left;}
.col_250{ width: 250px; float: left;}
.col_761{ width: 761px; float: left; margin-right: 23px;}
.col_240{ width: 240px; float: left;}
.col_174{ width: 174px; float: right;}
.col_725{ width: 725px; float: left; padding-left: 29px; background: #fff;  margin-right: 16px; }
.col_254{ width: 254px; float: left; background: #F1F1F1;}
.col_box_shadow{ -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1); -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);}
.bg_top_owner{ background: #F1F1F1; height: 100%;}
.md{clear: both;overflow: hidden;margin: 58px 12px 30px 12px;}
.md_title{border-left: 5px solid #31c27c;padding-left: 14px;height: 25px;line-height: 25px;float: left;font-weight: normal;font-size: 24px;color: #31c27c;}
.opt{ float: right; margin-right: 15px; height: 37px; line-height: 37px; font-size: 14px;}
.opt a{ color: #679926; font-size: 14px; line-height: 37px;}
.opt .add{ width: 91px; background: url(img/add_btn_bg.jpg) 0 0 no-repeat; height: 37px; line-height: 38px; display: inline-block; color: #fff; padding-left: 36px; font-size: 18px; margin-left: 20px;}
/*0526����*/
.md_title_line{height: 28px;width: 5px;background: #31c27c;float: left;margin-right: 14px;margin-top: -2px;}
.md_title_0526{width: 179px;border: 0 none;padding: 0;height: auto;position: relative;top: 2px;}
.opt_0526{ width: 30px;}


/*--------����------------*/
.bread{ font-size: 12px; line-height: 28px;}

.yuepu_name_0421{ width: 613px; float: left; margin-right: 30px;}
.yuepu_name_0421 h1{ font-size: 24px; line-height: 60px; font-weight: normal;}
.yuepu_name_0421 span{ font-size: 12px; line-height: 24px; margin-right: 10px;}
.yuepu_name_0421 span i{ color: #d53a32;}
.yuepu_name_0421 span.eyes{  padding-left: 18px; background: url(../img/eyes.png) 0 1px no-repeat; margin-right: 10px;}
.yuepu_name_0421 span.xin{ padding-left: 16px; background: url(../img/nozan.png) 0 0 no-repeat; background-size:contain;}
.yuepu_name_0421 span.c-num{ padding-left: 16px; background: url(../img//shoucang_bg.jpg) 0 0 no-repeat; background-size:contain;}
.shoucang_0421{ float: left; width: 50px;}
.shoucang_0421 a{ display: block; background: url(../img/shoucang_bg.jpg) 0 0 no-repeat; font-size: 13px; text-align: center; line-height: 40px; padding-top: 50px;}
.shoucang_0421 a.cur{ background-image: url(../img/shoucang_bg_cur.jpg);}
.shoucang_0421 P{width: 50px; height: 32px; line-height: 32px; margin-top: 5px; text-align: center; background-color: #d53a32; font-size: 12px;}

.yuepu_img_0421{ float: left; width: 200px; /*height: 226px; background: url(img/yuepu_img_bg_20160111.jpg) 0 0 no-repeat; */position: relative;}
.yuepu_img_0421 img{ display: block;/* position: absolute; top: 51px; left:44px;*/}
.yuepu_img_0421 .btn-vip{position: absolute; left: 0; top: 0;}
.yuepu_bofang_0421{ float: left; width: 511px; text-align: center; margin-top: 41px;}
.yuepu_bofang_0421 .btn{ display: inline-block; width: 135px; height: 61px; line-height: 61px; color: #fff; padding-left: 58px; background: url(../img/bofangBtn_bg.jpg) 0 0 no-repeat; font-size: 20px; text-align: left;}
.yuepu_bofang_0421 p{ font-size: 13px; line-height: 40px;}
.yuepu_bofang_0421 p a{ color: #2e5cde; text-decoration: underline;}
.brief_0421{ font-size: 15px; line-height: 24px; overflow: hidden; white-space: pre-wrap;}

.flash_img{position: relative; height: 848px; background: url(../img/flash-bj.png) no-repeat;}
.flash-box{width:672px; height: 670px; overflow: hidden; padding-top:127px; padding-left: 20px;}
.flash-btn{position: absolute; left: 50%; top: 50%; margin-left: -50px; margin-top: -50px;}

.down_share_0421{ clear: both; overflow: hidden; border-bottom: 1px solid #dddddd;}
.down_share_0421 .down{ float: left; width: 360px; text-align: center;}
.down_share_0421 .share{ float: left; width: 350px; text-align: center; position: relative;}
.down_share_0421 .down a{ font-size: 12px; line-height: 38px; display: inline-block; background-image: url(../img/down_bg.jpg); background-repeat: no-repeat; padding-top: 33px; margin: 0 13px;}
.down_share_0421 .down a.d{ background-position: 15px 0; }
.down_share_0421 .down a.m{ background-position: -80px 0;}
.down_share_0421 .down a.p{ background-position: -171px 0;}
/*.down_share_0421 .share span{ position: absolute; left: 41px; top: 7px; font-size: 14px; line-height: 40px; height: 40px; }
.down_share_0421 .share a{ font-size: 13px; line-height: 32px; display: inline-block; padding-top:50px; margin: 0 10px; width: 50px; float:left; text-indent:0;}
.down_share_0421 .share a.wx{ background: url(img/wx.jpg) 0 0 no-repeat;}
.down_share_0421 .share a.wb{ background: url(img/wb.jpg) 0 0 no-repeat;}
.down_share_0421 .share a.qq{ background: url(img/QQ.jpg) 0 0 no-repeat;}*/


.yuepushipin_0421{ overflow: hidden; clear: both; margin-top: 35px; margin-left: 10px;}
.yuepushipin_0421 li{ width: 152px; float: left; margin-right: 20px; margin-bottom: 13px;height: 188px;}
.yuepushipin_0421 li a{ position: relative;}
.yuepushipin_0421 li a i{ position: absolute; bottom: 13px; left: 6px; background: url(../img/bofang_bg.png) 0 0 no-repeat; width: 36px; height: 36px; cursor: pointer;}
.yuepushipin_0421 li img{ margin-bottom: 7px;}
.yuepushipin_0421 li p{ font-size: 13px; line-height: 22px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.lyNum{ float: left; font-size: 14px; line-height: 37px; margin-left: 15px;}

.touxiang_0421{ float: left; width: 50px; margin-right: 10px; text-align: center;}
.touxiang_0421 span{ font-size: 13px; line-height: 30px;}
/*.liuyan_con{ float: left; width: 629px; height: 118px; background: url(img/liuyan_bg.png) 0 0 no-repeat; padding: 2px;}*/
.liuyan_con{ float: left; width: 628px; height: 118px; padding: 2px; border:1px solid #ccc;}
.liuyan_con textarea{ border: 0 none; border-radius: 0; background: transparent; width: 609px; height: 113px; outline: none; overflow: hidden; resize: none; padding-left: 20px; padding-top: 5px; font-size: 16px;}
.sub_0421{ background: #48a5de; width: 127px; height: 37px; text-align: center; float: right; color: #fff; line-height: 37px; font-size: 18px; margin-right: 20px; border-radius: 6px;}

.liuyanList_0421{ clear: both; overflow: hidden; border-top: 1px dashed #c6c6c6; width: 684px;}
.liuyanList_0421 li{ width: 100%; float: left; padding: 11px 0; border-bottom: 1px dashed #c6c6c6;}
.liuyanList_0421 li .img{ float: left; width: 50px; margin-right: 16px; position: relative;}
.liuyanList_0421 li .img .v{ background: url(../img/V_s.png) 0 0 no-repeat; position: absolute; right: -6px; bottom: -6px; width: 14px; height: 14px; display: block;}
.liuyanList_0421 li .text{ float: left; width: 617px; position: relative;}
.liuyanList_0421 li .text .context{ clear: both; overflow: hidden; /*margin-bottom: 10px;*/}
.liuyanList_0421 li .text .context .href{ font-size: 14px; line-height: 20px; color: #548316; float: left;}
.liuyanList_0421 li .text .context a.v{ color: #d53a32;}
.liuyanList_0421 li .text .context span{ font-size: 14px; line-height: 20px; float: left;}
.liuyanList_0421 li .text .context span a{ float: none;}
.liuyanList_0421 li .text .time{ font-size: 12px; line-height: 20px;}
.liuyanList_0421 li .text .huifu_0421{ position: absolute; right: 0; bottom: 0; font-size: 12px; line-height: 20px;}
.liuyanList_0421 li .text .huifu_0421 a{ margin-right: 20px;}
.liuyanList_0421 li .text .context .msg_1125{ font-size: 16px; line-height: 32px;}
.liuyanList_0421 .text .zan-num{position: absolute; top: 0; right: 0; width: 70px; height: 30px; line-height: 30px; border-radius: 4px;
    border:1px solid #ccc; text-align: center; font-size: 14px;}
.popup-zan{display: none; position: fixed; width: 240px; padding: 30px; border: 1px solid #ccc; border-radius: 10px; background: #fff; text-align: center; z-index: 101;}
.popup-zan input{width: 100px; height: 30px; padding: 0 10px; outline: none; border: none; border: 1px solid #ccc;}
.popup-zan button{width: 50px; height: 30px; background: #48a5de; border: none; color: #fff; }
.popup-mask{display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.5; z-index: 100;}

.page_0421{ text-align: center; font-family:  poppin,Tahoma,Arial,\5FAE\8F6F\96C5\9ED1,sans-serif;; font-size: 16px; line-height: 30px;}
.page_0421 a{ border:1px solid #c7c7c7; margin: 0 5px; display: inline-block; width: 28px; text-align: center;}
.page_0421 a.cur{ border:1px solid transparent; background: #d53a32; color: #fff;}

.author_img{ overflow: hidden; clear: both;}
.author_img .img{ width: 116px; float: left; margin-right: 15px;}
.author_img .text{ width: 112px; float: left;}
.author_img .text h3{ font-weight: normal; font-size: 18px; line-height: 20px; margin-top: 20px;}
.author_img .text p{ font-size: 12px; line-height: 16px;}

.yuepu_md_list{ overflow: hidden; clear: both; padding-left: 12px; border-bottom: 1px solid #e4e4e4; padding-bottom: 10px; margin-bottom: 30px;}
.yuepu_md_list li{ width: 100%; float: left; font-size: 15px; line-height: 28px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.cover_bg_0424{ background:#000; position:fixed; left:0px; top:0px; filter:alpha(opacity=60); opacity:0.6 !important; width:100%; height:100%; z-index: 10; display: none;}
.cover_transparent_bg_1230{ background:transparent; position:fixed; left:0px; top:0px; filter:alpha(opacity=60); opacity:0.6 !important; width:100%; height:100%; z-index: 10; display: none;}
.addMyvideo{ position: fixed; width: 600px; height: 300px; left: 50%; top: 50%; background: #f6f6f6; margin-left: -300px; margin-top: -150px; z-index: 20; border-radius: 6px; display: none;}
.addMyvideo h3{ font-weight: normal; font-size: 21px; line-height: 30px; color: #d53a32; margin-left: 28px;}
.addMyvideo p{ font-size: 16px; color: #333333; line-height: 20px; margin-left: 45px;}
.addMyvideo .text{ float: left; width: 418px; border: 1px solid #a0a0a0; height: 24px; font-size: 14px; line-height: 24px; padding: 7px 0; background: #fff; margin-left: 45px; margin-right: 5px;}
.addMyvideo .btn{ float: left; width: 84px; height: 40px; font-size: 16px; line-height: 40px; background: #d53a32; color: #fff; text-align: center; border-radius: 6px; border: 0 none;}
.addMyvideo span{ font-size: 14px; margin-left: 50px;}
.addMyvideo span a{ color: #d53a32;}
.addMyvideo .close_0424{ position: absolute; right: 11px; top: 11px; width: 36px; height: 36px; background: url(img/tanchu_close.png) 0 0 no-repeat;}
#flash_cover{background:#000; position:fixed; left:0px; top:0px; display:none; filter:alpha(opacity=80); opacity:0.8 !important; width:100%; height:100%; z-index: 9; }
.close_btn{ width:41px; height:40px; background:url(img/close_btn.jpg) 0 0 no-repeat; position:absolute; top:0px; right:0px; display:inline-block; cursor:pointer; z-index: 10;}

/*---------���׿�-----------*/
.border_0422{ overflow: hidden; clear: both; border: 1px solid #e5e5e5; background: #fff;}
.nav_list_0422{ overflow: hidden; clear: both;}
.nav_list_0422 li{ width: 100%; font-size: 16px; line-height: 42px; height: 42px;}
.nav_list_0422 li a{ display: block; padding-left:40px ;}
.nav_list_0422 li a i{ font-size: 12px; margin-left: 5px;}
.nav_list_0422 li.cur{ background: #d53a32; color: #fff;}
.nav_list_0422 li.cur a{ color: #fff;}
.nav_list_0422 li.cur a i{ color: #fff;}
.line_0422{ font-size: 1px; line-height: 1px; height: 1px; background: #e5e5e5; width: 100%;}

.navOpt_0422{ width: 100%; height: 38px; border-bottom: 2px solid #d53a32;}
.navOpt_0422 .l,.navOpt_0422 .r{ position: relative; top: 1px;}

.navOpt_0422 .m{ margin: 0 20px;}
.navOpt_0422 span{ font-size: 22px; line-height: 54px; display: inline-block;}
.navOpt_0422 i{ font-size: 13px; line-height: 54px; display: inline-block;}
.navOpt_0422 .cur span{ background: url(img/friendNav_cur.png) center bottom no-repeat; color: #d53a32;}
.navOpt_0422 .cur i{ color: #d53a32;}
.navOpt_0422 .r span{ font-size: 13px; line-height: 54px;}

.collection_title{ font-weight: normal; height: 27px; line-height: 27px; border-left:3px solid #d43a32; padding-left: 18px; font-size: 20px; background: #fff; margin: 37px 0;}

.yuepuClassify_list_0422{ overflow: hidden; clear: both; background: #fff;}
.yuepuClassify_list_0422 li{ width: 788px; float: left; padding: 10px 0; border-bottom: 1px solid #eeeeee; cursor: pointer; padding-left: 12px;}
.yuepuClassify_list_0422 li .img{ float: left; width: 94px; height: 60px; text-align: center; position: relative; margin-right: 16px; padding:6px 0;}
.yuepuClassify_list_0422 li .img .mask{ background: url(img/touxiang.png) left top no-repeat; width: 60px; height: 60px; position: absolute; left: 50%; top: 6px; margin-left: -30px;}
.yuepuClassify_list_0422 li .text{ float: left; width: 570px;}
.yuepuClassify_list_0422 li .text h3{ font-size: 16px; height: 36px; line-height: 36px; font-weight: normal;}
.yuepuClassify_list_0422 li .text i{ color: #d53a32;}
.yuepuClassify_list_0422 li .text p{ font-size:  13px;}
.yuepuClassify_list_0422 li .brief_color{padding-top: 5px;}
.yuepuClassify_list_0422 li .text span{ float: left; margin-right: 15px;}
.yuepuClassify_list_0422 li .vip-box{float: none; margin-left: 15px;}
.yuepuClassify_list_0422 li .vip-box img{ display: inline-block; height: 20px; vertical-align: middle;}
.yuepuClassify_list_0422 li .text span.sanjiao{ background: url(img/eyes.png?1) left center no-repeat; padding-left: 22px;}
.yuepuClassify_list_0422 li .text span.xin{ background: url(img/nozan.png?1) left center no-repeat; padding-left: 22px; background-size: 16px;}
.yuepuClassify_list_0422 li .play{ width: 104px; float: left;}
.yuepuClassify_list_0422 li:hover{ background: #FAFAFA;}
.yuepuClassify_list_0422 li:hover .text h3,.yuepuClassify_list_0422 li:hover .text i{ color: #d53a32;}
.yuepuClassify_list_0422 li:hover .play .btn{ margin-top: 5px; width: 56px; height: 60px; display: block; background: url(img/play.png) left center no-repeat;}
.yuepuClassify_list_0422 li:hover .img .mask{ background: url(img/yuepuClassify_list_cur.png) left top no-repeat;}

.page_0422{ overflow: hidden; clear: both; text-align: center;}
.page_0422 a{ font-size: 17px; line-height: 30px; display: inline-block; padding: 0 10px; margin-right: 10px; border: 1px solid transparent;}
.page_0422 a:hover{ border: 1px solid #c7c7c7;}
.page_0422 a.cur{ border: 1px solid transparent; background: #d53a32; color: #fff;}
.page_0422 span{ display: inline-block; font-size: 15px; line-height: 30px; margin-right: 10px;}




/*�����Ƽ�*/

.tuijianimg_0422{ width: 526px; height: 218px; position: relative; overflow: hidden; clear: both;}
.tuijianimg_0422 .mark{ position: absolute; left: 0; top: 0px; width: 100%; height: 100%; background: url(img/bigimg_bg.png) left bottom no-repeat;}
.tuijianimg_0422 h3{ font-size: 26px; line-height: 60px; color: #fff; position: absolute; bottom: 0px; left: 15px; font-weight: normal;}
.tuijianimg_0422 h3 a{ color: #fff;}

.yuepuIndex_con_0422{padding: 10px 0; background-color: #fff; border-bottom: 1px solid #eee;}
.yuepuIndex_con_0422 .md_title{ color: #222;}
.yuepuIndex_con_0422 .yuepuIndex_bd_0422{ overflow: hidden; clear: both; position: relative;}
.imgRoll_150{ overflow: hidden; clear: both; width: 526px; position: relative;}
.yuepuIndex_pic150list_0422{ overflow: hidden; clear: both; margin-top:19px; width: 9999px;}
.yuepuIndex_pic150list_0422 li{ width: 526px; float: left; }
.yuepuIndex_pic150list_0422 li .pic150con{ width: 150px; margin-bottom: 27px; position: relative;  margin-right: 38px; float: left;}
.yuepuIndex_pic150list_0422 li .last{ margin-right: 0px;}
.yuepuIndex_pic150list_0422 li .pic150con .img{ width: 150px; height: 150px; float: left; position: relative; margin-bottom: 7px;}
.yuepuIndex_pic150list_0422 li .pic150con .mark{ position: absolute; bottom: 0px; left: 0px; background: #000000; opacity: 0.5; width: 150px; height: 21px; filter:alpha(opacity=50)}
.yuepuIndex_pic150list_0422 li .pic150con .icon{ position: absolute; bottom: 0px; left: 0px; width: 150px; height: 21px;}
.yuepuIndex_pic150list_0422 li .pic150con .icon .sanjiao{ float: right; background: url(../img/sanjiao.png) left center no-repeat; padding-left: 11px; font-size: 12px; line-height: 22px; margin-right: 10px; color: #eeeeee;}
.yuepuIndex_pic150list_0422 li .pic150con .icon .xin{ float: right; background: url(../img/pubu_xin.png) left center no-repeat; padding-left: 13px; font-size: 12px; line-height: 22px; margin-right: 10px; color: #eeeeee;}
.yuepuIndex_pic150list_0422 li .pic150con .text{ width: 150px; float: left;}
.yuepuIndex_pic150list_0422 li .pic150con .text h3{ font-size: 14px; line-height: 22px; overflow: hidden; height: 20px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; font-weight: normal;}
.yuepuIndex_pic150list_0422 li .pic150con .text p{ font-size: 14px; line-height: 20px; overflow: hidden; height: 20px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; }
.yuepuIndex_pic150list_0422 li .pic150con .text p a{ color: #0cc65b;}
.prev_btn_0422{ float: right; background: url(../img/hot_left-right.png) 0 0 no-repeat; width: 30px; height: 24px; margin-top: 5px; margin-right: 10px;}
.next_btn_0422{ float: right; background: url(../img/hot_left-right.png) right top no-repeat; width: 30px; height: 24px; margin-top: 5px; margin-right: 10px;}


.tab_hover_0104_conList{ overflow: hidden; clear: both; margin-top: 15px;}
.tab_hover_0104_conList li{ width: 250px; float: left; font-size: 14px; line-height:30px; }
.tab_hover_0104_conList li .num{ float: left; width: 30px; }
.tab_hover_0104_conList li .name{ float: left; width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  height: 30x;}
.tab_hover_0104_conList li .img{ float: left; width: 80px; position: relative; margin-right: 20px; margin-bottom: 8px;}
.tab_hover_0104_conList li .text{ float: left; width: 150px; margin-top: 15px;}
.tab_hover_0104_conList li .text a{ display: block; font-size: 14px; line-height: 24px;}
.tab_hover_0104_conList li .text a.song{ color: #679926;}

.remengeshou_0429{ overflow: hidden; clear: both; margin: 25px 0 0;}
.remengeshou_0429 li{ width: 65px; float: left; font-size: 14px; line-height:34px; position: relative; margin-right: 20px; margin-bottom: 10px;}
.remengeshou_0429 li .mask{ width: 65px; height: 65px; position: absolute; left: 0; top: 0; background: url(../img/touxiang_bg65-65.png) 0 0 no-repeat;}
.remengeshou_0429 li a{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; text-align: center; width: 100%;}
.remengeshou_0429 li.last{ margin-right: 0;}

.singerList_0429{ overflow: hidden; clear: both; margin-bottom: 0;}
.singerList_0429 li{ width: 100px; padding-left: 25px; float: left; font-size: 14px; line-height: 30px;}


.yuepuIndex_pic700list_0422{ overflow: hidden; clear: both; width: 9999px; margin-top: 19px;}
.yuepuIndex_pic700list_0422 li{ width: 526px; float: left; }
.yuepuIndex_pic700list_0422 li .pic526con{ width: 524px; float: left; border: 1px solid #dddddd; height: 327px;}
.yuepuIndex_pic700list_0422 li .pic526con .img{ float: left; width: 330px; margin-right: 25px; height: 327px}
.yuepuIndex_pic700list_0422 li .pic526con .text{ float: left; width: 130px; margin-top: 26px; margin-right: 30px;}
.yuepuIndex_pic700list_0422 li .pic526con .text h3{ font-size: 14px; line-height: 26px; color: #679926;}
.yuepuIndex_pic700list_0422 li .pic526con .text h3 a{ color: #679926;}
.yuepuIndex_pic700list_0422 li .pic526con .text p{ font-size: 14px; line-height: 26px; color: #999999; margin-bottom:8px;}
.yuepuIndex_pic700list_0422 li .pic526con .text p a{ color: #999999;}
.yuepuIndex_pic700list_0422 li .pic526con .text span{ font-size: 14px; line-height:22px; display: inline-block; color: #555555;}

.yuepuIndex_pic700list_0422 li .pic150x2{ width: 160px; float: right; overflow: hidden; margin-right: 20px}
.yuepuIndex_pic700list_0422 li .pic150con{ width: 150px; height: 150px; margin-bottom: 17px; position: relative; padding: 5px;}
.yuepuIndex_pic700list_0422 li .pic150con:hover{ background: url(../img/042202.png) 0 0 no-repeat;}
.yuepuIndex_pic700list_0422 li .pic150con .mark{ position: absolute; bottom: 5px; left: 5px; background: url(../img/042201.png) 0 0 no-repeat; width: 150px; height: 40px;}
.yuepuIndex_pic700list_0422 li .pic150con .text{ width: 150px; position: absolute; bottom: 5px;left: 5px; height: 40px;}
.yuepuIndex_pic700list_0422 li .pic150con .text h3{ font-size: 14px; line-height: 20px; overflow: hidden; height: 20px; text-overflow: ellipsis; white-space: nowrap; color: #fff;word-wrap: normal; text-indent: 10px; font-weight: normal;}
.yuepuIndex_pic700list_0422 li .pic150con .text h3 a{ color: #fff;}
.yuepuIndex_pic700list_0422 li .pic150con .text p{ font-size: 12px; line-height: 20px; overflow: hidden; height: 20px; text-overflow: ellipsis; white-space: nowrap; color: #0cc65b;word-wrap: normal; text-indent: 10px;}
.yuepuIndex_pic700list_0422 li .pic150con .text p a{ color: #0cc65b;}

.border_0115{ border-bottom:1px solid #0c8f44; clear: both; overflow: hidden}
.class_logo{ width: 100%; height: 75px; background: #fff;}
.class_logo .box{ float: left; height: 58px; margin-top: 17px; margin-right: 83px;}
.class_logo .box .pianotext{ background: url(../img/piano_logo.png) 0 0 no-repeat; padding-left: 50px;}
.class_logo .box .pianotext h3{ font-size: 19px; line-height: 24px; color: #555555; font-weight: normal;}
.class_logo .box .pianotext p{ font-size: 12px; line-height: 24px; color: #55555;}
.class_logo .box .guitartext{ background: url(../img/jita_logo.png) 0 0 no-repeat; padding-left: 50px;}
.class_logo .cur{background: url(../img/logobread__cur.jpg) center bottom no-repeat;}
.class_logo .cur .pianotext{ background-image: url(../img/piano_logo_cur.png);}
.class_logo .cur .guitartext{ background-image: url(../img/jita_logo_cur.png);}
.class_logo .cur .pianotext h3{ color: #6a9b16;}
.class_logo .cur .pianotext p{ color: #6a9b16;}
.con_position{ overflow: hidden; clear: both; margin-left: 162px;}
/*20150605����*/
.class_logo_jita {width: 100%;height: 75px;background: #EEEEEE;	}
.class_logo_jita .box {float: left;height: 58px;margin-top: 17px;margin-right: 83px;}
.class_logo_jita .box .pianotext {background: url(/static/tan8/style/img/piano_logo.png) 0 0 no-repeat;	padding-left: 50px;}
.class_logo_jita .box .pianotext h3 {font-size: 19px;line-height: 24px;	color: #555555;	font-weight: normal;}
.class_logo_jita .box .pianotext p {font-size: 12px;line-height: 24px;color: #55555;}
.class_logo_jita .box .guitartext {background: url(/static/tan8/style/img/jita_logo.png) 0 0 no-repeat;padding-left: 50px;}
.class_logo_jita .cur {	background: url(/static/tan8/style/img/logobread__cur_.png) center bottom no-repeat;}
.class_logo_jita .cur .pianotext {background-image: url(/static/tan8/style/img/piano_logo_cur.png);	}
.class_logo_jita .cur .guitartext {	background-image: url(/static/tan8/style/img/jita_logo_cur.png);}
.class_logo_jita .cur .pianotext h3 {color: #6a9b16;}
.class_logo_jita .cur .pianotext p {color: #6a9b16;}









/*ר��*/
.zj_img_0423{ width: 212px; float: left; margin-right: 39px;}
.zj_brief_0423{ width:370px; float: left;}
.zj_brief_0423 p{ font-size: 14px; line-height: 24px; white-space: pre-wrap;}
.zj_share_0423{ border-bottom: 0 none; margin-top: 60px;}
/*.zj_share_0423 .share{ width: 300px;}*/
.zj_list_0422{ overflow: hidden; clear: both;}
.zj_list_0422 li{ width: 100%; float: left; padding: 15px 0; border-bottom: 1px solid #eeeeee; cursor: pointer;}
.zj_list_0422 li .img{ float: left; width: 124px; height: 60px; text-align: center; position: relative;}
.zj_list_0422 li .img .mask{ background: url(../img/touxiang.png) left top no-repeat; width: 60px; height: 60px; position: absolute; left:50%; top: 0; margin-left: -30px;}
.zj_list_0422 li .text{ float: left; width: 483px;}
.zj_list_0422 li .text h3{ font-size: 16px; line-height: 36px; font-weight: normal;}
.zj_list_0422 li .text em{display: inline-block; width: 10px;}
.zj_list_0422 li .text i{ color: #d53a32;}
.zj_list_0422 li .text p{ font-size:  13px; line-height: 36px; clear: both;}
.zj_list_0422 li .text p span{ float: left; margin-right: 15px;}
.zj_list_0422 li .text p span.sanjiao{ background: url(../img/sanjiao.png) left center no-repeat; padding-left: 13px;}
.zj_list_0422 li .text p span.xin{ background: url(../img/xin.png) left center no-repeat; padding-left: 22px;}
.zj_list_0422 li .play{ width: 104px; float: left;}
.zj_list_0422 li:hover{ background: #EEEEEE;}
.zj_list_0422 li:hover .text h3,.zj_list_0422 li:hover .text i{ color: #578a15;}
.zj_list_0422 li:hover .play .btn{ margin-top: 5px; width: 56px; height: 60px; display: block; background: url(../img/play.png) left center no-repeat;}
.zj_list_0422 li:hover .img .mask{ background-position: right bottom;}





/*����*/
.border_0423{ background: #fff; border: 1px solid #e4e4e4; border-top-color: transparent;}
.shequ_left_0423{ width: 221px; height: 123px; background: url(../img/shequ_left_bg.png) 0 0 no-repeat; position: relative; top: 13px; margin: 0 auto;}
.line_1px_0423{ background: #e5e5e5; font-size: 0px; line-height: 0px; clear: both; height: 1px; width: 100%; margin: 10px 0 6px 0;}
.shequ_fenlei_0423{ clear: both; position: relative; width: 222px;}
.shequ_fenlei_0423 li{ width: 83px; float: left; height: 44px; line-height: 48px; font-size: 16px; padding-left: 28px; position: relative;}
.shequ_fenlei_0423 li a{ display: block; position: absolute; left: 28px; top: 0; z-index: 1;}
.shequ_fenlei_t_0423{ font-weight: normal; font-size: 13px; color: #367715; line-height: 16px; margin-left: 10px; margin-bottom: 7px;}
.shequ_fenlei_0423 li.odd .mask{ position: absolute; left: -4px; top: 0; background: url(../img/shequ_fenlei_leftbg.png) 0 0 no-repeat; width: 119px; height: 50px; z-index: 0;}
.shequ_fenlei_0423 li.odd .mask_sanjiao{ position: absolute; right: -120px; top: 16px; background: url(../img/shequ_fenlei_rightbg.png) 0 0 no-repeat; width: 9px; height: 18px; z-index: 0;}
.shequ_fenlei_0423 li.odd a,.shequ_fenlei_0423 li.even a{ color: #fff;}
.shequ_fenlei_0423 li.even .mask{ position: absolute; right: -9px; top: 14px; background: url(../img/shequ_fenlei_rightbg.png) 0 0 no-repeat; width: 9px; height: 18px; z-index: 0;}
.shequ_fenlei_0423 li.even { background: #d53a32; border-radius: 8px;}
.sq_opt_0424{ width: 100%; border-bottom: 2px solid #d53a32; height: 54px; margin-top: 10px;}
.sq_opt_0424 a{ font-size: 22px; float: left; margin-left: 50px; line-height: 54px; position: relative; top: 2px;}
.sq_opt_0424 a.cur{ background: url(../img/friendNav_cur.png) center bottom no-repeat;  color: #d53a32;}
.sq_opt_0424 a.postings{ float: right; width: 127px; height: 37px; line-height: 38px; color: #fff; background: #6a9b16; text-align: center; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; margin-top: 3px; font-size: 18px;}
.container{position:relative; z-index:9; width:100%; margin:0 auto;	padding-bottom: 10px; }
.container .box{width:240px;min-height:100px;background:#fff;float:left; position: relative;  border: 1px solid #f1f1f1;}
.container .box:hover{ box-shadow:0 0 10px #C0C0C0; -moz-box-shadow:0 0 10px #C0C0C0; -webkit-box-shadow: 0 0 10px #C0C0C0;}
.container .box .border{ clear: both; overflow: hidden;}
.container .box .play_img{position: relative; width:198px; padding: 0 10px; clear: both; overflow: hidden;}
.container .box .play_img img{width: 100%; transition:All 0.5s ease-in-out; -webkit-transition:All 0.5s ease-in-out; -moz-transition:All 0.5s ease-in-out; -o-transition:All 0.5s ease-in-out;}
.container .box .play_img:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2); -ms-transform:scale(1.2);}
.container .box .play_img .play_icon{ position: absolute; left: 50%; top: 50%; width: 64px; height: 64px; margin-left: -32px; margin-top: -32px; background: url(../img/shequ_play.png) 0 0 no-repeat;}
.container .box .title{ font-size: 17px; line-height: 26px; padding: 9px; font-weight: normal; display: block; overflow:hidden;}
.container .box .brief{  clear: both;}
.container .box .content_color{ font-size: 13px; line-height: 22px;  padding: 10px 9px; display: block; overflow:hidden;word-break: break-all; word-wrap: break-word;}
.container .box .icon{ font-size: 12px; line-height: 16px; padding: 0 9px; clear: both;}
.container .box .icon span{ float: left;}
.container .box .icon span.eye{ padding-left: 18px; background: url(../img/eyes.png) 0 3px no-repeat; margin-right: 10px;}
.container .box .icon span.xin{ padding-left: 18px; background: url(../img/zan_1012.png) 0 0px no-repeat;}
.container .box .icon span.msg{ padding-left: 18px; background: url(../img/pubu_msg.png) 0 1px no-repeat; float: right;}
.container .box .pubu_xuxian{ font-size: 0; line-height: 0px; padding-top: 10px; margin-top: 10px; border-top: 1px dashed #d2d2cf; clear: both;}
.container .box .author{ clear: both; margin-left: 10px; overflow:hidden;}
.container .box .author .img{ float: left; width: 50px; margin-right: 10px;}
.container .box .author .text{ float: left; width: 146px;}
.container .box .author .text p{ color: #548316; font-size: 14px; line-height: 30px;}
.container .box .author .text span{ font-size: 12px; line-height: 14px; display: block;}
.pubuCon_0424{ clear: both;}
.pubuCon_0424 li{ width: 238px; float: left; margin-right: 30px;}
.pubuCon_0424 li.last{ margin-right: 0;}
.news-list-loading {padding: 20px;height: 32px;background: url(../img/loading.gif) no-repeat center; display: none;}
.container .box a{ display:block; width:100%;}

.container .box .author .text p i{ color: #de5455;}
.container .box .author .text p .v{ display: inline-block; _display:inline; zoom: 1; background: url(../img/V_s.png) 0 0 no-repeat; width: 14px; height: 14px; margin-left: 3px; vertical-align: -2px;}

.sq_opt_0424 a.l_1110{ background: url(../img/nav_list_img_default.png) 0 0 no-repeat; width: 24px; height: 22px; float: right; margin-top: 12px; margin-left: 0;}
.sq_opt_0424 a.l_1110_cur{ background-image: url(../img/nav_list_img.png);}
.line_1110{ margin: 0 15px; background: #dbdbdb; width: 2px; height: 22px; float: right;  margin-top:14px;}
.sq_opt_0424 a.ll_1110{ background: url(../img/nav_img_list.png) 0 0 no-repeat; width: 21px; height: 22px; float: right;  margin-top: 12px; margin-left: 0;}
.sq_opt_0424 a.ll_1110_cur{ background-image: url(../img/nav_img_list_cur.png);}

/*------����Ȧ------*/
.banner_426 img{ display: block;}

.banner_426{ overflow: hidden; clear: both; position: relative;}
.bannerCon{ position: absolute; left: 0; bottom: 0; width: 1024px;}
.bannerCon .img{ width: 110px; position: absolute;  border: 4px solid #fff; left: 23px; bottom: 20px; z-index: 9;}

.bannerCon .text .mask{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000000; opacity: 0.5; filter:alpha(opacity=50);-moz-opacity:0.5;}
.bannerCon .text .content{ position: absolute; left: 160px; top: 0; width: 844px;}
.bannerCon .text{ width: 1024px; height: 44px; clear: both; position: relative;}
.bannerCon .text h3{ float: left; font-weight: normal; font-size: 22px; color: #fff;  line-height: 44px;}
.bannerCon .text .attention{ float: left; margin: 11px; height: 22px; line-height: 22px; color: #fff; background: url(../img/attention_bg.jpg) 0 0 no-repeat; width: 40px; padding-left: 16px; text-align: center; font-size: 14px;}
.bannerCon .text .content .cur{ background: url(../img/attention_cur_bg.jpg) 0 0 no-repeat; color: #888888; font-size: 12px;}
.bannerCon .text .set_btn{ float: right; background: url(../img/chilun.png) center left no-repeat; padding-left: 24px; font-size: 14px; color: #f5f6f7; line-height: 44px;}

.friend_nav{position: relative; width: 100%; border-bottom: 2px solid #d53a32; clear: both;}
.friend_nav .box{ position: relative; clear: both; overflow: hidden; }
.friend_nav .box h3{ float: left; width: 171px; font-size: 20px; line-height:28px; height:33px; color: #555555; font-weight: normal;}
.friend_nav .box .con{ float: left; width: 853px;}
.friend_nav .box .con a{ float: left; margin-right: 50px; font-size:  22px; line-height: 64px;}
.friend_nav .box .con a b{ float: left;}
.friend_nav .box .con a i{ font-size: 12px; margin: 0 5px; float: left;}
.friend_nav .box .con a.cur{ color: #d43b33;}
.friend_nav .box .con a.cur b{ background: url(../img/friendNav_cur.png) bottom center no-repeat; }

.leftWaterfall{ float: left; width: 774px; margin-right: 25px;}
.publish_0427{ float: right; width: 127px; height: 37px; text-align: center; color: #fff; font-size: 18px; border-radius: 6px; background: #6a9b16; line-height: 38px;}


.people_List_0427{ overflow: hidden; clear: both; margin-top: 20px; min-height: 300px;}
.people_List_0427 li{ width: 60px; float: left; margin-right: 15px; position: relative; text-align: center;}
.people_List_0427 li .mask{position: absolute; left: 0; top: 0; width: 60px; height: 60px; background: url(../img/touxiang.png) 0 0 no-repeat;}
.people_List_0427 li span{ font-size: 13px; line-height: 30px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.rightWaterfall{ float: left; width: 774px;}
.people_List_0427 .v{ position: absolute; left: 40px; top: 50px; width: 14px; height: 14px; background: url(../img/V_s.png) 0 0 no-repeat;}
/*�����л�*/
.leftWaterfall .l_1110{ background: url(../img/nav_list_img_default.png) 0 0 no-repeat; width: 24px; height: 22px; float: right; margin-top: 9px;}
.leftWaterfall .l_1110_cur{ background-image: url(../img/nav_list_img.png);}
.leftWaterfall .line_1110{ margin: 0 15px; background: #dbdbdb; width: 2px; height: 22px; float: right;  margin-top: 9px;}
.leftWaterfall .ll_1110{ background: url(../img/nav_img_list.png) 0 0 no-repeat; width: 21px; height: 22px; float: right;  margin-top: 9px; margin-right: 45px;}
.leftWaterfall .ll_1110_cur{ background-image: url(../img/nav_img_list_cur.png);}


/*-------����--------*/
.fabuyuepu{height: 38px; display: inline-block; background: #6a9b16; color: #fff; text-align: center; font-size: 18px; line-height: 38px; margin: 10px;}
.fabuyuepu {width:90%;}
.fabuzhuanji{width: 30%;}
.yuepufeilei_0428{overflow: hidden; padding: 10px 0; border-bottom: 1px solid #ddd; background: #fff; }
.yuepufeilei_0428 li{float: left; padding-right: 34px; height: 34px; line-height: 34px; font-size: 14px;}
.yuepufeilei_0428 li a{ display: block;}
.yuepufeilei_0428 li i{ font-size: 12px; margin-left: 10px;}
.yuepufeilei_0428 li.cur{ color: #d53a32;  border: 0 none;}
.yuepufeilei_0428 li.cur a,.yuepufeilei_0428 li.cur i{ color: #d53a32;}
.yuepufabu_tab{position: absolute; right: 0; bottom: 0;  width: 140px; height: 38px; z-index: 2;}
.yuepufabu_tab h3{line-height: 32px; background-color: #d53a32; cursor: pointer; text-align: center; color: #fff;}
.yuepufabu_tab .down{display: none; background: #fff; border: 1px solid #ddd;}
.fabuzhuanji{display: block; width: 100%; height: 38px; line-height: 38px; color: #333; text-indent: 14px; font-size: 14px;}
.fabuzhuanji:hover{color: #d53a32;}

.yuepufabu_list_0428{ overflow: hidden; clear: both; background:#fff}
.yuepufabu_list_0428 li{ width: 100%; float: left; padding: 15px 0; cursor: pointer; border-bottom: 1px solid #f1f1f1;}
.yuepufabu_list_0428 li .img{ float: left; height: 60px; text-align: center; position: relative;}
.yuepufabu_list_0428 li .text{position: relative; float: left; width: 918px; margin-left: 20px;}
.yuepufabu_list_0428 li .text h3{ font-size: 16px; line-height: 36px; font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.yuepufabu_list_0428 li .text i{ color: #d53a32;}
.yuepufabu_list_0428 li .text p{ font-size: 12px; clear: both; overflow: hidden;}
.yuepufabu_list_0428 li .text p span{ float: left; margin-right: 15px;}
.yuepufabu_list_0428 li .text p span.sanjiao{ background: url(../img/sanjiao.png) left center no-repeat; padding-left: 13px;}
.yuepufabu_list_0428 li .text p span.xin{ background: url(../img/xin.png) left center no-repeat; padding-left: 22px;}
.yuepufabu_list_0428 li .play{ width: 104px; float: left;}
.yuepufabu_list_0428 li:hover{ background: #FAFAFA;}
.yuepufabu_list_0428 li:hover .text h3,.yuepufabu_list_0428 li:hover .text i{ color: #d53a32;}

.yuepufabu_list_0428 .examine-box{position: absolute; top: 10px; right: 20px;}
.yuepufabu_list_0428 .examine-box p{display: inline-block; width: 50px; height: 50px;}
.yuepufabu_list_0428 .examine-ytg{background: url(../img/examine_ytg.png) no-repeat; background-size: cover;}
.yuepufabu_list_0428 .examine-shz{background: url(../img/examine_shz.png) no-repeat; background-size: cover;}
.yuepufabu_list_0428 .examine-wtg{background: url(../img/examine_wtg.png) no-repeat; background-size: cover;}
.yuepufabu_list_0428 .examine-box .tips{position: absolute; top: 45px; right: 0; width: 162px; color: #d53a32;}
/*--------�ղ�---------*/



/*--------���԰�--------*/
.liuyanban_0428{ width: 693px; margin: 0 auto;}


/*--------------ר���б�----------------*/
.zhuanji_container_0608{ overflow: hidden; clear: both; margin: 0 21px;}
.zhuanji_container_0608 li{ width: 162px; float: left; position: relative; margin-right: 36px; margin-bottom: 26px;}
.zhuanji_container_0608 li .img{ float: left; width: 160px; height: 160px; border: 1px solid #e5e5e5; position: relative;}
.zhuanji_container_0608 li .img .mask{ width: 100%; height: 28px; position: absolute; left: 0; bottom: 0; background: #333333; opacity: 0.75; filter:alpha(opacity=75);-moz-opacity:0.75;}
.zhuanji_container_0608 li .img .text{ width: 100%; height: 28px; position: absolute; left: 0; bottom: -1px; line-height: 28px; font-size: 12px; color: #dcdcdc;}
.zhuanji_container_0608 li .img .text .p{ float: left; background: url(../img/sanjiao.png) 11px 9px no-repeat; padding-left: 25px;}
.zhuanji_container_0608 li .img .text .x{ float: left; background: url(../img/xin_0612.png) 11px 9px no-repeat; padding-left: 28px;}
.zhuanji_container_0608 li .img .text .n{ float: right; padding-right: 8px;}
.zhuanji_container_0608 li .title{ font-size: 16px; line-height: 22px; margin-top: 7px; float: left;}
.zhuanji_container_0608 li.last{ margin-right: 0;}

.zhuanji_container{position:relative; z-index:9; width:100%; margin:0 auto;	padding-bottom: 10px;}
.zhuanji_container .box{width:240px;min-height:100px;background:#fff;float:left; position: relative;  border: 1px solid #d2d2cf;}
.zhuanji_container .box .border{ clear: both; overflow: hidden; border: 1px solid transparent;}
.zhuanji_container .box img{ display: block;}
.zhuanji_container .box .play_img{ position: relative; clear: both; overflow: hidden;}
.zhuanji_container .box .play_img .all_num{ position: absolute; right: 0; bottom: 20px; width: 40px; font-size: 12px; line-height: 24px; height: 24px;}
.zhuanji_container .box .play_img .all_num i{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000000; opacity: 0.5; filter:alpha(opacity=50);-moz-opacity:0.5;}
.zhuanji_container .box .play_img .all_num b{ color: #dddddd; position: absolute; left: 7px; top: 0; width: 100%; height: 100%;}
.zhuanji_container .box .title{ font-size: 17px; line-height: 26px; padding-bottom: 9px; font-weight: normal; padding-left: 32px; background: url(../img/zjpubu_t.png) 9px 8px no-repeat; padding-top: 4px;}
.zhuanji_container .box .brief{  clear: both;}
.zhuanji_container .box .content_color{ font-size: 13px; line-height: 22px;  padding: 10px 9px;}
.zhuanji_container .box .icon{ font-size: 12px; line-height: 14px; padding: 0 9px; clear: both;}
.zhuanji_container .box .icon span{ float: left;}
.zhuanji_container .box .icon span.eye{ padding-left: 18px; background: url(../img/eyes.png) 0 1px no-repeat;}
.zhuanji_container .box .icon span.xin{ padding-left: 14px; background: url(../img/pubu_xin.png) 0 1px no-repeat;}
.zhuanji_container .box .icon span.msg{ padding-left: 18px; background: url(../img/pubu_msg.png) 0 1px no-repeat; float: right;}
.zhuanji_container .box .pubu_xuxian{ font-size: 0; line-height: 0px; padding-top: 10px; margin-top: 10px; border-top: 1px dashed #d2d2cf; clear: both;}

.zhuanji_container .box .zhuanji_list_0428{ clear: both; overflow: hidden;height:104px;}
.zhuanji_container .box .zhuanji_list_0428 li{ width: 100%; float: left; font-size: 14px; line-height: 26px;}
.zhuanji_container .box .zhuanji_list_0428 li a{ display: block; text-indent: 12px;}
.zhuanji_container .box .more{ display: block; width: 100%; height: 15px; background: url(../img/zhuanji_down.png) center no-repeat; margin-bottom: 7px;}
.zhuanji_container .box .more_click{ background-image: url(../img/zhuanji_up.png);}
.zhuanji_container .box:hover,.zhuanji_container .box:hover .border{ border-color: #d43a32;}






/*--------��������---------*/
.tiezixq_con{ overflow: hidden; clear: both; margin: 22px 33px 0 33px; margin-left: 0;}
.tiezixq_bread{ color: #518113;}
.tiezixq_bread a{color: #518113;}
.tiezixq_con .img{text-align: center;}
.tiezixq_con .con{font-size: 16px; line-height: 30px;white-space:pre-wrap;}
.tiezixq_con .prism-player{width: 680px; height: 383px; border: 1px solid #ccc;}
.operationtime{ text-align: right; border-bottom: 1px solid #ddd; margin-left: 25px; margin-right: 47px; font-size: 12px; line-height: 39px; margin-left: 0; margin-right: 30px;}
.operationtime span{ color: #888;}
.operationtime a{ color: #6a9b16; margin: 0 14px;}
.tiezixq_pinglun{ margin: 0 18px 0 32px;}
.down_share_0421 .down .zan,.down_share_0421 .down .flower{display: inline-block; position: relative; padding-top: 50px; margin: 0 13px;font-size: 14px;}
.down_share_0421 .down .zan{background: url(../img/zan.png) no-repeat center 5px;}
.down_share_0421 .down .nozan{font-family: initial;background-image: url(../img/nozan.png);letter-spacing: 1px;font-size: 15px;}
.down_share_0421 .down .flower{background: url(../img/flower_tiezi.png) no-repeat center top;}
.down_share_0421 .down .zanNum,.down_share_0421 .down .flowerNum{color: #d43c33;}
.video_icon{ position: absolute; left: 50%; top: 50%; width: 64px; height: 64px; margin-left: -32px; margin-top: -32px; background: url(../img/shequ_play.png) 0 0 no-repeat; cursor: pointer;}


/*-----�������-----*/
.navOpt_0422 .title{ font-size: 16px; line-height: 38px; color: #58851d; float: left; margin-right: 35px; font-weight: normal;}
.navOpt_0422 .s{ font-size: 16px; line-height: 38px; float: left; margin-right: 22px;}
.navOpt_0422 .search_cur{ background: url(../img/friendNav_cur.png) center bottom no-repeat; color: #d53a32;}
.search_his{padding: 5px; line-height: 28px; background-color: #fff; font-size: 12px; }
.search_his a{display: inline-block; margin: 4px; padding: 0 14px; border: 1px solid #ddd; border-radius: 15px;}

.nosearchContent{ overflow: hidden; clear: both; text-align: center;}
.nosearchContent .title{ font-size: 24px; line-height: 64px; text-align: center;}
.nosearchContent .brief{ font-size: 14px; line-height: 24px; text-align: left; margin: 10px 110px;}


/*------����-------*/
.fatie_col{ margin: 0 auto; width: 726px; border: 1px solid #dddddd; padding: 20px 30px; background: #fff;}
.fatie{ font-weight: normal; font-size: 20px; line-height: 30px; text-align: center; color: #d23a32;}
.fatie_title{ float: left; width: 44px; font-size: 15px; line-height: 36px;}
.fatie_con{ width: 681px; float: left;}
.fatie_con .btn_verification{width:130px; height: 50px; margin-left: 10px; line-height: 54px; text-align: center; font-size: 14px; background-color: #f1f1f1; border: 1px solid #ccc;}
.fatie_btn{width: 340px; padding-left: 140px;}
.fatie-emoji-list{width: 634px; margin-left: 44px;}
.fatie-emoji-list ul{border-top: 1px solid #ccc; border-right: 1px solid #ccc;}
.fatie-emoji-list li{float: left; padding: 6px; border-left: 1px solid #ccc;}
.fatie-emoji-list li:hover{background: #ccc;}
.fatie_btn .btn-success{width: 140px; height: 40px; margin-left: 20px; line-height: 40px; border-radius: 6px; border: none; text-align: center; font-size: 16px; background-color: #c93e2f; color: #fff;}
.fatie_must{ width: 654px; background: url(../img/fatie_xingxing.png) right center no-repeat;}
.fatie_con .input{ width: 610px; height: 30px; padding: 9px 11px; border: 1px solid #ccc; outline: none; font-size: 20px; border-radius: 0; line-height: 30px; color: #222222;}
.fatie_con textarea{ width: 602px; resize:none; height: 422px; border: 1px solid #ccc; font-size: 16px; line-height: 24px; padding: 15px; -webkit-box-shadow: none; border-radius: 0; box-shadow: none; -moz-box-shadow:none;}
.fatie_con>span{float: left; margin-right: 15px; line-height: 34px; padding: 0 10px; border: 1px solid #ccc; color: #999;  font-size: 15px;}
.fatie_con>span:hover{cursor: pointer;}
.fatie_con .opt_con{background-color: #27a213; border: 1px solid #27a213; color: #fff;}
.fatie_con .fatie_optbtn{ padding-right: 21px; float: left;  background: url(../img/fatie_xingxing.png) right center no-repeat;}
.fatie_con .fatie_optbtn a{border: 1px solid #ccc; float: left; font-size: 16px; line-height: 34px; height: 34px; width: 90px; text-align: center;}
.fatie_optList{width: 680px; height: 556px; position: fixed; left: 50%; top: 50%; margin-left: -340px; margin-top: -278px; background: #eeeeee; z-index: 999; display: none;}
.fatie_optList_line{ height: 1px; width: 640px; line-height: 1px; font-size: 1px; background: #d6d6d6; margin: 15px auto 28px;}
.fatie_optList_key{ float: left; width: 127px; text-align: right; line-height: 33px; font-size: 14px; color: #367715; margin-right: 14px;}
.fatie_optList_val{ float: left; width: 465px;}
.fatie_optList_val span{ float: left; padding: 0 18px; line-height: 36px; font-size: 18px; cursor: pointer; border: 2px solid transparent; border-radius: 6px;}
.fatie_optList_val span.cur{ border-color: #ff0000; background: #fff; }
.fatie_optList_btn, .fatie_sub_btn{ float: right; width: 127px; height: 37px; background: #d23a32; color: #fff; font-size: 18px; line-height: 38px; text-align: center; margin-right: 66px; border-radius: 6px;}
.fatie_con .img{ width: 150px; height: 150px; border: 1px solid #ccc; border-left: 0 none; float: left; position: relative; margin-bottom:16px; cursor: pointer;}
.fatie_con .pic_0219{ background: url(../img/pic_0219.jpg) 0 0 no-repeat; width: 150px; height: 150px; border-left: 1px solid #ccc; overflow: hidden;}
.fatie_con .video_0219{ background: url(../img/video_0219.jpg) 0 0 no-repeat; width: 150px; height: 150px;}
.fatie_con .youku_0219{ background: url(../img/youku_0219.jpg) 0 0 no-repeat; width: 150px; height: 150px;}
.fatie_con .img h3{ text-align: center; font-weight: normal; position: absolute; left: 0; bottom: 30px; width: 150px; font-size: 24px; z-index: 10;}
.fatie_con .img p{ text-align: center; position: absolute; left: 0; bottom: 10px; width: 150px; font-size: 14px; line-height: 20px; color: #999999; z-index: 10;}
.fatie_con .img .del{ position: absolute; right: 0; top: 0; width: 34px; height: 33px; background: url(../img/fatie_imgdel.png) center no-repeat; cursor: pointer;}
.fatie_con .img .del_bg{ position: absolute; right: 0; top: 0; width: 34px; height: 33px; background: #000000; filter:alpha(opacity=50); opacity:0.5; cursor: pointer;}
.fatie_con .add_bg{ width: 150px; height: 150px; background: url(../img/fatie_imgadd.jpg) 0 0 no-repeat; position: relative;}
.fatie_con .add_bg a{ position: absolute; font-size: 14px; top: 93px; color: #d43c33;}
.fatie_con .add_bg a.f{ left: 16px;}
.fatie_con .add_bg .i{ right: 0px; position: absolute; font-size: 14px; top: 93px; color: #d43c33; cursor: pointer;  width: 75px; height: 30px; text-align: center; overflow: hidden; cursor: pointer; z-index: 9;}
.fatie_con .add_bg .i span{ color: #d43c33; cursor: pointer;}
#file, .file_input{ position:absolute; z-index:100; font-size:125px;opacity:0;filter:alpha(opacity=0); right: 0; top: 0; cursor: pointer;}
.fatie-btn .standard{float: left; margin-left: 44px; color: #d23a32; text-decoration: underline;}
/*������Ƶ�ϴ�*/
#picker .webuploader-pick{width: 150px;height: 150px;}
.webuploader-element-invisible{position: absolute !important;clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px);}
.loader-container{display:none;height: 12px; width: 600px; position: fixed; top: 50%; left: 50%; margin-top: -6px; margin-left: -300px; background-color: #ff0000; background-image: -webkit-linear-gradient(left, #5bd8ff, #ff0000); background-image: -moz-linear-gradient(left, #5bd8ff, #ff0000); background-image: -o-linear-gradient(left, #5bd8ff, #ff0000); background-image: -ms-linear-gradient(left, #5bd8ff, #ff0000); background-image: linear-gradient(left, #5bd8ff, #ff0000); box-shadow: inset 0 -2px 2px rgba(0, 0, 0, 0.4); border-radius: 4px; z-index: 11;}
.run .runner{content: ""; position: absolute; right: 0; height: 100%; width: 0%; background-color: #212121; background-image: -webkit-linear-gradient(top, #000000, #212121); background-image: -moz-linear-gradient(top, #000000, #212121); background-image: -o-linear-gradient(top, #000000, #212121); background-image: -ms-linear-gradient(top, #000000, #212121); background-image: linear-gradient(top, #000000, #212121); border-radius: 4px;}
.meter{position: absolute; top: 0; right: 0; font-size: 2em; margin-top: 14px; color: #ff0000; /*animation: meter 10s linear;*/ text-shadow: 0 -1px 0 #333333;}

.load_box{ display: none; overflow:  hidden; clear: both;}
.loadBar{width: 637px; height: 30px; border-radius: 20px; position: relative;}
.loadBar .loadBar_box{width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.loadBar .loadBar_box span, .loadBar .loadBar_box i{box-shadow: inset 0 -2px 6px rgba(0, 0, 0, .4); width: 0%; display: block; height: 100%; position: absolute; top: 0; left: 0; border-radius: 20px;}
.loadBar .loadBar_box i{width: 100%; -webkit-animation: move .8s linear infinite; -moz-animation: move .8s linear infinite; background: -webkit-linear-gradient(left top, #c0392b 0%, #c0392b 25%, #e74c3c 25%, #e74c3c 50%, #c0392b 50%, #c0392b 75%, #e74c3c 75%, #e74c3c 100%); background: -moz-linear-gradient(left top, #c0392b 0%, #c0392b 25%, #e74c3c 25%, #e74c3c 50%, #c0392b 50%, #c0392b 75%, #e74c3c 75%, #e74c3c 100%); background-size: 40px 40px;}
.loadBar .loadBar_box span .percentNum{position: absolute; top: 0%; right: 5%; font-size: 20px; color: #fff; line-height: 32px;}
@-webkit-keyframes move{
    0%{background-position: 0 0;}
    100%{background-position: 40px 0;}
}
@-moz-keyframes move{
    0%{background-position: 0 0;}
    100%{background-position: 40px 0;}
}
.load_name{ overflow: hidden; clear: both; margin-top: 12px;}
.load_name .l{ font-size: 16px; line-height: 24px; color: #333333;}
.load_name .r{ font-size: 16px; line-height: 24px; color: #333333; margin-right: 44px; display: none;}
.load_note{ font-size: 16px; line-height: 24px; color: #999999; display: none;}
.load_note i{ color: #d23a32; margin: 0 5px;}
/*����*/
.setUpOpt{ overflow: hidden; clear: both;}
.setUpOpt li{ float: left; width: 100%; font-size: 20px; line-height: 26px; height:25px; cursor: pointer; margin-bottom: 20px; padding-left: 13px; border-left: 4px solid transparent;}
.setUpOpt li.cur{ color: #d43a32; border-left-color: #d43a32;}
.passwordBox{ width: 600px; margin: 0 auto; overflow: hidden; clear: both; margin-bottom: 53px;}
.passwordBox span{ float: left; width: 115px; background: url(../img/fatie_xingxing.png) 0 15px no-repeat; font-size: 18px; line-height: 48px; color: #222222; padding-left: 15px;}
.passwordBox .pw{ float: left; width: 438px; border: 1px solid #ccc; height: 28px; padding: 10px; outline: none;}
.pw_hint{ font-size: 16px; line-height: 24px; color: #d43a32; text-align: center; width: 600px; margin: 25px auto; overflow: hidden; clear: both; height: 24px;}

/*-------������Ϣ-------*/
.fatie_con .img_bg{ width: 500px;}
.fatie_con .add_tx{ float: left; margin-right: 13px; position: relative; margin-bottom: 16px; width: 75px; height: 150px; }
.fatie_con .add_tx .i{position: absolute; left: 10px; bottom: 10px; width: 82px; height: 32px; line-height: 32px; font-size: 14px; color: #d43c33; cursor: pointer;  text-align: center; overflow: hidden; border: 1px solid #ccc;}
.fatie_con .add_tx .i span{ color: #d43c33; cursor: pointer; border: none;}
.fatie_con label{ font-size: 16px; line-height: 50px; margin-right: 30px;}
.fatie_con .add_tx .tit{position: absolute; left: 10px; top: 0;  width: 150px; color: #999; font-size: 14px;}
.fatie_con .add_tx .tit i{ display: block;}

/*-----------��ҳ---------*/
.col_700{ width: 700px; float: left; margin-right: 38px;}
.col_262{ width: 262px; float: left;}
.col_426{ width: 426px; float: left;}
.breadTitle{ font-weight: normal; font-size: 24px; line-height: 26px; margin-bottom: 18px; color: #ff0000; float: left; margin-right: 25px;}
.border_sou{ border: 1px solid #ccc; clear: both; overflow: hidden; padding: 10px 10px 0 10px;}
.newstyle_sou_0902{ clear: both; overflow: hidden; line-height: 26px; font-size: 14px; color: #494949; height:268px}
.newstyle_sou_0902 i{ color: #000000; font-size: 17px;}
.newstyle_sou_0902 a{ color: #333333;}
.newstyle_sou_0902 a:hover{color: #FF0000;}
.newstyle_sou_0902_jita{ height: 332px;}

.music_listimg{ clear: both; overflow: hidden;}
.music_listimg li{width: 132px;height: 150px; margin-right:10px; float: left;}
.music_listimg li.last{ margin-right: 0;}
.music_listimg li .p_yp_img{ width: 132px; height: 100px; padding: 0px;}
.music_listimg li .p_video_text {width: 100%;overflow: hidden;white-space: nowrap;word-wrap: normal;text-overflow: ellipsis;font-size: 12px;color: #777; background: #F5F5F5; line-height:20px; text-indent: 5px;}
.music_listimg li .p_video_text a{ line-height: 20px;}
.newstyle_roll .newstyle_touchprev{ background: url(/static/css/newstyle/img/prev.png?1) 0 0 no-repeat; display: inline-block; width: 27px; height: 78px; position: absolute; top: 232px; left: 5px; display: none;}
.newstyle_roll .newstyle_touchnext{ background: url(/static/css/newstyle/img/next.png?1) 0 0 no-repeat; display: inline-block; width: 27px; height: 78px; position: absolute; top: 232px; right: 15px; display: none;}

.music_listimg li .p_yp_img .newstyle_icon{position:absolute;top:0px;left:92px; background: url(../img/icon_1.png?1) no-repeat; width: 35px; height: 27px;}
.music_listimg li .p_yp_img .dujia{ background-position: 0px 0px;}
.music_listimg li .p_yp_img .jingdian{ background-position: 0px -35px;}
.music_listimg li .p_yp_img .shoufa{ background-position: 0px -70px;}
.music_listimg li .p_yp_img .vip{ background-position: 0px -104px;}
.music_listimg li .p_yp_img .zuire{ background-position: 0px -134px;}
.music_listimg li .p_yp_img .zuixin{ background-position: 0px -169px;}
.music_listimg_jita li{ height: 182px;}
.music_listimg_jita li .p_yp_img{ height: 132px;}

.bigtitle{ text-align: center; overflow: hidden; clear: both; position: relative;}
.bigtitle a,.bigtitle em{ background: url(../img/bigtitle_bg.jpg) left 0 no-repeat;}
.bigtitle a{ display: inline-block; *display: inline; zoom: 1; height: 42px; padding-left: 17px; overflow: hidden; background-position: left 0;}
.bigtitle em{ background-position: right 0; padding-right: 17px; font-size: 18px; color: #666666; display: inline-block; *display: inline; zoom: 1; line-height: 42px; overflow: hidden;}
.bigtitle a:hover,.bigtitle em:hover{ background-image: url(../img/bigtitle_bg_cur.jpg);}
.videoCourse_listimg li{ height: 182px;}
.videoCourse_listimg li .p_yp_img{ width: 132px; height: 132px; padding: 0px;}

.music_people{ float: left; width: 270px; height: 352px; position: relative;}
.music_people em{ display: block; text-align: center; color: #222222; font-size: 17px; line-height: 38px; width: 100%; background:#f5f5f5;}
.music_people_one{ margin-right: 22px; margin-left: 12px;}
.option{ float: left; font-size: 16px; line-height: 20px; margin-top: 5px;}
.option a{ float: left; color: #666666; margin-right: 25px; padding: 0 5px;}
.option a.cur{ border-bottom: 2px solid #d43c33; color: #d43c33;}
.option a:hover{ color: #d43c33;}





/*--------��Ƶ�̳��б�ҳ--------*/
.class_listimg{ overflow: hidden; clear: both;}
.class_listimg li{ width: 242px; height: 385px; float: left; margin-right: 10px; background: #F5F5F5; margin-bottom: 24px;}
.class_listimg li.last{ margin-right: 0;}
.class_listimg li .img{ width: 242px; height: 242px; padding: 0px;}
.class_listimg li .name{ color: #333333; font-size: 16px; line-height: 18px; padding: 15px 15px 10px 15px;overflow: hidden;white-space: nowrap;word-wrap: normal;text-overflow: ellipsis; font-weight: normal; background: #F5F5F5;}
.class_listimg li .name a{ color: #333333;}
.class_listimg li .text {font-size: 12px;color: #666666; background: #F5F5F5; line-height:20px; padding: 0 15px; height: 60px; overflow: hidden;}
.class_listimg li .text a{ color: #666666;}
.class_listimg li .num{ margin: 15px 15px 10px; color: #999999; padding-left: 23px; background: url(../img/eyes.png) 0 1px no-repeat; font-size: 12px; display: block; line-height: 14px;}
.lesson_logo .box .pianotext{ height: 50px;}
.lesson_logo .box .pianotext h3{ line-height: 50px;}
/*---------��Ƶ�̳̲���ҳ----------*/

.col_679{ width: 679px; float: left; margin-right: 21px;}
.col_300{ width: 300px; float: left;}
.content_box{ overflow: hidden; clear: both;}
.play_num{ float: left;width: 309px;text-align: right;margin-top: 14px; margin-right: 20px; position: relative;}
.play_num a{ font-size: 14px; line-height: 24px; color: #666666; float: right; background: url(../img/play_sanjiao.png) 0 3px no-repeat; padding-left: 27px;}
.pdl_20{ padding-left: 20px;}

.author_introduce{ overflow: hidden; clear: both;}
.author_introduce .img{ width: 100px; float: left; margin-right: 20px;}
.author_introduce .text{ width: 558px; float: left; font-size: 14px; line-height: 24px;}

.liuyan_con_w620_0715{float: left; width: 600px;height: 120px;}
.liuyan_con_w620_0715 textarea{ border: 0 none; border-radius: 0; background: transparent; width: 598px; height: 113px; outline: none; overflow: hidden; resize: none; padding-left: 20px; padding-top: 5px;}
.touxiang_mgr{ margin-right: 9px;}

.border_e7{ border: 1px solid #E7E7E7; overflow: hidden; clear: both; background: #fff;}
.mag_t_l{ margin-top: 23px; margin-left: 10px;}

.courseList{ overflow: hidden; clear: both; margin-bottom: 6px;}
.courseList li{ width: 100%; float: left; padding: 6px 0; height: 81px; border-bottom: 1px dashed #ebebeb;}
.courseList li a{ display: block;width: 100%; height: 100%;}
.courseList li .num{ width: 30px; height: 30px; background: #d4d4d4; float: left; text-align: center; font-size: 18px; line-height: 30px; margin-top: 24px; margin-left: 26px; margin-right: 25px;}
.courseList li .img{ width: 81px; float: left; margin-right: 14px;}
.courseList li .txt{ width: 200px; float: left; margin-right:17px; font-size: 16px; line-height: 24px; }
.courseList li .two{ margin-top: 18px;}
.courseList li .one{ margin-top:28px;}
.courseList li:hover{ background: #ebebeb;}
.courseList li:hover .txt{ color: #00a0e9;}
.courseList li:hover .num{ background: #00a0ea; color: #fff;}

.courseList_img li .img{ margin-left: 35px;}
.courseList_img li .txt{ width: 150px;}
.courseList_img li .two{ margin-top: 16px;}
.courseList_img li .one{ margin-top:30px;}



/*------����������-------*/
.fatie_jita_col{ margin: 0 auto; width: 758px; border: 1px solid #bbbbbb; background: #fff;}
.fatie_jita{font-size: 30px; line-height: 30px; text-align: center; color: #d23a32; font-weight: normal;}
.fatie_jita_title{ float: left; width: 146px; font-size: 16px; line-height: 50px; text-align: right; margin-right: 13px;}
.fatie_jita_con{ width: 540px; float: left; position: relative;}
.fatie_jita_must{ width: 560px; background: url(../img/fatie_xingxing.png) right center no-repeat;}
.fatie_jita_con .input{ width: 516px; height: 30px; padding: 9px 11px; border: 1px solid #ccc; outline: none; font-size: 16px; border-radius: 0; line-height: 30px; color: #222222;}
.fatie_jita_con textarea{ width: 508px; resize:none; height: 148px; border: 1px solid #ccc; font-size: 16px; line-height: 24px; padding: 15px; -webkit-box-shadow: none; border-radius: 0; box-shadow: none; -moz-box-shadow:none;}
.fatie_jita_con .opt_con{margin-left: 15px; margin-right: 28px; }
.fatie_jita_con .fatie_optbtn{ background: none;}
.fatie_jita_con .explain{ font-size: 12px; line-height: 28px; height: 28px;}
.fatie_jita_con .bd{ width: 538px; resize:none; height: 148px; border: 1px solid #ccc;}
.fatie_jita_con .bd .add_bg{ width: 142px; height: 42px; border: 1px solid #ccc; border-radius: 6px; text-align: center; font-size: 16px; color: #d23a32; margin: 0 auto; overflow: hidden; cursor: pointer; line-height: 42px; position: relative; z-index: 9;}
.fatie_jita_con .explain a{ color: #d23a32;}
.fatie_jita_con .bd .mbd{ margin: 18px; overflow: hidden; clear: both;}
.fatie_jita_con .jitatie_add_img{ float: left; width: 118px; margin-right: 60px;}
.fatie_jita_con .jitatie_add_img img{ border: 1px solid #ccc;}
.fatie_jita_con .add_img_file{ float: left; width: 324px;}
.fatie_jita_con .add_img_file .add_img_file_btn{ width: 142px; height: 42px; border: 1px solid #ccc; border-radius: 6px; text-align: center; font-size: 16px; color: #d23a32; overflow: hidden; cursor: pointer; line-height: 42px; position: relative; z-index: 9;}
.loading_0724{ width: 32px; height: 32px; position: fixed; left: 50%; top: 50%; margin-left: -16px; margin-top: -16px; z-index: 12; display: none;}
.refresh_error_text{ background: rgba(0,0,0,0.6); padding: 30px 100px; font-size: 30px; line-height: 40px; color: #fff;  z-index: 12; display: none; text-align: center; position: fixed; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform: translate(-50%,-50%); border-radius: 10px;}
/*-----�׷�-----*/
.musicImgList{ overflow: hidden; clear: both;}
.musicImgList li{ width: 137px; float: left; margin-right: 28px; }
.musicImgList li.last{ margin-right: 0px;}
.musicImgList li .musicImgCon{ width: 137px; height: 137px; margin-bottom: 24px; position: relative;}
/*.musicImgList li .musicImgCon:hover{ background: url(../img/selected_150.png) 0 0 no-repeat;}*/
.musicImgList li .musicImgCon .mask{ position: absolute; bottom: 0px; left: 0px; width: 137px; height: 73px;}
.musicImgList li .musicImgCon .text{ width: 137px; position: absolute; bottom: 0px;left: 0px; height: 25px;}
.musicImgList li .musicImgCon .text h3{ font-size: 14px; line-height: 20px; overflow: hidden; height: 20px; text-overflow: ellipsis; white-space: nowrap; color: #fff;word-wrap: normal; text-indent: 10px; font-weight: normal;}
.musicImgList li .musicImgCon .text h3 a{ color: #fff;}
.musicImgList li .musicImgCon .text p{ font-size: 12px; line-height: 20px; overflow: hidden; height: 20px; text-overflow: ellipsis; white-space: nowrap; color: #a0a0a0;word-wrap: normal; text-indent: 10px;}


/*--------���˿ռ�ͷ��---------*/
.introduction{ padding: 20px 0; width: 1024px; overflow: hidden; clear: both; background: #F9F9F9;}
.introduction li.img{ width: 188px; float:left; margin-right: 40px;}
.introduction li.text{ width: 796px;float: left;}
.introduction li.img img{ display: block; /*border: 1px solid #d5d5d5;*/ padding: 3px;}
.introduction li.text .name{ font-weight: normal; font-size: 24px; line-height: 31px; color: #000000; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #ddd;}
.introduction li.text .name span{ float: left; margin-right: 15px;}
.introduction li.text .name .woman{ width: 20px; height: 20px; float: left; background: url(../img/woman.png) 0 0 no-repeat; margin-top: 5px;}
.introduction li.text .name .man{ width: 20px; height: 20px; float: left; background: url(../img/man.png) 0 0 no-repeat; margin-top: 5px;}
.introduction li.text .name .icon{ border: 1px solid #d2d2d2; font-size: 14px; float: right; color: #222222; text-align: center; cursor: pointer; line-height: 28px; border-radius: 4px; padding: 0 10px;}
.introduction li.text .name .icon i{ color: #d43a32; margin-right: 5px;}
.introduction li.text .name .icon_cur{ color: #666666;}
.introduction li.text .name .btn-vip{float: left; width: 24px; margin-top: 2px; margin-right: 10px;}
.introduction li.text .name .btn-vip2{float: left; margin-top: 4px; margin-right: 5px;}
.introduction li.text .name .vip-btn-upgrade{float: left; margin-top: 3px; margin-right: 10px;}
.introduction li.text .name .cion{ float: left; background:url(/static/tan8/style/img/cion_num.png) 9px 2px no-repeat #fc4d14; line-height: 22px; height: 22px; padding: 0 10px; font-size: 16px; color: #fff; margin-top: 8px; border-radius:12px; margin-right: 15px; padding-left: 30px;}
.introduction li.text .mansdata{ overflow: hidden; clear: both; margin-bottom: 10px;}
.introduction li.text .mansdata dd{ float: left; border-left: 1px solid #dddddd; padding: 0 40px 0 20px;}
.introduction li.text .mansdata dd.fir{ padding-left: 0; border-left: 0;}
.introduction li.text .mansdata dd a{ display: inline-block; zoom: 1; color: #555555;}
.introduction li.text .mansdata dd a b{ font-size: 24px; display: block; cursor: pointer;}
.introduction li.text .mansdata dd a i{ display: block; cursor: pointer; font-size: 12px;}
.introduction li.text .b{ line-height: 24px; font-size: 12px;word-wrap: break-word;word-break: break-all;white-space: normal; margin-bottom: 5px;}
.introduction li.text .mansdata dd a:hover{ color: #c93e2f;}
.introduction li.text .name .set_btn_new{float: right; margin-right: 10px; padding: 0 10px; border: 1px solid #ccc; border-radius: 6px; text-align: center; font-size: 13px;}
.introduction li.text .name .v{ background: url(../img/V.png) 0 0 no-repeat; padding-left: 25px; font-size: 14px; line-height: 20px; margin-top: 10px; color: #888888; float: left;}
.introduction li.text .name .position{ float: right; font-size: 14px; line-height: 20px; margin-top: 10px; color: #888888;}
.introduction li.text .name .sendM,.introduction li.text .flower_btn{margin:0 10px; padding: 0 10px 0 26px; line-height: 28px;  border: 1px solid #d2d2d2;
    text-align: center; cursor: pointer; border-radius: 4px; color: #222; font-size: 14px;}
.introduction li.text .flower_btn{float: left; background: url(../img/flower_tiezi_small.png?1) 6px 5px no-repeat; color: #d43c33;}
.introduction li.text .name .sendM{float: right; background: url(../img/sendmessage.png) 6px 9px no-repeat;}

/*----������---*/
.jita_yuepu_introduce{ overflow: hidden; clear: both;}
.jita_yuepu_introduce .img{position: relative; width: 220px; float: left; margin-right: 35px;}
.jita_yuepu_introduce .btn-vip{position: absolute; left: 0; top: 0;}
.jita_yuepu_introduce .text{ width: 456px; float: left;}
.jita_yuepu_introduce .text ul{ float: left; width: 390px; margin-right: 8px;}
.jita_yuepu_introduce .text .icon{ float: left; width: 58px; margin-top: 25px;}
.jita_yuepu_introduce .text ul li{ width: 50%; float: left; font-size: 14px; line-height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.jita_yuepu_introduce .text ul li span{ color: #333333;}
.jita_yuepu_introduce .text p{ font-size: 14px; line-height: 24px; overflow: hidden; white-space: pre-wrap;}

.playmp3{ width: 710px; clear: both; position: relative; height: 85px; background: #343333;}
.playmp3 .jindutiao{ background: #535353; width: 511px; line-height: 10px; position: relative;  height: 10px; border-radius: 4px;}
.playmp3 .jindutiao .jindu{ position: absolute; top: 0px; left: 0px; height: 10px; background: url(../img/jindutiao.jpg) 0 0 repeat-x; z-index: 1; border-radius: 6px;}
.playmp3 .jindutiao .jindu:after{ content: ""; position: absolute; right: -7px; top: -2px; width: 14px; height: 14px; border-radius: 50%; background: #ededed;}
.playmp3 .jindutiao .jiazai{ position: absolute; top: 0px; left: 0px; height: 10px; background: #535353; border-radius: 4px;}
.playmp3 .play_pause,.playmp3 .play_repeat{ width: 60px; height: 60px; float: left; margin: 14px 8px 0;}
.playmp3 .play_repeat p{ width: 60px; height: 60px; cursor: pointer; background: url(../img/jita_replay.png) center no-repeat;}
.playmp3 .play_pause p{ display: none; width: 60px; height: 60px; cursor: pointer;}
.playmp3 .play_pause .play_btn{ display: block;}
.playmp3 .play_pause .play_btn{ background: url(../img/jita_pause.png) center no-repeat;}
.playmp3 .play_pause .pause_btn{ background: url(../img/jita_play.png) center no-repeat;}
.playmp3 .play_pause .loading_btn{ background: url(../img/jita_pause.png) center center no-repeat #7f7f7f;}
.playmp3 .play_pause .error_btn{ background: url(../img/jita_pause.png) 0 0 no-repeat;}

.playmp3 .jindu_box{ width: 511px; float: left; margin-top: 15px; margin-left: 8px;}
.playmp3 .jindu_box p{ float: left; font-size: 16px; color: #fff; line-height: 30px; width: 418px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.playmp3 .jindu_box p i{ color: #a0a0a0; margin-left: 10px;}

.playmp3 .jindu_box .time{ float: right; font-size: 14px; line-height: 30px; color: #a0a0a0; }
/*����vip������µ��Ч��*/
.play-yp{ width: 710px; clear: both; position: relative; height: 85px; background: #343333;}
.play-yp .jindutiao{ background: #535353; width: 511px; line-height: 10px; position: relative;  height: 10px; border-radius: 4px;}
.play-yp .jindutiao .jindu{ position: absolute; top: 0px; left: 0px; height: 10px; background: url(../img/jindutiao.jpg) 0 0 repeat-x; z-index: 1; border-radius: 6px;}
.play-yp .jindutiao .jindu:after{ content: ""; position: absolute; right: -7px; top: -2px; width: 14px; height: 14px; border-radius: 50%; background: #ededed;}
.play-yp .jindutiao .jiazai{ position: absolute; top: 0px; left: 0px; height: 10px; background: #535353; border-radius: 4px;}
.play-yp .play_pause,.play-yp .play_repeat{ width: 60px; height: 60px; float: left; margin: 14px 8px 0;}
.play-yp .play_repeat p{ width: 60px; height: 60px; cursor: pointer; background: url(../img/jita_replay.png) center no-repeat;}
.play-yp .play_pause p{ display: none; width: 60px; height: 60px; cursor: pointer;}
.play-yp .play_pause .play_btn{ display: block;}
.play-yp .play_pause .play_btn{ background: url(../img/jita_pause.png) center no-repeat;}
.play-yp .play_pause .pause_btn{ background: url(../img/jita_play.png) center no-repeat;}
.play-yp .play_pause .loading_btn{ background: url(../img/jita_pause.png) center center no-repeat #7f7f7f;}
.play-yp .play_pause .error_btn{ background: url(../img/jita_pause.png) 0 0 no-repeat;}

.play-yp .jindu_box{ width: 511px; float: left; margin-top: 15px; margin-left: 8px;}
.play-yp .jindu_box p{ float: left; font-size: 16px; color: #fff; line-height: 30px; width: 418px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.play-yp .jindu_box p i{ color: #a0a0a0; margin-left: 10px;}

.play-yp .jindu_box .time{ float: right; font-size: 14px; line-height: 30px; color: #a0a0a0; }
/*��VIP��ֹ�ɰ�*/
.audio_box2{position: relative;}
.audio-mask{position: absolute; left: 0; top: 0; width: 710px; height: 85px; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; z-index: 5;}


.playingZ .play_pause .play_btn, .playingZ .play_pause .loading_btn, .playingZ .play_pause .error_btn { display: none; }
.playingZ .play_pause .pause_btn { display: block; }
.loadingZ .play_btn, .loadingZ .pause_btn, .loadingZ .error_btn { display: none; }
.loadingZ .loading_btn { display: block; }
.errorZ .time, .errorZ .play_pause .play_btn, .errorZ .play_pause .pause_btn, .errorZ .jindutiao, .errorZ .play_pause .loading_btn { display: none; }
.errorZ .play_pause .error_btn { display: block; }
.errorZ .play-pauseZ p { cursor: auto; }
.errorZ .error-messageZ { display: none; float: left; width: 337px;}


.jita_name{ font-size: 20px; line-height: 25px;}
.jita_name i{ font-size: 14px; margin: 0 10px;}


.jita_yuepu_name{ clear: both;}
.jita_yuepu_name h3{ font-weight: normal; font-size: 24px; line-height: 35px; height: 35px; float: left;}
.jita_yuepu_name i{ float: right; font-size: 15px; line-height: 35px;}
.jita_yuepu_name .jita_option{ float: right; width: 197px; border: 1px solid #e2e2e2; height: 33px; background: #fff; position: relative; z-index: 2;}
.jita_yuepu_name .jita_option span{ cursor: pointer; display: block; background: url(../img/jita_tracks_bg.jpg) right top no-repeat; padding-right: 33px; text-align: center; font-size: 16px; line-height: 35px;}
.jita_yuepu_name .jita_option .option_list{ position: absolute; left: -1px; top: 33px; width: 197px; background: #fff;border: 1px solid #e2e2e2; overflow: hidden; clear: both; border-bottom: 0 none; display: none;}
.jita_yuepu_name .jita_option .option_list li{ width: 100%; overflow: hidden; float: left; height: 33px; text-indent:20px; font-size: 16px; border-bottom: 1px solid #e2e2e2; cursor: pointer; line-height: 33px;}


.jiata_yuepu_img,.jiata_yuepu_imgs{ width: 690px; border: 1px solid #e0e0e0; padding: 10px; height: 970px; overflow: hidden; clear: both; background: #fffae9; position: relative;}
.jiata_yuepu_img .jiata_yuepu_img_box,.jiata_yuepu_imgs .jiata_yuepu_img_box{ position: relative; width: 690px; overflow: hidden; clear: both; height: 970px;}
.jiata_yuepu_img .jiata_yuepu_img_box ul{width: 11000px; clear: both;  position: absolute;}
.jiata_yuepu_imgs .jiata_yuepu_img_box ul{width: 11000px; clear: both;  position: absolute;}
.jiata_yuepu_img .jiata_yuepu_img_box ul li{ width: 690px; float: left; height: 970px; text-align:center;}
.jiata_yuepu_imgs .jiata_yuepu_img_box ul li{ width: 690px; float: left; height: 970px;}
/*.jiata_yuepu_img .qupuPrev{ background: url(../img/left.jpg) 0 0 no-repeat; width: 30px; height: 68px; position: absolute; top: 50%; left: 21px; margin-top: -34px;}
.jiata_yuepu_img .qupuNext{ background: url(../img/right.jpg) 0 0 no-repeat; width: 36px; height: 68px; position: absolute; top: 50%; right: 15px; margin-top: -34px;}*/
.qupuPrev{ width: 50%; height: 970px; position: absolute; left: 0; top: 0; cursor: url("../img/cursor_left.cur"), auto; background: #fff; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0;}
.qupuNext{  width: 50%; height: 970px; position: absolute; right: 0; top: 0; cursor: url("../img/cursor_right.cur"), auto; background: #fff; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0;}
.jiata_yuepu_img .guitar_img_fangda{ position: absolute; right: 0px; top: 0px; background: url(../img/guitar_fangda.png?1) center no-repeat; width: 50px; height: 75px; z-index: 1;}
.allscreen_guitar_img{ background: #f2ece3; position: fixed; width: 100%; height: 100%; top: 0; left: 0; display: none; z-index: 99;}
.allscreen_guitar_img .allscreen_guitar_img_box{ margin: 0 auto; overflow: hidden; clear: both; position: relative;}
.allscreen_guitar_img .allscreen_guitar_img_box ul{ width: 9999px; position: absolute; clear: both;}
.allscreen_guitar_img .allscreen_guitar_img_box li{ float: left;}
.allscreen_guitar_img .guitar_img_suoxiao{ position: absolute; right: 0px; top: 0; background: url(../img/guitar_suoxiao.png?1) center no-repeat; width: 50px; height: 75px; z-index: 1;}
/*-----�ҵ���Ϣ-----*/
.col_996{ width: 994px; margin: 0 auto; border: 1px solid #dddddd; overflow: hidden; clear: both;}
.newsList{ float: left; width: 244px;  height: 644px;}
.newsCon{ float: left; width: 749px;  border-left: 1px solid #dddddd;}
.newsList ul{ overflow: hidden; clear: both;}
.newsList ul li{ float: left; width: 100%; border-bottom: 1px solid #dddddd; padding: 16px 0; cursor: pointer;}
.newsList ul li .img{ float: left; width: 69px; text-align: center; position: relative;}
.newsList ul li.comment .img{ margin-top: 7px;}
.newsList ul li.inform .img{ margin-top: 8px;}
.newsList ul li .img img{ border-radius: 4px;}
.newsList ul li .img .v{ position: absolute; left: 50px; top: 32px; width: 14px; height: 14px; background: url(../img/V_s.png) 0 0 no-repeat;}
.newsList ul li .text{ float: left; width: 112px; font-size: 14px; line-height: 42px; color: #333333; position: relative; overflow: hidden; word-break: break-all; word-wrap: break-word; height: 42px;}
.newsList ul li b{ width: 29px; float: left; margin: 0 15px 0 10px; background: #d33a32; color: #fff; font-size: 12px; line-height: 18px; height: 18px; text-align: center; border-radius: 8px; margin-top: 13px;}
.newsList ul li:hover{ background: #e3e3e3;}




.newsCon_name{ text-align: center; width: 695px; margin: 0 27px; border-bottom: 1px solid #dddddd; padding: 20px 0;}
.newsCon_name h3{ display: inline-block; zoom: 1; _display:inline; font-size: 18px; line-height: 28px; font-weight: normal; color: #333333;}
.newsCon_name .myNews_pageNum{ float: right; font-size: 14px; line-height: 28px; color: #999999;}
.newsCon_name .myNews_pageNum a{ color: #999999; padding: 0 5px;}
.newsCon_name .myNews_pageNum a.cur{ color: #333333;}

.myNews_con{ overflow: hidden; clear: both; margin: 0 27px; height: 385px; border-bottom: 1px solid #dddddd;}
.myNews_con li{ float: left; width: 100%; margin-bottom: 15px;}
.myNews_con li .img{ width: 42px;  position: relative; margin-right: 5px;}
.myNews_con li .img .v{ position: absolute; left: 32px; top: 32px; width: 14px; height: 14px; background: url(../img/V_s.png) 0 0 no-repeat;}
.myNews_con li .img img{ border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;}
.myNews_con li .text{ max-width: 500px; display: inline-block; _display:inline; zoom: 1; word-break: break-all; word-wrap: break-word;}
.myNews_con li .text_marL{ margin-left: 20px;}
.myNews_con li .text_marR{ margin-right: 20px;}
.myNews_con li .text span{ display: block; font-size: 14px; line-height: 24px; color: #999999;}
.myNews_con li .text .content{ background: #f0f0f0; text-align: left; padding: 15px; position: relative; font-size: 14px; line-height: 24px; color: #343535; border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px; word-wrap: break-word; word-break: break-all;}
.myNews_con li .text .contentL{ background: #f0f0f0; }
.myNews_con li .text .contentL:after{ content: ""; position: absolute; left: -5px; top: 9px; width: 0; height: 0; border-bottom: 5px solid transparent; border-right: 5px solid #f0f0f0; border-top: 5px solid transparent;}
.myNews_con li .text .contentR{ background: #b2e281;}
.myNews_con li .text .contentR:after{ content: ""; position: absolute; right: -5px; top: 9px; width: 0; height: 0; border-bottom: 5px solid transparent; border-left: 5px solid #b2e281; border-top: 5px solid transparent;}
.myNews_con li.me {float: right;text-align: right;clear: right;}

.myNews_textare{ margin: 0 27px; position: relative;}
.myNews_textare .sendmsg_bg{background: transparent;position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;z-index:1; display: none;}
.myNews_textare .sendmsg_load{ position: absolute; top: 50%; left: 50%; width: 110px; height: 100px; background: url(../img/sendmsg.gif) center no-repeat; margin-left: -55px; margin-top: -50px; display: none;}
.myNews_textare textarea{ width: 678px; height: 100px; border: 0 none;  background: transparent; font-size: 14px; line-height: 24px; resize:none; outline:none; margin-top: 10px;}
.myNews_submit{ float: right; width: 106px; height: 33px; background: #fff; color: #333333; border: 1px solid #bfbfbf; border-radius: 4px; text-align: center; cursor: pointer; margin-bottom: 15px;}


.comment_con{ overflow: hidden; clear: both; margin:27px 0px 0 27px; height: 587px;}
.comment_con li{ float: left; width: 100%; border-bottom: 1px dashed #ddd; margin-bottom: 10px; padding-bottom: 10px;}
.comment_con li .img{ width: 42px; float: left; position: relative; margin-right: 15px;}
.comment_con li .img .v{ position: absolute; left: 32px; top: 32px; width: 14px; height: 14px; background: url(../img/V_s.png) 0 0 no-repeat;}
.comment_con li .img img{ border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;}
.comment_con li .text{ float: left; width: 629px; position: relative; padding-bottom: 24px; margin-right: 18px;}
.comment_con li .text h3{font-weight: normal; font-size: 14px; line-height: 26px; color: #333; word-break: break-all; word-wrap: break-word;}
.comment_con li .text p{ font-size: 14px; line-height: 24px; color: #666; word-break: break-all; word-wrap: break-word;}
.comment_con li .text span{ font-size: 14px; line-height: 24px; color: #999; position: absolute; right: 0; bottom: 0;}
.myNews_page{ width: 100%; border-top: 1px solid #DDD; height: 29px; text-align: center;}
.myNews_page a{ display: inline-block; zoom: 1; _display:inline; font-size: 14px; line-height: 30px; color: #999; padding: 0 5px;}
.myNews_page a.cur{ color: #333;}


/*�Ƽ���ע*/
.daren_guanzhu_title{ overflow: hidden; clear: both; padding:0 35px; border-bottom: 1px solid #e5e5e5;}
.daren_guanzhu_title h3{ font-size: 24px; line-height: 42px; float: left; margin-bottom: 36px; font-weight: normal;}
.daren_guanzhu_title a{ font-size: 18px; color: #fff; text-align: center; width: 175px; float: right; line-height: 42px; height: 42px; background: #d53a32; border-radius: 6px;}

.daren_guanzhu_content{ overflow: hidden; clear: both; border-bottom: 1px solid #E5E5E5; padding-bottom: 50px; margin-bottom: 50px; padding-left: 85px; padding-right: 85px;}
.daren_guanzhu_box{ width: 340px;}
.daren_guanzhu_box .img{ width: 50px; height: 50px; float: left; margin-right: 15px; border-radius: 50%;}
.daren_guanzhu_box .img img{ display: block; border-radius: 50%;}
.daren_guanzhu_box .text{ width: 275px; float: left;}
.daren_guanzhu_box .text h3{ font-weight: normal; font-size: 22px; line-height: 24px; color: #2a2a2a; float: left;}
.daren_guanzhu_box .text .guanzhu_btn{ width: 70px; text-align: center; border: 1px solid #999999; border-radius: 3px; color: #999999; float: right; font-size: 12px; line-height: 22px; height: 22px;}
.daren_guanzhu_box .text .guanzhu_btn_cur{ color: #eb4014; border: 1px solid #eb4014;}
.daren_guanzhu_box .text p{ background: url(../img/v_1112.png) 0 5px no-repeat; padding-left: 20px; font-size: 14px; line-height: 26px; color: #2a2a2a;}
.daren_guanzhu_box .brief{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; line-height: 26px; color: #757474;}

/*���������޸�*/
.tiezi_title_1124{ width:725px ; padding: 6px 0 15px; background: #fff; clear: both;}
.tiezi_title_1124 .yuepu_name_0421 h1.title_color{ position: relative; border-left: 4px solid #d53a32; padding-left: 29px; left: -31px; line-height: 40px; margin-bottom: 15px; margin-top: 15px;}
.tiezixq_pinglun{ margin: 0; position: relative;}
.tiezixq_pinglun h3.md_title{ color: #222222;  padding-left: 29px;}
.tiezixq_pinglun .md{ position: relative; left: -31px;}
.sub_1124{ margin-right: 34px;}
.container_1124{}
.container_1124 .box{ border: 0 none; background: #fff; padding: 0 7px; -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1); -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);}
.container_1124 .box .author .img{ border-radius: 50%;}
.container_1124 .box .author .img img{ border-radius: 50%;}
.tiezixq_pinglun .duanceng_absolute{ position: relative; left: -31px; width: 800px; -webkit-box-shadow: 2px 0px 1px rgba(241, 241, 241, 1); -moz-box-shadow: 2px 0px 1px rgba(241, 241, 241, 1); box-shadow: 2px 0px 1px rgba(241, 241, 241, 1); text-align: center;}
.shoucang_1125{ margin-top: 8px;}
.yuepu_name_0421 span{ font-size: 13px;}





/*�ٱ�����*/
.col_731{ width: 731px; float: left; margin-right: 15px;}
.col_278{ width: 278px; float: left;}
.piano_cion_nav_1211{ overflow: hidden; clear: both; background: #fff; padding: 0 29px;}
.piano_cion_nav_1211 .piano_cion_nav_1211_opt{ float: left; width: 142px; text-align: center; border-bottom: 2px solid transparent; height: 68px; line-height: 68px; font-size: 18px;}
.piano_cion_nav_1211 .piano_cion_nav_1211_opt_cur{ border-bottom: 2px solid #d53a32;}
.piano_cion_nav_1211 .piano_cion_nav_1211_what{ float: right; background: url(../img/piano_cion_nav_1211_what.png) 0 26px no-repeat; line-height: 68px; height: 68px; font-size: 14px; padding-left: 22px; color: #757474; }

.piano_cion_paihang_box{ margin: 25px 23px 16px; overflow: hidden; clear: both;}
.piano_cion_paihang_title{ font-weight: normal; font-size: 16px; line-height: 26px;}

.piano_cion_paihang_main{ overflow: hidden; clear: both; margin-top: 26px;}
.piano_cion_paihang_main .img{ border-radius: 50%; width: 55px; height: 55px; float: left; margin-right: 7px;}
.piano_cion_paihang_main .text{ float: left; width: 170px;}
.piano_cion_paihang_main .text p{ font-size: 18px; line-height: 20px; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.piano_cion_paihang_main .text span{ float: left; color: #757474; font-size: 12px; line-height: 20px;}
.piano_cion_paihang_main .text i{ float: right; color: #757474; font-size: 12px; line-height: 20px;}

.piano_cion_paihang_list{ overflow: hidden; clear: both; margin-top: 30px;}
.piano_cion_paihang_list li{ width: 100%; float: left; border-bottom: 1px solid #eeeeee; padding-bottom: 18px; margin-bottom: 18px;}
.piano_cion_paihang_list li i{ width: 18px; height: 18px; background: #696e79; color: #fff; margin-right: 5px; float: left; border-radius: 50%; line-height: 18px; font-size: 12px; text-align: center; margin-top: 8px;}
.piano_cion_paihang_list li i.one{ background: #e90e24;}
.piano_cion_paihang_list li i.two{ background: #ffb000;}
.piano_cion_paihang_list li .img{ float: left; width: 35px; margin-right: 5px; border-radius: 50%;}
.piano_cion_paihang_list li .text{ width: 128px; float: left;}
.piano_cion_paihang_list li .text h3{ font-weight: normal; font-size: 14px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.piano_cion_paihang_list li .text p{ font-size: 12px; line-height: 20px;}
.piano_cion_paihang_list li .btn{ width: 39px; height: 19px; border: 1px solid #757474; text-align: center; color: #757474; float: left;  margin-top: 8px; border-radius: 4px;}

.piano_cion_box_1211{ background: #fff; overflow: hidden; clear: both;}
.piano_cion_title{ text-align: center; font-size: 24px; line-height: 30px; font-weight: normal;}
.piano_cion_img{ width:704px; margin: 0 auto; overflow: hidden; clear: both;}
.piano_cion_lc{}
.piano_cion_lc li{ float: left; width: 176px; text-align: center; font-size: 12px; line-height: 50px;}
.buy_product_1214{ overflow: hidden; clear: both; width: 700px; margin: 0 auto;}
.buy_product_1214 li{ float: left; width: 217px; margin-right: 24px;}
.buy_product_1214 li.last{ margin-right: 0;}

.piano_cion_fxzc{ overflow: hidden; clear: both; margin: 0 30px;}
.piano_cion_fxzc li{ float: left; width: 100%;}
.piano_cion_fxzc li i{ float: left; width: 25px; font-size: 14px; line-height: 30px;}
.piano_cion_fxzc li .text{ float: left; width: 645px; font-size: 14px; line-height: 30px;}
.piano_cion_fxzc li .text a{color:#2d64b3;}
.piano_cion__details_btn{ width: 140px; display: block; margin: 0 auto; text-align: center; color: #fff; height: 40px; line-height: 40px; font-size: 14px; background: #d43e33; border-radius: 6px;}

.piano_cion_box_brief{ font-size: 14px; line-height: 30px; margin: 0 100px;}
.qinbimoney_table{}
.qinbimoney_table{ width:100%; margin-bottom: 30px; table-layout:fixed ;}
.qinbimoney_table tr{ height:40px;}
.qinbimoney_table tr td{ width: 142px; font-size:16px; line-height:40px; height:40px; padding-left: 29px;}
.qinbimoney_table tr td.bz{ width: 182px;}
.qinbimoney_table tr td.border{ border-bottom: 1px solid #dddddd;}
.qinbimoney_table tr.con td{ font-size: 12px; color: #757474;}
.qinbimoney_table tr.con td.add{ color: #d43c33;}
.qinbimoney_table tr.con td.remove{ color: #38b84d;}
.qinbimoney_table tr.con td.t{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; word-wrap: break-word;}

.piano_cion_main_bg{ background: url(../img/cion_bg.jpg) 0 0 no-repeat; width: 731px; height: 251px; position: relative;}
.piano_cion_main_bg i{ position: absolute; left: 50%; top: 60px; font-size: 48px; line-height: 60px; color: #fff; display: inline-block; background: url(../img/cion_num_big.png) 0 7px no-repeat; padding-left: 55px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%);}
.piano_cion_main_bg p{ position: absolute; left: 211px; bottom: 81px; font-size: 20px; color: #fff;}
.piano_cion_task_list{ width: 600px; margin: 0 auto; table-layout: fixed;}
.piano_cion_task_list tr{ height:34px; margin-bottom: 60px; display: block;}
.piano_cion_task_list tr td{ width: 150px; font-size: 18px; line-height: 34px; color: #414045;}
.piano_cion_task_list tr td.btn{ width: 100px;}
.piano_cion_task_list tr td.btn a{ display: inline-block; _display:inline; zoom: 1; width: 100px; text-align: center; background: #eb4014; color: #fff; border-radius: 6px;}
.piano_cion_task_list tr td.btn a.f{ background: #999999;}
.piano_cion_task_list tr td.mtdl{width: 150px; background: url(../img/cion_task.png) 0 0 no-repeat; padding-left: 50px;}
.piano_cion_task_list tr td.ft{width: 150px; background: url(../img/cion_task.png) 0 -94px no-repeat; padding-left: 50px;}
.piano_cion_task_list tr td.pl{width: 150px; background: url(../img/cion_task.png) 0 -188px no-repeat; padding-left: 50px;}
.piano_cion_task_list tr td.dz{width: 150px; background: url(../img/cion_task.png) 0 -282px no-repeat; padding-left: 50px;}
.piano_cion_task_list tr td.fx{width: 150px; background: url(../img/cion_task.png) 0 -376px no-repeat; padding-left: 50px;}
.piano_cion_task_list tr td.sc{width: 150px; background: url(../img/cion_task.png) 0 -470px no-repeat; padding-left: 50px;}
.piano_cion_task_list tr td.tj{width: 150px; background: url(../img/cion_task.png) 0 -564px no-repeat; padding-left: 50px;}
.piano_cion_task_list tr td.jj{width: 150px; background: url(../img/cion_task.png) 0 -658px no-repeat; padding-left: 50px;}

.qinbifanxian_box{ overflow: hidden; clear: both; width: 660px; margin: 0 auto;}
.qinbifanxian_box .qinbifanxian_input li{ width: 100%; float: left; margin-bottom: 53px;}
.qinbifanxian_box .qinbifanxian_input li span{ float: left; width: 185px; font-size: 18px; line-height: 50px; background: url(../img/fatie_xingxing.png) 0 15px no-repeat; padding-left: 15px;}
.qinbifanxian_box .qinbifanxian_input li input{ float: left; border: 1px solid #ccc; outline: none; width: 440px; height:30px; font-size: 20px; line-height: 30px; padding: 9px;}
.qinbifanxian_box .qinbifanxian_input li .fanxian_error{ margin-left:200px; width: 460px; font-size: 20px; line-height: 30px; color: #d43e33;}

/*�����ϼ��б�*/
.collection_list{ background: #fff; padding: 0 20px;}
.collection_list li{ width: 130px; margin-right: 27px;}
.collection_list li .musicImgCon{ width: 130px; height: 130px;}
.collection_list li .musicImgCon .mask{ width: 130px;}
.collection_list li .musicImgCon .text{ width: 130px;}
.collection_list_moreBtn{ display: block; width: 70px; margin: 0 auto; background: url(../img/zhuanji_down.png) right center no-repeat #fff; padding-right: 20px; font-size: 14px; line-height: 20px; text-align: center;}
.search_class_listimg{background: #fff; padding: 16px 20px;}
.search_class_listimg li{ margin-right: 17px;}

/*20160105 ���������ϼ��б�*/
.yuepu_list_20160105 li{ width: 100px; margin-right: 21px; margin-top: 24px;}
.yuepu_list_20160105 li .musicImgCon{ width: 100px; height: 100px;}
.yuepu_list_20160105 li .musicImgCon .mask{ width: 100px;}
.yuepu_list_20160105 li .musicImgCon .text{ width: 100px;}
/*end*/

@media screen and (min-width: 1300px){
    .sq{ width: 1300px;}
}
@media screen and (max-width: 1024px){
    .sq{ width: 1024px;}
    .friend_nav{ width: 1024px;}
    .column_wrapper_1024{ padding:0px;}
}
input[type="text"],input[type="button"], input[type="submit"], input[type="reset"],textarea {-webkit-appearance: none;}


/*pc����֤���ɰ�IJ㼶*/
.fatie_video{
    position: relative; z-index:0;
}
/****VIP����*****/
.popup,.popup-price{position: fixed; display: none; border-radius: 10px; /*overflow: hidden;*/ z-index: 11;}
.popup-close a{display: block; position: absolute; top: 8px; right: 8px; width: 40px; height: 40px;}
.popup-btn-open{height: 170px; background-color: #fff; font-size: 16px; text-align: center;}
.popup-btn-open p{padding: 30px 0; color: #999;}
.popup-btn-open a{display: block; position: absolute; bottom: 38px; left: 63px; width: 300px; height: 50px; line-height: 50px;
    border: 1px solid #fff; -webkit-border-radius:10px; border-radius: 10px; color: #fff; background: #dd4445; font-size: 18px;}
.popup-price,.popup-success{width: 462px; background-color: #fff; text-align: center;}
.popup-price .main,.popup-success{position: relative;}
.popup-price .main img,.popup-success img{position: absolute; top: 15px; right: 15px;}
.popup-price .main p{padding:30px 0 10px; font-size: 18px; color: #999;}
.popup-price .main h3{font-size: 28px; color: #F86E64;}
.popup-price .img-left,.popup-price .img-right{margin-left:45px; border: 1px solid #ccc;}
.popup-price .img{padding: 10px;}
.popup-price .text{padding: 0 10px 10px;}
.popup-price .text img{display: block; width: 36px; float: left; }
.popup-price .text p{width: 96px; padding-left: 10px; text-align: left; color: #999; font-size: 13px;}
.popup-price .btn-buy a{display: block; width: 200px; height: 40px; margin: 0 auto; line-height: 40px; border-radius: 6px; background-color: #dd4445; font-size: 14px; color: #fff;}
.popup-success{position: fixed; display: none; z-index: 12;}
.popup-success h3{height: 50px; line-height: 50px; background-color: #f5f5f5; font-size: 18px; color: #555;}
.popup-success p{padding:30px 0; font-size: 16px; color: #999;}
.popup-success a{display: inline-block; width: 120px; height: 40px; line-height: 40px; border-radius: 6px; font-size: 14px; color: #fff;}
.popup-success .btn-success{background-color: #dd4445;}
.popup-success .btn-problem{margin-left: 30px; background-color: #999;}
.mask-pop{display: none; width: 100%; height: 100%; background: #000; position: fixed; left: 0; top: 0; opacity: 0.5; z-index: 10;}
/*******VIPҳ��*********/
.wraper{width: 1024px; margin: 0 auto;}
.vip-title{height:70px; margin-bottom: 20px; line-height: 70px; background-color: #fff; text-align: center; font-size: 18px; color: #555;}
.vip-title i{position: relative;}
.vip-title i:before,.vip-title i:after{position: absolute; top: 0; width:30px; height: 20px; content: "";}
.vip-title i:before{left: -40px; background: url(/static/mobile/img/vip-pinjia-bj_03.png) no-repeat; }
.vip-title i:after{right: -40px; background: url(/static/mobile/img/vip-pinjia-bj_03.png) no-repeat;}
.vip-wraper{width: 730px; background-color: #f1f1f1;}
.vip-wraper-right{width: 274px;}
.vip-header{position: relative; background-color: #ff6964; overflow: hidden; text-align: center;}
.vip-header .countdown{ position: absolute; top: 37%; right: 0; width:50%; text-align: left; color: #fff; font-size: 16px;}
.vip-header .num{margin-top: 10px; font-size: 14px;}
.vip-header .time{margin-top: 10px; font-size: 14px;}
.vip-header .time span{display: inline-block; margin: 0 5px; width: 26px; height: 26px; border: 1px solid #d26442; text-align: center; line-height: 26px;}
.vip-header .progress-bar{margin-right: 10%; margin-top: 16px; overflow: hidden; width: 90%; height: 14px; border: 2px solid #d26442; border-radius: 14px; background-color: #ee8c6d;}
.vip-header .bar-active{width: 30%; height: 14px; background-color: #c44012;}
.vip-header img{display: block; width: 100%;}
.vip-toux{padding: 16px; background-color: #fff; color: #555;}
.vip-toux .img{float: left; width: 80px;}
.vip-toux .img img{width: 60px; border-radius: 50%; border: 1px solid #ccc;}
.vip-toux .main h4{padding-top: 6px; font-size: 18px; font-weight: normal;}
.vip-toux .main h5{color: #F86E64; font-size: 20px; line-height: 60px; font-weight: normal;}
.vip-toux .main span{display:block; padding-top: 6px; color: #999; font-size: 14px; }

.vip-header .success-text{position: absolute; bottom: 40px; width: 100%; text-align: center; color: #fff; font-size: 16px;}
.vip-header .success-text span{font-size: 18px;}
.vip-success-text{background-color: #fff; font-size: 16px;}
.vip-success-text p{width:600px; line-height: 30px; font-size:15px; color: #999;}
.vip-success-text em{display: inline-block; width: 30px; height: 30px; margin: 0 30px; line-height: 30px; border-radius: 50%; background-color: #F86E64; text-align: center; color: #fff;}
.vip-success-text li{padding: 16px 0;}

.vip-title,
.vip-toux,
.vip-bottom-text,
.vip-list,
.vip-praise{-webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1); -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);}
.vip-list h3,.vip-praise h3,.vip-praise .main h4,.vip-buy h3,.vip-bottom-text h3,.vip-bottom-text h4{font-weight: normal;}

/***vip�۸�****/
.vip-buy{background-color: #fff;}
.vip-buy h3{float: left;  padding-left: 50px; width:240px; font-size: 16px; color: #555; line-height: 80px;}
.vip-buy .yongjiu{background: url(/static/mobile/img/vip-pic-bj_01.png?1) 0 20px no-repeat; background-size: 34px;}
.vip-buy .yongjiu i{display: inline-block; width: 80px; line-height: 24px; margin-left: 5px; border-radius: 12px; text-align: center; background-color:#dd4445; color: #fff; font-size: 12px;}
.vip-buy .year{background: url(/static/mobile/img/vip-pic-bj_02.png?1) 0 20px no-repeat; background-size: 34px;}
.vip-buy .price{position: relative; width: 110px;}
.vip-buy .mouth{background: url(/static/mobile/img/vip-pic-bj_03.png?1) 0 20px no-repeat; background-size: 34px;}
.vip-buy .price-no{line-height: 80px; color: #D2322D; font-size: 24px; font-weight: bold;}
.vip-buy .price-no i{position: absolute; top: 3px; right: 0; text-decoration: line-through; color: #999; font-size: 12px; font-weight: normal;}
.vip-buy .buy-num{position: absolute; bottom: 3px; left: 4px; font-size: 12px; color: #999;}
.vip-buy .mouth-pic{margin-top: 18px; color: #555; font-size: 16px; }
.vip-buy .btn-box{position: relative; width: 100px; height: 80px; text-align: center;}
.vip-buy .btn-box p{position: absolute; bottom: 3px; width: 100px; color: #999;}
.vip-buy a{display: block; margin-top: 25px; width: 100px; line-height: 30px; background-color: #D2322D; text-align: center; border-radius: 15px; color: #fff; font-size: 16px;}
.vip-buy .btn-year a{width: 98px; line-height: 28px; background: transparent; border: 1px solid #D2322D; color: #D2322D;}
.vip-buy li{overflow: hidden; height:80px; padding: 0 16px; border-bottom: 1px solid #f1f1f1}
.vip-buy li.first{background: #fee8e8;}
.vip-buy li:after{content: ""; clear: both; display: block;}


/*****vip��Ȩ�б�*****/
.vip-list{text-align: left; margin-top:20px; padding: 0 16px; background-color: #fff; font-size: 14px; color: #555;}
.vip-list li{padding: 20px 0; border-bottom: 1px solid #f1f1f1;}
.vip-list li:after{content: ""; display: block; clear: both; height: 0; line-height: 0;}
.vip-list .top{padding: 20px 0; text-align: center; border-bottom: 1px solid #f1f1f1;}
.vip-list .img{width: 100px; text-align: center;}
.vip-list .img img{width: 50%;}
.vip-list p{color: #999; padding-top: 10px;}
.vip-list .more{padding: 20px 0;}
.vip-list .more a{display: block; width: 120px; height: 30px; font-size: 14px; color: #D2322D; margin: 0 auto; border: 1px solid #D2322D; border-radius: 15px; text-align: center; line-height: 30px;}

/*****�û�����******/
.vip-praise{padding:0 16px; background-color: #fff; color: #555; font-size: 14px;}
.vip-praise h3{padding: 14px 0; border-bottom: 1px solid #f1f1f1;}
.vip-praise .img{width: 30%;}
.vip-praise img{border-radius: 50%; width: 70%; border: 1px solid #ccc;}
.vip-praise li{padding: 20px 0; border-bottom: 1px solid #f1f1f1;}
.vip-praise .main span{display:block; padding-top: 8px; color: #999; font-size: 12px; }
.vip-praise p{padding-bottom: 10px; line-height: 24px; color: #999; overflow: hidden;}

/***����ϵ�ͷ�****/
.vip-bottom-text{padding: 20px; line-height: 24px; color: #777; text-align: center; font-size: 14px; background-color: #fff;}
.vip-bottom-text a{display: block; margin: 20px auto; width: 140px; line-height: 30px; color: #555; border: 1px solid #999; border-radius: 30px;}

/*�¸İ��ʻ����а�*/
.wraper_color{width: 1024px; background-color: #fff;}
.md_people{margin-left: 20px; padding: 0 55px; background: url(index_img/md_people.png) no-repeat;}
.flower_ranking_title{border-bottom: 2px solid #c93e2f; height: 40px;}
.flower_ranking_title h3{ font-weight: normal; font-size: 22px; line-height: 40px; float: left; margin-right: 5px;}
.flower_ranking_title i{ float: left; margin-top: 10px;  padding-right: 28px; line-height: 26px; background: url(index_img/more_btn.png) right center no-repeat; color: #c93e2f; font-size: 16px;}
.flower_ranking_title .content_color a{color: #666; font-size: 16px;}
.flower_ranking_title .opt{ float: left; margin-left: 20px;}
.flower_ranking_title .opt b{margin: 0 6px; color: #B4B4B4;}
.flower_ranking_title .opt a:hover,.hotpeople_title span,.flower_ranking_title .content_color a.on{color: #c93e2f;}
.hotpeople_title{margin-bottom: 20px; text-align: center; font-size: 18px;}
.hotpeople_list li{float: left; width: 256px; margin: 20px 0; text-align: center;}
.hotpeople_list li img{border-radius: 50%; -webkit-transition:All .2s ease-in-out; -moz-transition:All .2s ease-in-out; -o-transition:All .2s ease-in-out;transition:All .2s ease-in-out;}
.hotpeople_list li img:hover{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1); }
.hotpeople_list li p{height: 22px; padding-bottom: 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color:#333; font-size: 18px; }
.hotpeople_list .tanyou{padding: 10px;}
.hotpeople_list .flower_number{color: #666; font-size: 16px;}
.hotpeople_list .flower_ranking{height: 30px; margin: 5px 0 10px; color: #c93e2f; font-style: italic; font-size: 20px;}
.hotpeople_list .flower_ranking img{width: 28px; height: 28px;}
.hotpeople_list .tanyou img{width: 150px; height: 150px;}
/*����*/
.chord-box{position: relative; padding: 16px; background-color: #fffae9;}
.chord-box .chord-title{padding: 0 0 10px; text-align: center; font-size: 18px; font-weight: normal;}
.chord-box pre{font: 16px Courier New,Courier,monospace;}
.chord-box .btn-close{width: 20px; height: 20px; position: absolute; top: -8px; right: -8px;}
.chord-box .btn-close img{display: block; width: inherit; height: inherit;}
.chord-box .hexi{position: relative; display: inline-block; padding: 0 2px; color: #007fbf; cursor: pointer;}
.chord-box .hexi:after{content: ""; position: absolute; top: 0; bottom: 0; left: 0;right: 0;
    border-radius: 2px; background: currentColor; opacity: .1;}
.chord-box .play-box{position: relative; padding: 5px; height: 20px;}
.chord-box .play-box a{position: absolute; top: 5px; left: 9px; display: block; width: 60px; height: 20px;
    line-height: 20px; text-align: center; background: #333;color: #fff; font-size: 12px;}
.chord-box .play-vol{position: absolute; top: 5px; left: 5px; width: 20px; height: 20px;}
.chord-box .play-vol img{display: block; width: inherit; height: inherit;}
.chord-box .play-content{position: absolute; top: 13px; left: 28px; width: 40px; height: 4px; background-color: #ccc;}
.chord-box .play-progress{height: 4px; background-color: #333;}

.content-pre{position: relative;}
.content-pre ._2CxNO{display: none; position: absolute; border-radius: 2px; -moz-box-shadow: 0 0 5px #ccc;
    -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; background-color: #fff; z-index: 4;}
.content-pre .canvas-box{width: 78px; margin-top: 10px;}
.content-pre ._2pYs9{padding: 5px 0; background-color: #f1f1f1; text-align: center; font-size: 16px;}
.content-pre .btn-play{width: 78px; height: 24px; margin-top: 10px;}
/*����ģʽ*/
.str-container{
    position: relative;
    border: 1px solid #ccc;
    margin-bottom: 10px;
    padding: 10px;
    -moz-user-select:none;
    -webkit-user-select: none;
    -ms-user-select: none;
}
.str-container header {
    line-height: 24px;
    position: relative;
}
.str-title{
    float: left;
}
.str-container .text-success {
    color: #5cb85c;
}
.str-helper {
    float: left;
    font-size: 14px;
    line-height: 16px;
    color: #5cb85c;
    white-space: nowrap;
}
.str-helper .code-arrow {
    font-size: 14px;
}
.str-helper span{
    display: inline-block;
    padding: 2px 6px;
    color: #888;

    background: #ddd;
    border-radius: 4px;
    font-family:  poppin,Tahoma,Arial,\5FAE\8F6F\96C5\9ED1,sans-serif;
    cursor: pointer;
}
.b-strumm--content{margin: 0 -5px;
    font-size: 11px;
    overflow-x: auto;
    overflow-y: hidden;
    font-family: poppin,Tahoma,Arial,\5FAE\8F6F\96C5\9ED1,sans-serif;}
.b-strumm--beats>div{
    position: relative;
    min-width: 18px;
    width: 18px;
    height: 30px;
    font: 13px Arial,Helvetica,sans-serif;
    color: #000;
    display: inline-block;
    box-sizing: border-box;
}
.b-strumm--beats>div:after{
    position: absolute;
    left: 0;
    right: 0;
    top: 6px;
    bottom: 0;
    margin: auto;
    line-height: 24px;
    font-size: 16px;
    width: 8px;
}
.b-strumm--beats div[data-beat="1"]:after,
.b-strumm--beats div[data-beat="2"]:after,
.b-strumm--beats div[data-beat="3"]:after{
    content: "��";
    font-weight: bold;
}
.b-strumm--beats div[data-beat="101"]:after,
.b-strumm--beats div[data-beat="102"]:after,
.b-strumm--beats div[data-beat="103"]:after {
    content: "��";
    font-weight: bold;
}
.b-strumm--beats div[data-beat="151"]:after,
.b-strumm--beats div[data-beat="152"]:after,
.b-strumm--beats div[data-beat="153"]:after {
    content: "x";
}
.b-strumm--count{
    height: 32px;
    line-height: 11px;
    font-size: 11px;
    text-align: center;
    color: #888;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.b-strumm--count>div{
    position: relative;
    min-width: 18px;
}
.b-strumm--count>div:after {
    content: '';
    position: absolute;
}
.b-strumm--count.__count-8:not(.__triplets)>div:nth-child(2n):after {
    width: 100%;
    border-width: 0 1px 1px 0;
    left: -8px;
}
.b-strumm--count.__count-8>div:after {
    width: 4px;
    height: 4px;
    top: 16px;
    left: 9px;
    border: 1px solid #9a9a9a;
    border-width: 0 0 1px 1px;
}


/*���ұ༭*/
.chord-form{width: 1024px; padding: 0 24px; margin: 24px auto;}
.chord-form form{height: 100%;}
.chord-form .prompt-title{
    font-size: 14px;
    line-height: 20px;
    color: #7a7a7a;
    margin-bottom: 20px;
}
.chord-form-item {
    margin-bottom: 16px;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.chord-form-block{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.chord-form-item:not(:last-child) {
    margin-right: 16px;
}
.chord-form-label{
    display: block;
    line-height: 16px;
    padding: 9px 0;
    font-weight: 600;
    font-size: 14px;
    color: #7a7a7a;
}
.chord-form-input{
    box-sizing:border-box;
    width: 100%;
    height: 46px;
    padding: 0 10px;
    border: 1px solid #ddd;
    border-radius: 2px;
    background-color: #fff;
    font-family: inherit;
    box-shadow: none;
}
.chord-form-textarea{
    width: 100%;
    padding: 10px;
    min-height: 50px;
    border: 1px solid #ddd;
    border-radius: 2px;
    background: #fff;
}
._3DeUu {
    position: relative;
    margin-right: 0;
}
._3DeUu textarea{
    box-sizing: border-box;
    height: 500px;
    background: none;
    font-weight: 400;
    color: #212121;
    font:16px Courier New,Courier,monospace;
    z-index: 1;
}
._3DeUu .advise-width{
    position: absolute;
    top: 35px;
    left: 0;
    width: 350px;
    height: 500px;
    line-height: 500px;
    text-align: center;
    background-color: #fffae9;
    color: #ccc;
    font-size: 14px;
}
.chord-btn{
    text-align: right;
    margin-top: 24px;
}
.chord-btn .layui-input-block{
    margin: 0;
}
/*���ұ༭����*/
.upload-yuepu .explain-box{ margin-top: 10px; padding: 5px 10px; line-height: 28px; background: #fffae9; border: 1px solid #c6b57b;}
.upload-yuepu .upload-content{ overflow: hidden; padding: 10px; background: #fff; border: 1px solid #e6e6e6;}
.fileinput-button{ position: relative; overflow: hidden; float: left; margin-right: 20px;}
.fileinput-button input{ position:absolute; left: 0;top: 0; width: 64px; height: 38px; opacity: 0; -ms-filter: 'alpha(opacity=0)';}
.upload-yuepu .upload-img-box{ float: left; padding-right: 20px;}
.upload-yuepu .upload-img-box img{ width: 100px; height: 100px;}