body {
    padding: 0;
    margin: 0;
    font-size: 12px;
    font-family: "΢���ź�", Tahoma, sans-serif
}
.red {
    color: #F30;
}
body {
    line-height: 22px;
    font-family: 'Microsoft YaHei';
    color: #333;
    background: #f5f5f5 !important;
    margin: 0;
    padding: 0;
    min-width: 1080px;
}
.tabtit,
.tabtit2 {
    padding: 0 14px;
    height: 20px;
    line-height: 20px;
    color: #333333;
    font-weight: 500;
}

    .tabtit::before,
    .tabtit2::before {
        display: inline-block;
        content: "";
        width: 2px;
        height: 10px;
        background-color: var(--bg-hightlight-4);
        margin-right: 6px;
    }

.v-list-detail {
    padding: 8px !important;
}

.list_detail {
    clear: both;
    color: #333333;
    font-size: 16px;
    line-height: 26px;
    word-wrap: break-word;
    text-align: justify;
}

.article_s {
    padding: 0 20px 10px 20px;
    clear: both;
    display: block;
    text-align: center;
    color: #666971;
    font-size: 12px;
    line-height: 20px;
}

#addBtn {
    width: 150px;
    height: 55px;
    float: none;
    margin: 0 auto 10px;
}

    #addBtn .like {
        float: left;
        width: 55px;
        height: 55px;
        background: url(/images/font-fabulous.svg) top center no-repeat;
        background-size: 100% auto;
        text-align: center;
        font-size: 15px;
        cursor: pointer;
        margin: 0 10px;
    }

    #addBtn .give {
        float: left;
        width: 55px;
        height: 55px;
        background: url(/images/font-reward.svg) top center no-repeat;
        background-size: 100% auto;
        text-align: center;
        font-size: 15px;
        cursor: pointer;
        margin: 0 10px;
    }

.statement {
    text-align: justify;
    margin: 0 auto;
    padding: 14px 14px 6px 14px;
    line-height: 20px;
    font-size: 12px;
    color: #666971;
    font-style: normal;
    position: relative;
    clear: both;
}

/*������ϸ*/
.content {
    padding-bottom: 10px;
}

.ba_title {
    font-size: 20px;
    margin-bottom: 0px;
    font-weight: 600;
    line-height: 28px;
    border-bottom: none;
    padding: 10px 14px 8px 14px;
}

.bawrap {
    padding: 0 14px 6px;
    font-size: 12px;
    color: #999EAC;
    height: 16px;
}

.bawrap_left {
    float: left;
}

.bawrap_right {
    float: right;
}

.bainfo {
    padding: 6px 14px 14px 14px;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #f0f0f0;
}

.baheadwrap {
    float: left;
    width: 40px;
    height: 34px;
    position: relative;
    margin-right: 5px;
    display: flex;
    align-items: center;
    justify-content: center��
}

    .baheadwrap .icon {
        width: 36px;
        height: 36px;
        overflow: hidden;
        background: #e1e1e1;
        border-radius: 50%;
        float: left;
        margin: 0 2px;
    }

        .baheadwrap .icon img {
            border-radius: 50%;
        }

    .baheadwrap .BZ {
        background: #e62129;
        border-color: #e62129;
        color: #fff;
        font-size: 12px;
        line-height: 14px;
        height: 14px;
        vertical-align: middle;
        display: block;
        font-weight: 400;
        border: 1px solid #fff;
        width: 26px;
        position: absolute;
        top: 21px;
        left: 50%;
        margin-left: -14px;
        text-align: center;
        border-radius: 2px;
        padding: 0 1px;
        transform: scale(0.8);
        transform-origin: center center;
    }

    .baheadwrap .subBZ {
        background: #5fb825;
        border-color: #5fb825;
        color: #fff;
        font-size: 9px;
        line-height: 12px;
        font-weight: 400;
        border: 1px solid #fff;
        width: 30px;
        position: absolute;
        top: 22px;
        left: 50%;
        margin-left: -15px;
        text-align: center;
        padding: 0;
        font-style: normal;
        border-radius: 2px;
        transform: scale(0.8);
        transform-origin: center center;
    }

    .baheadwrap .anaBZ {
        background: #ff8929;
        border-color: #ff8929;
        color: #fff;
        font-size: 9px;
        line-height: 12px;
        font-weight: 400;
        border: 1px solid #fff;
        width: 36px;
        position: absolute;
        top: 22px;
        left: 50%;
        margin-left: -18px;
        text-align: center;
        padding: 0;
        font-style: normal;
        border-radius: 2px;
        transform: scale(0.8);
        transform-origin: center center;
    }

.bainfo .date {
    color: #666971;
    line-height: 15px;
    font-size: 11px;
    display: flex;
    align-items: center;
    justify-content: center��
}

    .bainfo .date .name {
        color: #0A8FEA;
        font-size: 13px;
        padding-top: 2px;
        margin-right: 4px;
        display: inline-block;
        font-weight: 600;
    }

.open-main-content,
.hide-main-content {
    margin-bottom: 12px;
}

.bainfo .synopsis {
    font-size: 12px;
    color: #666971;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 65%;
    line-height: 24px;
}

.follow {
    position: absolute;
    right: 12px;
    top: 50%;
    margin-top: -13px;
    padding: 1px 0;
    width: 60px;
    text-align: center;
    background: #ffffff;
    border: solid 1px #8BC6F4;
    color: #0A8FEA;
    border-radius: 20px;
    font-size: 12px;
}

/*��ע*/
.followon {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -13px;
    padding: 1px 0;
    width: 60px;
    text-align: center;
    background: #ffffff;
    border: solid 1px #d1d1d1;
    color: #666971;
    border-radius: 20px;
    font-size: 12px;
}

/*�ѹ�ע*/
.discpage {
    border-bottom: 1px solid #f0f0f0;
    margin-top: 12px;
    padding-bottom: 6px;
}

.infoBtn {
    background: url(../images/jt36x36.png) no-repeat center center;
    height: 30px;
    width: 10px;
    display: block;
    background-size: 12px auto;
    position: absolute;
    right: 10px;
    top: 0;
}

#addBtn {
    width: 150px;
    height: 55px;
    float: none;
    margin: 0 auto 10px;
}

    #addBtn .like {
        float: left;
        width: 55px;
        height: 55px;
        background: url(../images/font-fabulous.svg) top center no-repeat;
        background-size: 100% auto;
        text-align: center;
        font-size: 15px;
        cursor: pointer;
        margin: 0 10px;
    }

    #addBtn .give {
        float: left;
        width: 55px;
        height: 55px;
        background: url(../images/font-reward.svg) top center no-repeat;
        background-size: 100% auto;
        text-align: center;
        font-size: 15px;
        cursor: pointer;
        margin: 0 10px;
    }

.hidewrap {
    margin: 13px 16px 15px;
    padding: 12px 11px 14px;
    background-color: #e8f3ff;
    border: 1px solid #8BC6F4;
    border-radius: 4px;
}

.theme--dark .hidewrap {
    background-color: #0f223a;
}

.hidewrap2 {
    width: 100%;
    background-image: url(../images/hidebg.svg);
    background-repeat: repeat-x;
}

.hidewrap .word {
    font-size: 14px;
    color: #666971;
    text-align: center;
    width: 100%;
    line-height: 20px;
}

.buwrap {
    width: 240px;
    height: 53px;
    margin: 0 auto;
    background-size: 240px 53px;
    background-repeat: no-repeat;
}

    .buwrap a.unlock {
        width: 141px;
        padding-left: 10px;
    }

    .buwrap a.recharge {
        width: 78px;
        padding-right: 10px;
    }

.buwrap {
    width: 90%;
    height: 48px;
    line-height: 48px;
    text-align: center;
    margin: 0 auto;
    color: #fff;
    display: block;
    border-radius: 25px;
    font-size: 16px;
    text-decoration: none;
}

.comment_wrap {
}

.sort {
    right: 0 !important;
}

.Row {
    display: block;
    float: right;
    padding-right: 15px;
    line-height: 44px;
    z-index: 99;
    position: relative;
    right: 0px;
}

    .Row i.tira2 {
        z-index: 9999;
        bottom: 30px;
        border-top-color: #666971;
        border-right-color: #666971;
        top: 15px;
        right: 0;
        left: auto;
    }

i.tira2 {
    width: 8px;
    height: 8px;
    position: absolute;
    left: 50%;
    margin-left: -5px;
    bottom: -5px;
    content: "";
    background: #ffffff;
    transform: rotate(135deg);
    border-top: 1px solid #ababab;
    border-right: 1px solid #ababab;
    z-index: 9999;
}

.list_com {
    position: relative;
    border-bottom: solid 1px #f0f0f0;
    padding: 10px 14px;
    float: left;
    width: calc(100% - 28px);
}

.comment_wrap .linec {
    position: relative;
    border-bottom: solid 1px #f5f5f5;
    width: 100%;
    padding: 10px 14px;
}

.list_com i {
    position: absolute;
    right: 14px;
    top: 10px;
    color: #999;
}

.comment_icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    float: left;
    margin-right: 5px;
}

    .comment_icon img {
        border-radius: 50%;
        overflow: hidden;
    }

.comment_wrap .data {
    float: left;
    width: calc(100% - 45px);
    line-height: 22px;
}

.comment_wrap .namereview {
    font-size: 15px;
    font-weight: 600;
    color: #4098e2;
}

p {
    margin: 0;
    padding: 0;
}

.pubtime {
    color: #999;
    font-size: 12px;
    margin-top: 5px;
}

.comment_wrap .data p {
    line-height: 20px;
    margin-top: 2px;
}

.collectwep {
    float: right;
    height: 20px;
    position: relative;
}

.collect {
    width: 40px;
    height: 20px;
    line-height: 20px;
    background: url(../images/collect.png) no-repeat right center;
    background-size: auto 20px;
    float: right;
}

.theme--dark .collect {
    background: url(../images/collect2.png) no-repeat right center;
    background-size: auto 20px;
}

.collect_Popup {
    position: absolute;
    right: 35px;
    top: -8px;
    border-radius: 4px;
    height: 36px;
    padding: 0 6px;
    width: 280px;
}

.collect_Popup_piece {
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    color: #333333;
    float: right;
    background-color: #ffffff;
    width: 0px;
    text-align: center
}

.data2 .collect_Popup_piece img {
    vertical-align: middle;
    width: 18px;
    height: 18px;
    display: inline-block;
}

.collect_Popup span {
    width: 1px;
    height: 36px;
    display: none;
    float: right;
}

.replywrap {
    background-color: #f0f0f0;
    ;
    padding: 2px 13px;
    border-radius: 4px;
    margin-top: 8px;
}

    .replywrap .fabulous {
        background: url(../images/font-heart.svg) no-repeat left 13px;
        background-size: auto 12px;
        line-height: 20px;
        font-size: 11px;
        padding: 8px 0 6px 18px;
    }

        .replywrap .fabulous span {
            color: #4098e2;
            padding-right: 4px;
        }

.replywhole {
    position: relative;
}

.replywrap .reply {
    line-height: 18px;
    padding-top: 8px;
}

    .replywrap .reply span {
        color: #4098e2;
        font-weight: 600;
    }

.replywrap .more3 {
    color: #4098e2;
    display: block;
    margin-top: 9px;
}

.data2 img {
    max-width: 50%;
    display: block;
    clear: both;
    margin: 10px 0;
}

.replywhole ul {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -33px;
    background: #fff;
    border: solid 1px #e3e3e3;
    border-radius: 2px;
    padding: 0 5px;
    text-align: center;
    width: 60px;
    font-size: 14px;
    z-index: 99999;
}

    .replywhole ul li {
        font-size: 14px;
        line-height: 30px;
        border-bottom: 1px solid #f5f5f5;
    }

.commentmore {
    background: #f5f5f5 !important;
    border-bottom: none !important;
    height: 25px !important;
    line-height: 25px !important;
    margin-top: 5px;
}

.barpublish {
    width: calc(100% - 26px);
    border-top: solid 1px #f0f0f0;
    padding: 10px 13px 12px;
    margin: 0 auto
}

    .barpublish input {
        line-height: 34px;
        height: 34px;
        display: inline-block;
        border: none;
        width: calc(100% - 42px);
        border-radius: 20px;
        text-align: left;
        font-size: 14px;
        background: #f0f0f0;
        url(../images/barpublish.svg) no-repeat 5px center;
        background-size: 18px 18px;
        background-position: 16px center;
        padding-left: 42px;
        color: #999EAC;
    }

.setup {
    background: url(../images/font-setup.svg) center center no-repeat;
    background-size: auto 24px;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 40px;
    top: 50%;
    margin-top: -15px;
}

.tit {
    line-height: 28px;
}

.sale {
    width: 30px;
    text-align: center;
    height: 20px;
    line-height: 20px;
    background-color: #F04545;
    color: #fff;
    font-size: 12px;
    padding: 1px 3px;
    border-radius: 3px
}

.yellowButton {
    font-size: 12px;
    font-weight: 400;
    line-height: 28px;
    padding-left: 6px;
}

.examine {
    background: var(--bg-hightlight-3);
    color: #ffffff;
    font-size: 12px;
    font-weight: normal;
    padding: 0 4px;
    margin-left: 6px;
    border-radius: 3px;
    vertical-align: 2px;
}

    .examine.un {
        background: #999EAC;
    }

.rheaderbg .more-menu {
    right: 34px;
}

.more-tip {
    position: absolute;
    top: 0;
    right: 0;
    width: 34px;
    height: 45px;
    line-height: 45px;
    float: right;
    z-index: 99;
}

    .more-tip span {
        background-color: #fff;
        position: absolute;
        border-radius: 3px;
        top: 22px;
        right: 15px;
        display: inline-block;
        height: 2px;
        width: 24px;
        font: 0/0 a;
    }

        .more-tip span,
        .more-tip span::before,
        .more-tip span::after {
            background-color: #fff;
            border-radius: 3px;
            content: '';
            position: absolute;
            display: block;
            width: 4px;
            height: 3px;
        }

            .more-tip span::before {
                margin-top: -7px;
            }

            .more-tip span::after {
                margin-top: 7px;
            }





