@charset "UTF-8";
:root {
    /* 颜色系统 */
    --bg-primary: #0a0a0f;
    --bg-secondary: #121218;
    --bg-tertiary: #1a1a24;
    --bg-card: #1e1e2a;
    --bg-card-hover: #252534;
    
    --text-primary: #f0f0f0;
    --text-secondary: #b0b0c0;
    --text-muted: #7a7a8c;
    --text-disabled: #5a5a6a;
    
    --accent-primary: #6c5ce7;
    --accent-primary-hover: #7d6ef0;
    --accent-secondary: #a29bfe;
    --accent-success: #00b894;
    --accent-warning: #fdcb6e;
    --accent-danger: #e84393;
    --accent-info: #0984e3;
    
    --border-color: #2a2a3a;
    --border-light: #3a3a4a;
    --shadow-color: rgba(0, 0, 0, 0.5);
    --overlay-bg: rgba(30, 30, 42, 0.85);
    
    /* 特殊颜色 */
    --redline-color: #ffd166;
    --pagination-active: #7dc03a;
    --pagination-active-hover: #8fd04a;
    --redline-color: #ffd166;
    
    /* 渐变 */
    --special-gradient: linear-gradient(135deg, #6c5ce7 0%, #e84393 50%, #fd9644 100%);
    
    /* 布局 */
    --sidebar-width: 280px;
    --header-height: 70px;
    --border-radius-sm: 4px;
    --border-radius-md: 8px;
    --border-radius-lg: 12px;
    
    /* 排版 */
    --font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    --font-family-monospace: 'SF Mono', Monaco, 'Cascadia Code', monospace;
    --font-size-xs: 10px;
    --font-size-sm: 12px;
    --font-size-base: 14px;
    --font-size-lg: 16px;
    
    /* 阴影 */
    --shadow-sm: 0 2px 4px var(--shadow-color);
    --shadow-md: 0 4px 8px var(--shadow-color);
    --shadow-lg: 0 8px 16px var(--shadow-color);
    
    /* 过渡 */
    --transition-fast: 150ms ease;
    --transition-normal: 250ms ease;
    --transition-slow: 350ms ease;
}
/* 滚动条样式统一处理 */
#selboxct::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

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

#selboxct::-webkit-scrollbar-thumb {
    background: var(--accent-primary);
    border-radius: 4px;
    transition: background-color var(--transition-fast);
}

