/* Minification failed. Returning unminified contents.
(3605,22): run-time error CSS1062: Expected semicolon or closing curly-brace, found '.'
(16085,33): run-time error CSS1046: Expect comma, found '0'
(16085,37): run-time error CSS1046: Expect comma, found '/'
(19518,28): run-time error CSS1039: Token not allowed after unary operator: '-switch-background-color'
(19545,26): run-time error CSS1039: Token not allowed after unary operator: '-switch-checked-color'
(19546,24): run-time error CSS1039: Token not allowed after unary operator: '-switch-checked-color'
(19547,30): run-time error CSS1039: Token not allowed after unary operator: '-switch-checked-color'
(19556,32): run-time error CSS1039: Token not allowed after unary operator: '-switch-checked-color'
(19565,26): run-time error CSS1039: Token not allowed after unary operator: '-switch-checked-color'
(19566,32): run-time error CSS1039: Token not allowed after unary operator: '-switch-checked-color'
(19572,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19575,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
 */
@charset "UTF-8";

/*基础通用样式*/
/*初始light7框架的日历月份和日期的字体颜色*/
.picker-calendar-year-picker,
.picker-calendar-month-picker {
    color: #333333 !important;
}

/*框架类*/
body,
html {
    height: 100%;
    line-height: 1.5;
    font-family: number, "PingFang SC"
}

body {
    font-size: .8rem;


}

.content {
    background: #ffffff;
    font-size: .8rem;
    color: #444444;
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
}

.content {
    transition-duration: .4s
}

body,
ul,
ol,
li,
p,
h1,
h2,
h3,
h4,
h5,
h6,
form,
label,
dl,
dt,
dd,
fieldset,
img {
    padding: 0;
    margin: 0;
    border: 0;
    list-style: none;
}

/*媒体查询*/
@media only screen and (min-width:320px) {
    html {
        font-size: 17.07px !important
    }
}

@media only screen and (min-width:325px) {
    html {
        font-size: 17.33px !important
    }
}

@media only screen and (min-width:330px) {
    html {
        font-size: 17.6px !important
    }
}

@media only screen and (min-width:335px) {
    html {
        font-size: 17.87px !important
    }
}

@media only screen and (min-width:340px) {
    html {
        font-size: 18.13px !important
    }
}

@media only screen and (min-width:345px) {
    html {
        font-size: 18.4px !important
    }
}

@media only screen and (min-width:350px) {
    html {
        font-size: 18.67px !important
    }
}

@media only screen and (min-width:355px) {
    html {
        font-size: 18.93px !important
    }
}

@media only screen and (min-width:360px) {
    html {
        font-size: 19.2px !important
    }
}

@media only screen and (min-width:365px) {
    html {
        font-size: 19.47px !important
    }
}

@media only screen and (min-width:370px) {
    html {
        font-size: 19.73px !important
    }
}

@media only screen and (min-width:375px) {
    html {
        font-size: 20px !important
    }
}

/*按钮*/
.icon {
    display: inline-block;
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale;
    margin-top: -.2rem
}

.icon-orange {
    color: #ff7840
}

.icon-blue {
    color: #659eff
}

.icon-red {
    color: #f02f2f
}

.icon-diamond {
    color: #fea801
}

.btn {
    width: 90%;
    height: 2.25rem;
    line-height: 2.25rem;
    display: block;
    text-align: center;
    border: 1px solid #333;
    margin: auto;
    border-radius: .1rem;
    font-size: .8rem;
    background: 0 0;
    color: #333
}

.btn.btn-sm {
    width: 60%
}

.btn.btn-round {
    border-radius: 90px
}

.btn.btn-red {
    color: #f02f2f;
    border-color: #f02f2f
}

.btn.btn-red.btn-fill {
    color: #fff;
    background: #b1001c;
    border-color: #b1001c
}

.btn.btn-yellow {
    border-color: #f8b243;
    color: #f8b243
}

.btn.btn-yellow.btn-fill {
    color: #333;
    background: #f8b243;
    border-color: #f8b243
}

.btn.btn-fill.disabled,
.btn.btn-fill[disabled] {
    background: #666;
    cursor: not-allowed;
    border-color: #666;
    color: #ccc
}

.btn.btn-inline {
    height: auto;
    width: auto;
    line-height: 1;
    display: inline-block;
    padding: .4rem .25rem
}

.btn.disabled,
.btn[disabled] {
    cursor: not-allowed;
    border-color: #666;
    color: #ccc
}

.btn.btn-yellow-fill-round {
    height: 2.5rem;
    width: 75%;
    border-radius: 9999px;
    color: #fff;
    border: none;
    background: linear-gradient(#fcce30, #f8bf42);
    box-shadow: inset 0 -.125rem 0 #ef9300
}

/*颜色*/
.dark-gray-one {
    color: #999999 !important;
}

.bg-white {
    background: #ffffff;
}

.jet-black {
    color: #333333;
}

.dark-org {
    color: #fa6422 !important;
}

.white {
    color: #fff !important
}

.black {
    color: #333 !important
}

.dark-gray {
    color: #666 !important
}

.gray {
    color: #999 !important
}

.light-gray {
    color: #ccc !important
}

.blue {
    color: #579bf7 !important
}

.red {
    color: #f02f2f !important
}

.dark-red {
    color: #b1001c !important
}

.green {
    color: #04b235 !important
}

.yellow {
    color: #f8b243 !important
}

.light-blue {
    color: #00a0e9 !important
}

.light-orange {
    color: #ff8400 !important
}

.bg-default {
    background: #272729
}

.bg-gray {
    background: #999
}

.bg-white {
    background: #fff
}

.bg-blue {
    background: #579bf7 !important;
    color: #fff !important;
    border-color: #579bf7 !important
}

.bg-red {
    background: #b1001c !important;
    border-color: #b1001c !important
}

.bg-yellow {
    background: #f8b243 !important;
    border-color: #f8b243 !important
}

.bg-yellow .list {
    border-color: #fff !important
}

a {
    color: inherit
}

a.green {
    color: #04b235 !important
}

a.red {
    color: #f02f2f !important
}

a.green {
    color: #04b235 !important
}

a.black {
    color: #333 !important
}

a.white {
    color: #fff !important
}

a.gray {
    color: #999 !important
}

a.blue {
    color: #579bf7 !important
}

a.underline {
    text-decoration: underline
}

a:active {
    opacity: .6
}

a.list-link {
    color: inherit
}

/*列表*/
.list-block {
    margin: .5rem 0;
    font-size: .75rem
}

.flex-box,
.list-box .list.list-link {
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.flex-box .flex-cell,
.list-box .list.list-link .flex-cell {
    white-space: nowrap;
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.flex-box .flex-cell:last-child,
.list-box .list.list-link .flex-cell:last-child {
    margin-left: .5rem;
    font-size: 90%;
    text-align: right
}

.flex-box .flex-cell:first-child,
.list-box .list.list-link .flex-cell:first-child {
    -webkit-flex-shrink: 1;
    -ms-flex: 0 1 auto;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    margin-left: 0;
    font-size: inherit;
    text-align: left
}

.flex-box .flex-cell.flex1,
.list-box .list.list-link .flex-cell.flex1 {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.flex-box .flex-cell-average,
.list-box .list.list-link .flex-cell-average {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center
}

.flex-box .flex-cell-average:last-child,
.list-box .list.list-link .flex-cell-average:last-child {
    text-align: right
}

.flex-box .flex-cell-average:first-child,
.list-box .list.list-link .flex-cell-average:first-child {
    text-align: left
}

.flex-box.flex-column,
.list-box .flex-column.list.list-link {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.list-box {
    transition: height .5s;
    -moz-transition: height .5s;
    -webkit-transition: height .5s;
    -o-transition: height .5s;
    overflow: hidden;
    padding-left: 0;
    margin: 0
}

.list-box .list {
    min-height: 2.25rem;
    padding: 0;
    border-top: 1px solid #4d4d4d;
    margin-left: .625rem;
    list-style: none
}

.list-box .list>.flex-box,
.list-box .list>.list.list-link {
    padding: .75rem .625rem .75rem 0
}

.list-box .list>.flex-img-text {
    padding: .75rem .625rem .75rem 0
}

.list-box .list:first-child {
    border-top: none
}

.list-box .list>a {
    color: inherit
}

.list-box .list.list-link {
    position: relative;
    padding-right: .625rem
}

.list-box .list.list-link:after {
    content: '\e61d';
    display: inline-block;
    vertical-align: middle;
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale;
    white-space: nowrap;
    margin-left: .25rem;
    font-size: .6rem;
    color: #ccc
}

.list-box .list.list-link .flex-box,
.list-box .list.list-link .list.list-link {
    width: 100%;
    padding-right: 0
}

.list-box .list.no-line {
    border-top: none
}

.list-box .list.noLine+.list {
    border-top: none
}

.list-box.more-list>li:nth-child(n+4) {
    display: none
}

.list-box .list-more {
    height: 2.25rem;
    background: #404244;
    margin-left: 0
}

.list-box.boss-stock {
    background: #404244
}

.list-box.boss-stock .list {
    position: relative;
    padding: .75rem .625rem .75rem 6rem
}

.list-box.boss-stock .list:nth-child(3n+1) .stock-name {
    background: #ff605d
}

.list-box.boss-stock .list:nth-child(3n+2) .stock-name {
    background: #f8b243
}

.list-box.boss-stock .list:nth-child(3n+3) .stock-name {
    background: #579bf7
}

.list-box.boss-stock .stock-name {
    width: 5.25rem;
    height: 4rem;
    text-align: center;
    position: absolute;
    top: .75rem;
    left: 0
}

.list-box.boss-stock .progress {
    position: relative;
    padding-left: 3.5rem;
    padding-right: 1.75rem
}

.list-box.boss-stock .progress .left {
    height: .8rem;
    line-height: .8rem;
    position: absolute;
    left: 0;
    top: 0
}

.list-box.boss-stock .progress .right {
    height: .8rem;
    line-height: .8rem;
    position: absolute;
    right: 0;
    top: 0
}

.list-box.boss-stock .progress .progress-box {
    height: .8rem;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    background: #313234;
    border-radius: 90px;
    box-shadow: inset 0 3px 3px rgba(41, 42, 44, .2), inset 0 -1px 0 rgba(255, 247, 213, .24);
    padding: 2px 2px 3px
}

.list-box.boss-stock .progress .progress-box .progress-bar {
    background: #f54a32;
    border-radius: 90px;
    height: 100%;
    box-shadow: inset 0 -2px 5px rgba(255, 23, 23, .63), inset 0 2px 5px rgba(255, 255, 255, .63);
    vertical-align: top;
    position: relative
}

.list-box.boss-stock .progress .progress-box .progress-bar .value {
    color: #999;
    font-size: .55rem;
    position: absolute;
    width: .75rem;
    top: -.8rem;
    right: 0
}

.list-box.form-list .list .flex-cell {
    text-overflow: initial
}

.list-box.form-list .list input[type=search],
.list-box.form-list .list input[type=email],
.list-box.form-list .list input[type=tel],
.list-box.form-list .list input[type=url],
.list-box.form-list .list input[type=date],
.list-box.form-list .list input[type=datetime-local],
.list-box.form-list .list input[type=time],
.list-box.form-list .list input[type=number],
.list-box.form-list .list input[type=text],
.list-box.form-list .list input[type=password] {
    background: 0 0;
    border: none;
    color: #fff;
    text-align: right
}

.list-box.form-list .list input[type=date]::-webkit-clear-button {
    display: none
}

.list-box.form-list .list input[type=date] #picker {
    opacity: 1
}

.list-box.form-list .list select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background: 0 0;
    border: none;
    direction: rtl
}

/*文字*/
.tcenter {
    text-align: center;
}

.tright {
    text-align: right !important
}

.tleft {
    text-align: left !important
}

/*字体大小和内外间距类*/
.f10 {
    font-size: .25rem !important
}

.f11 {
    font-size: .275rem !important
}

.f12 {
    font-size: .3rem !important
}

.f13 {
    font-size: .325rem !important
}

.f14 {
    font-size: .35rem !important
}

.f15 {
    font-size: .375rem !important
}

.f16 {
    font-size: .4rem !important
}

.f17 {
    font-size: .425rem !important
}

.f18 {
    font-size: .45rem !important
}

.f19 {
    font-size: .475rem !important
}

.f20 {
    font-size: .5rem !important
}

.f21 {
    font-size: .525rem !important
}

.f22 {
    font-size: .55rem !important
}

.f23 {
    font-size: .575rem !important
}

.f24 {
    font-size: .6rem !important
}

.f25 {
    font-size: .625rem !important
}

.f26 {
    font-size: .65rem !important
}

.f27 {
    font-size: .675rem !important
}

.f28 {
    font-size: .7rem !important
}

.f29 {
    font-size: .725rem !important
}

.f30 {
    font-size: .75rem !important
}

.f31 {
    font-size: .775rem !important
}

.f32 {
    font-size: .8rem !important
}

.f33 {
    font-size: .825rem !important
}

.f34 {
    font-size: .85rem !important
}

.f35 {
    font-size: .875rem !important
}

.f36 {
    font-size: .9rem !important
}

.f37 {
    font-size: .925rem !important
}

.f38 {
    font-size: .95rem !important
}

.f39 {
    font-size: .975rem !important
}

.f40 {
    font-size: 1rem !important
}

.f41 {
    font-size: 1.025rem !important
}

.f42 {
    font-size: 1.05rem !important
}

.f43 {
    font-size: 1.075rem !important
}

.f44 {
    font-size: 1.1rem !important
}

.f45 {
    font-size: 1.125rem !important
}

.f46 {
    font-size: 1.15rem !important
}

.f47 {
    font-size: 1.175rem !important
}

.f48 {
    font-size: 1.2rem !important
}

.f49 {
    font-size: 1.225rem !important
}

.f50 {
    font-size: 1.25rem !important
}

.f51 {
    font-size: 1.275rem !important
}

.f52 {
    font-size: 1.3rem !important
}

.f53 {
    font-size: 1.325rem !important
}

.f54 {
    font-size: 1.35rem !important
}

.f55 {
    font-size: 1.375rem !important
}

.f56 {
    font-size: 1.4rem !important
}

.f57 {
    font-size: 1.425rem !important
}

.f58 {
    font-size: 1.45rem !important
}

.f59 {
    font-size: 1.475rem !important
}

.f60 {
    font-size: 1.5rem !important
}

.f61 {
    font-size: 1.525rem !important
}

.f62 {
    font-size: 1.55rem !important
}

.f63 {
    font-size: 1.575rem !important
}

.f64 {
    font-size: 1.6rem !important
}

.f65 {
    font-size: 1.625rem !important
}

.f66 {
    font-size: 1.65rem !important
}

.f67 {
    font-size: 1.675rem !important
}

.f68 {
    font-size: 1.7rem !important
}

.f69 {
    font-size: 1.725rem !important
}

.f70 {
    font-size: 1.75rem !important
}

.f71 {
    font-size: 1.775rem !important
}

.f72 {
    font-size: 1.8rem !important
}

.f73 {
    font-size: 1.825rem !important
}

.f74 {
    font-size: 1.85rem !important
}

.f75 {
    font-size: 1.875rem !important
}

.f76 {
    font-size: 1.9rem !important
}

.f77 {
    font-size: 1.925rem !important
}

.f78 {
    font-size: 1.95rem !important
}

.f79 {
    font-size: 1.975rem !important
}

.f80 {
    font-size: 2rem !important
}

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

.mt0 {
    margin-top: 0rem !important
}

.mt5 {
    margin-top: .125rem !important
}

.mt10 {
    margin-top: .25rem !important
}

.mt15 {
    margin-top: .375rem !important
}

.mt20 {
    margin-top: .5rem !important
}

.mt25 {
    margin-top: .625rem !important
}

.mt30 {
    margin-top: .75rem !important
}

.mt35 {
    margin-top: .875rem !important
}

.mt40 {
    margin-top: 1rem !important
}

.mt45 {
    margin-top: 1.125rem !important
}

.mt50 {
    margin-top: 1.25rem !important
}

.mt55 {
    margin-top: 1.375rem !important
}

.mt60 {
    margin-top: 1.5rem !important
}

.mt65 {
    margin-top: 1.625rem !important
}

.mt70 {
    margin-top: 1.75rem !important
}

.mt75 {
    margin-top: 1.875rem !important
}

.mt80 {
    margin-top: 2rem !important
}

.mt85 {
    margin-top: 2.125rem !important
}

.mt90 {
    margin-top: 2.25rem !important
}

.mt95 {
    margin-top: 2.375rem !important
}

.mt100 {
    margin-top: 2.5rem !important
}

.mb0 {
    margin-bottom: 0rem !important
}

.mb5 {
    margin-bottom: .125rem !important
}

.mb10 {
    margin-bottom: .25rem !important
}

.mb15 {
    margin-bottom: .375rem !important
}

.mb20 {
    margin-bottom: .5rem !important
}

.mb25 {
    margin-bottom: .625rem !important
}

.mb30 {
    margin-bottom: .75rem !important
}

.mb35 {
    margin-bottom: .875rem !important
}

.mb40 {
    margin-bottom: 1rem !important
}

.mb45 {
    margin-bottom: 1.125rem !important
}

.mb50 {
    margin-bottom: 1.25rem !important
}

.mb55 {
    margin-bottom: 1.375rem !important
}

.mb60 {
    margin-bottom: 1.5rem !important
}

.mb65 {
    margin-bottom: 1.625rem !important
}

.mb70 {
    margin-bottom: 1.75rem !important
}

.mb75 {
    margin-bottom: 1.875rem !important
}

.mb80 {
    margin-bottom: 2rem !important
}

.mb85 {
    margin-bottom: 2.125rem !important
}

.mb90 {
    margin-bottom: 2.25rem !important
}

.mb95 {
    margin-bottom: 2.375rem !important
}

.mb100 {
    margin-bottom: 2.5rem !important
}

.ml0 {
    margin-left: 0rem !important
}

.ml5 {
    margin-left: .125rem !important
}

.ml10 {
    margin-left: .25rem !important
}

.ml15 {
    margin-left: .375rem !important
}

.ml20 {
    margin-left: .5rem !important
}

.ml25 {
    margin-left: .625rem !important
}

.ml30 {
    margin-left: .75rem !important
}

.ml35 {
    margin-left: .875rem !important
}

.ml40 {
    margin-left: 1rem !important
}

.ml45 {
    margin-left: 1.125rem !important
}

.ml50 {
    margin-left: 1.25rem !important
}

.ml55 {
    margin-left: 1.375rem !important
}

.ml60 {
    margin-left: 1.5rem !important
}

.ml65 {
    margin-left: 1.625rem !important
}

.ml70 {
    margin-left: 1.75rem !important
}

.ml75 {
    margin-left: 1.875rem !important
}

.ml80 {
    margin-left: 2rem !important
}

.ml85 {
    margin-left: 2.125rem !important
}

.ml90 {
    margin-left: 2.25rem !important
}

.ml95 {
    margin-left: 2.375rem !important
}

.ml100 {
    margin-left: 2.5rem !important
}

.mr0 {
    margin-right: 0rem !important
}

.mr5 {
    margin-right: .125rem !important
}

.mr10 {
    margin-right: .25rem !important
}

.mr15 {
    margin-right: .375rem !important
}

.mr20 {
    margin-right: .5rem !important
}

.mr25 {
    margin-right: .625rem !important
}

.mr30 {
    margin-right: .75rem !important
}

.mr35 {
    margin-right: .875rem !important
}

.mr40 {
    margin-right: 1rem !important
}

.mr45 {
    margin-right: 1.125rem !important
}

.mr50 {
    margin-right: 1.25rem !important
}

.mr55 {
    margin-right: 1.375rem !important
}

.mr60 {
    margin-right: 1.5rem !important
}

.mr65 {
    margin-right: 1.625rem !important
}

.mr70 {
    margin-right: 1.75rem !important
}

.mr75 {
    margin-right: 1.875rem !important
}

.mr80 {
    margin-right: 2rem !important
}

.mr85 {
    margin-right: 2.125rem !important
}

.mr90 {
    margin-right: 2.25rem !important
}

.mr95 {
    margin-right: 2.375rem !important
}

.mr100 {
    margin-right: 2.5rem !important
}

.pt0 {
    padding-top: 0rem !important
}

.pt5 {
    padding-top: .125rem !important
}

.pt10 {
    padding-top: .25rem !important
}

.pt15 {
    padding-top: .375rem !important
}

.pt20 {
    padding-top: .5rem !important
}

.pt25 {
    padding-top: .625rem !important
}

.pt30 {
    padding-top: .75rem !important
}

.pt35 {
    padding-top: .875rem !important
}

.pt40 {
    padding-top: 1rem !important
}

.pt45 {
    padding-top: 1.125rem !important
}

.pt50 {
    padding-top: 1.25rem !important
}

.pt55 {
    padding-top: 1.375rem !important
}

.pt60 {
    padding-top: 1.5rem !important
}

.pt65 {
    padding-top: 1.625rem !important
}

.pt70 {
    padding-top: 1.75rem !important
}

.pt75 {
    padding-top: 1.875rem !important
}

.pt80 {
    padding-top: 2rem !important
}

.pt85 {
    padding-top: 2.125rem !important
}

.pt90 {
    padding-top: 2.25rem !important
}

.pt95 {
    padding-top: 2.375rem !important
}

.pt100 {
    padding-top: 2.5rem !important
}

.pb0 {
    padding-bottom: 0rem !important
}

.pb5 {
    padding-bottom: .125rem !important
}

.pb10 {
    padding-bottom: .25rem !important
}

.pb15 {
    padding-bottom: .375rem !important
}

.pb20 {
    padding-bottom: .5rem !important
}

.pb25 {
    padding-bottom: .625rem !important
}

.pb30 {
    padding-bottom: .75rem !important
}

.pb35 {
    padding-bottom: .875rem !important
}

.pb40 {
    padding-bottom: 1rem !important
}

.pb45 {
    padding-bottom: 1.125rem !important
}

.pb50 {
    padding-bottom: 1.25rem !important
}

.pb55 {
    padding-bottom: 1.375rem !important
}

.pb60 {
    padding-bottom: 1.5rem !important
}

.pb65 {
    padding-bottom: 1.625rem !important
}

.pb70 {
    padding-bottom: 1.75rem !important
}

.pb75 {
    padding-bottom: 1.875rem !important
}

.pb80 {
    padding-bottom: 2rem !important
}

.pb85 {
    padding-bottom: 2.125rem !important
}

.pb90 {
    padding-bottom: 2.25rem !important
}

.pb95 {
    padding-bottom: 2.375rem !important
}

.pb100 {
    padding-bottom: 2.5rem !important
}

.pl0 {
    padding-left: 0rem !important
}

.pl5 {
    padding-left: .125rem !important
}

.pl10 {
    padding-left: .25rem !important
}

.pl15 {
    padding-left: .375rem !important
}

.pl20 {
    padding-left: .5rem !important
}

.pl25 {
    padding-left: .625rem !important
}

.pl30 {
    padding-left: .75rem !important
}

.pl35 {
    padding-left: .875rem !important
}

.pl40 {
    padding-left: 1rem !important
}

.pl45 {
    padding-left: 1.125rem !important
}

.pl50 {
    padding-left: 1.25rem !important
}

.pl55 {
    padding-left: 1.375rem !important
}

.pl60 {
    padding-left: 1.5rem !important
}

.pl65 {
    padding-left: 1.625rem !important
}

.pl70 {
    padding-left: 1.75rem !important
}

.pl75 {
    padding-left: 1.875rem !important
}

.pl80 {
    padding-left: 2rem !important
}

.pl85 {
    padding-left: 2.125rem !important
}

.pl90 {
    padding-left: 2.25rem !important
}

.pl95 {
    padding-left: 2.375rem !important
}

.pl100 {
    padding-left: 2.5rem !important
}

.pr0 {
    padding-right: 0rem !important
}

.pr5 {
    padding-right: .125rem !important
}

.pr10 {
    padding-right: .25rem !important
}

.pr15 {
    padding-right: .375rem !important
}

.pr20 {
    padding-right: .5rem !important
}

.pr25 {
    padding-right: .625rem !important
}

.pr30 {
    padding-right: .75rem !important
}

.pr35 {
    padding-right: .875rem !important
}

.pr40 {
    padding-right: 1rem !important
}

.pr45 {
    padding-right: 1.125rem !important
}

.pr50 {
    padding-right: 1.25rem !important
}

.pr55 {
    padding-right: 1.375rem !important
}

.pr60 {
    padding-right: 1.5rem !important
}

.pr65 {
    padding-right: 1.625rem !important
}

.pr70 {
    padding-right: 1.75rem !important
}

.pr75 {
    padding-right: 1.875rem !important
}

.pr80 {
    padding-right: 2rem !important
}

.pr85 {
    padding-right: 2.125rem !important
}

.pr90 {
    padding-right: 2.25rem !important
}

.pr95 {
    padding-right: 2.375rem !important
}

.pr100 {
    padding-right: 2.5rem !important
}

/*基础通用类结束*/




/*好股快后台推广系统正式样式*/
/*内容样式*/
/*为所有inner-item增加右边距*/
.content .item-inner {
    padding-right: 0 !important;
    margin-right: .75rem !important;
}

/*增加和删除下边框*/
.del-bor-bottom {
    border-bottom: none !important;
}

.add-bor-bottom {
    border-bottom: 1px solid #e7e7e7 !important;
}

/*登录页*/

.logo-top {
    width: 100%;
    height: 12.825rem;
    background: url(../images/bg_logo.png) no-repeat center center;
    background-size: 100% 100%;
}

.logo-top>p {
    padding-top: 10rem;
}

.login-content {
    margin-top: 0 !important;
}

.login-content .item-inner {
    margin-right: 0.75rem !important;
    width: auto !important;
}

.btn-forgot-pass {
    width: 100%;
}

.btn-forgot-pass a {
    display: inline-block;
    float: right;
    color: #1d99e7;
    padding-right: .75rem;
}

.login-content ul {}




/*标题头部*/

.bar {
    background: #c32526;
}

.bar h1 {
    color: #ffffff !important;
}

header .mid h1 {
    color: #ffffff !important;
}

/*忘记密码*/
.forgot-password .list-block {
    margin-top: 0 !important;
}

.forgot-password .list-block ul {
    border-top: none !important;
}

.forgot-password .item-title {
    color: #333333;
}

.forgot-password .item-title.label {
    width: 25% !important;
}

.forgot-password .item-content {
    padding-top: .625rem;
}

.forgot-password input::-webkit-input-placeholder {
    /*WebKit browsers*/
    text-align: right !important;
    color: #999999 !important;
    font-size: .75rem;
}

.forgot-password input::-moz-input-placeholder {
    /*Mozilla Firefox*/
    text-align: right !important;
    color: #999999 !important;
    font-size: .75rem;
}

.forgot-password input::-ms-input-placeholder {
    /*Internet Explorer*/
    text-align: right !important;
    color: #999999 !important;
    font-size: .75rem;
}

.get-code {
    text-align: center;
    width: 28%;
    border: 1px solid #1d99e7;
    max-height: 1.6rem !important;
    border-radius: 0.25rem;
    color: #1d99e7 !important;
}

.get-code a {
    display: inline-block;
    width: 100%;
    line-height: 1.2rem;
    font-size: .7rem;
}

.get-code.disable {
    border: 1px solid #ccc;
}

.get-code.disable a {
    color: #ccc !important
}

.btn-verify-correctly img {
    width: .8rem;
    height: .8rem;
}

/*客户-客户信息*/
.client-information .list-block {
    margin-bottom: 0 !important;
}

.client-information .list-block ul {
    border-top: none !important;
}

/*.client-information .item-title,.item-after{
    color: #333333!important;
}*/
.client-information .item-content {
    padding-top: 0.625rem;
    padding-left: .75rem !important;
}

.client-information .item-inner {
    margin-right: .75rem;
    padding-right: 0 !important;
}

.buy-record {
    width: 100%;
    height: 2.2rem;
    background: #ebf1f3;
    line-height: 2.2rem;
}

.buy-record h1 {
    padding-left: .75rem;
}

.record-item ul {
    background: #fff;
}

.record-item ul li {
    margin-right: .75rem !important;
    border-color: #e7e7e7 !important;
}

.record-item ul li div {
    color: #333333;
}

.record-item ul li a div {
    color: #333333;
}

.record-item .flex-box {
    padding-right: 0 !important;
}

.record-item .list:first-child {
    padding-right: 0.65rem
}



/*添加客户-未填写*/

.add-client .list-block {
    margin-top: 0 !important;
}

.add-client .list-block ul {
    border-top: 0 !important;
}

.add-client .item-title {
    color: #333333;
}

.add-client .item-content {
    padding-top: .625rem;
}

.add-client input::-webkit-input-placeholder {
    /*WebKit browsers*/
    text-align: right !important;
    color: #999999 !important;
    font-size: .75rem;
}

.add-client input::-moz-input-placeholder {
    /*Mozilla Firefox*/
    text-align: right !important;
    color: #999999 !important;
    font-size: .75rem;
}

.add-client input::-ms-input-placeholder {
    /*Internet Explorer*/
    text-align: right !important;
    color: #999999 !important;
    font-size: .75rem;
}



.add-client label.label-checkbox i.icon-form-checkbox {
    width: .75rem !important;
    height: .75rem !important;
    display: inline-block;
    margin-top: .04rem;
    box-sizing: border-box;
    margin: 0rem 0.35rem;
}

.add-client input[data-toggle=date] {
    border: 1px solid #cccccc;
    border-radius: 0.25rem;
    text-align: center !important;
    box-sizing: border-box !important;
    padding-right: .25rem !important;
}

.opening-data-input input {
    width: 44% !important;
    padding-right: .25rem !important;
}

.data-prescription {
    padding-top: 0 !important;
}

.btn-fix-bottom {
    margin: 0 !important;
    width: 100% !important;
    padding: 0 !important;
    position: fixed !important;
    ;
    bottom: 0 !important;
}

.btn-fix-bottom a {
    width: 100% !important;
    border-radius: 0 !important;
}

/*我的客户*/
.client-admin .banner-mess .item-inner {
    border-bottom: none !important;
}

.client-admin .banner-mess .item-content {
    border-bottom: 1px solid #e7e7e7;
}

.client-admin .list-block {
    margin-top: 0 !important;
}

.client-admin .item-media img {
    width: 4.7rem;
    height: 4.7rem;
}

/*我的客户-添加列表*/
.search-title {
    height: 2.4rem !important;
    width: 90%;
    margin: 0 auto;
}

.search-title .search-input input {
    border-radius: 0 !important;
    border-right: 0 !important;
    height: 1.8rem !important;
}

.search-title a {
    margin-left: 0 !important;
    border-radius: 0 !important;
    border: 1px solid #b4b4b4 !important;
    border-left: 0 !important;
    height: 1.8rem !important;
    background: #58a5e6 url(../images/icon-search.png) no-repeat center center;
    background-size: 1.2rem 1.2rem;
}

/*我的设置*/
.personal-settings .item-title,
.item-after {
    color: #333333;
}

.personal-settings ul:first-child {
    border-bottom: none !important;
}

.personal-settings .list-block {
    margin-top: 0 !important;
}

.personal-settings .list-block ul {
    border-top: 0 !important;
}

.small-gap {
    width: 100%;
    height: .35rem;
    background: #ebf1f3;
}


.personal-settings input::-webkit-input-placeholder {
    /*WebKit browsers*/
    text-align: right !important;
    color: #999999 !important;
    font-size: .75rem;
}

.personal-settings input::-moz-input-placeholder {
    /*Mozilla Firefox*/
    text-align: right !important;
    color: #999999 !important;
    font-size: .75rem;
}

.personal-settings input::-ms-input-placeholder {
    /*Internet Explorer*/
    text-align: right !important;
    color: #999999 !important;
    font-size: .75rem;
}

.settings-content .item-inner {
    padding-top: 1.4rem !important;
    padding-bottom: .65rem
}



/*修改个人密码*/
.modify-password ul:first-child {
    border-bottom: none !important;
}

.modify-password .item-content {
    border-bottom: none !important;
}

.modify-password-content .item-inner {
    padding-top: 1.4rem !important;
    padding-bottom: .65rem
}


/*添加团队新成员（未添加状态）*/
.add-team-member .sel-state {
    padding-right: 1.2rem !important;
    background: url(../images/btn-download.png) no-repeat right center;
    background-size: .75rem 0.425rem;
}

.personal-settings ul:last-child {
    border-bottom: 1px solid #e7e7e7 !important;
}



/*团队关系*/
.team-relationship .item-title-row {
    position: relative;
}

.edit-team-menber {
    max-height: 2.2rem !important;
    position: absolute;
    width: 30%;
    right: 0;
    top: -.4rem;
    line-height: 2.2rem;
}

.edit-team-menber a {
    display: inline-block;
    width: 100%;
    text-align: center;
    height: 100%;
}

.append-team-menber {
    max-height: 2.2rem !important;
    position: absolute;
    width: 30%;
    right: 0;
    top: -.4rem;
    line-height: 2.2rem;
}

.append-team-menber a {
    display: inline-block;
    width: 100%;
    text-align: center;
    height: 100%;
}

.view-more {
    max-height: 2.2rem !important;
    position: absolute;
    width: 30%;
    right: 0;
    top: -0.8rem;
    line-height: 2.2rem;
}

.view-more a {
    display: inline-block;
    width: 100%;
    text-align: center;
    height: 100%;
}

/*查看团队*/
.view-team .item-title-row {
    position: relative;
}

.modify-channels .sel-state {
    padding-right: 1.2rem !important;
    background: url(../images/btn-download.png) no-repeat right center;
    background-size: .75rem 0.425rem;
}

.modify-team {
    max-height: 2.2rem !important;
    position: absolute;
    width: 30%;
    right: 0;
    top: 0;
    line-height: 2.2rem;
}

.modify-team a {
    display: inline-block;
    width: 100%;
    text-align: center;
    height: 100%;
}

.view-members {
    max-height: 2.2rem !important;
    position: absolute;
    width: 30%;
    right: 0;
    top: -1rem;
    line-height: 2.2rem;
}

.view-members a {
    display: inline-block;
    height: 100%;
    text-align: center;
    width: 100%;
}




/*我的审核*/
.select-box {
    height: 3.2rem;
    width: 100%;
    background: #ebf1f3;
    line-height: 3.2rem;
}

.select-box p {
    float: left;
    margin: 0 !important;
}

.filter-btn-group a {
    border-radius: .25rem !important;
    background: #dcdcdc;
    color: #333333 !important;
}

.filter-btn-group .button {
    height: 1.6rem;
    line-height: 1.6rem;
}

.filter-btn-group .flex-cell-average:first-child {
    margin-left: 0.25rem;
    ;
}

.filter-btn-group .flex-cell-average {
    margin-right: 0.25rem;
}

.filter-btn-group a.active {
    color: #fff !important;
}

.chose-pass {
    text-align: center;
}

.chose-pass a {
    width: 3.4rem;
    height: 1.4rem;
    line-height: 1.4rem;
    text-align: center;
    display: inline-block;
    border: 1px solid #579bf7;
    border-radius: 0.25rem;
    color: #333333 !important;
    background: #dcdcdc;
    margin: 0 2.2rem;
}

.all-btn-pass a {
    width: 3.4rem;
    height: 1.4rem;
    line-height: 1.4rem;
    text-align: center;
    display: inline-block;
    border: 1px solid #579bf7;
    border-radius: 0.25rem;
}

/*首页 我的渠道管理*/
.item-serial {
    width: 2rem;
    height: 2rem;
    border-right: 1px solid #ebf1f3;
}

.item-serial span {
    color: #cccccc;
    line-height: 2rem;
}


/*首页-我的-消息通知*/
.application-data {
    width: 3.2rem;
    height: 2rem;
    text-align: center;
    line-height: 1.0rem;
    border-right: 1px solid #ebf1f3;
}

.news-ways>div {
    padding: 0 !important;
}

.news-another-ways>div {
    padding: 0 !important;
}

.another-ways {
    line-height: 1.6rem;
}

.ways-name {
    line-height: 1.6rem;
}

/*首页 我的 消息 群发通知*/
.mass-notification div {
    width: 100%;
    color: #333333;
    padding: .625rem;
}

.mass-notification div span {
    display: inline-block;
    width: 33%;
}

.mass-notification div textarea {
    width: 100%;
    height: 8rem;
    border: 1px solid #ebf1f3;
    resize: none;
}



/*首页*/
.total-top {
    width: 100%;
    height: 5.5rem;
    color: #333333;
    text-align: center;
    padding-top: 1.2rem;
    border-bottom: 1px solid #e7e7e7;
}

.total-top p {
    text-align: center;
    margin: 0;
}

.banner-part {
    width: 100%;
    color: #333333;
}

.banner-part li {
    min-height: 1.1rem !important;
}

.banner-part li div {
    padding-top: 0.1rem !important;
    padding-bottom: 0 !important;
}

.banner-part li:last-child {
    border-top: none !important;
}

.banner-part li:last-child div {
    border-top: none !important;
    padding-top: 0 !important;
}

.middle-title {
    padding: 0rem 0.625rem;
    height: 2.2rem;
    line-height: 2.2rem;
    border-bottom: 1px solid #e7e7e7;
}

.middle-title a {
    display: inline-block;
    width: 100%;
    background: url(../images/btn-turnRight.png)no-repeat right center;
    background-size: 0.3rem .55rem;
}

.new-order-list {
    padding: 1.6rem .35rem .45rem .75rem !important;
}

.new-order-list .order-data {
    width: 16%;
    border-right: 1px solid #e7e7e7;
}

.new-order-list .order-state {
    text-align: right;
}


/*统计*/
.statistics-tab {
    height: 5.6rem;
}

.statistics-tab input[data-toggle=date] {
    height: 1.5rem;
    border: 1px solid #cccccc;
    background: url(../images/icon-turn-down-box.png) no-repeat right center;
    background-size: 1.575rem 1.5rem;
}

.capital-bottom-bg {
    width: 100%;
    height: 3rem;
    background: #eaf0f2;
}

.capital-part {
    width: 86%;
    height: 4.5rem;
    border: 1px solid #eaf0f2;
    position: absolute;
    top: 4.6rem;
    background: #fff;
    right: 0;
    left: 0;
    margin: auto;
}

.capital-part>div {
    float: left;
    color: #333333;
}


/*统计分析 明细*/
.detail-analysis .list {
    margin-left: 0 !important;
}

.detail-analysis .content-block {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.detail-amount {
    background: none;
}

.detail-amount .list-data {
    border-right: 1px solid #ebf1f3;
    padding-right: 0.5rem;
    text-align: center !important;
}

.detail-amount .flex-box {
    padding-right: 0 !important;
}

.data-graph img {
    width: 100%;
    height: 8.725rem
}

.data-describe p {
    text-align: center;
}


/*奖励情况*/
.capital-top {
    height: 3.75rem;
}

.capital-part-reward {
    width: 86%;
    height: 4.5rem;
    border: 1px solid #eaf0f2;
    position: absolute;
    top: 1.6rem;
    left: 0;
    right: 0;
    background: #fff;
    margin: auto;
}

.capital-part-reward>div {
    color: #333333;
}

.capital-part-reward .flex-cell-average {
    padding: 0 1.4rem;
}

.capital-part-reward .flex-cell-average:first-child {
    border-right: 1px solid #e7e7e7;
}

.detail-amount .flex-box {
    border-bottom: 1px solid #e7e7e7;
}

.detail-amount .list {
    margin-left: 0 !important;
}

.list-capital {
    text-align: center !important;
}

.capital-part .flex-cell-average {
    padding: 0 1.4rem;
}

.capital-part .flex-cell-average:first-child {
    border-right: 1px solid #e7e7e7;
}


.order-data-select {
    height: 4rem !important;
}

.footer-bar {
    background: #fff;
}






/*好股道 */
.login-banner {
    padding-top: 2.5rem;
}

.login-banner img {
    width: 9.05rem;
    height: 5.7rem;
}

.buttons-tab {
    background: none !important;
    border: none !important;
}

.buttons-tab a {
    color: #ff7244 !important;
    border: none !important;
}

.buttons-tab.pool-tabs a.active {
    color: #fff !important;
}

.buttons-tab a.active {
    border-bottom: .075rem solid rgba(255, 255, 255, .5) !important;
}

.buttons-tab a.active {
    color: #ffffff;
}

.login-list>li {
    height: 2.8rem;
}

.login-list>li:last-child {
    border-top: 1px solid #c02021;
}

.login-list>li>input {
    height: 100%;
    width: 100%;
    padding: 0 .75rem;
    border: none;
}

.login-tips>div {
    color: #ff7244;
    width: 60%;
    margin: 0 auto;
    text-align: center;
}

.login-button>button {
    width: 90%;
    margin: 0 auto;
    background: #ff7244 !important;
}

.rules-tips {
    color: #ffffff;
    text-align: center;
}

.login-bottom {
    text-align: center;
    font-size: .5rem;
    color: #ccc;
}

.bottom-tips-text {
    width: 100%;
    bottom: 0;
}

.rules-tips input[type=checkbox] {
    vertical-align: sub;
    margin-right: 0.25rem;
}

.align-content-space-between {
    position: relative;
}

.code-yz {
    position: absolute;
    top: 0.4rem;
    right: 0.625rem;
    padding: 8px 0;
    width: 30%;
    text-align: center;
    background: #faf2db;
    border: 1px solid #d06767;
    color: #ca2627 !important;
}


/*我的*/
.mine-banner {
    position: relative;
    padding: 25px 15px 50px 15px;
    background: url("../images/mine-bg.jpg") no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    color: #fff;
}


/*持仓操作*/

.black-444 {
    color: #444444;
}

.padding-gap {
    padding: 0 0.625rem;
}

.hold-button-group button {
    width: 100%;
    height: 2.8rem;
    border-color: #444444;
    color: #444444;
}

.hold-button-group button.icon-require {
    background: url(../images/icon-stock.png) no-repeat 4.8rem center;
    background-size: .85rem;
}

.hold-button-group button.icon-custom {
    background: url(../images/icon-cell.png) no-repeat 4.8rem center;
    background-size: .725rem .8rem;
}

.register-btn button {
    width: 100%;
    height: 2.8rem;
    border-color: #444444;
    color: #444444;
    background: url(../images/icon-book.png) no-repeat 5.8rem center;
    background-size: .825rem .85rem;
}

.mine-detail {
    background: url(../images/mine-bg.jpg) no-repeat center center;
    background-size: cover;
    min-height: 7rem;
    position: relative;
}

.mine-detail>div:first-child {
    width: 100%;
    padding: 0 1rem 0 0.625rem;
}

.mine-detail img {
    width: 3.3rem;
    height: 3.3rem;
}

.icon-level {
    color: #ffffff;
    text-align: center;
    background-size: .7rem .525rem;
}

.avatar-level .icon-level {
    display: inline-block;
    width: .7rem;
    height: .525rem;
    background: url(../images/icon-level.png) no-repeat center center;
    background-size: .7rem .525rem;
    margin-right: 0.25rem;
}

.avatar-level {
    padding: 0.2rem .5rem;
    text-align: center;
    border-radius: 2rem;
    background-image: -moz-linear-gradient(-180deg, rgb(214, 186, 104) 0%, rgb(199, 121, 30) 100%);
    background-image: -webkit-linear-gradient(-180deg, rgb(214, 186, 104) 0%, rgb(199, 121, 30) 100%);
    background-image: -ms-linear-gradient(-180deg, rgb(214, 186, 104) 0%, rgb(199, 121, 30) 100%);
}

.open-dialog {
    display: inline-block;
    width: 3.35rem;
    height: 1.65rem;
    text-align: center;
    line-height: 1.6rem;
    border-style: solid;
    border-width: 2px;
    border-color: rgb(255, 255, 255);
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 2rem;
}

.mine-banner-footer {
    position: absolute;
    bottom: 0;
    background-color: rgb(0, 0, 0);
    opacity: 0.302;
    height: 1.5rem;
    line-height: 1.5rem;
    font-size: .6rem;
    color: #ffffff;
    width: 100%;
}

.mine-item-list li {
    height: 2.55rem;
    line-height: 2.55rem;
}

.mine-item-list li:not(:last-child) {
    border-bottom: 1px solid #f5f5f5;
}

.icon-personality {
    padding-left: 2rem;
    background: url(../images/icon-1.png) no-repeat 0.625rem center;
    background-size: 1rem;
}

.icon-strategy {
    padding-left: 2rem;
    background: url(../images/icon-2.png) no-repeat 0.625rem center;
    background-size: 1rem;
}
.icon-money{
    padding-left: 2rem;
    background: url(../images/icon__money.png) no-repeat 0.625rem center;
    background-size: 1rem;
}
.icon-sign {
    padding-left: 2rem;
    background: url(../images/icon-3.png) no-repeat 0.625rem center;
    background-size: 1rem;
}

.icon-service {
    padding-left: 2rem;
    background: url(../images/icon-4.png) no-repeat 0.625rem center;
    background-size: 1rem;
}

.icon-explain {
    padding-left: 2rem;
    background: url(../images/icon-5.png) no-repeat 0.625rem center;
    background-size: 1rem;
}

.icon-news {
    padding-left: 2rem;
    background: url(../images/icon-6.png) no-repeat 0.625rem center;
    background-size: 1rem;
}

.icon-test {
    padding-left: 2rem;
    background: url(../images/icon-7.png) no-repeat 0.625rem center;
    background-size: 1rem;
}

.icon-mu {
    padding-left: 2rem;
    background: url(../images/icon-8.png) no-repeat 0.625rem center;
    background-size: 1rem;
}

.icon-tq {
    padding-left: 2rem;
    background: url(../images/icon-9.png) no-repeat 0.625rem center;
    background-size: 1rem;
}

.icon-mm {
    padding-left: 2rem;
    background: url(../images/icon-10.png) no-repeat 0.625rem center;
    background-size: 1rem;
}

.exit-logon {
    display: inline-block;
    height: 2.55rem;
    width: 100%;
    line-height: 2.55rem;
    background: #ffffff;
}

.stock-search-box {
    width: 100%;
    padding: 0.5rem 0;
}

.stock-search-box input {
    width: 75%;
    height: 2.5rem;
    border-radius: 0.25rem;
    border: none;
    padding-left: 0.625rem;
}

.stock-search-box a {
    display: inline-block;
    width: 20%;
    height: 2.5rem;
    background: #ff7043;
    vertical-align: middle;
    line-height: 2.5rem;
    text-align: center;
    border-radius: 0.25rem;
    margin-left: 4%;
}

/*2018 10 30*/
.stock-module {
    padding: 0.5rem;
}

.stock-module>div {
    width: 30%;
    float: left;
    background: #efefef;
    padding: 0.5rem 0;
    border: 1px solid #dbdbdb;
    margin: 0.4rem 1.5%;
}

.module-classification-tab>a {
    color: #999999 !important;
    font-size: .75rem;
}

.module-classification-tab>a.active {
    color: #ff7043 !important;
    border-bottom: 1px solid #ff7043 !important;
}

.shares-classification .shares-classification-title {
    background: #efefef;
    padding: 0.25rem 0.625rem;
    color: #999999;
    font-size: 0.7rem;
}

.gray-777 {
    color: #777777 !important;
}

.shares-classification-list>li {
    padding: 0.4rem 0.625rem;
}

.shares-classification-list>li:not(:last-child) {
    border-bottom: 1px solid #fafafa;
}

.stock-management-title {
    padding: 0.3rem 0.8rem;
}

.stock-management-list {
    padding: 0 0.625rem;
}

.stock-management-list>li {
    padding: 0.4rem 0;
    border-bottom: 1px solid #fafafa;
    border-top: 1px solid #fafafa;
}

.stocks-research-list {
    padding: 0 0.625rem;
}

.stocks-research-list>li {
    padding: 0.8rem 0;
}

.stocks-research-list>li:not(:last-child) {
    border-bottom: 1px solid #fafafa;
}



.test-result-banner img {
    position: absolute;
    top: 0rem;
    left: 0;
    max-width: 100%;
    height: auto;
}

.test-result-dy {
    position: relative;
    z-index: 1;
    margin: .25rem .5rem 0 .5rem;
    padding: 1.2rem;
    background: url("../images/test-result-bg.png") no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.test-result-dy>div {
    margin-bottom: .15rem;
    text-align: center
}

.test-result-dy>div>span {
    position: relative;
    font-size: 1rem;
    font-weight: 600;
}

.test-result-dy>div>span:after {
    content: '';
    position: absolute;
    bottom: -.15rem;
    left: 0;
    width: 100%;
    height: .05rem;
    background: #c32526;
}

.test-result-first {
    position: relative;
    margin: .375rem;
    padding: .375rem;
    border: .05rem solid #c32526;
    border-radius: .125rem;
}

.test-result-tips {
    margin-top: -1rem;
    text-align: center;
}

.test-result-tips span {
    padding: 0 .125rem;
    background: #fff;
    font-size: 1rem;
}

.test-result-sort {
    margin: .25rem 0;
    text-align: center;
}

.test-result-sort span {
    display: inline-block;
    padding: 0 .5rem .1rem .25rem;
    background: url("../images/text-bg.png") no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    font-size: 2.2rem;
    color: #fff;
    line-height: 1.3;
}

.test-result-btn {
    text-align: center;
}

.test-result-btn a {
    border: .025rem solid #bbbbbb;
    color: #bbbbbb;
    padding: .1rem .125rem;
    border-radius: .075rem;
}

.test-result-item {
    position: relative;
    margin: 40px .375rem 0 .375rem;
    padding: .375rem;
    border: .05rem solid #f8b243;
    border-radius: .125rem;
}

.test-result-blue {
    border-color: #589bf6
}

.test-result-red {
    border-color: #c32526
}

.test-result-item p {
    position: relative;
    padding-left: 1.5rem;
}

.test-result-yellow p:before {
    background: url("../images/yellow-tip.png") no-repeat;
}

.test-result-blue p:before {
    background: url("../images/blue-tip.png") no-repeat;
}

.test-result-red p:before {
    background: url("../images/red-tip.png") no-repeat;
}

.test-result-item p:before {
    content: '';
    position: absolute;
    left: 0;
    top: .05rem;
    width: 1rem;
    height: 1rem;
    -webkit-background-size: contain;
    background-size: contain;
}

.test-result-title {
    position: absolute;
    width: 100%;
    top: -1rem;
    left: -.375rem;
}

.test-result-title img {
    max-width: 100%;
    height: auto;
}

.test-result-famous>div:first-child {
    color: #c32526;
    font-size: 1rem;
}

.famous-detail {
    padding: 0 0.625rem;
}

.famous-detail>p {
    margin: 0.5rem 0;
}

.famous-name {
    font-size: .9rem;
    font-weight: 600;
}

.famous-saying {
    position: relative;
    padding: 4rem 0 0 4rem;
    background: url("../images/test-result-yl.png") top left no-repeat;
    -webkit-background-size: 50%;
    background-size: 50%;
}

.test-result-item.test-result-yellow>p {
    margin: 0.5rem 0;
}

.test-result-item.test-result-blue>p {
    margin: 0.5rem 0;
}

.test-result-item.test-result-red>p {
    margin: 0.5rem 0;
}

.policy-module-title {
    padding: 0.625rem;
}

.policy-module-title .title-mask-red {
    background: #f0302f;
    color: #ffffff;
    border-radius: 0.15rem;
    padding: 0.1rem;
}

.policy-module-title .title-mask-green {
    background: #04b236;
    color: #ffffff;
    border-radius: 0.15rem;
    padding: 0.1rem;
}

.border-top-gray {
    border-top: 1px solid #fafafa;
}

.border-bottom-gray {
    border-bottom: 1px solid #fafafa;
}

.button-group {
    text-align: center;
    display: flex;
    justify-content: space-between;
}

.button-group>button {
    width: 48%;
    height: 2rem;
    border-radius: 0.25rem;
    border: none;
}

.button-group>button:first-child {
    background: #cccccc;
    margin-right: 0.2rem;
}
.button-group-01>button:first-child {
    background: #c32526;
}
.button-group>button:last-child {
    background: #ff7043;
    margin-left: 0.2rem;
    
}
.button-group-one button{
    width: 100%;
    background: #ff7043;
    height: 2rem;
    border-radius: 0.25rem;
    border: none;
}
.button-group-01>button:last-child{
    background: #148770;
    line-height: 1;
}
.button-group-01>button:last-child span{
    font-size: .6rem;
    color: #ffe25d;
}
.orange {
    color: #ff7043;
}

.policy-notice-line {
    height: 2rem;
    line-height: 2rem;
}

.policy-notice-line>a {
    display: inline-block;
    width: 100%;
    height: 100%;
    background: #ffffff;
}

.policy-notice-line>a {
    position: relative;
}

.policy-notice-line>a:after {
    content: '';
    display: inline-block;
    width: 2rem;
    height: 100%;
    line-height: 100%;
    vertical-align: middle;
    background: url(../images/trun-r.png) no-repeat center center;
    background-size: .4rem .7rem;
    position: absolute;
    right: 0;
}

.nill-buy-line {
    height: 2rem;
    line-height: 2rem;
}

.nill-buy-line {
    position: relative;
}

.nill-buy-line i {
    position: absolute;
    right: 0;
    display: inline-block;
    width: 2rem;
    height: 100%;
    line-height: 100%;
    background: url(../images/trun-d.png) no-repeat center center;
    background-size: .7rem .4rem;
}

.nill-reason-list {
    padding: 0 0.625rem;
}

.nill-reason-list>li {
    padding: 0.6rem 0;
}

.nill-reason-list>li:not(:first-child) {
    border-top: 1px solid #fafafa;
}

.btn.btn-red.btn-fill {
    color: #fff;
    background: #b1001c;
    border-color: #b1001c;
}

.fixed-bottom {
    width: 100%;
    position: fixed;
    bottom: 0;
}

.icon-selected {
    background: url(../images/icon-selected.png) no-repeat right center;
    background-size: .7rem .475rem;
}

.icon-trun-right {
    background: url(../images/trun-r.png) no-repeat center center !important;
    background-size: .475rem .7rem !important;
}

.policy-setting .setting-item {
    padding: 0 0.625rem;
}

.policy-setting .setting-item .setting-title {
    height: 2.8rem;
    border-bottom: 1px solid #dddddd;
}

.setting-radio input {
    opacity: 0;
    position: absolute;
}

.setting-radio i {
    display: inline-block;
    width: .8rem;
    height: .8rem;
    border-radius: 50%;
    border: 1px solid #ca4041;
    position: relative;
}

.setting-radio input:checked+i:after {
    content: '';
    display: inline-block;
    width: .5rem;
    height: .5rem;
    background: #ca4041;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -0.25rem;
    margin-left: -0.25rem;
}

.setting-content>div>div {
    width: 50%;
    text-align: left !important;
}

.gray-666 {
    color: #666666;
}

.hold-position-item .hold-position-title {
    height: 2.65rem;
    padding: 0 0.625rem;
    line-height: 2.65rem;
}

.hold-position-title.font-red:before {
    content: '';
    display: inline-block;
    width: 0.1rem;
    height: .9rem;
    background: #c32526;
    vertical-align: text-top;
    margin-right: 0.25rem;
}

.hold-position-track>ul {
    padding: 0 0.625rem;
}

.hold-position-track>ul>li {
    height: 2.5rem;
}

.hold-position-track>ul>li:not(:last-child) {
    border-bottom: 1px dashed #f5f5f5;
}

.hold-position-situation {
    padding: 0.5rem 0.625rem;
}

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

.btn-orange {
    background: #ff7043;
    border: none;
    color: #ffffff;
}

.list-box .list-line {
    padding: 0.5rem 0.625rem;
}

.list-box .list-line:not(:last-child) {
    border-bottom: 1px solid #f5f5f5;
}

.hold-operation>div {
    padding: 0 0.7rem 0 0.5rem;
}

.hold-operation>div:not(:last-child) {
    border-right: 1px solid #dddddd;
}

.modify-a {
    background: #c32526;
    border-radius: 0.1rem;
    color: #fff;
}

.btn-group {
    text-align: center;
}

.btn-group>button {
    display: inline-block;
    width: 44%;
}

.btn-group>button:first-child {
    margin-right: 1%;
}

.btn-group>button:last-child {
    margin-left: 1%;
}

.hold-register-list input {
    border: none;
    height: 100%;
}

.border-input {
    text-align: center !important;
    width: 5rem;
    border: 1px solid #999999 !important;
    border-radius: 0.2rem;
    padding: 0.25rem;
    vertical-align: baseline;
}

.adjustment-amount {
    width: 60%;
}

.adjustment-amount button {
    display: inline-block;
    width: 1.6rem;
    height: 1.7rem;
    border: none;
    position: relative;
    border-radius: 0.16rem;
}

.adjustment-amount button:first-child {
    background: #589bf6;
    color: #ffffff;
}

.adjustment-amount button:first-child strong {
    position: absolute;
    bottom: 0rem;
    left: 0.276rem;
}

.adjustment-amount button:first-child span {
    position: absolute;
    top: 0rem;
    left: 30%;
    font-size: .9rem !important;
}

.adjustment-amount button:last-child {
    background: #589bf6;
    color: #ffffff;
}

.adjustment-amount button:last-child strong {
    bottom: 0rem;
    left: 0.276rem;
    position: absolute;
}

.adjustment-amount button:last-child span {
    position: absolute;
    top: 0rem;
    left: 30%;
    font-size: .9rem !important;
}

.one-operation-btn>div:not(:first-child) {
    padding: 0.1rem 0.2rem;
    border: 1px solid #666666;
    border-radius: 0.15rem;
}

.feedback-frame {
    padding: 0.7rem 0.625rem;
}

.feedback-frame>textarea {
    width: 100%;
    height: 10rem;
    padding: 0.625rem;
    color: #444444;
    font-size: .75rem;
    background: none;
    resize: none;
}

.welcome-header {
    padding: .375rem .375rem .75rem .375rem;
    background: #c12e21;
    color: #fff;
}

.custom-detail {
    margin: -.625rem .375rem 0 .375rem;
    padding: .5rem;
    background: #fff;
    box-shadow: 0 0 .125rem #e0dddf;
}

.custom-detail-avatar>img {
    max-width: 100%;
    height: auto;
}

.custom-footer {
    position: absolute;
    bottom: 1rem;
    left: .375rem;
    right: .375rem;
}

.icon-communicate {
    padding-left: 1rem;
    background: url(../images/icon-communicate.png) no-repeat left center;
    background-size: .6rem .65rem;
}

.icon-register {
    padding-left: 1rem;
    background: url(../images/icon-register.png) no-repeat left center;
    background-size: .65rem .575rem;
}

.icon-register {
    padding-left: 1rem;
    background: url(../images/icon-register.png) no-repeat left center;
    background-size: .65rem .575rem;
}

.icon-look {
    padding-left: 1rem;
    background: url(../images/icon-register.png) no-repeat left center;
    background-size: .65rem .575rem;
}

.icon-more {
    padding-left: 1rem;
    background: url(../images/icon-more.png) no-repeat left center;
    background-size: .65rem;
}

.single-election-item p {
    margin-top: .75rem;
}

.single-election-item span {
    vertical-align: top;
    display: inline-block;
    margin-left: 0.25rem;
}

.blank {
    height: 2.5rem;
}

.high-line {
    line-height: 1.2rem;
}

.deep-red {
    color: #c32526;
}

.retest-btn {
    padding: 0.1rem 0.2rem;
    border-radius: 0.15rem;
    border: 1px solid #c32526;
    color: #c32526;
}

.nature-line label span {
    vertical-align: top;
}

.sign-in-header {
    position: relative;
    padding: 15px;
    background: #fcf1f1 url("../images/text-bg-1.png") bottom no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.sign-in-integral {
    width: 8rem;
    height: 8rem;
    line-height: 8rem;
    margin: 0 auto 70px;
    text-align: center;
    background: url("../images/circle.png") no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    font-size: 2rem;
}

.sign-header-tip {
    position: absolute;
    top: 15px;
    left: 15px;
}

.sign-in-footer {
    position: absolute;
    bottom: 5px;
    left: 15px;
    right: 15px;
    color: #fff;
}

.sign-in-chart {
    background: #fff;
    margin-bottom: 15px;
}

.message {
    max-width: 80%;
}

.ios .message-bubble {
    font-size: 15px;
}

.message:not(.message-last) .message-avatar {
    opacity: 1;
}

.ios .message-received .message-bubble {
    background: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #d3d3d3;
}

.ios .message-avatar {}

.message-avatar {
    -webkit-align-self: center;
    align-self: center;
}

@media only screen and (min-width:375px) {
    .famous-saying {
        padding: 3.5rem 0 0 4.5rem;
    }
}

@media only screen and (min-width:414px) {
    .famous-saying {
        padding: 4rem 0 0 5rem;
    }

    .sign-in-integral {
        margin-bottom: 80px;
    }
}

.list-form-input {
    margin-top: 8px;
    padding: 10px 15px;
    display: flex;
    border: 1px solid #ccc;
    justify-content: space-between;
}

.list-form-input input {
    border: none;
}

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

.radio-choose-group span {
    display: inline-block;
    vertical-align: text-bottom;
    margin-left: 0.25rem;
}

/*2018 11 06*/
.pool-tabs {
    width: 100%;
    border: 1px solid #ff7043 !important;
    border-radius: 3rem;
}

.pool-tabs a {
    height: 100% !important;
    display: inline-block;
    border-radius: 3rem !important;
}

.pool-tabs a.active {
    background: #ff7043;
}


/*2018 11 09*/
.chooseBtn {
    display: none;
}

.choose-label {
    box-shadow: #ccc .undefinedrem .undefinedrem .undefinedrem .025rem;
    width: 2rem;
    height: 1rem;
    display: inline-block;
    border-radius: .5rem;
    position: relative;
    background-color: #bdbdbd;
    overflow: hidden;
}

.choose-label:before {
    content: '';
    position: absolute;
    left: 0;
    width: 1rem;
    height: 1rem;
    display: inline-block;
    border-radius: .5rem;
    background-color: #fff;
    z-index: 20;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.chooseBtn:checked+label.choose-label:before {
    left: 1rem;
}

.chooseBtn:checked+label.choose-label {
    background-color: #51ccee;
}

.switch-btn-container {
    position: absolute;
    z-index: 10000;
    right: 0;
    top: 10%;
}
@font-face {
    font-family: "iconfont-hgk";
    src: url('../font/iconfont.eot?t=1501057749177');
    /* IE9*/
    src: url('../font/iconfont.eot?t=1501057749177#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../font/iconfont.woff?t=1501057749177') format('woff'),
        /* chrome, firefox */
        url('../font/iconfont.ttf?t=1501057749177') format('truetype'),
        /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
        url('../font/iconfont.svg?t=1501057749177#iconfont') format('svg');
    /* iOS 4.1- */
}

@font-face {
    font-family: "number";
    src: url('../font/FuturaBQ-Medium.otf');
}
.page{
    background: #fff !important;
}
.bar-tab ~ .content, .bar-tab ~ .page .content{
    bottom:3.5rem !important
}
.hg-footer{height: 3.5rem !important;}
.icon {
    font-family: iconfont-hgk !important;
}

.header-main>a {
    color: #fff;
    padding: .5rem .1rem;
}

.bar .icon.icon-back {
    font-size: 1.3rem;
    padding: .6rem 1rem .5rem .1rem;
}

.dialog-wrap .tar {
    text-align: right;
}

.tar {
    text-align: right;
}

.dark-red {
    color: #c32526 !important;
}

.header-main.bar {
    border-bottom: none
}

.invite-banner {
    width: 100%;
    height: 6.4rem;
    padding-top: .3rem;
    background: url("../images/blue-banner-bg.png") no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    color: #fff;
    text-align: center;
}

.invite-banner>h2 {
    margin: 0;
    font-size: .8rem;
    color: #cde6f6;
    font-weight: normal;
}

.invite-banner span {
    display: inline-block;
    margin-top: .4rem;
    padding: 0 .8rem;
    border: 1px solid #cde6f6;
    font-size: 2rem;
    border-radius: 5px;
    line-height: 1.3;
    box-shadow: 0 0 5px #cde6f6;
}

.invite-content {
    padding-left: .75rem;
}

.checkbox-ul,
.list-border-ul,
ul {
    list-style: none;
    padding-left: 0;
}

.checkbox-ul li {
    position: relative;
    padding-left: 1.2rem;
    padding-bottom: .75rem;
}

.invite-ul>li>div {
    position: relative;
    padding-left: 1.2rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.invite-ul>li {
    padding-left: 0
}

.radio_square,
.checkbox_square {
    position: absolute;
    top: 0;
    left: 0;
    width: .85rem;
    height: .85rem;
    margin-top: 1px;
    border: 1px solid #e6e6e6;
}

.radio_square {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.radio_square.checked {
    background: url("../images/radio.png") no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.checkbox_square.checked {
    background: url("../images/checkbox.png") no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    border: none;
}

.radio_square input,
.checkbox_square input {
    position: absolute;
    top: -20%;
    left: -20%;
    width: 140%;
    height: 140%;
    opacity: 0;
}

.textarea-box {
    margin-right: .75rem;
    padding: .5rem;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
}

.textarea-box textarea {
    width: 100%;
    border: none;
}

.invite-share span {
    display: inline-block;
    color: #969999;
    vertical-align: middle;
}

.invite-share a {
    display: inline-block;
    width: 2.4rem;
    height: 2.4rem;
    margin-left: 1rem;
    -webkit-background-size: contain;
    background-size: contain;
    vertical-align: middle;
}

.icon-wx {
    background: url("../images/WX.png") no-repeat
}

.icon-qq {
    background: url("../images/QQ.png") no-repeat
}

.icon-wb {
    background: url("../images/WB.png") no-repeat
}

.icon-1 {
    background: url("../images/icon-1.png") no-repeat
}

.icon-2 {
    background: url("../images/icon-2.png") no-repeat
}

.icon-3 {
    background: url("../images/icon-3.png") no-repeat
}

.icon-4 {
    background: url("../images/icon-4.png") no-repeat
}

.icon-5 {
    background: url("../images/icon-5.png") no-repeat
}

.icon-6 {
    background: url("../images/icon-6.png") no-repeat
}

.icon-7 {
    width: .8rem;
    height: .8rem;
    margin-right: .2rem;
    background: url("../images/icon-23.png") no-repeat
}

.icon-8 {
    width: 1.5rem;
    height: 1.5rem;
    margin-right: .2rem;
    background: url("../images/icon-24.png") no-repeat
}

.icon-9 {
    width: 1.5rem;
    height: 1.5rem;
    margin-right: .2rem;
    background: url("../images/icon-25.png") no-repeat
}

.icon-10 {
    width: 1.5rem;
    height: 1.5rem;
    margin-right: .2rem;
    background: url("../images/icon-26.png") no-repeat
}

.icon-11 {
    width: .8rem;
    height: .8rem;
    margin-right: .2rem;
    background: url("../images/icon-27.png") no-repeat;
    background-size: contain !important;
}

.icon-12 {
    width: .8rem;
    height: .8rem;
    margin-right: .2rem;
    background: url("../images/icon-29.png") no-repeat;
    background-size: contain !important;
}

.icon-add-raduis-white {
    width: .75rem;
    height: .75rem;
    margin-right: .35rem;
    background: url("../images/add-icon-white.png") no-repeat;
    background-size: contain;
}

.m-icon {
    width: 1rem;
    height: 1rem;
    margin-right: .2rem;
}

.swipeout {
    font-family: number !important;
}

.list-block.swipeout-list .item-media {
    padding-left: .25rem;
    padding-right: 1.25rem;
    font-style: italic;
    color: #cccccc;
    font-size: 2.5rem;
    line-height: 1;
    border-bottom: 1px solid #e7e7e7;
}

.list-block.swipeout-list .item-inner {
    margin-left: 0
}

.swiper-lb {
    padding-left: 1rem;
    border-left: 1px solid #ccc;
}

.list-block.swipeout-list .item-text {
    height: auto;
    -webkit-line-clamp: 1;
    color: #666;
}

.checkbox-col-2 li {
    display: inline-block;
    width: 49%;
}

.item-edit-input {
    padding: .2rem .5rem;
    border: 1px solid #dfdfdf;
}

.personal-icon {
    margin-right: .3rem;
    color: #1d99e7;
}

.radioEditBtn {
    color: #1d99e7;
    margin-left: .2rem;
}

.copy-ul li .copyBtn {
    position: absolute;
    z-index: 9999;
}

.m-banner {
    background: url("../images/banner.jpg") no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.m-banner h2 {
    margin: 0;
    padding: .6rem 0;
    text-align: center;
    color: #fff;
    font-size: 1rem;
    font-weight: normal;
}

.m-banner>div {
    text-align: center
}

.m-banner>div>span {
    display: inline-block;
    margin-right: 1rem;
    padding: .3rem 1rem;
    font-size: 1.2rem;
    font-weight: bold;
    background: rgba(189, 224, 244, .7);
    border-radius: .2rem;
    color: #1d99e7;
}

.m-banner>div>a {
    color: #fff;
    font-size: 1rem;
}

.m-banner>p {
    margin-bottom: 0;
    padding-bottom: .8rem;
    color: #fff;
    text-align: center;
}

.m-banner>p>span {
    color: #ffff00;
}

.m-nav {
    margin-left: .3rem;
    margin-right: .3rem;
}

.m-nav>ul {
    display: flex;
    padding-left: 0;
}

.m-nav>ul>li {
    flex: 1;
    list-style: none;
    margin-left: .3rem;
    margin-right: .3rem;
    border-radius: .2rem;
    font-size: .7rem;
}

.m-nav>ul>li>a {
    display: block;
    padding: .4rem .2rem;
    color: #fff;
}

.m-nav ul:nth-child(1) li:nth-child(1) {
    background: #c9c31f
}

.m-nav ul:nth-child(1) li:nth-child(2) {
    background: #c07bec
}

.m-nav ul:nth-child(1) li:nth-child(3) {
    background: #ea5757
}

.m-nav ul:nth-child(2) li:nth-child(1) {
    background: #53d74c
}

.m-nav ul:nth-child(2) li:nth-child(2) {
    background: #35b8e3
}

.m-nav ul:nth-child(2) li:nth-child(3) {
    background: #f1b03e
}

.title-gray {
    padding: .6rem .8rem;
    background: #ddd;
}

.list-m ul {
    padding-left: 0
}

.list-m li {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.list-m .list-m-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-bottom: 1rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    padding-bottom: .5rem;
    border-bottom: 1px solid #e5e5e5;
}

.list-m>.list-m-content:nth-last-child(1) {
    margin-bottom: 0;
    border-bottom: none;
    padding-bottom: 0;
}

.list-m-media .list-m-content {
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

.list-m-content-media {
    margin-left: .5rem;
}

.list-m-item-inner {
    margin-left: .5rem;
    padding-right: .5rem;
    width: 100%;
}

.list-m-item-inner p {
    margin-top: .5rem;
    margin-bottom: .5rem;
}

.list-item-time {
    color: #999;
    font-size: .6rem;
}

.list-item-button {
    width: 100%;
    padding: .3rem 0;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #fff;
}

.list-m-link {
    color: #165fcd
}

.list-m-item-img img {
    width: 4.8rem;
    height: 3rem;
    vertical-align: top;
}

.article-m {
    padding: .75rem;
    line-height: 1.5;
}

.article-m .list-m-item-img {
    margin: 0
}

.article-m .list-m-item-img img {
    width: 5.5rem;
    height: 3.5rem;
    vertical-align: top;
}

.tab1-title {
    padding: .5rem 0;
    background: #ebf1f3;
    color: #afb1b1;
    text-align: center;
}

.tab-box {
    padding-left: .75rem;
    padding-right: .75rem;
}

.tab-box-title {
    padding-left: .75rem;
    margin-top: 1rem;
    margin-bottom: .5rem;
    border-left: .2rem solid #ff774c;
    font-size: .85rem;
    line-height: 1;
    font-weight: 600;
}

.tab-box-cont {
    line-height: 1.8;
    color: #666;
    font-size: .7rem;
}

.num {
    color: #ff7748;
}



.tab-box ul {
    border: none
}

.tab2 .buttons-row,
.tab3 .buttons-row {
    margin: .75rem
}

.tab-sub-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    padding: .5rem .75rem;
    background: #ebf1f3;
    color: #afb1b1;
}

.triangle_border_down {
    width: 0;
    height: 0;
    border-width: .4rem .4rem 0;
    border-style: solid;
    border-color: #a3a3a3 transparent transparent;
    /*灰 透明 透明 */
    position: relative;
}


.icon-mood>a {
    float: left;
    display: block;
    width: 20%;
    padding-top: .4rem;
    padding-bottom: .4rem;
    text-align: center;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    margin-left: 4%;
    margin-bottom: .75rem;
    color: #a9a9a9;
}

.icon-mood .active {
    background: #23abf0;
    border-color: #23abf0;
    color: #fff;
}

.icon-mood i {
    display: inline-block;
    width: 1.8rem;
    height: 1.8rem;
    background-size: contain;
}

.icon-mood>a>p {
    margin: 0;
    font-size: .7rem;
}

.mood-text {
    margin: 0 .75rem;
    padding: .3rem;
    background: #23abf0;
    color: #fff;
    font-size: .75rem;
}

.drop-down-list {
    margin-left: .75rem;
    margin-right: .75rem;
    padding-left: 0
}

.drop-down-list li {
    list-style: none;
}

.drop-down-list h3 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .5rem;
    padding: .5rem .75rem;
    background: #ebf1f3;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    font-size: .75rem;
}

.drop-down-list i {
    color: #bebebe;
}

.drop-down-list>li>div {
    display: none;
    margin: .5rem 0;
    color: #666;
    line-height: 1.8;
}

.drop-down-list>li>div a {
    color: #165fcd;
}

.tab-text-area {
    padding: .5rem;
    border: 1px solid #bebebe;
}

.tab-text-area textarea {
    width: 100%;
    border: none;
    height: 4rem;
}

.tab-btn-raw {
    display: flex;
    margin-top: .3rem;
    justify-content: space-between;
    align-items: center;
}

.tab-btn-raw button {
    width: 28%;
    padding: .2rem 0;
    border: 1px solid #999;
    background: #fff;
    font-size: .7rem;
    border-radius: 3px;
}

.tab-buttons-rows {
    padding: .5rem .75rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.tab-buttons-rows a {
    width: 30%;
    padding: .3rem 0;
    font-size: .7rem;
    text-align: center;
    background: #a3a3a3;
    color: #fff;
}

.tab-buttons-rows-two {
    padding: .5rem;
}

.tab-buttons-rows-two a {
    width: 48%;
}

.tab-buttons-rows .active {
    background: #ff774c;
}

.invite-share-bg {
    display: flex;
    margin: .75rem 1rem;
    justify-content: space-between;
    align-items: center;
}

.invite-share-bg a {
    width: 2.8rem;
    height: 2.8rem;
    -webkit-background-size: contain;
    background-size: contain;
    vertical-align: middle;
}

.gray-text {
    margin-bottom: .5rem;
    padding: .3rem 0;
    background: #999;
    color: #fff;
    text-align: center;
}

.grade-wrap {
    padding: .75rem
}

.grade-header {
    padding-bottom: .3rem;
    line-height: 2;
    border-bottom: 1px solid #e7e7e7;
}

.grade-detail {
    padding: .75rem 0;
    font-size: .7rem;
    border-bottom: 1px solid #e7e7e7;
    color: #999;
}

.grade-star {
    display: flex;
    margin: .5rem 1rem;
    justify-content: space-between;
    align-items: center;
}

.grade-star i {
    width: 2.4rem;
    height: 2.4rem;
    background: url("../images/star_not.png") center no-repeat;
    background-size: 60% 60%;
}

.grade-star .active {
    background: url("../images/star_yes.png") center no-repeat;
    background-size: 60% 60%;
}


.grade-select li {
    position: relative;
    margin-bottom: .5rem;
    list-style: none
}

.grade-select i {
    position: absolute;
    top: 0.05rem;
    left: -1.2rem;
    display: inline-block;
    width: .8rem;
    height: .8rem;
    background: url("../images/xuanxiang_not.png") no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.grade-select .active {
    background: url("../images/xuanxiang_yes.png") no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.grade-other input {
    width: 70%;
    margin-left: .5rem;
    border: none;
    border-bottom: 1px solid #e5e5e5;
}

.item-title-row,
.item-footer-row,
.market-index-edit-tip,
.personal-list-hd,
.jl-hd,
.jl-list>li,
.justify-space-between,
.time-item-hd,
.list-text-hd,
.test-item-hd>a,
.test-item-list>li>a,
.book-list-fd>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: center
}

.list-m-text {
    line-height: 1.8
}

.list-m-text .item-title {
    color: #0a8ddf
}

.list-m-text .item-title span {
    color: #e76d14
}

.list-m-text .item-after {
    color: #b1b1b1
}

.item-inner-img img {
    max-width: 32%;
    height: auto
}

.z_photo {
    width: 100%;
    padding: 0.3rem;
    overflow: auto;
    clear: both;
    margin: 1rem auto;
}

.z_photo img {
    width: 100%;
    height: 4rem;
}

.z_addImg {
    float: left;
    width: 30%;
    margin-right: 0.2rem;
}

.z_file {
    width: 30%;
    height: 4rem;
    background: url("../images/add.png") no-repeat;
    background-size: 100% 100%;
    float: left;
    margin-right: 0.2rem;
}

.z_file input::-webkit-file-upload-button {
    border: none;
    position: absolute;
    outline: 0;
    opacity: 0;
}

.z_file input#file {
    width: 100%;
    height: 4rem;
    display: block;
    border: 0;
    vertical-align: middle;
    opacity: 0;
}

/*遮罩层*/
.z_mask {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    display: none;
}
.dia_close_circle_top_right{
    position: absolute;
    top: 0;
    right: 0;
    width: 2rem;
    height: 2rem;
    background: url(../images/Close.png) center no-repeat;
    background-size: 50%;
}
.dia_report_wrp{
    display: none;
    position: absolute;
    width: 90%;
    left: 5%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1000;
    background: #fff;
    box-shadow: 0 0 15px #a3a3a3;
}
.dia_report_hd{
    background: #D43742;
    color: #fff;
    padding: .5rem .75rem;
}
.dia_report_title{
    font-size: .9rem;

}
.dia_report_time{
    font-size: .65rem;
}
.dia_report_text{
    padding: .5rem .75rem;
    font-size: .75rem;
    max-height: 400px;
    overflow-y: scroll;
}
.z_alert {
    width: 80%;
    border-radius: .2rem;
    background: #fff;
    font-size: .24rem;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -40%;
    margin-top: -2rem;
}

.z_alert p:nth-child(1) {
    line-height: 1.5rem;
}

.z_alert p:nth-child(2) span {
    display: inline-block;
    width: 49%;
    padding: .6rem 0;
    float: left;
    border-top: 1px solid #ddd;
}

.z_cancel {
    border-right: 1px solid #ddd;
}

.market-nav ul {
    padding-left: 0;
    list-style: none;
}

.market-nav ul:after,
.market-nav ul:before {
    display: table;
    content: '';
}

.market-nav ul:after {
    clear: both
}

.market-nav ul li {
    float: left;
    width: 25%;
    margin-bottom: .7rem;
    text-align: center;
}

.market-nav ul li>a,
.remove-nav span,
.add-nav span {
    position: relative;
    display: inline-block;
    max-width: 100%;
    padding: .2rem .8rem;
    background: #f0f0f0;
    border: 1px solid #c6c6c6;
    border-radius: 1rem;
}

.market-nav .last a {
    border-style: dashed;
    background: #ffffff;
}

.remove-nav span>a,
.add-nav span>a {
    position: absolute;
    top: -.5rem;
    right: -.5rem;
    width: 1rem;
    height: 1rem;
    line-height: .6rem;
    background: #cc3131;
    border-radius: 50%;
    text-align: center;
    font-size: 2rem;
    color: #fff;
}

.add-nav {
    padding-top: .5rem;
    border-top: 1px solid #ddd;
}

.add-nav span>a {
    background: #ffce5a;
    font-size: 1rem;
    line-height: .8rem;
}

.item-inner-footer {
    text-align: right;
    color: #c9c9c9;
    font-size: .7rem;
}

.align-item-baseline {
    align-items: baseline !important;
}

.market-index-edit-tip {
    padding: .6rem .75rem;
    background: #eaeaea;
}

.market-index-edit-tip>div {
    font-size: .7rem;
    color: #969696;
}

.market-card-title {
    margin: 0;
    font-size: .8rem;
}

.market-card {
    margin: 0
}

.personal-list {
    padding-left: 0;
    list-style: none
}

.personal-list li {
    padding-left: .75rem;
    padding-right: .75rem;
    margin-bottom: 1.5rem;
}

.personal-list li p {
    margin: .4rem 0;
    color: #666;
}

.personal-list li p span {
    color: #333;
}

/*.list-block .item-title.label{ width: 30%}*/
.select-rt {
    position: absolute;
    right: 0;
    top: .6rem;
}

.searchWrap {
    position: relative;
}

.searchWrap>a {
    position: absolute;
    right: 0;
    top: .4rem;
}

.searchWrapInput {
    margin-right: 2.2rem;
}

.searchWrapInput input {
    box-sizing: border-box;
    width: 100%;
    padding: .5rem .5rem .4rem 1.6rem;
    border: 1px solid #e4e4e4;
    border-radius: 1rem;
    font-size: .75rem;
}

.searchInputIcon {
    position: absolute;
    top: .5rem;
    left: .5rem;
    width: 1rem;
    height: 1rem;
    background: url("../images/search-icon.png") no-repeat;
    background-size: contain;
}

.item-input-button {
    padding-top: .4rem
}

.item-input-button a {
    display: inline-block;
    margin-right: .3rem;
    margin-bottom: .4rem;
    padding: .3rem .4rem .2rem;
    min-width: 3.5rem;
    border: 1px solid #ccc;
    border-radius: 1rem;
    text-align: center;
    font-size: .7rem;
}

.item-input-button .active {
    background: #1c86ed;
    color: #fff;
    border-color: #1c86ed;
}

.header-add-list {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    list-style: none;
    margin: 0;
    padding-left: 0;
    background: #fff;
    z-index: 9999;
    box-shadow: 0 0 10px #ccc;
}

.header-add-list li a {
    display: block;
    padding: .5rem 1rem;
    border-bottom: 1px solid #eee;
}

.report-header {
    padding: .5rem .75rem;
    border-bottom: 1px solid #ddd;
}

.textarea-main {
    width: 100%;
    border: none;
    min-height: 4rem;
}

.data-wrap-input input {
    width: 30%;
    padding: .2rem .5rem;
    border: 1px solid #ddd;
}

.input-bg input {
    width: 100%;
}

.data-wrap-select {
    margin: .5rem 0;
}

.data-wrap-select select {
    border: 1px solid #ddd;
}

.header-add-list>li:nth-last-child(1)>a {
    border-bottom: none
}

.list-block ul .list-block-inner-ul,
.list-block ul .list-block-inner-ul .item-content {
    padding-left: 0
}

.list-block li .list-block-inner-ul li:last-child .item-inner {
    border-bottom: none
}

.fs a {
    font-size: .7rem !important;
}

.item-title-h4 {
    margin: .3rem 0;
    color: #333;
}

.select-rt input {
    vertical-align: -15%;
    margin-right: .2rem
}

.choice-option-wrap {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
}

.jl-item {
    margin: 1rem .75rem;
}

.jl-list {
    padding-left: 0;
    margin: .25rem 0;
}

.jl-list li {
    margin: .5rem 0
}

.choice-option-wrap.list-block {
    margin: 0
}

.button-fixed {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
}

.picker-calendar-day {
    position: relative;
}

.bluePoint,
.redPoint,
.yellowPoint {
    position: absolute;
    display: block;
    left: 50%;
    bottom: 5px;
    width: 4px;
    height: 4px;
    margin-left: -2px;
}

.circlePoint {
    position: absolute;
    display: block;
    left: 0;
    bottom: 4px;
    width: 100%;
    height: 4px;
    text-align: center;
}

.circlePoint i {
    display: inline-block;
    width: 4px;
    height: 4px;
    vertical-align: top;
    border-radius: 50%;
    margin: 0 1px;
}

.circleOne {
    background: #e92822
}

.circleTwo {
    background: #5ccbe3
}

.circleThree {
    background: #b05713
}

.backHome {
    display: block;
    position: fixed;
    right: -.8rem;
    bottom: 4rem;
    padding: .5rem 1rem;
    z-index: 9999;
    background: #ffffff;
    border: 1px solid #ccc;
    border-radius: 1rem;
}

.justify-space-between-ul {
    list-style: none;
    padding-left: 0;
}

.justify-space-between-ul>li {
    padding: .25rem .75rem;
}

.justify-space-between-ul>li:nth-child(1) {
    color: #bbb;
    font-size: .7rem;
}

.bz-tip {
    display: none;
    margin-top: .2rem;
    color: #bbbbbb;
    font-size: .7rem;
}

.bz-list-li .bz-tip {
    display: block;
}

.bz-list i {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background: url("../images/icon-down.png") no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    vertical-align: -20%;
}

.bz-list .bz-list-li i {
    background: url("../images/icon-up.png") no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.icon-mood-1 {
    background-image: url("../images/icon-a.png")
}

.icon-mood-2 {
    background-image: url("../images/icon-b.png")
}

.icon-mood-3 {
    background-image: url("../images/icon-c.png")
}

.icon-mood-4 {
    background-image: url("../images/icon-d.png")
}

.icon-mood-5 {
    background-image: url("../images/icon-e.png")
}

.icon-mood-6 {
    background-image: url("../images/icon-f.png")
}

.icon-mood-7 {
    background-image: url("../images/icon-g.png")
}

.icon-mood .active .icon-mood-1 {
    background-image: url("../images/icon-a-a.png")
}

.icon-mood .active .icon-mood-2 {
    background-image: url("../images/icon-b-b.png")
}

.icon-mood .active .icon-mood-3 {
    background-image: url("../images/icon-c-c.png")
}

.icon-mood .active .icon-mood-4 {
    background-image: url("../images/icon-d-d.png")
}

.icon-mood .active .icon-mood-5 {
    background-image: url("../images/icon-e-e.png")
}

.icon-mood .active .icon-mood-6 {
    background-image: url("../images/icon-f-f.png")
}

.icon-mood .active .icon-mood-7 {
    background-image: url("../images/icon-g-g.png")
}

.edit-icon {
    display: block;
    width: 1rem;
    height: 1rem;
    background: url("../images/edit.png") center no-repeat;
    -webkit-background-size: 80% 80%;
    background-size: 80% 80%;
}

/*͸�����ϴ��ؼ�����֮��ͼƬ�غ�(���ͼƬʵ���ϵ�����ϴ��ؼ�)*/
.upload_holder {
    position: relative;
    float: right;
    width: 75%;
}

.upload_input {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 60px;
    height: 60px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 999;
}

.upload_img {
    width: 60px;
    height: 60px;
}

.bar-tab .tab-item1 {
    position: relative;
    display: table-cell;
    width: 1%;
    height: 2.5rem;
    color: #929292;
    text-align: center;
    vertical-align: middle
}

.bar-tab .tab-item1.active,
.bar-tab .tab-item1:active {
    color: #0894ec
}

.bar-tab .tab-item1 .badge {
    position: absolute;
    top: .1rem;
    left: 50%;
    z-index: 100;
    min-width: .8rem;
    height: .8rem;
    padding: 0 .2rem;
    margin-left: .1rem;
    font-size: .6rem;
    line-height: .8rem;
    color: #fff;
    vertical-align: top;
    background: red;
    border-radius: .5rem
}

.bar-tab .tab-item1 .icon {
    top: .15rem;
    width: 1.2rem;
    height: 1.2rem;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 1.2rem;
    line-height: 1.2rem
}

.bar-tab .tab-item1 .icon~.tab-label {
    position: relative;
    top: .15rem;
    display: block;
    font-size: .55rem
}

/*************************************************************/
.tangram-suggestion-main {
    z-index: 9999
}

.blue-label,
.orange-label,
.gray-label,
.white-label {
    margin-left: .5rem;
    padding: 4px 4px;
    background: #00a0e9;
    color: #fff;
    font-size: .6rem;
    border-radius: 3px;
    line-height: 1.6;
}

.orange-label {
    background: #ff8400;
}

.gray-label {
    background: #afafaf;
}

.white-label {
    padding: 0 8px;
    border: 1px solid #ccc;
    color: #666;
    background: #fff;
    line-height: 2.2;
}

.media-list-avatar .item-content {
    -webkit-align-items: flex-start;
    align-items: flex-start
}

.media-list-avatar .item-title {
    font-size: .9rem;
}

.media-list-avatar .item-text {
    margin-top: .5rem;
    font-size: .7rem;
    color: #a7a7a7;
    height: auto;
}

.media-list-avatar .item-text-p {
    margin-top: .2rem
}

.media-list-avatar .item-text p {
    margin: .2rem 0 0 0;
}

.media-list-avatar .item-media img {
    width: 1.6rem;
}

.media-list-avatar {
    margin: 0;
}

.media-list-avatar ul {
    padding-top: .5rem;
    border-top: none
}

.search-box>div>div {
    position: relative;
    padding-left: 1rem;
    padding-right: 2rem;
    border: 1px solid #888;
    border-radius: 1rem;
    height: 1.8rem;
    line-height: 1.8rem;
}

.search-box {
    padding: .75rem
}

.search-box>div>div>input {
    border: none;
    width: 100%;
}

.search-icon-gray {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    width: 1.8rem;
    height: 1.8rem;
    background: url("../images/icon-search-gray.png") center no-repeat;
    background-size: 50%;
}

.lipts {
    display: block;
    height: 1.8rem;
    width: 100%;
    background: url("../images/lipts.png") center no-repeat;
    background-size: 60%;
}

.col-xx {
    width: 16% !important;
    padding: 0 !important;
    margin-left: 4% !important;
}

.list-block .item-input-inline input {
    display: inline-block;
    width: 40%;
}

.list-block .item-select-inline select {
    display: inline-block;
    width: 40%;
}

.list-block input[type=text] {
    font-size: .8rem;
}

.list-block .item-text-gray {
    color: #999;
    font-size: .7rem;
}

.text-list-bottom p {
    margin: .5rem 0;
    color: #999;
}

.list-block .item-subtitle {
    color: #999;
    padding-top: .5rem;
}

.list-block-noborder ul {
    border: none;
}

.list-block-title {
    padding: 0 .75rem;
    font-size: 1rem;
    color: #00a0e9;
}

.list-block-title i {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    margin-right: .3rem;
    background: url("../images/icon-11.png") no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    vertical-align: -10%;
}

.list-block-inner-input {
    width: 100%;
    padding: 0 .75rem;
    background: #cbcbcb;
}

.list-block-inner-input label {
    display: inline-block;
    width: 20%;
}

.list-block-inner-input input {
    width: 78%;
    border: none;
    padding: .4rem .75rem;
}

.list-block-top {
    padding-top: .75rem;
    text-align: center;
    color: #ff8400;
    font-size: 1.1rem;
    padding-bottom: .75rem;
    border-bottom: 1px solid #e5e5e5;
}

.list-block-top i {
    font-style: normal;
    font-size: 1.6rem;
    display: inline-block;
    vertical-align: -10%;
}

.list-block-top p {
    font-size: .8rem;
    color: #666;
    margin: 0;
}

.item-subtitle-text-center {
    position: relative;
    text-align: center;
}

.item-subtitle-text-center>a {
    position: absolute;
    right: 0;
    top: .5rem;
}

.list-block-pn .item-subtitle {
    padding-top: 0;
}

.img-responsive {
    max-width: 100%;
    height: auto;
}

.text-item {
    position: relative;
    margin-bottom: 1rem;
    padding: .5rem .75rem;
    border: 1px solid #c8c8c8;
    line-height: 1.6;
}

.pull-box {
    position: absolute;
    right: .5rem;
    top: .5rem;
    color: #00a0e9;
}

.text-item-border {
    position: absolute;
    left: 0;
    top: 0;
    width: 5rem;
    height: 100%;
    line-height: 2.2rem;
    text-align: center;
    border-right: 1px solid #c8c8c8;
}

.text-item i {
    position: absolute;
    bottom: -1rem;
    left: 50%;
    margin-left: -.5rem;
    width: 1rem;
    height: 1rem;
    background: url("../images/arr-down.png") no-repeat;
    background-size: 60% 60%;
}

.text-item-list {
    padding-left: 0;
    list-style: none
}

.text-item-list li {
    margin-bottom: .8rem;
    padding-bottom: .8rem;
    border-bottom: 1px solid #e3e3e3;
}

.text-list-title {
    color: #1d99e7;
}

.text-list-cont {
    display: none;
}

.text-item>.text-item-list>li:nth-last-child(1) {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}

.zg {
    background: #ddd;
    padding: .75rem;
}

.zg-hd {
    text-align: center;
    font-size: .9rem;
}

.zg-bd input {
    display: block;
    width: 100%;
    margin-top: .75rem;
    padding-left: .75rem;
    height: 2rem;
    line-height: 2rem;
    border: none;
    background: #fff;
}

.zg-bd button {
    width: 100%;
    margin-top: .75rem;
    border: none;
    background: #35b8e3;
    height: 2rem;
    line-height: 2rem;
    text-align: center;
    color: #fff;
}

.zg-label {
    padding: .75rem 0;
    background: #ff774c;
    color: #fff;
    text-align: center;
    font-size: .9rem;
}

.item-text-ppp {
    font-size: .85rem;
}

.item-text-ppp p {
    margin: .4rem 0;
}

.gray-text-box {
    margin-top: .5rem;
    padding: .3rem .75rem;
    background: #eaeaea;
    border: 1px solid #c7c7c7;
}

.gray-text-box p {
    margin: .4rem 0;
}

.gray-input-box {
    margin: .75rem;
    padding: .75rem;
    background: #cdcdcd;
}

.gray-input-box input,
.gray-input-box textarea {
    display: block;
    width: 100%;
    padding: .5rem .75rem;
    background: #fff;
    border: none;
}

.gray-input-box .button {
    background: #fff;
    border: 1px solid #b3b3b3;
    color: #393939;
}

.list-block-link {
    position: absolute;
    right: .5rem;
    top: .6rem;
    font-size: .7rem;
    color: #2da0da;
}

table {
    width: 100%
}

.table-wrap {
    border-top: 1px solid #e5e5e5;
}

.table-wrap td {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    border-bottom: 1px solid #e5e5e5;
    color: #666;
    font-size: .65rem;
   
}

.table-wrap thead td {
    color: #999;
    font-size: .7rem;
}

.table-wrap>table>tbody>tr:nth-last-child(1)>td {
    border-top: 1px solid #e5e5e5;
}

.textarea-default {
    width: 100%;
    border: 1px solid #e5e5e5;
    padding: .5rem .75rem;
    min-height: 6rem;
    
}
.table-default td{
    text-align: center;
    padding: .5rem 0;
    line-height: 1.4;
}
.table-default > table > thead {
    color: #999;
    font-size: .75rem;
    border-bottom: 1px solid #efefef;
}
.table-default > table > tbody > tr > td:first-child{
    text-align: left;
} 
.table-default tr>td:first-child{
    text-align: left;
    padding-left: 0;
}
.table-default tr>td:last-child{
    text-align: right;
    padding-right: 0;
}
/*.table-wrap > table > tbody > tr:nth-last-child(1) > td{ border-bottom: none}*/
.banner-default img {
    max-width: 100%;
    height: auto;
}

.time-wrap {
    padding-bottom: 1rem;
}

.time-item-hd {
    padding: .5rem .75rem;
    font-size: .8rem;
    border-bottom: 1px solid #e5e5e5;
}

.time-item-hd>div {
    max-width: 75%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.time-item-text {
    margin-left: .5rem
}

.time-item-hd span {
    color: #999;
    font-size: .7rem;
}

.time-item-bd {
    padding: 0 .75rem 0 1.5rem;
    color: #666666;
    font-size: .75rem;
}

.time-item-hd i {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    margin-right: .3rem;
    vertical-align: -20%;
}

.time-icon {
    background: url("../images/time-icon.png") no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.dp-icon {
    background: url("../images/dp-icon.png") no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.hq-icon {
    background: url("../images/hq-icon.png") no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.dy-icon {
    background: url("../images/dy-icon.png") no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.zd-icon {
    background: url("../images/zd-icon.png") no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}


.ac_results {
    left: 0 !important;
    width: 100% !important;
    padding: 0 1.625rem;
    overflow: hidden;
    z-index: 9999;
    color: #333333
}

.ac_results ul {
    width: 100%;
    list-style-position: outside;
    list-style: none;
    padding: 0;
    margin: 0;
    background: #cccccc;
    border-radius: 0.1rem
}

.ac_results li {
    margin: 0px;
    padding: 0.4rem 0.25rem;
    cursor: default;
    display: block;
    font-size: 0.75rem;
    line-height: 1.2rem;
    overflow: hidden;
    position: relative;
    z-index: 0
}

.ac_results li a {
    position: absolute;
    display: none;
    right: 10px;
    top: 3px;
    width: auto;
    height: auto
}

.ac_results li:hover a {
    display: block;
    z-index: 999
}

.ac_results li.ac_over {
    background-color: #999;
    color: white
}

.ac_results .ac_loading {
    background: #fff url("indicator.gif") right center no-repeat
}

.flex-box .white-label {
    flex: 1;
    text-align: center;
}

.flex-box .white-label:nth-child(1) {
    margin-left: 0
}

.detail-text-ppp p {
    margin: .4rem 0 .2rem 0;
}

.detail-text-ppp .time {
    text-align: right;
    font-size: .65rem;
    color: #999;
}

.button.button-md {
    height: 1.8rem;
    line-height: 1.8rem;
}

.mask {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8);
    z-index: 9999;
}

.dialog-wrap {
    display: none;
    position: fixed;
    top: 20%;
    left: 5%;
    width: 90%;
    padding: .75rem;
    background: #fff;
    z-index: 10000;
    border-radius: .25rem;
    box-shadow: 0 0 10px #666;
}

.dialog-feedback-textarea textarea {
    width: 100%;
    padding: .5rem;
    border: 1px solid #efefef;
    border-radius: .25rem;
    min-height: 8rem;
}

.dialog-font-size-tip {
    font-size: .75rem;
    color: #666;
    padding: .5rem 0;
    text-align: center;
}

.dialog-font-size-slider {
    position: relative;
    padding:  .75rem 1rem 2rem 1rem;
   
    
}

.dialog-font-size-slider-bar {
    position: relative;
    width: 100%;
    height: 2px;
    background: #999;
}
.dialog-font-size-slider-bar::before{
    content: '小';
    position: absolute;
    bottom: -28px;
    left: 0;
    transform: translateX(-50%);
    
}
.dialog-font-size-slider-bar::after{
    content: '大';
    position: absolute;
    bottom: -28px;
    right: 0;
    transform: translateX(50%);
}

.dialog-font-size-slider-bar > div {
    position: absolute;
    top: -3px;
    left: 0;
    width: 2px;
    height: 8px;
    background: #999;
    
}

.dialog-font-size-slider-bar > div:nth-child(1) {
    left: 0;
}
.dialog-font-size-slider-bar > div:nth-child(2) {
    left: 25%;
}
.dialog-font-size-slider-bar > div:nth-child(3) {
    left: 50%;
}
.dialog-font-size-slider-bar > div:nth-child(4) {
    left: 75%;
}
.dialog-font-size-slider-bar > div:nth-child(5) {
    left: 100%;
}

.dialog-font-size-slider-dot {
    position: absolute;
    top: -8px;
    left: 50%;
    width: 16px;
    height: 16px;
    background: #C32526;
    border-radius: 50%;
    transform: translateX(-50%);
}
.dialog-font-size-btn{
    padding:0 .75rem .75rem .75rem;
    display: flex;
}
.dialog-font-size-btn span{
    flex: 1;
    padding: .4rem 0;
    text-align: center;
    border-radius: 2px;
}
.dialog-font-size-btn .candel{
    border: 1px solid #999;
    color: #999;
    margin-right: .75rem;
    
}
.dialog-font-size-btn  .save{
    background: #C32526;
    color: #fff;
}
.dialog-red {
    display: none;
    position: fixed;
    top: 20%;
    left: 10%;
    width: 80%;
    background: #fff;
    z-index: 10000;
    border-radius: .25rem;
    overflow: hidden;
}

.dialog-sort {
    display: none;
    position: fixed;
    top: 20%;
    left: 5%;
    width: 90%;
    z-index: 10000;
    border-radius: .25rem;
}

.dialog-sort-hd img {
    max-width: 100%;
    vertical-align: top;
}

.dialog-sort-bd {
    padding: .5rem;
    background: #fff;
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem;
}

.dialog-sort-01 {
    border-radius: .5rem;
    background: #fff url(../images/020-dia-02.png) no-repeat top center;
    background-size: contain;
}

.dialog-sort-02 {
    border-radius: .5rem;
    background: #fff url(../images/020-dia-03.png) no-repeat top center;
    background-size: contain;
}

.dialog-sort-hd-02 {
    font-family: "微软雅黑";
    color: #fff;
    padding: .75rem 0;
    line-height: 2;
}

.dialog-sort-tip-02 {
    padding: .75rem;
    background: #fff;
    border-radius: .25rem;
    color: #e12627;
    box-shadow: 0 0 8px #ffcaa0;
    text-align: center;
}

.dialog-link-btn-group {
    display: flex;
    align-items: center;
}

.dialog-link-btn-group a {
    width: 3rem;
    flex-shrink: 0;
}

.dialog-link-btn-group button {
    width: 100%;
    background: #ff7043;
    height: 2.4rem;
    border-radius: 2rem;
    border: none;
    color: #fff;
}


.dialog-orange-btn-group {
    display: flex;
}

.dialog-orange-btn-group button {
    flex: 1;
    background: #ff7043;
    height: 2.4rem;
    border-radius: 2rem;
    border: none;
    color: #fff;
}

.dialog-orange-btn-group button:nth-child(1) {
    margin-right: .5rem;
}

.dialog-sort-hd-01 {
    font-size: .85rem;
    font-family: "微软雅黑";
    text-align: center;
    line-height: 2;
    padding: 1rem 0;
}

.dialog-sl-item {
    position: relative;
    text-align: center;
    margin-bottom: .5rem;
    padding: .5rem 0;
    background: #ebebeb;
    border-radius: .2rem;
}

.dialog-sl-item.active {
    background: #fff1e3;
    color: #ff7043;
}

.dialog-sl-item i {
    position: absolute;
    top: .1rem;
    left: .1rem;
    width: 1rem;
    height: 1rem;
    background: url(../images/020-icon-03.png) no-repeat;
    background-size: contain;
}

.dialog-sl-item.active i {
    background: url(../images/020-icon-04.png) no-repeat;
    background-size: contain;
}

.dialog-red-title {
    background: #c32526;
    text-align: center;
    font-family: "Adobe 黑体 Std R";
    color: #fff;
    padding: .5rem 0;
}

.dialog-img {
    box-shadow: none;
    background: none;
}

.dialog-img img {
    max-width: 100%;
}

.dialog-hd {
    margin-bottom: .75rem;
    padding-bottom: .75rem;
    border-bottom: 1px solid #e8e8e8;
}

.dialog-input-text {
    font-size: .7rem;
}

.dialog-input-text input {
    width: 3rem;
    padding: .15rem 0;
    margin: 0 .5rem;
    border: 1px solid #ededed;
    text-align: center;
}

.dialog-ft a {
    display: block;
    text-align: center;
    margin-top: 1rem;
    padding-top: .75rem;
    border-top: 1px solid #ededed;
    color: #999;
}

.dialog-tip-text {
    font-size: .6rem;
    color: #999;
}

.button-white.button-fill {
    background-color: #fff;
    color: #333;
}

.dialog-item {
    margin-bottom: 1rem;
}

.dialog-wrap>.dialog-item:nth-last-child(1) {
    margin-bottom: 0
}

.group-apart span {
    margin-right: .5rem;
}

.dialog-item input[type="text"] {
    height: 1.8rem;
    line-height: 1.8rem;
    border: none;
    padding-left: .75rem;
}

.input-fill {
    width: 100%
}

.card-list-link {
    list-style: none;
    padding-left: 0;
}

.card-list-link {
    padding-left: .75rem;
    padding-right: .75rem;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.card-list-link>li {
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-right: 1rem;
    background: url("../images/btn-turnRight1.png") right center no-repeat;
    background-size: .75rem;
    border-bottom: 1px solid #e5e5e5;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.card-list-link>li:nth-last-child(1) {
    border-bottom: none;
}

.card-list-link>li>a>i {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background: url("../images/book-icon.png") no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    vertical-align: -20%;
}

.mine-banner {
    background: url("../images/index-banner.jpg") no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    height: 8rem;
}

.mine-banner .list-block {
    padding-top: .75rem;
    margin: 0;
}

.mine-banner .list-block ul {
    background: none;
    border-top: none;
    border-bottom: none;
}

.mine-banner .item-media img {
    border-radius: 50%;
}

.mine-banner .item-inner {
    color: #fff;
}

.swiper-banner {
    position: relative;
    width: 100%;
    height: 5rem;
    overflow: hidden;
}

.mine-banner-text {
    position: relative;
    margin-top: 1rem;
}

.mine-banner-text a {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: .1rem .5rem;
    border: 1px solid #fff;
    border-radius: 2px;
    font-size: .65rem;
}

.mine-banner-text p {
    margin: .2rem 0 0 0;
}

.swiper-banner img {
    max-width: 100%;
    height: auto;
}

.guide-banner {
    position: relative;
    height: 65%;
    background: #0c92e6;
    /* 一些不支持背景渐变的浏览器 */
    background: -moz-linear-gradient(top, #008ae1, #3cb1fa);
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#008ae1), to(#3cb1fa));
    background: -o-linear-gradient(top, #008ae1, #3cb1fa);
}

.guide-banner-new {
    background: url("../images/swiper-bg.jpg") no-repeat;
    background-size: cover;
}

.guide-banner-fd {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2rem;
    background: url("../images/banner-bg.png") no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.login-box {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
}

.login-global {
    background: #fff
}

.login-global ul {
    margin: 0;
    padding-left: 0;
    list-style: none;
}

.login-global input {
    width: 100%;
    padding: .75rem 0 .75rem 1.5rem;
    border: none;
    border-bottom: 1px solid #e5e5e5;
}

.login-global ul li {
    position: relative;
    padding: 0 .75rem;
    font-size: .85rem;
}

.login-global ul li i {
    position: absolute;
    display: block;
    left: .75rem;
    top: .75rem;
    width: 1rem;
    height: 1rem;
}

.login-global ul li.tip {
    padding: .2rem 0 0 2.2rem;
    font-size: .65rem;
    color: #ff9c00;
}

.login-global .li-two {
    margin-top: -.75rem;
}

.login-global .li-two a {
    color: #666;
    font-size: .75rem;
    padding: .75rem 0;
}

.login-global .last-text-tip {
    margin-top: 1.5rem;
    padding-bottom: .75rem;
    text-align: center;
    color: #999;
    font-size: .7rem;
}

.icon-personal {
    background: url("../images/icon-personal.png") no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.icon-key {
    background: url("../images/icon-key.png") no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.icon-name {
    background: url("../images/icon-name.png") no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.icon-codes {
    background: url("../images/icon-code.png") no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.login-code {
    position: absolute;
    top: .6rem;
    right: .75rem;
    border: 1px solid #e5e5e5;
    padding: .2rem .5rem;
    font-size: .65rem;
    border-radius: 3px;
}

.guider-banner .swiper-slide {
    text-align: center;
}

.guider-banner {
    height: 92%
}


.guider-banner .swiper-slide img {
    max-width: 65%;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.guide-banner-1 .swiper-slide img {
    max-width: 100%;
}

.guide-banner .swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 2rem;
    text-align: center;
}

.guide-banner-new .swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 1.3rem;
}

.guide-banner-new .swiper-pagination-bullet-active {
    background: #fff;
}

.mine-nav li {
    float: left;
    display: inline-block;
    width: 33.3333%;
    margin-bottom: .75rem;
    text-align: center;
    font-size: .75rem;
}

.mine-nav ul,
.mine-sub-nav ul,
.school-nav ul {
    padding-left: 0;
}

.mine-nav ul:after,
.mine-nav ul:before,
.school-nav ul:after,
.school-nav ul:before {
    display: table;
    content: '';
}

.mine-nav ul:after,
.school-nav ul:after {
    clear: both;
}

.mine-nav li a,
.mine-sub-nav li a {
    display: block;
}

.mine-nav li a i {
    display: block;
    width: 2.4rem;
    height: 2.4rem;
    margin: 0 auto;
}

.mine-sub-nav ul {
    border-top: 1px solid #e5e5e5;
}

.mine-sub-nav li {
    padding: .75rem;
    border-bottom: 1px solid #e5e5e5;
}

.mine-sub-nav li a {
    font-size: .75rem;
}

.mine-sub-nav li i {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    margin-right: .25rem;
    vertical-align: -15%;
}

.icon-manage {
    background: url("../images/icon-manage.png") no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.icon-qudao {
    background: url("../images/icon-qudao.png") no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.icon-tongji {
    background: url("../images/icon-tongji.png") no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.icon-buke {
    background: url("../images/icon-buke.png") no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.icon-people {
    background: url("../images/icon-people.png") no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.icon-tixian {
    background: url("../images/icon-tixian.png") no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.icon-guize {
    background: url("../images/icon-guize.png") no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.icon-password {
    background: url("../images/icon-password.png") no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.icon-phones {
    background: url("../images/icon-phone.png") no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.icon-passport {
    background: url("../images/icon-passport.png") no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.icon-label {
    background: url("../images/icon-label.png") no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.icon-backTo {
    background: url("../images/icon-back.png") no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.list-text-default {
    padding-left: .75rem;
    padding-right: .75rem;
}

.list-text-hd {
    padding: .75rem 0;
    border-bottom: 1px solid #e5e5e5;
}

.list-text-bd {
    padding-top: .75rem;
    font-size: .7rem;
    line-height: 1.5;
}

.text-list-group h3 {
    margin: .5rem 0 0 .75rem;
}

.text-list-group p {
    margin: 0 0 .5rem 1.75rem;
}

.text-list-group>div {
    margin: .5rem 0 .5rem .75rem;
}

.search-wrap {
    position: relative;
    padding-left: .75rem;
    border: 1px solid #e5e5e5;
}

.search-wrap-i {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    height: 1.8rem;
    width: 1.8rem;
    background: url("../images/icon-search-gray.png") center no-repeat;
    -webkit-background-size: 60% 60%;
    background-size: 60% 60%;
}

.search-wrap input {
    height: 1.8rem;
    line-height: 1.8rem;
    width: 80%;
    border: none;
}

.buttons-aaa {
    display: flex;
}

.buttons-aaa a {
    flex: 1;
    text-align: center;
    color: #22a7ef;
    font-size: .9rem;
}

.button-tab-aaa {
    border-bottom: none;
    padding-right: .5rem;
}

.button-tab-aaa a {
    position: relative;
    margin-left: .5rem;
    background: #a3a3a3;
    color: #fff !important;
}

.button-tab-aaa .button.active {
    background: #35b8e3;
    border-color: #35b8e3;
}

.button-tab-aaa i {
    display: none;
    position: absolute;
    left: 50%;
    margin-left: -10px;
    bottom: -10px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #35b8e3;
}

.button-tab-aaa .button.active i {
    display: block;
}

.new-login-box ul {
    border-top: none;
}

.new-login-box .item-inner {
    padding-top: .65rem;
    padding-bottom: .55rem;
}

/*新增类名*/

.li-padding-new {
    padding-top: .1rem !important;
}

.btn-height {
    height: 2rem !important;
    line-height: 2rem !important;
}

.li-a-new {
    display: inline-block;
    width: 100%;
    margin-right: 0.75rem;
}


/*新增页面-zxs*/

.protocol-title {
    padding: 1rem 1.5rem 0 1.5rem;
}

.protocol-title>.title-h1>h1 {
    color: #666666;
    text-align: center;
    font-size: .75rem;
    font-weight: bold;
}

.protocol-title>.title-explain>p {
    font-size: .65rem;
    color: #666666;
    line-height: 1.3rem;
    text-indent: 1.3rem
}

.protocol-module-list .protocol-module {
    padding: 0 0.8rem;
}

.protocol-module-list .protocol-module h2 {
    font-size: .8rem;
    color: #333333;
    font-weight: bold;
}

.protocol-module-text {
    position: relative;
    font-size: 0.65rem;
}

.protocol-module-text>p {
    padding: 0 1.4rem;
    line-height: 1rem;
    margin: 0.5rem 0;
}

.protocol-module-text>span {
    position: absolute;
    left: .6rem;
    top: 0.05rem;
}

.regulations-list {
    padding: 0 1.4rem;
}

.regulations-list p {
    position: relative;
    padding-left: 1.8rem;
    margin: 0;
}

.regulations-list p>span {
    position: absolute;
    left: 0;
}

.regulations-list p~p {
    line-height: 1rem;
    margin: 0.25rem 0;
}

.module-top-tips p {
    font-size: .65rem;
    color: #666666;
    padding: 0 1rem;
    text-indent: 1.3rem;
}

.padding-around {
    padding: 0 1.5rem;
}

.padding-little {
    padding: 0 0.75rem;
}

.check-more-list>button {
    width: 100%;
    background: #e7e7e7;
    color: #666666;
    border: none;
    border-radius: 0.12rem;
    height: 1.5rem;
    font-size: .45rem;
}

.hide-protocol-module {
    /*	display: none;*/
}


.ticheng-tab {
    width: 100%;
    text-align: center !important;
}

.ticheng-tab th {
    background: #e7e7e7;
}

.ticheng-tab th,
.ticheng-tab td {
    border: 1px solid #cccccc;
}

.tab-box-title>div:last-child {
    font-size: 1rem;
    width: 2rem;
    height: 0.8rem;
    text-align: center !important;
    background: url(../images/btn-bg-add.png) no-repeat center center;
    background-size: 0.5rem 0.5rem;
}

.hide-module {
    display: none;
}

.btn-cut-show {
    background: url(../images/btn-bg-cut.png) no-repeat center center !important;
    background-size: 0.5rem 0.1rem !important;
}

.time-item-list {
    padding-left: 0;
    list-style: none;
}

.time-item-list li {
    margin-bottom: .75rem;
}

.time-item-list input {
    width: 100%;
    padding: .5rem .75rem;
    border: 1px solid #d2d2d2;
}

/*新增zxs*/
.icon-cust {
    width: 1rem !important;
    height: 1rem !important;
    background: url(../images/icon-cust.png) no-repeat center center;
    background-size: 1rem;
}

.bar-tab .active .icon-cust {
    background: url(../images/icon-cust-l.png) no-repeat center center;
    background-size: 1rem;
}

.school-nav ul {
    list-style: none;
    margin-bottom: 0;
    border-bottom: 10px solid #ebf1f3;
}

.school-nav ul li {
    width: 25%;
    float: left;
    text-align: center;
    font-size: .7rem;
    margin-bottom: .75rem;
}

.school-nav i {
    display: block;
    width: 1.6rem;
    height: 1.6rem;
    margin: 0 auto .15rem;
    background-size: contain;
    -webkit-background-size: contain;
}

.icon-school-1 {
    background: url("../images/icon-school-1.png") no-repeat;
}

.icon-school-2 {
    background: url("../images/icon-school-2.png") no-repeat;
}

.icon-school-3 {
    background: url("../images/icon-school-3.png") no-repeat;
}

.icon-school-4 {
    background: url("../images/icon-school-4.png") no-repeat;
}

.icon-school-5 {
    background: url("../images/icon-school-5.png") no-repeat;
}

.icon-school-6 {
    background: url("../images/icon-school-6.png") no-repeat;
}

.icon-school-7 {
    background: url("../images/icon-school-7.png") no-repeat;
}

.icon-school-8 {
    background: url("../images/icon-school-8.png") no-repeat;
}

.school-swiper {
    height: 2.5rem;
    line-height: 2.5rem;
    overflow: hidden;
    padding-left: .75rem;
}

.school-swiper .swiper-slide {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: .75rem;
}

.border-gap {
    border-bottom: 10px solid #ebf1f3;
}

.school-label-hd {
    padding: .75rem;
}

.school-label-bd span {
    display: inline-block;
    padding: .4rem .75rem;
    color: #fff;
    border-radius: 1rem;
    margin-left: .75rem;
    margin-bottom: .5rem;
}

.school-label-bd span:nth-child(1) {
    background-color: #0d9ef6
}

.school-label-bd span:nth-child(2) {
    background-color: #0fc1af
}

.school-label-bd span:nth-child(3) {
    background-color: #653dad
}

.school-label-bd span:nth-child(4) {
    background-color: #ff9921
}

.school-label-bd span:nth-child(5) {
    background-color: #8dd311
}

.school-label-bd span:nth-child(6) {
    background-color: #0d9ef6
}

.school-label-bd span:nth-child(7) {
    background-color: #0fc1af
}

.school-label-bd span:nth-child(8) {
    background-color: #653dad
}

.school-label-bd span:nth-child(9) {
    background-color: #ff9921
}

.school-label-bd span:nth-child(10) {
    background-color: #0d9ef6
}

.bar-nav-none {
    display: none;
}

.bar-nav-none~.content {
    top: 0
}

.share-item-hd {
    padding: .75rem 1.25rem;
    line-height: 1.6;
}

.share-item {
    padding: .75rem;
}

.share-item-title {
    color: #35b8e3;
    font-size: .75rem;
}

.share-item-cont {
    color: #999
}

.share-item-title i {
    margin-right: .2rem
}

.list-border-hd {
    padding: .75rem 1.5rem;
    border-bottom: 1px solid #e5e5e5;
}

.dl-w {
    margin-top: .5rem;
    text-align: center;
}

.dl-w a {
    display: inline-block;
    width: 40%;
    height: 2.4rem;
}

.dl-w a:nth-child(1) {
    margin-right: .75rem;
    background: url("../images/iphone-dl.png") center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.dl-w a:nth-child(2) {
    background: url("../images/android-dl.png") center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.dl-w-t {
    margin-top: 1.5rem;
    text-align: center;
    color: #666;
    line-height: 1.6;
}

.dl-w-t span {
    color: #5da5ff;
    text-decoration: underline;
}

.dl-w-t a {
    margin-left: .2rem;
    padding: 0.1rem .4rem;
    background: #5da5ff;
    color: #fff;
    font-size: .7rem;
    border-radius: .2rem;
}

.list-border-title {
    position: relative;
    margin-left: .75rem;
    padding-left: .75rem;
    color: #333;
}

.list-border-title::before {
    position: absolute;
    content: '';
    top: .1rem;
    left: 0;
    width: .2rem;
    height: .75rem;
    background: #ff774c;
    border-radius: .2rem;
}

.list-border-cont {
    margin-top: .5rem;
    padding-left: 1.5rem;
    color: #999;
}

.list-border-ul li {
    margin-bottom: .75rem;
    padding-bottom: .75rem;
    border-bottom: 1px solid #e5e5e5;
}

.iframe-holder {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    top: 2.2rem;
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
}

.icon-book {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    margin-right: .2rem;
    background: url("../images/icon-book.png") no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    vertical-align: -15%;
}

.icon-jia {
    display: inline-block;
    width: .5rem;
    height: .5rem;
    background: url("../images/btn-bg-add.png") no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.icon-jian {
    display: inline-block;
    width: .5rem;
    height: .5rem;
    background: url("../images/btn-bg-cut.png") center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.test-item-hd {
    padding: .75rem;
}

.test-item-bd {
    padding: 0 .75rem;
    border-top: 1px solid #e5e5e5;
}

.test-item-list li {
    padding-bottom: .5rem;
    color: #666;
}

.test-item-hidden {
    display: none;
}

.test-item-answer {
    margin-top: .4rem;
}

.test-item-answer li {
    padding: .25rem 0 .25rem 1rem;
}

.test-item-button {
    position: absolute;
    bottom: 1rem;
    width: 100%;
    padding: 0 .75rem;
}

.text-item-answer-box {
    margin: .75rem;
    padding: .5rem .75rem;
    background: #c0eaff;
}

.item-answer-tip {
    margin: .75rem;
    line-height: 1.5;
}

.test-list-hd {
    padding: .75rem;
    border-bottom: 1px solid #e5e5e5;
    font-weight: 600;
}

.test-news-list {
    margin-top: 0
}

.test-news-list li {
    margin: 0 .75rem;
    padding: .75rem 0;
    border-bottom: 1px solid #e5e5e5;
}

.test-news-list>li:nth-last-child(1) {
    border-bottom: none;
    padding-bottom: 0;
}

.test-news-list .time {
    margin-top: .1rem;
    font-size: .7rem;
    color: #999;
    text-align: right;
}

.text-btn {
    padding: .75rem;
}

.text-btn>a {
    display: block;
    height: 4rem;
    margin-bottom: .75rem;
}

.text-btn>a:nth-child(1) {
    background: url("../images/test-btn-1.jpg") no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.text-btn>a:nth-child(2) {
    background: url("../images/test-btn-2.jpg") no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.text-btn>a:nth-child(3) {
    background: url("../images/test-btn-3.jpg") no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.book-list {
    padding: .75rem;
}

.book-list-hd {
    font-size: .85rem;
}

.book-list-hd img {
    vertical-align: top;
}

.book-list-fd>div {
    margin-top: .5rem;
}

.test-list-plus li {
    padding: 0 .75rem;
    border-bottom: 1px solid #e5e5e5;
}

.test-list-plus h2 {
    font-size: .85rem;
    font-weight: 500;
}

.test-program-wrap {
    position: relative;
    height: .5rem;
    background: #dddddd;
}

.test-program {
    height: .5rem;
    background: #35b8e3;
}

.test-list-plus p {
    color: #999;
    font-size: .75rem;
}

.search-list {
    border-top: 1px solid #e5e5e5;
}

.search-list li a {
    display: block;
    padding: .75rem;
    border-bottom: 1px solid #e5e5e5;
}

.test-chart {
    margin: 1rem auto;
    width: 8rem;
    height: 8rem;
    background: #41c2ec;
    border-radius: 50%;
    text-align: center;
    line-height: 8rem;
    color: #fff;
    font-size: 1rem;
}

@media only screen and (min-width:414px) {
    .text-btn>a {
        height: 4.6rem;
    }
}

.answers-list li {
    display: inline-block;
    margin-left: 2rem;
    margin-bottom: 1rem;
}

.answers-list div {
    width: 1.2rem;
    height: 1.2rem;
    margin: 0 0 .2rem .3rem;
    line-height: 1.2rem;
    border-radius: 50%;
    text-align: center;
    background: #41c2ec;
    color: #fff;
}

.answers-list .answer-wrong {
    background: #ff8500
}

.article-hhh {
    padding: .75rem;
    line-height: 1.6;
}

.article-title {
    font-size: 1rem;
}

.article-meta {
    font-size: .7rem;
    color: #a3a3a3;
}

.article-bd {
    margin-top: .75rem;
    padding-top: .5rem;
    border-top: 1px solid #e7e7e7;
}

/*注册说明*/
.page-register {
    max-width: 100%;
    background: #ffffff;
    height: auto;
}

.border-top-blue {
    border-top: 1px solid #66befb;
}

.logo-img {
    padding-top: 0.8rem;
}

.logo-img img {
    width: 5.25rem;
    height: 4.25rem;
}

.server-side-features>div.features-explain-container {
    padding-left: 1.2rem;
    background: url(../images/bg-font-features.png)no-repeat left 0.1rem;
    background-size: .9rem .7rem;
}

.server-side-features>div>h2 {
    color: #075f9e;
    margin: 0;
}

.server-side-features>div>p {
    color: #777777;
}

.contact-mode>p {
    margin: 0;
    margin-top: 0.125rem;
}

.contact-mode>p>span:nth-child(1) {
    display: inline-block;
    width: 3.8rem;
    text-align: right;
}

.contact-mode>p>span:nth-child(2) {
    text-decoration: underline;
}

.bg-middle-gap {
    width: 100%;
    background: url(../images/bg-middle.png) no-repeat center;
    height: 0.9rem;
    background-size: cover;
}

.bg-linear-blue {
    background: linear-gradient(#259bf0, #31a5f8);
}

.page-register-bottom {
    background-color: #ffffff;
    background: url(../images/bg-douhao-left.png) 0.425rem 5.5rem no-repeat, url(../images/bg-douhao-right.png) right bottom no-repeat;
    background-size: 3.5rem 3rem;
}

.gap-same {
    padding: 0.5rem 0.625rem;
}

.mt5 {
    margin-top: 0.125rem;
}

.sign-name-input {
    border: none;
    border-bottom: 1px solid #8d9294;
    width: 5rem;
}

.test-form-item {
    margin-top: 1rem;
}

.test-form-item input[type='text'] {
    width: 100%;
    margin-top: .5rem;
    padding: .35rem .5rem;
    border: 1px solid #ccc;
    border-radius: .25rem;
}

.test-form-item select {
    width: 100%;
    margin-top: .5rem;
    padding: .35rem .5rem;
    border: 1px solid #ccc;
    border-radius: .25rem;
}

.test-form-wranning {
    margin-top: .75rem;
    font-size: .7rem;
    color: #bcbcbc;
    line-height: 1.8;
}

.dh {
    padding-top: .75rem;
    padding-bottom: 3.5rem;
}

.dh-c {
    position: relative;
}

.dh-c img {
    position: absolute;
    top: 0;
    width: 2.4rem;
    border-radius: 50%;
}

.dh-l img {
    left: .75rem;
}

.dh-r img {
    right: .75rem;
}

.dh-r {
    float: right;
}

.dh-l {
    padding-left: 3.6rem;
}

.dh-r {
    padding-right: 3.6rem;
}

.dh-l>div {
    background: #ffffff;
    box-shadow: 0 0 3px #999;
}

.dh-r>div {
    background: #c32526;
    color: #fff;
    box-shadow: 0 0 3px #999;
}

.dh-c {
    max-width: 90%;
    margin: .25rem 0 .75rem;
    font-size: .7rem;
    min-height: 2.4rem;
    color: #666;
}

.dh-c>div {
    position: relative;
    padding: .45rem .5rem;
    display: inline-block;
}

.dh-t {
    font-size: .6rem;
    color: #a2a2a2;
}

.dh-t-left {
    text-align: left;
    padding-left: 3.75rem;
}

.dh-t-right {
    text-align: right;
    padding-right: 3.75rem;
}

.cf:after,
.cf:before {
    display: table;
    content: '';
}

.cf:after {
    clear: both;
}

.dh-w {
    position: fixed;
    display: flex;
    bottom: 3rem;
    left: 0;
    width: 100%;
    height: 3rem;
    background: #dfdfdf;
    padding: .5rem;
}

.dh-w input {
    flex: 5;
    height: 2rem;
    line-height: 2rem;
    width: 70%;
    padding-left: .75rem;
    border: 1px solid #ccc;
}

.dh-w button {
    flex: 1;
    background: #c32526;
    color: #fff;
    border: none;
}

.hg-footer {
    background: #fff;
}

.hg-footer .icon,
.hg-footer .active .icon {
    -webkit-background-size: contain;
    background-size: contain;
}

.icon-gw {
    background: url("../images/icon_guwen_1.png") no-repeat;
}

.active .icon-gw {
    background: url("../images/icon_guwen.png") no-repeat;
}

.icon-hs {
    background: url("../images/icon_home.png") no-repeat;
}

.active .icon-hs {
    background: url("../images/icon_home_active.png") no-repeat;
}

.icon-gp {
    background: url("../images/icon_gupiaochi_1.png") no-repeat;
}

.active .icon-gp {
    background: url("../images/icon_gupiaochi.png") no-repeat;
}

.icon-cc {
    background: url("../images/icon_chicang_1.png") no-repeat;
}

.active .icon-cc {
    background: url("../images/icon_chicang.png") no-repeat;
}

.icon-cl {
    background: url("../images/icon_celue_1.png") no-repeat;
}

.active .icon-cl {
    background: url("../images/icon_celue.png") no-repeat;
}

.icon-wd {
    background: url("../images/icon_wode_1.png") no-repeat;
}

.active .icon-wd {
    background: url("../images/icon_wode.png") no-repeat;
}

.icon-tg {
    background: url("../images/celve-icon.png") no-repeat;
}

.active .icon-tg {
    background: url("../images/celve-icon-active.png") no-repeat;
}

.bar-tab.hg-footer .tab-item.active,
.bar-tab.hg-footer .tab-item:active {
    color: #cd3031;
}

.cz-list {
    display: none;
    padding: .75rem;
}

.cz-list p,
.dialog-cz-wrap p {
    margin-bottom: .5rem;
}

.icon-nav-wrap {
    padding: 1rem .75rem;
    background: url("../images/banner-bg.jpg") top left no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.icon-nav {
    background: #fff;
    border-radius: 4px;
    /*box-shadow: 0 0 5px #ccc;*/
    padding: .5rem .75rem 0
}

.icon-nav ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.icon-nav-main-swiper {
    position: relative;
    overflow: hidden;
}

.icon-nav-main ul {
    justify-content: flex-start;
}

.icon-nav-main .swiper-pagination {
    position: inherit;
}

.icon-nav-main .swiper-pagination span {
    margin-left: 5px;
}

.icon-nav ul:nth-child(1) {
    margin-bottom: .5rem;
}

.icon-nav ul li {
    position: relative;
    width: 25%;
    text-align: center;
}

.icon-nav ul li .badge {
    position: absolute;
    width: .4rem;
    height: .4rem;
    padding: 0;
    border-radius: 50%;
    background: red;
    top: 0;
    left: 60%;
}

.icon-nav ul li a div {
    position: relative;
    font-size: .75rem;
    color: #666;
}

.icon-nav ul li a div span {
    position: absolute;
    top: -.7rem;
    right: -.5rem;
    background: #c32526;
    color: #fff;
    font-size: .6rem;
    border-radius: 4px;
}

.icon-nav ul li .active div {
    background: #eb6a6b;
    color: #fff;
    border-radius: .5rem;
}

.icon-nav i {
    position: relative;
    display: inline-block;
    width: 1.2rem;
    height: 1.2rem;
    -webkit-background-size: contain;
    background-size: contain;
}

.icon-c-1 {
    background: url("../images/icon-c-1.png") no-repeat;
}

.icon-c-2 {
    background: url("../images/icon-c-2.png") no-repeat;
}

.icon-c-3 {
    background: url("../images/icon-c-3.png") no-repeat;
}

.icon-c-4 {
    background: url("../images/icon-c-4.png") no-repeat;
}

.icon-c-5 {
    background: url("../images/icon-c-5.png") no-repeat;
}

.icon-c-6 {
    background: url("../images/icon-c-6.png") no-repeat;
}

.icon-c-7 {
    background: url("../images/icon-c-7.png") no-repeat;
}

.br-hd {
    padding: .5rem .75rem;
}

.br-hd span {
    border-left: 3px solid #c32526;
    padding-left: .5rem;
}

.br-bd {
    padding: 0 .75rem;
    color: #666;
    line-height: 1.5;
}

.br-bd p {
    margin-bottom: .75rem;
}

/**好股票*/
.mark-title {
    padding: 0.2rem 0.4rem;
    border-radius: 0.5rem;
    background: #cd0527;
}

.crimson {
    color: #cd0527;
}

.list-box-row-3 .flex-cell {
    flex: 1
}

.list-box-row-3>li>div:nth-child(3n+2) {
    text-align: center
}

/*====2020-09-09=====*/
.icon-c-11 {
    background: url("../images/icon_724xszx.png") no-repeat
}

.icon-c-12 {
    background: url("../images/icon_ibuy.png") no-repeat
}

.icon-c-13 {
    background: url("../images/icon_isell.png") no-repeat
}

.icon-c-14 {
    background: url("../images/icon_jyjl.png") no-repeat
}

.icon-c-15 {
    background: url("../images/icon_tsjy.png") no-repeat
}

.icon-c-16 {
    background: url("../images/icon_tqk.png") no-repeat
}

.icon-c-17 {
    background: url("../images/icon_yhj.png") no-repeat
}

.icon-c-18 {
    background: url("../images/icon_zzxf.png") no-repeat
}

.index-banner {
    overflow: hidden;
}

.index-banner img {
    max-width: 100%;
    vertical-align: top;
}

.list-bi {
    position: relative;
    margin: .75rem;
    padding: .75rem;
    border-radius: .25rem;
    background: linear-gradient(107deg, #ebf2ff, #fff);
    box-shadow: 3px 3px 5px rgba(0, 19, 100, .15);
}

.list-bi .badge {
    position: absolute;
    padding: 0;
    width: .4rem;
    height: .4rem;
    border-radius: 50%;
    background: red;
    top: .2rem;
    right: -.2rem;
}

.list-bi-hd {
    font-size: .95rem;
    margin-bottom: .25rem;
}

.index-fixed-btn {
    position: fixed;
    right: 1rem;
    bottom: 8rem;
    width: 3rem;
    height: 3rem;
    padding-top: .45rem;
    background: #ff7043;
    color: #ffffff;
    border-radius: 50%;
    text-align: center;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, .15);
}

.banner-list-item {
    position: relative;
    margin: .75rem;
}

.banner-list-item img {
    max-width: 100%;
}

.banner-list-item a {
    position: absolute;
    background: #ff7043;
    width: 5rem;
    color: #fff;
    border-radius: 1rem;
    padding: .25rem .5rem;
    bottom: 1.5rem;
    left: 2.5rem;
    text-align: center;
    font-size: .75rem;
}

.book-form-list {
    box-shadow: 0 -5px 10px rgba(0, 0, 0, .1);
    border-radius: .5rem;
}

.book-form-list li {
    display: flex;
    padding: .75rem;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #e2e2e2;
}

.book-form-list .flex-none {
    display: block;
}

.book-form-list li>div:nth-child(2) {
    font-size: .75rem;
}

.book-check-wrp {
    display: inline-block;
    margin-left: .75rem;
}

.book-form-list .flex-none .book-check-wrp {
    margin-right: .75rem;
    margin-left: 0;
    margin-top: .35rem;
}

.book-check-wrp i {
    display: inline-block;
    width: .8rem;
    height: .8rem;
    background: url("../images/check-default.png") no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    vertical-align: -15%;
}

.book-check-wrp i.active {
    background: url("../images/check-active.png") no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.book-tip {
    margin: .75rem;
    line-height: 1.5;
}

.book-tip>div:nth-child(2) {
    font-size: .7rem;
    color: #939393;
}

.dialog-bd {
    line-height: 1.5;
}

.fixed-bottom-red-btn {
    position: fixed;
    bottom: 3.5rem;
    width: 90%;
    left: 5%;
    height: 2.2rem;
    color: #fff;
    border: none;
    border-radius: .5rem;
    background-image: -moz-linear-gradient(-60deg, rgb(218, 70, 70) 0%, rgb(205, 48, 49) 100%);
    background-image: -webkit-linear-gradient(-60deg, rgb(218, 70, 70) 0%, rgb(205, 48, 49) 100%);
    background-image: -ms-linear-gradient(-60deg, rgb(218, 70, 70) 0%, rgb(205, 48, 49) 100%);
    box-shadow: 0px 7px 10px 0px rgba(0, 0, 0, 0.18);
    text-align: center;
    line-height: 2.2rem;
}

.fd-bottom-red-btn {
    display: block;
    margin: .75rem;
    height: 2.2rem;
    color: #fff;
    border: none;
    border-radius: .5rem;
    background-image: -moz-linear-gradient(-60deg, rgb(218, 70, 70) 0%, rgb(205, 48, 49) 100%);
    background-image: -webkit-linear-gradient(-60deg, rgb(218, 70, 70) 0%, rgb(205, 48, 49) 100%);
    background-image: -ms-linear-gradient(-60deg, rgb(218, 70, 70) 0%, rgb(205, 48, 49) 100%);
    box-shadow: 0px 7px 10px 0px rgba(0, 0, 0, 0.18);
    text-align: center;
    line-height: 2.2rem;
}

.fixed-bottom-gray-btn {
    display: block;
    margin: .75rem;
    height: 2.8rem;
    color: #fff;
    padding-top: .3rem;
    border: none;
    border-radius: .5rem;
    background: #8b8b8b;
    line-height: 1.4;
    box-shadow: 0px 7px 10px 0px rgba(0, 0, 0, 0.18);
    text-align: center;
    font-size: .75rem;
}

.btn-full-red {
    width: 100%;
    height: 2.2rem;
    color: #fff;
    border: none;
    border-radius: .5rem;
    background-image: -moz-linear-gradient(-60deg, rgb(218, 70, 70) 0%, rgb(205, 48, 49) 100%);
    background-image: -webkit-linear-gradient(-60deg, rgb(218, 70, 70) 0%, rgb(205, 48, 49) 100%);
    background-image: -ms-linear-gradient(-60deg, rgb(218, 70, 70) 0%, rgb(205, 48, 49) 100%);
    box-shadow: 0px 7px 10px 0px rgba(0, 0, 0, 0.18);
    text-align: center;
    line-height: 2.2rem;
}

.stock-list-hd {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .75rem;
    border-bottom: 1px solid #e5e5e5;
}

.stock-list-hd span {
    border-left: .2rem solid #c52e2f;
    padding-left: .5rem;
}

.stock-list-bd {
    padding: .75rem;
}

.stock-ji-btn img {
    max-width: 100%
}

.stock-hd-tip {
    color: #ff7043;
    font-size: .7rem;
    margin-top: .25rem;
}

.stock-hd-detail {
    display: flex;
    margin-top: .5rem;
    font-weight: 600;
    justify-content: space-between;
}

.stock-list-today {
    border-bottom: .4rem solid #efefef
}

.dialog-bd-tag {
    padding-top: 1rem;
    padding-left: .75rem;
}

.dialog-bd-tag span {
    display: inline-block;
    margin-bottom: .75rem;
    margin-right: .5rem;
    padding: .25rem .75rem;
    border-radius: .25rem;
    border: 1px solid #444;
}

.dialog-bd-tag span.active {
    background: #ff7043;
    color: #fff;
    border-color: #ff7043;
}

.dialog-hd-tip {
    margin-top: .5rem;
    padding-top: .75rem;
    border-top: 1px solid #eeeeee;
    color: #999;
    font-size: .7rem;
}

.orange-text-tip {
    padding: .5rem 0 0 .75rem;
    color: #ff7043;
    font-size: .75rem;
}

.stock-main-detail {
    display: flex;
    margin-top: .5rem;
    padding: .5rem .75rem;
    justify-content: space-between;
    background: #fff;
}

.stock-main-detail>div {
    flex: 1;
    text-align: center;
}

.stock-main-detail>div>div:nth-child(1) {
    font-size: .85rem;
    margin-bottom: .25rem;
}

.stock-main-detail>div>div:nth-child(2) {
    font-size: .7rem;
}

.stock-main-detail-btn {
    background: #ff7043;
    color: #fff;
    font-size: .7rem;
    padding: .1rem .35rem;
    margin-left: .25rem;
    border-radius: .25rem;
}

.stock-group-orange-btn {
    margin-top: .75rem;
    display: flex;
}

.stock-group-orange-btn button {
    flex: 1;
    background: #ff7043;
    border: none;
    text-align: center;
    padding: .5rem 0;
    color: #fff;
    border-radius: .25rem;
}

.stock-group-orange-btn button:nth-child(1) {
    margin-right: .75rem;
}

.te-card-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: .75rem;
    padding: .5rem .75rem;
    min-height: 5rem;
    background: url("../images/tequanka.png") no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    color: #fff;
}

.te-card-title {
    font-size: 1rem;
    margin-bottom: .5rem;
}

.te-card-r {
    width: 3rem;
    margin-left: 1rem;
    text-align: right;
}

.te-card-ba {
    margin-top: .75rem;
    padding-right: .75rem;
    text-align: right;
}

.te-card-ba a {
    color: #ff7043;
    font-size: .75rem;
}

.te-ti {
    position: relative;
    margin: .75rem;
    padding-left: 4rem;
    font-size: .75rem;
}

.te-ti b {
    position: absolute;
    top: 0;
    left: 0;
}

.book-form-input input {
    border: none;
    text-align: right;
    padding-right: .25rem;
}

.serve-wrp {
    margin: .75rem;
    background: #fff;
    border-radius: .5rem;
}

.serve-user {
    display: flex;
    margin: .75rem 0;
    align-items: center;
}

.serve-user>img {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    margin-right: .5rem;
}

.serve-user-name {
    font-size: .8rem;
}

.serve-user-time {
    font-size: .7rem;
    color: #959595;
}

.serve-dp-item {
    display: flex;
    align-items: center;
    margin: 1.5rem 0;
    padding-left: .75rem;
}

.serve-dp-item i {
    display: inline-block;
    width: 1.2rem;
    height: 1.2rem;
    margin-left: .75rem;
}

.star-active {
    background: url("../images/star-active.png") no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.star-default {
    background: url("../images/star-default.png") no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.serve-textarea {
    padding: .5rem .75rem;
    border: 1px solid #ccc;
    border-radius: .25rem;
}

.serve-textarea textarea {
    width: 100%;
    min-height: 5rem;
    border: none;
}

.dialog-group-btn {
    display: flex;
}

.dialog-group-btn button {
    flex: 1;
    border: none;
    height: 2.2rem;
    color: #fff;
    border-radius: .25rem;
    font-size: .75rem;
}

.dialog-group-btn .btn-gray {
    background: #ccc;
    margin-right: .75rem;
}

.dialog-group-btn .btn-red {
    background: #f6383a;
}

.feedback-jd {
    margin-top: 1rem;
    padding: 1rem .75rem;
    border-top: .4rem solid #efefef;
}

.feedback-jd-hd {
    font-size: .85rem;
    color: #333;
}

.feedback-jd-bd {
    margin-top: .25rem;
    font-size: .75rem;
    color: #777;
}

.news-list-hd {
    padding: .5rem .75rem;
    border-bottom: 1px solid #eee;
}

.news-list-item {
    border-bottom: .4rem solid #efefef;
}

.news-list-bd p {
    font-size: .8rem;
    color: #333;
}

.news-list-bd p .time {
    margin-right: .25rem;
    color: #c32526;
}

.news-list-bd p img {
    display: block;
    margin: .35rem 0;
    max-width: 100%;
}

.news-list-bd>p:nth-last-child(1) {
    border: none;
}

.send-news-btn {
    position: fixed;
    right: 1rem;
    bottom: 4rem;
    width: 2.5rem;
    height: 2.5rem;
    background: url("../images/add-icon.png") no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.send-news-wrp {
    margin: .75rem;
}

.send-nt {
    min-height: 8rem;
    padding: .5rem .75rem;
    border: 1px solid #ccc;
    border-radius: .25rem;
}

.send-nt textarea {
    width: 100%;
    min-height: 6rem;
    border: none;
}

.add-img-icon {
    display: inline-block;
    width: .91rem;
    height: .9rem;
    margin-left: .2rem;
    vertical-align: -15%;
    background: url("../images/add-img-icon.png") no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.card-te .card-header {
    border-bottom: none;
}

.card-te .card-header img {
    width: 3.4rem;
    height: 3.4rem;
    margin-right: .5rem;
    border-radius: 50%;
    vertical-align: middle;
}

.cz-red-btn {
    background: #b1001c !important;
}

.sq-wrp {
    padding-bottom: 3rem;
}

.sq-item {
    background: #fff;
    margin: .75rem;
    border-radius: .25rem;
    box-shadow: 0 0 5px #ccc;
}

.sq-item-hd {
    display: flex;
    align-items: center;
    padding: .75rem;
    border-bottom: 1px solid #efefef;
}

.sq-item-hd img {
    width: 3rem;
    height: 3rem;
    margin-right: .5rem;
    border-radius: 50%;
}

.sq-item-bd {
    padding: .75rem;
    font-size: .75rem;
    background: #eeeeee;
}

.sq-bw {
    position: fixed;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    height: 2.4rem;
    line-height: 2.4rem;
    left: 0;
    bottom: 0;
    background: #fff;
    box-shadow: 0 0 3px #ccc;
}

.sq-bw input {
    background: none;
    border: none;
    padding: .5rem .75rem;
    width: 100%;
}

.sq-bw button {
    background: #c32526;
    color: #fff;
    border: none;
    width: 5rem;
}

.dialog-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 2rem;
    height: 2rem;
    font-size: 1rem;
    line-height: 2rem;
    text-align: center;
    color: #ccc;
}

.send-nt-btn {
    position: relative;
}

.send-nt-btn input {
    position: absolute;
    width: 5rem;
    height: 1.5rem;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 100;
}

[contenteditable]:focus {
    outline: none;
}

.stock-gz-it {
    padding: .75rem;
    border-bottom: 1px solid #efefef;
}

.stock-gz-it span {
    border-left: .1rem solid #b1001c;
    padding-left: .35rem;
}

.stock-gz-ic ul {
    margin-left: .75rem;
    margin-top: .75rem;
    border-left: 1px solid #e2e2e2;
}

.stock-gz-ic li {
    position: relative;
    padding-left: 1rem;
    padding-right: .75rem;
    margin-bottom: .75rem;
}

.stock-gz-ic li h3 {
    line-height: 1;
    margin-bottom: .5rem;
}

.stock-gz-ic li p {
    font-size: .75rem;
    color: #7f7f7f;
}

.send-nt img {
    display: block;
    max-width: 80%;
    height: auto;
}

.circle-tip-red {
    position: absolute;
    top: .2rem;
    left: -.225rem;
    width: .4rem;
    height: .4rem;
    border-radius: 50%;
    background: #b1001c;
}

.feedback-top {
    padding: .75rem .75rem 0;
}

.feedback-top span {
    display: inline-block;
    margin-top: .35rem;
    padding: .25rem .5rem;
    border: 1px solid #e8e8e8;
    border-radius: .25rem;
    font-size: .7rem;
    color: #858585;
}

.feedback-top span.active {
    background: #1c86ed;
    color: #fff;
    border-color: #1c86ed;
}

.icon-home-new {
    background: url("../images/icon_home.png") no-repeat;
    background-size: contain;
}

.icon-mrjh {
    background: url("../images/icon-zhiji-default.png") no-repeat;
    background-size: contain;
}

.active .icon-mrjh {
    background: url("../images/icon-zhiji-active.png") no-repeat;
    background-size: contain;
}

.active .icon-home-new {
    background: url("../images/icon_home_active.png") no-repeat;
    background-size: contain;
}
.__news__tip{
    position: absolute;
    width: 2.4rem;
    left: 52%;
    top: 0;
}
.hg-footer.bar-tab .tab-item .badge {
    width: .4rem;
    height: .4rem;
    min-width: auto !important;
    top: .2rem;
    border-radius: 50%;
    padding: 0 !important;
}

.cl-wrp {
    position: relative;
    padding-top: 8rem;
    color: #999;
}

.cl-wrp img {
    max-width: 5rem;
}

.stock-list-item {
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #e5e5e5;
}

.stock-list-bd>.stock-list-item:nth-last-child(1) {
    margin-bottom: 0;
    border-bottom: none;
}

.cl-wrp .cl-tip {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.cl-tip {
    background: #fff;
    margin-bottom: .75rem;
    padding: .5rem .75rem;
    color: #ff7043;
    font-size: .65rem;
    box-shadow: 0 0 5px #888;
}

.cl-i-h {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    padding: .75rem;
}

.cl-i-h>div:nth-child(1) span {
    display: inline-block;
    background: #b1001c;
    color: #fff;
    padding: .35rem 1rem;
    border-radius: .25rem;
}

.cl-i-h>div:nth-child(2) {
    color: #757575;
    font-size: .65rem;
}

.cl-i-i {
    position: relative;
    margin: 0 .75rem;
    padding: .75rem;
    background: #fff;
    border-top: 1px dashed #dfdfdf;
    border-bottom: 1px dashed #dfdfdf;
}

.cl-i-i .banner-list-item {
    margin-left: 0;
    margin-right: 0;
}

.cl-i-i .button-single {
    width: 100%;
}

.cl-i-m {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .5);
    z-index: 10000;
}

.cl-i-u {
    margin-top: .75rem;
    border-top: 1px solid #e8e8e8;
}

.cl-i-u li {
    padding: .75rem 0;
    border-bottom: 1px solid #e8e8e8;
    font-size: .75rem;
}

.cl-l-m {
    text-align: center;
    padding-top: .75rem;
}

.cl-l-m img {
    width: 1.2rem;
}

.cl-item {
    margin-bottom: .75rem;
}

/*==2020-11-05====*/
.icon-nav-main-ul i {
    position: relative;
    width: 2.8rem;
    height: 2.8rem;
}

.icon-nav-main-ul>li>a>div {
    margin-bottom: .2rem;
}

.icon-n-1 {
    background: url("../images/icon-11.png") no-repeat;
}

.icon-n-2 {
    background: url("../images/icon-12.png") no-repeat;
}

.icon-n-3 {
    background: url("../images/icon-13.png") no-repeat;
}

.icon-n-4 {
    background: url("../images/icon-14.png") no-repeat;
}

.icon-n-5 {
    background: url("../images/icon-15.png") no-repeat;
}

.icon-n-6 {
    background: url("../images/icon-16.png") no-repeat;
}

.icon-n-7 {
    background: url("../images/icon-17.png") no-repeat;
}

.icon-n-8 {
    background: url("../images/icon-18.png") no-repeat;
}

.icon-n-9 {
    background: url("../images/icon-19.png") no-repeat;
}

.icon-n-10 {
    background: url("../images/icon-20.png") no-repeat;
}

.icon-n-11 {
    background: url("../images/icon-n18.png") no-repeat;
}

.icon-n-12 {
    background: url("../images/icon-n19.png") no-repeat;
}

.icon-n-13 {
    background: url("../images/icon-n15.png") no-repeat;
}

.icon-n-14 {
    background: url("../images/icon-n16.png") no-repeat;
}

.icon-n-15 {
    background: url("../images/icon-n17.png") no-repeat;
}

.icon-n-16 {
    background: url("../images/icon-n20.png") no-repeat;
}

.icon-n-17 {
    background: url("../images/icon-59.png") no-repeat;
}
.icon-n-18 {
    background: url("../images/icon-68.png") no-repeat;
}
.icon-n-19 {
    background: url("../images/Vector.png") no-repeat;
}
.icon-peoples {
    display: inline-block;
    width: .75rem;
    height: .75rem;
    margin-right: .25rem;
    background: url("../images/icon-35.png") no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    vertical-align: -10%;
}

.icon-refresh-blue {
    display: inline-block;
    width: .65rem;
    height: .65rem;
    margin-right: .25rem;
    background: url("../images/icon-37.png") no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    vertical-align: -10%;
}

.icon-drop-gray {
    display: inline-block;
    width: .65rem;
    height: .65rem;
    margin-left: .25rem;
    background: url("../images/icon-38.png") no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    vertical-align: -10%;
}

.icon-nav-tag {
    position: absolute;
    color: #fff;
    font-size: .5rem;
    top: -.25rem;
    right: -1.25rem;
    border-radius: .05rem;
    padding: 0 .15rem;
}

.icon-nav-tag-1 {
    background: #868dfd;
}

.icon-nav-tag-2 {
    background: #ffb943;
}

.block-list-hd {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.block-list {
    margin: .75rem;
    padding: .75rem 0;
}

.block-list-p {
    padding: .75rem;
}

.block-list-ph .block-list-hd {
    padding-left: .75rem;
    padding-right: .75rem;
}

.block-list-shadow {
    box-shadow: 0 3px 10px rgba(60, 78, 138, .15);
    border-radius: .25rem;
}

.block-list-bd-shadow {
    padding-top: 0;
}

.block-list-bd-shadow .block-list-bd {
    box-shadow: 0 3px 10px rgba(60, 78, 138, .15);
    border-radius: .25rem;
    padding: .5rem 0;
    margin-top: .5rem;
}

.gray-block {
    background: #efefef;
}

.gray-block .block-list-bd {
    margin: .5rem .75rem 0;
    box-shadow: 0 0 5px #ccc;
    background: #fff;
    padding: .75rem .5rem;
    border-radius: .25rem;
    font-size: .75rem;
}

.gray-block .block-list-hd .time {
    padding-right: .75rem;
    color: #8e8e8e;
}

.gray-block .block-list-bd>div:nth-child(1) {
    display: flex;
    align-items: center;
}

.buy-circle {
    border-radius: 50%;
    width: 2.2rem;
    height: 2.2rem;
    margin-right: .4rem;
    background: #ff5c5c;
    color: #fff;
    line-height: 2.2rem;
    text-align: center;
    font-size: .7rem;
}

.sell-circle {
    border-radius: 50%;
    width: 2.2rem;
    height: 2.2rem;
    margin-right: .4rem;
    background: #009e0b;
    color: #fff;
    line-height: 2.2rem;
    text-align: center;
    font-size: .7rem;
}

.block-list-hd>div:nth-child(1) {
    font-size: .9rem;
    color: #000;
}

.block-lh-r {
    display: inline-block;
    color: #c32526;
    font-size: .75rem;
    margin-left: .5rem;
}

.icon-red-znz {
    width: .55rem;
    height: .55rem;
    margin-right: .2rem;
    background: url(../images/020-icon-12.png) no-repeat;
    background-size: contain;
}

.icon-red-bk {
    width: .55rem;
    height: .55rem;
    margin-right: .2rem;
    background: url(../images/020-icon-13.png) no-repeat;
    background-size: contain;
}


.block-list-hd>div:nth-child(1) span {
    padding-left: .5rem;
    border-left: .25rem solid #c32526;
}

.block-stock-wrap {
    display: flex;
    overflow-y: scroll;
    padding-top: .5rem;
}

.today-stock {
    margin-top: .5rem;
    background: #fff8e7;
    padding: .75rem;
}

.today-stock>a {
    display: flex;
    justify-content: space-between;
}

.stock-mood-tag {
    margin-top: 0;
    padding: .25rem .75rem .5rem;
}

.stock-mood-tag span {
    margin-top: .25rem;
    display: inline-block;
    padding: .2rem .5rem;
    border-radius: .25rem;
    background: #ff7043;
    color: #fff;
    font-size: .7rem;
}

.bs-item {
    position: relative;
    text-align: center;
    line-height: 1.2;
    padding: 0 1rem;
    border-right: 1px solid #efefef;
}

.bs-item>span {
    position: relative
}

.bs-item-tip {
    position: absolute;
    width: .3rem;
    height: .3rem;
    top: -.15rem;
    right: 0;
    background: #c02e34;
    border-radius: 50%;
}

.bls-item {
    margin-bottom: .5rem;
    position: relative;
    margin-right: .5rem;
    padding: .2rem .5rem;
    background: #ffecde;
    border-radius: .25rem;
    text-align: center;
}

.bls-item-title {
    font-weight: 600;
}

.bls-item-title,
.bls-item-cont {
    white-space: nowrap;
}


.orange-btn-border {
    display: inline-block;
    padding: .15rem .25rem;
    color: #ff7043;
    border: 1px solid #ff7043;
    border-radius: .25rem;
    line-height: 1;
}

.stock-mood {
    position: relative;
    padding-right: 5.5rem;
    background-image: linear-gradient(-90deg, #ffe4db, #fff);
}

.stock-mood-new {
    padding-right: 0;
}

.stock-mood-detail {
    position: absolute;
    right: .75rem;
    bottom: .5rem;
    width: 5.5rem;
    text-align: right;
}

.stock-mood-detail img {
    position: absolute;
    left: 0;
    bottom: 0;
    max-width: 100%;
}

.stock-mood-detail span {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 1.8rem;
    font-weight: bold;
    color: #ff7043;
    line-height: 1;
}

.stock-search-wrap {
    background: #dbdbdb;
    padding: .75rem;
    border-radius: .25rem;
}

.ss-w {
    position: relative;
    background: #ffffff;
    border-radius: 1rem;
    padding-left: 2rem;
}

.ss-w i {
    position: absolute;
    top: .25rem;
    left: .35rem;
    width: 1.5rem;
    height: 1.5rem;
    background: url("../images/search-icon@2x.png") no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.ss-w a {
    position: absolute;
    top: .25rem;
    right: .35rem;
    width: 1.5rem;
    height: 1.5rem;
    background: url("../images/close-icon@2x.png") no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.ss-w input {
    height: 2rem;
    line-height: 2rem;
    border: none;
    width: 100%;
    background: none;
}

.index-tip {
    position: relative;
    background: #fff8e7;
    color: #ff7043;
    padding: .5rem 2rem .5rem 2rem;
    font-size: .65rem;
    height: 2rem;
    overflow: hidden;
}

.block-list-hd .time {
    font-style: normal;
    color: #ccc;
    font-size: .7rem;
    margin-left: .5rem;
}

.block-news-item {
    padding: .5rem .75rem .75rem .75rem;
    border-bottom: 1px solid #efefef;
}

.block-list-bd>.block-news-item:nth-last-child(1) {
    padding-bottom: 0;
    border-bottom: none;
}

.sq-item-n {
    margin: 0;
    box-shadow: none;
}

.sq-item-n .sq-item-hd {
    border-bottom: none;
    padding: .5rem .75rem;
}

.sq-item-n .sq-item-bd {
    background: #fff;
    padding: 0 0 0 .75rem;
}

.index-tip .swiper-slide {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.tip-orange-icon {
    position: absolute;
    top: .55rem;
    left: .75rem;
    width: .8rem;
    height: .8rem;
    background: url("../images/tip-orange-icon.png") no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.orange-close-btn {
    position: absolute;
    top: .55rem;
    right: .75rem;
    width: .8rem;
    height: .8rem;
    background: url("../images/close-orange-icon.png") no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.index-warnning {
    padding: 1rem .75rem;
    color: #8e8e8e;
    font-size: .7rem;
}
.index-warnning-01 {
    padding: .25rem .75rem;
    color: #8e8e8e;
    font-size: .7rem;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
}
.global-tip {
    color: #ff7043;
    font-size: .75rem;
    padding: .75rem;
}

.sold-stock-wrp>p {
    padding: .75rem;
}

.sold-stock-detail {
    border-top: 1px solid #d1d1d1;
    max-height: 9rem;
    overflow-y: scroll;
}

.sold-stock-detail li {
    padding: .75rem;
    background: #efefef;
    border-bottom: 1px solid #d1d1d1;
    color: #666;
}

.sold-stock-detail .sign {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #999;
}

.sold-stock-detail .active {
    background: #efefef url("../images/icon-selected.png") no-repeat;
    background-size: 1rem;
    background-position: calc(100% - .5rem) center;
    ;
}

.sold-stock-reason {
    padding-left: .75rem;
}

.sold-stock-reason span {
    display: inline-block;
    border: 1px solid #d1d1d1;
    border-radius: 1rem;
    padding: .25rem 1.5rem;
    margin-bottom: .5rem;
    margin-right: .5rem;
    color: #666;
}

.sold-stock-reason .active {
    background: #ff7043;
    border-color: #ff7043;
    color: #fff;
}

.global-tip-gray {
    padding: .75rem;
    color: #999;
    font-size: .7rem;
}

.cl-report-tip {
    background: #fff;
    border-radius: .25rem;
    padding: .5rem .75rem;
    color: #ff7043;
    font-size: .65rem;
    box-shadow: 0 0 3px #ccc;
}

.cl-report-tip i {
    display: inline-block;
    width: .9rem;
    height: .9rem;
    margin-left: .25rem;
    background: url("../images/phone-icon@2x.png") no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    vertical-align: -15%;
}

.cl-item-hd {
    display: flex;
    margin: 1rem .75rem .5rem;
    justify-content: space-between;
    align-items: center;
}

.cl-item-bd {
    margin-left: .75rem;
    margin-right: .75rem;
    padding: .75rem;
    background: #fff;
    border-radius: .25rem;
    box-shadow: 0 0 3px rgba(60, 78, 138, .15);
}

.cl-bd-h {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .75rem;
}

.cl-bd-h>div:nth-child(1) {
    color: #ff7043;
}

.buy-s,
.sold-s {
    display: inline-block;
    padding: .2rem .5rem;
    background: #f0302f;
    color: #fff;
    border-radius: .2rem;
    line-height: 1;
    font-size: .75rem;
}

.sold-s {
    background: #009e0b;
}

.buy-detail-wrp,
.sold-detail-wrp {
    display: flex;
    padding: .5rem 0;
    background: #ffeee9;
    border-radius: .2rem;
}

.sold-detail-wrp {
    background: #fff6df;
}

.buy-detail-wrp>div,
.sold-detail-wrp>div {
    flex: 1;
    text-align: center;
}

.cl-bh-text {
    margin-top: 1rem;
    padding-bottom: .75rem;
    border-bottom: 1px solid #efefef;
}

.cl-bh-text-tip {
    margin: .75rem 0;
    color: #999;
    font-size: .75rem;
}

.cl-bh-img img {
    max-width: 100%;
}


.pl-header>div {
    padding: .5rem 0;
    background: #fff7ef;
    color: #ff7043;
    text-align: center;
    box-shadow: 0 0 5px #ccc;
}

.plh-item {
    position: relative;
    width: 2.8rem;
    margin: .5rem .5rem .5rem .75rem;
}

.chat-avatar-bg {
    position: absolute;
    width: 3rem !important;
    height: 3rem !important;
    top: -.1rem;
    left: -.1rem;
}

.pl-header>.plh-item:nth-child(1) {
    /*background: url("../images/avatar-gold-bg.png") no-repeat;
    -webkit-background-size: contain;
    background-size: contain;*/
}

.plh-item img {
    display: block;
    width: 2.8rem;
    height: 2.8rem;
    border-radius: 50%;
}

.plh-item-name {
    width: 2.8rem;
    font-size: .55rem;
    margin-top: .25rem;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.chat-page .content {
    background: url(../images/_jt-37.png) no-repeat;
}

.pl-chat-wrap {
    min-height: 100%;
    /* padding-top: .5rem; */
    padding-bottom: 5.5rem;
    
    background: #fff;
    background-size: contain;
    /* border-top-right-radius: 3rem; */
}

/*.pl-chat-wrap {
    min-height: 100%;
    padding-top: 1.5rem;
    padding-bottom: 5.5rem;
    margin-top: -2rem;
    background: #fff;
    height: 100%;
    overflow-y: scroll;
    background-size: contain;
    border-top-right-radius: 3rem;
}
*/

.pl-chat-item {
    position: relative;
    margin-bottom: 1rem;
    padding: 0 .5rem;
}

.pl-chat-item>div {
    display: flex;
}

.pl-chat-item .pl-chat-right {
    justify-content: flex-end;
}

.pl-chat-avatar {
    position: relative;
    margin-right: .25rem;
}

.chat-avatar-bg-sm {
    position: absolute;
    top: -.1rem;
    left: -.1rem;
    width: 2.2rem !important;
    height: 2.2rem !important;
}
.pl-chat-user-name{
    color: #666;
    line-height: 1;
    margin-bottom: .25rem;
}
.pl-chat-right .pl-chat-user-name {
    text-align: right;
}
.pl-chat-avatar img {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
}
.pl-chat__scroll_close{
    position: absolute;
    right: 0;
    top: 0;
    width: 1.5rem;
    height: 1.5rem;
    background: url(../images/close-gray.png) center no-repeat;
    background-size: 80%;
}
.pl-chat-inner-blue {
    font-size: .9rem;
    color: #628FFB;
    display: block;
}
.pl-chat-more-text-toggle{
    margin-top: .5rem;
    text-align: center;
    color: #999;

}
.toggle-text{
    position: relative;

}
.toggle-text:after{
    content: '';
    position: absolute;
    height: 1px;
    width: 2rem;
    background: #999;
    left: -2.4rem;
    top: .35rem;
   
}
.toggle-text:before{
    content: '';
    position: absolute;
    height: 1px;
    width: 2rem;
    background: #999;
    right: -2.4rem;
    top:.35rem;
}
.pl-chat-name {
    width: 2rem;
    margin-top: .2rem;
    font-size: .45rem;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.pl-chat-inner {
    font-size: .75rem;
    max-width: 100%;
}

.pl-chat-left .pl-chat-inner {
    border-bottom-left-radius: .5rem;
    border-top-left-radius: .15rem;
    border-bottom-right-radius: .5rem;
    border-top-right-radius: .5rem;
}

.pl-chat-right .pl-chat-inner {
    margin-left: 2.5rem;
    margin-right: .5rem;
    text-align: right;

}

.pl-chat-inner-emoji img {
    max-width: 100%;
}


/* 最多显示三行，超出出现展开收起按钮 */
.pl-chat-more-text{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}
.pl-chat-more-text.expanded {
    -webkit-line-clamp: unset;
  }
.pl-chat-inner-text {
    padding: .5rem .6rem;
    word-wrap: anywhere;

}

.pl-chat-right .pl-chat-inner-text {
    display: inline-block;
    border-bottom-left-radius: .5rem;
    border-top-left-radius: .5rem;
    border-bottom-right-radius: .5rem;
    border-top-right-radius: .15rem;
    background: #FFE48B;
    text-align: justify;
}

.pl-chat-left .pl-chat-inner-text {
    background: #f7f7f7;
    border-bottom-left-radius: .5rem;
    border-top-left-radius: .15rem;
    border-bottom-right-radius: .5rem;
    border-top-right-radius: .5rem;

}

.pl-chat-right .pl-chat-inner-img img {
    width: auto;
    max-width: 100%;
    max-height: 8rem;
}

.pl-chat-left .pl-chat-inner-img img {
    width: auto;
    max-width: 100%;
    max-height: 8rem;
}

.pl-weather-info>div:nth-child(1) {
    font-size: 1rem;
    color: #FDB515;
}

.pl-weather-info>div:nth-child(2) {
    font-size: .65rem;
    color: #777;
}

.pl-chat-weather {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pl-weather-img img {
    max-width: 3.4rem;
}

.pl-chat-data-b {
    margin-top: .75rem;
    text-align: right;
    font-size: .65rem;
}

.pl-chat-rl {
    padding: .5rem;
    background: #E7DDD1;
    /*width: 14rem;*/
}

.pl-chat-input>div {
    /*display: flex;*/
    padding: .5rem;
}

.pl-chat-rl>div {
    padding: .25rem .5rem;
    /*background: url("../images/rili-bg.png") no-repeat;*/
    -webkit-background-size: cover;
    background-size: cover;
    color: #2e2e2e;
}

.pl-chat-tag {
    white-space: nowrap;
    overflow-x: scroll;
}

.circle-red-md,
.circle-gray-md {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    line-height: 1rem;
    text-align: center;
    color: #fff;
    font-size: .5rem;
    vertical-align: 10%;
    margin-right: .3rem;
}

.circle-red-md {
    background: #CC3131;
}

.circle-gray-md {
    background: #8E8E8E
}

.pl-chat-rl>div>div:nth-child(1) {
    color: #CC3131;
}

.pl-chat-rl>div>div:nth-child(2) {
    position: relative;
    margin: .5rem 0;
    padding-left: 1.3rem;
}

.pl-chat-rl>div>div:nth-child(3) {
    position: relative;
    padding-left: 1.3rem;
}

.pl-chat-rl>div>div:nth-child(2) span,
.pl-chat-rl>div>div:nth-child(3) span {
    position: absolute;
    top: 0;
    left: 0;
}

.pl-chat-input {
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    /* height: 5.55rem; */
    box-shadow: 0 0 10px #dadada;
    z-index: 9999;
    background: #fff;
}

.pl-chat-input-l img {
    width: 2.8rem;
    margin-left: -.25rem;
}

.pl-chat-input-l {
    position: relative;
    width: 2.2rem;
    margin-right: .75rem;
}

.pl-chat-input-r {
    /*   width: 17rem;*/
}

.pl-chat-left-tip {
    position: absolute;
    top: -1.2rem;
    left: 0;
    width: 3rem;
    height: 1.5rem;
    background: url("../images/icon_qipao.png") no-repeat;
    background-size: contain;
}



.pl-chat-tag span {
    position: relative;
    display: inline-block;
    padding: .25rem .25rem;
    border: 1px solid #dcdcdc;
    border-radius: 1rem;
    font-size: .75rem;
    margin-right: .25rem;
}

.pl-chat-tag span i {
    position: absolute;
    top: 0;
    right: 0;
    width: .4rem;
    height: .4rem;
    border-radius: 50%;
    background: #cc3131;
}

.pl-chat-tag span.active {
    border: 1px solid #FFE48B;
}

.pl-chat-input-img {
    position: absolute;
    width: 12rem;
    top: -3rem;
    left: 1rem;
}

.pl-chat-type {
    position: relative;
    display: flex;
    align-items: center;
    margin-top: .5rem;
    padding: 0
}

.pl-chat-type-drag {
    position: absolute;
    left: .75rem;
    right: 2.75rem;
    top: -8rem;
    height: 8rem;
    overflow-y: auto;
    background: #ffffff;
    box-shadow: 0 0 5px #ccc;
}

.pl-chat-type-drag li {
    padding: 0 .5rem;
    height: 2rem;
    line-height: 2rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: .75rem;
    border-bottom: 1px solid #e5e5e5;
}

.pl-chat-mood-wrp {
    display: flex;
    align-items: center;
    position: relative;
    min-height: 2rem;
    width: 100%;
    padding-left: .75rem;
    padding-right: .75rem;
    border-radius: 1rem;
    border: 1px solid #dcdcdc;
    font-size: .65rem;
}

.pl-chat-textarea {
    max-height: 5rem;
    width: 100%;
    resize: none;
    outline: none;
    overflow-y: scroll;
    line-height: .9rem;
    font-size: 0.75rem;
    border-radius: 0.9rem;
    padding: 0.25rem 0.25rem 0.25rem 0.6rem;
    word-break: break-all
}

.pl-chat-type .pl-chat-send-btn {
    background: url("../images/icon_fasong@2x.png") no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.pl-chat-add-btn,
.pl-chat-mood-btn,
.pl-chat-send-btn {
    width: 1.8rem;
    height: 1.8rem;
    flex-shrink: 0;
    margin-left: .3rem;
}

.pl-chat-mood-btn {
    background: url("../images/icon-57.png") no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.pl-chat-add-btn {
    background: url("../images/icon-58.png") no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.pl-right-btn {
    margin-top: .5rem;
    text-align: right;
}

.di-wrap {
    margin: .5rem 0;
}

.di-wrap input {
    padding: .25rem .75rem;
    margin-right: .5rem;
    width: 70%;
    border: 1px solid #e2e2e2;
    border-radius: .25rem;
}

.cl-re-phone {
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
}

.cl-re-phone>div {
    padding: .4rem .75rem;
    display: flex;
    justify-content: space-between;
    font-size: .7rem;
    align-items: center;
    color: #ff7043;
    background: #ffffff;
}

.cl-re-phone a {
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    background: url("../images/cell-icon@2x.png") no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

/*量化爆发力报告*/

.patent_container {
    padding: 0.625rem
}

.patent_box {
    padding: 0.625rem;
    border-radius: .25rem;
    background-color: rgb(252, 242, 240);
    box-shadow: 0px .05rem .2rem 0px rgba(0, 0, 0, 0.16);
}

.patent_box .patent_top {
    padding-bottom: 0.35rem;
    color: #374890;
    text-align: left;
    padding-left: 4rem;
    background: url(../images/patent_font.png) no-repeat 1.5rem top/1.75rem 1.45rem;
}

.patent_box .patent_bottom p {
    line-height: 0.9rem;
    height: 1.8rem;
    overflow: hidden;
    position: relative;
    padding-bottom: 1rem;
}

.btn_spread {
    position: absolute;
    z-index: 999;
    background: #fcf2f0;
    top: 0.9rem;
    right: 0;
}

.btn_retract {
    position: absolute;
    z-index: 999;
    background: #fcf2f0;
    bottom: 0rem;
    right: 0rem;
}

.ab_bottom {
    position: absolute !important;
    bottom: 0 !important;
    right: 0 !important;
}

.patent_box .patent_bottom {
    padding-top: 0.35rem;
    border-top: 1px solid #f5e9e6;
}

.data_show_line {
    padding: 0.5rem 0;
    border-bottom: 1px solid #fafafa;
}

.side-gap {
    padding: 0 0.6rem;
}

.data_show_line {
    padding: 0.5rem 0;
    border-bottom: 1px solid #fafafa;
}

.tcenter {
    text-align: center !important;
}

.f26 {
    font-size: .65rem !important;
}

.mc-ai-b-b>div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .75rem 0 .75rem 0;
    border-bottom: 1px solid #eee;
}

.icon-cs-sell {
    background: #cc3f3f;
}

.mc-ai-b-b>div {
    padding: .75rem 0 .75rem 0;
    border-bottom: 1px solid #eee;
}

.mc-ai-hd {
    padding: .35rem 0;
    background: #efefef;
    text-align: center;
    color: #8b8b8b;
    font-size: .7rem;
}


.mc-ai-b-h {
    padding: .75rem;
    border-bottom: 1px solid #eee;
}

.mc-ai-b-h>a {
    padding: .2rem .5rem;
    background: #628ffb;
    color: #fff;
    font-size: .75rem;
    border-radius: 4px;
}

.mc-ai-b-h>span {
    padding: .2rem .5rem;
    background: #999999;
    color: #fff;
    font-size: .75rem;
    border-radius: 4px;
}

.icon-cs {
    display: inline-block;
    width: 1.8rem;
    height: 1.8rem;
    line-height: 1.8rem;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    font-style: normal;
    font-size: .75rem;
    vertical-align: top;
}

.ma-ai-stock {
    display: inline-block;
}

.icon-cs-buy {
    background: #628ffb;
}

.icon-cs-sell {
    background: #cc3f3f;
}

.icon-cs-add {
    background: #e98459;
}

.icon-cs-minus {
    background: #5caeb9;
}

.mc-ai-ss {
    display: block;
    margin-bottom: .25rem;
    font-size: .65rem;
    color: #999;
}

.mc-list li {
    position: relative;
}

.mc-list li a {
    display: block;
    padding: .75rem 2.5rem .75rem .75rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    border-bottom: 1px solid #eee;
}

.mc-list-time {
    position: absolute;
    right: .75rem;
    top: .85rem;
    font-size: .65rem;
    color: #999;
}

.bl-title-red {
    margin-left: .75rem;
    padding: 0 0 .75rem 0
}

.bl-title-red span {
    padding-left: .5rem;
    border-left: 2px solid #cc3131;
}

.flex_box {
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.font_vertical_red:before {
    content: '';
    display: inline-block;
    width: .15rem;
    height: .75rem;
    vertical-align: middle;
    background: #F5414D;
    margin-right: .125rem;
}

.font_vertical_red strong {
    vertical-align: middle;
}

.expect_price {
    padding: 0.5rem 0;
}

.flex-box .flex-cell:first-child,
.list-box .list.list-link .flex-cell:first-child {
    -webkit-flex-shrink: 1;
    -ms-flex: 0 1 auto;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    margin-left: 0;
    font-size: inherit;
    text-align: left;
}

.flex-box .flex-cell,
.list-box .list.list-link .flex-cell {
    white-space: nowrap;
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.expect_price_left {
    padding-right: 1.6rem;
    border-right: 1px solid #eee;
}

.f28 {
    font-size: .7rem !important;
}

.report_item_head {
    padding: 0.725rem 0.6rem;
}

.blue_line_title>span {
    position: relative;
    z-index: 1000;
    display: inline-block;
    color: #6893fb;
}

.stocks_analysis_head {
    height: 5rem;
    position: relative;
    padding: 0 0.6rem;
    padding-top: 1rem;
    background: url(../images/bg-style-top.png) no-repeat center/100% 5rem;
}

.stocks_analysis_content {
    border-radius: .5rem .5rem 0 0;
    margin-top: -1rem;
    padding-top: 0.5rem;
    background: #fff;
}

.border_top_none {
    border-top: none !important;
}

.report_inner_item .bg_gray_text {
    margin-top: .5rem;
}

.report_inner_item .bg_gray_text textarea {
    padding: 0.6rem;
    background: #F4F6FA;
    border: 1px solid #DEDEDE;
    border-radius: .25rem;
    width: 100%;
    resize: none;
    font-size: .75rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #2E2E2E;
    line-height: 1.05rem;
}

.gg_sub_options_list li label {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 0.5rem 0.6rem;
}

.gg_sub_options_list li {
    margin-bottom: 0.4rem;
}

.gg_sub_options_list li label>div:nth-child(1) {
    margin-right: .5rem;
}

.gg_sub_options_list li label>div:nth-child(1) i {
    vertical-align: inherit !important;
}

.gg_sub_options_list li label>div:nth-child(2) {
    width: 100;
}

.gg_sub_options_list li label>div:nth-child(2) p {
    font-size: .65rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #666666;
}

.bg_gray {
    background: #F4F6FA;
}

.gg_sub_options_list>li {
    margin-left: 0 !important;
}

.gg_sub_options_list .check_more_list {
    color: #0C88FC;
    font-size: .65rem;
    font-family: PingFang SC;
    font-weight: 500;
    background: none !important;
}

.gg_sub_options_list .check_more_list span {
    vertical-align: middle;
    margin-right: 0.125rem;
}

.gg_sub_options_list .check_more_list img {
    vertical-align: middle;
    width: .525rem;
    height: .3rem;
    vertical-align: middle;
}

.bg_fafa {
    background: #FAFAFA;
}

.practical_exercises_tabs {
    display: flex;
    background: #fff;
}

.practical_exercises_tabs a {
    flex: 1;
    display: inline-block;
    height: 2rem;
    background: #FFFFFF;
    border: 1px solid #F5414D;
    border-radius: .15rem;
    line-height: 2rem;
    text-align: center;
    font-size: .65rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #F5414D;
}

.practical_exercises_tabs a:nth-child(1) {
    border-radius: .15rem 0 0 .15rem;
}

.practical_exercises_tabs a:nth-child(2) {
    border-radius: 0 .15rem .15rem 0;
}

.practical_exercises_tabs a.active {
    font-size: .65rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
    background: #F5414D;
}

.practical_any_list li {
    background: #FFFFFF;
    border: 1px solid #EAEAEA;
    box-shadow: 0px .05rem .4rem 0px rgba(0, 0, 0, 0.08);
    border-radius: .25rem;
}

.practical_any_list li a {
    display: block;
    padding: 1.5rem 0.6rem 0.6rem 0.6rem;
    position: relative;
}

.practical_any_list li a .item_title_mask {
    font-size: .6rem;
    font-family: PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
    background: #F5414D;
    box-shadow: 0px .05rem .175rem 0px rgba(255, 2, 19, 0.19);
    border-radius: .25rem;
    padding: 0.05rem 0.2rem;
    position: absolute;
    left: 0;
    top: 0;
}

.practical_any_list li {
    margin-top: .5rem;
}

.practical_any_list li .list_item_bottom {
    text-align: center;
    padding: 0.725rem 0;
    border-top: 1px solid #EFEFEF;
}

.practical_any_list li .list_item_bottom button {
    width: 60%;
    height: 1.45rem;
    border: 1px solid #F5414D;
    border-radius: .725rem;
    background: none;
    font-size: .65rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #F5414D;
}

.practical_any_list li a .item_main_detail {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.practical_any_list li a .item_main_detail .left_part img {
    width: 2.05rem;
    height: 2.05rem;
    border-radius: .25rem;
}

.practical_any_list li a .item_main_detail .right_part {
    margin-left: .25rem;
}

.practical_any_list li a .item_main_detail .right_part .part_top {
    font-size: .9rem;
    font-family: PingFang SC;
    font-weight: bold;
    color: #2E2E2E;
}

.practical_any_list li a .item_main_detail .right_part .part_bottom {
    font-size: .6rem;
    font-family: PingFang SC;
    font-weight: 400;
    color: #8E8E8E;
}

.share_comments_box {
    width: 100%;
    padding: 0.725rem 0.6rem;
    background: #fff;
    position: fixed;
    left: 0;
    bottom: 0;
    box-shadow: 0px -.1rem .575rem 0px rgba(0, 0, 0, 0.08);
    border-radius: .75rem .75rem 0 0;
}

.report_inner_item.border_b_item {
    padding-bottom: .725rem;
    border-bottom: 1px solid #EFEFEF;
}

.report_inner_item {
    padding: 0 0 0 0.6rem;
    padding-bottom: 0px;
}

.input_text_select_box {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.zjl_chart_box {
    padding: 0.5rem 0.6rem;
}

.mt20 {
    margin-top: .5rem !important;
}

.zjl_chart_box {
    padding: 0.5rem 0.6rem;
}

.zjl_chart_box .chart_main {
    width: 100%;
    border-bottom: 1px solid rgba(204, 204, 204, 1);
    height: 2.25rem;
    position: relative;
}

.zjl_chart_box .chart_main .chart_part {
    position: absolute;
    width: 20%;
    text-align: center;
    height: 100%;
}

.chart_part.chart_00 {
    left: 0;
}

.chart_part.chart_01 {
    left: 20%;
}

.chart_part.chart_02 {
    left: 40%;
}

.chart_part.chart_03 {
    left: 60%;
}

.chart_part.chart_04 {
    left: 80%;
}

.zjl_chart_box .chart_main .chart_part .part_show {
    display: inline-block;
    width: 70%;
    position: absolute;
    left: 15%;
}

.chart_part.chart_positive .part_show {
    background: rgba(204, 49, 49, 1);
    bottom: 0;
}

.chart_part.chart_negative .part_show {
    background: #008000;
    bottom: -40%;
}

.chart_part.chart_01.chart_negative .part_show {
    bottom: -40%;
}

.chart_part.chart_00 .part_show {
    height: 100%;
}

.chart_part.chart_01 .part_show {
    height: 40%;
}

.chart_part.chart_02 .part_show {
    height: 40%;
}

.chart_part.chart_03 .part_show {
    height: 25%;
}

.chart_part.chart_04 .part_show {
    height: 15%;
}

.chart_part .part_nums {
    display: inline-block;
    width: 100%;
    position: absolute;
}

.chart_part.chart_positive .part_nums {
    color: #CC3131;
    font-size: .55rem;
    bottom: -1.1rem;
    left: 0;
}

.chart_part.chart_negative .part_nums {
    color: #008000;
    font-size: .55rem;
    bottom: 0rem;
    left: 0;
}

.zjl_chart_box .chart_dsc {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .55rem;
    color: #8E8E8E;
    padding-top: 2.3rem;
}

.zjl_chart_box .chart_dsc>div {
    flex: 1;
    text-align: center;
}

.report_inner_item.border_b_item {
    padding-bottom: .725rem;
    border-bottom: 1px solid #EFEFEF;
}

.report_inner_item {
    padding: 0 0 0 0.6rem;
    padding-bottom: 0px;
}

.black-666 {
    color: #666 !important;
}

.f26 {
    font-size: .65rem !important;
}

.quick_evaluation_popup {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    background: #fff;
    padding: 0.6rem;
    box-shadow: 0px -.15rem .4rem 0px rgba(57, 3, 7, 0.18);
    border-radius: .5rem .5rem 0 0;
}

.quick_evaluation_popup .popup_head {
    font-size: .75rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #2E2E2E;
}

.quick_evaluation_popup .popup_head img {
    width: 1.425rem;
    height: 1.4rem;
    margin: 0 0.5rem;
}

.quick_evaluation_popup .content_bottom_user {
    text-align: right;
}

.quick_evaluation_popup .content_bottom_user span {
    font-size: .65rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #8E8E8E;
}

.quick_evaluation_popup .content_bottom_user>span {
    margin-right: .125rem;
}

.quick_evaluation_popup .content_bottom_user img {
    width: .9rem;
    height: .9rem;
    border-radius: 50%;
    margin-right: .125rem;
}

.quick_evaluation_popup .popup_bottom {
    margin-top: 1.25rem;
}

.quick_evaluation_popup .popup_bottom button {
    border: none;
    font-size: .85rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
    height: 2.2rem;
    background: #F5414D;
    border-radius: .25rem;
    width: 100%;
}

.report_title_img img {
    width: 1rem;
    height: 1rem;
    margin-right: .15rem;
    vertical-align: sub;
}

.analysis_head_line img {
    width: .9rem;
    height: .9rem;
    vertical-align: middle;
    border-radius: 50%;
    margin-right: .25rem;
}

.analysis_head_line {
    padding: 0.25rem 0.6rem;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.3);
}

.analysis_head_line span {
    vertical-align: middle;
    font-size: .75rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
}

.blue_line_title>span::after {
    content: "";
    position: relative;
    display: inline-block;
    width: 80%;
    left: 10%;
    height: 0.5rem;
    background: #e2eafc;
    border-radius: .25rem;
    z-index: -1;
    bottom: 0.5rem;
}

p~p {
    margin-top: .6rem;
}

.span_reporter {
    background: rgba(0, 0, 0, 0.1);
    border-radius: .075rem;
    font-size: .7rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
}

.dialog-cl-tag {
    padding-top: 1rem;
    text-align: center;
}

.dialog-cl-tag span:nth-child(even) {
    margin-left: .5rem;
}

.dialog-cl-tag span {
    display: inline-block;
    width: 45%;
    margin-bottom: .75rem;
    background: #ffeee9;
    height: 5rem;
    text-align: center;
    line-height: 5rem;
    border: 1px solid #ffeee9;
    border-radius: .25rem;
}

.dialog-cl-tag span.active {
    border-color: #ff7043;
    color: #ff7043;
    background: #ffeee9;
}

.icon-blue-tip {
    display: inline-block;
    width: .75rem;
    height: .75rem;
    margin-right: .25rem;
    background: url("../images/icon-tip.png") no-repeat;
    -webkit-background-size: contain;
    background-size: contain;

}
.blue-tip-wrp{
    position: relative;
}
.blue-tip-wrp::after {
    content: '';
    position: absolute;
    top: 0;
    right: -1.4rem;
    width: 1rem;
    height: 1rem;
    margin-right: .25rem;
    background: url("../images/icon-tip.png") center no-repeat;
    -webkit-background-size: .75rem;
    background-size: .75rem;
}
.blue-tip-text{
    position: absolute;
  width: 275px;
  color: #fff;
  right: -1.5rem;
  background: rgba(0, 0, 0, .7);
  font-size: .7rem;
  top: 0;
  transform: translateY(-120%);
  box-shadow: 0 0 5px #ccc;
  text-align:  left;
  padding: .25rem .5rem;
}
.blue-tip-text::after {
    content: '';
    position: absolute;
    top: 100%;
    right: .5rem;
    width: 0;
    height: 0;
    border-top: .4rem solid rgba(0, 0, 0, .7);
    border-left: .4rem solid transparent;
    border-right: .4rem solid transparent;
}
.icon-red-tip {
    display: inline-block;
    width: .75rem;
    height: .75rem;
    margin-right: .25rem;
    background: url("../images/icon-5.png") no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    vertical-align: -10%;
}
.un-show-s {
    padding-left: 1rem;
    color: #ff7043;
}

.text-right {
    text-align: right;
}

.text-left {
    text-align: left;
}

.today-stock-lock {
    margin-top: .75rem;
    padding: .75rem 0;
    text-align: center;
    background: #999999;
    border-radius: .25rem;
    color: #ffffff;
}

.today-stock-lock>a {
    display: block;
    color: #ffffff;
}

.icon-locked {
    display: inline-block;
    width: .85rem;
    height: .85rem;
    margin-right: .25rem;
    background: url("../images/icon-lock.png") no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    vertical-align: -10%;
}

.vip-banner img {
    max-width: 100%;
}

.vip-btn-1 {
    margin: 2rem .75rem;
    padding: .5rem .75rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-image: linear-gradient(-178deg, #ff9639, #ff4d4d);
    color: #fff;
    border-radius: .25rem;
    font-size: .85rem;
}

.icon-phone-white {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    background: url("../images/cell-phone-white.png") no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.vip-btn-2 {
    background: #ffeee9;
    color: #ff7043;
    margin: 2rem .75rem;
    padding: .75rem;
    font-size: .85rem;
    text-align: center;
    border-radius: .25rem;
}

.sold-default {
    padding-top: 4rem;
}

.sold-default img {
    max-width: 40%;
}

.header-wx~.content {
    top: 0
}

.header-wx {
    display: none;
}

.hg-table {
    line-height: 1.2;
}
.hg-table-full td{
    border: 1px solid #efefef;
    padding: .25rem;
}
.hg-table thead {
    background: #efefef;
    color: #b6b6b6;
    font-size: .6rem;
}

.hg-table thead td {
    padding: .5rem 0;
    text-align: center;
}

.hg-table thead td:first-child,
.table-row-4>table>tbody>tr>td:nth-child(4n+1),
.table-row-5>tbody>tr>td:nth-child(5n+1) {
    padding-left: .75rem;
    text-align: left;
}

.table-row-4 td {
    width: 25%;
}

.table-row-5 td {
    width: 20%;
}

.hg-table thead td:last-child,
.table-row-4>table>tbody>tr>td:nth-child(4n+4),
.table-row-5>tbody>tr>td:nth-child(5n+5) {
    padding-right: .75rem;
    text-align: right;
}

.hg-table tbody td {
    padding: .5rem 0;
    text-align: center;
    border-bottom: 1px solid #efefef;
}

.hg-use-item {
    padding: 0 .75rem;
    margin-top: 1rem;
}

.use-ih {
    font-size: .9rem;
}

.use-ic {
    text-align: center;
}

.use-ic img {
    max-width: 100%;
}

.inx-use-wrp,
.inx-use-wrp1 {
    padding: .75rem .75rem 0 .75rem;
    color: #ff7043;
    text-align: right;
    font-size: .75rem;
}

.icon__red__wen,
.inx-use-wrp i {
    display: inline-block;
    width: .75rem;
    height: .75rem;
    background: url("../images/icon_wen.png") no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    margin-right: .2rem;
    vertical-align: -10%;
}

.inx-use-wrp1 i {
    display: inline-block;
    width: .75rem;
    height: .75rem;
    background: url("../images/people-icon.png") no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    margin-right: .2rem;
    vertical-align: -10%;
}

.hg-test-item {
    padding: 0 .75rem;
}

.hg-test-hd {
    display: flex;
    justify-content: space-between;
}

.hg-test-hd>div:nth-child(1)>span {
    line-height: 1;
    border-left: .2rem solid #c32526;
    padding-left: .5rem;
    color: #2e2e2e;
    font-size: .85rem;
}

.hg-test-hd>div:nth-child(2) {
    color: #c32526;
    font-size: .75rem;
}

.hg-test-list li {
    margin-top: .75rem;
    padding: .75rem;
    background: #fff;
    color: #666;
    font-size: .8rem;
    border-radius: .25rem;
}

.hg-test-list li.active {
    background: #ff7043;
    color: #fff;
}

.hg-test-result>h2 {
    text-align: center;
    font-size: .9rem;
    margin: 1rem 0;
}

.hg-test-cont {
    padding: 0 .75rem 1rem .75rem;
    color: #666;
}

.hg-test-j {
    margin-top: 1rem;
    display: flex;
    justify-content: space-between;
}

.hg-test-j input {
    border: none;
    border-bottom: 1px solid #505050;
    width: 8rem;
    text-align: right;
}

.hg-ti {
    margin-top: 1rem;
    padding-left: .75rem;
    padding-right: .75rem;
}

.hg-tib>div {
    margin-top: .75rem;
    padding: .5rem 0;
    background: #fff;
    box-shadow: 0 0 5px #ccc;
    text-align: center;
    border-radius: .25rem;
    color: #ff7043;
}

.hg-tib .active {
    background: #ff7043;
    color: #fff;
}

.vip-pi {
    margin-bottom: .75rem;
}

.vip-pi-hd {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .75rem;
}

.vip-pi-hd>span {
    line-height: 1;
    border-left: .2rem solid #b1001c;
    padding-left: .5rem;
    font-size: .9rem;
}

.vip-pi-hd>a {
    background: linear-gradient(45deg, #ff4707, #ff7748);
    font-size: .7rem;
    border-radius: .25rem;
    padding: .05rem .5rem;
    color: #fff;
}

.vip-pi-bd {
    margin: 0 .75rem;
    padding: .75rem;
    box-shadow: 0 0 5px #ccc;
    border-radius: .25rem;
}

.pl-chat-item-info {
    padding-left: 2.5rem;
    margin-top: .5rem;
    margin-bottom: .75rem;
    font-size: .7rem;
    color: #8e8e8e;
}

.pl-chat-line {
    position: relative;
    text-align: center;
    color: #bdbdbd;
    margin-bottom: .75rem;
}

.pl-chat-line:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    left: 0;
    top: .5rem;
    background: #e4e4e4;
}

.pl-chat-line span {
    position: relative;
    font-size: .7rem;
    background: #F0F4F7;
    padding: 0 .75rem;
}

/*.pl-chat-line span:before{
    position: absolute;
    content: "";
    width: 7rem;
    height: 1px;
    left: -8rem;
    top: .35rem;
    background: #bdbdbd;

}
.pl-chat-line span:after{
    position: absolute;
    content: "";
    width: 7rem;
    height: 1px;
    right: -8rem;
    top: .35rem;
    background: #bdbdbd;

}*/


.mu-item-tip {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 8px;
    color: #8e8e8e;
    font-size: 12px;
}

.mu-item-news {
    margin: 10px 0;
    padding: 8px 12px;
    background: #fff1f2;
    color: #444;
}

.mu-item-hd,
.mu-stock-item {
    display: flex;
    justify-content: space-between;
}

.mu-stock-item {
    margin-top: 10px;
}

.mu-item-hd {
    align-items: center;
}

.mu-stock-item {
    line-height: 1.8;
}

.mu-stock-tag {
    margin-top: 5px;
}

.mu-stock-tag span {
    display: inline-block;
    padding: 0 8px;
    background: #ffefea;
    color: #ff916e;
    font-size: 12px;
    border-radius: 5px;
}

.mu-stock-r {
    text-align: right;
}

.mu-stock-r>div:nth-child(1) {
    font-size: 17px;
}

.mu-stock-r>div:nth-child(2) {
    font-size: 10px;
    color: #999
}

.mu-stock-r>div:nth-child(3) {
    margin-top: 5px;
}

.mu-stock-r button {
    width: 80px;
}

.mu-item-tip {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mu-item-tip {
    margin-top: 8px;
    color: #8e8e8e;
    font-size: 12px;
}

.mu-stock-time {
    color: #444;
    font-size: 15px;
}

.mu-stock-det {
    font-size: 18px;
}

.mu-stock-det-sp {
    margin: 0 5px;
}

.icon-cz-data {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    background: url(../images/icon-n14.png) no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    vertical-align: -15%;
}

.icon-wen {
    display: inline-block;
    width: 1.2rem;
    height: 1.2rem;
    background: url("../images/icon-n4.png") center no-repeat;
    -webkit-background-size: 70%;
    background-size: 70%;
}

.icon-wen-small {
    width: .8rem;
    height: .8rem;
}

.mu-item-bd-shadow {
    position: relative;
    margin-top: 10px;
    padding: 5px 15px 15px;
    box-shadow: 0 0 8px rgba(0, 0, 0, .16);
}

.qj-wrp {
    padding: 1rem .75rem;
}

.qj-tabbar {
    text-align: center;
}

.qj-tabbar a {
    display: inline-block;
    padding: .25rem 1.5rem;
    border-radius: .25rem;
}

.qj-tabbar a.active {
    background: #ff7043;
    color: #fff;
}

.btn-default-gray {
    background: #d9d9d9 !important;
}

.qj-t {
    align-items: center;
    padding: 0 15px 8px 15px;
}

.qj-t h2 {
    margin: 0;
    font-size: 1rem;
}

.qj-btn {
    padding-left: .75rem;
}

.border-bottom {
    padding-bottom: .75rem;
    border-bottom: 1px solid #d9d9d9;
}

.qj-sy {
    padding: .75rem .2rem;
    font-size: .65rem;
    line-height: 2;
    color: #444;
}

.pink-tip-text {
    padding: .45rem .75rem;
    background: #ffefef;
    color: #f5414d;
    font-size: .65rem;
}

.stock-list-chart-tag span {
    display: inline-block;
    margin-right: .5rem;
    padding: .15rem .5rem;
    background: #f5f4f9;
    font-size: .7rem;
    border-radius: .25rem;
}

.stock-list-chart-tag .active {
    background: #ff7043;
    color: #fff;
}

.stock-table-block {
    padding: .75rem;
    background: #ededed;
}

.stock-table-wrp {
    background: #fff;
    border-radius: .25rem;
}

.stock-table-wrp>table td {
    padding: .5rem 0;
    text-align: center;
    line-height: 1.2;
}

.stock-table-wrp>table>thead>tr>td:nth-child(1),
.stock-table-wrp>table>tbody>tr>td:nth-child(1) {
    text-align: left;
    padding-left: .5rem;
}

.stock-table-wrp>table>thead>tr>td {
    font-size: .7rem;
}

.stock-table-wrp>table>thead>tr>td:nth-last-child(1),
.stock-table-wrp>table>tbody>tr>td:nth-last-child(1) {
    text-align: right;
    padding-right: .5rem;
}

.stock-table-wrp>table>tbody>tr>td {
    border-top: 1px solid #ededed;
}

.tab-toolbar a {
    color: #666 !important;
}

.tab-toolbar {
    display: flex;
    align-items: center;
    padding: .75rem 0 .25rem .75rem;
}

.tab-toolbar a {
    margin-right: .75rem;
}

.tab-toolbar a.active {
    color: #000 !important;
    border-bottom: 2px solid #b1001c !important;
    font-size: 1rem;
}

.triangle-top-left-orange {
    position: absolute;
    top: 1px;
    left: 1px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: .75rem .75rem 0 0;
    border-color: #ff7043 transparent transparent transparent;
}

.triangle-top-left-gray {
    position: absolute;
    top: 1px;
    left: 1px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: .75rem .75rem 0 0;
    border-color: #999 transparent transparent transparent;
}

.dialog-hd-bg {
    position: relative;
}

.dialog-hd-bg img {
    max-width: 100%;
    vertical-align: top;
}

.dialog-hd-bg .dialog-hd-bg-text {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 50%;
    color: #fff;
    font-size: 20px;
    transform: translateY(-50%);
}

.dialog-wrap-bg {
    padding: 0;
    background: none;
}

.dialog-wrap-bg .dialog-bd {
    padding: .75rem;
    background: #fff;
}

.g,
.green {
    color: #00b47f !important;
}

.r,
.red {
    color: #f5414d !important;
}

.rw-hd {
    background: #d8363b;
    color: #fff;
    padding: .75rem;
}

.rw-hd-title {
    margin-bottom: .5rem;
    font-size: 1rem;
    font-weight: bold;
    text-align: center;
}

.rw-bd {
    padding: .5rem .75rem;
}

.rw-bd h3,
.rw-bd h4 {
    margin: .75rem 0;
}

.rw-fd {
    padding: 0 .75rem;
    color: #999;
}

.mn-item {
    position: relative;
    padding: .75rem;
}

.mn-item-text {
    font-size: .75rem;
    color: #666;
}

.mn-fd {
    margin-top: .5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mn-fd .time {
    font-size: .6rem;
    color: #999;
}

.mn-fd-tip {
    color: #9c9c9c;
    font-size: .6rem;
}

.mn-item:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #f1f1f1;
}

.hg-news-cont-tag {
    margin-bottom: .1rem;
}

.hg-news-cont-tag span {
    display: inline-block;
    padding: 2px 5px;
    border-radius: 5px;
    background: #f5414d;
    color: #fff;
    font-size: .55rem
}

.hg-news-cont-tag .g {
    background: #00b47f;
    color: #fff !important;
}

.hg-news-cont-tag .f {
    background: #ccc;
}

.mn-item-title {
    color: #2e2e2e;
    font-size: .8rem;
    font-weight: bold;
}

.hg-news-cont-img {
    max-height: 6rem;
    overflow: hidden;
}

.icon-close-gray {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(../images/close-gray.png) center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    vertical-align: -20%;
}

.hg-news-cont-img img {
    max-width: 100%;
    margin-top: .5rem;
    vertical-align: top;
}

.icon-newss {
    width: .75rem;
    height: .75rem;
    background: url(../images/wenan@2x.png) no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    margin-right: 5px;
    vertical-align: -10% !important;
}

.modal-inner {
    background: #fff;
}


.modal-button-red {
    background: #e81e1e;
    color: #fff !important;
}

.jn-w {
    height: 100%;
    background: #fff0de url(../images/jn-2.jpg) left bottom no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.jn-wc {
    background: linear-gradient(#ffefe2, #fff0de);
}

.jn-wc-item {
    display: flex;
}

.jn-wc-item>a {
    flex: 1;
    text-align: center;
    padding: 10px 0;
}

.jn-wc-item>a>img {
    width: 5rem;
}

.zhi-w {
    height: 100%;
    background: #fff2e7 url(../images/jn-6.png) left bottom no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.zhi-head {
    position: relative;
}

.zhi-dc {
    position: absolute;
    display: flex;
    left: 0;
    width: 100%;
    align-items: center;
}

.zd-media img {
    width: 50px;
}

.zd-inner {
    color: #964648;
    font-size: 17px;
}

.zd-inner-star img {
    width: 17px;
    vertical-align: -10%;
}


.zhi-cont {
    position: relative;
    margin: 15px;
}

.zhi-cont-text {
    position: absolute;
    top: 25px;
    left: 0;
    width: 100%;
    writing-mode: vertical-rl;
    letter-spacing: 10px;
    font-size: 18px;
    color: #c02e34;
}

.chat-tc-item {
    min-width: 9rem;
    max-width: 13rem;
    border-radius: .5rem;
    box-shadow: 0 0 5px #ccc;
}

.chat-tc-hd {
    background: #D33A3B;
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
    text-align: center;
    color: #fff;
    padding: .5rem;
}

.chat-tc-list {
    min-height: 9.5rem;
    padding: .5rem 0;
    background: #fff;
    text-align: center;
}

.chat-tc-list-n li {
    padding: .5rem;
}

.icon-wen-red {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 5px;
    background: url(../images/icon-wen-red.png) no-repeat;
    vertical-align: -10% !important;
}

.fixed-back-home {
    position: fixed;
    right: 1rem;
    bottom: 3.5rem;
    width: 3rem;
}

.modal .item-text {
    height: auto !important;
}

.modal .list-block .item-content {
    padding-left: 0
}

.ro-wrap {
    height: 100%;
    background: #e9eef4;
    padding-bottom: 5rem;
    overflow-y: scroll;
}

.ro-header {
    position: fixed;
    z-index: 10;
    width: 100%;
    left: 0;
    top: 2.2rem;
}

.ro-header img {
    vertical-align: top
}

.ro-header-t>div {
    position: relative;
}

.ro-wrap img {
    vertical-align: top;
}

.ro-header-link {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.ro-header-link a {
    display: inline-block;
    float: left;
    width: 50%;
    height: 50%;
    text-indent: -9999px;
}

.ro-header-2 .ro-header-link a {
    height: 100%;
}

.ro-chat-item {
    position: relative;
    margin: .75rem;
}

.ro-head-more {
    background: #f2f2f2;
    padding: .15rem;
    text-align: center;
    font-size: .6rem;
    color: #666;
    box-shadow: 0 0 5px #ccc;
}

.ro-head-more-new {
    background-image: linear-gradient(#feeacf, #fef4e7);
    padding: .25rem .75rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: .65rem;
    color: #ff5b02;
}

.rc-item-left {
    padding: .5rem .75rem;
    background: #fff;
    max-width: 80%;
    border-top-right-radius: .5rem;
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem;
    color: #030303;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}

.rc-item-right {
    display: flex;
    justify-content: flex-end;
}

.rc-item-right .rc-item-inner {
    padding: .5rem .75rem;
    background: #fb9862;
    max-width: 80%;
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem;
    color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}

.ro-chat-iwr {
    position: relative;
}

.ro-chat-iwr a {
    position: absolute;
    width: 100%;
    height: 4rem;
    bottom: 0;
    left: 0;
}

.ro-head-more .icon {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.transform180deg {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.ro-chat-cont {
    border: 1px solid #fab06b;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    background: #fff;
    border-radius: .5rem;
}

.ro-cp-item {
    position: relative;
    margin: .5rem;
    padding: .35rem .5rem;
    border: 1px solid #ccc;
    color: #8e8e8e;
    border-radius: .5rem;
    font-size: .7rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.ro-chat-input {
    position: fixed;
    display: flex;
    align-items: center;
    width: 100%;
    left: 0;
    bottom: 0;
    height: 3rem;
    background: #e9eef4;
    z-index: 10000;
}

.ro-chat-type {
    position: relative;
    width: 100%;
    background: #fff;
    border-radius: 1rem;
    margin: .5rem .5rem .5rem .75rem;
    height: 2rem;
    line-height: 2rem;
    padding-left: 1.5rem;
}

.ro-chat-type i {
    position: absolute;
    left: .75rem;
    top: .95rem;
    width: .6rem;
    height: .6rem;
    background: url("../images/zhi-icon-06.png") no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.ro-chat-type input {
    width: 100%;
    border: none;
}

.ro-chat-input-btn {
    margin-right: .75rem;
    display: block;
    width: 2rem;
    height: 2rem;
    background: url("../images/zhi-icon-05.png") no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.ro-cp-title {
    padding: .5rem;
    color: #030303;
    border-bottom: 1px solid #efefef;
}

.ro-chat-stock {
    color: #2e2e2e;
}

.ro-cs-header {
    padding: .5rem;
    border-bottom: 1px solid #efefef;
}

.icon-light {
    width: .95rem;
    height: .95rem;
    margin-right: .2rem;
    background: url("../images/zhi-icon-01.png") no-repeat;
}

.icon-light-orange {
    width: .8rem;
    height: .8rem;
    background: url("../images/icon-34.png") no-repeat;
}

.dm-ow-hd {
    position: relative;
    color: #ff7043;
    padding-left: 1rem;
}

.dm-ow-hd i {
    position: absolute;
    top: .28rem;
    left: 0;
}

.dm-wrp {
    border: 2px solid #ffa879;
    padding: .5rem;
    border-radius: .5rem;
    box-shadow: 0 0 10px #cecece;
}

.dm-title {
    color: #ff7043;
}

.ro-cs-cont {
    padding: .5rem;
}

.ro-name-buy,
.ro-name-sell {
    display: inline-block;
    margin-right: .25rem;
    color: #fff;
    padding: 0 .25rem;
    border-radius: .25rem;
    font-size: .65rem;
}

.ro-name-buy {
    background: #cc3131;
}

.ro-name-sell {
    background: #008000;
}

.ro-cs-detail>div {
    display: flex;
    justify-content: space-between;
}

.ro-cs-detail>div>div>span {
    font-size: .65rem;
    color: #565656;
}

.ro-cs-text>div {
    color: #565656;
}

.ro-ci-header {
    display: flex;
    justify-content: space-between;
    padding: .5rem;
    color: #2e2e2e;
    font-size: .85rem;
    align-items: center;
}

.orange-tag {
    display: inline-block;
    background: #fb9862;
    color: #fff;
    border-radius: .2rem;
    font-size: .65rem;
    padding: 0 .25rem;
}

.orange-tag-empty {
    display: inline-block;
    color: #fb9862;
    border: 1px solid #fb9862;
    border-radius: .2rem;
    font-size: .65rem;
    padding: 0 .25rem;
}

.orange-tag-radius {
    display: inline-block;
    padding: .1rem .4rem;
    background: #fb9862;
    color: #fff;
    border-radius: 1rem;
    font-size: .7rem;
}

.ro-ci-t {
    padding: 0 .5rem .5rem;
    border-bottom: 2px solid #feead8;
}

.ro-ci-b {
    padding: .5rem;
}

.ro-ci-item-title {
    color: #fb9862;
}

.ro-ci-item {
    margin-bottom: .5rem;
}

.icon-ld {
    width: .9rem;
    height: .9rem;
    margin-right: .2rem;
    background: url("../images/zhi-icon-02.png") no-repeat;
}

.icon-yc {
    width: .9rem;
    height: .9rem;
    margin-right: .2rem;
    background: url("../images/zhi-icon-03.png") no-repeat;
}

.icon-jy {
    width: .9rem;
    height: .9rem;
    margin-right: .2rem;
    background: url("../images/zhi-icon-04.png") no-repeat;
}

.ro-cm-title {
    padding: .5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ro-cc-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ro-cm-cont {
    padding: .5rem;
}

.ro-cc-header span {
    color: #fb9862;
}

.ro-chat-ima {
    position: fixed;
    left: .75rem;
    right: .75rem;
    bottom: 3.5rem;
    max-height: 10rem;
    overflow-y: auto;
    background: #ffffff;
    border-radius: .5rem;
    z-index: 10000;
}

.ro-chat-ima ul li {
    height: 2.5rem;
    line-height: 2.5rem;
    white-space: nowrap;
    padding-left: .5rem;
    border-bottom: 1px solid #eaeaea;
}

.zhi-index-1,
.zhi-index-2 {
    position: absolute;
    max-width: 6rem;
}

.zhi-index-1 {
    top: 2rem;
    right: 0;
}

.zhi-index-2 {
    bottom: 0;
    left: 0;
}

.zhi-index-wrp {
    padding: 5rem 1rem 0;
}

.zhi-index-btn .btn {
    width: 100%;
    margin-top: 1.5rem;
    background: #fb9862;
    border-radius: 1.5rem;
}

.ro-chat-letter img {
    max-width: 5rem;
}

.ro-cl-tag {
    display: inline-block;
    background: #8c8f92;
    color: #fff;
    border: .5rem;
    font-size: .65rem;
    padding: 0 .25rem;
    border-radius: .5rem;
}

.ro-cp-sore {
    padding: .5rem;
}

.ro-sore-tag span {
    display: inline-block;
    padding: .25rem .5rem;
    margin: .35rem 0 0 .5rem;
    border: 1px solid #ccc;
    border-radius: .25rem;
    font-size: .65rem;
}

.ro-sore-tag>span:nth-child(1) {
    margin-left: 0;
}

.ro-sore-tag span.active {
    color: #ff7e38;
    border-color: #ff7e38;
}

.ro-sore-item {
    margin-bottom: .65rem;
}

.btn-orange-light {
    display: inline-block;
    padding: .5rem 0;
    background: #fb9862;
    width: 100%;
    color: #fff;
    border-radius: .25rem;
    text-align: center;
    font-size: .7rem;
}

.ro-chat-fixed-btn {
    /*   left: 0;
    position: fixed;
    right: .75rem;
    bottom: 4rem;
    text-align: right;*/
}

.ro-chat-fixed-btn>div {
    margin-top: .75rem;
    text-align: right
}

.ro-chat-fixed-btn a {
    display: inline-block;
    background: #fff6f1;
    padding: .25rem .75rem;
    color: #fb9862;
    border: 1px solid #fb9862;
    border-radius: 1rem;
}

.stock-detail-wrp {
    display: flex;
    flex-wrap: wrap;
    padding: 0 .75rem .75rem;
    color: #565656;
}

.stock-detail-wrp>.sdw-item:nth-child(3n+1) {
    margin-left: 0
}

.sdw-item {
    position: relative;
    width: 30%;
    margin-left: 5%;
    margin-top: .75rem;
    padding: .25rem 0;
    line-height: 1.3;
    text-align: center;
    border: 1px solid #fff;
    border-radius: .25rem;
    box-shadow: 0 0 5px #ccc;
}

.adw-item-tip {
    position: absolute;
    top: -.2rem;
    right: -.3rem;
    width: .6rem;
    height: .6rem;
    border-radius: 50%;
    background: #f8082f;

    z-index: 10;
    box-shadow: 0 0 5px #aaa;
}

.sdw-item.active {
    background: #fb9862;
    border-color: #fb9862;
    color: #fff;
}

.sdw-item.active .red,
.sdw-item.active .green {
    color: #fff !important;
}

.snw-title {
    padding: .75rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #efefef;
    margin-bottom: .75rem;
}

.stock-news-wrap {
    box-shadow: 0 -5px 10px rgba(0, 0, 0, .1);
    border-radius: .5rem;
}

.adw-item-name {
    font-size: .75rem;
}

.adw-item-num {
    font-size: .6rem;
}

.cancel-btn {
    display: inline-block;
    background: #999;
    color: #fff;
    font-size: .65rem;
    padding: .2rem .5rem;
    border-radius: 1rem;
}

.snw-k {
    margin: 0 0 .5rem;
    padding: 0 .75rem;
}

.snw-kt {
    line-height: 1;
}

.snw-kt>span:nth-child(2),
.snw-kt>span:nth-child(3),
.stock-num-tag span {
    margin-left: .3rem;
    background: #ffefe6;
    padding: 0 .25rem;
    border-radius: .25rem;
    font-size: .8rem;
}

.snw-kb {
    display: flex;
    justify-content: space-between;
    font-size: .65rem;
    align-items: center;
}

.snw-kb span {
    margin-right: .5rem;
    color: #8e8e8e;
}

.snw-list ul {
    margin-left: 3rem;
    padding-left: .75rem;
    margin-right: .75rem;
    border-left: 2px solid #ccc;
}

.snw-list-item {
    position: relative;
    margin-bottom: .75rem;
}

.snw-item-data {
    position: absolute;
    top: 0;
    left: -3rem;
    color: #2e2e2e;
    line-height: 1.1;
}

.snw-item-circle {
    position: absolute;
    top: 0;
    left: -1rem;
    width: .4rem;
    height: .4rem;
    border-radius: 50%;
    background: #2e2e2e;
}

.snw-item-data>div {
    font-size: 1.5rem;
}

.snw-item-inner {
    padding: .5rem;
    border-radius: .5rem;
}

.snw-item-dp {
    background: #fff6f1;
}

.snw-item-xh {
    background: #f2f2f2;
}

.item-inner-explain {
    background: #efe3fa;
    padding: .5rem;
    margin-top: .5rem;
    border-radius: .25rem;
}

.snw-item-gog {
    background: #fff1f3
}

.snw-item-cl {
    background: #eaf0ff;
}

.snw-inner-title {
    display: flex;
    margin-bottom: .25rem;
    justify-content: space-between;
    align-items: center;
    color: #2e2e2e;
}

.icon-dp {
    width: .9rem;
    height: .9rem;
    margin-right: .2rem;
    background: url("../images/icon-dp.png") no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.icon-gog {
    width: .9rem;
    height: .9rem;
    margin-right: .2rem;
    background: url("../images/icon-31.png") no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.icon-cls {
    width: .9rem;
    height: .9rem;
    margin-right: .2rem;
    background: url("../images/icon-cl.png") no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.icon-chxh {
    width: .9rem;
    height: .9rem;
    margin-right: .2rem;
    background: url("../images/icon-40.png") no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.icon-explain {
    width: .9rem;
    height: .9rem;
    margin-right: .2rem;
    background: url("../images/icon-41.png") no-repeat;
    -webkit-background-size: contain !important;
    background-size: contain !important;
}

.mine-item-list .icon-explain {
    height: auto !important;
    width: auto !important;
    padding-left: 2rem;
    background: url(../images/icon-5.png) no-repeat 0.625rem center !important;
    background-size: 1rem !important;
}

.mine-item-list .icon-zyry {
    height: auto !important;
    width: auto !important;
    padding-left: 2rem;
    background: url(../images/icon-52.png) no-repeat 0.625rem center !important;
    background-size: 1rem !important;
}

.snw-inner-cont {
    font-size: .75rem;
}

/*省略号*/
.ellipsis_text_03 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    word-break: break-all;
}
.ellipsis_text_02 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-break: break-all;
}
.row-ellipsis-3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    max-height: 3.375rem;
}

.row-ellipsis-2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.snw-border-bottom {
    padding-bottom: .5rem;
    margin-bottom: .5rem;
    border-bottom: 1px solid #dadada;
}

.stock-hq {
    padding: .75rem;
}

.stock-hq-hd {
    display: flex;
    justify-content: space-between;
}

.stock-hq-bd {
    display: flex;
}

.stock-hq-price {
    font-size: 2.5rem;
    line-height: 1;
}

.stock-hq-tag span {
    margin-left: .3rem;
    font-size: .65rem;
    color: #8E8E8E;
}

.ro-article-idea {
    position: relative;
    padding: .75rem .25rem;
    border-top: .45rem solid #efefef
}

.ro-article-mask {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    height: 10rem;
    background-image: -webkit-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .8) 20%, rgba(255, 255, 255, 1) 100%);
    background-image: -moz-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .8) 20%, rgba(255, 255, 255, 1) 100%);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .8) 20%, rgba(255, 255, 255, 1) 100%);
}

.ro-article-mask>div {
    position: absolute;
    bottom: 1rem;
    left: .75rem;
    right: .75rem;
}

.ro-chat-single {
    padding: .5rem;
}

.rcs-link {
    display: block;
    background: url("../images/i-list-chevron-right.png") right center no-repeat;
    /*    background-position: -webkit-calc(100% - .5rem) center;
    background-position: calc(100% - .5rem) center;*/
    background-size: .7rem;
}

.rcs-bd {
    margin-top: .5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 1.2;
}

.rcs-bd>div {
    text-align: center;
}

.btn-orange-sm {
    display: inline-block;
    background: #fb9862;
    padding: .2rem .75rem;
    border-radius: 1rem;
    color: #fff;
    font-size: .65rem;
}

.button-radius-bg {
    display: inline-block;
    width: 60%;
    height: 2.4rem;
    border-radius: 2rem;
}

.btn-gray-sm {
    display: inline-block;
    background: #8c8f92;
    color: #fff;
    font-size: .6rem;
    padding: 0 .45rem;
    border-radius: .5rem;
}

.rcs-num {
    font-size: 1.2rem;
}

.rcs-text {
    font-size: .65rem;
    color: #8e8e8e;
}

.ro-chat-more {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    background: #fff;
    max-height: 60%;
    overflow-y: auto;
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
    box-shadow: 0 -5px 10px rgba(0, 0, 0, .1);
    z-index: 10001;
}

.ro-chat-more-hd {
    position: fixed;
    left: .75rem;
    right: .75rem;
    height: 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #ffffff;
}

.rcm-close-btn {
    display: inline-block;
    width: 1.2rem;
    height: 1.2rem;
    background: url("../images/close-gray.png") no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.ro-chat-more-bd {
    padding: 0 .75rem;
}

.ro-chat-more-bd {
    margin-top: 2rem;
}

.ro-chat-more-bd .ro-chat-cont {
    margin-bottom: .5rem;
}

.ro-chat-letter-dia {
    position: absolute;
    top: 20%;
    left: 5%;
    right: 5%;
    z-index: 10002;
}

.rcl-img {
    max-width: 100%;
}

.ro-chat-letter-mask {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 10001;
}

.rcl-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.rct-text-user {
    font-weight: bold;
    padding: 1.4rem 0 0 2.4rem;
}

.rct-text-cont {
    padding: 0 2.4rem;
    font-size: .75rem;
    line-height: 1.8;
}

.rct-text-fd {
    padding-right: 2.4rem;
    text-align: right;
    font-size: .75rem;
}

.rct-text-fd img {
    width: .85rem;
    height: .85rem;
    margin-right: .25rem;
    vertical-align: -5%;
}

.rct-btn {
    position: absolute;
    width: 100%;
    bottom: -2rem;
    left: 0;
    text-align: center;
}

.rct-btn a {
    display: inline-block;
    background: #fb9862;
    color: #fff;
    border-radius: 1rem;
    padding: .25rem 1.5rem;
}

.user-stock-detail {
    display: flex;
    padding: .5rem 0;
    background-image: linear-gradient(#fbb162, #f08449);
    color: #fff;
}

.user-stock-detail>div {
    flex: 1;
    text-align: center;
}

.usd-title {
    font-size: .6rem;
}

.icon-white-edit {
    width: 1rem;
    height: 1rem;
    background: url("../images/icon-white-eidt.png") center no-repeat;
    -webkit-background-size: 60%;
    background-size: 60%;
    vertical-align: -35%;
}

.zhi-fixed-btn {
    position: relative;
    margin-top: 2rem;
    padding-left: .75rem;
    padding-bottom: .75rem;
    display: flex;
    align-items: flex-end;
}

.zfb-l {
    width: 100%;
}

.zfb-r img {
    width: 4rem;
    vertical-align: bottom;
}

.zfb-rt {
    position: absolute;
    top: -2.5rem;
    right: .75rem;
    color: #fb9862;
    padding: 0 .5rem;
    border-radius: .25rem;
    height: 2rem;
    line-height: 2rem;
    background: rgba(0, 0, 0, .8);
    font-size: .65rem;
}

.std-tip {
    padding: 0 .75rem .75rem .75rem;
    font-size: .65rem;
}

.triangle-bottom {
    position: absolute;
    right: .95rem;
    bottom: -10px;
    width: 0;
    height: 0;
    border-top: 10px solid rgba(0, 0, 0, .8);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 0;
}

.ro-chat-wrap {
    margin-top: 6.5rem
}

.disabled {
    color: #efefef !important;
    background: #c8c9cb !important;
    border-color: #c8c9cb !important;
}

.ro-co-mood-icon {
    width: 1.4rem;
    margin-left: .35rem;
}

.index-title-news {
    padding: .75rem 0;
    margin: .5rem;
    font-family: "Adobe 黑体 Std R";
    text-align: center;
    color: #ff4c14;
    background: url("../images/title-hd-bg.png") no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    border-radius: .5rem;
}

.index-title-news button {
    margin-top: .5rem;
    border-radius: .5rem;
    padding: .25rem .75rem;
}

.chat-tc-deal>li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .5rem;
}

.ctd-l {
    display: flex;
    align-items: center;
    margin-right: 1rem;
    color: #2e2e2e;
}

.ctd-l .icon {
    width: 1.8rem;
    height: 1.8rem;
    margin-right: .25rem;
    background-size: contain;
}

.ctd-box {
    border: 2px solid #c32526;
    border-radius: .25rem;
    width: 100%;
}

.ctd-box-hd {
    padding: .5rem;
    text-align: center;
    font-size: .9rem;
}

.ctd-box-form {
    padding: 0 .5rem .5rem .5rem
}

.buttons-tab-ctd {
    background: #fff3f3;
    color: #c32526;
}

.ctd-box-form select,
.ctd-box-form input {
    border: 1px solid #a3a3a3;
    padding: .5rem;
    border-radius: .25rem;
}

.ctd-input-wrp {
    position: relative;
}

.ctd-input-ima {
    position: absolute;
    width: 100%;
    left: 0;
    top: 2.2rem;
    background: #fff;
    z-index: 100;
    box-shadow: 0 0 5px rgba(0, 0, 0, .15);
    border-radius: .25rem;
}

.ctd-input-text {
    position: relative;
}

.ctd-input-text span {
    position: absolute;
    right: .5rem;
    top: .5rem;
}

.ctd-input-ima li {
    padding: .25rem .5rem;
    border-bottom: 1px solid #efefef;
}

.buttons-tab-ctd .button {
    bottom: 0
}

.buttons-tab-ctd .active {
    color: #fff !important;
    background: #c32526;
}

.ctd-box {
    background: #ffffff;
}

.ctd-c-mood {
    text-align: center;
    padding: .5rem;
}

.ctd-c-mood>a {
    display: inline-block;
    height: 4rem;
    width: 4rem;
    padding-top: .65rem;
    text-align: center;
    border: 1px solid #fff;
    border-radius: .25rem;
    line-height: 1.2;
}

.ctd-c-mood>a:nth-child(1) {}

.ctd-c-mood>a img {
    width: 1.5rem;
}

.ctd-c-mood>a.active {
    border-color: #c32526;
    background: #fff2ee;
    color: #c32526;
}

.ctd-c-mood-input {
    padding: .25rem .75rem;
}

.ctd-c-mood-input input {
    border: 1px solid #a3a3a3;
    width: 100%;
    padding: .5rem;
    border-radius: .25rem;
}

.ro-chat-gradient {
    position: relative;
    background-image: linear-gradient(60deg, #f9bb70, #fb9862);
    border-radius: .5rem;
}

.tr-red-tag {
    position: absolute;
    right: 1px;
    top: 1px;
    padding: .05rem .45rem;
    font-size: .6rem;
    background: #ff5a5a;
    color: #fff;
    border-top-right-radius: .25rem;
    border-bottom-left-radius: .5rem;
}

.ro-cg-hd {
    color: #fff;
    padding: .5rem 0;
    margin: 0 .5rem;
    border-bottom: 1px solid #fff;
}

.ro-cg-bd {
    padding-bottom: .5rem;
}

.ro-cg-item {
    position: relative;
    display: flex;
    align-items: center;
    padding: .5rem;
    margin: .5rem .5rem 0 .5rem;
    background: #fff;
    border-radius: .25rem;
}

.ro-cg-item-tip {
    padding: .25rem .5rem 0 .5rem;
    color: #fff;
    font-size: .65rem;
}

.ro-chat-stw {
    padding: .25rem;
    border-radius: .5rem;
    font-family: "Adobe 黑体 Std R";
}

.ro-stw-hd {
    background-image: linear-gradient(#fffefc, #ffe7c7);
    color: #ff600a;
    font-size: 1.2rem;
    text-align: center;
    height: 3rem;
    line-height: 3rem;
}

.ro-stw-hd img {
    width: 2rem;
    vertical-align: -25%;
    margin-right: .5rem;
}

.ro-stw-bd {
    padding: .75rem 0;
    background: #fff;
    text-align: center;
    line-height: 1.2;
}

.ro-stw-bd button {
    background-image: linear-gradient(#ffa162, #ff6e1e);
    color: #fff;
    font-size: 1rem;
    border: none;
    padding: .5rem 3rem;
    border-radius: 1.5rem;
    box-shadow: 0 0 5px #ffaa76;
}

.sr-title {
    display: flex;
    font-family: "Adobe 黑体 Std R";
    justify-content: space-between;
    color: #fff;
    align-items: baseline;
    line-height: 1;
    padding: 15px;
}

.rs-item {
    margin: 0 15px 15px 15px;
    background: #fff;
    border-radius: 5px;
}

.rs-item-close {
    position: relative;
    margin: 0 15px;
    background: #fff;
    border-radius: 5px;
}

.rs-item-close:after {
    position: absolute;
    content: "";
    height: 1px;
    width: 90%;
    left: 5%;
    bottom: 0;
    border-bottom: 1px dashed #ccc;
}

.rs-item-close .text-list-default {
    border-bottom: none
}

.tld-hd-lb span {
    border-left: 2px solid #b1001c;
    padding-left: 6px;
}

.tld-hd-lb img {
    margin-left: 4px;
    width: 18px;
}

.text-list-default {
    padding: 15px;
    border-bottom: 1px solid #efeff4;
}

.tld-hd {
    font-size: 16px;
    color: #454545;
    font-family: "Adobe 黑体 Std R";
}

.tld-bd {
    margin-top: 2px;
    font-size: 13px;
    color: #666;
    line-height: 1.6;
}

.tab-full-bar {
    display: flex;
    padding: 4px;
    background: #ffffff !important;
}

.tab-full-bar>a {
    flex: 1;
    padding: 10px 0;
    color: #999;
    border-radius: 5px;
    text-align: center;
}

.tab-full-bar a.active {
    background: #f5414d;
    color: #fff !important;
}

.icon-001,
.icon-002,
.icon-003,
.icon-004,
.icon-005,
.icon-006 {
    width: 16px;
    height: 16px;
    margin-right: 4px;
    vertical-align: -10% !important;
}

.icon-001 {
    background: url("../images/010-icon-01.png") no-repeat;
}

.icon-002 {
    background: url("../images/010-icon-02.png") no-repeat;
}

.icon-003 {
    background: url("../images/010-icon-03.png") no-repeat;
}

.icon-004 {
    background: url("../images/010-icon-04.png") no-repeat;
}

.icon-005 {
    background: url("../images/010-icon-05.png") no-repeat;
}

.icon-006 {
    background: url("../images/010-icon-06.png") no-repeat;
}

.yellow-btn {
    background: #ffe57c;
    color: #ff3a3a;
    border: none;
    padding: 5px 10px 6px 15px;
    border-radius: 15px;
    width: auto;
}

.button-pink-sm {
    background: #f5414d;
    color: #fff;
    border: none;
    padding: 5px 10px 6px 15px;
    border-radius: 15px;
    width: auto;
}

.service-fixed-btn {
    position: fixed;
    right: 15px;
    bottom: 60px;
}

.service-fixed-btn img {
    max-width: 240px;
}

.ro-stw-bd img {
    width: 1.2rem;
    margin-right: .25rem;
    vertical-align: -20%
}

.ro-cg-item.active {
    background: #ffeedd
}

.ro-cg-item.active .tr-red-tag {
    background: #fff;
    color: #999
}

.ro-cg-media {
    margin-right: .25rem
}

.icon-ctd-1 {
    background: url("../images/icon-19@2x.png") no-repeat;
}

.icon-ctd-2 {
    background: url("../images/icon-20@2x.png") no-repeat;
}

.icon-ctd-3 {
    background: url("../images/icon-21@2x.png") no-repeat;
}

.icon-ctd-4 {
    background: url("../images/icon-22@2x.png") no-repeat;
}

.ctd-inner>div:nth-child(2) {
    color: #8e8e8e;
    font-size: .65rem
}

.fa-item-inner {
    display: flex;
    align-items: center;
}

.fa-item-inner input[type="text"] {
    width: 100%;
    border: 1px solid #bfbfbf;
    border-radius: .25rem;
    padding: .5rem;
}

.fa-item {
    padding: .75rem;
    border-bottom: 1px solid #efefef;
}

.fa-item-select {
    position: relative;
    width: 100%;
    border: 1px solid #bfbfbf;
    border-radius: .25rem;
    padding: .5rem;
    line-height: 1.2;
    background: url("../images/010-icon-07.png") 97% center no-repeat;
    background-size: .7rem;
}

.fa-item-list {
    display: none;
    position: absolute;
    width: 100%;
    left: 0;
    top: 3.2rem;
    background: #fff;
    box-shadow: 0 0 10px #9f9f9f;
    border-radius: .25rem;
}

.fa-item-list li {
    padding: .5rem;
    border-bottom: 1px solid #efefef;
}

.fa-item-inner label {
    width: 6rem
}

.snw-inner-report {
    padding: .5rem .75rem;
    border: 3px solid #bbceff;
    border-radius: .25rem;
    background: #f6f9ff;
}

.snw-report-hd {
    font-family: "Adobe 黑体 Std R";
}

.icon-blue-book {
    width: .8rem;
    height: .8rem;
    margin-right: .25rem;
    background: url("../images/book-eidt-icon.png") no-repeat;
}

.hg-cover {
    display: none;
    position: absolute;
    width: 0;
    height: 0;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border: 0 solid #000;
    opacity: .75;
    filter: alpha(opacity=75);
    z-index: 9;
    /* 过渡效果 */
    transition: all .25s;
    /* 边缘闪动问题fix */
    box-shadow: 0 0 0 100px #000;
    overflow: hidden;
}

.btn-gz-btn,
.btn-cancel-gz-gray {
    padding: .25rem 0;
    width: 4rem;
    text-align: center;
    border-radius: 5px;
    border: none;
    color: #fff;
}

.btn-gz-btn {
    background: #f5414d
}

.btn-cancel-gz-gray {
    background: #d9d9d9
}

.stock-fixed-btn {
    position: fixed;
    bottom: .75rem;
    left: 0;
    right: 0;
}

.btn-yellow-full {
    background: #ff7043;
}

.ms-dia {
    position: fixed;
    bottom: .75rem;
    left: .75rem;
    right: .75rem;
    box-shadow: 0 0 8px #bababa;
    background: #fff;
    border-radius: 5px;
}

.ms-hd {
    font-size: 1rem;
    font-family: "Adobe 黑体 Std R";
    padding: .5rem 0;
    text-align: center;
}

.ms-bd {
    padding: 0 .5rem .5rem .5rem;
}

.msq-item-bd {
    display: flex;
    flex-wrap: wrap;
}

.msq-item-bd span {
    padding: .25rem .5rem;
    margin-right: .5rem;
    margin-top: .25rem;
    background: #e9e9e9;
    color: #444;
    font-size: .7rem;
    border-radius: .2rem;
}

.msq-item-bd span.active {
    background: #f5414d;
    color: #ffffff;
}

.msq-item {
    margin-bottom: .75rem;
}

.ms-close-btn {
    position: absolute;
    width: 2rem;
    height: 2rem;
    top: 0;
    right: 0;
    background: url("../images/close-gray.png") center no-repeat;
    -webkit-background-size: 50%;
    background-size: 50%;
}

.ms-list-item {
    margin: 0 .5rem .5rem .5rem;
    padding: .5rem;
    border: 2px solid #ffded4;
    border-radius: .5rem;
}

.ms-list-item-hd>a {
    display: block;
    margin-bottom: .5rem;
    font-size: .75rem;
    background: url("../images/i-list-chevron-right.png") right center no-repeat;
    background-size: .75rem;
}

.ms-list-item-bd {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ms-list-item-bd>div {
    flex: 1;
    line-height: 1;
}

.ms-list-item-bd>div:nth-child(3n+2) {
    text-align: center
}

.ms-list-item-bd>div:nth-child(3n+3) {
    text-align: right
}

.ms-item-btn {
    display: inline-block;
    background: #ff7043;
    color: #fff;
    border-radius: 1rem;
    padding: .25rem .75rem;
}

.ms-stock-list {
    max-height: 400px;
    overflow-y: scroll;
}

.index-banner-time {
    position: relative;
}

.ibt-wrp {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.ibt-wrp-inner {
    padding-left: 7rem;
    color: #ffffff;
}

.ibt-wt {
    display: flex;
    padding-top: .35rem;
    padding-right: .5rem;
    justify-content: space-between;
    font-size: .7rem;
}

.ibt-wt-btn {
    background: #ffbd56;
    color: #333;
    border: none;
    border-radius: .25rem;
    font-size: .7rem;
}

.ibt-wb {
    margin-top: -.55rem;
    line-height: 1;
    padding-left: .75rem;
}

.ibt-wt-btn-text {
    margin-top: .25rem;
    font-size: .65rem;
    color: #ff7043;
}

.ibt-all-time {
    font-size: 1.375rem;
    font-weight: 600;
    margin-right: .5rem;
}

.ibt-time-left-text {
    margin-top: .2rem;
    color: #ffbd56;
    font-size: .6rem;
}

.buttons-tab-red {
    background: #eeeeee !important;
    padding: .25rem;
}

.buttons-tab-red a {
    color: #333 !important;
}

.buttons-tab-red .active {
    background: #c32526;
    color: #fff !important;
    border-radius: .25rem;
}

.mn-itt-blue,
.mn-itt-yellow,
.mn-itt-pink {
    display: inline-block;
    padding: .05rem .35rem;
    color: #fff;
    font-size: .65rem;
    border-radius: .25rem;
    margin-right: .25rem;
}

.mn-itt-blue {
    background: #628ffb
}

.mn-itt-yellow {
    background: #ff9900
}

.mn-itt-pink {
    background: #ff6497
}

.tag-gray {
    display: inline-block;
    font-size: .65rem;
    background: #f0f0f0;
    color: #999;
    padding: .05rem .35rem;
    border-radius: .25rem;
}

.orange-jb-btn {
    display: inline-block;
    background: linear-gradient(to bottom, #ffa963, #ff6e41);
    color: #fff;
    border-radius: .25rem;
    padding: .25rem .75rem .35rem;
    text-align: center;
}

.orange-jb-btn span {
    display: block;
    font-size: .65rem;
    color: #ffe25d;
    line-height: 1;
}

.orange-jb-btn span i {
    width: .6rem;
    height: .6rem;
    margin-right: .15rem;
    background: url("../images/icon-33.png") no-repeat;
    background-size: contain;
}

.yb-img-wrp {
    position: relative;
    margin: .75rem .75rem 0;
}

.yb-img-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.yb-text-inner {
    padding: .5rem .75rem;
    color: #fff;
}

.yb-ti-hd i {
    display: inline-block;
    width: .75rem;
    height: .75rem;
    margin-right: .25rem;
    background: url("../images/icon-36.png") no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    vertical-align: -10%;
}

.snw-fre-list {
    display: flex;
    justify-content: space-between;
}

.snw-fre-inner-text {
    word-break: break-all;
    word-wrap: break-word;
}

.snw-fre-inner {
    width: 100%;
}

.snw-fre-media img {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
}

.snw-fre-inner-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.snw-fre-name {
    color: #999;
    font-size: .7rem;
}

.snw-fre-btn {
    display: inline-block;
    padding: .05rem .5rem;
    background: #ff7043;
    color: #fff;
    border-radius: 1rem;
    font-size: .7rem;
}

.deal-detail-wrp {
    position: relative;
}

.deal-detail-wrp img {
    vertical-align: top
}

.deal-wrp-inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    display: flex;
    color: #fff;
    height: 100%;
}

.deal-wrp-inner>div {
    width: 100%;
    text-align: center;
    margin: auto 0;
}

.deal-wrp-inner-title {
    font-size: .8rem;
    font-family: "Adobe 黑体 Std R";
}

.deal-detail-wrp-ft {
    display: flex;
    justify-content: space-between;
    background: #fff;
    padding: .5rem;
    font-size: .7rem;
}

.danmu {
    height: 20px;
    line-height: 20px;
    display: block;
    font-size: 12px;
}

.dm-inner>div span {
    font-size: .7rem;
    padding: .1rem .75rem;
    border-radius: 1rem;
}

.dm-inner>div:nth-child(3n+1) span {
    background: #ffe0e0
}

.dm-inner>div:nth-child(3n+2) span {
    background: #e3ebff
}

.dm-inner>div:nth-child(3n+3) span {
    background: #ffead4
}

.drop-btn-dir {
    position: relative;
    padding-left: 1.5rem;
}

.drop-btn-dir:after {
    position: absolute;
    top: -.15rem;
    left: 0;
    content: "收起";
}

.drop-btn-dir.drop-btn-transform:after {
    top: -0.05rem;
    content: "展开";
}

.drop-btn-dir.drop-btn-transform i {
    transform: rotate(180deg);
}

@media only screen and (min-width:414px) {
    .te-card-item {
        min-height: 5.5rem;
    }
}

@media screen and (min-width: 400px) {
    .zhi-dc {
        top: 25px;
    }

    .zhi-cont-text {
        line-height: 3.8;
    }

    .zd-media img {
        margin: 0 15px 0 30px;
    }
}

@media screen and (max-width: 375px) {
    .zhi-dc {
        top: 20px;
    }

    .zhi-cont-text {
        line-height: 3.4;
    }

    .zd-media img {
        margin: 0 10px 0 20px;
    }

    .pl-chat-input-r {
        /*  width: 15rem;*/
    }
}

.pl-chat-input__tip{
    display: flex;
    background: #ED434324;
    font-size: .7rem;
    padding:  .25rem 1.5rem .25rem .25rem !important;
}
.pl-chat-input__tipl{
    width: 3.4rem;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    color: rgb(204, 49, 49);
}
.pl-chat-input__tipl i{
    width: 1rem;
    height: 1rem;
    background: url(../images/icon-5.png) no-repeat;
    background-size: contain;
    margin-top: 0;
    margin-right: .2rem;
}
.pl-chat-input__scroll_text_wrp{
    position: relative;
    width: 100%;
    min-width: 0;
    overflow: hidden;

}
.pl-chat-input__scroll_text{
    /* position: absolute; */
    white-space: nowrap;
    /* animation: marquee 10s linear infinite; */
    -webkit-animation: slide-left 10s cubic-bezier(0.250, 0.460, 0.450, 0.940) both infinite; 
	        animation: slide-left 10s cubic-bezier(0.250, 0.460, 0.450, 0.940) both infinite;
}
.r_waitting_img img {
    width: 6.25rem;
    height: auto;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    border-top-right-radius: .5rem;
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem;
}




#maskContent {
    padding: 5px;
    position: fixed;
    z-index: 10000;
    display: inline-block;
    background-color: #fff;
}

.guide-step-1,.guide-step-2, .guide-step-3{
    font-size: .75rem;
    text-align: center;
}

.guide-step-1 i, .guide-step-2 i {
    position: relative;
    display: inline-block;
    width: 1.2rem;
    height: 1.2rem;
    -webkit-background-size: contain;
    background-size: contain;
}

.guide-step-1 div,.guide-step-2 div {
    position: relative;
    font-size: .6rem;
    color: #666;
}
.guide-step-3 i {
    position: relative;
    display: inline-block;
    width: 1.2rem;
    height: 1.2rem;
    -webkit-background-size: contain;
    background-size: contain;
}

.guide-step-3 div {
    position: relative;
    /* font-size: .6rem; */
    color: #666;
}
.maskContJs {
   
    position: absolute;
    /*top: 240px;*/
    left: 12%;
    z-index: 10000;
}

.maskContJs img {
    max-width: 90%;
}
.maskBtnWrt{
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 2rem;
    display: flex;
}
.maskContText4 .maskBtnWrt{
bottom: .5rem;
}
.maskContJs a {
    
    height: 2rem;
   
 
    text-indent: -9999px;
}
.maskBtnWrt > a:nth-child(1){
    flex: 3;
}
.maskBtnWrt > a:nth-child(2){
    flex: 2;
}
.maskContText1 {
    display: none;
    position: absolute;
   
    left: 22%;
    z-index: 10000;
}

.maskContText1>img {
    max-width: 90%;
}

.maskContText1  a:nth-child(1) {
 flex: 1;
}
.maskContText1  a:nth-child(2) {
    flex: 1;
   }
   .maskContText4  a:nth-child(1) {
    flex: 1;
   }
   .maskContText4  a:nth-child(2) {
       flex: 1;
      }
.maskContText2 {
   display: none;
    position: absolute;
    top: 240px;
    left: 12%;
    z-index: 10000;
}
.maskContText3{
    display: none;
}
.maskContText4{
    display: none;
}
.maskContText5{
    display: none;
}
.maskContText4 img,.maskContText5 img{max-width: 100%;}
.maskContText2 > img{max-width: 95%;}
.maskContText2 a {
    
}
.mask-guide-top {
    margin-left: -20%;
    margin-bottom: 30px;
}

.mask-guide-top>img:nth-child(1) {
    -webkit-animation: slide-in-blurred-left 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
    animation: slide-in-blurred-left 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
    max-width: 20%;
}

.mask-guide-top>img:nth-child(2) {
    -webkit-animation: slide-in-blurred-right 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
    animation: slide-in-blurred-right 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
    max-width: 75%;
}

#maskContent .guide-step-5,#maskContent .guide-step-6 {
    position: relative;
    display: table-cell;
    width: 1%;
    height: 2.5rem;
    color: #929292;
    text-align: center;
    vertical-align: middle;
}

#maskContent .guide-step-5 .badge,#maskContent .guide-step-6 .badge {
    display: none;
    position: absolute;
    top: -.2rem;
    right: -.2rem;
}

#maskContent .guide-step-5 .tab-label,#maskContent .guide-step-6 .tab-label {
    position: relative;
    display: block;
    font-size: .55rem;
}

#maskContent .guide-step-5 .icon-cl,#maskContent .guide-step-6 .icon-tg {
    top: .15rem;
    width: 1.2rem;
    height: 1.2rem;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 1.2rem;
    line-height: 1.2rem;
    
}
#maskContent .guide-step-5 .icon-cl{
    background: url("../images/icon_celue_1.png") no-repeat;
    background-size: contain;
}
#maskContent .guide-step-6 .icon-tg {
    background: url("../images/celve-icon.png") no-repeat;
    background-size: contain;
}
.snw-fre-cont-chat,
.snw-fre-cont-chat .snw-fre-inner {
    width: 100%;
}
.sell-circle-text-tip{
    display: inline-block;
    width: 1rem;
    height: 1rem;
    text-align: center;
    line-height: 1rem;
    border-radius: 50%;
    background: #008000;
    color: #fff;
    font-size: .75rem;
}

.zg-report-dialog {
    position: absolute;
    width: 80%;
    left: 10%;
    top: 20%;
    z-index: 10000;
}

.zg-report-dialog>img {
    max-width: 100%;
}

.zg-report-text {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
}

.zg-banner-step {}

.zg-banner-step>img {
    max-width: 100%;
    vertical-align: top;
}

.zg-banner-step-1 .zg-bs-cont {
    min-height: 10rem;
}

.zg-bs-title {
    padding-top: 2rem;
    display: flex;
    color: #ff8555;
    align-items: center;
    padding-left: 2rem;
}

.zg-banner-step-1 {
    background: url(../images/012-index-banner-01.png) no-repeat;
    background-size: cover;
}

.zg-banner-step-2 {
    position: relative;
    display: flex;
    min-height: 9rem;
    background: url(../images/012-index-banner-02.png) no-repeat;
    background-size: cover;
}

.zg-step-l {
    position: relative;
    width: 7rem;
    flex-grow: 0;
    flex-shrink: 0;
}

.zg-step-r {
    min-width: 0;
    margin-left: 1rem;
    padding-top: .75rem;
    overflow: hidden;
}

.zg-step-rt {
    margin-top: .5rem;
    padding-left: .5rem;
    border-left: 3px solid #ffbd56;
    line-height: 1.2;
    font-size: .75rem;
}

.icon-jiedu {
    width: 1rem;
    height: 1rem;
    background: url(../images/icon-44.png) no-repeat;
}

.zg-step-rb {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.cl-step-wrp {
    margin-top: .5rem;
    padding: 0 .75rem 2rem 2rem;
    position: relative;
}

.cl-step-wrp>img {
    max-width: 100%;
    vertical-align: top;
}

.zg-step-l img {
    position: absolute;
    width: 1.75rem;
    left: .5rem;
    bottom: 1rem;
}

.cl-step-cont {
    position: absolute;
    top: 0;
    left: .75rem;
    right: .75rem;
}

.cl-step-cont span {
    position: relative;
    display: inline-block;
    margin-top: .8rem;
    margin-right: 1rem;
    font-size: .7rem;
}

.cl-step-cont>span:nth-child(5) {
    right: 1rem;
    position: absolute;
    top: 2.3rem;
}

.cl-step-cont>span:nth-child(6) {
    right: 5.5rem;
    position: absolute;
    top: 2.3rem;
}

.cl-step-cont>span:nth-child(5) .cl-si-default {
    transform: scaleX(-1);
}

.cl-step-cont>span:nth-child(6) .cl-si-default {
    transform: scaleX(-1);
}

.cl-step-cont span img {
    position: absolute;
    width: 1rem;
}

.cl-si-active {
    top: -1.2rem;
    left: 1rem;
}

.cl-si-default {
    top: -1rem;
    left: 1rem;
}

.cl-step-cont .active {
    color: #ff7043;
}

.cg-jw {
    display: flex;
    margin-top: .75rem;
}

.cg-jw-media img {
    width: 2.5rem;
    border-radius: 50%;
}

.cg-jw-inner {
    padding: .5rem;
    margin-left: 1rem;
    background: #ffe4cc;
    box-shadow: 0 0 10px rgba(60, 78, 136, .2);
}

.cg-jw-title {
    font-weight: 600;
    color: #ff7043;
}

.cg-jw-fd {
    text-align: right;
}

.cg-jw-fd a {
    color: #ff7043;
    text-decoration: underline;
}

a.text-decoration-underline {
    text-decoration: underline !important;
}

.zg-back-dia {
    position: absolute;
    top: 0;
    left: 5%;
    right: 5%;
    z-index: 10000;
}

.zg-back-hd {
    margin-top: 1rem;
    text-align: center;
}

.zg-back-hd img {
    max-width: 75%;
}

.bg-back-item {
    margin-top: 1rem;
    border: 1px dashed #ccc;
    padding: .5rem .75rem;
    border-radius: .5rem;
    color: #fff;
}

.zg-back-bd>.bg-back-item:nth-child(1) {
    background: url(../images/icon-48.png) bottom right no-repeat;
    background-size: 2rem;
}

.zg-back-bd>.bg-back-item:nth-child(2) {
    background: url(../images/icon-49.png) bottom right no-repeat;
    background-size: 2rem;
}

.zg-back-bd>.bg-back-item:nth-child(3) {
    background: url(../images/icon-50.png) bottom right no-repeat;
    background-size: 2rem;
}

.bg-back-fd {
    margin-top: 1.5rem;
    text-align: center;
    color: #f1383a;
}

.bg-back-fd>a {
    display: inline-block;
    padding: .75rem 2.5rem;
    background-image: linear-gradient(#ff8759, #ff2d2c);
    color: #fff;
    border-radius: .75rem;
    border: 2px solid #fff;
    box-shadow: 0 0 10px #fff;
    margin-bottom: .5rem;
}

@media only screen and (max-width:390px) {
    .zg-step-l {
        /*  width: 6rem; */
    }

    .cl-step-cont span {
        margin-right: .5rem;
    }

    .cl-step-cont>span:nth-child(5),
    .cl-step-cont>span:nth-child(6) {
        top: 2.2rem;
    }
}

@media only screen and (max-width:375px) {
    .cl-step-cont span {
        margin-right: .5rem;
    }

    .cl-step-cont>span:nth-child(5),
    .cl-step-cont>span:nth-child(6) {
        top: 2rem;
    }

    .cl-step-cont>span:nth-child(6) {
        right: 5rem;
    }
}

.zg-step-lt {
    position: absolute;
    font-size: .6rem;
    color: #fff;
    bottom: .75rem;
    left: 2.25rem;
    width: 100%;
}

.zg-bs-title>div>img {
    margin-right: .5rem;
    width: 2rem;
}

.zg-bs-bd {
    color: #fff;
}

.zg-bs-bd {
    padding-left: 4rem;
}

.zg-form-wrp {
    margin: 0 1rem 0;
    background: #fff;
    padding: .5rem;
    border-radius: .5rem;
    box-shadow: 0 0 5px #fbc97e;
    text-align: center;
}

.zg-banner-step-1+.zg-form-wrp {
    margin-top: -1rem;
}

.zg-banner-step-2+.zg-form-wrp {
    margin-top: .75rem;
    margin-bottom: .5rem;
}

.zg-form-hd {
    font-size: .8rem;
    font-family: "微软雅黑";
    font-weight: 600;
    text-align: center;
}

.zg-form-hd>div {
    display: inline-block;
}

.zg-form-hd>div>span {
    width: 1rem;
    height: 1rem;
    margin-left: .25rem;
    line-height: 1rem;
    display: inline-block;
    border: 1px solid #e3e3e3;
    background: #f3f3f3;
    border-radius: .25rem;
    color: #2756cd;
    font-size: .7rem;
}

.zg-form-hd>div>span:nth-last-child(1) {
    margin-right: .5rem;
}

.zg-from-inp input {
    width: 100%;
    height: 2.2rem;
    line-height: 2.2rem;
    background: #f4f4f4;
    border: 1px solid #e3e3e3;
    text-align: center;
    border-radius: .25rem;
}

.zg-from-inp button {
    width: 100%;
    height: 2.2rem;
    margin-top: .5rem;
    border: none;
    background: #ffbd56;
    border-radius: .25rem;
}

.zg-from-search {
    position: relative;
}

.zg-from-search-list {
    position: absolute;
    padding: .25rem 0;
    margin-top: .2rem;
    left: 0;
    right: 0;
    border-radius: .25rem;
    background: #e9e9e9;
    box-shadow: 0 0 5px #ccc;
    z-index: 1000;
    border: 1px solid #e3e3e3;
}

.zg-from-search-list>li>a {
    display: block;
    padding: .25rem 0;
}

.swiper-tip-1 {
    height: 60px;
    overflow: hidden;
}

.snw-inner-freb {
    background: #f6f8fa;
    padding: .5rem;
    border-radius: .25rem;
}

.snw-inner-freb .snw-fre-cont {
    background: #fff;
    margin-top: .25rem;
    padding: .25rem .5rem .25rem;
    border-radius: .25rem;
}

.zg-animate-1 {
    -webkit-animation: slide-in-blurred-top 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
    animation: slide-in-blurred-top 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
}

.zg-animate-2 {
    -webkit-animation: slide-in-blurred-left 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
    animation: slide-in-blurred-left 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
    animation-delay: .5s;
    -webkit-animation-delay: .5s;
}

.zg-animate-3 {
    -webkit-animation: slide-in-blurred-right 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
    animation: slide-in-blurred-right 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
}

.zg-animate-4 {
    -webkit-animation: slide-in-blurred-left 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
    animation: slide-in-blurred-left 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
    animation-delay: 1.5s;
    -webkit-animation-delay: 1.5s;
}

.zg-animate-5 {
    -webkit-animation: slide-in-blurred-bottom 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
    animation: slide-in-blurred-bottom 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
    animation-delay: 2s;
    -webkit-animation-delay: 2s;
}

.dialog-contacts-list {
    padding: 0 2rem;
}

.dialog-cl-item {
    padding: 1rem 0;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #efefef;
    font-family: "Adobe 黑体 Std";
    color: #000;
}

.di-icon {
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 50%;
    margin-right: 1rem;
}

.di-icon-01 {
    background: #e4f0ff url("../images/020-icon-01.png") center no-repeat;
    background-size: 60%;
}

.di-icon-02 {
    background: #ffecec url("../images/020-icon-02.png") center no-repeat;
    background-size: 60%;
}

.pl-fix-top {
    position: fixed;
    top: 2.2rem;
    left: 0;
    width: 100%;
    height: 3.75rem;
    background: url("../images/020-bg.png") no-repeat;
    background-size: cover;
    z-index: 100;
}

.pl-ft-avatar>img:nth-child(1) {
    position: absolute;
    top: .5rem;
    left: .5rem;
    height: 2.5rem;
    width: 2.5rem;
    padding: .25rem;
    background: #fff;
    border-radius: 50%;
    box-shadow: 2px 3px 8px rgba(12, 78, 167, .5);
    z-index: 80;
}

.pl-ft-avatar>img:nth-child(2) {
    position: absolute;
    top: 1.6rem;
    left: 2.35rem;
    height: 1.75rem;
    width: 1.75rem;
    padding: .15rem;
    background: #fff;
    border-radius: 50%;
    z-index: 70;
}

.pl-ft-cont {
    padding-left: 4rem;
    padding-top: .35rem;
    font-family: "微软雅黑";
}

.pl-ft-tg .pl-ft-title {
    color: #0c4ea7;
    font-weight: 600;
}

.pl-ft-kh .pl-ft-title {
    color: #ce1c1d;
    font-weight: 600;
}

.pl-ft-btn {
    margin-left: .5rem;
    margin-top: .15rem;
}

.pl-ft-btn i {
    display: inline-block;
    width: .5rem;
    height: .5rem;
    background: url("../images/020-icon-03.png") no-repeat;
    background-size: contain;
}

.pl-ft-tg .pl-ft-btn a {
    display: inline-block;
    background: #d92425;
    border-radius: 1rem;
    padding: .25rem .75rem;
    color: #fff;
    line-height: 1.2;
    box-shadow: 0 0 8px rgba(0, 0, 0, .3);
}

.pl-ft-kh .pl-ft-btn a {
    display: inline-block;
    background: #1152a9;
    border-radius: 1rem;
    padding: .25rem .75rem;
    color: #fff;
    line-height: 1.2;
    box-shadow: 0 0 8px rgba(0, 0, 0, .3);
}

.stock-buy-wrp {
    width: 100%;
    height: 100%;
    background: url(../images/stock-buy-bg.png) left bottom no-repeat, linear-gradient(to bottom, #fff, #ffdcc3);
    background-size: contain;
}

.sw-step-img {
    padding-top: 2rem;
    text-align: center;
}

.sw-step-img img {
    max-width: 80%;
}

.sw-step-btn {
    position: absolute;
    right: 1rem;
    bottom: 2rem;
    background: rgba(255, 255, 255, .7);
    color: #ff7043;
    padding: .4rem .6rem .3rem;
    border-radius: .2rem;
}

.sw-step-txt a {
    color: #474646;
    font-size: .75rem;
    text-decoration: underline;
}

.button-orange-gradients-fill {
    width: 100%;
    padding: .5rem 0;
    color: #fff;
    border: none;
    border-radius: .5rem;
    background-image: -moz-linear-gradient(-90deg, rgb(255, 81, 58) 0%, rgb(255, 109, 71) 100%);
    background-image: -webkit-linear-gradient(-90deg, rgb(255, 81, 58) 0%, rgb(255, 109, 71) 100%);
    background-image: -ms-linear-gradient(-90deg, rgb(255, 81, 58) 0%, rgb(255, 109, 71) 100%);
    box-shadow: 0px 7px 10px 0px rgba(0, 0, 0, 0.18);
}

.ni-search {
    padding: .5rem 1rem;
}

.ni-search>div {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: .5rem;
    box-shadow: 0 0 8px rgba(0, 0, 0, .2);
    border-radius: 1.5rem;
    box-shadow: 3px 3px 8px rgba(0, 0, 0, .1)
}

.ni-search-icon {
    display: inline-block;
    width: 3rem;
    height: .8rem;
    background: url(../images/020-icon-05.png) no-repeat;
    background-size: contain;
}

.ni-search-input {
    border: none;
}

.ni-tip {
    display: flex;
    align-items: center;
    justify-content: center;
}

.ni-tip>i {
    display: inline-block;
    width: 1.2rem;
    height: .8rem;
    background: url("../images/020-icon-06.png") no-repeat;
    background-size: contain;
    flex-shrink: 0;
}

.ni-tip>div {
    max-width: 80%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #c32526;
}

.ni-tip-swiper {
    height: .8rem;
    line-height: .8rem;
}

.ni-nav {
    display: flex;
    margin: .75rem 0;
}

.ni-nav>a {
    text-align: center;
    flex: 1;
    font-size: .7rem;
    font-family: "Adobe 黑体 Std";
}

.ni-nav img {
    width: 2.5rem;
    height: 2.5rem;
    vertical-align: top;
}

.ni-chat {
    margin: .75rem;
    padding: .5rem;
    border-radius: .5rem;
    border: 1px solid #ccd1e0;
    background: url(../images/020-banner-background.png) top right no-repeat;
    background-size: contain;
    font-family: "Adobe 黑体 Std";
    box-shadow: 0 3px 12px #e7e7e7;
}

.ni-chat img {
    vertical-align: top;
}

.ni-chat-avatar {
    width: 3.75rem;
    flex-shrink: 0;
}

.ni-chat-avatar img {
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 50%;
}

.ni-chat-hd {
    display: flex;
    align-items: center;
}

.ni-chat-hd-meta {
    color: #8e8e8e;
    font-size: .65rem;
}

.ni-chat-hd-tip {
    line-height: 1.2;
}

.ni-chat-hd-tip img {
    width: 7rem;
}

.ni-chat-text-btn {
    text-align: center;
    margin: .75rem 0;
}

.ni-chat-text-btn a {
    display: inline-block;
    color: #ff7043;
    padding: .1rem .5rem;
    background: #ffe9e3;
    border-radius: .75rem;
    font-size: .75rem;
}

.ni-chat-fd {
    padding-top: .5rem;
    border-top: 1px solid #efefef;
    text-align: center;
}

.ni-chat-fd-link a {
    font-size: .75rem;
    text-decoration: underline;
    color: #8e8e8e;
}

.agree-icon {
    width: 1.25rem;
    height: 1.25rem;
    margin-right: .2rem;
    background: url(../images/020-icon-14.png) no-repeat;
    background-size: contain;
}

.unagree-icon {
    width: 1.25rem;
    height: 1.25rem;
    margin-right: .2rem;
    background: url(../images/020-icon-15.png) no-repeat;
    background-size: contain;
}

.ni-chat-feedback-bd a {
    display: inline-block;
    padding: .2rem .4rem .2rem .2rem;
    background: #f4f4f4;
    border-radius: 1rem;
}

.ni-chat-feedback-bd>a:nth-child(1) {
    margin-right: 3.5rem;
}

.bl-wrp>.bl-wrp-item:nth-last-child(1) {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.bl-wrp-item {
    margin: .5rem;
    padding-bottom: .5rem;
    border-bottom: 1px solid #efefef;
}

.block-list-bd>.bl-wrp>.bl-wrp-item {
    margin-top: 0;
}

.bl-item-hd {
    display: flex;
    justify-content: space-between;
}

.bl-item-title {
    font-family: "Adobe 黑体 Std";
}

.zixun-wrp {
    min-height: 100%;
    background: #efefef;
}

.zixun-tabs {
    padding: .75rem;
    font-size: .75rem;
}

.zixun-cont {
    border: 1px solid #c9c9c9;
    border-radius: .25rem;
    background: #fff;
}

textarea {
    resize: none
}

.zixun-textarea textarea {
    border: none;
    width: 100%;
    padding: .5rem;
    border-radius: .25rem;
    height: 8rem;
    overflow-y: auto;
}

.zcp-hd {
    display: flex;
    align-items: center;
}

.zcp-hd img {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    margin-right: .25rem;
}

.zcp-hd {
    margin: .5rem;
    padding-top: .5rem;
    border-top: 1px solid #efefef;
}

.zcp-item {
    display: block;
    margin: .5rem;
    border: 1px solid #ffbf5a;
    color: #ffbf5a;
    padding: .5rem;
    border-radius: .25rem;
    font-size: .75rem;
}

.zxr-hd {
    display: flex;
    justify-content: space-between;
}

.zxr-hdl {
    display: flex;
    align-items: center;
}

.zxr-hdl img {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    margin-right: .25rem;
}

.zxr-item {
    padding: .5rem;
    margin-bottom: .75rem;
    box-shadow: 0 0 8px #ccc;
    border-radius: .25rem;
    background: #fff;
}

.zxr-problem {
    margin-top: .25rem;
    background: #f5f5f5;
    padding: .25rem .5rem;
    border-radius: .25rem;
}

.zxr-ph {
    display: flex;
    justify-content: space-between;
}

.sr-search-wrp {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .75rem;
    border-bottom: 1px dashed #efefef;
}

.sr-swi {
    position: relative;
    width: 100%;
}

.sr-swi input {
    width: 100%;
    height: 2rem;
    line-height: 2rem;
    padding: 0 .5rem;
    border-radius: .25rem;
    border: none;
}

.sr-swi input::placeholder {
    font-size: .7rem;
    color: #ccc;
}

.sr-search-wrp>button {
    height: 2rem;
    width: 3rem;
    text-align: center;
    background-image: linear-gradient(to bottom, #ffe4b8, #ffb348);
    border: none;
    border-radius: .25rem;
    margin-left: .25rem;
    flex-shrink: 0;
    color: #c32526;
    font-weight: 600;
}

.sr-search-wrp>a {
    margin-left: .25rem;
    width: 3rem;
    color: #fff;
    font-size: .75rem;
    flex-shrink: 0;
}

.asw-st-input {
    margin-top: 10px;
    display: flex;
}

.asw-st-input input {
    width: 100%;
    height: 2rem;
    border: 2px solid #FFE58C;
    border-radius: 5px;
    background: #fff;
    padding-left: 15px;
    color: #333;
}

.asw-st-input button {
    width: 70px;
    height: 2rem;
    flex-shrink: 0;
    text-align: center;
    background: linear-gradient(180deg, #FFEEB6 0%, #FFC368 100%);
    box-shadow: 0px 2px 4px rgba(254, 27, 43, 0.2);
    border-radius: 5px;
    font-size: 18px;
    color: #D43742;
    border: none;
    margin-left: 5px;
    white-space: nowrap;
    font-weight: 600;
}

._jt-swiper-item {
    position: relative;
    color: #fff;
    min-height: 7.2rem;
}

._jt-si-title {
    padding: 1rem 0 .25rem .75rem;
    font-size: 1rem;
}

._jt-si-text {
    padding: 0 .75rem 0 .75rem;
    display: -webkit-box;
    /** 对象作为伸缩盒子模型显示 **/
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 2;
    /** 显示的行数 **/
    overflow: hidden;
    font-size: .7rem;
}

._js-hi-sj {
    display: -webkit-box;
    /** 对象作为伸缩盒子模型显示 **/
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 3;
    /** 显示的行数 **/
    overflow: hidden;
}

._jt-swiper-img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    max-width: 100%;
}

._jt-swiper .swiper-slide {
    width: 90%;
}

._jt-si-tag {
    padding: .25rem .25rem 0 .75rem;
    font-size: .6rem;
    /*   white-space: nowrap;
    overflow-x: auto; */
}

._jt-si-tag>span {
    display: inline-block;
    background: #e9e9e9;
    border-radius: .2rem;
    padding: .2rem .5rem;
    color: #2e2e2e;
    margin-right: .5rem;
}

._jt-swiper-pagination {
    position: static;
    text-align: left;
}

._jt-swiper-pagination .swiper-pagination-bullet {
    width: auto !important;
    height: auto !important;
    background: none !important;
    opacity: 1;
    margin-right: .5rem;
}

._jt-swiper-pagination.swiper-pagination {
    font-size: .7rem;
    text-align: left;
    height: 1.3rem;
    white-space: nowrap;
    overflow-x: scroll;
}

._jt-swiper-pagination .swiper-pagination-bullet i {
    display: inline-block;
    width: .75rem;
    height: .75rem;
    line-height: .8rem;
    border-radius: 50%;
    text-align: center;
    background: #ccc;
    color: #fff;
    font-style: normal;
}

._jt-swiper-pagination .swiper-pagination-bullet-active {
    color: #FF8B16;
}

._jt-swiper-pagination .swiper-pagination-bullet-active i {
    background: #FF8B16;
}

.asc-hdt {
    display: flex;
    justify-content: space-between;
}

.asc-hd-title {
    font-size: 16px;
}

.icon-add-circle {
    width: 20px;
    height: 20px;
    background: url(../images/add-circle-icon.png) no-repeat;
    background-size: contain;
}

.asc-hd {
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.asc-hdc {
    display: flex;
    white-space: nowrap;
    overflow-x: auto;
    align-items: center;
}

.asc-hdc>span {
    border-radius: 4px;
    text-align: center;
    padding: 4px;
    margin-right: 10px;
    margin-top: 8px;
}

.asc-hdc>span.g {
    background: #DBF9E5;
}

.asc-hdc>span>span {
    font-size: 11px;
}

.asc-hdc>span.r {
    background: #FFECEC;
}

.asc-bd-title {
    font-size: 16px;
    color: #000;
}

.asc-li-hd {
    margin: 5px 0;
}

.asc-list-item {
    font-size: 15px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #efefef;
}

.asc-li-hd>span:nth-child(1) {
    color: #8E8E8E
}

.asc-li-bd {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.asc-li-fd {
    margin-top: 3px;
    text-align: right;
    color: #8E8E8E;
    font-size: 12px;
}

.asc-list-more {
    text-align: center;
}

.asc-list-more span {
    display: inline-block;
    width: 18px;
    height: 18px;
    line-height: 18px;
    border-radius: 50%;
    background: #ED4343;
    color: #fff;
    font-size: 10px;
    text-align: center;
}

.asw-search-content {
    overflow: hidden;
    background: #fff;
    padding: 0 10px 0 10px;
    border-radius: 5px;
}

._zg-case-tips {
    position: absolute;
    top: -8px;
    left: 30px;
    width: 0;
    height: 0;
    border-width: 0 5px 8px 5px;
    border-style: solid;
    border-color: transparent transparent #FFB25B transparent;
}

.asw-search-content {
    border-radius: 5px;
}

.asc-hdt {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.asc-hd-title {
    font-size: 16px;
}

.icon-add-circle {
    width: 20px;
    height: 20px;
    background: url(../images/add-circle-icon.png) no-repeat;
    background-size: contain;
}

.asc-hd {
    background: #fff;
    margin-bottom: 10px;
    border-radius: 5px;
}

.asc-hdc {
    display: flex;
    white-space: nowrap;
    overflow-x: auto;
    align-items: center;
}

.asc-hdc>span {
    border-radius: 4px;
    text-align: center;
    padding: 4px;
    margin-right: 10px;
    margin-top: 8px;
}

.asc-hdc>span.g {
    background: #DBF9E5;
}

.asc-hdc>span>span {
    font-size: 11px;
}

.asc-hdc>span.r {
    background: #FFECEC;
}

.asc-bd-title {
    font-size: 16px;
    color: #000;
}

.asc-li-hd {
    margin: 5px 0;
}

.asc-list-item {
    font-size: 15px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #efefef;
}

.asc-li-hd>span:nth-child(1) {
    color: #8E8E8E
}

.asc-li-bd {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.asc-li-fd {
    margin-top: 3px;
    text-align: right;
    color: #8E8E8E;
    font-size: 12px;
}

.asc-list-more {
    text-align: center;
}

.asc-list-more span {
    display: inline-block;
    width: 18px;
    height: 18px;
    line-height: 18px;
    border-radius: 50%;
    background: #ED4343;
    color: #fff;
    font-size: 10px;
    text-align: center;
}

._jt-swiper {
    padding-top: 28px;
}

._jt-swiper-item {
    position: relative;
    color: #fff;
    min-height: 158px;
}

._jt-si-title {
    padding: 20px 0 5px 15px;
    font-size: 1rem;
}

._jt-si-text {
    margin: 4px 0;
    padding: 0 15px 0 15px;
    display: -webkit-box;
    /** 对象作为伸缩盒子模型显示 **/
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 2;
    /** 显示的行数 **/
    overflow: hidden;
    font-size: 14px;
}

._js-hi-sj {
    display: -webkit-box;
    /** 对象作为伸缩盒子模型显示 **/
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 3;
    /** 显示的行数 **/
    overflow: hidden;
}

._jt-swiper-img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    max-width: 100%;
}

._jt-swiper .swiper-slide {
    width: 95%;
}

._jt-si-tag {
    padding: 5px 5px 0 15px;
    font-size: 12px;
    /*   white-space: nowrap;
      overflow-x: auto; */
}

._jt-si-tag>span {
    display: inline-block;
    background: #e9e9e9;
    border-radius: 4px;
    padding: 4px 10px;
    color: #2e2e2e;
    margin-right: 10px;
}

._jt-swiper .swiper-pagination-bullet {
    width: auto !important;
    height: auto !important;
    background: none !important;
    opacity: 1;
    margin-right: 10px;
}

._jt-swiper .swiper-pagination {
    top: 0;
    font-size: 14px;
    text-align: left;
}

._jt-swiper .swiper-pagination-bullet i {
    display: inline-block;
    width: 15px;
    height: 15px;
    line-height: 16px;
    border-radius: 50%;
    text-align: center;
    background: #ccc;
    color: #fff;
    font-style: normal;
}

._jt-swiper .swiper-pagination-bullet-active {
    color: #FF8B16;
}

._jt-swiper .swiper-pagination-bullet-active i {
    background: #FF8B16;
}

._jt-swiper .swiper-pagination {
    height: 30px;
    white-space: nowrap;
    overflow-x: scroll;
}

._zg-bottom-btn {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10000;
}

.asc-bd {
    position: relative;
    border-radius: 5px;
}

.asc-bd .swiper-pagination-bullets {
    bottom: 2px;
    text-align: center;
}

.asc-bd-image {
    margin-left: 10px;
    height: 4px;
    font-size: 0;
    line-height: 0;
    vertical-align: top;
}

.asc-bd .swiper-slide {
    background: #fff;
    border-radius: 5px;
}

.daily-stock-list {
    padding: 0 10px;
}

._zg-daily-title {
    font-size: 20px;
    margin-bottom: 10px;
    margin-top: 15px;
    font-weight: 600;
    background: linear-gradient(91.88deg, #EA3323 0%, #EF872D 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

._zg-daily-wrp ._zg-cwp-fc {
    background: none;
    padding: 0;
    color: #2e2e2e;
}

._zg-daily-wrp .daily-stock-list {
    padding: 0;
    margin-top: -8px;
}

.daily-sl-item {
    box-sizing: border-box;
    display: flex;
    padding: 10px 0 10px 10px;
    margin-top: 15px;
    background: linear-gradient(138.05deg, #FFDC86, #FFB048);
    border-radius: 4px;
}

.daily-sll {
    box-sizing: border-box;
    width: 70px;
    flex-shrink: 0;
    padding: 5px 0;
    text-align: center;
    background: #fff;
    border-radius: 4px;
    margin-right: 10px;
}

._zg-daily-wrp .daily-sll,
._zg-daily-wrp .daily-slr-title {
    color: #2e2e2e;
}

.daily-slr {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.daily-slr-title {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 500;
    font-size: 15px;
}

.daily-slr-star {
    margin-top: 4px;
    display: inline-block;
    background: #FF4343;
    padding: 2px 5px 3px;
    border-radius: 2px;
    color: #fff;
    font-size: 12px;
}

.daily-slr-star img {
    width: 14px;
    vertical-align: -15%;
}

.daily-sl-fd {
    display: flex;
}

.daily-sl-fd>img {
    width: 84px;
    margin-left: 30px;
    margin-top: -8px;
}

.daily-slf-r {
    position: relative;
    margin: 15px 10px 15px 15px;
    border: 1px solid #565656;
    border-radius: 6px;
    color: #565656;
    padding: 10px;
}

.daily-slf-r::after {
    position: absolute;
    content: "";
    width: 0;
    top: 10px;
    left: -8px;
    height: 0;
    border-style: solid;
    border-width: 8px 8px 8px 0;
    border-color: transparent #565656 transparent transparent;
}

.daily-slf-btn {
    margin-top: 6px;
    text-align: right;
}

.daily-slf-btn a {
    padding: 2px 10px 3px 10px;
    font-size: 12px;
    color: #fff;
    background: linear-gradient(91.88deg, #EA3323 0%, #EF872D 100%);
    border-radius: 51px;
}

.daily-itext-wrp {
    background: #FCEFE6;
    margin: 10px;
    padding: 8px 10px;
    border-radius: 4px;
}

.daily-izs-wrp {
    margin: 0 10px;
    display: flex;
}

.daily-izs-wrp>div {
    flex: 1;
    text-align: center;
    padding: 8px 0;
    margin-left: 10px;
}

.daily-izs-wrp>div:nth-child(1) {
    margin-left: 0;
}

.daily-izs-wrp>div>span {
    display: block;
    font-size: 12px;
}

.daily-izs-wrp>div>span:nth-child(2) {
    font-size: 14px;
}

.zr {
    background: #FEF1F1;
}

.zg {
    background: #F5FAF4;
}

.daily-ibar-wrp {
    display: flex;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
}

.daily-ibar-up {
    background: linear-gradient(270deg, #D9D9D9 0%, #F5414D 0.01%, #FFA25F 100%);
    border-radius: 4px;
}

.daily-ibar-down {
    background: linear-gradient(270deg, #079307 0%, #3CD23C 100%);
    border-radius: 4px;
}

.daily-ibar-wrp {
    padding: 10px;
}

.daily-hd-pb {
    padding-bottom: 1px;
    font-size: 16px;
}

.daily-hd-pb .daily-itext-wrp {
    position: relative;
    padding: 20px 10px;
}

.daily-hd-pb .daily-itext-wrp>img {
    position: absolute;
    width: 70px;
    right: 20px;
    top: -40px
}

.daily-item-sd {
    padding: 15px 10px 0 10px;
}

.daily-is-text {
    padding: 10px;
    background: #FFD9BA;
    box-shadow: 0px 7px 8px rgba(0, 0, 0, 0.08);
    border-radius: 4px;
}

._zg-case-wrp {
    position: relative;
    background: linear-gradient(135deg, #FFB25B 0%, #FF8002 100%);
    border-radius: 5px;
    color: #fff;
    padding: .5rem;
}

._zg-cwp-fc {
    margin-top: 7px;
    padding: 7px;
    background: linear-gradient(110.74deg, rgba(248, 248, 248, 0.31) -3.66%, #F8F8F8 99.45%);
    opacity: 0.7;
    border-radius: 5px;
    color: #333;
    font-size: 14px;
}

._zg-cws-hd {
    display: flex;
    justify-content: space-between;
}

._zg-csbi {
    position: relative;
    display: flex;
    margin-top: 10px;
    background: #fff;
    padding: 7px 50px 7px 10px;
    border-radius: 5px;
    font-size: 14px;
    align-items: flex-start;
}

._zg-csbi-r {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

._zg-r-time {
    position: absolute;
    right: 5px;
    top: 7px;
    font-size: 12px;
    color: #999;
}

._zg-csbi-l {
    width: 40px;
    flex-shrink: 0;
}

._zg-csbi-l span {
    vertical-align: top;
}

._zg-csbm {
    text-align: center;
    margin-top: 5px;
}

.gauge-wrp {
    padding: 10px;
}

.gauge-wrp-ft {
    font-size: 14px;
}

.gauge-wft-h {
    background: #f8f8f8;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    padding: .35rem;
}

.gauge-wft-b {
    background: #EFAE41;
    color: #fff;
    text-align: center;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    padding: 7px 0;
}

.pie-block {
    margin-top: 10px;
    margin-bottom: -40px;
    text-align: center;
}

.pie-cont {
    position: relative;
    display: inline-block;
    width: 200px;
    height: 200px;
}

.pie-cont img {
    max-width: 100%;
}

.pie-zz {
    transition: all 1s ease 500ms;
    position: absolute;
    width: 150px;
    height: 150px;
    left: 25px;
    top: 25px;
    transform-origin: center;
    transform: rotate(0deg);
}

.icon-question-gray {
    position: relative;
    width: 20px;
    height: 20px;
    background: url(../images/_tw-icon-36.png) no-repeat;
}

.iii-tip {
    position: absolute;
    background: rgba(0, 0, 0, .8);
    width: 200px;
    padding: 4px 10px 2px;
    border-radius: 4px;
    box-shadow: 0 0 5px #ccc;
    top: 0;
    left: 0;
    transform: translate(-48%, -110%);
    z-index: 1000;
    font-size: 14px;
    color: #fff;
}

.iii-tip::after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    bottom: -4px;
    left: 50%;
    border-style: solid;
    border-width: 4px 4px 0 4px;
    border-color: rgba(0, 0, 0, .8) transparent transparent transparent;
}

.gauge-wft-h {
    display: flex;
    align-items: center;
}

.gauge-wft-h span {
    width: 64px;
    padding: 5px 7px 3px;
    flex-shrink: 0;
    margin-right: 4px;
    font-size: 12px;
    text-align: center;
    color: #fff;
    border-radius: 4px;
}

.warnning-span {
    background: #EFAE41;
}

.danger-span {
    background: #F5414D;
}

.quite-span {
    background: #628FFB;
}

.asc-swiper .swiper-pagination {
    left: 0;
    right: 0;
}

.asc-swiper .swiper-pagination-bullet {
    margin-left: 5px;
}

.asc-swiper .swiper-pagination-bullet-active {
    background: #FF7244;
}

.ai-stock-wrp {
    overflow: hidden;
}

.yellow {
    color: #EFAE41;
}

._zg-case-wrp .asc-hd-title {
    padding: 2px 6px;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 14px;
    background: rgba(255, 255, 255, .5);
    color: #A35300;
    border-bottom-left-radius: 8px;
}

.red-tag-wrp {
    display: inline-block;
    background: #F5414D;
    color: #fff;
    border-radius: 3px;
    padding: 0 3px;
    font-size: 12px;
}

.red-tag-wrp i {
    margin-top: -3px;
}

.green-tag-wrp {
    font-size: 12px;
    display: inline-block;
    background: #33927E;
    color: #fff;
    border-radius: 3px;
    padding: 0 5px;
    transform: perspective(1000);
}

.green-tag-wrp .icon-n-03 {
    transform: rotateX(180deg);
    -webkit-transform: rotateX(180deg);
}

.icon-n-mid {
    width: 16px;
    height: 16px;
    margin-left: 5px;
}

.ml0 {
    margin-left: 0 !important;
}

.icon-n-03 {
    width: .7rem;
    background: url(../images/icon-n-03.png) no-repeat;
}

.green-tag-wrp .icon-n-03 {
    transform: rotateX(180deg);
    -webkit-transform: rotateX(180deg);
}

.djh-item {
    margin: 15px;
    padding: 10px 15px;
    box-shadow: 0px 0 8px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
}

.block-list .djh-item {
    margin: 15px 0 0;
}

.djh-item.djh-itemb-border {
    border: 1px solid #FFE8D8;
}

.djh-chart-text {
    margin-top: 8px;
}

.block-list-bd>.bl-wrp-item:nth-last-child(1) {
    margin-bottom: 0;
    border-bottom: none;
}

.djh-item-dp {
    display: flex;
    justify-content: space-between;
    align-items: start;
}

.djh-item-dp>a {
    width: 50px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    background: #F18D3E;
    border-radius: 4px;
    padding: 2px 5px;
    flex-shrink: 0;
    margin-left: 10px;
}

.djh-item-oh {
    overflow: hidden;
}

.djh-item-dpw {
    position: relative;
}

.djh-dwp-cont {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
    padding-right: 80px;
}

.djh-chi-hd {
    padding-bottom: 10px;
    border-bottom: 1px solid #efefef;
}

.djh-ztw-media img {
    max-width: 100%;
}

.djh-ztw-inner {
    margin-left: 10px;
}

.djh-ztw-title {
    font-size: 16px;
}

.djh-ztw-tont {
    color: #565656;
}

.djh-chi-title {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.djh-chi-title>a {
    color: #999;
}

.djh-chi-ztw {
    margin-top: 15px;
    display: flex;
}

.djh-ys-info {
    padding: 10px;
    background: linear-gradient(0deg, #F6E4A8, rgba(253, 238, 178, 0));
}

.djh-ys-table table {
    width: 100%;
}

.djh-ys-table-bt {
    border-top: 3px solid #FF6711;
}

.djh-ys-table table thead td {
    color: #8e8e8e;
    font-size: 14px;
}

.djh-ys-table table td a {
    color: #4A86DF;
}

.djh-ys-table table td {
    border: 1px solid #efefef;
    text-align: center;
    padding: 8px 0;
}

.djh-fui-hd {
    display: flex;
    justify-content: space-between;
}

.djh-fui-hl {
    font-size: 18px;
    font-weight: 600;
}

.djh-fui-hr {
    font-size: 20px;
}

.djh-fui-meta {
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.djh-fui-cont {
    background: #fff;
    border-radius: 8px;
    padding: 8px 0;
    margin-top: 8px;
}

.djh-fui-chd {
    padding: 0 10px;
    font-size: 14px;
    color: #565656;
}

.block-list-bd .djh-chw-item {
    padding: 0 10px;
}

.djh-title-ln {
    color: #A63302;
    padding: 5px 50px 5px 15px;
    background: url(../images/_jt-34.png ) no-repeat;
    background-size: 100% 100%;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}

.niw-service-wrp {
    padding: 10px 15px;
    background: linear-gradient(180deg, #FFDBDB 0%, rgba(255, 255, 255, 0) 60.64%);
}

.niw-sew-hd {
    display: flex;
    align-items: center;
}

.niw-sew-l img {
    width: 70px;
}

.niw-sew-r {
    padding: 8px 10px;
    position: relative;
    margin-left: 10px;
    background: #fff;
    color: #FF4343;
    border-radius: 8px;
    box-shadow: 0 0 5px #ccc;
}

.niw-sew-r::after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 6px 6px 0;
    border-color: transparent #fff transparent transparent;
    left: -6px;
    top: 50%;
    margin-top: -6px;
}

.niw-seb-hd {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 12px;
    border-bottom: 1px solid #efefef;
}

.niw-seb-btn {
    margin-left: 5px;
    display: inline-flex;
    border: 1px solid #FF9020;
    align-items: center;
    color: #FF9020;
    font-size: 12px;
    padding: 2px 5px;
    border-radius: 20px;
}

.niw-sebr {
    color: #C72A2B;
}

.niw-seb-tag span {
    display: inline-block;
    margin-top: 10px;
    padding: 2px 8px;
    font-size: 14px;
    margin-right: 5px;
    border: 1px solid #565656;
    color: #8e8e8e;
    border-radius: 20px;
}

.niw-seb-tag span.active {
    color: #C72A2B;
}

.niw-gd-wrp {
    display: flex;
    margin: 15px;
}

.niw-gdl {}

.niw-gd-wrp img {
    height: 88px;
}

.niw-gdt-i {
    height: 88px;
    display: flex;
    align-items: center;
    background: linear-gradient(135deg, #FFB25B 0%, #FF8002 100%);
    color: #fff;
    width: 140px;
    text-align: center;
    border-radius: 5px;
    justify-content: center;
}

.niw-gdr {
    margin-left: 15px;
}

.niw-gdt {
    margin-bottom: 5px;
}

.niw-zs-hd {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.niw-zs-hd img {
    max-width: 90px;
}

.niw-zs-hd {
    padding-top: 15px;
}

.niw-zs-list {
    margin-top: 5px;
}

.niw-zs-list li {
    color: #565656;
    padding: 8px 0;
}

.niw-zs-list img {
    width: 14px;
    margin-right: 3px;
}

.gap {
    height: 8px;
    background: #EFEFEF;
}

._zg-case-wrp {
    position: relative;
    margin-top: 6px !important;
}

._zg-case-tips {
    position: absolute;
    top: -8px;
    left: 30px;
    width: 0;
    height: 0;
    border-width: 0 5px 8px 5px;
    border-style: solid;
    border-color: transparent transparent #FFB25B transparent;
}

.niw-content {
    margin-top: -30px;
    transform: translate(0, 0);
    background: #fff;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    padding-top: 1px;
}

.niw-gdr-c {
    position: relative;
}

.niw-gdr-c>div {
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    display: flex;
    transform: translateY(-50%);
    align-items: center;
}

.niw-gdr-c>div>a {
    flex: 1;
    text-align: center;
    color: #fff;
}

.niw-sew-bd {
    padding: 10px;
    box-shadow: 0 7px 8px rgb(0 0 0 / 10%);
    background: #Fff;
    border-radius: 8px;
    margin-top: 8px;
}

.dialog-img-01 {
    display: none;
    position: absolute;
    width: 80%;
    left: 10%;
    top: 30%;
    background: #fcfdff;
    border-radius: 5px;
    box-shadow: 0 0 10px #999;
    z-index: 10000;
}

.dialog-i1-top img {
    max-width: 100%;
    margin-top: -80px;
}

.swiper-dia-wrp {
    position: relative;
    margin-top: -30px;
    padding: 0 10px 30px 10px;
}

.dialog-i1-title {
    font-size: 18px;
    color: #1C3882;
}

.dialog-i1-text {
    margin-top: 8px;
}

.swiper-pagination1 {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 10px;
    left: 0;
    right: 0;
}

.swiper-pagination1>* {
    margin-left: 4px;
}

.dialog-bottom-close {
    position: absolute;
    bottom: -60px;
    left: 50%;
    margin-left: -16px;
    width: 32px;
    height: 32px;
    background: url(../images/Close.png) center no-repeat;
    background-size: 80%;
}

._tz-banner {
    position: relative;
}

._tz-banner>img {
    max-width: 100%;
    vertical-align: top;
}

._tz-banner-time {
    position: absolute;
    background: #fff;
    left: .75rem;
    bottom: .5rem;
    padding: .15rem .25rem .1rem;
    border-radius: .1rem;
    color: #BC2424;
}

._tz-list-item {
    margin-top: .75rem;
}

._tz-list-title {
    position: relative;
    display: inline-block;
    padding: .25rem .75rem;
    background: #C62828;
    font-size: 1rem;
    color: #fff;
    font-weight: 600;
}

._tz-list-title::after {
    position: absolute;
    content: "";
    width: .5rem;
    top: 0;
    bottom: 0;
    right: -.7rem;
    background: #C62828;
}

._tz-list-title::before {
    position: absolute;
    content: "";
    width: .2rem;
    top: 0;
    bottom: 0;
    right: -1.1rem;
    background: #C62828;
}

._tz-list-sub-title {
    margin: .5rem;
    padding: .25rem .5rem;
    background: #F3F3F3;
    display: flex;
    justify-content: space-between;
    font-weight: 600;
    align-items: center;
}

._tz-chart-wrp {
    height: 180px;
}

._star-wrp img {
    width: .8rem;
    margin-left: .35rem;
}

._tz-list-text {
    padding: 0 .75rem;
}

._tz-text-color {
    margin: .5rem;
    background: #FFF6EE;
    padding: .5rem;
    color: #C85705;
}

.icon-light-he {
    width: .8rem;
    height: .8rem;
    background: url(../images/icon-56.png) no-repeat;
    background-size: contain;
}

._tz-future-wrp {
    background: #f3f3f3;
    padding: .5rem;
}

._tz-fuw-hd {
    display: flex;
    justify-content: space-between;
}

._tz-fuw-title {
    font-size: .9rem;
    font-weight: 600;
}

.icon-new-word {
    width: 1.2rem;
    height: 1.2rem;
    margin-right: .2rem;
    background: url(../images/icon-55.png) center no-repeat;
    background-size: contain;
}

._tz-fuw-hd {
    margin: .5rem 0;
}

._tz-fuw-fd {
    display: flex;
    justify-content: space-between;
    font-weight: 600;
}

.feedback-tag-wrp i {
    display: inline-block;
    width: .5rem;
    height: .4rem;
    background: #D0D0D0;
    border-radius: .1rem;
    margin-left: .15rem;
}

.feedback-tag-wrp i.active {
    background: #C62828;
}

._tz-future-swiper {
    padding: .75rem;
    position: relative;
    overflow: hidden;
    padding-bottom: 1.2rem;
}

._tz-future-swiper .swiper-pagination {
    bottom: 0;
}

._tz-future-swiper .swiper-pagination-bullet-active {
    background: #F33B3B;
}

._tz-wb-btn {
    padding: 1rem 0;
    text-align: center;
}

._tz-wb-btn a {
    font-size: 1rem;
    padding: .75rem 2rem;
    color: #fff;
    font-weight: 600;
    display: inline-block;
    background: linear-gradient(180deg, #F86969 0%, #C62828 100%);
    box-shadow: 0px 2px 0px #BA1A1A;
    border-radius: 800px;
}

.article-bd img {
    max-width: 100% !important;
}

.icon-dhi {
    width: .8rem;
    height: .8rem;
    background: url(../images/icon-60.png) no-repeat;
}
.icon-dhi-blue {
    width: .8rem;
    height: .8rem;
    background: url(../images/icon-change-blue.png) no-repeat;
}
.chat-content {
    padding-top: 2rem;
    
    overflow: hidden !important;
}

.chat-content-pt {
    padding-top: 2rem;
}

.pl-chat-service {
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: space-between;
    top: 2.2rem;
    left: 0;
    right: 0;
    z-index: 100;
    height: 2rem;
   background-image: linear-gradient(90deg, #FEF9EF 0%, #FFDDD1 100%);

    
}
.pl-chat-cont p.text-center.gray.f26{margin-bottom: 2px;}
.pl-chs-t {
    text-align: right;
    padding-right: .5rem;
    padding-top: .25rem;
    /* margin-bottom: .75rem; */
}

.pl-chs-t span {
    display: inline-block;
    /* background: rgba(237, 67, 67, 0.15); */
    
    /* padding: .25rem .75rem; */
   
    font-size: .7rem;
}
.pl-chs-t-f{
    color: rgba(237, 67, 67, 1);
    line-height: 1;
    padding-right: .5rem;
    border-right: 1px solid #999;
    margin-right: .5rem;
}
.pl-chs-t-s{
    text-decoration: underline;
    /* 蓝色链接*/
    color: #4A86DF;
    cursor: pointer;
}

.pl-chs-b {
    position: relative;
    display: inline-block;
  
    /* padding: .25rem .7rem; */
   
    /* padding-left: 6rem; */
    margin-left: .5rem;
    font-size: .7rem;
    white-space: nowrap;
}

.pl-chat-avatar-wrp {
    display: flex;
    align-items: center;
    /* position: absolute; */
    height: 1.5rem;
    background: rgba(237, 67, 67, 1);
    line-height: 1.5rem;
    padding: 0 0.25rem 0 0;
    border-radius: 2rem;
    left: -.3rem;
    bottom: -.2rem;
    color: #fff;
}

.pl-chat-avatar-wrp img {
    width: 1.5rem;
    background: #fff;
  border-radius: 50%;
  margin-right: .15rem;
}



.emoji_container {
    width: 100%;
    overflow: hidden;
    display: none;
    border-top: 1px solid #D8DADB;
    background: #F0F4F7;
    box-shadow: 0 .025rem .075rem rgba(0, 0, 0, 0.176);
}

.emoji_container .emoji_content {
    width: 100%;
    height: 6rem;
    padding-left: .05rem;
    padding-right: .05rem;
}

.emoji_container .emoji_content .emoji_item {
    margin: 0;
    float: left;
    width: 100%;
    overflow: hidden;
    overflow-y: scroll;
    border-collapse: collapse;
    padding: 0.6rem 0.3rem;
}

.emoji_container .emoji_content .emoji_item ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    padding-top: 1px;
}

.emoji_container .emoji_content .emoji_item ul li {
    padding: .25rem;
    margin-left: -1px;
    width: 12.5%;
    margin-top: -1px;
}

.emoji_container .emoji_content .emoji_item ul li img {
    vertical-align: middle;
    width: 1.2rem;
    height: 1.2rem;
    margin: 0 auto;
    display: block;
}

.emoji_container .emoji_tabar {
    display: none;
}

.emoji_container .emoji_tabar ul {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: nowrap;
    list-style: none;
}

.emoji_container .emoji_tabar ul li {
    display: inline-block;
    padding: .125rem;
    height: 100%;
    flex: 1;
    background-color: rgba(177, 177, 177, 0.1);
    border-right: 1px solid rgba(177, 177, 177, 0.4);
    border-radius: .075rem;
    margin-left: 0;
}

.emoji_container .del_expression {
    display: inline-block;
    width: 4rem;
    height: 2.2rem;
    position: absolute;
    right: 0.6rem;
    bottom: 0.5rem;
    z-index: 2;
    background: url(../images/chart_bq_del.png) no-repeat center/3.725rem 2.025rem;
}

.pl-chat-textarea img {
    width: 1.2rem;
    height: 1.2rem;
    vertical-align: text-top;
    margin-left: .5rem !important;
}


.takephoto input[type="file"] {
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.vipImgs{
    width: 3.6rem !important;
    height: 1rem !important;
}
.ht-wrp{
    font-size: .7rem;
    text-align: right;
    color: #fff;
}
.ht-wrp a{color: rgba(255, 215, 73, 1);}
.xf-item{
    margin: .75rem;
    border-radius: 10px;
    background: linear-gradient(173deg, #FFF2E7 0%, #FFF 38.02%);
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.08);
    /* border: 1px solid;
    border-image:  linear-gradient(to right, #ff0000, #00ff00);
      border-image-slice: 1;; */
    
}
.xf-item-hd{
    font-size: .9rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    padding: .5rem .5rem .25rem;

}
.xf-item-hd img{
    width: 1rem;
    height: 1rem;
    margin-right: .25rem;

}
.xf-item-bd{
    padding: 0 .75rem .5rem;
    line-height: 1.8;
}
.xf-item-ft{
    display: flex;
    justify-content: space-between;
    padding: .5rem .75rem;
    border-top: 1px solid #efefef;
}
.pay-result-wrp{
    position: relative;
    height: 100%;
    background: url(../images/_jt-43.png) top center no-repeat;
    background-size: cover;
}
.pay-result-detail{
    
    position: absolute;
    left: 0;
    right: 0;
    bottom: 1rem;
    color: #fff;
    text-align: center;
    font-size: 1rem;
}
.pay-result-btn{margin-top: .75rem;}
.pay-result-btn img{
    max-width: 80%;
}

.cl-re-search{
    display: flex;
    align-items: center;
    padding: .75rem;
}
.cl-re-search > a{
    width: 3rem;
    background: #FF7244;
    color: #fff;
    height: 1.6rem;
    line-height: 1.6rem;
    text-align: center;
    border-radius: .25rem;
    font-size: .7rem;
    flex-shrink: 0;
    margin-left: .5rem ;
    
}
.cl-re-search input{
    height: 1.6rem;
    border: 1px solid #ccc;
    padding-left: .5rem;
    width: 100%;
    border-radius: .25rem;
}
.history-chat-search{
    background: #EFEFEF !important;
}
.history-chat-search .search-input .icon{
    top: .9rem;
}
.history-chat-search .searchbar .searchbar-cancel{
    width: 1rem;
    height: 1rem;
    line-height: 1rem;
    margin-top: .2rem;
    background: url(../images/Close.png) no-repeat;
    background-size: contain;
}
.history-chat-search .searchbar.searchbar-active .searchbar-cancel+.search-input{margin-right:1.5rem}
.history-chat-none{
    padding-top: 5rem;
    text-align: center;
    color: #949494;
}
.hcl-item{
    padding: .75rem;
    border-bottom: 1px solid #efefef;
    display: flex
}
.hcl-media{ width: 1.7rem;
    height: 1.7rem; margin-right: .5rem;flex-shrink: 0;}
.hcl-media img{
    width: 1.7rem;
    height: 1.7rem;
    border-radius: 50%;
}
.hcl-inner{
    width: 100%;
    min-width: 0;
}
.hcl-inner-title{
    display: flex;
    justify-content: space-between;
    color: #8e8e8e;
}
.hcl-inner-cont{
    margin-top: .25rem;
}
.hcl-inner-cont .tag{color: #FF7244;}
._zf_header{
    padding:.5rem .75rem .5rem;
    background: url(../images/wlj-header-bg.png) no-repeat;
    background-size: cover;
}
._zf_header_title img{
    width: 120px;
}
._zf_header .buttons-tab{
    margin-top: .25rem;
    justify-content: center;
}
._zf_header .buttons-tab>a{
    color: #fff !important;
    font-size: 1rem;
}
._zf_header .buttons-tab a{
    border-bottom: none !important;
}
._zf_header .buttons-tab a.active {
    border-bottom: none !important;
}
._zf_header .buttons-tab>a:nth-child(1){margin-right: 1rem;}
._zf_tab1_tip{
    margin: .25rem 0 .25rem 2rem;
}
._zf_tab1_tip span{
    position: relative;
    display: inline-block;
    border-radius: 2px;
    background: rgba(237, 67, 67, 0.10);
    color: #ED4343;
    font-size: .7rem;
    padding: 0 .25rem;

}
._zf_tab1_tip span::after{
    position: absolute;
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    pointer-events: none;
    border-color: transparent;
    border-bottom-color: rgba(237, 67, 67, 0.10);
    border-width: 4px;
    margin-left: -4px;
}
._zf_tab1_box{
    padding-bottom: .75rem;
}
._zf_video_list_wrp{
    padding-bottom: .25rem;
}
._zf_video_list{
    padding:.25rem .75rem 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: .75rem;
}
._zf_video_list_title{
    font-size: 1rem;
    color: #C32526;
    font-family: "PingFang SC";
    font-weight: 600;
}
._zf_video_list_hd{
    padding: .5rem .75rem .1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
._zf_video_list_after{
    color: #999;
    font-size: .7rem;
}
._zf_goon_play > div{
    width: 100%;
    min-width: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
._zf_goon_play > span{
    width: 3rem;
    flex-shrink: 0;
}
._zf_vli_inner_title{
    display: -webkit-box;
    -webkit-line-clamp: 1; /* 设置最大行数 */
    -webkit-box-orient: vertical;
     overflow: hidden;
    text-overflow: ellipsis;
}
._zf_vli_inner_time{
    font-size: .65rem;
    color: #999;
}
._zf_vli_inner_user{
    display: flex;
    align-items: center;
    margin-top: .2rem;
}
._zf_vli_inner_user > img{
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%;
}
._zf_vli_inner_user span{
    font-size: .65rem;
    margin-left: .4rem;
    line-height: 1;
}
._zf_vli_media img{max-width: 100%;vertical-align: top;}
._zf_vli_inner{
    margin-top: .25rem;
    font-size: .7rem;
    
    line-height: 1.2;
    padding:0 .25rem .2rem;
}
._zf_goon_play{
    display: flex;
    justify-content: space-between;
    padding: .25rem .5rem .2rem .75rem;
   
    background: #F6F6F6;
    font-size: .65rem;
}
._zf_goon_play > span{
    color: #999;
}
.arrow-box {
    position: relative;
    height: 160px;
    background: #f0f9ff;
    border: 2px solid #bdc3c6;
    border-radius: 6px;
}
._zf_video_list-item{
    position: relative;
    box-shadow: 0 0 8px #ccc;
    border-radius: 4px;
}
._zf_back_to_play{
    position: absolute;
    top: .5rem;
    left: 0;
}
._zf_back_to_play img{
    max-width: 70%;
}
._zf_video_list_more{
    padding-bottom: .5rem;
    text-align: center;
    font-size: .65rem;
    color: #999;
}
._zf_stock_pool{

}
._zf_sp_item{
    margin: .75rem;
    padding: .5rem;
    box-shadow: 0 0 8px #ccc;
    border-radius: 4px;

}
._zf_sp_one{
    background: #4861F9;
    padding: .5rem;
    border-radius: 4px;
}
._zf_sp_one > div{background-color: #fff;border-radius: 4px;padding-bottom: 0.001rem;}
._zf_sp_one_btn{
    background: #C32526;
    color: #fff;
    padding: .5rem 0;
    text-align: center;
    border-radius: 4px;
    margin: .5rem;
}
._zf_pro_bd .buttons-tab{
    padding: .75rem 1rem .5rem;
}
._zf_tab_wrp .buttons-tab a{
    position: relative;
    flex: 1;
    border: 1px solid #8e8e8e !important;
    border-radius: 2px;
    text-align: center;
    margin-right: 1rem;
    color: #1E1E1E !important;
    padding: .25rem 0 .2rem;
    font-size: .65rem;
}
._zf_tab_wrp .buttons-tab a:last-child{
    margin-right: 0;
}
._zf_tab_wrp .buttons-tab a.active{
    background: #D43742;
    color: #fff !important;
    border: 1px solid #D43742 !important;
}
._zf_tab_wrp .buttons-tab a.active::after{
    position: absolute;
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    pointer-events: none;
    border-color: transparent;
    border-top-color: #D43742;
    border-width: 6px;
    margin-left: -6px;
}
.wlj-ili{
    padding-bottom: 15px;
    border-bottom: 1px solid #efefef;
}
.wlj-info-list > .wlj-ili:last-child{border: none;padding-bottom: 0;}
.wlj-ili-hd{
    display: flex;
    padding: 15px 0 10px;
    align-items: center;
}
.wlj-ili-hd .stock-name{font-size: 16px;color: #000;}
.wlj-ili-hd .stock-name span{font-size: 12px;color: #666;padding-left: 3px;}
.wlj-ili-hd .r,.wlj-ili-hd .g{font-size: 16px;}
.wlj-ili-top{
    position: relative;
    display: inline-block;
    
    padding-top: 1px;
    border-width: 1px;
    padding-right: 2px;
    border-style: solid;
    border-radius: 2px;
    padding-left: 2px;
    color: #ff8b4a;
    border-color: #ff8b4a;
    font-weight: bold;
}
.wlj-ili-hd > *{
    margin-right: 20px;
}
.wlj-ili-top1{
    padding-left: 16px;
    border-color:#D43742;
    color: #D43742;
}
.wlj-ili-top2{
    padding-left: 16px;
    border-color:#FF6711;
    color: #FF6711;
}
.wlj-ili-top3{
    padding-left: 16px;
    border-color:#F29100;
    color: #F29100;
}
.wlj-ili-top::before{
    position: absolute;
    content: '';
    width: 18px;
    height: 18px;
    top: 0;
    left: -2px;
}
.wlj-ili-top1::before{
    
    background: url(../images/icon-top-01.png) no-repeat;
    background-size: contain;
}
.wlj-ili-top2::before{
    
    background: url(../images/icon-top-02.png) no-repeat;
    background-size: contain;
}
.wlj-ili-top3::before{
    
    background: url(../images/icon-top-03.png) no-repeat;
    background-size: contain;
}
.wlj__tabs .wlj-ili-bd{
    padding: 0 15px;
   
}
.wlj__tabs .wlj-ili-hd{padding-left: 15px;}
.wlj-ili-detail{
    display: flex;
    justify-content: space-between;
    line-height: 1.5;
    font-size: .75rem;
}
.wlj-ili-detail > div > div:nth-child(1){
    color: #999;
}
.wlj-ili-detail > div > div:nth-child(2){
    font-size: 16px;
}
.wlj-ili-detail > div{text-align: center;}
.wlj-ili-detail > div:last-child{text-align: right;}
.wlj-ili-detail > div:first-child{text-align: left;}
.wlj-ili-info{
    margin-top: 8px;
    padding: 8px 14px;
    border-radius: 2px;
    background: #f6f6f6;
    color: #565656;
    line-height: 1.5;
    font-size: .7rem;
}
._zf_pro_hd{
    display: flex;
    background: url(../images/n12_date_icon.png) top left no-repeat;
    background-size: 50%;
    border-radius: 2px;
    align-items: flex-start;

}
._zf_pro_hd_date{
    margin-left: .75rem;
    background: #fff;
    box-shadow: 0 0 5px #ccc;
    border-radius: 2px;
    text-align: center;
}
._zf_pro_date_m span{
    padding: 0 .5rem;
    width: 60px;
    display: inline-block;
    background: #D43742;
    border-radius: 2px;
    color: #fff;
}
._zf_pro_date_d span{
    font-size: 1rem;
    
}
._zf_pro_hd_market{
    display: flex;
    align-items: flex-start;
    margin-left: .5rem;
    padding: .5rem;
    border-radius: 4px;
    background: rgba(74, 134, 223, 0.30);

}
._zf_pro_hd_market > img{
    flex-shrink: 0;
    width: 60px;
}
._zf_pro_market_info{
    display: flex;
    width: 100%;
    min-width: 0;
    
}
._zf_pro_market_info > div{
    padding: .25rem;
    background: #fff;
    border-radius: 4px;
    font-size: .7rem;
    text-align: center;
    margin-left: .5rem;
    line-height: 1.3;
}
._zf_pro_market_info > div > div:nth-child(2){
    font-size: 1rem;
    font-weight: 600;
}
._zf_sp_hd{
    font-size: 1rem;
    color: #1130BD;
    font-weight: 600;
}
._zf_pro_tc{
    margin: .75rem;
    box-shadow: 0 0 8px #ccc;
    border-radius: 4px;
}
._zf_pro_tc_hd{
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #efefef;
    padding: .75rem;
    align-items: center;
}
._zf_pro_tc_hd > div:nth-child(1){
    font-size: 1rem;
}
._zf_pro_tc_hd > div:nth-child(2){
    font-size: .7rem;
    color: #999;
}
._zf_tc_bd_h{
    display: flex;
    align-items: flex-start;
}
._zf_tc_bd_h img{
    width: 94px;
    flex-shrink: 0;
    margin: -8px 0 0 -10px;
}
._zf_tc_h_i{
    max-width: 100%;
    min-width: 0;
    margin-top: 6px;
}
._zf_tc_h_i .ttt{font-size: 1rem;font-weight: 600;}
._zf_tc_h_g {
    display: flex;
}
._zf_tc_h_g span{
    color: #ED4343;
    border-radius: 2px;
    background: rgba(237, 67, 67, 0.10);
    margin-right: .5rem;
    font-size: .65rem;
    padding: 0 .25rem;
    
}
._zf_tc_bd_hcit span{
    position: relative;
    padding-left: .5rem;
    font-weight: 600;
}
._zf_tc_bd_hcit span::before{
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 3px;
    height: 12px;
    background: #D43742;
    transform: translateY(-50%);
}
._zf_tc_bd_hcic{
    font-size: .7rem;
   
}
._zf_tc_hcic_text{
    padding: .25rem .5rem .5rem;
}
._zf_tc_chart_text{
    margin: .5rem;
    background: #F6F6F6;
    padding: .25rem .5rem;
    border-radius: 2px;
}
._zf_tab_jue_hd{
    font-size: 1rem;
    font-weight: 600;
    padding: .75rem;
}
._zf_tab_jue .buttons-tab{
    padding: 0 1rem ;
}
._zf_tab_jue .wlj-ili{
    padding: .75rem;
}
.wlj-ili_more{
    margin-top: .75rem;
    padding: .75rem;
    border-top: 1px solid #efefef;
    text-align: center;
    font-size: .75rem;
    color: #999;
}
._zf_tab_ds{
    margin: .75rem;
    box-shadow: 0 0 8px #ccc;
    border-radius: 4px;
}
._zf_ds_title{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .5rem;
    background-image: linear-gradient(90deg, #F2A313 0%, rgba(241, 164, 22, 0.00) 100%);
    color: #fff;
}
._zf_ds_title_f{
    font-size: 1rem;
}
._zf_ds_title_info{
    display: flex;
    padding-right: .5rem;
    padding-bottom: .5rem;
}
._zf_ds_title_info > div{
    flex: 1;
    background: #F6F6F6;
    border-radius: 2px;
    padding: .5rem 0;
    text-align: center;
    font-size: .7rem;
    margin: .5rem 0 0 .5rem;

}
._zf_ds_title_info > div span{display: inline-block; border-radius: 3px;padding: .25rem .5rem;margin-bottom: .2rem;}
._zf_ds_title_info > div:nth-child(1) > span{
   
background: rgba(32, 122, 255, 0.10);
color: #207AFF;
border: 1px solid #207AFF;
}
._zf_ds_title_info > div:nth-child(2) > span{
   
  
border: 1px solid #FF39D4;
background: rgba(255, 57, 212, 0.10);
color: #FF39D4;
    }
    ._zf_ds_title_info > div:nth-child(3) > span{
   

        border: 1px solid #F1A416;
        background: rgba(241, 164, 22, 0.10);
        color: #F1A416;
        }
._zf_ds_title_info2,._zf_ds_title_info3{
    
    background: #F6F6F6;
    border-radius: 2px;
    padding: .5rem ;
    font-size: .7rem;
    align-items: flex-start;
    margin:0 .5rem;
}
._zf_ds_title_info2 > span{
    display: inline-block;
    margin-bottom: 4px;
    flex-shrink: 0;
    border-radius: 3px;
    border: 0.5px solid #ED4343;
    background: rgba(237, 67, 67, 0.10);
color: #ED4343;
margin-right: .5rem;
padding: 0 .25rem;
}
._zf_ds_title_info3{margin-top: .5rem;}
._zf_ds_title_info3 > span{
    display: inline-block;
    margin-bottom: 4px;
    flex-shrink: 0;
    border-radius: 3px;
border: 0.5px solid #9039FF;
background: rgba(144, 57, 255, 0.10);
color: #9039FF;
margin-right: .5rem;
padding: 0 .25rem;
}
._zf_project_title{
    padding: .5rem .75rem .25rem;
    font-weight: 600;
}

.video-wrp {
    position: relative;
}

.video-info {
    position: fixed;
    width: 100%;
    /* top: calc(var(--f7-navbar-height) + var(--f7-safe-area-top)); */
    top: 2.2rem;
    left: 0;
    z-index: 99999;
    background: #000;
    height: 11rem;
}

.video-play-btn {
    position: absolute;
    width: 40px;
    height: 51px;
    left: 50%;
    margin-left: -20px;
    top: 50%;
    margin-top: -25px;
    z-index: 10000;
}

.video-info-time {
    height: 15rem;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 16px;
}

    .video-info-time > div > div {
        font-size: 20px;
    }

        .video-info-time > div > div > span {
            margin: 0 5px;
        }

#video,
.company-video {
    width: 100%;
    height: 11rem;
   /* object-fit: fill;*/
}

.video-cont {
    padding-top: 11rem;
}

.video-tip {
    background: #f5414d;
    color: #fff;
    padding: 5px 15px;
    font-size: 14px;
}

.vp-hd {
    display: flex;
    padding: 10px 15px 5px;
    justify-content: space-between;
    align-items: center;
}
.vc-project-info {
    padding: 30px 15px 40px 15px;
    background: #ed4343 url(../images/__jt-41.png) center no-repeat;
    background-size: cover;
    color: #fff;
}

.vc-info-title {
    font-size: 16px;
    line-height: 1.8;
    background: #ed4343 url(../images/__jt-41.png) center no-repeat;
    background-size: cover;
    color: #fff;
    position: absolute;
    top: 11rem;
    padding-left: 15px;
    right: 0;
    left: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.vc-info-cont {
    display: flex;
    margin-top: 6px;
    justify-content: space-between;
    align-items: center;
}

.vc-book-btn {
    display: inline-block;
    padding: 5px 15px;
    background: #fff;
    color: rgba(237, 67, 67, 1);
    border-radius: 1rem;
}

    .vc-book-btn.active {
        background: rgba(189, 189, 189, 1);
        color: #fff;
    }

    .vc-book-btn.histroy {
        background: rgba(255, 202, 70, 1);
        color: #333;
    }

.vc-info-cont .icon {
    margin-right: 4px;
    width: 15px;
    height: 15px;
    vertical-align: -10% !important;
}

.vc-project-meta {
    margin: -30px 15px 15px 15px;
    background: #1e1e1e;
    border-radius: 6px;
    color: #fff;
}

.vc-meta-hd span {
    display: inline-block;
    padding: 5px 10px;
    background: linear-gradient(90deg, #f7af02 0%, #fbd217 101.72%);
    border-radius: 6px 0px;
    color: #fff;
}

.vc-meta-text {
    padding: 10px 15px;
}
.video-project-list-hd{
    font-size: 18px;
    font-weight: bold;
    padding: 0 15px 8px 15px;
}
.video-project-item{
    display: flex;
    padding: 0 15px 10px;
}
.video-project-item-media{
    width: 120px;
    height: 70px;
    flex-shrink: 0;
    margin-right: 6px;
    overflow: hidden;
    border-radius: 4px;
}
.video-project-item-media img{
    width: 120px;
    height: 70px;
    object-fit: cover;
}
.video-project-item-inner{
    max-width: 100%;
    min-width: 0;
}
.video-project-inner-title{
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-weight: 600;
}
.video-project-inner-text{
    margin-top: 3px;
    font-size: 14px;
    line-height: 1.2;
    height: 33px;
    overflow: hidden;

}
.video-project-inner-fd{
    font-size: 14px;
    color: #999;
}
.wlj-header{
    padding: 15px 0;
    background: url(../images/wlj-header-bg.png) no-repeat;
    background-size: cover;
}
.wlj-header-hd{
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 16px;
    padding: 0 15px;
}
.wlj-header-hd{
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 16px;
}
.wlj-header-text-logo{width: 110px;}
.wlj-header-text-logo img{ max-width: 100%;}
.wlj-header-bd{
    margin-top: 15px;
    display: flex;
    justify-content: space-between;
}
.wlj-header-bd a.tab-link{
    display: block;
    color: #fff !important;
}
.wlj-header-bd .tab-link .s{padding-left: 10px;}
.wlj-header-bd .tab-link .m{
    width: 94px;
    height:40px;
    line-height: 40px;
    font-size: 20px;
    text-align: center;
}
.wlj-header-bd .tab-link:nth-child(2) .m{
    text-align: left;
}
.wlj-header-bd .active .m{
    background: url(../images/wlj-tabbar-bg.png) no-repeat;
    background-size: contain;
    color: #D43742;
    
    
}
.wlj-header-bd .tab-link:nth-child(2).active .m{
    text-align: center;
}
.wlj-header-text-logo{width: 110px;}
.wlj-header-text-logo img{ max-width: 100%;}
.wlj-header-bd{
    margin-top: 15px;
    display: flex;
    justify-content: space-between;
}
.wlj-header-bd .tab-link{
    display: block;
    color: #fff;
}
.wlj-header-bd .tab-link .s{padding-left: 10px;}
.wlj-header-bd .tab-link .m{
    width: 94px;
    height:40px;
    line-height: 40px;
    font-size: 20px;
    text-align: center;
}
.wlj-header-bd .tab-link:nth-child(2) .m{
    text-align: left;
}
.wlj-header-bd .tab-link-active .m{
    background: url(../images/wlj-tabbar-bg.png) no-repeat;
    background-size: contain;
    color: #D43742;
    
    
}
.wlj-header-bd .tab-link:nth-child(2).tab-link-active .m{
    text-align: center;
}
.wlj-chart-item{
    padding: 15px;
}
.wlj-ci-cont {
    margin-top: 15px;
}
.wlj-ci-cont img{
    max-width: 100%;
}
.wlj-info-time{
    padding: 15px 15px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.wlj-info-time-l span{
    display: inline-block;
    margin-left: 4px;
    line-height: 1;
    padding: 2px 4px;
    border-radius: 2px;
    background: rgba(212, 55, 66, 0.10);
    color: #D43742;
}
.date-pick-wrp{
    position: relative;
}
.date-pick-wrp input{
    width: 120px;
    background: #f0f0f0;
    border-radius: 4px;
    line-height: 1;
    padding: 6px 25px;
    font-size: 14px;
    border: none;
}
.icon-date{
    position: absolute;
    top: 8px;
    left: 6px;
    width: 14px;
    height: 14px;
    background: url('../images/icon_date.png') no-repeat;
    background-size: contain;
}
.icon-arrow{
    position: absolute;
    top: 12px;
    right: 8px;
    width: 6px;
    height: 6px;
    background: url('../images/icon_play.png') no-repeat;
    background-size: contain;
}
.wlj-info-card{
    position: relative;
    margin: 15px;
    border-radius: 2px;
    background: #FFF;
    box-shadow: 0px 6px 16.3px 0px rgba(0, 0, 0, 0.14);
}
.wlj-info-card::after{
    position: absolute;
    content: '';
    bottom: -5px;
    left: 50%;
    margin-left: -5px;
    width: 10px;
    height: 10px;
    background: #fff;
    transform: rotate(-45deg);
}
.wlj-info-card-hd{
    display: flex;
    justify-content: space-between;
    padding: 10px;
    line-height: 1;
    border-bottom: 1px solid #efefef;
}
.wlj-info-card-title{
    font-size: 16px;
    font-weight: bold;
}
.wlj-card-title-after{
    font-size: 20px;
    font-weight: 500;
}
.wlj-info-card-bd{
    padding: 10px;
   
}
.wlj-info-card-bd .wlj-ili-detail{
    line-height: 1.5;
}
.wlj-info-card-after{
    text-align: center;
    color: #8e8e8e;
    font-size: 16px;
}
.wlj-info-card-after span{
    position: relative;
}
.wlj-info-card-after span::after{
    position: absolute;
    content: '';
    height: 1px;
    background: #8e8e8e;
    width: 10px;
    left: -14px;
    top: 10px;
}
.wlj-info-card-after span::before{
    position: absolute;
    content: '';
    height: 1px;
    background: #8e8e8e;
    width: 10px;
    right: -14px;
    top: 10px;
}
.wl-info-sort-wrp{
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
}
.wl-info-sort-wrp > div{
    text-align: center;
    font-size: 14px;
    color: #999;
}
.wl-info-sort-wrp > div:last-child{text-align: right;padding-right: 15px;}
.wl-info-sort-wrp > div:first-child{text-align: left;padding-left: 15px;}
.icon__sort{
    width: 12px;
    height: 12px;
    background: url(../images/icon-red-sort.png) no-repeat;
    background-size: contain;
}
.wl-info-sort-tip{
    margin-top: 8px;
    padding: 5px 15px;
    display: flex;
    justify-content: space-between;
    border: 0.5px solid #D43742;
background: linear-gradient(90deg, rgba(212, 55, 66, 0.10) 0%, rgba(212, 55, 66, 0.00) 100%);
}
.stock-pool-item{
    margin: 15px;
    box-shadow: 0 0 8px #ccc;
    border-radius: 4px;
    font-size: 14px;
}
.stock-pool-hd{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.stock-pool-name{
    font-size: 20px;
    font-weight: 600;
}
.stock-pool-tag span{
    padding: 0 5px; 
    display: inline-block;
    border-radius: 2px;
    background: rgba(212, 55, 66, 0.10);
    color: #D43742;
}
.stock-pool-inner-hd{
    display: flex;
    justify-content: space-between;
}
.stock-pool-inner-tag span{
    display: inline-block;
    border-radius: 2px;
    background: #F8A10F;
    color: #fff;
    padding: 0 5px;

}
.stock-pool-inner-after{
    color:  #F8A10F;
}
.stock-pool-footer{
    border-radius: 2px;
background: rgba(16, 118, 239, 0.10);
color: #1076EF;
padding: 2px 5px;
}
.stock-pool-inner-text{
    position: relative;
    display: -webkit-box;
    -webkit-line-clamp: 6; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.stock-pool-inner-text.more{
    -webkit-line-clamp: 100; 
}
.stock-pool-inner-text a{
    position: absolute;
    right: 5px;
    bottom: 0;
    padding-left:20px;
    color: #008ae1;
    background: linear-gradient(to right,rgba(255,255,255,.8),rgba(255,255,255,1));
}
._video-info-tip{
    font-size: .7rem;
    padding: 0 .75rem .5rem;
    color: #999;
}
.__zf__tab__item img{
    position: absolute;
    max-width: 100%;
    top: 0px;
    left: 13px;
    height: 40px;
}
.niw-stock-wrp {
    margin: 15px;
    padding: 15px;
    border: 2px solid #ff8c90;
    border-radius: 8px;
    overflow: hidden;
    background: url(../images/_jt-11.png) top right no-repeat;
    background-size: 160px;
  }
  
  .niw-swt-img {
    max-width: 100%;
  }
  
  .niw-stock-wrp .asw-st-input input {
    height: 50px;
    line-height: 50px;
    border-color: #ff8c90;
  }
  
  .niw-stock-wrp .asw-st-input button {
    height: 50px;
    background: #d6393a;
    color: #fff;
  }
  .__zf__none{
    text-align: center;
    color: #999;
    padding: 30px;
  }
  .__zf__none img{max-width: 50%;margin-bottom: 10px;}
  .__xgq__enter{
    padding: 8px 8px 0 8px;
    border: 2px solid #ff8c90;
    border-radius: 8px;
    margin: 15px;
  }
  .__xgq__enter img{
    max-width: 100%;
  }
  .sp_sub_bar{
    display: flex;
    margin-top: .25rem;
    justify-content: center;
  }
  .sp_sub_bar span{

    font-size: .6rem;
    background: #efefef;
    border-radius: .2rem;
    padding: .25rem .5rem;
    margin-left: .4rem;
    border: 1px solid #efefef;
  }  
  .sp_sub_bar span.active{
    border-color: #D43742;
    color: #D43742;
    background: #fff;
  }
  .sp_sub_bar > span:first-child{margin-left: 0;}
.__hot__icon{
    position: absolute;
    top: .25rem;
    left: .25rem;
    width: 14px;
    height: 14px;
    background: url(../images/icon-69.png) no-repeat;
    background-size: contain;

}
.star_explain_item{
    margin-top: .5rem;
    display: flex;
}
.star_explain_item:first-child{margin-top: 0;}
.star_explain_item img{
    width: 14px;
    height: 14px;
    flex-shrink: 0;
    margin-top: 2px;
}
.star_explain_item span{
    width: 100%;
    margin-left: .25rem;
    min-width: 0;
    font-size: .7rem;
    text-align: left;
}

.__ls_info{
    height: 100%;
    background: #F3F3F3;
    padding: .4rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.__ls_zf_list_info{
    position: relative;
    background: #F3F3F3;
}
.__ls_zf_list_info::after{
    position: absolute;
    content: '';
    top: 50%;
    width: 0;
    height: 0;
    right: -6px;
    margin-top: -5px;
    border-style: solid;
    border-width: 5px 0 5px 6px;
    border-color: transparent transparent transparent #F3F3F3;  


}

.__ls_name{
    display: flex;
    align-items: center;
}
.__ls_name img{
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%;
    margin-right: .25rem;
}
.__ls_name span{
    font-weight: 600;
}
.__ls_text{
    margin-top: .25rem;
    font-size: .7rem;
    line-height: 1.2;
}
.__ls_tag{
    display: flex;
    flex-wrap: wrap;
}
.__ls_tag span{
    font-size: .6rem;
    color: #F5414D;
    border: 1px solid #F5414D;
    border-radius: .15rem;
    padding: 0 .15rem;
    margin-right: .25rem;
    margin-top: .15rem;
}
.__ls_news_hd{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;

}
.__ls_news_hd > span{
    font-size: .6rem;
    color: #999;
}
.__ls_zf_list ._zf_video_list-item{
    box-shadow: none;
}
.__ls_news_text{
    display: -webkit-box;
    -webkit-line-clamp: 3; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: .7rem;
}
.__ls_p_info{
    display: flex;
    padding-bottom: .6rem;
    margin-bottom: .5rem;
    border-bottom: 1px solid #fff;
    color: #fff;
    align-items: center;
}
.__ls_p_info > img{
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 50%;
    vertical-align: top;
    margin-right: .5rem;
}
.__ls_p_info_name{
    font-size: .9rem;
    font-weight: 600;
    color: #FFE596;
}
.__ls_p_info_detail{
    font-size: .6rem;
}
.__ls_p_info_text{
    display: -webkit-box;
    -webkit-line-clamp: 3; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: .7rem;
    color: #fff;
}
.__ls_list_item{
    padding: .75rem;
    border-bottom: 1px solid #efefef;
}
.__ls_item_hd{
    display: flex;
    align-items: center;
    line-height: 1;
}
.__ls_item_hd > img{
    width: 1.7rem;
    height: 1.7rem;
    border-radius: 50%;
    margin-right: .25rem;
}
.__ls_item_user_name{
    font-size: .7rem;
}
.__ls_item_time{
    font-size: .6rem;
    color: #999;
}
.__ls_item_title{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000;
}
.__ls_item_text{
    display: -webkit-box;
    -webkit-line-clamp: 3; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: .7rem;
    max-height: 3.9375rem;
}
.__ls_item_media{
    margin-top: .25rem;

}
.__ls_item_video{
    position: relative;
    margin-top: .25rem;
}
.__ls_item_video img{
    width: 100%;
}
.__ls_media_imgs{
   min-width: 12.125rem;
   min-height: 12.125rem;
   max-width: 12.125rem;
   max-height: 12.125rem;
   object-fit: cover;
}
.__ls_media_imgb{
    max-width: 100%;
    max-height: 18.75rem;
}
.__ls_item_bd{margin-top: .35rem;}
.__ls_content .buttons-tab{
    margin-top: .25rem;
    white-space: nowrap;
    overflow-x: scroll;
}
.__ls_content .buttons-tab a{
    position: relative;
    color: #999 !important;
    padding: .25rem .75rem 0 .75rem;
    font-size: .7rem;
}
.__ls_content .buttons-tab a.active{
    color: #000 !important;
    font-size: .8rem;
    font-weight: 600;
}
.__ls_content .buttons-tab a.active::after{
    position: absolute;
    content: '';
    left: .75rem;
    right: .75rem;
    bottom: 0;
    height: 2px;
    background: #C92629;
}
.modal-text{
    max-height: 500px;
    overflow-y: scroll;
}
.info_none{
    margin-top: 1rem;
    text-align: center;

}
.info_none img{
    max-width: 25%;
}
.info_none p{
    margin-top: .5rem;
    color: #999;
    font-size: .7rem;
}
.__ls__banner img{
    max-width: 100%;
    vertical-align: top;
    margin-top: .25rem;
}
.__ls__none img{
    max-width: 100%;
    vertical-align: top;
    margin: .25rem 0 .75rem;
}
.__ls__item_avatar > img{
    max-width: 100%;
    vertical-align: top;
}
.__ls__item_avatar{
    position: relative;
}
.__ls__item_avatar_info{
    position: absolute;
    padding:  2rem .5rem .25rem;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 88.64%);
    left: 0;
    right: 0;
    bottom: 0;
    color: #fff;
    font-size: .7rem;
}
.__ls__item{
    margin:.5rem .75rem .75rem;
    box-shadow: 0px 7px 19.3px rgba(0, 0, 0, 0.25);
    border-radius: 4px;
}
.__ls__cont__i{
    display: flex;
    align-items: flex-start;
    padding:0 .5rem;
    margin-top: .5rem;
}
.__ls__item_cont{
    padding-bottom: .5rem;
}
.__ls__cont_show_more{
    margin: .5rem .5rem 0;

}
.__ls__cont_show_more a{
    display: block;
    padding: .25rem 0;
    font-size: .7rem;
    text-align: center;
    background: rgba(243, 243, 243, 1);
    color: rgba(98, 143, 251, 1);
}
.__ls__cont__il{
    display: flex;
    align-items: center;
    min-width: 3rem;
    text-align: center;
    flex-shrink: 0;
    border-radius: 4px;
    font-size: .7rem;
    justify-content: center;
    margin-right: .5rem;
}
.__ls__cont__il img{
    width: .85rem;
    height: .85rem;
    vertical-align: top;
    margin-right: .15rem;
}
.__il_gd{
    background: rgba(195, 37, 38,.1);
    color: rgb(195, 37, 38);
    
}
.__il_sp{
    background: rgba(61, 94, 238, 0.1);
    color: rgba(61, 94, 238, 1);
}
.__il_yy{
    background: rgba(242, 145, 0, 0.1);
    color: rgba(242, 145, 0, 1);
}
.__ls__cont__i_text{
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: .8rem;
    color: #000;
}
.video_icon_tip{
    position: absolute;
    top: 0;
    left: 0;
    background: #0894ec;
    box-shadow: 0 0 8px #666;
    color: #fff;
    display: flex;
    align-items: center;
    font-size: .7rem;
    padding: .15rem .25rem .1rem;
    border-radius: .2rem;
}
.video_icon_tip i{
    display: inline-block;
    width: 1rem;
    height: 1rem;
    margin-right: .2rem;
    background: url(../images/Video--white.png) no-repeat;
    background-size: contain;
}
.video_icon_play{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 2.5rem;
    height: 3.1825rem;
    background: url(../images/icon-video-play.png) no-repeat;
    background-size: contain;
    transform: translate(-50%,-50%);
}
.__ls_item_yy{
    display: flex;
    align-items: flex-start;
}
.__ls_item_yy_inner{
    width: 100%;
   
    
    font-size: .8rem;
    color: #000;
}

/* 抢筹先锋 */
._qc_header{
    margin: .75rem;
    background: #f6f6f6;
    border-radius: .125rem
}
._qc_h_t{
    display: flex;
    justify-content: space-between;
    padding: .5rem;

}
._qc_h_tt{
   font-size: 1.25rem;
   color: #1e1e1e;
}
._qc_h_tr{
   display: flex;
   text-align: right;
}
._qc_h_tr > img{
   max-height: 60%;
}
._qc_h_tg span{
    display: inline-block;
    padding: .25rem;
    background: rgba(195, 37, 38, 0.1);
    color: #C32526;
    font-size: .625rem;
    border-radius: .125rem;
    line-height: 1;
}
._qc_h_num{
    font-size: 2.375rem;
    line-height: 1;
    color: #C32526;
    font-family: DIN Next LT Pro;
}
._qc_h_num_meta{
    font-size: .75rem;
}
._qc_h_cont{
    margin: 2px;
    background: #fff;
}
._qc_list_item{
    margin: .75rem;
}
._qc_list_item_hd{
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}
._qc_list_item_title{
    position: relative;
    font-size: 1.25rem;
    padding-left: .75rem;
}
._qc_list_item_title::before{
    position: absolute;
    content: '';
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: .25rem;
    height: .875rem;
    background: #D43742;

}
.qc_list_title_after{
    font-size: .75rem;
    color: #999;
}
.warnning_text{
    background: #f6f6f6;
    font-size: .625rem;
    padding: .5rem .75rem;
    color: #999;
}
.__ls_item_meta{
    padding: .1rem .5rem .05rem;
    margin: .2rem 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    background: rgba(201, 38, 41, 0.1);
    font-size: .7rem;
}

.__yy_time_wrp{
    margin-top: .2rem;
}
.__yy_time_progress{
    position: relative;
    height: .1875rem;
    background: #efefef;
}
.__yy_time_bar{
    position: absolute;
    top: 0;
    left: 0;
    height: .1875rem;
    background: #F29100;
}
.__yy_time_text{
    display: flex;
    margin-top: .2rem;
    justify-content: space-between;
    color: #8e8e8e;
    font-size: .625rem
}

.echart-line-nav {
    
    font-size: .7rem;
}
.echart-line-nav a {
    padding: 0 0.2rem;
}
.echart-line-nav a.active {
    background: #d4ebff;
    color: #fc4d4d;
}
.echart-line-time {
    padding:0;
    font-size: .75rem;
    display: flex;
    justify-content: space-between;
}
._qc_h_cont .hg-table td{
    text-align: left;
    padding-left: 5px;
}
.__bs__dia_wrp{text-align: left;}
.__bs__title span{
    color: #999;
    font-size: .7rem;
    margin-left: .2rem;
}
.__bs__item{margin-top: .25rem;}
.__bs__item p{margin-top: 0;}
._diy_list_wrp{
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(3,1fr);
    justify-content: space-between;
}
._diy_list_item{
    text-align: center;
    line-height: 1;
}
._diy_list_item p{
    margin-top: 0;
}
._diy_list_item > p:nth-child(2){
    font-size: .85rem;
    color: #2e2e2e;
}
._diy_list_item > p:nth-child(3){
    margin-top: .2rem;
    font-size: .65rem;
    color: #999;
}
._diy_list_item i{
    display: inline-block;
    width: 1.75rem;
    height: 1.75rem;
    background-size: contain;
    vertical-align: top;
}
._diy_icon_01{ background: url(../images/strategyVip-icon_celue.png) no-repeat; }
._diy_icon_02{ background: url(../images/strategyVip-icon_xuangu.png) no-repeat; }
._diy_icon_03{ background: url(../images/strategyVip-icon_qinlong.png) no-repeat; }
._diy_icon_04{ background: url(../images/strategyVip-icon_xinhao.png) no-repeat; }
._diy_icon_05{ background: url(../images/strategyVip-icon_dianjin.png) no-repeat; }
._diy_icon_06{ background: url(../images/strategyVip-icon_juejin.png) no-repeat; }
._diy_icon_07{ background: url(../images/strategyVip-icon_zhanfa.png) no-repeat; }
._diy_icon_08{ background: url(../images/strategyVip-icon_zhibo.png) no-repeat; }
._diy_icon_09{ background: url(../images/strategyVip-icon_fuwu.png) no-repeat; }
._diy_icon_10{ background: url(../images/ydy_icon.png) no-repeat; }
._diy_icon_11{ background: url(../images/icon_zhouqi@2x.png) no-repeat; }
._diy_icon_12{ background: url(../images/icon_wenduji@2x.png) no-repeat; }
._diy_icon_13{ background: url(../images/icon_fajiao@2x.png) no-repeat; }
._diy_icon_14{ background: url(../images/icon_gongzhen@2x.png) no-repeat; }
._diy_icon_15{ background: url(../images/icon_guanlian@2x.png) no-repeat; }
._diy_icon_16{ background: url(../images/Circulate@2x.png) no-repeat; }
._diy_icon_17{ background: url(../images/2@2x.png) no-repeat; }
._diy_icon_18{ background: url(../images/icon_yujing1@2x.png) no-repeat; }
/*策略跟踪*/
.__cl__trade__list{
    position: relative;
    overflow: hidden;
    
}
.swiper-button-next{
    top: 20%;
    width: 1.5rem;
    height: 1.5rem;
    background: url(../images/arrar-gray-right.png) right no-repeat;
    background-size: contain;
   
}
.swiper-button-prev{
    top: 20%;
    width: 1.5rem;
    height: 1.5rem;
    background: url(../images/arrar-gray-right.png) right no-repeat;
    background-size: contain;
    transform: rotateY(180deg);
} 
.__cl_bs_ihd{
    display: flex;
    align-items: center;
    color: #666;
    
}
.__cl_bs_ihd > span{
    margin-left: .5rem;
}
.__cl_ihd_avatar{
    width: 1.8rem;
    flex-shrink: 0;
}
.__cl_ihd_avatar,.__cl_trade_yy_avatar{
    position: relative;
    
}
.__cl_ihd_avatar img,.__cl_trade_yy_avatar img{
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 50%;
}
.__cl_ihd_avatar span,.__cl_trade_yy_avatar span{
    position: absolute;
    left: 0;
    bottom: .25rem;
    right: 0;
    background: #C32526;
    color: #fff;
    text-align: center;
    font-size: .6rem;
    line-height: 1;
    padding: .15rem 0 .1rem;
}
.__cl_itag_r{
    color: #C32526;
    border: 1px solid #C32526;
    border-radius: 2px;
    font-size: .75rem;
    padding: 0 .25rem;
}
.__cl_itag_b{
    color: #3D5EEE;
    border: 1px solid #3D5EEE;
    border-radius: 2px;
    font-size: .75rem;
    padding: 0 .25rem;
}
.__cl_itag_d{
    color: #9746ff;
    border: 1px solid #9746ff;
    border-radius: 2px;
    font-size: .75rem;
    padding: 0 .25rem;
}
.__cl_bs_ibd{
    background: #F6F6F6;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.__cl_bs_item{
    margin-top: .5rem;
}

.__cl_bs_info{
    display: flex;
    align-items: center;
}
.__cl_b_infoL,.__cl_s_infoL{
    background: #C32526;
    color: #fff;
    line-height: 1.1;
    padding: .25rem;
    font-size: 1rem;
    flex-shrink: 0;
}
.__cl_s_infoL{
    background:rgb(0, 180, 127);
}
.__cs_bs_stock{
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    margin-left: .5rem;
    padding-bottom: .25rem;
    width: 100%;
    min-width: 0;
    font-size: .7rem;
}
.__cs_bs_stock_tag{
    position: absolute;
    top: .25rem;
    right: .25rem;
    background: rgba(195, 37, 38, 0.12);
    color: #C32526;
    padding: .1rem .75rem 0;
    border-radius: 1rem;
    font-size: .7rem;
}
.__cs_bs_stock_tag.sell{
    background: rgba(0, 180, 127, 0.12);
    color: rgba(0, 180, 127, 1);;
}
.__cs_bs_stock_name{
    padding-top: .25rem;
    font-size: 1rem;
    color: #000;
}
.__cs_bs_stock_name span{
    font-size: .75rem;
    color: #999;
    margin-left: .2rem;
}
.__cl_bs_text{
    padding: .25rem .5rem;
}
.__cl_bs_tip{
    padding: .5rem 0;
    font-size: .7rem;
    line-height: 1.4;
   
}
.link_blue_line{
    text-decoration: underline !important;
    color: #3D5EEE;
}
.__cl_trade_wrp{margin-top: .5rem;background:#fff; border-width: 1px; border-style: solid;border-image-source: linear-gradient(180deg, #c325264d 0%, #c3252600 45.97%, #c325264d 93.81%);border-image-slice: 1;}
.__cl_trade_header{
    padding: .1rem 0 .5rem 0;
    font-size: 1rem;
    color: #fff;
    text-align: center;
    background: url(../images/block-red-top.png) no-repeat;
    background-size: cover;
    
}
.__cl_trade_tip_text{
    padding: .5rem .5rem 0;
    font-size: .75rem;
}
.__cl_trade_item{
    margin: 10px 4px;
}
.__cl_trade_ititle{
    position: relative;
    display: inline-block;
    background: #fff;
    color: #C32526;
    font-size: .85rem;
    border: 1px solid #f5dddd;
    margin-bottom: -1px;
    border-bottom: none;
    padding: 0.25rem 0.5rem 0.25rem 0.5rem;
    border-top-right-radius: 5px;
}
.__cl_trade_ititle::after{
    position: absolute;
    content: '';
    width: 3rem;
    top: 0;
    right: -2.5rem;
    height: 100%;
    background: url(../images/tab_title_border.png) no-repeat;
    background-size: cover;
}
.__cl_trade_daily_hd{
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}
.__cl_trade_dailly_l{
    display: flex;
    align-items: center;
}
.__cl_trade_dailly_l span{
    margin-right: 5px;
}
.__cl_trade_daily_stock{
    color: #000;
    font-size: 1rem;
}
.__cl_trade_ibd{
   
    padding: .25rem .5rem 0;
    background:  #fff;
    border: 1px solid #f5dddd
}
.__cl_trade_yy_customer{
    display: flex;
    align-items: flex-start;
}
.__cl_trade_yy_info{
    width: 100%;
    min-width: 0;
    margin-left: .5rem;

}
.__cl_trade_yy_text{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-break: break-all;
    background: #F6F6F6;
    border-radius: 5px;
    padding: .15rem .5rem .2rem;
    font-size: .7rem;
}
.__cl_trade_yy_audio{
    display: flex;
    margin-top: 5px;
}
.__cl_trade_yy_audio span{
    display: flex;
    padding: .15rem .5rem .2rem;
    align-items: center;
    background: #F6F6F6;
    border-radius: 5px;
}
.__cl_trade_yy_audio i{
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background: url(../images/audio-gray-icon.png) no-repeat;
    background-size: contain;
}
.__cl_trade_yy_cont{
    margin-top: .5rem;
    padding-top: .5rem;
    border-top: 2px solid #f6f6f6;
}
.__cl_trade_mood{
    position: relative;
    display: flex;
    margin-top: .5rem;
    justify-content: center;
}
.__cl_trad_mood_box,.__cl_mood_icon{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3.5rem;
    height: 3.5rem;
    text-align: center;
   
    background: #f6f6f6;
    border-radius: 1.25rem;
    font-size: .6rem;
}
.__cl_trad_mood_box img,.__cl_mood_icon img{
    width: 1.5rem;
}
.__cl_trade_mood_next{
    position: absolute;
    right: 0;
    top: 50%;
    width: 1.6rem;
    height: 1.6rem;
    background: url(../images/arrar-gray-right.png) right no-repeat;
    background-size: contain;
    transform: translateY(-50%);
}
.__cl_trade_mood_tip{
    display: flex;
    justify-content: center;
    margin-top: .75rem;
}
.__cl_trade_mood_tip div{
    position: relative;
    display: flex;
    background: #f6f6f6;
    font-size: .75rem;
    padding: .25rem .5rem;
    border-radius: .25rem;
}
.__cl_trade_mood_tip div::before{
    position: absolute;
    top: -10px;
    left: 50%;
    content: '';
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-width: 0 8px 10px 8px;
    border-style: solid;
    border-color: transparent transparent #f6f6f6;
}
.__cl_trade_mood_iii{
    text-align: center;
}
.__cl_trade_mood_iii img{
    width: 1.875rem;
}
.__cl_trade_yy_blue{
    margin: 0 -0.5rem;
    padding: 0.5rem;
    background: rgba(61, 94, 238, 0.1);
}
.__cl_trade_yy_blue_title{
    margin-bottom: 8px;
    color: #3D5EEE;
    text-align: center;
}
.__cl_mood_list{
    
    white-space: nowrap;
    overflow-x: scroll;
}
.__cl_trad_mood_item{
    position: relative;
    padding: .5rem 0;
    display: inline-block;
    margin-right: .5rem;
    text-align: center;
}
.__cl_trad_mood_item > a{
    display: inline-block;
    padding: .25rem 0;
    text-decoration: underline;
    color: #3D5EEE;
    font-size: .65rem;
}
.__cl_stock_item{
    display: inline-block;
    margin-top: .25rem;
    margin-bottom: .5rem;
    margin-right: .5rem;
    padding: .5rem .5rem .4rem;
    text-align: center;
    font-size: .75rem;
    border-radius: 4px;
   
}
.__cl_stock_item > div:nth-child(1){margin-bottom: .15rem;}
.__cl_stock_item.up{
    background: rgba(250, 80, 80, 0.08);
}
.__cl_stock_item.down{
    background: rgba(51, 146, 126, 0.08);
}
.__cl_ask_btn{
    display: flex;
    margin: .5rem;
    align-items: center;
    padding: .5rem 1.5rem .5rem 1rem;
    background: linear-gradient(90deg, rgba(255, 199, 158, 1) 0%, rgba(244, 71, 72, 1) 20.83%, rgba(216, 48, 49, 1) 100%);
    border-radius: 2.5rem;
    color: #fff;
    font-size: .75rem;
    box-shadow: 0px 7px 10px 0px rgba(0, 0, 0, 0.18);
}
.__cl_ask_btn img{
    width: 2rem;
    margin-right: .75rem;
}

.__cl_stock_none{
    padding-top: .5rem;
    padding-bottom: .5rem;
    text-align: center;
    color: #999;
}
.__cl_stock_none img{
    max-width: 50%;
}
.__cl_mood_dia{
    /* position: fixed;
    top: 50%;
    left: 1.5rem;
    right: 1.5rem;
    transform: translateY(-50%); */
    background: #ebeffd;
    padding: .5rem;
    border-radius: .25rem;
    font-size: .7rem;
    box-shadow: 1px 2px 4px #ccc;
    z-index: 9999;
}
.__cl_trade_item_dia{
     position: fixed;
    top: 50%;
    left: 1.5rem;
    right: 1.5rem;
    background: #fff;
    transform: translateY(-50%);
    z-index: 9999;
    
}
.__cl_trade_ihd{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.__cl_trade_ihd_dia{
    display: flex;
    padding: .25rem .5rem;
    align-items: center;
    justify-content: space-between;
    background: #BC2424;
    color: #fff;
}
.__js_close_mood_dia{
    
    position: absolute;
    top: 0;
    right: 0;
    width: 1.6rem;
    height: 1.6rem;
    background: url(../images/close-icon@2x.png) center no-repeat;
    background-size: 80%;
}
.__cl_mood_dia_wrp{
    position: relative;
    padding-bottom: 15px;
}
.__cl_mood_dia_wrp .__cl_trad_mood_item{
    position: relative;
}
.__cl_mood_dia_wrp .__cl_trad_mood_item.active::after{
    position: absolute;
    content: '';
    bottom: -.1rem;
    left: 50%;
    margin-left: -.5rem;
    width: 0;
    height: 0;
    border-width: 0 .5rem .5rem .5rem;
    border-style: solid;
    border-color: transparent transparent #ebeffd transparent;
}
.__cl_bs_text .text::after{
    background: #f6f6f6;
}
.__cl_mood_dia .text::after{
    background: #ebeffd;
}
.__cl_new_wrp{
    margin-top: .25rem;
    margin-left: -.75rem;
    margin-right: -.75rem;
}
.__cl_new_wrp img{max-width: 100%;}
.__cl_trade_yy_gd{
    padding-bottom: .5rem;
}
.__cl_trade_good_wrp{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.__cl_trade_good_wrp .__cl_trade_yy_text{
    width: 100%;
    min-width: 0;
    
}
.__cl_trade_good_wrp img{
    width: 1.8rem;
    flex-shrink: 0;
    margin-left: .5rem;
}
.__cl__trade__list .swiper-button-prev.swiper-button-disabled,.__cl__trade__list .swiper-button-next.swiper-button-disabled{
    background: none;
}

/*评论*/
.hgd_comment{
    padding-bottom: 2.4rem;

}
.hgd_comment__none{
    text-align: center;
}
.hgd_comment__none img{
    max-width: 50%;
}
.hgd_comment__titile{
    padding: .5rem ;
    font-size: .85rem;
    color: #000;
    font-weight: 600;
}
.hgd_comment__item{
    padding: .5rem;
    font-size: .75rem;
}
.hgd_comment__item__hd{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.hgd__comment__ih__avatar{
    display: flex;
    align-items: center;
}
.hgd__comment__ih__avatar img{
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 50%;
    margin-right: .25rem;
}
.__comment--detail{
    margin-top: .25rem;
}
.__comment--reply{
    margin-top: .25rem;
    padding: .25rem .5rem;
    background: #f6f6f6;
    border-radius: .25rem;
}
.hgd_comment__item__fd{
    margin-top: .25rem;
    color: #999;
}
.hgd__item__fdf{
    display: flex;
    align-items: center;
}
.hgd__item__fdf span{margin-right: .75rem;}
.hgd_comment_bottom_btn{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 1000;
    box-shadow: 0 0 8px #ccc;
}
.hgd_comment_bottom_btn span{
    display: block;
    padding: .25rem 0;
    margin: .25rem ;
    background: #f6f6f6;
    text-align: center;
    font-size: .7rem;
    color: #888;
    border-radius: .25rem;
}
.comment_dialog{
    display: none;
    position: relative;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: 10000;
    font-size: .75rem;
    box-shadow: 0 0 8px #888;
}
.comment_dia_hd{
    
    text-align: center;
}
.icon-comment-color{
    width: .9rem;
    height: .9rem;
    margin-right: .25rem;
    background: url(../images/icon_chakan.png) no-repeat;
    
}
.comment_dia_close{
    position: absolute;
    left: 0;
    top: 0;
    width: 1.8rem;
    height: 1.8rem;
    background: url(../images/close-gray.png) center no-repeat;
    background-size: 60%;

}
.comment_dia_title{
    display: inline-block;
    color: #000;
    padding-top: .35rem;
}
.comment_dia_send{
    position: absolute;
    right: .5rem;
    top: .5rem;
    background: #00a0e9;
    color: #fff;
    font-size: .6rem;
    padding: 0.1rem .5rem;
    border-radius: .25rem;
}
.comment_dia_bd{
    
    padding: .5rem;
}
.comment_dia_bd textarea{
    width: 100%;
    min-height: 7rem;
    border: none;
}
.comment_dia_slot{
    padding: .25rem .5rem;
    border-radius: .2rem;
    background: #f6f6f6;
}
.block-list-nomargintop{margin: 0 .75rem !important;padding: 0 !important;}
.__zt__swiper{
    margin-top: .5rem;
    overflow: hidden;
}
.__zt__swiper img{
    max-width: 100%;
    vertical-align: top;
}
.__cll__list{
    margin: 0 .75rem 0 .75rem;
}
.__cll__list_02{
    margin: .75rem;
}
.__cll_item{margin-bottom: .75rem;}
.__cll_item_time{
    position: relative;
    font-size: .7rem;
    color: #999;
    padding-left: 10px;
}
.__cll_item_time::before{
    position: absolute;
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #C32526;
    top: 50%;
    transform: translateY(-50%);
    left: 0;

}
.__cll_item_time::after{
    position: absolute;
    content: "";
    top: 50%;
    left: -2px;
    transform: translateY(-50%);
    width: 6px;
    height: 6px;
    border: 1px solid #C32526;
    border-radius: 50%;
}
.__cll_item_hdlg .__cll_item_time::after{
    border: 1px solid #628FFB;
}
.__cll_item_hdlg .__cll_item_time::before{
    background: #628FFB;
}
.__cll_tag_f{
    position: relative;
    margin-left: .5rem;
   padding: 2px 5px 2px 15px;
   border-radius: 2px;
    color: #fff;
    font-size: .75rem;

}
.__cll_tag_f::before{
    position: absolute;
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #fff;
    top: 50%;
    transform: translateY(-50%);
    left: 5px;
}
.__cll_tag_f::after{
    position: absolute;
    content: "";
    top: 50%;
    left: 3px;
    transform: translateY(-50%);
    width: 6px;
    height: 6px;
    border: 1px solid #fff;
    border-radius: 50%;
}
.__cll_tag_f.ir{
    background: #C32526;
}
.__cll_tag_f.ib{
    background: #628FFB;
}
.__cll_item_hd{
    display: flex;
    align-items: center;
}
.__cll_item_hdlc{
    display: flex;
    align-items: center;
    border-bottom: 1px solid #C32526;
}
.__cll_item_hdlg{
    display: flex;
    align-items: center;
    border-bottom: 1px solid #628FFB;
}
.__cll_w1{
    padding: .25rem .5rem .5rem;
    background: #f6f6f6;
}
.__cll_w1 .__cl_bs_info{
    
    background: #fff;
}
.__cll_w1  .__cl_bs_info{
    align-items: center;
    padding-left: .2rem;
    
}
.__cll_w1  .__cl_b_infoL{
    border-radius: .2rem;
}
.__cs_more_stock_tag{
    position: absolute;
    top: .45rem;
    right: 0.25rem;

    padding: 0 0.5rem 0;
    border-radius: 1rem;
    font-size: .7rem;
    background: #628FFB;
    color: #fff;
    font-size: .7rem;
}
.__cll_w2  .__cl_bs_ihd{
    align-items: flex-start;
}

.switchOldversion{
    position: fixed;
    right: 0;
    bottom: 150px;
    box-shadow: 0 0 10px #ccc;
    background: rgb(195, 37, 38);
    z-index: 8000;
    text-align: right;
    padding:  5px 5px 5px 10px;
    font-size: 14px;
    line-height: 1.2;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    color: #fff;
}
.switch_old_version{
    margin-left: 10px;
    color: #628FFB;
    font-size: 14px;
}

.dia-btn-group{
    display: flex;
    margin: 0 -.75rem -.75rem -.75rem;
    
    border-top: 1px solid #f6f6f6;
}
.dia-btn-group > a{
    flex: 1;
    text-align: center;
    padding: .5rem 0;
}
.dia-btn-group > a:nth-child(1){
    border-right: 1px solid #f6f6f6;
    color: #999;
}
.dia-btn-group > a:nth-child(2){
    color: #f5414d;
}

.__new_open_tips{
    position: relative;
    margin: 35px 15px 15px 15px;
    padding-top: 15px;
    background: linear-gradient(106.09deg, #ffffff 0%, #ffefec 124.34%);
    border: 2px solid #ff8c90;
    box-shadow: 0px 0.5px 2.7px #0000000f;
    border-radius: 5px;
}
.__new_open_tips > img{
    position: absolute;
    left: -2px;
    max-width: 80%;
    top: 0;
    transform: translateY(-50%);
}
.__new_open_tips__cont > .__new_ot__item:last-child{
    border-bottom: none;
}
.__new_ot__item{
    display: flex;
    align-items: center;
    margin: 0 10px;
    padding: 12px 0;
    border-bottom: 1px solid #ffd3d3;
}
.__new_ot__item__inner{
    display: flex;
    align-items: flex-start;
    width: 100%;
    min-width: 0;
}
.__new_ot__item__after{
    width: 2.8rem;
    text-align: right;
    flex-shrink: 0;
    color: #CC3131;
    font-size: .75rem;
    margin-left: 8px;
    border-left: 1px solid #ffd3d3;
}
.__new_ot__inner__l{
    width: 1.5rem;
    flex-shrink: 0;
    font-size: .6rem;
    text-align: center;
    border-radius: .5rem 0  .5rem 0;
    margin-right: 8px;
}
.__new_ot__inner__l.f{
    background: linear-gradient(270deg, #e8a050 0%, #fbead4 100%);
}
.__new_ot__inner__l.s{background: linear-gradient(270deg, #d2af88 0%, #f0dec6 100%);}
.__new_ot__inner__l.t{background: linear-gradient(270deg, #98c3d8 0%, #d3e5ec 100%);}
.__new_ot__inner__r{
    width: 100%;
    min-width: 0;
    margin-top: -.25rem;
}
.new_open_dia{
    
    position: absolute;
    width: 90%;
    top: 50%;
    z-index: 10000;
    left: -1000px;
    
    margin-left: -45%;
    transform: translateY(-50%);
    overflow: hidden;

}
.nod_close{
    position: absolute;
    top: 0;
    right: 0;
    width: 2rem;
    height: 4rem;
    z-index: 10000;
    
}
.new_open_dia .swiper-slide img{max-width: 100%;vertical-align: top;}
.swiper-pagination-nod{
   
  position: absolute;
  left: 0;
  right: 0;
  z-index: 10000;
  text-align: center;
}
.swiper-container-horizontal > .swiper-pagination-nod.swiper-pagination-bullets{
    bottom: 0;
}
.swiper-pagination-nod .swiper-pagination-bullet-active{
    background: #DC9676;
}
.swiper-pagination-nod .swiper-slide{
    position: relative;
}
.swiper__finger_{
    position: absolute;
    bottom: 20px;
  left: 50%;
  width: 50%;
}
.swiper__finger_1{
    position: absolute;
    bottom: 0;
  left: 50%;
  width: 30%;
}
.refund_top_banner img{
    max-width: 100%;
    vertical-align: top;
}
.refund_step{
    position: relative;
    display: flex;
}
.refund_step_item{
    padding-top: 1rem;
    position: relative;
    flex: 1;
}
.refund_step_item_circle{
    position: absolute;
    top: 0;
    left: 0;
    width: 1rem;
    height: 1rem;
    border: 1px solid #999;
    border-radius: 50%;
    z-index: 10;
    background: #fff;
}
.refund_step_item.active .refund_step_item_circle{
    background: url(../images/refund_ok.png) no-repeat;
    background-size: contain;
    border: none;
}
.refund_step_item.active .refund_step_item_line{
    background: #c3252680;
    
}
.refund_step_item_line{
    position: absolute;
    top: .5rem;
    left: 0;
    height: 1px;
    width: 100%;
    background: #ccc;
}
.refund_step > .refund_step_item:last-child{
    position: absolute;
    right: 0;
}
.refund_step > .refund_step_item:nth-child(2){
    margin-left: -.5rem;
}
.refund_step_item_text{
    display: inline-block;
}
.refund_step > .refund_step_item:nth-child(2) .refund_step_item_text {
    transform: translateX(-50%);
    margin-left: .5rem;
}
.refund_step > .refund_step_item:last-child .refund_step_item_circle{
    left: auto;
    right: 0;
}
/*展开收起*/
[line-clamp="1"] {
    max-height: 1.5em;
  }
  [line-clamp="2"] {
    max-height: 3em;
  }
  [line-clamp="3"] {
    max-height: 4.5em;
  }
  .exp{
    opacity: 0;
    width: 0;
    height: 0;
  }
.text_wrap{
    display: flex;
}
.text{
    position: relative;
    line-height: 1.5;
    overflow: hidden;
    transition: .3s max-height;
}

/*
解决当文本较少时，此时是没有发生截断，也就是没有省略号的，
但是“展开”按钮却仍然位于右下角，其实应该隐藏
*/
.text::after{
    
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background: #fff;
}
.exp:checked+.text::after{
    visibility: hidden;
}


.text_btn{
    position: relative;
    float: right;
    clear: both;
}
.text_btn::before{
    position: absolute;
    content: '...';
    left: 8px;
    color: #333;
    transform: translateX(-100%);
}
.text::before{
    content: '';
    float: right;
    width: 0;
    height: 100%;
    margin-bottom: -24px;
  }

.text_btn::after{
    content: '展开';
    /* background: #189fff; */
    color: #1989fa;
    padding:  0;
    border-radius: .125rem;
    font-size: .625rem;
    margin-left: 12px;
}
.exp:checked+.text .text_btn::after{
    content: '收起';
}
.exp:checked+.text{
    max-height: none;
} 
.exp:checked+.text .text_btn::before {
    visibility: hidden; /*在展开状态下隐藏省略号*/
}

/* 语音动效 */
.__il_yy_gif{
 height: 1.1rem;
}
.__il_yy_gif ul{
    height: .8rem;
    width: 1rem;
    display: flex;
    transform: rotateX(180deg);
    justify-content: space-between;
}
.__il_yy_gif ul li{
    width: .1rem;
    height: .8rem;
    background: rgba(242, 145, 0, 1);
    border-radius: .25rem;
}
.__il_yy_gif ul li:first-child{
    animation: Mymove1 1s ease infinite;
    animation-delay: .1s;
}
.__il_yy_gif ul li:nth-of-type(2){
    animation: Mymove2 1s ease infinite;
    animation-delay: .2s;
}
.__il_yy_gif ul li:nth-of-type(3){
    animation: Mymove1 1s ease infinite;
    animation-delay: .3s;
}
.__il_yy_gif ul li:nth-of-type(4){
    animation: Mymove1 1s ease infinite;
    animation-delay: .4s;
}
.__il_yy_gif ul li:nth-of-type(5){
    animation: Mymove1 1s ease infinite;
    animation-delay: .5s;
}

.scroll-left-btn{
    position: absolute;
    height: 100%;
    right: 0;
    top: 0;
    background-image: linear-gradient(90deg, rgba(255,255,255,.1) 0%,rgba(255,255,255,1) 40%);
}
.scorll-left-tip{
   
    height: 100%;
    padding-left: 1rem;
    display: flex;
    align-items: center;
    
}

.scorll-left-tip i{
    display: inline-block;
    width: .75rem;
    height: .75rem;
    background: url(../images/010-icon-07.png) no-repeat;
    background-size: contain;
    transform: rotate(-90deg)
}

/*自定义audio*/
.control-line{
    width: 100%;
}
.bottom-line{
    position: relative;
    display: flex;
    width: 100%;
    height: 4px;
    background: #efefef;
    border-radius: 2px;
}
.all-time{
    float: right;
    margin-top: 4px;
    color: #999;
    font-size: .7rem;
}
.played-line{
    background-image: linear-gradient(90deg, #ffba50 0%, #e58900 93%);
    border-radius: 2px;
    height: 4px;
    width: 20%;
}
.played-time{
    position: absolute;
    color: #999;
    font-size: .7rem;
    top: 6px;
    left: 0;
}
.play-point{
    position: relative;
    height: 10px;
    width: 10px;
    background: #fff;
    border: 1px solid #e58900;
    border-radius: 50%;
    margin-left: -5px;
    margin-top: -3px;
}
.point{
    width: 4px ;
    height: 4px;
    margin: 2px;
    border-radius: 50%;
    background: #e58900;
}

/*switch开关*/
.switch-btn_wrp {
    margin-top: 5px;
    display: flex;
    justify-content: flex-end;
    padding-right: .75rem;
    font-size: .75rem;
}
.switch-btn_wrp input{
    margin-left: 4px;
    vertical-align: -30%;
}
.switch-btn_wrp label{
    display:block;
    vertical-align: middle;
  }
  .switch-btn_wrp label,  .switch-btn_wrp select{
    vertical-align: middle;
  }
  .mui-switch {
    width: 42px;
    height: 21px;
    position: relative;
    border: 1px solid #dfdfdf;
    background-color: var(--switch-background-color);
    box-shadow: #dfdfdf 0 0 0 0 inset;
    border-radius: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    background-clip: content-box;
    display: inline-block;
    -webkit-appearance: none;
    user-select: none;
    outline: none; }
    .mui-switch:before {
      content: '';
      width: 19px;
      height: 19px;
      position: absolute;
      top: 0px;
      left: 0;
      border-radius: 20px;
      border-top-left-radius: 20px;
      border-top-right-radius: 20px;
      border-bottom-left-radius: 20px;
      border-bottom-right-radius: 20px;
      background-color: #fff;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); }
    .mui-switch:checked {
      border-color: var(--switch-checked-color);
      box-shadow: var(--switch-checked-color) 0 0 0 16px inset;
      background-color: var(--switch-checked-color); }
      .mui-switch:checked:before {
        left: 21px; }
    .mui-switch.mui-switch-animbg {
      transition: background-color ease 0.4s; }
      .mui-switch.mui-switch-animbg:before {
        transition: left 0.3s; }
      .mui-switch.mui-switch-animbg:checked {
        box-shadow: #dfdfdf 0 0 0 0 inset;
        background-color: var(--switch-checked-color);
        transition: border-color 0.4s, background-color ease 0.4s; }
        .mui-switch.mui-switch-animbg:checked:before {
          transition: left 0.3s; }
    .mui-switch.mui-switch-anim {
      transition: border cubic-bezier(0, 0, 0, 1) 0.4s, box-shadow cubic-bezier(0, 0, 0, 1) 0.4s; }
      .mui-switch.mui-switch-anim:before {
        transition: left 0.3s; }
      .mui-switch.mui-switch-anim:checked {
        box-shadow: var(--switch-checked-color) 0 0 0 16px inset;
        background-color: var(--switch-checked-color);
        transition: border ease 0.4s, box-shadow ease 0.4s, background-color ease 1.2s; }
        .mui-switch.mui-switch-anim:checked:before {
          transition: left 0.3s; }
:root{
    /*switch开关激活状态的颜色*/
    --switch-checked-color:#FFD3D4;
    
    /*switch开关未选中的的背景颜色*/
    --switch-background-color:#E9E9EB
}
@keyframes Mymove1{
    0%{
        height: .2rem;
    }
    50%{
        height: .4rem;
    }
    100%{
        height: .2rem;
    }
}
@keyframes Mymove2{
    0%{
        height: .5rem;
    }
    50%{
        height: .8rem;
    }
    100%{
        height: .7rem;
    }
}
/** 表格上边栏，左边栏固定，左右上下滑动 */
.table-sticky {
    overflow: auto;
    width: 100%;
    height: 100%;
    line-height: 1.2;
  }
  
  .table-sticky table {
    table-layout: fixed;
    border-collapse: separate;
    width: 100%;
  }
  
  .table-sticky table thead tr th {
    position: sticky;
    top: 0;
    background: #fff;
    color: #999;
    font-size: 14px;
    font-weight: normal;
    transform: perspective(1000);
    -webkit-transform: perspective(1000);
    
  }
  
  .table-sticky th,
  .table-sticky td {
    position: relative;
    width: 4rem;
    padding: 0.45rem 0;
    box-sizing: border-box;
    text-align: center;
    border-bottom: 1px solid #efefef;
  }
  
  .table-sticky tbody td {
    color: #565656;
    font-size: 16px;
    vertical-align: middle;
  }
  
  .table-sticky tbody > tr > td:nth-child(1) {
    width: 5rem;
  }
  
  .table-sticky td:first-child,
  .table-sticky th:first-child {
    position: sticky;
    left: 0;
    z-index: 1;
    background: #fff;
  }
  
  .table-sticky th:first-child {
    z-index: 10;
    width: 5rem;
  }
  .table-sticky > table > thead > tr > th:nth-child(3),
  .table-sticky > table > thead > tr > th:nth-child(4),
  .table-sticky > table > tbody > tr > td:nth-child(7n+3),
  .table-sticky > table > tbody > tr > td:nth-child(7n+4){
    width: 6rem;
  }
  .table-sticky th {
    z-index: 2;
  }
  
  .table-sticky tr.active td {
    background: #ffedcf;
    border-top: 1px solid #efae41;
    border-bottom: 1px solid #efae41;
  }


.newUser-gide-wrap{
    white-space: nowrap;
    overflow-y: scroll;
    padding-left: .75rem;
    padding-right: .25rem;
}
.newUser-gide-item-cont{
    position: relative;
    padding-top: 1.5rem;
    padding-bottom: 1rem;
    background: #fff;
    clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 0, 100% calc(100% - 20px),50% 100%, 50% 100%, 0 calc(100% - 20px), 0 20px);
}
.newUser-gide-cont-tip{
    position: absolute;
    top: 0;
    left: -4px;
    color: #fff;
    padding: .25rem .5rem .4rem;
    background: url(../images/newUser-gide-tip.png) no-repeat;
    background-size: contain;
    font-size: .7rem;
}
.newUser-gide-item{
    display: inline-block;
    width: 80%;
    padding: .5rem .5rem .25rem;
    margin-right: .5rem;
    background: linear-gradient(100.9deg, #ffecd7 0.58%, #ffd0ae 110.24%);
    border-radius: 2px;
}
.newUser-gide-cont-text{
    white-space: normal;
    padding: 0 .75rem;
    font-size: .9rem;
    color: #000;
    text-align: center;
}
.newUser-gide-item-btn{
    text-align: center;
    margin-top: .25rem;
}
.newUser-gide-item-btn a{
    display: inline-block;
    color: #79441C;
    border-radius: 2px;
    font-size: .75rem;
    text-decoration: underline;
}
.cl_service_wrp{
    margin-bottom: .75rem;
}
.cl_service_hd{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .5rem .75rem 0 .35rem;
}
.cl_service_l img{
    max-width: 50%;
}
.cl_service_r{
    font-size: .7rem;
    color: #579bf7;
}
.cl_service_bd{
    margin: 0 .5rem;
    padding: .75rem;
    background: url(../images/newUser-service.png) no-repeat;
    background-size: cover;
}
.cl_service_bd_title{
    font-size:.85rem;
    color: #fff;
    text-align: center;
}
.cl_service_bd_cont{
    display: flex;
}
.cl_service_cont_item{
    flex: 1;
    background: url(../images/newUser-service-kuai.png) no-repeat;
    background-size: cover;
    text-align: center;
    padding: .4rem 0;
}
.cl_service_cont_item.disabled{
    border-radius: 20px;
}
.cl_service_cont_item.disabled .pf{
    background: #ccc !important;
}
.cl_service_cont_item.disabled > *{
    color: #efefef !important;
}
.cl_service_cont_item:nth-child(1){
    margin-right: .5rem;
}
.cl_service_cont_item:nth-child(1) .f{
    color: #C32526;
    font-size: .75rem;
}
.cl_service_cont_item:nth-child(1)  .pf{
    background: #F8A10F;
    border-radius: 1rem;
    color: #fff;
    padding: .2rem .5rem;
    font-size: .6rem;
}
@media screen and (max-width: 390px) {

    .niw-gd-wrp img,
    .niw-gdt-i {
        height: 82px;
    }

    .niw-gdt-i {
        width: 130px;
    }

    .daily-isw-1 {
        margin-top: 3px;
    }

    .daily-isw-3 {
        margin-top: 35px;
    }
    .cl_service_cont_item{
        padding: .25rem 0;
    }
}

@media screen and (max-width: 375px) {

    .niw-gd-wrp img,
    .niw-gdt-i {
        height: 80px;
    }

    .niw-gdt-i {
        width: 120px;
    }

    .daily-isw-1 {
        margin-top: 0;
    }

    .daily-isw-3 {
        margin-top: 30px;
    }
    
}
@media screen and (min-width: 414px){
    .cl_service_bd{
        padding-bottom: 1rem;
    }
}
/* ----------------------------------------------
 * ----------------------------------------
 * animation wobble-hor-bottom
 * ----------------------------------------
 */
@-webkit-keyframes wobble-hor-bottom {

    0%,
    100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
    }

    15% {
        -webkit-transform: translateX(-30px) rotate(-6deg);
        transform: translateX(-30px) rotate(-6deg);
    }

    30% {
        -webkit-transform: translateX(15px) rotate(6deg);
        transform: translateX(15px) rotate(6deg);
    }

    45% {
        -webkit-transform: translateX(-15px) rotate(-3.6deg);
        transform: translateX(-15px) rotate(-3.6deg);
    }

    60% {
        -webkit-transform: translateX(9px) rotate(2.4deg);
        transform: translateX(9px) rotate(2.4deg);
    }

    75% {
        -webkit-transform: translateX(-6px) rotate(-1.2deg);
        transform: translateX(-6px) rotate(-1.2deg);
    }
}

@keyframes wobble-hor-bottom {

    0%,
    100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
    }

    15% {
        -webkit-transform: translateX(-30px) rotate(-6deg);
        transform: translateX(-30px) rotate(-6deg);
    }

    30% {
        -webkit-transform: translateX(15px) rotate(6deg);
        transform: translateX(15px) rotate(6deg);
    }

    45% {
        -webkit-transform: translateX(-15px) rotate(-3.6deg);
        transform: translateX(-15px) rotate(-3.6deg);
    }

    60% {
        -webkit-transform: translateX(9px) rotate(2.4deg);
        transform: translateX(9px) rotate(2.4deg);
    }

    75% {
        -webkit-transform: translateX(-6px) rotate(-1.2deg);
        transform: translateX(-6px) rotate(-1.2deg);
    }
}


@-webkit-keyframes slide-in-blurred-left {
    0% {
        -webkit-transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);
        transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0) scaleY(1) scaleX(1);
        transform: translateX(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1;
    }
}

@keyframes slide-in-blurred-left {
    0% {
        -webkit-transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);
        transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0) scaleY(1) scaleX(1);
        transform: translateX(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1;
    }
}



@-webkit-keyframes slide-in-blurred-right {
    0% {
        -webkit-transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
        transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
        -webkit-transform-origin: 0% 50%;
        transform-origin: 0% 50%;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0) scaleY(1) scaleX(1);
        transform: translateX(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1;
    }
}

@keyframes slide-in-blurred-right {
    0% {
        -webkit-transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
        transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
        -webkit-transform-origin: 0% 50%;
        transform-origin: 0% 50%;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0) scaleY(1) scaleX(1);
        transform: translateX(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1;
    }
}


@-webkit-keyframes slide-in-blurred-top {
    0% {
        -webkit-transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
        transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
        -webkit-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0) scaleY(1) scaleX(1);
        transform: translateY(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1;
    }
}

@keyframes slide-in-blurred-top {
    0% {
        -webkit-transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
        transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
        -webkit-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0) scaleY(1) scaleX(1);
        transform: translateY(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1;
    }
}


@-webkit-keyframes slide-in-blurred-bottom {
    0% {
        -webkit-transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
        transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0) scaleY(1) scaleX(1);
        transform: translateY(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1;
    }
}

@keyframes slide-in-blurred-bottom {
    0% {
        -webkit-transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
        transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0) scaleY(1) scaleX(1);
        transform: translateY(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1;
    }
}


@-webkit-keyframes slide-in-top {
    0% {
        -webkit-transform: translateY(-1000px);
        transform: translateY(-1000px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes slide-in-top {
    0% {
        -webkit-transform: translateY(-1000px);
        transform: translateY(-1000px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes marquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-100%); }
}
@-webkit-keyframes slide-left {
    0% {
      -webkit-transform: translateX(60%);
              transform: translateX(60%);
    }
    100% {
      -webkit-transform: translateX(-100%);
              transform: translateX(-100%);
    }
  }
  @keyframes slide-left {
    0% {
      -webkit-transform: translateX(60%);
              transform: translateX(60%);
    }
    100% {
      -webkit-transform: translateX(-100%);
              transform: translateX(-100%);
    }
  }
  .pl-chat-input__scroll_text{
    /* position: absolute; */
    white-space: nowrap;
    display: inline-block;
    /* animation: marquee 10s linear infinite; */
    -webkit-animation: slide-left 10s linear infinite; 
	        animation: slide-left 10s linear infinite;
}
.notice_set_list .set_item_main {
    background: #fff;
    padding: 0.725rem 0.6rem;
    font-size: .8rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #2E2E2E;
}

.notice_set_list .set_item_title {
    padding: 0.725rem 0.6rem 0.3rem 0.6rem;
    font-size: .65rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #565656;
}

.mui-switch {
    background: #E9E9E9 !important;
}

.sh-cont-switch-wrp {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sh-switch-l {
    display: flex;
    align-items: center;
}

.sh-switch-title {
    font-size: .85rem;
    font-weight: 600;
}

.sh-switch-after {
    font-size: .6rem;
    color: #8e8e8e;
}

.sh-cont-switch-text {
    margin-top: .75rem;
    padding: .5rem .75rem;
    background: #fffaf5;
    color: #ff9905;
    border: 1px solid #ff9905;
    text-align: center;
    font-size: .6rem;
    border-radius: .25rem;
}

.sh-switch-label label,
.sh-switch-label input {
    vertical-align: middle;
}

.sh-switch-label label {
    display: block;
}

.mui-switch {
    position: relative;
    width: 40px;
    height: 20px;
    border: 1px solid #dfdfdf;
    background: #fdfdfd;
    border-radius: 15px;
    background-clip: content-box;
    display: inline-block;
    -webkit-appearance: none;
    user-select: none;
    outline: none;
}

    .mui-switch:before {
        position: absolute;
        content: "";
        width: 18px;
        height: 18px;
        top: 0;
        left: 0;
        border-radius: 15px;
        background-color: #fff;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    }

    .mui-switch:checked {
        border-color: #ff9905;
        box-shadow: #ff9905 0 0 0 16px inset;
        background-color: #ff9905;
    }

    .mui-switch.mui-switch-anim {
        transition: border cubic-bezier(0, 0, 0, 1) 0.4s, box-shadow cubic-bezier(0, 0, 0, 1) 0.4s;
    }

        .mui-switch.mui-switch-anim:before {
            transition: left 0.3s;
        }

        .mui-switch.mui-switch-anim:checked {
            box-shadow: #ff9905 0 0 0 16px inset;
            background-color: #ff9905;
            transition: border ease 0.4s, box-shadow ease 0.4s, background-color ease 1.2s;
        }

            .mui-switch.mui-switch-anim:checked:before {
                transition: left 0.3s;
            }

    .mui-switch:checked:before {
        left: 20px;
    }

/*!
 * Viewer.js v1.11.6
 * https://fengyuanchen.github.io/viewerjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2023-09-17T03:16:35.830Z
 */

 .viewer-zoom-in::before, .viewer-zoom-out::before, .viewer-one-to-one::before, .viewer-reset::before, .viewer-prev::before, .viewer-play::before, .viewer-next::before, .viewer-rotate-left::before, .viewer-rotate-right::before, .viewer-flip-horizontal::before, .viewer-flip-vertical::before, .viewer-fullscreen::before, .viewer-fullscreen-exit::before, .viewer-close::before {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAAUCAYAAABWOyJDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAQPSURBVHic7Zs/iFxVFMa/0U2UaJGksUgnIVhYxVhpjDbZCBmLdAYECxsRFBTUamcXUiSNncgKQbSxsxH8gzAP3FU2jY0kKKJNiiiIghFlccnP4p3nPCdv3p9778vsLOcHB2bfveeb7955c3jvvNkBIMdxnD64a94GHMfZu3iBcRynN7zAOI7TG15gHCeeNUkr8zaxG2lbYDYsdgMbktBsP03jdQwljSXdtBhLOmtjowC9Mg9L+knSlcD8TNKpSA9lBpK2JF2VdDSR5n5J64m0qli399hNFMUlpshQii5jbXTbHGviB0nLNeNDSd9VO4A2UdB2fp+x0eCnaXxWXGA2X0au/3HgN9P4LFCjIANOJdrLr0zzZ+BEpNYDwKbpnQMeAw4m8HjQtM6Z9qa917zPQwFr3M5KgA6J5rTJCdFZJj9/lyvGhsDvwFNVuV2MhhjrK6b9bFiE+j1r87eBl4HDwCF7/U/k+ofAX5b/EXBv5JoLMuILzf3Ap6Z3EzgdqHMCuF7hcQf4HDgeoHnccncqdK/TvSDWffFXI/exICY/xZyqc6XLWF1UFZna4gJ7q8BsRvgd2/xXpo6P+D9dfT7PpECtA3cnWPM0GXGFZh/wgWltA+cDNC7X+AP4GzjZQe+k5dRxuYPeiuXU7e1qwLpDz7dFjXKRaSwuMLvAlG8zZlG+YmiK1HoFqT7wP2z+4Q45TfEGcMt01xLoNZEBTwRqD4BLpnMLeC1A41UmVxsXgXeBayV/Wx20rpTyrpnWRft7p6O/FdqzGrDukPNtkaMoMo3FBdBSQMOnYBCReyf05s126fU9ytfX98+mY54Kxnp7S9K3kj6U9KYdG0h6UdLbkh7poFXMfUnSOyVvL0h6VtIXHbS6nOP+s/Zm9mvyXW1uuC9ohZ72E9uDmXWLJOB1GxsH+DxPftsB8B6wlGDN02TAkxG6+4D3TWsbeC5CS8CDFce+AW500LhhOW2020TRjK3b21HEmgti9m0RonxbdMZeVzV+/4tF3cBpP7E9mKHNL5q8h5g0eYsCMQz0epq8gQrwMXAgcs0FGXGFRcB9wCemF9PkbYqM/Bas7fxLwNeJPdTdpo4itQti8lPMqTpXuozVRVXPpbHI3KkNTB1NfkL81j2mvhDp91HgV9MKuRIqrykj3WPq4rHyL+axj8/qGPmTqi6F9YDlHOvJU6oYcTsh/TYSzWmTE6JT19CtLTJt32D6CmHe0eQn1O8z5AXgT4sx4Vcu0/EQecMydB8z0hUWkTd2t4CrwNEePqMBcAR4mrBbwyXLPWJa8zrXmmLEhNBmfpkuY2102xxrih+pb+ieAb6vGhuA97UcJ5KR8gZ77K+99xxeYBzH6Q3/Z0fHcXrDC4zjOL3hBcZxnN74F+zlvXFWXF9PAAAAAElFTkSuQmCC');
  background-repeat: no-repeat;
  background-size: 280px;
  color: transparent;
  display: block;
  font-size: 0;
  height: 20px;
  line-height: 0;
  width: 20px;
}

.viewer-zoom-in::before {
background-position: 0 0;
content: 'Zoom In';
}

.viewer-zoom-out::before {
background-position: -20px 0;
content: 'Zoom Out';
}

.viewer-one-to-one::before {
background-position: -40px 0;
content: 'One to One';
}

.viewer-reset::before {
background-position: -60px 0;
content: 'Reset';
}

.viewer-prev::before {
background-position: -80px 0;
content: 'Previous';
}

.viewer-play::before {
background-position: -100px 0;
content: 'Play';
}

.viewer-next::before {
background-position: -120px 0;
content: 'Next';
}

.viewer-rotate-left::before {
background-position: -140px 0;
content: 'Rotate Left';
}

.viewer-rotate-right::before {
background-position: -160px 0;
content: 'Rotate Right';
}

.viewer-flip-horizontal::before {
background-position: -180px 0;
content: 'Flip Horizontal';
}

.viewer-flip-vertical::before {
background-position: -200px 0;
content: 'Flip Vertical';
}

.viewer-fullscreen::before {
background-position: -220px 0;
content: 'Enter Full Screen';
}

.viewer-fullscreen-exit::before {
background-position: -240px 0;
content: 'Exit Full Screen';
}

.viewer-close::before {
background-position: -260px 0;
content: 'Close';
}

.viewer-container {
bottom: 0;
direction: ltr;
font-size: 0;
left: 0;
line-height: 0;
overflow: hidden;
position: absolute;
right: 0;
-webkit-tap-highlight-color: transparent;
top: 0;
-ms-touch-action: none;
    touch-action: none;
-webkit-touch-callout: none;
-webkit-user-select: none;
   -moz-user-select: none;
    -ms-user-select: none;
        user-select: none;
}

.viewer-container::-moz-selection, .viewer-container *::-moz-selection {
  background-color: transparent;
}

.viewer-container::selection,
.viewer-container *::selection {
  background-color: transparent;
}

.viewer-container:focus {
  outline: 0;
}

.viewer-container img {
  display: block;
  height: auto;
  max-height: none !important;
  max-width: none !important;
  min-height: 0 !important;
  min-width: 0 !important;
  width: 100%;
}

.viewer-canvas {
bottom: 0;
left: 0;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
}

.viewer-canvas > img {
  height: auto;
  margin: 15px auto;
  max-width: 90% !important;
  width: auto;
}

.viewer-footer {
bottom: 0;
left: 0;
overflow: hidden;
position: absolute;
right: 0;
text-align: center;
}

.viewer-navbar {
background-color: rgba(0, 0, 0, 0.5);
overflow: hidden;
}

.viewer-list {
box-sizing: content-box;
height: 50px;
margin: 0;
overflow: hidden;
padding: 1px 0;
}

.viewer-list > li {
  color: transparent;
  cursor: pointer;
  float: left;
  font-size: 0;
  height: 50px;
  line-height: 0;
  opacity: 0.5;
  overflow: hidden;
  transition: opacity 0.15s;
  width: 30px;
}

.viewer-list > li:focus,
  .viewer-list > li:hover {
    opacity: 0.75;
  }

.viewer-list > li:focus {
    outline: 0;
  }

.viewer-list > li + li {
    margin-left: 1px;
  }

.viewer-list > .viewer-loading {
  position: relative;
}

.viewer-list > .viewer-loading::after {
    border-width: 2px;
    height: 20px;
    margin-left: -10px;
    margin-top: -10px;
    width: 20px;
  }

.viewer-list > .viewer-active,
.viewer-list > .viewer-active:focus,
.viewer-list > .viewer-active:hover {
  opacity: 1;
}

.viewer-player {
background-color: #000;
bottom: 0;
cursor: none;
display: none;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1;
}

.viewer-player > img {
  left: 0;
  position: absolute;
  top: 0;
}

.viewer-toolbar > ul {
  display: inline-block;
  margin: 0 auto 5px;
  overflow: hidden;
  padding: 6px 3px;
}

.viewer-toolbar > ul > li {
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    cursor: pointer;
    float: left;
    height: 24px;
    overflow: hidden;
    transition: background-color 0.15s;
    width: 24px;
  }

.viewer-toolbar > ul > li:focus,
    .viewer-toolbar > ul > li:hover {
      background-color: rgba(0, 0, 0, 0.8);
    }

.viewer-toolbar > ul > li:focus {
      box-shadow: 0 0 3px #fff;
      outline: 0;
      position: relative;
      z-index: 1;
    }

.viewer-toolbar > ul > li::before {
      margin: 2px;
    }

.viewer-toolbar > ul > li + li {
      margin-left: 1px;
    }

.viewer-toolbar > ul > .viewer-small {
    height: 18px;
    margin-bottom: 3px;
    margin-top: 3px;
    width: 18px;
  }

.viewer-toolbar > ul > .viewer-small::before {
      margin: -1px;
    }

.viewer-toolbar > ul > .viewer-large {
    height: 30px;
    margin-bottom: -3px;
    margin-top: -3px;
    width: 30px;
  }

.viewer-toolbar > ul > .viewer-large::before {
      margin: 5px;
    }

.viewer-tooltip {
background-color: rgba(0, 0, 0, 0.8);
border-radius: 10px;
color: #fff;
display: none;
font-size: 12px;
height: 20px;
left: 50%;
line-height: 20px;
margin-left: -25px;
margin-top: -10px;
position: absolute;
text-align: center;
top: 50%;
width: 50px;
}

.viewer-title {
color: #ccc;
display: inline-block;
font-size: 12px;
line-height: 1.2;
margin: 5px 5%;
max-width: 90%;
min-height: 14px;
opacity: 0.8;
overflow: hidden;
text-overflow: ellipsis;
transition: opacity 0.15s;
white-space: nowrap;
}

.viewer-title:hover {
  opacity: 1;
}

.viewer-button {
-webkit-app-region: no-drag;
background-color: rgba(0, 0, 0, 0.5);
border-radius: 50%;
cursor: pointer;
height: 80px;
overflow: hidden;
position: absolute;
right: -40px;
top: -40px;
transition: background-color 0.15s;
width: 80px;
}

.viewer-button:focus,
.viewer-button:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

.viewer-button:focus {
  box-shadow: 0 0 3px #fff;
  outline: 0;
}

.viewer-button::before {
  bottom: 15px;
  left: 15px;
  position: absolute;
}

.viewer-fixed {
position: fixed;
}

.viewer-open {
overflow: hidden;
}

.viewer-show {
display: block;
}

.viewer-hide {
display: none;
}

.viewer-backdrop {
background-color: rgba(0, 0, 0, 0.5);
}

.viewer-invisible {
visibility: hidden;
}

.viewer-move {
cursor: move;
cursor: grab;
}

.viewer-fade {
opacity: 0;
}

.viewer-in {
opacity: 1;
}

.viewer-transition {
transition: all 0.3s;
}

@keyframes viewer-spinner {
0% {
  transform: rotate(0deg);
}

100% {
  transform: rotate(360deg);
}
}

.viewer-loading::after {
  animation: viewer-spinner 1s linear infinite;
  border: 4px solid rgba(255, 255, 255, 0.1);
  border-left-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  content: '';
  display: inline-block;
  height: 40px;
  left: 50%;
  margin-left: -20px;
  margin-top: -20px;
  position: absolute;
  top: 50%;
  width: 40px;
  z-index: 1;
}

@media (max-width: 767px) {
.viewer-hide-xs-down {
  display: none;
}
}

@media (max-width: 991px) {
.viewer-hide-sm-down {
  display: none;
}
}

@media (max-width: 1199px) {
.viewer-hide-md-down {
  display: none;
}
}