<style>
/* Global style reset and basic settings */


html{font-size: 16px;}
body {font-size: 1rem;padding-top: 3.75rem;font-family: Inter, ui-sans-serif, system-ui; }
a{color: var(--color-wh, #000);} 
.wf-container { max-width: 1200px; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; }

.col-md-2_4 {position: relative;min-height: 1px;padding-right: 10px;padding-left: 10px;width: 20%;float: left;}

.navbar-default {border-radius: 0;border-color: rgba(0, 0, 0, 0.08);background-color: var(--color-bk,rgba(255, 255, 255, 0.75));}
.navbar-default .navbar-nav>li>a{color: var(--color-wh);}
.toggle-icon { width: 20px; height: 20px; }
.dark-mode .toggle-icon { filter: none; }
/* Hero section gradient background and typography */
.hero {background: radial-gradient(800px 500px at 10% 10%, rgba(88, 101, 242, .14), transparent 60%), radial-gradient(600px 400px at 90% 20%, rgba(61, 231, 230, .12), transparent 60%), radial-gradient(700px 500px at 20% 20%, rgba(162, 113, 247, .12), transparent 60%);padding-top: 7rem; text-align: center;padding-bottom: 5rem;background-color: var(--color-bk);}
.glass {background: var(--glass-bg, rgba(0, 0, 0, 0.04));border: 1px solid var(--glass-border, rgba(0, 0, 0, 0.08));font-size: 0.875rem;line-height: 1.25rem;padding-top: 0.5rem;padding-bottom: 0.5rem;padding-left: 1rem;padding-right: 1rem;border-radius: 9999px;display: inline-flex;gap: 0.5rem;align-items: center;margin-bottom: 1.5rem;color: var(--color-wh);}
.hero_span {--tw-bg-opacity: 1;background-color: rgb(61 231 230 / var(--tw-bg-opacity, 1));animation: pulse 2scubic-bezier(0.4, 0, 0.6, 1) infinite;width: 0.5rem;height: 0.5rem;border-radius: 9999px;font-size: 0.875rem;line-height: 1.25rem;}
.hero h1 {font-size: 4.5rem;line-height: 1;: 1;color:var(--color-wh,rgb(15 23 42 / 1));font-weight: 800;margin: 0;}
.gradient-text {background: linear-gradient(120deg, #5865f2, #a78bfa, #3de7e6);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}
.nav_m{display: none;}
.icon-bar{background-color: var(--color-wh, #000000);}
.btn-default{color:var(--color-wh, #1C2024);}
.nav_m #mobileNav{background-color: var(--color-bk, #ffffff); width: 100%;text-align: center;}
.logo{font-weight: 600;width: 2rem;font-size: 1.125rem;height: 2rem;line-height:2rem;angle: 0 deg;opacity: 1;border-radius: 0.25rem;padding: 0.125rem;/* padding-bottom: 0.25rem; */background: var(--color-wh, #1C2024);color: var(--color-bk, #fff);display: inline-flex;justify-content: center;align-items: center;}
.logo_text{font-weight: 600;font-size: 1.125rem;color:var(--color-wh, #1C2024);}
.navbar-default .navbar-brand{}
.lunbo_button a{display: inline-block;transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 150ms;/* --tw-shadow: 0 0 40px rgba(88, 101, 242, 0.35); *//* --tw-shadow-colored: 0 0 40px var(--tw-shadow-color); */box-shadow: 0 0 40px rgba(88, 101, 242, 0.35);padding-top: 0.75rem;padding-bottom: 0.75rem;padding-left: 1.5rem;padding-right: 1.5rem;border-radius: 0.75rem;text-decoration: none;}
.lunbo_button a:hover {transform: scale(1.05) !important;-webkit-transform: scale(1.05) !important; /* Chrome/Safari */-moz-transform: scale(1.05) !important;    /* Firefox */}
.lunbo_button a:nth-child(1){font-weight: 600;color: rgb(255 255 255 / 1);background-image: linear-gradient(to right, #5865f2,#3de7e6);}
.lunbo_button a:nth-child(2){background: rgba(0, 0, 0, 0.04);border: 1px solid var(--color-wh,rgba(0, 0, 0, 0.08));margin-left: 15px;color:var(--color-wh)}
.btn-gradient-border {/* border: 5px solid transparent;border-radius: 10px;border-image: linear-gradient(to right, #5865f2,#a78bfa, #3de7e6) 1;  */border: #9783f8 3px solid;border-radius: 5px;}
.navbar-toggle .icon-bar {display: block;       /* Ensure block display */width: 22px;          /* Line width */height: 2px;          /* Line height */border-radius: 1px;   /* Border radius (optional, makes lines softer) */margin: 4px auto;     /* Top/bottom spacing & horizontal center */transition: all 0.3s ease-in-out; /* Animation transition for smooth transformation */}
/* Collapsed state (when .collapsed exists, show hamburger menu) */
.navbar-toggle.collapsed .icon-bar:nth-child(2) {transform: rotate(0deg);   /* First line: no rotation */}
.navbar-toggle.collapsed .icon-bar:nth-child(3) {opacity: 1;                /* Second line: fully visible */}
.navbar-toggle.collapsed .icon-bar:nth-child(4) {transform: rotate(0deg);   /* Third line: no rotation */}
/* Expanded state (when .collapsed doesn't exist, show X) */
.navbar-toggle:not(.collapsed) .icon-bar:nth-child(2) {transform: translateY(6px) rotate(45deg); /* First line: move down + rotate 45° */}
.navbar-toggle:not(.collapsed) .icon-bar:nth-child(3) {opacity: 0;                /* Second line: hidden */}
.navbar-toggle:not(.collapsed) .icon-bar:nth-child(4) {transform: translateY(-6px) rotate(-45deg); /* Third line: move up + rotate -45° */}
.hero p {font-size: 1.25rem;line-height: 1.75rem;--tw-text-opacity: 1;color:var(--color-wh,rgb(51 65 85 / 1));max-width: 48rem;margin:1.5rem auto;}
/* Module titles centered uniformly */
body,.flagship-agents,.how-it-works{
	background-color: var(--color-bk);
}
.flagship-agents p{color:var(--color-wh);}
.flagship-agents h2,.how-it-works h2,.success-stories h2,.affiliate-program h2,.pricing h2,.faqs h2 {font-size: 2.25rem;line-height: 2.5rem;font-weight: 700;margin-bottom: 1rem;text-align: center;color:var(--color-wh)}
/* Card common styles (shadow, padding, border radius) */
 .agent-card, .price-card{padding: 1.5rem;box-sizing: border-box;margin: 0px;border-radius: 1rem;background: rgba(0, 0, 0, 0.04);}
.benefit-item {padding: 1.5rem;box-sizing: border-box;margin: 0px;border-radius: 1rem;}
.agent-card span{color: var(--Colors-Teal-Alpha-11, #008573);/* Typography/1/Medium */font-family: var(--Typography-Font-family-text, Inter);font-size: 12px;font-style: normal;font-weight: 500;line-height: var(--Typography-Line-height-1, 16px); /* 133.333% */letter-spacing: var(--Typography-Letter-spacing-1, 0.04px);border-radius: var(--Radius-4, 8px);background: var(--Colors-Teal-Alpha-3, rgba(0, 198, 157, 0.12));border-radius: var(--Radius-4, 8px);background: var(--Colors-Teal-Alpha-3, rgba(0, 198, 157, 0.12));padding: 0.11rem 0.33rem;}
.agents .col-md-4:nth-child(2) .agent-card span{    --tw-text-opacity: 1;color: rgb(109 40 217 / var(--tw-text-opacity, 1));border-color: rgb(139 92 246 / 0.3);}
.agents .col-md-4:nth-child(3) .agent-card span{--tw-text-opacity: 1;color: rgb(10 138 135 / var(--tw-text-opacity, 1));}
    
.agent-card ul {list-style: none;padding: 0px;margin: 0px;color: #1B2045;opacity: 0.8;}
.agent-card ul li{font-size: 0.875rem;color:var(--color-wh, #1B2045);opacity: 0.8;margin: 0.25rem auto;}
.agent-card p{opacity: 0.8;font-size: 0.875rem;margin: 0.85rem 0;}
.agent-card button{border-radius: var(--Radius-4, 8px);background: linear-gradient(94deg, #516EFA 4.4%, #00E8E9 97.46%);padding-left: 1rem;padding-right: 1rem;flex: 1 1 0%;margin-top: 1.25rem;gap: 0.75rem;border: 0rem;}

.agent-card button:nth-child(2){border-radius: var(--Radius-4, 8px);background: #FFF; padding-left: 1rem;padding-right: 1rem;flex: 1 1 0%;margin-top: 1.25rem;gap: 0.75rem;color:var(--color-bk)}


.agents .col-md-4:nth-child(1) .agent-card{border: 1px solid #DCFBE8;background:var(--unset-bg,linear-gradient(127deg, #FAFFFC 48.57%, #DEFFEC 96.69%));}
.agents .col-md-4:nth-child(2) .agent-card{border: 1px solid #DBEDF5;background: var(--unset-bg,linear-gradient(135deg, #FDFFFF 5.26%, #EBF8FF 44.84%, #E3F5FF 94.74%));}
.agents .col-md-4:nth-child(3) .agent-card{border: 1px solid #E0E2F7;background: var(--unset-bg,linear-gradient(311deg, #ECEEFF -5.95%, #FAFAFF 58.49%, #F0F1FF 89.01%));}

.agents .col-md-4:nth-child(1) .agent-card:hover{box-shadow: 0 0 20px 0 #AEF0C7, 0 40px 40px 0 rgba(174, 240, 199, 0.20);}
.agents .col-md-4:nth-child(2) .agent-card:hover{box-shadow: 0 0 20px 0 #B8DAED, 0 40px 40px 0 rgba(184, 218, 237, 0.20);}
.agents .col-md-4:nth-child(3) .agent-card:hover{box-shadow: 0 0 20px 0 #B5BAED, 0 40px 40px 0 rgba(181, 186, 237, 0.20);}

.how-it-works{margin-top:7.5rem ;}
.how-it-works .row{border-radius: 12px;border: 1px solid #E8E8E8;border-radius: 12px;border: 1px solid #E8E8E8;background: var(--color-bk, #F9F9F9);margin-top:3.125rem ;display: flex;align-items: center;gap: 24px;align-self: stretch;color:var(--color-wh)}

.how-it-works .row .col-md-3{display: flex;flex-direction: column;align-items: flex-start;}
.how-it-works .row .col-md-3:not(:first-child)::after {content: "";position: absolute;right: 20px; /* Adjust spacing between separator and column */top: 50%;transform: translateY(-50%); /* Vertical center */width: 100%;height: 100%;background-image: url('images/lianjie.svg');background-size: contain;background-repeat: no-repeat;}
.how-it-works .row .col-md-3 small{opacity: 0.6;color:var(--color-wh,#1D224A);font-family: var(--Typography-Font-family-text, Inter);font-size: var(--Typography-Font-size-4, 18px);font-style: italic;font-weight: 700;line-height: var(--Typography-Line-height-4, 26px); /* 144.444% */letter-spacing: var(--Typography-Letter-spacing-4, -0.04px);}
.how-it-works .row .col-md-3 .step{margin-top: 0.5rem;margin-bottom: 0.5rem;}
/* Step title line break optimization */
.step h3 {font-size: 1.5rem !important;margin-top: 0.5rem;font-weight: 700;}
.step{padding: 5px;max-height: 110px;}
.step p {opacity: 0.8;font-size: 0.85rem !important;color:var(--color-wh,#1B2045)}
.success-stories{margin-top:7.5rem ;}.success-stories .row{margin-top:3.125rem ;}
.success-stories p{margin:0;line-height: 2rem;}
.story-card{border-radius: var(--Radius-5-max, 12px);border: 2px solid #516FFA;background: var(--color-bk, #FFF);padding: 1.5rem;color:var(--color-wh)}
.story-card {
	border-radius:12px;
	border: 1px solid #03E4EA;
  /* 1. First set transparent solid border (width, style, color) */
/* border: 1px solid transparent;  */
/* border-radius: var(--Radius-5-max, 12px); */
  /* 2. Use linear-gradient to generate gradient as border image */
  /* Direction: to right (left to right); Color: light blue → lighter blue (adjustable as needed) */
  /* border-image: linear-gradient(to bottom, #516FFA, #03E4EA);  */
/* clip-path: inset(0 round 2px); /* Key: rounded corner clipping */ */
  /* 3. Control gradient slicing method: slice:1 means slice gradient by 1 unit, evenly fill border */
  border-image-slice: 1;  
}
.story-card h3{font-size: 1.5rem !important;margin-top: 0.5rem;font-weight: 700;}
.story-card p {opacity: 0.8;font-size: 0.85rem !important;color:var(--color-wh,#1B2045)}

/* New success story styles */
.story-number {
  font-size: 1.5rem;
  margin-bottom: 0.75rem;
  display: block;
}

.metrics {
  margin: 1.5rem 0;
}

.metric-item {
  margin-bottom: 1rem;
  padding: 0.75rem;
  border-radius: 8px;
  background: rgba(81, 111, 250, 0.1);
  border-left: 3px solid #516FFA;
}

.metric-item.highlight {
  background: linear-gradient(135deg, rgba(81, 111, 250, 0.15), rgba(3, 228, 234, 0.1));
}

.metric-value {
  display: block;
  font-size: 1.25rem;
  font-weight: 700;
  color: #516FFA;
  margin-bottom: 0.25rem;
}

.metric-label {
  display: block;
  font-size: 0.875rem;
  color: var(--color-wh, #1B2045);
  opacity: 0.9;
}

.roi-section {
  margin-top: 1.5rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(81, 111, 250, 0.2);
}

.roi-section p {
  font-size: 0.8rem !important;
  margin-bottom: 0.75rem;
  line-height: 1.4;
}

.roi-section strong {
  color: #516FFA;
  font-weight: 600;
}
.affiliate-program{margin-top:7.5rem ;}
.affiliate-program .row{margin-top:3.125rem ;}
.affiliate-program p {text-align: center;font-size: 0.85rem !important;color:var(--color-wh,#1B2045)}
.affiliate-program .wf-container:nth-child(2){padding:0 12.5rem;border-radius: var(--Radius-5-max, 12px);border: 1px solid #DBEDF5;background:var(--color-bk,linear-gradient(135deg, #FDFFFF 5.26%, #C1ECFF 44.84%, #F8FDFF 94.74%));margin-top: 2rem;}
.affiliate-program h3{margin-top: 0;color:var(--color-wh)}
.affiliate-form input{background-color: var(--input-bg,#fff); color: var(--color-wh, #000); border: 1px solid var(--border-color, #ddd);}
.affiliate-program button{margin:1.5rem  auto;border-radius: var(--Radius-4, 8px);border: 0;background: linear-gradient(94deg, #516EFA 4.4%, #00E8E9 97.46%);display: flex;height: var(--Tokens-Space-button-height-3, 40px);padding: 0 var(--Spacing-4, 16px);justify-content: center;align-items: center;gap: var(--Spacing-3, 12px);font-size: 1rem;}
.pricing{margin-top:7.5rem ;}
.pricing .row{margin-top:3.125rem ;}
.price-card{border-radius: var(--Radius-5-max, 12px);border: 2px solid #516FFA;background: var(--color-bk, #FFF);padding: 1.5rem;color: var(--color-wh);min-height: 29rem;}
.price-card {
	padding: 2rem 1.5rem 1.5rem 1.5rem;
	border-radius:12px;
	border: 1px solid #516FFA;
	/* border: 1px solid transparent;  */
  /* 1. First set transparent solid border (width, style, color) */
  /* border: 1px solid transparent;  */
/* border-radius: var(--Radius-5-max, 12px); */
  /* 2. Use linear-gradient to generate gradient as border image */
  /* Direction: to right (left to right); Color: light blue → lighter blue (adjustable as needed) */
  /* border-image: linear-gradient(to bottom, #516FFA, #03E4EA);  */
/* clip-path: inset(0 round 2px); /* Key: rounded corner clipping */ */
  /* 3. Control gradient slicing method: slice:1 means slice gradient by 1 unit, evenly fill border */
  border-image-slice: 1;  
}
.price-card h3{color:var(--color-wh,#1D224A) ;margin: 0;/* Typography/4/Bold */font-family: var(--Typography-Font-family-text, Inter);font-size: var(--Typography-Font-size-4, 18px);font-style: normal;font-weight: 700;line-height: var(--Typography-Line-height-4, 26px); /* 144.444% */letter-spacing: var(--Typography-Letter-spacing-4, -0.04px);}
.price-card p{margin-top: 0.75rem;color:var(--color-wh,#1D224A) ;font-size: 2.1rem;font-style: normal;font-weight: 700;line-height: 2.5rem;letter-spacing: var(--Typography-Letter-spacing-8, -0.16px);}
.price-card p span{color: var(--color-wh,#1B2045);font-size: 1rem;font-style: normal;font-weight: 500;line-height: 1.5rem /* 150% */letter-spacing: var(--Typography-Letter-spacing-3, 0);}
.price-card ul{padding: 0;margin: 0;}
.price-card ul li {list-style-type: none;margin: 0.4rem;font-size:0.8rem}
.price-card ul li::before {content: "✓"; /* Unicode character for checkmark */margin-right: 10px; /* Spacing between checkmark and text */}
.price-card button {padding: 0.5rem 1rem;font-size: 1rem;font-weight: 500;border: 0;margin-bottom: 1rem;width: 100%;border-radius: var(--Radius-3-max, 6px);background: var(--color-wh, rgba(0, 0, 51, 0.06));color: var(--color-bk,);}
.teshu_button {border-radius: var(--Radius-4, 8px);background: linear-gradient(94deg, #516EFA 4.4%, #00E8E9 97.46%) !important;color: #fff !important;}
.faqs{margin-top:7.5rem ;}
.faqs .panel-group{padding:1.5rem 2rem;}
.faqs .panel-group .panel-default{border: 0;background-color: unset;}
.faqs .panel-group .panel-heading{border: 0;background-color: unset;}
.faqs .panel-group  .panel-body{border: unset !important;background-color: unset;color:#1D224A ; font-size: 0.85rem;opacity: 0.8;}
.panel-title a {
position: relative; /* Key: establish positioning reference */

display: flex; /* Enable flex layout */
align-items: center; /* Vertically center title text */
font-weight: 700;
font-size: 1.125rem;
text-decoration: none;
color:var(--color-wh)
}
.panel-group p{color:var(--color-wh)}
.panel-group{margin-top:3.125rem ;border-radius: var(--Radius-5, 12px);border: 1px solid var(--Colors-Gray-4, #E8E8E8);background: var(--color-bk, #F9F9F9);}
.panel-title a::before {content: '';position: absolute;left: -1.375rem;transform: translateY(-50%) rotate(45deg);width: 0.6rem;height: 0.6rem;background-color: var(--color-wh, #333);clip-path: polygon(100% 0%, 0% 100%, 100% 100%);transition: transform 0.3s ease; }
.collapsed::before {transform: translateY(-50%) rotate(-45deg) !important;}
.panel-heading{padding: 1.5rem}
.text-center{margin-bottom: 3rem;}
.agent-card h3{display: flex;align-items: flex-start;gap: 1rem;background: rgba(255, 255, 255, 0.00);margin-top: 0.5rem;font-size:1.25rem;flex-direction: column;align-items: flex-start;gap: 8px;color:var(--color-wh)}


/* Price card "Most popular" label */
.popular {position: absolute;top: 0rem;right: 0.6rem;}
/* Partnership benefits arranged horizontally */
.affiliate-program .benefits {display: flex;justify-content: space-around;}
.benefit-item {text-align: center;}
/* Form input field styles */
.affiliate-form input {display: block;width: 100%;margin-bottom: 10px;padding: 10px;border: 1px solid #ddd;border-radius: 4px;}
.cta{margin-top:7.5rem ;background: var(--cta-bg, linear-gradient(135deg, #FAFFFC 5.26%, #EBF8FF 44.84%, #E9FCFF 94.74%));padding: 2.5rem 0;}
.cta p {margin-bottom: 20px;font-size: 1.1em; color: var(--color-wh, #000);}
.cta h3{font-weight: 700;font-size: 1.5rem; color: var(--color-wh, #000);}
.cta span{background: linear-gradient(90deg, #5D66F8 0%, #00D5E8 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.cta button{border: 0;border-radius: var(--Radius-5, 12px);background: linear-gradient(94deg, #516EFA 4.4%, #00E8E9 97.46%);text-align: right;padding: 0.5rem 1.5rem;font-size: 1.25rem;margin: 1.5rem 0px;}
footer{padding-top: 3rem;padding-bottom: 3rem; background-color: var(--color-bk, #fff);}
.footerdiv{display: flex;flex-direction: row;align-items: center;justify-content: space-between;max-width: 80rem;}
.footerdiv p{--tw-text-opacity: 1;color: var(--footer-text, rgb(100 116 139 / var(--tw-text-opacity, 1)));}
.footerdiv::before {content: none !important;}
.footerdiv:after{content: none !important;}
.footerdiv .tubiao{gap: 1.25rem;display: flex;}
.footerdiv .tubiao svg{height: 1.5rem;width: 1.5rem;fill:var(--color-wh,currentColor);}
.anniu11{text-align: right;}
/* Dark theme */
body.dark-mode {
    background: #000000 !important; /* Ensure page background turns dark */
    color: #ffffff !important;
    --color-wh: #ffffff;/* Text color */
	--color-bk: #000000;
	--unset-bg:;
	--cta-bg: #000000;
	--input-bg: #1a1a1a;
	--border-color: #333;
	--footer-text: rgba(200, 200, 200, 0.9);
	--glass-bg: rgba(255, 255, 255, 0.08);
	--glass-border: rgba(255, 255, 255, 0.15);
}





















@media (min-width: 1200px) {
.wf-container {width: 1200px;}}
@media (max-width: 768px) {
.col-md-2_4{width:100%}
.navbar{margin-bottom: 0px;}.nav_m{display: block;}.nav_pc{display: none;}body {padding-top: 0px;}.hero {padding-top: 3rem;}.glass {font-size: 0.65rem;line-height: 1.1rem;}.hero h1 {font-size: 2.25rem;line-height:3rem}.hero p {font-size: 0.9rem;margin-bottom: 1rem;margin-top:1rem;}.flagship-agents h2, .how-it-works h2, .success-stories h2, .affiliate-program h2, .pricing h2, .faqs h2 {font-size: 2rem;}
.row {gap: 15px;}
.how-it-works .row .col-md-3::after {display:back; /* Hide connector on mobile */}
.lunbo_button a{display:block;}
.lunbo_button a:nth-child(2) {margin-left: 0;margin-top: 1rem;}
.agent-card{margin-top: 1.5rem;}
.how-it-works .row{display:block;margin: 0.5rem;margin-top: 3.125rem;}
.cta,.faqs,.pricing,.affiliate-program,.success-stories,.how-it-works {margin-top: 4.5rem;}
.flagship-agents,{margin-top: 2.5rem;}
.how-it-works .row .col-md-3:not(:first-child)::after{content:none}
.story-card{ margin-top: 1.5rem;}
.affiliate-program .wf-container:nth-child(2){margin-left: 0.5rem;margin-right: 0.5rem; padding: 0 15px;}
.agent-card, .price-card, .benefit-item{padding:1.5rem 0.5rem;}
.price-card{min-height:unset}
.price-card {margin-top: 1.5rem;padding: 1.5rem;}
.faqs .panel-group .panel-default{box-shadow: unset;padding-top: 0.5rem;padding-bottom: 0.5rem;border-bottom: 1px solid #d9d9d9;border-radius: unset;}
.panel-heading{padding: 0px;}
.panel-title a{font-size: 1rem;line-height: 1.5rem;}
.panel-body{padding-left: 0rem;padding-right: 0rem;}
.cta h3 {text-align: center;font-size: 1.8rem; 
line-height: 2.2rem;
}
.cta p{text-align: center;
margin-top: 1.5rem;
}
.cta button{
	text-align: center;
}
.anniu11{text-align: center;}
.popular {position: absolute;top: 1.5rem;right: 0.6rem;}
.cta button{    padding: 0.5rem 2.5rem;}
.footerdiv {display: block;text-align: center;display: flex;flex-direction: column-reverse; /* Key: reverse main axis direction */}
.footerdiv .tubiao{margin-bottom: 1rem;display: block;text-align: center;}
.footerdiv .tubiao a{margin: 0.5rem 0.5rem;}

}
  </style>