/* 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;
}

.mr {
    margin-right: 165px;
}

.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;
    height: 36px;
}

.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;
    font-size: 12px;
}

*.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 */

.wh80 {
    width: 80px;
    height: 80px;
}

.w100 {
    width: 100%;
}

.w50pre {
    width: 50%;
}

.w56 {
    width: 56px;
}

.w180 {
    width: 180px;
}

.w350 {
    width: 270px;
    background-color: #0077EF;
    border-color: #0077EF;
}

.w350.el-button--primary:hover {
    background-color: #0077EF;
    border-color: #0077EF;
}

.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: 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_box {
    background-color: #fff;
    margin-top: 15px;
}

.bg-f8f9fc {
    background: #f8f9fc;
}

.bg-e8ebf1 {
    background: #e8ebf1;
}

.bg-eeeeee {
    background: #eeeeee;
}

.bg-F5F5F5 {
    background: #F5F5F5;
}

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

/* left */

.left-5 {
    left: -5px;
}

.left-10 {
    left: -10px;
}

/*边距*/

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

.ml90 {
    margin-left: 90px;
}

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

.pt200 {
    padding-top: 200px;
}

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

.pb300 {
    padding-bottom: 230px;
}

.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: 50px;
}

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


/* 图片加载 */

.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: 100%;
    min-width: 1200px;
}

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

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

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

.w_f1 {
    width: 1000px;
    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;
}

/*  */

.box-shadow1 {
    box-shadow: 0px 9px 20px 0px rgba(93, 162, 239, 0.18);
}

/* 查看详情 */

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

/* footer */

/* header */

.header .logo {
    margin-top: 10px;
}

/* 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;
}

/* 企业面包屑 */

.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: 0px 10px 18px 2px rgba(111, 167, 246, 0.21);
    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;
}

/* 页脚样式 */

.foot {
    height: 254px;
    background: #F0F2F5;
    position: relative;
    min-width: 1200px;
}

.foot .footer-cent {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.foot .fotliul{
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 34px;
    background: #EAEBEB;
    min-width: 1200px;
}
.foot .fotliul p{
    text-align: center;
    line-height: 34px;
    font-weight: 400;
    color: #666666;
    font-size: 14px;
}
.foot .footer-cent div{
    margin-top: 48px;
}

.foot .footer-cent .box1{
    /*width: 384px;*/
    width: 360px;
    height: 130px;
    background: #EAEBEB;
}
.foot .footer-cent .box1 h3{
    padding-top: 30px;
    padding-left: 42px;
    font-weight: bold;
    color: #333333;
    font-size: 14px;
}
.foot .footer-cent .box1 ul{
    padding-left: 44px;
    padding-top: 15px;
}
.foot .footer-cent .box1 ul li{
    color: #515151;
    font-size: 14px;
    float: left;
    padding-right: 20px;
    line-height: 25px;
}
.foot .footer-cent .box1 ul li span{
    padding-left: 20px;
    color: #c7c7c7;
}
.foot .footer-cent .box2{
    /*width: 334px;*/
    width: 360px;
    height: 130px;
    background: #EAEBEB;
}
.foot .footer-cent .box2 h3{
    font-weight: bold;
    color: #333333;
    font-size: 14px;
    padding-top: 30px;
    padding-left: 29px;
}
.foot .footer-cent .box2 ul{
    padding-left: 32px;
    padding-top: 15px;
}
.foot .footer-cent .box2 ul li{
    color: #515151;
    font-size: 14px;
    line-height: 25px;
}
.foot .footer-cent .box3{
    /*width: 284px;*/
    width: 360px;
    height: 130px;
    background: #EAEBEB;
}
.foot .footer-cent .box3 h3{
    font-weight: bold;
    color: #333333;
    font-size: 14px;
    padding-top: 30px;
    padding-left: 29px;
}
.foot .footer-cent .box3 ul{
    padding-left: 32px;
    padding-top: 15px;
}
.foot .footer-cent .box3 ul li{
    color: #515151;
    font-size: 14px;
    line-height: 25px;
}
.foot .footer-cent .erwma {
    width: 136px;
    height: 130px;
}

.foot .footer-cent div img {
    width: 100%;
    height: 100%;
}

.foot .footer-cent dl dt img {
    width: 100%;
    height: 100%;
}

.foot .footer-cent dl dd img {
    width: 17.9px;
    height: 20px;
}

/* 取消发布 */

.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: 8px;
    height: 8px;
    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: 30px;
    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;
}