/*-----球队对阵版块-----*/
.againstpage{background:url(../images/dzqt2bg.png) no-repeat center center;/* background-size:100%;*/position:relative;display:flex;-webkit-box-pack:center;padding:30px 14px 18px;justify-content:center;align-items:flex-start;border-radius:10px;margin:14px;}
.againstpage .titem{text-align:center;flex:1;overflow:hidden;-webkit-box-flex:1;}
.againstpage .titem img{width:40px;height:40px;border-radius:50%;padding:1px;}
.againstpage .titem p{text-decoration:none;font-weight:bold;font-size:14px;color:#ffffff;text-align:center;margin:0;padding-top:2px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.againstpage .vs{text-align:center;width:24%;}
.againstpage .row{width:100%;display:block;overflow:hidden;margin-top:0;white-space:nowrap;text-overflow:ellipsis;}
.againstpage .row.class{font-size:14px;line-height:18px;color:#ffffff;}
.againstpage .row.time{font-size:12px;line-height:18px;color:#ffffff;}
.againstpage .row.vs{font-size:18px;line-height:30px;font-weight:bold;color:#ffffff;}
.againstpage .row.ongoing{font-size:18px;line-height:30px;font-weight:bold;color:var(--green60);}
.againstpage .row.end{font-size:18px;line-height:30px;font-weight:bold;color:var(--red40);}
.againstpage .state-ongoing{font-size:12px;line-height:18px;color:var(--green60);}
.againstpage .state-end{font-size:12px;line-height:18px;color:var(--red40);}
.againstpage .goalsfor{position:absolute;top:10px;left:10px;font-size:12px;line-height:14px;background-color:rgba(255,255,255,0.178);padding:2px 6px;border-radius:15px;color:#ffffff;filter:alpha(Opacity=60);-moz-opacity:0.6;opacity:0.7}
.againstpage .mingzhong{position:absolute;bottom:-4px;right:0px;width:50px;height:50px;background:url(../images/mingzhong.png) no-repeat center center;background-size:50px 50px;}
.againstpage .mhsplit{padding:0 4px;}
/*-------------------------------------*/

#content {
}

h1,
h2,
h3,
h4,
h5,
h6,
h7 {
    font-size: 12px;
    line-height: 30px;
    font-weight: 400;
}

p {
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 0;
    font-size: unset;
}

body input {
    border: solid 1px #ccc;
}

/* #right .win .infoBox .title {line-height: 24px;white-space: nowrap;height: 24px;width: 165px;overflow: hidden;text-overflow: ellipsis;} */

.floorBox {
    color: #999;
    float: right;
}

#tops {
    width: 960px
}

    #tops #logo {
        line-height: normal;
    }

#backgound {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #333;
    z-index: 4!important;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

.popup {
    position: absolute;
    z-index: 100000;
    left: 50%;
    top: 150px;
    right: auto;
    background-color: #FFF;
    border-radius: 5px;
}

    .popup .closeBtn {
        float: right;
        height: 30px;
        width: 30px;
        background: url(/images/close.png) no-repeat center center;
        cursor: pointer;
        position: absolute;
        top: 0;
        right: 0;
    }

    .popup .popupinfo {
        display: block;
        overflow: hidden;
        margin: 10px;
    }

        .popup .popupinfo label {
            /* display: block; */
            color: #777;
            line-height: 30px;
        }

            .popup .popupinfo label span {
                color: #999;
                font-size: 12px;
                margin-left: 5px;
            }

        .popup .popupinfo input {
            border-radius: 3px;
            margin-right: 5px;
            vertical-align: -1px;
        }

        .popup .popupinfo .addThemeItem {
            margin: 0 0 5px 0;
            position: relative;
        }

            .popup .popupinfo .addThemeItem .tag {
                background: #f5f5f5;
                line-height: 30px;
                padding: 0 10px;
                border: 1px solid #e5e5e5;
                border-radius: 4px;
                margin: 5px 0 5px 20px;
                display: inline-block;
                cursor: pointer;
                transition: all 0.2s linear;
            }

                .popup .popupinfo .addThemeItem .tag:hover {
                    background: #efefef;
                    color: #1b1b1b;
                }

.close{width:20px;height:20px;position:relative;top:5px;right:-5px;display:inline-block;cursor:pointer;transition:all 0.3s linear;}
.close:hover{transform:rotate(180deg);}
.close::before,.close::after{content:"";position:absolute;top:4px;left:10px;background:#999;width:1px;height:12px;transform:rotate(45deg);}
.close::after{transform:rotate(-45deg);}


.popup .popupinfo .addThemeItem i.hot {
    z-index: 9;
    position: absolute;
    background: url(/images/new.gif) no-repeat;
    left: 130px;
    top: -10px;
    width: 30px;
    height: 30px;
}

.popup .popupinfo .addThemeItem::after {
    content: '';
    display: block;
    clear: both;
    width: 100%;
    height: 1px;
}

.popup .popupinfo .addThemeItem select {
    border-radius: 4px;
    border-color: #ddd;
    padding: 3px;
}

.popup .popupinfo .addThemeItem .item {
    margin: 0 10px 0 0;
}

.popup .popupinfo .info {
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.popup .popupinfo .tipsBox {
    background-color: #d6dfec;
    color: #e40000;
    font-size: 12px;
    display: none;
    padding: 5px;
}

.popup .win .popupinfo .buttons {
    text-align: center;
    margin-top: 5px;
    margin-bottom: 15px;
    padding: 5px;
}

.popup .win .popupinfo .ok {
    width: 88px;
    height: 33px;
    line-height: 33px;
    text-align: center;
    font-weight: 700;
    color: #FFF;
    display: inline-block;
    cursor: pointer;
    margin-right: 2px;
    margin-left: 2px;
    margin-top: 5px;
    background: #558dc6;
}

.long_ok {
    width: 150px;
    height: 33px;
    line-height: 33px;
    text-align: center;
    font-weight: 700;
    color: #FFF;
    display: inline-block;
    cursor: pointer;
    margin-right: 2px;
    margin-left: 2px;
    margin-top: 5px;
    background: #558dc6;
}

.popup .win .popupinfo .cancel {
    width: 88px;
    display: inline-block;
    height: 33px;
    text-align: center;
    line-height: 33px;
    font-weight: 700;
    color: #FFF;
    cursor: pointer;
    margin-right: 2px;
    margin-left: 2px;
    margin-top: 5px;
    background: #afafaf;
}

.popup #tophours {
    padding-right: 5px;
    padding-left: 5px;
}




#content .winTitle {
    font-size: 16px;
    background: #FFF;
    color: #333;
    line-height: 44px;
    padding: 0 12px;
    font-weight: 700;
    display: block;
    width: auto;
    border-radius: 3px 3px 0 0;
    border-bottom: 1px solid #f5f5f5;
    position: relative;
}

    #content .winTitle::before {
        content: "";
        display: inline-block;
        width: 3px;
        height: 12px;
        background-color: #ccc;
        margin-right: 6px;
        vertical-align: -1px;
    }

    #content .winTitle .more {
        color: #666;
        float: right;
        font-weight: normal;
        font-size: 14px;
        padding: 0;
    }

    #content .winTitle .vipgood {
        font-size: 14px;
        color: #007FE4;
        font-weight: 400;
        padding-left: 6px;
    }

.popup .win {
    padding: 5px 10px 10px 10px;
}

.popup .winTitle {
    border: none !important;
    border-bottom: solid 1px #eaeaea;
    padding: 0 5px;
    display: block;
    width: auto;
    color: #333;
    position: relative;
}

    .popup .winTitle,
    .popup .winTitle h2 {
        font-size: 14px;
        font-weight: bold;
    }

        .popup .winTitle.noborder {
            border: none;
        }

/* --------�������ⵯ��--------- */
.popupinfo .bar-list::after, .buttonbox::after, .match-list::after {
    content: "";
    display: block;
    clear: both;
}

.popupinfo .bar-list {
    margin-bottom: 10px;
    max-height: 230px;
    overflow-y: auto;
}

    .popupinfo .bar-list .TBbox {
        width: 44.6%;
        float: left;
        padding: 5px;
        margin: 0 10px 5px 0;
        border: 1px solid #e5e5e5;
        border-radius: 3px;
        cursor: pointer;
    }

        .popupinfo .bar-list .TBbox.on {
            background: #f2f9ff;
            color: #007fe4;
            border-color: #cae7ff;
        }

        .popupinfo .bar-list .TBbox:nth-child(even) {
            margin-right: 0;
        }

.bar-list .number {
    float: left;
    background: #f0f0f0;
    border: 1px solid #e5e5e5;
    font-size: 12px;
    text-align: center;
    width: 15px;
    height: 15px;
    line-height: 15px;
    border-radius: 3px;
    margin: 2px 6px 0 0;
}

.bar-list .TBbox.on .number {
    background: #007fe4;
    color: #fff;
    border-color: #007fe4;
}

.buttonbox {
    margin-top: 20px;
}

    .buttonbox .btn {
        float: right;
        background: #f5f5f5;
        color: #666;
        border: 1px solid #e5e5e5;
        line-height: 30px;
        margin: 0 6px;
        cursor: pointer;
    }

        .buttonbox .btn:hover {
            color: #007fe4;
        }

.match-list {
    width: 14.6%;
    height: 300px;
    text-align: center;
    padding: 0 10px;
    border-right: 1px solid #f3f3f3;
    float: left;
    overflow-y: auto;
}

    .match-list:nth-last-child(-n+3) {
        border: none;
    }

    .match-list.W4 {
        width: 30.6%;
    }

.W4 .type {
    text-align: justify;
}

.match-list .title {
    color: #999;
    padding: 10px 0;
}

.match-list .type {
    width: 90%;
    line-height: normal;
    padding: 4px 5px;
    margin: 4px auto;
    border-radius: 4px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .match-list .type:hover {
        background: #f5f5f5;
    }

    .match-list .type.on {
        background: #eef4f9;
        color: #007fe4;
    }

select.match-list {
    border-color: #f3f3f3;
    border-bottom: none;
}

    select.match-list:focus {
        outline: none;
        border: none;
    }


/* ȫ�ֹ�������ʼ */
* {
    scrollbar-face-color: #8e8e8e; /*����*/
    scrollbar-arrow-color: #333333; /*��ͷ*/
    scrollbar-shadow-color: #8e8e8e; /*�Ҷ�*/
    scrollbar-darkshadow-color: #8e8e8e; /*��һ*/
    scrollbar-track-color: #fff; /*����*/
}
/*����������*/
::-webkit-scrollbar {
    width: 4px;
}
/*����������*/
::-webkit-scrollbar-button {
}
/*��������ť*/
::-webkit-scrollbar-track {
    background-color: #fff;
}
/*����ȫ��*/
::-webkit-scrollbar-track-piece {
    -webkit-border-radius: 4px;
}
/*����*/
::-webkit-scrollbar-thumb {
    background-color: #d9d9d9; /*����������*/
    border: none; /*�������߿�*/
    border-radius: 4px; /*������Բ�ǿ���*/
}

::-webkit-scrollbar-corner {
    background-color: #F3F3F3;
}
/*��������������*/
::-webkit-resizer { /*background-image: url(/public/img/resizer-inactive.png);*/ /*��������������ͼ��*/
    background-repeat: no-repeat;
    background-position: bottom right;
}
/*��껬��������*/
/* ȫ�ֹ��������� */

/* ----- ��˰�ť ----- */
.examine {
    background: #e9833b;
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    padding: 2px 6px;
    margin-left: 6px;
    border-radius: 20px;
    vertical-align: 2px;
}

    .examine.un {
        background: #aaa;
    }




select {
    vertical-align: middle;
    margin: -2px 0 0;
    padding: 0;
}

img {
    vertical-align: middle;
    border-style: none;
    margin-top: -2px;
    margin: 0;
    padding: 0;
}

.mytable {
    border-top-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-left-style: solid;
    border-top-color: #cfdce8;
    border-left-color: #cfdce8;
    background-color: #FFF;
}

    .mytable tr.header {
        background: #eff6fa;
        text-align: center;
        font-weight: 700;
        color: #333;
    }

        .mytable tr.header td {
            height: 26px;
            line-height: 26px;
        }

    .mytable tr td {
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-right-style: solid;
        border-bottom-style: solid;
        border-right-color: #cfdce8;
        border-bottom-color: #cfdce8;
        padding: 3px;
    }

/* ul li { border-top-width: 1px; border-top-style: solid; border-top-color: #cddfe8;} */

.clearFloat, .clear {
    display: block;
    clear: both;
    overflow: hidden;
}

a:link, a:visited {
    text-decoration: none;
}

a:hover, a.black:hover {
    text-decoration: none;
    color: #ff5106;
}

#searchBox {
    background: #fff;
    height: 30px;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 4px;
    position: relative;
}

    #searchBox .classBox {
        /* background: url(/images/index_17.gif) no-repeat right top; */
        background: #fff;
        height: 28px;
        width: auto;
        float: left;
        text-align: center;
        line-height: 28px;
        padding: 0 25px 0 15px;
        border: 1px solid #efefef;
        border-left: none;
        border-right: none;
        cursor: pointer;
        position: relative;
    }

        #searchBox .classBox::after {
            content: "";
            position: absolute;
            top: 12px;
            right: 5px;
            width: 0;
            height: 0;
            border-top: 4px solid #666;
            border-bottom: 0 none;
            border-left: 4px solid transparent;
            border-right: 4px solid transparent;
        }

        #searchBox .classBox ul {
            position: absolute;
            left: -1px;
            top: 28px;
            background-color: #f9f9f9;
            width: 58px;
            border: 1px solid #efefef;
            border-top: none;
            z-index: 100;
        }

            #searchBox .classBox ul li:hover {
                background-color: #eee;
            }

            #searchBox .classBox ul li.now,
            #searchBox .classBox ul li.now:hover {
                background-color: #FF5106;
                color: #FFF;
            }

    #searchBox .greedBtn span,
    #searchBox .redBtn span {
        font-weight: 700;
    }

#content .redBtn {
    display: block;
    float: left;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    margin: 0 5px;
    padding: 0 10px;
    background: #d86e1f;
    border-radius: 3px;
}

#content .blueBtn {
    height: 30px;
    display: block;
    float: left;
    line-height: 30px;
    color: #FFF;
    text-align: center;
    margin-right: 5px;
    padding: 0 20px;
    margin-left: 0;
    background: #007FE4;
    border: solid 1px #007FE4 !important;
    border-radius: 3px;
}

#content .greedBtn {
    height: 30px;
    display: block;
    float: left;
    line-height: 30px;
    color: #FFF;
    text-align: center;
    margin: 0 5px;
    padding: 0 10px;
    background: #a5b632;
    border-radius: 3px;
}

#content .huiBtn {
    height: 30px;
    display: block;
    float: right;
    line-height: 30px;
    color: #FFF;
    text-align: center;
    margin-right: 5px;
    padding: 0 10px;
    background: #bbb;
    border-radius: 3px;
}

#searchBox .searchBtn {
    background: #fff url(/images/searchBtn.png)no-repeat center;
    height: 28px;
    width: 30px;
    display: block;
    float: left;
    margin-right: 0;
    border: 1px solid #efefef;
    cursor: pointer;
}

#searchBox .qbclass {
    font-size: 12px;
    font-weight: bold;
    height: 28px;
    line-height: 28px;
    text-align: center;
    width: 74px;
    float: left;
    border: 1px solid #efefef;
    border-radius: 3px;
    margin: 0 5px;
}

    #searchBox .qbclass:hover {
        background: #f5f5f5;
        color: #444;
        transition: all 0.2s linear;
    }

#searchBox .left {
    float: left;
}

    #searchBox .left .qbclass {
        font-size: 14px;
        font-weight: normal;
        /* transform: translateY(4px); */
        /* height: 35px; */
        /* line-height: 35px; */
        /* border-bottom: 0; */
        /* border-radius: 4px 4px 0 0; */
    }

        #searchBox .left .qbclass.blueBtn {
            height: 35px;
            border-radius: 4px 4px 0 0 !important;
            margin-top: -5px;
            padding-top: 5px;
            font-size: 15px !important;
        }

            #searchBox .left .qbclass.blueBtn::before {
                content: '';
                width: 100%;
                position: absolute;
                left: 0;
                bottom: 0;
                background: #007FE4;
                height: 3px;
            }


#searchBox .right {
    float: right;
    text-align: right;
}

#searchBox input {
    vertical-align: middle;
    float: left;
}

#searchBox .searchInput {
    width: 160px;
    line-height: 28px;
    height: 28px;
    border: 1px solid #efefef;
    background: #fafafa;
    color: #adadad;
    padding-right: 10px;
    padding-left: 10px;
    margin: 0;
}

