body {
	--weui-FG-main: #800000;
	--weui-FG-mainlight: #C47373;
	--weui-FG-mainlight1: #ff9898;
	--weui-FG-mainlight2: #f8c9c9;
	--weui-FG-maindark: #9E7272;
	--weui-icon-1: #7375FF;
	--weui-icon-2: #C073FF;
	--weui-icon-3: #FF9873;
	--weui-icon-4: #FF7573;
	--weui-icon-5: #FF59C2;
	--weui-icon-6: #595FFF;
	--weui-icon-7: #BD4040;
	--weui-icon-8: #FFAA21;
	--weui-searchButton: #DBBABA;
	--weui-littleButton: #D49B9B;
	--weui-icon1-1: #4B99FA;
	--weui-icon1-2: #B264F2;
	--weui-icon1-3: #F27B50;
	--weui-icon1-4: #12E678;
	--weui-icon1-5: #E3D620;
	--weui-icon1-6: #E86260;
	--weui-icon1-7: #43C0E6;
	--weui-icon1-8: #F573BD;
	--weui-icon1-9: #605EEB;
	--weui-icon1-10: #E05C5C;
	--weui-icon1-11: #E8A841;
	--weui-icon1-12: #9DE60C;

	--weui-icon2-1: #6681D1;
	--weui-icon2-2: #AD7DD4;
	--weui-icon2-3: #D48A6F;
	--weui-icon2-4: #60BD78;
	--weui-icon2-5: #D9C95F;
	--weui-icon2-6: #D67775;
	--weui-icon2-7: #63B7C2;
	--weui-icon2-8: #D674A2;
	--weui-icon2-9: #6F70BF;
	--weui-icon2-10: #BA6C6C;
	--weui-icon2-11: #CFAA5F;
	--weui-icon2-12: #96C451;
}

/* 图标背景 */
.icon1 {
	background-color: var(--weui-icon-1);
}

.icon2 {
	background-color: var(--weui-icon-2);
}

.icon3 {
	background-color: var(--weui-icon-3);
}

.icon4 {
	background-color: var(--weui-icon-4);
}

.icon5 {
	background-color: var(--weui-icon-5);
}

.icon6 {
	background-color: var(--weui-icon-6);
}

.icon7 {
	background-color: var(--weui-icon-7);
}

.icon8 {
	background-color: var(--weui-icon-8);
}

.new-icon1 {
	background-color: var(--weui-icon1-1);
}

.new-icon2 {
	background-color: var(--weui-icon1-2);
}

.new-icon3 {
	background-color: var(--weui-icon1-3);
}

.new-icon4 {
	background-color: var(--weui-icon1-4);
}

.new-icon5 {
	background-color: var(--weui-icon1-5);
}

.new-icon6 {
	background-color: var(--weui-icon1-6);
}

.new-icon7 {
	background-color: var(--weui-icon1-7);
}

.new-icon8 {
	background-color: var(--weui-icon1-8);
}

.new-icon9 {
	background-color: var(--weui-icon1-9);
}

.new-icon10 {
	background-color: var(--weui-icon1-10);
}

.new-icon11 {
	background-color: var(--weui-icon1-11);
}

.new-icon12 {
	background-color: var(--weui-icon1-12);
}

.new-icon1-dark {
	background-color: var(--weui-icon2-1);
}

.new-icon2-dark {
	background-color: var(--weui-icon2-2);
}

.new-icon3-dark {
	background-color: var(--weui-icon2-3);
}

.new-icon4-dark {
	background-color: var(--weui-icon2-4);
}

.new-icon5-dark {
	background-color: var(--weui-icon2-5);
}

.new-icon6-dark {
	background-color: var(--weui-icon2-6);
}

.new-icon7-dark {
	background-color: var(--weui-icon2-7);
}

.new-icon8-dark {
	background-color: var(--weui-icon2-8);
}

.new-icon9-dark {
	background-color: var(--weui-icon2-9);
}

.new-icon10-dark {
	background-color: var(--weui-icon2-10);
}

.new-icon11-dark {
	background-color: var(--weui-icon2-11);
}

.new-icon12-dark {
	background-color: var(--weui-icon2-12);
}

/* 48图标 */
.icon_40pxicon1 {
	background: url(../images/new_icon/icon_1.png);
	background-size: 100% 100%;
}

.icon_40pxicon2 {
	background: url(../images/new_icon/icon_2.png);
	background-size: 100% 100%;
}

.icon_40pxicon3 {
	background: url(../images/new_icon/icon_3.png);
	background-size: 100% 100%;
}

.icon_40pxicon4 {
	background: url(../images/new_icon/icon_4.png);
	background-size: 100% 100%;
}

.icon_40pxicon5 {
	background: url(../images/new_icon/icon_5.png);
	background-size: 100% 100%;
}

.icon_40pxicon6 {
	background: url(../images/new_icon/icon_6.png);
	background-size: 100% 100%;
}

.icon_40pxicon7 {
	background: url(../images/new_icon/icon_7.png);
	background-size: 100% 100%;
}

.icon_40pxicon8 {
	background: url(../images/new_icon/icon_8.png);
	background-size: 100% 100%;
}

.icon_40pxicon9 {
	background: url(../images/new_icon/icon_9.png);
	background-size: 100% 100%;
}

.icon_40pxicon10 {
	background: url(../images/new_icon/icon_10.png);
	background-size: 100% 100%;
}

