/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article, aside, footer, header, nav, section {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

figcaption, figure, main {
    display: block
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

a:active, a:hover {
    outline-width: 0
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b, strong {
    font-weight: inherit;
    font-weight: bolder
}

code, kbd, samp {
    font-family: monospace;
    font-size: 1em
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio, video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button, input, optgroup, select, textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox], [type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details, menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

[hidden], template {
    display: none
}

body, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, input, p, td, textarea, th, ul {
    padding: 0;
    margin: 0;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

body, html {
    height: 100%
}

body {
    color: #666;
    font-family: MicrosoftYaHei, -apple-system, Helvetica Neue, Arial, PingFang SC, Hiragino Sans GB, STHeiti, Microsoft YaHei, Microsoft JhengHei, Source Han Sans SC, Noto Sans CJK SC, Source Han Sans CN, Noto Sans SC, Source Han Sans TC, Noto Sans CJK TC, WenQuanYi Micro Hei, SimSun, sans-serif;
    background: #fff
}

body .clouder-work-div {
    min-width: 1200px;
    position: relative;

    z-index: 0
}

#jedatebox {
    min-height: auto
}

ol li, ul li {
    list-style: none
}

img {
    border: 0
}

a, a:hover {
    text-decoration: none
}

button, input, select {
    font-family: MicrosoftYaHei, Arial, Microsoft JhengHei, Source Han Sans SC, Noto Sans CJK SC, Source Han Sans CN, Noto Sans SC, Source Han Sans TC, Noto Sans CJK TC, WenQuanYi Micro Hei, SimSun, sans-serif
}

a, button, input, select, textarea {
    outline: none
}

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

:-moz-placeholder, ::-moz-placeholder {
    font-size: 14px;
    color: #bababa;
    font-family: MicrosoftYaHei, sans-serif
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    font-size: 14px;
    color: #bababa;
    font-family: MicrosoftYaHei, sans-serif
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    font-size: 14px;
    color: #bababa;
    font-family: MicrosoftYaHei, sans-serif
}

[v-cloak] {
    display: none
}

.body {
    width: 100%;
    position: relative;
    min-height: 100%;
    background: #fff
}

#__bs_notify__ {
    display: none !important
}

h1, h2, h3, h4, h5 {
    font-weight: 400
}

.gray-filter {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /></filter></svg>#filter');
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter: grayscale(1)
}

.container {
    width: 1200px;
    margin: 0 auto;
    position: relative
}

.week-alert {
    position: fixed;
    top: -100px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 160px;
    min-height: 50px;
    padding: 10px 24px 10px 71px;
    box-sizing: border-box;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    background: #fff;
    border: 1px solid #ebebeb;
    border-radius: 4px;
    font-size: 14px;
    color: #666;
    letter-spacing: 2.09px;
    line-height: 19px;
    -webkit-transition: .3s;
    transition: .3s;
    z-index: 9
}

.week-alert .alert-content {
    font-size: 13px;
    line-height: 19px
}

.week-alert.alert-error {
    background: #fff url(/icp/alert_error.png?b927df7aa6688a284ac004b8980ec9fd) 21px no-repeat;
    background-size: 36px 36px
}

.week-alert.alert-success {
    background: #fff url(/icp/alert_success.png?e507b4d93619d444c57511832ed7eaae) 21px no-repeat;
    background-size: 36px 36px
}

.week-alert.alert-show {
    top: 90px
}

.input-form {
    width: 300px;
    height: 45px;
    line-height: 45px;
    font-size: 14px;
    border: 1px solid #ebebeb;
    border-radius: 4px;
    box-sizing: border-box;
    overflow: hidden;
    margin-top: 20px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #666
}

.input-form .captcha {
    width: 45%
}

.input-form .captcha-img {
    display: inline-block;
    width: 45%;
    margin-left: 10%;
    height: 100%;
    cursor: pointer
}

.input-form.active {
    border-color: #ff6710
}

input[type=number], input[type=password], input[type=text] {
    width: 100%;
    border: 0;
    padding: 0 0 0 20px;
    box-sizing: border-box;
    vertical-align: middle;
    line-height: 20px;
    font-size: 14px;
    background-color: #fff;
    color: #666
}

.in-vcode {
    position: relative;
    overflow: hidden;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.in-vcode .txt-yzm {
    height: 20px
}

.vcode-btn {
    font-size: 14px;
    color: #ff6710;
    letter-spacing: 1.79px;
    background: none;
    border: 0;
    padding: 0;
    line-height: 40px;
    cursor: pointer;
    text-align: left;
    padding-right: 22px
}

.vcode-btn img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px
}

.vcode-btn:disabled {
    color: #cbcbcb
}

.next-btn {
    width: 100%;
    height: 45px;
    font-size: 16px;
    color: #fff;
    letter-spacing: 4.57px;
    background: #ff6710;
    border-radius: 4px;
    clear: right;
    border: 0;
    margin-top: 30px;
    padding: 0;
    cursor: pointer
}

.next-btn img {
    display: inline-block;
    vertical-align: middle
}

.next-btn .success {
    width: 24px;
    height: 17px;
    margin: -4px 0 0 4px
}

.next-btn:disabled {
    background: #eaeaea;
    cursor: default
}

.select-box {
    width: 100%;
    position: absolute;
    top: 48px;
    left: -1px;
    background-color: #fff;
    border: 1px solid #ebebeb;
    border-radius: 4px;
    color: #cbcbcb;
    z-index: 5;
    max-height: 325px;
    overflow-y: auto
}

.select-box input[type=radio] {
    display: none
}

.select-box input:checked + label {
    background-color: #f9f9f9;
    border-radius: 4px;
    color: #ff6710
}

.select-box label {
    text-align: center;
    line-height: 40px;
    display: block;
    cursor: pointer
}

.select-box label.active, .select-box label:hover {
    background-color: #f9f9f9;
    color: #ff6710;
    border-radius: 4px
}

.city-box {
    width: 320px;
    height: 172px;
    position: absolute;
    top: 50px;
    left: 178px;
    background: #fff;
    border: 1px solid #ebebeb;
    border-radius: 4px;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 1;
    -webkit-transition: .2s;
    transition: .2s
}

.city-box li {
    line-height: 44px;
    text-align: center;
    font-size: 14px;
    color: #cbcbcb;
    letter-spacing: 2.09px
}

.city-box li.active, .city-box li:hover {
    background: #f9f9f9;
    color: #ff6710
}

.city-box ul:first-child {
    width: 144px;
    overflow: auto
}

.city-box ul:last-child {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: auto
}

.city-box ul::-webkit-scrollbar-button {
    display: none
}

.city-box ul::-moz-selection {
    background: rgba(66, 66, 66, .03);
    color: #fff
}

.city-box ul::selection {
    background: rgba(66, 66, 66, .03);
    color: #fff
}

.city-box ul::-webkit-scrollbar {
    position: absolute;
    width: 0;
    padding-right: 2px;
    background-color: #fff;
    box-shadow: none
}

.city-box ul::-webkit-scrollbar-thumb {
    border-radius: .5em;
    border: 1px solid #d8d8d8;
    background-color: #d8d8d8
}

.city-box ul::-webkit-scrollbar {
    width: 3px
}

.city-box.show {
    left: -1px
}

.err-info {
    margin-top: 10px;
    background: url(/icp/icon-error.png?4b7ea3281223e74d3d9ccb71b0d9e0d0) no-repeat left 4px;
    font-size: 14px;
    line-height: 28px;
    margin-left: 105px;
    color: #cbcbcb;
    vertical-align: middle;
    padding-left: 29px;
    letter-spacing: 1.14px
}

.loading {
    width: 100%;
    height: calc(100% - 150px);
    min-height: 430px;
    text-align: center
}

.loading img {
    display: block;
    margin: 50px auto
}

.success-result {
    background: url(/icp/icon-success.png?eff0f3e537450f430758801b042b77b4) no-repeat top
}

.fail-result, .success-result {
    line-height: 20px;
    font-size: 20px;
    letter-spacing: 1.6px;
    color: #999;
    text-align: center;
    padding-top: 75px
}

.fail-result {
    background: url(/icp/icon-fail.png?4be447461e10da117caba1d00e159300) no-repeat top
}

.audit-result {
    line-height: 20px;
    font-size: 20px;
    letter-spacing: 1.6px;
    color: #999;
    text-align: center;
    padding-top: 75px;
    background: url(/icp/icon_audit.png?f0a393c07cbd720858fa4b67f26f4d46) no-repeat top;
    background-size: 42px 43px
}

.nodata {
    text-align: center;
    padding: 160px 0
}

.nodata p {
    font-size: 20px;
    letter-spacing: 2px;
    color: #999;
    margin-top: 30px
}

.nodata a {
    display: inline-block;
    width: 100px;
    height: 34px;
    line-height: 34px;
    border-radius: 4px;
    background-color: #ff6710;
    font-size: 14px;
    color: #fff;
    margin-top: 40px
}

.add-team {
    text-align: center;
    display: table
}

.add-team a {
    display: inline-block;
    width: 410px;
    height: 330px;
    background: #fff;
    border: 1px dashed #e7e7e7;
    border-radius: 10px;
    font-size: 16px;
    color: rgba(82, 176, 246, .3);
    letter-spacing: 1.6px
}

.add-team a img {
    margin-top: 117px
}

.add-team a p {
    margin-top: 16px;
    color: #ff6710
}

.add-team > p {
    font-size: 18px;
    color: #ff6710;
    letter-spacing: 2.25px;
    padding-top: 140px;
    margin-bottom: -21px
}

.ent-tips {
    width: 1200px;
    height: 40px;
    background: #fffbe6;
    border: 1px solid #ffe58f;
    padding: 10px 16px;
    box-sizing: border-box;
    margin: 24px auto
}

.ent-tips > img {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 5px;
    vertical-align: middle
}

.ent-tips > span {
    color: rgba(0, 0, 0, .65)
}

.ent-tips > a, .ent-tips > span {
    display: inline-block;
    height: 20px;
    font-size: 14px;
    line-height: 20px;
    vertical-align: middle
}

.ent-tips > a {
    color: #f46a00;
    text-decoration: underline;
    cursor: pointer
}

.page-div {
    margin-top: 30px
}

.page-div .clip-pages {
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    color: #aaa;
    overflow: hidden;
    padding-bottom: 36px;
    text-align: right
}

.page-div .clip-pages span, .page-div .clip-pages ul {
    display: inline-block;
    vertical-align: middle
}

.page-div .clip-pages .page-down, .page-div .clip-pages .page-up {
    width: 36px;
    height: 36px;
    border: 1px solid #e2e2e2;
    background: url(/icp/icon-page-up.png?1c376a7365fc3d3096a783702588e9b5) no-repeat 50%;
    border-radius: 50%;
    text-align: center;
    box-sizing: border-box;
    cursor: pointer
}

.page-div .clip-pages .page-down > a, .page-div .clip-pages .page-up > a {
    display: inline-block;
    width: 100%;
    height: 100%
}

.page-div .clip-pages .page-down {
    margin-left: 7px;
    background: url(/icp/icon-page-down.png?2b86a9b2f14289c5c8ba729acad01f7a) no-repeat 50%
}

.page-div .clip-pages .page-item {
    width: 36px;
    height: 36px;
    border: 1px solid #e2e2e2;
    border-radius: 50%;
    text-align: center;
    float: left;
    margin-left: 10px;
    box-sizing: border-box;
    cursor: pointer;
    line-height: 36px
}

.page-div .clip-pages .page-list {
    overflow: hidden
}

.page-div .clip-pages .page-list li {
    width: 36px;
    height: 36px;
    border: 1px solid #e2e2e2;
    border-radius: 50%;
    text-align: center;
    float: left;
    margin-left: 10px;
    box-sizing: border-box;
    cursor: pointer
}

.page-div .clip-pages .page-list li > a {
    display: inline-block;
    width: 100%;
    height: 100%;
    color: #aaa
}

.page-div .clip-pages .page-list li.active {
    color: #fff;
    cursor: default
}

.page-div .clip-pages .page-list li.active > a {
    color: #fff
}

.page-div .clip-pages .page-list li:first-child {
    margin-left: 7px
}

.page-div .clip-pages .page-num {
    padding: 0 14px
}

.page-div .clip-pages .in-page {
    width: 59px;
    height: 35px;
    border-radius: 3px;
    text-align: center;
    border: 1px solid #e4e4e4;
    box-sizing: border-box;
    display: inline-block;
    color: #aaa
}

.page-div .clip-pages .go-other {
    cursor: pointer
}

.page-div .clip-pages .page-list li.active {
    background-color: #ff6710;
    border: 1px solid #ff6710
}

.row-nav {
    width: 1200px;
    margin: 25px auto 0;
    color: rgba(0, 0, 0, .65);
    font-size: 14px;
    text-align: left
}

.row-nav > a {
    color: rgba(0, 0, 0, .45)
}

.row-nav > a:hover {
    color: #ff6710
}

.row-nav > a.cur {
    color: rgba(0, 0, 0, .65)
}

.row-nav > span {
    margin: 0 4px
}

.pullnewad-container {
    width: 100px;
    height: 100px;
    position: fixed;
    z-index: 999;
    top: 260px;
    right: 0
}

.pullnewad-container i:hover {
    bacground: #d1d1d1;
    border-radius: 50%
}

.pullnewad-container .ad-gif-close {
    display: inline-block;
    width: 16px;
    height: 16px;
    text-align: center;
    padding: 3px;
    font-size: 14px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer
}

.pullnewad-container .ad-gif {
    width: 100%;
    height: 100%;
    cursor: pointer
}

body.yunxun-open {
    overflow: hidden
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-container-multirow > .swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: -webkit-transform, height;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: 50%;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");
    left: 10px;
    right: auto
}

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")
}

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");
    right: 10px;
    left: auto
}

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-white .swiper-pagination-bullet {
    background: #fff
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 5px 0;
    display: block
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px
}

.swiper-pagination-progress {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progress .swiper-pagination-progressbar {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
    -webkit-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal > .swiper-pagination-progress {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-vertical > .swiper-pagination-progress {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-progress.swiper-pagination-white {
    background: hsla(0, 0%, 100%, .5)
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
    background: #fff
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
    background: #000
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper {
    -ms-perspective: 1200px
}

.swiper-container-cube, .swiper-container-flip {
    overflow: visible
}

.swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-slide {
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="50" /></filter></svg>#filter');
    filter: blur(50px);
    z-index: 0
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: a 1s steps(12) infinite;
    animation: a 1s steps(12) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")
}

@-webkit-keyframes a {
    to {
        -webkit-transform: rotate(1turn)
    }
}

@keyframes a {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

#homePage .swiper-div, #homePage .swiper-div img {
    width: 100%
}

#homePage .swiper-div .swiper-slide .img {
    width: 100%;
    height: 450px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

#homePage .swiper-div .next, #homePage .swiper-div .prev {
    width: 30px;
    height: 50px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
    cursor: pointer;
    opacity: 0;
    -webkit-transition: .5s;
    transition: .5s
}

#homePage .swiper-div .prev {
    background: url(/icp/home-left-page.png?b419b5a45b379c876766d636fd7c40e4) no-repeat;
    left: 0
}

#homePage .swiper-div .next {
    background: url(/icp/home-right-page.png?56cba44ad5614bd8ff1f3a92119c2e9d) no-repeat;
    right: 0
}

#homePage .swiper-div .swiper-pagination {
    width: 100%;
    height: 4px;
    bottom: 70px
}

#homePage .swiper-div .swiper-pagination-bullet {
    width: 34px;
    height: 4px;
    border-radius: 4px
}

#homePage .swiper-div .swiper-pagination-bullet-active {
    background: #fff
}

