@charset "UTF-8";* {
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

html {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%
}

body {
    font-size: .28rem;
    line-height: 1;
    color: #000;
    -webkit-touch-callout: none;
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary,iframe {
    display: block
}

audio,canvas,progress,video {
    display: inline-block;
    vertical-align: baseline
}

ul,dl,dt,dd {
    margin: 0;
    padding: 0
}

ul {
    list-style: none
}

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

[hidden],template {
    display: none
}

a {
    background-color: transparent;
    text-decoration: none
}

a:active,a:hover {
    outline: 0;
    text-decoration: none
}

abbr[title] {
    border-bottom: .02rem dotted
}

b,strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

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

small {
    font-size: 80%
}

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

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    display: block;
    border: 0
}

svg:not(:root) {
    display: block;
    overflow: hidden
}

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

pre {
    overflow: auto
}

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

button,input,optgroup,select,textarea {
    color: inherit;
    font: inherit;
    margin: 0;
    padding: 0;
    outline: 0;
    box-sizing: content-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

button {
    overflow: visible
}

button,select {
    text-transform: none
}

button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

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

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

fieldset {
    border: .02rem solid silver;
    margin: 0 .02rem;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

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

td,th {
    padding: 0
}

::-webkit-scrollbar {
    display: none
}

* {
    scrollbar-width: none
}

html {
    font-size: 50px
}

body {
    background: #f1f2f3;
    margin: 0
}

.content {
    -webkit-overflow-scrolling: touch;
    width: 100%;
    z-index: 1;
    max-width: 11rem;
    margin: 0 auto;
    position: relative
}

.sf-toolbar {
    display: none !important
}

.link {
    cursor: pointer !important
}

.content>* {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

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

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

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

.pull-left {
    float: left !important
}

.pull-right {
    float: right !important
}

.no-margin {
    margin: 0 !important
}

.no-padding {
    padding: 0 !important
}

.size-100 {
    width: 100%;
    height: 100%
}

.line-height-0 {
    line-height: 0
}

.top-line {
    position: relative
}

.top-line:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: .02rem;
    border-top: .02rem solid #d8d8d8;
    color: #d8d8d8;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 999
}

.left-line {
    position: relative
}

.left-line:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: .02rem;
    bottom: 0;
    border-left: .02rem solid #d8d8d8;
    color: #d8d8d8;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleX(0.5);
    transform: scaleX(0.5);
    z-index: 999
}

.bottom-line {
    position: relative
}

.bottom-line:before {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: .02rem;
    border-bottom: .02rem solid #d8d8d8;
    color: #d8d8d8;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 999
}

.right-line {
    position: relative
}

.right-line:before {
    content: " ";
    position: absolute;
    right: 0;
    top: 0;
    width: .02rem;
    bottom: 0;
    border-right: .02rem solid #d8d8d8;
    color: #d8d8d8;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: scaleX(0.5);
    transform: scaleX(0.5);
    z-index: 999
}

.clearfix:before,.clearfix:after {
    display: table;
    content: " "
}

.clearfix:after {
    clear: both
}

.inline {
    display: inline !important
}

.inline-block {
    display: inline-block !important
}

.block {
    display: block !important
}

.hide,.hidden,template,[hide],[hidden],[remove] {
    display: none !important
}

.font-bold {
    font-weight: bolder !important
}

.font-italic {
    font-style: italic
}

.text-underline {
    text-decoration: underline !important
}

.text-through-line {
    text-decoration: line-through !important
}

.no-radius {
    border-radius: 0 !important
}

.selectable {
    -webkit-user-select: initial !important;
    -moz-user-select: initial !important;
    -ms-user-select: initial !important;
    user-select: initial !important;
    -webkit-touch-callout: default !important
}

.color-primary {
    color: #f55152 !important
}

.color-primary.link {
    color: #f55152;
    outline: 0;
    text-decoration: none
}

.color-primary.link:link {
    color: #f55152
}

.color-primary.link:visited {
    color: #f55152
}

.color-primary.link:hover {
    color: #f55152
}

.color-primary.link:active {
    color: #f55152
}

.color-primary.link:focus {
    color: #f55152
}

.background-primary {
    background-color: #f55152 !important
}

.border-primary {
    border-color: #f55152 !important
}

.color-red {
    color: #e0262e !important
}

.color-red.link {
    color: #e0262e;
    outline: 0;
    text-decoration: none
}

.color-red.link:link {
    color: #e0262e
}

.color-red.link:visited {
    color: #e0262e
}

.color-red.link:hover {
    color: #e0262e
}

.color-red.link:active {
    color: #e0262e
}

.color-red.link:focus {
    color: #e0262e
}

.background-red {
    background-color: #e0262e !important
}

.border-red {
    border-color: #e0262e !important
}

.color-pink {
    color: #f498b3 !important
}

.color-pink.link {
    color: #f498b3;
    outline: 0;
    text-decoration: none
}

.color-pink.link:link {
    color: #f498b3
}

.color-pink.link:visited {
    color: #f498b3
}

.color-pink.link:hover {
    color: #f498b3
}

.color-pink.link:active {
    color: #f498b3
}

.color-pink.link:focus {
    color: #f498b3
}

.background-pink {
    background-color: #f498b3 !important
}

.border-pink {
    border-color: #f498b3 !important
}

.color-rose {
    color: #f64a79 !important
}

.color-rose.link {
    color: #f64a79;
    outline: 0;
    text-decoration: none
}

.color-rose.link:link {
    color: #f64a79
}

.color-rose.link:visited {
    color: #f64a79
}

.color-rose.link:hover {
    color: #f64a79
}

.color-rose.link:active {
    color: #f64a79
}

.color-rose.link:focus {
    color: #f64a79
}

.background-rose {
    background-color: #f64a79 !important
}

.border-rose {
    border-color: #f64a79 !important
}

.color-orange {
    color: #f98054 !important
}

.color-orange.link {
    color: #f98054;
    outline: 0;
    text-decoration: none
}

.color-orange.link:link {
    color: #f98054
}

.color-orange.link:visited {
    color: #f98054
}

.color-orange.link:hover {
    color: #f98054
}

.color-orange.link:active {
    color: #f98054
}

.color-orange.link:focus {
    color: #f98054
}

.background-orange {
    background-color: #f98054 !important
}

.border-orange {
    border-color: #f98054 !important
}

.color-yellow {
    color: #fcc82f !important
}

.color-yellow.link {
    color: #fcc82f;
    outline: 0;
    text-decoration: none
}

.color-yellow.link:link {
    color: #fcc82f
}

.color-yellow.link:visited {
    color: #fcc82f
}

.color-yellow.link:hover {
    color: #fcc82f
}

.color-yellow.link:active {
    color: #fcc82f
}

.color-yellow.link:focus {
    color: #fcc82f
}

.background-yellow {
    background-color: #fcc82f !important
}

.border-yellow {
    border-color: #fcc82f !important
}

.color-green {
    color: #43c27b !important
}

.color-green.link {
    color: #43c27b;
    outline: 0;
    text-decoration: none
}

.color-green.link:link {
    color: #43c27b
}

.color-green.link:visited {
    color: #43c27b
}

.color-green.link:hover {
    color: #43c27b
}

.color-green.link:active {
    color: #43c27b
}

.color-green.link:focus {
    color: #43c27b
}

.background-green {
    background-color: #43c27b !important
}

.border-green {
    border-color: #43c27b !important
}

.color-tiffany {
    color: #81d8d0 !important
}

.color-tiffany.link {
    color: #81d8d0;
    outline: 0;
    text-decoration: none
}

.color-tiffany.link:link {
    color: #81d8d0
}

.color-tiffany.link:visited {
    color: #81d8d0
}

.color-tiffany.link:hover {
    color: #81d8d0
}

.color-tiffany.link:active {
    color: #81d8d0
}

.color-tiffany.link:focus {
    color: #81d8d0
}

.background-tiffany {
    background-color: #81d8d0 !important
}

.border-tiffany {
    border-color: #81d8d0 !important
}

.color-blue {
    color: #64aaef !important
}

.color-blue.link {
    color: #64aaef;
    outline: 0;
    text-decoration: none
}

.color-blue.link:link {
    color: #64aaef
}

.color-blue.link:visited {
    color: #64aaef
}

.color-blue.link:hover {
    color: #64aaef
}

.color-blue.link:active {
    color: #64aaef
}

.color-blue.link:focus {
    color: #64aaef
}

.background-blue {
    background-color: #64aaef !important
}

.border-blue {
    border-color: #64aaef !important
}

.color-indigo {
    color: #337ab7 !important
}

.color-indigo.link {
    color: #337ab7;
    outline: 0;
    text-decoration: none
}

.color-indigo.link:link {
    color: #337ab7
}

.color-indigo.link:visited {
    color: #337ab7
}

.color-indigo.link:hover {
    color: #337ab7
}

.color-indigo.link:active {
    color: #337ab7
}

.color-indigo.link:focus {
    color: #337ab7
}

.background-indigo {
    background-color: #337ab7 !important
}

.border-indigo {
    border-color: #337ab7 !important
}

.color-purple {
    color: #6f5499 !important
}

.color-purple.link {
    color: #6f5499;
    outline: 0;
    text-decoration: none
}

.color-purple.link:link {
    color: #6f5499
}

.color-purple.link:visited {
    color: #6f5499
}

.color-purple.link:hover {
    color: #6f5499
}

.color-purple.link:active {
    color: #6f5499
}

.color-purple.link:focus {
    color: #6f5499
}

.background-purple {
    background-color: #6f5499 !important
}

.border-purple {
    border-color: #6f5499 !important
}

.color-golden {
    color: #ba9e7f !important
}

.color-golden.link {
    color: #ba9e7f;
    outline: 0;
    text-decoration: none
}

.color-golden.link:link {
    color: #ba9e7f
}

.color-golden.link:visited {
    color: #ba9e7f
}

.color-golden.link:hover {
    color: #ba9e7f
}

.color-golden.link:active {
    color: #ba9e7f
}

.color-golden.link:focus {
    color: #ba9e7f
}

.background-golden {
    background-color: #ba9e7f !important
}

.border-golden {
    border-color: #ba9e7f !important
}

.color-gray {
    color: #888 !important
}

.color-gray.link {
    color: #888;
    outline: 0;
    text-decoration: none
}

.color-gray.link:link {
    color: #888
}

.color-gray.link:visited {
    color: #888
}

.color-gray.link:hover {
    color: #888
}

.color-gray.link:active {
    color: #888
}

.color-gray.link:focus {
    color: #888
}

.background-gray {
    background-color: #888 !important
}

.border-gray {
    border-color: #888 !important
}

.color-black {
    color: #222 !important
}

.color-black.link {
    color: #222;
    outline: 0;
    text-decoration: none
}

.color-black.link:link {
    color: #222
}

.color-black.link:visited {
    color: #222
}

.color-black.link:hover {
    color: #222
}

.color-black.link:active {
    color: #222
}

.color-black.link:focus {
    color: #222
}

.background-black {
    background-color: #222 !important
}

.border-black {
    border-color: #222 !important
}

.color-white {
    color: #fafafa !important
}

.color-white.link {
    color: #fafafa;
    outline: 0;
    text-decoration: none
}

.color-white.link:link {
    color: #fafafa
}

.color-white.link:visited {
    color: #fafafa
}

.color-white.link:hover {
    color: #fafafa
}

.color-white.link:active {
    color: #fafafa
}

.color-white.link:focus {
    color: #fafafa
}

.background-white {
    background-color: #fafafa !important
}

.border-white {
    border-color: #fafafa !important
}

.label {
    display: inline-block;
    font-size: .26rem;
    line-height: 130%;
    padding: 0 .02rem;
    position: relative;
    top: -.02rem;
    text-align: center;
    border: .02rem solid #aaa;
    color: #999;
    border-radius: 10%
}

.label-primary {
    color: #f55152;
    border-color: #f88182
}

.label-red {
    color: #e0262e;
    border-color: #e65359
}

.label-pink {
    color: #f498b3;
    border-color: #f9c6d5
}

.label-rose {
    color: #f64a79;
    border-color: #f87b9d
}

.label-orange {
    color: #f98054;
    border-color: #fba585
}

.label-yellow {
    color: #fcc82f;
    border-color: #fdd561
}

.label-green {
    color: #43c27b;
    border-color: #6ace96
}

.label-tiffany {
    color: #81d8d0;
    border-color: #a8e4df
}

.label-blue {
    color: #64aaef;
    border-color: #92c3f4
}

.label-indigo {
    color: #337ab7;
    border-color: #4f93ce
}

.label-purple {
    color: #6f5499;
    border-color: #8970b0
}

.label-golden {
    color: #ba9e7f;
    border-color: #ccb7a0
}

.label-gray {
    color: #888;
    border-color: #a2a2a2
}

.label-black {
    color: #222;
    border-color: #3c3c3c
}

.label-white {
    color: #fafafa;
    border-color: white
}

.prompt {
    font-size: .28rem;
    line-height: .4rem;
    padding: .15rem .2rem;
    border: .02rem solid #aaa;
    background: #ddd;
    margin: .1rem;
    border-radius: .1rem
}

.prompt-primary {
    color: #ec0e0f;
    border-color: #f55152;
    background: #fde2e2
}

.prompt-red {
    color: #a2171d;
    border-color: #e0262e;
    background: #f3acaf
}

.prompt-pink {
    color: #ed5380;
    border-color: #f498b3;
    background: white
}

.prompt-rose {
    color: #e80c48;
    border-color: #f64a79;
    background: #fddce5
}

.prompt-orange {
    color: #f6490a;
    border-color: #f98054;
    background: #feeee8
}

.prompt-yellow {
    color: #dba503;
    border-color: #fcc82f;
    background: #fef0c6
}

.prompt-green {
    color: #2d8b57;
    border-color: #43c27b;
    background: #b7e7cc
}

.prompt-tiffany {
    color: #47c6ba;
    border-color: #81d8d0;
    background: #f6fcfc
}

.prompt-blue {
    color: #1f84e8;
    border-color: #64aaef;
    background: #eff6fd
}

.prompt-indigo {
    color: #22527b;
    border-color: #337ab7;
    background: #9fc4e4
}

.prompt-purple {
    color: #4b3968;
    border-color: #6f5499;
    background: #bfb2d4
}

.prompt-golden {
    color: #9a7853;
    border-color: #ba9e7f;
    background: #f0e9e2
}

.prompt-gray {
    color: #626262;
    border-color: #888;
    background: #d5d5d5
}

.prompt-black {
    color: black;
    border-color: #222;
    background: #6f6f6f
}

.prompt-white {
    color: #d4d4d4;
    border-color: #fafafa;
    background: white
}

.advance-index {
    margin-top: -.1rem;
    position: relative
}

.advance-index:after {
    display: table;
    content: ' '
}

.advance-index .circle {
    background: #f55152;
    width: 100%;
    height: 3.8rem;
    position: absolute;
    z-index: -999;
    border-radius: 0 0 .5rem .5rem;
    left: 0;
    top: -.8rem
}

.advance-index .picture-slide {
    margin: .2rem;
    width: auto;
    border-radius: .16rem
}

.advance-index .navigate {
    background: #fff;
    margin: .2rem;
    border-radius: .16rem
}

.advance-index .navigate:before,.advance-index .navigate:after {
    display: table;
    content: " "
}

.advance-index .navigate:after {
    clear: both
}

.advance-index .category {
    margin: .15rem 0
}

.advance-index .category .list {
    position: relative;
    overflow: hidden;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.advance-index .category .page {
    width: 100%;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.advance-index .category .page:before,.advance-index .category .page:after {
    display: table;
    content: " "
}

.advance-index .category .page:after {
    clear: both
}

.advance-index .category .item {
    padding: .15rem 0;
    display: block;
    float: left;
    width: 20%;
    text-align: center
}

.advance-index .category .ff {
    display: block;
    line-height: .8rem
}

.advance-index .category .ff.back {
    margin: auto auto .14rem;
    width: .8rem;
    height: .8rem;
    border-radius: 50%;
    font-size: .5rem;
    color: #fff
}

.advance-index .category .ff.fore {
    margin-bottom: .12rem;
    font-size: .64rem
}

.advance-index .category .title {
    margin: 0;
    font-weight: normal;
    display: block;
    text-align: center;
    font-size: .24rem;
    line-height: 1;
    color: #555
}

.advance-index .category .point {
    text-align: center;
    line-height: 0;
    margin-top: .08rem
}

.advance-index .category .point a {
    display: inline-block;
    width: .1rem;
    height: .1rem;
    background: #d8d8d8;
    border-radius: .06rem;
    margin: 0 .04rem;
    opacity: .8;
    transition: all linear .2s
}

.advance-index .category .point a.active {
    background: #f55152;
    width: .2rem
}

.advance-index .texter {
    margin: .15rem 0 .2rem
}

.advance-index .texter .row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0 .14rem
}

.advance-index .texter .item {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: .06rem;
    line-height: .8rem;
    color: #fff;
    text-align: center;
    font-size: .26rem;
    border-radius: .1rem;
    background: #f55152
}

.advance-index .texter .item .ff {
    margin-right: .04rem
}

.advance-index .grid-box {
    margin: .2rem
}

.advance-index .grid-box .grid-act {
    position: relative;
    padding-bottom: 50%
}

.advance-index .grid-box .area {
    display: block;
    position: absolute;
    box-sizing: border-box
}

.advance-index .grid-box .area img {
    width: 100%;
    height: 100%
}

.advance-index .grid-box .area-a {
    width: 33.3333333333%;
    height: 100%
}

.advance-index .grid-box .area-b {
    width: 66.6666666667%;
    height: 50%
}

.advance-index .grid-box .area-c,.advance-index .grid-box .area-d {
    width: 33.3333333333%;
    height: 50%
}

.advance-index .grid-box .style-one .area-a {
    left: 0;
    top: 0
}

.advance-index .grid-box .style-one .area-b {
    left: 33.3333333333%;
    top: 0
}

.advance-index .grid-box .style-one .area-c {
    left: 33.3333333333%;
    top: 50%
}

.advance-index .grid-box .style-one .area-d {
    left: 66.6666666667%;
    top: 50%
}

.advance-index .grid-box .style-two .area-a {
    left: 66.6666666667%;
    top: 0
}

.advance-index .grid-box .style-two .area-b {
    left: 0;
    top: 0
}

.advance-index .grid-box .style-two .area-c {
    left: 0;
    top: 50%
}

.advance-index .grid-box .style-two .area-d {
    left: 33.3333333333%;
    top: 50%
}

.advance-index .grid-box .style-three .area-a {
    left: 0;
    top: 0
}

.advance-index .grid-box .style-three .area-b {
    left: 33.3333333333%;
    top: 50%
}

.advance-index .grid-box .style-three .area-c {
    left: 33.3333333333%;
    top: 0
}

.advance-index .grid-box .style-three .area-d {
    left: 66.6666666667%;
    top: 0
}

.advance-index .grid-box .style-four .area-a {
    left: 66.6666666667%;
    top: 0
}

.advance-index .grid-box .style-four .area-b {
    left: 0;
    top: 50%
}

.advance-index .grid-box .style-four .area-c {
    left: 0;
    top: 0
}

.advance-index .grid-box .style-four .area-d {
    left: 33.3333333333%;
    top: 0
}

.advance-index .grid-box .split-blank img {
    border-radius: .16rem
}

.advance-index .grid-box .split-blank .area-c {
    padding-right: .06rem
}

.advance-index .grid-box .split-blank .area-d {
    padding-left: .06rem
}

.advance-index .grid-box .split-blank.style-one .area-b,.advance-index .grid-box .split-blank.style-two .area-b {
    padding-bottom: .12rem
}

.advance-index .grid-box .split-blank.style-three .area-b,.advance-index .grid-box .split-blank.style-four .area-b {
    padding-top: .12rem
}

.advance-index .grid-box .split-blank.style-one .area-a,.advance-index .grid-box .split-blank.style-three .area-a {
    padding-right: .12rem
}

.advance-index .grid-box .split-blank.style-two .area-a,.advance-index .grid-box .split-blank.style-four .area-a {
    padding-left: .12rem
}

.advance-index .grid-box .split-line {
    border-radius: .16rem;
    overflow: hidden
}

.advance-index .grid-box .split-line .area-c:after {
    content: " ";
    position: absolute;
    right: 0;
    top: 0;
    width: .02rem;
    bottom: 0;
    border-right: .02rem solid #d8d8d8;
    color: #d8d8d8;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: scaleX(0.5);
    transform: scaleX(0.5);
    z-index: 999
}

.advance-index .grid-box .split-line.style-one .area-b:after,.advance-index .grid-box .split-line.style-two .area-b:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: .02rem;
    border-bottom: .02rem solid #d8d8d8;
    color: #d8d8d8;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 999
}

.advance-index .grid-box .split-line.style-three .area-b:after,.advance-index .grid-box .split-line.style-four .area-b:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: .02rem;
    border-top: .02rem solid #d8d8d8;
    color: #d8d8d8;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 999
}

.advance-index .grid-box .split-line.style-one .area-a:after,.advance-index .grid-box .split-line.style-three .area-a:after {
    content: " ";
    position: absolute;
    right: 0;
    top: 0;
    width: .02rem;
    bottom: 0;
    border-right: .02rem solid #d8d8d8;
    color: #d8d8d8;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: scaleX(0.5);
    transform: scaleX(0.5);
    z-index: 999
}

.advance-index .grid-box .split-line.style-two .area-a:after,.advance-index .grid-box .split-line.style-four .area-a:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: .02rem;
    bottom: 0;
    border-left: .02rem solid #d8d8d8;
    color: #d8d8d8;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleX(0.5);
    transform: scaleX(0.5);
    z-index: 999
}

.advance-index .marquee {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: .8rem;
    padding: 0 .2rem;
    position: relative;
    margin-top: .2rem
}

.advance-index .marquee:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: .02rem;
    border-top: .02rem solid #f1f3f5;
    color: #f1f3f5;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 999;
    left: .1rem;
    right: .1rem
}

.advance-index .marquee .title {
    padding-right: .16rem
}

.advance-index .marquee .title .text {
    color: #e0262e;
    font-weight: bold;
    font-size: .26rem
}

.advance-index .marquee .title .ff {
    color: #f55152;
    font-size: .32rem
}

.advance-index .marquee .contain {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: .4rem;
    overflow: hidden
}

.advance-index .marquee .contain .text {
    font-size: .28rem;
    line-height: .4rem;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    color: #f55152
}

.advance-index .marquee .arrow .ff {
    font-size: .28rem;
    color: #888;
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-transform-origin: right center;
    transform-origin: right center
}

.advance-index-marquee-popup .item {
    position: relative;
    margin-bottom: .15rem;
    padding-bottom: .15rem;
    font-size: .28rem
}

.advance-index-marquee-popup .item:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: .02rem;
    border-bottom: .02rem solid #eee;
    color: #eee;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 999;
    left: -.1rem;
    right: -.1rem
}

.advance-index-marquee-popup .item:last-child {
    margin: 0;
    padding: 0
}

.advance-index-marquee-popup .item:last-child:after {
    display: none
}

.advance-index-marquee-popup .link {
    color: #666;
    outline: 0;
    text-decoration: none
}

.advance-index-marquee-popup .link:link {
    color: #666
}

.advance-index-marquee-popup .link:visited {
    color: #666
}

.advance-index-marquee-popup .link:hover {
    color: #666
}

.advance-index-marquee-popup .link:active {
    color: #666
}

.advance-index-marquee-popup .link:focus {
    color: #666
}

.advance-index-marquee-popup b {
    font-family: sans-serif;
    font-weight: normal;
    color: #999;
    margin-right: .1rem
}

.advance-index-list {
    position: relative;
    margin: .5rem 0 .3rem
}

.advance-index-list>div.title {
    text-align: center;
    margin: .3rem 0
}

.advance-index-list>div.title .text {
    display: inline-block;
    color: #555;
    font-size: .34rem;
    line-height: .44rem
}

.advance-index-list>div.title .text:before,.advance-index-list>div.title .text:after {
    font-family: iconfont,serif;
    content: "\e681";
    display: inline-block;
    line-height: .44rem;
    vertical-align: top;
    font-size: .24rem;
    background: linear-gradient(to right,#a766fd,#378ef6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.advance-index-list>div.title .text:before {
    -webkit-transform: scale(0.8) rotateY(180deg);
    transform: scale(0.8) rotateY(180deg);
    margin-right: .12rem
}

.advance-index-list>div.title .text:after {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    margin-left: .12rem
}

.advance-index-list .list-wrap {
    position: relative;
    margin: .3rem 0
}

.advert-box {
    background: #fff
}

.advert-box.suspend {
    overflow: hidden;
    clear: both;
    position: fixed;
    left: 50%;
    max-width: 11rem;
    width: 100%;
    z-index: 9999;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0)
}

.advert-box.normal {
    z-index: 99;
    position: relative;
    width: 100%;
    overflow: hidden
}

.advert-box.normal:before,.advert-box.normal:after {
    display: table;
    content: " "
}

.advert-box.normal:after {
    clear: both
}

.advert-box.card {
    margin: .2rem;
    width: auto;
    border-radius: .16rem
}

.animation-flash {
    -webkit-animation: animation-flash .5s ease infinite;
    animation: animation-flash .5s ease infinite
}

.animation-shake {
    -webkit-animation: animation-shake 1.2s linear infinite;
    animation: animation-shake 1.2s linear infinite;
    -webkit-transform-origin: center top;
    transform-origin: center top
}

