/* CSS Document */

/*css reset*/

body, p, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd {
    /* 默认有边距，都要清除 */
    margin: 0;
    padding: 0;
    /*字体设置*/
    font-size: 14px;
    font-family: "Microsoft Yahei", sans-serif;
    color: #333;
    /* 去掉列表的原点 */
    list-style: none;
    /* 默认鼠标 */
    cursor: default;
    background: transparent;
    word-break: break-all;
}

/*行内块元素*/

input, img {
    margin: 0;
    padding: 0;
    border: 0 none;
    outline-style: none;
    vertical-align: bottom;
}

img.vm {
    vertical-align: middle;
}

q:before, q:after {
    content: ''
}

/*行内元素*/

a, a:active, a:visited, a:focus {
    /*下划线和颜色*/
    text-decoration: none;
    color: #333333;
}

a:hover {
    color: #333333;
    text-decoration: none;
}

textarea {
    /* 边框清零 */
    border: none;
    /* 轮廓线清零 */
    outline: none;
    /* 防止文本域被随意拖拽 */
    resize: none;
}

i {
    /*文字样式*/
    font-style: normal;
}

table {
    /*边框合并*/
    border-collapse: collapse;
    border-spacing: 0;
}

input, select, button {
    outline: none
}

/*单选框和复选框的配置，一般是分开的*/

[v-cloak] {
    display: none;
}

/*定位*/

.margin-auto {
    margin: auto
}

.al {
    text-align: left;
}

.ac {
    text-align: center;
}

.ar {
    text-align: right;
}

.bc {
    margin-left: auto;
    margin-right: auto
}

.vm {
    vertical-align: middle
}

.zoom {
    zoom: 1
}

.fl {
    float: left;
    display: inline;
}

.fr {
    float: right;
    display: inline;
}

.cb {
    clear: both;
}

.cl {
    clear: left;
}

.cr {
    clear: right;
}

.clearfix:after {
    content: "";
    display: block;
    height: 0;
    line-height: 0px;
    clear: both;
    visibility: hidden
}

.clearfix {
    zoom: 1
}

.pr {
    position: relative;
}

.pa {
    position: absolute;
}

.block {
    display: block
}

.inlineblock {
    display: inline-block
}

.none {
    display: none
}

.hidden {
    visibility: hidden
}

/* 鼠标状态 */

.cp {
    cursor: pointer
}

.cd {
    cursor: default
}

/*文字排版*/

.f12 {
    font-size: 12px;
}

.f13 {
    font-size: 13px;
}

.f14 {
    font-size: 14px;
}

.f15 {
    font-size: 15px;
}

.f16 {
    font-size: 16px;
}

.f17 {
    font-size: 17px;
}

.f18 {
    font-size: 18px;
}

.f20 {
    font-size: 20px;
}

.f22 {
    font-size: 22px;
}

.f24 {
    font-size: 24px;
}

.f30 {
    font-size: 30px;
}

.f36 {
    font-size: 36px;
}

.f40 {
    font-size: 40px;
}

.fb {
    font-weight: bold;
}

.fn {
    font-weight: normal;
}

.t2 {
    text-indent: 2em;
}

.unl {
    text-decoration: underline;
}

.no_un {
    text-decoration: none;
}

.over-hide {
    overflow: hidden;
}

/* 字体颜色 */

*.f-bai, a.f-bai {
    color: #fff;
}

.f_white {
    color: #fff!important;
}

.f_52 {
    color: #525252;
}

.f_000 {
    color: #000000;
}

.f_2d {
    color: #2d2d2d;
}

.f_40 {
    color: #404040;
}

.f_ccc {
    color: #cccccc;
}

*.f-2b2b2b, a.f-2b2b2b {
    color: #2b2b2b;
}

*.f-4e4e4e, a.f-4e4e4e {
    color: #4e4e4e;
}

*.f-4c4c4c, a.f-4c4c4c {
    color: #4c4c4c;
}

*.f-818181, a.f-818181 {
    color: #818181;
}

.f-383838 {
    color: #383838;
}

*.f-313131, a.f-313131 {
    color: #313131;
}

