/* 前端白明明 */

*,*: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: Arial, Helvetica, sans-serif, Microsoft Yahei; 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;}

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: 1920px;height: 100%;position: relative;top: 0;left: 50%;transform:translateX(-50%) ;-webkit-transform:translateX(-50%) ;z-index: 3;pointer-events: none;}

.iall > .chuanglian{position: absolute;top: 0;left: 0;z-index: 9;width: 100%;height: auto;}

.iall > .chuanglian img{display: block;width: 100%;}

.iall .u_list{position: absolute;width: 100%;position: absolute;top: 49.2%;left: 0;z-index: 2;}

.iall .u_list a{display: block;width: 7.3%;float: left;position: relative;overflow: hidden;left: 12%;}

.iall .u_list a img{display: block;width: 100%;left: 0;position: relative;}

.iall .u_list a img:nth-child(2){position: absolute;top: 0;left: 100%;}

.iall .u_list a:hover img:nth-child(1){left: -100%;}

.iall .u_list a:hover img:nth-child(2){left: 0%;}

.iall .u_list a:nth-child(2){left: 13%;}

.iall .u_list a:nth-child(3){left: 16.6%;}

.iall .u_list a:nth-child(4){left: 17.7%;}

.iall .u_list a:nth-child(5){left: 21.3%;}

.iall .u_list a:nth-child(6){left: 22.3%;}

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

.iall .u_list2 a{display: block;width: 8.5%;float: left;position: relative;overflow: hidden;left: 24%;-webkit-transition: all .3s linear; -moz-transition: all .3s linear; transition: all .3s linear;}

.iall .u_list2 a img{display: block;width: 100%;-webkit-transition: all .3s linear; -moz-transition: all .3s linear; transition: all .3s linear;}

.iall .u_list2 a img:nth-child(1){transform: rotateX(0deg);-webkit-transform: rotateX(0deg);transform-origin:top center;-webkit-transform-origin:top center;}

.iall .u_list2 a img:nth-child(2){position: absolute;top: 0;left: 0;transform: rotateX(-90deg);-webkit-transform: rotateX(-90deg);transform-origin:bottom center;-webkit-transform-origin:bottom center;}

.iall .u_list2 a:hover img:nth-child(1){transform: rotateX(90deg);-webkit-transform: rotateX(90deg);}

.iall .u_list2 a:hover  img:nth-child(2){transform: rotateX(0deg);-webkit-transform: rotateX(0deg);}

.iall .u_list2 a:nth-child(2){left: 39%;}

.iall .ihc{position: absolute;width: 100%;height: 100%;position: absolute;top: 0;left: -100%;z-index: 4;-webkit-transition: all 5s linear; -moz-transition:  all 5s linear ; transition: all 5s linear ;}

.iall .ihc img{display: block;width: 100%;height: 100%;}

.iall .ihc .u_list3{position: absolute;top: 0;left: 0;width: 100%;z-index: 9;height: 100%;pointer-events: none;}

.iall .ihc .u_list3 span{display: block;width: 5.5%;padding-top: 5.5%;position: absolute;background: url(../images/ibg_cl.png) center no-repeat;top: 64%;left: 12%;z-index: 3;animation: zhuan 2s linear  infinite ;-webkit-animation: zhuan 2s  linear  infinite ;background-size: contain;}

.iall .ihc .u_list3 span:nth-child(2){left: 22%;}

.iall .ihc .u_list3 span:nth-child(3){left: 31%;}

.iall .ihc .u_list3 span:nth-child(4){left: 42%;}

.iall .ihc .u_list3 span:nth-child(5){left: 50%;}

.iall .ihc .u_list3 span:nth-child(6){left: 61%;}

.iall .ihc .u_list3 span:nth-child(7){left: 68%;}

.iall .ihc .u_list3 span:nth-child(8){left: 75%;}

.iall .ihc .u_list3 span:nth-child(9){left: 82%;width: 2.75%;padding-top: 2.75%;background-size: cover;top: 69%;}

.iall .ihc .u_list3 span:nth-child(10){left: 86%;width: 2.75%;padding-top: 2.75%;background-size: cover;top: 69%;}

.iall .ihc.act{left: 0;}

.iall .ihc.act2 .u_list3 span{animation-play-state:paused;-webkit-animation-play-state:paused;}

.iall .ihc .u_list4{position: fixed;top: 20px;right: -5%;width: 23%;z-index: 9;opacity: 0;}

.iall .ihc .u_list4.act{opacity: 1;right: 9%; -webkit-transition: all 1s linear; -moz-transition: all  1s linear; transition: all  1s linear;}

.iall .ihc .u_list4 span{display: block;width: 50%;float: left;cursor: pointer;position: relative;left: 0;}

.iall .ihc .u_list4 span:nth-child(1){margin-top: 50px;}

.iall .ihc .u_list4 span img{display: block;width: 100%;}   

.iall .ihc .u_list4 span:hover{left: -5px;}

.iall .jieshao{position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 99;background: url(../images/js.png) center no-repeat ;background-size: cover;display: none;}

.iall .jieshao .jox{width: 57.4%;position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}

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

.iall .jieshao .jox .out{display: block;width: 80px;height: 80px;position: absolute;top: 8%;right: 8%;z-index: 2;cursor: pointer;}

.iall .jieshao .jox .qiehuan{width: 11%;padding-top: 5%;position: absolute;right: 10%;bottom: 35%;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;}



/*   编著与出版  */

.jieshao  .jox .img img{
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}



/*旋转*/

@-webkit-keyframes zhuan {0% {transform: rotate(0deg);}100% {transform:  rotate(360deg);}}

@keyframes  zhuan {0% {transform: rotate(0deg);}100% {transform:  rotate(360deg);}}

/*左右*/

@-webkit-keyframes zuoyou {0% {transform: rotate(-5deg);}100% {transform:  rotate(5deg);}}

@keyframes  zuoyou {0% {transform: rotate(-5deg);}100% {transform:  rotate(5deg);}}


/*上下*/

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

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


/* 返回 */

.iall .fh{display: block; position: absolute;width: 190px;height: 180px; bottom: 0;left: 10px;z-index: 9;padding-top: 0;}

.iall .fh:hover {padding-top: 10px;}

.iall .fh2{width: 210px;height: 215px;left: 5%;}

.iall .fh3{width: 210px;height: 215px;left: 10%;}

.iall .fh4{width: 300px;height: 250px;left: 0;}

.iall .fh4 .yun{display: block;position: absolute;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;background: url(../images/fh4y.png) left center no-repeat;background-size: cover;}



/* 第一单元 */

.un1{}

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

.un1 .ubox .box{margin: 5% auto 0;width: 52%; max-width: 1000px;height: 81%;max-height: 735px;border:15px solid #007973;background: #f7edc5;position: relative;left: -0.7%;}

.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: 6;}

.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: 10%;left: 0;transform: scale(0.55);-webkit-transform: scale(0.55);cursor: pointer;width: 30%;}

.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;transition-delay: s;-webkit-transition-delay: s;}

.un1 .ubox .box .video .udh li:nth-child(7){width: 20%;}

.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;}

.un1 .ubox .box .video .udh li.adbfno{transform: scale(0.55);-webkit-transform: scale(0.55);}

.jin{pointer-events: none;}

.un1 .ubox .box .video .udh li:nth-child(2){left: auto;right: 0;top: 12%;}

.un1 .ubox .box .video .udh li:nth-child(3){top: 25%;}

.un1 .ubox .box .video .udh li:nth-child(4){top: 29%;left: 18%;}

.un1 .ubox .box .video .udh li:nth-child(5){left: auto;right: 17%;top: 60%;}

.un1 .ubox .box .video .udh li:nth-child(6){left: auto;right: -3%;top: 72%;}

.un1 .ubox .box .video .udh li:nth-child(7){left: auto;right: 13%;top: 25%;width: 18%;}

.un1 .ubox .box .video .udh li:nth-child(8){left: auto;right: 2%;top: 56%;transform-origin:top right;-webkit-transform-origin:top right;}

/* 播放按钮 */



.un1 .ubox .box .video .abtn{position: absolute;height: 50px;top: 7%;left: 0;z-index: 9;padding-left: 40%;display: inline-block;}

.un1 .ubox .box .video .abtn span{display: block;width: 50px;float: left;margin: 0 10px;cursor: pointer;position: relative;top: 0;}

.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: 6;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;}






/* part A */


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

.un1 .ul1 a{width: 21.35%;position: absolute;top: 15%;left: 37%;z-index: 2;}

.un1 .ul1 a:nth-child(2){width: 29%;top: 42%;left: 33%;z-index: 2;}

.un1 .ul1 a:nth-child(3){width: 12%;position: absolute;top: 35%;left: 65%;z-index: 2;}

.un1 .ul1 a img{max-width: 100%;}

.un1 .ul1 a:hover {animation: sx 2s linear  infinite ;-webkit-animation: sx 2s  linear  infinite ;}




/*左右浮动*/

@-webkit-keyframes sx {0% {transform: scale(1);}25% { transform: scale(1.02);}50% {transform: scale(1);}75% {transform: scale(0.98);}100% {transform: scale(1);}}

@keyframes  sx {0% {transform: scale(1);}25% { transform: scale(1.02);}50% {transform: scale(1);}75% {transform: scale(0.98);}100% {transform: scale(1);}}


/* 书本朗诵 */

.un1_book{}

.un1_book .ubox .box{width: 43%;height: 67%;margin-top: 6%;left: 0; background: url(../images/u1_bg6_1.png) center no-repeat;border: 0;padding: 0;background-size: cover;}

.un1_book .ubox .box .video .abtn{top: 13%;padding-left: 40%;}

.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: 9%;padding-left: 48%;}

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

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

.un1_book .ubox .box .video .udh{}

.un1_book .ubox .box .video .udh1 li{left: 8%;top: 22%;width: 56%;}

.un1_book .ubox .box .video .udh1 li:nth-child(2){left: 5%;top: 66%;width: 53%;}

.un1_book .ubox .box .video .udh1 li:nth-child(3){left: 53%;top: 67%;width: 40%;}

.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: 15.1%;position: absolute;top: 17%;left: 13%;cursor: pointer;z-index: 5;}

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

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

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

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


.un1_book .ubtn span.act,.un1  .ubtn span:hover{animation: shangxia 1s linear  infinite  alternate;-webkit-animation: shangxia 1s  linear  infinite alternate;}


.un1_book .ubox .box .video .udh3 li{left: 0%;width: 100%;height: 20%; top: 20%;transform: scale(1);-webkit-transform: scale(1);}

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

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

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



.un1_book .ubox .box .video .udh2 li{top: 40%;left: 4%;}

.un1_book .ubox .box .video .udh2 li:nth-child(1){width: 36%;}

.un1_book .ubox .box .video .udh2 li:nth-child(2){left: auto;right: 7%; top: 22%;width: 43%;}

.un1_book .ubox .box .video .udh2 li:nth-child(3){left: 12%;top: 23%;width: 11%;}

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

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

.un1_book .ubox .box .video .udh2 li:nth-child(6){left: 60%;top: 41%;width: 14%;}

/* 游戏乐园a */

.uag1 .uagcen{width: 57.3%;position: absolute;max-width: 1110px;top: 42%;left: 50.5%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);z-index: 3;}

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

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

/* @media(max-height:930px){

    .uag1 .uagcen .ifm{top: 11%;}

    .uag1 .ubtm li{transform: scale(0.8);-webkit-transform: scale(0.8);transform-origin:center bottom;-webkit-transform-origin:center bottom;}
    
} */


.uag1 .uagcen .ifm iframe{display: block;width: 100%;height: 100%;}

.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: 45.84%;position: absolute;max-width: 960px;bottom: 0; left: 50%;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;}




/* 词句a */

.ucj1{}

.ucj1 .uceng{width: 32%;position: absolute;top: 7%;left: 38.5%;z-index: 5;}

.ucj1 .uceng a{display: block;position: relative;top: 0;width: 50%;float: left;}

.ucj1 .uceng a:nth-child(2){margin-top: 20%;}

.ucj1 .uceng a img{display: block;max-width: 100%;}

.ucj1 .uceng a:hover{top: -5px;}

/* 单词a */

.ucj_c1{}

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

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

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

