.easefilp-demo .banner-wrapper{width:100%;position:relative;background-image:url(/img/easeflip/demo-bg-pc.png);background-size:100% 100%;height:184px;display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center;justify-content:center}.easefilp-demo .banner-wrapper .title{font-size:40px;font-weight:700;color:#fff}.easefilp-demo .content1-wrapper{padding:80px 0}.easefilp-demo .content1-wrapper .container{position:relative}.easefilp-demo .content1-wrapper .container:before{content:"";position:absolute;display:inline-block;bottom:-117px;left:0;background-image:url(/img/easeflip/ring.svg);background-size:100% 100%;width:164px;height:164px}.easefilp-demo .content1-wrapper .title{font-size:28px;font-weight:700;color:#114258;text-align:center;position:relative}.easefilp-demo .content1-wrapper .title:after,.easefilp-demo .content1-wrapper .title:before{content:"";display:inline-block;background-image:url(/img/easeflip/tree-left.svg);background-size:100% 100%;width:38px;height:40px;margin-right:10px}.easefilp-demo .content1-wrapper .title:after{background-image:url(/img/easeflip/tree-right.svg);margin-left:10px;margin-right:0}.easefilp-demo .content1-wrapper .desc{font-size:16px;color:#333;line-height:24px;text-align:center;width:70%;margin:15px auto}.easefilp-demo .content1-wrapper .flex-box{display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 30px 90px;justify-content:space-between;width:996px;margin:50px auto 0;position:relative}.easefilp-demo .content1-wrapper .flex-box.mb{display:none;margin-top:80px}.easefilp-demo .content1-wrapper .flex-box .flex-item{height:330px;width:240px;position:relative;overflow:hidden;box-shadow:0 0 10px rgba(0,0,0,.1)}.easefilp-demo .content1-wrapper .flex-box .flex-item img{width:100%;height:100%}.easefilp-demo .content1-wrapper .flex-box .flex-item .mask-box{width:100%;height:0;padding:0 25px;background:rgba(0,0,0,.8);position:absolute;bottom:0;left:0;z-index:99}.easefilp-demo .content1-wrapper .flex-box .flex-item .mask-box .mask-title{font-size:18px;font-weight:700;color:#fff;line-height:24px;text-align:center}.easefilp-demo .content1-wrapper .flex-box .flex-item .mask-box .mask-button{background:#f77774;border-radius:10px;line-height:50px;margin:30px 36px;text-align:center;font-size:0;cursor:pointer}.easefilp-demo .content1-wrapper .flex-box .flex-item .mask-box .mask-button:hover{background:#fff}.easefilp-demo .content1-wrapper .flex-box .flex-item .mask-box .mask-button:hover .icon{background-image:url(/img/easeflip/demo-view-active.svg)}.easefilp-demo .content1-wrapper .flex-box .flex-item .mask-box .mask-button:hover .text{color:#f77774}.easefilp-demo .content1-wrapper .flex-box .flex-item .mask-box .mask-button .icon{display:inline-block;background-image:url(/img/easeflip/demo-view.svg);background-size:100% 100%;width:20px;height:13px;vertical-align:middle}.easefilp-demo .content1-wrapper .flex-box .flex-item .mask-box .mask-button .text{margin-left:10px;display:inline-block;vertical-align:middle;font-size:18px;font-weight:700;color:#fff}.easefilp-demo .content1-wrapper .flex-box .flex-item:hover .mask-box{height:50%;padding:15px 25px}.easefilp-demo .content1-wrapper .flex-box:after{content:"";display:inline-block;background-image:url(/img/easeflip/bookrack-pc.svg);background-size:100% 100%;width:996px;height:144px;position:absolute;bottom:-45px;left:0;z-index:-1}.easefilp-demo .content2-wrapper{padding:80px 0}.easefilp-demo .content2-wrapper .title{font-size:28px;font-weight:700;color:#114258;text-align:center;position:relative}.easefilp-demo .content2-wrapper .title:after,.easefilp-demo .content2-wrapper .title:before{content:"";display:inline-block;background-image:url(/img/easeflip/tree-left.svg);background-size:100% 100%;width:38px;height:40px;margin-right:10px}.easefilp-demo .content2-wrapper .title:after{background-image:url(/img/easeflip/tree-right.svg);margin-left:10px;margin-right:0}.easefilp-demo .content2-wrapper .desc{font-size:16px;color:#333;line-height:24px;text-align:center;width:70%;margin:15px auto}.easefilp-demo .content2-wrapper .flex-box{display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 30px 90px;justify-content:space-between;width:996px;margin:50px auto 0;position:relative}.easefilp-demo .content2-wrapper .flex-box.mb{display:none;margin-top:80px}.easefilp-demo .content2-wrapper .flex-box.mb .flex-item{background-image:url(/img/easeflip/demo-book6.png)}.easefilp-demo .content2-wrapper .flex-box .flex-item{height:330px;width:240px;position:relative;overflow:hidden;box-shadow:0 0 10px rgba(0,0,0,.1)}.easefilp-demo .content2-wrapper .flex-box .flex-item img{width:100%;height:100%}.easefilp-demo .content2-wrapper .flex-box .flex-item .mask-box{width:100%;height:0;padding:0 25px;background:rgba(0,0,0,.8);position:absolute;bottom:0;left:0}.easefilp-demo .content2-wrapper .flex-box .flex-item .mask-box .mask-title{font-size:18px;font-weight:700;color:#fff;line-height:24px;text-align:center}.easefilp-demo .content2-wrapper .flex-box .flex-item .mask-box .mask-button{background:#f77774;border-radius:10px;line-height:50px;margin:30px 36px;text-align:center;font-size:0;cursor:pointer}.easefilp-demo .content2-wrapper .flex-box .flex-item .mask-box .mask-button:hover{background:#fff}.easefilp-demo .content2-wrapper .flex-box .flex-item .mask-box .mask-button:hover .icon{background-image:url(/img/easeflip/demo-view-active.svg)}.easefilp-demo .content2-wrapper .flex-box .flex-item .mask-box .mask-button:hover .text{color:#f77774}.easefilp-demo .content2-wrapper .flex-box .flex-item .mask-box .mask-button .icon{display:inline-block;background-image:url(/img/easeflip/demo-view.svg);background-size:100% 100%;width:20px;height:13px;vertical-align:middle}.easefilp-demo .content2-wrapper .flex-box .flex-item .mask-box .mask-button .text{margin-left:10px;display:inline-block;vertical-align:middle;font-size:18px;font-weight:700;color:#fff}.easefilp-demo .content2-wrapper .flex-box .flex-item:hover .mask-box{height:50%;padding:15px 25px}.easefilp-demo .content2-wrapper .flex-box:after{content:"";display:inline-block;background-image:url(/img/easeflip/bookrack-pc.svg);background-size:100% 100%;width:996px;height:144px;position:absolute;bottom:-45px;left:0;z-index:-1}.easefilp-demo .content3-wrapper{padding:80px 0;margin-bottom:50px}.easefilp-demo .content3-wrapper .title{font-size:28px;font-weight:700;color:#114258;text-align:center;position:relative}.easefilp-demo .content3-wrapper .title:after,.easefilp-demo .content3-wrapper .title:before{content:"";display:inline-block;background-image:url(/img/easeflip/tree-left.svg);background-size:100% 100%;width:38px;height:40px;margin-right:10px}.easefilp-demo .content3-wrapper .title:after{background-image:url(/img/easeflip/tree-right.svg);margin-left:10px;margin-right:0}.easefilp-demo .content3-wrapper .desc{font-size:16px;color:#333;line-height:24px;text-align:center;width:70%;margin:15px auto}.easefilp-demo .content3-wrapper .flex-box{display:-webkit-box;display:-ms-flexbox;display:flex;padding-bottom:90px;justify-content:space-evenly;width:996px;margin:50px auto 0;position:relative}.easefilp-demo .content3-wrapper .flex-box .flex-item{height:330px;width:240px;position:relative;overflow:hidden;box-shadow:0 0 10px rgba(0,0,0,.1)}.easefilp-demo .content3-wrapper .flex-box .flex-item img{width:100%;height:100%}.easefilp-demo .content3-wrapper .flex-box .flex-item .mask-box{width:100%;height:0;padding:0 25px;background:rgba(0,0,0,.8);position:absolute;bottom:0;left:0}.easefilp-demo .content3-wrapper .flex-box .flex-item .mask-box .mask-title{font-size:18px;font-weight:700;color:#fff;line-height:24px;text-align:center}.easefilp-demo .content3-wrapper .flex-box .flex-item .mask-box .mask-button{background:#f77774;border-radius:10px;line-height:50px;margin:30px 36px;text-align:center;font-size:0;cursor:pointer}.easefilp-demo .content3-wrapper .flex-box .flex-item .mask-box .mask-button:hover{background:#fff}.easefilp-demo .content3-wrapper .flex-box .flex-item .mask-box .mask-button:hover .icon{background-image:url(/img/easeflip/demo-view-active.svg)}.easefilp-demo .content3-wrapper .flex-box .flex-item .mask-box .mask-button:hover .text{color:#f77774}.easefilp-demo .content3-wrapper .flex-box .flex-item .mask-box .mask-button .icon{display:inline-block;background-image:url(/img/easeflip/demo-view.svg);background-size:100% 100%;width:20px;height:13px;vertical-align:middle}.easefilp-demo .content3-wrapper .flex-box .flex-item .mask-box .mask-button .text{margin-left:10px;display:inline-block;vertical-align:middle;font-size:18px;font-weight:700;color:#fff}.easefilp-demo .content3-wrapper .flex-box .flex-item:hover .mask-box{height:50%;padding:15px 25px}.easefilp-demo .content3-wrapper .flex-box:after{content:"";display:inline-block;background-image:url(/img/easeflip/bookrack-pc.svg);background-size:100% 100%;width:996px;height:144px;position:absolute;bottom:-45px;left:0;z-index:-1}.easefilp-demo .dialog-mask{width:100%;background:rgba(0,0,0,.5);position:fixed;top:0;left:0;z-index:101;height:100%;display:none;align-items:center;justify-content:center}.easefilp-demo .dialog-mask.show-dialog{display:-webkit-box;display:-ms-flexbox;display:flex}.easefilp-demo .dialog-mask .dialog{width:1126px;border-radius:10px;z-index:12;background:#f5f6ff;position:relative;overflow:hidden}.easefilp-demo .dialog-mask .dialog .dialog-content{padding:30px 0}.easefilp-demo .dialog-mask .dialog-close{position:absolute;z-index:2;top:10px;right:10px;border:2px solid #fff;display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;width:34px;height:34px;cursor:pointer;border-radius:54px}.easefilp-demo .dialog-mask .dialog-close.mb{display:none}.easefilp-demo .dialog-mask .dialog-close.pc{display:-webkit-box;display:-ms-flexbox;display:flex}@media (max-width:996px){.easefilp-demo .dialog-mask{width:90%;padding:50px 0}.easefilp-demo .dialog-mask .dialog-close{top:5px;right:5px;width:24px;height:24px;border-radius:24px}.easefilp-demo .dialog-mask .dialog-close.mb{display:-webkit-box;display:-ms-flexbox;display:flex}.easefilp-demo .dialog-mask .dialog-close.pc{display:none}}@media (max-width:1200px){.easefilp-demo .content1-wrapper .container,.easefilp-demo .content2-wrapper .container,.easefilp-demo .content3-wrapper .container{position:relative}.easefilp-demo .content1-wrapper .container:before,.easefilp-demo .content2-wrapper .container:before,.easefilp-demo .content3-wrapper .container:before{display:none}.easefilp-demo .content1-wrapper .desc,.easefilp-demo .content1-wrapper .flex-box,.easefilp-demo .content1-wrapper .flex-box:after,.easefilp-demo .content2-wrapper .desc,.easefilp-demo .content2-wrapper .flex-box,.easefilp-demo .content2-wrapper .flex-box:after,.easefilp-demo .content3-wrapper .desc,.easefilp-demo .content3-wrapper .flex-box,.easefilp-demo .content3-wrapper .flex-box:after{width:100%}}@media (max-width:768px){.easefilp-demo .banner-wrapper{background-image:url(/img/easeflip/demo-bg-mobile.png);height:113px}.easefilp-demo .banner-wrapper .title{font-size:20px;line-height:28px}.easefilp-demo .content1-wrapper,.easefilp-demo .content2-wrapper,.easefilp-demo .content3-wrapper{padding:50px 0 80px}.easefilp-demo .content1-wrapper .container,.easefilp-demo .content2-wrapper .container,.easefilp-demo .content3-wrapper .container{position:relative}.easefilp-demo .content1-wrapper .container:before,.easefilp-demo .content2-wrapper .container:before,.easefilp-demo .content3-wrapper .container:before{display:none}.easefilp-demo .content1-wrapper .title,.easefilp-demo .content2-wrapper .title,.easefilp-demo .content3-wrapper .title{font-size:24px;line-height:36px;padding:0 20px}.easefilp-demo .content1-wrapper .title:after,.easefilp-demo .content1-wrapper .title:before,.easefilp-demo .content2-wrapper .title:after,.easefilp-demo .content2-wrapper .title:before,.easefilp-demo .content3-wrapper .title:after,.easefilp-demo .content3-wrapper .title:before{position:absolute;top:0;width:23px;height:24px}.easefilp-demo .content1-wrapper .title:before,.easefilp-demo .content2-wrapper .title:before,.easefilp-demo .content3-wrapper .title:before{left:0}.easefilp-demo .content1-wrapper .title:after,.easefilp-demo .content2-wrapper .title:after,.easefilp-demo .content3-wrapper .title:after{right:0}.easefilp-demo .content1-wrapper .desc,.easefilp-demo .content2-wrapper .desc,.easefilp-demo .content3-wrapper .desc{width:100%}.easefilp-demo .content1-wrapper .flex-box,.easefilp-demo .content2-wrapper .flex-box,.easefilp-demo .content3-wrapper .flex-box{display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 15px 30px;justify-content:space-between;width:100%;margin:40px auto 0}.easefilp-demo .content1-wrapper .flex-box.mb,.easefilp-demo .content2-wrapper .flex-box.mb,.easefilp-demo .content3-wrapper .flex-box.mb{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center}.easefilp-demo .content1-wrapper .flex-box .flex-item,.easefilp-demo .content2-wrapper .flex-box .flex-item,.easefilp-demo .content3-wrapper .flex-box .flex-item{height:179px;width:132px}.easefilp-demo .content1-wrapper .flex-box .flex-item.item-3,.easefilp-demo .content2-wrapper .flex-box .flex-item.item-3,.easefilp-demo .content3-wrapper .flex-box .flex-item.item-3{display:none}.easefilp-demo .content1-wrapper .flex-box .flex-item .mask-box,.easefilp-demo .content2-wrapper .flex-box .flex-item .mask-box,.easefilp-demo .content3-wrapper .flex-box .flex-item .mask-box{padding:0 10px}.easefilp-demo .content1-wrapper .flex-box .flex-item .mask-box .mask-title,.easefilp-demo .content2-wrapper .flex-box .flex-item .mask-box .mask-title,.easefilp-demo .content3-wrapper .flex-box .flex-item .mask-box .mask-title{font-size:12px;line-height:18px}.easefilp-demo .content1-wrapper .flex-box .flex-item .mask-box .mask-button,.easefilp-demo .content2-wrapper .flex-box .flex-item .mask-box .mask-button,.easefilp-demo .content3-wrapper .flex-box .flex-item .mask-box .mask-button{line-height:25px;margin:10px 16px}.easefilp-demo .content1-wrapper .flex-box .flex-item .mask-box .mask-button .icon,.easefilp-demo .content2-wrapper .flex-box .flex-item .mask-box .mask-button .icon,.easefilp-demo .content3-wrapper .flex-box .flex-item .mask-box .mask-button .icon{width:11px;height:7px}.easefilp-demo .content1-wrapper .flex-box .flex-item .mask-box .mask-button .text,.easefilp-demo .content2-wrapper .flex-box .flex-item .mask-box .mask-button .text,.easefilp-demo .content3-wrapper .flex-box .flex-item .mask-box .mask-button .text{margin-left:6px;font-size:12px}.easefilp-demo .content1-wrapper .flex-box .flex-item:hover .mask-box,.easefilp-demo .content2-wrapper .flex-box .flex-item:hover .mask-box,.easefilp-demo .content3-wrapper .flex-box .flex-item:hover .mask-box{height:50%;padding:10px}.easefilp-demo .content1-wrapper .flex-box:after,.easefilp-demo .content2-wrapper .flex-box:after,.easefilp-demo .content3-wrapper .flex-box:after{content:"";background-image:url(/img/easeflip/bookrack-pc.svg);width:100%;height:80px;bottom:-45px}.easefilp-demo .content2-wrapper,.easefilp-demo .content3-wrapper{padding:0 0 80px}}@media (max-width:768px) and (max-width:396px){.easefilp-demo .content1-wrapper .flex-box:after,.easefilp-demo .content2-wrapper .flex-box:after,.easefilp-demo .content3-wrapper .flex-box:after{background-image:url(/img/easeflip/bookrack-mobile.svg)}}