@charset "UTF-8"; .sensitive-popup { background: #fff; display: block; position: fixed; z-index: 2; box-shadow: 0 0px 2px 0 #34495e; text-align: left; border-radius: 3px; overflow: -webkit-paged-x; padding: 20px 0; max-width: 100%; } .sensitive-popup > .head { padding: 0 20px; } .sensitive-popup > .head > .close-btn { float: right; cursor: pointer; margin: 1px -5px 0 0; background: #fff; border-radius: 2px; width: 14px; height: 14px; position: relative; } .sensitive-popup > .head > .close-btn:before { content: ""; display: block; position: absolute; border-left: 4px solid black; border-top: 4px solid transparent; border-bottom: 4px solid transparent; top: 3px; left: 4px; } .sensitive-popup > .head > .close-btn:after { content: ""; display: block; position: absolute; border-left: 2px solid #fff; border-top: 2px solid transparent; border-bottom: 2px solid transparent; top: 5px; left: 4px; } .sensitive-popup > .head > .close-btn i { display: block; position: absolute; border-right: 4px solid black; border-top: 4px solid transparent; border-bottom: 4px solid transparent; top: 3px; left: 6px; } .sensitive-16, .sensitive-authentic, .sensitive-fake-title{ display: block; margin-bottom: 10px; animation: slide-in 0.5s forwards; } @keyframes slide-in { 0% { transform: translateX(100%); } 100% { transform: translateX(0%); } } @keyframes slide-out { 0% { transform: translateX(0%); } 100% { transform: translateX(-100%); } } .sensitive-popup > .head > .close-btn i:after { content: ""; display: block; position: absolute; border-right: 2px solid #fff; border-top: 2px solid transparent; border-bottom: 2px solid transparent; top: -2px; right: -4px; } .LHV2-sensitive-popup { box-sizing: border-box; max-width: 100% !important; } .LHV2-sensitive-popup .sensitive-icon { text-align: center; font-weight: bold; font-size: 14px; width: 100%; margin: 0 auto; } .LHV2-sensitive-popup .sensitive-title { text-align: center; width: 100%; margin: 0 auto; font-size: 20px; color: black; padding: 10px 0; } .LHV2-sensitive-popup .sensitive-label { text-align: center; margin: 0 auto; padding: 5px; } .LHV2-sensitive-popup > .sensitive-footer { text-align: center; position: relative; box-sizing: border-box; } .LHV2-sensitive-popup > .sensitive-footer .sensitive-btn { display: inline-block; background: #808080; padding: 7px 15px; cursor: pointer; box-sizing: border-box; position: relative; height: auto; width: 110px; vertical-align: middle; font-size: 12px; font-weight: bold; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #fff; margin: 3px; } .LHV2-sensitive-popup > .sensitive-footer > .sensitive-btn-continue{ background: #54a700; position: relative; } .LHV2-sensitive-popup > .sensitive-footer > .sensitive-btn-continue .action-node { position: absolute; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; opacity: 0 !important; cursor: pointer !important; } .LHV2-sensitive-popup .input-checkbox { position: relative; } .LHV2-sensitive-popup .input-checkbox input { vertical-align: -2px; margin-right: 3px; cursor: pointer; } .LHV2-sensitive-popup .input-checkbox label { cursor: pointer; display: inline-block !important; margin: 0 !important; }