table.my td,table.al td{padding:5px}table.my tr:nth-child(3n+2), 
table.al tr:nth-child(3n+2) {background:#e9f6fe}table.my tr:nth-child(3n+3), 
table.al tr:nth-child(3n+3) {background:#ddf2fb}table.my tr:nth-child(3n+4), 
table.al tr:nth-child(3n+4) {background:#cae2f2}table.my tr:nth-child(1), 
table.al tr:nth-child(1) {background:#b3d4e9;font-weight:bold}table.my,table.al{width:100%;border-collapse:collapse;margin:20px 0;box-shadow:0 1px 3px rgba(0,0,0,.1)}ul.my,ul.al{padding:0;margin:25px 0;position:relative}ul.my li,ul.al li{list-style-type:none;padding:15px 20px 15px 45px;margin:12px 0;background:#fff;border-radius:10px;box-shadow:0 3px 15px rgba(46,152,221,.1);position:relative;transition:all .3s cubic-bezier(.23,1,.32,1);cursor:pointer;border:1px solid transparent}ul.my li:hover,ul.al li:hover{transform:translateX(10px);box-shadow:0 5px 20px rgba(46,152,221,.2);border-color:#2e98dd}ul.my li:before,ul.al li:before{content:'';position:absolute;left:15px;top:50%;transform:translateY(-50%);width:20px;height:20px;background:#2e98dd;mask:url(data:image/svg+xml,%3Csvg\ xmlns=\'http://www.w3.org/2000/svg\'\ viewBox=\'0\ 0\ 24\ 24\'%3E%3Cpath\ d=\'M9\ 16.17L4.83\ 12l-1.42\ 1.41L9\ 19\ 21\ 7l-1.41-1.41z\'/%3E%3C/svg%3E);-webkit-mask:url(data:image/svg+xml,%3Csvg\ xmlns=\'http://www.w3.org/2000/svg\'\ viewBox=\'0\ 0\ 24\ 24\'%3E%3Cpath\ d=\'M9\ 16.17L4.83\ 12l-1.42\ 1.41L9\ 19\ 21\ 7l-1.41-1.41z\'/%3E%3C/svg%3E);transition:all .3s ease}@keyframes listItemAppear {
  from { opacity: 0; transform: translateX(-20px); }
  to { opacity: 1; transform: translateX(0); }
}ul.my li,ul.al li{animation:listItemAppear .6s ease forwards}@media screen and (max-width:768px){table.my,table.al{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;min-width:100%;font-size:14px}td,th{white-space:nowrap;min-width:120px;padding:4px!important}::-webkit-scrollbar{height:6px;background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}ul.my li,ul.al li{padding:12px 15px 12px 40px;margin:10px 0;font-size:15px}ul.my li:before,ul.al li:before{width:18px;height:18px;left:12px}}@media screen and (max-width:480px){table.my td,table.al td{font-size:12px;padding:3px!important}ul.my li,ul.al li{padding:10px 12px 10px 35px;font-size:14px;border-radius:8px}ul.my li:before,ul.al li:before{width:16px;height:16px}}