#selboxct::-webkit-scrollbar-thumb:hover {
    background: var(--accent-secondary);
}
body {
    margin:0;
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
    display:block;
}
audio,canvas,progress,video {
    display:inline-block;
    vertical-align:baseline;
}
audio:not([controls]) {
    display:none;
    height:0;
}
[hidden],template {
    display:none;
}
a {
    background-color:transparent;
}
a:active,a:hover {
    outline:0;
}
abbr[title] {
    border-bottom:1px dotted;
}
b,strong {
    font-weight:bold;
}
dfn {
    font-style:italic;
}
h1 {
    font-size:2em;
    margin:0.67em 0;
}
mark {
    background:#ff0;
    color:#000;
}
small {
    font-size:80%;
}
sub,sup {
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline;
}
sup {
    top:-0.5em;
}
sub {
    bottom:-0.25em;
}
img {
    border:0;
}
svg:not(:root) {
    overflow:hidden;
}
figure {
    margin:1em 40px;
}
hr {
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box;
    height:0;
}
pre {
    overflow:auto;
}
code,kbd,pre,samp {
    font-family:monospace,monospace;
    font-size:1em;
}
button,input,optgroup,select,textarea {
    color:inherit;
    font:inherit;
    margin:0;
}
button {
    overflow:visible;
}
button,select {
    text-transform:none;
}
button,html input[type="button"],input[type="reset"],input[type="submit"] {
    -webkit-appearance:button;
    cursor:pointer;
}
button[disabled],html input[disabled] {
    cursor:default;
}
button::-moz-focus-inner,input::-moz-focus-inner {
    border:0;
    padding:0;
}
input {
    line-height:normal;
}
input[type="checkbox"],input[type="radio"] {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    padding:0;
}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {
    height:auto;
}
input[type="search"] {
    -webkit-appearance:textfield;
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box;
}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
    -webkit-appearance:none;
}
fieldset {
    border:1px solid #c0c0c0;
    margin:0 2px;
    padding:0.35em 0.625em 0.75em;
}
legend {
    border:0;
    padding:0;
}
textarea {
    overflow:auto;
}
optgroup {
    font-weight:bold;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
td,th {
    padding:0;
}
* {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
*:before,*:after {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
html {
    font-size:10px;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}
body {
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:14px;
    line-height:1.42857143;
    color:#333;
    background-color:var(--bg-primary);
}
input,button,select,textarea {
    font-family:inherit;
    font-size:inherit;
    line-height:inherit;
}
a {
    text-decoration:none;
}
a:hover,a:focus {
    text-decoration:underline;
}
a:focus {
    outline:5px auto -webkit-focus-ring-color;
    outline-offset:-2px;
}
figure {
    margin:0;
}
img {
    vertical-align:middle;
}
.img-responsive {
    display:block;
    max-width:100%;
    height:auto;
}
.img-rounded {
    border-radius:6px;
}
.img-thumbnail {
    padding:4px;
    line-height:1.42857143;
    background-color:#fff;
    border:1px solid #ddd;
    border-radius:4px;
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    display:inline-block;
    max-width:100%;
    height:auto;
}
.img-circle {
    border-radius:50%;
}
hr {
    margin-top:20px;
    margin-bottom:20px;
    border:0;
    border-top:1px solid #eee;
}
.sr-only {
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0;
}
.sr-only-focusable:active,.sr-only-focusable:focus {
    position:static;
    width:auto;
    height:auto;
    margin:0;
    overflow:visible;
    clip:auto;
}
[role="button"] {
    cursor:pointer;
}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
    font-family:inherit;
    font-weight:500;
    line-height:1.1;
    color:inherit;
}
h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small {
    font-weight:normal;
    line-height:1;
    color:#777;
}
h1,.h1,h2,.h2,h3,.h3 {
    margin-top:20px;
    margin-bottom:10px;
}
h1 small,.h1 small,h2 small,.h2 small,h3 small,.h3 small,h1 .small,.h1 .small,h2 .small,.h2 .small,h3 .small,.h3 .small {
    font-size:65%;
}
h4,.h4,h5,.h5,h6,.h6 {
    margin-top:10px;
    margin-bottom:10px;
}
h4 small,.h4 small,h5 small,.h5 small,h6 small,.h6 small,h4 .small,.h4 .small,h5 .small,.h5 .small,h6 .small,.h6 .small {
    font-size:75%;
}
h1,.h1 {
    font-size:36px;
}
h2,.h2 {
    font-size:30px;
}
h3,.h3 {
    font-size:24px;
}
h4,.h4 {
    font-size:18px;
}
h5,.h5 {
    font-size:14px;
}
h6,.h6 {
    font-size:12px;
}
p {
    margin:0 0 10px;
}
.lead {
    margin-bottom:20px;
    font-size:16px;
    font-weight:300;
    line-height:1.4;
}
@media (min-width:768px) {
    .lead {
    font-size:21px;
}
;}small,.small {
    font-size:85%;
}
mark,.mark {
    background-color:#fcf8e3;
    padding:.2em;
}
.text-left {
    text-align:left;
}
.text-right {
    text-align:right;
}
.text-center {
    text-align:center;
}
.text-justify {
    text-align:justify;
}
.text-nowrap {
    white-space:nowrap;
}
.text-lowercase {
    text-transform:lowercase;
}
.text-uppercase {
    text-transform:uppercase;
}
.text-capitalize {
    text-transform:capitalize;
}
.text-muted {
    color:#777;
}
.text-primary {
    color:#337ab7;
}
a.text-primary:hover,a.text-primary:focus {
    color:#286090;
}
.text-success {
    color:#3c763d;
}
a.text-success:hover,a.text-success:focus {
    color:#2b542c;
}
.text-info {
    color:#31708f;
}
a.text-info:hover,a.text-info:focus {
    color:#245269;
}
.text-warning {
    color:#8a6d3b;
}
a.text-warning:hover,a.text-warning:focus {
    color:#66512c;
}
.text-danger {
    color:#a94442;
}
a.text-danger:hover,a.text-danger:focus {
    color:#843534;
}
.bg-primary {
    color:#fff;
    background-color:#337ab7;
}
a.bg-primary:hover,a.bg-primary:focus {
    background-color:#286090;
}
.bg-success {
    background-color:#dff0d8;
}
a.bg-success:hover,a.bg-success:focus {
    background-color:#c1e2b3;
}
.bg-info {
    background-color:#d9edf7;
}
a.bg-info:hover,a.bg-info:focus {
    background-color:#afd9ee;
}
.bg-warning {
    background-color:#fcf8e3;
}
a.bg-warning:hover,a.bg-warning:focus {
    background-color:#f7ecb5;
}
.bg-danger {
    background-color:#f2dede;
}
a.bg-danger:hover,a.bg-danger:focus {
    background-color:#e4b9b9;
}
.page-header {
    padding-bottom:9px;
    margin:40px 0 20px;
    border-bottom:1px solid #eee;
}
ul,ol {
    margin-top:0;
    margin-bottom:10px;
}
ul ul,ol ul,ul ol,ol ol {
    margin-bottom:0;
}
.list-unstyled {
    padding-left:0;
    list-style:none;
}
.list-inline {
    padding-left:0;
    list-style:none;
    margin-left:-5px;
}
.list-inline>li {
    display:inline-block;
    padding-left:5px;
    padding-right:5px;
}
dl {
    margin-top:0;
    margin-bottom:20px;
}
dt,dd {
    line-height:1.42857143;
}
dt {
    font-weight:bold;
}
dd {
    margin-left:0;
}
@media (min-width:768px) {
    .dl-horizontal dt {
    float:left;
    width:160px;
    clear:left;
    text-align:right;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.dl-horizontal dd {
    margin-left:180px;
}
;}abbr[title],abbr[data-original-title] {
    cursor:help;
    border-bottom:1px dotted #777;
}
.initialism {
    font-size:90%;
    text-transform:uppercase;
}
blockquote {
    padding:10px 20px;
    margin:0 0 20px;
    font-size:17.5px;
    border-left:5px solid #eee;
}
blockquote p:last-child,blockquote ul:last-child,blockquote ol:last-child {
    margin-bottom:0;
}
blockquote footer,blockquote small,blockquote .small {
    display:block;
    font-size:80%;
    line-height:1.42857143;
    color:#777;
}
blockquote footer:before,blockquote small:before,blockquote .small:before {
    content:'\2014 \00A0';
}
.blockquote-reverse,blockquote.pull-right {
    padding-right:15px;
    padding-left:0;
    border-right:5px solid #eee;
    border-left:0;
    text-align:right;
}
.blockquote-reverse footer:before,blockquote.pull-right footer:before,.blockquote-reverse small:before,blockquote.pull-right small:before,.blockquote-reverse .small:before,blockquote.pull-right .small:before {
    content:'';
}
.blockquote-reverse footer:after,blockquote.pull-right footer:after,.blockquote-reverse small:after,blockquote.pull-right small:after,.blockquote-reverse .small:after,blockquote.pull-right .small:after {
    content:'\00A0 \2014';
}
address {
    margin-bottom:20px;
    font-style:normal;
    line-height:1.42857143;
}
.clearfix:before,.clearfix:after,.dl-horizontal dd:before,.dl-horizontal dd:after {
    content:" ";
    display:table;
}
.clearfix:after,.dl-horizontal dd:after {
    clear:both;
}
.center-block {
    display:block;
    margin-left:auto;
    margin-right:auto;
}
.pull-right {
    float:right !important;
}
.pull-left {
    float:left !important;
}
.hide {
    display:none !important;
}
.show {
    display:block !important;
}
.invisible {
    visibility:hidden;
}
.text-hide {
    font:0/0 a;
    color:transparent;
    text-shadow:none;
    background-color:transparent;
    border:0;
}
.hidden {
    display:none !important;
}
.affix {
    position:fixed;
}
body {
    font-size:12px;
    font-family:微软雅黑,Tahoma,Helvetica,Arial,sans-serif;
    background:var(--bg-primary);
    color:var(--text-primary);
}
body,form,p,ol,ul,p,h1,h2,h3,h4,li,dt,dd,dl,li {
    margin:0;
    padding:0;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
img,fieldset {
    border:0;
}
ul,dd,dl,dt,ol,li {
    list-style:none;
}
em,cite {
    font-style:normal;
}
img {
    vertical-align:middle;
}
input,textarea,select {
    outline:none;
    vertical-align:middle;
}
a {
    color:var(--text-primary);
}
a:link,a:visited {
    text-decoration:none;
}
a:hover {
    text-decoration:none;
}
.clear {
    clear:both;
}
.clearfix:after {
    content:".";
    display:block;
    font-size:0;
    line-height:0;
    height:0;
    clear:both;
    visibility:hidden;
}
.f14 {
    font-size:14px;
}
.f12 {
    font-size:12px;
}
#f2 {
    width:100%;
}
.h10 {
    height:10px;
    overflow:hidden;
    clear:both;
}
.h15 {
    height:15px;
    overflow:hidden;
    clear:both;
}
.page_body {
    width:100%;
    margin:0 auto;
    overflow:hidden;
}
.page_body2 {
    width:100%;
    margin:0 auto;
    overflow:hidden;
}
.corred {
    color:var(--accent-primary);
}
.cor999 {
    color:#999999;
}
.Tips_class {
    color:#FD482C;
}
.in_botom {
    width:100%;
    overflow:hidden;
    line-height:40px;
    background:#101010;
    position:fixed;
    bottom:0;
    _position:absolute;
}
.btn-sm {
    _font-size:12px;
}
.list_split_page {
    float:right;
    border-left:0;
    height:25px;
    line-height:25px;
    margin-top:15px;
    overflow:hidden;
    margin-right:10px;
}
.list_split_page li {
    float:left;
    margin:0;
    margin-left:3px;
}
.list_split_page .b {
    width:25px;
    text-align:center;
}
.list_split_page .e {
    text-align:center;
    padding-left:5px;
    padding-right:5px;
}
.list_split_page .f input {
    display:block;
    border:0;
    background-color:#010101;
    width:25px;
    height:25px;
    line-height:25px;
    text-align:center;
    color:#999999;
    padding-left:5px;
    padding-right:5px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
}
.list_split_page .g {
    text-align:center;
    display:block;
}
.list_split_page .g a {
    padding-left:3px;
    padding-right:3px;
}
.list_split_page .g .suboff {
    border:0;
    display:block;
    background-color:#333333;
    width:40px;
    height:25px;
    line-height:25px;
    text-align:center;
    color:#999999;
    padding-left:5px;
    padding-right:5px;
}
.list_split_page .g .subon {
    border:0;
    display:block;
    background-color:#94d500;
    width:40px;
    height:25px;
    line-height:25px;
    text-align:center;
    color:#ffffff;
    padding-left:5px;
    padding-right:5px;
}
.list_split_page .num {
    font-size:12px;
}
.list_split_page li span {
    color:#999999;
}
.list_split_page li a {
    display:block;
    color:#999999;
    background:#383f4f;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
}
.list_split_page li a:link {
    color:#999999;
}
.list_split_page li a:visited {
    color:#999999;
}
.list_split_page li a:hover {
    background-color:#94d500;
    color:#FFFFFF;
}
.list_split_page #page_active span {
    color:#FFFFFF;
}
.list_split_page .active {
    background-color:#bd5c3c;
    color:#FFFFFF;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
}
.list_split_page_user {
    float:left;
    border-left:0;
    height:25px;
    line-height:25px;
    margin-top:5px;
    overflow:hidden;
    margin-right:10px;
}
.list_split_page_user li {
    float:left;
    margin:0;
    margin-left:3px;
}
.list_split_page_user .b {
    width:25px;
    text-align:center;
}
.list_split_page_user .e {
    text-align:center;
    padding-left:5px;
    padding-right:5px;
}
.list_split_page_user .f input {
    display:block;
    border:0;
    background-color:#f8f8f8;
    width:25px;
    height:25px;
    line-height:25px;
    text-align:center;
    color:#999999;
    padding-left:5px;
    padding-right:5px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
}
.list_split_page_user .g {
    text-align:center;
    display:block;
}
.list_split_page_user .g a {
    padding-left:3px;
    padding-right:3px;
}
.list_split_page_user .g .suboff {
    border:0;
    display:block;
    background-color:#333333;
    width:40px;
    height:25px;
    line-height:25px;
    text-align:center;
    color:#999999;
    padding-left:5px;
    padding-right:5px;
}
.list_split_page_user .g .subon {
    border:0;
    display:block;
    background-color:#94d500;
    width:40px;
    height:25px;
    line-height:25px;
    text-align:center;
    color:#ffffff;
    padding-left:5px;
    padding-right:5px;
}
.list_split_page_user .num {
    font-size:12px;
}
.list_split_page_user li span {
    color:#333333;
}
.list_split_page_user li a {
    display:block;
    color:#333333;
    background:#ffffff;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
}
.list_split_page_user li a:link {
    color:#999999;
}
.list_split_page_user li a:visited {
    color:#999999;
}
.list_split_page_user li a:hover {
    background-color:#94d500;
    color:#FFFFFF;
}
.list_split_page_user #page_active span {
    color:#FFFFFF;
}
.list_split_page_user .active {
    color:#FFFFFF !important;
    background-color:#bd5c3c;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
}
em {
    color:var(--redline-color);
    font-style:normal;
}
/*头部*/
#bannerx.m_nav {
    min-height:40px;
    top:0;
    width:100%;
}
#bannerx {
    ;
}
.m_nav {
    position:fixed;
    z-index:999;
}
.all_header {
    background:#13161e;
    height:40px;
    position:relative;
    -webkit-box-shadow:0 0 3px rgba(0,0,0,0.5);
    -moz-box-shadow:0 0 3px rgba(0,0,0,0.5);
    box-shadow:0 0 3px rgba(0,0,0,0.5);
    width:100%;
    font-size:12px;
}
.all_header .back {
    width:25px;
    height:25px;
    margin-top:8px;
    margin-left:5px;
    display:block;
    float:left;
    background:url(../images/ico/back_ico.png)   no-repeat;
    overflow:hidden;
    background-size:25px;
}
#logo {
    display:block;
    background:url(../images/logo.png) no-repeat;
    background-size:130px;
    width:130px;
    height:35px;
    float:left;
    overflow:hidden;
    margin-top:6px;
    margin-left:5px;
}
.all_header .close {
    width:25px;
    height:25px;
    margin-top:8px;
    margin-left:5px;
    display:block;
    float:left;
    background:url(../images/ico/close_ico.png)   no-repeat;
    overflow:hidden;
    background-size:25px;
}
.all_header .m_header_left {
    float:left;
    width:40%;
}
.all_header .m_header_right {
    float:right;
    height:40px;
    position:relative;
    overflow:hidden;
}
.all_header .m_header_right span {
    display:block;
    float:left;
    font-size:10px;
    font-weight:normal;
    text-align:center;
    position:relative;
}
.all_header .m_header_right span a {
    display:block;
    padding-top:24px;
}
.all_header .m_header_right #caidan {
    display:block;
    width:25px;
    height:25px;
    background:url(../images/ico/ser_ico.png) no-repeat;
    background-size:25px;
    overflow:hidden;
    margin-top:8px;
    color:#FFFFFF;
}
.all_header .m_header_right .car {
    background:url(../images/ico/banner_ico.png) 14px 4px no-repeat;
    background-size:16px;
    float:left;
    width:45px;
    overflow:hidden;
    color:#FFFFFF;
}
.all_header .m_header_right .user {
    background:url(../images/ico/banner_ico.png) 13px -29px no-repeat;
    background-size:16px;
    float:left;
    width:42px;
    overflow:hidden;
    color:#FFFFFF;
}
.all_header .m_header_right .upan {
    background:url(../images/ico/upan_ico.png) 12px 5px no-repeat;
    background-size:18px;
    float:left;
    width:42px;
    overflow:hidden;
    color:#FFFFFF;
}
.spanon {
    background-color: var(--bg-card);
    -moz-border-radius:8px;
    height:50px;
    /* Gecko browsers*/
    -webkit-border-radius:5px;
    /* Webkit browsers*/
    border-radius:5px;
    /* W3C syntax*/
}
.spanon a {
    color:#fff;
}
.spanon .sousuo {
    background:url(../images/ico/banner_ico2.png) 12px -62px no-repeat;
    background-size:16px;
    float:left;
    overflow:hidden;
    width:42px;
}
.spanon .caidan {
    background:url(../images/ico/banner_ico2.png) 13px -94px no-repeat;
    background-size:16px;
    float:left;
    overflow:hidden;
    width:42px;
}
.spanoff {
    ;
}
.spanoff a {
    color:#ffffff;
}
.spanoff .sousuo {
    background:url(../images/ico/banner_ico.png) 12px -62px no-repeat;
    background-size:16px;
    float:left;
    overflow:hidden;
    width:42px;
}
.spanoff .caidan {
    background:url(../images/ico/banner_ico.png) 13px -94px no-repeat;
    background-size:16px;
    float:left;
    overflow:hidden;
    width:42px;
}
#redata_x {
    padding-top:5px;
    margin-top:5px;
    z-index:9999;
    position:fixed;
    top:68px;
    left:0;
    width:100%;
    overflow:hidden;
}
#redata {
    margin:10px;
    border:1px solid #dcdcdc;
    background-color:#FFFFFF;
    overflow:hidden;
}
#redata li {
    list-style:none;
    font-size:12px;
    line-height:28px;
    color:#333333;
    font-family:Arial,Helvetica,sans-serif;
    border-bottom:1px solid #dcdcdc;
    text-indent:15px;
}
#redata .close {
    background-color:#262626;
    color:#FFFFFF;
    overflow:hidden;
    text-align:center;
}
#b2 {
    width:100%;
    overflow:hidden;
    display:none;
    position:absolute;
    background:var(--bg-card);
    top:40px;
    background:rgba(255,255,255,0.95);
    filter:alpha(opacity=90);
    padding-top:10px;
    padding-bottom:10px;
    z-index:3;
    -webkit-box-shadow:0 3px 3px rgba(0,0,0,0.5);
    -moz-box-shadow:0 3px 3px rgba(0,0,0,0.5);
    box-shadow:0 3px 3px rgba(0,0,0,0.5);
}
#b2 ul {
    position:relative;
    clear:both;
    font-size:12px;
    font-weight:normal;
    line-height:18px;
    font-family:Arial,Helvetica,sans-serif;
}
#b2 ul table {
    width:100%;
}
#b2 ul .w1 {
    width:80px;
    overflow:hidden;
    padding-left:5px;
    color:#000000;
}
#b2 ul .w2 {
    overflow:hidden;
}
#b2 ul table td a {
    display:block;
}
#b2 ul table td p {
    float:left;
    text-align:center;
    padding-left:6px;
    padding-right:6px;
}
#b2 ul table td .on {
    color:#cc0000;
    overflow:hidden;
}
#b2 ul table td .on a {
    color:#cc0000;
}
.xline {
    border-top:1px solid var(--border-color);
    height:5px;
    overflow:hidden;
    margin-top:5px;
}
#lettop {
    height:40px;
    overflow:hidden;
    clear:both;
}
/*头部结束*//*底部开始*/
.footer-text {
    text-align:center;
    margin:10px 0;
}
.footer-text p {
    margin-bottom:10px;
    color:#999;
    height:15px;
    line-height:15px;
    overflow:hidden;
}
#footlogo {
    height:42px;
    overflow:hidden;
}
#footlogo a {
    display:block;
    width:220px;
    overflow:hidden;
    margin:0 auto;
    padding-top:2px;
}
#footlogo a img {
    border:0;
    width:200px;
    text-align:center;
}
/*底部结束*/
/*搜索*/
.search {
    position:absolute;
    width:100%;
    overflow:hidden;
    background-color:var(--bg-card);
    -webkit-box-shadow:0 3px 3px rgba(0,0,0,0.5);
    -moz-box-shadow:0 3px 3px rgba(0,0,0,0.5);
    box-shadow:0 3px 3px rgba(0,0,0,0.5);
    top:-150px;
}
.search ul {
    padding:10px;
}
.search .submit_btn {
    display:block;
    background:var(--accent-primary);
    width:50px;
    height:32px;
    line-height:32px;
    text-align:center;
    color:#fff;
    font-size:18px;
    -webkit-border-radius:0 3px 3px 0;
    -moz-border-radius:0 3px 3px 0;
    border-radius:0 3px 3px 0;
}
.search input.seh_box {
    height:31px;
    border:1px solid var(--border-color);
    font-size:14px;
    text-indent:15px;
    background:rgba(255,255,255,0);
    color:#333;
    text-decoration:none;
    width:100%;
    border-right:0;
}
/*end-------搜索*/
/*首页*/
.index_box {
    position:relative;
    margin:10px;
    background-color:#f5f5f5;
    border-radius:5px;
}
.index_xfl {
    border-bottom:1px solid var(--border-color);
    clear:both;
    background:url(../images/sprie.png) 0 5px no-repeat;
    background-size:20px 20px;
    background-position:right;
    font-size:12px;
}
.index_xfl_l {
    width:90px;
    float:left;
    line-height:30px;
    text-indent:5px;
    color:#000000;
    font-size:18px;
}
.index_xfl_r1 {
    float:right;
    line-height:30px;
    font-size:12px;
    margin-right:2px;
    color:#000000;
}
.icoref {
    display:block;
    background:url(../images/ico/ref1.png) 40px 0 no-repeat;
    background-size:16px 16px;
    width:60px;
    line-height:18px;
    height:20px;
    overflow:hidden;
    margin-top:7px;
}
.index_box2 {
    margin:10px;
    clear:both;
}
.scroll {
    margin:0 auto;
    width:100%;
}
.relative {
    position:relative;
    left:0;
    top:0;
}
ul.index_con_new td h4 {
    font-size:12px;
    font-family:Arial,Helvetica,sans-serif;
    height:40px;
    line-height:19px;
    overflow:hidden;
    font-weight:normal;
}
ul.index_con_new td h4 a {
    display:block;
    padding:2px 0;
}
ul.index_con_new td h4 a p {
    line-height:19px;
    height:19px;
    overflow:hidden;
}
ul.index_con_new td h5 {
    font-size:12px;
    right:2px;
    top:10px;
    width:20px;
    height:20px;
    background:url(../images/ico/more_ico.png) no-repeat;
    background-size:20px 20px;
    overflow:hidden;
}
.arrow-outer_index {
    position:absolute;
    z-index:3;
    height:12px;
    width:60px;
    overflow:hidden;
    right:0;
    margin-top:-11px;
    display:none;
}
.arrow-shadow_index {
    border:1px solid var(--border-color);
    background-color:var(--bg-card);
    -webkit-transform:rotate(45deg);
    height:40px;
    left:15px;
    position:absolute;
    top:16px;
    width:40px;
}
.contorl_menu_index {
    border-top:1px solid var(--border-color);
    height:0;
    overflow:hidden;
    background-color:#1a1a24;
    position:relative;
    z-index:1;
}
.contorl_menu_index dd {
    padding-top:5px;
    height:32px;
}
.contorl_menu_index dd a {
    display:block;
    height:27PX;
    float:left;
    text-indent:27PX;
    line-height:27PX;
    width:22%;
    font-size:12px;
    font-family:Arial,Helvetica,sans-serif;
    margin-left:3%;
}
.contorl_menu_index dd .down {
    background:url(../images/ico/cz2.png) no-repeat;
    background-size:27px;
}
.contorl_menu_index dd .love {
    background:url(../images/ico/cz2.png) 0 -56px no-repeat;
    background-size:27px;
}
.contorl_menu_index dd .putcar {
    background:url(../images/ico/cz2.png) 0 -28px no-repeat;
    background-size:27px;
}
.contorl_menu_index dd .add {
    background:url(../images/ico/cz2.png) 0 -113px no-repeat;
    background-size:27px;
}
.contorl_menu_index dd .del {
    background:url(../images/ico/del_ico.png) no-repeat;
    background-size:23px;
    margin-top:1px;
}
.aw4 {
    margin:10px;
    background-color:var(--bg-tertiary);
    border:1px solid var(--border-color);
    font-family:Arial,Helvetica,sans-serif;
}
.aw4 ul {
    padding:0;
    margin:0;
}
.index_pc1 {
    border-bottom:1px solid #000000;
    margin-left:1px;
}
.index_pc2 {
    border-left:1px solid #000000;
    border-right:1px solid #000000;
    border-bottom:1px solid #000000;
}
.user_index table tr:last-child td {
    border-bottom:0;
}
.index_pc1 span {
    line-height:20px;
    color:#cc0000;
}
.index_pc2 span {
    line-height:20px;
    color:#cc0000;
}
.index_xfl_r {
    width:60%;
    position:relative;
    font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
    line-height:30px;
    height:30px;
}
.index_wid {
    width:620px;
}
.index_wid .on {
    border:1px solid var(--shadow-color);
    background:var(--special-gradient);
    color:#ffffff;
}
.index_xfl_r a {
    float:left;
    padding-left:5px;
    padding-right:5px;
    display:block;
    line-height:18px;
    text-align:center;
    margin-top:6px;
}
.index_xfl_r .xn {
    background-image:url(../images/tm.png);
    width:15px;
    overflow:hidden;
    height:30px;
    position:absolute;
    top:0;
    right:0;
}
.scroll_box {
    overflow:hidden;
    visibility:hidden;
    position:relative;
}
.scroll_wrap {
    overflow:hidden;
    position:relative;
}
.scroll_wrap li {
    position:relative;
    display:block;
    width:100%;
    float:left;
}
.scroll_wrap li a {
    display:block;
    position:relative;
}
.corhui {
    color:#999999;
}
.list_con_remix ul {
    width:50%;
    float:left;
}
.list_con_remix ul {
    overflow:hidden;
    margin-top:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    font-family:Arial,Helvetica,sans-serif;
}
.list_con_remix ul div {
    background-color:var(--bg-tertiary);
    padding:5px;
}
.list_con_remix ul div h2 {
    font-size:14px;
    margin:0;
    padding:0;
    height:22px;
    font-weight:bold;
}
.list_con_remix ul div TABLE {
    width:100%;
}
.list_con_remix ul div li {
    font-size:10px;
}
.list_con_remix .u1 {
    width:2%;
    overflow:hidden;
}
.list_con_remix .u2 {
    width:48%;
    overflow:hidden;
}
.opacity6 {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter:alpha(opacity=60);
    opacity:0.6;
}
.scroll_position_bg {
    position:absolute;
    bottom:8px;
    left:2%;
    padding:0 15px;
    z-index:380;
    height:20px;
    border-radius:26px;
}
.scroll_position {
    position:absolute;
    left:2%;
    z-index:400;
    bottom:8px;
}
.scroll_position li {
    display:inline-block;
    width:5px;
    height:5px;
    border-radius:10px;
    background-color:rgb(255,255,255);
}
.scroll_position li.on {
    background-color:#0066FF;
}
.scroll_position li a {
    font-size:0;
}
/*首页end*//*舞曲列表*/
.m_touch {
    overflow:hidden;
    margin:0 10px;
}
.divfl {
    position:relative;
    background-color:var(--bg-tertiary);
    margin-top:10px;
}
.xfl {
    border-bottom:1px solid var(--border-color);
    clear:both;
    background:url(../images/sprie.png) 0 5px no-repeat;
    background-position-x:0;
    background-position-y:5px;
    background-size:20px 20px;
    background-position:right;
    font-size:12px;
}
.xfl_l {
    width:36px;
    float:left;
    line-height:30px;
    text-indent:5px;
    color:var(--text-primary);
    font-size:12px;
}
.xfl_r {
    width:80%;
    position:relative;
    font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
}
.xfl_w2 {
    width:640px;
}
.xfl_w {
    width:200px;
    overflow:hidden;
}
.xfl_wm {
    width:640px;
}
.xfl_wby {
    width:536px;
}
.xfl_r a {
    float:left;
    padding-left:5px;
    padding-right:5px;
    display:block;
    line-height:30px;
    text-align:center;
}
.xfl_r .xn {
    background-image:url(../images/tm.png);
    width:15px;
    overflow:hidden;
    height:30px;
    position:absolute;
    top:0;
    right:0;
}
ul.list_con_new li {
    position:relative;
    clear:both;
}
ul.list_con_new li h4 {
    font-size:12px;
    font-family:Arial,Helvetica,sans-serif;
    height:40px;
    line-height:19px;
    font-weight:normal;
    margin-right:10%;
    overflow:hidden;
}
ul.list_con_new li h4 a {
    display:block;
    overflow:hidden;
    padding:2px 0;
}
ul.list_con_new li h4 a p {
    line-height:19px;
    height:19px;
    overflow:hidden;
}
ul.list_con_new li h5 {
    font-size:12px;
    position:absolute;
    right:2px;
    top:0;
    width:20px;
    height:20px;
    background:url(../images/ico/more_ico.png) no-repeat;
    background-size:20px 20px;
    overflow:hidden;
}
.arrow-outer {
    position:absolute;
    z-index:3;
    height:12px;
    width:60px;
    overflow:hidden;
    right:0;
    margin-top:-11px;
    display:none;
}
.arrow-shadow {
    border:1px solid var(--border-color);
    background-color:var(--bg-card);
    -webkit-transform:rotate(45deg);
    height:40px;
    left:15px;
    position:absolute;
    top:16px;
    width:40px;
}
.contorl_menu {
    border-top:1px solid var(--border-color);
    height:0;
    overflow:hidden;
    background-color:var(--bg-tertiary);
    position:relative;
    z-index:1;
}
.contorl_menu ul {
    padding-top:5px;
    height:32px;
}
.contorl_menu ul a {
    display:block;
    height:27PX;
    float:left;
    text-indent:27PX;
    line-height:27PX;
    width:22%;
    font-size:12px;
    font-family:Arial,Helvetica,sans-serif;
    margin-left:3%;
}
.contorl_menu ul .add {
    background:url(../images/ico/cz2.png) 0 -113px no-repeat;
    background-size:27px;
}
.contorl_menu ul .down {
    background:url(../images/ico/cz2.png) no-repeat;
    background-size:27px;
}
.contorl_menu ul .love {
    background:url(../images/ico/cz2.png) 0 -56px no-repeat;
    background-size:27px;
}
.contorl_menu ul .putcar {
    background:url(../images/ico/cz2.png) 0 -28px no-repeat;
    background-size:27px;
}
.contorl_menu ul .del {
    background:url(../images/ico/del_ico.png) no-repeat;
    background-size:23px;
    margin-top:1px;
}
/*舞曲列表end*/
/*分页样式*/
/*分页样式 - 暗色主题版*/
#tbh5v0 .c-pnav-con { 
    text-align: center; 
    font-size: 18px; 
    color: var(--text-secondary);
}

