@charset "UTF-8";
/*全局*/
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, details, figure, figcaption, footer, header, hgroup, menu, nav, section, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font-weight: normal; vertical-align: baseline; background: transparent; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { }
table { border-collapse: collapse; border-spacing: 0; }
th, td { vertical-align: top; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ''; }
input, button, textarea, select, optgroup, option { font-family:arial, Helvetica, sans-serif; font-size: inherit; font-style: inherit; font-weight: inherit; }
.clear { clear: both; height: 0; overflow: hidden; }
.clearFix:after,.image_list:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.clearFix,.image_list { zoom: 1; }
.hide { display: none; }
strong { font-weight: bold;}
 
 
h1 { font-size: 25px; line-height: 1; font-weight: bold; }
h2 { font-size: 20px; font-weight: bold; }
h3 { font-size: 14px;color:#111;font-weight: bold;line-height: 1;}
h4 { font-size: 16px; }
h5 { font-size: 12px; }
h6 { font-size: 12px; }
.red{ color: red;}
a {
  color: #252525;
  -webkit-transition: color 0.1s linear;
  -moz-transition: color 0.1s linear;
  -o-transition: color 0.1s linear;
  transition: color 0.2s linear;
}
a:hover { color: #cecbcb; text-decoration: none;}
a:focus{text-decoration: none;}
.container-fluid{max-width:90%;margin:0 auto;}
 
select, textarea, input[type="text"], input[type="password"], .uneditable-input { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, .uneditable-input:focus { outline: none; border-color: #ddd; }
input[class*="span"] { #padding: 0 5px; #line-height: 28px; }
.pagination ul > li:first-child > a, .pagination ul > li:first-child > span { border-left-width: 1px; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-topleft: 0; }
.pagination ul > li:last-child > a, .pagination ul > li:last-child > span { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; }
.pagination ul > li:last-child > a, .pagination ul > li:last-child > span { -webkit-border-top-right-radius: 0; border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; }
 
.pagination ul{margin-left:10px;}
.pagination .total{line-height:32px;vertical-align: top;display: inline-block;*display:inline;*zoom:1;}
.pagination span{display:inline-block;*display:inline;*zoom:1;padding:0 10px;border:1px solid #ddd;background:#e5e5e5;    background: #024bff;}
.btn[class*="stripe"]{border-radius: 0;
    background: #3e3e3e;
    border: none;
    padding: 1px 12px;
    font-size: 12px;}
.btn[class*="stripe"]:hover{background:#fff;}
.btn.red-stripe{border-left:3px solid #ff0000;}
.btn.btn-inverse{border-radius:0;box-shadow: none;background:#333;border:none;}
.btn.btn-inverse:hover{background: rgba(12, 68, 209, 0.77);}
.form-horizontal{padding-top:20px;}
.form-horizontal .control-group{margin-bottom:10px;}
.control-group .control-label{width:auto;float:none;margin-bottom:5px;color:#000;text-align:left;padding:0;font-weight: bold;}
.control-group .control-label em{ color:#FF0000; font-style:normal}

.form-horizontal .control-group .controls{margin-left:0;}
.control-group .controls input[type="text"],.control-group .controls input[type="password"]{font-size:12px;}
.form-horizontal .control-group .help-block,.form-horizontal .control-group .help-tips{line-height:20px;margin-top:5px;}
.error.control-group .help-block,.error.control-group .help-tips{background:url(../images/warming.png) no-repeat 2px 3px;padding-left:25px;}
.success.control-group .help-block,.success.control-group .help-tips{background:url(../images/warming.png) no-repeat 2px -17px;padding-left:25px;}
.error.control-group input[type="text"]:focus,.error.control-group input[type="password"]:focus,.error.control-group textarea:focus{box-shadow: none;}
.success.control-group input[type="text"],.success.control-group input[type="password"],.success.control-group textarea{border:1px solid #ccc;color:#4b4b4b;}
.success.control-group .control-label{color:#4b4b4b;}
.btn{
  -webkit-transition: all 0.2s linear;
     -moz-transition: all 0.2s linear;
       -o-transition: all 0.2s linear;
          transition: all 0.2s linear;
}
.vertop{vertical-align: top !important;}
textarea[class*="span"]{box-shadow: none;}
select[class*="span"],input[type="text"][class*="span"],input[type="password"][class*="span"]{min-height:0;height:34px;line-height:24px;}
input[type="checkbox"]{padding:0;}
.btn-small{ min-height:25px;}
select[class*="span"]{padding:7px 6px;}
/*layout*/
#main-content.span9{width:68%;}
#side.span3{width:30%;margin-left:2%;}
/*icon*/
.icon_music{background:url("../images/icon_set.png") no-repeat -4px -3px;width:40px;height:40px;display:block;}
.icon_music:hover{background-position:-4px -45px;}
.icon_arrow_right{background:url(../images/common_ico.png) no-repeat 0 -46px;display:block;width:28px;height:40px;}
.icon_arrow_right:hover{background-position:0 -91px;}


/*content*/
.content h1{text-align:center;margin:10px 0;}
.content .headline{border-left:3px solid #ff0000;border-bottom: none;padding:0 0 0 5px;margin-bottom:15px;font-size: 16px;height:24px;line-height:24px;}
.content .text-infos{text-align:center;color:#aaa;font-size: 12px;margin-bottom:10px;}
.content p{line-height:20px; }
/*form*/
.dj_form .control-group { margin-bottom: 10px; }
.dj_form .control-label .btn { margin-right: 10px; }
.dj_form .controls { margin-left: 0; font-size: 12px; padding-left: 0; #width: 138px; }
.dj_form .controls input { #padding: 0 5px; #line-height: 28px; }
.dj_form .control-label { font-size: 12px; width: 78px; }
.dj_form .controls_labels .controls { text-align: center; padding-top: 5px; }
.input_style { border-radius: 0; background: url(../images/search_input_bg.png) repeat; }
.play_list .play_ico { margin-top: 20px; }
.play_ico { display: block; width: 17px; height: 20px; background: url(../images/player_icon.png) no-repeat; }
.playing_ico:hover { background-position: -41px 0;}
.pasued_ico { background-position: 0 -43px; }
.pasueded_ico { background-position: -41px -43px; }
.action_ico { position: relative; z-index: 0; top: 2px;margin-left: 2px; width: 10px; height: 10px; display: inline-block; *display: inline; *zoom: 1; background: url(../images/action_ico.png) no-repeat top right; }
.playnum_ico { background-position: 0 0; }
.playsay_ico { background-position: 0 -26px; }
.playzan_ico { background-position: 0 -10px; }
.playdowload_ico { background-position: 0 -40px; }


/*top_bar*/
/*header{min-width:1040px;}*/
.nav-content-fixed { position: fixed;top: 0;left: 0; right: 0; z-index: 99999;opacity: 0.9;}
/*.navbar-fixed-top .navbar-inner{padding:1px 21px 0;}
.navbar-inverse .container-fluid{max-width:none;}*/
.navbar{ margin-bottom: 0;}

.navbar .brand { padding: 5px 20px 5px 0; }
.navbar-inner, .navbar-static-top .navbar-inner{box-shadow: 0 0px 15px rgba(0,0,0,0.5); -webkit-border-radius: 0px;-moz-border-radius:0px; border-radius: 0px;}
.navbar .nav { margin-top: 7px; }
.navbar .nav li .hover { color: #ff030d; }
.navbar .nav li a { font-size: 13px; padding: 0 15px;-webkit-text-shadow:none;-moz-text-shadow:none;text-shadow: none; display: block; height: 25px; line-height: 25px; background: url(../images/nav_sep.png) no-repeat; display: block; color:#fff; }
.navbar .nav li a:hover { color: #ff030d; }
.navbar .nav li.noborder a {background:none;padding-left:0;}
.navbar nav li { margin-left: -1px; }
.navbar .brand, header .nav > li > a { color: #fff; }
.top_menu { float: right; margin:8px 0 0; }
.top_menu li { float: left;margin-left:15px;height:25px;line-height:25px;}
.top_menu li a { background: none; color:#fff;display:block;font-size: 13px;}
.top_menu li a:hover { color: #ff030d;}

/*logo*/
.logo_area{ background: url(../images/shadow_bg_rep.png) repeat-x; margin-top: 0; padding: 30px 0;margin-bottom:-10px;}



/*search_box*/
.search_box{width:300px;float:right;}
.form_search{ border:none; background:#e3e3e3;overflow:hidden;}
.form_search .btn{ height:30px;width:30px;border:none;border-radius:0;background:url(../images/search_btn.gif) no-repeat scroll 0 -30px transparent;float:left;}
.form_search input{ border-radius:0;margin:0;width:auto;font-size:12px;background:url(../images/search_icon.png) no-repeat -2px;padding-left:30px; border:none;box-shadow: none;float:left; width: 234px;}
.form_search .btn:hover{ background-position:0 0}
.hottel{color:#fff;padding:2px 5px;background:#000;font-size:18px;height:35px;line-height:35px;}
.search_title{ font-size:12px;margin:5px;}
.hot-search{margin:5px;}

/*headline*/
.headline{    border-bottom: 0px solid #252525;
    line-height: 1px;
    padding-bottom: 18px;}
.headline .more{float:right;}
/*banner*/
.carousel-position{position: absolute;bottom:15px;left:50%;margin-left:-500px;z-index: 999;}
.carousel{margin:0;}
.carousel-indicators li{float:none;display:inline-block;*display:inline;*zoom:1;background: url(../images/slider_icons.png) no-repeat scroll left top transparent;cursor:pointer;width:20px;height:20px;}
.carousel-indicators .active{background-position:0 -31px;background-color:transparent;}
.carousel-indicators{text-align:center;float:right;position: static;}
.carousel-control{top:50%;}
/*.carousel-inner>.item{height:300px;max-height:300px;overflow:hidden;}
.carousel-inner>.item img{max-width:none;}*/
.main.home{ padding-bottom:10px;background:url(../images/shadow_bg_rep.png) repeat-x;padding-top:45px;}
.main{padding-top:10px;}
/*.wrapper{min-width:1040px;}*/
.music_play_list{margin-bottom:15px;}

.box_list .span6.box{margin:0 0 15px;width:49%; float: left;}
.box_list .span6.box.even{margin-left:2%;}
.box_list .img_txt_list{ min-height:335px;}
.box_list .img_txt_list li .text_box{overflow:hidden;float:none;}
.box_list .img_txt_list li .text_box .text_info{height:33px;line-height:16px;overflow:hidden;}
/*img_txt_list*/
.img_txt_list li{overflow:hidden;margin-bottom:30px;}
.img_txt_list li .tags{display:none;}
.img_txt_list li .img_box{overflow:hidden;width:125px;height:125px;float:left;margin-right:10px;}
.img_txt_list li .text_box{overflow:hidden;}
.img_txt_list li .text_box h5{font-weight:bold;line-height:18px;border-bottom:1px dotted #000;padding-bottom:10px;margin-bottom:9px;}
.img_txt_list li .text_box h5 a{font-weight:bold;font-size: 14px;}
.img_txt_list li .text_info{margin-bottom:5px;}
.img_txt_list li .text_info span{padding-right:10px;}
.img_txt_list .text_content a{color:#ff0000;text-decoration: none;}
.img_txt_list .text_content a:hover{color:#ff0000;text-decoration:underline;}
.banners{margin-bottom:10px;}
.box .img_txt_list li{padding:8px 0;border-bottom:1px dotted #8a8a8a;margin-bottom:0;}
.box .img_txt_list li.noborder{border:none;}
.box .img_txt_list li .img_box{width:50px;height:50px;}
.box .img_txt_list li h5{border:none;padding-bottom:5px;margin:0;line-height:1;}
.box .img_txt_list li h5 a{font-size: 12px;}
.box .img_txt_list li .text_box p{margin:0;}

.img_txt_list input[ type="radio"]{ float: left; margin-right:10px;}

.img_txt_list.payment li .img_box{width:88px;height:35px;}

/*image_list*/
.image_list{margin:0 -12px 0 0;}
.image_list li{float:left;margin:0 15px 15px 0;padding:10px;border:1px solid #BBB;width:136px;
  -webkit-transition: box-shadow 0.2s linear;
  -moz-transition: box-shadow 0.2s linear;
  -o-transition: box-shadow 0.2s linear;
  transition: box-shadow 0.2s linear;
}
.image_list li:hover{
  box-shadow:0 0 4px rgba(0,0,0,0.5);


}
.image_list .img_box{width:136px;height:136px;display:block;overflow:hidden;text-align:center;margin-bottom:3px;}

.image_list h5 a{font-weight:bold;width:125px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;display:block;}

.text_list li{margin-bottom:15px;padding-bottom:15px;border-bottom:1px dotted #000;}
.text_list h5{margin-bottom:5px;}
.text_list .text_info{margin-bottom:5px;}
.text_list .text_info span{padding-right:10px;}
.text_list h5 a{color:#000;font-weight: bold;font-size: 16px;}
.text_list h5 a:hover{color:#ff0000;font-weight: bold;}
.text_list .text_content a{color:#ff0000;text-decoration: none;}
.text_list .text_content a:hover{color:#ff0000;text-decoration:underline;}

/*footer*/
.footer{ color:#fff; background:url(../images/black_bg.gif) repeat;padding-top:20px;}
.footer_heading{ clear:both;color: #fff; margin-bottom:10px; border-bottom:2px solid #FFF; font-size:1.125em;padding-bottom:5px;}
.footer_link{ overflow: hidden;}
.footer_link li{ float:left; margin: 0 9px 9px 0;line-height:1;}
.footer_link li a{color:#B7B7B7;font-size:14px;}
.footer_link li a:hover{ color:#fff;}
.footer .headline{border-bottom:2px solid #fff;color:#fff;font-size:18px;margin-bottom:10px;padding-bottom:10px;}


/*links*/
.links { }
.links li { }
.links li img{width: 39px; height:39px;border: solid 1px #d1d1d1;}
.logo_footer a{ display:block;float:right; margin-top: 0px;}
.copyright{ clear:both;font-size:12px;text-align:right;}
.copyright a{ color:#fff;}
.footer #bdshare{float:right;margin-bottom:4px;margin-top:-5px;zoom:1;}
.footer [class*="span"]{margin-left:50px;}
.footer .span3{width:200px;}
.footer .span4{width:290px;float:right;margin:0;}
.footer .span5{width:405px;}


/*music list*/
.cate_box{margin-bottom:15px;}
.cate_box .img_box{width:125px;height:125px;float:left;margin-right:10px;}
.cate_box .text_box{overflow:hidden;}
.cate_box .text_box h3{font-size: 18px;line-height:20px;margin-bottom:10px;}
.cate_box .text_box span strong{color:#ff0000;}
.cate_box .text_box p{ line-height:20px;}
#network{}

/*songs_infos*/
.music-infos h1{font-size: 18px;padding-left:13px; padding-bottom:10px; border-bottom: 1px dotted #000;}
.songs_infos{margin-bottom:15px;}
.songs_infos li{padding:2px 0;overflow:hidden;border-bottom: 1px dotted #000;color:#000;font-size: 13px;}
.songs_infos li>strong{float:left; }
.songs_infos li .label_value{overflow:hidden;font-weight: bold;line-height:26px;height:26px;}
.songs_infos .btn-small{margin-left:5px;margin-top:-4px;}
.songs_infos .label_value b{display:inline-block;*display:inline;*zoom:1; min-width:35px; font-weight:bold}

/*contact us*/
.message-sub{padding-top:0}

 

/******form end******/

/*loginbox*/
.box{margin-bottom:10px;}
#side .banner{margin-bottom:10px;}
#side .banners img{vertical-align: top;}
.share #bdshare{float:none;overflow:hidden;margin-top:10px;}
.login_box .form-horizontal{padding:10px 0px 1px;}

.login_box .control-group{margin-bottom:10px;}
.login_box .controls input[type="text"],.login_box .controls input[type="password"],
.register .controls input[type="text"],.register .controls input[type="password"]
{    border: 1px solid #4a4a4a;
    background-color: #171717;
    padding: 0 20px;
    margin: 0;
    height: 60px;
    color: #fff;
    font-family: 'Signika', sans-serif;
    font-size: 15px;
    font-weight: 300;
    width: 100%;
    letter-spacing: 1px;
    line-height: normal;}
.login_box .btn{float:left;}
.login_box .controls,.register .controls{position: relative;}
.login_box .controls i,.register .controls i{    }
.login_box p strong{color:#7d7d7d;padding:0 2px;}
.login_box .controls.text-right{height:26px;line-height:26px;}
.login_box p{padding:10px 5px;line-height:20px;}
.login_box p.link{ border-top:#000000 3px solid; padding:2px 5px;}
.box .accordion-toggle{position: relative;padding:20px 50px 20px 70px;display:block;border-radius:6px;background:url(../images/nav_bg.png) repeat;}
.box .accordion-toggle:hover{background:url(../images/nav_bghover.png) repeat;}
.box .accordion-toggle:hover .icon_music{background-position: -4px -45px;}
.box .accordion-toggle .icon_music{position: absolute;left:20px;top:50%;margin-top:-20px;}
.box .accordion-toggle .icon_arrow_right{position: absolute;right:20px;top:50%;margin-top:-20px;}
.box .accordion-toggle:hover .icon_arrow_right{background-position:-1px -91px;}
.box .accordion-toggle strong{font-size: 28px;color:#fff;}
.box .accordion-toggle em{font-size:12px;color:#fff;display:block;font-style: normal;margin:3px 0 0 1px;}
.box .accordion-toggle:hover strong,.box .accordion-toggle:hover em{color:#000;}
.box .text_list{background:url(../images/listing_bg.gif) repeat left top;}
.box .text_list li{padding:0 20px 0 0;margin:0;border:none;}
.box .text_list li em{width:40px;height:35px;text-align:center;display:inline-block;*display:inline;*zoom:1;vertical-align: middle;font-style:normal;}
.box .text_list li a{display:block;text-overflow:ellipsis;overflow:hidden;white-space: nowrap;line-height:35px;height:35px;color:#fff;}
.box .text_list li a:hover{text-decoration:none;color:#fff;}
.box .text_list li:hover{background:#FF030D;}
.box .text_list .even{background:url(../images/listing_even_bg.gif) repeat scroll left top transparent;}
.box .text_list .even:hover{background:#FF030D;}
.box .level_1{background:url(../images/listing_bg.gif) repeat left top;}
/*.box .level_2 .even{background:url(../images/listing_even_bg.gif) repeat scroll left top transparent;}*/
.box .level_1 li a{background:url(../images/guanpan.png) no-repeat 18px center;color:#fff;padding-left:45px;display:block;height:35px;line-height:35px;}
.box .level_1>.even>span{background: url(../images/listing_even_bg.gif) repeat left top transparent;display:block;}
.box .level_1 li a:hover{background-color:#FF030D;text-decoration:none;color:#fff;}
.box .level_2 li{padding-left:23px;}
.box .level_2 .even{background: url(../images/listing_even_bg.gif) repeat left top;}
.box .level_2 li a{width:225px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.box .level_2 li:hover{background:#FF030D;}
.box .active{background:#FF030D;}

.box.orange .headline{background:#F7941E;padding:0 10px;line-height:30px;height:30px;color:#fff;border:none;}
.box.red .headline,.teaserBox .headline{background:#FF030D;padding:0 10px;line-height:30px;height:30px;color:#fff;border:none;}
.box.recommend{background:url(../images/listing_bg.gif) repeat left top;height:450px;overflow:hidden;}
.recommend_list li{color:#fff;padding:5px 8px;}
.recommend_list li a{color:#fff;font-weight:bold;}
.recommend_list li a:hover{color:#ff030d;text-decoration: none;}
.recommend_list li span{color:#00AEBF;}
.recommend_list .even{background:url(../images/listing_even_bg.gif) repeat scroll left top transparent;}

.box.blue .headline{background:#00adef;height:35px;line-height:35px;text-align:center;color:#fff;padding:0;border:none;}
.avd_search{background:url(../images/black_bg.gif) repeat left top;padding:20px 0;}
.avd_search .btn-inverse{margin:20px 0 0 15px;}
.avd_search .btn-inverse:hover{background:#ff0000;}
.avd_search .checkbox_list{padding:0 15px 10px;overflow:hidden;*zoom:1;}
.checkbox_list .checkbox{float:left;width:130px;margin:0 5px 10px 0;display:inline;cursor:pointer;padding:0;}
.checkbox_list label input{float:left;width:13px;height:13px;margin:0!important;}
.checkbox_list label span{float:left;display:inline;margin-left:10px;line-height:14px;color:#fff;}
.condition_box{padding:10px 15px 0;overflow:hidden;background:#252525;*zoom:1;}
.condition_box label{width:60px;float:left;display:inline;line-height:30px;height:30px;color:#fff;}
.condition_box span{height:30px;line-height:30px;display:inline-block;*display:inline;*zoom:1;margin:0 5px;color:#fff;}
.condition_box input[type="text"]{margin:0;background:#e3e3e3;height:30px;line-height:20px;}

.box.update .text_list li a{color:#fff;padding:0 20px 0 30px;display:block;height:35px;line-height:35px;}
.box.update .text_list li a:hover{background-color:#FF030D;text-decoration:none;color:#fff;}

/*usercenter*/
.user-box .headline{border-left:0px solid #ff0000;border-bottom: none;padding:0 0 0 5px;margin-bottom:15px;font-size: 16px;height:24px;line-height:24px;}
.user_menu{background:url(../images/listing_bg.gif) repeat left top;}
.user_menu h3{background:#FF030D;height:30px;line-height:30px;padding:0 10px;color:#fff;}
.user-list li a{background:url(../images/guanpan.png) no-repeat 9px center;color:#fff;padding:0 20px 0 30px;display:block;height:35px;line-height:35px;width:250px;}
.user-list .active a{background-color:#FF030D;}
.user-list li a:hover{background-color:#FF030D;text-decoration:none;color:#fff;}
.user-box .form-horizontal{padding-top:0;}
.user-box h3{margin-bottom:15px;}
.table thead th,.table tbody td{vertical-align: middle;}
.user-box .table th{    background: #0a0a0a;;border-radius:0!important;}
.user-box .table{border-top:0px solid #252525;border-radius:0!important;}

/*regeditor*/
.reg_form{padding-top:0;}
.reg_form .control-label{width:100%;}
.reg_form .controls{margin-left:110px;}
.register .headline{border-left:0px solid #ff0000;border-bottom: none;padding:0 0 0 5px;margin-bottom:15px;font-size: 16px;height:24px;line-height:24px;}
 
 
/*tips*/



.thumbnail{
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
}
.thumbnail strong{ font-size:12px;font-weight:bold; display: block; margin: 5px; width: 97%; overflow: hidden;}
a.thumbnail:hover,
a.thumbnail:focus {
  border-color: #ddd;
  -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
  -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
  box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}

.img_textList { padding-top:20px;margin-bottom:-10px;}
.img_textList li{ position:relative;z-index:0;}
.img_textList li .emsale_ico{ position:absolute;top:0;left:0;z-index:0;display:block;width:40px;height:40px;background:url(../images/sale_tag.png) no-repeat; }


 input::-webkit-input-placeholder {position:relative !important ; top:0px !important;}
 input::-moz-input-placeholder {position:relative !important ; top:0px !important;}
 input::-ms-input-placeholder {position:relative !important ; top:0px !important;}
 input::input-placeholder {position:relative !important ; top:0px !important;}

/****recharge img***/
.ico-pay{margin: 0 8px -8px 8px;}

/********banner**********/
/* banner */
.banner{ background-color: #000;}
.banner .bx-slider { max-width: 1600px; max-height: 595px; overflow: hidden; margin: 0 auto; position: relative;}
.banner .bx-slider li{ position: relative;}
.banner .bx-slider li a {display: block; text-align: center;}
.banner #bx-slider {}
.bx-slider .bx-controls .bx-pager{position: absolute;bottom: 15px;left: 50%; width: 100%;}
.bx-slider .bx-pager .bx-pager-item{ width: 14px;height: 14px; margin: 0 5px 0 0;display: inline-block;}
.bx-slider .bx-pager .bx-pager-link{ width: 14px; height: 14px;display: block;text-indent: -9999px;background: white;border-radius: 7px;outline: none;}
.bx-slider .bx-pager .active{ background: red;}
.bx-wrapper .bx-prev { left: 30px;background: url(../images/controlss.png) no-repeat 0 0px;}
.bx-wrapper .bx-next { right:30px;background: url(../images/controlss.png) no-repeat -73px 0px;}
.bx-wrapper .bx-prev:hover {background-position: 0 -73px;}
.bx-wrapper .bx-next:hover {background-position: -73px -73px;}
.bx-wrapper .bx-controls-direction a {position: absolute;top: 50%;margin-top: -36px;outline: 0;width: 72px; height: 72px; text-indent: -9999px; z-index: 0;}
.bx-wrapper .bx-loading { background: url("../images/bx_loader.gif") no-repeat scroll center center #000;
    height: 100%;left: 0; min-height: 50px; position: absolute; top: 0; width: 100%; z-index: 1049;}
/****评论列表*******/
.areastyle{background: url("../images/search_input_bg.gif") repeat scroll 0 0 transparent;}
.play_list.de-info{ color: #252525;}
.play_list.de-info ul{ margin-top: 10px;}
.play_list.de-info li{border-bottom: 1px dotted black;padding: 7px 0;}
.play_list.de-info h4{ display: inline-block; font-size: 12px; margin-right: 15px;}
.play_list.de-info .cinfos{color: #8a8a8a;}

/*********弹出层位置**********/

/*********弹出层位置**********/
.banner .text-box{ position:absolute; left:12%; bottom:18%;background: url("../images/text-bg.png") no-repeat; width: 648px; height: 141px;  padding: 20px 0px;text-align: left; color: #fff;  font-family:"微软雅黑";-moz-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
    -webkit-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);  display: none; box-sizing:border-box; -moz-box-sizing:border-box;  -webkit-box-sizing:border-box;}
.banner .text-box h3{ font-size: 24px; display: none; color: #fff; margin-bottom: 6px;}
.banner .text-box p{ font-size: 14px; line-height: 22px; display: none; color: #fff;}

/*textslider*/


/*搜索按钮*/
.ico-sea {
    background:url(../images/ico-index.png) no-repeat;
    width: 16px;
    height: 17px;
    position: absolute;
    right: 10px;
    top: 6px;
    border: none;
}

.teaserBox {background: url(../images/popular_listing_bg.gif) repeat scroll left top transparent;margin-bottom: 10px; }
.teaserBox .text_list1{  padding: 10px 0 10px 15px; height: 295px; overflow-y: auto;}
.teaserBox .text_list1 ul li{ padding: 2px 0;}

.cate_description{clear:both; border:#FF0000 1px dashed; padding:5px; margin-top:3px;}


 
 
 
 
/**-----------------------------responsive------------------------------------------------**/

/* 2014.7.15 */
#side .box .qq a, #side .box .tel {color: #ff0000; font-size: 28px;font-family: 微软雅黑; padding: 8px 50px;background: url("../images/icon-contact.png") no-repeat 5px 5px; line-height: 40px;font-weight:bold;}
#side .box .tel {background-position: 5px -55px;}

.contact-box {overflow: hidden;padding-top: 10px;}
.contact-box li {float: left;text-align: center;}
.contact-box li a {width: 75px;background: url("../images/icon-contact.png") no-repeat 0 0;padding-top: 50px;display: inline-block;}
.contact-box .c-member {background-position: center 0;}
.contact-box .c-contact {background-position: center -100px;}
.contact-box .c-txqq {background-position: center -200px;}
.contact-box .c-shop {background-position: center -300px;}.navbar.navbar-inverse{background:rgba(0, 0, 0, 0.90) none repeat scroll 0 0 !important;}





.pagination-centered{text-align:center}.pagination-right{text-align:right}.pagination-large ul>li>a,.pagination-large ul>li>span{padding:11px 19px;font-size:17.5px}.pagination-large ul>li:first-child>a,.pagination-large ul>li:first-child>span{-webkit-border-bottom-left-radius:6px;border-bottom-left-radius:6px;-webkit-border-top-left-radius:6px;border-top-left-radius:6px;-moz-border-radius-bottomleft:6px;-moz-border-radius-topleft:6px}.pagination-large ul>li:last-child>a,.pagination-large ul>li:last-child>span{-webkit-border-top-right-radius:6px;border-top-right-radius:6px;-webkit-border-bottom-right-radius:6px;border-bottom-right-radius:6px;-moz-border-radius-topright:6px;-moz-border-radius-bottomright:6px}.pagination-mini ul>li:first-child>a,.pagination-small ul>li:first-child>a,.pagination-mini ul>li:first-child>span,.pagination-small ul>li:first-child>span{-webkit-border-bottom-left-radius:3px;border-bottom-left-radius:3px;-webkit-border-top-left-radius:3px;border-top-left-radius:3px;-moz-border-radius-bottomleft:3px;-moz-border-radius-topleft:3px}.pagination-mini ul>li:last-child>a,.pagination-small ul>li:last-child>a,.pagination-mini ul>li:last-child>span,.pagination-small ul>li:last-child>span{-webkit-border-top-right-radius:3px;border-top-right-radius:3px;-webkit-border-bottom-right-radius:3px;border-bottom-right-radius:3px;-moz-border-radius-topright:3px;-moz-border-radius-bottomright:3px}.pagination-small ul>li>a,.pagination-small ul>li>span{padding:2px 10px;font-size:11.9px}.pagination-mini ul>li>a,.pagination-mini ul>li>span{padding:0 6px;font-size:10.5px}.pager{margin:20px 0;text-align:center;list-style:none;*zoom:1}




#oka{   min-width: 53px; text-align: center; color: rgb(255, 255, 255); font-size: 17px;   background-color: rgba(32, 191, 0, 0);; width: 67px; height: 60px; position: absolute; top: 30%; left: 3%; margin: -30px 0px 0px -30px; display: block;}






.middle-main {margin-top: 10px;/* padding: 20px; *//* background-color: #171a2b; */}

.middle-main.no-bg { background-color: transparent; }

.middle-main.no-pd { padding: 0; display: flex; flex-direction: row; justify-content: space-between; }

.middle-main__left { flex: 1; display: flex; flex-direction: column; padding: 20px; width: calc(100% - 410px); background-color: #171a2b; }

.middle-main__right { margin-left: 10px; width: 400px; background-color: #171a2b; }

.middle-main .crumbs {margin-bottom: 20px;color: #fff;}

.middle-main .crumbs::after { content: ""; clear: both; display: table; }

.middle-main .crumbs > div { display: inline-block; }

.middle-main .crumbs h3 { float: right; color: #db1d40; }

.middle-main .introduction {line-height: 28px;/* background: #1c1f31; */padding: 15px 20px;/* margin-bottom: 30px; */}

.middle-main .introduction p{ color: #fff;}

.middle-main .introduction h3 { color: #fd8645; }

.middle-main .introduction .layui-form .layui-form-item { margin-top: 20px; display: flex; align-items: center; }

.middle-main .introduction .layui-form .layui-form-item label { margin-right: 20px; width: 56px; display: inline-block; }

.middle-main .introduction .layui-form .layui-form-item > .layui-input-inline { flex: 1; display: flex; align-items: center; }

.middle-main .introduction .layui-form .layui-form-item > .layui-input-inline + .layui-input-inline { margin-left: 40px; }

.middle-main .introduction .layui-form .layui-form-item .layui-form-select, .middle-main .introduction .layui-form .layui-form-item .layui-form-input { flex: 1; }

.middle-main .introduction .layui-form .layui-form-item .layui-form-input { position: relative; }

.middle-main .introduction .layui-form .layui-form-item .layui-form-input .layui-icon { position: absolute; top: 50%; right: 10px; transform: translateY(-50%); color: #fff; cursor: pointer; }

.middle-main .introduction .layui-form .layui-form-item .layui-input { background-color: #0b0d19; border-color: #0b0d19; color: #fff; }

.middle-main .introduction .layui-form .layui-form-item .layui-input:hover, .middle-main .introduction .layui-form .layui-form-item .layui-input:focus { border-color: #0b0d19 !important; }

.middle-main .hot-srearch { line-height: 28px; background: #1c1f31; padding: 15px 20px; }

.middle-main .hot-srearch a { margin-right: 10px; }

.middle-main .main-title { font-size: 16px; line-height: 28px; font-weight: bolder; color: #fff; position: relative; padding-left: 20px; margin-bottom: 20px; display: flex; align-items: center; justify-content: space-between; }

.middle-main .main-title::before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 4px; height: 20px; background-color: #db1d40; }

.middle-main .main-title + .main-title { border-left: 0; padding-left: 0; }

.middle-main .main-title.search-title .search-title__end { font-weight: normal; font-size: 14px; color: #777b86; }

.middle-main .main-title .btns { display: flex; justify-content: flex-end; }

.middle-main .main-title .btns .btn + .btn { margin-left: 10px; }

.middle-main .main-title .btn, .middle-main .main-title .swiper-slide { cursor: pointer; width: auto; padding: 0 10px; height: 28px; line-height: 28px; font-size: 14px; font-weight: normal; color: #fff; background-color: #1c1f31; }

.middle-main .main-title .btn + div, .middle-main .main-title .swiper-slide + div { margin-left: 10px; }

.middle-main .main-title .btn.active, .middle-main .main-title .swiper-slide.active { background-color: #db1d40; }

.middle-main .main-title .swiper-container { margin-left: 0; margin-right: 0; width: 100%; }

.middle-main .main-types {/* padding-bottom: 10px; */}

.middle-main .main-types .type-item {padding-left: 20px;}

.middle-main .main-types .type-item:after { content: ""; clear: both; display: table; }

.middle-main .main-types .type-item span {margin-right: 25px;color: #fff;float: left;/* margin-bottom: 20px; */}

.middle-main .main-types .type-item a {margin-bottom: 20px;margin-right: 15px;padding: 0 15px;height: 24px;line-height: 24px;text-align: center;float: left;color: #fff;}

.middle-main .main-types .type-item a.selected {background-color: #0348f0;color: #fff;}

.middle-main.list-page .ul-list-header { position: relative; height: 50px; display: flex; align-items: center; justify-content: space-between; padding: 0 20px; color: #777b86; }

.middle-main.list-page .ul-list-header:after { content: ""; position: absolute; left: -20px; right: -20px; top: 0; height: 1px; background: #212434; }

.middle-main.list-page .ul-list-header span { width: 110px; text-align: center; }

.middle-main.list-page .ul-list-header span:nth-child(1) { text-align: left; }

.middle-main.list-page .ul-list-header span:nth-child(2) { text-align: left; flex: 1; }

.middle-main.list-page .ul-list-header span:last-child { width: 50px; }

.middle-main.list-page .ul-list-header + ul li { height: 50px; display: flex; align-items: center; justify-content: space-between; padding: 0 20px; color: #777b86; }

.middle-main.list-page .ul-list-header + ul li:nth-child(odd) { background-color: #181b2e; }

.middle-main.list-page .ul-list-header + ul li:hover { color: #fff; cursor: pointer; }

.middle-main.list-page .ul-list-header + ul li:hover a { color: inherit; }

.middle-main.list-page .ul-list-header + ul li > a { flex: 1; width: 110px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 50px; }

.middle-main.list-page .ul-list-header + ul li > span { width: 110px; height: 100%; display: flex; align-items: center; justify-content: center; }

.middle-main.list-page .ul-list-header + ul li > span a { width: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: calc(100% - 30px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.middle-main.list-page .ul-list-header + ul li > span a:hover { color: #fff; }

.middle-main.list-page .ul-list-header + ul li > span .stop { margin-right: 10px; }

.middle-main.list-page .ul-list-header + ul li > span .download { margin: 0 auto; }

.middle-main.list-page .ul-list-header + ul li > span:nth-child(1) { justify-content: flex-start; }

.middle-main.list-page .ul-list-header + ul li > span:nth-child(2) { text-align: left; flex: 1; justify-content: flex-start; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.middle-main.list-page .ul-list-header + ul li > span:nth-child(2) .stop { vertical-align: top; }

.middle-main.list-page .ul-list-header + ul li > span:last-child { width: 50px; }

.middle-main.list-page .ul-list-header + ul.noicon li > span a { max-width: 100%; }

.middle-main.list-page .ul-list-footer { position: relative; height: 50px; display: flex; align-items: center; justify-content: space-between; padding: 0 20px; color: #777b86; background-color: #1c1f31; margin-bottom: 20px; box-shadow: 0 0 0.1333rem 0.0667rem #1a1f36; }

.middle-main.list-page .ul-list-footer label { color: #fff; }

.middle-main.list-page .ul-list-footer .btns { display: flex; flex-direction: row; align-items: center; justify-content: flex; }

.middle-main.list-page .ul-list-footer .btns .btn { padding: 0 10px; border: 1px solid #777b86; color: #777b86; height: 26px; }

.middle-main.list-page .ul-list-footer .btns .btn + .btn { margin-left: 10px; }

.middle-main.list-page .ul-list-footer .btns .btn .icon-play { display: inline-block; width: 9px; height: 12px; margin-right: 5px; background: url(../images/play.png) no-repeat center; }

.middle-main .layui-table-view { border-width: 0; position: relative; display: table; width: 100%; }

.middle-main .layui-table-view::before { content: ""; position: absolute; left: -20px; right: -20px; top: 0; height: 1px; background-color: #212434; }

.middle-main .layui-table-view .layui-table-cell { padding: 0 20px; }

.middle-main .layui-table-view .layui-table-cell .layui-form-checkbox[lay-skin="primary"] { padding-left: 10px; }

.middle-main .layui-table-view .layui-table-tool { display: table-row-group; height: 50px; line-height: 50px; background-color: #1c1f31; }

.middle-main .layui-table-view .layui-table-tool .layui-table-tool-temp { padding: 0 20px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; }

.middle-main .layui-table-view .layui-table-tool .layui-table-tool-temp .btns { display: flex; flex-direction: row; align-items: center; justify-content: flex; }

.middle-main .layui-table-view .layui-table-tool .layui-table-tool-temp .btns .btn { padding: 0 10px; border: 1px solid #777b86; color: #777b86; height: 26px; }

.middle-main .layui-table-view .layui-table-tool .layui-table-tool-temp .btns .btn + .btn { margin-left: 10px; }

.middle-main .layui-table-view .layui-table-tool .layui-table-tool-temp .btns .btn .icon-play { display: inline-block; width: 9px; height: 12px; margin-right: 5px; background: url(../images/play.png) no-repeat center; }

.middle-main .layui-table-view .layui-table-box { display: table-header-group; }

.middle-main .layui-table-view .layui-table-page { display: table-footer-group; height: auto; border-width: 0; }

.middle-main .layui-table-view .layui-table-page > div { height: auto; }

.middle-main .layui-table-view .layui-table-header { background: none; border: none; }

.middle-main .layui-table-view .layui-table { width: 100%; background: none; color: #777b86; }

.middle-main .layui-table-view .layui-table tr { background: none; }

.middle-main .layui-table-view .layui-table tr th, .middle-main .layui-table-view .layui-table tr td { border: none; padding: 10px 0; }

.middle-main .layui-table-view .layui-table tr th .song-name, .middle-main .layui-table-view .layui-table tr td .song-name { display: flex; align-items: center; }

.middle-main .layui-table-view .layui-table tr th .song-name .icon-img.stop, .middle-main .layui-table-view .layui-table tr td .song-name .icon-img.stop { flex: none; display: inline-block; width: 20px; height: 20px; margin-right: 8px; }

.middle-main .layui-table-view .layui-table tr th .song-name input + .icon-stop, .middle-main .layui-table-view .layui-table tr td .song-name input + .icon-stop { margin-left: 10px; }

.middle-main .layui-table-view .layui-table tr th .song-name a, .middle-main .layui-table-view .layui-table tr td .song-name a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 28px; position: relative; }

.middle-main .layui-table-view .layui-table tr th .song-name a .icon-img.hot, .middle-main .layui-table-view .layui-table tr td .song-name a .icon-img.hot { position: absolute; right: 0; top: 50%; transform: translateY(-50%); margin-left: 10px; }

.middle-main .layui-table-view .layui-table tr th .layui-table-link .icon-down, .middle-main .layui-table-view .layui-table tr td .layui-table-link .icon-down { background: url("../images/download.png") no-repeat center center; display: inline-block; width: 12px; height: 14px; cursor: pointer; }

.middle-main .layui-table-view .layui-table tr th .layui-table-link:hover .icon-down, .middle-main .layui-table-view .layui-table tr td .layui-table-link:hover .icon-down { background: url("../images/download-red.png") no-repeat center center; }

.middle-main .layui-table-view .layui-table tbody tr:nth-child(odd) { background-color: #1c1f31; }

.middle-main .layui-table-view .layui-table-body .layui-table tr:nth-child(odd) { background-color: #1c1f31; }

.middle-main .layui-table-view .layui-table-body .layui-table tr:hover td { color: #fff; }

.middle-main .layui-table-view .layui-table-body .layui-table tr:hover td a { color: inherit; }

.middle-main .layui-table-view .layui-table-body .layui-table tr:hover td .icon-down { background: url("../images/download-red.png") no-repeat center center; }

.middle-main .img-list { position: relative; padding-left: 30px; margin-left: -20px; margin-right: -20px; padding-top: 20px; border-top: 1px solid #212434; border-bottom: 1px solid #212434; display: none; }

.middle-main .img-list:nth-child(1) { display: block; }

.middle-main .img-list li { float: left; width: 178px; height: 240px; text-align: center; margin-bottom: 20px; margin-right: 33px; }

.middle-main .img-list li .img { width: 178px; height: 178px; overflow: hidden; }

.middle-main .img-list li .img img { width: auto; height: 178px; }

.middle-main .img-list li h3 { color: #fff; font-size: 16px; margin-top: 10px; }

.middle-main .img-list li p { line-height: 28px; }

.middle-main .album-detail { background-color: #1c1f31; margin-bottom: 40px; display: flex; flex-direction: row; }

.middle-main .album-detail .img { width: 352px; background: url("../images/album-img-bg.png") no-repeat right 0; padding-right: 136px; }

.middle-main .album-detail .img .img-box { width: 216px; height: 216px; box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.5); overflow: hidden; }

.middle-main .album-detail .img .img-box img { width: auto; height: 100%; }

.middle-main .album-detail .detail-right { flex: 1; padding: 40px; max-width: 800px; }

.middle-main .album-detail .detail-right .detail-item { float: left; min-width: 50%; line-height: 28px; color: #fff; display: flex; align-items: flex-start; }

.middle-main .album-detail .detail-right .detail-item img { margin-right: 8px; margin-top: 5px; }

.middle-main .album-detail .detail-right .detail-item span { color: #777b86; min-width: 60px; }

.middle-main .player-box { height: 430px; padding: 40px 30px; background: url("../images/player-bg.png") no-repeat center top; background-size: cover; display: flex; margin-bottom: 30px; }

.middle-main .player-box .player-left { width: 358px; display: flex; flex-direction: column; align-items: center; justify-content: space-between; }

.middle-main .player-box .player-left .music-player { width: 256px; height: 256px; border-radius: 50%; background: url("../images/player-default.png") no-repeat center; position: relative; }

.middle-main .player-box .player-left .music-player__img { width: 137px; height: 137px; border-radius: 50%; position: absolute; overflow: hidden; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }

.middle-main .player-box .player-left .music-player__img.active { animation: disc 5s linear 0s infinite; }

.middle-main .player-box .player-left .music-player__img.rotate-pause { animation-play-state: paused; -webkit-animation-play-state: paused; /* Safari 和 Chrome */ }

.middle-main .player-box .player-left .music-player__img img { display: block; width: 100%; height: 100%; }

.middle-main .player-box .player-left .music-player__pointer { width: 90px; height: 220px; position: absolute; right: -10px; top: 0; transform-origin: 66px 28px; transform: rotate(-15deg); transition: all 0.3s; background: url("../images/player-line.png") no-repeat 0 0; background-size: cover; }

.middle-main .player-box .player-left .music-player__pointer.active { transform: rotate(0deg); }

.middle-main .player-box .player-left .music-player__bottom { width: 100%; display: flex; align-items: center; justify-content: space-around; }

.middle-main .player-box .player-left .music-player__bottom .item { width: 106px; height: 60px; padding: 5px 0; display: flex; flex-direction: column; align-items: center; justify-content: space-around; color: #fff; border: 1px solid #8e8b95; border-radius: 5px; cursor: pointer; }

.middle-main .player-box .player-left .music-player__bottom .item:hover { border-color: #db1d40; }

.middle-main .player-box .player-left .music-player__bottom .item.mobile { display: none; }

.middle-main .player-box .player-left .music-player__bottom .item div { display: flex; align-items: center; color: #8e8b95; }

.middle-main .player-box .player-left .music-player__bottom .item div i { margin-right: 5px; }

.middle-main .player-box .player-right { flex: 1; padding-left: 50px; width: calc(100% - 60px - 358px); }

.middle-main .player-box .player-right .player { height: auto; position: static; background: none; box-shadow: none; }

.middle-main .player-box .player-right .player .container { width: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; }

.middle-main .player-box .player-right .player .container .music-title { margin-bottom: 0; height: 42px; flex: 0 0 auto; margin-bottom: 20px; }

.middle-main .player-box .player-right .player .container .music-title .player-l { margin-right: 20px; }

.middle-main .player-box .player-right .player .container .music-title .icon-img.mobile { padding-left: 20px; margin-right: 20px; color: #ffffff; display: flex; align-items: center; justify-content: center; width: auto; height: 20px; position: relative; }

.middle-main .player-box .player-right .player .container .music-title .icon-img.mobile:after { content: ""; position: absolute; top: 50%; left: -20px; right: -20px; height: 40px; transform: translateY(-50%); border: 1px solid #8e8b95; border-radius: 5px; }

.middle-main .player-box .player-right .player .container .music-title .icon-img.mobile:hover .code-box { display: block; }

.middle-main .player-box .player-right .player .container .music-title .code-box { display: none; width: 116px; height: 158px; padding-top: 20px; border-radius: 5px; position: absolute; top: -10px; right: calc(-100% - 70px); text-align: center; background: url(../images/ewm-bg.png) no-repeat center center; color: #444444; z-index: 400; }

.middle-main .player-box .player-right .player .container .music-title .code-box #qrcode_img { width: 78px; margin: 0 auto; }

.middle-main .player-box .player-right .player .container .music-title .code-box img { width: 78px; height: 78px; }

.middle-main .player-box .player-right .player .container .music-title .code-box h5 { margin-top: 15px; font-size: 12px; }

.middle-main .player-box .player-right .player .container .music-title .code-box h5::before { content: ""; display: inline-block; width: 8px; height: 1px; background-color: #000000; margin-right: 5px; vertical-align: middle; }

.middle-main .player-box .player-right .player .container .music-title .code-box h5::after { content: ""; display: inline-block; width: 8px; height: 1px; background-color: #000000; margin-left: 5px; vertical-align: middle; }

.middle-main .player-box .player-right .player .container .player-middle { width: 100%; padding: 30px 0 20px; display: flex; flex-direction: column; justify-content: center; height: 85px; flex: 0 0 auto; }

.middle-main .player-box .player-right .player .container .player-middle .time { color: #fff; margin-top: 10px; width: 100%; display: flex; flex-direction: row; justify-content: space-between; }

.middle-main .player-box .player-right .player .container .player-middle .time b { font-weight: normal; }

.middle-main .player-box .player-right .player .container .player-foot { width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: space-between; }

.middle-main .player-box .player-right .player .container .player-foot i { cursor: pointer; display: inline-block; margin: 0 8px; }

.middle-main .player-box .player-right .player .container .player-foot .icon-mode { margin-left: 0; }

.middle-main .player-box .player-right .player .container .player-foot .icon-voice { cursor: pointer; display: inline-block; width: 18px; height: 16px; margin: 0 8px; margin-right: 102px; background: url("../images/voice.png") no-repeat center; position: relative; }

.middle-main .player-box .player-right .player .container .player-foot .icon-voice:not([data-type="horizontal"]):hover { background: url("../images/voice-on.png") no-repeat center; }

.middle-main .player-box .player-right .player .container .player-foot .icon-voice .voice-press { position: absolute; left: 20px; top: 50%; width: 100px; height: 4px; transform: translateY(-50%); z-index: 300; }

.middle-main .player-box .player-right .player .container .player-foot .icon-voice .voice-press[data-type="horizontal"] { display: block !important; }

.middle-main .player-box .player-right .player .container .player-foot .icon-voice .voice-press:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #7a7a86; border-radius: 3px; }

.middle-main .player-box .player-right .player .container .player-foot .icon-voice .voice-press span { border-radius: 3px; margin-left: 0; position: absolute; left: 0; width: 100%; bottom: 0px; top: 0px; background-color: #cbcbcf; z-index: 301; }

.middle-main .player-box .player-right .player .container .player-foot .icon-voice .voice-press span::after { content: attr(data-content); position: absolute; top: 0; right: 0; transform: translate(0%, -25%); color: #ffffff; width: 9px; height: 9px; border-radius: 50%; background-color: #fff; }

.middle-main .player-box .player-right .music-detail { margin-top: 32px; background: rgba(7, 7, 7, 0.3); border-radius: 5px; padding: 20px 30px; display: flex; flex-direction: row; align-items: center; }

.middle-main .player-box .player-right .music-detail .clear-fix { width: 560px; }

.middle-main .player-box .player-right .music-detail .item { color: #8e8b95; float: left; min-width: 50%; line-height: 28px; }

.middle-main .player-box .player-right .music-detail .item span { color: #fff; margin-left: 5px; }

.middle-main .player-box .player-right .music-detail .down-share { flex: 1; display: flex; flex-direction: column; justify-content: space-between; }

.middle-main .player-box .player-right .music-detail .down-share .btn { height: 56px; display: flex; flex-direction: row; align-items: center; text-align: left; color: #fff; background-image: linear-gradient(to right, #2aa146, #13d06c); border-radius: 5px; }

.middle-main .player-box .player-right .music-detail .down-share .btn .icon-img.yinyue { margin-right: 5px; }

.middle-main .player-box .player-right .music-detail .down-share .btn span { font-size: 16px; font-weight: bold; }

.middle-main .player-box .player-right .music-detail .down-share .btn p { font-size: 14px; }

.middle-main .player-box .player-right .music-detail .down-share .share-btn { cursor: pointer; margin-top: 20px; height: 40px; line-height: 40px; text-align: center; font-size: 16px; color: #8e8b95; border-radius: 5px; border: 1px solid #8e8b95; position: relative; display: flex; align-items: center; justify-content: center; z-index: 1200; }

.middle-main .player-box .player-right .music-detail .down-share .share-btn span.pc { display: flex; align-items: center; }

.middle-main .player-box .player-right .music-detail .down-share .share-btn .icon-img.share { margin-right: 5px; }

.middle-main .player-box .player-right .music-detail .down-share .share-btn:hover .share-icons { display: block; }

.middle-main .player-box .player-right .music-detail .down-share .share-btn::before { content: ""; position: absolute; top: 30px; left: 0; right: 0; height: 30px; }

.middle-main .player-box .player-right .music-detail .down-share .share-btn .share-icons { display: none; position: absolute; top: 40px; left: 0; right: 0; padding: 20px 20px 10px; text-align: left; z-index: 1200; }

.middle-main .player-box .player-right .music-detail .down-share .share-btn .share-icons::after { content: ""; position: absolute; top: 10px; bottom: 0; left: 0; right: 0; background-color: #fff; border-radius: 5px; z-index: -1; }

.middle-main .player-box .player-right .music-detail .down-share .share-btn .share-icons a { display: flex; align-items: center; font-size: 14px; color: #444444; margin: 10px 0; border: none; z-index: 1200; }

.middle-main .player-box .player-right .music-detail .down-share .share-btn .share-icons a:hover { background: none; }

.middle-main .player-box .player-right .music-detail .down-share .share-btn .share-icons a:before { content: ""; }

.middle-main .player-box .player-right .music-detail .down-share .share-btn .share-icons a > div { z-index: 1200; box-shadow: 0 2px 10px #333 !important; }

.middle-main .songs-list .playmusic-list { max-height: 500px; overflow-y: scroll; }

.middle-main .music-list:not(:first-child) { display: none; }

.middle-main .music-list.active { display: block; }

.middle-main .music-list .playmusic-list { max-height: 500px; overflow-y: scroll; }

.middle-main .music-list ul { margin-bottom: 20px; min-height: 20px; }

.middle-main .music-list li { flex: 1; height: 50px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; padding: 0 20px; color: #777b86; position: relative; }

.middle-main .music-list li:nth-child(odd), .middle-main .music-list li:hover { background-color: #1c1f31; }

.middle-main .music-list li:hover { cursor: pointer; color: #fff; }

.middle-main .music-list li:hover .add { background-position: -330px -2px; }

.middle-main .music-list li a { max-width: calc(100% - 150px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.middle-main .music-list li a:hover { cursor: pointer; color: inherit; }

.middle-main .music-list li .title-check { overflow: hidden; flex: 1; display: flex; align-items: center; }

.middle-main .music-list li .title-check .layui-form-checkbox { margin-right: 14px; }

.middle-main .music-list li .title-check a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.middle-main .music-list li b { flex: 0.2; font-weight: normal; }

.middle-main .music-list li .add-btn { display: flex; align-items: center; }

.middle-main .music-list li .add-btn .add { margin-right: 10px; }

.middle-main .music-list li .layui-form-checkbox { margin-right: 24px !important; }

.middle-main .music-list li .stop { float: left; }

.middle-main .music-list li .stop + a { margin-left: 20px; }

.middle-main .music-list li .hot { float: left; margin-left: 10px; }

.middle-main .music-list ul + .all-checkbox { margin-top: -20px; }

.middle-main .music-list .all-checkbox { display: flex; align-items: center; justify-content: space-between; padding: 0 20px; height: 50px; margin-bottom: 20px; background-color: #1c1f31; }

.middle-main .music-list .all-checkbox .btns { display: flex; flex-direction: row; align-items: center; }

.middle-main .music-list .all-checkbox .btns .btn { padding: 0 10px; border: 1px solid #777b86; color: #777b86; height: 26px; }

.middle-main .music-list .all-checkbox .btns .btn + .btn { margin-left: 10px; }

.middle-main.comment .main-title { margin-left: -20px; justify-content: flex-start; }

.middle-main.comment .main-title span { margin-left: 20px; color: #777b86; font-weight: normal; font-size: 14px; }

.middle-main.comment .main-title span i { font-style: normal; }

.middle-main.comment .comment-area { background-color: #1c1f31; padding: 20px 30px; }

.middle-main.comment .comment-area .layui-form-item { display: flex; align-items: flex-start; margin-bottom: 0px; }

.middle-main.comment .comment-area .layui-form-item:last-child { margin-bottom: 0; }

.middle-main.comment .comment-area .layui-form-item:last-child .layui-form-label { padding: 9px 15px 0 0; height: 40px; }

.middle-main.comment .comment-area .layui-form-item label { width: 75px; padding-left: 0; text-align: justify; }

.middle-main.comment .comment-area .layui-form-item label::after { display: inline-block; width: 100%; content: ""; height: 0; }

.middle-main.comment .comment-area .layui-form-item label + .layui-input-block { margin-left: 0px; flex: 1; display: flex; flex-direction: column; }

.middle-main.comment .comment-area .layui-form-item .layui-input, .middle-main.comment .comment-area .layui-form-item .layui-textarea { background-color: #131625; border: none; color: #fff; }

.middle-main.comment .comment-area .layui-form-item .layui-input { height: 40px; }

.middle-main.comment .comment-area .layui-form-item .layui-textarea { flex: 1; width: 100%; padding: 10px; resize: none; }

.middle-main.comment .comment-area .layui-form-item .layui-textarea::placeholder { color: #777b86; }

.middle-main.comment .comment-area__suffix { flex: 1; display: flex; align-items: center; justify-content: flex-end; }

.middle-main.comment .comment-area__suffix .layui-form-radio { margin-top: 0; margin-right: 0; margin-left: 10px; }

.middle-main.comment .comment-area__suffix .submit { width: 120px; height: 40px; line-height: 40px; background-color: #db1d40; color: #fff; text-align: center; font-size: 16px; }

.middle-main.comment .comment-area .score { height: 40px; justify-content: flex-start; }

.middle-main.comment .comment-area .score > div { display: flex; align-items: center; flex-direction: row; }

.middle-main.comment .comment-area .expression-area { margin: 5px 0 15px; display: flex; align-items: center; color: #fff; }

.middle-main.comment .comment-area .expression-area .icon-img { margin-right: 5px; cursor: pointer; }

.middle-main.comment .comment-list { margin: 20px 0; }

.middle-main.comment .comment-list__item { padding: 30px 0; border-bottom: 1px solid #212434; }

.middle-main.comment .comment-list__header { display: flex; align-items: center; justify-content: space-between; }

.middle-main.comment .comment-list__header .name { font-size: 16px; color: #fff; margin-right: 10px; }

.middle-main.comment .comment-list__header i { font-style: normal; }

.middle-main.comment .comment-list__content { margin-top: 10px; }

.middle-main .mark + .add-to-musicbox + .songs-list.popup { z-index: 98; }

.middle-main .add-to-musicbox { width: 500px; }

.middle-main .add-to-musicbox .popup-body { padding-top: 20px; }

.middle-main .add-to-musicbox .music-name { display: flex; align-items: center; color: #fff; font-size: 14px; }

.middle-main .add-to-musicbox .music-name i { margin-right: 10px; }

.middle-main .add-to-musicbox .add-to { color: #777b86; line-height: 32px; }

.middle-main .add-to-musicbox .album-list { border-radius: 0; background-color: #131625; padding: 0 20px; height: 140px; overflow-y: scroll; }

.middle-main .add-to-musicbox .album-list::-webkit-scrollbar { width: 4px; }

.middle-main .add-to-musicbox .album-list::-webkit-scrollbar-thumb { background-color: #383d5b; border-radius: 2px; }

.middle-main .add-to-musicbox .input-album-name { margin-top: 20px; position: relative; height: 40px; line-height: 40px; background-color: #131625; padding: 0 20px; border-radius: 0; display: flex; align-items: center; }

.middle-main .add-to-musicbox .input-album-name input { flex: 1; border: none; background: none; color: #fff; padding-right: 20.0025px; }

.middle-main .add-to-musicbox .input-album-name input::placeholder { color: #777b86; }

.middle-main .add-to-musicbox .input-album-name a { display: flex; align-items: center; }

.middle-main .add-to-musicbox .input-album-name a .add { margin-right: 10px; }

.middle-main .add-to-musicbox .btns { margin-top: 20px; display: flex; align-items: center; justify-content: space-between; }

.middle-main .add-to-musicbox .btns button { height: 40px; border-radius: 0; color: #fff; border: none; flex: 1; font-size: 16px; }

.middle-main .add-to-musicbox .btns button.determine { background: #db1d40; }

.middle-main .add-to-musicbox .btns button.cancel { margin-left: 20px; background: #1c1f31; }

.middle-main .tab-header + .tab-body { display: block; }

.middle-main .station-list { position: relative; padding-top: 20px; margin-left: 0; margin-right: -20px; display: none; padding-bottom: 1.4667rem; }

.middle-main .station-list::before { content: ""; position: absolute; left: -19px; right: 1px; top: 0; height: 1px; background-color: #212434; }

.middle-main .station-list ul:not(.pagination) { flex: 1; }

.middle-main .station-list ul:not(.pagination) li { float: left; margin-right: 15px; margin-bottom: 20px; width: 198px; background-color: #1c1f31; }

.middle-main .station-list ul:not(.pagination) li a { display: block; padding: 10px; }

.middle-main .station-list ul:not(.pagination) li img { width: 178px; height: 178px; }

.middle-main .station-list ul:not(.pagination) li .station-list__title { font-size: 16px; color: #fff; font-weight: bolder; padding: 0 10px; height: 48px; line-height: 48px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; width: 100%; }

.middle-main .station-list ul:not(.pagination) li .station-list__foot { margin-bottom: 10px; padding: 0 10px; height: 18px; display: flex; align-items: center; justify-content: space-between; color: #fff; }

.middle-main .station-list ul:not(.pagination) li .station-list__foot > div { display: flex; align-items: center; }

.middle-main .station-list ul:not(.pagination) li .station-list__foot > div i { margin-right: 5px; }

.middle-main .station-list .pagination { margin-right: 30px; }

.middle-main .station-list .layui-laypage { margin-right: 20px; }

.middle-main .station-right { padding: 30px; width: 400px; }

.middle-main .station-right ul { padding: 30px 0; margin-bottom: 30px; position: relative; }

.middle-main .station-right i.i-title { font-size: 24px; font-weight: bold; color: #fff; }

.middle-main .station-right i.i-title i { margin-left: 10px; color: #07c160; }

.middle-main .station-right i.download-rank + ul::after { content: ""; position: absolute; bottom: 0; left: -30px; right: -30px; height: 1px; background-color: #212434; }

.middle-main .station-right li { display: flex; align-items: flex-start; color: #777b86; }

.middle-main .station-right li:not(:last-child) { margin-bottom: 20px; }

.middle-main .station-right li i { margin-right: 20px; margin-top: 5px; color: #fff; font-style: normal; }

.middle-main .station-right li i.icon-img { margin-top: 5px; }

.middle-main .station-right li a { flex: 1; }

.middle-main .burn-flow { padding: 30px; background-color: #1c1f31; display: flex; align-items: center; }

.middle-main .burn-flow .left { display: flex; flex-direction: column; }

.middle-main .burn-flow .left h3 { font-weight: bolder; font-size: 20px; color: #fff; margin-bottom: 15px; }

.middle-main .burn-flow .left .imprint { display: inline-block; width: 173px; height: 38px; background: url(../images/imprint.png) no-repeat 0 0; }

.middle-main .burn-flow .right { margin-left: 100px; display: flex; flex-direction: row; }

.middle-main .burn-flow .right .item { text-align: center; position: relative; padding-right: 100px; margin-right: 20px; }

.middle-main .burn-flow .right .item:not(:last-child)::after { content: ""; position: absolute; top: 10px; right: 0; background: url("../images/arrow.png") no-repeat 0 0; width: 75px; height: 16px; }

.middle-main .burn-flow .right .item div { display: inline-block; width: 50px; height: 41px; position: relative; }

.middle-main .burn-flow .right .item div.active::after { content: ""; position: absolute; right: 3px; bottom: 0; background: url("../images/sprite.png") no-repeat -95px -724px; width: 16px; height: 16px; }

.middle-main .burn-flow .right .item p { font-size: 18px; color: #fff; margin: 10px 0 5px; white-space: nowrap; }

.middle-main .burn-flow .right .item span { color: #777b86; }

.middle-main .burn.tab .tab-header { margin-top: 40px; height: 45px; line-height: 45px; border-bottom: 1px solid #212434; display: flex; align-items: center; }

.middle-main .burn.tab .tab-header a { padding: 0 20px; color: #777b86; display: inline-block; }

.middle-main .burn.tab .tab-header a.active { font-size: 16px; color: #fff; border-bottom: 3px solid #db1d40; }

.middle-main .burn.tab .tab-header + .tab-body { display: block; }

.middle-main .burn.tab .tab-body { display: none; }

.middle-main .burn.tab .ul-list-header::after { display: none; }

.middle-main .burn.tab .ul-list-header span { width: 100px; text-align: left; }

.middle-main .burn.tab .ul-list-header span:nth-child(2) { flex: none; }

.middle-main .burn.tab .ul-list-header span:nth-child(5) { flex: 1; text-align: left; }

.middle-main .burn.tab .ul-list-header span:nth-child(6), .middle-main .burn.tab .ul-list-header span:nth-child(7) { text-align: center; }

.middle-main .burn.tab .ul-list-header span:last-child { text-align: right; }

.middle-main .burn.tab ul li > span { width: 100px; text-align: left; justify-content: flex-start; }

.middle-main .burn.tab ul li > span:nth-child(2) { flex: none; }

.middle-main .burn.tab ul li > span:nth-child(2) i { margin-left: 0; }

.middle-main .burn.tab ul li > span:nth-child(5) { flex: 1; text-align: left; padding-left: 0px; justify-content: flex-start; }

.middle-main .burn.tab ul li > span:nth-child(6), .middle-main .burn.tab ul li > span:nth-child(7) { text-align: center; justify-content: center; }

.middle-main .burn.tab ul li > span:nth-last-child(2) { width: 100px; justify-content: flex-end; }

.middle-main .burn.tab ul li > span:last-child { display: none !important; }

.middle-main .burn.tab ul li:hover .icon-img.up { background-position: -232px -1102px; }

.middle-main .burn.tab ul li:hover .icon-img.down { background-position: -249px -1102px; }

.middle-main .burn.tab .ul-list-footer { display: flex; justify-content: space-between; background: none; box-shadow: none; padding: 40px 0; height: auto; }

.middle-main .burn.tab .ul-list-footer .price { font-size: 20px; }

.middle-main .burn.tab .ul-list-footer .right { flex: 1; display: flex; justify-content: flex-end; }

.middle-main .burn.tab .ul-list-footer .right button { max-width: 200px; flex: 1; height: 48px; line-height: 48px; text-align: center; border: 1px solid #777b86; font-size: 16px; border-radius: 5px; background: none; color: #777b86; margin-left: 20px; display: inline-block; }

.middle-main .burn.tab .ul-list-footer .right button.error { width: 300px; background: #db1d40; color: #fff; border-width: 0; }

.middle-main .burn.tab .cd-query { padding-bottom: 100px; }

.middle-main .burn.tab .cd-query li { height: 80px; display: flex; align-items: center; justify-content: space-between; padding: 10px 10px; border-bottom: 1px solid #212434; }

.middle-main .burn.tab .cd-query li div { height: 100%; flex: 1; display: flex; flex-direction: column; justify-content: space-around; }

.middle-main .burn.tab .cd-query li div p { color: #fff; }

.middle-main .burn.tab .cd-query li div p.c-red { color: #db1d40; }

.middle-main .burn.tab .cd-query li div:first-child { width: 200px; }

.middle-main .burn.tab .cd-query li div:last-child { min-width: 200px; text-align: right; }

.middle-main .burn.tab .cd-query li div:last-child span { text-align: right; }

.middle-main .burn.tab .cd-query li div:last-child p { display: flex; flex-direction: row; justify-content: flex-end; color: #777b86; }

.middle-main .burn.tab .cd-query li div:last-child p .btn { padding: 0 10px; border: 1px solid #313746; }

.middle-main .burn.tab .cd-query li div:last-child p .btn:hover { color: #db1d40; border-color: #db1d40; }

.middle-main .burn.tab .cd-query li div:last-child p .btn + .btn { margin-left: 16px; }

.middle-main .order-instructions { background: #1c1f31; padding: 30px 20px; line-height: 32px; }

.middle-main .order-instructions .title { font-weight: bolder; font-size: 16px; color: #fff; height: 20px; line-height: 20px; border-left: 4px solid #db1d40; padding-left: 15px; margin-bottom: 20px; }

.middle-main .order-instructions * + .title { margin-top: 30px; }