.QX-11229304 .top .tops{width:30%}.QX-11229304{width:100%;max-width:1200px;margin:auto;padding:20px 0}.QX-11229304 .top{margin:0 10px;width:calc(100% - 20px);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:20px}.QX-11229304 .blockTitle{font-size:24px;color:#04a07b}.QX-11229304 .buttonWra{display:flex}.QX-11229304 .buttonTile{margin:0 5px;border-radius:30px;transition:.36s ease}.QX-11229304 .buttonTile a{padding:0 22px;line-height:30px;font-size:13px;color:#828282;display:block;transition:.36s ease;border-radius:30px;border:1px solid rgba(170,170,170,0.2)}.QX-11229304 .buttonTile:hover a{border-color:#04a07b;color:#fff}.QX-11229304 .buttonTile:hover{background-color:#04a07b}.QX-11229304 .buttonActive{background-color:#04a07b}.QX-11229304 .buttonActive a{border-color:#04a07b;color:#fff}.QX-11229304 .wrapper{width:100%;display:flex;flex-wrap:wrap}.QX-11229304 .tile{width:calc(100% / 3 - 20px);margin:20px 10px;box-shadow:0 0 0 rgba(0,0,0,0.15);transition:all .36s ease;position:relative}.QX-11229304 .imgBox{height:272px;width:100%;position:relative;overflow:hidden}.QX-11229304 .imgMask{width:100%;height:100%;position:absolute;top:0;left:0;border:2px solid transparent;box-sizing:border-box;border-bottom:0;transition:all .36s ease}.QX-11229304 .imgBox img{width:100%;height:100%;object-fit:cover;object-position:center;transition:all .36s ease}.QX-11229304 .textBox{padding:25px 0;transition:all .36s ease;position:relative}.QX-11229304 .arrowWra{display:flex;flex-wrap:nowrap;padding:0 30px;align-items:center;justify-content:space-between}.QX-11229304 .title{transition:all .36s ease;font-size:17px;color:#333;font-weight:bold}.QX-11229304 .title a{color:inherit}.QX-11229304 .text{transition:all .36s ease;font-size:13px;color:#999;width:calc(100% - 34px);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-word}.QX-11229304 .arrowBox{display:flex;flex-wrap:nowrap;margin:0 30px;align-items:center;justify-content:space-between;border-top:solid 1px rgb(255,255,255,0.2);padding-top:10px;margin-top:10px}.QX-11229304 .arrow{margin-top:2px;padding:0;border:0;display:flex;align-items:center;justify-content:center}.QX-11229304 .arrow i{color:#fff;z-index:2;font-size:16px;opacity:0;transition:all .6s cubic-bezier(0.22,0.61,0.36,1) 0s;transform:translateY(20px)}.QX-11229304 .tile:hover .arrow i{opacity:1;transform:translateY(0)}.QX-11229304 .tile:hover .title,.QX-11229304 .tile:hover .text{color:#fff}.QX-11229304 .tile:hover .imgMask{border-color:#04a07b;pointer-events:none}.QX-11229304 .tile:hover .imgBox img{transform:scale(1.08)}.QX-11229304 .tile:hover{box-shadow:0 15px 30px rgba(0,0,0,0.1);background-color:#04a07b}@media screen and (max-width:1000px){.QX-11229304 .imgBox{height:196px}}@media screen and (max-width:800px){.QX-11229304 .tile{width:calc(50% - 20px);margin:20px 10px 40px 10px}}@media screen and (max-width:700px){.QX-11229304 .buttonWra{display:none}.QX-11229304 .imgMask{display:none}.QX-11229304 .wrapper{display:block}.QX-11229304 .tile{width:calc(100% - 20px);margin:20px 10px 40px 10px}.QX-11229304 .imgBox{height:unset}.QX-11229304 .arrow{display:none}}