/* 兼容旧版结构重构样式开始 */
body{background-color:var(--body-bg);font-family:"微软雅黑","黑体",Arial;color:var(--text-color-1);-webkit-user-select:none;-webkit-text-size-adjust:none;font-weight:normal;font-size:14px;line-height:20px;margin:0;padding:0}
.header,#detailHeader {background-color:var(--primary-color)}
header * {box-sizing: border-box;}
ul,ul li {padding: 0;margin: 0;list-style: none;}
i {font-style: normal;}
a,a:hover {text-decoration: none;}
.adimg {width: 100%;height: 60px;}
.picz{position:relative;overflow:hidden;height:30px;border-bottom: 1px solid var(--border-1);background-color: var(--bg-hightlight-1);}
.picz:before {    display: inline-block;
    content: "";width: 0;height: 0;
    border-left: 5px solid var(--text-hightlight-4);
    border-right: 0 none;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    position: absolute;
    top: 10px;
    left: 12px;}
.picz .icon{position:absolute;z-index:999;top:5px;margin-left:5px;}
.g-hot-info {height: 60px; position: absolute; padding: 0px; margin: 0px; top: 0px;}
.g-hot-info li a { color: var(--text-hightlight-4);}
.more {background: none;display: block;-webkit-box-flex: 1;text-align: center;padding: 0px;margin: 0px;-webkit-box-pack: justify;width: 100%;line-height: 35px;height: 35px;color: #fff;font-size:16px;}
.more a {color: #fff;text-align: center;font-weight: 500;display: block;background: none;text-shadow: none;box-shadow: none;white-space: nowrap;width: 16.6%;float: left;margin: 0px;padding: 0%;height: 35px;position: relative;line-height: 35px;}
.logowrapper{text-align:center;height:45px;line-height:45px;overflow:hidden;}
.logowrapper .btn{background:#ff6666;color:#fff;float:right;margin:8.5px 5px 8.5px 0;padding:0 10px;border-radius:2px;line-height:28px;height:28px;}
.logowrapper .btn a{color:white}
.logowrapper,.more,.more2 div a,.more2 div a.selectA .more2 a,.more .ddl.act,.more2 div a.selectA,.more a,.more .ddl,.more .ddl.on {background: none;text-shadow: none;box-shadow: none;color: #fff;}
.topicon {display: inline-block; float: right; width: 22px; height: 22px; margin: 10px 10px 0 0}
.help {background: url(/content/images/aiservice/icon_help.png) no-repeat;background-size:100%}
.more .ddl {text-align: center;display: block;white-space: nowrap;width: 20%;float: left;margin: 0px;height: 35px;position: relative;line-height: 35px;}
.more .ddl i {display: inline-block;content: "";top:2px;transition: .2s;width: 0; height: 0;vertical-align: middle;border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 5px solid #FFF; margin-left: 4px; opacity: .6;}
.more .ddl.on i {transform: rotate(180deg);opacity:1; }
.more .ddl .i {position: relative;top: -2px;float: right;height: 6px;width: 9px;z-index: 2;}
.more .ddl.on ul {position: absolute;top: 35px;background: #fff;width: 100%;right: 0px;background-clip: padding-box;box-shadow: 0 2px 12px rgba(60, 60, 60, 0.25);z-index: 1;display: block;border-radius:0;border:none;}
.more .ddl.on ul li {border-radius:0;line-height: 35px; border-bottom: 1px solid #e5e5e5}
.more .ddl.on ul li:last-child {border-bottom:none}
.more .ddl.on ul li:hover {background-color: #fffaa5;}
.more .ddl ul {display: none;}
.more a.on,.more .ddl.on,.more .ddl.act {/*background: url(../H5/Images/menuon.png) no-repeat center bottom;background-size: auto 6px;*/ display: block;position: relative;}
.more a.on:after,.more .ddl.on:after,.more .ddl.act:after {display: inline-block;position: absolute;bottom: 0;left: calc(50% - 5px);width: 0;height: 0;content: "";
border: 5px solid transparent;border-bottom-color: var(--bg-color-1);}

.more .ddl.on {background:none;border-radius:3px 3px 0 0}
.more {line-height: 35px;height: 35px;}
.more2 {background: var(--bg-color-1);line-height: 40px; height: 40px; border-bottom: solid 1px var(--border-1);overflow: hidden;}
.more2 div {height: auto;background: transparent}
.more2 div a,.more2 div a.selectA,.more .ddl.on ul li {color: var(--text-color-1);}
.more2 div a.selectA {display: block;/*border-bottom: solid 2px var(--text-hightlight-1);*/font-size: 16px;height: 39px;border-radius: 0;padding: 0;margin: 0; color: var(--text-hightlight-1); font-weight: 600; text-align: center;position: relative;}
.more2 div a.selectA:after,.more2 div a.selectA:before {display: inline-block;position: absolute;content: "";height:3px;background-color:var(--text-hightlight-1);width: 16px;bottom: 0;}

.more2 div a.selectA:before{left: 50%;border-radius: 0 20px 20px 0;}
.more2 div a.selectA:after{right:50%;border-radius: 20px 0 0 20px;}

.more .ddl .i {height: auto;float: none;}

.more2 div {display: block;width: 16.6%;background: inherit;-webkit-box-flex: 1;margin: 0 0px 0 0;padding: 0px;-webkit-box-sizing: border-box;float: left;height:40px;text-align: center;}

#content img {vertical-align: middle;}
#content .match {border-bottom: solid 1px var(--border-1); padding-bottom:5px;}
#content .match .guestTeam,#content .match .homeTeam {font-weight:normal;}
.logo {overflow: hidden;margin: 0px;float: left;height: 35px;width: 120px;background: url(/content/images/aiservice/logo.png) no-repeat 5px center;background-size: auto 28px; margin-top: 3px;position: relative;}
.logo::after {display: block;position: absolute;content: "";width: 90px;height: 5px;background-color: rgba(0, 0, 0, 0.2);filter: blur(6px);bottom: 9px;left: 15px;border-radius: 50%;}
.logo.wc {width: 130px;background: url(/content/images/aiservice/logo_wc.png) no-repeat 5px center;background-size: auto 28px;}
.logo.wc .sjb {color: var(--white);font-size: 14px;font-weight: bold;line-height: 35px;margin-left: 75px;vertical-align: 5px;display: inline-block;}
.logo.wc .sjb::after {content:"";display:inline-block;width: 0;height: 0;border-top: 4px solid var(--white);border-bottom: 0 none;border-left: 4px solid transparent;border-right: 4px solid transparent;margin: 0 0 2px 3px;transform: rotate(-90deg);}
.reCirBtn {width: 3em;height: 30px;color: var(--text-color-1);display: block;text-align: center;overflow: hidden;cursor: pointer;float: right;margin-top: 10px;vertical-align: middle;line-height: 28px;}
.more2 div a,.more2 a {font-size: 16px;display: block; color: var(--text-color-2); }
.more2 div a, .more2 a {position: relative;}
.more2 div a i, .more2 a i {position: absolute;border-radius: 20px;background: var(--red60);color: var(--text-white);font-size: 12px;line-height: normal;padding: 1px 6px; min-width: 20px;}
.logowrapper .select {width:120px; height: 30px; border: 1px solid #015FAA; border-radius: 6px; left: 50%; display: inline-block; transform: translateX(-50%); position: absolute; margin-top: 6px;overflow: hidden;background-color: #0065B6;}
.select .tab { height: 28px; line-height: 28px; width:50%; text-align: center; float: left; font-size: 15px; color: var(--white40);}
.logowrapper .select.wc {width: 170px;left: 54%;}
.logowrapper .select.wc .tab {width: 33.3%;}
.theme--dark .logowrapper .select {background-color: #072C49;border: 1px solid #0A263E; }
.theme--dark .select .tab {color: var(--white40);}
.select .tab.on {background: #2F90DE;box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);color: #FFF;text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.08);font-weight: 500;}
.theme--dark .select .tab.on {background-color:#1A66A4; color:var(--white80);}

/* 兼容旧版结构重构样式结束 */

.filterBox .filterBtn {cursor: pointer;float: left;display: block;border-radius: 0.2em;color: var(--text-color-1);width: 23%;text-align: center;padding: 5px 0;margin: 1%;border: solid 1px #d6d8d7;background: #fff;font-size: 12px;}
.filterBox .filterBtn2 {height: 32px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;cursor: pointer;float: left;display: block;border-radius: 0.2em;color: var(--text-color-1);width: 23%;text-align: center;padding: 5px 0;margin: 1%;border: solid 1px #d6d8d7;background: #fff;font-size: 12px;}
.red {color: var(--text-hightlight-3) !important;}
.green {color: var(--text-hightlight-2);}
.blue3 {color: #2C5994;}
.blue2 {color: #B40C00;}
.blue {color: var(--text-hightlight-1);}

#subSpnLoading {background: var(--bg-color-1);border: solid 1px var(--border-1);width: 80%;margin: 0 auto;margin-top: 20px;text-align: center;padding: 10px 0;border-radius: 4px;line-height: 30px;}
#subSpnLoading:before,.loading:before {display: inline-block;background:url(/content/images/aiservice/oval.svg);width: 20px;height: 20px;content: "";background-size: 100%;vertical-align: middle;margin-right: 4px;}
#subSpnLoading img {vertical-align: middle;display: none;}
#footer {text-align: center;color: var(--text-color-2);font-size: 12px;width: 100%;float: left;line-height: 22px;overflow: hidden;padding: 15px 0;height: auto}
#footer a {display: inline;color:var(--text-hightlight-1);}
.ad a {display: block;}
.adimg {width: 100%;height: auto;}
.redCard>*,.yellowCard>* {line-height: 16px;font-size: 12px;float: none !important;text-align: center;font-style: normal;border-radius: 2px;color: #fff;margin: 0 1px;padding: 0 2px;line-height: 16px;font-weight: normal;position: relative;height: 16px;}
.redCard>* {background: #e9481e;}
.yellowCard>* {background: #f9c203;}
#filterDiv {position: absolute;top: 0;left: 0;background: #fff;z-index: 99999;width: 100%;}
.filterBox {width: 100%;margin: 45px 0 68px 0;position: fixed;height: calc(100% - 113px);overflow-y: auto;background: #fff;}
#filterBar {position: fixed;height: 45px;top: 0;z-index: 999;line-height: 45px;width: 100%;text-align: center;background: #2c5994;color: #fff;}
#filterToolsBar,#filterToolsBarLq {position: fixed;bottom: 0;left: 0;width: 100%;}
.header {position: relative;}
.header .btns .btn a,#filterBar .btns .btn a {display: block;line-height: 28px;text-align: center;}
.header .btns .btn,#filterBar .btns .btn {position: static;float: right;margin: 8px 7px 0 0;}
.header .btn,#filterBar .btn {line-height: 28px;height: 28px;overflow: hidden;position: absolute;right: 5px;top: 50%;padding: 0;margin: 0;margin-top: -15px;border: solid 1px #e1e1e1;min-width: 60px;border-radius: 4px;}
.header .back,#filterBar .back {background: url("/content/images/aiservice/left_icon.png") no-repeat 0px center;left: 0;top: 50%;margin: -16px 0 0 10px;background-size: auto 70%;width: 30px;display: block;height: 30px;position: absolute;}
.filterBox .on {background: #fde39a;color: #d05b1a;border: solid 1px #ee8862;}
.filterToolsBar #menu {background: #2C5994;overflow: hidden;}
.filterToolsBar #menu li {float: left;color: #FFF;width: 25%;text-align: center;line-height: 30px;}
.filterToolsBar #menu li.on {background: #F66;}
#tools {overflow: hidden;background: #fff;display: block;clear: both;padding-left: 5px;}
#tools li {float: right;display: block;width: 16%;border: solid 1px #ccc;border-radius: 4px;height: 30px;line-height: 30px;margin: 4px;margin-left: 0;text-align: center;background: #FFF;font-size: 14px;}
#tools li.on {border: none;background: #F66;color: #fff;}
#tools li.title {text-align: left;border-style: none;float: left;white-space: nowrap;font-size: 1em;}
#oddsLive {margin-top: 45px;}
#leagueSetContent {margin-top: 45px;}
#compSetContent {margin-top: 45px;width: 100%;}
.game .data {white-space: nowrap;}
.game.ovf .data {white-space: nowrap;position: relative;top: -2px;}
.m_tit {max-width: 100%;padding-right: 5%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;background: url("/content/images/aiservice/right_icon.png") no-repeat right center;background-size: auto 50%;}
.m_tit .game {width: 70px;float: left;}
.m_tit .game span {display: block;text-align: center;line-height: normal;}
.m_tit .match {float: left;display: flex;width: calc(100% - 80px);line-height: 32px;}
.m_tit .match>* {flex: 1;text-align: center;}
.m_tit .match .vs.end {color: yellow;}
.popupwin {position: fixed;bottom: 2em;border-radius: .5em;-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .15);-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .15);box-shadow: 0 1px 3px rgba(0, 0, 0, .5);background: rgba(255, 248, 225, 1);width: 90%;text-align: center;left: 5%;right: 5%;padding-top: 1em;padding-bottom: 1em;}
.ovf .name {overflow: hidden;white-space: nowrap;display: inline-block;position: relative;bottom: -3px;}
.ovf .name:after {content: "";position: absolute;right: 0;bottom: 0;width: 40px;height: 100%;background: url("/content/images/aiservice/odd_bg.png") repeat-y right center;}
.hg .homeTeam,.gg .guestTeam,.hg .homeS,.gg .guestS {background: #ffe077 !important;}
.hg .ovf .name:after,.gg .ovf .name:after,.hg .ovf:after,.gg .ovf:after {background: url("/content/images/aiservice/odd_bg_on.png") repeat-y right center !important;}

/* By ren add 20200211 */

.nav-guess div{width:25%;}
.nav-v-guess div{width:25%}
.nav-pub{margin-bottom:0px;}
.topicon{display:inline-block;float:right;width:22px;height:22px;margin:10px 10px 0 0}


.my {
    background: url(/content/images/aiservice/icon_my.png) no-repeat;
    background-size: 100%
}
        .football_app {font-size: 0;width: 100%;position: fixed;bottom: 0;margin: 0 auto;padding: 0;background-size: auto;background-size: 100%;line-height: normal;}

.football_app .tit{ position: absolute; width:50%;
    animation: fadeAdInLeft 4s cubic-bezier(0.39, 0.58, 0.57, 1) infinite alternate;
    opacity: 0;
    top:3vw;
}
.football_app .subTit{position: absolute; width:40%;
    animation: fadeInTop 4s cubic-bezier(0.39, 0.58, 0.57, 1) 0.5s infinite alternate;
    opacity: 0;
    left:25%;
}

.football_app img {max-width: 100%;max-height: 100%;}
.football_app .adlogo {position: absolute;width: 14%;top: 10%;left: 3%;overflow: hidden;box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);border-radius: 10px;
        }
.football_app .adlogo:before {content: "";position: absolute;left: -120px;top: -460px;width: 200px;height: 15px;background-color: rgba(255, 255, 255, .3);transform: rotate(-45deg);animation: searchLights 1.5s ease-in infinite;}
.football_app .adbutton {position: absolute;right: 1%;width: 28%;top: 23%;

animation: zoom 0.4s linear infinite alternate;overflow: hidden;border-radius: 30px;
        }
.football_app .adbg {width: 100%;}
@keyframes zoom {
0% {transform: scale(1);box-shadow: 0 0 3px rgb(255, 255, 255,0);}
50% {}
100% {transform: scale(1.05);box-shadow: 0 0 10px rgb(255, 217, 0);}
}
@keyframes searchLights {
0% {left: -120px;top: 0;}
100% {left: 300px;top: 100px;}
}



@keyframes fadeAdInLeft {

0% {left:40%; opacity: 0;}
20% {left:20%;opacity: 1;}
60% {left:20%;opacity: 1;}
80%{left:20%;opacity: 0;}
100%{left:20%;opacity: 0;}

}
@keyframes fadeInTop {

0% {top:20vw; opacity: 0;}
20% {top:10vw;opacity: 1;}
60% {top:10vw;opacity: 1;}
80%{top:10vw;opacity: 0;}
100%{top:10vw;opacity: 0;}

}

.rsmchar{ padding:6px; background:#fff; line-height:20px; font-size:12px; text-align: center;}
.moreToAPP {
    border-radius: 30px;
    width: 80%;
    padding: 5px;
    background: #4098e0;
    color: #fff;
    margin: 0 auto;
    text-align: center;
    margin-top: 20px;
    font-size: 16px;
    line-height: 30px
}
.rselmenudivbg select{
    width:25%;
    float:left;
    text-align:center;
}


:root {
    /*全局颜色定义 -------*/
    /*BLUE蓝色*/
    --blue70:#0170CA;
    --blue50:#0A8FEA;
    --blue20:#8BC6F4;
    --blue10:#E2F1FC;
    
    /*RED红色*/
    --red60:#E62229;
    --red40:#F04545;
    /*Green绿争*/
    --green80:#008000;
    --green60:#2CA31F;

    --yellow1:#FFE8A3;
    --yellow2:#ffefdd;
    --yellow3:#F2D8B1;
    --yellow60:#F9AF06;
    
    /*GRAY灰色*/
    --gray10:#f0f0f0;
    --gray20:#e5e5e5;
    --gray30:#d1d1d1;
    --gray40:#aaa;
    --gray50:#999;
    --gray60:#666;
    --gray70:#444;
    --gray80:#333;
    --gray90:#111;
    --steelgray1:#475C85;
    --steelgray2:#666971;
    --steelgray3:#999EAC;
    --steelgray4:#A9ABB1;
    --steelgray5:#F6F8FA;
    
    --white80:rgba(255,255,255,.8);
    --white60:rgba(255,255,255,.6);
    --white50:rgba(255,255,255,.5);
    --white40:rgba(255,255,255,.4);
    --white30:rgba(255,255,255,.3);
    --black15:rgba(0,0,0,.15);
    --black20:rgba(0,0,0,.2);
    --black50:rgba(0,0,0,.5);
    --black:#000;
    --white:#FFF;
    /*全局颜色定义 -------*/


    /*白天模式CSS定义 light_theme*/
    /*primary品牌色&BODY*/
    --primary-color:var(--blue70);/*品牌色 第一级*/
    --second-color:var(--blue50);/*第二级*/
    --body-bg:var(--gray10);
    /*背景色*/
    --bg-color-1:var(--white);
    --bg-color-2:var(--gray10);
    --bg-color-3:var(--gray20);
    --bg-hightlight-1:var(--yellow2);
    --bg-hightlight-2:var(--steelgray5);
    --bg-hightlight-3:var(--yellow60);
    --bg-hightlight-4:var(--blue50);
    --bg-hightlight-5:var(--red40);
    --bg-hightlight-6:var(--blue70);
    --bg-hightlight-7:var(--green60);
    --bg-hightlight-8:#FFFAF8;
    --bg-hightlight-9:#F2F9FF;
    --white-bg:var(--white);
    /*文字*/
    --text-color-1:var(--gray80);
    --text-color-2:var(--steelgray2);
    --text-color-3:var(--steelgray3);
    --text-color-4:var(--gray40);
    --text-hightlight-1:var(--blue50);
    --text-hightlight-2:var(--green80);
    --text-hightlight-3:var(--red60);
    --text-hightlight-4:#9A5F4B;
    --text-hightlight-5:var(--yellow60);
    --text-white:var(--white);
    /*边框*/
    --border-1:var(--gray10);
    --border-2:var(--gray30);
    --border-3:var(--gray20);
    --border-hightlight-1:var(--blue20);
    --border-hightlight-2:var(--yellow3);
    --border-hightlight-3:rgba(227, 183, 181, 0.6);
    --border-hightlight-4:rgba(119, 190, 248, 0.4);
    --theme-icon:url(/content/images/aiservice/light.svg);
    }

    /*夜间模式CSS定义 theme_dark*/
    .theme--dark {
    --blue70:#003662;
    --red60:#B53535;
    --yellow1:#4D4634;
    --yellow2:#221608;
    --yellow3:#F2D8B1;
    --yellow60:#ab7908;

    --steelgray1:var(--gray50);
        
    /*primary品牌色&BODY*/
    --primary-color:var(--blue70);
    --second-color:var(--blue50);
    --body-bg:var(--gray90);
    /*dark背景色*/
    --bg-color-1:#191919;
    --bg-color-2:var(--gray80);
    --bg-color-3:var(--gray70);
    --black20:rgba(0,0,0,.2);

    --bg-hightlight-1:var(--yellow2);
    --bg-hightlight-2:#212325;
    --bg-hightlight-3:var(--yellow60);
    --bg-hightlight-4:var(--blue70);
    --bg-hightlight-5:var(--red60);
    --bg-hightlight-6:var(--blue70);
    --bg-hightlight-7:var(--green80);
    --bg-hightlight-8:#38231A;
    --bg-hightlight-9:#1B2F42;
    --white-bg:var(--gray90);
    
    --text-color-1:var(--gray20);
    --text-color-2:var(--gray40);
    --text-color-3:var(--gray60);
    --text-color-4:var(--gray40-d);
    --text-hightlight-1:var(--blue50);
    --text-hightlight-2:var(--green80);
    --text-hightlight-3:var(--red60);
    --text-hightlight-4:#BCA78F;
    --text-hightlight-5:var(--yellow60);
    --text-white:var(--white);
    
    --border-1:#252525;
    --border-2:var(--gray80);
    --border-3:var(--gray60);
    --border-hightlight-1:var(--blue70);
    --border-hightlight-2:var(--yellow1);
    --border-hightlight-3:rgba(81, 38, 38, 0.6);
    --border-hightlight-4:rgba(56, 76, 97, 0.4);
    --theme-icon:url(/content/images/aiservice/dark.svg);
    }


    /*共用样式*/
    .themeicon {background:var(--theme-icon);width: 22px;height: 22px;margin: 10px 10px 0 0; float: right;background-size: 100%;}

    /*高亮小字标签--红*/
    .list_lately.record,.list_hot_lately.record,.topicList .masters .fans,.bainfo .date .fans,.content .item .data .dataInfo .name span.fans {border: 1px solid var(--border-hightlight-3);color:#C9454A;background-color: var(--bg-hightlight-8);}

    /*高亮小字标签--蓝*/
    .list_lately.fans,.list_hot_lately.fans {border: 1px solid var(--border-hightlight-4);color:var(--text-hightlight-1);background-color: var(--bg-hightlight-9);}
    /*高亮小字标签--结构*/
    .list_lately,.list_hot_lately,.topicList .masters .fans,.bainfo .date .fans,.content .item .data .dataInfo .name span.fans {float: left; padding:2px 6px 1px 6px; line-height: 11px; font-size: 10px; text-align: center; margin-left: 6px; border-radius: 20px;margin-top: 2px;}

    /*分隔条*/
    .spacing {height: 6px;background-color: var(--body-bg);display: block;clear: both;}

    /*三级导航条TAB*/
.tabmenu3 {  background-color: var(--bg-color-1);border-bottom: solid 1px var(--border-1);padding: 14px 20px;}
.tabmenu3 ul {background-color: var(--bg-color-2);overflow: hidden;border-radius: 4px;display: flex;}
.theme--dark .tabmenu3 ul {background-color: var(--black);}
.tabmenu3 a {flex: 1;height: 34px; line-height: 34px;color: var(--text-color-2);display: block;text-align: center;font-size:16px;border-radius: 4px;}
.tabmenu3 a.on{color: var(--text-white);font-weight: 600;background-color: var(--bg-hightlight-6);box-shadow:0 0 6px rgba(0, 0, 0, 0.2);}

/*下拉网站地图导航*/
.more-menu,.more-menu-close {float: right;height: 45px;position:absolute;width: 45px;
    z-index: 2;right: 0;top:0;line-height: 45px;}
.more-menu span{background-color: #fff;position: absolute;
    border-radius: 3px;top: 22px;right: 10px;display: inline-block;
    height: 2px; width: 24px;font: 0/0 a;}
.more-menu span::before {margin-top: -7px;}
.more-menu span::after {margin-top: 7px;}
.more-menu span::before,.more-menu span::after{background-color: #fff;
    border-radius: 3px;    content: '';
    position: absolute;display: block;height: 2px;width: 24px;
}
.more-menu.on {background-color: var(--bg-color-1);}
.more-menu.on span::before,.more-menu.on span::after,.more-menu.on span {background-color: var(--text-color-1);}
.more-menu-nav {background-color: var(--bg-color-1);position:fixed;width: 100%;right: 0;bottom: 0;z-index: 99999;color: var(--text-color-1);text-align: left;font-size: 14px; padding-bottom: 10px;overflow-y: scroll;top: 0;animation-name: nav;
    animation-duration: 0.4s;}
    @keyframes nav {
        0%   {top: -200px;opacity: 0;}
      }

.more-menu-nav ul li {line-height: 34px;font-weight: normal;padding:0 10px 8px 10px;border-bottom: 1px solid var(--border-1);margin-bottom: 4px;overflow: hidden;}
.more-menu-nav ul li:last-child {border-bottom: none;}
.more-menu-nav h3 {line-height: 34px;font-size: 16px; padding-left: 3px;position: relative;color: var(--text-color-1);margin: 0;}

.more-menu-nav h3 .set {float: right;margin-right: 18px;color: var(--text-color-2);font-size: 14px;font-weight: normal;}

.more-menu-nav .nav2 a { display: inline-block;width: 21.2%;;clear: both;text-align: center;margin: 5px 3px;background-color: var(--bg-color-2);border-radius: 3px;color: var(--text-color-1);font-size: 14px;border: 1px solid var(--border-3)}
.theme--dark .more-menu-nav .nav2 a {border: 1px solid var(--border-2)}
.more-menu-head {clear: both;height: 45px;width: 100%;border-bottom: 1px solid var(--border-1);position: relative;text-align: center;line-height: 45px;font-size: 18px;
background-color: var(--primary-color);color: #FFF; }
.more-menu-close span {transform: rotate(135deg);
-webkit-transform: rotate(135deg);
        width: 12px;
        height: 12px;display: inline-block;
        margin-top: 7px;
        border-color: #FFF;
        display: inline-block;
        border-left: 2px solid #FFF;
        border-bottom: 2px solid #FFF;}
.more-menu-close {padding-top: 4px;height: 41px;}
.more-btn {width: 46%;margin: 10px 6px; background-color: var(--primary-color);color: #FFF;font-size: 18px;text-align: center;line-height: 44px;float: left; border-radius: 4px;}







.Rinfo .Htitle a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.showbestWinLog {
    position: relative;
    cursor: pointer
}
/* 标识 */
.red-log, .blue-log, .lge-log {
    background: #fef8f8;
    color: #ff3030 !important;
    font-size: 12px !important;
    font-weight: normal !important;
    padding: 1px 8px !important;
    border-radius: 20px;
    margin-left: 2px;
    border: 1px solid #ffadad;
}

.blue-log {
    background: linear-gradient(90deg,#f4faff,#cee9ff) !important;
    color: #007FE4 !important;
    border: 1px solid #a8c9ff !important;
}

.lge-log {
    background: linear-gradient(90deg,#ffe6e6,#fef8f8);
    color: #ff2980 !important;
    border-color: #ffb0d8;
}

.dpt {
    background: #fff7f4 !important;
    color: #ff5107 !important;
    font-size: 12px !important;
    font-weight: normal !important;
    padding: 1px 8px !important;
    border-radius: 20px;
    margin-left: 2px;
    border: 1px solid #f6d1c5;
}

.red-history-log {
    background: #fffbf0;
    color: #fb8c00 !important;
    font-size: 12px !important;
    font-weight: normal !important;
    padding: 1px 8px !important;
    border-radius: 20px;
    margin-left: 2px;
    border: 1px solid #ffe7a3;
}

.dpt::before, .red-log::before {
    content: "";
    background: url(/content/images/aiservice/fb-r.svg) no-repeat center;
    background-size: 100%;
    width: 10px;
    height: 10px;
    vertical-align: 0;
    margin: 0 2px 0 -4px;
    display: inline-block;
}

.dpt::before {
    content: "";
    background: url(/content/images/aiservice/fb-o.svg) no-repeat center;
    background-size: 100%;
}

.bkball.dpt::before {
    content: "";
    background: url(/content/images/aiservice/bb-o.svg) no-repeat center;
    background-size: 100%;
}

.bkball.red-log::before {
    content: "";
    background: url(/content/images/aiservice/bb-r.svg) no-repeat center;
    background-size: 100%;
}
.content-sllh {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 15px !important;
}
.layui-layer-ico {
    background: url(icon.png) no-repeat
}
.layui-layer-setwin .layui-layer-close1 {
    background-position: 1px -40px;
    cursor: pointer
}
.layui-layer-ico {
    background: url(icon.png) no-repeat
}

.layui-layer-setwin {
    position: absolute;
    right: 15px;
    *right: 0;
    top: 17px;
    font-size: 0;
    line-height: initial
}
    .layui-layer-setwin a {
        position: relative;
        width: 16px;
        height: 16px;
        margin-left: 10px;
        font-size: 12px;
        _overflow: hidden
    }