#tbh5v0 .c-pnav-con .c-p-sec { 
    display: inline-block; 
    margin: 20px auto; 
}

#tbh5v0 .c-pnav-con .c-p-sec .c-p-pre { 
    width: 90px; 
}

#tbh5v0 .c-pnav-con .c-p-sec div { 
    display: inline-block; 
}

/* 上一页/下一页按钮样式 */
#tbh5v0 .c-pnav-con .c-p-sec .c-p-pre a,
#tbh5v0 .c-pnav-con .c-p-sec .c-p-next a {
    display: inline-block; 
    height: 30px; 
    line-height: 30px; 
    background: var(--bg-card);
    border: 1px solid var(--border-color); 
    overflow: hidden; 
    border-radius: 4px; 
    -webkit-border-radius: 4px;
    color: var(--text-secondary);
    text-decoration: none;
    transition: all 0.3s ease;
    font-size: 14px;
    padding: 0 12px;
}

#tbh5v0 .c-pnav-con .c-p-sec .c-p-pre a:hover,
#tbh5v0 .c-pnav-con .c-p-sec .c-p-next a:hover {
    background: var(--bg-tertiary);
    color: var(--text-primary);
    border-color: var(--accent-primary);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px var(--shadow-color);
}

/* 当前页面指示器样式 */
#tbh5v0 .c-pnav-con .c-p-sec .c-p-cur { 
    position: relative; 
    height: 30px; 
    vertical-align: baseline; 
    text-align: center; 
    margin-left: 5px; 
}

#tbh5v0 .c-pnav-con .c-p-sec .c-p-cur .c-p-arrow { 
    display: inline-block; 
    width: 88px; 
    line-height: 30px; 
    height: 30px; 
    background: var(--bg-card);
    border: 1px solid var(--border-color); 
    overflow: hidden; 
    border-radius: 4px; 
    -webkit-border-radius: 4px;
    color: var(--text-primary);
    cursor: pointer;
    transition: all 0.3s ease;
}

#tbh5v0 .c-pnav-con .c-p-sec .c-p-cur .c-p-arrow:hover {
    background: var(--bg-tertiary);
    border-color: var(--accent-primary);
    box-shadow: 0 4px 12px var(--shadow-color);
}

#tbh5v0 .c-pnav-con .c-p-sec .c-p-cur .c-p-arrow span {
    position: relative;
}

#tbh5v0 .c-pnav-con .c-p-sec .c-p-cur .c-p-arrow span:first-child { 
    display: inline-block; 
    margin-right: 5px; 
    width: 50px; 
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
    color: var(--text-primary);
    font-size: 14px;
}

/* 下拉箭头样式 */
#tbh5v0 .c-pnav-con .c-p-sec .c-p-cur .c-p-down span:last-child { 
    display: inline-block; 
    font-size: 0; 
    border-top: 3px solid var(--accent-primary); 
    border-left: 3px solid var(--accent-primary); 
    width: 9px; 
    height: 9px; 
    background-color: transparent; 
    -webkit-transform: rotate(225deg); 
    position:absolute; 
    top: 10px; 
    right: 10px;
    transition: all 0.3s ease;
}

#tbh5v0 .c-pnav-con .c-p-sec .c-p-cur .c-p-arrow:hover .c-p-down span:last-child {
    border-top-color: var(--accent-secondary);
    border-left-color: var(--accent-secondary);
}

/* 下拉选择框样式 */
#tbh5v0 .c-pnav-con .c-p-sec .c-p-select { 
    position: absolute; 
    top: 0; 
    left: 0; 
    height: 30px; 
    width: 90px; 
    opacity: 0; 
    z-index: 1; 
    cursor: pointer;
}

#tbh5v0 .c-pnav-con .c-p-sec .c-p-next { 
    width: 90px; 
    margin-left: 5px; 
}

/* 下拉选择框选项样式 */
#tbh5v0 .c-pnav-con .c-p-sec .c-p-select option {
    background-color: var(--bg-card);
    color: var(--text-primary);
    padding: 8px;
    border: 1px solid var(--border-color);
    font-size: 14px;
}

/* 下拉选择框聚焦样式 */
#tbh5v0 .c-pnav-con .c-p-sec .c-p-select:focus {
    outline: none;
}

#tbh5v0 .c-pnav-con .c-p-sec .c-p-select:focus + .c-p-arrow {
    border-color: var(--accent-primary);
    box-shadow: 0 0 0 2px rgba(108, 92, 231, 0.2);
}

/* 禁用状态样式 */
#tbh5v0 .c-pnav-con .c-p-sec .c-p-pre a[disabled],
#tbh5v0 .c-pnav-con .c-p-sec .c-p-next a[disabled] {
    opacity: 0.5;
    cursor: not-allowed;
    background: var(--bg-tertiary);
    color: var(--text-muted);
}

