/** Shopify CDN: Minification failed

Line 665:25 Unexpected "{"

**/
:root {
  /* Colors */
  /* Primary Blue 1 */
  --primary-blue: #07B8EF;


  
  /* Alert Red 1*/
  --alert-red: #DC3A3A;
  

  
   /* Text Colors 1 2 3 4 7*/
  --text-black: #0D0D0D;
  --text-primary: #242426;
  --text-secondary: rgba(36, 36, 38, 0.8);
  --text-tertiary: rgba(36, 36, 38, 0.6);
  --text-quaternary: rgba(36, 36, 38, 0.35);
  --text-disabled: rgba(36, 36, 38, 0.15);
  --text-white: #FFFFFF;
  --text-white-secondary: rgba(255, 255, 255, 0.75);
  
  /* Background Colors */
  --background-white:#fff;
  --background-light: #f6f7f9;
  --background-medium: #EAEAEB;
  --background-dark: #1A1A1A;
  --background-black: #000;

  --overlay-dark: rgba(36, 36, 38, 0.7);
  --overlay-medium: rgba(36, 36, 38, 0.4);
  --overlay-light: rgba(255, 255, 255, 0.40);
  
  /* Borders */
  --border-light: rgba(187, 187, 188, 0.35);
  --border-dark: rgba(36, 36, 38, 0.35);
  --border-white: rgba(255, 255, 255, 0.4); 
  
  


  /* Brand Color */
  --brand-infinityblue: #0D22E6;
  --brand-infinityblue2: #3447F4;
  --brand-black: #1A1A1A;
  --brand-black: #FFFFFF;

  /* Pool Color */
  --pool-ice: #AAC6DC;
  --pool-stone: #7B89A5;
  --pool-lake: #38808F;
  --pool-marsh: #3C6558;
  --pool-rock: #4A556D;
  --pool-ocean: #12315F;

  /* Category Highlight Color */
  --highlight-blue: #2FE0F4;
  --highlight-green: #BBF928;
  --highlight-orange: #FA5410;


  /* Lawn Color */
  --lawn-sand: #C6AA75;
  --lawn-moss: #C3BF7A;
  --lawn-leaf: #AEB35F;
  --lawn-grass: #919C56;
  --lawn-olive: #847C50;
  --lawn-palm: #68733C;



 
  

  
  /* Typography */
  --font-family: 'Manrope', sans-serif;
  
  /* Font Size */
  --font-size-xs: 12px;
  --font-size-sm: 14px;
  --font-size-md: 16px;
  --font-size-lg: 20px;
  --font-size-xl: 24px;
  --font-size-2xl: 32px;
  --font-size-3xl: 48px;
  --font-size-4xl: 56px;
  --font-size-5xl: 64px;

  /* mb */
   --font-size-mb-5xl: 40px;
  --font-size-mb-4xl: 36x;
  --font-size-mb-3xl: 28x;
  
  /* Font Weight */
  --font-weight-light: 300;
  --font-weight-regular: 300;
  --font-weight-medium: 400;
  --font-weight-semibold: 500;
  --font-weight-bold: 600;
  --font-weight-extrabold: 700;
  
  /* Line Height */
  --line-height-title-1: 84px;  /* 64px font */
  --line-height-title-2: 74px;  /* 56px font */
  --line-height-title-3: 64px;  /* 48px font */
  --line-height-title-4: 42px;  /* 32px font */
  --line-height-title-5: 32px;  /* 24px font */
  --line-height-title-6: 26px;  /* 20px font */
  
  --line-height-body-1: 30px;   /* 24px font */
  --line-height-body-2: 24px;   /* 20px font */
  --line-height-body-3: 20px;   /* 16px font */
  --line-height-body-4: 18px;   /* 14px font */
  --line-height-body-5: 16px;   /* 12px font */

  /* mb */
   --line-height-title-mb-1: 52px; 
   --line-height-title-mb-2: 48px; 
  --line-height-title-mb-3: 36px; 
  --line-height-title-mb-4: 26px; 
  --line-height-title-mb-5: 22px; 
  --line-height-body-mb-6: 32px; 
   
  
  /* Border Radius */
  --border-radius-sm: 5px;
  --border-radius-md: 8px;
  --border-radius-lg: 12px;
  
  /* Spacing */
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
  --spacing-xxl: 48px;

/* animation Variables */
  --global-staggered-delay: 0.15;
  --global-staggered-opacity-duration: 0.9;
  --global-staggered-translate-y: 30px;
  --global-staggered-translate-y-duration: 0.7;
  --global-viewport-content-responsive: 87.5vw;
  --global-animation-easing-function: cubic-bezier(0.455,0.030,0.515,0.955);
  --global-select-column-space: 20px;
  --global-hover-easing-function: cubic-bezier(0,0,0.5,1);
  --global-hover-scale: 1.0174418605;
}

