add

assets/css/base.less

@@ -0,0 +1,180 @@
+@charset "UTF-8";
+/**
+    *相关初始化
+*/
+.font-color-red {
+  color: #73CBB6 !important;
+}
+.bg-color-red {
+  background-color: #73CBB6 !important;
+}
+.icon-color {
+  color: #73CBB6;
+}
+.cart-color {
+  color: #73CBB6 !important;
+  border: 1px solid #73CBB6 !important;
+}
+/* padding20 */
+.padding20 {
+  padding: 0.2*3.125rem;
+}
+/* pad20 */
+.pad20 {
+  padding: 0 0.2*3.125rem;
+}
+/* padding30 */
+.padding30 {
+  padding: 0.3*3.125rem;
+}
+/*pad30 */
+.pad30 {
+  padding: 0 0.3*3.125rem;
+}
+/* layout */
+.acea-row {
+  display: flex;
+  flex-wrap: wrap;
+  /* 辅助类 */
+}
+.acea-row.row-middle {
+  align-items: center;
+}
+.acea-row.row-top {
+  align-items: flex-start;
+}
+.acea-row.row-bottom {
+  align-items: flex-end;
+}
+.acea-row.row-center {
+  justify-content: center;
+}
+.acea-row.row-right {
+  justify-content: flex-end;
+}
+.acea-row.row-left {
+  justify-content: flex-start;
+}
+.acea-row.row-between {
+  justify-content: space-between;
+}
+.acea-row.row-around {
+  justify-content: space-around;
+}
+.acea-row.row-column-around {
+  flex-direction: column;
+  justify-content: space-around;
+}
+.acea-row.row-column {
+  flex-direction: column;
+}
+.acea-row.row-column-between {
+  flex-direction: column;
+  justify-content: space-between;
+}
+/* 上下左右垂直居中 */
+.acea-row.row-center-wrapper {
+  align-items: center;
+  justify-content: center;
+}
+/* 上下两边居中对齐 */
+.acea-row.row-between-wrapper {
+  align-items: center;
+  justify-content: space-between;
+}
+
+/* 轮播图 */
+.slider-banner {
+  position: relative;
+  width: 100%;
+  /* height:750rpx; */
+  overflow: hidden;
+}
+.slider-banner{
+  
+}
+.slider-banner .swiper-container {
+  height: 100%;
+}
+.slider-banner img {
+  display: block;
+  width: 100%;
+  height: 100%;
+}
+.start {
+  width: 1.22*3.125rem;
+  height: 0.3*3.125rem;
+  background-image: url("https://h5.dayouqiantu.cn/static/images/start.png");
+  background-repeat: no-repeat;
+  background-size: 1.22*3.125rem auto;
+}
+.start.star5 {
+  background-position: 0 0.03*3.125rem;
+}
+.start.star4 {
+  background-position: 0 -0.3*3.125rem;
+}
+.start.star3 {
+  background-position: 0 -0.7*3.125rem;
+}
+.start.star2 {
+  background-position: 0 -1.05*3.125rem;
+}
+.start.star1 {
+  background-position: 0 -1.4*3.125rem;
+}
+.start.star0 {
+  background-position: 0 -1.75*3.125rem;
+}
+/* 单选框和多选框 */
+.checkbox-wrapper {
+  position: relative;
+}
+.checkbox-wrapper input {
+  display: none;
+}
+.checkbox-wrapper .icon {
+  position: absolute;
+  left: 0;
+  top: 50%;
+  display: inline-block;
+  width: 18px;
+  height: 18px;
+  border: 1px solid #cccccc;
+  border-radius: 50%;
+  transform: translate(0, -50%);
+}
+.checkbox-wrapper input:checked + .icon {
+  background-color: #e93323;
+  border-color: #e93323;
+  background-image: url("https://h5.dayouqiantu.cn/static/images/enter.png");
+  background-size: 0.21*3.125rem 0.15*3.125rem;
+  background-repeat: no-repeat;
+  background-position: center center;
+}
+.Loads {
+  height: 0.8*3.125rem;
+  font-size: 0.25*3.125rem;
+  color: #000;
+}
+.Loads .iconfont {
+  font-size: 0.3*3.125rem;
+  margin-right: 0.1*3.125rem;
+  height: 0.32*3.125rem;
+  line-height: 0.32*3.125rem;
+}
+/*加载动画*/
+@keyframes load {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+.loadingpic {
+  animation: load 3s linear 1s infinite;
+}
+.loading {
+  animation: load linear 1s infinite;
+}