.win .info {
    width: auto;
    padding: 0;
}

    .win .info ul li {
        display: block;
    }

.win .leftBox {
    float: left;
    margin-right: 10px;
    text-align: center;
    width: 55px;
}

    .win .leftBox > img {
        height: 55px;
        width: 55px;
        cursor: pointer;
    }

.win .infoBox {
    float: left;
    padding-left: 0;
}

    .win .infoBox .title {
        background-image: none;
        display: block;
        line-height: normal;
        height: auto;
        /* font-weight: 700;color: #9b8670; */
        border-style: none;
    }

    .win .infoBox .description {
        color: #C8CACC;
    }

.win .rightBox {
    float: right;
}

.win .icon_read {
    margin-top: 28px;
    width: auto;
    min-width: 25px;
    padding: 0 0 0 24px;
    color: #999;
    text-align: left;
    float: left;
    cursor: pointer;
    background: url(/images/eye.png) no-repeat center left;
}

.win .icon_back {
    background-image: url(/images/topic_10.gif);
    padding-top: 20px;
    background-repeat: no-repeat;
    width: 40px;
    color: #C6C8CB;
    text-align: center;
    float: left;
    background-position: center 2px;
    cursor: pointer;
}

.win .icon_delete {
    background-image: url(/images/delete.gif);
    padding-top: 20px;
    background-repeat: no-repeat;
    width: 25px;
    color: #C6C8CB;
    text-align: center;
    float: left;
    background-position: center 2px;
    cursor: pointer;
}


#content .context #left {
    float: left;
    width: 700px;
    ;
}

    #content .context #left .left {
        margin-bottom: 10px;
        background-color: #FFF;
    }

#content .context #right {
    float: right;
    width: 250px;
}

    #content .context #right .right {
        margin-bottom: 12px;
        background-color: #FFF;
        border-radius: 3px;
        box-shadow: 0 1px 1px 0 rgb(0 0 0 / 8%);
    }

    #content .context #right .publish {
        cursor: pointer;
        background: #FFF;
        font-size: 16px;
        text-align: center;
        border-radius: 3px;
        padding: 10px;
        margin: 0 auto 8px auto;
        border: 1px solid #ccddeb;
        color: #007fe4;
    }

        #content .context #right .publish:hover {
            transition: all 0.2s linear;
            background-color: #007FE4;
            color: #FFF;
        }

.addBox {
    display: block;
    float: left;
    width: 680px;
    margin-bottom: 0;
    height: 35px;
    line-height: 35px;
    overflow: hidden;
    padding-top: 5px;
}

    .addBox #addBtn {
        float: right;
        cursor: pointer;
        margin-right: 10px;
    }

.sortBox {
    float: left;
    line-height: 19px;
    padding: 0 0 1px 0;
}

#page {
    text-align: left;
    width: 100%;
    background-color: #F5F6F7;
    overflow: hidden;
    display: inline-block;
    float: left;
    padding-top: 10px;
    padding-bottom: 10px;
}

    #page a,
    #page span {
        color: #333;
        border: 1px solid #dde5eb;
        background-color: #FFF;
        margin-right: 5px;
        display: block;
        float: left;
        padding: 4px 10px;
        margin-top: 5px;
    }

        #page a.nobg,
        #page span.nobg {
            color: #333;
            border: 1px solid #f5f6f7;
            background-color: #f5f6f7;
            margin-right: 5px;
            display: block;
            float: left;
            padding: 4px 10px;
        }

        #page a input, #page span input {
            line-height: 14px;
            height: 14px;
        }

        #page a:hover {
            background-color: #fffef3;
        }

        #page a.on {
            font-weight: 700;
            color: #FFF;
            display: block;
            float: left;
            background: #007fe4;
            border: 1px solid #007fe4;
        }

            #page a.on:hover {
                background-color: #1896D5;
            }

#content #submenu {
    background-color: #FFF;
    color: #666;
    line-height: normal;
    padding: 8px 5px;
    margin-top: 10px;
    border-bottom: 1px solid #efefef;
}


    #content #submenu a,
    #content #submenu span {
        padding-right: 5px;
        padding-left: 5px;
        color: #666;
    }

        #content #submenu a:hover {
            color: #ff5106;
        }

#content .context .button_ddl {
    position: relative;
    text-align: center;
}

    #content .context .button_ddl #settingBtn {
        z-index: 999;
        position: relative;
    }

    #content .context .button_ddl .ddl_list {
        position: absolute;
        background-color: #fff;
        float: none;
        border: 1px solid #efefef;
        border-radius: 4px;
        top: 22px;
        left: -5px;
        margin: 0;
        z-index: 9;
        box-shadow: 0 0 10px rgb(0 0 0 / 20%);
    }

        #content .context .button_ddl .ddl_list .line {
            position: absolute;
            width: 8px;
            height: 8px;
            background: #007fe4;
            top: -5px;
            left: 44%;
            z-index: 9;
            transform: rotate(45deg);
        }

        #content .context .button_ddl .ddl_list a {
            position: relative;
            z-index: 998;
            display: block;
            color: #666;
            text-align: center;
            line-height: 28px;
            padding: 0 15px;
        }

            #content .context .button_ddl .ddl_list a:hover {
                background-color: #f5f5f5;
                color: #007fe4;
            }

        #content .context .button_ddl .ddl_list .checked {
            color: #FFF;
            background-color: #FF5106;
        }

#content .context .hover {
    background: #007fe4;
}

    #content .context .hover .ddl_list {
        display: block;
        z-index: 998;
    }

#content .context .popup_user {
    position: absolute;
    height: 100px;
    width: 330px;
    font-size: 14px;
    left: -50px;
    top: -100px;
    z-index: 9999;
    overflow: hidden;
    padding: 10px;
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid #dce3e9;
    border-radius: 3px;
    box-shadow: 0 0 10px #ddd;
}

    #content .context .popup_user .top {
        display: block;
        overflow: hidden;
        height: 73px;
    }

    #content .context .popup_user #iconBox {
        height: 23px;
        line-height: 26px;
        display: block;
        float: left;
        width: 100%;
        text-align: right;
        margin: 5px 0 0;
        padding: 0;
    }

    #content .context .popup_user .infoBox {
        float: left;
        width: 260px;
        text-align: left;
    }

#bottom {
    background: #fff;
    width: 100%;
    margin-top: 10px;
    clear: both;
}

    #bottom .neirong3 {
        background: transparent;
        border: none;
    }

.qiuba li {
    height: auto;
    width: 32.2%;
    display: block;
    float: left;
    background-repeat: no-repeat;
    background-position: left bottom;
    margin-right: 10px;
    background-color: #FFF;
    cursor: pointer;
    position: relative;
    transition: all 0.3s ease;
    box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
}

.qiubalist .qiuba li:hover {
    box-shadow: 5px 10px 10px -5px rgb(149 166 185 / 25%);
}

.qiuba li.new {
    border: 1px solid #007fe4;
    border-radius: 4px;
    width: calc(32.2% - 2px);
}

    .qiuba li.new .newlabel {
        background: #007FE4 url(/Images/starnew.svg) no-repeat 3px center;
        background-size: 14px;
        color: #fff;
        font-size: 12px;
        padding: 1px 4px 1px 17px;
        position: absolute;
        top: 0;
        right: 0;
        border-radius: 0px 2px 0 5px;
        font-style: normal;
    }

.leadericon {
    background: url(/images/leader_13.gif) no-repeat;
    position: absolute;
    left: -1px;
    top: -1px;
    height: 37px;
    width: 39px;
}

.subleader {
    background: url(/images/leader_16.gif) no-repeat;
    position: absolute;
    left: -1px;
    top: -1px;
    height: 37px;
    width: 39px;
}

.hostUser {
    background: url(/images/leader_19.gif) no-repeat;
    position: absolute;
    left: -1px;
    top: -1px;
    height: 37px;
    width: 39px;
}

.userIconBox {
    position: absolute;
    left: -1px;
    top: -1px;
    height: 37px;
    width: 39px;
}

.qiuba li .huise {
    line-height: 24px;
    height: 24px;
    overflow: hidden;
    white-space: nowrap;
    width: 238px;
    text-overflow: ellipsis;
}

.qiuba li .qb_info {
    display: block;
    float: left;
    height: auto;
    padding-bottom: 10px;
    padding-top: 10px;
}

    .qiuba li .qb_info .b {
        font-size: 14px;
        display: inline-block;
        margin-bottom: 3px;
    }

    .qiuba li .qb_info .new2 {
        background: url(/Images/starnew2.svg) no-repeat center center;
        background-size: 14px;
        width: 14px;
        height: 14px;
        display: inline-block;
        border-radius: 2px;
        vertical-align: middle;
        margin-bottom: 3px;
    }

.qiuba li .img {
    float: left;
    background-color: #FFF;
    width: 65px;
    height: 65px;
    overflow: hidden;
    display: block;
    border-radius: 50%;
    text-align: center;
    margin: 12px;
}

    .qiuba li .img img {
        width: 100%;
        height: 100%;
        cursor: pointer;
    }

    .qiuba li .img a {
        display: block;
        text-align: center;
        line-height: 20px;
        height: 20px;
        font-weight: 700;
        color: #333;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.topics li {
    height: auto;
    width: 468px;
    display: block;
    float: left;
    overflow: hidden;
    background-color: #FFF;
    background-image: url(/images/bottomLine.jpg);
    padding-bottom: 1px;
    background-repeat: no-repeat;
    background-position: left bottom;
    margin-right: 10px;
    border-color: #d8e0e7 #d8e0e7 #eceded;
    border-style: solid;
    border-width: 1px 1px 2px;
}

    .topics li .comment {
        background-image: url(/images/index_38.gif);
        background-repeat: no-repeat;
        background-position: left center;
        line-height: 24px;
        height: 24px;
        padding-right: 5px;
        padding-left: 30px;
        color: #999;
        float: right;
        margin-left: 5px;
    }

    .topics li .plays {
        background-image: url(/images/index_36.gif);
        background-repeat: no-repeat;
        background-position: left center;
        line-height: 24px;
        height: 24px;
        padding-right: 5px;
        padding-left: 30px;
        color: #333;
        float: right;
        margin-left: 5px;
    }

    .topics li .infobox {
        display: block;
        float: left;
        width: 360px;
        height: auto;
        line-height: 22px;
        padding-right: 5px;
        padding-bottom: 5px;
        overflow: hidden;
        padding-top: 10px;
    }

        .topics li .infobox div {
            display: block;
            float: left;
            width: 100%;
            line-height: normal;
            overflow: hidden;
            height: auto;
        }

    .topics li .img {
        float: left;
        background-color: #FFF;
        text-align: center;
        width: 80px;
        cursor: pointer;
        padding: 10px;
    }

        .topics li .img a {
            display: block;
            text-align: center;
            line-height: 20px;
            height: 20px;
            font-weight: 700;
            color: #333;
        }

.reportBox {
    color: #666;
    text-align: left;
    line-height: 24px;
    font-size: 12px;
}

    .reportBox p {
        margin: 0;
        padding: 0;
    }

    .reportBox img {
        display: block;
    }

    .reportBox .reportTxt,
    .reportBox .reportObj,
    .reportBox .reportNote {
        margin-bottom: 10px;
        clear: both;
    }

.reportObj::after {
    content: "";
    display: block;
    clear: both;
}

.reportObj span {
    width: 85%;
    display: inline-block;
    float: right;
}

.reportBox .reportTxt .text {
    background-color: #faefd0;
    height: auto;
    overflow-y: auto;
    overflow-x: auto;
    border: 1px solid #CCC;
    padding: 10px;
}

.reportBox .reportNote input {
    width: 98%;
    padding: 10px;
}

.reportBox .bottom {
    overflow: hidden;
    width: 100%;
}

.linkBox {
    background-image: url(/images/guess_17.gif);
    background-repeat: no-repeat;
    background-position: left top;
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    font-weight: 400;
    background-color: #FFF;
    white-space: nowrap;
    width: 94px;
    display: block;
    margin-top: 4px;
    float: left;
}

.linkedBox {
    background-image: url(/images/linked.gif);
    background-repeat: no-repeat;
    background-position: left top;
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    font-weight: 400;
    background-color: #FFF;
    white-space: nowrap;
    width: 94px;
    display: block;
    margin-top: 4px;
    float: left;
}

.tm3:link,
.tm3:visited {
    padding-right: 6px;
    padding-left: 15px;
    display: inline;
    width: auto;
    min-height: 22px;
    float: left;
}

.linkBox span,
.linkedBox span {
    float: right;
    display: block;
    text-align: center;
    color: #666;
    font-size: 12px;
    width: 45px;
    margin: 0;
    padding: 0;
}

.up {
    background-image: url(/images/icon_qiuba_up.png);
    background-repeat: no-repeat;
    color: #A4A4A4;
    cursor: pointer;
    margin-left: 5px;
    white-space: nowrap;
    font-size: 12px;
    font-weight: 400;
    display: inline-block;
    line-height: 20px;
    height: 20px;
    background-position: left center;
    padding: 0 5px 1px 20px;
}

.unable {
    cursor: default;
}

/* #content .context #q_menu {display: block;float: left;width: 950px;background-image: url(/images/topic_23.gif);height: 40px;line-height: 40px;margin-bottom: 10px;text-align: right;}
#content .context #q_menu .title {float: left;line-height: 40px;cursor: default;margin-right: 120px;margin-left: 10px;color: #FFF;text-align: left;background-image: none;}
#content .context #q_menu ul li {height: 40px;width: 90px;text-align: center;background-image: url(/images/q_menu_line.jpg);background-repeat: no-repeat;background-position: right top;color: #446170;font-weight: 700;font-size: 14px;cursor: pointer;float: left;border-style: none;}
#content .context #q_menu ul li.now {background-image: url(/images/topic_21.gif);background-repeat: no-repeat;background-position: center top;font-weight: 700;} */

#fixedBox {
    position: fixed;
    _position: absolute;
    _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-80-20));
    height: 160px;
    width: 40px;
    right: 10px;
    bottom: 50px;
}

    #fixedBox .top {
        background-image: url(/images/top.png);
        background-repeat: no-repeat;
        background-position: left top;
        height: 40px;
        width: 40px;
        display: block;
        float: left;
    }

        #fixedBox .top:hover {
            background-position: -40px top;
            transition: all 0.2s linear;
        }

    #fixedBox .feedback {
        height: 40px;
        width: 40px;
        display: block;
        float: left;
        background: url(/images/top.png) no-repeat left -160px;
    }

        #fixedBox .feedback:hover {
            background-position: -40px -160px;
            transition: all 0.2s linear;
        }

    #fixedBox .addReply {
        height: 40px;
        width: 40px;
        display: block;
        float: left;
        background: url(/images/top.png) no-repeat left -200px;
    }

        #fixedBox .addReply:hover {
            background-position: -40px -200px;
            transition: all 0.2s linear;
        }

    #fixedBox .write {
        height: 40px;
        width: 40px;
        display: block;
        float: left;
        background: url(/images/top.png) no-repeat left -80px;
    }

        #fixedBox .write:hover {
            background-position: -40px -80px;
            transition: all 0.2s linear;
        }

    #fixedBox .leader {
        height: 40px;
        width: 40px;
        display: block;
        float: left;
        background: url(/images/top.png) no-repeat left -40px;
    }

        #fixedBox .leader:hover {
            background-position: -40px -40px;
            transition: all 0.2s linear;
        }

    #fixedBox .refresh {
        height: 40px;
        width: 40px;
        display: block;
        float: left;
        background: url(/images/top.png) no-repeat left -120px;
    }

        #fixedBox .refresh:hover {
            background-position: -40px -120px;
            transition: all 0.2s linear;
        }

