@charset "UTF-8";
/** @description:  pc 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; }

.ico-role-skill-fs-bf, .ico-role-skill-fs-bfx, .ico-role-skill-fs-by, .ico-role-skill-fs-dyh, .ico-role-skill-fs-dz, .ico-role-skill-fs-flb, .ico-role-skill-fs-hl, .ico-role-skill-fs-hmly, .ico-role-skill-fs-hq, .ico-role-skill-fs-jg, .ico-role-skill-fs-ljf, .ico-role-skill-fs-nlq, .ico-role-skill-fs-shzh, .ico-role-skill-fs-sjzy, .ico-role-skill-fs-ys, .ico-role-skill-fs-zkb, .ico-role-skill-fs-zxl, .ico-role-skill-gjs-bfj, .ico-role-skill-gjs-ctj, .ico-role-skill-gjs-dcj, .ico-role-skill-gjs-shzg, .ico-role-skill-gjs-wcj, .ico-role-skill-gjs-zhasz, .ico-role-skill-gjs-zhgbl, .ico-role-skill-gjs-zhhaqs, .ico-role-skill-gjs-zhhjds, .ico-role-skill-gjs-zhshsbl, .ico-role-skill-gjs-zhsjr, .ico-role-skill-gjs-zhxrw, .ico-role-skill-gjs-zl, .ico-role-skill-gjs-zszl, .ico-role-skill-js-1, .ico-role-skill-js-10, .ico-role-skill-js-2, .ico-role-skill-js-3, .ico-role-skill-js-4, .ico-role-skill-js-5, .ico-role-skill-js-6, .ico-role-skill-js-7, .ico-role-skill-js-8, .ico-role-skill-js-9, .ico-role-skill-mjs-1, .ico-role-skill-mjs-10, .ico-role-skill-mjs-2, .ico-role-skill-mjs-3, .ico-role-skill-mjs-4, .ico-role-skill-mjs-5, .ico-role-skill-mjs-6, .ico-role-skill-mjs-7, .ico-role-skill-mjs-8, .ico-role-skill-mjs-9 { display: inline-block; width: 30px; height: 30px; background: url("../img/ico_sp_pc_ico_sp_skill.png") no-repeat top center/660px auto; }

.ico-role-skill-fs-bf { background-position: -270px -90px; }

.ico-role-skill-fs-bfx { background-position: -270px -180px; }

.ico-role-skill-fs-by { background-position: 0px -270px; }

.ico-role-skill-fs-dyh { background-position: -90px -270px; }

.ico-role-skill-fs-dz { background-position: -180px -270px; }

.ico-role-skill-fs-flb { background-position: -270px -270px; }

.ico-role-skill-fs-hl { background-position: -360px 0px; }

.ico-role-skill-fs-hmly { background-position: -360px -90px; }

.ico-role-skill-fs-hq { background-position: -360px -180px; }

.ico-role-skill-fs-jg { background-position: -360px -270px; }

.ico-role-skill-fs-ljf { background-position: 0px -360px; }

.ico-role-skill-fs-nlq { background-position: -90px -360px; }

.ico-role-skill-fs-shzh { background-position: -180px -360px; }

.ico-role-skill-fs-sjzy { background-position: -270px -360px; }

.ico-role-skill-fs-ys { background-position: -360px -360px; }

.ico-role-skill-fs-zkb { background-position: -450px 0px; }

.ico-role-skill-fs-zxl { background-position: -450px -90px; }

.ico-role-skill-gjs-bfj { background-position: -450px -180px; }

.ico-role-skill-gjs-ctj { background-position: -450px -270px; }

.ico-role-skill-gjs-dcj { background-position: -450px -360px; }

.ico-role-skill-gjs-shzg { background-position: 0px -450px; }

.ico-role-skill-gjs-wcj { background-position: -90px -450px; }

.ico-role-skill-gjs-zhasz { background-position: -180px -450px; }

.ico-role-skill-gjs-zhgbl { background-position: -270px -450px; }

.ico-role-skill-gjs-zhhaqs { background-position: -360px -450px; }

.ico-role-skill-gjs-zhhjds { background-position: -450px -450px; }

.ico-role-skill-gjs-zhshsbl { background-position: -540px 0px; }

.ico-role-skill-gjs-zhsjr { background-position: -540px -90px; }

.ico-role-skill-gjs-zhxrw { background-position: -540px -180px; }

.ico-role-skill-gjs-zl { background-position: -540px -270px; }

.ico-role-skill-gjs-zszl { background-position: -540px -360px; }

.ico-role-skill-js-1 { background-position: -540px -450px; }

.ico-role-skill-js-10 { background-position: 0px -540px; }

.ico-role-skill-js-2 { background-position: -90px -540px; }

.ico-role-skill-js-3 { background-position: -180px -540px; }

.ico-role-skill-js-4 { background-position: -270px -540px; }

.ico-role-skill-js-5 { background-position: -360px -540px; }

.ico-role-skill-js-6 { background-position: -450px -540px; }

.ico-role-skill-js-7 { background-position: -540px -540px; }

.ico-role-skill-js-8 { background-position: -630px 0px; }

.ico-role-skill-js-9 { background-position: -630px -90px; }

.ico-role-skill-mjs-1 { background-position: 0px 0px; }

.ico-role-skill-mjs-10 { background-position: -90px 0px; }

.ico-role-skill-mjs-2 { background-position: 0px -90px; }

.ico-role-skill-mjs-3 { background-position: -90px -90px; }

.ico-role-skill-mjs-4 { background-position: -180px 0px; }

.ico-role-skill-mjs-5 { background-position: -180px -90px; }

.ico-role-skill-mjs-6 { background-position: 0px -180px; }

.ico-role-skill-mjs-7 { background-position: -90px -180px; }

.ico-role-skill-mjs-8 { background-position: -180px -180px; }

.ico-role-skill-mjs-9 { background-position: -270px 0px; }

.ico-tit-1, .ico-tit-2, .ico-tit-3 { display: block; width: 907px; height: 59px; background: url("../img/ico_sp_pc_ico_sp_tit.png") no-repeat top center/907px auto; }

.ico-tit-1 { background-position: 0px 0px; }

.ico-tit-2 { background-position: 0px -119px; }

.ico-tit-3 { background-position: 0px -238px; }

.aside-oth { display: inline-block; width: 270px; height: 450px; background: url("../img/aside-oth.png") no-repeat top center/contain; }

.bg-aside { display: inline-block; width: 166px; height: 322px; background: url("../img/aside.png") no-repeat top center/contain; }

.ban1 { display: inline-block; width: 580px; height: 360px; background: url("../img/ban1.jpg") no-repeat top center/contain; }

.ico-add { display: inline-block; width: 25px; height: 25px; background: url("../img/ico-add.png") no-repeat top center/contain; }

.ico-arrow-next { display: inline-block; width: 139px; height: 60px; background: url("../img/ico-arrow-next.png") no-repeat top center/contain; }

.ico-arrow-prev { display: inline-block; width: 139px; height: 60px; background: url("../img/ico-arrow-prev.png") no-repeat top center/contain; }

.ico-btn-and { display: inline-block; width: 180px; height: 60px; background: url("../img/ico-btn-and.png") no-repeat top center/contain; }

.ico-btn-ios { display: inline-block; width: 180px; height: 60px; background: url("../img/ico-btn-ios.png") no-repeat top center/contain; }

.ico-pop-btn-close { display: inline-block; width: 46px; height: 46px; background: url("../img/ico-pop-btn-close.png") no-repeat top center/contain; }

.ico-role-tab-1 { display: inline-block; width: 200px; height: 64px; background: url("../img/ico-role-tab-1.png") no-repeat top center/contain; }

.ico-role-tab-2 { display: inline-block; width: 203px; height: 65px; background: url("../img/ico-role-tab-2.png") no-repeat top center/contain; }

.ico-role-tab-3 { display: inline-block; width: 200px; height: 64px; background: url("../img/ico-role-tab-3.png") no-repeat top center/contain; }

.ico-role-tab-4 { display: inline-block; width: 200px; height: 64px; background: url("../img/ico-role-tab-4.png") no-repeat top center/contain; }

.qr-box { display: inline-block; width: 207px; height: 259px; background: url("../img/qr-box.png") no-repeat top center/contain; }

.qr-panel { display: inline-block; width: 460px; height: 220px; background: url("../img/qr-panel.png") no-repeat top center/contain; }

.qr { display: inline-block; width: 140px; height: 140px; background: url("../img/qr.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: 60px; }

.fs-50 { font-size: 50px; }

.fs-40 { font-size: 40px; }

.fs-38 { font-size: 38px; }

.fs-36 { font-size: 36px; }

.fs-34 { font-size: 34px; }

.fs-32 { font-size: 32px; }

.fs-30 { font-size: 30px; }

.fs-28 { font-size: 28px; }

.fs-26 { font-size: 26px; }

.fs-24 { font-size: 24px; }

.fs-22 { font-size: 22px; }

.fs-20 { font-size: 20px; }

.fs-18 { font-size: 18px; }

.fs-16 { font-size: 16px; }

.fs-14 { font-size: 14px; }

.fs-12 { font-size: 12px; }

.fs-10 { font-size: 10px; }

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

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

.mt-5 { margin-top: 5px; }

.ml-10 { margin-left: 10px; }

.mt-10 { margin-top: 10px; }

.ml-15 { margin-left: 15px; }

.mt-15 { margin-top: 15px; }

.ml-20 { margin-left: 20px; }

.mt-20 { margin-top: 20px; }

.ml-25 { margin-left: 25px; }

.mt-25 { margin-top: 25px; }

.ml-30 { margin-left: 30px; }

.mt-30 { margin-top: 30px; }

.ml-35 { margin-left: 35px; }

.mt-35 { margin-top: 35px; }

.ml-40 { margin-left: 40px; }

.mt-40 { margin-top: 40px; }

.ml-50 { margin-left: 50px; }

.mt-50 { margin-top: 50px; }

.ml-60 { margin-left: 60px; }

.mt-60 { margin-top: 60px; }

.pl-5 { padding-left: 5px; }

.pt-5 { padding-top: 5px; }

.pl-10 { padding-left: 10px; }

.pt-10 { padding-top: 10px; }

.pl-15 { padding-left: 15px; }

.pt-15 { padding-top: 15px; }

.pl-20 { padding-left: 20px; }

.pt-20 { padding-top: 20px; }

.pl-25 { padding-left: 25px; }

.pt-25 { padding-top: 25px; }

.pl-30 { padding-left: 30px; }

.pt-30 { padding-top: 30px; }

.pl-35 { padding-left: 35px; }

.pt-35 { padding-top: 35px; }

.pl-40 { padding-left: 40px; }

.pt-40 { padding-top: 40px; }

.pl-50 { padding-left: 50px; }

.pt-50 { padding-top: 50px; }

.pl-60 { padding-left: 60px; }

.pt-60 { padding-top: 60px; }

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

.pr-60 { padding-right: 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: -9999px; 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-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: -10; }

.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; }

.jy-banner-container { position: relative; -webkit-box-flex: 0; -webkit-flex: 0 0 580px; -moz-box-flex: 0; -ms-flex: 0 0 580px; flex: 0 0 580px; width: 580px; height: 360px; overflow: hidden; }

.jy-banner-container img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

.jy-banner-container .swiper-pagination-com { padding: 4px 8px; position: absolute; left: 20px; bottom: 20px; line-height: 1; z-index: 1; }

.jy-banner-container .swiper-pagination-com .swiper-pagination-bullet { position: relative; margin-right: 5px; display: inline-block; width: 12px; height: 12px; background-color: #fff; cursor: pointer; }

.jy-banner-container .swiper-pagination-com .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: 8px; height: 8px; background-color: #140000; -webkit-animation: fadeIn 0.6s linear; -moz-animation: fadeIn 0.6s linear; animation: fadeIn 0.6s linear; }

.jy-banner-container .swiper-pagination-com .swiper-pagination-bullet-active::before { background-color: #fff; }

.jy-news__container { margin-left: auto; margin-right: auto; position: relative; -webkit-box-flex: 0; -webkit-flex: 0 0 610px; -moz-box-flex: 0; -ms-flex: 0 0 610px; flex: 0 0 610px; width: 610px; height: 360px; background-color: #1e2839; }

.jy-news__tabs { position: relative; 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-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; background-color: #273c54; height: 50px; line-height: 50px; }

.jy-news__tabs-content { 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%; text-align: center; z-index: 1; }

.jy-news__tabs-content a { position: relative; display: inline-block; -webkit-box-flex: 0; -webkit-flex: 0 0 120px; -moz-box-flex: 0; -ms-flex: 0 0 120px; flex: 0 0 120px; width: 120px; text-align: center; font-size: 18px; color: #fff; font-family: Microsoft YaHei, '微软雅黑' sans-serif; }

.jy-news__tabs-content a::before { content: ''; position: absolute; bottom: 0; left: -5px; right: 0; margin: 0 auto; display: block; width: 120px; height: 55px; background: url("../img/ico-tab-new.png") no-repeat top center/contain; z-index: -1; opacity: 0; }

.jy-news__tabs-content a.active { color: #ffffdd; }

.jy-news__tabs-content a.active::before { opacity: 1; -webkit-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; transition: opacity 0.3s linear; }

.jy-news__tabs .ico-more { margin-left: auto; 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: none; -moz-box-flex: 0; -ms-flex: none; flex: none; width: 80px; height: 100%; text-transform: uppercase; white-space: nowrap; font-size: 12px; color: #bacfdf; }

.jy-news__content { position: relative; padding: 12px 20px 0; color: #bacfdf; overflow: hidden; }

.jy-news__content .topics { position: relative; padding: 12px; margin: 0 auto; width: 500px; text-align: center; height: 24px; line-height: 24px; min-height: 24px; border: 1px solid #3d6484; font-weight: bold; color: #d1be89; }

.jy-news__content .topics::before { content: ''; position: absolute; top: 0; left: 0; display: block; width: 11px; height: 12px; background: url("../img/ico-new-pad-lt.png") no-repeat top center/contain; }

.jy-news__content .topics::after { content: ''; position: absolute; top: 0; right: 0; display: block; width: 11px; height: 12px; background: url("../img/ico-new-pad-rt.png") no-repeat top center/contain; }

.jy-news__content .topics a { width: 100%; }

.jy-news__content .bodys { position: relative; margin: 0 auto; }

.jy-news__link { padding-left: 30px; position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 48px; line-height: 48px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #bacfdf; }

.jy-news__link:not(:last-of-type) { border-bottom: 1px dashed #293e54; }

.jy-news__link::before { content: ''; position: absolute; top: 50%; left: 5px; -webkit-transform: translate3d(28%, -50%, 0) rotate(45deg); -moz-transform: translate3d(28%, -50%, 0) rotate(45deg); transform: translate3d(28%, -50%, 0) rotate(45deg); display: block; width: 5px; height: 5px; border: 1px solid #34526d; }

.jy-news__link .content { text-align: left; -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; color: #bacfdf; }

.jy-news__link .time { margin-left: 20px; color: #375d79; }

.jy-news__link:hover .sign { color: #d1be89; }

.jy-news__link:hover .content { color: #d1be89; }

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

.jy-news__ny__tabs { position: relative; 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-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }

.jy-news__ny__tabs-content { 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%; border-bottom: 1px solid #3d4552; }

.jy-news__ny__tabs-content a { position: relative; display: inline-block; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; height: 40px; line-height: 40px; font-size: 18px; color: #b8b8b8; }

.jy-news__ny__tabs-content a span { position: relative; display: block; width: 126px; height: 100%; text-align: center; }

.jy-news__ny__tabs-content a span::before { content: ''; display: block; position: absolute; bottom: -1px; left: 0; right: 0; margin: 0 auto; border-bottom: 2px solid #d1be89; opacity: 0; }

.jy-news__ny__tabs-content a.active { color: #d1be89; }

.jy-news__ny__tabs-content a.active span::before { opacity: 1; -webkit-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; transition: opacity 0.3s linear; }

.jy-news__ny__content { position: relative; padding: 30px 0 0; color: #bacfdf; overflow: hidden; }

.jy-news__ny__content .jy-news__link { height: 60px; line-height: 60px; border-bottom: 1px dashed #293e54; padding: 0; }

/** @description:  pc paginations 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: 本页所有内容，后端同学不需要修改，谢谢~ */
.paginations { padding: 60px 0; }

