@10yun/cv-mobile-ui 0.5.43 → 0.5.45

package/ui-fireui/fireui.css

@@ -0,0 +1,1445 @@
+/*列表统一样式
+.fui-list-item {
+	position: relative;
+}
+
+.fui-list-item::after {
+	content: '';
+	position: absolute;
+	border-bottom: 1rpx solid #eaeef1;
+	-webkit-transform: scaleY(0.5);
+	transform: scaleY(0.5);
+	bottom: 0;
+	right: 0;
+	left: 30rpx;
+}
+
+.fui-last::after {
+	border-bottom: 0 !important;
+}
+
+/*按钮样式*/
+.fui-button-primary {
+  width: 100%;
+  height: 90rpx;
+  line-height: 90rpx;
+  background: linear-gradient(-90deg, #5677fc, #5c8dff);
+  border-radius: 45rpx;
+  color: #fff;
+  font-size: 36rpx;
+}
+
+.fui-button-hover {
+  color: #d5d4d9;
+  background: linear-gradient(-90deg, #4a67d6, #4e77d9);
+}
+
+.fui-button-gray {
+  background: #ededed;
+  color: #999 !important;
+}
+
+.fui-button-gray_hover {
+  background: #d5d5d5 !important;
+  color: #898989;
+}
+
+.fui-button-white {
+  background: #fff;
+  color: #333 !important;
+}
+
+.fui-button-white_hover {
+  background: #e5e5e5 !important;
+  color: #2e2e2e !important;
+}
+
+/* #endif */
+
+.fui-mask {
+  width: 100%;
+  height: 100%;
+  position: fixed;
+  top: 0;
+  left: 0;
+  background: rgba(0, 0, 0, 0.4);
+  z-index: 999;
+}
+
+.fui-ellipsis {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+.fui-ellipsis-2 {
+  display: -webkit-box;
+  overflow: hidden;
+  white-space: normal !important;
+  text-overflow: ellipsis;
+  word-wrap: break-word;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+}
+
+.fui-opcity {
+  opacity: 0.5;
+}
+
+.fui-scale-small {
+  transform: scale(0.9);
+  transform-origin: center center;
+}
+
+.fui-height-full {
+  height: 100%;
+}
+
+.fui-width-full {
+  width: 100%;
+}
+
+.fui-ptop-zero {
+  padding-top: 0;
+}
+
+.fui-pbottom-zero {
+  padding-bottom: 0;
+}
+
+.fui-pleft-zero {
+  padding-left: 0;
+}
+
+.fui-pright-zero {
+  padding-right: 0;
+}
+
+.fui-primary {
+  background-color: #5677fc !important;
+  color: #fff;
+}
+
+.fui-light-primary {
+  background-color: #5c8dff !important;
+  color: #fff;
+}
+
+.fui-dark-primary {
+  background-color: #4a67d6 !important;
+  color: #fff;
+}
+
+.fui-dLight-primary {
+  background-color: #4e77d9 !important;
+  color: #fff;
+}
+
+.fui-danger {
+  background-color: #ed3f14 !important;
+  color: #fff;
+}
+
+.fui-warning {
+  background-color: #ff7900 !important;
+  color: #fff;
+}
+
+.fui-blue {
+  background-color: #007aff !important;
+  color: #fff;
+}
+
+.fui-green {
+  background-color: #19be6b !important;
+  color: #fff;
+}
+
+.fui-black {
+  background-color: #000 !important;
+  color: #fff;
+}
+
+.fui-white {
+  background-color: #fff !important;
+  color: #333 !important;
+}
+
+.fui-translucent {
+  background-color: rgba(0, 0, 0, 0.7);
+}
+
+.fui-light-black {
+  background-color: #333 !important;
+}
+
+.fui-gray {
+  background-color: #80848f;
+}
+
+.fui-phcolor-gray {
+  background-color: #ccc !important;
+}
+
+.fui-divider-gray {
+  background-color: #eaeef1 !important;
+}
+
+.fui-btn-gray {
+  background-color: #ededed !important;
+  color: #999 !important;
+}
+
+.fui-hover {
+  background-color: #f7f7f9 !important;
+}
+
+.fui-hover-gray {
+  background-color: #f7f7f9 !important;
+}
+
+.fui-bg-gray {
+  background-color: #fafafa !important;
+}
+
+.fui-light-blue {
+  background-color: #ecf6fd;
+  color: #4dabeb !important;
+}
+
+.fui-light-brownish {
+  background-color: #fcebef;
+  color: #8a5966 !important;
+}
+
+.fui-light-orange {
+  background-color: #fef5eb;
+  color: #faa851 !important;
+}
+
+.fui-light-green {
+  background-color: #e8f6e8;
+  color: #44cf85 !important;
+}
+
+/* color end*/
+
+/*Button start*/
+.fui-btn-primary {
+  background: #5677fc !important;
+  color: #fff;
+}
+
+.fui-shadow-primary {
+  box-shadow: 0 10rpx 14rpx 0 rgba(86, 119, 252, 0.2);
+}
+
+.fui-btn-danger {
+  background: #eb0909 !important;
+  color: #fff;
+}
+
+.fui-shadow-danger {
+  box-shadow: 0 10rpx 14rpx 0 rgba(235, 9, 9, 0.2);
+}
+
+.fui-btn-warning {
+  background: #fc872d !important;
+  color: #fff;
+}
+
+.fui-shadow-warning {
+  box-shadow: 0 10rpx 14rpx 0 rgba(252, 135, 45, 0.2);
+}
+
+.fui-btn-green {
+  background: #35b06a !important;
+  color: #fff;
+}
+
+.fui-shadow-green {
+  box-shadow: 0 10rpx 14rpx 0 rgba(53, 176, 106, 0.2);
+}
+
+.fui-btn-blue {
+  background: #007aff !important;
+  color: #fff;
+}
+
+.fui-shadow-blue {
+  box-shadow: 0 10rpx 14rpx 0 rgba(0, 122, 255, 0.2);
+}
+
+.fui-btn-white {
+  background: #fff !important;
+  color: #333 !important;
+}
+
+.fui-btn-gray {
+  background: #bfbfbf !important;
+  color: #fff !important;
+}
+
+.fui-btn-black {
+  background: #333 !important;
+  color: #fff !important;
+}
+
+.fui-shadow-gray {
+  box-shadow: 0 10rpx 14rpx 0 rgba(191, 191, 191, 0.2);
+}
+
+.fui-hover-gray {
+  background: #f7f7f9 !important;
+}
+
+.fui-black-hover {
+  background: #555 !important;
+  color: #e5e5e5 !important;
+}
+
+/* button start 
+ * 宽高通过覆盖样式改变
+**/
+
+.fui-btn {
+  width: 100%;
+  height: 96rpx;
+  line-height: 96rpx;
+  font-size: 32rpx;
+  position: relative;
+  border: 0 !important;
+  border-radius: 6rpx;
+  padding-left: 0;
+  padding-right: 0;
+  overflow: visible;
+}
+
+.fui-btn-base {
+  width: auto;
+  /* #ifdef MP-ALIPAY */
+  min-width: 200rpx;
+  /* #endif */
+  font-size: 30rpx;
+  height: 70rpx;
+  line-height: 70rpx;
+}
+
+.fui-btn-small {
+  width: auto;
+  /* #ifdef MP-ALIPAY */
+  min-width: 140rpx;
+  /* #endif */
+  font-size: 30rpx;
+  height: 60rpx;
+  line-height: 60rpx;
+}
+
+.fui-btn::after {
+  content: '';
+  position: absolute;
+  width: 200%;
+  height: 200%;
+  transform-origin: 0 0;
+  transform: scale(0.5, 0.5) translateZ(0);
+  box-sizing: border-box;
+  left: 0;
+  top: 0;
+  border-radius: 12rpx;
+  border: 0;
+}
+
+.fui-btn-white::after {
+  border: 1rpx solid #bfbfbf;
+}
+
+.fui-white-hover {
+  background: #e5e5e5 !important;
+  color: #2e2e2e !important;
+}
+
+.fui-dark-disabled {
+  opacity: 0.6 !important;
+  color: #fafbfc !important;
+}
+
+.fui-dark-disabled-outline {
+  opacity: 0.5 !important;
+}
+
+.fui-gray-disabled {
+  background: #f3f3f3 !important;
+  color: #919191 !important;
+  box-shadow: none;
+}
+
+.fui-outline-hover {
+  opacity: 0.5;
+}
+
+.fui-primary-hover {
+  background: #4a67d6 !important;
+  color: #e5e5e5 !important;
+}
+
+.fui-primary-outline::after {
+  border: 1rpx solid #5677fc !important;
+}
+
+.fui-primary-outline {
+  color: #5677fc !important;
+  background: transparent;
+}
+
+.fui-danger-hover {
+  background: #c80808 !important;
+  color: #e5e5e5 !important;
+}
+
+.fui-danger-outline {
+  color: #eb0909 !important;
+  background: transparent;
+}
+
+.fui-danger-outline::after {
+  border: 1rpx solid #eb0909 !important;
+}
+
+.fui-warning-hover {
+  background: #d67326 !important;
+  color: #e5e5e5 !important;
+}
+
+.fui-warning-outline {
+  color: #fc872d !important;
+  background: transparent;
+}
+
+.fui-warning-outline::after {
+  border: 1px solid #fc872d !important;
+}
+
+.fui-green-hover {
+  background: #2d965a !important;
+  color: #e5e5e5 !important;
+}
+
+.fui-green-outline {
+  color: #35b06a !important;
+  background: transparent;
+}
+
+.fui-green-outline::after {
+  border: 1rpx solid #35b06a !important;
+}
+
+.fui-blue-hover {
+  background: #0062cc !important;
+  color: #e5e5e5 !important;
+}
+
+.fui-blue-outline {
+  color: #007aff !important;
+  background: transparent;
+}
+
+.fui-blue-outline::after {
+  border: 1rpx solid #007aff !important;
+}
+
+/* #ifndef APP-NVUE */
+.fui-btn-gradual {
+  background: linear-gradient(90deg, rgb(255, 89, 38), rgb(240, 14, 44)) !important;
+  color: #fff !important;
+}
+
+.fui-shadow-gradual {
+  box-shadow: 0 10rpx 14rpx 0 rgba(235, 9, 9, 0.15);
+}
+
+/* #endif */
+
+.fui-gray-hover {
+  background: #a3a3a3 !important;
+  color: #898989;
+}
+
+/* #ifndef APP-NVUE */
+.fui-gradual-hover {
+  background: linear-gradient(90deg, #d74620, #cd1225) !important;
+  color: #fff !important;
+}
+
+/* #endif */
+
+.fui-gray-outline {
+  color: #999 !important;
+  background: transparent !important;
+}
+
+.fui-white-outline {
+  color: #fff !important;
+  background: transparent !important;
+}
+
+.fui-black-outline {
+  background: transparent !important;
+  color: #333 !important;
+}
+
+.fui-gray-outline::after {
+  border: 1rpx solid #ccc !important;
+}
+
+.fui-white-outline::after {
+  border: 1px solid #fff !important;
+}
+
+.fui-black-outline::after {
+  border: 1px solid #333 !important;
+}
+
+/*圆角 */
+
+.fui-fillet {
+  border-radius: 50rpx;
+}
+
+.fui-btn-white.fui-fillet::after {
+  border-radius: 98rpx;
+}
+
+.fui-outline-fillet::after {
+  border-radius: 98rpx;
+}
+
+/*平角*/
+.fui-rightAngle {
+  border-radius: 0;
+}
+
+.fui-btn-white.fui-rightAngle::after {
+  border-radius: 0;
+}
+
+.fui-outline-rightAngle::after {
+  border-radius: 0;
+}
+
+/*Button end*/
+
+/*Tag start*/
+
+.fui-tag {
+  padding: 16rpx 26rpx;
+  font-size: 28rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 6rpx;
+}
+
+.fui-tag-outline {
+  position: relative;
+  background-color: none;
+  color: #5677fc;
+}
+
+.fui-tag-outline::after {
+  content: '';
+  position: absolute;
+  width: 200%;
+  height: 200%;
+  -webkit-transform-origin: 0 0;
+  transform-origin: 0 0;
+  -webkit-transform: scale(0.5, 0.5);
+  transform: scale(0.5, 0.5);
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  left: 0;
+  top: 0;
+  border-radius: 12rpx;
+}
+
+.fui-tag-fillet {
+  border-radius: 50rpx;
+}
+
+.fui-white.fui-tag-fillet::after {
+  border-radius: 80rpx;
+}
+
+.fui-tag-outline-fillet::after {
+  border-radius: 80rpx;
+}
+
+.fui-tag-fillet-left {
+  border-radius: 50rpx 0 0 50rpx;
+}
+
+.fui-tag-fillet-right {
+  border-radius: 0 50rpx 50rpx 0;
+}
+
+.fui-tag-fillet-left.fui-tag-outline::after {
+  border-radius: 100rpx 0 0 100rpx;
+}
+
+.fui-tag-fillet-right.fui-tag-outline::after {
+  border-radius: 0 100rpx 100rpx 0;
+}
+
+/*Tag end*/
+
+/*Badge start*/
+.fui-badge-dot {
+  height: 16rpx;
+  width: 16rpx;
+  border-radius: 50%;
+}
+
+.fui-badge {
+  font-size: 24rpx;
+  height: 36rpx;
+  min-width: 12rpx;
+  padding: 0 12rpx;
+  border-radius: 36rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 10;
+}
+
+.fui-badge-scale {
+  transform-origin: center center;
+}
+
+/*Badge end*/
+
+/*List start*/
+.fui-list-cell {
+  position: relative;
+  width: 100%;
+  padding: 26rpx 30rpx;
+  background-color: #fff;
+  box-sizing: border-box;
+}
+
+.fui-list-radius {
+  border-radius: 6rpx;
+  overflow: hidden;
+}
+
+.fui-cell-hover {
+  background-color: #f1f1f1 !important;
+}
+
+.fui-list-cell::after {
+  content: '';
+  position: absolute;
+  border-bottom: 1rpx solid #eaeef1;
+  -webkit-transform: scaleY(0.5) translateZ(0);
+  transform: scaleY(0.5) translateZ(0);
+  transform-origin: 0 100%;
+  bottom: 0;
+  right: 0;
+  left: 0;
+}
+
+.fui-line-left::after {
+  left: 30rpx !important;
+}
+
+.fui-line-right::after {
+  right: 30rpx !important;
+}
+
+.fui-cell-unlined::after {
+  border-bottom: 0 !important;
+}
+
+.fui-cell-arrow::before {
+  content: ' ';
+  height: 10px;
+  width: 10px;
+  border-width: 2px 2px 0 0;
+  border-color: #c0c0c0;
+  border-style: solid;
+  -webkit-transform: matrix(0.5, 0.5, -0.5, 0.5, 0, 0);
+  transform: matrix(0.5, 0.5, -0.5, 0.5, 0, 0);
+  position: absolute;
+  top: 50%;
+  margin-top: -6px;
+  right: 30rpx;
+}
+
+.fui-arrow-right::before {
+  right: 0 !important;
+}
+
+.fui-arrow-gray::before {
+  border-color: #666666 !important;
+}
+
+.fui-arrow-white::before {
+  border-color: #ffffff !important;
+}
+
+.fui-arrow-warning::before {
+  border-color: #ff7900 !important;
+}
+
+.fui-arrow-success::before {
+  border-color: #19be6b !important;
+}
+
+.fui-arrow-danger::before {
+  border-color: #eb0909 !important;
+}
+
+/*List end*/
+
+/*Card start*/
+.fui-card {
+  margin: 0 30rpx;
+  font-size: 28rpx;
+  background-color: #fff;
+  border-radius: 10rpx;
+  box-shadow: 0 0 10rpx #eee;
+  box-sizing: border-box;
+  overflow: hidden;
+}
+
+.fui-card-full {
+  margin: 0 !important;
+  border-radius: 0 !important;
+}
+
+.fui-card-full::after {
+  border-radius: 0 !important;
+}
+
+.fui-card-border {
+  position: relative;
+  box-shadow: none !important;
+}
+
+.fui-card-border::after {
+  content: ' ';
+  position: absolute;
+  height: 200%;
+  width: 200%;
+  border: 1px solid #ddd;
+  transform-origin: 0 0;
+  -webkit-transform-origin: 0 0;
+  -webkit-transform: scale(0.5);
+  transform: scale(0.5);
+  left: 0;
+  top: 0;
+  border-radius: 20rpx;
+  box-sizing: border-box;
+  pointer-events: none;
+}
+
+.fui-card-header {
+  width: 100%;
+  padding: 20rpx;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  position: relative;
+  box-sizing: border-box;
+  overflow: hidden;
+  border-top-left-radius: 10rpx;
+  border-top-right-radius: 10rpx;
+}
+
+.fui-card-header::after {
+  content: '';
+  position: absolute;
+  border-bottom: 1rpx solid #eaeef1;
+  -webkit-transform: scaleY(0.5);
+  transform: scaleY(0.5);
+  bottom: 0;
+  right: 0;
+  left: 0;
+  pointer-events: none;
+}
+
+.fui-header-line::after {
+  border-bottom: 0 !important;
+}
+
+.fui-header-thumb {
+  height: 60rpx;
+  width: 60rpx;
+  vertical-align: middle;
+  margin-right: 20rpx;
+  border-radius: 6rpx;
+}
+
+.fui-thumb-circle {
+  border-radius: 50% !important;
+}
+
+.fui-header-title {
+  display: inline-block;
+  font-size: 30rpx;
+  color: #7a7a7a;
+  vertical-align: middle;
+  max-width: 460rpx;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+.fui-header-right {
+  font-size: 24rpx;
+  color: #b2b2b2;
+}
+
+.fui-card-body {
+  font-size: 32rpx;
+  color: #262b3a;
+  box-sizing: border-box;
+}
+
+.fui-card-footer {
+  font-size: 28rpx;
+  color: #596d96;
+  border-bottom-left-radius: 10rpx;
+  border-bottom-right-radius: 10rpx;
+  box-sizing: border-box;
+}
+
+/*Card end*/
+
+/*Grid start*/
+.fui-grids {
+  width: 100%;
+  position: relative;
+  overflow: hidden;
+}
+
+.fui-grids::after {
+  content: ' ';
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 1px;
+  border-top: 1px solid #eaeef1;
+  -webkit-transform-origin: 0 0;
+  transform-origin: 0 0;
+  -webkit-transform: scaleY(0.5);
+  transform: scaleY(0.5);
+}
+
+.fui-border-top::after {
+  border-top: 0 !important;
+}
+
+.fui-grid {
+  position: relative;
+  padding: 12.5rpx 6.25rpx;
+  box-sizing: border-box;
+  background: #fff;
+  float: left;
+}
+
+.fui-grid-2 {
+  width: 50%;
+}
+
+.fui-grid-3 {
+  width: 33.333333333%;
+}
+
+.fui-grid-4 {
+  width: 25%;
+  padding: 30rpx 20rpx !important;
+}
+
+.fui-grid-5 {
+  width: 20%;
+  padding: 20rpx !important;
+}
+
+.fui-grid-2:nth-of-type(2n)::before {
+  width: 0;
+  border-right: 0;
+}
+
+.fui-grid-3:nth-of-type(3n)::before {
+  width: 0;
+  border-right: 0;
+}
+
+.fui-grid-4:nth-of-type(4n)::before {
+  width: 0;
+  border-right: 0;
+}
+
+.fui-grid-5:nth-of-type(5n)::before {
+  width: 0;
+  border-right: 0;
+}
+
+.fui-grid::before {
+  content: ' ';
+  position: absolute;
+  right: 0;
+  top: 0;
+  width: 1px;
+  bottom: 0;
+  border-right: 1px solid #eaeef1;
+  -webkit-transform-origin: 100% 0;
+  transform-origin: 100% 0;
+  -webkit-transform: scaleX(0.5);
+  transform: scaleX(0.5);
+}
+
+.fui-grid::after {
+  content: ' ';
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  height: 1px;
+  border-bottom: 1px solid #eaeef1;
+  -webkit-transform-origin: 0 100%;
+  transform-origin: 0 100%;
+  -webkit-transform: scaleY(0.5);
+  transform: scaleY(0.5);
+}
+
+.fui-grid-bottom::after {
+  height: 0 !important;
+  border-bottom: 0 !important;
+}
+
+.fui-grid-bg {
+  position: relative;
+  padding: 0;
+  width: 100%;
+  box-sizing: border-box;
+}
+
+.fui-item-hover {
+  background-color: #f7f7f9 !important;
+}
+
+/*Grid end*/
+
+/*Loading start*/
+.fui-loading-init {
+  min-width: 200rpx;
+  min-height: 200rpx;
+  max-width: 500rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  z-index: 9999;
+  font-size: 26rpx;
+  color: #fff;
+  background-color: rgba(0, 0, 0, 0.7);
+  border-radius: 10rpx;
+}
+
+.fui-loading-center {
+  width: 50rpx;
+  height: 50rpx;
+  border: 3px solid #fff;
+  border-radius: 50%;
+  margin: 0 6px;
+  display: inline-block;
+  vertical-align: middle;
+  clip-path: polygon(0% 0%, 100% 0%, 100% 40%, 0% 40%);
+  animation: rotate 1s linear infinite;
+  margin-bottom: 36rpx;
+}
+
+.fui-loadmore-tips {
+  text-align: center;
+  padding: 0 20rpx;
+  box-sizing: border-box;
+}
+
+@-webkit-keyframes rotate {
+  from {
+    transform: rotatez(0deg);
+  }
+
+  to {
+    transform: rotatez(360deg);
+  }
+}
+
+@keyframes rotate {
+  from {
+    transform: rotatez(0deg);
+  }
+
+  to {
+    transform: rotatez(360deg);
+  }
+}
+
+.fui-loadmore {
+  width: 48%;
+  margin: 1.5em auto;
+  line-height: 1.5em;
+  font-size: 24rpx;
+  text-align: center;
+}
+
+.fui-loading-1 {
+  margin: 0 5px;
+  width: 20px;
+  height: 20px;
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-animation: a 1s steps(12) infinite;
+  animation: a 1s steps(12) infinite;
+  background: transparent
+    url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxMDB2MTAwSDB6Ii8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTlFOUU5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTMwKSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iIzk4OTY5NyIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgzMCAxMDUuOTggNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjOUI5OTlBIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDYwIDc1Ljk4IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0EzQTFBMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA2NSA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNBQkE5QUEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDU4LjY2IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0IyQjJCMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgxNTAgNTQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjQkFCOEI5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDE4MCA1MCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDMkMwQzEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE1MCA0NS45OCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDQkNCQ0IiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTEyMCA0MS4zNCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNEMkQyRDIiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDM1IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0RBREFEQSIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgtNjAgMjQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTJFMkUyIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKC0zMCAtNS45OCA2NSkiLz48L3N2Zz4=)
+    no-repeat;
+  background-size: 100%;
+}
+
+@-webkit-keyframes a {
+  0% {
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+
+  to {
+    -webkit-transform: rotate(1turn);
+    transform: rotate(1turn);
+  }
+}
+
+@keyframes a {
+  0% {
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+
+  to {
+    -webkit-transform: rotate(1turn);
+    transform: rotate(1turn);
+  }
+}
+
+.fui-loadmore-tips {
+  display: inline-block;
+  vertical-align: middle;
+}
+
+.fui-loading-2 {
+  width: 28rpx;
+  height: 28rpx;
+  border: 1px solid #8f8d8e;
+  border-radius: 50%;
+  margin: 0 6px;
+  display: inline-block;
+  vertical-align: middle;
+  clip-path: polygon(0% 0%, 100% 0%, 100% 30%, 0% 30%);
+  animation: rotate 1s linear infinite;
+}
+
+@-webkit-keyframes rotate {
+  from {
+    transform: rotatez(0deg);
+  }
+
+  to {
+    transform: rotatez(360deg);
+  }
+}
+
+@keyframes rotate {
+  from {
+    transform: rotatez(0deg);
+  }
+
+  to {
+    transform: rotatez(360deg);
+  }
+}
+
+.fui-loading-3 {
+  display: inline-block;
+  margin: 0 6px;
+  vertical-align: middle;
+  width: 28rpx;
+  height: 28rpx;
+  background: 0 0;
+  border-radius: 50%;
+  border: 2px solid;
+  border-color: #e5e5e5 #e5e5e5 #e5e5e5 #8f8d8e;
+  animation: fui-rotate 0.7s linear infinite;
+}
+
+.fui-loading-3.fui-loading-primary {
+  border-color: #e5e5e5 #e5e5e5 #e5e5e5 #5677fc;
+}
+
+.fui-loading-3.fui-loading-green {
+  border-color: #e5e5e5 #e5e5e5 #e5e5e5 #19be6b;
+}
+
+.fui-loading-3.fui-loading-orange {
+  border-color: #e5e5e5 #e5e5e5 #e5e5e5 #ff7900;
+}
+
+.fui-loading-3.fui-loading-red {
+  border-color: #ededed #ededed #ededed #ed3f14;
+}
+
+@-webkit-keyframes fui-rotate {
+  0% {
+    transform: rotate(0);
+  }
+
+  100% {
+    transform: rotate(360deg);
+  }
+}
+
+@keyframes fui-rotate {
+  0% {
+    transform: rotate(0);
+  }
+
+  100% {
+    transform: rotate(360deg);
+  }
+}
+
+.fui-loadmore-none {
+  width: 50%;
+  margin: 1.5em auto;
+  line-height: 1.5em;
+  font-size: 24rpx;
+  display: flex;
+  justify-content: center;
+}
+
+.fui-nomore {
+  width: 100%;
+  height: 100%;
+  position: relative;
+  display: flex;
+  justify-content: center;
+  margin-top: 10rpx;
+  padding-bottom: 6rpx;
+}
+
+.fui-nomore::before {
+  content: ' ';
+  position: absolute;
+  border-bottom: 1rpx solid #e5e5e5;
+  -webkit-transform: scaleY(0.5);
+  transform: scaleY(0.5);
+  width: 100%;
+  top: 18rpx;
+  left: 0;
+}
+
+.fui-nomore-text {
+  color: #999;
+  font-size: 24rpx;
+  text-align: center;
+  padding: 0 18rpx;
+  height: 36rpx;
+  line-height: 36rpx;
+  position: relative;
+  z-index: 1;
+}
+
+.fui-nomore-dot {
+  position: relative;
+  text-align: center;
+  -webkit-display: flex;
+  display: flex;
+  -webkit-justify-content: center;
+  justify-content: center;
+  margin-top: 10rpx;
+  padding-bottom: 6rpx;
+}
+
+.fui-nomore-dot::before {
+  content: '';
+  position: absolute;
+  border-bottom: 1rpx solid #e5e5e5;
+  -webkit-transform: scaleY(0.5);
+  transform: scaleY(0.5);
+  width: 360rpx;
+  top: 18rpx;
+}
+
+.fui-dot-text {
+  position: relative;
+  color: #e5e5e5;
+  font-size: 10px;
+  text-align: center;
+  width: 50rpx;
+  height: 36rpx;
+  line-height: 36rpx;
+  -webkit-transform: scale(0.8);
+  transform: scale(0.8);
+  -webkit-transform-origin: center center;
+  transform-origin: center center;
+  z-index: 1;
+}
+
+/*Loading end*/
+
+/*Footer start*/
+.fui-footer {
+  width: 100%;
+  overflow: hidden;
+  padding: 30rpx 24rpx;
+  box-sizing: border-box;
+  font-size: 24rpx;
+  color: #a7a7a7;
+}
+
+.fui-fixed {
+  position: fixed;
+  z-index: 9999;
+  /* #ifdef H5 */
+  bottom: 0;
+  /* #endif */
+  /* #ifndef H5 */
+  bottom: env(safe-area-inset-bottom);
+  /* #endif */
+}
+
+.fui-footer-link {
+  color: #596d96;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 28rpx;
+}
+
+.fui-link {
+  position: relative;
+  padding: 0 18rpx;
+  line-height: 1;
+}
+
+.fui-link::before {
+  content: ' ';
+  position: absolute;
+  right: 0;
+  top: 0;
+  width: 1px;
+  bottom: 0;
+  border-right: 1px solid #d3d3d3;
+  -webkit-transform-origin: 100% 0;
+  transform-origin: 100% 0;
+  -webkit-transform: scaleX(0.5);
+  transform: scaleX(0.5);
+}
+
+.fui-link:last-child::before {
+  border-right: 0 !important;
+}
+
+.fui-link-hover {
+  opacity: 0.5;
+}
+
+.fui-footer-copyright {
+  font-size: 24rpx;
+  color: #a7a7a7;
+  line-height: 1;
+  text-align: center;
+  padding-top: 16rpx;
+}
+
+/*Footer end*/
+
+/*layout start*/
+
+/*形状*/
+.fui-triangle {
+  border: 16rpx solid;
+  width: 0;
+  height: 0;
+}
+
+.fui-triangle-left {
+  border-color: transparent #5c8dff transparent transparent;
+}
+
+.fui-triangle-right {
+  border-color: transparent transparent transparent #5c8dff;
+}
+
+.fui-triangle-top {
+  border-color: transparent transparent #5c8dff transparent;
+}
+
+.fui-triangle-bottom {
+  border-color: #5c8dff transparent transparent transparent;
+}
+
+.fui-parallelogram {
+  width: 100rpx;
+  height: 50rpx;
+  transform: skew(-10deg);
+  background: #19be6b;
+  margin-left: 10rpx;
+}
+
+.fui-crescent {
+  width: 60rpx;
+  height: 60rpx;
+  border-radius: 50%;
+  box-shadow: 12rpx 12rpx 0 0 yellowgreen;
+}
+
+.fui-input {
+  flex: 1;
+  font-size: 32rpx;
+  overflow: visible;
+}
+
+.fui-phcolor {
+  color: #ccc;
+  font-size: 32rpx;
+  overflow: visible;
+}
+
+.fui-text-left {
+  text-align: left;
+}
+
+.fui-text-right {
+  text-align: right;
+}
+
+/*上传*/
+.fui-upload-box {
+  width: 100%;
+  display: flex;
+  flex-wrap: wrap;
+}
+
+.fui-upload-item {
+  width: 220rpx;
+  height: 220rpx;
+  position: relative;
+  margin-right: 20rpx;
+  margin-bottom: 20rpx;
+}
+
+.fui-upload-item:nth-of-type(3n) {
+  margin-right: 0;
+}
+
+.fui-upload-img {
+  width: 220rpx;
+  height: 220rpx;
+  display: block;
+}
+
+.fui-upload-del {
+  position: absolute;
+  right: -18rpx;
+  top: -18rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.fui-upload-add {
+  width: 220rpx;
+  height: 220rpx;
+  font-size: 68rpx;
+  font-weight: 100;
+  color: #888;
+  background-color: #f7f7f7;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0;
+}
+
+/* 操作条*/
+.fui-operation {
+  width: 100%;
+  height: 100rpx;
+  box-sizing: border-box;
+  overflow: hidden;
+  background: rgba(255, 255, 255, 0.9);
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.fui-operation::before {
+  content: '';
+  position: absolute;
+  top: 0px;
+  right: 0;
+  left: 0;
+  border-top: 1rpx solid #eaeef1;
+  -webkit-transform: scaleY(0.5);
+  transform: scaleY(0.5);
+}
+
+.fui-operation-left {
+  display: flex;
+  align-items: center;
+}
+
+.fui-operation-item {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  position: relative;
+}
+
+.fui-operation-text {
+  font-size: 22rpx;
+  color: #333;
+}
+
+.fui-operation-right {
+  flex: 1;
+  height: 100rpx;
+  box-sizing: border-box;
+  padding-top: 0;
+}
+
+.fui-relative {
+  position: relative;
+}
+
+.fui-btn-comment {
+  height: 64rpx;
+  width: 84%;
+  background: #ededed;
+  color: #999;
+  border-radius: 8rpx;
+  font-size: 28rpx;
+  display: flex;
+  align-items: center;
+  padding-left: 20rpx;
+  box-sizing: border-box;
+  padding-top: 0;
+  margin-left: 30rpx;
+}