@-webkit-keyframes animation-flash {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes animation-flash {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes animation-shake {
    0%,10%,20%,30%,40%,100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    5%,25% {
        -webkit-transform: rotate(20deg);
        transform: rotate(20deg)
    }

    15%,35% {
        -webkit-transform: rotate(-20deg);
        transform: rotate(-20deg)
    }
}

@keyframes animation-shake {
    0%,10%,20%,30%,40%,100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    5%,25% {
        -webkit-transform: rotate(20deg);
        transform: rotate(20deg)
    }

    15%,35% {
        -webkit-transform: rotate(-20deg);
        transform: rotate(-20deg)
    }
}

.app-download {
    position: fixed;
    top: 0;
    z-index: 1000;
    background-color: #f5f6f7;
    box-shadow: inset 0 0 .1rem rgba(153,153,153,0.3);
    width: 100%
}

.app-download .main {
    max-width: 11rem;
    margin: 0 auto;
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .15rem;
    box-sizing: border-box
}

.app-download .image {
    margin-right: .15rem
}

.app-download .image img {
    height: .8rem;
    width: .8rem;
    border-radius: 17.5438596491%
}

.app-download .intro {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.app-download .intro .title {
    font-size: .28rem;
    line-height: .36rem;
    color: #222
}

.app-download .intro .desc {
    font-size: .24rem;
    line-height: .36rem;
    color: #666
}

.app-download .down .btn {
    font-size: .26rem;
    line-height: .45rem;
    width: 1rem;
    letter-spacing: .04rem
}

.btn {
    display: inline-block;
    font-size: .28rem;
    outline: 0;
    border-radius: .07rem;
    box-sizing: border-box;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: top;
    border: 0;
    color: #fff;
    background: transparent
}

.btn:hover,.btn.hover {
    -webkit-filter: brightness(97%);
    filter: brightness(97%)
}

.btn:active,.btn.active {
    -webkit-filter: brightness(95%);
    filter: brightness(95%)
}

.btn:disabled,.btn.disabled {
    opacity: .6;
    pointer-events: none
}

.btn-primary {
    background: linear-gradient(to right,#f6696a,#f44344)
}

.btn-primary.btn-pure {
    background: #f55152
}

.btn-red {
    background: linear-gradient(to right,#e33c43,#d81f27)
}

.btn-red.btn-pure {
    background: #e0262e
}

.btn-pink {
    background: linear-gradient(to right,#f6afc4,#f38aa9)
}

.btn-pink.btn-pure {
    background: #f498b3
}

.btn-rose {
    background: linear-gradient(to right,#f7628b,#f53b6e)
}

.btn-rose.btn-pure {
    background: #f64a79
}

.btn-orange {
    background: linear-gradient(to right,#fa926d,#f87545)
}

.btn-orange.btn-pure {
    background: #f98054
}

.btn-yellow {
    background: linear-gradient(to right,#fccf48,#fcc420)
}

.btn-yellow.btn-pure {
    background: #fcc82f
}

.btn-green {
    background: linear-gradient(to right,#56c889,#3cba73)
}

.btn-green.btn-pure {
    background: #43c27b
}

.btn-tiffany {
    background: linear-gradient(to right,#94ded7,#75d4cc)
}

.btn-tiffany.btn-pure {
    background: #81d8d0
}

.btn-blue {
    background: linear-gradient(to right,#7bb7f1,#56a2ee)
}

.btn-blue.btn-pure {
    background: #64aaef
}

.btn-indigo {
    background: linear-gradient(to right,#3b87c8,#3072ab)
}

.btn-indigo.btn-pure {
    background: #337ab7
}

.btn-purple {
    background: linear-gradient(to right,#7b5fa7,#684f8f)
}

.btn-purple.btn-pure {
    background: #6f5499
}

.btn-golden {
    background: linear-gradient(to right,#c3ab90,#b59675)
}

.btn-golden.btn-pure {
    background: #ba9e7f
}

.btn-gray {
    background: linear-gradient(to right,#959595,gray)
}

.btn-gray.btn-pure {
    background: #888
}

.btn-black {
    background: linear-gradient(to right,#2f2f2f,#1a1a1a)
}

.btn-black.btn-pure {
    background: #222
}

.btn-white,.btn-transparent {
    color: #444;
    background: #fff
}

.btn-white.with-border,.btn-transparent.with-border {
    border: .02rem solid #ccc
}

.btn-white2,.btn-transparent2 {
    color: #f55152;
    background: #fff
}

.btn-white2.with-border,.btn-transparent2.with-border {
    border: .02rem solid #f55152
}

.btn-transparent,.btn-transparent2 {
    background: transparent
}

.btn-transparent:hover,.btn-transparent.hover,.btn-transparent2:hover,.btn-transparent2.hover {
    background: rgba(0,0,0,0.04)
}

.btn-transparent:active,.btn-transparent.active,.btn-transparent2:active,.btn-transparent2.active {
    background: rgba(0,0,0,0.06)
}

.cell-group {
    background-color: #fff;
    font-size: .34rem;
    overflow: hidden;
    position: relative;
    margin: .4rem 0
}

.cell-group:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: .02rem;
    border-top: .02rem solid #d9d9d9;
    color: #d9d9d9;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 999
}

.cell-group:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: .02rem;
    border-bottom: .02rem solid #d9d9d9;
    color: #d9d9d9;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 999
}

.cell-group.cell-icon .cell {
    padding-left: .2rem
}

.cell-group.cell-icon .cell:before {
    left: .9rem
}

.cell-group.cell-radius {
    margin-left: .2rem;
    margin-right: .2rem;
    border-radius: .2rem
}

.cell-group.cell-radius:before,.cell-group.cell-radius:after,.cell-group.cell-radius .cell:before {
    content: none;
    display: none
}

.cell-group.cell-radius .cell-title:after {
    border-color: #e8e8e8;
    color: #e8e8e8
}

.cell-group .cell-title {
    position: relative;
    margin: 0;
    line-height: .36rem;
    font-size: .28rem;
    padding: .2rem;
    font-weight: normal;
    color: #555;
    clear: both
}

.cell-group .cell-title .sub {
    font-size: .24rem;
    color: #888;
    float: right
}

.cell-group .cell-title:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: .02rem;
    border-bottom: .02rem solid #d9d9d9;
    color: #d9d9d9;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 999;
    clear: both
}

.cell-group .cell {
    list-style: none;
    overflow: hidden;
    padding-left: .3rem;
    padding-right: .2rem;
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #444;
    outline: 0;
    text-decoration: none
}

.cell-group .cell:link {
    color: #444
}

.cell-group .cell:visited {
    color: #444
}

.cell-group .cell:hover {
    color: #444
}

.cell-group .cell:active {
    color: #444
}

.cell-group .cell:focus {
    color: #444
}

.cell-group .cell:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: .02rem;
    border-top: .02rem solid #d9d9d9;
    color: #d9d9d9;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 999;
    left: .3rem
}

.cell-group .cell:first-child:before {
    content: none;
    display: none
}

.cell-group .icon {
    display: block;
    text-align: center;
    width: .5rem;
    line-height: .5rem;
    font-size: .42rem;
    margin-right: .2rem
}

.cell-group .title {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: .46rem;
    padding: .2rem 0
}

.cell-group .label {
    font-size: .24rem;
    border-radius: .06rem;
    padding: .02rem .04rem;
    margin-right: .2rem
}

.cell-group .hint {
    font-size: .28rem;
    margin-right: .06rem;
    color: #888
}

.cell-group .badge {
    font-size: .24rem;
    margin-right: .06rem;
    color: #fff;
    background: #888;
    line-height: .32rem;
    border-radius: .16rem;
    min-width: .32rem;
    text-align: center;
    padding: 0 .08rem;
    box-sizing: border-box
}

.cell-group .arrow {
    font-size: .3rem;
    color: #c8c8cd
}

.checkbox {
    position: relative
}

.checkbox label {
    display: inline-block;
    vertical-align: middle;
    position: relative
}

.checkbox label::before {
    content: " ";
    display: inline-block;
    position: absolute;
    border: .02rem solid #ccc;
    border-radius: .06rem;
    background-color: #fff;
    transition: border .15s ease-in-out,color .15s ease-in-out;
    z-index: 2
}

.checkbox label::after {
    display: inline-block;
    position: absolute;
    top: 0;
    text-align: center;
    color: #555;
    z-index: 3
}

.checkbox input[type="checkbox"],.checkbox input[type="radio"] {
    opacity: 0;
    outline: 0;
    position: absolute;
    margin: 0;
    width: 0;
    height: 0;
    z-index: -1
}

.checkbox input[type="checkbox"]:checked+label::after,.checkbox input[type="radio"]:checked+label::after {
    font-family: iconfont,serif;
    content: "\e60c"
}

.checkbox input[type="checkbox"]:disabled+label,.checkbox input[type="radio"]:disabled+label {
    opacity: .65
}

.checkbox input[type="checkbox"]:disabled+label::before,.checkbox input[type="radio"]:disabled+label::before {
    background-color: #eee;
    cursor: not-allowed
}

.checkbox.checkbox-circle label::before {
    border-radius: 50%
}

.checkbox.checkbox-inline {
    margin-top: 0
}

.checkbox-primary input[type="checkbox"]:checked+label::before,.checkbox-primary input[type="radio"]:checked+label::before {
    background-color: #f55152;
    border-color: #f55152
}

.checkbox-primary input[type="checkbox"]:checked+label::after,.checkbox-primary input[type="radio"]:checked+label::after {
    color: #fff
}

.checkbox-red input[type="checkbox"]:checked+label::before,.checkbox-red input[type="radio"]:checked+label::before {
    background-color: #e0262e;
    border-color: #e0262e
}

.checkbox-red input[type="checkbox"]:checked+label::after,.checkbox-red input[type="radio"]:checked+label::after {
    color: #fff
}

.checkbox-pink input[type="checkbox"]:checked+label::before,.checkbox-pink input[type="radio"]:checked+label::before {
    background-color: #f498b3;
    border-color: #f498b3
}

.checkbox-pink input[type="checkbox"]:checked+label::after,.checkbox-pink input[type="radio"]:checked+label::after {
    color: #fff
}

.checkbox-rose input[type="checkbox"]:checked+label::before,.checkbox-rose input[type="radio"]:checked+label::before {
    background-color: #f64a79;
    border-color: #f64a79
}

.checkbox-rose input[type="checkbox"]:checked+label::after,.checkbox-rose input[type="radio"]:checked+label::after {
    color: #fff
}

.checkbox-orange input[type="checkbox"]:checked+label::before,.checkbox-orange input[type="radio"]:checked+label::before {
    background-color: #f98054;
    border-color: #f98054
}

.checkbox-orange input[type="checkbox"]:checked+label::after,.checkbox-orange input[type="radio"]:checked+label::after {
    color: #fff
}

.checkbox-yellow input[type="checkbox"]:checked+label::before,.checkbox-yellow input[type="radio"]:checked+label::before {
    background-color: #fcc82f;
    border-color: #fcc82f
}

.checkbox-yellow input[type="checkbox"]:checked+label::after,.checkbox-yellow input[type="radio"]:checked+label::after {
    color: #fff
}

.checkbox-green input[type="checkbox"]:checked+label::before,.checkbox-green input[type="radio"]:checked+label::before {
    background-color: #43c27b;
    border-color: #43c27b
}

.checkbox-green input[type="checkbox"]:checked+label::after,.checkbox-green input[type="radio"]:checked+label::after {
    color: #fff
}

.checkbox-tiffany input[type="checkbox"]:checked+label::before,.checkbox-tiffany input[type="radio"]:checked+label::before {
    background-color: #81d8d0;
    border-color: #81d8d0
}

.checkbox-tiffany input[type="checkbox"]:checked+label::after,.checkbox-tiffany input[type="radio"]:checked+label::after {
    color: #fff
}

.checkbox-blue input[type="checkbox"]:checked+label::before,.checkbox-blue input[type="radio"]:checked+label::before {
    background-color: #64aaef;
    border-color: #64aaef
}

.checkbox-blue input[type="checkbox"]:checked+label::after,.checkbox-blue input[type="radio"]:checked+label::after {
    color: #fff
}

.checkbox-indigo input[type="checkbox"]:checked+label::before,.checkbox-indigo input[type="radio"]:checked+label::before {
    background-color: #337ab7;
    border-color: #337ab7
}

.checkbox-indigo input[type="checkbox"]:checked+label::after,.checkbox-indigo input[type="radio"]:checked+label::after {
    color: #fff
}

.checkbox-purple input[type="checkbox"]:checked+label::before,.checkbox-purple input[type="radio"]:checked+label::before {
    background-color: #6f5499;
    border-color: #6f5499
}

.checkbox-purple input[type="checkbox"]:checked+label::after,.checkbox-purple input[type="radio"]:checked+label::after {
    color: #fff
}

.checkbox-golden input[type="checkbox"]:checked+label::before,.checkbox-golden input[type="radio"]:checked+label::before {
    background-color: #ba9e7f;
    border-color: #ba9e7f
}

.checkbox-golden input[type="checkbox"]:checked+label::after,.checkbox-golden input[type="radio"]:checked+label::after {
    color: #fff
}

.checkbox-gray input[type="checkbox"]:checked+label::before,.checkbox-gray input[type="radio"]:checked+label::before {
    background-color: #888;
    border-color: #888
}

.checkbox-gray input[type="checkbox"]:checked+label::after,.checkbox-gray input[type="radio"]:checked+label::after {
    color: #fff
}

.checkbox-black input[type="checkbox"]:checked+label::before,.checkbox-black input[type="radio"]:checked+label::before {
    background-color: #222;
    border-color: #222
}

.checkbox-black input[type="checkbox"]:checked+label::after,.checkbox-black input[type="radio"]:checked+label::after {
    color: #fff
}

.checkbox-white input[type="checkbox"]:checked+label::before,.checkbox-white input[type="radio"]:checked+label::before {
    background-color: #fafafa;
    border-color: #fafafa
}

.checkbox-white input[type="checkbox"]:checked+label::after,.checkbox-white input[type="radio"]:checked+label::after {
    color: #fff
}

.checkbox {
    padding-left: .48rem
}

.checkbox label {
    line-height: .34rem
}

.checkbox label::before {
    width: .3rem;
    height: .3rem;
    left: -0.48rem
}

.checkbox label::after {
    width: .34rem;
    height: .34rem;
    left: -0.48rem;
    font-size: .255rem;
    line-height: .38rem
}

.checkbox-small {
    padding-left: .384rem
}

.checkbox-small label {
    line-height: .28rem
}

.checkbox-small label::before {
    width: .24rem;
    height: .24rem;
    left: -0.384rem
}

.checkbox-small label::after {
    width: .28rem;
    height: .28rem;
    left: -0.384rem;
    font-size: .204rem;
    line-height: .32rem
}

.checkbox-large {
    padding-left: .576rem
}

.checkbox-large label {
    line-height: .4rem
}

.checkbox-large label::before {
    width: .36rem;
    height: .36rem;
    left: -0.576rem
}

.checkbox-large label::after {
    width: .4rem;
    height: .4rem;
    left: -0.576rem;
    font-size: .306rem;
    line-height: .44rem
}

.contact_service_tip {
    position: fixed;
    line-height: .7rem;
    bottom: .2rem;
    left: .2rem;
    z-index: 1000;
    padding: 0 .2rem 0 .65rem;
    border-radius: .35rem;
    color: #fff;
    font-size: .3rem;
    box-shadow: 0 0 .1rem rgba(39,39,39,0.6);
    background: #f55152
}

.contact_service_tip .ff {
    font-size: .4rem;
    position: absolute;
    line-height: .7rem;
    left: .15rem
}

.contact_service_tip .num {
    position: absolute;
    top: -0.06rem;
    right: -0.06rem;
    background: red;
    min-width: .36rem;
    line-height: .36rem;
    text-align: center;
    border-radius: .18rem;
    font-size: .24rem;
    font-weight: 500;
    padding: 0 .1rem;
    box-sizing: border-box;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transform-origin: top right;
    transform-origin: top right
}

.contact_service_prompt .niuui_mask {
    z-index: 10080
}

.contact_service_prompt .dialog {
    position: fixed;
    background: linear-gradient(to right bottom,#c7f1e4,#e6f0f1);
    top: 50%;
    left: 50%;
    width: 6rem;
    margin-left: -3rem;
    z-index: 10081;
    border-radius: .1rem;
    overflow: hidden;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.contact_service_prompt .title {
    font-size: .34rem;
    color: #003a2f;
    text-align: center;
    line-height: .6rem;
    padding-top: .15rem
}

.contact_service_prompt .flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .2rem
}

.contact_service_prompt .image img {
    height: 1rem
}

.contact_service_prompt .desc {
    font-size: .32rem;
    line-height: .5rem;
    margin-left: .25rem;
    color: #037762;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.contact_service_prompt .button {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0 .15rem .15rem
}

.contact_service_prompt .button .btn {
    line-height: .56rem;
    border: .02rem solid;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: .15rem;
    background: transparent
}

.contact_service_prompt .button .btn.close {
    color: #888;
    border-color: #888
}

.contact_service_prompt .button .btn.open {
    color: #f55152;
    border-color: #f55152
}

.contact_service_window .niuui_mask {
    z-index: 10080
}

.contact_service_window .dialog {
    position: fixed;
    background: #FFF;
    top: 50%;
    left: 50%;
    width: 5rem;
    margin-left: -2.5rem;
    z-index: 10081;
    border-radius: .1rem;
    overflow: hidden;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.contact_service_window .title img {
    width: 100%
}

.contact_service_window .item {
    margin: .3rem;
    border-top: .02rem dashed #afd2cb;
    padding-top: .3rem
}

.contact_service_window .item:first-child {
    padding-top: 0;
    border: 0
}

.contact_service_window .item .info {
    line-height: 1;
    font-size: .32rem
}

.contact_service_window .item .info:before,.contact_service_window .item .info:after {
    display: table;
    content: " "
}

.contact_service_window .item .info:after {
    clear: both
}

.contact_service_window .item .info.wechat {
    color: #62b900
}

.contact_service_window .item .info.qq {
    color: #18a2d8
}

.contact_service_window .item .info.tel {
    color: #337ab7
}

.contact_service_window .item .ff {
    margin-right: .05rem
}

.contact_service_window .item .name {
    float: left
}

.contact_service_window .item .num {
    float: right
}

.contact_service_window .item .button {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: .2rem -.1rem 0
}

.contact_service_window .item .btn {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 .1rem;
    line-height: .45rem;
    font-size: .24rem;
    background: #fafcfe;
    border: .02rem solid
}

.contact_service_window .item .btn.left {
    color: #f55152;
    border-color: #f55152
}

.contact_service_window .item .btn.right {
    color: #337ab7;
    border-color: #337ab7
}

.contact_service_window .close {
    text-align: center;
    line-height: .7rem;
    font-size: .3rem;
    color: #f55152;
    position: relative
}

.contact_service_window .close:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: .02rem;
    border-top: .02rem solid #d8d8d8;
    color: #d8d8d8;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 999
}

.daily_redbag_box .niuui_mask {
    z-index: 99970
}

.daily_redbag_box .dialog {
    text-align: center;
    position: fixed;
    left: 50%;
    top: 50%;
    width: 6rem;
    height: 8.6rem;
    margin-left: -3rem;
    margin-top: -5rem;
    z-index: 99971;
    background: url("../images/daily_redbag_bg.png") no-repeat;
    background-size: contain
}

.daily_redbag_box .head {
    position: absolute;
    width: 100%;
    top: 2.2rem;
    text-align: center
}

.daily_redbag_box .head img {
    height: .6rem;
    display: inline-block
}

.daily_redbag_box .title {
    color: #fff;
    position: absolute;
    width: 100%;
    top: 4rem;
    font-size: .44rem
}

.daily_redbag_box .desc {
    color: #fff074;
    position: absolute;
    width: 100%;
    top: 4.8rem;
    font-size: .4rem;
    line-height: 1.5
}

.daily_redbag_box .button {
    position: absolute;
    width: 100%;
    top: 6.3rem;
    background: url("../images/daily_redbag_button.png") no-repeat center;
    background-size: contain;
    color: #5e3700;
    font-size: .46rem;
    height: .9rem;
    padding-top: .3rem;
    display: block
}

.daily_redbag_box .ff {
    position: absolute;
    cursor: pointer;
    width: .6rem;
    line-height: .6rem;
    bottom: 0;
    left: 50%;
    margin-left: -0.3rem;
    border: .02rem solid #fff;
    color: #fff;
    text-align: center;
    font-size: .24rem;
    border-radius: 50%
}

@-webkit-keyframes daily_redbag_tip_toggle {
    0% {
        right: .1rem
    }

    10% {
        right: .3rem
    }

    20% {
        right: .1rem
    }

    30% {
        right: .3rem
    }

    40% {
        right: .2rem
    }

    100% {
        right: .2rem
    }
}

@keyframes daily_redbag_tip_toggle {
    0% {
        right: .1rem
    }

    10% {
        right: .3rem
    }

    20% {
        right: .1rem
    }

    30% {
        right: .3rem
    }

    40% {
        right: .2rem
    }

    100% {
        right: .2rem
    }
}

.daily_redbag_tip {
    position: fixed;
    right: .2rem;
    bottom: .2rem;
    width: 1rem;
    height: 1rem;
    z-index: 105;
    background: url("../images/daily_redbag_icon.png") no-repeat;
    background-size: contain;
    -webkit-animation: sshb_tip_toggle 1s linear alternate infinite;
    animation: sshb_tip_toggle 1s linear alternate infinite
}

.filter-box {
    position: fixed;
    width: 100%;
    z-index: 1010;
    background: #fff;
    left: 0
}

.filter-box:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: .02rem;
    border-bottom: .02rem solid #d8d8d8;
    color: #d8d8d8;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 999
}

.filter-box .main {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 11rem;
    margin: 0 auto
}

.filter-box .column {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    overflow: hidden;
    text-align: center;
    height: .7rem
}

.filter-box .column:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: .02rem;
    bottom: 0;
    border-left: .02rem solid #d8d8d8;
    color: #d8d8d8;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleX(0.5);
    transform: scaleX(0.5);
    z-index: 999
}

.filter-box .column:first-child:before {
    display: none
}

.filter-box .val {
    font-size: .28rem;
    line-height: .7rem;
    color: #333
}

.filter-box .select {
    position: absolute;
    font-size: .3rem;
    padding: .3rem 0;
    left: 0;
    top: 0;
    width: 100%;
    opacity: 0
}

.filter-box .arrow {
    line-height: .7rem;
    position: absolute;
    right: .2rem;
    font-size: .2rem;
    color: #888
}

.filter-taber {
    position: fixed;
    width: 100%;
    z-index: 1010;
    background: #fff;
    left: 0;
    margin-top: -.02rem;
    padding: 0 .2rem;
    box-sizing: border-box
}

.filter-taber:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: .02rem;
    border-bottom: .02rem solid #d8d8d8;
    color: #d8d8d8;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 999
}

.filter-taber .main {
    background: #fff;
    max-width: 11rem;
    margin: 0 auto;
    position: relative
}

.filter-taber .main .prev,.filter-taber .main .next {
    position: absolute;
    top: 0;
    width: .3rem;
    font-size: .24rem;
    text-align: center;
    line-height: .5rem;
    padding-bottom: .1rem;
    color: #999;
    z-index: 1
}

.filter-taber .main .prev {
    left: 0;
    padding-right: .1rem;
    background: linear-gradient(to right,rgba(255,255,255,0.95) 0,rgba(255,255,255,0.95) 70%,rgba(255,255,255,0) 100%)
}

.filter-taber .main .next {
    right: 0;
    padding-left: .1rem;
    background: linear-gradient(to left,rgba(255,255,255,0.95) 0,rgba(255,255,255,0.95) 70%,rgba(255,255,255,0) 100%)
}

.filter-taber ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: auto;
    width: 100%
}

.filter-taber li {
    display: block;
    text-align: center;
    word-break: keep-all;
    margin-right: .1rem;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.filter-taber li:last-child {
    margin-right: 0
}

.filter-taber li.active a {
    color: #f55152;
    padding-bottom: .06rem;
    border-bottom: .04rem solid #f55152
}

.filter-taber li.dot a:after {
    content: ' ';
    display: block;
    width: .08rem;
    height: .08rem;
    background: #f54;
    border-radius: 50%;
    position: absolute;
    right: .02rem;
    top: .1rem
}

.filter-taber a {
    color: #888;
    display: inline-block;
    line-height: .5rem;
    font-size: .28rem;
    padding: 0 .1rem .1rem;
    position: relative
}

.filter-taber.large li.active>a {
    font-weight: 500;
    padding-bottom: .12rem
}

.filter-taber.large li.dot>a:after {
    width: .1rem;
    height: .1rem;
    top: .08rem;
    right: .16rem
}

.filter-taber.large a {
    font-size: .32rem;
    color: #555;
    padding: 0 .26rem .16rem
}

.header-colored+.filter-taber {
    padding-top: .06rem
}

.header-colored+.filter-taber.large {
    padding-top: .12rem
}

@font-face {
    font-family: 'iconfont';
    src: url("iconfont.woff2?v=534061") format("woff2"),url("iconfont.woff?v=534061") format("woff"),url("iconfont.ttf?v=534061") format("truetype")
}

.ff {
    display: inline-block;
    line-height: 1;
    font-weight: normal;
    font-variant: normal;
    font-style: normal;
    font-family: "iconfont",serif;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.ff-cus {
    font-family: "iconfont-cus","iconfont",serif
}

.ff-fw {
    width: 1.28571429em;
    text-align: center
}

.ff-spin {
    -webkit-animation: ff-spin 2s infinite linear;
    animation: ff-spin 2s infinite linear
}

@-webkit-keyframes ff-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes ff-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.ff-rotate-90 {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.ff-rotate-180 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.ff-rotate-270 {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.ff-flip-horizontal {
    -webkit-transform: scale(-1,1);
    transform: scale(-1,1)
}

.ff-flip-vertical {
    -webkit-transform: scale(1,-1);
    transform: scale(1,-1)
}

.footer-navigate {
    background: #fff;
    position: fixed;
    bottom: 0;
    z-index: 1000;
    width: 100%
}

.footer-navigate:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: .02rem;
    border-top: .02rem solid #d8d8d8;
    color: #d8d8d8;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 999
}

.footer-navigate .main {
    max-width: 11rem;
    height: .96rem;
    box-sizing: border-box;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    position: relative;
    background: #fff
}

.footer-navigate .item {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: block;
    text-align: center;
    color: #777
}

.footer-navigate .item.active {
    color: #f55152
}

.footer-navigate .icon {
    font-size: .4rem;
    line-height: .5rem;
    display: block
}

.footer-navigate .title {
    font-size: .22rem;
    line-height: .3rem;
    display: block
}

.navigate-expand .expand {
    position: fixed;
    bottom: .12rem;
    background: #fff;
    border-radius: .1rem;
    border: .02rem solid #d8d8d8;
    opacity: 1;
    transition: bottom 200ms ease,opacity 150ms ease;
    z-index: 9000
}

.navigate-expand .expand.removed {
    bottom: -2rem;
    opacity: .3
}

.navigate-expand .arrow {
    margin-left: -0.12rem;
    position: absolute;
    bottom: -0.24rem;
    width: .24rem;
    height: .24rem
}

.navigate-expand .arrow .a1,.navigate-expand .arrow .a2 {
    height: 0;
    width: 0;
    border: .12rem solid transparent;
    position: absolute
}

.navigate-expand .arrow .a1 {
    border-top-color: #d8d8d8;
    z-index: 1
}

.navigate-expand .arrow .a2 {
    border-top-color: #fff;
    z-index: 2;
    margin-top: -.02rem
}

.navigate-expand .item {
    display: block;
    color: #777;
    position: relative
}

.navigate-expand .item.active {
    color: #f55152
}

.navigate-expand .item:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: .02rem;
    border-top: .02rem solid #d8d8d8;
    color: #d8d8d8;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 999
}

.navigate-expand .item:first-child:after {
    content: none;
    display: none
}

.navigate-expand .icon {
    font-size: .34rem;
    width: .75rem;
    line-height: .75rem;
    text-align: center;
    position: absolute;
    left: .05rem
}

.navigate-expand .title {
    display: block;
    font-size: .28rem;
    line-height: .75rem;
    padding-right: .24rem;
    padding-left: .8rem;
    min-width: 1rem;
    word-break: keep-all
}

.form input,.form textarea {
    -webkit-user-select: initial !important;
    -moz-user-select: initial !important;
    -ms-user-select: initial !important;
    user-select: initial !important;
    -webkit-touch-callout: default !important
}

.form .input-group {
    position: relative;
    background: #fff
}

.form .input-group:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: .02rem;
    border-top: .02rem solid #d5d5d6;
    color: #d5d5d6;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 999
}

.form .input-group:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: .02rem;
    border-bottom: .02rem solid #d5d5d6;
    color: #d5d5d6;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 999
}

.form .input-group ~ .input-group,.form .input-group ~ .input-title {
    margin-top: .4rem
}

.form .input-title {
    margin-bottom: .14rem;
    padding-left: .3rem;
    padding-right: .3rem;
    color: #888;
    font-size: .28rem
}

.form .input-row {
    overflow: hidden;
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 .3rem;
    min-height: .88rem
}

.form .input-row:last-child:before {
    display: none
}

.form .input-row:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: .02rem;
    border-bottom: .02rem solid #d5d5d6;
    color: #d5d5d6;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 999;
    left: .3rem
}

.form .input-row:focus-within:after {
    border-color: #f55152;
    color: #f55152;
    left: .2rem;
    z-index: 1000
}

.form .input-row .title {
    color: #444
}

.form .input-row .title label {
    font-size: .34rem;
    line-height: .4rem;
    display: block;
    min-width: 1.4rem;
    word-wrap: break-word;
    word-break: break-all;
    padding-right: .3rem
}

.form .input-row .title .ff {
    display: block;
    padding-right: .14rem;
    width: 1.4em;
    text-align: center;
    font-size: .38rem;
    line-height: .46rem
}

.form .input-row .input {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: block;
    position: relative;
    overflow: hidden
}

.form .input-row .input .text,.form .input-row .input .select {
    color: #333;
    width: 100%;
    box-sizing: border-box;
    font-size: .34rem;
    border: 0;
    background: transparent
}

.form .input-row .input .text {
    line-height: .4rem
}

.form .input-row .input .select {
    line-height: .68rem;
    height: .68rem
}

.form .input-row .input .text:-moz-read-only,.form .input-row .input .text:disabled,.form .input-row .input .select:disabled {
    color: #666
}

.form .input-row .input .text:read-only,.form .input-row .input .text:disabled,.form .input-row .input .select:disabled {
    color: #666
}

.form .input-row .input .text[onclick]:-moz-read-only {
    color: #333
}

.form .input-row .input .text[onclick]:read-only {
    color: #333
}

.form .input-row .input .area {
    color: #333;
    margin: .15rem 0;
    width: 100%;
    line-height: .4rem;
    height: 1.2rem;
    font-size: .34rem;
    border: 0;
    background: transparent;
    resize: none
}

.form .input-row .input .file-ipt {
    position: absolute;
    z-index: 10;
    font-size: 2rem;
    opacity: 0
}

.form .input-row .input .image {
    height: 1rem;
    margin: .15rem .4rem .15rem 0;
    background-size: contain;
    background-repeat: no-repeat
}

.form .input-row .input .image ~ .arrow {
    line-height: 1.3rem
}

.form .input-row .input .plain {
    font-size: .34rem;
    display: block;
    line-height: .4rem;
    padding: .2rem 0
}

.form .input-row .unit {
    display: block;
    line-height: .4rem;
    color: #999;
    font-size: .32rem;
    padding-left: .2rem
}

.form .input-row .icon {
    display: block;
    line-height: .4rem;
    color: #bbb;
    font-size: .34rem;
    padding: .1rem 0 .1rem .2rem
}

.form .input-row .icon.arrow {
    font-size: .3rem
}

.form .input-row .extra {
    margin-right: -.3rem;
    height: .88rem
}

.form .input-row .extra.extra-button {
    margin-right: -.15rem;
    height: auto
}

.form .input-row .extra.extra-button .btn {
    line-height: .56rem;
    border-radius: .06rem;
    padding: 0 .1rem;
    font-size: .3rem
}

.form .input-row .extra.extra-image {
    margin-right: -.2rem;
    height: auto
}

.form .input-row .extra.extra-image img {
    height: .68rem
}

.form .footer-policy {
    margin: .3rem
}

.form .footer-policy p {
    margin: .1rem 0
}

.form .footer-policy a {
    color: #337ab7;
    outline: 0;
    text-decoration: none
}

.form .footer-policy a:link {
    color: #337ab7
}

.form .footer-policy a:visited {
    color: #337ab7
}

.form .footer-policy a:hover {
    color: #337ab7
}

.form .footer-policy a:active {
    color: #337ab7
}

.form .footer-policy a:focus {
    color: #337ab7
}

.form .button-area {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: .4rem .3rem
}

.form .button-area .btn {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: block;
    font-size: .34rem;
    line-height: .8rem
}

.form .text-area {
    margin: .2rem .3rem;
    font-size: .3rem;
    color: #333
}

.form .text-area a {
    color: #333;
    outline: 0;
    text-decoration: none
}

.form .text-area a:link {
    color: #333
}

.form .text-area a:visited {
    color: #333
}

.form .text-area a:hover {
    color: #333
}

.form .text-area a:active {
    color: #333
}

.form .text-area a:focus {
    color: #333
}

.form .space {
    width: .2rem
}

.form input.switch {
    position: relative;
    width: 1.04rem;
    height: .54rem;
    border: .02rem solid #dfdfdf;
    outline: 0;
    border-radius: .32rem;
    box-sizing: border-box;
    background: #dfdfdf
}

.form input.switch:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 1rem;
    height: .5rem;
    border-radius: .3rem;
    background-color: #fdfdfd;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s
}

.form input.switch:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    height: .5rem;
    width: .5rem;
    border-radius: .3rem;
    background-color: #fff;
    box-shadow: 0 .02rem .06rem rgba(0,0,0,0.4);
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s
}

.form input.switch:checked {
    border-color: #f55152;
    background-color: #f55152
}

.form input.switch:checked:before {
    -webkit-transform: scale(0);
    transform: scale(0)
}

.form input.switch:checked:after {
    -webkit-transform: translateX(0.5rem);
    transform: translateX(0.5rem)
}

.grid-wrap {
    background-color: #fff;
    font-size: .34rem;
    overflow: hidden;
    position: relative;
    margin: .4rem 0
}

.grid-wrap.lined:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: .02rem;
    border-top: .02rem solid #e8e8e8;
    color: #e8e8e8;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 999
}

.grid-wrap.lined:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: .02rem;
    border-bottom: .02rem solid #e8e8e8;
    color: #e8e8e8;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 999
}

.grid-wrap.radius {
    border-radius: .16rem;
    margin-left: .2rem;
    margin-right: .2rem
}

.grid-wrap.five .item {
    width: 20%
}

.grid-wrap .title {
    position: relative;
    margin: 0;
    line-height: .36rem;
    font-size: .3rem;
    padding: .2rem;
    font-weight: normal;
    color: #555;
    clear: both
}

.grid-wrap .title .sub {
    font-size: .26rem;
    color: #888;
    float: right
}

.grid-wrap .title:before {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: .02rem;
    border-bottom: .02rem solid #e8e8e8;
    color: #e8e8e8;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 999;
    clear: both
}

.grid-wrap .item-list {
    padding: .2rem 0
}

.grid-wrap .item-list:before,.grid-wrap .item-list:after {
    display: table;
    content: " "
}

.grid-wrap .item-list:after {
    clear: both
}

.grid-wrap .item {
    float: left;
    width: 25%;
    text-align: center;
    padding: .2rem 0;
    position: relative
}

.grid-wrap .item .icon {
    font-size: .56rem
}

.grid-wrap .item .icon img {
    width: .56rem;
    height: .56rem;
    object-fit: contain;
    margin: 0 auto
}

.grid-wrap .item .name {
    font-size: .26rem;
    color: #444;
    margin-top: .3rem
}

.grid-wrap .item .badge {
    font-size: .24rem;
    color: #fff;
    background: #888;
    line-height: .32rem;
    border-radius: .16rem;
    min-width: .32rem;
    padding: 0 .08rem;
    box-sizing: border-box;
    text-align: center;
    position: absolute;
    top: .1rem;
    left: 50%;
    margin-left: .28rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 2;
    word-break: keep-all
}

.grid-wrap .item .badge.bottom {
    margin-left: 0;
    top: .664rem;
    -webkit-transform: scale(0.66) translateX(-50%);
    transform: scale(0.66) translateX(-50%);
    -webkit-transform-origin: left center;
    transform-origin: left center
}

.header-category {
    position: fixed;
    z-index: 1200;
    width: 100%;
    top: 0;
    left: 0;
    background: #fff
}

.header-category:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: .02rem;
    border-bottom: .02rem solid #d8d8d8;
    color: #d8d8d8;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 999
}

.header-category .main {
    max-width: 11rem;
    margin: 0 auto;
    height: .8rem;
    padding: 0 .65rem 0 .1rem;
    box-sizing: border-box;
    position: relative
}

.header-category .main.tiny {
    height: .7rem
}

.header-category .main.tiny .list .item {
    line-height: .7rem
}

.header-category .main.tiny .expand .ff {
    line-height: .7rem
}

.header-category .main .list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow-x: scroll
}

.header-category .main .list .item {
    display: block;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    line-height: .8rem;
    padding: 0 .1rem;
    margin: 0 .1rem;
    font-size: .34rem;
    color: #555
}

.header-category .main .list .item.active {
    color: #f55152;
    position: relative
}

.header-category .main .list .item.active:after {
    position: absolute;
    content: ' ';
    height: .06rem;
    width: .4rem;
    background: #f55152;
    bottom: 0;
    left: 50%;
    margin-left: -.2rem;
    border-radius: .02rem;
    z-index: 1000;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5)
}

.header-category .main .expand {
    position: absolute;
    right: 0;
    top: 0
}

.header-category .main .expand:before {
    content: ' ';
    display: block;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAABXCAQAAACjUt0DAAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAAAEgAAABIAEbJaz4AAAAJdnBBZwAAABIAAABXAK421QoAAAFiSURBVEjH1ZbbtoMgDERnKP//yaYPVSAhF077dHQtamU7k0RKAxwcPCF4ItF+tWMNsVZS91uJhNlRX7FGPMgizOrEObJSiZUUAnRkR6q0qnErm7Lhc9UDBaXUt0kN0FOaOo4SQ5BRCahOA3HT5KwTE50GZhV37VazJKYljjE2SE+sPsittC1XW/FmgNVsZJcvuhvrAbLqffNadPXLYgaLzs8wWSo6rk9FYdeBUW/x1DRswfS6ysuNlcDZ7ssTSCpIfDsZn/J8b+Omh8pjR/X8DkuWndwnINpOlukFbtvzVslAEmF+TCMaCC4fkr8oKUgVzmQ4IBojHfqFqwd28O0S6AXA7ib2P+HOTlzLcXZ3+tFz6yRObiOmGY+3k6ev5XN97Uq7FoCXkl5HTrT6tQiw2u1aY/TrZF551jyMFPZiOqW1O5zXiJx1PV/2Tw52tD8ddYc/9Zlq7qhBrlrtuhX/98cbycGBFpNaiv0AAAAldEVYdGRhdGU6Y3JlYXRlADIwMTQtMDItMjdUMTc6NDQ6NDErMDg6MDDFbrv7AAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE0LTAyLTI3VDE3OjQ0OjQxKzA4OjAwtDMDRwAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAASUVORK5CYII=) no-repeat;
    background-size: contain;
    position: absolute;
    height: 100%;
    width: .2rem;
    left: -.07rem
}

.header-category .main .expand .ff {
    line-height: .8rem;
    width: .7rem;
    text-align: center;
    color: #666
}

.header-category-expand {
    margin: 0 -.2rem -.1rem
}

.header-category-expand:before,.header-category-expand:after {
    display: table;
    content: " "
}

.header-category-expand:after {
    clear: both
}

.header-category-expand .item {
    display: block;
    float: left;
    line-height: .7rem;
    width: calc(33.333% - .2rem);
    text-align: center;
    margin: .1rem;
    font-size: .3rem;
    color: #333;
    background: #eee;
    border-radius: .06rem
}

.header-category-expand .active {
    color: #f55152;
    font-weight: bold
}

.header-search {
    position: fixed;
    z-index: 1200;
    width: 100%;
    top: 0;
    left: 0;
    background: #fff
}

.header-search.with-color {
    background: #f55152
}

.header-search.with-color:after {
    content: none;
    display: none
}

.header-search.with-color .search .back .ff {
    color: #f1f1f1
}

.header-search.with-color .search .box {
    background: rgba(255,255,255,0.23);
    color: #f1f1f1;
    border-radius: .3rem
}

.header-search.without-line:after {
    content: none;
    display: none
}

.header-search:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: .02rem;
    border-bottom: .02rem solid #d8d8d8;
    color: #d8d8d8;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 999
}

.header-search .main {
    max-width: 11rem;
    margin: 0 auto
}

.header-search .search {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: .58rem;
    padding: .15rem .24rem
}

.header-search .search .back {
    padding: 0 .2rem;
    margin-left: -.2rem
}

.header-search .search .back .ff {
    line-height: .58rem;
    font-size: .36rem;
    color: #444
}

.header-search .search .icon {
    height: .58rem;
    margin-right: .24rem
}

.header-search .search .icon .img {
    height: 100%
}

.header-search .search .box {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: #f1f2f3;
    border-radius: .1rem;
    display: block;
    line-height: .58rem;
    color: #666
}

.header-search .search .box .ff {
    font-size: .26rem;
    margin-left: .2rem
}

.header-search .search .box span {
    font-size: .26rem;
    margin-left: .05rem
}

.header-search .search .input {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: #f1f2f3;
    border-radius: .1rem;
    overflow: hidden
}

.header-search .search .input input {
    background: transparent;
    border: 0;
    width: 100%;
    line-height: .58rem;
    padding: 0 .2rem;
    box-sizing: border-box;
    color: #333
}

.header-search .search .submit {
    margin-right: -.2rem;
    padding: 0 .2rem;
    background: 0;
    border: 0;
    color: #f55152;
    font-size: .32rem;
    line-height: .58rem
}

.header-title {
    position: fixed;
    top: 0;
    z-index: 1000;
    background-color: #fff;
    width: 100%
}

.header-title:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: .02rem;
    border-bottom: .02rem solid #d8d8d8;
    color: #d8d8d8;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 999
}

