@import "//at.alicdn.com/t/font_921857_crnchw9jv1a.css";

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
dl,
dt,
dd,
ul,
ol,
li,
form,
button,
input,
textarea,
th,
td {
    font-weight: normal;
    margin: 0;
    padding: 0
}

body,
button,
input,
select,
textarea,
h1,
h2,
h3,
h4,
h5,
h6,
i {
    font: normal 12px "Microsoft YaHei", BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

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

a {
    text-decoration: none;
    color: #333
}

a:hover {
    text-decoration: none
}

img {
    vertical-align: top;
    border: 0
}

button,
input,
textarea {
    font-size: 100%;
    vertical-align: middle;
    outline: none;
    border-radius: 0;
    -webkit-appearance: none
}

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

div,
a {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0)
}

html {
    width: 100%;
    font-size: 100px
}

body {
    /* height: 100%; */
    /* min-height: 100% */
    width: 100%;
}

body.is-showbg {
    background-color: #f8f8f8
}

@media screen and (min-width: 320px) {
    html {
        font-size: 85.33333px
    }
}

@media screen and (min-width: 360px) {
    html {
        font-size: 96px
    }
}

@media screen and (min-width: 375px) {
    html {
        font-size: 100px
    }
}

@media screen and (min-width: 480px) {
    html {
        font-size: 128px
    }
}

@media screen and (min-width: 640px) {
    html {
        font-size: 170.66667px
    }
}

@media screen and (min-width: 750px) {
    html {
        font-size: 200px
    }
}

::-webkit-input-placeholder {
    color: #c2c0c0
}

::-moz-placeholder {
    color: #c2c0c0
}

.clearfloat:after {
    font-size: 0;
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: ' '
}

.clearfloat {
    *zoom: 1
}

.clearboth {
    clear: both
}

.wp {
    width: 1000px;
    margin: 0 auto
}

.checkBrowser {
    font-size: 14px;
    line-height: 40px;
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 50%;
    width: 700px;
    height: 40px;
    margin-left: -360px;
    padding: 0 10px;
    color: #fff;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    background-color: #e6212a
}

.checkBrowser a {
    font-size: 16px;
    line-height: 20px;
    position: absolute;
    top: 10px;
    right: 5px;
    display: block;
    width: 20px;
    height: 20px;
    cursor: pointer;
    text-align: center;
    color: #333;
    border-radius: 50%;
    background-color: #fff
}

.header {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    height: .5rem;
    padding: 0 .15rem;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.header .menu-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header .menu-wrap .iconfont {
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    color: #275928
}

.header .menu-wrap .txt {
    display: inline-block;
    padding-left: 4px;
    font-size: .11rem;
    font-family: "Source Han Sans CN";
    color: #666
}

.header .logo-wrap {
    width: 1.725rem;
    text-align: center
}

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

.header .search-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header .search-wrap img {
    display: inline-block;
    width: .15rem;
    height: .15rem
}

.header .search-box {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    padding: .1rem .15rem;
    background-color: #fff;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    border-top: 1px solid #ddd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 9;
    visibility: hidden;
    opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: .4s ease all;
    -moz-transition: .4s ease all;
    -o-transition: .4s ease all;
    transition: .4s ease all
}

.header .search-box.anim {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    visibility: visible;
    opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=100)
}

.header .search-box form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header .search-box .input-box {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: .35rem;
    padding: 0 10px;
    border: 1px solid #ddd;
    border-radius: 5px
}

.header .search-box .search-input {
    width: 100%;
    height: 100%;
    font-size: 12px;
    color: #666;
    background: none;
    border: none
}

.header .search-box .search-btn {
    width: .5rem;
    height: .25rem;
    margin-left: 10px;
    font-size: 12px;
    color: #fff;
    background-color: #5387e2;
    border-radius: 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none
}

.header .nav-wrap {
    display: none;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    z-index: 9999
}

.header .nav-wrap .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(27, 27, 27, 0.3);
    z-index: 9
}

.header .nav-wrap .nav-top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: .5rem;
    padding: 0 .15rem;
    background-color: #5387e2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 999
}

.header .nav-wrap .nav-top .go-back-btn {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.header .nav-wrap .nav-top .go-back-btn i,
.header .nav-wrap .nav-top .go-back-btn span {
    padding: 0 5px;
    font-size: 14px;
    color: #fff;
    vertical-align: middle
}

.header .nav-wrap .nav-list-wrap {
    position: absolute;
    top: .5rem;
    left: 0;
    bottom: 0;
    width: 2.2rem;
    padding-top: 10px;
    background-color: #fff;
    overflow: hidden;
    z-index: 999;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: .4s ease all;
    -moz-transition: .4s ease all;
    -o-transition: .4s ease all;
    transition: .4s ease all
}

.header .nav-wrap .nav-list-wrap.trans {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.header .nav-wrap .nav-list-wrap ul {
    padding-bottom: 50px
}

.header .nav-wrap .nav-list-wrap li {
    padding: 0 .225rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.header .nav-wrap .nav-list-wrap li .nav-list-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: .45rem;
    border-bottom: 1px solid #d9d9d9
}

.header .nav-wrap .nav-list-wrap li .nav-list-title a {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 14px
}

.header .nav-wrap .nav-list-wrap li .nav-list-title .nav-list-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.header .nav-wrap .nav-list-wrap li .nav-list-title .iconfont {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: .2s ease all;
    -moz-transition: .2s ease all;
    -o-transition: .2s ease all;
    transition: .2s ease all
}

.header .nav-wrap .nav-list-wrap li .nav-list-title .iconfont.rotate {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.header .nav-wrap .nav-list-wrap li .sub {
    display: none
}

.header .nav-wrap .nav-list-wrap li .sub>li {
    height: 48px;
    padding: 0 10px;
    border-bottom: 1px solid #d9d9d9
}

.header .nav-wrap .nav-list-wrap li .sub>li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    font-size: 13px;
    color: #adadad
}

.footer {
    padding-bottom: .55rem
}

.footer .hd {
    width: 100%;
    padding: .2rem .15rem;
    background-color: #37241e;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.footer .hd dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.footer .hd dl:not(:last-child) {
    margin-bottom: .175rem
}

.footer .hd dl dt {
    font-size: .12rem;
    font-family: "PingFang";
    color: rgba(255, 255, 255, 0.8)
}

.footer .hd dl dt .dt {
    display: inline-block;
    padding-bottom: 5px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.8)
}

.footer .hd dl dd {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: .1rem
}

.footer .hd dl dd a {
    display: inline-block;
    padding-right: .2rem;
    margin-bottom: 3px;
    font-size: .11rem;
    font-family: "PingFang";
    color: rgba(255, 255, 255, 0.8)
}

.footer .ft {
    padding: .2rem .15rem;
    border-top: 1px solid rgba(249, 249, 249, 0.05);
    background-color: #2b1c15
}

.footer .ft .p {
    margin-bottom: .1rem;
    font-size: .11rem;
    font-family: "PingFang";
    color: rgba(255, 255, 255, 0.5)
}

.footer .ft a {
    font-size: .11rem;
    font-family: "PingFang";
    color: rgba(255, 255, 255, 0.5)
}

.footer .qq-service {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 10px
}

.footer .qq-service .qq-box {
    display: block;
    font-size: 0;
    padding-right: 10px
}

.footer .qq-service .qq-img {
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px
}

.footer .qq-service .qq-img img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%
}

.footer .qq-service .span {
    display: inline-block;
    vertical-align: middle;
    padding: 0 8px;
    line-height: 1;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase
}

.footer-bar {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: .55rem;
    z-index: 999
}

.footer-bar .bar-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%
}

.footer-bar .box-list {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    background-color: #5387e2
}

.footer-bar .list-item {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.footer-bar .list-item.on {
    background-color: #fff
}

.footer-bar .list-item.on .icon-img i {
    color: #333
}

.footer-bar .list-item.on .icon-title {
    color: #333
}

.footer-bar .list-item .none-active,
.footer-bar .list-item .active {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    font-size: .1rem;
    border-radius: 50%
}

.footer-bar .list-item .none-active {
    background-color: #fff;
    color: #5387e2
}

.footer-bar .list-item .active {
    background-color: #5387e2;
    color: #fff
}

.footer-bar .icon-img {
    margin-bottom: .05rem;
    text-align: center
}

.footer-bar .icon-img i {
    display: inline-block;
    font-size: 20px;
    color: #fff
}

.footer-bar .icon-title {
    text-align: center;
    font-family: "PingFang";
    font-size: .11rem;
    color: #fff
}

.sideBar-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: fixed;
    top: 50%;
    right: 0;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 9999
}

.sideBar-wrap .box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: .4rem;
    height: .4rem;
    margin: 5px 0;
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 50%;
    cursor: pointer;
    -webkit-transition: .2s ease all;
    -moz-transition: .2s ease all;
    -o-transition: .2s ease all;
    transition: .2s ease all
}

.sideBar-wrap .box.active {
    width: 120px;
    border-radius: 20px
}

.sideBar-wrap .qq-img {
    width: 24px;
    height: 24px
}

.sideBar-wrap .qq-img img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%
}

.sideBar-wrap .word {
    display: none;
    padding: 0 8px;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase
}

.sideBar-wrap .back-top-box .iconfont {
    font-size: 18px;
    color: #fff
}

.body-cursor {
    cursor: pointer
}

.paged {
    text-align: center
}

.paged a,
.paged .p_info,
.paged .current {
    display: inline-block;
    margin: 0 .015rem .03rem;
    padding: 0 .075rem;
    font-size: .09rem;
    text-align: center;
    border: 1px solid #c8cace;
    color: #8b8b8b;
    border-radius: .02rem;
    height: .2rem;
    line-height: .2rem
}

.paged .current,
.paged a:hover {
    border-color: #5387e2;
    background: #5387e2;
    color: #fff
}

.nav-header-wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: .45rem;
    padding: 0 .14rem;
    text-align: center;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 9999
}

.nav-header-wrap h2 {
    width: 100%;
    height: 100%;
    padding: 0 14px;
    line-height: .45rem;
    font-size: .17rem;
    color: #333;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.nav-header-wrap .back {
    display: inline-block;
    position: absolute;
    top: 0;
    left: .14rem;
    width: 20px;
    height: 100%;
    line-height: .45rem;
    text-align: center;
    font-size: 20px;
    color: #333
}

.lg-rg-header {
    position: fixed;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    top: 0;
    left: 0;
    width: 100%;
    height: .45rem;
    padding: 0 .14rem;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 9999
}

.lg-rg-header .close-btn {
    display: block
}

.lg-rg-header .close-btn i {
    color: #000;
    font-size: 20px
}

.lg-rg-header .lg-rg-title {
    display: block;
    font-size: .14rem;
    color: #666
}

.orange {
    background-color: #ff900e
}

.green {
    background-color: #7ccd41
}

.background {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: #f8f8f8;
    z-index: 1
}

.common-filter-block {
    padding: .05rem 0;
    border-bottom: 1px dashed #ddd
}

.common-filter-block .filter-txt {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.common-filter-block .filter-txt dt {
    font-size: 13px;
    color: #333
}

.common-filter-block .filter-txt dd {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 12px;
    color: #555
}

.common-filter-block .filter-txt dd a {
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
    font-size: 12px;
    color: #555
}

.common-filter-block .filter-txt .select-item {
    position: relative;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    height: 17px
}

.common-filter-block .filter-txt .select-item:not(:last-child) {
    margin-bottom: 20px
}

.common-filter-block .filter-txt .select-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 12px;
    color: #555;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    background: none;
    border: none;
    z-index: 1
}

.common-filter-block .filter-txt .address-input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 12px;
    color: #555;
    background: none;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 1
}

.common-filter-block .filter-btn {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: .25rem;
    padding: 0 3px;
    line-height: .25rem;
    text-align: center;
    background-color: #ddd;
    font-size: .11rem;
    color: #666;
    border-radius: 5px;
    z-index: 0
}

.common-filter-block .filter-btn i {
    font-size: 12px
}

.common-tab-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: .4rem;
    background-color: #efefef
}

.common-tab-box a {
    position: relative;
    display: block;
    line-height: .4rem;
    margin: 0 .125rem;
    font-size: .14rem;
    font-family: "PingFang";
    color: #333
}

.common-tab-box a.on {
    color: #5387e2
}

.common-tab-box a.on::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: .025rem;
    background-color: #5387e2
}

.common-search-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: .43rem;
    padding: .07rem .08rem .07rem .14rem;
    background-color: #fff;
    border: 2px solid #009A44;
    border-radius: 0.08rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.common-search-block .common-search-icon {
    padding-right: 10px
}

.common-search-block .common-search-icon i {
    font-size: 18px;
    color: #7f7f7f
}

.common-search-block .input-box {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%
}

.common-search-block .common-serach-btn {
    display: block;
    width: .6rem;
    height: .28rem;
    line-height: .28rem;
    text-align: center;
    font-size: 12px;
    color: #fff;
    background-color: #009A44;
    border-radius: .06rem
}

.recipe-search-box .publish-btn {
    margin-left: 0.12rem;
    border: none;
    width: calc(22% - 0.12rem);
    height: .35rem;
    background-color: #F39800;
    color: #fff;
    border-radius: 0.06rem;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 0.03rem 0.03rem #dbd9d9;
}

.input {
    width: 100%;
    height: 100%;
    font-size: 12px;
    color: #666;
    background: none;
    border: none
}

.button {
    width: 100%;
    height: 100%;
    font-size: .14rem;
    color: #fff;
    background-color: #5387e2;
    border-radius: .195rem;
    border: none
}

.checkbox {
    position: absolute;
    clip: rect(0, 0, 0, 0)
}

.label-checkbox {
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.label-checkbox .checkbox-txt {
    display: inline-block;
    padding-left: 5px;
    font-size: .11rem;
    color: #666
}

.label-checkbox::before {
    content: '';
    display: inline-block;
    width: .15rem;
    height: .15rem;
    line-height: .15rem;
    text-align: center;
    font-size: 12px;
    color: #fff;
    font-weight: bold;
    font-family: "iconfont";
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #ddd;
    -webkit-transition: .2s ease all;
    -moz-transition: .2s ease all;
    -o-transition: .2s ease all;
    transition: .2s ease all
}

.label-checkbox.square::before {
    width: .18rem;
    height: .18rem;
    line-height: .18rem;
    border-radius: 0
}

.checkbox:checked+.label-checkbox::before {
    content: '\e69b';
    background-color: #5387e2;
    border-color: #5387e2
}

.radio {
    position: absolute;
    clip: rect(0, 0, 0, 0)
}

.label-radio {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: .35rem
}

.label-radio .radio-txt {
    display: inline-block;
    padding-left: 5px;
    font-size: .14rem;
    color: #666
}

.label-radio::before {
    content: '';
    display: inline-block;
    width: .16rem;
    height: .16rem;
    padding: 3px;
    border-radius: 50%;
    border: 1px solid #ddd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: .2s ease all;
    -moz-transition: .2s ease all;
    -o-transition: .2s ease all;
    transition: .2s ease all
}

.radio:checked+.label-radio::before {
    background-clip: content-box;
    background-color: #5387e2;
    border-color: #5387e2
}

.textarea {
    width: 100%;
    font-size: .12rem;
    color: #666;
    border: none
}

.file {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0)
}

.modal-wrap {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 10002
}

.modal-wrap .js-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 9999
}

.modal-wrap .modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 3.25rem;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #fff;
    border-radius: 5px;
    z-index: 10001
}

.modal-wrap .title {
    width: 100%;
    height: .6rem;
    line-height: .6rem;
    text-align: center;
    background-color: #f6f6f6;
    font-size: .17rem;
    color: #333;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px
}

.modal-wrap .content-box {
    padding: .25rem .25rem .5rem
}

