@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: 14px;
    font-family: 宋体;
}

    input[type=text] {
        text-indent: .5em;
    }

select {
    vertical-align: middle;
    height: 27px;
    background: #ffffff;
    border: 1px solid #2C7DFF;
    border-radius: 4px;
    font-size: 13px;
    /*font-family: PingFang SC;*/
    color: #000000;
    padding: 0 5px;
    padding-right: 20px;
}

    select option {
        background: #ffffff;
    }

        select option:hover {
            background: blue;
            cursor: pointer;
        }

input[type=checkbox] {
    width: 16px;
    height: 16px;
    border: 1px solid #DCDFE6;
    border-radius: 10px;
}


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

.lan {
    color: #005ce5;
}

.hong {
    color: #FF0000;
}

.bold {
    font-size: 12px;
    /*font-family: PingFang SC;*/
    font-weight: 800;
    color: #2C7DFF;
    line-height: 35px;
}

    .bold input[type=checkbox] {
        width: 16px;
        height: 16px;
        background: rgba(0, 0, 0, 0);
        border: 1px solid #2C7DFF;
        border-radius: 2px;
    }

.f14 {
    font-size: 14px;
}

.f12 {
    font-size: 12px;
}

.cheng {
    color: #FFFF00;
}

.blue {
    color: #FFFFFF;
    text-decoration: underline;
}

    .blue:hover {
        cursor: pointer;
    }

.hui {
    background: #2C7DFF;
    color: #FFFFFF;
}

.hui6 {
    color: #666666;
}

.clear {
    clear: both;
}

.green {
    color: Green;
}

.left {
    float: left;
}

.right {
    float: right;
}

.Lmg30 {
    margin-left: 30px;
}

.Lmg10 {
    margin-left: 10px;
}

.Tmg7 {
}

.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 {
    width: 100px;
    height: 22px;
    background: #FFFFFF;
    border: 1px solid #2C7DFF;
    border-radius: 4px;
}

    .text:hover, .text:focus, select:hover, select:focus {
        outline: 1px solid #2C7DFF;
    }

    .text:hover, .text:focus, select:hover, select:focus, .btn:hover {
        cursor: pointer;
    }


.btn, .button, .submit, .wd1 {
    height: 27px;
    border-radius: 4px;
    font-size: 14px;
    /*font-family: PingFang SC;*/
    font-weight: 500;
    border: 0px;
    padding: 0 10px 0 10px;
    color: #FFFFFF;
    background: #2C7DFF;
    width: auto !important;
}

.titleOpBg > input[type=submit] {
    background: #FFFFFF !important;
    color: #2C7DFF !important;
    height: 26px;
}

.titleOpBg > input[type=button] {
    background: #FFFFFF !important;
    color: #2C7DFF !important;
    height: 26px;
}

.titleOpBg > input[type=submit] {
    border-radius: 4px;
    font-size: 14px;
    /*font-family: PingFang SC;*/
    font-weight: 500;
    text-align: center !important;
}


.wd2 {
    width: 83px;
}

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

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

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

.wd8 {
    width: 116px;
    margin: 1px 2px 0 0;
}

.btnLine {
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    background: #FFFFFF;
    *border-left: none;
    width: 1px;
    *width: 2px;
    height: 30px !important;
    *height: 30px;
    padding: 0;
    margin: 0 2px 0 7px;
    *margin: 0 7px 0 7px;
    display: none;
}

/*信心提示区样式-----------------------------------------------------------------------------------------------------------*/
.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: rgba(255, 255, 255, 0.2);
    color: #ffffff;
    cursor: pointer;
}

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

.hand {
    cursor: pointer;
}

.pd32 {
    padding-left: 32px;
}

.pd20 {
    padding-left: 20px;
}

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

.s:hover {
    background: rgba(255, 255, 255, 0.2);
    color: #D5D5D5;
    cursor: pointer;
}

.s:active {
    color: #ffffff;
    text-decoration: none;
    background-color: #2677a4;
    cursor: pointer;
}

.f {
    line-height: 70px;
    margin-left: 40px;
}

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

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

.f1 {
    line-height: 70px;
    color: #ffffff !important;
}

/*首页框架-----------------------------------------------------------------------------------------------------------*/
.logo {
    width: 173px;
    height: 40px;
    padding: 12px 0 0 0;
    background: #2C7DFF;
}

    .logo img {
        margin-left: 20px;
    }

.topIndex {
    height: 40px;
    background: #2C7DFF;
    color: #ffffff;
}

    .topIndex > div {
        float: left;
        height:50px;
        font-size: 14px;
    }

        .topIndex > div:nth-child(n+1) {
            line-height: 40px;
        }

        .topIndex > div:last-child {
            float: right;
        }

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

.sidebar_a {
    width: 179px;
    height: 100%;
    float: left;
}

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