.header-title.header-colored {
    background-color: #f55152
}

.header-title.header-colored:after {
    content: none;
    display: none
}

.header-title.header-colored .item,.header-title.header-colored .title,.header-title.header-colored .dropdown .toggle {
    color: #fff
}

.header-title .main {
    max-width: 11rem;
    height: .88rem;
    margin: 0 auto;
    position: relative
}

.header-title .item {
    position: relative;
    z-index: 20;
    line-height: .88rem;
    padding: 0 .2rem;
    color: #444;
    display: block
}

.header-title .item .ff {
    font-size: .36rem;
    vertical-align: top;
    line-height: .88rem
}

.header-title .title {
    position: absolute;
    display: block;
    width: 100%;
    font-size: .36rem;
    line-height: .88rem;
    color: #222;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    margin: 0
}

.header-title.dropdown-show {
    z-index: 9000
}

.header-title.dropdown-show .dropdown .menu {
    display: block
}

.header-title .dropdown {
    position: relative;
    z-index: 9001;
    float: right
}

.header-title .dropdown .toggle {
    line-height: .88rem;
    padding: 0 .2rem;
    color: #444;
    display: block;
    font-size: .36rem
}

.header-title .dropdown .menu {
    display: none;
    position: absolute;
    z-index: 9002;
    background: #fff;
    right: .06rem;
    top: .78rem;
    border-radius: .06rem;
    border: .02rem solid #d8d8d8
}

.header-title .dropdown .menu .link {
    white-space: nowrap;
    font-size: .32rem;
    line-height: .5rem;
    border-top: .02rem solid #e8e8e8;
    padding: .2rem .3rem;
    display: block;
    color: #333
}

.header-title .dropdown .menu .link:first-child {
    border: 0
}

.header-title .dropdown .menu:before,.header-title .dropdown .menu:after {
    content: ' ';
    display: block;
    position: absolute;
    top: -0.24rem;
    right: .2rem;
    height: 0;
    width: 0;
    margin-left: -0.12rem;
    border: .12rem solid transparent
}

.header-title .dropdown .menu:before {
    border-bottom-color: #d8d8d8;
    z-index: 1
}

.header-title .dropdown .menu:after {
    border-bottom-color: #fff;
    z-index: 2;
    margin-top: .02rem
}

.scroll-top {
    position: fixed;
    right: .3rem;
    bottom: .3rem;
    background: rgba(255,255,255,0.7);
    border: .02rem solid #e5e5e5;
    height: .36rem;
    width: .36rem;
    text-align: center;
    z-index: 100;
    border-radius: 50%;
    padding: .16rem
}

.scroll-top .ff {
    font-size: .32rem;
    line-height: .36rem;
    color: #555
}

.scroll-top.share-btn {
    right: auto;
    left: .3rem
}

.footer-navigate ~ .scroll-top {
    bottom: 1.26rem
}

:root {
    --safe-area-top: env(safe-area-inset-top,0);
    --safe-area-left: env(safe-area-inset-left,0);
    --safe-area-right: env(safe-area-inset-right,0);
    --safe-area-bottom: env(safe-area-inset-bottom,0)
}

body.notch-iphone .notch-iphone-fixed {
    background: #fff;
    position: fixed;
    bottom: 0;
    z-index: 500;
    width: 100%;
    display: block;
    height: var(--safe-area-bottom) !important
}

body.notch-iphone .notch-iphone-after:after {
    content: ' ';
    display: block;
    background: transparent;
    width: 100%;
    height: var(--safe-area-bottom) !important
}

body.notch-iphone .safe-area-height {
    height: var(--safe-area-bottom) !important
}

body.notch-iphone .safe-area-padding {
    padding-bottom: var(--safe-area-bottom) !important
}

body.notch-iphone .safe-area-bottom {
    bottom: var(--safe-area-bottom) !important
}

body.notch-iphone .safe-area-translate {
    -webkit-transform: translateY(calc(0px - var(--safe-area-bottom))) !important;
    transform: translateY(calc(0px - var(--safe-area-bottom))) !important
}

@-webkit-keyframes picture-slide-right-in {
    0% {
        left: 100%
    }

    100% {
        left: 0
    }
}

@keyframes picture-slide-right-in {
    0% {
        left: 100%
    }

    100% {
        left: 0
    }
}

@-webkit-keyframes picture-slide-left-in {
    0% {
        left: -100%
    }

    100% {
        left: 0
    }
}

@keyframes picture-slide-left-in {
    0% {
        left: -100%
    }

    100% {
        left: 0
    }
}

@-webkit-keyframes picture-slide-left-out {
    0% {
        left: 0
    }

    100% {
        left: -100%
    }
}

@keyframes picture-slide-left-out {
    0% {
        left: 0
    }

    100% {
        left: -100%
    }
}

@-webkit-keyframes picture-slide-right-out {
    0% {
        left: 0
    }

    100% {
        left: 100%
    }
}

@keyframes picture-slide-right-out {
    0% {
        left: 0
    }

    100% {
        left: 100%
    }
}

.picture-slide {
    width: 100%;
    position: relative;
    overflow: hidden
}

.picture-slide .picture a {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.picture-slide .picture a.right-in {
    display: block;
    z-index: 2;
    -webkit-animation: picture-slide-right-in .3s ease;
    animation: picture-slide-right-in .3s ease
}

.picture-slide .picture a.right-out {
    display: block;
    z-index: 1;
    -webkit-animation: picture-slide-right-out .3s ease;
    animation: picture-slide-right-out .3s ease
}

.picture-slide .picture a.left-in {
    display: block;
    z-index: 2;
    -webkit-animation: picture-slide-left-in .3s ease;
    animation: picture-slide-left-in .3s ease
}

.picture-slide .picture a.left-out {
    display: block;
    z-index: 1;
    -webkit-animation: picture-slide-left-out .3s ease;
    animation: picture-slide-left-out .3s ease
}

.picture-slide .picture img {
    width: 100%;
    height: 100%
}

.picture-slide .point {
    position: absolute;
    bottom: .1rem;
    z-index: 3;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0)
}

.picture-slide .point a {
    width: .1rem;
    height: .1rem;
    background: #fafafa;
    border: .02rem solid #fafafa;
    border-radius: 50%;
    float: left;
    margin-right: .1rem
}

.picture-slide .point a.active {
    background: #f55152
}

.pull-load-more>div {
    padding: .3rem 0;
    font-size: .3rem;
    text-align: center
}

.pull-load-more>div.no-content {
    background: url("../images/no-content.png") no-repeat 50% top;
    background-size: contain;
    width: 80%;
    padding: 66.3414634146% 0 0;
    margin-left: 10%
}

.pull-refresh {
    height: 0;
    overflow: hidden;
    text-align: center;
    position: relative
}

.pull-refresh span {
    display: block;
    position: absolute;
    bottom: .1rem;
    width: 100%
}

.pull-refresh span:before,.pull-refresh span:after {
    display: inline-block;
    line-height: .5rem
}

.pull-refresh span:before {
    font-family: "iconfont";
    font-size: .32rem;
    color: #888
}

.pull-refresh span:after {
    padding-left: .14rem;
    color: #666
}

.pull-refresh.pulling span:before {
    content: '\e63d'
}

.pull-refresh.pulling span:after {
    content: '下拉刷新'
}

