.dbbox{ width:100%; float:left; }
.plra15{ padding:7px 15px; }
/* 标题样式 */
.page-title { width: 100%; display: flex; justify-content: center; text-align: center; flex-direction:column; margin-top:70px; margin-bottom: 30px;}
.page-title h1 {font-size: 2.4rem;font-weight: bold;color: #000;margin-bottom: 10px;}
.line {display: flex;align-items: center;justify-content: center;margin: 20px 0;}
.line span {width: 10px;height: 10px;background-color: #000000;margin: 0 15px;}
.line::before,
.line::after {content: '';flex: 1;height: 2px;background-color: #000;max-width:80px;}
.db-a{ width:100%; float:left; }
.page-main{ width:100%; display:flex; justify-content:flex-start; flex-direction:column; }
.db-a h1{ font-size:1.75rem; font-weight:normal; color:#000; line-height:1.5; padding-left:40px; letter-spacing:1px; position:relative; display: flex; flex-direction: row;}
.db-a h1 p{ padding-left:40px; position: relative;}
.db-a h1 p::before{ content:''; position:absolute; left:15px; top:calc(50% - 5px); width: 12px;height: 12px; background-color: #000000; border-radius: 360px;}
.db-a-show{ width:100%; float:left; padding:40px 15px; }
.done{ width:100%; height:60px; background-color: #f0f5ff; border-radius:60px; display:flex; justify-content:space-between; align-items:center; flex-direction:row; padding:5px 20px; -webkit-transition:all 0.6s;-moz-transition:all 0.6s; transition:all 0.6s; cursor: pointer;}
.done p{ font-size:1.05rem; line-height:1.5; color:#000; padding-right:10px; }
.done i{ width:35px; height:35px; display:flex; justify-content:center; align-items:center; border-radius:360px; background-color:#9b9b9b; padding:7px; -webkit-transition:all 0.6s;-moz-transition:all 0.6s; transition:all 0.6s; background-position: center; background-repeat: no-repeat; background-size:20px; background-image:url(../../uploads/svg-loaders/download.svg);}
.done:hover i{ background-color:#ffcd33; }
.prev-next-box{ width:100%; display:flex; justify-content:center; align-items:center; flex-direction:row; gap:20px; padding:35px 0px; }
.a-prev { background: url(../../uploads/svg-loaders/ll.png) center center no-repeat; border-radius: 360px; background-size:100%; width:38px; height:38px; z-index: 99; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.a-prev:hover { background: url(../../uploads/svg-loaders/lh.png) center center no-repeat; background-size:100%; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.a-next { background: url(../../uploads/svg-loaders/rr.png) center center no-repeat; border-radius: 360px; background-size:100%; width:38px; height:38px; z-index: 99; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.a-next:hover { background: url(../../uploads/svg-loaders/rh.png) center center no-repeat; background-size:100%; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}

.plra30{ padding:15px 50px; }
.db-b{ width:100%; display:flex; background-color:#f0f5ff; padding:50px 0px;  }
.db-b h1{ font-size:1.75rem; font-weight:normal; color:#000; line-height:1.5; padding:30px 0px 0px 40px; letter-spacing:1px; position:relative; display: flex; flex-direction: row;}
.db-b h1 p{ padding-left:40px; position: relative;}
.db-b h1 p::before{ content:''; position:absolute; left:15px; top:calc(50% - 5px); width: 12px;height: 12px; background-color: #000000; border-radius: 360px;}
.db-b-show{ width:100%; float:left; padding:40px 20px; }
.dtwo{ width:100%; height:75px; background-color: #ffffff; border-radius:60px; display:flex; justify-content:flex-start; align-items:center; flex-direction:row; padding:5px 20px; -webkit-transition:all 0.6s;-moz-transition:all 0.6s; transition:all 0.6s; cursor: pointer;}
.dtwo .first{ width:30px; height:30px; background-size:90%; background-image:url(../../uploads/page/mp3.png); background-position:center; background-repeat:no-repeat; }
.dtwo p{ font-size:1.05rem; line-height:1.5; color:#000; padding:5px 15px; }
.dtwo .second{ width:35px; height:35px; margin-left:auto; display:flex; justify-content:center; align-items:center; padding:7px; -webkit-transition:all 0.6s;-moz-transition:all 0.6s; transition:all 0.6s; background-position: center; background-repeat: no-repeat; background-size:20px; background-image:url(../../uploads/svg-loaders/download.svg);}
.dtwo:hover{ background-color:#ffcd33; }

.db-c{ width:100%; display:flex; padding:60px 0px; }
.db-c-show{ width:100%; float:left; padding:70px 0px; }
.db-c h1{ font-size:1.75rem; font-weight:normal; color:#000; line-height:1.5; padding:30px 0px 0px 40px; letter-spacing:1px; position:relative; display: flex; flex-direction: row;}
.db-c h1 p{ padding-left:40px; position: relative;}
.db-c h1 p::before{ content:''; position:absolute; left:15px; top:calc(50% - 5px); width: 12px;height: 12px; background-color: #000000; border-radius: 360px;}
.db-c-one{ width:100%; height:230px; background-color:#f0f5ff; border-radius:30px; padding:30px; display:flex; justify-content:center; align-items:center; flex-direction:column; position:relative; cursor: pointer;}
.db-c-one h2{ text-align:center; font-size:1.25rem; color:#040002; line-height:1.5;}
.db-c-one p{ color:#040002; padding:15px 0px; font-size:1.1rem; letter-spacing:1px; }
.db-c-one i{ width:60px; height:60px; position:absolute; left:50px; top:-25px; display:flex; justify-content:center; align-items:center; border-radius:360px; background-color:#9b9b9b; padding:7px; -webkit-transition:all 0.6s;-moz-transition:all 0.6s; transition:all 0.6s; background-position: center; background-repeat: no-repeat; background-size:30px; background-image:url(../../uploads/svg-loaders/download.svg);}
.db-c-one:hover i{ background-color:#ffcd33; }

@media (max-width: 1230px) {
 
}

/*ipad*/
@media (min-width: 768px) and (max-width: 991px) {

}
/* xs */
@media (max-width: 767px) {
.dbbox{ width:100%; float:left; }
.plra15{ padding:5px; }

.page-title { margin-bottom:20px; margin-top:30px;}
.page-title h1 {font-size:1.45rem; margin-bottom:0px;}
.line { margin:15px 0;}
.line span {width:6px;height:6px;margin: 0 15px;}
.line::before,.line::after {max-width:50px;}

.db-a h1{ font-size:1.28rem; padding-left:0px; letter-spacing:0px; }
.db-a h1 p{ padding-left:20px;}
.db-a h1 p::before{ left:5px; top:calc(50% - 4px); width:8px;height:8px;}
.db-a-show{ padding:20px 10px; }
.done{ width:100%; height:60px; background-color: #f0f5ff; border-radius:60px; display:flex; justify-content:space-between; align-items:center; flex-direction:row; padding:5px 20px; -webkit-transition:all 0.6s;-moz-transition:all 0.6s; transition:all 0.6s; cursor: pointer;}
.done p{ font-size:0.95rem;  }
.done i{ width:25px; height:25px; background-size:15px;}
.
.prev-next-box{ padding:25px 0px 10px; }
.a-prev { width:28px; height:28px; }
.a-next { width:28px; height:28px; }

.plra30{ padding:5px; }
.db-b{ padding:25px 0px;  }
.db-b h1{ font-size:1.28rem; padding:30px 0px 0px 0px; letter-spacing:0; }
.db-b h1 p{ padding-left:20px}
.db-b h1 p::before{ left:5px; top:calc(50% - 4px); width: 8px;height: 8px; }
.db-b-show{ padding:20px 10px; }
.dtwo{ height:60px; padding:5px 10px;}
.dtwo .first{ width:20px; height:20px; background-size:80%; }
.dtwo p{ font-size:1rem; padding:5px 10px; }
.dtwo .second{ width:25px; height:25px; padding:7px; background-size:20px; }

.plras15{ padding:15px 5px; }
.db-c{ padding:30px 0px; }
.db-c-show{ width:100%; float:left; padding:50px 10px 25px; }
.db-c h1{ font-size:1.28rem; padding:30px 0px 0px 0px; letter-spacing:0; }
.db-c h1 p{ padding-left:20px;}
.db-c h1 p::before{ left:5px; top:calc(50% - 4px); width:8px;height:8px;}
.db-c-one{  height:180px; padding:15px; }
.db-c-one h2{ font-size:1rem; }
.db-c-one p{ padding:10px 0px; font-size:0.95rem; letter-spacing:0; }
.db-c-one i{ width:40px; height:40px; left:20px; top:-20px; background-size:20px;}
}

@media (max-width: 480px) {

}