From 41f60633cbdaed2c633f90e43ca0c83fb3fdb975 Mon Sep 17 00:00:00 2001
From: zzzz <690498789@qq.com>
Date: Fri, 19 Apr 2024 04:30:14 +0800
Subject: [PATCH] first

---
 src/assets/init.scss | 1063 ++++++++++++++++++++++++++++++++++------------------------
 1 files changed, 614 insertions(+), 449 deletions(-)

diff --git a/src/assets/init.scss b/src/assets/init.scss
index 1cbbde6..12481dc 100644
--- a/src/assets/init.scss
+++ b/src/assets/init.scss
@@ -1,1190 +1,1355 @@
 /** ************************* overwrite ****************/
 
-*{
-    margin: 0;
-    padding: 0;
+* {
+  margin: 0;
+  padding: 0;
 }
-html,body{
-    // width: 8.28rem;
-    max-width: 828px;
-    margin: 0 auto;
-    height: 100%;
-    box-sizing: border-box;
+html,
+body {
+  // width: 8.28rem;
+  max-width: 828px;
+  margin: 0 auto;
+  height: 100%;
+  box-sizing: border-box;
 }
 
 body {
-    width: 100%;
-    height: 100%;
-    // overflow: hidden;
-    font-size:30px;
-    font-family: "微软雅黑";
-    font-weight: 400;
-    padding-bottom: constant(safe-area-inset-bottom);
-    padding-bottom: env(safe-area-inset-bottom);
-        /*兼容 IOS>11.2*/
-    // font-size: .32rem;
-    // background: #9E9FA3;
+  width: 100%;
+  height: 100%;
+  // overflow: hidden;
+  font-size: 30px;
+  font-family: "微软雅黑";
+  font-weight: 400;
+  padding-bottom: constant(safe-area-inset-bottom);
+  padding-bottom: env(safe-area-inset-bottom);
+  /*兼容 IOS>11.2*/
+  // font-size: .32rem;
+  // background: #9E9FA3;
 }
 @supports (bottom: constant(safe-area-inset-bottom)) {
-    body {
-        padding-bottom: constant(safe-area-inset-bottom);
-        padding-bottom: env(safe-area-inset-bottom);
-    }
+  body {
+    padding-bottom: constant(safe-area-inset-bottom);
+    padding-bottom: env(safe-area-inset-bottom);
+  }
 }
 
 input::-webkit-input-placeholder {
-    color: #C0C4CC;
+  color: #c0c4cc;
 }
 .doTouch {
-    touch-action: none;
-  }
+  touch-action: none;
+}
 
 /* 颜色值 */
-$white:#ffffff;
-$black:#000000;
-$dark-black:#22262F;
+$white: #ffffff;
+$black: #000000;
+$dark-black: #22262f;
 // $grey:#868C9A;
 $grey: #f3f3f3;
-$dark-grey: #868C9A;
-$light-grey:#C8CAD2;
-$border-grey:#E5E7ED;
-$blue:#2C78F8;
-$light-blue:#1199FA;
-$red:#F6465D;
-$green:#2EBD85;
-$purple:#9A4DFD;
-$night:#121212;
+$dark-grey: #868c9a;
+$light-grey: #c8cad2;
+$border-grey: #e5e7ed;
+$blue: #2c78f8;
+$light-blue: #1199fa;
+$red: #f6465d;
+$green: #2ebd85;
+$purple: #9a4dfd;
+$night: #121212;
+$newcolor: #9691fa;
+$newcolor1: #d2d2dc;
 // overwrite vant
 
+.newcolor1 {
+  color: $newcolor1;
+}
 .mining-pledge {
-    .van-tabs__wrap {
-        height: 145px!important;
-        .van-tab {
-            &:first-child {
-                border-right: 1px solid $border-grey;
-            }
-        }
+  .van-tabs__wrap {
+    height: 145px !important;
+    .van-tab {
+      &:first-child {
+        border-right: 1px solid $border-grey;
+      }
     }
+  }
 }
 
 :root {
-    --theme-color: #2C78F8;
+  --theme-color: #2c78f8;
 }
 
 /***************** global use framework *****************/
 
 /* flex */
-.flex { display: flex; }
-.flex-row { flex-direction: row;}
-.flex-col { flex-direction: column; }
-.justify-between { justify-content: space-between; }
-.justify-around { justify-content:space-around; }
-.justify-evenly { justify-content: space-evenly;}
-.justify-start{ justify-content: flex-start;}
-.justify-end { justify-content: flex-end; }
-.justify-center	{justify-content: center;}
-.items-start { align-items:flex-start;}
-.items-end { align-items: flex-end; }
-.items-center { align-items: center; }
-.items-stretch {align-items: stretch;}
-.flex-1 { flex: 1}
-.flex-wrap { flex-wrap: wrap;}
-.flex-nowrap { flex-wrap: nowrap;}
-.align-center{align-content:center;}
+.flex {
+  display: flex;
+}
+.flex-row {
+  flex-direction: row;
+}
+.flex-col {
+  flex-direction: column;
+}
+.justify-between {
+  justify-content: space-between;
+}
+.justify-around {
+  justify-content: space-around;
+}
+.justify-evenly {
+  justify-content: space-evenly;
+}
+.justify-start {
+  justify-content: flex-start;
+}
+.justify-end {
+  justify-content: flex-end;
+}
+.justify-center {
+  justify-content: center;
+}
+.items-start {
+  align-items: flex-start;
+}
+.items-end {
+  align-items: flex-end;
+}
+.items-center {
+  align-items: center;
+}
+.items-stretch {
+  align-items: stretch;
+}
+.flex-1 {
+  flex: 1;
+}
+.flex-wrap {
+  flex-wrap: wrap;
+}
+.flex-nowrap {
+  flex-wrap: nowrap;
+}
+.align-center {
+  align-content: center;
+}
 
 /* display */
-.block { display: block;}
+.block {
+  display: block;
+}
 
 /* position */
-.absolute { position: absolute; }
-.relative { position: relative; }
-.fixed { position: fixed; }
-.z-10 { z-index: 10;}
+.absolute {
+  position: absolute;
+}
+.relative {
+  position: relative;
+}
+.fixed {
+  position: fixed;
+}
+.z-10 {
+  z-index: 10;
+}
 
 /* font */
-.font-bold { font-weight: bold; }
-.font-normal { font-weight: normal; }
+.font-bold {
+  font-weight: bold;
+}
+.font-normal {
+  font-weight: normal;
+}
 
 /* text */
-.text-center { text-align: center;}
-.text-left { text-align: left;}
-.text-right { text-align: right;}
-.break-word{word-break: break-word}
+.text-center {
+  text-align: center;
+}
+.text-left {
+  text-align: left;
+}
+.text-right {
+  text-align: right;
+}
+.break-word {
+  word-break: break-word;
+}
 /* padding margin font */
 @for $i from 0 through 50 {
-
-    // font-weight
-    // font-size
-    // margin
-    .ml-#{$i} {
-        margin-left: #{$i}px
-    }
-    .mr-#{$i} {
-        margin-right: #{$i}px
-    }
-    .mt-#{$i} {
-        margin-top: #{$i}px
-    }
-    .mb-#{$i} {
-        margin-bottom: #{$i}px
-    }
-    .mx-#{$i} {
-        margin-left: #{$i}px;
-        margin-right: #{$i}px;
-    }
-    .my-#{$i} {
-        margin-top: #{$i}px;
-        margin-bottom: #{$i}px;
-    }
-    // padding
-    .pl-#{$i} {
-        padding-left: #{$i}px
-    }
-    .pr-#{$i} {
-        padding-right: #{$i}px
-    }
-    .pt-#{$i} {
-        padding-top: #{$i}px
-    }
-    .pb-#{$i} {
-        padding-bottom: #{$i}px
-    }
-    .px-#{$i} {
-        padding-left: #{$i}px;
-        padding-right: #{$i}px;
-    }
-    .py-#{$i} {
-        padding-top: #{$i}px;
-        padding-bottom: #{$i}px;
-    }
-    // width
-    .w-#{$i} {
-        width: #{$i}px
-    }
-    // height
+  // font-weight
+  // font-size
+  // margin
+  .ml-#{$i} {
+    margin-left: #{$i}px;
+  }
+  .mr-#{$i} {
+    margin-right: #{$i}px;
+  }
+  .mt-#{$i} {
+    margin-top: #{$i}px;
+  }
+  .mb-#{$i} {
+    margin-bottom: #{$i}px;
+  }
+  .mx-#{$i} {
+    margin-left: #{$i}px;
+    margin-right: #{$i}px;
+  }
+  .my-#{$i} {
+    margin-top: #{$i}px;
+    margin-bottom: #{$i}px;
+  }
+  // padding
+  .pl-#{$i} {
+    padding-left: #{$i}px;
+  }
+  .pr-#{$i} {
+    padding-right: #{$i}px;
+  }
+  .pt-#{$i} {
+    padding-top: #{$i}px;
+  }
+  .pb-#{$i} {
+    padding-bottom: #{$i}px;
+  }
+  .px-#{$i} {
+    padding-left: #{$i}px;
+    padding-right: #{$i}px;
+  }
+  .py-#{$i} {
+    padding-top: #{$i}px;
+    padding-bottom: #{$i}px;
+  }
+  // width
+  .w-#{$i} {
+    width: #{$i}px;
+  }
+  // height
 }
 
 @for $j from 1 through 100 {
-
-    // height
-    .h-#{$j} {
-        height: #{$j}px
-    }
-    //line-height
-    .lh-#{$j} {
-        line-height: #{$j}px
-    }
+  // height
+  .h-#{$j} {
+    height: #{$j}px;
+  }
+  //line-height
+  .lh-#{$j} {
+    line-height: #{$j}px;
+  }
 }
