﻿/*品牌色*/
:root {
    --text-primary: #397f19;
    --primary-color: #397f19;
    --second-color: #43951e;
    --bg-hover: rgb(27, 185, 59, .15);
}
.dark {
    --primary-color: #285a12;
    --second-color: #306c16;
}



/* .menu2 {
    background-image: -o-linear-gradient(#535456, #232527);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#535456), to(#232527));
    background-image: linear-gradient(#535456, #232527);
}
.menu2 li .on, .menu2 li .on:hover {color:#bd6200;}*/
.menu2 li a {border-right:1px solid var(--black20);}
.menu2 li a:hover {background-color:var(--black40);}

.i_top,.i_hot {width:auto !important;padding:0 3px !important;}
.crumbs a.off {color:var(--text-primary);}

.dataItem .userBox .btn.fill {
    color: var(--text-white);
    background: var(--primary-color) !important;
    border: var(--primary-color) !important;
}
.d_bg .iconBox .hit {color: var(--green40);}
.d_bg .iconBox .wrong {color: var(--red40);}



/* 指向交互效果 */
.dark .listitems li:hover,
.dark .regBox .txtBox .sendBtn,
.dark .listitems li:hover,
#clist-groups.GrounpMenu .dataItem.on,
.userMenu .mItem:hover,
.userMenu .mItem.on,
.regBox .rankList .dataItem:hover,
.GroupList .dataItem:hover,
.Groups .dataItem.on,
.listitems li:hover,
.listitems li:last-child:hover
/*.Groups .dataItem:hover,.Groups .dataItem:last-child:hover*/
{
    background-color: var(--bg-hover) !important;
    border-color: var(--primary-color) !important;
    color: #333 !important;
    cursor: pointer;
}


/* 主字色 */
.userDetailBox .dataBox.defC .val,
.userCenter .card .itemRow,
.userbar .userBox .itemData .dataValue,
.d_bg .result .locked .iconfont,
.d_bg .result .locked,
.listitems li,
.listitems li:last-child,
.weiquBox .right .name,
.userMenu .mItem.on .iconfont,
.userMenu .mItem.on a,
.userBox .btn.on,
.Second-nav .button .iconfont,
.selectList h4 .icon,
.menu2 li .on,
.menu2 li .on:hover 
{color:var(--text-primary);}


/* 连接色 */
.topics .userBox .itemData a,
.icon-font-small-administrators,
.memberList .userBox .UType,
.userDetailBox .name:hover,
.replySort .tabItem:hover,
a.defC,
.defC,
.dataItem .userBox .btn.off:hover,
.dataItem .userBox .btn.off,
.detailTools .shareBtn *,
.detailTools .shareBtn .iconfont,
.detail .detailInfo .date a 
/* .matchBox .links a, */
{color:var(--text-primary) !important;}


/* 主高光字色 */
.userCenter .userbar .uicon .icon:hover,
.dark .regBox .txtBox .sendBtn,
.dark .listitems li:hover,
.regBox .rankList .dataItem:hover .btn,
.button:hover .iconfont,
.button.highlighted,
.button.highlighted .iconfont,
a.button:hover,
.button:hover,
.button:hover .iconfont,
.detailTools .shareBtn:hover *,
.detailTools .shareBtn:hover .iconfont,
.detailTools .shareBtn.on *,
.detailTools .shareBtn.on:hover *,
.detailTools .shareBtn.on:hover .iconfont 
{color:var(--text-white) !important;}


/* 主色暗部 */
#top-tools {background-color:#212121;}


