Donner DP-10 88-Key Foldable Semi-Weighted Digital Piano Kit with Bluetooth

Donner DP-10 Foldable Portable Keyboard

Features:

• Ultra-portable Folding Piano
  The Donner DP-10 88-Key Digital Piano features a lightweight design (7.8 lbs/3.5 kg) and a compact folded length (24.7 in/62.8 cm). It is a portable keyboard, perfect for traveling and performing on the go.
• Connect Multiple Devices
  The Donner DP-10 folding piano supports both wireless and USB-MIDI connections. For beginners, you can connect to the software on your cell phone/iPad for teaching and practicing. For music lovers, the DP-10 folding piano keyboard can also be used as a MIDI device, connecting to MIDI editing software for composition.
• More Features, More Fun
  With 128 rhythms, 128 pitches, 21 demo songs, auto chords, splits, recordings, transpositions, drum kits, and more, the DP-10 Portable Piano Keyboard opens up endless possibilities for music creation.
• Great for All Levels
  DP-10 88-key digital piano with 88 standard size keyboard provides you with real piano-like finger touch and key depth, which can also help children and adults to practice piano skills better. In addition, the operation buttons are user-friendly to help users switch functions more easily and quickly.
• 10 hrs Battery Life
  The DP-10 Folding Keyboard Piano takes approximately 4 hours to charge, with the first charge taking over 6 hours. The DP-10 Digital Piano Kit is supplied with a USB C cable, but a 5V/2A power adapter is not included.

.flex {
display: flex;
}

.bg-cover {
background-size: cover;
}
.advanced-swiper-container {
position: relative;
width: 100%;
height: 100%;
display: flex;
transition: transform 0.4s;
transform: translateX(0);
}
.advanced-swiper .swiper-item,
.advanced-swiper img {
width: 100%;
height: 100%;
object-fit: cover;
}

@media (max-width: 750px) {
.mb\:flex {
display: flex;
}

.mb\:none {
display: none;
}

.mb\:block {
display: block;
}
}
.advanced-swiper {
width: 100%;
transform: translate3d(0, 0, 0) 0.4s;
position: relative;
overflow: hidden;
margin-bottom: 10px;
line-height: 1.25;
margin: 0 auto;
}

.bg-swiper-container {
width: 100%;
height: 100%;
}

.bg-swiper-container img {
width: 100%;
height: 100%;
object-fit: cover;
transform: translateX(0);
transition: transform 0.4s;
margin: 0;
}

.bg-swiper-dis {
/* pc简述大小 */
font-size: 18px;
}

.bg-swiper-arrow-l,
.bg-swiper-arrow-r {
position: absolute;
z-index: 3;
top: 50%;
cursor: pointer;
user-select: none;
}

.bg-swiper-arrow-l i,
.bg-swiper-arrow-r i {
width: 24px;
height: 24px;
display: block;
position: relative;
}

:root {
/* 背景轮播图箭头颜色 */
–bg-swiper-bg-swiper-arrow-color: #ffffff;
}

.bg-swiper-arrow-l i::before,
.bg-swiper-arrow-r i::before {
content: “”;
display: block;
width: 24px;
height: 2px;
background-color: var(–bg-swiper-bg-swiper-arrow-color);
position: absolute;
top: 0;
}

.bg-swiper-arrow-l i::after,
.bg-swiper-arrow-r i::after {
content: “”;
display: block;
width: 2px;
height: 24px;
background-color: var(–bg-swiper-bg-swiper-arrow-color);
position: absolute;
right: 0;
}

.bg-swiper-arrow-l {
transform: rotateZ(-135deg);
left: 20px;
}

.bg-swiper-arrow-r {
transform: rotateZ(45deg);
right: 20px;
}

.bg-swiper-point {
width: 100%;
justify-content: center;
position: absolute;
/* 指示点与下方距离 */
bottom: 20px;
z-index: 4;
}

