@charset "UTF-8";
* { margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; }

input, button, select, textarea { outline: none; font-family: '微软雅黑'; }

li { list-style: none; }

img { border: 0; }

textarea { resize: none; }

body, div, span, ul, li, p, h1, h2, h3, h4, h5, h6, img, input, textare { margin: 0 auto; padding: 0; border: 0 none; }

body { font-size: 12px; font-family: PingFangSC-Medium,"微软雅黑",Arial, Helvetica, sans-serif; color: #323232; }

body { word-wrap: break-word; word-break: break-all; min-height: 100%; _height: 100%; }

a { color: #666; text-decoration: none; cursor: pointer; }

a:hover { text-decoration: none; }

a { outline: none; }

a:active { star: expression(this.onFocus=this.blur()); }

a:focus { outline: 0; }

.hidden { display: none; }

.vhidden { visibility: hidden; }

.clear { font-size: 1px; clear: both; line-height: 1px; }

.fc { overflow: hidden; zoom: 1; }

.block { display: block; }

.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }

.icon-xk-s1:before, .icon-xk-s2:before, .icon-xk-s3:before, .icon-xk-s4:before, .icon-xk-left:before, .icon-xk-right:before, .icon-xk-search:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/** 1. Set default font family to sans-serif. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. 0. sassCore's style */
html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ overflow-y: scroll; /* 0 */ -webkit-overflow-scrolling: touch; /* 0 */ }

/** 1. Remove default margin 0. sassCore's style. */
body { margin: 0; /* 1 */ line-height: 1.5; /* 0 */ color: #333; /* 0 */ background-color: #fff; /* 0 */ }

/* HTML5 display definitions ========================================================================== */
/** Correct `block` display not defined for any HTML5 element in IE 8/9. Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. Correct `block` display not defined for `main` in IE 11. */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

/** 1. Correct `inline-block` display not defined in IE 8/9. 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. 3. Correct `inline-block` display in IE 6/7. */
audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ *display: inline; /* 3 */ *zoom: 1; /* 3 */ }

/** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }

/** Address `[hidden]` styling not present in IE 8/9/10. Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */
[hidden], template { display: none; }

/* Links ========================================================================== */
/** 1. Remove the gray background color from active links in IE 10. 2. Improve readability when focused and also mouse hovered in all browsers. 0. sassCore's style. */
a { background: transparent; /* 1 */ /* 0 */ text-decoration: none; color: #08c; }
a:active, a:hover { outline: 0; /* 2 */ }
a:hover { color: #006699; }

/* Text-level semantics ========================================================================== */
/** Address styling not present in IE 8/9/10/11, Safari, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }

/** Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */
b, strong { font-weight: bold; }

/** Address styling not present in Safari and Chrome. */
dfn { font-style: italic; }

/** Address styling not present in IE 8/9. */
mark { background: #ff0; color: #000; }

/** Address inconsistent and variable font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* Embedded content ========================================================================== */
/** 1. Remove border when inside `a` element in IE 8/9/10. 2. Improve image quality when scaled in IE 7. 0. sassCore's style. */
img { border: 0; /* 1 */ vertical-align: middle; /* 0 */ -ms-interpolation-mode: bicubic; /* 2 */ }

/** Correct overflow not hidden in IE 9/10/11. */
svg:not(:root) { overflow: hidden; }

/* Grouping content ========================================================================== */
/** Address differences between Firefox and other browsers. */
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

/** 1. Contain overflow in all browsers. 2. Improve readability of pre-formatted text in all browsers. */
pre { overflow: auto; /* 1 */ white-space: pre; /* 2 */ white-space: pre-wrap; /* 2 */ word-wrap: break-word; /* 2 */ }

/** 1. Address odd `em`-unit font size rendering in all browsers. 2. Correct font family set oddly in IE 6, Safari 4/5, and Chrome. */
code, kbd, pre, samp { font-family: monospace, monospace; /* 1 */ _font-family: 'courier new', monospace; /* 1 */ font-size: 1em; /* 2 */ }

/* Forms ========================================================================== */
/** Known limitation: by default, Chrome and Safari on OS X allow very limited styling of `select`, unless a `border` property is set. */
/** 1. Correct color not being inherited. Known issue: affects color of disabled elements. 2. Correct font properties not being inherited. 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */
button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ }

/** Address `overflow` set to `hidden` in IE 8/9/10/11. */
button { overflow: visible; }

/** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. Correct `select` style inheritance in Firefox. */
button, select { text-transform: none; }

/** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. 4. Remove inner spacing in IE 7 without affecting normal text inputs. Known issue: inner spacing remains in IE 6. */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible; /* 4 */ }

/** Re-set default cursor for disabled elements. */
button[disabled], html input[disabled] { cursor: default; }

/** Remove inner padding and border in Firefox 4+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
input { line-height: normal; }

/** It's recommended that you don't attempt to style these elements. Firefox's implementation doesn't respect box-sizing, padding, or width.  1. Address box sizing set to `content-box` in IE 8/9/10. 2. Remove excess padding in IE 8/9/10. 3. Remove excess padding in IE 7. Known issue: excess padding remains in IE 6. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ }

/** Fix the cursor style for Chrome's increment/decrement buttons. For certain `font-size` values of the `input`, it causes the cursor style of the decrement button to change from `default` to `text`. */
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

/** 1. Address `appearance` set to `searchfield` in Safari and Chrome. 2. Address `box-sizing` set to `border-box` in Safari and Chrome (include `-moz` to future-proof). */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }

/** Remove inner padding and search cancel button in Safari and Chrome on OS X. Safari (but not Chrome) clips the cancel button when the search input has padding (and `textfield` appearance). */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** Define consistent border, margin, and padding. */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/** 1. Correct `color` not being inherited in IE 8/9/10/11. 2. Remove padding so people aren't caught out if they zero out fieldsets. 3. Correct alignment displayed oddly in IE 6/7. */
legend { border: 0; /* 1 */ padding: 0; /* 2 */ *margin-left: -7px; /* 3 */ }

/** 1. Remove default vertical scrollbar in IE 8/9/10/11. 0. sassCore's style */
textarea { overflow: auto; /* 1 */ resize: vertical; /* 0 */ }

/** Don't inherit the `font-weight` (applied by a rule above). NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */
optgroup { font-weight: bold; }

/* Tables ========================================================================== */
/** Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

/** Address CSS quotes not supported in IE 6/7. */
q { quotes: none; }

html, button, input, select, textarea { font-family: "Helvetica Neue", Helvetica, Tahoma, sans-serif; }

h1, h2, h3, h4, h5, h6, p, figure, form, blockquote { margin: 0; }

ul, ol, li, dl, dd { margin: 0; padding: 0; }

ul, ol { list-style: none outside none; }

h1, h2, h3 { line-height: 2; font-weight: normal; }

h1 { font-size: 21px; }

h2 { font-size: 18.2px; }

h3 { font-size: 16.38px; }

h4 { font-size: 14px; }

h5, h6 { font-size: 11.9px; text-transform: uppercase; }