#homePage .swiper-div:hover .next, #homePage .swiper-div:hover .prev {
    opacity: 1
}

#homePage .swiperCard {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    margin-top: -45px;
    z-index: 2
}

#homePage .swiperCard .swiperCardLi {
    display: inline-block;
    background-color: #fff;
    border: 1px solid #e8e8e8;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .12);
    border-radius: 4px;
    height: 163px;
    margin-right: 24px;
    width: 384px;
    box-sizing: border-box;
    vertical-align: top
}

#homePage .swiperCard .swiperCardLi .unlogin {
    padding: 52px 0
}

#homePage .swiperCard .swiperCardLi .unlogin .avatar {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    margin-right: 23px;
    overflow: hidden;
    margin-left: 25px;
    position: relative;
    top: -2px
}

#homePage .swiperCard .swiperCardLi .unlogin .unlogincenter {
    display: inline-block;
    margin-right: 35px;
    overflow: hidden
}

#homePage .swiperCard .swiperCardLi .unlogin .unlogincenter i {
    width: 3px;
    height: 3px;
    display: block;
    margin: 10px auto;
    background: #ff6710;
    border-radius: 100%;
    position: relative
}

#homePage .swiperCard .swiperCardLi .unlogin .unlogincenter i:before {
    content: "";
    display: inline-block;
    background-color: rgba(255, 103, 16, .17);
    background: -webkit-linear-gradient(left, rgba(255, 103, 16, .17), rgba(255, 103, 16, .02) 91%, rgba(255, 103, 16, 0));
    background: linear-gradient(90deg, rgba(255, 103, 16, .17), rgba(255, 103, 16, .02) 91%, rgba(255, 103, 16, 0));
    width: 50px;
    height: 1px;
    position: absolute;
    right: 8px;
    top: 1px
}

#homePage .swiperCard .swiperCardLi .unlogin .unlogincenter i:after {
    content: "";
    display: inline-block;
    background-color: rgba(255, 103, 16, .17);
    background: -webkit-linear-gradient(right, rgba(255, 103, 16, .17), rgba(255, 103, 16, 0));
    background: linear-gradient(-90deg, rgba(255, 103, 16, .17), rgba(255, 103, 16, 0));
    width: 50px;
    height: 1px;
    position: absolute;
    left: 8px;
    top: 1px
}

#homePage .swiperCard .swiperCardLi .unlogin .unlogincenter .simple {
    font-size: 12px
}

#homePage .swiperCard .swiperCardLi .unlogin .unloginbtn {
    display: inline-block;
    overflow: hidden
}

#homePage .swiperCard .swiperCardLi .unlogin .unloginbtn .loginbtn {
    cursor: pointer;
    border: 1px solid #ff6710;
    border-radius: 100px;
    height: 24px;
    line-height: 24px;
    width: 80px;
    text-align: center;
    color: #ff6710;
    background-color: #fff;
    display: block
}

#homePage .swiperCard .swiperCardLi .unlogin .unloginbtn .loginbtn:nth-of-type(2) {
    margin-top: 10px
}

#homePage .swiperCard .swiperCardLi .unlogin .unloginbtn .loginbtn:hover {
    background-color: #ff6710;
    color: #fff
}

#homePage .swiperCard .swiperCardLi .title {
    height: 43px;
    border-bottom: 1px solid #e8e8e8;
    padding: 14px 0;
    color: #333;
    font-size: 14px
}

#homePage .swiperCard .swiperCardLi .title > span {
    height: 20px;
    font-size: 14px;
    font-weight: 400;
    color: rgba(0, 0, 0, .45);
    line-height: 20px
}

#homePage .swiperCard .swiperCardLi .title .titleLeft {
    padding-left: 14px;
    float: left;
    border-left: 4px solid #f46a00;
    position: relative;
    left: -1px
}

#homePage .swiperCard .swiperCardLi .title .titleLeft span {
    font-size: 12px;
    display: inline-block;
    margin-left: 8px
}

#homePage .swiperCard .swiperCardLi .title .titleRight {
    float: right;
    padding-right: 14px;
    color: #999
}

#homePage .swiperCard .swiperCardLi .title .titlecon {
    padding-left: 25px
}

#homePage .swiperCard .swiperCardLi .title .titlecon img {
    width: 16px;
    height: 16px;
    position: relative;
    top: 2px
}

#homePage .swiperCard .swiperCardLi .content .project {
    padding-top: 28px;
    width: 50%;
    display: inline-block;
    text-align: center
}

#homePage .swiperCard .swiperCardLi .content .project .number {
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 4px;
    color: #f46a00
}

#homePage .swiperCard .swiperCardLi .contentul {
    padding: 10px 24px
}

#homePage .swiperCard .swiperCardLi .contentul li {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 27px
}

#homePage .swiperCard .swiperCardLi .contentul li span {
    margin-right: 6px;
    font-weight: 700
}

#homePage .swiperCard .swiperCardLi .contentul li a {
    color: #333;
    font-size: 12px
}

#homePage .swiperCard .swiperCardLi .contentul li a:hover {
    color: #ff6710
}

#homePage .swiperCard .swiperCardLi:hover {
    box-shadow: 0 6px 5px 0 rgba(0, 0, 0, .12);
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0)
}

#homePage .swiperCard .swiperCardLi:nth-of-type(3) {
    margin-right: 0
}

#homePage .search {
    height: 105px;
    padding-top: 10px;
    border-bottom: 1px solid #e8e8e8;
    position: relative;
    margin-top: 0
}

#homePage .search .searchDiv {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden
}

#homePage .search .searchDiv .logo {
    width: 152px;
    height: 57px;
    background: url(/icp/logo.png?516272e4536cc103175602ec45379326) no-repeat 50%;
    margin-top: 1px;
    float: left
}

#homePage .search .searchDiv .search-div {
    width: 400px;
    display: inline-block;
    height: 40px;
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    margin-left: 30px;
    margin-top: 10px;
    float: left
}

#homePage .search .searchDiv .search-div .search-type {
    position: relative;
    display: inline-block;
    width: 75px;
    color: #333;
    overflow: hidden;
    text-align: center;
    font-size: 14px
}

#homePage .search .searchDiv .search-div .search-type p {
    text-align: center
}

#homePage .search .searchDiv .search-div .search-type .select-box {
    width: 110%
}

#homePage .search .searchDiv .search-div .search-type .select-box input:checked + label {
    color: #ff6710
}

#homePage .search .searchDiv .search-div .search-btn {
    display: inline-block;
    width: 61px;
    font-family: MicrosoftYaHeiUI;
    font-size: 14px;
    color: #ff6710;
    letter-spacing: 0;
    text-align: right;
    cursor: pointer;
    float: right;
    height: 20px
}

#homePage .search .searchDiv .search-div .search-btn:before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 12px;
    background: url(/icp/pro-search.png?446523e6035fb90e28ee5a2c3970d2f7) no-repeat 0;
    background-size: cover;
    position: relative;
    top: 3px
}

#homePage .search .searchDiv .search-div .search-input {
    display: inline-block;
    width: 310px;
    height: 100%;
    box-sizing: border-box
}

#homePage .search .searchDiv .search-div .search-input .search-txt {
    width: 100%;
    height: 100%;
    padding: 7px 15px 7px 0;
    border: 0;
    font-family: MicrosoftYaHeiUI;
    font-size: 16px;
    color: #333;
    letter-spacing: 0;
    text-align: left
}

#homePage .search .searchDiv .search-div:hover {
    border: 1px solid #ff6710
}

#homePage .search .searchDiv .search-div:after {
    clear: both;
    overflow: hidden
}

#homePage .search .searchDiv .search-div:hover {
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .12)
}

#homePage .search .searchDiv .btn {
    background: #ff6710;
    border: 1px solid #ff6710;
    border-radius: 4px;
    width: 160px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    float: right;
    margin-top: 10px
}

#homePage .search .searchDiv .row-keyword {
    margin-left: 185px;
    margin-top: 0
}

#homePage .search .searchDiv .row-keyword > a {
    font-weight: 400;
    color: rgba(0, 0, 0, .45);
    font-size: 12px;
    cursor: pointer;
    margin-right: 20px
}

#homePage .search .searchDiv .row-keyword > a:hover {
    color: #f46a00
}

#homePage .search.fixed {
    margin-top: 40px;
    -webkit-transition: all .1s;
    transition: all .1s
}

#homePage .header-box {
    width: 1300px;
    height: 60px;
    line-height: 60px;
    margin: 0 auto
}

#homePage .header-box .nav-box li {
    float: left;
    padding-right: 47px;
    max-height: 60px
}

#homePage .header-box .nav-box li > a {
    position: relative
}

#homePage .header-box .nav-box li .menu-ent {
    display: inline-block;
    width: 70px;
    height: 44px;
    margin-top: 6px
}

#homePage .header-box .nav-box li .menu-resident {
    display: inline-block;
    width: 70px;
    height: 20px;
    margin-top: 20px
}

#homePage .header-box .nav-box li .icon-menu-award {
    position: absolute;
    right: -13px;
    top: 2px;
    display: inline-block;
    width: 36px;
    height: 22px
}

#homePage .header-box .nav-box li:last-of-type {
    padding-right: 0
}

#homePage .header-box .nav-box a {
    font-size: 18px;
    color: #333;
    letter-spacing: 1px;
    cursor: pointer;
    display: block;
    position: relative
}

#homePage .header-box .nav-box a.active, #homePage .header-box .nav-box a:hover {
    color: #ff6710
}

#homePage .header-box .nav-box .line a {
    display: inline-block
}

#homePage .header-box .nav-box .line:before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 21px;
    background: #eee;
    position: relative;
    top: 5px
}

#homePage .header-box .nav-box .new a:after {
    content: "";
    display: inline-block;
    width: 25px;
    height: 9px;
    position: absolute;
    right: 15px;
    top: -9px;
    background: url(/icp/header-icon-new.png?f8c31ef2a3ae94c140b17deb9099d879) no-repeat 50%
}

#homePage .header-box .nav-box.cowboy li {
    padding-right: 60px
}

#homePage .header-box .nav-box.cowboy li:last-of-type {
    padding-right: 0
}

#homePage .nav-main {
    margin: 48px auto 40px;
    width: 1200px;
    list-style: none;
    box-sizing: border-box;
    font-size: 0
}

#homePage .nav-main > a {
    display: inline-block;
    width: 193px;
    height: 200px;
    position: relative;
    margin-right: 8px;
    background: url(/icp/home-nav1.png?89ae3c29ccb7985203bbaab8f31bd4eb) no-repeat 50%;
    background-size: cover
}

#homePage .nav-main > a > div {
    position: absolute;
    bottom: 12px;
    left: 12px;
    width: 169px;
    height: 42px;
    background: #f7f4ff;
    border-radius: 2px;
    opacity: .9;
    font-weight: 500;
    color: #8958ff;
    overflow: hidden;
    padding: 10px;
    box-sizing: border-box
}