.icon_40pxicon11 {
	background: url(../images/new_icon/icon_11.png);
	background-size: 100% 100%;
}

.icon_40pxicon12 {
	background: url(../images/new_icon/icon_12.png);
	background-size: 100% 100%;
}

.icon_40pxicon13 {
	background: url(../images/new_icon/icon_13.png);
	background-size: 100% 100%;
}

.icon_40pxicon14 {
	background: url(../images/new_icon/icon_14.png);
	background-size: 100% 100%;
}

.icon_40pxicon15 {
	background: url(../images/new_icon/icon_15.png);
	background-size: 100% 100%;
}

.icon_40pxicon16 {
	background: url(../images/new_icon/icon_16.png);
	background-size: 100% 100%;
}

.icon_40pxicon17 {
	background: url(../images/new_icon/icon_17.png);
	background-size: 100% 100%;
}

.icon_40pxicon18 {
	background: url(../images/new_icon/icon_18.png);
	background-size: 100% 100%;
}

.icon_40pxicon19 {
	background: url(../images/new_icon/icon_19.png);
	background-size: 100% 100%;
}

.icon_40pxicon20 {
	background: url(../images/new_icon/icon_20.png);
	background-size: 100% 100%;
}

.icon_40pxicon21 {
	background: url(../images/new_icon/icon_21.png);
	background-size: 100% 100%;
}

.icon_40pxicon22 {
	background: url(../images/new_icon/icon_22.png);
	background-size: 100% 100%;
}

.icon_40pxicon23 {
	background: url(../images/new_icon/icon_23.png);
	background-size: 100% 100%;
}

.icon_40pxicon24 {
	background: url(../images/new_icon/icon_24.png);
	background-size: 100% 100%;
}

.icon_40pxicon25 {
	background: url(../images/new_icon/icon_25.png);
	background-size: 100% 100%;
}

.icon_40pxicon26 {
	background: url(../images/new_icon/icon_26.png);
	background-size: 100% 100%;
}

.icon_40pxicon27 {
	background: url(../images/new_icon/icon_27.png);
	background-size: 100% 100%;
}

.icon_40pxicon28 {
	background: url(../images/new_icon/icon_28.png);
	background-size: 100% 100%;
}

.icon_40pxicon29 {
	background: url(../images/new_icon/icon_29.png);
	background-size: 100% 100%;
}

.icon_40pxicon30 {
	background: url(../images/new_icon/icon_30.png);
	background-size: 100% 100%;
}

.icon_40pxicon31 {
	background: url(../images/new_icon/icon_31.png);
	background-size: 100% 100%;
}

.icon_40pxicon32 {
	background: url(../images/new_icon/icon_32.png);
	background-size: 100% 100%;
}

.icon_40pxicon33 {
	background: url(../images/new_icon/icon_33.png);
	background-size: 100% 100%;
}

.icon_40pxicon34 {
	background: url(../images/new_icon/icon_34.png);
	background-size: 100% 100%;
}

.icon_40pxicon35 {
	background: url(../images/new_icon/icon_35.png);
	background-size: 100% 100%;
}

.icon_40pxicon36 {
	background: url(../images/new_icon/icon_36.png);
	background-size: 100% 100%;
}

.icon_40pxicon37 {
	background: url(../images/new_icon/icon_37.png);
	background-size: 100% 100%;
}

.icon_40pxicon38 {
	background: url(../images/new_icon/icon_38.png);
	background-size: 100% 100%;
}

.icon_40pxicon39 {
	background: url(../images/new_icon/icon_39.png);
	background-size: 100% 100%;
}

.icon_40pxicon40 {
	background: url(../images/new_icon/icon_40.png);
	background-size: 100% 100%;
}

.icon_40pxicon41 {
	background: url(../images/new_icon/icon_41.png);
	background-size: 100% 100%;
}

.icon_40pxicon42 {
	background: url(../images/new_icon/icon_42.png);
	background-size: 100% 100%;
}

.icon_40pxicon43 {
	background: url(../images/new_icon/icon_43.png);
	background-size: 100% 100%;
}

.icon_40pxicon44 {
	background: url(../images/new_icon/icon_44.png);
	background-size: 100% 100%;
}

.icon_40pxicon45 {
	background: url(../images/new_icon/icon_45.png);
	background-size: 100% 100%;
}

.icon_40pxicon46 {
	background: url(../images/new_icon/icon_46.png);
	background-size: 100% 100%;
}

.icon_40pxicon47 {
	background: url(../images/new_icon/icon_47.png);
	background-size: 100% 100%;
}

.icon_40pxicon48 {
	background: url(../images/new_icon/icon_48.png);
	background-size: 100% 100%;
}

.icon_40pxicon49 {
	background: url(../images/new_icon/icon_49.png);
	background-size: 100% 100%;
}

.icon_40pxicon50 {
	background: url(../images/new_icon/icon_50.png);
	background-size: 100% 100%;
}

.icon_40pxicon51 {
	background: url(../images/new_icon/icon_51.png);
	background-size: 100% 100%;
}

.icon_40pxicon52 {
	background: url(../images/new_icon/icon_52.png);
	background-size: 100% 100%;
}

.icon_40pxicon53 {
	background: url(../images/new_icon/icon_53.png);
	background-size: 100% 100%;
}

.icon_40pxicon54 {
	background: url(../images/new_icon/icon_54.png);
	background-size: 100% 100%;
}

.icon_40pxicon55 {
	background: url(../images/new_icon/icon_55.png);
	background-size: 100% 100%;
}