.ucj_c1 .ubox .d1{background: #fad67d url(../images/u1/a/ci/bg1.png) center no-repeat;background-size: cover;min-height: 30%;}

.ucj_c1 .ubox .d2{background: #85ee9d url(../images/u1/a/ci/bg2.png) center no-repeat;background-size: cover;}

.ucj_c1 .ubox .d3{background: #9ed8eb url(../images/u1/a/ci/bg3.png) center no-repeat;background-size: cover;height: 43%;}

.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.09%;max-width: 143px;}

.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: -8px;left: 15px;z-index: 3;background: url(../images/u1/a/ci/yy.png) center no-repeat;cursor: pointer;}

.ucj_c1 .ubox .tanchuang .out{width: 52px;height: 52px;position: absolute;top: -8px;right: 15px;z-index: 3;background: url(../images/u1/a/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;}




/* 句子A */

.ucj_j1{}

.iall .yly{display: block;position: absolute;top: 0;left: 0;z-index: 4;width: 100%;}

.iall .yly img{width: 100%;}

.iall .mtl{width: 11.66%;position: absolute;right: 6%;top: 18%;z-index: 3;}

.iall .mtl2{right: 85%;}

.iall .mtl img{display: block;width: 100%;}

.iall .mtl img:nth-child(2){position: absolute;top: 0;left: 0;z-index: 2;animation: zhuan 20s linear  infinite ;-webkit-animation: zhuan 20s  linear  infinite ;}

.iall .qiqiu{width: 17.7%;position: absolute;right: 11.5%;bottom: 35%;z-index: 5;animation: zuoyou 2s linear  infinite alternate;-webkit-animation: zuoyou 2s  linear  infinite alternate;transform-origin:  40% bottom;-webkit-transform-origin:  40% bottom;}

.iall .qiqiu img{display: block;width: 100%;}

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

.ucj_j1 .ubox .swiper1{width: 100%;height: 62.5%;}

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

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

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

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

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

.ucj_j1 .ubox .ceju{padding: 20px 8% 0;}

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




/* part B */


/* 书本朗诵 */

.un1_b_book{}

.un1_b_book .ubox .box{width: 43%;height: 67%;margin-top: 6%;left: 0; background: url(../images/u1_bg6_1.png) center no-repeat;border: 0;padding: 0;background-size: cover;}

.un1_b_book .ubox .box .video .abtn{top: 3%;padding-left: 40%;}

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

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

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

.un1_b_book .ubox .box .video .unbox dd:nth-child(2) .abtn{top: 15%;padding-left: 45%;}

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

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

.un1_b_book .ubox .box .video .udh{}

.un1_b_book .ubox .box .video .udh1 li{left: 3%;top: 10%;}

.un1_b_book .ubox .box .video .udh1 li:nth-child(1){width: 42%;}

.un1_b_book .ubox .box .video .udh1 li:nth-child(2){left: 15%;top: 26%;width: 40%;}

.un1_b_book .ubox .box .video .udh1 li:nth-child(3){left: 52%;top: 50%;width: 42%;}

.un1_b_book .ubox .box .video .udh1 li:nth-child(4){left: 63%;top: 12%;width: 26%;}

.un1_b_book .ubox .box .video .udh2 li{left: 3%;top: 26%;width: 15%;}

.un1_b_book .ubox .box .video .udh2 li:nth-child(1){width: 10%;}

.un1_b_book .ubox .box .video .udh2 li:nth-child(2){left: 3%; top: 42%;width: 10%;}

.un1_b_book .ubox .box .video .udh2 li:nth-child(3){left:-1.5%;top: 55%;width: 30%;}

.un1_b_book .ubox .box .video .udh2 li:nth-child(4){left:2%;top: 70%;width: 12%;}

.un1_b_book .ubox .box .video .udh2 li:nth-child(5){width: 24%; left:auto;top: 8%;right: 0;transform-origin:center right;-webkit-transform-origin:center right;}

.un1_b_book .ubox .box .video .udh2 li:nth-child(6){width: 40%; left:45%;top: 62%;}

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

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

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

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

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

.un1_b_book .ubox .box .video .spdw{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;padding:12% 5% 1%;}

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

.un1_b_book .ubtn{}

.un1_b_book .ubtn span{display: block;width: 15.1%;position: absolute;top: 17%;left: 13%;cursor: pointer;z-index: 5;}

.un1_b_book .ubtn span img{display: block;width: 100%;}

.un1_b_book .ubtn span:nth-child(2){top:35%;}

.un1_b_book .ubtn span:nth-child(3){left: 72%;top: 17%;}

.un1_b_book .ubtn span:nth-child(4){left: 72%;top: 35%;}

.un1_b_book .ubtn span:nth-child(5){top: 50%;}

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



/* part C */

.un1_c{}

.un1_c .ubox .box{width: 43%;height: 67%;margin-top: 6%;left: 0; background: url(../images/u1_bg6_1.png) center no-repeat;border: 0;padding: 0;background-size: cover;}

.un1_c .ubox .box .video .abtn{top: 12%;padding-left: 40%;}

.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: 50%;top: 9%;}


.un1_c .ubox .box .video .udh1 li:nth-child(1){width: 35%;}

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

.un1_c .ubox .box .video .udh1 li:nth-child(3){left: 28%;top: 64%;width: 18%;}

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

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

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

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

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

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

.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 .abtn{padding-left: 40%;transform: scale(0.9);transform: scale(0.9);}

.un2 .ubox .box .video .udh li{top: 10%;width: 34%;}

.un2 .ubox .box .video .udh li:nth-child(2){top: 7%;right: 2%;width: 16%;}

.un2 .ubox .box .video .udh li:nth-child(3){left: 5%;width: 48%;}

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

.un2 .ubox .box .video .udh li:nth-child(5){top: 18%;width: 24%;left: 67%;}

.un2 .ubox .box .video .udh li:nth-child(6){top: 60%;right: 0;width: 45%;}

.un2 .ubox .box .video .udh li:nth-child(7){top: 73%;right: 0%;width: 50%;transform-origin: top right;-webkit-transform-origin: top right;}

/* 书本朗诵 */

.un2_book{}

.un2_book .ubox .box{width: 43%;height: 67%;margin-top: 6%;left: 0; background: url(../images/u1_bg6_1.png) center no-repeat;border: 0;padding: 0;background-size: cover;}

.un2_book .ubox .box .video .abtn{top: 6%;padding-left: 50%;}

.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: 11%;padding-left: 48%;}

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

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

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

.un2_book .ubox .box .video .unbox dd:nth-child(6) .abtn{padding-left: 90%;top: 10%;}

.un2_book .ubox .box .video .udh{}

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

.un2_book .ubox .box .video .udh1 li:nth-child(2){left: 35%;top: 16%;width: 43%;}

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

.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-height: 100%;object-fit: contain;}

.un2_book .ubtn{}

.un2_book .ubtn span{display: block;width: 15.1%;position: absolute;top: 17%;left: 13%;cursor: pointer;z-index: 5;}

.un2_book .ubtn span img{display: block;width: 100%;transform: scale(0.8);-webkit-transform: scale(0.8);}

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

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

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

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

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


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

.un2_book .ubox .box .video .udh3 li{left: 0%;width: 100%;height: 20%; top: 20%;transform: scale(1);-webkit-transform: scale(1);}

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

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

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

.un2_book .ubox .box .video .udh2 li{top: 28%;left: 17%;}

.un2_book .ubox .box .video .udh2 li:nth-child(1){width: 36%;}

.un2_book .ubox .box .video .udh2 li:nth-child(2){left: auto;right: 10%; top: 18%;width: 34%;}

.un2_book .ubox .box .video .udh2 li:nth-child(3){left: 12%;top: 90%;width: 8%;}

.un2_book .ubox .box .video .udh2 li:nth-child(4){left: 30%;top: 90%;width: 14%;}

.un2_book .ubox .box .video .udh2 li:nth-child(5){left: 50.5%;top: 90.5%;width: 14%;}

.un2_book .ubox .box .video .udh2 li:nth-child(6){left: 70%;top: 90%;width: 10%;}

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

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

.un2_book .ubox .box .video .spdw2{padding: 0 0 0 70%;height: auto;height: 50px;}

.un2_book .ubox .box .video .spdw2 span{width: 50px;height: 50px;float: none;position: relative;top: 0;}

.un2_book .ubox .box .video .spdw2 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;}

.un2_book .ubox .box .video .spdw2 span:hover{top: 5px;}

.un2_book .ubox .box .video .spdw2 span:hover .txt{opacity: 1;}

.un2_book .ubox .box .video .jieda{position: absolute;top: 1%;right: 15%;z-index: 5;cursor: pointer;}

.un2_book .ubox .box .video .jieda:hover{top: 1.5%;}

.un2_book .ubox .box .video .js{position: absolute;width: 100%;height: 100%;top: -100%;left: 0;overflow: hidden;z-index: 7;-webkit-transition: all .7s ; -moz-transition: all  .7s ; transition: all  .7s ;}

.un2_book .ubox .box .video .js.act{top: 0;}

.un2_book .ubox .box .video .js img{max-width: 100%;}

.un2_book .ubox .box .video .js span{width: 50px;height: 50px;display: block;position: absolute;top:12%;right: 13%;z-index: 2;cursor: pointer;background: url(../images/u2/a/book/li/x.png) center no-repeat;}

.un2_book .ubox .box .video .js span:hover{top: 12.5%;}

.un2_book .ubox .box .video .udh4 li:nth-child(1){top: 23%;left: 12%;width: 4%;}

.un2_book .ubox .box .video .udh4 li:nth-child(2){top: 22.5%;left: 13.8%;width: 7%;}

.un2_book .ubox .box .video .udh4 li:nth-child(3){top: 35%;left: 12%;width: 4%;}

.un2_book .ubox .box .video .udh4 li:nth-child(4){top: 33.5%;left: 12%;width: 14%;}

.un2_book .ubox .box .video .udh4 li:nth-child(5){top: 12%;left: 61.5%;width: 4%;}

.un2_book .ubox .box .video .udh4 li:nth-child(6){top: 12%;left: 62%;width: 12%;}

.un2_book .ubox .box .video .udh4 li:nth-child(7){top: 46%;left: 62%;width: 4%;}

.un2_book .ubox .box .video .udh4 li:nth-child(8){top: 49%;left: 61.5%;width: 8%;}

.un2_book .ubox .box .video .udh4 li:nth-child(9){top: 80.5%;left: 13%;width: 3.6%;}

.un2_book .ubox .box .video .udh4 li:nth-child(10){top: 79.6%;left: 14%;width: 8%;}

.un2_book .ubox .box .video .udh4 li:nth-child(11){top: 64.5%;left: 36%;width: 3.6%;}

.un2_book .ubox .box .video .udh4 li:nth-child(12){top: 64%;left: 34%;width: 22%;}

.un2_book .ubox .box .video .udh4 li:nth-child(13){top: 80%;left: 53%;width: 4%;}

.un2_book .ubox .box .video .udh4 li:nth-child(14){top: 82%;left: 54.7%;width: 8%;}

.un2_book .ubox .box .video .udh4 li:nth-child(15){top: 55.2%;left: 75.5%;width: 4%;}

.un2_book .ubox .box .video .udh4 li:nth-child(16){top: 56%;left: 76%;width: 12%;}

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

.un2_book .ubox .box .video .udh{z-index: 3;}

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

.un2_book .ubox .box .video .udh5 li{width: 20%;float: left;position: relative;}

.un2_book .ubox .box .video .udh5 li img{max-width: 100%;cursor: pointer;}

.un2_book .ubox .box .video .udh5 li .lbtn{position: absolute;left: 0;top: 85%;z-index: 2;}

.un2_book .ubox .box .video .udh5 li .lbtn span{display: block;width: 50%;float: left;position: relative;}

.un2_book .ubox .box .video .udh5 li .lbtn span img{display: block;width: 100%;}

.un2_book .ubox .box .video .udh5 li .lbtn span img:nth-child(2){position: absolute;left: 0;bottom: 0;opacity: 0;}

.un2_book .ubox .box .video .udh5 li .lbtn span.act img:nth-child(2){opacity: 1;}

.un2_book .ubox .box .video .udh6 li{top: 65%;left: 0;width: 3.84%;transform: scale(1);-webkit-transform: scale(1);transform-origin:center top;-webkit-transform-origin:center top;}

.un2_book .ubox .box .video .udh6 li:nth-child(2){width: 3.84%;top: 65%;left: 3.84%;}

.un2_book .ubox .box .video .udh6 li:nth-child(3){width: 3.84%;top: 65%;left: 7.68%;}

.un2_book .ubox .box .video .udh6 li:nth-child(4){width: 3.84%;top: 65%;left: 11.25%;}

.un2_book .ubox .box .video .udh6 li:nth-child(5){width: 3.84%;top: 65%;left: 15.36%;}

.un2_book .ubox .box .video .udh6 li:nth-child(6){width: 3.84%;top: 65%;left: 19.2%;}

.un2_book .ubox .box .video .udh6 li:nth-child(7){width: 3.84%;top: 65%;left: 23.04%;}

.un2_book .ubox .box .video .udh6 li:nth-child(8){width: 3.84%;top: 65%;left: 26.88%;}

.un2_book .ubox .box .video .udh6 li:nth-child(9){width: 3.84%;top: 65%;left: 30.72%;}

.un2_book .ubox .box .video .udh6 li:nth-child(10){width: 3.84%;top:65%;left: 34.56%;}

.un2_book .ubox .box .video .udh6 li:nth-child(11){width: 3.84%;top: 65%;left: 38.4%;}

.un2_book .ubox .box .video .udh6 li:nth-child(12){width: 3.84%;top: 65%;left: 42.24%;}

.un2_book .ubox .box .video .udh6 li:nth-child(13){width: 3.84%;top: 65%;left: 46.08%;}

.un2_book .ubox .box .video .udh6 li:nth-child(14){width: 3.84%;top: 65%;left: 49.92%;}

.un2_book .ubox .box .video .udh6 li:nth-child(15){width: 3.84%;top: 65%;left: 53.76%;}

.un2_book .ubox .box .video .udh6 li:nth-child(16){width: 3.84%;top: 65%;left: 57.6%;}

.un2_book .ubox .box .video .udh6 li:nth-child(17){width: 3.84%;top: 65%;left: 61.44%;}

.un2_book .ubox .box .video .udh6 li:nth-child(18){width: 3.84%;top: 65%;left: 65.28%;}

.un2_book .ubox .box .video .udh6 li:nth-child(19){width: 3.84%;top: 65%;left: 69.12%;}

.un2_book .ubox .box .video .udh6 li:nth-child(20){width: 3.84%;top: 65%;left: 72.96%;}

.un2_book .ubox .box .video .udh6 li:nth-child(21){width: 3.84%;top: 65%;left: 76.8%;}

.un2_book .ubox .box .video .udh6 li:nth-child(22){width: 3.84%;top: 65%;left: 80.64%;}

.un2_book .ubox .box .video .udh6 li:nth-child(23){width: 3.84%;top: 65%;left: 84.48%;}

.un2_book .ubox .box .video .udh6 li:nth-child(24){width: 3.84%;top: 65%;left: 88.32%;}

.un2_book .ubox .box .video .udh6 li:nth-child(25){width: 3.84%;top: 65%;left: 92.16%;}

.un2_book .ubox .box .video .udh6 li:nth-child(26){width: 3.84%;top: 65%;left:96%;}

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

/* 单词 */

.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/ju/j2.png) center no-repeat;left: auto; right: -4%;margin-top: -70px;}

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


/* 句子 */


/* 书本朗诵 */

.un2_b_book{}

.un2_b_book .ubox .box{width: 43%;height: 67%;margin-top: 6%;left: 0; background: url(../images/u1_bg6_1.png) center no-repeat;border: 0;padding: 0;background-size: cover;}

.un2_b_book .ubox .box .video .abtn{top: 0%;padding-left: 40%;}

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

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

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

.un2_b_book .ubox .box .video .unbox dd:nth-child(2) .abtn{top: 7%;padding-left: 43%;}

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

.un2_b_book .ubox .box .video .unbox dd:nth-child(4) .abtn{top: 2%;padding-left: 37%;}

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

.un2_b_book .ubox .box .video .udh1 li{left: 15%;top: 10%;width: 50%;}

.un2_b_book .ubox .box .video .udh1 li:nth-child(2){left: 18%;top: 35%;width: 47%;}

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

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

.un2_b_book .ubox .box .video .udh2 li{left: 10%;top: 36%;width: 15%;}

.un2_b_book .ubox .box .video .udh2 li:nth-child(1){display: none;}

