< data-vue-ssr-id="b1dfe3dc:0 710b7307:0 554ffdec:0 236d2382:0 5032cc44:0 192d143c:0 2ba8ebe0:0 eb09c68e:0 68412085:0">/* 基础色值 */
:root {
/* 中性色 Gray */
--moo-ck-white-rgb: 255255255;
--moo-ck-black-rgb: 000;
--moo-ck-gray950-rgb: 151718;
--moo-ck-gray940-rgb: 000;
--moo-ck-gray920-rgb: 242628;
--moo-ck-gray900-rgb: 293133;
--moo-ck-gray860-rgb: 313336;
--moo-ck-gray850-rgb: 424448;
--moo-ck-gray825-rgb: 000;
--moo-ck-gray800-rgb: 444751;
--moo-ck-gray775-rgb: 000;
--moo-ck-gray750-rgb: 545864;
--moo-ck-gray725-rgb: 000;
--moo-ck-gray700-rgb: 838487;
--moo-ck-gray650-rgb: 9698102;
--moo-ck-gray600-rgb: 105108112;
--moo-ck-gray550-rgb: 125127131;
--moo-ck-gray530-rgb: 129132136;
--moo-ck-gray500-rgb: 132136140;
--moo-ck-gray450-rgb: 144148153;
--moo-ck-gray430-rgb: 155155158;
--moo-ck-gray400-rgb: 177178181;
--moo-ck-gray350-rgb: 187189192;
--moo-ck-gray320-rgb: 000;
--moo-ck-gray300-rgb: 197200201;
--moo-ck-gray250-rgb: 207210212;
--moo-ck-gray200-rgb: 214217219;
--moo-ck-gray150-rgb: 227228229;
--moo-ck-gray145-rgb: 000;
--moo-ck-gray125-rgb: 232234237;
--moo-ck-gray110-rgb: 000;
--moo-ck-gray100-rgb: 235236237;
--moo-ck-gray90-rgb: 000;
--moo-ck-gray85-rgb: 000;
--moo-ck-gray80-rgb: 242243245;
--moo-ck-gray60-rgb: 245246246;
--moo-ck-gray50-rgb: 246247249;
--moo-ck-gray30-rgb: 247249250;
--moo-ck-gray25-rgb: 000;
--moo-ck-gray10-rgb: 000;
--moo-ck-white: rgb(var(--moo-ck-white-rgb));
--moo-ck-black: rgb(var(--moo-ck-black-rgb));
--moo-ck-gray950: rgb(var(--moo-ck-gray950-rgb));
--moo-ck-gray940: rgb(var(--moo-ck-gray940-rgb));
--moo-ck-gray920: rgb(var(--moo-ck-gray920-rgb));
--moo-ck-gray900: rgb(var(--moo-ck-gray900-rgb));
--moo-ck-gray860: rgb(var(--moo-ck-gray860-rgb));
--moo-ck-gray850: rgb(var(--moo-ck-gray850-rgb));
--moo-ck-gray825: rgb(var(--moo-ck-gray825-rgb));
--moo-ck-gray800: rgb(var(--moo-ck-gray800-rgb));
--moo-ck-gray775: rgb(var(--moo-ck-gray775-rgb));
--moo-ck-gray750: rgb(var(--moo-ck-gray750-rgb));
--moo-ck-gray725: rgb(var(--moo-ck-gray725-rgb));
--moo-ck-gray700: rgb(var(--moo-ck-gray700-rgb));
--moo-ck-gray650: rgb(var(--moo-ck-gray650-rgb));
--moo-ck-gray600: rgb(var(--moo-ck-gray600-rgb));
--moo-ck-gray550: rgb(var(--moo-ck-gray550-rgb));
--moo-ck-gray530: rgb(var(--moo-ck-gray530-rgb));
--moo-ck-gray500: rgb(var(--moo-ck-gray500-rgb));
--moo-ck-gray450: rgb(var(--moo-ck-gray450-rgb));
--moo-ck-gray430: rgb(var(--moo-ck-gray430-rgb));
--moo-ck-gray400: rgb(var(--moo-ck-gray400-rgb));
--moo-ck-gray350: rgb(var(--moo-ck-gray350-rgb));
--moo-ck-gray320: rgb(var(--moo-ck-gray320-rgb));
--moo-ck-gray300: rgb(var(--moo-ck-gray300-rgb));
--moo-ck-gray250: rgb(var(--moo-ck-gray250-rgb));
--moo-ck-gray200: rgb(var(--moo-ck-gray200-rgb));
--moo-ck-gray150: rgb(var(--moo-ck-gray150-rgb));
--moo-ck-gray145: rgb(var(--moo-ck-gray145-rgb));
--moo-ck-gray125: rgb(var(--moo-ck-gray125-rgb));
--moo-ck-gray110: rgb(var(--moo-ck-gray110-rgb));
--moo-ck-gray100: rgb(var(--moo-ck-gray100-rgb));
--moo-ck-gray90: rgb(var(--moo-ck-gray90-rgb));
--moo-ck-gray85: rgb(var(--moo-ck-gray85-rgb));
--moo-ck-gray80: rgb(var(--moo-ck-gray80-rgb));
--moo-ck-gray60: rgb(var(--moo-ck-gray60-rgb));
--moo-ck-gray50: rgb(var(--moo-ck-gray50-rgb));
--moo-ck-gray30: rgb(var(--moo-ck-gray30-rgb));
--moo-ck-gray25: rgb(var(--moo-ck-gray25-rgb));
--moo-ck-gray10: rgb(var(--moo-ck-gray10-rgb));
/* 蓝灰色 GrayBlue */
--moo-ck-grayblue990-rgb: 000;
--moo-ck-grayblue980-rgb: 000;
--moo-ck-grayblue960-rgb: 000;
--moo-ck-grayblue950-rgb: 000;
--moo-ck-grayblue940-rgb: 000;
--moo-ck-grayblue920-rgb: 000;
--moo-ck-grayblue900-rgb: 000;
--moo-ck-grayblue850-rgb: 000;
--moo-ck-grayblue825-rgb: 000;
--moo-ck-grayblue800-rgb: 000;
--moo-ck-grayblue700-rgb: 606779;
--moo-ck-grayblue650-rgb: 627184;
--moo-ck-grayblue600-rgb: 697994;
--moo-ck-grayblue520-rgb: 8390102;
--moo-ck-grayblue500-rgb: 7890106;
--moo-ck-grayblue400-rgb: 93106124;
--moo-ck-grayblue300-rgb: 98112133;
--moo-ck-grayblue250-rgb: 113126145;
--moo-ck-grayblue200-rgb: 144156174;
--moo-ck-grayblue175-rgb: 000;
--moo-ck-grayblue150-rgb: 000;
--moo-ck-grayblue100-rgb: 171182199;
--moo-ck-grayblue50-rgb: 195205218;
--moo-ck-grayblue45-rgb: 000;
--moo-ck-grayblue20-rgb: 000;
--moo-ck-grayblue25-rgb: 233236240;
--moo-ck-grayblue990: rgb(var(--moo-ck-grayblue990-rgb));
--moo-ck-grayblue980: rgb(var(--moo-ck-grayblue980-rgb));
--moo-ck-grayblue960: rgb(var(--moo-ck-grayblue960-rgb));
--moo-ck-grayblue950: rgb(var(--moo-ck-grayblue950-rgb));
--moo-ck-grayblue940: rgb(var(--moo-ck-grayblue940-rgb));
--moo-ck-grayblue920: rgb(var(--moo-ck-grayblue920-rgb));
--moo-ck-grayblue900: rgb(var(--moo-ck-grayblue900-rgb));
--moo-ck-grayblue850: rgb(var(--moo-ck-grayblue850-rgb));
--moo-ck-grayblue825: rgb(var(--moo-ck-grayblue825-rgb));
--moo-ck-grayblue800: rgb(var(--moo-ck-grayblue800-rgb));
--moo-ck-grayblue700: rgb(var(--moo-ck-grayblue700-rgb));
--moo-ck-grayblue650: rgb(var(--moo-ck-grayblue650-rgb));
--moo-ck-grayblue600: rgb(var(--moo-ck-grayblue600-rgb));
--moo-ck-grayblue520: rgb(var(--moo-ck-grayblue520-rgb));
--moo-ck-grayblue500: rgb(var(--moo-ck-grayblue500-rgb));
--moo-ck-grayblue400: rgb(var(--moo-ck-grayblue400-rgb));
--moo-ck-grayblue300: rgb(var(--moo-ck-grayblue300-rgb));
--moo-ck-grayblue250: rgb(var(--moo-ck-grayblue250-rgb));
--moo-ck-grayblue200: rgb(var(--moo-ck-grayblue200-rgb));
--moo-ck-grayblue175: rgb(var(--moo-ck-grayblue175-rgb));
--moo-ck-grayblue150: rgb(var(--moo-ck-grayblue150-rgb));
--moo-ck-grayblue100: rgb(var(--moo-ck-grayblue100-rgb));
--moo-ck-grayblue50: rgb(var(--moo-ck-grayblue50-rgb));
--moo-ck-grayblue45: rgb(var(--moo-ck-grayblue45-rgb));
--moo-ck-grayblue20: rgb(var(--moo-ck-grayblue20-rgb));
--moo-ck-grayblue25: rgb(var(--moo-ck-grayblue25-rgb));
/* 蓝色 Blue */
--moo-ck-blue950-rgb: 03179;
--moo-ck-blue900-rgb: 104192;
--moo-ck-blue800-rgb: 269175;
--moo-ck-blue700-rgb: 388225;
--moo-ck-blue650-rgb: 10103252;
--moo-ck-blue620-rgb: 70114246;
--moo-ck-blue600-rgb: 43120245;
--moo-ck-blue550-rgb: 37121255;
--moo-ck-blue530-rgb: 78127206;
--moo-ck-blue500-rgb: 60134253;
--moo-ck-blue450-rgb: 94155253;
--moo-ck-blue400-rgb: 000;
--moo-ck-blue300-rgb: 000;
--moo-ck-blue200-rgb: 188214255;
--moo-ck-blue100-rgb: 215230255;
--moo-ck-blue50-rgb: 234242255;
--moo-ck-blue950: rgb(var(--moo-ck-blue950-rgb));
--moo-ck-blue900: rgb(var(--moo-ck-blue900-rgb));
--moo-ck-blue800: rgb(var(--moo-ck-blue800-rgb));
--moo-ck-blue700: rgb(var(--moo-ck-blue700-rgb));
--moo-ck-blue650: rgb(var(--moo-ck-blue650-rgb));
--moo-ck-blue620: rgb(var(--moo-ck-blue620-rgb));
--moo-ck-blue600: rgb(var(--moo-ck-blue600-rgb));
--moo-ck-blue550: rgb(var(--moo-ck-blue550-rgb));
--moo-ck-blue530: rgb(var(--moo-ck-blue530-rgb));
--moo-ck-blue500: rgb(var(--moo-ck-blue500-rgb));
--moo-ck-blue450: rgb(var(--moo-ck-blue450-rgb));
--moo-ck-blue400: rgb(var(--moo-ck-blue400-rgb));
--moo-ck-blue300: rgb(var(--moo-ck-blue300-rgb));
--moo-ck-blue200: rgb(var(--moo-ck-blue200-rgb));
--moo-ck-blue100: rgb(var(--moo-ck-blue100-rgb));
--moo-ck-blue50: rgb(var(--moo-ck-blue50-rgb));
/* 橙色 Orange */
--moo-ck-orange850-rgb: 80354;
--moo-ck-orange780-rgb: 99446;
--moo-ck-orange750-rgb: 124568;
--moo-ck-orange700-rgb: 157698;
--moo-ck-orange650-rgb: 193858;
--moo-ck-orange550-rgb: 23410312;
--moo-ck-orange500-rgb: 24311118;
--moo-ck-orange450-rgb: 25012232;
--moo-ck-orange400-rgb: 25514771;
--moo-ck-orange350-rgb: 255165102;
--moo-ck-orange100-rgb: 255217190;
--moo-ck-orange50-rgb: 255238226;
--moo-ck-orange25-rgb: 000;
--moo-ck-orange850: rgb(var(--moo-ck-orange850-rgb));
--moo-ck-orange780: rgb(var(--moo-ck-orange780-rgb));
--moo-ck-orange750: rgb(var(--moo-ck-orange750-rgb));
--moo-ck-orange700: rgb(var(--moo-ck-orange700-rgb));
--moo-ck-orange650: rgb(var(--moo-ck-orange650-rgb));
--moo-ck-orange550: rgb(var(--moo-ck-orange550-rgb));
--moo-ck-orange500: rgb(var(--moo-ck-orange500-rgb));
--moo-ck-orange450: rgb(var(--moo-ck-orange450-rgb));
--moo-ck-orange400: rgb(var(--moo-ck-orange400-rgb));
--moo-ck-orange350: rgb(var(--moo-ck-orange350-rgb));
--moo-ck-orange100: rgb(var(--moo-ck-orange100-rgb));
--moo-ck-orange50: rgb(var(--moo-ck-orange50-rgb));
--moo-ck-orange25: rgb(var(--moo-ck-orange25-rgb));
/* 绿色 Green */
--moo-ck-green950-rgb: 144635;
--moo-ck-green900-rgb: 246148;
--moo-ck-green800-rgb: 19664;
--moo-ck-green700-rgb: 1910979;
--moo-ck-green600-rgb: 013288;
--moo-ck-green550-rgb: 016387;
--moo-ck-green500-rgb: 0168112;
--moo-ck-green400-rgb: 2172115;
--moo-ck-green300-rgb: 3196132;
--moo-ck-green200-rgb: 3219147;
--moo-ck-green100-rgb: 144235205;
--moo-ck-green50-rgb: 203255238;
--moo-ck-green950: rgb(var(--moo-ck-green950-rgb));
--moo-ck-green900: rgb(var(--moo-ck-green900-rgb));
--moo-ck-green800: rgb(var(--moo-ck-green800-rgb));
--moo-ck-green700: rgb(var(--moo-ck-green700-rgb));
--moo-ck-green600: rgb(var(--moo-ck-green600-rgb));
--moo-ck-green550: rgb(var(--moo-ck-green550-rgb));
--moo-ck-green500: rgb(var(--moo-ck-green500-rgb));
--moo-ck-green400: rgb(var(--moo-ck-green400-rgb));
--moo-ck-green300: rgb(var(--moo-ck-green300-rgb));
--moo-ck-green200: rgb(var(--moo-ck-green200-rgb));
--moo-ck-green100: rgb(var(--moo-ck-green100-rgb));
--moo-ck-green50: rgb(var(--moo-ck-green50-rgb));
/* 红色 Red */
--moo-ck-red900-rgb: 842433;
--moo-ck-red800-rgb: 1212539;
--moo-ck-red700-rgb: 1562847;
--moo-ck-red600-rgb: 1942549;
--moo-ck-red500-rgb: 2244572;
--moo-ck-red400-rgb: 2295581;
--moo-ck-red390-rgb: 2405885;
--moo-ck-red350-rgb: 24581105;
--moo-ck-red300-rgb: 248105127;
--moo-ck-red250-rgb: 255121141;
--moo-ck-red200-rgb: 255146162;
--moo-ck-red100-rgb: 255198207;
--moo-ck-red50-rgb: 253236239;
--moo-ck-red900: rgb(var(--moo-ck-red900-rgb));
--moo-ck-red800: rgb(var(--moo-ck-red800-rgb));
--moo-ck-red700: rgb(var(--moo-ck-red700-rgb));
--moo-ck-red600: rgb(var(--moo-ck-red600-rgb));
--moo-ck-red500: rgb(var(--moo-ck-red500-rgb));
--moo-ck-red400: rgb(var(--moo-ck-red400-rgb));
--moo-ck-red390: rgb(var(--moo-ck-red390-rgb));
--moo-ck-red350: rgb(var(--moo-ck-red350-rgb));
--moo-ck-red300: rgb(var(--moo-ck-red300-rgb));
--moo-ck-red250: rgb(var(--moo-ck-red250-rgb));
--moo-ck-red200: rgb(var(--moo-ck-red200-rgb));
--moo-ck-red100: rgb(var(--moo-ck-red100-rgb));
--moo-ck-red50: rgb(var(--moo-ck-red50-rgb));
/*青蓝色 Cyan*/
--moo-ck-cyan900-rgb: 000;
--moo-ck-cyan800-rgb: 000;
--moo-ck-cyan700-rgb: 18116133;
--moo-ck-cyan600-rgb: 4154168;
--moo-ck-cyan500-rgb: 000;
--moo-ck-cyan450-rgb: 0199217;
--moo-ck-cyan400-rgb: 25214233;
--moo-ck-cyan300-rgb: 000;
--moo-ck-cyan200-rgb: 125236255;
--moo-ck-cyan100-rgb: 232248251;
--moo-ck-cyan-rgb: 20172156;
--moo-ck-cyan900: rgb(var(--moo-ck-cyan900-rgb));
--moo-ck-cyan800: rgb(var(--moo-ck-cyan800-rgb));
--moo-ck-cyan700: rgb(var(--moo-ck-cyan700-rgb));
--moo-ck-cyan600: rgb(var(--moo-ck-cyan600-rgb));
--moo-ck-cyan500: rgb(var(--moo-ck-cyan500-rgb));
--moo-ck-cyan450: rgb(var(--moo-ck-cyan450-rgb));
--moo-ck-cyan400: rgb(var(--moo-ck-cyan400-rgb));
--moo-ck-cyan300: rgb(var(--moo-ck-cyan300-rgb));
--moo-ck-cyan200: rgb(var(--moo-ck-cyan200-rgb));
--moo-ck-cyan100: rgb(var(--moo-ck-cyan100-rgb));
--moo-ck-cyan: rgb(var(--moo-ck-cyan-rgb));
/*蓝紫色 Indigo*/
--moo-ck-indigo600-rgb: 5662242;
--moo-ck-indigo550-rgb: 7985247;
--moo-ck-indigo500-rgb: 9095254;
--moo-ck-indigo450-rgb: 112116245;
--moo-ck-indigo100-rgb: 214215255;
--moo-ck-indigo50-rgb: 236236255;
--moo-ck-indigo600: rgb(var(--moo-ck-indigo600-rgb));
--moo-ck-indigo550: rgb(var(--moo-ck-indigo550-rgb));
--moo-ck-indigo500: rgb(var(--moo-ck-indigo500-rgb));
--moo-ck-indigo450: rgb(var(--moo-ck-indigo450-rgb));
--moo-ck-indigo100: rgb(var(--moo-ck-indigo100-rgb));
--moo-ck-indigo50: rgb(var(--moo-ck-indigo50-rgb));
/*紫色 Purple*/
--moo-ck-purple900-rgb: 9251172;
--moo-ck-purple800-rgb: 000;
--moo-ck-purple700-rgb: 12048242;
--moo-ck-purple600-rgb: 13677237;
--moo-ck-purple500-rgb: 16697255;
--moo-ck-purple450-rgb: 19191226;
--moo-ck-purple400-rgb: 000;
--moo-ck-purple300-rgb: 218159239;
--moo-ck-purple200-rgb: 000;
--moo-ck-purple100-rgb: 000;
--moo-ck-purple50-rgb: 247235251;
--moo-ck-purple900: rgb(var(--moo-ck-purple900-rgb));
--moo-ck-purple800: rgb(var(--moo-ck-purple800-rgb));
--moo-ck-purple700: rgb(var(--moo-ck-purple700-rgb));
--moo-ck-purple600: rgb(var(--moo-ck-purple600-rgb));
--moo-ck-purple500: rgb(var(--moo-ck-purple500-rgb));
--moo-ck-purple450: rgb(var(--moo-ck-purple450-rgb));
--moo-ck-purple400: rgb(var(--moo-ck-purple400-rgb));
--moo-ck-purple300: rgb(var(--moo-ck-purple300-rgb));
--moo-ck-purple200: rgb(var(--moo-ck-purple200-rgb));
--moo-ck-purple100: rgb(var(--moo-ck-purple100-rgb));
--moo-ck-purple50: rgb(var(--moo-ck-purple50-rgb));
/*黄色 Yellow*/
--moo-ck-yellow800-rgb: 000;
--moo-ck-yellow700-rgb: 1359913;
--moo-ck-yellow650-rgb: 1581125;
--moo-ck-yellow600-rgb: 000;
--moo-ck-yellow550-rgb: 19113710;
--moo-ck-yellow500-rgb: 000;
--moo-ck-yellow450-rgb: 2211593;
--moo-ck-yellow400-rgb: 000;
--moo-ck-yellow300-rgb: 25419916;
--moo-ck-yellow280-rgb: 255198106;
--moo-ck-yellow200-rgb: 000;
--moo-ck-yellow150-rgb: 255228147;
--moo-ck-yellow100-rgb: 255239188;
--moo-ck-yellow50-rgb: 000;
--moo-ck-yellow800: rgb(var(--moo-ck-yellow800-rgb));
--moo-ck-yellow700: rgb(var(--moo-ck-yellow700-rgb));
--moo-ck-yellow650: rgb(var(--moo-ck-yellow650-rgb));
--moo-ck-yellow600: rgb(var(--moo-ck-yellow600-rgb));
--moo-ck-yellow550: rgb(var(--moo-ck-yellow550-rgb));
--moo-ck-yellow500: rgb(var(--moo-ck-yellow500-rgb));
--moo-ck-yellow450: rgb(var(--moo-ck-yellow450-rgb));
--moo-ck-yellow400: rgb(var(--moo-ck-yellow400-rgb));
--moo-ck-yellow300: rgb(var(--moo-ck-yellow300-rgb));
--moo-ck-yellow280: rgb(var(--moo-ck-yellow280-rgb));
--moo-ck-yellow200: rgb(var(--moo-ck-yellow200-rgb));
--moo-ck-yellow150: rgb(var(--moo-ck-yellow150-rgb));
--moo-ck-yellow100: rgb(var(--moo-ck-yellow100-rgb));
--moo-ck-yellow50: rgb(var(--moo-ck-yellow50-rgb));
/* 柠檬绿 Lime*/
--moo-ck-lime900-rgb: 000;
--moo-ck-lime850-rgb: 29562;
--moo-ck-lime800-rgb: 000;
--moo-ck-lime700-rgb: 56944;
--moo-ck-lime600-rgb: 000;
--moo-ck-lime550-rgb: 9113625;
--moo-ck-lime500-rgb: 10715429;
--moo-ck-lime400-rgb: 13919682;
--moo-ck-lime300-rgb: 000;
--moo-ck-lime250-rgb: 18923191;
--moo-ck-lime200-rgb: 000;
--moo-ck-lime100-rgb: 219242150;
--moo-ck-lime50-rgb: 000;
--moo-ck-lime900: rgb(var(--moo-ck-lime900-rgb));
--moo-ck-lime850: rgb(var(--moo-ck-lime850-rgb));
--moo-ck-lime800: rgb(var(--moo-ck-lime800-rgb));
--moo-ck-lime700: rgb(var(--moo-ck-lime700-rgb));
--moo-ck-lime600: rgb(var(--moo-ck-lime600-rgb));
--moo-ck-lime550: rgb(var(--moo-ck-lime550-rgb));
--moo-ck-lime500: rgb(var(--moo-ck-lime500-rgb));
--moo-ck-lime400: rgb(var(--moo-ck-lime400-rgb));
--moo-ck-lime300: rgb(var(--moo-ck-lime300-rgb));
--moo-ck-lime250: rgb(var(--moo-ck-lime250-rgb));
--moo-ck-lime200: rgb(var(--moo-ck-lime200-rgb));
--moo-ck-lime100: rgb(var(--moo-ck-lime100-rgb));
--moo-ck-lime50: rgb(var(--moo-ck-lime50-rgb));
/* 金色 Gold */
--moo-ck-gold500-rgb: 17013791;
--moo-ck-gold450-rgb: 18614891;
--moo-ck-gold400-rgb: 19815894;
--moo-ck-gold300-rgb: 215177116;
--moo-ck-gold250-rgb: 227191132;
--moo-ck-gold200-rgb: 242203140;
--moo-ck-gold100-rgb: 246215167;
--moo-ck-gold500: rgb(var(--moo-ck-gold500-rgb));
--moo-ck-gold450: rgb(var(--moo-ck-gold450-rgb));
--moo-ck-gold400: rgb(var(--moo-ck-gold400-rgb));
--moo-ck-gold300: rgb(var(--moo-ck-gold300-rgb));
--moo-ck-gold250: rgb(var(--moo-ck-gold250-rgb));
--moo-ck-gold200: rgb(var(--moo-ck-gold200-rgb));
--moo-ck-gold100: rgb(var(--moo-ck-gold100-rgb));
/* 粉色 Pink */
--moo-ck-pink500-rgb: 21527102;
--moo-ck-pink400-rgb: 23852126;
--moo-ck-pink300-rgb: 248103161;
--moo-ck-pink200-rgb: 248152190;
--moo-ck-pink100-rgb: 255187214;
--moo-ck-pink50-rgb: 255228239;
--moo-ck-pink-rgb: 24360118;
--moo-ck-pink500: rgb(var(--moo-ck-pink500-rgb));
--moo-ck-pink400: rgb(var(--moo-ck-pink400-rgb));
--moo-ck-pink300: rgb(var(--moo-ck-pink300-rgb));
--moo-ck-pink200: rgb(var(--moo-ck-pink200-rgb));
--moo-ck-pink100: rgb(var(--moo-ck-pink100-rgb));
--moo-ck-pink50: rgb(var(--moo-ck-pink50-rgb));
--moo-ck-pink: rgb(var(--moo-ck-pink-rgb));
/* 天星色 Airstar */
--moo-ck-airstar950-rgb: 6558168;
--moo-ck-airstar900-rgb: 7264187;
--moo-ck-airstar800-rgb: 8070216;
--moo-ck-airstar700-rgb: 9685251;
--moo-ck-airstar600-rgb: 127119255;
--moo-ck-airstar500-rgb: 145138255;
--moo-ck-airstar400-rgb: 178173255;
--moo-ck-airstar300-rgb: 200196255;
--moo-ck-airstar200-rgb: 214212255;
--moo-ck-airstar100-rgb: 226224255;
--moo-ck-airstar75-rgb: 237235255;
--moo-ck-airstar50-rgb: 246245255;
--moo-ck-airstar950: rgb(var(--moo-ck-airstar950-rgb));
--moo-ck-airstar900: rgb(var(--moo-ck-airstar900-rgb));
--moo-ck-airstar800: rgb(var(--moo-ck-airstar800-rgb));
--moo-ck-airstar700: rgb(var(--moo-ck-airstar700-rgb));
--moo-ck-airstar600: rgb(var(--moo-ck-airstar600-rgb));
--moo-ck-airstar500: rgb(var(--moo-ck-airstar500-rgb));
--moo-ck-airstar400: rgb(var(--moo-ck-airstar400-rgb));
--moo-ck-airstar300: rgb(var(--moo-ck-airstar300-rgb));
--moo-ck-airstar200: rgb(var(--moo-ck-airstar200-rgb));
--moo-ck-airstar100: rgb(var(--moo-ck-airstar100-rgb));
--moo-ck-airstar75: rgb(var(--moo-ck-airstar75-rgb));
--moo-ck-airstar50: rgb(var(--moo-ck-airstar50-rgb));
}
/* 语义化 token */
:root {
--moo-ct-text-h1: var(--moo-ck-gray950);
--moo-ct-text-h2: var(--moo-ck-gray650);
--moo-ct-text-h3: var(--moo-ck-gray450);
--moo-ct-text-disable: var(--moo-ck-gray350);
--moo-ct-text-reverse: var(--moo-ck-white);
--moo-ct-text-link: var(--moo-ck-blue600);
--moo-ct-text-highlight: rgb(var(--moo-ct-text-highlight-rgb));
--moo-ct-text-highlight-rgb: var(--moo-ck-orange500-rgb);
--moo-ct-text-trends-green: var(--moo-ck-green500);
--moo-ct-text-trends-red: var(--moo-ck-red390);
--moo-ct-text-trends-greendln: var(--moo-ck-cyan);
--moo-ct-text-trends-reddln: var(--moo-ck-pink);
--moo-ct-text-trends-stable: var(--moo-ck-grayblue300);
--moo-ct-text-warn: var(--moo-ck-red400);
/* line */
--moo-ct-line-h1: var(--moo-ck-gray850);
--moo-ct-line-overlay: var(--moo-ck-gray150);
--moo-ct-line-input: var(--moo-ck-gray150);
--moo-ct-line-input-hover: var(--moo-ck-gray750);
--moo-ct-line-input-selected: var(--moo-ck-gray600);
--moo-ct-line-white: var(--moo-ck-white);
--moo-ct-line-black: var(--moo-ck-black);
--moo-ct-line-gutter: var(--moo-ck-gray60);
--moo-ct-line-modules: var(--moo-ck-gray60);
--moo-ct-line-separator: var(--moo-ck-gray150);
--moo-ct-line-selected: var(--moo-ck-gray600);
--moo-ct-line-list: var(--moo-ck-gray100);
/* bg */
--moo-ct-bg-page: var(--moo-ck-gray80);
--moo-ct-bg-card: var(--moo-ck-white);
--moo-ct-bg-overlay: var(--moo-ck-gray50);
/* 一级背景色 */
--moo-ct-bg-primary-rgb: var(--moo-ck-white-rgb);
--moo-ct-bg-primary: rgba(var(--moo-ct-bg-primary-rgb)1);
/*二级背景色*/
--moo-ct-bg-secondary: var(--moo-ck-gray80);
/*三级背景色*/
--moo-ct-bg-tertiary: var(--moo-ck-gray125);
/*一级背景色-主题 2*/
--moo-ct-bg-primary2: var(--moo-ck-gray80);
/*二级背景色-主题 2*/
--moo-ct-bg-secondary2: var(--moo-ck-white);
/*三级背景色-主题 2*/
--moo-ct-bg-tertiary2: var(--moo-ck-gray80);
/*控件底色*/
--moo-ct-bg-items-rgb: var(--moo-ck-grayblue520-rgb);
--moo-ct-bg-items: rgba(var(--moo-ct-bg-items-rgb)0.08);
/* 控件选中色描边 */
--moo-ct-bg-selected-selected: rgba(var(--moo-ck-grayblue520-rgb)0.08);
/* 反显颜色 */
--moo-ct-bg-reverse-airstar: var(--moo-ck-gray800);
/*弹窗底色*/
--moo-ct-bg-prominent: var(--moo-ck-white);
/*反显颜色*/
--moo-ct-bg-reverse: var(--moo-ck-gray800);
--moo-ct-bg-white: var(--moo-ck-white);
--moo-ct-bg-black: var(--moo-ck-black);
/*高亮色*/
--moo-ct-bg-highlight-rgb: var(--moo-ck-orange500-rgb);
--moo-ct-bg-highlight: rgb(var(--moo-ct-bg-highlight-rgb));
/*遮罩蒙层*/
--moo-ct-bg-mask: rgba(0000.5);
--moo-ct-bg-mask1: rgba(0000.25);
--moo-ct-bg-mask2: rgba(0000.6);
--moo-ct-bg-link: var(--moo-ck-gray550);
--moo-ct-bg-link1: var(--moo-ck-blue500);
--moo-ct-bg-link2: var(--moo-ck-gray850);
--moo-ct-bg-green: var(--moo-ck-green400);
--moo-ct-bg-red: var(--moo-ck-red500);
--moo-ct-bg-stable: var(--moo-ck-grayblue600);
--moo-ct-bg-trends-green: var(--moo-ck-green500);
--moo-ct-bg-trends-red: var(--moo-ck-red390);
--moo-ct-bg-trends-greendln: var(--moo-ck-cyan);
--moo-ct-bg-trends-reddln: var(--moo-ck-pink);
--moo-ct-bg-trends-stable: var(--moo-ck-grayblue600);
--moo-ct-bg-success: var(--moo-ck-green400);
--moo-ct-bg-warn: var(--moo-ck-red500);
--moo-ct-bg-shadow: rgba(0000.12);
--moo-ct-bg-hover: rgba(var(--moo-ck-black-rgb)0.05);
--moo-ct-bg-pressed: rgba(var(--moo-ck-black-rgb)0.1);
--moo-ct-bg-selected: rgba(var(--moo-ck-black-rgb)0.1);
--moo-ct-bg-disabled: rgba(var(--moo-ck-red100-rgb)0.4);
--moo-ct-bg-titlebar: var(--moo-ck-black);
--moo-ct-bg-frame: var(--moo-ck-gray80);
/* icon */
--moo-ct-icon-h1: var(--moo-ck-gray900);
--moo-ct-icon-h2: var(--moo-ck-gray650);
--moo-ct-icon-h3: var(--moo-ck-gray450);
--moo-ct-icon-h4: var(--moo-ck-gray250);
--moo-ct-icon-disable: var(--moo-ck-gray350);
--moo-ct-icon-reverse: var(--moo-ck-gray950);
--moo-ct-icon-white: var(--moo-ck-white);
--moo-ct-icon-black: var(--moo-ck-black);
--moo-ct-icon-reddln: var(--moo-ck-pink);
--moo-ct-icon-greendln: var(--moo-ck-cyan);
--moo-ct-icon-success: var(--moo-ck-green400);
--moo-ct-icon-warn: var(--moo-ck-red500);
/* 主题主色 */
--moo-ct-primary-rgb: var(--moo-ck-gray800-rgb);
--moo-ct-primary: rgb(var(--moo-ct-primary-rgb));
--moo-ct-primary-hover: rgba(var(--moo-ct-primary-rgb)0.8);
--moo-ct-primary-pressed: rgba(var(--moo-ct-primary-rgb)0.6);
--moo-ct-primary-disable: rgba(var(--moo-ct-primary-rgb)0.3);
--moo-ct-primary-weak-pressed: rgba(var(--moo-ct-primary-rgb)0.03);
--moo-ct-primary-weak-hover: rgba(var(--moo-ct-primary-rgb)0.06);
/* z-index变量start*/
/* 整体弹层起始值，便于调整全局弹层起始层级*/
--moo-base-z-index: 1000;
/* 组件弹层分类*/
/* 最低的背景遮罩层*/
--moo-base-z-index-background: var(--moo-base-z-index);
/* 普通全局遮罩层*/
--moo-base-z-index-fixed: calc(var(--moo-base-z-index) + 10);
/* 普通局部弹出层*/
--moo-base-z-index-absolute: calc(var(--moo-base-z-index) + 50);
/* 提示层*/
--moo-base-z-index-tip: calc(var(--moo-base-z-index) + 60);
/* 最高状态层*/
--moo-base-z-index-top: calc(var(--moo-base-z-index) + 1000);
/* z-index变量end*/
/* chart */
--moo-ct-chart-primary: var(--moo-ck-blue600);
--moo-ct-chart-secondary: var(--moo-ck-orange500);
--moo-ct-chart-assist: var(--moo-ck-grayblue300);
--moo-ct-chart-axisline: var(--moo-ck-gray150);
/* 兼容老版本token，后续移除 start */
/*迁移至--moo-ct-bg-items*/
--moo-ct-bg-overlay-alpha-rgb: var(--moo-ck-grayblue520-rgb);
--moo-ct-bg-overlay-alpha: rgba(var(--moo-ct-bg-overlay-alpha-rgb)0.08);
/* 兼容 */
--moo-ct-text-green: var(--moo-ct-text-trends-green);
--moo-ct-text-red: var(--moo-ct-text-trends-red);
--moo-ct-text-stable: var(--moo-ct-text-trends-stable);
--moo-ct-text-white: var(--moo-ck-white);
--moo-ct-text-black: var(--moo-ck-black);
/*迁移至--moo-ct-bg-tertiary2*/
--moo-ct-bg-overlay2: var(--moo-ct-bg-tertiary2);
/*迁移至--moo-ct-bg-secondary2*/
--moo-ct-bg-card2: var(--moo-ct-bg-secondary2);
/*迁移至moo-ct-bg-primary*/
--moo-ct-bg-page1: var(--moo-ct-bg-primary);
/*迁移至moo-ct-bg-secondary*/
--moo-ct-bg-card1: var(--moo-ct-bg-secondary);
/*迁移至--moo-ct-bg-primary2*/
--moo-ct-bg-page2: var(--moo-ct-bg-primary2);
/*迁移至--moo-ct-bg-tertiary*/
--moo-ct-bg-overlay1: var(--moo-ct-bg-tertiary);
/* 兼容老版本token，后续移除 end */
}
:root {
/* 文字 Token */
--moo-ft-weight-regular: 400;
--moo-ft-weight-bold: 600;
/* 通用行高 */
--moo-ft-line-height: 1.4;
/* 文字大小 */
--moo-ft-size-larger-title: 32px;
--moo-ft-size-big-title1: 28px;
--moo-ft-size-big-title2: 22px;
--moo-ft-size-big-title3: 20px;
--moo-ft-size-headline1: 18px;
--moo-ft-size-headline2: 16px;
--moo-ft-size-headline3: 15px;
--moo-ft-size-body: 15px;
--moo-ft-size-sub-body: 13px;
--moo-ft-size-caption1: 12px;
--moo-ft-size-caption2: 11px;
/*（非常用）文字 Token*/
--moo-ft-size-ns-headline: 18px;
--moo-ft-size-ns-body: 16px;
--moo-ft-size-ns-sub-body: 14px;
--moo-ft-size-ns-caption1: 10px;
--moo-ft-size-ns-caption2: 9px;
/* 行高 */
--moo-ft-line-height-larger-title: 50px;
--moo-ft-line-height-big-title1: 38px;
--moo-ft-line-height-big-title2: 31px;
--moo-ft-line-height-big-title3: 28px;
--moo-ft-line-height-headline1: 24px;
--moo-ft-line-height-headline2: 22px;
--moo-ft-line-height-headline3: 21px;
--moo-ft-line-height-body: 21px;
--moo-ft-line-height-sub-body: 18px;
--moo-ft-line-height-caption1: 17px;
--moo-ft-line-height-caption2: 15px;
/*（非常用）文字 Token*/
--moo-ft-line-height-ns-sub-body: 20px;
--moo-ft-line-height-ns-body: 22px;
--moo-ft-line-height-ns-headline: 25px;
/* 字体 */
--moo-font-family-BR: 'BR Hendrix',
'PingFang SC',
-apple-system,
BlinkMacSystemFont,
'Segoe UI',
Roboto,
'Helvetica Neue',
Arial,
'Noto Sans',
CustomNotoSansCJKSC,
CustomNotoSansCJKJP,
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji',
'Segoe UI Symbol',
'Noto Color Emoji';
--moo-font-family: var(--ui-font-familyvar(--moo-font-family-BR));
}
:root{
--moo-shadow8: 0px 4px 8px var(--moo-ct-bg-shadow);
--moo-shadow16: 0px 8px 16px var(--moo-ct-bg-shadow);
--moo-shadow28: 0px 12px 28px var(--moo-ct-bg-shadow);
--moo-shadow32: 0px 16px 32px var(--moo-ct-bg-shadow);
}
/* 页面间距 */
/* https://www.figma.com/design/SY04axX6aR8YQJ7HNlSBxl/FIS-Components-%E6%8E%A7%E4%BB%B6%E5%BA%93?node-id=32912-9778&t=QrIUFqZcorf27KQY-4 */
:root {
--moo-sp-page-xs: 0;
--moo-sp-page-s: 0;
--moo-sp-page-m: 0;
--moo-sp-page-l: 18px;
--moo-sp-page-xl: 0;
--moo-sp-page-xxl: 0;
--moo-sp-page-xxxl: 0;
/* 整体容器两边留白兼容旧版本 */
--moo-container-margin: var(--moo-sp-page-l);
}
/* 黑色模式 */
.moo-theme-dark {
/* 通用 */
--moo-ct-text-h1: var(--moo-ck-gray150); /* { "type": "ck"} */
--moo-ct-text-h2: var(--moo-ck-gray430); /* { "type": "ck"} */
--moo-ct-text-h3: var(--moo-ck-gray550); /* { "type": "ck"} */
--moo-ct-text-white: var(--moo-ck-white); /* { "type": "ck"} */
--moo-ct-text-black: var(--moo-ck-black); /* { "type": "ck"} */
--moo-ct-text-disable: var(--moo-ck-gray700);
--moo-ct-text-reverse: var(--moo-ck-gray950);
--moo-ct-text-highlight: var(--moo-ck-orange550);
--moo-ct-text-link: var(--moo-ck-blue530);
--moo-ct-text-trends-green: var(--moo-ck-green550);
--moo-ct-text-trends-red: var(--moo-ck-red500);
--moo-ct-text-trends-stable: var(--moo-ck-grayblue250);
--moo-ct-text-warn: var(--moo-ck-red400);
--moo-ct-text-trends-greendln: var(--moo-ck-cyan);
--moo-ct-text-trends-reddln: var(--moo-ck-pink);
/* 语义 */
--moo-ct-text-link1: var(--moo-ck-blue500); /* { "type": "ck"} */
--moo-ct-text-link2: var(--moo-ck-gray150); /* { "type": "ck"} */
--moo-ct-text-green: var(--moo-ck-green400); /* { "type": "ck"} */
--moo-ct-text-red: var(--moo-ck-red500); /* { "type": "ck"} */
--moo-ct-text-stable: var(--moo-ck-grayblue600); /* { "type": "ck"} */
--moo-ct-text-success: var(--moo-ck-green400); /* { "type": "ck"} */
--moo-ct-text-warn: var(--moo-ck-red500); /* { "type": "ck"} */
/* 通用 */
--moo-ct-bg-page: var(--moo-ck-gray950); /* { "type": "ck"} */
--moo-ct-bg-card: var(--moo-ck-gray900); /* { "type": "ck"} */
--moo-ct-bg-overlay: var(--moo-ck-gray800); /* { "type": "ck"} */
--moo-ct-bg-white: var(--moo-ck-white); /* { "type": "ck"} */
--moo-ct-bg-black: var(--moo-ck-black); /* { "type": "ck"} */
--moo-ct-bg-mask1: rgba(0000.5); /* { "type": "ck"} */
--moo-ct-bg-mask2: rgba(0000.8); /* { "type": "ck"} */
--moo-ct-bg-mask: rgba(0000.5);
--moo-ct-bg-primary: var(--moo-ck-gray950);
--moo-ct-bg-primary-rgb: var(--moo-ck-gray950-rgb);
--moo-ct-bg-secondary: var(--moo-ck-gray900);
--moo-ct-bg-tertiary: var(--moo-ck-gray800);
--moo-ct-bg-primary2: var(--moo-ck-gray950);
--moo-ct-bg-secondary2: var(--moo-ck-gray900);
--moo-ct-bg-tertiary2: var(--moo-ck-gray800);
--moo-ct-bg-items: rgba(var(--moo-ck-grayblue520-rgb)0.2);
--moo-ct-bg-selected-selected: rgba(var(--moo-ck-grayblue520-rgb)0.2);
--moo-ct-bg-reverse-airstar: var(--moo-ck-gray150);
--moo-ct-bg-prominent: var(--moo-ck-gray750);
--moo-ct-bg-reverse: var(--moo-ck-gray150);
--moo-ct-bg-highlight: var(--moo-ck-orange550);
--moo-ct-bg-trends-green: var(--moo-ck-green550);
--moo-ct-bg-trends-red: var(--moo-ck-red500);
--moo-ct-bg-trends-stable: var(--moo-ck-grayblue250);
--moo-ct-bg-frame: var(--moo-ck-gray800);
--moo-ct-bg-trends-greendln: var(--moo-ck-cyan);
--moo-ct-bg-trends-reddln: var(--moo-ck-pink);
/* 语义 */
--moo-ct-bg-link1: var(--moo-ck-blue500); /* { "type": "ck"} */
--moo-ct-bg-link2: var(--moo-ck-gray150); /* { "type": "ck"} */
--moo-ct-bg-green: var(--moo-ck-green400); /* { "type": "ck"} */
--moo-ct-bg-red: var(--moo-ck-red500); /* { "type": "ck"} */
--moo-ct-bg-stable: var(--moo-ck-grayblue600); /* { "type": "ck"} */
--moo-ct-bg-success: var(--moo-ck-green400); /* { "type": "ck"} */
--moo-ct-bg-warn: var(--moo-ck-red500); /* { "type": "ck"} */
--moo-ct-bg-shadow: rgba(0000.5); /* { "type": "ck"} */
/* 线条色 Line */
--moo-ct-line-separator: rgba(var(--moo-ck-gray600-rgb)0.15); /* { "type": "ck"} */
--moo-ct-line-overlay: var(--moo-ck-gray750); /* { "type": "ck"} */
--moo-ct-line-input: rgba(var(--moo-ck-gray600-rgb)0.25); /* { "type": "ck"} */
--moo-ct-line-input-hover: var(--moo-ck-gray250); /* { "type": "ck"} */
--moo-ct-line-input-selected: var(--moo-ck-gray250); /* { "type": "ck"} */
--moo-ct-line-white: var(--moo-ck-white); /* { "type": "ck"} */
--moo-ct-line-black: var(--moo-ck-black); /* { "type": "ck"} */
--moo-ct-line-list: var(--moo-ck-gray600);
--moo-ct-line-selected: var(--moo-ck-gray250);
--moo-ct-line-warn: var(--moo-ck-red400);
/* 基础 */
--moo-ct-icon-h1: var(--moo-ck-gray150); /* { "type": "ck"} */
--moo-ct-icon-h2: var(--moo-ck-gray450); /* { "type": "ck"} */
--moo-ct-icon-h3: var(--moo-ck-gray600); /* { "type": "ck"} */
--moo-ct-icon-h4: var(--moo-ck-gray750); /* { "type": "ck"} */
--moo-ct-icon-white: var(--moo-ck-white); /* { "type": "ck"} */
--moo-ct-icon-black: var(--moo-ck-black); /* { "type": "ck"} */
--moo-ct-icon-disable: var(--moo-ck-gray700);
--moo-ct-icon-reverse: var(--moo-ck-white);
/* 其他 */
--moo-ct-icon-link1: var(--moo-ck-blue500); /* { "type": "ck"} */
--moo-ct-icon-link2: var(--moo-ck-gray150); /* { "type": "ck"} */
--moo-ct-icon-green: var(--moo-ck-green400); /* { "type": "ck"} */
--moo-ct-icon-red: var(--moo-ck-red500); /* { "type": "ck"} */
--moo-ct-icon-stable: var(--moo-ck-grayblue600); /* { "type": "ck"} */
--moo-ct-icon-success: var(--moo-ck-green400); /* { "type": "ck"} */
--moo-ct-icon-warn: var(--moo-ck-red500); /* { "type": "ck"} */
--moo-ct-icon-orange: var(--moo-ck-orange400); /* { "type": "ck"} */
--moo-ct-icon-yellow: var(--moo-ck-yellow300); /* { "type": "ck"} */
--moo-ct-icon-cyan: var(--moo-ck-cyan600); /* { "type": "ck"} */
--moo-ct-icon-blue: var(--moo-ck-blue500); /* { "type": "ck"} */
--moo-ct-icon-purple: var(--moo-ck-purple600); /* { "type": "ck"} */
--moo-ct-icon-pink: var(--moo-ck-pink500); /* { "type": "ck"} */
/* 主题主色 */
--moo-ct-primary-rgb: 214217219; /* { "description": "主色值rgb格式" } */
/* 常用色彩库end */
--moo-ct-chart-primary: var(--moo-ck-blue620);
--moo-ct-chart-secondary: var(--moo-ck-orange550);
--moo-ct-chart-assist: var(--moo-ck-grayblue250);
--moo-ct-chart-axisline: rgba(var(--moo-ck-gray600-rgb)0.25);
}
:root {
--news-platform-theme-color: #f36f12;
--news-platform-theme-color-hover: rgba(243111180.08);
}
:root[platform="airstar"] {
--news-platform-theme-color: #4840bb;
--news-platform-theme-color-hover: rgba(72641870.08);
}
.wxIosBackgroudColor[data-v-56423bf4]::before {
position: fixed;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: ' ';
background: #fff;
}
html,
body {
background-color: #fff;
}
.reference-record {
display: none !important;
}
@media screen and (max-width: 1023px) {
[platform='nn'][mobile='false'] .official-website-list {
padding-right: 36px;
padding-left: 36px;
}
[platform='nn'][mobile='false'] .official-website-list .list-item {
width: calc((100% - 36px) / 2);
margin-right: 36px;
}
[platform='nn'][mobile='false'] .official-website-list .list-item:nth-of-type(2n) {
margin-right: 0;
}
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
[platform='nn'][mobile='false'] .official-website-list {
padding-right: 36px;
padding-left: 36px;
}
[platform='nn'][mobile='false'] .official-website-list .list-item {
width: calc((100% - 36px * 2) / 3);
margin-right: 36px;
}
[platform='nn'][mobile='false'] .official-website-list .list-item:nth-of-type(3n) {
margin-right: 0;
}
}
@media screen and (min-width: 1440px) and (max-width: 1679px) {
[platform='nn'][mobile='false'] .official-website-list {
margin-right: 36px;
margin-left: 36px;
}
[platform='nn'][mobile='false'] .official-website-list .list-item {
width: calc((100% - 72px * 2) / 3);
margin-right: 72px;
}
[platform='nn'][mobile='false'] .official-website-list .list-item:nth-of-type(3n) {
margin-right: 0;
}
}
@media screen and (min-width: 1680px) and (max-width: 1919px) {
[platform='nn'][mobile='false'] .official-website-list {
margin-right: 36px;
margin-left: 36px;
}
[platform='nn'][mobile='false'] .official-website-list .list-item {
width: calc((100% - 72px * 3) / 4);
margin-right: 72px;
}
[platform='nn'][mobile='false'] .official-website-list .list-item:nth-of-type(4n) {
margin-right: 0;
}
}
@media screen and (min-width: 1920px) and (max-width: 2539px) {
[platform='nn'][mobile='false'] .official-website-list {
margin-right: 36px;
margin-left: 36px;
}
[platform='nn'][mobile='false'] .official-website-list .list-item {
width: calc((100% - 72px * 3) / 4);
margin-right: 72px;
}
[platform='nn'][mobile='false'] .official-website-list .list-item:nth-of-type(4n) {
margin-right: 0;
}
}
@media screen and (min-width: 2540px) and (max-width: 2560px) {
[platform='nn'][mobile='false'] .official-website-list {
max-width: 2488px;
margin-right: 36px;
margin-left: 36px;
}
[platform='nn'][mobile='false'] .official-website-list .list-item {
width: calc((100% - 72px * 4) / 5);
margin-right: 72px;
}
[platform='nn'][mobile='false'] .official-website-list .list-item:nth-of-type(5n) {
margin-right: 0;
}
}
@media screen and (min-width: 2561px) {
[platform='nn'][mobile='false'] .official-website-list {
max-width: 2488px;
margin-right: auto;
margin-left: auto;
}
[platform='nn'][mobile='false'] .official-website-list .list-item {
width: calc((100% - 72px * 4) / 5);
margin-right: 72px;
}
[platform='nn'][mobile='false'] .official-website-list .list-item:nth-of-type(5n) {
margin-right: 0;
}
}
@media screen and (max-width: 1023px) {
[platform='airstar'][mobile='false'] .official-website-list {
padding-right: 36px;
padding-left: 36px;
}
[platform='airstar'][mobile='false'] .official-website-list .list-item {
width: calc((100% - 36px) / 2);
margin-right: 36px;
}
[platform='airstar'][mobile='false'] .official-website-list .list-item:nth-of-type(2n) {
margin-right: 0;
}
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
[platform='airstar'][mobile='false'] .official-website-list {
padding-right: 36px;
padding-left: 36px;
}
[platform='airstar'][mobile='false'] .official-website-list .list-item {
width: calc((100% - 36px * 2) / 3);
margin-right: 36px;
}
[platform='airstar'][mobile='false'] .official-website-list .list-item:nth-of-type(3n) {
margin-right: 0;
}
}
@media screen and (min-width: 1440px) and (max-width: 1679px) {
[platform='airstar'][mobile='false'] .official-website-list {
margin-right: 36px;
margin-left: 36px;
}
[platform='airstar'][mobile='false'] .official-website-list .list-item {
width: calc((100% - 72px * 2) / 3);
margin-right: 72px;
}
[platform='airstar'][mobile='false'] .official-website-list .list-item:nth-of-type(3n) {
margin-right: 0;
}
}
@media screen and (min-width: 1680px) and (max-width: 1919px) {
[platform='airstar'][mobile='false'] .official-website-list {
margin-right: 36px;
margin-left: 36px;
}
[platform='airstar'][mobile='false'] .official-website-list .list-item {
width: calc((100% - 72px * 3) / 4);
margin-right: 72px;
}
[platform='airstar'][mobile='false'] .official-website-list .list-item:nth-of-type(4n) {
margin-right: 0;
}
}
@media screen and (min-width: 1920px) and (max-width: 2539px) {
[platform='airstar'][mobile='false'] .official-website-list {
margin-right: 36px;
margin-left: 36px;
}
[platform='airstar'][mobile='false'] .official-website-list .list-item {
width: calc((100% - 72px * 3) / 4);
margin-right: 72px;
}
[platform='airstar'][mobile='false'] .official-website-list .list-item:nth-of-type(4n) {
margin-right: 0;
}
}
@media screen and (min-width: 2540px) and (max-width: 2560px) {
[platform='airstar'][mobile='false'] .official-website-list {
max-width: 2488px;
margin-right: 36px;
margin-left: 36px;
}
[platform='airstar'][mobile='false'] .official-website-list .list-item {
width: calc((100% - 72px * 4) / 5);
margin-right: 72px;
}
[platform='airstar'][mobile='false'] .official-website-list .list-item:nth-of-type(5n) {
margin-right: 0;
}
}
@media screen and (min-width: 2561px) {
[platform='airstar'][mobile='false'] .official-website-list {
max-width: 2488px;
margin-right: auto;
margin-left: auto;
}
[platform='airstar'][mobile='false'] .official-website-list .list-item {
width: calc((100% - 72px * 4) / 5);
margin-right: 72px;
}
[platform='airstar'][mobile='false'] .official-website-list .list-item:nth-of-type(5n) {
margin-right: 0;
}
}
@media screen and (max-width: 1023px) {
[platform='mm'][mobile='false'] .official-website-list {
padding-right: 36px;
padding-left: 36px;
}
[platform='mm'][mobile='false'] .official-website-list .list-item {
width: calc((100% - 36px) / 2);
margin-right: 36px;
}
[platform='mm'][mobile='false'] .official-website-list .list-item:nth-of-type(2n) {
margin-right: 0;
}
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
[platform='mm'][mobile='false'] .official-website-list {
padding-right: 36px;
padding-left: 36px;
}
[platform='mm'][mobile='false'] .official-website-list .list-item {
width: calc((100% - 36px * 2) / 3);
margin-right: 36px;
}
[platform='mm'][mobile='false'] .official-website-list .list-item:nth-of-type(3n) {
margin-right: 0;
}
}
@media screen and (min-width: 1440px) and (max-width: 1679px) {
[platform='mm'][mobile='false'] .official-website-list {
margin-right: 36px;
margin-left: 36px;
}
[platform='mm'][mobile='false'] .official-website-list .list-item {
width: calc((100% - 72px * 2) / 3);
margin-right: 72px;
}
[platform='mm'][mobile='false'] .official-website-list .list-item:nth-of-type(3n) {
margin-right: 0;
}
}
@media screen and (min-width: 1680px) and (max-width: 1919px) {
[platform='mm'][mobile='false'] .official-website-list {
margin-right: 36px;
margin-left: 36px;
}
[platform='mm'][mobile='false'] .official-website-list .list-item {
width: calc((100% - 72px * 3) / 4);
margin-right: 72px;
}
[platform='mm'][mobile='false'] .official-website-list .list-item:nth-of-type(4n) {
margin-right: 0;
}
}
@media screen and (min-width: 1920px) and (max-width: 2539px) {
[platform='mm'][mobile='false'] .official-website-list {
margin-right: 36px;
margin-left: 36px;
}
[platform='mm'][mobile='false'] .official-website-list .list-item {
width: calc((100% - 72px * 3) / 4);
margin-right: 72px;
}
[platform='mm'][mobile='false'] .official-website-list .list-item:nth-of-type(4n) {
margin-right: 0;
}
}
@media screen and (min-width: 2540px) and (max-width: 2560px) {
[platform='mm'][mobile='false'] .official-website-list {
max-width: 2488px;
margin-right: 36px;
margin-left: 36px;
}
[platform='mm'][mobile='false'] .official-website-list .list-item {
width: calc((100% - 72px * 4) / 5);
margin-right: 72px;
}
[platform='mm'][mobile='false'] .official-website-list .list-item:nth-of-type(5n) {
margin-right: 0;
}
}
@media screen and (min-width: 2561px) {
[platform='mm'][mobile='false'] .official-website-list {
max-width: 2488px;
margin-right: auto;
margin-left: auto;
}
[platform='mm'][mobile='false'] .official-website-list .list-item {
width: calc((100% - 72px * 4) / 5);
margin-right: 72px;
}
[platform='mm'][mobile='false'] .official-website-list .list-item:nth-of-type(5n) {
margin-right: 0;
}
}
[mobile='true'] .official-website-list {
background: #fff;
}
[mobile='true'][platform='nn'] .nn-h5 .nn-header-margin {
height: 60px;
}
[mobile='true'][platform='mm'] .mm-cs-header .mm-cs-header-nav::after {
display: none;
}
body {
-webkit-tap-highlight-color: rgba(0000);
}
.headerTab[data-v-78072fe3] {
display: flex;
margin-top: 36px;
margin-bottom: 36px;
padding-bottom: 12px;
white-space: nowrap;
border-bottom: 1px solid #e3e4e5;
font-size: 0;
}
.headerTab[data-v-78072fe3]::-webkit-scrollbar {
display: none;
}
.headerTab a[data-v-78072fe3] {
margin-right: 36px;
text-decoration: none;
color: #0f1112;
font-size: 20px;
line-height: 28px;
}
.headerTab a.action[data-v-78072fe3] {
position: relative;
font-weight: 600;
}
.headerTab a.action[data-v-78072fe3]::after {
position: absolute;
right: 0;
bottom: -12px;
left: 0;
content: '';
border-bottom: 4px solid #0f1112;
}
html[mobile='true'] .headerTab[data-v-78072fe3] {
position: relative;
margin: 0;
padding: 12px 16px;
}
html[mobile='true'] .headerTab[data-v-78072fe3]::after {
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 1px;
content: '';
background: #ebeced;
}
html[mobile='true'] .headerTab a[data-v-78072fe3] {
height: 22px;
margin-right: 20px;
opacity: 1;
font-size: 16px;
line-height: 22px;
}
html[mobile='true'] .headerTab a.action[data-v-78072fe3] {
position: relative;
font-weight: 600;
}
html[mobile='true'] .headerTab a.action[data-v-78072fe3]::after {
z-index: 10;
bottom: -12px;
display: block;
border-bottom: 2px solid #0f1112;
}
@media screen and (max-width: 768px) {
.headerTab[data-v-78072fe3] {
overflow-x: scroll;
white-space: nowrap;
-ms-overflow-: none;
}
[mobile='true'] .headerTab[data-v-78072fe3] {
border-bottom: none;
}
}
.market-wrap[data-v-673c73e3] {
display: flex;
flex-wrap: wrap;
margin-top: 36px;
}
.market-item[data-v-673c73e3] {
position: relative;
margin-bottom: 36px;
cursor: pointer;
text-decoration: none;
font-size: 0;
}
.market-item > *[data-v-673c73e3] {
position: relative;
}
.market-item__header[data-v-673c73e3] {
position: relative;
width: 100%;
margin-bottom: 16px;
padding-top: calc(214 * 100% / 341);
}
@media screen and (min-width: 1241px) and (max-width: 1440px) {
.market-item__header[data-v-673c73e3] {
padding-top: calc(168 * 100% / 297);
}
}
@media screen and (max-width: 1240px) {
.market-item__header[data-v-673c73e3] {
padding-top: calc(201 * 100% / 355);
}
}
.market-item__header .header-img[data-v-673c73e3] {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 4px;
object-fit: cover;
}
.market-item__header .header-time[data-v-673c73e3] {
position: absolute;
right: 8px;
bottom: 8px;
display: flex;
align-items: center;
height: 20px;
padding: 4px 8px;
text-align: center;
color: #ebeced;
border-radius: 4px;
background: #2c2f33;
font-size: 16px;
font-weight: 500;
font-: normal;
line-height: 20px;
}
.market-item__header .header-play[data-v-673c73e3] {
display: none;
}
.market-item[data-v-673c73e3]:hover::before {
position: absolute;
content: '';
border-radius: 4px;
background: #f6f7f9;
top: -12px;
right: -12px;
bottom: -12px;
left: -12px;
}
.market-item:hover .market-item__header .header-time[data-v-673c73e3] {
display: none;
}
.market-item:hover .market-item__header .header-play[data-v-673c73e3] {
position: absolute;
right: 8px;
bottom: 8px;
display: block;
width: 70px;
height: 70px;
border-radius: 50%;
background: #2c2f33;
}
.market-item:hover .market-item__header .header-play__img[data-v-673c73e3] {
display: block;
width: 40.53px;
height: auto;
margin: 14.74px auto;
}
.market-item__title[data-v-673c73e3] {
margin: 0 0 8px;
color: #0f1112;
font-size: 18px;
font-weight: 500;
line-height: 26px;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.market-item__footer[data-v-673c73e3] {
display: flex;
align-items: center;
white-space: nowrap;
color: #909499;
font-size: 14px;
line-height: 22px;
}
.market-item__footer .footer-top[data-v-673c73e3] {
flex-shrink: 0;
margin-right: 8px;
color: #ea670c;
font-weight: 500;
}
.market-item__footer .footer-topic[data-v-673c73e3] {
flex-shrink: 1;
margin-right: 8px;
cursor: pointer;
color: #0358e1;
font-weight: 500;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.market-item__footer .footer-source[data-v-673c73e3] {
flex-shrink: 1;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.market-item__footer .footer-point[data-v-673c73e3] {
flex-shrink: 0;
margin: 0 4px;
}
.market-item__footer .footer-icon[data-v-673c73e3] {
flex-shrink: 0;
width: 12px;
height: 12px;
margin: 0 0 3px 4px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAlCAMAAAAdgrsPAAAANlBMVEUAAAC/v7/Dw8PExMTCwsLAwMDCwsLDw8PDw8O/v7/ExMTBwcHCwsLDw8PDw8PExMTDw8PDw8NnLv/tAAAAEXRSTlMAIO/f3zBgv0AQn4BQz6+QcIsrF8UAAADuSURBVDjLzZTNEoMgDIQJKj9WVN7/ZZstUDoE6KGX7kUTv1nCwqj+Q8bqqK2ZIbTEpMUNmU3Ht8yUsfuJh6Yxs+IbAbMzBvKB3/2MgZyYSjKKuHoMmFp3IGoYZbg+2gwrUxtNBnti3PHJ7M1qGgzmCNQzrvtNc4TC6K0xOnJyV9pSx8cnSEGWHRQJhq0v5bntyrqbuiQT48thIbim4Xwnn5SvzTmb4Vnc/JJzduOcjb3RgG83Z9Y4Z5IMGjJC0zDiYj8QSsNwLSGaMnW/EybHG/yEKccZTxKMuNjAdsCVkVMVVUbKrZlZ6aff0Xc9AZq6EsH9vsiDAAAAAElFTkSuQmCC) no-repeat;
background-size: contain;
}
.market-divider[data-v-673c73e3] {
display: none;
width: 100%;
height: 1px;
margin: 0 0 32px;
border: 0;
background: #e3e4e5;
}
@media screen and (max-width: 1023px) {
.market-item:nth-of-type(n + 3) .market-item__header[data-v-673c73e3] {
display: none;
}
.market-divider[data-v-673c73e3]:nth-of-type(1) {
display: block;
}
}
@media screen and (min-width: 1024px) and (max-width: 1679px) {
.market-item:nth-of-type(n + 4) .market-item__header[data-v-673c73e3] {
display: none;
}
.market-divider[data-v-673c73e3]:nth-of-type(2) {
display: block;
}
}
@media screen and (min-width: 1680px) and (max-width: 1919px) {
.market-item:nth-of-type(n + 5) .market-item__header[data-v-673c73e3] {
display: none;
}
.market-divider[data-v-673c73e3]:nth-of-type(3) {
display: block;
}
}
@media screen and (min-width: 1920px) and (max-width: 2540px) {
.market-item:nth-of-type(n + 5) .market-item__header[data-v-673c73e3] {
display: none;
}
.market-divider[data-v-673c73e3]:nth-of-type(3) {
display: block;
}
}
@media screen and (min-width: 2540px) {
.market-divider[data-v-673c73e3]:nth-of-type(4) {
display: block;
}
}
:root[theme='classic'] {
--loading-box-color: #0F1112;
--loading-box-bg: #FFFFFF;
--loading-box-border: 1px solid #0F1112;
}
:root[theme='white'] {
--loading-box-color: #0F1112;
--loading-box-bg: #FFFFFF;
--loading-box-border: 1px solid #0F1112;
}
:root[theme='black'] {
--loading-box-color: #EBECED;
--loading-box-bg: #121212;
--loading-box-border: 1px solid #EBECED;
}
.loading-box[data-v-3322e29a] {
display: flex;
align-items: center;
justify-content: center;
height: 36px;
margin: 0 0 72px;
}
.loading-box > button[data-v-3322e29a] {
display: flex;
align-items: center;
justify-content: center;
width: 208px;
height: 36px;
cursor: pointer;
color: var(--loading-box-color#0F1112);
border: var(--loading-box-border1px solid #0F1112);
border-radius: 18px;
background: var(--loading-box-bg#FFFFFF);
font-size: 16px;
line-height: 24px;
}
.loading-box .btn-type_primary[data-v-3322e29a] {
color: var(--news-platform-theme-color);
border: 1px solid var(--news-platform-theme-color);
}
.loading-box .btn-share_rect[data-v-3322e29a] {
border-radius: 8px;
}
.loading-box .btn-share_circle[data-v-3322e29a] {
border-radius: 18px;
}
@keyframes ui-loading-rotate-3322e29a {
0% {
transform: rotate(0deg);
}
50% {
transform: rotate(180deg);
}
100% {
transform: rotate(360deg);
}
}
.ui-loading-wrapper[data-v-3322e29a] {
height: 45px;
text-align: center;
line-height: 45px;
}
.ui-loading-wrapper .loading-text[data-v-3322e29a] {
display: inline-block;
margin-left: 6px;
color: #939393;
font-size: 12px;
}
.ui-loading-wrapper .ui-loading-icon[data-v-3322e29a] {
display: inline-block;
animation: ui-loading-rotate-3322e29a 1s linear infinite;
vertical-align: middle;
}
<> @font-face{font-family:"MiSans Semibold";font-display:swap;src:url(https://cdn.futustatic.com/webpackage/fonts/WebSemibold.woff2)} <>:root{--cs-site-font-regular: var(--web-font-family),PingFang SC,Microsoft YaHei,HelveticaNeue,Helvetica,sans-serif,-apple-system,system-ui;--cs-site-font-semi: MiSans Semibold,PingFangSC-Semibold,Microsoft YaHei Semibold,Microsoft YaHei Bold,Microsoft YaHei,HelveticaNeue-Bold,Helvetica-Bold,sans-serif,-apple-system,system-ui;--cs-site-font-bold: MiSans Semibold,PingFangSC-Semibold,Microsoft YaHei Semibold,Microsoft YaHei Bold,Microsoft YaHei,HelveticaNeue-Bold,Helvetica-Bold,sans-serif,-apple-system,system-ui;--cs-site-font-br-regular:"BR Hendrix","PingFangSC","PingFangHK","HelveticaNeue",sans-serif,Arial;--cs-site-font-br-semi:"BRHendrix-SemiBold","PingFangSC","PingFangHK","HelveticaNeue",sans-serif,Arial;--cs-site-font-br-bold:"BRHendrix-Bold","PingFangSC","PingFangHK","HelveticaNeue",sans-serif,Arial;--cs-site-font-hans-regular: var(--web-font-family)MiSans Simple,PingFang SC,Microsoft YaHei,HelveticaNeue,Helvetica,sans-serif,-apple-system,system-ui;--cs-site-font-hans-semi: MiSans Semibold,PingFangSC-Semibold,Microsoft YaHei Semibold,Microsoft YaHei Bold,Microsoft YaHei,HelveticaNeue-Bold,Helvetica-Bold,sans-serif,-apple-system,system-ui;--cs-site-font-hans-bold: MiSans Semibold,PingFangSC-Semibold,Microsoft YaHei Semibold,Microsoft YaHei Bold,Microsoft YaHei,HelveticaNeue-Bold,Helvetica-Bold,sans-serif,-apple-system,system-ui;--cs-site-font-hant-regular: var(--web-font-family)MiSans Simple,PingFang HK,Microsoft YaHei,HelveticaNeue,Helvetica,sans-serif,-apple-system,system-ui;--cs-site-font-hant-semi: MiSans Semibold,PingFangHK-Semibold,Microsoft YaHei Semibold,Microsoft YaHei Bold,Microsoft YaHei,HelveticaNeue-Bold,Helvetica-Bold,sans-serif,-apple-system,system-ui;--cs-site-font-hant-bold: MiSans Semibold,PingFangHK-Semibold,Microsoft YaHei Semibold,Microsoft YaHei Bold,Microsoft YaHei,HelveticaNeue-Bold,Helvetica-Bold,sans-serif,-apple-system,system-ui;--cs-site-font-en-regular: var(--desktop-font-familyvar(--mobile-font-familyvar(--web-font-familyMiSans Simple,HelveticaNeue,Helvetica,sans-serif,-apple-system,system-ui)));--cs-site-font-en-semi: MiSans Semibold,HelveticaNeue-Bold,Helvetica-Bold,sans-serif,-apple-system,system-ui;--cs-site-font-en-bold: MiSans Semibold,HelveticaNeue-Bold,Helvetica-Bold,sans-serif,-apple-system,system-ui;--cs-site-font-ja: var(--web-font-family)MiSans Simple,Hiragino Kaku Gothic ProN,Hiragino Sans,HelveticaNeue,sans-serif,Arial,Meiryo;--cs-site-font-ja-regular: var(--web-font-family)MiSans Simple,Hiragino Kaku Gothic ProN,Hiragino Sans,HelveticaNeue,sans-serif,Arial,Meiryo;--cs-site-font-ja-semi: var(--web-font-family)MiSans Simple,Hiragino Kaku Gothic ProN,Hiragino Sans,HelveticaNeue,sans-serif,Arial,Meiryo;--cs-site-font-ja-bold: var(--web-font-family)MiSans Simple,Hiragino Kaku Gothic ProN,Hiragino Sans,HelveticaNeue,sans-serif,Arial,Meiryo} body{--ui-font-family:var(--desktop-font-familyvar(--mobile-font-familyvar(--web-font-familyvar(--cs-site-font-regular))))}
加载中。。。
