@charset "utf-8";

/*全局样式----------------------------------------------------------------------------------------------------------------------------*/
form {
    padding: 0;
    margin: 0;
}

html, body {
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-family: 宋体;
}

button, input, textarea {
    vertical-align: middle;
    font-size: 12px;
    font-family: 宋体;
}

select {
    vertical-align: middle;
    font-size: 12px;
}


/*字体、间距、链接基本样式------------------------------------------------------------------------------------------------------------*/
.bai {
    color: #fff;
}

.lan {
    color: #005ce5;
}

.hong {
    color: #FF0000;
}

.bold {
    font-weight: bold;
}

.f14 {
    font-size: 14px;
}

.f12 {
    font-size: 12px;
}

.cheng {
    color: #FFFF00;
}

.hui {
    color: #fff;
}

.hui6 {
    color: #666666;
}

.clear {
    clear: both;
}

.green {
    color: Green;
}
/*.clear:after {
    visibility:hidden;
    display:block;
    font-size:0;
    content:" ";
    clear:both;
    height:0;
}
.clear {
    zoom:1; /* for IE6 IE7 
}*/
.left {
    float: left;
}

.right {
    float: right;
}

.Lmg30 {
    margin-left: 30px;
}

.Lmg10 {
    margin-left: 10px;
}

.Tmg7 {
    margin-top: 7px;
}

.Tmg20 {
    margin-top: 20px;
}

.lh {
    line-height: 20px;
}

.Tmg1 {
    margin-top: 1px;
}

.Rmg5 {
    margin-right: 5px;
}

.Lpd10 {
    padding-left: 10px;
}

.Lpd100 {
    padding-left: 100px;
}

.pd7 {
    padding: 7px;
}

.Lpd5 {
    padding-left: 5px;
}

.Rpd10 {
    padding-right: 10px;
}

.Rpd20 {
    padding-right: 20px;
}

.normal {
    font-weight: normal;
}

.hg3 {
    border-bottom: 3px solid #9ecee7;
}

.addrtitle {
    color: #99a8b0;
}

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

a:hover {
    color: #FF0000;
    text-decoration: underline;
}

.l:link, .l:visited {
    text-decoration: underline;
    color: #005ce5;
}

.l:hover {
    color: #005ce5;
    text-decoration: none;
}

.l1:link, .l1:visited {
    text-decoration: underline;
    color: #000000;
}

.l1:hover {
    color: #005ce5;
    text-decoration: none;
}

.l2:link, .l2:visited {
    text-decoration: none;
    color: #005ce5;
}

.l2:hover {
    color: #005ce5;
    text-decoration: underline;
}

.retd {
    padding-left: 30px;
}

    .retd a {
        line-height: 25px;
    }

.reasonSS {
    width: auto;
    margin-left: 10px;
    line-height: 20px;
}

/*按钮与文本框-----------------------------------------------------------------------------------------------------------*/
textarea {
    width: 540px;
    border: 1px solid #718da6;
    padding: 3px;
    font-size: 12px;
    font-family: 宋体;
}

.text {
    border: 1px solid #7F9DB9;
    height: 16px;
    padding: 2px;
    line-height: 16px;
    width: 150px;
}

.btn, .button, .submit {
    font-size: 12px;
    height: auto;
    *height: 22px;
    line-height: 16px;
    *line-height: 16px;
    padding: 0;
    *padding: 0;
    margin-left: 6px;
}

.wd1 {
    width: 52px;
    margin: 1px 2px 0 0;
}

.wd2 {
    width: 72px;
    margin: 1px 2px 0 0;
}

.wd3, .wd5 {
    width: 104px;
    margin: 1px 2px 0 0;
}

.wd4 {
    width: 150px;
    margin: 1px 2px 0 0;
}

.wd6 {
    width: 66px;
    margin: 1px 2px 0 0;
}