.un2_b_book .ubox .box .video .udh2 li:nth-child(2){left: 62%; top: 72%;width: 20%;display: none;}

.un2_b_book .ubox .box .video .udh2 li:nth-child(3){left:16%;top: 90%;}

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

.un2_b_book .ubox .box .video .udh2 li:nth-child(5){left:49%;top: 91%;width: 19%;}

.un2_b_book .ubox .box .video .udh2 li:nth-child(6){left:70%;top: 91%;}


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

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

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

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

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

.un2_b_book .ubox .box .video .spdw{width: 100%;position: absolute;top: 60%;left: 0;z-index: 2;padding:0 ;transform: translateY(-50%);-webkit-transform: translateY(-50%);}

.un2_b_book .ubox .box .video .spdw span{display: block;width: 29%;cursor: pointer; position: absolute;top: 0;left: 2%;}

.un2_b_book .ubox .box .video .spdw span img{display: block;width: 100%;}

.un2_b_book .ubox .box .video .spdw span:nth-child(1){position: relative;}

.un2_b_book .ubox .box .video .spdw span:nth-child(2){left: 25%;z-index: 5;}

.un2_b_book .ubox .box .video .spdw span:nth-child(3){left:48%;}

.un2_b_book .ubox .box .video .spdw span:nth-child(4){left: 69%;z-index: 5;}





.un2_b_book .ubtn{}

.un2_b_book .ubtn span{display: block;width: 15.1%;position: absolute;top: 17%;left: 13%;cursor: pointer;z-index: 5;}

.un2_b_book .ubtn span img{display: block;width: 100%;}

.un2_b_book .ubtn span:nth-child(2){top: 35%;}

.un2_b_book .ubtn span:nth-child(3){left: 71%;top: 17%;}

.un2_b_book .ubtn span:nth-child(4){left: 71%;top: 35%;}

.un2_b_book .ubtn span:nth-child(5){left: 13%;top: 50%;}




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

.un2_b_book .ubox .box .video .udh5{position: absolute;width: 100%;top: 56%;left: 0;transform:translateY(-50%);-webkit-transform:translateY(-50%);z-index: 3;padding: 0 1%;} 

.un2_b_book .ubox .box .video .udh5 li{width: 25%;float: left;position: relative;}

.un2_b_book .ubox .box .video .udh5 li img{max-width: 100%;cursor: pointer;}

.un2_b_book .ubox .box .video .udh5 li .lbtn{position: absolute;left: 0;top: 85%;z-index: 2;padding-left: 45%;}

.un2_b_book .ubox .box .video .udh5 li .lbtn span{display: block;width: 45%;float: left;position: relative;margin-left: 5%;}

.un2_b_book .ubox .box .video .udh5 li .lbtn span:nth-child(1){margin-left: 0;}

.un2_b_book .ubox .box .video .udh5 li .lbtn span img{display: block;width: 100%;}

.un2_b_book .ubox .box .video .udh5 li .lbtn span img:nth-child(2){position: absolute;left: 0;bottom: 0;opacity: 0;}

.un2_b_book .ubox .box .video .udh5 li .lbtn span.act img:nth-child(2){opacity: 1;}

.un2_b_book .ubox .box .video .udh5 li:nth-child(n + 3) .lbtn{padding-left: 5%;}

.un2_b_book .ubox .box .video .udh5 li:nth-child(1) .lbtn{top: 72%;}

/* part C */

.un2_c{}

.un2_c .ubox .box{width: 43%;height: 67%;margin-top: 6%;left: 0; background: url(../images/u1_bg6_1.png) center no-repeat;border: 0;padding: 0;background-size: cover;}

.un2_c .ubox .box .video .abtn{top: 12%;padding-left: 40%;}

.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: 19%;}

.un2_c .ubox .box .video .udh1 li:nth-child(1){width: 50%;}

.un2_c .ubox .box .video .udh1 li:nth-child(2){left: 2%;top: 35%;width: 42%;transform-origin: left center ;-webkit-transform-origin: left center ;}

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

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

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

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

.un2_c .ubox .box .video .udh1 li:nth-child(7){left: 52%;top:18%;width: 26%;}

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


.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;}


/* 复习1 */

.r1{}

.r1 .ubox .box{width: 43%;height: 67%;margin-top: 6%;left: 0; background: url(../images/u1_bg6_1.png) center no-repeat;border: 0;padding: 0;background-size: cover;}

.r1 .ubox .box .video .abtn{top: 0%;padding-left: 40%;}

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

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

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

.r1 .ubox .box .video .unbox dd:nth-child(1) .abtn{top: 5%;padding-left:33%;}

.r1 .ubox .box .video .unbox dd:nth-child(2) .abtn{top: 5%;padding-left:38%;}

.r1 .ubox .box .video .unbox dd:nth-child(3) .abtn{top: 70%;padding-left: 82%;transform: scale(0.7);-webkit-transform: scale(0.7);}

.r1 .ubox .box .video .udh1 li{left: 15%;top: 10%;}

.r1 .ubox .box .video .udh1 li:nth-child(2){left: 18%;top: 35%;width: 50%;}

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

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

.r1 .ubox .box .video .udh2{width: 30%;position: absolute;bottom: 5%;right: 22%;z-index: 3;}

.r1 .ubox .box .video .udh2 li{position: relative;margin-bottom: 2%;}

.r1 .ubox .box .video .udh2 li img{display: block;width: 100%;}

.r1 .ubox .box .video .udh2 li .lsp{position: absolute;width: 100%;top: 0;left: 0;height: 100%;padding-left: 8%;}

.r1 .ubox .box .video .udh2 li .lsp span{width: 50%;display: block;height: 100%;float: left;cursor: pointer;}

.r1 .ubox .box .video .udh2 li .lsp span.y.act{background: url(../images/r1/li/5.png) 2px center no-repeat;background-size: 10px;}

.r1 .ubox .box .video .udh2 li .lsp span:nth-child(2n).y.act{background: url(../images/r1/li/5.png)  5px center no-repeat;background-size: 10px;}

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

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

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

.r1 .ubtn{}

.r1 .ubtn span{display: block;width: 15.1%;position: absolute;top: 17%;left: 12%;cursor: pointer;z-index: 5;}

.r1 .ubtn span img{display: block;width: 100%;}

.r1 .ubtn span:nth-child(2){left: 71%;top: 35%;}

.r1 .ubtn span:nth-child(3){left: 71%;top: 17%;}

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

.r1 .ubox .box .video .abtn{top: 12%;padding-left: 40%;}

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

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

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

.r1 .ubox .box .video .udh{}

.r1 .ubox .box .video .udh1 li{left: 0%;top: 13%;}

.r1 .ubox .box .video .udh1 li:nth-child(1){width: 30%;}

.r1 .ubox .box .video .udh1 li:nth-child(2){left: 30%;top: 2%;width: 44%;transform-origin: center top;-webkit-transform-origin: center top;}

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

.r1 .ubox .box .video .udh1 li:nth-child(4){width: 32%;top:72%;left: 0%;}

.r1 .ubox .box .video .udh1 li:nth-child(5){width: 28%;top:55%;left: 40%;}

.r1 .ubox .box .video .udh1 li:nth-child(6){width: 32%;top:75%;left: 55%;}

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

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

.r1 .ubox .box .video .udh1 li:nth-child(9){width: 22%;top:7%;left:45%;}

.r1 .ubox .box .video .udh1 li:nth-child(10){width: 20%;top:25%;left:45%;}

.r1 .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;}

.r1 .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{padding-left: 37%;transform: scale(0.9);transform: scale(0.9);}

.un3 .ubox .box .video .udh li{top: 10%;width: 30%;}

.un3 .ubox .box .video .udh li:nth-child(2){top: 7%;right: 2%;width: 16%;}

.un3 .ubox .box .video .udh li:nth-child(3){top: 47%;left: 13%;width: 36%;}

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

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

.un3 .ubox .box .video .udh li:nth-child(6){top:60%;left: 70%;width: 36%;}

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


/* 书本朗诵 */

.un3_book{}

.un3_book .ubox .box{width: 43%;height: 67%;margin-top: 6%;left: 0; background: url(../images/u1_bg6_1.png) center no-repeat;border: 0;padding: 0;background-size: cover;}

.un3_book .ubox .box .video .abtn{top: 2%;padding-left: 42%;}

.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:1%;padding-left: 45%;}

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

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

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

.un3_book .ubox .box .video .unbox dd:nth-child(6) .abtn{padding-left: 90%;top: 10%;}

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

.un3_book .ubox .box .video .udh{}

.un3_book .ubox .box .video .udh1 li{left: 28%;top: 5%;width: 40%;}

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

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

.un3_book .ubox .box .video .udh1 li:nth-child(4) {left: 0%;top: 37%;width: 90%;transform-origin: right top;-webkit-transform-origin: right top;}

.un3_book .ubox .box .video .udh1 li:nth-child(5) {left: 15%;top: 55%;width: 20%;}

.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;}

.un3_book .ubtn{}

.un3_book .ubtn span{display: block;width: 15.1%;position: absolute;top: 17%;left: 13%;cursor: pointer;z-index: 5;}

.un3_book .ubtn span img{display: block;width: 100%;transform: scale(0.8);-webkit-transform: scale(0.8);}

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

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

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

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

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

.un3_book .ubtn span:nth-child(7){top: 35%;}

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

.un3_book .ubox .box .video .udh3 li{left: 0%;width: 100%;height: 20%; top: 20%;transform: scale(1);-webkit-transform: scale(1);}

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

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

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

.un3_book .ubox .box .video .udh2 li{top: 10%;left: 40%;width: 60%;}

.un3_book .ubox .box .video .udh2 li:nth-child(2){left: 1%;top: 18%;width: 10%;}

.un3_book .ubox .box .video .udh2 li:nth-child(3){left: 1%;top: 33%;width: 10%;}

.un3_book .ubox .box .video .udh2 li:nth-child(4){left: 0.5%;top: 45%;width: 13%;}

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

.un3_book .ubox .box .video .udh2 li:nth-child(6){left: 66%;top: 34%;width: 12%;}

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

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

.un3_book .ubox .box .video .spdw span:nth-child(2){margin-left: 33.33%;}

.un3_book .ubox .box .video .spdw2{padding: 0 0 0 70%;height: auto;height: 50px;}

.un3_book .ubox .box .video .spdw2 span{width: 50px;height: 50px;float: none;position: relative;top: 0;}

.un3_book .ubox .box .video .spdw2 span:hover{top: 5px;}

.un3_book .ubox .box .video .spdw2 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;}

.un3_book .ubox .box .video .spdw2 span:hover .txt{opacity: 1;}

.un3_book .ubox .box .video .jieda{position: absolute;top: 1%;right: 8%;z-index: 5;cursor: pointer;}

.un3_book .ubox .box .video .jieda:hover{top: 1.5%;}

.un3_book .ubox .box .video .js{position: absolute;width: 100%;height: 100%;top: -100%;left: 0;overflow: hidden;z-index: 7;-webkit-transition: all .7s ; -moz-transition: all  .7s ; transition: all  .7s ;}

.un3_book .ubox .box .video .js.act{top: 0;}

.un3_book .ubox .box .video .js img{max-width: 100%;}

.un3_book .ubox .box .video .js span{width: 50px;height: 50px;display: block;position: absolute;top:12%;right: 13%;z-index: 2;cursor: pointer;background: url(../images/u2/a/book/li/x.png) center no-repeat;}

.un3_book .ubox .box .video .js span:hover{top: 12.5%;}

.un3_book .ubox .box .video .udh4 li:nth-child(1){top: 20%;left: 13%;width: 3.5%;}

.un3_book .ubox .box .video .udh4 li:nth-child(2){top: 20%;left: 14%;width: 7%;}

.un3_book .ubox .box .video .udh4 li:nth-child(3){top: 54.5%;left: 9.5%;width: 1.8%;transform: rotate(25deg) scale(1);-webkit-transform: rotate(25deg) scale(1);}

.un3_book .ubox .box .video .udh4 li:nth-child(4){top: 51%;left: 7%;width: 20%;}

.un3_book .ubox .box .video .udh4 li:nth-child(5){top: 14%;left: 40%;width: 4%;}

.un3_book .ubox .box .video .udh4 li:nth-child(6){top: 15.8%;left: 41%;width: 11%;}

.un3_book .ubox .box .video .udh4 li:nth-child(7){top: 64%;left: 32%;width: 6.5%;}

.un3_book .ubox .box .video .udh4 li:nth-child(8){top: 64%;left: 31%;width: 11%;}

.un3_book .ubox .box .video .udh4 li:nth-child(9){top: 90%;left: 29%;width: 4%;}

.un3_book .ubox .box .video .udh4 li:nth-child(10){top: 90.5%;left: 29.5%;width: 12%;}

.un3_book .ubox .box .video .udh4 li:nth-child(11){top: 93%;left: 48%;width: 4%;}

.un3_book .ubox .box .video .udh4 li:nth-child(12){top: 93.5%;left: 50%;width: 8%;}

.un3_book .ubox .box .video .udh4 li:nth-child(13){top: 9.5%;left: 62.5%;width: 3.8%;}

.un3_book .ubox .box .video .udh4 li:nth-child(14){top: 10%;left: 63%;width: 11%;}

.un3_book .ubox .box .video .udh4 li:nth-child(15){top: 18%;left: 79%;width: 3.8%;}

.un3_book .ubox .box .video .udh4 li:nth-child(16){top: 20%;left: 82%;width: 1.2%;}

.un3_book .ubox .box .video .udh4 li:nth-child(17){top: 58%;left: 82%;width: 1.2%;transform: rotate(20deg);-webkit-transform: rotate(20deg);}

.un3_book .ubox .box .video .udh4 li:nth-child(18){top: 58%;left: 77%;width:28%;}

.un3_book .ubox .box .video .udh4 li:nth-child(19){top: 90%;left: 80%;width: 2%;}

.un3_book .ubox .box .video .udh4 li:nth-child(20){top: 92%;left:80%;width:8%;}

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

.un3_book .ubox .box .video .udh4 li:nth-child(3).act{transform: rotate(25deg) scale(1);-webkit-transform: rotate(25deg) scale(1);}


.un3_book .ubox .box .video .udh{z-index: 3;}

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

.un3_book .ubox .box .video .udh5 li{width: 20%;float: left;position: relative;}

.un3_book .ubox .box .video .udh5 li img{max-width: 100%;cursor: pointer;}

