/** ************************* overwrite ****************/
|
|
#cryptos {
|
// * {
|
// margin: 0;
|
// padding: 0;
|
// }
|
|
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;
|
}
|
|
@supports (bottom: constant(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;
|
}
|
|
.doTouch {
|
touch-action: none;
|
}
|
|
/* 颜色值 */
|
$white: #ffffff;
|
$black: #000000;
|
$dark-black: #22262F;
|
// $grey:#868C9A;
|
$grey: #E5E7ED;
|
$dark-grey: #868C9A;
|
$light-grey: #C8CAD2;
|
$border-grey: #E5E7ED;
|
$blue: #1194F7;
|
$light-blue: #1199FA;
|
$red: #F43368;
|
$green: #06CDA5;
|
$purple: #9A4DFD;
|
$night: #f5f7fa;
|
// overwrite vant
|
|
.mining-pledge {
|
.van-tabs__wrap {
|
height: 145px !important;
|
|
.van-tab {
|
&:first-child {
|
border-right: 1px solid $border-grey;
|
}
|
}
|
}
|
}
|
|
:root {
|
--theme-color: #1194F7;
|
}
|
|
/***************** 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;
|
}
|
|
/* display */
|
.block {
|
display: block;
|
}
|
|
/* position */
|
.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;
|
}
|
|
/* text */
|
.text-center {
|
text-align: center;
|
}
|
|
.text-left {
|
text-align: left;
|
}
|
|
.text-right {
|
text-align: right;
|
}
|
|
/* 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
|
}
|
|
@for $j from 1 through 100 {
|
|
// 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;
|
}
|
|
/* background */
|
.bg-white {
|
background: $white;
|
}
|
|
.bg-black {
|
background: #131a2e;
|
}
|
|
.bg-night {
|
background: #131a2e;
|
color: #fff;
|
}
|
|
.bg-night1 {
|
background: #000;
|
}
|
|
.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;
|
}
|
|
|
/* 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;
|
}
|
|
/* 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-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-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 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;
|
}
|
|
/** box-sizing */
|
.box-border {
|
box-sizing: border-box;
|
}
|
|
/* border */
|
.border {
|
border-width: 1px;
|
}
|
|
/* 解决重复点击报错的问题 */
|
//* { touch-action: pan-y; }
|
//left
|
.left-0 {
|
left: 0;
|
}
|
|
.left-22 {
|
left: 22px;
|
}
|
|
.left-24 {
|
left: 24px;
|
}
|
|
.left-25 {
|
left: 25px;
|
}
|
|
.left-28 {
|
left: 28px;
|
}
|
|
//right
|
.right-0 {
|
right: 0;
|
}
|
|
.right-10 {
|
right: 10px;
|
}
|
|
.right-19 {
|
right: 19px;
|
}
|
|
.right-20 {
|
right: 20px;
|
}
|
|
.right-22 {
|
right: 22px;
|
}
|
|
.right-34 {
|
right: 34px;
|
}
|
|
//top
|
.top-0 {
|
top: 0;
|
}
|
|
.top-97 {
|
top: 97px;
|
}
|
|
.top-20 {
|
top: 20px;
|
}
|
|
.top-10 {
|
top: 10px;
|
}
|
|
.top-46 {
|
top: 46px;
|
}
|
|
.top-122 {
|
top: 122px;
|
}
|
|
//bottom
|
.bottom-0 {
|
bottom: 0;
|
}
|
|
.bottom-28 {
|
bottom: 28px;
|
}
|
|
.bottom-30 {
|
bottom: 30px;
|
}
|
|
.bottom-90 {
|
bottom: 30px;
|
}
|
|
.bottom-108 {
|
bottom: 108px;
|
}
|
|
//font-weight
|
|
.font-400 {
|
font-weight: 400;
|
}
|
|
.font-500 {
|
font-weight: 500;
|
}
|
|
.font-600 {
|
font-weight: 600;
|
}
|
|
.font-700 {
|
font-weight: 700;
|
}
|
|
.font-800 {
|
font-weight: 800;
|
}
|
|
.font-900 {
|
font-weight: 900;
|
}
|
|
//font-size
|
.font-20 {
|
font-size: 20px;
|
}
|
|
.font-22 {
|
font-size: 22px;
|
}
|
|
.font-24 {
|
font-size: 24px;
|
}
|
|
.font-25 {
|
font-size: 25px;
|
}
|
|
.font-26 {
|
font-size: 26px;
|
}
|
|
.font-27 {
|
font-size: 27px;
|
}
|
|
.font-28 {
|
font-size: 28px;
|
}
|
|
.font-30 {
|
font-size: 30px;
|
}
|
|
.font-31 {
|
font-size: 31px;
|
}
|
|
.font-32 {
|
font-size: 32px;
|
}
|
|
.font-34 {
|
font-size: 34px;
|
}
|
|
.font-35 {
|
font-size: 35px;
|
}
|
|
.font-36 {
|
font-size: 36px;
|
}
|
|
.font-38 {
|
font-size: 38px;
|
}
|
|
.font-39 {
|
font-size: 39px;
|
}
|
|
.font-40 {
|
font-size: 40px;
|
}
|
|
.font-44 {
|
font-size: 44px;
|
}
|
|
.font-45 {
|
font-size: 45px;
|
}
|
|
.font-45 {
|
font-size: 45px;
|
}
|
|
.font-48 {
|
font-size: 48px;
|
}
|
|
.font-50 {
|
font-size: 50px;
|
}
|
|
.font-52 {
|
font-size: 52px;
|
}
|
|
.font-54 {
|
font-size: 54px;
|
}
|
|
.font-55 {
|
font-size: 55px;
|
}
|
|
.font-56 {
|
font-size: 56px;
|
}
|
|
.font-60 {
|
font-size: 60px;
|
}
|
|
.font-64 {
|
font-size: 64px;
|
}
|
|
.font-66 {
|
font-size: 66px;
|
}
|
|
.font-68 {
|
font-size: 68px;
|
}
|
|
.font-70 {
|
font-size: 70px;
|
}
|
|
//margin-left
|
.ml-60 {
|
margin-left: 60px;
|
}
|
|
.ml-62 {
|
margin-left: 62px;
|
}
|
|
.ml-100 {
|
margin-left: 100px;
|
}
|
|
.ml-110 {
|
margin-left: 110px;
|
}
|
|
//margin-right
|
.mr-55 {
|
margin-right: 55px;
|
}
|
|
.mr-80 {
|
margin-right: 80px;
|
}
|
|
.mr-89 {
|
margin-right: 89px;
|
}
|
|
.mr-100 {
|
margin-right: 100px;
|
}
|
|
//margin-top
|
.mt-50 {
|
margin-top: 50px;
|
}
|
|
.mt-51 {
|
margin-top: 51px;
|
}
|
|
.mt-52 {
|
margin-top: 52px;
|
}
|
|
.mt-53 {
|
margin-top: 53px;
|
}
|
|
.mt-54 {
|
margin-top: 54px;
|
}
|
|
.mt-55 {
|
margin-top: 55px;
|
}
|
|
.mt-56 {
|
margin-top: 56px;
|
}
|
|
.mt-60 {
|
margin-top: 60px;
|
}
|
|
.mt-62 {
|
margin-top: 62px;
|
}
|
|
.mt-64 {
|
margin-top: 64px;
|
}
|
|
.mt-68 {
|
margin-top: 68px;
|
}
|
|
.mt-70 {
|
margin-top: 70px;
|
}
|
|
.mt-71 {
|
margin-top: 71px;
|
}
|
|
.mt-75 {
|
margin-top: 75px;
|
}
|
|
.mt-76 {
|
margin-top: 76px;
|
}
|
|
.mt-78 {
|
margin-top: 78px;
|
}
|
|
.mt-71 {
|
margin-top: 71px;
|
}
|
|
.mt-75 {
|
margin-top: 75px;
|
}
|
|
.mt-78 {
|
margin-top: 78px;
|
}
|
|
.mt-80 {
|
margin-top: 80px;
|
}
|
|
.mt-82 {
|
margin-top: 82px;
|
}
|
|
.mt-83 {
|
margin-top: 83px;
|
}
|
|
.mt-84 {
|
margin-top: 84px;
|
}
|
|
.mt-88 {
|
margin-top: 88px;
|
}
|
|
.mt-90 {
|
margin-top: 90px;
|
}
|
|
.mt-92 {
|
margin-top: 92px;
|
}
|
|
.mt-94 {
|
margin-top: 94px;
|
}
|
|
.mt-96 {
|
margin-top: 96px;
|
}
|
|
.mt-109 {
|
margin-top: 109px;
|
}
|
|
.mt-116 {
|
margin-top: 116px;
|
}
|
|
.mt-120 {
|
margin-top: 120px;
|
}
|
|
.mt-142 {
|
margin-top: 142px;
|
}
|
|
.mt-144 {
|
margin-top: 144px;
|
}
|
|
.mt-184 {
|
margin-top: 184px;
|
}
|
|
.mt-193 {
|
margin-top: 193px;
|
}
|
|
.mt-266 {
|
margin-top: 266px;
|
}
|
|
.mt-492 {
|
margin-top: 492px;
|
}
|
|
// margin-bottom
|
.mb-54 {
|
margin-bottom: 54px;
|
}
|
|
.mb-60 {
|
margin-bottom: 60px;
|
}
|
|
.mb-62 {
|
margin-bottom: 62px;
|
}
|
|
.mb-65 {
|
margin-bottom: 65px;
|
}
|
|
.mb-70 {
|
margin-bottom: 70px;
|
}
|
|
.mb-80 {
|
margin-bottom: 80px;
|
}
|
|
.mb-100 {
|
margin-bottom: 100px;
|
}
|
|
//margin-left margin-right
|
.mx-52 {
|
margin-left: 52px;
|
margin-right: 52px;
|
}
|
|
//margin-top margin-bottom
|
|
|
//padding
|
.p-10 {
|
padding: 10px;
|
}
|
|
.p-32 {
|
padding: 32px;
|
}
|
|
.p-40 {
|
padding: 40px;
|
}
|
|
.p-50 {
|
padding: 50px;
|
}
|
|
//padding-left
|
.pl-60 {
|
padding-left: 60px;
|
}
|
|
.pl-72 {
|
padding-left: 72px;
|
}
|
|
.pl-80 {
|
padding-left: 80px;
|
}
|
|
.pl-94 {
|
padding-left: 94px;
|
}
|
|
.pl-96 {
|
padding-left: 96px;
|
}
|
|
.pl-200 {
|
padding-left: 200px;
|
}
|
|
//padding-right
|
.pr-62 {
|
padding-right: 62px;
|
}
|
|
.pr-140 {
|
padding-right: 140px;
|
}
|
|
//padding-top
|
.pt-54 {
|
padding-top: 54px;
|
}
|
|
.pt-58 {
|
padding-top: 58px;
|
}
|
|
.pt-60 {
|
padding-top: 60px;
|
}
|
|
.pt-80 {
|
padding-top: 80px;
|
}
|
|
.pt-82 {
|
padding-top: 82px;
|
}
|
|
.pt-100 {
|
padding-top: 100px;
|
}
|
|
.pt-110 {
|
padding-top: 110px;
|
}
|
|
.pt-124 {
|
padding-top: 124px;
|
}
|
|
.pt-185 {
|
padding-top: 185px;
|
}
|
|
//padding-bottom
|
.pb-54 {
|
padding-bottom: 54px;
|
}
|
|
.pb-58 {
|
padding-bottom: 58px;
|
}
|
|
.pb-60 {
|
padding-bottom: 60px;
|
}
|
|
.pb-61 {
|
padding-bottom: 61px;
|
}
|
|
.pb-64 {
|
padding-bottom: 64px;
|
}
|
|
.pb-68 {
|
padding-bottom: 68px;
|
}
|
|
.pb-80 {
|
padding-bottom: 80px;
|
}
|
|
.pb-82 {
|
padding-bottom: 82px;
|
}
|
|
.pb-90 {
|
padding-bottom: 90px;
|
}
|
|
.pb-100 {
|
padding-bottom: 100px;
|
}
|
|
.pb-104 {
|
padding-bottom: 104px;
|
}
|
|
.pb-108 {
|
padding-bottom: 108px;
|
}
|
|
.pb-120 {
|
padding-bottom: 120px;
|
}
|
|
.pb-144 {
|
padding-bottom: 144px;
|
}
|
|
.pb-144 {
|
padding-bottom: 150px;
|
}
|
|
.pb-180 {
|
padding-bottom: 180px;
|
}
|
|
.pb-200 {
|
padding-bottom: 200px;
|
}
|
|
// padding-left padding-right
|
.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-top padding-bottom
|
.py-28 {
|
padding-top: 28px;
|
padding-bottom: 28px
|
}
|
|
.py-300 {
|
padding-top: 300px;
|
padding-bottom: 300px
|
}
|
|
//width
|
.w-52 {
|
width: 52px;
|
}
|
|
.w-54 {
|
width: 54px;
|
}
|
|
.w-55 {
|
width: 55px;
|
}
|
|
.w-56 {
|
width: 56px;
|
}
|
|
.w-60 {
|
width: 60px;
|
}
|
|
.w-62 {
|
width: 62px;
|
}
|
|
.w-64 {
|
width: 64px;
|
}
|
|
.w-65 {
|
width: 65px;
|
}
|
|
.w-70 {
|
width: 70px;
|
}
|
|
.w-72 {
|
width: 72px;
|
}
|
|
.w-75 {
|
width: 75px;
|
}
|
|
.w-80 {
|
width: 80px;
|
}
|
|
.w-81 {
|
width: 81px;
|
}
|
|
.w-90 {
|
width: 90px;
|
}
|
|
.w-92 {
|
width: 92px;
|
}
|
|
.w-95 {
|
width: 95px;
|
}
|
|
.w-96 {
|
width: 96px;
|
}
|
|
.w-120 {
|
width: 120px;
|
}
|
|
.w-122 {
|
width: 122px;
|
}
|
|
.w-125 {
|
width: 125px;
|
}
|
|
.w-128 {
|
width: 128px;
|
}
|
|
.w-140 {
|
width: 140px;
|
}
|
|
.w-150 {
|
width: 150px;
|
}
|
|
.w-153 {
|
width: 153px;
|
}
|
|
.w-154 {
|
width: 154px;
|
}
|
|
.w-156 {
|
width: 156px;
|
}
|
|
.w-160 {
|
width: 160px;
|
}
|
|
.w-162 {
|
width: 162px;
|
}
|
|
.w-177 {
|
width: 177px;
|
}
|
|
.w-180 {
|
width: 180px;
|
}
|
|
.w-182 {
|
width: 182px;
|
}
|
|
.w-189 {
|
width: 189px;
|
}
|
|
.w-200 {
|
width: 200px;
|
}
|
|
.w-210 {
|
width: 210px;
|
}
|
|
.w-232 {
|
width: 232px;
|
}
|
|
.w-244 {
|
width: 244px;
|
}
|
|
.w-248 {
|
width: 248px;
|
}
|
|
.w-252 {
|
width: 252px;
|
}
|
|
.w-255 {
|
width: 255px;
|
}
|
|
.w-270 {
|
width: 270px;
|
}
|
|
.w-280 {
|
width: 280px;
|
}
|
|
.w-290 {
|
width: 290px;
|
}
|
|
.w-360 {
|
width: 360px;
|
}
|
|
.w-368 {
|
width: 368px;
|
}
|
|
.w-370 {
|
width: 370px;
|
}
|
|
.w-385 {
|
width: 385px;
|
}
|
|
.w-440 {
|
width: 440px;
|
}
|
|
.w-460 {
|
width: 460px;
|
}
|
|
.w-500 {
|
width: 500px;
|
}
|
|
.w-580 {
|
width: 580px;
|
}
|
|
.w-600 {
|
width: 600px;
|
}
|
|
.w-640 {
|
width: 640px;
|
}
|
|
.w-700 {
|
width: 700px;
|
}
|
|
.w-748 {
|
width: 748px;
|
}
|
|
.w-762 {
|
width: 762px;
|
}
|
|
.w-763 {
|
width: 763px;
|
}
|
|
.w-768 {
|
width: 768px;
|
}
|
|
.w-828 {
|
width: 828px;
|
}
|
|
//hight
|
.h-101 {
|
height: 101px;
|
}
|
|
.h-102 {
|
height: 102px;
|
}
|
|
.h-110 {
|
height: 110px;
|
}
|
|
.h-120 {
|
height: 120px;
|
}
|
|
.h-122 {
|
height: 122px;
|
}
|
|
.h-127 {
|
height: 127px;
|
}
|
|
.h-128 {
|
height: 128px;
|
}
|
|
.h-130 {
|
height: 130px;
|
}
|
|
.h-150 {
|
height: 150px;
|
}
|
|
.h-152 {
|
height: 152px;
|
}
|
|
.h-154 {
|
height: 154px;
|
}
|
|
.h-156 {
|
height: 156px;
|
}
|
|
.h-158 {
|
height: 158px;
|
}
|
|
.h-170 {
|
height: 170px;
|
}
|
|
.h-180 {
|
height: 180px;
|
}
|
|
.h-200 {
|
height: 200px;
|
}
|
|
.h-220 {
|
height: 220px;
|
}
|
|
.h-229 {
|
height: 229px;
|
}
|
|
.h-240 {
|
height: 240px;
|
}
|
|
.h-260 {
|
height: 260px;
|
}
|
|
.h-304 {
|
height: 304px;
|
}
|
|
.h-828 {
|
height: 828px;
|
}
|
|
//line-height
|
.lh-152 {
|
line-height: 152px;
|
}
|
.w-100{
|
width: 100px;
|
}
|
.h-100{
|
height: 100px;
|
}
|
|
|
}
|