.btnLine {
    border-left: 1px solid #0a4465;
    *border-left: none;
    border-top: none;
    *border-top: 1px solid #0a4465;
    border-right: 1px solid #93d3f6;
    border-bottom: none;
    *border-bottom: 1px solid #0a4465;
    width: 1px;
    *width: 2px;
    height: 21px !important;
    *height: 20px;
    line-height: auto;
    padding: 0;
    margin: 0 2px 0 7px;
    *margin: 0 7px 0 7px;
    background: #0a4465;
}

/*信心提示区样式-----------------------------------------------------------------------------------------------------------*/
.msg, .errmsg {
    padding: 3px 24px;
    *padding: 6px 24px 4px 24px;
    color: #fff;
    font-size: 12px;
    font-family: "宋体";
}

.msg {
    background: #68af02;
}

.errmsg {
    background: #ef8f00;
}

/*左边菜单列表样式------------------------------------------------------------------------------------------------------------*/
.linkBg {
    background-color: #ad7777;
    cursor: pointer;
}

.linkBg1 {
    background-color: #ad7777;
    cursor: pointer;
}

.hand {
    cursor: pointer;
}

.pd32 {
    padding-left: 32px;
}

.s:link, .s:visited, .s:active {
    text-decoration: none;
    color: #ad7777;
    overflow: hidden;
}

.s:hover {
    color: #fff;
    text-decoration: none;
    background-color: #ad7777;
    cursor: pointer;
}

.s:active {
    color: #fff;
    text-decoration: none;
    background-color: #ad7777;
    cursor: pointer;
}

.f:link, .f:visited, .f:active {
    text-decoration: none;
    color: #fff;
}

.f:hover {
    color: #fff;
    text-decoration: underline;
}

/*首页框架-----------------------------------------------------------------------------------------------------------*/
.logo {
    width: 254px;
    height: 77px;
    *width: 271px;
    *height: 89px;
    background-color: #AB2020;
    padding: 12px 0 0 17px;
    *padding: 12px 0 0 17px;
}

.topIndex {
    height: 89px;
    background-color: #AB2020;
}

.warper {
    BORDER-BOTTOM-STYLE: none;
    BORDER-RIGHT-STYLE: none;
    BORDER-TOP-STYLE: none;
    BORDER-LEFT-STYLE: none;
    OVERFLOW: hidden;
}

.sidebar_a {
    background-image: url(../images/sideBg3.gif);
    width: 179px;
    height: 100%;
    float: left;
}

.sidebar_b {
    height: 100%;
    overflow: hidden;
}

/*箭头-----------------------------------------------------------------------------------------------------------*/
.arr {
    width: 5px;
    height: 11px;
    /*  background-image: url(../images/QpGameBg3.png);
    background-position: -280px 0px;
    background-repeat: no-repeat;*/
}

.kunag {
    border: 1px solid #7F9DB9;
}

/*右边TAB标签-----------------------------------------------------------------------------------------------------------*/
    ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
    width: 550px;
}

li {
    float: left;
}

.tab1, .tab2 {
    background-image: url(../images/QpGameBg3.png);
    height: 28px;
    width: 104px;
    margin-right: 2px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    line-height: 28px;
    cursor: pointer;
}

.tab1 {
    background-position: 0px -210px;
    color: #ffffff;
}

.tab2 {
    background-position: -105px -210px;
    color: #01304a;
}

/*右边列表标题功能区-----------------------------------------------------------------------------------------------------------*/
.title {
    /* background-color: #AB2020;*/
    height: 28px;
    padding-top: 10px;
}

.titleOpBg {
    background-color: #ad7777;
    height: 38px;
}

.titleOpBg {
    white-space: nowrap;
    padding: 0px 5px;
}

.titleQueBg {
    background-color: #ad7777;
    height: 40px;
}

.listBg, .listBg1, .listBg2, .list {
    height: 30px;
    white-space: nowrap;
    padding: 0px 5px;
}

