update

src/components/easy2/studyStudent.vue

@@ -25084,7 +25084,8 @@ ol {
 .isChooseCard,
 .noCard,
 .isCard1 {
-  width: 130px;
+  min-width: 130px;
+  width: auto;
   height: 60px;
   text-align: center;
   line-height: 60px;
@@ -25094,6 +25095,9 @@ ol {
   background-size: cover;
   transition: all 2s;
   margin-right: 20px;
+  background-size: 100% 100%;
+  padding: 0 20px;
+  box-sizing: border-box;
 }
 
 .isCard > div,
@@ -25102,7 +25106,7 @@ ol {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-  width: 75%;
+  width: 100%;
   margin: 0 auto;
 }
 

src/components/easy3/studyStudent.vue

@@ -23516,7 +23516,8 @@ ol {
 .isChooseCard,
 .noCard,
 .isCard1 {
-  width: 130px;
+  min-width: 130px;
+  width: auto;
   height: 60px;
   text-align: center;
   line-height: 60px;
@@ -23526,6 +23527,9 @@ ol {
   background-size: cover;
   transition: all 2s;
   margin-right: 20px;
+  background-size: 100% 100%;
+  padding: 0 20px;
+  box-sizing: border-box;
 }
 
 .isCard > div,
@@ -23534,7 +23538,7 @@ ol {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-  width: 75%;
+  width: 100%;
   margin: 0 auto;
 }
 

src/components/student/studyStudent.vue

@@ -7055,7 +7055,8 @@ ol {
 .isChooseCard,
 .noCard,
 .isCard1 {
-  width: 130px;
+  min-width: 130px;
+  width: auto;
   height: 60px;
   text-align: center;
   line-height: 60px;
@@ -7065,6 +7066,9 @@ ol {
   background-size: cover;
   transition: all 2s;
   margin-right: 20px;
+  background-size: 100% 100%;
+  padding: 0 20px;
+  box-sizing: border-box;
 }
 
 .isCard > div,
@@ -7073,7 +7077,7 @@ ol {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-  width: 75%;
+  width: 100%;
   margin: 0 auto;
 }
 

src/components/studyStudent.vue

@@ -23491,7 +23491,8 @@ ol {
 .isChooseCard,
 .noCard,
 .isCard1 {
-  width: 130px;
+  min-width: 130px;
+  width: auto;
   height: 60px;
   text-align: center;
   line-height: 60px;
@@ -23501,6 +23502,9 @@ ol {
   background-size: cover;
   transition: all 2s;
   margin-right: 20px;
+  background-size: 100% 100%;
+  padding: 0 20px;
+  box-sizing: border-box;
 }
 
 .isCard > div,
@@ -23509,7 +23513,7 @@ ol {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-  width: 75%;
+  width: 100%;
   margin: 0 auto;
 }
 

src/components/trainCourse/easy2/studyStudent.vue

@@ -22692,7 +22692,8 @@ ol {
 .isChooseCard,
 .noCard,
 .isCard1 {
-  width: 130px;
+  min-width: 130px;
+  width: auto;
   height: 60px;
   text-align: center;
   line-height: 60px;
@@ -22702,6 +22703,9 @@ ol {
   background-size: cover;
   transition: all 2s;
   margin-right: 20px;
+  background-size: 100% 100%;
+  padding: 0 20px;
+  box-sizing: border-box;
 }
 
 .isCard > div,
@@ -22710,7 +22714,7 @@ ol {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-  width: 75%;
+  width: 100%;
   margin: 0 auto;
 }
 

src/components/trainCourse/easy3/studyStudent.vue

@@ -22684,7 +22684,8 @@ ol {
 .isChooseCard,
 .noCard,
 .isCard1 {
-  width: 130px;
+  min-width: 130px;
+  width: auto;
   height: 60px;
   text-align: center;
   line-height: 60px;
@@ -22694,6 +22695,9 @@ ol {
   background-size: cover;
   transition: all 2s;
   margin-right: 20px;
+  background-size: 100% 100%;
+  padding: 0 20px;
+  box-sizing: border-box;
 }
 
 .isCard > div,
@@ -22702,7 +22706,7 @@ ol {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-  width: 75%;
+  width: 100%;
   margin: 0 auto;
 }
 

src/components/trainCourse/studyStudent.vue

@@ -22659,16 +22659,20 @@ ol {
 .isChooseCard,
 .noCard,
 .isCard1 {
-  width: 130px;
+  min-width: 130px;
+  width: auto;
   height: 60px;
   text-align: center;
   line-height: 60px;
   font-size: 20px;
   cursor: pointer;
-  background-image: url("../../assets/icon/conSentences/titleBorder.png");
+  background-image: url("../../../assets/icon/conSentences/titleBorder.png");
   background-size: cover;
   transition: all 2s;
   margin-right: 20px;
+  background-size: 100% 100%;
+  padding: 0 20px;
+  box-sizing: border-box;
 }
 
 .isCard > div,
@@ -22677,7 +22681,7 @@ ol {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-  width: 75%;
+  width: 100%;
   margin: 0 auto;
 }