#tbh5v0 .c-pnav-con .c-p-sec .c-p-pre a[disabled]:hover,
#tbh5v0 .c-pnav-con .c-p-sec .c-p-next a[disabled]:hover {
    background: var(--bg-tertiary);
    border-color: var(--border-color);
    transform: none;
    box-shadow: none;
}
/*分页样式end*/
/*DJ专辑*/
.tr_flex {
    display:flex;
    flex-direction:row;
    justify-content:space-around;
    align-items:center;
}
.tr_flex td {
    display:flex;
    width:100%;
    justify-content:center;
    align-items:center;
}
.remixb {
    border:1px solid #333333;
    border-right-width:1px;
    border-right-style:solid;
    border-right-color:rgb(51,51,51);
    border-right:0px;
}
.remixon {
    background:var(--special-gradient);
    color:#FFFFFF;
    line-height:24px;
    font-size:12px;
    text-align:center;
}
.remixoff {
    background:linear-gradient(135deg, #ff6b9d, var(--accent-danger));
    line-height:24px;
    color:#333333;
    font-size:12px;
    text-align:center;
    border-right:1px solid #333333;
}
.remixon a:link {
    color:#FFFFFF;
}
.remixon a:visited {
    color:#FFFFFF;
}
.remixon a:hover {
    color:#FFFFFF;
}
.remixoff a:link {
    color:#333333;
}
/*DJ专辑end*/
/*DJ专辑详细*/
.aw {
    margin:10px;
    border:1px solid var(--border-color);
    background-color:var(--bg-card);
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    font-family:Arial,Helvetica,sans-serif;
}
.aw ul {
    padding:5px;
    margin:0;
}
.remixdt li {
    line-height:18px;
    font-size:12px;
    height:18px;
}
.remixdt p {
    width:95px;
    height:72px;
    overflow:hidden;
    padding-top:5px;
}
.remixdt p img {
    width:80px;
}
.remixdt span {
    font-size:14px;
    margin:0;
    padding:0;
    line-height:20px;
    display:block;
}
.icog1 {
    background:url(../images/ico/guanzhu_ico.png) 0 -58px  no-repeat;
    background-size:60px;
    width:60px;
    height:60px;
    overflow:hidden;
}
.icog0 {
    background:url(../images/ico/guanzhu_ico.png) 0 0  no-repeat;
    background-size:60px;
    width:60px;
    height:60px;
    overflow:hidden;
}
.car_ban {
    background-color:var(--bg-card);
    font-size:16px;
    font-weight:bold;
    line-height:20px;
    padding:10px;
    font-family:Arial,Helvetica,sans-serif;
}
/*DJ专辑详细end*/
/*电台播放*/
h3.m_title {
    font-size:15px;
    font-family:Arial,Helvetica,sans-serif;
    font-weight:normal;
    margin:10px;
    padding:10px;
    background:var(--bg-card);
    border-left:var(--accent-primary) solid 3px;
}
#bft {
    border-radius:50%;
    width:200px;
    height:200px;
}
.playstyleon {
    background:url(../images/ico/radio_play.png) 0 -46px no-repeat;
    background-repeat:no-repeat;
    background-size:auto auto;
    background-size:37px;
    background-repeat:no-repeat;
    width:37px;
    height:37px;
    border-radius:50%;
    position:absolute;
    margin-top:-118px;
    z-index:1;
    margin-left:82px;
    cursor:pointer;
}
.playstyleoff {
    background:url(../images/ico/radio_play.png) 0 -2px no-repeat;
    background-size:37px;
    background-repeat:no-repeat;
    width:37px;
    height:37px;
    border-radius:50%;
    position:absolute;
    margin-top:-118px;
    z-index:1;
    margin-left:82px;
    cursor:pointer;
}
.alert-info {
    background-color:var(--bg-card);
    color:#A6740B;
    border-color:#FEECB6;
}
.alert-info ul {
    margin:10px;
    line-height:24px;
    height:24px;
    background:url(../images/zhuyi.png) 4px 2px;
    background-color:rgba(0,0,0,0);
    background-repeat:repeat;
    background-size:auto auto;
    background-repeat:no-repeat;
    background-size:20px 20px;
    font-size:12px;
    background-color:#FDFAE1;
    color:#A6740B;
    border:1px solid #FEECB6;
    text-indent:28px;
}
.alert-info ul span {
    float:right;
    margin-right:5px;
}
.do-controls {
    margin:10px;
    clear:both;
}
.do-controls td {
    background-color:var(--bg-card);
    line-height:30px;
    height:30px;
    color:var(--text-secondary);
    border-bottom:1px solid var(--border-color);
}
.do-controls td a {
    display:block;
    width:90px;
    margin:0 auto;
    color:var(--text-secondary);
    text-indent:25px;
    font-size:14px;
    font-family:Arial,Helvetica,sans-serif;
    text-align:left;
}
.do-controls td .radio_gz0 {
    background:url(../images/ico/guanzhu_ico2.png) -1px 3px no-repeat;
    background-size:auto auto;
    background-size:28px;
    height:27px;
    overflow:hidden;
}
#sharebox {
    position:absolute;
    background-color:#FFFFFF;
    overflow:hidden;
    display:none;
    z-index:5;
    border:1px solid #999999;
    position:absolute;
    top:20%;
    min-height:100px;
    width:93%;
    margin:0 auto;
    background:rgba(255,255,255,0.95);
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}
.do-controls td .down {
    background:url(../images/ico/cz3.png) 0 2px no-repeat;
    background-size:auto auto;
    background-size:27px;
}
.do-controls td .love {
    background:url(../images/ico/cz3.png) 0 -57px no-repeat;
    background-size:auto auto;
    background-size:27px;
}
.do-controls td .putcar {
    background:url(../images/ico/cz3.png) 0 -28px no-repeat;
    background-size:auto auto;
    background-size:27px;
}
.lbor {
    border-left:1px solid var(--border-color);
}
#msghtml {
    border:1px solid #999999;
    position:absolute;
    top:50%;
    left:50%;
    width:250px;
    min-height:120px;
    background:rgba(255,255,255,0.95);
    -moz-border-radius:5px;
    /* Gecko browsers*/
    -webkit-border-radius:5px;
    /* Webkit browsers*/
    border-radius:5px;
    /* W3C syntax*/ overflow:hidden;
    z-index:999;
    margin:-60px 0 0 -125px;
    display:none;
}
#msghtml ul p {
    margin:10px;
    text-align:center;
    min-height:60px;
    color:#FF0000;
    font-size:18px;
    line-height:50px;
}
#msghtml .bline {
    border-top:1px solid #999999;
}
#msghtml .lline {
    border-left:1px solid #999999;
}
#msghtml ul li {
    float:left;
    text-align:center;
    width:124px;
    font-size:16px;
    line-height:40px;
    color:#000000;
}
#msghtml2 {
    border:1px solid #999999;
    position:absolute;
    top:50%;
    left:50%;
    width:250px;
    min-height:120px;
    background:rgba(255,255,255,0.95);
    -moz-border-radius:5px;
    /* Gecko browsers*/
    -webkit-border-radius:5px;
    /* Webkit browsers*/
    border-radius:5px;
    /* W3C syntax*/ overflow:hidden;
    z-index:999;
    margin:-60px 0 0 -125px;
    display:none;
}
#msghtml2 ul p {
    margin:10px;
    text-align:center;
    min-height:60px;
    color:#FF0000;
    font-size:18px;
    line-height:50px;
}
#msghtml2 .bline {
    border-top:1px solid #999999;
}
#msghtml2 .lline {
    border-left:1px solid #999999;
}
#msghtml2 ul li {
    float:left;
    text-align:center;
    width:124px;
    font-size:16px;
    line-height:40px;
    color:#000000;
}
/*电台播放end*//*播放页*/
.info_con {
    font-size:13px;
    margin:0 auto;
    margin:10px;
    font-family:Arial,Helvetica,sans-serif;
}
.info_con td {
    height:20px;
}
.info_con td p {
    height:20px;
    overflow:hidden;
    line-height:20px;
}
.fbold {
    font-weight:bold;
}
.do-controls td .share {
    background:url(../images/ico/cz3.png) 0 -119px no-repeat;
    background-size:27px;
}
.playlist {
    border:1px solid var(--border-color);
    margin:10px;
    position:relative;
    height:430px;
    overflow:hidden;
}
.playlist_title {
    height:33px;
    font-size:14px;
    background:var(--bg-card);
    background-size:200px;
    overflow:hidden;
    border-bottom:1px solid var(--border-color);
}
.playlist_title ul li {
    float:left;
    margin-left:5px;
    margin-top:5px;
    padding-left:3px;
    padding-right:3px;
    overflow:hidden;
    font-size:12px;
}
.playlist_title ul .on {
    background-color:rgba(108, 92, 231, 0.2);
    color:var(--accent-primary);
    border:1px solid var(--border-color);
    height:18px;
    line-height:18px;
    box-shadow: 0 4px 15px var(--shadow-color);
}
.playlist_title ul .off {
    color:var(--text-secondary);
    height:20px;
    line-height:20px;
}
#playlist_ct {
    font-size:12px;
}
.playlist_ct {
    overflow:hidden;
    height:400px;
}
#playlist_ct1 {
    height:360px;
    overflow:hidden;
    clear:both;
}
/* 播放列表容器 */
#playlist_ct2 {
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--bg-card);
    border-top: 1px solid var(--border-color);
    padding: 0 16px;
    position: relative;
    z-index: 1;
    transition: all var(--transition-normal);
}

/* 分页组件 */
#playlist_ct2 .fenye {
    display: flex;
    align-items: center;
    gap: 4px;
}

#playlist_ct2 .fenye span {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

#playlist_ct2 .fenye a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 28px;
    padding: 0 4px;
    font-size: var(--font-size-sm);
    font-weight: 500;
    color: var(--text-secondary);
    background-color: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius-sm);
    text-decoration: none;
    cursor: pointer;
    transition: all var(--transition-fast);
    user-select: none;
}

#playlist_ct2 .fenye a:not(.sel):hover {
    color: var(--text-primary);
    background-color: var(--bg-tertiary);
    border-color: var(--accent-primary);
    transform: translateY(-1px);
}

#playlist_ct2 .fenye a:active {
    transform: translateY(0);
}

#playlist_ct2 .fenye a.sel {
    color: white;
    background-color: var(--pagination-active);
    border-color: var(--pagination-active);
    font-weight: 600;
    box-shadow: var(--shadow-sm);
}

#playlist_ct2 .fenye a.sel:hover {
    background-color: var(--pagination-active-hover);
    border-color: var(--pagination-active-hover);
}

/* 操作区域 */
#playlist_ct2 .caozuo {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: var(--font-size-sm);
    font-family: var(--font-family);
    color: var(--text-secondary);
}
/* 页面选择器 */
#selpage {
    width: 72px;
    height: 22px;
    padding: 4px 12px;
    font-size: var(--font-size-sm);
    font-family: var(--font-family);
    color: var(--text-primary);
    background-color: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius-sm);
    outline: none;
    transition: all var(--transition-fast);
}

#selpage:focus {
    border-color: var(--accent-primary);
    box-shadow: 0 0 0 3px rgba(108, 92, 231, 0.1);
}

#selpage:hover {
    border-color: var(--border-light);
}
#playlist_ct1 .num {
    width:25px;
    text-align:center;
    float:left;
    padding-top:2px;
}
#playlist_ct1 .num2 {
    width:25px;
    color:#7dc03a;
    font-weight:bold;
    text-align:center;
    float:left;
    padding-top:2px;
}
#playlist_ct1 .bt {
    font-size:12px;
    white-space:nowrap;
    width:80%;
    text-overflow:ellipsis;
    overflow:hidden;
    float:left;
    font-size:12px;
    font-family:Arial,Helvetica,sans-serif;
}
.icodel {
    margin-top:6px;
    margin-right:5px;
}
.icodel a {
    width:18px;
    height:18px;
    display:block;
    margin-right:5px;
    background:url(../images/ico/del_ico.png)   no-repeat;
    background-size:18px;
    float:right;
    overflow:hidden;
    position:relative;
    margin-top:3px;
}
.icoadd {
    margin-right:3px;
    margin-top:9px;
    height:20px;
    overflow:hidden;
}
.icoadd a {
    width:25px;
    height:25px;
    display:block;
    margin-right:5px;
    background:url(../images/ico/add_ico.png)  no-repeat;
    background-size:25px;
    float:right;
    overflow:hidden;
}
.selmusic {
    margin-top:5px;
    vertical-align:baseline;
}
#playlist_ct1 .tdsel {
    background-color:#999999;
}
#playlist_ct1 .td1 {
    background-color:var(--bg-tertiary);
    overflow:hidden;
    border-top:1px solid var(--border-color);
    line-height:32px;
}
#playlist_ct1 .td1 a:link {
    color:var(--text-secondary);
}
#playlist_ct1 .td1 a:visited {
    color:var(--text-secondary);
}
/* 标签样式 */
.tag_lv {
    display: inline-block;
    padding: 4px 2px;
    font-size: var(--font-size-sm);
    font-weight: 500;
    color: var(--text-primary);
    background-color: var(--bg-tertiary);
    border: 1px solid var(--border-light);
    border-radius: var(--border-radius-sm);
    cursor: pointer;
    transition: all var(--transition-fast);
    line-height: 1;
}

.tag_lv:hover {
    background-color: var(--accent-primary);
    border-color: var(--accent-primary);
    color: white;
    transform: translateY(-1px);
}