.list2 {
    padding: 0 5px;
}

    .list2 td {
        line-height: 30px;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.ui-table-border td {
    border: 1px solid #ccc;
}

table.box th.listTitle2 {
    border-right: 1px solid #fff;
    color: #fff;
}

.listBg {
    background-color: #f1f4f8;
}

.listBg1 {
    background-color: #eaf6fc;
}

.listBg2 {
    background-color: #f3fbff;
}

.listTdLeft, .listTdRight, .listTd {
    height: 35px;
    white-space: nowrap;
    padding: 0px 5px;
}

.listTdLeft {
    width: 150px;
    text-align: right;
    text-overflow: ellipsis;
    word-break: keep-all;
    overflow: hidden;
}

.listTdRight {
    width: 500px;
    text-align: left;
    padding-left: 10px;
    float: left;
}

/*列表样式-------------------------------------------------------------------------------------------------------------------------*/
.listTitleBg, .page {
    background-color: #c2cfd5;
    border-bottom: 1px solid #99a7ae;
    height: 30px;
    white-space: nowrap;
    padding: 0px 5px;
}

#content {
    visibility: visible;
    overflow: auto;
    width: 100%;
    height: auto;
}

table.box {
    width: 100%;
    border-bottom-style: solid;
    border-bottom: 1px;
    border-bottom-color: #cccccc;
}

    table.box .listTitle, .listTitle1, .listTitle2 {
        background-color: #c2cfd5;
        border-bottom: 1px solid #99a7ae;
        height: 30px;
        white-space: nowrap;
        padding: 0px 5px;
    }

    table.box .listTitle {
        border-left: 1px solid #ffffff;
    }

    table.box .listTitle1 {
        border-right: 1px solid #99a7ae;
    }

    table.box .listTitle2 {
        border-left: 1px solid #ffffff;
        border-right: 1px solid #99a7ae;
    }

    table.box td, th {
        padding-left: 5px;
        padding-right: 5px;
        white-space: nowrap;
    }

    table.box div {
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100px;
    }

    table.box tr {
        text-align: center;
    }

        table.box tr.tdbg {
            background: #FFFFFF;
            line-height: 120%;
        }

/*翻页控件样式-----------------------------------------------------------------------------------------------------------------------*/
.page {
    font-family: Arial;
}

    .page a {
        text-decoration: underline;
        color: #000000;
    }

        .page a:hover {
            color: #005ce5;
            text-decoration: none;
        }

    .page input {
        width: 32px;
    }

#on {
    border: 1px solid #1D619C;
    background: #1972BD;
    color: #fff;
}

/*验证样式-----------------------------------------------------------------------------------------------------------------------------*/
.error {
    color: Red;
    padding-left: 5px;
}

/*特殊样式-----------------------------------------------------------------------------------------------------------------------------*/
#linkBlue a:link {
    color: #005ce5;
    text-decoration: none;
    font-weight: bold;
}

#linkBlue a:hover {
    color: #005ce5;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
}

#linkBlue a:visited {
    color: #005ce5;
    text-decoration: none;
    font-weight: bold;
}

.liebiao {
    border-bottom: 2px solid #72b6da;
    padding-bottom: 5px;
    float: left;
    width: 100%;
}

    .liebiao ul {
        width: 100%;
        float: left;
    }

        .liebiao ul li {
            width: 87px;
            height: 25px;
            float: left;
            background-image: url(/images/an_2.png);
            margin-right: 5px;
            margin-top: 7px;
        }

            .liebiao ul li a {
                text-align: center;
                width: 87px;
                height: 20px;
                float: left;
                padding-top: 6px;
            }

                .liebiao .current a, .liebiao ul li a:hover {
                    color: #fff;
                    background-image: url(/images/bj_01.gif);
                    text-decoration: none;
                }