.bg {
    position: absolute;
    z-index: 99999;
    filter: Alpha(opacity=50);
    background: #000;
    -moz-opacity: 0.5;
    opacity: 0.5;
}

.lead {
    z-index: 1001;
    position: absolute;
    display: none;
}

.lead_context1 {
    background: url(/images/lead/1.png);
    _background: none;
    _filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/lead/1.png');
    height: 400px;
    width: 500px;
}

    .lead_context1 .close {
        height: 30px;
        width: 30px;
        position: absolute;
        left: 440px;
        top: 129px;
        cursor: pointer;
    }

    .lead_context1 .leadNext {
        cursor: pointer;
        height: 28px;
        width: 95px;
        display: block;
        position: absolute;
        left: 264px;
        top: 270px;
    }

    .lead_context1 .leadExit {
        cursor: pointer;
        display: block;
        height: 28px;
        width: 95px;
        position: absolute;
        left: 365px;
        top: 271px;
    }

.lead_context2 {
    background: url(/images/lead/2.png);
    _background: none;
    _filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/lead/2.png');
    height: 400px;
    width: 550px;
}

    .lead_context2 .close {
        height: 30px;
        width: 30px;
        position: absolute;
        left: 429px;
        top: 131px;
        cursor: pointer;
    }

    .lead_context2 .leadNext {
        cursor: pointer;
        height: 28px;
        width: 95px;
        display: block;
        position: absolute;
        left: 253px;
        top: 272px;
    }

    .lead_context2 .leadExit {
        cursor: pointer;
        display: block;
        height: 28px;
        width: 95px;
        position: absolute;
        left: 356px;
        top: 273px;
    }

.lead_context3 {
    background: url(/images/lead/3.png);
    _background: none;
    _filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/lead/3.png');
    height: 305px;
    width: 604px;
}

    .lead_context3 .close {
        height: 30px;
        width: 30px;
        position: absolute;
        left: 568px;
        top: 117px;
        cursor: pointer;
    }

    .lead_context3 .leadNext {
        cursor: pointer;
        height: 28px;
        width: 95px;
        display: block;
        position: absolute;
        left: 390px;
        top: 256px;
    }

    .lead_context3 .leadExit {
        cursor: pointer;
        display: block;
        height: 28px;
        width: 95px;
        position: absolute;
        left: 493px;
        top: 256px;
    }

.lead_context4 {
    background: url(/images/lead/4.png);
    _background: none;
    _filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/lead/4.png');
    height: 350px;
    width: 500px;
}

    .lead_context4 .close {
        height: 30px;
        width: 30px;
        position: absolute;
        left: 453px;
        top: 146px;
        cursor: pointer;
    }

    .lead_context4 .leadNext {
        cursor: pointer;
        height: 1px;
        width: 1px;
        display: none;
        position: absolute;
        left: 264px;
        top: 270px;
    }

    .lead_context4 .leadExit {
        cursor: pointer;
        display: block;
        height: 28px;
        width: 198px;
        position: absolute;
        left: 276px;
        top: 286px;
    }

li.pro i {
    background: url(/images/pro_icon2.gif) no-repeat;
    position: absolute;
    top: -1px;
    right: -1px;
    height: 35px;
    width: 35px;
}

.qiuba li.pro {
    height: auto;
    width: 308px;
    display: block;
    float: left;
    padding-bottom: 1px;
    margin-right: 10px;
    cursor: pointer;
    border-right: 1px solid #d0967e;
    border-bottom: 2px solid #eceded;
    border-left: 1px solid #d0967e;
    border-top: 1px solid #d0967e;
    position: relative;
    background: #feffed url(/images/bottomLine2.jpg) no-repeat left bottom;
}
.qiuba li.pro .img {background:#feffed;}

a.editBtn {
    display: block;
    line-height: 20px;
    color: #446170;
    height: 27px;
    width: 100%;
    background: url(/images/editbtn.png) no-repeat center top;
    position: absolute;
    bottom: 35px;
    margin: 0 auto;
    padding: 1px 0 0;
}

.yellow{color:#ffeb00;}
.dxtitle{line-height:28px;background:#f2f4f5 url(/images/dxicon.gif) no-repeat left top;height:28px;width:660px;}
/*.giveList{font-size:12px;border:1px dashed #CCC;display:block;height:auto;width:100%;overflow:hidden;background:#FFFFF4;margin-top:35px;}*/

    .giveList tr:last-child td {
        border: none;
    }

    .giveList td {
        padding: 4px 16px;
    }

        .giveList td img {
            margin: 5px 0;
            border-radius: 50%;
            overflow: hidden;
        }

    .giveList th {
        background: url(/images/poupwin_11.gif) repeat-x left top;
        text-align: left;
        padding-right: 10px;
        padding-left: 10px;
    }

.toolBar {
    text-align: center;
    clear: both;
    display: block;
    width: 640px;
    float: left;
    margin: 5px 10px;
}

    .toolBar a {
        line-height: 24px;
        height: 24px;
        font-size: 12px;
        float: right;
        display: block;
    }

.gzbox {
    position: absolute;
    top: 18px;
    right: 10px;
    font-size: 12px;
    line-height: 22px;
}

.ygz {
    background: url(/images/users/ygz2.gif);
    display: block;
    height: 22px;
    width: 45px;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    float: left;
    color: #390;
    line-height: 22px;
    margin: 0 5px 0 0;
    padding: 0 0 0 20px;
}

.xhgz {
    background: url(/images/users/xhgz.gif);
    display: block;
    height: 22px;
    width: 55px;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    float: left;
    line-height: 22px;
    margin: 0 5px 0 0;
    padding: 0 0 0 20px;
}

.gz {
    background: #e9f8fb;
    display: block;
    height: 20px;
    width: 50px;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    float: left;
    line-height: 20px;
    margin: 0 5px 0 0;
    border-radius: 3px;
    border: 1px solid #a0afbd;
}

.qx {
    display: block;
    height: 22px;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    float: left;
    margin: 0 5px;
    padding: 0;
}

.loading {
    width: 200px;
    margin-right: auto;
    margin-left: auto;
    background: #FFF url(/images/bottom_line.gif) repeat-x bottom;
    text-align: center;
    font-size: 14px;
    padding: 10px;
}

.dsj_data {
    display: block;
    color: #fff;
    line-height: 22px;
    font-size: 14px;
    font-family: Arial, "Microsoft YaHei", MicrosoftJhengHei;
    padding: 70px 0 30px 140px;
}

    .dsj_data a,
    .dsj_data a:link,
    .dsj_data a:visited {
        font-size: 14px;
        text-decoration: none;
        color: #fff;
    }

        .dsj_data a:hover {
            text-decoration: underline;
            color: #FF0;
        }

#web_nav li,
#bottom table,
#bottom tr td {
    border-style: none;
}

.win,
#content .context #q_menu ul {
    overflow: hidden;
}

.qiuba, .topics {
    display: block;
    float: left;
    width: 1080px;
    padding-bottom: 10px;
}

    .qiuba li .row,
    .topics li .row {
        float: left;
        display: block;
        width: 100%;
    }

.jbBtn {
    background: #fff;
    border: solid 1px #ccc;
    padding: 5px;
    border-radius: 2px;
    cursor: pointer;
}

    .jbBtn:hover {
        color: red;
        border: solid 1px red;
    }

.item {
    position: relative;
    display: block;
}

    .item i {
        background: url("/images/item.gif") no-repeat;
        width: 19px;
        height: 10px;
        position: absolute;
        right: 0px;
        bottom: 0px;
        display: block;
    }

/* hot match star */

.matchBox {
    overflow: hidden;
    border-bottom: 1px solid #f5f5f5
}

.hotMatchNews .info {
    overflow: hidden;
    background-color: #fffff1;
}

.matchLine {
    width: 100%;
    height: 1px;
    background: #efefef;
}

.matchBox a {
    color: #333;
}

.matchBox .team {
    display: block;
    margin: 12px 0 0 0;
    text-align: center;
    color: #333;
}

    .matchBox .team > span {
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        font-weight: 600;
    }

.matchBox .icon {
    border-radius: 50%;
    width: 32px;
    height: 32px;
    overflow: hidden;
    margin: 0 auto;
}

.matchBox .gameName {
    width: 218px;
    padding: 5px 10px;
    color: #666;
}

    .matchBox .gameName.sn {
        line-height: normal;
    }

.matchBox .icon img {
    width: 100%;
    height: 100%;
}

.matchBox a > div {
    width: 33.3%;
    float: left;
    overflow: hidden;
}

.matchBox .home {
}

.matchBox .vs {
    height: 76px;
    width: 33%
}

    .matchBox .vs .rows {
        width: 100%;
        text-align: center;
        color: #666;
    }

    .matchBox .vs > div {
        display: inline-block;
        vertical-align: middle;
        width: 99%;
    }

    .matchBox .vs::before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px;
    }

    .matchBox .vs .gameName {
        width: 100%;
        margin: 0 auto;
        padding: 0;
        border-radius: 4px;
        /* color: #fff; */
        /* background: #209dde; */
    }

.matchBox .guest {}

/* hot match end */



.pub{overflow:hidden;border-bottom:solid 1px #f5f5f5;padding:12px;display:table;}
.pub:hover{background:#FFF8E8;transition:all 0.2s linear;}
.pub > *{display:table-cell;vertical-align:middle;}
.pub:last-child{border:none;}
.pub .icon{width:40px;font-size:0;overflow:hidden;float:left;}
.pub .icon img{width:40px;height:40px;border-radius:50%;}
.pub .pubData{width:230px;padding-left:10px;}
.pub .pubData.nodesc .desc{display:none;}
.pub .pubData .name a{font-weight:bold;height:22px;line-height:22px;font-size:14px;}
.pub .pubData .name a.hid{font-weight:bold;max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:16px;line-height:16px;display:block;float:left;}
.pub .pubData .name .userCount{width:30px;height:22px;line-height:22px;color:#666;background:url(/images/Afuns.png) no-repeat left center;padding-left:20px;display:block;float:right;}
.pub .pubData .name .userLike{display:none;width:69px;float:right;height:16px;line-height:16px;background:url(/Images/star.png) no-repeat left center;padding-left:20px;}
.pub .pubData .name .text{height:22px;line-height:22px;color:#999;display:block;width:63px;float:right;}
.pub .pubData .name .text .red{min-width:36px;}
.pub .pubData .name img{vertical-align:middle;position:relative;top:-2px;}
.pub .pubData .desc{color:#999;font-size: 12px;line-height: normal;white-space:normal;width:100%;word-break:break-all;align-items:center;margin-top:2px;padding: 0;}
.pub .pubData .desc span{line-height:normal;overflow:hidden;}


.identicon{border-radius:3px;font-size:12px;color:#fff;padding:0 4px;display:inline-block;line-height:17px;}
.Obg{background:#ff8660;}
.Bbg{background:#70acdd;}
.Gbg{background:#75b36a;}

/* .pub .pubData .desc::before { content: ""; width: 1px; display: inline-block; vertical-align: middle;}//�����Ƽ��û�ע�� */

.caiIcon {
    position: relative;
    top: -2px;
}

.settingBox .body ul {
    overflow: hidden;
}

.settingBox .body {
    padding: 15px;
}

.checkList {
    overflow: hidden;
}

    .checkList.inline {
        display: inline-block;
        vertical-align: middle;
        margin: 5px 0 5px 20px;
    }

    .checkList .item {
        cursor: pointer;
        border: solid 1px #ccc;
        float: left;
        border-radius: 4px;
        margin: 5px 5px 5px 0;
        min-width: 67px;
        text-align: center;
        position: relative;
        overflow: hidden;
        line-height: 30px;
        min-height: 30px;
    }

        .checkList .item input {
            border: none;
            min-height: 30px;
            padding-left: 10px;
            width: 80px;
            font-size: 14px;
        }

        .checkList .item input {
            outline: none;
        }

        .checkList .item:hover {
            color: #ff6600;
        }

        .checkList .item.on {
            border: solid 1px #ff6600;
        }

        .checkList .item::after {
            content: "";
            display: table;
            width: 3px;
            height: 6px;
            position: absolute;
            bottom: 2px;
            right: 3px;
            border: 2px solid #fff;
            border-top: 0;
            border-left: 0;
            transform: rotate(45deg) scale(1);
            transition: all .2s ease-in-out;
        }

        .checkList .item::before {
            content: "";
            font-size: 9px;
            width: 50px;
            text-align: center;
            position: absolute;
            height: 7px;
            right: -20px;
            padding: 0 0 5px 0;
            line-height: normal;
            bottom: -2px;
            display: block;
            background-color: #ccc;
            color: #fff;
            transform: rotate(-45deg);
        }

        .checkList .item.on::before {
            background-color: #ff6600;
            color: #fff;
        }

.settingBox .body .txt {
    text-align: center;
    font-weight: bold;
    width: 100%;
    margin: 10px 0;
    position: relative;
    color: #333;
    font-size: 12px;
}

    .settingBox .body .txt::before,
    .settingBox .body .txt::after {
        border-top: solid 1px #e1e1e1;
        position: absolute;
        top: 50%;
        left: 0;
        content: "";
        width: 30%;
    }

    .settingBox .body .txt::after {
        left: auto;
        right: 0;
    }

.lineTit {
    color: #999;
    font-size: 12px;
    font-weight: normal;
    float: left;
    width: 100%;
    padding: 10px 0;
}

    .lineTit.tf {
        text-align: left;
    }

    .lineTit span {
        font-size: 12px;
        width: 100%;
        display: block;
        line-height: 20px;
    }

/* �����Ƽ���ʼ */

#list .win.saleList.v li {
    padding: 10px 0;
    display: table;
}

#list .win.saleList li .title span {
    margin-bottom: 2px;
}

#list .win.saleList li {
    display: block;
    position: relative;
    border-bottom: solid 1px #f5f5f5;
    padding: 8px 5px;
}

    #list .win.saleList li.addBG .rightBox {
        border-color: #f9f1dd;
    }

    #list .win.saleList li .rightBox {
        color: #666;
        position: absolute;
        right: 5px;
        bottom: 11px;
        text-align: center;
        width: 50px;
        border-left: solid 1px #f0f0f0;
        padding-left: 5px;
    }

        #list .win.saleList li .rightBox span {
            font-weight: bold;
            font-size: 18px;
        }

    #list .win.saleList li .title {
        line-height: 30px;
        display: inline;
        margin: 0;
        overflow: hidden;
    }

        #list .win.saleList li .title img {
            margin: 5px 5px 0 0;
            float: left;
        }

    #list .win.saleList li::after {
        content: "";
        display: block;
        clear: both;
    }

#list .win.saleList .infoBox {
    font-size: 14px;
    width: 74%;
    color: #666;
    margin: 8px 0 5px;
}

