@charset "UTF-8";
@font-face { font-family: 'MiSans-Thin'; src: local("MiSans-Thin"); }

@font-face { font-family: 'MiSans-ExtraLight'; src: local("MiSans-ExtraLight"); }

@font-face { font-family: 'MiSans-Light'; src: local("MiSans-Light"); }

@font-face { font-family: 'MiSans-Normal'; src: local("MiSans-Normal"); }

@font-face { font-family: 'MiSans-Regular'; src: local("MiSans-Regular"); }

@font-face { font-family: 'MiSans-Medium'; src: local("MiSans-Medium"); }

@font-face { font-family: 'MiSans-Demibold'; src: local("MiSans-Demibold"); }

@font-face { font-family: 'MiSans-Semibold'; src: local("MiSans-Semibold"); }

@font-face { font-family: 'MiSans-Bold'; src: local("MiSans-Bold"); }

@font-face { font-family: 'MiSans-Heavy'; src: local("MiSans-Heavy"); }

.f-Thin { font-family: 'MiSans-Thin', sans-serif; }

.f-ExtraLight { font-family: 'MiSans-ExtraLight', sans-serif; }

.f-Light { font-family: 'MiSans-Light', sans-serif; }

.f-Normal { font-family: 'MiSans-Normal', sans-serif; }

.f-Regular { font-family: 'MiSans-Regular', sans-serif; }

.f-Medium { font-family: 'MiSans-Medium', sans-serif; }

.f-DemiBold { font-family: 'MiSans-Demibold', sans-serif; }

.f-SemiBold { font-family: 'MiSans-Semibold', sans-serif; }

.f-Bold { font-family: 'MiSans-Bold', sans-serif; }

.f-Heavy { font-family: 'MiSans-Heavy', sans-serif; }

html { font-family: 'MiSans-Regular', sans-serif; }

/* 阿拉伯语，标题跟文本设置文字方向为 右向左 */
html[lang=ar], [dir=rtl] { /* 只处理部分文本，不想布局也跟着乱 */ }

html[lang=ar] h1, html[lang=ar] h2, html[lang=ar] h3, html[lang=ar] h4, html[lang=ar] h5, html[lang=ar] h6, html[lang=ar] p, [dir=rtl] h1, [dir=rtl] h2, [dir=rtl] h3, [dir=rtl] h4, [dir=rtl] h5, [dir=rtl] h6, [dir=rtl] p { direction: rtl; }

body { direction: ltr; background-color: #f8f8ff; color: #000; font-size: 14px; line-height: 1.2; overflow-x: hidden; }

body:-webkit-full-page-media { background: inherit; }

/* body::-webkit-scrollbar { width: 0; } */

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

*:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; }

/* pc */
html { font-size: calc(100vw / 1920 * 100); }

.s0 { font-size: 0; }

.s12 { font-size: 0.12rem; }

@media (max-width: 1920px) { .s12 { font-size: 12px; } }

.s13 { font-size: 0.13rem; }

@media (max-width: 1816.61538px) { .s13 { font-size: 12.3px; } }

.s14 { font-size: 0.14rem; }

@media (max-width: 1728px) { .s14 { font-size: 12.6px; } }

.s15 { font-size: 0.15rem; }

@media (max-width: 1651.2px) { .s15 { font-size: 12.9px; } }

.s16 { font-size: 0.16rem; }

@media (max-width: 1584px) { .s16 { font-size: 13.2px; } }

.s17 { font-size: 0.17rem; }

@media (max-width: 1524.70588px) { .s17 { font-size: 13.5px; } }

.s18 { font-size: 0.18rem; }

@media (max-width: 1472px) { .s18 { font-size: 13.8px; } }

.s19 { font-size: 0.19rem; }

@media (max-width: 1424.84211px) { .s19 { font-size: 14.1px; } }

.s20 { font-size: 0.2rem; }

@media (max-width: 1382.4px) { .s20 { font-size: 14.4px; } }

.s21 { font-size: 0.21rem; }

@media (max-width: 1344px) { .s21 { font-size: 14.7px; } }

.s22 { font-size: 0.22rem; }

@media (max-width: 1309.09091px) { .s22 { font-size: 15px; } }

.s23 { font-size: 0.23rem; }

@media (max-width: 1277.21739px) { .s23 { font-size: 15.3px; } }

.s24 { font-size: 0.24rem; }