.bg-swiper-point span {
/* 指示点大小,两个值都需要调整为一样大小才是圆形 */
width: 12px;
height: 12px;
border-radius: 50%;
/* 指示点颜色 */
background-color: #f5f1ee;
/* 指示点左右距离,只需调整第二个值 */
margin: 0 8px;
}

.bg-swiper-point span.on {
/* 选中指示点颜色 */
background-color: #ffa500;
}

@media (max-width: 750px) {
.bg-swiper {
width: 100%;
height: auto;
}

.bg-swiper-text {
width: 100%;
position: static;
transform: translate(0);
}

.bg-swiper-point {
position: static;
/* M端指示点与上方距离 */
margin-top: 0px;
}

.bg-swiper-title {
/* M端标题大小 */
font-size: 0px;
}

.bg-swiper-dis {
/* M端简述大小 */
font-size: 0px;
}
}

/* 背景轮播图样式 END */

.flex {
display: flex;
}

.bg-cover {
background-size: cover;
}

.pc\:none {
display: none;
}

.pc\:flex {
display: flex;
}

@media (max-width:750px) {
.mb\:flex {
display: flex;
}

.mb\:none {
display: none;
}

.mb\:block {
display: block;
}
}

/* 高级导航轮播图样式 */
.advanced-swiper {
width: 100%;
position: relative;
overflow: hidden;
/* 模块与下方距离 */
margin-bottom: 10px;
line-height: 1.25;
}

.advanced-nav {
width: 100%;
position: absolute;
/* pc导航与上方距离 */
top: 40px;
justify-content: center;
z-index: 5;
}

.advanced-nav-item {
/* pc导航左右两边距离,只需调整第二个值 */
margin: 0 20px;
/* pc导航内边距,第一个值是上下,第二个值是左右 */
padding: 4px 20px;
/* pc导航圆角大小 */
border-radius: 100px;
cursor: pointer;
/* pc导航边框大小与颜色 */
border: 1px solid black;
/* pc端导航字体大小 */
font-size: 16px;
}

.advanced-nav-item.on {
/* 选中导航背景颜色 */
background-color: rgb(255, 253, 253);
/* 选中导航字体颜色 */
color: rgb(8, 0, 0);
}

.advanced-swiper img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.4s;
transform: translateX(0);
}

.advanced-swiper-container {
position: relative;
width: 100%;
height: 100%;
}

.advanced-swiper-text {
position: absolute;
/* 文本与上方距离 */
top: 30%;
/* 文本与左边距离 */
left: 60px;
/* 文本框长度 */
width: 400px;
/* 文本框内边距,第一个值是上下,第二个值是左右 */
padding: 20px 20px;
z-index: 3;
/* 文本框背景颜色 */
background-color: #fcfafa;
/* 文本字体颜色 */
color: #000307;
}

.advanced-swiper-small-title {
/* pc端小标题大小 */
font-size: 16px;
}

.advanced-swiper-title {
/* pc端标题大小 */
font-size: 18px;
/* pc端标题上下距离,第一个值是上,第三个值是下 */
margin: 8px 0 8px;
}

.advanced-swiper-dis {
/* pc端描述大小 */
font-size: 14px;
}

@media (max-width:750px) {
.advanced-swiper {
width: 100%;
height: auto;
position: relative;
overflow: hidden;
}

.advanced-nav,
.advanced-swiper-text,
.advanced-nav {
position: static;
text-align: center;
width: 100%;
box-sizing: border-box;
}

.advanced-nav {
flex-direction: column;
align-items: center;
}

.advanced-nav-item {
/* M端导航上下距离,只需调整第一个值 */
margin: 8px 0;
/* M端导航长度 */
width: 60%;
}

.advanced-swiper-small-title {
/* M端小标题大小 */
font-size: 16px;
}

.advanced-swiper-title {
/* M端标题大小 */
font-size: 18px;
}

.advanced-swiper-dis {
/* M端描述大小 */
font-size: 14px;
}

.advanced-nav-item {
/* M端导航字体大小 */
font-size: 16px;
}
}

/* 高级导航轮播图样式 END */