.view-template-wrapper{width:100%;height:100vh;min-height:724px;background:#262626;margin-top:-72px}.template-tab-wrapper{width:1104px;margin:0 auto;padding-top:24px}.template-tab-wrapper .page-title{font-weight:500;font-size:18px;line-height:20px;margin-bottom:16px;color:#fff}.template-tab-wrapper .template-tab-container{position:relative}.template-tab-wrapper .template-tab-container .ant-tabs-bar{margin-bottom:0}.template-tab-wrapper .template-tab-container .ant-tabs-nav-wrap{background:#262626}.template-tab-wrapper .template-tab-container .ant-tabs-nav-wrap .ant-tabs-nav .ant-tabs-tab{background:#434343;border-radius:2px 2px 0 0;border:none;color:#d9d9d9}.template-tab-wrapper .template-tab-container .ant-tabs-nav-wrap .ant-tabs-nav .ant-tabs-tab-active{background:#595959;border-radius:2px 2px 0 0;border:none;color:#fff}.template-tab-wrapper .template-tab-container .template-item{background:#434343}.template-tab-wrapper .template-tab-container .template-item .template-name{width:100%;height:38px;padding:8px 16px;color:#fff;background:#595959;font-size:14px;line-height:22px}.template-tab-wrapper .template-tab-container .template-item .template-content{min-height:562px;height:calc(100vh - 162px)}.template-tab-wrapper .template-tab-container .template-item .template-content-img{overflow:auto;padding-top:24px}.template-tab-wrapper .template-tab-container .template-click-btn-left{cursor:pointer;position:absolute;top:50%;left:-104px;width:40px;height:40px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAANwSURBVHgBxZjBS5NhHMe/W1qgF4O5REblKGQRDkrwoDNhKPMSQkNNqIt/QBB40VudUqFLx4GHZDhcpwmKsosTTylsA8OIXEJkUxDESaRhz3d7X3k3Nt377tn2gZ/Ddxt89/s+v9/zPD8TjOMQcVd5vSOiXkSd8t6JiH0lfojYEvEFBjBBHxTQr0Sdzu9SLEUGRRwU+6ViBVLMM0WYDFZRpNBiBFIUxenN2FUwo5+QEVuQa7icF8iIq4V8uGbblddooQ8VyiCz9VrEA1QGFtJbZIori0IZfCPiPipHg4h7yGN3PoG0tR2VpxF57M4V2C3iOaoHs0ibv6kPzJo3LcgURLXJ6hjaDL5E5YriMtgxrkOxWs0gs9cNnQwNDVlRHjxQsqgK9MIAExMTD9fW1lxtbW31kE9611IFOmCAo6Oj087OTtvKyoq7DCIvBFJcIwzQ1dUV8fl8cavVWh+NRp9OTU21Qh602MEieYISiiMUCiXPzs5SHR0dt3p6emwOh+NGMBj8BTnscqvjllZyY6bFtJrZTCaTqd7e3nAsFkuhNDZosSF7c6EYp9O5tLy8/J0iKVZCld+mxdw5pJxWjo+P/83Ozv602WxwuVw2r9drb25uNi0sLCRhDBMt9qMMuN3um36/38VsBgKBr8PDwxswgBllwmKxXLhiNpvPYRAKPIFkJicnW+fm5tIFMz09vTk4OLgJY5zUiD+sNCnH+aamptqZmZnHHo+nJZVKnY6Ojq4Ke42uP7JPgTzNllzJ2jazs7NzODAwEJHQZg5osaH7qpbx8fGW9fX1foqbn5/fttvtSxLEkQQzmEAJCAsfiTXWSku53sbGxrYhjy0KZAZZKLrXoSqOO8fIyEgkHA4fQh7pi36N8s8iDJymxb7bEI/Hf/f19UX29vZOIZf00lOvncyeDzphM5acNS2vROyrR37+eorUddUU1foH5WFViaydhGMI6U3bAOpIJI320sQs/hXhRHX5CE3ry70X8z6q22qJsFhD2gf5JgsxlHANKIGEiPe5DwvNZj4jY3UDKgMnsO+QWWZZFBLID4ZRGbtp6wfkEUeumg/SblaVOoOWCffqADQVm49iR8Bcj9xpdE8f8sDD6xKKbGt6h+iqUL1FdK6IobBF6Oi3egVqoUjep2l/oxLqgSOlxC4yPS0Bg8e6//7sAZp2quXfAAAAAElFTkSuQmCC) no-repeat;background-size:100% 100%;transform:translateY(-50%) rotateY(180deg)}.template-tab-wrapper .template-tab-container .template-click-btn-left:hover{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAPgSURBVHgBxZlPbBtFFMa/N7v5Q6lD3ECQenI4tD3EJEIgccNtr0kohx4QHIrUExenCLUSlzqHVohLHc5VaSVuHFqSIPVSJRHigEDgJkEiF7IcWql/baVppcbenb43ta0kdRx7d2z/Lju7s5t8+ubNmzdjQkjyY8MpKDUSaJ0i0Cig+/lxf7m7AE2eJu1B69sKWIjPrSwgBNTMy/kTiX4EfWmt9eQWMY3iaRaqnOJU/Ma/XqMfNSSwLOx8WVhkWOjVRoXuKTA/8a44lkHzju2FR0SZ+MzStXov1RXI4i7Zcm032M3swOzymd36awqUIdV+7Do3U2gHmnK0oY7GF3KFnV2q5vul/fNolziB9KiO+ddrdb0iUIYVJGmj7aQejScv7Xy4bYgfjidPseIf0EE06MzA7FK2cl8VmD9xJKH9LhnaBDpLgZ44Q5V4rA6xX+rKoPPihP4g5p+v3BgHy+6toUnc4fdRWvkTrYBdjIuLxsGye03z2qdfYv83WajBg7BN0Fcy+dcIVISPEAL9dB1dHx5D7OIV6yJJU1qujqlKiEKtFpu/3jTXbhbZO/E5C34Cf3UJluj9+tDgonP20OApXhNTCInEYHD/DrqSHxih6vUYin/9BhuQKdWIRhCRzVszWE+fRHDvLnrYyTcu37Qy5KRUSvFYJ2CB4P5drE+exPNbPxtxEpcyyyMy4pw7PPgtN3phg+Imir/Pm6YMd8/xj00ei5KK6PF4UqMFOEOHOQVNQ719EM9nfsSzy98hDAotgniy2MCFbHAsV8s9E59h3+lzpi3OiYMhKVgVKK7tO30W3Rx7khM3LqSjLYVaey4HYI4sFAlm5l64YmLO/28VGxfTZmZHguh/jsFgERHpPj6BvumfqhNC0k1kcRADdc4NeD/gNLU73o4MaU95mYsYb68Q8D7aSONUk0eIOKyIE7ck3vy1VVjEOzC7PGTSDFs5jRA4Q0dQXP7DLHOWxUmCXyhfpWAd5W2mn0eTSDK2LawCOVz238h5xkFuFMK42DJxfDQi4qRdXUmU62bwMid2mjU4zlTlpirQuAiaQofh2nSq4p6wbS2W/WjYCWMD/t/ZnYdJNTPg47HkPPek0E60/vvA3Mp7Ox/XrGbIdT5hr3NoF1rPk+seq9VVdw15NDac5ZhIo3VoCamBuZVdj9/q1oP84SQvN19w04N98joIvqonTtizYH1zdvkqJ82jWuMa7CCuZflvvjPwyz/ZvV5u8hB9NBGU/Ay93OgnGvyssqWQxeB7zrdZSWkNftucwK084A2/kkNOwghpFkuUwNafIWQIoXOK1GIpCG6/FfJniBfyGYkf7l31FAAAAABJRU5ErkJggg==) no-repeat;background-size:100% 100%;transform:translateY(-50%) rotateY(180deg)}.template-tab-wrapper .template-tab-container .template-click-btn-left:hover:before{content:"Previous";position:absolute;top:50%;right:48px;width:70px;height:26px;background:#000c;border-radius:4px;color:#fff;text-align:center;line-height:26px;transform:translateY(-50%) rotateY(-180deg)}.template-tab-wrapper .template-tab-container .template-click-btn-right{cursor:pointer;position:absolute;top:50%;right:-104px;transform:translateY(-50%);width:40px;height:40px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAANwSURBVHgBxZjBS5NhHMe/W1qgF4O5REblKGQRDkrwoDNhKPMSQkNNqIt/QBB40VudUqFLx4GHZDhcpwmKsosTTylsA8OIXEJkUxDESaRhz3d7X3k3Nt377tn2gZ/Ddxt89/s+v9/zPD8TjOMQcVd5vSOiXkSd8t6JiH0lfojYEvEFBjBBHxTQr0Sdzu9SLEUGRRwU+6ViBVLMM0WYDFZRpNBiBFIUxenN2FUwo5+QEVuQa7icF8iIq4V8uGbblddooQ8VyiCz9VrEA1QGFtJbZIori0IZfCPiPipHg4h7yGN3PoG0tR2VpxF57M4V2C3iOaoHs0ibv6kPzJo3LcgURLXJ6hjaDL5E5YriMtgxrkOxWs0gs9cNnQwNDVlRHjxQsqgK9MIAExMTD9fW1lxtbW31kE9611IFOmCAo6Oj087OTtvKyoq7DCIvBFJcIwzQ1dUV8fl8cavVWh+NRp9OTU21Qh602MEieYISiiMUCiXPzs5SHR0dt3p6emwOh+NGMBj8BTnscqvjllZyY6bFtJrZTCaTqd7e3nAsFkuhNDZosSF7c6EYp9O5tLy8/J0iKVZCld+mxdw5pJxWjo+P/83Ozv602WxwuVw2r9drb25uNi0sLCRhDBMt9qMMuN3um36/38VsBgKBr8PDwxswgBllwmKxXLhiNpvPYRAKPIFkJicnW+fm5tIFMz09vTk4OLgJY5zUiD+sNCnH+aamptqZmZnHHo+nJZVKnY6Ojq4Ke42uP7JPgTzNllzJ2jazs7NzODAwEJHQZg5osaH7qpbx8fGW9fX1foqbn5/fttvtSxLEkQQzmEAJCAsfiTXWSku53sbGxrYhjy0KZAZZKLrXoSqOO8fIyEgkHA4fQh7pi36N8s8iDJymxb7bEI/Hf/f19UX29vZOIZf00lOvncyeDzphM5acNS2vROyrR37+eorUddUU1foH5WFViaydhGMI6U3bAOpIJI320sQs/hXhRHX5CE3ry70X8z6q22qJsFhD2gf5JgsxlHANKIGEiPe5DwvNZj4jY3UDKgMnsO+QWWZZFBLID4ZRGbtp6wfkEUeumg/SblaVOoOWCffqADQVm49iR8Bcj9xpdE8f8sDD6xKKbGt6h+iqUL1FdK6IobBF6Oi3egVqoUjep2l/oxLqgSOlxC4yPS0Bg8e6//7sAZp2quXfAAAAAElFTkSuQmCC) no-repeat;background-size:100% 100%}.template-tab-wrapper .template-tab-container .template-click-btn-right:hover{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAPgSURBVHgBxZlPbBtFFMa/N7v5Q6lD3ECQenI4tD3EJEIgccNtr0kohx4QHIrUExenCLUSlzqHVohLHc5VaSVuHFqSIPVSJRHigEDgJkEiF7IcWql/baVppcbenb43ta0kdRx7d2z/Lju7s5t8+ubNmzdjQkjyY8MpKDUSaJ0i0Cig+/lxf7m7AE2eJu1B69sKWIjPrSwgBNTMy/kTiX4EfWmt9eQWMY3iaRaqnOJU/Ma/XqMfNSSwLOx8WVhkWOjVRoXuKTA/8a44lkHzju2FR0SZ+MzStXov1RXI4i7Zcm032M3swOzymd36awqUIdV+7Do3U2gHmnK0oY7GF3KFnV2q5vul/fNolziB9KiO+ddrdb0iUIYVJGmj7aQejScv7Xy4bYgfjidPseIf0EE06MzA7FK2cl8VmD9xJKH9LhnaBDpLgZ44Q5V4rA6xX+rKoPPihP4g5p+v3BgHy+6toUnc4fdRWvkTrYBdjIuLxsGye03z2qdfYv83WajBg7BN0Fcy+dcIVISPEAL9dB1dHx5D7OIV6yJJU1qujqlKiEKtFpu/3jTXbhbZO/E5C34Cf3UJluj9+tDgonP20OApXhNTCInEYHD/DrqSHxih6vUYin/9BhuQKdWIRhCRzVszWE+fRHDvLnrYyTcu37Qy5KRUSvFYJ2CB4P5drE+exPNbPxtxEpcyyyMy4pw7PPgtN3phg+Imir/Pm6YMd8/xj00ei5KK6PF4UqMFOEOHOQVNQ719EM9nfsSzy98hDAotgniy2MCFbHAsV8s9E59h3+lzpi3OiYMhKVgVKK7tO30W3Rx7khM3LqSjLYVaey4HYI4sFAlm5l64YmLO/28VGxfTZmZHguh/jsFgERHpPj6BvumfqhNC0k1kcRADdc4NeD/gNLU73o4MaU95mYsYb68Q8D7aSONUk0eIOKyIE7ck3vy1VVjEOzC7PGTSDFs5jRA4Q0dQXP7DLHOWxUmCXyhfpWAd5W2mn0eTSDK2LawCOVz238h5xkFuFMK42DJxfDQi4qRdXUmU62bwMid2mjU4zlTlpirQuAiaQofh2nSq4p6wbS2W/WjYCWMD/t/ZnYdJNTPg47HkPPek0E60/vvA3Mp7Ox/XrGbIdT5hr3NoF1rPk+seq9VVdw15NDac5ZhIo3VoCamBuZVdj9/q1oP84SQvN19w04N98joIvqonTtizYH1zdvkqJ82jWuMa7CCuZflvvjPwyz/ZvV5u8hB9NBGU/Ay93OgnGvyssqWQxeB7zrdZSWkNftucwK084A2/kkNOwghpFkuUwNafIWQIoXOK1GIpCG6/FfJniBfyGYkf7l31FAAAAABJRU5ErkJggg==) no-repeat;background-size:100% 100%}.template-tab-wrapper .template-tab-container .template-click-btn-right:hover:before{content:"Next";position:absolute;top:50%;right:48px;transform:translateY(-50%);width:45px;height:26px;background:#000c;border-radius:4px;color:#fff;text-align:center;line-height:26px}