@charset "utf-8";
/* CSS Document */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,
dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,
hgroup,menu,nav,section,summary,time,mark,audio,video,input{margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ol,ul,menu {list-style:none;}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
/*html {-webkit-tap-highlight-color:rgba(0,0,0,0);}*/
a {text-decoration:none;}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
address,em {font-style:normal;}
table{border-collapse:collapse;border-spacing:0;}
input,select{vertical-align:middle}
fieldset,img{border:none;vertical-align:text-bottom;}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
* html .clearfix{zoom:1}
*:first-child+html .clearfix{zoom:1}
.table {display:table;table-layout:fixed;border-collapse:collapse;border-spacing:0;}
body {font-size:100%; font-family:"MicroSoft YaHei",Arial; background:#f7f7f7;}
.break{word-break:break-all;}
.pr{ position:relative;}
.pa{ position:absolute;}
.vm{ vertical-align:middle;}
.tc{ text-align:center;}
.tr{ text-align:right;}
.fl{ float:left;}
.fr{ float:right;}
input[type="submit"],input[type="reset"],input[type="button"]{-webkit-appearance:none;border-radius:0;}
.none{ display:none;}
._none{ display:none !important;}
.red{ color:#ff0000;}
.txtCut,.p-Song h2,.p-Song p,.singerListA li h2,.singerListA li p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}/*文字省略显示*/

.search>a i,.search a i,.headA .btnA:before,.setRing,.download,.HQ,.loadTip:after,.downloadForm label:after,.forgetPwd:before{ background:url(../images/baseIconBg/icon2.png) no-repeat; background-size:100px auto; display:inline-block; vertical-align:middle;}

/*播放器样式*/
.player{ width:100%; position:fixed; left:0; bottom:-5em; background:url(../images/player/playerBg.jpg) no-repeat; background-size:100% 100%; -webkit-box-sizing:border-box; display:-webkit-box; -webkit-box-align:center; transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out;}
.playerShow{ bottom:0;}
.p-audition{ -webkit-box-flex:1; display:-webkit-box; -webkit-box-align:center; padding:0 .5em; margin:.3em 0 .5em;}
.p-audition figure{ width:45px; height:45px; overflow:hidden; font-size:0;}
.p-audition figure img{ width:45px; opacity:.7;}
.p-audition figure i{ display:block; width:20px; height:20px; background:url(../images/player/player_icon.png) no-repeat; background-size:130px auto; position:absolute; left:22px; top:17px;}
.p-audition.playing figure i{ background-position:-20px 0;}
.playTime{ height:3px; background:#373950; width:100%; position:absolute; left:0; bottom:0;}
.playTime span{ height:3px; background:#ec592f; display:inline-block; position:absolute; left:0; top:0;}
.p-Song{ padding-left:.4em;  -webkit-box-flex:1;}
.p-Song h2{ color:#fff; font-size:.9em; padding-bottom:.2em;}
.p-Song p{ color:#9a9296; font-size:.8em;}
.p-setRing,.p-collect{ display:block; width:25px; height:24px; background:url(../images/player/player_icon.png) no-repeat; background-size:130px auto; margin:0 .5em;}
.p-setRing{ background-position:-74px 0;}
.p-collect{ background-position:-44px 0;}
.p-collected{ background-position:-103px 0;}

/*弹框样式*/
.box{ width:90%; position:fixed; left:50%; top:100%; z-index:100; background:#f7f7f7; border-radius:2px; margin-left:-45%; overflow:hidden; display:none;}
.box_h{padding:.6em 0; text-align:center; color:#333; font-weight:bold; background:#fff; border-bottom:solid 2px #0eb95a;}
.box_h2{padding:.6em 0; text-align:center; color:#0eb95a; font-weight:bold; background:#fff; }
.box_h span{ color:#ec592f;}
.box_h .black{ color:#333 !important;}

.mask{ width:100%; height:100%; background:rgba(0,0,0,0.6); position:fixed; left:0; top:0; z-index:99; display:none;}
.loginForm{ padding:0 .8em 0; display:block; -webkit-box-sizing:border-box; box-sizing:border-box; width:100%;}
.loginForm input{ font-family:STHeiti,"MicroSoft YaHei",Arial; padding:.6em 0; border:none; border-bottom:solid 1px #e6e6e6; -webkit-box-sizing:border-box; box-sizing:border-box; font-size:.9em; display:block; color:#333; border-radius:0; background:#f7f7f7;}
.loginForm input[name=phone],.loginForm input[name=password],.loginForm input[name=diyname]{ width:100%; margin-bottom:.5em;}
.loginForm input[name=diyname]{padding:.6em;border: solid 1px #e6e6e6;}
.code{ display:-webkit-box; -webkit-box-align:center;}
.loginForm input[name=code]{ -webkit-box-flex:1; margin-right:.5em;}
.loginForm .btnA{ width:8em; text-align:center; color:#77d39c;}
.box .btnA{ border-radius:1px; padding:.6em .7em; border-color:#e6e6e6;}
.boxBtn{ display:-webkit-box; background:#f5f5f5; padding:.8em .4em;}
.boxBtn a{ display:block; -webkit-box-flex:1; margin:0 .4em; text-align:center;}
.half{width:50%; }
.orderSong{ padding:.8em .8em 0;}
.orderSong h2{ display:-webkit-box; font-weight:normal; font-size:1em; padding-bottom:.2em;}
.orderSong h2 span,.orderSong p span, .orderSong .s_name, .orderSong .s_player, .orderSong .s_price{ color:#333; -webkit-box-flex:1; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.orderSong h2 b{ color:#ec592f; font-weight:normal;}
.orderSong h2 i{ color:#333; font-style:normal;}
.orderSong p{ display:-webkit-box; font-size:.8em;}
.orderSong p span{ color:#999;}
.orderSong p b{ font-weight:normal; color:#999;}
.orderSong .s_player{ color:#666; padding-bottom:.2em;}
.orderSong .s_price{ color:#999; }
.downloadTip, .resultTip{ color:#333; line-height:1.6em; font-size:.95em; padding:.8em .8em 0;}
.downloadTip b,.downloadTip span,.resultTip b,.resultTip span{ color:red;}
.downloadForm{ padding:.8em .8em 0;}
.downloadForm>div{ border-bottom:solid 1px #e6e6e6;}
.downloadForm>div:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.downloadForm>div:last-child{ border-bottom:none;}
.downloadForm label{ color:#333; cursor:pointer; display:block;  padding:.5em 0;}
.downloadForm input[name=songType]{ display:none;}
.downloadForm label:after{ content:''; width:20px; height:20px; display:inline-block; float:right; background-position:0 -38px;}
.downloadForm input[name=songType]:checked+label{ color:#ec592f;}
.downloadForm input[name=songType]:checked+label:after{ background-position:-21px -38px;}
.registerIn{ position:absolute; right:.8em; color:#ec592f;}
.forgetPwd{ padding-left:.8em; color:#333; font-size:.85em;}
.forgetPwd:before{ content:''; width:13px; height:13px; background-position:0 -113px; margin-right:5px;}
.otherLogin{ padding:0 .8em .8em; text-align:center;}
.otherLogin h2{ font-size:.9em; color:#333; font-weight:normal; position:relative; margin-bottom:.5em;}
.otherLogin h2:before{ content:''; display:block; height:1px; background:#e6e6e6; position:absolute; left:0; width:100%; top:50%; z-index:1;}
.otherLogin h2 span{ background:#f7f7f7; padding:0 .8em; position:relative; z-index:2;}
.o-loginMenu{ display:-webkit-box; -webkit-box-align:center;}
.o-loginMenu a{ -webkit-box-flex:1; text-align:center; display:block; font-size:.9em; color:#999;}
.o-loginMenu a i{ width:46px; height:46px; display:inline-block; background:url(../images/baseIconBg/otherLogin.png) no-repeat; background-size:216px auto;}
.o-loginMenu a.weibo i{ background-position:-85px 0;}
.o-loginMenu a.tianyi i{ background-position:-170px 0;}

.loadTip{ text-align:center; padding:.6em 0 1em; text-align:center; color:#aeaeae; font-size:.9em;}
.loadTip:after{ content:''; margin-left:.3em; width:14px; height:14px; background-position:-24px -21px;}
.loadTip.loading:after{ background:url(../images/baseIconBg/loading.gif) center -1px no-repeat; background-size:14px auto;}
.loadTip.lastPage:after{ background:none; width:0;}
.loading2{ width:11em; padding:.3em 0; background:rgba(0,0,0,0.7); position:fixed; left:50%; top:50%; margin:-40px 0 0 -5.5em; text-align:center; color:#fff; font-weight:bold; font-size:.95em; line-height:1.6em; border-radius:10px; display:none;}

#alert .downloadTip{ text-align:center; padding:1.5em .8em .7em;}

.page_sliderRight{animation:pageSliderRight .4s both; -webkit-animation:pageSliderRight .4s both;}
@keyframes pageSliderRight{
	0%{ transform:translateX(100%);}
	100%{ transform:translateX(0);}
}
@-webkit-keyframes pageSliderRight{
	0%{ -webkit-transform:translateX(100%);}
	100%{ -webkit-transform:translateX(0);}
}


.menu1{ display:-webkit-box; -webkit-box-align:center; padding:.3em; background:#373950;}
.menu1 a{ display:block; color:#878896; -webkit-box-flex:1; text-align:center; font-size:.9em;}

.menu1.ql{ background: #db2733 !important;}
.menu1.ql a{ color: #ff9999 !important;}

.menu1 a.curr{ color:#fff;}
.menu1 a i{ display:block; margin:0 auto; width:40px; height:28px; background:url(../images/baseIconBg/menu1.png) no-repeat; background-size:282px auto;}
.menu1 a:nth-child(1) i{ background-position:9px 0;}
.menu1 a:nth-child(2) i{ background-position:-57px 0;}
.menu1 a:nth-child(3) i{ background-position:-122px 0;}
.menu1 a:nth-child(4) i{ background-position:-184px 0;}
.menu1 a:nth-child(5) i{ background-position:-250px 0;}
.menu1 a:nth-child(1).curr i{ background-position:9px -28px;}
.menu1 a:nth-child(2).curr i{ background-position:-57px -28px;}
.menu1 a:nth-child(3).curr i{ background-position:-122px -28px;}
.menu1 a:nth-child(4).curr i{ background-position:-184px -28px;}
.menu1 a:nth-child(5).curr i{ background-position:-250px -28px;}

/* .search{ padding:.6em; display:-webkit-box; -webkit-box-align:stretch;} */
/* .search input{ display:block; -webkit-box-flex:1; border:solid 1px #dfdfdf; border-radius:2px; background:#fff; font-family:'MicroSoft YaHei'; padding:.5em; font-size:.95em;} */
/* .search a{ margin-left:.5em; width:3em; display:-webkit-box; background:#ec592f; -webkit-box-align:center; -webkit-box-pack:center; border-radius:2px;} */
/* .search a i{width:20px; height:20px;} */
.search{ padding:.6em; display:-webkit-box; -webkit-box-align:stretch;}
.search>div{ -webkit-box-flex:1; position:relative; z-index:2;}
.search>div input{ display:block; width:100%; border:solid 1px #dfdfdf; border-radius:2px; background:#fff; font-family:'MicroSoft YaHei'; padding:.5em; font-size:.95em; -webkit-box-sizing:border-box;}
.searchTip{ position:absolute; border:solid 1px #dfdfdf; border-top:none; background:#fff; width:100%; -webkit-box-sizing:border-box; left:0; padding-top:.4em;}
.searchTip li a{ display:block; padding:0 .5em .4em; font-size:.9em; color:#666; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.search>a{ margin-left:.5em; width:3em; display:-webkit-box; background:#ec592f; -webkit-box-align:center; -webkit-box-pack:center; border-radius:2px;}
.search>a i{width:20px; height:20px;}

.headA h1,.songIfm h2,.songIfm p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.HQ{ width:17px; height:11px; background-position:0 -22px; margin-right:.3em;}
.btnA{ display:inline-block; padding:.3em .7em; color:#666; font-size:.9em; border:solid 1px #dfdfdf; border-radius:10em; background:#fff;}
.btnB{ display:inline-block; padding:.6em .7em; color:#fff; font-size:.9em; width:50%; border-radius:1px; background:#0eb95a; cursor:pointer; border:none;}
.btnC{ border:solid 1px #ec592f; padding:.4em .8em; display:inline-block; color:#ec592f !important; border-radius:4px; font-size:.9em;}
.body_h{ padding:.8em .6em; position:relative; background:#373950; font-weight:bold; color:#fff; text-align:center;}
.back{ width:.8em; height:.8em; display:block; border-top:solid 2px #fff; border-left:solid 2px #fff; position:absolute; left:1em; top:50%; margin-top:-0.4em; transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}
.body_h.ql{background: #db2733 !important;}
.headA{ padding:.6em; display:-webkit-box; -webkit-box-align:center;}
.headA h1:before,.headB:before{ content:''; display:inline-block; width:.4em; height:.4em; border-radius:.4em; border:solid 2px #ec592f; vertical-align:middle; margin-right:.5em;}
.headA h1{ color:#333; -webkit-box-flex:1; padding-right:1em; font-size:1em;}
.headA .btnA:before{ content:''; width:14px; height:14px; background-position:-24px 0; margin-right:.1em;}
.headB,.headC{ background:#eee; font-size:1em; padding:.4em .6em; color:#333;}
.headC{ border-top:solid 1px #e6e6e6;}

.songListA{ padding-left:.6em; background:#fff;}
.songListA li{ border-bottom:solid 1px #e6e6e6; display:-webkit-box; -webkit-box-align:center;}
.songIfm{ display:block; -webkit-box-flex:1; padding:.4em 0; margin-right:1em;}
.songIfm h2{ color:#333; font-size:.95em; padding-bottom:.2em; font-weight:normal;}
.songIfm p{ color:#999; font-size:.8em;}
.setRing{ width:24px; height:24px; background-position:-38px 0;}
.download{ width:24px; height:24px; background-position:-63px 0;}
.songListA li .download{ margin:0 .8em;}
.tip,.tips{ font-size:.8em; color:red; line-height:1.6em;padding:.6em .8em 0; height:auto; }
.openTip{ font-size:.8em; color:#ec592f; padding:.6em .8em 0;}

.noneTip{ text-align:center; padding:3em 0; font-size:.9em; color:333;}
.noneTip img{ width:105px; margin-bottom:.5em;}
.noneTip span{ color:#999; font-size:.8em;}

.co-tips { padding: .6em .8em 0; }
.co-tips img { width: 20px; vertical-align: middle; }
.co-tips img:nth-child(2) { margin-left:-3px; }
.co-tips img:nth-child(3) { margin-left:-2px; }
.co-tips span { color: #ed8126; font-size: .9em; }

.box_close { position: absolute; background: url("../images/special/close.png") 0 0 no-repeat; background-size: 30px auto; width: 30px; height: 30px; right: 3px; top: 3px; }

.deal label:before, .deal input:checked + label:before { background-repeat: no-repeat; background-image: url('../images/flow/icons-sde648cef93.png'); background-size: 22.5px auto; }
.deal { padding: .5em 0; }
.deal input { display: none; }
.deal label { color: #666; font-size: .8em; line-height: 1.4em; position: relative; padding-left: 19px; display: block; }
.deal label a { color: #666; text-decoration : underline;}
.deal label:before { content: ''; display: inline-block; width: 15px; height: 16px; background-position: 0 0; position: absolute; left: 0; top: 1px; }
.deal input:checked + label:before { background-position: 0 -20.5px; }

#essay2 div{padding: .6em 1.2em .6em;}
#essay2 p{color: #666; font-size: .8em; line-height: 1.4em;}
#essay2 p b{color: #000; font-size: 1em; line-height: 1.8em; font-weight: bold;}