@media (max-width: 1248px) { .s24 { font-size: 15.6px; } }

.s25 { font-size: 0.25rem; }

@media (max-width: 1221.12px) { .s25 { font-size: 15.9px; } }

.s26 { font-size: 0.26rem; }

@media (max-width: 1196.30769px) { .s26 { font-size: 16.2px; } }

.s27 { font-size: 0.27rem; }

@media (max-width: 1173.33333px) { .s27 { font-size: 16.5px; } }

.s28 { font-size: 0.28rem; }

@media (max-width: 1152px) { .s28 { font-size: 16.8px; } }

.s29 { font-size: 0.29rem; }

@media (max-width: 1132.13793px) { .s29 { font-size: 17.1px; } }

.s30 { font-size: 0.3rem; }

@media (max-width: 1113.6px) { .s30 { font-size: 17.4px; } }

.s31 { font-size: 0.31rem; }

@media (max-width: 1096.25806px) { .s31 { font-size: 17.7px; } }

.s32 { font-size: 0.32rem; }

@media (max-width: 1080px) { .s32 { font-size: 18px; } }

.s33 { font-size: 0.33rem; }

@media (max-width: 1064.72727px) { .s33 { font-size: 18.3px; } }

.s34 { font-size: 0.34rem; }

@media (max-width: 1050.35294px) { .s34 { font-size: 18.6px; } }

.s35 { font-size: 0.35rem; }

@media (max-width: 1036.8px) { .s35 { font-size: 18.9px; } }

.s36 { font-size: 0.36rem; }

@media (max-width: 1024px) { .s36 { font-size: 19.2px; } }

.s37 { font-size: 0.37rem; }

@media (max-width: 1011.89189px) { .s37 { font-size: 19.5px; } }

.s38 { font-size: 0.38rem; }

@media (max-width: 1000.42105px) { .s38 { font-size: 19.8px; } }

.s39 { font-size: 0.39rem; }

@media (max-width: 989.53846px) { .s39 { font-size: 20.1px; } }

.s40 { font-size: 0.4rem; }

@media (max-width: 979.2px) { .s40 { font-size: 20.4px; } }

.s41 { font-size: 0.41rem; }

@media (max-width: 969.36585px) { .s41 { font-size: 20.7px; } }

.s42 { font-size: 0.42rem; }

@media (max-width: 960px) { .s42 { font-size: 21px; } }

.s43 { font-size: 0.43rem; }

@media (max-width: 951.06977px) { .s43 { font-size: 21.3px; } }

.s44 { font-size: 0.44rem; }

@media (max-width: 942.54545px) { .s44 { font-size: 21.6px; } }

.s45 { font-size: 0.45rem; }

@media (max-width: 934.4px) { .s45 { font-size: 21.9px; } }

.s46 { font-size: 0.46rem; }

@media (max-width: 926.6087px) { .s46 { font-size: 22.2px; } }

.s47 { font-size: 0.47rem; }

@media (max-width: 919.14894px) { .s47 { font-size: 22.5px; } }

.s48 { font-size: 0.48rem; }

@media (max-width: 912px) { .s48 { font-size: 22.8px; } }

.s49 { font-size: 0.49rem; }

@media (max-width: 905.14286px) { .s49 { font-size: 23.1px; } }

.s50 { font-size: 0.5rem; }

@media (max-width: 898.56px) { .s50 { font-size: 23.4px; } }

.s51 { font-size: 0.51rem; }

@media (max-width: 892.23529px) { .s51 { font-size: 23.7px; } }

.s52 { font-size: 0.52rem; }

@media (max-width: 886.15385px) { .s52 { font-size: 24px; } }

.s53 { font-size: 0.53rem; }

@media (max-width: 880.30189px) { .s53 { font-size: 24.3px; } }

.s54 { font-size: 0.54rem; }

@media (max-width: 874.66667px) { .s54 { font-size: 24.6px; } }

.s55 { font-size: 0.55rem; }

@media (max-width: 869.23636px) { .s55 { font-size: 24.9px; } }

.s56 { font-size: 0.56rem; }

@media (max-width: 864px) { .s56 { font-size: 25.2px; } }

.s57 { font-size: 0.57rem; }

@media (max-width: 858.94737px) { .s57 { font-size: 25.5px; } }

.s58 { font-size: 0.58rem; }

