.swiper-container[data-v-0b9befdc] {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide[data-v-0b9befdc] {
    float: left
}

.swiper-container-vertical > .swiper-wrapper[data-v-0b9befdc] {
    flex-direction: column
}

.swiper-wrapper[data-v-0b9befdc] {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide[data-v-0b9befdc], .swiper-wrapper[data-v-0b9befdc] {
    transform: translateZ(0)
}

.swiper-container-multirow > .swiper-wrapper[data-v-0b9befdc] {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    flex-wrap: wrap
}

.swiper-container-free-mode > .swiper-wrapper[data-v-0b9befdc] {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide[data-v-0b9befdc] {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative
}

.swiper-container-autoheight .swiper-slide[data-v-0b9befdc], .swiper-container-autoheight[data-v-0b9befdc] {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper[data-v-0b9befdc] {
    align-items: flex-start;
    transition-property: transform, height
}

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

.swiper-wp8-horizontal[data-v-0b9befdc] {
    touch-action: pan-y
}

.swiper-wp8-vertical[data-v-0b9befdc] {
    touch-action: pan-x
}

.swiper-button-next[data-v-0b9befdc], .swiper-button-prev[data-v-0b9befdc] {
    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[data-v-0b9befdc], .swiper-button-prev.swiper-button-disabled[data-v-0b9befdc] {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev[data-v-0b9befdc], .swiper-container-rtl .swiper-button-next[data-v-0b9befdc] {
    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[data-v-0b9befdc], .swiper-container-rtl .swiper-button-next.swiper-button-black[data-v-0b9befdc] {
    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[data-v-0b9befdc], .swiper-container-rtl .swiper-button-next.swiper-button-white[data-v-0b9befdc] {
    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[data-v-0b9befdc], .swiper-container-rtl .swiper-button-prev[data-v-0b9befdc] {
    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[data-v-0b9befdc], .swiper-container-rtl .swiper-button-prev.swiper-button-black[data-v-0b9befdc] {
    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[data-v-0b9befdc], .swiper-container-rtl .swiper-button-prev.swiper-button-white[data-v-0b9befdc] {
    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[data-v-0b9befdc] {
    position: absolute;
    text-align: center;
    transition: .3s;
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden[data-v-0b9befdc] {
    opacity: 0
}

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

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

button.swiper-pagination-bullet[data-v-0b9befdc] {
    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[data-v-0b9befdc] {
    cursor: pointer
}

.swiper-pagination-white .swiper-pagination-bullet[data-v-0b9befdc] {
    background: #fff
}

.swiper-pagination-bullet-active[data-v-0b9befdc] {
    opacity: 1;
    background: #007aff
}

.swiper-pagination-white .swiper-pagination-bullet-active[data-v-0b9befdc] {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active[data-v-0b9befdc] {
    background: #000
}

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

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet[data-v-0b9befdc] {
    margin: 5px 0;
    display: block
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet[data-v-0b9befdc] {
    margin: 0 5px
}

.swiper-pagination-progress[data-v-0b9befdc] {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

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

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar[data-v-0b9befdc] {
    transform-origin: right top
}

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

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

.swiper-pagination-progress.swiper-pagination-white[data-v-0b9befdc] {
    background: hsla(0, 0%, 100%, .5)
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar[data-v-0b9befdc] {
    background: #fff
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar[data-v-0b9befdc] {
    background: #000
}

.swiper-container-3d[data-v-0b9befdc] {
    -o-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow[data-v-0b9befdc], .swiper-container-3d .swiper-slide-shadow-bottom[data-v-0b9befdc], .swiper-container-3d .swiper-slide-shadow-left[data-v-0b9befdc], .swiper-container-3d .swiper-slide-shadow-right[data-v-0b9befdc], .swiper-container-3d .swiper-slide-shadow-top[data-v-0b9befdc], .swiper-container-3d .swiper-slide[data-v-0b9befdc], .swiper-container-3d .swiper-wrapper[data-v-0b9befdc] {
    transform-style: preserve-3d
}

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

.swiper-container-3d .swiper-slide-shadow-left[data-v-0b9befdc] {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-right[data-v-0b9befdc] {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-top[data-v-0b9befdc] {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom[data-v-0b9befdc] {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-coverflow .swiper-wrapper[data-v-0b9befdc], .swiper-container-flip .swiper-wrapper[data-v-0b9befdc] {
    -ms-perspective: 1200px
}

.swiper-container-cube[data-v-0b9befdc], .swiper-container-flip[data-v-0b9befdc] {
    overflow: visible
}

.swiper-container-cube .swiper-slide[data-v-0b9befdc], .swiper-container-flip .swiper-slide[data-v-0b9befdc] {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-cube .swiper-slide .swiper-slide[data-v-0b9befdc], .swiper-container-flip .swiper-slide .swiper-slide[data-v-0b9befdc] {
    pointer-events: none
}

.swiper-container-cube .swiper-slide-active .swiper-slide-active[data-v-0b9befdc], .swiper-container-cube .swiper-slide-active[data-v-0b9befdc], .swiper-container-flip .swiper-slide-active .swiper-slide-active[data-v-0b9befdc], .swiper-container-flip .swiper-slide-active[data-v-0b9befdc] {
    pointer-events: auto
}

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

.swiper-container-cube .swiper-slide[data-v-0b9befdc] {
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube.swiper-container-rtl .swiper-slide[data-v-0b9befdc] {
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active[data-v-0b9befdc], .swiper-container-cube .swiper-slide-next + .swiper-slide[data-v-0b9befdc], .swiper-container-cube .swiper-slide-next[data-v-0b9befdc], .swiper-container-cube .swiper-slide-prev[data-v-0b9befdc] {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-cube-shadow[data-v-0b9befdc] {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide[data-v-0b9befdc] {
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide[data-v-0b9befdc] {
    pointer-events: none;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide[data-v-0b9befdc] {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active .swiper-slide-active[data-v-0b9befdc], .swiper-container-fade .swiper-slide-active[data-v-0b9befdc] {
    pointer-events: auto
}

.swiper-zoom-container[data-v-0b9befdc] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container > canvas[data-v-0b9befdc], .swiper-zoom-container > img[data-v-0b9befdc], .swiper-zoom-container > svg[data-v-0b9befdc] {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

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

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

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

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

.swiper-scrollbar-cursor-drag[data-v-0b9befdc] {
    cursor: move
}

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

.swiper-lazy-preloader[data-v-0b9befdc]: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[data-v-0b9befdc]: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 swiper-preloader-spin-data-v-0b9befdc {
    to {
        -webkit-transform: rotate(1turn)
    }
}

@keyframes swiper-preloader-spin-data-v-0b9befdc {
    to {
        transform: rotate(1turn)
    }
}

body[data-v-0b9befdc], code[data-v-0b9befdc], dd[data-v-0b9befdc], div[data-v-0b9befdc], dl[data-v-0b9befdc], dt[data-v-0b9befdc], form[data-v-0b9befdc], h1[data-v-0b9befdc], h2[data-v-0b9befdc], h3[data-v-0b9befdc], h4[data-v-0b9befdc], h5[data-v-0b9befdc], h6[data-v-0b9befdc], input[data-v-0b9befdc], li[data-v-0b9befdc], ol[data-v-0b9befdc], p[data-v-0b9befdc], td[data-v-0b9befdc], textarea[data-v-0b9befdc], th[data-v-0b9befdc], ul[data-v-0b9befdc] {
    margin: 0;
    padding: 0
}

table[data-v-0b9befdc] {
    border-spacing: 0
}

em[data-v-0b9befdc], i[data-v-0b9befdc], strong[data-v-0b9befdc] {
    font-style: normal;
    font-weight: 400
}

li[data-v-0b9befdc] {
    list-style: none;
    vertical-align: top
}

table[data-v-0b9befdc] {
    border-collapse: collapse
}

h1[data-v-0b9befdc], h2[data-v-0b9befdc], h3[data-v-0b9befdc], h4[data-v-0b9befdc], h5[data-v-0b9befdc], h6[data-v-0b9befdc] {
    font-size: 100%;
    font-weight: 400;
    line-height: inherit;
    font-size: inherit;
    color: inherit
}

button[data-v-0b9befdc], input[data-v-0b9befdc], select[data-v-0b9befdc], textarea[data-v-0b9befdc] {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit
}

textarea[data-v-0b9befdc] {
    resize: none;
    overflow: auto
}

a[data-v-0b9befdc] {
    text-decoration: none;
    outline: none;
    font-size: inherit;
    line-height: inherit;
    color: inherit
}

img[data-v-0b9befdc] {
    border: none;
    vertical-align: top
}

body[data-v-0b9befdc] {
    background: #fff;
    color: #636363;
    font-family: microsoft yahei, Arial
}

.poa[data-v-0b9befdc] {
    position: absolute
}

.pof[data-v-0b9befdc] {
    position: fixed
}

.por[data-v-0b9befdc] {
    position: relative
}

.fb[data-v-0b9befdc] {
    font-weight: 700
}

.auto[data-v-0b9befdc] {
    margin: 0 auto
}

.fl[data-v-0b9befdc] {
    float: left
}

.fr[data-v-0b9befdc] {
    float: right
}

.transition[data-v-0b9befdc] {
    transition: all .6s
}

.clear[data-v-0b9befdc] {
    zoom: 1
}

.clear[data-v-0b9befdc]:after {
    content: "";
    display: block;
    clear: both
}

[data-v-0b9befdc]::-webkit-input-placeholder {
    color: #776547;
    font-family: simsun
}

[data-v-0b9befdc]:-moz-placeholder, [data-v-0b9befdc]::-moz-placeholder {
    color: #776547;
    font-family: simsun
}

[data-v-0b9befdc]:-ms-input-placeholder {
    color: #776547;
    font-family: simsun
}

.w[data-v-0b9befdc] {
    margin: 0 auto;
    max-width: 1080px;
    width: 100%
}

body[data-v-0b9befdc] {
    font-size: 100%
}

.header[data-v-0b9befdc] {
    border-bottom: 1px solid #cfcfcf
}

.header .w[data-v-0b9befdc] {
    max-width: 1200px;
    margin: 0 auto
}

.header .brand[data-v-0b9befdc] {
    height: 60px;
    font-size: 0
}

.header .brand i[data-v-0b9befdc], .header .brand img[data-v-0b9befdc] {
    display: inline-block;
    vertical-align: middle
}

.header .brand i[data-v-0b9befdc] {
    width: 0;
    height: 100%
}

.header .nav[data-v-0b9befdc] {
    padding-left: 120px;
    font-size: 16px;
    color: #5d5d5d;
    height: 60px;
    line-height: 60px
}

.header .nav a[data-v-0b9befdc] {
    margin-right: 30px;
    transition: .3s;
    color: #909399;
    font-size: 14px
}

.header .nav a[data-v-0b9befdc]:hover {
    color: #f75940
}

.header .login-container[data-v-0b9befdc] {
    height: 60px;
    font-size: 0
}

.header .login-container a[data-v-0b9befdc], .header .login-container i[data-v-0b9befdc] {
    display: inline-block;
    vertical-align: middle
}

.header .login-container i[data-v-0b9befdc] {
    width: 0;
    height: 100%
}

.header .login-container a[data-v-0b9befdc] {
    width: 118px;
    height: 38px;
    border: 1px solid #d7d7d7;
    color: #363636;
    text-align: center;
    font-size: 16px;
    line-height: 38px;
    margin-left: 20px;
    border-radius: 3px;
    transition: .3s
}

.header .login-container a[data-v-0b9befdc]:hover {
    background: #ebebeb
}

.header .login-container a.reg[data-v-0b9befdc] {
    background: #f75940;
    border-color: #f75940;
    color: #fff
}

.header .login-container a.reg[data-v-0b9befdc]:hover {
    background: #df503a;
    border-color: #df503a
}

.header .logined-container[data-v-0b9befdc] {
    height: 60px;
    line-height: 60px
}

.header .logined-container a[data-v-0b9befdc], .header .logined-container i[data-v-0b9befdc] {
    display: inline-block;
    vertical-align: middle
}

.header .logined-container i[data-v-0b9befdc] {
    width: 0;
    height: 100%
}

.header .logined-container a[data-v-0b9befdc] {
    color: #363636;
    text-align: center;
    font-size: 16px;
    line-height: 38px;
    margin-left: 30px;
    border-radius: 3px;
    transition: .3s
}

.header .logined-container a[data-v-0b9befdc]:hover {
    color: #f75940
}

.header .logined-container a[data-v-0b9befdc] {
    position: relative
}

.header .logined-container span[data-v-0b9befdc] {
    position: absolute;
    top: 0;
    right: -9px;
    background: #f75940;
    color: #fff;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    text-align: center;
    font-size: 12px;
    line-height: 17px
}

.logined-dropdown[data-v-0b9befdc] {
    display: none
}

.home-head-img:hover .logined-dropdown[data-v-0b9befdc], .logined-dropdown[data-v-0b9befdc] {
    position: absolute;
    width: 120px;
    margin-top: 60px;
    margin-left: 0;
    padding: 10px 0;
    background-color: #fff;
    border: 1px solid #ebeef5;
    border-radius: 4px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1)
}

.home-head-img:hover .logined-dropdown[data-v-0b9befdc] {
    display: block
}

.logined-dropdown ul li[data-v-0b9befdc], .logined-dropdown ul li[data-v-0b9befdc]:hover {
    line-height: 30px;
    padding: 0 17px;
    font-size: 14px;
    cursor: pointer
}

.logined-dropdown ul li[data-v-0b9befdc]:hover {
    background-color: #ffedee;
    color: #ff7176
}

.first-section[data-v-0b9befdc] {
    height: 655px;
    padding-top: 130px;
    box-sizing: border-box
}

.first-section h3[data-v-0b9befdc] {
    font-size: 48px;
    font-weight: 700;
    color: #333;
    line-height: 1.5
}

.first-section p[data-v-0b9befdc] {
    font-size: 32px;
    color: #6b6b6b;
    line-height: 42px;
    padding: 20px 0 50px
}

.first-section a[data-v-0b9befdc] {
    display: block;
    font-size: 32px;
    color: #fff;
    width: 377px;
    height: 80px;
    line-height: 80px;
    background: #f75940;
    text-align: center;
    border-radius: 3px;
    box-shadow: 0 0 20px rgba(247, 89, 64, .6);
    transition: .3s
}

.first-section a[data-v-0b9befdc]:hover {
    background: #df503a
}

.second-section[data-v-0b9befdc] {
    background: url(/app/hr/file/img/bg2.36b484d.svg) top/1857px auto no-repeat
}

.second-section .second-section-child-firsth h3[data-v-0b9befdc] {
    padding-top: 110px;
    padding-bottom: 30px;
    font-size: 32px;
    color: #333;
    text-align: center;
    line-height: 40px;
    font-weight: 700
}

.second-section .second-section-child-firsth p[data-v-0b9befdc] {
    font-size: 20px;
    color: #6b6b6b;
    text-align: center
}

.second-section .second-section-child-firsth .list[data-v-0b9befdc] {
    margin-left: -5%;
    padding-bottom: 190px
}

.second-section .second-section-child-firsth .list li[data-v-0b9befdc] {
    position: relative;
    margin-top: 30px;
    margin-left: 5%;
    width: 20%;
    height: 250px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    background: #fff;
    border-radius: 3px;
    padding-top: 30px;
    box-sizing: border-box;
    overflow: hidden
}

.second-section .second-section-child-firsth .list li:hover .layout[data-v-0b9befdc] {
    visibility: visible;
    opacity: 1;
    transform: translateY(0)
}

.second-section .second-section-child-firsth .list li:hover .layout a[data-v-0b9befdc] {
    transform: translateY(0)
}

.second-section .second-section-child-firsth .list li:hover .layout2[data-v-0b9befdc] {
    visibility: visible;
    opacity: 1;
    transform: translateY(0)
}

.second-section .second-section-child-firsth .list li:hover .layout2 a[data-v-0b9befdc] {
    transform: translateY(0)
}

.second-section .second-section-child-firsth .list li .pic[data-v-0b9befdc] {
    height: 150px;
    width: 100%
}

.second-section .second-section-child-firsth .list li p[data-v-0b9befdc] {
    text-align: center;
    font-size: 20px;
    color: #717171;
    line-height: 2
}

.second-section .second-section-child-firsth .list li .layout[data-v-0b9befdc] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .6);
    visibility: hidden;
    opacity: 0;
    transition: .3s;
    transform: translateY(100%)
}

.second-section .second-section-child-firsth .list li .layout a[data-v-0b9befdc] {
    width: 160px;
    margin: 100px auto 0;
    display: block;
    height: 48px;
    background: #f75940;
    text-align: center;
    line-height: 48px;
    color: #fff;
    border-radius: 3px;
    transition: transform .3s .2s;
    transform: translateY(100%);
    transition: .3s
}

.second-section .second-section-child-firsth .list li .layout a[data-v-0b9befdc]:hover {
    background: #df503a
}

.second-section .second-section-child-firsth .list li .layout2[data-v-0b9befdc] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .6);
    visibility: hidden;
    opacity: 0;
    transition: .3s;
    transform: translateY(100%)
}

.second-section .second-section-child-firsth .list li .layout2 a[data-v-0b9befdc] {
    width: 160px;
    margin: 65px auto 0;
    display: block;
    height: 48px;
    background: #f75940;
    text-align: center;
    line-height: 48px;
    color: #fff;
    border-radius: 3px;
    transition: transform .3s .2s;
    transform: translateY(100%);
    transition: .3s
}

.second-section .second-section-child-firsth .list li .layout2 a[data-v-0b9befdc]:hover {
    background: #df503a
}

.second-section .second-section-child-second .item[data-v-0b9befdc] {
    width: 420px;
    float: right
}

.second-section .second-section-child-second .item h3[data-v-0b9befdc] {
    background: url() 0 no-repeat;
    padding-left: 160px;
    height: 160px;
    line-height: 160px;
    text-align: left;
    font-size: 32px;
    color: #333;
    font-weight: 700
}

.second-section .second-section-child-second .item p[data-v-0b9befdc] {
    padding-top: 30px;
    line-height: 34px;
    font-size: 20px;
    color: #6b6b6b
}

.second-section .second-section-child-second .item + .item[data-v-0b9befdc] {
    width: auto;
    float: left
}

.second-section .second-section-child-second .pt130[data-v-0b9befdc] {
    padding-top: 130px;
    box-sizing: border-box
}

.second-section .second-section-child-second .pt170[data-v-0b9befdc] {
    padding-top: 170px;
    box-sizing: border-box
}

.second-section .second-section-child-second .clear[data-v-0b9befdc] {
    padding-bottom: 100px
}

.second-section .second-section-child-second .clear:nth-child(odd) .item[data-v-0b9befdc] {
    float: left
}

.second-section .second-section-child-second .clear:nth-child(odd) .item + .item[data-v-0b9befdc] {
    float: right
}

.second-section .second-section-child-third .title[data-v-0b9befdc] {
    font-size: 0;
    text-align: center
}

.second-section .second-section-child-third .title h3[data-v-0b9befdc] {
    display: inline-block;
    padding-left: 160px;
    height: 160px;
    line-height: 160px;
    text-align: left;
    font-size: 32px;
    color: #333;
    background: url() 0 no-repeat;
    font-weight: 700
}

.second-section .second-section-child-third p[data-v-0b9befdc] {
    padding: 0 0 40px;
    line-height: 34px;
    font-size: 20px;
    color: #6b6b6b;
    max-width: 850px;
    margin: 0 auto
}

.third-section[data-v-0b9befdc] {
    position: relative;
    background: #f5f5f5 linear-gradient(180deg, #f7734e, #f7734e) top/1px 260px repeat-x
}

.third-section .pic[data-v-0b9befdc] {
    padding-top: 20px
}

.third-section .pic img[data-v-0b9befdc] {
    display: block;
    margin: 0 auto
}

.third-section .btn-start[data-v-0b9befdc] {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1
}

.third-section .btn-start a[data-v-0b9befdc] {
    display: block;
    margin: 0 auto -40px;
    font-size: 32px;
    color: #fff;
    width: 377px;
    height: 80px;
    line-height: 80px;
    background: #f75940;
    text-align: center;
    border-radius: 3px;
    box-shadow: 0 0 20px rgba(247, 89, 64, .6);
    transition: .3s
}

.third-section .btn-start a[data-v-0b9befdc]:hover {
    background: #df503a
}

.fourth-section[data-v-0b9befdc] {
    background: url() center bottom 40px no-repeat;
    padding: 195px 0 50px
}

.fourth-section h3[data-v-0b9befdc] {
    font-size: 32px;
    color: #333;
    text-align: center;
    line-height: 42px
}

.fourth-section p[data-v-0b9befdc] {
    padding: 20px 0 0;
    font-size: 20px;
    color: #6b6b6b;
    line-height: 34px;
    max-width: 840px;
    margin: 0 auto
}

.fourth-section .w[data-v-0b9befdc] {
    position: relative
}

.fourth-section .swiper-container[data-v-0b9befdc] {
    margin: 0 55px;
    padding: 70px 20px
}

.fourth-section .content[data-v-0b9befdc] {
    padding: 20px;
    box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    background: #fff
}

.fourth-section .content .user-info .more-info[data-v-0b9befdc] {
    padding-left: 20px
}

.fourth-section .content .user-info .more-info .name[data-v-0b9befdc] {
    font-size: 20px
}

.fourth-section .content .user-info .more-info p[data-v-0b9befdc] {
    padding: 10px 0 0;
    font-size: 16px;
    line-height: 1;
    min-height: auto
}

.fourth-section .content p[data-v-0b9befdc] {
    padding: 15px 0 35px;
    font-size: 12px;
    color: #6b6b6b;
    line-height: 20px;
    max-width: auto;
    max-height: 150px;
    min-height: 150px;
    box-sizing: border-box
}

.fourth-section .content a[data-v-0b9befdc] {
    width: 140px;
    height: 40px;
    font-size: 12px;
    color: #fff;
    display: block;
    margin: 0 auto;
    line-height: 40px;
    background: #f75940;
    text-align: center;
    border-radius: 3px;
    transition: .3s
}

.fourth-section .content a[data-v-0b9befdc]:hover {
    background: #df503a
}

.fourth-section .swiper-button-prev[data-v-0b9befdc] {
    width: 47px;
    height: 93px;
    margin-top: -46.5px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAABdCAYAAAA1zT9mAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjVDQkY0OThDRDVDNTExRTg4NjA3QkVCMUJGODdGNDk2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjVDQkY0OThERDVDNTExRTg4NjA3QkVCMUJGODdGNDk2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NUNCRjQ5OEFENUM1MTFFODg2MDdCRUIxQkY4N0Y0OTYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NUNCRjQ5OEJENUM1MTFFODg2MDdCRUIxQkY4N0Y0OTYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6pKb48AAADYUlEQVR42tScbVPaQBDHjxjBamvb0VLAqW11+viW7/9B2hf2QQVBtC1PCgToLu45MV4CIXe52//Mf4ZBB34bLnu7m0ChXq+XhBAb4Bl5SnZePngfXFH8bUy+Bd+Ah+ABeO4SfJyK5Keh5xC8D+6Sh67Cq1QAPyMfgEfga/AVPXYaPio8X6pk/CTa4H9c4MPaJeM50qRPxKg8A6+5BX4P/krBsIKXegL+AD6mE9/pZROnF3SCn4MvuRz5sHATPAQf0WNW8FIvwV/A2xzhZXr9DN7jCC83u3fgGkd4Kdzc3nCFR5XXDcAFeBlAhSu8oEJvnyu8oL3gOVf4AtVFJY7wcjc+okDYwQvagWtc4VGvwTtc4XHZvE1aPi7Dy56gzBVelhA+V/iNuN2XAzzqFXiTK7xHAbCEl0ff4wrvUxvJEl5Eq05u8Dj0LeYFPzM0gbhfR6bUAF/Qexwvq1NSCOv9lskjfyruhq04z5/QY51LxzMFj+BtRabQWbDtmIBXgZeoP9WpXd3wceAfVVt7Rmk98kngJsbb27rg8waXlWbRYwgulQneJvjivTym4Iv06zEFR236msA/GUiHSxuUNPAdBfiWoTy+EnyaZdNTPHdoCXxRJqSBV10Q/iEs3HNAmqeB36MZSlhYMX4Td5fs89YsbbapxQTw3UIA03VSpSsBBOtuUjXxeASddwCTLOVB1XIA46yFmc0ARjpKYhsBBFmXjc0AbnS3gUkB6N7I+iYa8LgAzjS/T9fU6KOqmBbovJEUp3AD3fOUsCp0YBpUuB1oXjJzk/Coski4GJZB9/dtcpsSo/5whe9RAmAJ33nQSjECn4SXDDf4y2jK5QI/FYq7YbnAt6kYYweP0C3l7IMB/LmI+QKO6/BYw1zF/dFleMwsv5KKOpfhm7Lp4AaPlePFsn9yER530pNVegDPwXV+Ei6+OMH/lP0pN3jM56m+W+UKfHOVEzQq3wHwhljzxgrf8sl5Jh5fKnIeHscXeFXlb5YXsQE/JPDMY8C84bEHPRWabt/KCx5r8t/RHpQDfIdyeKD7hU3C9yibGPueuAn4PuXtrumPVBf8nNJei7qfXJQVfkD1yLWJNa0bPqC1jMZp7dhmXeEnQGJNPRIPf3HiVjgkn9ZpJ7RtB8Khn8RI0n8BBgB7JsZ/TgHEFQAAAABJRU5ErkJggg==) 50% no-repeat;
    left: 0
}

.fourth-section .swiper-button-next[data-v-0b9befdc] {
    width: 48px;
    height: 93px;
    right: 0;
    margin-top: -46.5px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAABdCAYAAADjaOUDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjZCMjg5MkY0RDVDNTExRTg4REI1QTRFMzEyRjhFQUE3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjZCMjg5MkY1RDVDNTExRTg4REI1QTRFMzEyRjhFQUE3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NkIyODkyRjJENUM1MTFFODhEQjVBNEUzMTJGOEVBQTciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NkIyODkyRjNENUM1MTFFODhEQjVBNEUzMTJGOEVBQTciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6+PiTwAAADVUlEQVR42tSbC08TQRCA57Z3YNsUtbRa34hafkD//68w0fggBIWkKNBEgRaqnDthNmzW09xdd/Z2JpkATbmbrzvP3WsymUxAiCitKan5+yKN0NBMa1drW2tH67rWNa2tgve+TSP5ZDcsXa/yz00BJGRsX+s9gqgloQHwfgOtQ3ILLxcMZfiIDFe+L8zt32j4Q9+GhwBA337my1VCAuA1XxBAEN/0KXfJ+CxkVvAlj7U+Cp2PU0+Buk2fPkgDQFd5TSUfpAFgdhlXLf2xAKDxO9wpsqz/VpUWuU3jxtcBwPe/olYXJAK81NqLbcopK6NQ1ZUDoEeFCiQCYNBu0RAiEuBpLBmnDkCPJiiQCJBQPw9SAYYx5fuqAAmlTZAKMAg5lPgGSGgIB6kA/aZb5FUBhiBIXADMOl3JAH0QJi7Afc/Xvw45UrY9B++h1iNKx9tcrmmvwIbH615pnWrN6fdPWs8lASjn2r+5IOybdD275nPnNRYIA3AHis+gVpFNuNknZYVQVgBzyIAbghuAHcIAcPc+bBChANggVEFBawriTAKAgdgqgPhcB8IAtCCsbMLfe021IBQ0t2Fl6oQLsUs/a5X8JiDc/dZfWudVAK4bBMBudea8llWpS4o6xqaMPyjood5UiUll+V4Mxo+rdgXK8jtxxtsAS4nG2wBXEo23K/Als/FTmpG9Gm+vwFyi8fYKzAMbv0NToLeBZsGQiY4KjM98Gu8O9T6H7eU/jB/7NN4F+OF5BXJu4zkB0OAn1BJ0uIx3B5kFqa8bjSDAMZXbSs9AmLgAJ9IBsCL/lAyA8l06wIyCWSyAaQFEA5wG6FBZAXIpq/C/LZVjrReSAVC+NLhr4QXgPPa0WmZX7jDmtFoGAHfu9mJ1pbL7ohjMXyUDmBbjRDIAyn5szV5VAIyD3ZjqQ52zAXOmtZAKgIJbMB9iWIlVTmcQ4mPTMbHq8ZJxp1OpACaw96hO5BIBjHwjl7qUCoCCZ7zvqRUXCWDiYp9WYyERwAhmp3c0U7CdwXE/I5FbPdQDuHkmO5UEYLfkUwr0PsG0JQHYIMekXYLBh20zKQDuuIp6QDD4dV78zg5uxycSAOw4OYPbx2wUQXTg9mniNVolFSNAkZvZQG7WTK0VWv4RYADUvKhZzdCDqwAAAABJRU5ErkJggg==) 50% no-repeat
}

.fifth-section[data-v-0b9befdc] {
    padding: 50px 0 40px;
    background: url(/app/hr/file/img/4522cb6c98d467b314377bb2ce0b0995-1919+421.4522cb6.jpg) 50% no-repeat
}

.fifth-section h3[data-v-0b9befdc] {
    font-size: 30px;
    color: #fff;
    text-align: center
}

.fifth-section .swiper-container[data-v-0b9befdc] {
    padding: 40px 0
}

.fifth-section .swiper-slide[data-v-0b9befdc] {
    background: #fdded9;
    border-radius: 10px
}

.fifth-section .swiper-slide-active[data-v-0b9befdc] {
    opacity: 1;
    background: #fff
}

.fifth-section .swiper-pagination span[data-v-0b9befdc] {
    width: 33px;
    height: 5px;
    background: #fff;
    border-radius: 0
}

.fifth-section .swiper-pagination .swiper-pagination-bullet-active[data-v-0b9befdc] {
    background: #f75940
}

.fifth-section .content[data-v-0b9befdc] {
    max-width: 800px;
    border-radius: 10px;
    padding: 20px 40px
}

.fifth-section .content p[data-v-0b9befdc] {
    font-size: 14px;
    color: #5c5c5c;
    line-height: 20px;
    min-height: 100px
}

.fifth-section .user-info .pic img[data-v-0b9befdc] {
    border-radius: 50%
}

.fifth-section .user-info .base-info[data-v-0b9befdc] {
    padding-left: 10px
}

.fifth-section .user-info .base-info .name[data-v-0b9befdc] {
    font-size: 14px;
    color: #35445e;
    line-height: 1
}

.fifth-section .user-info .base-info p[data-v-0b9befdc] {
    padding-top: 5px;
    font-size: 12px;
    color: #99a1ae;
    min-height: auto
}

.fifth-section .swiper-button-next[data-v-0b9befdc], .fifth-section .swiper-button-prev[data-v-0b9befdc] {
    width: 33px;
    height: 33px;
    background-size: 33px 33px;
    margin-top: -16.5px
}

.footer[data-v-0b9befdc] {
    padding: 30px 0 20px;
    color: #c3c3c3;
    background: #4f4f4f
}

.footer .qrcode[data-v-0b9befdc] {
    padding: 0 90px 0 0
}

.footer .qrcode p[data-v-0b9befdc] {
    text-align: center;
    font-size: 14px;
    line-height: 3
}

.footer .menu .item h3[data-v-0b9befdc] {
    font-size: 16px;
    color: #e2e2e2;
    padding-bottom: 16px;
    line-height: 26px
}

.footer .menu .item p[data-v-0b9befdc] {
    font-size: 14px;
    color: #c3c3c3;
    line-height: 24px;
    padding-bottom: 10px
}

.footer .menu .item .icons a + a[data-v-0b9befdc] {
    margin-left: 20px
}

.footer .menu .item + .item[data-v-0b9befdc] {
    padding-left: 100px
}

.footer .menu a[data-v-0b9befdc] {
    transition: .3s
}

.footer .menu a[data-v-0b9befdc]:hover {
    color: #f75940
}

.main[data-v-0b9befdc] {
    width: 100%
}

.content[data-v-0b9befdc], .main[data-v-0b9befdc] {
    height: 100%
}

.problem[data-v-0b9befdc] {
    margin-top: 36px
}

.problem-img[data-v-0b9befdc] {
    float: left;
    margin-right: 16px;
    height: 80px
}

.problem-title[data-v-0b9befdc] {
    font-size: 16px;
    font-weight: 700;
    color: #212121;
    line-height: 22px;
    margin-bottom: 14px
}

.problem-content[data-v-0b9befdc] {
    font-size: 13px;
    color: #757575;
    line-height: 23px;
    margin-left: 72px;
    text-align: justify
}

.footer-content[data-v-0b9befdc] {
    width: 895px;
    margin: 100px auto 0
}

.footer-title[data-v-0b9befdc] {
    text-align: center;
    font-size: 26px;
    color: #212121;
    top: 20px
}

.page-footer[data-v-0b9befdc] {
    width: 100%;
    height: 1550px;
    background: #fff;
    padding: 62px 48px
}

.demo7[data-v-0b9befdc] {
    height: 567px;
    background-image: url(/app/hr/file/img/Group\ 29.efd2e25.png);
    padding: 15px;
    margin-top: 40px
}

.demo7-title[data-v-0b9befdc], .demo7[data-v-0b9befdc] {
    width: 100%;
    text-align: center
}

.demo7-title[data-v-0b9befdc] {
    height: 32px;
    font-size: 26px;
    font-weight: 500;
    color: #212121;
    margin: 40px 0
}

.demo7-img[data-v-0b9befdc] {
    margin-top: 65px
}

.tutor-Reply[data-v-0b9befdc] {
    width: 645px;
    height: 68px;
    background: #faf8f8;
    color: #757575;
    border-radius: 5px;
    text-align: left !important;
    text-align: initial !important;
    padding: 10px 15px;
    line-height: 24px;
    margin: 15px auto 0
}

.tutor-Reply span[data-v-0b9befdc] {
    font-size: 13px;
    color: #4f8ef3
}

.user-content[data-v-0b9befdc] {
    width: 650px;
    height: 48px;
    font-size: 14px;
    color: #757575;
    line-height: 24px;
    text-align: justify !important;
    margin: 15px auto 0
}

.services[data-v-0b9befdc] {
    height: 20px;
    font-size: 13px;
    color: #757575;
    line-height: 20px;
    margin-top: 20px;
    margin-bottom: 20px
}

.services span[data-v-0b9befdc] {
    color: #4f8ef3
}

.order-price[data-v-0b9befdc] {
    height: 18px;
    font-size: 13px;
    font-weight: 500;
    color: #757575;
    line-height: 18px;
    margin-top: 15px
}

.order-price span[data-v-0b9befdc] {
    color: #f75940
}

.user-name[data-v-0b9befdc] {
    font-size: 18px;
    font-weight: 700;
    color: #212121;
    line-height: 25px;
    margin-top: 14px
}

.user-img[data-v-0b9befdc] {
    height: 33px
}

.user-img img[data-v-0b9befdc] {
    width: 65px;
    height: 66px;
    border-radius: 35px;
    margin-top: -33px
}

.w[data-v-0b9befdc] {
    margin-top: 30px
}

.evaluation[data-v-0b9befdc] {
    width: 700px;
    height: 385px;
    background: #fff;
    box-shadow: 0 2px 40px 0 rgba(203, 191, 191, .3);
    border-radius: 5px;
    text-align: center;
    padding: 0 20px;
    margin: 33px auto 0
}

.demo6[data-v-0b9befdc] {
    width: 1200px;
    margin: 0 auto
}

.demo6-title[data-v-0b9befdc] {
    width: 100%;
    height: 50px;
    text-align: center;
    font-size: 26px;
    font-weight: 500;
    color: #212121;
    margin-top: 58px
}

.onbulrs[data-v-0b9befdc] {
    background: linear-gradient(90deg, #faf5f3, #f5f4f4) !important
}

.onbulrsText[data-v-0b9befdc] {
    color: #f75940
}

.demo5[data-v-0b9befdc] {
    width: 100%;
    display: flex;
    height: 667px;
    background: #fff;
    margin-top: 120px
}

.demo5-change[data-v-0b9befdc] {
    width: 715px;
    height: 667px;
    background: #f5f4f4;
    float: left;
    padding: 58px 346px 50px 75px
}

.demo5-title[data-v-0b9befdc] {
    width: 485px;
    height: 130px;
    float: left;
    margin-top: 60px
}

.CV img[data-v-0b9befdc] {
    margin-right: 43px;
    float: left
}

.CV[data-v-0b9befdc]:hover {
    background: linear-gradient(90deg, #faf5f3, #f5f4f4) !important
}

.GH img[data-v-0b9befdc] {
    margin-right: 40px;
    float: left
}

.GH[data-v-0b9befdc]:hover {
    background: linear-gradient(90deg, #faf5f3, #f5f4f4) !important
}

.MS img[data-v-0b9befdc] {
    margin-right: 34px;
    float: left
}

.MS[data-v-0b9befdc]:hover {
    background: linear-gradient(90deg, #faf5f3, #f5f4f4) !important
}

.CV-title[data-v-0b9befdc], .GH-title[data-v-0b9befdc], .MS-title[data-v-0b9befdc] {
    width: 80px;
    height: 22px;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    float: left;
    margin-bottom: 7px
}

.CV-details[data-v-0b9befdc], .GH-details[data-v-0b9befdc], .MS-details[data-v-0b9befdc] {
    width: 280px;
    height: 22px;
    font-size: 13px;
    color: #757575;
    line-height: 18px;
    float: left
}

.EN[data-v-0b9befdc] {
    width: 199px;
    height: 33px;
    font-size: 28px;
    font-family: AlBayan;
    font-weight: 700;
    color: #f6f4f4;
    line-height: 47px;
    margin-bottom: 30px
}

.CN[data-v-0b9befdc] {
    width: 278px;
    height: 28px;
    font-size: 26px;
    font-family: Microsoft YaHei;
    color: #212121;
    line-height: 28px;
    margin-bottom: 33px
}

.CV[data-v-0b9befdc], .GH[data-v-0b9befdc], .MS[data-v-0b9befdc] {
    width: 485px;
    height: 100px;
    background: #fff;
    padding: 24px 0 20px 66px;
    float: left;
    outline: none;
    cursor: pointer
}

.demo4-footer[data-v-0b9befdc] {
    height: 36px;
    margin-top: 30px;
    text-align: center
}

.move-tutor[data-v-0b9befdc] {
    width: 102px;
    height: 36px;
    border-radius: 18px;
    border: 1px solid #f75940;
    font-size: 14px;
    color: #f75940;
    background-color: #fbfbfb;
    line-height: 19px;
    outline: none;
    cursor: pointer
}

.move-tutor[data-v-0b9befdc]:hover {
    background: #f75940 !important;
    color: #fff !important
}

.move-footer[data-v-0b9befdc] {
    text-align: center;
    margin-top: 5px
}

.move-footer .detail-button[data-v-0b9befdc] {
    width: 82px;
    height: 28px;
    border-radius: 2px;
    background: #fff;
    border: 1px solid #f75940;
    font-size: 12px;
    color: #f75940;
    line-height: 20px;
    outline: none;
    cursor: pointer
}

.move-footer .detail-button[data-v-0b9befdc]:hover {
    background: #f75940 !important;
    color: #fff !important
}

.detail-button[data-v-0b9befdc] {
    width: 102px;
    height: 36px;
    border-radius: 2px;
    background: #fafafa;
    border: 1px solid #f75940;
    font-size: 13px;
    color: #f75940;
    line-height: 30px;
    outline: none;
    cursor: pointer
}

.detail-button[data-v-0b9befdc]:hover {
    background: #f75940 !important;
    color: #fff !important
}

.move-job[data-v-0b9befdc] {
    width: 290px;
    height: 20px;
    font-size: 13px;
    font-weight: 600;
    color: #757575;
    line-height: 20px;
    margin-left: 40px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
}

.move-name[data-v-0b9befdc] {
    width: 198px;
    height: 28px;
    font-size: 18px;
    font-weight: 500;
    color: #212121;
    line-height: 28px;
    float: left
}

.move-content[data-v-0b9befdc] {
    width: 100%;
    height: 85px;
    line-height: 21px;
    overflow: hidden;
    font-size: 12px;
    color: #757575;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    text-align: justify
}

.move-head[data-v-0b9befdc] {
    width: 388px;
    height: 53px
}

.move-img[data-v-0b9befdc] {
    background: #d8d8d8;
    margin-right: 10px;
    float: left
}

.move-img[data-v-0b9befdc], .move-img img[data-v-0b9befdc] {
    width: 45px;
    height: 45px;
    border-radius: 4px
}

.mian[data-v-0b9befdc] {
    width: 100%;
    height: 5517px
}

.demo1[data-v-0b9befdc] {
    height: 253px;
    background: linear-gradient(180deg, rgba(254, 248, 236, .38), #fff1df 82%, #fff2e2)
}

.demo2[data-v-0b9befdc] {
    max-width: 1200px;
    width: 1200px;
    height: 518px;
    margin: 40px auto 0
}

.demo2-title[data-v-0b9befdc] {
    width: 100%;
    height: 32px;
    text-align: center;
    font-size: 26px;
    font-weight: 500;
    color: #212121
}

.demo2-content[data-v-0b9befdc] {
    margin-top: 60px
}

.demo3-main[data-v-0b9befdc] {
    margin: 0 auto;
    max-width: 1200px;
    width: 1200px
}

.demo3-title[data-v-0b9befdc] {
    width: 100%;
    height: 32px;
    text-align: center;
    font-size: 26px;
    font-weight: 500;
    color: #212121
}

.demo3-content[data-v-0b9befdc] {
    margin-top: 45px;
    padding-left: 60px
}

.demo3-content img[data-v-0b9befdc] {
    width: 1090px;
    height: 275px
}

.demo4[data-v-0b9befdc] {
    margin: 0 auto;
    max-width: 1200px;
    width: 1200px;
    height: 607px;
    padding-top: 40px
}

.demo4-title[data-v-0b9befdc] {
    width: 100%;
    height: 32px;
    text-align: center;
    font-size: 26px;
    font-weight: 500;
    color: #212121
}

.demo4-content[data-v-0b9befdc] {
    width: 1230px;
    margin-top: 40px
}

.demo4-block[data-v-0b9befdc] {
    width: 380px;
    height: 201px;
    background: #fff;
    box-shadow: 0 0 8px 0 hsla(0, 0%, 78.4%, .5);
    border-radius: 5px;
    float: left;
    margin-right: 30px;
    margin-top: 30px;
    padding: 16px;
    transition: all .4s;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
    -o-transition: all .4s
}

.demo4-block[data-v-0b9befdc]:hover {
    transform: scale(1.08)
}

.tags[data-v-0b9befdc] {
    margin-left: 12px;
    width: 200px;
    height: 58px;
    min-height: 58px;
    margin-top: 3px;
    overflow: hidden;
    font-size: 13px
}

.tag[data-v-0b9befdc], .tags[data-v-0b9befdc] {
    float: left;
    margin-bottom: 6px
}

.tag[data-v-0b9befdc] {
    text-align: center;
    line-height: 24px;
    height: 24px;
    padding: 0 9px;
    background: #e7f0ff;
    border-radius: 2px;
    font-size: 100%;
    color: #4f8ef3;
    margin-right: 8px
}

.end[data-v-0b9befdc] {
    margin-right: 0 !important
}

.tutor-head[data-v-0b9befdc] {
    height: 125px
}

.tutor-content[data-v-0b9befdc] {
    width: 100%;
    font-size: 12px;
    color: #bdbdbd;
    margin-top: 22px;
    height: 44px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 22px;
    display: flex
}

.tutor-content span[data-v-0b9befdc] {
    color: #f75940
}

.head-img[data-v-0b9befdc] {
    background: #d8d8d8;
    float: left
}

.head-img[data-v-0b9befdc], .head-img img[data-v-0b9befdc] {
    width: 125px;
    height: 125px;
    border-radius: 4px
}

.tutor-name[data-v-0b9befdc] {
    margin-left: 12px;
    width: 200px;
    float: left;
    font-size: 20px;
    font-weight: 500;
    color: #212121;
    margin-bottom: 3px
}

.tutor-job[data-v-0b9befdc] {
    width: 200px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 20px;
    min-height: 40px;
    margin-bottom: 4px
}

.statistics[data-v-0b9befdc], .tutor-job[data-v-0b9befdc] {
    margin-left: 12px;
    float: left;
    font-size: 13px;
    color: #757575
}

.statistics span[data-v-0b9befdc] {
    color: #f75940
}

.success[data-v-0b9befdc] {
    width: 70px;
    padding-top: 0
}

.fraction[data-v-0b9befdc] {
    float: left;
    width: 60px;
    padding-top: 0
}

.service-block1[data-v-0b9befdc] {
    width: 360px;
    height: 330px;
    background: #fff;
    box-shadow: 0 0 8px 0 rgba(229, 192, 186, .5);
    border-radius: 5px;
    float: left;
    display: inline;
    padding: 30px;
    background-image: url(/app/hr/file/img/Orgimg.5039e7f.png)
}

.service-block1[data-v-0b9befdc]:hover {
    box-shadow: 0 10px 15px 0 rgba(229, 192, 186, .5) !important
}

.service-block2[data-v-0b9befdc] {
    width: 360px;
    height: 330px;
    background: #fff;
    box-shadow: 0 0 8px 0 rgba(197, 209, 228, .5);
    border-radius: 5px;
    float: left;
    display: inline;
    margin-left: 60px;
    padding: 30px;
    background-image: url(/app/hr/file/img/buleimg.92ee5be.png)
}

.service-block2[data-v-0b9befdc]:hover {
    box-shadow: 0 10px 15px 0 rgba(197, 209, 228, .5) !important
}

.service-block3[data-v-0b9befdc] {
    width: 360px;
    height: 330px;
    background: #fff;
    box-shadow: 0 0 8px 0 rgba(215, 212, 195, .5);
    border-radius: 5px;
    float: left;
    display: inline;
    margin-left: 60px;
    padding: 30px;
    background-image: url(/app/hr/file/img/yelowimg.02d9179.png)
}

.service-block3[data-v-0b9befdc]:hover {
    box-shadow: 0 10px 15px 0 rgba(215, 212, 195, .5) !important
}

.gh-button[data-v-0b9befdc] {
    margin-top: 30px;
    margin-left: 100px
}

.gh-button button[data-v-0b9befdc] {
    width: 102px;
    height: 36px;
    border-radius: 4px;
    background: #fff;
    border: 1px solid #f75940;
    font-size: 13px;
    color: #f75940;
    line-height: 17px;
    outline: none;
    cursor: pointer
}

.gh-button:hover button[data-v-0b9befdc] {
    background: #f75940 !important;
    color: #fff !important;
    outline: none;
    cursor: pointer
}

.cv-button[data-v-0b9befdc] {
    margin-top: 30px;
    margin-left: 100px
}

.cv-button button[data-v-0b9befdc] {
    width: 102px;
    height: 36px;
    border-radius: 4px;
    background: #fff;
    border: 1px solid #4f8ef3;
    font-size: 13px;
    color: #4f8ef3;
    line-height: 17px;
    outline: none;
    cursor: pointer
}

.cv-button:hover button[data-v-0b9befdc] {
    background: #4f8ef3 !important;
    color: #fff !important;
    outline: none;
    cursor: pointer
}

.fd-button[data-v-0b9befdc] {
    margin-top: 30px;
    margin-left: 100px
}

.fd-button button[data-v-0b9befdc] {
    width: 102px;
    height: 36px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #f3bd18;
    font-size: 13px;
    color: #f3bd18;
    outline: none;
    cursor: pointer
}

.fd-button:hover button[data-v-0b9befdc] {
    background: #f3bd18 !important;
    color: #fff !important
}

.demo3[data-v-0b9befdc] {
    width: 100%;
    height: 460px;
    background: #fff;
    padding-top: 40px
}

.totor-service[data-v-0b9befdc]:before {
    margin-left: -100px
}

.totor-service[data-v-0b9befdc]:after, .totor-service[data-v-0b9befdc]:before {
    content: "";
    position: absolute;
    top: 52%;
    background: #505050;
    opacity: .24989999999999998;
    width: 80px;
    height: 1px
}

.totor-service[data-v-0b9befdc]:after {
    margin-left: 20px
}

.pinglunPrev[data-v-0b9befdc] {
    background: url(/app/hr/file/img/button-disabled.2beb0b1.png);
    background-size: 54px;
    width: 54px;
    height: 54px;
    margin-left: 36px
}

.pinglunPrev[data-v-0b9befdc]:hover {
    width: 54px;
    height: 54px;
    background: url(/app/hr/file/img/feedback-left.d2088be.png)
}

.pinglunNext[data-v-0b9befdc] {
    background: url(/app/hr/file/img/feedback-right.166ad8a.png);
    background-size: 54px;
    width: 54px;
    height: 54px;
    margin-right: 36px
}

.pinglunNext[data-v-0b9befdc]:hover {
    background: url(/app/hr/file/img/feeb-right.42a6373.png)
}

.el-select[data-v-0b9befdc]:hover {
    border: 1px solid #f75940
}

.page-head[data-v-0b9befdc] {
    height: 60px
}

.tutorServices[data-v-0b9befdc] {
    font-size: 12px;
    width: 200px;
    height: 30px;
    margin-left: 12px;
    float: left;
    color: #757575;
    padding-top: 5px
}

.tutorService[data-v-0b9befdc] {
    width: 100%;
    height: 25px;
    float: left;
    line-height: 22px
}

.dot[data-v-0b9befdc] {
    font-weight: 700
}

.servicePrice[data-v-0b9befdc] {
    width: 85px;
    height: 20px;
    font-size: 22px;
    font-weight: 500;
    color: #f75940;
    text-align: right
}

.servicePrice span[data-v-0b9befdc] {
    color: #bdbdbd;
    font-size: 14px
}