html, body {
    height: auto;
}

body {
    background-color: #f6f8fe;
    color: #000;
    letter-spacing: .01rem;
}

* {
    margin: 0;
    padding: 0;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* touch-action: pan-x */
}

input,
textarea,
button {
    outline: none;
    /* font-family: "microsoft yahei"; */
    font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Segoe UI, Arial, Roboto, PingFang SC, miui, Hiragino Sans GB, Microsoft Yahei, sans-serif;
    margin: 0;
    padding: 0;
    border-radius: 0;
}

input::-webkit-input-placeholder {
    color: #999999;
}

input::-ms-input-placeholder {
    color: #999999;
}

input::-moz-placeholder {
    color: #999999;
}

.flex-nowrap {
    flex-wrap: nowrap;
}

.flex-wrap {
    flex-wrap: wrap;
}

.flex-center {
    display: flex;
    justify-content: center;
}

.flex-between {
    display: flex;
    justify-content: space-between;
}

.flex-start {
    display: flex;
    justify-content: flex-start;
}

.flex-end {
    display: flex;
    justify-content: flex-end;
}

.flex-column {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.justify-center {
    justify-content: center;
}

.justify-between {
    justify-content: space-between;
}

.justify-end {
    justify-content: flex-end;
}

.justify-start {
    justify-content: flex-start;
}

.align-center {
    align-items: center;
}

.align-start {
    align-items: flex-start;
}

.align-end {
    align-items: flex-end;
}

.hidden-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hidden-two {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.hidden-three {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.clearfix:after {
    content: "";
    height: 0;
    display: block;
    clear: both;
}

.clearfix {
    zoom: 1;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

/*间距类*/
.m1 {
    margin: 0.02rem;
}

.mv1 {
    margin: 0.02rem 0;
}

.mh1 {
    margin: 0 0.02rem;
}

.ml1 {
    margin-left: 0.02rem;
}

.mr1 {
    margin-right: 0.02rem;
}

.mt1 {
    margin-top: 0.02rem;
}

.mb1 {
    margin-bottom: 0.02rem;
}

.m2 {
    margin: 0.04rem;
}

.mv2 {
    margin: 0.04rem 0;
}

.mh2 {
    margin: 0 0.04rem;
}

.ml2 {
    margin-left: 0.04rem;
}

.mr2 {
    margin-right: 0.04rem;
}

.mt2 {
    margin-top: 0.04rem;
}

.mb2 {
    margin-bottom: 0.04rem;
}

.m3 {
    margin: 0.06rem;
}

.mv3 {
    margin: 0.06rem 0;
}

.mh3 {
    margin: 0 0.06rem;
}

.ml3 {
    margin-left: 0.06rem;
}

.mr3 {
    margin-right: 0.06rem;
}

.mt3 {
    margin-top: 0.06rem;
}

.mb3 {
    margin-bottom: 0.06rem;
}

.m4 {
    margin: 0.08rem;
}

.mv4 {
    margin: 0.08rem 0;
}

.mh4 {
    margin: 0 0.08rem;
}

.ml4 {
    margin-left: 0.08rem;
}

.mr4 {
    margin-right: 0.08rem;
}

.mt4 {
    margin-top: 0.08rem;
}

.mb4 {
    margin-bottom: 0.08rem;
}

.m5 {
    margin: 0.1rem;
}

.mv5 {
    margin: 0.1rem 0;
}

.mh5 {
    margin: 0 0.1rem;
}

.ml5 {
    margin-left: 0.1rem;
}

.mr5 {
    margin-right: 0.1rem;
}

.mt5 {
    margin-top: 0.1rem;
}

.mb5 {
    margin-bottom: 0.1rem;
}

.m6 {
    margin: 0.12rem;
}

.mv6 {
    margin: 0.12rem 0;
}

.mh6 {
    margin: 0 0.12rem;
}

.ml6 {
    margin-left: 0.12rem;
}

.mr6 {
    margin-right: 0.12rem;
}

.mt6 {
    margin-top: 0.12rem;
}

.mb6 {
    margin-bottom: 0.12rem;
}

.m7 {
    margin: 0.14rem;
}

.mv7 {
    margin: 0.14rem 0;
}

.mh7 {
    margin: 0 0.14rem;
}

.ml7 {
    margin-left: 0.14rem;
}

.mr7 {
    margin-right: 0.14rem;
}

.mt7 {
    margin-top: 0.14rem;
}

.mb7 {
    margin-bottom: 0.14rem;
}

.m8 {
    margin: 0.16rem;
}

.mv8 {
    margin: 0.16rem 0;
}

.mh8 {
    margin: 0 0.16rem;
}

.ml8 {
    margin-left: 0.16rem;
}

.mr8 {
    margin-right: 0.16rem;
}

.mt8 {
    margin-top: 0.16rem;
}

.mb8 {
    margin-bottom: 0.16rem;
}

.m9 {
    margin: 0.18rem;
}

.mv9 {
    margin: 0.18rem 0;
}

.mh9 {
    margin: 0 0.18rem;
}

.ml9 {
    margin-left: 0.18rem;
}

.mr9 {
    margin-right: 0.18rem;
}

.mt9 {
    margin-top: 0.18rem;
}

.mb9 {
    margin-bottom: 0.18rem;
}

.m10 {
    margin: 0.2rem;
}

.mv10 {
    margin: 0.2rem 0;
}

.mh10 {
    margin: 0 0.2rem;
}

.ml10 {
    margin-left: 0.2rem;
}

.mr10 {
    margin-right: 0.2rem;
}

.mt10 {
    margin-top: 0.2rem;
}

.mb10 {
    margin-bottom: 0.2rem;
}

.m11 {
    margin: 0.22rem;
}

.mv11 {
    margin: 0.22rem 0;
}

.mh11 {
    margin: 0 0.22rem;
}

.ml11 {
    margin-left: 0.22rem;
}

.mr11 {
    margin-right: 0.22rem;
}

.mt11 {
    margin-top: 0.22rem;
}

.mb11 {
    margin-bottom: 0.22rem;
}

.m12 {
    margin: 0.24rem;
}

.mv12 {
    margin: 0.24rem 0;
}

.mh12 {
    margin: 0 0.24rem;
}

.ml12 {
    margin-left: 0.24rem;
}

.mr12 {
    margin-right: 0.24rem;
}

.mt12 {
    margin-top: 0.24rem;
}

.mb12 {
    margin-bottom: 0.24rem;
}

.m13 {
    margin: 0.26rem;
}

.mv13 {
    margin: 0.26rem 0;
}

.mh13 {
    margin: 0 0.26rem;
}

.ml13 {
    margin-left: 0.26rem;
}

.mr13 {
    margin-right: 0.26rem;
}

.mt13 {
    margin-top: 0.26rem;
}

.mb13 {
    margin-bottom: 0.26rem;
}

.m14 {
    margin: 0.28rem;
}

.mv14 {
    margin: 0.28rem 0;
}

.mh14 {
    margin: 0 0.28rem;
}

.ml14 {
    margin-left: 0.28rem;
}

.mr14 {
    margin-right: 0.28rem;
}

.mt14 {
    margin-top: 0.28rem;
}

.mb14 {
    margin-bottom: 0.28rem;
}

.m15 {
    margin: 0.3rem;
}

.mv15 {
    margin: 0.3rem 0;
}

.mh15 {
    margin: 0 0.3rem;
}

.ml15 {
    margin-left: 0.3rem;
}

.mr15 {
    margin-right: 0.3rem;
}

.mt15 {
    margin-top: 0.3rem;
}

.mb15 {
    margin-bottom: 0.3rem;
}

.m16 {
    margin: 0.32rem;
}

.mv16 {
    margin: 0.32rem 0;
}

.mh16 {
    margin: 0 0.32rem;
}

.ml16 {
    margin-left: 0.32rem;
}

.mr16 {
    margin-right: 0.32rem;
}

.mt16 {
    margin-top: 0.32rem;
}

.mb16 {
    margin-bottom: 0.32rem;
}

.m17 {
    margin: 0.34rem;
}

.mv17 {
    margin: 0.34rem 0;
}

.mh17 {
    margin: 0 0.34rem;
}

.ml17 {
    margin-left: 0.34rem;
}

.mr17 {
    margin-right: 0.34rem;
}

.mt17 {
    margin-top: 0.34rem;
}

.mb17 {
    margin-bottom: 0.34rem;
}

.m18 {
    margin: 0.36rem;
}

.mv18 {
    margin: 0.36rem 0;
}

.mh18 {
    margin: 0 0.36rem;
}

.ml18 {
    margin-left: 0.36rem;
}

.mr18 {
    margin-right: 0.36rem;
}

.mt18 {
    margin-top: 0.36rem;
}

.mb18 {
    margin-bottom: 0.36rem;
}

.m19 {
    margin: 0.38rem;
}

.mv19 {
    margin: 0.38rem 0;
}

.mh19 {
    margin: 0 0.38rem;
}

.ml19 {
    margin-left: 0.38rem;
}

.mr19 {
    margin-right: 0.38rem;
}

.mt19 {
    margin-top: 0.38rem;
}

.mb19 {
    margin-bottom: 0.38rem;
}

.m20 {
    margin: 0.4rem;
}

.mv20 {
    margin: 0.4rem 0;
}

.mh20 {
    margin: 0 0.4rem;
}

.ml20 {
    margin-left: 0.4rem;
}

.mr20 {
    margin-right: 0.4rem;
}

.mt20 {
    margin-top: 0.4rem;
}

.mb20 {
    margin-bottom: 0.4rem;
}

.m21 {
    margin: 0.42rem;
}

.mv21 {
    margin: 0.42rem 0;
}

.mh21 {
    margin: 0 0.42rem;
}

.ml21 {
    margin-left: 0.42rem;
}

.mr21 {
    margin-right: 0.42rem;
}

.mt21 {
    margin-top: 0.42rem;
}

.mb21 {
    margin-bottom: 0.42rem;
}

.m22 {
    margin: 0.44rem;
}

.mv22 {
    margin: 0.44rem 0;
}

.mh22 {
    margin: 0 0.44rem;
}

.ml22 {
    margin-left: 0.44rem;
}

.mr22 {
    margin-right: 0.44rem;
}

.mt22 {
    margin-top: 0.44rem;
}

.mb22 {
    margin-bottom: 0.44rem;
}

.m23 {
    margin: 0.46rem;
}

.mv23 {
    margin: 0.46rem 0;
}

.mh23 {
    margin: 0 0.46rem;
}

.ml23 {
    margin-left: 0.46rem;
}

.mr23 {
    margin-right: 0.46rem;
}

.mt23 {
    margin-top: 0.46rem;
}

.mb23 {
    margin-bottom: 0.46rem;
}

.m24 {
    margin: 0.48rem;
}

.mv24 {
    margin: 0.48rem 0;
}

.mh24 {
    margin: 0 0.48rem;
}

.ml24 {
    margin-left: 0.48rem;
}

.mr24 {
    margin-right: 0.48rem;
}

.mt24 {
    margin-top: 0.48rem;
}

.mb24 {
    margin-bottom: 0.48rem;
}

.m25 {
    margin: 0.5rem;
}

.mv25 {
    margin: 0.5rem 0;
}

.mh25 {
    margin: 0 0.5rem;
}

.ml25 {
    margin-left: 0.5rem;
}

.mr25 {
    margin-right: 0.5rem;
}

.mt25 {
    margin-top: 0.5rem;
}

.mb25 {
    margin-bottom: 0.5rem;
}

.m26 {
    margin: 0.52rem;
}

.mv26 {
    margin: 0.52rem 0;
}

.mh26 {
    margin: 0 0.52rem;
}

.ml26 {
    margin-left: 0.52rem;
}

.mr26 {
    margin-right: 0.52rem;
}

.mt26 {
    margin-top: 0.52rem;
}

.mb26 {
    margin-bottom: 0.52rem;
}

.m27 {
    margin: 0.54rem;
}

.mv27 {
    margin: 0.54rem 0;
}

.mh27 {
    margin: 0 0.54rem;
}

.ml27 {
    margin-left: 0.54rem;
}

.mr27 {
    margin-right: 0.54rem;
}

.mt27 {
    margin-top: 0.54rem;
}

.mb27 {
    margin-bottom: 0.54rem;
}

.m28 {
    margin: 0.56rem;
}

.mv28 {
    margin: 0.56rem 0;
}

.mh28 {
    margin: 0 0.56rem;
}

.ml28 {
    margin-left: 0.56rem;
}

.mr28 {
    margin-right: 0.56rem;
}

.mt28 {
    margin-top: 0.56rem;
}

.mb28 {
    margin-bottom: 0.56rem;
}

.m29 {
    margin: 0.58rem;
}

.mv29 {
    margin: 0.58rem 0;
}

.mh29 {
    margin: 0 0.58rem;
}

.ml29 {
    margin-left: 0.58rem;
}

.mr29 {
    margin-right: 0.58rem;
}

.mt29 {
    margin-top: 0.58rem;
}

.mb29 {
    margin-bottom: 0.58rem;
}

.m30 {
    margin: 0.6rem;
}

.mv30 {
    margin: 0.6rem 0;
}

.mh30 {
    margin: 0 0.6rem;
}

.ml30 {
    margin-left: 0.6rem;
}

.mr30 {
    margin-right: 0.6rem;
}

.mt30 {
    margin-top: 0.6rem;
}

.mb30 {
    margin-bottom: 0.6rem;
}

.m31 {
    margin: 0.62rem;
}

.mv31 {
    margin: 0.62rem 0;
}

.mh31 {
    margin: 0 0.62rem;
}

.ml31 {
    margin-left: 0.62rem;
}

.mr31 {
    margin-right: 0.62rem;
}

.mt31 {
    margin-top: 0.62rem;
}

.mb31 {
    margin-bottom: 0.62rem;
}

.m32 {
    margin: 0.64rem;
}

.mv32 {
    margin: 0.64rem 0;
}

.mh32 {
    margin: 0 0.64rem;
}

.ml32 {
    margin-left: 0.64rem;
}

.mr32 {
    margin-right: 0.64rem;
}

.mt32 {
    margin-top: 0.64rem;
}

.mb32 {
    margin-bottom: 0.64rem;
}

.m33 {
    margin: 0.66rem;
}

.mv33 {
    margin: 0.66rem 0;
}

.mh33 {
    margin: 0 0.66rem;
}

.ml33 {
    margin-left: 0.66rem;
}

.mr33 {
    margin-right: 0.66rem;
}

.mt33 {
    margin-top: 0.66rem;
}

.mb33 {
    margin-bottom: 0.66rem;
}

.m34 {
    margin: 0.68rem;
}

.mv34 {
    margin: 0.68rem 0;
}

.mh34 {
    margin: 0 0.68rem;
}

.ml34 {
    margin-left: 0.68rem;
}

.mr34 {
    margin-right: 0.68rem;
}

.mt34 {
    margin-top: 0.68rem;
}

.mb34 {
    margin-bottom: 0.68rem;
}

.m35 {
    margin: 0.7rem;
}

.mv35 {
    margin: 0.7rem 0;
}

.mh35 {
    margin: 0 0.7rem;
}

.ml35 {
    margin-left: 0.7rem;
}

.mr35 {
    margin-right: 0.7rem;
}

.mt35 {
    margin-top: 0.7rem;
}

.mb35 {
    margin-bottom: 0.7rem;
}

.m36 {
    margin: 0.72rem;
}

.mv36 {
    margin: 0.72rem 0;
}

.mh36 {
    margin: 0 0.72rem;
}

.ml36 {
    margin-left: 0.72rem;
}

.mr36 {
    margin-right: 0.72rem;
}

.mt36 {
    margin-top: 0.72rem;
}

.mb36 {
    margin-bottom: 0.72rem;
}

.m37 {
    margin: 0.74rem;
}

.mv37 {
    margin: 0.74rem 0;
}

.mh37 {
    margin: 0 0.74rem;
}

.ml37 {
    margin-left: 0.74rem;
}

.mr37 {
    margin-right: 0.74rem;
}

.mt37 {
    margin-top: 0.74rem;
}

.mb37 {
    margin-bottom: 0.74rem;
}

.m38 {
    margin: 0.76rem;
}

.mv38 {
    margin: 0.76rem 0;
}

.mh38 {
    margin: 0 0.76rem;
}

.ml38 {
    margin-left: 0.76rem;
}

.mr38 {
    margin-right: 0.76rem;
}

.mt38 {
    margin-top: 0.76rem;
}

.mb38 {
    margin-bottom: 0.76rem;
}

.m39 {
    margin: 0.78rem;
}

.mv39 {
    margin: 0.78rem 0;
}

.mh39 {
    margin: 0 0.78rem;
}

.ml39 {
    margin-left: 0.78rem;
}

.mr39 {
    margin-right: 0.78rem;
}

.mt39 {
    margin-top: 0.78rem;
}

.mb39 {
    margin-bottom: 0.78rem;
}

.m40 {
    margin: 0.8rem;
}

.mv40 {
    margin: 0.8rem 0;
}

.mh40 {
    margin: 0 0.8rem;
}

.ml40 {
    margin-left: 0.8rem;
}

.mr40 {
    margin-right: 0.8rem;
}

.mt40 {
    margin-top: 0.8rem;
}

.mb40 {
    margin-bottom: 0.8rem;
}

.m41 {
    margin: 0.82rem;
}

.mv41 {
    margin: 0.82rem 0;
}

.mh41 {
    margin: 0 0.82rem;
}

.ml41 {
    margin-left: 0.82rem;
}

.mr41 {
    margin-right: 0.82rem;
}

.mt41 {
    margin-top: 0.82rem;
}

.mb41 {
    margin-bottom: 0.82rem;
}

.m42 {
    margin: 0.84rem;
}

.mv42 {
    margin: 0.84rem 0;
}

.mh42 {
    margin: 0 0.84rem;
}

.ml42 {
    margin-left: 0.84rem;
}

.mr42 {
    margin-right: 0.84rem;
}

.mt42 {
    margin-top: 0.84rem;
}

.mb42 {
    margin-bottom: 0.84rem;
}

.m43 {
    margin: 0.86rem;
}

.mv43 {
    margin: 0.86rem 0;
}

.mh43 {
    margin: 0 0.86rem;
}

.ml43 {
    margin-left: 0.86rem;
}

.mr43 {
    margin-right: 0.86rem;
}

.mt43 {
    margin-top: 0.86rem;
}

.mb43 {
    margin-bottom: 0.86rem;
}

.m44 {
    margin: 0.88rem;
}

.mv44 {
    margin: 0.88rem 0;
}

.mh44 {
    margin: 0 0.88rem;
}

.ml44 {
    margin-left: 0.88rem;
}

.mr44 {
    margin-right: 0.88rem;
}

.mt44 {
    margin-top: 0.88rem;
}

.mb44 {
    margin-bottom: 0.88rem;
}

.m45 {
    margin: 0.9rem;
}

.mv45 {
    margin: 0.9rem 0;
}

.mh45 {
    margin: 0 0.9rem;
}

.ml45 {
    margin-left: 0.9rem;
}

.mr45 {
    margin-right: 0.9rem;
}

.mt45 {
    margin-top: 0.9rem;
}

.mb45 {
    margin-bottom: 0.9rem;
}

.m46 {
    margin: 0.92rem;
}

.mv46 {
    margin: 0.92rem 0;
}

.mh46 {
    margin: 0 0.92rem;
}

.ml46 {
    margin-left: 0.92rem;
}

.mr46 {
    margin-right: 0.92rem;
}

.mt46 {
    margin-top: 0.92rem;
}

.mb46 {
    margin-bottom: 0.92rem;
}

.m47 {
    margin: 0.94rem;
}

.mv47 {
    margin: 0.94rem 0;
}

.mh47 {
    margin: 0 0.94rem;
}

.ml47 {
    margin-left: 0.94rem;
}

.mr47 {
    margin-right: 0.94rem;
}

.mt47 {
    margin-top: 0.94rem;
}

.mb47 {
    margin-bottom: 0.94rem;
}

.m48 {
    margin: 0.96rem;
}

.mv48 {
    margin: 0.96rem 0;
}

.mh48 {
    margin: 0 0.96rem;
}

.ml48 {
    margin-left: 0.96rem;
}

.mr48 {
    margin-right: 0.96rem;
}

.mt48 {
    margin-top: 0.96rem;
}

.mb48 {
    margin-bottom: 0.96rem;
}

.m49 {
    margin: 0.98rem;
}

.mv49 {
    margin: 0.98rem 0;
}

.mh49 {
    margin: 0 0.98rem;
}

.ml49 {
    margin-left: 0.98rem;
}

.mr49 {
    margin-right: 0.98rem;
}

.mt49 {
    margin-top: 0.98rem;
}

.mb49 {
    margin-bottom: 0.98rem;
}

.m50 {
    margin: 1rem;
}

.mv50 {
    margin: 1rem 0;
}

.mh50 {
    margin: 0 1rem;
}

.ml50 {
    margin-left: 1rem;
}

.mr50 {
    margin-right: 1rem;
}

.mt50 {
    margin-top: 1rem;
}

.mb50 {
    margin-bottom: 1rem;
}

.m51 {
    margin: 1.02rem;
}

.mv51 {
    margin: 1.02rem 0;
}

.mh51 {
    margin: 0 1.02rem;
}

.ml51 {
    margin-left: 1.02rem;
}

.mr51 {
    margin-right: 1.02rem;
}

.mt51 {
    margin-top: 1.02rem;
}

.mb51 {
    margin-bottom: 1.02rem;
}

.m52 {
    margin: 1.04rem;
}

.mv52 {
    margin: 1.04rem 0;
}

.mh52 {
    margin: 0 1.04rem;
}

.ml52 {
    margin-left: 1.04rem;
}

.mr52 {
    margin-right: 1.04rem;
}

.mt52 {
    margin-top: 1.04rem;
}

.mb52 {
    margin-bottom: 1.04rem;
}

.m53 {
    margin: 1.06rem;
}

.mv53 {
    margin: 1.06rem 0;
}

.mh53 {
    margin: 0 1.06rem;
}

.ml53 {
    margin-left: 1.06rem;
}

.mr53 {
    margin-right: 1.06rem;
}

.mt53 {
    margin-top: 1.06rem;
}

.mb53 {
    margin-bottom: 1.06rem;
}

.m54 {
    margin: 1.08rem;
}

.mv54 {
    margin: 1.08rem 0;
}

.mh54 {
    margin: 0 1.08rem;
}

.ml54 {
    margin-left: 1.08rem;
}

.mr54 {
    margin-right: 1.08rem;
}

.mt54 {
    margin-top: 1.08rem;
}

.mb54 {
    margin-bottom: 1.08rem;
}

.m55 {
    margin: 1.1rem;
}

.mv55 {
    margin: 1.1rem 0;
}

.mh55 {
    margin: 0 1.1rem;
}

.ml55 {
    margin-left: 1.1rem;
}

.mr55 {
    margin-right: 1.1rem;
}

.mt55 {
    margin-top: 1.1rem;
}

.mb55 {
    margin-bottom: 1.1rem;
}

.m56 {
    margin: 1.12rem;
}

.mv56 {
    margin: 1.12rem 0;
}

.mh56 {
    margin: 0 1.12rem;
}

.ml56 {
    margin-left: 1.12rem;
}

.mr56 {
    margin-right: 1.12rem;
}

.mt56 {
    margin-top: 1.12rem;
}

.mb56 {
    margin-bottom: 1.12rem;
}

.m57 {
    margin: 1.14rem;
}

.mv57 {
    margin: 1.14rem 0;
}

.mh57 {
    margin: 0 1.14rem;
}

.ml57 {
    margin-left: 1.14rem;
}

.mr57 {
    margin-right: 1.14rem;
}

.mt57 {
    margin-top: 1.14rem;
}

.mb57 {
    margin-bottom: 1.14rem;
}

.m58 {
    margin: 1.16rem;
}

.mv58 {
    margin: 1.16rem 0;
}

.mh58 {
    margin: 0 1.16rem;
}

.ml58 {
    margin-left: 1.16rem;
}

.mr58 {
    margin-right: 1.16rem;
}

.mt58 {
    margin-top: 1.16rem;
}

.mb58 {
    margin-bottom: 1.16rem;
}

.m59 {
    margin: 1.18rem;
}

.mv59 {
    margin: 1.18rem 0;
}

.mh59 {
    margin: 0 1.18rem;
}

.ml59 {
    margin-left: 1.18rem;
}

.mr59 {
    margin-right: 1.18rem;
}

.mt59 {
    margin-top: 1.18rem;
}

.mb59 {
    margin-bottom: 1.18rem;
}

.m60 {
    margin: 1.2rem;
}

.mv60 {
    margin: 1.2rem 0;
}

.mh60 {
    margin: 0 1.2rem;
}

.ml60 {
    margin-left: 1.2rem;
}

.mr60 {
    margin-right: 1.2rem;
}

.mt60 {
    margin-top: 1.2rem;
}

.mb60 {
    margin-bottom: 1.2rem;
}

.p1 {
    padding: 0.02rem;
}

.pv1 {
    padding: 0.02rem 0;
}

.ph1 {
    padding: 0 0.02rem;
}

.pl1 {
    padding-left: 0.02rem;
}

.pr1 {
    padding-right: 0.02rem;
}

.pt1 {
    padding-top: 0.02rem;
}

.pb1 {
    padding-bottom: 0.02rem;
}

.p2 {
    padding: 0.04rem;
}

.pv2 {
    padding: 0.04rem 0;
}

.ph2 {
    padding: 0 0.04rem;
}

.pl2 {
    padding-left: 0.04rem;
}

.pr2 {
    padding-right: 0.04rem;
}

.pt2 {
    padding-top: 0.04rem;
}

.pb2 {
    padding-bottom: 0.04rem;
}

.p3 {
    padding: 0.06rem;
}

.pv3 {
    padding: 0.06rem 0;
}

.ph3 {
    padding: 0 0.06rem;
}

.pl3 {
    padding-left: 0.06rem;
}

.pr3 {
    padding-right: 0.06rem;
}

.pt3 {
    padding-top: 0.06rem;
}

.pb3 {
    padding-bottom: 0.06rem;
}

.p4 {
    padding: 0.08rem;
}

.pv4 {
    padding: 0.08rem 0;
}

.ph4 {
    padding: 0 0.08rem;
}

.pl4 {
    padding-left: 0.08rem;
}

.pr4 {
    padding-right: 0.08rem;
}

.pt4 {
    padding-top: 0.08rem;
}

.pb4 {
    padding-bottom: 0.08rem;
}

.p5 {
    padding: 0.1rem;
}

.pv5 {
    padding: 0.1rem 0;
}

.ph5 {
    padding: 0 0.1rem;
}

.pl5 {
    padding-left: 0.1rem;
}

.pr5 {
    padding-right: 0.1rem;
}

.pt5 {
    padding-top: 0.1rem;
}

.pb5 {
    padding-bottom: 0.1rem;
}

.p6 {
    padding: 0.12rem;
}

.pv6 {
    padding: 0.12rem 0;
}

.ph6 {
    padding: 0 0.12rem;
}

.pl6 {
    padding-left: 0.12rem;
}

.pr6 {
    padding-right: 0.12rem;
}

.pt6 {
    padding-top: 0.12rem;
}

.pb6 {
    padding-bottom: 0.12rem;
}

.p7 {
    padding: 0.14rem;
}

.pv7 {
    padding: 0.14rem 0;
}

.ph7 {
    padding: 0 0.14rem;
}

.pl7 {
    padding-left: 0.14rem;
}

.pr7 {
    padding-right: 0.14rem;
}

.pt7 {
    padding-top: 0.14rem;
}

.pb7 {
    padding-bottom: 0.14rem;
}

.p8 {
    padding: 0.16rem;
}

.pv8 {
    padding: 0.16rem 0;
}

.ph8 {
    padding: 0 0.16rem;
}

.pl8 {
    padding-left: 0.16rem;
}

.pr8 {
    padding-right: 0.16rem;
}

.pt8 {
    padding-top: 0.16rem;
}

.pb8 {
    padding-bottom: 0.16rem;
}

.p9 {
    padding: 0.18rem;
}

.pv9 {
    padding: 0.18rem 0;
}

.ph9 {
    padding: 0 0.18rem;
}

.pl9 {
    padding-left: 0.18rem;
}

.pr9 {
    padding-right: 0.18rem;
}

.pt9 {
    padding-top: 0.18rem;
}

.pb9 {
    padding-bottom: 0.18rem;
}

.p10 {
    padding: 0.2rem;
}

.pv10 {
    padding: 0.2rem 0;
}

.ph10 {
    padding: 0 0.2rem;
}

.pl10 {
    padding-left: 0.2rem;
}

.pr10 {
    padding-right: 0.2rem;
}

.pt10 {
    padding-top: 0.2rem;
}

.pb10 {
    padding-bottom: 0.2rem;
}

.p11 {
    padding: 0.22rem;
}

.pv11 {
    padding: 0.22rem 0;
}

.ph11 {
    padding: 0 0.22rem;
}

.pl11 {
    padding-left: 0.22rem;
}

.pr11 {
    padding-right: 0.22rem;
}

.pt11 {
    padding-top: 0.22rem;
}

.pb11 {
    padding-bottom: 0.22rem;
}

.p12 {
    padding: 0.24rem;
}

.pv12 {
    padding: 0.24rem 0;
}

.ph12 {
    padding: 0 0.24rem;
}

.pl12 {
    padding-left: 0.24rem;
}

.pr12 {
    padding-right: 0.24rem;
}

.pt12 {
    padding-top: 0.24rem;
}

.pb12 {
    padding-bottom: 0.24rem;
}

.p13 {
    padding: 0.26rem;
}

.pv13 {
    padding: 0.26rem 0;
}

.ph13 {
    padding: 0 0.26rem;
}

.pl13 {
    padding-left: 0.26rem;
}

.pr13 {
    padding-right: 0.26rem;
}

.pt13 {
    padding-top: 0.26rem;
}

.pb13 {
    padding-bottom: 0.26rem;
}

.p14 {
    padding: 0.28rem;
}

.pv14 {
    padding: 0.28rem 0;
}

.ph14 {
    padding: 0 0.28rem;
}

.pl14 {
    padding-left: 0.28rem;
}

.pr14 {
    padding-right: 0.28rem;
}

.pt14 {
    padding-top: 0.28rem;
}

.pb14 {
    padding-bottom: 0.28rem;
}

.p15 {
    padding: 0.3rem;
}

.pv15 {
    padding: 0.3rem 0;
}

.ph15 {
    padding: 0 0.3rem;
}

.pl15 {
    padding-left: 0.3rem;
}

.pr15 {
    padding-right: 0.3rem;
}

.pt15 {
    padding-top: 0.3rem;
}

.pb15 {
    padding-bottom: 0.3rem;
}

.p16 {
    padding: 0.32rem;
}

.pv16 {
    padding: 0.32rem 0;
}

.ph16 {
    padding: 0 0.32rem;
}

.pl16 {
    padding-left: 0.32rem;
}

.pr16 {
    padding-right: 0.32rem;
}

.pt16 {
    padding-top: 0.32rem;
}

.pb16 {
    padding-bottom: 0.32rem;
}

.p17 {
    padding: 0.34rem;
}

.pv17 {
    padding: 0.34rem 0;
}

.ph17 {
    padding: 0 0.34rem;
}

.pl17 {
    padding-left: 0.34rem;
}

.pr17 {
    padding-right: 0.34rem;
}

.pt17 {
    padding-top: 0.34rem;
}

.pb17 {
    padding-bottom: 0.34rem;
}

.p18 {
    padding: 0.36rem;
}

.pv18 {
    padding: 0.36rem 0;
}

.ph18 {
    padding: 0 0.36rem;
}

.pl18 {
    padding-left: 0.36rem;
}

.pr18 {
    padding-right: 0.36rem;
}

.pt18 {
    padding-top: 0.36rem;
}

.pb18 {
    padding-bottom: 0.36rem;
}

.p19 {
    padding: 0.38rem;
}

.pv19 {
    padding: 0.38rem 0;
}

.ph19 {
    padding: 0 0.38rem;
}

.pl19 {
    padding-left: 0.38rem;
}

.pr19 {
    padding-right: 0.38rem;
}

.pt19 {
    padding-top: 0.38rem;
}

.pb19 {
    padding-bottom: 0.38rem;
}

.p20 {
    padding: 0.4rem;
}

.pv20 {
    padding: 0.4rem 0;
}

.ph20 {
    padding: 0 0.4rem;
}

.pl20 {
    padding-left: 0.4rem;
}

.pr20 {
    padding-right: 0.4rem;
}

.pt20 {
    padding-top: 0.4rem;
}

.pb20 {
    padding-bottom: 0.4rem;
}

.p21 {
    padding: 0.42rem;
}

.pv21 {
    padding: 0.42rem 0;
}

.ph21 {
    padding: 0 0.42rem;
}

.pl21 {
    padding-left: 0.42rem;
}

.pr21 {
    padding-right: 0.42rem;
}

.pt21 {
    padding-top: 0.42rem;
}

.pb21 {
    padding-bottom: 0.42rem;
}

.p22 {
    padding: 0.44rem;
}

.pv22 {
    padding: 0.44rem 0;
}

.ph22 {
    padding: 0 0.44rem;
}

.pl22 {
    padding-left: 0.44rem;
}

.pr22 {
    padding-right: 0.44rem;
}

.pt22 {
    padding-top: 0.44rem;
}

.pb22 {
    padding-bottom: 0.44rem;
}

.p23 {
    padding: 0.46rem;
}

.pv23 {
    padding: 0.46rem 0;
}

.ph23 {
    padding: 0 0.46rem;
}

.pl23 {
    padding-left: 0.46rem;
}

.pr23 {
    padding-right: 0.46rem;
}

.pt23 {
    padding-top: 0.46rem;
}

.pb23 {
    padding-bottom: 0.46rem;
}

.p24 {
    padding: 0.48rem;
}

.pv24 {
    padding: 0.48rem 0;
}

.ph24 {
    padding: 0 0.48rem;
}

.pl24 {
    padding-left: 0.48rem;
}

.pr24 {
    padding-right: 0.48rem;
}

.pt24 {
    padding-top: 0.48rem;
}

.pb24 {
    padding-bottom: 0.48rem;
}

.p25 {
    padding: 0.5rem;
}

.pv25 {
    padding: 0.5rem 0;
}

.ph25 {
    padding: 0 0.5rem;
}

.pl25 {
    padding-left: 0.5rem;
}

.pr25 {
    padding-right: 0.5rem;
}

.pt25 {
    padding-top: 0.5rem;
}

.pb25 {
    padding-bottom: 0.5rem;
}

.p26 {
    padding: 0.52rem;
}

.pv26 {
    padding: 0.52rem 0;
}

.ph26 {
    padding: 0 0.52rem;
}

.pl26 {
    padding-left: 0.52rem;
}

.pr26 {
    padding-right: 0.52rem;
}

.pt26 {
    padding-top: 0.52rem;
}

.pb26 {
    padding-bottom: 0.52rem;
}

.p27 {
    padding: 0.54rem;
}

.pv27 {
    padding: 0.54rem 0;
}

.ph27 {
    padding: 0 0.54rem;
}

.pl27 {
    padding-left: 0.54rem;
}

.pr27 {
    padding-right: 0.54rem;
}

.pt27 {
    padding-top: 0.54rem;
}

.pb27 {
    padding-bottom: 0.54rem;
}

.p28 {
    padding: 0.56rem;
}

.pv28 {
    padding: 0.56rem 0;
}

.ph28 {
    padding: 0 0.56rem;
}

.pl28 {
    padding-left: 0.56rem;
}

.pr28 {
    padding-right: 0.56rem;
}

.pt28 {
    padding-top: 0.56rem;
}

.pb28 {
    padding-bottom: 0.56rem;
}

.p29 {
    padding: 0.58rem;
}

.pv29 {
    padding: 0.58rem 0;
}

.ph29 {
    padding: 0 0.58rem;
}

.pl29 {
    padding-left: 0.58rem;
}

.pr29 {
    padding-right: 0.58rem;
}

.pt29 {
    padding-top: 0.58rem;
}

.pb29 {
    padding-bottom: 0.58rem;
}

.p30 {
    padding: 0.6rem;
}

.pv30 {
    padding: 0.6rem 0;
}

.ph30 {
    padding: 0 0.6rem;
}

.pl30 {
    padding-left: 0.6rem;
}

.pr30 {
    padding-right: 0.6rem;
}

.pt30 {
    padding-top: 0.6rem;
}

.pb30 {
    padding-bottom: 0.6rem;
}

.p31 {
    padding: 0.62rem;
}

.pv31 {
    padding: 0.62rem 0;
}

.ph31 {
    padding: 0 0.62rem;
}

.pl31 {
    padding-left: 0.62rem;
}

.pr31 {
    padding-right: 0.62rem;
}

.pt31 {
    padding-top: 0.62rem;
}

.pb31 {
    padding-bottom: 0.62rem;
}

.p32 {
    padding: 0.64rem;
}

.pv32 {
    padding: 0.64rem 0;
}

.ph32 {
    padding: 0 0.64rem;
}

.pl32 {
    padding-left: 0.64rem;
}

.pr32 {
    padding-right: 0.64rem;
}

.pt32 {
    padding-top: 0.64rem;
}

.pb32 {
    padding-bottom: 0.64rem;
}

.p33 {
    padding: 0.66rem;
}

.pv33 {
    padding: 0.66rem 0;
}

.ph33 {
    padding: 0 0.66rem;
}

.pl33 {
    padding-left: 0.66rem;
}

.pr33 {
    padding-right: 0.66rem;
}

.pt33 {
    padding-top: 0.66rem;
}

.pb33 {
    padding-bottom: 0.66rem;
}

.p34 {
    padding: 0.68rem;
}

.pv34 {
    padding: 0.68rem 0;
}

.ph34 {
    padding: 0 0.68rem;
}

.pl34 {
    padding-left: 0.68rem;
}

.pr34 {
    padding-right: 0.68rem;
}

.pt34 {
    padding-top: 0.68rem;
}

.pb34 {
    padding-bottom: 0.68rem;
}

.p35 {
    padding: 0.7rem;
}

.pv35 {
    padding: 0.7rem 0;
}

.ph35 {
    padding: 0 0.7rem;
}

.pl35 {
    padding-left: 0.7rem;
}

.pr35 {
    padding-right: 0.7rem;
}

.pt35 {
    padding-top: 0.7rem;
}

.pb35 {
    padding-bottom: 0.7rem;
}

.p36 {
    padding: 0.72rem;
}

.pv36 {
    padding: 0.72rem 0;
}

.ph36 {
    padding: 0 0.72rem;
}

.pl36 {
    padding-left: 0.72rem;
}

.pr36 {
    padding-right: 0.72rem;
}

.pt36 {
    padding-top: 0.72rem;
}

.pb36 {
    padding-bottom: 0.72rem;
}

.p37 {
    padding: 0.74rem;
}

.pv37 {
    padding: 0.74rem 0;
}

.ph37 {
    padding: 0 0.74rem;
}

.pl37 {
    padding-left: 0.74rem;
}

.pr37 {
    padding-right: 0.74rem;
}

.pt37 {
    padding-top: 0.74rem;
}

.pb37 {
    padding-bottom: 0.74rem;
}

.p38 {
    padding: 0.76rem;
}

.pv38 {
    padding: 0.76rem 0;
}

.ph38 {
    padding: 0 0.76rem;
}

.pl38 {
    padding-left: 0.76rem;
}

.pr38 {
    padding-right: 0.76rem;
}

.pt38 {
    padding-top: 0.76rem;
}

.pb38 {
    padding-bottom: 0.76rem;
}

.p39 {
    padding: 0.78rem;
}

.pv39 {
    padding: 0.78rem 0;
}

.ph39 {
    padding: 0 0.78rem;
}

.pl39 {
    padding-left: 0.78rem;
}

.pr39 {
    padding-right: 0.78rem;
}

.pt39 {
    padding-top: 0.78rem;
}

.pb39 {
    padding-bottom: 0.78rem;
}

.p40 {
    padding: 0.8rem;
}

.pv40 {
    padding: 0.8rem 0;
}

.ph40 {
    padding: 0 0.8rem;
}

.pl40 {
    padding-left: 0.8rem;
}

.pr40 {
    padding-right: 0.8rem;
}

.pt40 {
    padding-top: 0.8rem;
}

.pb40 {
    padding-bottom: 0.8rem;
}

.p41 {
    padding: 0.82rem;
}

.pv41 {
    padding: 0.82rem 0;
}

.ph41 {
    padding: 0 0.82rem;
}

.pl41 {
    padding-left: 0.82rem;
}

.pr41 {
    padding-right: 0.82rem;
}

.pt41 {
    padding-top: 0.82rem;
}

.pb41 {
    padding-bottom: 0.82rem;
}

.p42 {
    padding: 0.84rem;
}

.pv42 {
    padding: 0.84rem 0;
}

.ph42 {
    padding: 0 0.84rem;
}

.pl42 {
    padding-left: 0.84rem;
}

.pr42 {
    padding-right: 0.84rem;
}

.pt42 {
    padding-top: 0.84rem;
}

.pb42 {
    padding-bottom: 0.84rem;
}

.p43 {
    padding: 0.86rem;
}

.pv43 {
    padding: 0.86rem 0;
}

.ph43 {
    padding: 0 0.86rem;
}

.pl43 {
    padding-left: 0.86rem;
}

.pr43 {
    padding-right: 0.86rem;
}

.pt43 {
    padding-top: 0.86rem;
}

.pb43 {
    padding-bottom: 0.86rem;
}

.p44 {
    padding: 0.88rem;
}

.pv44 {
    padding: 0.88rem 0;
}

.ph44 {
    padding: 0 0.88rem;
}

.pl44 {
    padding-left: 0.88rem;
}

.pr44 {
    padding-right: 0.88rem;
}

.pt44 {
    padding-top: 0.88rem;
}

.pb44 {
    padding-bottom: 0.88rem;
}

.p45 {
    padding: 0.9rem;
}

.pv45 {
    padding: 0.9rem 0;
}

.ph45 {
    padding: 0 0.9rem;
}

.pl45 {
    padding-left: 0.9rem;
}

.pr45 {
    padding-right: 0.9rem;
}

.pt45 {
    padding-top: 0.9rem;
}

.pb45 {
    padding-bottom: 0.9rem;
}

.p46 {
    padding: 0.92rem;
}

.pv46 {
    padding: 0.92rem 0;
}

.ph46 {
    padding: 0 0.92rem;
}

.pl46 {
    padding-left: 0.92rem;
}

.pr46 {
    padding-right: 0.92rem;
}

.pt46 {
    padding-top: 0.92rem;
}

.pb46 {
    padding-bottom: 0.92rem;
}

.p47 {
    padding: 0.94rem;
}

.pv47 {
    padding: 0.94rem 0;
}

.ph47 {
    padding: 0 0.94rem;
}

.pl47 {
    padding-left: 0.94rem;
}

.pr47 {
    padding-right: 0.94rem;
}

.pt47 {
    padding-top: 0.94rem;
}

.pb47 {
    padding-bottom: 0.94rem;
}

.p48 {
    padding: 0.96rem;
}

.pv48 {
    padding: 0.96rem 0;
}

.ph48 {
    padding: 0 0.96rem;
}

.pl48 {
    padding-left: 0.96rem;
}

.pr48 {
    padding-right: 0.96rem;
}

.pt48 {
    padding-top: 0.96rem;
}

.pb48 {
    padding-bottom: 0.96rem;
}

.p49 {
    padding: 0.98rem;
}

.pv49 {
    padding: 0.98rem 0;
}

.ph49 {
    padding: 0 0.98rem;
}

.pl49 {
    padding-left: 0.98rem;
}

.pr49 {
    padding-right: 0.98rem;
}

.pt49 {
    padding-top: 0.98rem;
}

.pb49 {
    padding-bottom: 0.98rem;
}

.p50 {
    padding: 1rem;
}

.pv50 {
    padding: 1rem 0;
}

.ph50 {
    padding: 0 1rem;
}

.pl50 {
    padding-left: 1rem;
}

.pr50 {
    padding-right: 1rem;
}

.pt50 {
    padding-top: 1rem;
}

.pb50 {
    padding-bottom: 1rem;
}

.p51 {
    padding: 1.02rem;
}

.pv51 {
    padding: 1.02rem 0;
}

.ph51 {
    padding: 0 1.02rem;
}

.pl51 {
    padding-left: 1.02rem;
}

.pr51 {
    padding-right: 1.02rem;
}

.pt51 {
    padding-top: 1.02rem;
}

.pb51 {
    padding-bottom: 1.02rem;
}

.p52 {
    padding: 1.04rem;
}

.pv52 {
    padding: 1.04rem 0;
}

.ph52 {
    padding: 0 1.04rem;
}

.pl52 {
    padding-left: 1.04rem;
}

.pr52 {
    padding-right: 1.04rem;
}

.pt52 {
    padding-top: 1.04rem;
}

.pb52 {
    padding-bottom: 1.04rem;
}

.p53 {
    padding: 1.06rem;
}

.pv53 {
    padding: 1.06rem 0;
}

.ph53 {
    padding: 0 1.06rem;
}

.pl53 {
    padding-left: 1.06rem;
}

.pr53 {
    padding-right: 1.06rem;
}

.pt53 {
    padding-top: 1.06rem;
}

.pb53 {
    padding-bottom: 1.06rem;
}

.p54 {
    padding: 1.08rem;
}

.pv54 {
    padding: 1.08rem 0;
}

.ph54 {
    padding: 0 1.08rem;
}

.pl54 {
    padding-left: 1.08rem;
}

.pr54 {
    padding-right: 1.08rem;
}

.pt54 {
    padding-top: 1.08rem;
}

.pb54 {
    padding-bottom: 1.08rem;
}

.p55 {
    padding: 1.1rem;
}

.pv55 {
    padding: 1.1rem 0;
}

.ph55 {
    padding: 0 1.1rem;
}

.pl55 {
    padding-left: 1.1rem;
}

.pr55 {
    padding-right: 1.1rem;
}

.pt55 {
    padding-top: 1.1rem;
}

.pb55 {
    padding-bottom: 1.1rem;
}

.p56 {
    padding: 1.12rem;
}

.pv56 {
    padding: 1.12rem 0;
}

.ph56 {
    padding: 0 1.12rem;
}

.pl56 {
    padding-left: 1.12rem;
}

.pr56 {
    padding-right: 1.12rem;
}

.pt56 {
    padding-top: 1.12rem;
}

.pb56 {
    padding-bottom: 1.12rem;
}

.p57 {
    padding: 1.14rem;
}

.pv57 {
    padding: 1.14rem 0;
}

.ph57 {
    padding: 0 1.14rem;
}

.pl57 {
    padding-left: 1.14rem;
}

.pr57 {
    padding-right: 1.14rem;
}

.pt57 {
    padding-top: 1.14rem;
}

.pb57 {
    padding-bottom: 1.14rem;
}

.p58 {
    padding: 1.16rem;
}

.pv58 {
    padding: 1.16rem 0;
}

.ph58 {
    padding: 0 1.16rem;
}

.pl58 {
    padding-left: 1.16rem;
}

.pr58 {
    padding-right: 1.16rem;
}

.pt58 {
    padding-top: 1.16rem;
}

.pb58 {
    padding-bottom: 1.16rem;
}

.p59 {
    padding: 1.18rem;
}

.pv59 {
    padding: 1.18rem 0;
}

.ph59 {
    padding: 0 1.18rem;
}

.pl59 {
    padding-left: 1.18rem;
}

.pr59 {
    padding-right: 1.18rem;
}

.pt59 {
    padding-top: 1.18rem;
}

.pb59 {
    padding-bottom: 1.18rem;
}

.p60 {
    padding: 1.2rem;
}

.pv60 {
    padding: 1.2rem 0;
}

.ph60 {
    padding: 0 1.2rem;
}

.pl60 {
    padding-left: 1.2rem;
}

.pr60 {
    padding-right: 1.2rem;
}

.pt60 {
    padding-top: 1.2rem;
}

.pb60 {
    padding-bottom: 1.2rem;
}

/*位置类*/
.pr {
    position: relative !important;
}

.pa {
    position: absolute !important;
}

.tr {
    text-align: right !important;
}

.tl {
    text-align: left !important;
}

.tc {
    text-align: center !important;
}

.tj {
    text-align: justify !important;
}

.ti2 {
    text-indent: 2em !important;
}

.vat {
    vertical-align: top !important;
}

.vab {
    vertical-align: bottom !important;
}

.vam {
    vertical-align: middle !important;
}

.vatt {
    vertical-align: text-top !important
}

.vatb {
    vertical-align: text-bottom !important
}

/*字体类*/
.b {
    font-weight: bold !important;
}

.f10 {
    font-size: 0.2rem !important;
}

.f11 {
    font-size: 0.22rem !important;
}

.f12 {
    font-size: 0.24rem !important;
}

.f13 {
    font-size: 0.26rem !important;
}

.f14 {
    font-size: 0.28rem !important;
}

.f15 {
    font-size: 0.3rem !important;
}

.f16 {
    font-size: 0.32rem !important;
}

.f17 {
    font-size: 0.34rem !important;
}

.f18 {
    font-size: 0.36rem !important;
}

.f18 {
    font-size: 0.36rem !important;
}

.f20 {
    font-size: 0.4rem !important;
}

.f21 {
    font-size: 0.42rem !important;
}

.f22 {
    font-size: 0.44rem !important;
}

.f23 {
    font-size: 0.46rem !important;
}

.f24 {
    font-size: 0.48rem !important;
}

.f25 {
    font-size: 0.5rem !important;
}

.f26 {
    font-size: 0.52rem !important;
}

.f27 {
    font-size: 0.54rem !important;
}

.f28 {
    font-size: 0.56rem !important;
}

.f29 {
    font-size: 0.58rem !important;
}

.f30 {
    font-size: 0.6rem !important;
}

.f31 {
    font-size: 0.62rem !important;
}

.f32 {
    font-size: 0.64rem !important;
}

.f33 {
    font-size: 0.66rem !important;
}

.f34 {
    font-size: 0.68rem !important;
}

.f35 {
    font-size: 0.7rem !important;
}

.f36 {
    font-size: 0.72rem !important;
}

.f37 {
    font-size: 0.74rem !important;
}

.f38 {
    font-size: 0.76rem !important;
}

.f39 {
    font-size: 0.78rem !important;
}

.f40 {
    font-size: 0.8rem !important;
}

.f41 {
    font-size: 0.82rem !important;
}

.f42 {
    font-size: 0.84rem !important;
}

.f43 {
    font-size: 0.86rem !important;
}

.f44 {
    font-size: 0.88rem !important;
}

.f45 {
    font-size: 0.9rem !important;
}

.f46 {
    font-size: 0.92rem !important;
}

.f47 {
    font-size: 0.94rem !important;
}

.f48 {
    font-size: 0.96rem !important;
}

.f49 {
    font-size: 0.98rem !important;
}

.f50 {
    font-size: 1rem !important;
}

.lh10 {
    line-height: 0.2rem !important;
}

.lh11 {
    line-height: 10.02rem !important;
}

.lh12 {
    line-height: 0.24rem !important;
}

.lh13 {
    line-height: 0.26rem !important;
}

.lh14 {
    line-height: 0.28rem !important;
}

.lh15 {
    line-height: 0.3rem !important;
}

.lh16 {
    line-height: 0.32rem !important;
}

.lh17 {
    line-height: 0.34rem !important;
}

.lh18 {
    line-height: 0.36rem !important;
}

.lh19 {
    line-height: 0.38rem !important;
}

.lh20 {
    line-height: 0.4rem !important;
}

.lh21 {
    line-height: 0.42rem !important;
}

.lh22 {
    line-height: 0.44rem !important;
}

.lh23 {
    line-height: 0.46rem !important;
}

.lh24 {
    line-height: 0.48rem !important;
}

.lh25 {
    line-height: 0.5rem !important;
}

.lh26 {
    line-height: 0.52rem !important;
}

.lh27 {
    line-height: 0.54rem !important;
}

.lh28 {
    line-height: 0.56rem !important;
}

.lh29 {
    line-height: 0.58rem !important;
}

.lh30 {
    line-height: 0.6rem !important;
}

.lh31 {
    line-height: 0.62rem !important;
}

.lh32 {
    line-height: 0.64rem !important;
}

.lh33 {
    line-height: 0.66rem !important;
}

.lh34 {
    line-height: 0.68rem !important;
}

.lh35 {
    line-height: 0.7rem !important;
}

.lh36 {
    line-height: 0.72rem !important;
}

.lh37 {
    line-height: 0.74rem !important;
}

.lh38 {
    line-height: 0.76rem !important;
}

.lh39 {
    line-height: 0.78rem !important;
}

.lh40 {
    line-height: 0.8rem !important;
}

.lh41 {
    line-height: 0.82rem !important;
}

.lh42 {
    line-height: 0.84rem !important;
}

.lh43 {
    line-height: 0.86rem !important;
}

.lh44 {
    line-height: 0.88rem !important;
}

.lh45 {
    line-height: 0.9rem !important;
}

.lh46 {
    line-height: 0.92rem !important;
}

.lh47 {
    line-height: 0.94rem !important;
}

.lh48 {
    line-height: 0.96rem !important;
}

.lh49 {
    line-height: 0.98rem !important;
}

.lh50 {
    line-height: 1rem !important;
}

/*颜色类*/
.colf00 {
    color: #f00 !important;
}

.colfff {
    color: #fff !important;
}

.col000 {
    color: #000 !important;
}

.colccc {
    color: #ccc !important;
}

.col333 {
    color: #333 !important;
}

.col555 {
    color: #555 !important;
}

.col666 {
    color: #666 !important;
}

.col888 {
    color: #888 !important;
}

.col999 {
    color: #999 !important;
}

.col369 {
    color: #369 !important;
}

.colf60 {
    color: #f60 !important;
}

.col069 {
    color: #069 !important;
}

.colf93 {
    color: #f93 !important;
}

.col00f {
    color: #00f !important
}

.colf63 {
    color: #f63 !important
}

.colf90 {
    color: #f90 !important
}

.col64 {
    color: #646464 !important
}

.col6a {
    color: #6a6a6a !important
}

.col24 {
    color: #242424 !important
}

.col69 {
    color: #696969 !important
}

.col9b {
    color: #9b9b9b !important
}

.col3e {
    color: #3e3e3e !important
}

.col777 {
    color: #777 !important
}

.col70 {
    color: #707070 !important
}

.col38 {
    color: #383838 !important
}

.col4a {
    color: #4a4a4a !important
}

.col50 {
    color: #505050 !important
}

.col79 {
    color: #797979 !important
}

.col5c {
    color: #5c5c5c !important
}

.cola4 {
    color: #a4a4a4 !important
}

.cola3 {
    color: #a3a3a3 !important
}

.col4f {
    color: #4f4f4f !important
}

.col47 {
    color: #474747 !important
}

.col60 {
    color: #606060 !important
}

.col61 {
    color: #616161 !important
}

.col2b {
    color: #2b2b2b !important
}

.col2d {
    color: #2d2d2d !important
}

.col9c {
    color: #9c9c9c !important
}

.w100 {
    width: 100%;
}

.h100 {
    height: 100%;
}

.swiper-notification {
    display: none;
}

.swiper-button-disabled {
    cursor: no-drop !important;
}

.imgbox img {
    max-width: 100%;
    vertical-align: top;
}

.hidden {
    overflow: hidden;
}

/**
 * Swiper 4.5.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2019 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 13, 2019
 */
.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    /* Fix of Webkit flickering */
    z-index: 1;
}

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

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

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

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

.swiper-container-multirow > .swiper-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

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

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}

.swiper-slide-invisible-blank {
    visibility: hidden;
}

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto;
}

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

/* 3D Effects */
.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px;
}

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

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

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

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

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

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

