@charset "UTF-8";
@import 'fonts.css';
@import '../iconfont/iconfont.css';
@font-face {
    font-family:honorSansBrand;
    src:url('https://hshop.honorfile.com/font/HONORSansBrand-Regular.woff') format("woff");
}
/* 暗色主题变量*/
:root {
    --bg-primary: #0a0a0f;
    --bg-secondary: #121218;
    --bg-tertiary: #1a1a24;
    --bg-card: #1e1e2a;
    --text-primary: #f0f0f0;
    --text-secondary: #b0b0c0;
    --text-muted: #7a7a8c;
    --accent-primary: #6c5ce7;
    --accent-secondary: #a29bfe;
    --accent-success: #00b894;
    --accent-warning: #fdcb6e;
    --accent-danger: #e84393;
    --accent-info: #0984e3;
    --border-color: #2a2a3a;
    --shadow-color: rgba(0, 0, 0, 0.5);
    --sidebar-width: 280px;
    --header-height: 70px;
    --font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --icon-invert: 1;
    --special-gradient: linear-gradient(135deg, #6c5ce7 0%, #e84393 50%, #fd9644 100%);
    --redline-color: #ffd166;
    /* 字体大小 - 改为px单位 */
    --font-size-xs: 12px;
    /* 添加缺失的变量 */
    --caption-text: #f0f0f0;
    --caption-bg: rgba(30, 30, 42, 0.85);
    /*会员中心*/
    --user-bg: #e7e8eb; /*网站背景色*/
    --user-bg1: #f8f8f8; /*菜单栏背景色*/
    --user-card: #FFFFFF; /*次级卡片背景*/ 
    --user-border: #dcdcdc; /*边框颜色*/
    --user-color: #666666; /*hover背景*/
    --user-text-color: #333333; /*文本颜色*/
    --user-text-color1: #444444; /*文本颜色1*/
    --user-text-color2: #000000; /*文本颜色2*/
    --user-text-color3: #999999; /*文本颜色2*/
    --user-text-cor99: #003399; /*辅助文字*/
    --user-text-hover: #337ab7; /*hover背景*/
    --user-nvs2-color: #bd5c3c;/*导航框2*/
    --user-nvs3-color: #2a95ab; /*导航框3*/
    --user-font-family: 'Arial', sans-serif;
    /* 主色板 */
    --toast-primary: #6c5ce7;
    --toast-secondary: #a29bfe;
    --toast-info: #0984e3;
    --toast-warning: #fdcb6e;
    --toast-danger: #e84393;
    --toast-success: #00b894;
    --toast-text-primary: #ffffff;
    --toast-text-secondary: rgba(255, 255, 255, 0.7);
}
body {
    background:var(--bg-primary);
    color:var(--text-secondary);
    font-family:var(--font-family);
    font-size:var(--font-size-xs);
}
body,form,p,ol,ul,p,h1,h2,h3,h4,li,dt,dd,dl,li {
    margin:0px;
    padding:0px;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
img,fieldset {
    border:0;
}
ul,dd,dl,dt,ol,li {
    list-style:none;
    list-style-type:none;
}
em,cite {
    font-style:normal;
}
img {
    vertical-align:middle;
}
input,textarea,select {
    outline:none;
    vertical-align:middle;
}
a:link,a:visited{
    text-decoration:none;
    color:var(--text-secondary);
}
a:hover{
    text-decoration:none;
    color:var(--accent-primary);
}
.pub_path {
    /*background: url(../images/path.png) 8px 8px no-repeat;*/
    background:url("../images/sort_list.gif") -15px -88px no-repeat;
    /*background-size: 30px;*/
    height: 50px;
    text-indent: 35px;
    line-height: 50px;
    overflow: hidden;
    padding: 0 15px;
    border-bottom: 1px solid var(--border-color);
}
.clear {
    clear:both;
}
.clearfix:after {
    content:".";
    display:block;
    font-size:0px;
    line-height:0px;
    height:0;
    clear:both;
    visibility:hidden;
}
.f14 {
    font-size:14px;
}
.f12 {
    font-size:var(--font-size-xs);
}
#f2 {
    background-color:var(--bg-primary);
    width:100%;
}
.h10 {
    height:10px;
    overflow:hidden;
    clear:both;
}
.h15 {
    height:15px;
    overflow:hidden;
    clear:both;
}
.page_body {
    width:1200px;
    margin:0 auto;
    overflow:hidden;
    margin-top: 20px;
    margin-bottom: 20px;
    clear:both;
    border-radius:2px;

    /*width:1200px;
    margin:0 auto;
    background:var(--bg-card);
    margin-top:20px;
    margin-bottom:20px;
    overflow:hidden;
    border-radius: 12px;
    box-shadow: 0 4px 15px var(--shadow-color);
    animation: fadeIn 0.5s ease forwards;
    transition: all 0.3s ease;*/
}
.page_body2 {
    width:1200px;
    margin:0 auto;
    overflow:hidden;
}
.corred {
    color:#bd5c3c;
}
.cor999 {
    color:var(--text-secondary);
}
.Tips_class {
    color:#FD482C;
}
.aw {
    width:1200px;
    margin:0 auto;
    overflow:hidden;
}
.in_botom {
    width:100%;
    overflow:hidden;
    line-height:40px;
    background:#101010;
    position:fixed;
    bottom:0px;
    _position:absolute;
}
.btn-sm {
    _font-size:var(--font-size-xs);
}
.mgr5 {
    margin-right:5px;
}
/* 分页组件优化 - 规范边距 */
.list_split_page {
    float: right;
    height: 32px;
    line-height: 32px;
    margin: 15px 20px 0 0;
    overflow: hidden;
}

.list_split_page li {
    float: left;
    margin: 0 0 0 4px;
}

.list_split_page .b {
    width: 32px;
    text-align: center;
}

.list_split_page .e {
    text-align: center;
    padding: 0 8px;
}

.list_split_page .f input {
    display: block;
    border: 1px solid var(--border-color);
    background-color: var(--bg-card);
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: var(--text-primary);
    padding: 0 8px;
    border-radius: 6px;
    font-family: var(--font-family);
    font-size: var(--font-size-xs);
    box-sizing: border-box;
}

.list_split_page .f input:focus {
    outline: none;
    border-color: var(--accent-primary);
    box-shadow: 0 0 0 2px rgba(108, 92, 231, 0.2);
}

.list_split_page .g {
    text-align: center;
    display: block;
    margin: 0 4px;
}

.list_split_page .g a {
    margin: 0 2px;
}

.list_split_page .g .suboff {
    border: 1px solid var(--border-color);
    display: inline-block;
    background-color: var(--bg-secondary);
    width: 50px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: var(--text-secondary);
    padding: 0 8px;
    border-radius: 6px;
    cursor: pointer;
    font-family: var(--font-family);
    font-size: var(--font-size-xs);
    box-sizing: border-box;
    transition: all 0.2s ease;
}

.list_split_page .g .subon {
    border: none;
    display: inline-block;
    background-color: var(--accent-success);
    width: 50px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: var(--text-primary);
    padding: 0 8px;
    border-radius: 6px;
    cursor: pointer;
    font-family: var(--font-family);
    font-size: var(--font-size-xs);
    box-sizing: border-box;
    transition: all 0.2s ease;
}

.list_split_page .g .suboff:hover {
    background-color: var(--bg-tertiary);
}

.list_split_page .g .subon:hover {
    background-color: #00d8a8;
}

.list_split_page .num {
    font-size: var(--font-size-xs);
    color: var(--text-muted);
    margin: 0 4px;
    /*padding: 0 4px;*/
}

.list_split_page li span {
    color: var(--text-muted);
}

.list_split_page li a {
    display: block;
    color: var(--text-secondary);
    background: var(--bg-tertiary);
    border: 1px solid var(--border-color);
    text-decoration: none;
    min-width: 32px;
    height: 32px;
    margin: 0 2px;
    padding: 0 8px;
    border-radius: 6px;
    font-family: var(--font-family);
    font-size: var(--font-size-xs);
    transition: all 0.2s ease;
    box-sizing: border-box;
    text-align: center;
}

.list_split_page li a:link,
.list_split_page li a:visited {
    color: var(--text-secondary);
}

.list_split_page li a:hover {
    background-color: var(--accent-primary);
    color: var(--text-primary);
    border-color: var(--accent-primary);
}

.list_split_page #page_active span {
    color: var(--text-primary);
}

.list_split_page .active {
    background-color: var(--accent-primary);
    color: var(--text-primary);
    border-color: var(--accent-primary);
    border-radius: 6px;
    font-weight: 500;
}

/* 第二个分页组件 - 规范边距 */
.list_split_page_user {
    float: left;
    height: 32px;
    line-height: 32px;
    margin: 5px 20px 0 0;
    overflow: hidden;
}

.list_split_page_user li {
    float: left;
    margin: 0 0 0 4px;
}

.list_split_page_user .b {
    width: 32px;
    text-align: center;
}

.list_split_page_user .e {
    text-align: center;
    padding: 0 8px;
}

.list_split_page_user .f input {
    display: block;
    border: 1px solid var(--user-border);
    background-color: var(--user-bg1);
    width: 40px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: var(--user-text-color3);
    padding: 0 8px;
    border-radius: 6px;
    font-family: var(--font-family);
    font-size: var(--font-size-xs);
    box-sizing: border-box;
}

/*.list_split_page_user .f input:focus {
    outline: none;
    border-color: var(--accent-primary);
    box-shadow: 0 0 0 2px rgba(108, 92, 231, 0.2);
}*/

.list_split_page_user .g {
    text-align: center;
    display: block;
    margin: 0 4px;
}

.list_split_page_user .g a {
    margin: 0 2px;
}

.list_split_page_user .g .suboff {
    /*border: 1px solid var(--border-color);*/
    display: inline-block;
    background-color: var(--user-text-color);
    width: 50px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: var(--user-text-color3);
    padding: 0 8px;
    border-radius: 6px;
    cursor: pointer;
    font-family: var(--font-family);
    font-size: var(--font-size-xs);
    box-sizing: border-box;
    transition: all 0.2s ease;
}

.list_split_page_user .g .subon {
    border: none;
    display: inline-block;
    background-color: var(--accent-success);
    width: 50px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: var(--text-primary);
    padding: 0 8px;
    border-radius: 6px;
    cursor: pointer;
    font-family: var(--font-family);
    font-size: var(--font-size-xs);
    box-sizing: border-box;
    transition: all 0.2s ease;
}

.list_split_page_user .g .suboff:hover {
    background-color: var(--bg-tertiary);
}

.list_split_page_user .g .subon:hover {
    background-color: #00d8a8;
}

.list_split_page_user .num {
    font-size: var(--font-size-xs);
    color: var(--text-muted);
    margin: 0 4px;
    padding: 0 4px;
}

.list_split_page_user li span {
    color: var(--text-muted);
}

.list_split_page_user li a {
    display: block;
    color: var(--user-text-color);
    background: var(--user-card);
    border: 1px solid var(--user-border);
    text-decoration: none;
    min-width: 32px;
    height: 32px;
    margin: 0 2px;
    padding: 0 8px;
    border-radius: 6px;
    font-family: var(--font-family);
    font-size: var(--font-size-xs);
    transition: all 0.2s ease;
    box-sizing: border-box;
    text-align: center;
}

.list_split_page_user li a:link,
.list_split_page_user li a:visited {
    color: var(--user-text-color3);
}

.list_split_page_user li a:hover {
    background-color: var(--accent-primary);
    color: var(--text-primary);
    border-color: var(--accent-primary);
}

.list_split_page_user #page_active span {
    color: var(--text-primary);
}

.list_split_page_user .active {
    color: var(--text-primary) !important;
    background-color: var(--accent-primary);
    border-color: var(--accent-primary);
    border-radius: 6px;
    font-weight: 500;
}
em {
    color:var(--accent-primary);
    font-style:normal;
}
/*头部*/
#aw {
    width:100%;
    background-color:#010101;
    background-image:url(../images/head.png);
    background-repeat:no-repeat;
    background-position:center;
}
#aw_w {
    width:100%;
    background-repeat:no-repeat;
    background-position:center;
}
#top_content .logo {
    float:left;
    margin-left:0px;
    width:328px;
    margin-left:10px;
    position:relative;
}
#top_content .logo img {
    width:162px;
}
#top_content #english {
    float:left;
    background:url(../images/english.gif) 0px 4px;
    background-repeat:no-repeat;
    width:70px;
    height:20px;
    overflow:hidden;
    text-indent:21px;
    margin-top:4px;
    margin-left:15px;
}
#top_content #wechat {
    float:left;
    background:url(../images/wechat-ico.png) 0px 2px;
    _background:url(../images/wechat-ico.gif) 0px 2px;
    background-repeat:no-repeat;
    width:80px;
    height:20px;
    overflow:hidden;
    text-indent:21px;
    margin-top:4px;
    margin-left:8px;
}
.logo_reg {
    float:left;
    margin-left:0px;
    width:190px;
}
.logo_reg img {
    width:162px;
}
#top_content {
    height:130px;
    width:1200px;
    margin:0 auto;
}
#top_content ul {
    margin:0px;
    padding:0px;
}
#lettop {
    height:40px;
    width:100%;
    overflow:hidden;
}
#reg_top_right {
    float:left;
    width:800px;
    overflow:hidden;
}
/*底部开始*/
#footer {
    background:var(--bg-card);
    color:var(--text-secondary);
    overflow:hidden;
}
#footer #bottom a:link {
    color:var(--text-secondary);
    text-decoration:none;
}
#footer #bottom a:visited {
    color:var(--text-secondary);
    text-decoration:none;
}
#footer #bottom a:hover {
    color:var(--accent-primary);
}
#link .linktitle {
    line-height:22px;
    color:var(--text-secondary);
    line-height:22px;
}
#link {
    width:1200px;
    margin:0 auto;
}
#link {
    padding-top:8px;
    clear:both;
    padding-bottom:5px;
}
#link .link_title {
    line-height:22px;
    color:var(--text-secondary);
    line-height:22px;
}
#link a {
    color:var(--text-secondary);
}
#link a:link {
    color:var(--text-secondary);
}
#link a:visited {
    color:var(--text-secondary);
}
#link a:hover {
    color:var(--accent-primary);
}
#link .link_title a {
    margin-right:15px;
    display:inline-block;
    line-height:18px;
}
#link .link_title a {
    ;
}
#link .link_title a:link {
    color:var(--accent-primary);
}
#link .link_title a:visited {
    color:var(--accent-primary);
}
#link .link_title a:hover {
    color:var(--text-secondary);
}
#footct #winfo {
    clear:both;
}
#footct #bottom {
    line-height:24px;
    padding-top:5px;
}
#footct {
    width:1200px;
    margin:0 auto;
}
#footct .linesx {
    width:1200px;
    margin:0 auto;
    background-color:var(--bg-card);
    height:1px;
    overflow:hidden;
    border-bottom:1px solid #121212;
}
#footct #bottom .btmenu {
    float:left;
    color:var(--text-secondary);
}
#footct #bottom .btright {
    float:left;
    color:var(--text-secondary);
}
#footct #bottom .btmenu {
    line-height:40px;
    height:40px;
    overflow:hidden;
}
#footct #bottom .btmenu span {
    display:block;
    float:left;
    margin-left:10px;
    margin-right:10px;
    color:var(--text-secondary);
}
#footct #bottom .btmenu  a:link {
    color:var(--text-secondary);
}
#footct #bottom .btmenu  a:visited {
    color:var(--text-secondary);
}
#footct #bottom .btmenu  a:hover {
    color:var(--accent-primary);
}
#footct #bottom .btmenu a {
    display:block;
    float:left;
}
#footct .zhengshu {
    height:30px;
    line-height:30px;
}
#footct .zhengshu p {
    float:left;
}
#footct .wa_ico,.www_ico,.xkz_ico,.ba_ico {
    ;
}
.wa_ico {
    background:url(../images/footer_ico.gif) -10px -3px no-repeat;
    overflow:hidden;
    text-indent:18px;
}
.www_ico {
    background:url(../images/footer_ico.gif) -8px -66px no-repeat;
    overflow:hidden;
    text-indent:20px;
}
.xkz_ico {
    ;
}
#footct #bottom .btleft {
    width:720px;
    float:left;
    color:var(--text-secondary);
}
#footct #bottom .btleft ul {
    margin:0px;
    padding:0px;
}
#footct #bottom .btleft ul li {
    margin:0px;
    padding:0px;
    list-style:none;
    font-size:12px;
}
#footct #bottom .btleft a {
    display:block;
    margin-right:25px;
    float:left;
}
#footct #bottom .btright {
    float:left;
}
#footct #bottom .btright .ios_ico {
    background:url(../images/footer_ico2.gif) -5px -5px no-repeat;
    text-indent:30px;
}
#footct #bottom .btright .and_ico {
    background:url(../images/footer_ico2.gif) -5px -48px no-repeat;
    text-indent:30px;
}
#footct #bottom .btright .weixin_ico {
    background:url(../images/footer_ico2.gif) -8px -90px no-repeat;
    text-indent:30px;
}
#footct #bottom .btright .weixin_ico_app {
    background:url(../images/ico/wx_app_ico.gif) 0px 3px no-repeat;
    text-indent:30px;
}
#footct .khd_title {
    color:#3f3f3f;
    line-height:36px;
    font-size:16px;
    background:url(../images/footer_ico2.gif) -8px -128px no-repeat;
    text-indent:30px;
}
/*底部结束*/
/*搜索 - 优化版*/
.search {
    float: left;
    width: 296px;
    position: relative;
    margin-top: 5px;
    z-index: 4;
}

/*.searchct {
    width: 296px;
    height: 34px;
    overflow: hidden;
    background: linear-gradient(145deg, var(--bg-tertiary) 0%, var(--bg-secondary) 100%);
    border: 1px solid var(--border-color);
    border-radius: 17px;
    position: relative;
}*/

.searchct {
    width: 296px;
    height: 34px;
    overflow: hidden;
    background: linear-gradient(145deg, var(--bg-tertiary) 0%, var(--bg-secondary) 100%);
    border: 1px solid var(--border-color);
    border-radius: 17px;
    position: relative;
    transition: all 0.3s ease;
}

.searchct::before {
    content: "";
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background-color: var(--text-muted);
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 2a9 9 0 1 0 5.618 16.032l4.675 4.675a1 1 0 0 0 1.414-1.414l-4.675-4.675A9 9 0 0 0 11 2zm0 2a7 7 0 1 1 0 14 7 7 0 0 1 0-14z'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 2a9 9 0 1 0 5.618 16.032l4.675 4.675a1 1 0 0 0 1.414-1.414l-4.675-4.675A9 9 0 0 0 11 2zm0 2a7 7 0 1 1 0 14 7 7 0 0 1 0-14z'/%3E%3C/svg%3E") center/contain no-repeat;
    z-index: 8;
    transition: background-color 0.3s ease;
}

.searchct:focus-within {
    box-shadow: 0 0 0 2px rgba(108, 92, 231, 0.2);
    border-color: var(--accent-primary);
}

.searchct:focus-within::before {
    background-color: var(--accent-primary);
}

#inputbox {
    float: left;
    width: 230px;
    overflow: hidden;
    padding-left: 35px;
    z-index: 7;
}

#inputbox .inputx {
    border: 0;
    line-height: 34px;
    height: 34px;
    width: 220px;
    font-size: var(--font-size-xs);
    overflow: hidden;
    color: var(--text-primary);
    background: transparent;
    outline: none;
}

#inputbox .inputx:focus {
    color: var(--text-primary);
}

#inputbox .inputx::placeholder {
    color: var(--text-muted);
    opacity: 0.8;
}

#bt {
    float: right;
    width: 50px;
    overflow: hidden;
    height: 34px;
}

#searchbt {
    text-align: center;
    display: block;
    line-height: 24px;
    height: 24px;
    margin-top: 4px;
    margin-right: 5px;
    border-radius: 12px;
    cursor: pointer;
    background: var(--accent-primary);
    color: white;
    font-size: var(--font-size-xs);
    border: none;
    transition: all 0.3s ease;
}

#searchbt:hover {
    background: var(--accent-secondary);
    transform: translateY(-1px);
}

#ser_result {
    position: absolute;
    background-color: var(--bg-card);
    overflow: hidden;
    width: 250px;
    margin-left: 13px;
    z-index: 999;
    margin-top: 5px;
    border: 1px solid var(--border-color);
    border-radius: 8px;
    box-shadow: 0 4px 12px var(--shadow-color);
    display: none;
}

#ser_result ul {
    margin: 0;
    padding: 5px 0;
    list-style: none;
}

#ser_result ul a {
    margin: 0;
    padding: 0;
    display: block;
    line-height: 28px;
    font-size: var(--font-size-xs);
    padding: 0 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: var(--text-secondary);
    text-decoration: none;
    transition: all 0.2s ease;
}

#ser_result ul a:link,
#ser_result ul a:visited {
    background-color: transparent;
    color: var(--text-secondary);
}

#ser_result ul a:hover {
    background-color: var(--bg-tertiary);
    color: var(--text-primary);
}

#ser_result ul a span {
    color: var(--accent-primary);
    font-weight: 500;
}

.heard_tj_tags {
    padding-top: 5px;
    padding-left: 5px;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.heard_tj_tags span {
    background: var(--bg-tertiary);
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 12px;
}

.heard_tj_tags span a {
    color: var(--text-muted);
    text-decoration: none;
    transition: color 0.3s ease;
}

.heard_tj_tags span a:link,
.heard_tj_tags span a:visited {
    color: var(--text-muted);
}

.heard_tj_tags span a:hover {
    color: var(--text-primary);
}

/* 添加一些交互效果 */
.searchct:focus-within {
    box-shadow: 0 0 0 2px rgba(108, 92, 231, 0.2);
    border-color: var(--accent-primary);
}
/*功能菜单*/
#contorlmenu {
    width:465px;
    float:right;
    position:relative;
    z-index:999;
}
#login_menu {
    float:left;
    width:100px;
    overflow:hidden;
}
#login_menu_in {
    float:left;
    display:block;
    position:relative;
    width:90px;
}
#login_menu_in .username_menu {
    line-height:24px;
    width:60px;
    overflow:hidden;
    height:20px;
    text-align:left;
    white-space:nowrap;
    text-overflow:ellipsis;
}
#login_menu_in .zhuxiao {
    line-height:18px;
    width:60px;
    overflow:hidden;
    height:20px;
    text-align:left;
    white-space:nowrap;
    text-overflow:ellipsis;
}
#login_menu_in .menu_isvip {
    width:30px;
    position:absolute;
    margin-top:-6px;
    text-align:center;
    *margin-left:-30px;
    *margin-top:20px;
}
#login_menu_in .menu_isvip img {
    width:20px;
}
#login_menu_zi {
    position:absolute;
    display:block;
    margin-left:0px;
    top:36px;
    width:188px;
    border-top:0px;
    z-index:4;
    background:url("../images/xjt.png") 45px 0px no-repeat;
    background-color:#000000;
    overflow:hidden;
    display:none;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    border-top:4px solid #94d500;
    opacity:0.95;
    filter:alpha(opacity=95);
}
#login_menu_zi a {
    clear:both;
    display:block;
    text-align:center;
    line-height:24px;
    height:24px;
    margin-top:5px;
    margin-bottom:5px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
}
.menu_zi0 {
    float:left;
    width:80px;
    margin-left:10px;
    _margin-left:5px;
}
.menu_zi0 a {
    background-color:#000000;
    border:1px solid #333333;
}
.menu_zi0 a:link {
    color:var(--text-secondary);
}
.menu_zi0 a:visited {
    color:var(--text-secondary);
}
.menu_zi0 a:hover {
    color:var(--accent-primary);
    background-color:#101010;
    border:1px solid #999999;
    text-decoration:none;
}
.menu_zi0 .menu_zi0_logout {
    display:block;
    width:170px;
    margin:0 auto;
    line-height:26px;
    height:26px;
    text-align:center;
    background-color:#bd5c3c;
    border:1px solid #a44f33;
}
.menu_zi0 .menu_zi0_logout:link {
    background-color:#bd5c3c;
    border:1px solid #a44f33;
}
.menu_zi0 .menu_zi0_logout:visited {
    background-color:#bd5c3c;
    border:1px solid #a44f33;
}
.menu_zi0 .menu_zi0_logout:hover {
    text-decoration:none;
    background-color:#bd5c3c;
    border:1px solid #a44f33;
}
#playlog_history {
    position:absolute;
    margin-left:0px;
    width:300px;
    z-index:9999;
    border-top:0px;
    z-index:999;
    background:url("../images/xjt.png") 35px 0px no-repeat;
    background-color:#101010;
    overflow:hidden;
    display:none;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    border-top:4px solid var(--accent-primary);
}
.mc_class {
    padding:10px;
}
#playlog_history .mc_class .mc1 {
    width:280px;
    _overflow:hidden;
}
#playlog_history .mc_class .mc1 a {
    background-color:#101010;
    border-bottom:1px solid #212121;
    line-height:28px;
    height:28px;
    display:block;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}
#playlog_history .mc_class .mc1 a:link {
    color:var(--text-secondary);
}
#playlog_history .mc_class .mc1 a:visited {
    color:var(--text-secondary);
}
#playlog_history .mc_class .mc1 a:hover {
    color:var(--accent-primary);
    text-decoration:none;
}
#playlog_history .nolog {
    line-height:30px;
    padding-left:10px;
}
#login_menu .nologin {
    background:url(../images/contorl_ico.png) 0px -6px no-repeat;
    _background:url(../images/contorl_ico.gif) 0px -6px no-repeat;
    overflow:hidden;
    text-indent:35px;
    line-height:34px;
    font-size:var(--font-size-xs);
}
#playlog_menu {
    float:left;
    width:90px;
    position:relative;
}
#playlog_menu .playlog {
    background:url(../images/contorl_ico.png) 0px -92px no-repeat;
    _background:url(../images/contorl_ico.gif) 0px -92px no-repeat;
    overflow:hidden;
    text-indent:35px;
    line-height:34px;
    font-size:var(--font-size-xs);
}
/*购车车样式*/
#cd_mneu {
    float:left;
    width:90px;
}
#cd_mneu .cd_top {
    background:url(../images/contorl_ico.png) 0px -179px no-repeat;
    _background:url(../images/contorl_ico.gif) 0px -179px no-repeat;
    overflow:hidden;
    text-indent:35px;
    line-height:34px;
    font-size:var(--font-size-xs);
}
#cd_mneu p {
    width:18px;
    height:18px;
    background-color:#D3320A;
    color:var(--text-primary);
    overflow:hidden;
    position:absolute;
    text-align:center;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    font-family:var(--font-family);
    display:none;
    margin-top:-35px;
    margin-left:25px;
    display:block;
}
.car_tip0 {
    color:#987841;
}
.car_tip1 {
    /*color:var(--text-primary);*/
}
.car_tip1 span {
    font-weight:bold;
    color:#bd5c3c;
}
/*购车车样式*/#cdorder_menu {
    float:left;
    width:90px;
}
#cdorder_menu .cdorder {
    background:url(../images/contorl_ico.png) 0px -264px no-repeat;
    text-indent:35px;
    line-height:34px;
    font-size:var(--font-size-xs);
}
/*功能菜单*/#upan_menu {
    float:left;
    width:90px;
}
#upan_menu .upan {
    background:url(../images/contorl_ico.png) 0px -352px no-repeat;
    text-indent:35px;
    line-height:34px;
    font-size:var(--font-size-xs);
}
#ex_menu {
    float:left;
    width:90px;
}
#ex_menu .ex {
    background:url(../images/top_ex.png) 7px 5px no-repeat;
    text-indent:35px;
    line-height:34px;
    font-size:var(--font-size-xs);
}

#top_banner {
    width:100%;
    background-color:var(--bg-card);
    height:39px;
    clear:both;
    padding-top:1px;
}
#top_banner_bg {
    width:1200px;
    margin:0 auto;
    background-color:var(--bg-card);
    height:38px;
}
.black_line {
    height:1px;
    overflow:hidden;
    background-color:#101010;
    width:100%;
}
#top_bannerct {
    width:1200px;
    margin:0 auto;
}
.menu {
    position:relative;
    zoom:1;
    float:left;
    z-index:2;

    display: flex;
    justify-content: center;
}
.menu ul {
    background-image: url(../images/banner_bg10.gif);
    background-repeat: no-repeat;
    background-position-y: 17px;

    float:left;
    font-size:12px;
    color:#FFFFFF;
    text-align:center;
    margin-top:3px;
    overflow:hidden;
    line-height:20px;
    height:33px;
    width:120px;
}
.menu:first-child ul {
    background-position-x:22px;
}
.menu:nth-child(2) ul {
    background-position-x:-99px;
}
.menu:nth-child(3) ul {
    background-position-x:-231px;
}
.menu:nth-child(4) ul {
    background-position-x:-366px;
}
.menu:nth-child(5) ul {
    background-position-x:-501px;
}
.menu:nth-child(6) ul {
    background-position-x:-636px;
}
.menu:nth-child(7) ul {
    background-position-x:-761px;
}
.menu:nth-child(8) ul {
    background-position-x:-876px;
}
.menu:nth-child(9) ul {
    background-position-x:-988px;
}
.menu:nth-child(10) ul {
    background-position-x:-1102px;
}
.top_banner_float {
    background-color:#000000;
    border:2px solid #262626;
    width:150px;
    overflow:hidden;
    position:absolute;
    display:block;
    margin-left:-33px;
    top:36px;
    border-top:0px;
    z-index:4;
    display:none;
}
.top_banner_float2 {
    position:absolute;
    display:block;
    /*margin-left:-20px;*/
    top:36px;
    width:150px;
    padding:10px;
    border-top:0px;
    z-index:4;
    background:url("../images/xjt.png") 68px 0px no-repeat;
    background-color:var(--bg-card);
    border:1px solid var(--border-color);
    overflow:hidden;
    display:none;
    /*IE7*/
    *margin-left:-120px;
    *top:40px;
    /*IE7*/
    /*IE6*/
    /*IE6*/;
}
.top_banner_float2 a {
    clear:both;
    display:block;
    text-align:center;
    border-radius:10px;
    line-height:24px;
    height:24px;
    margin-top:5px;
    margin-bottom:5px;
}