.modal-wrap .content-box .input-box {
    width: 100%;
    height: .45rem;
    padding: 0 10px;
    background-color: #f8f8f8;
    border: 1px solid #e1e1e1;
    border-radius: .075rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.modal-wrap .btn-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: .3rem
}

.modal-wrap .btn-box .btn {
    width: 45%;
    height: .4rem;
    font-size: .14rem;
    border-radius: .2rem;
    border: none
}

.modal-wrap .btn-box .confirm {
    color: #fff;
    background-color: #5387e2
}

.modal-wrap .btn-box .cancel {
    background-color: #999;
    color: #fff
}

.multse-select-wrap {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 33px;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.multse-select-wrap .view {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
    min-height: 33px;
    padding-left: 5px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.multse-select-wrap .js-view {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: none;
    cursor: pointer;
    z-index: 2
}

.multse-select-wrap .placeholder {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    color: #666
}

.multse-select-wrap .multse-option {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    height: 20px;
    padding: 0 5px;
    margin: 0 2px 3px;
    line-height: 20px;
    font-size: 0;
    background-color: #999;
    z-index: 4
}

.multse-select-wrap .multse-option .i-close {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #fff;
    cursor: pointer
}

.multse-select-wrap .option {
    display: inline-block;
    vertical-align: middle;
    padding-right: 5px;
    font-size: 12px;
    color: #f4f4f4
}

.multse-select-wrap .select-scroller {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100px;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    background-color: #f4f4f4;
    overflow: hidden;
    z-index: 5
}

.multse-select-wrap .select-item {
    display: block;
    width: 100%;
    height: 25px;
    padding: 0 10px;
    line-height: 25px;
    font-size: 12px;
    color: #666;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: .2s ease all;
    -moz-transition: .2s ease all;
    -o-transition: .2s ease all;
    transition: .2s ease all
}

.multse-select-wrap .select-item.checked {
    color: #fff;
    background-color: #5387e2
}

.multse-select-wrap .icon-jiantouxia {
    display: block;
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -2px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 14px;
    z-index: 1;
    -webkit-transition: .2s ease all;
    -moz-transition: .2s ease all;
    -o-transition: .2s ease all;
    transition: .2s ease all
}

.multse-select-wrap .icon-jiantouxia.rotate {
    -webkit-transform: translateY(-50%) rotate(180deg);
    -moz-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg)
}

.no-result-wrap {
    padding: 20px 15px;
    background-color: #f8f8f8
}

.no-result-wrap .word {
    padding: 15px;
    text-align: center;
    font-size: 16px;
    color: #333;
    font-weight: 600;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 10px
}

@media screen and (max-width: 1200px) {
    .wp1200 {
        width: 100%
    }
}

#article {
    padding-top: .45rem;
    padding-bottom: .6rem
}

.expert-detail-wrap {
    position: relative;
    padding: .58rem .14rem .34rem;
    border-top: .015rem solid #5387e2;
    background-color: #f8f8f8
}

.expert-detail-wrap .bg-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2.485rem;
    z-index: 1
}

.expert-detail-wrap .bg-img img {
    display: inline-block;
    width: 100%;
    height: 100%
}

.expert-detail-wrap .service-btn {
    position: absolute;
    top: .18rem;
    right: .2rem;
    width: .8rem;
    height: .25rem;
    line-height: .25rem;
    text-align: center;
    font-size: .1rem;
    color: #fff;
    background-color: #5387e2;
    border-radius: 12px;
    z-index: 2
}

.expert-detail-wrap .expert-detail-con {
    position: relative;
    width: 100%;
    z-index: 2
}

