@charset "utf-8";
*{
    padding:0;
    margin:0
}
 blockquote,
body,
button,
dd,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul,
div{
    margin: 0;
    padding: 0
}
body,
button,
input,
select,
textarea {
    font-size: 14px;
    font-family: "微软雅黑";
}
button,select,input,textarea{
    outline:none
}
button{
    cursor: pointer;
}
h1,h2,h3,h4,h5,h6 {
    font-size: 14px;
    font-weight: normal;
}
a {
    text-decoration: none;
    color: #929595
}
a:hover {
    text-decoration: underline;
    color:#fff;
}
.foot_r a:hover{
    text-decoration: none;
}

em:hover {
    color:#fff;
}

em,i,strong,b{
    font-style: normal;
    font-weight: normal;
}
ul,li,ol{
    list-style: none;
    padding:0;
    margin:0
}
img{
    border:0;
    vertical-align: middle;
    padding:0;
    margin:0;
}
.wx_code .code_img{
    width: 104px;
    height: 104px;
}
body{
    color: #929595;
    overflow-x: hidden;
}
table,tr,td{
    padding:0;
    margin:0;
}
.wrapper{
    width: 1200px;
    margin:0 auto;
}
.fl{
    float: left
}
.fr{
    float: right;
}
.clear{
    clear:both
}
div{
    padding: 0;
    margin:0;
}
body{
    background: #2e2e30
}
/*首页*/
.header{
    width: 100%;
    height: 46px;
    background: url(../images/bg.jpg);
    background-size: repeat;
}
.head{
    width: 1200px;
    margin: 0 auto
}
.btn_icon {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-top: 10px;
    background: url(../images/icon.png) no-repeat;

}
.header_r a img{
    width: 23px
}
.head_l{
    line-height: 46px;
}
.head_l i{
    color: #7f7f7f
}
.header_r i{
    color: #7f7f7f
}
.header_r{
    position: relative;
}
.slidenew{
    position: absolute;
    top: 0px;
    overflow: hidden;
    display: inline-block;
    z-index: 50;
}
 .slide_con {
    width: 440px;
    font-size: 14px;
    color: #666;
    line-height: 34px;
}
.search_box {
    width: 4320px;
    height: 34px;
    margin: 3px 4px;
    border: 2px solid #dddddd;
    border-radius: 5px;
}
 .box_con {
    width: 432px;
    height: 34px;
    background: #fff;
}
.cla {
    width: 70px;
    height: 34px;
    float: left;
    border-right: 1px solid #ddd;
    position: relative;
}
.cla p {
    width: 38px;
    height: 34px;
    line-height: 34px;
    display: inline-block;
    padding-left: 32px;
    background: url(../images/seach_down.png) no-repeat 10px 13px;
    cursor: pointer;
}
.selectMenu {
    position: absolute;
    width: 70px;
    left: 0;
    top: 34px;
    background: #fff;
    display: none;
}
.selectMenu a {
    display: block;
    width: 70px;
    height: 40px;
    font-size: 14px;
    color: #666;
    line-height: 34px;
    text-align: center;
}
.input {
    width: 259px;
    height: 34px;
    float: left;
}
.input input {
    width: 239px;
    font-size: 14px;
    height: 14px;
    padding: 10px;
    border: none;
    outline: none;
    *border: 0;
    *float: left;
    *padding-right: 5px;
}
.hot {
    width: 65px;
    float: left;
    background: url(../images/hot.png) no-repeat left center;
    font-size: 14px;
    color: #bf0614;
    line-height: 34px;
}
.hot a {
    color: #bf0614;
    text-decoration: none;
    display: inline-block;
    width: 42px;
    height: 34px;
    padding-left: 23px;
    line-height: 34px!important
}
.btn_val {
    width: 30px;
    height: 34px;
    float: right;
}
.btn_val input {
    cursor: pointer;
    width: 30px;
    height: 34px;
    background: url(../images/search_btn_cur.png) no-repeat center;
    border: none;
    outline: none;
}
.btn-li{
    color: #c3c3ab
}
.btn-li img{
    width: 18px;
    height: 18px;
}
.head_fl{
    line-height: 46px;
}
.search_nav{
    float: left;
}
.header_r a.a_link{
    float: left;
    line-height: 46px;
    margin-right: 15px
}
.header_r a img{
    margin-right: 6px
}
.line{
    margin-right: 5px;
    margin-left: 5px;
    float: left;
    position: relative;
    top: 10px;
}
.user_icon {
    float: left;
    margin-left: 12px;
    position: relative;
}
.user_icon .btn_icon {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-top: 10px;
    background: url(../images/icon1.png) no-repeat;
    margin-right: 3px;
}
.outlogin_layerbox_bylx {
    background: #fff;
    margin: 0 auto;
    box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.2);
    color: #434242;
    width: 216px;
    height: 280px;
    overflow: hidden;
    position: absolute;
    right: 0;
    display: none;
    top:46px;
    z-index: 100
}
.box {
    clear: both;
    zoom: 1;
    width: 216px;
    text-align: left;
    height: 280px;
}
.loginformlist {
    width: 176px;
    padding: 0 20px;
    font-size: 14px;
}
.loginformlist .styles {
    border: 1px solid #D0D0D0;
    height: 14px;
    color: #3d3d3d;
    width: 156px;
    padding: 7px 9px;
}
.loginformlist .login02 {
    font-size: 12px;
}
.loginformlist .dl {
    background: #c00614;
    width: 86px;
    height: 34px;
    line-height: 34px;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 14px;
}
.register_lnk {
    text-align: center;
    width: 78px;
    display: inherit;
}
.log_cooper {
    margin: 0 15px;
    width: 186px;
    border-top: 1px solid #e6e6e6;
}
.log_cooper .log01 {
    height: 40px;
    line-height: 40px;
    display: block;
    font-size: 14px;
    color: #525252;
}
.wrapper{
    height: 65px;
    background:#181d20;
    width: 100%
}
.navbar{
    width: 1200px;
    margin:0 auto;
}
.navlogo{
    width: 179px;
    height: 76px;
    /*background-color: #bf0614;*/
    position: relative;
    z-index: 51;
    text-align: center;
    line-height: 75px;
}
.menu{
    position: relative;
}
.menu ul{
    float: left;
    width: 112px;
    text-align: center;
}
.menu ul a{
    color: white;
    display: block;
    line-height: 65px;
    font-size:18px;
}
.top_banner_float2 {
    position: absolute;
    margin-left: -20px;
    top: 65px;
    min-width: 130px;
    padding: 10px;
    border-top: 0px;
    z-index: 4;
    background: url("../images/xjt.gif") 68px 0px no-repeat;
    background-color: #000000;
    *margin-left: -120px;
    *top: 40px;
    display: none;
}
.xcls0 a {
    background-color: #000000;
    border: 1px solid #333333;
    clear: both;
    display: block;
    text-align: center;
    border-radius: 10px;
    line-height: 24px;
    height: 24px;
    margin-top: 5px;
    margin-bottom: 5px;
    color: white;

}
.banline{
    position: absolute;
    width: 113px;
    height: 4px;
    background:#94d500;
    top:-4px;
    left: 18px;
}
.menuli:hover .top_banner_float2{
    display: block;
}
.indexcenter{
    width: 1200px;
    margin: 0 auto;
    background: #181d20;
    margin-top: 25px
}
.c_top{
    height: 55px;
}
.c_top_l span{
    font-size:22px;
    color: #ff6122;
    margin-left: 7px;
    line-height: 50px;
}
.c_top_l em{
    color: #5f6161;
    margin-left: 7px;
    line-height: 50px;
    font-size: 18px
}
.c_top_l{
   float: left;
}
.c_top_l img{
    position: relative;
    top:-5px;
}
.c_top_c{
    float: left;
    margin-left: 45px;
}
.c_top_c ul li{
    float: left;
    margin-right: 15px;
    line-height: 55px;
}
.c_top_c ul li a:hover{
    color: #00a2e8
}
.c_top_r{
    float: right;
    line-height: 55px;
}
.center_fl{
    width: 927px;
}
.c_center_l{
    float: left;
    width: 440px;
    padding-right: 10px;
    border-right: 1px solid #323435;
}
.c_center{
     margin-left: 12px;
     border-top: 1px solid #323435;
}
.cen_top{
    padding-top: 10px;
}
.btn-group a{
    display: block;
    /*width: 70px;*/
    padding-left: 10px;
    padding-right: 10px;
    height: 25px;
    background: url(../images/list_menu_bg.gif);
    text-align: center;
    line-height: 25px;
    color: white;
    background-color: #D3320A;
}
.btn-li span{
    margin-left: 10px;
}
.btn-li span img{
    margin-right: 5px;
    position: relative;
    top:-2px;
}
.recommended-list {
    float: left;

}
.recommended-list ul li {
    margin-top: 16px;
    width: 440px;
    *margin:13px 0;
}
.recommended-list ul li span{
 float:left;
 width:380px;
 overflow: hidden;
  height:17px;
}
.recommended-list ul li i{
    float: right;
    font-size: 12px;
}
.index-music-bg{ 
    height:77px;
    width: 440px;
    display:none ;
}
.index-music-img{ 
    height:77px;
    width: 77px;
    float:left;
    margin-right:10px;
    position: relative;
    *position:none;
    overflow: hidden; 
}
.index-music-img img{
    height:77px;
    width: 77px; 
    display: block; 
    zoom: 1
}
.index-music-img p{
    padding: 0px;
     margin: 0px; 
     width: 77px; 
     height: 21px; 
     line-height: 21px; 
     text-align: center;
     background-color:#7a1564;
     background-color:rgba(174,30,143,0.7);
     color: #FFFFFF; 
     position:relative;
     z-index: 0; 
     margin-top:-21px;
     *position:none;
     *z-index: 5;
     *background-color:#ae1e8f;filter:alpha(opacity=70);
      overflow: hidden;
}
.index-music-title{ 
    margin: 0px; 
    padding: 0px; 
    line-height: 24px;
    font-weight: normal;
    color:#999999;
}
.index-music-title a:hover{ text-decoration:underline;color:#ffffff;}
.index-music-ct{float: left; width: 352px; overflow: hidden;}
.index-music-hit{ background: url("../images/hits.png") no-repeat -4px -2px;_background: url("../images/hits2.gif") no-repeat -4px -2px;display: inline-block;margin-top:10px;}
.index-music-hit p{ padding: 0px; margin: 0px;padding-left: 15px;}
.index-music-hit p b { 
    margin-left: 25px;
     display: inline;
     font-size: 12px
 }
.index-music-sm {height:21px;width: 440px;}
.index-music-sm i {font-style: normal;}
.recom_nav{
    border-top: 1px solid #323435
}
.ad img{
    width: 100%;
    margin-top: 15px
}
.list-top{
    height: 55px;
}
.f_h span {
    font-size: 22px;
    color: #ff6122;
    margin-left: 7px;
    line-height: 50px;
}
.f_h em{
    color: #5f6161;
    margin-left: 7px;
    line-height: 50px;
    font-size: 18px;
}
.f_c{
    line-height: 53px;
    margin-left: 65px;
    font-size: 16px;
    color: #ffffff;
}
.f_c span{
    margin-right: 12px
}
.f_c span img{
    width: 18px;
    height: 18px;
}
.list-top{
    border-bottom: 1px solid #323435;
    margin-left: 12px;
    margin-top: 5px
}
.list-top .fr a{
    line-height: 55px;
    color: #ffffff;
}
.music_list ul li span{
    display: block;
    margin: 0 auto;
    margin-top: 8px;
    width: 114px;
    white-space: nowrap;
    overflow: hidden;
    text-align: center;
}
.music_list ul li em{
    display: block;
    margin: 0 auto;
    font-size: 12px;
    margin-top: 10px;
    width: 114px;
    white-space: nowrap;
    overflow: hidden;
    text-align: center;
}
.music_list ul li{
    width: 16.666%;
    text-align: center;
    float: left;
    margin-top: 12px
}
.f_h img{
    position: relative;
    top:-2px;
}
.center_fr{
    width: 245px;
    margin-right: 5px
}
.art_top{
    height: 55px;
    border-bottom: 1px solid #323435;
    line-height: 55px;
    font-size: 18px;
    color: #228430
}
.rank-list dl {
    height: 49px;
    clear: both;
    overflow: hidden;
    line-height: 20px;
    margin-top: 5px
}
.r-list2 dl {
    height: 55px!important;
    margin-top:8px!important;
}
.rank-list dl .num1 {
    background: url(../images/list_num.gif) no-repeat -5px -10px;
}
.rank-list dl .num2 {
    background: url(../images/list_num.gif) no-repeat -5px -62px;
}
.rank-list dl .num3 {
    background: url(../images/list_num.gif) no-repeat -5px -114px;
}
.rank-list dl .num4 {
    background: url(../images/list_num.gif) no-repeat -5px -166px;
}
.rank-list dl .num5 {
    background: url(../images/list_num.gif) no-repeat -5px -218px;
}
.rank-list dl dt {
    width: 39px;
    float: left;
    font-size: 18px;
    height: 39px;
    overflow: hidden;
    line-height: 40px;
    text-align: center;
    font-weight: bold;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    top:5px;
}
.rank-list dl dd {
    margin-left: 6px;
    float: left;
    width: 195px;
    height: 45px;
    overflow: hidden;
    margin-top: 4px;
    line-height: 23px
}
.r-list2 dl dd{
    height: 46px!important;
    margin-top: 8px!important;
}
.ad2{
    margin-top: 12px;
    margin-bottom: 12px;
}
.rank_list{
     height: 55px;
    border-bottom: 1px solid #323435;
    line-height: 55px;
    font-size: 18px;
}
.rank_list .fl{
    color: #cdcdcd;
    font-size: 22px;
}
.rank_list .fl img{
    margin-right: 4px
}
.rank_list .fr a{
    font-size: 14px;
    color: #ffffff;
    margin-left: 3px
}
.rank_list .fr{
    padding-right:5px
}
.rank_list .fr a.cur{
    color: #00a2e8
}
.btn-group2{
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-left: 37px;
    margin-top: 15px
}
.btn-group2 div{
    width: 54px;
    text-align: center;
    float: left;
    color: #cbc9c9; 
    background: #131313;
    font-size: 12px;
    padding: 2px 0px;
}
.btn-background-img-sm {
    background: url("../images/list_menu_bg.gif") no-repeat -20px 0px!important;
}
.rank-list dl .num6 {
    background: url(../images/list_num.gif) no-repeat -5px -270px;
}
.rank-list dl .num7 {
    background: url(../images/list_num.gif) no-repeat -5px -322px;
}
.rank-list dl .num8 {
    background: url(../images/list_num.gif) no-repeat -5px -374px;
}

.rank-list dl .num9 {
    background: url(../images/list_num.gif) no-repeat -5px -426px;
}
.rank-list dl .num10 {
    background: url(../images/list_num.gif) no-repeat -5px -472px;
}
.person_list{
    
}
.persons_list ul li{
    float: left;
    margin-left: 20.5px;
    margin-top: 20px;
    position: relative;
}
.persons_list ul li img{
    border-radius:5px;
    width: 112px;
    height: 112px;
}
.persons_list ul{
    position: relative;
    left: -6px;
    padding-bottom: 15px;
}
.person_list .list-top{
    margin-right: 10px;
}
.persons_list ul li span{
    display: block;
    position: absolute;
    top: 90px;
    color: #f0f0f5;
    left: 10px
}
.persons_list ul li em{
    color: #ffffff;
    margin-top: 5px;
    display: block;
}
.ad3 img{
    width: 100%;
    margin-top: 25px
}
.foot{
    background: #181818
}
.foot_nav{
    width: 1200px;
    margin:0 auto;
}
.foot_top{
    padding-top: 12px;
}
.foot_top a{
    margin-right: 8px
}
.foot_c ul li{
    float: left;
    margin-right: 90px
}
.foot_c ul li a{
    display: block;
}
.foot_c{
    margin-left:45px; 
}
.foot_r a{
    margin-right: 15px;
    position: relative;
}
.foot_main{
    margin-top: 40px
}
.foot_c ul li p{
    color: #cbc9c9;
    font-size: 15px;
    margin-bottom: 10px;
}
.foot_c ul li a{
    margin-bottom: 10px;
}
.foot_l{
    margin-top: 15px;
}
.foot_r{
    margin-top: 38px;
    margin-left: 30px
}
.foot_all{
    background: #000000;
    font-size: 13px;
    padding-top:22px;
    padding-bottom: 22px
}
.foot_all .fl p{
    margin-bottom: 10px
}
.foot_all .fl span{
    color: #cc1008
}
.foot_all .fr p{
    margin-bottom: 10px;
}
.foot_all .fr p a{
    margin-left: 20px
}
.foot_all .fr{
    text-align: right;
}
.foot_all .fr div span{
    margin-left: 40px;
}
.producer-detail-box{ 
    background: url("../images/dj_remix_bg.png") no-repeat;
    width: 265px;
    height:298px;
    position: absolute; 
    z-index:999;
    overflow:hidden;  
    margin-top:-136px;
}
.persons_list ul li a:link {
    color: #d1cfcf;
}
.persons_list ul li a {
    color: #d1cfcf;
}
.persons_list ul li .ra-hover-detail {
    height: 127px;
    width: 127px;
    float: left;
    margin-left: 10px;
    padding-top: 6px;
}
.persons_list ul li h3 {
    font-style: normal;
    font-size: 12px;
    padding: 0px;
    margin: 0px;
    width: 127px;
    height: 24px;
    line-height: 26px;
    color: #d1cfcf;
}
.persons_list ul li .ra-hover-music {
    width: 245px;
    float: left;
    padding: 6px 10px 0px 10px;
}
.persons_list ul li h4 {
    font-style: normal;
    font-size: 12px;
    padding: 0px;
    margin: 0px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
}
.producer-detail-box{
    display: none;
}
.persons_list ul li:hover .producer-detail-box{
    display: block;
}
.wx_code{
    width: 154px;
    height: 180px;
    background: white;
    position: absolute;
    top: -205px;
    left: -70px
}
.wx_code ul li{
    float: left;
    text-align: center;
    width: 100%;
    margin-top: 20px
}
.wx_code ul li p{
    margin-bottom: 15px
}
.triangle{
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top-color: white ;
    display: block;
    position: absolute;
    bottom: -20px;
    left: 50%
}
.wx_code{
    display: none;
}
.foot_r a:hover .wx_code{
    display: block;
}
.back_top{
    position: fixed;
    bottom:87px;
    right: 35px;
    cursor: pointer;
}
/*搜索*/
.search_all{
    background: #181d20;
    width: 1178px;
    margin:0 auto;
    padding-left: 12px;
    padding-right: 10px;
    margin-top: 30px;
    color: #7f7f7f;
    padding-bottom: 30px
}
.search_top{
    height: 40px;
    border-bottom: 1px solid #323435;
    line-height: 40px;
}
.search_top a{
    color: #7f7f7f
}
.search_cen_fl{
    width: 205px;
    margin-top: 10px
}
.search_cen_fl p img{
    width: 100%
}
.search_tit span{
    width: 4px;
    height: 34px;
    background: #46ac44;
    display: inline-block;
    vertical-align: middle;
    top:-1px;
}
.search_tit{
    position: relative;
    font-size: 20px;
    color: #22b13e;
    border-bottom: 1px solid #323435;
    padding-bottom: 5px;
    margin-top: 20px
}
.search_tit em{
    position: absolute;
    right: 0;
    color: #ff7f27;
    font-size: 15px;
    top:5px;
}
.search_cen_fl ul li{
    height: 38px;
    line-height: 38px;
    border-bottom: 1px solid #323435;
}
.search_cen_fl ul li span{
    font-size: 18px;
    cursor: pointer;
}
.search_cen_fl ul li .fl{
    width: 180px;
    overflow: hidden;
}
.search_cen_fr{
    width: 930px;
    margin-top: 25px
}
.s_1{
    font-size: 16px;
    margin-bottom: 17px
}
.s_1 span{
    color: #ff7024
}
.s_1 em{
    color: #22b14c
}
.s_2 ul li{
    float: left;
    margin-right: 15px
}
.s_2 ul li:first-child{
    font-size: 16px
}
.s_2 ul li.cur{
    color: #ed1c24
}
#hothaomenu {
    background-color: #111111;
    overflow: hidden;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
#hothaomenu .pxon {
    background: url("../images/list_menu_bg.gif");
    background-size: cover;
    overflow: hidden;
    color: #FFFFFF;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
#hothaomenu a {
    display: block;
    float: left;
    width: 115px;
    *width: 115px;
    _width: 115px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    text-align: center;
    overflow: hidden;
    color: #cbc9c9
}
#hothaomenu{
    margin-top: 20px
}
#hothaomenu .pxof {
    border-right: 2px solid #262626;
    _background-color: #111111;
}
.list_musiclist td{
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #323435;
    border-top: 1px solid #323435;
}
.isgood_list .list_play_img img {
    width: 50px;
    height: 50px;
    border: 0px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.isgood_list .list_play_img {
    position: relative;
    float: left;
}
.isgood_list li {
    float: left;
    margin-right: 5px;
}
.list_play_img_title p.t2,.list_play_img_title p.t2 a{
    font-size: 12px;
    color: #494547
}
.list_play_img_title p.t1{
    margin-top: 5px;
    margin-bottom: 4px;
    width: 480px;!important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.list_play_img_title .t1 a{

}
.isgood_list{
    width: 540px;
    overflow: hidden;
}
.list_musiclist tr th{
    color: #c3c3c3;
}
.mon span{
    color: #ed1c24
}
.isgood_icon span{
    font-size: 18px;
    color: #c3c3c3;
    margin-left: 5px
}
.list_musiclist tr th{
    padding-top: 16px;
    padding-bottom: 16px
}
.list_controllbox {
    float: left;
    margin-top: 16px
}
.list_selectall {
    float: left;
    margin-right: 30px;
}
.list_selectall span {
    margin-left: 5px;
}
.index-typeicon .playall {
    background: url("../images/typeicon.png") no-repeat -40px -13px;
    _background: url("../images/typeicon.gif") no-repeat -40px -13px;
}
.index-typeicon div {
    float: left;
    padding-left: 25px;
    margin-right: 12px;
    cursor: pointer;
}
.index-typeicon .addall {
    background: url("../images/typeicon.png") no-repeat -140px -13px;
    _background: url("../images/typeicon.gif") no-repeat -140px -13px;
}
.pager a{
    padding: 8px 10px;
    border-bottom: 1px solid #323435;
    border-top: 1px solid #323435;
    border-left:  1px solid #323435;
    display: inline-block;
}
.pager a:hover{
    background: #000000
}
.pager a.cur{
    background: #000000
}
/*作者封面页*/
.author_nav{
    background: #181d20;
    width: 1200px;
    margin:0 auto;
    margin-top: 5px;
    color: #7f7f7f;
}
.author_l{
    width: 915px;
    padding-left: 12px;
}
.a_top span{
    width: 5px;
    height: 35px;
    background: #46ac44;
    display: inline-block;
    margin-right: 8px;
    vertical-align: middle;
    position: relative;
    top:-4px;
}
.a_top{
    font-size: 20px;
    color: #22b13e;
    margin-bottom: 10px;
    margin-top: 12px
}
.per_list ul li {
    float: left;
    margin-left: 22px;
    margin-bottom: 20px;
    position: relative;
}
.per_list ul li img {
    border-radius: 5px;
    width: 112px;
    height: 112px;
}
.per_list ul li em {
    color: #ffffff;
    margin-top: 5px;
    display: block;
    overflow: hidden;
}
.per_list ul{
    position: relative;
    left: -23px;
    width: 947px
}
.per_list{
    border-bottom: 1px solid #323435;
}
.a_top .fr em{
    display: inline-block;
    width: 80px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border: 1px solid #39982b;
    font-size: 14px;
    color: #c3c3c3
}
.a_top .fr em.cur{
    color: #22b13e;
}
.a_list_l img{
    width: 110px;
    height: 110px;
}
.a_list_r{
    margin-left: 20px;
    width: 550px
}
.a_list_r ul li{
    width:550px;
}
.a_list_r p{
    font-size: 17px;
}
.a_list_r p img{
    margin-left:15px;
    position: relative;
    top:-2px;
}
.a_list_r ul li{
    margin-top: 7px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.a_list_r ul li img{
    margin-right: 5px
}
.num_r p span{
    font-size: 18px;
    font-weight: bold;
    color: #ed1c24
}
.num_r p{
    margin-bottom: 8px
}
.num_r p em{
    color: #22b13e;
}
.num_r {
    margin-top: 18px;
    margin-left: 30px
}
.a_list{
    margin-bottom: 20px
}
.author-r{
    width: 230px;
    margin-right: 10px
}
.a_ad img{
    width: 100%
}
.a_wenzi{
    line-height: 25px;
    margin-top: 15px;
    margin-bottom: 15px;
}
.a_wenzi p{
    color: #22b13e;
}
.a_top a{
    font-size: 14px;
    float: right;
    line-height: 35px
}
.a-img img{
    width: 40px;
    height: 40px;
    border-radius: 5px
}
.a-wenzi p{
    margin-bottom: 7px
}
.a-wenzi{
    margin-left: 10px;
    font-size: 12px;
    width: 105px;
    overflow: hidden;
}
.a-nums{
    margin-top: 22px;
    font-size: 13px
}
.a_news ul li{
    margin-top: 23px
}
.a_news ul{
     border-top: 1px solid #323435;
}
.a_news{
    margin-top: 40px
}
/*作者页*/
.writer_nav{
    background: #181d20;
    width: 1200px;
    margin: 0 auto;
    margin-top: 5px;
    color: #7f7f7f;
}
.writer_l{
    width: 927px;
}
.w_r{
    width: 720px;
}
.w_r h2{
    display: inline-block;
    font-size: 22px;
    color: #22b14c;
    margin-right: 22px;
}
.w_r span img{
    height: 20px
}
.w_l img{
    width: 160px;
    height: 160px
}
.writer_top{
    padding-left: 15px;
    padding-top: 15px
}
.w-1 span img{
    margin-right: 9px;
    position: relative;
    top: -2px
}
.w-1{
    margin-top: 7px
}
.w-1 em{
    float: right;
    display: inline-block;
    width: 80px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #22b14c;
    border: 1px solid #22b14c;
}
.w_r ul li{
    float: left;
    width: 160px
}
.w_r ul {
    margin-top: 20px
}
.w_r ul li span{
    color: #c3c3c3;
    margin-left: 8px
}
.w_2 span img{
    height: 15px!important;
    position: relative;
    top: -1px
}
.w_2 span{
    margin-right: 10px
}
.w_2{
    margin-top: 35px
}
.w_2 .fr em{
    width: 80px;
    height: 28px;
    background: #509524;
    color: white;
    display: inline-block;
    line-height: 28px;
    text-align: center;
    margin-left: 20px
}
.hothaomenu a{
    width: 113px!important
}
.writer_r{
    width: 230px;
    margin-right: 10px;
    padding-bottom: 25px
}
.rank-list1 dl dd{
    width: 184px
}
.rank-list1{
    border-top: 1px solid #323435;
}
/*播放页-框架*/
.bo-nav{
    background: #181d20;
    width: 1200px;
    margin:0 auto;
    margin-top: 5px;
}
.bo-nav .search_top{
    margin-left: 12px
}
.bo-top-l{
    width: 320px;
    height: 705px
}
.b-l img{
    width: 120px;
    height: 120px;
}
.b-top{
    padding-left: 20px;
    padding-right: 12px
}
.b-r{
    width: 155px
}
.b-r h2{
    font-size: 20px;
    color: #ff7f25;
    position: relative;
    margin-bottom: 15px
}
.b-top{
    margin-top: 18px
}
.b-r h2 img{
    position: absolute;
    top: -1px;
    right: 0
}
.b-r p{
    margin-top: 8px;
    font-size: 12px
}
.b-r p span{
    color: #c3c3c3
}
.rank-list2{
    padding-left: 10px;
    padding-right: 10px
}
.rank-list2 dl dd{
    width: 254px;
}
.rank-list2 h3{
    font-size: 20px;
    text-align: center;
    height: 38px;
    line-height: 38px;
    background: #1e1e1f;
    color: #c3c3c3;
    margin-bottom: 10px;
    margin-top: 15px
}
.bo-top-c{
    width: 555px;
    border-right: 1px solid #323435;
    height: 705px;
    border-left: 1px solid #323435;
    border-bottom: 1px solid #323435;
}
.bo-top-c h3{
    font-size: 16px;
    height: 45px;
    line-height: 45px;
    color: #22b145;
    padding-left: 15px;
    padding-right: 15px;
    overflow: hidden;
    white-space: nowrap;
    width: 520px;
    text-overflow: ellipsis;
}
.b_radio{
    height: 70px;
    background: #15171d;
    padding-top: 5px;
    padding-left: 5px;
}
.b_nums ul li{
    float: left;
    margin-top: 8px;
    margin-bottom: 12px;
    margin-left: 45px
}
.b_nums ul li:first-child{
    margin-left: 0
}
.b_nums{
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 17px
}
.b_nums ul li span{
    color: #22b145;
}
.b_box span{
    display: inline-block;
    height: 30px;
    line-height: 28px;
    color: white;
    text-align: center; 
}
.b-1{
    width: 140px;
    background: #d42229;
    margin-right: 10px
}
.b-1 i{
    margin-right: 5px;
}
.b-2{
    width: 140px;
    background: #d8af4b;
    margin-right: 25px
}
.b-3{
    width: 88px;
    background: #6f991a;
    margin-right: 23px
}
.b-3 em{
    font-size: 12px
}
.b_box span img{
    margin-right: 5px
}
.b-4{
    width: 85px;
    background: #6f991a
}
.bo_list{
    border-top: 1px solid #323435;
    border-bottom: 1px solid #323435;
    padding-top: 8px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px
}
.bo_list_c p{
    font-size: 22px;
    color: #c3c3c3;
    margin-bottom: 10px
}
.bo_list_l img{
    position: relative;
    top:7px;
    margin-right: 14px
}
.bo_list_c1{
    width: 90px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    background: #2b2c31;
    margin-left: 25px;
    margin-top: 15px;
    cursor: pointer;
}
.bo_list_r span{
    display: inline-block;
}

.LMTXYS a {
     display: inline-block;
    width: 33px;
    height: 33px;
    overflow: hidden;
    margin-top: 16px;
     background: url("../images/list_ico.png") -44px 0px no-repeat;
    _background: url("../images/list_ico.gif") -44px 0px;
}
.LMTSYS a {
    display: inline-block;
    width: 33px;
    height: 33px;
    overflow: hidden;
    margin-top: 16px;
    background: url("../images/list_ico.png") no-repeat;
    _background: url("../images/list_ico.gif") no-repeat;
    margin-right: 10px
}
.LMTSYS a:hover{ 
    background:url("../images/list_ico.png") 0px -47px no-repeat;
    _background:url("../images/list_ico.gif") 0px -47px no-repeat;
}
.LMTXYS a:hover{ 
    background:url("../images/list_ico.png") -44px -47px no-repeat;
    _background:url("../images/list_ico.gif") -44px -47px no-repeat
}
.bofang1 a {
    display: inline-block;
    width: 33px;
    height: 33px;
    background: url("../images/list_ico.png") -174px 0px no-repeat;
    _background: url("../images/list_ico.gif") -174px 0px no-repeat;
    overflow: hidden;
    margin-right: 30px;
    position: relative;
    top:-3px;
}
.bofang1 a:hover{
    background:url("../images/list_ico.png") -174px -47px no-repeat;
    _background:url("../images/list_ico.gif") -174px -47px no-repeat
}

.bofang2 a {
    display: inline-block;
    width: 33px;
    height: 33px;
    background: url("../images/list_ico.png") -297px 0px no-repeat;
    _background: url("../images/list_ico.gif") -297px 0px no-repeat;
    overflow: hidden;
    margin-right: 30px;
    position: relative;
    top:-3px;
}
.bofang2 a:hover{
    background:url("../images/list_ico.png") -297px -47px no-repeat;
    _background:url("../images/list_ico.gif") -297px -47px no-repeat
}

.bofang3 a {
    display: inline-block;
    width: 33px;
    height: 33px;
    background: url("../images/list_ico.png") -358px 0px no-repeat;
    _background: url("../images/list_ico.gif") -358px 0px no-repeat;
    overflow: hidden;
    margin-right: 30px;
    position: relative;
    top:-3px;
}
.bofang3 a:hover{
    background:url("../images/list_ico.png") -358px -47px no-repeat;
    _background:url("../images/list_ico.gif") -358px -47px no-repeat
}





.bo_tab_l{
    width: 100px;
}
.bo_tab_l ul li{
    height: 35px;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
}
.bo_tab_l ul li.cur{
    color: #ed1b21;
    background: #15171d
}
.bo_tab_l ul li:hover{
    color: #ed1b21;
    background: #15171d
}
.bo_tab_r ul li{
    padding-left: 10px;
    padding-right: 15px;
    width: 428px;
    position: relative;
    height: 38px;
    line-height: 38px
}
.bo_tab_r ul li input{
    margin-right: 7px;
}
.bo_tab_r ul li em{
    display: inline-block;
    width: 380px;
    white-space: nowrap;
    overflow: hidden;
}
.infor{
    line-height: 38px
}
.bo_tab_r{
    border-left: 1px solid #323435;
}
.check_foot{
    padding-left: 10px;
    padding-right: 15px;
    height: 50px;
    line-height: 37px;
     border-top: 1px solid #323435;
    padding-top: 20px;
}
.check_foot button{
    width: 72px;
    height: 25px;
    color: white;
    background:#508b23;
    margin-left: 10px;
    border: 0
}
.check_foot input{
    margin-right: 7px
}
.rank-list2 dl {
    margin-top: 14px;
}

.bo-top-r{
    width: 300px;
    padding-right: 10px;
    padding-left: 10px
}
.bo_ad1 img{
    height: 100px;
     width: 100%;
}
.bo_ad2 img{
    width: 100%;
    height: 300px
}
.a_top1 img{
    width: 16px
}
.a_top1 .fr{
    font-size: 14px;
    color: #c3c3c3;
    margin-top: 5px
}
.a_top1{
    margin-top: 15px
}
.bo-top-r ul li{
    float: left;
    margin-left: 15px;
    margin-bottom: 11px;
    width: 85px;
    height: 120px;
}
.bo-top-r ul li img{
    width: 85px;
    height: 85px;
    border-radius: 5px
}
.bo-top-r ul{
    position: relative;
    left: -10px
}
.bo-top-r ul li span{
    display: block;
    margin-top: 5px;
    width: 100%;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.ad_all{
    padding-left: 10px;
    padding-right: 10px;
}
.ad_all img{
    width: 100%
}
.ad_all{
    margin-top: 1px
}
.bo_main_l{
    width: 860px
}
.btn-li2{
    line-height: 55px
}
.r_l {
    width: 404px
}
.r_l .index-music-ct{
    width: 317px
}
.r_l .index-music-bg{
     width: 404px
}
.r_l ul li{
    width: 404px
}
.bo_main_r{
    width: 300px;
    padding-right: 10px;
}
.bo_main_r .list-top{
    width: 100%;
    margin-left: 0
}
.hot_list_l{
    width: 196px;
    height: 196px;
    position: relative;
}
.hot_list_l img{
    width: 196px;
    height: 196px;
}
.hot_list_l em,.h_r em{
    position: absolute;
    width: 100%;
    height: 23px;
    background: black;
    opacity: 0.6;
    left: 0;
    bottom: 0
}
.hot_list_l span,.h_r span{
    color: white;
    position: absolute;
    height: 23px;
    line-height: 23px;
    left: 0;
    bottom: 0;
    text-align: center;
    width: 100%;
    z-index: 101
}
.h_r img{
    width: 93px;
    height: 93px
}
.h_r{
    position: relative;
    width: 93px;
    height: 93px
}
.hot_foot .h_r{
    margin-left: 10px;
    margin-top: 10px
}
.hot_foot{
    width: 310px;
    position: relative;
    left: -10px
}
.bo_main{
    padding-bottom: 25px
}
/*歌单电台封面页*/
.music_menu{
    background: #181d20;
    width: 1200px;
    margin:0 auto;
    margin-top: 5px;
}
.a_top1 .fr em{
    display: block;
    width: 78px;
    height: 28px;
    border: 1px solid #39982b;
    color: #39982b;
    text-align: center;
    line-height: 28px;
    font-size: 16px
}
.music_list ul li img{
    width: 114px;
    height: 114px;
    border-radius: 50%
}
.music_list2 ul li{
    width: 12.5%
}
.music_menu .search_top{
    margin-left: 12px;
    margin-right: 10px
}
.a_top1{
    padding-right: 10px;
    padding-left: 12px
}
.music_list2 span{
    color: #c3c3c3
}
.m_menu .a_top{
    margin-left: 12px;
    margin-right: 10px;
     border-top: 1px solid #323435;
     padding-top: 10px;
     margin-top: 30px;
     margin-bottom: 18px
}
.m_li{
    padding-right: 35px;
    padding-left: 15px;
    margin-bottom: 25px
}
.m_li ul li{
    float: left;
    width: 209px;
    margin-left: 20px;
    margin-bottom: 20px
}
.m_li_fl img{
    width: 55px;
    height: 55px;
    border-radius: 3px
}
.m_li_fr{
    width: 120px;
    margin-left: 10px;
    white-space: nowrap;
    overflow: hidden;
}
/*歌单专辑页*/
.music_album{
    background: #181d20;
    width: 1200px;
    margin:0 auto;
    margin-top: 5px;
}
.music_album .search_top{
    margin-left: 12px;
    margin-right: 10px
}
.album_l{
    width: 927px
}
.album_top{
    border: 2px solid #508b23;
    padding: 10px;
    margin-left: 12px;
    margin-top: 18px
}
.album_top_l img{
    width: 128px;
    height: 128px
}
.album_top_r {
    width: 745px
}
.album_top_r h3 span{
    color: #508b23;
    font-size: 16px
}
.album_top_r h4,.album_top_r h5,.album_top_r h6{
    color: #c3c3c3;
    margin-top: 8px
}
.album_top_r h4 span{
    color: #ff7f27
}
.album_top_r h5 span{
    color: #5f6161;
}
.album_top_r h6 span{
    color: #5f6161;
}
.album_top_r h3{
    position: relative;
}
.album_top_r h3 em{
    position: absolute;
    right: 0;
    display: block;
    width: 135px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color:white;
    background: #d42229;
    top: 5px;
    right: 30px
}
.album_btn .fl button{
    width: 80px;
    height: 30px;
    border: 0;
    background: #508b23;
    color: white;
    margin-top: 10px;
    margin-right: 20px
}
.album_r{
    width: 230px;
    margin-right: 10px;
    padding-bottom: 25px;
}
.album_ad img{
    width: 100%;
    height: 192px;
    margin-top: 18px
}
.cloumn_nav{
    background: #181d20;
    width: 1200px;
    margin:0 auto;
    margin-top: 5px;
    padding-bottom: 35px
}
.cloumn_fl{
    width: 927px;
}
.location .fl img{
    width: 30px;
    position: relative;
    top: 8px;
    margin-right: 15px
}
.location{
    margin-left: 12px;
}
.location .search_top{
    width: 868px
}
.fenlei ul li{
    float: left;
    min-width: 78px;
    height: 28px;
    text-align: center;
    line-height: 28px;
    border: 1px solid #508b23;
    margin-right: 5px;
    padding-right: 5px;
    padding-left: 5px;
    cursor: pointer;
}
.fenlei ul li.cur{
    color: #508b23;
}
.fenlei{
    margin-left: 12px;
    margin-top: 15px
}
.fenlei span{
    font-size: 16px;
    color: #c3c3c3;
    margin-right: 15px;
    margin-top: 2px
}
.month{
    margin-left: 12px;
    margin-top: 15px
}
.month span{
    font-size: 16px;
    color: #c3c3c3;
    margin-right: 15px;
}
.month em{
    margin-right: 15px;
}
.list_play_img_title p.t2 em img{
    width: 18px;
    margin-left: 15px;
    margin-right: 8px
}
.cloumn_fr{
    width: 230px;
    margin-right: 10px;
    padding-bottom: 25px;
}
.month_top{
    font-size: 22px;
    color: #cdcdcd;
    margin-top: 18px;
    border-bottom: 1px solid #323435;
    padding-bottom: 8px
}
.month_top img{
    width: 30px;
    margin-right: 8px;
}
/*排行*/
.ranking{
    background: #181d20;
    width: 1200px;
    margin:0 auto;
    margin-top: 5px;
}
.ranking .search_top{
    margin-left: 12px;
    margin-right: 10px
}
.ranking_nav_l{
    width: 218px;
    padding-left: 12px
}
.ranking_nav_l h3 img{
   height: 28px;
   position: relative;
   top: -4px;
   margin-right: 5px
}
.ranking_nav_l h3{
    font-size: 20px;
    color: #c3c3c3;
    margin-top: 30px
}
.ranking_nav_l ul li{
    width: 200px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    margin-top: 20px
}
.ranking_nav_l ul li a{
    color: #c3c3c3;
    font-size: 16px
}
.ranking_nav_l ul li.cur{
    background: #ac3c24
}
.ranking_nav_r{
    width: 935px;
    padding-right: 10px;
    padding-bottom: 35px
}
.ranking_nav_top span img{
    width: 52px;
    margin-right: 5px
}
.r_right p{
    font-size: 22px;
    color: #c3c3c3
}
.at_all p img{
    width: 32px;
    margin-right: 5px
}
.at_all p{
    font-size: 20px;
    color: #c3c3c3;
    cursor: pointer;
}
.at_all{
    margin-left: 40px;
    margin-top: 15px;
    position: relative;
}
.ranking_nav_top{
    margin-top: 25px
}
.time_sel {
    position: absolute;
    width: 280px;
    background-color: #000000;
    overflow: hidden;
    font-size: 12px;
    padding-right: 10px;
    padding-bottom: 10px;
    display: none;
}
.time_sel a {
    display: block;
    text-align: center;
    border-radius: 10px;
    line-height: 24px;
    height: 24px;
    margin-top: 10px;
    width: 80px;
    margin-left: 10px;
    background-color: #000000;
    border: 1px solid #333333;
    color: #999
}
.time_sel ul li{
    float: left;
}
.at_all:hover .time_sel{
    display: block;
}
.is_2{
    width: 490px;
}
.baning0 {
    font-size: 24px;
    color: #c52a03;
    font-weight: bold;
    font-style: italic;
}
.baning1 {
    font-size: 24px;
    color: #2a95ab;
    font-weight: bold;
    font-style: italic;
}
.baning2 {
    font-size: 24px;
    color: #94d500;
    font-weight: bold;
    font-style: italic;
}
.baning3 {
    font-size: 18px;
    color: #464e61;
    font-weight: bold;
    font-style: italic;
}
/*视频播放页*/
.rank-list2 ul li .v-l img{
    width: 60px;
    height:60px
}
.rank-list2 ul li .v-r{
    width: 185px;
    overflow: hidden;
    margin-left: 7px
}
.rank-list2 ul li a{
    display: block;
}
.rank-list2 ul li{
    margin-top: 20px
}
.video_l h3{
    font-size: 16px;
    height: 45px;
    line-height: 45px;
    color: #22b145;
    padding-left: 15px;
    padding-right: 15px;
    overflow: hidden;
    white-space: nowrap
}
.video_nav{
    width: 685px;
    height: 385px
}
.video_l h4{
    font-size: 16px;
    color: #ffc90e;
    margin-top: 10px
}
.video_l h4 span{
    color: #ed1c24
}
.video_l h4 em{
    color: #c3c3c3
}
.b_nums1{
    padding-right: 0px;
    padding-left: 0px;
}
.video_l{
    width: 685px
}
.b_nums1 ul li{
    margin-top: 8px;
    margin-bottom: 0px;
    margin-left: 60px;
    font-size: 13px
}
.b_nums1 ul li:first-child {
    margin-left: 63px;
}
.b_nums1 ul{
    position: relative;
    left: -63px;
    margin-bottom: 20px;
    margin-top: 10px
}
.video_r{
    width: 160px;
    padding-right: 15px;
    margin-top: 45px
}
.video_r p img{
    width: 100%;
    height: 135px;
    margin-bottom: 10px
}
.bo_v{
    height: auto;
    padding-bottom: 25px
}
/*视频列表页*/
.vd_nav{
    background: #181d20;
    width: 1200px;
    margin:0 auto;
    margin-top: 5px; 
}
.vd_nav_l .search_top{
    margin-left: 12px
}
.vd_nav_l{
    width: 927px;
}
.vd_nav_l .isgood_list .list_play_img img{
    width: 77px;
    height: 77px;
    margin-right: 10px;
    padding-left: 15px
}
.vd_nav_r{
    width: 230px;
    margin-right: 10px;
    padding-bottom: 25px;
}
.vd_nav_r ul li .fl img{
    width: 100px;
    height: 60px
}
.vd_nav_r ul li .fr{
    width: 125px;
    overflow: hidden;
    font-size: 14px;
    height:43px;
    line-height: 22px;
    padding-top: 5px
}
.vd_nav_r ul li{
    margin-top: 15px
}
.vd_nav_r ul{
    border-top: 1px solid #323435;
}
/*下载页登陆后*/
.down_nav{
    background: #181d20;
    width: 1200px;
    margin:0 auto;
    margin-top: 5px; 
}
.down_nav .search_top{
    margin-left: 12px;
    margin-right: 10px
}
.down_l{
    width: 885px;
}
.down_top{
    margin-left: 17px;
    font-size: 18px;
}
.down_top span{
    width: 5px;
    height: 35px;
    background: #46ac44;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px
}
.down_top p{
    color: #c3c3c3;
    font-size: 20px;
    margin-left: 20px;
    margin-top: 17px;
    margin-bottom: 40px
}
.down_top ul li{
    float: left;
    font-size: 14px;
    width: 310px;
    margin-bottom: 8px
}
.down_top ul{
     margin-left: 20px;
    position: relative;
    width: 932px
}
.down_li ul li span{
    width: 6px;
    height: 6px;
    background: #c3c3c3;
    display: inline-block;
    border-radius: 50%;
    margin-right: 5px;
    position: relative;
    top: -2px
}
.down_li{
    margin-left: 32px;
    margin-top: 40px
}
.down_li ul li em{
    color: #ed1c21;
    font-size: 18px
}
.down_link a{
    display: inline-block;
    width: 153px;
    height: 38px;
    line-height: 38px;
    color: white;
    text-align: center;
    background: #e03839;
    margin-right: 24px
}
.down_link{
    margin-left: 45px;
    margin-top: 40px;
}
.down_link em{
    color: #ed1c21;
}
.down_li ul li{
    margin-bottom: 17px
}
.down_l h4{
    margin-left: 32px;
    margin-top: 35px;
    line-height: 25px;
    margin-bottom: 25px
}
.down_l h4 span{
    color: #ed1c21;
}
.down_l h4 em{
    color: #22b14c
}
.down_r{
    margin-right: 45px
}
.down_account a{
    width: 78px;
    height: 28px;
    line-height:28px;
    text-align: center;
    color: #c3c3c3;
    background: #202020;
    border: 1px solid #39982b;
    display: inline-block;
}
.down_account{
    margin-left: 45px;
    margin-top: 40px;
}
.down_account span{
    margin-left: 10px;
    color: #00a2e8
}
.pager .pagination li{
    display: inline-block;
    margin-right: 5px;
    text-align: center;
}
.active{
    background: #000;
}
.pager .pagination li span{
    display: inline-block;
    padding: 5px;
    min-width: 15px;
    border: 1px solid #323435;
}
.pager .pagination li a{
    display: inline-block;
    padding: 5px;
    min-width: 15px;
    border: 1px solid #323435
}
.page_bai {
    background-color: #e7e8eb;
    width: 100%;
}
.h20 {
    height: 25px;
    width: 100%;
    overflow: hidden;
    clear: both;
}
.page_bai_ct {
    background-color: #ffffff;
    width: 1170px;
    margin: 0 auto;
    padding: 15px;
    border: 1px solid #cdcdcd;
}
.path_ico2 {
    background: url("../images/sort_list2.png") no-repeat -10px;
    _background: url("../images/sort_list2.gif") no-repeat -10px;
    overflow: hidden;
    height: 40px;
    width: 40px;
}
.path_ct2 {
    line-height: 26px;
    color: #666666;
}
.path_ct2 a:link {
    color: #666666;
}
.path_ct2 a {
    color: #666666;
    text-decoration: none;
}
.h10 {
    height: 10px;
    width: 100%;
    overflow: hidden;
    clear: both;
}
#f1 {
    width:1170px;
    margin: 0 auto;
}
.btn-group, .btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
.btn-group1 a{
    display: inline-block;
    width: 88px;
    height: 34px;
    line-height: 34px;
    float: left;
}
.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.btn-default {
    color: #333;
    background-color: #fff;
    border: 1px solid #ccc;
    height: 32px!important;
    line-height: 32px!important;
}
#cartitle {
    height: 60px;
    overflow: hidden;
}
#cartitleInfo {
    line-height: 40px;
    color: #333;
    font-size: 12px;
    width: 295px;
    text-align: left;
}
#cartitle span {
    font-family: Tahoma;
    font-size: 14px;
    font-weight: bold;
    color: #FF0000;
}
#buyInfo {
    line-height: 40px;
    color: #333;
    font-size: 12px;
    padding-right: 5px;
}
#buyInfo span {
    font-family: Tahoma;
    font-size: 14px;
    font-weight: bold;
    color: #FF0000;
}
.table tr td input{
    width: 110px;
    height: 34px!important;
    border: 1px solid #ccc;
    line-height: 32px!important;
    text-align: center;
}
.table{
    width: 1170px
}
.fontblack {
    color: #333;
    font-weight: bold;
}
.mall-top {
    margin: 0 auto;
}
#preview {
    float: none;
    width: 370px;
}
.jqzoom {
    position: relative;
    padding: 0;
    width: 350px;
    height: 350px;
}
.jqzoom img {
    width: 350px;
}
#spec-n5 {
    width: 350px;
    height: 68px;
    padding-top: 0px;
    overflow: hidden;
}
#spec-left {
    background: url(../images/tu_left.gif) no-repeat;
    width: 10px;
    height: 45px;
    float: left;
    cursor: pointer;
    margin-top: 15px;
}
#spec-list {
    position: relative;
    width: 298px;
    float: left;
    overflow: hidden;
    margin-left: 4px;
    display: inline;
    padding: 12px;
    *padding-right: 0px;
    *padding-left: 0px;
}
#spec-list div {
    margin-top: 0;
    margin-left: -30px;
    *margin-left: 0;
}
#spec-list ul li {
    float: left;
    margin-right: 0px;
    display: inline;
    width: 62px;
}
.list-h li {
    float: left;
    margin-top: 0px;
}
#spec-list ul li img {
    padding: 2px;
    border: 1px solid #ccc;
    width: 48px;
    height: 48px;
}
#spec-right {
    background: url(../images/tu_right.gif) no-repeat;
    width: 10px;
    height: 45px;
    float: left;
    cursor: pointer;
    margin-top: 15px;
}
.carmenu {
    background-color: #000000;
    line-height: 24px;
    color: #ffffff;
    padding-left: 5px;
}
.carct1 {
    background-color: #ffffff;
    color: #000000;
    font-size: 12px;
    line-height: 22px;
    border-bottom: 1px solid #dcdcdc;
}
/*.carct1 input{
    margin: 4px 0 0;
    margin-top: 1px;
    line-height: normal;
}*/
.buyselon {
    border: 1px solid #cc0000;
    padding: 2px;
    overflow: hidden;
    line-height: 24px;
    color: #cc0000;
    width: 45px;
    font-weight: bold;
    background: url(../images/selok.gif) no-repeat;
    background-position: right;
    float: left;
    margin-left: 5px;
    cursor: pointer;
}
.buyseloff {
    border: 1px solid #000000;
    background-color: #ffffff;
    padding: 2px;
    overflow: hidden;
    line-height: 24px;
    color: #000000;
    width: 45px;
    float: left;
    margin-left: 5px;
    cursor: pointer;
}
.price {
    color: #FF0000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}
/*jqzoom*/
.jqzoom{position:relative;padding:0;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:420px;height:400px;background:url(../images/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{ width:auto;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
.f16 {
    font-size: 18px;
    font-weight: bold;
}
.corred {
    color: #FF0000;
}
.price2 {
    color: #FF0000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
}
.carct2{ background-color:#FFFFE1; color:#000000; font-size:12px; line-height:22px; border-bottom:1px solid #dcdcdc;}
.xdgm{
    width: 208px;
    height: 42px;
    background:
}
.paybutton {
    background-color: #cc0000;
    border: 1px solid #990000;
    color: #FFFFFF;
    font-size: 18px;
    line-height: 40px;
    font-weight: bold;
    margin-left: 18px;
    width: 208px;
    cursor: pointer;
}
.mall-aw {
    margin: 0 auto;
}
.mall_left {
    float: left;
    width: 260px;
}
.cttitleon {
    font-family: 微软雅黑;
    height: 40px;
    overflow: hidden;
    line-height: 24px;
    background-color: #000000;
    color: #FFFFFF;
    float: left;
    font-size: 14px;
    padding: 0 8px;
    cursor: pointer;
    width: 245px;
    line-height: 40px
}
.cttitleoff {
    font-family: 微软雅黑;
    height: 40px;
    overflow: hidden;
    line-height: 24px;
    background-color: #ffffff;
    color: #000000;
    float: left;
    font-size: 14px;
    padding: 0 8px;
    cursor: pointer;
    width: 245px;
    line-height: 40px
}
.mall_right {
    float: right;
    padding: 4px 4px 4px 5px;
    border: 1px solid #eeeeee;
    width: 897px
}
.ctw {
    font-size: 14px;
    line-height: 24px;
}
.ctw img {
    width: 100%;
    margin: 0 auto;
}
.inputord {
    text-indent: 3px;
    border: 1px solid #dcdcdc;
    background-color: #f8f8f8;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    min-width: 90px;
    line-height: 28px;
    height: 28px;
    color: #000000;
}
.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
    width: 222px;
    height: 35px;
    border: 0;
    cursor: pointer;
}
.play_pop{
    width: 520px;
    height: 340px;
    position: fixed;
    left: 50%;
    margin-left: -260px;
    top: 50%;
    margin-top: -170px;
    z-index: 999999;
    border: 6px solid rgba(0,0,0,.3);
    border-radius: 5px;
    background: white;
    display: none;
}
.play_top{
    padding: 0 80px 0 20px;
    height: 42px;
    line-height: 42px;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    color: #333;
    overflow: hidden;
    background-color: #F8F8F8;
    border-radius: 2px 2px 0 0;

}
.favpad {
    padding: 10px;
}
.favmusicname {
    line-height: 30px;
    font-size: 12px;
    background: url(../images/control_ico2.gif) -3px -726px no-repeat;
    text-indent: 30px;
    overflow: hidden;
    height: 25px;
}
.selbox {
    line-height: 30px;
    color: #000000;
    background: url(../images/control_ico2.gif) -3px -244px no-repeat;
    text-indent: 28px;
    height: 30px;
    overflow: hidden;
}
.selbox span {
    color: #009900;
}
#selboxct {
    border: 1px solid #dcdcdc;
    height: 120px;
    overflow-y: scroll;
    background-color: #f8f8f8;
    font-size: 13px
}
#selboxct ul {
    padding: 0px;
    margin: 0px;
    overflow: hidden;
}
#selboxct ul a:link {
    color: #333333;
    text-decoration: none;
}
#selboxct ul a {
    color: #333333;
    display: block;
    line-height: 24px;
    text-indent: 10px;
}
#selboxct ul a span {
    margin-left: 10px;
    color: #009900;
}
.selboxctcls {
    background-color: #dcdcdc;
    display: block;
}
.favaddmenu {
    padding-top: 10px;
    clear: both;
    overflow: hidden;
}
.favinput {
    width: 250px;
    overflow: hidden;
    border: 1px solid #dcdcdc;
    background-color: #f8f8f8;
    font-size: 12px;
    height: 25px;
    line-height: 25px;
    text-indent: 8px;
}
.favbutton {
    width: 100px;
    height: 29px;
    line-height: 25px;
    overflow: hidden;
    border: 1px solid #000000;
    color: #ffffff;
    background-color: #262626;
}
.favcontorl {
    padding-top: 10px;
}
.favcontorl ul {
    float: left;
    margin: 0px;
    padding: 0px;
    margin-right: 10px;
    margin-bottom: 10px;
}
.favcontorl input {
    margin-right: 10px;
}
.close_pop{
    position: absolute;
    right: 15px;
    top: 2px;
    font-size:25px;
    line-height: initial;
    cursor: pointer;
}
.pop_btn1,.pop_btn2{
    width: 70px;
    height: 30px;
    color: white;
    border: 0;
    border-radius: 3px;
    cursor: pointer;

}
.pop_btn1{
    background-color: #c9302c;
    border-color: #ac2925;
}
.pop_btn2{
    background-color: #f0ad4e;
    border-color: #eea236;
}
.servers-left {
    width: 200px;
    float: left;
    overflow: hidden;
}
.servers-right {
    width:1000px;
    float: left;
}
.servers-left ul li {
    height: 40px;
    border-right: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
}
.servers-left ul li a {
    line-height: 40px;
    font-size: 12px;
    display: block;
    color: #333333;
    text-decoration: none;
    padding-left: 25px;
}
.servers-left-active {
    background-color: #eeeeee;
    border-left: 4px solid #cd2901;
}
.servers-right-top {
    height: 40px;
    line-height: 40px;
    padding-left: 20px;
    background-color: #f8f8f8;
}
.servers-right-content {
    padding: 20px;
    color: #333333;
}
.servers-left ul li a:hover{
    background-color: #f8f8f8;
    border-left: 4px solid #cd2901;
    padding-left: 21px;
    text-decoration: none;
}
.search_top img{
    width: 30px;
    height: 30px;
}