@media (max-width: 854.06897px) { .s58 { font-size: 25.8px; } }

.s59 { font-size: 0.59rem; }

@media (max-width: 849.35593px) { .s59 { font-size: 26.1px; } }

.s60 { font-size: 0.6rem; }

@media (max-width: 844.8px) { .s60 { font-size: 26.4px; } }

.s61 { font-size: 0.61rem; }

@media (max-width: 840.39344px) { .s61 { font-size: 26.7px; } }

.s62 { font-size: 0.62rem; }

@media (max-width: 836.12903px) { .s62 { font-size: 27px; } }

.s63 { font-size: 0.63rem; }

@media (max-width: 832px) { .s63 { font-size: 27.3px; } }

.s64 { font-size: 0.64rem; }

@media (max-width: 828px) { .s64 { font-size: 27.6px; } }

.s65 { font-size: 0.65rem; }

@media (max-width: 824.12308px) { .s65 { font-size: 27.9px; } }

.s66 { font-size: 0.66rem; }

@media (max-width: 820.36364px) { .s66 { font-size: 28.2px; } }

.s67 { font-size: 0.67rem; }

@media (max-width: 816.71642px) { .s67 { font-size: 28.5px; } }

.s68 { font-size: 0.68rem; }

@media (max-width: 813.17647px) { .s68 { font-size: 28.8px; } }

.s69 { font-size: 0.69rem; }

@media (max-width: 809.73913px) { .s69 { font-size: 29.1px; } }

.s70 { font-size: 0.7rem; }

@media (max-width: 806.4px) { .s70 { font-size: 29.4px; } }

.s71 { font-size: 0.71rem; }

@media (max-width: 803.15493px) { .s71 { font-size: 29.7px; } }

.s72 { font-size: 0.72rem; }

@media (max-width: 800px) { .s72 { font-size: 30px; } }

.s73 { font-size: 0.73rem; }

@media (max-width: 796.93151px) { .s73 { font-size: 30.3px; } }

.s74 { font-size: 0.74rem; }

@media (max-width: 793.94595px) { .s74 { font-size: 30.6px; } }

.s75 { font-size: 0.75rem; }

@media (max-width: 791.04px) { .s75 { font-size: 30.9px; } }

.s76 { font-size: 0.76rem; }

@media (max-width: 788.21053px) { .s76 { font-size: 31.2px; } }

.s77 { font-size: 0.77rem; }

@media (max-width: 785.45455px) { .s77 { font-size: 31.5px; } }

.s78 { font-size: 0.78rem; }

@media (max-width: 782.76923px) { .s78 { font-size: 31.8px; } }

.s79 { font-size: 0.79rem; }

@media (max-width: 780.1519px) { .s79 { font-size: 32.1px; } }

.s80 { font-size: 0.8rem; }

@media (max-width: 777.6px) { .s80 { font-size: 32.4px; } }

.s81 { font-size: 0.81rem; }

@media (max-width: 775.11111px) { .s81 { font-size: 32.7px; } }

.s82 { font-size: 0.82rem; }

@media (max-width: 772.68293px) { .s82 { font-size: 33px; } }

.s83 { font-size: 0.83rem; }

@media (max-width: 770.31325px) { .s83 { font-size: 33.3px; } }

.s84 { font-size: 0.84rem; }

@media (max-width: 768px) { .s84 { font-size: 33.6px; } }

.s85 { font-size: 0.85rem; }

@media (max-width: 765.74118px) { .s85 { font-size: 33.9px; } }

.s86 { font-size: 0.86rem; }

@media (max-width: 763.53488px) { .s86 { font-size: 34.2px; } }

.s87 { font-size: 0.87rem; }

@media (max-width: 761.37931px) { .s87 { font-size: 34.5px; } }

.s88 { font-size: 0.88rem; }

@media (max-width: 759.27273px) { .s88 { font-size: 34.8px; } }

.s89 { font-size: 0.89rem; }

@media (max-width: 757.21348px) { .s89 { font-size: 35.1px; } }

.s90 { font-size: 0.9rem; }

@media (max-width: 755.2px) { .s90 { font-size: 35.4px; } }

.s91 { font-size: 0.91rem; }

@media (max-width: 753.23077px) { .s91 { font-size: 35.7px; } }

.s92 { font-size: 0.92rem; }

@media (max-width: 751.30435px) { .s92 { font-size: 36px; } }

