*{ padding: 0px; margin: 0px; font-size: 16px; color: #333; font-family: "Microsoft YaHei"; cursor: url('data:image/x-icon;base64,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'), auto; } a,a:link,a:visited,a:hover,a:active{ text-decoration: none; } ::-moz-selection { background: #338FFF; color: #fff; } ::-webkit-selection { background: #338FFF; color: #fff; } ::selection { background: #338FFF; color: #fff; } .clear::after{ content: ""; display: block; height: 0px; clear: both; visibility: hidden; } .response-img{ display: block; max-width: 100%; } .text-overflow{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } body{ width: 100%; max-width: 1920px; min-width: 1200px; } #knowledge{ width: 100%; position: relative; background-color: #ccc; padding: 40px 0; } .bookBox{ width: 1000px; height: 500px; position: relative; margin: 30px auto; -webkit-perspective-origin: 50% 60%; perspective-origin: 50% 60%; -webkit-perspective: 1500px; perspective: 1500px; background: url(../img/bookBg.png) no-repeat 0 0 ; background-size: 100% 100%; } .bookBox:hover .lastBtn{ display: block; } .bookBox:hover .nextBtn{ display: block; } .bookPage{ position: absolute; width: 500px; height: 500px; top: 0; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: all linear 2s; -moz-transition: all linear 2s; -ms-transition: all linear 2s; -o-transition: all linear 2s; transition: all linear 2s; background: url(../img/bookLeft.png) no-repeat; background-size: 479.26px 483.33px; background-position: 20.74px 8.3px; } .bookPage img{ position: absolute; top: 50px; left: 50px; display: inline-block; width: 400px; } .bookWord{ position: absolute; top: 50px; left: 50px; display: inline-block; width: 360px; height: 360px; padding: 20px; font-size: 20px; line-height: 27px; backface-visibility: visible; background-color: #f0f0f0;word-break:break-all; -webkit-column-count: 2; -webkit-column-gap: 40px; -moz-column-count: 2; -moz-column-gap: 40px; -ms-column-count: 2; -ms-column-gap: 40px; column-count: 2; column-gap: 40px; } .bookWord span{ font-size: 30px; font-weight: 600; line-height: 40px; } .frist{ left: 0; z-index: 1; } .frist img{ z-index: 1; } .last{ right: 0; z-index: 1; } .last p{ z-index: 1; } .runPage{ right: 0; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; } .runPage, .bookPage:last-child { background: url(../img/bookRight.png) no-repeat; background-size: 479.26px 483.33px; background-position: 0 8.3px; } .runClass{ -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); transform: rotateY(-180deg); } .lastBtn, .nextBtn { display: none; position: absolute; top: 200px; cursor: url('data:image/x-icon;base64,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'), auto; z-index: 999; font-size: 50px; line-height: 100px; color: #fff; text-decoration: none; background-color: rgba(0,0,0,.5); } .lastBtn{ left: 0; } .nextBtn{ right: 0; } .canvasBox{ display: block; width: 158px; height: 158px; } .pageNumber{ position: absolute; bottom: -40px; right: 0; font-size: 20px!important; line-height: 30px; }