/*#top_banner {
    width:100%;
    background-color:var(--bg-card);
    height:50px;
    clear:both;
}
.black_line {
    height:1px;
    overflow:hidden;
    background-color:#101010;
    width:100%;
}
#top_bannerct {
    width:1200px;
    margin:0 auto;
}
.menu {
    position:relative;
    float:left;
    z-index:2;
    height:50px;
}
.menu ul {
    display:inline-block;
    font-size:14px;
    cursor:pointer;
    z-index:1;
    position:relative;
    height:48px;
}
.menu ul a {
    position:relative;
    display:block;
    width:120px;
    text-align:center;
    line-height:35px;
}
.menu ul p {
    position:relative;
    display:flow;
    width:120px;
    text-align:center;
    line-height:10px;
    font-size:10px;
    top:-5px;
    color:#999;
}
.top_banner_float {
    background-color:#000000;
    border:2px solid #262626;
    width:150px;
    overflow:hidden;
    position:absolute;
    display:block;
    margin-left:-33px;
    top:36px;
    border-top:0px;
    z-index:4;
    display:none;
}
.top_banner_float2 {
    position:absolute;
    display:block;
    top:50px;
    width:150px;
    padding:10px;
    border-top:0px;
    z-index:4;
    background:url(../images/xjt.png) 66px 0px no-repeat;
    background-color:var(--bg-card);
    border:1px solid var(--border-color);
    overflow:hidden;
    display:none;
}
.top_banner_float2 a {
    clear:both;
    display:block;
    text-align:center;
    border-radius:10px;
    line-height:20px;
    height:24px;
    margin-top:5px;
    margin-bottom:5px;
}*/
.xcls0 a {
    background-color:var(--bg-secondary);
    border:1px solid var(--border-color);
}
.xcls1 a {
    background-color:#f8f8f8;
    border:1px solid #94d500;
}
.xcls0 a:link {
    color:var(--text-secondary);
}
.xcls0 a:visited {
    color:var(--text-secondary);
}
.xcls0 a:hover {
    color:var(--accent-primary);
    background-color:var(--bg-secondary);
    border:1px solid var(--accent-primary);
    text-decoration:none;
}
.xcls1 a:link {
    color:var(--text-secondary);
}
.xcls1 a:visited {
    color:var(--text-secondary);
}
.xcls1 a:hover {
    color:var(--accent-primary);
    background-color:#333333;
}
.banneron {
    border-bottom:4px solid var(--accent-primary);
    font-weight:bold;
    overflow:hidden;
}
.banneron a:link {
    color:var(--text-secondary);
}
.banneron a:visited {
    color:var(--text-secondary);
}
.banneron a:hover {
    color:var(--accent-primary);
    text-decoration:none;
}
.banneroff {
    font-weight:bold;
    overflow:hidden;
}
.banneroff a:link {
    text-decoration:none;
    color:var(--text-secondary);
}
.banneroff a:visited {
    text-decoration:none;
    color:var(--text-secondary);
}
.banneroff a:hover {
    color:var(--accent-primary);
    text-decoration:none;
}
.banneron_home {
    border-bottom:4px solid #6c5ce7;
    font-weight:bold;
    overflow:hidden;
}
.banneron_homebanneron_home a:link {
    color:var(--text-secondary);
}
.banneron a:visited {
    color:var(--text-secondary);
}
.banneron_home a:hover {
    color:var(--accent-primary);
    text-decoration:none;
}
/*舞曲列表*/
.sort_list_left {
    /*padding:10px;*/
    border-radius: 12px;
    background: var(--bg-card);
    box-shadow: 0 4px 15px var(--shadow-color);
    animation: fadeIn 0.5s ease forwards;
    transition: all 0.3s ease;
    font-family: var(--font-family);
    width:950px;
    float:left;
    overflow:hidden;
}
.sort_list_left_ct {
    /*padding:15px;*/
}
.path_ico {
    background:url("../images/sort_list.gif") -28px -88px no-repeat;
    overflow:hidden;
    height:40px;
    width:40px;
}
.path_ct {
    line-height:26px;
    color:var(--text-secondary);
}
.path_ct  a {
    color:var(--text-secondary);
}
.path_ct  a:link {
    color:var(--text-secondary);
}
.path_ct  a:visited {
    color:var(--text-secondary);
}
.path_ct  a:hover {
    color:var(--accent-primary);
}
.lines {
    width:100%;
    height:2px;
    background:url("../images/line_bg.png");
    overflow:hidden;
}
.list_fenlei {
    ;
}
/*.list_tl {
    width:65px;
    color:#999999;
    text-indent:5px;
    height:30px;
    line-height:30px;
    float:left;
    font-size:var(--font-size-xs);
    background:url("../images/sort_list.gif") -15px -17px no-repeat;
}
.list_tr {
    width:650px;
    float:left;
    font-size:var(--font-size-xs);
}*/
/*.list_tl {
    width:65px;
    color:#999;
    text-indent:20px;
    height:42px;
    line-height:50px;
    float:left;
    font-size:var(--font-size-xs);
    background:url(../images/sort_list.gif) 0 -5px no-repeat;
}*/
.list_tl {
    width: 78px;
    height:42px;
    float: left;
    text-indent: 20px;
    line-height:50px;
    /*margin-top: 13px;*/
    color: var(--text-primary);
    font-weight: 600;
    background:url(../images/sort_list.gif) 0px -5px no-repeat;
}
.list_tr {
    width:850px;
    float:left;
    font-size:var(--font-size-xs);
}
/*.list_flex {
    display:flex;
    justify-content:space-between;
    width:865px;
}
.list_ex {
    flex-wrap:wrap;
}*/
/*.list_ex .flof {
    margin:3px 6px 0 !important;
    padding-right:0 !important;
}*/
.list_tr li {
    white-space:nowrap;
}
.list_tr .flof {
    float: left;
    line-height: 30px;
    margin: 0px;
    padding: 0px 10px;
    margin-right: 4px;
    margin-top: 10px;
    background-color: var(--bg-tertiary);
    border-radius: 10px;
    transition: all 0.3s ease;
    border: 1px solid var(--border-color);
}
.list_tr .flon {
    background-color: var(--accent-primary);
    float: left;
    line-height: 30px;
    margin: 0px;
    padding: 0px 15px;
    margin-right: 7px;
    margin-top: 10px;
    color: #FFFFFF;
    border-radius: 15px;
    transition: all 0.3s ease;
}
.list_tr .flon:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px var(--shadow-color);
}
.list_tr .flon a:link {
    color:#FFFFFF;
}
.list_tr .flon a:visited {
    color:#FFFFFF;
}
.list_tr .flon a:hover {
    color:#FFFFFF;
}
.list_tr .flof a {
    color: var(--text-primary);
    text-decoration: none;
    transition: color 0.3s ease;
}
.list_tr .flof a:hover {
    color: var(--accent-primary);
}
.list_tr .flof:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px var(--shadow-color);
}
.sortid {
    float: left;
    width: 20px;
    height: 39px;
    cursor: pointer;
}
.sortid {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    padding: 0;
    cursor: pointer;
    position: relative;
    border-radius: 4px;
    background-color: var(--bg-card);
    vertical-align: middle;
}

.sortid.sortid_on {
    background: url(../images/ico/bg.gif) no-repeat -23px -246px;
    margin-left:10px;
    background-size: auto;
    filter: invert(var(--icon-invert));
}
.list_tr .flof7 {
    float:left;
    line-height:23px;
    margin:0px;
    padding:0px;
    margin-right:6px;
    padding-left:5px;
    padding-right:4px;
    margin-top:3px;
}
.list_tr .flon7 {
    background-color:var(--accent-primary);
    float:left;
    line-height:23px;
    margin:0px;
    padding:0px;
    margin-right:7px;
    padding-left:8px;
    padding-right:8px;
    margin-top:3px;
    color:var(--text-primary);
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
}
.list_tr .flon7 a:link {
    color:var(--text-secondary);
}
.list_tr .flon7 a:visited {
    color:var(--text-secondary);
}
.list_tr .flon7 a:hover {
    color:var(--accent-primary);
}
.list_tr .flof7 a:link {
    color:var(--text-secondary);
}
.list_tr .flof7 a:visited {
    color:var(--text-secondary);
}
.list_tr .flof7 a:hover {
    color:var(--accent-primary);
}
.list_tr .flof2 {
    float:left;
    line-height:23px;
    margin:0px;
    padding:0px;
    margin-right:6px;
    padding-left:6px;
    padding-right:5px;
    margin-top:3px;
}
.list_tr .flon2 {
    background-color:var(--accent-primary);
    float:left;
    line-height:23px;
    margin:0px;
    padding:0px;
    margin-right:6px;
    padding-left:6px;
    padding-right:5px;
    margin-top:3px;
    color:var(--text-primary);
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
}
.list_tr .flon2 a:link {
    color:var(--text-secondary);
}
.list_tr .flon2 a:visited {
    color:var(--text-secondary);
}
.list_tr .flon2 a:hover {
    color:var(--accent-primary);
}
.list_tr .flof2 a:link {
    color:var(--text-secondary);
}
.list_tr .flof2 a:visited {
    color:var(--text-secondary);
}
.list_tr .flof2 a:hover {
    color:var(--accent-primary);
}
#hothaomenu {
    overflow: hidden;
    padding: 10px 15px;
    background: var(--bg-tertiary);
    border-bottom: 1px solid var(--border-color);
}
#hothaomenu a {
    display: block;
    float: left;
    width: 110px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    text-align: center;
    overflow: hidden;
    text-decoration: none;
    transition: all 0.3s ease;
    border-radius: 30px;
    margin-left: 5px;
}
#hothaomenu .pxof {
    background-color: var(--bg-card);
    color: var(--text-primary);
    border: 1px solid var(--border-color);
}
#hothaomenu .pxon {
    background: var(--special-gradient);
    color: #ffffff;
    box-shadow: 0 4px 12px var(--shadow-color);
}
#hothaomenu a:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 15px var(--shadow-color);
}
/*#hothaomenu {
    background-color:#111111;
    overflow:hidden;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
}
#hothaomenu a {
    display:block;
    float:left;
    width:116px;
    *width:115px;
    _width:115px;
    height:30px;
    line-height:30px;
    font-size:var(--font-size-xs);
    text-align:center;
    overflow:hidden;
}
#hothaomenu .pxof {
    border-right:1px solid #262626;
    _background-color:#111111;
}
#hothaomenu .pxof a:link {
    color:var(--text-secondary);
}
#hothaomenu .pxof a:visited {
    color:var(--text-secondary);
}
#hothaomenu .pxof a:hover {
    color:var(--accent-primary);
}
#hothaomenu .pxon {
    background:url("../images/list_menu_bg.gif") no-repeat;
    overflow:hidden;
    color:var(--text-primary);
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
}
#hothaomenu .pxon2 {
    background-color:#dhcd0000;
    overflow:hidden;
    border-bottom:2px solid #000000;
    color:#FFFFFF;
}*/
/*.list_musiclist {
    clear: both;
    width: 100%;
    border-collapse: collapse;
}
.list_musiclist th {
    background: var(--bg-tertiary);
    text-align: center;
    color: var(--text-secondary);
    line-height: 50px;
    font-weight: normal;
    border-bottom: 1px solid var(--border-color);
}
.list_musiclist td {
    line-height: 24px;
    height: 50px;
    border-bottom: 1px solid var(--border-color);
}*/
/*.list_musiclist td {
    background-position:bottom;
    background-repeat:repeat-x;
    height:45px;
    border-bottom: 1px solid var(--border-color);
}
.list_musiclist th {
    height:40px;
    line-height: 50px;
    font-weight:normal;
    background:var(--bg-tertiary);
    text-align:center;
    background-position:bottom;
    background-repeat:repeat-x;
    color:var(--text-secondary);
    border-bottom: 1px solid var(--border-color);
}*/
.list_musiclist {
    clear: both;
    width: 100%;
    border-collapse: collapse;
}
.list_musiclist th {
    background: var(--bg-tertiary);
    text-align: center;
    color: var(--text-secondary);
    line-height: 50px;
    font-weight: normal;
    border-bottom: 1px solid var(--border-color);
}
.list_musiclist td {
    line-height: 24px;
    height: 50px;
    border-bottom: 1px solid var(--border-color);
}
.contorl_menu_ico {
    padding-top:8px;
    margin-left:5px;
}
.icofav a {
    background:url(../images/sort_list.gif) no-repeat  -82px -188px;
    width:25px;
    height:39px;
    float:left;
    display:block;
}
.icofav a:hover {
    background:url(../images/sort_list.gif) no-repeat -81px -151px;
    width:25px;
    height:39px;
    float:left;
    display:block;
}
.icodown a {
    background:url(../images/sort_list.gif) no-repeat  -32px -188px;
    width:25px;
    height:39px;
    float:left;
    display:block;
}
.icodown a:hover {
    background:url(../images/sort_list.gif) no-repeat  -31px -151px;
    width:25px;
    height:39px;
    float:left;
    display:block;
}
.icocar a {
    background:url(../images/sort_list.gif) no-repeat  -57px -188px;
    width:25px;
    height:39px;
    float:left;
    display:block;
}
.icocar a:hover {
    background:url(../images/sort_list.gif) no-repeat  -56px -151px;
    width:25px;
    height:39px;
    float:left;
    display:block;
}
.dbg {
    background-color: var(--bg-tertiary);
    transition: all 0.3s ease;
}
.list_vb {
    ;
}
.isgood_list li {
    float:left;
    line-height:45px;
    margin-right:5px;
}
.isgood_list {
    height:45px;
    overflow:hidden;
}
.isgood_list .list_play_img {
    position:relative;
}
.isgood_list .isgood_pic {
    padding:0px;
    margin:0px;
    width:27px;
    height:24px;
    background:url(../images/isgood_ico.png);
    _background:url(../images/isgood_ico.gif);
    overflow:hidden;
    position:absolute;
    z-index:3;
    margin-top:-41px;
    *margin-top:1px;
    _margin-top:1px;
    margin-left:13px;
    *margin-left:-31px;
    _margin-left:-31px;
}
.isgood_list .list_play_img_title {
    width:465px;
    overflow:hidden;
    height:44px;
}
.isgood_list .list_play_img_title .t1 {
    line-height:21px;
    width:470px;
    overflow:hidden;
    height:20px;
}
.isgood_list .list_play_img_title .t1 a {
    color:var(--text-secondary);
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    max-width:470px;
}
.isgood_list .list_play_img_title .t1 a:link {
    color:var(--text-secondary);
}
.isgood_list .list_play_img_title .t1 a:visited {
    color:var(--text-secondary);
}
.isgood_list .list_play_img_title .t1 a:hover {
    color:var(--accent-primary);
    display:inline-block;
    height:20px;
}
.isgood_list .list_play_img_title .t2 {
    line-height:38px;
    color:#666666;
    font-size:10px;
    float:left;
}
.isgood_list .list_play_img img {
    width:40px;
    height:40px;
    border:0px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
}
.t2 .sc_1 {
    float:left;
}
.t2 .sc_2 {
    float:left;
    display:block;
    margin-left:10px;
    color:#666666;
}
.t2 .sc_3 a {
    float:left;
    display:block;
    width:40px;
    height:25px;
    margin-left:10px;
    color:#666666;
    background:url(../images/lrc_ico.gif) 0px -50px;
    background-repeat:no-repeat;
    overflow:hidden;
}
.t2 .sc_3 a:hover {
    float:left;
    background:url(../images/lrc_ico.gif) 0px 2px;
    color:#666666;
}
.isgood_ico {
    display:block;
    float:left;
    background:url(../images/ico/tuijian.gif);
    width:16px;
    height:16px;
    margin-top:8px;
    overflow:hidden;
    margin-left:10px;
}
.sort_list_right {
    padding-top:20px;
    /*padding-left:10px;
    padding-right:10px;*/
    border-radius: 12px;
    background: var(--bg-card);
    box-shadow: 0 4px 15px var(--shadow-color);
    animation: fadeIn 0.5s ease forwards;
    transition: all 0.3s ease;
    font-family: var(--font-family);
    float:right;
    overflow:hidden;
}
.list_bank_title {
    background:url(../images/sort_list.gif)  -15px -268px;
    width:215px;
    overflow:hidden;
    height:50px;
    font-size:16px;
    color:#999999;
    margin:0 auto;
    padding:0;
}
.list_bank_title p {
    padding:0px;
    margin:0px;
    padding-left:46px;
    padding-top:5px;
}
.list_hot_down {
    overflow:hidden;
}
.list_hot_down dl {
    clear:both;
    height:49px;
    overflow:hidden;
    line-height:20px;
}
.list_hot_down 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;
}
.list_hot_down dl dd {
    margin-left:6px;
    float:left;
    width:170px;
    height:36px;
    overflow:hidden;
    /*margin-top:4px;*/
}
.list_hot_down dl dd  a:link {
    color:var(--text-secondary);
}
.list_hot_down dl dd  a:visited {
    color:var(--text-secondary);
}
.list_hot_down dl dd  a:hover {
    color:var(--accent-primary);
}
.list_hot_down .list_px_img {
    width:39px;
    height:39px;
    border:0px;
    filter:alpha(opacity=80);
    moz-opacity:0.8;
    opacity:0.8;
}
.list_hot_down dl dt p {
    display:block;
    width:39px;
    height:39px;
    overflow:hidden;
    position:absolute;
    z-index:5;
    margin-top:-39px;
}
.list_hot_down dl  .num1 {
    background:url(../images/list_num.gif) no-repeat  -5px -10px;
}
.list_hot_down dl  .num2 {
    background:url(../images/list_num.gif) no-repeat  -5px -62px;
}
.list_hot_down dl  .num3 {
    background:url(../images/list_num.gif) no-repeat  -5px -114px;
}
.list_hot_down dl  .num4 {
    background:url(../images/list_num.gif) no-repeat  -5px -166px;
}
.list_hot_down dl  .num5 {
    background:url(../images/list_num.gif) no-repeat  -5px -218px;
}
.list_hot_down dl  .num6 {
    background:url(../images/list_num.gif) no-repeat  -5px -270px;
}
.list_hot_down dl  .num7 {
    background:url(../images/list_num.gif) no-repeat  -5px -322px;
}
.list_hot_down dl  .num8 {
    background:url(../images/list_num.gif) no-repeat  -5px -374px;
}
.list_hot_down dl  .num9 {
    background:url(../images/list_num.gif) no-repeat  -5px -426px;
}
.list_hot_down dl  .num10 {
    background:url(../images/list_num.gif) no-repeat  -5px -472px;
}

.play_hot_down {
    overflow:hidden;
}
.play_hot_down dl {
    clear:both;
    height:49px;
    overflow:hidden;
    line-height:20px;
}
.play_hot_down 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;
}
.play_hot_down dl dd {
    margin-left:3px;
    /*float:left;*/
    /*width:170px;*/
    height:36px;
    overflow:hidden;
    margin-top:9px;
}
.play_hot_down dl dd  a:link {
    color:var(--text-secondary);
}
.play_hot_down dl dd  a:visited {
    color:var(--text-secondary);
}
.play_hot_down dl dd  a:hover {
    color:var(--accent-primary);
}
.play_hot_down .list_px_img {
    width:39px;
    height:39px;
    border:0px;
    filter:alpha(opacity=80);
    moz-opacity:0.8;
    opacity:0.8;
}
.play_hot_down dl dt p {
    display:block;
    width:39px;
    height:39px;
    overflow:hidden;
    position:absolute;
    z-index:5;
    margin-top:-39px;
}
.play_hot_down dl  .num1 {
    background:url(../images/list_num.gif) no-repeat  -5px -10px;
}
.play_hot_down dl  .num2 {
    background:url(../images/list_num.gif) no-repeat  -5px -62px;
}
.play_hot_down dl  .num3 {
    background:url(../images/list_num.gif) no-repeat  -5px -114px;
}
.play_hot_down dl  .num4 {
    background:url(../images/list_num.gif) no-repeat  -5px -166px;
}
.play_hot_down dl  .num5 {
    background:url(../images/list_num.gif) no-repeat  -5px -218px;
}
.play_hot_down dl  .num6 {
    background:url(../images/list_num.gif) no-repeat  -5px -270px;
}
.play_hot_down dl  .num7 {
    background:url(../images/list_num.gif) no-repeat  -5px -322px;
}
.play_hot_down dl  .num8 {
    background:url(../images/list_num.gif) no-repeat  -5px -374px;
}
.play_hot_down dl  .num9 {
    background:url(../images/list_num.gif) no-repeat  -5px -426px;
}
.play_hot_down dl  .num10 {
    background:url(../images/list_num.gif) no-repeat  -5px -472px;
}
/*舞曲列表结束*/
/*底部*/
.min_top_r {
    float:right;
    padding-top:30px;
}
#min_top_banner {
    height:4px;
    background-color:#000000;
    overflow:hidden;
    clear:both;
}
.min_top_r a {
    color:var(--text-secondary);
}
.min_top_r a:link {
    color:var(--text-secondary);
}
.min_top_r a:visited {
    color:var(--text-secondary);
}
.min_top_r a:hover {
    color:var(--accent-primary);
}
/*最小化头部*/
/*注册，登录*/
.reg_content {
    padding:20px;
    min-height:680px;
    background-color:var(--user-card);
    border:1px solid var(--user-border);
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
}
.reg_content {
    color:var(--user-text-color);
}
.reg_content a:link {
    color:var(--tuser-text-color);
}
.reg_content a:visited {
    color:var(--user-text-color);
}
.reg_content a:hover {
    color:var(--accent-primary);
    text-decoration:none;
}
.pf16 {
    font-size:16px;
}
.open_login {
    background-color:#ffffff;
    border:1px solid var(--border-color);
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
}
.open_login {
    color:var(--text-secondary);
}
.open_login a:link {
    color:var(--text-secondary);
}
.open_login a:visied {
    color:var(--text-secondary);
}
.open_login a:hover {
    color:var(--accent-primary);
    text-decoration:none;
}
.inputs {
    background-color:var(--bg-secondary);
    width:250px;
    line-height:30px;
    height:30px;
    font-size:14px;
    border:0px;
    color:var(--user-text-color2);
    text-indent:8px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
}
.inputs:focus {
    outline: none;
    border-color: var(--accent-primary);
    box-shadow: 0 0 0 3px rgba(108, 92, 231, 0.1);
}
.regsuccess {
    background:url(../images/right.png) 0px 13px no-repeat;
    width:245px;
    height:40px;
    overflow:hidden;
    line-height:40px;
    padding-left:20px;
    padding-top:1px;
}
.regerr {
    background:url(../images/error.png) 0px 13px no-repeat;
    color:#D3320A;
    width:245px;
    height:40px;
    overflow:hidden;
    line-height:40px;
    padding-left:20px;
    padding-top:1px;
}
.reg_on {
    font-size:16px;
    color:#ffffff;
    line-height:36px;
    width:200px;
    border-bottom:2px solid var(--accent-primary);
    text-align:center;
    background-color:var(--accent-primary);
    -moz-border-radius:1px;
    -webkit-border-radius:1px;
    border-radius:1px;
}
.reg_off a {
    color:var(--user-text-color);
}
.reg_off a:link {
    color:var(--user-text-color);
    text-decoration:none;
}
.reg_off a:visited {
    color:var(--user-text-color);
    text-decoration:none;
}
.reg_off a:hover {
    color:var(--accent-primary);
    text-decoration:none;
}
.reg_off {
    font-size:16px;
    line-height:36px;
    width:200px;
    border-bottom:2px solid var(--accent-primary);
    text-align:center;
    color:#333333;
}
.reg_off2 {
    font-size:16px;
    line-height:36px;
    border-bottom:2px solid var(--accent-primary);
    text-align:center;
}
.hui {
    color:#888888;
    font-style:italic;
}
.ral_title {
    height:60px;
    line-height:60px;
    font-size:24px;
    margin:0 auto;
    width:998px;
    clear:both;
}
.ral {
    width:1200px;
    margin:auto;
    overflow:hidden;
}
.ral ul {
    padding:10px;
    margin:0px;
}
#reg_left {
    float:left;
    width:650px;
    overflow:hidden;
}
.bthui {
    font-family:var(--font-family);
    background-color:#f7f7f7;
    border:1px solid var(--border-color);
    margin:5px;
    padding:2px;
    width:80px;
    text-align:center;
    line-height:25px;
    display:block;
    margin-left:0px;
}
#reg_left ul {
    clear:both;
    height:70px;
    overflow:hidden;
}
#reg_left li {
    float:left;
    list-style:none;
}
#reg_left  .rr1 {
    width:100px;
    overflow:hidden;
    font-size:18px;
    line-height:40px;
}
#reg_left  .rr2 {
    width:400px;
    overflow:hidden;
    _margin-left:-20px;
}
#reg_left  .rr2 span {
    color:#cc0000;
    font-size:16px;
}
.btzc a {
    background-color:#262626;
    color:var(--text-primary);
    width:105px;
    height:38px;
    text-align:center;
    line-height:38px;
    font-size:16px;
    overflow:hidden;
    display:block;
}
.btzc a:hover {
    background-color:#cc0000;
    color:var(--text-primary);
    width:105px;
    height:38px;
    text-align:center;
    line-height:38px;
    font-size:16px;
    overflow:hidden;
    display:block;
}
.btn-back {
    background:#333333;
    border:1px solid var(--border-color);
}
.btn-witch {
    background:#ffffff;
    border:1px solid var(--border-color);
}
.btn-cred {
    background:#bd5c3c;
    border:1px solid var(--border-color);
    color:#ffffff;
}
.inputs {
    width:250px;
    height:36px;
    line-height:36px;
    border:1px solid var(--border-color);
    font-size:16px;
    text-indent:5px;
    color:var(--user-text-color2);
}
.inputs:focus {
    outline: none;
    border-color: var(--accent-primary);
    box-shadow: 0 0 0 3px rgba(108, 92, 231, 0.1);
}
#reg_mid {
    float:left;
    width:58px;
    overflow:hidden;
    height:300px;
}
#reg_right {
    float:left;
    overflow:hidden;
    margin-left:20px;
    line-height:40px;
    font-size:16px;
}
.qqlogin a {
    background:url(../images/ral.gif) no-repeat -56px -236px;
    width:172px;
    height:33px;
    overflow:hidden;
    display:block;
}
.uinput {
    position:relative;
    color:#101010;
    display:block;
    overflow:hidden;
    border:1px solid var(--border-color);
    line-height:40px;
    background:url(../images/ral.gif) no-repeat 0px -514px;
    background-color:#dcdcdc;
    height:40px;
    font-size:18px;
    text-indent:40px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
}
.pinput {
    position:relative;
    color:#101010;
    zoom:1;
    display:block;
    overflow:hidden;
    border:1px solid var(--border-color);
    line-height:40px;
    background:url(../images/ral.gif) no-repeat 0px -550px;
    background-color:#dcdcdc;
    height:40px;
    font-size:18px;
    text-indent:40px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
}
.foot_min {
    line-height:40px;
    padding-top:30px;
    color:#999999;
    text-align:center;
}
#errinfo {
    line-height:30px;
    height:30px;
    width:300px;
    overflow:hidden;
    margin-left:110px;
    text-indent:25px;
}
.loginerr {
    background:url(../images/ico/ral.gif) no-repeat -55px -292px;
    background-repeat:no-repeat;
    color:#cc0000;
}
.reg1 {
    background-color:#f8f8f8;
    line-height:28px;
    color:#009900;
    text-indent:20px;
    background:url(../images/user/check1.gif) 0px 5px;
    background-repeat:no-repeat;
    margin-left:110px;
    overflow:hidden;
    width:300px;
}
#getpwd_left {
    width:600px;
    overflow:hidden;
}
#getpwd_left ul {
    clear:both;
    height:43px;
    overflow:hidden;
}
#getpwd_left li {
    float:left;
    list-style:none;
}
#getpwd_left  .rr1 {
    width:100px;
    overflow:hidden;
    font-size:18px;
    line-height:40px;
}
#getpwd_left  .rr2 {
    width:400px;
}
#getpwd_left  .rr2 span {
    color:var(--text-secondary);
    font-size:var(--font-size-xs);
}
#errinfo {
    line-height:30px;
    height:30px;
    width:300px;
    overflow:hidden;
    margin-left:110px;
    text-indent:25px;
}
.loginerr {
    background:url(../images/ral.gif) no-repeat -55px -292px;
    background-repeat:no-repeat;
    color:#cc0000;
}
/*会员中心*/
.corlan {
    color:#1E7EB4;
    font-size:14px;
}
.cor99 {
    font-size:var(--font-size-xs);
    color:var(--user-text-cor99);
}
.f14 {
    font-size:14px;
}
.f12 {
    font-size:var(--font-size-xs);
}
.vip {
    background-color:#FF3366;
    font-size:16px;
    padding:5px;
    color:#FFFFFF;
}
.pt {
    background-color:var(--text-secondary);
    font-size:16px;
    padding:5px;
    color:#FFFFFF;
}
.corred {
    color:#FF0000;
}
.corred1 {
    color:#94d500;
}
.fbold {
    font-weight:bold;
}
.vb {
    font-family:var(--font-family);
    font-size:14px;
    font-weight:bold;
    color:#FF3366;
}
/*.nbg_ {
    background-image:url(buton.gif);
    width:73px;
    height:23px;
    border:0px;
    font-family:var(--font-family);
    font-size:var(--font-size-xs);
    color:#006099;
}
.kbg {
    background-color:#EFEFEF;
}
.dbg {
    background-color:var(--text-primary);
}
.sbg {
    background-color:#efefef;
}
.mbg {
    background-color:#FFFFC1;
}*/
.line30 {
    height:30px;
    overflow:hidden;
    width:100%;
    clear:both;
}
.lh24 {
    line-height:24px;
}
.lh20 {
    line-height:20px;
}
.lh22 {
    line-height:22px;
}
.lh30 {
    line-height:30px;
}
.fbold {
    font-weight:bold;
}
.payoff2 {
    font-size:18px;
    font-family:var(--font-family);
    line-height:36px;
    border-bottom:3px solid #990000;
}
.payoff {
    font-size:18px;
    font-family:var(--font-family);
    line-height:40px;
    border-bottom:3px solid  #990000;
    width:140px;
    text-align:center;
}
.payon {
    background-color:#990000;
    font-size:18px;
    font-family:var(--font-family);
    line-height:40px;
    border-bottom:3px solid #990000;
    width:140px;
    font-weight:bold;
    text-align:center;
    color:#FFFFFF;
}
.payon a {
    color:#FFFFFF;
}
.payon a:visited {
    color:#FFFFFF;
}
.payon a:hover {
    color:#FFFFFF;
}
.vcoins {
    color:#006600;
    font-weight:bold;
}
.czkoff {
    border:3px solid #dcdcdc;
    height:45px;
    width:150px;
    text-align:center;
    padding-top:13px;
    background-color:var(--text-primary);
    float:left;
    margin-right:10px;
    font-size:20px;
    cursor:pointer;
}
.czkon {
    border:3px solid #cc0000;
    height:45px;
    width:150px;
    text-align:center;
    padding-top:13px;
    color:#990000;
    background-color:var(--text-primary);
    float:left;
    margin-right:10px;
    font-size:24px;
    cursor:pointer;
}
.payred {
    color:#cc0000;
    font-size:14px;
    line-height:22px;
}
.payt {
    font-size:16px;
    font-family:var(--font-family);
    line-height:40px;
}
.paysm {
    line-height:24px;
    padding-bottom:20px;
    padding-top:8px;
    padding-left:15px;
    font-size:14px;
}
.topbanner_bg {
    height:60px;
    background-color:#010101;
    width:100%;
    background-image:url(../images/head.png);
    background-repeat:no-repeat;
    background-position:left;
}
.dh {
    border-top:0px;
}
.dh ul {
    clear:both;
    margin:10px;
    overflow:hidden;
    padding:0px;
    width:100px;
    _height:30px;
}
.dh ul li {
    line-height:22px;
    list-style:none;
    margin:0px;
    padding:0px;
}
.dh ul .b {
    margin:0px;
    padding:0px;
    text-align:left;
    font-size:var(--font-size-xs);
    font-weight:normal;
}
.dh ul .b a {
    display:block;
    color:#f8f8f8;
    text-align:center;
    -moz-border-radius:12px;
    -webkit-border-radius:12px;
    border-radius:12px;
}
.dh ul .b a:link {
    text-decoration: none;
    color:var(--user-card);
}
.dh ul .b a:visited {
    text-decoration: none;
    color:var(--user-card);
}
.dh ul .b a:hover {
    text-decoration: none;
    color:var(--user-bg1);
    background-color:var(--user-nvs2-color);
}
.dh ul .c {
    margin:0px;
    padding:0px;
    font-weight:normal;
    width:520px;
    overflow:hidden;
    margin-left:10px;
}
.dh ul .c a {
    display:block;
    float:left;
    font-size:var(--font-size-xs);
    text-align:center;
    margin-right:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    margin-left:3px;
    padding-left:2px;
    padding-right:2px;
    white-space:nowrap;
    color:var(--user-text-color);
}
.dh ul .c a:link {
    color:var(--user-text-color);
}
.dh ul .c a:visited {
    color:var(--user-text-color);
}
.dh ul .c a:hover {
    color:var(--user-nvs2-color);
}
.nvs2 {
    width:120px;
    background:var(--user-nvs2-color);
    overflow:hidden;
    color:var(--user-card);
    line-height:25px;
    text-align:center;
    -moz-border-radius:12px;
    -webkit-border-radius:12px;
    border-radius:12px;
}
.nvs2 a:link {
    color:var(--user-card);
}
.nvs2 a:visited {
    color:var(--user-card);
}
.nvs2 a:hover {
    color:var(--user-card);
}
.nvs3 {
    width:120px;
    background:var(--user-nvs3-color);
    overflow:hidden;
    color:var(--user-card);
    line-height:25px;
    text-align:center;
}
.bc .cc {
    display:block;
    position:relative;
    width:120px;
    line-height:25px;
}
.bc .cc a:hover {
    color:var(--user-card);
}
.float1 {
    width:33%;
    float:left;
}
.float2 {
    width:33%;
    float:left;
    margin-left:1%;
    *width:32%;
}
.float3 {
    width:32%;
    float:left;
    margin-left:1%;
}
.rinput {
    text-indent:3px;
    border:1px solid #1f2432;
    background-color:#afb0b2;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    line-height:26px;
    width:250px;
    height:26px;
    color:#00496C;
}
.h20 {
    height:25px;
    width:100%;
    overflow:hidden;
    clear:both;
}
.h10 {
    height:10px;
    width:100%;
    overflow:hidden;
    clear:both;
}
#topMenu li {
    line-height:30px;
}
/*
 * Global add-ons*/.sub-header {
    padding-bottom:10px;
    border-bottom:1px solid #eee;
}
/*13161e
 * Sidebar*//* Hide for mobile,show later*/
