﻿body {
    /*background: #EAF1FE;*/
    font-size: 14px;
    font-family: "Helvetica,Arial,Hiragino Sans GB,Microsoft Yahei,\\5FAE\8F6F\96C5\9ED1,STHeiti,\\534E\6587\7EC6\9ED1,sans-serif";
}

body, dvi,p,ul,li {
    margin:0;padding:0;
}

ul {
    list-style:none;
}

.textC {
    text-align:center;
}

.web-container {
    width: 1140px;
    margin: 24px auto;
    padding: 20px;
    background: #fff;
    border-radius: 10px;
    box-sizing: border-box;
    overflow: hidden;
    border:1px solid #f2f2f2;
}

/*.header {
    min-width: 1440px;
    height: 80px;
    background: #fff;
    display: -webkit-flex;
    display: flex;
    align-items:center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: center;
    align-content: flex-start;
}
.logo-panel {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 220px;
    flex: 0 0 320px;
    padding-left: 40px;
    font-size:20px;
    font-weight:700;
}
    .logo-panel img {
        height: 40px;
        vertical-align:middle;
        padding-right:10px;
    }
.headNav {
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    word-wrap: break-word;
}
.head-options {
    -webkit-box-flex:0;
    flex:0 0 550px;
}
    .links {
        position: relative;
        height: 44px;
        line-height: 44px;
        padding-right: 20px;
        text-align: right;
    }
    .links ul li {
        display: inline-block;
        font-size: 14px;
        height: 30px;
        vertical-align: middle;
        line-height: 30px;
        color: #2d2d2d;
        padding-right: 20px;
    }
        .links ul li i {
            padding-right:4px;
        }
        .headNav ul li {
            cursor: pointer;
            display: inline-block;
            width: 105px;
            height: 80px;
            font-size: 18px;
            color: #7f7c7c;
            text-align: center;
            line-height: 78px;
            margin-left: 10px;
        }*/

.btn {
    display: inline-block;
    height: 40px;
    padding: 0 30px;
    line-height: 40px;
    text-decoration: none;
    border: none;
    border-radius: 6px;
    outline: none;
    cursor: pointer;
    text-align: center;
}
    .btn i {
        font-size:14px;
        padding-right:4px;
    }

.btn-primary {
    background: #14a7ff;
    color: #fff;
}
.btn-default {
    background: #fff;
    color: #1E9FFF !important;
    border: 1px solid #1E9FFF
}

/*tabs*/
.tabs .tabsContent {
    float: left;
    width: 100%;
}

.tabs .tabsHeader {
    display: block;
    overflow: hidden;
    border-bottom: 1px solid #d0d0d0;
    margin-top: 5px;
}

.tabs .tabsHeaderContent {
    background-position: 100% -50px;
    display: block;
    height: 28px;
    overflow: hidden;
    padding-right: 5px;
}

.tabs .tabsHeader ul {
    background-position: 0 -100px;
    background-repeat: repeat-x;
    display: block;
}

.tabs .tabsHeader li {
    cursor: pointer;
    display: block;
    float: left;
    height: 31px;
    line-height: 31px;
    margin-right: -1px;
    position: relative;
    border: 1px solid #d0d0d0;
    border-bottom: none;
    background: #e9f2f1;
}

    .tabs .tabsHeader li a {
        display: block;
        float: left;
        height: 30px;
        padding-left: 10px;
    }

        .tabs .tabsHeader li a:hover {
            text-decoration: none;
        }

    .tabs .tabsHeader li span {
        cursor: pointer;
        display: block;
        float: left;
        overflow: hidden;
        padding: 0px 16px 0 3px;
    }

    .tabs .tabsHeader li.hover {
        background-position: 0 -400px;
        background-repeat: repeat-x;
    }

    .tabs .tabsHeader li.selected {
        border: 1px solid #d0d0d0;
        border-bottom: none;
        background: #007acc;
    }

        .tabs .tabsHeader li.selected a {
            color: #fff !important;
        }

        .tabs .tabsHeader li.selected span {
            font-weight: bold;
        }

    .tabs .tabsHeader li .close {
        display: block;
        height: 11px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        right: 2px;
        text-indent: -1000px;
        top: 5px;
        width: 11px;
    }

        .tabs .tabsHeader li .close:hover {
            background-position: 0 -50px;
        }