.expert-detail-wrap .expert-detail-box {
    width: 100%;
    margin-bottom: 10px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.expert-detail-wrap .expert-detail-box .hd {
    width: 100%;
    padding: .225rem .15rem;
    border-bottom: 1px solid #ededed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.expert-detail-wrap .expert-detail-box .img-block {
    float: left;
    width: 1.115rem;
    height: 1.345rem;
    margin-right: .1rem;
    line-height: 1.345rem;
    text-align: center
}

.expert-detail-wrap .expert-detail-box .img-block img {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.expert-detail-wrap .expert-detail-box .h3 {
    padding-top: .13rem;
    padding-bottom: .21rem;
    font-size: 0
}

.expert-detail-wrap .expert-detail-box .h3 .b-t {
    display: inline-block;
    vertical-align: bottom;
    line-height: 1;
    font-size: .16rem;
    color: #333
}

.expert-detail-wrap .expert-detail-box .h3 .s-t {
    display: inline-block;
    vertical-align: bottom;
    line-height: 1;
    padding-left: 5px;
    font-size: .12rem;
    color: #333
}

.expert-detail-wrap .expert-detail-box .p {
    margin-bottom: 0.06rem;
    font-size: .12rem;
    color: #333
}

.expert-detail-wrap .expert-detail-box .p.color-red {
    color: #5387e2
}

.expert-detail-wrap .expert-detail-box .btn-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: .2rem
}

.expert-detail-wrap .expert-detail-box .btn-block .btn {
    display: block;
    width: 1rem;
    height: 30px;
    margin: 0 .15rem;
    line-height: 30px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    border-radius: .15rem
}

.expert-detail-wrap .expert-detail-box .ft {
    padding: .2rem .15rem;
    background-color: #fff;
    font-size: 14px
}

.expert-detail-wrap .expert-detail-box .ft p {
    margin-bottom: 15px
}

.expert-detail-wrap .expert-detail-box .ft img {
    max-width: 100%;
    height: auto !important
}

.expert-detail-wrap .expert-detail-box .ft ul {
    list-style: disc
}

.expert-detail-wrap .expert-detail-box .ft ul li {
    list-style: disc
}

.expert-detail-wrap .expert-detail-box .ft ol {
    list-style: decimal
}

.expert-detail-wrap .expert-detail-box .ft ol li {
    list-style: decimal
}

.expert-detail-wrap .expert-detail-box .ft p {
    margin-bottom: 10px;
    line-height: 25px;
    font-size: .12rem;
    color: #666
}

.expert-detail-wrap .expert-case-box,
.expert-detail-wrap .expert-QA-box {
    width: 100%;
    padding-bottom: .25rem;
    margin: 10px 0;
    background-color: #fff;
    border-style: solid;
    border-width: .015rem 1px 1px;
    border-color: #5387e2 rgba(0, 0, 0, 0.08) rgba(0, 0, 0, 0.08);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.expert-detail-wrap .expert-case-box .title,
.expert-detail-wrap .expert-QA-box .title {
    height: .5rem;
    margin: 0 5px;
    line-height: .5rem;
    text-align: center;
    font-size: .15rem;
    color: #333;
    border-bottom: 1px solid #f0f5fd
}

.expert-detail-wrap .expert-case-box .case-list-block,
.expert-detail-wrap .expert-QA-box .case-list-block {
    width: 100%;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.expert-detail-wrap .expert-case-box .case-item,
.expert-detail-wrap .expert-QA-box .case-item {
    width: 100%;
    padding: .15rem 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.expert-detail-wrap .expert-case-box .case-item a,
.expert-detail-wrap .expert-QA-box .case-item a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.expert-detail-wrap .expert-case-box .question-box,
.expert-detail-wrap .expert-QA-box .question-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px
}

.expert-detail-wrap .expert-case-box .question-info,
.expert-detail-wrap .expert-QA-box .question-info {
    line-height: 18px;
    font-size: 12px;
    color: #666
}

.expert-detail-wrap .expert-case-box .icon,
.expert-detail-wrap .expert-QA-box .icon {
    width: .125rem;
    height: .125rem;
    margin-top: 3px;
    line-height: .125rem;
    font-size: .09rem;
    color: #fff;
    text-align: center;
    background-color: #5387e2;
    border-radius: 50%
}

.expert-detail-wrap .expert-case-box .msg,
.expert-detail-wrap .expert-QA-box .msg {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: .075rem;
    font-size: 12px;
    color: #666
}

.expert-detail-wrap .expert-case-box .right-arrow>i,
.expert-detail-wrap .expert-QA-box .right-arrow>i {
    font-size: 12px
}

.expert-detail-wrap .expert-case-box .QA-list-block,
.expert-detail-wrap .expert-QA-box .QA-list-block {
    width: 100%;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.expert-detail-wrap .expert-case-box .QA-item,
.expert-detail-wrap .expert-QA-box .QA-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: .15rem 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.expert-detail-wrap .expert-case-box .left-block,
.expert-detail-wrap .expert-QA-box .left-block {
    width: .45rem;
    height: .45rem;
    line-height: .45rem;
    text-align: center;
    background-color: #fff;
    border-radius: 50%
}

.expert-detail-wrap .expert-case-box .left-block img,
.expert-detail-wrap .expert-QA-box .left-block img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
    border-radius: 50%
}

.expert-detail-wrap .expert-case-box .right-block,
.expert-detail-wrap .expert-QA-box .right-block {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: .075rem
}

.expert-detail-wrap .expert-case-box .hd,
.expert-detail-wrap .expert-QA-box .hd {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .05rem 0 .125rem
}

.expert-detail-wrap .expert-case-box .hd .name,
.expert-detail-wrap .expert-QA-box .hd .name {
    margin-bottom: 5px;
    line-height: 1;
    font-size: .14rem;
    font-family: "Source Han Sans CN";
    color: #333
}

.expert-detail-wrap .expert-case-box .hd .time,
.expert-detail-wrap .expert-QA-box .hd .time {
    font-size: .11rem;
    font-family: "Source Han Sans CN";
    color: #999
}

.expert-detail-wrap .expert-case-box .hd .hd-right,
.expert-detail-wrap .expert-QA-box .hd .hd-right {
    font-size: 0
}

.expert-detail-wrap .expert-case-box .hd .txt,
.expert-detail-wrap .expert-QA-box .hd .txt {
    display: inline-block;
    vertical-align: middle;
    font-size: .11rem;
    color: #888
}

.expert-detail-wrap .expert-case-box .hd img,
.expert-detail-wrap .expert-QA-box .hd img {
    display: inline-block;
    vertical-align: middle;
    width: .1rem;
    height: .1rem;
    margin: 0 2px
}

.expert-detail-wrap .expert-case-box .ft,
.expert-detail-wrap .expert-QA-box .ft {
    margin-bottom: 15px;
    line-height: 20px;
    font-size: .12rem;
    color: #666
}

.expert-detail-wrap .answer {
    position: relative;
    width: 100%;
    padding: .175rem .15rem;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.expert-detail-wrap .answer .triangle {
    position: absolute;
    top: -16px;
    left: .375rem;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    z-index: 2
}

.expert-detail-wrap .answer .triangle::after {
    position: absolute;
    top: -6px;
    left: -7px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px;
    border-color: transparent transparent #fff;
    content: ''
}

.expert-detail-wrap .answer .tt {
    margin-bottom: 5px
}

.expert-detail-wrap .answer .tt .tt-1 {
    font-size: .14rem;
    font-family: "Source Han Sans CN";
    color: #333
}

.expert-detail-wrap .answer .tt .tt-2 {
    padding-left: 5px;
    font-size: .11rem;
    font-family: "Source Han Sans CN";
    color: #999
}

.expert-detail-wrap .answer .info {
    line-height: 20px;
    font-size: .12rem;
    color: #666
}

.recruitment-wrap {
    background-color: #f8f8f8
}

.recruitment-wrap .recruitment-filter-box {
    width: 100%;
    padding: .15rem .14rem;
    background-color: #fff;
    border-top: .015rem solid #5387e2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.recruitment-wrap .recruitment-filter-box .recruitment-adv-box {
    display: block;
    width: 100%;
    height: .6rem;
    margin-bottom: .15rem;
    border-radius: 5px
}

.recruitment-wrap .recruitment-filter-box .recruitment-adv-box img {
    width: 100%;
    height: 100%;
    border-radius: 5px
}

.recruitment-wrap .recruitment-filter-box .btn-box {
    width: 100%;
    margin-top: .2rem;
    text-align: center
}

.recruitment-wrap .recruitment-filter-box .btn-box .sub-btn {
    width: 1.5rem;
    height: .3rem;
    color: #fff;
    font-size: .12rem;
    background-color: #5387e2;
    border: none
}

.recruitment-wrap .recruitment-list-box {
    width: 100%;
    padding: .24rem .14rem .5rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.recruitment-wrap .list-a {
    width: 100%;
    padding: .15rem;
    margin-bottom: .1rem;
    background-color: #fff;
    border: 1px solid #e1e1e1;
    border-radius: .075rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.recruitment-wrap .list-a .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.recruitment-wrap .list-a .title {
    padding-right: .1rem;
    font-size: .13rem;
    color: #333
}

.recruitment-wrap .list-a .info {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 65%;
    padding-left: .1rem
}

.recruitment-wrap .list-a .info .p {
    width: 100%;
    margin-bottom: 5px;
    font-size: .12rem;
    color: #666
}

.recruitment-wrap .list-a .info .p:last-child {
    margin-bottom: 0
}

.recruitment-wrap .list-a .info .p span:nth-child(2) {
    padding-left: .125rem
}

.recruitment-wrap .list-a .info .p .company {
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.recruitment-wrap .list-a .info::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1)
}

.recruitment-wrap .list-a .icon {
    width: 20px;
    height: 20px;
    margin-left: 5px;
    line-height: 20px;
    text-align: center;
    background-color: #5387e2;
    border-radius: 50%;
    -webkit-transition: .2s ease all;
    -moz-transition: .2s ease all;
    -o-transition: .2s ease all;
    transition: .2s ease all
}

.recruitment-wrap .list-a .icon i {
    font-size: 12px;
    color: #fff
}

.recruitment-wrap .list-a .sub-item {
    display: none
}

.recruitment-wrap .list-a .sub-item .tt {
    margin: 15px 0 10px;
    font-size: 14px;
    color: #5387e2
}

.recruitment-wrap .list-a .sub-item .p {
    margin-bottom: 5px;
    font-size: 12px;
    color: #666
}

.recruitment-wrap .list-a .sub-item .more-btn {
    display: inline-block;
    height: 25px;
    margin-top: 15px;
    padding: 0 5px;
    line-height: 25px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    background-color: #5387e2;
    border-radius: 10px
}

.recruitment-wrap .list-a.on .icon {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.recruitment-wrap .list-b {
    width: 100%;
    padding: .2rem .175rem .1rem;
    margin-bottom: .1rem;
    background-color: #fff;
    border: 1px solid #e1e1e1;
    border-radius: .075rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.recruitment-wrap .list-b .hd {
    padding-bottom: 5px;
    margin-bottom: .12rem;
    border-bottom: 1px dashed #ddd
}

.recruitment-wrap .list-b .hd .title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: .125rem;
    font-size: .13rem;
    color: #333
}

.recruitment-wrap .list-b .hd .msg {
    line-height: 20px;
    font-size: 12px;
    color: #777
}

.recruitment-wrap .list-b .ft {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.recruitment-wrap .list-b .ft .time {
    font-size: .11rem;
    color: #666
}

.recruitment-wrap .list-b .ft .btn {
    display: block;
    width: .8rem;
    height: .25rem;
    line-height: .25rem;
    text-align: center;
    background-color: #5387e2;
    color: #fff;
    font-size: .1rem;
    border-radius: 12px
}

.common-problems-wrap {
    background-color: #f8f8f8;
    padding: .25rem .14rem
}

.common-problems-wrap li {
    width: 100%;
    margin-bottom: .1rem;
    padding: .2rem .175rem .1rem;
    background-color: #fff;
    border-style: solid;
    border-color: #5387e2 #e1e1e1 #e1e1e1;
    border-width: .015rem 1px 1px;
    border-radius: .075rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.common-problems-wrap .hd {
    padding-bottom: 5px;
    margin-bottom: .12rem;
    border-bottom: 1px dashed #ddd
}

.common-problems-wrap .hd .title {
    width: 100%;
    margin-bottom: .1rem;
    font-size: .14rem;
    color: #333;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.common-problems-wrap .hd .info {
    line-height: 20px;
    font-size: 12px;
    color: #777
}

.common-problems-wrap .ft {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.common-problems-wrap .ft .time {
    font-size: .11rem;
    color: #666
}

.common-problems-wrap .ft .btn {
    display: inline-block;
    width: .6rem;
    height: .25rem;
    line-height: .25rem;
    text-align: center;
    background-color: #666;
    color: #fff;
    font-size: .1rem;
    border-radius: 0.05rem
}

.common-problems-wrap.knowledge-library li {
    border-color: #e1e1e1;
    border-width: 1px
}

.common-problems-wrap.knowledge-library .ft .btn {
    background-color: #5387e2
}

.online-service-wrap {
    padding: .25rem .14rem;
    background-color: #f8f8f8
}

.online-service-wrap .list {
    width: 100%;
    margin-bottom: .1rem;
    padding-top: .2rem;
    padding-bottom: .1rem;
    border-radius: .075rem;
    border: 1px solid #e1e1e1;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.online-service-wrap .hd {
    width: 100%;
    padding: 0 .175rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.online-service-wrap .hd .top {
    padding-bottom: .075rem;
    border-bottom: 1px dashed #e1e1e1
}

.online-service-wrap .hd .title {
    font-size: .13rem;
    color: #333
}

.online-service-wrap .hd .top-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.online-service-wrap .hd .date {
    display: inline-block;
    font-size: .1rem;
    color: #999
}

.online-service-wrap .hd .download {
    display: block;
    width: .6rem;
    height: .2rem;
    line-height: .2rem;
    text-align: center;
    font-size: .1rem;
    color: #fff;
    background-color: #949494;
    border-radius: .095rem
}

.online-service-wrap .hd .center {
    margin: 5px 0;
    line-height: 20px;
    font-size: .12rem;
    color: #777
}

.online-service-wrap .bd {
    padding: 5px .175rem;
    background-color: #fafafa;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.online-service-wrap .bd .word {
    font-size: .1rem;
    color: #666
}

.online-service-wrap .ft {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%;
    padding: .1rem .175rem 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.online-service-wrap .ft .btn {
    display: block;
    width: .72rem;
    height: .25rem;
    margin: 0 10px;
    line-height: .25rem;
    text-align: center;
    font-size: .1rem;
    color: #fff;
    border-radius: .125rem;
    background-color: #5387e2
}

.reservation-service-wrap {
    padding: .25rem .14rem;
    background-color: #f8f8f8
}

.reservation-service-wrap .list {
    position: relative;
    width: 100%;
    margin-bottom: .1rem;
    padding: .075rem .2rem .1rem;
    background-color: #fff;
    border-radius: .075rem;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.08) rgba(0, 0, 0, 0.08) rgba(0, 0, 0, 0.08) #5387e2;
    border-width: 1px 1px 1px .015rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.reservation-service-wrap .p {
    width: 100%;
    padding: .1rem 0;
    font-size: 0;
    border-bottom: 1px dashed #ddd
}

.reservation-service-wrap .p .title {
    display: inline-block;
    vertical-align: middle;
    font-size: .13rem;
    color: #333
}

.reservation-service-wrap .p .name {
    display: inline-block;
    vertical-align: middle;
    font-size: .12rem;
    color: #777
}

.reservation-service-wrap .p .info {
    margin-top: 5px;
    line-height: 20px;
    font-size: .12rem;
    color: #777
}

.reservation-service-wrap .p .again {
    display: inline-block;
    vertical-align: middle;
    width: .65rem;
    height: .2rem;
    margin-left: 5px;
    line-height: .2rem;
    text-align: center;
    font-size: .1rem;
    color: #fff;
    background-color: #5387e2;
    border-radius: 10px
}

.reservation-service-wrap .p .ft-txt {
    display: inline-block;
    vertical-align: middle;
    padding-right: 8px;
    font-size: 12px;
    color: #777
}

.reservation-service-wrap .icon-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.reservation-service-wrap .icon-btn .icon-box {
    display: block;
    width: 25px;
    height: 25px;
    margin-left: 15px;
    line-height: 25px;
    text-align: center;
    background-color: #939393;
    border-radius: 50%
}

.reservation-service-wrap .icon-btn .icon-box .img {
    display: inline-block;
    vertical-align: middle;
    width: .125rem;
    height: .125rem
}

.reservation-service-wrap .icon-btn .icon-box img {
    max-width: 100%;
    max-height: 100%
}

.reservation-service-wrap .btn-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: .1rem
}

.reservation-service-wrap .btn-box .btn {
    display: block;
    width: .7rem;
    height: .25rem;
    line-height: .25rem;
    text-align: center;
    color: #555;
    font-size: .1rem;
    border: 1px solid #ddd;
    border-radius: .12rem
}

.settle-platform-wrap {
    padding-bottom: .35rem;
    background-color: #f8f8f8
}

.settle-platform-wrap .settle-platform-banner {
    width: 100%;
    height: .75rem;
    padding: .14rem .14rem .1rem;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.settle-platform-wrap .settle-platform-banner img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 5px
}

.settle-platform-wrap .settle-platform-con {
    width: 100%;
    padding: 0 .14rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.settle-platform-wrap .settle-platform-con .inner {
    width: 100%;
    padding: .225rem .2rem .34rem;
    background-image: url(../images/article_06.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.settle-platform-wrap .settle-platform-con h3 {
    padding-bottom: .125rem;
    border-bottom: 1px solid rgba(221, 221, 221, 0.5);
    text-align: center;
    font-size: .14rem;
    color: #333
}

.settle-platform-wrap .settle-platform-con .con {
    margin-top: .125rem;
    font-size: 14px
}

.settle-platform-wrap .settle-platform-con .con p {
    margin-bottom: 15px
}

.settle-platform-wrap .settle-platform-con .con img {
    max-width: 100%;
    height: auto !important
}

.settle-platform-wrap .settle-platform-con .con ul {
    list-style: disc
}

.settle-platform-wrap .settle-platform-con .con ul li {
    list-style: disc
}

.settle-platform-wrap .settle-platform-con .con ol {
    list-style: decimal
}

.settle-platform-wrap .settle-platform-con .con ol li {
    list-style: decimal
}

.settle-platform-wrap .settle-platform-con .con p {
    margin-bottom: .15rem;
    line-height: 25px;
    font-size: .12rem;
    color: #666
}

.settle-platform-wrap .settle-platform-con .p {
    margin-bottom: .075rem;
    font-size: .12rem;
    color: #666
}

.recipe-detail-wrap {
    position: relative;
    padding: 1.475rem .14rem .55rem;
    background-color: #f8f8f8
}

.recipe-detail-wrap .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2.485rem;
    border-top: .015rem solid #5387e2;
    z-index: 1
}

.recipe-detail-wrap .img img {
    display: block;
    width: 100%;
    height: 100%
}

.recipe-detail-wrap .content {
    position: relative;
    z-index: 2
}

.recipe-detail-wrap .intro-box {
    width: 100%;
    margin-bottom: .1rem;
    padding: .25rem .15rem;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.08);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.recipe-detail-wrap .intro-box .hd {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: .175rem
}

.recipe-detail-wrap .intro-box .hd .title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 0;
    padding-right: 5px;
    font-size: .15rem;
    color: #333
}

.recipe-detail-wrap .intro-box .hd .title .img-icon {
    width: 0.17rem;
    height: 0.17rem;
    padding-top: 0.02rem;
    padding-right: 0.05rem;
    line-height: 0.17rem;
    text-align: center
}

.recipe-detail-wrap .intro-box .hd .title .img-icon img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%
}

.recipe-detail-wrap .intro-box .hd .btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: .7rem;
    height: .25rem;
    border-radius: 12px;
    -webkit-transition: .2s ease all;
    -moz-transition: .2s ease all;
    -o-transition: .2s ease all;
    transition: .2s ease all
}

.recipe-detail-wrap .intro-box .hd .btn i {
    font-size: 18px;
    font-family: "iconfont"
}

.recipe-detail-wrap .intro-box .hd .collect {
    margin-bottom: 5px;
    border: 1px solid #ff900e
}

.recipe-detail-wrap .intro-box .hd .collect i {
    color: #ff900e
}

.recipe-detail-wrap .intro-box .hd .collect i::before {
    content: '\e646'
}

.recipe-detail-wrap .intro-box .hd .collect.on i::before {
    content: '\e642'
}

.recipe-detail-wrap .intro-box .hd .collect.on {
    /* background-color: #ff900e */
}

.recipe-detail-wrap .intro-box .hd .collect.on i {
    color: #ff900e
}

.recipe-detail-wrap .intro-box .hd .collect.on span {
    color: #333
}

.recipe-detail-wrap .intro-box .hd .like {
    border: 1px solid #5387e2
}

.recipe-detail-wrap .intro-box .hd .like i {
    display: inline-block;
    margin-bottom: -2px;
    color: #db3733
}

.recipe-detail-wrap .intro-box .hd .like i::before {
    content: '\e625'
}

.recipe-detail-wrap .intro-box .hd .like.on i::before {
    content: '\e663'
}

.recipe-detail-wrap .intro-box .hd .like.on span {
    color: #333
}

.recipe-detail-wrap .intro-box .hd span {
    padding-left: 5px;
    font-size: .11rem;
    font-family: "PingFang";
    color: #333
}

.recipe-detail-wrap .intro-box .region {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    color: #666
}

.recipe-detail-wrap .intro-box .region .tt {
    color: #333;
    font-weight: 600
}

.recipe-detail-wrap .intro-box .region .p {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.recipe-detail-wrap .intro-box .region p {
    padding-right: 20px;
    margin-bottom: 5px
}

.recipe-detail-wrap .intro-box .bd {
    font-size: 14px
}

.recipe-detail-wrap .intro-box .bd p {
    margin-bottom: 15px
}

.recipe-detail-wrap .intro-box .bd img {
    max-width: 100%;
    height: auto
}

.recipe-detail-wrap .intro-box .bd ul {
    list-style: disc
}

.recipe-detail-wrap .intro-box .bd ul li {
    list-style: disc
}

.recipe-detail-wrap .intro-box .bd ol {
    list-style: decimal
}

.recipe-detail-wrap .intro-box .bd ol li {
    list-style: decimal
}

.recipe-detail-wrap .intro-box .bd p {
    margin-bottom: 10px;
    line-height: 24px;
    font-size: .12rem;
    font-family: "PingFangSC";
    color: #666
}

.recipe-detail-wrap .detail-box {
    width: 100%;
    padding-bottom: .1rem;
    margin-bottom: 10px;
    border-style: solid;
    border-width: .015rem 1px 1px;
    border-color: #5387e2 rgba(0, 0, 0, 0.08) rgba(0, 0, 0, 0.08);
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.recipe-detail-wrap .detail-box .title {
    margin: 0 5px .05rem;
    padding: .175rem 0;
    text-align: center;
    border-bottom: 1px solid #f0f5fd;
    font-size: .15rem;
    color: #333
}

.recipe-detail-wrap .detail-box .info-img {
    position: relative;
    width: 100%;
    height: 3.03rem;
    padding: 0 .1rem;
    margin-bottom: .1rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.recipe-detail-wrap .detail-box .info-img img {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1
}

.recipe-detail-wrap .detail-box .info-img .get-btn {
    position: absolute;
    display: block;
    left: 50%;
    bottom: .25rem;
    width: 1.2rem;
    height: .25rem;
    line-height: .25rem;
    text-align: center;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: .11rem;
    color: #fff;
    background-color: #5387e2;
    border-radius: .125rem;
    z-index: 2
}

.recipe-detail-wrap .detail-box .con-box {
    padding: 0 .1rem;
    margin-bottom: .17rem;
    font-size: 14px
}

.recipe-detail-wrap .detail-box .con-box p {
    margin-bottom: 15px
}

.recipe-detail-wrap .detail-box .con-box img {
    max-width: 100%;
    height: auto !important
}

.recipe-detail-wrap .detail-box .con-box ul {
    list-style: disc
}

.recipe-detail-wrap .detail-box .con-box ul li {
    list-style: disc
}

.recipe-detail-wrap .detail-box .con-box ol {
    list-style: decimal
}

.recipe-detail-wrap .detail-box .con-box ol li {
    list-style: decimal
}

.recipe-detail-wrap .detail-box .con-box p {
    margin-bottom: 10px;
    line-height: 20px;
    font-size: 12px;
    font-family: "PingFang";
    color: #666
}

.recipe-detail-wrap .detail-box .btn-box {
    padding: 0 .1rem
}

.recipe-detail-wrap .detail-box .btn-box a {
    display: block;
    width: 100%;
    height: .25rem;
    line-height: .24rem;
    text-align: center;
    font-size: .11rem;
    font-family: "PingFang";
    color: #5387e2;
    background-color: #ffeded;
    border: 1px solid #5387e2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.recipe-detail-wrap .statement-box {
    padding: 10px;
    background-color: #fff;
    line-height: 15px;
    font-size: .09rem;
    color: #b9b8b8;
    border: 1px solid rgba(0, 0, 0, 0.08)
}

.vote-list-banner {
    position: relative;
    width: 100%;
    height: 1.75rem;
    background-color: #f0f0f0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.vote-list-banner .sign-up {
    position: absolute;
    display: block;
    bottom: 40px;
    right: 15px;
    width: 1rem;
    height: .25rem;
    line-height: .25rem;
    text-align: center;
    font-size: 12px;
    color: #fff;
    background-color: #ffae20;
    border-radius: .125rem
}

.vote-list-wrap {
    position: relative;
    padding: 0 15px 15px
}

.vote-list-wrap .countdown {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 45px;
    margin-top: -.225rem;
    font-size: 12px;
    color: #333;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 2.5px 4.33px 5px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 2.5px 4.33px 5px 0px rgba(0, 0, 0, 0.08);
    border-radius: .075rem
}

.vote-list-wrap .countdown .countdate {
    padding: 0 3px;
    line-height: 1;
    font-size: 18px;
    color: #5387e2;
    font-weight: bold
}

.vote-list-wrap .lists-box {
    padding-top: 15px
}

.vote-list-wrap .list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: .125rem;
    margin-bottom: 10px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: .075rem
}

.vote-list-wrap .img-box {
    width: .93rem;
    height: .88rem;
    line-height: .88rem;
    text-align: center;
    overflow: hidden
}

.vote-list-wrap .img-box img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%
}

.vote-list-wrap .info-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 0;
    padding-left: 15px
}

.vote-list-wrap .info-box .title {
    width: 100%;
    font-size: 13px;
    color: #333
}

.vote-list-wrap .info-box .btn-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.vote-list-wrap .info-box .vote-num {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 25px;
    padding: 0 10px;
    margin-right: 10px;
    font-size: 12px;
    color: #fff;
    background-color: #7ccd41;
    border-radius: .125rem
}

.vote-list-wrap .info-box .vote-num .img {
    width: 15px;
    height: 15px;
    padding-right: 5px
}

.vote-list-wrap .info-box .vote-num .img img {
    max-width: 100%;
    max-height: 100%
}

.vote-list-wrap .info-box .vote-num .strong {
    font-weight: bold
}

.vote-list-wrap .info-box .vote-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 25px;
    padding: 0 10px;
    font-size: 12px;
    color: #fff;
    background-color: #ff900e;
    border-radius: .125rem
}

.vote-list-wrap .info-box .vote-btn .img {
    width: .125rem;
    height: .125rem;
    padding-right: 5px
}

.vote-list-wrap .info-box .vote-btn .img img {
    max-width: 100%;
    max-height: 100%
}

.vote-detail-wrap {
    padding: 15px
}

.vote-detail-wrap .vote-detail-con {
    padding: 15px;
    background-color: #fff;
    border-width: 2px 1px 1px;
    border-color: #5387e2 rgba(0, 0, 0, 0.08) rgba(0, 0, 0, 0.08);
    border-style: solid;
    border-radius: .075rem
}

.vote-detail-wrap .title {
    margin-bottom: 20px;
    text-align: center;
    font-size: 14px;
    color: #343434;
    font-weight: bold
}

.vote-detail-wrap .msg {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px
}

.vote-detail-wrap .msg .img-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 1.05rem;
    height: .95rem
}

.vote-detail-wrap .msg .img-box img {
    max-width: 100%;
    max-height: 100%
}

.vote-detail-wrap .msg .info-box {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 0;
    padding-left: 10px
}

.vote-detail-wrap .msg .info-box .p {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 5px;
    font-size: .11rem;
    color: #333
}

.vote-detail-wrap .msg .info-box .word {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 0;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: hidden
}

.vote-detail-wrap .msg .info-box .web {
    display: inline-block;
    color: #666;
    word-break: break-word
}

.vote-detail-wrap .btn-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08)
}

.vote-detail-wrap .vote-num {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 25px;
    padding: 0 10px;
    margin-right: 10px;
    font-size: 12px;
    color: #fff;
    background-color: #7ccd41;
    border-radius: .125rem
}

.vote-detail-wrap .vote-num .img {
    width: 15px;
    height: 15px;
    padding-right: 5px
}

.vote-detail-wrap .vote-num .img img {
    max-width: 100%;
    max-height: 100%
}

.vote-detail-wrap .vote-num .strong {
    font-weight: bold
}

.vote-detail-wrap .vote-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 25px;
    padding: 0 10px;
    font-size: 12px;
    color: #fff;
    background-color: #ff900e;
    border-radius: .125rem
}

.vote-detail-wrap .vote-btn .img {
    width: .125rem;
    height: .125rem;
    padding-right: 5px
}

.vote-detail-wrap .vote-btn .img img {
    max-width: 100%;
    max-height: 100%
}

.vote-detail-wrap .content-box {
    font-size: 14px;
    padding: 15px 5px;
    line-height: 24px;
    font-size: 12px;
    color: #666
}

.vote-detail-wrap .content-box p {
    margin-bottom: 15px
}

.vote-detail-wrap .content-box img {
    max-width: 100%;
    height: auto !important
}

.vote-detail-wrap .content-box ul {
    list-style: disc
}

.vote-detail-wrap .content-box ul li {
    list-style: disc
}

.vote-detail-wrap .content-box ol {
    list-style: decimal
}

.vote-detail-wrap .content-box ol li {
    list-style: decimal
}

.vote-detail-wrap .content-box p {
    margin-bottom: 15px
}

.take-cash-lists-wrap {
    padding: 15px 15px 25px
}

.take-cash-lists-wrap .href-btn {
    padding: 10px;
    text-align: right
}

.take-cash-lists-wrap .href-btn a {
    display: inline-block;
    vertical-align: middle;
    padding: 0 5px;
    height: 25px;
    line-height: 25px;
    font-size: 14px;
    color: #fff;
    background-color: #5387e2;
    border-radius: 5px
}

.take-cash-lists-wrap .list {
    padding: .18rem .2rem .1rem;
    margin-bottom: 10px;
    background-color: #fff;
    border-style: solid;
    border-width: 1px 1px 1px 2px;
    border-color: rgba(0, 0, 0, 0.08) rgba(0, 0, 0, 0.08) rgba(0, 0, 0, 0.08) #5387e2;
    border-radius: .075rem
}

.take-cash-lists-wrap .p {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 10px;
    margin-bottom: .125rem;
    border-bottom: 1px dashed #ddd
}

.take-cash-lists-wrap .p .tt {
    line-height: 1;
    font-size: 13px;
    color: #333
}

.take-cash-lists-wrap .p .info {
    font-size: 13px;
    font-family: "Arial";
    color: #777
}

.take-cash-lists-wrap .p .red {
    font-size: 16px;
    color: #5387e2
}

.take-cash-lists-wrap .btn-box {
    width: 100%;
    text-align: right
}

.take-cash-lists-wrap .btn-box .more-btn {
    display: inline-block;
    vertical-align: middle;
    width: 100px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    background-color: #5387e2;
    color: #fff;
    font-size: 12px;
    border-radius: 12px
}

.collection-lists-wrap {
    padding: 25px 15px
}

.collection-lists-wrap .list {
    padding: .2rem .175rem .1rem;
    margin-bottom: 10px;
    border-radius: .075rem;
    border: 1px solid rgba(0, 0, 0, 0.08);
    background-color: #fff
}

.collection-lists-wrap .title {
    padding-bottom: .18rem;
    margin-bottom: .12rem;
    font-size: 14px;
    color: #333;
    border-bottom: 1px dashed #ddd;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.collection-lists-wrap .msg {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.collection-lists-wrap .msg .date {
    font-size: .11rem;
    color: #666
}

.collection-lists-wrap .msg .btn {
    display: inline-block;
    width: .6rem;
    height: .25rem;
    line-height: .25rem;
    text-align: center;
    background-color: #666;
    color: #fff;
    font-size: .1rem;
    border-radius: 0.05rem;
}

.article-detail-wrap {
    padding: 25px 15px
}

.article-detail-wrap .detail {
    padding: 20px 15px;
    background-color: #fff;
    font-size: 14px;
    color: #666;
    border-radius: .075rem;
    border: 1px solid rgba(0, 0, 0, 0.08);
    font-size: 14px
}

.article-detail-wrap .detail p {
    margin-bottom: 15px
}

.article-detail-wrap .detail img {
    max-width: 100%;
    height: auto !important
}

.article-detail-wrap .detail ul {
    list-style: disc
}

.article-detail-wrap .detail ul li {
    list-style: disc
}

.article-detail-wrap .detail ol {
    list-style: decimal
}

.article-detail-wrap .detail ol li {
    list-style: decimal
}

.article-detail-wrap .title-box {
    padding-bottom: 15px;
    margin-bottom: 20px;
    border-bottom: 1px dashed #ddd
}

.article-detail-wrap .title-box .tt {
    margin-bottom: 10px;
    text-align: center;
    font-size: 16px;
    color: #333
}

.article-detail-wrap .title-box .data {
    text-align: center;
    font-size: 12px;
    color: #666
}

.article-detail-wrap .title-box .data span {
    display: inline-block;
    vertical-align: top;
    padding: 0 5px
}

.article-detail-wrap .content {
    line-height: 25px
}

.article-detail-wrap .content p {
    margin-bottom: 15px
}

.result-wrap {
    padding: 25px 15px
}

.result-wrap .result-search-box {
    padding-bottom: 15px
}

.result-wrap .lists-box li {
    padding: 15px;
    margin-bottom: 10px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: .075rem
}

.result-wrap .lists-box .p {
    padding-bottom: 10px;
    margin-bottom: 10px;
    line-height: 20px;
    font-size: 12px;
    color: #666;
    border-bottom: 1px dashed #ddd
}

.result-wrap .lists-box .more-btn {
    text-align: right
}

.result-wrap .lists-box .more-btn a {
    display: inline-block;
    height: 25px;
    padding: 0 5px;
    line-height: 25px;
    font-size: 12px;
    color: #fff;
    background-color: #5387e2;
    border-radius: 5px
}

.question-case-list {
    margin-bottom: .25rem
}

.question-case-list li {
    border-bottom: 1px solid #f0f5fd
}

.question-case-list li a {
    display: block;
    padding: .1rem 5px;
    line-height: .21rem;
    font-size: .12rem
}

.question-case-list li a:hover .quiz-p .quiz-title {
    text-decoration: underline
}

.question-case-list .quiz-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.question-case-list .quiz-title {
    color: #5387e2;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.question-case-list .quiz-p {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    color: #a2a2a2;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.question-case-list .quiz-p-describe {
    color: #626262;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.question-case-list .quiz-answer {
    color: #000
}

.expert-quiz-wrap {
    position: relative;
    padding: 0 .14rem .2rem
}

.expert-quiz-box {
    margin-bottom: .2rem;
    border-top: 2px solid #5387e2;
    border-right: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
    border-left: 1px solid #d6d6d6
}

.expert-quiz-box .title {
    padding: .075rem .1rem;
    line-height: .2rem;
    font-size: .15rem;
    color: #333;
    border-bottom: 1px solid #d6d6d6
}

.expert-quiz-box .content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.expert-quiz-box .content-left {
    text-align: center;
    padding: .1rem .15rem;
    width: .575rem;
}

.expert-quiz-box .content-p {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    padding: .1rem .15rem .2rem;
    line-height: .2rem;
    font-size: .12rem;
    color: #333
}

.expert-quiz-box .avatar {
    padding: 2px;
}

.expert-quiz-box .avatar img {
    display: block;
    width: 100%;
    height: auto
}

.expert-quiz-box .name {
    margin: .05rem 0 .025rem;
    line-height: 1.4;
    font-size: .09rem;
    color: #333
}

.expert-quiz-box .level {
    max-width: 75%;
    height: auto
}

#member {
    padding-top: .45rem;
    padding-bottom: .6rem
}

.lg-rg-wrap {
    padding: .4rem .375rem
}

.lg-rg-wrap h2 {
    position: relative;
    padding-bottom: .1rem;
    text-align: center;
    font-size: .2rem;
    color: #333
}

.lg-rg-wrap h2::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: .25rem;
    height: 2px;
    margin-left: -.125rem;
    background-color: #5387e2
}

.lg-rg-wrap .form-box {
    width: 100%;
    margin-top: .2rem
}

.lg-rg-wrap .input-box {
    width: 100%;
    height: .4rem;
    margin-bottom: .125rem;
    padding: 0 .125rem;
    background-color: #f4f4f4;
    border-radius: .075rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.lg-rg-wrap .input-box .input {
    font-size: .12rem;
    color: #999
}

.lg-rg-wrap .half-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: .4rem;
    margin-bottom: .125rem
}

.lg-rg-wrap .half-box .yzm-box {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    padding: 0 .125rem;
    background-color: #f4f4f4;
    border-radius: .075rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.lg-rg-wrap .half-box .yzm-box .input {
    font-size: .12rem;
    color: #999
}

.lg-rg-wrap .half-box .get-yzm {
    display: block;
    width: .8rem;
    height: .4rem;
    margin-left: .125rem;
    line-height: .4rem;
    font-size: .11rem;
    color: #fff;
    text-align: center;
    background-color: #999
}

.lg-rg-wrap .half-box .yam-img {
    width: .8rem;
    height: .4rem;
    margin-left: .125rem;
    line-height: .4rem;
    text-align: center
}

.lg-rg-wrap .half-box .yam-img img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%
}

.lg-rg-wrap .half-box.mb-150 {
    margin-bottom: .75rem
}

.lg-rg-wrap .instr {
    margin-top: .25rem;
    margin-bottom: .23rem
}

.lg-rg-wrap .instr .agree-box {
    position: relative;
    width: 100%;
    margin-bottom: .1rem
}

.lg-rg-wrap .instr .href-box {
    text-align: center;
    font-size: 0
}

.lg-rg-wrap .instr .href-box a {
    display: inline-block;
    vertical-align: middle;
    font-size: .11rem;
    color: #589ced
}

.lg-rg-wrap .btn-box {
    width: 2.75rem;
    height: .4rem;
    margin: 0 auto
}

.lg-rg-wrap .href-login {
    margin-top: .2rem;
    text-align: center;
    font-size: .11rem;
    color: #666
}

.lg-rg-wrap .href-login a {
    font-size: .11rem;
    color: #589ced;
    text-decoration: underline
}

.lg-rg-wrap .remember-password {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin-bottom: .74rem
}

.lg-rg-wrap .remember-password .forget-password {
    display: inline-block;
    font-size: .11rem;
    color: #666
}

.pay-wrap {
    position: relative;
    padding: .25rem .14rem;
    z-index: 2
}

.pay-wrap .pay-box {
    width: 100%;
    padding: .25rem .3rem .5rem;
    background-color: #fff;
    border-radius: .075rem;
    border: 1px solid #e1e1e1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.pay-wrap .pay-box h2 {
    position: relative;
    padding-bottom: .15rem;
    text-align: center;
    font-size: .18rem;
    color: #333;
    border-bottom: 1px solid #efefef
}

.pay-wrap .pay-box h2::after {
    content: '';
    position: absolute;
    top: .275rem;
    left: 50%;
    width: .25rem;
    height: .015rem;
    background-color: #5387e2;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.pay-wrap .pay-box .pay-content {
    padding: .25rem 0;
    border-bottom: 1px dashed #efefef
}

.pay-wrap .pay-box .pay-content p {
    font-size: .13rem;
    font-family: "PingFang";
    color: #666
}

.pay-wrap .pay-box .pay-content p:not(:last-child) {
    margin-bottom: .1rem
}

.pay-wrap .pay-box .pay-content .pay-href {
    color: #1a8de8;
    text-decoration: underline
}

.pay-wrap .pay-box .pay-content .black-txt {
    color: #333
}

.pay-wrap .pay-box .pay-content .s-red-txt {
    color: #5387e2
}

.pay-wrap .pay-box .pay-content .b-red-txt {
    font-weight: bold;
    font-size: .18rem;
    color: #5387e2
}

.pay-wrap .pay-box .pay-way {
    padding-top: .225rem
}

.pay-wrap .pay-box .pay-way .title {
    margin-bottom: .15rem;
    font-size: .15rem;
    font-family: "PingFang";
    color: #999
}

.pay-wrap .pay-box .pay-way .way-list-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

.pay-wrap .pay-box .pay-way .list {
    position: relative;
    width: 45%;
    margin-bottom: 10px
}

.pay-wrap .pay-box .pay-way .lable-radio {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: .4rem;
    line-height: .3rem;
    text-align: center;
    border: 1px solid #ddd;
    overflow: hidden;
    -webkit-transition: .2s ease all;
    -moz-transition: .2s ease all;
    -o-transition: .2s ease all;
    transition: .2s ease all
}

.pay-wrap .pay-box .pay-way .lable-radio img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%
}

.pay-wrap .pay-box .pay-way .lable-radio::before {
    content: '';
    position: absolute;
    bottom: 0;
    right: -23px;
    border-style: solid;
    border-color: transparent transparent #5387e2 transparent;
    border-width: 15px 23px;
    z-index: 1;
    opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: .2s ease all;
    -moz-transition: .2s ease all;
    -o-transition: .2s ease all;
    transition: .2s ease all
}

.pay-wrap .pay-box .pay-way .lable-radio::after {
    content: '\e69b';
    position: absolute;
    bottom: -9px;
    right: 0;
    font-size: 12px;
    color: #fff;
    font-weight: bold;
    font-family: "iconfont";
    z-index: 2;
    opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: .2s ease all;
    -moz-transition: .2s ease all;
    -o-transition: .2s ease all;
    transition: .2s ease all
}

.pay-wrap .pay-box .pay-way .radio:checked+.lable-radio {
    border-color: #5387e2
}

.pay-wrap .pay-box .pay-way .radio:checked+.lable-radio::before,
.pay-wrap .pay-box .pay-way .radio:checked+.lable-radio::after {
    opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=100)
}

