@charset "UTF-8";
/** @description:  wap terminal style @author: liejiayong(809206619@qq.com) @Date: 2020-06-15 11:27:17 @LastEditors: liejiayong(809206619@qq.com) @LastEditTime: 2021-12-11 17:06:29 @FilePath:  @warning: 本页所有内容，后端同学不需要修改，谢谢~ */
/* Document ========================================================================== */
/** 1. Correct the line height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. */
html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; /* 2 */ scroll-behavior: smooth; }

/* Sections ========================================================================== */
/** Remove the margin in all browsers. */
body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, Helvetica, Helvetica Neue, PingFang SC, Microsoft YaHei, '微软雅黑',
 system-ui, sans-serif; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

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

ol, ul { margin: 0; padding: 0; }

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

em, i { font-style: normal; }

/** Render the `main` element consistently in IE. */
main { display: block; }

/** Correct the font size and margin on `h1` elements within `section` and `article` contexts in Chrome, Firefox, and Safari. */
h1 { font-size: 2em; margin: 0.67em 0; }

/* Grouping content ========================================================================== */
/** 1. Add the correct box sizing in Firefox. 2. Show the overflow in Edge and IE. */
hr { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/* Text-level semantics ========================================================================== */
a { color: inherit; text-decoration: none; background-color: transparent; /** Remove the gray background on active links in IE 10. */ }

/** 1. Remove the bottom border in Chrome 57- 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; -moz-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ }

/** Add the correct font weight in Chrome, Edge, and Safari. */
b, strong { font-weight: bolder; }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/** Add the correct font size in all browsers. */
small { font-size: 80%; }

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

sub { bottom: -0.25em; }

sup { top: -0.5em; }

/* Embedded content ========================================================================== */
/** Remove the border on images inside links in IE 10. */
img { vertical-align: middle; border-style: none; }

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

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

/* 
  正常播放视频不建议隐藏
  video::-internal-media-controls-download-button {
    display: none;
  }
  video::-webkit-media-controls-panel {
    width: calc(100% + 30px);
  }
  video::-webkit-media-controls-enclosure {
    overflow: hidden;
  }
  video::-webkit-media-controls-fullscreen-button {
    display: none;
  }
*/
/* Forms ========================================================================== */
:focus { outline: 0; border: 0; }

/** 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. */
button, input, optgroup, select, textarea { position: relative; font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ }

/** Show the overflow in IE. 1. Show the overflow in Edge. */
button, input { /* 1 */ overflow: visible; }

/** Remove the inheritance of text transform in Edge, Firefox, and IE. 1. Remove the inheritance of text transform in Firefox. */
button, select { /* 1 */ text-transform: none; }

/** Correct the inability to style clickable types in iOS and Safari. */
button, [type='button'], [type='reset'], [type='submit'] { -webkit-appearance: button; -moz-appearance: button; appearance: button; }

/** Remove the inner border and padding in Firefox. */
button::-moz-focus-inner, [type='button']::-moz-focus-inner, [type='reset']::-moz-focus-inner, [type='submit']::-moz-focus-inner { border-style: none; padding: 0; }

/** Restore the focus styles unset by the previous rule. */
button:-moz-focusring, [type='button']:-moz-focusring, [type='reset']:-moz-focusring, [type='submit']:-moz-focusring { outline: 1px dotted ButtonText; }

/** Correct the padding in Firefox. */
fieldset { padding: 0.35em 0.75em 0.625em; }

/** 1. Correct the text wrapping in Edge and IE. 2. Correct the color inheritance from `fieldset` elements in IE. 3. Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */
legend { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ }

/** Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress { vertical-align: baseline; }

/** Remove the default vertical scrollbar in IE 10+. */
textarea { overflow: auto; }

/** 1. Add the correct box sizing in IE 10. 2. Remove the padding in IE 10. */
[type='checkbox'], [type='radio'] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Correct the cursor style of increment and decrement buttons in Chrome. */
[type='number']::-webkit-inner-spin-button, [type='number']::-webkit-outer-spin-button { height: auto; }

/** 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */
[type='search'] { -webkit-appearance: textfield; /* 1 */ -moz-appearance: textfield; appearance: textfield; outline-offset: -2px; /* 2 */ }

/** Remove the inner padding in Chrome and Safari on macOS. */
[type='search']::-webkit-search-decoration { -webkit-appearance: none; appearance: none; }

/** 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */
::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ appearance: button; font: inherit; /* 2 */ }

/* Interactive ========================================================================== */
/* Add the correct display in Edge, IE 10+, and Firefox. */
details { display: block; }

/* Add the correct display in all browsers. */
summary { display: list-item; }

table { empty-cells: show; }

/* Misc ========================================================================== */
/** Add the correct display in IE 10+. */
template { display: none; }

/** Add the correct display in IE 10. */
[hidden] { display: none; }

/*@font-face { font-family: 'fcustom'; src: url("../media/fcustom.ttf"); src: url("../media/fcustom.eot?#font-spider") format("embedded-opentype"), url("../media/fcustom.woff2") format("woff2"), url("../media/fcustom.woff") format("woff"), url("../media/fcustom.ttf") format("truetype"), url("../media/fcustom.svg") format("svg"); font-weight: normal; font-style: normal; }*/

.ff-fcustom { font-family: 'fcustom', Microsoft YaHei, '微软雅黑', sans-serif; }

.ff-normal { font-family: initial, Microsoft YaHei, '微软雅黑', sans-serif; }

.btn-dl-andr, .btn-dl-ios, .btn-dl, .ico-btn-backls, .ico-btn-home, .ico-react-game, .ico-tab-new.active, .ico-tab-new { display: inline-block; background: url("../images/ico_sp_wap_ico_sp_btn.png") no-repeat top center/7.32rem auto; }

.btn-dl-andr { width: 3.24rem; height: 1.4rem; background-position: 0 -1.91rem; }

.btn-dl-ios { width: 3.24rem; height: 1.4rem; background-position: -4.08rem 0; }

.btn-dl { margin-right: 0.16rem; display: block; width: 1.84rem; height: 0.54rem; background-position: -3.84rem -3.91rem; }

.ico-btn-backls { width: 3.24rem; height: 1rem; background-position: -4.08rem -2rem; }

.ico-btn-home { width: 3.24rem; height: 1rem; background-position: 0 -3.91rem; }

.ico-react-game { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 0; -webkit-flex: 0 0 3.48rem; -moz-box-flex: 0; -ms-flex: 0 0 3.48rem; flex: 0 0 3.48rem; width: 3.48rem; height: 1.31rem; background-position: 0 0; }