.pull-refresh.pulled span:before {
    content: '\e63d';
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.pull-refresh.pulled span:after {
    content: '释放更新'
}

.pull-refresh.loading span {
    bottom: .2rem
}

.pull-refresh.loading span:before {
    content: '\e601';
    -webkit-animation: ff-spin 2s infinite linear;
    animation: ff-spin 2s infinite linear
}

.pull-refresh.loading span:after {
    content: '正在加载'
}

.rich-text {
    overflow: hidden;
    color: #3e3e3e;
    font-size: .3rem;
    line-height: 1.6;
    -webkit-user-select: initial !important;
    -moz-user-select: initial !important;
    -ms-user-select: initial !important;
    user-select: initial !important;
    -webkit-touch-callout: default !important
}

.rich-text img {
    display: inline-block;
    vertical-align: top
}

.rich-text table {
    margin-bottom: .1rem;
    border-collapse: collapse;
    display: table;
    width: 100% !important
}

.rich-text * {
    max-width: 100%;
    margin: 0;
    padding: 0;
    word-wrap: break-word !important
}

.rich-text p {
    clear: both;
    min-height: 1em
}

.rich-text ol,.rich-text ul {
    padding-left: .4rem
}

.rich-text input[rich] {
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: .02rem solid #eee;
    width: 100%;
    text-align: center;
    background: transparent;
    border-radius: .1rem;
    font-size: .24rem;
    line-height: .5rem;
    color: #888;
    padding: 0 .1rem;
    box-sizing: border-box
}

.switcher {
    position: relative;
    line-height: 0
}

.switcher label {
    display: inline-block;
    position: relative;
    background-color: #999;
    overflow: hidden;
    transition: background-color .25s ease
}

.switcher label::before {
    display: block;
    font-family: iconfont,serif;
    content: "\e687";
    position: absolute;
    top: 0;
    right: .06rem;
    color: #fff;
    z-index: 3;
    text-align: center
}

.switcher label::after {
    display: block;
    content: " ";
    position: absolute;
    top: .04rem;
    left: .04rem;
    bottom: .04rem;
    background: #fff;
    border-radius: 50%;
    z-index: 4;
    box-shadow: 0 .02rem .04rem rgba(0,0,0,0.3);
    transition: left .25s ease
}

.switcher input[type="checkbox"],.switcher input[type="radio"] {
    opacity: 0;
    z-index: 1;
    position: fixed;
    top: -999rem;
    left: -999rem
}

.switcher input[type="checkbox"]:checked+label,.switcher input[type="radio"]:checked+label {
    background-color: #4bd963
}

.switcher input[type="checkbox"]:checked+label::before,.switcher input[type="radio"]:checked+label::before {
    content: "\e688";
    left: .06rem;
    right: initial
}

.switcher input[type="checkbox"]:disabled+label,.switcher input[type="radio"]:disabled+label {
    background-color: #DDD
}

.switcher input[type="checkbox"]:disabled+label::before,.switcher input[type="radio"]:disabled+label::before {
    color: #eee
}

.switcher input[type="checkbox"]:disabled+label::after,.switcher input[type="radio"]:disabled+label::after {
    background: #eee
}

.switcher-primary input[type="checkbox"]:checked+label,.switcher-primary input[type="radio"]:checked+label {
    background-color: #f55152
}

.switcher-primary input[type="checkbox"]:checked:disabled+label,.switcher-primary input[type="radio"]:checked:disabled+label {
    background-color: #fbb1b2
}

.switcher-red input[type="checkbox"]:checked+label,.switcher-red input[type="radio"]:checked+label {
    background-color: #e0262e
}

.switcher-red input[type="checkbox"]:checked:disabled+label,.switcher-red input[type="radio"]:checked:disabled+label {
    background-color: #ed7f84
}

.switcher-pink input[type="checkbox"]:checked+label,.switcher-pink input[type="radio"]:checked+label {
    background-color: #f498b3
}

.switcher-pink input[type="checkbox"]:checked:disabled+label,.switcher-pink input[type="radio"]:checked:disabled+label {
    background-color: #fef4f7
}

.switcher-rose input[type="checkbox"]:checked+label,.switcher-rose input[type="radio"]:checked+label {
    background-color: #f64a79
}

.switcher-rose input[type="checkbox"]:checked:disabled+label,.switcher-rose input[type="radio"]:checked:disabled+label {
    background-color: #fbabc1
}

.switcher-orange input[type="checkbox"]:checked+label,.switcher-orange input[type="radio"]:checked+label {
    background-color: #f98054
}

.switcher-orange input[type="checkbox"]:checked:disabled+label,.switcher-orange input[type="radio"]:checked:disabled+label {
    background-color: #fcc9b7
}

.switcher-yellow input[type="checkbox"]:checked+label,.switcher-yellow input[type="radio"]:checked+label {
    background-color: #fcc82f
}

.switcher-yellow input[type="checkbox"]:checked:disabled+label,.switcher-yellow input[type="radio"]:checked:disabled+label {
    background-color: #fde394
}

.switcher-green input[type="checkbox"]:checked+label,.switcher-green input[type="radio"]:checked+label {
    background-color: #43c27b
}

.switcher-green input[type="checkbox"]:checked:disabled+label,.switcher-green input[type="radio"]:checked:disabled+label {
    background-color: #90dbb1
}

.switcher-tiffany input[type="checkbox"]:checked+label,.switcher-tiffany input[type="radio"]:checked+label {
    background-color: #81d8d0
}

.switcher-tiffany input[type="checkbox"]:checked:disabled+label,.switcher-tiffany input[type="radio"]:checked:disabled+label {
    background-color: #cff0ed
}

.switcher-blue input[type="checkbox"]:checked+label,.switcher-blue input[type="radio"]:checked+label {
    background-color: #64aaef
}

.switcher-blue input[type="checkbox"]:checked:disabled+label,.switcher-blue input[type="radio"]:checked:disabled+label {
    background-color: #c0ddf9
}

.switcher-indigo input[type="checkbox"]:checked+label,.switcher-indigo input[type="radio"]:checked+label {
    background-color: #337ab7
}

.switcher-indigo input[type="checkbox"]:checked:disabled+label,.switcher-indigo input[type="radio"]:checked:disabled+label {
    background-color: #77acd9
}

.switcher-purple input[type="checkbox"]:checked+label,.switcher-purple input[type="radio"]:checked+label {
    background-color: #6f5499
}

.switcher-purple input[type="checkbox"]:checked:disabled+label,.switcher-purple input[type="radio"]:checked:disabled+label {
    background-color: #a491c2
}

.switcher-golden input[type="checkbox"]:checked+label,.switcher-golden input[type="radio"]:checked+label {
    background-color: #ba9e7f
}

.switcher-golden input[type="checkbox"]:checked:disabled+label,.switcher-golden input[type="radio"]:checked:disabled+label {
    background-color: #ded0c1
}

.switcher-gray input[type="checkbox"]:checked+label,.switcher-gray input[type="radio"]:checked+label {
    background-color: #888
}

.switcher-gray input[type="checkbox"]:checked:disabled+label,.switcher-gray input[type="radio"]:checked:disabled+label {
    background-color: #bbb
}

.switcher-black input[type="checkbox"]:checked+label,.switcher-black input[type="radio"]:checked+label {
    background-color: #222
}

.switcher-black input[type="checkbox"]:checked:disabled+label,.switcher-black input[type="radio"]:checked:disabled+label {
    background-color: #555
}

.switcher-white input[type="checkbox"]:checked+label,.switcher-white input[type="radio"]:checked+label {
    background-color: #fafafa
}

.switcher-white input[type="checkbox"]:checked:disabled+label,.switcher-white input[type="radio"]:checked:disabled+label {
    background-color: white
}

.switcher label {
    width: 1.104rem;
    height: .48rem;
    border-radius: .24rem
}

.switcher label::before {
    width: .48rem;
    line-height: .48rem;
    font-size: .32rem
}

.switcher label::after {
    width: .4rem
}

.switcher input[type="checkbox"]:checked+label::after,.switcher input[type="radio"]:checked+label::after {
    left: .664rem
}

.switcher-small label {
    width: .92rem;
    height: .4rem;
    border-radius: .2rem
}

.switcher-small label::before {
    width: .4rem;
    line-height: .4rem;
    font-size: .2666666667rem
}

.switcher-small label::after {
    width: .32rem
}

.switcher-small input[type="checkbox"]:checked+label::after,.switcher-small input[type="radio"]:checked+label::after {
    left: .56rem
}

.switcher-large label {
    width: 1.288rem;
    height: .56rem;
    border-radius: .28rem
}

.switcher-large label::before {
    width: .56rem;
    line-height: .56rem;
    font-size: .3733333333rem
}

.switcher-large label::after {
    width: .48rem
}

.switcher-large input[type="checkbox"]:checked+label::after,.switcher-large input[type="radio"]:checked+label::after {
    left: .768rem
}

.niuui_accept_share .niuui_mask {
    z-index: 99830
}

.niuui_accept_share .dialog {
    position: fixed;
    z-index: 99831;
    width: 6rem;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-color: #fafbfc;
    border-radius: .3rem;
    border: #ffc935 .12rem solid
}

.niuui_accept_share .badge {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -0.6rem;
    margin-top: -0.66rem
}

.niuui_accept_share .badge img {
    width: 1.2rem;
    height: 1.2rem
}

.niuui_accept_share .first {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: .65rem .15rem .25rem;
    padding: .15rem;
    border-radius: .1rem;
    background: #eaebec;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.niuui_accept_share .first .avatar img {
    width: .9rem;
    height: .9rem;
    border-radius: .1rem
}

.niuui_accept_share .first .info {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: .2rem
}

.niuui_accept_share .first .info .nick {
    font-size: .3rem;
    line-height: 1;
    color: #333
}

.niuui_accept_share .first .info .reason {
    font-size: .3rem;
    line-height: .34rem;
    margin-top: .1rem;
    color: #333
}

.niuui_accept_share .button {
    margin: .3rem
}

.niuui_accept_share .button .btn {
    width: 100%;
    line-height: .72rem;
    font-size: .32rem;
    border-radius: .36rem
}

.niuui_accept_share .close {
    position: absolute;
    bottom: -.8rem;
    left: 50%;
    font-size: .4rem;
    color: rgba(241,245,249,0.7);
    width: .6rem;
    text-align: center;
    margin-left: -.3rem
}

.niuui_accept_share .scene-reward {
    position: relative;
    margin: .25rem .15rem;
    padding: .15rem;
    background: #eaedf0;
    border-radius: .1rem
}

.niuui_accept_share .scene-reward .suggest {
    width: .6rem;
    height: .6rem;
    background: url("../images/badge_suggest.png") no-repeat;
    background-size: cover;
    position: absolute;
    top: -0.0375rem;
    right: -0.0375rem;
    z-index: 1
}

.niuui_accept_share .scene-reward .title {
    font-size: .32rem;
    line-height: .44rem;
    color: #333
}

.niuui_accept_share .scene-reward .field {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: .15rem
}

.niuui_accept_share .scene-reward .project {
    border: .02rem solid #ff9c64;
    color: #f98054;
    border-radius: .08rem;
    font-size: .24rem;
    line-height: .36rem;
    padding: 0 .06rem
}

.niuui_accept_share .scene-reward .money {
    background: #fdefe8;
    border-radius: .2rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-right: .14rem;
    margin-left: .2rem
}

.niuui_accept_share .scene-reward .money b {
    font-weight: normal;
    display: block;
    line-height: .4rem;
    padding: 0 .12rem;
    border-radius: .2rem;
    background: #ff9c64;
    color: #fff;
    font-size: .24rem
}

.niuui_accept_share .scene-reward .money i {
    font-style: normal;
    color: #f75b23;
    font-size: .28rem;
    display: block;
    line-height: .4rem;
    margin-left: .06rem;
    font-weight: 500
}

.niuui_accept_share .scene-reward .money u {
    text-decoration: none;
    color: #f75b23;
    font-size: .26rem;
    margin-left: .04rem;
    display: block;
    line-height: .4rem
}

.niuui_date_pick .niuui_mask {
    z-index: 99850
}

.niuui_date_pick .date_pick {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 99851;
    overflow: hidden;
    background: #fff
}

.niuui_date_pick .title {
    position: relative
}

.niuui_date_pick .title:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: .02rem;
    border-bottom: .02rem solid #d8d8d8;
    color: #d8d8d8;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 999
}

.niuui_date_pick .title h6 {
    margin: 0;
    line-height: .8rem;
    color: #333;
    text-align: center;
    font-size: .3rem;
    font-weight: normal
}

.niuui_date_pick .title .cancel,.niuui_date_pick .title .submit {
    position: absolute;
    line-height: .8rem;
    padding: 0 .2rem;
    top: 0;
    z-index: 1
}

.niuui_date_pick .title .cancel {
    left: 0;
    color: #999
}

.niuui_date_pick .title .submit {
    right: 0;
    color: #f55152
}

.niuui_date_pick .panel {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: .2rem .1rem;
    position: relative
}

.niuui_date_pick .panel .select {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 3.5rem;
    overflow: scroll
}

.niuui_date_pick .panel .select span {
    display: block;
    text-align: center;
    line-height: .7rem;
    font-size: .36rem;
    color: #bbb
}

.niuui_date_pick .panel .select span.active {
    color: #333
}

.niuui_date_pick .panel .highlight {
    position: absolute;
    width: 100%;
    height: .7rem;
    top: 1.4rem;
    z-index: -1
}

.niuui_date_pick .panel .highlight:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: .02rem;
    border-top: .02rem solid #d8d8d8;
    color: #d8d8d8;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 999
}

.niuui_date_pick .panel .highlight:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: .02rem;
    border-bottom: .02rem solid #d8d8d8;
    color: #d8d8d8;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 999
}

.niuui_dialog .niuui_mask {
    z-index: 99980
}

.niuui_dialog .dialog {
    position: fixed;
    z-index: 99981;
    width: 6rem;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-color: #fafafc;
    border-radius: .06rem;
    overflow: hidden
}

.niuui_dialog .title {
    padding: .36rem .4rem 0;
    margin: 0;
    font-weight: normal;
    font-size: .34rem;
    text-align: center;
    color: #333;
    line-height: .44rem
}

.niuui_dialog .text {
    margin-top: .4rem;
    font-size: .3rem;
    color: #666;
    padding: 0 .4rem;
    line-height: 150%;
    word-wrap: break-word;
    word-break: break-all;
    max-height: calc(100vh - 4rem);
    overflow: auto
}

.niuui_dialog .title+.text {
    margin-top: .2rem;
    font-size: .28rem;
    color: #888
}

.niuui_dialog .input {
    margin: .2rem .35rem 0;
    border: .02rem solid #d5d5d6;
    background: #fff;
    border-radius: .06rem;
    overflow: hidden
}

.niuui_dialog .input .ipt,.niuui_dialog .input .area {
    width: 100%;
    font-size: .28rem;
    padding: .1rem;
    line-height: .36rem;
    color: #222;
    box-sizing: border-box;
    border: 0;
    resize: none
}

.niuui_dialog .input .ipt {
    padding: .14rem
}

.niuui_dialog .input .picture {
    position: relative;
    padding: .1rem;
    background: #fcfcfe
}

.niuui_dialog .input .picture:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: .02rem;
    border-top: .02rem dashed #d0d0d1;
    color: #d0d0d1;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 999
}

.niuui_dialog .input .picture .preview {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.niuui_dialog .input .picture .preview .image .img {
    max-height: 1.3rem;
    max-width: 3rem
}

.niuui_dialog .input .picture .preview .action {
    margin-left: .24rem
}

.niuui_dialog .input .picture .preview .action .act {
    line-height: .44rem;
    font-size: .24rem;
    background: #f0f3f5;
    color: #60686f;
    border-radius: .22rem;
    padding: 0 .16rem;
    border: 1px solid #e0e4e8
}

.niuui_dialog .input .picture .preview .action .act .ff {
    margin-right: .06rem
}

.niuui_dialog .input .picture .preview .action .clear {
    margin-top: .14rem
}

.niuui_dialog .input .picture .upload {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: .34rem
}

.niuui_dialog .input .picture .upload .pic {
    font-size: .34rem;
    color: #aaa
}

.niuui_dialog .input .picture .upload .txt {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: .26rem;
    color: #a1a1a1;
    margin-left: .1rem
}

.niuui_dialog .input .picture .upload .add {
    color: #aaa;
    font-size: .24rem
}

.niuui_dialog .buttons {
    position: relative;
    line-height: .84rem;
    margin-top: .4rem;
    font-size: .32rem;
    color: #333;
    text-align: center
}

.niuui_dialog .buttons .btn-item {
    display: block
}

.niuui_dialog .buttons.row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.niuui_dialog .buttons.row:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: .02rem;
    border-top: .02rem solid #d5d5d6;
    color: #d5d5d6;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 999
}

.niuui_dialog .buttons.row .btn-item {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: block;
    position: relative
}

.niuui_dialog .buttons.row .btn-item:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: .02rem;
    bottom: 0;
    border-left: .02rem solid #d5d5d6;
    color: #d5d5d6;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleX(0.5);
    transform: scaleX(0.5);
    z-index: 999
}

.niuui_dialog .buttons.row .btn-item:first-child:before {
    content: '';
    display: none
}

.niuui_dialog .buttons.multi .btn-item {
    position: relative
}

.niuui_dialog .buttons.multi .btn-item:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: .02rem;
    border-top: .02rem solid #d5d5d6;
    color: #d5d5d6;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 999
}

.niuui_district .niuui_mask {
    z-index: 99860
}

.niuui_district .district {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 99861;
    overflow: hidden
}

.niuui_district .title {
    background: #fff;
    position: relative
}

.niuui_district .title:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: .02rem;
    border-bottom: .02rem solid #d8d8d8;
    color: #d8d8d8;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 999
}

.niuui_district .title h6 {
    margin: 0;
    line-height: .8rem;
    color: #333;
    text-align: center;
    font-size: .3rem;
    font-weight: normal
}

.niuui_district .title .cancel,.niuui_district .title .submit {
    position: absolute;
    line-height: .8rem;
    padding: 0 .2rem;
    top: 0;
    z-index: 1
}

.niuui_district .title .cancel {
    left: 0;
    color: #999
}

.niuui_district .title .submit {
    right: 0;
    color: #f55152
}

.niuui_district .panel {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.niuui_district .current {
    background: #f1f2f3
}

.niuui_district .current .item {
    line-height: .4rem;
    padding: .2rem .3rem;
    font-size: .28rem;
    min-width: 1.2rem;
    color: #333
}

.niuui_district .current .item.active {
    background: #fff
}

.niuui_district .selector {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: #fff;
    padding: .2rem 0;
    height: 5rem;
    box-sizing: border-box;
    overflow-y: scroll
}

.niuui_district .selector .row {
    padding-left: .3rem;
    line-height: .5rem;
    font-size: .28rem;
    color: #333
}

.niuui_district .selector .row.active {
    color: #f55152;
    font-weight: bold
}

.niuui_frame {
    position: fixed;
    z-index: 99950;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    transition: top ease .3s
}

.niuui_frame.remove {
    top: 100%
}

.niuui_frame .alert {
    background: #fff;
    line-height: .88rem;
    font-size: .36rem;
    position: relative;
    padding: 0 1rem;
    text-align: center;
    color: #222
}

.niuui_frame .alert .close {
    position: absolute;
    font-size: .36rem;
    line-height: .88rem;
    top: 0;
    width: .8rem;
    left: 0
}

.niuui_frame .alert:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: .02rem;
    border-bottom: .02rem solid #d8d8d8;
    color: #d8d8d8;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 999
}

.niuui_frame .frame-box {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: #fff;
    width: 100%
}

.niuui_frame .frame-box .frame {
    border: 0;
    width: 100%;
    height: 100%;
    background: #fff
}

.niuui_frame .html-box {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: #f1f2f3;
    width: 100%;
    position: relative
}

.niuui_frame .html-box .html {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto
}

.niuui_like_animate .img {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 5rem;
    height: 5rem;
    margin-top: -2.5rem;
    margin-left: -2.5rem;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position-y: 0;
    z-index: 9999999
}

.niuui_like_animate .niuui_mask {
    z-index: 9999998
}

.niuui_mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5000
}

.niuui_mask.dark {
    background: rgba(0,0,0,0.6);
    backdrop-filter: blur(2px)
}

.niuui_mask.light {
    background: rgba(110,120,130,0.2);
    backdrop-filter: blur(0.5px)
}

.niuui_mask.black {
    background: rgba(0,0,0,0.95);
    backdrop-filter: blur(3px)
}

.niuui_message {
    position: fixed;
    z-index: 99940;
    top: .2rem;
    left: .2rem;
    right: .2rem;
    transition: top ease .3s,opacity ease .3s
}

.niuui_message.remove {
    top: -3rem;
    opacity: .5
}

.niuui_message .main {
    width: 100%;
    max-width: 11rem;
    margin: 0 auto;
    border-radius: .15rem;
    overflow: hidden;
    box-shadow: 0 0 .5rem rgba(102,102,102,0.6)
}

.niuui_message .title {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background: #f7f9fb;
    padding: .2rem;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.niuui_message .title .ff {
    font-size: .3rem;
    color: #f55152;
    margin-right: .15rem
}

.niuui_message .title .name {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: .28rem;
    color: #222
}

.niuui_message .title .time {
    font-size: .26rem;
    color: #666
}

.niuui_message .text {
    color: #333;
    background: #f3f5f7;
    padding: .2rem;
    font-size: .28rem;
    line-height: .38rem
}

.niuui_message .text p {
    margin: 0
}

.niuui_message .text p.tit {
    font-weight: bold;
    margin-bottom: .06rem
}

.niuui_message .buttons {
    background: #f7f9fb;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    line-height: .6rem;
    font-size: .28rem;
    color: #333;
    text-align: center
}

.niuui_message .buttons:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: .02rem;
    border-top: .02rem solid #eaecee;
    color: #eaecee;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 999
}

.niuui_message .buttons .btn-item {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: block;
    position: relative
}

.niuui_message .buttons .btn-item:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: .02rem;
    bottom: 0;
    border-left: .02rem solid #eaecee;
    color: #eaecee;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleX(0.5);
    transform: scaleX(0.5);
    z-index: 999
}

.niuui_message .buttons .btn-item:first-child:before {
    content: none;
    display: none
}

.niuui_picture .niuui_mask {
    z-index: 99970
}

.niuui_picture .image-box {
    position: fixed;
    z-index: 99971;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 0
}

.niuui_picture .save-pic {
    position: fixed;
    z-index: 99972;
    right: .2rem;
    bottom: .2rem;
    width: .5rem;
    line-height: .5rem;
    font-size: .28rem;
    text-align: center;
    color: #fafafa;
    background: rgba(85,85,85,0.8);
    border-radius: .06rem
}

.niuui_picture .close {
    position: fixed;
    z-index: 99972;
    top: .2rem;
    right: .2rem;
    width: .5rem;
    line-height: .5rem;
    font-size: .24rem;
    text-align: center;
    color: #f1f1f1;
    background: rgba(85,85,85,0.5);
    border-radius: 50%
}

.niuui_picture .image {
    display: block;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEX////MzMw46qqDAAAAD0lEQVQI12Ng+I8V4RIGAH6/D/EIQoVRAAAAAElFTkSuQmCC");
    transition: opacity .2s ease-in-out;
    opacity: 0
}

.niuui_popup .niuui_mask {
    z-index: 99880
}

.niuui_popup .popup {
    position: fixed;
    top: .3rem;
    left: 50%;
    bottom: .3rem;
    width: 6rem;
    max-width: 80%;
    z-index: 99881;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0)
}

.niuui_popup .head {
    height: 1rem;
    position: relative
}

.niuui_popup .head .ff {
    position: absolute;
    right: .3rem;
    width: .48rem;
    height: .48rem;
    line-height: .48rem;
    border: .02rem solid #fff;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    overflow: hidden;
    font-size: .24rem
}

.niuui_popup .head .line {
    position: absolute;
    right: .54rem;
    top: .50rem;
    width: .02rem;
    bottom: 0;
    background: #fff;
    z-index: 999;
    margin: 0;
    display: block
}

.niuui_popup .box1 {
    position: absolute;
    width: 100%;
    top: 1rem;
    bottom: 0
}

.niuui_popup .box2 {
    position: absolute;
    width: 100%;
    max-height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    background: #fff;
    border-radius: .1rem
}

.niuui_popup2 .niuui_mask {
    z-index: 99880
}

.niuui_popup2 .popup {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 6rem;
    max-width: 80%;
    z-index: 99881;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.niuui_popup2 .box {
    width: 100%;
    margin-top: -1rem
}

.niuui_popup2 .close {
    position: absolute;
    left: 50%;
    width: .52rem;
    height: .52rem;
    margin-left: -0.26rem;
    margin-top: .3rem;
    border-radius: .26rem;
    border: .02rem solid rgba(255,255,255,0.8);
    color: rgba(255,255,255,0.8);
    text-align: center
}

.niuui_popup2 .close .ff {
    font-size: .26rem;
    line-height: .52rem
}

.niuui_qrcode {
    position: fixed;
    z-index: 99960;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.95);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    transition: top ease .3s
}

.niuui_qrcode.remove {
    top: 100%
}

.niuui_qrcode .alert {
    background: #222;
    line-height: .88rem;
    font-size: .36rem;
    position: relative;
    padding: 0 1rem;
    text-align: center;
    color: #f0f0f0
}

.niuui_qrcode .alert .close,.niuui_qrcode .alert .help {
    position: absolute;
    font-size: .36rem;
    line-height: .88rem;
    top: 0;
    width: .8rem
}

.niuui_qrcode .alert .help {
    right: 0
}

.niuui_qrcode .alert .close {
    left: 0
}

.niuui_qrcode .image {
    text-align: center;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    margin: .2rem
}