.un3_book .ubox .box .video .udh5 li .lbtn{position: absolute;left: 0;top: 85%;z-index: 2;}

.un3_book .ubox .box .video .udh5 li .lbtn span{display: block;width: 50%;float: left;position: relative;}

.un3_book .ubox .box .video .udh5 li .lbtn span img{display: block;width: 100%;}

.un3_book .ubox .box .video .udh5 li .lbtn span img:nth-child(2){position: absolute;left: 0;bottom: 0;opacity: 0;}

.un3_book .ubox .box .video .udh5 li .lbtn span.act img:nth-child(2){opacity: 1;}

.un3_book .ubox .box .video .udh6 li{top: 65%;left: 0;width: 3.84%;transform: scale(1);-webkit-transform: scale(1);transform-origin:center top;-webkit-transform-origin:center top;}

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

.un3_book .ubox .box .video .udh6 li:nth-child(3){width: 3.84%;top: 65%;left: 7.68%;}

.un3_book .ubox .box .video .udh6 li:nth-child(4){width: 3.84%;top: 65%;left: 11.25%;}

.un3_book .ubox .box .video .udh6 li:nth-child(5){width: 3.84%;top: 65%;left: 15.36%;}

.un3_book .ubox .box .video .udh6 li:nth-child(6){width: 3.84%;top: 65%;left: 19.2%;}

.un3_book .ubox .box .video .udh6 li:nth-child(7){width: 3.84%;top: 65%;left: 23.04%;}

.un3_book .ubox .box .video .udh6 li:nth-child(8){width: 3.84%;top: 65%;left: 26.88%;}

.un3_book .ubox .box .video .udh6 li:nth-child(9){width: 3.84%;top: 65%;left: 30.72%;}

.un3_book .ubox .box .video .udh6 li:nth-child(10){width: 3.84%;top:65%;left: 34.56%;}

.un3_book .ubox .box .video .udh6 li:nth-child(11){width: 3.84%;top: 65%;left: 38.4%;}

.un3_book .ubox .box .video .udh6 li:nth-child(12){width: 3.84%;top: 65%;left: 42.24%;}

.un3_book .ubox .box .video .udh6 li:nth-child(13){width: 3.84%;top: 65%;left: 46.08%;}

.un3_book .ubox .box .video .udh6 li:nth-child(14){width: 3.84%;top: 65%;left: 49.92%;}

.un3_book .ubox .box .video .udh6 li:nth-child(15){width: 3.84%;top: 65%;left: 53.76%;}

.un3_book .ubox .box .video .udh6 li:nth-child(16){width: 3.84%;top: 65%;left: 57.6%;}

.un3_book .ubox .box .video .udh6 li:nth-child(17){width: 3.84%;top: 65%;left: 61.44%;}

.un3_book .ubox .box .video .udh6 li:nth-child(18){width: 3.84%;top: 65%;left: 65.28%;}

.un3_book .ubox .box .video .udh6 li:nth-child(19){width: 3.84%;top: 65%;left: 69.12%;}

.un3_book .ubox .box .video .udh6 li:nth-child(20){width: 3.84%;top: 65%;left: 72.96%;}

.un3_book .ubox .box .video .udh6 li:nth-child(21){width: 3.84%;top: 65%;left: 76.8%;}

.un3_book .ubox .box .video .udh6 li:nth-child(22){width: 3.84%;top: 65%;left: 80.64%;}

.un3_book .ubox .box .video .udh6 li:nth-child(23){width: 3.84%;top: 65%;left: 84.48%;}

.un3_book .ubox .box .video .udh6 li:nth-child(24){width: 3.84%;top: 65%;left: 88.32%;}

.un3_book .ubox .box .video .udh6 li:nth-child(25){width: 3.84%;top: 65%;left: 92.16%;}

.un3_book .ubox .box .video .udh6 li:nth-child(26){width: 3.84%;top: 65%;left:96%;}

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


.un3_book .ubox .box .video .udh7 li:nth-child(1){left: 3%;top: 10%;transform-origin: center left;-webkit-transform-origin: center left;width: 45%;}

.un3_book .ubox .box .video .udh7 li:nth-child(2) {left: 60%;top: 10%;width: 45%;}


/* part B */


/* 书本朗诵 */

.un3_b_book .ubox .box{width: 43%;height: 67%;margin-top: 6%;left: 0; background: url(../images/u1_bg6_1.png) center no-repeat;border: 0;padding: 0;background-size: cover;}

.un3_b_book .ubox .box .video .abtn{top: 1%;padding-left: 40%;}

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

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

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

.un3_b_book .ubox .box .video .unbox dd:nth-child(2) .abtn{top: 10%;padding-left: 45%;}

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

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

.un3_b_book .ubox .box .video .udh{}

.un3_b_book .ubox .box .video .udh1 li{width: 50%;}

.un3_b_book .ubox .box .video .udh1 li:nth-child(1){left: 3%;top: 8%;transform-origin: left center;-webkit-transform-origin: left center;}

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

.un3_b_book .ubox .box .video .udh1 li:nth-child(3){left: 3%;top: 60%;transform-origin: left center;-webkit-transform-origin: left center;width: 58%;}

.un3_b_book .ubox .box .video .udh1 li:nth-child(4){left: 35%;top: 65%;width: 26%;}

.un3_b_book .ubox .box .video .udh2 li{left: 8%;top: 25%;width: 35%;}

.un3_b_book .ubox .box .video .udh2 li:nth-child(2){left: 55%; top: 27%;width: 32%;}

.un3_b_book .ubox .box .video .udh2 li:nth-child(3){left:37%;top: 57%;width: 10%;}

.un3_b_book .ubox .box .video .udh2 li:nth-child(4){left:10%;top: 60%;width: 12%;}

.un3_b_book .ubox .box .video .udh2 li:nth-child(5){left:15%;top: 70%;width: 12%;}

.un3_b_book .ubox .box .video .udh2 li:nth-child(6){left:45%;top: 75%;width: 12%;}

.un3_b_book .ubox .box .video .udh2 li:nth-child(7){left:60%;top: 75%;width: 7%;}

.un3_b_book .ubox .box .video .udh2 li:nth-child(8){left:70%;top: 70%;width: 12%;}

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

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

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

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

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

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

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

.un3_b_book .ubtn{}

.un3_b_book .ubtn span{display: block;width: 15.1%;position: absolute;top: 17%;left: 13%;cursor: pointer;z-index: 5;}

.un3_b_book .ubtn span img{display: block;width: 100%;}

.un3_b_book .ubtn span:nth-child(2){top:35%;}

.un3_b_book .ubtn span:nth-child(3){left: 72%;top: 17%;}

.un3_b_book .ubtn span:nth-child(4){left: 72%;top: 35%;}

.un3_b_book .ubtn span:nth-child(5){top: 50%;}

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



/* part C */

.un3_c{}

.un3_c .ubox .box{width: 43%;height: 67%;margin-top: 6%;left: 0; background: url(../images/u1_bg6_1.png) center no-repeat;border: 0;padding: 0;background-size: cover;}

.un3_c .ubox .box .video .abtn{top: 20%;padding-left:50%;}

.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: 51%;top: 8%;width: 20%;}

.un3_c .ubox .box .video .udh1 li:nth-child(1){width: 40%;transform-origin: right center ;-webkit-transform-origin: right center ;}

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

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

.un3_c .ubox .box .video .udh1 li:nth-child(4){left: 43%;top: 33%;width: 40%;}

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

.un3_c .ubox .box .video .udh1 li:nth-child(6){left: 10%;top: 0%;width: 65%;}

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


.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;}

.un3_c .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;}

.un3_c .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;}


/* 第四单元 */

.un4 .ubox .box .video .abtn{padding-left: 40%;transform: scale(0.9);transform: scale(0.9);top: 0;}

.un4 .ubox .box .video .udh li{top: 10%;width: 30%;left: 2%;}

.un4 .ubox .box .video .udh li:nth-child(1){width: 32%;left: 0;}

.un4 .ubox .box .video .udh li:nth-child(2){top: 10%;right: 0%;width: 26%;}

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

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

.un4 .ubox .box .video .udh li:nth-child(5){top: 43%;left: 27%;}

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

.un4 .ubox .box .video .udh li:nth-child(7){top: 43%;left: 75%;width: 28%;}


/* 书本朗诵 */

.un4_book{}

.un4_book .ubox .box{width: 43%;height: 67%;margin-top: 6%;left: 0; background: url(../images/u1_bg6_1.png) center no-repeat;border: 0;padding: 0;background-size: cover;}

.un4_book .ubox .box .video .abtn{top: 6%;padding-left: 43%;}

.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:3%;padding-left: 45%;}

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

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

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

.un4_book .ubox .box .video .unbox dd:nth-child(6) .abtn{padding-left: 90%;top: 10%;}

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

.un4_book .ubox .box .video .udh{}

.un4_book .ubox .box .video .udh1 li{left: 5%;top: 10%;width: 34%;}

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

.un4_book .ubox .box .video .udh1 li:nth-child(2) {left: 28%;top: 20%;width: 32%;}

.un4_book .ubox .box .video .udh1 li:nth-child(3) {left: 43%;top: 3%;}

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

.un4_book .ubox .box .video .udh1 li:nth-child(5) {left: 5%;top:78%;width: 32%;}

.un4_book .ubox .box .video .udh1 li:nth-child(6) {left: 25%;top:68%;width: 34%;}

.un4_book .ubox .box .video .udh1 li:nth-child(7) {left: 57%;top:80%;width: 35%;}

.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;}

.un4_book .ubtn{}

.un4_book .ubtn span{display: block;width: 15.1%;position: absolute;top: 17%;left: 13%;cursor: pointer;z-index: 5;}

.un4_book .ubtn span img{display: block;width: 100%;transform: scale(0.8);-webkit-transform: scale(0.8);}

.un4_book .ubtn span:nth-child(2){top:35%;}

.un4_book .ubtn span:nth-child(3){left: 71%;top: 17%;}

.un4_book .ubtn span:nth-child(4){left: 71%;top: 35%;}

.un4_book .ubtn span:nth-child(5){left: 71%;top: 52%;}

.un4_book .ubtn span:nth-child(6){left: 71%;top: 68%;}

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

.un4_book .ubox .box .video .udh2 li{top: 16%;left: 18%;width: 10%;}

.un4_book .ubox .box .video .udh2 li:nth-child(2){left: 45%;top: 16%;width: 13%;}

.un4_book .ubox .box .video .udh2 li:nth-child(3){left: 73%;top: 16%;width: 13%;}

.un4_book .ubox .box .video .udh2 li:nth-child(4){left: 23%;top: 45%;width: 13%;}

.un4_book .ubox .box .video .udh2 li:nth-child(5){left: 67%;top: 45%;width: 12%;}

.un4_book .ubox .box .video .udh2 li:nth-child(6){left: 2%;top: 68%;width: 45%;}

.un4_book .ubox .box .video .udh2 li:nth-child(7){left: 56%;top: 70%;width: 45%;}

.un4_book .ubox .box .video .udh3{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 4;padding: 25% 3% 6%;}

.un4_book .ubox .box .video .udh3 li{display: block;width: 100%;height: 20%;cursor: pointer;position: static; }

.un4_book .ubox .box .video .spdw{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 4;padding: 10% 3%;}

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

.un4_book .ubox .box .video .spdw span:nth-child(2){margin-left: 33.33%;}

.un4_book .ubox .box .video .spdw2{padding: 0 0 0 65%;height: auto;height: 50px;top: 5%;}

.un4_book .ubox .box .video .spdw2 span{width: 50px;height: 50px;float: none;position: relative;top: 0;}

.un4_book .ubox .box .video .spdw2 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;}

.un4_book .ubox .box .video .spdw2 span:hover{top: 5px;}

.un4_book .ubox .box .video .spdw2 span:hover .txt{opacity: 1;}

.un4_book .ubox .box .video .jieda{position: absolute;top: 6%;right: 20%;z-index: 5;cursor: pointer;}

.un4_book .ubox .box .video .jieda:hover{top: 7%;}

.un4_book .ubox .box .video .js{position: absolute;width: 100%;height: 100%;top: -100%;left: 0;overflow: hidden;z-index: 7;-webkit-transition: all .7s ; -moz-transition: all  .7s ; transition: all  .7s ;}

.un4_book .ubox .box .video .js.act{top: 0;}

.un4_book .ubox .box .video .js img{max-width: 100%;}

.un4_book .ubox .box .video .js span{width: 50px;height: 50px;display: block;position: absolute;top:12%;right: 13%;z-index: 2;cursor: pointer;background: url(../images/u2/a/book/li/x.png) center no-repeat;}

.un4_book .ubox .box .video .js span:hover{top: 12.5%;}

.un4_book .ubox .box .video .udh4 li:nth-child(1){top: 24%;left: 10%;width: 3.5%;}

.un4_book .ubox .box .video .udh4 li:nth-child(2){top: 25%;left: 10.8%;width: 9%;}

.un4_book .ubox .box .video .udh4 li:nth-child(3){top: 35%;left: 16%;width: 3.5%;}

.un4_book .ubox .box .video .udh4 li:nth-child(4){top: 35%;left:16%;width: 13%;}

.un4_book .ubox .box .video .udh4 li:nth-child(5){top: 12%;left: 51%;width: 3.5%;}

.un4_book .ubox .box .video .udh4 li:nth-child(6){top: 13.5%;left: 52%;width: 9%;}

.un4_book .ubox .box .video .udh4 li:nth-child(7){top: 37%;left: 39%;width: 3.5%;}

.un4_book .ubox .box .video .udh4 li:nth-child(8){top: 39.5%;left: 37%;width: 11%;}

.un4_book .ubox .box .video .udh4 li:nth-child(9){top: 18%;left: 75%;width: 3.5%;}

.un4_book .ubox .box .video .udh4 li:nth-child(10){top: 20%;left: 74.5%;width: 10%;}

.un4_book .ubox .box .video .udh4 li:nth-child(11){top: 35%;left: 75%;width: 3.5%;}

.un4_book .ubox .box .video .udh4 li:nth-child(12){top: 36%;left: 74%;width: 9%;}

.un4_book .ubox .box .video .udh4 li:nth-child(13){top: 65%;left: 25%;width: 4.5%;}

.un4_book .ubox .box .video .udh4 li:nth-child(14){top: 63.5%;left: 27%;width: 7.5%;}

.un4_book .ubox .box .video .udh4 li:nth-child(15){top: 71%;left: 35%;width:4.5%;}