#homePage .nav-main > a > div > p {
    font-size: 16px;
    text-align: center;
    line-height: 22px;
    height: 22px;
    margin-bottom: 10px
}

#homePage .nav-main > a > div > div {
    font-size: 12px;
    font-weight: 500;
    line-height: 17px
}

#homePage .nav-main > a:hover > div {
    -webkit-transition: height .5s ease;
    transition: height .5s ease;
    height: 101px
}

#homePage .nav-main > a:nth-child(2) {
    background: url(/icp/home-nav2.png?23ce5258d7c564aa6f8cac0a1096bdfe) no-repeat 50%;
    background-size: cover
}

#homePage .nav-main > a:nth-child(2) > div {
    color: #0eafa7
}

#homePage .nav-main > a:nth-child(3) {
    background: url(/icp/home-nav3.png?d4dad9156a0091436a12c363e18b171a) no-repeat 50%;
    background-size: cover
}

#homePage .nav-main > a:nth-child(3) > div {
    color: #14b2fb
}

#homePage .nav-main > a:nth-child(4) {
    background: url(/icp/home-nav4.png?720f4c883f61d0050d51185e99e57251) no-repeat 50%;
    background-size: cover
}

#homePage .nav-main > a:nth-child(4) > div {
    color: #2aa34f
}

#homePage .nav-main > a:nth-child(5) {
    background: url(/icp/home-nav5.png?43cb1151bdd779772012de147ea164c3) no-repeat 50%;
    background-size: cover
}

#homePage .nav-main > a:nth-child(5) > div {
    color: #2f7bf7
}

#homePage .nav-main > a:nth-child(6) {
    background: url(/icp/home-nav6.png?a2424a9652553307814e6acdc05fe7d3) no-repeat 50%;
    background-size: cover;
    margin-right: 0
}

#homePage .nav-main > a:nth-child(6) > div {
    color: #bd42c4
}

#homePage .main {
    margin-top: 20px
}

#homePage .main .top > img {
    margin-right: 20px;
    float: left
}

#homePage .main .top > div {
    display: inline-block;
    width: 930px
}

#homePage .main .top > div .search-item .hot-search {
    margin-top: 13px
}

#homePage .main .top > div .search-left {
    width: 660px
}

#homePage .main .top > div .search-right {
    width: 250px;
    margin-left: 15px
}

#homePage .main .bottom {
    border: 1px solid #e8e8e8;
    border-radius: 4px 0 0 4px;
    box-sizing: border-box
}

#homePage .main .bottom a {
    display: inline-block;
    cursor: pointer;
    width: 299px;
    text-align: center;
    height: 100px;
    line-height: 100px;
    font-size: 20px;
    color: #666;
    border-right: 1px solid #e8e8e8;
    box-sizing: border-box;
    vertical-align: middle
}

#homePage .main .bottom a img {
    height: 48px;
    width: 48px;
    vertical-align: middle
}

#homePage .main .bottom a .imgsel {
    display: none
}

#homePage .main .bottom a:last-child {
    border-right: none
}

#homePage .main .bottom a:hover {
    background-color: #ff6710;
    box-shadow: 0 6px 15px 0 rgba(255, 103, 16, .5);
    color: #fff;
    border: none
}

#homePage .main .bottom a:hover .imgsel {
    display: inline-block
}

#homePage .main .bottom a:hover .img {
    display: none
}

#homePage .jobs .title, #homePage .vip .title {
    margin-top: 80px;
    margin-bottom: 24px;
    font-size: 26px;
    color: #333;
    line-height: 30px;
    font-weight: 500
}

#homePage .jobs .title > span, #homePage .vip .title > span {
    height: 20px;
    font-size: 14px;
    font-weight: 400;
    color: rgba(0, 0, 0, .45);
    line-height: 20px
}

#homePage .jobs .title a, #homePage .vip .title a {
    color: #999;
    float: right;
    font-size: 14px;
    font-weight: 400
}

#homePage .jobs .title a .vipmoresel, #homePage .vip .title a .vipmoresel {
    display: none
}

#homePage .jobs .title a img, #homePage .vip .title a img {
    width: 16px;
    height: 16px;
    position: relative;
    top: 2px
}

#homePage .jobs .title a:hover, #homePage .vip .title a:hover {
    color: #ff6710
}

#homePage .jobs .title a:hover .vipmore, #homePage .vip .title a:hover .vipmore {
    display: none
}

#homePage .jobs .title a:hover .vipmoresel, #homePage .vip .title a:hover .vipmoresel {
    display: inline-block
}

#homePage .jobs .ads, #homePage .vip .ads {
    width: 1200px;
    height: 142px;
    margin-bottom: 79px;
    margin-top: 80px
}

#homePage .jobs .titleJob {
    font-size: 26px;
    color: #333;
    margin-bottom: 16px;
    margin-top: 0
}

#homePage .jobs .titleJob > span {
    height: 20px;
    font-size: 14px;
    font-weight: 400;
    color: rgba(0, 0, 0, .45);
    line-height: 20px
}

#homePage .jobs .nav {
    font-size: 16px;
    color: #999;
    line-height: 20px;
    margin-bottom: 18px
}

#homePage .jobs .nav span {
    cursor: pointer;
    overflow: hidden
}

#homePage .jobs .nav span:hover {
    color: #ff6710
}

#homePage .jobs .nav .active {
    color: #333
}

#homePage .jobs .nav i {
    display: inline-block;
    width: 1px;
    height: 17px;
    background: #eee;
    margin: 0 15px 0 17px;
    position: relative;
    top: 4px
}

#homePage .trade .title {
    font-size: 26px;
    color: #333;
    line-height: 30px;
    margin-top: 50px
}

#homePage .trade .title > span {
    height: 20px;
    font-size: 14px;
    font-weight: 400;
    color: rgba(0, 0, 0, .45);
    line-height: 20px
}

#homePage .trade .title a {
    font-size: 14px;
    color: #999;
    float: right
}

#homePage .trade .title a .vipmoresel {
    display: none
}

#homePage .trade .title a img {
    width: 16px;
    height: 16px;
    position: relative;
    top: 2px
}

#homePage .trade .title a:hover {
    color: #ff6710
}

#homePage .trade .title a:hover .vipmore {
    display: none
}

#homePage .trade .title a:hover .vipmoresel {
    display: inline-block
}

#homePage .trade .trade-main {
    width: 1200px
}

#homePage .trade .trade-main > div {
    display: inline-block;
    width: 589px;
    font-size: 18px;
    color: #666;
    line-height: 20px;
    margin-right: 22px;
    margin-top: 24px;
    padding: 24px;
    border: 1px solid #e8e8e8;
    border-radius: 4px
}

#homePage .trade .trade-main > div section {
    width: 100%
}

#homePage .trade .trade-main > div .name {
    height: 24px;
    font-size: 18px;
    font-weight: 500;
    color: #333;
    line-height: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#homePage .trade .trade-main > div .price {
    margin-top: 16px
}

#homePage .trade .trade-main > div .price > span {
    height: 20px;
    font-size: 14px;
    color: rgba(0, 0, 0, .45);
    line-height: 20px;
    vertical-align: middle
}

#homePage .trade .trade-main > div .price > em {
    width: 59px;
    height: 26px;
    font-size: 18px;
    font-weight: 500;
    color: #e6433e;
    line-height: 26px
}

#homePage .trade .trade-main > div .tradeMore {
    margin-top: 16px;
    font-size: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center
}

#homePage .trade .trade-main > div .tradeMore > span {
    height: 20px;
    font-size: 14px;
    color: rgba(0, 0, 0, .45);
    line-height: 20px;
    vertical-align: middle
}

#homePage .trade .trade-main > div .tradeMore > b {
    height: 20px;
    font-size: 14px;
    color: rgba(0, 0, 0, .85);
    line-height: 20px;
    margin-right: 24px;
    font-weight: 400
}

#homePage .trade .trade-main > div .tradeMore > b:last-child {
    margin-right: 0
}

#homePage .trade .trade-main > div .tip-foot {
    height: 18px;
    font-size: 12px;
    font-weight: 400;
    color: rgba(0, 0, 0, .45);
    line-height: 18px;
    margin-top: 16px
}

#homePage .trade .trade-main > div:hover {
    box-shadow: 0 6px 15px 0 rgba(0, 0, 0, .1);
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0)
}

#homePage .trade .trade-main > div:nth-child(2n) {
    margin-right: 0
}

#homePage .trade > img {
    margin-top: 28px
}

#homePage .solution .title {
    margin-top: 90px;
    font-size: 26px;
    color: #333
}

#homePage .solution .title > span {
    height: 20px;
    font-size: 14px;
    font-weight: 400;
    color: rgba(0, 0, 0, .45);
    line-height: 20px
}

#homePage .solution .solution-div {
    font-size: 0
}

#homePage .solution .item {
    display: inline-block;
    background: #fff;
    border: 1px solid #f4f4f4;
    box-shadow: 0 3px 14px 0 rgba(0, 0, 0, .05);
    border-radius: 0 0 4px 4px;
    width: 276px;
    min-height: 320px;
    margin-right: 30px;
    box-sizing: border-box;
    margin-top: 24px
}

#homePage .solution .item .case-img {
    width: 100%;
    height: 178px
}

#homePage .solution .item .case-img img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

#homePage .solution .item .name {
    font-size: 18px;
    color: #333;
    letter-spacing: 1.47px;
    padding-left: 30px;
    margin: 20px 0 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#homePage .solution .item .overview {
    padding-left: 30px
}

#homePage .solution .item .overview img {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    margin-right: 10px
}

#homePage .solution .item .overview span {
    display: inline-block;
    font-size: 14px;
    color: #999;
    letter-spacing: 1.15px;
    position: relative;
    top: -10px;
    font-weight: lighter
}

#homePage .solution .item .desc {
    padding: 0 30px;
    font-size: 14px;
    color: #999;
    letter-spacing: 1.15px;
    line-height: 20px;
    margin-top: 10px
}

#homePage .solution .item .desc span {
    display: inline-block
}

#homePage .solution .item .desc span:last-child {
    float: right
}

#homePage .solution .item .desc .red {
    color: #e6433e
}

#homePage .solution .item .desc .location {
    padding-left: 20px;
    background: url(/icp/icon-location.png?930041693c90de2dbd66636ce01cf4a8) no-repeat 0
}

#homePage .solution .item .tip-foot {
    height: 34px;
    font-size: 12px;
    font-weight: 400;
    color: rgba(0, 0, 0, .45);
    line-height: 17px;
    margin: 16px 30px 20px
}

#homePage .solution .item:hover {
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
    box-shadow: 0 6px 15px 0 rgba(0, 0, 0, .1)
}

#homePage .solution .item:nth-of-type(4n) {
    margin-right: 0
}

#homePage .said .title {
    font-size: 26px;
    color: #333;
    margin-top: 86px;
    margin-bottom: 18px;
    line-height: 37px
}

#homePage .said .title > span {
    height: 20px;
    font-size: 14px;
    font-weight: 400;
    color: rgba(0, 0, 0, .45);
    line-height: 20px
}

#homePage .said .said-item {
    width: 278px;
    height: 360px;
    display: inline-block;
    border: 1px solid #f4f4f4;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .12);
    border-radius: 4px;
    font-size: 14px;
    color: #666;
    text-align: center;
    margin-right: 29px;
    vertical-align: top
}

#homePage .said .said-item img {
    width: 100px;
    height: 100px;
    display: block;
    border-radius: 100%;
    margin: 30px auto 16px
}

#homePage .said .said-item .name {
    font-size: 18px;
    color: #333;
    letter-spacing: 1.47px;
    line-height: 21px
}

#homePage .said .said-item .overview {
    letter-spacing: 1.15px;
    line-height: 19px;
    margin-top: 8px
}

#homePage .said .said-item .desc {
    line-height: 20px;
    border-top: 1px solid #e8e8e8;
    padding: 16px 24px;
    margin-top: 16px;
    text-align: left;
    font-weight: lighter
}

#homePage .said .said-item:nth-of-type(4) {
    margin-right: 0
}

#homePage .said .said-item:hover {
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
    box-shadow: 0 6px 15px 0 rgba(0, 0, 0, .1)
}

#homePage .said .why-href {
    cursor: pointer
}

#homePage .said .why-href img {
    margin-top: 80px
}

#homePage .said .why-href .whysel, #homePage .said .why-href:hover .why {
    display: none
}

#homePage .said .why-href:hover .whysel {
    display: inline-block
}

#homePage .said > img {
    margin-top: 29px
}

#homePage .zaime .title {
    font-size: 26px;
    color: #333;
    margin-top: 80px;
    margin-bottom: 25px;
    line-height: 30px
}

#homePage .zaime .title > span {
    height: 20px;
    font-size: 14px;
    font-weight: 400;
    color: rgba(0, 0, 0, .45);
    line-height: 20px
}

#homePage .zaime .title a {
    font-size: 14px;
    color: #999;
    float: right
}

#homePage .zaime .title a .vipmoresel {
    display: none
}

#homePage .zaime .title a img {
    width: 16px;
    height: 16px;
    position: relative;
    top: 2px
}

#homePage .zaime .title a:hover {
    color: #ff6710
}

#homePage .zaime .title a:hover .vipmore {
    display: none
}