/* IE10 Windows Phone 8 Fixes */
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x;
}

.swiper-button-prev,
.swiper-button-next {
    position: absolute;
    top: 50%;
    width: 0.54rem;
    height: 0.88rem;
    margin-top: -0.44rem;
    z-index: 10;
    cursor: pointer;
    background-size: 0.54rem 0.88rem;
    background-position: center;
    background-repeat: no-repeat;
}

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

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 0.2rem;
    right: auto;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 0.2rem;
    left: auto;
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-lock {
    display: none;
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: 300ms opacity;
    -o-transition: 300ms opacity;
    transition: 300ms opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10;
}

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

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 0.2rem;
    left: 0;
    width: 100%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(0.33);
    -ms-transform: scale(0.33);
    transform: scale(0.33);
    position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(0.66);
    -ms-transform: scale(0.66);
    transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(0.33);
    -ms-transform: scale(0.33);
    transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(0.66);
    -ms-transform: scale(0.66);
    transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(0.33);
    -ms-transform: scale(0.33);
    transform: scale(0.33);
}

.swiper-pagination-bullet {
    width: 0.16rem;
    height: 0.16rem;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: 0.2;
}

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

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

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

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

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

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0.16rem;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: 200ms top, 200ms -webkit-transform;
    transition: 200ms top, 200ms -webkit-transform;
    -o-transition: 200ms transform, 200ms top;
    transition: 200ms transform, 200ms top;
    transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 0.08rem;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: 200ms left, 200ms -webkit-transform;
    transition: 200ms left, 200ms -webkit-transform;
    -o-transition: 200ms transform, 200ms left;
    transition: 200ms transform, 200ms left;
    transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: 200ms right, 200ms -webkit-transform;
    transition: 200ms right, 200ms -webkit-transform;
    -o-transition: 200ms transform, 200ms right;
    transition: 200ms transform, 200ms right;
    transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}

