HTML{background:#000}*{margin:0;padding:0}.wrap{margin:40px auto;width:500px}.duo-paper-cut{margin:50px auto;position:relative}.duo-paper-cut .paper-cut{overflow:hidden}.duo-paper-cut:hover .control{opacity:1;-webkit-transition:opacity .5s;transition:opacity .5s}.duo-paper-cut .paper-cut{list-style:none}.duo-paper-cut .paper-cut li{width:100%;float:left;height:100%;position:relative;-webkit-transform:translateZ(-180px);-webkit-transform-style:preserve-3d}.duo-paper-cut .control{opacity:0;-webkit-transition:opacity 1.5s;transition:opacity 1.5s}.duo-paper-cut .control .left,.duo-paper-cut .control .right{top:0;width:5%;height:100%;z-index:1000;position:absolute;background:rgba(0,0,0,.3)}.duo-paper-cut .control i{border:solid #fff;border-width:0 2px 2px 0;display:inline-block;padding:6px}.duo-paper-cut .control .left{left:0}.duo-paper-cut .control .left .left-arrow{top:50%;left:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);position:absolute;transform:rotate(135deg);-webkit-transform:rotate(135deg)}.duo-paper-cut .control .right{right:0}.duo-paper-cut .control .right .right-arrow{top:50%;right:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);position:absolute;transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}.duo-paper-cut li span{width:100%;height:100%;position:absolute}.duo-paper-cut li span:nth-child(3){-webkit-transform-origin:bottom}.duo-paper-cut li span:nth-child(4){-webkit-transform-origin:top}.duo-paper-cut .pagination{right:10%;bottom:5px;position:absolute}.duo-paper-cut .pagination .point{float:left;width:20px;height:20px;cursor:pointer;font-size:12px;color:#fff;line-height:20px;text-align:center;margin-left:5px;border-radius:15px;background:rgba(0,0,0,.4);-webkit-box-shadow:0 2px 5px #fff;box-shadow:0 2px 5px #fff}.duo-paper-cut .pagination .point.current{background:#efefef;color:#000}
/*# sourceMappingURL=app.250826cda695d3181b063e8be48e13ab.css.map */