.un4_book .ubox .box .video .udh4 li:nth-child(16){top: 69.5%;left: 36%;width: 9%;}

.un4_book .ubox .box .video .udh4 li:nth-child(17){top: 71%;left: 70%;width: 3.5%;}

.un4_book .ubox .box .video .udh4 li:nth-child(18){top: 71%;left: 69.5%;width:12%;}

.un4_book .ubox .box .video .udh4 li:nth-child(19){top: 80%;left: 65%;width: 3.5%;}

.un4_book .ubox .box .video .udh4 li:nth-child(20){top: 78.7%;left:64.3%;width:16%;}

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

.un4_book .ubox .box .video .udh{z-index: 3;}

.un4_book .ubox .box .video .udh5{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 .udh5 li{width: 20%;float: left;position: relative;}

.un4_book .ubox .box .video .udh5 li img{max-width: 100%;cursor: pointer;}

.un4_book .ubox .box .video .udh5 li .lbtn{position: absolute;left: 0;top: 85%;z-index: 2;}

.un4_book .ubox .box .video .udh5 li .lbtn span{display: block;width: 50%;float: left;position: relative;}

.un4_book .ubox .box .video .udh5 li .lbtn span img{display: block;width: 100%;}

.un4_book .ubox .box .video .udh5 li .lbtn span img:nth-child(2){position: absolute;left: 0;bottom: 0;opacity: 0;}

.un4_book .ubox .box .video .udh5 li .lbtn span.act img:nth-child(2){opacity: 1;}

.un4_book .ubox .box .video .udh6 li{top: 65%;left: 0;width: 3.84%;transform: scale(1);-webkit-transform: scale(1);transform-origin:center top;-webkit-transform-origin:center top;}

.un4_book .ubox .box .video .udh6 li:nth-child(2){width: 3.84%;top: 65%;left: 3.84%;}

.un4_book .ubox .box .video .udh6 li:nth-child(3){width: 3.84%;top: 65%;left: 7.68%;}

.un4_book .ubox .box .video .udh6 li:nth-child(4){width: 3.84%;top: 65%;left: 11.25%;}

.un4_book .ubox .box .video .udh6 li:nth-child(5){width: 3.84%;top: 65%;left: 15.36%;}

.un4_book .ubox .box .video .udh6 li:nth-child(6){width: 3.84%;top: 65%;left: 19.2%;}

.un4_book .ubox .box .video .udh6 li:nth-child(7){width: 3.84%;top: 65%;left: 23.04%;}

.un4_book .ubox .box .video .udh6 li:nth-child(8){width: 3.84%;top: 65%;left: 26.88%;}

.un4_book .ubox .box .video .udh6 li:nth-child(9){width: 3.84%;top: 65%;left: 30.72%;}

.un4_book .ubox .box .video .udh6 li:nth-child(10){width: 3.84%;top:65%;left: 34.56%;}

.un4_book .ubox .box .video .udh6 li:nth-child(11){width: 3.84%;top: 65%;left: 38.4%;}

.un4_book .ubox .box .video .udh6 li:nth-child(12){width: 3.84%;top: 65%;left: 42.24%;}

.un4_book .ubox .box .video .udh6 li:nth-child(13){width: 3.84%;top: 65%;left: 46.08%;}

.un4_book .ubox .box .video .udh6 li:nth-child(14){width: 3.84%;top: 65%;left: 49.92%;}

.un4_book .ubox .box .video .udh6 li:nth-child(15){width: 3.84%;top: 65%;left: 53.76%;}

.un4_book .ubox .box .video .udh6 li:nth-child(16){width: 3.84%;top: 65%;left: 57.6%;}

.un4_book .ubox .box .video .udh6 li:nth-child(17){width: 3.84%;top: 65%;left: 61.44%;}

.un4_book .ubox .box .video .udh6 li:nth-child(18){width: 3.84%;top: 65%;left: 65.28%;}

.un4_book .ubox .box .video .udh6 li:nth-child(19){width: 3.84%;top: 65%;left: 69.12%;}

.un4_book .ubox .box .video .udh6 li:nth-child(20){width: 3.84%;top: 65%;left: 72.96%;}

.un4_book .ubox .box .video .udh6 li:nth-child(21){width: 3.84%;top: 65%;left: 76.8%;}

.un4_book .ubox .box .video .udh6 li:nth-child(22){width: 3.84%;top: 65%;left: 80.64%;}

.un4_book .ubox .box .video .udh6 li:nth-child(23){width: 3.84%;top: 65%;left: 84.48%;}

.un4_book .ubox .box .video .udh6 li:nth-child(24){width: 3.84%;top: 65%;left: 88.32%;}

.un4_book .ubox .box .video .udh6 li:nth-child(25){width: 3.84%;top: 65%;left: 92.16%;}

.un4_book .ubox .box .video .udh6 li:nth-child(26){width: 3.84%;top: 65%;left:96%;}

.un4_book .ubox .box .video .udh6 li.act{transform: scale(2);-webkit-transform: scale(2);}




/* part B */

/* 书本朗诵 */

.un4_b_book .ubox .box{width: 43%;height: 67%;margin-top: 6%;left: 0; background: url(../images/u1_bg6_1.png) center no-repeat;border: 0;padding: 0;background-size: cover;}

.un4_b_book .ubox .box .video .abtn{top: 10%;padding-left: 43%;}

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

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

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

.un4_b_book .ubox .box .video .unbox dd:nth-child(2) .abtn{top: 5%;padding-left: 44%;}

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

.un4_b_book .ubox .box .video .unbox dd:nth-child(4) .abtn{top: 3%;padding-left: 30%;}

.un4_b_book .ubox .box .video .unbox dd:nth-child(5) .abtn{top: 2%;padding-left: 37%;}

.un4_b_book .ubox .box .video .udh{}

.un4_b_book .ubox .box .video .udh1 li{width: 30%;}

.un4_b_book .ubox .box .video .udh1 li:nth-child(1){left: 13%;top: 40%;transform-origin: left center;-webkit-transform-origin: left center;}

.un4_b_book .ubox .box .video .udh1 li:nth-child(2){left: 25%;top: 40%;width: 24%;}

.un4_b_book .ubox .box .video .udh1 li:nth-child(3){left: 15%;top: 65%;transform-origin: left center;-webkit-transform-origin: left center;width: 34%;}

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

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

.un4_b_book .ubox .box .video .udh2 li{left: 18%;top: 10%;width: 36%;}

.un4_b_book .ubox .box .video .udh2 li:nth-child(2){left: 55%; top: 13%;width: 34%;}

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

.un4_b_book .ubox .box .video .udh2 li:nth-child(4){left:57%;top:48%;width: 17%;}

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

.un4_b_book .ubox .box .video .udh2 li:nth-child(6){left:6%;top: 92%;width: 12%;}

.un4_b_book .ubox .box .video .udh2 li:nth-child(7){left:35%;top: 88%;width: 20%;}

.un4_b_book .ubox .box .video .udh2 li:nth-child(8){left:7%;top: 40%;width: 10%;}

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

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

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

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

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

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

.un4_b_book .ubox .box .video .spdw span{display: block;cursor: pointer; position: absolute;top: 30%;left: 40%;width: 30%;height: 10%;}

.un4_b_book .ubox .box .video .spdw span:nth-child(2){left: 0;top: 45%;height: 20%;}

.un4_b_book .ubox .box .video .spdw span:nth-child(3){left: 60%;top: 45%;height: 20%;width: 40%;}

.un4_b_book .ubox .box .video .spdw span:nth-child(4){left: 25%;top: 60%;height: 20%;width: 25%;}

.un4_b_book .ubox .box .video .spdw span:nth-child(5){left: 55%;top: 77%;width: 40%;}


.un4_b_book .ubtn{}

.un4_b_book .ubtn span{display: block;width: 15.1%;position: absolute;top: 17%;left: 13%;cursor: pointer;z-index: 5;}

.un4_b_book .ubtn span img{display: block;width: 100%;}

.un4_b_book .ubtn span:nth-child(2){top:35%;}

.un4_b_book .ubtn span:nth-child(3){left: 72%;top: 17%;}

.un4_b_book .ubtn span:nth-child(4){left: 72%;top: 35%;}

.un4_b_book .ubtn span:nth-child(5){top: 50%;}

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


/* part C */

.un4_c{}

.un4_c .ubox .box{width: 43%;height: 67%;margin-top: 6%;left: 0; background: url(../images/u1_bg6_1.png) center no-repeat;border: 0;padding: 0;background-size: cover;}

.un4_c .ubox .box .video .abtn{top: 12%;padding-left: 40%;}

.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: 3%;top: 13%;width: 45%;}

.un4_c .ubox .box .video .udh1 li:nth-child(2){left: 41%;top: 5%;}

.un4_c .ubox .box .video .udh1 li:nth-child(3){left: 9%;top: 56%;width: 60%;transform-origin: left top;-webkit-transform-origin: left top;}

.un4_c .ubox .box .video .udh1 li:nth-child(4){left: 39%;top: 0%;width: 55%;transform-origin: left top;-webkit-transform-origin: left top;}

.un4_c .ubox .box .video .udh1 li:nth-child(5){left: 8%;top: 25%;width: 46%;transform-origin: left top;-webkit-transform-origin: left top;}

.un4_c .ubox .box .video .udh1 li:nth-child(6){left: 10%;top: 53%;width: 38%;}



.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{padding-left: 43%;transform: scale(0.9);transform: scale(0.9);top: 7%;}

.un5 .ubox .box .video .abtn span{margin: 0 5px;}

.un5 .ubox .box .video .udh li{top: 5%;width: 30%;left: 2%;}

.un5 .ubox .box .video .udh li:nth-child(2){top: 7%;right: 2%;width: 28%;}

.un5 .ubox .box .video .udh li:nth-child(3){left: -5%;width: 44%;top: 22%;}

.un5 .ubox .box .video .udh li:nth-child(4){top: 30%;width: 28%;}

.un5 .ubox .box .video .udh li:nth-child(5){top: 48%;width: 17%;left: 15%;}

.un5 .ubox .box .video .udh li:nth-child(6){top: 48%;width: 34%;left: 23%;}

.un5 .ubox .box .video .udh li:nth-child(7){top: 75%;width: 34%;left: 25%;}

.un5 .ubox .box .video .udh li:nth-child(8){top: 78%;width: 24%;left: 45%;}






/* 书本朗诵 */

.un5_book{}

.un5_book .ubox .box{width: 43%;height: 67%;margin-top: 6%;left: 0; background: url(../images/u1_bg6_1.png) center no-repeat;border: 0;padding: 0;background-size: cover;}

.un5_book .ubox .box .video .abtn{top: 7%;padding-left: 38%;}

.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%;padding-left: 45%;}

.un5_book .ubox .box .video .unbox dd:nth-child(3) .abtn{top: 6%;padding-left: 45%;}

.un5_book .ubox .box .video .unbox dd:nth-child(4) .abtn{top: 10%;padding-left: 40%;}

.un5_book .ubox .box .video .unbox dd:nth-child(5) .abtn{top: 28%;padding-left: 50%;}

.un5_book .ubox .box .video .unbox dd:nth-child(6) .abtn{padding-left: 90%;top: 10%;}

.un5_book .ubox .box .video .udh{}

.un5_book .ubox .box .video .udh1 li{left: 5%;top: 10%;width: 40%;}

.un5_book .ubox .box .video .udh1 li:nth-child(2) {left: 40%;top: 25%;width: 56%;}

.un5_book .ubox .box .video .udh1 li:nth-child(3) {left: 13%;top: 63%;width: 24%;}

.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;}

.un5_book .ubtn{}

.un5_book .ubtn span{display: block;width: 15.1%;position: absolute;top: 17%;left: 13%;cursor: pointer;z-index: 5;}

.un5_book .ubtn span img{display: block;width: 100%;transform: scale(0.8);-webkit-transform: scale(0.8);}

.un5_book .ubtn span:nth-child(2){top:35%;}

.un5_book .ubtn span:nth-child(3){top: 50%;}

.un5_book .ubtn span:nth-child(4){left: 71%;top: 17%;}

.un5_book .ubtn span:nth-child(5){left: 71%;top: 35%;}

.un5_book .ubtn span:nth-child(6){left: 71%;top: 53%;}

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

.un5_book .ubox .box .video .udh2 li{top: 38%;left: 18%;width: 50%;}

.un5_book .ubox .box .video .udh2 li:nth-child(2){left: 40%;top: 45%;width: 52%;}

.un5_book .ubox .box .video .udh2 li:nth-child(3){left: 1%;top: 32%;width: 15%;}

.un5_book .ubox .box .video .udh2 li:nth-child(4){left: 13%;top: 41%;width: 10%;}

.un5_book .ubox .box .video .udh2 li:nth-child(5){left: 31%;top: 68%;width: 12%;}

.un5_book .ubox .box .video .udh2 li:nth-child(6){left: 40%;top: 68%;width: 17%;}

.un5_book .ubox .box .video .udh3{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 4;padding: 10% 3% 3% 3%;}

.un5_book .ubox .box .video .udh3 li{display: block;width: 50%;height: 50%;cursor: pointer;position: static; float: left;transform: scale(1);-webkit-transform: scale(1);}

.un5_book .ubox .box .video .spdw{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 4;padding: 12% 3% 5%;}

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

.un5_book .ubox .box .video .spdw2{padding: 0 0 0 70%;height: auto;height: 50px;top: 5%;}

.un5_book .ubox .box .video .spdw2 span{width: 50px;height: 50px;float: none;position: relative;top: 0;}

.un5_book .ubox .box .video .spdw2 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;}

.un5_book .ubox .box .video .spdw2 span:hover{top: 5px;}

.un5_book .ubox .box .video .spdw2 span:hover .txt{opacity: 1;}

.un5_book .ubox .box .video .jieda{position: absolute;top: 6%;right: 15%;z-index: 5;cursor: pointer;}

.un5_book .ubox .box .video .jieda:hover{top: 6.5%;}

.un5_book .ubox .box .video .js{position: absolute;width: 100%;height: 100%;top: -100%;left: 0;overflow: hidden;z-index: 7;-webkit-transition: all .7s ; -moz-transition: all  .7s ; transition: all  .7s ;}

.un5_book .ubox .box .video .js.act{top: 0;}

.un5_book .ubox .box .video .js img{max-width: 100%;}