.s93 { font-size: 0.93rem; }

@media (max-width: 749.41935px) { .s93 { font-size: 36.3px; } }

.s94 { font-size: 0.94rem; }

@media (max-width: 747.57447px) { .s94 { font-size: 36.6px; } }

.s95 { font-size: 0.95rem; }

@media (max-width: 745.76842px) { .s95 { font-size: 36.9px; } }

.s96 { font-size: 0.96rem; }

@media (max-width: 744px) { .s96 { font-size: 37.2px; } }

.s97 { font-size: 0.97rem; }

@media (max-width: 742.26804px) { .s97 { font-size: 37.5px; } }

.s98 { font-size: 0.98rem; }

@media (max-width: 740.57143px) { .s98 { font-size: 37.8px; } }

.s99 { font-size: 0.99rem; }

@media (max-width: 738.90909px) { .s99 { font-size: 38.1px; } }

.s100 { font-size: 1rem; }

@media (max-width: 737.28px) { .s100 { font-size: 38.4px; } }

/* 高分屏不继续放大 */
@media (min-width: 1921px) { html { font-size: 100px; } }

/* 适配pad: 900~450 */
@media (max-width: 900px) { html { font-size: calc(900px / 1920 * 100); } }

/* 移动端 */
@media (max-width: 450px) { html { font-size: calc(100vw / 750 * 100); }
  .s12 { font-size: 0.22rem; }
  .s13 { font-size: 0.23rem; }
  .s14 { font-size: 0.24rem; }
  .s15 { font-size: 0.25rem; }
  .s16 { font-size: 0.26rem; }
  .s17 { font-size: 0.27rem; }
  .s18 { font-size: 0.28rem; }
  .s19 { font-size: 0.29rem; }
  .s20 { font-size: 0.3rem; }
  .s21 { font-size: 0.31rem; }
  .s22 { font-size: 0.32rem; }
  .s23 { font-size: 0.33rem; }
  .s24 { font-size: 0.34rem; }
  .s25 { font-size: 0.35rem; }
  .s26 { font-size: 0.36rem; }
  .s27 { font-size: 0.37rem; }
  .s28 { font-size: 0.38rem; }
  .s29 { font-size: 0.39rem; }
  .s30 { font-size: 0.4rem; }
  .s31 { font-size: 0.4rem; }
  .s32 { font-size: 0.4rem; }
  .s33 { font-size: 0.4rem; }
  .s34 { font-size: 0.4rem; }
  .s35 { font-size: 0.4rem; }
  .s36 { font-size: 0.4rem; }
  .s37 { font-size: 0.4rem; }
  .s38 { font-size: 0.4rem; }
  .s39 { font-size: 0.4rem; }
  .s40 { font-size: 0.4rem; }
  .s41 { font-size: 0.4rem; }
  .s42 { font-size: 0.4rem; }
  .s43 { font-size: 0.4rem; }
  .s44 { font-size: 0.4rem; }
  .s45 { font-size: 0.4rem; }
  .s46 { font-size: 0.4rem; }
  .s47 { font-size: 0.4rem; }
  .s48 { font-size: 0.4rem; }
  .s49 { font-size: 0.4rem; }
  .s50 { font-size: 0.4rem; }
  .s51 { font-size: 0.4rem; }
  .s52 { font-size: 0.4rem; }
  .s53 { font-size: 0.4rem; }
  .s54 { font-size: 0.4rem; }
  .s55 { font-size: 0.4rem; }
  .s56 { font-size: 0.4rem; }
  .s57 { font-size: 0.4rem; }
  .s58 { font-size: 0.4rem; }
  .s59 { font-size: 0.4rem; }
  .s60 { font-size: 0.4rem; }
  .s61 { font-size: 0.4rem; }
  .s62 { font-size: 0.4rem; }
  .s63 { font-size: 0.4rem; }
  .s64 { font-size: 0.4rem; }
  .s65 { font-size: 0.4rem; }
  .s66 { font-size: 0.4rem; }
  .s67 { font-size: 0.4rem; }
  .s68 { font-size: 0.4rem; }
  .s69 { font-size: 0.4rem; }
  .s70 { font-size: 0.4rem; }
  .s71 { font-size: 0.4rem; }
  .s72 { font-size: 0.4rem; }
  .s73 { font-size: 0.4rem; }
  .s74 { font-size: 0.4rem; }
  .s75 { font-size: 0.4rem; }
  .s76 { font-size: 0.4rem; }
  .s77 { font-size: 0.4rem; }
  .s78 { font-size: 0.4rem; }
  .s79 { font-size: 0.4rem; }
  .s80 { font-size: 0.4rem; }
  .s81 { font-size: 0.4rem; }
  .s82 { font-size: 0.4rem; }
  .s83 { font-size: 0.4rem; }
  .s84 { font-size: 0.4rem; }
  .s85 { font-size: 0.4rem; }
  .s86 { font-size: 0.4rem; }
  .s87 { font-size: 0.4rem; }
  .s88 { font-size: 0.4rem; }
  .s89 { font-size: 0.4rem; }
  .s90 { font-size: 0.4rem; }
  .s91 { font-size: 0.4rem; }
  .s92 { font-size: 0.4rem; }
  .s93 { font-size: 0.4rem; }
  .s94 { font-size: 0.4rem; }
  .s95 { font-size: 0.4rem; }
  .s96 { font-size: 0.4rem; }
  .s97 { font-size: 0.4rem; }
  .s98 { font-size: 0.4rem; }
  .s99 { font-size: 0.4rem; }
  .s100 { font-size: 0.4rem; } }

