.category-list .item-content dl dd.desc a {
  color: #202124;
}

.to-login:hover {
  color: #006CFF !important;
}

.direct-four-pgong a {
  color: #333;
}

i.trag {
  background: #F5F6F7 !important;
  color: #60646B !important;
}


/* 配色方案 */


/* 浅色 */
.White {
  /* background-color: #000; */
}

.White i.trag {
  background: #F5F6F7 !important;
  color: #60646B !important;
}

.White .direct-four-pgong a {
  color: #333;
}

.White .to-login:hover {
  color: #006CFF;
}

.White .news-alert-red-packet span, .White .new-gift-msg > div {
  color: rgba(244, 0, 0, 1);
  background: linear-gradient(315deg, rgba(244, 0, 0, .1) 0%, rgba(255, 152, 0, .1) 100%);
}

.White .category-list .item-content dl dd.desc a {
  color: #202124;
}

.White .line-vote { 
  display: none; 
  position: absolute; 
  left: 0; 
  top: 0; 
  z-index: 3; 
  width: 90%;
  background: linear-gradient(270deg, #0084FF 0%, #00BAFF 100%);
  border-radius: 6px;
  padding: 1.4rem 0.8rem;
  box-sizing: border-box;
  margin-top: 2rem;
  color: #fff;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.White .line-vote  .iconzhibozhong {
  color: #fff;
  font-weight: bold;
  font-size: 1.4rem;
}
.White .line-vote-title { 
  vertical-align: middle; 
  padding-left: 1rem; 
  font-size: 1.2rem;
}


.White .ellipsis {
  color: #202124;
}
.White .themeBackground-b {
  background: #fff;
}
.pd-live-name:hover {
  color: #006CFF !important;
}
.White .share-active {
  color: #006CFF !important;
}
.White #speakBox::-webkit-scrollbar {
  width: 5px;
}
.White #speakBox::-webkit-scrollbar-track-piece {
  margin: -2px;
}
.White #speakBox::-webkit-scrollbar-thumb {
  background: rgba(0, 108, 255, 0.06);
  min-height: 150px;
  min-width: 150px;
  border-radius: 10px;
  opacity: 0.1;
}
.White::-webkit-scrollbar-track {
  border-radius: 5px;
}
.White #top-list .tab-btn span {
  color: #B8BABF;
  background: #F5F6F7;
  border: 1px solid #EFEFEF;
}
.White #top-list .tab-btn span.act {
  color: #fff;
  background: linear-gradient(270deg, #0084FF 0%, #00BAFF 100%);
}
/* 右侧滚动条 */
.White::-webkit-scrollbar {
}
/* 滚动条滑块 */
.White::-webkit-scrollbar-thumb { 
  border-radius: 0px; 
  background: #ccc;
}
.White::-webkit-scrollbar-thumb:window-inactive { 
  background: #ccc; 
}


/* ①深色 */
.TechnologyBlue {
  background-color: #0F0F1E;
}
.TechnologyBlue i.trag {
  background: #2D2E3E !important;
  color: #FFFFFF !important;
}
.TechnologyBlue .direct-four-pgong a {
  color: #fff;
}
.TechnologyBlue .news-alert-red-packet span, .TechnologyBlue .new-gift-msg > div {
  color: #fff;
  background: #2D2E3E;
}
.TechnologyBlue .category-list .item-content dl dd.desc a {
  color: #fff;
}
.TechnologyBlue .empty-data-icon {
  background-image: url(../images/no_data_icon_dark.png);
}
.TechnologyBlue .line-vote { 
  display: none; 
  position: absolute; 
  left: 0; 
  top: 0; 
  z-index: 3; 
  width: 90%;
  background: linear-gradient(270deg, #0084FF 0%, #00BAFF 100%);
  border-radius: 6px;
  padding: 1.4rem 0.8rem;
  box-sizing: border-box;
  margin-top: 2rem;
  color: #fff;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.TechnologyBlue .line-vote  .iconzhibozhong {
  color: #fff;
  font-weight: bold;
  font-size: 1.4rem;
}
.TechnologyBlue .line-vote-title { 
  vertical-align: middle; 
  padding-left: 1rem; 
  font-size: 1.2rem;
}
.TechnologyBlue .ellipsis {
  color: #fff;
}
.TechnologyBlue .pd-live-name:hover {
  color: #006CFF !important;
}
.TechnologyBlue .share-active {
  color: #006CFF !important;
}
.TechnologyBlue .themeBackground-b {
  background: #202131;
}
.TechnologyBlue #speakBox::-webkit-scrollbar {
  width: 5px;
}
.TechnologyBlue #speakBox::-webkit-scrollbar-track-piece {
  margin: -2px;
}
.TechnologyBlue #speakBox::-webkit-scrollbar-thumb {
  background: #2D2E3E;
  min-height: 150px;
  min-width: 150px;
  border-radius: 10px;
  opacity: 0.1;
}