#homePage .zaime .title a:hover .vipmoresel {
    display: inline-block
}

#homePage .zaime #articleBlock .articleBlockLeft {
    width: 384px;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    height: 372px;
    float: left;
    margin-right: 24px
}

#homePage .zaime #articleBlock .articleBlockLeft .linkLeft {
    display: inline-block
}

#homePage .zaime #articleBlock .articleBlockLeft img {
    height: 222px;
    width: 381px
}

#homePage .zaime #articleBlock .articleBlockLeft .articleBlockLeftcon {
    padding: 24px
}

#homePage .zaime #articleBlock .articleBlockLeft .articleBlockLeftcon .text {
    font-size: 18px;
    color: #333;
    line-height: 26px;
    margin-bottom: 22px
}

#homePage .zaime #articleBlock .articleBlockLeft .articleBlockLeftcon .textbtm {
    line-height: 30px;
    color: #666
}

#homePage .zaime #articleBlock .articleBlockLeft .articleBlockLeftcon .textbtm .textleft {
    float: left
}

#homePage .zaime #articleBlock .articleBlockLeft .articleBlockLeftcon .textbtm .textleft img {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    vertical-align: middle;
    margin-right: 10px
}

#homePage .zaime #articleBlock .articleBlockLeft .articleBlockLeftcon .textbtm .textright {
    float: right;
    color: #666;
    text-align: right
}

#homePage .zaime #articleBlock .articleBlockLeft:hover {
    box-shadow: 0 6px 15px 0 rgba(0, 0, 0, .1);
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0)
}

#homePage .zaime #articleBlock .articleBlockRight {
    display: inline-block;
    overflow: hidden;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    width: 792px
}

#homePage .zaime #articleBlock .articleBlockRight li {
    height: 52px;
    line-height: 52px;
    border-bottom: 1px solid #e8e8e8;
    padding: 0 24px
}

#homePage .zaime #articleBlock .articleBlockRight li .textLeft {
    color: #333
}

#homePage .zaime #articleBlock .articleBlockRight li .textLeft:hover {
    color: #ff6710
}

#homePage .zaime #articleBlock .articleBlockRight li .textright {
    float: right;
    color: #666
}

#homePage .zaime #articleBlock .articleBlockRight li:last-child {
    border-bottom: none
}

#homePage .zaime #articleBlock .articleBlockRight:hover {
    box-shadow: 0 6px 15px 0 rgba(0, 0, 0, .1);
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0)
}

#homePage .sec-links {
    margin: 80px 0;
    padding-bottom: 127px;
    line-height: 1
}

#homePage .sec-links .link-title {
    padding-bottom: 16px;
    border-bottom: 1px solid #e8e8e8;
    position: relative
}

#homePage .sec-links .link-title > span {
    width: 64px;
    height: 22px;
    font-size: 16px;
    color: rgba(0, 0, 0, .85);
    line-height: 22px
}

#homePage .sec-links .link-title:after {
    position: absolute;
    bottom: -17px;
    left: 0;
    display: inline-block;
    width: 64px;
    border-top: 1px solid #f46a00
}

#homePage .sec-links .link-items {
    margin-top: 8px
}

#homePage .sec-links .link-items > a {
    display: inline-block;
    margin-top: 16px;
    margin-right: 24px;
    height: 20px;
    font-size: 14px;
    color: rgba(0, 0, 0, .65);
    line-height: 20px;
    text-decoration: none
}

#homePage .yh-gif {
    position: absolute;
    top: -40px;
    display: inline-block;
    width: 265px;
    height: auto;
    z-index: 0
}

#homePage .yh-gif.left-yh {
    left: 0
}

#homePage .yh-gif.right-yh {
    right: 0
}

#homePage .tj-job {
    display: inline-block;
    box-sizing: border-box;
    border: 1px solid #e8e8e8;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .12);
    border-radius: 4px;
    width: 384px;
    min-height: 366px;
    margin-bottom: 30px;
    margin-right: 24px;
    position: relative
}

#homePage .tj-job .tag {
    min-width: 55px;
    text-align: center;
    height: 24px;
    background: -webkit-linear-gradient(315deg, #ff6f00, #ff2400);
    background: linear-gradient(135deg, #ff6f00, #ff2400);
    line-height: 24px;
    padding: 0 8px;
    font-weight: 500;
    color: #fff;
    font-size: 14px;
    position: absolute;
    left: 0;
    top: 0
}

#homePage .tj-job .tip-info {
    margin: 16px 24px 24px;
    height: 18px;
    font-size: 12px;
    font-weight: 400;
    color: rgba(51, 51, 51, .45);
    line-height: 18px;
    padding: 0
}

#homePage .tj-job:hover {
    box-shadow: 0 6px 15px 0 rgba(0, 0, 0, .1);
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0)
}

#homePage .tj-job:nth-of-type(3n) {
    margin-right: 0
}

#homePage .tj-job > img {
    width: 100%;
    height: 222px;
    margin-right: 30px
}

#homePage .tj-job > div {
    padding: 24px 24px 0
}

#homePage .tj-job > div .name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px
}

#homePage .tj-job > div .name > span {
    display: inline-block;
    font-size: 18px;
    color: #333;
    letter-spacing: 1.47px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

#homePage .tj-job > div .name > span.ent-name {
    max-width: 90%
}

#homePage .tj-job > div .name > img {
    display: inline-block;
    margin-left: 8px;
    width: 20px;
    height: 20px;
    vertical-align: middle
}

#homePage .tj-job > div .skill {
    margin-top: 16px;
    height: 18px;
    font-size: 14px;
    color: #999;
    letter-spacing: 1.15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

#homePage .tj-job > div .skill .keyword {
    float: right;
    max-width: 50%;
    overflow: hidden;
    word-break: keep-all;
    white-space: nowrap
}

#homePage .tj-job > div .skill .keyword span {
    display: inline-block;
    height: 18px;
    font-size: 12px;
    font-weight: 400;
    color: rgba(0, 0, 0, .45);
    line-height: 18px;
    background: #fafafa;
    border-radius: 3px;
    border: 1px solid #dcdcdc;
    margin-right: 4px;
    padding: 0 10px
}

#homePage .tj-job > div .skill .keyword span:last-child {
    margin-right: 0
}

#homePage .tj-job > div .money {
    font-size: 14px;
    color: #666;
    line-height: 20px;
    font-weight: lighter;
    margin-top: 18px
}

#homePage .tj-job > div .money .red {
    color: #e6433e;
    font-style: normal;
    font-weight: 700
}

#homePage .tj-job > div .money span:last-child {
    float: right
}

#homePage .tj-job > div .money .look {
    padding-left: 27px;
    background: url(/icp/home-icon-look.png?b9e8c2de60994e26468234a712b5e00e) no-repeat 0
}

#homePage .vip-freelancer {
    width: 384px;
    height: 222px;
    display: inline-block;
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    margin-right: 24px;
    margin-bottom: 31px;
    vertical-align: top;
    padding: 0 24px;
    padding-top: 24px
}

#homePage .vip-freelancer .name {
    overflow: hidden;
    letter-spacing: 1.47px
}

#homePage .vip-freelancer .name a {
    white-space: nowrap;
    overflow: hidden;
    font-size: 18px;
    text-overflow: ellipsis;
    display: block;
    color: #333
}

#homePage .vip-freelancer .name .location {
    font-size: 14px;
    color: #666;
    letter-spacing: 1.15px;
    padding-left: 18px;
    margin: 8px auto 16px;
    display: inline-block;
    line-height: 19px;
    height: 19px
}

#homePage .vip-freelancer .name .location.location-icon {
    background: url(/icp/icon-location.png?930041693c90de2dbd66636ce01cf4a8) no-repeat 0
}

#homePage .vip-freelancer .overview {
    height: 40px;
    line-height: 20px;
    font-size: 14px;
    color: #454545;
    margin-top: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

#homePage .vip-freelancer .overview p {
    text-align: left;
    display: inline-block;
    word-break: break-all;
    white-space: pre-wrap
}

#homePage .vip-freelancer .order {
    border-top: 1px solid #f4f4f4;
    padding-top: 16px;
    margin-top: 20px;
    font-size: 14px;
    color: #666
}

#homePage .vip-freelancer .order .eval {
    line-height: 20px
}

#homePage .vip-freelancer .order .eval img {
    display: inline-block;
    margin-left: 8px;
    position: relative;
    top: 3px
}

#homePage .vip-freelancer:hover {
    box-shadow: 0 6px 15px 0 rgba(0, 0, 0, .1);
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0)
}

#homePage .vip-freelancer:nth-of-type(3n) {
    margin-right: 0
}

#homePage .vip-freelancer > a img {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    float: left;
    margin-right: 17px
}

#homePage .dl-gif {
    position: absolute;
    top: 150px;
    display: inline-block;
    height: 60vh;
    z-index: 3
}

#homePage .dl-gif.left-dl {
    left: 0
}

#homePage .dl-gif.right-dl {
    right: 0
}

#homePage .footer-box {
    width: 100%;
    background-color: #fafafa;
    position: absolute;
    bottom: 0;
/ /: hidden;
    border-top: 1px solid #f8f8f8;
    background: url(/icp/backgroundfooter.png?187dd7b648f9aad5e834a3f66ea0dd44) no-repeat 100%;
    background-size: 427px 516px
}

#homePage .footer-box.orange {
    background-color: #ff6710
}

#homePage .footer-box.orange .footer-box-top a, #homePage .footer-box.orange .footer-box-top p, #homePage .footer-box.orange .footer-box-top span {
    color: #fff !important
}

#homePage .footer-box.orange .footer-nav:first-child span, #homePage .footer-box.orange .footer-nav:first-child span:hover {
    background: url(/icp/footer-about.png?da4209e5daecff94b017ac14f83d955c) no-repeat 0
}

#homePage .footer-box.orange .footer-nav:nth-child(2) span, #homePage .footer-box.orange .footer-nav:nth-child(2) span:hover {
    background: url(/icp/footer-guide.png?ffa94b732a508cb04fbc5dc4623349df) no-repeat 0
}

#homePage .footer-box.orange .footer-nav:nth-child(3) span, #homePage .footer-box.orange .footer-nav:nth-child(3) span:hover {
    background: url(/icp/footer-help.png?c7c4e6f1da8499fcd74c20e6b2340d8b) no-repeat 0
}

#homePage .footer-box.orange .footer-nav:nth-child(4) span, #homePage .footer-box.orange .footer-nav:nth-child(4) span:hover {
    background: url(/icp/footer-find.png?8e71dcc56cda93899878067a5356baa6) no-repeat 0
}

#homePage .footer-box.orange .footer-nav:nth-child(5) span, #homePage .footer-box.orange .footer-nav:nth-child(5) span:hover {
    background: url(/icp/footer-coop.png?c5c416bc4b684abb9d3e767b84df379c) no-repeat 0
}

#homePage .footer-box.orange .footer-right {
    margin-bottom: 58px
}

#homePage .footer-box.orange .footer-right p:before {
    background: #fff
}

#homePage .footer-box.orange .footer-right .footer-icon .wechat {
    width: 24px;
    height: 20px;
    margin-right: 33px;
    background: url(/icp/footer-wechat.png?9165f522ab9993fe71f95cc5abdcc612) no-repeat 50%
}

#homePage .footer-box.orange .footer-right .footer-icon .qq {
    width: 20px;
    height: 24px;
    margin-right: 35px;
    background: url(/icp/footer-qq.png?dd1a3e2277a3751c85920da13965f307) no-repeat 50%
}

#homePage .footer-box.orange .footer-right .footer-icon .weibo {
    width: 24px;
    height: 20px;
    background: url(/icp/footer-weibo.png?3329aef52dfad8b68547bd3ae722350b) no-repeat 50%
}

#homePage .footer-box-top {
    width: 1200px;
    margin: auto;
    padding: 55px 0 60px;
    box-sizing: border-box
}

#homePage .footer-box-top .footer-left {
    overflow: hidden;
    width: 1200px;
    padding-left: 30px
}

#homePage .footer-box-top .footer-right .logo-img {
    display: inline-block;
    width: 235px;
    height: 83px
}

#homePage .footer-box-top .footer-right .footer-icon {
    display: inline-block;
    margin-top: 40px;
    margin-left: 15px
}

#homePage .footer-box-top .footer-right .footer-icon .item {
    display: inline-block;
    cursor: pointer
}

#homePage .footer-box-top .footer-right .footer-icon .wechat {
    width: 24px;
    height: 20px;
    background: url(/icp/wechat.png?d06bd7989cbea83cbb3cdc241e49ab20) no-repeat 50%;
    background-size: contain;
    margin-right: 47px;
    position: relative
}

#homePage .footer-box-top .footer-right .footer-icon .wechat .code {
    display: none;
    width: 130px;
    height: 200px;
    position: absolute;
    top: -210px;
    left: -60px
}

#homePage .footer-box-top .footer-right .footer-icon .wechat:hover {
    background: url(/icp/wechat-s.png?bbc21047d9ce1dbd7f821d54748ccf85) no-repeat 50%
}

#homePage .footer-box-top .footer-right .footer-icon .wechat:hover .code {
    display: inline-block
}