/* 分页 */

.el-pagination__editor {
    margin: -10px 2px;
    vertical-align: middle;
}

.el-pagination__editor.el-input .el-input__inner {
    line-height: 24px;
    height: 24px;
    /* margin-top: 2px; */
}

/* 图片上传 */

.upPic {
    width: 348px;
}

.upPic .img-warpper {
    width: 100%;
    height: 200px;
}

.upPic .imgBox {
    width: 100%;
    height: 100%;
    background-image: url(../images/common/upPic.jpg), linear-gradient(#f6f6f6, #f6f6f6);
    background-repeat: no-repeat;
    background-position: center;
}

.upPic .imgBox img {
    width: 100%;
    height: 100%;
}

.upPic .imgBox1 {
    width: 100%;
    height: 100%;
    background-image: url(../images/head1.png), linear-gradient(#f6f6f6, #f6f6f6);
    background-repeat: no-repeat;
    background-position: center;
    background-size:100% 100%;
}

.upPic .imgBox1 img {
    width: 100%;
    height: 100%;
}

.upPic .upbtn {
    /* margin-top: 15px; */
    position: relative;
    width: 100%;
    height: 30px;
}

.upPic input.fileEl[type='file'] {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 99;
    cursor: pointer;
}

.upPic .upbtncss {
    width: 100%;
    left: 0px;
    top: 0px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: rgba(205, 205, 205, .8);
    border-radius: 2px;
    font-size: 14px;
    cursor: pointer;
}

.upPic .upbtncss.down {
    background-color: rgba(69, 139, 230, 0.9);
}

.upPic .upbtncss.down a {
    color: #fff;
}

.upPic .upbtn:hover .upbtncss {
    background-color: rgba(205, 205, 205, 1);
}

.upPic .upbtn:hover .upbtncss.down {
    background-color: rgba(69, 139, 230, 1);
    color: #fff;
}

/* 头部 */

.header {
    width: 100%;
    background-color: #fff;
}

.header .headerTop {
    line-height: 36px;
    height: 36px;
    background: #F3F4F8;
    box-shadow: 0px 0px 2px 0px rgba(158, 158, 158, 0.26);
}

a.lan:hover {
    color: #0C70E5;
}

.header .el-dropdown {
    color: #333;
}

.header .headerTop .top {
    width: 1200px;
    margin: 0 auto;
}

.header .headerLogo {
    height: 100px;
    line-height: 100px;
    background-color: #fff;
}

.header .headerLogo .logo {
    width: 1200px;
    margin: 0 auto;
}

.header .headerLogo .logo img {
    vertical-align: middle;
}

.header .headerNav {
    height: 50px;
    line-height: 50px;
    background-color: #0073E6;
}

.header .headerNav .nav {
    width: 1200px;
    margin: 0 auto;
}

.header .headerNav .nav ul li {
    float: left;
    width: 120px;
    text-align: center;
}

.header .headerNav .nav ul li a {
    float: left;
    width: 120px;
    text-align: center;
    color: #FFFFFF;
    font-size: 14px;
}

.header .headerNav .nav ul li:hover {
    background: #006DD9;
}

.header .headerNav .nav ul li.active {
    height: 46px;
    border-bottom: 4px solid #fff;
}

.header .topImg {
    height: 150px;
    background-image: url('../../employmentAndEntrepreneurship/images/banner.png');
    overflow: hidden;
}

.second-nav {
    margin: 110px auto 0px;
    width: 1200px;
}

.second-nav li {
    float: left;
    width: 275px;
    height: 40px;
    line-height: 40px;
    background: rgba(255, 255, 255, .2);
    text-align: center;
    margin-right: 33px;
    font-size: 16px;
    cursor: pointer;
}

.second-nav li:last-child {
    margin-right: 0px;
}

.second-nav li a {
    float: left;
    color: #fff;
    display: inline-block;
    width: 275px;
    height: 40px;
}

.second-nav li.active a {
    background: #fff;
    color: #333333;
    ;
}

/* filter-warpper */

.filter-warpper {
    margin-bottom: 15px;
    background: #fff;
    padding: 15px 0px;
    font-size: 14px;
    color: #333333;
}

.filter-warpper-detail {
    padding: 40px 0px;
    margin-bottom: 0px;
}

.filter-warpper .title,
.filter-warpper .default {
    margin-left: 30px;
    padding: 5px 0px;
}

.filter-warpper ul {
    margin-left: 40px;
}

.filter-warpper li {
    padding: 5px 10px;
    margin-right: 10px;
}

.filter-warpper .active {
    color: #006DD9;
}

.two-filter {
    padding: 5px 10px;
    width: 990px;
    border: 1px solid #E5E5E5;
    background: #F0F0F0;
}

.two-filter li {
    line-height: 24px;
}

.one-filter li.active {
    background: #F0F0F0;
    color: #333;
    border: 1px solid #E5E5E5;
    position: relative;
    top: 1px;
    border-bottom: none;
}

/* filter-warpper-reg */

.filter-warpper-reg {
    margin-bottom: 0px;
    padding: 0px;
    width: 660px;
    margin-top: -12px;
}

.filter-warpper-reg ul {
    margin-left: 0px;
}

.filter-warpper-reg li {
    padding: 0px 10px;
    margin-right: 0px;
    color: #666666;
}

.filter-warpper-reg li.active {
    background: #0073E6;
    color: #fff;
}

.filter-warpper-reg ul.two-filter li.active {
    background: transparent;
    color: #0073E6;
}

.filter-warpper-reg ul.one-filter {
    width: 150px;
    background: #FFFFFF;
    box-shadow: 0px 0px 6px 0px rgba(176, 175, 175, 0.4);
}

.filter-warpper-reg ul.two-filter {
    width: 480px;
    height: 320px;
    background: #FFFFFF;
    box-shadow: 0px 0px 6px 0px rgba(176, 175, 175, 0.4);
    border: none;
}

.filter-warpper-reg .el-checkbox,
.filter-warpper-reg .el-checkbox-group {
    line-height: 28px;
}

.filter-warpper-reg .el-checkbox__input.is-checked .el-checkbox__inner {
    background-color: #0073E6;
    border-color: #0073E6;
}

/*  */

.dl-one {
    float: left;
    background: #fff;
    box-shadow: 0px 0px 6px 0px rgba(176, 175, 175, 0.1);
    width: 250px;
    height: 233px;
    margin-bottom: 15px;
    margin-right: 15px;
    overflow: hidden;
    padding: 0px 19px;
    font-size: 14px;
    color: #333;
}

.dl-one:nth-child(4n) {
    margin-right: 0px;
}

.dl-one .logo {
    width: 80px;
    height: 80px;
    background: #E5E5E5;
    margin: 15px auto;
}

.dl-one .logo img {
    width: 80px;
    height: 80px;
}

.dl-one .name {
    font-size: 17px;
    text-align: center;
    margin-bottom: 10px;
    font-weight: bold;
}

.dl-one .type {
    text-align: center;
    margin-bottom: 10px;
}

.dl-one .option p {
    position: relative;
    line-height: 19px;
    height: 38px;
    overflow: hidden;
    color: #999999;
}

.dl-one .option p::after {
    /*若要兼容IE8需用:after*/
    /* content: "..."; */
    /*替换内容比较灵活*/
    /* position: absolute; */
    /* bottom: 2px; */
    /* right: 2px; */
    /* padding: 0 3px; */
    /* background: #fff; */
    /*颜色和文字背景保持一致*/
    /* box-shadow: 0 0 10px #fff; */
    /*边缘处理*/
}

.dl-one .address {
    margin-top: 10px;
    margin-bottom: 12px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #CACACA;
}

.dl-one .address img {
    width: 12px;
    margin-right: 4px;
}

.dl-one .opt {
    text-align: center;
}

.apply {
    width: 140px;
    height: 32px;
    line-height: 0px!important;
    background: #295de5!important;
    border-radius: 4px;
    color: #fff!important;
    border: none;
    padding: 0px;
}
.apply:hover {
    background: #3366ec;
}

.detail-apply {
    width: 220px;
    height: 44px;
    font-size: 18px;
    background: #FF8746;
}

.detail-apply:hover {
    background: #0073E6;
}

/* 统一搜索 */

input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #999999;
}

input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #999999;
}