/* 灵活调整字号 */
@media (max-width: 750px) { .xs12 { font-size: 0.12rem; }
  .xs13 { font-size: 0.13rem; }
  .xs14 { font-size: 0.14rem; }
  .xs15 { font-size: 0.15rem; }
  .xs16 { font-size: 0.16rem; }
  .xs17 { font-size: 0.17rem; }
  .xs18 { font-size: 0.18rem; }
  .xs19 { font-size: 0.19rem; }
  .xs20 { font-size: 0.2rem; }
  .xs21 { font-size: 0.21rem; }
  .xs22 { font-size: 0.22rem; }
  .xs23 { font-size: 0.23rem; }
  .xs24 { font-size: 0.24rem; }
  .xs25 { font-size: 0.25rem; }
  .xs26 { font-size: 0.26rem; }
  .xs27 { font-size: 0.27rem; }
  .xs28 { font-size: 0.28rem; }
  .xs29 { font-size: 0.29rem; }
  .xs30 { font-size: 0.3rem; }
  .xs31 { font-size: 0.31rem; }
  .xs32 { font-size: 0.32rem; }
  .xs33 { font-size: 0.33rem; }
  .xs34 { font-size: 0.34rem; }
  .xs35 { font-size: 0.35rem; }
  .xs36 { font-size: 0.36rem; }
  .xs37 { font-size: 0.37rem; }
  .xs38 { font-size: 0.38rem; }
  .xs39 { font-size: 0.39rem; }
  .xs40 { font-size: 0.4rem; }
  .xs41 { font-size: 0.41rem; }
  .xs42 { font-size: 0.42rem; }
  .xs43 { font-size: 0.43rem; }
  .xs44 { font-size: 0.44rem; }
  .xs45 { font-size: 0.45rem; }
  .xs46 { font-size: 0.46rem; }
  .xs47 { font-size: 0.47rem; }
  .xs48 { font-size: 0.48rem; }
  .xs49 { font-size: 0.49rem; }
  .xs50 { font-size: 0.5rem; }
  .xs51 { font-size: 0.51rem; }
  .xs52 { font-size: 0.52rem; }
  .xs53 { font-size: 0.53rem; }
  .xs54 { font-size: 0.54rem; }
  .xs55 { font-size: 0.55rem; }
  .xs56 { font-size: 0.56rem; }
  .xs57 { font-size: 0.57rem; }
  .xs58 { font-size: 0.58rem; }
  .xs59 { font-size: 0.59rem; }
  .xs60 { font-size: 0.6rem; }
  .xs61 { font-size: 0.61rem; }
  .xs62 { font-size: 0.62rem; }
  .xs63 { font-size: 0.63rem; }
  .xs64 { font-size: 0.64rem; }
  .xs65 { font-size: 0.65rem; }
  .xs66 { font-size: 0.66rem; }
  .xs67 { font-size: 0.67rem; }
  .xs68 { font-size: 0.68rem; }
  .xs69 { font-size: 0.69rem; }
  .xs70 { font-size: 0.7rem; }
  .xs71 { font-size: 0.71rem; }
  .xs72 { font-size: 0.72rem; }
  .xs73 { font-size: 0.73rem; }
  .xs74 { font-size: 0.74rem; }
  .xs75 { font-size: 0.75rem; }
  .xs76 { font-size: 0.76rem; }
  .xs77 { font-size: 0.77rem; }
  .xs78 { font-size: 0.78rem; }
  .xs79 { font-size: 0.79rem; }
  .xs80 { font-size: 0.8rem; }
  .xs81 { font-size: 0.81rem; }
  .xs82 { font-size: 0.82rem; }
  .xs83 { font-size: 0.83rem; }
  .xs84 { font-size: 0.84rem; }
  .xs85 { font-size: 0.85rem; }
  .xs86 { font-size: 0.86rem; }
  .xs87 { font-size: 0.87rem; }
  .xs88 { font-size: 0.88rem; }
  .xs89 { font-size: 0.89rem; }
  .xs90 { font-size: 0.9rem; }
  .xs91 { font-size: 0.91rem; }
  .xs92 { font-size: 0.92rem; }
  .xs93 { font-size: 0.93rem; }
  .xs94 { font-size: 0.94rem; }
  .xs95 { font-size: 0.95rem; }
  .xs96 { font-size: 0.96rem; }
  .xs97 { font-size: 0.97rem; }
  .xs98 { font-size: 0.98rem; }
  .xs99 { font-size: 0.99rem; }
  .xs100 { font-size: 1rem; } }