.un5_book .ubox .box .video .js span{width: 50px;height: 50px;display: block;position: absolute;top:12%;right: 13%;z-index: 2;cursor: pointer;background: url(../images/u2/a/book/li/x.png) center no-repeat;}

.un5_book .ubox .box .video .js span:hover{top: 12.5%;}

.un5_book .ubox .box .video .udh4 li:nth-child(1){top: 30%;left: 26%;width: 3.3%;}

.un5_book .ubox .box .video .udh4 li:nth-child(2){top: 30.5%;left: 27%;width: 5%;}

.un5_book .ubox .box .video .udh4 li:nth-child(3){top: 45%;left: 11%;width: 3.3%;}

.un5_book .ubox .box .video .udh4 li:nth-child(4){top: 45%;left:10.5%;width: 15%;}

.un5_book .ubox .box .video .udh4 li:nth-child(5){top: 16%;left: 41%;width: 3.8%;}

.un5_book .ubox .box .video .udh4 li:nth-child(6){top: 14%;left: 43%;width: 4.8%;}

.un5_book .ubox .box .video .udh4 li:nth-child(7){top: 24%;left: 55%;width: 3.8%;}

.un5_book .ubox .box .video .udh4 li:nth-child(8){top: 25.5%;left: 55%;width: 6.5%;}

.un5_book .ubox .box .video .udh4 li:nth-child(9){top: 20%;left: 82%;width: 3.8%;}

.un5_book .ubox .box .video .udh4 li:nth-child(10){top: 20.2%;left: 82.5%;width: 10.5%;}

.un5_book .ubox .box .video .udh4 li:nth-child(11){top: 47%;left: 77%;width: 3.8%;}

.un5_book .ubox .box .video .udh4 li:nth-child(12){top: 46.5%;left: 77.5%;width: 11%;}

.un5_book .ubox .box .video .udh4 li:nth-child(13){top: 58.5%;left: 12%;width:3.3%;}

.un5_book .ubox .box .video .udh4 li:nth-child(14){top: 58%;left: 13%;width: 10%;}

.un5_book .ubox .box .video .udh4 li:nth-child(15){top: 76%;left: 22%;width:3.3%;}

.un5_book .ubox .box .video .udh4 li:nth-child(16){top: 75%;left: 22.8%;width: 9%;}

.un5_book .ubox .box .video .udh4 li:nth-child(17){top: 75%;left: 57%;width: 3.8%;}

.un5_book .ubox .box .video .udh4 li:nth-child(18){top: 74.5%;left: 59.5%;width:4.8%;}

.un5_book .ubox .box .video .udh4 li:nth-child(19){top: 90%;left: 38%;width: 3.8%;}

.un5_book .ubox .box .video .udh4 li:nth-child(20){top: 90%;left: 37.5%;width:16%;}

.un5_book .ubox .box .video .udh4 li:nth-child(21){top: 60%;left: 71%;width:4.5%;}

.un5_book .ubox .box .video .udh4 li:nth-child(22){top: 61%;left: 72%;width:14%;}

.un5_book .ubox .box .video .udh4 li:nth-child(23){top: 80%;left: 78%;width:4.5%;}

.un5_book .ubox .box .video .udh4 li:nth-child(24){top: 81%;left: 80%;width:7%;}

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

.un5_book .ubox .box .video .udh{z-index: 3;}

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

.un5_book .ubox .box .video .udh5 li{width: 20%;float: left;position: relative;}

.un5_book .ubox .box .video .udh5 li img{max-width: 100%;cursor: pointer;}

.un5_book .ubox .box .video .udh5 li .lbtn{position: absolute;left: 0;top: 85%;z-index: 2;}

.un5_book .ubox .box .video .udh5 li .lbtn span{display: block;width: 50%;float: left;position: relative;}

.un5_book .ubox .box .video .udh5 li .lbtn span img{display: block;width: 100%;}

.un5_book .ubox .box .video .udh5 li .lbtn span img:nth-child(2){position: absolute;left: 0;bottom: 0;opacity: 0;}

.un5_book .ubox .box .video .udh5 li .lbtn span.act img:nth-child(2){opacity: 1;}

.un5_book .ubox .box .video .udh6 li{top: 65%;left: 0;width: 3.84%;transform: scale(1);-webkit-transform: scale(1);transform-origin:center top;-webkit-transform-origin:center top;}

.un5_book .ubox .box .video .udh6 li:nth-child(2){width: 3.84%;top: 65%;left: 3.84%;}

.un5_book .ubox .box .video .udh6 li:nth-child(3){width: 3.84%;top: 65%;left: 7.68%;}

.un5_book .ubox .box .video .udh6 li:nth-child(4){width: 3.84%;top: 65%;left: 11.25%;}

.un5_book .ubox .box .video .udh6 li:nth-child(5){width: 3.84%;top: 65%;left: 15.36%;}

.un5_book .ubox .box .video .udh6 li:nth-child(6){width: 3.84%;top: 65%;left: 19.2%;}

.un5_book .ubox .box .video .udh6 li:nth-child(7){width: 3.84%;top: 65%;left: 23.04%;}

.un5_book .ubox .box .video .udh6 li:nth-child(8){width: 3.84%;top: 65%;left: 26.88%;}

.un5_book .ubox .box .video .udh6 li:nth-child(9){width: 3.84%;top: 65%;left: 30.72%;}

.un5_book .ubox .box .video .udh6 li:nth-child(10){width: 3.84%;top:65%;left: 34.56%;}

.un5_book .ubox .box .video .udh6 li:nth-child(11){width: 3.84%;top: 65%;left: 38.4%;}

.un5_book .ubox .box .video .udh6 li:nth-child(12){width: 3.84%;top: 65%;left: 42.24%;}

.un5_book .ubox .box .video .udh6 li:nth-child(13){width: 3.84%;top: 65%;left: 46.08%;}

.un5_book .ubox .box .video .udh6 li:nth-child(14){width: 3.84%;top: 65%;left: 49.92%;}

.un5_book .ubox .box .video .udh6 li:nth-child(15){width: 3.84%;top: 65%;left: 53.76%;}

.un5_book .ubox .box .video .udh6 li:nth-child(16){width: 3.84%;top: 65%;left: 57.6%;}

.un5_book .ubox .box .video .udh6 li:nth-child(17){width: 3.84%;top: 65%;left: 61.44%;}

.un5_book .ubox .box .video .udh6 li:nth-child(18){width: 3.84%;top: 65%;left: 65.28%;}

.un5_book .ubox .box .video .udh6 li:nth-child(19){width: 3.84%;top: 65%;left: 69.12%;}

.un5_book .ubox .box .video .udh6 li:nth-child(20){width: 3.84%;top: 65%;left: 72.96%;}

.un5_book .ubox .box .video .udh6 li:nth-child(21){width: 3.84%;top: 65%;left: 76.8%;}

.un5_book .ubox .box .video .udh6 li:nth-child(22){width: 3.84%;top: 65%;left: 80.64%;}

.un5_book .ubox .box .video .udh6 li:nth-child(23){width: 3.84%;top: 65%;left: 84.48%;}

.un5_book .ubox .box .video .udh6 li:nth-child(24){width: 3.84%;top: 65%;left: 88.32%;}

.un5_book .ubox .box .video .udh6 li:nth-child(25){width: 3.84%;top: 65%;left: 92.16%;}

.un5_book .ubox .box .video .udh6 li:nth-child(26){width: 3.84%;top: 65%;left:96%;}

.un5_book .ubox .box .video .udh6 li.act{transform: scale(2);-webkit-transform: scale(2);}

/* part B */

/* 书本朗诵 */

.un5_b_book .ubox .box{width: 43%;height: 67%;margin-top: 6%;left: 0; background: url(../images/u1_bg6_1.png) center no-repeat;border: 0;padding: 0;background-size: cover;}

.un5_b_book .ubox .box .video .abtn{top: 6%;padding-left: 45%;}

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

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

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

.un5_b_book .ubox .box .video .unbox dd:nth-child(2) .abtn{top: 5%;padding-left: 42%;}

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

.un5_b_book .ubox .box .video .unbox dd:nth-child(4) .abtn{top: 3%;padding-left: 35%;}

.un5_b_book .ubox .box .video .unbox dd:nth-child(5) .abtn{top: 2%;padding-left: 35%;}

.un5_b_book .ubox .box .video .udh{}

.un5_b_book .ubox .box .video .udh1 li{width: 40%;}

.un5_b_book .ubox .box .video .udh1 li:nth-child(1){left: 15%;top: 10%;transform-origin: left center;-webkit-transform-origin: left center;width: 80%;}

.un5_b_book .ubox .box .video .udh1 li:nth-child(2){left: 35%;top: 32%;width: 38%;}

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

.un5_b_book .ubox .box .video .udh1 li:nth-child(4){left: 13%;top: 63%;width: 44%;}

.un5_b_book .ubox .box .video .udh2 li{left: 20%;top: 20%;width: 40%;}

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

.un5_b_book .ubox .box .video .udh2 li:nth-child(3){left:69%;top: 31%;width: 12%;}

.un5_b_book .ubox .box .video .udh2 li:nth-child(4){left:13%;top:70%;width: 11%;}

.un5_b_book .ubox .box .video .udh2 li:nth-child(5){left:57%;top:78%;width: 9%;}

.un5_b_book .ubox .box .video .udh2 li:nth-child(6){left:72%;top:92%;width: 9%;}

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

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

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

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

.un5_b_book .ubox .box .video .spdw span{display: block;cursor: pointer; width: 25%;height: 100%;float: left;}



.un5_b_book .ubtn{}

.un5_b_book .ubtn span{display: block;width: 15.1%;position: absolute;top: 17%;left: 13%;cursor: pointer;z-index: 5;}

.un5_b_book .ubtn span img{display: block;width: 100%;}

.un5_b_book .ubtn span:nth-child(2){top:35%;}

.un5_b_book .ubtn span:nth-child(3){left: 72%;top: 17%;}

.un5_b_book .ubtn span:nth-child(4){left: 72%;top: 35%;}

.un5_b_book .ubtn span:nth-child(5){top: 50%;}

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


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

.un5_b_book .ubox .box .video .udh5 li{float: left;position: relative;width: 15%;}

.un5_b_book .ubox .box .video .udh5 li img{max-width: 100%;cursor: pointer;}

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

.un5_b_book .ubox .box .video .udh5 li .lbtn span{display: block;width: 35%;float: left;position: relative;}

.un5_b_book .ubox .box .video .udh5 li .lbtn span:nth-child(2){float: right;}

.un5_b_book .ubox .box .video .udh5 li .lbtn span img{display: block;width: 100%;}

.un5_b_book .ubox .box .video .udh5 li .lbtn span img:nth-child(2){position: absolute;left: 0;bottom: 0;opacity: 0;}

.un5_b_book .ubox .box .video .udh5 li .lbtn span.act img:nth-child(2){opacity: 1;}



.un5_b_book .ubox .box .video .udh5 li:nth-child(1){width: 28%;}

.un5_b_book .ubox .box .video .udh5 li:nth-child(1) .lbtn{top: 65%;padding: 0  0% 0 26%;}

.un5_b_book .ubox .box .video .udh5 li:nth-child(2){width: 28%;}

.un5_b_book .ubox .box .video .udh5 li:nth-child(2) .lbtn{top: 48%;padding: 0  10% 0 20%;}

.un5_b_book .ubox .box .video .udh5 li:nth-child(3){width: 24%;}

.un5_b_book .ubox .box .video .udh5 li:nth-child(3) .lbtn{top: 88%;padding: 0  0% 0 10%;}

.un5_b_book .ubox .box .video .udh5 li:nth-child(4){width: 20%;}

.un5_b_book .ubox .box .video .udh5 li:nth-child(4) .lbtn{top: 62%;padding: 0  0% 0 0%;}


/* part C */

.un5_c{}

.un5_c .ubox .box{width: 43%;height: 67%;margin-top: 6%;left: 0; background: url(../images/u1_bg6_1.png) center no-repeat;border: 0;padding: 0;background-size: cover;}

.un5_c .ubox .box .video .abtn{top: 12%;padding-left: 40%;}

.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: 10%;top: 26%;width: 34%;transform-origin: left top;-webkit-transform-origin: left top;}

.un5_c .ubox .box .video .udh1 li:nth-child(2){left: 58%;top: 35%;width: 30%;}

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

.un5_c .ubox .box .video .udh1 li:nth-child(4){left: 11%;top: 77%;width: 24%;}

.un5_c .ubox .box .video .udh1 li:nth-child(5){left: 42%;top: 0%;width: 40%;}

.un5_c .ubox .box .video .udh1 li:nth-child(6){left: 21%;top:25%;width: 32%;}

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

.un5_c .ubox .box .video .udh1 li:nth-child(8){left: 39%;top:63%;width: 30%;}

.un5_c .ubox .box .video .udh1 li:nth-child(9){left: 15%;top:78%;width: 32%;}



.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;}


/* 第六单元 */

.un6 .ubox .box .video .abtn{padding-left: 43%;transform: scale(0.9);transform: scale(0.9);top: 7%;}

.un6 .ubox .box .video .abtn span{margin: 0 5px;}

.un6 .ubox .box .video .udh li{top: 20%;width: 30%;left: 20%;}

.un6 .ubox .box .video .udh li:nth-child(2){top: 30%;width: 20%;left: 15%;}

.un6 .ubox .box .video .udh li:nth-child(3){top: 45%;width: 30%;left: 50%;}

.un6 .ubox .box .video .udh li:nth-child(4){top: 25%;width: 15%;left: 78%;}


/* 书本朗诵 */

.un6_book{}

.un6_book .ubox .box{width: 43%;height: 67%;margin-top: 6%;left: 0; background: url(../images/u1_bg6_1.png) center no-repeat;border: 0;padding: 0;background-size: cover;}

.un6_book .ubox .box .video .abtn{top: 13%;padding-left: 40%;}

.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:17%;padding-left: 50%;}

.un6_book .ubox .box .video .unbox dd:nth-child(3) .abtn{top: 2%;padding-left: 48%;}

.un6_book .ubox .box .video .unbox dd:nth-child(4) .abtn{top: 10%;padding-left: 40%;}

.un6_book .ubox .box .video .unbox dd:nth-child(5) .abtn{top: 27%;padding-left: 50%;}

.un6_book .ubox .box .video .unbox dd:nth-child(6) .abtn{padding-left: 90%;top: 10%;}

.un6_book .ubox .box .video .udh{}