.sidebar {
    width:200px;
    overflow:hidden;
    padding:0px;
    margin-left:0px;
    background-color:#1f2432;
    position:fixed;
    top:0px;
    bottom:0px;
    height:100%;
    left:0px;
    _position:;
    z-index:998;
    _float:left;
}
.sidebar  .leftbanner {
    height:40px;
    line-height:40px;
    clear:both;
    width:200px;
    overflow:hidden;
    margin-top:3px;
    font-size:var(--font-size-xs);
    overflow:hidden;
}
.sidebar  .leftbanner a {
    padding-left:49px;
    display:block;
    margin-left:16px;
}
.sidebar  .leftbanner a:link {
    ;
}
.sidebar  .leftbanner a:visited {
    ;
}
.sidebar  .leftbanner a:hover {
    color:var(--accent-primary);
}
.userinfo_min {
    margin:0px;
    padding:0px;
    float:left;
    color:var(--text-primary);
    height:30px;
    overflow:hidden;
    font-size:var(--font-size-xs);
}
.userinfo_min li {
    list-style:none;
}
.nickname {
    margin-left:10px;
    margin-top:5px;
}
.username {
    margin-left:10px;
    margin-top:5px;
    width:110px;
    font-style:italic;
}
.icon {
    border-radius:50%;
}
.isvip0 {
    width:35px;
    height:15px;
    overflow:hidden;
    float:left;
    margin:0px;
    padding:0px;
}
.isvip1 {
    background-repeat:no-repeat;
    width:35px;
    height:15px;
    overflow:hidden;
    float:left;
    margin:0px;
    padding:0px;
}
.userinfo_vb {
    margin:0px;
    margin-left:15px;
    padding:0px;
    float:left;
    color:var(--text-primary);
    height:30px;
    clear:both;
    overflow:hidden;
    font-size:var(--font-size-xs);
}
.guanzhu {
    float:left;
    width:50%;
    color:var(--text-color);
    height:80px;
}
.guanzhu table {
    /*width:150px;*/
}
.guanzhu .gzimg {
    width:64px;
    height:64px;
    border-radius:50%;
}
.guanzhu td {
    height:70px;
}
.guanzhu td p {
    margin:0px;
    padding:0px;
    line-height:28px;
}
.guanzhu  a:link {
    color:var(--text-secondary);
}
.guanzhu  a:visited {
    color:var(--text-secondary);
}
.guanzhu  a:hover {
    color:var(--accent-primary);
}
.guanzhu2 {
    float:left;
    width:50%;
    color:var(--text-color);
    height:80px;
}
.guanzhu2 table {
    width:170px;
}
.guanzhu2 .gzimg {
    width:64px;
    height:64px;
    border-radius:50%;
}
.guanzhu2 td {
    height:70px;
}
.guanzhu2 td p {
    margin:0px;
    padding:0px;
    line-height:28px;
}
.guanzhu2  a:link {
    color:var(--text-secondary);
}
.guanzhu2  a:visited {
    color:var(--text-secondary);
}
.guanzhu2  a:hover {
    color:var(--accent-primary);
}
/*
 * Main content*/.main {
    margin-left:200px;
    min-width:1200px;
    /*IE6*/_margin-left:0px;
    _display:inline;
    _float:left;
}
.mainct {
    margin:20px;
    overflow:hidden;
}
.mainct1 {
    margin:0px;
    overflow:hidden;
}
.userico {
    ;
}
.pub_tl {
    border-bottom:1px solid var(--border-color);
    border-top:1px solid var(--border-color);
    background-color:var(--text-primary);
    overflow:hidden;
}
.pub_tl ul {
    margin-left:0px;
    margin-right:20px;
    margin-top:15px;
    margin-bottom:10px;
    line-height:35px;
    padding-left:20px;
}
.pub_tl ul h5 {
    margin:0px;
    padding:0px;
    font-size:16px;
    font-weight:bold;
}
.pub_tl ul p {
    margin:0px;
    padding:0px;
    font-size:14px;
}
.main .page-header {
    margin-top:0;
}
.row {
    ;
}
/*
 * Placeholder dashboard ideas*/.placeholders {
    margin-bottom:30px;
    text-align:center;
}
.placeholders h4 {
    margin-bottom:0;
}
.placeholder {
    margin-bottom:20px;
}
.placeholder img {
    border-radius:50%;
}
.myqf {
    line-height:40px;
}
.myqf a {
    color:var(--text-secondary);
    display:block;
    background:url(../images/ico/user_ico7.gif) 0px  1px no-repeat;
}
.myqf a:link {
    color:var(--text-secondary);
}
.myqf a:visited {
    color:var(--text-secondary);
}
.myqf a:hover {
    color:var(--accent-primary);
}
.myqf1 {
    line-height:40px;
    color:var(--text-primary);
}
.myqf1 a {
    color:var(--text-primary);
    background:url(../images/ico/user_ico7.gif) -324px  1px no-repeat;
}
.myqf1 a:link {
    color:var(--text-secondary);
}
.myqf1 a:visited {
    color:var(--text-secondary);
}
.myqf1 a:hover {
    color:var(--accent-primary);
}
.ziliao {
    line-height:40px;
}
.ziliao a {
    color:var(--text-secondary);
    background:url(../images/ico/user_ico7.gif) 0px  -39px no-repeat;
}
.ziliao a:link {
    color:var(--text-secondary);
}
.ziliao a:visited {
    color:#dcdcdc;
}
.ziliao a:hover {
    color:var(--accent-primary);
}
.ziliao1 {
    ;
}
.ziliao1 a {
    color:var(--text-primary);
    background:url(../images/ico/user_ico7.gif) -324px  -39px no-repeat;
}
.ziliao1 a:link {
    color:#ffffff;
}
.ziliao1 a:visited {
    color:#ffffff;
}
.ziliao1 a:hover {
    color:#ffffff;
}
.touxiang {
    line-height:40px;
}
.touxiang a {
    color:#dcdcdc;
    background:url(../images/ico/user_ico7.gif) 0px  -78px no-repeat;
}
.touxiang a:link {
    color:#dcdcdc;
}
.touxiang a:visited {
    color:#dcdcdc;
}
.touxiang a:hover {
    color:#dcdcdc;
}
.touxiang1 {
    font-weight:bold;
}
.touxiang1 a {
    color:var(--text-primary);
    background:url(../images/ico/user_ico7.gif) -324px  -78px no-repeat;
}
.touxiang1 a:link {
    color:#ffffff;
}
.touxiang1 a:visited {
    color:#ffffff;
}
.touxiang1 a:hover {
    color:#ffffff;
}
.cd {
    ;
}
.cd a {
    color:#dcdcdc;
    background:url(../images/ico/user_ico7.gif) 0px  -429px no-repeat;
}
.cd a:link {
    color:#dcdcdc;
}
.cd a:visited {
    color:#dcdcdc;
}
.cd a:hover {
    color:#dcdcdc;
}
.cd1 {
    font-weight:bold;
}
.cd1 a {
    color:var(--text-primary);
    background:url(../images/ico/user_ico7.gif) -324px  -429px no-repeat;
}
.cd1 a:link {
    color:#ffffff;
}
.cd1 a:visited {
    color:#ffffff;
}
.cd1 a:hover {
    color:#ffffff;
}
.mima {
    ;
}
.mima a {
    color:#dcdcdc;
    background:url(../images/ico/user_ico7.gif) 0px  -116px no-repeat;
}
.mima a:link {
    color:#dcdcdc;
}
.mima a:visited {
    color:#dcdcdc;
}
.mima a:hover {
    color:#dcdcdc;
}
.mima1 {
    font-weight:bold;
}
.mima1 a {
    color:var(--text-primary);
    background:url(../images/ico/user_ico7.gif) -324px  -116px no-repeat;
}
.mima1 a:link {
    color:#ffffff;
}
.mima1 a:visited {
    color:#ffffff;
}
.mima1 a:hover {
    color:#ffffff;
}
.idverify {
    ;
}
.idverify a {
    color:#dcdcdc;
    background:url(../images/ico/user_ico7.gif) 0px  -582px no-repeat;
}
.idverify a:link {
    color:#dcdcdc;
}
.idverify a:visited {
    color:#dcdcdc;
}
.idverify a:hover {
    color:#dcdcdc;
}
.idverify1 {
    font-weight:bold;
}
.idverify1 a {
    color:var(--text-primary);
    background:url(../images/ico/user_ico7.gif) -324px  -582px no-repeat;
}
.idverify1 a:link {
    color:#ffffff;
}
.idverify1 a:visited {
    color:#ffffff;
}
.idverify1 a:hover {
    color:#ffffff;
}
.geren {
    ;
}
.geren a {
    color:#dcdcdc;
    background:url(../images/ico/user_ico7.gif) 0px  -625px no-repeat;
}
.geren a:link {
    color:#dcdcdc;
}
.geren a:visited {
    color:#dcdcdc;
}
.geren a:hover {
    color:#dcdcdc;
}
.geren1 {
    font-weight:bold;
}
.geren1 a {
    color:var(--text-primary);
    background:url(../images/ico/user_ico7.gif) -324px  -625px no-repeat;
}
.geren1 a:link {
    color:#ffffff;
}
.geren1 a:visited {
    color:#ffffff;
}
.geren1 a:hover {
    color:#ffffff;
}
.connet {
    ;
}
.connet a {
    color:#dcdcdc;
    background:url(../images/ico/user_ico7.gif) 0px  -674px no-repeat;
}
.connet a:link {
    color:#dcdcdc;
}
.connet a:visited {
    color:#dcdcdc;
}
.connet a:hover {
    color:#dcdcdc;
}
.connet1 {
    font-weight:bold;
}
.connet1 a {
    color:var(--text-primary);
    background:url(../images/ico/user_ico7.gif) -324px  -674px no-repeat;
}
.connet1 a:link {
    color:#ffffff;
}
.connet1 a:visited {
    color:#ffffff;
}
.connet1 a:hover {
    color:#ffffff;
}
.fouces {
    ;
}
.fouces a {
    color:#dcdcdc;
    background:url(../images/ico/user_ico7.gif) 0px  -508px no-repeat;
}
.fouces a:link {
    color:#dcdcdc;
}
.fouces a:visited {
    color:#dcdcdc;
}
.fouces a:hover {
    color:#dcdcdc;
}
.fouces1 {
    font-weight:bold;
}
.fouces1 a {
    color:var(--text-primary);
    background:url(../images/ico/user_ico7.gif) -324px  -508px no-repeat;
}
.fouces1 a:link {
    color:#ffffff;
}
.fouces1 a:visited {
    color:#ffffff;
}
.fouces1 a:hover {
    color:#ffffff;
}
.shoucang {
    ;
}
.shoucang a {
    color:#dcdcdc;
    background:url(../images/ico/user_ico7.gif) 0px  -156px no-repeat;
}
.shoucang a:link {
    color:#dcdcdc;
}
.shoucang a:visited {
    color:#dcdcdc;
}
.shoucang a:hover {
    color:#dcdcdc;
}
.shoucang1 {
    font-weight:bold;
}
.shoucang1 a {
    background:url(../images/ico/user_ico7.gif) -324px  -156px no-repeat;
}
.shoucang1 a:link {
    color:#ffffff;
}
.shoucang1 a:visited {
    color:#ffffff;
}
.shoucang1 a:hover {
    color:#ffffff;
}
.radio {
    ;
}
.radio a {
    color:#dcdcdc;
    background:url(../images/ico/user_ico7.gif) 0px  -234px no-repeat;
}
.radio a:link {
    color:#dcdcdc;
}
.radio a:visited {
    color:#dcdcdc;
}
.radio a:hover {
    color:#dcdcdc;
}
.radio1 {
    font-weight:bold;
}
.radio1 a {
    background:url(../images/ico/user_ico7.gif) -324px  -234px no-repeat;
}
.radio1 a:link {
    color:#ffffff;
}
.radio1 a:visited {
    color:#ffffff;
}
.radio1 a:hover {
    color:#ffffff;
}
.chongzhi {
    ;
}
.chongzhi a {
    color:#dcdcdc;
    background:url(../images/ico/user_ico7.gif) 0px  -273px no-repeat;
}
.chongzhi a:link {
    color:#dcdcdc;
}
.chongzhi a:visited {
    color:#dcdcdc;
}
.chongzhi a:hover {
    color:#dcdcdc;
}
.chongzhi1 {
    font-weight:bold;
}
.chongzhi1 a {
    color:var(--text-primary);
    background:url(../images/ico/user_ico7.gif) -324px  -273px no-repeat;
}
.chongzhi1 a:link {
    color:#ffffff;
}
.chongzhi1 a:visited {
    color:#ffffff;
}
.chongzhi1 a:hover {
    color:#ffffff;
}
.zhizhu {
    ;
}
.zhizhu a {
    color:#dcdcdc;
    background:url(../images/ico/user_ico7.gif) -1px  -313px no-repeat;
}
.zhizhu a:link {
    color:#dcdcdc;
}
.zhizhu a:visited {
    color:#dcdcdc;
}
.zhizhu a:hover {
    color:#dcdcdc;
}
.zhizhu1 {
    font-weight:bold;
}
.zhizhu1 a {
    color:var(--text-primary);
    background:url(../images/ico/user_ico7.gif) -324px  -313px no-repeat;
}
.zhizhu1 a:link {
    color:#ffffff;
}
.zhizhu1 a:visited {
    color:#ffffff;
}
.zhizhu1 a:hover {
    color:#ffffff;
}
.jiaoyi {
    ;
}
.jiaoyi a {
    color:#dcdcdc;
    background:url(../images/ico/user_ico7.gif) 0px  -352px no-repeat;
}
.jiaoyi a:link {
    color:#dcdcdc;
}
.jiaoyi a:visited {
    color:#dcdcdc;
}
.jiaoyi a:hover {
    color:#dcdcdc;
}
.jiaoyi1 {
    font-weight:bold;
}
.jiaoyi1 a {
    color:var(--text-primary);
    background:url(../images/ico/user_ico7.gif) -324px  -352px no-repeat;
}
.jiaoyi1 a:link {
    color:#ffffff;
}
.jiaoyi1 a:visited {
    color:#ffffff;
}
.jiaoyi1 a:hover {
    color:#ffffff;
}
.drawing {
    ;
}
.drawing a {
    color:#dcdcdc;
    background:url(../images/ico/user_ico7.gif) 0px  -273px no-repeat;
}
.drawing a:link {
    color:#dcdcdc;
}
.drawing a:visited {
    color:#dcdcdc;
}
.drawing a:hover {
    color:#dcdcdc;
}
.drawing1 {
    font-weight:bold;
}
.drawing1 a {
    color:var(--text-primary);
    background:url(../images/ico/user_ico7.gif) -324px  -273px no-repeat;
}
.drawing1 a:link {
    color:#ffffff;
}
.drawing1 a:visited {
    color:#ffffff;
}
.drawing1 a:hover {
    color:#ffffff;
}
.fita {
    font-style:italic;
}
.table th {
    color:var(--user-text-color);
}
.table td {
    color:var(--user-text-color1);
}
.table td a {
    color:var(--user-text-color1);
}
.table td a:link {
    color:var(--user-text-color1);
}
.table td a:visited {
    color:var(--user-text-color1);
}
.table td a:hover {
    color:var(--user-text-color2);
    text-decoration:none;
}
.borderx {
    border:1px solid var(--user-border);
    background-color:var(--user-card);
}
.borderx th {
    _line-height:35px;
    _padding:3px;
    _padding-left:5px;
    _border-bottom:1px solid var(--user-border);
    _text-indent:8px;
}
.borderx td {
    _padding:3px;
    _padding-left:5px;
    height:40px;
}
.borderx2 {
    border:1px solid var(--user-border);
    background-color:var(--user-card);
}
.borderx2 th {
    background-color:var(--user-bg1);
    _border-bottom:1px solid var(--user-border);
    text-align:center;
    _padding-left:5px;
    _line-height:35px;
}
.borderx2 td {
    _padding:3px;
    _padding-left:5px;
    _border-bottom:1px solid var(--user-border);
    _line-height:30px;
}
.borderx3 {
    border:1px solid var(--user-border);
    background-color:var(--user-card);
}
.borderx3 th {
    background-color:var(--user-card);
    text-align:left;
    _padding-left:5px;
    _line-height:35px;
    _border-bottom:1px solid var(--user-border);
}
.borderx3 td {
    _padding:3px;
    _padding-left:5px;
    _border-bottom:1px solid var(--user-border);
    _line-height:30px;
}
.paymenu {
    background-color:#f8f8f8;
    font-size:16px;
}
.borderx4 {
    border:1px solid var(--user-border);
    background-color:#FFFFFF;
}
.borderx4 th {
    background-color:#f8f8f8;
    text-align:left;
    font-size:16px;
    _line-height:35px;
    _padding:3px;
    _border-bottom:1px solid var(--user-border);
}
.borderx4 td {
    font-size:14px;
    height:47px;
    line-height:47px;
}
.mingxi {
    ;
}
.mingxi a {
    color:#dcdcdc;
    background:url(../images/ico/user_ico7.gif) 0px  -390px no-repeat;
}
.mingxi a:link {
    color:#dcdcdc;
}
.mingxi a:visited {
    color:#dcdcdc;
}
.mingxi a:hover {
    color:#dcdcdc;
}
.mingxi1 {
    font-weight:bold;
}
.mingxi1 a {
    color:var(--text-primary);
    background:url(../images/ico/user_ico7.gif) -324px  -390px no-repeat;
}
.mingxi1 a:link {
    color:#ffffff;
}
.mingxi1 a:visited {
    color:#ffffff;
}
.mingxi1 a:hover {
    color:#ffffff;
}
/*.table {
    background:#272d3e;
}*/.btn-blue {
    background:#414b65;
}
/*.dingdan {
    ;
}
.dingdan a {
    color:#dcdcdc;
    background:url(../images/ico/user_ico7.gif) -1px  -430px no-repeat;
}
.dingdan a:link {
    color:#dcdcdc;
}
.dingdan a:visited {
    color:#dcdcdc;
}
.dingdan a:hover {
    color:#dcdcdc;
}
.dingdan1 {
    background:url(../images/user_leftbg_on.png);
    font-weight:bold;
}
.dingdan1 a {
    color:var(--text-primary);
    background:url(../images/ico/user_ico7.gif) -324px  -430px no-repeat;
}
.dingdan1 a:link {
    color:#ffffff;
}
.dingdan1 a:visited {
    color:#ffffff;
}
.dingdan1 a:hover {
    color:#ffffff;
}*/.cdadress {
    ;
}
.cdadress a {
    color:#dcdcdc;
    background:url(../images/ico/user_ico7.gif) 0px  -469px no-repeat;
}
.cdadress a:link {
    color:#dcdcdc;
}
.cdadress a:visited {
    color:#dcdcdc;
}
.cdadress a:hover {
    color:#dcdcdc;
}
.cdadress1 {
    font-weight:bold;
}
.cdadress1 a {
    color:var(--text-primary);
    background:url(../images/ico/user_ico7.gif) -324px  -469px no-repeat;
}
.cdadress1 a:link {
    color:#ffffff;
}
.cdadress1 a:visited {
    color:#ffffff;
}
.cdadress1 a:hover {
    color:#ffffff;
}
.info {
    ;
}
.info a {
    color:#dcdcdc;
    background:url(../images/ico/user_ico7.gif) -1px  -543px no-repeat;
}
.info a:link {
    color:#dcdcdc;
}
.info a:visited {
    color:#dcdcdc;
}
.info a:hover {
    color:#dcdcdc;
}
.info1 {
    font-weight:bold;
}
.info1 a {
    color:#000000;
    background:url(../images/ico/user_ico7.gif) -328px  -543px no-repeat;
}
.info1 a:link {
    color:#000000;
}
.info1 a:visited {
    color:#000000;
}
.info1 a:hover {
    color:#000000;
}
.tr_control {
    font-size:var(--font-size-xs);
    color:#f8f8f8;
    padding-top:5px;
}
.tr_control a {
    color:f8f8f8;
}
.tr_control a:link {
    color:f8f8f8;
}
.tr_control a:visited {
    color:f8f8f8;
}
.tr_control a:hover {
    color:ffffff;
}
.denglu {
    ;
}
.denglu a {
    color:#dcdcdc;
    background:url(../images/ico/user_ico7.gif) -4px  -652px no-repeat;
}
.denglu a:link {
    color:#dcdcdc;
}
.denglu a:visited {
    color:#dcdcdc;
}
.denglu a:hover {
    color:#dcdcdc;
}
.denglu1 {
    ;
}
.denglu1 a {
    background:url(../images/ico/user_ico7.gif) -328px  -652px no-repeat;
    font-weight:bold;
}
.denglu1 a:link {
    color:#ffffff;
}
.denglu1 a:visited {
    color:#ffffff;
}
.denglu1 a:hover {
    color:#ffffff;
}
#d_banner {
    width:680px;
    height:60px;
    line-height:60px;
    color:var(--text-primary);
    margin:0 auto;
}
#d_banner a {
    color:var(--text-primary);
    font-size:16px;
}
#d_banner a:link {
    color:var(--text-primary);
}
#d_banner a:visited {
    color:var(--text-primary);
}
#d_banner a:hover {
    color:var(--text-primary);
}
.d_info h1 {
    font-size:18px;
    color:#000000;
    margin:0px;
    padding:0px;
    height:40px;
}
.d_hui {
    color:#666666;
    font-family:var(--font-family);
    font-size:14px;
}
.btn-small {
    font-size:var(--font-size-xs);
    font-family:var(--user-font-family);
}
.pagination {
    ;
}
.pagination li {
    _float:left;
    _ height:25px;
    _text-align:center;
    _line-height:25px;
    margin-right:5px;
    _background-color:var(--text-primary);
    _color:#000000;
    _border:1px solid var(--border-color);
    _padding-left:7px;
    _padding-right:7px;
}
.pagination li a:link {
    _color:#333333;
}
.pagination li a:visited {
    _color:#333333;
}
.pagination li a:hover {
    _color:#333333;
}
.pagination .disabled {
    _background-color:var(--text-primary);
    _color:#000000;
    _border:1px solid var(--border-color);
    _overflow:hidden;
    _padding-left:7px;
    _padding-right:7px;
}
.pagination .active {
    _background-color:#337ab7;
    _color:var(--text-primary);
    _border:1px solid var(--border-color);
    _overflow:hidden;
    _padding-left:7px;
    _padding-right:7px;
}
.pagination .active a:link {
    _color:#FFFFFF;
}
.pagination .active a:visited {
    _color:#FFFFFF;
}
.pagination .active a:hover {
    _color:#FFFFFF;
}
.pagination li span {
    _color:#337ab7;
}
.alertdiv {
    background:url(../images/ico/control_ico.gif) 6px -6px;
    background-color:var(--user-card);
    border:1px solid var(--user-border);
    background-repeat:no-repeat;
    line-height:35px;
    overflow:hidden;
    margin-bottom:20px;
}
.alertdiv ul {
    margin:5px;
    padding:0px;
    margin-left:38px;
    color:#8a6d3b;
}
.fouces_menuon {
    background-color:#000000;
    text-align:center;
    line-height:35px;
    width:150px;
    color:#FFFFFF;
}
.fouces_menuon a:link {
    color:#FFFFFF;
}
.fouces_menuon a:visited {
    color:#FFFFFF;
}
.fouces_menuon a:hover {
    color:#FFFFFF;
}
.fouces_menuoff {
    background-color:var(--text-primary);
    text-align:center;
    line-height:35px;
    width:150px;
    color:#333333;
}
.fouces_menuoff a:link {
    color:#333333;
}
.fouces_menuoff a:visited {
    color:#333333;
}
.fouces_menuoff a:hover {
    color:#333333;
}
.norecord {
    padding:10px;
    background-color:var(--user-card);
    color:var(--user-color);
    line-height:32px;
    border:1px solid var(--user-border);
}
.alertico {
    background:url(../images/ico/control_ico.gif) 6px -12px;
    text-indent:26px;
    background-repeat:no-repeat;
    color:#8a6d3b;
}
.float-left {
    float:left;
}
.clear {
    clear:both;
}
.cor33 {
    color:var(--text-primary);
}
.cor33 a:link {
    color:var(--text-primary);
}
.cor33 a:visited {
    color:var(--text-primary);
}
.cor33 a:hover {
    color:#000000;
}

.car_cor33 {
    color:var(--user-text-color);
}
.car_cor33 a:link {
    color:var(--user-text-color);
}
.car_cor33 a:visited {
    color:var(--user-text-color);
}
.car_cor33 a:hover {
    color:#000000;
}

.ordcontent {
    margin-top:10px;
}