.icon_40pxicon56 {
	background: url(../images/new_icon/icon_56.png);
	background-size: 100% 100%;
}

.icon_40pxicon57 {
	background: url(../images/new_icon/icon_57.png);
	background-size: 100% 100%;
}

.icon_40pxicon58 {
	background: url(../images/new_icon/icon_58.png);
	background-size: 100% 100%;
}

.icon_40pxicon59 {
	background: url(../images/new_icon/icon_59.png);
	background-size: 100% 100%;
}

.icon_40pxicon60 {
	background: url(../images/new_icon/icon_60.png);
	background-size: 100% 100%;
}

.icon_40pxicon61 {
	background: url(../images/new_icon/icon_61.png);
	background-size: 100% 100%;
}

.icon_40pxicon62 {
	background: url(../images/new_icon/icon_62.png);
	background-size: 100% 100%;
}

.icon_40pxicon63 {
	background: url(../images/new_icon/icon_63.png);
	background-size: 100% 100%;
}

.icon_40pxicon64 {
	background: url(../images/new_icon/icon_64.png);
	background-size: 100% 100%;
}

.icon_40pxicon65 {
	background: url(../images/new_icon/icon_65.png);
	background-size: 100% 100%;
}

.icon_40pxicon66 {
	background: url(../images/new_icon/icon_66.png);
	background-size: 100% 100%;
}

.icon_40pxicon67 {
	background: url(../images/new_icon/icon_67.png);
	background-size: 100% 100%;
}

.icon_40pxicon68 {
	background: url(../images/new_icon/icon_68.png);
	background-size: 100% 100%;
}

.icon_40pxicon69 {
	background: url(../images/new_icon/icon_69.png);
	background-size: 100% 100%;
}

.icon_40pxicon70 {
	background: url(../images/new_icon/icon_70.png);
	background-size: 100% 100%;
}

.icon_40pxicon71 {
	background: url(../images/new_icon/icon_71.png);
	background-size: 100% 100%;
}

.icon_40pxicon72 {
	background: url(../images/new_icon/icon_72.png);
	background-size: 100% 100%;
}

.icon_40pxicon73 {
	background: url(../images/new_icon/icon_73.png);
	background-size: 100% 100%;
}

.icon_40pxicon74 {
	background: url(../images/new_icon/icon_74.png);
	background-size: 100% 100%;
}

.icon_40pxicon75 {
	background: url(../images/new_icon/icon_75.png);
	background-size: 100% 100%;
}

.icon_40pxicon76 {
	background: url(../images/new_icon/icon_76.png);
	background-size: 100% 100%;
}

.icon_40pxicon77 {
	background: url(../images/new_icon/icon_77.png);
	background-size: 100% 100%;
}

.icon_40pxicon78 {
	background: url(../images/new_icon/icon_78.png);
	background-size: 100% 100%;
}

.icon_40pxicon79 {
	background: url(../images/new_icon/icon_79.png);
	background-size: 100% 100%;
}

.icon_40pxicon80 {
	background: url(../images/new_icon/icon_80.png);
	background-size: 100% 100%;
}

.icon_40pxicon81 {
	background: url(../images/new_icon/icon_81.png);
	background-size: 100% 100%;
}

.icon_40pxicon82 {
	background: url(../images/new_icon/icon_82.png);
	background-size: 100% 100%;
}

.icon_40pxicon83 {
	background: url(../images/new_icon/icon_83.png);
	background-size: 100% 100%;
}

.icon_40pxicon84 {
	background: url(../images/new_icon/icon_84.png);
	background-size: 100% 100%;
}

.icon_40pxicon85 {
	background: url(../images/new_icon/icon_85.png);
	background-size: 100% 100%;
}

.icon_40pxicon86 {
	background: url(../images/new_icon/icon_86.png);
	background-size: 100% 100%;
}

.icon_40pxicon87 {
	background: url(../images/new_icon/icon_87.png);
	background-size: 100% 100%;
}

.icon_40pxicon88 {
	background: url(../images/new_icon/icon_88.png);
	background-size: 100% 100%;
}

.icon_40pxicon89 {
	background: url(../images/new_icon/icon_89.png);
	background-size: 100% 100%;
}

.icon_40pxicon90 {
	background: url(../images/new_icon/icon_90.png);
	background-size: 100% 100%;
}

.icon_40pxicon91 {
	background: url(../images/new_icon/icon_91.png);
	background-size: 100% 100%;
}

.icon_40pxicon92 {
	background: url(../images/new_icon/icon_92.png);
	background-size: 100% 100%;
}

.icon_40pxicon93 {
	background: url(../images/new_icon/icon_93.png);
	background-size: 100% 100%;
}

.icon_40pxicon94 {
	background: url(../images/new_icon/icon_94.png);
	background-size: 100% 100%;
}

.icon_40pxicon95 {
	background: url(../images/new_icon/icon_95.png);
	background-size: 100% 100%;
}

.icon_40pxicon96 {
	background: url(../images/new_icon/icon_96.png);
	background-size: 100% 100%;
}

.icon_40pxicon97 {
	background: url(../images/new_icon/icon_97.png);
	background-size: 100% 100%;
}

.icon_40pxicon98 {
	background: url(../images/new_icon/icon_98.png);
	background-size: 100% 100%;
}

.icon_40pxicon99 {
	background: url(../images/new_icon/icon_99.png);
	background-size: 100% 100%;
}