#homePage .footer-box-top .footer-right .footer-icon .qq {
    width: 20px;
    height: 24px;
    background: url(/icp/qq.png?f8077717d4fbf69907b5e0da5a1cf1f5) no-repeat 50%;
    background-size: contain;
    margin-right: 47px
}

#homePage .footer-box-top .footer-right .footer-icon .qq:hover {
    background: url(/icp/qq-s.png?c4337a2ccff0d40312d75bdddfceeb04) no-repeat 50%
}

#homePage .footer-box-top .footer-right .footer-icon .weibo {
    width: 24px;
    height: 20px;
    background: url(/icp/weibo.png?fa273d93c46099bb858149620377e333) no-repeat 50%;
    background-size: cover
}

#homePage .footer-box-top .footer-right .footer-icon .weibo:hover {
    background: url(/icp/weibo-s.png?85e22dabd1758e1eba2f050362038e42) no-repeat 50%
}

#homePage .footer-box-top .footer-right p {
    font-family: MicrosoftYaHei;
    font-size: 14px;
    color: #666;
    letter-spacing: 0;
    line-height: 18px
}

#homePage .footer-box-top .footer-right p:before {
    content: "";
    display: inline-block;
    background: #ff7a05;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    margin-right: 10px;
    position: relative;
    top: -3px
}

#homePage .footer-box-top .footer-right .date {
    display: inline-block;
    margin-left: 40px;
    list-style: disc
}

#homePage .footer-box-top .footer-right .date > li {
    list-style: disc;
    color: #fff
}

#homePage .footer-box-top .footer-right .date .row-kf {
    padding-left: 20px;
    background: url(/icp/icon-kf-index.png?2d626cc2a5981df26e92b239fd9eab18) no-repeat 0;
    background-size: 16px 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff
}

#homePage .footer-box-top .footer-right .date .row-kf > a {
    margin-left: 8px;
    border: 1px solid #fff;
    border-radius: 12px;
    padding: 4px 8px 3px;
    background: url(/icp/icon-msg-index.png?b0953bcd1d9ffb00fa99ebbf1e6e8668) no-repeat 8px;
    background-size: 16px 16px;
    padding-left: 30px;
    cursor: pointer;
    vertical-align: middle;
    text-decoration: none;
    font-size: 12px
}

#homePage .footer-box-top .footer-right .date .tell, #homePage .footer-box-top .footer-right .date .week {
    margin-top: 9px
}

#homePage .footer-box-top .footer-nav {
    float: left;
    margin-right: 57px;
    padding-right: 50px;
    height: 185px;
    box-sizing: border-box;
    border-right: 1px dashed #d0cdcd
}

#homePage .footer-box-top .footer-nav span {
    display: block;
    font-size: 20px;
    color: #ff6710;
    margin-bottom: 35px;
    padding-left: 30px;
    margin-left: -30px
}

#homePage .footer-box-top .footer-nav a {
    display: block;
    font-size: 14px;
    color: #666;
    line-height: 19px;
    margin-top: 18px;
    opacity: .6
}

#homePage .footer-box-top .footer-nav a:hover {
    opacity: 1
}

#homePage .footer-box-top .footer-nav:first-child span {
    background: url(/icp/footer-about-gray.png?32091bc4295123d9b714c3d7bd4ad1a1) no-repeat 0
}

#homePage .footer-box-top .footer-nav:first-child span:hover {
    background: url(/icp/footer-about-orange.png?8817bd5d2c8c3a0032aff909fc72b258) no-repeat 0
}

#homePage .footer-box-top .footer-nav:nth-child(2) span {
    background: url(/icp/footer-guide-gray.png?3e355627d330b1f9c295774a213b55bb) no-repeat 0
}

#homePage .footer-box-top .footer-nav:nth-child(2) span:hover {
    background: url(/icp/footer-guide-orange.png?a1860d2c7ea2d4d19b207303b65fa6a0) no-repeat 0
}

#homePage .footer-box-top .footer-nav:nth-child(3) span {
    background: url(/icp/footer-find-gray.png?75c0a86b31716c63cf378f84e860d1b1) no-repeat 0
}

#homePage .footer-box-top .footer-nav:nth-child(3) span:hover {
    background: url(/icp/footer-find-orange.png?b31b04cb7292184928c593e28dcc3d30) no-repeat 0
}

#homePage .footer-box-top .footer-nav:nth-child(4) span {
    background: url(/icp/footer-help-gray.png?e7ae4ef9be884b6e7baa7a70db663d33) no-repeat 0
}

#homePage .footer-box-top .footer-nav:nth-child(4) span:hover {
    background: url(/icp/footer-help-orange.png?260b2f8c05deb6a163ead26cfb0993a8) no-repeat 0
}

#homePage .footer-box-top .footer-nav:nth-child(5) span {
    background: url(/icp/footer-coop-gray.png?e4ee0dd17523d8b739b07cd081fe3f27) no-repeat 0
}

#homePage .footer-box-top .footer-nav:nth-child(5) span:hover {
    background: url(/icp/footer-coop-orange.png?dcbfb102fc2067facf7801d18cf8df12) no-repeat 0
}

#homePage .footer-box-bottom {
    width: 100%;
    background-color: #333;
    color: #999;
    font-size: 12px;
    text-align: center
}

#homePage .footer-box-bottom p {
    font-family: MicrosoftYaHei;
    letter-spacing: 0;
    line-height: 16px;
    padding-top: 20px
}

#homePage .footer-box-bottom p a {
    color: #999;
    text-decoration: none;
    vertical-align: middle
}

#homePage .footer-box-bottom p a img {
    display: inline-block;
    width: 16px;
    height: auto;
    vertical-align: bottom
}

#homePage .footer-box-bottom p a:hover, #homePage .footer-box-bottom p a:visited {
    text-decoration: none
}

#homePage .footer-box-bottom p:last-child {
    padding: 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#homePage .footer-fix {
    position: fixed;
    right: 0;
    bottom: 204px;
    border-radius: 2px;
    width: 50px;
    height: 50px;
    padding: 0 16px;
    cursor: pointer;
    overflow: hidden;
    -webkit-transition: .3s;
    transition: .3s;
    background: #b5b5b5 url(/icp/footer-top.png?00aa3055f03f23eec76d45fb8bc05e3d) no-repeat 18px
}

#homePage .footer-fix p {
    display: none;
    font-size: 14px;
    font-weight: lighter;
    color: #fff;
    letter-spacing: 1.15px;
    line-height: 50px
}

#homePage .footer-fix:hover {
    background: #ff6710 url(/icp/footer-top.png?00aa3055f03f23eec76d45fb8bc05e3d) no-repeat 87px;
    width: 119px
}

#homePage .footer-fix:hover p {
    display: block
}



@-webkit-keyframes rolling {
    from {left: 0
    }
    to {left: -200%
    }
}
@keyframes rolling {
    from {left: 0
    }
    to {left: -200%
    }
}
.global-header[data-v-50a0c7fc] {
    width: 100%;
    background: #fff;
    height: 110px;
}
.global-header .top-bar[data-v-50a0c7fc] {background: #fafafa;width: 100%;height: 40px;z-index: 0;
}
.global-header .top-bar .icon-en[data-v-50a0c7fc] {display: -webkit-box;display: -ms-flexbox;display: flex;line-height: 40px;height: 40px;-webkit-box-align: center;-ms-flex-align: center;align-items: center;
}
.global-header .top-bar .icon-en > img[data-v-50a0c7fc] {display: inline-block;width: 22px;height: 22px;vertical-align: middle;
}
.global-header .top-bar .exit[data-v-50a0c7fc] {display: inline-block;width: 14px;height: 14px;position: relative;top: 2px;background: url(/icp/header-icon-exit.png?a106e1a6d814b4f4e4f014f56a3be717) no-repeat center;
}
.global-header .top-bar.fixed[data-v-50a0c7fc] {position: fixed;top: 0;z-index: 3
}
.global-header .top-bar.fixed + .header-box[data-v-50a0c7fc] {padding-top: 40px
}
.global-header .top-bar > div[data-v-50a0c7fc] {width: 1200px;height: 40px;line-height: 40px;margin: 0 auto;
}
.global-header .top-bar > div .service[data-v-50a0c7fc] {margin-left: 29px;padding-left: 16px;background: url(/icp/header-icon-service.png?111aafbc81069643294169694a9b1ade) no-repeat left;
}
.global-header .top-bar > div .service a[data-v-50a0c7fc] {color: #666
}
.global-header .top-bar > div .service a[data-v-50a0c7fc]:hover {color: #ff6710
}
.global-header .top-bar > div .user-avater[data-v-50a0c7fc] {position: relative;
}
.global-header .top-bar > div .user-avater img[data-v-50a0c7fc] {width: 20px;height: 20px;border-radius: 100%;margin-top: -3px;display: inline-block;vertical-align: middle;margin-right: 10px
}
.global-header .top-bar > div .user-avater > a[data-v-50a0c7fc] {display: inline-block;max-width: 115px;vertical-align: top;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;cursor: pointer;color: #666
}
.global-header .top-bar > div .user-avater:hover > div[data-v-50a0c7fc] {display: block
}
.global-header .top-bar > div .user-avater > div[data-v-50a0c7fc] {display: none;position: absolute;right: 0;z-index: 9;top: 12px;
}
.global-header .top-bar > div .user-avater > div ul[data-v-50a0c7fc] {width: 120px;overflow: hidden;background: #fff;border: 1px solid #ebebeb;border-radius: 4px;padding: 19px 0 20px;margin-top: 15px;
}
.global-header .top-bar > div .user-avater > div ul li[data-v-50a0c7fc] {line-height: 17px;min-height: 17px;margin-top: 15px;position: relative;
}
.global-header .top-bar > div .user-avater > div ul li a[data-v-50a0c7fc] {font-size: 14px;color: #999;max-width: 78px;margin: 0 auto;letter-spacing: 2.09px;cursor: pointer;text-align: center;display: block;overflow: hidden
}
.global-header .top-bar > div .user-avater > div ul li a[data-v-50a0c7fc]:hover {color: #ff6710
}
.global-header .top-bar > div .user-avater > div ul li[data-v-50a0c7fc]:first-child {margin-top: 0
}
.global-header .top-bar > div i[data-v-50a0c7fc] {width: 1px;height: 14px;display: inline-block;float: left;background: #999;margin: 12px 20px
}
.global-header .top-bar > div > p[data-v-50a0c7fc] {float: left;font-size: 12px;color: #666;letter-spacing: 2.25px;padding-left: 21px;background: url(/icp/header-icon-app.png?23d731570dbbd35a33df7b99dedd73b0) no-repeat left;position: relative;
}
.global-header .top-bar > div > p span[data-v-50a0c7fc] {display: none;position: absolute;left: 0;top: 50px;border: 1px solid #ebebeb;padding: 10px;background: #fff;z-index: 3;
}
.global-header .top-bar > div > p span img[data-v-50a0c7fc] {width: 150px;height: 150px;display: block
}
.global-header .top-bar > div > p[data-v-50a0c7fc]:hover {color: #ff6710;
}
.global-header .top-bar > div > p:hover span[data-v-50a0c7fc] {display: inline-block
}
.global-header .top-bar > div > div[data-v-50a0c7fc] {float: right
}
.global-header .top-bar > div > div > div[data-v-50a0c7fc] {float: left;font-size: 12px;color: #666;letter-spacing: 0;margin-left: 35px
}
.global-header .top-bar > div > div > ul[data-v-50a0c7fc] {overflow: hidden;float: left;
}
.global-header .top-bar > div > div > ul li[data-v-50a0c7fc] {float: left;margin-left: 18px;font-size: 12px;color: #666;letter-spacing: 2.25px;
}
.global-header .top-bar > div > div > ul li a[data-v-50a0c7fc] {color: #666
}
.global-header .top-bar > div > div > ul li a[data-v-50a0c7fc]:hover {color: #ff6710
}
.global-header .top-bar > div > div > ul li[data-v-50a0c7fc]:first-child {margin-left: 0
}
.global-header .top-bar > div > div > ul .collect[data-v-50a0c7fc] {padding-left: 16px;background: url(/icp/header-icon-collect.png?2d0a3f2807d19aa20043629f0488ade7) no-repeat left
}
.global-header .top-bar > div > div > ul .myjobs[data-v-50a0c7fc] {padding-left: 16px;background: url(/icp/header-icon-jobs.png?bed7613894621fbf970ec8cdbc89dfe7) no-repeat left
}
.global-header .top-bar > div > div > ul .notify[data-v-50a0c7fc] {padding-left: 13px;background: url(/icp/header-icon-notify.png?8f8f364999442b932e47049d0a6bd3f3) no-repeat left
}
.global-header .top-bar > div > div > ul .notify.active[data-v-50a0c7fc] {background: url(/icp/header-icon-notify-orange.png?0ee72592ceaf55727006150061ff1351) no-repeat left;
}
.global-header .top-bar > div > div > ul .notify.active a[data-v-50a0c7fc] {color: #ff6710;
}
.global-header .top-bar > div > div > ul .notify.active a span em[data-v-50a0c7fc] {font-weight: 600;font-style: normal
}
.global-header .header-box[data-v-50a0c7fc] {width: 1300px;height: 70px;line-height: 70px;margin: 0 auto;
}
.global-header .logo[data-v-50a0c7fc] {width: 152px;height: 57px;background: url(/icp/logo.png?516272e4536cc103175602ec45379326) no-repeat center center;float: left;margin-top: 1px;
}
.global-header .logokirin[data-v-50a0c7fc] {width: 152px;height: 56px;background: url(/icp/kirin_logo.png?0d1c96398fd6a9c8df621cf741251984) no-repeat center center;float: left;margin-top: 8px;
}
.global-header .nav-box[data-v-50a0c7fc] {float: left;overflow: hidden;margin-left: 25px;
}
.global-header .nav-box li[data-v-50a0c7fc] {float: left;
}
.global-header .nav-box a[data-v-50a0c7fc] {font-size: 14px;color: #333;letter-spacing: 1px;padding: 0 18px;cursor: pointer;display: block;position: relative
}
.global-header .nav-box a.active[data-v-50a0c7fc] {color: #ff6710
}
.global-header .nav-box a[data-v-50a0c7fc]:hover {color: #ff6710
}
.global-header .nav-box .line a[data-v-50a0c7fc] {display: inline-block;
}
.global-header .nav-box .line[data-v-50a0c7fc]:before {content: '';display: inline-block;width: 1px;height: 21px;background: #eee;position: relative;top: 5px
}
.global-header .nav-box .menu-ent[data-v-50a0c7fc] {display:inline-block;width: 54px;height: 34px;margin-top: 18px;
}
.global-header .nav-box .menu-resident[data-v-50a0c7fc] {display:inline-block;width: 58px;height: 16px;margin-top: 27px;
}
.global-header .nav-box .icon-menu-award[data-v-50a0c7fc] {position: absolute;right: 15px;top: 13px;display: inline-block;width: 29px;height: 18px;
}
.global-header .nav-box .new a[data-v-50a0c7fc]:after {content: '';display: inline-block;width: 25px;height: 9px;position: absolute;right: 15px;top: -9px;background: url(/icp/header-icon-new.png?f8c31ef2a3ae94c140b17deb9099d879) no-repeat center;
}
.global-header .user-box[data-v-50a0c7fc] {float: right;
}
.global-header .user-box a[data-v-50a0c7fc] {display: inline-block;vertical-align: middle;
}
.global-header .user-box .publish[data-v-50a0c7fc] {width: 100px;line-height: 34px;height: 34px;background: #ff6710;border-radius: 4px;font-size: 14px;color: #fff;text-align: center;margin-right: 26px;
}
.global-header .user-box .opt-btn[data-v-50a0c7fc] {font-size: 16px;color: #333;letter-spacing: 3px;padding: 0 14px
}
.global-header .user-box .opt-btn.login[data-v-50a0c7fc] {margin-left: 23px
}
.global-header .user-box .login-out[data-v-50a0c7fc] {width: 25px;height: 25px;margin-right: 25px;cursor: pointer;background: url(/icp/login_out.png?cf3da1320b242daf465280da2a03e30b) no-repeat center center;
}
.global-header .user-box .search[data-v-50a0c7fc] {width: 20px;height: 20px;background: url(/icp/icon_search.png?586f4b1a77a2c61639dd908f867725c9) no-repeat center center;margin-right: 28px;
}
.global-header .user-box .notify[data-v-50a0c7fc] {width: 25px;height: 20px;background: url(/icp/icon_notify.png?d35a43caaea56ed37ddb191d7ab2df1d) no-repeat center center;margin-right: 26px;
}
.global-header .user-box .notify blockquote[data-v-50a0c7fc] {position: relative;width: 24px;height: 24px;color: #fff;background: red;border-radius: 50%;margin: 0;top: -15px;left: 5px;font-size: 10px;text-align: center;line-height: 24px;
}
.global-header.shadow[data-v-50a0c7fc] {box-shadow: 0 1px 4px 0 rgba(238, 238, 238, .50);height: 105px
}
.global-header.basic[data-v-50a0c7fc] {height: 40px
}

                              .modal-wrapper {
                                  position: fixed;
                                  left: 0;
                                  top: 0;
                                  right: 0;
                                  bottom: 0;
                                  overflow: auto;
                                  margin: 0;
                                  width: 100%;
                                  height: 100%;
                                  background-color: rgba(0, 0, 0, .2);
                                  z-index: 5;
                                  cursor: default;
                              }