.pay-wrap .btn-box {
    width: 2.75rem;
    margin: .4rem auto 0
}

.pay-wrap .btn-box .btn {
    width: 100%;
    height: .4rem;
    font-size: 14px;
    font-family: "PingFang";
    color: #fff;
    background-color: #5387e2;
    border-radius: 25px;
    border: none
}

.service-article-wrap {
    padding: .25rem .14rem;
    background-color: #f8f8f8
}

.service-article-wrap .service-article-con {
    width: 100%;
    padding: .275rem .29rem .4rem;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: .075rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.service-article-wrap .service-article-con h2 {
    position: relative;
    padding-bottom: .25rem;
    margin-bottom: .15rem;
    text-align: center;
    font-size: .18rem;
    color: #333;
    border-bottom: 1px solid #ddd
}

.service-article-wrap .service-article-con h2::after {
    content: '';
    position: absolute;
    bottom: .15rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: .25rem;
    height: .015rem;
    background-color: #5387e2
}

.service-article-wrap .service-article-con p {
    margin-bottom: 10px;
    line-height: 25px;
    font-size: .12rem;
    color: #666
}

.service-article-wrap .service-article-box {
    width: 100%;
    margin-top: .225rem;
    margin-bottom: .15rem;
    text-align: center
}

.service-article-wrap .btn-box {
    margin: 0 .35rem
}

.service-article-wrap .btn-box .btn {
    display: block;
    width: 100%;
    height: .4rem;
    line-height: .4rem;
    text-align: center;
    color: #fff;
    font-size: .14rem;
    background-color: #c91513;
    border-radius: .25rem
}

.ask-questions-wrap {
    position: relative;
    padding: .25rem .14rem;
    z-index: 2
}

.ask-questions-wrap .annotation {
    margin-top: 30px;
    text-align: center;
    font-size: 12px;
    color: #666
}

.ask-questions-wrap .annotation .money-red {
    color: #5387e2
}

.ask-questions-wrap .agree-box {
    margin-top: 10px;
    margin-bottom: .15rem;
    text-align: center
}

.ask-questions-wrap .agree-box a {
    font-size: .11rem;
    color: #64acee;
    text-decoration: underline
}

.ask-questions-wrap .btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: .4rem;
    font-size: .14rem;
    color: #fff;
    background-color: #5387e2;
    border-radius: .25rem
}