.niuui_qrcode .image img {
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.niuui_qrcode .button .btn {
    border-radius: 0;
    display: block;
    width: 100%;
    line-height: .8rem
}

.niuui_qrcode2 .niuui_mask {
    z-index: 99960
}

.niuui_qrcode2 .dialog {
    position: fixed;
    z-index: 99961;
    width: 4rem;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-color: #fff;
    border-radius: .16rem
}

.niuui_qrcode2 .close {
    position: absolute;
    background: #fff;
    width: .56rem;
    line-height: .56rem;
    border-radius: 50%;
    text-align: center;
    color: #555;
    left: 50%;
    bottom: -0.76rem;
    margin-left: -0.28rem;
    font-size: .24rem;
    font-weight: bold;
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
    -webkit-transform-origin: top center;
    transform-origin: top center
}

.niuui_qrcode2 .image {
    margin: .2rem
}

.niuui_qrcode2 .image img {
    width: 100%
}

.niuui_qrcode2 .text {
    text-align: center;
    font-size: .28rem;
    line-height: .4rem;
    margin: .2rem;
    color: #333
}

.niuui_red_pack .niuui_mask {
    z-index: 99890
}

@-webkit-keyframes niuui-red-pack-backdrop {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes niuui-red-pack-backdrop {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.niuui_red_pack .backdrop {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 15rem;
    height: 15rem;
    z-index: 99891;
    margin-top: -7.5rem;
    margin-left: -7.5rem;
    background: url("../images/red_pack_bg.png") no-repeat center;
    background-size: 100%;
    -webkit-animation: niuui-red-pack-backdrop 40s infinite linear;
    animation: niuui-red-pack-backdrop 40s infinite linear
}

.niuui_red_pack .red_pack {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 5.7320754717rem;
    height: 7rem;
    z-index: 99892;
    margin-left: -2.8660377358rem;
    margin-top: -3.5rem;
    background: url("../images/red_pack_body.svg") no-repeat;
    background-size: cover;
    border-radius: .2rem;
    box-shadow: 0 0 .15rem rgba(212,16,17,0.8)
}

.niuui_red_pack .red_pack>div {
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    font-weight: bold
}

.niuui_red_pack div.title {
    font-size: .34rem;
    color: #fff;
    top: 11%;
    padding: 0 .3rem;
    box-sizing: border-box;
    line-height: .4rem;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%)
}

.niuui_red_pack div.cong {
    font-size: .44rem;
    color: #fff;
    top: 42%
}

.niuui_red_pack div.money {
    top: 54%;
    color: #fded4d
}

.niuui_red_pack div.money span {
    font-size: .9rem;
    vertical-align: bottom;
    line-height: 1
}

.niuui_red_pack div.money i {
    font-size: .46rem;
    font-style: normal;
    vertical-align: bottom;
    line-height: .6rem;
    padding-left: .1rem
}

.niuui_red_pack div.btn-row {
    width: 4rem;
    left: 50%;
    margin-left: -2rem;
    top: 77%
}

.niuui_red_pack div.btn-row .btn {
    width: 100%;
    line-height: .9rem;
    color: #fd3332;
    background: radial-gradient(ellipse at top,#fded4d,#fdc439);
    font-size: .42rem;
    border-radius: .2rem;
    box-shadow: 0 0 .2rem rgba(206,140,7,0.8)
}

.niuui_red_pack .save {
    color: #eee;
    font-size: .24rem;
    bottom: .25rem;
    font-weight: normal
}

.niuui_share .niuui_mask {
    z-index: 99870
}

.niuui_share .dialog {
    position: fixed;
    z-index: 99870;
    bottom: .14rem;
    left: .14rem;
    right: .14rem;
    background-color: #fff;
    border-radius: .16rem;
    overflow: hidden
}

.niuui_share .title {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.niuui_share .title .tab {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    line-height: .9rem;
    font-size: .3rem;
    color: #555;
    position: relative
}

.niuui_share .title .tab:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: .02rem;
    border-bottom: .02rem solid #d8d8d8;
    color: #d8d8d8;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 999
}

.niuui_share .title .tab.active {
    color: #f55152;
    font-weight: bolder
}

.niuui_share .title .tab.active:after {
    height: .06rem;
    border-width: .06rem;
    border-color: #f55152;
    color: #f55152
}

.niuui_share .preview {
    margin: .3rem .3rem 0;
    background: #f4f4f4;
    border-radius: .08rem;
    position: relative;
    overflow: hidden
}

.niuui_share .preview.web .image {
    position: absolute;
    top: .1rem;
    left: .1rem
}

.niuui_share .preview.web .image img,.niuui_share .preview.web .image .ff {
    height: 1rem;
    width: 1rem
}

.niuui_share .preview.web .image .ff {
    background: #fcfcfc;
    display: block;
    font-size: .6rem;
    line-height: 1rem;
    text-align: center;
    color: #bbb
}

.niuui_share .preview.web .text {
    margin: .2rem .2rem .2rem 1.3rem;
    line-height: .4rem;
    height: .8rem;
    overflow: hidden;
    font-size: .28rem
}

.niuui_share .preview.creative {
    padding: .2rem
}

.niuui_share .preview.creative .text {
    line-height: .36rem;
    font-size: .28rem;
    white-space: pre-line
}

.niuui_share .preview.creative .images {
    margin: -.06rem
}

.niuui_share .preview.creative .images:before,.niuui_share .preview.creative .images:after {
    display: table;
    content: " "
}

.niuui_share .preview.creative .images:after {
    clear: both
}

.niuui_share .preview.creative .images .image {
    width: 1rem;
    height: 1rem;
    margin: .06rem;
    float: left;
    background: #fff
}

.niuui_share .preview.creative .images img {
    width: 1rem;
    height: 1rem;
    object-fit: cover
}

.niuui_share .preview.creative .text+.images {
    margin-top: .1rem
}

.niuui_share .preview.creative .banner {
    position: relative;
    margin: -.2rem
}

.niuui_share .preview.creative .banner .img {
    overflow-x: hidden;
    overflow-y: scroll;
    height: 2.3rem
}

.niuui_share .preview.creative .banner .img img {
    width: 100%;
    border-radius: .08rem
}

.niuui_share .preview.creative .banner .mask {
    position: absolute;
    width: 100%;
    bottom: 0;
    background: linear-gradient(to bottom,rgba(241,242,243,0) 0,rgba(241,242,243,0.8) 50%,#f1f2f3 100%);
    line-height: .5rem;
    padding-top: .3rem;
    text-align: center;
    color: #555;
    font-size: .26rem
}

.niuui_share .platform {
    padding: 0 3%;
    margin-top: .3rem
}

.niuui_share .platform:before,.niuui_share .platform:after {
    display: table;
    content: " "
}

.niuui_share .platform:after {
    clear: both
}

.niuui_share .platform .item {
    width: 25%;
    float: left;
    text-align: center;
    margin: .1rem 0;
    padding: .1rem 0
}

.niuui_share .platform .icon {
    font-size: .54rem
}

.niuui_share .platform .name {
    font-size: .24rem;
    margin-top: .2rem;
    color: #555
}

.niuui_share .warning {
    margin: .3rem .3rem 0;
    line-height: 1.4;
    color: #888;
    font-size: .24rem;
    background: #fffafa;
    border: .02rem solid #fddbcf;
    padding: .1rem;
    border-radius: .1rem
}

.niuui_share .warning.green {
    background: #fafffa;
    border: .02rem solid #a3e1bf
}

.niuui_share .finish {
    margin-top: .3rem;
    position: relative
}

.niuui_share .finish:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: .02rem;
    border-top: .02rem solid #d8d8d8;
    color: #d8d8d8;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 999
}

.niuui_share .finish .btn {
    width: 100%;
    height: .9rem;
    font-size: .3rem;
    border-radius: 0;
    color: #333
}

.niuui_share_goods .niuui_mask {
    z-index: 99830
}

.niuui_share_goods .dialog {
    position: fixed;
    z-index: 99831;
    width: 5rem;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-color: #fafbfc;
    border-radius: .16rem
}

.niuui_share_goods .picture {
    margin: .3rem
}

.niuui_share_goods .picture img {
    width: 100%;
    border-radius: .08rem
}

.niuui_share_goods .name {
    margin: .3rem;
    font-size: .28rem;
    line-height: .4rem;
    color: #555
}

.niuui_share_goods .name span {
    vertical-align: top;
    display: inline-block;
    line-height: .4rem;
    font-size: .24rem;
    color: #fff;
    border-radius: .04rem;
    padding: 0 .08rem;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: left center;
    transform-origin: left center
}

.niuui_share_goods .name span i {
    line-height: .4rem;
    vertical-align: top;
    margin-right: .06rem
}

.niuui_share_goods .name span.buyin {
    background: #222;
    margin-right: -.1rem
}

.niuui_share_goods .name span.duoke {
    background: #d82a28;
    margin-right: -.14rem
}

.niuui_share_goods .button {
    margin: .3rem
}

.niuui_share_goods .button .btn {
    width: 100%;
    line-height: .68rem;
    font-size: .3rem;
    border-radius: .12rem
}

.niuui_share_goods .close {
    position: absolute;
    bottom: -.8rem;
    left: 50%;
    font-size: .48rem;
    color: rgba(241,245,249,0.7);
    width: .6rem;
    text-align: center;
    margin-left: -.3rem
}

.niu_tao_token .niuui_mask {
    z-index: 99840
}

.niu_tao_token .dialog {
    position: fixed;
    z-index: 99841;
    width: 6rem;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-color: #fafbfc;
    border-radius: .1rem;
    padding-top: .4rem
}

.niu_tao_token .close {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    font-size: .26rem;
    color: #999;
    padding: .14rem .14rem .2rem .2rem
}

.niu_tao_token .picture {
    position: absolute;
    z-index: 1;
    top: -0.6rem;
    width: 1.2rem;
    left: 50%;
    height: 1.2rem;
    margin-left: -0.6rem;
    border-radius: 50%;
    overflow: hidden;
    border: .06rem solid #fafbfc
}

.niu_tao_token .picture img {
    width: 100%;
    height: 100%
}

.niu_tao_token .picture+.text {
    margin-top: .5rem
}

.niu_tao_token .text {
    margin: .2rem;
    padding: .15rem;
    box-sizing: border-box;
    border: dashed .04rem #f98054;
    background: white;
    border-radius: .1rem;
    position: relative
}

.niu_tao_token .text .token {
    width: 100%;
    word-wrap: break-word;
    word-break: break-all;
    min-height: 1.3rem;
    color: #e0262e;
    font-size: .3rem;
    line-height: .44rem;
    white-space: pre-wrap
}

.niu_tao_token .text.copy:after {
    content: ' ';
    display: block;
    width: 2rem;
    height: 2rem;
    background: url("../images/tao_token-copy.png") no-repeat;
    background-size: contain;
    position: absolute;
    z-index: 3;
    right: -.2rem;
    bottom: -1rem
}

.niu_tao_token .footer {
    margin: .1rem .2rem
}

.niu_tao_token .footer .rbt {
    color: #999;
    font-size: .24rem;
    line-height: .4rem;
    float: left
}

.niu_tao_token .footer .copy {
    float: right;
    font-size: .24rem;
    line-height: .4rem;
    padding: 0 .2rem;
    border-radius: .2rem;
    border: 0
}

.niu_tao_token .guide {
    background: url("../images/tao_token-guide2.png") no-repeat;
    margin: .2rem;
    padding-bottom: 9.5%;
    background-size: contain
}

.niu_tao_token .guide.hand {
    background-image: url("../images/tao_token-guide.png")
}

.niu_tao_token .button {
    line-height: .8rem;
    margin-top: .3rem;
    font-size: .3rem;
    color: #43c27b;
    text-align: center;
    position: relative
}

.niu_tao_token .button:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: .02rem;
    border-top: .02rem solid #d5d5d6;
    color: #d5d5d6;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 999
}

.niuui_toast .niuui_mask {
    z-index: 99990
}

.niuui_toast .toast {
    position: fixed;
    z-index: 99991;
    min-width: 2.4rem;
    min-height: 2.4rem;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background: rgba(40,40,40,0.75);
    text-align: center;
    border-radius: .1rem;
    color: #fff
}

.niuui_toast .icon {
    margin: .28rem 0 0;
    font-size: .9rem;
    line-height: 1.5
}

.niuui_toast .text {
    margin: 0 0 .3rem;
    font-size: .3rem;
    line-height: .4rem;
    padding: 0 .15rem
}

.body-app-down .back-btn .ff {
    position: fixed;
    z-index: 5;
    left: .2rem;
    top: .2rem;
    background: rgba(102,102,102,0.5);
    width: .6rem;
    line-height: .6rem;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    font-size: .3rem
}

.body-app-down .pattern {
    position: fixed;
    top: 0;
    width: 20%;
    z-index: 2
}

.body-app-down .pattern img {
    width: 100%
}

.body-app-down .pattern.left {
    left: 0
}

.body-app-down .pattern.right {
    right: 0
}

.body-app-down .wechat-tip {
    position: fixed;
    right: .1rem;
    top: .3rem;
    z-index: 5002;
    background: #f55152;
    color: #fff;
    text-align: center;
    border-radius: .1rem;
    line-height: .56rem;
    font-size: .32rem;
    padding: .3rem .8rem
}

.body-app-down .wechat-tip:after {
    position: absolute;
    content: ' ';
    right: .2rem;
    top: 0;
    margin-top: -0.2rem;
    border-left: .12rem solid transparent;
    border-bottom: .2rem solid #f55152;
    border-right: .12rem solid transparent;
    z-index: 2
}

.body-app-down .copy-url .niuui_mask {
    z-index: 90001
}

.body-app-down .copy-url .dialog {
    position: fixed;
    z-index: 90002;
    width: 5rem;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-60%);
    transform: translate(-50%,-60%);
    background-color: #a9bed5;
    border-radius: .12rem;
    padding: .3rem
}

.body-app-down .copy-url .close {
    position: absolute;
    bottom: -1rem;
    left: 50%;
    margin-left: -.26rem;
    font-size: .24rem;
    line-height: .52rem;
    width: .52rem;
    text-align: center;
    color: rgba(255,255,255,0.6);
    border: .02rem solid rgba(255,255,255,0.6);
    border-radius: 50%;
    -webkit-transform: scale(0.9);
    transform: scale(0.9)
}

.body-app-down .copy-url .title {
    font-size: .3rem;
    line-height: .48rem;
    color: #333;
    text-align: center
}

.body-app-down .copy-url .title img {
    width: .34rem;
    height: .34rem;
    padding: .06rem .02rem;
    display: inline;
    vertical-align: bottom;
    line-height: 0
}

.body-app-down .copy-url .area {
    margin-top: .28rem
}

.body-app-down .copy-url .area textarea {
    width: 100%;
    background: #eef3ff;
    resize: none;
    border: .02rem solid #337ab7;
    border-radius: .08rem;
    font-size: .3rem;
    line-height: .44rem;
    word-break: break-all;
    padding: .1rem .14rem;
    box-sizing: border-box;
    color: #666
}

.body-app-down .copy-url .button {
    margin-top: .28rem
}

.body-app-down .copy-url .button .btn {
    width: 100%;
    line-height: .68rem;
    border-radius: .08rem;
    font-size: .3rem
}

.body-app-down .copy-url .button .btn .ff {
    margin-right: .12rem
}

.body-app-down .clip-sure .niuui_mask {
    z-index: 999911
}

.body-app-down .clip-sure .sure {
    position: fixed;
    z-index: 999912;
    top: 50%;
    right: 1rem;
    margin-top: 1.2rem;
    -webkit-animation: ios-clip-wobble 1s infinite;
    animation: ios-clip-wobble 1s infinite
}

@-webkit-keyframes ios-clip-wobble {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    20% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg)
    }

    40% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    60% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    80% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes ios-clip-wobble {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    20% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg)
    }

    40% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    60% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    80% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

.body-app-down .clip-sure .sure .tips {
    position: absolute;
    z-index: 1;
    color: #000;
    bottom: 0;
    left: 0;
    font-size: .36rem;
    width: 4.72rem;
    line-height: .92rem;
    text-align: center;
    font-weight: 500
}

.body-app-down .clip-sure .sure .tips b {
    font-weight: 500;
    color: #007bff
}

.body-app-down .clip-sure .sure .image {
    width: 6rem;
    height: 1.47rem
}

.body-app-down .clip-sure .sett {
    position: fixed;
    z-index: 999912;
    top: 50%;
    left: 50%;
    width: 8rem;
    max-width: 90%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.body-app-down .clip-sure .sett .txt {
    color: #fff;
    text-align: center;
    font-size: .32rem;
    font-weight: bold;
    line-height: .4rem;
    margin-bottom: .24rem
}

.body-app-down .clip-sure .sett .image {
    width: 100%;
    border-radius: .24rem
}

.body-app-down .clip-sure .next {
    position: fixed;
    z-index: 999913;
    bottom: 1rem;
    left: 50%;
    width: 4.8rem;
    line-height: 1rem;
    margin-left: -2.4rem;
    border-radius: .5rem;
    text-align: center;
    background: #fff;
    font-size: .36rem;
    font-weight: 500;
    color: #007bff;
    box-shadow: 0 0 .14rem .04rem #007bff
}

.body-app-down .clip-help .niuui_mask {
    z-index: 90001
}

.body-app-down .clip-help .dialog {
    position: fixed;
    z-index: 90002;
    width: 100%;
    max-width: 11rem;
    top: .6rem;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
    background-color: #f1f2f3;
    border-radius: .2rem .2rem 0 0;
    overflow: hidden;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    transition: top ease .3s
}

.body-app-down .clip-help .dialog.remove {
    top: 100%
}

.body-app-down .clip-help .head-bar {
    position: relative;
    height: .88rem;
    background: #fff;
    width: 100%
}

.body-app-down .clip-help .head-bar:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: .02rem;
    border-bottom: .02rem solid #d8d8d8;
    color: #d8d8d8;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 999
}

.body-app-down .clip-help .head-bar .title {
    width: 100%;
    text-align: center;
    line-height: .88rem;
    font-size: .36rem;
    color: #222;
    font-weight: normal
}

.body-app-down .clip-help .head-bar .close {
    position: absolute;
    right: 0;
    line-height: .88rem;
    font-size: .3rem;
    top: 0;
    width: .88rem;
    text-align: center;
    color: #444
}

.body-app-down .clip-help .button {
    background: #fff;
    width: 100%;
    padding: .14rem;
    box-sizing: border-box
}

.body-app-down .clip-help .button .btn {
    width: 100%;
    line-height: .76rem;
    border-radius: .08rem;
    font-size: .3rem
}

.body-app-down .clip-help .button .btn .ff {
    margin-right: .12rem
}

.body-app-down .clip-help .main {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow-y: auto
}

.body-app-down .clip-help .begin {
    margin: .3rem;
    font-size: .36rem;
    line-height: .48rem;
    color: #337ab7;
    text-align: center
}

.body-app-down .clip-help .step {
    padding: .3rem;
    background: #fff;
    margin: .3rem;
    border-radius: .16rem
}

.body-app-down .clip-help .intro {
    font-size: .3rem;
    line-height: .4rem;
    color: #333
}

.body-app-down .clip-help .image {
    margin-top: .2rem
}

.body-app-down .clip-help .image img {
    width: 80%;
    border: .02rem solid #c1c5c9;
    border-radius: .08rem
}

.content-app-down .table {
    display: table;
    width: 100%;
    min-height: inherit
}

.content-app-down .table .table-cell {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: .5rem 0
}

.content-app-down .icon {
    padding: .2rem 0
}

.content-app-down .icon img {
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 17.5438596491%;
    display: inline-block
}

.content-app-down .name {
    font-size: .48rem;
    line-height: .6rem;
    color: #494d4e;
    margin-top: .3rem
}

.content-app-down .intro {
    color: #888;
    font-size: .26rem;
    margin-top: .2rem
}

.content-app-down .line {
    position: relative;
    margin: .5rem 0;
    height: .04rem
}

.content-app-down .line:after {
    content: ' ';
    width: 4.8rem;
    position: absolute;
    left: 50%;
    margin-left: -2.4rem;
    border-top: .02rem solid #dae2e3
}

.content-app-down .button {
    margin-top: -.2rem
}

.content-app-down .button .btn {
    width: 3.2rem;
    line-height: .8rem;
    font-size: .32rem;
    border-radius: .4rem;
    margin-top: .2rem
}

.content-app-down .button .btn .ff {
    font-size: .36rem;
    margin-right: .12rem
}

.content-app-down .button .btn b {
    padding: 0 .04rem;
    font-weight: 500
}

.content-app-down .safe {
    margin: .3rem 0;
    color: #43c27b;
    font-size: .26rem
}

.content-assist .article {
    padding: .2rem .3rem .1rem
}

.content-assist .article .title {
    font-size: .34rem;
    line-height: 1.4;
    font-weight: bold;
    padding: .2rem 0;
    margin: 0;
    border-bottom: .02rem solid #ddd
}

.content-assist .article .body-content {
    margin-top: .2rem;
    font-size: .28rem
}

.content-assist .feedback.form {
    margin-top: .5rem
}

.content-assist .feedback.form .input-row .area {
    height: 2rem
}

.content-black-room .block-list .item {
    background: #fff;
    position: relative;
    margin: .2rem;
    border-radius: .16rem;
    overflow: hidden
}

.content-black-room .block-list .info {
    position: relative;
    height: .8rem;
    padding: .24rem .3rem .24rem 1.34rem
}

.content-black-room .block-list .info:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: .02rem;
    border-bottom: .02rem solid #e6ebf0;
    color: #e6ebf0;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 999;
    left: .2rem;
    right: .2rem
}

.content-black-room .block-list .info .avatar {
    position: absolute;
    left: .3rem;
    top: .24rem
}

.content-black-room .block-list .info .avatar img {
    width: .8rem;
    height: .8rem;
    border-radius: 50%
}

.content-black-room .block-list .info .nick {
    color: #333;
    line-height: .4rem;
    font-size: .3rem
}

.content-black-room .block-list .info .uid {
    line-height: .32rem;
    margin-top: .06rem;
    color: #888;
    font-size: .24rem
}

.content-black-room .block-list .desc {
    padding: .2rem .3rem
}

.content-black-room .block-list .desc dl {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: .06rem 0
}

.content-black-room .block-list .desc dt {
    color: #777;
    font-size: .28rem;
    line-height: .4rem
}

.content-black-room .block-list .desc dd {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #333;
    margin-left: .2rem;
    font-size: .28rem;
    line-height: .4rem;
    word-break: break-all
}

.body-invite-page {
    background-color: #ff4c4a
}

.content-invite-page {
    background: url("../images/invite_background.png") no-repeat;
    background-size: 100% auto
}

.content-invite-page .btn-ivt,.content-invite-page .btn-ivt:hover,.content-invite-page .btn-ivt:active {
    color: #a36b20;
    background: linear-gradient(to bottom,#fdd957,#dfb536);
    box-shadow: 0 .02rem .02rem rgba(0,0,0,0.3);
    text-shadow: .02rem .02rem .02rem rgba(255,255,255,0.5);
    line-height: .8rem;
    width: 100%;
    border-radius: .4rem;
    font-size: .34rem
}

.content-invite-page .btn-send,.content-invite-page .btn-send:hover,.content-invite-page .btn-send:active {
    color: #a36b20;
    background: linear-gradient(to bottom,#fdd957,#dfb536);
    text-shadow: .02rem .02rem .02rem rgba(255,255,255,0.5)
}

.content-invite-page .coupon {
    position: relative;
    width: 4rem;
    margin: .3rem auto
}

.content-invite-page .coupon .img {
    width: 4rem
}

.content-invite-page .coupon .code {
    position: absolute;
    width: 2.7rem;
    left: .1rem;
    top: 50%;
    margin-top: -.45rem;
    text-align: center;
    color: #fff
}

.content-invite-page .coupon .name {
    line-height: .4rem;
    font-size: .26rem
}

.content-invite-page .coupon .value {
    letter-spacing: .02rem;
    line-height: .5rem;
    font-size: .4rem
}

.content-invite-page .coupon .copy {
    position: absolute;
    width: .9rem;
    text-align: center;
    line-height: .32rem;
    font-size: .24rem;
    right: .1rem;
    top: 50%;
    margin-top: -.32rem;
    color: #fff
}

.content-invite-page .banner {
    padding: .5rem .2rem .2rem
}

.content-invite-page .banner img {
    width: 100%
}

.content-invite-page .register {
    margin: .3rem .4rem;
    display: block
}

.content-invite-page .register .input-group {
    border-radius: .3rem;
    overflow: hidden
}

.content-invite-page .register .button {
    margin-top: .3rem
}

.content-invite-page .redirect {
    margin: .3rem .4rem 0
}

.body-login .app-popup .niuui_mask {
    z-index: 99994
}

.body-login .app-popup .dialog {
    position: fixed;
    z-index: 99995;
    width: 4.6rem;
    top: 50%;
    left: 50%;
    margin-left: -2.3rem;
    margin-top: -3rem;
    background-color: #fafafc;
    border-radius: .15rem;
    text-align: center
}

.body-login .app-popup .head {
    position: relative;
    font-size: .34rem;
    line-height: 1rem;
    color: #333
}

.body-login .app-popup .head:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: .02rem;
    border-bottom: .02rem solid #d8d8d8;
    color: #d8d8d8;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 999
}

.body-login .app-popup .head .ff {
    color: #43c27b
}

.body-login .app-popup .popup {
    padding: .3rem
}

.body-login .app-popup .icon img {
    width: 1rem;
    height: 1rem;
    border-radius: 17.8571428571%;
    margin: 0 auto
}

.body-login .app-popup .title {
    color: #333;
    font-size: .38rem;
    line-height: .4rem;
    margin-top: .2rem
}

.body-login .app-popup .desc {
    color: #555;
    font-size: .26rem;
    line-height: .3rem;
    margin-top: .15rem
}

.body-login .app-popup .down {
    margin-top: .4rem
}

.body-login .app-popup .down .btn {
    line-height: .6rem;
    width: 2.8rem
}

.body-login .app-popup .skip {
    margin-top: .15rem
}

.body-login .app-popup .skip .link {
    font-size: .24rem;
    line-height: .3rem;
    width: 2rem
}

.content-login .form-item {
    padding: .6rem 0
}

.content-login .button-area {
    margin-top: .3rem
}

.content-login .social-area {
    margin-top: .8rem
}

.content-login .social-area .title {
    position: relative;
    text-align: center;
    color: #888;
    font-size: .28rem;
    line-height: .4rem;
    padding: .1rem 0
}

.content-login .social-area .title:before,.content-login .social-area .title:after {
    content: " ";
    position: absolute;
    top: 50%;
    height: .02rem;
    bottom: 0;
    margin-top: -.02rem;
    border-bottom: .02rem solid #d8d8d8;
    color: #d8d8d8;
    -webkit-transform-origin: 0 center;
    transform-origin: 0 center;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 999;
    width: calc(50% - 1.2rem)
}

.content-login .social-area .title:before {
    left: .3rem
}

.content-login .social-area .title:after {
    right: .3rem
}

.content-login .social-area .social {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.content-login .social-area .item {
    width: .85rem;
    line-height: .85rem;
    text-align: center;
    margin: .2rem .4rem;
    color: #fff;
    font-size: .48rem;
    border-radius: 50%
}

.content-message .pre-height {
    height: 1rem
}

.content-message .icon {
    width: 2rem;
    margin: 0 auto;
    text-align: center;
    line-height: 2rem;
    border-radius: 50%;
    color: #fff;
    font-size: 1.2rem
}

.content-message .icon-load {
    width: 2.5rem;
    margin-bottom: -.5rem
}

.content-message .icon-load svg {
    width: 100%
}

.content-message .text {
    text-align: center;
    font-size: .36rem;
    margin-top: .5rem;
    line-height: .5rem;
    color: #333;
    padding: 0 .4rem
}

.content-message .text small {
    font-size: .28rem;
    color: #777;
    margin-top: .2rem;
    line-height: .36rem;
    display: inline-block;
    text-align: left;
    word-break: break-word
}

.content-message .btn {
    line-height: .8rem;
    min-width: 3rem;
    padding: 0 .4rem;
    margin-top: .5rem;
    border-radius: .4rem
}

.content-profile .profile {
    background: #fff;
    position: relative;
    border-radius: .16rem;
    margin: .2rem;
    overflow: hidden
}

.content-profile .profile .back {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background: url("../images/home-bg.png") repeat;
    background-size: 50%;
    opacity: .35
}

.content-profile .profile .info {
    padding: .3rem .2rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.content-profile .profile .avatar {
    position: relative
}

.content-profile .profile .avatar .usr {
    width: .8rem;
    height: .8rem;
    border: .04rem solid rgba(153,213,242,0.4);
    border-radius: 50%
}

.content-profile .profile .avatar .vip {
    position: absolute;
    right: 0;
    bottom: 0;
    width: .32rem;
    height: .32rem
}

.content-profile .profile .avatar .vip+.usr {
    border-color: rgba(252,175,123,0.5)
}

.content-profile .profile .nick {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 .2rem
}

.content-profile .profile .nick .name {
    line-height: .4rem;
    font-size: .3rem;
    color: #333
}

.content-profile .profile .nick .uid {
    line-height: .3rem;
    font-size: .24rem;
    color: #555;
    margin-top: .06rem
}

.content-profile .profile .badge {
    margin-right: .16rem
}

.content-profile .profile .badge:last-child {
    margin-right: 0
}

.content-profile .profile .badge .icon {
    display: block;
    text-align: center;
    line-height: .5rem
}

.content-profile .profile .badge .name {
    font-size: .24rem;
    line-height: .28rem;
    color: #555;
    width: 4.1em;
    text-align: center;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
    word-break: keep-all
}

.content-profile .profile .follow a[action=unfollow]>.icon {
    color: #ff5f89
}

.content-profile .profile .follow .icon {
    color: #f498b3;
    font-size: .44rem
}

.content-profile .profile .chat .icon {
    color: #64aaef;
    font-size: .4rem
}

.content-profile .profile .count {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: .3rem .2rem
}

.content-profile .profile .count:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: .02rem;
    border-top: .02rem solid #eee;
    color: #eee;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 999;
    left: .2rem;
    right: .2rem
}

.content-profile .profile .count dl {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center
}

.content-profile .profile .count dd {
    color: #333
}

.content-profile .profile .count dd span,.content-profile .profile .count dd i {
    line-height: .32rem;
    display: inline-block;
    vertical-align: top
}

.content-profile .profile .count dd span {
    font-size: .28rem
}

.content-profile .profile .count dd i {
    font-style: normal;
    font-size: .24rem;
    margin-left: .04rem
}

.content-profile .profile .count dt {
    font-size: .24rem;
    line-height: 1;
    color: #666;
    margin-top: .1rem
}

.content-profile .taber {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: .4rem .5rem 0
}

.content-profile .taber .item {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    color: #888;
    font-size: .34rem;
    line-height: .48rem;
    position: relative;
    padding-bottom: .14rem
}

.content-profile .taber .item.active {
    color: #333
}

.content-profile .taber .item.active:after {
    content: ' ';
    display: block;
    position: absolute;
    width: .8rem;
    height: .08rem;
    border-radius: .04rem;
    background: linear-gradient(to right,#a766fd,#378ef6);
    left: 50%;
    margin-left: -.4rem;
    bottom: 0
}

.content-profile .data>div {
    position: relative
}

.content-profile .data>div:before,.content-profile .data>div:after {
    display: table;
    content: " "
}

.content-profile .data>div:after {
    clear: both
}

.content-user-account-profile .avatar {
    width: 1.8rem;
    border-radius: .9rem;
    overflow: hidden;
    position: relative;
    margin: .4rem auto
}

.content-user-account-profile .avatar .image {
    width: 1.8rem;
    height: 1.8rem
}

.content-user-account-profile .avatar .badge {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    line-height: .4rem;
    text-align: center;
    background: rgba(0,0,0,0.5);
    color: rgba(255,255,255,0.9);
    font-size: .24rem;
    padding-bottom: .06rem;
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center
}

.content-user-analysis .topper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background: #fff;
    padding: .2rem .1rem .2rem;
    position: relative
}

.content-user-analysis .topper:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: .02rem;
    border-bottom: .02rem solid #d8d8d8;
    color: #d8d8d8;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 999
}

.content-user-analysis .topper .item {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: block;
    text-align: center;
    position: relative;
    color: #666
}

.content-user-analysis .topper .item:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: .02rem;
    bottom: 0;
    border-left: .02rem solid #d8d8d8;
    color: #d8d8d8;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleX(0.5);
    transform: scaleX(0.5);
    z-index: 999;
    top: .16rem;
    bottom: .16rem;
    height: auto
}