.corbai {
    color:#d1cfcf;
}
.corbai a:link {
    color:#d1cfcf;
}
.corbai a:visited {
    color:#d1cfcf;
}
.corbai a:hover {
    color:#dcdcdc;
}
.jg {
    color:#FF0000;
}
.tblh35 td {
    line-height:35px;
}
.pstyle {
    background-color:#000000;
    color:var(--text-primary);
    padding:3px;
    overflow:hidden;
}
.tserr {
    color:#cc0000;
    font-size:14px;
    font-family:var(--font-family);
}
.tssuc {
    color:#009900;
    font-size:14px;
    font-family:var(--font-family);
}
.czcontorl {
    width:200px;
    margin:0 auto;
    border:1px solid #000000;
    border-left:0px;
    border-right:0px;
    height:30px;
    line-height:30px;
    clear:both;
    background-image:url(../images/user/czbtbg.gif);
    overflow:hidden;
}
.czcontorl {
    margin:0px;
    padding:0px;
}
.czcontorl a {
    display:block;
    line-height:30px;
    height:30px;
    width:99px;
    float:left;
}
/*ICO*/
.ico-set {
    background:url(../images/ico/control_ico.gif) -3px -592px;
    background-repeat:no-repeat;
    height:22px;
    line-height:22px;
    text-indent:23px;
    display:block;
    float:left;
    overflow:hidden;
}
.ico-edit {
    background:url(../images/ico/control_ico.gif) -3px -534px;
    background-repeat:no-repeat;
    height:22px;
    line-height:22px;
    text-indent:23px;
    display:block;
    float:left;
    overflow:hidden;
    margin-left:10px;
}
.ico-logincount {
    background:url(../images/ico/control_ico.gif) -3px -336px;
    background-repeat:no-repeat;
    height:22px;
    line-height:22px;
    text-indent:23px;
    display:block;
    float:left;
    overflow:hidden;
}
.ico-times {
    background:url(../images/ico/control_ico.gif) -3px -290px;
    background-repeat:no-repeat;
    height:22px;
    line-height:22px;
    text-indent:23px;
    display:block;
    float:left;
    overflow:hidden;
}
.ico-ip {
    background:url(../images/ico/control_ico.gif) -3px -199px;
    background-repeat:no-repeat;
    height:22px;
    line-height:22px;
    text-indent:23px;
    display:block;
    float:left;
    overflow:hidden;
}
.ico-fav {
    background:url(../images/ico/control_ico.gif) -3px -248px;
    background-repeat:no-repeat;
    height:22px;
    line-height:22px;
    text-indent:23px;
    display:block;
    float:left;
    overflow:hidden;
}
.ico-remix {
    background:url(../images/ico/control_ico.gif) -3px -381px;
    background-repeat:no-repeat;
    height:22px;
    line-height:22px;
    text-indent:23px;
    display:block;
    float:left;
    overflow:hidden;
}
.ico-fgremix {
    background:url(../images/ico/control_ico.gif) -3px -432px;
    background-repeat:no-repeat;
    height:22px;
    line-height:22px;
    text-indent:23px;
    display:block;
    float:left;
    overflow:hidden;
}
.ico-radio {
    background:url(../images/ico/control_ico.gif) -3px -478px;
    background-repeat:no-repeat;
    height:22px;
    line-height:22px;
    text-indent:23px;
    display:block;
    float:left;
    overflow:hidden;
}
.ico-down {
    background:url(../images/ico/control_ico.gif) -3px -65px;
    background-repeat:no-repeat;
    height:22px;
    line-height:22px;
    text-indent:23px;
    display:block;
    float:left;
    margin-left:15px;
    overflow:hidden;
}
.ico-play {
    background:url(../images/ico/control_ico.gif) -3px -108px;
    background-repeat:no-repeat;
    height:22px;
    line-height:21px;
    text-indent:23px;
    display:block;
    float:left;
    overflow:hidden;
}
.ico-del {
    background:url(../images/ico/control_ico.gif) -3px -151px;
    background-repeat:no-repeat;
    height:22px;
    line-height:21px;
    text-indent:23px;
    display:block;
    float:left;
    margin-left:15px;
    overflow:hidden;
}
/*CD订单*/
/*.page_bai {
    background-color:#e7e8eb;
    width:100%;
}*/
/*.page_bai_ct {
    background-color:var(--text-primary);
    width:1200px;
    margin:0 auto;
}*/
/*热门专辑*/
.ico-xvip0 {
    background-repeat:no-repeat;
    height:28px;
    line-height:28px;
    text-indent:40px;
    display:block;
    overflow:hidden;
    position:absolute;
    margin-left:-61px;
    margin-top:45px;
}
.ico-xvip1 {
    background:url(../images/ico/control_ico.gif) -3px -646px;
    background-repeat:no-repeat;
    height:28px;
    line-height:28px;
    text-indent:40px;
    display:block;
    overflow:hidden;
    position:absolute;
    margin-left:-61px;
    margin-top:45px;
}
.ico-vip1 {
    background:url(../images/ico/control_ico.gif) -3px -646px;
    text-indent:40px;
    background-repeat:no-repeat;
    height:35px;
    line-height:35px;
    display:block;
    float:left;
    overflow:hidden;
}
.ico_kelu {
    background:url(../images/ico/kelux_ico.gif);
    text-indent:22px;
    background-repeat:no-repeat;
    position:relative;
    display:block;
    height:22px;
    line-height:22px;
    color:#333333;
    font-size:var(--font-size-xs);
}
.ico_kelux {
    background:url(../images/ico/kelux_ico.gif);
    text-indent:23px;
    background-repeat:no-repeat;
    overflow:hidden;
    height:22px;
    line-height:21px;
    font-size:var(--font-size-xs);
    float:left;
    display:block;
    margin-left:15px;
}
.ico-gl {
    background:url(../images/ico/control_ico.gif) -3px -730px;
    background-repeat:no-repeat;
    height:22px;
    line-height:21px;
    text-indent:23px;
    display:block;
    overflow:hidden;
    float:left;
    margin-left:15px;
}
.ico-share {
    background:url(../images/ico/share.gif);
    background-repeat:no-repeat;
    height:22px;
    line-height:21px;
    text-indent:23px;
    display:block;
    overflow:hidden;
    float:left;
    margin-left:15px;
}
/*ICO*/
.vipboxoff {
    border:1px solid var(--border-color);
    padding-left:30px;
    margin-top:10px;
    margin-bottom:10px;
    width:200px;
    height:54px;
    margin-right:15px;
    _margin-right:11px;
    float:left;
    line-height:20px;
    cursor:pointer;
    font-size:var(--font-size-xs);
    overflow:hidden;
    background:url(../images/user/payboxoff.gif) 0px -3px no-repeat;
}
.vipboxoff p {
    margin:0px;
    padding:0px;
    font-size:16px;
    color:#FF0000;
    padding-top:6px;
}
.vipboxoff p .t1 {
    font-size:14px;
    color:#009900;
}
.vipboxoff p .t2 {
    font-size:var(--font-size-xs);
    font-style:italic;
    color:#666666;
}
.vipboxoff img {
    margin-top:10px;
}
.vipboxon {
    border:1px solid var(--accent-primary);
    padding-left:30px;
    margin-top:10px;
    margin-bottom:10px;
    width:200px;
    height:54px;
    margin-right:15px;
    _margin-right:11px;
    float:left;
    line-height:20px;
    cursor:pointer;
    background:url(../images/user/payboxon.gif) 0px -3px  no-repeat;
    font-size:var(--font-size-xs);
    overflow:hidden;
}
.vipboxon p {
    margin:0px;
    padding:0px;
    font-size:16px;
    color:#FF0000;
    padding-top:6px;
}
.vipboxon p .t1 {
    font-size:14px;
    color:#009900;
}
.vipboxon p .t2 {
    font-size:var(--font-size-xs);
    font-style:italic;
    color:#666666;
}
.vipboxon img {
    margin-top:10px;
}
.ty0 {
    background:url(../images/user/check.gif) 6px 3px;
    background-repeat:no-repeat;
    text-indent:30px;
    background-color:#93c8e7;
    font-size:14px;
    font-weight:bold;
    line-height:40px;
    width:200px;
    overflow:hidden;
    margin-top:10px;
}
.huix {
    color:var(--text-secondary);
    font-size:var(--font-size-xs);
    font-weight:normal;
}
.f16 {
    font-size:16px;
}
.serbox {
    width:280px;
    border:1px solid var(--border-color);
    line-height:30px;
    height:32px;
    color:#000000;
    font-size:14px;
    text-indent:30px;
    background:url(../images/ico/serbox.gif) 4px 4px;
    background-repeat:no-repeat;
    *width:220px;
    *height:28px;
    _width:250px;
}
/*CD购物车*/
#cdquantity {
    background-color:#009900;
    color:var(--text-primary);
    position:absolute;
    margin-top:-30px;
    margin-left:10px;
    width:20px;
    height:20px;
    line-height:20px;
    text-align:center;
    border-radius:50%;
}
#overlay1 {
    background:#000;
    filter:alpha(opacity=50);
    opacity:0.5;
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    z-index:2;
}
#carshow {
    position:absolute;
    width:350px;
    overflow:hidden;
    border:5px solid #000000;
    border-top:0px;
    background-color:var(--text-primary);
    top:40%;
    left:50%;
    margin-left:-175px;
    margin-top:-120px;
    padding-bottom:20px;
    z-index:5;
    padding:0px;
    color:#333333;
}
#carshow ul {
    margin:10px;
    padding:0px;
}
#carcontent {
    line-height:30px;
    font-size:14px;
    font-family:var(--font-family);
}
#carcontent span {
    font-family:var(--font-family);
    color:#FF0000;
    font-size:var(--font-size-xs);
    font-weight:bold;
}
.cdcart {
    background-color:#000000;
    color:var(--text-primary);
    line-height:35px;
    height:35px;
    font-size:14px;
    overflow:hidden;
}
.cdcart ul {
    float:left;
    text-indent:8px;
    padding:0px;
    margin:0px;
}
.cdcart .k1 {
    padding:0px;
    margin:0px;
    float:left;
}
.cdcart .k2 {
    float:right;
    padding:0px;
    margin:0px;
    width:20px;
    height:20px;
    overflow:hidden;
    margin-top:8px;
}
.cdcart .k2 a {
    display:block;
    width:20px;
    height:20px;
    background:url(../images/user/ico/clobg.gif) no-repeat;
    overflow:hidden;
}
.cdcart .k2 a:link {
    ;
}
.cdcart .k2 a:visited {
    ;
}
.cdcart .k2 a:hover {
    background:url(../images/user/ico/clobg.gif) 0px -20px no-repeat;
    overflow:hidden;
}
.pay_menu {
    line-height:45px;
    color:var(--user-text-color);
    font-size:16px;
    font-weight:bold;
    border-bottom:1px solid var(--user-border);
}
.ddt {
    background-color:var(--user-bg1);
    border-bottom:1px solid var(--user-border);
    line-height:30px;
    text-indent:10px;
}
.paycdtb td {
    color:var(--user-text-color);
}
.kdico {
    width:200px;
}
/*CD购物车*//*移动层*/
#cdquantity {
    background-color:#009900;
    color:var(--text-primary);
    position:absolute;
    margin-top:-30px;
    margin-left:10px;
    width:20px;
    height:20px;
    line-height:20px;
    text-align:center;
    border-radius:50%;
}
#overlay1 {
    background:#000;
    filter:alpha(opacity=50);
    opacity:0.5;
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    z-index:2;
}
#overlay {
    background:#000;
    filter:alpha(opacity=50);
    opacity:0.5;
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    z-index:2;
}
#scshow {
    width:480px;
    overflow:hidden;
    background-color:var(--text-primary);
    padding-bottom:20px;
    z-index:5;
    padding:0px;
    color:#333333;
}
#scshow ul {
    margin:10px;
    padding:0px;
}
#sccontent {
    line-height:30px;
    font-size:var(--font-size-xs);
    font-family:var(--font-family);
}
#scrcontent span {
    font-family:var(--font-family);
    color:#FF0000;
    font-size:var(--font-size-xs);
    font-weight:bold;
}
.sctitle {
    background-color:#000000;
    color:var(--text-primary);
    line-height:35px;
    height:35px;
    font-size:14px;
    overflow:hidden;
}
.sctitle ul {
    float:left;
    text-indent:8px;
    padding:0px;
    margin:0px;
}
.sctitle .k1 {
    padding:0px;
    margin:0px;
    float:left;
}
.sctitle .k2 {
    padding:0px;
    margin:0px;
    float:right;
    padding:0px;
    margin:0px;
    margin-top:7px;
}
.sctitle .k2 a {
    width:20px;
    height:20px;
    background:url(../images/user/ico/clobg.gif) no-repeat;
    overflow:hidden;
}
.sctitle .k2 a:link {
    display:block;
}
.sctitle .k2 a:visited {
    display:block;
}
.sctitle .k2 a:hover {
    display:block;
    background:url(../images/user/ico/clobg.gif) 0px -20px no-repeat;
}
.favmusicname {
    line-height:30px;
    font-size:var(--font-size-xs);
    background:url(../images/ico/control_ico.gif) -3px -726px no-repeat;
    text-indent:30px;
    height:25px;
    overflow:hidden;
    width:350px;
}
.favmovecontorl {
    margin-left:0px;
    padding-left:0px;
}
.favmovecontorl ul {
    float:left;
    margin:0px;
    padding:0px;
    margin-right:10px;
    margin-bottom:10px;
}
#tshtml .e0 {
    background:url(../images/error.png) 0px 0px no-repeat;
    text-indent:20px;
    background-repeat:no-repeat;
    line-height:30px;
    color:#FF0000;
}
/*CD移动层*//*收藏样式*/
#favbox {
    width:480px;
    overflow:hidden;
    background-color:var(--text-primary);
    padding-bottom:20px;
    z-index:5;
    padding:0px;
    color:#333333;
    border-top:0px;
}
.seltitle {
    font-size:var(--font-size-xs);
    height:35px;
    line-height:35px;
    font-weight:bold;
    color:#ffffff;
}
.seltitle ul {
    float:left;
    text-indent:8px;
    padding:0px;
    margin:0px;
}
.seltitle p {
    float:right;
}
.seltitle p a {
    width:20px;
    height:20px;
    overflow:hidden;
}
.seltitle p a:link {
    display:block;
}
.seltitle p a:visited {
    display:block;
}
.seltitle p a:hover {
    display:block;
}
.selclo {
    padding:0px;
    margin:0px;
    border:0px;
    height:18px;
    width:18px;
    background-image:url(/user/images/clo.gif);
    cursor:pointer;
    margin-top:8px;
    margin-right:10px;
}
#selboxct {
    border:1px solid var(--border-color);
    height:120px;
    overflow-y:scroll;
    background-color:#f8f8f8;
}
#selboxct ul {
    padding:0px;
    margin:0px;
    overflow:hidden;
}
#selboxct ul a span {
    margin-left:10px;
    color:#009900;
}
#selboxct ul a {
    color:#333333;
    display:block;
    line-height:24px;
    text-indent:10px;
}
#selboxct ul a:link {
    color:#333333;
    text-decoration:none;
}
#selboxct ul a:visited {
    color:#333333;
    text-decoration:none;
}
#selboxct ul a:hover {
    color:#000000;
    text-decoration:none;
    background-color:#efefef;
}
.selboxctcls {
    background-color:#dcdcdc;
    display:block;
}
.favmusicname {
    line-height:30px;
    font-size:var(--font-size-xs);
    background:url(../images/ico/control_ico.gif) -3px -726px no-repeat;
    text-indent:30px;
    overflow:hidden;
    height:25px;
}
.favpad {
    padding:10px;
}
.selbox {
    line-height:30px;
    color:#000000;
    background:url(../images/ico/control_ico.gif) -3px -244px no-repeat;
    text-indent:28px;
    height:30px;
    overflow:hidden;
}
.favaddmenu {
    padding-top:10px;
    clear:both;
    overflow:hidden;
}
.favinput {
    width:250px;
    overflow:hidden;
    border:1px solid var(--border-color);
    background-color:#f8f8f8;
    font-size:var(--font-size-xs);
    height:25px;
    line-height:25px;
    text-indent:8px;
}
.favbutton {
    width:100px;
    height:29px;
    line-height:25px;
    overflow:hidden;
    border:1px solid #000000;
    color:var(--text-primary);
    background-color:#262626;
}
.favcontorl {
    padding-top:10px;
}
.favcontorl input {
    margin-right:10px;
}
.rebutton {
    width:100px;
    height:29px;
    line-height:25px;
    overflow:hidden;
    border:1px solid  #990000;
    color:var(--text-primary);
    background-color:#cc0000;
}
.huibutton {
    width:100px;
    height:29px;
    line-height:25px;
    overflow:hidden;
    border:1px solid  #dcdcdc;
    color:#00000;
    background-color:#f8f8f8;
}
.selbox span {
    color:#009900;
}
.favcontorl ul {
    float:left;
    margin:0px;
    padding:0px;
    margin-right:10px;
    margin-bottom:10px;
}
.favsuc1 {
    line-height:30px;
    text-align:center;
    font-size:var(--font-size-xs);
}
.favsuc2 {
    line-height:32px;
    text-align:center;
    font-size:16px;
    color:#009900;
    font-weight:bold;
}
.favsuc3 {
    text-align:center;
    padding-top:10px;
}
.favsuc3 a {
    display:block;
    width:100px;
    height:25px;
    line-height:25px;
    font-size:var(--font-size-xs);
    overflow:hidden;
    border:1px solid  #990000;
    color:var(--text-primary);
    background-color:#cc0000;
    margin:0 auto;
}
#favsec {
    color:#FF0000;
    font-weight:bold;
}
#tshtml .e0 {
    background:url(../images/error.png) 0px 6px no-repeat;
    text-indent:20px;
    background-repeat:no-repeat;
    line-height:30px;
    color:#9f8d43;
}
/*收藏样式*/
.musicboxlist {
    border:1px solid var(--user-border);
    background-color:var(--user-card);
    width:200px;
    height:260px;
    overflow:hidden;
    margin-right:20px;
    margin-top:20px;
    float:left;
}
.musicboxlist ul {
    margin:10px;
    padding:0px;
    overflow:hidden;
}
.musicboxlist h3 {
    margin:0px;
    padding:0px;
    font-size:14px;
    line-height:30px;
    color:var(--user-text-color);
    background-color:var(--user-bg1);
    border-bottom:1px solid var(--user-border);
    padding-left:5px;
    padding-right:5px;
    height:30px;
    overflow:hidden;
}
.musicboxlist ul li {
    list-style:none;
    position:relative;
    height:180px;
}
.musicboxlist ul li img {
    width:180px;
    height:180px;
    position:relative;
}
.musicboxlist ul li .fl {
    display:block;
    position:absolute;
    width:25px;
    height:25px;
    line-height:25px;
    text-align:center;
    background-color:#cc0000;
    color:var(--text-primary);
    overflow:hidden;
    margin-top:-180px;
    margin-left:155px;
    _margin-left:-25px;
    _margin-top:0px;
    *margin-left:-25px;
    *margin-top:0px;
}
.musicboxlist ul p {
    margin:0px;
    padding:0px;
    padding-top:8px;
    overflow:hidden;
    display:block;
    background-color:var(--user-card);
}
.musicboxlist ul p a {
    color:var(--user-text-color);
}
.musicboxlist ul p a:link {
    color:var(--user-text-color);
}
.musicboxlist ul p a:visited {
    color:var(--user-text-color);
}
.musicboxlist ul p a:hover {
    color:var(--user-text-hover);
}
.sctop {
    border:1px solid var(--user-border);
    background-color:var(--user-card);
    height:48px;
    overflow:hidden;
}
.sctop ul {
    padding:7px;
    overflow:hidden;
    margin:0px;
}
.btn-back {
    background-color:#101010;
    border:1px solid #101010;
    box-sizing:border-box;
}
.btn-white {
    background-color:#5cb85c;
    border:1px solid #4c914c;
    box-sizing:border-box;
}
.btn-hred {
    background-color:#bd5c3c;
    /*border:1px solid #a44f33;*/
    box-sizing:border-box;
    border-radius: 4px;
}
/*.inputord {
    text-indent:3px;
    border:1px solid var(--border-color);
    background-color:#f8f8f8;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    min-width:90px;
    line-height:28px;
    height:28px;
    color:#000000;
}*/
.inputord {
    background-color: var(--bg-tertiary);
    border: 1px solid var(--border-color);
    color: var(--text-primary);
    padding: 8px 12px;
    border-radius: 6px;
    font-size: var(--font-size-xs);
    font-family: var(--font-family);
    transition: all 0.3s ease;
    outline: none;
    box-shadow: 0 1px 3px var(--shadow-color);
}
.inputord:focus {
    border-color: var(--accent-primary);
    box-shadow: 0 0 0 2px rgba(108, 92, 231, 0.2);
    background-color: var(--bg-card);
}

.inputord:hover {
    border-color: var(--accent-secondary);
    background-color: var(--bg-card);
}

/* 下拉选择框特殊样式 */
select.inputord {
    appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23b0b0c0' width='18px' height='18px'%3e%3cpath d='M7 10l5 5 5-5z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 16px;
    padding-right: 40px;
    min-width: 140px;
    cursor: pointer;
}

/* 输入框特殊样式 */
input[type="text"].inputord {
    background-color: var(--bg-tertiary);
    border: 1px solid var(--border-color);
    height: 36px;
    padding: 8px 12px;
    width: 100%;
    max-width: 300px;
}

input[type="text"].inputord:focus {
    background-color: var(--bg-card);
    transform: translateY(-1px);
}

/* 输入框禁用非数字字符时的样式 */
input[type="text"].inputord:disabled,
input[type="text"].inputord[readonly] {
    background-color: var(--bg-secondary);
    color: var(--text-muted);
    cursor: not-allowed;
}

/* 表格内元素间距优化 */
table tr td {
    padding-bottom: 5px;
}

table tr td .inputord {
    margin-right: 8px;
}

/* 下拉选项样式 */
option {
    background-color: var(--bg-card);
    color: var(--text-primary);
    padding: 8px;
}

option:hover,
option:focus {
    background-color: var(--accent-primary);
    color: white;
}

/*会员中心*/
.user-inputs {
    background-color:var(--user-card);
    width:250px;
    line-height:30px;
    height:30px;
    font-size:14px;
    /*border:0px;*/
    border: 1px solid var(--user-border);
    color:var(--user-text-color2);
    text-indent:8px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
}
.user-inputs:focus {
    outline: none;
    border-color: var(--user-border);
    box-shadow: 0 0 0 3px rgba(108, 92, 231, 0.1);
}

.user-inputord {
    background-color: var(--user-bg1);
    border: 1px solid var(--user-border);
    color: var(--user-text-color2);
    padding: 8px 12px;
    border-radius: 6px;
    font-size: var(--font-size-xs);
    font-family: var(--font-family);
    transition: all 0.3s ease;
    outline: none;
    box-shadow: 0 1px 3px var(--user-shadow);
}
.user-inputord:focus {
    border-color: var(--user-border);
    box-shadow: 0 0 0 2px rgba(108, 92, 231, 0.2);
    background-color: var(--user-bg1);
}

.user-inputord:hover {
    border-color: var(--user-border);
    background-color: var(--user-bg1);
}
/* 下拉选择框特殊样式 */
select.user-inputord {
    appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23b0b0c0' width='18px' height='18px'%3e%3cpath d='M7 10l5 5 5-5z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 16px;
    padding-right: 40px;
    min-width: 140px;
    cursor: pointer;
}

/* 输入框特殊样式 */
input[type="text"].user-inputord {
    background-color: var(--user-bg1);
    border: 1px solid var(--user-border);
    height: 36px;
    padding: 8px 12px;
    width: 100%;
    max-width: 300px;
}

input[type="text"].user-inputord:focus {
    background-color: var(--user-bg1);
    transform: translateY(-1px);
}

/* 输入框禁用非数字字符时的样式 */
input[type="text"].user-inputord:disabled,
input[type="text"].user-inputord[readonly] {
    background-color: var(--user-bg1);
    color: var(--text-muted);
    cursor: not-allowed;
}

/* 表格内元素间距优化 */
table tr td {
    padding-bottom: 5px;
}

table tr td .user-inputord {
    margin-right: 8px;
}

/* 下拉选项样式 */
.user-inputord option {
    background-color: var(--user-bg1);
    color: var(--user-text-color2);
    padding: 8px;
}

.user-inputord option:hover,
.user-inputord option:focus {
    background-color: var(--accent-primary);
    color: white;
}