.live-service-wrap,
.id-authentication-wrap,
.expert-application-wrap {
    padding: .25rem .14rem;
    background-color: #f8f8f8
}

.live-service-wrap .audit-status,
.id-authentication-wrap .audit-status,
.expert-application-wrap .audit-status {
    display: inline-block;
    height: 20px;
    margin-bottom: 10px;
    padding: 0 5px;
    line-height: 20px;
    font-size: 12px;
    color: #fff;
    background-color: #5387e2
}

.live-service-wrap .annotation,
.id-authentication-wrap .annotation,
.expert-application-wrap .annotation {
    margin-top: 30px;
    text-align: center;
    font-size: 12px;
    color: #666
}

.live-service-wrap .annotation .money-red,
.id-authentication-wrap .annotation .money-red,
.expert-application-wrap .annotation .money-red {
    color: #5387e2
}

.live-service-wrap .radio-wrap,
.id-authentication-wrap .radio-wrap,
.expert-application-wrap .radio-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    padding-left: 10px
}

.live-service-wrap .radio-wrap .radio-box,
.id-authentication-wrap .radio-wrap .radio-box,
.expert-application-wrap .radio-wrap .radio-box {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.live-service-wrap .date-img,
.id-authentication-wrap .date-img,
.expert-application-wrap .date-img {
    position: absolute;
    top: 50%;
    right: 0;
    width: .18rem;
    height: .18rem;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1
}

.live-service-wrap .date-img.posr,
.id-authentication-wrap .date-img.posr,
.expert-application-wrap .date-img.posr {
    position: relative;
    top: auto;
    right: auto;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.live-service-wrap .date-img img,
.id-authentication-wrap .date-img img,
.expert-application-wrap .date-img img {
    display: inline-block;
    width: 100%;
    height: auto
}

.live-service-wrap .agree-box,
.id-authentication-wrap .agree-box,
.expert-application-wrap .agree-box {
    margin-top: 10px;
    margin-bottom: .15rem;
    text-align: center
}

.live-service-wrap .agree-box a,
.id-authentication-wrap .agree-box a,
.expert-application-wrap .agree-box a {
    font-size: .11rem;
    color: #64acee;
    text-decoration: underline
}

.live-service-wrap .special-row,
.id-authentication-wrap .special-row,
.expert-application-wrap .special-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: .45rem;
    padding: 0 .1rem;
    margin-bottom: .1rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.live-service-wrap .special-row .red-star,
.id-authentication-wrap .special-row .red-star,
.expert-application-wrap .special-row .red-star {
    color: red
}

.live-service-wrap .special-row .span,
.id-authentication-wrap .special-row .span,
.expert-application-wrap .special-row .span {
    display: inline-block;
    padding-right: 10px;
    font-size: .12rem;
    color: #666
}

.live-service-wrap .special-row .checkbox-box,
.id-authentication-wrap .special-row .checkbox-box,
.expert-application-wrap .special-row .checkbox-box {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    margin-right: .25rem
}

.live-service-wrap .left-span,
.id-authentication-wrap .left-span,
.expert-application-wrap .left-span {
    padding: 0 8px;
    font-size: .11rem;
    color: #666
}

.live-service-wrap .btn,
.id-authentication-wrap .btn,
.expert-application-wrap .btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: calc(50% - 0.8rem);
    width: 1.6rem;
    height: .4rem;
    font-size: .14rem;
    color: #fff;
    background-color: #5387e2;
    border-radius: .25rem
}

.change-number-wrap {
    position: relative;
    padding: .25rem .14rem;
    background-color: #f8f8f8;
    z-index: 2
}

.change-number-wrap .yzmbtn {
    display: block;
    width: .75rem;
    height: .25rem;
    line-height: .25rem;
    background-color: #666;
    text-align: center;
    color: #fff;
    font-size: .11rem;
    border-radius: .12rem
}

.change-number-wrap .btn-box {
    width: 100%;
    height: .4rem;
    margin-top: .4rem
}

.change-number-wrap .btn-box button {
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: .14rem;
    border-radius: .2rem;
    background-color: #5387e2;
    border: none
}

.edit-personal-data-wrap {
    position: relative;
    padding: .25rem .14rem;
    z-index: 2
}

.edit-personal-data-wrap .avatar {
    position: relative;
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    overflow: hidden
}

.edit-personal-data-wrap .avatar img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%
}

.edit-personal-data-wrap .date-img {
    position: absolute;
    top: 50%;
    right: 0;
    width: .18rem;
    height: .18rem;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1
}

.edit-personal-data-wrap .date-img img {
    display: inline-block;
    width: 100%;
    height: auto
}

.edit-personal-data-wrap .epd-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: .45rem;
    padding: 0 .1rem;
    margin-bottom: .1rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.edit-personal-data-wrap .epd-row .span {
    display: inline-block;
    padding-right: 30px;
    font-size: .12rem;
    color: #666
}

.edit-personal-data-wrap .epd-row .radio-box {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.edit-personal-data-wrap .btn-box {
    width: 100%;
    height: .4rem;
    margin-top: .4rem
}

.edit-personal-data-wrap .btn-box button {
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: .14rem;
    border-radius: .2rem;
    background-color: #5387e2;
    border: none
}

.take-cash-wrap {
    padding: .25rem .14rem;
    background-color: #f8f8f8
}

.take-cash-wrap .hd {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 1rem;
    padding: 0 .175rem;
    background: url(../images/member_02.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.take-cash-wrap .hd .hd-left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.take-cash-wrap .hd .img {
    width: .4rem;
    height: .4rem;
    margin-right: .075rem;
    border-radius: 50%
}

.take-cash-wrap .hd .img img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.take-cash-wrap .hd .p {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .12rem;
    color: #666
}

.take-cash-wrap .hd .p .txt {
    display: inline-block;
    padding-right: 5px
}

.take-cash-wrap .hd .p .money-txt {
    margin-bottom: -6px;
    line-height: 1;
    font-size: .17rem;
    color: #db3733;
    font-weight: bold
}

.take-cash-wrap .hd .p .money-txt.mb-0 {
    margin-bottom: 0
}

.take-cash-wrap .hd .check-btn {
    width: .8rem;
    height: .25rem;
    line-height: .25rem;
    text-align: center;
    background-color: #5387e2;
    border-radius: .125rem;
    color: #fff;
    font-size: .11rem
}

.take-cash-wrap .bd {
    padding-top: .24rem
}

.take-cash-wrap .bd .title {
    margin-bottom: .14rem;
    padding-left: 10px;
    font-size: .14rem;
    color: #333
}

.take-cash-wrap .bd .tip {
    font-size: 12px;
    color: #5387e2
}

.take-cash-wrap .bd .card {
    margin-bottom: .4rem
}

.take-cash-wrap .bd .tips {
    margin-bottom: .1rem;
    font-size: .11rem;
    color: #999
}

.take-cash-wrap .bd .agree-box {
    width: 100%;
    margin-top: .3rem;
    margin-bottom: .15rem;
    text-align: center
}

.take-cash-wrap .bd .btn {
    width: 100%;
    height: .4rem;
    background-color: #5387e2;
    color: #fff;
    font-size: .14rem;
    border-radius: .2rem;
    border: none
}

.take-cash-wrap .bd .btn.disabled {
    background-color: #ddd
}

.comment-wrap {
    padding: 25px 15px
}

.comment-wrap .star-rate {
    width: 100%;
    margin-bottom: 10px;
    font-size: 0
}

.comment-wrap .star-rate .row-right {
    display: inline-block;
    vertical-align: middle;
    width: 100px
}

.comment-wrap .star-rate .row-right .star-default {
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 15px;
    padding: 0 2px
}

.comment-wrap .star-rate .row-right img {
    max-width: 100%;
    max-height: 100%
}

.comment-wrap .star-rate .row-right .dark {
    display: block
}

.comment-wrap .star-rate .row-right .light {
    display: none
}

.comment-wrap .star-rate .row-right .light-star .light {
    display: block
}

.comment-wrap .star-rate .row-right .light-star .dark {
    display: none
}

.comment-wrap .star-rate .reset {
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
    padding: 5px 10px;
    font-size: 12px;
    color: #fff;
    background-color: #5387e2
}

.comment-wrap .star-row {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px
}

.comment-wrap .star-row .star {
    color: #5387e2
}

.comment-wrap .star-row .txt {
    color: #666
}

.comment-wrap .btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: .4rem;
    font-size: .14rem;
    color: #fff;
    background-color: #5387e2;
    border-radius: .25rem
}

.rewrite-wrap {
    padding: 25px 15px
}

.rewrite-wrap .p {
    margin-bottom: 10px;
    line-height: 20px;
    font-size: 12px;
    color: #666
}

.rewrite-wrap .btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: .4rem;
    font-size: .14rem;
    color: #fff;
    background-color: #5387e2;
    border-radius: .25rem
}

.text-area {
    width: 100%;
    margin-bottom: .1rem;
    padding: .15rem .125rem;
    background-color: #fff;
    border-radius: .075rem;
    border: 1px solid #888;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.textarea-word {
    margin-bottom: 5px;
    font-size: .12rem;
    color: #666
}

.textarea-word .red-star {
    color: red
}

.form-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    height: .399rem;
    padding: 0 .1rem;
    margin-bottom: .1rem;
    background-color: #fff;
    border: 1px solid #888;
    border-radius: .075rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.form-row.h-150 {
    height: .75rem
}

.form-row.mb-0 {
    margin-bottom: 0
}

.row-left {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 0
}

.row-left .left-txt {
    display: block;
    min-width: 30px;
    padding-right: 10px;
    font-size: .12rem;
    color: #666
}

.row-left .left-txt .red-star {
    color: red;
}

.row-left .file-input-val {
    width: 100%;
    height: 100%;
    font-size: .12rem;
    color: #666;
    background: none;
    border: none
}

.row-left .input-box {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%
}

.row-left .input-box.posr {
    position: relative;
    z-index: 2
}

.row-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.row-right .file-box {
    position: relative;
    width: .675rem;
    height: .25rem;
    line-height: .25rem;
    text-align: center;
    font-size: .11rem;
    color: #fff;
    border-radius: .12rem;
    background-color: #666;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

.row-right .yzm-box {
    width: .675rem;
    height: .225rem
}

.row-right .yzm-box img {
    width: 100%;
    height: 100%
}

.member-select-box {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%
}

.member-select-box .select {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0 5px;
    font-size: 12px;
    color: #666;
    background: none;
    border: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 2
}

.member-select-box .icon-box {
    position: absolute;
    top: 50%;
    right: 5px;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 1
}

.member-select-box .icon-box .iconfont {
    display: inline-block;
    margin-bottom: 2px;
    font-size: 12px;
    color: #666
}

.upload-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 10px;
    margin-bottom: .1rem
}

.upload-row .left-txt {
    padding-right: 10px;
    font-size: .12rem;
    color: #666
}

.upload-row .left-txt .red-star {
    color: red;
}

.upload-row .avatar-box {
    position: relative;
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    border: 2px solid #fff;
    overflow: hidden
}

.upload-row .region-img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%
}

.upload-row .input-file {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    font-size: 100px;
    z-index: 999;
    opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0)
}

.upload-row .files-img-box {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer
}

.upload-row .files-img-box>img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%
}

.upload-row .files-img-box::after {
    content: '\e63c';
    position: absolute;
    top: -7px;
    right: -7px;
    width: 15px;
    height: 15px;
    line-height: 15px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    font-family: "iconfont";
    background-color: #6cca39;
    border-radius: 50%;
    visibility: hidden;
    opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: .2s ease all;
    -moz-transition: .2s ease all;
    -o-transition: .2s ease all;
    transition: .2s ease all
}

.upload-row .files-img-box.on::after {
    visibility: visible;
    opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=100)
}

.upload-row .js-example {
    display: inline-block;
    vertical-align: middle;
    padding: 0 20px;
    font-size: 12px;
    color: #999;
    cursor: pointer
}

.upload-row .js-upload {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    color: #317ee7;
    overflow: hidden
}

.images-fixed-box {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9999
}

.images-fixed-box .inner-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 15px;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.images-fixed-box .close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer
}

.images-fixed-box .close-btn>i {
    font-size: 24px;
    color: #666
}

.images-fixed-box .con {
    width: 100%;
    height: 100%;
    padding-top: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.images-fixed-box .con .img-box {
    width: 100%;
    height: 100%;
    line-height: 420px;
    text-align: center
}

.images-fixed-box .con img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%
}

.multse-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 5px 10px;
    margin-bottom: 10px;
    background-color: #fff;
    border: 1px solid #888;
    border-radius: .075rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.multse-row .left-txt {
    line-height: 33px;
    padding-right: 10px;
    font-size: 12px;
    color: #666
}

.multse-row .left-txt .red-star {
    color: #5387e2
}

.address-box {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    padding: 0 5px
}

.address-box .member-address {
    position: relative;
    width: 100%;
    height: 100%;
    font-size: 12px;
    color: #666;
    background: none;
    border: none;
    z-index: 2
}

.address-box .icon-box {
    position: absolute;
    top: 50%;
    right: 5px;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 1
}

.address-box .icon-box .iconfont {
    display: inline-block;
    margin-bottom: 2px;
    font-size: 12px;
    color: #666
}

#page {
    padding-top: .45rem;
    padding-bottom: .55rem
}

.expert-list-wrap {
    padding: .225rem 0 0;
    border-top: .015rem solid #5387e2
}