@keyframes welcomeFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes welcomeMoveIn {
  0% {
    transform: translateY(var(--global-staggered-translate-y));
  }
  100% {
      transform: translateY(0);
  }
}
.welcome-animation {
  animation-name: welcomeFadeIn, welcomeMoveIn;
  animation-duration: calc(var(--global-staggered-opacity-duration) * 1s), calc(var(--global-staggered-translate-y-duration) * 1s);
  animation-timing-function: var(--global-animation-easing-function);
  animation-fill-mode: both;
}
.welcome-animation-none {
  opacity: 0;
  transform: translateY(var(--global-staggered-translate-y));
}

/* 更平滑的过渡 */
 .lazy {
  opacity: 0;
}

 .lazy.entered {
  opacity: 0.3;
  transition: opacity 0.1s ease;
}

 .lazy.entered.loading {
  opacity: 0.6;
  transition: opacity 0.1s ease;
}

 .lazy.loaded {
  opacity: 1;
  transition: opacity 0.3s ease;
}

/* 版心 样式 */
.Compz-container{
  width:100%;
  height:auto;
}
.Compz-container-block{
  width:1200px;
  margin: 0 auto;
  height:100%;
}
.Compz-container-block-samll{
  width:960px;
  margin: 0 auto;
  height:100%;
}
.Compz-margin-block{
  margin-bottom:64px;
}
.Compz-btn{
  padding: 12px 24px;
  text-decoration: none;
  font-family: Manrope;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  border-radius: 40px;
}



@media (min-width: 745px) and (max-width: 1280px) {
   .Compz-container-block, .Compz-container-block-samll{
      width:704px;
    }
  .Compz-margin-block{
      margin-bottom:40px;
    }
}
@media screen and (max-width: 744px) {
   .Compz-container-block, .Compz-container-block-samll{
      width:calc(100% - 40px);
    }
    .Compz-margin-block{
      margin-bottom:40px;
    }
}

/* Typography Classes */
.Display-1-bold {
  font-family: var(--font-family);
  font-size: 64px;
  font-weight: var(--font-weight-extrabold);
  line-height: 84px;
}
.Display-1-semibold {
  font-family: var(--font-family);
  font-size: 64px;
  font-weight: var(--font-weight-semibold);
  line-height: 84px;
}

.Display-1-light {
  font-family: var(--font-family);
  font-size: 64px;
  font-weight: var(--font-weight-light);
  line-height: 84px;
}

.Display-2-bold {
  font-family: var(--font-family);
  font-size: 56px;
  font-weight: var(--font-weight-extrabold);
  line-height: 74px;
}
.Display-2-semibold {
  font-family: var(--font-family);
  font-size: 56px;
  font-weight: var(--font-weight-semibold);
  line-height: 74px;
}
.Display-2-light {
  font-family: var(--font-family);
  font-size: 56px;
  font-weight: var(--font-weight-light);
  line-height: 74px;
}

.Display-3-bold {
  font-family: var(--font-family);
  font-size: 48px;
  font-weight: var(--font-weight-extrabold);
  line-height: 64px;
}
.Display-3-semibold {
  font-family: var(--font-family);
  font-size: 48px;
  font-weight: var(--font-weight-semibold);
  line-height: 64px;
}

.Display-3-light {
  font-family: var(--font-family);
  font-size: 48px;
  font-weight: var(--font-weight-light);
  line-height: 64px;
}

.Display-4-bold {
  font-family: var(--font-family);
  font-size: 40px;
  font-weight: var(--font-weight-extrabold);
  line-height: 52PX;
}
.Display-4-semibold {
  font-family: var(--font-family);
  font-size: 40px;
  font-weight: var(--font-weight-semibold);
  line-height: 52PX;
}
.Display-4-light {
  font-family: var(--font-family);
  font-size: 40px;
  font-weight: var(--font-weight-light);
  line-height: 52PX;
}