.business-flow {
    margin-bottom: 20px;
    padding: 17px;
    background: #f2f6f9;
    border-bottom: none !important;
    margin-top: 0 !important;
}

    .business-flow > ul > li {
        position: relative !important;
        float: left !important;
        /*margin-left: 20px !important;*/
        background: none !important;
        border: none !important;
    }

        .business-flow > ul > li:first-child {
            margin-left: 0;
        }

        .business-flow > ul > li.selected > a > label {
            background: #14a7ff;
        }

        .business-flow > ul > li.selected > a > p {
            color: #14a7ff;
        }

        .business-flow > ul > li > a {
            display: block;
            padding-left: 0;
            cursor: default;
        }

            .business-flow > ul > li > a:after {
                content: "";
                display: block;
                float: left;
                margin-top: 15px;
                margin-left: 20px;
                width: 20px;
                height: 1px;
                border-bottom: 1px dotted #999;
            }

        .business-flow > ul > li:last-child a:after {
            display: none;
        }

        .business-flow > ul > li > a > label {
            float: left;
            margin-right: 8px;
            padding: 2px 7px;
            background: #bbb;
            color: #fff;
            border-radius: 50%;
            line-height: normal;
            margin-top: 5px;
        }

        .business-flow > ul > li > a > p {
            float: left;
            color: #999;
            font-size: 14px;
        }
.form-item {
    margin-bottom: 15px;
    clear: both;
}

.form-label {
    float: left;
    display: block;
    padding: 9px 15px;
    width: 260px;
    font-weight: 400;
    line-height: 20px;
    text-align: right
}

.form-label-col {
    display: block;
    float: none;
    padding: 9px 0;
    line-height: 20px;
    text-align: left
}
code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    border-radius: 4px;
}
.input-block {
    margin-left: 110px;
    min-height: 36px
}
    .input-block input {
        border: 1px solid #ddd;
        width: 480px;
        border-radius: 2px;
        background-color:#fff;
        height:38px;
        line-height:1.3;
        padding-left:10px;
    }

/*table*/
.table-combo {
    width: 100%;
    background-color: #fff;
    color: #666;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 10px 0;
    box-sizing: border-box;
}
    .table-combo th, .table-combo td {
        position: relative;
        padding: 9px 15px;
        min-height: 20px;
        line-height: 20px;
        font-size: 14px;
        border-width: 1px;
        border-style: solid;
        border-color: #eee;
        text-align: left;
        font-weight: 400;
    }

    .table-combo th {
        background: #F2F6F9;
    }

        .table-combo i {
            font-size: 12px;
            padding-right: 4px;
        }
    .table-combo input {
        border-radius:2px;
        border:1px solid #ddd;
        height:30px;
        line-height:24px;
        padding-left:10px;
        width:80%;
    }

/*发送验证的样式*/
.send-code-btn {
    background: #14a7ff;
    color: white;
    position: absolute;
    width: 90px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin-left: 20px;
    cursor: pointer;
    border-radius: 6px;
}

/*上传按钮*/
.upload-btn {
    position: relative;
    border: 1px solid #D2D2D2;
    width: 90px;
    height: 120px;
    cursor: pointer;
}

    .upload-btn::before {
        position: absolute;
        content: "";
        width: 36px;
        height: 2px;
        background: #D2D2D2;
        top: 50%;
        left: 50%;
        margin-left: -18px;
        z-index: 1;
    }

    .upload-btn::after {
        position: absolute;
        content: "";
        width: 2px;
        height: 36px;
        background: #D2D2D2;
        top: 50%;
        left: 50%;
        margin-top: -18px;
        z-index: 1;
    }

.upload-img-list-item {
    float: left;
    width: 90px;
    height: 120px;
    border: 1px solid #f2f2f2;
    margin-right: 10px;
    margin-bottom: 10px;
    cursor: pointer;
    position: relative;
}

    .upload-img-list-item > img {
        display: block;
        width: 100%;
    }

.upload-img-list-item-del {
    position: absolute;
    top: -10px;
    right: -10px;
    color: #fff;
    background-color: #f00;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
}

.upload-container {
    margin-bottom: 20px;
}

    .upload-container::after {
        content: "";
        clear: both;
        display: block;
    }

