|
|
@@ -1,551 +1,554 @@
|
|
|
-/*初始化类*/
|
|
|
-@font-face {
|
|
|
- font-family: 'iconfont';
|
|
|
- /* project id 1482221 */
|
|
|
- src: url('https://at.alicdn.com/t/font_1482221_x9emymthrxs.eot');
|
|
|
- src: url('https://at.alicdn.com/t/font_1482221_x9emymthrxs.eot?#iefix') format('embedded-opentype'),
|
|
|
- url('https://at.alicdn.com/t/font_1482221_x9emymthrxs.woff2') format('woff2'),
|
|
|
- url('https://at.alicdn.com/t/font_1482221_x9emymthrxs.woff') format('woff'),
|
|
|
- url('https://at.alicdn.com/t/font_1482221_x9emymthrxs.ttf') format('truetype'),
|
|
|
- url('https://at.alicdn.com/t/font_1482221_x9emymthrxs.svg#iconfont') format('svg');
|
|
|
-}
|
|
|
-
|
|
|
-.acea-row {
|
|
|
- display: -webkit-box;
|
|
|
- display: -moz-box;
|
|
|
- display: -webkit-flex;
|
|
|
- display: -ms-flexbox;
|
|
|
- display: flex;
|
|
|
- -webkit-box-lines: multiple;
|
|
|
- -moz-box-lines: multiple;
|
|
|
- -o-box-lines: multiple;
|
|
|
- -webkit-flex-wrap: wrap;
|
|
|
- -ms-flex-wrap: wrap;
|
|
|
- flex-wrap: wrap
|
|
|
-}
|
|
|
-
|
|
|
-.acea-row.row-middle {
|
|
|
- -webkit-box-align: center;
|
|
|
- -moz-box-align: center;
|
|
|
- -o-box-align: center;
|
|
|
- -ms-flex-align: center;
|
|
|
- -webkit-align-items: center;
|
|
|
- align-items: center
|
|
|
-}
|
|
|
-
|
|
|
-.bg-color-red {
|
|
|
- background-color: #e93323 !important;
|
|
|
-}
|
|
|
-
|
|
|
-.acea-row.row-right {
|
|
|
- -webkit-box-pack: end;
|
|
|
- -moz-box-pack: end;
|
|
|
- -o-box-pack: end;
|
|
|
- -ms-flex-pack: end;
|
|
|
- -webkit-justify-content: flex-end;
|
|
|
- justify-content: flex-end
|
|
|
-}
|
|
|
-
|
|
|
-.acea-row.row-between-wrapper {
|
|
|
- -webkit-box-align: center;
|
|
|
- -moz-box-align: center;
|
|
|
- -o-box-align: center;
|
|
|
- -ms-flex-align: center;
|
|
|
- -webkit-align-items: center;
|
|
|
- align-items: center;
|
|
|
- -webkit-box-pack: justify;
|
|
|
- -moz-box-pack: justify;
|
|
|
- -o-box-pack: justify;
|
|
|
- -ms-flex-pack: justify;
|
|
|
- -webkit-justify-content: space-between;
|
|
|
- justify-content: space-between
|
|
|
-}
|
|
|
-
|
|
|
-.acea-row.row-column-around {
|
|
|
- -webkit-flex-direction: column;
|
|
|
- -ms-flex-direction: column;
|
|
|
- flex-direction: column;
|
|
|
- justify-content: space-around;
|
|
|
- -webkit-justify-content: space-around
|
|
|
-}
|
|
|
-
|
|
|
-.acea-row.row-center-wrapper {
|
|
|
- -webkit-box-align: center;
|
|
|
- -moz-box-align: center;
|
|
|
- -o-box-align: center;
|
|
|
- -ms-flex-align: center;
|
|
|
- -webkit-align-items: center;
|
|
|
- align-items: center;
|
|
|
- -webkit-box-pack: center;
|
|
|
- -moz-box-pack: center;
|
|
|
- -o-box-pack: center;
|
|
|
- -ms-flex-pack: center;
|
|
|
- -webkit-justify-content: center;
|
|
|
- justify-content: center
|
|
|
-}
|
|
|
-
|
|
|
-.iconfont {
|
|
|
- font-family: "iconfont" !important;
|
|
|
- font-size: 34rpx;
|
|
|
- font-style: normal;
|
|
|
- -webkit-font-smoothing: antialiased;
|
|
|
- -webkit-text-stroke-width: 0rpx;
|
|
|
- -moz-osx-font-smoothing: grayscale;
|
|
|
-}
|
|
|
-
|
|
|
-.iconedit:before {
|
|
|
- content: "\e649";
|
|
|
-}
|
|
|
-
|
|
|
-.iconfavorfill:before {
|
|
|
- content: "\e64b";
|
|
|
-}
|
|
|
-
|
|
|
-.iconfavor:before {
|
|
|
- content: "\e64c";
|
|
|
-}
|
|
|
-
|
|
|
-.iconlocation:before {
|
|
|
- content: "\e651";
|
|
|
-}
|
|
|
-
|
|
|
-.iconroundcheckfill:before {
|
|
|
- content: "\e656";
|
|
|
-}
|
|
|
-
|
|
|
-.iconroundcheck:before {
|
|
|
- content: "\e657";
|
|
|
-}
|
|
|
-
|
|
|
-.iconunfold:before {
|
|
|
- content: "\e661";
|
|
|
-}
|
|
|
-
|
|
|
-.iconlikefill:before {
|
|
|
- content: "\e668";
|
|
|
-}
|
|
|
-
|
|
|
-.iconlike:before {
|
|
|
- content: "\e669";
|
|
|
-}
|
|
|
-
|
|
|
-.iconshop:before {
|
|
|
- content: "\e676";
|
|
|
-}
|
|
|
-
|
|
|
-.iconcart:before {
|
|
|
- content: "\e6af";
|
|
|
-}
|
|
|
-
|
|
|
-.icondelete:before {
|
|
|
- content: "\e6b4";
|
|
|
-}
|
|
|
-
|
|
|
-.iconhome:before {
|
|
|
- content: "\e6b8";
|
|
|
-}
|
|
|
-
|
|
|
-.iconcartfill:before {
|
|
|
- content: "\e6b9";
|
|
|
-}
|
|
|
-
|
|
|
-.iconhomefill:before {
|
|
|
- content: "\e6bb";
|
|
|
-}
|
|
|
-
|
|
|
-.iconlock:before {
|
|
|
- content: "\e6c0";
|
|
|
-}
|
|
|
-
|
|
|
-.iconfriendadd:before {
|
|
|
- content: "\e6ca";
|
|
|
-}
|
|
|
-
|
|
|
-.iconfold:before {
|
|
|
- content: "\e6de";
|
|
|
-}
|
|
|
-
|
|
|
-.iconapps:before {
|
|
|
- content: "\e729";
|
|
|
-}
|
|
|
-
|
|
|
-.iconadd:before {
|
|
|
- content: "\e767";
|
|
|
-}
|
|
|
-
|
|
|
-.iconmove:before {
|
|
|
- content: "\e768";
|
|
|
-}
|
|
|
-
|
|
|
-.icontriangledownfill:before {
|
|
|
- content: "\e79b";
|
|
|
-}
|
|
|
-
|
|
|
-.icontriangleupfill:before {
|
|
|
- content: "\e79c";
|
|
|
-}
|
|
|
-
|
|
|
-.iconshaixuan:before {
|
|
|
- content: "\e74a";
|
|
|
-}
|
|
|
-
|
|
|
-.iconyanzhengma:before {
|
|
|
- content: "\e684";
|
|
|
-}
|
|
|
-
|
|
|
-.iconjifen:before {
|
|
|
- content: "\e60f";
|
|
|
-}
|
|
|
-
|
|
|
-.iconwuliuxinxi:before {
|
|
|
- content: "\e62b";
|
|
|
-}
|
|
|
-
|
|
|
-.iconmessage:before {
|
|
|
- content: "\e78a";
|
|
|
-}
|
|
|
-
|
|
|
-.iconsetting:before {
|
|
|
- content: "\e78e";
|
|
|
-}
|
|
|
-
|
|
|
-.iconaddition:before {
|
|
|
- content: "\e6e0";
|
|
|
-}
|
|
|
-
|
|
|
-.iconclose:before {
|
|
|
- content: "\e6e9";
|
|
|
-}
|
|
|
-
|
|
|
-.iconenter:after {
|
|
|
- content: "\e6f8";
|
|
|
-}
|
|
|
-
|
|
|
-.iconprompt:before {
|
|
|
- content: "\e71b";
|
|
|
-}
|
|
|
-
|
|
|
-.iconreturn:before {
|
|
|
- content: "\e720";
|
|
|
-}
|
|
|
-
|
|
|
-.iconsearch:before {
|
|
|
- content: "\e741";
|
|
|
-}
|
|
|
-
|
|
|
-.iconpengyouquan:before {
|
|
|
- content: "\e62c";
|
|
|
-}
|
|
|
-
|
|
|
-.iconweixin:before {
|
|
|
- content: "\e60e";
|
|
|
-}
|
|
|
-
|
|
|
-.iconzhifubao:before {
|
|
|
- content: "\e673";
|
|
|
-}
|
|
|
-
|
|
|
-.iconyue:before {
|
|
|
- content: "\e618";
|
|
|
-}
|
|
|
-
|
|
|
-.iconweixin1:before {
|
|
|
- content: "\e622";
|
|
|
-}
|
|
|
-
|
|
|
-.iconlock1:before {
|
|
|
- content: "\e64d";
|
|
|
-}
|
|
|
-
|
|
|
-.iconuser:before {
|
|
|
- content: "\e64e";
|
|
|
-}
|
|
|
-
|
|
|
-.iconchenggongtixianshouyi:before {
|
|
|
- content: "\e64f";
|
|
|
-}
|
|
|
-
|
|
|
-.iconviptuiguangdingdan:before {
|
|
|
- content: "\e650";
|
|
|
-}
|
|
|
-
|
|
|
-.icondaifukuan:before {
|
|
|
- content: "\e652";
|
|
|
-}
|
|
|
-
|
|
|
-.icondaijiesuanshouyi:before {
|
|
|
- content: "\e653";
|
|
|
-}
|
|
|
-
|
|
|
-.icondaidakuanshouyi:before {
|
|
|
- content: "\e654";
|
|
|
-}
|
|
|
-
|
|
|
-.icondaifahuo:before {
|
|
|
- content: "\e655";
|
|
|
-}
|
|
|
-
|
|
|
-.icondaishouhuoshouyi:before {
|
|
|
- content: "\e658";
|
|
|
-}
|
|
|
-
|
|
|
-.icondaishouhuo:before {
|
|
|
- content: "\e659";
|
|
|
-}
|
|
|
-
|
|
|
-.iconwuxiaoshouyi:before {
|
|
|
- content: "\e65a";
|
|
|
-}
|
|
|
-
|
|
|
-.icontixianmingxi:before {
|
|
|
- content: "\e65b";
|
|
|
-}
|
|
|
-
|
|
|
-.iconshouyi:before {
|
|
|
- content: "\e65c";
|
|
|
-}
|
|
|
-
|
|
|
-.iconkouchutixianshouxufei:before {
|
|
|
- content: "\e65d";
|
|
|
-}
|
|
|
-
|
|
|
-.iconyishenqingshouyi:before {
|
|
|
- content: "\e65e";
|
|
|
-}
|
|
|
-
|
|
|
-.icontuihuanhuo:before {
|
|
|
- content: "\e65f";
|
|
|
-}
|
|
|
-
|
|
|
-
|
|
|
-/*水平线*/
|
|
|
-.hr {
|
|
|
- width: 100%;
|
|
|
- position: relative;
|
|
|
- border-bottom: 1px solid #dddddd;
|
|
|
- /* height: 0.5rpx; */
|
|
|
-}
|
|
|
-
|
|
|
-/* 一行显示 */
|
|
|
-.clamp {
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- white-space: nowrap;
|
|
|
- display: block;
|
|
|
-}
|
|
|
-
|
|
|
-/* 二行显示 */
|
|
|
-.clamp2 {
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- display: -webkit-box;
|
|
|
- -webkit-line-clamp: 2;
|
|
|
- -webkit-box-orient: vertical;
|
|
|
-}
|
|
|
-
|
|
|
-/* 二行显示 */
|
|
|
-.ellipsis {
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- display: -webkit-box;
|
|
|
- -webkit-box-orient: vertical;
|
|
|
- -webkit-line-clamp: 2;
|
|
|
-}
|
|
|
-
|
|
|
-.common-hover {
|
|
|
- background: #f5f5f5;
|
|
|
-}
|
|
|
-
|
|
|
-/* 角标 */
|
|
|
-.corner {
|
|
|
- background-color: #e51c23;
|
|
|
- position: absolute;
|
|
|
- right: -18rpx;
|
|
|
- top: -18rpx;
|
|
|
- color: #FFFFFF;
|
|
|
- text-align: center;
|
|
|
- border-radius: 999px;
|
|
|
- font-size: 24rpx !important;
|
|
|
- min-width: 35rpx;
|
|
|
- min-height: 35rpx;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- line-height: 1;
|
|
|
-}
|
|
|
-
|
|
|
-.flex_item {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- /* justify-content: space-between; */
|
|
|
-}
|
|
|
-
|
|
|
-/* 左右顶格加上下居中 */
|
|
|
-.flex-between-center {
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
- align-items: center;
|
|
|
-}
|
|
|
-
|
|
|
-/* flex布局-整体居中 */
|
|
|
-.flex-center {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
-}
|
|
|
-
|
|
|
-.flex-start {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: flex-start;
|
|
|
-}
|
|
|
-
|
|
|
-/*文字对齐*/
|
|
|
-.text-left {
|
|
|
- text-align: left !important;
|
|
|
-}
|
|
|
-
|
|
|
-.text-center {
|
|
|
- text-align: center !important;
|
|
|
-}
|
|
|
-
|
|
|
-.text-justify {
|
|
|
- text-align: justify !important;
|
|
|
-}
|
|
|
-
|
|
|
-.text-right {
|
|
|
- text-align: right !important;
|
|
|
-}
|
|
|
-
|
|
|
-.text-default {
|
|
|
- color: #212121 !important;
|
|
|
-}
|
|
|
-
|
|
|
-.text-white {
|
|
|
- color: #ffffff !important;
|
|
|
-}
|
|
|
-
|
|
|
-.text-primary {
|
|
|
- color: #00bcd4 !important;
|
|
|
-}
|
|
|
-
|
|
|
-.text-success {
|
|
|
- color: #009688 !important;
|
|
|
-}
|
|
|
-
|
|
|
-.text-info {
|
|
|
- color: #03a9f4 !important;
|
|
|
-}
|
|
|
-
|
|
|
-.text-warning {
|
|
|
- color: #ffc107 !important;
|
|
|
-}
|
|
|
-
|
|
|
-.text-danger {
|
|
|
- color: #e51c23 !important;
|
|
|
-}
|
|
|
-
|
|
|
-.text-pink {
|
|
|
- color: #e91e63 !important;
|
|
|
-}
|
|
|
-
|
|
|
-.text-purple {
|
|
|
- color: #673ab7 !important;
|
|
|
-}
|
|
|
-
|
|
|
-.text-indigo {
|
|
|
- color: #3f51b5 !important;
|
|
|
-}
|
|
|
-
|
|
|
-.text-gray {
|
|
|
- color: #999999 !important;
|
|
|
-}
|
|
|
-
|
|
|
-.bg-default {
|
|
|
- background-color: #f5f5f5 !important;
|
|
|
-}
|
|
|
-
|
|
|
-.bg-primary {
|
|
|
- background-color: #00bcd4 !important;
|
|
|
-}
|
|
|
-
|
|
|
-.bg-success {
|
|
|
- background-color: #009688 !important;
|
|
|
-}
|
|
|
-
|
|
|
-.bg-info {
|
|
|
- background-color: #03a9f4 !important;
|
|
|
-}
|
|
|
-
|
|
|
-.bg-warning {
|
|
|
- background-color: #FFB238 !important;
|
|
|
-}
|
|
|
-
|
|
|
-.bg-danger {
|
|
|
- background-color: #DC4D46 !important;
|
|
|
-}
|
|
|
-
|
|
|
-.bg-pink {
|
|
|
- background-color: #e91e63 !important;
|
|
|
-}
|
|
|
-
|
|
|
-.bg-purple {
|
|
|
- background-color: #673ab7 !important;
|
|
|
-}
|
|
|
-
|
|
|
-.bg-indigo {
|
|
|
- background-color: #3f51b5 !important;
|
|
|
-}
|
|
|
-
|
|
|
-.bg-white {
|
|
|
- background-color: white !important;
|
|
|
-}
|
|
|
-
|
|
|
-.bg-gray {
|
|
|
- background-color: #e3e3e3 !important;
|
|
|
-}
|
|
|
-
|
|
|
-/* 边框 */
|
|
|
-.border-radius-15 {
|
|
|
- border-radius: 15rpx;
|
|
|
-}
|
|
|
-
|
|
|
-.border-radius-10 {
|
|
|
- border-radius: 10rpx;
|
|
|
-}
|
|
|
-
|
|
|
-.border-radius-all {
|
|
|
- border-radius: 1000rpx;
|
|
|
-}
|
|
|
-
|
|
|
-/* 底部边线 */
|
|
|
-.borde-b {
|
|
|
- border-bottom: 1px solid #dddddd;
|
|
|
-}
|
|
|
-
|
|
|
-/* 弹性盒子 */
|
|
|
-.flex {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: space-between;
|
|
|
-}
|
|
|
-
|
|
|
-.items-left {
|
|
|
- justify-content: flex-start;
|
|
|
-}
|
|
|
-
|
|
|
-.items-right {
|
|
|
- justify-content: flex-end;
|
|
|
-}
|
|
|
-
|
|
|
-.flex-shrink-false {
|
|
|
- flex-shrink: 0;
|
|
|
-}
|
|
|
-
|
|
|
-.flex-grow-true {
|
|
|
- flex-grow: 1;
|
|
|
-}
|
|
|
-
|
|
|
-.position-relative {
|
|
|
- position: relative;
|
|
|
-}
|
|
|
+/*初始化类*/
|
|
|
+@font-face {
|
|
|
+ font-family: 'iconfont';
|
|
|
+ /* project id 1482221 */
|
|
|
+ src: url('https://at.alicdn.com/t/font_1482221_x9emymthrxs.eot');
|
|
|
+ src: url('https://at.alicdn.com/t/font_1482221_x9emymthrxs.eot?#iefix') format('embedded-opentype'),
|
|
|
+ url('https://at.alicdn.com/t/font_1482221_x9emymthrxs.woff2') format('woff2'),
|
|
|
+ url('https://at.alicdn.com/t/font_1482221_x9emymthrxs.woff') format('woff'),
|
|
|
+ url('https://at.alicdn.com/t/font_1482221_x9emymthrxs.ttf') format('truetype'),
|
|
|
+ url('https://at.alicdn.com/t/font_1482221_x9emymthrxs.svg#iconfont') format('svg');
|
|
|
+}
|
|
|
+
|
|
|
+.acea-row {
|
|
|
+ display: -webkit-box;
|
|
|
+ display: -moz-box;
|
|
|
+ display: -webkit-flex;
|
|
|
+ display: -ms-flexbox;
|
|
|
+ display: flex;
|
|
|
+ -webkit-box-lines: multiple;
|
|
|
+ -moz-box-lines: multiple;
|
|
|
+ -o-box-lines: multiple;
|
|
|
+ -webkit-flex-wrap: wrap;
|
|
|
+ -ms-flex-wrap: wrap;
|
|
|
+ flex-wrap: wrap
|
|
|
+}
|
|
|
+
|
|
|
+.acea-row.row-middle {
|
|
|
+ -webkit-box-align: center;
|
|
|
+ -moz-box-align: center;
|
|
|
+ -o-box-align: center;
|
|
|
+ -ms-flex-align: center;
|
|
|
+ -webkit-align-items: center;
|
|
|
+ align-items: center
|
|
|
+}
|
|
|
+
|
|
|
+.bg-color-red {
|
|
|
+ background-color: #e93323 !important;
|
|
|
+}
|
|
|
+
|
|
|
+.acea-row.row-right {
|
|
|
+ -webkit-box-pack: end;
|
|
|
+ -moz-box-pack: end;
|
|
|
+ -o-box-pack: end;
|
|
|
+ -ms-flex-pack: end;
|
|
|
+ -webkit-justify-content: flex-end;
|
|
|
+ justify-content: flex-end
|
|
|
+}
|
|
|
+
|
|
|
+.acea-row.row-between-wrapper {
|
|
|
+ -webkit-box-align: center;
|
|
|
+ -moz-box-align: center;
|
|
|
+ -o-box-align: center;
|
|
|
+ -ms-flex-align: center;
|
|
|
+ -webkit-align-items: center;
|
|
|
+ align-items: center;
|
|
|
+ -webkit-box-pack: justify;
|
|
|
+ -moz-box-pack: justify;
|
|
|
+ -o-box-pack: justify;
|
|
|
+ -ms-flex-pack: justify;
|
|
|
+ -webkit-justify-content: space-between;
|
|
|
+ justify-content: space-between
|
|
|
+}
|
|
|
+
|
|
|
+.acea-row.row-column-around {
|
|
|
+ -webkit-flex-direction: column;
|
|
|
+ -ms-flex-direction: column;
|
|
|
+ flex-direction: column;
|
|
|
+ justify-content: space-around;
|
|
|
+ -webkit-justify-content: space-around
|
|
|
+}
|
|
|
+
|
|
|
+.acea-row.row-center-wrapper {
|
|
|
+ -webkit-box-align: center;
|
|
|
+ -moz-box-align: center;
|
|
|
+ -o-box-align: center;
|
|
|
+ -ms-flex-align: center;
|
|
|
+ -webkit-align-items: center;
|
|
|
+ align-items: center;
|
|
|
+ -webkit-box-pack: center;
|
|
|
+ -moz-box-pack: center;
|
|
|
+ -o-box-pack: center;
|
|
|
+ -ms-flex-pack: center;
|
|
|
+ -webkit-justify-content: center;
|
|
|
+ justify-content: center
|
|
|
+}
|
|
|
+
|
|
|
+.iconfont {
|
|
|
+ font-family: "iconfont" !important;
|
|
|
+ font-size: 34rpx;
|
|
|
+ font-style: normal;
|
|
|
+ -webkit-font-smoothing: antialiased;
|
|
|
+ -webkit-text-stroke-width: 0rpx;
|
|
|
+ -moz-osx-font-smoothing: grayscale;
|
|
|
+}
|
|
|
+
|
|
|
+.iconedit:before {
|
|
|
+ content: "\e649";
|
|
|
+}
|
|
|
+
|
|
|
+.iconfavorfill:before {
|
|
|
+ content: "\e64b";
|
|
|
+}
|
|
|
+
|
|
|
+.iconfavor:before {
|
|
|
+ content: "\e64c";
|
|
|
+}
|
|
|
+
|
|
|
+.iconlocation:before {
|
|
|
+ content: "\e651";
|
|
|
+}
|
|
|
+
|
|
|
+.iconroundcheckfill:before {
|
|
|
+ content: "\e656";
|
|
|
+}
|
|
|
+
|
|
|
+.iconroundcheck:before {
|
|
|
+ content: "\e657";
|
|
|
+}
|
|
|
+
|
|
|
+.iconunfold:before {
|
|
|
+ content: "\e661";
|
|
|
+}
|
|
|
+
|
|
|
+.iconlikefill:before {
|
|
|
+ content: "\e668";
|
|
|
+}
|
|
|
+
|
|
|
+.iconlike:before {
|
|
|
+ content: "\e669";
|
|
|
+}
|
|
|
+
|
|
|
+.iconshop:before {
|
|
|
+ content: "\e676";
|
|
|
+}
|
|
|
+
|
|
|
+.iconcart:before {
|
|
|
+ content: "\e6af";
|
|
|
+}
|
|
|
+
|
|
|
+.icondelete:before {
|
|
|
+ content: "\e6b4";
|
|
|
+}
|
|
|
+
|
|
|
+.iconhome:before {
|
|
|
+ content: "\e6b8";
|
|
|
+}
|
|
|
+
|
|
|
+.iconcartfill:before {
|
|
|
+ content: "\e6b9";
|
|
|
+}
|
|
|
+
|
|
|
+.iconhomefill:before {
|
|
|
+ content: "\e6bb";
|
|
|
+}
|
|
|
+
|
|
|
+.iconlock:before {
|
|
|
+ content: "\e6c0";
|
|
|
+}
|
|
|
+
|
|
|
+.iconfriendadd:before {
|
|
|
+ content: "\e6ca";
|
|
|
+}
|
|
|
+
|
|
|
+.iconfold:before {
|
|
|
+ content: "\e6de";
|
|
|
+}
|
|
|
+
|
|
|
+.iconapps:before {
|
|
|
+ content: "\e729";
|
|
|
+}
|
|
|
+
|
|
|
+.iconadd:before {
|
|
|
+ content: "\e767";
|
|
|
+}
|
|
|
+
|
|
|
+.iconmove:before {
|
|
|
+ content: "\e768";
|
|
|
+}
|
|
|
+
|
|
|
+.icontriangledownfill:before {
|
|
|
+ content: "\e79b";
|
|
|
+}
|
|
|
+
|
|
|
+.icontriangleupfill:before {
|
|
|
+ content: "\e79c";
|
|
|
+}
|
|
|
+
|
|
|
+.iconshaixuan:before {
|
|
|
+ content: "\e74a";
|
|
|
+}
|
|
|
+
|
|
|
+.iconyanzhengma:before {
|
|
|
+ content: "\e684";
|
|
|
+}
|
|
|
+
|
|
|
+.iconjifen:before {
|
|
|
+ content: "\e60f";
|
|
|
+}
|
|
|
+
|
|
|
+.iconwuliuxinxi:before {
|
|
|
+ content: "\e62b";
|
|
|
+}
|
|
|
+
|
|
|
+.iconmessage:before {
|
|
|
+ content: "\e78a";
|
|
|
+}
|
|
|
+
|
|
|
+.iconsetting:before {
|
|
|
+ content: "\e78e";
|
|
|
+}
|
|
|
+
|
|
|
+.iconaddition:before {
|
|
|
+ content: "\e6e0";
|
|
|
+}
|
|
|
+
|
|
|
+.iconclose:before {
|
|
|
+ content: "\e6e9";
|
|
|
+}
|
|
|
+
|
|
|
+.iconenter:after {
|
|
|
+ content: "\e6f8";
|
|
|
+}
|
|
|
+
|
|
|
+.iconprompt:before {
|
|
|
+ content: "\e71b";
|
|
|
+}
|
|
|
+
|
|
|
+.iconreturn:before {
|
|
|
+ content: "\e720";
|
|
|
+}
|
|
|
+
|
|
|
+.iconsearch:before {
|
|
|
+ content: "\e741";
|
|
|
+}
|
|
|
+
|
|
|
+.iconpengyouquan:before {
|
|
|
+ content: "\e62c";
|
|
|
+}
|
|
|
+
|
|
|
+.iconweixin:before {
|
|
|
+ content: "\e60e";
|
|
|
+}
|
|
|
+
|
|
|
+.iconzhifubao:before {
|
|
|
+ content: "\e673";
|
|
|
+}
|
|
|
+
|
|
|
+.iconyue:before {
|
|
|
+ content: "\e618";
|
|
|
+}
|
|
|
+
|
|
|
+.iconweixin1:before {
|
|
|
+ content: "\e622";
|
|
|
+}
|
|
|
+
|
|
|
+.iconlock1:before {
|
|
|
+ content: "\e64d";
|
|
|
+}
|
|
|
+
|
|
|
+.iconuser:before {
|
|
|
+ content: "\e64e";
|
|
|
+}
|
|
|
+
|
|
|
+.iconchenggongtixianshouyi:before {
|
|
|
+ content: "\e64f";
|
|
|
+}
|
|
|
+
|
|
|
+.iconviptuiguangdingdan:before {
|
|
|
+ content: "\e650";
|
|
|
+}
|
|
|
+
|
|
|
+.icondaifukuan:before {
|
|
|
+ content: "\e652";
|
|
|
+}
|
|
|
+
|
|
|
+.icondaijiesuanshouyi:before {
|
|
|
+ content: "\e653";
|
|
|
+}
|
|
|
+
|
|
|
+.icondaidakuanshouyi:before {
|
|
|
+ content: "\e654";
|
|
|
+}
|
|
|
+
|
|
|
+.icondaifahuo:before {
|
|
|
+ content: "\e655";
|
|
|
+}
|
|
|
+
|
|
|
+.icondaishouhuoshouyi:before {
|
|
|
+ content: "\e658";
|
|
|
+}
|
|
|
+
|
|
|
+.icondaishouhuo:before {
|
|
|
+ content: "\e659";
|
|
|
+}
|
|
|
+
|
|
|
+.iconwuxiaoshouyi:before {
|
|
|
+ content: "\e65a";
|
|
|
+}
|
|
|
+
|
|
|
+.icontixianmingxi:before {
|
|
|
+ content: "\e65b";
|
|
|
+}
|
|
|
+
|
|
|
+.iconshouyi:before {
|
|
|
+ content: "\e65c";
|
|
|
+}
|
|
|
+
|
|
|
+.iconkouchutixianshouxufei:before {
|
|
|
+ content: "\e65d";
|
|
|
+}
|
|
|
+
|
|
|
+.iconyishenqingshouyi:before {
|
|
|
+ content: "\e65e";
|
|
|
+}
|
|
|
+
|
|
|
+.icontuihuanhuo:before {
|
|
|
+ content: "\e65f";
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+/*水平线*/
|
|
|
+.hr {
|
|
|
+ width: 100%;
|
|
|
+ position: relative;
|
|
|
+ border-bottom: 1px solid #dddddd;
|
|
|
+ /* height: 0.5rpx; */
|
|
|
+}
|
|
|
+
|
|
|
+/* 一行显示 */
|
|
|
+.clamp {
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ white-space: nowrap;
|
|
|
+ display: block;
|
|
|
+}
|
|
|
+
|
|
|
+/* 二行显示 */
|
|
|
+.clamp2 {
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ display: -webkit-box;
|
|
|
+ -webkit-line-clamp: 2;
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
+}
|
|
|
+
|
|
|
+/* 二行显示 */
|
|
|
+.ellipsis {
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ display: -webkit-box;
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
+ -webkit-line-clamp: 2;
|
|
|
+}
|
|
|
+
|
|
|
+.common-hover {
|
|
|
+ background: #f5f5f5;
|
|
|
+}
|
|
|
+
|
|
|
+/* 角标 */
|
|
|
+.corner {
|
|
|
+ background-color: #e51c23;
|
|
|
+ position: absolute;
|
|
|
+ right: -18rpx;
|
|
|
+ top: -18rpx;
|
|
|
+ color: #FFFFFF;
|
|
|
+ text-align: center;
|
|
|
+ border-radius: 999px;
|
|
|
+ font-size: 24rpx !important;
|
|
|
+ min-width: 35rpx;
|
|
|
+ min-height: 35rpx;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ line-height: 1;
|
|
|
+}
|
|
|
+
|
|
|
+.flex_item {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ /* justify-content: space-between; */
|
|
|
+}
|
|
|
+
|
|
|
+/* 左右顶格加上下居中 */
|
|
|
+.flex-between-center {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+
|
|
|
+/* flex布局-整体居中 */
|
|
|
+.flex-center {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+}
|
|
|
+
|
|
|
+.flex-start {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: flex-start;
|
|
|
+}
|
|
|
+
|
|
|
+/*文字对齐*/
|
|
|
+.text-left {
|
|
|
+ text-align: left !important;
|
|
|
+}
|
|
|
+
|
|
|
+.text-center {
|
|
|
+ text-align: center !important;
|
|
|
+}
|
|
|
+
|
|
|
+.text-justify {
|
|
|
+ text-align: justify !important;
|
|
|
+}
|
|
|
+
|
|
|
+.text-right {
|
|
|
+ text-align: right !important;
|
|
|
+}
|
|
|
+
|
|
|
+.text-default {
|
|
|
+ color: #212121 !important;
|
|
|
+}
|
|
|
+
|
|
|
+.text-white {
|
|
|
+ color: #ffffff !important;
|
|
|
+}
|
|
|
+
|
|
|
+.text-primary {
|
|
|
+ color: #00bcd4 !important;
|
|
|
+}
|
|
|
+
|
|
|
+.text-success {
|
|
|
+ color: #009688 !important;
|
|
|
+}
|
|
|
+
|
|
|
+.text-info {
|
|
|
+ color: #03a9f4 !important;
|
|
|
+}
|
|
|
+
|
|
|
+.text-warning {
|
|
|
+ color: #ffc107 !important;
|
|
|
+}
|
|
|
+
|
|
|
+.text-danger {
|
|
|
+ color: #e51c23 !important;
|
|
|
+}
|
|
|
+
|
|
|
+.text-pink {
|
|
|
+ color: #e91e63 !important;
|
|
|
+}
|
|
|
+
|
|
|
+.text-purple {
|
|
|
+ color: #673ab7 !important;
|
|
|
+}
|
|
|
+
|
|
|
+.text-indigo {
|
|
|
+ color: #3f51b5 !important;
|
|
|
+}
|
|
|
+
|
|
|
+.text-gray {
|
|
|
+ color: #999999 !important;
|
|
|
+}
|
|
|
+
|
|
|
+.bg-default {
|
|
|
+ background-color: #f5f5f5 !important;
|
|
|
+}
|
|
|
+
|
|
|
+.bg-primary {
|
|
|
+ background-color: #00bcd4 !important;
|
|
|
+}
|
|
|
+
|
|
|
+.bg-success {
|
|
|
+ background-color: #009688 !important;
|
|
|
+}
|
|
|
+
|
|
|
+.bg-info {
|
|
|
+ background-color: #03a9f4 !important;
|
|
|
+}
|
|
|
+
|
|
|
+.bg-warning {
|
|
|
+ background-color: #FFB238 !important;
|
|
|
+}
|
|
|
+
|
|
|
+.bg-danger {
|
|
|
+ background-color: #DC4D46 !important;
|
|
|
+}
|
|
|
+
|
|
|
+.bg-pink {
|
|
|
+ background-color: #e91e63 !important;
|
|
|
+}
|
|
|
+
|
|
|
+.bg-purple {
|
|
|
+ background-color: #673ab7 !important;
|
|
|
+}
|
|
|
+
|
|
|
+.bg-indigo {
|
|
|
+ background-color: #3f51b5 !important;
|
|
|
+}
|
|
|
+
|
|
|
+.bg-white {
|
|
|
+ background-color: white !important;
|
|
|
+}
|
|
|
+
|
|
|
+.bg-gray {
|
|
|
+ background-color: #e3e3e3 !important;
|
|
|
+}
|
|
|
+
|
|
|
+/* 边框 */
|
|
|
+.border-radius-15 {
|
|
|
+ border-radius: 15rpx;
|
|
|
+}
|
|
|
+
|
|
|
+.border-radius-10 {
|
|
|
+ border-radius: 10rpx;
|
|
|
+}
|
|
|
+
|
|
|
+.border-radius-all {
|
|
|
+ border-radius: 1000rpx;
|
|
|
+}
|
|
|
+
|
|
|
+/* 底部边线 */
|
|
|
+.borde-b {
|
|
|
+ border-bottom: 1px solid #dddddd;
|
|
|
+}
|
|
|
+
|
|
|
+/* 弹性盒子 */
|
|
|
+.flex {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+}
|
|
|
+
|
|
|
+.items-left {
|
|
|
+ justify-content: flex-start;
|
|
|
+}
|
|
|
+
|
|
|
+.items-right {
|
|
|
+ justify-content: flex-end;
|
|
|
+}
|
|
|
+
|
|
|
+.flex-shrink-false {
|
|
|
+ flex-shrink: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.flex-grow-true {
|
|
|
+ flex-grow: 1;
|
|
|
+}
|
|
|
+
|
|
|
+.position-relative {
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+.rich-img {
|
|
|
+ width: 100% !important;
|
|
|
+ }
|