#list .win.saleList .detailBox {
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    text-align: justify;
    display: table-cell;
    vertical-align: middle;
    padding-right: 12px;
}

    #list .win.saleList .detailBox .readMore {
        color: #666;
        font-weight: normal;
        padding: 0 5px;
        font-size: 12px;
        white-space: nowrap;
        margin: 0 5px;
    }

        #list .win.saleList .detailBox .readMore:hover {
            color: #ff5106;
        }

        #list .win.saleList .detailBox .readMore::before {
            content: "";
            display: inline-block;
            width: 1px;
            height: 12px;
            background: #e5e5e5;
            margin-right: 10px;
            vertical-align: -1px;
        }

#list .win.saleList .infoBox .LName {
    color: #007fe4;
}

#list .win.saleList .infoBox .Rident {
    color: #ff5107;
    background: #fff7f4;
    border: 1px solid #f2cabc;
    border-radius: 20px;
    font-size: 12px;
    line-height: 16px;
    padding: 1px 5px;
    margin: 2px 0 2px 2px;
    display: inline-block;
}

.win.saleList .leftBox {
    width: 60px;
    margin: 10px 2px 10px 6px;
}

.listyhead {
    width: 38px;
    height: 38px;
    margin: 2px auto;
    border: 2px solid #fff;
    outline: 2px solid #f0f0f0;
    border-radius: 50%;
    position: relative;
}

    .listyhead.GM {
        outline-color: #ec632c !important;
    }

    .listyhead.cur {
        outline-color: #e62129 !important;
    }

    .listyhead.vip {
        outline-color: #4098e0 !important;
    }

    .listyhead.subGM {
        outline-color: #058d2e !important;
    }


    .listyhead.GM_V {
        outline-color: #ec632c !important;
    }

    .listyhead.subGM_V {
        outline-color: #058d2e !important;
    }

    .listyhead.GM_Q {
        outline-color: #ec632c !important;
    }

    .listyhead.vip_Q {
        outline-color: #4098e0 !important;
    }

    .listyhead.subGM_Q {
        outline-color: #058d2e !important;
    }

    .listyhead.GM::before, .listyhead.cur::before, .listyhead.vip::before, .listyhead.subGM::before {
        position: absolute;
        top: auto;
        bottom: -4px;
        left: 50%;
        width: 24px;
        color: #fff;
        outline: 1px solid #f0f0f0;
        font-size: 9px;
        line-height: 14px;
        text-align: center;
        padding: 0 4px;
        border-radius: 10px;
        transform: translate(-50%,0) rotate(0);
        display: block;
    }



    .listyhead.GM_V::before, .listyhead.subGM_V::before {
        position: absolute;
        top: auto;
        bottom: -4px;
        left: 50%;
        width: 24px;
        color: #fff;
        outline: 1px solid #f0f0f0;
        font-size: 9px;
        line-height: 14px;
        text-align: center;
        padding: 0 4px;
        border-radius: 10px;
        transform: translate(-50%,0) rotate(0);
        display: block;
    }

    .listyhead.subGM_V::before {
        width: 37px;
    }

    .listyhead.GM_Q::before, .listyhead.vip_Q::before, .listyhead.subGM_Q::before {
        position: absolute;
        top: auto;
        bottom: -4px;
        left: 50%;
        width: 24px;
        color: #fff;
        outline: 1px solid #f0f0f0;
        font-size: 9px;
        line-height: 14px;
        text-align: center;
        padding: 0 4px;
        border-radius: 10px;
        transform: translate(-50%,0) rotate(0);
        display: block;
    }

    .listyhead.vip::before, .listyhead.vip_Q::before {
        width: 37px;
    }

.GM::before {
    content: "����";
    background-color: #ec632c;
}

.subGM::before {
    content: "����";
    background-color: #058d2e;
}

.vip::before {
    content: "����ʦ";
    background-color: #4098e0;
}

.cur::before {
    content: "¥��";
    background-color: #e62129;
}


.GM_V::before {
    content: "����";
    background-color: #ec632c;
}

.subGM_V::before {
    content: "����";
    background-color: #058d2e;
}

.GM_Q::before {
    content: "Ȧ��";
    background-color: #ec632c;
}

.subGM_Q::before {
    content: "��Ȧ";
    background-color: #058d2e;
}

.vip_Q::before {
    content: "����ʦ";
    background-color: #4098e0;
}


.win.saleList .leftBox .name {
    color: #333;
}

.win.saleList .leftBox .listyhead > img {
    display: block;
    border-radius: 50%;
}

.win.saleList .leftBox .uRank {
    position: absolute;
    top: 26px;
    left: 50%;
    margin-left: -25px;
    text-align: center;
    border-radius: 10px;
    color: #fff;
    background: #ff8660;
    font-size: 12px;
    line-height: 15px;
    padding: 0 6px;
}

    .win.saleList .leftBox .uRank.on {
        background: #70acdd;
    }

.vsaleBox {
    margin-bottom: 10px;
    box-shadow: 0 1px 1px 0 rgb(0 0 0 / 8%);
}

.saleUserItem {
    background: #fff;
    overflow: hidden;
    border-bottom: solid 1px #efefef;
}

    .saleUserItem:hover {
        background: #FFF8E8;
        position: relative;
    }

        .saleUserItem:hover .guessBox {
            background: #fff3d6;
        }

    .saleUserItem:last-child .guessBox {
        border-bottom: none;
    }

    .saleUserItem .icon {
        width: 45px;
        height: 45px;
        font-size: 0;
        overflow: hidden;
        float: left;
        margin: 10px;
    }

        .saleUserItem .icon img {
            width: 100%;
            height: 100%;
            border-radius: 50%;
        }

    .saleUserItem .userData {
        padding: 10px 4px;
        position: relative;
        float: left;
        width: 75%;
    }

        .saleUserItem .userData .desc {
            color: #666;
            float: left;
        }

        .saleUserItem .userData i {
            background: url(/images/pointicon.png);
            width: 27px;
            height: 27px;
            position: absolute;
            right: 0;
            top: 0;
            border-radius: 2px;
        }

        .saleUserItem .userData .name a {
            font-weight: bold;
            height: 22px;
            line-height: 22px;
            font-size: 14px;
            float: left;
            margin-right: 10px;
        }

        .saleUserItem .userData .name .rank {
        }

    .saleUserItem .guessBox {
        width: 100%;
        float: left;
        background: #f9f9f9;
    }

        .saleUserItem .guessBox .handicap {
            padding: 0 10px;
            float: left;
            line-height: 30px;
        }

        .saleUserItem .guessBox .btn {
            float: right;
            border-radius: 2px;
            background: #209dde;
            margin: 3px;
            text-align: center;
            color: #fff;
            padding: 0 8px;
            cursor: pointer;
        }

        .saleUserItem .guessBox .blue_btn {
            width: 70px;
            background: none;
            color: #007fe4;
            text-align: center;
            display: block;
            cursor: pointer;
            padding: 0 0 0 5px;
            margin: 2px 0;
            line-height: 26px;
            height: 26px;
            position: relative;
            border-left: 1px solid #e5e5e5;
        }

        .saleUserItem .guessBox .result {
            float: right;
            padding: 0 10px;
            line-height: 30px;
        }

#list .win.saleList .genright {
    float: right;
    width: 14%;
    margin-right: 8px;
    margin-top: 10px;
}

#list .win.saleList .stateBox {
    position: relative;
    width: 12%;
    font-size: 14px;
    font-weight: bold;
    height: auto;
    background: #fff0ce;
    color: #9a5f4b;
    text-align: center;
    padding: 2px 0 0;
    border: 1px solid #e8dbc4;
    border-radius: 4px;
    cursor: pointer;
    overflow: hidden;
    margin: 0 auto;
}

#list .win.saleList .genright .stateBox {
    width: 90%;
}

#list .win.saleList .member {
    margin: 0 auto;
    color: #999;
    line-height: 16px;
    margin-top: 4px;
    text-align: center;
}

#list .win.saleList .stateBox:hover {
    box-shadow: 0px 3px 12px rgba(255, 134, 22, 0.27);
    border: 1px solid #ffdcbb;
}

#list .win.saleList .stateBox::after {
    content: "";
    position: absolute;
    left: -40px;
    top: -16px;
    width: 30px;
    height: 80px;
    background: linear-gradient(90deg,transparent,#fff);
    opacity: 0.6;
    transform: rotate(30deg);
    animation: move 5s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
}

@keyframes move {
    0% {
        left: -40px;
        opacity: 0.4;
    }

    25% {
        left: 100%;
        opacity: 0.6;
    }

    100% {
        left: 100%;
        opacity: 0;
    }
}

.recom .praise {
    width: 30%;
    position: relative;
}

.praise .rate {
    position: absolute;
    right: 0;
    animation: leafing ease 1s;
    animation-fill-mode: forwards;
}

@keyframes leafing {
    from {
        top: 30%;
        opacity: 0;
    }

    to {
        top: 0%;
        opacity: 1;
    }
}

.stateBox i {
    background: url(/Images/QBpay2.png)no-repeat center;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    display: inline-block;
    margin: 0 5px 4px 0;
    background-size: 100%;
}

.stateBox .paycou {
    position: static;
    background: #fff;
    color: #957d76;
    font-weight: normal;
    line-height: 21px;
    text-align: center;
    padding-bottom: 1px;
    font-size: 12px;
}

#list .win.saleList .rightBox2 {
    position: relative;
    top: 25px;
    float: right;
    width: 80px;
}

.rightBox2 .talk {
    background: url(/Images/talk.png) no-repeat;
    width: 68px;
    padding-left: 20px;
    font-size: 12px;
    color: #666;
}


/* �����Ƽ����� */

/* tabsBoxStar */
.usersBox {
    overflow: hidden;
}

    .usersBox .more {
        color: #666;
        font-size: 14px;
        line-height: 30px;
        text-align: center;
        width: 100%;
        cursor: pointer;
    }

        .usersBox .more:hover {
            color: #ff5106;
            background: #FFF8E8;
            transition: all 0.2s linear;
        }

    .usersBox .userBox {
        padding: 10px;
        border-bottom: solid 1px #f5f5f5;
        position: relative;
    }

        .usersBox .userBox:hover {
            background: #FFF8E8;
            transition: all 0.2s linear;
        }

        .usersBox .userBox .name {
            font-size: 14px;
            text-align: left;
            line-height: 25px;
            font-weight: bold;
            position: relative;
            height: 25px;
        }

            .usersBox .userBox .name a {
                float: left;
                color: #333;
            }

        .usersBox .userBox .info {
            text-align: left;
            color: #666;
            line-height: 20px;
            width: 100%;
        }

        .usersBox .userBox .u_data {
            position: relative;
        }

            .usersBox .userBox .u_data .item {
                display: inline-block;
                color: #999;
            }

            .usersBox .userBox .u_data .u_read {
                position: absolute;
                right: 0;
                width: 82px;
                top: 0;
                color: #999;
            }

.userBox .ranks {
    float: left;
    background: #F1F4F6;
    color: #666;
    text-align: center;
    line-height: 20px;
    width: 20px;
    height: 20px;
    border-radius: 3px;
    margin: 14px 10px 14px 0;
}

    .userBox .ranks.on {
        background: #faad14;
        color: #fff;
    }

.usersBox .userBox .icon {
    float: left;
    text-align: center;
    margin-right: 10px;
    display: block;
    position: relative;
}

    .usersBox .userBox .icon i {
        background: #FF5106;
        color: #fff;
        font-size: 12px;
        font-style: normal;
        font-weight: normal;
        border-radius: 20px;
        text-align: center;
        margin-left: 5px;
        height: 16px;
        line-height: 16px;
        position: absolute;
        width: 18px;
        right: -5px;
        top: 0px;
    }

    .usersBox .userBox .icon > a {
        display: block;
        width: 45px;
        height: 45px;
    }

        .usersBox .userBox .icon > a img {
            width: 100%;
            height: 100%;
            overflow: hidden;
            border-radius: 50%;
        }

        .usersBox .userBox .icon > a i {
            background: url(/Images/sort.png) no-repeat left top;
            margin: 0;
            position: absolute;
            height: 24px;
            width: 22px;
            left: 0px;
            top: 0px;
            font-size: 12px;
            font-style: normal;
            font-weight: noraml;
            color: #fff;
            line-height: normal;
            border-radius: 0;
            text-align: left;
            padding-left: 2px;
        }

.usersBox .longRed {
    /* background: url(/Images/longred.png) no-repeat; */
    background: #fff7f4;
    color: #ff5107;
    border: 1px solid #ffe5dc;
    font-size: 12px;
    font-weight: normal;
    height: 18px;
    line-height: 18px;
    padding: 0 5px;
    display: block;
    position: absolute;
    right: 0;
    top: 2px;
    border-radius: 10px;
}

.tabsBox {
    width: 300px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 1px 0 rgb(0 0 0 / 8%);
}

    .tabsBox .tit {
        padding: 0 10px;
        font-size: 13px;
        line-height: 30px;
        position: relative;
        font-weight: bold;
        background: url(/images/topic_42.gif) repeat-x left top;
        background-size: auto 100%;
        color: #446170;
    }

        .tabsBox .tit .more {
            position: absolute;
            right: 0;
            font-family: monospace;
            text-align: center;
            font-weight: bold;
            width: 30px;
            color: #666;
        }

            .tabsBox .tit .more:hover {
                color: #d01f27;
            }

    .tabsBox .tabMenu {
        overflow: hidden;
        line-height: 30px;
        background: #f5f5f5;
        width: 60%;
        float: right;
        margin: 9px 0;
        border-radius: 4px;
    }

        .tabsBox .tabMenu li {
            width: 25%;
            float: left;
            overflow: hidden;
            text-align: center;
            cursor: pointer;
            font-size: 12px;
            line-height: 26px;
            color: #666;
        }

            .tabsBox .tabMenu li.on, .tabsBox .tabMenu li.on:hover {
                color: #fff;
                background: #007fe4;
            }

            .tabsBox .tabMenu li:hover {
                color: #007fe4;
            }

/* tabsBoxEnd */

.saleUserItem.on {
    box-shadow: 0px 0px 3px 0px #b9b9b9;
    border: solid 1px #ff6600;
    background: #fff5e9;
    position: relative;
    top: -1px;
}

    .saleUserItem.on .guessBox {
        background: #ffe3c1;
    }


/* edit reset start*/
#bodyContent .ke-container {
    box-sizing: border-box;
    background: #f9f9f9;
    border-color: #e5e5e5;
    border-radius: 3px;
}

#bodyContent .ke-statusbar {
    background: transparent;
    border: none;
}

#bodyContent .ke-toolbar {
    border: none;
    padding: 3px 3px -5px 3px;
    background-color: transparent;
}

    #bodyContent .ke-toolbar .ke-outline {
        background: transparent;
        border: solid 1px #f9f9f9;
        padding: 3px;
    }

/* edit reset end*/

.addicon,
.reduceicon {
    width: 26px;
    height: 26px;
    display: inline-block;
    margin-left: 2px;
    border: 1px solid #ddd;
    border-radius: 4px;
    vertical-align: middle;
    position: relative;
    cursor: pointer;
}

    .addicon::before,
    .addicon::after,
    .reduceicon::before {
        position: absolute;
        content: "";
        width: 16px;
        height: 2px;
        top: 12px;
        left: 5px;
        background: #ff6600;
        border-radius: 5px;
    }

    .addicon::after {
        transform: rotate(90deg);
    }