.modal-wrapper .modal-dialog {
    width: 600px;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    box-sizing: border-box;
    position: absolute;
    left: 50%;
    margin-left: -300px;
    top: 15%;
    padding-top: 1px;
}
.modal-wrapper .modal-dialog .modal-header {
    position: relative;
    padding-top: 0;
    font-weight: normal;
}
.modal-wrapper .modal-dialog .modal-header .modal-close {
    display: inline-block;
    position: absolute;
    right: 20px;
    top: -32px;
    width: 20px;
    height: 20px;
    cursor: pointer;
}
.modal-wrapper .modal-dialog .modal-header .header-body {
    font-size: 20px;
    color: #333;
    letter-spacing: 1.63px;
    text-align: center;
    margin-top: 50px;
}
.modal-wrapper .modal-dialog .modal-body {
    padding: 50px 74px 20px 75px;
    font-size: 16px;
    text-align: center;
    color: #666;
    letter-spacing: 1.31px;
    line-height: 19px;
}
.modal-wrapper .modal-dialog .modal-content {
    text-align: left;
}
.modal-wrapper .modal-dialog .modal-content .txt-area {
    display: inline-block;
    margin-left: 42px;
    padding: 8px;
    width: 90%;
    height: 60px;
    margin-top: 10px;
    border-radius: 4px;
    border: solid 1px #e0e0e0;
    resize: none;
    font-size: 13px;
    color: #999;
}
.modal-wrapper .modal-dialog .modal-content .err-info {
    line-height: 30px;
    margin-left: 0;
}
.modal-wrapper .modal-dialog .modal-content .err {
    margin-top: 5px;
    margin-left: 42px;
    color: #ff6204;
    padding-left: 20px;
    background-size: 16px;
    line-height: 25px;
}
.modal-wrapper .modal-dialog .opt-tips {
    line-height: 14px;
    font-size: 14px;
    letter-spacing: 1.1px;
    color: #cacaca;
    text-align: center;
    padding-top: 30px;
}
.modal-wrapper .modal-dialog .input-box {
    margin-top: 20px;
    font-size: 14px;
    letter-spacing: 1.1px;
    color: #666;
    line-height: 45px;
    height: 45px;
}
.modal-wrapper .modal-dialog .input-box dt {
    width: 122px;
    font-weight: normal;
    display: inline-block;
    float: left;
}
.modal-wrapper .modal-dialog .input-box dd {
    display: inline-block;
    overflow: hidden;
    height: 45px;
    border: solid 1px #ebebeb;
    box-sizing: border-box;
    border-radius: 4px;
    position: relative;
    width: 250px;
}
.modal-wrapper .modal-dialog .input-box input:disabled {
    background-color: #f7f7f7;
    height: 43px;
    display: block;
}
.modal-wrapper .modal-dialog .input-box .input-form {
    margin: 0;
}
.modal-wrapper .modal-dialog .input-box:first-child {
    margin-top: 0;
}
.modal-wrapper .modal-dialog .question li {
    list-style: none;
    margin-top: 20px;
}
.modal-wrapper .modal-dialog .question li .cbx {
    display: none;
}
.modal-wrapper .modal-dialog .question li label {
    padding-left: 46px;
    display: inline-block;
    height: 18px;
    line-height: 18px;
}
.modal-wrapper .modal-dialog .question li .cbx + label {
    background: url(/icp/icon_checkbox_unselect.png?83478e28b7c5412fe0b382eb30a316c4) no-repeat left top;
}
.modal-wrapper .modal-dialog .question li .cbx:checked + label {
    background: url(/icp/icon_checkbox_select.png?628fe9cda2e5f9e796d5d05a5f2379f6) no-repeat left top;
}
.modal-wrapper .modal-dialog .modal-footer {
    padding: 10px 30px 20px;
    text-align: center;
    box-sizing: border-box;
}
.modal-wrapper .modal-dialog .modal-footer button {
    width: 120px;
    border: 0;
    height: 36px;
    border-radius: 4px;
    font-size: 14px;
    padding: 0;
    text-align: center;
    cursor: pointer;
    letter-spacing: 4.57px;
}
.modal-wrapper .modal-dialog .modal-footer .confirm-btn {
    width: 160px;
    background-color: #ff6710;
    color: #fff;
    margin: 20px auto 30px
}
.modal-wrapper .modal-dialog .modal-footer .confirm-btn:disabled {
    background: #ccc;
    cursor: default;
}
.modal-wrapper .modal-dialog .modal-footer button:disabled {
    background: #eaeaea;
    cursor: default;
    border: 1px solid #eaeaea;
}
.modal-wrapper .modal-dialog .modal-footer .btn-ok {
    margin: 20px 0;
    display: inline-block;
}
.modal-wrapper .modal-dialog .modal-footer .red {
    background-color: #f66;
}
.modal-wrapper .modal-dialog .modal-footer .green {
    border: 1px solid #ff6710;
    background-color: #ff6710;
    color: #fff;
}
.modal-wrapper .modal-dialog .modal-footer .btn-cancel {
    display: inline-block;
    background: #fff;
    border: 1px solid #ebebeb;
    color: #ccc;
    margin-left: 20px
}
.modal-wrapper .modal-dialog .modal-footer .btn-cancel:hover {
    color: #ff6710;
    border: 1px solid #ff6710;
}
.fade-enter-active, .fade-leave-active {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.fade-enter, .fade-leave-active {
    opacity: 0;
}

                              .draggable-container[data-v-76363f86] {
                                  position: relative;
                              }
.react-resizable[data-v-76363f86] {
    z-index: 1064;
    position: relative;
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
    min-width: 960px;
    min-height: 440px;
    max-height: 90%;
    box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: absolute;
    right: 120px;
    bottom: 5%
}
.react-resizable.full[data-v-76363f86] {
    max-height: 100%;
    right: 0 !important;
    bottom: 0 !important;
    top: 0 !important;
    left: 0 !important;
}
.YunxunPage[data-v-76363f86] {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    overflow: hidden;
    opacity: 1;
    z-index: 1050;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transition: opacity 300ms linear, -webkit-transform 150ms linear;
    transition: opacity 300ms linear, -webkit-transform 150ms linear;
    transition: transform 150ms linear, opacity 300ms linear;
    transition: transform 150ms linear, opacity 300ms linear, -webkit-transform 150ms linear;
}
.YunxunPage .react-resizable[data-v-76363f86] {
    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, .2);
    border-radius: 8px;
    pointer-events: auto;
    background: #f5f5f5;
}
.YunxunPage .react-resizable > div[data-v-76363f86]:first-of-type {
    border-radius: 8px;
    overflow: hidden;
}
.YunxunPage.hide[data-v-76363f86] {
    -webkit-transform: scale(0.001);
    transform: scale(0.001);
    opacity: 0;
}
.YunxunPage.hide .layer[data-v-76363f86] {
    display: none;
}
.handler-box[data-v-76363f86] {
    height: 26px;
    padding: 3px 16px;
    background: #fff;
    border-radius: 4px 4px 0 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-bottom: 1px solid #eee;
    cursor: move;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.handler-box .handler-title[data-v-76363f86] {
    font-size: 14px;
    color: rgba(0, 0, 0, .85);
    line-height: 20px;
}
.handler-box .handlers .op[data-v-76363f86] {
    width: 14px;
    height: 14px;
    display: inline-block;
    cursor: pointer
}
.handler-box .handlers .op.maximum[data-v-76363f86] {
    background: url(/icp/icon-wokexin-maximum.png?c8f22e7aeb12b90cd870e3cef7311a5f)
    center/100% no-repeat;
}
.handler-box .handlers .op.minimum[data-v-76363f86] {
    background: url(/icp/icon-wokexin-minimum.png?1be0670e0def621ef6b0fb791c5e42ac)
    center/100% no-repeat;
}
.handler-box .handlers .op.restore[data-v-76363f86] {
    background: url(/icp/icon-wokexin-restore.png?66619faa7f1c9a4f707bd6d2d5b3db8a)
    center/100% no-repeat;
}
.handler-box .handlers .op + .op[data-v-76363f86] {
    margin-left: 16px;
}
.yunxun-iframe-container[data-v-76363f86] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: absolute;
    left: 0;
    top: 26px;
    right: 0;
    bottom: 0;
}
.yunxun-iframe-container .YunxunIframe[data-v-76363f86] {
    position: relative;
    width: 100%;
    height: 100%;
}
.yunxun-iframe-container .YunxunIframe iframe[data-v-76363f86] {
    width: 100%;
    height: 100%;
    border: none;
    visibility: hidden;
}
.yunxun-iframe-container .YunxunIframe .AppLoading[data-v-76363f86] {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.yunxun-iframe-container .YunxunIframe .AppError[data-v-76363f86] {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.yunxun-iframe-container .YunxunIframe.isShowIframe iframe[data-v-76363f86] {
    visibility: visible;
}
.yunxun-iframe-container .YunxunIframe.dragging + .yunxun-mask[data-v-76363f86] {
    display: block;
}
.yunxun-iframe-container .yunxun-mask[data-v-76363f86] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
}
.yunliao-container[data-v-76363f86] {
    width: 50px;
    height: 50px;
    min-height: auto;
    min-width: auto;
    border-radius: 2px;
    position: fixed;
    bottom: 153px;
    right: 0;
    padding: 0 16px;
    cursor: pointer;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    background: #b5b5b5 url(/icp/icon-chat.png?cb3775fc68b464e1b29f27a4d580d911) no-repeat
    16px center;
    overflow: hidden;
    z-index: 9;
    box-sizing: border-box;
}
.yunliao-container > p[data-v-76363f86] {
    display: none;
    font-size: 14px;
    font-weight: lighter;
    color: #fff;
    letter-spacing: 1.15px;
    line-height: 50px;
}
.yunliao-container #yunliao-report[data-v-76363f86] {
    background: #ff5050;
    padding: 0 6px;
    border-radius: 100%;
    color: #fff;
    text-align: center;
    position: absolute;
    left: 21px;
    top: 6px;
    -webkit-transform: scale(0.66, 0.66);
    transform: scale(0.66, 0.66);
}
.yunliao-container[data-v-76363f86]:hover {
    background: #ff6710 url(/icp/icon-chat.png?cb3775fc68b464e1b29f27a4d580d911) no-repeat
    85px center;
    width: 119px;
}
.yunliao-container:hover > p[data-v-76363f86] {
    display: block;
}
.yunliao-container:hover #yunliao-report[data-v-76363f86] {
    left: 90px;
}
@-webkit-keyframes rolling {
    from {
        left: 0;
    }
    to {
        left: -200%;
    }
}
@keyframes rolling {
    from {
        left: 0;
    }
    to {
        left: -200%;
    }
}

                              .footer-box-white-bg[data-v-93058fe0] {
                                  background-color: #fff !important;
                              }
