.w-padding { padding: 9px 0px; } .w-width120 { width: 120px !important; } .w-m150 { margin-left: 150px !important; } /*ztree*/ .menuContent { display: none; position: absolute; top: 33px; /*left: 15px;*/ background-color: #fff; z-index: 2000; border: 1px solid #ccc; } /*背景色闪烁*/ .notify .heartbit { background-color: red; position: absolute; height: 28px; width: 28px; z-index: 10; -webkit-border-radius: 70px !important; -moz-border-radius: 70px !important; -ms-border-radius: 70px !important; -o-border-radius: 70px !important; border: none; box-shadow: 0px 0px 5px red; border-radius: 70px 70px 70px 70px !important; animation: heartbit 1s ease-out; -moz-animation: heartbit 1s ease-out; -moz-animation-iteration-count: infinite; -o-animation: heartbit 1s ease-out; -o-animation-iteration-count: infinite; -webkit-animation: heartbit 1s ease-out; -ms-animation: heartbit 1s ease-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite } @-moz-keyframes heartbit { 0% { -moz-transform: scale(0); opacity: 0 } 25% { -moz-transform: scale(0.1); opacity: .1 } 50% { -moz-transform: scale(0.5); opacity: .3 } 75% { -moz-transform: scale(0.8); opacity: .5 } 100% { -moz-transform: scale(1); opacity: 0 } } @-webkit-keyframes heartbit { 0% { -webkit-transform: scale(0); opacity: 0 } 25% { -webkit-transform: scale(0.1); opacity: .1 } 50% { -webkit-transform: scale(0.5); opacity: .3 } 75% { -webkit-transform: scale(0.8); opacity: .5 } 100% { -webkit-transform: scale(1); opacity: 0 } } @-ms-keyframes heartbit { 0% { -ms-transform: scale(0); opacity: 0 } 25% { -ms-transform: scale(0.1); opacity: .1 } 50% { -ms-transform: scale(0.5); opacity: .3 } 75% { -ms-transform: scale(0.8); opacity: .5 } 100% { -ms-transform: scale(1); opacity: 0 } }