/*音乐专辑*/
.djshow_list_left {
    /*padding:10px;*/
    border-radius: 12px;
    background: var(--bg-card);
    box-shadow: 0 4px 15px var(--shadow-color);
    animation: fadeIn 0.5s ease forwards;
    transition: all 0.3s ease;
    font-family: var(--font-family);
    width:950px;
    float:left;
    overflow:hidden;
}
.djshow_list_left_ct {
    /*padding:15px;*/
}
.djshow_new {
    ;
}
.djshow_new_left {
    height:175px;
    width:59px;
    float:left;
    background:url("../images/djshow/left_bg.png");
    margin-right:10px;
}
.djshow_new_list {
    ;
}
.djshow_new_list ul li {
    list-style:none;
    float:left;
    height:82px;
    width:82px;
    margin-left:12px;
    margin-bottom:10px;
    position:relative;
    _position:relative;
    *zoom:1;
}
.djshow_new_list ul li a {
    text-decoration:none;
}
.djshow_new_list ul li a img {
    width:82px;
    height:82px;
}
.djshow_new_list ul li a p {
    padding:0px;
    margin:0px;
    width:82px;
    height:21px;
    line-height:21px;
    text-align:center;
    background-color:rgba(174,30,143,0.7);
    color:var(--text-primary);
    position:absolute;
    bottom:0;
    z-index:1;
    display:inline-block\9;
    background-color:rgb(174,30,143)\9;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70)\9;
    zoom:1\9;
    position:absolute\9;
    left:0px\9;
    bottom:0px\9;
    z-index:1\9;
    text-decoration:none;
    *bottom:-1px;
    _bottom:0px;
}
.djshow_content {
    ;
}
.djshow_content_type {
    margin:0 auto;
    height:44px;
    width:930px;
    background:url("../images/index/producer.png") no-repeat;
    color:var(--text-secondary);
    ;
}
.djshow_content_type span {
    font-size:16px;
    margin-left:54px;
    line-height:32px;
    float:left;
}
.djshow_content_type ul {
    float:right;
}
.djshow_content_type ul .flon {
    background-color:var(--accent-primary);
    float:left;
    line-height:23px;
    margin:0px;
    padding:0px;
    margin-right:15px;
    padding-left:8px;
    padding-right:8px;
    margin-top:10px;
    color:var(--text-primary);
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
}
.djshow_content_type ul .flon a:link {
    color:#FFFFFF;
}
.djshow_content_type ul .flon a:visited {
    color:#FFFFFF;
}
.djshow_content_type ul .flon a:hover {
    color:#FFFFFF;
}
.djshow_content_type ul .flof {
    float:left;
    line-height:23px;
    margin:0px;
    padding:0px;
    margin-right:15px;
    padding-left:8px;
    padding-right:8px;
    margin-top:10px;
}
.djshow_content_type ul .flof a:link {
    color:var(--text-secondary);
}
.djshow_content_type ul .flof a:visited {
    color:var(--text-secondary);
}
.djshow_content_type ul .flof a:hover {
    color:#d1cfcf;
}
.djshow_contentlist {
    padding-left:10px;
    padding-right:10px;
}
.djshow_contentlist tr .djshow_contentlist_msg {
    color:var(--text-secondary);
    font-size:var(--font-size-xs);
}
.djshow_contentlist tr td .djshow_contentlist_name {
    color:var(--text-color);
    font-size:14px;
}
.djshow_contentlist tr td .djshow_contentlist_name:link {
    color:#d1cfcf;
}
.djshow_contentlist tr td .djshow_contentlist_name:visited {
    color:#d1cfcf;
}
.djshow_contentlist tr td .djshow_contentlist_name:hover {
    text-decoration:none;
    color:var(--text-primary);
}
.djshow_contentlist tr td .arrow {
    display:inline-block;
    height:12px;
    width:12px;
    background:url("../images/djshow/arrow-1.gif") no-repeat;
}
.djshow_contentlist tr td .djshow_contentlist_dj {
    color:var(--text-secondary);
    font-size:var(--font-size-xs);
}
.djshow_contentlist tr td .djshow_contentlist_dj:link {
    color:var(--text-secondary);
}
.djshow_contentlist tr td .djshow_contentlist_dj:visited {
    color:var(--text-secondary);
}
.djshow_contentlist tr td .djshow_contentlist_dj:hover {
    color:#b9b9b9;
}
.djshow_list_right {
    padding-top:20px;
    border-radius: 12px;
    background: var(--bg-card);
    box-shadow: 0 4px 15px var(--shadow-color);
    animation: fadeIn 0.5s ease forwards;
    transition: all 0.3s ease;
    font-family: var(--font-family);
    float:right;
    overflow:hidden;
}
.djshow_list_right_ct {
    width:240px;
    padding-left:10px;
    padding-right:10px;
    /*padding-top:20px;*/
    /*margin-left:11px;*/
    /*padding-right:15px;*/
    *width:215px;
    _margin-left:0px;
}
.djshow_ad {
    height:271px;
    width:216px;
    background:url("../images/djshow/dj_ad_bg.gif");
}
.djshow_ad_text {
    padding:23px 15px;
}
.djshow_ad h5 {
    color:#f5ed10;
}
.djshow_ad p {
    color:var(--text-primary);
    line-height:23px;
}
.djshow_ad span {
    color:#9a9999;
    line-height:20px;
}
.djshow_newalbum_list {
    /*margin:0 auto;
    padding:0;
    width:210px;*/
}
.djshow_newalbum_list_title {
    margin:0 auto;
    padding:0;
    height:31px;
    width:220px;
    background:url("../images/djshow/djshow_new_bg.png") no-repeat;
}
.djshow_newalbum_list_title_hot {
    height:31px;
    width:220px;
    background:url("../images/djshow/djshow_hot_bg.png") no-repeat;
    margin:0 auto;
    padding:0;
}
.djshow_newalbum_list_title_hot span {
    color:var(--text-secondary);
    font-size:16px;
    padding-left:52px;
    letter-spacing:2px;
}
.djshow_newalbum_list_title span {
    color:var(--text-secondary);
    font-size:16px;
    padding-left:50px;
    letter-spacing:2px;
}
.djshow_newalbum_list ul li {
    color:var(--text-secondary);
    ;
}
.djshow_newalbum_list ul li span {
    overflow:hidden;
    word-wrap:break-word;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
}
.djshow_newalbum_list ul .first {
    height:42px;
    *margin-bottom:21px;
    _margin-bottom:0px;

    margin:0 auto;
    padding:0;
    width:220px;
}
.djshow_newalbum_list ul .first .djshow_newalbum_list_img {
    width:39px;
    height:39px;
    float:left;
    margin-right:10px;
}
.djshow_newalbum_list ul .first .djshow_newalbum_list_img img {
    width:39px;
    height:39px;
    border:0;
    border-radius:5px;
}
.djshow_newalbum_list ul .first p {
    line-height:14px;
    overflow:hidden;
    height:42px;
}
.djshow_newalbum_list ul .first p a {
    display:inline-block;
    height:42px;
}
.djshow_newalbum_list ul .first p a:link {
    color:var(--text-secondary);
}
.djshow_newalbum_list ul .first p a:visited {
    color:var(--text-secondary);
}
.djshow_newalbum_list ul .first p a:hover {
    color:#d1cfcf;
}
.djshow_newalbum_list ul li span a:link {
    color:var(--text-secondary);
}
.djshow_newalbum_list ul li span a:visited {
    color:var(--text-secondary);
}
.djshow_newalbum_list ul li span a:hover {
    color:#d1cfcf;
}
.djshow_ranking_list {
    /*width:410px;*/
}
.djshow_ranking_list_title {
    background:url("../images/djshow/djshow_ranking_bg.png") no-repeat;
    height:50px;
    margin:0 auto;
    padding:0;
    /*width:220px;*/
}
.djshow_ranking_list_title p {
    padding:0px;
    margin:0px;
    padding-left:46px;
    padding-top:5px;
    font-size:16px;
    color:var(--text-secondary);
    ;
}
.djshow_contentlist .linesbox {
    padding-left:100px;
}
/*个人列表部分*/
.blur {
    filter:url(blur.svg#blur);
    /* FireFox,Chrome,Opera*/
    -webkit-filter:blur(30px);
    /* Chrome,Opera*/
    -moz-filter:blur(30px);
    -ms-filter:blur(30px);
    filter:blur(30px);
    filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=90,MakeShadow=false);
    /* IE6~IE9*/;
}
.djshow_djmsg {
    ;
}
.djshow_djmsg .djshow_djmsg_content {
    width:930px;
    height:175px;
    position:relative;
}
.djshow_djmsg .djshow_djmsg_content .dishow_djmsg_bg {
    width:100%;
    height:100%;
    position:absolute;
    z-index:1;
    overflow:hidden;
}
.djshow_djmsg .djshow_djmsg_content .dishow_djmsg_bg img {
    position:absolute;
    top:-200px;
    top:-100px\9;
    left:-100px\9;
    *top:-100px;
    *left:-100px;
    _top:-50px;
    _left:0px;
}
.djshow_djmsg .djshow_djmsg_content .djshow_djmsg_box {
    float:left;
    position:absolute;
    z-index:1;
    width:100%;
    background-color:rgba(0,0,0,0.2);
}
.djshow_djmsg .djshow_djmsg_content .djshow_djmsg_icon {
    float:left;
    padding:5px 10px;
}
.djshow_djmsg .djshow_djmsg_content .djshow_djmsg_icon img {
    width:165px;
    height:165px;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%;
}
.djshow_djmsg .djshow_djmsg_content .djshow_djmsg_text {
    float:left;
    padding:15px 0 15px 20px;
}
.djshow_djmsg .djshow_djmsg_content .djshow_djmsg_text h1 {
    line-height:33px;
    font-size:16px;
    font-weight:bold;
    color:var(--text-primary);
}
.djshow_djmsg .djshow_djmsg_content .djshow_djmsg_text p {
    line-height:28px;
    color:var(--text-primary);
}
.djshow_djmsg .djshow_djmsg_content .djshow_djmsg_text a:link {
    color:var(--text-primary);
}
.djshow_djmsg .djshow_djmsg_content .djshow_djmsg_text a:visited {
    color:var(--text-primary);
}
.djshow_djmsg .djshow_djmsg_content .djshow_djmsg_text a:hover {
    color:var(--text-primary);
}
/*个人列表部分end*/
/*音乐专辑功能图标*/
.djshow_icofav,.djshow_icodown,.djshow_icocar {
    float:left;
}
.djshow_icofav a {
    background:url(../images/sort_list.gif) no-repeat  -86px -194px;
    width:25px;
    height:20px;
    float:left;
    display:block;
}
.djshow_icofav a:hover {
    background:url(../images/sort_list.gif) no-repeat -85px -157px;
    width:25px;
    height:20px;
    float:left;
    display:block;
}
.djshow_icodown a {
    background:url(../images/sort_list.gif) no-repeat  -32px -194px;
    width:25px;
    height:20px;
    float:left;
    display:block;
}
.djshow_icodown a:hover {
    background:url(../images/sort_list.gif) no-repeat  -31px -157px;
    width:25px;
    height:20px;
    float:left;
    display:block;
}
.djshow_icocar a {
    background:url(../images/sort_list.gif) no-repeat  -58px -194px;
    width:25px;
    height:20px;
    float:left;
    display:block;
}
.djshow_icocar a:hover {
    background:url(../images/sort_list.gif) no-repeat  -57px -157px;
    width:25px;
    height:20px;
    float:left;
    display:block;
}
/*音乐专辑功能图标end*/
/*音乐专辑end*//*关注*/
#icogz {
    display:inline-block;
    margin-left:1em;
    height:18px;
    width:58px;
    overflow:hidden;
}
.icog0 {
    background:url(../images/djshow/fouce.gif);
}
.icog1 {
    background:url(../images/djshow/fouce_on.gif);
}
/*关注*//*电台*/
.radio_list_left {
    padding:10px;
    border-radius: 12px;
    background: var(--bg-card);
    box-shadow: 0 4px 15px var(--shadow-color);
    animation: fadeIn 0.5s ease forwards;
    transition: all 0.3s ease;
    font-family: var(--font-family);
    width:950px;
    float:left;
    overflow:hidden;
    /*width:950px;
    float:left;
    overflow:hidden;*/
}
.radio_list_left_ct {
    ;
}
.radio_list_left_title {
    height:47px;
    width:930px;
    background:url("../images/index/djgd3.png") no-repeat;
    color:#999999;
}
.radio_list_left_title span {
    font-size:16px;
    margin-left:55px;
    line-height:32px;
    float:left;
}
.radio_list_left_title ul {
    float:right;
}
.radio_list_left_title ul .flon {
    background-color:var(--accent-primary);
    float:left;
    line-height:23px;
    margin:0px;
    padding:0px;
    margin-right:15px;
    padding-left:8px;
    padding-right:8px;
    margin-top:10px;
    color:var(--text-primary);
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
}
.radio_list_left_title ul .flon a:link {
    color:#FFFFFF;
}
.radio_list_left_title ul .flon a:visited {
    color:#FFFFFF;
}
.radio_list_left_title ul .flon a:hover {
    color:#FFFFFF;
}
.radio_list_left_title ul .flof {
    float:left;
    line-height:23px;
    margin:0px;
    padding:0px;
    margin-right:15px;
    padding-left:8px;
    padding-right:8px;
    margin-top:10px;
}
.radio_list_left_title ul .flof a:link {
    color:var(--text-secondary);
}
.radio_list_left_title ul .flof a:visited {
    color:var(--text-secondary);
}
.radio_list_left_title ul .flof a:hover {
    color:#d1cfcf;
}
.radio_list_left_content ul li {
    float:left;
    height:220px;
    width:192px;
    padding:20px 0px 12px 0px;
    position:relative;
    line-height:20px;
    *height:188px;
    _height:188px;
}
.radio_list_left_content ul li .radio_list_left_c_img {
    height:160px;
    width:160px;
    float:left;
    position:relative;
}
.radio_list_left_content ul li .radio_list_left_c_img .bg-title {
    padding:0px;
    margin:0px;
    width:160px;
    height:30px;
    line-height:21px;
    text-align:left;
    background-color:rgba(20,20,20,0.7);
    color:#FFFFFF;
    position:absolute;
    bottom:0;
    z-index:1;
    background-color:rgb(20,20,20)\9;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70)\9;
    zoom:1\9;
    position:absolute\9;
    left:0px\9;
    bottom:0px\9;
    z-index:1\9;
    text-decoration:none;
    *bottom:-1px;
    _bottom:29px;
}
.radio_list_left_content ul li .radio_list_left_c_img .bg-title .musicicon {
    background:url(../images/index/music-icon-white.png) no-repeat 2px 5px;
    _background:url(../images/index/music-icon2.gif) no-repeat 2px 5px;
    width:63px;
    float:left;
    text-align:left;
    line-height:30px;
    padding-left:23px;
    *width:40px;
}
.radio_list_left_content ul li .radio_list_left_c_img .bg-title .followicon {
    background:url(../images/index/eye.png) no-repeat 2px 5px;
    _background:url(../images/index/eye2.gif) no-repeat 2px 5px;
    width:63px;
    float:left;
    text-align:left;
    line-height:30px;
    padding-left:23px;
    *width:40px;
}
.radio_list_left_content ul li .radio_list_left_c_title {
    height:30px;
    width:160px;
    line-height:30px;
    text-align:left;
    overflow:hidden;
    _position:relative;
}
.radio_list_left_content ul li .radio_list_left_c_hot {
    color:var(--text-secondary);
    margin-top:31px;
}
.radio_list_left_content ul li .radio_list_left_c_hot p {
    margin-top:11px;
    padding-left:162px;
}
.radio_list_left_content ul li .radio_list_left_c_fouce {
    ;
}
.radio_list_left_content ul li .radio_list_left_c_img a .radio_list_left_c_playicon {
    display:inline-block;
    width:25px;
    height:25px;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    background:url("../images/index/play1.png") no-repeat 0px 0px;
    _background:url("../images/index/play1.gif") no-repeat 0px 0px;
    position:absolute;
    bottom:3px;
    right:5px;
    z-index:1;
    _bottom:32px;
}
.radio_list_left_content ul li .radio_list_left_c_img a .radio_list_left_c_playicon:hover {
    background:url("../images/index/play.png") no-repeat 0px 0px;
    _background:url("../images/index/play.gif") no-repeat 0px 0px;
}
.radio_list_left_content ul li .radio_list_left_c_img a:link {
    color:var(--text-color);
}
.radio_list_left_content ul li .radio_list_left_c_img a:visited {
    color:var(--text-color);
}
.radio_list_left_content ul li .radio_list_left_c_img a:hover {
    color:var(--text-primary);
}
.radio_top_list {
    height:204px;
}
.radio_top_list .radio_top_list_type {
    width:102px;
    height:102px;
    float:left;
}
.radio_top_list .radio_top_list_type .radio_top_list_img {
    width:50px;
    height:50px;
    float:left;
    margin:0 1px 1px 0;
}
.radio_top_list .radio_top_list_type .radio_top_list_img img {
    width:50px;
    height:50px;
}
.radio_top_list .radio_top_list_type2 {
    width:153px;
    height:153px;
    float:left;
}
.radio_top_list .radio_top_list_type2 .radio_top_list_img_b {
    width:152px;
    height:152px;
    float:left;
    margin:0 1px 1px 0;
}
.radio_top_list .radio_top_list_type2 .radio_top_list_img_b img {
    width:152px;
    height:152px;
}
.radio_top_list .radio_top_list_type2 .radio_top_list_img_s {
    width:50px;
    height:50px;
    float:left;
    margin:0 1px 1px 0;
}
.radio_top_list .radio_top_list_type2 .radio_top_list_img_s img {
    width:50px;
    height:50px;
}
.radio_list_right {
    /*float:right;*/
    padding-top:20px;
    border-radius: 12px;
    background: var(--bg-card);
    box-shadow: 0 4px 15px var(--shadow-color);
    animation: fadeIn 0.5s ease forwards;
    transition: all 0.3s ease;
    font-family: var(--font-family);
    float:right;
    overflow:hidden;
    /*width:209px;*/
}
.radio_list_right_ct {
    width:240px;
}
.radio_ad {
    width:209px;
}
.radio_ad1 {
    height:90px;
    width:209px;
}
.radio_ad2 {
    height:37px;
    width:209px;
}
.radio_newalbum_list_title {
    height:31px;
    width:192px;
    background:url("../images/radio/radio_new_bg.gif");
}
.radio_newalbum_list_title span {
    color:var(--text-secondary);
    font-size:16px;
    padding-left:50px;
    letter-spacing:2px;
}
/*播放页*/
.radio_foot {
    width:980px;
    line-height:60px;
    color:#dcdcdc;
    font-size:var(--font-size-xs);
    text-align:center;
    margin:0 auto;
}
#tsk {
    position:fixed;
    margin:-9px 0px 0px -100px;
    width:200px;
    height:60px;
    background-color:#f8f8f8;
    z-index:999;
    top:15%;
    left:50%;
    border-radius:10px;
    filter:alpha(Opacity=92);
    -moz-opacity:0.9;
    opacity:0.9;
    border:1px solid var(--border-color);
}
#tsk ul {
    margin:10px;
    padding:0px;
    font-size:14px;
    line-height:40px;
    text-align:center;
}
.radioplay #banner {
    height:60px;
    background-color:#000000;
    width:100%;
}
#banner .bannerct {
    width:980px;
    margin:0 auto;
}
#banner #logo {
    padding-top:8px;
    float:left;
}
#banner #banner_menu {
    float:left;
    margin-left:20px;
}
#banner #banner_menu ul {
    float:left;
    margin:0px;
    padding:0px;
    width:70px;
    text-align:center;
}
#banner #banner_menu .fmenu {
    color:var(--text-primary);
    font-family:var(--font-family);
    font-size:16px;
    line-height:60px;
    display:block;
    position:relative;
    text-decoration:none;
}
#banner #banner_menu .fmenuon {
    color:var(--text-primary);
    background-color:#cc0000;
    font-family:var(--font-family);
    font-size:16px;
    line-height:60px;
    display:block;
    position:relative;
    text-decoration:none;
    *height:60px;
}
#menu_float_bg1 {
    position:absolute;
    width:100%;
    left:0px;
    top:50px;
    overflow:hidden;
    z-index:999;
    _width:980px;
    _left:450px;
}
.menu_jiantou {
    background:url(../images/radio/jiantou.gif) 322px 0px no-repeat;
    height:10px;
    width:980px;
    margin:0 auto;
    clear:both;
    overflow:hidden;
}
#menu_float_bg2 {
    width:100%;
    background-color:#f8f8f8;
    overflow:hidden;
    clear:both;
}
#menu_float {
    width:980px;
    overflow:hidden;
    margin:0 auto;
    text-align:left;
}
#menu_float .jiantiao {
    float:left;
    background:url(../images/radio/jiantiao.gif) no-repeat;
    width:1px;
    overflow:hidden;
    height:265px;
    margin-top:0px;
}
#menu_float dl dt {
    padding:0px;
    margin:0px;
    padding-top:10px;
    margin-bottom:3px;
    font-size:14px;
    line-height:39px;
    height:40px;
}
#menu_float dl .ddcn {
    padding:0px;
    margin:0px;
}
#menu_float dl .ddcn a {
    display:block;
    line-height:24px;
    font-size:var(--font-size-xs);
    text-decoration:none;
    text-indent:10px;
}
#menu_float dl .ddcn a:link {
    color:#333333;
}
#menu_float dl .ddcn a:visited {
    color:#333333;
}
#menu_float dl .ddcn a:hover {
    color:#000000;
    background-color:#cc0000;
    color:var(--text-primary);
}
#menu_float dl .l2 a {
    display:block;
    width:53px;
    float:left;
    overflow:hidden;
}
#menu_float dl .ddcn1 {
    padding:0px;
    margin:0px;
}
#menu_float dl .ddcn1 a {
    display:block;
    line-height:24px;
    font-size:var(--font-size-xs);
    text-decoration:none;
    text-align:center;
}
#menu_float dl .ddcn1 a:link {
    color:#333333;
}
#menu_float dl .ddcn1 a:visited {
    color:#333333;
}
#menu_float dl .ddcn1 a:hover {
    color:#000000;
    background-color:#cc0000;
    color:var(--text-primary);
}
#menu_float dl .ddcn2 {
    padding:0px;
    margin:0px;
}
#menu_float dl .ddcn2 a {
    display:block;
    line-height:24px;
    font-size:var(--font-size-xs);
    text-decoration:none;
    text-align:center;
}
#menu_float dl .ddcn2 a:link {
    color:#333333;
}
#menu_float dl .ddcn2 a:visited {
    color:#333333;
}
#menu_float dl .ddcn2 a:hover {
    color:#000000;
    background-color:#cc0000;
    color:var(--text-primary);
}
#menu_float .listclass1 {
    float:left;
    width:105px;
    overflow:hidden;
    margin:0px;
    padding:0px;
}
.ico_c1 a {
    display:block;
    text-align:center;
    overflow:hidden;
}
.ico_c1 a:link {
    color:#000000;
}
.ico_c1 a:visited {
    color:#000000;
}
.ico_c1 a:hover {
    color:var(--text-primary);
    background-color:#cc0000;
    overflow:hidden;
}
#menu_float .listclass2 {
    float:left;
    width:105px;
    overflow:hidden;
    margin:0px;
    padding:0px;
}
.ico_c2 a {
    display:block;
    text-align:center;
    overflow:hidden;
}
.ico_c2 a:link {
    color:#000000;
}
.ico_c2 a:visited {
    color:#000000;
}
.ico_c2 a:hover {
    color:var(--text-primary);
    background-color:#cc0000;
    overflow:hidden;
}
#menu_float .listclass3 {
    float:left;
    width:107px;
    overflow:hidden;
    margin:0px;
    padding:0px;
}
.ico_c3 a {
    display:block;
    text-align:center;
    overflow:hidden;
}
.ico_c3 a:link {
    color:#000000;
}
.ico_c3 a:visited {
    color:#000000;
}
.ico_c3 a:hover {
    color:var(--text-primary);
    background-color:#cc0000;
    overflow:hidden;
}
#menu_float .listclass7 {
    float:left;
    width:114px;
    overflow:hidden;
    margin:0px;
    padding:0px;
}
.ico_c7 a {
    display:block;
    text-align:center;
    overflow:hidden;
}
.ico_c7 a:link {
    color:#000000;
}
.ico_c7 a:visited {
    color:#000000;
}
.ico_c7 a:hover {
    color:var(--text-primary);
    background-color:#cc0000;
    overflow:hidden;
}
#menu_float .listclass8 {
    float:left;
    width:108px;
    overflow:hidden;
    margin:0px;
    padding:0px;
}
.ico_c8 a {
    display:block;
    text-align:center;
    overflow:hidden;
}
.ico_c8 a:link {
    color:#000000;
}
.ico_c8 a:visited {
    color:#000000;
}
.ico_c8 a:hover {
    color:var(--text-primary);
    background-color:#cc0000;
    overflow:hidden;
}
#menu_float .listclass5 {
    float:left;
    width:109px;
    overflow:hidden;
    margin:0px;
    padding:0px;
}
.ico_c5 a {
    display:block;
    text-align:center;
    overflow:hidden;
}
.ico_c5 a:link {
    color:#000000;
}
.ico_c5 a:visited {
    color:#000000;
}
.ico_c5 a:hover {
    color:var(--text-primary);
    background-color:#cc0000;
    overflow:hidden;
}
#menu_float .listclass9 {
    float:left;
    width:108px;
    overflow:hidden;
    margin:0px;
    padding:0px;
}
.ico_c9 a {
    display:block;
    text-align:center;
    overflow:hidden;
}
.ico_c9 a:link {
    color:#000000;
}
.ico_c9 a:visited {
    color:#000000;
}
.ico_c9 a:hover {
    color:var(--text-primary);
    background-color:#cc0000;
    overflow:hidden;
}
.bbico {
    color:#94d500;
    font-family:var(--font-family);
    font-weight:bold;
}
#banner #banner_search {
    width:296px;
    float:left;
    overflow:hidden;
    height:60px;
    margin-top:10px;
}
#banner #banner_contorl {
    float:right;
    margin-top:10px;
}
/*播放器*/
.radio_box {
    width:1200px;
    height:780px;
    overflow:hidden;
    position:absolute;
    z-index:0;
    display:;
    margin:-270px 0px 0px -600px;
    top:550px;
    left:50%;
}
.radio_box h1 {
    font-size:18px;
    line-height:36px;
    overflow:hidden;
    clear:both;
    margin:0px;
    padding:0px;
    padding-top:10px;
}
.radio_box h2 {
    font-size:var(--font-size-xs);
    line-height:36px;
    overflow:hidden;
    clear:both;
}
#playcontorl {
    clear:both;
    padding-top:20px;
}
#playcontorl div a {
    display:block;
    float:left;
    overflow:hidden;
}
#playcontorl #ico-next a {
    background:url(../images/radio/play_ico.png) -47px 0px no-repeat;
    _background:url(../images/radio/play_ico.gif) -47px 0px no-repeat;
    width:30px;
    height:30px;
}
#playcontorl #ico-next a:hover {
    background:url(../images/radio/play_ico.png) -47px -47px no-repeat;
    _background:url(../images/radio/play_ico.gif) -47px -47px no-repeat;
}
#playcontorl .ico-radio_gz a {
    background:url(../images/radio/play_ico.png) -223px -1px no-repeat;
    _background:url(../images/radio/play_ico.gif) -223px -1px no-repeat;
    width:40px;
    height:30px;
    color:var(--text-secondary);
    font-size:var(--font-size-xs);
    margin-left:180px;
}
#playcontorl .ico-radio_gz a:hover {
    background:url(../images/radio/play_ico.png) -223px -49px no-repeat;
    _background:url(../images/radio/play_ico.gif) -223px -49px no-repeat;
    color:#94d500;
}
#playcontorl .ico-radio_gzon a {
    background:url(../images/radio/play_ico.png) -223px -1px no-repeat;
    _background:url(../images/radio/play_ico.gif) -223px -1px no-repeat;
    width:40px;
    height:30px;
    color:var(--text-secondary);
    font-size:var(--font-size-xs);
    margin-left:180px;
}
#playcontorl .ico-radio_gzon a:hover {
    background:url(../images/radio/play_ico.png) -223px -49px no-repeat;
    _background:url(../images/radio/play_ico.gif) -223px -49px no-repeat;
    color:#94d500;
}
#playcontorl #ico-radio_kelu a {
    background:url(../images/radio/play_ico.png) -141px 0px no-repeat;
    _background:url(../images/radio/play_ico.gif) -141px 0px no-repeat;
    width:40px;
    height:30px;
    margin-left:25px;
}
#playcontorl #ico-radio_kelu a:hover {
    background:url(../images/radio/play_ico.png) -141px -47px no-repeat;
    _background:url(../images/radio/play_ico.gif) -141px -47px no-repeat;
    color:#d8d5b9;
}
#playcontorl #ico-radio_fav a {
    background:url(../images/radio/play_ico.png) -180px 0px no-repeat;
    _background:url(../images/radio/play_ico.gif) -180px 0px no-repeat;
    width:40px;
    height:30px;
    margin-left:18px;
}
#playcontorl #ico-radio_fav a:hover {
    background:url(../images/radio/play_ico.png) -180px -47px no-repeat;
    _background:url(../images/radio/play_ico.gif) -180px -47px no-repeat;
    color:#d8d5b9;
}
#playcontorl #ico-radio_down a {
    background:url(../images/radio/play_ico.png) -97px 0px no-repeat;
    _background:url(../images/radio/play_ico.gif) -97px 0px no-repeat;
    width:40px;
    height:30px;
    margin-left:20px;
}
#playcontorl #ico-radio_down a:hover {
    background:url(../images/radio/play_ico.png) -97px -47px no-repeat;
    _background:url(../images/radio/play_ico.gif) -97px -47px no-repeat;
    color:#d8d5b9;
}
#bft {
    width:200px;
    height:200px;
    border:0px;
}
.radio_mylove {
    background:url(../images/radio/mylove.gif) no-repeat;
    width:124px;
    height:51px;
    overflow:hidden;
}
.radio_new_title {
    background:url(../images/radio/radionew3.gif) 2px 5px no-repeat;
    width:123px;
    height:45px;
    overflow:hidden;
}
.radio_new {
    clear:both;
}
.radio_new_list {
    margin-bottom:15px;
    margin-left:13px;
    float:left;
    width:80px;
    height:100px;
}
.radio_new_list li {
    margin:0px;
    padding:0px;
    width:80px;
    height:80px;
    overflow:hidden;
    box-shadow:3px 3px 5px #000000;
}
.radio_new_list li a img {
    border:0px;
    width:80px;
    height:80px;
}
.radio_new_list p {
    margin:0px;
    padding:0px;
    line-height:25px;
    height:25px;
    width:80px;
    overflow:hidden;
}
.radio_ref {
    float:right;
    color:#ffffff;
    padding-right:10px;
    text-indent:20px;
    background:url("../images/index/typeicon.png") no-repeat -242px -13px;
    _background:url("../images/index/typeicon.gif") no-repeat -242px -13px;
}
.radio_mylove_list {
    float:left;
    margin-top:20px;
    margin-left:21px;
}
.radio_mylove_list li {
    margin:0px;
    padding:0px;
    width:130px;
    height:130px;
    overflow:hidden;
    box-shadow:3px 3px 5px #000000;
}
.radio_mylove_list li a img {
    border:0px;
    width:155px;
    height:130px;
}
.radio_mylove_list p {
    margin:0px;
    padding:0px;
    line-height:25px;
    height:25px;
    padding-top:5px;
    width:130px;
    overflow:hidden;
}
#musicct {
    height:401px;
    background-color:#2f3132;
    clear:both;
    overflow-x:hidden;
    overflow-y:scroll;
    scrollbar-arrow-color:#94d527;
    /*三角箭头的颜色*/
    scrollbar-face-color:#222222;
    /*立体滚动条的颜色（包括箭头部分的背景色）*/
    scrollbar-3dlight-color:#272d3f;
    /*立体滚动条亮边的颜色*/
    scrollbar-highlight-color:#272d3f;
    /*滚动条的高亮颜色（左阴影？）*/
    scrollbar-color-border:#272d3f;
    /*立体滚动条阴影的颜色*/
    scrollbar-darkcolor-border:#272d3f;
    /*立体滚动条外阴影的颜色*/
    scrollbar-track-color:#272d3f;
    /*立体滚动条背景颜色*/
    scrollbar-base-color:#1a1e2a;
    /*滚动条的基色*/;
}
#musicct::-webkit-scrollbar {
    width:16px;
    height:16px;
    background-color:#272d3f;
}
/*定义滚动条的轨道，内阴影及圆角*/
#musicct::-webkit-scrollbar-track {
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);
    background-color:#272d3f;
}
/*定义滑块，内阴影及圆角*/
#musicct::-webkit-scrollbar-thumb {
    /*width:10px;*/
    height:20px;
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);
    background-color:#1a1e2a;
}
#musicct::-webkit-scrollbar {
    width:15px;
    background-color:#1a1e2a;
}
#musicct .num {
    width:25px;
    text-align:center;
    float:left;
    padding-top:6px;
}
#musicct .num2 {
    width:25px;
    color:#7dc03a;
    font-weight:bold;
    text-align:center;
    float:left;
    padding-top:6px;
}
#musicct .nonere {
    text-align:center;
    line-height:36px;
    color:#999999;
}
#musicct .td1 {
    background-color:#2f3132;
    overflow:hidden;
    border-top:1px solid var(--border-color);
}
#musicct .td1 a:link {
    color:var(--text-secondary);
}
#musicct .td1 a:visited {
    color:var(--text-secondary);
}
#musicct .td1 a:hover {
    color:#dcdcdc;
}
#musicct .td3 {
    background-color:var(--shadow-color);
    overflow:hidden;
    border-top:1px solid var(--border-color);
    color:var(--accent-primary);
}
#musicct .td3 a:link {
    color:var(--accent-primary);
}
#musicct .td3 a:visited {
    color:var(--accent-primary);
}
#musicct .td3 a:hover {
    color:#88d500;
}
#musicct .td2 {
    background-color:1f2021;
    overflow:hidden;
    border-top:1px solid var(--border-color);
}
#musicct .td2 a:link {
    color:var(--text-secondary);
}
#musicct .td2 a:visited {
    color:var(--text-secondary);
}
#musicct .td2 a:hover {
    color:#999999;
}
#musicct .tdhover {
    background-color:#333a50;
    overflow:hidden;
    border-top:1px solid var(--border-color);
}
#musicct .tdhover a:link {
    ;
}
#musicct .tdhover a:visited {
    ;
}
#musicct .tdhover a:hover {
    color:var(--text-primary);
    text-decoration:none;
}
#musicct ul {
    clear:both;
    overflow:hidden;
    margin:0px;
    padding:0px;
    height:36px;
    line-height:36px;
    padding-left:10px;
}
.favsuc3 a:link {
    color:var(--text-primary);
    text-decoration:none;
}
.favsuc3 a:visited {
    color:var(--text-primary);
    text-decoration:none;
}
.favsuc3 a:hover {
    color:var(--text-primary);
    text-decoration:none;
}
.radio_foot {
    width:980px;
    line-height:60px;
    color:#dcdcdc;
    font-size:var(--font-size-xs);
    text-align:center;
    margin:0 auto;
}
.radio_list_err {
    width:980px;
    overflow:hidden;
    text-align:center;
    line-height:40px;
    height:500px;
    color:#f8f8f8;
    font-size:var(--font-size-xs);
}
.radio_list_err span {
    color:var(--accent-primary);
    font-weight:bold;
    padding-left:3px;
    padding-right:3px;
}
#tsk {
    position:fixed;
    margin:-9px 0px 0px -100px;
    width:200px;
    height:60px;
    background-color:#f8f8f8;
    z-index:999;
    top:15%;
    left:50%;
    border-radius:10px;
    filter:alpha(Opacity=92);
    -moz-opacity:0.9;
    opacity:0.9;
    border:1px solid var(--border-color);
}
#tsk ul {
    margin:10px;
    padding:0px;
    font-size:14px;
    line-height:40px;
    text-align:center;
}
/*电台end*/
/*CD订单*/
.page_bai {
    background-color:var(--bg-primary);
    width:100%;
}
.page_bai_ct {
    background-color:var(--user-card);
    width:1200px;
    margin:0 auto;
    padding:15px;
    /*border:1px solid var(--border-color);*/

    border-radius: 12px;
    box-shadow: 0 4px 15px var(--shadow-color);
    animation: fadeIn 0.5s ease forwards;
    transition: all 0.3s ease;
    border: 1px solid var(--border-color);
    margin-bottom: 20px;
}
.page_none_ct {
    width:1200px;
    margin:0 auto;
    padding:10px 0 0 0;
}
.path_ct2 {
    line-height:26px;
    color:var(--user-color);
}
.path_ct2 a {
    color:var(--user-color);
    text-decoration:none;
}
.path_ct2 a:link {
    color:var(--user-color);
}
.path_ct2 a:visited {
    color:var(--user-color);
}
.path_ct2 a:hover {
    color:var(--accent-primary);
    text-decoration:none;
}
#f1 {
    width:100%;
    margin:0 auto;
    margin-top:10px;
}
.caron1 {
    font-size:14px;
    color:#666666;
}
.caron2 {
    font-size:14px;
    color:#666666;
}
.caron2 a {
    color:#666666;
}
#cartitle {
    height:60px;
    overflow:hidden;
}
#cartitleInfo {
    line-height:40px;
    color:var(--user-text-color);
    font-size:var(--font-size-xs);
}
#cartitle span {
    font-family:var(--font-family);
    font-size:14px;
    font-weight:bold;
    color:#FF5722;
}
#buyInfo {
    line-height:40px;
    color:var(--user-text-color);
    font-size:var(--font-size-xs);
    padding-right:5px;
}
#buyInfo span {
    font-family:var(--font-family);
    font-size:14px;
    font-weight:bold;
    color:#FF5722;
}
.font001 {
    margin:0;
    padding:10px;
    list-style:none;
    line-height:160%;
}
.font001 li {
    padding-left:10px;
    font-size:var(--font-size-xs);
    background:url(/images/list_icon.gif) no-repeat 0px 6px;
}
.font001 a:link,.font001 a:visited {
    color:var(--user-text-color);
    text-decoration:none;
}
.font001 a:hover {
    color:#cccccc;
    text-decoration:none;
}
.font002 {
    margin:0;
    padding:10px;
    list-style:none;
    line-height:160%;
    font-size:14px;
    font-weight:bold;
}
.font004 {
    margin:0;
    padding-top:3px;
    list-style:none;
    color:var(--text-primary);
}
.font004 a:link,.font004 a:visited {
    color:var(--text-primary);
    text-decoration:none;
}
.font004 a:hover {
    color:#ffffff;
    text-decoration:none;
}
.font005 {
    font-family:var(--font-family);
}
.font006 {
    margin:0;
    padding:10px;
    list-style:none;
    line-height:160%;
    font-size:var(--font-size-xs);
    font-family:var(--font-family);
}
.fontyellow {
    color:#ffcc00;
}
.fontyellow li a:link,.fontyellow li a:visited {
    color:#cc0000;
    text-decoration:none;
}
.fontyellow li a:hover {
    color:#ffffff;
    text-decoration:none;
}
.fontblack {
    color:var(--user-text-color);
    font-weight:bold;
}
.fontblack a:link,.fontblack a:visited {
    color:var(--user-text-color);
    text-decoration:none;
}
.fontblack a:hover {
    color:var(--text-primary);
    text-decoration:none;
}
.fontred {
    color:var(--user-text-color2);
    border-top:1px solid var(--user-border);
    border-bottom:1px solid var(--user-border);
    padding:5px 0 5px 0;
}
.fontred li a:link,.fontred li a:visited {
    color:#cc0000;
    text-decoration:none;
}
.fontred li a:hover {
    color:#ffffff;
    text-decoration:none;
}
.fontblue {
    color:#ff0000;
}
.fontblue2:link,.fontblue2:visited {
    color:#ff0000;
    text-decoration:none;
}
.fontblue2:hover {
    color:#ff0000;
    text-decoration:none;
}
.fontwhite {
    color:#ffffff;
}
.fontwhite li a:link,.fontwhite li a:visited {
    color:var(--text-primary);
    text-decoration:none;
}
.fontwhite li a:hover {
    color:#ffffff;
    text-decoration:none;
}
.cdlist {
    border:0px;
    border-top:1px solid var(--border-color);
    width:100%;
}
.cdnum {
    color:#666666;
    font-size:24px;
    margin:0px;
    padding:0px;
    width:50px;
    overflow:hidden;
    text-indent:15px;
}
.chuanshao {
    background-image:url(../images/car/chuanshao.png);
    _background-image:url(../images/car/chuanshao.gif);
    overflow:hidden;
    background-repeat:no-repeat;
    padding-left:45px;
    color:#000000;
    height:45px;
}
.upandanqu {
    background-image:url(../images/car/danqu_yes.png);
    _background-image:url(../images/car/danqu_yes.gif);
    overflow:hidden;
    background-repeat:no-repeat;
    padding-left:45px;
    color:#000000;
    height:45px;
}
.chuanshao ul,.upandanqu ul {
    padding:0px;
    margin:0px;
    overflow:hidden;
    margin-left:30px;
}
.chuanshao ul li,.upandanqu ul li {
    float:left;
    list-style:none;
    margin-top:10px;
}
.chuanshao .num,.upandanqu .num {
    border:1px solid #886E08;
    background-color:#FFCC00;
    color:#000000;
    width:15px;
    height:15px;
    line-height:15px;
    text-align:center;
}
.chuanshao .musicprice,.upandanqu .musicprice {
    border:1px solid #886E08;
    background-color:#FFCC00;
    color:#000000;
    line-height:15px;
    text-align:center;
    display:inline-block;
}
.chuanshao .musicid,.upandanqu .musicid {
    width:50px;
    color:var(--text-secondary);
    line-height:25px;
    margin-left:10px;
    text-align:center;
}
.chuanshao .music,.upandanqu .music {
    color:var(--text-primary);
    width:500px;
    line-height:25px;
    margin-left:15px;
}
.chuanshao ul p,.upandanqu ul p {
    float:left;
    padding:0px;
    margin:0px;
    width:14px;
    height:14px;
    margin-top:13px;
    margin-left:55px;
}
.pdel {
    background-image:url(../images/car/carclo_off.gif);
    background-repeat:no-repeat;
    cursor:pointer;
}
.fullcd {
    background-image:url(../images/car/danqu_yes.png);
    _background-image:url(../images/car/danqu_yes.gif);
    background-repeat:no-repeat;
}
.emptycd {
    background-image:url(../images/car/danqu_no.png);
    _background-image:url(../images/car/danqu_no.gif);
    background-repeat:no-repeat;
}
.danqu {
    line-height:12px;
    overflow:hidden;
    padding-left:45px;
}
.danqu ul {
    padding:0px;
    margin:0px;
    overflow:hidden;
    margin-left:30px;
    height:18px;
}
.danqu ul li {
    float:left;
    list-style:none;
}
.danqu ul .numon {
    border:1px solid #886E08;
    background-color:#FFCC00;
    color:#000000;
    width:15px;
    height:15px;
    line-height:15px;
    text-align:center;
    clear:both;
}
.danqu .musicid {
    width:50px;
    color:#444444;
    line-height:20px;
    margin-left:10px;
    text-align:center;
}
.danqu .music {
    color:#666666;
    width:500px;
    line-height:20px;
    margin-left:15px;
}
.danqu ul .numoff {
    border:1px solid #666666;
    background-color:var(--text-secondary);
    color:#666666;
    width:15px;
    height:15px;
    line-height:15px;
    text-align:center;
    clear:both;
}
.danqu ul p {
    float:left;
    padding:0px;
    margin:0px;
    width:14px;
    height:14px;
    margin-top:2px;
    margin-left:55px;
}
.danqu ul .dqs {
    background-image:url(../images/car/dqs_off.gif);
    background-repeat:no-repeat;
    cursor:pointer;
}
.danqu ul .dqx {
    background-image:url(../images/car/dqx_off.gif);
    background-repeat:no-repeat;
    cursor:pointer;
}
.addorder1 {
    background-color:#FF0000;
    color:#FFFFFF;
    font-size:var(--font-size-xs);
    border:1px solid #990000;
}
.addorder0 {
    background-color:#e7e8eb;
    color:#666666;
    font-size:var(--font-size-xs);
    border:1px solid #666666;
}
.addorder2 {
    background-color:#FFCC00;
    color:#000000;
    font-size:var(--font-size-xs);
    border:1px solid #AB8A0B;
}
#orderTitle {
    background-repeat:no-repeat;
    padding-left:5px;
    height:50px;
    margin:10px 0;
}
#orderTitle .cs {
    background-image:url(../images/car/chuanshao.png);
    background-repeat:no-repeat;
    height:40px;
    padding-left:45px;
    line-height:40px;
}
#orderTitle .cs span {
    color:#FF0000;
    font-family:var(--font-family);
    font-size:16px;
    font-weight:bold;
}
#orderTitle p {
    float:left;
    margin:0px;
    padding:0px;
    margin-top:4px;
    margin-left:20px;
}
#orderTitle .dq {
    background-image:url(../images/car/danqu_yes.png);
    background-repeat:no-repeat;
    height:40px;
    padding-left:45px;
    line-height:40px;
}
#orderTitle .dq span {
    color:#FF0000;
    font-family:var(--font-family);
    font-size:16px;
    font-weight:bold;
}
#orderTitle .al {
    line-height:40px;
}
#orderTitle .al span {
    color:#FF0000;
    font-family:var(--font-family);
    font-size:16px;
    font-weight:bold;
}
/*CD订单end*//*cd查询*/
.cdsearch-act {
    color:#666666;
    border:none;
    background:#e7e8eb;
}
.cdsearch-act2 {
    color:var(--text-primary);
    border:none;
    background:#ec971f;
}
.cdsearch-act-look:hover {
    color:#ffffff !important;
    background:#ec971f;
}
.cdsearch-act-look2:hover {
    color:#ffffff !important;
    background:#7fb629;
}
.cdsearch-act-pay:hover {
    color:#ffffff !important;
    background:#ec971f;
}
.cdsearch-act-pay2:hover {
    color:#ffffff !important;
    background:#7fb629;
}
.cdsearch-act-cancel:hover {
    color:#ffffff !important;
    background:#c9302c;
}
.path_ico2 {
    background:url("../images/car/sort_list2.png") no-repeat -10px;
    _background:url("../images/car/sort_list2.gif") no-repeat -10px;
    overflow:hidden;
    height:40px;
    width:40px;
}
.lines2 {
    width:100%;
    height:2px;
    background:url(../images/car/line-bg.png);
    overflow:hidden;
}
/*cd查询end*//*U盘购物*/
.mall-top {
    margin:0 auto;
}
#preview {
    float:none;
    width:370px;
}
.jqzoom {
    width:350px;
    height:350px;
    position:relative;
}
.jqzoom img {
    width:350px;
}
.zoomdiv {
    left:859px;
    height:400px;
    width:420px;
}
.list-h li {
    float:left;
    margin-top:0px;
}
#spec-n5 {
    width:350px;
    height:68px;
    padding-top:0px;
    overflow:hidden;
}
#spec-left {
    background:url(../images/mall/tu_left.gif) no-repeat;
    width:10px;
    height:45px;
    float:left;
    cursor:pointer;
    margin-top:15px;
}
#spec-right {
    background:url(../images/mall/tu_right.gif) no-repeat;
    width:10px;
    height:45px;
    float:left;
    cursor:pointer;
    margin-top:15px;
}
#spec-list {
    width:325px;
    float:left;
    overflow:hidden;
    margin-left:4px;
    display:inline;
    padding:12px;
    *padding-right:0px;
    *padding-left:0px;
}
#spec-list ul li {
    float:left;
    margin-right:0px;
    display:inline;
    width:62px;
}
#spec-list ul li img {
    padding:2px;
    border:1px solid #ccc;
    width:50px;
    height:50px;
}
/*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;
}
#spec-list {
    position:relative;
    width:322px;
    margin-right:4px;
}
#spec-list div {
    margin-top:0;
    margin-left:-30px;
    *margin-left:0;
}
.mar20 {
    margin-top:20px;
}
.detitle {
    font-size:var(--font-size-xs);
    text-indent:8px;
}
.detitle {
    font-size:var(--font-size-xs);
}
.f16 {
    font-size:18px;
}
.spfj {
    color:#FF0000;
    font-weight:bold;
}
.cor00 {
    color:#000000;
}
.bor1 {
    border:1px solid var(--border-color);
}
.paybutton {
    background-color:#cc0000;
    border:1px solid #990000;
    color:var(--text-primary);
    font-size:18px;
    line-height:40px;
    font-weight:bold;
    margin-left:18px;
    width:208px;
}
.payico {
    width:200px;
    height:60px;
    border:5px solid #dcdcdc;
    text-align:center;
    line-height:60px;
    float:left;
    margin-right:15px;
    margin-left:17px;
    font-family:var(--font-family);
    font-size:18px;
    color:#cc0000;
    font-weight:bold;
    cursor:pointer;
    position:relative;
}
.payico p {
    position:absolute;
    display:block;
    right:-20px;
    top:-10px;
    font-size:var(--font-size-xs);
    width:60px;
    height:30px;
    line-height:30px;
    background-color:#009900;
    color:var(--text-primary);
    font-weight:normal;
}
.payico p span {
    font-weight:bold;
    font-family:var(--font-family);
    font-size:16px;
    padding-left:2px;
    padding-right:2px;
}
.payico img {
    margin:0 auto;
    text-align:center;
    width:122px;
    margin-top:15px;
}
#adsel {
    border:1px solid var(--user-border);
    background-color:var(--user-bg1);
    color:var(--user-text-color);
    margin-top:10px;
    line-height:22px;
    padding:0 10px;
}
#adsel ul {
    padding:10px;
    margin:0px;
}
#adsel ul li {
    list-style:none;
}
.mallbanner {
    background-color:#000000;
    position:relative;
    margin-top:-10px;
}
.carmenu {
    background-color:#000000;
    line-height:24px;
    color:var(--text-primary);
    padding-left:5px;
}
.carct1 {
    background-color:var(--text-primary);
    color:#000000;
    font-size:var(--font-size-xs);
    line-height:22px;
    border-bottom:1px solid var(--border-color);
}
.carct2 {
    background-color:#FFFFE1;
    color:#000000;
    font-size:var(--font-size-xs);
    line-height:22px;
    border-bottom:1px solid var(--border-color);
}
.buyselon {
    border:1px solid #cc0000;
    padding:2px;
    overflow:hidden;
    line-height:24px;
    color:#cc0000;
    width:45px;
    font-weight:bold;
    background:url(../images/mall/selok.gif)  no-repeat;
    background-position:right;
    float:left;
    margin-left:5px;
    cursor:pointer;
}
.buyseloff {
    border:1px solid #000000;
    background-color:var(--text-primary);
    padding:2px;
    overflow:hidden;
    line-height:24px;
    color:#000000;
    width:45px;
    float:left;
    margin-left:5px;
    cursor:pointer;
}
.ctw {
    font-size:14px;
    line-height:24px;
}
.ctw img {
    width:750px;
    margin:0 auto;
}
.price {
    color:#FF0000;
    font-family:var(--font-family);
    font-size:var(--font-size-xs);
}
.price2 {
    color:#FF0000;
    font-family:var(--font-family);
    font-size:18px;
}
.buyselon2 {
    border:1px solid #cc0000;
    overflow:hidden;
    color:#cc0000;
    margin-left:5px;
    cursor:pointer;
    float:left;
}
.buyselon2 > .buyselicon {
    overflow:hidden;
    background:url(../images/mall/selok.gif)  no-repeat;
    background-position:right;
    position:relative;
    z-index:10;
    width:85px;
    height:45px;
    bottom:39px;
    right:2px;
}
.mall-aw {
    margin:0 auto;
}
.mall_left {
    float:left;
    width:208px;
}
.cttitleoff {
    font-family:var(--font-family);
    height:40px;
    overflow:hidden;
    line-height:24px;
    background-color:var(--text-primary);
    color:#000000;
    float:left;
    font-size:14px;
    padding:8px;
    cursor:pointer;
    width:100%;
}
.cttitleoff:hover {
    background-color:#eeeeee;
}
.cttitleon {
    font-family:var(--font-family);
    height:40px;
    overflow:hidden;
    line-height:24px;
    background-color:#000000;
    color:var(--text-primary);
    float:left;
    font-size:14px;
    padding:8px;
    cursor:pointer;
    width:100%;
}
.mall_right {
    float:right;
    padding:4px 4px 4px 5px;
    border:1px solid #eeeeee;
}
/*U盘购物end*//*servers信息*/
.servers-left {
    width:160px;
    float:left;
    overflow:hidden;
}
.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:var(--font-size-xs);
    display:block;
    color:#333333;
    text-decoration:none;
    padding-left:25px;
}
.servers-left ul li a:link {
    color:#333333;
}
.servers-left ul li a:visited {
    color:#333333;
}
.servers-left ul li a:hover {
    background-color:#f8f8f8;
    border-left:4px solid #16baaa;
    padding-left:21px;
    text-decoration:none;
}
.servers-left-active {
    background-color:#eeeeee;
    border-left:4px solid #16baaa;
}
.servers-right {
    width:839px;
    float:left;
}
.servers-right-top {
    height:40px;
    line-height:40px;
    padding-left:20px;
    background-color:#f8f8f8;
}
.servers-right-top p {
    color:#333333;
    font-size:14px;
    font-weight:bold;
}
.servers-right-content {
    padding:20px;
    color:#333333;
}
.inputstyle {
    background-color:#f8f8f8;
    background-repeat:repeat-x;
    font-size:var(--font-size-xs);
    border:1px solid var(--border-color);
    color:#666666;
    border-radius:3px;
}
/*servers信息 end*//*会员支付*/
.btdl {
    background-color:#262626;
    color:#FFFFFF;
    width:300px;
    height:50px;
    text-align:center;
    line-height:50px;
    font-size:24px;
    overflow:hidden;
    border:0px;
    cursor:pointer;
}
.btdl2 {
    background-color:#cc0000;
    color:#FFFFFF;
    width:300px;
    height:50px;
    text-align:center;
    line-height:50px;
    font-size:24px;
    overflow:hidden;
    border:0px;
    cursor:pointer;
}
/*会员支付*/
/*播放页*/
.play_p1_left {
    float:left;
    width:410px;
    padding:8px;
    height:726px;
    overflow:hidden;
    _margin-left:8px;

    background-color:var(--bg-card);
    margin-left:10px;
    border-radius:8px;
    box-shadow: 0 2px 10px var(--shadow-color);
}
.play_p1_left .upan a img {
    width:210px;
    border:0px;
}
.play_p1_left .app a img {
    width:210px;
    border:0px;
}
.play_p1_left .list_hot_down dl dd {
    margin-left:6px;
    float:left;
    /*width:155px;*/
    height:36px;
    overflow:hidden;
    margin-top:4px;
}
.play_p2 {
    float:left;
    width:100%;
    /*margin-left:10px;
    padding-right:10px;*/
    height:726px;
    overflow:hidden;
    padding-left: 10px; /* 左侧内边距 */
    padding-right: 10px; /* 右侧内边距 */
}
.play_p2 .play_ct {
    /*width:530px;*/
    position:relative;
    z-index:1;
}
.play-typeicon {
    float:right;
}
.play-typeicon li {
    float:left;
    margin:0px;
    padding:0px;
    padding-left:25px;
    margin-right:12px;
    cursor:pointer;
    list-style:none;
}
.play-typeicon .playall {
    background:url("../images/index/typeicon.png") no-repeat -40px -13px;
    _background:url("../images/index/typeicon.gif") no-repeat -40px -13px;
}
.play-typeicon .addall {
    background:url("../images/index/typeicon.png") no-repeat -140px -13px;
    _background:url("../images/index/typeicon.gif") no-repeat -140px -13px;
}
.play-typeicon .changeall {
    background:url("../images/index/typeicon.png") no-repeat -242px -13px;
    _background:url("../images/index/typeicon.gif") no-repeat -242px -13px;
}
.play_p3 {
    float:left;
    width:780px;
    padding:10px;
    margin-top:10px;

    border-radius: 12px;
    background: var(--bg-card);
    box-shadow: 0 4px 15px var(--shadow-color);
    animation: fadeIn 0.5s ease forwards;
    transition: all 0.3s ease;

    _margin-left:10px;
    _margin_right:10px;
}
.play_love {
    background:url("../images/play/play_love.gif") no-repeat;
    width:115px;
    height:40px;
    overflow:hidden;
}
.play_song {
    background:url("../images/play/play_song.gif") no-repeat;
    width:115px;
    height:40px;
    overflow:hidden;
}
.play_p4 {
    float:right;
    height:476px;
    width:410px;
    padding:10px;
    margin-top:10px;

    border-radius: 12px;
    background: var(--bg-card);
    box-shadow: 0 4px 15px var(--shadow-color);
    animation: fadeIn 0.5s ease forwards;
    transition: all 0.3s ease;

    /*margin:18px 15px 0 0;*/
    _margin-right:0px;
    _padding-right:15px;
}
.play_p4 ul li {
    padding:0px;
    margin:0px;
    float:left;
    height:90px;
    width:90px;
    margin:5px 0px 10px 10px;
    _margin-bottom:0px;
    _margin-top:0px;
}
.play_p4 ul li div {
    height:90px;
    width:90px;
}
.play_p4 ul li div img {
    height:90px;
    width:90px;
}
.play_p4 ul li p {
    padding:0px;
    margin:0px;
    width:90px;
    height:21px;
    line-height:21px;
    text-align:center;
    color:#FFFFFF;
    position:relative;
    bottom:21px;
    z-index:1;
    background-color:rgba(0,0,0,0.7);
    background-color:#000000\9;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70)\9;
    overflow:hidden;
}
.play_recommended-list {
    color:#999999;
    float:left;
}
.play_recommended-list ul {
    ;
}
.play_recommended-list ul li {
    margin:16px 0 0 0;
    width:370px;
    *margin:12px 0 0 0;
}
.play_recommended-list ul li span {
    float:left;
    width:400px;
    overflow:hidden;
    height:17px;
}
.play_recommended-list ul li i {
    float:right;
}
.play-music-bg {
    height:77px;
    width:410px;
    _width:305px;
    /*background-color:#1f2432;*/
    display:none;
    padding-right:10px;
}
.play-music-img {
    height:77px;
    width:77px;
    float:left;
    margin-right:10px;
    position:relative;
}
.play-music-img img {
    height:77px;
    width:77px;
    display:block;
}
.play-music-img p {
    padding:0px;
    margin:0px;
    width:77px;
    height:21px;
    line-height:21px;
    text-align:center;
    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;
}
.play-music-ct {
    float:left;
    width:280px;
    overflow:hidden;
    margin-top:5px;
}
.play-music-title {
    font-size:var(--font-size-xs);
    line-height:24px;
    font-weight:normal;
    color:var(--text-secondary);
    position:relative;
    top:-5px;
}
.play-music-title a {
    color:var(--text-secondary);
    ;
}
.play-music-title a:link {
    color:var(--text-secondary);
    ;
}
.play-music-title a:visited {
    color:var(--text-secondary);
    ;
}
.play-music-title a:hover {
    text-decoration:none;
    color:var(--accent-primary);
}
.play-music-hit {
    background:url("../images/index/hits.png") no-repeat -4px -2px;
    _background:url("../images/index/hits2.gif") no-repeat -4px -2px;
    display:inline-block;
    margin-top:10px;
}
.play-music-hit p {
    padding-left:15px;
    color:var(--text-secondary);
    ;
}
.play-music-hit p b {
    margin-left:25px;
    display:inline;
    font-style:normal;
    font-weight:normal;
}
.play-music-sm {
    height:21px;
    width:310px;
}
.play-music-sm i {
    font-style:normal;
}
.play_p1_right {
    width:300px;
    float:left;
    overflow:hidden;
    height:726px;
}
.play_background {
    /*width:530px;*/
    height:248px;
    *height:258px;
    position:absolute;
    overflow:hidden;
}
.play_background img {
    position:absolute;
    top:-200px;
    top:-100px\9;
    left:-100px\9;
    *top:-100px;
    *left:-100px;
    _top:-50px;
    _left:0px;
}
.play_ct_bg {
    background:rgba(0,0,0,0.3);
}
.play_line1 {
    height:1px;
    background-color:var(--border-color);
    /*width:530px;*/
    overflow:hidden;
}
.play_line2 {
    height:1px;
    background-color:var(--border-color);
    /*width:530px;*/
    overflow:hidden;
}
.play_ct h1 {
    font-size:var(--font-size-xs);
    white-space:nowrap;
    width:100%;
    text-overflow:ellipsis;
    overflow:hidden;
    height:40px;
    line-height:40px;
    font-weight:bold;
    text-indent:12px;
    background:var(--bg-tertiary);
}
.play_detail {
    /*width:530px;*/
    height:92px;
    overflow:hidden;
}
.play_detail .borp1 {
    width:112px;
    line-height:25px;
    color:#cccccc;
    margin-left:1px;
}
.play_detail ul {
    margin:0px;
    padding:0px;
    float:left;
    margin-top:10px;
}
.playinfo {
    color:#333333;
}
.playinfo span {
    font-weight:bold;
    font-family:var(--font-family);
    color:#cc0000;
    font-size:14px;
}
.music_td_bz {
    text-align:left;
    width:33%;
    background-color:#f1f1f1;
    line-height:22px;
    text-indent:10px;
}
.bor-bai-l {
    border-left:1px solid #ffffff;
}
.bor-bai-b {
    border-bottom:1px solid #ffffff;
}
.playcz {
    ;
}
.playcz a {
    text-decoration:none;
    display:block;
    float:left;
    color:#FFFFFF;
    text-align:center;
    height:30px;
    line-height:30px;
    opacity:0.85;
    -moz-opacity:0.85;
    filter:alpha(opacity=85%);
}
.playcz a:link {
    text-decoration:none;
    color:#FFFFFF;
}
.playcz a:hover {
    color:#FFFFFF;
    text-decoration:none;
    opacity:1;
    -moz-opacity:1;
    filter:alpha(opacity=100%);
}
.playcz a:visited {
    color:#FFFFFF;
}
.playcz .dl {
    width:87px;
    color:#FFFFFF;
    text-indent:21px;
    margin-left:20px;
    _margin-left:5px;
    cursor:pointer;
    background:url("../images/play/btico.png") no-repeat;
    overflow:hidden;
}
.playcz .gm {
    width:87px;
    color:#FFFFFF;
    text-indent:20px;
    margin-left:70px;
    cursor:pointer;
    background:url("../images/play/btico.png") -337px 0px no-repeat;
    overflow:hidden;
}
.playcz .sc {
    width:87px;
    color:#FFFFFF;
    text-indent:22px;
    margin-left:70px;
    cursor:pointer;
    background:url("../images/play/btico.png") -170px 0px no-repeat;
    overflow:hidden;
}
.playcz .qd {
    width:87px;
    color:#FFFFFF;
    text-indent:18px;
    margin-left:70px;
    cursor:pointer;
    background:url("../images/play/btico.png") -502px 0px no-repeat;
    overflow:hidden;
}
.playcz .bc {
    width: 87px;
    color: #FFFFFF;
    text-indent: 18px;
    margin-left: 70px;
    cursor: pointer;
    background: url(../images/play/btico.png) -673px 0px no-repeat;
    overflow: hidden;
}
.phonedl {
    background:url("../images/play/phonedl.png");
    width:87px;
    text-indent:18px;
    position:absolute;
    margin-left:20px;
    margin-top:29px;
}
.lrc {
    color:#333333;
}
.lrc ul {
    clear:both;
    margin:0px;
    padding:0px;
    margin:10px;
}
.lrc li {
    float:left;
    line-height:24px;
    margin:0px;
    padding:0px;
    margin-left:10px;
}
.playlist_title {
    /*width:530px;*/
    border-bottom:0px;
    height:55px;
    clear:both;
    overflow:hidden;
    background:url(../images/play/play_title.gif) no-repeat;
}
.playlist_title .t1 {
    float:left;
}
.playlist_title .t2 {
    float:right;
    overflow:hidden;
    margin-right:5px;
    cursor:pointer;
}
.playlist_title ul {
    margin:0px;
    padding:0px;
}
.play_list_bg {
    background:var(--shadow-color);
    /*width:530px;*/
    border:1px solid var(--border-color);
    border-top:0px;
    overflow:hidden;
}
.LMTSYS {
    font-size:var(--font-size-xs);
    color:#000000;
    float:right;
    margin-right:10px;
    cursor:pointer;
    width:50px;
}
.LMTXYS {
    font-size:var(--font-size-xs);
    color:#000000;
    float:right;
    margin-right:10px;
    cursor:pointer;
    width:50px;
}
.LMTSYS a {
    display:block;
    width:33px;
    height:33px;
    overflow:hidden;
    margin-top:16px;
}
.LMTSYS a:link {
    background:url("../images/play/list_ico.png") no-repeat;
    _background:url("../images/play/list_ico.gif") no-repeat;
}
.LMTSYS a:visited {
    background:url("../images/play/list_ico.png") no-repeat;
    _background:url("../images/play/list_ico.gif") no-repeat;
}
.LMTSYS a:hover {
    background:url("../images/play/list_ico.png") 0px -47px no-repeat;
    _background:url("../images/play/list_ico.gif") 0px -47px no-repeat;
}
.LMTXYS a {
    display:block;
    width:33px;
    height:33px;
    overflow:hidden;
    margin-top:16px;
}
.LMTXYS a:link {
    background:url("../images/play/list_ico.png") -44px 0px  no-repeat;
    _background:url("../images/play/list_ico.gif") -44px 0px;
}
.LMTXYS a:visited {
    background:url("../images/play/list_ico.png") -44px 0px  no-repeat;
    _background:url("../images/play/list_ico.gif") -44px 0px;
}
.LMTXYS a:hover {
    background:url("../images/play/list_ico.png") -44px -47px no-repeat;
    _background:url("../images/play/list_ico.gif") -44px -47px no-repeat;
}
#bfsel {
    float:right;
    overflow:hidden;
    display:inline;
    width:40px;
    height:28px;
    overflow:hidden;
    margin-top:12px;
    margin-right:8px;
}
.bofang1 {
    ;
}
.bofang1 a {
    display:block;
    width:33px;
    height:33px;
    background:url("../images/play/list_ico.png") -174px 0px no-repeat;
    _background:url("../images/play/list_ico.gif") -174px 0px no-repeat;
    overflow:hidden;
}
.bofang1 a:link {
    background:url("../images/play/list_ico.png") -174px 0px no-repeat;
    _background:url("../images/play/list_ico.gif") -174px 0px no-repeat;
}
.bofang1 a:visited {
    background:url("../images/play/list_ico.png") -174px 0px no-repeat;
    _background:url("../images/play/list_ico.gif") -174px 0px no-repeat;
}
.bofang1 a:hover {
    background:url("../images/play/list_ico.png") -174px -47px no-repeat;
    _background:url("../images/play/list_ico.gif") -174px -47px no-repeat;
}
.bofang2 a {
    display:block;
    width:33px;
    height:33px;
    background:url("../images/play/list_ico.png") -297px 0px no-repeat;
    _background:url("../images/play/list_ico.gif") -297px 0px no-repeat;
    overflow:hidden;
}
.bofang2 a:link {
    background:url("../images/play/list_ico.png") -297px 0px no-repeat;
    _background:url("../images/play/list_ico.gif") -297px 0px no-repeat;
}
.bofang2 a:visited {
    background:url("../images/play/list_ico.png") -297px 0px no-repeat;
    _background:url("../images/play/list_ico.gif") -297px 0px no-repeat;
}
.bofang2 a:hover {
    background:url("../images/play/list_ico.png") -297px -47px no-repeat;
    _background:url("../images/play/list_ico.gif") -297px -47px no-repeat;
}
.bofang3 a {
    display:block;
    width:33px;
    height:33px;
    background:url("../images/play/list_ico.png") -358px 0px no-repeat;
    _background:url("../images/play/list_ico.gif") -358px 0px no-repeat;
    overflow:hidden;
}
.bofang3 a:link {
    background:url("../images/play/list_ico.png") -358px 0px no-repeat;
    _background:url("../images/play/list_ico.gif") -358px 0px no-repeat;
}
.bofang3 a:visited {
    background:url("../images/play/list_ico.png") -358px 0px no-repeat;
    _background:url("../images/play/list_ico.gif") -358px 0px no-repeat;
}
.bofang3 a:hover {
    background:url("../images/play/list_ico.png") -358px -47px no-repeat;
    _background:url("../images/play/list_ico.gif") -358px -47px no-repeat;
}
.playlist {
    width:100%;
    height:406px;
}
.playlist_menu {
    background:url(../images/play/play_bgs.gif);
    border-right:1px solid var(--border-color);
    height:406px;
    width:125px;
    float:left;
    overflow:hidden;
}
.playlist_menu ul {
    padding:0px;
    margin:0px;
    list-style:none;
}
.playlist_menu ul li {
    margin-left:10px;
    line-height:34px;
    margin-top:10px;
    padding-left:20px;
    margin-right:10px;
}
.icodel {
    width:22px;
    height:22px;
    float:left;
    overflow:hidden;
    margin-top:7px;
}
.icodel a {
    display:block;
    width:22px;
    height:22px;
}
.icodel a:link {
    background:url(../images/play/list_ico.png) -89px 0px  no-repeat;
    _background:url(../images/play/list_ico.gif) -89px 0px  no-repeat;
}
.icodel a:visited {
    background:url(../images/play/list_ico.png) -89px 0px  no-repeat;
    _background:url(../images/play/list_ico.gif) -89px 0px  no-repeat;
}
.icodel a:hover {
    background:url(../images/play/list_ico.png) -89px -47px  no-repeat;
    _background:url(../images/play/list_ico.gif) -89px -47px  no-repeat;
}
.icoadd {
    width:22px;
    height:22px;
    float:left;
    overflow:hidden;
    margin-top:7px;
}
.icoadd a {
    display:block;
    width:22px;
    height:22px;
}
.icoadd a:link {
    background:url(../images/play/list_ico.png) -129px 0px  no-repeat;
    _background:url(../images/play/list_ico.gif) -129px 0px  no-repeat;
}
.icoadd a:visited {
    background:url(../images/play/list_ico.png) -129px 0px  no-repeat;
    _background:url(../images/play/list_ico.gif) -129px 0px  no-repeat;
}
.icoadd a:hover {
    background:url(../images/play/list_ico.png) -129px -47px  no-repeat;
    _background:url(../images/play/list_ico.gif) -129px -47px  no-repeat;
}
.ptoff {
    line-height:25px;
    color:var(--text-secondary);
    cursor:pointer;
}
.pton {
    width: 90px;
    line-height:25px;
    background-color:var(--accent-primary);
    margin:0px;
    padding:0px;
    margin-left:10px;
    color:var(--text-primary);
    cursor:pointer;
    -moz-border-radius:12px;
    -webkit-border-radius:12px;
    border-radius:12px;
}
/*#playlist_ct {
    background:url(../images/play/play_bgs.gif) no-repeat;
    float:left;
    height:406px;
    overflow:hidden;
    width:633px;
}*/
#playlist_ct {
    float:left;
    height:406px;
    overflow:hidden;
    width:633px;
    background:url("../images/play/play_bgs.gif");
    overflow:hidden;
}
/*#playlist_ct1 {
    height:366px;
    background:var(--shadow-color);
    clear:both;
    overflow-x:hidden;
}*/
#playlist_ct1 {
    height:366px;
    background-color:var(--bg-tertiary);
    clear:both;
    overflow-x:hidden;
    overflow-y:scroll;
}
#playlist_ct2 {
    height:45px;
    clear:both;
    overflow:hidden;
    padding-left:6px;
    border-top:1px solid var(--border-color);
    padding-top:7px;
    overflow:hidden;
}
.load1 {
    width:100%;
    text-align:center;
    color:var(--text-secondary);
    margin-top:50px;
}
#playlist_ct1 .num {
    width:25px;
    text-align:center;
    float:left;
    /*padding-top:6px;*/
}
#playlist_ct1 .num2 {
    width:25px;
    color:#7dc03a;
    font-weight:bold;
    text-align:center;
    float:left;
    /*padding-top:6px;*/
}
.tag_lv {
    color:var(--text-secondary);
    cursor:pointer;
    float:left;
    margin-right:10px;
    line-height:25px;
    background-color:#000000;
    text-align:center;
    padding-left:8px;
    padding-right:8px;
}
.tag_lv_sel {
    color:var(--text-secondary);
    cursor:pointer;
    float:left;
    margin-right:10px;
    line-height:25px;
}
#playlist_ct1 .nonere {
    text-align:center;
    line-height:36px;
    color:#999999;
}
#playlist_ct1 .bt {
    font-size:var(--font-size-xs);
    white-space:nowrap;
    width:565px;
    text-overflow:ellipsis;
    overflow:hidden;
    float:left;
}
#playlist_ct1 .tdsel {
    ;
}
#playlist_ct1 .td1 {
    background-color:var(--bg-card);
    overflow:hidden;
    border-top:1px solid var(--border-color);
}
#playlist_ct1 .td1 a:link {
    color:var(--text-secondary);
}
#playlist_ct1 .td1 a:visited {
    color:var(--text-secondary);
}
#playlist_ct1 .td1 a:hover {
    color:#dcdcdc;
}
#playlist_ct1 .td3 {
    background-color:var(--bg-secondary);
    overflow:hidden;
    border-top:1px solid var(--border-color);
    color:var(--accent-primary);
}
#playlist_ct1 .td3 a:link {
    color:var(--accent-primary);
}
#playlist_ct1 .td3 a:visited {
    color:var(--accent-primary);
}
#playlist_ct1 .td3 a:hover {
    color:#88d500;
}
#playlist_ct1 .td2 {
    background-color:var(--bg-tertiary);
    overflow:hidden;
    border-top:1px solid var(--border-color);
}
#playlist_ct1 .td2 a:link {
    color:var(--text-secondary);
}
#playlist_ct1 .td2 a:visited {
    color:var(--text-secondary);
}
#playlist_ct1 .td2 a:hover {
    color:var(--accent-primary);
}
#playlist_ct1 .tdhover {
    background-color:var(--bg-primary);
    overflow:hidden;
    border-top:1px solid var(--border-color);
}
#playlist_ct1 .tdhover a:link {
    ;
}
#playlist_ct1 .tdhover a:visited {
    ;
}
#playlist_ct1 .tdhover a:hover {
    color:var(--accent-primary);
    text-decoration:none;
}
#playlist_ct1 ul {
    clear:both;
    overflow:hidden;
    margin:0px;
    padding:0px;
    height:36px;
    line-height:36px;
}
#playlist_box {
    border-bottom:1px solid var(--border-color);
    overflow:hidden;
}
#playlist_box a {
    display:block;
    float:left;
    margin:5px;
    padding:3px;
}
#playlist_box .boxoff {
    color:var(--text-secondary);
    cursor:pointer;
}
#playlist_box .boxon {
    background-color:var(--accent-primary);
    color:#fcfcfc;
    cursor:pointer;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
}
.playlist_title .t3 {
    background-color:var(--bg-secondary);
    line-height:28px;
    color:var(--text-secondary);
    text-align:center;
    opacity:0.7;
    margin-right:45px;
    width:90px;
    margin-left:300px;
    margin-top:14px;
    cursor:pointer;
}
#playlist_ct1 .bto {
    font-size:var(--font-size-xs);
    white-space:nowrap;
    width:410px;
    text-overflow:ellipsis;
    overflow:hidden;
    float:left;
    padding-left:10px;
}
.play_hot_remix .play-hot {
    margin:0 auto;
    padding:0;
    height:37px;
    width:300px;
}
.play_hot_remix .play-hot .play-hot-title {
    background:url("../images/index/hotalbum.png") no-repeat;
    height:40px;
    width:150px;
    float:left;
}
.play_hot_remix .play-hot .play-hot-title span {
    font-size:16px;
    line-height:32px;
    margin-left:38px;
    color:#999999;
}
.play_hot_remix .play-hot .changeall {
    background:url(../images/index/typeicon.png) no-repeat -242px -4px;
    _background:url(../images/index/typeicon.gif) no-repeat -242px -4px;
    padding-left:25px;
    cursor:pointer;
    color:#d1cfcf;
    float:right;
    height:37px;
    line-height:37px;
}
.play_hot_remix .play-hot-list {
    margin:0 auto;
    padding:0;
    width:300px;
    height:150px;
}
.play_hot_remix .play-hot-list ul li {
    float:left;
    width:70px;
    height:30px;
}
.play_hot_remix .play-hot-list ul li a {
    color:#999999;
}
.play_hot_remix .play-hot-list ul li a:link {
    color:#999999;
}
.play_hot_remix .play-hot-list ul li a:visited {
    color:#999999;
}
.play_hot_remix .play-hot-list ul li a:hover {
    text-decoration:none;
    color:#d1cfcf;
}
/*.line_bai {
    height:2px;
    background:url(../images/play/line_bai.png);
    _background:url(../images/play/line_bai.gif);
    overflow:hidden;
    width:100%;
}*//*play end*/#linkvvvdj {
    padding:6px 0;
    background:#13161E;
    height:22px;
}
#linkvvvdj ul {
    padding:0;
    margin:0;
    list-style:none;
}
#linkvvvdj li {
    float:left;
    margin:0 3px;
}
#linkvvvdj li a {
    border:1px solid #000;
    color:#fff;
    background:#cc0000;
    padding:4px 7px 2px 7px;
    line-height:23px;
    text-decoration:none;
}
#linkvvvdj li a:hover {
    cursor:pointer;
    border:1px solid #ff0000;
    background:#ff0000;
    color:#fff;
}
#linkvvvdj li span {
    margin-left:9px;
}
#linkvvvdj li span a {
    border:1px solid #222;
    background:#000;
    padding:4px 7px 2px 7px;
    line-height:23px;
    text-decoration:none;
}
#linkvvvdj li span a:hover {
    border:1px solid #000;
    background:#cc0000;
    color:#fff;
}
/*连续播放*/
#linkvvvdjs {
    margin:0;
    padding:6px 0;
    background:#13161E;
    height:22px;
    float:left;
}
#linkvvvdjs ul {
    padding:0;
    margin:0;
    list-style:none;
    float:left;
}
#linkvvvdjs li {
    float:left;
    margin:0 6px;
}
#linkvvvdjs li a {
    border:1px solid #000;
    color:#fff;
    background:#cc0000;
    padding:4px 7px 2px 7px;
    line-height:23px;
    text-decoration:none;
}
#linkvvvdjs li a:hover {
    cursor:pointer;
    border:1px solid #ff0000;
    background:#ff0000;
    color:#fff;
}
#linkvvvdjs li.on {
    margin-left:10px;
}
#linkvvvdjs li.on a {
    border:1px solid #222;
    background:#000;
    padding:4px 7px 2px 7px;
    line-height:23px;
    text-decoration:none;
}
#linkvvvdjs li.on a:hover {
    cursor:pointer;
    border:1px solid #000;
    background:#cc0000;
    color:#fff;
}
/*index*/
.index_ct {
    /*padding:15px;*/
}
.index_ct_p1_left {
    float:left;
    /*width:950px;*/
}
.index_ct_p1_left .recommended {
    width:950px;

    padding:10px;
    border-radius: 12px;
    background: var(--bg-card);
    box-shadow: 0 4px 15px var(--shadow-color);
    animation: fadeIn 0.5s ease forwards;
    transition: all 0.3s ease;
    font-family: var(--font-family);
}
.recommended-title {
    height:44px;
    width:150px;
    color:var(--text-secondary);
    background:url("../images/index/recommended.png") no-repeat;
    float:left;
}
.recommended-title span {
    font-size:16px;
    line-height:32px;
    margin-left:38px;
}
.recommended-type {
    text-align:center;
}
.recommended-type ul li {
    float:left;
    margin:14px 10px 0 10px;
}
.recommended-type ul li a {
    ;
}
.recommended-type ul li .recommended-aon {
    color:#39c1de;
}
.recommended-more {
    ;
}
.recommended-more a {
    color:var(--text-secondary);
    ;
}
.recommended-more a:link {
    color:var(--text-secondary);
    ;
}
.recommended-more a:visited {
    color:var(--text-secondary);
    ;
}
.recommended-more a:hover {
    color:var(--text-secondary);
    ;
}
.recommended-ct {
    width:449px;
    float:left;
}
.index-typeicon {
    float:right;
}
.index-typeicon div {
    float:left;
    padding-left:25px;
    margin-right:12px;
    cursor:pointer;
}
.index-typeicon .playall {
    display: inline-block;
    padding: 5px 10px;
    margin-right: 10px;
    border-radius: 15px;
    background: var(--accent-primary);
    color: white;
    text-decoration: none;
    /*font-size: 14px;*/
    transition: all 0.2s ease;
    font-weight: 500;
}
.index-typeicon .addall {
    display: inline-block;
    padding: 5px 10px;
    margin-right: 10px;
    border-radius: 15px;
    background: var(--accent-primary);
    color: white;
    text-decoration: none;
    /*font-size: 14px;*/
    transition: all 0.2s ease;
    font-weight: 500;
}
.index-typeicon .changeall {
    display: inline-block;
    padding: 5px 10px;
    margin-right: 10px;
    border-radius: 15px;
    background: var(--accent-primary);
    color: white;
    text-decoration: none;
    /*font-size: 14px;*/
    transition: all 0.2s ease;
    font-weight: 500;
}
.index-typegroup {
    display: inline-block;
    /*padding: 5px 10px;*/
    margin-right: 10px;
    border-radius: 15px;
    /*background: var(--accent-primary);*/
    color: var(--text-primary);
    text-decoration: none;
    font-size: 14px;
    transition: all 0.2s ease;
    font-weight: 500;
}
.index-typegroup:hover,.index-typeicon .playall:hover,.index-typeicon .addall:hover,.index-typeicon .changeall:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px var(--shadow-color);
}
/*.index-typeicon .playall {
    background:url("../images/index/typeicon.png") no-repeat -40px -13px;
    _background:url("../images/index/typeicon.gif") no-repeat -40px -13px;
}
.index-typeicon .addall {
    background:url("../images/index/typeicon.png") no-repeat -140px -13px;
    _background:url("../images/index/typeicon.gif") no-repeat -140px -13px;
}*/
/*.index-typeicon .changeall {
    background:url("../images/index/typeicon.png") no-repeat -242px -13px;
    _background:url("../images/index/typeicon.gif") no-repeat -242px -13px;
}*/
.recommended-list {
    color:var(--text-secondary);
    float:left;
}
.recommended-list ul {
    ;
}
.recommended-list ul li {
    margin:16px 0;
    /*width:349px;*/
    *margin:13px 0;
}
.recommended-list ul li:hover {
    background-color: var(--color-text-tertiary);
    transform: var(--float-transform-sm);
    box-shadow: var(--shadow-float-sm);
}
.recommended-list ul li span {
    float:left;
    width:410px;
    overflow:hidden;
    height:17px;
}
.recommended-list ul li i {
    float:right;
}
.index-music-bg {
    height:77px;
    width:449px;
    display:none;
    padding-right:10px;
    _padding-right:0px;
    overflow:hidden;
}
.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:var(--accent-primary);
    color:var(--text-secondary);
    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;
    font-size:var(--font-size-xs);
    line-height:24px;
    font-weight:normal;
    color:var(--text-secondary);
}
.index-music-title a {
    color:var(--text-secondary);
}
.index-music-title a:link,a:visited {
    color:var(--text-secondary);
}
.index-music-title a:hover {
    text-decoration:none;
    color:var(--accent-primary);
}
.index-music-ct {
    float:left;
    width:340px;
    overflow:hidden;
}
.index-music-hit {
    background:url("../images/index/hits.png") no-repeat -4px -2px;
    display:inline-block;
    margin-top:15px;
}
.index-music-hit p {
    padding:0px;
    margin:0px;
    padding-left:15px;
    color:var(--text-secondary);
    ;
}
.index-music-hit p b {
    margin-left:25px;
    display:inline;
    font-style:normal;
    font-weight:normal;
}
.index-music-sm {
    height:21px;
    width:449px;
}
.index-music-sm i {
    font-style:normal;
}
.index_ct_p1_right {
    float:right;

    padding-top:20px;
    border-radius: 12px;
    background: var(--bg-card);
    box-shadow: 0 4px 15px var(--shadow-color);
    animation: fadeIn 0.5s ease forwards;
    transition: all 0.3s ease;
    font-family: var(--font-family);
}
.index_ct_p1_right_ct {
    width:240px;
}
.index_ct_p1_right_ct .index_ad {
    float:right;
    height:90px;
    width:240px;
    overflow:hidden;
}
.index_ct_p1_right_ct .index_ad img {
    width:240px;
}
.index_ct_p1_right_ct .index_app {
    margin:0 auto;
    padding:0;
    height:37px;
    width:207px;
}
.index-btn-b {
    border-radius:13px;
    padding:5px 10px;
    border:none;
    font-size:var(--font-size-xs);
}
.index-btn-l {
    border-radius:13px 0 0 13px;
    padding:2px 9px;
    background-color:#111111;
    border:none;
    font-size:var(--font-size-xs);
}
.index-btn-m {
    padding:2px 9px;
    background-color:#111111;
    border:none;
    font-size:var(--font-size-xs);
}
.index-btn-r {
    border-radius:0 13px 13px 0;
    padding:2px 9px;
    background-color:#111111;
    border:none;
    font-size:var(--font-size-xs);
}
.index-btn-l:hover,.index-btn-m:hover,.index-btn-r:hover,.index-btn-b:hover {
    color:var(--text-secondary);
}
.btn-background-img {
    display: inline-block;
    padding: 5px 10px;
    margin-right: 10px;
    border-radius: 15px;
    background: var(--accent-primary);
    color: white;
    text-decoration: none;
    /*font-size: 14px;*/
    transition: all 0.2s ease;
    font-weight: 500;
}
.index-btn-sl {
    border-radius:13px 0 0 13px;
    padding:2px 15px;
    background-color:var(--bg-tertiary);
    color:var(--text-primary);
    border:none;
    font-size:var(--font-size-xs);
    _width:54px;
    _padding:0px;
    _float:left;
}
.index-btn-sm {
    padding:2px 15px;
    background-color:var(--bg-tertiary);
    color:var(--text-secondary);
    border:none;
    font-size:var(--font-size-xs);
    _width:54px;
    _padding:0px;
    _float:left;
}
.index-btn-sr {
    border-radius:0 13px 13px 0;
    padding:2px 15px;
    background-color:var(--bg-tertiary);
    color:var(--text-secondary);
    border:none;
    font-size:var(--font-size-xs);
    _width:54px;
    _padding:0px;
    _float:left;
}
.index-btn-sl:hover,.index-btn-sm:hover,.index-btn-sr:hover {
    background-color: var(--accent-primary);
    color: var(--text-primary);
}
.btn-background-img-sm {
    color:var(--text-primary);
    background-color:var(--accent-primary);
}
.index-radio {
    /*width:945px;*/
    padding:10px;
    border-radius: 12px;
    background: var(--bg-card);
    box-shadow: 0 4px 15px var(--shadow-color);
    animation: fadeIn 0.5s ease forwards;
    transition: all 0.3s ease;
    font-family: var(--font-family);
}
.index-radio .best-producer-a {
    float:left;
    margin-right:21px;
    position:relative;
    *zoom:1;
    cursor:pointer;
}
.index-radio .best-producer-a:link {
    color:var(--text-secondary);
}
.index-radio .best-producer-a:visited {
    color:var(--text-secondary);
}
.index-radio .best-producer-a:hover {
    text-decoration:none;
    color:var(--accent-primary);
}
.index-radio-title {
    height:44px;
    width:150px;
    color:var(--text-secondary);
    background:url("../images/index/djgd3.png") no-repeat;
    float:left;
}
.index-radio-title span {
    font-size:16px;
    line-height:32px;
    margin-left:55px;
}
.index-radio-type {
    text-align:center;
}
.index-radio-type ul li {
    float:left;
    margin:14px 10px 0 10px;
}
.index-radio-type ul li a {
    font-weight:normal;
}
.index-radio-type ul li .recommended-aon {
    color:#39c1de;
}
.index-radio-type ul li .changeall {
    background:url("../images/index/typeicon.png") no-repeat -242px -13px;
    _background:url("../images/index/typeicon.gif") no-repeat -242px -13px;
    padding-left:25px;
    cursor:pointer;
    color:#d1cfcf;
}
.index-radio-list ul li {
    float:left;
    margin:0 31px 20px 0;
    height:150px;
    width:127px;
    position:relative;
    _margin-bottom:0px;
    *z-index:2;
    *position:none;
    _position:none;
}
.index-radio-list ul li a {
    color:var(--text-secondary);
}
.index-radio-list ul li a:link {
    color:var(--text-secondary);
}
.index-radio-list ul li a:visited {
    color:var(--text-secondary);
}
.index-radio-list ul li a:hover {
    text-decoration:none;
    color:var(--accent-primary);
}
.index-radio-list ul li h2 {
    font-style:normal;
    font-size:var(--font-size-xs);
    padding:0px;
    margin:0px;
    width:127px;
    height:21px;
    line-height:21px;
    text-align:center;
    position:relative;
    bottom:16px;
    overflow:hidden;
    left:0;
    bottom:21px\9;
}
.index-radio-list ul li span {
    width:127px;
    height:21px;
    text-align:center;
    display:inline-block;
}
.index-radio-list ul li p {
    padding:0px;
    margin:0px;
    width:127px;
    height:23px;
    line-height:23px;
    text-align:center;
    color:#FFFFFF;
    position:relative;
    bottom:23px;
    z-index:1;
    background:url("../images/index/music-icon.png") no-repeat 35px 3px;
    _background:url("../images/index/music-icon.gif") no-repeat 35px 3px;
    background-color:rgba(21,21,21,0.7);
    display:inline-block\9;
    background-color:rgb(21,21,21)\9;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70)\9;
    zoom:1\9;
    position:relative\9;
    left:0px\9;
    bottom:24px\9;
    z-index:1\9;
    text-decoration:none;
}
.index-radio-list ul li .hits-white {
    padding:0px;
    margin:0px;
    width:127px;
    height:21px;
    line-height:21px;
    text-align:center;
    color:#FFFFFF;
    position:relative;
    bottom:21px;
    z-index:1;
    background:url("../images/index/hits-white.png") no-repeat 32px 0px;
    _background:url("../images/index/hits-white-pink.gif") no-repeat 32px 0px;
    background-color:rgba(21,21,21,0.7);
    display:inline-block\9;
    background-color:rgb(21,21,21)\9;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70)\9;
    zoom:1\9;
    position:relative\9;
    left:0px\9;
    bottom:21px\9;
    z-index:1\9;
    text-decoration:none;
}
.index-radio-list ul li .ra-img {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
}