.readtips {
    line-height: 32px;
}

    .readtips .btn {
        background: #f5f5f5;
        color: #666;
        border: 1px solid #e5e5e5;
        width: 100px;
        height: 30px;
        line-height: 30px;
        display: inline-block;
        float: right;
        cursor: pointer;
        margin-left: 10px;
    }

        .readtips .btn:hover {
            color: #007fe4;
        }

        .readtips .btn.affirm {
            background-color: #007FE4;
            color: #fff;
            border: 1px solid #007FE4;
        }

.ChoseLeft {
    float: left;
    width: 50%;
    margin-top: 10px;
}

.ChoseRight {
    float: right;
    width: 50%;
    margin-top: 10px;
}

.chose {
    width: 100%;
}

    .chose .tjtype {
        width: 80%;
        display: inline-block;
        margin-left: 5px;
    }

        .chose .tjtype span {
            min-width: 30px;
            background: #eee;
            border: 1px solid #ddd;
            border-radius: 3px;
            text-align: center;
            padding: 3px;
            display: inline-block;
        }

    .chose .chbtn {
        width: 82%;
        border: 1px solid #ddd;
        border-radius: 3px;
        text-align: center;
        line-height: 28px;
        display: inline-block;
        margin-bottom: 10px;
    }

        .chose .chbtn li {
            width: 33.4%;
            display: inline-block;
            padding: 0;
            margin: 0 -2px;
            cursor: pointer;
        }

            .chose .chbtn li.off {
                background: #eee;
            }

            .chose .chbtn li.on {
                background: #49a8e3;
                color: #fff;
            }

.createPub #page {
    background: transparent;
    width: auto;
    float: right;
}

    .createPub #page a,
    .createPub #page span {
        border: 1px solid #e5e5e5;
        padding: 6px 20px;
        border-radius: 4px;
        font-size: 14px;
    }

        .createPub #page a:hover {
            background: #007FE4;
            color: #fff;
        }

        .createPub #page a.on {
            background: #007FE4;
        }

.createPub #submenu {
    border-radius: 4px 4px 0 0;
    overflow: hidden;
}

.createPub .winTitle {
    margin: 0 !important;
    border: none !important;
    border-bottom: solid 1px #eeeeee !important;
}

    .createPub .winTitle span {
        font-size: 12px;
        font-weight: normal;
        margin-left: 10px;
    }

.createPub .info {
    overflow: hidden;
}

.createPub ul {
    width: 100% !important;
    padding: 0 !important;
}

    .createPub ul li {
        background: #fff;
        box-sizing: border-box;
        width: 32.3%;
        margin: 0 16px 16px 0;
        border: solid 1px #FFF;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
        border-radius: 4px;
        transition: all .3s ease;
        padding: 2px 8px;
        position: relative;
    }

        .createPub ul a:nth-child(3n) li, .createPub ul li:nth-child(3n) {
            margin-right: 0;
        }

        .createPub ul li:hover,
        .createPub ul li:hover a {
            border: solid 1px #f2f2f2;
            color: #333;
            box-shadow: 5px 10px 10px -5px rgb(149 166 185 / 25%);
        }

.createPub #page span input {
    text-align: center;
}

.createPub .tag, .createPub .tag.on {
    font-size: 12px;
    padding: 0 3px;
}

.createPub .tag {
    background: #FFEBEE;
    color: #F44336;
}

    .createPub .tag.on {
        background: #E8F5E9;
        color: #4CAF50;
    }

.createPub .btns {
    margin-bottom: -1px;
    padding: 5px 0;
    width: 100%;
    float: left;
}

    .createPub .btns .button {
        float: right;
        text-align: center;
        height: 20px;
        line-height: 20px;
        background: #fff;
        color: #333;
        border: solid 1px #e1e1e1;
        margin: 0 5px 0 0;
    }

.createPub .add:hover {
    background: #f2f7fd;
    border: dashed 2px #7fbbeb;
}

.createPub .btns .button:hover {
    background: #007FE4;
    color: #fff;
}

.createPub .btns .button.pay {
    float: left;
    margin: 0 0 0 5px !important;
}

.createPub .add {
    height: 136px;
    line-height: 120px;
    text-align: center;
    font-size: 22px;
    border: dashed 2px #7fbbeb;
}

    .createPub .add img {
        vertical-align: middle;
        position: relative;
        top: -3px;
    }

.createPub#content {
    width: 1080px;
}

.sub-html {
    color: #666;
    font-size: 14px;
    line-height: 30px;
    text-align: left;
    padding: 5px 10px;
}

/*----����ҳ----*/
.formworkbg {
    background-color: #f9f9f9;
    border: solid 1px #e5e5e5;
    border-radius: 3px;
}

.btn-insert-data {
    background: url(/images/font-modular.svg) 8px center no-repeat;
    background-size: 14px 14px;
    padding: 0 18px 0 26px;
    border: var(--border-2) 1px solid;
    border-radius: 15px;
    height: 24px;
    line-height: 24px;
    width: 56px;
    background-color: #fff;
    margin: 6px 10px;
    position: relative;
}

    .btn-insert-data:before {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        right: 5px;
        width: 0;
        height: 0;
        border: 5px solid;
        margin-top: -5px;
        border-color: transparent transparent transparent #000;
    }

    .btn-insert-data:after {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        right: 6px;
        width: 0;
        height: 0;
        border: 5px solid;
        margin-top: -5px;
        border-color: transparent transparent transparent #fff;
    }

.match-data-box {
    position: relative;
    margin: 10px;
}

    .match-data-box .scoreBox {
        width: 70%;
    }

    .match-data-box .close {
        position: absolute;
        z-index: 100000;
        right: 10px;
        top: 10px;
    }

.scoreBox .title {
    text-align: center;
}

.match-data-box input.formwork {
    padding: 10px 0;
    width: 100%;
    background-color: #f9f9f9;
    border: solid 1px #f9f9f9;
}
div, form, img, ul, ol, li, dl, dt, dd, input, textarea, i, img {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: normal;
    font-style: normal;
}

    ul li {
        list-style: none
    }

ul {
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-weight: normal;
}

a:link, a:visited {
    text-decoration: none;
}

a:hover {
    color: #F30;
}
/* #tops { width: 950px; padding-top: 5px; margin-right: auto; margin-left: auto;} */

/* #stop {color: #333; background-color: #F3F4F9; height: 28px; line-height: 28px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #D8E0E7;}
#stop a{color:#333;}
#stop a:hover{color:#F30;}
#stop .kops li a:hover { color: #FFF; background-color: #F60; text-decoration: none;}
#stop .kops2 li a:hover { color: #FFF; background-color: #F60; text-decoration: none;}
#stop .kops3 li a:hover { color: #FFF; background-color: #F60; text-decoration: none;}
#stop #toplogin { border-top: none; border-bottom: none; line-height: 28px; height: 28px; width: 930px; margin-right: auto; margin-left: auto; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; position: relative; z-index: 9999;}
#stop .userbtn { background: #209dde url(/images/head/login2.jpg); border: none;  height: 22px; width: 45px;vertical-align: middle;}
#stop .userint { background-color: #FFF; width: 100px; border: 1px solid #B5BACE; height: 20px; line-height: 20px; vertical-align: middle;} */
.ms1, .ms2, .ms3, .ms4 {
    float: left;
    color: #333;
    margin-top: -2px;
}

.ms1 {
    width: 60px;
    line-height: 30px;
}

.ms2 {
    width: 110px;
}

.ms3 {
    width: 40px;
    line-height: 30px;
}

.ms4 {
    width: 60px;
}
/*����+LOGO+��濪ʼ*/

#tops {
    width: 960px;
    padding-top: 5px;
    margin-right: auto;
    margin-left: auto;
}

#logo {
    background-image: url(/images/head/logo.png);
    background-repeat: no-repeat;
    float: left;
    height: 13px;
    width: 110px;
    color: #696969;
    letter-spacing: 6px;
    font-weight: normal;
    font-size: 12px;
    padding: 27px 0 4px 50px;
}

#web_nav {
    float: right;
    background: url(/images/head/menuBG.gif) repeat-x;
    border-radius: 4px;
    height: 36px;
    width: 775px;
    padding-bottom: 2px;
    padding-left: 7px;
    margin-top: 4px;
    Z-INDEX: 101;
    position: relative;
}

    #web_nav li {
        float: left;
        list-style-position: inside;
        list-style-image: none;
        list-style-type: none;
    }

    #web_nav span a {
        font-size: 14px;
        color: #ffffff;
        line-height: 38px;
        display: block;
        text-align: center;
        padding: 0 12px;
    }

        #web_nav span a:hover, #web_nav span a.on {
            color: #FFF;
            text-decoration: none;
            background: #156790;
        }

    #web_nav a.ddl {
        padding-right: 6px;
    }

    #web_nav span a i {
        background: url(/Images/jc/v.gif) no-repeat left 10px;
        padding: 5px;
        margin-left: 5px;
    }

    #web_nav LI UL {
        LEFT: -999em;
        WIDTH: 180px;
        POSITION: absolute;
        padding: 6px;
        background-image: url(/images/head/n_bg.gif);
        border: 3px solid #1C90D1;
    }

        #web_nav LI UL LI {
            LEFT: 100%;
            TOP: 0px;
            float: left;
        }

    #web_nav LI:hover UL {
        Z-INDEX: 999;
        background-image: url(/images/head/n_bg.gif);
        LEFT: auto
    }

    #web_nav LI.sfhover UL {
        Z-INDEX: 999;
        background-image: url(/images/head/n_bg.gif);
        LEFT: auto
    }

    #web_nav LI UL LI a, #web_nav LI UL LI a:visited {
        color: #333333;
        font-size: 12px;
        line-height: 28px;
        display: block;
        height: 28px;
        width: 80px;
        text-align: center;
        border-bottom: 1px solid #E7E7E7;
        font-weight: normal;
    }

        #web_nav LI UL LI a:hover {
            color: #FFFFFF;
            background-color: #FF9900;
            text-decoration: none;
            background-image: none;
        }
/*����+LOGO+������*/

#bottom {
    line-height: 160%;
    text-align: center;
    margin: 10px auto 0 auto;
    padding-top: 0px;
}

    #bottom .neirong3 {
        width: 950px;
        margin: 0 auto;
    }

#spnLoading {
    margin: 5px auto;
    text-align: center;
    border-radius: 4px;
    width: 80%;
    border: 1px solid #e5e5e5;
    padding: 10px 0px;
    background-color: #fff
}

#nodata {
    margin: 5px auto;
    text-align: center;
    width: 100%;
    /* border: 1px solid #e5e5e5; */
    color: #999999;
    font-size: 14px;
    padding: 10px 0px;
    background-color: #fff
}

#subSpnLoading img {
    display: inline-block;
    vertical-align: middle;
}

.tgbtn {
    border-radius: 10px;
    color: #fff;
    background: #ff8b06;
    display: inline-block;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
    margin-left: 5px;
    padding: 0 8px;
    cursor: pointer;
    transition: all 0.2s linear;
}

    .tgbtn:hover {
        background: #ff5106;
    }

    .tgbtn.per {
        margin: 7px 0 0 7px;
    }

.revise {
    background: #3baee9;
}

    .revise:hover {
        background: #007FE4;
    }

.popupPlane .c_pinp {
    border: 1px solid #ccc;
    background: #fff;
    font-size: 14px;
    border-radius: 6px;
    overflow: hidden;
}

    .popupPlane .c_pinp .h2 {
        border-bottom: 1px solid #f2f2f2;
        font-size: 16px;
        font-weight: bold;
        line-height: 50px;
        position: relative;
        padding-left: 20px;
        height: 50px;
        color: #444;
        background-color: #FCFCFC
    }

    .popupPlane .c_pinp .h2 {
        text-align: left !important;
        width: 97%;
        border-bottom: 1px solid #f2f2f2;
        font-size: 16px;
        font-weight: bold;
        line-height: 50px;
        position: relative;
        padding-left: 20px;
        height: 50px;
        color: #444;
        background-color: #FCFCFC
    }

    .popupPlane .c_pinp .content {
        margin: 0;
        padding: 10px;
        border: none;
        text-align: center;
        font-size: 14px;
    }

        .popupPlane .c_pinp .content ul {
            width: 100%;
            margin: 0 auto;
            overflow: hidden;
            color: #444
        }

        .popupPlane .c_pinp .content li {
            display: block;
            text-align: left;
            margin: 15px auto;
        }

            .popupPlane .c_pinp .content li label {
                width: 98px;
                text-align: right;
                margin: 0 10px 0 0;
                display: inline-block;
                color: #444;
            }

            .popupPlane .c_pinp .content li input {
                color: #333;
                border: 1px solid #ddd;
                border-radius: 3px;
                line-height: 25px;
                padding: 6px 8px;
                margin: 0;
                width: 267px;
            }

            .popupPlane .c_pinp .content li select {
                color: #333;
                border: 1px solid #ddd;
                border-radius: 3px;
                height: 39px;
                padding: 6px 8px;
                width: 282px;
                margin-left: -3px
            }

            .popupPlane .c_pinp .content li .vfcbtn {
                background: #FFF;
                color: #209edd;
                border-radius: 3px;
                padding: 0 10px;
                margin: 0 0 0 10px;
                cursor: pointer;
                display: inline-block;
                line-height: 35px;
                border: 1px solid #e5e5e5;
            }

        .popupPlane .c_pinp .content .btn {
            width: 250px;
            margin: 20px auto 5px auto;
            cursor: pointer;
            line-height: 40px;
        }

        .popupPlane .c_pinp .content span {
            line-height: 20px;
            padding: 0 5px;
            display: inline-block;
            text-align: left;
        }

        .popupPlane .c_pinp .content p {
            text-align: left;
            line-height: 25px;
        }

            .popupPlane .c_pinp .content p.tips {
                text-align: left;
                margin: 10px auto 0 auto;
                padding-left: 10%;
                line-height: 25px;
                color: #999;
            }

            .popupPlane .c_pinp .content p.info {
                text-align: left;
                margin: 10px auto 0 auto;
                padding-left: 10%;
                line-height: 25px;
            }

        .popupPlane .c_pinp .content .clbtn {
            width: 160px;
            background: #FFF;
            color: #777;
            border-radius: 3px;
            padding: 0 10px;
            margin: 8px;
            cursor: pointer;
            display: inline-block;
            line-height: 35px;
            border: 1px solid #ddd;
        }

            .popupPlane .c_pinp .content .clbtn.on {
                color: #209edd;
                border: 1px solid #209edd;
                font-weight: bold;
            }

.popupPlane .h2 .closebtn {
    position: absolute;
    right: 15px;
    top: 13px;
    padding: 0;
    width: 24px;
    height: 24px;
    cursor: pointer;
}

    .popupPlane .h2 .closebtn:hover {
        background-color: #e5e5e5;
        border-radius: 50%
    }

    .popupPlane .h2 .closebtn:before, .popupPlane .h2 .closebtn:after {
        position: absolute;
        content: '';
        width: 16px;
        height: 1px;
        top: 11px;
        left: 4px;
        background-color: #888;
    }

    .popupPlane .h2 .closebtn:before {
        transform: rotate(45deg);
    }

    .popupPlane .h2 .closebtn:after {
        transform: rotate(-45deg);
    }


.btn-div {
    border-top: 1px solid #f3f3f3;
    margin-top: 15px
}

input::-webkit-input-placeholder {
    color: #aaa;
    font-size: 14px;
}

input[type="button"].btn, .btn {
    border-radius: 4px;
    line-height: 40px;
    text-align: center;
    min-width: 100px;
    background: #209edd;
    color: #fff;
    border: none;
}