/* Progress */
.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
}

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

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

.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 0.08rem;
    left: 0;
    top: 0;
}

.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 0.08rem;
    height: 100%;
    left: 0;
    top: 0;
}

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

.swiper-pagination-progressbar.swiper-pagination-white {
    background: rgba(255, 255, 255, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #ffffff;
}

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

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0, 0, 0, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000000;
}

.swiper-pagination-lock {
    display: none;
}

/* Scrollbar */
.swiper-scrollbar {
    border-radius: 0.2rem;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 0.06rem;
    z-index: 50;
    height: 0.1rem;
    width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 0.06rem;
    top: 1%;
    z-index: 50;
    width: 0.1rem;
    height: 98%;
}

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

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

.swiper-scrollbar-lock {
    display: none;
}

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

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

.swiper-slide-zoomed {
    cursor: move;
}

/* Preloader */
.swiper-lazy-preloader {
    width: 0.84rem;
    height: 0.84rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -0.42rem;
    margin-top: -0.42rem;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

.swiper-lazy-preloader:after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat;
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

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

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

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

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

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

.swiper-container-cube {
    overflow: visible;
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
}

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

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

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

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

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

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    -webkit-filter: blur(1rem);
    filter: blur(1rem);
    z-index: 0;
}

.swiper-container-flip {
    overflow: visible;
}

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

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

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

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

.swiper-container-coverflow .swiper-wrapper {
    /* Windows 8 IE 10 fix */
    -ms-perspective: 1200px;
}

/* ------------- */

.index_header {
    position: fixed;
    max-width: 7.5rem;
    margin: 0 auto;
    top: -0.02rem;
    left: 0;
    right: 0;
    z-index: 899;
}

.index_header .container {
    position: relative;
    background: linear-gradient(to bottom, #f3b052, #f1a249);
    background-image: url(/assets/web/assets/index_headbg.png);
    background-size: 7.5rem 1.49rem;
    background-repeat: no-repeat;
    padding: .17rem .43rem .06rem;
}

.index_header .container .top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.menu_lc {
    width: .43rem;
    z-index: 10;
}

.index_header .logo {
    width: 1.94rem;
}

.index_header .right {
    display: flex;
    justify-content: center;
    align-items: center;
}

.index_header .app_d {
    margin-right: 0.21rem;
    width: 0.26rem;
}

.index_header .psl_click {
    width: 0.38rem;
}

.header_search {
    margin-top: 0.1rem;
    height: 0.52rem;
    border-radius: 0.06rem;
    background: hsla(0, 0%, 100%, .3);
    font-size: 0;
    line-height: 0.53rem;
    margin-bottom: .01rem;
}

.header_search img {
    margin: 0 0.11rem 0 0.2rem;
    width: 0.26rem;
    height: 0.27rem;
    vertical-align: middle;
}

.header_search input {
    width: 100%;
    height: 0.52rem;
    border: 0;
    background: transparent;
    font-size: 0.2rem;
    color: #fefefe;
    vertical-align: middle;
}

.header_search input::-webkit-input-placeholder {
    color: #fefefe;
}

.header_search input::-ms-input-placeholder {
    color: #fefefe;
}

.header_search input::-moz-placeholder {
    color: #fefefe;
}

.main {
    max-width: 7.5rem;
    margin: 0 auto;
    padding-top: .86rem;
    box-shadow: 0 -0.06rem 0.03rem 0 rgb(0 0 0 / 50%);
    min-height: 100vh;
}

.ltmisa.main {
    padding: 0;
    box-shadow: 0;
}

.swiper-slide img {
    width: 100%;
}

.index_banner {
    margin-top: 0.6rem;
    position: relative;
    background: linear-gradient(to bottom, #f3b052, #f1a249);
    font-size: 0;
}

.index_banner img {
    width: 100%;
    vertical-align: top;
}

.index_banner .el-carousel__indicator--horizontal {
    padding: 0;
    margin: 0 4px;
}

.index_banner .el-carousel__button {
    margin: 0 !important;
    background: #fff;
    width: 0.12rem;
    height: 0.12rem;
    opacity: 0.8;
    border-radius: 0.6rem;
    box-shadow: 0 0.02rem 0.02rem rgba(0, 0, 0, 0.14);
}

.index_banner .is-active .el-carousel__button {
    width: 0.4rem;
    height: 0.16rem;
    border-top-left-radius: .1rem;
    border-top-right-radius: .1rem;
    border-bottom-left-radius: .1rem;
    border-bottom-right-radius: .1rem;
    background: #fc0 !important;
    opacity: 1;
}

.index_banner .el-carousel--horizontal, .index_banner .el-carousel__container {
    height: 100%;
}

.index_banner .el-carousel__indicators--horizontal {
    bottom: 0.35rem;
}

.index_banner::after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -0.27rem;
    content: '';
    z-index: 10;
    height: 0.5rem;
    width: 100%;
    border-radius: 60% 60% 0 0;
    background: #fff;
}

.index_banner .swiper-pagination {
    bottom: 0.3rem !important;
}

.index_banner .swiper-pagination-bullet {
    margin: 0 0.05rem !important;
    background: #fff;
    opacity: 0.8;
    box-shadow: 0 0.02rem 0.02rem rgba(0, 0, 0, 0.14);
}

.index_banner .swiper-pagination-bullet-active {
    width: 0.4rem;
    height: 0.16rem;
    border-top-left-radius: .1rem;
    border-top-right-radius: .1rem;
    border-bottom-left-radius: .1rem;
    border-bottom-right-radius: .1rem;
    background: #fc0 !important;
    opacity: 1;
}

.info_swiper {
    position: relative;
    margin: 0.05rem auto;
    width: 6.04rem;
    height: 0.32rem;
    background: url(/assets/web/assets/info_swiper_bg.png) no-repeat;
    background-size: 100% auto;
    text-align: center;
    z-index: 10;
}

.info_swiper .in {
    margin: 0 1rem;
    height: 0.32rem;
    font-size: 0.2rem;

    color: #fb6f60;
    line-height: 0.32rem;
    overflow: hidden;
}

.info_swiper .in p {
    display: inline-block;
    white-space: nowrap;
    animation: 180s wordsLoop linear infinite normal;
}

@keyframes wordsLoop {
    0% {
        transform: translateX(0);
        -webkit-transform: translateX(0);
    }

    100% {
        transform: translateX(-56.8%);
    }
}

.index_navline {
    padding: 0.15rem 0.15rem 0;
    background-color: #ffffff;
    font-size: 0;
}

.index_navline .nav {
    position: relative;
    margin-bottom: 0.2rem;
    display: inline-block;
    width: 20%;
    padding-top: 0.2rem;
    text-align: center;
    vertical-align: top;
}

.index_navline .nav .icon {
    width: 0.8rem;
}

.index_navline .nav p {
    margin-top: 0.1rem;
    font-size: 0.24rem;
}

.index_navline .nav .tips,
.index_bacc .l_type .tips {
    position: absolute;
    top: 0;
    right: 0.1rem;
    min-width: 0.48rem;
    height: 0.26rem;
    padding: 0 0.04rem;
    box-sizing: border-box;
    font-size: 0.16rem;
    color: #ffffff;
    line-height: 0.26rem;
    border-radius: 0.13rem 0.13rem 0.13rem 0;
    background-color: #ec6c6b;
}

.index_navline .nav .tips.n {
    background-color: #c5efa9;
}

.index_bacc {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 0.2rem;
    font-size: 0;
}

.index_bacc .left {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.40rem;
    height: 2.65rem;
    background-color: #ffffff;
    border-radius: 0.1rem;
    box-shadow: 0 0.02rem 0.2rem #ccc;
}

.index_bacc .right {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 2.40rem;
    height: 2.65rem;
    background-color: #ffffff;
    border-radius: 0.1rem;
    box-shadow: 0 0.02rem 0.2rem #ccc;
}

.index_bacc .l_type {
    position: relative;
    padding: 0.2rem 0.3rem;
    text-align: center;
}

.index_bacc .l_type .icon {
    display: inline-block;
    width: 0.88rem;
    height: 0.88rem;
    border-radius: 0.2rem;
    overflow: hidden;
}

.index_bacc .l_type .icon img {
    width: 100%;
}

.index_bacc .l_type .t {
    margin-top: 0.15rem;
    font-size: 0.24rem;
}

.index_bacc .l_type .i {
    margin-top: 0.05rem;
    font-size: 0.2rem;
}

.bacc_btn {
    margin-bottom: 0.2rem;
    display: block;
    width: 2.11rem;
    height: 0.58rem;
    padding-left: 0.2rem;
    box-sizing: border-box;
    line-height: 0.58rem;
}

.bacc_btn:last-child {
    margin: 0;
}

.bacc_btn img {
    width: 0.36rem;
    vertical-align: middle;
}

.bacc_btn span {
    margin-left: 0.1rem;
    font-size: 0.26rem;
    color: #ffffff;
    vertical-align: middle;
}

.bacc_btn:first-child {
    background: url(/assets/web/assets/bacc_btn1.png) no-repeat;
    background-size: 100%;
}

.bacc_btn:nth-child(2) {
    background: url(/assets/web/assets/bacc_btn2.png) no-repeat;
    background-size: 100%;
}

.bacc_btn:last-child {
    background: url(/assets/web/assets/bacc_btn3.png) no-repeat;
    background-size: 100%;
}

.bacc2_btn {
    margin-bottom: 0.2rem;
    display: block;
    width: 2.11rem;
    height: 0.58rem;
    padding-left: 0.2rem;
    box-sizing: border-box;
    line-height: 0.58rem;
}

.bacc2_btn:last-child {
    margin: 0;
}

.bacc2_btn img {
    width: 0.36rem;
    vertical-align: middle;
}

.bacc2_btn span {
    margin-left: 0.1rem;
    font-size: 0.26rem;
    color: #ffffff;
    vertical-align: middle;
}

.bacc2_btn:first-child {
    background: url(/assets/web/assets/bacc2_btn1.png) no-repeat;
    background-size: 100%;
}

.bacc2_btn:nth-child(2) {
    background: url(/assets/web/assets/bacc2_btn2.png) no-repeat;
    background-size: 100%;
}

.bacc2_btn:last-child {
    background: url(/assets/web/assets/bacc2_btn3.png) no-repeat;
    background-size: 100%;
}


.index_recent {
    margin-top: 0.2rem;
    padding: 0 0.35rem;
    font-size: 0;
    background-color: #ffffff;
    border-radius: 0.1rem;
    box-shadow: 0 0.02rem 0.2rem #ccc;
}

.recent_line {
    display: flex;
    justify-content: space-between;
    align-items: start;
    padding: 0.23rem 0;
    border-bottom: 0.02rem solid #f0f0f0;
}

.recent_line:last-child {
    border: 0;
}

.recent_line .icon {
    width: 95px;
    margin: 3px 0 0;
}

.recent_line .r {
    display: inline-block;
    width: calc(100% - 108px);
    line-height: 0.4rem;
    font-size: 0.28rem;
    color: #343434;

}

.recent_line .r .swiper-container,
.recent_line .r .swiper-slide {
    height: 0.8rem;
    line-height: 0.4rem;
}

.recent_line span {
    /* height: 0.8rem; */
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 0.26rem;
    vertical-align: middle;
    color: #343434;
    line-height: 0.4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.index_gamebox {
    margin-top: 0.2rem;
    padding: 0.4rem 0.35rem;
    font-size: 0;
    background-color: #ffffff;
    border-radius: 0.1rem;
    box-shadow: 0 0.02rem 0.2rem #ccc;
}

.index_gamebox .btn {
    margin: 0 0.15rem 0.15rem 0;
    display: inline-block;
    width: 1rem;
    height: 0.48rem;
    border-radius: 0.1rem;
    background-color: #f0f0f0;
    font-size: 0.2rem;
    color: #666666;
    line-height: 0.48rem;
    text-align: center;
}

.index_gamebox .btn:nth-child(6n) {
    margin-right: 0;
}

.index_gamebox .btn.on {
    background-color: #ffa315;
    color: #ffffff;
}

.index_gamebox .search {
    padding: 0.2rem 0;
}

.index_gamebox .search input {
    width: 100%;
    height: 0.62rem;
    padding: 0 0.18rem;
    box-sizing: border-box;
    border-radius: 0.1rem;
    border: 0.03rem solid #51352d;
    background: url(/assets/web/assets/search_btn.png) no-repeat right 0.22rem center;
    background-size: 0.33rem;
    font-size: 0.24rem;
}

.index_gamebox .content {
    margin-left: -0.35rem;
    width: 7.5rem;
    text-align: center;
}

.game_type {
    padding: 0 0.1rem;
    box-sizing: border-box;
}

.game_type .img {
    display: inline-block;
    width: 0.96rem;
    height: 0.96rem;
    border-radius: 0.2rem;
    overflow: hidden;
}

.game_type .img img {
    width: 100%;
}

.game_type .title {
    margin-top: 0.15rem;
    font-size: 0.22rem;
    padding: 0 0.3rem;
}

.index_checkline {
    margin-top: 0.2rem;
    padding: 0.35rem 0.15rem 0.15rem;
    background-color: #ffffff;
    border-radius: 0.1rem;
    box-shadow: 0 0.02rem 0.2rem #ccc;
}

.check_line {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.2rem;
}

.check_line input {
    width: 4.9rem;
    height: 0.62rem;
    padding: 0 0.18rem;
    box-sizing: border-box;
    border-radius: 0.1rem;
    border: 0.03rem solid #51352d;
    font-size: 0.22rem;
}

.check_line button {
    width: 2.13rem;
    height: 0.62rem;
    border-radius: 0.1rem;
    border: 0;
    background: linear-gradient(to right, #fe8b4a, #ff9a00);
    font-size: 0.24rem;
    color: #ffffff;
    letter-spacing: 0.03rem;
}

.check_line button:hover {
    opacity: 0.75;
}

.index_newsbox {
    margin-top: 0.2rem;
    padding-top: 0.12rem;
    background-color: #ffffff;
    font-size: 0;
    margin-bottom: 0.3rem;
    border-radius: .1rem;
    box-shadow: 0.06rem 0.05rem 0.09rem #d6d6d6;
}

.index_newsbox .top {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 0.7rem;
    padding: 0 0.12rem 0 0.35rem;
    line-height: 0.7rem;
}

.index_newsbox .top::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0.17rem;
    transform: translateY(-50%);
    width: 0.08rem;
    height: 0.25rem;
    border-radius: 0.1rem;
    background: url(/assets/web/assets/icon1.png) no-repeat center center;
    background-size: 100% auto;
}

.index_newsbox .top::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    margin-left: -50%;
    width: 200%;
    height: 0.02rem;
    background-color: #eeeeee;
    transform: scale(0.5);
}

.index_newsbox .top .t {
    font-size: 0.28rem;
    color: #333;
}

.index_newsbox .top .more {
    display: block;
    color: #999999;
    font-size: 0.24rem;
}

.index_newsbox .top .more img {
    width: 0.13rem;
    height: .24rem;
    margin-top: -0.02rem;
}

.index_newsbox .container {
    padding: 0 0.2rem;
}

.index_newsbox .type {
    position: relative;
    display: block;
    height: 0.75rem;
    overflow: hidden;
    line-height: 0.75rem;
    cursor: pointer;
}

.index_newsbox .type::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    margin-left: -50%;
    width: 200%;
    border-bottom: 0.02rem dashed #aaaaaa;
    transform: scale(0.5);
}