.tag_lv:active {
    transform: translateY(0);
}
#playlist_ct1 .td3 {
    background-color:var(--bg-tertiary);
    overflow:hidden;
    border-top:1px solid var(--border-color);
    line-height:32px;
}
#playlist_ct1 .td3 a:link {
    color:var(--accent-primary);
}
#playlist_ct1 .td3 a:visited {
    color:var(--accent-primary);
}
#playlist_ct1 .td2 {
    background-color:var(--bg-card);
    overflow:hidden;
    border-top:1px solid var(--border-color);
    line-height:32px;
}
#playlist_ct1 .td2 a:link {
    color:var(--text-secondary);
}
#playlist_ct1 .td2 a:visited {
    color:var(--text-secondary);
}
#playlist_ct1 .tdhover {
    overflow:hidden;
    border-top:1px solid #dcdcdc;
    line-height:32px;
}
#playlist_ct1 .tdhover a:link {
    color:#333333;
}
#playlist_ct1 .tdhover a:visited {
    color:#333333;
}
#playlist_ct1 ul {
    clear:both;
    overflow:hidden;
    margin:0;
    padding:0;
    height:35px;
    line-height:35px;
}
.ptoff {
    /*background:url(/images/ico/play.gif) no-repeat 0px -43px;*/ line-height:35px;
    color:#333333;
    cursor:pointer;
}
.pton {
    /*background:url(/images/ico/play.gif) no-repeat -110px -43px;*/ background-color:#7dc03a;
    line-height:35px;
    color:#FFFFFF;
    cursor:pointer;
}
/* 播放状态指示器 */
.play_p0 {
    display: inline-block;
    padding: 1px 3px;
    font-size: var(--font-size-sm);
    color: var(--text-disabled);
    border: 1px solid var(--border-light);
    border-radius: var(--border-radius-sm);
    margin-right: 10px;
    background: transparent;
}

.play_p1 {
    display: inline-block;
    padding: 1px 3px;
    font-size: var(--font-size-sm);
    font-weight: 500;
    color: var(--text-primary);
    background-color: var(--bg-tertiary);
    border: 1px solid var(--border-light);
    border-radius: var(--border-radius-sm);
    cursor: pointer;
    transition: all var(--transition-fast);
    margin-right: 10px;
}

.play_p1:hover {
    background-color: var(--accent-primary);
    border-color: var(--accent-primary);
    color: white;
}