/* .b_l9 {display: block;clear: both;height: 26px;width: 131px;}
#b_L9 { float: left;position: relative;z-index: 9998;    padding: 4px 10px;}
#b_divL9 { background-color: #FFF;position: absolute;width: 70px;top:23px;left: 10px;padding-top: 4px; border-right: 1px solid #9BAAB7;border-left: 1px solid #9BAAB7;border-bottom: 1px solid #9BAAB7;}
#b_L9 #b_divL9 a,
#b_L9 #b_divL9 a:visited { clear: both;width: 64px;height: 24px;line-height: 24px; background-image: none;background-color: #FFF;float: left; text-align: left;padding: 0px 0 0 5px;}
#b_L9 #b_divL9 a:hover {background-image: none;background-color: #FBEBB9;} */

/* .b_s9 a,
.b_s9 a:visited { display: block; width: 64px; float: left; height: 20px; line-height: 20px; text-align: left; padding: 0 1px 0 7px; background-image: url(/Images/jc/tool1.gif); background-repeat: no-repeat; background-position: left 0px;}
.b_s9 a:hover,
.b_bb a,
.b_bb a:visited,
.b_bb a:hover { color: #f00;height: 20px;width: 64px;background: url(/images/jc/left1.gif) no-repeat -22px -42px; text-decoration: none;background-color: #FFF; padding: 0px 0 0px 6px;display: block; line-height: 20px; border-right: 1px solid #9BAAB7; border-left: 1px solid #9BAAB7; border-top: 1px solid #9BAAB7; text-align: left;} */
/* .kops2 {position: absolute;background-color: #FFF;border: 1px solid #ccc;z-index: 9999;right: 1px;top: 23px;margin-bottom: -1px;}
.kops2 li {clear: both;line-height: 28px;border: none;}
.kops2 li a {border-bottom: solid 1px #E7E9EB;height: 28px;padding-right: 10px;padding-left: 10px;display: block;clear: both;}
.kops3 {position: absolute;background-color: #FFF;border: 1px solid #ccc;z-index: 9999;right: 100px;top: 23px;margin-bottom: -1px;}
.kops3 li {clear: both;line-height: 28px;border: none;}
.kops3 li a {border-bottom: solid 1px #E7E9EB;height: 28px;padding-right: 10px;padding-left: 10px;display: block;clear: both;} */


/* ��ʶ */
.red-log, .blue-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;
}

.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;
}


/*����б����ߵ���*/
.theme-content {
    position: relative;
}

.convey {
    background: linear-gradient(-135deg,#fff5e7,#fde5c0);
    border-radius: 4px;
    position: absolute;
    top: 20px;
    left: 0px;
    width: 370px;
    padding: 10px;
    border-radius: 8px;
    box-shadow: 0px 2px 10px 2px rgba(205,205,205,0.8);
    z-index: 9 !important;
}

    .convey::before {
        content: "";
        background: url(/images/xz.png)no-repeat center;
        width: 118px;
        height: 58px;
        position: absolute;
        right: 0;
        top: -15px;
        opacity: 0.85;
        z-index: 1;
    }

.conveytop {
    text-align: center;
    padding: 0 0 8px 0;
    margin: 0 auto; /* border-bottom: 1px solid #f2f2f2; */
}

    .conveytop a {
        color: #b46307 !important;
        font-size: 16px;
        font-weight: bold;
    }

.conveylist {
    background: #fffcf8;
    color: #666;
    border-bottom: 1px solid #f2f2f2;
    padding: 7px 10px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

    .conveylist:nth-child(2) {
        border-radius: 5px 5px 0 0;
    }

    .conveylist:last-child {
        border-radius: 0 0 5px 5px;
    }

    .conveylist .result {
        position: absolute;
        right: 5px;
        width: 30px;
        min-width: 30px !important;
        height: 30px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .conveylist span {
        padding: 0 !important;
    }

    .conveylist .result.mingzhong {
        background: url(/images/mingzhong.png)no-repeat !important;
        background-size: 30px !important;
        display: inline-block !important;
    }

    .conveylist .result.go {
        background: url(/images/go.png)no-repeat;
        background-size: 30px;
    }

    .conveylist .obvious {
        color: #FF5106;
        font-weight: 600;
    }
        .convey .notesTips {color: #b58060;font-size: 11px;line-height: normal;padding: 5px 0;}
.showbestWinLog {
    position: relative;
    cursor: pointer
}

/*�����������*/
.huntcase {
    position: absolute;
    background-color: #ffff;
    border-radius: 0 0 4px 4px;
    top: 30px;
    left: 0;
    box-shadow: 0px 1px 5px 1px rgb(224, 224, 224);
    width: 180px;
    z-index: 100000;
    padding-bottom: 4px;
}

.recently {
    text-align: left;
    color: #007FE4;
    padding: 2px 0 0 10px;
    line-height: 28px;
}

    .recently i {
        float: right;
        background: url(/images/delete.svg) no-repeat center center;
        background-size: 14px;
        width: 30px;
        height: 28px;
        display: inline-block;
        cursor: pointer
    }

.huntcaselist {
    text-align: left;
    line-height: 26px;
    background: url(/images/record.svg) no-repeat 8px center;
    background-size: 16px;
    padding: 0 10px 0 28px;
    cursor: pointer
}

.newUserlabel {
    width: 16px;
    height: 16px;
    background: url(/Images/fav_nornow_on.png) no-repeat center center;
    background-size: 16px auto;
    vertical-align: middle;
    display: inline-block;
    margin-bottom: 3px;
}

#editer {
    background: #ffffff;
    overflow: hidden;
    border: solid 1px #e5e5e5;
}

h1,
h2,
h3,
h4,
h5,
h6,
h7 {
    line-height: 35px !important;
}


.on2 {
    margin-top: 4px !important;
}
.match-data-box textarea{
    border-radius: 4px;
    border: solid 1px #e5e5e5 !important;
    width: 100% !important;
    padding:4px 8px !important;
    box-sizing: border-box !important;
}
.one-select:hover{
    cursor: pointer;
    background: #ffffff;
}
#editer .match-data-box .close::before, #editer .match-data-box  .close::after {
    background: #ffffff !important;
}


.buttonbox{ border-top:solid 1px #f1f1f1; padding-top:10px;}
.buttonbox .btn:hover,
.buttonbox .btn{
    line-height: 45px;
    background: #007FE4;
    color: #ffffff;
    width: 150px;
    border: none;
}

.editer{
    position: relative;
    background: #ffffff;
    border: solid 1px #e5e5e5;
    border-radius: 4px;
    padding-bottom: 30px;
}
.editer::after {content:"";clear: both;display: block;}

.match-list{
    box-sizing: border-box;
    width: 13%;
    border:none !important;
    border-right: 1px solid #f1f1f1 !important;
    background: transparent !important;
}
.match-list .type.on {
    color: #232323;
    background: #dbedfb;
}
.match-list:nth-last-child(-n+3){ border:none !important;}
.match-list.W4{
    width: 35%;
}
.select-sclass .title{
    text-align: left;
    padding-left:20px;
}
.select-sclass .type{
    text-align: left;
}


.jingcai-only .type,
.select-play .type,
.select-type .type,
.select-ball .type{
    min-height: 40px;
    line-height: 40px;
}
#content {
    width: 1280px;
}

#footer {
    text-align: center;
    color: #666971;
    font-size: 12px;
    width: 100%;
    float: left;
    line-height: 22px;
    overflow: hidden;
    padding: 12px 0;
    height: auto;
    background: #f0f0f0;
}

#footer a {
    display: inline;
    color: #0a8fea;
}

#editer .ke-icon-image, .character .ke-icon-image {
    width: 100%;
    height: 100%;
    background: url(../images/img.svg) center center no-repeat;
    background-size: 85%;
}

#editer .tabs {
    background: #f1f1f1;
    /* border: 1px solid #e5e5e5;    */
    padding: 2px;
    border-radius: 4px;
    position: relative;
    float: left;
    height: 30px;
/*    width: 180px;*/
    overflow: visible;
}

#editer .tabs .tab {
    text-align: center;
    padding: 0 8px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    box-sizing: border-box;
    white-space: nowrap;
    padding: 0 20px;
    display: inline-block;
    cursor: pointer;
    float: left;
    width: 33.3333%;
}

#editer .tabs .tab.on {
    line-height: 30px;
    background: #ffffff;
    border-radius: 4px;
    color: #ff6600;
}

#editer .subRow {
    border-radius: 4px;
    display: block;
    padding: 4px;
    background: #f1f1f1;
    margin-top: -6px;
    position: absolute;
    left: 105%;
    top: -3px;
    width: 316px;
    overflow: visible;
}

/* #editer .subRow::before {
    content: '';
    position: absolute;
    left: -6px;
    top: 39%;
    width: 10px;
    height: 10px;
    border: 1px solid #ff6600;
    border-bottom: none;
    border-left: none;
    transform: rotateZ(224deg);
    background: #ffffff;
} */
#editer .subRow::before {
    content: '';
    position: absolute;
    left: -12px;
    top: 50%;
    width: 0;
    height: 0;
    border-top: 8px solid #f1f1f1;
    border-bottom: 0 none;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    transform: rotateZ(90deg) translateX(-4px);
}

#editer .subRow .item:last-child {
    margin-right: 0 !important;
}


#editer .ke-container {
    background: #ffffff;
    /* border: solid 1px #e5e5e5; */
    /* border-radius: 4px; */
}
#editer .winTitle h2 .btn:hover,
#editer .editer:hover,
#editer input:focus {
    border: solid 1px #b9cddd  !important;
    box-shadow: none !important;
}
#editer .ke-toolbar .iconfont {
    width: 100%;
    height: 100%;
    font-size: 28px;
    margin: 0 !important;
    float: left;
}

#editer .ke-toolbar {
    background: #f9f9f9;
    padding: 4px;
}

#bodyContent .ke-toolbar .ke-outline,.character .ke-outline {
    width: 30px;
    height: 30px;
    line-height: 30px;
    padding: 0;
    background: #ffffff;
    border: solid 1px #e5e5e5;
    border-radius: 4px;
    text-align: center;
    display: inline !important;
    opacity: 0.8;
}
.character .ke-outline,.character .ke-icon-image {float: left;margin-right: 5px;cursor: pointer;}

#editer .ke-toolbar .tagBar .tag:hover,
#bodyContent .ke-toolbar .ke-outline:hover {
    border: solid 1px #007FE4;
}

#editer .ke-toolbar .ke-outline.dataModel {
    background: #ffffff url(../images/font-modular.svg) center center no-repeat;
    background-size: 68%;
    opacity: 0.8;
}

#editer .ke-toolbar .ke-icon-emoticons {
    width: 100%;
    height: 100%;
    background: url(../images/emoticons.svg) center center no-repeat;
    background-size: 68%;
}


#editer .ke-toolbar .tagBar {
    float: right;
    width: auto;
    line-height: 24px;
    height: 24px;
    position: relative;
}

#editer .ke-toolbar .tagBar label,
#editer .ke-toolbar .tagBar .tag {
    line-height: 30px;
    font-size: 12px;
    height: auto;
}


#editer .ke-toolbar .tagBar .tag {
    line-height: 30px;
    margin: 0 0 0 0 !important;
    padding: 0 6px;
    background: #ffffff !important;

}

#editer .character {
    display: flex;
    justify-content: space-between;
    position: absolute;
    bottom: 0;
    left: 4px;
}

#editer .m1, #editer .m2, #editer .m3 {
    top: 6px !important;
    /*left:74px !important;*/
    bottom: unset !important;
    width: 30px;
    height: 30px;
    line-height: 30px;
    padding: 0;
    border-radius: 4px;
    text-align: center;
    display: inline !important;
    opacity: 0.8;
}
#editer .m2 {
    top: 6px !important;
    /*left:40px !important;*/
}
#editer .m3 {/*background: #f5f5f5;*/top: 0 !important;left: 0 !important;width: 200px;padding: 6px 6px 8px 6px;}

#editer .btn-insert-data{
    background: #ffffff url(../images/font-modular.svg) center center no-repeat;
    background-size: 68%;
    border: solid 1px #e5e5e5;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    padding:0;
    margin: 0;
    cursor: pointer !important;
    float: left;
}
#editer .btn-insert-data:before,
#editer .btn-insert-data:after{
    display: none;
}

#editer .phoneBox {
    background: url(../images/phoneTop.png) no-repeat top center;
    padding: 60px 0 0 0;
    background-size: 100% auto;
    box-sizing: border-box;
    height: 812px;
    /* height: 500px; */
    width: 375px;
    margin: 20px auto;
    border: solid 10px #e1e3e3;
    border-radius: 30px;
    /* position: fixed; */
    padding-top: 55px !important;
    padding-bottom: 10px;
    /* transform: translateX(25px); */
}
#editer .phoneBox .btn{
    background: #e1e3e3;
    border-radius: 10px;
    width: 10px;
    height: 50px;
    position: absolute;
    min-width: unset;
}
#editer .phoneBox .btn1{
    left: -16px;
    top: 80px;
}
#editer .phoneBox .btn2{
    left: -16px;
    top: 150px;
}
#editer .phoneBox .btn3{
    right: -16px;
    top: 100px;
}
#editer .right .content {
    height: 100%;
    overflow-y: auto;
    padding: 0;
    margin-right: 4px;
    
    /* border-radius: 0 0 20px 20px; */
}

#editer .popupinfo label span {
    white-space: nowrap;
    padding: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    line-height: normal;
}

#editer .matchinfo-num-tips {
    color: #999;
    font-size: 12px;
    line-height: 30px;
}

#editer .popupinfo {
    margin: 0;
    padding: 25px 0 0 0;
}
#editer .againstpage{ margin:8px;}
#editer .close {
    text-align: center;
    line-height: 20px;
}
#editer .hide-content{
    background: #FFFBF0;
    border: dotted 1px #F2a128;
    padding: 20px  8px 8px 8px;
    margin: 0 8px 8px 8px;
    border-radius: 4px;
    position: relative;
}
#editer .hide-content>div:nth-child(1) {
    position: absolute;
    color:#ffffff;
    font-size: 12px;
    left:50%;
    top:-25px;
    width: 70%;
    transform: translateX(-50%);
    padding:6px;
    border-radius: 4px;
background: var(--light-special-buy-button, linear-gradient(90deg, #F44336 0%, #FB8C00 100%));
}
#editer .close::before, #editer .close::after {
    content: "";
    position: absolute;
    top: 2px;
    left: 10px;
    background: #333333 !important;
    width: 1px;
    height: 16px;
    transform: rotate(45deg);
}
#editer .close::after {
    transform: rotate(-45deg);
}
#editer .readtips .btn {
    float: left;
    margin: 0 8px 0 0 !important;
    line-height: 50px;
    height: 50px;
    padding: 0 10px;
    background: #ffffff;
}

.editer .remaining {
    color: #c7c7c7;
    font-size: 12px;
}

.editer .remaining .on {
    color: #333333;
}

#editer .readtips .btn.affirm {
    background: #007FE4;
    width: 200px;
}

#editer .row {
    /* margin-bottom: 4px; */
    display: block;
}

#editer .row::after {
    content: '';
    display: block;
    clear: both;
}

#editer .subRow.checkList .item input {
    border: none !important;
}