.TechnologyBlue #top-list .tab-btn span {
  color: #919499;
  background: #2D2E3E;
  border: 1px solid #3C3E51;
}
.TechnologyBlue #top-list .tab-btn span.act {
  color: #fff;
  background: linear-gradient(270deg, #0084FF 0%, #00BAFF 100%);
}
 
.TechnologyBlue::-webkit-scrollbar-track {
  border-radius: 5px;
}
/* 右侧滚动条 */
.TechnologyBlue::-webkit-scrollbar {
}
/* 滚动条滑块 */
.TechnologyBlue::-webkit-scrollbar-thumb { 
  border-radius: 0px; 
  background: #2D2E3E;
}

.TechnologyBlue::-webkit-scrollbar-thumb:window-inactive { 
  background: #2D2E3E; 
}
.TechnologyBlue .pd-viewcontent-left-info {
  color: #fff;
  background-color: #202131;
}
.TechnologyBlue #tab_des {
  /* color: #fff; */
  background-color: #202131;
}
.TechnologyBlue .direct-four-cooperation {
  color: #fff;
}
.TechnologyBlue .direct-four-words {
  border-top: 1px solid #2f3035;
}
.TechnologyBlue .direct-three-right-comment {
  color: #fff;
  background-color: #202131;
  border-bottom: 1px solid #27282e;
}
.TechnologyBlue .direct-three-right {
  color: #fff;
  background-color: #202131;
}
.TechnologyBlue .text-content {
  background-color: #2D2E3E;
}
.TechnologyBlue .marry-chat-content .msg-content {
  color: #fff;
}
.TechnologyBlue .direct-three-right-bottom .c-inputbox {
  background-color: #0F0F1E;
  border: 1px solid #393A4A;
}
.TechnologyBlue .direct-three-right-bottom .c-inputbox i {
  color: #fff;
}
.TechnologyBlue .c-inputbox .direct-three-right-bottom-send {
  color: #fff;
}
.TechnologyBlue .pd-right-fixed {
  color: #fff;
  background-color: #202131;
  border: 1px solid rgba(239, 239, 239, 0.1);
}
.TechnologyBlue .pd-right-fixed .pd-split {
  background-color: #EFEFEF;
  opacity: 0.1;
}
.TechnologyBlue .pd-right-fixed-1 {
  color: #fff;
  background-color: #202131;
  border: 1px solid rgba(239, 239, 239, 0.1);
}
.TechnologyBlue .c-notlogin {
  background-color: transparent;
}
.TechnologyBlue .c-notlogin a {
  /* color: #FFDA9E; */
}
.TechnologyBlue .pd-right-fixed-1 .pd-split {
  background-color: #EFEFEF;
  opacity: 0.1;
}
.TechnologyBlue .direct-four-cooperation {
  color: #919499;
}
.TechnologyBlue .active {
  color: #fff;
  font-size: bold;
}
.TechnologyBlue .pd-like-icon, .TechnologyBlue .pd-share-icon {
  color: #fff;
}
.TechnologyBlue .pd-like-text, .TechnologyBlue .pd-share-text {
  color: #fff;
}
.TechnologyBlue #top-list .ellipsis {
  color: #fff;
}
/* .TechnologyBlue .empty-data {
  color: #fff;
} */
.TechnologyBlue .pd-text-info-top-tag {
  color: #00B849; 
  border: 1px solid #00B849;
}