input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #999999;
}

input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #999999;
}

.search {
    /* width: 320px; */
}

.search input {
    width: 285px;
    height: 30px;
    border: 1px solid #E5E5E5;
    padding-left: 15px;
    float: left;
    margin-right: -32px;
    color: #333;
}

.search button {
    width: 35px;
    height: 32px;
    border: none;
    background: #0073E6;
    cursor: pointer;
}

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

/* div-one */

.div-one {
    font-size: 14px;
    color: #333;
}

.div-one .logo {
    width: 190px;
    height: 190px;
    background: #E5E5E5;
    margin-right: 26px;
}

.div-one .logo img {
    width: 190px;
    height: 190px;
}

.div-one .name {
    font-size: 24px;
    margin-top: 2px;
    margin-bottom: 14px;
}

.div-one .type {
    font-size: 16px;
    margin-bottom: 10px;
}

.div-one .address {
    color: #999;
}

.div-one .options {
    margin-top: 15px;
    width: 984px;
    border-top: 1px solid #EEEEEE;
    padding-top: 6px;
    background: #fff;
    overflow: hidden;
    height:70px;
}

.tips-button-spc {
    display: inline-block;
    margin-top: 9px;
    color: #0073E6;
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    padding: 0px 13px;
    border: 1px solid #0073E6;
    border-radius: 10px;
    margin-right: 5px;
    margin-right: 12px;
    width: 140px;
    text-align: center;
}