*.f-da5f30, a.f-da5f30 {
    color: #da5f30;
}

*.f-565656, a.f-565656 {
    color: #565656;
}

*.f-878787, a.f-878787 {
    color: #878787;
}

*.f-2f2f2f, a.f-2f2f2f {
    color: #2f2f2f;
}

*.f-555454, a.f-555454 {
    color: #2f2f2f;
}

*.f-eb2700, a.f-eb2700 {
    color: #eb2700;
}

*.f-d4b31c, a.f-d4b31c {
    color: #d4b31c;
}

*.f-4f4f4f, a.f-4f4f4f {
    color: #4f4f4f;
}

*.f-7e7e7e, a.f-7e7e7e {
    color: #7e7e7e;
}

*.f-817F7F, a.f-817F7F {
    color: #817F7F;
}

*.f-333333, a.f-333333 {
    color: #333333;
}

*.f-c3c3c3, a.f-c3c3c3 {
    color: #c3c3c3;
}

*.f-292828, a.f-292828 {
    color: #292828;
}

*.f-FF0000, a.f-FF0000 {
    color: #FF0000;
}

*.f-2D77ED, a.f-2D77ED {
    color: #2D77ED;
}

*.f-666666, a.f-666666 {
    color: #666666;
}

*.f-999999, a.f-999999 {
    color: #999999;
}

*.f-449BF1, a.f-449BF1 {
    color: #449BF1;
}

*.f-FF6060, a.f-FF6060 {
    color: #FF6060;
}

*.f-010101, a.f-010101 {
    color: #010101;
}

*.f-354BFF, a.f-354BFF {
    color: #354BFF;
}

*.f-F4F8FF, a.f-F4F8FF {
    color: #F4F8FF;
}

/* max */

.w100 {
    width: 100%;
}

.w50pre {
    width: 50%;
}

.w56 {
    width: 56px;
}

.min-w310 {
    min-width: 310px;
}

.min-w600 {
    min-width: 600px;
}

.max-w200 {
    max-width: 200px;
}

.max-w220 {
    max-width: 220px;
}

.max-w200-spc {
    max-width: 200px;
    display: inline-block;
    vertical-align: text-bottom;
}

.max-w240 {
    max-width: 240px;
}

.max-w186 {
    max-width: 186px;
}

.max-w360 {
    max-width: 360px;
}

.max-w380 {
    max-width: 380px;
}

.max-w480 {
    max-width: 480px;
}

.max-w550 {
    max-width: 550px;
}

.max-w680 {
    max-width: 680px;
}

.max-w720 {
    max-width: 720px;
}

.max-w860 {
    max-width: 860px;
}

/* 背景颜色 */

.bg_bai {
    background: #fff;
}

.bg_white {
    background: #fff!important;
}

.bg-f8f9fc {
    background: #f8f9fc;
}

.bg-e8ebf1 {
    background: #e8ebf1;
}

.bg-eeeeee {
    background: #eeeeee;
}

.bg-F5F5F5 {
    background: #f5f8fc;
}

.bg-F8F8F8 {
    background: #F8F8F8;
}

.bg-cd0102 {
    background: #cd0102;
}

.bg-cd0102:hover {
    background: #eb2700;
}

.bg-60ADFA {
    /* background: #60ADFA; */
    background: rgb(204, 204, 204, .5);
}

.bg-60ADFA .f_white {
    color: #333!important;
}

.bg-F7F9FC {
    background: #F7F9FC;
}

.bg-F1F3FF {
    background-color: #F1F3FF;
}

.bg-eee {
    background-color: #eee;
}

/*边距*/

.m10 {
    margin: 10px;
}

.m15 {
    margin: 15px;
}

.m30 {
    margin: 30px;
}

.mt5 {
    margin-top: 5px;
}

.mt10 {
    margin-top: 10px;
}

.mt15 {
    margin-top: 15px;
}

.mt20 {
    margin-top: 20px;
}

.mt30 {
    margin-top: 30px;
}

.mt40 {
    margin-top: 40px;
}

.mt44 {
    margin-top: 44px;
}