.TechnologyBlue #pd-lang-id .pd-lang {
  color: #fff;
}

.TechnologyBlue #pd-lang-id .pd-lang i{
  color: #fff;
}
 
.TechnologyBlue #pd-lang-id .el-popover {
  background: #202131;
  border-color: #202131;
}
.TechnologyBlue #pd-lang-id .el-popover .handel-item, .TechnologyBlue #pd-lang-id .el-popover .handel-item i {
  color: #fff;  
}

.TechnologyBlue #pd-lang-id .el-popover .handel-item:hover, .TechnologyBlue #pd-lang-id .el-popover .handel-item:hover i {
  color: #006CFF;
}

/* 新春 */
.NewYearForMouse {
  background-color: #BE2D0E;
}
.NewYearForMouse i.trag {
  background: #B42507 !important;
  color: #FFFFFF !important;
}
.NewYearForMouse .direct-four-pgong a {
  color: #FFDA9E;
}
.NewYearForMouse .news-alert-red-packet span, .NewYearForMouse .new-gift-msg > div {
  color: rgba(255, 255, 255, 0.6);
  background-color: rgba(255, 218, 158, 0.15);
}

.NewYearForMouse .new-gift-msg .name {
  color: #FFDA9E;
}

/* .NewYearForMouse .empty-data {
  color: rgba(255, 255, 255, 0.3);
} */
.NewYearForMouse .empty-data-icon {
  background-image: url(../images/no_data_icon_red.png);
}
.NewYearForMouse .line-vote { 
  display: none; 
  position: absolute; 
  left: 0; 
  top: 0; 
  z-index: 3; 
  width: 90%;
  background: linear-gradient(270deg, #FFC567 0%, #FFDA9E 100%);
  border-radius: 6px;
  padding: 1.4rem 0.8rem;
  box-sizing: border-box;
  margin-top: 2rem;
  color: #C83218;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.NewYearForMouse .line-vote  .iconzhibozhong {
  color: #C83218;
  font-weight: bold;
  font-size: 1.4rem;
}
.NewYearForMouse .line-vote-title { 
  vertical-align: middle; 
  padding-left: 1rem; 
  font-size: 1.2rem;
}
.NewYearForMouse .ellipsis {
  color: #FFDA9E;
}
.NewYearForMouse .themeBackground-b {
  background: #C83218;
}
.NewYearForMouse .share-active {
  color: #FFDA9E !important;
}
.NewYearForMouse .pd-viewcontent-left-info {
  color: #FFDA9E;
  background-color: #C83218;
}
.NewYearForMouse #tab_des {
  /* color: #fff; */
  background-color: #C83218;
}
.NewYearForMouse .direct-four-cooperation {
  color: #FFDA9E;
}
.NewYearForMouse .direct-four-words {
  border-top: 1px solid #2f3035;
}
.NewYearForMouse .direct-three-right-comment {
  color: #fff;
  background-color: #C83218;
  border-bottom: 1px solid #E95029;
}
.NewYearForMouse .direct-three-right-comment .act {
  color: #FFDA9E;
  border-bottom: 2px solid #FFDA9E;
  font-weight: bold;
}
.NewYearForMouse .pd-text-info-bottom {
  color: #FFDA9E;
}
.NewYearForMouse .pd-text-info-bottom a {
  color: #FFDA9E !important;
}
.NewYearForMouse .direct-three-right {
  color: #fff;
  background-color: #C83218;
}
.NewYearForMouse .text-content {
  background-color: rgba(255, 218, 158, 0.15);
}
.NewYearForMouse .marry-chat-content .msg-content {
  color: #fff;
}
.NewYearForMouse .direct-three-right-bottom .c-inputbox {
  background-color: #CB3318;
  border: 1px solid #FF592F;
}
.NewYearForMouse .direct-three-right-bottom .c-inputbox i {
  color: #FFDA9E;
}
.NewYearForMouse .c-inputbox .direct-three-right-bottom-send {
  color: #FFDA9E;
}
.NewYearForMouse .c-notlogin {
  background-color: transparent;
}
.NewYearForMouse .c-notlogin a {
  color: #FFDA9E;
}
.NewYearForMouse .hover-active {
  color: #FFDA9E;
}
.NewYearForMouse .to-login:hover {
  color: #FFDA9E;
}
.NewYearForMouse .pd-live-name:hover {
  color: #FFDA9E !important;
}
.NewYearForMouse .pd-live-name:hover a {
  color: #FFDA9E !important;
}
.NewYearForMouse .pd-right-fixed {
  color: rgba(255,255,255,0.8);
  background-color: #C83218;
  border: 1px solid #FF592F;
}
.NewYearForMouse .pd-right-fixed .pd-split {
  background-color: #FF592F;
}
.NewYearForMouse .pd-right-fixed-1 {
  color: rgba(255,255,255,0.8);
  background-color: #C83218;
  border: 1px solid #FF592F;
}
.NewYearForMouse .pd-right-fixed-1 .pd-split {
  background-color: #FF592F;
}
.NewYearForMouse .pd-text-info-top-tag {
  color:#FF8300;
  border: 1px solid #FF8300;
}
.NewYearForMouse .direct-four-words {
  border-top: 1px solid #E95029;
}
.NewYearForMouse .direct-four-cooperation {
  color: #fff;
}
.NewYearForMouse .active {
  color: #FFDA9E;
  font-size: bold;
  border-bottom: 2px solid #FFDA9E;
}
.NewYearForMouse .marry-chat-content .nickname {
  color: #fff;
}
.NewYearForMouse .pd-like-icon, .NewYearForMouse .pd-share-icon {
  color: #FFDA9E;
}
.NewYearForMouse .pd-like-text, .NewYearForMouse .pd-share-text {
  color: #FFDA9E;
}
.NewYearForMouse .direct-three-right-bottom-shuru {
  color: #FFDA9E;
}
.NewYearForMouse .category-list .item-content dl dd.desc {
  color: #FFDA9E;
}
.NewYearForMouse .category-list .item-content dl dd.desc a {
  color: #FFDA9E;
}
.NewYearForMouse #top-list .ellipsis, .NewYearForMouse #top-list p {
  color: #fff !important;
}
.NewYearForMouse #top-list .list-rec {
  color: #FFDA9E;
}
.NewYearForMouse #top-list .tab-btn span {
  color: rgba(255, 255, 255, 0.65);
  background-color: #B42507;
}
.NewYearForMouse #top-list .tab-btn span.act {
  color: #D93A09;
  background: linear-gradient(270deg, #FFC567 0%, #FFDA9E 100%);
}
.NewYearForMouse .sgin_in_traning div {
  background: linear-gradient(270deg, #FFC567 0%, #FFDA9E 100%) !important;
}
.NewYearForMouse .sgin_in_traning div i, .NewYearForMouse .sgin_in_traning div span {
  color: #D93A09 !important;
}

.NewYearForMouse #speakBox::-webkit-scrollbar {
  width: 5px;
}
.NewYearForMouse #speakBox::-webkit-scrollbar-track-piece {
  margin: -2px;
}
.NewYearForMouse #speakBox::-webkit-scrollbar-thumb {
  background: #CD4225;
  min-height: 150px;
  min-width: 150px;
  border-radius: 10px;
  opacity: 0.1;
}
.NewYearForMouse::-webkit-scrollbar-track {
  border-radius: 5px;
}
/* 右侧滚动条 */
.NewYearForMouse::-webkit-scrollbar {
}
/* 滚动条滑块 */
.NewYearForMouse::-webkit-scrollbar-thumb { 
  border-radius: 0px; 
  background: #CD4225;
}
.NewYearForMouse::-webkit-scrollbar-thumb:window-inactive { 
  background: #CD4225; 
}
.NewYearForMouse input::-webkit-input-placeholder { 
  /* WebKit browsers */ 
  color: #FFDA9E; 
} 
.NewYearForMouse input:-moz-placeholder { 
  /* Mozilla Firefox 4 to 18 */ 
  color: #FFDA9E; 
} 
.NewYearForMouse input::-moz-placeholder { 
  /* Mozilla Firefox 19+ */ 
  color: #FFDA9E; 
} 
.NewYearForMouse input:-ms-input-placeholder { 
  /* Internet Explorer 10+ */ 
  color: #FFDA9E; 
}