.footer-box[data-v-93058fe0] {
    width: 100%;
    background-color: #fafafa;
    position: absolute;
    bottom: 0;
    overflow: hidden;
    border-top: 1px solid #f8f8f8
}
.footer-box.orange[data-v-93058fe0] {
    background: #ff6710;
}
.footer-box.orange .footer-box-top span[data-v-93058fe0], .footer-box.orange .footer-box-top a[data-v-93058fe0], .footer-box.orange .footer-box-top p[data-v-93058fe0] {
    color: #fff !important;
}
.footer-box.orange .footer-nav[data-v-93058fe0] {
}
.footer-box.orange .footer-nav:nth-child(1) span[data-v-93058fe0] {
    background: url(/icp/footer-about.png?da4209e5daecff94b017ac14f83d955c) no-repeat left;
}
.footer-box.orange .footer-nav:nth-child(1) span[data-v-93058fe0]:hover {
    background: url(/icp/footer-about.png?da4209e5daecff94b017ac14f83d955c) no-repeat left;
}
.footer-box.orange .footer-nav:nth-child(2) span[data-v-93058fe0] {
    background: url(/icp/footer-guide.png?ffa94b732a508cb04fbc5dc4623349df) no-repeat left;
}
.footer-box.orange .footer-nav:nth-child(2) span[data-v-93058fe0]:hover {
    background: url(/icp/footer-guide.png?ffa94b732a508cb04fbc5dc4623349df) no-repeat left;
}
.footer-box.orange .footer-nav:nth-child(3) span[data-v-93058fe0] {
    background: url(/icp/footer-help.png?c7c4e6f1da8499fcd74c20e6b2340d8b) no-repeat left;
}
.footer-box.orange .footer-nav:nth-child(3) span[data-v-93058fe0]:hover {
    background: url(/icp/footer-help.png?c7c4e6f1da8499fcd74c20e6b2340d8b) no-repeat left;
}
.footer-box.orange .footer-nav:nth-child(4) span[data-v-93058fe0] {
    background: url(/icp/footer-find.png?8e71dcc56cda93899878067a5356baa6) no-repeat left;
}
.footer-box.orange .footer-nav:nth-child(4) span[data-v-93058fe0]:hover {
    background: url(/icp/footer-find.png?8e71dcc56cda93899878067a5356baa6) no-repeat left;
}
.footer-box.orange .footer-nav:nth-child(5) span[data-v-93058fe0] {
    background: url(/icp/footer-coop.png?c5c416bc4b684abb9d3e767b84df379c) no-repeat left;
}
.footer-box.orange .footer-nav:nth-child(5) span[data-v-93058fe0]:hover {
    background: url(/icp/footer-coop.png?c5c416bc4b684abb9d3e767b84df379c) no-repeat left;
}
.footer-box.orange .footer-right p[data-v-93058fe0]:before {
    background: #fff;
}
.footer-box.orange .footer-right .footer-icon .wechat[data-v-93058fe0] {
    width: 24px;
    height: 20px;
    margin-right: 36px;
    background: url(/icp/footer-wechat.png?9165f522ab9993fe71f95cc5abdcc612) no-repeat center;
}
.footer-box.orange .footer-right .footer-icon .qq[data-v-93058fe0] {
    width: 20px;
    height: 24px;
    margin-right: 35px;
    background: url(/icp/footer-qq.png?dd1a3e2277a3751c85920da13965f307) no-repeat center;
}
.footer-box.orange .footer-right .footer-icon .weibo[data-v-93058fe0] {
    width: 24px;
    height: 20px;
    background: url(/icp/footer-weibo.png?3329aef52dfad8b68547bd3ae722350b) no-repeat center;
}
.footer-box-top[data-v-93058fe0] {
    width: 1200px;
    margin: auto;
    overflow: hidden;
    padding: 55px 0 60px;
    box-sizing: border-box;
}
.footer-box-top .footer-left[data-v-93058fe0] {
    float: left;
    width: 950px;
    padding-left: 30px;
}
.footer-box-top .footer-right[data-v-93058fe0] {
    float: right;
    height: 215px;
}
.footer-box-top .footer-right .logo-img[data-v-93058fe0] {
    display: inline-block;
    width: 180px;
    height: auto;
}
.footer-box-top .footer-right .logo-img-kirin[data-v-93058fe0] {
    display: inline-block;
    width: 157px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}
.footer-box-top .footer-right .footer-icon[data-v-93058fe0] {
    display: inline-block;
    margin-top: 30px;
    margin-left: 15px;
}
.footer-box-top .footer-right .footer-icon .item[data-v-93058fe0] {
    display: inline-block;
    cursor: pointer;
}
.footer-box-top .footer-right .footer-icon .wechat[data-v-93058fe0] {
    width: 24px;
    height: 20px;
    background: url(/icp/wechat.png?d06bd7989cbea83cbb3cdc241e49ab20) no-repeat center center;
    background-size: contain;
    margin-right: 47px;
    position: relative;
}
.footer-box-top .footer-right .footer-icon .wechat .code[data-v-93058fe0] {
    display: none;
    width: 130px;
    height: 200px;
    position: absolute;
    top: -210px;
    left: -60px;
}
.footer-box-top .footer-right .footer-icon .wechat[data-v-93058fe0]:hover {
    background: url(/icp/wechat-s.png?bbc21047d9ce1dbd7f821d54748ccf85) no-repeat center center;
}
.footer-box-top .footer-right .footer-icon .wechat:hover .code[data-v-93058fe0] {
    display: inline-block;
}
.footer-box-top .footer-right .footer-icon .qq[data-v-93058fe0] {
    width: 20px;
    height: 24px;
    background: url(/icp/qq.png?f8077717d4fbf69907b5e0da5a1cf1f5) no-repeat center center;
    background-size: contain;
    margin-right: 47px
}
.footer-box-top .footer-right .footer-icon .qq[data-v-93058fe0]:hover {
    background: url(/icp/qq-s.png?c4337a2ccff0d40312d75bdddfceeb04) no-repeat center center;
}
.footer-box-top .footer-right .footer-icon .weibo[data-v-93058fe0] {
    width: 24px;
    height: 20px;
    background: url(/icp/weibo.png?fa273d93c46099bb858149620377e333) no-repeat center center;
    background-size: cover
}
.footer-box-top .footer-right .footer-icon .weibo[data-v-93058fe0]:hover {
    background: url(/icp/weibo-s.png?85e22dabd1758e1eba2f050362038e42) no-repeat center center;
}
.footer-box-top .footer-right .ul-kf[data-v-93058fe0] {
    list-style: none;
}
.footer-box-top .footer-right .ul-kf >li[data-v-93058fe0] {
    color: #666;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.footer-box-top .footer-right .ul-kf >li[data-v-93058fe0]:before {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    background-color: #FF7A05;
    border-radius: 50%;
    margin-right: 10px;
}
.footer-box-top .footer-right .ul-kf .row-kf[data-v-93058fe0] {
    padding-left: 20px;
    background: url(/icp/footer-kf.png?5c4a1a3f1d704af22a27a5f12d170eef) no-repeat left center;
    background-size: 16px 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #666;
}
.footer-box-top .footer-right .ul-kf .row-kf >a[data-v-93058fe0] {
    margin-left: 8px;
    border: solid 1px #F46A00;
    border-radius: 12px;
    padding: 3px 8px;
    background: url(/icp/footer-msg.png?2bd8ab84c224b0d57677b6f2eb8381a0) no-repeat 8px center;
    background-size: 16px 16px;
    padding-left: 30px;
    cursor: pointer;
    vertical-align: middle;
    text-decoration: none;
    color: #F46A00;
    font-size: 12px;
    line-height: 12px;
}
.footer-box-top .footer-right .ul-kf .tell[data-v-93058fe0] {
    margin-top: 9px;
}
.footer-box-top .footer-right .ul-kf .week[data-v-93058fe0] {
    margin-top: 9px;
}
.footer-box-top .footer-right p[data-v-93058fe0] {
    font-family: MicrosoftYaHei;
    font-size: 14px;
    color: #666;
    letter-spacing: 0;
    line-height: 18px
}
.footer-box-top .footer-right p[data-v-93058fe0]:before {
    content: '';
    display: inline-block;
    background: #ff7a05;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    margin-right: 10px;
    position: relative;
    top: -3px;
}
.footer-box-top .footer-nav[data-v-93058fe0] {
    float: left;
    margin-right: 50px;
    padding-right: 45px;
    height: 185px;
    box-sizing: border-box;
    border-right: 1px dashed #d0cdcd;
}
.footer-box-top .footer-nav span[data-v-93058fe0] {
    display: block;
    font-size: 20px;
    color: #ff6710;
    margin-bottom: 35px;
    padding-left: 30px;
    margin-left: -30px;
}
.footer-box-top .footer-nav a[data-v-93058fe0] {
    display: block;
    font-size: 14px;
    color: #666;
    line-height: 19px;
    margin-top: 18px;
}
.footer-box-top .footer-nav a[data-v-93058fe0]:hover {
    color: #ff6710;
}
.footer-box-top .footer-nav[data-v-93058fe0]:last-child {
    margin-right: 0;
}
.footer-box-top .footer-nav:nth-child(1) span[data-v-93058fe0] {
    background: url(/icp/footer-about-gray.png?32091bc4295123d9b714c3d7bd4ad1a1) no-repeat left;
}
.footer-box-top .footer-nav:nth-child(1) span[data-v-93058fe0]:hover {
    background: url(/icp/footer-about-orange.png?8817bd5d2c8c3a0032aff909fc72b258) no-repeat left;
}
.footer-box-top .footer-nav:nth-child(2) span[data-v-93058fe0] {
    background: url(/icp/footer-guide-gray.png?3e355627d330b1f9c295774a213b55bb) no-repeat left;
}
.footer-box-top .footer-nav:nth-child(2) span[data-v-93058fe0]:hover {
    background: url(/icp/footer-guide-orange.png?a1860d2c7ea2d4d19b207303b65fa6a0) no-repeat left;
}
.footer-box-top .footer-nav:nth-child(3) span[data-v-93058fe0] {
    background: url(/icp/footer-find-gray.png?75c0a86b31716c63cf378f84e860d1b1) no-repeat left;
}
.footer-box-top .footer-nav:nth-child(3) span[data-v-93058fe0]:hover {
    background: url(/icp/footer-find-orange.png?b31b04cb7292184928c593e28dcc3d30) no-repeat left;
}
.footer-box-top .footer-nav:nth-child(4) span[data-v-93058fe0] {
    background: url(/icp/footer-help-gray.png?e7ae4ef9be884b6e7baa7a70db663d33) no-repeat left;
}
.footer-box-top .footer-nav:nth-child(4) span[data-v-93058fe0]:hover {
    background: url(/icp/footer-help-orange.png?260b2f8c05deb6a163ead26cfb0993a8) no-repeat left;
}
.footer-box-top .footer-nav:nth-child(5) span[data-v-93058fe0] {
    background: url(/icp/footer-coop-gray.png?e4ee0dd17523d8b739b07cd081fe3f27) no-repeat left;
}
.footer-box-top .footer-nav:nth-child(5) span[data-v-93058fe0]:hover {
    background: url(/icp/footer-coop-orange.png?dcbfb102fc2067facf7801d18cf8df12) no-repeat left;
}
.footer-box-bottom[data-v-93058fe0] {
    width: 100%;
    background-color: #333;
    color: #999;
    font-size: 12px;
    text-align: center;
}
.footer-box-bottom p[data-v-93058fe0] {
    font-family: MicrosoftYaHei;
    letter-spacing: 0;
    line-height: 16px;
    padding-top: 20px;
}
.footer-box-bottom p a[data-v-93058fe0] {
    color: #999;
    text-decoration: none;
    vertical-align: middle;
}
.footer-box-bottom p a img[data-v-93058fe0] {
    display: inline-block;
    width: 16px;
    height: auto;
    vertical-align: bottom;
}
.footer-box-bottom p a[data-v-93058fe0]:visited, .footer-box-bottom p a[data-v-93058fe0]:hover {
    text-decoration: none;
}
.footer-box-bottom p[data-v-93058fe0]:last-child {
    padding: 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.footer-fix[data-v-93058fe0] {
    position: fixed;
    right: 0;
    bottom: 204px;
    border-radius: 2px;
    width: 50px;
    height: 50px;
    padding: 0 16px;
    cursor: pointer;
    overflow: hidden;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    background: #b5b5b5 url(/icp/footer-top.png?00aa3055f03f23eec76d45fb8bc05e3d) no-repeat 18px center;
}
.footer-fix p[data-v-93058fe0] {
    display: none;
    font-size: 14px;
    font-weight: lighter;
    color: #fff;
    letter-spacing: 1.15px;
    line-height: 50px;
}
.footer-fix[data-v-93058fe0]:hover {
    background: #ff6710 url(/icp/footer-top.png?00aa3055f03f23eec76d45fb8bc05e3d) no-repeat 87px center;
    width: 119px;
}
.footer-fix:hover p[data-v-93058fe0] {
    display: block;
}

                              .search-item .search-left[data-v-3778199d] {
                                  display: inline-block;
                                  width: calc(100% - 305px)
                              }
.search-item .search-right[data-v-3778199d] {
    display: inline-block;
    width: 280px;
    margin-left: 20px;
    vertical-align: top;
}
.search-item .search-div[data-v-3778199d] {
    width: 100%;
    height: 50px;
    padding: 10px 16px;
    box-sizing: border-box;
    border:1px solid #ff6710;
    border-radius: 4px;
}
.search-item .search-div .search-type[data-v-3778199d] {
    position: relative;
    display: inline-block;
    width: 88px;
    color:#333;
    line-height: 30px;
    vertical-align: middle;
    margin-right: 12px;
}
/* background: url('../../assets/images/pro/pro-sel-down.png') no-repeat right center;
      background-size: 14px 8px; */
.search-item .search-div .search-type p[data-v-3778199d] {
    text-align: center;
}
.search-item .search-div .search-type .select-box[data-v-3778199d] {
    width: 110%;
    top: 20px;
}
.search-item .search-div .search-type .select-box input:checked + label[data-v-3778199d] {
    color: #ff6710;
}
.search-item .search-div .search-btn[data-v-3778199d] {
    display: inline-block;
    width: 80px;
    font-family:MicrosoftYaHeiUI;
    font-size:18px;
    color:#ff6710;
    letter-spacing:0;
    text-align: right;
    cursor: pointer;
    float: right
}
.search-item .search-div .search-btn[data-v-3778199d]:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 16px;
    background: url(/icp/pro-search.png?446523e6035fb90e28ee5a2c3970d2f7) no-repeat left center;
    background-size: cover;
    position: relative;
    top: 3px
}
.search-item .search-div .search-input[data-v-3778199d] {
    display: inline-block;
    width: 70%;
    height: 30px;
    box-sizing: border-box;
    border-left: solid 1px #999;
}
.search-item .search-div .search-input .search-txt[data-v-3778199d] {
    width: 100%;
    height: 100%;
    padding: 7px 15px;
    border: 0;
    font-family:MicrosoftYaHeiUI;
    font-size:16px;
    color:#333;
    letter-spacing:0;
    text-align:left;
}
.search-item .search-div[data-v-3778199d]:after {
    clear: both;
    overflow: hidden
}
.search-item .btn-pro[data-v-3778199d] {
    display: inline-block;
    background:#ff6710;
    border-radius:4px;
    width: 100%;
    height: 50px;
    line-height: 50px;
    vertical-align: middle;
    text-align: center;
    font-size: 18px;
    color: #fff;
    border: 0;
}
.search-item .hot-search[data-v-3778199d] {
    width: 100%;
    margin-top: 20px;
    font-size: 14px;
    color: #666;
    letter-spacing: 0;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
}
.search-item .hot-search span[data-v-3778199d] {
    margin-top: 20px;
    margin-left: 50px;
    color: #ff6710;
    cursor: pointer;
}
.search-item .kh-tel[data-v-3778199d] {
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #ff6710;
    margin-top: 20px;
}