.index_newsbox .type:last-child::before {
    border: 0;
}

.index_newsbox .type .c {
    font-size: 0.24rem;
    color: #ff7e4a;
}

.index_newsbox .type .t {
    margin-left: 0.12rem;
    display: inline-block;
    max-width: 4.5rem;
    font-size: 0.24rem;
    color: #666666;
}

.index_newsbox .type .d {
    float: right;
    font-size: 0.24rem;
    color: #666666;
}


.index_bottomline {
    margin-top: 0.4rem;
    background-color: #ffffff;
    font-size: 0;
    box-shadow: 0 -0.06rem 0.06rem rgba(198, 198, 198, 0.15);
}

.index_bottomline .a {
    position: relative;
    display: inline-block;
    width: 2.5rem;
    line-height: 0.7rem;
    text-align: center;
    vertical-align: top;
    cursor: pointer;
}

.index_bottomline .a::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -0.1rem;
    width: 0.02rem;
    height: 0.2rem;
    background-color: #b0b0b0;
}

.index_bottomline .a img {
    width: 0.4rem;
    vertical-align: middle;
}

.index_bottomline .a span {
    margin-left: 0.03rem;
    font-size: 0.24rem;
    letter-spacing: 0.03rem;
    color: #666666;
    vertical-align: middle;
}

.index_bottomline .a:nth-child(3n)::before {
    display: none;
}

.index_bottomline .a:hover span {
    opacity: 0.66;
}

.index_telline {
    margin-top: 0.15rem;
    display: block;
    background-color: #ffffff;
    font-size: 0;
    line-height: 0.75rem;
    box-shadow: 0 -0.06rem 0.06rem rgba(198, 198, 198, 0.15);
    text-align: center;
}

.index_telline img {
    margin-right: 0.15rem;
    width: 0.25rem;
    vertical-align: middle;
}

.index_telline span {
    font-size: 0.26rem;
    color: #000000;
    vertical-align: middle;
}

.index_telline i {
    color: #f09743;
    font-style: normal;
}

.index_footer {
    padding: 0.36rem 0 0.63rem;
    background-color: #535353;
    font-size: 0.22rem;
    color: #cccccc;
    text-align: center;
}

.index_footer .navline {
    text-align: center;
}

.index_footer .navline li {
    position: relative;
    display: inline-block;
    width: 2.2rem;
    vertical-align: middle;
}

.index_footer .navline li::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -0.09rem;
    width: 0.03rem;
    height: 0.18rem;
    background-color: #b0b0b0;
}

.index_footer .navline li:last-child::before {
    display: none;
}

.index_footer a {
    color: #cccccc;
    text-decoration: none;
}

.index_footer a:hover {
    color: #ffffff;
    cursor: pointer;
}

.index_footer .content {
    margin-top: 0.45rem;
    font-size: 0.22rem;
    line-height: 0.38rem;
}

.index_footer .imgline {
    margin-top: 0.25rem;
}

.index_footer .imgline img {
    margin: 0 0.08rem;
    width: 2.01rem;
    vertical-align: middle;
}

.sell_box {
    padding: 0.2rem;
}

.sell_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 0.77rem;
    border-radius: 0.06rem;
    background: #fefefe;
    box-shadow: 0.08rem 0.08rem 0.08rem rgba(199, 199, 199, 0.8);
}

.sell_top img {
    width: 0.77rem;
}

.sell_top input {
    width: 5.4rem;
    height: 0.77rem;
    border: 0;
    background-color: transparent;
    font-size: 0.24rem;
    text-align: center;

    user-select: text;
}


.sell_container {
    margin-top: 0.3rem;
    padding: 0.2rem;
    background: #fefefe;
    box-shadow: 0.08rem 0.08rem 0.08rem rgba(199, 199, 199, 0.8);
}

.sell_container .top {
    font-size: 0;
    border-bottom: 0.02rem solid #f2f2f2;
}

.sell_container .class {
    display: inline-block;
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 0.6rem;
    font-size: 0.23rem;
    color: #666666;
    line-height: 0.6rem;
    text-align: center;
    vertical-align: top;
    transition: all 0.15s;
    cursor: pointer;
}

.sell_container .class:hover {
    color: #f2b05c;
}