input:-moz-placeholder, textarea:-moz-placeholder { color: #ccc; }

input::-moz-placeholder, textarea::-moz-placeholder { color: #ccc; }

input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #ccc; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #ccc; }

@font-face { font-family: FontAwesome; font-weight: normal; font-style: normal; src: url("../font/iconfont.eot"); src: url("../font/iconfont.eot?#iefix") format("eot"), url("../font/iconfont.svg#FontAwesome") format("svg"), url("../font/iconfont.woff") format("woff"), url("../font/iconfont.ttf") format("truetype"); }
.icon-xk-s1, .icon-xk-s2, .icon-xk-s3, .icon-xk-s4, .icon-xk-left, .icon-xk-right, .icon-xk-search { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-xk-s1:before { content: ""; }

.icon-xk-s2:before { content: ""; }

.icon-xk-s3:before { content: ""; }

.icon-xk-s4:before { content: ""; }

.icon-xk-left:before { content: ""; }

.icon-xk-right:before { content: ""; }

.icon-xk-search:before { content: ""; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

@media screen and (max-width: 320px) { html { font-size: 12px; } }
@media screen and (min-width: 321px) and (max-width: 414px) { html { font-size: 14px; } }
@media screen and (min-width: 415px) and (max-width: 568px) { html { font-size: 16px; } }
@media screen and (min-width: 569px) and (max-width: 736px) { html { font-size: 18px; } }
@media screen and (min-width: 737px) and (max-width: 1080px) { html { font-size: 22px; } }
@media screen and (min-width: 1081px) { html { font-size: 36px; } }
/** 去除双击选中文字 %user */
.l { float: left; }

.r { float: right; }

.hidden { display: none; }

:root { --swiper-pagination-color: #ff2c4c; }

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

.flex { display: flex; display: -webkit-flex; }

.flex__item { flex: 1; }

img { max-width: 100%; max-height: 100%; }

.footer-sub { height: 3.76923rem; background-color: #fff; position: fixed; left: 0; bottom: 0; width: 100%; text-align: center; padding-top: 0.46154rem; box-shadow: 0 -3px 5px rgba(0, 0, 0, 0.06); z-index: 100; }

.footer-sub .bar-item { display: inline-block; font-size: 0; }

.bar-item img { width: 1.92308rem; height: 1.92308rem; }

.bar-item .texts { font-size: 0.92308rem; line-height: 1; padding-top: 0.26923rem; color: #333; }

.footer-sub .bar-item.cur .texts { color: #ff2c4b; }

.tabs { display: block; text-align: center; }

.tabs-content .contents { display: none; height: 100%; }
.tabs-content .contents.active { display: block; }
.tabs-content .fade { -webkit-transition: opacity 0.3s ease-out; -ms-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; opacity: 0; }
.tabs-content .fade.in { opacity: 1; }

.weui-cells { position: relative; margin-top: 1.17647059em; background-color: #FFFFFF; line-height: 1.41176471; font-size: 17px; }

.weui-cells:before { content: " "; position: absolute; left: 0; top: 0; right: 0; height: 1px; border-top: 1px solid #D9D9D9; color: #D9D9D9; }

.weui-cells:after { content: " "; position: absolute; left: 0; bottom: 0; right: 0; height: 1px; border-bottom: 1px solid #D9D9D9; color: #D9D9D9; }

.weui-cells__title { margin-top: .77em; margin-bottom: .3em; padding-left: 15px; padding-right: 15px; color: #999999; font-size: 14px; }

.weui-cells_after-title { margin-top: 0; }

.weui-cells__tips { margin-top: .3em; color: #999999; padding-left: 15px; padding-right: 15px; font-size: 14px; }

.weui-cell { padding: 10px 15px; position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; }

.weui-cell:before { content: " "; position: absolute; left: 0; top: 0; right: 0; height: 1px; border-top: 1px solid #D9D9D9; color: #D9D9D9; left: 15px; }

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

.weui-cell_active { background-color: #ECECEC; }

.weui-cell_primary { -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start; }

.weui-cell__bd { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; }

.weui-cell__ft { text-align: right; color: #999999; }

.weui-cell_access { color: inherit; }

.weui-cell__ft_in-access { padding-right: 13px; position: relative; }

.weui-cell__ft_in-access:after { content: " "; display: inline-block; height: 6px; width: 6px; border-width: 2px 2px 0 0; border-color: #C8C8CD; border-style: solid; -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0); transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0); position: relative; top: -2px; position: absolute; top: 50%; margin-top: -4px; right: 2px; }

.weui-cell_link { color: #586C94; font-size: 14px; }

.weui-cell_link:active { background-color: #ECECEC; }

.weui-cell_link:first-child:before { display: block; }

.weui-icon-radio { margin-left: 3.2px; margin-right: 3.2px; }

.weui-icon-checkbox_circle, .weui-icon-checkbox_success { margin-left: 4.6px; margin-right: 4.6px; }

.weui-check__label:active { background-color: #ECECEC; }

.weui-check { position: absolute; left: -9999px; }

.weui-check__hd_in-checkbox { padding-right: 0.35em; }

.weui-cell__ft_in-radio { padding-left: 0.35em; }

.weui-cell_input { padding-top: 0; padding-bottom: 0; }

.weui-label { width: 105px; word-wrap: break-word; word-break: break-all; }

.weui-input { height: 2.58823529em; min-height: 2.58823529em; line-height: 2.58823529em; }

.weui-toptips { position: fixed; -webkit-transform: translateZ(0); transform: translateZ(0); top: 0; left: 0; right: 0; padding: 5px; font-size: 14px; text-align: center; color: #FFFFFF; z-index: 5000; word-wrap: break-word; word-break: break-all; }

.weui-toptips_warn { background-color: #E64340; }

.weui-textarea { display: block; width: 100%; }

.weui-textarea-counter { color: #B2B2B2; text-align: right; }

.weui-textarea-counter_warn { color: #E64340; }

.weui-cell_warn { color: #E64340; }

.weui-form-preview { position: relative; background-color: #FFFFFF; }

.weui-form-preview:before { content: " "; position: absolute; left: 0; top: 0; right: 0; height: 1px; border-top: 1px solid #D9D9D9; color: #D9D9D9; }

.weui-form-preview:after { content: " "; position: absolute; left: 0; bottom: 0; right: 0; height: 1px; border-bottom: 1px solid #D9D9D9; color: #D9D9D9; }

.weui-form-preview__value { font-size: 14px; }

.weui-form-preview__value_in-hd { font-size: 26px; }

.weui-form-preview__hd { position: relative; padding: 10px 15px; text-align: right; line-height: 2.5em; }

.weui-form-preview__hd:after { content: " "; position: absolute; left: 0; bottom: 0; right: 0; height: 1px; border-bottom: 1px solid #D9D9D9; color: #D9D9D9; left: 15px; }

.weui-form-preview__bd { padding: 10px 15px; font-size: .9em; text-align: right; color: #999999; line-height: 2; }

.weui-form-preview__ft { position: relative; line-height: 50px; display: -webkit-box; display: -webkit-flex; display: flex; }

.weui-form-preview__ft:after { content: " "; position: absolute; left: 0; top: 0; right: 0; height: 1px; border-top: 1px solid #D5D5D6; color: #D5D5D6; }

.weui-form-preview__item { overflow: hidden; }

.weui-form-preview__label { float: left; margin-right: 1em; min-width: 4em; color: #999999; text-align: justify; text-align-last: justify; }

.weui-form-preview__value { display: block; overflow: hidden; word-break: normal; word-wrap: break-word; }

.weui-form-preview__btn { position: relative; display: block; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; color: #3CC51F; text-align: center; }

.weui-form-preview__btn:after { content: " "; position: absolute; left: 0; top: 0; width: 1px; bottom: 0; border-left: 1px solid #D5D5D6; color: #D5D5D6; }

.weui-form-preview__btn:first-child:after { display: none; }

.weui-form-preview__btn_active { background-color: #EEEEEE; }

.weui-form-preview__btn_default { color: #999999; }

.weui-form-preview__btn_primary { color: #0BB20C; }

.weui-cell_select { padding: 0; }

.weui-select { position: relative; padding-left: 15px; padding-right: 30px; height: 2.58823529em; min-height: 2.58823529em; line-height: 2.58823529em; border-right: 1px solid #D9D9D9; }

.weui-select:before { content: " "; display: inline-block; height: 6px; width: 6px; border-width: 2px 2px 0 0; border-color: #C8C8CD; border-style: solid; -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0); transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0); position: relative; top: -2px; position: absolute; top: 50%; right: 15px; margin-top: -4px; }

.weui-select_in-select-after { padding-left: 0; }

.weui-cell__hd_in-select-after, .weui-cell__bd_in-select-before { padding-left: 15px; }

.weui-cell_vcode { padding-right: 0; }

.weui-vcode-img { margin-left: 5px; height: 2.58823529em; vertical-align: middle; }

.weui-vcode-btn { display: inline-block; height: 2.58823529em; margin-left: 5px; padding: 0 0.6em 0 0.7em; border-left: 1px solid #E5E5E5; line-height: 2.58823529em; vertical-align: middle; font-size: 17px; color: #3CC51F; white-space: nowrap; }

.weui-vcode-btn:active { color: #52a341; }

.weui-cell_switch { padding-top: 6px; padding-bottom: 6px; }

.weui-uploader__hd { display: -webkit-box; display: -webkit-flex; display: flex; padding-bottom: 10px; -webkit-box-align: center; -webkit-align-items: center; align-items: center; }

.weui-uploader__title { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; }

.weui-uploader__info { color: #B2B2B2; }

.weui-uploader__bd { margin-bottom: -4px; margin-right: -9px; overflow: hidden; }

.weui-uploader__file { float: left; margin-right: 9px; margin-bottom: 9px; }

.weui-uploader__img { display: block; width: 79px; height: 79px; }

.weui-uploader__file_status { position: relative; }

.weui-uploader__file_status:before { content: " "; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); }

.weui-uploader__file-content { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #FFFFFF; }

.weui-uploader__input-box { float: left; position: relative; margin-right: 9px; margin-bottom: 9px; width: 77px; height: 77px; border: 1px solid #D9D9D9; }

.weui-uploader__input-box:before, .weui-uploader__input-box:after { content: " "; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #D9D9D9; }

.weui-uploader__input-box:before { width: 2px; height: 39.5px; }

.weui-uploader__input-box:after { width: 39.5px; height: 2px; }

.weui-uploader__input-box:active { border-color: #999999; }

.weui-uploader__input-box:active:before, .weui-uploader__input-box:active:after { background-color: #999999; }

.weui-uploader__input { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; }

.weui-article { padding: 20px 15px; font-size: 15px; }

.weui-article__section { margin-bottom: 1.5em; }

.weui-article__h1 { font-size: 18px; font-weight: 400; margin-bottom: .9em; }

.weui-article__h2 { font-size: 16px; font-weight: 400; margin-bottom: .34em; }

.weui-article__h3 { font-weight: 400; font-size: 15px; margin-bottom: .34em; }

.weui-article__p { margin: 0 0 .8em; }

.weui-msg { padding-top: 36px; text-align: center; }

.weui-msg__link { display: inline; color: #586C94; }

.weui-msg__icon-area { margin-bottom: 30px; }

.weui-msg__text-area { margin-bottom: 25px; padding: 0 20px; }

.weui-msg__title { margin-bottom: 5px; font-weight: 400; font-size: 20px; }

.weui-msg__desc { font-size: 14px; color: #999999; }

.weui-msg__opr-area { margin-bottom: 25px; }

.weui-msg__extra-area { margin-bottom: 15px; font-size: 14px; color: #999999; }

@media screen and (min-height: 438px) { .weui-msg__extra-area { position: fixed; left: 0; bottom: 0; width: 100%; text-align: center; } }
.weui-flex { display: -webkit-box; display: -webkit-flex; display: flex; }

.weui-flex__item { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; }

.weui-btn { margin-top: 15px; }

.weui-btn:first-child { margin-top: 0; }

.weui-btn-area { margin: 1.17647059em 15px 0.3em; }

.weui-agree { display: block; padding: .5em 15px; font-size: 13px; }

.weui-agree__text { color: #999999; }

.weui-agree__link { display: inline; color: #586C94; }

.weui-agree__checkbox { position: absolute; left: -9999px; }

.weui-agree__checkbox-icon { position: relative; top: 2px; display: inline-block; border: 1px solid #D1D1D1; background-color: #FFFFFF; border-radius: 3px; width: 11px; height: 11px; }

.weui-agree__checkbox-icon-check { position: absolute; top: 1px; left: 1px; }

.weui-footer { color: #999999; font-size: 14px; text-align: center; }

.weui-footer_fixed-bottom { position: fixed; bottom: .52em; left: 0; right: 0; }

.weui-footer__links { font-size: 0; }

.weui-footer__link { display: inline-block; vertical-align: top; margin: 0 .62em; position: relative; font-size: 14px; color: #586C94; }

.weui-footer__link:before { content: " "; position: absolute; left: 0; top: 0; width: 1px; bottom: 0; border-left: 1px solid #C7C7C7; color: #C7C7C7; left: -0.65em; top: .36em; bottom: .36em; }

.weui-footer__link:first-child:before { display: none; }

.weui-footer__text { padding: 0 .34em; font-size: 12px; }

.weui-grids { border-top: 1px solid #D9D9D9; border-left: 1px solid #D9D9D9; overflow: hidden; }

.weui-grid { position: relative; float: left; padding: 20px 10px; width: 33.33333333%; box-sizing: border-box; border-right: 1px solid #D9D9D9; border-bottom: 1px solid #D9D9D9; }

.weui-grid_active { background-color: #ECECEC; }

.weui-grid__icon { display: block; width: 28px; height: 28px; margin: 0 auto; }

.weui-grid__label { margin-top: 5px; display: block; text-align: center; color: #000000; font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.weui-loading { margin: 0 5px; width: 20px; height: 20px; display: inline-block; vertical-align: middle; -webkit-animation: weuiLoading 1s steps(12, end) infinite; animation: weuiLoading 1s steps(12, end) infinite; background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxMDB2MTAwSDB6Ii8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTlFOUU5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTMwKSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iIzk4OTY5NyIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgzMCAxMDUuOTggNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjOUI5OTlBIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDYwIDc1Ljk4IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0EzQTFBMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA2NSA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNBQkE5QUEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDU4LjY2IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0IyQjJCMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgxNTAgNTQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjQkFCOEI5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDE4MCA1MCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDMkMwQzEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE1MCA0NS45OCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDQkNCQ0IiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTEyMCA0MS4zNCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNEMkQyRDIiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDM1IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0RBREFEQSIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgtNjAgMjQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTJFMkUyIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKC0zMCAtNS45OCA2NSkiLz48L3N2Zz4=) no-repeat; background-size: 100%; }

.weui-loading.weui-loading_transparent { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 100 100'%3E%3Cpath fill='none' d='M0 0h100v100H0z'/%3E%3Crect xmlns='http://www.w3.org/2000/svg' width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.56)' rx='5' ry='5' transform='translate(0 -30)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.5)' rx='5' ry='5' transform='rotate(30 105.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.43)' rx='5' ry='5' transform='rotate(60 75.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.38)' rx='5' ry='5' transform='rotate(90 65 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.32)' rx='5' ry='5' transform='rotate(120 58.66 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.28)' rx='5' ry='5' transform='rotate(150 54.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.25)' rx='5' ry='5' transform='rotate(180 50 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.2)' rx='5' ry='5' transform='rotate(-150 45.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.17)' rx='5' ry='5' transform='rotate(-120 41.34 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.14)' rx='5' ry='5' transform='rotate(-90 35 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.1)' rx='5' ry='5' transform='rotate(-60 24.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.03)' rx='5' ry='5' transform='rotate(-30 -5.98 65)'/%3E%3C/svg%3E"); }

@-webkit-keyframes weuiLoading { 0% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); }
  100% { -webkit-transform: rotate3d(0, 0, 1, 360deg); transform: rotate3d(0, 0, 1, 360deg); } }
@keyframes weuiLoading { 0% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); }
  100% { -webkit-transform: rotate3d(0, 0, 1, 360deg); transform: rotate3d(0, 0, 1, 360deg); } }
.weui-badge { display: inline-block; padding: .15em .4em; min-width: 8px; border-radius: 18px; background-color: #E64340; color: #FFFFFF; line-height: 1.2; text-align: center; font-size: 12px; vertical-align: middle; }

.weui-badge_dot { padding: .4em; min-width: 0; }

.weui-loadmore { width: 65%; margin: 1.5em auto; line-height: 1.6em; font-size: 14px; text-align: center; }

.weui-loadmore__tips { display: inline-block; vertical-align: middle; }

.weui-loadmore_line { border-top: 1px solid #E5E5E5; margin-top: 2.4em; }

.weui-loadmore__tips_in-line { position: relative; top: -0.9em; padding: 0 .55em; background-color: #FFFFFF; color: #999999; }

.weui-loadmore__tips_in-dot { position: relative; padding: 0 .16em; width: 4px; height: 1.6em; }

.weui-loadmore__tips_in-dot:before { content: " "; position: absolute; top: 50%; left: 50%; margin-top: -1px; margin-left: -2px; width: 4px; height: 4px; border-radius: 50%; background-color: #E5E5E5; }

.weui-panel { background-color: #FFFFFF; margin-top: 10px; position: relative; overflow: hidden; }

.weui-panel:first-child { margin-top: 0; }

.weui-panel:before { content: " "; position: absolute; left: 0; top: 0; right: 0; height: 1px; border-top: 1px solid #E5E5E5; color: #E5E5E5; }

.weui-panel:after { content: " "; position: absolute; left: 0; bottom: 0; right: 0; height: 1px; border-bottom: 1px solid #E5E5E5; color: #E5E5E5; }

.weui-panel__hd { padding: 14px 15px 10px; color: #999999; font-size: 13px; position: relative; }

.weui-panel__hd:after { content: " "; position: absolute; left: 0; bottom: 0; right: 0; height: 1px; border-bottom: 1px solid #E5E5E5; color: #E5E5E5; left: 15px; }

.weui-media-box { padding: 15px; position: relative; }

.weui-media-box:before { content: " "; position: absolute; left: 0; top: 0; right: 0; height: 1px; border-top: 1px solid #E5E5E5; color: #E5E5E5; left: 15px; }

.weui-media-box:first-child:before { display: none; }

.weui-media-box__title { font-weight: 400; font-size: 17px; width: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; word-wrap: break-word; word-break: break-all; }

.weui-media-box__desc { color: #999999; font-size: 13px; line-height: 1.2; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.weui-media-box__info { margin-top: 15px; padding-bottom: 5px; font-size: 13px; color: #CECECE; line-height: 1em; list-style: none; overflow: hidden; }

.weui-media-box__info__meta { float: left; padding-right: 1em; }

.weui-media-box__info__meta_extra { padding-left: 1em; border-left: 1px solid #CECECE; }

.weui-media-box__title_in-text { margin-bottom: 8px; }

.weui-media-box_appmsg { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; }

.weui-media-box__thumb { width: 100%; height: 100%; vertical-align: top; }

.weui-media-box__hd_in-appmsg { margin-right: .8em; width: 60px; height: 60px; line-height: 60px; text-align: center; }

.weui-media-box__bd_in-appmsg { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; min-width: 0; }

.weui-media-box_small-appmsg { padding: 0; }

.weui-cells_in-small-appmsg { margin-top: 0; }

.weui-cells_in-small-appmsg:before { display: none; }

.weui-progress { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; }

.weui-progress__bar { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; }

.weui-progress__opr { margin-left: 15px; font-size: 0; }

.weui-navbar { display: -webkit-box; display: -webkit-flex; display: flex; position: absolute; z-index: 500; top: 0; width: 100%; border-bottom: 1px solid #CCCCCC; }

.weui-navbar__item { position: relative; display: block; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; padding: 13px 0; text-align: center; font-size: 0; }

.weui-navbar__item.weui-bar__item_on { color: #1AAD19; }

.weui-navbar__slider { position: absolute; content: " "; left: 0; bottom: 0; width: 6em; height: 3px; background-color: #1AAD19; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; }

.weui-navbar__title { display: inline-block; font-size: 15px; max-width: 8em; width: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; }

.weui-tab { position: relative; height: 100%; }

.weui-tab__panel { box-sizing: border-box; height: 100%; padding-top: 50px; overflow: auto; -webkit-overflow-scrolling: touch; }

.weui-search-bar { position: relative; padding: 8px 10px; display: -webkit-box; display: -webkit-flex; display: flex; box-sizing: border-box; background-color: #EFEFF4; border-top: 1px solid #D7D6DC; border-bottom: 1px solid #D7D6DC; }

.weui-icon-search { margin-right: 8px; font-size: inherit; }

.weui-icon-search_in-box { position: absolute; left: 10px; top: 7px; }

.weui-search-bar__text { display: inline-block; font-size: 14px; vertical-align: middle; }

.weui-search-bar__form { position: relative; -webkit-box-flex: 1; -webkit-flex: auto; flex: auto; border-radius: 5px; background: #FFFFFF; border: 1px solid #E6E6EA; }

.weui-search-bar__box { position: relative; padding-left: 30px; padding-right: 30px; width: 100%; box-sizing: border-box; z-index: 1; }

.weui-search-bar__input { height: 28px; line-height: 28px; font-size: 14px; }

.weui-icon-clear { position: absolute; top: 0; right: 0; padding: 7px 8px; font-size: 0; }

.weui-search-bar__label { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; border-radius: 3px; text-align: center; color: #9B9B9B; background: #FFFFFF; line-height: 28px; }

.weui-search-bar__cancel-btn { margin-left: 10px; line-height: 28px; color: #09BB07; white-space: nowrap; }

.mindex { /**/ /* swiper-ad */ /**/ /* item1 */ /* item2 */ /* 测试 */ /* .menu-box .menuItem:nth-child(2) text,
.menu-box .menuItem:nth-child(3) text{ color:#ff2c4b; font-weight: bold;
} */ /* item4 */ /* group6 */ /* group7 */ /* titles2 */ /* group7*/ }
.mindex .content { height: 100%; background: #fbfbfb; }
.mindex .heighscroll { height: 100%; overflow: hidden; }
.mindex .content .index { position: relative; top: 55px; }
.mindex .header { padding: 0 30px; align-items: center; }
.mindex .imgBox { display: inline-block; }
.mindex .imgBox image { width: 100%; height: 100%; min-height: 100%; }
.mindex .tap1, .mindex .tap3 { width: 50px; height: 56px; line-height: 56px; }
.mindex .tap2 { width: 60px; height: 56px; line-height: 56px; text-align: center; }
.mindex .tap3 { text-align: right; }
.mindex .search-box { padding: 0 20px; margin-top: 10px; position: relative; }
.mindex .search-box .weui-input { height: 56px; min-height: 56px; line-height: 56px; background-color: #f5f5f5; border-radius: 15px; font-size: 14px; padding: 0 60px 0 30px; }
.mindex .search-icon { width: 24px; height: 24px; position: absolute; right: 40px; top: 16px; font-size: 0; line-height: 1; }
.mindex .search-icon img { width: 24px; height: 24px; min-height: 24px; }
.mindex .menu-wrapper { padding: 0.53846rem 0 0.23846rem 0;  background: #ff95a5; color:#fff; }
.mindex .menu-box { white-space: nowrap; overflow: auto; }
.mindex .menu-box .menuItem { text-align: center; font-size: 0;  padding: 0.53846rem 1.05385rem 0.76923rem 1.05385rem; 
  position: relative; height: 3.52308rem; display: inline-block; /* padding-right:20px; */ }
.mindex .menu-box .menuItem span { font-size: 1.15rem; display: block; }
.mindex .menu-box .menuItem span.en { font-size: 0.8rem; }
.mindex .menu-box .menuItem::after { content: ''; display: inline-block; position: absolute; left: 50%; bottom: 0; width: 1.92308rem; height: 2px; background-color: transparent; margin-left: -0.96154rem; }
.mindex .menu-box .menuItem.active span { font-weight: bold; }
.mindex .menu-box .menuItem.active::after { /*background-color: #ff2c4b;*/ }
.mindex .banner { margin: 1.34615rem 0; overflow: hidden; position: relative; }
.mindex .banner img { max-width: 100%; max-height: 100%; }
.mindex .banner-item { /* border-radius:3px; */ overflow: hidden; }
.mindex .swiper-ad { padding: 0 1.34615rem; }
.mindex .swiper-ad .ad-swiper { position: relative; width: 100%; overflow: hidden; }
.mindex .swiper-ad .ad-swiper img { max-width: 100%; max-height: 100%; }
.mindex .blocks { margin-top: 20px; }
.mindex .titles { padding: 0.76923rem 1.34615rem 0 1.34615rem; font-size: 14px; color: #666; align-items: center; }
.mindex .titles .names { font-size: 0; }
.mindex .titles .names .text { font-size: 18px; display: inline-block; vertical-align: middle; color: #111; font-weight: bold; }
.mindex .titles .names::before { content: ''; display: inline-block; vertical-align: middle; width: 3px; height: 1.30769rem; background-color: #ff2c4b; margin-right: 0.6rem; }
.mindex .titles .mores { font-size: 0; }
.mindex .titles .mores, .mindex .titles .text { font-size: 12px; display: inline-block; vertical-align: middle; }
.mindex .titles .text { color: #999; }
.mindex .titles .mores img { width: 0.38462rem; height: 0.65385rem; min-height: 0.65385rem; margin-left: 0.38462rem; }
.mindex .titles-sort { padding: 0.96154rem 1.15385rem 1.15385rem 1.15385rem; font-size: 12px; color: #666; position: relative; }
.mindex .titles-sort::after { content: ''; display: block; position: absolute; left: 1.34615rem; bottom: 0.38462rem; width: 5.76923rem; height: 2px; background-color: #eee; }
.mindex .group3-wrapper { padding: 0.76923rem 1.34615rem; }
.mindex .group3 { padding: 1rem 0.76923rem; background: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); border-radius: 0.61538rem; margin-top: 10px; overflow: auto; }
.mindex .block-x { white-space: nowrap; }
.mindex .group3 .items { padding: 0 0.69231rem; margin: 0; }
.mindex .group3 .items .boxs { width: 6.92308rem; border-radius: 3px; overflow: hidden; }
.mindex .group3 .items .boxs .imgs, .mindex .group3 .items .boxs img { width: 6.92308rem; height: 7.69231rem; overflow: hidden; }
.mindex .group3 .items .boxs .names { text-align: center; font-size: 14px; color: #333; /* font-weight: bold; */ line-height: 1; padding-top: 1.15385rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mindex .group3 .items .boxs .names2 { font-size: 12px; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mindex .group3 .items .boxs .names3 { margin-top: 10px; font-size: 12px; color: #666; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; position: relative; word-break: break-all; overflow: hidden; }
.mindex .group4 { padding: 1.73077rem 1.15385rem 0.96154rem; }
.mindex .group4 .group4-box { /* padding:5px 0; */ padding: 5px 1.15385rem; background: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); border-radius: 0.61538rem; }
.mindex .group4 .items { padding: 0.96154rem 0; /* padding:25px 30px;
background: #fff;
box-shadow: 0 0 5px rgba(0,0,0,0.1);
border-radius:16px;
margin-bottom:20px; */ }
.mindex .group4 .items .imgs { /* width:156px;
height:180px; */ width: 6.92308rem; height: 7.69231rem; border-radius: 3px; overflow: hidden; }
.mindex .group4 .items .imgs img { width: 6.92308rem; height: 7.69231rem; }
.mindex .group4 .items .info { padding-left: 25px; height: 6.92308rem; overflow: hidden; }
.mindex .group4 .items .info .names { font-size: 16px; color: #111; line-height: 1.7; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mindex .group4 .items .info .dec { font-size: 14px; color: #666; line-height: 42px; height: 84px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; position: relative; word-break: break-all; }
.mindex .group4 .items .info .num { font-size: 14px; color: #ff2c4b; }
.mindex .group4 .items .info .num text { font-weight: bold; font-family: Arial; font-size: 16px; }
.mindex .group2 { padding: 0.76923rem 1.15385rem 0.76923rem; margin-top: 0.76923rem; }
.mindex .group2.special { padding: 0; }
.mindex .group2.special .flex { border-radius: 0; box-shadow: none; padding: 0.76923rem 0.76923rem 0; }
.mindex .group2.special .items .img-box { width: 6.92308rem; height: 7.69231rem; border-radius: 3px; overflow: hidden; }
.mindex .group2.special .items .img-box img { width: 6.92308rem; height: 7.69231rem; }
.mindex .group2 .flex { background: #fff; border-radius: 16px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); padding: 1.15385rem 0.76923rem 0; flex-wrap: wrap; }
.mindex .group2 .items { padding: 0 5px; flex: 0 0 33.33%; box-sizing: border-box; margin: 0 0 1.53846rem 0; }
.mindex .group2 .items .img-box { border-radius: 5px; overflow: hidden; position: relative; width: 90%; margin: 0 auto; }
.mindex .group2 .items .img-box::after { content: ''; display: block; margin-top: 100%; }
.mindex .group2 .items .img-box img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.mindex .group2 .items .name-box { text-align: center; line-height: 2; }
.mindex .group2 .items .dec-box { text-align: center; color: #999; font-size: 12px; }
.mindex ::-webkit-scrollbar { width: 0; height: 0; color: transparent; display: none; }
.mindex .group5 { padding: 0.96154rem 0.38462rem; overflow: auto; width: 100%; }
.mindex .group5 .items { padding: 1.15385rem 1.53846rem; background: #fff; border-radius: 0.61538rem; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); margin: 0 1.15385rem 0 0; }
.mindex .group5 .items .imgs { width: 6.34615rem; height: 7.30769rem; border-radius: 3px; overflow: hidden; }
.mindex .group5 .items .imgs image { width: 6.34615rem; height: 7.30769rem; }
.mindex .group5 .items .info { padding-left: 0.96154rem; height: 7.30769rem; overflow: hidden; width: 9.23077rem; white-space: normal; }
.mindex .group5 .items .info .names { font-size: 14px; color: #000; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; position: relative; word-break: break-all; }
.mindex .group5 .items .info .dec { font-size: 12px; color: #666; line-height: 1.34615rem; height: 2.69231rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; position: relative; word-break: break-all; }
.mindex .group5 .items .info .num { font-size: 12px; color: #c8c8c8; margin-top: 6px; }
.mindex .group5 .items .info .num text { font-weight: bold; font-family: Arial; font-size: 16px; }
.mindex .group6 { margin: 1.53846rem 0.76923rem 1.15385rem 0.76923rem; background: #fff; border-radius: 0.61538rem; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); overflow: hidden; }
.mindex .group6 .item-flex { padding: 1.15385rem 0.76923rem 0.38462rem; flex-wrap: wrap; }
.mindex .group6 .item-flex .items { flex: 0 0 50%; box-sizing: border-box; padding: 0.38462rem 0.76923rem; height: 6.92308rem; margin: 0 0 0.76923rem 0; }
.mindex .group6 .item-flex .items .imgs { width: 4.84615rem; height: 5.57692rem; border-radius: 3px; overflow: hidden; }
.mindex .group6 .item-flex .items .imgs img { width: 4.84615rem; height: 5.57692rem; }
.mindex .group6 .item-flex .items .info { padding-left: 0.53846rem; }
.mindex .group6 .item-flex .items .info .names { font-size: 14px; color: #111; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; position: relative; word-break: break-all; overflow: hidden; }
.mindex .group6 .item-flex .items .info .num { font-size: 12px; color: #c8c8c8; }
.mindex .group7-wrapper { background: #fff; margin: 0rem 1.34615rem 0 1.34615rem; background: #fff; border-radius: 0.61538rem; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); overflow: hidden; }
.mindex .titles2 { font-size: 14px; color: #eee; align-items: center; text-align: left; /* padding:40px 0 0; */ padding: 0.76923rem 0 0.76923rem; background-color: #e1be9a; /* border-bottom:1px solid #eee; */ }
.mindex .titles2 .names { font-size: 0; padding-left: 1.15385rem; }
.mindex .titles2 .names .text { font-size: 16px; display: inline-block; vertical-align: middle; /* color:#111; */ color: #643f26; font-weight: bold; }
.mindex .titles2 .names .text-img { width: 200px; }
.mindex .titles2 .names::before { content: ''; display: none; vertical-align: middle; width: 10px; height: 34px; background-color: #ff2c4b; margin-right: 10px; }
.mindex .titles2 .mores { font-size: 0; padding-right: 20px; }
.mindex .titles2 .mores, .mindex .titles2 .text { font-size: 14px; display: inline-block; vertical-align: middle; }
.mindex .titles2 .text { color: #643f26; }
.mindex .titles2 .mores img { width: 0.38462rem; height: 0.65385rem; min-height: 0.65385rem; margin-left: 0.38462rem; }
.mindex .group7 { /* padding:25px 30px; */ overflow: auto; }
.mindex .group7 .items { padding: 0.76923rem 0; /* padding:30px 40px; */ /* background:#fff;
border-radius:16px;
box-shadow: 0 0 5px rgba(0,0,0,0.1); */ margin: 0 1.15385rem 0 0; }
.mindex .group7 .items .imgs { /* width:165px;
height:190px; */ width: 6.92308rem; height: 7.69231rem; border-radius: 3px; overflow: hidden; }
.mindex .group7 .items .imgs img { width: 6.92308rem; height: 7.69231rem; }
.mindex .group7 .items .info { padding-left: 0.96154rem; height: 7.30769rem; overflow: hidden; width: 9.23077rem; white-space: normal; }
.mindex .group7 .items .info .names { font-size: 14px; color: #000; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; position: relative; word-break: break-all; }
.mindex .group7 .items .info .dec { font-size: 12px; color: #666; line-height: 1.34615rem; height: 2.69231rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; position: relative; word-break: break-all; }
.mindex .group7 .items .info .num { font-size: 12px; color: #c8c8c8; margin-top: 6px; }
.mindex .group7 .items .info .num text { font-weight: bold; font-family: Arial; font-size: 16px; }

.infos_dec { background: #fff; }
.infos_dec .hds { margin: 1.53846rem 1.34615rem 0 1.34615rem; font-size: 14px; color: #222; font-weight: bold; padding: 0.76923rem 0 0.38462rem; border-bottom: 1px solid #eee; }
.infos_dec .bodys { line-height: 1.8; font-size: 14px; color: #333; padding: 0.76923rem 1.34615rem; }
.infos_dec .bodys img { max-width: 100%; max-height: 100%; }

.special-banner { width: 100%; }
.special-banner img { max-width: 100%; max-height: 100%; }

.special-btn { height: 3.46154rem; display: flex; display: -webkit-flex; display: -moz-flex; position: fixed; left: 0; bottom: 0; width: 100%; background: #fff; }
.special-btn a { flex: 1; -webkit-flex: 1; -ms-flex: 1; line-height: 3.46154rem; text-align: center; font-size: 16px; }
.special-btn .btn0 { color: #333; background: #f7f7f7; border-top: 1px solid #eee; }
.special-btn .btn1 { background: #ff2c4b; color: #fff; }

.as-info .voice-cover { box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2); border-radius: 4px; position: relative; margin: 66px auto 20px; width: 130px; height: 130px; padding: 0; overflow: hidden; }
.as-info .voice-cover img { width: 100%; height: 100%; border-radius: 6px; position: absolute; }
.as-info .voice-cover .btn-player-wrapper { background: 0 0; border-radius: 4px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
.as-info .voice-cover .btn-player-wrapper .player-listen { position: absolute; right: 0; bottom: 0; background: linear-gradient(90deg, transparent 0, rgba(0, 0, 0, 0.3) 100%); font-family: PingFangSC-Medium; font-size: 12px; color: #fff; letter-spacing: 0; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); padding-right: 10px; height: 22px; padding-left: 25px; line-height: 22px; }
.as-info .voice-cover .btn-player-wrapper .player-listen .listen-icon { display: inline-block; width: 14px; height: 14px; background: url(../images/ad/listen-count.png) no-repeat; background-size: 100% 100%; vertical-align: middle; margin-top: -2px; }
.as-info .as-title { font-weight: 700; text-align: center; margin-top: 15px; font-family: PingFangSC-Medium; font-size: 18px; line-height: 25px; color: #111; }

.as-detail { margin-bottom: 20px; }
.as-detail .btn-detail { left: 50%; transform: translateX(-50%); margin-top: 2px; height: 20px; line-height: 20px; font-family: PingFangSC-Regular; font-size: 14px; color: #999; padding: 3px 10px; position: relative; display: inline-block; vertical-align: middle; text-align: center; white-space: nowrap; }
.as-detail .btn-detail .bottom { width: 20px; height: 20px; position: absolute; right: -14px; top: 7px; z-index: 2; }
.as-detail .btn-detail .bottom .bottom-arrow1, .as-detail .btn-detail .bottom .bottom-arrow2 { width: 0; height: 0; display: block; position: absolute; left: 0; top: 0; z-index: 5; border-bottom: 7px transparent dashed; border-left: 7px transparent dashed; border-right: 7px transparent dashed; border-top: 7px #fff solid; overflow: hidden; }
.as-detail .btn-detail .bottom .bottom-arrow1 { top: 2px; border-top: 7px #f86442 solid; }
.as-detail .btn-detail .bottom .bottom-arrow2 { border-top: 7px #fff solid; }
.as-detail .btn-detail .bottom.active .bottom-arrow1 { border-bottom: 7px #f86442 solid; top: 3px; border-top: none; }
.as-detail .btn-detail .bottom.active .bottom-arrow2 { top: -2px; border-bottom: 7px #fff solid; border-top: 7px transparent solid; }
.as-detail .as-detail-box { padding: 0 15px; display: none; margin-top: 19px; font-family: PingFangSC-Regular; font-size: 15px; color: #111; }

.album-share-content { margin-top: 33px; padding: 0 15px; }
.album-share-content .as-content-title { font-family: PingFangSC-Semibold; font-size: 18px; color: #333; font-weight: 700; height: 25px; line-height: 25px; }
.album-share-content .album-list .as-list { display: block; font-family: PingFangSC-Regular; font-size: 16px; color: #333; border-bottom: .5px solid #e8e8e8; position: relative; overflow: hidden; }
.album-share-content .album-list .as-list .album-tit { margin: 15px 40px; display: -webkit-box; overflow: hidden; white-space: normal; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #333; }
.album-share-content .album-list .as-list .btn-player { display: inline-block; vertical-align: middle; text-align: center; white-space: nowrap; position: absolute; width: 26px; height: 26px; left: 0; padding-top: 3px; top: 50%; color: #999; transform: translateY(-50%); -webkit-transform: translateY(-50%); background: url(../images/ad/bf.png) center no-repeat; background-size: 100%; }
.album-share-content .album-list .as-list .share-album-d2 { position: absolute; right: 0; top: 0; height: 100%; width: 26px; display: table-cell; vertical-align: middle; }
.album-share-content .album-list .as-list .share-album-d2 .share-album-down { position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); display: block; width: 18px; height: 18px; background: url(../images/ad/yjt.png) center no-repeat; background-size: 100% 100%; }
.album-share-content .album-list .load-more { padding: 0.5rem 0; display: block; height: 4rem; line-height: 3rem; text-align: center; font-size: 16px; color: #f86442; margin: 0 auto; font-weight: 900; }

.productlist { /**/ /**/ /**/ /* item1 */ /* item2 */ /* 排序 */ }
.productlist .content { height: 100%; }
.productlist .header { padding: 0 1.15385rem; align-items: center; background: #fff; }
.productlist .imgBox { display: inline-block; }
.productlist .imgBox image { width: 100%; height: 100%; min-height: 100%; }
.productlist .tap1, .productlist .tap3 { width: 1.92308rem; height: 2.15385rem; line-height: 2.15385rem; }
.productlist .tap2 { width: 2.30769rem; height: 2.15385rem; line-height: 2.15385rem; text-align: center; }
.productlist .tap3 { text-align: right; }
.productlist .search-box { padding: 0 0.76923rem; margin-top: 0.38462rem; position: relative; }
.productlist .search-box .weui-input { height: 2.15385rem; min-height: 2.15385rem; line-height: 2.15385rem; background-color: #f0f0f0; border-radius: 0.57692rem; font-size: 14px; padding: 0 2.30769rem 0 1.15385rem; }
.productlist .search-icon { width: 0.92308rem; height: 0.92308rem; position: absolute; right: 1.53846rem; top: 0.61538rem; font-size: 0; line-height: 1; }
.productlist .search-icon image { width: 0.92308rem; height: 0.92308rem; min-height: 0.92308rem; }
.productlist .menu-wrapper { padding: 1.53846rem 1.15385rem 0; background: #fff; position: relative; }
.productlist .menu-wrapper.list::after { content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #f0f0f0; }
.productlist .menu-box { white-space: nowrap; }
.productlist .menu-box .menuItem { text-align: center; font-size: 0; padding-bottom: 0.76923rem; position: relative; margin-right: 1.92308rem; height: 1.92308rem; /* padding-right:20/26*1rem; */ }
.productlist .menu-box .menuItem .text { font-size: 15px; display: inline-block; }
.productlist .menu-box .menuItem::after { content: ''; display: inline-block; position: absolute; left: 50%; bottom: 0; width: 1.92308rem; height: 0.38462rem; background: none; margin-left: -0.96154rem; }
.productlist .menu-box .menuItem.active .text { font-weight: bold; font-size: 17px; }
.productlist .menu-box .menuItem.active::after { background: #ff2c4b; }
.productlist .banner { padding: 1.34615rem 0; }
.productlist .banner-item { border-radius: 3px; overflow: hidden; }
.productlist .scroll-list-box { height: calc(100% - 40px); }
.productlist .blocks { margin-top: 0.76923rem; background-color: #fff; height: calc(100% - 55px); }
.productlist .titles { padding: 1.92308rem 1.15385rem 0 1.15385rem; font-size: 14px; color: #666; align-items: center; }
.productlist .titles .names { font-size: 0; }
.productlist .titles .names .text { font-size: 16px; display: inline-block; vertical-align: middle; color: #111; font-weight: bold; }
.productlist .titles .names::before { content: ''; display: inline-block; vertical-align: middle; width: 0.38462rem; height: 1.30769rem; background-color: #ff2c4b; margin-right: 0.38462rem; }
.productlist .titles .mores { font-size: 0; }
.productlist .titles .mores, .productlist .titles .text { font-size: 14px; display: inline-block; vertical-align: middle; }
.productlist .titles .text { color: #999; }
.productlist .titles .mores image { width: 0.38462rem; height: 0.65385rem; min-height: 0.65385rem; margin-left: 0.38462rem; }
.productlist .group3 { padding: 1.76923rem 0.76923rem; }
.productlist .group3 .items { padding: 0 0.38462rem; }
.productlist .group3 .items .boxs { width: 100%; border-radius: 3px; overflow: hidden; }
.productlist .group3 .items .boxs image { width: 100%; min-height: 100%; }
.productlist .group3 .items .boxs .names { text-align: center; font-size: 14px; color: #333; /* font-weight: bold; */ line-height: 1; padding-top: 1.15385rem; }
.productlist .group4 { padding: 0.96154rem 1.15385rem; }
.productlist .group4 .items { padding: 0.96154rem 0; }
.productlist .group4 .items .imgs { width: 6rem; height: 6.92308rem; border-radius: 3px; overflow: hidden; }
.productlist .group4 .items .imgs image { width: 6rem; height: 6.92308rem; }
.productlist .group4 .items .info { padding-left: 0.96154rem; height: 6.92308rem; overflow: hidden; }
.productlist .group4 .items .info .names { font-size: 16px; color: #111; line-height: 1.7; overflow: hidden; text-overflow: ellipsis; display: block; white-space: nowrap; }
.productlist .group4 .items .info .dec { font-size: 14px; color: #666; line-height: 1.5; height: 3.23077rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; position: relative; word-break: break-all; }
.productlist .group4 .items .info .num { font-size: 14px; color: #ff2c4b; }
.productlist .group4 .items .info .num .text { font-weight: bold; font-family: Arial; font-size: 16px; }
.productlist .group2 { padding: 1.73077rem 0.57692rem 1.92308rem; }
.productlist .group2 .items { padding: 0 0.57692rem; }
.productlist .group2 .items .img-box { border-radius: 5px; overflow: hidden; }
.productlist .group2 .items .img-box image { width: 100%; }
.productlist .choice-type { padding: 1.15385rem 1.15385rem 0; align-items: center; position: relative; }
.productlist .choice-type .tabs { font-size: 0; height: 1.92308rem; overflow: hidden; }
.productlist .choice-type .tabs .texts { font-size: 0; color: #111; padding: 0 0.76923rem; line-height: 1.92308rem; border-radius: 15px; }
.productlist .choice-type .type1.tabs .texts { font-size: 14px; }
.productlist .choice-type .tabs.cur .texts { background-color: #f0f0f0; }
.productlist .choice-type .type2 .texts { font-size: 0; }
.productlist .choice-type .type2 .icons, .productlist .choice-type .type2 text { font-size: 14px; display: inline-block; vertical-align: middle; }
.productlist .choice-type .type2 .icons { width: 0.38462rem; margin-left: 0.38462rem; }
.productlist .choice-type .type2 .icons::before, .productlist .choice-type .type2 .icons::after { content: ''; display: block; width: 0.38462rem; height: 0.30769rem; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAYAAADA+m62AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjVBMzJBRDQxMTY5MzExRUE5QjU1REFBRUUyQTc0QzU2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjVBMzJBRDQyMTY5MzExRUE5QjU1REFBRUUyQTc0QzU2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NUEzMkFEM0YxNjkzMTFFQTlCNTVEQUFFRTJBNzRDNTYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NUEzMkFENDAxNjkzMTFFQTlCNTVEQUFFRTJBNzRDNTYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7MLysXAAAAoElEQVR42mLkZeF8zMDAIMOAHzxhAhLzGAiDeYxAE9mBjLNArP3r3x+Gn/9+g2XYmVgZ2JhYQMyrQGzE8P//fwagYksg/gPE/5kYmf4zAzGIDRUzB6kBK4QqngiS5GJm/88NxFCF/TB5RrBqIOBj5eIBUpeAWBHqrvtArPvp97evYB5MB9RUNyD+B8WuyHJwE2EAaPIMIMUENCkNWRwgwACDsE7d11RyggAAAABJRU5ErkJggg=="); background-repeat: no-repeat; background-position: center; background-size: 0.38462rem 0.30769rem; opacity: 0.4; }
.productlist .choice-type .type2 .icons::before { transform: rotate(180deg); margin-bottom: 0.30769rem; }
.productlist .choice-type .type2.cur .icons::before { opacity: 1; }
.productlist .choice-type .type2.cur.down .icons::before { opacity: 0.4; }
.productlist .choice-type .type2.cur.down .icons::after { opacity: 1; }
.productlist .choice-type .type3 { text-align: right; font-size: 0; }
.productlist .choice-type .type3 .texts { display: inline-block; font-size: 0; }
.productlist .choice-type .type3 .texts img, .productlist .choice-type .type3 .texts .text { display: inline-block; vertical-align: middle; font-size: 14px; }
.productlist .choice-type .type3 .texts img { width: 1rem; height: 1.11538rem; min-height: 1.11538rem; margin-right: 0.57692rem; }
.productlist .choice-type .type3-dowm { position: absolute; left: 0; top: 3.07692rem; background-color: #fff; width: 100%; padding: 0.96154rem 0 0; font-size: 14px; z-index: 10; display: none; }
.productlist .type3-dowm .hds { line-height: 1; padding: 0.96154rem 1.38462rem 0; border-top: 1px solid #f0f0f0; }
.productlist .type3-dowm .type-item { padding: 1.15385rem 1.38462rem 0; font-size: 0; border-bottom: 1px solid #f0f0f0; }
.productlist .type3-dowm .type-item .t-items { padding: 0 1.38462rem; height: 2.23077rem; line-height: 2.23077rem; border: 1px solid #8a8a8a; font-size: 14px; color: #888888; display: inline-block; vertical-align: middle; border-radius: 15px; margin-right: 1.15385rem; margin-bottom: 1.15385rem; }
.productlist .type3-dowm .type-item .t-items.cur { border-color: #ff2c4b; color: #ff2c4b; }
.productlist ::-webkit-scrollbar { width: 0; height: 0; color: transparent; display: none; }
.productlist .loading-none { background-color: #f8f8f8; color: #4e4e4e; font-size: 14px; text-align: center; line-height: 2; }

/*列表*/
.shot-list { padding: 0 1.15385rem 1.15385rem; font-size: 0; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }

.shot-item { flex: 0 0 48%; margin: 0 0 1.15385rem; }

.image-box { width: 100%; height: 8.84615rem; overflow: hidden; border-radius: 5px; position: relative; }

.image-box img { width: 100%; max-height: none; }

.image-box .play-num { position: absolute; bottom: 0; left: 0; width: 100%; background-color: rgba(255, 44, 75, 0.8); line-height: 1.34615rem; height: 1.34615rem; font-size: 14px; color: #fff; text-align: center; }

.image-box .play-num .text { font-family: Arial, Helvetica, sans-serif; }

.infos { font-size: 0; }

.infos .text1 { font-size: 14px; line-height: 1; padding-top: 1.15385rem; }

.infos .text1 .names { color: #111; }

.infos .text1 .times { color: #999; text-align: right; }

.infos .text2 { font-size: 15px; color: #111; line-height: 1; padding-top: 0.76923rem; }

.scroll-box { height: calc(100% - 56px); margin-top: 1.15385rem; }

.my {   /* head
*/ /**/ /* 自定义弹框 */ }
.my .my-head { height: 10.92308rem; background-color: #fe324e; padding-top: 1.84615rem; position: relative; }
.my .head-box { padding: 0 2.30769rem; align-items: center; }
.my .head-box .imgs-box, .my .head-box .imgs, .my .head-box .imgs img { width: 4.61538rem; height: 4.61538rem; }
.my .head-box .imgs-box { position: relative; }
.my .head-box .vipimgs { position: absolute; right: 0; bottom: 0; width: 2.07692rem; height: 1.69231rem; }
.my .head-box .imgs { border-radius: 50%; overflow: hidden; }
.my .head-box .infos { padding-left: 0.76923rem; font-size: 15px; color: #fff; }
.my .head-box .infos .names { line-height: 1; font-weight: bold; }
.my .head-box .infos .text1 { line-height: 1; padding-top: 1.15385rem; }
.my .head-box .sign { margin-left: 0.38462rem; }
.my .head-box .sign .sign-img { position: relative; width: 1.92308rem; height: 1.92308rem; margin: 0 auto; }
.my .head-box .sign .sign-img .text { line-height: 2.15385rem; height: 1.92308rem; display: block; text-align: center; color: #fff; font-size: 14px; position: absolute; left: 0; top: 0; width: 100%; }
.my .head-box .sign .sign-img .icon-true { width: 0.92308rem; height: 0.61538rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.my .head-box .sign .sign-text { color: #fff; text-align: center; font-size: 12px; line-height: 1; padding-top: 0.53846rem; }
.my .head-list { position: absolute; left: 0; bottom: -3.19231rem; width: 100%; }
.my .head-list .list-box { margin: 0 1.15385rem; background-color: #fff; border-radius: 5px; overflow: hidden; height: 6.38462rem; box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); }
.my .head-list .list-box .headitem { padding-top: 1.34615rem; }
.my .head-list .list-box .headitem .img-box { height: 1.84615rem; line-height: 1.84615rem; text-align: center; }
.my .head-list .list-box .headitem img { display: inline-block; }
.my .head-list .list-box .headitem .m1 { width: 1.80769rem; height: 1.84615rem; }
.my .head-list .list-box .headitem .m2 { width: 1.84615rem; height: 1.76923rem; }
.my .head-list .list-box .headitem .m3 { width: 1.84615rem; height: 1.84615rem; }
.my .head-list .list-box .headitem .m4 { width: 1.84615rem; height: 1.84615rem; }
.my .head-list .list-box .headitem .text { line-height: 1; display: block; text-align: center; font-size: 14px; color: #111; padding-top: 0.84615rem; }
.my .account-list { padding: 0 1.15385rem; margin-top: 5.38462rem; }
.my .account-list .weui-cells { font-size: 15px; }
.my .account-list .weui-cells::before, .my .account-list .weui-cells::after { border-color: #f0f0f0; }
.my .account-list .weui-cells::before { display: none; }
.my .account-list .weui-cell { padding: 1.53846rem 0; }
.my .account-list .weui-cell__ft_in-access:after { border-color: #444444; }
.my .weui-cell__bd { padding-left: 1.15385rem; }
.my .is-vip { padding: 0; position: relative; margin-bottom: 0.76923rem; }
.my .is-vip .vip-infos { position: absolute; left: 0; top: 0; width: 100%; align-items: center; color: #fff; font-size: 15px; font-weight: bold; height: 100%; padding-right: 0.5rem; }
.my .is-vip .vip-infos .text0 { padding-left: 2.30769rem; }
.my .is-vip .vip-infos .text1 { padding: 0 0.76923rem 0 0.38462rem; }
.my .icon_hd { width: 1.76923rem; text-align: center; }
.my .icon_hd image { display: inline-block; }
.my .modal-content { padding: 0.38462rem 0.76923rem; }
.my .modal-content .text1 { color: #111; font-size: 18px; font-weight: bold; padding: 0.38462rem 0 0.76923rem; }
.my .modal-content text { font-size: 16px; color: #333; }

.mycollection { /**/ /* item2 */ /* 排序 */ }
.mycollection .blocks { margin-top: 0.76923rem; background-color: #fff; height: 100%; padding-top: 2.30769rem; }
.mycollection .titles { padding: 1.92308rem 1.15385rem 0 1.15385rem; font-size: 14px; color: #666; align-items: center; }
.mycollection .titles .names { font-size: 0; }
.mycollection .titles .names text { font-size: 16px; display: inline-block; vertical-align: middle; color: #111; font-weight: bold; }
.mycollection .titles .names::before { content: ''; display: inline-block; vertical-align: middle; width: 0.38462rem; height: 1.30769rem; background-color: #ff2c4b; margin-right: 0.38462rem; }
.mycollection .titles .mores { font-size: 0; }
.mycollection .titles .mores, .mycollection .titles text { font-size: 14px; display: inline-block; vertical-align: middle; }
.mycollection .titles text { color: #999; }
.mycollection .titles .mores image { width: 0.38462rem; height: 0.65385rem; min-height: 0.65385rem; margin-left: 0.38462rem; }
.mycollection .group4 { padding: 0.96154rem 1.15385rem; }
.mycollection .group4 .items { padding: 0.96154rem 0; align-items: center; }
.mycollection .group4 .items .imgs { width: 6rem; height: 6.92308rem; border-radius: 3px; overflow: hidden; }
.mycollection .group4 .items .imgs image { width: 6rem; height: 6.92308rem; }
.mycollection .group4 .items .info { padding-left: 0.96154rem; /* height:180/26*1rem; */ overflow: hidden; }
.mycollection .group4 .items .info .names { font-size: 16px; color: #111; line-height: 1.7; }
.mycollection .group4 .items .info .dec { font-size: 14px; color: #666; line-height: 1.4; }
.mycollection .group4 .items .info .num { font-size: 14px; color: #ff2c4b; }
.mycollection .group4 .items .info .num text { font-weight: bold; font-family: Arial; font-size: 16px; }
.mycollection .group2 { padding: 1.73077rem 0.57692rem 1.92308rem; }
.mycollection .group2 .items { padding: 0 0.57692rem; }
.mycollection .group2 .items .img-box { border-radius: 5px; overflow: hidden; }
.mycollection .group2 .items .img-box image { width: 100%; }
.mycollection .choice-type { padding: 1.15385rem 1.15385rem 0; align-items: center; position: relative; }
.mycollection .choice-type .tabs { font-size: 0; height: 1.92308rem; overflow: hidden; }
.mycollection .choice-type .tabs .texts { font-size: 0; color: #111; padding: 0 0.76923rem; line-height: 1.92308rem; border-radius: 15px; }
.mycollection .choice-type .type1.tabs .texts { font-size: 14px; }
.mycollection .choice-type .tabs.cur .texts { background-color: #f0f0f0; }
.mycollection .choice-type .type2 .texts { font-size: 0; }
.mycollection .choice-type .type2 .icons, .mycollection .choice-type .type2 text { font-size: 14px; display: inline-block; vertical-align: middle; }
.mycollection .choice-type .type2 .icons { width: 0.38462rem; margin-left: 0.38462rem; }
.mycollection .choice-type .type2 .icons::before, .mycollection .choice-type .type2 .icons::after { content: ''; display: block; width: 0.38462rem; height: 0.30769rem; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAYAAADA+m62AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjVBMzJBRDQxMTY5MzExRUE5QjU1REFBRUUyQTc0QzU2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjVBMzJBRDQyMTY5MzExRUE5QjU1REFBRUUyQTc0QzU2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NUEzMkFEM0YxNjkzMTFFQTlCNTVEQUFFRTJBNzRDNTYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NUEzMkFENDAxNjkzMTFFQTlCNTVEQUFFRTJBNzRDNTYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7MLysXAAAAoElEQVR42mLkZeF8zMDAIMOAHzxhAhLzGAiDeYxAE9mBjLNArP3r3x+Gn/9+g2XYmVgZ2JhYQMyrQGzE8P//fwagYksg/gPE/5kYmf4zAzGIDRUzB6kBK4QqngiS5GJm/88NxFCF/TB5RrBqIOBj5eIBUpeAWBHqrvtArPvp97evYB5MB9RUNyD+B8WuyHJwE2EAaPIMIMUENCkNWRwgwACDsE7d11RyggAAAABJRU5ErkJggg=="); background-repeat: no-repeat; background-position: center; background-size: 0.38462rem 0.30769rem; opacity: 0.4; }
.mycollection .choice-type .type2 .icons::before { transform: rotate(180deg); margin-bottom: 0.30769rem; }
.mycollection .choice-type .type2.cur .icons::before { opacity: 1; }
.mycollection .choice-type .type2.cur.down .icons::before { opacity: 0.4; }
.mycollection .choice-type .type2.cur.down .icons::after { opacity: 1; }
.mycollection .choice-type .type3 { text-align: right; font-size: 0; }
.mycollection .choice-type .type3 .texts { display: inline-block; font-size: 0; }
.mycollection .choice-type .type3 .texts image, .mycollection .choice-type .type3 .texts text { display: inline-block; vertical-align: middle; font-size: 14px; }
.mycollection .choice-type .type3 .texts image { width: 1rem; height: 1.11538rem; min-height: 1.11538rem; margin-right: 0.57692rem; }
.mycollection .choice-type .type3-dowm { position: absolute; left: 0; top: 3.07692rem; background-color: #fff; width: 100%; padding: 0.96154rem 0 0; font-size: 14px; z-index: 10; }
.mycollection .type3-dowm .hds { line-height: 1; padding: 0.96154rem 1.38462rem 0; border-top: 1px solid #f0f0f0; }
.mycollection .type3-dowm .type-item { padding: 1.15385rem 1.38462rem 0; font-size: 0; border-bottom: 1px solid #f0f0f0; }
.mycollection .type3-dowm .type-item .t-items { padding: 0 1.38462rem; height: 2.23077rem; line-height: 2.23077rem; border: 1px solid #8a8a8a; font-size: 14px; color: #888888; display: inline-block; vertical-align: middle; border-radius: 15px; margin-right: 1.15385rem; margin-bottom: 1.15385rem; }
.mycollection .type3-dowm .type-item .t-items.cur { border-color: #ff2c4b; color: #ff2c4b; }
.mycollection .group4-hd { position: fixed; left: 0; top: 0; width: 100%; height: 2.30769rem; text-align: center; line-height: 2.30769rem; font-size: 14px; background-color: #f0f0f0; color: #888888; }

.mycomment { /* item2 */ }
.mycomment .hds { line-height: 1.92308rem; color: #9d9d9d; font-size: 15px; padding: 0 1.15385rem; background-color: #f0f0f0; }
.mycomment .comment-wrapper { padding: 0 1.15385rem; }
.mycomment .comment-item { padding: 1.15385rem 0; position: relative; }
.mycomment .comment-item::before { content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 100%; border-bottom: 1px solid #f0f0f0; }
.mycomment .comment-item .imgs { width: 3.07692rem; height: 3.07692rem; border-radius: 50%; overflow: hidden; }
.mycomment .comment-item .imgs img { width: 3.07692rem; height: 3.07692rem; }
.mycomment .infos-warpper { padding-left: 1.15385rem; overflow: hidden; }
.mycomment .infos-box { align-items: center; }
.mycomment .infos-box .text0 .names { line-height: 1; font-size: 14px; color: #111; font-weight: bold; padding-top: 0.30769rem; }
.mycomment .infos-box .text0 .times { font-size: 14px; line-height: 1; font-family: Arial, Helvetica, sans-serif; color: #888888; padding-top: 0.69231rem; }
.mycomment .infos-box .m3 { font-size: 0; }
.mycomment .infos-box .m3 img, .mycomment .infos-box .m3 .text { font-size: 14px; display: inline-block; vertical-align: middle; }
.mycomment .infos-box .m3 img { width: 1.61538rem; margin-right: 0.38462rem; }
.mycomment .infos-box .m3 .text { font-family: Arial, Helvetica, sans-serif; color: #333; }
.mycomment .infos-warpper .dec-box { padding-top: 0.76923rem; font-size: 14px; color: #333; }
.mycomment .infos-warpper .dec-box .lables { color: #ff2c4b; border: 1px solid #ff2c4b; padding: 0 0.76923rem; border-radius: 15px; }
.mycomment .reply-hd { font-size: 14px; color: #c0c0c0; padding-top: 0.38462rem; }
.mycomment .reply-hd img { width: 0.38462rem; height: 0.65385rem; display: inline-block; margin-left: 0.38462rem; opacity: 0.8; }
.mycomment .reply-input { background: #f0f0f0; padding: 0.46154rem 1.15385rem; position: fixed; left: 0; bottom: 0; width: 100%; }
.mycomment .reply-input .weui-input { height: 2.84615rem; line-height: 2.84615rem; margin: 0; background-color: #fff; padding: 0 1.53846rem; border-radius: 25px; }
.mycomment .group4 { padding: 1.15385rem; background-color: #f0f0f0; }
.mycomment .group4 .items { align-items: center; }
.mycomment .group4 .items .imgs { width: 4.23077rem; height: 4.88462rem; border-radius: 3px; overflow: hidden; }
.mycomment .group4 .items .imgs img { width: 4.23077rem; height: 4.88462rem; }
.mycomment .group4 .items .info { padding-left: 0.96154rem; overflow: hidden; }
.mycomment .group4 .items .info .names, .mycomment .group4 .items .info .dec { width: 13.46154rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mycomment .group4 .items .info .names { font-size: 16px; color: #111; line-height: 1.7; }
.mycomment .group4 .items .info .dec { font-size: 14px; color: #666; line-height: 1.4; }
.mycomment .group4 .items .info .num { font-size: 14px; color: #ff2c4b; }
.mycomment .group4 .items .info .num .text { font-weight: bold; font-family: Arial; font-size: 16px; }

/**/
/* item2 */
.group4 { padding: 0.96154rem 1.15385rem; transition: all 0.5s; -moz-transition: all 0.5s; /* Firefox 4 */ -webkit-transition: all 0.5s; /* Safari 和 Chrome */ -o-transition: all 0.5s; /* Opera */ }

.group4 .items { padding: 0.96154rem 0.76923rem 0.96154rem 0; align-items: center; }

.group4 .items .imgs { width: 6rem; height: 6.92308rem; border-radius: 3px; overflow: hidden; }

.group4 .items .imgs image { width: 6rem; height: 6.92308rem; }

.group4 .items .info { padding-left: 0.96154rem; /* height:180/26*1rem; */ overflow: hidden; }

.group4 .items .info .names { font-size: 16px; color: #111; line-height: 1.7; }

.group4 .items .info .dec { font-size: 14px; color: #666; line-height: 1.4; padding-right: 2.30769rem; }

.group4 .items .info .num { font-size: 14px; color: #ff2c4b; }

.group4 .items .info .num text { font-weight: bold; font-family: Arial; font-size: 16px; }

.group2 { padding: 1.73077rem 0.57692rem 1.92308rem; }

.group2 .items { padding: 0 0.57692rem; }

.group2 .items .img-box { border-radius: 5px; overflow: hidden; }

.group2 .items .img-box image { width: 100%; }

/* 排序 */
.choice-type { padding: 1.15385rem 1.15385rem 0; align-items: center; position: relative; }

.choice-type .tabs { font-size: 0; height: 1.92308rem; overflow: hidden; }

.choice-type .tabs .texts { font-size: 0; color: #111; padding: 0 0.76923rem; line-height: 1.92308rem; border-radius: 15px; }

.choice-type .type1.tabs .texts { font-size: 14px; }

.choice-type .tabs.cur .texts { background-color: #f0f0f0; }

.choice-type .type2 .texts { font-size: 0; }

.choice-type .type2 .icons, .choice-type .type2 text { font-size: 14px; display: inline-block; vertical-align: middle; }

.choice-type .type2 .icons { width: 0.38462rem; margin-left: 0.38462rem; }

.choice-type .type2 .icons::before, .choice-type .type2 .icons::after { content: ''; display: block; width: 0.38462rem; height: 0.30769rem; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAYAAADA+m62AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjVBMzJBRDQxMTY5MzExRUE5QjU1REFBRUUyQTc0QzU2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjVBMzJBRDQyMTY5MzExRUE5QjU1REFBRUUyQTc0QzU2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NUEzMkFEM0YxNjkzMTFFQTlCNTVEQUFFRTJBNzRDNTYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NUEzMkFENDAxNjkzMTFFQTlCNTVEQUFFRTJBNzRDNTYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7MLysXAAAAoElEQVR42mLkZeF8zMDAIMOAHzxhAhLzGAiDeYxAE9mBjLNArP3r3x+Gn/9+g2XYmVgZ2JhYQMyrQGzE8P//fwagYksg/gPE/5kYmf4zAzGIDRUzB6kBK4QqngiS5GJm/88NxFCF/TB5RrBqIOBj5eIBUpeAWBHqrvtArPvp97evYB5MB9RUNyD+B8WuyHJwE2EAaPIMIMUENCkNWRwgwACDsE7d11RyggAAAABJRU5ErkJggg=="); background-repeat: no-repeat; background-position: center; background-size: 0.38462rem 0.30769rem; opacity: 0.4; }

.choice-type .type2 .icons::before { transform: rotate(180deg); margin-bottom: 0.30769rem; }

.choice-type .type2.cur .icons::before { opacity: 1; }

.choice-type .type2.cur.down .icons::before { opacity: 0.4; }

.choice-type .type2.cur.down .icons::after { opacity: 1; }

.choice-type .type3 { text-align: right; font-size: 0; }

.choice-type .type3 .texts { display: inline-block; font-size: 0; }

.choice-type .type3 .texts image, .choice-type .type3 .texts text { display: inline-block; vertical-align: middle; font-size: 14px; }

.choice-type .type3 .texts image { width: 1rem; height: 1.11538rem; min-height: 1.11538rem; margin-right: 0.57692rem; }

.choice-type .type3-dowm { position: absolute; left: 0; top: 3.07692rem; background-color: #fff; width: 100%; padding: 0.96154rem 0 0; font-size: 14px; z-index: 10; }

.type3-dowm .hds { line-height: 1; padding: 0.96154rem 1.38462rem 0; border-top: 1px solid #f0f0f0; }

.type3-dowm .type-item { padding: 1.15385rem 1.38462rem 0; font-size: 0; border-bottom: 1px solid #f0f0f0; }

.type3-dowm .type-item .t-items { padding: 0 1.38462rem; height: 2.23077rem; line-height: 2.23077rem; border: 1px solid #8a8a8a; font-size: 14px; color: #888888; display: inline-block; vertical-align: middle; border-radius: 15px; margin-right: 1.15385rem; margin-bottom: 1.15385rem; }

.type3-dowm .type-item .t-items.cur { border-color: #ff2c4b; color: #ff2c4b; }

.schedule { text-align: right; font-size: 12px; color: #999; }

.btn-del { position: fixed; left: 0; bottom: 0; width: 100%; text-align: center; font-size: 0; margin: 0.76923rem 0; height: 2.30769rem; overflow: hidden; }

.btn-del button { display: inline-block; height: 2.30769rem; line-height: 2.30769rem; width: auto; padding: 0 3.07692rem; font-size: 14px; font-weight: normal; color: #333; min-height: 2.30769rem; background-color: transparent; border-radius: 25px; border: 1px solid #111; }

/***/
.touch-item { display: flex; /* justify-content: space-between; */ width: 100%; overflow: hidden; }

.bodys { width: 100%; -webkit-transition: all 0.4s; transition: all 0.4s; -webkit-transform: translateX(6.92308rem); transform: translateX(6.92308rem); margin-left: -6.92308rem; }

.del { background-color: orangered; width: 6.92308rem; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #fff; -webkit-transform: translateX(6.92308rem); transform: translateX(6.92308rem); -webkit-transition: all 0.4s; transition: all 0.4s; }

.touch-move-active .bodys, .touch-move-active .del { -webkit-transform: translateX(0); transform: translateX(0); }

.loading-none { background-color: #f8f8f8; color: #4e4e4e; font-size: 14px; text-align: center; line-height: 2; }

.head-list .list-box .info0 { padding: 1.46154rem 1.84615rem 0; line-height: 1; font-size: 16px; color: #111; font-weight: bold; width: 100%; }

.pay-vip { /**/ }
.pay-vip .pay-wrapper { margin: 5.84615rem 1.15385rem 0; padding-bottom: 0.76923rem; border-radius: 5px; overflow: hidden; /* height:166/26*1rem; */ box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); }
.pay-vip .pay-wrapper .pay-hd { padding: 2.30769rem 1.15385rem 1.15385rem; font-size: 16px; color: #888888; }
.pay-vip .label-2 { padding: 0.76923rem 0; }
.pay-vip .label-2__text { padding: 0 1.15385rem; font-size: 16px; color: #111; line-height: 1; }
.pay-vip .label-3__text { padding-right: 0.76923rem; }
.pay-vip .btns { padding: 2.30769rem 1.92308rem; }
.pay-vip .btns .isbtn { width: 100%; height: 3.69231rem; line-height: 3.69231rem; font-size: 17px; color: #fff; background-color: #ff405c; border-radius: 25px; overflow: hidden; font-weight: normal; text-align: center; }

.invitefriends { /* header
*/ /* img */ /* link */ /* 按钮
*/ }
.invitefriends .content { background-color: #fff; }
.invitefriends .head-info { padding: 0.76923rem 1.15385rem; background-color: #f0f0f0; font-size: 14px; position: relative; }
.invitefriends .head-info .text0 { line-height: 1.6; color: #111; }
.invitefriends .head-info-box { height: 8.26923rem; overflow: hidden; }
.invitefriends .head-info-box.open { height: auto; }
.invitefriends .more-box { text-align: center; margin-top: -0.92308rem; }
.invitefriends .mores { /* position: absolute;
left:50%;
bottom:10/26*1rem; */ width: 1.23077rem; height: auto; max-height: auto; transform: rotate(-90deg); margin: 0 auto; }
.invitefriends .mores.open { transform: rotate(90deg); }
.invitefriends .text-more { background-color: #999; color: #333; font-size: 12px; text-align: center; line-height: 1; }
.invitefriends .swiper-wrapper { padding: 0.69231rem 0 0; }
.invitefriends .swiper-wrapper .invite { overflow: hidden; }
.invitefriends .imgs-wrapper, .invitefriends .imgs-wrapper image { width: 20rem; height: 26.69231rem; }
.invitefriends .imgs-wrapper { margin: 0 auto; }
.invitefriends .list-link { line-height: 1; text-align: center; padding-top: 2.30769rem; color: #111; font-weight: bold; }
.invitefriends .btns-wrapper { padding: 1.53846rem 0.57692rem; }
.invitefriends .btns-wrapper .btns-box { padding: 0 0.76923rem; }
.invitefriends .btns-wrapper .btns-box button { line-height: 3.38462rem; font-size: 16px; width: 100%; border: 1px solid #ff3754; font-weight: normal; border-radius: 25px; background: #fff; }
.invitefriends .btns-wrapper .btns-box button.btn0 { color: #ff3754; }
.invitefriends .btns-wrapper .btns-box button.btn1 { background-color: #ff3754; color: #fff; }

.myaccount {     /*
 */ }
.myaccount .content { height: 100%; background: #fff; }
.myaccount .account-head { padding: 1.53846rem 1.15385rem; }
.myaccount .account-box { position: relative; }
.myaccount .account-box image { width: 100%; display: block; }
.myaccount .account-box .account-info { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.myaccount .account-box .account-info .flex { align-items: center; height: 100%; }
.myaccount .account-box .account-info .info0 { padding-left: 3.07692rem; height: 100%; }
.myaccount .account-box .account-info .info0 span { display: block; text-align: left; line-height: 1; color: #111; font-size: 16px; }
.myaccount .account-box .account-info .info0 .text1 { padding-top: 3.07692rem; }
.myaccount .account-box .account-info .info0 .text2 { padding-top: 1.46154rem; font-size: 3.07692rem; font-weight: bold; }
.myaccount .account-box .account-info .btns { padding-right: 3.07692rem; }
.myaccount .account-box .account-info .btns button { padding: 0 1.84615rem; line-height: 2.61538rem; font-size: 14px; color: #fff; background-color: #ff2c4b; min-height: auto; width: auto; border-radius: 25px; overflow: hidden; outline: none; appearance: none; -webkit-appearance: none; border: none; }
.myaccount .account-list { padding: 0 1.15385rem; margin-top: 2.30769rem; }
.myaccount .account-list a { color: #333; }
.myaccount .account-list .weui-cells { font-size: 16px; }
.myaccount .account-list .weui-cells::before, .myaccount .account-list .weui-cells::after { border-color: #f0f0f0; }
.myaccount .account-list .weui-cell { padding: 1.53846rem 0; }
.myaccount .account-list .weui-cell__ft_in-access:after { border-color: #444444; }

.balance {     /*

*/ }
.balance .order-list { margin-top: 1.15385rem; padding: 0 1.15385rem; }
.balance .order-list .items { align-items: center; padding: 0.76923rem 0; position: relative; }
.balance .order-list .items::before { content: ''; display: block; border-top: 1px solid #f0f0f0; position: absolute; left: 0; top: 0; width: 100%; }
.balance .order-list .items .infos .text1, .balance .order-list .items .infos .text2 { line-height: 1; font-size: 14px; }
.balance .order-list .items .infos .text1 { color: #111; }
.balance .order-list .items .infos .text2 { padding-top: 0.76923rem; color: #a8a8a8; font-size: 12px; }
.balance .order-list .items .codes { font-size: 14px; color: #111; }

.withdraw-wrapper { padding: 0 1rem; /**/ /**/ }
.withdraw-wrapper .tips { font-size: 14px; text-align: left; padding: 0 0.76923rem; background: #f0f0f0; color: #ff4662; line-height: 2.4; }
.withdraw-wrapper .btn-tips { text-align: center; font-size: 12px; color: #999; line-height: 2; }
.withdraw-wrapper .wd-wrapper { background: #f0f0f0; font-size: 14px; padding: 0.76923rem; border-radius: 5px; margin-bottom: 0.76923rem; }
.withdraw-wrapper .wd-wrapper .names { font-size: 16px; }
.withdraw-wrapper .wd-wrapper .card-info { color: #666; padding-top: 0.38462rem; }
.withdraw-wrapper .wd-wrapper .card-names { padding-right: 0.76923rem; }
.withdraw-wrapper .wd-wrapper .hdss { text-align: center; line-height: 3.69231rem; font-size: 16px; background-color: #f1f1f1; border-radius: 25px; }
.withdraw-wrapper .tabs { padding: 0.76923rem 0; font-size: 15px; border-bottom: 1px solid #f0f0f0; text-align: center; margin-bottom: 0.38462rem; background-color: #f7f7f7; }
.withdraw-wrapper .tabs .items.cur { font-weight: bold; color: #ff4662; }
.withdraw-wrapper .withdraw-wrapper { padding: 1.53846rem 1.15385rem; }
.withdraw-wrapper .apply .labels { color: #999; margin-bottom: 0.76923rem; }
.withdraw-wrapper .apply .input-box { font-size: 20px; }
.withdraw-wrapper .btn-wrapper { margin-top: 2.30769rem; }
.withdraw-wrapper .sub-btn { background-color: #ff4662; font-size: 16px; line-height: 3.69231rem; text-align: center; border-radius: 25px; display: block; color: #fff; width: 100%; border: none; }
.withdraw-wrapper .sub-btn:active, .withdraw-wrapper .sub-btn:focus, .withdraw-wrapper .sub-btn:hover { background-color: #ff4662; color: #fff; }
.withdraw-wrapper .nav-text { text-align: center; font-size: 0; margin-top: 2.30769rem; }
.withdraw-wrapper .nav-items { font-size: 14px; display: inline-block; vertical-align: middle; color: #666; }
.withdraw-wrapper .nav-items.lines { padding: 0 0.38462rem; color: #999; }
.withdraw-wrapper .use-text { font-size: 12px; padding-left: 0.76923rem; }

.withdraw { /**/ /**/ }
.withdraw .tabs { padding: 0.76923rem 0; font-size: 15px; border-bottom: 1px solid #f0f0f0; text-align: center; margin-bottom: 0.38462rem; background-color: #f7f7f7; }
.withdraw .tabs .items.cur { font-weight: bold; color: #ff4662; }
.withdraw .withdraw-wrapper { padding: 1.53846rem 1.15385rem; }
.withdraw .draw-item { font-size: 14px; align-items: center; padding: 0.76923rem 0; border-bottom: 1px solid #f0f0f0; }
.withdraw .draw-item .input-box input { width: 100%; height: 2.30769rem; }
.withdraw .draw-item .labels { width: 6.92308rem; text-align: left; line-height: 2.30769rem; margin-right: 0.76923rem; }
.withdraw .btn-wrapper { margin-top: 2.30769rem; }
.withdraw .sub-btn { background-color: #ff4662; font-size: 16px; line-height: 3.69231rem; text-align: center; border-radius: 25px; display: block; color: #fff; }
.withdraw .sub-btn:active, .withdraw .sub-btn:focus, .withdraw .sub-btn:hover { background-color: #ff4662; color: #fff; }

select.selects { width: 100%; height: 2.30769rem; border: none; }

.withdrawlist { padding: 0 1rem; /**/ /**/ }
.withdrawlist .tabs { padding: 0.76923rem 0; font-size: 15px; border-bottom: 1px solid #f0f0f0; text-align: center; margin-bottom: 0.38462rem; background-color: #f7f7f7; }
.withdrawlist .tabs .items.cur { font-weight: bold; color: #ff4662; }
.withdrawlist .withdraw-wrapper { padding: 1.53846rem 1.15385rem; }
.withdrawlist .list-item { font-size: 14px; padding: 0.76923rem 0; border-bottom: 1px solid #f0f0f0; align-items: center; }
.withdrawlist .list-item .text1 { text-align: left; padding-right: 1.53846rem; }
.withdrawlist .list-item .text1 .text2 { color: #111; }
.withdrawlist .list-item .text1 .text2.fail { color: #ff4662; font-size: 12px; /* padding-left:10/26*1rem; */ }
.withdrawlist .times { font-size: 12px; color: #888; }
.withdrawlist .prices { color: #ff4662; font-weight: bold; font-size: 18px; line-height: 1; }
.withdrawlist .btn-wrapper { margin-top: 2.30769rem; }
.withdrawlist .sub-btn { background-color: #ff4662; font-size: 16px; line-height: 3.69231rem; text-align: center; border-radius: 25px; display: block; color: #fff; }
.withdrawlist .sub-btn:active, .withdrawlist .sub-btn:focus, .withdrawlist .sub-btn:hover { background-color: #ff4662; color: #fff; }

.orderlist .times { color: #999; }
.orderlist .group4 .items { border-bottom: 1px solid #eee; }
.orderlist .group4 .items:last-child { border: none; }

.integra-wrapper { height: 100%; }

.integra-wrapper .infos { text-align: center; }

.integra-wrapper .infos .text0 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 40px; color: #111; line-height: 1; padding-top: 2.88462rem; }

.integra-wrapper .infos .text1 { font-size: 14px; line-height: 1; padding-top: 1.53846rem; }

.btns-wrapper { align-items: center; padding: 0 0.38462rem; margin-top: 2.30769rem; }

.btns-item { font-size: 0; padding: 0 0.76923rem; }

.btns-item .item-box { font-size: 0; width: 100%; background-color: #ff2c4b; height: 3.46154rem; line-height: 3.46154rem; text-align: center; border-radius: 25px; overflow: hidden; }

.btns-item img { margin-right: 0.76923rem; }

.btns-item img, .btns-item span { font-size: 16px; display: inline-block; vertical-align: middle; color: #fff; }

.btns-item img.m1 { width: 1.69231rem; height: 1.69231rem; }

.btns-item image.m2 { width: 1.46154rem; height: 1.69231rem; }

.record-list { height: calc(100% - 440/26*1rem); }

.record-list .record-scroll { height: calc(100% - 110/26*1rem); }

.record-list .hds { font-size: 16px; color: #111; height: 4.23077rem; position: relative; line-height: 4.23077rem; padding: 0 1.15385rem; margin-top: 2.30769rem; font-weight: bold; }

.record-list .hds::before, .record-list .hds::after { content: ''; display: block; width: 100%; left: 0; border-top: 1px solid #f0f0f0; position: absolute; }

.record-list .hds::before { top: 0; }

.record-list .hds::after { bottom: 0; }

.scroll-box { padding: 0 1.15385rem; }

.scroll-box .list-items { align-items: center; padding: 1.53846rem 0; font-size: 14px; position: relative; }

.scroll-box .list-items::after { content: ''; display: block; width: 100%; left: 0; border-top: 1px solid #f0f0f0; position: absolute; bottom: 0; }

.scroll-box .list-items .names span { display: block; line-height: 1; }

.scroll-box .list-items .names .text0 { color: #111; padding-bottom: 0.38462rem; font-weight: bold; }

.scroll-box .list-items .names .text1 { color: #888888; padding-top: 0.38462rem; }

.scroll-box .list-items .ct-text { padding-left: 0.38462rem; }

.sign { /* head
*/ /**/ }
.sign .content { height: 100%; background: #fff; }
.sign .my-head { height: 10.92308rem; background-color: #fe324e; padding-top: 1.07692rem; position: relative; }
.sign .head-box { padding: 0 2.30769rem; align-items: center; }
.sign .head-box .imgs-box, .sign .head-box .imgs, .sign .head-box .imgs image { width: 4.61538rem; height: 4.61538rem; }
.sign .head-box .imgs-box { position: relative; }
.sign .head-box .vipimgs { position: absolute; right: 0; bottom: 0; width: 2.07692rem; height: 1.69231rem; }
.sign .head-box .imgs { border-radius: 50%; overflow: hidden; }
.sign .head-box .infos { padding-left: 0.76923rem; font-size: 15px; color: #fff; }
.sign .head-box .infos .names { line-height: 1; font-weight: bold; }
.sign .head-box .infos .text1 { line-height: 1; padding-top: 1.15385rem; }
.sign .head-box .sign { margin-left: 0.38462rem; }
.sign .head-box .sign .sign-img { position: relative; width: 1.92308rem; height: 1.92308rem; margin: 0 auto; }
.sign .head-box .sign .sign-img text { line-height: 1.92308rem; height: 1.92308rem; display: block; text-align: center; color: #fff; font-size: 14px; position: absolute; left: 0; top: 0; width: 100%; }
.sign .head-box .sign .sign-img .icon-true { width: 0.92308rem; height: 0.61538rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.sign .head-box .sign .sign-text { color: #fff; text-align: center; font-size: 14px; line-height: 1; }
.sign .head-list { /* position: absolute;
left:0;
bottom:-200/26*1rem;
width:100%; */ margin-top: -3.46154rem; }
.sign .head-list .list-box { margin: 0 1.15385rem; background-color: #fff; border-radius: 5px; /* overflow: hidden; */ min-height: 6.38462rem; box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); position: relative; }
.sign .head-list .list-box::before, .sign .head-list .list-box::after { content: ''; display: block; width: 1.15385rem; height: 1.92308rem; background-color: #fff; border-radius: 25px; overflow: hidden; position: absolute; top: -1.15385rem; }
.sign .head-list .list-box::before { left: 2.88462rem; }
.sign .head-list .list-box::after { right: 2.88462rem; }
.sign .head-list .list-box .headitem { padding-top: 1.34615rem; }
.sign .head-list .list-box .headitem .img-box { height: 1.84615rem; line-height: 1.84615rem; text-align: center; }
.sign .head-list .list-box .headitem image { display: inline-block; }
.sign .head-list .list-box .headitem .m1 { width: 1.80769rem; height: 1.84615rem; }
.sign .head-list .list-box .headitem .m2 { width: 1.84615rem; height: 1.76923rem; }
.sign .head-list .list-box .headitem .m3 { width: 1.84615rem; height: 1.84615rem; }
.sign .head-list .list-box .headitem .m4 { width: 1.84615rem; height: 1.84615rem; }
.sign .head-list .list-box .headitem text { line-height: 1; display: block; text-align: center; font-size: 14px; color: #111; padding-top: 0.84615rem; }
.sign .account-list { padding: 0 1.15385rem; margin-top: 9.23077rem; }
.sign .account-list .weui-cells { font-size: 15px; }
.sign .account-list .weui-cells::before, .sign .account-list .weui-cells::after { border-color: #f0f0f0; }
.sign .account-list .weui-cells::before { display: none; }
.sign .account-list .weui-cell { padding: 1.53846rem 0; }
.sign .account-list .weui-cell__ft_in-access:after { border-color: #444444; }
.sign .weui-cell__bd { padding-left: 1.15385rem; }
.sign .is-vip { padding: 0; position: relative; margin-bottom: 0.76923rem; }
.sign .is-vip .vip-infos { position: absolute; left: 0; top: 0; width: 100%; height: 3.84615rem; line-height: 3.84615rem; align-items: center; color: #fff; font-size: 15px; font-weight: bold; }
.sign .is-vip .vip-infos .text0 { padding-left: 2.30769rem; }
.sign .is-vip .vip-infos .text1 { padding: 0 0.76923rem 0 0.38462rem; }
.sign .sign-text-box { padding-top: 3.07692rem; text-align: center; width: 100%; }
.sign .sign-text-box .text1 { line-height: 1; font-size: 16px; color: #000000; }
.sign .sign-text-box .text2 { line-height: 1; color: #fe344f; font-size: 36px; font-weight: bold; padding-top: 1.53846rem; }
.sign .sign-text-box .text3 { font-size: 14px; color: #888888; line-height: 1; padding-top: 1.53846rem; }
.sign .sign-time-wrapper { padding: 2.11538rem 0; }
.sign .sign-item .t1 { display: block; width: 2.30769rem; height: 2.30769rem; margin: 0 auto; background-color: #f2f2f2; border-radius: 50%; overflow: hidden; font-size: 12px; text-align: center; line-height: 2.30769rem; color: #888888; border: 2px solid #fff; }
.sign .sign-item .t1.cur { border-color: #ff2c4b; color: #ff2c4b; background: #fff; }
.sign .sign-item .t2 { color: #000000; font-size: 13px; line-height: 1; padding-top: 0.69231rem; }
.sign .sign-switch { margin: 2.03846rem 1.15385rem 0; background: #fff; box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); padding: 1.15385rem; border-radius: 5px; }
.sign .sign-switch .weui-flex { align-items: center; }
.sign .wx-switch-input { transform: scale(0.8); }


.readguidlist{
	width:100%;
	margin-top:1rem;
}
.readguidlist .item{
	margin:0.8rem auto;
	width:95%;
}

.readguidlist .item a{
	display:block;
}
.readguidlist .item a img{
	width:100%;
}


.runtorunheaderlist{
	width:100%;
	margin-top:1rem;
}

.runtorunheader .title{
	margin:0.8rem auto;
	width:95%;
}
.runtorunheader .title .iconm{
	position: absolute;
	margin-top: 0.4rem;
	display: block;
	width: 10px;
	height: 1.1rem;
	border-left: 3px solid #FE4967;
	
}
.runtorunheader .title .cn{
	padding-left: 10px;
	font-size: 1.3rem;
	font-weight: 500;
}

.runtorunheader .title .en{
	padding-left: 10px;
	font-size: 0.8rem;
	font-family: ArialMT;
	text-transform: Uppercase ;
	color:#666666;
}
.runtorunheader .item{
	margin:0.8rem auto;
	width:95%;
}

.runtorunheader .item a{
	display:block;
}
.runtorunheader .item a img{
	width:100%;
	border-radius:8px;

}
.runtorunline{
	width: 100%;
	height: 1.2rem;
	border-top: 1px solid #eaeaea;
	border-bottom:1px solid #eaeaea;
	margin: 1.2rem auto;
}

.runtorunheader .vediolist{
	margin:0.8rem auto;
	width:97%;
}
.runtorunheader .vediolist li{
	width: 48%;
	float: left;
	margin:0.5rem 1% 0.5rem 1%;
	position: relative;
	border-radius:8px;
	border: 1px solid #eaeaea;
	
}

.runtorunheader .vediolist a .vedio-img{
	width: 100%; 

}
.runtorunheader .vediolist a .vedio-img img{
	width: 100%;
	height: 12rem;
	border-top-left-radius:8px;
	border-top-right-radius:8px;
}
.runtorunheader .vediolist a .vedio-text{
	height: 2.5rem;
    line-height: 2.5rem;
	margin-left:5px;
	color:#000000;
	font-size: 1rem;
	overflow: hidden;
	text-overflow:ellipsis; 
	white-space: nowrap;
}
.runtorunheader .vediolist a .vedio-like{
	width: 3.0rem;
	height: 1.2rem;
	line-height: 1.2rem;
	z-index: 1999;
	position: absolute;
	border-radius:8px;
	right: 0.1rem;
	bottom: 2.8rem;
	padding-left: 0.2rem;
	background-color: #818181;
	color: #fff;
	
}
.runtorunheader .vediolist a .vedio-like span{
	font-size: 0.2rem;
	
}

.newslist{
	width:100%;
	margin-top:1rem;
}
.newslist ul{
	margin:0.8rem auto;
	width:95%;
}
.newslist ul li{
	margin-top:0.6rem;
	padding:0.6rem 0;
	
	
	box-shadow: 0px -2px 3px #eee;
}

.newslist ul li .cleft{
	width:25%;
	float:left;
}
.newslist ul li .cleft a img{width:100%;border-radius:3px;}
.newslist ul li .cright{
	width:75%;
	float:left;
	padding:5px 0px 5px 10px;
}
.newslist ul li .cright .title{
	font-size:1.1rem;
	
}
.newslist ul li .cright .title a{
	color:#000;
}
.newslist ul li .cright .message{
    
    font-size: 0.8rem;
    padding-top: .5rem;
	margin-top:0.8rem;
    bottom: 0;
}

.newslist ul li .cright .message .times{
    color: #b2b2b2;
}
.newslist ul li .cright .message .detail{
	color:#fd768a;
}

.info-title {
    padding-bottom: .5rem;
}
.info-title h1 {
    font-size: 1.4rem;
    line-height:2rem;
    padding-bottom: .5rem;
}

.info-title span {
    color: #b2b2b2;
    font-size: .8rem;
}
.info-contents {
    padding-top: .6rem;
    color: #4c4c4c;
    line-height: 1.7;
    font-size: 1.1rem;
    padding-bottom: 4rem;
}

.forumcontent{
	width:100%;
	
}
.forumcontent textarea{
	width:100%;
	height:6rem;
}

.faq-contents{
	padding: 1rem 0;
	border-bottom: 1px solid #ededed;
}
.faq-contents .ftitle{
	color: #333333;
	font-weight: bold;
	font-size: 1.1rem;
}

.faq-contents .fcontent{
	margin-top: 0.1rem;
	color: #666666;
	font-size: 0.9rem;
	line-height: 1.5rem;
}
.activity-img{
	width:100%;
	height:12rem;
}
.activity-img img{
	width:100%;
	border-radius: 12px;
}

.activity-title {
    padding: 0.8rem 0;
}
.activity-title h1 {
    font-size: 1.4rem;
    line-height:2rem;
}
.activity-contents {
    padding-top: 0;
    color: #4c4c4c;
    line-height: 1.7;
    font-size: 1.1rem;
    padding-bottom: 4rem;
}
.btn100{
	width: 40%;
    height: 2.4rem;
    border-radius: 20px;
    background-color: #FD768A;
    color: #fff;
    font-size: 1.1rem;
	font-weight:bold;
    text-align: center;
    line-height: 2.4rem;
    display: block;
    margin: 1.5rem auto;
}


.citytrainlist{
	width:100%;
	margin-top:1rem;
}
.citytrainlist ul{
	margin:0.8rem auto;
	width:95%;
}
.citytrainlist ul li{
	margin-top:0.3rem;
	padding:0.5rem 0;
	box-shadow: 0px -2px 3px #eee;
}

.citytrainlist ul li .cleft{
	width:25%;
	float:left;
}
.citytrainlist ul li .cleft a img{width:100%;border-radius:3px;}
.citytrainlist ul li .cright{
	width:75%;
	float:left;
	padding:5px 0px 5px 10px;
}
.citytrainlist ul li .cright .title{
	font-size:1.1rem;
	
}
.citytrainlist ul li .cright .title a{
	color:#000;
}
.citytrainlist ul li .cright .message{
    
    font-size: 0.8rem;
    padding-top: .3rem;
	margin-top:0.1rem;
    bottom: 0;
}

.citytrainlist ul li .cright .message .times{
    color: #666;
	margin-top:0.3rem;
}
.citytrainlist ul li .cright .message .des{
    color: #b2b2b2;
	height:2.2rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.citytrainlist ul li .cright .message .detail{
	color:#fd768a;
	
}
.vipsenior{
	height:100%;
}
.vipsenior .vip_header{
    width:100%;
	height:8rem;
	
	background-color:#FFDD86;
	padding:2.5rem 1rem;
}
.vipsenior .vip_header .logo{
	width:20%;
	float:left;
	
}
.vipsenior .vip_header .logo img{
	width:3rem;
	height:3rem;
	border-radius:50%;
}

.vipsenior .vip_header .content{
	width:80%;
	float:left;
	color:#333333;
}
.vipsenior .vip_header .content .level-alias{
	height:1.5rem;
	font-size:1.2rem;
	font-weight:bold;
}
.vipsenior .vip_header .content .expire-date{
	height:1rem;
}
.vipsenior .vip_center{
	width:100%;
	height:15rem;
	padding:1.5rem 1rem;
	box-shadow: 0px 0px 4px 0px rgba(102, 102, 102, 0.4);
}
.vipsenior .vip_center .left{
	width:50%;
	float:left;
}
.vipsenior .vip_center .left .title{
	font-size:1.2rem;
	font-family: PingFang SC;
	font-weight: bold;
	color: #FE4967;
}
.vipsenior .vip_center .left .des{
	margin-top:1rem;
	font-size:0.8rem;
	font-family: PingFang SC;
	font-weight: 500;
	color: #666666;
}
.vipsenior .vip_center .left .join{
	font-size:1rem;
	font-family: PingFang SC;
	font-weight: 500;
	color: #fff;
	width:50%;
	height:2rem;
	line-height:1.9rem;
	text-align:center;
	border-radius:15px;
	margin:1.5rem auto;
	background-color:#FE4967;
}

.vipsenior .vip_center .right{
	margin-top:1rem;
	width:50%;
	float:left;
	height:12rem;
}
.vipsenior .vip_center .right img{
	width:100%;
}
.vipsenior .vip_help{
	width:100%;
	padding:1.5rem 1rem;
}
.vipsenior .vip_help .htitle{
	font-size:1rem;
	font-family: PingFang SC;
	font-weight: bold;
}

.vipsenior .vip_help .qtitle{
	font-size:0.8rem;
	font-family: PingFang SC;
	font-weight: bold;
	margin-top:1.2rem;
}
.vipsenior .vip_help .qdes{
	margin-top:0.8rem;
	font-size:0.8rem;
	font-family: PingFang SC;
}
.viphistory{
	width:100%;
}

.viphistory .first{
	width:100%;
	height:500px;
	position:relative;
}
.viphistory .first .fbg{
	width:100%;
	position:absolute;
}

.viphistory .first .fbg img{
	width:100%;
}


.viphistory .first .user{
	position:absolute;
	z-index:100;
	height:15rem;
	width:100%;
	top:7rem;
}
.viphistory .first .user .userlogo{
	width:3.5rem;
	height:3.5rem;
	margin:1rem auto 0 auto;
}
.viphistory .first .user .userlogo img{
	width:100%;
	border-radius:50%;

}
.viphistory .first .user .username{
	color:#FE4967;
	font-size:1.1rem;
	font-weight:bold;
	margin:0.3rem auto;
	width:20%;
	text-align:center;
}
.viphistory .first .user .welcome{
	color:#666666;
	font-size:1.1rem;
	margin:1rem auto;
	width:40%;
	text-align:center;
}
.viphistory .first .user .detail{
	margin:1rem auto;
	width:40%;
}
.viphistory .first .user .detail a{
	width:100%;
	height:2.4rem;
	line-height:2.4rem;
	text-align:center;
	display:block;
	color:#fff;
	font-size:1.0rem;
	background-color:#FE4967;
	border-radius: 30px;
}
.viphistory .second{
	width:100%;
	height:500px;
	position:relative;
}
.viphistory .second .sbg{
	position:absolute;
}
.viphistory .second .sbg img{
	width:100%;
}
.viphistory .second .report{
	position:absolute;
	z-index:100;
	font-weight:500;
	height:15rem;
	width:100%;
	top:8rem;
	color:#333333;
	font-size:1.1rem;
	padding-left:5rem;
}

.viphistory .second .report p{
	margin:0.2rem 0;
}
.kqred{color:#FE4967}
.kqlogo{width:3rem;height:3rem;border-radius:50%;}

.hotvediotext{
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
	position:absolute;
	z-index: 100;
	bottom: 0;
	height: 1.5rem;
	line-height: 1.5rem;
	color: #fff;
	background-color:rgba(0,0,0,0.3);
	width: 100%;
	border-bottom-right-radius:8px;
	border-bottom-left-radius:8px;
}

.videodetail{


}
.videodetail .videodetail_header{
	height: 3.5rem;width: 100%;
	background-color: #fff;
}
.videodetail .videodetail_header .logo{
	float: left;
	height: 2rem;
	margin: 0.7rem 1rem;
	
}
.videodetail .videodetail_header .logo img{
	height: 100%;
}
.videodetail .videodetail_header .openapp{
	margin: 0.9rem 1rem;
	height: 1.8rem;
	line-height: 1.6rem;
	width: 4.6rem;
	border-radius: 15px;
	border: 2px solid #FE4967;
	color: #FE4967;
	font-weight: bold;
	float: right;
	text-align: center;
}

.videodetail .videodetail_video{
	height: 240px;width: 100%;

}
.videodetail .videodetail_video video{
	height: 100%;width: 100%;object-fit:fill;
}
.videodetail .videodetail_title h2{
	height: 3rem;
	line-height: 3rem;
	color: rgba(0,0,0,.87);
	font-size: 1.2rem;
	font-weight: 500;
	padding: 0.1rem 0.5rem;
	white-space:nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	
}
.videodetail .videodetail_title .message{
	height: 1rem;
	line-height: 1rem;
	color:#757575;
	padding: 0.1rem 0.5rem;
	
}
.videodetail .relation_list{
	margin-top:1rem;
	padding: 0.1rem 0.5rem;
}
.videodetail .relation_list .relationname{
	height: 3rem;
	line-height: 3rem;
	font-size: 1.2rem;
}

.videodetail .relation_list ul{

}

.videodetail .relation_list ul li{
	height: 6.5rem;
	padding: 0.5rem 0;
	border-bottom: .02rem solid hsla(0,0%,59.2%,.16);
}
.videodetail .relation_list ul li a{
	display: block;
	color: rgba(0,0,0,.87);
}
.videodetail .relation_list ul li a .relation_left{
	float: left;
	height: 5rem;
	width: 35%;
}
.videodetail .relation_list ul li a .relation_left img{
	width: 100%;
	height: 100%;
	border-radius: 5px;
}

.videodetail .relation_list ul li a .relation_right{
	padding: 0.2rem 0.5rem;
	float: right;
	width: 65%;
}
.videodetail .relation_list ul li a .relation_right .title{
	font-size:1.1rem;
	color: rgba(0,0,0,.87);
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;

}
.videodetail .relation_list ul li a .relation_right .message{
	color:#757575;
}


.invite{
	width:100%;
	margin-top:1rem;
}
.invite ul{
	margin:0.8rem auto;
	width:95%;
}
.invite ul li{
	margin-top:0.6rem;
	padding:0.6rem 0;
	
	height:4rem;
	line-height:4rem;
	box-shadow: 0px -2px 3px #eee;
}

.invite ul li .clogo{
	width:20%;
	float:left;
}
.invite ul li .clogo img{
	width: 3rem;
	height: 3rem;
    border-radius: 50%;
}
.invite ul li .cleft{
	width:55%;
	float:left;
}
.invite ul li .cleft a img{width:100%;border-radius:3px;}
.invite ul li .cright{
	width:25%;
	float:left;
	color: #666666;
	/*padding:5px 0px 5px 10px;*/
}
.invite_type{
	height:3rem;
}
.invite_type a{
    display:block;
	width:50%;
	float:left;
	text-align:center;
	height:3rem;
	line-height:3rem;
	color:#000;
	font-size:1rem;
}

.invite_type a.active span{
	padding-bottom:5px;
	border-bottom:2px solid #FE4967;
}