.icon_40pxicon100 {
	background: url(../images/new_icon/icon_100.png);
	background-size: 100% 100%;
}

.icon_40pxicon101 {
	background: url(../images/new_icon/icon_101.png);
	background-size: 100% 100%;
}

.icon_40pxicon102 {
	background: url(../images/new_icon/icon_102.png);
	background-size: 100% 100%;
}

.icon_40pxicon103 {
	background: url(../images/new_icon/icon_103.png);
	background-size: 100% 100%;
}

.icon_40pxicon104 {
	background: url(../images/new_icon/icon_104.png);
	background-size: 100% 100%;
}

.icon_40pxicon105 {
	background: url(../images/new_icon/icon_105.png);
	background-size: 100% 100%;
}

.icon_40pxicon106 {
	background: url(../images/new_icon/icon_106.png);
	background-size: 100% 100%;
}

.icon_40pxicon107 {
	background: url(../images/new_icon/icon_107.png);
	background-size: 100% 100%;
}

.icon_40pxicon108 {
	background: url(../images/new_icon/icon_108.png);
	background-size: 100% 100%;
}

.icon_40pxicon109 {
	background: url(../images/new_icon/icon_109.png);
	background-size: 100% 100%;
}

.icon_40pxicon110 {
	background: url(../images/new_icon/icon_110.png);
	background-size: 100% 100%;
}

.icon_40pxicon111 {
	background: url(../images/new_icon/icon_111.png);
	background-size: 100% 100%;
}

.icon_40pxicon112 {
	background: url(../images/new_icon/icon_112.png);
	background-size: 100% 100%;
}

.icon_40pxicon113 {
	background: url(../images/new_icon/icon_113.png);
	background-size: 100% 100%;
}

.icon_40pxicon114 {
	background: url(../images/new_icon/icon_114.png);
	background-size: 100% 100%;
}

.icon_40pxicon115 {
	background: url(../images/new_icon/icon_115.png);
	background-size: 100% 100%;
}

.icon_40pxicon116 {
	background: url(../images/new_icon/icon_116.png);
	background-size: 100% 100%;
}

.icon_40pxicon117 {
	background: url(../images/new_icon/icon_117.png);
	background-size: 100% 100%;
}

.icon_40pxicon118 {
	background: url(../images/new_icon/icon_118.png);
	background-size: 100% 100%;
}

.icon_40pxicon119 {
	background: url(../images/new_icon/icon_119.png);
	background-size: 100% 100%;
}

.icon_40pxicon120 {
	background: url(../images/new_icon/icon_120.png);
	background-size: 100% 100%;
}

.icon_40pxicon121 {
	background: url(../images/new_icon/icon_121.png);
	background-size: 100% 100%;
}

.icon_40pxicon122 {
	background: url(../images/new_icon/icon_122.png);
	background-size: 100% 100%;
}

.icon_40pxicon123 {
	background: url(../images/new_icon/icon_123.png);
	background-size: 100% 100%;
}

.icon_40pxicon124 {
	background: url(../images/new_icon/icon_124.png);
	background-size: 100% 100%;
}

.icon_40pxicon125 {
	background: url(../images/new_icon/icon_125.png);
	background-size: 100% 100%;
}

.icon_40pxicon126 {
	background: url(../images/new_icon/icon_126.png);
	background-size: 100% 100%;
}

.icon_40pxicon127 {
	background: url(../images/new_icon/icon_127.png);
	background-size: 100% 100%;
}

.icon_40pxicon128 {
	background: url(../images/new_icon/icon_128.png);
	background-size: 100% 100%;
}

.icon_40pxicon129 {
	background: url(../images/new_icon/icon_129.png);
	background-size: 100% 100%;
}

.icon_40pxicon130 {
	background: url(../images/new_icon/icon_130.png);
	background-size: 100% 100%;
}

.icon_40pxicon131 {
	background: url(../images/new_icon/icon_131.png);
	background-size: 100% 100%;
}

.icon_40pxicon132 {
	background: url(../images/new_icon/icon_132.png);
	background-size: 100% 100%;
}

.icon_40pxicon133 {
	background: url(../images/new_icon/icon_133.png);
	background-size: 100% 100%;
}

.icon_40pxicon134 {
	background: url(../images/new_icon/icon_134.png);
	background-size: 100% 100%;
}

.icon_40pxicon135 {
	background: url(../images/new_icon/icon_135.png);
	background-size: 100% 100%;
}

.icon_40pxicon136 {
	background: url(../images/new_icon/icon_136.png);
	background-size: 100% 100%;
}

.icon_40pxicon137 {
	background: url(../images/new_icon/icon_137.png);
	background-size: 100% 100%;
}

.icon_40pxicon138 {
	background: url(../images/new_icon/icon_138.png);
	background-size: 100% 100%;
}

.icon_40pxicon139 {
	background: url(../images/new_icon/icon_139.png);
	background-size: 100% 100%;
}

.icon_40pxicon140 {
	background: url(../images/new_icon/icon_140.png);
	background-size: 100% 100%;
}

.icon_40pxicon141 {
	background: url(../images/new_icon/icon_141.png);
	background-size: 100% 100%;
}

.icon_40pxicon142 {
	background: url(../images/new_icon/icon_142.png);
	background-size: 100% 100%;
}

.icon_40pxicon143 {
	background: url(../images/new_icon/icon_143.png);
	background-size: 100% 100%;
}

.icon_40pxicon144 {
	background: url(../images/new_icon/icon_144.png);
	background-size: 100% 100%;
}

