html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

a { cursor: pointer; outline: none; text-decoration: none; }

.music___ifm h1, .diyShare_user_name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

fieldset, img { border: none; vertical-align: text-bottom; }

input[type="submit"], input[type="reset"], input[type="button"] { -webkit-appearance: none; border-radius: 0; }

html { font-size: 62.5%; font-family: STHeiti,"MicroSoft YaHei",Arial; }

.box_close, .musicOpt___share:before, .musicOpt___remove:before, .musicOpt___order:before, .diy_now_choose li:nth-child(1) h2:before, .diy_now_choose li:nth-child(2) h2:before, .music__audition:before, .music__audition.playing:before, .music__assist:before, .music__assist.curr:before, .music__optIn, .diyShare .music__audition:before, .diyShare .music__audition.playing:before, .diyShare__share, .diyShare__collect, .diyShare__collect.curr, .diyShare__assist:before, .diyShare__assist.curr:before, .diyShare__comment:before { background-repeat: no-repeat; background-image: url('../images/newMedia/icons-sb6a02c638f.png'); background-size: 4.3rem auto; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.tc { text-align: center; }

.tr { text-align: right; }

.vm { vertical-align: middle; }

.red { color: #ff0000; }

.none { display: none; }

.fl { float: left; }

.fr { float: right; }

body { background: #f7f7f7; }

.bubbling:after { content: '+1'; font-size: .9em; -webkit-animation: bubbling .8s both ease-in; animation: bubbling .8s both ease-in; position: absolute; right: 0; top: -1em; color: #ff4248; }

@-webkit-keyframes bubbling { 0% { opacity: 0; }
  20%,50% { opacity: 1; top: -1em; }
  100% { opacity: 0; top: -2em; } }
@keyframes bubbling { 0% { opacity: 0; }
  30%,70% { opacity: 1; top: -1em; }
  100% { opacity: 0; top: -2em; } }
  
.box { width: 28.4rem; background: #fff; /*position: absolute;*/position: fixed; left: 50%; top: 0; z-index: 100; margin-left: -14.2rem; border-radius: .2rem; transition: all .3s ease-out; -webkit-transition: all .3s ease-out; transform: translateY(-100%); -webkit-transform: translateY(-100%); display: none; }
.box_h { height: 3.4rem; line-height: 3.4rem; color: #fff; font-size: 1.6rem; text-align: center; background: #ea4647; }
.box_close { position: absolute; width: 2.5rem; height: 2.5rem; right: 0; top: 0; background-position: 0 -4.8rem; }
.box_con { padding: 2rem; background: #fff; position: relative; }
.box_btn { text-align: center; padding-top: 1.3rem; }
.box_btn a { display: block; background: #0db95a; font-size: 1.4rem; color: #fff; padding: 1rem 0; border-radius: .2rem; }
.box_btn2 { padding: 1.3rem; }

.box_close2 { position: absolute; background: url("../images/special/close.png") 0 0 no-repeat; background-size: 30px auto; width: 2.5rem; height: 2.5rem; right: .3rem; top: .1rem; }
.box_h2{height: 3.4rem; line-height: 3.4rem; color: #fff; font-size: 1.6rem; text-align: center; color:#0eb95a; font-weight:bold; background:#fff; }
.boxBtn{ display:-webkit-box; background:#f5f5f5; padding: 1.2rem .6rem;}
.boxBtn a{ display:block; -webkit-box-flex:1; margin:0 1rem; text-align:center; font-size: 1.4rem;padding:.6rem .7rem; }

.btnA{ display:inline-block; color:#666; border:solid 1px #dfdfdf; border-radius:2px; background:#fff;}
.btnB{ display:inline-block; color:#fff; width:50%; border-radius:2px; background:#0eb95a; cursor:pointer; border:none;}
.half{width:50%; }

.resultTip p {padding: 1rem 1.4rem; font-size: 1.4rem; line-height: 1.8rem;}
.resultTip p span { color: #ec971c; }

#alert_p {text-align: center; color: #333; font-size: 1.4rem; line-height: 1.8rem;}

.mask { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); position: fixed; left: 0; top: 0; z-index: 30; display: none; transition: all .5s ease-out; -webkit-transition: all .5s ease-out; }

.loginForm { padding: 0 1.3rem 1.3rem; }
.loginForm .errorTip { font-size: 1em; color: #ff0000; padding-bottom: .5rem; }
.loginForm input { font-family: STHeiti,"MicroSoft YaHei",Arial; padding: .8rem; background: none; border: solid 1px #dbdbdb; -webkit-box-sizing: border-box; font-size: 1.2rem; display: block; color: #333; -webkit-appearance: none; margin: 0; border-radius: .2rem; }
.loginForm input.txtA { width: 100%; margin-bottom: 1rem; }
.loginForm input.txtB { -webkit-box-flex: 1; }

.loginCode { align-items: center; display: -webkit-box; -webkit-box-align: strect; }

.sendCode { width: 10rem; display: -webkit-box; -webkit-box-align: center; -webkit-box-pack: center; color: #0db95a; font-size: 1.2rem; -webkit-box-sizing: border-box; margin-left: .5rem; border: solid .1rem #0db95a; border-radius: .2rem; }
.sendCode .red { color: #ff0000; }

.musicOpt { position: fixed; left: 0; top: 0; z-index: 10; width: 100%; height: 100%; visibility: hidden; }
.musicOpt_mask { background: rgba(0, 0, 0, 0.4); position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.musicOpt_con { position: absolute; left: 0; bottom: 0; width: 100%; background: #fff; -moz-transform: translateY(100%); -ms-transform: translateY(100%); -webkit-transform: translateY(100%); transform: translateY(100%); -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.musicOpt__list { padding: 1.5rem 0; text-align: center; }
.musicOpt__list a { display: inline-block; font-size: 1rem; color: #333; margin: 0 2rem; }
.musicOpt__list a:before { content: ''; width: 4.3rem; height: 4.3rem; display: block; margin: 0 auto .8rem; }
.musicOpt___share:before { background-position: 0 -41.8rem; }
.musicOpt___remove:before { background-position: 0 -37rem; }
.musicOpt___order:before { background-position: 0 -20.8rem; }
.musicOpt__cancel { border-top: solid .1rem #dedede; text-align: center; display: block; padding: 1.5rem 0; color: #333; font-size: 1.2rem; }
.musicOpt.show { visibility: visible; }
.musicOpt.show .musicOpt_mask { opacity: 1; }
.musicOpt.show .musicOpt_con { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }
.musicOpt.out .musicOpt_con { -moz-transform: translateY(100%); -ms-transform: translateY(100%); -webkit-transform: translateY(100%); transform: translateY(100%); }

.banner img { width: 100%; }

.diy_menu { text-align: center; padding: 1.6rem .9rem; display: -webkit-box; }
.diy_menu a { color: #fff; font-size: 1.6rem; width: 46%; text-align: center; display: block; padding: 1rem 0; background: #f9ae42; border-radius: .2rem; margin: 0 2%; }
.diy_menu a:nth-child(2) { background: #0db95a; }
.diy_now { padding: .8rem 0 1.5rem; }
.diy_now_h { text-align: center; color: #b5b5b5; font-size: 1.6rem; padding-bottom: 1.4rem; }
.diy_now_choose { display: -webkit-box; }
.diy_now_choose li { width: 50%; padding: 0 2rem; -webkit-box-sizing: border-box; }
.diy_now_choose li:nth-child(1) { border-right: solid .1rem #d3d3d3; }
.diy_now_choose li:nth-child(1) h2:before { height: 1.65rem; width: 1.2rem; background-position: 0 -49.1rem; }
.diy_now_choose li:nth-child(2) h2:before { height: 1.5rem; width: 1.5rem; background-position: 0 -15.3rem; }
.diy_now_choose li h2 { text-align: center; font-size: 1.4rem; color: #444; padding-bottom: 1.4rem; }
.diy_now_choose li h2 span { vertical-align: middle; }
.diy_now_choose li h2:before { content: ''; display: inline-block; vertical-align: middle; margin-right: .5rem; }
.diy_now_choose li p { font-size: 1.2rem; line-height: 1.6rem; color: #444; }
.diy_now_choose li a { display: block; margin: 1.2rem 1.5rem 0; font-size: 1.4rem; background: #0db95a; border-radius: .2rem; padding: 1rem 0; text-align: center; color: #fff; }
.diy_now__img { width: 9.8rem; margin: 0 auto; text-align: center; }
.diy_now__img img { width: 100%; }
.diy_now__img figcaption { font-size: 1.2rem; color: #444; padding-top: 1rem; }

#diy_now .diy_now_choose li { padding: 0 1.4rem; }

#hot { padding-bottom: 5rem; }

.music_h { display: -webkit-box; -webkit-box-align: center; padding: 1rem 1.4rem; color: #333; }
.music_h_con { font-size: 1.4rem; -webkit-box-flex: 1; display: block; }
.music_h_more { font-size: 1.2rem; display: block; color: #666; }
.music_list { padding: .4rem 0 .4rem 1.1rem; background: #fff; -webkit-box-sizing:border-box;}
.music_list li { border-bottom: solid .1rem #dedede; padding: 1rem 1.4rem 1rem 0; display: -webkit-box; -webkit-box-align: center; }
.music_list li:last-child { border-bottom: none; }
.music__audition { display: -webkit-box; -webkit-box-align: center; -webkit-box-flex: 1; }
.music__audition:before { content: ''; display: block; width: 2.8rem; height: 2.8rem; background-position: 0 -25.6rem; }
.music__audition.loading:before { background: url(../images/newMedia/loading.gif) center center no-repeat; background-size: 1.6rem 1.6rem; }
.music__audition.playing:before { background-position: 0 -31.3rem; }
.music___ifm { padding: 0 1rem; -webkit-box-flex: 1; }
.music___ifm h1 { font-size: 1.4rem; padding-bottom: .5rem; color: #333; }
.music___ifm h2 { font-size: 1.2rem; color: #999; }
.music__assist { display: block; font-size: 1.2rem; color: #999; position: relative; }
.music__assist:before { content: ''; display: inline-block; vertical-align: sub; width: 2.1rem; height: 1.9rem; background-position: 0 0; margin-right: .2rem; }
.music__assist.curr { color: #ff4248; }
.music__assist.curr:before { background-position: 0 -2.4rem; }
.music__optIn { width: 3rem; height: 3rem; display: block; background-position: 0 -17.3rem; }

.footerBtn { position: fixed; left: 0; bottom: 0; width: 100%; text-align: center; background: #fefefe; box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.14); padding: .8rem 0; }
.footerBtn a { display: inline-block; width: 70%; color: #fff; font-size: 1.6rem; background: #0db95a; border-radius: .2rem; padding: 1rem 0; }

.user { padding: 1.2rem 1rem; display: -webkit-box; -webkit-box-align: center; }
.user_img { width: 4.6rem; height: 4.6rem; overflow: hidden; border-radius: 50%; }
.user_img img { width: 100%; }
.user_ifm { -webkit-box-flex: 1; padding: 0 1rem; }
.user_ifm h1 { font-size: 1.4rem; color: #333; padding-bottom: .5rem; }
.user_ifm p { font-size: 1.1rem; color: #999; }
.user_btn { display: block; padding: .6rem 1.5rem; color: #0db95a; font-size: 1.2rem; border: solid .1rem #0db95a; border-radius: .2rem; }

.diyShare { margin: 1.4rem 1rem; background: #fff; position: relative; }
.diyShare img { width: 100%; }
.diyShare_user { position: absolute; left: 0; top: 0; display: -webkit-box; -webkit-box-align: center; width: 100%; -webkit-box-sizing: border-box; padding: .9rem; }
.diyShare_user_img { width: 3.1rem; height: 3.1rem; border-radius: 50%; overflow: hidden; }
.diyShare_user_name { color: #fff; font-size: 1.4rem; padding: 0 .8rem; -webkit-box-flex: 1; }
.diyShare_user_title { color: #fff; font-size: 1.2rem; }
.diyShare .music__audition { position: absolute; top: 12rem; left: .8rem; color: #fff; }
.diyShare .music__audition:before { width: 2rem; height: 2rem; margin-right: .5rem; background-position: 0 -28.8rem; }
.diyShare .music__audition.loading:before { background: url(../images/newMedia/loading.gif) center center no-repeat; background-size: 1.6rem 1.6rem; }
.diyShare .music__audition.playing:before { background-position: 0 -34.5rem; }
.diyShare .music__audition span { display: block; -webkit-box-flex: 1; font-size: 1.2rem; }
.diyShare_h { padding: .8rem .6rem; color: #333; font-size: 1.4rem; line-height: 2rem; padding-bottom: 2rem; }
.diyShare_opt { padding: 0 1rem 1rem; }
.diyShare_opt a { display: inline-block; vertical-align: middle; margin-right: 2rem; }
.diyShare__share { width: 2rem; height: 2rem; background-position: 0 -46.6rem; }
.diyShare__collect { width: 2.2rem; height: 2rem; background-position: 0 -7.8rem; }
.diyShare__collect.curr { background-position: 0 -10.3rem; }
.diyShare__assist { font-size: 1.2rem; color: #999; position: relative; }
.diyShare__assist:before { content: ''; display: inline-block; vertical-align: middle; width: 2rem; height: 2rem; background-position: 0 0; margin-right: .2rem; }
.diyShare__assist.curr { color: #ff4248; }
.diyShare__assist.curr:before { background-position: 0 -2.4rem; }
.diyShare__assist span { vertical-align: middle; }
.diyShare__comment { font-size: 1.2rem; color: #999; }
.diyShare__comment:before { content: ''; display: inline-block; vertical-align: middle; width: 2rem; height: 2rem; background-position: 0 -12.8rem; margin-right: .2rem; }
.diyShare__comment span { vertical-align: middle; }

.diyJoin { display: block; margin: 2.6rem auto 2rem; text-align: center; width: 70%; color: #fff; font-size: 1.6rem; background: #0db95a; border-radius: .2rem; padding: 1rem 0; }

.diyIntro { padding: 1.4rem 1rem 0; color: #444; font-size: 1.2rem; line-height: 1.8rem; }
.diyIntro dt { padding-bottom: .6rem; font-size: 1.4rem; color: #333; }

.pay_opt { padding: 2.5rem .5rem 1rem; display: -webkit-box; }
.pay_opt a { display: block; -webkit-box-flex: 1; text-align: center; margin: 0 .5rem; padding: .8rem 0; background: #0db95a; border-radius: .2rem; color: #fff; font-size: 1.6rem; }

.diyExplain { padding: 0 1rem 2rem; }
.diyExplain dt { color: #333; font-size: 1.4rem; margin: 1.5rem 0 .6rem; background: url(../images/newMedia/dt_list.png) left center no-repeat; padding-left: .6rem; background-size: .3rem auto; }
.diyExplain dd { color: #444; font-size: 1.2rem; line-height: 1.8rem; }
.diyExplain dd.type2 { background: url(../images/newMedia/dd_list.png) left 0.55rem no-repeat; padding-left: .8rem; background-size: 0.45rem auto; }
.diyExplain dd a { color: #0db95a; text-decoration: underline; }

.pay_h { padding: 1.3rem 0 .8rem; text-align: center; color: #333; font-size: 1.4rem; line-height: 1.8rem; }
.pay_h span { color: #0db95a; font-size: 1.2rem; }

.weixinForm { padding: 0 1.3rem 1.3rem; }
.weixinForm_h { color: #333; font-size: 1.2rem; padding-bottom: .6rem; }
.weixinForm_time { display: -webkit-box; border-radius: .4rem; overflow: hidden; border: solid .1rem #0db95a; }
.weixinForm_time input { display: none; }
.weixinForm_time input:checked + label { background: #0db95a; color: #fff; }
.weixinForm_time label { display: -webkit-box; -webkit-box-align: center; -webkit-box-pack: center; height: 5.5rem; width: 25%; -webkit-box-sizing: border-box; border-right: solid .1rem #0db95a; color: #0db95a; font-size: 1.2rem; line-height: 2rem; text-align: center; }
.weixinForm_time label:last-child { border-right: none; }

.diy_list_nav { border-bottom: solid 1px #d8d7d7; display: -webkit-box; }
.diy_list_nav a { display: block; font-size: 1.4rem; -webkit-box-flex: 1; text-align: center; border-bottom: solid 2px #f7f7f7; padding: 1em 0; color: #999; }
.diy_list_nav a.curr { color: #333; border-bottom-color: #0eb95a; }
.diy_list_wrap { overflow: hidden; width: 100%; }
.diy_list_scroller { width: 500%; -webkit-transition: all .3s ease-out; }
.diy_list_scroller .music_list { width: 20%; overflow: hidden; float: left; }
.diy_list_scroller .music_list .audition > i { margin: 0 .6em; }
.diy_list_scroller .music_list.hide { height: 1em; }
/* .diy_list_scroller.own { -webkit-transform: translateX(-20%); } */

.listC li { display: -webkit-box; -webkit-box-align: center; position: relative; }
.listC li .audition { -webkit-box-flex: 1; display: -webkit-box; -webkit-box-align: center; }
.listC li .audition > i { display: block; width: 24px; height: 24px; margin-right: .6em; background-position: 0 -57px; }
.listC li .audition h1 { color: #333; font-size: .9em; -webkit-box-flex: 1; border-bottom: solid 1px #dedede; padding: 1.2em 46px 1.2em 0; }
.listC li .audition.loading i { background: url(../images/newMedia/loading.gif) center center no-repeat; background-size: 15px auto; }
.listC li .audition.playing i { background-position: 0 -33px; }
.listC li .more { display: block; width: 30px; height: 30px; background-position: 0 -286px; position: absolute; right: 12px; top: 50%; margin-top: -15px; }

.diy_order { display: block; width: 30px; height: 30px; right: 12px; background: url(../images/newMedia/order.png) center center no-repeat; background-size: 22px auto; }
.unopen { color: #999; font-size: 1.2rem; padding-top: .4rem;}

#already h1 { padding: 2.3rem 1.3rem .8rem;}

.act_detail { position: absolute; right: 13px; bottom: 6px; color: #917f00; font-size: 1.2em; }
.act_info { border-top:solid 1px #dfdfdf; padding: 1rem; overflow: hidden;}
.act_info p { font-size: 1.2rem; line-height: 1.4rem; color: #444;}
.act_info .strong { font-weight: bold; color: #000;}