.ico-role-tab-1, .ico-role-tab-2, .ico-role-tab-3, .ico-role-tab.active, .ico-role-tab { display: inline-block; background: url("../images/ico_sp_wap_ico_sp_role.png") no-repeat top center/4.12rem auto; }

.ico-role-tab-1 { width: 0.52rem; height: 0.58rem; background-position: -3.6rem 0; }

.ico-role-tab-2 { width: 0.62rem; height: 0.54rem; background-position: 0 -1.77rem; }

.ico-role-tab-3 { width: 0.52rem; height: 0.48rem; background-position: -3.6rem -1.18rem; }

.ico-role-tab.active { width: 1.2rem; height: 1.18rem; background-position: 0 0; }

.ico-role-tab { width: 1.2rem; height: 1.18rem; background-position: -1.8rem 0; }

.topbar { display: inline-block; width: 7.5rem; height: 0.9rem; background: url("../images/topbar.png") no-repeat top center/contain; }

/** @description:  common tool for wap terminal and pc terminal @author: liejiayong(809206619@qq.com) @Date: 2020-06-15 11:27:17 @LastEditors: liejiayong(809206619@qq.com) @LastEditTime: 2021-12-11 17:06:29 @FilePath:  @warning:  */
.mauto { margin-left: auto; margin-right: auto; }

.mlauto { margin-left: auto; }

.mrauto { margin-right: auto; }

/* common fontsize */
.fs-60 { font-size: 0.6rem; }

.fs-50 { font-size: 0.5rem; }

.fs-40 { font-size: 0.4rem; }

.fs-38 { font-size: 0.38rem; }

.fs-36 { font-size: 0.36rem; }

.fs-34 { font-size: 0.34rem; }

.fs-32 { font-size: 0.32rem; }

.fs-30 { font-size: 0.3rem; }

.fs-28 { font-size: 0.28rem; }

.fs-26 { font-size: 0.26rem; }

.fs-24 { font-size: 0.24rem; }

.fs-22 { font-size: 0.22rem; }

.fs-20 { font-size: 0.2rem; }

.fs-18 { font-size: 0.18rem; }

.fs-16 { font-size: 0.16rem; }

.fs-14 { font-size: 0.14rem; }

.fs-12 { font-size: 0.12rem; }

.fs-10 { font-size: 0.1rem; }

.fs-0 { font-size: 0; }

/* the padding and marge of elements */
.ml-5 { margin-left: 0.05rem; }

.mt-5 { margin-top: 0.05rem; }

.ml-10 { margin-left: 0.1rem; }

.mt-10 { margin-top: 0.1rem; }

.ml-15 { margin-left: 0.15rem; }

.mt-15 { margin-top: 0.15rem; }

.ml-20 { margin-left: 0.2rem; }

.mt-20 { margin-top: 0.2rem; }

.ml-25 { margin-left: 0.25rem; }

.mt-25 { margin-top: 0.25rem; }

.ml-30 { margin-left: 0.3rem; }

.mt-30 { margin-top: 0.3rem; }

.ml-35 { margin-left: 0.35rem; }

.mt-35 { margin-top: 0.35rem; }

.ml-40 { margin-left: 0.4rem; }

.mt-40 { margin-top: 0.4rem; }

.ml-50 { margin-left: 0.5rem; }

.mt-50 { margin-top: 0.5rem; }

.ml-60 { margin-left: 0.6rem; }

.mt-60 { margin-top: 0.6rem; }

.pl-5 { padding-left: 0.05rem; }

.pt-5 { padding-top: 0.05rem; }

.pl-10 { padding-left: 0.1rem; }

.pt-10 { padding-top: 0.1rem; }

.pl-15 { padding-left: 0.15rem; }

.pt-15 { padding-top: 0.15rem; }

.pl-20 { padding-left: 0.2rem; }

.pt-20 { padding-top: 0.2rem; }

.pl-25 { padding-left: 0.25rem; }

.pt-25 { padding-top: 0.25rem; }

.pl-30 { padding-left: 0.3rem; }

.pt-30 { padding-top: 0.3rem; }

.pl-35 { padding-left: 0.35rem; }

.pt-35 { padding-top: 0.35rem; }

.pl-40 { padding-left: 0.4rem; }

.pt-40 { padding-top: 0.4rem; }

.pl-50 { padding-left: 0.5rem; }

.pt-50 { padding-top: 0.5rem; }

.pl-60 { padding-left: 0.6rem; }

.pt-60 { padding-top: 0.6rem; }

.lh-13 { line-height: 1.3; }

.lh-15 { line-height: 1.5; }

.lh-18 { line-height: 1.8; }

.lh-20 { line-height: 2; }

.vertical-top { vertical-align: top; }

.vertical-middle { vertical-align: middle; }

.vertical-bottom { vertical-align: bottom; }

.vertical-baseline { vertical-align: baseline; }

.clearfix { zoom: 1; }

.clearfix:after { content: '\0020'; clear: both; display: block; height: 0; visibility: hidden; opacity: 0; font-size: 0; }

.float_l { float: left; }

.float_r { float: right; }

.hide { display: none; }

.vf_hide { overflow: hidden; }

.tl { text-align: left; }

.tc { text-align: center; }

.tr { text-align: right; }

.select-tc { text-align: center; -moz-text-align-last: center; text-align-last: center; }

.flighter { font-weight: lighter; }

.fnormal { font-weight: normal; }

.fb { font-weight: bold; }

.text-indent { text-indent: 2em; }

.text-underline { text-decoration: underline; }

.text-underline:hover { text-decoration: none; }

.text-none { text-decoration: none; }

.text-none:hover { text-decoration: underline; }

.ul-decimal { margin-left: auto; margin-right: auto; padding-left: 2em; }

.ul-decimal li { list-style: decimal; }