.un6_book .ubox .box .video .udh1 li{left: 5%;top: 20%;width: 40%;}

.un6_book .ubox .box .video .udh1 li:nth-child(2) {left: 20%;top: 35%;width: 46%;}

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

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

.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;}

.un6_book .ubtn{}

.un6_book .ubtn span{display: block;width: 15.1%;position: absolute;top: 17%;left: 13%;cursor: pointer;z-index: 5;}

.un6_book .ubtn span img{display: block;width: 100%;transform: scale(0.8);-webkit-transform: scale(0.8);}

.un6_book .ubtn span:nth-child(2){top:35%;}

.un6_book .ubtn span:nth-child(3){left: 71%;top: 17%;}

.un6_book .ubtn span:nth-child(4){left: 71%;top: 35%;}

.un6_book .ubtn span:nth-child(5){left: 71%;top: 53%;}

.un6_book .ubtn span:nth-child(6){left: 71%;top: 69%;}

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

.un6_book .ubox .box .video .udh2 li{top: 28%;left: 55%;width: 30%;}

.un6_book .ubox .box .video .udh2 li:nth-child(2){top: 72%;left: 40%;width: 7%;}

.un6_book .ubox .box .video .udh2 li:nth-child(3){top: 71.5%;left: 49%;width: 7%;}

.un6_book .ubox .box .video .udh2 li:nth-child(4){top: 72%;left: 58%;width: 10%;}

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

.un6_book .ubox .box .video .udh2 li:nth-child(6){top: 78%;left: 85%;width: 8%;}

.un6_book .ubox .box .video .udh3{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 4;padding: 10% 3% 3% 3%;}

.un6_book .ubox .box .video .udh3 li{display: block;width: 50%;height: 50%;cursor: pointer;position: static; float: left;transform: scale(1);-webkit-transform: scale(1);}

.un6_book .ubox .box .video .spdw{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 4;padding: 12% 3% 5%;}

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

.un6_book .ubox .box .video .spdw2{padding: 0 0 0 65%;height: auto;height: 50px;top: 3%;}

.un6_book .ubox .box .video .spdw2 span{width: 50px;height: 50px;float: none;position: relative;top: 0;}

.un6_book .ubox .box .video .spdw2 span:hover{top: 5px;}

.un6_book .ubox .box .video .spdw2 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;}

.un6_book .ubox .box .video .spdw2 span:hover .txt{opacity: 1;}

.un6_book .ubox .box .video .jieda{position: absolute;top: 4%;right: 18%;z-index: 5;cursor: pointer;}

.un6_book .ubox .box .video .jieda:hover{top: 5.5%;}

.un6_book .ubox .box .video .js{position: absolute;width: 100%;height: 100%;top: -100%;left: 0;overflow: hidden;z-index: 7;-webkit-transition: all .7s ; -moz-transition: all  .7s ; transition: all  .7s ;}

.un6_book .ubox .box .video .js.act{top: 0;}

.un6_book .ubox .box .video .js img{max-width: 100%;}

.un6_book .ubox .box .video .js span{width: 50px;height: 50px;display: block;position: absolute;top:12%;right: 17%;z-index: 2;cursor: pointer;background: url(../images/u2/a/book/li/x.png) center no-repeat;}

.un6_book .ubox .box .video .js span:hover{top: 12.5%;}

.un6_book .ubox .box .video .udh4 li:nth-child(1){top: 15%;left: 3.5%;width: 3.4%;}

.un6_book .ubox .box .video .udh4 li:nth-child(2){top: 15%;left: 0.5%;width: 25%;}

.un6_book .ubox .box .video .udh4 li:nth-child(3){top:50.5%;left: 4%;width: 3.5%;}

.un6_book .ubox .box .video .udh4 li:nth-child(4){top: 51%;left: 3%;width: 16%;}

.un6_book .ubox .box .video .udh4 li:nth-child(5){top: 25%;left: 38%;width: 4%;}

.un6_book .ubox .box .video .udh4 li:nth-child(6){top: 24%;left: 39.7%;width: 7%;}

.un6_book .ubox .box .video .udh4 li:nth-child(7){top: 44%;left: 48%;width: 4%;}

.un6_book .ubox .box .video .udh4 li:nth-child(8){top: 44%;left: 47%;width: 9%;}

.un6_book .ubox .box .video .udh4 li:nth-child(9){top: 24%;left: 63%;width: 5%;}

.un6_book .ubox .box .video .udh4 li:nth-child(10){top: 25%;left: 65%;width: 8%;}

.un6_book .ubox .box .video .udh4 li:nth-child(11){top: 45%;left: 75%;width: 5%;}

.un6_book .ubox .box .video .udh4 li:nth-child(12){top: 46%;left: 76%;width: 13%;}

.un6_book .ubox .box .video .udh4 li:nth-child(13){top: 60%;left: 8%;width: 4%;}

.un6_book .ubox .box .video .udh4 li:nth-child(14){top:58.5%;left: 3.6%;width: 7%;}

.un6_book .ubox .box .video .udh4 li:nth-child(15){top: 85%;left: 8%;width: 4%;}

.un6_book .ubox .box .video .udh4 li:nth-child(16){top:83%;left: 4%;width: 6%;}

.un6_book .ubox .box .video .udh4 li:nth-child(17){top: 78%;left: 36%;width: 4%;}

.un6_book .ubox .box .video .udh4 li:nth-child(18){top: 78%;left: 35.5%;width: 15%;}

.un6_book .ubox .box .video .udh4 li:nth-child(19){top: 88%;left: 36%;width: 4%;}

.un6_book .ubox .box .video .udh4 li:nth-child(20){top: 88%;left: 37%;width: 8%;}

.un6_book .ubox .box .video .udh4 li:nth-child(21){top: 90%;left: 43%;width: 4%;z-index: 3;}

.un6_book .ubox .box .video .udh4 li:nth-child(22){top: 89%;left: 42%;width: 8%;}

.un6_book .ubox .box .video .udh4 li:nth-child(23){top: 68%;left: 80%;width: 4%;}

.un6_book .ubox .box .video .udh4 li:nth-child(24){top: 68%;left: 81.5%;width: 8%;}

.un6_book .ubox .box .video .udh4 li:nth-child(25){top: 93%;left: 80%;width: 4%;}

.un6_book .ubox .box .video .udh4 li:nth-child(26){top: 92%;left: 82.5%;width: 5%;}






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

.un6_book .ubox .box .video .udh{z-index: 3;}

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

.un6_book .ubox .box .video .udh5 li{width: 20%;float: left;position: relative;}

.un6_book .ubox .box .video .udh5 li img{max-width: 100%;cursor: pointer;}

.un6_book .ubox .box .video .udh5 li .lbtn{position: absolute;left: 0;top: 85%;z-index: 2;}

.un6_book .ubox .box .video .udh5 li .lbtn span{display: block;width: 50%;float: left;position: relative;}

.un6_book .ubox .box .video .udh5 li .lbtn span img{display: block;width: 100%;}

.un6_book .ubox .box .video .udh5 li .lbtn span img:nth-child(2){position: absolute;left: 0;bottom: 0;opacity: 0;}

.un6_book .ubox .box .video .udh5 li .lbtn span.act img:nth-child(2){opacity: 1;}

.un6_book .ubox .box .video .udh6 li{top: 65%;left: 0;width: 3.84%;transform: scale(1);-webkit-transform: scale(1);transform-origin:center top;-webkit-transform-origin:center top;}

.un6_book .ubox .box .video .udh6 li:nth-child(2){width: 3.84%;top: 65%;left: 3.84%;}

.un6_book .ubox .box .video .udh6 li:nth-child(3){width: 3.84%;top: 65%;left: 7.68%;}

.un6_book .ubox .box .video .udh6 li:nth-child(4){width: 3.84%;top: 65%;left: 11.25%;}

.un6_book .ubox .box .video .udh6 li:nth-child(5){width: 3.84%;top: 65%;left: 15.36%;}

.un6_book .ubox .box .video .udh6 li:nth-child(6){width: 3.84%;top: 65%;left: 19.2%;}

.un6_book .ubox .box .video .udh6 li:nth-child(7){width: 3.84%;top: 65%;left: 23.04%;}

.un6_book .ubox .box .video .udh6 li:nth-child(8){width: 3.84%;top: 65%;left: 26.88%;}

.un6_book .ubox .box .video .udh6 li:nth-child(9){width: 3.84%;top: 65%;left: 30.72%;}

.un6_book .ubox .box .video .udh6 li:nth-child(10){width: 3.84%;top:65%;left: 34.56%;}

.un6_book .ubox .box .video .udh6 li:nth-child(11){width: 3.84%;top: 65%;left: 38.4%;}

.un6_book .ubox .box .video .udh6 li:nth-child(12){width: 3.84%;top: 65%;left: 42.24%;}

.un6_book .ubox .box .video .udh6 li:nth-child(13){width: 3.84%;top: 65%;left: 46.08%;}

.un6_book .ubox .box .video .udh6 li:nth-child(14){width: 3.84%;top: 65%;left: 49.92%;}

.un6_book .ubox .box .video .udh6 li:nth-child(15){width: 3.84%;top: 65%;left: 53.76%;}

.un6_book .ubox .box .video .udh6 li:nth-child(16){width: 3.84%;top: 65%;left: 57.6%;}

.un6_book .ubox .box .video .udh6 li:nth-child(17){width: 3.84%;top: 65%;left: 61.44%;}

.un6_book .ubox .box .video .udh6 li:nth-child(18){width: 3.84%;top: 65%;left: 65.28%;}

.un6_book .ubox .box .video .udh6 li:nth-child(19){width: 3.84%;top: 65%;left: 69.12%;}

.un6_book .ubox .box .video .udh6 li:nth-child(20){width: 3.84%;top: 65%;left: 72.96%;}

.un6_book .ubox .box .video .udh6 li:nth-child(21){width: 3.84%;top: 65%;left: 76.8%;}

.un6_book .ubox .box .video .udh6 li:nth-child(22){width: 3.84%;top: 65%;left: 80.64%;}

.un6_book .ubox .box .video .udh6 li:nth-child(23){width: 3.84%;top: 65%;left: 84.48%;}

.un6_book .ubox .box .video .udh6 li:nth-child(24){width: 3.84%;top: 65%;left: 88.32%;}

.un6_book .ubox .box .video .udh6 li:nth-child(25){width: 3.84%;top: 65%;left: 92.16%;}

.un6_book .ubox .box .video .udh6 li:nth-child(26){width: 3.84%;top: 65%;left:96%;}

.un6_book .ubox .box .video .udh6 li.act{transform: scale(2);-webkit-transform: scale(2);}

/* part B */

/* 书本朗诵 */

.un6_b_book .ubox .box{width: 43%;height: 67%;margin-top: 6%;left: 0; background: url(../images/u1_bg6_1.png) center no-repeat;border: 0;padding: 0;background-size: cover;}

.un6_b_book .ubox .box .video .abtn{top: 6%;padding-left: 45%;}

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

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

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

.un6_b_book .ubox .box .video .unbox dd:nth-child(2) .abtn{top: 5%;padding-left: 45%;}

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

.un6_b_book .ubox .box .video .unbox dd:nth-child(4) .abtn{top: 6%;padding-left: 40%;}

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

.un6_b_book .ubox .box .video .udh{}

.un6_b_book .ubox .box .video .udh1 li{width: 40%;}

.un6_b_book .ubox .box .video .udh1 li:nth-child(1){left: 20%;top: 10%;transform-origin: left center;-webkit-transform-origin: left center;width: 65%;}

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

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

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

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

.un6_b_book .ubox .box .video .udh2 li{left: -5%;top: 50%;width: 50%;}

.un6_b_book .ubox .box .video .udh2 li:nth-child(2){left: 11%; top: 92%;width: 8%;}

.un6_b_book .ubox .box .video .udh2 li:nth-child(3){left: 25%; top: 93%;width: 14%;}

.un6_b_book .ubox .box .video .udh2 li:nth-child(4){left: 46%; top: 92%;width: 12%;}

.un6_b_book .ubox .box .video .udh2 li:nth-child(5){left: 65%; top: 92%;width:10%;}

.un6_b_book .ubox .box .video .udh2 li:nth-child(6){left: 85%; top: 92%;width: 8%;}

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

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

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

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

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

.un6_b_book .ubox .box .video .spdw span:nth-child(4){margin-left: 17.5%;}

.un6_b_book .ubtn{}

.un6_b_book .ubtn span{display: block;width: 15.1%;position: absolute;top: 17%;left: 13%;cursor: pointer;z-index: 5;}

.un6_b_book .ubtn span img{display: block;width: 100%;}

.un6_b_book .ubtn span:nth-child(2){top:35%;}

.un6_b_book .ubtn span:nth-child(3){left: 72%;top: 17%;}

.un6_b_book .ubtn span:nth-child(4){left: 72%;top: 35%;}

.un6_b_book .ubtn span:nth-child(5){top: 50%;}

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

.un6_b_book .ubox .box .video .udh5{position: absolute;width: 100%;top: 56%;left: 0;transform:translateY(-50%);-webkit-transform:translateY(-50%);z-index: 3;padding: 0 2% 0 12%;} 

.un6_b_book .ubox .box .video .udh5 li{float: left;position: relative;width: 25%;}

.un6_b_book .ubox .box .video .udh5 li img{max-width: 100%;cursor: pointer;}

.un6_b_book .ubox .box .video .udh5 li .lbtn{position: absolute;left: 0;top:49%;z-index: 2;width: 100%;}

.un6_b_book .ubox .box .video .udh5 li .lbtn span{display: block;width: 34%;position: relative;margin: 0 auto;}

.un6_b_book .ubox .box .video .udh5 li .lbtn span img{display: block;width: 100%;}

.un6_b_book .ubox .box .video .udh5 li .lbtn span img:nth-child(2){position: absolute;left: 0;bottom: 0;opacity: 0;}

.un6_b_book .ubox .box .video .udh5 li .lbtn span.act img:nth-child(2){opacity: 1;}


/* part C */

.un6_c{}

.un6_c .ubox .box{width: 43%;height: 67%;margin-top: 6%;left: 0; background: url(../images/u1_bg6_1.png) center no-repeat;border: 0;padding: 0;background-size: cover;}

.un6_c .ubox .box .video .abtn{top: 20%;padding-left:40%;}

.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: 51%;top: 8%;width: 20%;}

