/* 前端白明明 */


/* 引入字体 */
@charset "UTF-8";

@font-face {
  font-family: "com";
  src: url("../font/COMIC.woff") format("woff"),
       url("../font/COMIC.ttf") format("truetype"),
       url("../font/COMIC.eot") format("embedded-opentype"),
       url("../font/COMIC.svg") format("svg"),
       url("../font/COMIC.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}


*,*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

*{ margin:0; padding:0;}

body { -webkit-tap-highlight-color: rgba(0, 0, 0, 0);margin:0 auto;overflow:hidden;  max-width: 1920px; min-width: 1280px;position: relative;padding: 0 ;height: 100vh;  width: 100%;color: #1f1f1f;font-family: xumin; font-size:14px;  line-height:1;background: #fff;}

html.act{overflow: hidden;width: 100%;height: 100vh;}

ul,ul li,ol li,tr td,dl,dd{ list-style-type:none; margin:0; padding:0; }

.clearfix:after{content: " "; display: block; height:0; clear:both; visibility: hidden;}

.clearfix { *zoom:1; }

a{display: inline-block; text-decoration:none; cursor:pointer; -webkit-transition: all .3s cubic-bezier(.4,0,.2,1); -moz-transition: all .3s cubic-bezier(.4,0,.2,1); transition: all .3s cubic-bezier(.4,0,.2,1);color: #333;}

textarea,select{ outline:none;  color:#666; font-size:14px; width:100%;}

img{border:none;display: block;max-width: 100%;}

img[src=""]{opacity: 0;}

body::-webkit-scrollbar{ width:4px;height: 1px;}

body::-webkit-scrollbar-thumb{ background:#000;}

body::-webkit-scrollbar-track{ background:#fff;} 

.alltime,.alltime *{-webkit-transition: all .3s cubic-bezier(.4,0,.2,1); -moz-transition: all .3s cubic-bezier(.4,0,.2,1); transition: all .3s cubic-bezier(.4,0,.2,1);}

.alltime2,.alltime2 *{-webkit-transition: all .5s cubic-bezier(.4,0,.2,1); -moz-transition: all .5s cubic-bezier(.4,0,.2,1); transition: all .5s cubic-bezier(.4,0,.2,1);}


/*单元列表页*/

.iall{width: 100%;position: relative;overflow: hidden;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}

.iall > img{display: block;width: 100%;position: relative;top: 0;left: 0;z-index: 1;pointer-events: none;}

.iall  .dyzz{position: absolute;top: 0;left: 0;}

.iall  .dyzz2{z-index: 9;}

.iall  .sydh2{opacity: 0;-webkit-transition: all 1.8s linear; -moz-transition: all 1.8s linear; transition: all 1.8s linear;}

.iall .qst{width: 23.43%;position: absolute;right: -30%;bottom: -10%;z-index: 2;animation: qt 10s linear infinite ;-webkit-animation: qt 10s linear infinite ;pointer-events: none;}

.iall .danyuan{position: absolute;top: 100%;left: 0;width: 100%;height: 100%;z-index: 3;}

.iall .danyuan a{display: block;width: 15%;position: absolute;overflow: hidden;background: #ffac48;border-radius: 10px;}

.iall .danyuan a:nth-child(1){left: 15%;bottom: 19%;transform: rotate(-15deg);-webkit-transform: rotate(-15deg);}

.iall .danyuan a:nth-child(2){left: 18%;bottom: 50%;transform: rotate(-25deg);-webkit-transform: rotate(-25deg);}

.iall .danyuan a:nth-child(3){left: 30%;bottom: 38%;transform: rotate(-5deg);-webkit-transform: rotate(-5deg);}

.iall .danyuan a:nth-child(4){left: 51.5%;bottom: 41%;transform: rotate(-5deg);-webkit-transform: rotate(-5deg);}

.iall .danyuan a:nth-child(5){left: 68%;bottom: 43%;transform: rotate(15deg);-webkit-transform: rotate(15deg);}

.iall .danyuan a:nth-child(6){left: 65%;bottom: 63%;transform: rotate(-15deg);-webkit-transform: rotate(-15deg);}

.iall .danyuan a:nth-child(7){left: 58%;bottom: 80%;transform: rotate(10deg);-webkit-transform: rotate(10deg);}

.iall .danyuan a:nth-child(8){left: 33%;bottom: 78%;transform: rotate(-10deg);-webkit-transform: rotate(-10deg);}

.iall  .sydh1,.iall .danyuan{top: 100%;-webkit-transition: all 1.8s linear; -moz-transition: all 1.8s linear; transition: all 1.8s linear;}

.iall  .sydh1.act,.iall .danyuan.act{top: 0;}

.iall .danyuan a:hover div{animation: rubberBand 1s linear  ;-webkit-animation: rubberBand 1s linear  ;}

.iall  .haiou{position: absolute;width: 9.9%;position: absolute;top: 0;right: -10%;z-index: 5;animation: haiou 2s linear  ;-webkit-animation: haiou 2s linear  ;animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;}

.iall  .haiou .js1{display: block;position: absolute;right: 3%;bottom: 25%;width: 68.5%;cursor: pointer;}

.iall  .haiou .js2{display: block;position: absolute;right: 0;bottom: 5%;width: 68.5%;cursor: pointer;}

.iall  .haiou div:hover img{animation: rubberBand 1s linear  ;-webkit-animation: rubberBand 1s linear  ;}

.iall  .sydh2.act{opacity: 1;}

/* 首页弹窗 */

.iall .jieshao{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 99;display: none;}

.iall .jieshao .jox img{width: 100%;}

.iall .jieshao .jox .out{display: block;width: 7.3%;position: absolute;top: 18%;right: 33%;z-index: 2;cursor: pointer;}

.iall .jieshao .jox .out:hover{right: 33.5%;}

video{pointer-events: none;}

.iall .jieshao .jox .qiehuan{width: 9%;padding-top: 3%;position: absolute;right: 26%;bottom: 30%;z-index: 2;}

.iall .jieshao .jox .qiehuan span{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;cursor: pointer;}

.iall .jieshao .jox .qiehuan span:nth-child(2){display: none;}

video{pointer-events: none;}

.iall .bgyy{display: block;width: 50px;height: 50px;position: absolute;top: 5%;left: 5%;z-index: 9;background: url(../images/yy.png) center no-repeat;background-size: 50px;cursor: pointer;}

.iall .bgyy.act{background: url(../images/jy.png) center no-repeat;background-size: 50px;}


/* 返回 */

.iall .fh{display: block; position: absolute;width: 7%; bottom: 40px;left: 5%;z-index: 9;}

.iall .fh:hover {animation: shangxia 1s linear infinite alternate;-webkit-animation: shangxia 1s linear infinite alternate;}

.iall .fh2{left: 13%;bottom: 10%;}


/*潜艇*/

@-webkit-keyframes qt {0% {right: -30%;bottom: -10%;}20% {right: 0%;bottom: -5%;}40% {right: 10%;bottom: 0%;}60% {right: 20%;bottom: 5%;}80% {right: 30%;bottom: 0%;}100% {right: 40%;bottom: -35%;}}

@keyframes  qt {0% {right: -30%;bottom: -10%;}20% {right: 0%;bottom: -5%;}40% {right: 10%;bottom: 0%;}60% {right: 20%;bottom: 5%;}80% {right: 30%;bottom: 0%;}100% {right: 40%;bottom: -35%;}}

/*潜艇*/

@-webkit-keyframes qt2 {0% {right: -20%;bottom: 20%;}20% {right: 0%;bottom: 5%;}40% {right: 5%;bottom: 0%;}60% {right: 10%;bottom: -10%;}80% {right: 15%;bottom: -18%;}100% {right: 15%;bottom: -35%;}}

@keyframes  qt2 {0% {right: -20%;bottom: 20%;}20% {right: 0%;bottom: 5%;}40% {right: 5%;bottom: 0%;}60% {right: 10%;bottom: -10%;}80% {right: 15%;bottom: -18%;}100% {right: 15%;bottom: -35%;}}


/*上下*/

@-webkit-keyframes shangxia {0% {transform:translateY(0);}100% {transform:translateY(-10px);}}

@keyframes  shangxia {0% {transform:translateY(0);}100% {transform:translateY(-10px);}}

/* 左右抖动 */

@-webkit-keyframes rubberBand {0% {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}30% {-webkit-transform: scale3d(1.25, 0.75, 1);transform: scale3d(1.25, 0.75, 1);}40% {-webkit-transform: scale3d(0.75, 1.25, 1);transform: scale3d(0.75, 1.25, 1);}50% {-webkit-transform: scale3d(1.15, 0.85, 1);transform: scale3d(1.15, 0.85, 1);}65% {-webkit-transform: scale3d(.95, 1.05, 1);transform: scale3d(.95, 1.05, 1);}75% {-webkit-transform: scale3d(1.05, .95, 1);transform: scale3d(1.05, .95, 1);}100% {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}
  
@keyframes rubberBand {0% {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}30% {-webkit-transform: scale3d(1.25, 0.75, 1);transform: scale3d(1.25, 0.75, 1);}40% {-webkit-transform: scale3d(0.75, 1.25, 1);transform: scale3d(0.75, 1.25, 1);}50% {-webkit-transform: scale3d(1.15, 0.85, 1);transform: scale3d(1.15, 0.85, 1);}65% {-webkit-transform: scale3d(.95, 1.05, 1);transform: scale3d(.95, 1.05, 1);}75% {-webkit-transform: scale3d(1.05, .95, 1);transform: scale3d(1.05, .95, 1);}100% {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}

/*上下*/

@-webkit-keyframes haiou {0% {right: -10%;top: 0%;}30% {right: 0%;top: -5%;}60% {right: 5%;top: 5%;}100% {right: 8%;top: 2%;}}

@keyframes  haiou {0% {right: -10%;top: 0%;}30% {right: 0%;top: -5%;}60% {right: 5%;top: 5%;}100% {right: 8%;top: 2%;}}

/*泡泡*/

@-webkit-keyframes paopao {0% {bottom: -5%;opacity: 1;}90% {bottom: 70%;opacity: 0.8;}100% {bottom: 80%;opacity: 0;}}

@keyframes  paopao {0% {bottom: -5%;opacity: 1;}90% {bottom: 70%;opacity: 0.8;}100% {bottom: 80%;opacity: 0;}}


/* 第一单元 */

.un1{}

.un1 .paopao{position: absolute;top: 0;left: 0;width: 100%;height: 100%;pointer-events: none;z-index: 2;}

.un1 .paopao div{width: 2.4%;position: absolute;left: 5%;bottom: -10%;animation: paopao 5s linear infinite ;-webkit-animation: paopao 5s linear infinite ;}

.un1 .paopao div:nth-child(2){left: 10%;animation-delay:1s;-webkit-animation-delay:1s;}

.un1 .paopao div:nth-child(3){left: 18%;animation-delay:1.5s;-webkit-animation-delay:1.5s;}

.un1 .paopao div:nth-child(4){left: 8%;animation-delay:2.5s;-webkit-animation-delay:2.5s;}

.un1 .paopao div:nth-child(5){left: 9%;animation-delay:3.5s;-webkit-animation-delay:3.5s;}

.un1 .paopao div:nth-child(6){left: 80%;animation-delay:2.5s;-webkit-animation-delay:2.5s;}

.un1 .paopao div:nth-child(7){left: 85%;animation-delay:2s;-webkit-animation-delay:2s;}

.un1 .paopao div:nth-child(8){left: 90%;animation-delay:.5s;-webkit-animation-delay:.5s;}

.un1 .paopao div:nth-child(9){left: 78%;animation-delay:4.5s;-webkit-animation-delay:4.5s;}

.un1 .paopao div:nth-child(10){left: 95%;animation-delay:0s;-webkit-animation-delay:0s;}

.un1 .paopao div:nth-child(11){left: 93%;animation-delay:1.3s;-webkit-animation-delay:1.3s;}

.un1 .qst2{width: 17.7%;position: absolute;right: -20%;bottom:20%;z-index: 2;animation: qt2 10s linear infinite ;-webkit-animation: qt2 10s linear infinite ;pointer-events: none;}

.un1 .bolang{z-index: 5;}

.un1 .ubox{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 3;}

.un1 .ubox .box{margin: 5.5% auto 0;width: 51%; max-width: 980px;height: 77%;max-height: 730px;border:15px solid #2d9dfe;background: #f7edc5;position: relative;left: -0.85%;}

.un1 .ubox .box .video{position: relative;width: 100%;height: 100%;overflow: hidden;}

.un1 .ubox .box .video > img{display: block;width: 100%;background: #fff;height: 100%;}

.un1 .ubox .box .video > video{display: block;position: absolute;top: 0;left: 0;z-index: -1;width: 100%;max-height: 100%;object-fit: cover;opacity: 0;}

.un1 .ubox .box .video > video.act{opacity: 1;z-index: 9;}

.un1 .ubox .box .video .udh{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 5;}

.un1 .ubox .box .video .udh li{position: absolute;top: 0;left: 0;transform: scale(0.55);-webkit-transform: scale(0.55);cursor: pointer;width: 40%;}

.un1 .ubox .box .video .udh li img{display: block;width: 100%;}

.un1 .ubox .box .video .udh li img:nth-child(2){position: absolute;top: 0;left: 0;z-index: 2;opacity: 0;}

.un1 .ubox .box .video .udh0 li:nth-child(1){top: 20%;left: 0;}

.un1 .ubox .box .video .udh0 li:nth-child(2){top: 35%;left: 20%;}

.un1 .ubox .box .video .udh0 li:nth-child(3){top: 30%;left: 48%;width: 43%;}

.un1 .ubox .box .video .udh0 li:nth-child(4){top:36%;left: 10%;transform-origin: left center ;-webkit-transform-origin: left center ;width: 32%;}

.un1 .ubox .box .video .udh0 li:nth-child(5){top: 65%;left: 0%;width: 44%;}

.un1 .ubox .box .video .udh0 li:nth-child(6){top: 12%;left: 60%;width: 36%;}

.un1 .ubox .box .video .udh0 li:nth-child(7){top: 50%;left: 61%;width: 24%;}

.un1 .ubox .box .video .udh0 li:nth-child(8){top: 60%;left: 70%;width: 24%;}


.hidead,.hidead2{position: fixed;top: 0;left: 0;opacity: 0;pointer-events: none;z-index: -1;}

.un1 .ubox .box .video .udh li.act{transform: scale(0.9);-webkit-transform: scale(0.9);z-index: 3;}

.un1 .ubox .box .video .udh li.act img:nth-child(2){opacity: 1;}

.jin{pointer-events: none;}

.un1 .ubox .box .video .udh1 li:nth-child(1){left: 0;top: 20%;}

.un1 .ubox .box .video .udh1 li:nth-child(2){left: 18%;top: 33%;}

.un1 .ubox .box .video .udh1 li:nth-child(3){left:47%;top: 30%;}

.un1 .ubox .box .video .udh1 li:nth-child(4){left:3%;top: 38%;width: 30%;}

.un1 .ubox .box .video .udh1 li:nth-child(5){left:5%;top: 65%;}

.un1 .ubox .box .video .udh1 li:nth-child(6){left:63%;top: 10%;width: 35%;}

.un1 .ubox .box .video .udh1 li:nth-child(7){left:60%;top: 50%;width: 30%;}

.un1 .ubox .box .video .udh1 li:nth-child(8){left:68%;top: 62%;width: 30%;}

/* 播放按钮 */

.un1 .ubox .box .video .abtn{position: absolute;top: 4.5%;left: 50%;z-index: 9;display: inline-block;transform: translateX(-50%);-webkit-transform: translateX(-50%);width: 20%;}

.un1 .ubox .box .video .abtn span{display: block;width: 30%;float: left;cursor: pointer;position: relative;top: 0;}

.un1 .ubox .box .video .abtn span:nth-child(2){margin: 0 5%;}

.un1 .ubox .box .video .abtn span img{max-width: 100%;}

.un1 .ubox .box .video .abtn span .txt{position: absolute;top: 103%;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);width: 80px;line-height: 30px;background: #fff;border-radius: 5px;text-align: center;font-weight: bold;border: 2px solid #000;pointer-events: none;opacity: 0;}

.un1 .ubox .box .video .abtn span:last-child .txt{width: 120px;}

.un1 .ubox .box .video .abtn span:hover{top: 5px;}

.un1 .ubox .box .video .abtn span:hover .txt{opacity: 1;}

.un1 .ubox .abtm{margin: 0 auto ;width: 51%; max-width: 980px;display: flex;justify-content: center;margin-top: -60px;position: relative;z-index: 9;left: -0.7%;}

.un1 .ubox .abtm a{display: block;margin: 0 9%;width: 15.3%;background: url(../images/u1/pa1.png) center no-repeat;background-size: cover;}

.un1 .ubox .abtm a img{display: block;max-width: 100%;position: relative;top: 0;}

.un1 .ubox .abtm a:hover img{top: -10px;}

.un1 .paopao2 div:nth-child(4){left: 48%;animation-delay:2.5s;-webkit-animation-delay:2.5s;}

.un1 .paopao2 div:nth-child(5){left: 59%;animation-delay:3.5s;-webkit-animation-delay:3.5s;}

.un1 .paopao2 div:nth-child(6){left: 65%;animation-delay:2.5s;-webkit-animation-delay:2.5s;}

.un1 .paopao2 div:nth-child(7){left: 40%;animation-delay:2s;-webkit-animation-delay:2s;}

.un1 .paopao2 div:nth-child(8){left: 70%;animation-delay:.5s;-webkit-animation-delay:.5s;}

.un1 .qst3{position: absolute;width: 5.3%;bottom: 20%;right: -6%;z-index: 1;animation: tl3 7s linear infinite ;-webkit-animation: tl3 7s linear infinite ;}

.un1 .yuqun{position: absolute;width: 21.875%;bottom: 0%;right: 35%;z-index: 3;animation: yq 10s linear infinite ;-webkit-animation: yq 10s linear infinite ;}

.un1 .dhcj1{z-index: 2;}

.un1 .dhcj2{z-index: 4;}

.un1 .dhcj3{z-index: 6;}


/*潜水艇3*/

@-webkit-keyframes tl3 {0% {right: 20%;}100% {right: 110%;}}

@keyframes   tl3 {0% {right: 20%;}100% {right: 110%;}}

/*鱼群*/

@-webkit-keyframes yq {0% {bottom: 0%;right: 25%;}100% {bottom: 30%;right: 85%;}}

@keyframes   yq {0% {bottom: 0%;right: 25%;}100% {bottom: 30%;right: 85%;}}


/* 单元内分类按钮 */

.un1 .an1{width: 16.7%;position: absolute;z-index: 7;top: 30%;left: 24%;}

.un1 .an1 div{position: absolute;top: 0;left: 0;z-index: 2;}

.un1 .an1:hover img{animation: rubberBand 1s linear  ;-webkit-animation: rubberBand 1s linear  ;}

.un1 .an2{width: 14.6%;top: 10%;left: 48%;}

.un1 .an3{width: 18.65%;top: 40%;left: 63%;}


/* 书本朗诵 */

.aujin{pointer-events: none;}

.un1_book{}

.un1_book .ubox{z-index: 8;}

.un1_book .ubox .box{width: 44.8%;height: 68%;margin-top: 6%;background:#2d9dfe;border: 0;padding: 20px;background-size: cover;left: 4.15%;}

.un1_book .ubox .box .video .abtn{top: 18%;}

.un1_book .ubox .box .video .ubox{position: relative;}

.un1_book .ubox .box .video .unbox dd{display: none;} 

.un1_book .ubox .box .video .unbox dd:nth-child(1){display: block;}

.un1_book .ubox .box .video .unbox dd:nth-child(2) .abtn{top: 7%;left: 50%;width: 5%;}

.un1_book .ubox .box .video .unbox dd:nth-child(2) .abtn span{width: 100%;}

.un1_book .ubox .box .video .unbox dd:nth-child(3) .abtn{top: 8%;left: 53%;}

.un1_book .ubox .box .video .unbox dd:nth-child(4) .abtn{top: 5%;left: 70%;}

.un1_book .ubox .box .video .unbox dd:nth-child(5) .abtn{top: 13%;left: 80%;}

.un1_book .ubox .box .video .unbox dd:nth-child(6) .abtn{top: 13%;left: 53%;width: 8%;}

.un1_book .ubox .box .video .unbox dd:nth-child(6) .abtn span{width: 100%;}

.un1_book .ubox .box .video .udh1 li{left: 0;top: 0;width: 54%;}

.un1_book .ubox .box .video .udh1 li:nth-child(1){left: 0%;top: 22%;}

.un1_book .ubox .box .video .udh1 li:nth-child(2){left: 10%;top: 37%;width: 40%;}

.un1_book .ubox .box .video .udh1 li:nth-child(3){left: 5%;top: 50%;width: 46%;transform-origin: left center ;-webkit-transform-origin: left center ;}

.un1_book .ubox .box .video .udh1 li:nth-child(4){left: 55%;top: 20%;}

.un1_book .ubox .box .video .udh1 li:nth-child(5){left: 55%;top: 33%;width: 42%;}

.un1_book .ubox .box .video .udh1 li:nth-child(6){left: 50%;top: 44%;width: 30%;}

.un1_book .ubox .box .video .udh1 li:nth-child(7){left: 55%;top: 55%;width: 48%;}

.un1_book .ubox .box .video  #testBox{display: block;position: absolute;top: 0;left: 0;z-index: 9;width: 100%;height: 100%;opacity: 1;}

.un1_book .ubox .box .video  #testBox.act{opacity: 0;z-index: -1;}

.un1_book .ubox .box .video  #testBox video{display: block;width: 100%;max-width: 100%;object-fit: cover;pointer-events: none;}

.un1_book .ubtn{}

.un1_book .ubtn span{display: block;width: 12%;position: absolute;cursor: pointer;z-index: 7;}

.un1_book .ubtn span:nth-child(1){top: 25%;left: 18.5%;}

.un1_book .ubtn span:nth-child(2){top: 53%;left: 20%;}

.un1_book .ubtn span:nth-child(3){top: 80%;left: 30%;}

.un1_book .ubtn span:nth-child(4){top: 80%;left: 45%;}

.un1_book .ubtn span:nth-child(5){top: 80%;left: 60%;}

.un1_book .ubtn span:nth-child(6){top: 75%;left: 75%;}

.un1_book .ubtn span img{display: block;max-width: 100%;}

.un1_book .ubtn span div{position: absolute;top: 0;left: 0;z-index: 2;}

.un1_book .ubtn span.act div img {animation: shangxia 1s linear  infinite  alternate;-webkit-animation: shangxia 1s  linear  infinite alternate;}

.un1  .ubtn span:hover  div img {animation: rubberBand 1s linear  ;-webkit-animation: rubberBand 1s linear  ;}

.un1_book .ubox .box .video .udh2{}

.un1_book .ubox .box .video .udh2 li{top: 0%;left: 0%;width: 50%;;}

.un1_book .ubox .box .video .udh2 li:nth-child(1){left: 25%;top: 48%;}

.un1_book .ubox .box .video .udh2 li:nth-child(2){left:40%;top: 70%;width: 57%;}

.un1_book .ubox .box .video .udh2 li:nth-child(3){left:9%;top: 26%;width: 25%;}

.un1_book .ubox .box .video .udh2 li:nth-child(4){left:12%;top: 50%;width: 25%;}

.un1_book .ubox .box .video .udh2 li:nth-child(5){left:33%;top: 25%;width: 25%;}

.un1_book .ubox .box .video .udh2 li:nth-child(6){left:53%;top: 5%;width: 25%;}

.un1_book .ubox .box .video .udh2 li:nth-child(7){left:68%;top: 2%;width: 25%;}

.un1_book .ubox .box .video .udh2 li:nth-child(8){left:75%;top: 20%;width: 25%;}

.un1_book .ubox .box .video .ifram{width: 100%;height: 100%;position: absolute;top: 10%;left: 0;background: #fff;z-index: 2;}

.un1_book .ubox .box .video .ifram iframe{display: block;width: 100%;height: 100%;}

.un1_book .ubox .box .video .spdw{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;padding:20% 0 10%;}

.un1_book .ubox .box .video .spdw span{display: block;width: 100%;height: 20%;cursor: pointer; }

.un1_book .ubox .box .video .udh3{}

.un1_book .ubox .box .video .udh3 li{top: 0%;left: 0%;width: 4%;;}

.un1_book .ubox .box .video .udh3 li:nth-child(1){left: 5%;top: 69%;}

.un1_book .ubox .box .video .udh3 li:nth-child(2){left: 7%;top: 69%;}

.un1_book .ubox .box .video .udh3 li:nth-child(3){left: 9%;top: 69%;}

.un1_book .ubox .box .video .udh3 li:nth-child(4){left: 11%;top: 69%;}

.un1_book .ubox .box .video .udh3 li:nth-child(5){left: 29.5%;top: 69%;}

.un1_book .ubox .box .video .udh3 li:nth-child(6){left: 31.5%;top: 69%;}

.un1_book .ubox .box .video .udh3 li:nth-child(7){left: 33.5%;top: 69%;}

.un1_book .ubox .box .video .udh3 li:nth-child(8){left: 35.5%;top: 69%;}

.un1_book .ubox .box .video .udh3 li:nth-child(9){left: 53%;top: 69%;}

.un1_book .ubox .box .video .udh3 li:nth-child(10){left: 55%;top: 69%;}

.un1_book .ubox .box .video .udh3 li:nth-child(11){left: 57.3%;top: 69%;}

.un1_book .ubox .box .video .udh3 li:nth-child(12){left: 59.5%;top: 69%;}

.un1_book .ubox .box .video .udh3 li:nth-child(13){left: 76%;top: 70%;}

.un1_book .ubox .box .video .udh3 li:nth-child(14){left: 78.5%;top:70%;}

.un1_book .ubox .box .video .udh3 li:nth-child(15){left: 80.5%;top: 70%;}

.un1_book .ubox .box .video .udh3 li:nth-child(16){left: 82.5%;top: 70%;}

.un1_book .ubox .box .video .udh3 li.act{transform: scale(0.55);-webkit-transform: scale(0.55);}

.un1_book .ubox .box .video .udh4{height: 30%; position: absolute;width: 100%;top: 50%;left: 0;transform:translateY(-50%);-webkit-transform:translateY(-50%);z-index: 3;padding: 0 5%;} 

.un1_book .ubox .box .video .udh4 li{width: 33.33%;float: left;position: relative;height: 100%;}

.un1_book .ubox .box .video .udh4 li > img{width: 100%;height: 100%; cursor: pointer;}

.un1_book .ubox .box .video .udh4 li .lbtn{}

.un1_book .ubox .box .video .udh4 li .lbtn span{display: block;position: absolute;top: 30%;left: 25%;width: 30%;cursor: pointer;}

.un1_book .ubox .box .video .udh4 li .lbtn span:nth-child(2){left: 65%;}

.un1_book .ubox .box .video .udh4 li .lbtn span img{display: block;width: 100%;opacity: 0;}

.un1_book .ubox .box .video .udh4 li .lbtn span.act img{opacity: 1;}

/* 游戏乐园 */

.uag1 {}


.uag1 .uagcen{width: 56.25%;position: absolute;max-width: 1080px;top: 41%;left: 50.5%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);z-index: 2;background: #fffbea;}

.uag1 .uagcen > img{display: block;width: 100%;}

.uag1 .uagcen .ifm{position: absolute;top: 0;left: 0;z-index: 2;width: 100%;height: 100%;overflow: hidden;}

.uag1 .uagcen .ifm iframe{display: block;width: 100%;height: 105%;position: relative;top: -5%;}

.uag1 .tanchuang{position: absolute;top: 0;left: 0;z-index: 5;width: 100%;height: 100%;pointer-events: none;}

.uag1 .tanchuang img{display: block;width: 100%;}

.uag1 .ubtm{width: 48%;position: absolute;max-width: 960px;bottom: 3%; left: 54%;transform: translateX(-50%);transform: translateX(-50%);z-index: 5;display: flex;justify-content: center;}

.uag1 .ubtm li{position: relative;width: 25%;cursor: pointer;}

.uag1 .ubtm li img{position: absolute;display: block;width: 100%;top: 0;left: 0;}

.uag1 .ubtm li img:nth-child(1){position: relative;}

.uag1 .ubtm li img:nth-child(2){opacity: 0;}

.uag1 .ubtm li img:nth-child(3){transform: scale(0.9);-webkit-transform: scale(0.9);}

.uag1 .ubtm li.act img:nth-child(2){transform: scale(1.2);-webkit-transform: scale(1.2);opacity: 1;}

.uag1 .ubtm li.act img:nth-child(3){transform: scale(1);-webkit-transform: scale(1);}

.uag1 .ubtm li:hover img:nth-child(2),.uag1 .ubtm li:hover img:nth-child(3){top: -10px;}

.un1 .qst4{position: absolute;width: 11.5%;top: 60%;right: 0;z-index: 1;animation: tl4 7s linear infinite ;-webkit-animation: tl4 7s linear infinite ;}

.un1 .yuqun1{position: absolute;width: 20%;top: -20%;left: 30%;z-index: 1;animation: yq1 10s linear infinite ;-webkit-animation: yq1 10s linear infinite ;}

.un1 .yuqun2{position: absolute;width: 29%;top: 70%;right: 0%;z-index: 1;animation: yq2 10s linear infinite ;-webkit-animation: yq2 10s linear infinite ;}

.uag1 .dyzz{z-index: 2;}

.uag1 .g_c3{z-index: 4;}


/*潜水艇3*/

@-webkit-keyframes tl4 {0% {right: -12%;top: 60%;} 50% {right: 15%;top: 40%;}100% {top: -20%; right: 60%;}}

@keyframes   tl4 {0% {right: -12%;top: 60%;} 50% {right: 15%;top: 40%;}100% {top: -20%; right: 60%;}}

/*鱼群*/

@-webkit-keyframes yq1 {0% {width: 20%;top: -20%;left: 30%;}50% {width: 30%;top: 5%;left: 0%;}100% {width: 30%;top: 15%;left: -40%;}}

@keyframes   yq1 {0% {width: 20%;top: -20%;left: 30%;}50% {width: 30%;top: 5%;left: 0%;}100% {width: 30%;top: 15%;left: -40%;}}


/*鱼群2*/

@-webkit-keyframes yq2 {0% {right: -20%;top: 30%;width: 9%;}100% {width: 20%;right: 20%;top: 100%;}}

@keyframes   yq2 {0% {right: -20%;top: 30%;width: 9%;}100% {width: 20%;right: 20%;top: 100%;}}


/* 词句 */

.ucj1  .dyzz{z-index: 5;}

.ucj1  .qian{z-index: 7;}

.ucj1 .paopao {z-index: 5;}

.ucj1 .qst3{bottom: 5%;}

.ucj1 .yuqun4{position: absolute;width: 60%;top: 0%;left: -50%;z-index: 1;animation: yq4 10s linear infinite ;-webkit-animation: yq4 10s linear infinite ;}

.ucj1 .yuqun5{position: absolute;width: 15%;top: 20%;left: 20%;z-index: 1;animation: yq5 5s linear infinite alternate;-webkit-animation: yq5 5s linear infinite alternate;}

.ucj1 .yuqun6{position: absolute;width: 15%;top: -10%;right: -20%;z-index: 1;animation: yq6 15s linear infinite ;-webkit-animation: yq6 15s linear infinite ;}

.ucj1 .wen{position: absolute;width: 29%;top: 0%;left: 0%;z-index: 9;pointer-events: none;}

.ucj1 .wen img{max-width: 100%;}

.ucj1 .an4{top: 23%;left: 58%;}

.ucj1 .an5{top: 50%;left: 33%;}

.ucj1 .songshu{position: absolute;width: 6.25%;bottom: 0%;right: 17%;z-index: 6;animation: s1 5s linear infinite alternate;-webkit-animation: s1 5s linear infinite alternate;}

.ucj1 .xiong{position: absolute;width: 6.25%;bottom: 17%;right: 7%;z-index: 6;animation: x2 5s linear infinite alternate;-webkit-animation: x2 5s linear infinite alternate;}



/*鱼群4*/

@-webkit-keyframes yq4 {0% {top: 0%;left: -50%;}50% {top: 60%;left: 30%;}100% {top: 100%;left: 100%;}}

@keyframes  yq4 {0% {top: 0%;left: -50%;}50% {top: 60%;left: 30%;}100% {top: 100%;left: 100%;}}

/*鱼群5*/

@-webkit-keyframes yq5 {0% {opacity: 1;}100% {opacity: 0;}}

@keyframes  yq5 {0% {opacity: 1;}100% {opacity: 0;}}

/*鱼群6*/

@-webkit-keyframes yq6 {0% {top: -10%;right: -20%;}100% {top: 100%;right: 50%;}}

@keyframes   yq6 {0% {top: -10%;right: -20%;}100% {top: 100%;right: 50%;}}

/*松鼠*/

@-webkit-keyframes s1 {0% {bottom: 0%;}50% {bottom: 7%;}100% {bottom: 7%;}}

@keyframes  s1 {0% {bottom: 0%;}50% {bottom: 7%;}100% {bottom: 7%;}}

@-webkit-keyframes x2 {0% {right: 7%;}50% {right: 13%;}100% {right: 13%;}}

@keyframes  x2 {0% {right: 7%;}50% {right: 13%;}100% {right: 13%;}}


/*潜水艇5*/

@-webkit-keyframes tl5 {0% {right: -20%;} 100% { right: 100%;}}

@keyframes   tl5 {0% {right: -20%;} 100% { right: 100%;}}


/*鱼群7*/

@-webkit-keyframes yu7 {0% {left: 0;top: 50%;} 100% { left: 50%;top: -50%;}}

@keyframes   yu7 {0% {left: 0;top: 50%;} 100% { left: 50%;top: -50%;}}


/*熊3*/

@-webkit-keyframes x3 {0% {top: 40%;} 100% { top: 50%;}}

@keyframes   x3 {0% {top: 40%;} 100% { top: 50%;}}



/* 单词a */

.ucj_c1{}

.ucj_c1 .dyzz{z-index: 5;}

.ucj_c1 .paopao{z-index: 7;}

.ucj_c1 .qst3{width: 39%;bottom: 70%;right: -50%;animation: tl5 15s linear infinite ;-webkit-animation: tl5 15s linear infinite ;}

.ucj_c1 .yuqun7{position: absolute;z-index: 2; width: 14%;top: 50%;left: 0%;animation: yu7 20s linear infinite ;-webkit-animation: yu7 20s linear infinite ;}

.ucj_c1 .xiong{position: absolute;z-index: 6; width: 18%;top: 40%;right:  13%;animation: x3 5s linear infinite alternate;-webkit-animation: x3 5s linear infinite alternate;pointer-events: none;}

.ucj_c1 .zi{position: absolute;z-index: 7; width: 26%;top: 7%;left: 37%;}

.ucj_c1 .ld{position: absolute;top: 0;left: 50%;z-index: 5;width: 100%;height: 100%;}

.ucj_c1 .ubox{position: absolute;top: 30%; left: 31%;   width: 36%; max-width: 670px; height: 51%;padding: 20px; background: transparent;z-index: 9;}

.ucj_c1 .ubox .d0{padding: 20px 20px 10px;min-height: 60px;margin-bottom: 15px;border-radius: 5px;}

.ucj_c1 .ubox .d1{background: url(../images/u1/a/cj/ci/ju.png) center no-repeat;background-size: cover;min-height: 32%;}

.ucj_c1 .ubox .d2{background:url(../images/u1/a/cj/ci/lv.png) center no-repeat;background-size: cover;min-height: 25%;}

.ucj_c1 .ubox .d3{background: url(../images/u1/a/cj/ci/huang.png) center no-repeat;background-size: cover;height: 48%;}

.ucj_c1 .ubox .d0 img{cursor: pointer;display: block;border: 3px solid rgba(255, 255, 255, 0.3);float: left;margin-right: 1.09%;width: 24.18%;margin-bottom: 1.5%;max-width: 150px;}

.ucj_c1 .ubox .d0 img:nth-child(4n){margin-right: 0;}

.ucj_c1 .ubox .tanchuang{position: absolute;width: 425px;top: 50%;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);display: none;z-index: 9;}

.ucj_c1 .ubox .tanchuang img{display: block;width: 100%;}

.ucj_c1 .ubox .tanchuang .yy{width: 52px;height: 52px;position: absolute;top: -5px;left: 15px;z-index: 3;background: url(../images/u1/a/cj/ci/yy.png) center no-repeat;cursor: pointer;}

.ucj_c1 .ubox .tanchuang .out{width: 52px;height: 52px;position: absolute;top: -5px;right: 15px;z-index: 3;background: url(../images/u1/a/cj/ci/out.png) center no-repeat;cursor: pointer;}

.ucj_c1 .ubox .tanchuang .tbox{position: absolute;width: 100%;height: 100%;top: 0;left: 0;padding: 50px 40px;}

.ucj_c1 .ubox .tanchuang .tbox img{display: block;width: 100%;border-radius: 10px;background: #fff;}

.ucj_c1 .ubox .d3{position: relative;width: 100%;}

.ucj_c1 .ubox .d3 .swiper1{height: 100%;overflow: hidden; }

.ucj_c1 .ubox .prev1{width: 46px;height: 46px;background: url(../images/u1/a/cj/ci/j2.png) center no-repeat;left: auto; right: -18%;margin-top: -70px;}

.ucj_c1 .ubox .next1{width: 46px;height: 46px;background: url(../images/u1/a/cj/ci/j1.png) center no-repeat;left: auto; right: -18%;margin-top: 30px;}



/* 句子A */

.ucj_j1{}

.ucj_j1 .dyzz{z-index: 5;}

.ucj_j1 .paopao{z-index: 7;}

.ucj_j1 .zi{position: absolute;z-index: 7; width: 26%;top: 8%;left: 35.5%;}

.ucj_j1 .yuqun6{position: absolute;z-index: 2; width: 16%;top: 0%;right: 0%;animation: yu9 15s linear infinite ;-webkit-animation: yu9 15s linear infinite ;}

.ucj_j1 .qst3{width: 39%;bottom: 60%;right: -50%;animation: tl5 15s linear infinite ;-webkit-animation: tl5 15s linear infinite ;}

.ucj_j1 .songshu{position: absolute;z-index: 7; width: 15%;top: 30%;left: 18%;animation: shangxia  1s linear infinite alternate;-webkit-animation: shangxia  1s linear infinite alternate;}

.ucj_j1 .ubox{position: absolute;top: 31%; left: 31%;   width: 35%; max-width: 700px;height: 50%;max-height: 480px;background: transparent;z-index: 5;}

.ucj_j1 .ubox .swiper1{width: 100%;height: 70.5%;margin-bottom: 2%;}

.ucj_j1 .ubox .swiper1 .swiper-slide .sbox{padding: 0 ;}

.ucj_j1 .ubox .swiper1 .swiper-slide .sbox img{display: block; max-width: 100%;margin: 0 auto; margin-bottom: 5px;cursor: pointer;background: url(../images/u1/a/cj/ju/bg1.png) center no-repeat;background-size: contain;}

.ucj_j1 .ubox .swiper1 .swiper-slide .sbox img.act{background: url(../images/u1/a/cj/ju/bgh.png) center no-repeat;background-size: contain;}

.ucj_j1 .ubox  .prev1{width: 46px;height: 46px;background: url(../images/u1/a/cj/ju/j2.png) center no-repeat;left: auto; right: -15%;margin-top: -160px;}

.ucj_j1 .ubox  .next1{width: 46px;height: 46px;background: url(../images/u1/a/cj/ju/j1.png) center no-repeat;left: auto; right: -15%;margin-top: -50px;}


.ucj_j1 .ubox .ceju img{display: block;margin: 0 auto;max-width: 100%;background: url(../images/u1/a/cj/ju/bg2.png) center no-repeat;background-size: cover;}


/*yu9*/

@-webkit-keyframes yu9 {0% {top: 30%;right: 30%;} 100% { top: -30%;right: 0%;}}

@keyframes   yu9 {0% {top: 30%;right: 30%;} 100% { top: -30%;right: 0%;}}



/* partB */

/* 书本朗诵 */

.un1_bookb{}

.un1_bookb .ubox{z-index: 8;}

.un1_bookb .ubox .box{width: 44.8%;height: 68%;margin-top: 6%;background:#2d9dfe;border: 0;padding: 20px;background-size: cover;left: 4.15%;}

.un1_bookb .ubox .box .video .abtn{top: 10%;left: 40%;}

.un1_bookb .ubox .box .video .ubox{position: relative;}

.un1_bookb .ubox .box .video .unbox dd{display: none;} 

.un1_bookb .ubox .box .video .unbox dd:nth-child(1){display: block;}

.un1_bookb .ubox .box .video .unbox dd:nth-child(2) .abtn{top: 7%;left: 50%;width: 5%;}

.un1_bookb .ubox .box .video .unbox dd:nth-child(2) .abtn span{width: 100%;}

.un1_bookb .ubox .box .video .unbox dd:nth-child(3) .abtn{top: 13%;left: 90%;}

.un1_bookb .ubox .box .video .unbox dd:nth-child(4) .abtn{top: 13%;left: 90%;}

.un1_bookb .ubox .box .video .unbox dd:nth-child(5) .abtn{top: 8%;left: 60%;}

.un1_bookb .ubox .box .video .udh1 li{left: 0;top: 0;width: 54%;}

.un1_bookb .ubox .box .video .udh1 li:nth-child(1){left: 5%;top: 20%;transform-origin: left top;-webkit-transform-origin: left top;}

.un1_bookb .ubox .box .video .udh1 li:nth-child(2){left: 65%;top: 8%;width: 10%;}

.un1_bookb .ubox .box .video .udh1 li:nth-child(3){left: 25%;top: 35%;width: 62%;}

.un1_bookb .ubox .box .video .udh1 li:nth-child(4){left: 2%;top: 75%;width: 56%;transform-origin: left top;-webkit-transform-origin: left top;}

.un1_bookb .ubox .box .video .udh1 li:nth-child(5){left: 41%;top: 80%;width: 38%;}

.un1_bookb .ubox .box .video .udh1 li:nth-child(6){left: 75%;top: 80%;width: 25%;}

.un1_bookb .ubox .box .video  #testBox{display: block;position: absolute;top: 0;left: 0;z-index: 9;width: 100%;height: 100%;opacity: 1;}

.un1_bookb .ubox .box .video  #testBox.act{opacity: 0;z-index: -1;}

.un1_bookb .ubox .box .video  #testBox video{display: block;width: 100%;max-width: 100%;object-fit: cover;pointer-events: none;}

.un1_bookb .ubtn{}

.un1_bookb .ubtn span{display: block;width: 12%;position: absolute;cursor: pointer;z-index: 7;}

.un1_bookb .ubtn span:nth-child(1){top: 25%;left: 18.5%;}

.un1_bookb .ubtn span:nth-child(2){top: 53%;left: 20%;}

.un1_bookb .ubtn span:nth-child(3){top: 80%;left: 30%;}

.un1_bookb .ubtn span:nth-child(4){top: 80%;left: 45%;}

.un1_bookb .ubtn span:nth-child(5){top: 80%;left: 60%;}

.un1_bookb .ubtn span:nth-child(6){top: 75%;left: 75%;}

.un1_bookb .ubtn span img{display: block;max-width: 100%;}

.un1_bookb .ubtn span div{position: absolute;top: 0;left: 0;z-index: 2;}

.un1_bookb .ubtn span.act div img {animation: shangxia 1s linear  infinite  alternate;-webkit-animation: shangxia 1s  linear  infinite alternate;}

.un1_bookb .ubox .box .video .udh2{}

.un1_bookb .ubox .box .video .udh2 li{top: 0%;left: 0%;width: 25%;}

.un1_bookb .ubox .box .video .udh2 li:nth-child(1){left: 35%;top: 57%;width: 68%;}

.un1_bookb .ubox .box .video .udh2 li:nth-child(2){left: 3%;top: 40%;}

.un1_bookb .ubox .box .video .udh2 li:nth-child(3){left: 26%;top: 30%;}

.un1_bookb .ubox .box .video .udh2 li:nth-child(4){left: 55%;top: 25%;}

.un1_bookb .ubox .box .video .udh2 li:nth-child(5){left: 60%;top: 50%;}

.un1_bookb .ubox .box .video .udh2 li:nth-child(6){left: 50%;top: 80%;}

.un1_bookb .ubox .box .video .ifram{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #fff;z-index: 2;}

.un1_bookb .ubox .box .video .ifram iframe{display: block;width: 100%;height: 100%;}

.un1_bookb .ubox .box .video .spdw{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;padding:20% 0 10%;}

.un1_bookb .ubox .box .video .spdw span{display: block;width: 100%;height: 20%;cursor: pointer; }

.un1_bookb .ubox .box .video .udh3{ position: absolute;top: 49%;left: 54%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);z-index: 3;} 

.un1_bookb .ubox .box .video .udh3 li{position: relative;overflow: hidden;width: 368px;height: 30px;cursor: pointer;}

.un1_bookb .ubox .box .video .udh3 li .img{width: 100%;height: 100%;position: absolute;top: 0;right: 0;overflow: hidden;}

.un1_bookb .ubox .box .video .udh3 li .img img{width: 368px;max-width: 368px;position: absolute;top: 0;right: 0;}

.un1_bookb .ubox .box .video .udh3 li .lbtn{position: absolute;top: 0;left: 0;z-index: 2;width: 0%;height: 100%; overflow: hidden;}

.un1_bookb .ubox .box .video .udh3 li .lbtn img{width: 368px;max-width: 368px;}

.un1_bookb .ubox .box .video .udh3 li.act .img{width: 0;}

.un1_bookb .ubox .box .video .udh3 li.act .lbtn{width: 100%;}

.un1_bookb .ubox .box .video .udh3 li:nth-child(1),.un1_bookb .ubox .box .video .udh3 li:nth-child(5){margin-bottom: 20px;}


/* partC */

.un1_c{}

.iall .fh3{bottom: 16%;left: 16%;}

.un1_c .ubox .box{width: 44.8%;height: 68%;margin-top: 6%;border: 0; border: 20px solid #2d9dfe;max-width: 860px;left: 5%;}

.un1_c .ubox .box .video .abtn{top: 15%;left: 68%;}

.un1_c .ubox .box .video .ubox{position: relative;}

.un1_c .ubox .box .video .unbox dd{display: none;} 

.un1_c .ubox .box .video .unbox dd:nth-child(1){display: block;}

.un1_c .ubox .box .video .udh{}

.un1_c .ubox .box .video .udh1 li{left: 0%;top: 0%;width: 34%;}

.un1_c .ubox .box .video .udh1 li:nth-child(1){top: 25%;left: 10%;}

.un1_c .ubox .box .video .udh1 li:nth-child(2){top: 65%;left: 8%;width: 28%;}

.un1_c .ubox .box .video .udh1 li:nth-child(3){top: 60%;left: 22%;width: 30%;}

.un1_c .ubox .box .video .udh1 li:nth-child(4){top: 55%;left: 37%;width: 25%;}

.un1_c .ubox .box .video .udh1 li:nth-child(5){top: 68%;left: 47%;width: 22%;}

.un1_c .ubox .box .video .udh1 li:nth-child(6){top: 60%;left: 60%;width: 29%;}

.un1_c .ubox .box .video .udh1 li:nth-child(7){top: 78%;left: 62%;width: 14%;}

.un1_c .ubox .box .video .udh1 li:nth-child(8){top: 8%;left: 5%;width: 24%;}

.un1_c .ubox .box .video .udh1 li:nth-child(9){top: 45%;left: 24%;width: 28%;}

.un1_c .ubox .box .video .udh1 li:nth-child(10){top: 50%;left: 5%;transform-origin: left top ;-webkit-transform-origin: left top ;width: 36%;}

.un1_c .ubox .box .video .udh1 li:nth-child(11){top: 8%;left: 50%;width: 38%;}

.un1_c .ubox .box .video .udh1 li:nth-child(12){top: 40%;left: 40%;width: 38%;}

.un1_c .ubox .box .video  #testBox{display: block;position: absolute;top: 0;left: 0;z-index: 9;width: 100%;height: 100%;opacity: 1;}

.un1_c .ubox .box .video  #testBox.act{opacity: 0;z-index: -1;}

.un1_c .ubox .box .video  #testBox video{display: block;width: 100%;max-width: 100%;object-fit: cover;}

.un1_c .ubox .box .video .unbox dd .next{position: absolute;right: 0;top: 80%;cursor: pointer;z-index: 2;width: 99px;height: 38px;background: url(../images/u1/c/next.png) center no-repeat;}

.un1_c .ubox .box .video .unbox dd .prev{position: absolute;left: 0;top: 80%;cursor: pointer;z-index: 2;width: 99px;height: 38px;background: url(../images/u1/c/prev.png) center no-repeat;}

/* 第二单元 */

.un2 .ubox .box .video .udh li{top: 0;left: 0;width: 40%;}

.un2 .ubox .box .video .udh li:nth-child(1){left: 3%;top: 18%;transform-origin: top left;-webkit-transform-origin: top left;width: 50%;}

.un2 .ubox .box .video .udh li:nth-child(2){left: 5%;top: 30%;width: 28%;}

.un2 .ubox .box .video .udh li:nth-child(3){left: 5%;top: 57%;transform-origin: top left;-webkit-transform-origin: top left;width: 38%;}

.un2 .ubox .box .video .udh li:nth-child(4){left: 20%;top: 61%;width: 34%;}

.un2 .ubox .box .video .udh li:nth-child(5){left: 6%;top: 76%;width: 36%;}

.un2 .ubox .box .video .udh li:nth-child(6){left: 40%;top: 38%;width: 42%;}

.un2 .ubox .box .video .udh li:nth-child(7){left: 72%;top: 63%;width: 28%;}

.un2 .ubox .box .video .udh li:nth-child(8){left: 50%;top: 69%;width: 40%;}

/* 书本朗读 */

.un2_book{}

.un2_book .ubox{z-index: 8;}

.un2_book .ubox .box{width: 44.8%;height: 68%;margin-top: 6%;background:#2d9dfe;border: 0;padding: 20px;background-size: cover;left: 4.15%;}

.un2_book .ubox .box .video .abtn{top: 13%;}

.un2_book .ubox .box .video .ubox{position: relative;}

.un2_book .ubox .box .video .unbox dd{display: none;} 

.un2_book .ubox .box .video .unbox dd:nth-child(1){display: block;}

.un2_book .ubox .box .video .unbox dd:nth-child(2) .abtn{top: 13%;left: 50%;width: 5%;}

.un2_book .ubox .box .video .unbox dd:nth-child(2) .abtn span{width: 100%;}

.un2_book .ubox .box .video .unbox dd:nth-child(3) .abtn{top: 7%;left: 50%;}

.un2_book .ubox .box .video .unbox dd:nth-child(4) .abtn{top: 5%;left: 70%;}

.un2_book .ubox .box .video .unbox dd:nth-child(5) .abtn{top: 13%;left: 80%;}

.un2_book .ubox .box .video .unbox dd:nth-child(6) .abtn{top: 13%;left: 53%;width: 8%;}

.un2_book .ubox .box .video .unbox dd:nth-child(6) .abtn span{width: 100%;}

.un2_book .ubox .box .video .udh1 li{left: 0;top: 0;width: 50%;}

.un2_book .ubox .box .video .udh1 li:nth-child(1){left: 20%;top: 20%;}

.un2_book .ubox .box .video .udh1 li:nth-child(2){left: 50%;top: 33%;width: 25%;}

.un2_book .ubox .box .video .udh1 li:nth-child(3){left: 18%;top: 42%;width: 60%;}

.un2_book .ubox .box .video .udh1 li:nth-child(4){left: 35%;top: 52%;width: 46%;}

.un2_book .ubox .box .video .udh1 li:nth-child(5){left: 8%;top: 57%;width: 34%;}

.un2_book .ubox .box .video .udh1 li:nth-child(6){left: 45%;top: 60%;width: 50%;}

.un2_book .ubox .box .video .udh1 li:nth-child(7){left: 10%;top: 80%;width: 36%;}


.un2_book .ubox .box .video  #testBox{display: block;position: absolute;top: 0;left: 0;z-index: 9;width: 100%;height: 100%;opacity: 1;}

.un2_book .ubox .box .video  #testBox.act{opacity: 0;z-index: -1;}

.un2_book .ubox .box .video  #testBox video{display: block;width: 100%;max-width: 100%;object-fit: cover;pointer-events: none;}

.un2_book .ubtn{}

.un2_book .ubtn span{display: block;width: 12%;position: absolute;cursor: pointer;z-index: 7;}

.un2_book .ubtn span:nth-child(1){top: 25%;left: 18.5%;}

.un2_book .ubtn span:nth-child(2){top: 53%;left: 20%;}

.un2_book .ubtn span:nth-child(3){top: 80%;left: 30%;}

.un2_book .ubtn span:nth-child(4){top: 80%;left: 45%;}

.un2_book .ubtn span:nth-child(5){top: 80%;left: 60%;}

.un2_book .ubtn span:nth-child(6){top: 75%;left: 75%;}

.un2_book .ubtn span img{display: block;max-width: 100%;}

.un2_book .ubtn span div{position: absolute;top: 0;left: 0;z-index: 2;}

.un2_book .ubtn span.act div img {animation: shangxia 1s linear  infinite  alternate;-webkit-animation: shangxia 1s  linear  infinite alternate;}

.un2_book .ubox .box .video .udh2{}

.un2_book .ubox .box .video .udh2 li{top: 0%;left: 0%;width: 30%;}

.un2_book .ubox .box .video .udh2 li:nth-child(1){left: 0%;top: 19%;width: 58%;}

.un2_book .ubox .box .video .udh2 li:nth-child(2){left: 33%;top: 25%;width: 58%;}

.un2_book .ubox .box .video .udh2 li:nth-child(3){left: 40%;top: 55%;width: 26%;}

.un2_book .ubox .box .video .udh2 li:nth-child(4){left: 8%;top: 88%;}

.un2_book .ubox .box .video .udh2 li:nth-child(5){left: 26%;top: 88%;}

.un2_book .ubox .box .video .udh2 li:nth-child(6){left: 44%;top: 88%;}

.un2_book .ubox .box .video .udh2 li:nth-child(7){left: 68%;top: 87%;width: 26%;}

.un2_book .ubox .box .video .ifram{width: 100%;height: 100%;position: absolute;top: 10%;left: 0;background: #fff;z-index: 2;}

.un2_book .ubox .box .video .ifram2{top: 0;}

.un2_book .ubox .box .video .ifram iframe{display: block;width: 100%;height: 100%;}

.un2_book .ubox .box .video .spdw{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;padding:33% 10% 23%;}

.un2_book .ubox .box .video .spdw span{display: block;width: 50%;height: 50%;cursor: pointer; float: left;}

.un2_book .ubox .box .video .udh3{}

.un2_book .ubox .box .video .udh3 li{top: 0%;left: 0%;width: 4%;;}

.un2_book .ubox .box .video .udh3 li:nth-child(1){left: 5%;top: 69%;}

.un2_book .ubox .box .video .udh3 li:nth-child(2){left: 6.5%;top: 69%;}

.un2_book .ubox .box .video .udh3 li:nth-child(3){left: 8.5%;top: 69%;}

.un2_book .ubox .box .video .udh3 li:nth-child(4){left: 10.5%;top: 69%;}

.un2_book .ubox .box .video .udh3 li:nth-child(5){left: 27%;top: 69%;}

.un2_book .ubox .box .video .udh3 li:nth-child(6){left: 28.5%;top: 69%;}

.un2_book .ubox .box .video .udh3 li:nth-child(7){left: 30%;top: 69%;}

.un2_book .ubox .box .video .udh3 li:nth-child(8){left: 32%;top: 69%;}

.un2_book .ubox .box .video .udh3 li:nth-child(9){left: 45%;top: 69%;}

.un2_book .ubox .box .video .udh3 li:nth-child(10){left: 46.5%;top: 69%;}

.un2_book .ubox .box .video .udh3 li:nth-child(11){left: 48.5%;top: 69%;}

.un2_book .ubox .box .video .udh3 li:nth-child(12){left: 50.5%;top: 69%;}

.un2_book .ubox .box .video .udh3 li:nth-child(13){left: 65%;top: 69%;}

.un2_book .ubox .box .video .udh3 li:nth-child(14){left: 66.5%;top:69%;}

.un2_book .ubox .box .video .udh3 li:nth-child(15){left: 68.5%;top: 69%;}

.un2_book .ubox .box .video .udh3 li:nth-child(16){left: 70.5%;top: 69%;}

.un2_book .ubox .box .video .udh3 li:nth-child(17){left: 85%;top: 69%;}

.un2_book .ubox .box .video .udh3 li:nth-child(18){left: 86.5%;top: 69%;}

.un2_book .ubox .box .video .udh3 li:nth-child(19){left: 88%;top: 69%;}

.un2_book .ubox .box .video .udh3 li:nth-child(20){left: 90%;top: 69%;}

.un2_book .ubox .box .video .udh3 li.act{transform: scale(0.55);-webkit-transform: scale(0.55);}

.un2_book .ubox .box .video .udh4{height: 30%; position: absolute;width: 100%;top: 50%;left: 0;transform:translateY(-50%);-webkit-transform:translateY(-50%);z-index: 3;padding: 0 5%;} 


/* partB */

/* 书本朗诵 */

.un2_bookb{}

.un2_bookb .ubox{z-index: 8;}

.un2_bookb .ubox .box{width: 44.8%;height: 68%;margin-top: 6%;background:#2d9dfe;border: 0;padding: 20px;background-size: cover;left: 4.15%;}

.un2_bookb .ubox .box .video .abtn{top: 13%;left: 45%;}

.un2_bookb .ubox .box .video .ubox{position: relative;}

.un2_bookb .ubox .box .video .unbox dd{display: none;} 

.un2_bookb .ubox .box .video .unbox dd:nth-child(1){display: block;}

.un2_bookb .ubox .box .video .unbox dd:nth-child(2) .abtn{top: 15%;left: 48%;width: 8%;}

.un2_bookb .ubox .box .video .unbox dd:nth-child(2) .abtn span{width: 100%;}

.un2_bookb .ubox .box .video .unbox dd:nth-child(3) .abtn{top: 13%;left: 55%;}

.un2_bookb .ubox .box .video .unbox dd:nth-child(4) .abtn{top: 11%;left: 65%;}

.un2_bookb .ubox .box .video .unbox dd:nth-child(5) .abtn{top: 5%;left: 55%;}

.un2_bookb .ubox .box .video .udh1 li{left: 0;top: 0;width: 40%;}

.un2_bookb .ubox .box .video .udh1 li:nth-child(1){left: 12%;top: 18%;width: 60%;}

.un2_bookb .ubox .box .video .udh1 li:nth-child(2){left: 40%;top: 28%;}

.un2_bookb .ubox .box .video .udh1 li:nth-child(3){left: 30%;top: 38%;}

.un2_bookb .ubox .box .video .udh1 li:nth-child(4){left: 40%;top: 47%;width: 36%;}

.un2_bookb .ubox .box .video .udh1 li:nth-child(5){left: 25%;top: 56%;width: 44%;}

.un2_bookb .ubox .box .video .udh1 li:nth-child(6){left: 40%;top: 73%;width: 24%;}

.un2_bookb .ubox .box .video .udh1 li:nth-child(7){left: 35%;top: 85%;width: 42%;}

.un2_bookb .ubox .box .video  #testBox{display: block;position: absolute;top: 0;left: 0;z-index: 9;width: 100%;height: 100%;opacity: 1;}

.un2_bookb .ubox .box .video  #testBox.act{opacity: 0;z-index: -1;}

.un2_bookb .ubox .box .video  #testBox video{display: block;width: 100%;max-width: 100%;object-fit: cover;pointer-events: none;}

.un2_bookb .ubtn{}

.un2_bookb .ubtn span{display: block;width: 12%;position: absolute;cursor: pointer;z-index: 7;}

.un2_bookb .ubtn span:nth-child(1){top: 25%;left: 18.5%;}

.un2_bookb .ubtn span:nth-child(2){top: 53%;left: 20%;}

.un2_bookb .ubtn span:nth-child(3){top: 80%;left: 30%;}

.un2_bookb .ubtn span:nth-child(4){top: 80%;left: 45%;}

.un2_bookb .ubtn span:nth-child(5){top: 80%;left: 60%;}

.un2_bookb .ubtn span:nth-child(6){top: 75%;left: 75%;}

.un2_bookb .ubtn span img{display: block;max-width: 100%;}

.un2_bookb .ubtn span div{position: absolute;top: 0;left: 0;z-index: 2;}

.un2_bookb .ubtn span.act div img {animation: shangxia 1s linear  infinite  alternate;-webkit-animation: shangxia 1s  linear  infinite alternate;}

.un2_bookb .ubox .box .video .udh2{}

.un2_bookb .ubox .box .video .udh2 li{top: 0%;left: 0%;width: 25%;}

.un2_bookb .ubox .box .video .udh2 li:nth-child(1){left: 5%;top: 27%;width: 55%;transform-origin: center left;-webkit-transform-origin: center left;}

.un2_bookb .ubox .box .video .udh2 li:nth-child(2){top: 40%;left: 60%;}

.un2_bookb .ubox .box .video .udh2 li:nth-child(3){top: 45%;left: 75%;}

.un2_bookb .ubox .box .video .udh2 li:nth-child(4){top: 65%;left: 65%;}

.un2_bookb .ubox .box .video .udh2 li:nth-child(5){top: 77%;left: 75%;}

.un2_bookb .ubox .box .video .ifram{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #fff;z-index: 2;}

.un2_bookb .ubox .box .video .ifram iframe{display: block;width: 100%;height: 100%;}

.un2_bookb .ubox .box .video .spdw{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;padding:20% 0 10%;}

.un2_bookb .ubox .box .video .spdw span{display: block;width: 100%;height: 20%;cursor: pointer; }

.un2_bookb .ubox .box .video .udh3{ position: absolute;top: 55%;left: 40%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);z-index: 3;} 

.un2_bookb .ubox .box .video .udh3 li{position: relative;overflow: hidden;width: 368px;height: 30px;cursor: pointer;}

.un2_bookb .ubox .box .video .udh3 li .img{width: 100%;height: 100%;position: absolute;top: 0;right: 0;overflow: hidden;}

.un2_bookb .ubox .box .video .udh3 li .img img{width: 368px;max-width: 368px;position: absolute;top: 0;right: 0;}

.un2_bookb .ubox .box .video .udh3 li .lbtn{position: absolute;top: 0;left: 0;z-index: 2;width: 0%;height: 100%; overflow: hidden;}

.un2_bookb .ubox .box .video .udh3 li .lbtn img{width: 368px;max-width: 368px;}

.un2_bookb .ubox .box .video .udh3 li.act .img{width: 0;}

.un2_bookb .ubox .box .video .udh3 li.act .lbtn{width: 100%;}

.un2_bookb .ubox .box .video .udh3 li:nth-child(1),.un2_bookb .ubox .box .video .udh3 li:nth-child(5),.un2_bookb .ubox .box .video .udh3 li:nth-child(9){margin-bottom: 20px;}

.un2_bookb .ubox .box .video .udh4{}

.un2_bookb .ubox .box .video .udh4 li{top: 80%;left:12%;width: 10%;}

.un2_bookb .ubox .box .video .udh4 li img{transform: scale(1);-webkit-transform: scale(1);}

.un2_bookb .ubox .box .video .udh4 li:nth-child(2){top: 75%;left:47%;width: 10%;}

.un2_bookb .ubox .box .video .udh4 li.act img{opacity: 1;transform: scale(1);-webkit-transform: scale(1);}

/* partC */

.un2_c{}

.un2_c .ubox .box{width: 44.8%;height: 68%;margin-top: 6%;border: 0; border: 20px solid #2d9dfe;max-width: 860px;left: 5%;}

.un2_c .ubox .box .video .abtn{top: 15%;left: 68%;}

.un2_c .ubox .box .video .ubox{position: relative;}

.un2_c .ubox .box .video .unbox dd{display: none;} 

.un2_c .ubox .box .video .unbox dd:nth-child(1){display: block;}

.un2_c .ubox .box .video .udh{}

.un2_c .ubox .box .video .udh1 li{left: 0%;top: 0%;width: 30%;}

.un2_c .ubox .box .video .udh1 li:nth-child(1){top: 25%;left: 10%;}

.un2_c .ubox .box .video .udh1 li:nth-child(2){top: 30%;left: 33%;width: 34%;}

.un2_c .ubox .box .video .udh1 li:nth-child(3){top: 47%;left: 30%;width: 28%;}

.un2_c .ubox .box .video .udh1 li:nth-child(4){top: 22%;left: 48%;width: 36%;transform-origin: top right;-webkit-transform-origin: top right;}

.un2_c .ubox .box .video .udh1 li:nth-child(5){top: 56%;left: 12%;width: 38%;}

.un2_c .ubox .box .video .udh1 li:nth-child(6){top: 72%;left: 20%;width: 26%;}

.un2_c .ubox .box .video .udh1 li:nth-child(7){top: 75%;left: 23%;width: 32%;}

.un2_c .ubox .box .video .udh1 li:nth-child(8){top: 60%;left: 51%;width: 30%;}

.un2_c .ubox .box .video .udh1 li:nth-child(9){top: 75%;left: 53%;width: 26%;}

.un2_c .ubox .box .video .udh1 li:nth-child(10){top: 30%;left: 7%;width: 40%;}

.un2_c .ubox .box .video .udh1 li:nth-child(11){top: 10%;left: 47%;width: 48%;}

.un2_c .ubox .box .video .udh1 li:nth-child(12){top: 45%;left: 60%;}


.un2_c .ubox .box .video  #testBox{display: block;position: absolute;top: 0;left: 0;z-index: 9;width: 100%;height: 100%;opacity: 1;}

.un2_c .ubox .box .video  #testBox.act{opacity: 0;z-index: -1;}

.un2_c .ubox .box .video  #testBox video{display: block;width: 100%;max-width: 100%;object-fit: cover;}

.un2_c .ubox .box .video .unbox dd .next{position: absolute;right: 0;top: 80%;cursor: pointer;z-index: 2;width: 99px;height: 38px;background: url(../images/u1/c/next.png) center no-repeat;}

.un2_c .ubox .box .video .unbox dd .prev{position: absolute;left: 0;top: 80%;cursor: pointer;z-index: 2;width: 99px;height: 38px;background: url(../images/u1/c/prev.png) center no-repeat;}



/* 第三单元 */

.un3 .ubox .box .video .abtn{top: 2%;}

.un3 .ubox .box .video .udh li{top: 0;left: 0;width: 40%;}

.un3 .ubox .box .video .udh li:nth-child(1){left: 3%;top: 8%;transform-origin: top left;-webkit-transform-origin: top left;width: 50%;}

.un3 .ubox .box .video .udh li:nth-child(2){left: 3%;top: 25%;width: 50%;}

.un3 .ubox .box .video .udh li:nth-child(3){left: 2%;top: 55%;width: 55%;transform-origin: top left;-webkit-transform-origin: top left;}

.un3 .ubox .box .video .udh li:nth-child(4){left: 10%;top: 65%;width: 30%;}

.un3 .ubox .box .video .udh li:nth-child(5){left: 55%;top: 28%;width: 30%;}

.un3 .ubox .box .video .udh li:nth-child(6){left: 68%;top: 40%;width: 24%;}

.un3 .ubox .box .video .udh li:nth-child(7){left: 50%;top: 65%;width: 44%;}

/* 书本朗读 */

.un3_book{}

.un3_book .ubox{z-index: 8;}

.un3_book .ubox .box{width: 44.8%;height: 68%;margin-top: 6%;background:#2d9dfe;border: 0;padding: 20px;background-size: cover;left: 4.15%;}

.un3_book .ubox .box .video .abtn{top: 22%;left: 57%;}

.un3_book .ubox .box .video .ubox{position: relative;}

.un3_book .ubox .box .video .unbox dd{display: none;} 

.un3_book .ubox .box .video .unbox dd:nth-child(1){display: block;}

.un3_book .ubox .box .video .unbox dd:nth-child(2) .abtn{top: 12%;left: 50%;width: 5%;}

.un3_book .ubox .box .video .unbox dd:nth-child(2) .abtn span{width: 100%;}

.un3_book .ubox .box .video .unbox dd:nth-child(3) .abtn{top: 7%;left: 60%;}

.un3_book .ubox .box .video .unbox dd:nth-child(4) .abtn{top: 5%;left: 70%;}

.un3_book .ubox .box .video .unbox dd:nth-child(5) .abtn{top: 13%;left: 80%;}

.un3_book .ubox .box .video .unbox dd:nth-child(6) .abtn{top: 13%;left: 53%;width: 8%;}

.un3_book .ubox .box .video .unbox dd:nth-child(6) .abtn span{width: 100%;}

.un3_book .ubox .box .video .udh1 li{left: 0;top: 0;width: 30%;}

.un3_book .ubox .box .video .udh1 li:nth-child(1){left: 8%;top: 33%;}

.un3_book .ubox .box .video .udh1 li:nth-child(2){left: 15%;top: 45%;width: 34%;}

.un3_book .ubox .box .video .udh1 li:nth-child(3){left: 7%;top: 60%;}

.un3_book .ubox .box .video .udh1 li:nth-child(4){left: 42%;top: 25%;width: 25%;}

.un3_book .ubox .box .video .udh1 li:nth-child(5){left: 60%;top: 25%;}

.un3_book .ubox .box .video .udh1 li:nth-child(6){left: 35%;top: 65%;width: 55%;}

.un3_book .ubox .box .video .udh1 li:nth-child(7){left: 63%;top: 80%;width: 26%;}

.un3_book .ubox .box .video  #testBox{display: block;position: absolute;top: 0;left: 0;z-index: 9;width: 100%;height: 100%;opacity: 1;}

.un3_book .ubox .box .video  #testBox.act{opacity: 0;z-index: -1;}

.un3_book .ubox .box .video  #testBox video{display: block;width: 100%;max-width: 100%;object-fit: cover;pointer-events: none;}

.un3_book .ubtn{}

.un3_book .ubtn span{display: block;width: 12%;position: absolute;cursor: pointer;z-index: 7;}

.un3_book .ubtn span:nth-child(1){top: 25%;left: 18.5%;}

.un3_book .ubtn span:nth-child(2){top: 53%;left: 20%;}

.un3_book .ubtn span:nth-child(3){top: 80%;left: 30%;}

.un3_book .ubtn span:nth-child(4){top: 80%;left: 45%;}

.un3_book .ubtn span:nth-child(5){top: 80%;left: 60%;}

.un3_book .ubtn span:nth-child(6){top: 75%;left: 75%;}

.un3_book .ubtn span img{display: block;max-width: 100%;}

.un3_book .ubtn span div{position: absolute;top: 0;left: 0;z-index: 2;}

.un3_book .ubtn span.act div img {animation: shangxia 1s linear  infinite  alternate;-webkit-animation: shangxia 1s  linear  infinite alternate;}

.un3_book .ubox .box .video .udh2{}

.un3_book .ubox .box .video .udh2 li{top: 0%;left: 0%;width: 30%;}

.un3_book .ubox .box .video .udh2 li:nth-child(1){left: -5%;top: 57%;width: 54%;}

.un3_book .ubox .box .video .udh2 li:nth-child(2){left: 65%;top: 63%;width: 35%;}

.un3_book .ubox .box .video .udh2 li:nth-child(3){left: 15%;top: 79%;width: 37%;}

.un3_book .ubox .box .video .udh2 li:nth-child(4){left: 10%;top: 22%;transform: rotate(-20deg)  scale(0.55);-webkit-transform: rotate(-20deg)  scale(0.55);width: 40%;}

.un3_book .ubox .box .video .udh2 li:nth-child(4).act{transform: rotate(0deg) scale(0.6);-webkit-transform: rotate(0deg) scale(0.6);}

.un3_book .ubox .box .video .udh2 li:nth-child(5){left: 23%;top: 24%;transform: rotate(-20deg)  scale(0.5);-webkit-transform: rotate(-20deg)  scale(0.5);width: 40%;}

.un3_book .ubox .box .video .udh2 li:nth-child(5).act{transform: rotate(0deg)  scale(0.6);-webkit-transform: rotate(0deg)  scale(0.6);}

.un3_book .ubox .box .video .udh2 li:nth-child(6){left: 48%;top: 22%;transform: rotate(20deg)  scale(0.4);-webkit-transform: rotate(20deg)  scale(0.4);width: 40%;}

.un3_book .ubox .box .video .udh2 li:nth-child(6).act{transform: rotate(0deg)  scale(0.6);-webkit-transform: rotate(0deg)  scale(0.6);}

.un3_book .ubox .box .video .udh2 li:nth-child(7){left: 65%;top:33%;transform: rotate(20deg)  scale(0.4);-webkit-transform: rotate(20deg)  scale(0.4);width: 40%;}

.un3_book .ubox .box .video .udh2 li:nth-child(7).act{transform: rotate(0deg)  scale(0.6);-webkit-transform: rotate(0deg)  scale(0.6);}


.un3_book .ubox .box .video .ifram{width: 100%;height: 100%;position: absolute;top: 10%;left: 0;background: #fff;z-index: 2;}

.un3_book .ubox .box .video .ifram2{top: 0;}

.un3_book .ubox .box .video .ifram iframe{display: block;width: 100%;height: 100%;}

.un3_book .ubox .box .video .spdw{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;padding:33% 10% 23%;}

.un3_book .ubox .box .video .spdw span{display: block;width: 50%;height: 50%;cursor: pointer; float: left;}

.un3_book .ubox .box .video .udh3{}

.un3_book .ubox .box .video .udh3 li{top: 0%;left: 0%;width: 4%;;}

.un3_book .ubox .box .video .udh3 li:nth-child(1){left: 5%;top: 69%;}

.un3_book .ubox .box .video .udh3 li:nth-child(2){left: 7%;top: 69%;}

.un3_book .ubox .box .video .udh3 li:nth-child(3){left: 8.8%;top: 69%;}

.un3_book .ubox .box .video .udh3 li:nth-child(4){left: 11%;top: 68.5%;}

.un3_book .ubox .box .video .udh3 li:nth-child(5){left: 31%;top: 69%;}

.un3_book .ubox .box .video .udh3 li:nth-child(6){left: 33%;top: 69.3%;}

.un3_book .ubox .box .video .udh3 li:nth-child(7){left: 34.5%;top: 69%;}

.un3_book .ubox .box .video .udh3 li:nth-child(8){left: 36.5%;top: 69%;}

.un3_book .ubox .box .video .udh3 li:nth-child(9){left: 57%;top: 69%;}

.un3_book .ubox .box .video .udh3 li:nth-child(10){left:59%;top: 69.5%;}

.un3_book .ubox .box .video .udh3 li:nth-child(11){left: 61%;top: 69%;}

.un3_book .ubox .box .video .udh3 li:nth-child(12){left: 63%;top: 69%;}

.un3_book .ubox .box .video .udh3 li:nth-child(13){left: 78%;top: 69%;width: 13%;}

.un3_book .ubox .box .video .udh3 li:nth-child(14){left: 87%;top:69.3%;}

.un3_book .ubox .box .video .udh3 li:nth-child(15){left: 89%;top: 69%;}

.un3_book .ubox .box .video .udh3 li:nth-child(16){left: 91%;top: 68.8%;}

.un3_book .ubox .box .video .udh3 li:nth-child(17){left: 93%;top: 69%;}

.un3_book .ubox .box .video .udh3 li.act{transform: scale(0.55);-webkit-transform: scale(0.55);}

.un3_book .ubox .box .video .udh4{height: 38%; position: absolute;width: 100%;top: 54%;left: 0;transform:translateY(-50%);-webkit-transform:translateY(-50%);z-index: 3;padding: 0 5%;} 

.un3_book .ubox .box .video .udh4 li{width: 50%;height: 50%;float: left;overflow: hidden;position: relative;cursor: pointer;}

.un3_book .ubox .box .video .udh4 li .img{display: block;width: 100%;height: 100%;}

.un3_book .ubox .box .video .udh4 li span{display: block;position: absolute;top: 0%;left: 23%;z-index: 2;width: 20%;height: 100%;overflow: hidden;}

.un3_book .ubox .box .video .udh4 li span img{width: 100%;position: relative;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);opacity: 0;}

.un3_book .ubox .box .video .udh4 li span.act img{opacity: 1;}

.un3_book .ubox .box .video .udh4 li span:nth-child(3){left: 40%;}

.un3_book .ubox .box .video .udh4 li span:nth-child(4){left: 60%;}

.un3_book .ubox .box .video .udh4 li:nth-child(2n) span:nth-child(3){left: 30%;}

.un3_book .ubox .box .video .udh4 li:nth-child(2n) span:nth-child(3){left: 50%;}

.un3_book .ubox .box .video .udh4 li:nth-child(2n) span:nth-child(4){left: 70%;}

.un3_book .ubox .box .video .udh5{ position: absolute;top: 50%;left: 60%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);z-index: 3;} 

.un3_book .ubox .box .video .udh5 li{position: relative;overflow: hidden;width: 368px;height: 30px;cursor: pointer;margin-bottom: 10px;}

.un3_book .ubox .box .video .udh5 li .img{width: 100%;height: 100%;position: absolute;top: 0;right: 0;overflow: hidden;}

.un3_book .ubox .box .video .udh5 li .img img{width: 368px;max-width: 368px;position: absolute;top: 0;right: 0;}

.un3_book .ubox .box .video .udh5 li .lbtn{position: absolute;top: 0;left: 0;z-index: 2;width: 0%;height: 100%; overflow: hidden;}

.un3_book .ubox .box .video .udh5 li .lbtn img{width: 368px;max-width: 368px;}

.un3_book .ubox .box .video .udh5 li.act .img{width: 0;}

.un3_book .ubox .box .video .udh5 li.act .lbtn{width: 100%;}

.un3_book .ubox .box .video .udh5 li:nth-child(4){margin-bottom: 30px;}

/* 词句  */

.ucj_c3 .ubox .d0{padding: 2%;margin-bottom: 2%;}

.ucj_c3 .ubox .d3{height: 45%;}

/* partB */

/* 书本朗诵 */

.un3_bookb{}

.un3_bookb .ubox{z-index: 8;}

.un3_bookb .ubox .box{width: 44.8%;height: 68%;margin-top: 6%;background:#2d9dfe;border: 0;padding: 20px;background-size: cover;left: 4.15%;}

.un3_bookb .ubox .box .video .abtn{top: 15%;left: 50%;}

.un3_bookb .ubox .box .video .ubox{position: relative;}

.un3_bookb .ubox .box .video .unbox dd{display: none;} 

.un3_bookb .ubox .box .video .unbox dd:nth-child(1){display: block;}

.un3_bookb .ubox .box .video .unbox dd:nth-child(2) .abtn{top: 10%;left: 48%;width: 8%;}

.un3_bookb .ubox .box .video .unbox dd:nth-child(2) .abtn span{width: 100%;}

.un3_bookb .ubox .box .video .unbox dd:nth-child(3) .abtn{top: 13%;left: 58%;}

.un3_bookb .ubox .box .video .unbox dd:nth-child(4) .abtn{top: 11%;left: 65%;}

.un3_bookb .ubox .box .video .unbox dd:nth-child(5) .abtn{top: 8%;left: 55%;}

.un3_bookb .ubox .box .video .udh1 li{left: 0;top: 0;width: 40%;}

.un3_bookb .ubox .box .video .udh1 li:nth-child(1){left: 12%;top: 23%;}

.un3_bookb .ubox .box .video .udh1 li:nth-child(2){left: 20%;top: 42%;width: 36%;}

.un3_bookb .ubox .box .video .udh1 li:nth-child(3){left: 0%;top: 55%;width: 55%;}

.un3_bookb .ubox .box .video .udh1 li:nth-child(4){left:45%;top: 10%;width: 54%;}

.un3_bookb .ubox .box .video .udh1 li:nth-child(5){left:45%;top: 35%;width: 54%;}

.un3_bookb .ubox .box .video .udh1 li:nth-child(6){left:62%;top: 57%;width: 36%;}

.un3_bookb .ubox .box .video .udh1 li:nth-child(7){left:52%;top: 79%;width: 39%;}


.un3_bookb .ubox .box .video  #testBox{display: block;position: absolute;top: 0;left: 0;z-index: 9;width: 100%;height: 100%;opacity: 1;}

.un3_bookb .ubox .box .video  #testBox.act{opacity: 0;z-index: -1;}

.un3_bookb .ubox .box .video  #testBox video{display: block;width: 100%;max-width: 100%;object-fit: cover;pointer-events: none;}

.un3_bookb .ubtn{}

.un3_bookb .ubtn span{display: block;width: 12%;position: absolute;cursor: pointer;z-index: 7;}

.un3_bookb .ubtn span:nth-child(1){top: 25%;left: 18.5%;}

.un3_bookb .ubtn span:nth-child(2){top: 53%;left: 20%;}

.un3_bookb .ubtn span:nth-child(3){top: 80%;left: 30%;}

.un3_bookb .ubtn span:nth-child(4){top: 80%;left: 45%;}

.un3_bookb .ubtn span:nth-child(5){top: 80%;left: 60%;}

.un3_bookb .ubtn span:nth-child(6){top: 75%;left: 75%;}

.un3_bookb .ubtn span img{display: block;max-width: 100%;}

.un3_bookb .ubtn span div{position: absolute;top: 0;left: 0;z-index: 2;}

.un3_bookb .ubtn span.act div img {animation: shangxia 1s linear  infinite  alternate;-webkit-animation: shangxia 1s  linear  infinite alternate;}

.un3_bookb .ubox .box .video .udh2{}

.un3_bookb .ubox .box .video .udh2 li{top: 0%;left: 0%;width: 25%;}

.un3_bookb .ubox .box .video .udh2 li:nth-child(1){left: 38%;top: 20%;width: 60%;}

.un3_bookb .ubox .box .video .udh2 li:nth-child(2){left: 53%;top: 30%;width: 46%;}

.un3_bookb .ubox .box .video .udh2 li:nth-child(3){left:15%;top: 20%;}

.un3_bookb .ubox .box .video .udh2 li:nth-child(4){left:33%;top: 15%;}

.un3_bookb .ubox .box .video .udh2 li:nth-child(5){left:5%;top: 73%;}

.un3_bookb .ubox .box .video .udh2 li:nth-child(6){left:18%;top: 69%;}

.un3_bookb .ubox .box .video .udh2 li:nth-child(7){left:35%;top: 65%;}

.un3_bookb .ubox .box .video .udh2 li:nth-child(n+3).act{transform: rotate(10deg) scale(0.8);-webkit-transform: rotate(10deg) scale(0.8);}

.un3_bookb .ubox .box .video .ifram{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #fff;z-index: 2;}

.un3_bookb .ubox .box .video .ifram iframe{display: block;width: 100%;height: 100%;}

.un3_bookb .ubox .box .video .spdw{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;padding:20% 0 10%;}

.un3_bookb .ubox .box .video .spdw span{display: block;width: 100%;height: 20%;cursor: pointer; }

.un3_bookb .ubox .box .video .udh3{ position: absolute;top: 55%;left: 55%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);z-index: 3;} 

.un3_bookb .ubox .box .video .udh3 li{position: relative;overflow: hidden;width: 500px;height: 40px;cursor: pointer;margin-bottom: 5px;}

.un3_bookb .ubox .box .video .udh3 li .img{width: 100%;height: 100%;position: absolute;top: 0;right: 0;overflow: hidden;}

.un3_bookb .ubox .box .video .udh3 li .img img{width: 500px;max-width: 500px;position: absolute;top: 0;right: 0;}

.un3_bookb .ubox .box .video .udh3 li .lbtn{position: absolute;top: 0;left: 0;z-index: 2;width: 0%;height: 100%; overflow: hidden;}

.un3_bookb .ubox .box .video .udh3 li .lbtn img{width: 500px;max-width: 500px;}

.un3_bookb .ubox .box .video .udh3 li.act .img{width: 0;}

.un3_bookb .ubox .box .video .udh3 li.act .lbtn{width: 100%;}

.un3_bookb .ubox .box .video .udh4{width: 70%;height: 20%;left: 10%;bottom: 5%;position: absolute;z-index: 3;}

.un3_bookb .ubox .box .video .udh4 li{width: 100%;height: 25%;cursor: pointer;}


/* partC */

.un3_c{}

.un3_c .ubox .box{width: 44.8%;height: 68%;margin-top: 6%;border: 0; border: 20px solid #2d9dfe;max-width: 860px;left: 5%;}

.un3_c .ubox .box .video .abtn{top: 15%;left: 68%;}

.un3_c .ubox .box .video .ubox{position: relative;}

.un3_c .ubox .box .video .unbox dd{display: none;} 

.un3_c .ubox .box .video .unbox dd:nth-child(1){display: block;}

.un3_c .ubox .box .video .udh{}

.un3_c .ubox .box .video .udh1 li{left: 0%;top: 0%;width: 32%;}

.un3_c .ubox .box .video .udh1 li:nth-child(1){top: 23%;left:27%;}

.un3_c .ubox .box .video .udh1 li:nth-child(2){top: 23%;left: 55%;width: 40%;}

.un3_c .ubox .box .video .udh1 li:nth-child(3){top: 45%;left: 20%;width: 40%;}

.un3_c .ubox .box .video .udh1 li:nth-child(4){top: 57%;left: 37%;width: 26%;}

.un3_c .ubox .box .video .udh1 li:nth-child(5){top: 65%;left: 48%;width: 34%;}

.un3_c .ubox .box .video .udh1 li:nth-child(6){top: 15%;left: 3%;width: 54%;}

.un3_c .ubox .box .video .udh1 li:nth-child(7){top: 17%;left: 55%;width: 46%;}

.un3_c .ubox .box .video  #testBox{display: block;position: absolute;top: 0;left: 0;z-index: 9;width: 100%;height: 100%;opacity: 1;}

.un3_c .ubox .box .video  #testBox.act{opacity: 0;z-index: -1;}

.un3_c .ubox .box .video  #testBox video{display: block;width: 100%;max-width: 100%;object-fit: cover;}

.un3_c .ubox .box .video .unbox dd .next{position: absolute;right: 0;top: 80%;cursor: pointer;z-index: 2;width: 99px;height: 38px;background: url(../images/u1/c/next.png) center no-repeat;}

.un3_c .ubox .box .video .unbox dd .prev{position: absolute;left: 0;top: 80%;cursor: pointer;z-index: 2;width: 99px;height: 38px;background: url(../images/u1/c/prev.png) center no-repeat;}


/*复习一 */

.rec1{}

.rec1 .ubox{z-index: 8;}

.rec1 .ubox .box{width: 44.8%;height: 68%;margin-top: 6%;background:#2d9dfe;border: 0;padding: 20px;background-size: cover;left: 4.15%;}

.rec1 .ubox .box .video .abtn{top: 12%;left: 50%;}

.rec1 .ubox .box .video .ubox{position: relative;}

.rec1 .ubox .box .video .unbox dd{display: none;} 

.rec1 .ubox .box .video .unbox dd:nth-child(1){display: block;}

.rec1 .ubox .box .video .unbox dd:nth-child(2) .abtn{top: 10%;left: 48%;width: 8%;}

.rec1 .ubox .box .video .unbox dd:nth-child(2) .abtn span{width: 100%;}

.rec1 .ubox .box .video .unbox dd:nth-child(3) .abtn{top: 13%;left: 65%;}

.rec1 .ubox .box .video .unbox dd:nth-child(4) .abtn{top: 13%;left: 103%;}

.rec1 .ubox .box .video  #testBox{display: block;position: absolute;top: 0;left: 0;z-index: 9;width: 100%;height: 100%;opacity: 1;}

.rec1 .ubox .box .video  #testBox.act{opacity: 0;z-index: -1;}

.rec1 .ubox .box .video  #testBox video{display: block;width: 100%;max-width: 100%;object-fit: cover;pointer-events: none;}

.rec1 .ubtn{}

.rec1 .ubtn span{display: block;width: 12%;position: absolute;cursor: pointer;z-index: 7;}

.rec1 .ubtn span:nth-child(1){top: 25%;left: 18.5%;}

.rec1 .ubtn span:nth-child(2){top: 53%;left: 20%;}

.rec1 .ubtn span:nth-child(3){top: 80%;left: 30%;}

.rec1 .ubtn span:nth-child(4){top: 80%;left: 45%;}

.rec1 .ubtn span:nth-child(5){top: 80%;left: 60%;}

.rec1 .ubtn span:nth-child(6){top: 75%;left: 75%;}

.rec1 .ubtn span img{display: block;max-width: 100%;}

.rec1 .ubtn span div{position: absolute;top: 0;left: 0;z-index: 2;}

.rec1 .ubtn span.act div img {animation: shangxia 1s linear  infinite  alternate;-webkit-animation: shangxia 1s  linear  infinite alternate;}

.rec1 .ubox .box .video .ifram{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #fff;z-index: 2;}

.rec1 .ubox .box .video .ifram iframe{display: block;width: 100%;height: 100%;}

.rec1 .ubox .box .video .udh{}

.rec1 .ubox .box .video .udh1 li{left: 0%;top: 0%;width: 20%;}

.rec1 .ubox .box .video .udh1 li:nth-child(1){top: 17%;left:17%;}

.rec1 .ubox .box .video .udh1 li:nth-child(2){top: 25%;left:28%;width: 17%;}

.rec1 .ubox .box .video .udh1 li:nth-child(3){top: 7%;left:42%;width: 40%;}

.rec1 .ubox .box .video .udh1 li:nth-child(4){top: 15%;left:48%;width: 46%;}

.rec1 .ubox .box .video .udh1 li:nth-child(5){top: 58%;left:18%;width: 15%;}

.rec1 .ubox .box .video .udh1 li:nth-child(6){top: 51%;left:24%;width: 25%;}

.rec1 .ubox .box .video .udh1 li:nth-child(7){top: 52%;left:44%;width: 24%;}

.rec1 .ubox .box .video .udh1 li:nth-child(8){top: 57%;left:54%;width: 36%;}

.rec1 .ubox .box .video .udh1 li:nth-child(9){top: 65%;left:44%;width: 24%;}

.rec1 .ubox .box .video .udh1 li:nth-child(10){top: 23%;left:5%;width: 40%;transform-origin: top left;-webkit-transform-origin: top left;}

.rec1 .ubox .box .video .udh1 li:nth-child(11){top: 15%;left:32%;width:40% ;}

.rec1 .ubox .box .video .udh1 li:nth-child(12){top: 20%;left:52%;width:44% ;}

.rec1 .ubox .box .video .udh1 li:nth-child(13){top: 35%;left:45%;width:16% ;}

.rec1 .ubox .box .video .unbox dd .next{position: absolute;right: 0;top: 80%;cursor: pointer;z-index: 2;width: 99px;height: 38px;background: url(../images/u1/c/next.png) center no-repeat;}

.rec1 .ubox .box .video .unbox dd .prev{position: absolute;left: 0;top: 80%;cursor: pointer;z-index: 2;width: 99px;height: 38px;background: url(../images/u1/c/prev.png) center no-repeat;}

.rec1 .ubox .box .video .udh2{width: 30%;height: 50%;top: 30.6%;right: 30%;z-index: 3;position: absolute;}

.rec1 .ubox .box .video .udh2 li{width: 100%;height: 20%;padding-left: 30%;margin-bottom: 22%;}

.rec1 .ubox .box .video .udh2 li input{display: block;width: 100%;border: 0;background: none;height: 100%;outline: none;font-size: 30px;font-family: com;font-weight: bold;}

.rec1 .ubox .box .video .udh3{width: 26%;height: 50%;top: 23%;right: 0%;z-index: 3;position: absolute;}

.rec1 .ubox .box .video .udh3 li{width: 20%;cursor: pointer;position: absolute;top: 0;left: 0;}

.rec1 .ubox .box .video .udh3 li img{opacity: 0;}

.rec1 .ubox .box .video .udh3 li:nth-child(2){top: 15%;left: 3%;}

.rec1 .ubox .box .video .udh3 li:nth-child(3){top: 56%;left: -10%;}

.rec1 .ubox .box .video .udh3 li:nth-child(4){top: 73%;left: 2%;}

.rec1 .ubox .box .video .udh3 li.act img{opacity: 1;}

.rec1 .ubox .box .video .udh4{width: 100%;height: 55%;top: 29%;right: 0%;z-index: 2;position: absolute;}

.rec1 .ubox .box .video .udh4 li{width: 100%;height: 30%;cursor: pointer;}

.rec1 .ubox .box .video .udh4 li:nth-child(2){width: 100%;height: 50%;margin-top: 8%;}

/* 第四单元 */

.un4 .ubox .box .video .abtn{top: 8%;}

.un4 .ubox .box .video .udh li{top: 0;left: 0;width: 40%;}

.un4 .ubox .box .video .udh li:nth-child(1){left: 3%;top: 25%;transform-origin: top left;-webkit-transform-origin: top left;width: 50%;}

.un4 .ubox .box .video .udh li:nth-child(2){left: 5%;top: 38%;transform-origin: top left;-webkit-transform-origin: top left;width:45%;}

.un4 .ubox .box .video .udh li:nth-child(3){left: 2%;top: 50%;width: 40%;transform-origin: top left;-webkit-transform-origin: top left;}

.un4 .ubox .box .video .udh li:nth-child(4){left: 4%;top: 65%;width: 40%;}

.un4 .ubox .box .video .udh li:nth-child(5){left: 75%;top: 50%;width: 20%;}

.un4 .ubox .box .video .udh li:nth-child(6){left: 55%;top: 50%;width: 30%;}

.un4 .ubox .box .video .udh li:nth-child(7){left: 58%;top: 63%;width: 40%;transform-origin: right bottom;-webkit-transform-origin: right bottom;}


/* 词句 */

.ucj_c4 .ubox .d3{height: 20%;padding: 0;min-height: 10px;}

/* 书本朗读 */

.un4_book{}

.un4_book .ubox{z-index: 8;}

.un4_book .ubox .box{width: 44.8%;height: 68%;margin-top: 6%;background:#2d9dfe;border: 0;padding: 20px;background-size: cover;left: 4.15%;}

.un4_book .ubox .box .video .abtn{top: 8%;left: 40%;}

.un4_book .ubox .box .video .ubox{position: relative;}

.un4_book .ubox .box .video .unbox dd{display: none;} 

.un4_book .ubox .box .video .unbox dd:nth-child(1){display: block;}

.un4_book .ubox .box .video .unbox dd:nth-child(2) .abtn{top: 8%;left: 50%;width: 5%;}

.un4_book .ubox .box .video .unbox dd:nth-child(2) .abtn span{width: 100%;}

.un4_book .ubox .box .video .unbox dd:nth-child(3) .abtn{top: 8%;left: 58%;}

.un4_book .ubox .box .video .unbox dd:nth-child(4) .abtn{top: 5%;left: 70%;}

.un4_book .ubox .box .video .unbox dd:nth-child(5) .abtn{top: 11%;left: 55%;}

.un4_book .ubox .box .video .udh1 li{left: 0;top: 0;width: 50%;}

.un4_book .ubox .box .video .udh1 li:nth-child(1){left: 5%;top: 17%;transform-origin: top left;-webkit-transform-origin: top left;}

.un4_book .ubox .box .video .udh1 li:nth-child(2){left: 25%;top: 35%;width: 30%;}

.un4_book .ubox .box .video .udh1 li:nth-child(3){left: 65%;top:3%;width: 34%;transform-origin: top left;-webkit-transform-origin: top left;}

.un4_book .ubox .box .video .udh1 li:nth-child(4){left: 55%;top: 32%;width: 32%;}

.un4_book .ubox .box .video .udh1 li:nth-child(5){left: 3%;top: 58%;width: 44%;transform-origin: top left;-webkit-transform-origin: top left;}

.un4_book .ubox .box .video .udh1 li:nth-child(6){left: 15%;top: 80%;width: 30%;}

.un4_book .ubox .box .video .udh1 li:nth-child(7){left: 55%;top: 70%;width: 38%;}

.un4_book .ubox .box .video  #testBox{display: block;position: absolute;top: 0;left: 0;z-index: 9;width: 100%;height: 100%;opacity: 1;}

.un4_book .ubox .box .video  #testBox.act{opacity: 0;z-index: -1;}

.un4_book .ubox .box .video  #testBox video{display: block;width: 100%;max-width: 100%;object-fit: cover;pointer-events: none;}

.un4_book .ubtn{}

.un4_book .ubtn span{display: block;width: 12%;position: absolute;cursor: pointer;z-index: 7;}

.un4_book .ubtn span:nth-child(1){top: 25%;left: 18.5%;}

.un4_book .ubtn span:nth-child(2){top: 53%;left: 20%;}

.un4_book .ubtn span:nth-child(3){top: 80%;left: 30%;}

.un4_book .ubtn span:nth-child(4){top: 80%;left: 45%;}

.un4_book .ubtn span:nth-child(5){top: 80%;left: 60%;}

.un4_book .ubtn span:nth-child(6){top: 75%;left: 75%;}

.un4_book .ubtn span img{display: block;max-width: 100%;}

.un4_book .ubtn span div{position: absolute;top: 0;left: 0;z-index: 2;}

.un4_book .ubtn span.act div img {animation: shangxia 1s linear  infinite  alternate;-webkit-animation: shangxia 1s  linear  infinite alternate;}

.un4_book .ubox .box .video .udh2{}

.un4_book .ubox .box .video .udh2 li{top: 0%;left: 0%;width: 30%;}

.un4_book .ubox .box .video .udh2 li:nth-child(1){left: 0%;top: 40%;width: 52%;}

.un4_book .ubox .box .video .udh2 li:nth-child(2){left: 18%;top: 76%;width: 34%;}

.un4_book .ubox .box .video .udh2 li:nth-child(3){left: 25%;top: 23%;}

.un4_book .ubox .box .video .udh2 li:nth-child(4){left: 0%;top: 86%;}

.un4_book .ubox .box .video .udh2 li:nth-child(5){left: 43%;top: 47%;}

.un4_book .ubox .box .video .udh2 li:nth-child(6){left: 36%;top: 89%;}

.un4_book .ubox .box .video .udh2 li:nth-child(7){left: 68%;top: 87%;}

.un4_book .ubox .box .video .ifram{width: 100%;height: 100%;position: absolute;top: 10%;left: 0;background: #fff;z-index: 2;}

.un4_book .ubox .box .video .ifram2{top: 0;}

.un4_book .ubox .box .video .ifram iframe{display: block;width: 100%;height: 100%;}

.un4_book .ubox .box .video .spdw{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;padding:19% 25% 5%;}

.un4_book .ubox .box .video .spdw span{display: block;width: 100%;height: 20%;cursor: pointer; }

.un4_book .ubox .box .video .udh3{}

.un4_book .ubox .box .video .udh3 li{top: 0%;left: 0%;width: 4%;;}

.un4_book .ubox .box .video .udh3 li:nth-child(1){left: 17%;top: 65%;}

.un4_book .ubox .box .video .udh3 li:nth-child(2){left: 19%;top: 65.5%;}

.un4_book .ubox .box .video .udh3 li:nth-child(3){left: 21.2%;top: 65.2%;}

.un4_book .ubox .box .video .udh3 li:nth-child(4){left: 43%;top: 69%;}

.un4_book .ubox .box .video .udh3 li:nth-child(5){left: 45%;top: 69%;}

.un4_book .ubox .box .video .udh3 li:nth-child(6){left: 47%;top: 69%;}

.un4_book .ubox .box .video .udh3 li:nth-child(7){left: 49%;top: 69%;}

.un4_book .ubox .box .video .udh3 li:nth-child(8){left: 68%;top: 65%;width: 10%;}

.un4_book .ubox .box .video .udh3 li:nth-child(9){left: 74.7%;top: 64.9%;}

.un4_book .ubox .box .video .udh3 li:nth-child(10){left: 76.5%;top: 65.3%;}

.un4_book .ubox .box .video .udh3 li:nth-child(11){left: 78.5%;top: 64.9%;}

.un4_book .ubox .box .video .udh3 li.act{transform: scale(0.55);-webkit-transform: scale(0.55);}

.un4_book .ubox .box .video .udh4{height: 30%; position: absolute;width: 100%;top: 50%;left: 0;transform:translateY(-50%);-webkit-transform:translateY(-50%);z-index: 3;padding: 0 5%;} 

.un4_book .ubox .box .video .udh4 li{position: absolute;width: 15%;top: 0;left: 0;cursor: pointer;}

.un4_book .ubox .box .video .udh4 li img{width: 100%;opacity: 0;}

.un4_book .ubox .box .video .udh4 li:nth-child(1){top: 12%;left: 13%;}

.un4_book .ubox .box .video .udh4 li:nth-child(2){top: 16%;left: 28%;width: 10%;}

.un4_book .ubox .box .video .udh4 li:nth-child(3){top: 20%;left: 44%;width: 11%;}

.un4_book .ubox .box .video .udh4 li:nth-child(4){top: 30%;left: 55%;width: 9%;}

.un4_book .ubox .box .video .udh4 li:nth-child(5){top: 35%;left: 64%;width: 15%;}

.un4_book .ubox .box .video .udh4 li:nth-child(6){top: 35%;left: 20%;width: 22%;}

.un4_book .ubox .box .video .udh4 li:nth-child(7){top: 42%;left: 41.5%;width: 10%;}

.un4_book .ubox .box .video .udh4 li:nth-child(8){top: 50%;left: 52%;width: 11%;}

.un4_book .ubox .box .video .udh4 li:nth-child(9){top: 59%;left: 63%;width: 14%;}

.un4_book .ubox .box .video .udh4 li.act img{opacity: 1;}

/* partB */

/* 书本朗诵 */

.un4_bookb{}

.un4_bookb .ubox{z-index: 8;}

.un4_bookb .ubox .box{width: 44.8%;height: 68%;margin-top: 6%;background:#2d9dfe;border: 0;padding: 20px;background-size: cover;left: 4.15%;}

.un4_bookb .ubox .box .video .abtn{top: 12%;left: 60%;}

.un4_bookb .ubox .box .video .ubox{position: relative;}

.un4_bookb .ubox .box .video .unbox dd{display: none;} 

.un4_bookb .ubox .box .video .unbox dd:nth-child(1){display: block;}

.un4_bookb .ubox .box .video .unbox dd:nth-child(2) .abtn{top: 5%;left: 55%;width: 8%;}

.un4_bookb .ubox .box .video .unbox dd:nth-child(2) .abtn span{width: 100%;}

.un4_bookb .ubox .box .video .unbox dd:nth-child(3) .abtn{top: 13%;left: 58%;}

.un4_bookb .ubox .box .video .unbox dd:nth-child(4) .abtn{top: 12%;left: 90%;}

.un4_bookb .ubox .box .video .unbox dd:nth-child(5) .abtn{top: 7%;left: 45%;}

.un4_bookb .ubox .box .video .udh1 li{left: 0;top: 0;width: 35%;}

.un4_bookb .ubox .box .video .udh1 li:nth-child(1){left: 8%;top: 15%;}

.un4_bookb .ubox .box .video .udh1 li:nth-child(2){left: 33%;top: 17%;width: 15%;}

.un4_bookb .ubox .box .video .udh1 li:nth-child(3){left: 50%;top: 0%;width: 50%;}

.un4_bookb .ubox .box .video .udh1 li:nth-child(4){left: 48%;top: 20%;width: 32%;}

.un4_bookb .ubox .box .video .udh1 li:nth-child(5){left: 55%;top: 40%;}

.un4_bookb .ubox .box .video .udh1 li:nth-child(6){left: 0%;top: 60%;width: 40%;}

.un4_bookb .ubox .box .video .udh1 li:nth-child(7){left:25%;top: 75%;width: 40%;}

.un4_bookb .ubox .box .video .udh1 li:nth-child(8){left: 60%;top: 60%;width: 32%;}

.un4_bookb .ubox .box .video  #testBox{display: block;position: absolute;top: 0;left: 0;z-index: 9;width: 100%;height: 100%;opacity: 1;}

.un4_bookb .ubox .box .video  #testBox.act{opacity: 0;z-index: -1;}

.un4_bookb .ubox .box .video  #testBox video{display: block;width: 100%;max-width: 100%;object-fit: cover;pointer-events: none;}

.un4_bookb .ubtn{}

.un4_bookb .ubtn span{display: block;width: 12%;position: absolute;cursor: pointer;z-index: 7;}

.un4_bookb .ubtn span:nth-child(1){top: 25%;left: 18.5%;}

.un4_bookb .ubtn span:nth-child(2){top: 53%;left: 20%;}

.un4_bookb .ubtn span:nth-child(3){top: 80%;left: 30%;}

.un4_bookb .ubtn span:nth-child(4){top: 80%;left: 45%;}

.un4_bookb .ubtn span:nth-child(5){top: 80%;left: 60%;}

.un4_bookb .ubtn span:nth-child(6){top: 75%;left: 75%;}

.un4_bookb .ubtn span img{display: block;max-width: 100%;}

.un4_bookb .ubtn span div{position: absolute;top: 0;left: 0;z-index: 2;}

.un4_bookb .ubtn span.act div img {animation: shangxia 1s linear  infinite  alternate;-webkit-animation: shangxia 1s  linear  infinite alternate;}

.un4_bookb .ubox .box .video .udh2{}

.un4_bookb .ubox .box .video .udh2 li{top: 0%;left: 0%;width: 25%;}

.un4_bookb .ubox .box .video .udh2 li:nth-child(1){left: 28%;top: 38%;width: 34%;}

.un4_bookb .ubox .box .video .udh2 li:nth-child(2){left: 55%;top: 44%;width: 34%;}

.un4_bookb .ubox .box .video .udh2 li:nth-child(3){left:0%;top:40% ;}

.un4_bookb .ubox .box .video .udh2 li:nth-child(4){left:5%;top:70% ;}

.un4_bookb .ubox .box .video .udh2 li:nth-child(5){left:0%;top:85% ;}

.un4_bookb .ubox .box .video .udh2 li:nth-child(6){left:40%;top:25% ;}

.un4_bookb .ubox .box .video .udh2 li:nth-child(7){left:80%;top:85% ;}

.un4_bookb .ubox .box .video .ifram{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #fff;z-index: 2;}

.un4_bookb .ubox .box .video .ifram iframe{display: block;width: 100%;height: 100%;}

.un4_bookb .ubox .box .video .spdw{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;padding:20% 0 10%;}

.un4_bookb .ubox .box .video .spdw span{display: block;width: 100%;height: 20%;cursor: pointer; }

.un4_bookb .ubox .box .video .udh3{ position: absolute;top: 55%;left: 55%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);z-index: 3;} 

.un4_bookb .ubox .box .video .udh3 li{position: relative;overflow: hidden;width: 500px;height: 40px;cursor: pointer;margin-bottom: 5px;}

.un4_bookb .ubox .box .video .udh3 li .img{width: 100%;height: 100%;position: absolute;top: 0;right: 0;overflow: hidden;}

.un4_bookb .ubox .box .video .udh3 li .img img{width: 500px;max-width: 500px;position: absolute;top: 0;right: 0;}

.un4_bookb .ubox .box .video .udh3 li .lbtn{position: absolute;top: 0;left: 0;z-index: 2;width: 0%;height: 100%; overflow: hidden;}

.un4_bookb .ubox .box .video .udh3 li .lbtn img{width: 500px;max-width: 500px;}

.un4_bookb .ubox .box .video .udh3 li:nth-child(5){margin-bottom: 20px;}

.un4_bookb .ubox .box .video .udh3 li.act .img{width: 0;}

.un4_bookb .ubox .box .video .udh3 li.act .lbtn{width: 100%;}

.un4_bookb .ubox .box .video .udh4{width: 70%;height: 20%;left: 10%;bottom: 5%;position: absolute;z-index: 3;}

.un4_bookb .ubox .box .video .udh4 li{width: 100%;height: 25%;cursor: pointer;}







/* partC */

.un4_c{}

.un4_c .ubox .box{width: 44.8%;height: 68%;margin-top: 6%;border: 0; border: 20px solid #2d9dfe;max-width: 860px;left: 5%;}

.un4_c .ubox .box .video .abtn{top: 13%;left: 45%;}

.un4_c .ubox .box .video .ubox{position: relative;}

.un4_c .ubox .box .video .unbox dd{display: none;} 

.un4_c .ubox .box .video .unbox dd:nth-child(1){display: block;}

.un4_c .ubox .box .video .udh{}

.un4_c .ubox .box .video .udh1 li{left: 0%;top: 0%;width: 40%;}

.un4_c .ubox .box .video .udh1 li:nth-child(1){top: 25%;left:5%;}

.un4_c .ubox .box .video .udh1 li:nth-child(2){top: 26%;left: 28%;}

.un4_c .ubox .box .video .udh1 li:nth-child(3){top: 20%;left:50%;width: 47%;}

.un4_c .ubox .box .video .udh1 li:nth-child(4){top: 0%;left: 5%;transform-origin: top left;-webkit-transform-origin: top left;width: 40%;}

.un4_c .ubox .box .video .udh1 li:nth-child(5){top: 0%;left: 35%;transform-origin: top left;-webkit-transform-origin: top left;width: 40%;}

.un4_c .ubox .box .video .udh1 li:nth-child(6){top: 0%;left: 60%;transform-origin: top left;-webkit-transform-origin: top left;width: 48%;}

.un4_c .ubox .box .video .udh1 li:nth-child(7){top: 40%;left: 55%;width: 36%;}

.un4_c .ubox .box .video .udh1 li:nth-child(8){top: 45%;left: 5%;width: 34%;}

.un4_c .ubox .box .video .udh1 li:nth-child(9){top: 45%;left: 25%;width: 42%;}

.un4_c .ubox .box .video .udh1 li:nth-child(10){top: 48%;left: 50%;width: 36%;}

.un4_c .ubox .box .video .udh1 li:nth-child(11){top: 50%;left: 74%;width: 26%;}


.un4_c .ubox .box .video  #testBox{display: block;position: absolute;top: 0;left: 0;z-index: 9;width: 100%;height: 100%;opacity: 1;}

.un4_c .ubox .box .video  #testBox.act{opacity: 0;z-index: -1;}

.un4_c .ubox .box .video  #testBox video{display: block;width: 100%;max-width: 100%;object-fit: cover;}

.un4_c .ubox .box .video .unbox dd .next{position: absolute;right: 0;top: 80%;cursor: pointer;z-index: 2;width: 99px;height: 38px;background: url(../images/u1/c/next.png) center no-repeat;}

.un4_c .ubox .box .video .unbox dd .prev{position: absolute;left: 0;top: 80%;cursor: pointer;z-index: 2;width: 99px;height: 38px;background: url(../images/u1/c/prev.png) center no-repeat;}


/* 第五单元 */

.un5 .ubox .box .video .abtn{top: 8%;left: 48%;}

.un5 .ubox .box .video .udh li{top: 0;left: 0;width: 40%;}

.un5 .ubox .box .video .udh li:nth-child(1){left: 3%;top: 30%;}

.un5 .ubox .box .video .udh li:nth-child(2){left: 13%;top: 43%;width: 36%;}

.un5 .ubox .box .video .udh li:nth-child(3){left: 15%;top: 65%;width: 48%;}

.un5 .ubox .box .video .udh li:nth-child(4){left: 61%;top: 17%;width: 35%;transform-origin: right top;-webkit-transform-origin: right top;}

.un5 .ubox .box .video .udh li:nth-child(5){left: 51%;top: 40%;width: 35%;}

.un5 .ubox .box .video .udh li:nth-child(6){left: 51%;top: 60%;width: 35%;}

.un5 .ubox .box .video .udh li:nth-child(7){left: 70%;top: 53%;width: 20%;}

.un5 .ubox .box .video .udh li:nth-child(8){left: 70%;top: 75%;width: 30%;}

/* 书本朗读 */

.un5_book{}

.un5_book .ubox{z-index: 8;}

.un5_book .ubox .box{width: 44.8%;height: 68%;margin-top: 6%;background:#2d9dfe;border: 0;padding: 20px;background-size: cover;left: 4.15%;}

.un5_book .ubox .box .video .abtn{top: 18%;left: 55%;}

.un5_book .ubox .box .video .ubox{position: relative;}

.un5_book .ubox .box .video .unbox dd{display: none;} 

.un5_book .ubox .box .video .unbox dd:nth-child(1){display: block;}

.un5_book .ubox .box .video .unbox dd:nth-child(2) .abtn{top: 4%;left: 55%;width: 5%;}

.un5_book .ubox .box .video .unbox dd:nth-child(2) .abtn span{width: 100%;}

.un5_book .ubox .box .video .unbox dd:nth-child(3) .abtn{top: 5%;left: 68%;}

.un5_book .ubox .box .video .unbox dd:nth-child(4) .abtn{top: 15%;left: 80%;}

.un5_book .ubox .box .video .unbox dd:nth-child(5) .abtn{top: 3%;left: 53%;width: 8%;}

.un5_book .ubox .box .video .unbox dd:nth-child(5) .abtn span{width: 100%;}

.un5_book .ubox .box .video .udh1 li{left: 0;top: 0;width: 40%;}

.un5_book .ubox .box .video .udh1 li:nth-child(1){left: 15%;top: 35%;transform-origin: top left;-webkit-transform-origin: top left;}

.un5_book .ubox .box .video .udh1 li:nth-child(2){left: 10%;top: 45%;width: 45%;}

.un5_book .ubox .box .video .udh1 li:nth-child(3){left: 5%;top: 55%;width: 36%;}

.un5_book .ubox .box .video .udh1 li:nth-child(4){left: 45%;top: 20%;width: 38%;}

.un5_book .ubox .box .video .udh1 li:nth-child(5){left: 55%;top: 40%;width: 42%;}

.un5_book .ubox .box .video .udh1 li:nth-child(6){left: 50%;top: 60%;}

.un5_book .ubox .box .video .udh1 li:nth-child(7){left: 65%;top: 77%;width: 21%;}

.un5_book .ubox .box .video  #testBox{display: block;position: absolute;top: 0;left: 0;z-index: 9;width: 100%;height: 100%;opacity: 1;}

.un5_book .ubox .box .video  #testBox.act{opacity: 0;z-index: -1;}

.un5_book .ubox .box .video  #testBox video{display: block;width: 100%;max-width: 100%;object-fit: cover;pointer-events: none;}

.un5_book .ubtn{}

.un5_book .ubtn span{display: block;width: 12%;position: absolute;cursor: pointer;z-index: 7;}

.un5_book .ubtn span:nth-child(1){top: 25%;left: 18.5%;}

.un5_book .ubtn span:nth-child(2){top: 53%;left: 20%;}

.un5_book .ubtn span:nth-child(3){top: 80%;left: 30%;}

.un5_book .ubtn span:nth-child(4){top: 80%;left: 45%;}

.un5_book .ubtn span:nth-child(5){top: 80%;left: 60%;}

.un5_book .ubtn span:nth-child(6){top: 75%;left: 75%;}

.un5_book .ubtn span img{display: block;max-width: 100%;}

.un5_book .ubtn span div{position: absolute;top: 0;left: 0;z-index: 2;}

.un5_book .ubtn span.act div img {animation: shangxia 1s linear  infinite  alternate;-webkit-animation: shangxia 1s  linear  infinite alternate;}

.un5_book .ubox .box .video .udh2{}

.un5_book .ubox .box .video .udh2 li{top: 0%;left: 0%;width: 20%;}

.un5_book .ubox .box .video .udh2 li:nth-child(1){left: 7%;top:7%;width: 50%;}

.un5_book .ubox .box .video .udh2 li:nth-child(2){left: 10%;top: 25%;width: 38%;}

.un5_book .ubox .box .video .udh2 li:nth-child(3){left: 60%;top: 10%;width: 46%;}

.un5_book .ubox .box .video .udh2 li:nth-child(4){left: 7%;top: 45%;}

.un5_book .ubox .box .video .udh2 li:nth-child(5){left: 23%;top: 45%;}

.un5_book .ubox .box .video .udh2 li:nth-child(6){left: 7%;top: 60%;}

.un5_book .ubox .box .video .udh2 li:nth-child(7){left: 23%;top: 60%;}

.un5_book .ubox .box .video .udh2 li:nth-child(8){left: 11%;top: 68%;}

.un5_book .ubox .box .video .udh2 li:nth-child(9){left: 45%;top: 46%;}

.un5_book .ubox .box .video .udh2 li:nth-child(10){left: 60%;top: 46%;}

.un5_book .ubox .box .video .udh2 li:nth-child(11){left: 45%;top: 59%;}

.un5_book .ubox .box .video .udh2 li:nth-child(12){left: 60%;top: 59%;}

.un5_book .ubox .box .video .udh2 li:nth-child(13){left: 55%;top: 69%;}

.un5_book .ubox .box .video .ifram{width: 100%;height: 100%;position: absolute;top: 0%;left: 0;background: #fff;z-index: 2;}

.un5_book .ubox .box .video .ifram2{top: 0;}

.un5_book .ubox .box .video .ifram iframe{display: block;width: 100%;height: 100%;}

.un5_book .ubox .box .video .spdw{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;padding:19% 25% 5%;}

.un5_book .ubox .box .video .spdw span{display: block;width: 100%;height: 20%;cursor: pointer; }

.un5_book .ubox .box .video .udh3{}

.un5_book .ubox .box .video .udh3 li{top: 0%;left: 0%;width: 4%;;}

.un5_book .ubox .box .video .udh3 li:nth-child(1){left: 7%;top: 70%;}

.un5_book .ubox .box .video .udh3 li:nth-child(2){left: 9.5%;top: 70%;}

.un5_book .ubox .box .video .udh3 li:nth-child(3){left: 33%;top: 70%;}

.un5_book .ubox .box .video .udh3 li:nth-child(4){left: 35%;top: 70.3%;}

.un5_book .ubox .box .video .udh3 li:nth-child(5){left: 56%;top: 70%;}

.un5_book .ubox .box .video .udh3 li:nth-child(6){left: 58%;top: 69.5%;}

.un5_book .ubox .box .video .udh3 li:nth-child(7){left: 60%;top: 69.8%;}

.un5_book .ubox .box .video .udh3 li:nth-child(8){left: 82%;top: 70%;}

.un5_book .ubox .box .video .udh3 li:nth-child(9){left: 84%;top: 70%;}

.un5_book .ubox .box .video .udh3 li.act{transform: scale(0.55);-webkit-transform: scale(0.55);}

.un5_book .ubox .box .video .udh4{height: 30%; position: absolute;width: 100%;top: 50%;left: 0;transform:translateY(-50%);-webkit-transform:translateY(-50%);z-index: 3;padding: 0 7% 0 12%;} 

.un5_book .ubox .box .video .udh4 li{width:20%;float: left;position: relative;height: 100%;}

.un5_book .ubox .box .video .udh4 li > img{width: 100%;height: 100%; cursor: pointer;}

.un5_book .ubox .box .video .udh4 li .lbtn{}

.un5_book .ubox .box .video .udh4 li .lbtn span{display: block;position: absolute;top: 25%;left: 25%;width: 30%;cursor: pointer;}

.un5_book .ubox .box .video .udh4 li .lbtn span:nth-child(2){left: 60%;top: 20%;}

.un5_book .ubox .box .video .udh4 li:nth-child(2) .lbtn span{top: 40%;left: 20%;}

.un5_book .ubox .box .video .udh4 li:nth-child(2) .lbtn span:nth-child(2){left: 50%;top: 45%;}

.un5_book .ubox .box .video .udh4 li:nth-child(3) .lbtn span{top: 20%;left: 20%;}

.un5_book .ubox .box .video .udh4 li:nth-child(3) .lbtn span:nth-child(2){left: 65%;top: 20%;}

.un5_book .ubox .box .video .udh4 li:nth-child(4) .lbtn span{top: 47%;left: 20%;}

.un5_book .ubox .box .video .udh4 li:nth-child(4) .lbtn span:nth-child(2){left: 60%;top: 40%;}

.un5_book .ubox .box .video .udh4 li:nth-child(5) .lbtn span{top: 20%;left: 5%;}

.un5_book .ubox .box .video .udh4 li:nth-child(5) .lbtn span:nth-child(2){left: 35%;top: 15%;}


.un5_book .ubox .box .video .udh4 li .lbtn span img{display: block;width: 100%;opacity: 0;}

.un5_book .ubox .box .video .udh4 li .lbtn span.act img{opacity: 1;}

/* partC */

.un5_c{}

.un5_c .ubox .box{width: 44.8%;height: 68%;margin-top: 6%;border: 0; border: 20px solid #2d9dfe;max-width: 860px;left: 5%;}

.un5_c .ubox .box .video .abtn{top: 25%;left: 60%;}

.un5_c .ubox .box .video .ubox{position: relative;}

.un5_c .ubox .box .video .unbox dd{display: none;} 

.un5_c .ubox .box .video .unbox dd:nth-child(1){display: block;}

.un5_c .ubox .box .video .udh{}

.un5_c .ubox .box .video .udh1 li{left: 0%;top: 0%;width: 40%;}

.un5_c .ubox .box .video .udh1 li:nth-child(1){top: 30%;left:5%;width: 42%;}

.un5_c .ubox .box .video .udh1 li:nth-child(2){top: 33%;left: 25%;width: 40%;}

.un5_c .ubox .box .video .udh1 li:nth-child(3){top: 27%;left:48%;width: 30%;}

.un5_c .ubox .box .video .udh1 li:nth-child(4){top: 30%;left: 57%;width: 40%;transform-origin: top right;-webkit-transform-origin: top right;}

.un5_c .ubox .box .video .udh1 li:nth-child(5){top: 0%;left: 15%;transform-origin: top left;-webkit-transform-origin: top left;width: 34%;}

.un5_c .ubox .box .video .udh1 li:nth-child(6){top: 10%;left: 36%;transform-origin: top left;-webkit-transform-origin: top left;width: 26%;}

.un5_c .ubox .box .video .udh1 li:nth-child(7){top: 2%;left: 51%;transform-origin: top left;-webkit-transform-origin: top left;width: 32%;}

.un5_c .ubox .box .video .udh1 li:nth-child(8){top: 5%;left: 68%;transform-origin: top left;-webkit-transform-origin: top left;width: 35%;}

.un5_c .ubox .box .video .udh1 li:nth-child(9){top: 35%;left: 7%;}

.un5_c .ubox .box .video .udh1 li:nth-child(10){top: 45%;left: 40%;width: 22%;}

.un5_c .ubox .box .video  #testBox{display: block;position: absolute;top: 0;left: 0;z-index: 9;width: 100%;height: 100%;opacity: 1;}

.un5_c .ubox .box .video  #testBox.act{opacity: 0;z-index: -1;}

.un5_c .ubox .box .video  #testBox video{display: block;width: 100%;max-width: 100%;object-fit: cover;}

.un5_c .ubox .box .video .unbox dd .next{position: absolute;right: 0;top: 80%;cursor: pointer;z-index: 2;width: 99px;height: 38px;background: url(../images/u1/c/next.png) center no-repeat;}

.un5_c .ubox .box .video .unbox dd .prev{position: absolute;left: 0;top: 80%;cursor: pointer;z-index: 2;width: 99px;height: 38px;background: url(../images/u1/c/prev.png) center no-repeat;}

/* 书本朗读 */

.un5_bookb{}

.un5_bookb .ubox{z-index: 8;}

.un5_bookb .ubox .box{width: 44.8%;height: 68%;margin-top: 6%;background:#2d9dfe;border: 0;padding: 20px;background-size: cover;left: 4.15%;}

.un5_bookb .ubox .box .video .abtn{top: 15%;left: 53%;}

.un5_bookb .ubox .box .video .ubox{position: relative;}

.un5_bookb .ubox .box .video .unbox dd{display: none;} 

.un5_bookb .ubox .box .video .unbox dd:nth-child(1){display: block;}

.un5_bookb .ubox .box .video .unbox dd:nth-child(2) .abtn{top: 9%;left: 50%;width: 5%;}

.un5_bookb .ubox .box .video .unbox dd:nth-child(2) .abtn span{width: 100%;}

.un5_bookb .ubox .box .video .unbox dd:nth-child(3) .abtn{top: 7%;left: 50%;}

.un5_bookb .ubox .box .video .unbox dd:nth-child(4) .abtn{top: 2%;left: 63%;}

.un5_bookb .ubox .box .video .unbox dd:nth-child(5) .abtn{top: 13%;left: 60%;}

.un5_bookb .ubox .box .video .unbox dd:nth-child(6) .abtn{top: 9%;left: 60%;}

.un5_bookb .ubox .box .video .udh1 li{left: 0;top: 0;width: 35%;}

.un5_bookb .ubox .box .video .udh1 li:nth-child(1){left: 0%;top: 23%;}

.un5_bookb .ubox .box .video .udh1 li:nth-child(2){left: 25%;top: 38%;width: 21%;}

.un5_bookb .ubox .box .video .udh1 li:nth-child(3){left: 40%;top: 17%;}

.un5_bookb .ubox .box .video .udh1 li:nth-child(4){left: 65%;top: 18%;width: 35%;}

.un5_bookb .ubox .box .video .udh1 li:nth-child(5){left: 50%;top:55%;width: 34%;}

.un5_bookb .ubox .box .video .udh1 li:nth-child(6){left: 65%;top:85%;width: 28%;}

/* .un5_bookb .ubox .box .video .udh li.act{transform: scale(0.55); -webkit-transform: scale(0.55);} */

.un5_bookb .ubox .box .video  #testBox{display: block;position: absolute;top: 0;left: 0;z-index: 9;width: 100%;height: 100%;opacity: 1;}

.un5_bookb .ubox .box .video  #testBox.act{opacity: 0;z-index: -1;}

.un5_bookb .ubox .box .video  #testBox video{display: block;width: 100%;max-width: 100%;object-fit: cover;pointer-events: none;}

.un5_bookb .ubtn{}

.un5_bookb .ubtn span{display: block;width: 12%;position: absolute;cursor: pointer;z-index: 7;}

.un5_bookb .ubtn span:nth-child(1){top: 25%;left: 18.5%;}

.un5_bookb .ubtn span:nth-child(2){top: 53%;left: 20%;}

.un5_bookb .ubtn span:nth-child(3){top: 80%;left: 30%;}

.un5_bookb .ubtn span:nth-child(4){top: 80%;left: 45%;}

.un5_bookb .ubtn span:nth-child(5){top: 80%;left: 60%;}

.un5_bookb .ubtn span:nth-child(6){top: 75%;left: 75%;}

.un5_bookb .ubtn span img{display: block;max-width: 100%;}

.un5_bookb .ubtn span div{position: absolute;top: 0;left: 0;z-index: 2;}

.un5_bookb .ubtn span.act div img {animation: shangxia 1s linear  infinite  alternate;-webkit-animation: shangxia 1s  linear  infinite alternate;}

.un5_bookb .ubox .box .video .udh2{}

.un5_bookb .ubox .box .video .udh2 li{top: 0%;left: 0%;width: 24%;}

.un5_bookb .ubox .box .video .udh2 li:nth-child(1){left: 10%;top: 25%;width: 42%;}

.un5_bookb .ubox .box .video .udh2 li:nth-child(2){left: 38%;top: 28%;width: 60%;}

.un5_bookb .ubox .box .video .udh2 li:nth-child(3){left: 0%;top: 90%;transform-origin: top left;-webkit-transform-origin: top left;}

.un5_bookb .ubox .box .video .udh2 li:nth-child(4){left: 32%;top: 65%;width: 20%;}

.un5_bookb .ubox .box .video .udh2 li:nth-child(5){left: 32%;top: 87%;width: 20%;}

.un5_bookb .ubox .box .video .udh2 li:nth-child(6){left: 32%;top: 92%;width: 20%;}

.un5_bookb .ubox .box .video .udh2 li:nth-child(7){left: 57%;top: 73%;width: 20%;}

.un5_bookb .ubox .box .video .ifram{width: 100%;height: 100%;position: absolute;top: 10%;left: 0;background: #fff;z-index: 2;}

.un5_bookb .ubox .box .video .ifram2{top: 0;}

.un5_bookb .ubox .box .video .ifram iframe{display: block;width: 100%;height: 100%;}

.un5_bookb .ubox .box .video .spdw{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;padding:36% 10% 3%;}

.un5_bookb .ubox .box .video .spdw span{display: block;width: 33.33%;height: 20%;cursor: pointer; float: left;margin-bottom: 27%;}

.un5_bookb .ubox .box .video .udh3{height: 10%;top: 90%;}

.un5_bookb .ubox .box .video .udh3 li{top: 0%;left: 22%;width: 6%;}

.un5_bookb .ubox .box .video .udh3 li img{opacity: 0;}

.un5_bookb .ubox .box .video .udh3 li:nth-child(2){left: 37.5%;}

.un5_bookb .ubox .box .video .udh3 li:nth-child(3){left: 53%;}

.un5_bookb .ubox .box .video .udh3 li:nth-child(4){left: 68%;}

.un5_bookb .ubox .box .video .udh3 li:nth-child(5){left: 83.5%;}

.un5_bookb .ubox .box .video .udh3 li.act img{opacity: 1;}

.un5_bookb .ubox .box .video .udh4{height: 38%; position: absolute;width: 100%;top: 50%;left: 0;transform:translateY(-50%);-webkit-transform:translateY(-50%);z-index: 3;padding: 0 5%;} 

.un5_bookb .ubox .box .video .udh4 li{width: 25%;height: 100%;float: left;overflow: hidden;position: relative;cursor: pointer;}

.un5_bookb .ubox .box .video .udh4 li .img{display: block;width: 100%;height: 100%;}

.un5_bookb .ubox .box .video .udh4 li span{display: block;position: absolute;top: 35%;left: 71%;z-index: 2;width: 20%;overflow: hidden;}

.un5_bookb .ubox .box .video .udh4 li span img{width: 100%;position: relative;opacity: 0;}

.un5_bookb .ubox .box .video .udh4 li span.act img{opacity: 1;}

.un5_bookb .ubox .box .video .udh4 li span:nth-child(3){top: 80%;}

.un5_bookb .ubox .box .video .udh4 li:nth-child(2) span{left: 73%;}

.un5_bookb .ubox .box .video .udh4 li:nth-child(3) span{left: 76%;}

.un5_bookb .ubox .box .video .udh4 li:nth-child(4) span{left: 78%;}

.un5_bookb .ubox .box .video .udh5{ width: 500px; position: absolute;top: 55%;left: 60%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);z-index: 3;} 

.un5_bookb .ubox .box .video .udh5 li{position: relative;overflow: hidden;width: 250px;height: 30px;cursor: pointer;margin-bottom: 10px;float: left;}

.un5_bookb .ubox .box .video .udh5 li .img{width: 100%;height: 100%;position: absolute;top: 0;right: 0;overflow: hidden;}

.un5_bookb .ubox .box .video .udh5 li .img img{width: 250px;max-width: 250px;position: absolute;top: 0;right: 0;}

.un5_bookb .ubox .box .video .udh5 li .lbtn{position: absolute;top: 0;left: 0;z-index: 2;width: 0%;height: 100%; overflow: hidden;}

.un5_bookb .ubox .box .video .udh5 li .lbtn img{width: 250px;max-width: 250px;}

.un5_bookb .ubox .box .video .udh5 li:nth-child(1),.un5_bookb .ubox .box .video .udh5 li:nth-child(1) .img img,.un5_bookb .ubox .box .video .udh5 li:nth-child(1) .lbtn img{width: 300px;max-width: 300px;}

.un5_bookb .ubox .box .video .udh5 li:nth-child(1){margin-left: 100px;margin-bottom: 20px;}

.un5_bookb .ubox .box .video .udh5 li:nth-child(2n){float: right;}

.un5_bookb .ubox .box .video .udh5 li.act .img{width: 0;}

.un5_bookb .ubox .box .video .udh5 li.act .lbtn{width: 100%;}



/*复习二 */

.rec2{}

.rec2 .ubox{z-index: 8;}

.rec2 .ubox .box{width: 44.8%;height: 68%;margin-top: 6%;background:#2d9dfe;border: 0;padding: 20px;background-size: cover;left: 4.15%;}

.rec2 .ubox .box .video .abtn{top: 27%;left: 40%;}

.rec2 .ubox .box .video .ubox{position: relative;}

.rec2 .ubox .box .video .unbox dd{display: none;} 

.rec2 .ubox .box .video .unbox dd:nth-child(1){display: block;}

.rec2 .ubox .box .video .unbox dd:nth-child(2) .abtn{top: 5%;left: 75%;width: 8%;}

.rec2 .ubox .box .video .unbox dd:nth-child(2) .abtn span{width: 100%;}

.rec2 .ubox .box .video .unbox dd:nth-child(3) .abtn{top: 13%;left: 65%;}

.rec2 .ubox .box .video .unbox dd:nth-child(4) .abtn{top: 8%;left: 63%;}

.rec2 .ubox .box .video  #testBox{display: block;position: absolute;top: 0;left: 0;z-index: 9;width: 100%;height: 100%;opacity: 1;}

.rec2 .ubox .box .video  #testBox.act{opacity: 0;z-index: -1;}

.rec2 .ubox .box .video  #testBox video{display: block;width: 100%;max-width: 100%;object-fit: cover;pointer-events: none;}

.rec2 .ubtn{}

.rec2 .ubtn span{display: block;width: 12%;position: absolute;cursor: pointer;z-index: 7;}

.rec2 .ubtn span:nth-child(1){top: 25%;left: 18.5%;}

.rec2 .ubtn span:nth-child(2){top: 53%;left: 20%;}

.rec2 .ubtn span:nth-child(3){top: 80%;left: 30%;}

.rec2 .ubtn span:nth-child(4){top: 80%;left: 45%;}

.rec2 .ubtn span:nth-child(5){top: 80%;left: 60%;}

.rec2 .ubtn span:nth-child(6){top: 75%;left: 75%;}

.rec2 .ubtn span img{display: block;max-width: 100%;}

.rec2 .ubtn span div{position: absolute;top: 0;left: 0;z-index: 2;}

.rec2 .ubtn span.act div img {animation: shangxia 1s linear  infinite  alternate;-webkit-animation: shangxia 1s  linear  infinite alternate;}

.rec2 .ubox .box .video .ifram{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #fff;z-index: 2;}

.rec2 .ubox .box .video .ifram iframe{display: block;width: 100%;height: 100%;}

.rec2 .ubox .box .video .udh{}

.rec2 .ubox .box .video .udh1 li{left: 0%;top: 0%;width: 38%;}

.rec2 .ubox .box .video .udh1 li:nth-child(1){top: 25%;left:25%;}

.rec2 .ubox .box .video .udh1 li:nth-child(2){top: 30%;left:0%;}

.rec2 .ubox .box .video .udh1 li:nth-child(3){top: 40%;left:35%;width: 54%;}

.rec2 .ubox .box .video .udh1 li:nth-child(4){top: 50%;left:70%;}

.rec2 .ubox .box .video .udh1 li:nth-child(5){top: 0%;left:0%;width: 32%;}

.rec2 .ubox .box .video .udh1 li:nth-child(6){top:13%;left:24%;}

.rec2 .ubox .box .video .udh1 li:nth-child(7){top: 40%;left:5%;width: 40%;}

.rec2 .ubox .box .video .udh1 li:nth-child(8){top: 45%;left:28%;width: 42%;}

.rec2 .ubox .box .video .udh1 li:nth-child(9){top: 8%;left:45%;width: 50%;}

.rec2 .ubox .box .video .udh1 li:nth-child(10){top: 25%;left:55%;width: 34%;}

.rec2 .ubox .box .video .udh1 li:nth-child(11){top: 42%;left:53%;width:40% ;}

.rec2 .ubox .box .video .udh1 li:nth-child(12){top: 15%;left:3%;transform-origin: top left;-webkit-transform-origin: top left;}

.rec2 .ubox .box .video .udh1 li:nth-child(13){top: 20%;left:0%;}

.rec2 .ubox .box .video .udh1 li:nth-child(14){top: 5%;left:15%;}

.rec2 .ubox .box .video .udh1 li:nth-child(15){top: 49%;left:8%;}

.rec2 .ubox .box .video .udh1 li:nth-child(16){top: 10%;left:47%;width: 30%;transform-origin: top left;-webkit-transform-origin: top left;}

.rec2 .ubox .box .video .udh1 li:nth-child(17){top: 10%;left:50%;width: 50%;}


.rec2 .ubox .box .video .unbox dd .next{position: absolute;right: 0;top: 80%;cursor: pointer;z-index: 2;width: 99px;height: 38px;background: url(../images/u1/c/next.png) center no-repeat;}

.rec2 .ubox .box .video .unbox dd .prev{position: absolute;left: 0;top: 80%;cursor: pointer;z-index: 2;width: 99px;height: 38px;background: url(../images/u1/c/prev.png) center no-repeat;}

.rec2 .ubox .box .video .unbox dd .next2{position: absolute;right: 0;top: 80%;cursor: pointer;z-index: 2;width: 99px;height: 38px;background: url(../images/u1/c/next.png) center no-repeat;}

.rec2 .ubox .box .video .unbox dd .prev2{position: absolute;left: 0;top: 80%;cursor: pointer;z-index: 2;width: 99px;height: 38px;background: url(../images/u1/c/prev.png) center no-repeat;}

.rec2 .ubox .box .video .udh2{width: 100%;height: 35%;top: 25%;right: 0%;z-index: 3;position: absolute;}

.rec2 .ubox .box .video .udh2 li{position: absolute;width: 10%;height: 15%;top: 0;left: 0;}

.rec2 .ubox .box .video .udh2 li input{display: block;width: 100%;border: 0;background: none;height: 100%;outline: none;font-size: 20px;font-family: com;font-weight: bold;}

.rec2 .ubox .box .video .udh2 li:nth-child(1){top: -5%;left: 24%;}

.rec2 .ubox .box .video .udh2 li:nth-child(2){top: -5%;left: 72%;}

.rec2 .ubox .box .video .udh2 li:nth-child(3){top: 12%;left: 20%;}

.rec2 .ubox .box .video .udh2 li:nth-child(4){top: 42%;left: 15%;}

.rec2 .ubox .box .video .udh2 li:nth-child(5){top: 75%;left: 30%;}

.rec2 .ubox .box .video .udh2 li:nth-child(6){top: 75%;left: 70%;}


.rec2 .ubox .box .video .udh3{ position: absolute;top: 50%;left: 45%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);z-index: 3;} 

.rec2 .ubox .box .video .udh3 li{position: relative;overflow: hidden;width: 600px;height: 40px;cursor: pointer;margin-bottom: 10px;}

.rec2 .ubox .box .video .udh3 li .img{width: 100%;height: 100%;position: absolute;top: 0;right: 0;overflow: hidden;}

.rec2 .ubox .box .video .udh3 li .img img{width: 600px;max-width: 600px;position: absolute;top: 0;right: 0;}

.rec2 .ubox .box .video .udh3 li .lbtn{position: absolute;top: 0;left: 0;z-index: 2;width: 0%;height: 100%; overflow: hidden;}

.rec2 .ubox .box .video .udh3 li .lbtn img{width: 600px;max-width: 600px;}

.rec2 .ubox .box .video .udh3 li.act .img{width: 0;}

.rec2 .ubox .box .video .udh3 li.act .lbtn{width: 100%;}

.rec2 .ubox .box .video .udh3 li:nth-child(1){margin-bottom: 20px;}



/* 第六单元 */

.un6 .ubox .box .video .abtn{top: 8%;left: 46%;}

.un6 .ubox .box .video .udh li{top: 0;left: 0;width: 40%;}

.un6 .ubox .box .video .udh li:nth-child(1){left: 2%;top: 50%;transform-origin: top left;-webkit-transform-origin: top left;}

.un6 .ubox .box .video .udh li:nth-child(2){top: 65%;left: 7%;width: 13%;}

.un6 .ubox .box .video .udh li:nth-child(3){top: 78%;left: 5%;width: 13%;}

.un6 .ubox .box .video .udh li:nth-child(4){top: 48%;left: 25%;width: 32%;}

.un6 .ubox .box .video .udh li:nth-child(5){top: 56%;left: 13%;width: 30%;}

.un6 .ubox .box .video .udh li:nth-child(6){top: 69%;left: 17%;width: 23%;}

.un6 .ubox .box .video .udh li:nth-child(7){top: 83%;left: 14%;width: 27%;}

.un6 .ubox .box .video .udh li:nth-child(8){top: 52%;left: 48%;width: 40%;}


/* 书本朗读 */

.un6_book{}

.un6_book .ubox{z-index: 8;}

.un6_book .ubox .box{width: 44.8%;height: 68%;margin-top: 6%;background:#2d9dfe;border: 0;padding: 20px;background-size: cover;left: 4.15%;}

.un6_book .ubox .box .video .abtn{top: 15%;left: 45%;}

.un6_book .ubox .box .video .ubox{position: relative;}

.un6_book .ubox .box .video .unbox dd{display: none;} 

.un6_book .ubox .box .video .unbox dd:nth-child(1){display: block;}

.un6_book .ubox .box .video .unbox dd:nth-child(2) .abtn{top: 10%;left: 53%;width: 5%;}

.un6_book .ubox .box .video .unbox dd:nth-child(2) .abtn span{width: 100%;}

.un6_book .ubox .box .video .unbox dd:nth-child(3) .abtn{top: 13%;left: 75%;}

.un6_book .ubox .box .video .unbox dd:nth-child(4) .abtn{top: 5%;left: 60%;}

.un6_book .ubox .box .video .unbox dd:nth-child(5) .abtn{top: 11%;left: 90%;}

.un6_book .ubox .box .video .udh1 li{left: 0;top: 0;width: 33%;}

.un6_book .ubox .box .video .udh1 li:nth-child(1){left: 10%;top: 23%;transform-origin: top left;-webkit-transform-origin: top left;}

.un6_book .ubox .box .video .udh1 li:nth-child(2){left: 30%;top: 16%;width: 25%;}

.un6_book .ubox .box .video .udh1 li:nth-child(3){left: 47%;top: 18%;width:30%;}

.un6_book .ubox .box .video .udh1 li:nth-child(4){left: 72%;top: 22%;width:13%;}

.un6_book .ubox .box .video .udh1 li:nth-child(5){left: 0%;top: 52%;width:45%;}

.un6_book .ubox .box .video .udh1 li:nth-child(6){left: 35%;top: 57%;width:24%;}

.un6_book .ubox .box .video .udh1 li:nth-child(7){left: 50%;top: 59%;width:39%;}

.un6_book .ubox .box .video  #testBox{display: block;position: absolute;top: 0;left: 0;z-index: 9;width: 100%;height: 100%;opacity: 1;}

.un6_book .ubox .box .video  #testBox.act{opacity: 0;z-index: -1;}

.un6_book .ubox .box .video  #testBox video{display: block;width: 100%;max-width: 100%;object-fit: cover;pointer-events: none;}

.un6_book .ubtn{}

.un6_book .ubtn span{display: block;width: 12%;position: absolute;cursor: pointer;z-index: 7;}

.un6_book .ubtn span:nth-child(1){top: 25%;left: 18.5%;}

.un6_book .ubtn span:nth-child(2){top: 53%;left: 20%;}

.un6_book .ubtn span:nth-child(3){top: 80%;left: 30%;}

.un6_book .ubtn span:nth-child(4){top: 80%;left: 45%;}

.un6_book .ubtn span:nth-child(5){top: 80%;left: 60%;}

.un6_book .ubtn span:nth-child(6){top: 75%;left: 75%;}

.un6_book .ubtn span img{display: block;max-width: 100%;}

.un6_book .ubtn span div{position: absolute;top: 0;left: 0;z-index: 2;}

.un6_book .ubtn span.act div img {animation: shangxia 1s linear  infinite  alternate;-webkit-animation: shangxia 1s  linear  infinite alternate;}

.un6_book .ubox .box .video .udh2{}

.un6_book .ubox .box .video .udh2 li{top: 0%;left: 0%;width: 24%;}

.un6_book .ubox .box .video .udh2 li:nth-child(1){left: 10%;top:25%;width: 50%;}

.un6_book .ubox .box .video .udh2 li:nth-child(2){left: 36%;top:80%;}

.un6_book .ubox .box .video .udh2 li:nth-child(3){left: 44%;top:85%;}

.un6_book .ubox .box .video .udh2 li:nth-child(4){left: 52%;top:44%;}

.un6_book .ubox .box .video .udh2 li:nth-child(5){left: 62%;top:86%;}

.un6_book .ubox .box .video .udh2 li:nth-child(6){left: 67%;top:78%;width: 34%;}

.un6_book .ubox .box .video .udh4{height: 30%; position: absolute;width: 100%;top: 50%;left: 0;transform:translateY(-50%);-webkit-transform:translateY(-50%);z-index: 3;padding: 0 10% ;} 

.un6_book .ubox .box .video .udh4 li{width:30%;float: left;position: relative;height: 100%;margin-right: 5%;}

.un6_book .ubox .box .video .udh4 li:last-child{margin-right: 0;}

.un6_book .ubox .box .video .udh4 li > img{width: 100%;height: 100%; cursor: pointer;}

.un6_book .ubox .box .video .udh4 li .lbtn{}

.un6_book .ubox .box .video .udh4 li .lbtn span{display: block;position: absolute;width: 40%;cursor: pointer;height: 25%;overflow: hidden;top: 0;left: 0;}

.un6_book .ubox .box .video .udh4 li .lbtn span img{display: block;width: 100%;opacity: 0;height: 100%;}

.un6_book .ubox .box .video .udh4 li .lbtn span:nth-child(1){top: 20%;left: 19%;}

.un6_book .ubox .box .video .udh4 li .lbtn span:nth-child(2){top: 20%;left: 50%;}

.un6_book .ubox .box .video .udh4 li .lbtn span:nth-child(3){top: 40%;left: 19%;}

.un6_book .ubox .box .video .udh4 li .lbtn span:nth-child(4){top: 40%;left: 50%;}

.un6_book .ubox .box .video .udh4 li .lbtn span:nth-child(5){top: 60%;left: 19%;}

.un6_book .ubox .box .video .udh4 li .lbtn span:nth-child(6){top: 60%;left: 50%;}

.un6_book .ubox .box .video .udh4 li .lbtn span.act img{opacity: 1;}

.un6_book .ubox .box .video .udh3{ position: absolute;top: 45%;left: 30%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);z-index: 3;} 

.un6_book .ubox .box .video .udh3 li{position: relative;overflow: hidden;width: 400px;height: 40px;cursor: pointer;}

.un6_book .ubox .box .video .udh3 li .img{width: 100%;height: 100%;position: absolute;top: 0;right: 0;overflow: hidden;}

.un6_book .ubox .box .video .udh3 li .img img{width: 400px;max-width: 400px;position: absolute;top: 0;right: 0;}

.un6_book .ubox .box .video .udh3 li .lbtn{position: absolute;top: 0;left: 0;z-index: 2;width: 0%;height: 100%; overflow: hidden;}

.un6_book .ubox .box .video .udh3 li .lbtn img{width: 400px;max-width: 400px;}

.un6_book .ubox .box .video .udh3 li.act .img{width: 0;}

.un6_book .ubox .box .video .udh3 li.act .lbtn{width: 100%;}

.un6_book .ubox .box .video .udh5{width: 100%;height: 35%;top: 34%;right: 0%;z-index: 3;position: absolute;}

.un6_book .ubox .box .video .udh5 li{position: absolute;width: 10%;height: 15%;top: 0;left: 0;}

.un6_book .ubox .box .video .udh5 li input{display: block;width: 100%;border: 0;background: none;height: 100%;outline: none;font-size: 22px;font-family: com;}

.un6_book .ubox .box .video .udh5 li:nth-child(1){top: 10%;left: 12%;}

.un6_book .ubox .box .video .udh5 li:nth-child(2){top: 10%;left: 20%;}

.un6_book .ubox .box .video .udh5 li:nth-child(3){top: 10%;left: 27.5%;}

.un6_book .ubox .box .video .udh5 li:nth-child(4){top: 10%;left: 35%;}

.un6_book .ubox .box .video .udh5 li:nth-child(5){top: 25%;left: 44%;}

.un6_book .ubox .box .video .udh5 li:nth-child(6){top: 40%;left: 44%;}

.un6_book .ubox .box .video .udh5 li:nth-child(7){top: 10%;left: 51%;}

.un6_book .ubox .box .video .udh5 li:nth-child(8){top: 10%;left: 59%;}

.un6_book .ubox .box .video .udh5 li:nth-child(9){top: 25%;left: 59%;}

.un6_book .ubox .box .video .udh5 li:nth-child(10){top: 10%;left: 66%;}

.un6_book .ubox .box .video .udh5 li:nth-child(11){top: 25%;left: 66%;}

.un6_book .ubox .box .video .udh5 li:nth-child(12){top: 40%;left: 68%;}

.un6_book .ubox .box .video .udh5 li:nth-child(13){top: 10%;left: 74%;}

.un6_book .ubox .box .video .udh5 li:nth-child(14){top: 10%;left: 82%;}

.un6_book .ubox .box .video .udh5 li:nth-child(15){top: 25%;left: 82%;}

/* partC */

.un6_c{}

.un6_c .ubox .box{width: 44.8%;height: 68%;margin-top: 6%;border: 0; border: 20px solid #2d9dfe;max-width: 860px;left: 5%;}

.un6_c .ubox .box .video .abtn{top: 15%;left: 55%;}

.un6_c .ubox .box .video .ubox{position: relative;}

.un6_c .ubox .box .video .unbox dd{display: none;} 

.un6_c .ubox .box .video .unbox dd:nth-child(1){display: block;}

.un6_c .ubox .box .video .udh{}

.un6_c .ubox .box .video .udh1 li{left: 0%;top: 0%;width: 30%;}

.un6_c .ubox .box .video .udh1 li:nth-child(1){top: 23%;left:25%;}

.un6_c .ubox .box .video .udh1 li:nth-child(2){top: 25%;left:43%;}

.un6_c .ubox .box .video .udh1 li:nth-child(3){top: 37%;left:48%;width: 36%;}

.un6_c .ubox .box .video .udh1 li:nth-child(4){top: 65%;left:5%;width: 32%;}

.un6_c .ubox .box .video .udh1 li:nth-child(5){top: 75%;left:35%;width: 22%;}

.un6_c .ubox .box .video .udh1 li:nth-child(6){top: 83%;left:30%;width: 16%;}

.un6_c .ubox .box .video .udh1 li:nth-child(7){top: 62%;left:53%;}

.un6_c .ubox .box .video .udh1 li:nth-child(8){top: 81%;left:57%;width: 24%;}

.un6_c .ubox .box .video .udh1 li:nth-child(9){top: 35%;left:0%;width: 34%;}

.un6_c .ubox .box .video .udh1 li:nth-child(10){top: 49%;left:25%;width: 30%;}

.un6_c .ubox .box .video .udh1 li:nth-child(11){top: 59%;left:10%;width: 17%;}

.un6_c .ubox .box .video .udh1 li:nth-child(12){top: 10%;left:37%;width: 36%;}

.un6_c .ubox .box .video .udh1 li:nth-child(13){top: 30%;left:55%;width: 26%;}

.un6_c .ubox .box .video .udh1 li:nth-child(14){top: 62%;left:60%;width: 19%;}


.un6_c .ubox .box .video  #testBox{display: block;position: absolute;top: 0;left: 0;z-index: 9;width: 100%;height: 100%;opacity: 1;}

.un6_c .ubox .box .video  #testBox.act{opacity: 0;z-index: -1;}

.un6_c .ubox .box .video  #testBox video{display: block;width: 100%;max-width: 100%;object-fit: cover;}

.un6_c .ubox .box .video .unbox dd .next{position: absolute;right: 0;top: 80%;cursor: pointer;z-index: 2;width: 99px;height: 38px;background: url(../images/u1/c/next.png) center no-repeat;}

.un6_c .ubox .box .video .unbox dd .prev{position: absolute;left: 0;top: 80%;cursor: pointer;z-index: 2;width: 99px;height: 38px;background: url(../images/u1/c/prev.png) center no-repeat;}



/* 书本朗读 */

.un6_bookb{}

.un6_bookb .ubox{z-index: 8;}

.un6_bookb .ubox .box{width: 44.8%;height: 68%;margin-top: 6%;background:#2d9dfe;border: 0;padding: 20px;background-size: cover;left: 4.15%;}

.un6_bookb .ubox .box .video .abtn{top: 15%;left: 53%;}

.un6_bookb .ubox .box .video .ubox{position: relative;}

.un6_bookb .ubox .box .video .unbox dd{display: none;} 

.un6_bookb .ubox .box .video .unbox dd:nth-child(1){display: block;}

.un6_bookb .ubox .box .video .unbox dd:nth-child(2) .abtn{top: 8%;left: 50%;width: 5%;}

.un6_bookb .ubox .box .video .unbox dd:nth-child(2) .abtn span{width: 100%;}

.un6_bookb .ubox .box .video .unbox dd:nth-child(3) .abtn{top: 13%;left: 92%;}

.un6_bookb .ubox .box .video .unbox dd:nth-child(4) .abtn{top: 12%;left: 63%;}

.un6_bookb .ubox .box .video .unbox dd:nth-child(5) .abtn{top: 9%;left: 60%;}

.un6_bookb .ubox .box .video .udh1 li{left: 0;top: 0;width: 33%;}

.un6_bookb .ubox .box .video .udh1 li:nth-child(1){left: 0%;top: 23%;}

.un6_bookb .ubox .box .video .udh1 li:nth-child(2){left: 18%;top: 35%;width: 40%;}

.un6_bookb .ubox .box .video .udh1 li:nth-child(3){left: 42%;top: 10%;}

.un6_bookb .ubox .box .video .udh1 li:nth-child(4){left: 65%;top: 18%;width: 35%;}

.un6_bookb .ubox .box .video .udh1 li:nth-child(5){left: 40%;top:57%;}

.un6_bookb .ubox .box .video .udh1 li:nth-child(6){left: 65%;top:60%;width: 30%;}

.un6_bookb .ubox .box .video  #testBox{display: block;position: absolute;top: 0;left: 0;z-index: 9;width: 100%;height: 100%;opacity: 1;}

.un6_bookb .ubox .box .video  #testBox.act{opacity: 0;z-index: -1;}

.un6_bookb .ubox .box .video  #testBox video{display: block;width: 100%;max-width: 100%;object-fit: cover;pointer-events: none;}

.un6_bookb .ubtn{}

.un6_bookb .ubtn span{display: block;width: 12%;position: absolute;cursor: pointer;z-index: 7;}

.un6_bookb .ubtn span:nth-child(1){top: 25%;left: 18.5%;}

.un6_bookb .ubtn span:nth-child(2){top: 53%;left: 20%;}

.un6_bookb .ubtn span:nth-child(3){top: 80%;left: 30%;}

.un6_bookb .ubtn span:nth-child(4){top: 80%;left: 45%;}

.un6_bookb .ubtn span:nth-child(5){top: 80%;left: 60%;}

.un6_bookb .ubtn span:nth-child(6){top: 75%;left: 75%;}

.un6_bookb .ubtn span img{display: block;max-width: 100%;}

.un6_bookb .ubtn span div{position: absolute;top: 0;left: 0;z-index: 2;}

.un6_bookb .ubtn span.act div img {animation: shangxia 1s linear  infinite  alternate;-webkit-animation: shangxia 1s  linear  infinite alternate;}

.un6_bookb .ubox .box .video .udh2{}

.un6_bookb .ubox .box .video .udh2 li{top: 0%;left: 0%;width: 28%;}

.un6_bookb .ubox .box .video .udh2 li:nth-child(1){left: 18%;top: 79%;width: 40%;}

.un6_bookb .ubox .box .video .udh2 li:nth-child(2){left: 50%;top: 79%;width: 35%;}

.un6_bookb .ubox .box .video .udh2 li:nth-child(3){left: 9%;top: 33%;}

.un6_bookb .ubox .box .video .udh2 li:nth-child(4){left: 40%;top: 33%;}

.un6_bookb .ubox .box .video .udh2 li:nth-child(5){left: 63%;top: 33%;}

.un6_bookb .ubox .box .video .udh2 li:nth-child(6){left: 22%;top: 61%;}

.un6_bookb .ubox .box .video .udh2 li:nth-child(7){left: 50%;top: 61%;}


.un6_bookb .ubox .box .video .ifram{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #fff;z-index: 2;}

.un6_bookb .ubox .box .video .ifram2{top: 0;}

.un6_bookb .ubox .box .video .ifram iframe{display: block;width: 100%;height: 100%;}

.un6_bookb .ubox .box .video .spdw{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;padding:36% 10% 3%;}

.un6_bookb .ubox .box .video .spdw span{display: block;width: 33.33%;height: 20%;cursor: pointer; float: left;margin-bottom: 27%;}

.un6_bookb .ubox .box .video .udh3{height: 10%;top: 90%;}

.un6_bookb .ubox .box .video .udh3 li{top: 0%;left: 22%;width: 6%;}

.un6_bookb .ubox .box .video .udh3 li img{opacity: 0;}

.un6_bookb .ubox .box .video .udh3 li:nth-child(2){left: 37.5%;}

.un6_bookb .ubox .box .video .udh3 li:nth-child(3){left: 53%;}

.un6_bookb .ubox .box .video .udh3 li:nth-child(4){left: 68%;}

.un6_bookb .ubox .box .video .udh3 li:nth-child(5){left: 83.5%;}

.un6_bookb .ubox .box .video .udh3 li.act img{opacity: 1;}

.un6_bookb .ubox .box .video .udh4{height: 60%; position: absolute;width: 100%;top: 54%;left: 0;transform:translateY(-50%);-webkit-transform:translateY(-50%);z-index: 3;padding: 0 3%;} 

.un6_bookb .ubox .box .video .udh4 li{width: 45%;height: 50%;float: left;overflow: hidden;position: relative;cursor: pointer;}

.un6_bookb .ubox .box .video .udh4 li .img{display: block;width: 100%;height: 100%;}

.un6_bookb .ubox .box .video .udh4 li span{display: block;position: absolute;top: 0%;left: 2%;z-index: 2;width: 16%;overflow: hidden;}

.un6_bookb .ubox .box .video .udh4 li span:nth-child(3){left: 79%;top: 0;}

.un6_bookb .ubox .box .video .udh4 li span img{width: 100%;position: relative;opacity: 0;}

.un6_bookb .ubox .box .video .udh4 li span.act img{opacity: 1;}

.un6_bookb .ubox .box .video .udh4 li:nth-child(3){margin: 0 2% 0 8%;}

.un6_bookb .ubox .box .video .udh4 li:nth-child(n + 3) span{top: 62%;}

.un6_bookb .ubox .box .video .udh4 li:nth-child(n + 3) span:nth-child(2){left: 7%;}

.un6_bookb .ubox .box .video .udh4 li:nth-child(n + 3) span:nth-child(3){left: 81%;}


.un6_bookb .ubox .box .video .udh5{ width: 400px; position: absolute;top: 55%;left: 55%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);z-index: 3;} 

.un6_bookb .ubox .box .video .udh5 li{position: relative;overflow: hidden;width: 400px;height: 30px;cursor: pointer;margin-bottom: 10px;}

.un6_bookb .ubox .box .video .udh5 li .img{width: 100%;height: 100%;position: absolute;top: 0;right: 0;overflow: hidden;}

.un6_bookb .ubox .box .video .udh5 li .img img{width: 400px;max-width: 400px;position: absolute;top: 0;right: 0;}

.un6_bookb .ubox .box .video .udh5 li .lbtn{position: absolute;top: 0;left: 0;z-index: 2;width: 0%;height: 100%; overflow: hidden;}

.un6_bookb .ubox .box .video .udh5 li .lbtn img{width: 400px;max-width: 400px;}

.un6_bookb .ubox .box .video .udh5 li:nth-child(1){margin-bottom: 20px;}

.un6_bookb .ubox .box .video .udh5 li:nth-child(5){margin-bottom: 20px;}


.un6_bookb .ubox .box .video .udh5 li.act .img{width: 0;}

.un6_bookb .ubox .box .video .udh5 li.act .lbtn{width: 100%;}












@media(max-width:1580px){

   .ucj_c4 .ubox .d3{height: 10%;}

    /* C */

    .un1_bookb .ubox .box .video .udh3 li{width: 300px;}

    .un1_bookb .ubox .box .video .udh3 li .img img,.un1_bookb .ubox .box .video .udh3 li .lbtn img{width: 300px;}

    .un1_bookb .ubox .box .video .udh3 li:nth-child(1), .un1_bookb .ubox .box .video .udh3 li:nth-child(5){margin-bottom: 10px;}

    .un2_bookb .ubox .box .video .udh3 li{width: 250px;height: 20px;}

    .un2_bookb .ubox .box .video .udh3 li .img img,.un2_bookb .ubox .box .video .udh3 li .lbtn img{width: 250px;}

    .un2_bookb .ubox .box .video .udh3 li:nth-child(1), .un2_bookb .ubox .box .video .udh3 li:nth-child(5){margin-bottom: 10px;}

    .un3_book .ubox .box .video .udh5 li{width: 300px;margin-bottom: 0px;}

    .un3_book .ubox .box .video .udh5 li .img img,.un3_book .ubox .box .video .udh5 li .lbtn img{width: 300px;}

    .un3_book .ubox .box .video .udh5 li:nth-child(4){margin-bottom: 20px;}

    .un3_bookb .ubox .box .video .udh3 li{width: 300px;height: 30px;}

    .un3_bookb .ubox .box .video .udh3 li .img img,.un3_bookb .ubox .box .video .udh3 li .lbtn img{width: 300px;}

    .un4_bookb .ubox .box .video .udh3 li{width: 300px;height: 30px;}

    .un4_bookb .ubox .box .video .udh3 li .img img,.un4_bookb .ubox .box .video .udh3 li .lbtn img{width: 300px;}

    .rec1 .ubox .box .video .udh2 li input{transform: scale(0.6);-webkit-transform: scale(0.6);}

    .rec1 .ubox .box .video .udh2 li:nth-child(1),.rec1 .ubox .box .video .udh2 li:nth-child(2){position: relative;top: 1%;}

    .un5_bookb .ubox .box .video .udh5{top: 60%;}

    .un5_bookb .ubox .box .video .udh5 li:nth-child(1){margin-bottom: 10px;}

    .un5_bookb .ubox .box .video .udh5 li{margin-bottom: 5px;}

    .rec2 .ubox .box .video .udh3 li{width: 450px;height: 40px;margin-bottom: 0;}

    .rec2 .ubox .box .video .udh3 li .img img,.rec2 .ubox .box .video .udh3 li .lbtn img{width: 450px;}

    .rec2 .ubox .box .video .udh3 li:nth-child(1){margin-bottom: 10px;}

    .un6_book .ubox .box .video .udh3 li{width: 350px;height: 30px;margin-bottom: 0;}

    .un6_book .ubox .box .video .udh3 li .img img,.un6_book .ubox .box .video .udh3 li .lbtn img{width: 350px;}

    .un6_book .ubox .box .video .udh3 {left: 35%;}

    .un6_book .ubox .box .video .udh5{left: -1%;}

    .un6_book .ubox .box .video .udh5 li input{transform: scale(0.8);-webkit-transform: scale(0.8);font-size: 20px;}

    .un6_bookb .ubox .box .video .udh5 li:nth-child(1){margin-bottom: 10px;}

    .un6_bookb .ubox .box .video .udh5 li{width: 300px;margin-bottom: 0;}

    .un6_bookb .ubox .box .video .udh5 li .img img,.un6_bookb .ubox .box .video .udh5 li .lbtn img{width: 300px;}

    .un6_bookb .ubox .box .video .udh5{top: 60%;}



}