-.w-half { width: 50%; }
-.w-full { width: 100%; }
-.w-screen { width: 100%;}
-.h-full { height: 100%;}
-.h-screen { height: 100%;}
-.h-1000 { height: 1000px;}
+.w-half {
+  width: 50%;
+}
+.w-full {
+  width: 100%;
+}
+.w-screen {
+  width: 100%;
+}
+.h-full {
+  height: 100%;
+}
+.h-screen {
+  height: 100%;
+}
+.h-1000 {
+  height: 1000px;
+}
 
 /* background */
-.bg-white { background: $white; }
-.bg-black { background: #121212;}
-.bg-night{
-    background: $night;
-    color: #fff;
+.bg-white {
+  background: $white;
 }
-.bg-night1{
-    background: #242424;
+.bg-black {
+  background: #121212;
 }
-.bg-grey { background: $grey;}
-.bg-dark-grey{ background:$dark-grey};
-.bg-light-grey{ background:$light-grey;}
-.bg-red { background: $red; }
-.bg-green { background: $green;}
-.bg-blue { background: $blue;}
-.bg-dark-blue {background: #6C52E6;}
-.bg-light-blue{background: #7F81FD;}
-.bg-f5 {background: #F5F5F5}
+.bg-night {
+  background: $night;
+  color: #fff;
+}
+.bg-night1 {
+  background: #242424;
+}
+.bg-grey {
+  background: $grey;
+}
+.bg-dark-grey {
+  background: $dark-grey;
+}
+.bg-light-grey {
+  background: $light-grey;
+}
+.bg-red {
+  background: $red;
+}
+.bg-green {
+  background: $green;
+}
+.bg-blue {
+  background: $blue;
+}
+.bg-dark-blue {
+  background: #6c52e6;
+}
+.bg-light-blue {
+  background: #7f81fd;
+}
+.bg-f5 {
+  background: #f5f5f5;
+}
 
-.bg-none { background: none;}
-.bg-grey-f3 { background: $grey;}
-
+.bg-none {
+  background: none;
+}
+.bg-grey-f3 {
+  background: $grey;
+}
 
 /* color */
-.text-white { color: $white; }
-.text-black { color: $black; }
-.text-dark-black{ color:$dark-black;}
-.text-grey { color: $dark-grey; }
-.text-blue{ color:$blue;}
-.text-light-blue{ color:$light-blue;}
-.text-red { color: $red; }
-.text-green { color: $green; }
-.text-purple { color: $purple; }
-.text-night{
-    color: $night;
+.text-white {
+  color: $white;
+}
+.text-black {
+  color: $black;
+}
+.text-dark-black {
+  color: $dark-black;
+}
+.text-grey {
+  color: $dark-grey;
+}
+.text-blue {
+  color: $blue;
+}
+.text-light-blue {
+  color: $light-blue;
+}
+.text-red {
+  color: $red;
+}
+.text-green {
+  color: $green;
+}
+.text-purple {
+  color: $purple;
+}
+.text-night {
+  color: $night;
 }
 
 /* border-color */
-.border-white { border-color: $white; }
-.border-black { border-color: $black; }
-.border-grey { border-color: $grey; }
-.border-light-grey{ border-color:$light-grey;}
-.border-red { border-color: $red; }
-.border-green { border-color: $green; }
-.border-blue { border-color: $blue; }
-.border-light-blue { border-color: $light-blue; }
+.border-white {
+  border-color: $white;
+}
+.border-black {
+  border-color: $black;
+}
+.border-grey {
+  border-color: $grey;
+}
+.border-light-grey {
+  border-color: $light-grey;
+}
+.border-red {
+  border-color: $red;
+}
+.border-green {
+  border-color: $green;
+}
+.border-blue {
+  border-color: $blue;
+}
+.border-light-blue {
+  border-color: $light-blue;
+}
 
-.border-solid { border-style: solid; border-color: $border-grey;}
+.border-solid {
+  border-style: solid;
+  border-color: $border-grey;
+}
 
-.border-b-grey { border-bottom: 1px solid $border-grey;}
-.border-r-grey { border-right: 1px solid $border-grey;}
-.border-t-grey { border-top: 1px solid $border-grey;}
+.border-b-grey {
+  border-bottom: 1px solid $border-grey;
+}
+.border-r-grey {
+  border-right: 1px solid $border-grey;
+}
+.border-t-grey {
+  border-top: 1px solid $border-grey;
+}
 
-.border-solid-blue{ border:1px solid $blue;}
-.border-solid-grey{ border:1px solid $grey;}
-.border-solid-dark-grey{ border:1px solid $dark-grey;}
-.border-solid-light-grey{ border:1px solid $border-grey;}
-.border-b-dashed-black { border-bottom: 1px dashed #000; }
+.border-solid-blue {
+  border: 1px solid $blue;
+}
+.border-solid-grey {
+  border: 1px solid $grey;
+}
+.border-solid-dark-grey {
+  border: 1px solid $dark-grey;
+}
+.border-solid-light-grey {
+  border: 1px solid $border-grey;
+}
+.border-b-dashed-black {
+  border-bottom: 1px dashed #000;
+}
 // .border-b-grey { border-bottom: 1px solid #E5E7ED;}
 // .border-r-grey { border-right: 1px solid #E5E7ED;}
-.border-none { border: none; outline: none;}
+.border-none {
+  border: none;
+  outline: none;
+}
 
 /* border radius */
-.rounded-sm { border-radius: 2px;}
-.rounded { border-radius: 4px;}
-.rounded-md { border-radius: 6px;}
-.rounded-lg { border-radius: 8px;}
-.rounded-xl { border-radius: 12px;}
-.rounded-2xl { border-radius: 16px;}
-.rounded-full { border-radius: 9999px; }
+.rounded-sm {
+  border-radius: 2px;
+}
+.rounded {
+  border-radius: 4px;
+}
+.rounded-md {
+  border-radius: 6px;
+}
+.rounded-lg {
+  border-radius: 8px;
+}
+.rounded-xl {
+  border-radius: 12px;
+}
+.rounded-2xl {
+  border-radius: 16px;
+}
+.rounded-full {
+  border-radius: 9999px;
+}
 
 /** box-sizing */
-.box-border { box-sizing: border-box; }
+.box-border {
+  box-sizing: border-box;
+}
 
 /* border */
-.border { border-width: 1px; }
+.border {
+  border-width: 1px;
+}
 
 /* 解决重复点击报错的问题 */
 //* { touch-action: pan-y; }
 //left
 .left-0 {
-    left: 0;
+  left: 0;
 }
 
 .left-22 {
-    left: 22px;
+  left: 22px;
 }
 .left-24 {
-    left: 24px;
+  left: 24px;
 }
 .left-25 {
-    left: 25px;
+  left: 25px;
 }
 .left-28 {
-    left: 28px;
+  left: 28px;
 }
 
 //right
 .right-0 {
-    right: 0;
+  right: 0;
 }
 
 .right-10 {
-    right: 10px;
+  right: 10px;
 }
 .right-19 {
-    right: 19px;
+  right: 19px;
 }
 .right-20 {
-    right: 20px;
+  right: 20px;
 }
 .right-22 {
-    right: 22px;
+  right: 22px;
 }
 .right-34 {
-    right: 34px;
+  right: 34px;
 }
 
 //top
 .top-0 {
-    top: 0;
+  top: 0;
 }
 
 .top-97 {
-    top: 97px;
+  top: 97px;
 }
 
 .top-20 {
-    top: 20px;
+  top: 20px;
 }
 
 .top-10 {
-    top: 10px;
+  top: 10px;
 }
 
 .top-46 {
-    top: 46px;
+  top: 46px;
 }
 .top-122 {
-    top: 122px;
+  top: 122px;
 }
 
 //bottom
 .bottom-0 {
-    bottom: 0;
+  bottom: 0;
 }
 .bottom-28 {
-    bottom: 28px;
+  bottom: 28px;
 }
 .bottom-30 {
-    bottom: 30px;
+  bottom: 30px;
 }
 .bottom-90 {
-    bottom: 30px;
+  bottom: 30px;
 }
 .bottom-108 {
-    bottom: 108px;
+  bottom: 108px;
 }
 
 //font-weight
 
 .font-400 {
-    font-weight: 400;
+  font-weight: 400;
 }
 
 .font-500 {
-    font-weight: 500;
+  font-weight: 500;
 }
 
 .font-600 {
-    font-weight: 600;
+  font-weight: 600;
 }
 
 .font-700 {
-    font-weight: 700;
+  font-weight: 700;
 }
 
 .font-800 {
-    font-weight: 800;
+  font-weight: 800;
 }
 
 .font-900 {
-    font-weight: 900;
+  font-weight: 900;
 }
 
 //font-size
 .font-20 {
-    font-size: 20px;
+  font-size: 20px;
 }
 
 .font-22 {
-    font-size: 22px;
+  font-size: 22px;
 }
 
 .font-24 {
-    font-size: 24px;
+  font-size: 24px;
 }
 
 .font-25 {
-    font-size: 25px;
+  font-size: 25px;
 }
 
 .font-26 {
-    font-size: 26px;
+  font-size: 26px;
 }
 
 .font-27 {
-    font-size: 27px;
+  font-size: 27px;
 }
 
 .font-28 {
-    font-size: 28px;
+  font-size: 28px;
 }
 
 .font-30 {
-    font-size: 30px;
+  font-size: 30px;
 }
 
 .font-31 {
-    font-size: 31px;
+  font-size: 31px;
 }
 
 .font-32 {
-    font-size: 32px;
+  font-size: 32px;
 }
 
 .font-34 {
-    font-size: 34px;
+  font-size: 34px;
 }
 
 .font-35 {
-    font-size: 35px;
+  font-size: 35px;
 }
 
 .font-36 {
-    font-size: 36px;
+  font-size: 36px;
 }
 
 .font-38 {
-    font-size: 38px;
+  font-size: 38px;
 }
 
 .font-39 {
-    font-size: 39px;
+  font-size: 39px;
 }
 
 .font-40 {
-    font-size: 40px;
+  font-size: 40px;
 }
 
 .font-44 {
-    font-size: 44px;
+  font-size: 44px;
 }
 
 .font-45 {
-    font-size: 45px;
+  font-size: 45px;
 }
 
 .font-45 {
-    font-size: 45px;
+  font-size: 45px;
 }
 
 .font-48 {
-    font-size: 48px;
+  font-size: 48px;
 }
 
 .font-50 {
-    font-size: 50px;
+  font-size: 50px;
 }
 
 .font-52 {
-    font-size: 52px;
+  font-size: 52px;
 }
 
 .font-54 {
-    font-size: 54px;
+  font-size: 54px;
 }
 
 .font-55 {
-    font-size: 55px;
+  font-size: 55px;
 }
 
 .font-56 {
-    font-size: 56px;
+  font-size: 56px;
 }
 
 .font-60 {
-    font-size: 60px;
+  font-size: 60px;
 }
 
 .font-64 {
-    font-size: 64px;
+  font-size: 64px;
 }
 
 .font-66 {
-    font-size: 66px;
+  font-size: 66px;
 }
 
 .font-68 {
-    font-size: 68px;
+  font-size: 68px;
 }
 
 .font-70 {
-    font-size: 70px;
+  font-size: 70px;
 }
 
 //margin-left
 .ml-60 {
-    margin-left: 60px;
+  margin-left: 60px;
 }
 
 .ml-62 {
-    margin-left: 62px;
+  margin-left: 62px;
 }
 
 .ml-100 {
-    margin-left: 100px;
+  margin-left: 100px;
 }
 
 .ml-110 {
-    margin-left: 110px;
+  margin-left: 110px;
 }
 
 //margin-right
 .mr-55 {
-    margin-right: 55px;
+  margin-right: 55px;
 }
 .mr-80 {
-    margin-right: 80px;
+  margin-right: 80px;
 }
 .mr-89 {
-    margin-right: 89px;
+  margin-right: 89px;
 }
 .mr-100 {
-    margin-right: 100px;
+  margin-right: 100px;
 }
 
 //margin-top
 .mt-50 {
-    margin-top: 50px;
+  margin-top: 50px;
 }
 
 .mt-51 {
-    margin-top: 51px;
+  margin-top: 51px;
 }
 
 .mt-52 {
-    margin-top: 52px;
+  margin-top: 52px;
 }
 
 .mt-53 {
-    margin-top: 53px;
+  margin-top: 53px;
 }
 
 .mt-54 {
-    margin-top: 54px;
+  margin-top: 54px;
 }
 
 .mt-55 {
-    margin-top: 55px;
+  margin-top: 55px;
 }
 
 .mt-56 {
-    margin-top: 56px;
+  margin-top: 56px;
 }
 
 .mt-60 {
-    margin-top: 60px;
+  margin-top: 60px;
 }
 
 .mt-62 {
-    margin-top: 62px;
+  margin-top: 62px;
 }
 
 .mt-64 {
-    margin-top: 64px;
+  margin-top: 64px;
 }
 
 .mt-68 {
-    margin-top: 68px;
+  margin-top: 68px;
 }
 
 .mt-70 {
-    margin-top: 70px;
+  margin-top: 70px;
 }
 
 .mt-71 {
-    margin-top: 71px;
+  margin-top: 71px;
 }
 
 .mt-75 {
-    margin-top: 75px;
+  margin-top: 75px;
 }
 .mt-76 {
-    margin-top: 76px;
+  margin-top: 76px;
 }
 
 .mt-78 {
-    margin-top: 78px;
+  margin-top: 78px;
 }
 
 .mt-71 {
-    margin-top: 71px;
+  margin-top: 71px;
 }
 
 .mt-75 {
-    margin-top: 75px;
+  margin-top: 75px;
 }
 
 .mt-78 {
-    margin-top: 78px;
+  margin-top: 78px;
 }
 .mt-80 {
-    margin-top: 80px;
+  margin-top: 80px;
 }
 .mt-82 {
-    margin-top: 82px;
+  margin-top: 82px;
 }
 
 .mt-83 {
-    margin-top: 83px;
+  margin-top: 83px;
 }
 
 .mt-84 {
-    margin-top: 84px;
+  margin-top: 84px;
 }
 
 .mt-88 {
-    margin-top: 88px;
+  margin-top: 88px;
 }
 
 .mt-90 {
-    margin-top: 90px;
+  margin-top: 90px;
 }
 .mt-92 {
-    margin-top: 92px;
+  margin-top: 92px;
 }
 
 .mt-94 {
-    margin-top: 94px;
+  margin-top: 94px;
 }
 
 .mt-96 {
-    margin-top: 96px;
+  margin-top: 96px;
 }
 
 .mt-109 {
-    margin-top: 109px;
+  margin-top: 109px;
 }
 
 .mt-116 {
-    margin-top: 116px;
+  margin-top: 116px;
 }
 
 .mt-120 {
-    margin-top: 120px;
+  margin-top: 120px;
 }
 
 .mt-142 {
-    margin-top: 142px;
+  margin-top: 142px;
 }
 
 .mt-144 {
-    margin-top: 144px;
+  margin-top: 144px;
 }
 .mt-184 {
-    margin-top: 184px;
+  margin-top: 184px;
 }
 .mt-193 {
-    margin-top: 193px;
+  margin-top: 193px;
 }
 
 .mt-266 {
-    margin-top: 266px;
+  margin-top: 266px;
 }
 .mt-492 {
-    margin-top: 492px;
+  margin-top: 492px;
 }
 
 // margin-bottom
 .mb-54 {
-    margin-bottom: 54px;
+  margin-bottom: 54px;
 }
 
 .mb-60 {
-    margin-bottom: 60px;
+  margin-bottom: 60px;
 }
 .mb-62 {
-    margin-bottom: 62px;
+  margin-bottom: 62px;
 }
 
 .mb-65 {
-    margin-bottom: 65px;
+  margin-bottom: 65px;
 }
 
 .mb-70 {
-    margin-bottom: 70px;
+  margin-bottom: 70px;
 }
 
 .mb-80 {
-    margin-bottom: 80px;
+  margin-bottom: 80px;
 }
 
 .mb-100 {
-    margin-bottom: 100px;
+  margin-bottom: 100px;
 }
 
 //margin-left margin-right
 .mx-52 {
-    margin-left: 52px;
-    margin-right: 52px;
+  margin-left: 52px;
+  margin-right: 52px;
 }
 
 //margin-top margin-bottom
 
-
 //padding
 .p-10 {
-    padding: 10px;
+  padding: 10px;
 }
 .p-32 {
-    padding: 32px;
+  padding: 32px;
 }
 .p-40 {
-    padding: 40px;
+  padding: 40px;
 }
 .p-50 {
-    padding: 50px;
+  padding: 50px;
 }
 
 //padding-left
 .pl-60 {
-    padding-left: 60px;
+  padding-left: 60px;
 }
 
 .pl-72 {
-    padding-left: 72px;
+  padding-left: 72px;
 }
 .pl-80 {
-    padding-left: 80px;
+  padding-left: 80px;
 }
 .pl-94 {
-    padding-left: 94px;
+  padding-left: 94px;
 }
 .pl-96 {
-    padding-left: 96px;
+  padding-left: 96px;
 }
 
 .pl-200 {
-    padding-left: 200px;
+  padding-left: 200px;
 }
 //padding-right
 .pr-62 {
-    padding-right: 62px;
+  padding-right: 62px;
 }
-.pr-140{
-    padding-right: 140px;
+.pr-140 {
+  padding-right: 140px;
 }
 //padding-top
 .pt-54 {
-    padding-top: 54px;
+  padding-top: 54px;
 }
 
 .pt-58 {
-    padding-top: 58px;
+  padding-top: 58px;
 }
 
 .pt-60 {
-    padding-top: 60px;
+  padding-top: 60px;
 }
 .pt-64 {
-    padding-top: 64px;
+  padding-top: 64px;
 }
 .pt-80 {
-    padding-top: 80px;
+  padding-top: 80px;
 }
 
 .pt-82 {
-    padding-top: 82px;
+  padding-top: 82px;
 }
 
 .pt-100 {
-    padding-top: 100px;
+  padding-top: 100px;
 }
 
 .pt-110 {
-    padding-top: 110px;
+  padding-top: 110px;
 }
 
 .pt-124 {
-    padding-top: 124px;
+  padding-top: 124px;
 }
 
 .pt-185 {
-    padding-top: 185px;
+  padding-top: 185px;
 }
 
 //padding-bottom
 .pb-54 {
-    padding-bottom: 54px;
+  padding-bottom: 54px;
 }
 
 .pb-58 {
-    padding-bottom: 58px;
+  padding-bottom: 58px;
 }
 
 .pb-60 {
-    padding-bottom: 60px;
+  padding-bottom: 60px;
 }
 
 .pb-61 {
-    padding-bottom: 61px;
+  padding-bottom: 61px;
 }
 
 .pb-64 {
-    padding-bottom: 64px;
+  padding-bottom: 64px;
 }
 
 .pb-68 {
-    padding-bottom: 68px;
+  padding-bottom: 68px;
 }
 
 .pb-80 {
-    padding-bottom: 80px;
+  padding-bottom: 80px;
 }
 
 .pb-82 {
-    padding-bottom: 82px;
+  padding-bottom: 82px;
 }
 
 .pb-90 {
-    padding-bottom: 90px;
+  padding-bottom: 90px;
 }
 
 .pb-100 {
-    padding-bottom: 100px;
+  padding-bottom: 100px;
 }
 
 .pb-104 {
-    padding-bottom: 104px;
+  padding-bottom: 104px;
 }
 
 .pb-108 {
-    padding-bottom: 108px;
+  padding-bottom: 108px;
 }
 
 .pb-120 {
-    padding-bottom: 120px;
+  padding-bottom: 120px;
 }
 
 .pb-144 {
-    padding-bottom: 144px;
+  padding-bottom: 144px;
 }
 
 .pb-144 {
-    padding-bottom: 150px;
+  padding-bottom: 150px;
 }
 
 .pb-180 {
-    padding-bottom: 180px;
+  padding-bottom: 180px;
 }
 .pb-200 {
-    padding-bottom: 200px;
+  padding-bottom: 200px;
 }
 // padding-left padding-right
 .px-52 {
-    padding-left: 52px;
-    padding-right: 52px;
+  padding-left: 52px;
+  padding-right: 52px;
 }
-.px-52{ 
-    padding-left: 52px;
-    padding-right: 52px;
+.px-52 {
+  padding-left: 52px;
+  padding-right: 52px;
 }
 .px-60 {
-    padding-left: 60px;
-    padding-right: 60px;
+  padding-left: 60px;
+  padding-right: 60px;
 }
 // padding-top padding-bottom
 .py-28 {
-    padding-top: 28px;
-    padding-bottom: 28px
+  padding-top: 28px;
+  padding-bottom: 28px;
 }
 .py-300 {
-    padding-top: 300px;
-    padding-bottom: 300px
+  padding-top: 300px;
+  padding-bottom: 300px;
 }
 
 //width
 .w-52 {
-    width: 52px;
+  width: 52px;
 }
-.w-54{
-    width: 54px;
+.w-54 {
+  width: 54px;
 }
 .w-55 {
-    width: 55px;
+  width: 55px;
 }
 .w-56 {
-    width: 56px;
+  width: 56px;
 }
 .w-60 {
-    width: 60px;
+  width: 60px;
 }
 
 .w-62 {
-    width: 62px;
+  width: 62px;
 }
 
 .w-64 {
-    width: 64px;
+  width: 64px;
 }
 
 .w-65 {
-    width: 65px;
+  width: 65px;
 }
 
 .w-70 {
-    width: 70px;
+  width: 70px;
 }
 
 .w-72 {
-    width: 72px;
+  width: 72px;
 }
 
 .w-75 {
-    width: 75px;
+  width: 75px;
 }
 
 .w-80 {
-    width: 80px;
+  width: 80px;
 }
 
 .w-81 {
-    width: 81px;
+  width: 81px;
 }
 
 .w-90 {
-    width: 90px;
+  width: 90px;
 }
 
 .w-92 {
-    width: 92px;
+  width: 92px;
 }
 
 .w-95 {
-    width: 95px;
+  width: 95px;
 }
 
 .w-96 {
-    width: 96px;
+  width: 96px;
 }
 
 .w-120 {
-    width: 120px;
+  width: 120px;
 }
 
 .w-122 {
-    width: 122px;
+  width: 122px;
 }
 
 .w-125 {
-    width: 125px;
+  width: 125px;
 }
 
 .w-128 {
-    width: 128px;
+  width: 128px;
 }
 
 .w-140 {
-    width: 140px;
+  width: 140px;
 }
 .w-150 {
-    width: 150px;
+  width: 150px;
 }
 .w-153 {
-    width: 153px;
+  width: 153px;
 }
 
 .w-154 {
-    width: 154px;
+  width: 154px;
 }
 
 .w-156 {
-    width: 156px;
+  width: 156px;
 }
 
 .w-160 {
-    width: 160px;
+  width: 160px;
 }
 
 .w-162 {
-    width: 162px;
+  width: 162px;
 }
 
 .w-177 {
-    width: 177px;
+  width: 177px;
 }
 
 .w-180 {
-    width: 180px;
+  width: 180px;
 }
 
 .w-182 {
-    width: 182px;
+  width: 182px;
 }
 
 .w-189 {
-    width: 189px;
+  width: 189px;
 }
 
 .w-200 {
-    width: 200px;
+  width: 200px;
 }
 
 .w-210 {
-    width: 210px;
+  width: 210px;
 }
 .w-232 {
-    width: 232px;
+  width: 232px;
 }
 .w-244 {
-    width: 244px;
+  width: 244px;
 }
 .w-248 {
-    width: 248px;
+  width: 248px;
 }
 
 .w-252 {
-    width: 252px;
+  width: 252px;
 }
 
 .w-255 {
-    width: 255px;
+  width: 255px;
 }
 
 .w-270 {
-    width: 270px;
+  width: 270px;
 }
 
 .w-280 {
-    width: 280px;
+  width: 280px;
 }
 
 .w-290 {
-    width: 290px;
+  width: 290px;
 }
 
 .w-360 {
-    width: 360px;
+  width: 360px;
 }
 
 .w-368 {
-    width: 368px;
+  width: 368px;
 }
 
 .w-370 {
-    width: 370px;
+  width: 370px;
 }
 
 .w-385 {
-    width: 385px;
+  width: 385px;
 }
 
 .w-440 {
-    width: 440px;
+  width: 440px;
 }
 
 .w-460 {
-    width: 460px;
+  width: 460px;
 }
 
 .w-500 {
-    width: 500px;
+  width: 500px;
 }
 
 .w-580 {
-    width: 580px;
+  width: 580px;
 }
 .w-600 {
-    width: 600px;
+  width: 600px;
 }
 .w-616 {
-    width: 616px;
+  width: 616px;
 }
 .w-640 {
-    width: 640px;
+  width: 640px;
 }
 
 .w-700 {
-    width: 700px;
+  width: 700px;
 }
 .w-748 {
-    width: 748px;
+  width: 748px;
 }
 .w-762 {
-    width: 762px;
+  width: 762px;
 }
 
 .w-763 {
-    width: 763px;
+  width: 763px;
 }
 
 .w-768 {
-    width: 768px;
+  width: 768px;
 }
 
 .w-828 {
-    width: 828px;
+  width: 828px;
 }
 
 //hight
 .h-101 {
-    height: 101px;
+  height: 101px;
 }
 
 .h-102 {
-    height: 102px;
+  height: 102px;
 }
 
 .h-110 {
-    height: 110px;
+  height: 110px;
 }
 .h-120 {
-    height: 120px;
+  height: 120px;
 }
 .h-122 {
-    height: 122px;
+  height: 122px;
 }
 
 .h-127 {
-    height: 127px;
+  height: 127px;
 }
 
 .h-128 {
-    height: 128px;
+  height: 128px;
 }
 
 .h-130 {
-    height: 130px;
+  height: 130px;
 }
 
 .h-150 {
-    height: 150px;
+  height: 150px;
 }
 
 .h-152 {
-    height: 152px;
+  height: 152px;
 }
 
 .h-154 {
-    height: 154px;
+  height: 154px;
 }
 
 .h-156 {
-    height: 156px;
+  height: 156px;
 }
 
 .h-158 {
-    height: 158px;
+  height: 158px;
 }
 
 .h-170 {
-    height: 170px;
+  height: 170px;
 }
 
 .h-180 {
-    height: 180px;
+  height: 180px;
 }
 
 .h-200 {
-    height: 200px;
+  height: 200px;
 }
 
 .h-220 {
-    height: 220px;
+  height: 220px;
 }
 
 .h-229 {
-    height: 229px;
+  height: 229px;
 }
 
 .h-240 {
-    height: 240px;
+  height: 240px;
 }
 
 .h-260 {
-    height: 260px;
+  height: 260px;
 }
 .h-304 {
-    height: 304px;
+  height: 304px;
 }
 
 .h-828 {
-    height: 828px;
+  height: 828px;
 }
 
 //line-height
 .lh-152 {
-    line-height: 152px;
+  line-height: 152px;
 }
-
-
-
-
-

--
Gitblit v1.9.3