.sell_container .class.on {
    background: linear-gradient(to left, #f6cb62, #f2b05c);
    color: #ffffff;
    box-shadow: 0.04rem 0.04rem 0.04rem rgba(146, 190, 181, 0.9);
}

.sell_container .list .a {
    display: block;
    padding: 0.2rem 0;
    border-bottom: 0.02rem solid #f2f2f2;
}

.sell_container .list .icon {
    width: 0.9rem;
    vertical-align: middle;
}

.sell_container .list .r {
    margin-left: 0.2rem;
    display: inline-block;
    width: 5.2rem;
    font-size: 0;
    vertical-align: middle;
}

.sell_container .list .t {
    font-size: 0.28rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sell_container .list .c {
    margin-top: 0.1rem;
}

.sell_container .list .c span {
    margin-right: 0.1rem;
    display: inline-block;
    padding: 0 0.15rem;
    font-size: 0.23rem;
    color: #ffffff;
    line-height: 0.36rem;
}

.sell_container .cp {
    background: linear-gradient(to right, #f2af5c, #f6cc63);
}

.sell_container .zh {
    background: linear-gradient(to right, #ed747e, #ef9392);
}

.sell_container .wz {
    background: linear-gradient(to right, #6fd0fe, #97b6f0);
}

.list_header {
    position: fixed;
    max-width: 7.5rem;
    margin: 0 auto;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    height: 0.86rem;
    background: linear-gradient(to bottom, #f3b052, #f1a249);
    background-image: url(/assets/web/assets/header_bg.jpg);
    background-size: 7.5rem .87rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0;
}

.list_header .title {
    font-size: 0.35rem;
    color: #fffefe;
}

.list_header img {
    width: 0.86rem;
}

.list_header img:first-child {
    position: relative;
    left: -0.1rem;
}

.list_header .search {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 5.84rem;
    height: 0.65rem;
    padding: 0 0.1rem;
    box-sizing: border-box;
    border-radius: 0.65rem;
    background-color: #ffffff;
}

.list_header .search img {
    left: 0;
    width: 0.65rem;
}

.list_header .search input {
    width: 4rem;
    height: 0.65rem;
    border: 0;
    font-size: 0.26rem;
    text-align: center;
}

.list_control {
    /* position: fixed; */
    max-width: 7.5rem;
    margin: 0 auto;
    /* top: 0.86rem;
	left: 0;
	right: 0; */
    z-index: 9999;
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 0.8rem;
    background-color: #f8f8f8;
    border-bottom: .01rem solid #e5e5e5;
    line-height: 0.8rem;
}

.list_control .btn {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 0.1rem 0 0.15rem;
    height: 100%;
}

.list_control .btn::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 0.04rem;
    background-color: #FFA303;
    opacity: 0;
}

.list_control .btn span {
    margin-right: 0.24rem;
    font-size: 0.28rem;
    color: #333333;
    vertical-align: middle;
}

.list_control .btn i {
    display: inline-block;
    width: 0.2rem;
    height: 0.11rem;
    background: url(/assets/web/assets/icon12.png) no-repeat;
    background-size: 100%;
    vertical-align: middle;
}

.list_control .btn.on i {
    background: url(/assets/web/assets/icon12b.png) no-repeat;
    background-size: 100%;

}

.list_control .btn.on span {
    color: #ffa315;
}

.list_control .btn.on::before, .list_control .btn.sort.asc::before, .list_control .btn.sort.desc::before {
    opacity: 1;
}

.list_control .btn.sort.asc i {
    background: url(/assets/web/assets/icon12ba.png) no-repeat;
    opacity: 1;
    background-size: 100%;
}

.list_control .btn.sort.desc i {
    background: url(/assets/web/assets/icon12b.png) no-repeat;
    opacity: 1;
    background-size: 100%;
}

.prop_line {
    /* position: fixed; */
    max-width: 7.5rem;
    margin: 0 auto;
    /* top: 1.66rem;
	left: 0;
	right: 0; */
    z-index: 9998;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 0.7rem;
    background-color: #ffffff;
    border-bottom: .02rem solid #f2f2f2;
}

.prop_line .btn {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
    height: 100%;
}

.prop_line .btn span {
    margin-right: 0.25rem;
    font-size: 0.25rem;
    color: #5b5b5b;
    vertical-align: middle;
}

.prop_line .btn i {
    display: inline-block;
    width: 0.2rem;
    height: 0.11rem;
    background: url(/assets/web/assets/prop_arr.png) no-repeat;
    background-size: 100%;
    vertical-align: middle;
}

.prop_line .btn.on i {
    background: url(/assets/web/assets/prop_arron.png) no-repeat;
    background-size: 100%;
}

.prop_line .btn.on span {
    color: #ffa315;
}

.mask {
    position: fixed;
    left: 0;
    top: 1.5rem;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .5);
    z-index: 4;
    margin: 0 auto;
    max-width: 7.5rem;
    height: 100vh;
}

.boxgame2 .mask {
    top: 0.8rem;
}

.list_container {
    height: calc(100vh - 2.36rem);
    padding: 0 !important;
    font-size: 0;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.list_type {
    margin-bottom: 0.15rem;
    padding: 0.3rem 0.45rem 0.3rem 0.2rem;
    background-color: #ffffff;
}

.list_type .h,
.det_top .h {
    display: inline-block;
    min-width: 0.9rem;

    padding: 0 0.1rem;
    box-sizing: border-box;
    background: linear-gradient(to right, #feab49, #ffcc4b);
    line-height: 0.36rem;
    font-size: 0.24rem;
    color: #fff;
    text-align: center;
    vertical-align: middle;
}

.list_type .h.z,
.det_top .h.z {
    background: linear-gradient(90deg, #bdb3f0, #8bb7f6)
}

.list_type .h.j,
.det_top .h.j {
    background: linear-gradient(90deg, #fc5d75, #ff888b)
}

.list_type .h.c,
.det_top .h.c {
    background: linear-gradient(90deg, #489ee1, #49bfe3)
}

.list_type .h.k,
.det_top .h.k {
    background: linear-gradient(90deg, #b4b9a3, #b7d7b4)
}

.list_type .n {
    margin: 0 0.1rem 0 0.15rem;
    width: 0.42rem;
    vertical-align: middle;
}

.list_type .top {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 0.28rem;
    line-height: 0.48rem;
    overflow: hidden;
}

.list_type .middle {
    padding: 0.2rem 0;
    font-size: 0.24rem;
    color: #999999;
}

.list_type .middle i {
    margin: 0 0.2rem;
    font-style: normal;
}

.kyj_t {
    margin: 0.06rem 0;
    padding: 0.06rem 0.12rem;
    border-radius: 0.3rem;
    border: 0.03rem solid #b5b5b5;
    font-size: 0.24rem;
    color: #999;
}

.list_type .middle .d {
    color: skyblue;
}

.list_type .bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 0.05rem;
}

.list_type .p {
    line-height: 0.4rem;
    font-size: 0.3rem;
    font-weight: bold;
    color: #fc5d75;
}

.list_type .r {
    font-size: 0.24rem;
    color: #999999;
}

.list_type .r span {
    margin-left: 0.1rem;
}

.pro_param {
    margin: 0.2rem 0;
    padding: 0.2rem;
    background-color: #ffffff;
    font-size: 0.26rem;
}

.pro_param .pro_parambox {
    margin-bottom: 0.1rem;
    line-height: 0.4rem;
}

.ppmsg_left {
    display: inline-block;
    width: 2rem;
    color: #666;
}

.ppmsg_right {
    color: #333;
    width: 5.1rem;
}

.det_top {
    padding: 0.2rem;
    background-color: #ffffff;
}

.det_top .t {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.det_top .c {
    padding-left: 0.48rem;
    background: url(/assets/web/assets/icon13.png) no-repeat left center;
    background-size: 0.39rem auto;
    font-size: 0.24rem;
    color: #999;
    line-height: 0.36rem;
}

.det_top .n {

    font-size: 0.3rem;
    color: #333;
    line-height: 0.55rem;
}

.det_top .p {

    font-size: 0.3rem;
    font-weight: 700;
    line-height: 0.5rem;
    color: #fa5856;
}

.det_top .b {
    margin-top: 0.1rem;
    font-size: 0.2rem;
    color: #999;
    line-height: 0.5rem;
}

.img_container img {
    width: 100%;
}

.control_container {
    position: fixed;
    top: 1.5rem;
    left: 50%;
    margin-left: -3.75rem;
    width: 7.5rem;
    border-top: 0.02rem solid #eeeeee;
    background-color: #ffffff;
    z-index: 10000;
}

.control_list {
    padding-left: 0.3rem;
}

.control_list .type {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 0.9rem;
    border-bottom: 0.02rem solid #e5e5e5;
    font-size: 0.26rem;
    color: #333333;
}

.control_list .type.on {
    color: #FFA303;
}

.props_list {
    padding: 0.3rem 0.2rem;
    font-size: 0;
}

.props_list .type {
    margin: 0 0.36rem 0.3rem 0;
    display: inline-block;
    height: 0.6rem;
    border-radius: 0.06rem;
    padding: 0 0.15rem;
    font-size: 0.24rem;
    color: #666666;
    line-height: 0.6rem;
    border: 0.02rem solid #d2d2d2;
    vertical-align: top;
}

.props_list .type.on {
    background: #ffdbd0 url(/assets/web/assets/selon_bg.png) no-repeat right bottom -0.01rem;
    background-size: 0.32rem;
    border-color: #ffa315;
    color: #666666;
    /* font-weight: bold; */
}

.service_content {
    height: calc(100vh - 2.26rem);
    overflow: hidden;
}

.service_content.np, .filter_content.np {
    height: calc(100vh - 1.66rem);
    overflow: auto;
}

.service_content .fl {
    float: left;
    width: 1.64rem;
    height: 100%;
    background-color: #f9f9f9;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.service_content .fl .in {
    min-height: calc(100% + 1px);
}

.service_content .os_type {


    height: 1.05rem;
    padding: 0 0.1rem;
    font-size: 0.24rem;
    line-height: 0.34rem;
    text-align: center;
    color: #666666;
    border-bottom: 0.02rem solid #f1f1f1;
}

.service_content .os_type.on {
    border-color: #ffa303;
    background: #ffdbcf url(/assets/web/assets/selon_bg.png) no-repeat right bottom -0.01rem;
    background-size: 0.32rem;
    color: #ffa303;
}

.service_content .fr {
    float: right;
    width: 5.86rem;
    height: 100%;

}

.service_content .fr .in {
    padding: 0.33rem 0 0 0.35rem;
    font-size: 0;
    box-sizing: border-box;
    height: 100%;
}

.service_content .fr .in .inm {
    overflow: auto;
    height: 100%;
    -webkit-overflow-scrolling: touch;
}

.service_content .search_line {
    margin-right: 0.35rem;
    height: 0.57rem;
    border-radius: 0.06rem;
    border: 0.02rem solid #cccccc;
    line-height: 0.57rem;
}

.service_content .search_line img {
    margin-left: 0.15rem;
    width: 0.23rem;
    vertical-align: middle;
}

.service_content .search_line input {
    margin-left: 0.1rem;
    width: 4.2rem;
    height: 100%;
    border: 0;
    font-size: 0.24rem;
    vertical-align: middle;
    padding: 0;
    background: none;
}

.service_content .container {
    padding: 0.5rem 0;
}

.service_type {
    margin: 0 0.12rem 0.3rem 0;
    display: inline-block;
    width: 1.6rem;
    height: 0.6rem;
    line-height: 0.6rem;
    padding: 0;
    border-radius: 0.06rem;
    box-sizing: border-box;
    border: 0.02rem solid #d2d2d2;
    font-size: 0.24rem;
    color: #666666 !important;
    line-height: 0.6rem;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
}

.service_type:hover, .service_type:active, .service_type:visited, .service_type:focus {
    color: #666;
}

.service_type.on {
    border-color: #ffa303;
    background: #ffdbcf url(/assets/web/assets/selon_bg.png) no-repeat right bottom -0.01rem;
    background-size: 0.32rem;
    color: #ffa303;
}

.service_content .btnline {

    display: flex;
    justify-content: space-between;
    align-items: center;

    padding: 0 0.5rem 0.5rem;
    font-size: 0;
}

.service_content .btnline2 {
    left: 50%;
    transform: translateX(calc(-50% + 0.82rem));
    border-top: 0.02rem solid #eeeeee;
    position: absolute;
}

.filter_content .btnline {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 0.02rem solid #eeeeee;

}

.service_content .btnline button,
.filter_content .btnline button {
    width: 1.88rem;
    height: 0.6rem;
    border-radius: 0.6rem;
    border: 0;
    background: #c6c6c6;
    font-size: 0.28rem;
    color: #ffffff;
}

.service_content .btnline .confirm,
.filter_content .btnline .confirm {
    background: linear-gradient(to right, #fd925b, #fea217);
}

.filter_content {
    height: calc(100vh - 2.26rem);

}

.filter_content .in {
    padding: 0.3rem 0 1.4rem 0;
    font-size: 0;
    height: calc(100% + 1px);
    box-sizing: border-box;
}

.filter_content .in .inm {
    height: 100%;
    overflow: auto;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll
}

.filter_content .type {
    padding-bottom: 0.3rem;
}

.sxbtnline {
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    background: #fff;
    padding: 0.4rem 1.6rem 0.4rem 1.4rem;
    left: 0;
    bottom: 0;
}

.filter_content .title {
    display: inline-block;
    width: 24%;
    padding-left: 0.2rem;
    box-sizing: border-box;
    font-size: 0.3rem;
    color: #000;
    line-height: 0.64rem;
    vertical-align: top;
}

.filter_content .content {
    display: inline-block;
    width: 5.4rem;
    vertical-align: top;
}

.filter_content input {
    width: 1.4rem;
    height: 0.6rem;
    padding: 0.1rem;
    border: 0.02rem solid rgba(0, 0, 0, .2);
    border-radius: 0.06rem;
    box-sizing: border-box;
    font-size: 0.26rem;
    color: #666666;
    box-sizing: border-box;
}

.filter_content .l {
    margin: 0 0.23rem;
    position: relative;
    display: inline-block;
    width: 0.48rem;
    height: calc(0.57rem + 0.04rem);
    vertical-align: top;
}

.filter_content .l::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 0.02rem;
    background-color: #343434;
}

.filter_content .word {
    margin: 0 0.15rem;
    display: inline-block;
    font-size: 0.28rem;
    color: #343434;
    line-height: calc(0.57rem + 0.04rem);
    vertical-align: top;
}

.filter_content label {
    display: inline-block;
    padding-right: 0.3rem;

    vertical-align: top;
}

.filter_content label i {
    margin-right: 0.18rem;
    display: inline-block;
    width: 0.28rem;
    height: 0.28rem;
    background: url(/assets/web/assets/icon21a.png) no-repeat;
    background-size: 100% auto;
    vertical-align: middle;
}

.filter_content label.on i {
    background: url(/assets/web/assets/icon21b.png) no-repeat;
    background-size: 100% auto;
}

.filter_content label span {
    font-size: 0.28rem;
    vertical-align: middle;
    color: #182435;
    line-height: 0.64rem;
}

.filter_content label img {
    margin-left: 0.05rem;
    width: 0.12rem;
    vertical-align: middle;
}

.filter_content .select {
    margin: 0 0.4rem 0.24rem 0;
    display: inline-block;
    height: 0.57rem;
    padding: 0 0.15rem;
    border: 0.02rem solid #cccccc;
    border-radius: 0.1rem;
    font-size: 0.28rem;
    color: #666666;
    line-height: 0.57rem;
}

.filter_content .select.on {
    border-color: #ffa303;
    background: #ffdbcf url(/assets/web/assets/selon_bg.png) no-repeat right bottom -0.01rem;
    background-size: 0.32rem;
    color: #ffa303;
}

.filter_content .w {
    margin: 0 0.23rem;
    position: relative;
    display: inline-block;
    height: calc(0.57rem + 0.04rem);
    font-size: 0.28rem;
    color: #343434;
    line-height: calc(0.57rem + 0.04rem);
    vertical-align: top;
}

.det_tab {
    position: sticky;
    top: 0.86rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 0.75rem;
    background-color: #ffffff;
    z-index: 799;
    border-bottom: .02rem solid #f2f2f2;
}

.det_tab .tab {
    position: relative;
    display: block;
    width: 2.5rem;
    font-size: 0.26rem;
    font-weight: bold;
    color: #000000;
    line-height: 0.75rem;
    text-align: center;
}

.det_tab .tab::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -0.66rem;
    width: 1.32rem;
    height: 0.05rem;
    background-color: #f59c00;
    opacity: 0;
}

.det_tab .tab:hover,
.det_tab .tab.on {
    color: #f59c00;
}

.det_tab .tab:hover::before,
.det_tab .tab.on::before {
    opacity: 1;
}

.det_nav {
    position: sticky;
    top: 1.61rem;
    margin-top: 0.18rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 1.1rem;
    padding: 0 0.15rem;
    background-color: #ffffff;
    font-size: 0;
}

.det_nav .nav {
    width: 3.5rem;
    height: 0.7rem;
    border-radius: 0.1rem;
    background-color: #f9a942;
    line-height: 0.7rem;
    text-align: center;
    box-shadow: 0 0.04rem 0.04rem rgba(0, 0, 0, 0.2);
}

.det_nav .nav img {
    margin-right: 0.1rem;
    width: 0.3rem;
    vertical-align: middle;
}

.det_nav .nav span {
    font-size: 0.27rem;
    color: #ffffff;
    vertical-align: middle;
}

.detail_bottom {
    position: fixed;
    bottom: 0;
    left: 50%;
    margin-left: -3.75rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 7.5rem;
    height: 1rem;
    background-color: #ffffff;
    box-shadow: 0 -0.04rem 0.16rem #d6d6d6;
    z-index: 800;
}

.detail_bottom .left {
    padding-left: 0.15rem;
}

.detail_bottom .btn {
    display: inline-block;
    width: 0.75rem;
    text-align: center;
    vertical-align: middle;
}

.detail_bottom .btn img {
    width: 0.45rem;
    height: 0.45rem;
}

.detail_bottom .btn p {
    font-size: 0.24rem;
    color: #333333;
}

.detail_bottom .right {
    font-size: 0;
    white-space: nowrap;
}

.detail_bottom .click {
    display: inline-block;
    width: 2rem;
    height: 1rem;
    background: linear-gradient(to right, #f8c236, #f4a737);
    font-size: 0.3rem;
    color: #fefefe;
    line-height: 1rem;
    text-align: center;
    vertical-align: top;
}

.detail_bottom .click:last-child {
    background: #f14e57;
}

.bjbj {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 200;
}

.tc_box {
    display: block;
    position: fixed;
    top: 45%;
    margin-top: -300.12rem;
    left: 50%;
    margin-left: -2.88rem;
    width: 5.76rem;
    border-radius: 0.1rem;
    background: rgb(255, 255, 255);
    background-size: cover;
    overflow: hidden;
    opacity: 1;
    z-index: 1000;
}

.tc_box.rgkf {
    top: 57%;
    margin-left: -10.8rem;
    width: 280px;
    box-shadow: 0 0 0.07rem rgba(0, 0, 0, 0.2);
}

.tc_top {
    height: 1rem;
    font-size: 0.4rem;
    padding-top: 0.4rem;
    font-weight: bold;
    color: #fff;
    line-height: 1rem;
    text-align: center;
}

.tc_box.rgkf .tc_top {
    background: linear-gradient(to bottom, #f3b052, #f1a249);
    padding-top: 0;
    height: 1.2rem;
    line-height: 1.2rem;
    font-weight: normal;
}

.tc_content {
    padding: 12.0 .1rem 0 0 0;
}

.rgkf_qrcode {
    margin-bottom: 0.2rem 0 0.08rem;
    width: 1.5rem;
}

.wechat_line {
    margin-top: 17.0 .1rem;
    height: 0.44rem;
    font-size: 0.26rem;
    color: #333;
}

.wechat_line img {
    margin-right: 0.1rem;
    width: 0.44rem;
    height: 0.44rem;
    vertical-align: middle;
}

.wechat_msg {
    min-width: 10.46rem;
    color: #333;
    font-size: 0.28rem;
}

.wechat_line button {
    margin-left: 0.06rem;
    width: 0.88rem;
    height: 0.44rem;
    border-radius: 0.2rem;
    border: 0;
    background: #fc5d75;
    color: #fff;
    vertical-align: middle;
}

.copy_wx {
    color: #000 !important;
    background: #e6f4fd !important;
    box-shadow: 0 0 0.07rem rgba(0, 0, 0, 0.2) !important;
    border-radius: 0.08rem !important;
}

.rgkf_tipsbox {
    margin-top: 7.0 .1rem;
    margin-bottom: 0.6rem;
    line-height: 0.4rem;
}

.rgkf_t1,
.rgkf_t2 {
    color: #fc5c74;
    font-size: 0.28rem;
}

.rgkf_t1 {
    padding-top: 0.16rem;
}

.rgkf_a1 {
    display: inline-block;
    font-size: 0.26rem;
    color: #000;
}

.tc_bottom {
    position: relative;
    height: 0.76rem;
    font-size: 0.3rem;
    color: #999;
    line-height: 0.76rem;
    text-align: center;
}

.tc_bottom_img {
    display: inline-block;
    background: #eeeeee;
    color: #989898;
    border-radius: 0.08rem;
    width: 70px;
    box-shadow: 0 0 0.07rem rgba(0, 0, 0, 0.2);
}

.disinb {
    display: inline-block;
}

.tc {
    text-align: center;
}

.backtop {
    display: inline-block;
    width: 0.76rem;
    height: 0.76rem;
    background-size: 0.76rem auto;
    border-radius: 50%;
    position: fixed;
    right: 0.2rem;
    top: 50%;
    margin-top: -0.38rem;
    z-index: 1000;
}

.copy_line {
    margin: 0.2rem 0.15rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 1.25rem;
    padding: 0 0.35rem;
    background-color: #f4f4f4;
}

.copy_line .left {
    width: 4.3rem;
    font-size: 0.28rem;
    color: #343434;
    line-height: 0.38rem;
}

.copy_line button {
    width: 1.36rem;
    height: 0.57rem;
    border-radius: 0.05rem;
    border: 0;
    background-color: #e68f21;
    font-size: 0.26rem;
    color: #ffffff;
}

.noduty_container {
    background-color: #ffffff;
    padding: 0.02rem 0;
}

.NoDuty {

    padding: 0.2rem;
    color: #666;
    font-size: 0.26rem;
    line-height: 0.4rem;
}

.NoDuty-title {
    width: 1.4rem;
    white-space: nowrap;
}

.NoDuty-titler {
    width: calc(100% - 1.4rem);
}

.img_container {
    font-size: 0;
}

.buy_process {
    margin-top: 0.2rem;
    padding: 0.2rem;
    background-color: #ffffff;
}

.buy_process img {
    width: 100%;
}

.login_mask {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(23, 23, 23, 0.3);
    z-index: 9001;
}

.login_tips {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -0.95rem;
    margin-left: -3rem;
    width: 6rem;
    height: 1.9rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 0.1rem;
    background-color: #ffffff;
    z-index: 9002;
}

.login_tips p {
    font-size: 0.27rem;
    color: #6c6c6c;
}

.login_tips .btnline,
.bargain_tips .btnline {
    margin-top: 0.3rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 0 1.38rem;
    box-sizing: border-box;
}

.login_tips .btn,
.bargain_tips .btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.1rem;
    height: 0.43rem;
    border: 0.02rem solid #ffa315;
    border-radius: 0.05rem;
    font-size: 0.26rem;
    color: #ffa315;
}

.login_tips .btn.c,
.bargain_tips .btn.c {
    background-color: #ffa315;
    color: #ffffff;
}

.login_container {
    padding-top: 0.86rem;
}

.lr_form {

    padding: 0 0 0 .3rem;
    background: #fff;
    border-radius: .1rem;
    box-shadow: 0.06rem 0.05rem 0.09rem #d6d6d6;
}

.lr_line {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 0.9rem;
    border-bottom: .01rem solid #e5e5e5;
    line-height: .9rem;
}

.lr_line:last-child {
    border: none;
}

.phone-ico {
    width: .23rem;
    height: .3rem;
    vertical-align: middle;
}

.pass-ico {
    width: .26rem;
    height: .3rem;
    vertical-align: middle;
}

.code-ico {
    width: .27rem;
    height: .31rem;
    vertical-align: middle;
}

/* .lr_line img {
	margin-right: 0.03rem;
	width: 0.33rem;
} */

.lr_line input {
    padding: .1rem;
    font-size: .24rem;
    border: none;
    width: 6rem;
    height: .6rem;
    border-radius: 0.06rem;
    outline: none;
    background-color: #fff;
    -webkit-appearance: none;
    box-sizing: border-box;

}

.lr_bottom {
    line-height: .7rem;
    font-size: .24rem;
    color: #999;
    padding-right: .3rem;
}

.lr_bottom .left {
    line-height: .7rem;
    font-size: .24rem;
    color: #999;
    text-decoration: underline;
}


.lr_bottom .goregbox {
    text-align: right;
    width: calc(100% - 1.6rem);
    display: inline-block;
}

.lr_bottom .goreg {

    font-size: .24rem;
    color: #ffa303
}

.lr_confirm,
.od_confirm {
    margin: 0.4rem auto;
    display: block;
    width: 6.5rem;
    height: 0.8rem;
    border-radius: 0.1rem;
    border: 0;
    box-shadow: 0 0.02rem 0.04rem #fd895c;
    background: #ffa303;
    font-size: 0.28rem;
    color: #ffffff;
}

.od_confirm {
    margin-top: 0.3rem;
}

.lr_third {
    margin-top: 0.6rem;
    text-align: center;
}

.lr_third .btn {
    margin: 0 0.35rem;
    width: 0.84rem;
}

.get-code {

    color: #FFA303;
    font-size: 0.22rem;
    height: 0.6rem;
    width: 1.9rem;
    text-align: center;
    border: 0.02rem solid #FFA303;
    -webkit-border-radius: 0.15rem;
    -moz-border-radius: 0.15rem;
    border-radius: 0.15rem;
    vertical-align: middle;
    background-color: transparent;
    box-sizing: border-box;
}

/* .lr_line button {
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -0.31rem;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 1.9rem;
	height: 0.62rem;
	border-radius: 0.1rem;
	border: 0.02rem solid #ffa315;
	background-color: transparent;
	box-sizing: border-box;
	font-size: 0.24rem;
	color: #ffa315;
}

.lr_line button[disabled] {
	border-color: #999999;
	color: #999999;
} */

.confirm_container {
    padding: 0.15rem;
}

.confirm_type {
    margin-bottom: 0.25rem;
    position: relative;
    border-radius: 0.1rem;
    border: 0.02rem solid #e7e7e7;
    background-color: #ffffff;
    box-shadow: 0.06rem 0.05rem 0.09rem #d6d6d6;
}

.confirm_type .top {
    position: relative;
    height: 0.72rem;
    padding-left: 0.39rem;
    border-bottom: 0.02rem solid #e7e7e7;
    font-size: 0.28rem;
    line-height: 0.72rem;
}

.confirm_type .top::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0.2rem;
    margin-top: -0.13rem;
    width: 0.08rem;
    height: 0.26rem;
    background: #ffa315;
}

.confirm_type.pro i {
    position: absolute;
    top: 0;
    right: 0;
    width: 0.94rem;
    height: 0.88rem;
    background: url(/assets/web/assets/right_tipsbg.png) no-repeat;
    background-size: 100%;
    text-align: center;
    z-index: 10;
}

.confirm_type.pro i span {
    margin-top: 0.2rem;
    display: block;
    width: 125%;
    font-size: 0.2rem;
    font-style: normal;
    color: #ffffff;
    line-height: 0.24rem;
    text-align: center;
    transform: rotate(45deg);
}

.confirm_type.pro .content {
    padding: 0.3rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.confirm_type.pro .content img {
    width: 0.94rem;
    border-radius: 0.2rem;
}

.confirm_type.pro .content p {
    width: 5.25rem;
    font-size: 0.26rem;
    color: #727272;
}

.confirm_type .contact .line {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 0.9rem;
    padding: 0 0.5rem 0 0.2rem;
    border-bottom: 0.02rem solid #e7e7e7;
}

.confirm_type .contact .t {
    font-size: 0.27rem;
    color: #666666;
}

.confirm_type .contact input {
    width: 5rem;
    height: 100%;
    border: 0;
    font-size: 0.24rem;
    text-align: right;
}

.confirm_type .contact .tips {
    padding: 0.2rem 0.35rem 0.25rem;
    font-size: 0.25rem;
    color: #fe7e49;
    line-height: 0.32rem;
}

.confirm_type.det {
    /* padding-left: 0.2rem; */
}

.confirm_type.det .top {
    padding-left: 0.39rem;
}

.confirm_type.det .top::before {
    left: 0.2rem;
}

.confirm_type .detail .line {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 0.9rem;
    padding: 0 0.2rem;
    border-bottom: 0.02rem solid #e7e7e7;
}

.confirm_type .detail .line.l {
    justify-content: flex-start;
}

.confirm_type .detail .t {
    display: block;
    width: 1.45rem;
    font-size: 0.27rem;
    color: #666666;
}

.confirm_type .price {
    font-size: 0.27rem;
}

.confirm_type .count_line {
    display: flex;
    justify-content: center;
    align-items: center;
}

.confirm_type .count_line button {
    width: 0.54rem;
    height: 0.54rem;
    border: 0;
    font-size: 0.4rem;
    font-weight: bold;
    background: transparent;
    color: #aaaaaa;
    line-height: 0.54rem;
}

.confirm_type .count_line input {
    width: 0.63rem;
    height: 0.54rem;
    border: 0;
    background-color: #f2f4f6;
    font-size: 0.26rem;
    color: #010101;
    text-align: center;
}

.confirm_type label {
    display: block;
    /* width: 1.66rem; */
    padding-right: 0.7rem;
}

.confirm_type label .check {
    display: inline-block;
    width: 0.23rem;
    height: 0.22rem;
    background: url(/assets/web/assets/radio_de.png) no-repeat;
    background-size: 100%;
    vertical-align: middle;
}

.confirm_type label.on .check {
    background: url(/assets/web/assets/radio_on.png) no-repeat;
    background-size: 100%;
}

.confirm_type label span {
    margin-left: 0.03rem;
    font-size: 0.27rem;
    vertical-align: middle;
}

.confirm_type .total {
    font-size: 0.27rem;
    color: #ffa315;
}

.confirm_type .detail .r {
    font-size: 0.27rem;
}

.confirm_container .bottomline {
    display: inline-block;
    margin-top: 0.15rem;
}

.confirm_container .bottomline .check {
    display: inline-block;
    width: 0.28rem;
    height: 0.28rem;
    background: url(/assets/web/assets/acheck_de.png) no-repeat;
    background-size: 100%;
    vertical-align: middle;
}

.confirm_container .bottomline.on .check {
    background: url(/assets/web/assets/acheck_on.png) no-repeat;
    background-size: 100%;
}

.confirm_container .bottomline .w {
    font-size: 0.23rem;
    color: #000000;
    vertical-align: middle;
}

.confirm_container .bottomline a {
    font-size: 0.23rem;
    color: #ffa315;
    vertical-align: middle;
}

.confirm_tips {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -0.8rem;
    margin-left: -1.61rem;
    width: 3.22rem;
    height: 1.6rem;
    border-radius: 0.08rem;
    padding-top: 0.2rem;
    box-sizing: border-box;
    background-color: #ffffff;
    text-align: center;
    z-index: 9001;
}

.confirm_tips .t {
    font-size: 0.24rem;
}

.confirm_tips .d {
    font-size: 0.21rem;
}

.confirm_tips .b {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.54rem;
    border-top: .01rem solid #e5e5e5;
    font-size: 0.23rem;
    color: #bc5023;
    line-height: 0.54rem;
}

.confirm_tips .b:active {
    background-color: #efefef;
}

.confirm_type.payment .top {
    height: 1.2rem;
    line-height: 1.2rem;
    border-bottom: 0;
}

.confirm_type.payment .top span {
    margin-left: 0.4rem;
    font-size: 0.25rem;
    color: #999999;
}

.payment_in {
    padding: 0.38rem 0.22rem;
}

.payment_in .navline {
    font-size: 0;
}

.payment_in .navline span {
    position: relative;
    display: inline-block;
    height: 0.52rem;
    border: 0.03rem solid #ffffff;
    border-top: 0;
    border-bottom: 0;
    padding: 0 0.26rem;
    padding-top: 0.05rem;
    background: transparent;
    font-size: 0.27rem;
    color: #000000;
    line-height: 0.52rem;
    text-align: center;
    vertical-align: top;
}

.payment_in .navline span.on {
    border-color: #e5e5e5;
    background: #ffffff;
    color: #ff914e;
}

.payment_in .navline span::before {
    content: "";
    position: absolute;
    top: 0;
    left: -0.03rem;
    right: -0.03rem;
    height: 0.05rem;
    background-color: #ff914e;
    opacity: 0;
}

.payment_in .navline span.on::before {
    opacity: 1;
}

.payment_in .content {
    margin-top: -0.02rem;
    padding: 0.4rem 0.4rem 0.1rem;
    border: 0.02rem solid #e5e5e5;
}

.payment_in .content label {
    margin-right: 0.6rem;
    display: inline-block;
    width: 1.54rem;
    height: 0.55rem;
    padding: 0;
    border-radius: 0.05rem;
    border: 0.03rem solid #dddddd;
    font-size: 0;
    overflow: hidden;
    vertical-align: top;
}

.payment_in .content label img {
    width: 100%;
}

.payment_in .content label.on {
    border-color: #ff914e;
}

.payment_in .tips {
    margin-top: 0.25rem;
    padding-bottom: 0.1rem;
    font-size: 0.25rem;
    color: #999999;
}

.payment_in .agreement {
    padding: 0.6rem 0 0.15rem 1.25rem;
}

.payment_in .agreement label i {
    display: inline-block;
    width: 0.28rem;
    height: 0.28rem;
    background: url(/assets/web/assets/acheck_de.png) no-repeat;
    background-size: 100%;
    vertical-align: middle;
}

.confirm_container .agreement label.on i {
    background: url(/assets/web/assets/acheck_on.png) no-repeat;
    background-size: 100%;
}

.confirm_container .agreement label span {
    font-size: 0.27rem;
    color: #000000;
    vertical-align: middle;
}

.pay_data .t {
    font-size: 0.27rem;
    color: #000000;
}

.pay_data .p {
    margin-left: 0.1rem;
    font-size: 0.27rem;
    color: #ffa315;
}

.colff9 {
    color: #ff9e2e;
}

.bargain_tips,
.bargain_finish {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -1.3rem;
    margin-left: -3rem;
    width: 6rem;
    height: 2.6rem;
    border-radius: 0.1rem;
    padding-top: 0.3rem;
    box-sizing: border-box;
    background-color: #ffffff;
    z-index: 9002;
}

.bargain_tips .t {
    font-size: 0.28rem;
    text-align: center;
}

.bargain_tips .input {
    margin: 0.15rem auto;
    display: block;
    width: 3.88rem;
    height: 0.7rem;
    border: 0;
    border-bottom: 0.02rem solid #dedede;
    font-size: 0.26rem;
    text-align: center;
}

.bargain_finish {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: -2rem;
    height: 4rem;
    padding: 0;
}

.bargain_finish .t {
    margin-top: 0.4rem;
    font-size: 0.28rem;
}

.payins_top {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2rem;
    background-color: #ffffff;
    font-size: 0.76rem;
}

.payins_content {
    height: 7.6rem;
    padding: 1rem 0;
    box-sizing: border-box;
    background-color: #999999;
    text-align: center;
}

.payins_content .qrcode {
    width: 3.93rem;
}

.payins_content .t {
    margin-top: 0.7rem;
    font-size: 0.38rem;
    font-weight: bold;
    color: #ffffff;
}

.payins_bottom {
    height: 1.6rem;
    line-height: 1.6rem;
    text-align: center;
}

.payins_bottom img {
    margin-right: 0.35rem;
    vertical-align: middle;
}

.payins_bottom span {
    font-size: 0.64rem;
    color: #000000;
    vertical-align: middle;
}

.payins_tipsline {
    margin-top: 0.2rem;
    padding-bottom: 0.6rem;
    font-size: 0.28rem;
    color: #616161;
    text-align: center;
}

.payins_tipsline .c {
    color: #f1a64c;
    text-decoration: underline;
}

.confirm_tips.payment {
    margin-left: -2.6rem;
    margin-top: -1.2rem;
    width: 5.2rem;
    height: 2.4rem;
    padding-top: 0.3rem;
}

.confirm_tips .b {
    height: 0.86rem;
    font-size: 0.32rem;
    line-height: 0.86rem;
}

.confirm_tips .t {
    font-size: 0.35rem;
}

.confirm_tips .d {
    margin-top: 0.1rem;
    font-size: 0.27rem;
}

.staging_banner {
    height: 3.97rem;
    background: #ff5a0a;
}

.staging_navline {
    position: absolute;
    top: 0.86rem;
    left: 0;
    height: 0.72rem;
    font-size: 0;
}

.staging_navline .nav {
    position: relative;
    display: inline-block;
    width: 2.5rem;
    height: 100%;
    font-size: 0.26rem;
    color: #000000;
    line-height: 0.72rem;
    text-align: center;
}

.staging_navline .nav::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -0.66rem;
    width: 1.32rem;
    height: 0.04rem;
    background: #ffffff;
    opacity: 0;
}

.staging_navline .nav.on {
    color: #fffefe;
}

.staging_navline .nav.on::before {
    opacity: 1;
}

.staging_infor {
    position: relative;
    margin: -0.8rem auto 0.35rem;
    width: 7.12rem;
    padding: 0.3rem;
    border-radius: 0.1rem;
    box-sizing: border-box;
    background-color: #ffffff;
    z-index: 10;
}

.staging_infor .top {
    font-size: 0.32rem;
    font-weight: bold;
    color: #ffa315;
    text-align: center;
    background: url(/assets/web/assets/staginfor_t.png) no-repeat center;
    background-size: 2.49rem;
}

.staging_infor .content {
    margin-top: 0.4rem;
    font-size: 0.26rem;
    color: #666666;
    line-height: 0.38rem;
    box-shadow: 0 0.1rem 0.1rem rgba(0, 0, 0, 0.05);
}

.staging_infor .content p {
    margin-bottom: 0.2rem;
}

.staging_navline.second {
    background-color: #ffffff;
}

.staging_navline.second .nav.on {
    color: #ffa315;
}

.staging_navline.second .nav.on::before {
    background-color: #ffa315;
}

.stagcalc_container,
.stag_form {
    margin: 1rem 0.2rem 0.2rem;
    border-radius: 0.1rem;
    background-color: #ffffff;
    box-shadow: 0 0.1rem 0.1rem rgba(0, 0, 0, 0.05);
}

.stagcalc_container .content {
    padding: 0.35rem;
}

.stagcalc_line {
    margin-bottom: 0.3rem;
}

.stagcalc_line .t {
    display: inline-block;
    width: 2rem;
    font-size: 0.27rem;
    color: #666666;
    vertical-align: middle;
}

.stagcalc_line select,
.stagcalc_line input {
    -webkit-appearance: none;
    appearance: none;
    width: 1.8rem;
    height: 0.57rem;
    padding: 0 0.52rem 0 0.25rem;
    border: 0.02rem solid #cccccc;
    border-radius: 0.1rem;
    font-size: 0.25rem;
    background: url(/assets/web/assets/prop_arr.png) no-repeat right 0.2rem center;
    background-size: 0.19rem;
}

.stagcalc_line input {
    padding: 0 0.25rem;
    box-sizing: border-box;
    background: transparent;
}

.stagcalc_container .btn_line {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.2rem 1rem 0.1rem;
}

.stagcalc_container .btn_line button {
    width: 1.88rem;
    height: 0.6rem;
    border-radius: 0.6rem;
    border: 0;
    background: #c6c6c6;
    font-size: 0.28rem;
    color: #ffffff;
}

.stagcalc_container .btn_line .confirm {
    background: linear-gradient(to right, #fd925b, #fea217);
}

.stagcalc_container .result {
    border-top: 0.02rem solid #e5e5e5;
    padding: 0.4rem 0.15rem 0.5rem;
}

.stagcalc_container .result .t {
    margin-bottom: 0.1rem;
    font-size: 0.24rem;
    color: #999999;
}

.stagcalc_container .result .c {
    font-size: 0.25rem;
    color: #666666;
}

.stagcalc_container .result .w {
    padding: 0.2rem 0.55rem 0 0;
    font-size: 0.25rem;
    color: #fea11d;
    line-height: 0.41rem;
}

.stag_form .content {
    padding-left: 0.2rem;
}

.stag_form .line {
    height: 0.96rem;
    border-bottom: 0.02rem solid #e8e8e8;
    font-size: 0;
}

.stag_form .line .t {
    width: 1.3rem;
    font-size: 0.26rem;
    color: #666666;
    line-height: 0.5rem;
    display: inline-block;
    vertical-align: middle;
}

.stag_form .input,
.stag_form .select {
    -webkit-appearance: none;
    appearance: none;
    width: 5.32rem;
    height: 100%;
    padding: 0 0.22rem 0 0;
    border: 0;
    font-size: 0.24rem;
    vertical-align: middle;
}

.stag_form .select {
    background: url(/assets/web/assets/stagcalc_arr.png) no-repeat right center;
    background-size: 0.11rem;
    direction: rtl;
}

.stag_form .select option {
    direction: ltr;
}

.stag_form .inputk {
    width: 1.1rem;
    height: 0.36rem;
    line-height: 0.36rem;
    padding: 0;
    text-align: center;
    border: 0.02rem solid #cccccc;
    border-radius: 0.05rem;
    vertical-align: middle;
    font-size: 0.24rem;
}

.stag_form .w {
    margin-left: 0.12rem;
    font-size: 0.25rem;
    vertical-align: middle;
}

.stag_form .bottom {
    padding-top: 0.3rem;
}

.stag_form .bottom .l {
    display: inline-block;
    width: 1.3rem;
    font-size: 0.26rem;
    color: #666666;
    line-height: 0.32rem;
    vertical-align: top;
}

.stag_form .r {
    display: inline-block;
    width: 5.2rem;
    font-size: 0;
    vertical-align: top;
}

.stag_form label i {
    display: inline-block;
    width: 0.23rem;
    height: 0.22rem;
    background: url(/assets/web/assets/radio_de.png) no-repeat;
    background-size: 100%;
    vertical-align: middle;
}

.stag_form label.on i {
    background: url(/assets/web/assets/radio_on.png) no-repeat;
    background-size: 100%;
}

.stag_form label span {
    margin-left: 0.1rem;
    font-size: 0.26rem;
    vertical-align: middle;
}

.stag_form label span.w {
    margin-left: 0;
    font-size: 0.24rem;
    color: #FFA315;
    vertical-align: middle;
}

.stag_form label .tj {
    position: relative;
    top: -0.1rem;
    display: inline-block;
    width: 0.6rem;
    vertical-align: middle;
}

.stag_form .total {
    background: #f6f6f6;
    padding: 0.2rem;
    margin: 0.2rem 0.2rem 0.45rem 0;
    line-height: 0.45rem;
}

.stag_form .total span {
    font-size: 0.24rem;
    color: #666666;
    vertical-align: middle;
}

.stag_form .total input {
    margin: 0 0.1rem;
}

.stag_form .total span.n {
    color: #323332;
}

.stag_form .confirm {
    width: 6.62rem;
    height: 0.84rem;
    border-radius: 0.1rem;
    box-sizing: border-box;
    border: 0.02rem solid #aaaaaa;
    font-size: 0.28rem;
    color: #666666;
    background-color: transparent;
}

.stagform_infor {
    margin-top: 0.45rem;
}

.stagform_infor .top {
    font-size: 0.26rem;
    font-weight: bold;
    color: #ffa315;
    text-align: center;
    background: url(/assets/web/assets/fqlc_bg.png) no-repeat center;
    background-size: 3.29rem;
}

.stagform_infor .content {
    padding: 0.3rem 0.6rem 0.3rem 0.2rem;
    font-size: 0;
}

.stagform_infor .que i {
    margin-right: 0.24rem;
    display: inline-block;
    width: 0.31rem;
    height: 0.32rem;
    background: url(/assets/web/assets/fqgh_t.png) no-repeat;
    background-size: 100%;
    font-size: 0.22rem;
    font-style: normal;
    color: #ffffff;
    line-height: 0.32rem;
    text-align: center;
    vertical-align: middle;
}

.stagform_infor .que span {
    display: inline-block;
    max-width: 5.75rem;
    font-size: 0.27rem;
    vertical-align: middle;
}

.stagform_infor .ans {
    padding: 0.1rem 0 0 0.55rem;
    font-size: 0.27rem;
    color: #999999;
    line-height: 0.41rem;
}

.stagform_infor .type {
    margin-bottom: 0.2rem;
}

.personal_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 2.23rem;
    padding: 0 0 0.33rem 0.23rem;
    box-sizing: border-box;
    background: linear-gradient(to top, #f67c2c, #f69e3f);
    font-size: 0;
}

.personal_top .r {
    height: 0.55rem;
    border-radius: 0.55rem 0 0 0.55rem;
    border: 0;
    padding: 0 0.15rem 0 0.2rem;
    background-color: #f2af61;
    font-size: 0;
}

.personal_top .r img {
    margin-right: 0.13rem;
    width: 0.21rem;
    vertical-align: middle;
}

.personal_top .r span {
    font-size: 0.26rem;
    color: #fefefe;
    vertical-align: middle;
}

.personal_top .left {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.personal_top .ava {
    width: 0.94rem;
    height: 0.94rem;
    border-radius: 50%;
    line-height: 0.94rem;
    overflow: hidden;
}

.personal_top .ava img {
    width: 100%;
    vertical-align: middle;
}

.personal_top .content {
    margin-left: 0.3rem;
    max-width: 3.8rem;
}

.personal_top .name {
    font-size: 0.26rem;
    color: #fefefe;
    vertical-align: middle;
}

.acc_coin {
    margin-left: 0.07rem;
    width: 0.29rem;
    height: 0.29rem;
    vertical-align: middle;
}

.personal_top .count {
    margin-top: 0.06rem;
}

.personal_top .count span {
    font-size: 0.22rem;
    color: #fefefe;
    vertical-align: middle;
}

.personal_top .count i {
    margin: 0 0.1rem;
    font-size: 0.22rem;
    color: #fefefe;
    vertical-align: middle;
}

.personal_navline {
    position: relative;
    margin: -0.33rem auto 0;
    width: 7.1rem;
    border-radius: 0.05rem;
    padding: 0.16rem 0.2rem;
    box-sizing: border-box;
    /* border: 0.02rem solid #e7e7e7; */
    background-color: #ffffff;
    /* box-shadow: 0.1rem 0.1rem 0.1rem rgba(0, 0, 0, 0.2); */
    box-shadow: 0.06rem 0.05rem 0.09rem #d6d6d6;
}

.personal_navline .in {
    display: flex;
    justify-content: center;
    align-items: center;
    /* border-top: 0.02rem solid #f2f4fa; */
}

.personal_navline .nav {
    width: 1.35rem;
    padding: 0.3rem 0 0.1rem;
    text-align: center;
}

.personal_navline .nav .img {
    display: inline-block;
    width: 0.4rem;
    height: 0.4rem;
}

.personal_navline .nav img {
    width: 100%;
}

.personal_navline .nav p {
    margin-top: 0.05rem;
    font-size: 0.24rem;
    color: #666666;
}

.personal_assmng,
.personal_opera {
    position: relative;
    margin: 0.24rem auto 0;
    width: 7.1rem;
    border-radius: 0.05rem;
    padding: 0.16rem 0.14rem;
    box-sizing: border-box;
    /* border: 0.02rem solid #e7e7e7; */
    background-color: #ffffff;
    box-shadow: 0.06rem 0.05rem 0.09rem #d6d6d6;
}

.personal_assmng .top {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 0.7rem;
    padding-left: 0.3rem;
    border-bottom: 0.02rem solid #eeeeee;
}

.personal_assmng .top::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0.12rem;
    margin-top: -0.13rem;
    width: 0.08rem;
    height: 0.26rem;
    border-radius: 0.08rem;
    background-color: #f2a73b;
}

.personal_assmng .top .t {
    font-size: 0.3rem;
}

.personal_assmng .top img {
    width: 0.26rem;
    vertical-align: middle;
}

.personal_assmng .top a span {
    margin-left: 0.06rem;
    font-size: 0.26rem;
    color: #999999;
    vertical-align: middle;
}

.personal_assmng .content {
    border-top: 0.02rem solid #eeeeee;
    padding: 0.35rem 0 0.3rem;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.personal_assmng .type {
    text-align: center;
}

.personal_assmng .type .t {
    font-size: 0.24rem;
    color: #999999;
}

.personal_assmng .type .i {
    margin-top: 0.1rem;
    font-size: 0.28rem;
}

.personal_assmng .border {
    width: 0.02rem;
    height: 0.45rem;
    background: #e5e5e5;
}

.personal_opera {
    padding: 0;
    height: 1.44rem;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.personal_opera .type {
    text-align: center;
}

.personal_opera .type .icon {
    width: 0.36rem;
}

.personal_opera .type p {
    font-size: 0.26rem;
    color: #666666;
}

.personal_bottom {
    position: relative;
    margin: 0.24rem auto 0;
    width: 7.1rem;
    border-radius: 0.05rem;
    padding: 0 0.06rem 0 0.24rem;
    box-sizing: border-box;
    /* border: 0.02rem solid #e7e7e7; */
    background-color: #ffffff;
    font-size: 0;
    box-shadow: 0.06rem 0.05rem 0.09rem #d6d6d6;
}

.personal_bottom .type {
    position: relative;
    height: 0.9rem;
    border-bottom: 0.02rem solid #dedede;
    line-height: 0.9rem;
}

.personal_bottom .type .icon {
    vertical-align: middle;
}

.personal_bottom .type span {
    margin-left: 0.2rem;
    font-size: 0.26rem;
    color: #666666;
    vertical-align: middle;
}

.personal_bottom .type .arr {
    position: absolute;
    top: 50%;
    right: 0.2rem;
    margin-top: -0.12rem;
    width: 0.13rem;
    height: 0.24rem;
}

img.collect {
    width: 0.3rem;
}

img.his {
    width: 0.28rem;
}

img.pacd {
    height: 0.27rem;
}

img.shop {
    width: 0.28rem;
}

img.see {
    width: 0.33rem;
}

img.safe {
    width: 0.26rem;
}

img.service {
    width: 0.27rem;
}

img.write {
    width: 0.25rem;
}

img.quit {
    width: 0.26rem;
}

.personal_bottom .type:last-child {
    border: 0;
}

.order_list {
    padding: 1.05rem 0.15rem 1rem;
    font-size: 0;
}

.order_list .type {
    position: relative;
    margin-bottom: 0.22rem;
    border-radius: 0.05rem;
    border: 0.02rem solid #e7e7e7;
    background-color: #ffffff;
    box-shadow: 0.06rem 0.05rem 0.09rem #d6d6d6;
}

.order_list .type .tips {
    position: absolute;
    top: 0;
    right: 0;
    width: 0.94rem;
    height: 0.88rem;
    background: url(/assets/web/assets/right_tipsbg.png) no-repeat;
    background-size: 100%;
    text-align: center;
    z-index: 10;
}

.order_list .type .tips span {
    margin-top: 0.2rem;
    display: block;
    width: 125%;
    font-size: 0.2rem;
    font-style: normal;
    color: #ffffff;
    line-height: 0.24rem;
    text-align: center;
    transform: rotate(45deg);
}

.order_list .type .in {
    padding: 0.3rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.order_list .type .in .img {
    width: 0.94rem;
    height: 0.94rem;
    border-radius: 0.2rem;
    line-height: 0.94rem;
    overflow: hidden;
}

.order_list .type .in .img img {
    width: 100%;
    vertical-align: middle;
}

.order_list .type .c {
    width: 5.25rem;
}

.order_list .type .num {
    font-size: 0.26rem;
    color: #727272;
    white-space: nowrap;
}

.order_list .type .name {
    margin-top: 0.1rem;
    font-size: 0.26rem;
    color: #323332;
}

.order_list .stline {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.2rem 0 0;
}

.order_list .stline .price {
    font-size: 0.27rem;
    color: #cd6b69;
    vertical-align: middle;
}

.order_list .stline .class {
    margin-left: 0.2rem;
    display: inline-block;
    height: 0.34rem;
    border-radius: 0.05rem;
    padding: 0 0.1rem;
    background-color: #f6a22e;
    font-size: 0.24rem;
    color: #ffffff;
    line-height: 0.34rem;
    vertical-align: middle;
}

.order_list .stline .date {
    font-size: 0.2rem;
    color: #939393;
}

.order_list .count {
    margin-top: 0.2rem;
}

.order_list .count span {
    font-size: 0.25rem;
    color: #727272;
    vertical-align: middle;
}

.order_list .count i {
    display: inline-block;
    margin: 0 0.2rem;
    height: 0.38rem;
    border-radius: 0.05rem;
    padding: 0 0.04rem;
    border: 0.02rem solid #b1b1b1;
    font-size: 0.24rem;
    font-style: normal;
    color: #202020;
    line-height: 0.4rem;
    vertical-align: middle;
}

.order_list .bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 0.86rem;
    padding: 0 0.23rem;
    border-top: 0.02rem solid #f7f7f7;
    box-sizing: border-box;
}

.order_list .bottom .kf_click {
    display: inline-block;
    vertical-align: middle;
}

.order_list .bottom .kf_click img {
    width: 0.36rem;
    vertical-align: middle;
}

.order_list .bottom .kf_click span {
    margin-left: 0.04rem;
    font-size: 0.26rem;
    color: #666666;
    vertical-align: middle;
}

.order_list .btn_line {
    display: flex;
    justify-items: flex-start;
    align-items: center;
}

.order_list .btn_line button {
    margin-left: 0.3rem;
    display: inline-block;
    min-width: 1.16rem;
    height: 0.44rem;
    border-radius: 0.06rem;
    border: 0;
    padding: 0 0.12rem;
    background-color: #c6c6c6;
    font-size: 0.23rem;
    color: #ffffff;
    vertical-align: middle;
}

.order_list .btn_line button:last-child {
    background-color: #f6a22e;
}

.r_backclick {
    position: fixed;
    top: 0.48rem;
    left: 50%;
    margin-left: -3.5rem;
    width: 0.48rem;
    z-index: 10;
}

.aciden_top {
    position: relative;
}

.aciden_top .img {
    width: 100%;
}

.aciden_top .in {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2.7rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #ffffff;
    letter-spacing: 3rpx;
}

.aciden_top .t {
    font-size: 0.38rem;
}

.aciden_top .i {
    margin-top: 0.3rem;
    font-size: 0.28rem;
}

.aciden_content {
    position: relative;
    margin: -1.2rem auto 0;
    width: 7.2rem;
    border-radius: 0.05rem;
    padding: 0.4rem 0.45rem;
    box-sizing: border-box;
    border: 0.02rem solid #e7e7e7;
    background-color: #ffffff;
    box-shadow: 0.06rem 0.05rem 0.09rem #d6d6d6;
}

.aciden_line {
    margin-bottom: 0.3rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 0.05rem;
    border: 0.02rem solid #c8c8c8;
    height: 0.75rem;
    padding-left: 0.1rem;
    overflow: hidden;
}

.aciden_line input {
    width: 4.1rem;
    height: 100%;
    border: 0;
    font-size: 0.24rem;
}

.aciden_line button {
    width: 1.85rem;
    height: 100%;
    border: 0;
    background: linear-gradient(to right, #ec8d5b, #f1a63c);
    font-size: 0.26rem;
    color: #ffffff;
}

.aciden_line:last-child {
    margin: 0;
}

.aciden_result {
    margin: 0.18rem auto 0;
    width: 7.2rem;
    border-radius: 0.05rem;
    box-sizing: border-box;
    border: 0.02rem solid #e7e7e7;
    background-color: #ffffff;
    box-shadow: 0.06rem 0.05rem 0.09rem #d6d6d6;
}

.aciden_result .top {
    height: 0.7rem;
    border-bottom: 0.02rem solid #ececec;
    text-align: center;
}

.aciden_result .top span {
    display: inline-block;
    width: 2.49rem;
    height: 100%;
    background: url(/assets/web/assets/staginfor_t.png) no-repeat center;
    background-size: 100%;
    font-size: 0.29rem;
    color: #ef9737;
    line-height: 0.7rem;
}

.aciden_result .content {
    padding: 0.6rem 0.3rem;
    font-size: 0.28rem;
    text-align: center;
}

.aciden_bottom {
    margin: 1.6rem 0 0.3rem;
    text-align: center;
}

.aciden_bottom span {
    font-size: 0.26rem;
    color: #999999;
}

.aciden_bottom .a {
    font-size: 0.26rem;
    color: #f2b04e;
    text-decoration: underline;
}

.history_top {
    position: absolute;
    top: 0.86rem;
    right: 0.3rem;
    height: 0.8rem;
    font-size: 0;
}

.history_top span {
    margin-left: 0.7rem;
    display: inline-block;
    font-size: 0.24rem;
    color: #969595;
    line-height: 0.8rem;
}

.history_list {
    position: relative;
    padding: 0 0.2rem 0 0.42rem;
}

.history_list .date {
    margin-top: -0.25rem;
    position: relative;
    height: 0.8rem;
    font-size: 0.27rem;
    color: #383838;
    line-height: 0.8rem;
}

.history_list .date:first-child {
    margin-top: 0;
}

.history_list .date::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -0.27rem;
    margin-top: -0.06rem;
    width: 0.12rem;
    height: 0.12rem;
    border-radius: 0.12rem;
    background-color: #f2a73b;
    z-index: 10;
}

.history_list::before {
    content: "";
    position: absolute;
    top: 0.36rem;
    left: 0.2rem;
    bottom: 0;
    width: 0.02rem;
    background: #dbdbdb;
}

.history_list .type {
    margin-bottom: 0.25rem;
    border-radius: 0.05rem;
    padding: 0.2rem 0 0 0.2rem;
    border: 0.02rem solid #e7e7e7;
    background-color: #ffffff;
    box-shadow: -0.1rem 0.05rem 0.1rem rgba(0, 0, 0, 0.2);
}

.history_list .type .top {
    font-size: 0;
}

.history_list .type .h {
    display: inline-block;
    min-width: 0.9rem;
    height: 0.35rem;
    padding: 0 0.1rem;
    box-sizing: border-box;
    background: linear-gradient(90deg, #feab49, #ffcc4b);
    line-height: 0.35rem;
    font-size: 0.24rem;
    color: #fff;
    text-align: center;
    vertical-align: middle;
}

.history_list .type .h.z {
    background: linear-gradient(90deg, #bdb3f0, #8bb7f6)
}

.history_list .type .h.j {
    background: linear-gradient(90deg, #fc5d75, #ff888b)
}

.history_list .type .h.c {
    background: linear-gradient(90deg, #489ee1, #49bfe3)
}

.history_list .type .h.k {
    background: linear-gradient(90deg, #b4b9a3, #b7d7b4)
}

.history_list .type .n {
    margin: 0 0.1rem 0 0.15rem;
    width: 0.42rem;
    vertical-align: middle;
}

.history_list .type .n_w {
    font-size: 0.26rem;
    color: #989898;
    vertical-align: middle;
}

.history_list .type .t {
    margin-top: 0.1rem;
    font-size: 0.32rem;
    color: #000000;
}

.history_list .type .p {
    margin-top: 0.1rem;
    font-size: 0.4rem;
    color: #e7635c;
}

.history_list .bottom {
    margin-top: 0.1rem;
    border-top: .01rem solid #e5e5e5;
    height: 0.68rem;
    line-height: 0.68rem;
    font-size: 0;
}

.history_list .bottom img {
    width: 0.33rem;
    vertical-align: middle;
}

.history_list .bottom img.sc {
    margin-left: 0.7rem;
    width: 0.31rem;
}

.history_list .bottom span {
    margin: 0 0.1rem;
    font-size: 0.24rem;
    color: #666666;
    vertical-align: middle;
}

.confirm_type.det .content {
    position: relative;
}

.confirm_type.det .content img.arr {
    position: absolute;
    top: 50%;
    right: 0.2rem;
    transform: translateY(-50%);
    width: 0.14rem;
}

.orderdet_line {
    margin: 0.2rem auto 0;
    width: 7.2rem;
    border-radius: 0.05rem;
    box-sizing: border-box;
    padding-left: 0.2rem;
    border: 0.02rem solid #e7e7e7;
    background-color: #ffffff;
    box-shadow: 0.06rem 0.05rem 0.09rem #d6d6d6;
}

.orderdet_line .line {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 0.9rem;
    padding-right: 0.2rem;
    border-bottom: 0.02rem solid #f0f0f0;
}

.orderdet_line .line .title {
    font-size: 0.26rem;
    color: #666666;
}

.orderdet_line .orderid {
    padding-right: 0.3rem;
    font-size: 0.26rem;
    background: url(/assets/web/assets/copy_icon.png) no-repeat right center;
    background-size: 0.19rem;
}

.orderdet_line .tips {
    font-size: 0.26rem;
    color: #ffa315;
}

.orderdet_line .class {
    height: 0.24rem;
    padding: 0 0.05rem;
    background-color: #6cc47b;
    font-size: 0.22rem;
    color: #ffffff;
    line-height: 0.24rem;
}

.recepit_line {
    position: relative;
    padding: 0.2rem 0.15rem 0.15rem;
    font-size: 0;
}

.recepit_line .type {
    position: relative;
    display: inline-block;
    width: 25%;
    vertical-align: top;
}

.recepit_line .type::before {
    content: "";
    position: absolute;
    top: 0.25rem;
    left: 0;
    right: 0;
    border-bottom: 0.02rem dashed #aaaaaa;
}

.recepit_line::before {
    content: "";
    position: absolute;
    top: 0.2rem;
    left: 0;
    width: 0.3rem;
    height: 100%;
    background-color: #f6f7fd;
    z-index: 1;
}

.recepit_line::after {
    content: "";
    position: absolute;
    top: 0.2rem;
    right: 0;
    width: 0.3rem;
    height: 100%;
    background-color: #f6f7fd;
    z-index: 1;
}

.recepit_line .type .round {
    position: relative;
    margin: auto;
    display: block;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 0.25rem;
    background: #ffffff;
    font-size: 0.24rem;
    font-style: normal;
    color: #999999;
    line-height: 0.5rem;
    text-align: center;
    box-shadow: 0 0.1rem 0.1rem rgba(0, 0, 0, 0.1);
    z-index: 10;
}

.recepit_line .type p {
    margin-top: 0.2rem;
    font-size: 0.26rem;
    color: #999999;
    text-align: center;
}

.recepit_line .type.on .round {
    background-color: #ffa315;
    color: #ffffff;
}

.recepit_line .type.on p {
    color: #ffa315;
}

.recepit_line .type.on::before {
    border-color: #ffa315;
}

.recepit_content {
    padding: 0.35rem;
    text-align: center;
}

.recepit_content .t .icon {
    width: 0.32rem;
    vertical-align: middle;
}

.recepit_content .t span {
    font-size: 0.28rem;
    color: #666666;
    vertical-align: middle;
}

.recepit_content .r {
    margin-top: 0.1rem;
    text-align: center;
}

.recepit_content .r span {
    font-size: 0.3rem;
    color: #56b4ec;
    text-decoration: underline;
}

.recepit_bottom {
    margin: 0.2rem 0 0.3rem;
    text-align: center;
}

.recepit_bottom span {
    font-size: 0.26rem;
    color: #999999;
}

.recepit_bottom .a {
    font-size: 0.26rem;
    color: #f2b04e;
    text-decoration: underline;
}

.apply_yh {
    height: 0.5rem;
    border-radius: 0.05rem;
    padding: 0 0.25rem;
    border: 0;
    font-size: 0.26rem;
    color: #ffffff;
    background-color: #ffa315;
}

.receipt_modal {
    position: absolute;
    top: 2.6rem;
    left: 50%;
    margin-left: -3.6rem;
    width: 7.2rem;
    border-radius: 0.1rem;
    padding: 0.2rem 0.4rem;
    box-sizing: border-box;
    background-color: #ffffff;
    z-index: 9002;
}

.receipt_modal .line {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 0.05rem 0;
}

.receipt_modal .l {
    width: 1.8rem;
    font-size: 0.28rem;
    color: #666666;
}

.receipt_modal .r {
    font-size: 0.26rem;
}

.mybid_top {
    position: fixed;
    top: 0.86rem;
    left: 50%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-left: -3.75rem;
    width: 7.5rem;
    height: 0.84rem;
    padding: 0 0.2rem;
    box-sizing: border-box;
    background: #ffffff;
    font-size: 0;
    line-height: 0.84rem;
}

.mybid_top .nav {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-right: 1.1rem;
}

.mybid_top .nav i {
    display: block;
    width: 0.28rem;
    height: 0.28rem;
    background: url(/assets/web/assets/acheck_de.png) no-repeat;
    background-size: 100%;
}

.mybid_top .nav.on i {
    background: url(/assets/web/assets/acheck_on.png) no-repeat;
    background-size: 100%;
}

.mybid_top .nav span {
    margin-left: 0.18rem;
    font-size: 0.24rem;
    color: #727272;
}

.mybid_container {
    padding: 1rem 0;
}

.mybid_container .date {
    padding-left: 0.2rem;
    height: 0.76rem;
    font-size: 0.24rem;
    color: #999999;
    line-height: 0.76rem;
}

.mybid_container .type,
.mycollect_container .type {
    margin-bottom: 0.1rem;
    position: relative;
    padding: 0.2rem;
    background-color: #ffffff;
    font-size: 0;
}

.mybid_container .type .tips {
    position: absolute;
    top: 0;
    right: 0;
    width: 0.94rem;
    height: 0.88rem;
    background: url(/assets/web/assets/right_tipsbg.png) no-repeat;
    background-size: 100%;
    text-align: center;
    z-index: 10;
}

.mybid_container .type.hassale .tips {
    background: url(/assets/web/assets/right_tipsbg2.png) no-repeat;
    background-size: 100%;
}

.mybid_container .type .tips span {
    margin-top: 0.2rem;
    display: block;
    width: 125%;
    font-size: 0.2rem;
    font-style: normal;
    color: #ffffff;
    line-height: 0.24rem;
    text-align: center;
    transform: rotate(45deg);
}

.mybid_container .type .t1,
.mycollect_container .type .t1 {
    display: inline-block;
    height: 0.38rem;
    padding: 0 0.1rem;
    background: linear-gradient(to right, #db4d05, #e78007);
    font-size: 0.24rem;
    color: #ffffff;
    line-height: 0.38rem;
    vertical-align: middle;
}

.mybid_container .type .t2,
.mycollect_container .type .t2 {
    display: inline-block;
    margin-left: 0.11rem;
    height: 0.38rem;
    padding: 0 0.1rem;
    background: linear-gradient(to right, #29d8da, #24aac2, #b5cdff);
    font-size: 0.24rem;
    color: #ffffff;
    line-height: 0.38rem;
    vertical-align: middle;
}

.mybid_container .type .s,
.mycollect_container .type .s {
    margin-left: 0.11rem;
    font-size: 0.26rem;
    color: #000000;
    vertical-align: middle;
}

.mycollect_container .type .s {
    color: #989898;
}

.mybid_container .content {
    padding: 0.2rem 0;
    color: #000000;
}

.mybid_container .title {
    width: 4.6rem;
    font-size: 0.32rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mybid_container .price {
    margin-top: 0.1rem;
    font-size: 0.28rem;
}

.mybid_container .bottom {
    padding-bottom: 0.4rem;
    border-top: 0.02rem solid #f6f6f6;
}

.mybid_container .bottom .t {
    position: relative;
    height: 0.75rem;
    padding-left: 0.18rem;
    font-size: 0.28rem;
    color: #333333;
    line-height: 0.75rem;
}

.mybid_container .bottom .t::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -0.15rem;
    width: 0.1rem;
    height: 0.3rem;
    border-radius: 0.05rem;
    background-color: #f2a73b;
}

.mybid_container .bottom .c {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.mybid_container .bottom .l {
    display: inline-block;
    width: 0.9rem;
    padding-left: 0.35rem;
    font-size: 0.28rem;
    color: #666666;
}

.mybid_container .bottom .p {
    display: inline-block;
    min-width: 1.8rem;
    font-size: 0.28rem;
    color: #333333;
}

.mybid_container .bottom .w {
    display: inline-block;
    width: 1.57rem;
}

.mybid_container .bottom .w span {
    display: inline-block;
    height: 0.33rem;
    padding: 0 0.15rem;
    background-color: #c6c6c6;
    font-size: 0.2rem;
    color: #ffffff;
    line-height: 0.33rem;
}

.mybid_container .bottom .d {
    font-size: 0.24rem;
    color: #939393;
}

.mycollect_top {
    position: fixed;
    top: 0.86rem;
    left: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-left: -3.75rem;
    width: 7.5rem;
    height: 0.8rem;
    padding: 0 0.2rem;
    box-sizing: border-box;
    background-color: #f6f9fe;
    font-size: 0;
    z-index: 10;
}

.mycollect_top button {
    border: 0;
    height: 100%;
    background-color: transparent;
}

.mycollect_top img {
    width: 0.28rem;
    vertical-align: middle;
}

.mycollect_top span {
    font-size: 0.24rem;
    color: #666666;
    vertical-align: middle;
}

.mycollect_container {
    margin-top: 0.8rem;
}

.mycollect_container .type {
    margin-bottom: 0.2rem;
}

.mycollect_container .type .top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mycollect_container .type .title {
    padding: 0.2rem 0 0.1rem;
    width: 4.6rem;
    font-size: 0.32rem;
    color: #000000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mycollect_container .type .price {
    font-size: 0.36rem;
    color: #e7635c;
    vertical-align: middle;
}

.mycollect_container .type .kyj_t {
    margin: 0 0.3rem;
    padding: 0.06rem 0.12rem;
    border-radius: 0.3rem;
    border: 0.03rem solid #b5b5b5;
    font-size: 0.24rem;
    color: #999;
    vertical-align: middle;
}

.sc_icon {
    width: 0.25rem;
    vertical-align: middle;
}

.sc_word {
    margin-left: 0.1rem;
    font-size: 0.24rem;
    color: #999;
    vertical-align: middle;
}

.bgninf_top {
    position: fixed;
    top: 0.86rem;
    left: 50%;
    margin-left: -3.75rem;
    width: 7.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;

    padding: 0.3rem;
    box-sizing: border-box;
    background-color: #ffffff;
    z-index: 10;
}

.bgninf_top .left {
    width: 5.5rem;
}

.bgninf_top .select {
    appearance: none;
    -webkit-appearance: none;

    width: 2.3rem;
    height: 0.5rem;
    border-radius: 0.06rem;
    border: 0.02rem solid #e6e6e6;
    background: url(/assets/web/assets/prop_arr.png) no-repeat right 0.2rem center;
    background-size: 0.19rem;
    line-height: 0.5rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}

.bgninf_top .select span {
    display: inline-block;
    padding: 0 0.1rem;
    font-size: 0.26rem;
    max-width: 1.6rem;
}

.bgninf_top input {
    width: 3.3rem;
    height: 0.5rem;
    border-radius: 0.05rem;
    padding: 0 0.1rem;
    box-sizing: border-box;
    border: 0.02rem solid #e6e6e6;
    font-size: 0.28rem;
}

.bgninf_top button {

    width: 0.66rem;
    height: 0.5rem;
    border-radius: 0.05rem;
    font-size: 0.24rem;
    color: #ffffff;
    background-color: #f2a73b;
    border: 0;
    box-shadow: 0 0.05rem 0.12rem rgba(0, 0, 0, 0.3);
}

.mybid_container.bgninf {
    padding-top: 2.8rem;
}

.bgninf_navline {
    position: fixed;
    top: 1.96rem;
    left: 50%;
    margin-left: -3.75rem;
    width: 7.5rem;
    height: 0.75rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f6f7fd;
    z-index: 100;
}

.bgninf_navline .nav {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    height: 100%;
    font-size: 0.28rem;
}

.bgninf_navline .nav::before {
    content: "";
    position: absolute;
    bottom: -0.05rem;
    left: 0;
    right: 0;
    height: 0.05rem;
    background-color: #ffa315;
    opacity: 0;
}

.bgninf_navline .nav.on {
    color: #ffa315;
}

.bgninf_navline .nav.on::before {
    opacity: 1;
}

.security_container {
    margin: 0.2rem;
    border-radius: 0.1rem;
    padding-left: 0.2rem;
    background-color: #ffffff;
    box-shadow: 0.06rem 0.05rem 0.09rem #d6d6d6;
}

.security_line {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 0.9rem;
    padding-right: 0.2rem;
    border-bottom: .01rem solid #e5e5e5;
}

.security_line .l {
    font-size: 0.28rem;
    color: #666666;
}

.security_line .p {
    font-size: 0.26rem;
}

.security_line .t {
    font-size: 0.28rem;
    color: #ffa315;
}

.security_line .a {
    font-size: 0.26rem;
    color: #ffa315;
    text-decoration: underline;
}

.user_card {
    padding-top: 3rem;
    text-align: center;
}

.user_card img {
    width: 1.57rem;
}

.user_card .title {
    margin-top: 0.55rem;
    font-size: 0.26rem;
}

.user_card .btn {
    display: block;
    margin: 0.2rem auto 0;
    width: 1.5rem;
    border-radius: 0.05rem;
    padding: 0.05rem 0;
    background: #ffa315;
    font-size: 0.22rem;
    color: #fff;
    line-height: 0.44rem;
    box-shadow: 0 0.02rem 0.04rem #e18515;
}

.user_modal {
    max-width: 60.4rem;
    margin: 0 auto;
    font-size: .24rem;
    position: fixed;
    top: 1.3rem;
    left: .3rem;
    right: .3rem;
    padding: 0 .3rem .25rem;
    border-radius: .1rem;
    background: #fff;
    z-index: 15;
    max-height: 75vh;
    overflow-y: auto;
}

.umd_close {
    width: 0.24rem;
    height: 0.24rem;
    position: absolute;
    top: 0.25rem;
    right: 0.25rem;
}

.umd_title {
    margin-top: 0.7rem;
    text-indent: 2em;
    font-weight: bold;
}

.col666 {
    color: #666666;
}

.col000 {
    color: #000000;
}

.user_modal .b {
    font-weight: bold;
}

.user_modal a {
    color: #ffa315;
}

.umd_btn {
    width: 1.6rem;
    line-height: 0.6rem;
    text-align: center;
    color: #ffffff;
    border-radius: 0.1rem;
    margin: 0.2rem auto 0;
    background: linear-gradient(to right, #fd915f, #FFA303);
}

.security_line.form {
    justify-content: flex-start;
}

.security_line.form .l {
    width: 1.5rem;
    font-size: 0.28rem;
}

.security_line.form input {
    width: 4.9rem;
    height: 100%;
    border: 0;
    font-size: 0.26rem;
    background: none;
}

.security_line input.y {
    width: 2.9rem;
}

.security_line button.gy {
    width: 1.86rem;
    height: 0.6rem;
    border-radius: 0.15rem;
    border: 0.02rem solid #ffa315;
    background-color: transparent;
    font-size: 0.26rem;
    color: #ffa315;
}

.security_submit {
    display: block;
    margin: 0.6rem auto 0;
    width: 6.5rem;
    border-radius: 0.1rem;
    border: 0;
    background: linear-gradient(to right, #fd915f, #FFA303);
    font-size: 0.28rem;
    color: #fff;
    line-height: 0.8rem;
    text-align: center;
    box-shadow: 0.06rem 0.05rem 0.09rem #fd915f;
}

.state_box {
    margin: .3rem auto 0;
    width: 6.5rem;
    color: #999;
}

.state_line {
    font-size: 0;
    margin-bottom: 0.2rem;
}

.state_line .left {
    display: inline-block;
    width: 1.2rem;
    padding-right: 0.4rem;
    box-sizing: border-box;
    font-size: .24rem;
    color: #666;
    vertical-align: top;
}

.state_line .right {
    display: inline-block;
    width: calc(100% - 1.2rem);
    font-size: .24rem;
    vertical-align: top;
}

.pwdc_icon {
    margin-right: 0.1rem;
    width: 0.28rem;
}

.pwdc_tips {
    margin: 0.2rem 0.35rem;
    font-size: 0.24rem;
    letter-spacing: 0.02rem;
    line-height: 0.4rem;
}

.accmng_box {
    padding: 0.2rem;
}

.accmng_box .view {
    margin-bottom: 0.2rem;
    border-radius: 0.1rem;
    background: #ffffff;
    box-shadow: 0.1rem 0.1rem 0.1rem rgba(0, 0, 0, 0.15);
}

.acc_top {
    padding: 0.2rem;
}

.acc_top img {
    width: 0.22rem;
    vertical-align: middle;
}

.acc_top span {
    font-size: 0.24rem;
    color: #999999;
    vertical-align: middle;
}

.accmng_box .title {
    font-size: 0.24rem;
    color: #999999;
    text-align: center;
}

.accmng_box .price {
    margin-top: 0.1rem;
    font-size: 0.46rem;
    color: #000000;
    text-align: center;
}

.accmng_box .btn {
    margin: 0.17rem auto 0;
    display: block;
    width: 1.1rem;
    border-radius: 0.04rem;
    border: 0;
    background: #ffa303;
    font-size: 0.22rem;
    color: #fff;
    line-height: 0.44rem;
    box-shadow: 0.01rem 0.01rem 0.09rem #fe7649;
}

.acc_line {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 0.9rem;
    border-bottom: 0.02rem solid #ececec;
    padding-right: 0.2rem;
}

.acc_line .l {
    font-size: 0.26rem;
    color: #666666;
}

.acc_line .r img {
    width: 0.13rem;
    vertical-align: middle;
}

.acc_line .r span {
    margin-right: 0.25rem;
    font-size: 0.26rem;
    color: #000000;
    vertical-align: middle;
}

.insbill_box {
    padding: 0.2rem 0.3rem;
    font-size: 0;
}

.insbill_box .top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.insbill_type {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 2.2rem;
    height: 1.9rem;
    border-radius: 0.1rem;
    background: #ffffff;
    box-shadow: 0.06rem 0.05rem 0.09rem #d6d6d6;
}

.insbill_type .t {
    margin: 0.1rem 0;
    font-size: 0.28rem;
    color: #999999;
}

.insbill_type .p {
    font-size: 0.28rem;
    color: #000000;
}

.insbill_list {
    margin-top: 0.2rem;
    border-radius: 0.1rem;
    background: #ffffff;
    box-shadow: 0.06rem 0.05rem 0.09rem #d6d6d6;
}

.insbill_list .title {
    position: relative;
    height: 0.7rem;
    padding-left: 0.36rem;
    line-height: 0.7rem;
    font-size: 0.28rem;
    border-bottom: .01rem solid #e5e5e5;
}

.insbill_list .title::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0.16rem;
    margin-top: -0.13rem;
    width: 0.08rem;
    height: 0.26rem;
    background: #ffa315;
}

.buyer_order {
    margin: 0.2rem;
    border-radius: 0.1rem;
    padding-left: 0.2rem;
    background: #ffffff;
    box-shadow: 0.06rem 0.05rem 0.09rem #d6d6d6;
}

.buyer_order a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 0.88rem;
    padding-right: 0.2rem;
    line-height: 0.88rem;
    border-bottom: .01rem solid #e5e5e5;
}

.buyer_order a .t {
    font-size: 0.28rem;
    color: #666666;
}

.buyer_order a .n {
    font-size: 0.26rem;
    color: #999999;
}

.buyer_order a img {
    width: 0.13rem;
}

.no_dpay {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0.25rem;
}

.no_dpay img {
    width: 0.98rem;
}

.no_dpay span {
    margin-left: 0.2rem;
    font-size: 0.26rem;
    color: #999999;
}

.has_dpay .odinf {
    margin: 0.2rem auto 0.1rem;
    width: 6.2rem;
    padding: 0.2rem 0.5rem;
    box-sizing: border-box;
    background: #f6f8fe;
    border-radius: 0.5rem;
    box-shadow: 0.06rem 0.05rem 0.09rem #d6d6d6;
}

.has_dpay .odinf .l {
    display: inline-block;
    width: 1.3rem;
    font-size: 0.24rem;
    color: #999999;
}

.has_dpay .odinf .o {
    font-size: 0.26rem;
    color: #666666;
    padding-right: 0.4rem;
    background: url(/assets/web/assets/copy_icon.png) no-repeat right center;
    background-size: 0.19rem;
}

.has_dpay .odinf .w {
    margin-top: 0.1rem;
    font-size: 0.24rem;
    color: #ffa315;
}

.dpay_type {
    padding: 0.2rem 0.2rem 0.2rem 0.4rem;
    border-bottom: 0.1rem solid #f6f8fe;
}

.dpay_type:last-child {
    border: 0;
}

.dpay_type .tb {
    font-size: 0.26rem;
    font-weight: bold;
}

.dpay_type .line {
    padding: 0.06rem 0;
}

.dpay_type .line .l {
    padding-right: 0.2rem;
    font-size: 0.26rem;
    color: #999999;
    vertical-align: top;
}

.dpay_type .line .c {
    display: inline-block;
    max-width: 4.2rem;
    font-size: 0.26rem;
    color: #666666;
    padding-right: 0.4rem;
    background: url(/assets/web/assets/copy_icon.png) no-repeat right center;
    background-size: 0.19rem;
    word-wrap: break-word;
    word-break: break-word;
    vertical-align: top;
}

.mygoods_navline {
    position: fixed;
    top: 0.86rem;
    left: 50%;
    margin-left: -3.75rem;
    width: 7.5rem;
    height: 0.85rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ffffff;
    z-index: 9000;
    background-color: #ffffff;
}

.mygoods_navline .nav {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    height: 100%;
    font-size: 0.28rem;
}

.mygoods_navline .nav::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.05rem;
    background: #ffa315;
    opacity: 0;
}

.mygoods_navline .nav.on {
    color: #ffa315;
}

.mygoods_navline .nav.on::before {
    opacity: 1;
}

.none_tips {
    padding: 3.3rem 0 0.3rem;
    text-align: center;
}

.none_tips img {
    width: 3.2rem;
}

.none_tips p {
    margin-top: 0.35rem;
    font-size: 0.28rem;
    color: #999999;
}

.mygoods_select {
    position: fixed;
    top: 1.7rem;
    left: 50%;
    margin-left: -3.75rem;
    width: 7.5rem;
    padding: 0.3rem;
    box-sizing: border-box;
    font-size: 0;
    white-space: nowrap;
    z-index: 100;
    background-color: #f6f8fe;
}

.mygoods_select .selecter {
    display: inline-block;
    width: 2.3rem;
    height: 0.5rem;
    border-radius: 0.06rem;
    border: 0.02rem solid #e6e6e6;
    background: url(/assets/web/assets/prop_arr.png) no-repeat right 0.2rem center;
    background-size: 0.19rem;
    line-height: 0.5rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}

.mygoods_select .selecter span {
    display: inline-block;
    padding: 0 0.1rem;
    font-size: 0.26rem;
    max-width: 1.6rem;
}

.mygoods_select input {
    margin-left: 0.2rem;
    width: 3.3rem;
    height: 0.5rem;
    padding: 0 0.1rem;
    border-radius: 0.06rem;
    border: 0.02rem solid #e6e6e6;
    background-color: #ffffff;
    font-size: 0.26rem;
    vertical-align: middle;
}

.mygoods_select button {
    margin-left: 0.2rem;
    width: 0.66rem;
    height: 0.5rem;
    border-radius: 0.06rem;
    border: 0;
    background: #ffa315;
    font-size: 0.26rem;
    color: #ffffff;
    vertical-align: middle;
}

.selecter_modal {
    position: fixed;
    top: 2.5rem;
    left: 0.3rem;
    width: 2.3rem;
    height: 6rem;
    border-radius: 0.06rem;
    padding: 0 0.3rem;
    box-sizing: border-box;
    background: #ffffff;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 9001;
}

.bgninf .selecter_modal {
    top: 1.67rem;
}

.selecter_modal .type {
    min-height: 0.7rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0.1rem 0;
    box-sizing: border-box;
    border-bottom: 0.02rem solid #eeeeee;
    font-size: 0.26rem;
}

.sellform_top {
    height: 4.5rem;
    background: url(/assets/web/assets/mysell_bg.png) no-repeat;
    background-size: 100% 4.5rem;
    padding-top: 0.5rem;
    margin-bottom: 0.25rem;
    box-sizing: border-box;
    text-align: center;
}

.sellform_top img {
    width: 1.1rem;
    height: 1.1rem;
}

.sellform_top p {
    margin-top: 0.1rem;
    font-size: 0.28rem;
    color: #ffffff;
}

.sellform_container {
    padding: 0 0.25rem 0.25rem;
    font-size: 0;
}

.sellform_container .line {
    margin-bottom: 0.2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 0.9rem;
    padding: 0 0.2rem;
    background-color: #ffffff;
    border-radius: 0.1rem;
    box-shadow: 0.1rem 0.05rem 0.1rem rgba(0, 0, 0, 0.15);
}

.sellform_container .t {
    font-size: 0.28rem;
}

.sellform_container .r {
    padding-right: 0.4rem;
    background: url(/assets/web/assets/psl_arr.png) no-repeat right center;
    background-size: 0.13rem;
    font-size: 0.28rem;
    color: #999999;
}

.sellform_container .btn {
    margin: 0.4rem auto;
    display: block;
    width: 6.5rem;
    height: 0.8rem;
    border-radius: 0.1rem;
    border: 0;
    background: linear-gradient(to right, #fd925b, #fea217);
    font-size: 0.28rem;
    color: #ffffff;
}

.sell_mask {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 9000;
}

.sell_modal {
    position: absolute;
    left: 50%;
    margin-left: -3.75rem;
    bottom: 0;
    width: 7.5rem;
    box-sizing: border-box;
}

.sell_modal .cancel {
    height: 0.9rem;
    background-color: #ffffff;
    font-size: 0.28rem;
    color: #000000;
    line-height: 0.9rem;
    text-align: center;
}

.sell_modal .top {
    padding: 0.25rem;
    border-top: 0.04rem solid #f6f7fc;
    background: #ffffff;
}

.sell_modal .top p {
    font-size: 0.28rem;
    color: #333333;
    text-align: center;
}

.sell_modal .container {

    border-top: 0.02rem solid #e6e6e6;
    max-height: 3rem;
    background-color: #ffffff;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    border-bottom: 0.04rem solid #f6f7fc;
}

.sell_modal .select_type {
    display: block;
    height: 0.88rem;
    border-bottom: 0.02rem solid #e6e6e6;
    font-size: 0.28rem;
    color: #999999;
    line-height: 0.88rem;
    text-align: center;
}

.sell_modal .search {
    position: relative;
    margin: 0.15rem auto 0;
    width: 4.65rem;
    height: 0.54rem;
    background: url(/assets/web/assets/search_btn.png) no-repeat left 0.15rem center;
    background-size: 0.26rem;
    border-radius: 0.1rem;
    border: 0.02rem solid #e6e6e6;
}

.sell_modal .search input {
    width: 100%;
    height: 100%;
    border: 0;
    padding: 0 0.6rem;
    box-sizing: border-box;
    background-color: transparent;
    font-size: 0.28rem;
    text-align: center;
}

.sell_modal .container.service {
    margin: 0;
    min-height: 3.2rem;
    border: 0;
    padding: 0.2rem 0 0.2rem 0.3rem;
    font-size: 0;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.sell_modal .service_type {
    width: auto;
    padding: 0 0.15rem;
}

.sell_detail {
    margin: 0.2rem auto;
    width: 7.1rem;
    border-radius: 0.1rem;
    background-color: #ffffff;
    box-shadow: 0.1rem 0.1rem 0.1rem rgba(0, 0, 0, 0.15);
}

.sell_detail .top {
    position: relative;
    padding-left: 0.35rem;
    height: 0.7rem;
    font-size: 0.3rem;
    line-height: 0.7rem;
    border-bottom: 0.02rem solid #e6e6e6;
}

.sell_detail .top::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0.16rem;
    margin-top: -0.14rem;
    width: 0.08rem;
    height: 0.28rem;
    border-radius: 0.08rem;
    background-color: #ffa315;
}

.sell_detail .container {
    padding: 0 0.2rem;
}

.sell_detail .line {
    border-bottom: 0.02rem solid #F0F0F0;
    font-size: 0;
}

.sell_detail .line .t {
    display: inline-block;
    width: 1.7rem;
    height: 0.9rem;
    font-size: 0.28rem;
    color: #666666;
    line-height: 0.9rem;
    vertical-align: top;
}

.sell_detail .line input {
    width: 4.8rem;
    height: 0.9rem;
    border: 0;
    font-size: 0.26rem;
    vertical-align: top;
}

.sell_detail .line.h .t {
    width: auto;
    padding-right: 0.1rem;
}

.sell_detail .line .y {
    font-size: 0.24rem;
    color: #ffa315;
    line-height: 0.92rem;
}

.select_content {
    width: 102%;
    font-size: 0;
}

.sell_detail .service_type {
    margin: 0 0.4rem 0.2rem 0;
    width: auto;
    padding: 0 0.15rem;
}

.sell_detail .service_type.on {
    border-color: #FFA303;
    background: #ffdbcf url(/assets/web/assets/tag.png) no-repeat right bottom;
    background-size: 0.3rem 0.25rem;
    background-color: #FFE1AE;
    color: #FFA303;
}

.sell_detail textarea {
    width: 4.8rem;
    height: 0.9rem;
    padding: 0.25rem 0;
    border: 0;
    font-size: 0.26rem;
    vertical-align: top;
}

.upload_container {
    width: 102%;
}

.upload_container .type {
    margin: 0 0.25rem 0.25rem 0;
    position: relative;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    vertical-align: top;
}

.upload_container .type .img {
    width: 100%;
    height: 100%;
}

.upload_container .type .del {
    position: absolute;
    top: -0.2rem;
    right: -0.2rem;
    width: 0.4rem;
    height: 0.4rem;
}

.sell_detail .r {
    display: block;
    padding-right: 0.4rem;
    background: url(/assets/web/assets/psl_arr.png) no-repeat right center;
    background-size: 0.13rem;
    font-size: 0.28rem;
    color: #999999;
    height: 0.9rem;
    line-height: 0.9rem;
}

.sell_detail .flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sell_detail .label {
    display: inline-block;
    width: 5rem;
    vertical-align: top;
}

.sell_detail .label label {
    display: inline-block;
    line-height: 0.9rem;
    padding-right: 0.15rem;
    vertical-align: middle;
}

.sell_detail label i {
    margin-right: 0.05rem;
    display: inline-block;
    width: 0.28rem;
    height: 0.28rem;
    background: url(/assets/web/assets/check_de.png) no-repeat;
    background-size: 100%;
    vertical-align: middle;
}

.sell_detail label.on i {
    background: url(/assets/web/assets/check_on.png) no-repeat;
    background-size: 100%;
}

.sell_detail label span {
    font-size: 0.26rem;
    vertical-align: middle;
}

.sell_detail label.radio i {
    background: url(/assets/web/assets/radio_de.png) no-repeat;
    background-size: 0.23rem;
}

.sell_detail label.radio.on i {
    background: url(/assets/web/assets/radio_on.png) no-repeat;
    background-size: 0.23rem;
}

.sell_detail label.radio {
    padding-left: 0.5rem;
}

.selldet_argeement {
    display: inline-block;
    margin: 0.15rem 0.2rem;
}

.selldet_argeement .check {
    display: inline-block;
    width: 0.28rem;
    height: 0.28rem;
    background: url(/assets/web/assets/acheck_de.png) no-repeat;
    background-size: 100%;
    vertical-align: middle;
}

.selldet_argeement.on .check {
    background: url(/assets/web/assets/acheck_on.png) no-repeat;
    background-size: 100%;
}

.selldet_argeement .w {
    font-size: 0.23rem;
    color: #000000;
    vertical-align: middle;
}

.selldet_argeement a {
    font-size: 0.23rem;
    color: #ffa315;
    vertical-align: middle;
}

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

.dl_navline {
    margin: 0.2rem 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #ffffff;
}

.dl_navline .nav {
    width: 33.33%;
    height: 0.8rem;
    background: none;
    border-radius: 0;
    margin: 0 !important;
    border-bottom: 0.04rem solid #9e9e9e;
    opacity: 1;
    font-size: 0.28rem;
    font-weight: bold;
    line-height: 0.8rem;
    text-align: center;
}

.dl_navline .nav img {
    width: 0.4rem;
    position: relative;
    top: -0.04rem;
    margin-right: 0.1rem;
    vertical-align: middle;
}

.dl_navline .nav.on {
    border-color: #f74b3d;
}

.bg_white {
    background: #fff;
    margin: 0.2rem 0.2rem;
}

.page_sell {
    padding-bottom: 0.1rem;
}

.p0_10 {
    padding: 0 0.2rem;
}

.mt10 {
    margin-top: 0.2rem;
}

.grey {
    color: #8b8b8b;
}

.wrap {
    padding-bottom: 0.02rem;
}

.wrap h4.sub_title {
    position: relative;
    padding: 0.2rem 0;
    font-size: 0.34rem;
    font-weight: bold;
    border-bottom: 0.02rem solid #d9d9d9;
}

.wrap .about_price,
.wrap .server_box {
    padding-bottom: 0.4rem;
}

.wrap .about_price .title {
    position: relative;
    margin-top: 0.2rem;
    padding-left: 0.72rem;
    font-size: 0.32rem;
    font-weight: 400;
    color: #606062;
}

.wrap .about_price .title > i {
    position: absolute;
    top: -0.08rem;
    left: 0.04rem;
    width: 0.56rem;
    height: 0.56rem;
    background-size: 0.56rem auto;
}

.wrap .about_price .con {
    margin-top: 0.1rem;
    line-height: 0.44rem;
    font-size: 0.28rem;
    margin-left: 0.4rem;
}

.wrap .about_price .con li {
    list-style: disc;
    line-height: 0.6rem;
}

.wrap .about_price .con strong {
    line-height: 0.6rem;
}

.about_price button {
    margin-left: 0.32rem;
    width: 0.88rem;
    height: 0.44rem;
}

.wrap .about_price .title_1 > i {
    background-image: url("http://www.miyazhu.com/sell/images/about_price_icon1.png");
}

.wrap .about_price .title_2 > i {
    background-image: url("http://www.miyazhu.com/sell/images/about_price_icon2.png");
}

.icon3 {
    background-image: url("http://www.miyazhu.com/sell/images/about_price_icon3.png") !important;
}

.wrap .about_price .title_4 > i {
    background-image: url("http://www.miyazhu.com/sell/images/about_price_icon4.png");
}

.active-q > li {
    border-bottom: 0.02rem solid #ccc;
    margin-bottom: 0.1rem;
}

.question li > div.con {
    color: #000;
    padding: 0.1rem 0.2rem 0.2rem 0.4rem;
    font-size: 0.28rem;
}

.q-tit {
    color: #000;
    font-weight: normal;
    line-height: 0.8rem;
}

.wrap i {
    font-style: normal;
    margin-right: 0.1rem;
    color: #f74b3d;
}

.grey {
    color: #8b8b8b;
}

.wechat_icon {
    margin-right: 0.2rem;
    width: 0.44rem;
    height: 0.44rem;
    vertical-align: middle;
}

.big_icon {
    width: 0.6rem;
    position: relative;
    top: -0.04rem;
}

.table th,
.table td {
    padding: 0.08rem 0;
    border: 0.02rem solid #5c5c5c;
    text-align: center;
    font-size: 0.26rem;
}

img {
    vertical-align: middle;
}

.wrap .about_price .con li {
    list-style: none;
}

.newred {
    color: #ff7778;
}

/****/
.imgbox img {
    max-width: 100%;
}

.login-wrap {
    padding: .3rem .2rem 0;
}

.regwrap {
    padding: .2rem;
}

.newsxq {
    min-height: 4rem;
    padding: 0.28rem 0;
    font-size: 14px;
    color: #8f8f94;
}

.newsxq img {
    margin-bottom: 0.2rem;
}

.newsbt {
    padding: .4rem 0 .2rem;
    border-bottom: 0.02rem solid #e5e5e5;
    text-align: center;
}

.newsbt .t {
    font-size: .3rem;
    font-weight: 700;
    color: #333;
    line-height: .5rem;
}

.newsbt .d {
    font-size: .24rem;
    color: #999;
    line-height: .5rem;
}

.nodata {
    font-size: .26rem;
    color: #999;
    text-align: center;
}

.nodata img {
    width: 3.55rem;
    height: 1.75rem;
    margin: 2.14rem 0 .77rem;
}

/**20211117***/
.col4d {
    color: #4d4d4d !important;
}

.chen {
    color: #FFA303 !important;
}

/**20220313**/
.listcontainer {
    padding-top: 1.5rem;
}

.listContainernp {
    padding-top: 0.8rem;
}


/* .listmain{height:100vh; overflow: hidden;}
.listContainer{height: calc(100% - 1.5rem); position:relative;top: 1.5rem;width: 100%;left: 0;}
.listContainernp{height: calc(100% - 0.8rem);top: 0.8rem;}
.listContainerMid{height:100%; overflow: auto;-webkit-overflow-scrolling: touch;overflow-y:scroll;}*/
.menumask {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background: #000;
    opacity: 0;
    display: none;
    z-index: 10;
}

.menumask.show {
    display: block;
}

.detmidwrap {
    position: absolute;
    width: 7.5rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 40;
    height: calc(100vh - 2.61rem);
    top: 1.61rem;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.detmidwrap::-webkit-scrollbar-track {
    background-color: transparent
}

.detmidwrap::-webkit-scrollbar {
    width: 6px
}

.detmidwrap::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background-color: #ccc
}

.detmidwrap::-webkit-scrollbar-thumb:hover {
    background-color: #aaa
}

.fqmenu li {
    width: calc(100% / 2) !important;
}


.shade {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .5);
    z-index: 25;
}

.pop-view2 {
    width: 5rem;
    overflow-y: auto;
    height: 6rem;
    position: fixed;
    top: 30%;
    left: calc(50% - 2.5rem);
    background: #fff;
    border-radius: .1rem;
    z-index: 26;
    box-sizing: border-box;
    padding: 0.1rem 0;
}

.pop-periods-str {
    padding: .25rem 0.6rem;
}

.check, .nocheck {
    border: 1px solid #b5b5b5;
    width: 0.2rem;
    height: 0.2rem;
    border-radius: 50%;
    box-sizing: border-box;
    position: relative;
    margin-right: 0rem;
}

.check::before {
    /*content: '';*/
    /*display: inline-block;*/
    /*width: 0.1rem;*/
    /*height: 0.1rem;*/
    /*!*background: #FF7E4A;*!*/
    /*border-radius: 50%;*/
    /*position: absolute;*/
    /*left: 50%;*/
    /*top: 50%;*/
    /*transform: translate(-50%, -50%);*/
}

.check + span, .nocheck + span {
    color: #1a1a1a;
    font-size: 0.28rem;
}

.fqbox {
    height: calc(100vh - 0.88rem);
    overflow: auto;
}

.pglb .type {
    width: calc((100% - 0.6rem) / 4);
    position: relative;
}

.pglb .type input {
    width: 100% !important;
}

.pglb .type .calc_selecter {
    width: 100% !important;
}

.tiptxt {
    width: 200%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 100%;
    text-align: center;
    font-size: 0.24rem;
    color: #808080;
    line-height: 0.6rem;
}


.popoverShare {
    max-width: 7.5rem;
    min-width: 300px;
}

.popoverShare .pop-view {
    margin-top: 10px;
    background: #fff;
}

.popoverShare .pop-view .pop-hint {
    line-height: .9rem;
    text-align: center;
    font-size: .28rem;
    color: #999;
    background: #f5f5f5;
}

.popoverShare .pop-view .pop-box {
    margin: .3rem .3rem .4rem;
    font-size: .28rem;
    display: inline-block;
    color: #999;
    text-align: center;
}

.popoverShare .pop-view .pop-box img {
    width: .8rem;
    height: .8rem;
}

.popoverShare .pop-view li {
    text-align: center;
    line-height: .9rem;
    border-bottom: 1px solid #e5e5e5;
}

.popoverShare .pop-view li a {
    padding: 0 !important;
}

.zhlxm {
    width: calc((100% - 30px) / 3);
}