/* 

#editer .checkList {
    overflow: visible;
}

#editer .checkList.subRow .item {
    margin: 0 4px 0 0;
    padding: 0 8px;
}



#editer .checkList.subRow .item {
    height: 26px;
    line-height: 26px;
    min-height: unset;
    background: white;
    margin:0 0 0 4px;
}
#editer .checkList.subRow .item.on {
    background: #ffffff;
} */
/* #editer .checkList .itemBox{
    padding:0 0 0 8px !important;
    border:solid 1px #cccccc;
}
#editer .checkList .itemBox.item{
    height: 32px;
    line-height: 32px;
 }
#editer .checkList .itemBox.item.on{
    background: #fff9e7;
}
#editer .checkList .itemBox::before,
#editer .checkList .itemBox::after{
    display: none !important;
} */
#editer .iconfont {
    font-size: 16px;
    position: relative;
    margin-right: 4px;
}

#editer .checkList .item {
    font-size: 14px;
    background: #ffffff;
    padding: 0;
    height: 28px;
    position: relative;
    margin: 0 4px 0 0;
}

#editer .checkList .item.on {
    background: #fff9e7;
    color: #ff6600;
}

#editer .popupinfo label {
    box-sizing: border-box;
    width: 100px;
    height: 32px;
    line-height: 32px;
    padding-right: 8px;
    text-align: right;
    float: left;
}

#editer .popupinfo .data {
    width: calc(100% - 115px);
    float: left;
    position: relative;
}

.addThemeItem .leftbox {margin-left: 100px;float: left;}
.addThemeItem .leftbox::after {content:"";clear:both;display: block;}
.leftbox .piclist {
    position: relative;
    float: left;
    display: inline-block;
    width: 40px;
    height: 40px;
    margin: 10px 15px 10px 0;
    border: 1px solid #ddd;
    border-radius: 5px;
    cursor: pointer;
}
.leftbox .piclist .close {
    position: absolute;
    right: -10px;
    top: -5px;
    background: #222;
    border-radius: 50%;
    display: inline-block;
    width: 19px;
    height: 19px;
    opacity: 0.7;
}
#editer .leftbox .piclist .close::before,#editer .leftbox .piclist .close::after {background: #fff !important;height: 13px;top: 3px;left: 9px;}
.leftbox .piclist .pic-icon {
    width: 100%;
    height: 100%;
    border-radius: 5px;
}
.leftbox .piclist .add:before,.leftbox .piclist .add:after {
    position: absolute;
    content: '';
    width: 18px;
    height: 2px;
    top: 18px;
    left: 11px;
    background-color: #888;
}
.leftbox .piclist .add::after {
    transform: rotate(90deg);
}


#editer .checkList.inline {
    margin: 0 8px 0 0;
    float: left;

}

#editer .popupinfo .addThemeItem {
    padding-bottom: 10px;
}

#editer .popupinfo .addThemeItem .taglabel {
    position: absolute;
    right: 5px;
    top: 5px;
}

#editer .popupinfo .addThemeItem .tag {
    margin: 0 4px 0 0;
    background: #f1f1f1;
}

#editer .popupinfo .addThemeItem .tag.on {
    border: solid 1px #007FE4 !important;
    background: #ffffff;
    color: #007FE4;
    font-size: 14px;
    line-height: 30px;
    height: 32px;
    border: none;
    display: inline;
    display: inline-flex;
    align-items: center;
    box-sizing: border-box;
    position: relative;
    top: 1px;
}

.on3 {
    margin-top: 4px !important;
}

#editer .formworkbg {
    background: transparent;
    border: none;
}

#editer .nodata{
    padding:35px 0;
    font-size: 14px;
    text-align: center;
    color:#999999;
}
#editer .nodata .icon{font-size: 40px; width: 100%;padding:0; margin:30px 0; display: block;
    color:#999999;
}
#editer .winTitle,
#editer .winTitle h2 {
    font-size: 16px;
    padding: 0 8px;
    border-bottom: solid 1px #e3e3e3;
}
#editer .winTitle h2 .btn{
    border-radius: 4px;
    border: solid 1px #e3e3e3;
    font-size: 12px;
    background: #ffffff;
    color: #333333;
    font-weight: normal;
    cursor: pointer;
    float: right;
    line-height: 26px;
    min-width: unset;
    width: 40px;
    text-align: center;
}
#editer .winTitle h2 .btn .icon{
    margin:0px;
}
#editer .winTitle h2 .msg {
    margin: 0;
    vertical-align: middle;
    position: relative;
    top: -4px
}


#editer .winTitle {
    background: transparent;

    height: 35px;
    padding: 0;
}


#editer #title input {
    width: 100%;
    box-sizing: border-box;
    margin: 0 !important;
    background: #ffffff;
    line-height: 35px;
    padding: 0 8px;
    border-radius: 4px;
}



#editer .left {
    box-sizing: border-box;
    padding: 8px;
    width: 66%;
    float: left;

}
#editer .rule{font-size: 12px;}
#editer .msg {
    background: #fff9e7;
    overflow: hidden;
    border-radius: 4px;
    padding: 3px 8px;
    line-height: 20px;
    font-size: 14px;
    height: 20px;
    text-align: left;
    display: inline-block;
    margin: 8px 3px;
}

#editer .right {
    width: calc(34% - 16px);
    min-height: 900px;
    float: right;
    padding: 8px;
    background: #fff;
    box-shadow: -6px 0px 10px rgba(0, 0, 0, 0.05);
    margin-bottom: -10000px;
    padding-bottom: 10000px;
}


/* 新球圈详情页 */
.content .left {width: 70%;overflow: initial;}
.left .qiubaBox {padding:18px 28px;margin-bottom:12px;}
.left .qiubaBox .title {font-size:22px;line-height:24px;font-weight:bold;}
.left #bg {padding:14px 0;height:50px;margin:12px 0;position:relative;}
.left .qiubaIcon {background:#fff;float:left;margin-right:10px;text-align:center;vertical-align:middle;height:50px;width:50px;border-radius:50%;display:block;}
.qiubaIcon img {width:100%;height:100%;}
.qiubaIcon .leftBox img {border-radius:50%;overflow:hidden;}
.left .qiubaInfoBox {/*width:585px;*/position:relative;line-height:30px;}
.left .win {overflow:visible;}
.left .qiubaBox .qiuba_Info {color:#333;font-size:16px;line-height:1.75em;overflow:hidden;text-align:justify;}
.qiuba_title {font-size:14px;}
.qiuba_title a {font-size:14px;font-weight:bold;}
.qiuba_title a:first-child {margin-right:2px;}
.qiuba_title span {line-height: 30px;display: inline;position: relative;}
.qiuba_title .member {float: none;margin-left: 5px;}
.qiubaInfoBox .qiuba_title p {font-size:14px;color:#333;line-height:20px;margin-left:10px;display:inline;}
.qiubaInfoBox .qiuba_title .follow-box {background-color:#FFF;border-radius:20px;font-size:12px !important;color:#ff5106 !important;font-weight:400 !important;padding:3px 12px !important;cursor:pointer;text-align:center;border:1px solid #f9cfb2;margin-left:2px;}
.qiubaInfoBox .qiuba_title .follow-box.on {color:#666 !important;background-color:#f5f5f5;border-color:#e5e5e5;}
.qiubaBox .qiuba_Info2 {position:relative;color:#999;white-space:nowrap;text-overflow:ellipsis;line-height:20px;overflow:hidden;}
.qiubaInfoBox .time {color:#999 !important;font-size:12px !important;}
.userGuessData {float:right;position:absolute;top:15px;right:0;}
.userGuessData li {width:50px;float:left;text-align:center;color:#ff5106;font-weight:bold;font-size:14px;}
.userGuessData li span {display:block;color:#999;font-weight:normal;font-size:12px;}

.convertit {font-size:20px;font-weight:bold;line-height:34px;padding-left:5px;transform:skew(-18deg);color:#333;margin:24px 8px 12px 0;}
.convertit:before,.convertit:after {content:"";width:5px;height:18px;background:#ff5106;display:inline-block;margin-right:8px;vertical-align:-2px;}
.convertit:after {margin-left:8px;}
.qiuba_Info .ext {color:#666;font-size:12px;text-align:center;float:right;transform:skew(18deg);}
.qiuba_Info .ext img {vertical-align:-5px;margin-right:2px;}
.mainbody {text-align:justify;margin-bottom:14px;}
.mainbody .free {margin-bottom: 14px;}
.content-data{background:#fff9ef;padding:10px 20px;margin:5px 0 15px;font-size:15px;border-style:none;border-radius:3px;position: relative;}
.saleBox{margin-bottom:5px;text-align:left;color:#FF7D00;font-size:12px;}
.saleBox::before{content:"";display:inline-block;width:0;height:0;border-top:4px solid #FF7D00;border-bottom:0 none;border-left:4px solid transparent;border-right:4px solid transparent;margin:5px 5px 5px 0;transform:rotate(0deg);vertical-align:-3px;}

.content-data.stash #contentData {margin-top: 25px;}
.payMsg.stash,.content-data.stash {position: relative;margin-top: 30px;}
.payMsg.stash .btn,.content-data.stash .btn {position: absolute;top: -15px;left: 50%;transform: translateX(-50%);cursor: auto;}
.vague {filter:blur(4px);margin-top: 20px !important;font-size: 14px;text-align:left;line-height: 22px;}
.stash .editBtn {border:1px solid #FF7D00;display:inline-block;padding:0 10px;margin-left:10px;border-radius:20px;cursor:pointer;}
.payMsg {/* background:#faf6db url(/images/lock_bg.jpg) no-repeat -1px top;*/
 background:#fffaf2;border:2px dashed #ffdca8;border-radius:4px;line-height:40px;text-align:center;padding:30px 20px;margin:20px 0;}
.payMsg h3 {color:#999;font-size:12px;font-weight:normal;margin-top:10px;}
.payMsg p {line-height:normal;color:#666;}
.logMsg {background:#F8F8F8 url(/images/tan.jpg) no-repeat 10px center;line-height:40px;height:40px;border:1px dashed #CCC;margin-top:10px;margin-bottom:10px;padding:10px 10px 10px 60px;}
.logMsg .btn,.payMsg .btn,.paybtn,.content-data .btn {background:linear-gradient(90deg,#FB8C00,#F44336);color:#fff;min-width:35%;height:40px;line-height:40px;font-size:16px;text-align:center;display:inline-block;padding:5px 15px;margin:0 auto;border-radius:4px;cursor:pointer;box-shadow:0px 10px 10px rgb(255 81 6 / 15%);}
.paybtn {width: max-content;display: block;border-radius: 50px;}
.payMsg .btn,.content-data .btn {background: #e9a237;min-width: 25%;height: 32px;line-height: 32px;}
.logMsg .btn:hover,.payMsg .btn:hover,.paybtn:hover {opacity:0.8;transition:all 0.2s linear;}

.qiubaBox .qiuba_Info .msg {color:#666;font-size:12px;margin-top:10px;text-align:center;}
#addBtn .like:hover,#addBtn .give:hover {opacity:0.8;transition:all 0.2s linear;}
#addBtn .like span,#addBtn .give span {display:block;color:#f2725d;font-size:15px;line-height:24px;padding-top: 50px;}
#addBtn .give span {color:#f7b55d;}

.commentBox .button {background:transparent;color:#999;padding:0;margin-left:10px;line-height:30px;height:auto;text-align:right;width:auto;}
.commentBox .reportBtn {background:url(/images/report.png) no-repeat;width:16px;height:16px;padding-left:20px;margin:7px 7px 0 7px;background-size:16px auto;}
.sortBox .item{float:left;padding:0 10px;position:relative;}
.sortBox .item:hover{color:#007FE4;}
.sortBox .item::after{content:"";position:absolute;right:0;top:3px;width:1px;height:12px;background:#dce3e9;}
.sortBox .item:last-child::after{background:none;}
.sortBox .on,.sortBox .on:hover{color:#f00;font-size:14px;font-weight:bold;}
.sortBox .item a{margin:2px 6px 2px 0;}
.shareBox{line-height:32px;color:#a9a9a9;overflow:hidden;}
.shareBox .button{float:right;height:20px;width:auto;line-height:20px;margin:6px;color:#8c8c8c;background-position:left center;/* padding-left:20px;*/}
.shareBox .row{float:left;}
.social-share a{margin:0 4px;}
.sponsorBtnBox{padding-top:20px;color:#333;text-align:center;}
.sponsorBtnBox .btn{display:inline-block;font-size:14px;line-height:34px;margin:0 10px;}
.sponsorBtnBox img{cursor:pointer;}
.sponsorBtnBox input{position:relative;top:2px;margin-right:5px;}
#sponsorBox{position:fixed;/* 上下左右4个方向的定位都设置为0 */
 top:0;left:0;right:0;bottom:0;/* 外边距全设置为 auto ，元素就这么神奇的居中定位了 */
 margin:auto;width:500px;height:300px;background-color:#FFF;border-radius:5px;}

.content .right {width: 28%;background:#fff;margin-bottom:12px;border-radius:3px;box-shadow:0 1px 1px 0 rgba(0,0,0,0.08);}
.content .winTitle {font-size:16px;background:#FFF;color:#333;line-height:44px;padding:0 12px;font-weight:700;display:block;width:auto;border-radius:3px 3px 0 0;border-bottom:1px solid #f5f5f5;position:relative;}
.content .winTitle::before {content:"";display:inline-block;width:3px;height:12px;background-color:#ccc;margin-right:6px;vertical-align:-1px;}
.right .info {width:auto;padding:0;margin: 0;}
.right .info ul li {padding:12px;border-bottom:1px solid #f5f5f5;box-shadow:none;display:block;}
.right .info ul li:hover,.info .matchBox:hover {background:#FFF8E8;transition:all 0.2s linear;}
.right .info ul li:last-child {border:none;}
.info .infoBox {width:auto;text-align:justify;padding:0;float:left;}
.infoBox .title {height:auto;overflow:visible;width:auto;white-space:normal;line-height:normal;font-weight:400;font-size:14px;}
.miniUserBox {padding-top:6px;clear:both;}
.miniUserBox .icon {float:left;margin:1px 4px 0 0;}
.miniUserBox .icon img {width:16px;height:16px;border-radius:50%;border:solid 2px #f5f5f5;vertical-align: initial;}
.miniUserBox .name {color:#666;}
.miniUserBox .time {float:right;color:#999;}
.clearFloat,.clear {display:block;clear:both;overflow:hidden;}
#editer .popupinfo .addThemeItem .tag.jingcai-only {width: 100%;height: auto;display: inline-block;}
.jingcai-only text {color: #999;font-size: 12px;margin-left: 10px;}
.jingcai-only .match-list {color: #333;width: 100%;height: auto;float: none;padding: 0;margin-bottom: 8px;}
.jingcai-only .select-jc-play {display: flex;align-items: center;}
.jingcai-only .match-list .title {background: #f5f5f5;color: #666;width: 40px;text-align: center;padding: 0;margin-right: 4px;border-radius: 4px;}
.jingcai-only .match-list .type {background: #f5f5f5;flex: 0 0 60px;width: auto;min-height: auto;line-height: normal;margin: 4px;}
.jingcai-only .match-list .type.on {background: #dbedfb;color: #007fe4;}
.show-jc-win {
    margin-top: 3px;
}
.mark {
    background: #FF5106;
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: normal;
    font-style: normal;
    padding: 1px 2px;
    margin: 0 4px;
    border-radius: 3px;
    display: inline-block;
    float: right;
}