.NewYearForMouse #pd-lang-id .pd-lang {
  color: #FFDA9E;
}

.NewYearForMouse #pd-lang-id .pd-lang i{
  color: #FFDA9E;
}
 
.NewYearForMouse #pd-lang-id .el-popover {
  background: #C83218;
  border-color: #FFDA9E;
}
.NewYearForMouse #pd-lang-id .el-popover .handel-item, .NewYearForMouse #pd-lang-id .el-popover .handel-item i {
  color: #FFDA9E;  
}

.NewYearForMouse #pd-lang-id .el-popover .handel-item:hover, .NewYearForMouse #pd-lang-id .el-popover .handel-item:hover i {
  color: #FFDA9E;
}



/* 时尚金 */
.FashionGold {
  background-color: #000;
}
.FashionGold i.trag {
  background: #2D2E3E !important;
  color: #FFFFFF !important;
}
.FashionGold .direct-four-pgong a {
  color: #fff;
}
.FashionGold .news-alert-red-packet span, .FashionGold .new-gift-msg > div {
  color: #fff;
  background: #312F2E;
}
.FashionGold .empty-data-icon {
  background-image: url(../images/no_data_icon_dark.png);
}
.FashionGold .line-vote { 
  display: none; 
  position: absolute; 
  left: 0; 
  top: 0; 
  z-index: 3; 
  width: 90%;
  background: linear-gradient(270deg, #0084FF 0%, #00BAFF 100%);
  border-radius: 6px;
  padding: 1.4rem 0.8rem;
  box-sizing: border-box;
  margin-top: 2rem;
  color: #fff;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.FashionGold .line-vote  .iconzhibozhong {
  color: #fff;
  font-weight: bold;
  font-size: 1.4rem;
}
.FashionGold .line-vote-title { 
  vertical-align: middle; 
  padding-left: 1rem; 
  font-size: 1.2rem;
}
.FashionGold .ellipsis {
  color: #FFDA9E;
}
.FashionGold .themeBackground-b {
  background: #202124;
}
.FashionGold .pd-live-name:hover {
  color: #FFDA9E !important;
}
.FashionGold .pd-live-name:hover a {
  color: #FFDA9E !important;
}
.FashionGold .share-active {
  color: #FFDA9E !important;
}
.FashionGold #speakBox::-webkit-scrollbar {
  width: 5px;
}
.FashionGold #speakBox::-webkit-scrollbar-track-piece {
  margin: -2px;
}
.FashionGold #speakBox::-webkit-scrollbar-thumb {
  background: #312F2E;
  min-height: 150px;
  min-width: 150px;
  border-radius: 10px;
  opacity: 0.1;
}
.FashionGold #top-list .tab-btn span {
  color: #919499;
  background: #2D2E3E;
  border: 1px solid #3C3E51;
}
.FashionGold #top-list .tab-btn span.act {
  color: #fff;
  background: linear-gradient(270deg, #0084FF 0%, #00BAFF 100%);
}
.FashionGold::-webkit-scrollbar-track {
  border-radius: 5px;
}
/* 右侧滚动条 */
.FashionGold::-webkit-scrollbar {
}
/* 滚动条滑块 */
.FashionGold::-webkit-scrollbar-thumb { 
  border-radius: 0px; 
  background: #312F2E;
}
.FashionGold::-webkit-scrollbar-thumb:window-inactive { 
  background: #312F2E; 
}
.FashionGold .pd-viewcontent-left-info {
  color: #FFDA9E;
  background-color: #202124;
}
.FashionGold .hover-active {
  color: #FFDA9E;
}
.FashionGold .to-login:hover {
  color: #FFDA9E;
}
.FashionGold #tab_des {
  /* color: #fff; */
  background-color: #202124;
}
.FashionGold .direct-four-cooperation {
  color: #FFDA9E;
}
.FashionGold .direct-four-words {
  border-top: 1px solid #2f3035;
}
.FashionGold .direct-three-right-comment {
  color: #fff;
  background-color: #202124;
  border-bottom: 1px solid rgba(245, 246, 247, 0.1);
}
.FashionGold .direct-three-right-comment .act {
  color: #FFDA9E;
  border-bottom: 2px solid #FFDA9E;
  font-weight: bold;
}
.FashionGold .pd-text-info-bottom {
  color: #B8BABF;
}
.FashionGold .pd-text-info-bottom a {
  color: #B8BABF;
}
.FashionGold .direct-three-right {
  color: #fff;
  background-color: #202124;
}
.FashionGold .text-content {
  background-color: #312F2E;
}
.FashionGold .marry-chat-content .msg-content {
  color: #fff;
}
.FashionGold .direct-three-right-bottom .c-inputbox {
  background-color: #101010;
  border: 1px solid #393A4A;
}
.FashionGold .direct-three-right-bottom .c-inputbox i {
  color: #fff;
}
.FashionGold .c-inputbox .direct-three-right-bottom-send {
  color: #fff;
}
.FashionGold .pd-right-fixed {
  color: rgba(255, 255, 255, 0.8);
  background-color: #202124;
  border: 1px solid rgba(239, 239, 239, 0.1);
}
.FashionGold .pd-right-fixed .pd-split {
  background-color: #EFEFEF;
  opacity: 0.1;
}
.FashionGold .pd-right-fixed-1 {
  color: rgba(255, 255, 255, 0.8);
  background-color: #202124;
  border: 1px solid rgba(239, 239, 239, 0.1);
}
.FashionGold .pd-right-fixed-1 .pd-split {
  background-color: #EFEFEF;
  opacity: 0.1;
}
.FashionGold .direct-four-words {
  border-top: 1px solid rgba(245, 246, 247, 0.1);
}
.FashionGold .direct-four-cooperation {
  color: #fff;
}
.FashionGold .active {
  color: #FFDA9E;
  font-size: bold;
  border-bottom: 2px solid #FFDA9E;
}
.FashionGold .marry-chat-content .nickname {
  color: #fff;
}
.FashionGold .pd-like-icon, .FashionGold .pd-share-icon {
  color: #fff;
}
.FashionGold .pd-like-text, .FashionGold .pd-share-text {
  color: #fff;
}
.FashionGold .direct-three-right-bottom-shuru {
  color: #fff;
}
.FashionGold .category-list .item-content dl dd.desc {
  color: #fff;
}
.FashionGold .category-list .item-content dl dd.desc a {
  color: #fff;
}
.FashionGold .c-notlogin {
  background-color: transparent;
}
.FashionGold .c-notlogin a {
  color: #FFDA9E;
}
.FashionGold .pd-text-info-top-tag {
  color: #00B849; 
  border: 1px solid #00B849;
}
.FashionGold input::-webkit-input-placeholder { 
  /* WebKit browsers */ 
  color: #fff; 
} 
.FashionGold input:-moz-placeholder { 
  /* Mozilla Firefox 4 to 18 */ 
  color: #fff; 
} 
.FashionGold input::-moz-placeholder { 
  /* Mozilla Firefox 19+ */ 
  color: #fff; 
} 
.FashionGold input:-ms-input-placeholder { 
  /* Internet Explorer 10+ */ 
  color: #fff; 
}

.FashionGold #pd-lang-id .pd-lang {
  color: #fff;
}

.FashionGold #pd-lang-id .pd-lang i{
  color: #fff;
}

.FashionGold #pd-lang-id .pd-lang:hover, .FashionGold #pd-lang-id .pd-lang:hover i{
  color: #FFDA9E;
}
 
.FashionGold #pd-lang-id .el-popover {
  background: #202124;
  border-color: #333;
}
.FashionGold #pd-lang-id .el-popover .handel-item, .FashionGold #pd-lang-id .el-popover .handel-item i {
  color: #fff;  
}

.FashionGold #pd-lang-id .el-popover .handel-item:hover, .FashionGold #pd-lang-id .el-popover .handel-item:hover i {
  color: #FFDA9E;
}