.index-radio-list ul li .ra-img img {
    height: 127px;
    width: 127px;
    object-fit: cover;
    border-radius: 8px;
    transition: transform 0.3s ease;
}

.index-radio-list ul li:hover .ra-img img {
    transform: scale(1.05);
}
.index-radio-list ul li .ra-hover-detail {
    height: 127px;
    width: 127px;
    float: left;
    margin-left: 10px;
    padding-top: 6px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.index-radio-list ul li .ra-hover-music {
    width: 276px;
    float: left;
    padding: 16px 16px 0 16px;
    background: var(--bg-card);
    border-top: 1px solid var(--border-color);
}

.index-radio-list ul li .ra-hover-music a {
    color: var(--text-secondary);
    text-decoration: none;
    display: block;
    padding: 8px 0;
    transition: all 0.2s ease;
    border-bottom: 1px solid transparent;
}

.index-radio-list ul li .ra-hover-music a:link,
.index-radio-list ul li .ra-hover-music a:visited {
    color: var(--text-secondary);
}

.index-radio-list ul li .ra-hover-music a:hover {
    text-decoration: none;
    color: var(--text-primary);
    padding-left: 8px;
    border-bottom: 1px solid var(--accent-secondary);
    background: rgba(162, 155, 254, 0.05);
}

.index-radio-list ul li .ra-hover-music a:not(:last-child) {
    border-bottom: 1px solid var(--border-color);
}
/*.index-radio-list ul li .ra-hover-detail {
    height:127px;
    width:127px;
    float:left;
    margin-left:10px;
    padding-top:6px;
}*/
/*.index-radio-list ul li .ra-hover-music {
    width:276px;
    float:left;
    padding:6px 10px 0px 10px;
    *width:256px;
}*/
/*.index-radio-list ul li .ra-hover-music  a {
    color:var(--text-color);
}
.index-radio-list ul li .ra-hover-music  a:link {
    color:var(--text-color);
}
.index-radio-list ul li .ra-hover-music  a:visited {
    color:var(--text-color);
}
.index-radio-list ul li .ra-hover-music  a:hover {
    text-decoration:none;
    color:var(--text-primary);
}*/
.index-radio-list ul li h3 {
    /*font-style:normal;
    font-size:var(--font-size-xs);
    padding:0px;
    margin:0px;
    width:127px;
    height:24px;
    line-height:26px;*/

    color: var(--text-secondary);
    font-size: var(--font-size-xs);
    font-weight: 600;
    margin-bottom: 12px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--accent-primary);
}
.index-radio-list ul li h4 {
    font-style: normal;
    font-size: var(--font-size-xs);
    padding: 0;
    margin: 0;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
}
.index_ct_p1_left .index-radio .index-radio-list ul{
    overflow:hidden;
    /*width:945px;*/
    /*margin-left:-26px;*/
}
.index_ct_p1_right_ct .index-hot {
    margin:0 auto;
    padding:0;
    height:37px;
    width:218px;
}
.index_ct_p1_right_ct .index-hot .index-hot-title {
    background:url("../images/index/hotalbum.png") no-repeat;
    height:40px;
    width:150px;
    float:left;
}
.index_ct_p1_right_ct .index-hot .index-hot-title span {
    font-size:16px;
    line-height:32px;
    margin-left:38px;
    color:#999999;
}
.index_ct_p1_right_ct .index-hot .changeall {
    background:url(../images/index/typeicon.png) no-repeat -242px -4px;
    _background:url(../images/index/typeicon.gif) no-repeat -242px -4px;
    padding-left:25px;
    cursor:pointer;
    color:#d1cfcf;
    float:right;
    height:37px;
    line-height:37px;
}
.index-hot-list {
    margin:0 auto;
    padding:0;
    width:210px;
    height:150px;
}
.index-hot-list ul li {
    float:left;
    width:70px;
    height:30px;
}
.index-hot-list ul li a {
    color:var(--text-secondary);
}
.index-hot-list ul li a:link {
    color:var(--text-secondary);
}
.index-hot-list ul li a:visited {
    color:var(--text-secondary);
}
.index-hot-list ul li a:hover {
    text-decoration:none;
    color:var(--accent-primary);
}
.index-rank-title {
    height:44px;
    width:150px;
    color:var(--text-secondary);
    background:url("../images/index/rank.png") no-repeat;
    float:left;
}
.index-rank-title span {
    font-size:16px;
    line-height:32px;
    margin-left:38px;
}
.index-rank-type {
    float:right;
}
.index-rank-type ul li {
    float:left;
    padding:14px 5px 0px 5px;
}
.index-rank-list-type {
    margin:0 auto;
    padding:0;
    width:218px;
}
.index-rank-list-type .rank-list {
    overflow:hidden;
}
.index-rank-list-type .rank-list dl {
    height:49px;
    clear:both;
    overflow:hidden;
    line-height:20px;
}
.index-rank-list-type .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;
}
.index-rank-list-type .rank-list dl dd {
    margin-left:6px;
    float:left;
    width:170px;
    height:36px;
    overflow:hidden;
    margin-top:4px;
}
.index-rank-list-type .rank-list dl dd  a:link {
    color:var(--text-secondary);
}
.index-rank-list-type .rank-list dl dd  a:visited {
    color:var(--text-secondary);
}
.index-rank-list-type .rank-list dl dd  a:hover {
    color:var(--accent-primary);
}
.index-rank-list-type .rank-list .list_px_img {
    width:39px;
    height:39px;
    border:0px;
    filter:alpha(opacity=80);
    moz-opacity:0.8;
    opacity:0.8;
}
.index-rank-list-type .rank-list dl dt p {
    display:block;
    width:39px;
    height:39px;
    overflow:hidden;
    position:absolute;
    z-index:5;
    margin-top:-39px;
}
.index-rank-list-type .rank-list dl  .num1 {
    background:url(../images/list_num.gif) no-repeat  -5px -10px;
}
.index-rank-list-type .rank-list dl  .num2 {
    background:url(../images/list_num.gif) no-repeat  -5px -62px;
}
.index-rank-list-type .rank-list dl  .num3 {
    background:url(../images/list_num.gif) no-repeat  -5px -114px;
}
.index-rank-list-type .rank-list dl  .num4 {
    background:url(../images/list_num.gif) no-repeat  -5px -166px;
}
.index-rank-list-type .rank-list dl  .num5 {
    background:url(../images/list_num.gif) no-repeat  -5px -218px;
}
.index-rank-list-type .rank-list dl  .num6 {
    background:url(../images/list_num.gif) no-repeat  -5px -270px;
}
.index-rank-list-type .rank-list dl  .num7 {
    background:url(../images/list_num.gif) no-repeat  -5px -322px;
}
.index-rank-list-type .rank-list dl  .num8 {
    background:url(../images/list_num.gif) no-repeat  -5px -374px;
}
.index-rank-list-type .rank-list dl  .num9 {
    background:url(../images/list_num.gif) no-repeat  -5px -426px;
}
.index-rank-list-type .rank-list dl  .num10 {
    background:url(../images/list_num.gif) no-repeat  -5px -472px;
}
.index-producer-title {
    height:44px;
    width:150px;
    color:var(--text-secondary);
    background:url("../images/index/producer.png") no-repeat;
    float:left;
}
.index-producer-title span {
    font-size:16px;
    line-height:32px;
    margin-left:55px;
}
.best-producer {
    float:left;
    height:297px;
    width:231px;
    background-color:var(--bg-tertiary);
    padding:20px;
    *padding:0px;
}
.best-producer .bp-img {
    height:191px;
    width:191px;
    *margin-left:20px;
    *margin-top:20px;
}
.best-producer .bp-img img {
    height:191px;
    width:191px;
}
.best-producer-bg {
    height:297px;
    width:231px;
    background:url("../images/index/producer-bg.png") no-repeat;
    _background:url("../images/index/producer-bg.gif") no-repeat;
    position:absolute;
    z-index:1;
    left:0px;
    top:0px;
    z-index:1;
}
.producer-detail-box {
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: 12px;
    width: 276px;
    height: 298px;
    position: absolute;
    z-index: 999;
    overflow: hidden;
    margin-top: -169px;
    box-shadow: 0 10px 30px var(--shadow-color);
    transition: all 0.3s ease;
}