.icon_40pxicon145 {
	background: url(../images/new_icon/icon_145.png);
	background-size: 100% 100%;
}

.icon_40pxicon146 {
	background: url(../images/new_icon/icon_146.png);
	background-size: 100% 100%;
}

.icon_40pxicon147 {
	background: url(../images/new_icon/icon_147.png);
	background-size: 100% 100%;
}

.icon_40pxicon148 {
	background: url(../images/new_icon/icon_148.png);
	background-size: 100% 100%;
}

.icon_40pxicon149 {
	background: url(../images/new_icon/icon_149.png);
	background-size: 100% 100%;
}

.icon_40pxicon150 {
	background: url(../images/new_icon/icon_150.png);
	background-size: 100% 100%;
}

.icon_40pxicon151 {
	background: url(../images/new_icon/icon_151.png);
	background-size: 100% 100%;
}

.icon_40pxicon152 {
	background: url(../images/new_icon/icon_152.png);
	background-size: 100% 100%;
}

.icon_40pxicon153 {
	background: url(../images/new_icon/icon_153.png);
	background-size: 100% 100%;
}

.icon_40pxicon154 {
	background: url(../images/new_icon/icon_154.png);
	background-size: 100% 100%;
}

.icon_40pxicon155 {
	background: url(../images/new_icon/icon_155.png);
	background-size: 100% 100%;
}

.icon_40pxicon156 {
	background: url(../images/new_icon/icon_156.png);
	background-size: 100% 100%;
}

.icon_40pxicon157 {
	background: url(../images/new_icon/icon_157.png);
	background-size: 100% 100%;
}

.icon_40pxicon158 {
	background: url(../images/new_icon/icon_158.png);
	background-size: 100% 100%;
}

.icon_40pxicon159 {
	background: url(../images/new_icon/icon_159.png);
	background-size: 100% 100%;
}

.icon_40pxicon160 {
	background: url(../images/new_icon/icon_160.png);
	background-size: 100% 100%;
}

.icon_40pxicon161 {
	background: url(../images/new_icon/icon_161.png);
	background-size: 100% 100%;
}

.icon_40pxicon162 {
	background: url(../images/new_icon/icon_162.png);
	background-size: 100% 100%;
}

.icon_40pxicon163 {
	background: url(../images/new_icon/icon_163.png);
	background-size: 100% 100%;
}

.icon_40pxicon164 {
	background: url(../images/new_icon/icon_164.png);
	background-size: 100% 100%;
}

.icon_40pxicon165 {
	background: url(../images/new_icon/icon_165.png);
	background-size: 100% 100%;
}

.icon_40pxicon166 {
	background: url(../images/new_icon/icon_166.png);
	background-size: 100% 100%;
}

.icon_40pxicon167 {
	background: url(../images/new_icon/icon_167.png);
	background-size: 100% 100%;
}

.icon_40pxicon168 {
	background: url(../images/new_icon/icon_168.png);
	background-size: 100% 100%;
}

.icon_40pxicon169 {
	background: url(../images/new_icon/icon_169.png);
	background-size: 100% 100%;
}

.icon_40pxicon170 {
	background: url(../images/new_icon/icon_170.png);
	background-size: 100% 100%;
}

.icon_40pxicon171 {
	background: url(../images/new_icon/icon_171.png);
	background-size: 100% 100%;
}

.icon_40pxicon172 {
	background: url(../images/new_icon/icon_172.png);
	background-size: 100% 100%;
}

.icon_40pxicon173 {
	background: url(../images/new_icon/icon_173.png);
	background-size: 100% 100%;
}

.icon_40pxicon174 {
	background: url(../images/new_icon/icon_174.png);
	background-size: 100% 100%;
}

.icon_40pxicon175 {
	background: url(../images/new_icon/icon_175.png);
	background-size: 100% 100%;
}

.icon_40pxicon176 {
	background: url(../images/new_icon/icon_176.png);
	background-size: 100% 100%;
}

.icon_40pxicon177 {
	background: url(../images/new_icon/icon_177.png);
	background-size: 100% 100%;
}

.icon_40pxicon178 {
	background: url(../images/new_icon/icon_178.png);
	background-size: 100% 100%;
}

.icon_40pxicon179 {
	background: url(../images/new_icon/icon_179.png);
	background-size: 100% 100%;
}

.icon_40pxicon180 {
	background: url(../images/new_icon/icon_180.png);
	background-size: 100% 100%;
}

.icon_40pxicon181 {
	background: url(../images/new_icon/icon_181.png);
	background-size: 100% 100%;
}

.icon_40pxicon182 {
	background: url(../images/new_icon/icon_182.png);
	background-size: 100% 100%;
}

.icon_40pxicon183 {
	background: url(../images/new_icon/icon_183.png);
	background-size: 100% 100%;
}

.icon_40pxicon184 {
	background: url(../images/new_icon/icon_184.png);
	background-size: 100% 100%;
}

.icon_40pxicon185 {
	background: url(../images/new_icon/icon_185.png);
	background-size: 100% 100%;
}

.icon_40pxicon186 {
	background: url(../images/new_icon/icon_186.png);
	background-size: 100% 100%;
}

.icon_40pxicon187 {
	background: url(../images/new_icon/icon_187.png);
	background-size: 100% 100%;
}

.icon_40pxicon188 {
	background: url(../images/new_icon/icon_188.png);
	background-size: 100% 100%;
}