@-webkit-keyframes rolling {
    from {left: 0
    }
    to {left: -200%
    }
}
@keyframes rolling {
    from {left: 0
    }
    to {left: -200%
    }
}
.global-header[data-v-869ca9c0] {
    width: 100%;
    background: #fff;
    height: auto;
}
.global-header .top-bar[data-v-869ca9c0] {background: #fafafa;width: 100%;height: 40px;
}
.global-header .top-bar .icon-en[data-v-869ca9c0] {display: -webkit-box;display: -ms-flexbox;display: flex;line-height: 40px;height: 40px;-webkit-box-align: center;-ms-flex-align: center;align-items: center;
}
.global-header .top-bar .icon-en > img[data-v-869ca9c0] {display: inline-block;width: 22px;height: 22px;vertical-align: middle;
}
.global-header .top-bar .exit[data-v-869ca9c0] {display: inline-block;width: 14px;height: 14px;position: relative;top: 2px;background: url(/icp/header-icon-exit.png?a106e1a6d814b4f4e4f014f56a3be717) no-repeat center;
}
.global-header .top-bar.fixed[data-v-869ca9c0] {z-index: 3;position: fixed;top: 0
}
.global-header .top-bar > div[data-v-869ca9c0] {width: 1200px;height: 40px;line-height: 40px;margin: 0 auto;
}
.global-header .top-bar > div .service[data-v-869ca9c0] {margin-left: 29px;padding-left: 16px;background: url(/icp/header-icon-service.png?111aafbc81069643294169694a9b1ade) no-repeat left;
}
.global-header .top-bar > div .service a[data-v-869ca9c0] {color: #666
}
.global-header .top-bar > div .service a[data-v-869ca9c0]:hover {color: #ff6710
}
.global-header .top-bar > div .user-avater[data-v-869ca9c0] {position: relative;
}
.global-header .top-bar > div .user-avater img[data-v-869ca9c0] {width: 20px;height: 20px;border-radius: 100%;margin-top: -3px;display: inline-block;vertical-align: middle;margin-right: 10px
}
.global-header .top-bar > div .user-avater > a[data-v-869ca9c0] {display: inline-block;max-width: 115px;vertical-align: top;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;cursor: pointer;color: #666
}
.global-header .top-bar > div .user-avater:hover > div[data-v-869ca9c0] {display: block
}
.global-header .top-bar > div .user-avater > div[data-v-869ca9c0] {display: none;position: absolute;right: 0;z-index: 3;top: 12px;
}
.global-header .top-bar > div .user-avater > div ul[data-v-869ca9c0] {width: 120px;overflow: hidden;background: #fff;border: 1px solid #ebebeb;border-radius: 4px;padding: 19px 0 20px;margin-top: 15px;
}
.global-header .top-bar > div .user-avater > div ul li[data-v-869ca9c0] {line-height: 17px;min-height: 17px;margin-top: 15px;position: relative;
}
.global-header .top-bar > div .user-avater > div ul li a[data-v-869ca9c0] {font-size: 14px;color: #999;max-width: 78px;margin: 0 auto;letter-spacing: 2.09px;cursor: pointer;text-align: center;display: block;overflow: hidden
}
.global-header .top-bar > div .user-avater > div ul li a[data-v-869ca9c0]:hover {color: #ff6710
}
.global-header .top-bar > div .user-avater > div ul li[data-v-869ca9c0]:first-child {margin-top: 0
}
.global-header .top-bar > div i[data-v-869ca9c0] {width: 1px;height: 14px;display: inline-block;float: left;background: #999;margin: 12px 20px
}
.global-header .top-bar > div > p[data-v-869ca9c0] {float: left;font-size: 12px;color: #666;letter-spacing: 2.25px;padding-left: 21px;background: url(/icp/header-icon-app.png?23d731570dbbd35a33df7b99dedd73b0) no-repeat left;position: relative;
}
.global-header .top-bar > div > p span[data-v-869ca9c0] {display: none;position: absolute;left: 0;top: 50px;border: 1px solid #ebebeb;padding: 10px;background: #fff;z-index: 3;
}
.global-header .top-bar > div > p span img[data-v-869ca9c0] {width: 150px;height: 150px;display: block
}
.global-header .top-bar > div > p[data-v-869ca9c0]:hover {color: #ff6710;
}
.global-header .top-bar > div > p:hover span[data-v-869ca9c0] {display: inline-block
}
.global-header .top-bar > div > div[data-v-869ca9c0] {float: right
}
.global-header .top-bar > div > div > div[data-v-869ca9c0] {float: left;font-size: 12px;color: #666;letter-spacing: 0;margin-left: 35px
}
.global-header .top-bar > div > div > ul[data-v-869ca9c0] {overflow: hidden;float: left;
}
.global-header .top-bar > div > div > ul li[data-v-869ca9c0] {float: left;margin-left: 18px;font-size: 12px;color: #666;letter-spacing: 2.25px;
}
.global-header .top-bar > div > div > ul li a[data-v-869ca9c0] {color: #666
}
.global-header .top-bar > div > div > ul li a[data-v-869ca9c0]:hover {color: #ff6710
}
.global-header .top-bar > div > div > ul li[data-v-869ca9c0]:first-child {margin-left: 0
}
.global-header .top-bar > div > div > ul .collect[data-v-869ca9c0] {padding-left: 16px;background: url(/icp/header-icon-collect.png?2d0a3f2807d19aa20043629f0488ade7) no-repeat left
}
.global-header .top-bar > div > div > ul .myjobs[data-v-869ca9c0] {padding-left: 16px;background: url(/icp/header-icon-jobs.png?bed7613894621fbf970ec8cdbc89dfe7) no-repeat left
}
.global-header .top-bar > div > div > ul .notify[data-v-869ca9c0] {padding-left: 13px;background: url(/icp/header-icon-notify.png?8f8f364999442b932e47049d0a6bd3f3) no-repeat left
}
.global-header .top-bar > div > div > ul .notify.active[data-v-869ca9c0] {background: url(/icp/header-icon-notify-orange.png?0ee72592ceaf55727006150061ff1351) no-repeat left;
}
.global-header .top-bar > div > div > ul .notify.active a[data-v-869ca9c0] {color: #ff6710;
}
.global-header .top-bar > div > div > ul .notify.active a span em[data-v-869ca9c0] {font-weight: 600;font-style: normal
}
.global-header .user-box[data-v-869ca9c0] {float: right;
}
.global-header .user-box a[data-v-869ca9c0] {display: inline-block;vertical-align: middle;
}
.global-header .user-box .publish[data-v-869ca9c0] {width: 100px;line-height: 34px;height: 34px;background: #ff6710;border-radius: 4px;font-size: 14px;color: #fff;text-align: center;margin-right: 26px;
}
.global-header .user-box .opt-btn[data-v-869ca9c0] {font-size: 16px;color: #333;letter-spacing: 3px;padding: 0 14px
}
.global-header .user-box .opt-btn.login[data-v-869ca9c0] {margin-left: 23px
}
.global-header .user-box .login-out[data-v-869ca9c0] {width: 25px;height: 25px;margin-right: 25px;cursor: pointer;background: url(/icp/login_out.png?cf3da1320b242daf465280da2a03e30b) no-repeat center center;
}
.global-header .user-box .search[data-v-869ca9c0] {width: 20px;height: 20px;background: url(/icp/icon_search.png?586f4b1a77a2c61639dd908f867725c9) no-repeat center center;margin-right: 28px;padding-top: 10px;
}
.global-header .user-box .notify[data-v-869ca9c0] {width: 25px;height: 20px;background: url(/icp/icon_notify.png?d35a43caaea56ed37ddb191d7ab2df1d) no-repeat center center;margin-right: 26px;
}
.global-header .user-box .notify blockquote[data-v-869ca9c0] {position: relative;width: 24px;height: 24px;color: #fff;background: red;border-radius: 50%;margin: 0;top: -15px;left: 5px;font-size: 10px;text-align: center;line-height: 24px;
}
.global-header.basic[data-v-869ca9c0] {height: 40px
}

                              .top-popup[data-v-5a3c3847] {
                                  display: block;
                                  width: 100%;
                                  position: relative;
                                  z-index: 4;
                              }
.top-popup .popup-img[data-v-5a3c3847] {
    width: 100%;
    height: auto;
}
.top-popup .close-icon[data-v-5a3c3847] {
    display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 24px;
    top: 16px;
    cursor: pointer;
}
.top-popup .time-row[data-v-5a3c3847] {
    position: absolute;
    right: 56px;
    top: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 41px;
    height: 16px;
    background: url('https://static.clouderwork.com/startup/d9/9c/7729a40c-4816-4c8a-9197-944f82804232.png') no-repeat left center;
    background-size: 100% 16px;
    font-size: 12px;
    padding: 0 8px 0 19px;
    box-sizing: border-box;
    color: #fff;
}
.top-popup.bottom-popup[data-v-5a3c3847] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 0;
}