.expert-list-wrap .expert-ask-box {
    width: 100%;
    margin-bottom: .225rem;
    padding: 0 .14rem;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.expert-list-wrap .expert-ask-box .hd {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: .19rem .17rem .125rem;
    background: url(../images/page_01.jpg) no-repeat;
    background-position: center;
    background-size: cover;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.expert-list-wrap .expert-ask-box .hd-left-box {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: .24rem
}

.expert-list-wrap .expert-ask-box .hd-left-box .title {
    margin-bottom: .13rem;
    font-size: .15rem;
    color: #fff;
    font-weight: bold
}

.expert-list-wrap .expert-ask-box .hd-left-box .list {
    margin-bottom: 5px;
    font-size: .115rem;
    color: #fff
}

.expert-list-wrap .expert-ask-box .hd-right-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: .75rem
}

.expert-list-wrap .expert-ask-box .hd-right-box a {
    display: block;
    width: 100%;
    height: .25rem;
    line-height: .25rem;
    text-align: center;
    font-size: 13px;
    color: #fff;
    background-color: #ffae20;
    border-radius: 12px
}

.expert-list-wrap .expert-ask-box .ft {
    position: relative;
    padding: .26rem .32rem .23rem .275rem;
    background-color: #f8f8f8;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px
}

.expert-list-wrap .expert-ask-box .swiper-slide {
    width: 100%
}

.expert-list-wrap .expert-ask-box .swiper-slide .title {
    margin-bottom: .1rem;
    font-size: 13px;
    color: #5387e2
}

.expert-list-wrap .expert-ask-box .swiper-slide .msg {
    margin-bottom: .125rem;
    line-height: 20px;
    font-size: 12px;
    color: #333
}

.expert-list-wrap .expert-ask-box .swiper-slide .btn-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.expert-list-wrap .expert-ask-box .swiper-slide .a-btn {
    display: inline-block;
    width: .75rem;
    height: .25rem;
    line-height: .25rem;
    text-align: center;
    background-color: #5387e2;
    font-size: 12px;
    color: #fff;
    border-radius: 12px
}

.expert-list-wrap .expert-ask-box .swiper-slide .a-btn.disabled {
    background-color: #999;
    color: #fff
}

.expert-list-wrap .expert-ask-box .swiper-slide .money {
    display: inline-block;
    font-size: 12px;
    color: #5387e2
}

.expert-list-wrap .expert-ask-box .button-prev,
.expert-list-wrap .expert-ask-box .button-next {
    position: absolute;
    top: 50%;
    width: .21rem;
    height: .21rem;
    line-height: .21rem;
    text-align: center;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #d0d0d0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    outline: none;
    -webkit-transition: .2s ease all;
    -moz-transition: .2s ease all;
    -o-transition: .2s ease all;
    transition: .2s ease all
}

.expert-list-wrap .expert-ask-box .button-prev i,
.expert-list-wrap .expert-ask-box .button-next i {
    font-size: 13px;
    color: #666;
    -webkit-transition: .2s ease all;
    -moz-transition: .2s ease all;
    -o-transition: .2s ease all;
    transition: .2s ease all
}

.expert-list-wrap .expert-ask-box .button-prev:hover,
.expert-list-wrap .expert-ask-box .button-next:hover {
    background-color: #5387e2;
    border-color: #fff
}

.expert-list-wrap .expert-ask-box .button-prev:hover i,
.expert-list-wrap .expert-ask-box .button-next:hover i {
    color: #fff
}

.expert-list-wrap .expert-ask-box .button-prev {
    left: -10px
}

.expert-list-wrap .expert-ask-box .button-next {
    right: -10px
}

.expert-list-wrap .expert-adv-box {
    display: block;
    width: 100%;
    height: .6rem;
    padding: 0 .14rem;
    margin-bottom: .125rem;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.expert-list-wrap .expert-adv-box img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 5px
}

.expert-list-wrap .expert-search-box {
    padding: 0 .14rem
}

.expert-list-wrap .expert-select-box {
    padding: .1rem .14rem .2rem
}

.expert-list-wrap .expert-select-box .btn-box {
    width: 100%;
    margin-top: .2rem;
    text-align: center
}

.expert-list-wrap .expert-select-box .btn-box .sub-btn {
    width: 1.5rem;
    height: .3rem;
    color: #fff;
    font-size: .12rem;
    background-color: #5387e2;
    border: none
}

.expert-list-wrap .expert-list-box {
    padding: .15rem .14rem .225rem;
    background-color: #f8f8f8
}

.expert-list-wrap .expert-list-box li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    /* height: 1.6rem; */
    padding: .07rem .07rem .05rem .1rem;
    margin-bottom: .1rem;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: .075rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.expert-list-wrap .expert-list-box .img-block {
    display: block;
    position: relative;
    width: 0.85rem;
    height: 0.99rem
}

.expert-list-wrap .expert-list-box .img-block .avatar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0.85rem;
    height: 0.85rem;
    /* -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%) */
    object-fit: cover;
    border-radius: 50%;
    box-shadow: 0 0 0.07rem rgba(0, 0, 0, 0.12);
}

.expert-list-wrap .expert-list-box .info-block {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: .1rem
}

.expert-list-wrap .expert-list-box .title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 0.03rem
}

.expert-list-wrap .expert-list-box .title .tt-box {
    display: block;
    font-size: 0;
}

.expert-list-wrap .expert-list-box .title .tt-box span {
    display: inline-block;
    vertical-align: bottom
}

.expert-list-wrap .expert-list-box .title .tt-box .name {
    font-size: .18rem;
    font-weight: bold;
    color: #333
}

.expert-list-wrap .expert-list-box .title .tt-box .job {
    padding-left: 0.05rem;
    font-size: .13rem;
    color: #333
}

.expert-list-wrap .expert-list-box .title .state {
    font-size: .11rem;
    color: #d21e1e
}

.expert-list-wrap .expert-list-box .title .state.st-green {
    color: #218868;
}

.expert-list-wrap .expert-list-box .expert-id {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    /* margin-bottom: 5px */
    margin-left: 0.1rem;
}

.expert-list-wrap .expert-list-box .expert-id .id-num {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: .11rem;
    color: #666
}

.expert-list-wrap .expert-list-box .expert-id .great {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 0.08rem;
}

.expert-list-wrap .expert-list-box .expert-id .great .iconfont {
    font-size: 12px;
    color: red;
}

.expert-list-wrap .expert-list-box .expert-id .great .great-num {
    font-size: .11rem;
    color: #666
}

.expert-list-wrap .expert-list-box .info {
    margin-bottom: 5px;
    font-size: .13rem;
    color: #333
}