.icon_40pxicon189 {
	background: url(../images/new_icon/icon_189.png);
	background-size: 100% 100%;
}

.icon_40pxicon190 {
	background: url(../images/new_icon/icon_190.png);
	background-size: 100% 100%;
}

.icon_40pxicon191 {
	background: url(../images/new_icon/icon_191.png);
	background-size: 100% 100%;
}

.icon_40pxicon192 {
	background: url(../images/new_icon/icon_192.png);
	background-size: 100% 100%;
}

.icon_40pxicon193 {
	background: url(../images/new_icon/icon_193.png);
	background-size: 100% 100%;
}

.icon_40pxicon194 {
	background: url(../images/new_icon/icon_194.png);
	background-size: 100% 100%;
}

.icon_40pxicon195 {
	background: url(../images/new_icon/icon_195.png);
	background-size: 100% 100%;
}

.icon_40pxicon196 {
	background: url(../images/new_icon/icon_196.png);
	background-size: 100% 100%;
}

.icon_40pxicon197 {
	background: url(../images/new_icon/icon_197.png);
	background-size: 100% 100%;
}

.icon_40pxicon198 {
	background: url(../images/new_icon/icon_198.png);
	background-size: 100% 100%;
}

.icon_40pxicon199 {
	background: url(../images/new_icon/icon_199.png);
	background-size: 100% 100%;
}

.icon_40pxicon200 {
	background: url(../images/new_icon/icon_200.png);
	background-size: 100% 100%;
}

/* 背景颜色 */
.bg-main {
	background-color: var(--weui-FG-main) !important;
}

.bg-mainlight {
	background-color: var(--weui-FG-mainlight) !important;
}

.bg-mainlight2 {
	background-color: var(--weui-FG-mainlight2) !important;
}

.bg-maindark {
	background-color: var(--weui-FG-maindark) !important;
}

.bg-white {
	background-color: white !important;
}

.bg-black {
	background-color: black !important;
}

.bg-red {
	background-color: red !important;
}

.bg-red1 {
	background-color: #BD0000 !important;
}

.bg-darkred {
	background-color: darkred !important;
}

.bg-green {
	background-color: green !important;
}

.bg-limegreen {
	background-color: limegreen !important;
}

.bg-blue {
	background-color: blue !important;
}

.bg-royalblue {
	background-color: royalblue !important;
}

.bg-dodgerblue {
	background-color: dodgerblue !important;
}

.bg-orange {
	background-color: orange !important;
}

.bg-darkorange {
	background-color: darkorange !important;
}

.bg-gainsboro {
	background-color: gainsboro !important;
}

.bg-gray {
	background-color: gray !important;
}

.bg-darkgray {
	background-color: darkgray !important;
}

.bg-lightgray {
	background-color: lightgray !important;
}

/* 字体颜色 */
.c-main {
	color: var(--weui-FG-main) !important;
}

.c-mainlight {
	color: var(--weui-FG-mainlight) !important;
}

.c-mainlight2 {
	color: var(--weui-FG-mainlight2) !important;
}

.c-maindark {
	color: var(--weui-FG-maindark) !important;
}

.c-white {
	color: white !important;
}

.c-black {
	color: black !important;
}

.c-red {
	color: red !important;
}

.c-red1 {
	color: #BD0000 !important;
}

.c-darkred {
	color: darkred !important;
}

.c-green {
	color: green !important;
}

.c-limegreen {
	color: limegreen !important;
}

.c-blue {
	color: blue !important;
}

.c-royalblue {
	color: royalblue !important;
}

.c-dodgerblue {
	color: dodgerblue !important;
}

.c-orange {
	color: orange !important;
}

.c-darkorange {
	color: darkorange !important;
}

.c-gainsboro {
	color: gainsboro !important;
}

.c-gray {
	color: gray !important;
}

.c-darkgray {
	color: darkgray !important;
}

.c-lightgray {
	color: lightgray !important;
}

/* 边框颜色 */
.border-main {
	border-color: var(--weui-FG-main) !important;
}

.border-mainlight {
	border-color: var(--weui-FG-mainlight) !important;
}

.border-mainlight2 {
	border-color: var(--weui-FG-mainlight2) !important;
}

.border-maindark {
	border-color: var(--weui-FG-maindark) !important;
}

.border-white {
	border-color: white !important;
}

.border-black {
	border-color: black !important;
}

.border-red {
	border-color: red !important;
}

.border-red1 {
	border-color: #BD0000 !important;
}

.border-darkred {
	border-color: darkred !important;
}

.border-green {
	border-color: green !important;
}

.border-limegreen {
	border-color: limegreen !important;
}

.border-blue {
	border-color: blue !important;
}

.border-royalblue {
	border-color: royalblue !important;
}

.border-dodgerblue {
	border-color: dodgerblue !important;
}

.border-orange {
	border-color: orange !important;
}

.border-darkorange {
	border-color: darkorange !important;
}

.border-gainsboro {
	border-color: gainsboro !important;
}

.border-gray {
	border-color: gray !important;
}

.border-darkgray {
	border-color: darkgray !important;
}

.border-lightgray {
	border-color: lightgray !important;
}

/* 字号 */
.c-10px {
	font-size: 10px !important;
}

.c-11px {
	font-size: 11px !important;
}

0 .c-12px {
	font-size: 12px !important;
}

.c-13px {
	font-size: 13px !important;
}

.c-14px {
	font-size: 14px !important;
}

.c-15px {
	font-size: 15px !important;
}