.play_p1:active {
    transform: translateY(0);
}
#playlist_ct1 .nonere {
    margin:10px;
    line-height:40px;
    background-color:#FDFAE1;
    color:#A6740B;
    text-align:center;
}
/*播放页end*/
/*登录*/
.m_logins {
    padding:10px;
}
.m_logins .txt_login {
    border:var(--border-color) solid 1px;
    background-color: var(--bg-secondary);
    position:relative;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
    padding-left:50px;
}
.m_logins .txt_login i {
    position:absolute;
    left:10px;
    top:15px;
    width:30px;
    height:22px;
    background:url(../images/icenter.png) 0 -211px no-repeat;
    background-size:90px;
    border-right:#999 solid 1px;
}
.m_logins .txt_login i.home {
    background-position:-1px -292px;
}
.m_logins .txt_login i.pwd {
    background-position:-30px -211px;
}
.m_logins .txt_login i.email {
    background-position:-60px -211px;
}
.m_logins .txt_login i.code {
    background-position:-50px -334px;
}
.m_logins .txt_login input {
    display:block;
    width:100%;
    height:50px;
    font-size:18px;
    background:0;
    color:var(--text-secondary);
    border:0;
}
.m_logins .txt_login input.us_pwd {
    border-top:0;
}
.m_logins .lo_jiz .pwd_slider {
    padding:4px 10px;
    font-size:16px;
    border:0;
    background:#ffaf00;
    color:#fff;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
}
.m_logins>a.btn_login,.m_logins>a.btn_register,.m_logins>a.btn_anceled {
    display:block;
    height:50px;
    color:#fff;
    font-size:20px;
    text-align:center;
    line-height:50px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
}
#infohtml {
    display:block;
    height:50px;
    color:red;
    font-size:14px;
    text-align:center;
    line-height:50px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
}
.m_logins>a.btn_login {
    border:rgba(255,255,255,0.1) solid 1px;
    background:linear-gradient(135deg, #ff6b9d, var(--accent-danger));
    margin:15px 0 0 0;
}
.m_logins>a.btn_register {
    border:rgba(255,255,255,0.1) solid 1px;
    background:#0b0;
    margin:15px 0 30px 0;
}
.m_logins>a.btn_anceled {
    border:rgba(255,255,255,0.1) solid 1px;
    background:#48acf2;
    margin:20px 0;
}
.m_logins>h4 {
    font-size:16px;
    font-weight:normal;
}
.m_logins>p {
    overflow:hidden;
    margin:10px 0 0 0;
}
.m_logins>p.hz {
    height:30px;
    margin-bottom:30px;
}
.hz>a {
    float:left;
    height:25px;
    line-height:30px;
    margin-right:5px;
}
.hz a.qq i,.hz a.sian i {
    float:left;
    margin:5px;
    width:20px;
    height:20px;
    background:url(../images/icenter.png) no-repeat;
    background-size:60px;
}
.hz a.wx i {
    float:left;
    margin:5px;
    width:20px;
    height:20px;
    background:url(../images/wxlogo.png) no-repeat;
}
.hz a.msglogin i {
    float:left;
    margin:5px;
    width:20px;
    height:20px;
    background:url(../images/msg.png) no-repeat;
}
.hz a.qq i {
    background-position:-40px -174px;
}
.hz a.sian i {
    background-position:0 -155px;
}
.ui-field-contain textarea.ui-input-text {
    display:inline-block;
    display:block;
    width:100%;
    font-size:18px;
    background:0;
    border:0;
    text-indent:10px;
    color:#fff;
}
.m_logins .txt_code {
    padding-right:100px;
}
.m_logins .txt_code a.code_img {
    position:absolute;
    right:5px;
    top:0;
    text-align:center;
    font-size:12px;
}
.m_logins .txt_code a.code_send {
    position:absolute;
    right:25px;
    top:10px;
    line-height:30px;
    color:#0094ff;
    font-size:12px;
}
.btbg {
    background:linear-gradient(135deg, #ff6b9d, var(--accent-danger));
    border:1px solid white;
    font-size:14px;
    width:98%;
    line-height:35px;
}
.btbg {
    background:linear-gradient(135deg, #ff6b9d, var(--accent-danger));
    border:1px solid white;
    font-size:14px;
    width:98%;
    line-height:35px;
}
.btbg2 {
    background:linear-gradient(135deg, #ff6b9d, var(--accent-danger));
    border:1px solid white;
    font-size:14px;
    line-height:25px;
    width:50px;
}
.addorder1 {
    background:linear-gradient(135deg, #ff6b9d, var(--accent-danger));
    border:1px solid #333333;
    color:#333333;
    font-size:14px;
    width:98%;
    line-height:35px;
}
/*登录*/
/*购物车*/
.aw {
    margin:10px;
    border:1px solid var(--border-color);
    background-color:var(--bg-card);
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    font-family:Arial,Helvetica,sans-serif;
}
.aw ul {
    padding:5px;
    margin:0px;
}
.aw2 {
    margin:10px;
    background-color:var(--bg-card);
    font-family:Arial,Helvetica,sans-serif;
}
.aw2 ul {
    padding:0px;
    margin:0px;
}
.corlan {
    color:#0066CC;
}
.corye {
    color:#FFCC00;
}
.fbold {
    font-weight:bold;
}
.cs {
    background:url(../images/ico/qlico.png)  no-repeat;
    background-size:25px;
    width:80px;
    height:25px;
    padding-left:30px;
    line-height:25px;
}
.dq {
    background:url(../images/ico/qlico.png) 0px -25px  no-repeat;
    background-size:25px;
    padding-left:30px;
    height:25px;
    line-height:25px;
}
#orderTitle p {
    float:left;
    margin-top:5px;
}
#orderTitle p span {
    color:#FF0000;
}
.al {
    clear:both;
    line-height:25px;
    font-size:14px;
}
.chuanshao {
    background:url(../images/ico/qlico.png)  no-repeat;
    background-size:25px;
    width:25px;
    padding-left:5px;
    height:25px;
    font-size:12px;
}
.car_caozuo {
    font-size:12px;
    line-height:24px;
    padding-left:5px;
    clear:both;
}
.car_caozuo .num {
    border:1px solid #f1f1f1;
    background-color:#f8f8f8;
    font-size:9px;
    margin-top:1px;
    color:#cc0000;
    width:16px;
    height:16px;
    line-height:15px;
    text-align:center;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    padding:0;
}
.car_caozuo .numoff {
    border:1px solid #f1f1f1;
    background-color:#f8f8f8;
    font-size:9px;
    margin-top:1px;
    color:#999999;
    width:16px;
    height:16px;
    line-height:15px;
    text-align:center;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    padding:0;
}
.car_caozuo .musicid {
    color:#999999;
    line-height:22px;
    font-size:9px;
}
.car_music {
    line-height:18px;
    font-size:12px;
    height:20px;
    overflow:hidden;
    padding-left:5px;
    clear:both;
    color:#333333;
}
.car_caozuo ul {
    float:left;
    padding:0px;
    margin:0px;
    margin-right:8px;
    overflow:hidden;
}
.car_caozuo .cf {
    background-color:#cc0000;
    font-size:9px;
    margin-top:3px;
    color:#ffffff;
    height:16px;
    line-height:15px;
    text-align:center;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    padding:1px 5px;
}
.car_caozuo .shiting {
    background:url(../images/ico/shangxia.png)0px -40px no-repeat;
    background-size:20px;
    width:20px;
    height:20px;
    overflow:hidden;
}
.car_caozuo .pdel {
    background:url(../images/ico/del_ico.png) no-repeat;
    background-size:20px;
    width:20px;
    height:20px;
    float:right;
    overflow:hidden;
}
.car_caozuo .dqs {
    background:url(../images/ico/shangxia.png) 0px 0px  no-repeat;
    background-size:20px;
    width:20px;
    height:20px;
    float:right;
}
.car_caozuo .dqx {
    background:url(../images/ico/shangxia.png) 0px -20px  no-repeat;
    background-size:20px;
    width:20px;
    height:20px;
    float:right;
}
.dqlist1 {
    background-color:#f1f1f1;
    overflow:hidden;
    clear:both;
    padding-top:5px;
}
.dqlist0 {
    background-color:#ffffff;
    overflow:hidden;
    clear:both;
    padding-top:5px;
}
.fullcd {
    background:url(../images/ico/qlico.png) 0px -25px  no-repeat;
    background-size:25px;
    margin-top:3px;
    width:25px;
    padding-left:5px;
    height:25px;
}
.emptycd {
    background:url(../images/ico/qlico.png) 0px -25px  no-repeat;
    background-size:25px;
    margin-top:3px;
    width:25px;
    padding-left:5px;
    height:25px;
}
.cdlist {
    border:0px;
    border-top:1px solid #dcdcdc;
    width:100%;
    height:50px;
}
.cdnum {
    color:#0066FF;
    font-size:14px;
    margin:0px;
    padding:0px;
    width:20px;
    overflow:hidden;
}
.car_ban {
    background-color:var(--bg-card);
    font-size:16px;
    font-weight:bold;
    line-height:20px;
    padding:10px;
    font-family:Arial,Helvetica,sans-serif;
}
.car_ban2 {
    line-height:22px;
    font-size:12px;
    padding:10px;
    font-family:Arial,Helvetica,sans-serif;
}
.car_ban2 p {
    font-weight:bold;
    font-size:12px;
    font-family:Arial,Helvetica,sans-serif;
}
#adsel {
    font-size:14px;
    background:url(../images/ico/feilei_ico.png) 0px 0px  no-repeat;
    background-size:25px;
    line-height:25px;
    text-indent:30px;
}
#adsel li {
    padding-top:3px;
    font-size:12px;
    text-indent:0px;
    line-height:18px;
    padding-left:4px;
}
.inputmo {
    display:block;
    width:98%;
    border:1px solid var(--border-color);
    text-indent:10px;
    height:35px;
    font-size:14px;
    color:#333;
}
.butred {
    display:block;
    height:35px;
    color:#fff;
    font-size:14px;
    text-align:center;
    line-height:35px;
    background:none;
    width:100%;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
    background-color:#cc0000;
}
.ddtable {
    font-size:14px;
}
.f12 {
    font-size:12px;
    font-family:Arial,Helvetica,sans-serif;
}
.payico {
    width:100px;
    height:40px;
    border:5px solid #dcdcdc;
    text-align:center;
    line-height:40px;
    float:left;
    margin-right:15px;
    margin-left:17px;
    font-family:微软雅黑;
    font-size:18px;
    color:#cc0000;
    font-weight:bold;
    cursor:pointer;
    position:relative;
    margin-bottom:10px;
    z-index:1;
}
.payico p {
    display:none;
    position:absolute;
    display:block;
    right:-20px;
    top:-10px;
    font-size:12px;
    width:60px;
    height:25px;
    line-height:25px;
    background-color:#009900;
    color:#FFFFFF;
    font-weight:normal;
    z-index:5;
}
.payico p span {
    font-weight:bold;
    font-family:Arial,Helvetica,sans-serif;
    font-size:14px;
    padding-left:2px;
    padding-right:2px;
}
.payico img {
    margin:0 auto;
    text-align:center;
    width:90px;
    position:relative;
    top:-10px;
}
.hbt {
    background-color:#333333;
    border:1px solid #000000;
    color:#FFFFFF;
    font-size:12px;
    line-height:28px;
    width:100px;
}
.rbt {
    background-color:#cc0000;
    border:1px solid #990000;
    color:#FFFFFF;
    font-size:12px;
    line-height:28px;
    width:100px;
}
.addorder0 {
    background:linear-gradient(135deg, #ff6b9d, var(--accent-danger));
    border:1px solid #999999;
    color:#999999;
    font-size:14px;
    width:98%;
    line-height:35px;
}
.addorder1 {
    background:linear-gradient(135deg, #ff6b9d, var(--accent-danger));
    border:1px solid #333333;
    color:#333333;
    font-size:14px;
    width:98%;
    line-height:35px;
}
.btbg {
    background:linear-gradient(135deg, #ff6b9d, var(--accent-danger));
    border:1px solid #333333;
    font-size:14px;
    width:98%;
    line-height:35px;
}
.btbg2 {
    background:linear-gradient(135deg, #ff6b9d, var(--accent-danger));
    border:1px solid #333333;
    font-size:14px;
    line-height:25px;
    width:50px;
}
.inputmo2 {
    border:1px solid #333333;
    text-indent:10px;
    height:25px;
    font-size:14px;
    color:#333;
}
.pstyle {
    background-color:#009900;
    color:#FFFFFF;
    padding:3px;
    font-size:12px;
}
.pstyle2 {
    background-color:#FDF7DF;
    color:#D6950E;
    padding:3px;
    font-size:12px;
}
.bline {
    border-bottom:1px solid #333333;
}
.list_con_remix ul {
    width:50%;
    float:left;
}
/*购物车*//*下载*/
.check0 {
    line-height:24px;
    font-size:12px;
    background-color:#FDFAE1;
    color:#A6740B;
    text-align:center;
}
.downts {
    line-height:18px;
    font-size:12px;
    background-color:#FDFAE1;
    color:#A6740B;
    padding:3px;
    border:1px solid #E0B403;
    margin-top:2px;
    margin-bottom:2px;
}
.downkz {
    -moz-border-radius:8px;
    height:40px;
    -webkit-border-radius:5px;
    border-radius:5px;
    border:1px solid #333333;
    font-size:16px;
}
.downkz td a {
    display:block;
    line-height:40px;
}
.downkz td {
    height:40px;
    text-align:center;
}
.downkz .a1 {
    width:33%;
}
.downkz .a2 {
    width:33%;
    border-left:1px solid #333333;
    border-right:1px solid #333333;
}
.downkz .a3 {
    width:33%;
}
.load1 {
    width:200px;
    padding-top:30px;
    line-height:24px;
    margin:0 auto;
    text-align:center;
    color:#009900;
    font-size:14px;
}
/*下载*//*关注电台*/
.list_con_radio ul {
    width:50%;
    float:left;
}
.list_con_radio ul {
    height:95px;
    overflow:hidden;
    margin-top:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    font-family:Arial,Helvetica,sans-serif;
}
.list_con_radio ul div TABLE {
    width:100%;
}
.list_con_radio ul div {
    background-color:#f8f8f8;
    padding:5px;
}
.list_con_radio ul div p {
    width:65px;
    height:65px;
    padding-top:2px;
    overflow:hidden;
}
.list_con_radio ul div p img {
    width:60px;
    height:60px;
    border-radius:50%;
}
.list_con_radio ul div h2 {
    font-size:14px;
    margin:0px;
    padding:0px;
    height:22px;
    font-weight:normal;
    font-weight:bold;
}
.list_con_radio ul div h2 span {
    display:block;
    float:right;
    background:url(../images/ico/del_ico.png) 0px 0px  no-repeat;
    background-size:20px;
    overflow:hidden;
    width:20px;
    height:20px;
}
.list_con_radio ul div li {
    font-size:10px;
    line-height:22px;
}
.list_con_radio ul div li span {
    font-size:10px;
    font-style:italic;
    color:#999999;
}
.list_con_radio .u0 {
    width:48%;
    overflow:hidden;
}
.list_con_radio .u1 {
    width:2%;
    overflow:hidden;
}
.list_con_radio .u2 {
    width:48%;
    overflow:hidden;
}
/*关注电台*//*关注专辑*/
.list_con_remix ul {
    height:100px;
    overflow:hidden;
    margin-top:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    font-family:Arial,Helvetica,sans-serif;
}
.list_con_remix ul div TABLE {
    width:100%;
}
.list_con_remix ul div {
    background-color:var(--bg-tertiary);
    padding:5px;
}
.list_con_remix ul div p {
    width:65px;
    height:65px;
    padding-top:2px;
    overflow:hidden;
}
.list_con_remix ul div p img {
    width:65px;
    height:65px;
}
.list_con_remix ul div h2 {
    font-size:14px;
    margin:0px;
    padding:0px;
    height:22px;
    font-weight:normal;
    font-weight:bold;
}
.list_con_remix ul div h2 span {
    display:block;
    float:right;
    background:url(../images/ico/del_ico.png) 0px 0px  no-repeat;
    background-size:20px;
    overflow:hidden;
    width:20px;
    height:20px;
}
.list_con_remix ul div li {
    font-size:10px;
}
.list_con_remix .u0 {
    width:48%;
    overflow:hidden;
}
.list_con_remix .u1 {
    width:2%;
    overflow:hidden;
}
.list_con_remix .u2 {
    width:48%;
    overflow:hidden;
}
.remixb {
    border:1px solid #333333;
    border-right:0px;
}
.remixoff {
    background:var(--bg-tertiary);
    line-height:24px;
    color:var(--text-primary);
    font-size:12px;
    text-align:center;
    border-right:1px solid var(--border-color)
}
.remixoff a:link {
    color:var(--text-primary);
}
.remixoff a:visited {
    color:var(--text-primary);
}
.remixoff a:hover {
    color:var(--text-primary);
}
.remixon {
    background:var(--special-gradient);
    color:#FFFFFF;
    line-height:24px;
    font-size:12px;
    text-align:center;
}
.remixon a:link {
    color:#FFFFFF;
}
.remixon a:visited {
    color:#FFFFFF;
}
.remixon a:hover {
    color:#FFFFFF;
}
.remixdt li {
    line-height:18px;
    font-size:12px;
    height:18px;
}
.remixdt p {
    width:95px;
    height:72px;
    overflow:hidden;
    padding-top:5px;
}
.remixdt p img {
    width:80px;
    height:80px;
}
.remixdt span {
    font-size:14px;
    margin:0px;
    padding:0px;
    line-height:20px;
    display:block;
}
.icog1 {
    background:url(../images/ico/guanzhu_ico.png) 0px -58px  no-repeat;
    background-size:60px;
    width:60px;
    height:60px;
    overflow:hidden;
}
.icog0 {
    background:url(../images/ico/guanzhu_ico.png) 0px 0px  no-repeat;
    background-size:60px;
    width:60px;
    height:60px;
    overflow:hidden;
}
.info_con {
    font-size:13px;
    margin:0 auto;
    margin:10px;
    font-family:Arial,Helvetica,sans-serif;
}
.info_con td {
    height:20px;
}
.info_con td p {
    height:20px;
    overflow:hidden;
    line-height:20px;
}
/*关注专辑*/.userico1 {
    background:url(../images/vip_ico.png) no-repeat;
    background-size:70px 20px;
    overflow:hidden;
    width:70px;
    height:20px;
    position:absolute;
    margin-top:-20px;
}
.userico0 {
    background:0px 0px  no-repeat;
    background-size:40px;
    overflow:hidden;
    width:40px;
    height:40px;
    display:none;
}
.cor33 {
    color:var(--text-primary);
}
.userico {
    position:relative;
    overflow:hidden;
}
.userico li {
    padding:0px;
    margin:0px;
}
.userico li img {
    width:70px;
    height:70px;
}
.check0 {
    line-height:24px;
    font-size:12px;
    background-color:#FDFAE1;
    color:#A6740B;
    text-align:center;
}
.procls {
    display:block;
    line-height:40px;
    margin-left:10px;
}
.procls img {
    width:100%;
    height:100%;
    min-width:20px;
    min-height:20px;
    max-width:20px;
    max-height:20px;
    position:relative;
}
.procls p {
    width:20px;
    height:20px;
    line-height:20px;
    background-color:#f1f1f1;
    position:absolute;
    color:#ffffff;
    border-radius:10px;
    font-size:12px;
    margin:0px;
    padding:0px;
    margin-top:-50px;
    margin-left:20%;
    text-align:center;
    font-family:Arial,Helvetica,sans-serif;
}
.pc1 {
    border-bottom:1px solid var(--border-color);
    line-height:40px;
    height:40px;
    text-align:left;
}
.pc1 p {
    position:absolute;
    width:20px;
    height:20px;
    line-height:20px;
    color:#000000;
    margin-left:20%;
    margin-top:-30px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
}
.pc0 {
    border-bottom:1px solid #dcdcdc;
}
.aw {
    margin:10px;
    border:1px solid var(--border-color);
    background-color:var(--bg-card);
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    font-family:Arial,Helvetica,sans-serif;
}
.aw ul {
    padding:5px;
    margin:0px;
    overflow:hidden;
}
.aw2 {
    margin:10px;
    background-color:var(--bg-card);
    font-family:Arial,Helvetica,sans-serif;
}
.aw2 ul {
    padding:0px;
    margin:0px;
}
.aw3 {
    margin:10px;
    background-color:var(--bg-card);
    border:1px solid var(--border-color);
    font-family:Arial,Helvetica,sans-serif;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}
.aw4 {
    margin:10px;
    background-color:var(--bg-tertiary);
    border:1px solid var(--border-color);
    font-family:Arial,Helvetica,sans-serif;
}
.aw4 ul {
    padding:0px;
    margin:0px;
}
.althtml .altico img {
    width:20px;
}
.althtml .altct1 {
    line-height:25px;
    color:#009900;
    font-size:14px;
}
.althtml .altct0 {
    line-height:25px;
    color:#FF0000;
    font-size:14px;
}
.bannew {
    font-weight:bold;
    color:var(--text-primary);
    line-height:28px;
}
.borb {
    border-top:1px solid #dcdcdc;
}
.jys {
    font-size:10px;
    color:#999999;
}
.px1 {
    border-bottom:1px solid #dcdcdc;
    border-right:1px solid #dcdcdc;
}
.px2 {
    border-bottom:1px solid #dcdcdc;
}
.topvipico {
    height:40px;
    border:5px solid #dcdcdc;
    text-indent:15px;
    line-height:40px;
    font-family:Arial,Helvetica,sans-serif;
    font-size:14px;
    color:#333333;
    font-weight:bold;
    cursor:pointer;
    position:relative;
    margin-bottom:10px;
    z-index:1;
}
.czico {
    height:40px;
    border:1px solid #dcdcdc;
    text-align:center;
    line-height:40px;
    margin-right:5px;
    margin-left:2px;
    font-family:微软雅黑;
    font-size:18px;
    color:#cc0000;
    font-weight:bold;
    cursor:pointer;
    position:relative;
    margin-bottom:10px;
    z-index:1;
}
.czico p {
    position:absolute;
    display:block;
    right:50px;
    top:7px;
    font-size:12px;
    width:60px;
    height:25px;
    line-height:25px;
    background-color:#009900;
    color:#FFFFFF;
    font-weight:normal;
    z-index:5;
}
.czico p span {
    font-weight:bold;
    font-family:Arial,Helvetica,sans-serif;
    font-size:14px;
    padding-left:2px;
    padding-right:2px;
}
.czico img {
    margin:0 auto;
    text-align:center;
    width:90px;
    position:relative;
}
/*收藏*/
.musicboxlist {
    border:1px solid var(--border-color);
    background-color:var(--bg-card);
    width:48%;
    margin-right:2%;
    height:200px;
    overflow:hidden;
    margin-top:10px;
    float:left;
}
.musicboxlist ul {
    margin:10px;
    padding:0px;
}
.musicboxlist h3 {
    margin:0px;
    padding:0px;
    font-size:14px;
    line-height:30px;
    background-color:var(--bg-tertiary);
    border-bottom:1px solid var(--border-color);
    padding-left:5px;
    padding-right:5px;
    height:30px;
    overflow:hidden;
}
.musicboxlist ul li {
    list-style:none;
    position:relative;
    width:120px;
    margin:0 auto;
}
.musicboxlist ul li img {
    width:120px;
    height:120px;
    position:relative;
}
.musicboxlist ul li a span {
    display:block;
    width:25px;
    height:25px;
    line-height:25px;
    text-align:center;
    background-color:#cc0000;
    color:#FFFFFF;
    overflow:hidden;
    z-index:2;
    position:absolute;
    top:0px;
}
.musicboxlist ul p {
    margin:0px;
    padding:0px;
    padding-top:8px;
    overflow:hidden;
    width:120px;
    margin:0 auto;
}
.musicboxlist ul p a {
    color:var(--text-primary);
}
.musicboxlist ul p a:link {
    color:var(--text-primary);
}
.musicboxlist ul p a:visited {
    color:var(--text-primary);
}
.musicboxlist ul p a:hover {
    color:#cc0000;
}
.ico-gl {
    background:url(../images/ico/cz4.png) 0px -1px;
    background-size:20px 88px;
    background-repeat:no-repeat;
    height:22px;
    line-height:22px;
    text-indent:20px;
    display:block;
    float:left;
    overflow:hidden;
}
.ico-edit {
    background:url(../images/ico/cz4.png) 0px -62px;
    background-size:20px 88px;
    background-repeat:no-repeat;
    height:22px;
    line-height:22px;
    text-indent:20px;
    display:block;
    float:left;
    overflow:hidden;
    margin-left:20px;
}
.ico-del {
    background:url(../images/ico/cz4.png) 0px -30px;
    background-size:20px 86px;
    background-repeat:no-repeat;
    height:22px;
    line-height:21px;
    text-indent:16px;
    display:block;
    overflow:hidden;
    float:left;
}
.car_ban .sc2 {
    float:right;
    background:url(../images/ico/add_ico.png) 0px 2px;
    background-size:25px 15px;
    background-repeat:no-repeat;
    text-indent:22px;
    overflow:hidden;
    width:60px;
    font-size:12px;
    font-weight:normal;
}
.car_ban .sc1 {
    float:left;
    background:url(../images/ico/set.png) 0px -2px;
    background-size:24px;
    background-repeat:no-repeat;
    text-indent:25px;
    overflow:hidden;
    width:120px;
    font-size:12px;
    font-weight:normal;
}
.ico-share {
    background:url(../images/ico/cz3.png) 0px -125px no-repeat;
    background-size:27px;
    background-repeat:no-repeat;
    height:22px;
    line-height:21px;
    text-indent:20px;
    display:block;
    overflow:hidden;
    float:left;
    margin-left:20px;
}
/*收藏*//*会员*/
.payicooff {
    background:url(../images/ico/selbg.png);
    background-repeat:no-repeat;
    background-size:20px 88px;
}
.payicoon {
    background:url(../images/ico/selbg.png);
    background-repeat:no-repeat;
    background-position:0px -44px;
    background-size:20px 88px;
}
/*首页*/
.index_box {
    position:relative;
    margin-top:10px;
    margin:10px;
    background-color:var(--bg-tertiary);
    border-radius:5px;
}
.index_box2 {
    ;margin:10px;
    clear:both;
}
.index_xfl {
    border-bottom:1px solid var(--border-color);
    clear:both;
    background:url(../images/sprie.png) 0px 5px no-repeat;
    background-size:20px 20px;
    background-position:right;
    font-size:12px;
}
.index_xfl_l {
    width:90px;
    float:left;
    line-height:30px;
    text-indent:5px;
    color:#000000;
    font-size:18px;
}
.index_xfl_r {
    width:60%;
    position:relative;
    font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
    line-height:30px;
    height:30px;
}
.index_xfl_r1 {
    float:right;
    line-height:30px;
    font-size:12px;
    margin-right:2px;
    color:#000000;
}
.icoref {
    display:block;
    background:url(../images/ico/ref1.png) 40px 0px no-repeat;
    background-size:16px 16px;
    width:60px;
    line-height:18px;
    height:20px;
    overflow:hidden;
    margin-top:7px;
}
#cdquantity {
    background-color:#009900;
    color:#FFFFFF;
    display:block;
    position:absolute;
    overflow:hidden;
    width:16px;
    height:16px;
    -webkit-border-radius:8px;
    border-radius:8px;
    text-align:center;
    line-height:16px;
    top:2px;
    left:25px;
}
.index_xfl_r .xn {
    background-image:url(../images/tm.png);
    width:15px;
    overflow:hidden;
    height:30px;
    position:absolute;
    top:0px;
    right:0px;
}
.index_xfl_r a {
    float:left;
    padding-left:5px;
    padding-right:5px;
    display:block;
    line-height:18px;
    text-align:center;
    margin-top:6px;
}
.index_wid {
    width:620px;
}
.index_wid .off {
    border:1px solid var(--border-color);
}
.index_wid .on {
    border:1px solid var(--shadow-color);
    background:var(--special-gradient);
    color:#ffffff;
}
ul.index_con_new  td h4 a {
    display:block;
    padding:2px 0;
}
ul.index_con_new  td h4 {
    font-size:12px;
    font-family:Arial,Helvetica,sans-serif;
    height:40px;
    line-height:19px;
    overflow:hidden;
    font-weight:normal;
}
ul.index_con_new td h4 a p {
    line-height:19px;
    height:19px;
    overflow:hidden;
}
ul.index_con_new td h4 a p span {
    color:#cc0000;
}
ul.index_con_new td h5 {
    font-size:12px;
    right:2px;
    top:10px;
    width:20px;
    height:20px;
    background:url(../images/ico/more_ico.png) no-repeat;
    background-size:20px 20px;
    overflow:hidden;
}
.contorl_menu_index {
    border-top:1px solid var(--border-color);
    height:0px;
    overflow:hidden;
    background-color:#1a1a24;
    position:relative;
    z-index:1;
}
.contorl_menu_index dd {
    padding-top:5px;
    height:32px;
}
.contorl_menu_index dd a {
    display:block;
    height:27PX;
    float:left;
    text-indent:27PX;
    line-height:27PX;
    width:22%;
    font-size:12px;
    font-family:Arial,Helvetica,sans-serif;
    margin-left:3%;
}
.contorl_menu_index dd .down {
    background:url(../images/ico/cz2.png) no-repeat;
    background-size:27px;
}
.contorl_menu_index dd .love {
    background:url(../images/ico/cz2.png) 0px -56px no-repeat;
    background-size:27px;
}
.contorl_menu_index dd .putcar {
    background:url(../images/ico/cz2.png) 0px -28px no-repeat;
    background-size:27px;
}
.contorl_menu_index dd .add {
    background:url(../images/ico/cz2.png) 0px -113px no-repeat;
    background-size:27px;
}
.contorl_menu_index dd .del {
    background:url(../images/ico/del_ico.png) no-repeat;
    background-size:23px;
    margin-top:1px;
}
.arrow-outer_index {
    position:absolute;
    z-index:3;
    height:12px;
    width:60px;
    overflow:hidden;
    right:0px;
    margin-top:-11px;
    display:none;
}
.arrow-shadow_index {
    border:1px solid var(--border-color);
    background-color:var(--bg-card);
    -webkit-transform:rotate(45deg);
    height:40px;
    left:15px;
    position:absolute;
    top:16px;
    width:40px;
}
.index_pc1 {
    border-bottom:1px solid #000000;
    margin-left:1px;
}
.index_pc2 {
    border-left:1px solid #000000;
    border-right:1px solid #000000;
    border-bottom:1px solid #000000;
}
.index_pc1 span {
    line-height:20px;
    color:#cc0000;
}
.index_pc2 span {
    line-height:20px;
    color:#cc0000;
}
.index_pc3 {
    border-right:1px solid var(--border-color);
    border-bottom:1px solid var(--border-color);
}
.index_pc3:last-child {
    border-right:none;
    border-bottom:1px solid var(--border-color);
}
.index_pc3:first-child {
    border-right:1px solid var(--border-color);
    border-bottom:1px solid var(--border-color);
}
.index_pc3 span {
    line-height:20px;
    color:#cc0000;
}
#b2 {
    width:100%;
    overflow:hidden;
    display:none;
    position:absolute;
    background:#dcdcdc;
    top:40px;
    background:var(--bg-card);
    filter:alpha(opacity=90);
    padding-top:10px;
    padding-bottom:10px;
    z-index:3;
    -webkit-box-shadow:0 3px 3px rgba(0,0,0,0.5);
    -moz-box-shadow:0 3px 3px rgba(0,0,0,0.5);
    box-shadow:0 3px 3px rgba(0,0,0,0.5);
}
#b2 ul {
    position:relative;
    clear:both;
    font-size:12px;
    font-weight:normal;
    line-height:18px;
    font-family:Arial,Helvetica,sans-serif;
}
#b2 ul table {
    width:100%;
}
#b2 ul .w1 {
    width:68px;
    overflow:hidden;
    padding-left:5px;
    color:#000000;
}
#b2 ul .w2 {
    overflow:hidden;
}
#b2 ul table td a {
    display:block;
}
#b2 ul table td p {
    float:left;
    text-align:center;
    padding-left:6px;
    padding-right:6px;
}
#b2 ul table td .on {
    color:#cc0000;
    overflow:hidden;
}
#b2 ul table td .on a {
    color:#cc0000;
}
.xline {
    border-top:1px solid var(--border-color);
    height:5px;
    overflow:hidden;
    margin-top:5px;
}
.check0 {
    line-height:24px;
    font-size:12px;
    background-color:#FDFAE1;
    color:#A6740B;
    text-align:center;
}
.downts {
    line-height:18px;
    font-size:12px;
    background-color:#FDFAE1;
    color:#A6740B;
    padding:3px;
    border:1px solid #E0B403;
    margin-top:2px;
    margin-bottom:2px;
}
.downkz {
    -moz-border-radius:8px;
    height:40px;
    -webkit-border-radius:5px;
    border-radius:5px;
    border:1px solid #333333;
    font-size:16px;
}
.downkz td a {
    display:block;
    line-height:40px;
}
.downkz td {
    height:40px;
    text-align:center;
}
.downkz .a1 {
    width:33%;
}
.downkz .a2 {
    width:33%;
    border-left:1px solid #333333;
    border-right:1px solid #333333;
}
.downkz .a3 {
    width:33%;
}
.load1 {
    width:200px;
    padding-top:30px;
    line-height:24px;
    margin:0 auto;
    text-align:center;
    color:#009900;
    font-size:14px;
}
/*APP-AD*/
#wapDocCookie {
    background-color:rgba(0,0,0,0.7);
    background:#4b4b4b\9;
    width:100%;
    height:100%;
    text-align:center;
    position:fixed;
    bottom:0;
    left:0;
}
#bkguancha {
    background:url(../images/appad.png) no-repeat;
    background-size:250px;
    height:330px;
    width:250px;
    display:inline-block;
    overflow:hidden;
    line-height:99em;
    margin-top:60px;
}
#closeAd {
    background:url(../images/closeAd.png) no-repeat;
    background-size:18px;
    height:18px;
    width:18px;
    display:block;
    position:absolute;
    top:15px;
    right:30px;
}
.Dwapp {
    width:100%;
    height:55px;
    position:fixed;
    background:url(../images/fix_btn.png) no-repeat center top;
    background-size:320px;
    z-index:1041;
    bottom:0px;
    left:0;
    background-color:rgba(0,0,0,0.7);
}
.Dwapp p {
    position:absolute;
    top:0px;
    left:50%;
    margin-left:-90px;
    width:140px;
    line-height:18px;
    text-align:left;
    color:#fff;
    font-size:12px;
    font-style:italic;
}
/*收藏样式*/
#selboxct {
    border:1px solid var(--border-color);
    height:100px;
    overflow-y:scroll;
    background-color:var(--bg-secondary);
}
#selboxct ul {
    padding:0px;
    margin:0px;
    overflow:hidden;
}
#selboxct ul a span {
    margin-left:10px;
    color:#16baaa;
    font-style:italic;
}
#selboxct ul a {
    color:var(--text-secondary);
    display:block;
    line-height:20px;
    text-indent:10px;
    float:left;
}
.selboxctcls {
    background-color:var(--bg-tertiary);
}
.favmusicname {
    line-height:25px;
    font-size:12px;
    background:url(../images/ico/cz4.png) 1px 0px no-repeat;
    background-size:20px;
    text-indent:25px;
    overflow:hidden;
    height:25px;
    color:var(--text-primary);
}
.favpad {
    padding:10px;
}
.selbox {
    line-height:25px;
    color:var(--text-primary);
    background:url(../images/ico/exit_ico.png) 1px 3px no-repeat;
    background-size:18px;
    text-indent:25px;
    height:25px;
    overflow:hidden;
}
.favaddmenu {
    padding-top:10px;
    padding-bottom:10px;
    clear:both;
    height:30px;
    overflow:hidden;
}
.favaddmenu .fl1 {
    float:left;
    overflow:hidden;
}
.favaddmenu .fl2 {
    float:left;
    overflow:hidden;
}
.favinput {
    width:90%;
    overflow:hidden;
    border:1px solid var(--border-color);
    background-color:var(--bg-secondary);
    font-size:12px;
    height:25px;
    line-height:25px;
    text-indent:8px;
    border-radius:0px;
}
.favbutton {
    display:block;
    text-align:center;
    width:90px;
    height:25px;
    line-height:25px;
    overflow:hidden;
    border:2px solid var(--border-color);
    color:#ffffff;
    background-color:var(--accent-primary);
    box-sizing:inherit;
    !important;
}
.favcontorl {
    padding-top:10px;
}
.favcontorl input {
    margin-right:10px;
}
.rebutton {
    display:block;
    text-align:center;
    width:90px;
    height:29px;
    line-height:29px;
    overflow:hidden;
    border:1px solid  #990000;
    color:#ffffff;
    background:linear-gradient(135deg, #ff6b9d, var(--accent-danger));
}
.selbox span {
    color:#16baaa;
}
.favsuc1 {
    line-height:30px;
    text-align:center;
    font-size:12px;
    height:30px;
    overflow:hidden;
    color:#000000;
    font-weight:bold;
}
.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:12px;
    overflow:hidden;
    border:1px solid  #990000;
    color:#ffffff;
    background-color:#cc0000;
    margin:0 auto;
}
#favsec {
    color:#FF0000;
    font-weight:bold;
}
#tshtml .e0 {
    background:url(../images/ico/err_ico.png) 0px 6px no-repeat;
    background-size:16px;
    text-indent:20px;
    background-repeat:no-repeat;
    line-height:30px;
    color:#ff6b9d;
}
#redata_x {
    padding-top:5px;
    margin-top:5px;
    z-index:9999;
    position:fixed;
    top:68px;
    left:0px;
    width:100%;
    overflow:hidden;
}
#redata {
    margin:10px;
    border:1px solid #dcdcdc;
    background-color:#FFFFFF;
    overflow:hidden;
}
#redata li {
    list-style:none;
    font-size:12px;
    line-height:28px;
    color:#333333;
    font-family:Arial,Helvetica,sans-serif;
    border-bottom:1px solid #dcdcdc;
    text-indent:15px;
}
#redata .close {
    background-color:#262626;
    color:#FFFFFF;
    overflow:hidden;
    text-align:center;
}
/*电台*/
.blur {
    filter:url(blur.svg#blur);
    /* FireFox,Chrome,Opera*/
    -webkit-filter:blur(10px);
    /* Chrome,Opera*/
    -moz-filter:blur(10px);
    -ms-filter:blur(10px);
    filter:blur(10px);
    filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=500,MakeShadow=false);
    /* IE6~IE9*/;
}
#bft {
    border-radius:50%;
    width:200px;
    height:200px;
}
.playstyleoff {
    background:url(../images/ico/radio_play.png) 0px -2px no-repeat;
    background-size:37px;
    background-repeat:no-repeat;
    width:37px;
    height:37px;
    border-radius:50%;
    position:absolute;
    margin-top:-118px;
    z-index:1;
    margin-left:82px;
    cursor:pointer;
}
.playstyleon {
    background:url(../images/ico/radio_play.png) 0px -46px no-repeat;
    background-size:37px;
    background-repeat:no-repeat;
    width:37px;
    height:37px;
    border-radius:50%;
    position:absolute;
    margin-top:-118px;
    z-index:1;
    margin-left:82px;
    cursor:pointer;
}
.do-controls td  .radio_gz1 {
    background:url(../images/ico/guanzhu_ico2.png) -1px -26px  no-repeat;
    background-size:28px;
    height:27px;
    overflow:hidden;
}
.do-controls td  .radio_gz0 {
    background:url(../images/ico/guanzhu_ico2.png) -1px 3px  no-repeat;
    background-size:28px;
    height:27px;
    overflow:hidden;
}
/*商品订单*/
.slider {
    clear:both;
    padding-top:2px;
}
.slider li {
    float:left;
    list-style:none;
    margin-right:2px;
}
.mallbanner {
    background-color:#000000;
    position:relative;
    margin-top:-10px;
}
.carmenu {
    background-color:#333333;
    line-height:24px;
    color:#ffffff;
    font-size:12px;
}
.carct1 {
    background-color:#ffffff;
    color:#000000;
    font-size:12px;
    line-height:22px;
    border-bottom:1px solid #dcdcdc;
}
.carct2 {
    background-color:#f5f5f5;
    color:#000000;
    font-size:12px;
    line-height:22px;
    border-bottom:1px solid #dcdcdc;
}
.buyselon {
    border:1px solid #cc0000;
    padding:1px;
    overflow:hidden;
    line-height:15px;
    color:#cc0000;
    width:40px;
    font-weight:bold;
    background:url(../images/mall/selok.gif)   no-repeat;
    background-size:20px;
    background-position:right;
    float:left;
    margin-left:5px;
    cursor:pointer;
    text-align:left;
}
.buyseloff {
    border:1px solid #000000;
    background-color:#ffffff;
    text-align:left;
    padding:1px;
    overflow:hidden;
    line-height:15px;
    color:#000000;
    width:40px;
    float:left;
    margin-left:5px;
    cursor:pointer;
}
.ctw {
    font-size:14px;
    line-height:24px;
    margin:0px;
}
.ctw img {
    width:100%;
    margin:0 auto;
    max-width:620px;
    min-width:300px;
    display:block;
}
.price {
    color:#FF0000;
    font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
}
.price2 {
    color:#FF0000;
    font-family:Arial,Helvetica,sans-serif;
    font-size:18px;
}
.cttitleoff {
    font-family:微软雅黑;
    border:1px solid #000000;
    height:22px;
    overflow:hidden;
    margin-left:10px;
    padding:2px;
    background-color:#ffffff;
    color:#000000;
    float:left;
    font-size:12px;
    width:100px;
    overflow:hidden;
    cursor:pointer;
}
.cttitleon {
    font-family:微软雅黑;
    border:1px solid #000000;
    height:22px;
    overflow:hidden;
    margin-left:10px;
    padding:2px;
    background-color:#000000;
    color:#FFFFFF;
    float:left;
    font-size:12px;
    width:100px;
    overflow:hidden;
    cursor:pointer;
}
.scroll_mall {
    margin:0 auto;
    max-width:640px;
}
.scroll_box_mall {
    overflow:hidden;
    visibility:hidden;
    position:relative;
}
.scroll_wrap_mall {
    overflow:hidden;
    position:relative;
}
.scroll_wrap_mall li {
    position:relative;
    display:block;
    width:100%;
    float:left;
}
.scroll_wrap_mall li a {
    display:block;
    margin:0 auto;
    position:relative;
}
.scroll_position_mall {
    position:absolute;
    left:2%;
    z-index:400;
    bottom:8px;
}
.scroll_position_mall li {
    display:inline-block;
    width:5px;
    height:5px;
    border-radius:10px;
    background:#ffffff;
}
.scroll_position_mall li a {
    font-size:0;
}
.scroll_position_mall li.on {
    background-color:#000000;
}
.scroll_position_bg_mall {
    position:absolute;
    bottom:8px;
    left:2%;
    padding:0 15px;
    z-index:380;
    height:20px;
    border-radius:26px;
}
.buyztoff {
    background-color:#f5f5f5;
    border:1px solid #dcdcdc;
    line-height:24px;
    color:#333333;
    font-size:12px;
    text-align:center;
    margin-right:8px;
    width:50px;
    float:left;
}
.buyztoff a:link {
    color:#333333;
}
.buyztoff a:visited {
    color:#333333;
}
.buyztoff a:hover {
    color:#333333;
}
.buyzton {
    background-color:#333333;
    border:1px solid #000000;
    color:#FFFFFF;
    line-height:24px;
    font-size:12px;
    text-align:center;
    margin-right:8px;
    width:50px;
    float:left;
}
.buyzton a:link {
    color:#FFFFFF;
}
.buyzton a:visited {
    color:#FFFFFF;
}
.buyzton a:hover {
    color:#FFFFFF;
}
.inputmo {
    display:block;
    width:98%;
    border:1px solid var(--border-color);
    text-indent:10px;
    height:35px;
    font-size:14px;
    color:var(--text-primary);
    background-color:var(--bg-secondary);
}
.butred {
    display:block;
    height:35px;
    color:#fff;
    font-size:14px;
    text-align:center;
    line-height:35px;
    background:none;
    width:100%;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
    background-color:#cc0000;
}
.ddtable {
    font-size:14px;
}
.f12 {
    font-size:12px;
    font-family:Arial,Helvetica,sans-serif;
}
.payico {
    width:100px;
    height:40px;
    border:5px solid #dcdcdc;
    text-align:center;
    line-height:40px;
    float:left;
    margin-right:15px;
    margin-left:17px;
    font-family:微软雅黑;
    font-size:18px;
    color:#cc0000;
    font-weight:bold;
    cursor:pointer;
    position:relative;
    margin-bottom:10px;
    z-index:1;
}
.payico p {
    display:none;
    position:absolute;
    display:block;
    right:-20px;
    top:-10px;
    font-size:12px;
    width:60px;
    height:25px;
    line-height:25px;
    background-color:#009900;
    color:#FFFFFF;
    font-weight:normal;
    z-index:5;
}
.payico p span {
    font-weight:bold;
    font-family:Arial,Helvetica,sans-serif;
    font-size:14px;
    padding-left:2px;
    padding-right:2px;
}
.payico img {
    margin:0 auto;
    text-align:center;
    width:90px;
    position:relative;
    top:-10px;
}
.hbt {
    background-color:#333333;
    border:1px solid #000000;
    color:#FFFFFF;
    font-size:12px;
    line-height:28px;
    width:100px;
}
.rbt {
    background-color:#cc0000;
    border:1px solid #990000;
    color:#FFFFFF;
    font-size:12px;
    line-height:28px;
    width:100px;
}
.addorder0 {
    background:linear-gradient(135deg, #ff6b9d, var(--accent-danger));
    border:1px solid #999999;
    color:#999999;
    font-size:14px;
    width:98%;
    line-height:35px;
}
.addorder1 {
    background:linear-gradient(135deg, #ff6b9d, var(--accent-danger));
    border:1px solid #333333;
    color:#333333;
    font-size:14px;
    width:98%;
    line-height:35px;
}
.btbg {
    background:linear-gradient(135deg, #ff6b9d, var(--accent-danger));
    border:1px solid #333333;
    font-size:14px;
    width:98%;
    line-height:35px;
}
.btbg2 {
    background:linear-gradient(135deg, #ff6b9d, var(--accent-danger));
    border:1px solid #333333;
    font-size:14px;
    line-height:25px;
    width:50px;
}
.btbg3 {
    background:linear-gradient(135deg, #ff6b9d, var(--accent-danger));
    border:1px solid #333333;
    font-size:12px;
    line-height:20px;
    padding-left:8px;
    padding-right:8px;
}
.inputmo2 {
    border:1px solid #333333;
    text-indent:10px;
    height:25px;
    font-size:14px;
    color:#333;
}
.pstyle {
    background-color:#009900;
    color:#FFFFFF;
    padding:3px;
    font-size:12px;
}
.pstyle2 {
    background-color:#FDF7DF;
    color:#D6950E;
    padding:3px;
    font-size:12px;
}
.bline {
    border-bottom:1px solid #333333;
}
.list_con_remix ul {
    width:50%;
    float:left;
}
.allf {
    /*background-color:#f1f1f1;*/
    overflow:hidden;
}
.table_td_r {
    padding-left:5px;
}
/*顶部刻录*/
.kelu {
    width:100%;
    overflow:hidden;
    display:none;
    position:absolute;
    background:#dcdcdc;
    top:40px;
    background:rgba(255,255,255,0.95);
    filter:alpha(opacity=90);
    padding-top:10px;
    padding-bottom:10px;
    z-index:3;
    -webkit-box-shadow:0 3px 3px rgba(0,0,0,0.5);
    -moz-box-shadow:0 3px 3px rgba(0,0,0,0.5);
    box-shadow:0 3px 3px rgba(0,0,0,0.5);
}
.spanoff .car {
    background:url(../images/ico/banner_ico.png) 14px 4px no-repeat;
    background-size:16px;
    float:left;
    width:45px;
}
.spanon .car {
    background:url(../images/ico/banner_ico3.png) 14px 4px no-repeat;
    background-size:16px;
    float:left;
    width:45px;
}
#b3 {
    width:100%;
    overflow:hidden;
    display:none;
    position:absolute;
    background:var(--bg-card);
    top:40px;
    background:var(--bg-card);
    filter:alpha(opacity=90);
    padding-top:10px;
    padding-bottom:10px;
    z-index:3;
    -webkit-box-shadow:0 3px 3px rgba(0,0,0,0.5);
    -moz-box-shadow:0 3px 3px rgba(0,0,0,0.5);
    box-shadow:0 3px 3px rgba(0,0,0,0.5);
}
#b3 ul {
    position:relative;
    clear:both;
    font-size:12px;
    font-weight:normal;
    line-height:18px;
    font-family:Arial,Helvetica,sans-serif;
}
#b3 ul li {
    overflow:hidden;
    padding-left:5px;
    color:#000000;
}
#b3 ul li a {
    width:100%;
    display:inline-block;
}
.upan_select {
    background:linear-gradient(135deg, #ff6b9d, var(--accent-danger));
    border:1px solid #333333;
    color:#333333;
    font-size:14px;
    width:98%;
    line-height:35px;
    height:35px;
}
#carlist ul li {
    float:left;
    margin-bottom:5px;
    padding-right:10px;
}
#carlist ul li a {
    color:#333 !important;
    display:inline-block;
    padding:2px 2px;
    margin-bottom:0;
    font-size:12px;
    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;
    border-color:#ddd;
    float:left;
}
.upan_del {
    float:left;
    width:22px;
    height:22px;
    margin-left:1px;
    background-repeat:no-repeat;
    background-color:#cc0001;
    border-radius:5px;
    text-align:center;
    line-height:22px;
    color:#fff;
    font-weight:bold;
}
#carlist ul li a .cf {
    background-color:#333;
    font-size:9px;
    margin-top:3px;
    color:#ffffff;
    height:16px;
    line-height:15px;
    text-align:center;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    padding:1px 5px;
    margin-left:5px;
}
#upantitleInfo {
    padding-left:5px;
}
.all_header .m_header_right .car2 {
    float:left;
    width:45px;
    overflow:hidden;
}
.spanoff .car2 {
    background:url(../images/ico/banner_ico.png) 14px 4px no-repeat;
    background-size:16px;
}
.spanon .car2 {
    background:url(../images/ico/banner_ico3.png) 14px 4px no-repeat;
    background-size:16px;
}
/*顶部刻录end*/
/*FIX*/
.upan_fix {
    position:fixed;
    bottom:0;
    left:0;
    height:100px;
    width:100%;
    background-color:#ffffff;
    border-top:1px solid #dcdcdc;
    box-shadow:0px 1px 5px -1px #333333;
    padding:10px;
}
.upan_fix_btn {
    position:absolute;
    bottom:20px;
    width:96%;
}
/*绑定手机提示样式*/
body .layer-bindtel {
    padding:15px;
    width:230px;
}
body .layer-bindtel .layui-m-layerbtn {
    width:50px;
    height:30px;
    line-height:30px;
    font-size:0;
    border:1px solid #D0D0D0;
    background-color:#ffffff;
    float:right;
    border-radius:5px;
}

.select-styled {
    background-color: var(--bg-card);
    color: var(--text-primary);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius-sm);
    /*padding: 10px 16px;*/
    font-size: var(--font-size-sm);
    font-family: var(--font-family);
    transition: var(--transition-fast);
    cursor: pointer;
    /*min-width: 180px;*/
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23b0b0c0' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 16px center;
    padding-right: 40px;
}

.select-styled:hover {
    border-color: var(--accent-primary);
    background-color: var(--bg-card-hover);
}

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

.select-styled option {
    background-color: var(--bg-card);
    color: var(--text-primary);
    padding: 10px;
}

.select-styled option:hover {
    background-color: var(--accent-primary);
}