.xuxian {
    background: url(/Images/xian.jpg) repeat-x;
    width: 100%;
    height: 1px;
    float: left;
    margin-top: 5px;
    margin-left: 10px;
    margin-bottom: 5px;
}

.xuxian2 {
    background: url(/Images/xian.jpg) repeat-x;
    width: 100%;
    height: 1px;
    float: left;
    margin-top: 5px;
    margin-bottom: 5px;
}




/*多选框样式-----------------------------------------------------------------------------------------------------------------------------*/

.search_checkbox {
    margin: 0;
    padding: 0;
    /*margin-left: 15px;*/
    display: inline-block;
    height: 45px;
    padding-top: 12px;
}

    .search_checkbox input[type=checkbox] {
        height: 0px;
        width: 0px;
        visibility: hidden;
    }

    .search_checkbox label {
        cursor: pointer;
        height: 30px;
        border-radius: 20px;
        display: inline-block;
        background-color: rgb(198,202,211);
        background-image: url("/images/stop.png");
        width: 85px;
        text-indent: -99999px;
        position: relative;
    }

        .search_checkbox label::before {
            content: '';
            display: inline-block;
            background-color: white;
            height: 30px;
            width: 30px;
            position: absolute;
            /* top: -0.5px; */
            left: 1.5px;
            border-radius: 20px;
            transition: 0.3s;
        }

    .search_checkbox input:checked + label {
        background: rgb(43,160,255);
        background-image: url("/images/start.png");
    }

        .search_checkbox input:checked + label:before {
            left: calc(100% - 1.5px);
            transform: translateX(-100%);
        }

    .search_checkbox label:active:before {
        width: 20px;
    }


ul.game-rank {
    white-space: nowrap; /* 文本换行：强制一行显示 */
}

    ul.game-rank li {
        width: 100%;
        /*margin: 0px 0px 0px 30px; /* margin 左边框30像素*/
        /*padding: 0px 0px 0px 5px; /* 上、右、下、左 */
        list-style-type: none;
        line-height: 35px; /* 行间距 */
        text-indent: 10px; /* 文字缩进35像素，避免与图表重叠 */
    }

        ul.game-rank li label {
            width: 120px;
        }

.ranknum {
    border-top: none;
    border-right: none;
    border-left: none;
    background: none;
    width: 40px;
    text-align: center;
    outline: none;
}

/*多选框样式*/
/*按钮样式*/
.dotck {
    position: relative;
    line-height: 30px;
}

    /* 把默认的样式隐藏掉，我们之后自己写 */
    .dotck input {
        display: none;
    }

        /* 未选中的样式 */
        .dotck input[type=checkbox] + label {
            /* 首先将内联元素转化一下，因为内联元素是无法设置宽高的。 */
            display: inline-block;
            /* 设置成正圆 */
            border-radius: 50%;
            width: 20px;
            height: 20px;
            border: 1px solid #999;
            /* 设置位置 */
            position: absolute;
            top: 5px;
            left: 0;
            font-size: 0px;
        }

        /* 选中之后的样式，这里的样式主要是操作的里面的小绿点*/
        .dotck input[type=checkbox]:checked + label::after {
            /* 使用结构伪类after,必须要写conten属性
				这里面可以换成其他的样式：√、×等等均可 */
            content: '●';
            /* 对中间小点设置位置，确保在正中间*/
            position: absolute;
            top: -4.6px; /*-8px;*/
            left: 2px; /*0;*/
            /* 设置选中圆的颜色 */
            color: #41A863;
            font-size: 16px; /*30px;*/
        }

    /* 文本距离左边圆形按钮的距离 */
    .dotck .txt {
        margin-left: 30px;
    }

/*---------------------新消息闪烁-----------*/
.layui-badge-dot {
    width: 9px;
    height: 9px;
    padding: 0;
    border-radius: 50%;
    position: relative;
    top: 1px;
    left: 1px;
    display: inline-block;
    font-size: 12px;
    text-align: center;
    background-color: #FF5722;
    color: #fff;
}

@keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 1;
    }

    50.01% {
        opacity: 0;
    }
    /* 注意这里定义50.01%立刻透明度为０，可以设置闪烁效果 */
    100% {
        opacity: 0;
    }
}
/* 添加兼容性前缀 */

@-webkit-keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 1;
    }

    50.01% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@-moz-keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 1;
    }

    50.01% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@-ms-keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 1;
    }

    50.01% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@-o-keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 1;
    }

    50.01% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}
/* 定义blink类*/

.blink {
    animation: blink .75s linear infinite;
    /* 其它浏览器兼容性前缀 */
    -webkit-animation: blink .75s linear infinite;
    -moz-animation: blink .75s linear infinite;
    -ms-animation: blink .75s linear infinite;
    -o-animation: blink .75s linear infinite;
    color: #dd4814;
}




/*---------------------------------------新消息弹窗-------------------------------------------------*/

*html {
    background-image: url(about:blank);
    background-attachment: fixed
}



.winpop {
    position: fixed;
    _position: absolute;
    pointer-events: auto
}

.winpop {
    top: 40px;
    left: 50%;
    margin: 0;
    padding: 0;
    background-color: #fff;
    -webkit-background-clip: content;
    box-shadow: 1px 1px 50px rgba(0,0,0,.3);
    border-radius: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: .3s;
    animation-duration: .3s
}

.winpop-close {
    position: absolute
}

.winpop-conten {
    position: relative
}


.winpop-ico {
    background: url(../scripts/layer/skin/default/icon.png) no-repeat;
}

.winpop-setwin a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.5);
        -ms-transform: scale(.5);
        transform: scale(.5)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

.winpop-anim {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceOut {
    100% {
        opacity: 0;
        -webkit-transform: scale(.7);
        transform: scale(.7)
    }

    30% {
        -webkit-transform: scale(1.03);
        transform: scale(1.03)
    }

    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes bounceOut {
    100% {
        opacity: 0;
        -webkit-transform: scale(.7);
        -ms-transform: scale(.7);
        transform: scale(.7)
    }

    30% {
        -webkit-transform: scale(1.03);
        -ms-transform: scale(1.03);
        transform: scale(1.03)
    }

    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}


@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0);
        transform: translateX(0) rotate(0)
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        -ms-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0);
        -ms-transform: translateX(0) rotate(0);
        transform: translateX(0) rotate(0)
    }
}


@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}


@-webkit-keyframes shake {
    0%,100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    20%,40%,60%,80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
}

@keyframes shake {
    0%,100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    20%,40%,60%,80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px)
    }
}

.layui-anim-06 {
    -webkit-animation-name: shake;
    animation-name: shake
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.winpop-title {
    padding: 0 80px 0 20px;
    height: 42px;
    line-height: 42px;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: #F8F8F8;
    border-radius: 2px 2px 0 0;
}

.winpop-setwin {
    position: absolute;
    right: 15px;
    *right: 0;
    top: 15px;
    font-size: 0;
    line-height: initial
}

    .winpop-setwin a {
        position: relative;
        width: 16px;
        height: 16px;
        margin-left: 10px;
        font-size: 12px;
        _overflow: hidden;
        z-index: 9999;
    }

    .winpop-setwin .winpop-close1 {
        background-position: 0 -40px;
        cursor: pointer
    }

        .winpop-setwin .winpop-close1:hover {
            opacity: .7
        }



.winpop-page .winpop-conten {
    position: relative;
    overflow: auto
}



#divInfo2 {
    display: block;
    width: 270px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

#marquee_text2 {
    position: absolute;
    top: 0;
    left: 100%;
    display: block;
    word-break: keep-all;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.text3 {
    background: none;
    border: none;
    outline: none;
    border-bottom: 1px solid #8a8f97;
    text-align: left;
}