.c-16px {
	font-size: 16px !important;
}

.c-17px {
	font-size: 17px !important;
}

.c-18px {
	font-size: 18px !important;
}

.c-19px {
	font-size: 19px !important;
}

.c-20px {
	font-size: 20px !important;
}

/* 阴影样式 */
.box-shadow1 {
	box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.5) !important;
}

.box-shadow2 {
	box-shadow: 1px 1px 3px gainsboro !important;
}

/* 圆形图标圆角样式 */
.round-circle {
	border-radius: 50% !important;
}

.round-0 {
	border-radius: 0 !important;
}

.round-1 {
	border-radius: 0.25rem !important;
}

.round-2 {
	border-radius: 0.5rem !important;
}

.round-3 {
	border-radius: 0.75rem !important;
}

.round-4 {
	border-radius: 1rem !important;
}

.round-5 {
	border-radius: 1.25rem !important;
}

.round-6 {
	border-radius: 1.5rem !important;
}

.navbar-corner {
	position: absolute;
	top: 50%;
	right: 50%;
	transform: translate(25px, -30px);
	width: 12px;
	height: 12px;
	border-radius: 100%;
}

.navbar-corner.red {
	background-color: red;
	border: 1px solid white;
}

.icon-corner {
	position: absolute;
	top: 0;
	right: 0;
	transform: translate(40%, -40%);
	width: 16px;
	height: 16px;
	border-radius: 100%;
}

.icon-corner.icon-corner-topleft {
	position: absolute;
	top: 0;
	left: 0;
	bottom: auto;
	right: auto;
	transform: translate(-40%, -40%);
}

.icon-corner.icon-corner-bottomright {
	position: absolute;
	bottom: 0;
	right: 0;
	top: auto;
	left: auto;
	transform: translate(40%, 40%);
}

.icon-corner.addto {
	background-color: #7375FF;
	background-image: url(../img/iconcorner-1.png);
	background-size: 100% 100%;
	border: 1px solid white;
}

.icon-corner.minusto {
	background-color: darkgray;
	background-image: url(../img/iconcorner-2.png);
	background-size: 100% 100%;
	border: 1px solid white;
}

.icon-corner.upto {
	background-color: #D49B9B;
	background-image: url(../img/iconcorner-3.png);
	background-size: 100% 100%;
	border: 1px solid white;
}

.icon-corner.downto {
	background-color: #A8C5E6;
	background-image: url(../img/iconcorner-4.png);
	background-size: 100% 100%;
	border: 1px solid white;
}

.icon-corner.red {
	background-color: red;
	width: 14px;
	height: 14px;
	border: 1px solid white;
}

.icon-corner.rednumber {
	display: flex;
	background-color: red;
	padding: 1px 2px;
	text-align: center;
	align-items: center;
	justify-content: center;
	color: white;
	width: auto;
	min-width: 14px;
	border: 1px solid white;
	font-size: 0.9rem;
}

.no-background {
	background: none !important;
}

.no-topmargin {
	margin-top: 0 !important;
}

.no-bottommargin {
	margin-bottom: 0 !important;
}

.no-leftmargin {
	margin-left: 0 !important;
}

.no-rightmargin {
	margin-right: 0 !important;
}