.Display-5-bold {
  font-family: var(--font-family);
  font-size: 28px;
  font-weight: var(--font-weight-extrabold);
  line-height: 36px;
}
.Display-5-semibold {
  font-family: var(--font-family);
  font-size: 28px;
  font-weight: var(--font-weight-semibold);
  line-height: 36px;
}
.Display-5-light {
  font-family: var(--font-family);
  font-size: 28px;
  font-weight: var(--font-weight-light);
  line-height: 36px;
}

.Display-6-bold {
  font-family: var(--font-family);
  font-size: 20px;
  font-weight: var(--font-weight-extrabold);
  line-height: 26px;
}
.Display-6-semibold {
  font-family: var(--font-family);
  font-size: 20px;
  font-weight: var(--font-weight-semibold);
  line-height: 26px;
}

.Display-6-light {
  font-family: var(--font-family);
  font-size: 20px;
  font-weight: var(--font-weight-light);
  line-height: 26px;
}
.Display-7-bold {
  font-family: var(--font-family);
  font-size: 32px;
  font-weight: var(--font-weight-extrabold);
  line-height: 42px;
}
.Display-7-semibold {
  font-family: var(--font-family);
  font-size: 32px;
  font-weight: var(--font-weight-semibold);
  line-height: 42px;
}

.Display7-light {
  font-family: var(--font-family);
  font-size: 32px;
  font-weight: var(--font-weight-light);
  line-height: 42px;
}
.Display-8-bold {
  font-family: var(--font-family);
  font-size: 24px;
  font-weight: var(--font-weight-extrabold);
  line-height: 32px;
}
.Display-8-semibold {
  font-family: var(--font-family);
  font-size: 24px;
  font-weight: var(--font-weight-semibold);
  line-height: 32px;
}

.Display8-light {
  font-family: var(--font-family);
  font-size: 24px;
  font-weight: var(--font-weight-light);
  line-height: 32px;
}
.Text-Body-1 {
  font-family: var(--font-family);
  font-size: 24px;
  font-weight: var(--font-weight-medium);
  line-height: 32px;
}

.Text-Body-1-bold {
  font-family: var(--font-family);
  font-size: 24px;
  font-weight: var(--font-weight-bold);
  line-height: 32px;
}

.Text-Body-2 {
  font-family: var(--font-family);
  font-size: 20px;
  font-weight: var(--font-weight-medium);
  line-height: 26px;
}

.Text-Body-2-bold {
  font-family: var(--font-family);
  font-size: 20px;
  font-weight: var(--font-weight-bold);
  line-height: 26px;
}

.Text-Body-3 {
  font-family: var(--font-family);
  font-size: 16px;
  font-weight: var(--font-weight-medium);
  line-height: 22px;
}

.Text-Body-3-bold {
  font-family: var(--font-family);
  font-size: 16px;
  font-weight: var(--font-weight-bold);
  line-height: 22px;
}

.Text-Body-4 {
  font-family: var(--font-family);
  font-size: 14px;
  font-weight: var(--font-weight-medium);
  line-height: 20px;
}

.Text-Body-4-bold {
  font-family: var(--font-family);
  font-size: 14px;
  font-weight: var(--font-weight-bold);
  line-height: 20px;
}

.Text-Body-5 {
  font-family: var(--font-family);
  font-size: 12px;
  font-weight: var(--font-weight-medium);
  line-height: 16px;
}

