hotspot.11996fdc.css 8.3 KB

1
  1. .hotspot-page{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:22px 0 71px;z-index:var(--z-index-popper)}.hotspot-page .audioIcon{position:absolute;right:20px;bottom:5px}.hotspot-page .audioIcon img{width:57px;height:57px;cursor:pointer}.hotspot-page-info{color:#333;max-width:1320px;width:70vw}.hotspot-page-info h3{margin-bottom:18px;font-size:18px;font-weight:700;text-align:center;color:#9d222d}.hotspot-page-info div{margin:0 auto;width:80%;font-size:18px;line-height:32px;text-indent:2em}.hotspot-page-container{position:relative;flex:1;flex-shrink:1;height:0;display:flex;flex-direction:column;align-items:center;padding:9vh 20px;max-width:1320px;min-width:400px;width:auto;box-sizing:border-box}.hotspot-page-swiper__left,.hotspot-page-swiper__right{position:absolute;top:50%;width:45px;height:50px;cursor:pointer;transform:translateY(-50%);z-index:1}.hotspot-page-swiper__left{left:-70px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAyCAMAAAD/RKLmAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAI9UExURUdwTJ0nJ5kaM50iLZ0iLZ0hLZ0iLZYeLZwhLaIXLp0hLZ4iLaoqKpwiLZ0iLZ8gMJ0iLp0iLZ0iLZwiLZwiL6ocK6YhLJ4iLZ0jLZ0iLZ0iLqQkJJwiLZUVKp4iLZwiLZ0hLZoiLZwiLJ0hLZ4iLpwgLpogLYAAAKoAVZ0iLZsfLpwiLZshLJ0iLZ0iLZsfLJsjLKQkN50iLZ0iLf8AAJsjLZ0iLJ0hLpwhLZ0hLJwgLZkiIpkiM50iLZshLp4jLaocOaocHJ4iLZwiLJwhK50hLZwgLp4iLZwgK5ogMJwhKZ0iLJwiLJwhL5oiK54hLp4jLZ0iLJsgLpofMJsjL50hLZ0iLZsiLJ0iLpwgL50iLZsfLpsgKZ0hLp0hLp0iLZ0gLpwiLZ4jLp0jLZ4hL5shLJ4kMZsgLJIkJJ0jL5wjK50iLZwiLp0iLpwgLZ8gIJ4iLJ0iLpshKp4iLJofLJwiLp4jLp0hLJ0iLZ0jLpoiKJ0iLpwhMZ0iLp0jLZsiLpwhLJ4hLpwhLp4iLZwjMp4iLZ0iLZ0iLZ4iL5sgLp4hLpokL5ogK5sfK5oiL5whLZwiMJ4gLpIkN5whLZshLJ4iLpokKp4iLp4jLZ0iLp4iLJ0hL50iLqoiIp0hLKoiM50iLZ0hLJ0jL50iL5ofLJogKp4kJJoiMJ4iLZ8hLpshLJsgLJ4fLp0hL54gLZwhLZ8kMJwiLp4iLZ4iLJ4iLp4iLpogL54iLZ4iLp4iLY4cHJ4iLY4cOZ0iLZ0iLRIteYkAAAC+dFJOUwANCvv69P4Rzgv1/gzz8hD8/Pb7YhIXzNbR9g6IDO+NsURigu9fPwID8yH9Lt7jKYUO6O0BM/FObIpnDw/xPcAJCbtLZGtI9l8wH9t5XTV7x+A4Oldl8GlwZ/VCOLN123Bax+VccxVuDlEk6mrwfhDK9T3POnlfbXjlJuAf6klpXWRkyiTUctl+blQrR0ImfEtZDqBczyvUdlPxc9kPsw+fVm1oUTAVNfE9RUBCRj8+QEPFxfbCR8K9vQmICYeNqcLuAAACHklEQVRIx5XW51+OcRTH8dMtEaHIDKkUJWQTGlZlZ2Rm7733zBZCRsjIyt57/P42D8737ne9zrmOF/fDz3k/ua/rNy4i4/c8RqVfPy38JrGFTEXjWhr4XZyTuuibM/R756SOFDpDv3ZKRz47Qx9xSkc+OENfdkrHr3CGHuGUjj/hDL0e+F5fjztzKrkg8XngXn2aUo/rnNqnSTwH+MHQppTQFfiixMuBU31KuMlpYZbEq3jQepRPMV24tdoh8R7g7gFcD7xL4mQexOX5dHUpt+aLJZ4LnOHToP7A0yV+xIN+UwP4IPAwiSfyIGmtT2MGcMt+IvFD4JEBvJ9bm1yJ5/Og2Tyf7g8GviHxHeB8n9od5tZ2oMR1POgwIYCHAB+QeDcPYtN96tib2+0NEtcAl/q0Bnh4jsRngY/51Gkz8GS1+rdATwvoCm5jD+mdNQM806enPcFzNN8Hnhz4l+DPTmq+BE+wKuQJXtJ8Nd7OAp+2brTeDtEy8KM+3Y2++WrN9/IoMbCqRq+0VhXRJvBzAR5dsWWa52M3nPYppdzaDUTH9U5Lie60Rs3T9S5eNwV8luaZISfEGZwQszW/9pfTp0DzKyEn2ylO27M0bwCv1admt0Wa3wo5kXeCp2n+GLxSn/afvvzbTbLNukmIxofcUjNNTZNCbsCPpqYXIbfrV1PTq/+5uYle6q+C4u+mprdJ6ouj2PziICrQXzM/fv8Bf6LLKDIilUAAAAAASUVORK5CYII=) no-repeat 50%/contain}.hotspot-page-swiper__right{right:-70px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAyCAMAAAD/RKLmAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAG5UExURUdwTJogL50iLZ0iLZwiLZ0iLZ0iLZ0hLZ0hLZ0hLZ4gLZ0iLZ0iLZwhL54iLZshLJwhLZkzM5siL50iLZ0gLb9AQJ0iLZ0iLpwhLZwhLZ4iL54iLZ4gLZ0iLp4hLp0iLZskLp0hLZ0hLZ0hLp4gLZsfLZ0iLZ4iLZoiLZ0jLpsiLp0iLpogLZ0fL4AAAJ0iLZ0hLZsfLp4gLp4iLYAAQJshLJsfLJ0iLpwhLZ0hLv8AAJ0iLZsjLZ0iLJ0iLZwhLZ0hLZ0hLZ4hLpwgLp0iLZ0iLZ0hLZ0iLpwcK58gMJ0iLZwhLZ0iLp0iLp4iLZogMJwhKZ0iLZoiK54iLZshLpsgLpofMJwhLZwiLZ0iLp0hLpwiLZ4iLp0iLZsfLpsgKZ4iLZ0iLp0iLZwjLp4kMZ0iLZwjK5wiLqoAAJ0iLpshKpofLJ0jLZoiKJwhMZ0iLZ0hLZ0iLZ0dMZwjMqoAVZ0iLpokL5ogK5sfK5whLJ4iLZwiLZoiL54hLZokKp0hLp0dJ5wjLp4iLJ0hLZogKpoiMJwhLJ4iLZ0iLZ4gLp0hLJ4kJI8gMJ0iLY8gIJ0iLpkiIpkiM50iLS240WIAAACSdFJOUwBH0vbz8o1r9PVmW55doxejBVLwYATR9rdVTIid8KjQHLGSt09KpkREsWmsP0EC86shbroELimmoGMBrzPxtGy0uaBYrvGp7xIQ7+1TlfYwH701wj04OsKJj4rw9vVCOJi9vIQVwSTwA/U9OsAmH8XAhxokA5crR0KVgYEmvyuMGpvxmjA1hPGPhmMVEOoQ6g8PDUO9hAAAAcxJREFUSMeV1kVzw0AMhuGUUmZmxpRTxpSZmZmZmZnb/cU9rDLWzFcdmuM7z8GOvZJNpyb4tf+YpJ+ag+T69S5qtQNatbWIWo2CVk3NolZm0KppXtRqBLRa8hW1SgCtondFrTpAq+g41PnEp43k76hTwybyauI3RioIIZ6HPIO4l5GyY3V62kPuQbyWtR6dXM6RlxL3Ya2GeBHyIOLFrIXp5HyI3Jt4I2s24oXIPYlbWIvXKacLeR3xctbqdXKrQB5OPJ21XOIPyAOIV7EWQ3wAeRLxRNZSdHIfRB5B3MqaH/F+5MnEZ1gr0WklE7kD8fUyo0XpFDqJPJX4wr7RzMTTkGcR7ws2WqRO4w6iHkLdeSRdyfYyXIlTmnSXF+wuvQgfS//gLGu1Ok1kSk+nhjUfejqr0pMPY62Y8Jr0VtlYa6S3akp6Y+NZsxDulU5DPWvl0mmwn7Rc1tLppN1LpziGtSrpFNsnRApriYQvpenjx5pVmj72yVbC2hbhDWlqRuHUvF2UJvIdTuTKPGnaH+C0r+yWNskJS686Bcb9Y0sFXktb6hk34Ji4Aa9wu7a+Sdt1GDd3q7i5X/7zVfCIXxwfn9IXx9kfXzPfEv4FRGtpZ2GATw8AAAAASUVORK5CYII=) no-repeat 50%/contain}.hotspot-page-model,.hotspot-page-model iframe{width:100%;height:100%}.hotspot-page .swiper-slide{display:flex;align-items:center;justify-content:center}.hotspot-page-video{height:100%;max-height:100%}.hotspot-page-img{display:flex;align-items:center;justify-content:center;height:inherit}.hotspot-page-img-swiper{flex:1;width:100%;height:0}.hotspot-page-nav{position:absolute;left:50%;bottom:5px;display:flex;align-items:center;gap:10px;transform:translateX(-50%)}.hotspot-page-nav__item{display:flex;align-items:center;justify-content:center;gap:9px;width:57px;height:57px;box-sizing:border-box;cursor:pointer}.hotspot-page-nav__item img{width:100%;height:100%}span.el-image-viewer__close{top:44px;right:100px}@media only screen and (max-width:600px){.hotspot-page{padding-bottom:0}.hotspot-page .el-scrollbar{flex:1;width:100%;height:0!important;background:#9d222d;border-radius:17px 17px 0 0}.hotspot-page .el-scrollbar__wrap{height:100%!important}.hotspot-page-info{padding:0 28px;text-align:left;width:100%;color:#fff}.hotspot-page-info h3{margin:13px 0 8px;color:inherit;text-align:left}.hotspot-page-info div{width:100%;font-size:14px}.hotspot-page-container{max-width:100%;width:100%;background:none}.hotspot-page-swiper__left,.hotspot-page-swiper__right{top:unset;bottom:12px;transform:none}.hotspot-page-swiper__left{left:14px}.hotspot-page-swiper__right{right:14px}.hotspot-page-nav{bottom:0}.hotspot-page-nav__item{width:48px;height:48px}.hotspot-page .audioIcon{right:35px;bottom:1px}.hotspot-page .audioIcon img{width:48px;height:48px}span.el-image-viewer__close{top:20px;right:73px;width:33px;height:33px}}:root{--z-index-normal:1;--z-index-top:1000;--z-index-popper:2000;--z-hot-popper:3000}body,dd,dl,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,ol,p,select,td,textarea,th,ul{margin:0;padding:0}*{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none}#app,body,html{width:100%;height:100%;overflow:hidden}body{margin:0;font-size:14px;color:hsla(0,0%,100%,.9);font-family:OpenSans,sans-serif;-webkit-tap-highlight-color:transparent}a{color:#fff;cursor:pointer;text-decoration:none}em{font-style:normal}li{list-style:none}img{border:0;vertical-align:middle}table{border-collapse:collapse;border-spacing:0}p{word-wrap:break-word}iframe{border:none}@font-face{font-family:OpenSans;src:url(/resources/web/syjy/fonts/OpenSansRegular.e1e58634.woff2) format("woff2");font-weight:400}@font-face{font-family:OpenSans;src:url(/resources/web/syjy/fonts/OpenSansLight.342e90e8.eot);src:url(/resources/web/syjy/fonts/OpenSansLight.342e90e8.eot) format("embedded-opentype"),url(/resources/web/syjy/fonts/OpenSansLight.e18794f0.woff2) format("woff2"),url(/resources/web/syjy/fonts/OpenSansLight.50736a55.woff) format("woff"),url(/resources/web/syjy/fonts/OpenSansLight.8c9d72c3.ttf) format("truetype"),url(/resources/web/syjy/img/OpenSansLight.e5af05cc.svg#OpenSansLight) format("svg");font-weight:100}@font-face{font-family:OpenSans;src:url(/resources/web/syjy/fonts/OpenSansSemibold.40ed03c3.eot);src:url(/resources/web/syjy/fonts/OpenSansSemibold.40ed03c3.eot) format("embedded-opentype"),url(/resources/web/syjy/fonts/OpenSansSemibold.f95d0c92.woff2) format("woff2"),url(/resources/web/syjy/fonts/OpenSansSemibold.07afeb36.woff) format("woff"),url(/resources/web/syjy/fonts/OpenSansSemibold.7ea0b34e.ttf) format("truetype"),url(/resources/web/syjy/img/OpenSansSemibold.53681864.svg#OpenSansSemibold) format("svg");font-weight:700}.limit-line{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-all;word-wrap:break-word}.line-2{-webkit-line-clamp:2}.line-3{-webkit-line-clamp:3}.hidden{display:none!important;visibility:hidden!important}.darkGlass{background-color:rgba(0,0,0,.5)}.message-outer{position:absolute;display:table;height:100%;width:100%}.message-outer *{transition:all .3s}