.content-user-analysis .topper .item:first-child:before {
    display: none
}

.content-user-analysis .topper .val {
    display: block;
    font-size: .32rem;
    line-height: .4rem
}

.content-user-analysis .topper .tit {
    display: block;
    font-size: .24rem;
    line-height: .4rem;
    margin-top: .1rem
}

.content-user-analysis .group {
    background: #fff;
    margin: .2rem 0;
    position: relative
}

.content-user-analysis .group:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: .02rem;
    border-top: .02rem solid #d8d8d8;
    color: #d8d8d8;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 999
}

.content-user-analysis .group dl.item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.content-user-analysis .group dl.item:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: .02rem;
    border-bottom: .02rem solid #d8d8d8;
    color: #d8d8d8;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 999
}

.content-user-analysis .group dt {
    position: relative;
    font-size: .28rem;
    line-height: .4rem;
    padding: .14rem .3rem;
    letter-spacing: .06rem;
    color: #444;
    background: #fdfdfd;
    width: 2.5em;
    text-align: center
}

.content-user-analysis .group dt:after {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAB4CAMAAADIf1JZAAAAQlBMVEUAAADZ2dnZ2dnZ2dnZ2dnZ2dnZ2dn4+PjZ2dnZ2dnZ2dnZ2dn////////Z2dn////Z2dn7+/vo6Ojy8vLh4eH+/v5wvReLAAAAD3RSTlMAVseJ6bgo+0Ca/IC2hxQIRckqAAAAiUlEQVRIx+3SWwqDQBBE0dKYTCSP1jz2v9V0cHSorg2I9P08UDAMjWmajXoo3ZWKkiUlJa30itSLAWM0AF0wqOHflQxqUEOzz7eSGrYuQzWoIdjspAbq6Z/wBnfz96nw8OQzMxGicRFTMRUjITo3sU2KrTUh6kmcuiGchY+CGKowlT2cb1LSgegHg7dz7oYRUDkAAAAASUVORK5CYII=") no-repeat right;
    background-size: contain;
    content: ' ';
    display: block;
    height: 100%;
    width: 15px;
    position: absolute;
    top: 0;
    right: 0
}

.content-user-analysis .group dd {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center
}

.content-user-analysis .group dd b {
    display: block;
    font-weight: normal;
    color: #333;
    font-size: .3rem;
    line-height: 1
}

.content-user-analysis .group dd i {
    display: block;
    font-style: normal;
    color: #555;
    font-size: .24rem;
    line-height: 1;
    margin-top: .2rem
}

.content-user-analysis .chart {
    background: #fff;
    margin: .2rem 0;
    position: relative
}

.content-user-analysis .chart:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: .02rem;
    border-top: .02rem solid #d9d9d9;
    color: #d9d9d9;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 999
}

.content-user-analysis .chart .name {
    text-align: center;
    color: #333;
    line-height: .5rem;
    padding: .1rem 0
}

.content-user-analysis .chart .canvas {
    padding: 0 .2rem .2rem
}

.content-user-analysis .chart .canvas canvas {
    display: block;
    width: 100%
}

.content-user-capital-home .banner {
    border-radius: .1rem;
    overflow: hidden;
    margin: .4rem .2rem;
    background: url("../images/level-bg3.png") repeat #f55152;
    background-size: 30%
}

.content-user-capital-home .banner .wrap {
    padding: .4rem .2rem
}

.content-user-capital-home .banner .wrap:before,.content-user-capital-home .banner .wrap:after {
    display: table;
    content: " "
}

.content-user-capital-home .banner .wrap:after {
    clear: both
}

.content-user-capital-home .banner .balance {
    position: relative;
    color: #fafafa
}

.content-user-capital-home .banner .balance .tit {
    font-size: .26rem;
    line-height: .4rem
}

.content-user-capital-home .banner .balance .val {
    margin-top: .1rem
}

.content-user-capital-home .banner .balance .val .num {
    font-size: .6rem;
    line-height: 1
}

.content-user-capital-home .banner .balance .val .mon {
    font-size: .24rem;
    background: #f64a79;
    color: #fff;
    line-height: .4rem;
    display: inline-block;
    padding: 0 .15rem;
    border-radius: .2rem .2rem .2rem 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    vertical-align: top
}

.content-user-capital-home .banner .icon {
    font-size: 1rem;
    color: rgba(255,255,255,0.3);
    line-height: 1
}

.content-user-capital-home .banner .rate {
    background: rgba(0,0,0,0.1);
    line-height: .6rem;
    font-size: .24rem;
    padding-left: .2rem;
    color: #f0f0f0
}

.content-user-capital-income .income-list {
    background: #fff;
    position: relative
}

.content-user-capital-income .income-list:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: .02rem;
    border-top: .02rem solid #d5d5d6;
    color: #d5d5d6;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 999
}

.content-user-capital-income .income-list:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: .02rem;
    border-bottom: .02rem solid #d5d5d6;
    color: #d5d5d6;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 999
}

.content-user-capital-income .income-list .item {
    padding: .3rem .24rem;
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.content-user-capital-income .income-list .item:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: .02rem;
    border-top: .02rem solid #d5d5d6;
    color: #d5d5d6;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 999;
    left: .24rem
}

.content-user-capital-income .income-list .item:first-child:before {
    display: none
}

.content-user-capital-income .income-list .info {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.content-user-capital-income .income-list .info .intro {
    font-size: .3rem;
    line-height: .4rem;
    color: #333
}

.content-user-capital-income .income-list .info .date {
    font-size: .26rem;
    margin-top: .1rem;
    color: #888
}

.content-user-capital-income .income-list .desc {
    text-align: right
}

.content-user-capital-income .income-list .desc .money {
    font-size: .38rem;
    display: block
}

.content-user-capital-recharge .input-money {
    background: #fff;
    position: relative;
    padding: 0 .3rem;
    margin-top: .4rem
}

.content-user-capital-recharge .input-money:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: .02rem;
    border-top: .02rem solid #d9d9d9;
    color: #d9d9d9;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 999
}

.content-user-capital-recharge .input-money:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: .02rem;
    border-bottom: .02rem solid #d9d9d9;
    color: #d9d9d9;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 999
}

.content-user-capital-recharge .input-money .title {
    font-size: .3rem;
    color: #555;
    padding-top: .3rem
}

.content-user-capital-recharge .input-money .money-list {
    margin: .2rem -.1rem .1rem
}

.content-user-capital-recharge .input-money .money-list .item {
    float: left;
    width: calc(33.3333333333% - .2rem);
    margin: .1rem;
    box-sizing: border-box;
    border: .02rem solid #e9e9e9;
    border-radius: .04rem;
    background: #fdfdfd;
    text-align: center;
    padding: .1rem 0
}

.content-user-capital-recharge .input-money .money-list .item.select {
    border-color: #f55152;
    color: #f55152;
    font-weight: bold;
    background: #f5f8fb
}

.content-user-capital-recharge .input-money .money-list .pay {
    font-size: .32rem;
    line-height: .4rem
}

.content-user-capital-recharge .input-money .money-list .pay.no-give {
    padding: .2rem 0
}

.content-user-capital-recharge .input-money .money-list .give {
    font-size: .24rem;
    line-height: .4rem
}

.content-user-capital-recharge .input-money .money-input {
    margin: .1rem 0 .2rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: .8rem;
    border: .02rem solid #e9e9e9;
    border-radius: .1rem;
    padding: 0 .2rem
}

.content-user-capital-recharge .input-money .money-input .lbl,.content-user-capital-recharge .input-money .money-input .unit {
    color: #333;
    font-size: .28rem
}

.content-user-capital-recharge .input-money .money-input .ipt {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 .2rem
}

.content-user-capital-recharge .input-money .money-input .ipt input {
    width: 100%;
    color: #333;
    box-sizing: border-box;
    font-size: .34rem;
    line-height: .44rem;
    border: 0;
    background: transparent
}

.content-user-capital-recharge .input-money .meta {
    padding: .1rem 0;
    position: relative
}

.content-user-capital-recharge .input-money .meta:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: .02rem;
    border-top: .02rem solid #d9d9d9;
    color: #d9d9d9;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 999
}

.content-user-capital-recharge .input-money .meta p {
    font-size: .24rem;
    color: #888;
    margin: 0;
    line-height: .4rem
}

.content-user-capital-recharge .cell-group .cell .check {
    display: none
}

.content-user-capital-recharge .cell-group .cell.active {
    background: #f8f9fa
}

.content-user-capital-recharge .cell-group .cell.active .normal {
    display: none
}

.content-user-capital-recharge .cell-group .cell.active .check {
    display: block;
    color: #f55152
}

.content-user-capital-recharge .button-area {
    margin: .4rem .3rem
}

.content-user-capital-recharge .button-area .btn {
    display: block;
    font-size: .34rem;
    line-height: .8rem;
    width: 100%
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotateZ(0);
        transform: rotateZ(0)
    }

    to {
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(360deg)
    }
}

@keyframes rotation {
    from {
        -webkit-transform: rotateZ(0);
        transform: rotateZ(0)
    }

    to {
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(360deg)
    }
}

@-webkit-keyframes fly {
    0% {
        margin-top: 0
    }

    25% {
        margin-top: -.3rem
    }

    50% {
        margin-top: 0
    }

    75% {
        margin-top: .3rem
    }

    100% {
        margin-top: 0
    }
}

@keyframes fly {
    0% {
        margin-top: 0
    }

    25% {
        margin-top: -.3rem
    }

    50% {
        margin-top: 0
    }

    75% {
        margin-top: .3rem
    }

    100% {
        margin-top: 0
    }
}

.content-daily-sign {
    background-color: #17192e;
    position: relative;
    overflow: hidden
}

.content-daily-sign .planet-bg {
    position: absolute;
    width: 196%;
    margin-left: -48%;
    top: 13%;
    z-index: 3;
    -webkit-animation: rotation 60s infinite linear;
    animation: rotation 60s infinite linear
}

.content-daily-sign .bg-light {
    position: absolute;
    width: 60%;
    top: 13%;
    z-index: 4;
    left: 19%
}

.content-daily-sign .meteorA {
    z-index: 1;
    width: 10%;
    position: absolute;
    top: 5%;
    left: 2%
}

.content-daily-sign .meteorB {
    z-index: 1;
    width: 15%;
    position: absolute;
    top: 10%;
    left: 25%
}

.content-daily-sign .meteorC {
    z-index: 1;
    width: 10%;
    position: absolute;
    top: 4%;
    left: 70%
}

.content-daily-sign .meteorD {
    z-index: 4;
    width: 30%;
    position: absolute;
    top: 4%;
    left: 50%
}

.content-daily-sign .meteorE {
    z-index: 4;
    width: 20%;
    position: absolute;
    top: 14%;
    left: 70%
}

.content-daily-sign .planetA {
    position: absolute;
    z-index: 4;
    left: 73%;
    top: 9%;
    width: 22%;
    -webkit-filter: blur(0.02rem);
    filter: blur(0.02rem)
}

.content-daily-sign .planetB {
    position: absolute;
    z-index: 2;
    left: 39%;
    width: 16%;
    top: 8%;
    -webkit-filter: blur(0.04rem);
    filter: blur(0.04rem)
}

.content-daily-sign .planetC {
    position: absolute;
    z-index: 4;
    left: 7%;
    top: 10%;
    width: 22%
}

.content-daily-sign .ship {
    z-index: 4;
    position: absolute;
    left: 50%;
    margin-left: -.9rem;
    top: 14%;
    width: 1.8rem;
    -webkit-animation: fly 3s infinite linear;
    animation: fly 3s infinite linear
}

.content-daily-sign .ship .ship-hull {
    width: 100%
}

.content-daily-sign .ship .ship-head {
    position: absolute;
    width: .84rem;
    height: .84rem;
    top: .48rem;
    left: .47rem;
    border-radius: 100%
}

.content-daily-sign .info-pre {
    padding-top: 21%
}

.content-daily-sign .info {
    width: 96%;
    z-index: 6;
    position: relative;
    margin-top: 2.2rem;
    margin-left: 2%;
    border-radius: .1rem;
    padding-bottom: .2rem
}

.content-daily-sign .info .sign {
    background-color: #2b2e55;
    border-radius: .1rem;
    padding-bottom: .2rem
}

.content-daily-sign .info .eye-left {
    width: 6.7%;
    position: absolute;
    top: -2%
}

.content-daily-sign .info .eye-right {
    width: 6.7%;
    position: absolute;
    top: -2%;
    right: 0
}

.content-daily-sign .info .sign-title {
    position: relative;
    top: -.2rem;
    left: 33%;
    width: 34%;
    min-height: .4rem
}

.content-daily-sign .info .sign-day {
    width: 34.4%;
    height: 1.04rem;
    position: relative;
    font-weight: 600;
    margin: 0 auto
}

.content-daily-sign .info .gift {
    text-align: center;
    margin-top: .4rem
}

.content-daily-sign .info .gift .award {
    display: inline-block;
    font-size: .36rem;
    color: #2b2d56;
    background: #fff;
    font-weight: bold;
    padding: .2rem .3rem;
    border-radius: .1rem
}

.content-daily-sign .info .gift .btn {
    width: 50%;
    padding: .2rem 0;
    background: linear-gradient(to right bottom,#8469ad,#5c467f)
}

.content-daily-sign .info .gift .btn .sig {
    font-size: .36rem;
    color: #f1f5f9;
    display: block;
    line-height: .4rem
}

.content-daily-sign .info .gift .btn .play {
    font-size: .24rem;
    font-style: normal;
    display: block;
    line-height: 1;
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    margin-top: .08rem
}

.content-daily-sign .info .gift .btn i.ff {
    margin-right: .08rem
}

.content-daily-sign .info .sign-day-part {
    margin: 0 .04rem;
    width: 29%;
    background-color: #fff;
    display: block;
    float: left;
    height: 1.04rem;
    font-size: .55rem;
    text-align: center;
    line-height: 1.04rem;
    border-radius: .06rem;
    overflow: hidden
}

.content-daily-sign .info .mouth {
    width: 54%;
    left: 23%;
    position: relative;
    margin-top: .4rem;
    min-height: .56rem
}

.content-daily-sign .info .tip {
    margin-top: .4rem;
    border: .03rem dashed #337ab7;
    padding: .1rem
}

.content-daily-sign .info .tip .title {
    background: #6f5499;
    height: .5rem;
    line-height: .5rem;
    font-size: .32rem;
    display: inline-block;
    padding: 0 .1rem 0 .1rem;
    color: #17192e
}

.content-daily-sign .info .tip .title:after {
    display: inline-block;
    height: 0;
    content: " ";
    border-style: solid;
    border-color: #6f5499 transparent #6f5499 #6f5499;
    border-width: .25rem .15rem;
    position: absolute
}

.content-daily-sign .info .tip .text {
    margin-top: .1rem
}

.body-user-follow .filter-taber .count {
    font-style: normal;
    margin-left: .12rem
}

.content-user-follow {
    margin-top: -.04rem
}

.content-user-follow .follow-list {
    position: relative;
    background: #fff
}

.content-user-follow .follow-list:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: .02rem;
    border-top: .02rem solid #d8d8d8;
    color: #d8d8d8;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 999
}

.content-user-follow .follow-list:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: .02rem;
    border-bottom: .02rem solid #d8d8d8;
    color: #d8d8d8;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 999
}

.content-user-follow .follow-list .item {
    position: relative
}

.content-user-follow .follow-list .item:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: .02rem;
    border-top: .02rem solid #d8d8d8;
    color: #d8d8d8;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 999;
    left: .24rem
}

.content-user-follow .follow-list .item:first-child:before {
    content: none;
    display: none
}

.content-user-follow .follow-list .item .link {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .24rem .3rem
}

.content-user-follow .follow-list .item .avatar img {
    width: .68rem;
    height: .68rem;
    border-radius: .34rem
}