.Text-Body-5-bold {
  font-family: var(--font-family);
  font-size: 12px;
  font-weight: var(--font-weight-bold);
  line-height: 16px;
}
@media screen and (max-width: 1280px) {
   /* Typography Classes */
    .Display-1-bold {
      font-size: 40px;
      line-height: 52px;
      font-weight:800;
    }
    .Display-1-semibold {
      font-size: 40px;
      line-height: 52px;
      font-weight:800;
    }
    
    .Display-1-light {
      font-size: 40px;
      line-height: 52px;
      font-weight:800;
    }
    
    .Display-2-bold {
      font-size: 36px;
      line-height:48px;
      font-weight:800;
    }
    .Display-2-semibold {
      font-size: 36px;
      line-height:48px;
      font-weight:800;
    }
    .Display-2-light {
       font-size: 36px;
       line-height:48px;
       font-weight:800;
    }
    
    .Display-3-bold {
      font-size: 32px;
      line-height: 42px;
      font-weight:800;
    }
    .Display-3-semibold {
      font-size: 32px;
      line-height: 42px;
      font-weight:800;
    }
    
    .Display-3-light {
      font-size: 32px;
      line-height: 42px;
      font-weight:800;
    }
    
    .Display-4-bold {
      font-size: 28px;
      line-height: 36px;
      font-weight:800;
    }
    .Display-4-semibold {
      font-size: 28px;
      line-height: 36px;
      font-weight:800;
    }
    .Display-4-light {
      font-size: 28px;
      line-height: 36px;
      font-weight:800;
    }
    
    .Display-5-bold {
      font-size: 20px;
      line-height: 26px;
      font-weight:800;
    }
    .Display-5-semibold {
      font-size: 20px;
      line-height: 26px;
      font-weight:800;
    }
    .Display-5-light {
      font-size: 20px;
      line-height: 26px;
      font-weight:800;
    }
    
    .Display-6-bold {
      font-size: 16px;
      line-height:22px;
      font-weight:800;
    }
    .Display-6-semibold {
      font-size: 16px;
      line-height:22px;
      font-weight:800;
    }
    
    .Display-6-light {
      font-size: 16px;
      line-height:22px;
      font-weight:800;
    }

  .Display-7-bold {
    font-size: 24px;
    line-height: 32px;
    font-weight:800;
  }
  .Display-7-semibold {
    font-size: 24px;
    line-height: 32px;
    font-weight:800;
  }
  
  .Display7-light {
    font-size: 24px;
    line-height: 32px;
    font-weight:800;
  }

  .Display-8-bold {
    font-size: 18px;
    line-height: 24px;
    font-weight:800;
  }
  .Display-8-semibold {
    font-size: 18px;
      line-height: 24px;
      font-weight:800;
  }

  .Display8-light {
  font-size: 18px;
    line-height: 24px;
    font-weight:800;
  }
    
    .Text-Body-1 {
      font-size: 24px;
      line-height: 32px;
    }
    
    .Text-Body-1-bold {
      font-size: 24px;
      line-height: 32px;
    }
    
    .Text-Body-2 {
      font-size: 20px;
      line-height: 26px;
    }
    
    .Text-Body-2-bold {
       font-size: 20px;
       line-height: 26px;
    }
    
    .Text-Body-3 {
      font-size: 16px;
      line-height: 22px;
    }
    
    .Text-Body-3-bold {
      font-size: 16px;
      line-height: 22px;
    }
    
    .Text-Body-4 {
      font-size: 14px;
      line-height: 20px;
    }
    
    .Text-Body-4-bold {
      font-size: 14px;
      line-height: 20px;
    }
    
    .Text-Body-5 {
      font-size: 12px;
      line-height: 16px;
    }
    
    .Text-Body-5-bold {
      font-size: 12px;
      line-height: 16px;
    }
 }





/* 间距  padding-bottom */
.Compz-padding-bottom-1, {
  padding-bottom:4px;
}
.Compz-padding-bottom-2{
  padding-bottom:8px;
}
.Compz-padding-bottom-3{
  padding-bottom:8px;
}
.Compz-padding-bottom-4{
  padding-bottom:12px;
}
.Compz-padding-bottom-5{
  padding-bottom:16px;
}
.Compz-padding-bottom-6{
  padding-bottom:16px;
}
.Compz-padding-bottom-7{
  padding-bottom:20px;
}
.Compz-padding-bottom-8{
  padding-bottom:20px;
}
.Compz-padding-bottom-9{
  padding-bottom:24px;
}
.Compz-padding-bottom-10{
  padding-bottom:24px;
}
.Compz-padding-bottom-11{
  padding-bottom:32px;
}

.Compz-padding-bottom-12{
  padding-bottom:40px;
}
.Compz-padding-bottom-13{
  padding-bottom:64px;
}

.Compz-padding-bottom-14{
  padding-bottom:80px;
}

.Compz-padding-bottom-15{
  padding-bottom:120px;
}
.Compz-padding-bottom-16{
  padding-bottom:160px;
}

