class

src/components/Adult/preview/ArticleViewChs/NormalModelChs.vue

@@ -1,7 +1,7 @@
 <!--  -->
 <template>
   <div class="NNPE-ArticleView" v-if="curQue">
-    <div class="aduioLine-box aduioLine-practice" v-if="
+    <div class="aduioLine-box aduioLine-practice-npc" v-if="
             curQue.mp3_list &&
             curQue.mp3_list.length > 0 &&
             curQue.mp3_list[0].id
@@ -545,7 +545,7 @@ export default {
 //@import url(); 引入公共css类
 .NNPE-ArticleView {
   width: 100%;
-  .aduioLine-practice {
+  .aduioLine-practice-npc {
     display: flex;
     justify-content: flex-start;
     align-items: center;

src/components/Adult/preview/ArticleViewChs/PhraseModelChs.vue

@@ -1,7 +1,7 @@
 <!--  -->
 <template>
   <div class="NNPE-ArticleView" v-if="curQue">
-    <div class="aduioLine-box aduioLine-practice" v-if="
+    <div class="aduioLine-box aduioLine-practice-npc" v-if="
             curQue.mp3_list &&
             curQue.mp3_list.length > 0 &&
             curQue.mp3_list[0].id
@@ -538,7 +538,7 @@ export default {
 //@import url(); 引入公共css类
 .NNPE-ArticleView {
   width: 100%;
-  .aduioLine-practice {
+  .aduioLine-practice-npc {
     display: flex;
     justify-content: flex-start;
     align-items: center;

src/components/Adult/preview/ArticleViewChs/Practicechs.vue

@@ -2,7 +2,7 @@
 <template>
   <div class="NNPE-ArticleView" v-if="curQue">
     <a class="ArticleView-full" @click="fullScreen">全屏模式</a>
-    <div class="aduioLine-box aduioLine-practice" v-if="
+    <div class="aduioLine-box aduioLine-practice-npc" v-if="
             curQue.mp3_list &&
             curQue.mp3_list.length > 0 &&
             curQue.mp3_list[0].id
@@ -763,7 +763,7 @@ export default {
       background: rgba(222, 68, 68, 0.15);
     }
   }
-  .aduioLine-practice {
+  .aduioLine-practice-npc {
     display: flex;
     justify-content: flex-start;
     align-items: center;

src/components/Adult/preview/ArticleViewChs/WordModelChs.vue

@@ -1,7 +1,7 @@
 <!--  -->
 <template>
   <div class="NNPE-ArticleView" v-if="curQue">
-    <div class="aduioLine-box aduioLine-practice" v-if="
+    <div class="aduioLine-box aduioLine-practice-npc" v-if="
             curQue.mp3_list &&
             curQue.mp3_list.length > 0 &&
             curQue.mp3_list[0].id
@@ -550,7 +550,7 @@ export default {
 //@import url(); 引入公共css类
 .NNPE-ArticleView {
   width: 100%;
-  .aduioLine-practice {
+  .aduioLine-practice-npc {
     display: flex;
     justify-content: flex-start;
     align-items: center;

src/components/Adult/preview/DialogueArticleViewChs/NormalModelChs.vue

@@ -1,7 +1,7 @@
 <!--  -->
 <template>
   <div class="NNPE-ArticleView" v-if="curQue">
-    <div class="aduioLine-box aduioLine-practice" v-if="
+    <div class="aduioLine-box aduioLine-practice-npc" v-if="
             curQue.mp3_list &&
             curQue.mp3_list.length > 0 &&
             curQue.mp3_list[0].id
@@ -768,7 +768,7 @@ export default {
 //@import url(); 引入公共css类
 .NNPE-ArticleView {
   width: 100%;
-  .aduioLine-practice {
+  .aduioLine-practice-npc {
     display: flex;
     justify-content: flex-start;
     align-items: center;

src/components/Adult/preview/DialogueArticleViewChs/PhraseModelChs.vue

@@ -1,7 +1,7 @@
 <!--  -->
 <template>
   <div class="NNPE-ArticleView" v-if="curQue">
-    <div class="aduioLine-box aduioLine-practice" v-if="
+    <div class="aduioLine-box aduioLine-practice-npc" v-if="
             curQue.mp3_list &&
             curQue.mp3_list.length > 0 &&
             curQue.mp3_list[0].id
@@ -768,7 +768,7 @@ export default {
 //@import url(); 引入公共css类
 .NNPE-ArticleView {
   width: 100%;
-  .aduioLine-practice {
+  .aduioLine-practice-npc {
     display: flex;
     justify-content: flex-start;
     align-items: center;

src/components/Adult/preview/DialogueArticleViewChs/Practicechs.vue

@@ -2,7 +2,7 @@
 <template>
   <div class="NNPE-ArticleView" v-if="curQue">
     <a class="ArticleView-full" @click="fullScreen">全屏模式</a>
-    <div class="aduioLine-box aduioLine-practice" v-if="
+    <div class="aduioLine-box aduioLine-practice-npc" v-if="
             curQue.mp3_list &&
             curQue.mp3_list.length > 0 &&
             curQue.mp3_list[0].id
@@ -924,7 +924,7 @@ export default {
   .aduioLine-content {
     flex: 1;
   }
-  .aduioLine-practice {
+  .aduioLine-practice-npc {
     display: flex;
     justify-content: flex-start;
     align-items: center;

src/components/Adult/preview/DialogueArticleViewChs/WordModelChs.vue

@@ -1,7 +1,7 @@
 <!--  -->
 <template>
   <div class="NNPE-ArticleView" ref="ArticleView" v-if="curQue">
-    <div class="aduioLine-box aduioLine-practice" v-if="
+    <div class="aduioLine-box aduioLine-practice-npc" v-if="
             curQue.mp3_list &&
             curQue.mp3_list.length > 0 &&
             curQue.mp3_list[0].id
@@ -793,7 +793,7 @@ export default {
 .NNPE-ArticleView {
   position: relative;
   width: 100%;
-  .aduioLine-practice {
+  .aduioLine-practice-npc {
     display: flex;
     justify-content: flex-start;
     align-items: center;