Check server response of
Server response
NS records
Whois domain
200 OK - cd05.com
HTTP Status: 200
User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
Server: nginx/1.24.0
Date: Mon, 12 May 2025 16:58:52 GMT
Content-Type: text/html
Content-Length: 113793
Last-Modified: Tue, 01 Apr 2025 10:29:50 GMT
Connection: keep-alive
ETag: "67ebc01e-1bc81"
Accept-Ranges: bytes
HTTP Code 200 OK
200 status code is a standard successful HTTP server response. It means that the client’s request (e.g., from a browser) was successfully processed, and the server is delivering the requested data.
When is Code 200 used?
- When loading a web page
- When successfully receiving an API response
- When processing a form or another HTTP request
What does Code 200 mean for the user?
The user receives content without errors, and the page or application functions properly. If Code 200 is accompanied by data, the browser or program processes and displays it to the user.
GET / HTTP/1.1 Host: cd05.com Accept: */* User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
<!DOCTYPE html>
<html class="no-js skrollr skrollr-desktop" lang="chs">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>卡盟</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="author" content="IK" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<meta
name="description"
content="一个以卡片文化为核心的综合性线上平台，涵盖游戏卡牌、收藏卡牌、纪念卡牌等领域，为用户提供交易、展示、交流及资讯服务。"
/>
<!-- style sheets and font icons -->
<link rel="stylesheet" href="./imgs/vendors.min.css" />
<link rel="stylesheet" href="./imgs/icon.min.css" />
<link rel="stylesheet" href="./imgs/style.min.css" />
<link rel="stylesheet" href="./imgs/responsive.min.css" />
<link rel="stylesheet" href="./imgs/music-onepage.css" />
<style id="fit-vids-style">
.fluid-width-video-wrapper {
width: 100%;
position: relative;
padding: 0;
}
.fluid-width-video-wrapper iframe,
.fluid-width-video-wrapper object,
.fluid-width-video-wrapper embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
</style>
</head>
<body class="left-modern-menu left-menu-onepage">
<!-- start header -->
<header class="left-modern-header sticky sticky-active" id="navbar-menu">
<div class="left-modern-sidebar header-dark bg-black">
<a class="navbar-brand section-link" href="#home">
<img
src="./imgs/demo-music-onepage-logo-white.webp"
data-at2x="images/[email protected]"
alt=""
class="default-logo"
/>
<img
src="./imgs/demo-music-onepage-logo-white.webp"
data-at2x="images/[email protected]"
alt=""
class="alt-logo"
/>
<img
src="./imgs/demo-music-onepage-logo-white.webp"
data-at2x="images/[email protected]"
alt=""
class="mobile-logo"
/>
</a>
<div class="toggle-icon">
<span
class="navbar-toggler collapsed"
data-bs-toggle="collapse"
data-bs-target="#navbar-menu"
aria-expanded="false"
>
<span class="navbar-toggler-line"></span>
<span class="navbar-toggler-line"></span>
<span class="navbar-toggler-line"></span>
<span class="navbar-toggler-line"></span>
</span>
</div>
<div class="vertical-title">
<div class="title fs-13 fw-600">
©
<script>
document.write(new Date().getFullYear());
</script>
卡盟
</div>
</div>
</div>
<!-- start navigation -->
<nav class="modern-sidebar-nav header-dark bg-black">
<div class="h-100">
<div
class="modern-side-menu mCustomScrollbar _mCS_1 mCS_no_scrollbar"
data-scroll-options='{ "theme": "light" }'
>
<div
id="mCSB_1"
class="mCustomScrollBox mCS-light mCSB_vertical mCSB_inside"
style="max-height: none"
tabindex="0"
>
<div
id="mCSB_1_container"
class="mCSB_container mCS_y_hidden mCS_no_scrollbar_y"
style="position: relative; top: 0; left: 0"
dir="ltr"
>
<ul class="menu-item-list alt-font text-uppercase fw-500">
<li class="menu-item">
<a href="#about" class="inner-link nav-link">关于</a>
</li>
<li class="menu-item">
<a href="#albums" class="inner-link nav-link">最新</a>
</li>
<li class="menu-item">
<a href="#tracklist" class="inner-link nav-link">事件</a>
</li>
<li class="menu-item">
<a href="#videos" class="inner-link nav-link">潮流</a>
</li>
<li class="menu-item">
<a href="#tours" class="inner-link nav-link">新IP</a>
</li>
<li class="menu-item">
<a href="#awards" class="inner-link nav-link">合作</a>
</li>
<li class="menu-item">
<a href="#contact" class="inner-link nav-link">联系</a>
</li>
</ul>
</div>
<div
id="mCSB_1_scrollbar_vertical"
class="mCSB_scrollTools mCSB_1_scrollbar mCS-light mCSB_scrollTools_vertical"
style="display: none"
>
<div class="mCSB_draggerContainer">
<div
id="mCSB_1_dragger_vertical"
class="mCSB_dragger"
style="
position: absolute;
min-height: 30px;
height: 0px;
top: 0px;
"
>
<div
class="mCSB_dragger_bar"
style="line-height: 30px"
></div>
</div>
<div class="mCSB_draggerRail"></div>
</div>
</div>
</div>
</div>
</div>
</nav>
</header>
<!-- end header -->
<div class="main-content">
<!-- start banner -->
<section
id="home"
class="p-0 ipad-top-space-margin position-relative overflow-hidden cover-background"
style="
background-image: url('images/demo-music-onepage-main-banner-bg-01.jpg');
margin-top: inherit;
"
>
<span
class="fs-460 xl-fs-250 text-base-color position-absolute right-minus-50px top-50 word-break-normal alt-font text-uppercase fw-600 ls-minus-3px w-100 text-center skrollable skrollable-between"
data-bottom-top="transform: translate3d(100px, 0px, 0px) scale(.7);"
data-top-bottom="transform: translate3d(-100px, 0px, 0px) scale(1.4);"
style="
transform: translate3d(3.12185px, 0px, 0px) scale(1.03907);
color: #7e2bfe !important;
"
>Cards</span
>
<div
id="particles-style-01"
class="h-100 position-absolute left-0px top-0 w-100"
data-particle="true"
data-particle-options='{"particles": {"number": {"value": 15,"density": {"enable": true,"value_area": 900}},"shape": {"type": ["image"],"image":{"src":"images/demo-music-onepage-main-banner-bg-02.png","width":30,"height":32}},"opacity": {"value": 1,"random": false,"anim": {"enable": false,"speed": 1,"sync": false}},"size": {"value": 25,"random": true,"anim": {"enable": false,"sync": true}},"line_linked":{"enable":false,"distance":0,"color":"#ffffff","opacity":0.4,"width":1},"move": {"enable": true,"speed":1,"direction": "right","random": false,"straight": false}},"interactivity": {"detect_on": "canvas","events": {"onhover": {"enable": false,"mode": "repulse"},"onclick": {"enable": false,"mode": "push"},"resize": true}},"retina_detect": false}'
>
<canvas
class="particles-js-canvas-el"
width="1436"
height="962"
style="width: 100%; height: 100%"
></canvas>
</div>
<div class="container full-screen md-h-600px sm-h-450px">
<div class="row h-100 align-items-end position-relative">
<img
src="./imgs/demo-music-onepage-main-banner-bg-03.webp"
class="absolute-middle-center"
alt=""
data-no-retina=""
/>
<div class="col-12 text-center position-relative pb-8">
<a
href="#linkwatch?v=cfXHhfNy7tU"
class="position-relative d-inline-block text-center border border-3 border-color-white rounded-circle video-icon-box video-icon-large popup-youtube xs-mb-10px"
>
<span>
<span class="video-icon">
<i class="bi bi-play-fill text-white fs-32"></i>
</span>
</span>
</a>
<div class="d-block mx-auto mt-minus-30px">
<img
src="./imgs/demo-music-onepage-main-banner-bg-04.webp"
alt=""
data-no-retina=""
/>
</div>
</div>
</div>
</div>
</section>
<!-- end banner -->
<section class="p-0 bg-dark-gray position-relative">
<div class="container">
<div
class="row row-cols-2 row-cols-lg-6 row-cols-sm-4 g-0 justify-content-center ps-5 pe-5 appear anime-child anime-complete"
data-anime='{ "el": "childs", "translateY": [30, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad" }'
>
<!-- start features box item -->
<div class="col icon-with-text-style-03 xs-mb-25px" style="">
<div class="feature-box">
<div class="feature-box-icon">
<a href="#link"
><i
class="fa-brands fa-apple icon-large text-white mb-10px"
></i
></a>
</div>
<div class="feature-box-content last-paragraph-no-margin">
<a
href="#link"
class="fs-13 ls-3px d-inline-block text-white text-uppercase"
>苹果</a
>
</div>
</div>
</div>
<!-- end features box item -->
<!-- start features box item -->
<div class="col icon-with-text-style-03 xs-mb-25px" style="">
<div class="feature-box">
<div class="feature-box-icon">
<a href="#link"
><i
class="fa-brands fa-spotify icon-large text-white mb-10px"
></i
></a>
</div>
<div class="feature-box-content last-paragraph-no-margin">
<a
href="#link"
class="fs-13 ls-3px d-inline-block text-white text-uppercase"
>微博</a
>
</div>
</div>
</div>
<!-- end features box item -->
<!-- start features box item -->
<div class="col icon-with-text-style-03" style="">
<div class="feature-box">
<div class="feature-box-icon">
<a href="#link"
><i
class="fa-brands fa-youtube icon-large text-white mb-10px"
></i
></a>
</div>
<div class="feature-box-content last-paragraph-no-margin">
<a
href="#link"
class="fs-13 ls-3px d-inline-block text-white text-uppercase"
>Youtube</a
>
</div>
</div>
</div>
<!-- end features box item -->
<!-- start features box item -->
<div class="col icon-with-text-style-03" style="">
<div class="feature-box">
<div class="feature-box-icon">
<a href="#link"
><i
class="fa-brands fa-google icon-large text-white mb-10px"
></i
></a>
</div>
<div class="feature-box-content last-paragraph-no-margin">
<a
href="#link"
class="fs-13 ls-3px d-inline-block text-white text-uppercase"
>谷歌</a
>
</div>
</div>
</div>
<!-- end features box item -->
</div>
</div>
</section>
<!-- start section -->
<section id="about" class="bg-dark-gray position- overflow-hidden pb-0">
<div
class="background-position-left-top h-100 w-100 position-absolute left-0px top-0 d-none d-md-block"
style="
background-image: url('images/demo-music-onepage-vertical-line-bg.svg');
"
></div>
<div class="container position-relative">
<div class="row">
<div class="col-md-5 text-center text-md-start">
<div class="outside-box-left-30 d-none d-md-inline-block">
<div
data-bottom-top="transform:scale(1, 1) translate3d(60px, 0px, 0px);"
data-top-bottom="transform:scale(1, 1) translate3d(-60px, 0px, 0px);"
class="skrollable skrollable-before"
style="transform: scale(1, 1) translate3d(60px, 0px, 0px)"
>
<span
class="fs-250 fw-600 text-black-russian-gray alt-font text-uppercase text-nowrap"
>Biography</span
>
</div>
<div
class="bg-yellow w-150px h-150px d-flex align-items-center justify-content-center border-radius-100 position-absolute top-minus-70px left-minus-150px xl-left-0px text-center skrollable skrollable-before"
data-bottom-top="transform: translateY(-50px)"
data-top-bottom="transform: translateY(50px)"
style="transform: translateY(-50px)"
>
<h4
class="text-dark-gray alt-font text-uppercase fw-700 mb-0 w-80 mx-auto lh-34 position-relative top-5px"
>
CD 05
</h4>
</div>
</div>
<div class="fs-14 text-base-color text-uppercase ls-1px fw-600">
15 年
<span
class="w-120px h-1px bg-base-color d-none d-lg-inline-block align-middle position-relative top-minus-1px ms-10px lg-w-70px"
></span>
</div>
</div>
<div
class="col-md-6 offset-md-1 position-relative last-paragraph-no-margin mt-8 sm-mt-20px text-center text-md-start appear anime-child anime-complete"
data-anime='{ "el": "childs", "translateY": [30, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad" }'
>
<h2 class="alt-font text-white text-uppercase mb-15px" style="">
卡牌新生态
</h2>
<p class="w-80 lg-w-95 md-w-100" style="">
以 IP
为核心，技术与创意双轮驱动，构建覆盖生产、消费、社交的完整生态链。
</p>
</div>
</div>
</div>
</section>
<!-- end section -->
<!-- start section -->
<section id="albums" class="position-relative bg-dark-gray pb-0">
<div
class="background-position-left-top h-100 w-100 position-absolute left-0px top-0 d-none d-md-block"
style="
background-image: url('images/demo-music-onepage-vertical-line-bg.svg');
"
></div>
<div class="container position-relative">
<div class="row mb-2">
<div
class="col-12 text-center appear anime-child anime-complete"
data-anime='{ "el": "childs", "translateY": [30, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad" }'
>
<h2 class="alt-font text-white text-uppercase" style="">最新</h2>
</div>
</div>
<div class="row">
<div class="col-12">
<ul
class="portfolio-creative portfolio-wrapper grid grid-3col xxl-grid-3col xl-grid-3col lg-grid-3col md-grid-2col sm-grid-2col xs-grid-1col gutter-extra-large text-center appear anime-child anime-complete"
data-anime='{ "el": "childs","translateY": [30, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad" }'
style="position: relative; height: 793.25px"
>
<li class="grid-sizer"></li>
<!-- start portfolio item -->
<li
class="grid-item transition-inner-all"
style="
position: absolute;
left: 0%;
top: 0px;
transition: none;
"
>
<a href="#linkwatch?v=cfXHhfNy7tU" class="popup-vimeo">
<div class="portfolio-box">
<div class="portfolio-image" style="background: #8e26bd">
<img
src="./imgs/demo-music-onepage-portfolio-01.jpg"
alt=""
data-no-retina=""
/>
</div>
<div
class="portfolio-hover justify-content-center align-items-center d-flex flex-column pt-40px pb-40px"
>
<h3
class="text-uppercase portfolio-title mt-auto alt-font text-white"
data-text="卡盟"
></h3>
<span
class="d-flex justify-content-center align-items-center mt-auto icon-box w-50px h-50px rounded-circle border border-color-transparent-white-very-light border-2"
><i class="bi bi-play-fill text-white icon-small"></i
></span>
</div>
</div>
</a>
</li>
<!-- end portfolio item -->
<!-- start portfolio item -->
<li
class="grid-item transition-inner-all"
style="
position: absolute;
left: 33.3298%;
top: 0px;
transition: none;
transform: translate3d(0.016px, 0px, 0px);
"
>
<a href="#linkwatch?v=cfXHhfNy7tU" class="popup-vimeo">
<div class="portfolio-box">
<div class="portfolio-image" style="background: #4493b2">
<img
src="./imgs/demo-music-onepage-portfolio-02.jpg"
alt=""
data-no-retina=""
/>
</div>
<div
class="portfolio-hover justify-content-center align-items-center d-flex flex-column pt-40px pb-40px"
>
<h3
class="text-uppercase portfolio-title mt-auto alt-font text-white"
data-text="卡盟"
></h3>
<span
class="d-flex justify-content-center align-items-center mt-auto icon-box w-50px h-50px rounded-circle border border-color-transparent-white-very-light border-2"
><i class="bi bi-play-fill text-white icon-small"></i
></span>
</div>
</div>
</a>
</li>
<!-- end portfolio item -->
<!-- start portfolio item -->
<li
class="grid-item transition-inner-all"
style="
position: absolute;
left: 66.6597%;
top: 0px;
transition: none;
transform: translate3d(0.0159999px, 0px, 0px);
"
>
<a href="#linkwatch?v=cfXHhfNy7tU" class="popup-vimeo">
<div class="portfolio-box">
<div class="portfolio-image" style="background: #be5038">
<img
src="./imgs/demo-music-onepage-portfolio-03.jpg"
alt=""
data-no-retina=""
/>
</div>
<div
class="portfolio-hover justify-content-center align-items-center d-flex flex-column pt-40px pb-40px"
>
<h3
class="text-uppercase portfolio-title mt-auto alt-font text-white"
data-text="卡盟"
></h3>
<span
class="d-flex justify-content-center align-items-center mt-auto icon-box w-50px h-50px rounded-circle border border-color-transparent-white-very-light border-2"
><i class="bi bi-play-fill text-white icon-small"></i
></span>
</div>
</div>
</a>
</li>
<!-- end portfolio item -->
<!-- start portfolio item -->
<li
class="grid-item transition-inner-all"
style="
position: absolute;
left: 0%;
top: 396.625px;
transition: none;
"
>
<a href="#linkwatch?v=cfXHhfNy7tU" class="popup-vimeo">
<div class="portfolio-box">
<div class="portfolio-image" style="background: #9c277d">
<img
src="./imgs/demo-music-onepage-portfolio-04.jpg"
alt=""
data-no-retina=""
/>
</div>
<div
class="portfolio-hover justify-content-center align-items-center d-flex flex-column pt-40px pb-40px"
>
<h3
class="text-uppercase portfolio-title mt-auto alt-font text-white"
data-text="卡盟"
></h3>
<span
class="d-flex justify-content-center align-items-center mt-auto icon-box w-50px h-50px rounded-circle border border-color-transparent-white-very-light border-2"
><i class="bi bi-play-fill text-white icon-small"></i
></span>
</div>
</div>
</a>
</li>
<!-- end portfolio item -->
<!-- start portfolio item -->
<li
class="grid-item transition-inner-all"
style="
position: absolute;
left: 33.3298%;
top: 396.625px;
transition: none;
transform: translate3d(0.016px, 0px, 0px);
"
>
<a href="#linkwatch?v=cfXHhfNy7tU" class="popup-vimeo">
<div class="portfolio-box">
<div class="portfolio-image" style="background: #125275">
<img
src="./imgs/demo-music-onepage-portfolio-06.jpg"
alt=""
data-no-retina=""
/>
</div>
<div
class="portfolio-hover justify-content-center align-items-center d-flex flex-column pt-40px pb-40px"
>
<h3
class="text-uppercase portfolio-title mt-auto alt-font text-white"
data-text="卡盟"
></h3>
<span
class="d-flex justify-content-center align-items-center mt-auto icon-box w-50px h-50px rounded-circle border border-color-transparent-white-very-light border-2"
><i class="bi bi-play-fill text-white icon-small"></i
></span>
</div>
</div>
</a>
</li>
<!-- end portfolio item -->
<!-- start portfolio item -->
<li
class="grid-item transition-inner-all"
style="
position: absolute;
left: 66.6597%;
top: 396.625px;
transition: none;
transform: translate3d(0.0159999px, 0px, 0px);
"
>
<a href="#linkwatch?v=cfXHhfNy7tU" class="popup-vimeo">
<div class="portfolio-box">
<div class="portfolio-image" style="background: #ee4283">
<img
src="./imgs/demo-music-onepage-portfolio-05.jpg"
alt=""
data-no-retina=""
/>
</div>
<div
class="portfolio-hover justify-content-center align-items-center d-flex flex-column pt-40px pb-40px"
>
<h3
class="text-uppercase portfolio-title mt-auto alt-font text-white"
data-text="卡盟"
></h3>
<span
class="d-flex justify-content-center align-items-center mt-auto icon-box w-50px h-50px rounded-circle border border-color-transparent-white-very-light border-2"
><i class="bi bi-play-fill text-white icon-small"></i
></span>
</div>
</div>
</a>
</li>
<!-- end portfolio item -->
</ul>
</div>
</div>
</div>
</section>
<!-- end section -->
<!-- start section -->
<section id="tracklist" class="bg-dark-gray position-relative pb-0">
<div
class="background-position-left-top h-100 w-100 position-absolute left-0px top-0 d-none d-md-block"
style="
background-image: url('images/demo-music-onepage-vertical-line-bg.svg');
"
></div>
<div class="container position-relative">
<div class="row mb-1">
<div
class="col-12 text-center"
data-anime='{ "el": "childs", "translateY": [30, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad" }'
>
<h2 class="alt-font text-white text-uppercase">事件</h2>
</div>
</div>
<div
class="row justify-content-center"
data-anime='{ "el": "childs", "translateY": [30, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad" }'
>
<div
class="col-lg-10 pt-20px pb-20px border-bottom border-color-transparent-white-light tracklist-style transition"
>
<div class="row align-items-center">
<div class="col-md-2 text-center">
<span class="fw-600 text-uppercase text-white">22 Aug</span>
</div>
<div
class="col-md-5 col-xl-7 col-lg-6 d-flex justify-content-center justify-content-md-start"
>
<a href="#link" target="blank" class="text-medium-gray"
><i
class="bi bi-youtube text-white fs-20 me-10px align-middle"
></i>
公司成立
</a>
</div>
<div
class="col-md-2 col-xl-1 text-center"
style="visibility: hidden"
>
<span>04:35</span>
</div>
<div
class="col-md-3 col-lg-2 d-flex justify-content-center align-items-center"
>
<i
class="bi bi-suit-heart-fill text-base-color icon-very-small lh-0px me-10px"
></i>
<div class="fs-14 text-uppercase">
<span class="fw-600 text-white">10K+</span> 热度
</div>
</div>
</div>
</div>
<div
class="col-lg-10 pt-20px pb-20px border-bottom border-color-transparent-white-light tracklist-style transition"
>
<div class="row align-items-center">
<div class="col-md-2 text-center">
<span class="fw-600 text-uppercase text-white">22 Jul</span>
</div>
<div
class="col-md-5 col-xl-7 col-lg-6 d-flex justify-content-center justify-content-md-start"
>
<a href="#link" target="blank" class="text-medium-gray"
><i
class="bi bi-youtube text-white fs-20 me-10px align-middle"
></i>
管网上线</a
>
</div>
<div
class="col-md-2 col-xl-1 text-center"
style="visibility: hidden"
>
<span>03:25</span>
</div>
<div
class="col-md-3 col-lg-2 d-flex justify-content-center align-items-center"
>
<i
class="bi bi-suit-heart-fill text-base-color icon-very-small lh-0px me-10px"
></i>
<div class="fs-14 text-uppercase">
<span class="fw-600 text-white">08K+</span> 热度
</div>
</div>
</div>
</div>
<div
class="col-lg-10 pt-20px pb-20px border-bottom border-color-transparent-white-light tracklist-style transition"
>
<div class="row align-items-center">
<div class="col-md-2 text-center">
<span class="fw-600 text-uppercase text-white">08 Jul</span>
</div>
<div
class="col-md-5 col-xl-7 col-lg-6 d-flex justify-content-center justify-content-md-start"
>
<a href="#link" target="blank" class="text-medium-gray"
><i
class="bi bi-youtube text-white fs-20 me-10px align-middle"
></i>
小程序上线</a
>
</div>
<div
class="col-md-2 col-xl-1 text-center"
style="visibility: hidden"
>
<span>05:15</span>
</div>
<div
class="col-md-3 col-lg-2 d-flex justify-content-center align-items-center"
>
<i
class="bi bi-suit-heart-fill text-base-color icon-very-small lh-0px me-10px"
></i>
<div class="fs-14 text-uppercase">
<span class="fw-600 text-white">16K+</span> 热度
</div>
</div>
</div>
</div>
<div
class="col-lg-10 pt-20px pb-20px border-bottom border-color-transparent-white-light tracklist-style transition"
>
<div class="row align-items-center">
<div class="col-md-2 text-center">
<span class="fw-600 text-uppercase text-white">22 Jun</span>
</div>
<div
class="col-md-5 col-xl-7 col-lg-6 d-flex justify-content-center justify-content-md-start"
>
<a href="#link" target="blank" class="text-medium-gray"
><i
class="bi bi-youtube text-white fs-20 me-10px align-middle"
></i
>APP上线</a
>
</div>
<div
class="col-md-2 col-xl-1 text-center"
style="visibility: hidden"
>
<span>04:18</span>
</div>
<div
class="col-md-3 col-lg-2 d-flex justify-content-center align-items-center"
>
<i
class="bi bi-suit-heart-fill text-base-color icon-very-small lh-0px me-10px"
></i>
<div class="fs-14 text-uppercase">
<span class="fw-600 text-white">15K+</span> 热度
</div>
</div>
</div>
</div>
<div class="col-lg-10 pt-20px pb-20px tracklist-style transition">
<div class="row align-items-center">
<div class="col-md-2 text-center">
<span class="fw-600 text-uppercase text-white">26 Jun</span>
</div>
<div
class="col-md-5 col-xl-7 col-lg-6 d-flex justify-content-center justify-content-md-start"
>
<a href="#link" target="blank" class="text-medium-gray"
><i
class="bi bi-youtube text-white fs-20 me-10px align-middle"
></i
>生态2.0</a
>
</div>
<div
class="col-md-2 col-xl-1 text-center"
style="visibility: hidden"
>
<span>03:35</span>
</div>
<div
class="col-md-3 col-lg-2 d-flex justify-content-center align-items-center"
>
<i
class="bi bi-suit-heart-fill text-base-color icon-very-small lh-0px me-10px"
></i>
<div class="fs-14 text-uppercase">
<span class="fw-600 text-white">07K+</span> 热度
</div>
</div>
</div>
</div>
</div>
<div
class="row justify-content-center mt-5 position-relative z-index-1 sm-mx-0 appear anime-child anime-complete"
data-anime='{ "el": "childs", "translateY": [30, 0], "opacity": [0,1], "duration": 600, "delay": 1000, "staggervalue": 300, "easing": "easeOutQuad" }'
>
<div class="col-lg-10" style="">
<div
class="row align-items-center justify-content-center bg-black-russian-gray border-radius-100px p-15px"
>
<div class="col-auto fs-14 text-uppercase fw-700 text-center">
<span class="text-white">10,000+</span
> 只为一张好卡
<span class="ps-15px">></span>
</div>
<div class="col-auto align-items-center d-flex">
<a href="#">
<i
class="bi bi-youtube text-white icon-small me-5px lh-0px align-middle"
></i>
<span class="text-white fs-14 fw-600 text-uppercase"
>Youtube</span
>
</a>
</div>
<div class="col-auto">
<div class="w-1px h-15px bg-payne-gray"></div>
</div>
<div class="col-auto align-items-center d-flex">
<a href="#">
<i
class="bi bi-apple text-white icon-small me-5px lh-0px align-middle"
></i>
<span class="text-white fs-14 fw-600 text-uppercase"
>苹果</span
>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- end section -->
<!-- start section -->
<section class="position-relative bg-dark-gray">
<div
class="background-position-left-top h-100 w-100 position-absolute left-0px top-0 d-none d-md-block"
style="
background-image: url('images/demo-music-onepage-vertical-line-bg.svg');
"
></div>
<div class="absolute-middle-center mt-minus-50px sm-mt-minus-10px">
<img
src="./imgs/demo-music-onepage-bg-01.webp"
data-bottom-top="transform: rotate(0deg); filter: blur(0px)"
data-top-bottom="transform:rotate(-64deg); filter: blur(5px)"
alt=""
class="skrollable skrollable-before"
style="transform: rotate(0deg); filter: blur(0px)"
data-no-retina=""
/>
</div>
<div class="container-fluid">
<div class="row position-relative mt-2 mb-2 sm-mb-0">
<div
class="col swiper swiper-width-auto text-center swiper-initialized swiper-horizontal swiper-backface-hidden"
data-slider-options='{ "slidesPerView": "auto", "spaceBetween":50, "speed": 50000, "loop": true, "pagination": { "el": ".slider-four-slide-pagination-2", "clickable": false }, "allowTouchMove": false, "autoplay": { "delay":0, "disableOnInteraction": false }, "navigation": { "nextEl": ".slider-four-slide-next-2", "prevEl": ".slider-four-slide-prev-2" }, "keyboard": { "enabled": true, "onlyInViewport": true }, "effect": "slide" }'
>
<div
class="swiper-wrapper marquee-slide"
id="swiper-wrapper-6250a8754683f4a6"
aria-live="off"
style="
transition-duration: 50000ms;
transform: translate3d(-11884.8px, 0px, 0px);
"
>
<!-- start slider item -->
<div
class="swiper-slide swiper-slide-next"
role="group"
aria-label="1 / 4"
style="margin-right: 50px"
data-swiper-slide-index="0"
>
<div
class="fs-200 sm-fs-150 fw-600 alt-font text-base-color text-uppercase"
>
CD05 CD05 CD05 CD05 CD05 CD05 CD05 CD05 CD05 CD05 CD05 CD05
</div>
</div>
<!-- end slider item -->
<!-- start slider item -->
<div
class="swiper-slide"
role="group"
aria-label="2 / 4"
style="margin-right: 50px"
data-swiper-slide-index="1"
>
<div
class="fs-200 sm-fs-150 fw-600 alt-font text-base-color text-uppercase"
>
CD05 CD05 CD05 CD05 CD05 CD05 CD05 CD05 CD05 CD05 CD05 CD05
</div>
</div>
<!-- end slider item -->
<!-- start slider item -->
<div
class="swiper-slide swiper-slide-prev"
role="group"
aria-label="3 / 4"
style="margin-right: 50px"
data-swiper-slide-index="2"
>
<div
class="fs-200 sm-fs-150 fw-600 alt-font text-base-color text-uppercase"
>
CD05 CD05 CD05 CD05 CD05 CD05 CD05 CD05 CD05 CD05 CD05 CD05
</div>
</div>
<!-- end slider item -->
<!-- start slider item -->
<div
class="swiper-slide swiper-slide-active"
role="group"
aria-label="4 / 4"
style="margin-right: 50px"
data-swiper-slide-index="3"
>
<div
class="fs-200 sm-fs-150 fw-600 alt-font text-base-color text-uppercase"
>
CD05 CD05 CD05 CD05 CD05 CD05 CD05 CD05 CD05 CD05 CD05 CD05
</div>
</div>
<!-- end slider item -->
</div>
<span
class="swiper-notification"
aria-live="assertive"
aria-atomic="true"
></span>
</div>
</div>
</div>
</section>
<!-- end section -->
<!-- start section -->
<section
id="videos"
class="overflow-hidden position-relative bg-dark-gray p-0"
>
<div
class="background-position-left-top h-100 w-100 position-absolute left-0px top-0 d-none d-md-block"
style="
background-image: url('images/demo-music-onepage-vertical-line-bg.svg');
"
></div>
<div class="container-fluid">
<div class="row mb-2">
<div class="col-12 text-center z-index-1">
<h2 class="alt-font text-white text-uppercase">潮流</h2>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="outside-box-right-15 outside-box-left-15">
<div
class="swiper swiper-dark-pagination swiper-line-pagination-style-01 magic-cursor light text-slider-style-05 swiper-initialized swiper-horizontal swiper-backface-hidden"
data-slider-options='{ "slidesPerView": 1, "spaceBetween": 30, "loop": true, "autoplay": { "delay": 3000, "disableOnInteraction": false }, "pagination": { "el": ".swiper-line-pagination", "clickable": true }, "navigation": { "nextEl": ".slider-three-slide-next", "prevEl": ".slider-three-slide-prev" }, "keyboard": { "enabled": true, "onlyInViewport": true }, "breakpoints": { "992": { "slidesPerView": 3 }, "768": { "slidesPerView": 3 }, "320": { "slidesPerView": 1 } }, "effect": "slide" }'
>
<div
class="swiper-wrapper"
id="swiper-wrapper-86107810456e71c490"
aria-live="off"
style="
transition-duration: 0ms;
transform: translate3d(-1894px, 0px, 0px);
transition-delay: 0ms;
"
>
<!-- start slider item -->
<!-- end slider item -->
<!-- start slider item -->
<!-- end slider item -->
<!-- start slider item -->
<!-- end slider item -->
<!-- start slider item -->
<!-- end slider item -->
<!-- start slider item -->
<!-- end slider item -->
<!-- start slider item -->
<!-- end slider item -->
<div
class="swiper-slide"
role="group"
aria-label="6 / 6"
style="width: 601.333px; margin-right: 30px"
data-swiper-slide-index="5"
>
<div
class="services-box-style-01 hover-box last-paragraph-no-margin"
>
<div class="position-relative box-image">
<a href="#link">
<img
src="./imgs/demo-music-onepage-main-slider-02.jpg"
alt=""
data-no-retina=""
/>
<span
class="d-flex justify-content-center align-items-center mx-auto icon-box absolute-middle-center z-index-1 w-90px h-90px md-w-70px md-h-70px rounded-circle bg-base-color"
><i
class="bi bi-youtube text-white icon-very-medium"
></i
></span>
</a>
</div>
<div class="ps-8 pe-8 pt-5 text-center">
<span class="fs-19 d-inline-block text-white fw-600"
>CD05</span
>
<p></p>
</div>
</div>
</div>
<div
class="swiper-slide"
role="group"
aria-label="1 / 6"
style="width: 601.333px; margin-right: 30px"
data-swiper-slide-index="0"
>
<div
class="services-box-style-01 hover-box last-paragraph-no-margin"
>
<div class="position-relative box-image">
<a href="#link">
<img
src="./imgs/demo-music-onepage-main-slider-01.jpg"
alt=""
data-no-retina=""
/>
<span
class="d-flex justify-content-center align-items-center mx-auto icon-box absolute-middle-center z-index-1 w-90px h-90px md-w-70px md-h-70px rounded-circle bg-base-color"
><i
class="bi bi-youtube text-white icon-very-medium"
></i
></span>
</a>
</div>
<div class="ps-8 pe-8 pt-5 text-center">
<span class="fs-19 d-inline-block text-white fw-600"
>CD05</span
>
<p></p>
</div>
</div>
</div>
<div
class="swiper-slide swiper-slide-prev"
role="group"
aria-label="2 / 6"
style="width: 601.333px; margin-right: 30px"
data-swiper-slide-index="1"
>
<div
class="services-box-style-01 hover-box last-paragraph-no-margin"
>
<div class="position-relative box-image">
<a href="#link">
<img
src="./imgs/demo-music-onepage-main-slider-02.jpg"
alt=""
data-no-retina=""
/>
<span
class="d-flex justify-content-center align-items-center mx-auto icon-box absolute-middle-center z-index-1 w-90px h-90px md-w-70px md-h-70px rounded-circle bg-base-color"
><i
class="bi bi-youtube text-white icon-very-medium"
></i
></span>
</a>
</div>
<div class="ps-8 pe-8 pt-5 text-center">
<span class="fs-19 d-inline-block text-white fw-600"
>CD05</span
>
<p></p>
</div>
</div>
</div>
<div
class="swiper-slide swiper-slide-active"
role="group"
aria-label="3 / 6"
style="width: 601.333px; margin-right: 30px"
data-swiper-slide-index="2"
>
<div
class="services-box-style-01 hover-box last-paragraph-no-margin"
>
<div class="position-relative box-image">
<a href="#link">
<img
src="./imgs/demo-music-onepage-main-slider-03.jpg"
alt=""
data-no-retina=""
/>
<span
class="d-flex justify-content-center align-items-center mx-auto icon-box absolute-middle-center z-index-1 w-90px h-90px md-w-70px md-h-70px rounded-circle bg-base-color"
><i
class="bi bi-youtube text-white icon-very-medium"
></i
></span>
</a>
</div>
<div class="ps-8 pe-8 pt-5 text-center">
<span class="fs-19 d-inline-block text-white fw-600"
>CD05</span
>
<p></p>
</div>
</div>
</div>
<div
class="swiper-slide swiper-slide-next"
role="group"
aria-label="4 / 6"
style="width: 601.333px; margin-right: 30px"
data-swiper-slide-index="3"
>
<div
class="services-box-style-01 hover-box last-paragraph-no-margin"
>
<div class="position-relative box-image">
<a href="#link">
<img
src="./imgs/demo-music-onepage-main-slider-04.jpg"
alt=""
data-no-retina=""
/>
<span
class="d-flex justify-content-center align-items-center mx-auto icon-box absolute-middle-center z-index-1 w-90px h-90px md-w-70px md-h-70px rounded-circle bg-base-color"
><i
class="bi bi-youtube text-white icon-very-medium"
></i
></span>
</a>
</div>
<div class="ps-8 pe-8 pt-5 text-center">
<span class="fs-19 d-inline-block text-white fw-600"
>CD05</span
>
<p></p>
</div>
</div>
</div>
<div
class="swiper-slide"
role="group"
aria-label="5 / 6"
style="width: 601.333px; margin-right: 30px"
data-swiper-slide-index="4"
>
<div
class="services-box-style-01 hover-box last-paragraph-no-margin"
>
<div class="position-relative box-image">
<a href="#link">
<img
src="./imgs/demo-music-onepage-main-slider-01.jpg"
alt=""
data-no-retina=""
/>
<span
class="d-flex justify-content-center align-items-center mx-auto icon-box absolute-middle-center z-index-1 w-90px h-90px md-w-70px md-h-70px rounded-circle bg-base-color"
><i
class="bi bi-youtube text-white icon-very-medium"
></i
></span>
</a>
</div>
<div class="ps-8 pe-8 pt-5 text-center">
<span class="fs-19 d-inline-block text-white fw-600"
>CD05</span
>
<p></p>
</div>
</div>
</div>
</div>
<span
class="swiper-notification"
aria-live="assertive"
aria-atomic="true"
></span>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- end section -->
<!-- start section -->
<section id="tours" class="bg-dark-gray position-relative pb-0">
<div
class="background-position-left-top h-100 w-100 position-absolute left-0px top-0 d-none d-md-block"
style="
background-image: url('images/demo-music-onepage-vertical-line-bg.svg');
"
></div>
<div class="container position-relative">
<div class="row">
<div class="col-12 text-center">
<h2 class="alt-font text-white text-uppercase">新IP</h2>
</div>
</div>
<div class="row justify-content-center">
<div
class="col-lg-10 pt-25px pb-30px border-bottom border-color-transparent-white-light tracklist-style transition"
>
<div class="row align-items-center">
<div class="col-md-2 text-center">
<span class="fw-600 text-uppercase text-white">22 Jul</span>
</div>
<div
class="col-md-5 col-xl-6 text-center text-md-start sm-mb-15px"
>
<a href="#" class="text-white">十二生肖</a>
<span class="fs-16 d-block lh-15 mt-5px">热销中</span>
</div>
<div class="col-md-2 text-center sm-mb-10px">
<span
class="pt-5px pb-5px ps-15px pe-15px border-radius-100px text-uppercase bg-black-russian-gray fs-12 fw-700"
style="display: none !important"
>Sold out</span
>
</div>
<div class="col-md-3 col-xl-2 text-center">
<a
href="#"
class="btn btn-link btn-hover-animation-switch btn-large text-base-color primary-font fw-700"
>
<span>
<span class="btn-text">查看</span>
<span class="btn-icon"
><i class="fa-solid fa-arrow-right"></i
></span>
<span class="btn-icon"
><i class="fa-solid fa-arrow-right"></i
></span>
</span>
</a>
</div>
</div>
</div>
<div
class="col-lg-10 pt-25px pb-30px border-bottom border-color-transparent-white-light tracklist-style transition"
>
<div class="row align-items-center">
<div class="col-md-2 text-center">
<span class="fw-600 text-uppercase text-white">08 Aug</span>
</div>
<div
class="col-md-5 col-xl-6 text-center text-md-start sm-mb-15px"
>
<a href="#" class="text-white">红楼梦</a>
<span class="fs-16 d-block lh-15 mt-5px">热销中</span>
</div>
<div class="col-md-2"></div>
<div class="col-md-3 col-xl-2 text-center">
<a
href="#"
class="btn btn-link btn-hover-animation-switch btn-large text-base-color primary-font fw-700"
>
<span>
<span class="btn-text">查看</span>
<span class="btn-icon"
><i class="fa-solid fa-arrow-right"></i
></span>
<span class="btn-icon"
><i class="fa-solid fa-arrow-right"></i
></span>
</span>
</a>
</div>
</div>
</div>
<div
class="col-lg-10 pt-25px pb-30px border-bottom border-color-transparent-white-light tracklist-style transition"
>
<div class="row align-items-center">
<div class="col-md-2 text-center">
<span class="fw-600 text-uppercase text-white">28 Aug</span>
</div>
<div
class="col-md-5 col-xl-6 text-center text-md-start sm-mb-15px"
>
<a href="#" class="text-white">三星堆</a>
<span class="fs-16 d-block lh-15 mt-5px">热销中</span>
</div>
<div class="col-md-2 text-center sm-mb-10px">
<span
class="pt-5px pb-5px ps-15px pe-15px border-radius-100px text-uppercase bg-black-russian-gray fs-12 fw-700"
style="display: none !important"
>Sold out</span
>
</div>
<div class="col-md-3 col-xl-2 text-center">
<a
href="#"
class="btn btn-link btn-hover-animation-switch btn-large text-base-color primary-font fw-700"
>
<span>
<span class="btn-text">查看</span>
<span class="btn-icon"
><i class="fa-solid fa-arrow-right"></i
></span>
<span class="btn-icon"
><i class="fa-solid fa-arrow-right"></i
></span>
</span>
</a>
</div>
</div>
</div>
<div class="col-lg-10 pt-25px pb-30px tracklist-style transition">
<div class="row align-items-center">
<div class="col-md-2 text-center">
<span class="fw-600 text-uppercase text-white">06 Sep</span>
</div>
<div
class="col-md-5 col-xl-6 text-center text-md-start sm-mb-15px"
>
<a href="#" class="text-white">山海经</a>
<span class="fs-16 d-block lh-15 mt-5px">热销中</span>
</div>
<div class="col-md-2"></div>
<div class="col-md-3 col-xl-2 text-center">
<a
href="#"
class="btn btn-link btn-hover-animation-switch btn-large text-base-color primary-font fw-700"
>
<span>
<span class="btn-text">查看</span>
<span class="btn-icon"
><i class="fa-solid fa-arrow-right"></i
></span>
<span class="btn-icon"
><i class="fa-solid fa-arrow-right"></i
></span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- end section -->
<!-- start section -->
<section class="bg-dark-gray position-relative overflow-hidden">
<div
class="background-position-left-top h-100 w-100 position-absolute left-0px top-0 d-none d-md-block"
style="
background-image: url('images/demo-music-onepage-vertical-line-bg.svg');
"
></div>
<div class="container position-relative">
<div class="row align-items-center">
<div class="col-md-5 d-none d-md-inline-block">
<div class="outside-box-left-30">
<div
data-bottom-top="transform:scale(1, 1) translate3d(0px, 0px, 0px);"
data-top-bottom="transform:scale(1, 1) translate3d(-200px, 0px, 0px);"
class="skrollable skrollable-before"
style="transform: scale(1, 1) translate3d(0px, 0px, 0px)"
>
<span
class="fs-250 fw-600 text-black-russian-gray alt-font text-uppercase text-nowrap"
>Countdown</span
>
</div>
<div
class="bg-yellow w-150px h-150px d-flex align-items-center justify-content-center border-radius-100 position-absolute top-minus-70px left-minus-150px xl-left-0px text-center skrollable skrollable-before"
data-bottom-top="transform: translateY(-50px)"
data-top-bottom="transform: translateY(50px)"
style="transform: translateY(-50px)"
>
<h4
class="text-dark-gray alt-font text-uppercase fw-700 mb-0 w-80 mx-auto lh-34 position-relative top-5px"
>
CD 05
</h4>
</div>
</div>
</div>
<div
class="col-xl-5 col-lg-6 col-md-7 offset-xl-1 position-relative last-paragraph-no-margin text-center text-md-start"
>
<h6 class="alt-font text-base-color text-uppercase mb-20px">
新品倒计时, 中国
</h6>
<div
class="d-flex countdown-style-03 justify-content-center justify-content-md-start"
>
<div data-enddate="2025/06/08 12:00:00" class="countdown">
<div class="counter-container">
<div class="countdown-box first">
<div class="number">0</div>
<span>Days</span>
</div>
<div class="countdown-box">
<div class="number">0</div>
<span>Hours</span>
</div>
<div class="countdown-box">
<div class="number">0</div>
<span>Minutes</span>
</div>
<div class="countdown-box last">
<div class="number">0</div>
<span>Seconds</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- end section -->
<!-- start section -->
<section id="awards" class="bg-base-color position-relative">
<div class="absolute-middle-center mt-minus-50px">
<img
src="./imgs/demo-music-onepage-bg-03.png"
alt=""
data-no-retina=""
/>
</div>
<div class="container position-relative">
<div class="row mb-3">
<div class="col-12 text-center">
<h2 class="alt-font fw-600 text-dark-gray text-uppercase">
合作
</h2>
</div>
</div>
<div
class="row row-cols-1 row-cols-lg-4 row-cols-sm-2 justify-content-center border border-1 border-color-dark-gray g-0 mb-5"
>
<!-- start features box item -->
<div class="col icon-with-text-style-07">
<div
class="hover-box dark-hover feature-box ps-17 pe-17 lg-ps-12 lg-pe-12 pt-23 pb-23 overflow-hidden border-end xs-border-end-0 md-border-bottom border-color-dark-gray"
>
<span
class="alt-font fs-24 text-uppercase text-dark-gray position-absolute right-25px top-20px"
>2017</span
>
<div class="feature-box-icon">
<i
class="fa-brands fa-apple icon-double-large text-dark-gray mb-20px"
></i>
</div>
<div class="feature-box-content">
<span
class="text-uppercase fs-16 lh-24 text-dark-gray fw-700 d-block w-85 mx-auto"
>苹果</span
>
</div>
<div class="feature-box-overlay bg-dark-gray"></div>
</div>
</div>
<!-- end features box item -->
<!-- start features box item -->
<div class="col icon-with-text-style-07">
<div
class="hover-box dark-hover feature-box ps-17 pe-17 lg-ps-12 lg-pe-12 pt-23 pb-23 overflow-hidden border-end md-border-end-0 md-border-bottom border-color-dark-gray"
>
<span
class="alt-font fs-24 text-uppercase text-dark-gray position-absolute right-25px top-20px"
>2019</span
>
<div class="feature-box-icon">
<i
class="fa-brands fa-google-play icon-double-large text-dark-gray mb-20px"
></i>
</div>
<div class="feature-box-content">
<span
class="text-uppercase fs-16 lh-24 text-dark-gray fw-700 d-block w-85 mx-auto"
>Google PLAY</span
>
</div>
<div class="feature-box-overlay bg-dark-gray"></div>
</div>
</div>
<!-- end features box item -->
<!-- start features box item -->
<div class="col icon-with-text-style-07">
<div
class="hover-box dark-hover feature-box ps-17 pe-17 lg-ps-12 lg-pe-12 pt-23 pb-23 overflow-hidden border-end xs-border-end-0 xs-border-bottom border-color-dark-gray"
>
<span
class="alt-font fs-24 text-uppercase text-dark-gray position-absolute right-25px top-20px"
>2020</span
>
<div class="feature-box-icon">
<i
class="fa-brands fa-microblog icon-double-large text-dark-gray mb-20px"
></i>
</div>
<div class="feature-box-content">
<span
class="text-uppercase fs-16 lh-24 text-dark-gray fw-700 d-block w-85 mx-auto"
>微博</span
>
</div>
<div class="feature-box-overlay bg-dark-gray"></div>
</div>
</div>
<!-- end features box item -->
<!-- start features box item -->
<div class="col icon-with-text-style-07">
<div
class="hover-box dark-hover feature-box ps-17 pe-17 lg-ps-12 lg-pe-12 pt-23 pb-23 overflow-hidden"
>
<span
class="alt-font fs-24 text-uppercase text-dark-gray position-absolute right-25px top-20px"
>2021</span
>
<div class="feature-box-icon">
<i
class="fa-brands fa-youtube icon-double-large text-dark-gray mb-20px"
></i>
</div>
<div class="feature-box-content">
<span
class="text-uppercase fs-16 lh-24 text-dark-gray fw-700 d-block w-85 mx-auto"
>YOU TUBE</span
>
</div>
<div class="feature-box-overlay bg-dark-gray"></div>
</div>
</div>
<!-- end features box item -->
</div>
<div class="row row-cols-1 justify-content-center counter-style-06">
<!-- start counter item -->
<div class="col feature-box">
<div class="feature-box-content">
<div
class="counter-number alt-font text-dark-gray counter fs-200 fw-700 ls-minus-1px position-relative top-20px appear"
data-speed="2000"
data-to="15"
>
15
</div>
<span
class="counter-title fs-19 text-white ls-4px fw-700 text-uppercase ps-15px pe-15px"
>年 品质</span
>
</div>
</div>
<!-- end counter item -->
</div>
</div>
</section>
<!-- end section -->
<!-- start section -->
<section class="bg-dark-gray position-relative pb-0">
<div
class="background-position-left-top h-100 w-100 position-absolute left-0px top-0 d-none d-md-block"
style="
background-image: url('images/demo-music-onepage-vertical-line-bg.svg');
"
></div>
<img
src="./imgs/demo-music-onepage-bg-04.webp"
class="absolute-top-center"
alt=""
data-no-retina=""
/>
<div class="container">
<div class="row align-items-center">
<div class="col-12 text-center z-index-1">
<h2 class="alt-font text-white text-uppercase">动态</h2>
</div>
</div>
<div class="row justify-content-center mb-8 sm-mb-40px">
<div
class="col-lg-10 testimonials-style-10 position-relative ps-8 pe-8 swiper-number-pagination-progress appear anime-complete"
data-anime='{ "translateY": [0, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad" }'
style=""
>
<div
class="swiper magic-cursor light pb-5 swiper-initialized swiper-horizontal swiper-backface-hidden"
data-slider-options='{ "loop": true, "keyboard": { "enabled": true, "onlyInViewport": true }, "autoplay": { "delay": 4000, "disableOnInteraction": false }, "pagination": { "el": ".swiper-number-line-pagination", "clickable": true }, "navigation": { "nextEl": ".swiper-button-next-nav", "prevEl": ".swiper-button-previous-nav", "effect": "fade" } }'
data-swiper-number-pagination-progress="true"
>
<div
class="swiper-wrapper"
id="swiper-wrapper-1da74acf37610fb25"
aria-live="off"
style="
transition-duration: 0ms;
transform: translate3d(-1642px, 0px, 0px);
transition-delay: 0ms;
"
>
<!-- start testimonial item -->
<!-- end testimonial item -->
<!-- start testimonial item -->
<!-- end testimonial item -->
<!-- start testimonial item -->
<!-- end testimonial item -->
<div
class="swiper-slide swiper-slide-next"
role="group"
aria-label="3 / 3"
data-swiper-slide-index="2"
style="width: 821px"
>
<div class="d-flex flex-column">
<div
class="align-self-center text-center w-80 last-paragraph-no-margin"
>
<h5 class="fw-100 lh-44 alt-font mb-0 ls-0px">
即将重生
</h5>
</div>
</div>
</div>
<div
class="swiper-slide swiper-slide-prev"
role="group"
aria-label="1 / 3"
data-swiper-slide-index="0"
style="width: 821px"
>
<div class="d-flex flex-column">
<div
class="align-self-center text-center w-80 last-paragraph-no-margin"
>
<h5 class="fw-100 lh-44 alt-font mb-0 ls-0px">
即将重生
</h5>
</div>
</div>
</div>
<div
class="swiper-slide swiper-slide-active"
role="group"
aria-label="2 / 3"
data-swiper-slide-index="1"
style="width: 821px"
>
<div class="d-flex flex-column">
<div
class="align-self-center text-center w-80 last-paragraph-no-margin"
>
<h5 class="fw-100 lh-44 alt-font mb-0 ls-0px">
即将重生
</h5>
</div>
</div>
</div>
</div>
<span
class="swiper-notification"
aria-live="assertive"
aria-atomic="true"
></span>
</div>
<!-- start slider pagination -->
<div
class="swiper-pagination-wrapper d-flex align-items-center justify-content-center"
>
<div class="number-prev">02</div>
<div
class="swiper-pagination-progress bg-aluminium-grey"
style="--swiper-progress: 66.67%"
>
<span class="swiper-progress"></span>
</div>
<div class="number-next">03</div>
</div>
<!-- end slider pagination -->
<!-- start slider navigation -->
<div
class="swiper-button-previous-nav swiper-button-prev border border-1 border-color-transparent-white-light w-60px h-60px border-radius-100px"
tabindex="0"
role="button"
aria-label="Previous slide"
aria-controls="swiper-wrapper-1da74acf37610fb25"
>
<i class="feather icon-feather-arrow-left fs-22 text-white"></i>
</div>
<div
class="swiper-button-next-nav swiper-button-next border border-1 border-color-transparent-white-light w-60px h-60px border-radius-100px"
tabindex="0"
role="button"
aria-label="Next slide"
aria-controls="swiper-wrapper-1da74acf37610fb25"
>
<i
class="feather icon-feather-arrow-right fs-22 text-white"
></i>
</div>
<!-- end slider pagination -->
</div>
</div>
<!-- start instagram -->
<div
class="row align-items-center justify-content-center row-cols-3 row-cols-md-5 row-cols-sm-3 instagram-follow-api position-relative"
>
<div class="col instafeed-grid sm-mb-30px">
<figure class="border-radius-0px">
<a href="#link"
><img
src="./imgs/demo-music-onepage-instagram-01.jpg"
class="insta-image"
alt=""
data-no-retina="" /><span class="insta-icon"
><i class="fa-brands fa-instagram"></i></span
></a>
</figure>
</div>
<div class="col instafeed-grid sm-mb-30px">
<figure class="border-radius-0px">
<a href="#link"
><img
src="./imgs/demo-music-onepage-instagram-02.jpg"
class="insta-image"
alt=""
data-no-retina="" /><span class="insta-icon"
><i class="fa-brands fa-instagram"></i></span
></a>
</figure>
</div>
<div class="col instafeed-grid sm-mb-30px">
<figure class="border-radius-0px">
<a href="#link"
><img
src="./imgs/demo-music-onepage-instagram-03.jpg"
class="insta-image"
alt=""
data-no-retina="" /><span class="insta-icon"
><i class="fa-brands fa-instagram"></i></span
></a>
</figure>
</div>
<div class="col instafeed-grid">
<figure class="border-radius-0px">
<a href="#link"
><img
src="./imgs/demo-music-onepage-instagram-04.jpg"
class="insta-image"
alt=""
data-no-retina="" /><span class="insta-icon"
><i class="fa-brands fa-instagram"></i></span
></a>
</figure>
</div>
<div class="col instafeed-grid">
<figure class="border-radius-0px">
<a href="#link"
><img
src="./imgs/demo-music-onepage-instagram-05.jpg"
class="insta-image"
alt=""
data-no-retina="" /><span class="insta-icon"
><i class="fa-brands fa-instagram"></i></span
></a>
</figure>
</div>
<div class="absolute-middle-center z-index-1 w-auto">
<a
href="#link"
class="btn btn-small btn-switch-text btn-dark-gray btn-round-edge fw-700 left-icon btn-box-shadow instagram-button"
>
<span>
<span><i class="fa-brands fa-instagram fs-17"></i></span>
<span
class="btn-double-text primary-font"
data-text="Instagram"
>微</span
>
</span>
</a>
</div>
</div>
<!-- end instagram -->
</div>
</section>
<!-- end section -->
<!-- start section -->
<section
id="contact"
class="bg-dark-gray position-relative overflow-hidden"
>
<div
class="background-position-left-top h-100 w-100 position-absolute left-0px top-0 d-none d-md-block"
style="
background-image: url('images/demo-music-onepage-vertical-line-bg.svg');
"
></div>
<div class="container position-relative">
<div class="row align-items-end text-center text-md-start">
<div
class="col-lg-3 col-md-4 last-paragraph-no-margin appear anime-child anime-complete"
data-anime='{ "el": "childs", "translateY": [30, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad" }'
>
<h2 class="alt-font text-white text-uppercase" style="">
对话？
</h2>
<p class="lh-28" style=""></p>
</div>
<div
class="col-lg-3 col-md-4 appear anime-child anime-complete"
data-anime='{ "el": "childs", "translateY": [30, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad" }'
>
<p class="w-75 xl-w-100 lh-28" style="">深夜 雨 倾听</p>
<div
class="d-flex align-items-center text-white justify-content-center justify-content-md-start"
style="display: none !important"
>
<i class="feather icon-feather-mail align-middle me-10px"></i>
<span>[email protected]</span>
</div>
</div>
<div class="col-lg-5 offset-lg-1 col-md-4">
<div class="outside-box-right-30 d-none d-md-inline-block">
<div
class="d-none d-lg-inline-block skrollable skrollable-before"
data-bottom-top="transform:scale(1, 1) translate3d(-60px, 0px, 0px);"
data-top-bottom="transform:scale(1, 1) translate3d(60px, 0px, 0px);"
style="transform: scale(1, 1) translate3d(-60px, 0px, 0px)"
>
<span
class="fs-250 fw-600 text-black-russian-gray alt-font text-uppercase text-nowrap"
>Contact band</span
>
</div>
<div
class="bg-yellow w-150px h-150px d-flex align-items-center justify-content-center border-radius-100 position-absolute top-minus-70px right-minus-150px xl-right-0px text-center skrollable skrollable-before"
data-bottom-top="transform: translateY(-50px)"
data-top-bottom="transform: translateY(50px)"
style="transform: translateY(-50px)"
>
<h4
class="text-dark-gray alt-font text-uppercase fw-700 mb-0 w-80 mx-auto lh-34 position-relative top-5px"
>
CD 05
</h4>
</div>
<a
href="mailto:[email protected]"
class="fs-15 text-base-color text-uppercase ls-1px fw-600"
>[email protected]</a
>
<span
class="w-120px h-1px bg-base-color d-none d-lg-inline-block align-middle position-relative top-minus-1px ms-10px lg-w-70px"
></span>
</div>
</div>
</div>
</div>
</section>
<!-- end section -->
</div>
<!-- start footer -->
<footer
class="cover-background footer-sticky"
style="
background-image: url('images/demo-music-onepage-footer-bg-img.jpg');
"
>
<div
class="background-position-left-top h-100 w-100 position-absolute left-0px top-0 d-none d-md-block"
style="
background-image: url('images/demo-music-onepage-vertical-line-bg.svg');
"
></div>
<div class="container position-relative">
<div class="row">
<div class="col-12 mb-20px elements-social social-icon-style-10">
<ul class="fs-14 ls-1px fw-600 text-center light text-uppercase">
<li class="me-30px">
<a class="spotify" href="#link">
<i class="fa-brands fa-spotify me-5px"></i>
<span>百度</span>
</a>
</li>
<li class="me-30px">
<a class="itunes" href="#link">
<i class="fa-brands fa-apple me-5px"></i>
<span>苹果</span>
</a>
</li>
<li class="me-30px">
<a class="youtube" href="#link">
<i class="fa-brands fa-youtube me-5px"></i>
<span>Youtube</span>
</a>
</li>
<li class="me-30px">
<a class="soundcloud" href="#link">
<i class="fa-brands fa-soundcloud me-5px"></i>
<span>腾讯云</span>
</a>
</li>
<li>
<a class="instagram" href="#link">
<i class="fa-brands fa-instagram me-5px"></i>
<span>微博</span>
</a>
</li>
</ul>
</div>
<div class="col-12 text-center fs-15 last-paragraph-no-margin">
<p>
©
<script>
document.write(new Date().getFullYear());
</script>
CD05 is proudly powered by
<a
href="https://www.cd05.com/"
target="_black"
class="text-white text-decoration-line-bottom"
>卡盟</a
><br />
<a href="https://beian.miit.gov.cn/" target="_blank"
>皖ICP备2025079993号-1</a
>
</p>
</div>
</div>
</div>
</footer>
<!-- start footer -->
<!-- start scroll progress -->
<div class="scroll-progress d-none d-xxl-block">
<a href="#" class="scroll-top" aria-label="scroll">
<span class="scroll-text">Scroll</span
><span class="scroll-line"
><span class="scroll-point" style="height: 0%"></span
></span>
</a>
</div>
<!-- end scroll progress -->
<!-- javascript libraries -->
<script type="text/javascript" src="./imgs/jquery.js"></script>
<script type="text/javascript" src="./imgs/vendors.min.js"></script>
<script type="text/javascript" src="./imgs/main.js"></script>
<div class="magic-cursor-wrapper magic-cursor-light" style="opacity: 1">
<div
id="ball-cursor"
style="
translate: none;
rotate: none;
scale: none;
opacity: 1;
border-width: 0px;
transform: translate(-50%, -50%) translate3d(1493px, 350.001px, 0px)
scale(0, 0);
"
>
<div id="ball-cursor-loader"></div>
</div>
</div>
<div class="theme-demos" style="display: block">
<span
class="close-popup fs-22 text-dark-gray w-40px h-40px d-flex justify-content-center align-items-center"
><i class="fa-solid fa-xmark"></i
></span>
</div>
<!-- Google tag (gtag.js) -->
<script async="" src="./imgs/js"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag("js", new Date());
gtag("config", "G-DND93RJKBT");
</script>
</body>
<love-deal-csui
><template shadowrootmode="open"
><style id="loveDealStyle">
.love-deal-container {
-webkit-user-select: none;
background-color: #fff;
border-width: 1px;
border-color: #e8eaec;
border-radius: 18px;
width: 320px;
height: 468px;
box-shadow: 0 0 16.8px 4.2px #7878784d;
}
.love-deal-container.love-deal-has-active {
height: 518px;
}
#love-deal-container {
z-index: 2147483647;
width: 320px;
height: auto;
transition: all 0.3s;
position: fixed;
top: 50px;
right: 50px;
font-size: 16px !important;
}
#love-deal-container.love-deal-has-active {
height: 518px;
}
.love-deal-header {
z-index: 99;
box-sizing: border-box;
place-content: center;
align-items: center;
width: 100%;
height: 50px;
padding: 0 15px;
display: flex;
position: relative;
top: 0;
left: 0;
}
.love-deal-logo {
cursor: pointer;
text-align: center;
width: 34px;
height: 34px;
font-size: 0;
line-height: 24;
display: block;
position: absolute;
top: 18px;
left: 20px;
}
.love-deal-close {
cursor: pointer;
text-align: center;
width: 12px;
height: 12px;
font-size: 0;
line-height: 12;
display: block;
position: absolute;
top: 22px;
right: 30px;
}
.love-deal-logo-img,
.love-deal-close-icon,
.love-deal-close-hover-icon {
width: 100%;
}
.love-deal-close-hover-icon,
.love-deal-close:hover .love-deal-close-icon {
display: none;
}
.love-deal-close:hover .love-deal-close-hover-icon {
display: block;
}
.love-deal-coupon-logo,
.love-deal-coupon-num {
text-align: center;
place-content: center;
align-items: center;
height: 60px;
display: block;
}
.love-deal-coupon-logo {
border-radius: 1000px;
width: 80px;
height: 80px;
margin: 0 auto;
text-decoration: none;
display: flex;
overflow: hidden;
box-shadow: 0 0 30px #7878784d;
}
.love-deal-brand-name {
word-break: break-word;
overflow-wrap: break-word;
-webkit-line-clamp: 2;
color: #000;
-webkit-box-orient: vertical;
width: 80%;
text-decoration: none;
display: -webkit-box;
overflow: hidden;
}
.love-deal-coupon-logo img {
width: 100%;
}
.love-deal-coupon img {
height: 100%;
}
.love-deal-coupon-num {
color: #000;
letter-spacing: 0;
height: 80px;
font-size: 22px;
font-style: normal;
font-weight: bolder;
line-height: 24px;
text-decoration: none;
}
.love-deal-coupon-red {
color: #ff4b49;
fill: #fe564d;
}
.love-deal-line {
background-color: #f0f0f0;
width: 90%;
height: 1px;
margin: 0 auto;
}
.love-deal-rate {
height: 50px;
line-height: 50px;
}
.love-deal-coupon-sm {
color: #000;
margin-left: 5%;
font-size: 13px;
}
.love-deal-right {
float: right;
margin-right: 5%;
font-size: 13px;
font-weight: 700;
position: relative;
}
.love-deal-m-right {
margin-right: 30px;
}
.love-deal-high {
position: absolute;
top: 5px;
right: 0;
}
.love-deal-coupon-box {
text-align: center;
height: 90px;
padding-top: 20px;
padding-bottom: 20px;
}
.love-deal-coupon {
text-align: center;
background: #fb9b3617;
border: 1px dashed #ff817f;
border-radius: 11px;
width: 90%;
height: 100%;
margin: 0 auto;
padding: 0;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
position: relative;
}
.love-deal-code {
color: #000;
-webkit-user-select: text;
font-size: 18px;
font-weight: 700;
position: absolute;
top: 25px;
left: 15px;
}
.love-deal-worked {
color: #000;
-webkit-user-select: none;
font-size: 13px;
font-weight: 500;
position: absolute;
top: 45px;
left: 15px;
}
.love-deal-success {
border-style: none;
border-color: unset;
text-align: center;
color: #fe564d;
letter-spacing: 0;
background: #ffcbc4;
border-radius: 27px;
width: 120px;
height: 22px;
padding: 0;
font-size: 11px;
font-style: normal;
font-weight: 700;
line-height: 22px;
position: absolute;
top: 7px;
right: 10px;
}
.love-deal-copy {
cursor: pointer;
font-size: 16px;
font-weight: 700;
position: absolute;
top: 35px;
right: 50px;
}
.love-deal-copied {
color: #000;
margin-right: -20px;
}
.love-deal-more-btn {
border-style: none;
border-color: unset;
text-align: center;
color: #fff;
cursor: pointer;
background: linear-gradient(90deg, #ff986d, #ff5d80);
border-radius: 71px;
width: 90%;
height: 40px;
margin: 0 auto;
padding: 0;
font-size: 15px;
font-style: normal;
font-weight: bolder;
line-height: 40px;
text-decoration: none;
animation-name: shake;
animation-duration: 5s;
animation-iteration-count: infinite;
display: block;
}
.love-deal-more-btn.love-deal-none {
animation-name: none;
}
.love-deal-snooze {
color: #8e8e8e;
letter-spacing: 0;
text-align: center;
z-index: 10;
width: 100%;
height: 40px;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 40px;
text-decoration: underline;
position: relative;
}
.love-deal-snooze span {
cursor: pointer;
}
@keyframes shake {
0%,
to {
transform: translate(0, 0);
}
10%,
30%,
50%,
70%,
90% {
transform: translate(-10px);
}
20%,
40%,
60%,
80% {
transform: translate(10px);
}
}
.love-deal-ball {
cursor: pointer;
user-select: none;
pointer-events: auto;
z-index: 2147483647;
border-radius: 50%;
width: 48px;
height: 48px;
position: fixed;
box-shadow: 0 0 16.8px 4.2px #7878784d;
}
.love-deal-ball.expanded {
width: 55px;
}
.no-transition {
transition: none !important;
}
.love-deal-ball-img-box {
position: relative;
}
.love-deal-ball img {
user-select: none;
-webkit-user-drag: none;
height: 48px;
}
.love-deal-close-container {
width: 0 !important;
height: 0 !important;
}
.love-deal-ball-move {
z-index: 999;
cursor: ns-resize;
width: 12px;
height: 48px;
display: block;
position: absolute;
top: 0;
right: 0;
}
.close {
right: -58px !important;
}
.love-deal-active img {
border-bottom-right-radius: 18px;
border-bottom-left-radius: 18px;
width: 100%;
font-size: 0;
overflow: hidden;
}
.love-apply-container {
height: auto !important;
}
.love-deal-test-box {
user-select: none;
background: #00000080;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
}
.love-deal-box {
border-radius: 20px;
width: 800px;
height: 354px;
position: fixed;
top: 50%;
left: 50%;
overflow: hidden;
transform: translate(-50%, -70%);
box-shadow: 0 0 10px #fcfcfc;
}
.love-deal-box .love-deal-box-bg {
width: 800px;
height: 354px;
}
.love-deal-box-content {
width: 100%;
height: 100%;
position: relative;
}
.love-deal-box-top {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.love-deal-box-title {
text-align: center;
font-size: 38px;
font-weight: 700;
}
.love-deal-test-list {
box-sizing: border-box;
justify-content: flex-start;
align-items: center;
width: 600px;
height: 110px;
margin: 0 auto;
position: relative;
overflow: hidden;
}
.love-deal-test-active-box {
color: #f66a42;
z-index: 10;
border: 2px solid #ff5050;
border-radius: 1000px;
width: 200px;
height: 45px;
margin-top: -26px;
margin-left: -100px;
font-size: 24px;
line-height: 45px;
animation: 1s ease-in-out infinite bounce;
position: absolute;
top: 50%;
left: 50%;
box-shadow: 0 0 16px 4px #7878784d;
}
.love-deal-test-codes {
box-sizing: border-box;
justify-content: flex-start;
align-items: center;
width: 600px;
margin: 40px auto;
transition: transform 0.5s;
display: flex;
position: relative;
}
.love-deal-test-code {
box-sizing: border-box;
white-space: nowrap;
text-overflow: ellipsis;
text-align: center;
color: #0000;
background: linear-gradient(90deg, #ff9173, red);
-webkit-background-clip: text;
border-radius: 1000px;
align-items: center;
min-width: 200px;
padding: 0 45px;
font-size: 20px;
font-weight: 700;
line-height: 30px;
overflow: hidden;
}
.love-deal-test-active {
color: #f66a42;
padding: 0 0 0 45px;
font-size: 22px;
}
.love-deal-test-code-img {
vertical-align: text-top;
width: 38px;
margin-top: -3px;
margin-left: 10px;
}
.love-deal-test-active .love-deal-test-code-img {
display: block;
}
.love-deal-test-process {
background-color: #fff;
border: 3px solid #f66a42;
border-radius: 1000px;
width: 726px;
height: 26px;
margin: 0 auto;
}
.love-deal-test-process-inside {
background: linear-gradient(90deg, #fea374, #ff678b);
border-radius: 1000px;
width: 0;
height: 20px;
margin: 3px;
animation-duration: 5s;
}
.love-deal-test-process-text {
text-align: center;
color: #f66a42;
width: 100%;
margin-top: 20px;
font-size: 30px;
font-weight: 700;
}
@keyframes bounce {
0%,
to {
transform: scale(1);
}
50% {
transform: scale(1.1);
}
}
.love-deal-box-btns {
text-align: center;
flex-wrap: nowrap;
justify-content: space-evenly;
margin: 40px;
display: flex;
}
.love-deal-box-btn {
color: #fff;
cursor: pointer;
border-radius: 1000px;
width: 290px;
font-size: 22px;
font-weight: bolder;
line-height: 50px;
box-shadow: 0 0 16px 4px #7878784d;
}
.love-deal-box-btn-0 {
background-color: #00b025;
}
.love-deal-box-btn-1 {
background-color: #ff6200;
}
.love-deal-best-code {
cursor: pointer;
background: linear-gradient(135deg, #fce38a33, #f38181cc);
width: 200px;
padding: 5px 60px;
font-size: 22px;
}
.love-deal-best-succ {
vertical-align: middle;
width: 36px;
margin-left: 10px;
}
.love-deal-csui-container {
width: 320px;
height: auto;
display: flex;
position: relative;
top: 0;
left: 0;
}
.ld-container::-webkit-scrollbar {
width: 4px;
height: 4px;
}
.ld-container::-webkit-scrollbar-thumb {
background: #9996;
border-radius: 100px;
box-shadow: inset 0 0 #f0f0f080;
}
.ld-container {
width: 100%;
height: auto;
}
.ld-code-container,
.ld-brand-container {
background-color: #fff;
border-radius: 18px;
width: 100%;
}
.ld-brand-container {
height: 165px;
}
.ld-code-container {
margin-top: 15px;
padding-bottom: 15px;
}
.ld-brand-name {
text-align: center;
}
.ld-brand-name a {
color: #000;
text-align: center;
height: 45px;
font-size: 18px;
font-weight: bolder;
line-height: 45px;
text-decoration: none;
}
.ld-coupon-red {
color: #f64748;
fill: #fe564d;
}
.ld-coupon-num {
color: #000;
letter-spacing: 0;
text-align: center;
height: 60px;
margin-top: -10px;
font-size: 20px;
font-style: normal;
font-weight: bolder;
line-height: 60px;
text-decoration: none;
}
.ld-line {
background-color: #f0f0f0;
width: 90%;
height: 1px;
margin: 0 auto;
}
.ld-rate {
height: 50px;
line-height: 50px;
}
.ld-coupon-sm {
margin-left: 5%;
font-size: 13px;
}
.ld-right {
float: right;
margin-right: 5%;
font-size: 13px;
font-weight: 700;
position: relative;
}
.ld-m-right {
margin-right: 30px;
}
.ld-high {
position: absolute;
top: 5px;
right: 0;
}
.ld-middle {
vertical-align: -6px;
}
.ld-coupon-title {
text-align: center;
height: 40px;
font-size: 15px;
font-weight: bolder;
line-height: 40px;
}
.ld-more-btn {
text-align: center;
color: #fff;
background: linear-gradient(90deg, #ff986d, #ff5d80);
border-radius: 71px;
width: 90%;
height: 40px;
margin: 0 auto;
padding: 0;
font-size: 15px;
font-style: normal;
font-weight: bolder;
line-height: 40px;
text-decoration: none;
display: block;
}
.ld-ul {
margin: 0;
padding: 0 10px;
}
.ld-coupon-box {
text-align: center;
height: 80px;
padding-bottom: 10px;
list-style-type: none;
}
.ld-coupon {
text-align: center;
background: #fb9b3617;
border: 1px dashed #fe564d;
border-radius: 11px;
height: 100%;
padding: 0;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
position: relative;
}
li.ld-coupon-box {
height: 60px;
}
li.ld-sm-coupon.ld-coupon-box {
height: 40px !important;
}
li .ld-coupon {
background: 0 0;
border-color: #9a9a9a;
}
.ld-code {
-webkit-user-select: text;
font-size: 15px;
font-weight: 700;
position: absolute;
top: 20px;
left: 15px;
}
.ld-worked {
-webkit-user-select: none;
white-space: nowrap;
text-overflow: ellipsis;
text-align: left;
width: 200px;
font-size: 11px;
font-weight: 500;
position: absolute;
top: 40px;
left: 15px;
overflow: hidden;
}
li .ld-code {
top: 10px;
}
li .ld-worked {
top: 30px;
}
.ld-success {
border-style: none;
border-color: unset;
text-align: center;
color: #fe564d;
letter-spacing: 0;
background: #fcdcc4;
border-radius: 27px;
width: 100px;
height: 20px;
padding: 0;
font-size: 11px;
font-style: normal;
font-weight: 700;
line-height: 20px;
position: absolute;
top: 5px;
right: 5px;
}
.ld-copy {
cursor: pointer;
user-select: none;
font-size: 16px;
font-weight: 700;
position: absolute;
top: 35px;
right: 30px;
}
.ld-copied {
margin-right: -20px;
}
li .ld-copy {
top: 20px;
}
li.ld-sm-coupon .ld-copy {
top: 10px !important;
}
li svg {
fill: #9a9a9a !important;
}
.ld-logo {
color: #fd5700;
height: 35px;
margin-bottom: 10px;
font-size: 14px;
font-weight: 500;
line-height: 35px;
text-decoration: none;
position: relative;
}
.ld-logo img {
vertical-align: middle;
width: 35px;
height: 35px;
margin-right: 10px;
}
.ld-no-support {
color: #666;
letter-spacing: 0;
text-align: left;
width: 65%;
height: 100%;
margin: 0;
padding: 10px;
font-size: 13px;
font-style: normal;
font-weight: 500;
line-height: 100%;
text-decoration: none;
display: inline-block;
position: absolute;
top: 0;
left: 0;
}
.ld-no-support-text {
width: 180px;
position: absolute;
top: 40px;
left: 105px;
transform: translate(-50%, -50%);
}
.ld-no-support-btn-box {
width: 35%;
height: 100%;
line-height: 100%;
display: inline-block;
position: absolute;
top: 0;
right: 0;
}
.ld-submit-btn {
border-style: none;
border-color: unset;
text-align: center;
cursor: pointer;
color: #fc1c3a;
background: #fccccc;
border-radius: 38px;
width: 85px;
height: 30px;
margin: 0 auto;
padding: 0;
font-size: 13px;
font-style: normal;
font-weight: 700;
line-height: 30px;
position: absolute;
top: 25px;
right: 15px;
}
.ld-brand-container.ld-none {
border: 1px solid #ececec;
margin-top: 5px;
position: relative;
background-color: #fcecec !important;
height: 80px !important;
}
.ld-coupon-title.ld-none {
text-align: left;
margin-left: 5%;
}
.ld-coupon-shop {
text-align: center;
cursor: pointer;
height: 80px;
padding-bottom: 10px;
list-style-type: none;
}
.ld-shop {
text-align: center;
border: 1px solid #e4e2e2;
border-radius: 11px;
height: 100%;
padding: 0;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
position: relative;
}
.ld-hot {
background: #fff3f3;
}
.ld-shop-logo {
border-radius: 1000px;
width: 45px;
height: 45px;
line-height: 45px;
position: absolute;
top: 17px;
left: 10px;
overflow: hidden;
box-shadow: 0 0 16.8px 1px #6666664d;
}
.ld-shop-logo img {
width: 100%;
}
.ld-shop-name {
font-size: 14px;
font-weight: 700;
position: absolute;
top: 20px;
left: 68px;
}
.ld-shop-title {
color: #f64748;
font-size: 14px;
font-weight: 700;
position: absolute;
bottom: 20px;
left: 68px;
}
.ld-shop-btn {
width: 70px;
height: 25px;
font-size: 13px;
font-weight: 500;
line-height: 25px;
position: absolute;
top: 25px;
right: 10px;
}
.ld-btn-submitted {
color: #009671;
background-color: #fff;
border: 1px solid #009671;
}
.ld-brand-container.ld-search {
background-color: #0000;
height: 40px;
margin-top: 10px;
position: relative;
}
.ld-search-input {
color: #666;
border: 1px solid #fff;
border-radius: 18px;
width: 265px;
height: 40px;
padding-left: 40px;
font-size: 14px;
font-weight: 600;
line-height: 40px;
box-shadow: 0 0 10px #00285724;
}
.ld-search-input:focus {
border: 1px solid #cfcfef;
outline: none;
}
.ld-search-input:empty:before {
content: attr(placeholder);
color: #aaa;
pointer-events: none;
}
.ld-search-input:focus:empty:before {
content: none;
}
.ld-search-icon {
width: 18px;
height: 18px;
position: absolute;
top: 11px;
left: 14px;
}
.ld-search-icon svg {
fill: #999;
}
.ld-search-ul {
z-index: 100;
background-color: #fff;
border: 1px solid #efefef;
border-radius: 3px;
width: 100%;
height: auto;
padding: 3px 0;
position: absolute;
top: 28px;
box-shadow: 0 0 10px #00285724;
}
.ld-search-ul li {
cursor: pointer;
padding: 3px 10px;
list-style-type: none;
}
.ld-search-ul li:hover {
background-color: #f647481a;
}
.ld-search-domain {
color: #999;
margin-left: 10px;
}
.ld-highlight {
color: #f64748;
}
.love-deal-more-btn {
border-style: none;
border-color: unset;
text-align: center;
color: #fff;
cursor: pointer;
background: linear-gradient(90deg, #ff986d, #ff5d80);
border-radius: 71px;
width: 90%;
height: 40px;
margin: 0 auto;
padding: 0;
font-size: 15px;
font-style: normal;
font-weight: bolder;
line-height: 40px;
text-decoration: none;
animation-name: shake;
animation-duration: 5s;
animation-iteration-count: infinite;
display: block;
}
@keyframes shake {
0%,
to {
transform: translate(0, 0);
}
10%,
30%,
50%,
70%,
90% {
transform: translate(-10px);
}
20%,
40%,
60%,
80% {
transform: translate(10px);
}
}
.ld-container {
-webkit-user-select: none;
background-color: #f4f4f4;
border-width: 1px;
border-color: #e8eaec;
border-radius: 18px;
padding: 15px;
overflow: auto;
box-shadow: 0 0 16.8px 4.2px #7878784d;
width: 290px !important;
height: 468px !important;
}
.ld-brand-container {
position: relative;
}
.ld-close {
top: 10px !important;
right: 10px !important;
}
</style>
<div
id="love-deal-container"
class="love-deal-close-container"
style="z-index: 2147483647"
>
<div
id="love-deal-overlay-0"
class="love-deal-csui-container"
></div></div></template
></love-deal-csui>
</html>
Whois info of domain
Domain Name: CD05.COM
Registry Domain ID: 2967917465_DOMAIN_COM-VRSN
Registrar WHOIS Server: whois.dnspod.cn
Registrar URL: http://www.dnspod.cn
Updated Date: 2025-03-18T09:45:36Z
Creation Date: 2025-03-18T09:43:14Z
Registry Expiry Date: 2026-03-18T09:43:14Z
Registrar: DNSPod, Inc.
Registrar IANA ID: 1697
Registrar Abuse Contact Email: [email protected]
Registrar Abuse Contact Phone: +86.4009100100
Domain Status: ok https://icann.org/epp#ok
Name Server: KITCHEN.DNSPOD.NET
Name Server: LOUD.DNSPOD.NET
DNSSEC: unsigned
URL of the ICANN Whois Inaccuracy Complaint Form: https://www.icann.org/wicf/
>>> Last update of whois database: 2025-05-12T16:58:44Z <<<
For more information on Whois status codes, please visit https://icann.org/epp
NOTICE: The expiration date displayed in this record is the date the
TERMS OF USE: You are not authorized to access or query our Whois
by the following terms of use: You agree that you may use this Data only
to: (1) allow, enable, or otherwise support the transmission of mass