/* 间距  padding-top */
.Compz-padding-top-1{
  padding-top:4px;
}
.Compz-padding-top-2{
  padding-top:8px;
}
.Compz-padding-top-3{
  padding-top:8px;
}
.Compz-padding-top-4{
  padding-top:12px;
}
.Compz-padding-top-5{
  padding-top:16px;
}
.Compz-padding-top-6{
  padding-top:16px;
}
.Compz-padding-top-7{
  padding-top:20px;
}
.Compz-padding-top-8{
  padding-top:20px;
}
.Compz-padding-top-9{
  padding-top:24px;
}
.Compz-padding-top-10{
  padding-top:24px;
}
.Compz-padding-top-11{
  padding-top:32px;
}

.Compz-padding-top-12{
  padding-top:40px;
}
.Compz-padding-top-13{
  padding-top:64px;
}

.Compz-padding-top-14{
  padding-top:80px;
}

.Compz-padding-top-15{
  padding-top:120px;
}
.Compz-padding-top-16{
  padding-top:160px;
}

/* 间距  margin-bottom */
.Compz-margin-bottom-1{
  margin-bottom:4px;
}
.Compz-pmargin-bottom-2{
  margin-bottom:8px;
}
.Compz-margin-bottom-3{
  margin-bottom:8px;
}
.Compz-margin-bottom-4{
  margin-bottom:12px;
}
.Compz-margin-bottom-5{
  margin-bottom:16px;
}
.Compz-margin-bottom-6{
  margin-bottom:16px;
}
.Compz-margin-bottom-7{
  margin-bottom:20px;
}
.Compz-margin-bottom-8{
  margin-bottom:20px;
}
.Compz-margin-bottom-9{
  margin-bottom:24px;
}
.Compz-margin-bottom-10{
  margin-bottom:24px;
}
.Compz-margin-bottom-11{
  margin-bottom:32px;
}

.Compz-margin-bottom-12{
  margin-bottom:40px;
}
.Compz-margin-bottom-13{
  margin-bottom:64px;
}
.Compz-margin-bottom-14{
  margin-bottom:80px;
}

.Compz-margin-bottom-15{
  margin-bottom:120px;
}
.Compz-margin-bottom-16{
  margin-bottom:160px;
}
/* 间距  margin-top */

.Compz-margin-top-1{
  margin-top:4px;
}
.Compz-margin-top-2{
  margin-top:8px;
}
.Compz-margin-top-3{
  margin-top:8px;
}
.Compz-margin-top-4{
  margin-top:12px;
}
.Compz-margin-top-5{
  margin-top:16px;
}
.Compz-margin-top-6{
  margin-top:16px;
}
.Compz-margin-top-7{
  margin-top:20px;
}
.Compz-margin-top-8{
  margin-top:20px;
}
.Compz-margin-top-9{
  margin-top:24px;
}
.Compz-margin-top-10{
  margin-top:24px;
}
.Compz-margin-top-11{
  margin-top:32px;
}

.Compz-margin-top-12{
  margin-top:40px;
}
.Compz-margin-top-13{
  margin-top:64px;
}
.Compz-margin-top-14{
  margin-top:80px;
}

.Compz-margin-top-15{
  margin-top:120px;
}
.Compz-margin-top-16{
  margin-top:160px;
}