.producer-detail-box:hover {
    box-shadow: 0 15px 40px rgba(108, 92, 231, 0.3);
    transform: translateY(-5px);
    border-color: var(--accent-primary);
}
.bp-hits {
    padding-left:20px;
    background:url('../images/index/hits.png') no-repeat 0px -2px;
    _background:url('../images/index/hits1.gif') no-repeat 0px -2px;
    *margin-left:20px;
}
.bp-musicicon {
    margin-left:5px;
    padding-left:20px;
    background:url('../images/index/eye-green.png') no-repeat 0px -2px;
    _background:url('../images/index/eye-green1.gif') no-repeat 0px -2px;
}
/*end index*//*快速登录*/
#form {
    margin:0px;
    padding:0px;
}
.logincontent a:link {
    color:#666666;
}
.logincontent a:visited {
    color:#666666;
}
.logincontent a:hover {
    color:#337ab7;
}
.logincontent {
    margin:0px;
    width:280PX;
    margin:0 auto;
}
.logincontent .login_ico {
    width:83px;
    overflow:hidden;
    display:block;
    margin:0 auto;
    margin-top:8px;
    margin-bottom:8px;
}
.logincontent ul {
    margin:0px;
    padding:0px;
    clear:both;
}
.logincontent ul li {
    list-style:none;
}
.logincontent .h50 {
    height:55px;
}
.logincontent p {
    margin:0px;
    padding:0px;
    height:30px;
}
.logincontent .reg {
    float:left;
}
.logincontent .reg a:link {
    color:var(--text-secondary);
}
.logincontent .reg a:visited {
    color:var(--text-secondary);
}
.logincontent .reg a:hover {
    color:var(--accent-primary);
}
.logincontent .getpwd {
    float:right;
}
.logincontent .getpwd a:link {
    color:var(--text-secondary);
}
.logincontent .getpwd a:visited {
    color:var(--text-secondary);
}
.logincontent .getpwd a:hover {
    color:var(--accent-primary);
}
#ncode {
    cursor:pointer;
}
#nreg {
    text-indent:50px;
    line-height:30px;
}
#loginyz {
    display:none;
}
#loginbt {
    padding-top:10px;
}
.login_botton {
    background-color:var(--accent-success);
    height:40px;
    line-height:40px;
    font-size:16px;
    color:var(--text-primary);
    width:280px;
    text-align:center;
    border:1px solid var(--accent-success);
}
.login_botton_qx {
    background-color:var(--text-secondary);
    height:24px;
    line-height:24px;
    padding:2px;
    border:0px;
    font-size:var(--font-size-xs);
    color:var(--text-primary);
    width:65px;
    text-align:center;
    border:1px solid var(--border-color);
}
.login_input {
    width:280px;
    background-color:var(--bg-secondary);
    text-indent:3px;
    background-repeat:repeat-x;
    height:35px;
    line-height:33px;
    font-size:14px;
    border:1px solid var(--border-color);
    color:var(--text-primary);
}
.login_input:focus {
    outline: none;
    border-color: var(--accent-primary);
    box-shadow: 0 0 0 3px rgba(108, 92, 231, 0.1);
}
#code {
    width:60px;
    background-color:var(--user-bg1);
    background-repeat:repeat-x;
    height:30px;
    line-height:30px;
    font-size:var(--font-size-xs);
    border:1px solid var(--user-border);
    color:var(--user-text-color2);
}
#code:focus {
    outline: none;
    border-color: var(--accent-primary);
    box-shadow: 0 0 0 3px rgba(108, 92, 231, 0.1);
}
#logind3 {
    margin:0px;
    padding-top:15px;
    text-align:center;
}
#logind3 span {
    color:var(--text-secondary);
}
#recode {
    color:var(--text-secondary);
}
#info {
    color:#9f8d43;
    padding:2px;
    line-height:22px;
    font-size:var(--font-size-xs);
}
.denglu {
    color:var(--accent-primary);
    text-decoration:none;
    line-height:20px;
}
.denglu a link {
    color:var(--accent-primary);
}
.denglu a visited {
    color:var(--accent-primary);
}
.denglu a hover {
    color:var(--accent-primary);
}
/*快速登录*/
/*layer 自定义样式*/
body .demo-black-class .layui-layer-title {
    background:#010101;
    color:#fff;
    border:none;
}
body .demo-black-class .layui-layer-content {
    position:relative;
    background-color:#293041;
}
body .demo-black-class .layui-layer-load {
    background:url(../images/load.gif) center center no-repeat #293041;
}
body .demo-black-class .layui-layer-close {
    background:url(../js/layer/skin/default/icon2.png) 0px -40px no-repeat;
}
/*自定义样式*//*全选反向框*/
.list_controllbox {
    margin-top:18px;
    margin-left:10px;
    float:left;
}
.list_selectall {
    float:left;
    margin-right:30px;
}
.list_selectall input {
    margin:0px;
}
.list_selectall span {
    margin-left:5px;
}
/*搜索页*/
.search_list_right {
    /*padding:10px;*/
    border-radius: 12px;
    background: var(--bg-card);
    box-shadow: 0 4px 15px var(--shadow-color);
    animation: fadeIn 0.5s ease forwards;
    transition: all 0.3s ease;
    font-family: var(--font-family);
    width:950px;
    float:left;
    overflow:hidden;
}
.search_list_ct {
    /*padding:15px;*/
}
.search_list_left {
    width:230px;
    float:left;
    overflow:hidden;
}
.search_list_left_ct {
    padding-left:18px;
}
.search_list_title {
    background:url(../images/search_li.png) 0px 8px no-repeat;
    _background:url(../images/search_li.gif) 0px 8px no-repeat;
    width:215px;
    overflow:hidden;
    height:50px;
    font-size:16px;
    color:#999999;
}
.search_list_title p {
    padding:0px;
    margin:0px;
    padding-left:42px;
    padding-top:5px;
}
.search_log_a {
    line-height:30px;
    color:#86867d;
    height:30px;
    overflow:hidden;
    width:200px;
    clear:both;
}
.search_log_a  p {
    display:block;
    float:left;
    margin:0px;
    padding:0px;
}
.search_log_a .log {
    width:180px;
    overflow:hidden;
}
.search_log_a .del a {
    display:block;
    background:url(../images/play/list_ico.png) -67px 0px no-repeat;
    background-size:300px 55px;
    _background:url(../images/car/carclo_off.gif)  no-repeat;
    width:20px;
    height:20px;
    overflow:hidden;
    margin-top:8px;
}
.search_log_a .del a:link {
    color:#86867d;
}
.search_log_a .del a:visited {
    color:#86867d;
}
.search_log_a .del a:hover {
    color:#fcdcdc;
    background:url(../images/play/list_ico.png) -67px -35px no-repeat;
    background-size:300px 55px;
    _background:url(../images/car/carclo_off.gif) no-repeat;
}
.search_log_a a:link {
    color:#86867d;
}
.search_log_a a:visited {
    color:#86867d;
}
.search_log_a a:hover {
    color:#fcdcdc;
}
.sclear {
    color:#94d500;
    font-size:var(--font-size-xs);
    padding-top:6px;
}
.sclear a:link {
    color:#94d500;
}
.sclear a:visited {
    color:#94d500;
}
.sclear a:hover {
    color:#9ee204;
}
/*排序榜*/
.top_list_right {
    width:760px;
    float:left;
    overflow:hidden;
}
.top_list_ct {
    padding:15px;
}
.top_title {
    background:url("../images/top/top_ico.png") -8px -6px no-repeat;
    overflow:hidden;
    float:left;
    padding-left:25px;
    height:50px;
}
.top_time_sel {
    float:left;
    margin-left:20px;
    font-size:16px;
}
.time_sel {
    position:absolute;
    width:280px;
    background-color:#000000;
    overflow:hidden;
    font-size:var(--font-size-xs);
    padding-right:10px;
}
.top_time_ico1 {
    background:url("../images/top/top_ico.png") -8px -85px no-repeat;
    padding-left:30px;
    line-height:50px;
    color:#dcdcdc;
    cursor:pointer;
}
.top_time_ico2 {
    background:url("../images/top/top_ico.png") -8px -149px no-repeat;
    padding-left:30px;
    line-height:50px;
    color:#7baf09;
    cursor:pointer;
}
.time_sel li {
    ;
}
.top_list_left {
    padding-top:10px;
    border-radius: 12px;
    background: var(--bg-card);
    box-shadow: 0 4px 15px var(--shadow-color);
    animation: fadeIn 0.5s ease forwards;
    transition: all 0.3s ease;
    font-family: var(--font-family);
    float:right;
    overflow:hidden;
}
.top_list_left_ct {
    width:240px;
}
.top_list_title {
    background:url("../images/index/rank.png") no-repeat;
    width:215px;
    overflow:hidden;
    height:50px;
    font-size:16px;
    color:#999999;
    margin:0 auto;
    padding:0;
}
.top_list_title p {
    padding:0px;
    margin:0px;
    padding-left:42px;
    padding-top:5px;
}
.top_fl_list li {
    margin:0px;
    padding:0px;
}
.top_flon {
    line-height:36px;
    background:linear-gradient(90deg, var(--accent-primary), var(--accent-danger));
    border: 1px solid var(--border-color);
    padding-left:20px;
    font-size:16px;
    margin-top:1px;
}
.top_floff {
    line-height:36px;
    background-color:var(--bg-tertiary);
    border: 1px solid var(--border-color);
    padding-left:20px;
    font-size:14px;
    margin-top:1px;
}
.time_sel a {
    display:block;
    text-align:center;
    border-radius:10px;
    line-height:24px;
    height:24px;
    margin-top:10px;
    width:80px;
    margin-left:10px;
}
.tcls0 a {
    background-color:#000000;
    border:1px solid #333333;
    float:left;
}
.tcls0 a:link {
    color:var(--text-secondary);
}
.tcls0 a:visited {
    color:var(--text-secondary);
}
.tcls0 a:hover {
    color:var(--text-primary);
    background-color:#101010;
    border:1px solid #999999;
    text-decoration:none;
}
.baning3 {
    font-size:18px;
    color:#464e61;
    font-weight:bold;
    font-style:italic;
}
.baning0 {
    font-size:24px;
    color:#c52a03;
    font-weight:bold;
    font-style:italic;
}
.baning1 {
    font-size:24px;
    color:var(--accent-primary);
    font-weight:bold;
    font-style:italic;
}
.baning2 {
    font-size:24px;
    color:#94d500;
    font-weight:bold;
    font-style:italic;
}
/*热门标签*/
.list_bank_title_tags {
    background:url(../images/hottags.png) no-repeat;
    width:215px;
    overflow:hidden;
    height:50px;
    font-size:16px;
    color:#999999;
}
.list_bank_title_tags p {
    padding:0px;
    margin:0px;
    padding-left:46px;
    padding-top:5px;
}
.hottags-list {
    margin:0 auto;
    padding:0;
    width:210px;
}
.hottags-list ul li {
    float:left;
    height:30px;
    padding-right:10px;
}
.hottags-list ul li a {
    color:#999999;
    white-space:nowrap;
}
.hottags-list ul li a:link {
    color:#999999;
}
.hottags-list ul li a:visited {
    color:#999999;
}
.hottags-list ul li a:hover {
    text-decoration:none;
    color:#d1cfcf;
}
/*热门标签end*//*car订单列表btn样式*/
.car-btn {
    display:inline-block;
    margin-bottom:0;
    font-weight:400;
    text-align:center;
    white-space:nowrap;
    vertical-align:middle;
    -ms-touch-action:manipulation;
    touch-action:manipulation;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    background-image:none;
    border:1px solid transparent;
    padding:1px 5px;
    font-size:var(--font-size-xs);
    line-height:1.5;
    border-radius:3px;
    cursor:default;
    *padding:0px;
    *margin:0px;
    *width:48px;
    *height:22px;
}
.car-btn-info {
    color:#fff;
    background-color:#5bc0de;
    color-border:#46b8da;
}
.car-btn-success {
    color:#fff;
    background-color:#5cb85c;
    color-border:#4cae4c;
}
.car-btn-warning {
    color:#fff;
    background-color:#f0ad4e;
    color-border:#eea236;
}
/*car订单列表btn样式end*/
/*轮转广告CSS*/
* {
    margin:0;
    padding:0;
    list-style:none;
}
#divSmallBox {
    overflow:hidden;
    *display:inline;
    *zoom:1;
    width:10px;
    height:10px;
    margin:0 5px;
    border-radius:10px;
    background:#ffffff;
}
#playBox {
    width:390px;
    height:92px;
    margin:0px auto;
    background:#333;
    position:relative;
    overflow:hidden;
}
#playBox .oUlplay {
    width:99999px;
    position:absolute;
    left:0;
    top:0;
}
#playBox .oUlplay li {
    float:left;
}
#playBox .pre {
    cursor:pointer;
    width:15px;
    height:15px;
    background:url(../images/imgs/l.png) no-repeat;
    position:absolute;
    top:32px;
    left:10px;
    z-index:10;
}
#playBox .next {
    cursor:pointer;
    width:15px;
    height:15px;
    background:url(../images/imgs/r.png) no-repeat;
    position:absolute;
    top:32px;
    right:10px;
    z-index:10;
}
#playBox .smalltitle {
    width:220px;
    height:5px;
    position:absolute;
    bottom:10px;
    z-index:10;
}
#playBox .smalltitle ul {
    margin-left:10px;
}
#playBox .smalltitle ul li {
    width:5px;
    height:5px;
    margin:0 5px;
    border-radius:5px;
    background:#ffffff;
    float:left;
    overflow:hidden;
    *display:inline;
    *zoom:1;
}
#playBox .smalltitle .thistitle {
    background:#0ee322;
}
/*轮转广告CSS*/
/*DIY套餐购物车*/
.upan_tdtitle {
    height:30px;
    overflow:hidden;
    text-align:center;
}
.upan_tdcontent {
    height:170px;
    overflow:hidden;
    padding:10px;
}
.upan_tdborder td {
    border-top:1px dashed #eee !important;
}
.upan_img {
    height:150px;
    width:150px;
    border:1px solid #eee;
    display:inline-block;
}
.upan_subtotal,.remix_subtotal {
    text-align:right;
    padding-right:30px;
}
.upan_subtotal b,.remix_subtotal b {
    color:#FF0000;
}
.music_subtotal {
    text-align:center;
    padding-right:30px;
}
.music_subtotal b {
    color:#FF0000;
}
.upan_total {
    text-align:right;
    font-size:16px;
    padding-right:20px;
}
.upan_total b {
    color:#FF0000;
    font-size:18px;
}
.upan_music {
    height:150px;
    width:400px;
    border:1px solid var(--border-color);
    overflow-y:auto;
    display:inline-block;
    text-align:initial;
    padding:8px;
}
.upan_music ul li {
    float:left;
    margin-bottom:2px;
    padding-right:5px;
}
.upan_music ul li a {
    float:left;
}
.upan_del {
    float:left;
    width:14px;
    height:14px;
    margin-left:1px;
    background-repeat:no-repeat;
    cursor:pointer;
}
.upan_btn {
    float:right;
}
.inputuord {
    text-indent:3px;
    border:1px solid var(--border-color);
    background-color:#f8f8f8;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    min-width:90px;
    line-height:28px;
    height:28px;
    color:#000000;
}
.upan_mbtn {
    color:#333 !important;
    display:inline-block;
    padding:2px 2px;
    margin-bottom:0;
    font-size:var(--font-size-xs);
    line-height:1.42857143;
    text-align:center;
    white-space:nowrap;
    vertical-align:middle;
    -ms-touch-action:manipulation;
    touch-action:manipulation;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    background-image:none;
    border:1px solid transparent;
    border-radius:4px;
    background-color:#f8f8f8;
    color-border:#ddd;
}
.upan_mbtn:hover {
    background-color:#eee;
}
#cd_mneu_zi {
    position:absolute;
    margin-left:0px;
    width:120px;
    z-index:9999;
    border-top:0px;
    z-index:999;
    background:url("../images/xjt.png") 35px 0px no-repeat;
    background-color:var(--bg-card);
    overflow:hidden;
    display:none;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    border-top:4px solid var(--accent-primary);
}
#cd_mneu_zi a {
    clear:both;
    display:block;
    text-align:center;
    line-height:24px;
    height:24px;
    margin-top:5px;
    margin-bottom:5px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
}
.cd_menu_li {
    float:left;
    width:100px;
    margin-left:10px;
    _margin-left:5px;
}
.cd_menu_li a {
    background-color:var(--bg-secondary);
    border:1px solid var(--border-color);
}
.cd_menu_li a:link {
    color:#999999;
}
.cd_menu_li a:visited {
    color:#999999;
}
.cd_menu_li a:hover {
    color:var(--accent-primary);
    background-color:var(--bg-secondary);
    border:1px solid var(--accent-primary);
    text-decoration:none;
}
/*DIY套餐购物车End*/
.djapply,.djupload,.djmlist,.remixapply {
    ;
}
.djapply a {
    color:#dcdcdc;
    background:url(../images/ico/djapply.png) 7px  7px no-repeat;
}
.djapply a:link {
    color:#dcdcdc;
}
.djapply a:visited {
    color:#dcdcdc;
}
.djapply a:hover {
    color:#dcdcdc;
}
.djupload a {
    color:#dcdcdc;
    background:url(../images/ico/djuoload_icon.png) 7px  7px no-repeat;
}
.djupload a:link {
    color:#dcdcdc;
}
.djupload a:visited {
    color:#dcdcdc;
}
.djupload a:hover {
    color:#dcdcdc;
}
.djmlist a {
    color:#dcdcdc;
    background:url(../images/ico/djmlist.png) 7px  7px no-repeat;
}
.djmlist a:link {
    color:#dcdcdc;
}
.djmlist a:visited {
    color:#dcdcdc;
}
.djmlist a:hover {
    color:#dcdcdc;
}
.djflist a {
    color:#dcdcdc;
    background:url(../images/ico/djflist.png) 7px  7px no-repeat;
}
.djflist a:link {
    color:#dcdcdc;
}
.djflist a:visited {
    color:#dcdcdc;
}
.djflist a:hover {
    color:#dcdcdc;
}
.remixapply a {
    color:#dcdcdc;
    background:url(../images/ico/remixapply.png) 7px  7px no-repeat;
    background-size:22px 22px;
}
.remixapply a:link {
    color:#dcdcdc;
}
.remixapply a:visited {
    color:#dcdcdc;
}
.remixapply a:hover {
    color:#dcdcdc;
}
.djapply1,.djupload1,.djmlist1,remixapply1 {
    font-weight:bold;
}
.djapply1 a {
    color:var(--text-primary);
    background:url(../images/ico/djapply_white.png) 7px  7px no-repeat;
}
.djapply1 a:link {
    color:#ffffff;
}
.djapply1 a:visited {
    color:#ffffff;
}
.djapply1 a:hover {
    color:#ffffff;
}
.djupload1 a {
    color:var(--text-primary);
    background:url(../images/ico/djuoload_icon_white.png) 7px  7px no-repeat;
}
.djupload1 a:link {
    color:#ffffff;
}
.djupload1 a:visited {
    color:#ffffff;
}
.djupload1 a:hover {
    color:#ffffff;
}
.djmlist1 a {
    color:var(--text-primary);
    background:url(../images/ico/djflist_white.png) 7px  7px no-repeat;
}
.djmlist1 a:link {
    color:#ffffff;
}
.djmlist1 a:visited {
    color:#ffffff;
}
.djmlist1 a:hover {
    color:#ffffff;
}
.djflist1 a {
    color:var(--text-primary);
    background:url(../images/ico/djmlist_white.png) 7px  7px no-repeat;
}
.djflist1 a:link {
    color:#ffffff;
}
.djflist1 a:visited {
    color:#ffffff;
}
.djflist1 a:hover {
    color:#ffffff;
}
.remixapply1 a {
    color:var(--text-primary);
    background:url(../images/ico/remixapply_white.png) 7px  7px no-repeat;
}
.remixapply1 a:link {
    color:#ffffff;
}
.remixapply1 a:visited {
    color:#ffffff;
}
.remixapply1 a:hover {
    color:#ffffff;
}