.expert-list-wrap .expert-list-box .skill {
    margin-bottom: 5px;
    font-size: .13rem;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.expert-list-wrap .expert-list-box .btn-block {
    width: 100%;
    font-size: 0;
    text-align: right;
    /* position: absolute; */
    right: .175rem;
    bottom: .08rem;
}

.expert-list-wrap .expert-list-box .btn-block .btn {
    display: inline-block;
    vertical-align: middle;
    /* width: .8rem;
    height: .25rem;
    line-height: .25rem; */
    text-align: center;
    font-size: .1rem;
    /* color: #fff;
    border-radius: 12px */
    font-size: 0.14rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.expert-list-wrap .expert-list-box .btn-block .btn .ico {
    height: 0.25rem;
}

.expert-list-wrap .expert-list-box .btn-block .btn.bg-y {
    /* background-color: #ffae20 */
    color: #35A723;
}

@media screen and (max-width: 360px) {
    .expert-list-wrap .expert-list-box .btn-block .btn.bg-y {
        margin-right: 10px
    }
}

.expert-list-wrap .expert-list-box .btn-block .btn.bg-g {
    margin-left: .15rem;
    /* background-color: #7ccd41 */
    color: #4E7FC4;
}

.recipe-list-wrap,
.analysis-list-wrap,
.industry-list-wrap {
    background-color: #f8f8f8
}

.recipe-list-wrap .recipe-filter-box,
.analysis-list-wrap .recipe-filter-box,
.industry-list-wrap .recipe-filter-box {
    width: 100%;
    padding: .1rem .14rem 0.05rem;
    background-color: #fff;
    border-top: .015rem solid #5387e2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.recipe-list-wrap .recipe-filter-box .submit-recipe,
.analysis-list-wrap .recipe-filter-box .submit-recipe,
.industry-list-wrap .recipe-filter-box .submit-recipe {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: .5rem;
    padding: 0 .175rem;
    margin-bottom: .2rem;
    background-image: url(../images/page_04.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.recipe-list-wrap .recipe-filter-box .submit-recipe .btn,
.analysis-list-wrap .recipe-filter-box .submit-recipe .btn,
.industry-list-wrap .recipe-filter-box .submit-recipe .btn {
    width: 1rem;
    height: .25rem;
    line-height: .25rem;
    text-align: center;
    background-color: #ffae20;
    color: #fff;
    font-size: 12px;
    border-radius: .12rem
}

.recipe-list-wrap .recipe-filter-box .submit-recipe .p,
.analysis-list-wrap .recipe-filter-box .submit-recipe .p,
.industry-list-wrap .recipe-filter-box .submit-recipe .p {
    font-size: .15rem;
    color: #fff;
    font-weight: bold
}

.recipe-list-wrap .recipe-filter-box .recipe-search-box,
.analysis-list-wrap .recipe-filter-box .recipe-search-box,
.industry-list-wrap .recipe-filter-box .recipe-search-box {
    width: 100%;
    margin-top: 0.06rem;
    margin-bottom: .05rem;
    display: flex;
    align-items: center;
}

.recipe-list-wrap .recipe-filter-box .btn-box,
.analysis-list-wrap .recipe-filter-box .btn-box,
.industry-list-wrap .recipe-filter-box .btn-box {
    width: 100%;
    margin-top: .2rem;
    text-align: center
}

.recipe-list-wrap .recipe-filter-box .btn-box .sub-btn,
.analysis-list-wrap .recipe-filter-box .btn-box .sub-btn,
.industry-list-wrap .recipe-filter-box .btn-box .sub-btn {
    width: 1.5rem;
    height: .3rem;
    color: #fff;
    font-size: .12rem;
    background-color: #5387e2;
    border: none
}

.recipe-list-wrap .recipe-filter-box .tip-box,
.analysis-list-wrap .recipe-filter-box .tip-box,
.industry-list-wrap .recipe-filter-box .tip-box {
    font-size: 12px;
    color: #3E95F0;
}

.recipe-list-wrap .recipe-sort-box,
.analysis-list-wrap .recipe-sort-box,
.industry-list-wrap .recipe-sort-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: .4rem;
    padding: 0 .14rem;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.recipe-list-wrap .recipe-sort-box .sort-type,
.analysis-list-wrap .recipe-sort-box .sort-type,
.industry-list-wrap .recipe-sort-box .sort-type {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: .85rem;
    height: 100%;
    border-left: 1px solid #ddd
}

.recipe-list-wrap .recipe-sort-box .sort-type:nth-child(2),
.analysis-list-wrap .recipe-sort-box .sort-type:nth-child(2),
.industry-list-wrap .recipe-sort-box .sort-type:nth-child(2) {
    border-right: 1px solid #ddd
}

.recipe-list-wrap .recipe-sort-box .type-txt,
.analysis-list-wrap .recipe-sort-box .type-txt,
.industry-list-wrap .recipe-sort-box .type-txt {
    font-size: .12rem;
    color: #666
}

.recipe-list-wrap .recipe-sort-box .icon,
.analysis-list-wrap .recipe-sort-box .icon,
.industry-list-wrap .recipe-sort-box .icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 3px
}

.recipe-list-wrap .recipe-sort-box .icon i,
.analysis-list-wrap .recipe-sort-box .icon i,
.industry-list-wrap .recipe-sort-box .icon i {
    margin-bottom: -1px;
    font-size: 14px;
    color: #999
}

.recipe-list-wrap .recipe-sort-box .icon i:nth-child(2),
.analysis-list-wrap .recipe-sort-box .icon i:nth-child(2),
.industry-list-wrap .recipe-sort-box .icon i:nth-child(2) {
    margin-top: -7px
}

.recipe-list-wrap .recipe-sort-box .icon i.on,
.analysis-list-wrap .recipe-sort-box .icon i.on,
.industry-list-wrap .recipe-sort-box .icon i.on {
    color: #ff900e
}

.recipe-list-wrap .recipe-sort-box .tip-box,
.analysis-list-wrap .recipe-sort-box .tip-box,
.industry-list-wrap .recipe-sort-box .tip-box {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 5px;
    line-height: 10px;
    font-size: .09rem;
    color: #00b050
}

.recipe-list-wrap .recipe-list-box,
.analysis-list-wrap .recipe-list-box,
.industry-list-wrap .recipe-list-box {
    padding: .14rem
}

.recipe-list-wrap .recipe-list-box .list,
.analysis-list-wrap .recipe-list-box .list,
.industry-list-wrap .recipe-list-box .list {
    width: 100%;
    padding: .2rem .15rem;
    margin-bottom: .1rem;
    background-color: #fff;
    border-radius: 6px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.recipe-list-wrap .recipe-list-box .item,
.analysis-list-wrap .recipe-list-box .item,
.industry-list-wrap .recipe-list-box .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.recipe-list-wrap .recipe-list-box .img-box,
.analysis-list-wrap .recipe-list-box .img-box,
.industry-list-wrap .recipe-list-box .img-box {
    display: block;
    width: 1rem;
    height: .93rem;
    margin-right: .125rem;
    line-height: .93rem;
    text-align: center;
    background-color: #f6f6f6
}

.recipe-list-wrap .recipe-list-box .img-box img,
.analysis-list-wrap .recipe-list-box .img-box img,
.industry-list-wrap .recipe-list-box .img-box img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%
}

.recipe-list-wrap .recipe-list-box .info-box,
.analysis-list-wrap .recipe-list-box .info-box,
.industry-list-wrap .recipe-list-box .info-box {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 0
}

.recipe-list-wrap .recipe-list-box .info-box .img,
.analysis-list-wrap .recipe-list-box .info-box .img,
.industry-list-wrap .recipe-list-box .info-box .img {
    width: 15px;
    height: 15px;
    padding-right: 5px;
    line-height: 15px;
    text-align: center
}

.recipe-list-wrap .recipe-list-box .info-box .img img,
.analysis-list-wrap .recipe-list-box .info-box .img img,
.industry-list-wrap .recipe-list-box .info-box .img img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%
}

.recipe-list-wrap .recipe-list-box .info-box .title,
.analysis-list-wrap .recipe-list-box .info-box .title,
.industry-list-wrap .recipe-list-box .info-box .title {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin-bottom: .09rem;
    font-size: .14rem;
    color: #333;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.recipe-list-wrap .recipe-list-box .info-box .hot,
.analysis-list-wrap .recipe-list-box .info-box .hot,
.industry-list-wrap .recipe-list-box .info-box .hot {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 2px;
    height: 100%;
    font-size: 12px;
    color: #fff;
    background-color: #ffae20;
    border-radius: 5px
}

.recipe-list-wrap .recipe-list-box .info-box .txt,
.analysis-list-wrap .recipe-list-box .info-box .txt,
.industry-list-wrap .recipe-list-box .info-box .txt {
    display: inline-block;
    max-width: 80%;
    padding-right: 5px;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.recipe-list-wrap .recipe-list-box .info-box .money-icon,
.analysis-list-wrap .recipe-list-box .info-box .money-icon,
.industry-list-wrap .recipe-list-box .info-box .money-icon {
    display: inline-block;
    width: 15px;
    height: 15px;
    padding-right: 5px
}

.recipe-list-wrap .recipe-list-box .info-box .msg,
.analysis-list-wrap .recipe-list-box .info-box .msg,
.industry-list-wrap .recipe-list-box .info-box .msg {
    width: 100%;
    height: 40px;
    margin-bottom: 5px;
    line-height: 20px;
    font-size: 12px;
    color: #666;
    overflow: hidden
}

.recipe-list-wrap .recipe-list-box .info-box .region,
.analysis-list-wrap .recipe-list-box .info-box .region,
.industry-list-wrap .recipe-list-box .info-box .region {
    margin-bottom: 10px;
    font-size: 12px;
    color: #666
}

.recipe-list-wrap .recipe-list-box .info-box .feature-box,
.analysis-list-wrap .recipe-list-box .info-box .feature-box,
.industry-list-wrap .recipe-list-box .info-box .feature-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
    justify-content: flex-end;
}

.recipe-list-wrap .recipe-list-box .info-box .feature-box .icon,
.analysis-list-wrap .recipe-list-box .info-box .feature-box .icon,
.industry-list-wrap .recipe-list-box .info-box .feature-box .icon {
    display: inline-block;
    vertical-align: middle
}

.recipe-list-wrap .recipe-list-box .info-box .feature-box .icon::before,
.analysis-list-wrap .recipe-list-box .info-box .feature-box .icon::before,
.industry-list-wrap .recipe-list-box .info-box .feature-box .icon::before {
    position: relative;
    padding-right: 5px;
    line-height: 1;
    font-family: "iconfont";
    font-size: 18px;
    -webkit-transition: .2s ease all;
    -moz-transition: .2s ease all;
    -o-transition: .2s ease all;
    transition: .2s ease all
}

.recipe-list-wrap .recipe-list-box .info-box .feature-box .icon.on.like::before,
.recipe-list-wrap .recipe-list-box .info-box .feature-box .icon:hover.like::before,
.analysis-list-wrap .recipe-list-box .info-box .feature-box .icon.on.like::before,
.analysis-list-wrap .recipe-list-box .info-box .feature-box .icon:hover.like::before,
.industry-list-wrap .recipe-list-box .info-box .feature-box .icon.on.like::before,
.industry-list-wrap .recipe-list-box .info-box .feature-box .icon:hover.like::before {
    content: '\e663'
}

.recipe-list-wrap .recipe-list-box .info-box .feature-box .icon.on.collect::before,
.recipe-list-wrap .recipe-list-box .info-box .feature-box .icon:hover.collect::before,
.analysis-list-wrap .recipe-list-box .info-box .feature-box .icon.on.collect::before,
.analysis-list-wrap .recipe-list-box .info-box .feature-box .icon:hover.collect::before,
.industry-list-wrap .recipe-list-box .info-box .feature-box .icon.on.collect::before,
.industry-list-wrap .recipe-list-box .info-box .feature-box .icon:hover.collect::before {
    content: '\e642'
}

.recipe-list-wrap .recipe-list-box .info-box .feature-box .like::before,
.analysis-list-wrap .recipe-list-box .info-box .feature-box .like::before,
.industry-list-wrap .recipe-list-box .info-box .feature-box .like::before {
    content: '\e625';
    color: #db3733
}

.recipe-list-wrap .recipe-list-box .info-box .feature-box .collect::before,
.analysis-list-wrap .recipe-list-box .info-box .feature-box .collect::before,
.industry-list-wrap .recipe-list-box .info-box .feature-box .collect::before {
    content: '\e646';
    color: #ffae20
}

.recipe-list-wrap .recipe-list-box .info-box .feature-box.flex-right,
.analysis-list-wrap .recipe-list-box .info-box .feature-box.flex-right,
.industry-list-wrap .recipe-list-box .info-box .feature-box.flex-right {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.recipe-list-wrap .recipe-list-box .info-box .r,
.analysis-list-wrap .recipe-list-box .info-box .r,
.industry-list-wrap .recipe-list-box .info-box .r {
    font-size: 0
}

.recipe-list-wrap .recipe-list-box .info-box .r-priced,
.recipe-list-wrap .recipe-list-box .info-box .r-txt,
.analysis-list-wrap .recipe-list-box .info-box .r-priced,
.analysis-list-wrap .recipe-list-box .info-box .r-txt,
.industry-list-wrap .recipe-list-box .info-box .r-priced,
.industry-list-wrap .recipe-list-box .info-box .r-txt {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    font-size: 12px;
    color: #666
}

.recipe-list-wrap .recipe-list-box .info-box .r-block,
.analysis-list-wrap .recipe-list-box .info-box .r-block,
.industry-list-wrap .recipe-list-box .info-box .r-block {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    padding-left: 10px;
    font-size: 0
}

.recipe-list-wrap .recipe-list-box .info-box .btn,
.analysis-list-wrap .recipe-list-box .info-box .btn,
.industry-list-wrap .recipe-list-box .info-box .btn {
    display: block;
    width: .9rem;
    height: .25rem;
    line-height: .25rem;
    text-align: center;
    background-color: #ffae20;
    color: #fff;
    font-size: 12px;
    border-radius: 12px
}

.recipe-list-wrap .analysis-search-box,
.analysis-list-wrap .analysis-search-box,
.industry-list-wrap .analysis-search-box {
    padding: .15rem .14rem;
    border-top: .015rem solid #5387e2
}

.recipe-list-wrap .analysis-list-box,
.analysis-list-wrap .analysis-list-box,
.industry-list-wrap .analysis-list-box {
    padding: 0 .14rem .15rem
}

.recipe-list-wrap .analysis-list-box ul,
.analysis-list-wrap .analysis-list-box ul,
.industry-list-wrap .analysis-list-box ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.recipe-list-wrap .analysis-list-box ul li,
.analysis-list-wrap .analysis-list-box ul li,
.industry-list-wrap .analysis-list-box ul li {
    width: 1.675rem;
    height: .9rem;
    padding-bottom: .1rem
}

.recipe-list-wrap .analysis-list-box ul .item,
.analysis-list-wrap .analysis-list-box ul .item,
.industry-list-wrap .analysis-list-box ul .item {
    display: block;
    width: 100%;
    height: 100%
}

.recipe-list-wrap .analysis-list-box ul img,
.analysis-list-wrap .analysis-list-box ul img,
.industry-list-wrap .analysis-list-box ul img {
    display: inline-block;
    width: 100%;
    height: 100%
}

.recipe-list-wrap .alink,
.analysis-list-wrap .alink,
.industry-list-wrap .alink {
    display: block;
    width: 100%;
    height: .9rem;
    margin-bottom: .1rem;
    line-height: .9rem;
    text-align: center
}

.recipe-list-wrap .alink img,
.analysis-list-wrap .alink img,
.industry-list-wrap .alink img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%
}

.member-center-wrap {
    position: relative;
    width: 100%;
    background-color: #f4f4f4;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.member-center-wrap .member-center-hd {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 100%;
    padding: .34rem .14rem .5rem;
    background-image: url(../images/page_11.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 1
}

.member-center-wrap .member-center-hd .edit-btn {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    top: .34rem;
    right: .14rem;
    width: .325rem;
    height: .325rem;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    z-index: 2
}

.member-center-wrap .member-center-hd .left-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: .125rem
}

.member-center-wrap .member-center-hd .avatar-box {
    position: relative;
    width: .65rem;
    height: .65rem;
    margin-bottom: 10px;
    border: 4px solid rgba(246, 246, 246, 0.5);
    border-radius: 50%;
    overflow: hidden
}

.member-center-wrap .member-center-hd .avatar-box img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%
}

.member-center-wrap .member-center-hd .binding {
    display: inline-block;
    padding: 0.03rem 0.08rem;
    line-height: .12rem;
    text-align: center;
    background-color: #5ab75c;
    font-size: .1rem;
    font-family: "Source Han Sans CN";
    color: #fff;
    border-radius: 0.8rem
}

.member-center-wrap .member-center-hd .binding.gray {
    background-color: #eee;
    color: #666
}

.member-center-wrap .member-center-hd .user-box {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.member-center-wrap .member-center-hd .user-name {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 10px
}

.member-center-wrap .member-center-hd .user-name .name {
    padding-right: 5px;
    line-height: 1;
    font-size: .16rem;
    font-family: "Source Han Sans CN";
    color: #fff
}

.member-center-wrap .member-center-hd .user-name .img {
    display: block;
    width: .4rem;
    height: .15rem;
    line-height: .15rem;
    text-align: center
}

.member-center-wrap .member-center-hd .user-name img {
    display: inline-block;
    max-width: 100%;
    max-height: 100%
}

.member-center-wrap .member-center-hd .p {
    margin-bottom: 5px;
    font-size: .11rem;
    color: #fff
}

.member-center-wrap .member-center-hd .p .money-txt {
    color: #f9a63e
}

.member-center-wrap .member-center-hd .p .pr-10 {
    padding-right: 10px
}

.member-center-wrap .member-center-hd .p .edit-number {
    display: inline-block;
    vertical-align: middle;
    width: .5rem;
    height: .2rem;
    line-height: .2rem;
    text-align: center;
    font-size: .1rem;
    color: #333;
    background-color: #fcd9db;
    border-radius: .095rem
}

.member-center-wrap .member-center-hd .p .phone {
    display: inline-block;
    vertical-align: middle;
    padding-right: 8px
}

.member-center-wrap .member-center-hd .btn-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: .1rem
}

.member-center-wrap .member-center-hd .btn-box .btn {
    display: block;
    height: .2rem;
    padding: 0 .1rem;
    margin-right: 8px;
    margin-bottom: 8px;
    line-height: .2rem;
    text-align: center;
    font-size: .1rem;
    font-family: "Source Han Sans CN";
    color: #333;
    background-color: #fcd8dd;
    border-radius: .1rem
}

.member-center-wrap .member-center-bd {
    position: relative;
    width: 100%;
    margin-top: -30px;
    padding: 0 15px .75rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 2
}

.member-center-wrap .member-center-bd .row-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: .5rem;
    margin-bottom: .1rem;
    background-color: #fff;
    border: 1px solid #e1e1e1;
    border-radius: .075rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.member-center-wrap .member-center-bd .row-box.h-120 {
    height: .6rem
}

.member-center-wrap .member-center-bd .half-box {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.member-center-wrap .member-center-bd .half-box .half-inner {
    font-size: 0
}

.member-center-wrap .member-center-bd .half-box .b-t {
    display: inline-block;
    vertical-align: bottom;
    line-height: 1;
    font-size: .2rem;
    color: #333
}

.member-center-wrap .member-center-bd .half-box .s-t {
    display: inline-block;
    vertical-align: bottom;
    padding-left: 2px;
    font-size: .12rem;
    color: #666
}

.member-center-wrap .member-center-bd .half-box:first-child::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    width: 1px;
    height: .25rem;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #e1e1e1
}

.member-center-wrap .member-center-bd .inner {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0 .15rem;
    font-size: .12rem;
    color: #333;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.member-center-wrap .member-center-bd .inner i {
    position: absolute;
    top: 50%;
    right: .15rem;
    font-size: 14px;
    color: #666;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.member-center-wrap .member-center-bd .message {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.member-center-wrap .member-center-bd .message .num-icon {
    width: 18px;
    height: 18px;
    margin-left: 3px;
    margin-top: -2px;
    line-height: 18px;
    text-align: center;
    font-size: .1rem;
    color: #fff;
    background-color: #5387e2;
    border-radius: 50%
}

.member-center-wrap .member-center-bd .inner-txt {
    font-size: .15rem;
    color: #333
}

.member-center-wrap .member-center-bd .red-txt {
    color: #5387e2;
    text-decoration: underline
}

.member-center-wrap .member-center-bd .member-list-box {
    width: 100%;
    margin-top: .225rem;
    margin-bottom: .1rem
}

.member-center-wrap .member-center-bd .member-list-box .title {
    padding-left: .15rem;
    margin-bottom: .05rem;
    font-size: .16rem;
    color: #333
}

.member-center-wrap .member-center-bd .member-list-box ul {
    width: 100%;
    background-color: #fff;
    border-radius: .075rem;
    border: 1px solid #e1e1e1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.member-center-wrap .member-center-bd .member-list-box li {
    width: 100%;
    height: .5rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.member-center-wrap .member-center-bd .member-list-box li:not(:last-child) {
    border-bottom: 1px solid #e1e1e1
}

.member-center-wrap .member-center-bd .member-list-box a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0 .15rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.member-center-wrap .member-center-bd .member-list-box .txt {
    font-size: .14rem;
    color: #666
}

.member-center-wrap .member-center-bd .member-list-box .a-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.member-center-wrap .member-center-bd .member-list-box .num-icon {
    width: 18px;
    height: 18px;
    margin-left: 3px;
    margin-top: -2px;
    line-height: 18px;
    text-align: center;
    font-size: .1rem;
    color: #fff;
    background-color: #5387e2;
    border-radius: 50%
}

.member-center-wrap .member-center-bd .member-list-box i {
    font-size: 14px;
    color: #666
}

.member-center-wrap .member-center-bd .exit-login-btn {
    display: block;
    width: 100%;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background-color: #5387e2;
    border-radius: 20px
}

.index-banner-wrap {
    width: 100%
}

.index-banner-wrap .swiper-slide {
    position: relative;
    width: 100%;
    padding-top: 66.66667%;
    overflow: hidden
}

.index-banner-wrap .swiper-slide img {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.index-banner-wrap .swiper-pagination {
    width: 100%;
    bottom: .15rem;
    font-size: 0;
    text-align: center;
    z-index: 9
}

.index-banner-wrap .swiper-pagination:after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.3);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 4
}

.index-banner-wrap .my-bullet {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    line-height: 16px;
    text-align: center;
    margin: 0 4px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.2);
    outline: none;
    cursor: pointer;
    z-index: 5;
    -webkit-transition: .2s ease all;
    -moz-transition: .2s ease all;
    -o-transition: .2s ease all;
    transition: .2s ease all
}

.index-banner-wrap .my-bullet:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: .09rem;
    height: .09rem;
    background-color: #5387e2;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    visibility: hidden;
    opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: .2s ease all;
    -moz-transition: .2s ease all;
    -o-transition: .2s ease all;
    transition: .2s ease all
}

.index-banner-wrap .my-bullet.my-bullet-active {
    width: 18px;
    height: 18px;
    background-color: #5387e2;
    font-size: 12px;
    color: #fff
}

.index-tab-list-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    /* -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; */
    padding-top: .375rem;
    background-color: #f6f5f5;
    scroll-snap-type: x mandatory;
    box-sizing: border-box;
    overflow-x: scroll;
    display: flex;
}

.index-tab-list-wrap::-webkit-scrollbar {
    display: none;
}

.index-tab-list-wrap .item-list-box {
    display: flex;
    width: 100%;
    flex: 0 0 100%;
    scroll-snap-align: start;
}

.index-tab-list-wrap .list {
    width: 12.5%;
}

.index-tab-list-wrap .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.index-tab-list-wrap .icon-box {
    width: .38rem;
    height: .38rem;
    line-height: .38rem;
    text-align: center;
}

.index-tab-list-wrap .icon-box img {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    border-radius: 0.06rem;
}

.index-tab-list-wrap .icon-title {
    padding-top: .08rem;
    font-size: .12rem;
    font-family: "PingFang";
    color: #333
}

.scroll-prompt-bar {
    margin-top: 0.03rem;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.scroll-prompt-bar .reminder-points {
    width: 0.2rem;
    height: 0.03rem;
    background-color: #C3C3C3;
}

.scroll-prompt-bar .reminder-points.on {
    background-color: red;
}

.scroll-prompt-bar .reminder-points:first-child {
    border-top-left-radius: 0.016rem;
    border-bottom-left-radius: 0.016rem;
}

.scroll-prompt-bar .reminder-points:last-child {
    border-top-right-radius: 0.016rem;
    border-bottom-right-radius: 0.016rem;
}

.index-swiper-wrap-01 {
    position: relative;
    padding-bottom: .5rem
}

.index-swiper-wrap-01 .swiper-slide {
    position: relative;
    display: block;
    padding-top: 34.66667%;
    border-radius: 5px;
    overflow: hidden
}

.index-swiper-wrap-01 .swiper-slide img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 5px
}

.index-swiper-wrap-01 .swiper-pagination {
    left: 0;
    bottom: .25rem;
    width: 100%;
    font-size: 0;
    text-align: center
}

.index-swiper-wrap-01 .my-bullet {
    display: inline-block;
    vertical-align: middle;
    width: .1rem;
    height: .1rem;
    margin: 0 .05rem;
    background-color: #666;
    border-radius: 50%;
    outline: none;
    cursor: pointer;
    -webkit-transition: .2s ease all;
    -moz-transition: .2s ease all;
    -o-transition: .2s ease all;
    transition: .2s ease all
}