.tips-button-spc-width{
    width: auto;
}

.tips-button-spc.w200{
    width: 320px;
}


.tips-button {
    display: inline-block;
    margin-top: 9px;
    color: #0073E6;
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    padding: 0px 13px;
    /* border: 1px solid #0073E6; */
    border-radius: 10px;
    margin-right: 5px;
}

/* .common-title */

.common-p {
    color: #333333;
    position: relative;
    background: #fff;
    margin-bottom: 30px;
}

.common-p span {
    background: #fff;
    font-size: 22px;
    display: inline-block;
    position: relative;
    z-index: 1;
    padding-right: 10px;
}

.common-p:before {
    content: "";
    width: 100%;
    height: 1px;
    background: #E5E5E5;
    position: absolute;
    top: 16px;
}

.p-intr {
    line-height: 25px;
}

.teacher {
    border: 1px solid #F1F1F1;
    padding: 10px;
    width: 418px;
    margin-right: 10px;
    margin-bottom: 15px;
    float: left;
    overflow: hidden;
    height: 160px;
}

.teacher:nth-child(2n) {
    margin-right: 0px;
}

/* apply-form */

.apply-form {
    width: 515px;
    margin: 0 auto;
}

.apply-form .h-title {
    border-left: 4px solid #0C70E5;
    color: #333333;
    font-size: 18px;
    text-indent: 10px;
    font-weight: bold;
}

.apply-form .el-select {
    width: 100%;
}

.apply-form .apply {
    width: 100%;
    font-size: 16px;
    height: 40px;
}

.apply-form .red {
    color: #E71F21;
    font-size: 14px;
}

iframe.head {
    height: 136px;
}

iframe.foot {
    height: 208px;
}

/* el-form-item */
.el-form-item.line-20 .el-form-item__label {
    line-height: 20px;
}

/* textarea兼容IE  */
.el-textarea__inner {
    overflow-y: auto;
}

.bannerxiqigg{
    width: 100%;
    height: 150px;
    background-image: url('../../employmentAndEntrepreneurship/images/banner.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;

}
.bannerxiqigg ul .li{
    background: #FFFFFF;
    color: #333333;
}
.bannerxiqigg ul li{
    float: left;
    width: 275px;
    height: 40px;
    background:rgba(255,255,255,0.3);
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 110px;
    text-align: center;
    line-height: 40px;
    color: #FEFEFE;
    font-size: 18px;
    cursor:pointer;
}
.bannerxiqigg ul{
    width: 1140px;
    margin: 0 auto;
    height: 42px;
}