
<!-- saved from url=(0064)https://login.ztgame.com/themes/official/css/common.css?20241021 -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></head><body>/* CSS Reset */
body, html {min-height:100%}
html {-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}
body {font-family:"Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;line-height:1.6;color:#333;font-size:16px;margin:0}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {display:block}
a {text-decoration:none;color:#0e90d2}
a:focus {outline:thin dotted}
a:active, a:hover {outline:0}
a:focus, a:hover {color:#095f8a}
:focus {outline:0 none}
img, iframe {border:0}
figure, ul, dl, dt, dd, p {margin:0}
table {border-collapse:collapse;border-spacing:0}
ul, li, td, th, dt, dd {padding:0}
li {list-style:none}
button, input, optgroup, select, textarea {color:inherit;font:inherit;margin:0;padding:0;font-family:"Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif}
button, input {line-height:normal}
button, select {text-transform:none}
button, html input[type=button], input[type=reset], input[type=submit] {-webkit-appearance:button;cursor:pointer}
input[type=checkbox], input[type=radio] {cursor:pointer;padding:0}
button::-moz-focus-inner, input::-moz-focus-inner {border:0;padding:0}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {height:auto}
input[type=search] {-webkit-appearance:textfield;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {-webkit-appearance:none}
button, input:not([type=radio]):not([type=checkbox]), select {vertical-align:middle}
img {vertical-align:middle}
textarea {overflow:auto;vertical-align:top;resize:vertical}
h1, h2, h3, h4, h5, h6 {font-weight:600;font-size:100%}
h1 {font-size:1.5em}
h2 {font-size:1.25em}
dt {font-weight:700}
.h5bp {display:inline-block;font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;overflow:hidden}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix {zoom:1}

/*必须，关系到单个page能否全屏显示*/
.FRAME_main {overflow-y:scroll}
.WB_frame {letter-spacing:-5px}
.WB_frame_a, .WB_frame_a_fix, .WB_frame_b, .WB_frame_c, .WB_frame_d, .WB_main_l, .WB_main_c, .WB_main_r, .WB_main_cr, .WB_main_a, .WB_toptips {  display:inline-block;letter-spacing:normal;word-spacing:normal;vertical-align:top}
.WB_frame_rb {background-color:#fff}
.img-compatiable img {width:100%}
.wrap {display:block}
.lb-normal {font-size:12px;color:#999}
.err-tip {margin-top:4px;display:inline-block;margin:0px}
.err-tip .warn {width:17px;float:left}
.err-tip .err-content {color:#ff7c51;font-size:12px;margin-left:8px}
.eyes {width:27px;position:absolute;right:36px;top:0}
.eyes img {cursor:pointer;+margin-top:12px}
.inputTextClear {position:absolute;width:18px;height:18px;top:32%;right:10px;cursor:pointer;background:url(../img/inputTextClose.png) no-repeat}
.inputTextClear.right {right:54px}
.an-globe {width:100%;height:20px;line-height:12px;text-indent:0;margin-top:4px}
.warn-w {width:17px;height:17px}
.an-globe .warn-content {color:#ff7c51;font-size:12px}
.an-globe .an-tip {color:#221e1f;font-size:12px}

/* header */
.an-top {min-width:1224px;height:4px;background:url(../img/top_line.jpg) no-repeat 50% 50%}
.an-login-top {width:100%;height:98px;line-height:98px;min-width:1224px}
.an-login-top.bg {background-color:#fff}
.an-login-top-w {width:1224px;margin:0 auto}
#logo {width:304px;float:left}
#logo2 {width:287px;float:left;margin-left:50px}

.top-nav {float:right;font-size:16px;position:relative}
.top-nav ul {padding-top:50px;line-height:20px}
.top-nav li {float:left;display:inline;margin:0 20px}
.top-nav a {color:#000}
.top-account {position:absolute;right:20px;top:25px;font-size:14px;line-height:20px}
.top-account p {padding-left:25px;background:url(../img/ico_account.png) no-repeat 0 50%;color:#989898}
.top-account p, .top-account p a {color:#00b0ff}
.top-account span {color:#989898}

/* 统一版权 */
.section {position:relative;width:100%}
.wrapper {width:1260px;overflow:hidden;position:relative;margin:0 auto;height:100%}
.link_list li {float:left;display:inline;padding-right:35px;font-size:14px;border-right:2px solid #5d5d5d;margin-right:35px;line-height:1;font-weight: 700}
.link_list li.last {border-right:none}
.footer_section a {color:#000}
.link_list li a:hover {color:#00b0ff}
.footer_section {padding:79px 0;background-color:#efefef}
.footer_section .left {float:left;display:inline;width:842px;font-family: "微软雅黑", sans-serif}
.qrcode_wrap {float:left;display:inline;}
.qrcode_wrap img {width:110px}
.copyright {font-size:14px;line-height:2;margin-top:10px}
.beian {font-size:14px;line-height:2;margin-top:10px;vertical-align:middle;position:relative}
.footer_section .qrcode_list {float:right;font-size:12px;text-align:center}
.footer_section .icon_e {display:inline-block;background:url(/img/icon_e.jpg) no-repeat;width:76px;height:35px;text-align:center;margin-left:-7px} .hulian_icons{margin-top:10px}
.hulian_icons a {display:inline-block;vertical-align:middle;margin-right:10px}
.hulian_icons a.icon_wh {display:inline-block;background:url(/img/wenhuajingying.png) no-repeat;width:35px;height:35px;text-align:center}
.hulian_icons img {vertical-align:middle}
.footer_section .qrcode_wrap {margin-left:34px}
.footer_section .qrcode_wrap p {line-height:2}
.gongan {display:inline-block;vertical-align:middle;;width:20px;height:22px;background:url(/img/gongan.jpg) no-repeat center;margin-left:44px;margin-right:9px}
p.beian span {color: #cfcfcf;font-weight: 700;margin: 0 6px;}

/* animation shake */
.shake {-webkit-animation:shake 1s ease-out;-moz-animation:shake 1s ease-out;-ms-animation:shake 1s ease-out;-o-animation:shake 1s ease-out;animation:shake 1s ease-out}
@-webkit-keyframes shake {0%, 100% {-webkit-transform:translateX(0)} 10%, 30%, 50%, 70%, 90% {-webkit-transform:translateX(-5px)} 20%, 40%, 60%, 80% {-webkit-transform:translateX(5px)}}
@-moz-keyframes shake {0%, 100% {-moz-transform:translateX(0)} 10%, 30%, 50%, 70%, 90% {-moz-transform:translateX(-5px)} 20%, 40%, 60%, 80% {-moz-transform:translateX(5px)}}
@-ms-keyframes shake {0%, 100% {-ms-transform:translateX(0)} 10%, 30%, 50%, 70%, 90% {-ms-transform:translateX(-5px)} 20%, 40%, 60%, 80% {-ms-transform:translateX(5px)}}
@-o-keyframes shake {0%, 100% {-o-transform:translateX(0)} 10%, 30%, 50%, 70%, 90% {-o-transform:translateX(-5px)} 20%, 40%, 60%, 80% {-o-transform:translateX(5px)}}
@keyframes shake {0%, 100% {transform:translateX(0)} 10%, 30%, 50%, 70%, 90% {transform:translateX(-5px)} 20%, 40%, 60%, 80% {transform:translateX(5px)}}

/* fix old IE */
.fake-place-holder {font-size:16px;color:#d7d7d7;position:absolute;left:0;top:0;display:inline-block;line-height:50px}
.mpcode {width:206px;text-indent:0px;+margin-left:20px;+text-indent:0;margin-left:0px\0;text-indent:0px\0;+margin-top:-28px}
.inputField {+margin-left:20px;+text-indent:0}
#tempPassword {width:300px}
#getCode, .get-mpcode {+margin-left:16px;margin-left:16px\0;+margin-left:36px;+margin-top:4px}

/* close icon */
.s1 {width:27px;height:46px;display:block;cursor:pointer}
.eye_show {background:url(../img/eye.png) no-repeat 0 50%}
.eye_hide {background:url(../img/eye_hide.png) no-repeat 0 50%}

/* placeholder and autofill  */
input::-webkit-placeholder, textarea::-webkit-placeholder, input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:#d7d7d7;height:20px;font:normal 100 16px/20px "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;margin-top:0}
input:-moz-placeholder, textarea:-moz-placeholder {color:#d7d7d7;height:20px;font:normal 100 16px/20px "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;margin-top:0}
input::-moz-placeholder, textarea::-moz-placeholder {color:#d7d7d7;height:20px;font:normal 100 16px/20px "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;margin-top:0px}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#d7d7d7;height:20px;font:normal 100 16px/20px "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;margin-top:0px}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus {box-shadow:0 0 0 50px white inset;-webkit-text-fill-color:#333}

/* remove IE input icons */
input::-ms-clear {display:none}
input::-ms-reveal {display:none}
::-ms-clear {display:none}
::-ms-reveal {display:none}</body><div mx-name="view-image-info"><template shadowrootmode="closed">
    <style> #view_info_box{all:initial;position:fixed;z-index:999999999998;width:450px;height:295px;background:#293742;border-radius:3px;right:0;top:0;box-sizing:border-box;box-shadow:0 0 12px -2px rgba(32,32,32,.5);color:#d3d3d3;display:none;font-size:14px;padding-top:5px;font-family:Avenir,Helvetica,Arial,sans-serif}#view_info_box>div{clear:both;padding:5px 10px;width:auto!important;overflow:hidden;background:inherit;display:flex}#view_info_box .attr_name{width:90px;height:25px;line-height:25px}#view_info_box .attr_value{flex:1;text-align:center;background:#475f72;height:25px;line-height:25px;border-radius:2px;color:#ffffff}#view_info_box #address_link a:link{color:#ffffff}#view_info_box #address_link a:visited{color:#ffffff}#view_info_box #close_button{flex:1;text-align:center;padding-top:10px}#view_info_box .info_header{flex:1;text-align:center;font-weight:bold}#view_info_box .input_link{display:flex;height:22px;line-height:22px;align-content:center;width:100%;border:none;-webkit-appearance:none;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);background:#475f72;color:#ffffff}.spinner{height:10px;width:10px;border:4px solid #d1d5db;border-top-color:#3b82f6;border-radius:50%;margin:0 auto;animation:spinner 800ms linear infinite;margin-top:3px}@keyframes spinner{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}</style>
    <div id="view_info_box">
        <div title="header"><div class="info_header">View Image Info</div></div>

        <div title="Address" id="address_area">
            <div class="attr_name">图片位置:</div>
            <div class="attr_value" id="address_link" style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding:0 5px;"></div>
            <a target="_blank" class="address_link_svg" href="https://www.baidu.com/" style="color: #ffffff;display:flex;align-items:center;padding-left:5px;">
                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line></svg>
            </a>

        </div>

        <div title="Original image dimensions (W x H pixels)">
            <div class="attr_name">图片尺寸:</div>
            <div class="attr_value" id="dimensions_pix"></div>
        </div>

        <div title="Displayed image dimensions (W x H pixels)">
            <div class="attr_name">显示尺寸:</div>
            <div class="attr_value" id="displayed_pix"></div>
        </div>

        <div title="Alt Title">
            <div class="attr_name">Alt / Title</div>
            <div class="attr_value" id="file_desc" style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0px 5px;"></div>
        </div>

        <div title="File Type">
            <div class="attr_name">文件类型:</div>
            <div class="attr_value" id="file_type"><div class="spinner"></div></div>
        </div>

        <div title="File Size">
            <div class="attr_name">文件大小:</div>
            <div class="attr_value" id="file_size"><div class="spinner"></div></div>
        </div>

        <div title="Close">
            <div id="close_button"><a id="close_link" style="margin-left:20px;padding:3px 20px;color:#ffffff;text-decoration:none;background: #475f72;border-radius:3px;" href="javascript:">关闭</a></div>
        </div>
    </div>
    </template></div></html>