/* 主背景色 */
.copybtn,
.matchItem .vs .btn,
.matchItem .vs .btn:hover,
.matchItem .kind,
#ddlTimeZone li:hover,
#ddlOddsType li:hover,
.btn-primary,
.btn-primary:hover,
.addrecommend .matchRecommendBox li:not(.off):hover,
.matchBox ul li.on,
.userCenter .userbar .uicon .icon:hover,
.dark .regBox .txtBox .sendBtn,
.floatLeftTit,
.lockBox .btn.end,
/* .lockBox .btn.end:hover, */
.listitems li .button,
.userCenter .subTools .button,
.regBox #rankingTab .tab.on,
.replyFloat .tools>div,
.swal2-styled.swal2-confirm,
.detailTools .shareBtn:hover,
.detailTools .shareBtn.on,
.regBox .txtBox .sendBtn,
.regBox .rankList .dataItem:hover .btn,
.GroupList .dataItem:hover .btn,
.Groups .dataItem:hover .btn,
.button--max--success,
.button--mini--success,
.button--success,
#groupTab .tab.on:hover,
.userDetail,
#header-wrapper,
#analyMap a,
.dark .jqTitle,
.bts .ent,
.popup-container .popup-titlebar,
.selectLeaguePopup .bts .btn.on,
.selectedBox .oddsBox .oddBtn.on
{background-color:var(--primary-color) !important;}


/* 次背景色 */
.mintopnav li.on a,
.mintopnav.v2 li.on a,
.subMenu .HTabs_b li.on,
.subMenu .HTabs_b li.on:hover,
.Second-nav .tabs>*.on,
.Second-nav .tabs>*.on:hover,
.addrecommend h4 i,
.detail .type,
.menu2,
#soccer .scoretitle td,
#tools .on a,
#tools .on a:hover,
#soccer.dark #tools .on a,
#soccer.dark #tools .on a:hover,
.oddsHead select,
.nav_select,
.jqTitle,
#free-tools .on 
{background-color:var(--second-color)!important;}


/* 主渐变色 */
.replySort .tabItem--on {
    line-height: 30px;
    float: left;
    font-size: 12px;
    border-radius: 4px;
    color: var(--text-white);
    background: -o-linear-gradient(top, var(--second-color), var(--primary-color));
    background: -webkit-gradient(linear, left top, left bottom, from(var(--second-color)), to(var(--primary-color)));
    background: linear-gradient(to bottom, var(--second-color), var(--primary-color));
    -webkit-box-shadow: 2px 2px 0 rgb(0 0 0 / 6%);
    box-shadow: 2px 2px 0 rgb(0 0 0 / 6%);
}


/* 灰背景色 */
.menu2 li .on,
.menu2 li .on:hover,
.mintopnav a,
.date-tab,
#tools li a,
.oodstable-t,
.date-table th,
.d_out,
.gray-bg2,
.fx-tb-a li .fx-td-data,
.fx-line,
.date-table-ul td a,
.lo-f2,
.fx-tb-b h4,
.fx-tab span,
.oddsCaption,
.home-div a span,
.guest-div a span,
.Leaguestitle 
{background-color:#e5e5e5 !important;}


/* 主边框色 */
.mintopnav,.subMenu,.Second-nav {border-color:var(--second-color);}

.addrecommend .matchRecommendBox li:not(.off):hover,
.matchBox ul li.on,
.d_bg .result .locked,
.listitems li .button,
.userCenter .subTools .button,
.userBox .btn.on,
.detailTools .shareBtn,
.regBox .txtBox .sendBtn,
.regBox .rankList .dataItem:hover .btn,
.GroupList .dataItem:hover .btn,
.Groups .dataItem:hover .btn,
.button--max--success,
.button--mini--success,
.button--success,
.selectedBox .oddsBox .oddBtn.on 
{border-color:var(--primary-color) !important;}

a.defC, .defC {border-color:var(--primary-color);}


/* 清除背景色 */
.dataItem:hover .userBox .btn.off,
.dataItem .userBox .btn.off {background:transparent !important;}


/* 确认按钮 */
.swal2-styled.swal2-confirm {width:110px;}


/*404页*/
.nodatapage .alogo { color: var(--text-primary) !important; font-size: 70px !important; }
.nodatapage .backbtn { background: var(--primary-color) !important; }

#menu li a {padding: 0 7px;}

/*竞猜*/
.icon-cancel { background:#3c78c6 !important }