.content-user-follow .follow-list .item .name {
    font-size: .3rem;
    color: #333;
    margin-left: .3rem;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.content-user-follow .follow-list .item .button .btn {
    line-height: .44rem;
    font-size: .24rem;
    border-radius: .22rem;
    padding: 0 .2rem;
    -webkit-transform: scale(0.92);
    transform: scale(0.92);
    -webkit-transform-origin: right center;
    transform-origin: right center
}

.content-user-follow .follow-list .item .button .btn[action=remove] {
    color: #888;
    border: .02rem solid #d8d8d8
}

.content-user-follow .follow-list .item .button .btn[action=add] {
    color: #f55152;
    border: .02rem solid #f55152
}

.body-user-home .header-title {
    opacity: 0
}

.content-user-home .profile {
    background: linear-gradient(to bottom,#f55152,rgba(245,81,82,0.75));
    position: relative;
    margin-top: -0.88rem;
    padding-top: .1rem
}

.content-user-home .profile .account {
    position: relative;
    padding: .4rem .3rem
}

.content-user-home .profile .account .user {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.content-user-home .profile .account .avatar img {
    width: 1.1rem;
    height: 1.1rem;
    border-radius: 50%
}

.content-user-home .profile .account .info {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: .24rem
}

.content-user-home .profile .account .info .ff {
    opacity: .8;
    font-size: .24rem;
    line-height: .36rem;
    vertical-align: top;
    margin-left: .1rem;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transform-origin: right center;
    transform-origin: right center
}

.content-user-home .profile .account .name {
    font-size: .34rem;
    line-height: .44rem;
    font-weight: 500;
    color: #fff
}

.content-user-home .profile .account .name .ff {
    line-height: .44rem
}

.content-user-home .profile .account .uid {
    font-size: .28rem;
    line-height: .36rem;
    margin-top: .1rem;
    color: #f1f1f1
}

.content-user-home .profile .account .uid .ff {
    line-height: .36rem
}

.content-user-home .profile .account .sign {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -0.3rem;
    background: rgba(255,255,255,0.3);
    color: #fff;
    border-radius: .3rem 0 0 .3rem;
    padding: 0 .14rem 0 .2rem
}

.content-user-home .profile .account .sign>* {
    line-height: .6rem;
    vertical-align: top
}

.content-user-home .profile .account .sign .ff {
    font-size: .32rem
}

.content-user-home .profile .account .sign span {
    margin-left: .1rem;
    font-size: .28rem
}

.content-user-home .profile .annoy {
    height: .3rem
}

.content-user-home .profile .level {
    padding: 0 .3rem
}

.content-user-home .profile .level .link {
    color: #efc964;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 1rem;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: .14rem .14rem 0 0;
    padding: 0 .3rem .16rem .3rem;
    background: linear-gradient(140deg,#404960 30%,#3a445b 30%,#3a445b 45%,#303b53 45%,#303b53 60%,#2a354e 60%)
}

.content-user-home .profile .level .icon {
    background: linear-gradient(to bottom,#f5d36f,#ecba3f);
    -webkit-background-clip: text;
    color: transparent;
    font-size: .38rem
}

.content-user-home .profile .level .name {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: .32rem;
    margin-left: .1rem
}

.content-user-home .profile .level .view {
    font-size: .28rem
}

.content-user-home .profile .level .view .ff {
    font-size: .24rem;
    margin-left: .04rem;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: right center;
    transform-origin: right center
}

.content-user-home .profile .circle {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.content-user-home .profile .circle svg {
    width: 100%
}

.content-user-home .profile .circle path {
    fill: #f1f2f3
}

.content-user-home .preview {
    margin: .3rem 0;
    background: #fff;
    overflow: hidden
}

.content-user-home .stat {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: .14rem 0 .06rem
}

.content-user-home .stat:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: .02rem;
    border-bottom: .02rem solid #d8d8d8;
    color: #d8d8d8;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 999
}

.content-user-home .stat .item {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    padding: .2rem 0;
    position: relative
}

.content-user-home .stat .item:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: .02rem;
    bottom: 0;
    border-left: .02rem solid #d8d8d8;
    color: #d8d8d8;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleX(0.5);
    transform: scaleX(0.5);
    z-index: 999;
    top: .5rem;
    bottom: .5rem
}

.content-user-home .stat .item:first-child:before {
    content: none;
    display: none
}

.content-user-home .stat .tit {
    color: #707070;
    font-size: .26rem;
    line-height: .32rem
}

.content-user-home .stat .val {
    color: #f55152;
    font-size: .34rem;
    line-height: .44rem;
    margin: .14rem 0
}

.content-user-home .stat .val i {
    font-style: normal;
    display: inline-block;
    font-size: .24rem;
    line-height: .4rem;
    padding: .04rem 0 0 .04rem;
    vertical-align: top
}

.content-user-home .stat .btn {
    font-size: .26rem;
    line-height: .48rem;
    width: 1.3rem;
    color: #f55152;
    background: rgba(245,81,82,0.13);
    border-radius: .1rem
}

.content-user-home .gird {
    margin: 0
}

.content-user-home .gird .title {
    padding: .3rem .3rem .1rem
}

.content-user-home .gird .title .sub .ff {
    font-size: .24rem
}

.content-user-home .gird .title:before {
    content: none;
    display: none
}

.content-user-home .gird .item-list {
    padding-top: 0
}

.content-user-home .gird .icon>img {
    object-fit: fill
}

.content-user-home .double {
    margin: .3rem 0;
    background: #fff;
    overflow: hidden
}

.content-user-home .double:before,.content-user-home .double:after {
    display: table;
    content: " "
}

.content-user-home .double:after {
    clear: both
}

.content-user-home .double .item {
    float: left;
    width: 50%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 .3rem;
    height: 1.2rem;
    box-sizing: border-box
}

.content-user-home .double .icon {
    font-size: .44rem;
    font-weight: 600
}

.content-user-home .double .name {
    font-size: .34rem;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: .18rem;
    color: #333
}

.content-user-home .double .arrow {
    font-size: .24rem;
    color: #555;
    font-weight: bold;
    margin-right: .1rem
}

.content-user-home>div.message-tips,.content-user-home>div.invite,.content-user-home>div.menu>.grid-wrap,.content-user-home>div.menu>.cell-group {
    margin: .3rem 0;
    border-radius: 0
}

.body-user-home .invite_prompt .niuui_mask {
    z-index: 10080
}

.body-user-home .invite_prompt .dialog {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 5.5rem;
    z-index: 10082;
    margin-left: -2.75rem;
    border-radius: .2rem;
    box-shadow: 0 0 .15rem rgba(228,64,64,0.8);
    background: #e44040;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    height: 7rem;
    overflow: hidden
}

.body-user-home .invite_prompt .circle {
    position: absolute;
    background: #f2574a;
    width: 8rem;
    height: 8rem;
    border-radius: 4rem;
    bottom: 1.8rem;
    left: 50%;
    margin-left: -4rem;
    box-shadow: 0 0 .2rem #a91414;
    z-index: -1
}

.body-user-home .invite_prompt .main {
    position: relative;
    z-index: 2;
    text-align: center
}

.body-user-home .invite_prompt .title {
    color: #fcc82f;
    font-size: .38rem;
    margin-top: .5rem
}

.body-user-home .invite_prompt .money {
    color: #fcc82f;
    font-size: .5rem;
    margin-top: .2rem
}

.body-user-home .invite_prompt .input {
    margin-top: .6rem
}

.body-user-home .invite_prompt .input .ipt {
    color: #333;
    box-sizing: border-box;
    font-size: .5rem;
    line-height: .6rem;
    background: #fff;
    text-align: center;
    padding: .1rem 0;
    border-radius: .44rem;
    border: .04rem solid #ce2125;
    width: 4.5rem;
    letter-spacing: .05rem
}

.body-user-home .invite_prompt .tips {
    font-size: .24rem;
    margin-top: .1rem;
    line-height: .36rem;
    color: #f9d4d1
}

.body-user-home .invite_prompt .accept {
    margin-top: .5rem
}

.body-user-home .invite_prompt .accept .btn {
    border-radius: 50%;
    border: .06rem solid #cc6721;
    width: 1.4rem;
    line-height: 1.4rem;
    box-sizing: content-box;
    font-size: .4rem;
    font-weight: bold;
    color: #cc6721;
    background: radial-gradient(#fccf48,#fcc116)
}

.body-user-home .invite_prompt .close {
    margin-top: .3rem
}

.body-user-home .invite_prompt .close .btn {
    background: #e76d45;
    color: #fcc82f;
    width: 2rem;
    line-height: .5rem;
    font-size: .26rem;
    border-radius: .25rem
}

.body-user-home .invite_prompt .close .btn span {
    font-size: .32rem
}

.content-user-home .invite {
    background: #fff;
    margin: .4rem .2rem;
    position: relative;
    border-radius: .2rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 1.3rem
}

.content-user-home .invite .icon {
    height: 100%;
    padding: .1rem 0 .16rem 0;
    box-sizing: border-box
}

.content-user-home .invite .icon img {
    height: 100%
}

.content-user-home .invite .text {
    margin-left: .1rem;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.content-user-home .invite .text .title {
    font-size: .3rem;
    line-height: .36rem;
    color: #333
}

.content-user-home .invite .text .desc {
    font-size: .24rem;
    line-height: .3rem;
    color: #e0262e;
    margin-top: .14rem
}

.content-user-home .invite .arrow {
    font-size: .3rem;
    padding-right: .25rem;
    color: #bbb
}

.content-user-home .message-tips {
    margin: .4rem .2rem;
    border-radius: .2rem;
    background: #ffe8d9;
    border: .02rem solid #ffdfca
}

.content-user-home .message-tips .link {
    color: #923a00;
    outline: 0;
    text-decoration: none;
    line-height: .36rem;
    font-size: .26rem;
    padding: .18rem .2rem;
    display: block;
    position: relative
}

.content-user-home .message-tips .link:link {
    color: #923a00
}

.content-user-home .message-tips .link:visited {
    color: #923a00
}

.content-user-home .message-tips .link:hover {
    color: #923a00
}

.content-user-home .message-tips .link:active {
    color: #923a00
}

.content-user-home .message-tips .link:focus {
    color: #923a00
}

.content-user-home .message-tips .link+.link:before {
    content: " ";
    position: absolute;
    left: .1rem;
    top: 0;
    right: .1rem;
    height: .02rem;
    border-top: .02rem solid #ffdfca;
    z-index: 999
}

.content-user-home .message-tips .ff {
    font-weight: bold;
    margin-right: .1rem
}

.content-user-home .menu {
    margin-top: .3rem
}

.body-user-invite-record .user-info .head {
    position: relative;
    margin: 0 -.4rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0 .1rem;
    margin-bottom: .4rem
}

.body-user-invite-record .user-info .head:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: .02rem;
    border-bottom: .02rem solid #d8d8d8;
    color: #d8d8d8;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 999
}

.body-user-invite-record .user-info .head a {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    color: #444;
    padding: .1rem 0 .2rem;
    display: block;
    position: relative
}

.body-user-invite-record .user-info .head a.active {
    color: #f55152;
    font-weight: bold
}

.body-user-invite-record .user-info .head a.active:after {
    content: " ";
    position: absolute;
    bottom: 0;
    width: 1.2rem;
    left: 50%;
    margin-left: -.6rem;
    height: .02rem;
    border-bottom: .04rem #f55152 solid;
    z-index: 1000
}

.body-user-invite-record .user-info .info .tab {
    display: none
}

.body-user-invite-record .user-info .info dt {
    display: inline-block;
    width: 1.8rem;
    padding-right: .1rem
}

.body-user-invite-record .user-info .info dd {
    display: inline-block
}

.body-user-invite-record .user-info .contact .icon {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: .08rem;
    padding: 0 .1rem;
    width: 2rem;
    margin: .3rem auto
}

.body-user-invite-record .user-info .contact .icon span {
    display: block;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: .28rem;
    font-weight: 500;
    line-height: .56rem
}

.body-user-invite-record .user-info .contact .icon.wechat {
    background: #53cb6c;
    border: .02rem solid #14bc22
}

.body-user-invite-record .user-info .contact .icon.wechat .ff {
    width: .4rem;
    text-align: center;
    margin-right: .1rem;
    font-size: .4rem;
    color: #fff
}

.body-user-invite-record .user-info .contact .icon.wechat span {
    color: #fff
}

.body-user-invite-record .user-info .contact .icon.qq {
    background: #99d5f2;
    border: .02rem solid #6abcec
}

.body-user-invite-record .user-info .contact .icon.qq img {
    width: .4rem;
    height: .4rem;
    margin-right: .1rem
}

.body-user-invite-record .user-info .contact .icon.qq span {
    color: #2f5d76
}

.body-user-invite-record .user-info .invite .item {
    position: relative
}

.body-user-invite-record .user-info .invite .item.second {
    margin-top: .2rem;
    padding-top: .2rem
}

.body-user-invite-record .user-info .invite .item.second:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: .02rem;
    border-top: .02rem solid #e0e0e0;
    color: #e0e0e0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 999
}

.body-user-invite-record .user-info .invite .item .arrow {
    position: absolute;
    right: 0;
    top: 50%;
    color: #ccc;
    font-size: .34rem;
    line-height: .5rem;
    margin-top: -.15rem
}

.content-user-invite-record .invite-title {
    position: absolute;
    line-height: .44rem;
    top: -0.22rem;
    left: 50%;
    margin-left: -0.8rem;
    width: 1.6rem;
    background: #fbfcfd;
    z-index: 9999;
    border: .02rem solid #d8d8d8;
    border-radius: .22rem;
    text-align: center
}

.content-user-invite-record .parent {
    background: #FFF;
    margin: .52rem 0 .3rem;
    position: relative
}

.content-user-invite-record .parent:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: .02rem;
    border-top: .02rem solid #d8d8d8;
    color: #d8d8d8;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 999
}

.content-user-invite-record .parent:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: .02rem;
    border-bottom: .02rem solid #d8d8d8;
    color: #d8d8d8;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 999
}

.content-user-invite-record .parent .back {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background: url("../images/home-bg.png") repeat;
    background-size: 50%;
    opacity: .35
}

.content-user-invite-record .parent .info {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .5rem .26rem .3rem
}

.content-user-invite-record .parent .info .avatar img {
    width: .9rem;
    height: .9rem;
    border-radius: 50%
}

.content-user-invite-record .parent .info .name {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: .25rem
}

.content-user-invite-record .parent .info .name .nick {
    font-size: .3rem;
    color: #222
}

.content-user-invite-record .parent .info .name .ids {
    font-size: .24rem;
    color: #666;
    margin-top: .15rem
}

.content-user-invite-record .parent .info .level {
    position: relative;
    background: #ba9e7f;
    border: .04rem solid #a8855e;
    border-radius: .26rem;
    padding: 0 .14rem 0 .6rem;
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-transform-origin: right center;
    transform-origin: right center
}

.content-user-invite-record .parent .info .level .ff {
    position: absolute;
    left: -.06rem;
    line-height: .44rem;
    width: .44rem;
    text-align: center;
    top: -.04rem;
    color: #e77528;
    background: #fdd74f;
    border: .06rem solid #f6b249;
    border-radius: 50%;
    font-size: .3rem
}

.content-user-invite-record .parent .info .level span {
    display: block;
    line-height: .48rem;
    color: #fff;
    font-size: .3rem;
    font-weight: 600
}

.content-user-invite-record .parent .actions {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background: #fbfcfd
}

.content-user-invite-record .parent .actions .act {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    line-height: .6rem;
    font-size: .28rem;
    position: relative
}

.content-user-invite-record .parent .actions .act.qq {
    color: #11aee9
}

.content-user-invite-record .parent .actions .act.wechat {
    color: #13b120
}

.content-user-invite-record .parent .actions .act.wechat .ff {
    font-size: .3rem
}

.content-user-invite-record .parent .actions .act:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: .02rem;
    border-top: .02rem solid #d8d8d8;
    color: #d8d8d8;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 999
}

.content-user-invite-record .parent .actions .act:after {
    content: " ";
    position: absolute;
    right: 0;
    top: 0;
    width: .02rem;
    bottom: 0;
    border-right: .02rem solid #d8d8d8;
    color: #d8d8d8;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: scaleX(0.5);
    transform: scaleX(0.5);
    z-index: 999
}

.content-user-invite-record .parent .actions .act:last-child:after {
    content: none;
    display: none
}

.content-user-invite-record .invite-panel {
    position: relative;
    margin-top: .52rem;
    background: #fff
}

.content-user-invite-record .invite-list {
    position: relative
}

.content-user-invite-record .invite-list:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: .02rem;
    border-top: .02rem solid #d5d5d6;
    color: #d5d5d6;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 999
}

.content-user-invite-record .invite-list:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: .02rem;
    border-bottom: .02rem solid #d5d5d6;
    color: #d5d5d6;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 999
}

.content-user-invite-record .invite-list .item {
    padding: .3rem .24rem;
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.content-user-invite-record .invite-list .item:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: .02rem;
    border-top: .02rem solid #d5d5d6;
    color: #d5d5d6;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 999;
    left: .24rem
}

.content-user-invite-record .invite-list .item:first-child:before {
    display: none
}

.content-user-invite-record .invite-list .image {
    margin-right: .2rem
}

.content-user-invite-record .invite-list .image .avatar {
    width: 1rem;
    height: 1rem;
    border-radius: 50%
}