/* 圆角 */
.Compz-radius-1{
  border-radius:4px;
}
.Compz-radius-2{
  border-radius:8px;
}
.Compz-radius-3{
  border-radius:16px;
}
.Compz-radius-4{
  border-radius:24px;
}
.Compz-radius-5{
  border-radius:40px;
}
.Compz-radius-6{
  border-radius:48px;
}
.Compz-radius-Full{
  border-radius:999px;
}
.Compz-radius-7{
  border-radius:12px;
}
@media screen and (max-width: 1280px) {

    /* 间距  padding-bottom */
  .Compz-padding-bottom-1 {
    padding-bottom:4px;
  }
  .Compz-padding-bottom-2{
    padding-bottom:4px;
  }
  .Compz-padding-bottom-3{
    padding-bottom:8px;
  }
  .Compz-padding-bottom-4{
    padding-bottom:12px;
  }
  .Compz-padding-bottom-5{
    padding-bottom:12px;
  }
  .Compz-padding-bottom-6{
    padding-bottom:16px;
  }
  .Compz-padding-bottom-7{
    padding-bottom:16px;
  }
  .Compz-padding-bottom-8{
    padding-bottom:20px;
  }
  .Compz-padding-bottom-9{
    padding-bottom:20px;
  }
  .Compz-padding-bottom-10{
    padding-bottom:24px;
  }
  .Compz-padding-bottom-11{
    padding-bottom:24px;
  }

  .Compz-padding-bottom-12{
    padding-bottom:32px;
  }
  .Compz-padding-bottom-13{
    padding-bottom:40px;
  }

  .Compz-padding-bottom-14{
    padding-bottom:64px;
  }

  .Compz-padding-bottom-15{
    padding-bottom:80px;
  }
  .Compz-padding-bottom-16{
    padding-bottom:120px;
  }

  /* 间距  padding-top */
  .Compz-padding-top-1{
    padding-top:4px;
  }
  .Compz-padding-top-2{
    padding-top:4px;
  }
  .Compz-padding-top-3{
    padding-top:8px;
  }
  .Compz-padding-top-4{
    padding-top:12px;
  }
  .Compz-padding-top-5{
    padding-top:12px;
  }
  .Compz-padding-top-6{
    padding-top:16px;
  }
  .Compz-padding-top-7{
    padding-top:16px;
  }
  .Compz-padding-top-8{
    padding-top:20px;
  }
  .Compz-padding-top-9{
    padding-top:20px;
  }
  .Compz-padding-top-10{
    padding-top:24px;
  }
  .Compz-padding-top-11{
    padding-top:24px;
  }

  .Compz-padding-top-12{
    padding-top:32px;
  }
  .Compz-padding-top-13{
    padding-top:40px;
  }

  .Compz-padding-top-14{
    padding-top:64px;
  }

  .Compz-padding-top-15{
    padding-top:80px;
  }
  .Compz-padding-top-16{
    padding-top:120px;
  }

  /* 间距  margin-bottom */
  .Compz-margin-bottom-1{
    margin-bottom:4px;
  }
  .Compz-pmargin-bottom-2{
    margin-bottom:4px;
  }
  .Compz-margin-bottom-3{
    margin-bottom:8px;
  }
  .Compz-margin-bottom-4{
    margin-bottom:12px;
  }
  .Compz-margin-bottom-5{
    margin-bottom:12px;
  }
  .Compz-margin-bottom-6{
    margin-bottom:16px;
  }
  .Compz-margin-bottom-7{
    margin-bottom:16px;
  }
  .Compz-margin-bottom-8{
    margin-bottom:20px;
  }
  .Compz-margin-bottom-9{
    margin-bottom:20px;
  }
  .Compz-margin-bottom-10{
    margin-bottom:24px;
  }
  .Compz-margin-bottom-11{
    margin-bottom:24px;
  }

  .Compz-margin-bottom-12{
    margin-bottom:32px;
  }
  .Compz-margin-bottom-13{
    margin-bottom:40px;
  }
  .Compz-margin-bottom-14{
    margin-bottom:64px;
  }

  .Compz-margin-bottom-15{
    margin-bottom:80px;
  }
  .Compz-margin-bottom-16{
    margin-bottom:120px;
  }
  /* 间距  margin-top */

  .Compz-margin-top-1{
    margin-top:4px;
  }
  .Compz-margin-top-2{
    margin-top:4px;
  }
  .Compz-margin-top-3{
    margin-top:8px;
  }
  .Compz-margin-top-4{
    margin-top:12px;
  }
  .Compz-margin-top-5{
    margin-top:12px;
  }
  .Compz-margin-top-6{
    margin-top:12px;
  }
  .Compz-margin-top-7{
    margin-top:16px;
  }
  .Compz-margin-top-8{
    margin-top:20px;
  }
  .Compz-margin-top-9{
    margin-top:20px;
  }
  .Compz-margin-top-10{
    margin-top:24px;
  }
  .Compz-margin-top-11{
    margin-top:24px;
  }

  .Compz-margin-top-12{
    margin-top:32px;
  }
  .Compz-margin-top-13{
    margin-top:40px;
  }
  .Compz-margin-top-14{
    margin-top:64px;
  }

  .Compz-margin-top-15{
    margin-top:80px;
  }
  .Compz-margin-top-16{
    margin-top:120px;
  }


  /* 圆角 */
  .Compz-radius-1{
    border-radius:4px;
  }
  .Compz-radius-2{
    border-radius:8px;
  }
  .Compz-radius-3{
    border-radius:12px;
  }
  .Compz-radius-4{
    border-radius:20px;
  }
  .Compz-radius-5{
    border-radius:32px;
  }
  .Compz-radius-6{
    border-radius:40px;
  }
  .Compz-radius-Full{
    border-radius:999px;
  }
}