.downloadAwake { position: fixed; width: 100%; background: rgba(0, 0, 0, 0.3); /*box-shadow: 0 -2px 0px #efeeee;*/ bottom: 0px; left: 0px; display: none; font-family: "microsoft yahei"; height: 50px; z-index: 999; } .citicIcon { width: 20%; height: 100%; } .citicIcon img { width: 40px; height: 40px; margin: 5px auto; display: block; margin-left: 25px; } .dALeft, .dARight { width: 40%; height: 100%; } .dALeft img, .dARight img { margin: 7px auto; margin-left: 5px; display: block; width: 120px; height: 35px; } .dARight img { margin-left: 0px; } .awakeCover { position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; z-index: 300; background: rgba(0, 0, 0, 0.7); display: none; } .awakeCover img { position: fixed; right: 20px; top: 20px; } .awakeclose { position: absolute; top: 2px; right: 3px; z-index: 999; } .awakeclose img { height: 20px; }