/* 版心 */
/* 全局版心 */
.layout { margin-left: auto; margin-right: auto; width: 16rem; max-width: 92%; }

/* 页面版心 */
.layout-home { margin-left: auto; margin-right: auto; width: 18rem; max-width: 92%; }

/* 全屏 */
.layout-full { margin-left: auto; margin-right: auto; width: 19.2rem; max-width: 100%; }

.oh { overflow: hidden; }

.pointer { cursor: pointer; }

/* 浮动 */
.fl { float: left; }

.fr { float: right; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; font-size: 0; }

/* 颜色 */
.color-theme { color: #c7000c; }

.color-active { color: #c7000c; }

.bg-theme { background-color: #c7000c; }

.bg-active { background-color: #c7000c; }

.bg-gray { background-color: #f8f8ff; }

.bg-gradient { background: -webkit-gradient(linear, left top, right top, from(#c7000c), to(#d2333d)); background: -o-linear-gradient(left, #c7000c, #d2333d); background: linear-gradient(to right, #c7000c, #d2333d); }

/* 背景图 */
.bg-cover { background-position: center; background-repeat: no-repeat; background-size: cover; }

.bg-contain { background-position: center; background-repeat: no-repeat; background-size: contain; }

.color-0 { color: #000; }

.bg-0 { background-color: #000; }

.color-1 { color: #111; }

.bg-1 { background-color: #111; }

.color-2 { color: #222; }

.bg-2 { background-color: #222; }

.color-3 { color: #333; }

.bg-3 { background-color: #333; }

.color-4 { color: #444; }

.bg-4 { background-color: #444; }

.color-5 { color: #555; }

.bg-5 { background-color: #555; }

.color-6 { color: #666; }

.bg-6 { background-color: #666; }

.color-7 { color: #777; }

.bg-7 { background-color: #777; }

.color-8 { color: #888; }

.bg-8 { background-color: #888; }

.color-9 { color: #999; }

.bg-9 { background-color: #999; }

.color-a { color: #aaa; }

.bg-a { background-color: #aaa; }

.color-b { color: #bbb; }

.bg-b { background-color: #bbb; }

.color-c { color: #ccc; }

.bg-c { background-color: #ccc; }

.color-d { color: #ddd; }

.bg-d { background-color: #ddd; }

.color-e { color: #eee; }

.bg-e { background-color: #eee; }

.color-f { color: #fff; }

.bg-f { background-color: #fff; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.noscroll { overflow: hidden; }

.c-video { position: fixed; left: 0; top: 120%; z-index: 10000000; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); display: none; }

.c-video.show { top: 0; display: block; }

.c-video__main { width: 70%; position: absolute; left: 0; right: 0; top: 50%; margin: auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.c-video__cnt { padding-top: calc(1080 / 1920 * 100%); position: relative; background: rgba(0, 0, 0, 0.7); }

.c-video__iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.c-video__video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: none; }

.c-video__close { display: block; cursor: pointer; width: 40px; height: 40px; background-color: #c7000c; position: absolute; right: -40px; top: 0; z-index: 1000; }

.c-video__close .icon { display: block; width: 100%; height: 100%; font-size: 21px; text-align: center; line-height: 40px; color: #fff; }

@media (max-width: 800px) { .c-video__main { width: 100%; height: 100%; }
  .c-video__cnt { height: 100%; }
  .c-video__close { right: 0; } }

.rich-text * { max-width: 100%; text-wrap: wrap !important; }

.rich-text img { height: auto; vertical-align: top; }

.rich-text table { word-break: break-word; }

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

.text-left { text-align: left; }

.text-right { text-align: right; }

.text-justify { text-align: justify; }

.c-pic { overflow: hidden; position: relative; }

.c-pic .img { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; }

.c-pic .img img { display: none; }

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

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

.flex-middle { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

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

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

.flex-top { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.flex-bottom { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

.flex-left { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.flex-right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

@media (min-width: 901px) { .hidden-pc { display: none; } }

@media (max-width: 900px) { .hidden-wap { display: none; } }

.c-img-full { font-size: 0; }

.c-img-full img { width: 100%; }

.c-scroll { overflow: auto; }

.c-scroll::-webkit-scrollbar { width: 5px; height: 5px; background-color: #dedede; border-radius: 3px; }

.c-scroll::-webkit-scrollbar-thumb { background-color: #c7000c; border-radius: 3px; }

.pswp__bg { background: rgba(0, 0, 0, 0.7); }

/* 自定义图标，去掉插件默认的 */
.social-share .icon-wechat .wechat-qrcode { z-index: 100; }

.social-share .custom-icon:before { display: none; }

.social-share .custom-icon:hover { background: none; }

.c-select { position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.c-select input, .c-select select { display: none; }

.c-select__bd { position: absolute; left: 0; top: 100%; z-index: 20; width: 100%; background: #f6f6f6; color: #333; -webkit-box-shadow: 0 .05rem .1rem 0 #ccc; box-shadow: 0 .05rem .1rem 0 #ccc; display: none; max-height: 6rem; overflow: auto; }

.c-select.show .c-select__bd { display: block; }

.media img, .media video { display: block; width: 100%; -o-object-fit: cover; object-fit: cover; }

.media-ratio { position: relative; }

.media-ratio img, .media-ratio video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

[data-ani] { opacity: 0; }

.ani { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

[data-ani-delay='100'] { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; }

[data-ani-delay='200'] { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; }

[data-ani-delay='300'] { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; }

[data-ani-delay='400'] { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; }

[data-ani-delay='500'] { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }

[data-ani-delay='600'] { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }

[data-ani-delay='700'] { -webkit-animation-delay: 0.7s; animation-delay: 0.7s; }

[data-ani-delay='800'] { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; }

[data-ani-delay='900'] { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; }

[data-ani-delay='1000'] { -webkit-animation-delay: 1s; animation-delay: 1s; }

@-webkit-keyframes fade-in { from { opacity: 0; }
  to { opacity: 1; } }

@keyframes fade-in { from { opacity: 0; }
  to { opacity: 1; } }

[data-ani=fade-in].ani { -webkit-animation-name: fade-in; animation-name: fade-in; }

@-webkit-keyframes fade-up { from { opacity: 0;
    -webkit-transform: translateY(2rem);
            transform: translateY(2rem); }
  to { opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes fade-up { from { opacity: 0;
    -webkit-transform: translateY(2rem);
            transform: translateY(2rem); }
  to { opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

[data-ani=fade-up].ani { -webkit-animation-name: fade-up; animation-name: fade-up; }

@-webkit-keyframes fade-down { from { opacity: 0;
    -webkit-transform: translateY(-2rem);
            transform: translateY(-2rem); }
  to { opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes fade-down { from { opacity: 0;
    -webkit-transform: translateY(-2rem);
            transform: translateY(-2rem); }
  to { opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

[data-ani=fade-down].ani { -webkit-animation-name: fade-down; animation-name: fade-down; }

@-webkit-keyframes fade-left { from { opacity: 0;
    -webkit-transform: translateX(2rem);
            transform: translateX(2rem); }
  to { opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@keyframes fade-left { from { opacity: 0;
    -webkit-transform: translateX(2rem);
            transform: translateX(2rem); }
  to { opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

[data-ani=fade-left].ani { -webkit-animation-name: fade-left; animation-name: fade-left; }

@-webkit-keyframes fade-right { from { opacity: 0;
    -webkit-transform: translateX(-2rem);
            transform: translateX(-2rem); }
  to { opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@keyframes fade-right { from { opacity: 0;
    -webkit-transform: translateX(-2rem);
            transform: translateX(-2rem); }
  to { opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

[data-ani=fade-right].ani { -webkit-animation-name: fade-right; animation-name: fade-right; }

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

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

[data-ani=zoom-in].ani { -webkit-animation-name: zoom-in; animation-name: zoom-in; }

[data-original] { min-height: 10px; }

@-webkit-keyframes banner { from { -webkit-transform: scale(0.3); transform: scale(0.3);
    -webkit-clip-path: inset(1.6rem 5rem 3.1rem 4.7rem round 0.3rem);
            clip-path: inset(1.6rem 5rem 3.1rem 4.7rem round 0.3rem); }
  to { -webkit-transform: scale(1); transform: scale(1);
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0); } }

@keyframes banner { from { -webkit-transform: scale(0.3); transform: scale(0.3);
    -webkit-clip-path: inset(1.6rem 5rem 3.1rem 4.7rem round 0.3rem);
            clip-path: inset(1.6rem 5rem 3.1rem 4.7rem round 0.3rem); }
  to { -webkit-transform: scale(1); transform: scale(1);
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0); } }

@-webkit-keyframes mouse { from { opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  to { opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%); } }

@keyframes mouse { from { opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  to { opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%); } }

@-webkit-keyframes map-dot { from { -webkit-transform: scale(1); transform: scale(1);
    opacity: 1; }
  to { -webkit-transform: scale(3); transform: scale(3);
    opacity: 0; } }

@keyframes map-dot { from { -webkit-transform: scale(1); transform: scale(1);
    opacity: 1; }
  to { -webkit-transform: scale(3); transform: scale(3);
    opacity: 0; } }

@-webkit-keyframes map-canvas { from { -webkit-clip-path: inset(50% 50% 50% 50%); clip-path: inset(50% 50% 50% 50%); }
  to { -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); } }

@keyframes map-canvas { from { -webkit-clip-path: inset(50% 50% 50% 50%); clip-path: inset(50% 50% 50% 50%); }
  to { -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); } }

.m-title .t2 { margin-top: .04rem; }

.m-more { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; min-width: 2.07rem; min-height: .52rem; border-radius: .52rem; padding: .03rem .04rem; padding-left: 1.11em; background-color: #fff; color: #111; border: none; cursor: pointer; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.m-more:after { content: ''; width: .46rem; height: .46rem; min-width: 30px; min-height: 30px; margin-left: 2em; border-radius: 50%; background-repeat: no-repeat; background-position: center; background-size: contain; background-color: #000; background-image: url(../images/i-more.png); background-size: calc(14 / 46 * 100%); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.m-more.bg-gray { background-color: #f8f8ff; }

@media (any-hover: hover) { .m-more:hover { -webkit-box-shadow: 0 0.1rem 0.1rem -0.05rem rgba(0, 0, 0, 0.3); box-shadow: 0 0.1rem 0.1rem -0.05rem rgba(0, 0, 0, 0.3); -webkit-transform: translateY(-2px); -ms-transform: translateY(-2px); transform: translateY(-2px); }
  .m-more:hover:after { background-color: #c7000c; } }

@media (max-width: 1800px) { .m-more { padding-top: 2px; padding-bottom: 2px; padding-right: 2px; } }

.m-arrow { width: .52rem; height: .52rem; min-width: 30px; min-height: 30px; border-radius: 50%; background-repeat: no-repeat; background-position: center; background-size: calc(17 / 52 * 100%); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; cursor: pointer; border: 1px solid rgba(0, 0, 0, 0.1); }

.m-arrow:hover { background-color: #000; border-color: #000; }

.m-arrow.swiper-button-disabled { pointer-events: none; }

.m-arrow.prev { background-image: url(../images/i-c-5.png); }

.m-arrow.prev:hover { background-image: url(../images/i-c-7.png); }

.m-arrow.next { background-image: url(../images/i-c-6.png); }

.m-arrow.next:hover { background-image: url(../images/i-c-8.png); }