.QX-86240212{max-width:1200px;margin:0 auto;padding:30px 0}.QX-86240212 .zh{display:flex;flex-wrap:wrap}.QX-86240212 .rot{width:25%;outline:0}.QX-86240212 .top{width:100%;height:300px;position:relative;perspective:1000px;transition:background .3s,border .3s,border-radius .3s,box-shadow .3s,-webkit-border-radius .3s,-webkit-box-shadow .3s;z-index:2}.QX-86240212 .front{position:absolute;width:calc(100% - 40px);height:calc(100% - 40px);justify-content:center;-webkit-box-align:stretch;align-items:stretch;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;background-position:top left;background-repeat:no-repeat;background-size:cover;padding:20px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotateY(0);transform:rotateY(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:2;-webkit-transition:all .7s cubic-bezier(.11,.6,.24,.89);-o-transition:all .7s cubic-bezier(.11,.6,.24,.89);transition:all .7s cubic-bezier(.11,.6,.24,.89)}.QX-86240212 .back{background-position:top left;background-repeat:no-repeat;background-size:cover;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg);-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;-webkit-transition:all .7s cubic-bezier(.11,.6,.24,.89);-o-transition:all .7s cubic-bezier(.11,.6,.24,.89);transition:all .7s cubic-bezier(.11,.6,.24,.89);background-color:#54595f;position:absolute;width:100%;height:100%;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;justify-content:center;-webkit-box-align:stretch;align-items:stretch}.QX-86240212 .top:hover .front{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);transition:all .7s cubic-bezier(.5,.12,.46,.88);z-index:1}.QX-86240212 .top:hover .back{-webkit-transform:rotateY(0);transform:rotateY(0);transition:all .7s cubic-bezier(.5,.12,.46,.88)}.QX-86240212 .pic{width:100%;height:100%}.QX-86240212 .text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;overflow:hidden;word-break:break-word;width:calc(100% - 40px);max-height:calc(100% - 40px);text-align:center;color:#fff;font-size:16px}.QX-86240212 .backt{width:100%}.QX-86240212 .fimg{width:100%;height:100%;position:absolute;left:0;top:0;z-index:1}.QX-86240212 .fimg img{width:100%;height:100%;object-fit:cover}.QX-86240212 .cont{width:calc(100% - 40px);height:calc(100% - 40px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;overflow:hidden;word-break:break-word;display:flex;justify-content:center;align-items:center;text-align:center;color:#fff}.QX-86240212 .tp,.QX-86240212 .tp .backstage-componet,.QX-86240212 .tp .backstage-componet-bd,.QX-86240212 .tp .blocks-image{width:100%;height:100%}.QX-86240212 .pic>div[data-blocksEditor-type*="phoenix_blocks"] .backstage-blocksEditor-wrapLayer .backstage-blocksEditor-btn{position:absolute;top:0}.QX-86240212 .pic .blocks-image img{width:100%;height:100%;display:block;object-fit:cover}.QX-86240212 .bottom{width:calc(100% - 40px);height:200px;position:relative;display:flex;align-items:center;justify-content:center;padding:20px;z-index:1;overflow:hidden}.QX-86240212 .slick-slider{position:relative;padding-bottom:0;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.QX-86240212 .slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.QX-86240212 .slick-list:focus{outline:0}.QX-86240212 .slick-list.dragging{cursor:pointer;cursor:hand}.QX-86240212 .slick-slider .slick-track,.QX-86240212 .slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.QX-86240212 .slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.QX-86240212 .slick-track:before,.QX-86240212 .slick-track:after{display:table;content:''}.QX-86240212 .slick-track:after{clear:both}.QX-86240212 .slick-loading .slick-track{visibility:hidden}.QX-86240212 .slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl'] .slick-slide{float:right}.QX-86240212 .slick-slide img{display:block}.QX-86240212 .slick-slide.slick-loading img{display:none}.QX-86240212 .slick-slide.dragging img{pointer-events:none}.QX-86240212 .slick-initialized .slick-slide{display:block}.QX-86240212 .slick-loading .slick-slide{visibility:hidden}.QX-86240212 .slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.QX-86240212 .slick-arrow.slick-hidden{display:none}.QX-86240212 .slick-dots{width:100%;display:flex;flex-wrap:nowrap;justify-content:center;position:relative;height:20px;bottom:0;margin-top:10px;align-items:center}.QX-86240212 .slick-dots>li{width:8px;height:8px;border-radius:50%;border:solid 1px #333;margin:0 5px;transition:.3s;cursor:pointer}.QX-86240212 .slick-dots>li>button{display:none}.QX-86240212 .slick-dots .slick-active{background:#333}.QX-86240212 .slick-dots>li:hover{background:#333}@media screen and (max-width:1200px){.QX-86240212{padding:30px 10px}}@media screen and (max-width:768px){.QX-86240212{overflow:hidden}.QX-86240212 .rot{width:100%}.QX-86240212 .bottom{height:100px}}@media screen and (max-width:510px){.QX-86240212 .bottom{height:100px}.QX-86240212 .bottom .xz{width:100%;white-space:unset;text-align:center;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}