.down-load-detail { position: fixed; top: 0; width: 100%; height: 100%; z-index: 5; .down-close { height: 50px; width: 50px; background-image: resolve("home/family/close.png"); background-size: 100%; background-repeat: no-repeat; position: relative; top: 80px; right: -668px; z-index: 6; } .back { width: 100%; height: 100%; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: #000; opacity: 0.5; } .detail-content { height: auto; margin-top: 109px; position: fixed; top: 0; left: 50%; border-radius: 10px; } .load-src { display: inline-block; width: 100%; height: 300px; position: relative; bottom: 300px; } .yohobuy, .now, .mars { width: 630px; margin-left: -315px; } .coffee, .little, .green, .gallery { width: 670px; margin-left: -340px; .code-copy { width: 64px; height: 38px; display: inline-block; position: relative; line-height: 38px; text-align: center; border: 1px solid; color: #fff; background-color: #444; border-radius: 5px; font-size: 24px; } } .green { .code-copy { top: -684px; left: 356px; } } .little { .code-copy { top: -656px; left: 380px; } } .coffee { .code-copy { top: -684px; left: 364px; } } .gallery { .code-copy { top: -628px; left: 335px; } } .hide { display: none; } }