/* 
    需要指定颜色的区域:
    1. 导航栏切换：   <ul class="live-qiye-nav 此处添加">
    2. 榜单Tab切换： <div class="maple-tab 此处添加">
    3. 榜单页面切换： <div class="inviteListDiv 此处添加">
*/
/* 
    绿色， 在对应的区域指定 class 为 user-prefer-green
*/
.user-prefer-green #ent_focus>a,
.user-prefer-green #indicator,
.maple-tab.user-prefer-green .active {
    
    background-color: #00C853 !important;
}

.live-qiye-nav.user-prefer-green .on>a,
.inviteListDiv.user-prefer-green .inviteMoney span,
.maple-tab.user-prefer-green ul li:not(.active) {
    color: #00C853 !important;
}

.maple-tab.user-prefer-green {
    border: 1px solid #00C853 !important;
}

/* 
    蓝色， 在对应的区域指定 class 为 user-prefer-blue
*/

.user-prefer-blue #ent_focus>a,
.user-prefer-blue #indicator,
.maple-tab.user-prefer-blue .active {
    background-color: #00A8F4 !important;
}

.live-qiye-nav.user-prefer-blue .on>a,
.inviteListDiv.user-prefer-blue .inviteMoney span,
.maple-tab.user-prefer-blue ul li:not(.active) {
    color: #00A8F4 !important;
}

.maple-tab.user-prefer-blue {
    border: 1px solid #00A8F4 !important;
}

/* 
    橙色， 在对应的区域指定 class 为 user-prefer-orange
*/

.user-prefer-orange #ent_focus>a,
.user-prefer-orange #indicator,
.maple-tab.user-prefer-orange .active {
    background-color: #FF7043 !important;
}

.live-qiye-nav.user-prefer-orange .on>a,
.inviteListDiv.user-prefer-orange .inviteMoney span,
.maple-tab.user-prefer-orange ul li:not(.active) {
    color: #FF7043 !important;
}

.maple-tab.user-prefer-orange {
    border: 1px solid #FF7043 !important;
}

/* 
    红色， 在对应的区域指定 class 为 user-prefer-red
*/

.user-prefer-red #ent_focus>a,
.user-prefer-red #indicator,
.maple-tab.user-prefer-red .active {
    background-color: #FF5151 !important;
}

.live-qiye-nav.user-prefer-red .on>a,
.inviteListDiv.user-prefer-red .inviteMoney span,
.maple-tab.user-prefer-red ul li:not(.active) {
    color: #FF5252 !important;
}

.maple-tab.user-prefer-red {
    border: 1px solid #FF5252 !important;
}

/* 
    天蓝色， 在对应的区域指定 class 为 user-prefer-skyBlue
*/

.user-prefer-skyBlue #ent_focus>a,
.user-prefer-skyBlue #indicator,
.maple-tab.user-prefer-skyBlue .active {
    background-color: #00ACC1 !important;
}

.live-qiye-nav.user-prefer-skyBlue .on>a,
.inviteListDiv.user-prefer-skyBlue .inviteMoney span,
.maple-tab.user-prefer-skyBlue ul li:not(.active) {
    color: #00ACC1 !important;
}

.maple-tab.user-prefer-skyBlue {
    border: 1px solid #00ACC1 !important;
}