.text-white { color: #fff; }

.text-black { color: #000; }

.text-yellow { color: #facb3a; }

.text-orange { color: #e9852d; }

.text-brown { color: brown; }

.text-red { color: red; }

.text-blue { color: blue; }

.text-indigo { color: indigo; }

.text-purple { color: purple; }

.text-pink { color: pink; }

.text-green { color: #cdffa8; }

.text-turquoise { color: #26e4e0; }

.text-grey { color: #666; }

.text-deep-grey { color: #333; }

.prelative { position: relative; }

.pabsolute { position: absolute; }

.pfixed { position: fixed; }

.absolute-0 { position: absolute; top: 0; left: 0; }

.flow_block { display: block; }

.flow_inline { display: inline; }

.flow_inblock { display: inline-block; }

.jy-flex { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; }

.jy-flex-c { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; }

.jy-flex-vc { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; }

.jy-flex-hc { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; }

.jy-flex-hspace { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; justify-content: space-between; }

.jy-flex-g5 { width: 50%; -webkit-box-flex: 50%; -ms-flex: 0 0 50%; -webkit-flex: 0 0 50%; -moz-box-flex: 0; flex: 0 0 50%; }

.jy-flex-g4 { width: 40%; -webkit-box-flex: 40%; -ms-flex: 0 0 40%; -webkit-flex: 0 0 40%; -moz-box-flex: 0; flex: 0 0 40%; }

.jy-flex-g3 { width: 30%; -webkit-box-flex: 30%; -ms-flex: 0 0 30%; -webkit-flex: 0 0 30%; -moz-box-flex: 0; flex: 0 0 30%; }

.jy-flex-g2 { width: 20%; -webkit-box-flex: 20%; -ms-flex: 0 0 20%; -webkit-flex: 0 0 20%; -moz-box-flex: 0; flex: 0 0 20%; }

.flex-1 { -webkit-box-flex: 1; -ms-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; flex: 1; }

.jy-flex-wrap { -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; }

.jy-flex-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; }

.jy-flex-vstart { -ms-flex-item-align: start; -webkit-align-self: flex-start; align-self: flex-start; }

.jy-flex-vend { -ms-flex-item-align: end; -webkit-align-self: flex-end; align-self: flex-end; }

.jy-flex-hstart { justify-self: flex-start; }

.jy-flex-hend { justify-self: flex-end; }

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

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

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

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

.jy-btn { cursor: pointer; z-index: 5; text-indent: -99.99rem; font-size: 0; line-height: 1; overflow: hidden; }

.jy-btn:active { -webkit-filter: brightness(1.1); filter: brightness(1.1); }

.jy-btn.disable:active, .jy-btn.active:active { -webkit-filter: none; filter: none; }

.jy-btn-txt { cursor: pointer; z-index: 5; }

.jy-btn-txt:active { -webkit-filter: brightness(1.1); filter: brightness(1.1); }

.jy-btn-txt.disable:active, .jy-btn-txt.active:active { -webkit-filter: none; filter: none; }

.jy-btn-brightness:hover { -webkit-filter: brightness(1.1); filter: brightness(1.1); }

.jy-btn-primary { display: inline-block; cursor: pointer; color: #a70000; background-color: #ffc949; z-index: 5; }

.opacity-0 { opacity: 0; }

.input-border0 { border: 0; }

/* swiper style */
.swiper-slide { overflow-x: hidden; overflow-y: auto; }

.swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; z-index: 1; width: 100%; height: 100%; }

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

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

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

.swiper-container-multirow > .swiper-wrapper { -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

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

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

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; }

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

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

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

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

.swiper-container-3d { -webkit-perspective: 1200px; perspective: 1200px; }

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

.swiper-button-disabled { cursor: not-allowed; -webkit-filter: grayscale(1); filter: grayscale(1); }

.swiper-pagination-dot { padding: 0.3rem 0; position: absolute; bottom: 0; right: 0; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; background: rgba(0, 0, 0, 0.3); }

.swiper-pagination-dot .swiper-pagination-bullet { position: relative; margin: 0.04rem; display: inline-block; width: 0.16rem; height: 0.16rem; -webkit-border-radius: 0.08rem; border-radius: 0.08rem; overflow: visible; background-color: #82affe; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }

.swiper-pagination-dot .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 0.32rem; background-color: #6a91ff; }

.swiper-pagination-rect90 { padding: 0.12rem 0.18rem; position: absolute; bottom: 0; right: 0; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; background: rgba(0, 0, 0, 0.3); }

.swiper-pagination-rect90 .swiper-pagination-bullet { position: relative; margin: 0.08rem; display: inline-block; width: 0.2rem; height: 0.2rem; -webkit-border-radius: 0.2rem; border-radius: 0.2rem; background-color: #fff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); overflow: visible; border: 0.02rem solid #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }

.swiper-pagination-rect90 .swiper-pagination-bullet::before { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); width: 0.1rem; height: 0.1rem; background-color: #fff; opacity: 0; }

.swiper-pagination-rect90 .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 0.4rem; background-color: #8e3211; }

.swiper-pagination-rect90 .swiper-pagination-bullet.swiper-pagination-bullet-active::before { opacity: 1; }

/** @description:  wap nav style @author: liejiayong(809206619@qq.com) @Date: 2020-06-15 11:27:17 @LastEditors: liejiayong(809206619@qq.com) @LastEditTime: 2021-12-11 17:06:29 @FilePath:  @warning: 本页所有内容，后端同学不需要修改，谢谢~ */
.jy-nav { padding: 0 0.2rem; position: fixed; top: 0; left: 50%; width: 7.5rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transform: translate3d(-50%, 0, 0); -moz-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); z-index: 10; background: url("../images/topbar.png") no-repeat top center/contain; border-bottom: 0.02rem solid #1f2a2d; }

.jy-nav .jy-nav_wrapper { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; height: 0.9rem; }

.jy-nav .jy-nav_logo { position: absolute; top:.18rem; left: 0;  width: 1.3rem; }

.jy-nav .jy-nav_logo img { width: 100%; -o-object-fit: contain; object-fit: contain; }

.jy-nav .jy-nav_profile { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; margin-left: 1.47rem; color: #fbeacb; }

.jy-nav .jy-nav_profile_name { font-size: 0.3rem; }

.jy-nav .jy-nav_profile_subname { margin-top: 0.08rem; font-size: 0.22rem; }

/** @description:  wap navbar style @author: liejiayong(809206619@qq.com) @Date: 2020-06-15 11:27:17 @LastEditors: liejiayong(809206619@qq.com) @LastEditTime: 2021-12-11 17:06:29 @FilePath:  @warning: 本页所有内容，后端同学不需要修改，谢谢~ */
.jy-navbar { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; overflow: hidden auto; text-align: center; font-family: 'fcustom', Microsoft YaHei, '微软雅黑', sans-serif; color: #fff; background: rgba(0, 0, 0, 0.2); }

.jy-navbar.active { display: block; height: auto; -webkit-transition: height 0.4s linear; -o-transition: height 0.4s linear; -moz-transition: height 0.4s linear; transition: height 0.4s linear; }

.jy-navbar--mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.jy-navbar_wrapper { position: absolute; top: 0.9rem; left: 0; right: 0; padding: 0.3rem 0.3rem 0.2rem; background-color: rgba(58, 61, 67, 0.94); overflow: hidden; }

.jy-navbar__item { margin-bottom: 0.02rem; padding: 0.14rem 0; position: relative; width: 100%; line-height: 1.5; border: 0.02rem solid #fff; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; -moz-transition: all 0.3s linear; transition: all 0.3s linear; }

.jy-navbar__item:nth-of-type(n + 2) { margin-top: 0.12rem; }

.jy-navbar__item__sub .jy-navbar__item--link i { display: inline-block; position: relative; }

.jy-navbar__item__sub .jy-navbar__item--link i::before { content: ''; position: absolute; top: 0; right: 0; -webkit-transform: translate3d(120%, 43%, 0); -moz-transform: translate3d(120%, 43%, 0); transform: translate3d(120%, 43%, 0); -webkit-transform-origin: 0.12rem 0.06rem; -moz-transform-origin: 0.12rem 0.06rem; -ms-transform-origin: 0.12rem 0.06rem; -o-transform-origin: 0.12rem 0.06rem; transform-origin: 0.12rem 0.06rem; width: 0; height: 0; line-height: 1; font-size: 0; overflow: hidden; border-width: 0.12rem; border-style: solid dashed dashed dashed; border-color: #fff transparent transparent transparent; }

.jy-navbar__item__sub.active .jy-navbar__item--link i::before { -webkit-transform: translate3d(120%, 43%, 0) rotate(180deg); -moz-transform: translate3d(120%, 43%, 0) rotate(180deg); transform: translate3d(120%, 43%, 0) rotate(180deg); }

.jy-navbar__item__sub-content { display: none; }

.jy-navbar__item__sub-content.active { display: block; }

.jy-navbar__item--link { position: relative; display: block; width: 100%; height: 100%; cursor: pointer; }

@-webkit-keyframes rtol { from { -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  to { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@-moz-keyframes rtol { from { -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0); }
  to { -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); } }

@keyframes rtol { from { -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0); }
  to { -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); } }

.jy-ban-container { position: relative; margin: 0 auto 0; width: 7.02rem; }

.jy-ban-container .swiper-container { height: 2.9rem; }

.jy-ban-container img { width: 100%; height: 100%; }

.jy-ban-tabs { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; height: 0.6rem; line-height: 0.6rem; background: #411f00; color: #c9a77f; }

.jy-ban-tabs .item { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -webkit-flex: auto; -moz-box-flex: 1; -ms-flex: auto; flex: auto; height: 100%; cursor: pointer; }

.jy-ban-tabs .item:not(:first-of-type) { border-left: 0.02rem solid #3b2f24; }

.jy-ban-tabs .item.active { color: #ffd08c; background-color: #8d3200; }

.jy-news__tabs__container { margin-left: auto; margin-right: auto; position: relative; height: 0.64rem; font-size: 0.24rem; font-family: 'fcustom', Microsoft YaHei, '微软雅黑', sans-serif; }

.jy-news__tabs__container.w-main { width: 7.02rem; color: #c7a880; background: url("../images/ico-news-tab.jpg") no-repeat top center/100% auto; }

.jy-news__tabs__container.w-main a { background: url("../images/ico_sp_wap_ico_sp_btn.png") no-repeat -1.69rem -5.51rem/7.32rem auto; }

.jy-news__tabs__container.w-main a:not(:last-of-type)::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; -webkit-transform: translate3d(50%, 0, 0); -moz-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0); display: block; width: 0.02rem; background: #23282f; }

.jy-news__tabs__container.w-main a.active { color: #ffeeca; background-position: 0 -5.51rem; }

.jy-news__tabs__container.w-fill { width: 7.3rem; }

.jy-news__tabs__container.w-fill .jy-news__tabs__wrapper { border-bottom: 0.018rem solid #e9e9e9; }

.jy-news__tabs__container.w-fill a { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; }

.jy-news__tabs__container.w-fill a:not(:last-of-type)::before { content: ''; position: absolute; top: 50%; right: 0; -webkit-transform: translate3d(50%, -50%, 0); -moz-transform: translate3d(50%, -50%, 0); transform: translate3d(50%, -50%, 0); display: block; width: 0.02rem; height: 0.12rem; background: #cac0bf; }

.jy-news__tabs__container.w-fill a::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; display: block; height: 0.03rem; background: #b59d72; opacity: 0; -webkit-transition: opacity 0.5s linear; -o-transition: opacity 0.5s linear; -moz-transition: opacity 0.5s linear; transition: opacity 0.5s linear; }

.jy-news__tabs__container.w-fill a.active::after { opacity: 1; }

.jy-news__tabs__container .ico-btn-more { display: block; position: absolute; top: 50%; right: 0.15rem; -webkit-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); cursor: pointer; }

.jy-news__tabs__wrapper { margin-left: auto; margin-right: auto; position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; font-weight: bold; }

.jy-news__tabs__wrapper--all.jy-news__tabs__wrapper a { -webkit-box-flex: 1; -webkit-flex: auto; -moz-box-flex: 1; -ms-flex: auto; flex: auto; width: auto; font-size: 0.26rem; }

.jy-news__tabs__wrapper a { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; -webkit-box-flex: 0; -webkit-flex: 0 0 1.09rem; -moz-box-flex: 0; -ms-flex: 0 0 1.09rem; flex: 0 0 1.09rem; width: 1.09rem; height: 100%; }

.ico__news__btn--more { position: absolute; top: 0; right: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; width: 1.1rem; height: 100%; z-index: 1; font-family: Arial, Helvetica, sans-serif; }

.jy-news__tags { padding: 0.2rem 0 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.jy-news__tags a { padding: 0.12rem 0; margin: 0.06rem 0.15rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; -webkit-box-flex: 0; -webkit-flex: 0 0 1.6rem; -moz-box-flex: 0; -ms-flex: 0 0 1.6rem; flex: 0 0 1.6rem; width: 1.6rem; text-align: center; font-size: 0.24rem; color: #fff; background-color: #485161; }

.jy-news__contents { margin-left: auto; margin-right: auto; position: relative; }

.jy-news__contents.w-main { width: 7.02rem; height: 2.9rem; background-color: #1d1a16; color: #636363; }

.jy-news__contents.w-main .jy-news__contents__links { height: 0.5rem; }

.jy-news__contents.w-main .jy-news__contents__links:not(:first-of-type) { border-top: 0.02rem dashed #483f30; }

.jy-news__contents.w-main .swiper-container { width: 6.8rem; }

.jy-news__contents.w-fill { width: 7.3rem; }

.jy-news__contents.w-fill .jy-news__contents__links { padding: 0.2rem 0 0; line-height: 2; }

.jy-news__contents--all { height: auto; line-height: 2; }

.jy-news__contents__links { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; width: 100%; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.jy-news__contents__links--topics { margin: 0.2rem auto 0; position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; width: 100%; height: 0.5rem; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; font-weight: bold; color: #b21515; }

.jy-news__contents__links span { display: block; }

.jy-news__contents__links .content { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; max-width: -webkit-calc(100% - 0.6rem); max-width: -moz-calc(100% - 0.6rem); max-width: calc(100% - 0.6rem); }

.jy-news__contents__links .time { text-align: right; min-width: 0.8rem; margin-left: 0.1rem; color: #836639; }

.jy-news__contents__links:hover { color: #b21515; font-weight: bold; }

.jy-news__contents__links:hover .sign { border-color: inherit; }

.jy-news__contents__links:hover .content { color: inherit; }

.jy-news__details { padding: 0 0.2rem 2rem; line-height: 1.5; }

.jy-news__details .title { position: relative; padding: 0.6rem 0; font-size: 0.26rem; text-align: center; }

.jy-news__details .title::before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; border: 0.018rem solid #f1f1f1; }

.jy-news__details .title .tsup { margin: 0; font-weight: bold; color: #6b3d00; }

.jy-news__details .title .tsup span { display: inline-block; text-align: left; }

.jy-news__details .title .tsub { margin-top: 0.28rem; font-size: 0.2rem; color: #848484; }

.jy-news__details .profile { padding: 0.1rem 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; font-size: 0.22rem; color: #999; }

.jy-news__details .profile .avatar { position: relative; width: 0.4rem; height: 0.4rem; overflow: hidden; }

.jy-news__details .profile .avatar img { width: 100%; height: 100%; -webkit-border-radius: 50%; border-radius: 50%; }

.jy-news__details .profile span { margin: 0 0.1rem; }

.jy-news__details .content { padding-top: 0.6rem; }

.jy-news__details .content > p, .jy-news__details .content > div { margin-top: 0.1rem; }

.jy-news__details .content img { padding: 0.1rem 0; display: block; width: 100%; }

/** @description:  wap 分页器 style @author: liejiayong(809206619@qq.com) @Date: 2020-06-15 11:27:17 @LastEditors: liejiayong(809206619@qq.com) @LastEditTime: 2021-12-11 17:06:29 @FilePath:  @warning: 本页所有内容，后端同学不需要修改，谢谢~ */
.pagination-container { position: relative; margin-left: auto; margin-right: auto; padding: 0.5rem 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }

.pagination-container .layui-extral { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; }

.pagination-container .layui-laypage { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; font-size: 0; }

.pagination-container .layui-laypage span, .pagination-container .layui-laypage a { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; padding: 0 8px; height: 24px; line-height: 24px; margin: 0 1px; border: 0; background: #a02c12 -webkit-gradient(linear, left top, left bottom, from(#a02c12), color-stop(#aa2b0f), color-stop(#b03a20), to(#b43e23)); background: #a02c12 -webkit-linear-gradient(#a02c12, #aa2b0f, #b03a20, #b43e23); background: #a02c12 -moz-linear-gradient(#a02c12, #aa2b0f, #b03a20, #b43e23); background: #a02c12 -o-linear-gradient(#a02c12, #aa2b0f, #b03a20, #b43e23); background: #a02c12 linear-gradient(#a02c12, #aa2b0f, #b03a20, #b43e23); color: #fef4d8; font-size: 12px; }

.pagination-container .layui-laypage .layui-laypage-count { padding: 1px; height: 24px; line-height: 24px; margin: 0 1px; border: 0; background: transparent; color: #422c0b; }

.pagination-container .layui-laypage .layui-laypage-curr { background: -webkit-gradient(linear, left top, left bottom, from(#31d8e4), color-stop(#1b8386), to(#45d3d8)); background: -webkit-linear-gradient(#31d8e4, #1b8386, #45d3d8); background: -moz-linear-gradient(#31d8e4, #1b8386, #45d3d8); background: -o-linear-gradient(#31d8e4, #1b8386, #45d3d8); background: linear-gradient(#31d8e4, #1b8386, #45d3d8); }

.pagination-container .layui-laypage .layui-disabled { pointer-events: none; cursor: not-allowed; -webkit-filter: grayscale(1); filter: grayscale(1); }

/** @description:  wap welface page style @author: liejiayong(809206619@qq.com) @Date: 2020-06-15 11:27:17 @LastEditors: liejiayong(809206619@qq.com) @LastEditTime: 2021-12-11 17:06:29 @FilePath:  @warning: 本页所有内容，后端同学不需要修改，谢谢~ */
.jy-gifts__container { padding: 0.3rem 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.jy-gifts__cells { padding: 0.2rem; margin: 0 0.12rem 0.3rem 0.12rem; width: 3rem; font-size: 0.2rem; color: #636363; background-color: #f3f3f4; }

.jy-gifts__cells h3 { width: auto; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; word-wrap: break-word; word-break: break-all; font-size: 0.22rem; font-weight: bold; color: #000; }

.jy-gifts__cells .desc { margin: 0.08rem 0 0.15rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; -o-text-overflow: ellipsis; text-overflow: ellipsis; line-height: 1.4; min-height: 0.8rem; overflow: hidden; }

.jy-ico__gifts__btn { float: right; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; -webkit-box-flex: 0; -webkit-flex: 0 0 0.9rem; -moz-box-flex: 0; -ms-flex: 0 0 0.9rem; flex: 0 0 0.9rem; width: 0.9rem; height: 0.35rem; line-height: 0.35rem; font-size: 0.22rem; background: #a02c12 -webkit-gradient(linear, left top, left bottom, from(#a02c12), color-stop(#aa2b0f), color-stop(#b03a20), to(#b43e23)); background: #a02c12 -webkit-linear-gradient(#a02c12, #aa2b0f, #b03a20, #b43e23); background: #a02c12 -moz-linear-gradient(#a02c12, #aa2b0f, #b03a20, #b43e23); background: #a02c12 -o-linear-gradient(#a02c12, #aa2b0f, #b03a20, #b43e23); background: #a02c12 linear-gradient(#a02c12, #aa2b0f, #b03a20, #b43e23); color: #fffbcf; }

.jy-ico__gifts__btn:active { -webkit-filter: brightness(1.2); filter: brightness(1.2); }

/* pop style */
.jy-pop { display: none; position: fixed; top: 0; right: 0; left: 0; bottom: 0; height: 100%; z-index: 999; background-color: rgba(0, 0, 0, 0.8); }

.jy-pop.active { display: block; opacity: 1; }

.jy-pop .jy-pop_main { width: 6.12rem; position: fixed; left: 50%; top: 50%; z-index: 5000; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }

.jy-pop .jy-pop_body { padding: 0.3rem; background: #f3f3f4; border: 0.04rem solid #fff; text-align: center; }

.jy-pop .btn_pop-close { position: absolute; top: 0; right: -0.46rem; z-index: 5001; width: 0.46rem; height: 0.46rem; background: #933b2f url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAcCAYAAACQ0cTtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NEQ1NURFMkNFRUMxMTFFODk2NkY4RDM2Mjk1RUIyMzEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NEQ1NURFMkJFRUMxMTFFODk2NkY4RDM2Mjk1RUIyMzEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjlFNkUxMzc4NThGNTExRThCNDkxRThDRjMxRjk2NzYyIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjlFNkUxMzc5NThGNTExRThCNDkxRThDRjMxRjk2NzYyIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+v+7F6gAAAN9JREFUeNrMls0NgzAMhR0G6IUReu8B5ukWDNAVuk936CTuvaf0tRJSREOIjWMR6V1A8geOf16IMZ6J6AQ9qfHpoCv0gIZGjABNUE/4swDdIYYGiAw1x35Bl+VDS2AK+sXMvbQA/oGWMCtgFpSD7QWugtZgWmARVIJJgZugLVgtsPqjJOnJBROlW3rxaVDxvWoq7Rt81FSstofemtboyPMcMY1uBeJW+m5NrRlXrBlXewYxSwaxxYrhmhVjuTy5tDxb2ALO2YKWhodTw+Nh5Xi2crdGoBQ4QX3wtN8fAQYAAXzp4ZftFuEAAAAASUVORK5CYII=") no-repeat center/0.3rem; text-indent: -9999px; overflow: hidden; }

.jy-pop__gifts__cp { width: 5rem; margin: 0.1rem auto; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; }

.jy-pop__gifts__cp--link { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; color: #636363; background-color: #fff; line-height: 0.35rem; text-align: left; padding: 0 0.15rem; }

.jy-pop__gifts__cp--btn, .jy-pop__gifts__cp--btn:hover { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; -webkit-box-flex: 0; -webkit-flex: 0 0 1.2rem; -moz-box-flex: 0; -ms-flex: 0 0 1.2rem; flex: 0 0 1.2rem; width: 1.2rem; height: 0.35rem; line-height: 0.35rem; background: #a02c12 -webkit-gradient(linear, left top, left bottom, from(#a02c12), color-stop(#aa2b0f), color-stop(#b03a20), to(#b43e23)); background: #a02c12 -webkit-linear-gradient(#a02c12, #aa2b0f, #b03a20, #b43e23); background: #a02c12 -moz-linear-gradient(#a02c12, #aa2b0f, #b03a20, #b43e23); background: #a02c12 -o-linear-gradient(#a02c12, #aa2b0f, #b03a20, #b43e23); background: #a02c12 linear-gradient(#a02c12, #aa2b0f, #b03a20, #b43e23); color: #fff; margin-left: 0.1rem; }

/** @description:  wap menu style @author: liejiayong(809206619@qq.com) @Date: 2020-06-15 11:27:17 @LastEditors: liejiayong(809206619@qq.com) @LastEditTime: 2021-12-11 17:06:29 @FilePath:  @warning: 本页所有内容，后端同学不需要修改，谢谢~ */
.jy-menus { position: fixed; left: 50%; margin-left: -3.75rem; bottom: 0; z-index: 10; width: 7.5rem; height: 0.74rem; z-index: 10; overflow: hidden; background: #33241f; display: flex; justify-content: space-between;}
.jy-menus a{display: block; height: .74rem; width: 1.85rem; background: url('../images/nav.jpg') no-repeat -999px / 7.49rem .74rem;}
.jy-menus a:nth-child(1){background-position: 0 0;}
.jy-menus a:nth-child(2){background-position: -1.88rem 0;}
.jy-menus a:nth-child(3){background-position: -3.76rem 0;}
.jy-menus a:nth-child(4){background-position: -5.64rem 0;}
/* Adaptive response type */
html { font-size: 24px; }

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

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

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

@media screen and (min-width: 400px) { html { font-size: 62.5px; } }

@media screen and (min-width: 414px) { html { font-size: 64.6875px; } }

@media screen and (min-width: 440px) { html { font-size: 68.75px; } }

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

@media screen and (min-width: 520px) { html { font-size: 81.25px; } }

@media screen and (min-width: 560px) { html { font-size: 87.5px; } }

@media screen and (min-width: 600px) { html { font-size: 93.75px; } }

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

@media screen and (min-width: 680px) { html { font-size: 106.25px; } }

@media screen and (min-width: 720px) { html { font-size: 112.5px; } }

@media screen and (min-width: 760px) { html { font-size: 118.75px; } }

@media screen and (min-width: 800px) { html { font-size: 125px; } }

@media screen and (min-width: 960px) { html { font-size: 150px; } }

body { scroll-behavior: smooth; -webkit-overflow-scrolling: touch; font-size: 0.2rem;}

/* app container wrapper */
.jy-wrapper { margin: 0 auto; position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; max-width: 750px; min-height: 100vh; color: #422c0b; background: #fafafa; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; }

/* main wrapper, Usually used when there is a main menubar switch  */
/* content wrapper, usually used when is a new content */
.jy-content_fill { margin-left: auto; margin-right: auto; position: relative; width: 100%; height: 100vh; overflow-y: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.jy-content_scroll { padding: 0.9rem 0 0; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-overflow-scrolling: touch; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.jy-content_scroll-com { padding: 0.9rem 0.1rem 0; min-height: 100vh; -webkit-overflow-scrolling: touch; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/* for a section block */
.jy-section { position: relative; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: no-repeat top center/7.5rem auto; }

.jy-section.active { display: block; -webkit-animation: fadeIn 0.3s ease-in; -moz-animation: fadeIn 0.3s ease-in; animation: fadeIn 0.3s ease-in; }

.jy-sectionmain { position: relative; margin-left: auto; margin-right: auto; width: 100%; background: no-repeat top center/7.5rem auto; }

.jy-sectionmain-auto { position: relative; margin-left: auto; margin-right: auto; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: no-repeat top center/7.5rem auto; }

/* Screen rotation prompt pop-up window */
.jy-orient_layer { display: none; position: fixed; height: 100%; width: 100%; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.8); z-index: 1000; }

.jy-orient_layer.active { display: block; -webkit-animation: noFadeIn 2s linear; -moz-animation: noFadeIn 2s linear; animation: noFadeIn 2s linear; }

.jy-orient_content { position: absolute; width: 100%; top: 45%; margin-top: -75px; text-align: center; }

.jy-orient_icon { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIYAAADaCAMAAABU68ovAAAAS1BMVEUAAAD09PT5+fn8/Pz////5+fny8vL////5+fn39/f6+vr////x8fH////////+/v7////x8fH39/f////////////////x8fH///+HBPvxAAAAF3RSTlMADSCUBmbWn1c2gvHBvq1uKOpP187lQw7/C7wAAAPMSURBVHja7d3JkpswEIDh1mYWA8Ispt//STNS2XHbcQgkyK0k/R/mMKevRsgGaQrBI1Wa5rJ8qEtjSgU/ps3y8YyG52y9sFRbIOnTwtRJPxTVZWHrUsEtzaAgDg0xdVpYO6nIqBfm6jgkC3saAMzCngFQu4dyULCaGnZfbArK/RfUL1N7HeXuMRlgQ8PuUWl2//02tHekG7jkwLjAksOgLLDkcIl+MXKYsF+MLBKGMIQhjL+f4RR8NOXeMRx8PP+GoeDjqTcMYEgYwhCGMIQhDGF8JQyaMGjCoAmDJgyaMGjCoAmDJgyaMGjCoAmDJgyaMGjCWKvyph3PiHie28JXloFhyy4AaOeuVHBP+w8wtCEGKjEaYmoakzN0gT+viJAOsUrLsDWuV1swiGiSMvoRvzcZf+210v3Vmenx69GEn3NKhsN7rVNAU67Fp67pGAZvFf3bK5cyilQMe782Ow3v0x2ZNioR46aYB/h55cNRpmEYjLUaViJ/ji4Jw2GssOtUkkrA6DFmYC2PNHc8w44bLv8Bn2qPZ9QYai2s1ZemnYlDH83QGJo1/Do91N2IMX8cg87VAbamKl9MOB3M0GQG7qg/mGEiQzPfBNozmSV8jBJDPTeji5OV/c48jonjZlQYUtwMHxQT++NSnK6GndEGhmdnjIFxZWfEidKzM8gnOSejDlnYmzIh9vUNjSF2Rh+fVtgZ18AY2Rk+MFp2hgkM/kt0CgzPzVAYqrgZLk4U9nXRNjA6bkaPoZKbUcQxscwMTZ7/j2P0sLMuMvTBjAmnwlcKtjaQZYgDGR5jY1cPm57q51QLC4/m1pTrg2RbDNVwNANafGrYsAwx2uMZDml+y5JhD8czFFWYLYu4DhIwNi946pZQD2LsX/4dZrJinoChzhjbtmZe2EQMKJBk3kH6glw8qRhXyljfT3GQjgFx1M3T7pK77S75p92lHlIyTFBs2mtLyqgQu007j2kZME5qwz5scobXcE+93ZW2DHv0tvJFO8c9+rE1vvrP/2NBGMK4JwyaMGjCoAmDJgyaMGjCoAmDJgyaMGjCoAmDJgyaMGjCoAmDJgyaMGjCoAkjafm+JzCTtyZm8g7Jnf3rL/bckTBowqBlx2ictla7hpVxquBWdeJjNAq+pxouxkkBSZ2YGBU8VfEwGnipYWE4eMmxMDS8pFkYFl6yLAyVB6M/clAuy+9Wwkvl8rtdoMlhwjZgcvj4MlDm8GFegsrhq00BGP4vegMA+o9ve1T/h7c9Op/DsHI5GiyTg9JyOTYul0P0cjlSMJcDFrmPm/wGYAznCtxJQgcAAAAASUVORK5CYII="); display: inline-block; width: 67px; height: 109px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); -webkit-animation: rotation90 infinite 1.5s ease-in-out; -moz-animation: rotation90 infinite 1.5s ease-in-out; animation: rotation90 infinite 1.5s ease-in-out; -webkit-background-size: 67px 67px; background-size: 67px; }

.jy-orient_extra { margin-top: 20px; font-size: 15px; color: #fff; }

@-webkit-keyframes noFadeIn { 0% { display: none;
    opacity: 0; }
  100% { display: block;
    opacity: 1; } }

@-moz-keyframes noFadeIn { 0% { display: none;
    opacity: 0; }
  100% { display: block;
    opacity: 1; } }

@keyframes noFadeIn { 0% { display: none;
    opacity: 0; }
  100% { display: block;
    opacity: 1; } }

@-webkit-keyframes rotation90 { 10% { -webkit-transform: rotate(90deg); transform: rotate(90deg); }
  50%, 60% { -webkit-transform: rotate(0); transform: rotate(0); }
  90% { -webkit-transform: rotate(90deg); transform: rotate(90deg); }
  100% { -webkit-transform: rotate(90deg); transform: rotate(90deg); } }

@-moz-keyframes rotation90 { 10% { -moz-transform: rotate(90deg); transform: rotate(90deg); }
  50%, 60% { -moz-transform: rotate(0); transform: rotate(0); }
  90% { -moz-transform: rotate(90deg); transform: rotate(90deg); }
  100% { -moz-transform: rotate(90deg); transform: rotate(90deg); } }

@keyframes rotation90 { 10% { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
  50%, 60% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); }
  90% { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
  100% { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } }

/** page preloading **/
.ploading { position: fixed; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; background: #a82a26 url("../images/bg.jpg") no-repeat top center/100% 100%; color: #fff8de; z-index: 1000; }

.ploading .progress { position: absolute; bottom: 20%; left: 0; right: 0; line-height: 2; text-align: center; }

/* select style */
.ico-select-dr { text-align: center; -moz-text-align-last: center; text-align-last: center; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAYAAAALpr0TAAAAXUlEQVQYlWNkYGAQYGBg0GfADy6CZA8wMDD8J4D3gxR+IELhB2YGBgYOBgYGBwJWd8IYG/CYBpKDA5CHLmBRBBIDyaEABTT3gtggMazAAKoAhEFsvABkFap1DAwMADh8KMmMsuJnAAAAAElFTkSuQmCC") no-repeat right 10px center/8px auto; }

.jy-qrcode-gen { position: relative; margin-left: auto; margin-right: auto; display: block; width: 2.9rem; height: 2.9rem; }

.jy-qrcode-gen img, .jy-qrcode-gen canvas { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

/* 固定底部 返回首页 */
/* Here is the Business Logic style */
/* button style */
.section-1 { height: 10rem; background: url("../images/bg.jpg") no-repeat center top / 7.5rem auto; }

.section-1 .jy-sectionmain { padding-top: 8.1rem; }

.section-2 { background-color: #362722; background-image: url("../images/bg2.jpg?v=1"); background-position: center bottom;}
.section-3{background-image: url('../images/bg3.jpg'); height: 9.78rem;}
.role-container {padding-top: .92rem;  position: relative; color: #968280;}
.role-container .swiper-slide { overflow: visible; }
.role-container .role-tabs {left: .3rem; position: absolute; top: .5rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; z-index: 5; }
.role-container .role-tabs .item { margin-right: 0.06rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; }
.role-content{height: 7.5rem;}
.role_name{position: absolute; right: .35rem; top: .9rem; z-index: 10; background-color: #762f1c; display: flex;}
.role_name span{display: block; height: .36rem; line-height: .36rem; padding: 0 .2rem; color: #8c8467; font-size: .22rem; min-width: .7rem; position: relative; text-align: center;}
.role_name span::after{content: ''; position: absolute; top: 0; height: .36rem; width: .1rem; background:#762f1c; -webkit-transform: skewX(-15deg); transform: skewX(-15deg);}
.role_name span:nth-child(1)::after{right: -.04rem;}
.role_name span:nth-child(2)::after{left: -.04rem;}
.role_name .cur{background: #dd3202; color: #ffead0;}
.role_name .cur::after{background: #dd3202;}
.role-content .swiper-slide .item{display: none; position: relative;height: 7.5rem;}
.role-content .swiper-slide .show{display: block;}
.role_img{position: absolute; left: 0; top: 0; width: 7.5rem;}
.role_img img{display: block;width: 100%;}
.role_desc{padding:.9rem .34rem 0; position: relative; z-index: 1; height: 6.5rem;}
.role_desc h3{font-size: .6rem; color: #c7a880; margin-bottom: .1rem;}
.role_desc h3 span{font-size: .24rem;}
.role_desc .text{background: url('../images/line.png') no-repeat left bottom / 3.6rem auto; padding-bottom: .2rem;}
.role_desc .icon{position: absolute; left: .2rem; bottom: 0;}
.role_desc .icon li{position: relative; padding-left: .4rem; min-height: 1rem; float: left; margin-left: .2rem;}
.role_desc .icon .attr{display: block; width: .33rem; height: .73rem; background: url('../images/attr.png') no-repeat center / cover; text-align: center; line-height: 1.1; padding-top: .2rem; 
  position: absolute; left: 0; top: 50%; margin-top: -.46rem; font-size: .24rem; color: #eed2aa;}
.role_desc .icon img{display: block; height: .98rem;}
.role-container .swiper-slide-active .role_desc { -webkit-animation: fadeInLeft 0.4s linear; -moz-animation: fadeInLeft 0.4s linear; animation: fadeInLeft 0.4s linear; }
.role-container .swiper-slide-active .role_img { -webkit-animation: roleImgIn 0.4s linear; animation: roleImgIn 0.4s linear; }

.role_img .before{position: absolute;left: 0; top: 0; z-index: 1;display: none;}

@keyframes roleImgIn { 
  from { 
  opacity: 0;
  -webkit-transform: scale(.9);
  transform: scale(.9); 
}to { 
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1); } 
}
@-webkit-keyframes roleImgIn { 
  from { 
  opacity: 0;
  -webkit-transform: scale(.9);
  transform: scale(.9); 
}to { 
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1); } 
}
  
@-webkit-keyframes fadeInLeft { from { opacity: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0); }
to { opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); } }

@-moz-keyframes fadeInLeft { from { opacity: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
       transform: translate3d(-100%, 0, 0); }
to { opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
       transform: translate3d(0, 0, 0); } }

@keyframes fadeInLeft { from { opacity: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
       transform: translate3d(-100%, 0, 0); }
to { opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
       transform: translate3d(0, 0, 0); } }

.panel{margin-top: .3rem; display: flex; padding-left: .14rem;}
.panel a{width: 2.27rem; height: .88rem; margin-left: .1rem; overflow: hidden; text-indent: -999px; font-size: 0; background: url("../images/panel.jpg") no-repeat 0 0 / 7rem auto;}
.panel .gl_link{background-position: 0 0;}
.panel .rc_link{background-position: -2.37rem 0;}
.panel .ts_link{background-position: -4.74rem 0;}
.section-4{background: url('../images/bg4.jpg'); background-position: center top;}

.jy-other-navs { position: relative; padding: 0.94rem 0.2rem 0.36rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; overflow: hidden; background-color: #271c18; color: #c7a880; }

.jy-other-navs .lt .label { font-size: 0.3rem; font-weight: bold; font-family: 'fcustom', Microsoft YaHei, '微软雅黑', sans-serif; }

.jy-other-navs .lt .sub { text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; }

.jy-other-navs .rt { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; text-align: right; }

.ny-footer { position: relative; height: 1.4rem; overflow: hidden; }

.ny-footer .wrapper { margin: 0 auto; position: fixed; bottom: 0; left: 0; right: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; height: 1.4rem; width: 7.5rem; background-color: #33241f; }

.fbtn { margin: .4rem auto; position: relative; margin-left: auto; margin-right: auto; width: 7.02rem; height: 1.66rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; background: url("../images/fbtn.jpg") no-repeat center/contain; }

.fbtn a { display: block; -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -moz-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; width: 50%; height: 100%; cursor: pointer; }
.feature{padding: .4rem 0; position:relative;}
.feature .swiper-slide{width: 4.5rem; background: #000;}
.feature .swiper-slide img{display: block; width: 100%; opacity: .5; -webkit-transition:  opacity .2s linear; transition:  opacity .2s linear; }
.feature .swiper-slide-active img{opacity: 1;}
.feature .swiper-pagination{text-align: center; bottom:0!important;}
.feature .swiper-pagination .swiper-pagination-bullet{width: .4rem; height: .1rem; border-radius: 0; background:rgba(255, 255, 255, 0.2); display: inline-block; margin: 0 .06rem;}
.feature .swiper-pagination .swiper-pagination-bullet-active{background:#ffead0}