.play_list1 {
    width:780px;
    float:left;
    overflow:hidden;
    border-radius:8px;
    background-color:var(--bg-card);
    box-shadow: 0 2px 10px var(--shadow-color);
}
.pubbox {
    background-color:var(--bg-card);
    overflow:hidden;
    border-radius: 8px;
    box-shadow: 0 2px 10px var(--shadow-color);
}

/* 全局滚动条样式 */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: var(--bg-secondary);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb {
    background: var(--accent-primary);
    border-radius: 4px;
    transition: background 0.3s ease;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--accent-secondary);
}

::-webkit-scrollbar-corner {
    background: var(--bg-secondary);
}

/* Firefox 滚动条样式 */
* {
    scrollbar-width: thin;
    scrollbar-color: var(--accent-primary) var(--bg-secondary);
}

/* 特定元素的滚动条样式 */
.scrollbar-thin::-webkit-scrollbar {
    width: 6px;
}

.scrollbar-thin::-webkit-scrollbar-thumb {
    background: var(--text-muted);
}

.scrollbar-thin::-webkit-scrollbar-thumb:hover {
    background: var(--text-secondary);
}

/* 动画效果 */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

.custom-alert-center {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.8);
    z-index: 10000;
    max-width: 400px;
    min-width: 300px;
    padding: 24px;
    border-radius: 16px;
    box-shadow: 0 20px 40px var(--shadow-color);
    backdrop-filter: blur(15px);
    border: 1px solid var(--border-color);
    opacity: 0;
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    text-align: center;
}

.custom-alert-center.show {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
}

.custom-alert-center.hide {
    transform: translate(-50%, -50%) scale(0.8);
    opacity: 0;
}

.alert-icon-center {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-weight: bold;
    font-size: 20px;
    margin: 0 auto 16px;
}

.alert-content-center {
    font-size: 16px;
    line-height: 1.6;
    color: var(--text-primary);
    text-align: center;
}

/* 居中提示的不同类型样式 */
.alert-center-success {
    background: linear-gradient(135deg, rgba(0, 184, 148, 0.15) 0%, rgba(0, 184, 148, 0.05) 100%);
    border: 1px solid rgba(0, 184, 148, 0.3);
    box-shadow: 0 20px 40px rgba(0, 184, 148, 0.2);
}

.alert-center-success .alert-icon-center {
    background: var(--accent-success);
    color: white;
    box-shadow: 0 4px 12px rgba(0, 184, 148, 0.4);
}

.alert-center-warning {
    background: linear-gradient(135deg, rgba(253, 203, 110, 0.15) 0%, rgba(253, 203, 110, 0.05) 100%);
    border: 1px solid rgba(253, 203, 110, 0.3);
    box-shadow: 0 20px 40px rgba(253, 203, 110, 0.2);
}

.alert-center-warning .alert-icon-center {
    background: var(--accent-warning);
    color: var(--bg-primary);
    box-shadow: 0 4px 12px rgba(253, 203, 110, 0.4);
}

.alert-center-error {
    background: linear-gradient(135deg, rgba(232, 67, 147, 0.15) 0%, rgba(232, 67, 147, 0.05) 100%);
    border: 1px solid rgba(232, 67, 147, 0.3);
    box-shadow: 0 20px 40px rgba(232, 67, 147, 0.2);
}

.alert-center-error .alert-icon-center {
    background: var(--accent-danger);
    color: white;
    box-shadow: 0 4px 12px rgba(232, 67, 147, 0.4);
}

.alert-center-info {
    background: linear-gradient(135deg, rgba(9, 132, 227, 0.15) 0%, rgba(9, 132, 227, 0.05) 100%);
    border: 1px solid rgba(9, 132, 227, 0.3);
    box-shadow: 0 20px 40px rgba(9, 132, 227, 0.2);
}

.alert-center-info .alert-icon-center {
    background: var(--accent-info);
    color: white;
    box-shadow: 0 4px 12px rgba(9, 132, 227, 0.4);
}

/* 可选动画效果 */
@keyframes alertPulse {
    0% {
        box-shadow: 0 20px 40px var(--shadow-color);
    }
    50% {
        box-shadow: 0 20px 40px var(--shadow-color), 0 0 0 10px rgba(108, 92, 231, 0.1);
    }
    100% {
        box-shadow: 0 20px 40px var(--shadow-color);
    }
}

.custom-alert-center.show {
    animation: alertPulse 2s ease-in-out infinite;
}

/* 图标动画 */
@keyframes iconBounce {
    0%, 20%, 50%, 80%, 100% {
        transform: scale(1);
    }
    40% {
        transform: scale(1.2);
    }
    60% {
        transform: scale(1.1);
    }
}

.alert-icon-center {
    animation: iconBounce 0.6s ease;
}

/* Layer弹窗主题适配 */
.layui-layer {
    background-color: var(--bg-card) !important;
    border: 1px solid var(--border-color) !important;
    box-shadow: 0 10px 30px var(--shadow-color) !important;
    border-radius: 12px !important;
    overflow: hidden;
}

.layui-layer-title {
    background-color: var(--bg-tertiary) !important;
    color: var(--text-primary) !important;
    border-bottom: 1px solid var(--border-color) !important;
    font-weight: 600;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
}

.layui-layer-setwin {
    top: 15px !important;
    right: 15px !important;
}

.layui-layer-setwin a {
    width: 20px;
    height: 20px;
    /*background-color: var(--text-muted);*/
    border-radius: 50%;
    color: var(--bg-card);
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    transition: all 0.3s ease;
}

.layui-layer-setwin a:hover {
    /*background-color: var(--accent-danger);*/
    transform: scale(1.1);
}

.layui-layer-btn {
    border-top: 1px solid var(--border-color) !important;
    background-color: var(--bg-tertiary) !important;
    padding: 15px !important;
    text-align: right;
}

.layui-layer-btn a {
    height: 36px;
    line-height: 34px;
    padding: 0 20px;
    border: 1px solid var(--border-color);
    background-color: var(--bg-secondary);
    color: var(--text-primary);
    border-radius: 6px;
    font-size: 14px;
    transition: all 0.3s ease;
    margin-left: 10px;
}

.layui-layer-btn .layui-layer-btn0 {
    background-color: var(--accent-primary) !important;
    border-color: var(--accent-primary) !important;
    color: white !important;
}

.layui-layer-btn .layui-layer-btn0:hover {
    background-color: var(--accent-secondary) !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px var(--shadow-color);
}

.layui-layer-btn a:hover {
    background-color: var(--bg-primary);
    border-color: var(--accent-info);
    color: var(--accent-info);
}

/* ==================== 弹窗容器样式 ==================== */
.toast-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px;
    box-sizing: border-box;
}

/* ==================== 弹窗基础样式 ==================== */
.toast {
    border-radius: 16px;
    padding: 20px 24px;
    margin-bottom: 15px;
    box-shadow: 
        0 20px 40px rgba(0, 0, 0, 0.4),
        0 0 0 1px rgba(255, 255, 255, 0.08),
        0 0 60px rgba(108, 92, 231, 0.15);
    display: flex;
    align-items: center;
    gap: 16px;
    pointer-events: auto;
    position: relative;
    overflow: hidden;
    animation: toastAppear 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
    opacity: 0;
    transform: translateY(20px) scale(0.95);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.05);
    
    /* 智能宽度调整 */
    min-width: 280px;
    max-width: 500px;
    width: fit-content; /* 根据内容自适应宽度 */
}

.toast.info {
    background: linear-gradient(145deg, #0a1929, #0c2d4a);
    border-color: rgba(9, 132, 227, 0.3);
}

.toast.warning {
    background: linear-gradient(145deg, #2a2008, #3d2e0c);
    border-color: rgba(253, 203, 110, 0.3);
}

.toast.error {
    background: linear-gradient(145deg, #2a0815, #4a0c24);
    border-color: rgba(232, 67, 147, 0.3);
}

.toast.success {
    background: linear-gradient(145deg, #07281f, #0a3a2d);
    border-color: rgba(0, 184, 148, 0.3);
}

.toast.info {
    box-shadow: 
        0 20px 40px rgba(0, 0, 0, 0.4),
        0 0 0 1px rgba(9, 132, 227, 0.15),
        0 0 60px rgba(9, 132, 227, 0.1);
}

.toast.warning {
    box-shadow: 
        0 20px 40px rgba(0, 0, 0, 0.4),
        0 0 0 1px rgba(253, 203, 110, 0.15),
        0 0 60px rgba(253, 203, 110, 0.1);
}

.toast.error {
    box-shadow: 
        0 20px 40px rgba(0, 0, 0, 0.4),
        0 0 0 1px rgba(232, 67, 147, 0.15),
        0 0 60px rgba(232, 67, 147, 0.1);
}

.toast.success {
    box-shadow: 
        0 20px 40px rgba(0, 0, 0, 0.4),
        0 0 0 1px rgba(0, 184, 148, 0.15),
        0 0 60px rgba(0, 184, 148, 0.1);
}

.toast.info:hover {
    box-shadow: 
        0 25px 50px rgba(0, 0, 0, 0.5),
        0 0 0 1px rgba(9, 132, 227, 0.25),
        0 0 80px rgba(9, 132, 227, 0.15);
}

.toast.warning:hover {
    box-shadow: 
        0 25px 50px rgba(0, 0, 0, 0.5),
        0 0 0 1px rgba(253, 203, 110, 0.25),
        0 0 80px rgba(253, 203, 110, 0.15);
}

.toast.error:hover {
    box-shadow: 
        0 25px 50px rgba(0, 0, 0, 0.5),
        0 0 0 1px rgba(232, 67, 147, 0.25),
        0 0 80px rgba(232, 67, 147, 0.15);
}

.toast.success:hover {
    box-shadow: 
        0 25px 50px rgba(0, 0, 0, 0.5),
        0 0 0 1px rgba(0, 184, 148, 0.25),
        0 0 80px rgba(0, 184, 148, 0.15);
}

/* 根据文本长度调整宽度 */
.toast.shortest-text {
    min-width: 200px;
    max-width: 320px;
}
.toast.short-text {
    min-width: 280px;
    max-width: 320px;
}

.toast.medium-text {
    min-width: 320px;
    max-width: 400px;
}

.toast.long-text {
    min-width: 350px;
    max-width: 500px;
}

/* ==================== 动画效果 ==================== */
@keyframes toastAppear {
    0% {
        opacity: 0;
        transform: translateY(20px) scale(0.95);
    }
    70% {
        transform: translateY(-5px) scale(1.02);
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes toastDisappear {
    0% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
    30% {
        transform: translateY(-5px) scale(1.02);
    }
    100% {
        opacity: 0;
        transform: translateY(20px) scale(0.95);
    }
}

.toast.fade-out {
    animation: toastDisappear 0.4s cubic-bezier(0.6, -0.28, 0.735, 0.045) forwards;
}

/* ==================== 图标区域 ==================== */
.toast-icon {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 18px;
    transition: all 0.3s ease;
    position: relative;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

/* 图标发光效果 */
.toast-icon::after {
    content: '';
    position: absolute;
    inset: -3px;
    border-radius: 14px;
    background: currentColor;
    filter: blur(8px);
    opacity: 0.15;
    z-index: -1;
}

/* ==================== 内容区域 ==================== */
.toast-message {
    flex: 1;
    font-size: 14px;
    line-height: 1.5;
    color: var(--text-primary);
    font-weight: 500;
    letter-spacing: 0.02em;
    
    /* 智能文本对齐 */
    text-align: left;
    word-wrap: break-word;
    overflow-wrap: break-word;
    hyphens: auto;
    
    /* 确保文字与图标在同一水平线上 */
    display: flex;
    align-items: center;
    min-height: 40px;
}

/* 短文本居中对齐 */
.toast.short-text .toast-message {
    justify-content: center;
    text-align: center;
}

/* 中等文本左对齐 */
.toast.medium-text .toast-message,
.toast.long-text .toast-message {
    justify-content: flex-start;
    text-align: left;
}

/* 支持HTML内容的样式 */
.toast-message a {
    color: var(--accent-primary);
    text-decoration: none;
    font-weight: 600;
    transition: all 0.2s ease;
}

.toast-message a:hover {
    color: var(--accent-secondary);
    text-decoration: underline;
}

.toast-message p {
    margin: 0;
    text-align: inherit;
}

.toast-message p:last-child {
    margin-bottom: 0;
}

.toast-message strong {
    color: var(--text-primary);
    font-weight: 700;
}

.toast-message em {
    color: var(--text-secondary);
    font-style: italic;
}

/* ==================== 不同弹窗类型的图标样式 ==================== */
.toast.info .toast-icon {
    color: var(--toast-info);
    background: rgba(9, 132, 227, 0.15);
}

.toast.warning .toast-icon {
    color: var(--toast-warning);
    background: rgba(253, 203, 110, 0.15);
}

.toast.error .toast-icon {
    color: var(--toast-danger);
    background: rgba(232, 67, 147, 0.15);
}

.toast.success .toast-icon {
    color: var(--toast-success);
    background: rgba(0, 184, 148, 0.15);
}

/* ==================== 多行文本处理 ==================== */
.toast.multiline .toast-message {
    align-items: flex-start;
    padding-top: 8px;
    padding-bottom: 8px;
}

/* ==================== 悬停效果 ==================== */
.toast:hover {
    transform: translateY(-2px);
    box-shadow: 
        0 25px 50px rgba(0, 0, 0, 0.5),
        0 0 0 1px rgba(255, 255, 255, 0.1),
        0 0 80px rgba(108, 92, 231, 0.2);
    transition: all 0.3s ease;
}

.toast:not(:hover) {
    transition: all 0.3s ease;
}

/* ==================== 图标悬停动画 ==================== */
@keyframes gentleFloat {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-3px);
    }
}

@keyframes iconPulse {
    0% {
        box-shadow: 0 4px 20px currentColor;
    }
    50% {
        box-shadow: 0 4px 30px currentColor;
    }
    100% {
        box-shadow: 0 4px 20px currentColor;
    }
}

.toast:hover{
    animation: gentleFloat 2s ease-in-out infinite,iconPulse 2s ease-in-out infinite;
}

/* ==================== 确认对话框样式 ==================== */
.confirm-dialog {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10000;
    /*background: rgba(10, 10, 15, 0.85); /* 移除模糊，改为纯色半透明背景 */*/
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.confirm-dialog.active {
    opacity: 1;
    visibility: visible;
}

.confirm-box {
    background: linear-gradient(145deg, var(--bg-card), var(--bg-secondary));
    border-radius: 20px;
    padding: 30px;
    min-width: 400px;
    max-width: 500px;
    box-shadow: 
        0 25px 50px rgba(0, 0, 0, 0.8), /* 加深阴影 */
        0 0 0 1px rgba(255, 255, 255, 0.08),
        0 0 80px rgba(108, 92, 231, 0.3); /* 加深发光效果 */
    border: 1px solid var(--border-color);
    transform: translateY(30px) scale(0.95);
    opacity: 0;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.confirm-dialog.active .confirm-box {
    transform: translateY(0) scale(1);
    opacity: 1;
}

.confirm-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--border-color);
}

.confirm-icon {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: var(--accent-warning);
    background: rgba(253, 203, 110, 0.15);
    border: 1px solid rgba(253, 203, 110, 0.3);
}

.confirm-title {
    font-size: 18px;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0;
}

.confirm-content {
    margin-bottom: 25px;
}

.confirm-message {
    font-size: 14px;
    line-height: 1.6;
    color: var(--text-secondary);
    margin: 0;
}

.confirm-musicid {
    color: var(--accent-warning);
    font-weight: 600;
    background: rgba(253, 203, 110, 0.1);
    padding: 2px 8px;
    border-radius: 6px;
    margin: 0 3px;
    border: 1px solid rgba(253, 203, 110, 0.2);
}

.confirm-footer {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
}

.confirm-btn {
    padding: 10px 24px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    border: none;
    outline: none;
    min-width: 80px;
}

.confirm-btn-cancel {
    background: var(--bg-tertiary);
    color: var(--text-secondary);
    border: 1px solid var(--border-color);
}

.confirm-btn-cancel:hover {
    background: var(--border-color);
    color: var(--text-primary);
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.confirm-btn-ok {
    background: linear-gradient(135deg, var(--accent-danger), #ff6b95);
    color: white;
    border: 1px solid rgba(232, 67, 147, 0.3);
}

.confirm-btn-ok:hover {
    background: linear-gradient(135deg, #ff6b95, var(--accent-danger));
    transform: translateY(-2px);
    box-shadow: 
        0 5px 15px rgba(232, 67, 147, 0.3),
        0 0 20px rgba(232, 67, 147, 0.1);
}

/* 对话框动画 */
@keyframes confirmAppear {
    0% {
        opacity: 0;
        transform: translateY(30px) scale(0.95);
    }
    70% {
        transform: translateY(-5px) scale(1.02);
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes confirmDisappear {
    0% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
    100% {
        opacity: 0;
        transform: translateY(30px) scale(0.95);
    }
}

.confirm-box.appearing {
    animation: confirmAppear 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}

.confirm-box.disappearing {
    animation: confirmDisappear 0.3s ease forwards;
}

/* ==================== 模态弹窗样式 ==================== */
.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background: rgba(0, 0, 0, 0.85);*/
    /*backdrop-filter: blur(8px);*/
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.modal-overlay.active {
    opacity: 1;
    visibility: visible;
}

.modal-container {
    background: var(--bg-card);
    border-radius: 20px;
    box-shadow: 
        0 30px 60px rgba(0, 0, 0, 0.6),
        0 0 0 1px rgba(255, 255, 255, 0.05),
        0 0 100px rgba(108, 92, 231, 0.2);
    border: 1px solid var(--border-color);
    overflow: hidden;
    transform: scale(0.95);
    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    max-width: 90vw;
    max-height: 90vh;
}

.modal-overlay.active .modal-container {
    transform: scale(1);
}

.modal-header {
    background: linear-gradient(135deg, #1a1a24 0%, #2a2a3a 100%);
    padding: 10px 24px;
    border-bottom: 1px solid var(--border-color);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal-title {
    color: var(--text-primary);
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.modal-title i {
    color: var(--accent-primary);
}

.modal-close {
    /*background: rgba(255, 255, 255, 0.05);*/
    /*border: 1px solid rgba(255, 255, 255, 0.1);*/
    border-radius: 12px;
    width: 10px;
    height: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-secondary);
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: 16px;
}

.modal-close:hover {
    background: rgba(255, 255, 255, 0.1);
    color: var(--text-primary);
    transform: rotate(90deg);
}

.modal-content {
    /*width: 520px;*/
    /*height: 680px;*/
    overflow: hidden;
}

.modal-iframe {
    width: 100%;
    height: 100%;
    border: none;
    background: var(--bg-primary);
}

/* 加载状态 */
.modal-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    color: var(--text-secondary);
}

.modal-loading-spinner {
    width: 40px;
    height: 40px;
    border: 3px solid rgba(108, 92, 231, 0.1);
    border-top: 3px solid var(--accent-primary);
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* 暗色主题适配 */
.modal-container {
    background: var(--bg-secondary);
    color: var(--text-primary);
}

/* 搜索容器 - 优化后的样式 */
.searchct_dj {
    width: 240px;
    height: 34px; /* 稍微增加高度以适应图标 */
    overflow: hidden;
    background-color: var(--bg-card);
    border-radius: 17px; /* 圆角与高度匹配 */
    border: 1px solid var(--border-color);
    display: flex;
    align-items: center;
    padding: 0 0 0 5px; /* 左内边距稍微调整 */
    position: relative;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 8px var(--shadow-color);
}

/* 搜索图标使用SVG - 优化版 */
.searchct_dj::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 8px; /* 减小右边距 */
    background-color: var(--text-secondary);
    -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>') no-repeat center / contain;
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>') no-repeat center / contain;
    transition: background-color 0.2s ease;
    flex-shrink: 0;
}

/* 搜索框聚焦时图标颜色变化 */
.searchct_dj:focus-within::before {
    background-color: var(--accent-primary);
}

/* 搜索框聚焦效果 */
.searchct_dj:focus-within {
    border-color: var(--accent-primary);
    box-shadow: 
        0 2px 12px rgba(108, 92, 231, 0.15),
        0 0 0 2px rgba(108, 92, 231, 0.1);
    transform: translateY(-1px);
}

.inputx_dj {
    border: 0;
    height: 100%;
    width: 100%;
    font-size: 14px;
    color: var(--text-primary);
    background-color: transparent;
    outline: none;
    flex: 1;
    padding: 0;
    font-family: var(--font-family);
    transition: color 0.2s ease;
    line-height: 1; /* 移除固定行高，让flex布局控制 */
    display: flex;
    align-items: center;
}

/* 输入框placeholder样式 */
.inputx_dj::placeholder {
    color: var(--text-muted);
    opacity: 0.8;
    font-weight: 400;
    transition: opacity 0.2s ease;
}

/* 输入框聚焦时placeholder变淡 */
.inputx_dj:focus::placeholder {
    opacity: 0.5;
}

/* 搜索按钮 - 与搜索框完美对齐 */
.bt_dj {
    background: linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);
    border: 0;
    color: white;
    cursor: pointer;
    padding: 0 12px;
    margin-left: 6px; /* 减少左边距，让按钮更靠近输入框 */
    font-size: 14px;
    font-weight: 600;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 12px;
    font-family: var(--font-family);
    white-space: nowrap;
    flex-shrink: 0;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    letter-spacing: 0.3px;
    box-shadow: 
        0 2px 4px rgba(108, 92, 231, 0.3),
        inset 0 1px 1px rgba(255, 255, 255, 0.2);
    height: 28px; /* 固定高度，比容器稍小 */
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    top: 0; /* 确保垂直对齐 */
}

/* 按钮悬停效果 */
.bt_dj:hover {
    background: linear-gradient(135deg, #5a4bd9 0%, #8c7dfe 100%);
    color: white;
    transform: translateY(-1px);
    box-shadow: 
        0 4px 8px rgba(108, 92, 231, 0.4),
        0 0 0 2px rgba(108, 92, 231, 0.1),
        inset 0 1px 1px rgba(255, 255, 255, 0.3);
}

/* 按钮激活效果 */
.bt_dj:active {
    background: linear-gradient(135deg, #4a3bc9 0%, #7a6bee 100%);
    transform: translateY(0);
    box-shadow: 
        0 1px 3px rgba(108, 92, 231, 0.3),
        inset 0 2px 4px rgba(0, 0, 0, 0.15);
}

/* 按钮焦点效果 */
.bt_dj:focus {
    outline: none;
    box-shadow: 
        0 0 0 3px rgba(108, 92, 231, 0.3),
        0 2px 4px rgba(108, 92, 231, 0.3),
        inset 0 1px 1px rgba(255, 255, 255, 0.2);
}