.un6_c .ubox .box .video .udh1 li:nth-child(1){width: 50%;top: 25%;left: 30%;}

.un6_c .ubox .box .video .udh1 li:nth-child(2){left: 0%;top: 51%;width: 36%;}

.un6_c .ubox .box .video .udh1 li:nth-child(3){left: 4%;top: 35%;width: 70%;transform-origin: left center ;-webkit-transform-origin: left center ;}

.un6_c .ubox .box .video .udh1 li:nth-child(4){left: 57%;top: 7%;width: 50%;}

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

.un6_c .ubox .box .video .udh1 li:nth-child(6){left: auto;right: 5%; top: 5%;width: 40%;transform-origin: right top ;-webkit-transform-origin: right top ;}


.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_c .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;}

.un6_c .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;}





/* 复习2 */

.r2{}


.r2 .ubox .box{width: 43%;height: 67%;margin-top: 6%;left: 0; background: url(../images/u1_bg6_1.png) center no-repeat;border: 0;padding: 0;background-size: cover;}

.r2 .ubox .box .video .abtn{top: 0%;padding-left: 40%;}

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

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

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

.r2 .ubox .box .video .unbox dd:nth-child(1) .abtn{top:6%;padding-left:41%;}

.r2 .ubox .box .video .unbox dd:nth-child(1) .abtn span{width: 40%;}

.r2 .ubox .box .video .unbox dd:nth-child(2) .abtn{top: 2%;padding-left:38%;}

.r2 .ubox .box .video .unbox dd:nth-child(3) .abtn{top: 0%;padding-left: 55%;transform: scale(0.7);-webkit-transform: scale(0.7);}

.r2 .ubox .box .video .udh1 li{left: 45%;top: 5%;width: 30%;}

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

.r2 .ubox .box .video .udh1 li:nth-child(2){left: 55%;top: 5%;width: 30%;}

.r2 .ubox .box .video .udh1 li:nth-child(3){left: 25%;top: 28%;width: 15%;}

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

.r2 .ubox .box .video .udh1 li:nth-child(5){left: 55%;top: 30%;width: 14%;}

.r2 .ubox .box .video .udh1 li:nth-child(6){left: 35%;top: 31%;width: 30%;}

.r2 .ubox .box .video .udh1 li:nth-child(7){left: 60%;top: 35%;width: 14%;}

.r2 .ubox .box .video .udh1 li:nth-child(8){left: 28%;top: 48%;width: 30%;}

.r2 .ubox .box .video .udh1 li:nth-child(9){left: 60%;top: 48%;width: 18%;}

.r2 .ubox .box .video .udh1 li:nth-child(10){left: 35%;top: 56%;width: 30%;}

.r2 .ubox .box .video .udh1 li:nth-child(11){left: 60%;top: 57%;width: 14%;}

.r2 .ubox .box .video .udh1 li:nth-child(12){left: 35%;top: 77%;width: 30%;}

.r2 .ubox .box .video .udh1 li:nth-child(13){left: 60%;top: 62%;width: 18%;}

.r2 .ubox .box .video .udh2{width: 100%;position: absolute;z-index: 3;top: 0;left: 0;height: 100%;padding: 10% 10% 2%;}

.r2 .ubox .box .video .udh2 li{position: relative;width: 40%;float: left;overflow: hidden;height: 33.33%;padding-bottom: 2%;}

.r2 .ubox .box .video .udh2 li:nth-child(2n){float: right;}

.r2 .ubox .box .video .udh2 li img{display: block;width: 100%;height: 100%;cursor: pointer;}

.r2 .ubox .box .video .udh2 li .lsp span{width: 20%; display: block;padding-top: 20%;background: url(../images/r2/ti/k.png) center no-repeat;  cursor: pointer;position: absolute;left: 0;bottom: 0;z-index: 2;border-radius: 10px;}

.r2 .ubox .box .video .udh2 li .lsp span:nth-child(2){left: auto;right: 0;}

.r2 .ubox .box .video .udh2 li .lsp span.y.act{background: url(../images/r2/ti/k2.png) center no-repeat; }








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

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

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

.r2 .ubtn{}

.r2 .ubtn span{display: block;width: 15.1%;position: absolute;top: 17%;left: 12%;cursor: pointer;z-index: 5;}

.r2 .ubtn span img{display: block;width: 100%;}

.r2 .ubtn span:nth-child(2){left: 71%;top: 35%;}

.r2 .ubtn span:nth-child(3){left: 71%;top: 17%;}

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

.r2 .ubox .box .video .abtn{top: 12%;padding-left: 40%;}

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

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

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

.r2 .ubox .box .video .udh{}














@media(max-width: 1680px){

    
    .iall > img{width: 100%;}


}



@media(max-width: 1440px){

    .un1 .ubox .box .video .udh li{transform: scale(0.4);-webkit-transform: scale(0.4);}

    .un1 .ubox .box .video .udh li.act{transform: scale(0.8);-webkit-transform: scale(0.8);}

    .iall .fh{transform: scale(0.7);-webkit-transform: scale(0.7);transform-origin:center  bottom;-webkit-transform-origin:center  bottom;}

    .ucj1 .uceng a{margin-bottom: 5%;}

    .iall{min-height: 500px;}

    .ucj_j1 .ubox .swiper1 .next1,.ucj_j1 .ubox .swiper1 .prev1{transform: scale(0.7);-webkit-transform: scale(0.7);right: 0;}

    .un1_book .ubox .box{min-height: 300px;}

    .un1 .ubox .box .video .abtn{transform: scale(0.8);transform: scale(0.8);}

    .un4_book .ubox .box .video .unbox dd:nth-child(2) .abtn{top: 2%;padding-left: 45%;}

    .uag1 .uagcen .ifm{top: 7%;}

    .un1 .ubox .box .video .abtn span{width: 40px;}

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

    .un4_book .ubox .box .video .spdw2 span img{width: 40px;}

    .un4_book .ubox .box .video .udh4 li:nth-child(1){left: 11%;}

    .un4_book .ubox .box .video .udh4 li:nth-child(3){left: 17.5%;}

    .un4_book .ubox .box .video .udh4 li:nth-child(5){left: 52%;top: 12.5%;}

    .un4_book .ubox .box .video .udh4 li:nth-child(7){left: 41%;top: 36.8%;}

    .un4_book .ubox .box .video .udh4 li:nth-child(9){left: 75.5%;top: 18.5%;}

    .un4_book .ubox .box .video .udh4 li:nth-child(11){left: 75.5%;}

    .un4_book .ubox .box .video .udh4 li:nth-child(14){left: 26.3%;}

    .un4_book .ubox .box .video .udh4 li:nth-child(16){left: 35.5%;}

    .un4_book .ubox .box .video .udh4 li:nth-child(17){left: 71%;top: 70.7%;}

    .un4_book .ubox .box .video .udh4 li:nth-child(19){top: 79.5%;left: 69%;}

    .un4_book .ubox .box .video .udh4 li:nth-child(20){left: 66.3%;width: 18%;top: 78%;}

    .un1_b_book .ubox .box .video dd:nth-child(1) .abtn{padding-left: 43%;}

    .un1_b_book .ubox .box .video dd:nth-child(5) .abtn{padding-left: 35%;top: 0;}

    .un1_b_book .ubox .box .video .unbox dd:nth-child(3) .abtn{padding-left: 54%;}

    .un1_b_book .ubox .box .video .unbox dd:nth-child(4) .abtn{padding-left: 57%;}

    .un2_book .ubox .box .video .unbox dd:nth-child(1) .abtn{padding-left: 52%;}

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

    .un2_book .ubox .box .video .udh4 li:nth-child(1){left: 13%;top: 22.8%;}

    .un2_book .ubox .box .video .udh4 li:nth-child(3){left: 13%;}

    .un2_book .ubox .box .video .udh4 li:nth-child(5){left: 62.5%;}

    .un2_book .ubox .box .video .udh4 li:nth-child(7){left: 63%;}

    .un2_book .ubox .box .video .udh4 li:nth-child(10){left: 13.3%;}

    .un2_book .ubox .box .video .udh4 li:nth-child(12){left: 32.2%;}

    .un2_book .ubox .box .video .udh4 li:nth-child(13){left: 54%;top: 80.7%;}

    .un2_book .ubox .box .video .udh4 li:nth-child(15){left: 76.5%;}

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

    .un2_b_book .ubox .box .video .unbox dd:nth-child(2) .abtn{padding-left: 45%;}

    .un2_b_book .ubox .box .video .unbox dd:nth-child(1) .abtn{padding-left: 45%;}

    .un2_b_book .ubox .box .video .unbox dd:nth-child(5) .abtn{padding-left: 47%;}

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

    .un3_book .ubox .box .video .unbox dd:nth-child(1) .abtn,.un3_book .ubox .box .video .unbox dd:nth-child(3) .abtn{padding-left: 45%;}

    .un3_book .ubox .box .video .udh4 li:nth-child(1){left: 13.5%;}

    .un3_book .ubox .box .video .udh4 li:nth-child(5){width: 3.7%;top: 13.3%;left: 41.5%;}

    .un3_book .ubox .box .video .udh4 li:nth-child(3){width: 3.2%;left: 10.5%;top: 54%;}

    .un3_book .ubox .box .video .udh4 li:nth-child(13){left: 63.5%;}

    .un3_book .ubox .box .video .udh4 li:nth-child(7){left: 33.5%;top: 62.5%;}

    .un3_book .ubox .box .video .udh4 li:nth-child(17){width: 2%;left: 83.8%;top: 57.5%;}

    .un3_book .ubox .box .video .udh4 li:nth-child(9){left: 30%;}

    .un3_book .ubox .box .video .udh4 li:nth-child(11){left: 49%;}

    .un3_book .ubox .box .video .udh4 li:nth-child(19){left: 80.9%;}

    .un3_book .ubox .box .video .udh4 li:nth-child(15){left: 79.5%;}

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

    .un3_b_book .ubox .box .video .unbox dd:nth-child(4) .abtn{padding-left: 45%;}

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

    .un4_book .ubox .box .video .unbox dd:nth-child(1) .abtn{padding-left: 45%;}

    .un5_book .ubox .box .video .unbox dd:nth-child(2) .abtn{padding-left: 48%;}

    .un5_book .ubox .box .video .unbox dd:nth-child(3) .abtn{top: 3%;}

    .un5_book .ubox .box .video .udh4 li:nth-child(1){left: 26.5%;}

    .un5_book .ubox .box .video .udh4 li:nth-child(3){left: 12.5%;top: 45.5%;}

    .un5_book .ubox .box .video .udh4 li:nth-child(5){left: 41.5%;top: 15.5%;}

    .un5_book .ubox .box .video .udh4 li:nth-child(7){left: 56%;top: 23.5%;}

    .un5_book .ubox .box .video .udh4 li:nth-child(9){left: 83%;}

    .un5_book .ubox .box .video .udh4 li:nth-child(11){left: 78%;top: 46.8%;}

    .un5_book .ubox .box .video .udh4 li:nth-child(13){left: 13.3%;}

    .un5_book .ubox .box .video .udh4 li:nth-child(15){left: 23%;}

    .un5_book .ubox .box .video .udh4 li:nth-child(19){left: 39.5%;top: 90.3%;}

    .un5_book .ubox .box .video .udh4 li:nth-child(17){left: 58%;}

    .un5_book .ubox .box .video .udh4 li:nth-child(21){left: 73%;top: 60.5%;}

    .un5_book .ubox .box .video .udh4 li:nth-child(23){left: 79%;}

    .un5_b_book .ubox .box .video .unbox dd:nth-child(2) .abtn{padding-left: 45%;top: 7%;}

    .un5_b_book .ubox .box .video .unbox dd:nth-child(1) .abtn{padding-left:50% ;top: 4%;}

    .un5_b_book .ubox .box .video .unbox dd:nth-child(5) .abtn{top: 1%;padding-left: 40%;}

    .un5_b_book .ubox .box .video .unbox dd:nth-child(3) .abtn{top: 16%;padding-left: 52%;}

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

    .un6_book .ubox .box .video .udh4 li:nth-child(1){left: 5.5%;top: 15.6%;}

    .un6_book .ubox .box .video .udh4 li:nth-child(5){left: 39%;}

    .un6_book .ubox .box .video .udh4 li:nth-child(9){left: 64%;top: 24.5%;}

    .un6_book .ubox .box .video .udh4 li:nth-child(8){top: 45%;left: 45.5%;}

    .un6_book .ubox .box .video .udh4 li:nth-child(12){left: 75%;top: 45.5%;}

    .un6_book .ubox .box .video .udh4 li:nth-child(3){left: 5.2%;top: 51%;}

    .un6_book .ubox .box .video .udh4 li:nth-child(14){left: 4.2%;}
    
    .un6_book .ubox .box .video .udh4 li:nth-child(16){left: 4.7%;}

    .un6_book .ubox .box .video .udh4 li:nth-child(23),.un6_book .ubox .box .video .udh4 li:nth-child(25){left: 81%;}

    .un6_book .ubox .box .video .udh4 li:nth-child(17){left: 37.5%;top: 78.5%;}

    .un6_book .ubox .box .video .udh4 li:nth-child(19){left: 36.5%;}

    .un6_book .ubox .box .video .udh4 li:nth-child(21){left: 41.5%;top: 89%;}

    .un6_book .ubox .box .video .udh4 li:nth-child(22){top: 88%;left: 40.2%;}

    .un6_b_book .ubox .box .video .unbox dd:nth-child(1) .abtn{left: 2%;top: 2%;}

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

    .un6_b_book .ubox .box .video .unbox dd:nth-child(5) .abtn{padding-left: 45%;top: 3%;}

    .un6_b_book .ubox .box .video .unbox dd:nth-child(3) .abtn{top: 12%;padding-left: 54%;}

    .un6_book .ubox .box .video .unbox dd:nth-child(2) .abtn{top: 15%;}

    .un6_book .ubox .box .video .unbox dd:nth-child(1) .abtn{padding-left: 44%;}

    .r1 .ubox .box .video .unbox dd:nth-child(2) .abtn{padding-left: 42%;top: 3%;}

    .r2 .ubox .box .video .unbox dd:nth-child(1) .abtn{top: 4%;padding-left: 45%;}

    .un1 .ubox .box .video .udh li.adbfno{transform: scale(0.4);-webkit-transform: scale(0.4);}

    .un6_book .ubox .box .video .udh4 li:nth-child(12){width: 15%;left: 74%;top: 45%;}







}