.mt110 {
    margin-top: 110px;
}

.mt50 {
    margin-top: 50px;
}

.mt52 {
    margin-top: 52px;
}

.mt60 {
    margin-top: 60px;
}

.mt100 {
    margin-top: 100px;
}

.mt-5 {
    margin-top: -5px;
}

.mt-15 {
    margin-top: -15px;
}

.mt-40 {
    margin-top: -40px;
}

.mb5 {
    margin-bottom: 5px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb15 {
    margin-bottom: 15px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb30 {
    margin-bottom: 30px;
}

.mb40 {
    margin-bottom: 40px;
}

.mb50 {
    margin-bottom: 50px;
}

.mb100 {
    margin-bottom: 100px;
}

.ml0 {
    margin-left: 0px;
}

.ml5 {
    margin-left: 5px;
}

.ml10 {
    margin-left: 10px;
}

.ml15 {
    margin-left: 15px;
}

.ml20 {
    margin-left: 20px;
}

.ml30 {
    margin-left: 30px;
}

.ml40 {
    margin-left: 40px;
}

.ml50 {
    margin-left: 50px;
}

.ml100 {
    margin-left: 100px;
}

.mr0 {
    margin-right: 0px;
}

.mr3 {
    margin-right: 3px;
}

.mr5 {
    margin-right: 5px;
}

.mr10 {
    margin-right: 10px;
}

.mr15 {
    margin-right: 15px;
}

.mr20 {
    margin-right: 20px;
}

.mr30 {
    margin-right: 30px;
}

.mr50 {
    margin-right: 50px;
}

.mr100 {
    margin-right: 100px;
}

.p10 {
    padding: 10px;
}

.p15 {
    padding: 15px;
}

.p30 {
    padding: 30px;
}

.pt5 {
    padding-top: 5px;
}

.pt10 {
    padding-top: 10px;
}

.pt15 {
    padding-top: 15px;
}

.pt20 {
    padding-top: 20px;
}

.pt30 {
    padding-top: 30px;
}

.pt50 {
    padding-top: 50px;
}

.pt100 {
    padding-top: 100px;
}

.pb5 {
    padding-bottom: 5px;
}

.pb10 {
    padding-bottom: 10px;
}

.pb15 {
    padding-bottom: 15px;
}

.pb20 {
    padding-bottom: 20px;
}

.pb30 {
    padding-bottom: 30px;
}

.pb50 {
    padding-bottom: 50px;
}

.pb80 {
    padding-bottom: 80px;
}

.pb100 {
    padding-bottom: 100px;
}

.pl0 {
    padding-left: 0px;
}

.pl5 {
    padding-left: 5px;
}

.pl10 {
    padding-left: 10px;
}

.pl15 {
    padding-left: 15px;
}

.pl20 {
    padding-left: 20px;
}

.pl30 {
    padding-left: 30px;
}

.pl40 {
    padding-left: 40px;
}

.pl50 {
    padding-left: 10px;
}

.pl100 {
    padding-left: 100px;
}

.pr0 {
    padding-right: 0px;
}

.pr5 {
    padding-right: 5px;
}

.pr10 {
    padding-right: 10px;
}

.pr15 {
    padding-right: 15px;
}

.pr20 {
    padding-right: 20px;
}

.pr30 {
    padding-right: 30px;
}

.pr40 {
    padding-right: 40px;
}

.pr50 {
    padding-right: 50px;
}

.pr100 {
    padding-right: 100px;
}

.p1020 {
    padding: 10px 20px;
}

.p1025 {
    padding: 10px 25px;
}

.p515 {
    padding: 5px 15px;
}

/* 行高 */

.line-h26 {
    line-height: 26px;
}

.line-h30 {
    line-height: 30px;
}

.line-h34 {
    line-height: 34px;
}

/* 高度 */

.h30 {
    height: 30px;
}

.h40 {
    height: 40px;
    line-height: 40px;
}

.h48 {
    height: 48px;
    line-height: 48px;
}

/* ... */

.textoverflow {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.paraoverflow2 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.paraoverflow3 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.paraoverflow4 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4
}

/* 图片加载 */

.loadImg {
    opacity: 0;
    -webkit-transition: opacity .5s ease-in;
    -moz-transition: opacity .5s ease-in;
    -o-transition: opacity .5s ease-in;
    transition: opacity .5s ease-in;
}

.loadImgShow {
    opacity: 1;
}

/* 动画 */

.transi {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.scale:hover img {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2)
}

.upward:hover {
    -webkit-transform: translate(0, -5px);
    -moz-transform: translate(0, -5px);
    -ms-transform: translate(0, -5px);
    -o-transform: translate(0, -5px);
    transform: translate(0, -5px)
}

.shadow-spc {
    box-shadow: 1px 1px 5px rgba(0, 0, 0, .3);
}

.shadow {
    box-shadow: 0 7px 10px #ccc
}

.shadowHover:hover {
    box-shadow: 0 5px 6px #ccc
}

.shadowHover1:hover {
    box-shadow: 2px 2px 10px #ccc
}

.transition1x img {
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.transition1x:hover img {
    transform: scale(1.08, 1.08)
}

.transitionfade {
    opacity: 1;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

.transitionfade:hover {
    opacity: 0.5
}

.transitionfade1 {
    opacity: 0.9;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

.transitionfade1:hover {
    opacity: 1
}

.shan {
    text-align: center;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: animate 1.5s infinite;
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #eb601f), color-stop(.4, #e294aa), color-stop(.5, #c7823f), color-stop(.6, #e4d6d6), color-stop(1, #fd8405));
}

/* 兼容写法，要放在@keyframes前面 */

@-webkit-keyframes animate {
    /* 背景从-100px的水平位置，移动到+100px的水平位置。如果要移动Y轴的，设置第二个数值 */
    from {
        background-position: -100px;
    }
    to {
        background-position: 100px;
    }
}

@keyframes animate {
    from {
        background-position: -100px;
    }
    to {
        background-position: 100px;
    }
}

.shan {
    text-align: center;
    /* background: -webkit-gradient(linear, left top, right top, color-stop(0, #4d4d4d), color-stop(.4, #4d4d4d), color-stop(.5, white), color-stop(.6, #4d4d4d), color-stop(1, #4d4d4d)); */
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #eb601f), color-stop(.4, #e294aa), color-stop(.5, #c7823f), color-stop(.6, #e4d6d6), color-stop(1, #fd8405));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: animate 5s infinite;
}

/* 兼容写法，要放在@keyframes前面 */

@-webkit-keyframes animate {
    /* 背景从-100px的水平位置，移动到+100px的水平位置。如果要移动Y轴的，设置第二个数值 */
    from {
        background-position: -100px;
    }
    to {
        background-position: 100px;
    }
}

@keyframes animate {
    from {
        background-position: -100px;
    }
    to {
        background-position: 100px;
    }
}

/* border */

.b-dashed-333333 {
    border: 1px dashed #c3c3c3;
}

.b-c3c3c3 {
    border: 1px solid #c3c3c3;
}

.b-b-c3c3c3 {
    border-bottom: 1px solid #c3c3c3;
}

.b-b-EEEEEE {
    border-bottom: 1px solid #EEEEEE;
}

.b-b-d0d9df {
    border-bottom: 1px solid #d0d9df;
}

.b-b-d0d9df:last-child {
    border-bottom: none;
}

.b-b-BFBFBF {
    border-bottom: 1px solid #eee;
}

.b-b-BFBFBF:last-child {
    border-bottom: none;
}

.b-b-ccc {
    border-bottom: 1px solid #ccc;
}

.b-t-dashed-ccc {
    border-top: 1px dashed #ccc;
}

.b-b-dashed-ccc {
    border-bottom: 1px dashed #ccc;
}

.border-ju-anmi {
    border: 1px solid transparent;
}

.border-ju-anmi:hover {
    border: 1px solid #eb4200;
}

/* border-radius */

.b-radius3 {
    border-radius: 3px;
}

.b-radius4 {
    border-radius: 3px;
}

.b-radius5 {
    border-radius: 5px;
}

.b-radius10 {
    border-radius: 10px;
}

.b-tl-radius10 {
    border-top-left-radius: 10px;
}

.b-tb-radius10 {
    border-bottom-left-radius: 10px;
}

.b-rt-radius10 {
    border-top-right-radius: 10px;
}

.b-rb-radius10 {
    border-bottom-right-radius: 10px;
}

*.b-radius20 {
    border-radius: 20px!important;
}

*.b-radius-circle {
    border-radius: 50%;
}

/* 高度 */

.h510 {
    height: 510px;
}

/* 版心*/

@font-face {
    font-family: "fmzdbtt";
    src: url(../fonts/庞门正道标题体.TTF);
}

@font-face {
    font-family: "zhaojiujiang";
    src: url(../fonts/zhaojiujiang.ttf);
}

html {
    overflow-y: scroll
}

:root {
    overflow-y: auto;
    overflow-x: hidden
}

:root body {
    position: absolute
}

body {
    width: 100vw;
    min-width: 1200px;
}

html, body {
    position: relative;
    background: #f5f5f5;
}

.body-bg {
    background-color: #f5f5f5;
}

/* @media screen and (max-width:1200px) {
    :root {
        overflow-x: scroll
    }
} */

.w {
    width: 1200px;
    margin: 0 auto;
}

.conAuto {
    width: 1200px;
    min-width: 1200px;
    margin-left: auto;
    margin-right: auto
}

.section {
    overflow: hidden;
}

.container {
    min-width: 1170px;
}

/* 字体不能被选中 */

.font-no {
    webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* 暂无数据 */

.nodata {
    width: 180px;
}

/* 定位 */

.bottom-0 {
    bottom: 0px;
}

.top-0 {
    top: 0px;
}

.top-1 {
    top: 1px;
}

.top-3 {
    top: 3px;
}

.top-5 {
    top: 5px;
}

.top-20 {
    top: 20px;
}

.top_1 {
    top: -1px;
}

.top_3 {
    top: -3px;
}

.top_5 {
    top: -5px;
}

.left-0 {
    left: 0px;
}

.right-0 {
    right: 0px;
}

.right-30 {
    right: 30px;
}

.right-15 {
    right: 15px;
}

/* 收藏 */

.filter-collect {
    border-radius: 3px;
    padding: 7px 10px 7px 14px;
    color: #0077F0;
    font-size: 18px;
    font-weight: bold;
    border: 1px solid #0077F0;
}

.filter-collect img {
    vertical-align: middle;
    width: 28px;
    margin-right: 5px;
}

/*  */

.box-shadow1 {
    box-shadow: 1px 1px 5px rgb(0 0 0 / 10%);
}

/* 投递成功 */

.delivery-yes {
    /* min-width: 280px; */
    /* width: 580px;
    height: 416px; */
    background: #FFFFFF;
    border-radius: 10px;
    /* position: fixed; */
    /* left: 50%;
    top: 50%;
    transform: translate(-50%,-50%); */
    /* margin-left: -363px;
    margin-top: -291px; */
    text-align: center;
    /* border: 1px solid #ccc; */
}

.delivery-yes img {
    vertical-align: middle;
    width: 90px;
    height: 90px;
}

/* 统一按钮 */

.status-warpper.padding-none .status {
    padding-left: 0px;
    padding-right: 0px;
    text-align: center;
}

.status-warpper.w150 .status {
    width: 150px;
}

.status {
    border-radius: 3px;
    font-size: 20px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 28px;
    display: inline-block;
    padding: 6px 40px;
}

.status.status-plr50 {
    padding: 6px 50px;
}

.status.f18 {
    font-size: 18px;
}

.status:hover {
    opacity: 0.8;
}

.status.red {
    background-color: #F53E3E;
}

.status.lan {
    background-color: #0077F0;
}

.status.hui {
    background-color: #999999;
}

/* 查看详情 */

.go:hover {
    text-decoration: underline;
}

/* 统一搜索 */

.search {
    width: 100%;
    display: flex;
}

.search.inline-block {
    display: inline-block;
}

.search1 {
    width: 100%;
    display: flex;
    position: absolute;
    left: 50%;
    bottom: 20px;
    transform: translateX(-25%);
}

.search input {
    width: 100%;
    height: 45px;
    border: 1px solid #eee;
    padding-left: 15px;
    color: #555;
}

.search button {
    width: 100px;
    height: 45px;
    border: none;
    background: #0077EF;
}

.search button img {
    width: 30px;
    height: auto;
}

/* 头部开始 */

/* switch */

.layui-form-switch {
    height: 37px;
    line-height: 37px;
    margin-top: 0px;
}

.layui-form-switch em {
    top: 0;
    font-size: 15px;
}

.layui-form-switch i {
    top: 9px;
}

.layui-form-onswitch {
    border-color: #449bf1;
    background-color: #449bf1;
}

/* layui-layer-btn */

.layui-layer-btn a {
    height: 34px !important;
    line-height: 34px !important;
    /* border: none !important; */
    padding: 0px !important;
    width: 80px;
}

.layui-layer-btn .layui-layer-btn0 {
    border-color: #354BFF!important;
    background-color: #354BFF!important;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    cursor: pointer;
}

.layui-layer-btn .layui-layer-btn1 {
    border-color: #354BFF!important;
    background-color: #fff!important;
    color: #354BFF;
    text-align: center;
    cursor: pointer;
}

/* footer */

/* header */

.header {
    height: 96px;
    background-color: #fff;
}

.header .logo {
    width: 527px;
    height: 76px;
    /*margin-top: 10px;*/
}

.header .logo img {
    width: 100%;
    height: 100%;
}

.header .login-wrapper .p-lan {
    margin-top: 32px;
    font-size: 24px;
    cursor: pointer;
    padding-bottom: 2px;
}

.header .login-wrapper .p-lan a {
    color: #0077F0;
}

.header .login-wrapper .p-lan a:hover {
    border-bottom: 2px solid #0077F0;
}

/* banner */

.index-banner-bg {
    height: 230px;
    width: 100%;
    background: url(../../appraisal/images/index/banner-banner.png) no-repeat center center;
    background-size: 100% 100%;
}

/* nav */

.nav-warpper {
    background-color: #fff;
    height: 64px;
    /* line-height: 64px; */
}

.nav-warpper-fixed {}

.nav-warpper .nav-ul {
    width: 100%;
}

.nav-item {
    float: left;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 20px;
    margin-right: 30px;
}

.nav-item:last-child {
    margin-right: 0;
}

.nav-item.spc {
    width: 80px;
}

.nav-item a {
    display: block;
    color: #333333;
    font-weight: bold;
}

.nav-item a i {
    vertical-align: middle;
    display: inline-block;
    background-image: url(../images/xin/navitem.png);
    background-repeat: no-repeat;
    height: 26px;
    width: 26px;
    margin-right: 2px;
    vertical-align: middle;
}

.nav-item a span {
    vertical-align: -2px;
}

.nav-item.nav-item-1 a i {
    background-image: url(../../appraisal/images/index/shouye-hui.png);
}

.nav-item.nav-item-2 a i {
    width: 31px;
    background-image: url(../../appraisal/images/index/bszn-hui.png);
}

.nav-item.nav-item-3 a i {
    background-image: url(../../appraisal/images/index/kyfc-hui.png);
}

.nav-item.nav-item-4 a i {
    background-image: url(../../appraisal/images/index/cjwt-hui.png);
}

.nav-item.nav-item-5 a i {
    width: 25px;
    background-image: url(../../appraisal/images/index/kycg-hui.png);
}

.nav-item:hover a, .nav-item.click a {
    color: #295DE5;
    top: -2px;
    position: relative;
}

.nav-item-1.click a i, .nav-item-1:hover a i {
    background-image: url(../../appraisal/images/index/shouye-lan.png);
}

.nav-item-2.click a i, .nav-item-2:hover a i {
    background-image: url(../../appraisal/images/index/bszl-lan.png);
}

.nav-item-3.click a i, .nav-item-3:hover a i {
    background-image: url(../../appraisal/images/index/kyfc-lan.png);
}

.nav-item-4.click a i, .nav-item-4:hover a i {
    background-image: url(../../appraisal/images/index/cjwt-lan.png);
}

.nav-item-5.click a i, .nav-item-5:hover a i {
    background-image: url(../../appraisal/images/index/kycg-lan.png);
}

/* common-title */

.common-title {
    border-bottom: 3px solid #BFBFBF;
    height: 42px;
    margin-bottom: 20px;
}

.common-title h3 {
    width: 160px;
    font-size: 26px;
    margin-bottom: 10px;
    text-align: center;
}

.common-title p {
    position: relative;
}

.common-title p:after {
    content: "";
    width: 160px;
    height: 6px;
    background: #3EA6FF;
    position: absolute;
    top: -1px;
    left: 0px;
    border-radius: 3px;
}

.common-title a.fr {
    margin-top: 4px;
    color: #3ea6ff;
    font-size: 16px;
}

/* common-ul-list */

.common-ul-list li {
    font-size: 18px;
    margin-bottom: 24px;
}

.common-ul-list li:last-child {
    margin-bottom: 0px;
}

.common-ul-list li.b-b-BFBFBF {
    padding-bottom: 14px;
    padding-top: 14px;
    margin-bottom: 0px;
}

.common-ul-list li a {
    color: #333;
    margin-left: 10px;
    font-size: 15px;
}

.common-ul-list li a:hover {
    color: #2F63E7;
}

.common-ul-list li:before {
    content: "";
    width: 5px;
    height: 5px;
    display: inline-block;
    background-color: #2F63E7;
    border-radius: 50%;
}

/* .footer-bottom */

.footer {
    /* margin-top: 20px; */
}

.footer-bottom {
    background-color: #f1f1f1;
    /* background-color: #dedede; */
    font-size: 14px;
    color: #666;
    padding: 15px 0px;
    text-align: center;
}

.footer-bottom .red {
    top: -20px;
    margin-left: 100px;
}

/* 回到顶部 */

.el-backtop {
    background: none;
}

.el-backtop:hover {
    background: none;
}

.to-top {
    /* display: none; */
    /* position: fixed; */
    /* right: 270px;
    bottom: 260px; */
    cursor: pointer;
}

/* 面包屑 */

.bread {
    padding: 20px 0px 0px 0px;
}

.bread .current, .current a {
    font: 15px/30px "微软雅黑";
    color: #333;
    background: transparent;
}

.bread .current a:hover, .bread .current a.click {
    color: #295DE5;
    font-weight: normal;
}

/* search */

.filter-search {
    width: 300px;
    height: 34px;
    line-height: 34px;
    border-radius: 8px;
    border: 1px solid #eee;
}

.filter-search .search-words {
    text-indent: 20px;
    width: 236px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    float: left;
    color: #404040;
    font-size: 15px;
    height: 30px;
    line-height: 29px;
}

.filter-search .search-btn {
    float: right;
    height: 30px;
    line-height: 30px;
    width: 60px;
    cursor: pointer;
    background: url(../../appraisal/images/icon/search.png) no-repeat center center #fff;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

/* body */

.visitor-body {
    /* background: #F8F6F6; */
    background: #fff;
    background-image: none;
    height: auto;
}

/* 企业面包屑 */

.tab_nav {
    background-color: #fff;
    border-radius: 4px;
}

.tab_nav .title {
    font-size: 18px;
    font-weight: bold;
    height: 50px;
    line-height: 50px;
    padding-left: 20px;
    vertical-align: text-bottom;
    /* margin-bottom: 10px; */
    box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
}

.tab_nav .title .icon {
    font-weight: bold;
    color: #295DE5;
    font-size: 26px;
    vertical-align: inherit;
}

/* 企业select */

.right-12 {
    right: -22px;
}

.selectDiv {
    padding: 25px 18px;
    border-radius: 3px;
    /* margin-bottom: 10px; */
    box-shadow: 1px 1px 5px rgb(0 0 0 / 10%);
    border-left: 10px solid #3669E8;
    /* box-shadow: 1px 1px 5px rgba(0, 0, 0, .1); */
}

.selectDiv .row {
    margin-bottom: 0px;
}

.selectDiv .row .el-form-item__label {
    color: #333333;
    font-size: 15px;
    font-weight: bold;
}

.selectDiv .el-input__inner::placeholder {
    color: #666666;
    font-weight: bold;
}

/* content */

.content {
    border-radius: 4px;
}

.content .table {
    border-radius: 4px;
}

/* .search */

.selectDiv .el-button--primary.search-el-button {
    background-color: #295DE5;
    font-size: 16px;
    height: initial;
}

/* file-view */

.file-view {
    background: #f5f7fa;
    width: 184px;
    height: 146px;
    padding: 10px;
    color: #333;
    border-radius: 5px;
    margin: 5px auto;
}

/* 页脚样式 */

.userFooter {
    width: 100%;
    height: 200px;
    background-color: #f5f5f5;
    padding-top: 50px;
}

.userFooter .content {
    width: 1200px;
    margin: 0 auto;
    padding: 0 30px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
}

.userFooter p {
    width: 100%;
    font-size: 14px;
    color: #333;
    line-height: 36px;
}

.userFooter .content .img1 {
    width: 60px;
    height: 74px;
    margin-right: 20px;
}

.userFooter .content .img2 {
    width: 14px;
    height: 15px;
    margin-bottom: 10px;
}

.userFooter .content .img3 {
    width: 112px;
    height: 112px;
    position: absolute;
    right: 30px;
    top: 0;
}

/* 取消发布 */

.el-button.orange-btn {
    width: 70px !important;
    font-size: 14px!important;
    background-color: #EFA900!important;
    border: 1px solid #EFA900!important;
}

/* 发布 */

.el-button.green-btn {
    width: 70px!important;
    font-size: 14px!important;
    background-color: #44AB0F!important;
    border: 1px solid #44AB0F!important;
}

/* line-height1 */

.line-height1 {
    line-height: 1;
}

/* 操作 */

.el-table td:last-child {
    padding: 7px 10px!important;
}

/* 滚动条  start*/

body .manageContent .rightC .el-scrollbar-list.el-scrollbar {
    width: 100vw;
    height: calc(100% - 20px);
}

/* body .manageContent .rightC .el-scrollbar-list.el-scrollbar .el-scrollbar__wrap {
    overflow-x: auto;
    height: calc(100% + 20px);
}

.manageContent .rightC .el-scrollbar-list.el-scrollbar .el-scrollbar__wrap .el-scrollbar__view {
    white-space: nowrap;
    display: inline-block;
} */

/* body .manageContent .rightC .el-scrollbar-list.el-scrollbar .el-scrollbar__wrap {
    overflow-x: hidden;
}

.el-scrollbar-table.el-scrollbar .el-scrollbar__wrap {
    overflow-y: hidden;
    overflow-x: auto;
}

.el-scrollbar-table.el-scrollbar .el-scrollbar__wrap .el-scrollbar__view {
    white-space: nowrap;
    display: inline-block;
}

.el-scrollbar-table.el-scrollbar .el-scrollbar__bar.is-vertical {
    display: none;
} */

*::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: transparent;
}

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/

*::-webkit-scrollbar-track {
    background-color: #f0f6ff;
}

/*定义滚动条轨道 内阴影+圆角*/

*::-webkit-scrollbar-thumb {
    background-color: rgba(144, 147, 153, .5);
    border-radius: 6px;
}

/*定义滑块 内阴影+圆角*/

.scrollbarHide::-webkit-scrollbar {
    display: none
}

.el-table__fixed-right::before, .el-table__fixed::before {
    background-color: transparent;
}
/* 滚动条  end*/

/* common-table-header-tab */

.common-table-header-tab {
    position: absolute;
    left: 50px;
    top: 10px;
}

.common-table-header-tab p {
    width: 70px;
    float: left;
    color: #606266;
    text-align: center;
    font-size: 15px;
    line-height: 48px;
    cursor: pointer;
}

.common-table-header-tab p.active {
    border-bottom: 3px solid #354BFF;
    color: #354BFF;
    font-weight: bold;
}