.content-user-invite-record .invite-list .info {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.content-user-invite-record .invite-list .info .name>* {
    vertical-align: middle
}

.content-user-invite-record .invite-list .info .name .label {
    font-size: .24rem;
    line-height: .34rem;
    padding: 0 .06rem;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    margin-right: -.1rem
}

.content-user-invite-record .invite-list .info .name .ff {
    font-size: .24rem;
    line-height: .4rem
}

.content-user-invite-record .invite-list .info .name .nick {
    display: inline-block;
    font-size: .3rem;
    line-height: .4rem;
    color: #333
}

.content-user-invite-record .invite-list .info .meta {
    font-size: .26rem;
    margin-top: .1rem;
    color: #888
}

.content-user-invite-record .invite-list .desc {
    text-align: right
}

.content-user-invite-record .invite-list .desc .money {
    font-size: .38rem;
    display: block
}

.body-user-invite {
    background-color: #c70002
}

.content-user-invite .banner-image img {
    width: 100%
}

.content-user-invite .group {
    position: relative;
    margin: .5rem .2rem;
    padding-top: .3rem
}

.content-user-invite .group .title {
    position: absolute;
    background: #f98054;
    color: #fff;
    padding-left: .42rem;
    line-height: .6rem;
    font-size: .3rem;
    border-radius: .3rem;
    left: 50%;
    width: 2.4rem;
    margin-left: -1.41rem;
    margin-top: -0.3rem;
    text-align: center
}

.content-user-invite .group .title .ff {
    position: absolute;
    height: .6rem;
    width: .6rem;
    left: 0;
    bottom: 0;
    line-height: .48rem;
    background: #fcc82f;
    border-radius: .3rem;
    box-sizing: border-box;
    border: .06rem solid #f4b704;
    box-shadow: .04rem 0 .02rem .02rem #f86e3b;
    color: #f98054
}

.content-user-invite .group .container {
    background: #fff;
    border-radius: .2rem;
    padding: .45rem .2rem .2rem
}

.content-user-invite .coupon {
    position: relative;
    width: 4rem;
    margin: 0 auto
}

.content-user-invite .coupon .img {
    width: 4rem
}

.content-user-invite .coupon .code {
    position: absolute;
    width: 2.7rem;
    left: .1rem;
    top: 50%;
    margin-top: -.45rem;
    text-align: center;
    color: #fff
}

.content-user-invite .coupon .name {
    line-height: .4rem;
    font-size: .26rem
}

.content-user-invite .coupon .value {
    letter-spacing: .02rem;
    line-height: .5rem;
    font-size: .4rem
}

.content-user-invite .coupon .copy {
    position: absolute;
    width: .9rem;
    text-align: center;
    line-height: .32rem;
    font-size: .24rem;
    right: .1rem;
    top: 50%;
    margin-top: -.32rem;
    color: #fff
}

.content-user-invite .link .data {
    width: 100%;
    box-sizing: border-box;
    border: .04rem solid #ed5380;
    padding: .1rem;
    line-height: .4rem;
    font-size: .28rem;
    margin-top: .2rem;
    border-radius: .1rem;
    background: #fef4f7;
    color: #ea3c6f;
    resize: none
}

.content-user-invite .link .action {
    margin: .3rem -.08rem 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.content-user-invite .link .btn {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 .08rem;
    height: .6rem;
    border-radius: .1rem
}

.content-user-invite .paper {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.content-user-invite .paper .list {
    position: relative;
    overflow-x: scroll;
    overflow-y: hidden;
    margin-top: .2rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.content-user-invite .paper .list:before,.content-user-invite .paper .list:after {
    width: calc(20% - .3rem);
    display: block;
    content: " ";
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.content-user-invite .paper .list .item {
    width: 60%;
    padding: 0 .3rem;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.content-user-invite .paper .list img {
    width: 100%
}

.content-user-invite .paper .action {
    margin: .3rem .12rem 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.content-user-invite .paper .btn {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 .08rem;
    height: .6rem;
    border-radius: .1rem
}

.body-user-level .circle-bg {
    height: 2.5rem;
    position: fixed;
    z-index: -1;
    width: 100%
}

.body-user-level .circle-bg .bg {
    background: #f55152;
    width: 200%;
    max-width: 22rem;
    height: 15rem;
    position: absolute;
    border-radius: 50%;
    left: 50%;
    top: -12rem;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0)
}

.content-user-level .cur-level {
    margin: .3rem;
    border: .02rem solid rgba(255,255,255,0.3);
    color: #f5f5f5;
    line-height: .4rem;
    padding: .1rem .15rem;
    border-radius: .1rem;
    font-size: .26rem;
    background: rgba(255,255,255,0.2)
}

.content-user-level .plan-list .item {
    margin: .3rem;
    border-radius: .1rem;
    overflow: hidden;
    box-shadow: 0 0 .1rem rgba(102,102,102,0.4)
}

.content-user-level .plan-list .item.active {
    box-shadow: 0 0 .5rem rgba(102,102,102,0.5)
}

.content-user-level .plan-list .item.active .head .arrow.sp {
    display: none
}

.content-user-level .plan-list .item.active .head .arrow.sh {
    display: block
}

.content-user-level .plan-list .item.active .expand {
    height: auto
}

.content-user-level .plan-list .head {
    position: relative
}

.content-user-level .plan-list .head .ground {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.content-user-level .plan-list .head .ground.bg {
    z-index: 1;
    background-size: 2rem 2rem
}

.content-user-level .plan-list .head .ground.bg.bg1 {
    background-image: url("../images/level-bg1.png")
}

.content-user-level .plan-list .head .ground.bg.bg2 {
    background-image: url("../images/level-bg2.png")
}

.content-user-level .plan-list .head .ground.bg.bg3 {
    background-image: url("../images/level-bg3.png")
}

.content-user-level .plan-list .head .ground.lg {
    z-index: 2;
    background: linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,0.4))
}

.content-user-level .plan-list .head .main {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: .3rem .2rem;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 3
}

.content-user-level .plan-list .head .icon {
    font-size: .7rem;
    color: rgba(255,255,255,0.4);
    margin-right: .2rem;
    padding: 0 .1rem
}

.content-user-level .plan-list .head .detail {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.content-user-level .plan-list .head .title {
    margin: 0;
    font-size: .34rem;
    font-weight: normal;
    color: #fff
}

.content-user-level .plan-list .head .desc {
    font-size: .26rem;
    margin-top: .2rem;
    color: rgba(255,255,255,0.8)
}

.content-user-level .plan-list .head .arrow {
    padding: 0 .1rem;
    font-size: .32rem;
    color: rgba(255,255,255,0.6)
}

.content-user-level .plan-list .head .arrow.sp {
    display: block
}

.content-user-level .plan-list .head .arrow.sh {
    display: none
}

.content-user-level .plan-list .expand {
    height: 0;
    overflow: hidden;
    background: #fff
}

.content-user-level .plan-list .expand .list {
    padding: .2rem
}

.content-user-level .plan-list .expand .list .row {
    line-height: .34rem;
    font-size: .28rem;
    margin: .1rem 0;
    color: #444
}

.content-user-level .plan-list .expand .door {
    padding: 0 .2rem .2rem
}

.content-user-level .plan-list .expand .door .title {
    position: relative
}

.content-user-level .plan-list .expand .door .title .txt {
    color: #ba9e7f;
    font-size: .26rem;
    line-height: .38rem;
    margin: 0 auto;
    width: 1.5rem;
    text-align: center;
    background: #fff;
    z-index: 1;
    position: relative
}

.content-user-level .plan-list .expand .door .title .line {
    border-top: .02rem solid #ba9e7f;
    position: absolute;
    top: .18rem;
    width: 100%;
    height: .02rem
}

.content-user-level .plan-list .expand .door .lst li {
    font-size: .26rem;
    line-height: .4rem;
    color: #444
}

.content-user-level .plan-list .expand .door .lst i {
    margin-right: .06rem
}

.content-user-level .plan-list .expand .actions {
    padding: .2rem;
    background: #f5f5f5
}

.content-user-level .plan-list .expand .actions .btn {
    width: 100%;
    height: .7rem;
    line-height: .7rem
}

.content-user-level .plan-list .expand .actions .btn-upgrade i {
    font-style: normal;
    font-size: .24rem;
    border: .02rem solid #fff;
    border-radius: .2rem;
    line-height: .36rem;
    display: inline-block;
    padding: 0 .1rem;
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
    -webkit-transform-origin: 0 center;
    transform-origin: 0 center
}

.content-lottery-card {
    background-size: 100% auto;
    background-repeat: no-repeat
}

.content-lottery-card.content-lottery-card-style1 {
    background-image: url("../images/scratch-bg1.jpg");
    background-color: #d1e5fe
}

.content-lottery-card.content-lottery-card-style1 .top {
    padding-top: 73.3333333333%
}

.content-lottery-card.content-lottery-card-style2 {
    background-image: url("../images/scratch-bg2.jpg");
    background-color: #54cdfd
}

.content-lottery-card.content-lottery-card-style2 .top {
    padding-top: 54.6875%
}

.content-lottery-card.content-lottery-card-style3 {
    background-image: url("../images/scratch-bg3.jpg");
    background-color: #d18a5b
}

.content-lottery-card.content-lottery-card-style3 .top {
    padding-top: 60%
}

.content-lottery-card .main {
    position: relative;
    margin: 0 .3rem;
    padding-top: 50%;
    background: url("../images/scratch-main.png") no-repeat;
    background-size: 100% 100%
}

.content-lottery-card .main .canvas {
    position: absolute;
    top: .3rem;
    left: .2rem;
    right: .2rem;
    bottom: .3rem;
    z-index: 3;
    overflow: hidden
}

.content-lottery-card .main:before {
    content: ' '
}

.content-lottery-card .main .result {
    position: absolute;
    z-index: 1;
    font-size: .5rem;
    text-align: center;
    line-height: .6rem;
    top: 50%;
    margin-top: -0.8rem;
    width: 100%
}

.content-lottery-card .main .result.orange {
    color: #fd7d37;
    text-shadow: .04rem .04rem .06rem #d2b5a5
}

.content-lottery-card .main .result.red {
    color: #f54a57;
    text-shadow: .04rem .04rem .06rem #f5c7cc
}

.content-lottery-card .main .result.grey {
    color: #999;
    text-shadow: .04rem .04rem .06rem #ddd
}

.content-lottery-card .main .btn {
    position: absolute;
    z-index: 1;
    width: 3.4rem;
    line-height: .8rem;
    border-radius: .4rem;
    text-align: center;
    color: #fff;
    left: 50%;
    top: 50%;
    margin-top: .2rem;
    margin-left: -1.7rem;
    font-size: .36rem;
    font-weight: 600;
    letter-spacing: .06rem
}

.content-lottery-card .main .btn.orange {
    background: linear-gradient(to bottom,#fdb13e,#fd7d37);
    box-shadow: 0 .04rem .2rem 0 rgba(200,99,44,0.7)
}

.content-lottery-card .main .btn.red {
    background: linear-gradient(to bottom,#f5727f,#f54a57);
    box-shadow: 0 .04rem .2rem 0 rgba(205,62,73,0.7)
}

.content-lottery-card .tip {
    background: rgba(255,255,255,0.8);
    margin: .8rem .3rem 0;
    padding: .1rem .3rem .3rem;
    border-radius: .1rem
}

.content-lottery-card .tip .title {
    line-height: .7rem;
    font-size: .32rem;
    margin: 0 auto;
    width: 2rem;
    text-align: center;
    font-weight: 600;
    color: #666;
    border-bottom: .04rem solid #aaa
}

.content-lottery-card .tip .text {
    margin-top: .3rem;
    color: #555;
    font-size: .28rem;
    line-height: 1.4
}

.content-user-message .message-list {
    margin-top: -.02rem;
    background: #fff;
    position: relative
}

.content-user-message .message-list:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: .02rem;
    border-top: .02rem solid #d5d5d6;
    color: #d5d5d6;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 999
}

.content-user-message .message-list:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: .02rem;
    border-bottom: .02rem solid #d5d5d6;
    color: #d5d5d6;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 999
}

.content-user-message .message-list .item {
    padding: .3rem .24rem;
    position: relative
}

.content-user-message .message-list .item:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: .02rem;
    border-top: .02rem solid #d5d5d6;
    color: #d5d5d6;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 999;
    left: .24rem
}

.content-user-message .message-list .item:first-child:before {
    display: none
}

.content-user-message .message-list .unread .text {
    color: #333
}

.content-user-message .message-list .text {
    color: #999;
    font-size: .32rem;
    line-height: 1.5
}

.content-user-message .message-list .meta {
    margin-top: .12rem;
    color: #888;
    font-size: .26rem
}

.content-user-message .message-list .meta .read {
    margin-left: .2rem
}

.body-user-period-task .header-title {
    background: linear-gradient(to right,#fc4a3a,#fe5e45 50%,#fc4a3a)
}

.content-user-period-task {
    background: linear-gradient(to right,#fa512e,#fd683e 50%,#fa532f)
}

.content-user-period-task .head-banner {
    position: relative;
    background: url("../images/period_bg.png") no-repeat;
    background-size: cover;
    width: 100%;
    padding-bottom: 66.015625%;
    margin-bottom: -15%
}

.content-user-period-task .head-banner .text {
    position: absolute;
    width: 80%;
    left: 10%;
    top: 23%;
    padding-bottom: 20%;
    background: url("../images/period_txt.png") no-repeat;
    background-size: cover;
    z-index: 1
}

.content-user-period-task .head-banner .text.always {
    background-position-y: 25%
}

.content-user-period-task .head-banner .text.daily {
    background-position-y: 50%
}

.content-user-period-task .head-banner .text.week {
    background-position-y: 75%
}

.content-user-period-task .head-banner .text.month {
    background-position-y: 100%
}

.content-user-period-task .period-chose {
    margin: 0 .3rem .4rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: #fd8548;
    border-radius: .32rem
}

.content-user-period-task .period-chose .item {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: .64rem;
    text-align: center;
    font-size: .32rem;
    color: #fff;
    min-width: 25%;
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    position: relative
}

.content-user-period-task .period-chose .item.active {
    font-weight: 500;
    background-color: #feaf55;
    border-radius: .32rem
}

.content-user-period-task .current-chose {
    width: 4rem;
    margin: 0 auto .3rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.content-user-period-task .current-chose .item {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: .56rem;
    text-align: center;
    font-size: .28rem;
    border-radius: .28rem;
    color: #fff;
    background-color: #fd8548;
    position: relative
}

.content-user-period-task .current-chose .item:nth-child(1) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.content-user-period-task .current-chose .item:nth-child(2) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.content-user-period-task .current-chose .item.active {
    font-weight: 500;
    background-color: #feaf55
}

.content-user-period-task .current-chose .item.active:after {
    content: ' ';
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -0.08rem;
    bottom: 0;
    height: 0;
    width: 0;
    border: .08rem solid transparent;
    border-bottom-color: #fc643b;
    z-index: 1
}

.content-user-period-task .chose-badge {
    position: absolute;
    font-size: .24rem;
    min-width: .32rem;
    line-height: .32rem;
    border-radius: .16rem;
    background: #f44e2d;
    color: #fff;
    padding: 0 .06rem;
    box-sizing: border-box;
    font-style: normal;
    -webkit-transform: scale(0.66);
    transform: scale(0.66);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    margin-left: -.04rem
}

.content-user-period-task .task-list {
    margin-bottom: .4rem
}

.content-user-period-task .task-tip {
    font-size: .26rem;
    color: #ffd5aa;
    line-height: .32rem;
    margin: .4rem
}

.content-user-period-task .task-tip p {
    margin: .1rem 0
}

.content-user-period-task .task-tip .cache-clear {
    text-align: center;
    margin-top: .3rem
}

.content-user-period-task .task-tip .cache-clear a {
    border: .02rem solid #337ab7;
    color: #337ab7;
    line-height: .36rem;
    display: inline-block;
    border-radius: .18rem;
    padding: 0 .12rem;
    background: rgba(255,255,255,0.5);
    font-size: .24rem
}

.content-user-period-task .task-item {
    position: relative;
    margin: .24rem .3rem;
    padding: .2rem;
    border-radius: .15rem;
    background: #fff;
    box-shadow: .04rem .04rem .08rem 0 rgba(134,124,33,0.3)
}

.content-user-period-task .task-item .main,.content-user-period-task .task-item .intro {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.content-user-period-task .task-item .main .icon {
    font-size: .32rem;
    font-weight: bold
}

.content-user-period-task .task-item .main .icon.wait,.content-user-period-task .task-item .main .icon.level {
    color: #f98054
}

.content-user-period-task .task-item .main .icon.award {
    color: #89bef3
}

.content-user-period-task .task-item .main .icon.done {
    color: #62cc91
}

.content-user-period-task .task-item .main .name {
    font-size: .32rem;
    color: #333;
    margin-left: .1rem
}

.content-user-period-task .task-item .main .rate {
    margin-left: .1rem;
    font-size: .24rem
}

.content-user-period-task .task-item .main .flex1 {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: .2rem
}

.content-user-period-task .task-item .main .price {
    color: #f98054;
    font-size: .32rem
}

.content-user-period-task .task-item .main .coin {
    color: #f98054;
    background: #fde394;
    margin-left: .1rem;
    font-weight: bold;
    font-size: .24rem;
    line-height: .34rem;
    width: .34rem;
    text-align: center;
    border-radius: 50%
}

.content-user-period-task .task-item .intro {
    margin-top: .2rem
}

.content-user-period-task .task-item .intro .desc {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: .26rem;
    line-height: .36rem;
    color: #444
}

.content-user-period-task .task-item .intro .desc .vip {
    color: #ba9e7f;
    font-size: .24rem;
    line-height: .3rem;
    margin-top: .1rem
}

.content-user-period-task .task-item .intro .btn {
    margin-left: .2rem;
    font-size: .26rem;
    line-height: .44rem;
    padding: 0 .15rem;
    border-radius: .22rem
}

.content-user-ranking {
    background: #ff314a url("../images/rank_bg.png") no-repeat;
    background-size: 100%
}

.content-user-ranking .tabs {
    margin: .3rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: rgba(255,239,104,0.2);
    border-radius: .32rem
}

.content-user-ranking .tabs .item {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: .64rem;
    text-align: center;
    font-size: .32rem;
    color: #fff;
    min-width: 25%;
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%
}

.content-user-ranking .tabs .item.active {
    font-weight: 500;
    background-color: rgba(255,239,104,0.3);
    border-radius: .32rem
}

.content-user-ranking .task {
    text-align: center;
    margin: .3rem 0
}

.content-user-ranking .task .ff {
    display: inline-block;
    font-size: .36rem;
    line-height: .44rem;
    color: transparent;
    background-image: linear-gradient(to right,#fcc82f,#fcc82f 50%,#81d8d0 50%,#81d8d0);
    -webkit-background-clip: text
}

.content-user-ranking .task .ff.after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.content-user-ranking .task .txt {
    display: inline-block;
    color: #f7f8f9;
    font-size: .32rem;
    line-height: .44rem;
    vertical-align: top
}

.content-user-ranking .super {
    padding: .15rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.content-user-ranking .super .item {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 .15rem;
    height: 100%;
    padding: .15rem;
    border-radius: .1rem;
    background: #ffebd7
}

.content-user-ranking .super .item:nth-child(1),.content-user-ranking .super .item:nth-child(3) {
    margin-top: .3rem
}

.content-user-ranking .super .item .head {
    position: relative
}

.content-user-ranking .super .item .head .bg {
    width: 100%;
    position: relative;
    z-index: 2
}

.content-user-ranking .super .item .head .ava {
    position: absolute;
    width: 64.8936170213%;
    height: 64.8936170213%;
    left: 17.5531914894%;
    top: 16.4893617021%;
    border-radius: 50%;
    z-index: 1
}

.content-user-ranking .super .item .none {
    text-align: center;
    font-size: .26rem;
    line-height: .72rem;
    color: #666
}

.content-user-ranking .super .item .name,.content-user-ranking .super .item .score {
    text-align: center;
    font-size: .26rem;
    line-height: .32rem;
    margin-top: .04rem
}

.content-user-ranking .super .item .name {
    word-break: break-all;
    overflow: hidden;
    height: .32rem;
    color: #333
}

.content-user-ranking .super .item .score {
    font-size: .24rem;
    color: #555
}

.content-user-ranking .super .item .award {
    text-align: center;
    font-size: .28rem;
    line-height: .36rem;
    color: #e2a41c;
    margin-top: .04rem
}

.content-user-ranking .super .item .award i {
    display: inline-block;
    background: url("../images/coin.svg") no-repeat;
    background-size: .28rem .36rem;
    width: .28rem;
    height: .36rem;
    vertical-align: top;
    margin-right: .04rem
}

.content-user-ranking .super .item .award s {
    text-decoration: none;
    padding: 0 .02rem
}

.content-user-ranking .self {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: .3rem;
    border: .1rem solid rgba(224,38,46,0.66);
    border-radius: .14rem;
    background: #f7f8f9;
    padding: .25rem;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-clip: padding-box
}

.content-user-ranking .self .head img {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%
}

.content-user-ranking .self .info {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 .25rem
}

.content-user-ranking .self .info .nick {
    font-size: .3rem;
    line-height: .44rem;
    color: #333;
    margin-bottom: .08rem
}

.content-user-ranking .self .info .meta {
    font-size: .26rem;
    line-height: .34rem;
    color: #555
}

.content-user-ranking .self .action .btn {
    width: 1.6rem;
    line-height: .7rem;
    border-radius: .35rem;
    color: #333
}

.content-user-ranking .rank {
    margin: .3rem;
    border: .1rem solid rgba(224,38,46,0.66);
    border-radius: .14rem;
    background: #f7f8f9;
    background-clip: padding-box
}

.content-user-ranking .rank .title {
    margin: .3rem 0;
    text-align: center
}

.content-user-ranking .rank .title .icon {
    display: inline-block
}

.content-user-ranking .rank .title .icon i {
    width: .3rem;
    height: .1rem;
    display: block;
    border-radius: .05rem
}

.content-user-ranking .rank .title .icon .a {
    background: #ef1830
}

.content-user-ranking .rank .title .icon .b {
    background: #ffd360;
    margin-top: .12rem
}

.content-user-ranking .rank .title .icon.before i {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.content-user-ranking .rank .title .icon.after i {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.content-user-ranking .rank .title .text {
    display: inline-block;
    font-size: .38rem;
    line-height: .5rem;
    margin: 0 .3rem;
    color: #222
}

.content-user-ranking .rank .thead {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0 .2rem;
    position: relative
}

.content-user-ranking .rank .thead:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: .02rem;
    border-bottom: .02rem solid #e0262e;
    color: #e0262e;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 999;
    left: .2rem;
    right: .2rem
}

.content-user-ranking .rank .thead .col {
    font-size: .3rem;
    line-height: .4rem;
    padding-bottom: .14rem;
    color: #e0262e
}

.content-user-ranking .rank .thead .name {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: .2rem
}

.content-user-ranking .rank .thead .count,.content-user-ranking .rank .thead .award {
    width: 1.3rem;
    text-align: center
}

.content-user-ranking .rank .tbody .item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0 .2rem;
    position: relative;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: .2rem 0
}

.content-user-ranking .rank .tbody .num {
    width: .4rem;
    line-height: .4rem;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    background: #fcc82f;
    font-size: .24rem;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    margin-right: .12rem
}

.content-user-ranking .rank .tbody .img {
    margin-right: .15rem
}

.content-user-ranking .rank .tbody .img img {
    width: .7rem;
    height: .7rem;
    border-radius: 50%
}

.content-user-ranking .rank .tbody .nick {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #333;
    line-height: .32rem
}

.content-user-ranking .rank .tbody .nick .ff {
    color: #ba9e7f;
    font-size: .24rem
}

.content-user-ranking .rank .tbody .count,.content-user-ranking .rank .tbody .award {
    width: 1.3rem;
    text-align: center;
    color: #333
}

.content-user-ranking .update {
    margin: .3rem 0;
    text-align: center;
    color: #ffe3e6;
    font-size: .26rem
}

.content-user-store-confirm .goods-prev {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background: #fff;
    padding: .25rem;
    position: relative
}

.content-user-store-confirm .goods-prev:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: .02rem;
    border-bottom: .02rem solid #d8d8d8;
    color: #d8d8d8;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 999
}

.content-user-store-confirm .goods-prev .picture {
    width: 1.3rem;
    height: 1.3rem
}

.content-user-store-confirm .goods-prev .picture img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.content-user-store-confirm .goods-prev .info {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: .2rem
}

.content-user-store-confirm .goods-prev .title {
    font-size: .28rem;
    line-height: .4rem;
    color: #333
}

.content-user-store-confirm .goods-prev .price {
    color: #f98054;
    font-size: .28rem;
    line-height: .4rem;
    margin-top: .05rem
}

.body-store-detail .buy-footer {
    position: fixed;
    z-index: 1200;
    width: 100%;
    bottom: 0;
    left: 0;
    background: #fafbfc
}

.body-store-detail .buy-footer:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: .02rem;
    border-top: .02rem solid #d8d8d8;
    color: #d8d8d8;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 999
}

.body-store-detail .buy-footer.tips {
    background: #f1f2f3
}

.body-store-detail .buy-footer.tips .main {
    padding: .15rem .3rem;
    line-height: .36rem;
    box-sizing: border-box;
    color: #e0262e;
    font-size: .26rem
}

.body-store-detail .buy-footer.buttons .main {
    height: .96rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.body-store-detail .buy-footer .main {
    max-width: 11rem;
    margin: 0 auto
}

.body-store-detail .buy-footer .price {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: .96rem;
    color: #f98054;
    padding-left: .3rem;
    font-size: .32rem;
    font-weight: bold
}

.body-store-detail .buy-footer .btn {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: .96rem;
    border-radius: 0
}

.content-store-detail .banner .picture {
    width: 100%
}

.content-store-detail .banner .picture img {
    width: 100%
}

.content-store-detail .banner .detail {
    padding: .25rem;
    background: #fff
}

.content-store-detail .banner .title {
    margin: 0;
    line-height: .44rem;
    font-size: .34rem;
    font-weight: normal;
    word-wrap: break-word;
    color: #333
}

.content-store-detail .banner .price {
    margin-top: .15rem;
    color: #f98054;
    font-size: .32rem;
    line-height: .4rem
}

.content-store-detail .banner .meta {
    margin-top: .08rem;
    font-size: .26rem;
    line-height: .3rem
}

.content-store-detail .banner .meta:before,.content-store-detail .banner .meta:after {
    display: table;
    content: " "
}

.content-store-detail .banner .meta:after {
    clear: both
}

.content-store-detail .banner .origin {
    float: left;
    text-decoration: line-through;
    color: #888
}

.content-store-detail .banner .sold {
    float: right;
    color: #666
}

.content-store-detail .intro {
    background: #fff;
    margin-top: .3rem
}

.content-store-detail .intro .tit {
    text-align: center;
    font-size: .3rem;
    position: relative;
    line-height: .5rem;
    padding: .15rem 0
}

.content-store-detail .intro .tit:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: .02rem;
    border-bottom: .02rem solid #d8d8d8;
    color: #d8d8d8;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 999;
    left: .25rem;
    right: .25rem
}

.content-store-detail .intro .desc {
    padding: .25rem
}

.body-store-list .header-category,.body-store-list .content {
    margin-top: -.02rem
}

.content-store-list .goods-list {
    background: #fff;
    padding: .15rem
}

.content-store-list .goods-list:before,.content-store-list .goods-list:after {
    display: table;
    content: " "
}

.content-store-list .goods-list:after {
    clear: both
}

.content-store-list .goods-list .item {
    padding: .15rem;
    width: 50%;
    float: left;
    box-sizing: border-box
}

.content-store-list .goods-list .picture {
    width: 100%;
    padding-bottom: 100%;
    position: relative;
    border-radius: .05rem;
    overflow: hidden
}

.content-store-list .goods-list .picture img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.content-store-list .goods-list .title {
    margin: .1rem 0 0;
    font-size: .3rem;
    color: #4b566a;
    line-height: .4rem;
    height: .8rem;
    font-weight: 400;
    word-break: break-all;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis
}

.content-store-list .goods-list .price-now {
    margin-top: .1rem;
    font-size: .32rem;
    line-height: .4rem;
    color: #f98054;
    font-style: normal
}

.content-store-list .goods-list .price-del {
    text-decoration: line-through;
    font-size: .26rem;
    line-height: .3rem;
    color: #888
}

.content-store-trade-detail .status,.content-store-trade-detail .goods,.content-store-trade-detail .group {
    position: relative;
    background: #fff
}

.content-store-trade-detail .status:before,.content-store-trade-detail .goods:before,.content-store-trade-detail .group:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: .02rem;
    border-top: .02rem solid #d8d8d8;
    color: #d8d8d8;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 999
}

.content-store-trade-detail .status:after,.content-store-trade-detail .goods:after,.content-store-trade-detail .group:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: .02rem;
    border-bottom: .02rem solid #d8d8d8;
    color: #d8d8d8;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 999
}

.content-store-trade-detail .status {
    line-height: .4rem;
    padding: .3rem;
    font-size: .32rem
}

.content-store-trade-detail .status:before {
    content: none;
    display: none
}

.content-store-trade-detail .goods {
    margin: .3rem 0
}

.content-store-trade-detail .goods .link {
    padding: .3rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.content-store-trade-detail .goods .picture {
    width: 1rem;
    height: 1rem;
    border-radius: .05rem;
    overflow: hidden
}

.content-store-trade-detail .goods .picture img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.content-store-trade-detail .goods .title {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: .28rem;
    line-height: .4rem;
    margin: 0 .2rem;
    color: #333
}

.content-store-trade-detail .group {
    margin: .3rem 0;
    padding: .3rem
}

.content-store-trade-detail .group .title {
    font-size: .3rem;
    margin-bottom: .2rem;
    color: #555
}

.content-store-trade-detail .group .fields {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    line-height: .38rem;
    font-size: .28rem;
    padding: .06rem 0
}

.content-store-trade-detail .group .fields dt {
    width: 1.3rem;
    color: #555
}

.content-store-trade-detail .group .fields dd {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #333;
    word-break: break-all
}

.content-store-trade-detail .group .fields .btn {
    font-size: .24rem;
    line-height: .4rem;
    padding: 0 .1rem;
    margin-right: .1rem
}

.content-store-trade-list .item {
    padding: .2rem .2rem 0
}

.content-store-trade-list .link {
    display: block;
    background: #fff;
    border-radius: .1rem
}

.content-store-trade-list .head {
    padding: .2rem .2rem 0;
    line-height: .3rem
}

.content-store-trade-list .head:before,.content-store-trade-list .head:after {
    display: table;
    content: " "
}

.content-store-trade-list .head:after {
    clear: both
}

.content-store-trade-list .head .status {
    float: right;
    font-size: .26rem
}

.content-store-trade-list .head .time {
    float: left;
    color: #888;
    font-size: .24rem
}

.content-store-trade-list .goods {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: .2rem
}

.content-store-trade-list .goods .picture {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: .05rem;
    overflow: hidden
}

.content-store-trade-list .goods .picture img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.content-store-trade-list .goods .info {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 .2rem
}

.content-store-trade-list .goods .info .title {
    font-size: .28rem;
    line-height: .4rem;
    max-height: .8rem;
    overflow: hidden;
    color: #333;
    word-break: break-all
}

.content-store-trade-list .goods .info .stock {
    font-size: .26rem;
    line-height: .3rem;
    margin-top: .08rem;
    color: #666
}

.body-user-verify .upload_dialog {
    position: fixed;
    z-index: 10000;
    bottom: .14rem;
    left: .14rem;
    right: .14rem;
    background-color: #fff;
    border-radius: .16rem;
    overflow: hidden
}

.body-user-verify .upload_dialog .title {
    position: relative
}

.body-user-verify .upload_dialog .title .close {
    position: absolute;
    left: 0;
    line-height: .7rem;
    padding: 0 .2rem;
    color: #888
}

.body-user-verify .upload_dialog .title .name {
    font-size: .32rem;
    line-height: .7rem;
    text-align: center;
    color: #333
}

.body-user-verify .upload_dialog .title:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: .02rem;
    border-bottom: .02rem solid #d8d8d8;
    color: #d8d8d8;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 999
}

.body-user-verify .upload_dialog .image {
    width: 5.8rem;
    margin: .4rem auto;
    background: #f1f3f5;
    padding: .1rem;
    box-shadow: 0 0 .2rem rgba(136,136,136,0.7);
    position: relative
}

.body-user-verify .upload_dialog .image img {
    width: 100%
}

.body-user-verify .upload_dialog .button {
    margin: .2rem
}

.body-user-verify .upload_dialog .button .note {
    font-size: .3rem;
    line-height: .4rem;
    color: #555
}

.body-user-verify .upload_dialog .button .btn {
    margin-top: .2rem;
    width: 100%;
    line-height: .7rem
}

.content-user-verify .upload-area {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background: #fff;
    margin-top: .4rem;
    position: relative;
    padding: 0 .1rem
}

.content-user-verify .upload-area:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: .02rem;
    border-top: .02rem solid #d8d8d8;
    color: #d8d8d8;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 999
}

.content-user-verify .upload-area:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: .02rem;
    border-bottom: .02rem solid #d8d8d8;
    color: #d8d8d8;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 999
}

.content-user-verify .upload-area .item {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: .3rem 0
}

.content-user-verify .upload-area .image {
    border: .02rem solid #ddd;
    height: 1.5rem;
    width: 1.9rem;
    margin: 0 auto;
    background: #fafbfc
}

.content-user-verify .upload-area .image .ff {
    display: block;
    text-align: center;
    font-size: 1.3rem;
    color: #bbb;
    line-height: 1.5rem
}

.content-user-verify .upload-area .image img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.content-user-verify .upload-area .text {
    text-align: center;
    font-size: .28rem;
    margin-top: .2rem;
    color: #222
}

.content-withdraw-record .withdraw-list .item {
    margin: .2rem .2rem;
    border: .02rem solid #ddd;
    border-top: 0;
    border-radius: 0 0 .08rem .08rem;
    position: relative;
    background: #fff
}

.content-withdraw-record .withdraw-list .item:before {
    position: absolute;
    content: " ";
    height: .05rem;
    left: -.02rem;
    right: -.02rem;
    display: block
}

.content-withdraw-record .withdraw-list .item-apply:before {
    background: #337ab7
}

.content-withdraw-record .withdraw-list .item-apply .title {
    color: #337ab7
}

.content-withdraw-record .withdraw-list .item-accept:before {
    background: #64aaef
}

.content-withdraw-record .withdraw-list .item-accept .title {
    color: #64aaef
}

.content-withdraw-record .withdraw-list .item-finish:before {
    background: #43c27b
}

.content-withdraw-record .withdraw-list .item-finish .title {
    color: #43c27b
}

.content-withdraw-record .withdraw-list .item-fail:before {
    background: #f98054
}

.content-withdraw-record .withdraw-list .item-fail .title {
    color: #f98054
}

.content-withdraw-record .withdraw-list .title {
    font-size: .34rem;
    padding: .2rem;
    line-height: .5rem
}

.content-withdraw-record .withdraw-list .title .money {
    float: left;
    font-size: .4rem
}

.content-withdraw-record .withdraw-list .title .money i {
    font-size: .3rem;
    font-style: normal;
    margin-right: .06rem
}

.content-withdraw-record .withdraw-list .title .status {
    float: right
}

.content-withdraw-record .withdraw-list .detail {
    padding: .2rem;
    position: relative;
    font-size: .28rem;
    color: #333
}

.content-withdraw-record .withdraw-list .detail:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: .02rem;
    border-top: .02rem solid #d8d8d8;
    color: #d8d8d8;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 999;
    left: .16rem;
    right: .16rem
}

.content-withdraw-record .withdraw-list .detail dl {
    line-height: 1.5
}

.content-withdraw-record .withdraw-list .detail dt {
    float: left;
    width: 2rem
}

.content-withdraw-record .withdraw-list .detail dd {
    float: right
}

.content-withdraw-channel-create .input-group {
    margin: .4rem 0
}

.content-withdraw-channel-create .wechat-pay {
    position: relative;
    padding: .2rem .3rem
}

.content-withdraw-channel-create .wechat-pay:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: .02rem;
    border-top: .02rem solid #d8d8d8;
    color: #d8d8d8;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 999;
    left: .3rem
}

.content-withdraw-channel-create .wechat-pay p {
    margin: 0
}

.content-withdraw-channel-create .wechat-pay .btn-line {
    margin-top: .3rem
}

.content-withdraw-channel-create .wechat-pay .btn {
    display: block;
    line-height: .8rem;
    margin-top: .2rem
}

.content-withdraw-create .title-chose {
    padding: .3rem .3rem .2rem .3rem;
    font-size: .32rem
}

.content-withdraw-create .title-chose+.cell-group {
    margin-top: 0
}

.content-withdraw-create .cell-channel .icon {
    width: .8rem;
    height: .8rem;
    line-height: .8rem;
    font-size: .7rem
}

.content-withdraw-create .cell-channel .title {
    padding: .2rem 0
}

.content-withdraw-create .cell-channel .title .name {
    font-size: .32rem;
    line-height: .46rem;
    color: #333
}

.content-withdraw-create .cell-channel .title .account {
    font-size: .28rem;
    line-height: .44rem;
    color: #666
}

.content-withdraw-create .cell-channel .remove {
    font-size: .28rem;
    line-height: .44rem;
    width: .44rem;
    border-radius: .05rem
}

.content-withdraw-create .cell-add .title {
    padding: .3rem 0
}

.content-withdraw-create .input-money {
    background: #fff;
    position: relative;
    padding: 0 .3rem;
    margin-top: .4rem
}

.content-withdraw-create .input-money:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: .02rem;
    border-top: .02rem solid #d9d9d9;
    color: #d9d9d9;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 999
}

.content-withdraw-create .input-money:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: .02rem;
    border-bottom: .02rem solid #d9d9d9;
    color: #d9d9d9;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 999
}

.content-withdraw-create .input-money .title {
    font-size: .3rem;
    color: #555;
    padding-top: .2rem
}

.content-withdraw-create .input-money .money {
    padding: .2rem 0;
    position: relative
}

.content-withdraw-create .input-money .money:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: .02rem;
    border-bottom: .02rem solid #d9d9d9;
    color: #d9d9d9;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 999
}

.content-withdraw-create .input-money .money-symbol {
    font-size: .6rem;
    line-height: 1rem;
    position: absolute;
    left: 0
}

.content-withdraw-create .input-money .money-input {
    font-size: .8rem;
    line-height: 1rem;
    border: 0;
    background: #fff;
    padding-left: .6rem;
    padding-right: .6rem;
    width: 100%;
    letter-spacing: .04rem;
    box-sizing: border-box
}

.content-withdraw-create .input-money .money-list {
    margin-right: -.2rem
}

.content-withdraw-create .input-money .money-list .item {
    float: left;
    width: 33.3333333333%;
    padding: .1rem .2rem .1rem 0;
    box-sizing: border-box
}

.content-withdraw-create .input-money .money-list label {
    display: block;
    border: .02rem solid #e9e9e9;
    border-radius: .04rem;
    background: #fdfdfd;
    padding: .3rem 0;
    text-align: center;
    font-size: .32rem
}

.content-withdraw-create .input-money .money-list label.disable {
    color: #aaa
}

.content-withdraw-create .input-money .money-list input {
    opacity: 0;
    z-index: 1;
    position: fixed;
    top: -999rem;
    left: -999rem
}

.content-withdraw-create .input-money .money-list input:checked+label {
    border-color: #f55152;
    color: #f55152;
    font-weight: bold
}

.content-withdraw-create .input-money .meta {
    padding: .1rem 0;
    font-size: .24rem;
    color: #888
}

.content-withdraw-create .input-money .meta p {
    margin: 0;
    line-height: .4rem
}

.content-withdraw-create .input-sms {
    margin-top: .4rem
}