.paginations a:hover, .paginations a.active { color: #fff; background-color: #b11519; }

.paginations a:not([type*='prevnext']) { margin: 0 2px; }

.paginations .stat { padding: 0 10px; }

/** @description:  pc paginations 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: 本页所有内容，后端同学不需要修改，谢谢~ */
.paginations { padding: 60px 0; text-align: center; }

.paginations a:hover, .paginations a.active { color: #fff; background-color: #b11519; }

.paginations a:not([type*='prevnext']) { margin: 0 2px; }

.paginations a[type*='prevnext'] { display: inline-block; width: 108px; height: 32px; line-height: 32px; border: 1px solid #fff; color: #fff; }

.paginations a:hover, .paginations a.active { border-color: #a79666; background: -webkit-gradient(linear, left top, left bottom, from(#a79666), color-stop(#b3a170), to(#bfac7a)); background: -webkit-linear-gradient(#a79666, #b3a170, #bfac7a); background: -moz-linear-gradient(#a79666, #b3a170, #bfac7a); background: -o-linear-gradient(#a79666, #b3a170, #bfac7a); background: linear-gradient(#a79666, #b3a170, #bfac7a); }

.paginations .stat { padding: 0 10px; }

.jy-ebook__header { display: none; position: fixed; top: 0; left: 0; z-index: 30; width: 100%; text-align: center; line-height: 0.9rem; height: 0.9rem; color: #ffffdd; font-size: 0.28rem; background-color: #2c2e34; }

.jy-ebook__header .ico__btn__navback { font-size: 0.24rem; color: #ffffdd; position: absolute; left: 0.4rem; height: 1rem; width: 1rem; }

.jy-ebook__container { font-size: 14px; color: #b8b8b8; }

.jy-ebook__container .header { padding: 0 0 20px; border-bottom: 1px solid #333c48; line-height: 1.15; text-align: center; }

.jy-ebook__container .header h3 { font-size: 22px; line-height: 1.4; }

.jy-ebook__container .header p { padding-top: 10px; }

.jy-ebook__container .body { padding: 30px 0 100px; width: 100%; /* color: #827569; */ line-height: 1.8; }

.jy-ebook__container .body img { margin: 10px auto; display: block; max-width: 90%; }

.jy-ebook__container .body p { padding: 10px 0; }

@media screen and (min-width: 320px) and (max-width: 750px) { html { font-size: -webkit-calc(100vw / 7.5); font-size: -moz-calc(100vw / 7.5); font-size: calc(100vw / 7.5); -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
  body { font-size: 0.24rem; min-width: 100%; }
  .terminal-wap { min-width: 100%; }
  .terminal-wap .jy-ebook__header { display: block; }
  .terminal-wap .jy-header, .terminal-wap .user-container, .terminal-wap .aside-oth, .terminal-wap .header-oth, .terminal-wap .jy-title__ny__container { display: none; }
  .terminal-wap .main-oth { padding-top: 0.9rem; width: 100%; min-height: -webkit-calc(100vh - 0.9rem); min-height: -moz-calc(100vh - 0.9rem); min-height: calc(100vh - 0.9rem); }
  .terminal-wap .main-oth .panel-wrapper { margin: 0; border: 0; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; width: 100%; background: #1e2839; }
  .terminal-wap .jy-ebook__container { font-size: 0.22rem; }
  .terminal-wap .jy-ebook__container .header { padding: 0 0 0.2rem; }
  .terminal-wap .jy-ebook__container .header h3 { font-size: 0.28rem; }
  .terminal-wap .jy-ebook__container .header p { padding-top: 0.1rem; }
  .terminal-wap .jy-ebook__container .body { padding: 0.3rem 0 1rem; }
  .terminal-wap .jy-ebook__container .body img { margin: 0.1rem auto; display: block; max-width: 90%; width: 100%; }
  .terminal-wap .jy-ebook__container .body p { padding: 0.1rem 0; text-indent: 2em; } }

.jy-gifts__container { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.jy-gifts__cells { position: relative; margin: 0 10px 20px; padding: 0 20px; width: 216px; height: 160px; font-size: 14px; background: #273c54; color: #fff; }

.jy-gifts__cells h3 { padding-top: 12px; font-size: 18px; font-weight: bold; }

.jy-gifts__cells .content { margin-top: 12px; line-height: 1.3; height: 56px; white-space: normal; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

.jy-gifts__cells .total { margin-top: 20px; font-size: 12px; color: #cf1212; }

.jy-gifts__cells .jy-gifts__btn { position: absolute; top: 110px; right: 20px; display: block; padding: 2px 12px; line-height: normal; cursor: pointer; text-align: center; color: #fff; background: -webkit-gradient(linear, left top, left bottom, from(#7b0a09), to(#971715)); background: -webkit-linear-gradient(#7b0a09, #971715); background: -moz-linear-gradient(#7b0a09, #971715); background: -o-linear-gradient(#7b0a09, #971715); background: linear-gradient(#7b0a09, #971715); }

.jy-gifts__cells .btn-get:hover { opacity: 0.9; }

.jy-pop { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); z-index: 10; }

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

.jy-pop__main { position: fixed; top: 20%; left: 50%; margin-left: -350px; width: 700px; height: 170px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 6px solid #39455f; background: #262e3f -webkit-gradient(linear, left top, left bottom, from(#262e3f), color-stop(#2e3f54), color-stop(#28364a), to(#253346)); background: #262e3f -webkit-linear-gradient(#262e3f, #2e3f54, #28364a, #253346); background: #262e3f -moz-linear-gradient(#262e3f, #2e3f54, #28364a, #253346); background: #262e3f -o-linear-gradient(#262e3f, #2e3f54, #28364a, #253346); background: #262e3f linear-gradient(#262e3f, #2e3f54, #28364a, #253346); color: #fff; }

.jy-pop__btn-close { position: absolute; top: -6px; right: -52px; display: block; cursor: pointer; width: 46px; height: 46px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAuCAYAAABXuSs3AAAFqklEQVRogcWZz3PTRhTHvyvJybHTmcx0prcOpQWSNEDppY080+lfkBNW/oIeeiMQEmAwJMH8aDn31hOWuMBf0B5iTlFKSyCh9BYfaII50EN7aeztvKdda63IP5TE9ptZNitLu5/98vT2rVZsfPiBRIrtNQD6oZH24wDMAiAAOFb6WE75n3+bDSkj0Dok19ROndUAjKCFiCZgQ0QTEQa4BmtIYA8SdQUfFcngg4YXqlgyArYgYQuCFbAUvKOVJeg9SWorxdUEhgoOyaCkOPFIIRmelHeg1K0raK16nYHlUNxFu4mAgK2AuSWhJqJchdUG8J8BXZdyuIrLSHEpRCSehqf/BQg49QYMWPAECPrczAze1WrYevIEUg4WfTyfx3tjY1h7/JjHJngotS1ijeroFWzIuKa//n5bw1y5jBNffcntQZWT7jQuPHiAd7U38ZiylZGu2l+MjhRZZSi1lc/vVqv4Mwxx0Q/wKlzDm2q16Tb9KqdcF5fKPu7OetisVNjRRdPndUgUTeWbC01LkRLPKxXcmfUw7wc4OT29/54jLAQ9X/Zxe9bjcTVDcgzNayUvJAt1Upr1sOAHGJ+e7ova466Ly2Wfx6HxOt2rea1eOqbObml41z1y6IWyz/13gzaLpdXupLoJv1j2MXFE8NTPYgZok9VKg243iY1KBStHBK+hqb+NDtDt2OyzuZFiHa2x3EywdNG2u13FqzDEVd/HH2HI7aw26br8/LIXKd3OhFpydB3lLdFqanVzkXbKL3keD55V+QkFTc93Urqby9hnRnJFzk9UNhhHGdlyc9J2q9tK+SjOU7ubfcbQAZa9AkN3szhnoVVTNmsbB1Rcl2esfIFhJrsoP6mg6f5nB1TaVLyncNgN/qZXwLUO8HSdfqf7Dgutiz3FrqJ3PvtXqHauYhqlB/SiXvcDvKQXthq/sOQedP1Gj+5hml7q491QlItTfm5P5HLFOCs0llfZPbabZWc7gi8GAV6uhdwmaGoXC9mUTuLrNJcji6oZ3FS7bviRrnu1nWqVFb8RBPzEd/fv47qCzmJSqQ2lONTm2TISrUjxlETmoJsIgqcc+ttSCT8tLeHnhw8z9qB1jsGFAS70BMw39TARRpcp18Xs3Bx+XFzkeuqI0oMknxNtG/QFaaidfYd/2s3jZuDjWqGA3yur2ApDLHHb43YW0+M2lPqtk5CwT+Wcfa6SVL5X6OXAx1UDcqe6ja1wna9TTe2DuopocRXAPpFzimkbgizgBL0S+LiSoqyGp983M8C3A9cfhuxPbae5dWtII5bL/S9pWjmdz2PF93HF8/Db6mrqPX9tK3g/gqd27yFRtPwr1Kppf+LEitczLj5n8nnc8n0sKuhOxvDr63z/5noEf2DFkQBPukmjAzhBl3wfCz1AayNYgi5lgE8D5++Jx53o5cyy3J81oJ/2CG3Cb/UInwQ3/7aPO3ZRf+DsJaUl6Nt+gMteITO0Cb+5HnI/VLeDj2ClAS5jxT/u4CpJcIK+4weYPwR0Ep76e9EG3vyGaCZaDH7MVnFcxnlK2raNoO8GAS4VDg9twr8IQ+6X6iS8mVxBRRM9CfuYUtyMKEnVP1fQF8+fx9OMCVMv8JsG/GsDvlNksT/q4iqk9L0gwFwfoLW9VsrfS8A3DyBSVk8GT8sOTegLfYROwn8fBHiu3CZNcdFO8TToX/sMbcIT9A+Gz6eFRF6Evh4dlXvGh3yt/jczM3hbq7HSWXPyw9q5fB7vj43hl0ePYoV1GBSCj1EYXJ9A7FuE5HAPr1o2EQqewPkopYkl4sMenf/qa6LTKP2kR2Js87iwoeWU8UzjPd9QkKORDcE0lwZrmOecvCyps57h4cYmTGBtauMsoY4LoXyI4+UQT9uSFp93xtFEm2N+fhAK3jJeTAzp5dS1GQpNMWNXST6oHjC/cQzSTHiyFk4A/wNGvVn+m5kNIgAAAABJRU5ErkJggg==") no-repeat; }

.jy-pop__header { padding-top: 36px; font-size: 24px; }

.jy-pop__body { margin: 20px auto 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-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; width: 580px; }

.jy-pop__body .code { padding: 0 10px; width: 430px; height: 36px; line-height: 36px; font-size: 14px; border: 0; outline: 0; background: #fff; color: #362c2d; }

.jy-pop__body .code::-webkit-input-placeholder { color: #362c2d; }

.jy-pop__body .code::-moz-placeholder { color: #362c2d; }

.jy-pop__body .code::-ms-input-placeholder { color: #362c2d; }

.jy-pop__body .code::-moz-placeholder { color: #362c2d; }

.jy-pop__body .jy-pop__btn__copy { margin-left: 10px; cursor: pointer; text-align: center; font-size: 16px; width: 120px; height: 36px; line-height: 36px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAAkCAYAAABCKP5eAAACtElEQVR4nO2bUY7jMAiGwfEdVtr774X2LjsvE5uRMTjEdTt9G6zll9I4SR+ifvkBExf//v5FsNBZAdqFuroYcqMEAAgAOa3vKP/59zEOiAAKQyUG244b5OUTEPpxoW7YQSdAOOR4ANZBJYATCAp111YBHYD9SgEnQgFMUBEgt2OBnNWpDe4pDi7tiwI6APvVAAzEQA9A5kZIDBkZNnSoDe6nwC0mVFPQda0enhGOZkhsqRXZkcjAm4Nrg0twQt8zbA7ZFA52LnYwaWhGqZkIEBGQ+j4XqB0uKFzrYAEcNnYpBimV9NEYcd5t54g/G/g8CirNvyMPdxeHg/2KXdr4aNksoTlxuO5cB+ACV/VsxzEP9i07/UXD75BxPuFybDFwS+Rg90KbQhGZnVbWWktlgvt0aHUcgH1LmaUFw0xVn4IrF9PUxQrAvmWh3sxJ2uh4Ywv51TN+nIO5sSFTJO1BV9uPDge7leZbFQq3IlOk1gDJ77g3APvWK255VUHXRTwP+dPKwWX0p/uWuZhaFVZRZG2jm2v5ZcO1z7Nzi9nHC3//SpMBbbMj6Tx4WWKHe7eQ8nnGMVeuu/QEmUly9KF3kPKptrM1YNNjiJ4LrAjR/qWFFk4hGm0na16DFeux9tAcom+tZpqKrNnN4eA9hNNd4s3B37S6wsG+Nb9kWDQ66FpoN7UpA7B/Xe4lWc3RWaKM32pVhnzrZatyLI+le3IOwPvIdrA4ZNslOzPIFdiA7FManl8xzKv5b1+CSeHijVRl4R1O8+EHBw+hdKwXZXjImfBOyDJNA+z0BNhzIcd6wY26g23kNgZ+GIQ8qi9yn0VyRapokBmULqQOpvsIl1snOHLwEF6Qx6n//RfcQBayDc+gVbRKv8CtL3oWvENedHuLJP9TwqlozvO92ichwO6hp1EWAL4A5Gv/F7Dv6D8AAAAASUVORK5CYII=") no-repeat; }

.jy-pop__body .jy-pop__btn__copy:hover { opacity: 0.9; }

.jy-header { background: rgba(0, 0, 0, 0.6); text-align: center; font-size: 16px; color: #fff; }

.jy-header__main { margin-left: auto; margin-right: auto; position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; width: 1200px; height: 80px; line-height: 80px; zoom: 1; }

.jy-header .brand { margin-right: 70px; position: relative; display: inline-block; -webkit-box-flex: 0; -webkit-flex: 0 0 169px; -moz-box-flex: 0; -ms-flex: 0 0 169px; flex: 0 0 169px; width: 169px; }

.jy-header .brand img { width: 100%; -o-object-fit: contain; object-fit: contain; }

.jy-header__links { 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: left; -webkit-align-items: left; -moz-box-align: left; -ms-flex-align: left; align-items: left; height: 100%; }

.jy-header__links a { 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-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 0; -webkit-flex: 0 0 170px; -moz-box-flex: 0; -ms-flex: 0 0 170px; flex: 0 0 170px; width: 170px; height: 100%; line-height: 1.5; overflow: hidden; -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; }

.jy-header__links a em { display: block; width: 100%; font-size: 12px; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); text-transform: uppercase; opacity: 0.5; }

.jy-header__links a i { display: inline-block; width: 100%; }

.jy-header__links a.active { color: #d1be89; }

/** @description:  wap pop 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-pop */
.jy-pop { position: fixed; z-index: 200; top: 0; right: 0; left: 0; bottom: 0; display: none; }

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

@-webkit-keyframes zoom { from { -webkit-transform: scale(0);
    transform: scale(0); }
  to { -webkit-transform: scale(1);
    transform: scale(1); } }

@-moz-keyframes zoom { from { -webkit-transform: scale(0);
    -moz-transform: scale(0);
      transform: scale(0); }
  to { -webkit-transform: scale(1);
    -moz-transform: scale(1);
      transform: scale(1); } }

@keyframes zoom { from { -webkit-transform: scale(0);
    -moz-transform: scale(0);
      -o-transform: scale(0);
      transform: scale(0); }
  to { -webkit-transform: scale(1);
    -moz-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1); } }

.jy-pop_close { position: absolute; right: 18px; top: 18px; width: 28px; height: 28px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAABM0lEQVRIibXWS0oEMRCA4d8ecSUexXOIg65E29mK4Mq9MILXEJcOCraPEcGLeA4vICNKQRpCyKOqJ127JE2+FJWu7o2/+d4lcAZcAZ+MEy1wC7w1wAWwKwPgYATuFFgAO8BUwGvgF9gCniujgt0DE+AHOBfwBZiNgIaYjJeNW3xyE7XQGPYqC433UFcJTWIhWAPNYjFwHbSIpcAhqArLgRZUjZVADWrCJDYLYI9KPHroEbBtxbRgCp1YMQsYQ3FY6/qwKko11BxwZdnAAoYXZFBz0IIh1rq5lRXV1DCG+TV7CG7vR26zUoYlrHOfNj/Tw6FgCUuhXQ5NgVrMjMZAK2ZCQ3AopkZ9cF1MhfZgLayICnhSGcuh+/Liyx9xbcxHJfrmcCMZvgPfLtOamI8eA1/A3T+1rJJSqo6dygAAAABJRU5ErkJggg==") no-repeat center/28px 28px; text-indent: -9999px; overflow: hidden; -webkit-transition: 0.5s ease; -o-transition: 0.5s ease; -moz-transition: 0.5s ease; transition: 0.5s ease; z-index: 100; }

.jy-pop_close:hover { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }

.jy-pop_mask { position: fixed; z-index: 10; top: 0; right: 0; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); }

.jy-pop_mask__clickable { cursor: pointer; }

.jy-pop_ok { position: relative; display: block; margin-left: auto; margin-right: auto; padding: 10px 1em; width: 120px; -webkit-border-radius: 6px; border-radius: 6px; text-align: center; background: #ab231f -webkit-gradient(linear, left bottom, left top, from(#ab231f), color-stop(#ab120e), to(#9d0f0b)); background: #ab231f -webkit-linear-gradient(bottom, #ab231f, #ab120e, #9d0f0b); background: #ab231f -moz-linear-gradient(bottom, #ab231f, #ab120e, #9d0f0b); background: #ab231f -o-linear-gradient(bottom, #ab231f, #ab120e, #9d0f0b); background: #ab231f linear-gradient(0deg, #ab231f, #ab120e, #9d0f0b); color: #ffde9e; font-size: 16px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

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

.jy-pop_link { display: inline-block; vertical-align: middle; text-align: center; cursor: pointer; text-decoration: underline; }

.jy-pop_link:hover { text-decoration: none; }

.jy-pop_main { margin: 100px 0px 0px -280px; position: fixed; left: 50%; top: 0; z-index: 20; width: 560px; background: #831c15 -webkit-gradient(linear, left top, left bottom, from(0), color-stop(#831c15), color-stop(#61060d), to(#831c15)); background: #831c15 -webkit-linear-gradient(0, #831c15, #61060d, #831c15); background: #831c15 -moz-linear-gradient(0, #831c15, #61060d, #831c15); background: #831c15 -o-linear-gradient(0, #831c15, #61060d, #831c15); background: #831c15 linear-gradient(0, #831c15, #61060d, #831c15); color: #fff8cc; font-size: 16px; border: 2px solid #600700; -webkit-animation: zoom 0.6s ease; -moz-animation: zoom 0.6s ease; animation: zoom 0.6s ease; -webkit-border-radius: 12px; border-radius: 12px; }

.jy-pop_head { padding-top: 30px; font-size: 28px; font-weight: bold; text-align: center; }

.jy-pop_head-pad { position: relative; display: inline-block; }

.jy-pop_body { padding: 30px 40px 40px; }

.jy-pop_body__tit { font-size: 28px; font-weight: bold; color: inherit; }

.jy-pop_body__code { margin-left: auto; margin-right: auto; position: relative; width: 300px; height: 36px; line-height: 36px; text-align: center; white-space: nowrap; overflow-x: hidden; overflow-y: auto; color: inherit; }

.jy-pop_body__codetie { margin-left: auto; margin-right: auto; position: relative; width: 500px; height: 35px; line-height: 35px; text-align: center; white-space: nowrap; overflow-x: hidden; overflow-y: auto; color: inherit; }

.jy-pop_body__codetie-label { padding: 0 10px; width: 100px; text-decoration: underline; font-size: 22px; color: #fff000; cursor: pointer; }

.jy-pop_body__codetie-body { display: block; padding: 0 1em; text-align: center; width: 358px; height: 35px; font-size: 20px; color: inherit; background: transparent; -webkit-user-select: all; -moz-user-select: all; -ms-user-select: all; user-select: all; border: 0; }

.jy-pop_inp { position: relative; color: #fff8cc; zoom: 1; }

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

.jy-pop_inp__cell { position: relative; margin-left: auto; margin-right: auto; width: 350px; height: 35px; line-height: 35px; font-size: 16px; overflow: hidden; }

.jy-pop_inp__cell:not(:last-of-type) { margin-bottom: 10px; }

.jy-pop_inp__cell-auto { position: relative; margin-left: auto; margin-right: auto; width: 350px; height: 35px; line-height: 35px; font-size: 16px; overflow: inherit; }

.jy-pop_inp__cell-auto:not(:last-of-type) { margin-bottom: 10px; }

.jy-pop_inp__label { float: left; width: 90px; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: right; padding-right: 10px; }

.jy-pop_inp__body { float: left; padding: 0 1em; border: 0; outline: 0; width: 260px; height: inherit; line-height: inherit; font-size: 14px; color: #fff8cc; background-color: rgba(0, 0, 0, 0.4); -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.jy-pop_inp__body::-webkit-input-placeholder { color: #fff8cc; }

.jy-pop_inp__body::-moz-placeholder { color: #fff8cc; }

.jy-pop_inp__body::-ms-input-placeholder { color: #fff8cc; }

.jy-pop_inp__body::-moz-placeholder { color: #fff8cc; }

.jy-pop_inp__bodyauth { float: left; padding: 0 1em; border: 0; outline: 0; width: 160px; height: inherit; line-height: inherit; color: #fff8cc; font-size: 14px; background-color: rgba(0, 0, 0, 0.4); -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.jy-pop_inp__bodyauth::-webkit-input-placeholder { color: #fff8cc; }

.jy-pop_inp__bodyauth::-moz-placeholder { color: #fff8cc; }

.jy-pop_inp__bodyauth::-ms-input-placeholder { color: #fff8cc; }

.jy-pop_inp__bodyauth::-moz-placeholder { color: #fff8cc; }

.jy-pop_inp__btnauth { display: block; float: left; padding: 0 10px; outline: 0; border: 0; width: 100px; background-color: rgba(0, 0, 0, 0.4); color: #07c160; height: inherit; line-height: inherit; text-align: center; font-size: 14px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; }

.jy-pop_inp__btnauth.disable { cursor: no-drop; color: #adadad; -webkit-filter: grayscale(1); filter: grayscale(1); }

.jy-pop_select { float: left; width: 260px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.4) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAYAAAALpr0TAAAAXUlEQVQYlWNkYGAQYGBg0GfADy6CZA8wMDD8J4D3gxR+IELhB2YGBgYOBgYGBwJWd8IYG/CYBpKDA5CHLmBRBBIDyaEABTT3gtggMazAAKoAhEFsvABkFap1DAwMADh8KMmMsuJnAAAAAElFTkSuQmCC") no-repeat center right 10px; color: #fff8cc; font-size: inherit; vertical-align: middle; padding-left: 1em; border: 0; outline: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.jy-pop_select option { background: #fff; color: #333; }

.jy-pop_select_seek { float: left; position: relative; border: 0; outline: 0; width: 260px; height: inherit; line-height: inherit; font-size: 14px; color: #fff8cc; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.jy-pop_select_seek-label { padding: 0 1em; width: 100%; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: rgba(0, 0, 0, 0.4) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAYAAAALpr0TAAAAXUlEQVQYlWNkYGAQYGBg0GfADy6CZA8wMDD8J4D3gxR+IELhB2YGBgYOBgYGBwJWd8IYG/CYBpKDA5CHLmBRBBIDyaEABTT3gtggMazAAKoAhEFsvABkFap1DAwMADh8KMmMsuJnAAAAAElFTkSuQmCC") no-repeat center right 10px; cursor: pointer; }

.jy-pop_select_seek-content { display: none; position: absolute; top: 35px; left: 0; width: 100%; background-color: #000; z-index: 200; }

.jy-pop_select_seek-inp { position: relative; width: 100%; height: 35px; }

.jy-pop_select_seek-inp input { padding: 0 1em; width: 160px; height: 35px; background-color: rgba(0, 0, 0, 0.4); color: #fff8cc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 0; }

.jy-pop_select_seek-inp input::-webkit-input-placeholder { color: #fff8cc; }

.jy-pop_select_seek-inp input::-moz-placeholder { color: #fff8cc; }

.jy-pop_select_seek-inp input::-ms-input-placeholder { color: #fff8cc; }

.jy-pop_select_seek-inp input::-moz-placeholder { color: #fff8cc; }

.jy-pop_select_seek-inp--btn { width: 100px; text-align: center; cursor: pointer; background-color: rgba(0, 0, 0, 0.4); color: #adadad; }

.jy-pop_select_seek-valbox { position: relative; width: 100%; border-top: 1px solid #222222; }

.jy-pop_select_seek-val { position: relative; padding: 0 1em; height: 35px; line-height: 35px; border-top: 1px solid #222222; cursor: pointer; }

.jy-pop__scrollbar { overflow-x: hidden; overflow-y: auto; max-height: 200px; }

.jy-pop__scrollbar::-webkit-scrollbar { width: 4px; background: rgba(0, 0, 0, 0.3); }

.jy-pop__scrollbar::-webkit-scrollbar-thumb { background: #4f2d25; -webkit-border-radius: 4px; border-radius: 4px; }

.jy-pop__table { position: relative; border-spacing: 0; border-collapse: collapse; width: 100%; }

.jy-pop__table td { padding: 0 1em; color: inherit; line-height: 30px; }

.jy-pop__grid { position: relative; border-spacing: 0; border-collapse: collapse; width: 100%; font-size: 18px; }

.jy-pop__grid__head { margin-bottom: 10px; }

.jy-pop__grid__tr { 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; line-height: 50px; background: rgba(0, 0, 0, 0.1); }

.jy-pop__grid__tr:not(:first-of-type) { margin-top: 10px; }

.jy-pop__grid__td { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; padding: 0 14px; }

.jy-pop__grid__td:nth-of-type(2) { 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 150px; -moz-box-flex: 0; -ms-flex: 0 0 150px; flex: 0 0 150px; width: 150px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/** @description:  common ui style for pc terminal @author: liejiayong(809206619@qq.com) @Date: 2021-12-30 11:03:48 */
body { margin-left: auto; margin-right: auto; min-width: 1200px; font: 14px/ 1.15 "Microsoft YaHei", "微软雅黑", sans-serif; color: #888; background: #f0f0f0; background: #1e212a url("../img/hbg.jpg") no-repeat top center/auto 940px; }

.bg-oth { background: #1e212a url("../img/bg-oth.jpg") no-repeat top center/auto 940px; }

.jy-wrapper { position: relative; width: 100%; margin-left: auto; margin-right: auto; overflow: hidden; }

.jy-main { padding: 440px 0 100px; margin-left: auto; margin-right: auto; position: relative; min-height: 500px; width: 1200px; }

.jy-main-ny { margin-top: 20px; margin-left: auto; margin-right: auto; position: relative; width: 1200px; border: 1px solid #403e54; background: #201f2a; }

.jy-title__container { padding: 0 24px 0 32px; 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-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; height: 62px; line-height: 62px; }

.jy-title__container .label { font-size: 28px; color: #ffffdd; font-family: 'fcustom', Microsoft YaHei, '微软雅黑', sans-serif; }

.jy-title__ny__container { padding: 0 30px; 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-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; height: 87px; line-height: 87px; background: url("../img/bg-nav-ny.png") no-repeat top center/contain; }

.jy-title__ny__container .label { font-size: 28px; color: #ffffdd; font-family: 'fcustom', Microsoft YaHei, '微软雅黑', sans-serif; }

.jy-title__ny__container .label-sub { text-transform: uppercase; font-size: 14px; color: #b8b8b8; }

.jy-section { position: relative; margin-left: auto; margin-right: auto; background: no-repeat top center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* overflow: hidden; */ }

.jy-headermain { position: relative; margin-left: auto; margin-right: auto; width: 1200px; height: 100%; zoom: 1; background: no-repeat top center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.jy-sectionmain { position: relative; margin-left: auto; margin-right: auto; width: 1200px; height: 100%; zoom: 1; background: no-repeat top center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.jy-sectionmain-x { position: relative; margin-left: auto; margin-right: auto; width: 1000px; height: 100%; zoom: 1; background: no-repeat top center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/* Here is the Business Logic style */
/* commom style for tanwan */
/* commom style for tanwan end */
/* navbar css */
.navbar { position: absolute; top: 30px; right: -30px; line-height: 30px; z-index: 10; text-align: right; /* use by sectionmain max-width range outside 1200px */ }

.navbar--border { padding: 0 10px; border: 1px solid #c8ac8c; -webkit-border-radius: 30px; border-radius: 30px; }

.navbar .navbar-body { margin-left: auto; overflow: hidden; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }

.navbar .nav-content { margin-left: auto; 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-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 280px; font-size: 16px; }

.navbar .nav-content li { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; width: 50%; }

.navbar .nav-content li a { position: relative; display: block; }

.navbar .nav-content li:not(:last-of-type) a::before { content: ''; display: block; position: absolute; top: 9px; bottom: 9px; right: 0px; border-right: 1px solid #64686d; z-index: 1; }

.navbar .user-stat { position: relative; white-space: nowrap; text-align: right; }

.navbar .user-stat * { margin: 0 5px; }

.profiles { text-align: center; line-height: 2; }

.profiles span { color: #ff9600; }

.ico-btn-com { display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-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; }

.ico-btn-com span { padding-bottom: 4px; position: relative; margin-left: 8px; color: #ff9600; }

.ico-btn-com span::before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; border-bottom: 1px solid #ff9600; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; }

.ico-btn-com:hover span { -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; }

.ico-btn-com:hover span::before { content: ''; position: absolute; bottom: -5px; left: 0; right: 0; border-bottom: 1px solid #ff9600; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; -moz-transition: all 0.3s linear; transition: all 0.3s linear; opacity: 0; }

.ico-btn-com.disable { -webkit-filter: grayscale(1); filter: grayscale(1); opacity: 0.8; pointer-events: none; }

.aside { position: fixed; top: 50%; right: 8px; -webkit-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); display: block; z-index: 20; text-align: center; }

.aside .btn-aside-close { position: absolute; top: 8px; left: 4px; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 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-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; -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; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 20px; height: 50px; font-size: 12px; color: #fff; background-color: #d20c0c; cursor: pointer; overflow: initial !important; overflow: hidden; }

.aside .btn-aside-close::after { content: ''; position: absolute; top: -5px; right: -5px; bottom: -5px; left: -5px; }

.aside .btn-aside-close i { line-height: 1; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); -webkit-transition: -webkit-transform 0.6s linear; transition: -webkit-transform 0.6s linear; -o-transition: -o-transform 0.6s linear; -moz-transition: transform 0.6s linear, -moz-transform 0.6s linear; transition: transform 0.6s linear; transition: transform 0.6s linear, -webkit-transform 0.6s linear, -moz-transform 0.6s linear, -o-transform 0.6s linear; }

.aside.active .btn-aside-close i { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); }

.aside.active .container { width: 0; }

.aside .container { position: relative; overflow: hidden; -webkit-transition: width 0.6s linear; -o-transition: width 0.6s linear; -moz-transition: width 0.6s linear; transition: width 0.6s linear; }

.aside .content { position: relative; margin: 0 auto; padding-top: 10px; 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; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 120px; }

.aside .content a { margin-top: 14px; width: 120px; height: 40px; }

.aside img { display: block; width: 100%; }

/* section-header */
.section-header { position: relative; height: 896px; }

.section-header .jy-headermain { position: relative; padding-top: 548px; height: 100%; }

.section-header .download { position: relative; margin: 0 auto; padding: 40px 0 0 76px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.section-header .download .btnls { margin-left: 20px; 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; }

.section-1 { position: relative; height: 1296px; background-image: url("../img/bg1.jpg"); }

.section-1 .jy-sectionmain { padding-top: 66px; }

.section-1 .news { 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; }

.section-1 .role-swiper .swiper-slide { opacity: 0 !important; }

.section-1 .role-swiper .swiper-slide.swiper-slide-active { opacity: 1 !important; -webkit-transition: opacity 0.4s linear; -o-transition: opacity 0.4s linear; -moz-transition: opacity 0.4s linear; transition: opacity 0.4s linear; }

.section-1 .role-main { position: relative; margin: 0 auto; width: 1200px; height: 100%; }

.section-1 .role-pic { position: relative; padding-left: 530px; }

.section-1 .role-pic img { display: block; width: 822px; }

.section-1 .role-profile { position: absolute; top: 116px; left: 280px; width: 550px; z-index: 1; zoom: 1; }

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

.section-1 .role-profile .swiper-lazy { display: inline-block; width: 30px; }

.section-1 .role-type { position: relative; padding-bottom: 8px; border-bottom: 1px dashed #d1be89; font-size: 60px; width: 400px; line-height: 1.15; color: #d1be89; font-family: 'fcustom', Microsoft YaHei, '微软雅黑', sans-serif; }

.section-1 .role-type span { position: relative; }

.section-1 .role-type .sub { margin-top: 10px; font-size: 16px; }

.section-1 .desc { font-size: 12px; color: #b9cede; }

.section-1 .ico-hot { margin-right: 6px; position: relative; display: inline-block; width: 10px; height: 10px; border: 1px solid #d1be89; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.section-1 .ico-hot::before { content: ''; position: absolute; top: 50%; left: 50%; width: 5px; height: 5px; background: #d1be89; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); }

.section-1 .role-ls { overflow: hidden; zoom: 1; }

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

.section-1 .role-ls li { position: relative; margin-top: 15px; zoom: 1; }

.section-1 .role-ls li::after { content: '\0020'; clear: both; display: block; height: 0; visibility: hidden; opacity: 0; font-size: 0; }

.section-1 .role-ls li .label { float: left; width: 76px; color: #d1be89; }

.section-1 .role-ls li .content { float: left; width: 474px; }

.section-1 .role-ls li .content img { margin-bottom: 3px; }

.section-1 .role-select-container { position: absolute; top: 102px; left: 15; width: 200px; z-index: 5; }

.section-1 .role-select-container a { margin-bottom: 20px; opacity: 0.6; -webkit-filter: grayscale(1); filter: grayscale(1); }

.section-1 .role-select-container a.active { opacity: 1; -webkit-filter: none; filter: none; }

.section-2 { position: relative; height: 1161px; background-image: url("../img/bg2.jpg"); z-index: 1; }

.section-2 .jy-sectionmain { padding-top: 0px; }

.feture-container { height: 451px; }

.feture-container .swiper-slide { position: relative; width: 800px; height: 451px; opacity: 0.7; -webkit-filter: grayscale(1); filter: grayscale(1); }

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

.feture-container .swiper-slide-active { opacity: 1; -webkit-filter: none; filter: none; }

.feture-container .ico-arrow-prev { position: absolute; top: 200px; left: 50px; z-index: 5; cursor: pointer; }

.feture-container .ico-arrow-next { position: absolute; top: 200px; right: 50px; z-index: 5; cursor: pointer; }

.feture-pagination { margin: 30px auto 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; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; line-height: 1; height: 2px; text-align: center; }

.feture-pagination .swiper-pagination-bullet { margin: 0 10px; display: inline-block; width: 30px; height: 2px; background: #b9cede; }

.feture-pagination .swiper-pagination-bullet-active { background: #d1be89; }

.qr-container { margin: 0 auto; padding-top: 176px; 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; text-align: center; width: 800px; }

.qr-container .item { position: relative; -webkit-box-flex: 0; -webkit-flex: 0 0 207px; -moz-box-flex: 0; -ms-flex: 0 0 207px; flex: 0 0 207px; }

.qr-container .item .label { margin-top: 16px; font-size: 16px; color: #d1be89; }

.qr-container .item .box { padding-top: 20px; margin: 0 auto; 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; width: 180px; height: 180px; }

.qr-container .item .box img { display: block; width: 100%; }

.main-oth { padding: 640px 0 40px; margin: 0 auto; 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; width: 1200px; }

.main-oth .panel-wrapper { -webkit-box-flex: 0; -webkit-flex: 0 0 890px; -moz-box-flex: 0; -ms-flex: 0 0 890px; flex: 0 0 890px; width: 890px; background-color: #1e2839; }

.main-oth .body-wrapper { margin-top: 36px; padding: 0 30px; }

.aside-oth { position: relative; display: block; -webkit-box-flex: 0; -webkit-flex: 0 0 270px; -moz-box-flex: 0; -ms-flex: 0 0 270px; flex: 0 0 270px; width: 270px; height: 450px; text-align: center; color: #fff; background: url("../img/aside-oth.png") no-repeat top center/contain; }

.aside-oth img { padding-top: 38px; display: block; margin: 0 auto; width: 182px; }

.aside-oth .qr-label { margin-top: 8px; }

.aside-oth .btn-dl { margin: 0 auto; }

.header-oth { padding: 20px 30px 20px 38px; 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-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; background-color: #273c54; font-size: 12px; }

.header-oth .lt { font-size: 22px; color: #fff; }

.header-oth .lt .top { font-family: 'fcustom', Microsoft YaHei, '微软雅黑', sans-serif; }

.header-oth .lt .sub { font-family: Microsoft YaHei, '微软雅黑', sans-serif; font-size: 12px; }

.header-oth .rt { color: #bacfdf; }

.header-oth .rt .tags { float: right; font-size: 14px; }

.header-oth .rt .tags .active { color: #bacfdf; }
/*# sourceMappingURL=index-pc.css.map */