.index-swiper-wrap-01 .my-bullet.my-bullet-active {
    background-color: #5387e2
}

.index-expert-ask-wrap {
    position: relative;
    padding-top: 150px;
    background-color: #f6f5f5
}

.index-expert-ask-wrap .expert-title-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1.75rem;
    padding: .17rem 15px 0;
    background-color: #5387e2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 0
}

.index-expert-ask-wrap .expert-title-box .index-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 3px
}

.index-expert-ask-wrap .expert-title-box .index-title .b-t {
    margin-bottom: -1px;
    line-height: 1;
    font-size: .4rem;
    font-family: "Bahnschrift";
    font-style: oblique;
    color: #fff;
    text-transform: uppercase
}

.index-expert-ask-wrap .expert-title-box .index-title .s-t {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-left: 6px
}

.index-expert-ask-wrap .expert-title-box .index-title .cn {
    font-size: .11rem;
    color: #fff;
    font-weight: bold
}

.index-expert-ask-wrap .expert-title-box .index-title .en {
    font-size: .08rem;
    font-family: "Myriad Pro";
    color: #fff;
    text-transform: uppercase
}

.index-expert-ask-wrap .expert-title-box .p {
    text-align: center;
    font-size: .11rem;
    color: #fff
}

.index-expert-ask-wrap .expert-title-box .btn-block {
    padding: 5px 0;
    text-align: center
}

.index-expert-ask-wrap .expert-title-box .btn-block .href-btn {
    display: inline-block;
    height: 25px;
    padding: 0 15px;
    line-height: 25px;
    font-size: 14px;
    color: #fff;
    border: 1px solid #fff
}

.index-expert-ask-wrap .expert-list {
    position: relative;
    z-index: 1
}

.index-expert-ask-wrap .expert-list .list {
    display: -webkit-inline-flex;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: calc(50% - 0.02rem);
    padding: 0;
    margin-bottom: .05rem;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    min-height: 0.8rem;
}

.index-expert-ask-wrap .expert-list .left-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 0.6rem;
    height: 0.8rem;
    margin-right: .05rem;
    border-radius: 0.06rem;
}

.index-expert-ask-wrap .expert-list .left-box .avatar {
    display: inline-block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    box-shadow: 0 0 0.07rem rgba(0, 0, 0, 0.12);
}

.index-expert-ask-wrap .expert-list .right-box {
    padding: .04rem 0 0 .02rem;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.index-expert-ask-wrap .expert-list .paid-ico {
    position: absolute;
    right: 0;
    bottom: 0;
    display: inline-block;
    padding: 0.005rem 0.04rem 0.02rem;
    background-color: #0741E6;
    color: #fff;
    font-size: 0.09rem;
}

.index-expert-ask-wrap .expert-list .expert-name {
    display: block;
    margin-bottom: .06rem;
    font-size: 0
}

.index-expert-ask-wrap .expert-list .expert-name .b-name,
.index-expert-ask-wrap .expert-list .expert-name .s-name {
    display: inline-block;
    vertical-align: bottom;
    line-height: 1;
    font-family: "Source Han Sans CN";
    color: #333
}

.index-expert-ask-wrap .expert-list .expert-name .b-name {
    font-size: .15rem;
    font-weight: bold
}

.index-expert-ask-wrap .expert-list .expert-name .s-name {
    padding-left: .075rem;
    font-size: .12rem
}

.index-expert-ask-wrap .expert-list .expert-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font-size: .11rem;
    color: #666;
}

.index-expert-ask-wrap .expert-list .expert-info .txt {
    display: -webkit-box;
    vertical-align: top;
    padding-right: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.index-expert-ask-wrap .expert-list .btn-box {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin-top: 0.04rem;
}

.index-expert-ask-wrap .expert-list .btn-box .ask-btn {
    display: inline-block;
    vertical-align: middle;
    height: .16rem;
    padding: 0 0.03rem;
    line-height: .16rem;
    text-align: center;
    font-size: .11rem;
    color: #218CE1;
    border-radius: .05rem;
    border: 0.01rem solid #218CE1;
}

.index-expert-ask-wrap .more-btn {
    /* padding: .125rem 0 .25rem; */
    text-align: center
}

.index-expert-ask-wrap .more-btn a {
    display: inline-block;
    width: 1.3rem;
    height: .3rem;
    line-height: .3rem;
    text-align: center;
    font-size: .12rem;
    color: #fff;
    background-color: #5387e2;
    border-radius: .15rem
}

.index-expert-ask-wrap .index-swiper-wrap-02 {
    width: 100%;
    padding-bottom: .25rem
}

.index-expert-ask-wrap .index-swiper-wrap-02 .swiper-slide {
    display: block;
    width: 1.67rem;
    height: .7rem;
    border-radius: 5px
}

.index-expert-ask-wrap .index-swiper-wrap-02 .swiper-slide img {
    display: inline-block;
    width: 100%;
    height: 100%
}

.index-news-wrap {
    width: 100%;
    padding: 0 .15rem .0rem;
    background-color: #f6f5f5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.index-news-wrap .news-title-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    margin-bottom: .08rem;
    padding-bottom: 0;
    border-bottom: 3px solid #ddd
}

.index-news-wrap .news-title-box .left-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.index-news-wrap .news-title-box .left-block .b-en {
    line-height: 1;
    font-size: .44rem;
    font-family: "Bahnschrift";
    font-style: oblique;
    color: #5387e2;
    text-transform: uppercase
}

.index-news-wrap .news-title-box .left-block .s-cn {
    margin-left: 5px
}

.index-news-wrap .news-title-box .left-block .s-cn-01 {
    font-size: .11rem;
    color: #999
}

.index-news-wrap .news-title-box .left-block .s-cn-02 {
    font-size: 12px;
    color: #333;
    font-weight: bold
}

.index-news-wrap .news-title-box .left-block .s-cn-03 {
    font-size: .08rem;
    font-family: "Myriad Pro";
    font-style: oblique;
    color: rgba(102, 102, 102, 0.6);
    text-transform: uppercase
}

.index-news-wrap .news-title-box .right-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.index-news-wrap .news-title-box .right-block .more-btn {
    display: block;
    width: .5rem;
    height: .225rem;
    line-height: .225rem;
    text-align: center;
    color: #218CE1;
    font-size: 14px;
}

.index-news-wrap .news-content-box {
    width: 100%;
    background-color: #fff
}

.index-news-wrap .news-content-box .swiper-container {
    width: 100%;
    height: 1.6rem
}

.index-news-wrap .news-content-box .swiper-slide {
    display: block;
    width: 100%;
    height: 100%
}

.index-news-wrap .news-content-box .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%
}

.index-news-wrap .news-content-box .swiper-pagination {
    left: 0;
    bottom: .125rem;
    width: 100%;
    padding: 0 .14rem;
    text-align: right;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.index-news-wrap .news-content-box .my-bullet {
    display: inline-block;
    vertical-align: middle;
    width: .08rem;
    height: .08rem;
    margin: 0 3px;
    background-color: #ebebeb;
    border-radius: 50%;
    outline: none;
    cursor: pointer;
    -webkit-transition: .2s ease all;
    -moz-transition: .2s ease all;
    -o-transition: .2s ease all;
    transition: .2s ease all
}

.index-news-wrap .news-content-box .my-bullet.my-bullet-active {
    background-color: #5387e2
}

.index-news-wrap .news-content-box .content-inner {
    padding: .1rem .12rem
}

.index-news-wrap .news-content-box .title {
    display: block;
    padding-bottom: .15rem;
    border-bottom: 1px solid #eef2f9
}

.index-news-wrap .news-content-box .title h4 {
    width: 100%;
    margin-bottom: 4px;
    font-size: .13rem;
    color: #333;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.index-news-wrap .news-content-box .title .info {
    height: 30px;
    line-height: 15px;
    font-size: .11rem;
    color: #999;
    overflow: hidden
}

.index-news-wrap .news-content-box .con-list {
    width: 100%
}

.index-news-wrap .news-content-box .con-list li {
    width: 100%;
    height: .26rem;
    border-bottom: 1px solid #eef2f9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.index-news-wrap .news-content-box .con-list li:nth-child(1) a .icon {
    background-color: #5387e2
}

.index-news-wrap .news-content-box .con-list li:nth-child(2) a .icon {
    background-color: #ffae20
}

.index-news-wrap .news-content-box .con-list li:nth-child(3) a .icon {
    background-color: #7ccd41
}

.index-news-wrap .news-content-box .con-list a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%
}

.index-news-wrap .news-content-box .con-list .icon {
    display: block;
    width: .19rem;
    height: .19rem;
    margin-right: .125rem;
    line-height: .19rem;
    text-align: center;
    font-size: .09rem;
    font-family: "Arial";
    color: #f6f6f6;
    background-color: #999;
    border-radius: .025rem
}

.index-news-wrap .news-content-box .con-list .txt {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    font-size: .13rem;
    color: #333;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.index-news-wrap .news-content-box .con-list .hot {
    display: block;
    width: .43rem;
    height: .15rem;
    line-height: .15rem;
    text-align: center;
    font-size: 12px;
    font-family: "Arial";
    color: #f6f6f6;
    text-transform: uppercase;
    background-color: #ff900e;
    border-radius: 3px
}

.index-news-wrap .index-swiper-wrap-03 {
    width: 100%;
    margin: .25rem 0
}

.index-news-wrap .index-swiper-wrap-03 .swiper-slide {
    display: block;
    width: 100%;
    height: .75rem;
    border-radius: 5px
}

.index-news-wrap .index-swiper-wrap-03 .swiper-slide img {
    display: inline-block;
    width: 100%;
    height: 100%;
    border-radius: 5px
}

.index-news-wrap .index-swiper-wrap-03 .swiper-pagination {
    left: 0;
    bottom: .09rem;
    width: 100%;
    padding: 0 .14rem;
    text-align: right;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.index-news-wrap .index-swiper-wrap-03 .my-bullet {
    display: inline-block;
    vertical-align: middle;
    width: .08rem;
    height: .08rem;
    margin: 0 3px;
    background-color: #ebebeb;
    border-radius: 50%;
    outline: none;
    cursor: pointer;
    -webkit-transition: .2s ease all;
    -moz-transition: .2s ease all;
    -o-transition: .2s ease all;
    transition: .2s ease all
}

.index-news-wrap .index-swiper-wrap-03 .my-bullet.my-bullet-active {
    background-color: #5387e2
}

.index-recruitment-wrap {
    position: relative;
    padding-bottom: 10px;
    background-color: #f6f5f5
}

.index-recruitment-wrap .recruitment-title-box {
    padding: 17px 15px 35px;
    background-color: #5387e2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 0
}

.index-recruitment-wrap .recruitment-title-box .index-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 3px
}

.index-recruitment-wrap .recruitment-title-box .index-title .b-t {
    margin-bottom: -1px;
    line-height: 1;
    font-size: .4rem;
    font-family: "Bahnschrift";
    font-style: oblique;
    color: #fff;
    text-transform: uppercase
}

.index-recruitment-wrap .recruitment-title-box .index-title .s-t {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-left: 6px
}

.index-recruitment-wrap .recruitment-title-box .index-title .cn {
    font-size: .11rem;
    color: #fff;
    font-weight: bold
}

.index-recruitment-wrap .recruitment-title-box .index-title .en {
    font-size: .08rem;
    font-family: "Myriad Pro";
    color: #fff;
    text-transform: uppercase
}

.index-recruitment-wrap .recruitment-title-box .p {
    padding-bottom: .125rem;
    text-align: center;
    font-size: .11rem;
    color: #fff;
    border-bottom: 1px solid rgba(238, 238, 238, 0.2)
}

.index-recruitment-wrap .recruitment-title-box .recruit-tab-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: .18rem
}

.index-recruitment-wrap .recruitment-title-box .slide-down-btn {
    width: 90px;
    height: 25px;
    margin-bottom: 10px;
    line-height: 25px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    border: 1px solid #fff
}

.index-recruitment-wrap .recruitment-title-box .sub-box {
    display: none;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 10px 0;
    font-size: .11rem;
    color: #fff
}

.index-recruitment-wrap .recruitment-title-box .sub-box a {
    display: block;
    margin-bottom: .1rem;
    padding: 0 .12rem;
    font-size: .11rem;
    color: #fff;
    text-transform: uppercase
}

.index-recruitment-wrap .recruitment-title-box .sub-box.flex-show {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.index-recruitment-wrap .recruitment-list-wrap {
    position: relative;
    margin-top: 0.35rem;
}

.index-recruitment-wrap .recruitment-list-box {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin-top: -30px;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 1
}

.index-recruitment-wrap .recruitment-list-box li {
    width: 50%;
    height: 1rem;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.index-recruitment-wrap .recruitment-list-box .item {
    display: block;
    width: 100%;
    height: 100%;
    padding: .1rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.index-recruitment-wrap .recruitment-list-box .top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-bottom: .15rem;
    margin-bottom: .1rem;
    border-bottom: 1px dashed #ddd
}

.index-recruitment-wrap .recruitment-list-box .top .img {
    width: .4rem;
    height: .4rem;
    border: 1px solid #ddd;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.index-recruitment-wrap .recruitment-list-box .top .img img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 5px
}

.index-recruitment-wrap .recruitment-list-box .top .info {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    margin-left: .1rem
}

.index-recruitment-wrap .recruitment-list-box .top .info .name {
    width: 100%;
    font-size: .125rem;
    color: #333;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.index-recruitment-wrap .recruitment-list-box .top .info .msg {
    width: 100%;
    font-size: .1rem;
    color: #666;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.index-recruitment-wrap .recruitment-list-box .bottom {
    font-size: .11rem;
    color: #666
}

.index-recruitment-wrap .recruitment-list-box .bottom .red {
    color: #5387e2
}

.index-recruitment-wrap .btn-box {
    padding: .25rem 0;
    text-align: center
}

.index-recruitment-wrap .btn-box .more-btn {
    display: inline-block;
    width: 1.3rem;
    height: .3rem;
    line-height: .3rem;
    text-align: center;
    font-size: .12rem;
    color: #fff;
    background-color: #5387e2;
    border-radius: .15rem
}

.index-recruitment-wrap .advs-img-box {
    width: 100%;
    height: 1rem;
    border-radius: 5px
}

.index-recruitment-wrap .advs-img-box img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 5px
}


.text_1 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.text_2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.announcement-list-box {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    width: calc(100% - 0.1rem - 0.14rem);
    margin: 0.05rem;
    padding: 0.02rem 0.02rem 0.02rem 0.12rem;
    border-radius: 0.2rem;
    background-color: #FFE8E8;
}

.announcement-list-box .ico {
    width: 0.68rem;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    color: #C80406;
    font-weight: bold;
    font-size: 0.15rem;
}

.announcement-list-box .ico img {
    /* vertical-align: middle; */
}

.announcement-list-box .announcement-list {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    width: calc(100% - 0.68rem);
    height: 0.2rem;
    overflow: hidden;
    font-size: 0.13rem;
}

.announcement-list-box .announcement-list .announcement-item {
    flex-shrink: 0;
    display: block;
    line-height: 0.2rem;
    height: 0.2rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* 春节-开始 */
/* body .footer-bar .list-item.on .icon-img i {
    color: #DD3333;
}

body .footer-bar .box-list {
    background-color: #DD3333;
}

body .footer-bar .list-item.on .icon-title {
    color: #DD3333;
}

body .footer-bar .list-item .none-active {
    color: #DD3333;
}

body .footer-bar .list-item .active {
    background-color: #DD3333;
} */
/* 春节-结束 */

/*# sourceMappingURL=maps/style.css.map */

/*# sourceMappingURL=maps/style.css.map */