/*箭头-----------------------------------------------------------------------------------------------------------*/
.arr {
    /*width: 12px;
    height: 11px;
    background-image: url(../images/QpGameBg.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;
}

li {
    float: left;
}

.tab1, .tab2 {
    background-image: url(../images/QpGameBg.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 {
    height: 30px;
    margin-top: 5px;
    font-size: 14px;
    /*font-family: PingFang SC;*/
    font-weight: 500;
    color: #999999;
    line-height: 35px;
    background: #ffffff;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

.titleOpBg {
    background: #2C7DFF;
    height: 40px;
}

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

.titleQueBg {
    /*height: 40px;*/
    height:30px;
    font-size: 13px;
}

    .titleQueBg img {
        width: 29px;
        height: 24px;
        background: #FFFFFF;
        border: 1px solid #2C7DFF;
        border-radius: 4px;
        margin-left: 6px;
    }

.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: #caebfc;
}

.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: #CADEFE;
        border-bottom: 1px solid #CADEFE;
        height: 30px;
        white-space: nowrap;
        padding: 0px 5px;
    }

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

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

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

    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: 150px;
            height: 25px;
            float: left;
            background-image: url(/images/an_2.png);
            background-repeat: no-repeat;
            background-size: 100% 100%;
            margin-right: 5px;
            margin-top: 7px;
        }

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

                .liebiao .current a, .liebiao ul li a:hover {
                    color: #fff;
                    background-image: url(/images/bj_01.gif);
                    background-repeat: no-repeat;
                    background-size: 100% 100%;
                    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;
}

.s-type {
    width: 110px;
    color: white;
    background-color: dimgrey;
    position: absolute;
    padding: 8px 0 8px 8px;
    text-align: left;
    line-height: 20px;
}

    .s-type span.s-btn {
        width: 85px;
        display: block;
        margin-top: 3px;
        margin-left: 4px;
    }

.hide {
    display: none;
}

.total-span {
    font-size: 14px;
    color: red;
    font-weight: bold;
    margin-left: 10px;
    line-height: 40px;
    display: inline-block;
    vertical-align: middle;
}



/*------------------------- menu ----------------------*/

.menu {
    font-size: 15px;
    /*font-family: PingFang SC;*/
    font-weight: 600;
    color: #FFFFFF;
    line-height: 44px;
    width: 173px;
    height: 32px;
}

    .menu > img {
    }

.menucheck {
}

.menu_cli {
    font-size: 14px;
    /*font-family: PingFang SC;*/
    font-weight: 400;
    color: #FFFFFF;
    line-height: 30px;
}


/*-----------------------滚动条-------------------------------*/
/*chrome--------------------------------------------start*/
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
/* Track */
::-webkit-scrollbar-track {
    background: #FFFFFF;
    /*border-radius: 8px;*/
}
/* Handle */
::-webkit-scrollbar-thumb {
    background: rgb(201, 201, 202);
    border-radius: 8px;
}
    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: rgb(162, 162, 163);
    }

.el-menu::-webkit-scrollbar,
.el-table__body-wrapper::-webkit-scrollbar {
    display: none;
}

.el-menu:hover::-webkit-scrollbar,
.el-table__body-wrapper:hover::-webkit-scrollbar {
    display: block;
}
/*chrome--------------------------------------------end*/
/*IE--------------------------------------------start*/
* {
    /*三角箭头的颜色*/
    scrollbar-arrow-color: #c0c4cc;
    /*滚动条滑块按钮的颜色*/
    scrollbar-face-color: #A2A2A3;
    /*滚动条整体颜色*/
    scrollbar-highlight-color: #A2A2A3;
    /*滚动条阴影*/
    scrollbar-shadow-color: #A2A2A3;
    /*滚动条轨道颜色*/
    scrollbar-track-color: #f4f4f5;
    /*滚动条3d亮色阴影边框的外观颜色——左边和上边的阴影色*/
    scrollbar-3dlight-color: #A2A2A3;
    /*滚动条3d暗色阴影边框的外观颜色——右边和下边的阴影色*/
    scrollbar-darkshadow-color: #A2A2A3;
    /*滚动条基准颜色*/
    scrollbar-base-color: #f4f4f5;
}

.el-table__body-wrapper, .el-menu {
    /*IE下隐藏*/
    -ms-overflow-style: none;
}

    .el-table__body-wrapper:hover, .el-menu:hover {
        /*IE下显示*/
        -ms-overflow-style: auto;
    }
/*IE--------------------------------------------end*/

.black {
    color: #000000;
}


.queryBox {
    background-image: url(/images/v1/querbg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 0 8px 8px 8px;
    margin-bottom: 5px;
    flex-wrap: nowrap;
    margin-top:-5px;
}

.queryBox1 {
    background-image: url(/images/v1/querbg.png);
    padding: 0 0 8px 8px;
    margin-bottom: 5px;
    margin-top:-5px;
}

.queryBox td, .queryBox1 td {
    white-space: nowrap;
}

@media screen and (min-width:0px) and (max-width:950px) {
    .accountdetail {
        display: none;
    }
}