/* @font-face { font-family:"iconfont"; src: url(); } */ /*每个页面公共css */ /* iconfont */ .container, input { font-family: PingFang-Medium, PingFangSC-Regular, Heiti, Heiti SC, DroidSans, DroidSansFallback, sans-serif !important; -webkit-font-smoothing: antialiased; } /* image { will-change: transform } */ button::after { content: none !important; } .price-font-family { font-family: Number-Font !important; } .tab-container { padding-bottom: 96rpx; } .tab-padding-container { padding-bottom: calc(96rpx + 20px); } .b-f { background: #fff; } .b-0 { background: #000000; } .b-e6 { background-color: #f6f6f6; } .tf-180 { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .tf-90 { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .dis-block { display: block; } .dis-il-block { display: inline-block; } .dis-flex { display: flex !important; /* flex-wrap: wrap; */ } .flex-box { flex: 1; width: 0; } .flex-shrink { flex-shrink: 0; } .flex-warp { flex-wrap: wrap; } .flex-dir-row { flex-direction: row; } .flex-dir-column { flex-direction: column; } .flex-x-center { /* display: flex; */ justify-content: center; } .flex-x-between { justify-content: space-between; } .flex-x-around { justify-content: space-around; } .flex-x-end { justify-content: flex-end; } .flex-x-start { justify-content: flex-start; } .flex-y-center { align-items: center; } .flex-y-end { align-items: flex-end; } .flex-y-line { align-items: baseline; } .flex-five { box-sizing: border-box; flex: 0 0 50%; } .flex-three { float: left; width: 33.3%; } .flex-four { box-sizing: border-box; flex: 0 0 25%; } .t-l { text-align: left; } .t-c { text-align: center; } .t-r { text-align: right; } .p-a { position: absolute; } .p-r { position: relative; } .fl { float: left; } .fr { float: right; } .clear::after { clear: both; content: " "; display: table; } .oh { overflow: hidden; } .tb-lr-center { display: flex !important; justify-content: center; align-items: center; } .f-58 { font-size: 58rpx; } .f-50 { font-size: 50rpx; } .f-48 { font-size: 48rpx; } .f-44 { font-size: 44rpx; } .f-42 { font-size: 42rpx; } .f-40 { font-size: 40rpx; } .f-38 { font-size: 38rpx; } .f-36 { font-size: 36rpx; } .f-34 { font-size: 34rpx; } .f-32 { font-size: 32rpx; } .f-31 { font-size: 31rpx; } .f-30 { font-size: 30rpx; } .f-29 { font-size: 29rpx; } .f-28 { font-size: 28rpx; } .f-26 { font-size: 26rpx; } .f-25 { font-size: 25rpx; } .f-24 { font-size: 24rpx; } .f-22 { font-size: 22rpx; } .f-20 { font-size: 20rpx; } .f-w { font-weight: 700; } .f-n { font-weight: 400; } .col-f { color: #fff; } .col-c { color: #CCCCCC; } .col-a { color: #AAAAAA; } .col-0 { color: #000; } .col-3 { color: #333; } .col-6 { color: #666; } .col-7 { color: #777; } .col-8 { color: #888; } .col-9 { color: #999; } .col-98 { color: #989898 } .col-f4 { color: #FF4444; } .color-f02 { color: #F02E24; } .col-gr { color: rgb(146, 208, 80); } .col-917952 { color: #917952; } .col-m { color: #FE504F !important; } .col-s { color: #FFD940 !important; } .col-green { color: #0ed339 !important; } .cont-box { padding: 30rpx; } .cont-bot { margin-bottom: 120rpx; } .padding-box { padding: 0 30rpx; box-sizing: border-box; } .padding-box-all { padding: 30rpx; box-sizing: border-box; } .padding-box36 { padding: 0 36rpx; box-sizing: border-box; } .padding-all-box36 { padding: 36rpx; box-sizing: border-box; } .p-top-10 { padding-top: 10rpx; } .p-top-20 { padding-top: 20rpx; } .p-top-50 { padding-top: 50rpx; } .p-btm-50 { padding-bottom: 50rpx; } .p-top-bom-10 { padding: 10rpx 0; } .p-top-bom-20 { padding: 20rpx 0; } .p-top-bom-30 { padding: 30rpx 0; } .p-top-bom-40 { padding: 40rpx 0; } .p-top-bom-50 { padding: 50rpx 0; } .pl-12 { padding-left: 12px; } .pr-12 { padding-right: 12px; } .p-b-20 { padding-bottom: 20rpx; } .pr-6 { padding-right: 6px; } .m-top4 { margin-top: 4rpx; } .m-top10 { margin-top: 10rpx; } .m-top16 { margin-top: 16rpx; } .m-top20 { margin-top: 20rpx; } .m-top30 { margin-top: 30rpx; } .m-top40 { margin-top: 40rpx; } .m-btm36 { margin-bottom: 36rpx; } .m-btm10 { margin-bottom: 10rpx; } .m-btm20 { margin-bottom: 20rpx; } .m-btm15 { margin-bottom: 15rpx; } .m-btm20 { margin-bottom: 20rpx; } .m-btm30 { margin-bottom: 30rpx; } .m-btm40 { margin-bottom: 40rpx; } .m-btm50 { margin-bottom: 50rpx; } .m-btm60 { margin-bottom: 60rpx; } .m-btm80 { margin-bottom: 80rpx; } .m-btm90 { margin-bottom: 90rpx; } .m-btm100 { margin-bottom: 100rpx; } .m-left10 { margin-left: 10rpx; } .m-left12 { margin-left: 12rpx; } .m-left30 { margin-left: 30rpx; } .m-right10 { margin-right: 10rpx; } .m-right12 { margin-right: 12rpx; } .m-right20 { margin-right: 20rpx; } .m-right30 { margin-right: 30rpx; } .m-right40 { margin-right: 40rpx; } .m-right50 { margin-right: 50rpx; } .m-right70 { margin-right: 70rpx; } .m-top-btm50 { margin: 50rpx 0; } .m-top-btm40 { margin: 40rpx 0; } .m-top-btm30 { margin: 30rpx 0; } .m-top-btm20 { margin: 20rpx 0; } .m-top-btm10 { margin: 10rpx 0; } .m-top-btm6 { margin: 6rpx 0; } .p-top-40 { padding-top: 40rpx; } .p-bottom { padding-bottom: 112rpx; } .p-right-30 { padding-right: 30rpx; } .p-left-right-20 { padding: 0 20rpx; } .p-left-right-28 { padding: 0 28rpx; } .p-left-right-30 { padding: 0 30rpx; } .p-left-right-40 { padding: 0 40rpx; } .m-left-right-6 { margin: 0 6rpx; } .m-left-right-10 { margin: 0 10rpx; } .m-left-right-20 { margin: 0 20rpx; } .m-left-right-30 { margin: 0 30rpx; } .m-left-right-40 { margin: 0 40rpx; } .onelist-hidden { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .twolist-hidden { display: -webkit-box; word-break: break-all; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .b-r { border-right: 1rpx solid #eee; } .b-b { border-bottom: 1rpx solid #eee; } .b-t { border-top: 1rpx solid #eee; } .ts-1 { transition: all 0.1s; } .ts-2 { transition: all 0.2s; } .ts-3 { transition: all 0.3s; } .ts-5 { transition: all 0.5s; } /* 字体颜色 */ .c-ff4444 { color: #FF4444; } /* 无样式button (用于伪submit) */ .btn-normal { display: block; margin: 0; padding: 0; line-height: normal; background: none; border-radius: 0; box-shadow: none; border: none; font-size: unset; text-align: unset; overflow: visible; } .btn-normal:after { border: none; } .btn-normal.button-hover { color: inherit; } /* 模板消息按钮 */ .report-btn { position: absolute !important; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; } /* 内容标题直 */ .module-title { color: #333333; font-size: 30rpx; text-align: center; height: 86rpx; line-height: 86rpx; font-weight: bold; position: relative; background: #FFFFFF; } .module-title::after { content: " "; position: absolute; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 40rpx; height: 8rpx; background: #FFD940; border-radius: 20rpx; } /* 内容标题直弯 */ .module-title-w { color: #333333; font-size: 30rpx; text-align: center; height: 86rpx; line-height: 86rpx; font-weight: bold; position: relative; background: #FFFFFF; } .module-content { padding: 30rpx; background: #FFFFFF; } .bor-radius-10 { border-radius: 6rpx; } .bor-radius-10upx { border-radius: 10rpx; } /* loading动画 */ .ball-clip-rotate-pulse { position: absolute; top: 36%; left: 50%; -webkit-transform: scale(1) translateY(-15px); transform: scale(1) translateY(-15px); } .ball-clip-rotate-pulse::after { content: "努力加载中..."; position: absolute; top: 50%; bottom: 0; -webkit-transform: translate(-50%, 3em); transform: translate(-50%, 3em); font-size: 26rpx; line-height: 2em; text-align: center; width: 10em; letter-spacing: 2rpx; color: #666666; } .ball-clip-rotate-pulse>view { -webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; top: 0px; left: 0px; border-radius: 100%; } .ball-clip-rotate-pulse>view:first-child { background: #FFD940; height: 16px; width: 16px; top: 7px; left: -7px; -webkit-animation: scale 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; animation: scale 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; } .ball-clip-rotate-pulse>view:last-child { position: absolute; border: 2px solid #FFF; width: 30px; height: 30px; left: -16px; top: -2px; background: transparent; border: 2px solid; border-color: #ffe26e transparent #ffe26e transparent; -webkit-animation: rotate 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; animation: rotate 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; -webkit-animation-duration: 1s; animation-duration: 1s; } @-webkit-keyframes rotate { 0% { -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } 50% { -webkit-transform: rotate(180deg) scale(0.6); transform: rotate(180deg) scale(0.6); } 100% { -webkit-transform: rotate(360deg) scale(1); transform: rotate(360deg) scale(1); } } @keyframes rotate { 0% { -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } 50% { -webkit-transform: rotate(180deg) scale(0.6); transform: rotate(180deg) scale(0.6); } 100% { -webkit-transform: rotate(360deg) scale(1); transform: rotate(360deg) scale(1); } } @-webkit-keyframes scale { 30% { -webkit-transform: scale(0.3); transform: scale(0.3); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes scale { 30% { -webkit-transform: scale(0.3); transform: scale(0.3); } 100% { -webkit-transform: scale(1); transform: scale(1); } } .diy-loading { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .loading-image { width: 60rpx; height: 60rpx; display: block; margin: 0 auto; } .loading-text { font-size: 26rpx; line-height: 2em; text-align: center; width: 10em; letter-spacing: 2rpx; color: #666666; } /* 0.5px边框 */ .border-line, .border-vertical { position: relative; } .border-line::after { content: " "; position: absolute; border-top: 1px solid #EEEEEE; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); z-index: 2; } .border-vertical::after { content: " "; position: absolute; border-left: 1px solid #F7F7F7; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleX(0.5); transform: scaleX(0.5); z-index: 2; } .border-vertical.border-left::after { top: 0; left: 0; bottom: 0; } .border-line.border-top::after { left: 0; top: 0; right: 0; } .border-line.border-bottom::after { left: 0; bottom: 0; right: 0; } .diy-nav-list .border-bottom::after { left: 30rpx; } .diy-nav-list .border-bottom.item-icon::after { left: 100rpx; } .diy-nav-list .border-bottom:last-child::after { content: none; } .uni-picker-container { z-index: 1003; } .uni-picker-container .uni-picker { z-index: 1003; } .audio-main { position: fixed; right: 50rpx; top: 10%; z-index: 10; } .audio-bg { position: relative; } .audio-bg .audio-gif { width: 100rpx; height: 100rpx; background-size: 100rpx 100rpx; background-repeat: no-repeat; } .audio-bg .audio-gif .audio-png { position: absolute; background-size: 80rpx 80rpx; -webkit-animation: rotate2d 1.2s linear infinite; animation: rotate2d 1.2s linear infinite; z-index: -1; width: 80rpx; height: 80rpx; } .audio-bg.stop-audio .audio-gif { background: none !important; } .audio-bg.stop-audio .audio-png { -webkit-animation: none; animation: none; } @-webkit-keyframes rotate2d { from { -webkit-transform: rotate(0); transform: rotate(0) } to { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes rotate2d { from { -webkit-transform: rotate(0); transform: rotate(0) } to { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @font-face { font-family: "new_iconfont"; src: url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMgAA0AAAAABywAAALMAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GVgCCQhEICoIcgXwLCgABNgIkAxAEIAWFCAcxGxgGEZWbbcl+JGSnhZeMumdLbKWaRok38fC8Tv1zJbl5ZQK7gLg1mfqBYQJeiWn16XLXh21UhZqSePDTd43fxyfwvO3ebf8GEihlGaWSQBM309pEk3NaWyAKu2hNisOAohedNrY9bn19e7DXZ33iH5w3HmpLt5K1FgLeu6tvgo8uWtpFO3WgEdogE3K5UCBDRBwlsp29ClwKXh+PikSm1LTAsl2zd5j2fSfqyWurtTYwwHkIQI4cnQSYJBfopNANhULwfadqFezS/gcEiCEAUeBwPw8BP0v8qgwUICGhjMOAAgBpleo3al40y7df0KZyTeR11zZsfGHr8tVXtdpxVaW8u9Jo7eNv171z4Vu1b1YuuO+66++/+94Ho+6BjQGdura7r+XQWnOHA3Ca4x7/xFUNKpN3r/kzrbrt9llpfs0NaX6a9fDD5aar1o5defXTl146tctttw59seeWHkt6Lhm5aHbvy5vf/vrh0///2qF52+pDZ2tmf/n57Cazxqyb3WzVn3/Najpr3rzZr/393PNDh77//pNfpVkzZzq6N69Z1eSGAF94zc3lmv7lM3suBwLB/oYdb97cdNJ/qWGhYS92d/Wl/PEckgwEjTFXgPzy/xqgCKBAwd0ChbIEMjTQAFUALXyOAFobJEBIVgmQqXFQgFxyToBCcocAJQ09g4B6kq8Q0MDAmCFAQy3jGrlIfQxAJ0IzM4hMExuJXDMnwQK9jChp40GinmbeIBqo+Hl8Q33ikAZmEhaehozpUMafnVmjQRiBrlx32vkej/+RvV0oG9znAzx50U+jLeA/tabBm0vsL2+xymlKYgRYifWXTEQFH8MDb6nnMatNpCAUUMFi1KPuSXzCa5oRNVmMCs9CDBzi+9ctKsSwduNvrPILKPlv3/cBJAhNbjgupJxmrFEPFtZ8mfk5GD82KYNgF7hy7h4gIaLRHaseStY=) format('woff2'), url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAT8AA0AAAAABywAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAE4AAAABoAAAAciLzFRUdERUYAAATAAAAAHgAAAB4AKQAKT1MvMgAAAaAAAABCAAAAVjyKSA5jbWFwAAAB9AAAAD4AAAFCAA/px2dhc3AAAAS4AAAACAAAAAj//wADZ2x5ZgAAAkAAAAEMAAABHLwdyl5oZWFkAAABMAAAAC4AAAA2FpLiAmhoZWEAAAFgAAAAHQAAACQHlAOFaG10eAAAAeQAAAAPAAAAEAwAAKVsb2NhAAACNAAAAAoAAAAKAI4AAG1heHAAAAGAAAAAHwAAACABFgBhbmFtZQAAA0wAAAFJAAACiCnmEVVwb3N0AAAEmAAAAB8AAAAxw4Fw13jaY2BkYGAA4mpu8dx4fpuvDNwsDCBws8dfDk4v/X+SeRsziMvBwASiAP3ZCZIAAHjaY2BkYGBu+N/AEMPCAALM2xgYGVABCwBUeAMiAAAAeNpjYGRgYGBhCGXgYAABJiDmAkIGhv9gPgMAEbsBeAB42mNgZGFgnMDAysDA1Ml0hoGBoR9CM75mMGLkAIoysDIzYAUBaa4pDA7PZJ7JMDf8b2CIYW5gaAAKM4LkAN8dDBMAAHjaY2GAABYIXgoAASUAsgB42mNgYGBmgGAZBkYGELAB8hjBfBYGBSDNAoRA/jOZ//8hpORzqEoGRjYGGJOBkQlIMDGgAkaGYQ8AWxUHvAAAAAAAAAAAAAAAjgAAeNo9zLFKw1AUxvFzUs+5oaWxSUtTKDRpxcSKqDQ36aQoFEQQQRChuLn5Fj5C6eAotqDuCjq4q10EJxdBfITqnKs3Iq4f/+8HJlx8T3K3OQAHXPBhCdZgE/ZgH2C+tYJBbMskanY8rLJADl0Mm+VllEmnWuGwZWHDWMdYBuWslV1MsrLyV+L/+DvN6Q37Jo8ob+K2STeMrC75dIAbI/UyCaNoV8aBXS+Kmu85/rWgDyLsUomnROqOnh9w9VVtmdQjNs7YylN6xWJxAY+nNCZNioI2S6SeZu4H6J2rN9Si3EmGjufXRLFuu356wu9sER4yfdKsVvnrMVMb1NNPo08Fi9IjPmjjEH4AfSs82HjafZA9TgMxEIWf8wckEkIgqF1RANr8lCkTKfQIpaNINt6QaNdeeZ1IOQEtFQeg5RgcgBsg0XIKXpZJkyJr7ejzm5nnsQGc4xsK/98l7oQVjvEoXMERMuEq9RfhGvlduI4WPoUb1H+Em7hVA+EWLtQbHVTthLub0m3LCmcYCFdwiifhKvWVcI38KlzHFT6EG9S/hJsY41e4hWtlqQzhYTBBYJxBY4oN4wIxHCySMgbWoTn0ZhLMTE83ehE7mzgbKO9XYpcDHmg554Ap7T23Zr5KJ/5gy4HUmG4eBUu2KY0uInQoG18snNXdqHOw/Z7ttrTYv2uBNcfsUQ1s1Pw92zPSSGwMr5CSNfIyt6QSU49oa6zxu2cp1vNeCIlOvMv0iMeaNHU6925p4sDi5/KMHH20uZI996gcPmNZCHm/3U7EIIpdhj+T2HEZAAAAeNpjYGKAAC4wyciADljAokyMTGzZiXlZmYkAC3YCjAAAAAAB//8AAgABAAAADAAAABYAAAACAAEAAwADAAEABAAAAAIAAAAAeNpjYGBgZACCq0vUOUD0zR5/ORgNADpjBU4AAA==) format('woff'); } .new_iconfont { font-family: "new_iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-kanjia:before { content: "\e61c"; } @font-face { font-family: "iconfont"; src: url('https://at.alicdn.com/t/font_453360_ifl5gbn650g.ttf?t=1575942588038') format('truetype'); /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ } .iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-appreciate:before { content: "\e644"; } .icon-check:before { content: "\e645"; } .icon-close:before { content: "\e646"; } .icon-edit:before { content: "\e649"; } .icon-emoji:before { content: "\e64a"; } .icon-favorfill:before { content: "\e64b"; } .icon-favor:before { content: "\e64c"; } .icon-loading:before { content: "\e64f"; } .icon-locationfill:before { content: "\e650"; } .icon-location:before { content: "\e651"; } .icon-phone:before { content: "\e652"; } .icon-roundcheckfill:before { content: "\e656"; } .icon-roundcheck:before { content: "\e657"; } .icon-roundclosefill:before { content: "\e658"; } .icon-roundclose:before { content: "\e659"; } .icon-roundrightfill:before { content: "\e65a"; } .icon-roundright:before { content: "\e65b"; } .icon-search:before { content: "\e65c"; } .icon-taxi:before { content: "\e65d"; } .icon-timefill:before { content: "\e65e"; } .icon-time:before { content: "\e65f"; } .icon-unfold:before { content: "\e661"; } .icon-warnfill:before { content: "\e662"; } .icon-warn:before { content: "\e663"; } .icon-camerafill:before { content: "\e664"; } .icon-camera:before { content: "\e665"; } .icon-commentfill:before { content: "\e666"; } .icon-comment:before { content: "\e667"; } .icon-likefill:before { content: "\e668"; } .icon-like:before { content: "\e669"; } .icon-notificationfill:before { content: "\e66a"; } .icon-notification:before { content: "\e66b"; } .icon-order:before { content: "\e66c"; } .icon-samefill:before { content: "\e66d"; } .icon-same:before { content: "\e66e"; } .icon-deliver:before { content: "\e671"; } .icon-evaluate:before { content: "\e672"; } .icon-pay:before { content: "\e673"; } .icon-send:before { content: "\e675"; } .icon-shop:before { content: "\e676"; } .icon-ticket:before { content: "\e677"; } .icon-wang:before { content: "\e678"; } .icon-back:before { content: "\e679"; } .icon-cascades:before { content: "\e67c"; } .icon-discover:before { content: "\e67e"; } .icon-list:before { content: "\e682"; } .icon-more:before { content: "\e684"; } .icon-scan:before { content: "\e689"; } .icon-settings:before { content: "\e68a"; } .icon-questionfill:before { content: "\e690"; } .icon-question:before { content: "\e691"; } .icon-shopfill:before { content: "\e697"; } .icon-form:before { content: "\e699"; } .icon-wangfill:before { content: "\e69a"; } .icon-pic:before { content: "\e69b"; } .icon-filter:before { content: "\e69c"; } .icon-footprint:before { content: "\e69d"; } .icon-top:before { content: "\e69e"; } .icon-pulldown:before { content: "\e69f"; } .icon-pullup:before { content: "\e6a0"; } .icon-right:before { content: "\e6a3"; } .icon-refresh:before { content: "\e6a4"; } .icon-moreandroid:before { content: "\e6a5"; } .icon-deletefill:before { content: "\e6a6"; } .icon-refund:before { content: "\e6ac"; } .icon-cart:before { content: "\e6af"; } .icon-qrcode:before { content: "\e6b0"; } .icon-remind:before { content: "\e6b2"; } .icon-delete:before { content: "\e6b4"; } .icon-profile:before { content: "\e6b7"; } .icon-home:before { content: "\e6b8"; } .icon-cartfill:before { content: "\e6b9"; } .icon-discoverfill:before { content: "\e6ba"; } .icon-homefill:before { content: "\e6bb"; } .icon-message:before { content: "\e6bc"; } .icon-addressbook:before { content: "\e6bd"; } .icon-link:before { content: "\e6bf"; } .icon-lock:before { content: "\e6c0"; } .icon-unlock:before { content: "\e6c2"; } .icon-vip:before { content: "\e6c3"; } .icon-weibo:before { content: "\e6c4"; } .icon-activity:before { content: "\e6c5"; } .icon-big:before { content: "\e6c7"; } .icon-friendaddfill:before { content: "\e6c9"; } .icon-friendadd:before { content: "\e6ca"; } .icon-friendfamous:before { content: "\e6cb"; } .icon-friend:before { content: "\e6cc"; } .icon-goods:before { content: "\e6cd"; } .icon-selection:before { content: "\e6ce"; } .icon-tmall:before { content: "\e6cf"; } .icon-explore:before { content: "\e6d2"; } .icon-present:before { content: "\e6d3"; } .icon-squarecheckfill:before { content: "\e6d4"; } .icon-square:before { content: "\e6d5"; } .icon-squarecheck:before { content: "\e6d6"; } .icon-round:before { content: "\e6d7"; } .icon-roundaddfill:before { content: "\e6d8"; } .icon-roundadd:before { content: "\e6d9"; } .icon-add:before { content: "\e6da"; } .icon-notificationforbidfill:before { content: "\e6db"; } .icon-explorefill:before { content: "\e6dd"; } .icon-fold:before { content: "\e6de"; } .icon-game:before { content: "\e6df"; } .icon-redpacket:before { content: "\e6e0"; } .icon-selectionfill:before { content: "\e6e1"; } .icon-similar:before { content: "\e6e2"; } .icon-appreciatefill:before { content: "\e6e3"; } .icon-infofill:before { content: "\e6e4"; } .icon-info:before { content: "\e6e5"; } .icon-tao:before { content: "\e6e8"; } .icon-mobiletao:before { content: "\e6e9"; } .icon-forwardfill:before { content: "\e6ea"; } .icon-forward:before { content: "\e6eb"; } .icon-rechargefill:before { content: "\e6ec"; } .icon-recharge:before { content: "\e6ed"; } .icon-vipcard:before { content: "\e6ee"; } .icon-voice:before { content: "\e6ef"; } .icon-voicefill:before { content: "\e6f0"; } .icon-friendfavor:before { content: "\e6f1"; } .icon-wifi:before { content: "\e6f2"; } .icon-share:before { content: "\e6f3"; } .icon-wefill:before { content: "\e6f4"; } .icon-we:before { content: "\e6f5"; } .icon-lightauto:before { content: "\e6f6"; } .icon-lightforbid:before { content: "\e6f7"; } .icon-lightfill:before { content: "\e6f8"; } .icon-camerarotate:before { content: "\e6f9"; } .icon-light:before { content: "\e6fa"; } .icon-barcode:before { content: "\e6fb"; } .icon-flashlightclose:before { content: "\e6fc"; } .icon-flashlightopen:before { content: "\e6fd"; } .icon-searchlist:before { content: "\e6fe"; } .icon-service:before { content: "\e6ff"; } .icon-sort:before { content: "\e700"; } .icon-1212:before { content: "\e702"; } .icon-down:before { content: "\e703"; } .icon-mobile:before { content: "\e704"; } .icon-mobilefill:before { content: "\e705"; } .icon-copy:before { content: "\e706"; } .icon-countdownfill:before { content: "\e707"; } .icon-countdown:before { content: "\e708"; } .icon-noticefill:before { content: "\e709"; } .icon-notice:before { content: "\e70a"; } .icon-qiang:before { content: "\e70b"; } .icon-upstagefill:before { content: "\e70e"; } .icon-upstage:before { content: "\e70f"; } .icon-babyfill:before { content: "\e710"; } .icon-baby:before { content: "\e711"; } .icon-brandfill:before { content: "\e712"; } .icon-brand:before { content: "\e713"; } .icon-choicenessfill:before { content: "\e714"; } .icon-choiceness:before { content: "\e715"; } .icon-clothesfill:before { content: "\e716"; } .icon-clothes:before { content: "\e717"; } .icon-creativefill:before { content: "\e718"; } .icon-creative:before { content: "\e719"; } .icon-female:before { content: "\e71a"; } .icon-keyboard:before { content: "\e71b"; } .icon-male:before { content: "\e71c"; } .icon-newfill:before { content: "\e71d"; } .icon-new:before { content: "\e71e"; } .icon-pullleft:before { content: "\e71f"; } .icon-pullright:before { content: "\e720"; } .icon-rankfill:before { content: "\e721"; } .icon-rank:before { content: "\e722"; } .icon-bad:before { content: "\e723"; } .icon-cameraadd:before { content: "\e724"; } .icon-focus:before { content: "\e725"; } .icon-friendfill:before { content: "\e726"; } .icon-cameraaddfill:before { content: "\e727"; } .icon-rectangle390:before { content: "\e600"; } .icon-icon:before { content: "\e602"; } .icon-zhuanzhang:before { content: "\e603"; } .icon-xinyongqiahuankuan:before { content: "\e604"; } .icon-dangmianfu:before { content: "\e605"; } .icon-shuidianmei:before { content: "\e606"; } .icon-shoujichongzhi:before { content: "\e607"; } .icon-qinmifu:before { content: "\e608"; } .icon-gupiao:before { content: "\e609"; } .icon-youxichongzhi:before { content: "\e60a"; } .icon-shoukuan:before { content: "\e60b"; } .icon-jipiao:before { content: "\e60c"; } .icon-huilvhuansuan:before { content: "\e60d"; } .icon-taobao:before { content: "\e60e"; } .icon-jizhang:before { content: "\e60f"; } .icon-lvyoutehui:before { content: "\e610"; } .icon-caipiao:before { content: "\e611"; } .icon-aa:before { content: "\e612"; } .icon-kuaidi:before { content: "\e613"; } .icon-guojihuikuan:before { content: "\e614"; } .icon-aixinjuanzeng:before { content: "\e615"; } .icon-diandian:before { content: "\e616"; } .icon-huafeiqiazhuanrang:before { content: "\e617"; } .icon-aliyouxi:before { content: "\e618"; } .icon-shoujibaoling:before { content: "\e619"; } .icon-tianmaobao:before { content: "\e61a"; } .icon-qianbaopengyou:before { content: "\e61b"; } .icon-dache:before { content: "\e61c"; } .icon-kuaiqiang:before { content: "\e61d"; } .icon-suishendai:before { content: "\e61f"; } .icon-xiaoyuanyiqiatong:before { content: "\e620"; } .icon-zhaocaibao:before { content: "\e621"; } .icon-yulebao:before { content: "\e622"; } .icon-wodebaozhang:before { content: "\e623"; } .icon-huiyuantequan:before { content: "\e624"; } .icon-chenggong:before { content: "\e625"; } .icon-shibai:before { content: "\e626"; } .icon-jingshi:before { content: "\e627"; } .icon-tishi:before { content: "\e628"; } .icon-bangzhu:before { content: "\e629"; } .icon-dengdai:before { content: "\e62a"; } .icon-xiangji:before { content: "\e62b"; } .icon-shoujitongxunlu:before { content: "\e62c"; } .icon-shezhi:before { content: "\e62d"; } .icon-wode:before { content: "\e62e"; } .icon-sousuo:before { content: "\e62f"; } .icon-liebiao:before { content: "\e630"; } .icon-bianji:before { content: "\e631"; } .icon-shanchu:before { content: "\e632"; } .icon-fenxiang:before { content: "\e633"; } .icon-ditu:before { content: "\e634"; } .icon-tianjia:before { content: "\e635"; } .icon-bangzhuxiantiao:before { content: "\e636"; } .icon-gengduo:before { content: "\e637"; } .icon-saoyisao:before { content: "\e638"; } .icon-fukuanma:before { content: "\e639"; } .icon-chengshifuwu:before { content: "\e63a"; } .icon-jiaoyujiaofei:before { content: "\e63b"; } .icon-yangchengtongchongzhi:before { content: "\e63c"; } .icon-chengshiyiqiatong:before { content: "\e63d"; } .icon-yiban:before { content: "\e63e"; } .icon-canyin:before { content: "\e63f"; } .icon-gouwu:before { content: "\e640"; } .icon-fushi:before { content: "\e641"; } .icon-jiaotong:before { content: "\e642"; } .icon-yule:before { content: "\e643"; } .icon-shejiao:before { content: "\e647"; } .icon-jujia:before { content: "\e648"; } .icon-tongxun:before { content: "\e64d"; } .icon-lingshi:before { content: "\e64e"; } .icon-meirong:before { content: "\e653"; } .icon-yundong:before { content: "\e654"; } .icon-lvxing:before { content: "\e655"; } .icon-shuma:before { content: "\e660"; } .icon-xuexi:before { content: "\e66f"; } .icon-yiliao:before { content: "\e670"; } .icon-shuji:before { content: "\e674"; } .icon-chongwu:before { content: "\e67a"; } .icon-caipiao1:before { content: "\e67b"; } .icon-qiche:before { content: "\e67d"; } .icon-bangong:before { content: "\e67f"; } .icon-zhufang:before { content: "\e680"; } .icon-weixiu:before { content: "\e681"; } .icon-haizi:before { content: "\e683"; } .icon-changbei:before { content: "\e685"; } .icon-liwu:before { content: "\e686"; } .icon-lijin:before { content: "\e687"; } .icon-huankuan:before { content: "\e688"; } .icon-juanzeng:before { content: "\e68b"; } .icon-licai:before { content: "\e68c"; } .icon-gongzi:before { content: "\e68d"; } .icon-jianzhi:before { content: "\e68e"; } .icon-licaishouyi:before { content: "\e68f"; } .icon-qitashouru:before { content: "\e692"; } .icon-zidingyileimu:before { content: "\e693"; } .icon-tianjialeimu:before { content: "\e694"; } .icon-zhifubaoa:before { content: "\e695"; } .icon-zhifubaob:before { content: "\e696"; } .icon-fuwuchuanga:before { content: "\e698"; } .icon-fuwuchuangb:before { content: "\e6a1"; } .icon-tansuoa:before { content: "\e6a2"; } .icon-tansuob:before { content: "\e6a7"; } .icon-caifua:before { content: "\e6a8"; } .icon-caifub:before { content: "\e6a9"; } .icon-apps:before { content: "\e729"; } .icon-paintfill:before { content: "\e72a"; } .icon-paint:before { content: "\e72b"; } .icon-picfill:before { content: "\e72c"; } .icon-refresharrow:before { content: "\e72d"; } .icon-markfill:before { content: "\e730"; } .icon-mark:before { content: "\e731"; } .icon-presentfill:before { content: "\e732"; } .icon-repeal:before { content: "\e733"; } .icon-album:before { content: "\e734"; } .icon-peoplefill:before { content: "\e735"; } .icon-people:before { content: "\e736"; } .icon-servicefill:before { content: "\e737"; } .icon-repair:before { content: "\e738"; } .icon-file:before { content: "\e739"; } .icon-repairfill:before { content: "\e73a"; } .icon-taoxiaopu:before { content: "\e73b"; } .icon-attentionfill:before { content: "\e73c"; } .icon-attention:before { content: "\e73d"; } .icon-commandfill:before { content: "\e73e"; } .icon-command:before { content: "\e73f"; } .icon-communityfill:before { content: "\e740"; } .icon-community:before { content: "\e741"; } .icon-read:before { content: "\e742"; } .icon-suan:before { content: "\e743"; } .icon-hua:before { content: "\e744"; } .icon-ju:before { content: "\e745"; } .icon-tian:before { content: "\e748"; } .icon-calendar:before { content: "\e74a"; } .icon-cut:before { content: "\e74b"; } .icon-magic:before { content: "\e74c"; } .icon-backwardfill:before { content: "\e74d"; } .icon-playfill:before { content: "\e74f"; } .icon-stop:before { content: "\e750"; } .icon-tagfill:before { content: "\e751"; } .icon-tag:before { content: "\e752"; } .icon-group:before { content: "\e753"; } .icon-all:before { content: "\e755"; } .icon-backdelete:before { content: "\e756"; } .icon-hotfill:before { content: "\e757"; } .icon-hot:before { content: "\e758"; } .icon-post:before { content: "\e759"; } .icon-radiobox:before { content: "\e75b"; } .icon-rounddown:before { content: "\e75c"; } .icon-upload:before { content: "\e75d"; } .icon-writefill:before { content: "\e760"; } .icon-write:before { content: "\e761"; } .icon-radioboxfill:before { content: "\e763"; } .icon-punch:before { content: "\e764"; } .icon-shake:before { content: "\e765"; } .icon-add1:before { content: "\e767"; } .icon-move:before { content: "\e768"; } .icon-safe:before { content: "\e769"; } .icon-haodian:before { content: "\e76d"; } .icon-mao:before { content: "\e76e"; } .icon-qi:before { content: "\e76f"; } .icon-ye:before { content: "\e770"; } .icon-juhuasuan:before { content: "\e771"; } .icon-taoqianggou:before { content: "\e772"; } .icon-tianmao:before { content: "\e773"; } .icon-activityfill:before { content: "\e775"; } .icon-crownfill:before { content: "\e776"; } .icon-crown:before { content: "\e777"; } .icon-goodsfill:before { content: "\e778"; } .icon-messagefill:before { content: "\e779"; } .icon-profilefill:before { content: "\e77a"; } .icon-sound:before { content: "\e77b"; } .icon-sponsorfill:before { content: "\e77c"; } .icon-sponsor:before { content: "\e77d"; } .icon-upblock:before { content: "\e77e"; } .icon-weblock:before { content: "\e77f"; } .icon-weunblock:before { content: "\e780"; } .icon-1111:before { content: "\e782"; } .icon-my:before { content: "\e78b"; } .icon-myfill:before { content: "\e78c"; } .icon-emojifill:before { content: "\e78d"; } .icon-emojiflashfill:before { content: "\e78e"; } .icon-flashbuyfill-copy:before { content: "\e78f"; } .icon-text:before { content: "\e791"; } .icon-goodsfavor:before { content: "\e794"; } .icon-musicfill:before { content: "\e795"; } .icon-musicforbidfill:before { content: "\e796"; } .icon-xiamiforbid:before { content: "\e797"; } .icon-xiami:before { content: "\e798"; } .icon-roundleftfill:before { content: "\e799"; } .icon-triangledownfill:before { content: "\e79b"; } .icon-triangleupfill:before { content: "\e79c"; } .icon-roundleftfill-copy:before { content: "\e79e"; } .icon-weixin:before { content: "\e6ab"; } .icon-pulldown1:before { content: "\e79f"; } .icon-emojilight:before { content: "\e7a1"; } .icon-keyboardlight:before { content: "\e7a3"; } .icon-recordfill:before { content: "\e7a4"; } .icon-recordlight:before { content: "\e7a5"; } .icon-record:before { content: "\e7a6"; } .icon-roundaddlight:before { content: "\e7a7"; } .icon-soundlight:before { content: "\e7a8"; } .icon-cardboardfill:before { content: "\e7a9"; } .icon-cardboard:before { content: "\e7aa"; } .icon-formfill:before { content: "\e7ab"; } .icon-coin:before { content: "\e7ac"; } .icon-sortlight:before { content: "\e7ad"; } .icon-cardboardforbid:before { content: "\e7af"; } .icon-circlefill:before { content: "\e7b0"; } .icon-circle:before { content: "\e7b1"; } .icon-attentionforbid:before { content: "\e7b2"; } .icon-attentionforbidfill:before { content: "\e7b3"; } .icon-attentionfavorfill:before { content: "\e7b4"; } .icon-attentionfavor:before { content: "\e7b5"; } .icon-piclight:before { content: "\e7b7"; } .icon-shoplight:before { content: "\e7b8"; } .icon-voicelight:before { content: "\e7b9"; } .icon-attentionfavorfill-copy:before { content: "\e7ba"; } .icon-full:before { content: "\e7bc"; } .icon-mail:before { content: "\e7bd"; } .icon-peoplelist:before { content: "\e7be"; } .icon-logo:before { content: "\e6aa"; } .icon-daohang1:before { content: "\e6ad"; } .icon-goodsnewfill:before { content: "\e7bf"; } .icon-goodsnew:before { content: "\e7c0"; } .icon-medalfill:before { content: "\e7c1"; } .icon-medal:before { content: "\e7c2"; } .icon-newsfill:before { content: "\e7c3"; } .icon-newshotfill:before { content: "\e7c4"; } .icon-newshot:before { content: "\e7c5"; } .icon-news:before { content: "\e7c6"; } .icon-videofill:before { content: "\e7c7"; } .icon-video:before { content: "\e7c8"; } .icon-askfill:before { content: "\e7c9"; } .icon-ask:before { content: "\e7ca"; } .icon-exit:before { content: "\e7cb"; } .icon-skinfill:before { content: "\e7cc"; } .icon-skin:before { content: "\e7cd"; } .icon-moneybagfill:before { content: "\e7ce"; } .icon-usefullfill:before { content: "\e7cf"; } .icon-usefull:before { content: "\e7d0"; } .icon-moneybag:before { content: "\e7d1"; } .icon-redpacket_fill:before { content: "\e7d3"; } .icon-subscription:before { content: "\e7d4"; } .icon-home_light:before { content: "\e7d5"; } .icon-my_light:before { content: "\e7d6"; } .icon-community_light:before { content: "\e7d7"; } .icon-cart_light:before { content: "\e7d8"; } .icon-we_light:before { content: "\e7d9"; } .icon-home_fill_light:before { content: "\e7da"; } .icon-cart_fill_light:before { content: "\e7db"; } .icon-community_fill_light:before { content: "\e7dc"; } .icon-my_fill_light:before { content: "\e7dd"; } .icon-we_fill_light:before { content: "\e7de"; } .icon-skin_light:before { content: "\e7df"; } .icon-search_light:before { content: "\e7e0"; } .icon-scan_light:before { content: "\e7e1"; } .icon-people_list_light:before { content: "\e7e2"; } .icon-message_light:before { content: "\e7e3"; } .icon-close_light:before { content: "\e7e4"; } .icon-add_light:before { content: "\e7e5"; } .icon-profile_light:before { content: "\e7e6"; } .icon-service_light:before { content: "\e7e7"; } .icon-friend_add_light:before { content: "\e7e8"; } .icon-edit_light:before { content: "\e7e9"; } .icon-camera_light:before { content: "\e7ea"; } .icon-hot_light:before { content: "\e7eb"; } .icon-refresh_light:before { content: "\e7ec"; } .icon-back_light:before { content: "\e7ed"; } .icon-share_light:before { content: "\e7ee"; } .icon-comment_light:before { content: "\e7ef"; } .icon-appreciate_light:before { content: "\e7f0"; } .icon-favor_light:before { content: "\e7f1"; } .icon-appreciate_fill_light:before { content: "\e7f2"; } .icon-comment_fill_light:before { content: "\e7f3"; } .icon-wang_light:before { content: "\e7f4"; } .icon-more_android_light:before { content: "\e7f5"; } .icon-friend_light:before { content: "\e7f6"; } .icon-more_light:before { content: "\e7f7"; } .icon-goods_favor_light:before { content: "\e7f8"; } .icon-goods_new_fill_light:before { content: "\e7f9"; } .icon-goods_new_light:before { content: "\e7fa"; } .icon-goods_light:before { content: "\e7fb"; } .icon-medal_fill_light:before { content: "\e7fc"; } .icon-medal_light:before { content: "\e7fd"; } .icon-news_fill_light:before { content: "\e7fe"; } .icon-news_hot_fill_light:before { content: "\e7ff"; } .icon-news_hot_light:before { content: "\e800"; } .icon-news_light:before { content: "\e801"; } .icon-video_fill_light:before { content: "\e802"; } .icon-message_fill_light:before { content: "\e803"; } .icon-form_light:before { content: "\e804"; } .icon-video_light:before { content: "\e805"; } .icon-search_list_light:before { content: "\e806"; } .icon-form_fill_light:before { content: "\e807"; } .icon-global_light:before { content: "\e808"; } .icon-global:before { content: "\e809"; } .icon-favor_fill_light:before { content: "\e80a"; } .icon-delete_light:before { content: "\e80b"; } .icon-back_android:before { content: "\e80c"; } .icon-back_android_light:before { content: "\e80d"; } .icon-down_light:before { content: "\e80e"; } .icon-round_close_light:before { content: "\e80f"; } .icon-round_close_fill_light:before { content: "\e810"; } .icon-expressman:before { content: "\e811"; } .icon-punch_light:before { content: "\e812"; } .icon-evaluate_fill:before { content: "\e813"; } .icon-furniture:before { content: "\e814"; } .icon-dress:before { content: "\e815"; } .icon-coffee:before { content: "\e816"; } .icon-sports:before { content: "\e817"; } .icon-group_light:before { content: "\e818"; } .icon-location_light:before { content: "\e819"; } .icon-attention_light:before { content: "\e81a"; } .icon-group_fill_light:before { content: "\e81b"; } .icon-group_fill:before { content: "\e81c"; } .icon-play_forward_fill:before { content: "\e81d"; } .icon-shoucang:before { content: "\e86d"; } .icon-guanbijiantou:before { content: "\e86e"; } .icon-shoucang1:before { content: "\e86f"; } .icon-sousuo1:before { content: "\e870"; } .icon-fenxiang1:before { content: "\e871"; } .icon-xiaoxi:before { content: "\e872"; } .icon-xihuan:before { content: "\e873"; } .icon-xihuan1:before { content: "\e874"; } .icon-zan:before { content: "\e875"; } .icon-zan1:before { content: "\e876"; } .icon-huafu:before { content: "\e877"; } .icon-lvjing:before { content: "\e878"; } .icon-huafu1:before { content: "\e879"; } .icon-fanzhuanjingtou:before { content: "\e87a"; } .icon-paizhao:before { content: "\e87b"; } .icon-shanguangdengdakai:before { content: "\e87c"; } .icon-shanguangdengzidong:before { content: "\e87d"; } .icon-huafu2:before { content: "\e87e"; } .icon-huafu3:before { content: "\e87f"; } .icon-shanguangdengguanbi:before { content: "\e880"; } .icon-paizhao1:before { content: "\e881"; } .icon-kuaitui:before { content: "\e882"; } .icon-bianda:before { content: "\e883"; } .icon-kuaijin:before { content: "\e884"; } .icon-xuanzhuanshouji:before { content: "\e885"; } .icon-liangdu:before { content: "\e886"; } .icon-yanjingmoshi:before { content: "\e887"; } .icon-zanting:before { content: "\e888"; } .icon-yinliang:before { content: "\e889"; } .icon-vrbofangqi:before { content: "\e88a"; } .icon-suoxiao:before { content: "\e88b"; } .icon-bofang:before { content: "\e88c"; } .icon-yueduxiao:before { content: "\e88d"; } .icon-xialajiantouxiao:before { content: "\e88e"; } .icon-dingweixiao:before { content: "\e88f"; } .icon-vrbofangqi1:before { content: "\e890"; } .icon-jingxuan:before { content: "\e891"; } .icon-zhekou:before { content: "\e892"; } .icon-tishi1:before { content: "\e893"; } .icon-shuiguo:before { content: "\e894"; } .icon-huiyi:before { content: "\e895"; } .icon-youhuiquan:before { content: "\e896"; } .icon-jianshen:before { content: "\e897"; } .icon-chufang:before { content: "\e898"; } .icon-ditu1:before { content: "\e899"; } .icon-zanxiao:before { content: "\e89a"; } .icon-huiyuanqia:before { content: "\e89b"; } .icon-jiesonghuoche:before { content: "\e89c"; } .icon-changyongxinxi:before { content: "\e89d"; } .icon-fanchengjipiao:before { content: "\e89e"; } .icon-chujingchaoshi:before { content: "\e89f"; } .icon-jiudian:before { content: "\e8a0"; } .icon-shoujian:before { content: "\e8a1"; } .icon-shaixuan:before { content: "\e8a2"; } .icon-jiesongji:before { content: "\e8a3"; } .icon-tupian:before { content: "\e8a4"; } .icon-zengjia:before { content: "\e8a5"; } .icon-neirong2:before { content: "\e8a6"; } .icon-daohang:before { content: "\e8a7"; } .icon-wenda:before { content: "\e8a8"; } .icon-fujian:before { content: "\e8a9"; } .icon-ganxie:before { content: "\e8aa"; } .icon-gengduo1:before { content: "\e8ab"; } .icon-gouwu1:before { content: "\e8ac"; } .icon-ganxie1:before { content: "\e8ad"; } .icon-huodongxiangqu:before { content: "\e8ae"; } .icon-huidaodingbu:before { content: "\e8af"; } .icon-dianhua:before { content: "\e8b0"; } .icon-huodongxiangqu1:before { content: "\e8b1"; } .icon-jinrujiantou:before { content: "\e8b2"; } .icon-jieban:before { content: "\e8b3"; } .icon-kefu:before { content: "\e8b4"; } .icon-liebiao1:before { content: "\e8b5"; } .icon-jingdian:before { content: "\e8b6"; } .icon-jingdian1:before { content: "\e8b7"; } .icon-mulu:before { content: "\e8b8"; } .icon-neirong:before { content: "\e8b9"; } .icon-naozhong:before { content: "\e8ba"; } .icon-pinglun:before { content: "\e8bb"; } .icon-saoyisao1:before { content: "\e8bc"; } .icon-qianzheng:before { content: "\e8bd"; } .icon-shouqijiantouxiao:before { content: "\e8be"; } .icon-toutiao:before { content: "\e8bf"; } .icon-shezhi1:before { content: "\e8c0"; } .icon-tuichu:before { content: "\e8c1"; } .icon-jinnang:before { content: "\e8c2"; } .icon-wenda1:before { content: "\e8c3"; } .icon-wifi1:before { content: "\e8c4"; } .icon-wifidianhuaqia:before { content: "\e8c5"; } .icon-changge:before { content: "\e8c6"; } .icon-dianpu:before { content: "\e8c7"; } .icon-baoxiandingdan:before { content: "\e8c8"; } .icon-anquanzhongxin:before { content: "\e8c9"; } .icon-dingdanchulizhong:before { content: "\e8ca"; } .icon-dingdandaifukuan:before { content: "\e8cb"; } .icon-dingdan:before { content: "\e8cc"; } .icon-dingdanjihe:before { content: "\e8cd"; } .icon-faxian:before { content: "\e8ce"; } .icon-chujingyou:before { content: "\e8cf"; } .icon-dingdanyichenggong:before { content: "\e8d0"; } .icon-gouwu2:before { content: "\e8d1"; } .icon-gouwuche:before { content: "\e8d2"; } .icon-dujia:before { content: "\e8d3"; } .icon-hongbao:before { content: "\e8d4"; } .icon-huochepiao:before { content: "\e8d5"; } .icon-jihuozhongzhuan:before { content: "\e8d6"; } .icon-jiudian1:before { content: "\e8d7"; } .icon-licheng:before { content: "\e8d8"; } .icon-guojijipiao:before { content: "\e8d9"; } .icon-lichengdixian:before { content: "\e8da"; } .icon-jipiao1:before { content: "\e8db"; } .icon-lichengfanbei:before { content: "\e8dc"; } .icon-mudedi:before { content: "\e8dd"; } .icon-qichepiao:before { content: "\e8de"; } .icon-lubiao:before { content: "\e8df"; } .icon-qitadingdan:before { content: "\e8e0"; } .icon-rili:before { content: "\e8e1"; } .icon-shikebiao:before { content: "\e8e2"; } .icon-shoudiantongguan:before { content: "\e8e3"; } .icon-shoudiantongkai:before { content: "\e8e4"; } .icon-taideng:before { content: "\e8e5"; } .icon-shouye:before { content: "\e8e6"; } .icon-weilaijiudian:before { content: "\e8e7"; } .icon-xiangqing:before { content: "\e8e8"; } .icon-wangwang:before { content: "\e8e9"; } .icon-wode1:before { content: "\e8ea"; } .icon-hangcheng:before { content: "\e8eb"; } .icon-yuyuedingdan:before { content: "\e8ec"; } .icon-zuche:before { content: "\e8ed"; } .icon-zhoubianyou:before { content: "\e8ee"; } .icon-yijianfankui:before { content: "\e8ef"; } .icon-bangzhu1:before { content: "\e8f0"; } .icon-bofang1:before { content: "\e8f1"; } .icon-bangdan:before { content: "\e8f2"; } .icon-bangdan1:before { content: "\e8f3"; } .icon-feiyongbaohan:before { content: "\e8f4"; } .icon-ditudingwei:before { content: "\e8f5"; } .icon-canyin1:before { content: "\e8f6"; } .icon-fanhui:before { content: "\e8f7"; } .icon-gantanhao:before { content: "\e8f8"; } .icon-feiyongbuhan:before { content: "\e8f9"; } .icon-gengduo2:before { content: "\e8fa"; } .icon-huiyuan:before { content: "\e8fb"; } .icon-jia:before { content: "\e8fc"; } .icon-jian:before { content: "\e8fd"; } .icon-jingdianwanfa:before { content: "\e8fe"; } .icon-jingdianwanfa1:before { content: "\e8ff"; } .icon-jiaoxing:before { content: "\e900"; } .icon-kuandai:before { content: "\e901"; } .icon-qianzheng1:before { content: "\e902"; } .icon-shibai1:before { content: "\e903"; } .icon-qiehuan:before { content: "\e904"; } .icon-shijian:before { content: "\e905"; } .icon-shuaxin:before { content: "\e906"; } .icon-tingche:before { content: "\e907"; } .icon-reshui:before { content: "\e908"; } .icon-xiaolian:before { content: "\e909"; } .icon-weizhixiangqing:before { content: "\e90a"; } .icon-tuikuan:before { content: "\e90b"; } .icon-youji:before { content: "\e90c"; } .icon-xuanzuo:before { content: "\e90d"; } .icon-youji1:before { content: "\e90e"; } .icon-zhengque:before { content: "\e90f"; } .icon-youyongchi:before { content: "\e910"; } .icon-huabeizhangdan:before { content: "\e911"; } .icon-guojihuochepiao:before { content: "\e912"; } .icon-menpiao:before { content: "\e913"; } .icon-shangwu:before { content: "\e914"; } .icon-zaocan:before { content: "\e915"; } .icon-shaixuan1:before { content: "\e916"; } .icon-shaixuan2:before { content: "\e917"; } .icon-fanhuijiantou:before { content: "\e918"; } .icon-guoneiyou:before { content: "\e919"; } .icon-youlun:before { content: "\e91a"; } .icon-menpiao1:before { content: "\e91b"; } .icon-dangdiwanle:before { content: "\e91c"; } .icon-dangdiwanle1:before { content: "\e91d"; } .icon-pinglunxiao:before { content: "\e91e"; } .icon-jinrujiantouxiao:before { content: "\e91f"; } .icon-dingweixiao1:before { content: "\e920"; } .icon-guanbixiao:before { content: "\e921"; } .icon-shoucangxiao:before { content: "\e922"; } .icon-shoucangxiao1:before { content: "\e923"; } .icon-gaoxiao:before { content: "\e924"; } .icon-lishixiao:before { content: "\e925"; } .icon-jiazaixiao:before { content: "\e926"; } .icon-lishixiao1:before { content: "\e927"; } .icon-duigouxiao:before { content: "\e928"; } .icon-dixiao:before { content: "\e929"; } .icon-wenxiao:before { content: "\e92a"; } .icon-duigouzhong:before { content: "\e92b"; } .icon-feijizhong:before { content: "\e92c"; } .icon-huanzhong:before { content: "\e92d"; } .icon-quzhong:before { content: "\e92e"; } .icon-quzhong1:before { content: "\e92f"; } .icon-fanzhong:before { content: "\e930"; } .icon-biaodankongjianshanchu:before { content: "\e931"; } .icon-biaodankongjianlianxiren:before { content: "\e932"; } .icon-shanchu1:before { content: "\e933"; } .icon-banxiao:before { content: "\e934"; } .icon-xiuxiao:before { content: "\e935"; } .icon-remendibiaoxiao:before { content: "\e936"; } .icon-ditiexiao:before { content: "\e937"; } .icon-cuicuxiao:before { content: "\e938"; } .icon-duquanjing:before { content: "\e939"; } .icon-shangquanxiao:before { content: "\e93a"; } .icon-biaodankongjiandanxuan:before { content: "\e93b"; } .icon-zantianchongxiao:before { content: "\e93c"; } .icon-biaodankongjianfuxuan:before { content: "\e93d"; } .icon-biaodankongjianfuxuankong:before { content: "\e93e"; } .icon-chaxunfancheng:before { content: "\e93f"; } .icon-chaxunchufadaoda:before { content: "\e940"; } .icon-wenhaoxiao:before { content: "\e941"; } .icon-icon-test:before { content: "\e942"; } .icon-xiangxiajiantoucuxiao:before { content: "\e943"; } .icon-chufadaodaxiao:before { content: "\e944"; } .icon-daxiao:before { content: "\e945"; } .icon-bujifapiao:before { content: "\e946"; } .icon-gongxianghangbanxiao:before { content: "\e947"; } .icon-dijiaqushi:before { content: "\e948"; } .icon-tejiajipiaobiaoqian:before { content: "\e949"; } .icon-hangbanyanwu:before { content: "\e94a"; } .icon-tuijianjipiao:before { content: "\e94b"; } .icon-fangxinfei:before { content: "\e94c"; } .icon-qiehuanchengshi:before { content: "\e94d"; } .icon-tuijianqiche:before { content: "\e94e"; } .icon-taocan-suoxiao:before { content: "\e94f"; } .icon-wenda2:before { content: "\e950"; } .icon-weizhidifang:before { content: "\e951"; } .icon-hangliexiao:before { content: "\e952"; } .icon-wopu:before { content: "\e953"; } .icon-xiugai:before { content: "\e954"; } .icon-zhinan:before { content: "\e955"; } .icon-zengzhifuwu:before { content: "\e956"; } .icon-yingerpiaobuzhichi:before { content: "\e957"; } .icon-yingerpiaozhichi:before { content: "\e958"; } .icon-jipiaoxiaoxiala:before { content: "\e959"; } .icon-jinrujiantouxiao1:before { content: "\e95a"; } .icon-lishihangcheng:before { content: "\e95b"; } .icon-sousuoxiao:before { content: "\e95c"; } .icon-xiangjixiao:before { content: "\e95d"; } .icon-xiangshangjiantoucuxiao:before { content: "\e95e"; } .icon-huochepiaomianxing:before { content: "\e95f"; } .icon-xuzhixiao:before { content: "\e960"; } .icon-fenxiangxiao:before { content: "\e961"; } .icon-wangfandijia:before { content: "\e962"; } .icon-hangbandongtai:before { content: "\e963"; } .icon-guanbishixin:before { content: "\e964"; } .icon-fanhuijiantouxiangqingye:before { content: "\e965"; } .icon-duigou-weigouxuan:before { content: "\e966"; } .icon-kouling:before { content: "\e967"; } .icon-lianjie:before { content: "\e968"; } .icon-subscription_light:before { content: "\e81e"; } .icon-deliver_fill:before { content: "\e81f"; } .icon-notice_forbid_fill:before { content: "\e820"; } .icon-qr_code_light:before { content: "\e821"; } .icon-qichebanci:before { content: "\e969"; } .icon-chengnianrennan:before { content: "\e96a"; } .icon-chengnianrennv:before { content: "\e96b"; } .icon-youleyuan:before { content: "\e96c"; } .icon-zhifubao:before { content: "\e96d"; } .icon-gantanhaozhong:before { content: "\e96e"; } .icon-pailie:before { content: "\e96f"; } .icon-dibiao:before { content: "\e970"; } .icon-woshuohao:before { content: "\e971"; } .icon-woshuohao1:before { content: "\e972"; } .icon-paihang:before { content: "\e973"; } .icon-settings_light:before { content: "\e822"; } .icon-lingquanzhongxin:before { content: "\e974"; } .icon-xingqiu:before { content: "\e975"; } .icon-pdf:before { content: "\e976"; } .icon-guojijiudian:before { content: "\e977"; } .icon-kezhangongyu:before { content: "\e978"; } .icon-youxian:before { content: "\e979"; } .icon-dangritui:before { content: "\e97a"; } .icon-pick:before { content: "\e823"; } .icon-dianhua1:before { content: "\e72e"; } .icon-ARsaoyisao:before { content: "\e97b"; } .icon-jinrujiantou1:before { content: "\e97c"; } .icon-triangledownfill-after::after { content: "\e79b"; position: absolute; font-size: 20rpx; top: -14rpx; right: -50%; color: #818181; } /* * 整理自 animate.css * animate.css -http://daneden.me/animate * Version - 3.7.0 * Licensed under the MIT license - http://opensource.org/licenses/MIT * Copyright (c) 2018 Daniel Eden */ .grace-animate{-webkit-animation:1s linear;animation:1s linear;} @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } @-webkit-keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } .heartBeat { -webkit-animation-name: heartBeat; animation-name: heartBeat; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-name: hinge; animation-name: hinge; } @-webkit-keyframes jackInTheBox { from { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes jackInTheBox { from { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } .jackInTheBox { -webkit-animation-name: jackInTheBox; animation-name: jackInTheBox; } @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } /* @import './pages/subPages2/grace/graceIcons.css'; */ /* @import './pages/subPages2/grace/graceUI.css'; @import './pages/subPages/grace2/graceWeex.css'; */ page{ background-color: #F7F7F7; } @charset "UTF-8"; /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ .enterForm .bgimgbox.data-v-19bf9efb { padding: 30rpx 30rpx 0; font-size: 24rpx; } .enterForm .bgimgbox .bgimg.data-v-19bf9efb { width: 100vw; height: 25vh; } .enterForm .formbox.data-v-19bf9efb { padding: 30rpx; padding-bottom: 130rpx; position: relative; } .enterForm .formbox .formdatabox.data-v-19bf9efb { padding: 30rpx; width: 84vw; background-color: #FFFFFF; border-radius: 15rpx; } .enterForm .formbox .formdatabox .sign.data-v-19bf9efb { height: 28rpx; margin-top: 5rpx; width: 8rpx; background-color: #FF4444; border-radius: 30%; flex: 0.014; } .enterForm .formbox .logobox ._span.data-v-19bf9efb { font-size: 24rpx; } .enterForm .formbox .logobox .userImgUpdataon.data-v-19bf9efb { width: 180rpx; margin: 20rpx 0; height: 180rpx; border-radius: 10rpx; border: 1rpx solid #CCCCCC; position: relative; overflow: hidden; } .enterForm .formbox .logobox .userImgUpdataon .imgs.data-v-19bf9efb { width: 180rpx; height: 180rpx; } .enterForm .formbox .logobox .userImgUpdataon .close.data-v-19bf9efb { position: absolute; width: 30rpx; height: 30rpx; right: 10rpx; top: 10rpx; } .enterForm .formbox .logobox .userImgUpdata.data-v-19bf9efb { width: 180rpx; margin: 20rpx 0; height: 180rpx; border-radius: 10rpx; border: 1rpx solid #CCCCCC; position: relative; } .enterForm .formbox .logobox .userImgUpdata .img.data-v-19bf9efb { width: 80rpx; height: 80rpx; position: absolute; left: 50%; top: 30%; -webkit-transform: translate(-50%); transform: translate(-50%); } .enterForm .formbox .formtitle.data-v-19bf9efb { padding: 25rpx 10rpx; background-color: #fafafa; margin-top: 20rpx; border-radius: 10rpx; } .enterForm .formbox .formtitle .inputBox.data-v-19bf9efb .uni-input-input { border-radius: 8rpx; text-align: center; font-size: 26rpx; } .enterForm .iframe-wid-hgt.data-v-19bf9efb { width: 100vw; } .enterForm .hangye.data-v-19bf9efb { height: 40vh; width: 100vw; box-sizing: border-box; padding: 30rpx; padding-bottom: 200rpx; background-color: #FFFFFF; border-radius: 15rpx 15rpx 0 0; } .enterForm .hangye .industryclass-item.data-v-19bf9efb { padding: 20rpx; margin: 15rpx; text-align: center; border-radius: 15rpx; } .enterForm .hangye .classcheck.data-v-19bf9efb { background-color: #F7F7F7; } .enterForm .hangye .isclasschecked.data-v-19bf9efb { background-color: #ff4444; color: #ffffff; } .enterForm .timePickerView.data-v-19bf9efb { width: 100%; } .after-work.data-v-19bf9efb { width: 92vw; height: 96vh; background-color: #F8F8F8; padding: 30rpx; overflow: auto; } .after-work .after-work-title.data-v-19bf9efb { font-size: 28rpx; } .after-work .after-item.data-v-19bf9efb { margin-bottom: 30rpx; border-radius: 20rpx; padding: 30rpx; background-color: #FFFFFF; } .after-work .after-item .after-item-item.data-v-19bf9efb { padding-bottom: 20rpx; } .after-work .work-btn.data-v-19bf9efb { position: fixed; bottom: 30rpx; left: 50%; -webkit-transform: translate(-50%); transform: translate(-50%); display: inline-block; padding: 15rpx 100rpx; background-color: #FF4444; color: #FFFFFF; border-radius: 8rpx; } .after-work .add-work.data-v-19bf9efb { width: 80vw; padding: 30rpx; background-color: #ffffff; border-radius: 15rpx; position: relative; } .after-work .add-work .redbtn.data-v-19bf9efb { width: 50%; padding: 10rpx; background-color: #FF4444; color: #FFFFFF; border-radius: 10rpx; position: absolute; bottom: -10%; left: 50%; -webkit-transform: translate(-50%); transform: translate(-50%); } .welfareCss.data-v-19bf9efb { width: 92vw; padding: 30rpx; background-color: #FFFFFF; height: 40vh; overflow: auto; border-radius: 20rpx 20rpx 0 0; } .welfareCss .welfare-item.data-v-19bf9efb { display: inline-block; padding: 5rpx 20rpx; background-color: #EEEEEE; color: #666666; border-radius: 4rpx; font-size: 26rpx; margin-right: 20rpx; margin-bottom: 20rpx; } .welfareCss .welfare-item-check.data-v-19bf9efb { display: inline-block; padding: 5rpx 20rpx; background-color: #FF4444; color: #FFFFFF; border-radius: 4rpx; font-size: 26rpx; margin-right: 20rpx; margin-bottom: 20rpx; }