/*图片上传表单样式 start*/
.upload-btn-inline {
    width: 40px;
    height: 40px;
    overflow: hidden;
}

    .upload-btn-inline::after {
        width: 2px;
        height: 18px;
        top: 73%;
        left: 49%;
    }

    .upload-btn-inline::before {
        width: 18px;
        height: 2px;
        top: 48%;
        left: 76%;
    }

.upload-img-list-line > .upload-img-list-item {
    float: left;
    width: 40px;
    height: 40px;
    border: 1px solid #f2f2f2;
    margin-right: 10px;
    margin-bottom: 10px;
    cursor: pointer;
    position: relative;
}

.upload-img-list-item > img {
    display: block;
    width: 100%;
    height: 100%;
}
/*end*/
.uploadbox .webuploader-pick {
    padding: 29px 29px;
    background: none;
}
.upload-btn .webuploader-element-invisible{
    display:none;
}
.delete-img-content {
    position: relative;
    bottom: -8px;
    right: 15px;
    float: right;
    padding: 4px;
}

    .delete-img-content i:hover {
        /*font-size: 22px;*/
        color: #fb9e8d;
    }

.del-img-bg {
    background-image: url(/Content/images/delete.png);
    position: absolute;
    top: -8px;
    right: -8px;
    background-repeat: no-repeat;
    background-size: 20px;
    height: 20px;
    width: 20px;
    float: right;
    background-color: white;
    border-radius: 12px;
}

/*完成页面*/
.done-step {
    text-align: center;
}

    .done-step > i {
        font-size: 150px;
        color: #39cc39;
    }


    .done-step > div {
        font-size: 30px;
    }

    .done-step i {
        font-size: 72px !important;
    }



/*search bar*/


.web-container input[type=text].error {
    background: #FFEFEC;
    border: 1px solid #FF2E09;
    color: #46505A;
}
.combobox-dropdown !important {
    position: absolute;
    right: -11px;
    top: 6px;
    cursor: default;
    background-color: #c3d8f1;
    background: url(combobox/dropdown.png) 0 0 no-repeat;
    width: 20px !important;
    height: 27px;
}

.rtitle {
    font-size: 18px;
    color: #333;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bold;
    border-bottom:1px dashed #ccc;
    margin-bottom:30px;
}

.navi-header {
    height: 70px;
    background: #fff;
    position: relative;
    z-index: 1000;
    width: 100%;
}

.navi-header-fixed {
    position: fixed;
    width: 100%;
    top: 0px;
}

.navi-brand {
    float: left;
    color:#fff;
}

    .navi-brand > a {
        display: block;
        float: left;
    }

    .navi-brand > span {
        float: left;
    }

    .navi-brand .logo {
        line-height: 50px;
    }

        .navi-brand .logo img {
            width: 50px;
            height: 50px;
            padding-left: 8px;
            vertical-align: middle;
        }

    .navi-brand .zx {
        font-size: 24px;
        color: #fff;
        line-height:54px;
        height:54px;
    }

.navi-nav {
    float: right;
    margin: 0px;
    line-height: 70px;
    padding-right: 20px;
    padding-left: 20px;
    /*margin-right: -15px;*/
}

    .navi-nav > li {
        float: right;
        position: relative;
        display: block;
    }

        .navi-nav > li > a {
            padding: 0 15px;
            font-size: 16px;
            position: relative;
            display: block;
            height:56px;
            line-height: 56px;
            color: #fff;
        }

            .navi-nav > li > a:hover {
                color: #128bed;
                background-color: #f2f2f2;
            }

            .navi-nav > li > a.navi-btn:hover {
                background:none;
            }

.navi-nav > li.active > a {
    color: #128bed;
}

        .navi-nav > li > a.navi-btn {
            padding-left: 5px;
        }

            .navi-nav > li > a.navi-btn > span {
                font-size: 12px;
                line-height: 34px;
                text-align: center;
                display: inline-block;
                background: #73b4fa;
                color: #000;
                width: 92px;
                border-radius: 2px;
            }
.navi-btn i {
    font-size:12px;
    color:#000;
    padding-right:4px;
}


.logo {
    position: absolute;
    top: 10px;
    left: 10px;
}