.note-container { position: fixed; right:0; top:460px; width: 50px; height: 52px; z-index:8; color:#999; background:#fff; -webkit-opacity:.4; border-radius:5px; display:none; } .chevron { position: absolute; width: 28px; height: 8px; opacity: 0; /* transform: scale3d(0.5, 1, .5); */ -webkit-animation: move 3s linear infinite; -moz-animation: move 3s linear infinite; -o-animation: move 3s linear infinite; animation: move 3s linear infinite; left: 0; } .chevron:first-child { -webkit-animation: move 3s linear 0 infinite; -moz-animation: move 3s linear 0 infinite; -o-animation: move 3s linear 0 infinite; animation: move 3s linear 0 infinite; } .chevron:nth-child(2) { -webkit-animation: move 3s linear 1s infinite; -moz-animation: move 3s linear 1s infinite; -o-animation: move 3s linear 1s infinite; animation: move 3s linear 1s infinite; } .chevron:nth-child(3) { -webkit-animation: move 3s linear 2s infinite; -moz-animation: move 3s linear 2s infinite; -o-animation: move 3s linear 2s infinite; animation: move 3s linear 2s infinite; } .chevron img{width: 20px;display:block} @keyframes move { 25% { opacity: 1; } 33% { opacity: 1; -webkit-transform: translateX(12px); -moz-transform: translateX(12px); -o-transform: translateX(12px); transform: translateX(12px); } 67% { opacity: 1; -webkit-transform: translateX(24px); -moz-transform: translateX(24px); -o-transform: translateX(24px); transform: translateX(24px); } 100% { opacity: 0; -webkit-transform: translateX(36px) scale3d(0.5, 1, 1); -moz-transform: translateX(36px) scale3d(0.5, 1, 1); -o-transform: translateX(36px) scale3d(0.5, 1, 1); transform: translateX(36px) scale3d(0.5, 1, 1); } } .text { display: inline-block; margin-top: 20px; font-size: 12px; color: #999; white-space: nowrap; opacity: .7; animation: pulse 1s linear alternate infinite; position: absolute; /*left:50%; transform: translateX(-50%);*/ right:10px; bottom:0; } @keyframes pulse { to { opacity: 1; } } @media screen and (max-width:767px){ .note-container{display:block} .tzzgx_con .tzzgx_tab_ul li{font-size: 12px; padding: 0 2px;} }

下载凯时app登录_下载凯时app


滑动
查看

专属商业养老保险

  • 在售产品(2021年9月2日更新)
  • 停售产品