.no-Xmargin {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.no-Ymargin {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.nomargin {
	margin: 0 !important;
}

.no-margin {
	margin: 0 !important;
}

.no-toppadding {
	padding-top: 0 !important;
}

.no-bottompadding {
	padding-bottom: 0 !important;
}

.no-leftpadding {
	padding-left: 0 !important;
}

.no-rightpadding {
	padding-right: 0 !important;
}

.no-Xpadding {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.no-Ypadding {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.no-padding {
	padding: 0 !important;
}

.nopadding {
	padding: 0 !important;
}

/* 边距 */
.m-0 {
	margin: 0rem !important;
}

.m-1 {
	margin: 0.25rem !important;
}

.m-2 {
	margin: 0.5rem !important;
}

.m-3 {
	margin: 1rem !important;
}

.m-4 {
	margin: 1.5rem !important;
}

.m-5 {
	margin: 3rem !important;
}

.m-auto {
	margin: auto !important;
}

.mx-0 {
	margin-right: 0 !important;
	margin-left: 0 !important;
}

.mx-1 {
	margin-right: 0.25rem !important;
	margin-left: 0.25rem !important;
}

.mx-2 {
	margin-right: 0.5rem !important;
	margin-left: 0.5rem !important;
}

.mx-3 {
	margin-right: 1rem !important;
	margin-left: 1rem !important;
}

.mx-4 {
	margin-right: 1.5rem !important;
	margin-left: 1.5rem !important;
}

.mx-5 {
	margin-right: 3rem !important;
	margin-left: 3rem !important;
}

.mx-auto {
	margin-right: auto !important;
	margin-left: auto !important;
}

.my-0 {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.my-1 {
	margin-top: 0.25rem !important;
	margin-bottom: 0.25rem !important;
}

.my-2 {
	margin-top: 0.5rem !important;
	margin-bottom: 0.5rem !important;
}

.my-3 {
	margin-top: 1rem !important;
	margin-bottom: 1rem !important;
}

.my-4 {
	margin-top: 1.5rem !important;
	margin-bottom: 1.5rem !important;
}

.my-5 {
	margin-top: 3rem !important;
	margin-bottom: 3rem !important;
}

.my-auto {
	margin-top: auto !important;
	margin-bottom: auto !important;
}

.mt-0 {
	margin-top: 0 !important;
}

.mt-1 {
	margin-top: 0.25rem !important;
}

.mt-2 {
	margin-top: 0.5rem !important;
}

.mt-3 {
	margin-top: 1rem !important;
}

.mt-4 {
	margin-top: 1.5rem !important;
}

.mt-5 {
	margin-top: 3rem !important;
}

.mt-auto {
	margin-top: auto !important;
}

.me-0 {
	margin-right: 0 !important;
}

.me-1 {
	margin-right: 0.25rem !important;
}

.me-2 {
	margin-right: 0.5rem !important;
}

.me-3 {
	margin-right: 1rem !important;
}

.me-4 {
	margin-right: 1.5rem !important;
}

.me-5 {
	margin-right: 3rem !important;
}

.me-auto {
	margin-right: auto !important;
}

.mb-0 {
	margin-bottom: 0 !important;
}

.mb-1 {
	margin-bottom: 0.25rem !important;
}

.mb-2 {
	margin-bottom: 0.5rem !important;
}

.mb-3 {
	margin-bottom: 1rem !important;
}

.mb-4 {
	margin-bottom: 1.5rem !important;
}

.mb-5 {
	margin-bottom: 3rem !important;
}

.mb-auto {
	margin-bottom: auto !important;
}

.ms-0 {
	margin-left: 0 !important;
}

.ms-1 {
	margin-left: 0.25rem !important;
}

.ms-2 {
	margin-left: 0.5rem !important;
}

.ms-3 {
	margin-left: 1rem !important;
}

.ms-4 {
	margin-left: 1.5rem !important;
}

.ms-5 {
	margin-left: 3rem !important;
}

.ms-auto {
	margin-left: auto !important;
}

.p-0 {
	padding: 0 !important;
}

.p-1 {
	padding: 0.25rem !important;
}

.p-2 {
	padding: 0.5rem !important;
}

.p-3 {
	padding: 1rem !important;
}

.p-4 {
	padding: 1.5rem !important;
}

.p-5 {
	padding: 3rem !important;
}

.px-0 {
	padding-right: 0 !important;
	padding-left: 0 !important;
}

.px-1 {
	padding-right: 0.25rem !important;
	padding-left: 0.25rem !important;
}

.px-2 {
	padding-right: 0.5rem !important;
	padding-left: 0.5rem !important;
}

.px-3 {
	padding-right: 1rem !important;
	padding-left: 1rem !important;
}

.px-4 {
	padding-right: 1.5rem !important;
	padding-left: 1.5rem !important;
}

.px-5 {
	padding-right: 3rem !important;
	padding-left: 3rem !important;
}

.py-0 {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.py-1 {
	padding-top: 0.25rem !important;
	padding-bottom: 0.25rem !important;
}

.py-2 {
	padding-top: 0.5rem !important;
	padding-bottom: 0.5rem !important;
}

.py-3 {
	padding-top: 1rem !important;
	padding-bottom: 1rem !important;
}

.py-4 {
	padding-top: 1.5rem !important;
	padding-bottom: 1.5rem !important;
}

.py-5 {
	padding-top: 3rem !important;
	padding-bottom: 3rem !important;
}

.pt-0 {
	padding-top: 0 !important;
}

.pt-1 {
	padding-top: 0.25rem !important;
}

.pt-2 {
	padding-top: 0.5rem !important;
}

.pt-3 {
	padding-top: 1rem !important;
}

.pt-4 {
	padding-top: 1.5rem !important;
}

.pt-5 {
	padding-top: 3rem !important;
}

.pe-0 {
	padding-right: 0 !important;
}

.pe-1 {
	padding-right: 0.25rem !important;
}

.pe-2 {
	padding-right: 0.5rem !important;
}

.pe-3 {
	padding-right: 1rem !important;
}

.pe-4 {
	padding-right: 1.5rem !important;
}

.pe-5 {
	padding-right: 3rem !important;
}

.pb-0 {
	padding-bottom: 0 !important;
}

.pb-1 {
	padding-bottom: 0.25rem !important;
}

.pb-2 {
	padding-bottom: 0.5rem !important;
}

.pb-3 {
	padding-bottom: 1rem !important;
}

.pb-4 {
	padding-bottom: 1.5rem !important;
}

.pb-5 {
	padding-bottom: 3rem !important;
}

.ps-0 {
	padding-left: 0 !important;
}

.ps-1 {
	padding-left: 0.25rem !important;
}

.ps-2 {
	padding-left: 0.5rem !important;
}

.ps-3 {
	padding-left: 1rem !important;
}

.ps-4 {
	padding-left: 1.5rem !important;
}

.ps-5 {
	padding-left: 3rem !important;
}

.w-100 {
	width: 100%;
}

.h-100 {
	height: 100%;
}

.wh-100 {
	width: 100%;
	height: 100%;
}
/*----��Ӱ��ʽ */
.box-shadow1 {
 box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.5) !important;
}

.box-shadow2 {
 box-shadow: 1px 1px 3px gainsboro !important;
}
.box-shadow3 {
 box-shadow: 0 15px 15px rgba(0, 0, 0, 0.1) !important;
}
.box-shadow4{
 box-shadow: inset 0px 0px 10px 1px #ccc !important;
}
.box-shadow5{
 box-shadow: inset 0px 0px 6px 1px #aaa !important;
}
.box-shadow6{
 box-shadow: inset 0px 0px 2px 0px #666 !important;
}