html{
  font-size: 100px;
}
@media screen and (max-width: 960px){
  html{
    font-size: 80px;
  }
}
body {
  padding: 0;
  margin: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;
  width: 100vw;
  height: 100vh;
}
.tpp {
  background-color: #E9E9EE;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkyMCIgaGVpZ2h0PSIxMDgwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48ZGVmcz48bGluZWFyR3JhZGllbnQgeDE9IjQyLjUyMyUiIHkxPSI0LjY1MSUiIHgyPSI2NS42MDklIiB5Mj0iMjcuOTM2JSIgaWQ9ImIiPjxzdG9wIHN0b3AtY29sb3I9IiNGQ0ZDRkQiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjRTlFOUVFIiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCB4MT0iNTUuMjQzJSIgeTE9IjE5LjI5NiUiIHgyPSIzOS45MTklIiB5Mj0iMCUiIGlkPSJkIj48c3RvcCBzdG9wLWNvbG9yPSIjRkNGQ0ZEIiBvZmZzZXQ9IjAlIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0U5RTlFRSIgb2Zmc2V0PSIxMDAlIi8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBpZD0iYSIgZD0iTTAgMGgxOTIwdjEwODBIMHoiLz48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48bWFzayBpZD0iYyIgZmlsbD0iI2ZmZiI+PHVzZSB4bGluazpocmVmPSIjYSIvPjwvbWFzaz48dXNlIGZpbGw9IiNFOUU5RUUiIHhsaW5rOmhyZWY9IiNhIi8+PHBhdGggZmlsbD0idXJsKCNiKSIgZmlsbC1ydWxlPSJub256ZXJvIiBtYXNrPSJ1cmwoI2MpIiBkPSJNMjMwLjkwMy0yNDIuODczTC01LjY1LjMwMnY1MDIuMDAzaC05MjQuNzk3bC0yMTMuNzE4IDU3OS4xODJoMTEwMC45N2wtODY5LjA5MiAyOTA2Ljg0aDg4OC44MDlsODY5LjA5Mi0yOTA2Ljg0aDExMjUuMjcxTDYwMy42NjUgMzkuODAyeiIvPjxwYXRoIGZpbGw9InVybCgjZCkiIGZpbGwtcnVsZT0ibm9uemVybyIgbWFzaz0idXJsKCNjKSIgZD0iTTIyNzkuNjk0LTEuMzA5SDY5OS44MlY0Ni42NGwxMzE2LjI4NSAxMDAxLjUxNXYyMDc3Ljk0OGgtNTE3LjY1M2w2MjkuODUtMTkyOS41MDUtOTA1LjE5Ny0uMjkxLTg0My41MSAyODEzLjk1NGg4ODguMjRsMTE1LjMwOC00NDIuMDg1aDkyNy40NjVsNTUwLjA2Ny00MDYuMjQtMjEuNzM2LTI3NDMuMjg4TDI1MDEuNzM0LTEuMzA5eiIvPjwvZz48L3N2Zz4=);
  background-size: 100% 100%;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tpp-content {
  text-align: center;
  font-family: 'Libre Baskerville';
  font-size: .24rem;
  color: #0052D4;
  letter-spacing: 0;
  line-height: .4rem;
}
.tpp-mail {
  color: #0052D4;
  display: block;
  cursor: pointer;
  text-decoration: underline;
}
.tpp-logo {
  display: inline-block;
  width: 2.91rem;
  height: 1.06rem;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjkxIiBoZWlnaHQ9IjEwNiIgdmlld0JveD0iMCAwIDI5MSAxMDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xOTEuNjMgMzkuNTg5OUgxNzQuNjNMMTY1IDkyLjEzOTlIMTUzLjZMMTYzLjIzIDM5LjU4OTlIMTQ1LjU2TDE0Ny4yNSAzMC41NTk5SDE5My4zMUwxOTEuNjMgMzkuNTg5OVoiIGZpbGw9IiMwMDUyRDQiLz4KPHBhdGggZD0iTTI0MC44NSAzOC4zNjk5QzI0MC44NSA0MC40ODk5IDI0MC40MyA0My4zMjk5IDIzOS42NyA0Ny42Mzk5TDIzOC4yMyA1NS4zNjk5QzIzNS45NSA2Ny44MTk5IDIzMS43MyA3MS4zOTk5IDIxOS40IDcxLjM5OTlIMjAzLjQ0TDE5OS42NCA5Mi4xMzk5SDE4OC4zM0wxOTkuNTYgMzAuNTU5OUgyMjcuNzZDMjM2Ljg4IDMwLjU1OTkgMjQwLjg1IDMyLjI2OTkgMjQwLjg1IDM4LjM2OTlaTTIyOS4xMiA0Mi4yNjk5QzIyOS4xMiAzOS43NDk5IDIyNy41MiAzOS4yNTk5IDIyMi43OSAzOS4yNTk5SDIwOS4yOEwyMDUuMDYgNjIuNjg5OUgyMTguMDdDMjI0LjgzIDYyLjY4OTkgMjI2LjE4IDYwLjA4OTkgMjI3LjYxIDUxLjk0OTlMMjI4LjM3IDQ3LjYzOTlDMjI4Ljc4IDQ1LjM1OTkgMjI5LjEyIDQzLjI0OTkgMjI5LjEyIDQyLjI2OTlaIiBmaWxsPSIjMDA1MkQ0Ii8+CjxwYXRoIGQ9Ik0yOTAuOTIgMzguMzY5OUMyOTAuOTIgNDAuNDg5OSAyOTAuNSA0My4zMjk5IDI4OS43NCA0Ny42Mzk5TDI4OC4zIDU1LjM2OTlDMjg2LjAyIDY3LjgxOTkgMjgxLjggNzEuMzk5OSAyNjkuNDcgNzEuMzk5OUgyNTMuNTFMMjQ5LjcxIDkyLjEzOTlIMjM4LjRMMjQ5LjYzIDMwLjU1OTlIMjc3LjgzQzI4Ni45NSAzMC41NTk5IDI5MC45MiAzMi4yNjk5IDI5MC45MiAzOC4zNjk5Wk0yNzkuMTggNDIuMjY5OUMyNzkuMTggMzkuNzQ5OSAyNzcuNTggMzkuMjU5OSAyNzIuODUgMzkuMjU5OUgyNTkuMzRMMjU1LjEyIDYyLjY4OTlIMjY4LjEzQzI3NC44OSA2Mi42ODk5IDI3Ni4yNCA2MC4wODk5IDI3Ny42NyA1MS45NDk5TDI3OC40MyA0Ny42Mzk5QzI3OC44NSA0NS4zNTk5IDI3OS4xOCA0My4yNDk5IDI3OS4xOCA0Mi4yNjk5WiIgZmlsbD0iIzAwNTJENCIvPgo8cGF0aCBkPSJNMTA0LjM1IDM0LjU5OTlMOTYuNDUgMzQuNTc5OUg1NC43NDAxSDQuNzIwMDNMMC4zMDAxMSA1OC43NDk5TDUwLjM0IDU4Ljc1OTlIODAuMjNWNTguNzQ5OUgxMzUuNTNMMTA0LjM1IDM0LjU5OTlaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfMV8xMykiLz4KPHBhdGggZD0iTTEwNC4zNSAzNC41OTk5SDg0LjYzMDFMODAuNzgwMSA1NS43MTk5TDgwLjIzIDU4Ljc0OTlINTAuMzRMNTQuNzUwMSAzNC41Nzk5TDYwLjkwMDEgMC44OTk5MDJMMTA0LjM1IDM0LjU5OTlaIiBmaWxsPSIjMDA1MkQ0Ii8+CjxwYXRoIGQ9Ik04MC4yMyA1OC43NDk5TDcxLjY3MDEgMTA1LjY1SDQxLjc4MDFMNTAuMzQgNTguNzQ5OUg4MC4yM1oiIGZpbGw9IiMwMDUyRDQiLz4KPHBhdGggZD0iTTgwLjIzIDU4Ljc1OTlINTAuMzRMNTQuNzQwMSAzNC41Nzk5TDg0LjYzMDEgMzQuNTg5OUw4MC4yMyA1OC43NTk5WiIgZmlsbD0iIzIyQTZGRiIvPgo8ZGVmcz4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzFfMTMiIHgxPSIwLjI5NjQxIiB5MT0iNDYuNjY4NyIgeDI9IjEzNS41MjgiIHkyPSI0Ni42Njg3IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIG9mZnNldD0iMC4wMTEyIiBzdG9wLWNvbG9yPSIjRENGNUZGIi8+CjxzdG9wIG9mZnNldD0iMC4yNDcyIiBzdG9wLWNvbG9yPSIjODhDNkZCIi8+CjxzdG9wIG9mZnNldD0iMC40NSIgc3RvcC1jb2xvcj0iIzQzQTBGOCIvPgo8c3RvcCBvZmZzZXQ9IjAuNTg5IiBzdG9wLWNvbG9yPSIjMkY5NkY2Ii8+CjxzdG9wIG9mZnNldD0iMC44NTQzIiBzdG9wLWNvbG9yPSIjMEU4NkY0Ii8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzAyODBGMyIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=);
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: .2rem;
}
.tpp-portal-button {
  display: inline-block;
  background: linear-gradient(-45deg, transparent 9px, #0052D4 0);
  box-shadow: 5px 5px 3px 0 rgba(62,79,181,0.00);
  text-decoration: none;
  margin-top: .4rem;
  padding: .1rem .3rem;
  font-family: 'Libre Baskerville';
  font-size: .2rem;
  line-height: .2rem;
}
.tpp-portal-button .button-inner {
  display: flex;
  align-items: center;
  transform: translateX(10px);
}
.tpp-portal-button .button-inner span {
  color: #FFFFFF;
  transition: all .6s;
}
.tpp-portal-button .button-inner .icon-arrow {
  width: .24rem;
  height: .24rem;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsLW9wYWNpdHk9Ii4wMSIgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMCAwaDI0djI0SDB6Ii8+PHBhdGggZD0iTTE4IDEyLjAwNEgyTTEyIDZsNiA2LTYgNiIgc3Ryb2tlPSIjRkZGIiBzdHJva2Utd2lkdGg9IjIiLz48L2c+PC9zdmc+);
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0;
  transform: translateX(30px);
  transition: all .6s;
}
.tpp-portal-button:hover .button-inner span {
  display: block;
  transform: translateX(-15px);
  text-decoration: underline;
}
.tpp-portal-button:hover .button-inner .icon-arrow {
  display: block;
  opacity: 1;
  transform: translateX(-5px);
}