| | |
| | | "to-fast-properties": "^2.0.0" |
| | | } |
| | | }, |
| | | "@emotion/is-prop-valid": { |
| | | "version": "1.2.0", |
| | | "resolved": "https://registry.npmmirror.com/@emotion/is-prop-valid/-/is-prop-valid-1.2.0.tgz", |
| | | "integrity": "sha512-3aDpDprjM0AwaxGE09bOPkNxHpBd+kA6jty3RnaEXdweX1DF1U3VQpPYb0g1IStAuK7SVQ1cy+bNBBKp4W3Fjg==", |
| | | "dev": true, |
| | | "requires": { |
| | | "@emotion/memoize": "^0.8.0" |
| | | } |
| | | }, |
| | | "@emotion/memoize": { |
| | | "version": "0.8.0", |
| | | "resolved": "https://registry.npmmirror.com/@emotion/memoize/-/memoize-0.8.0.tgz", |
| | | "integrity": "sha512-G/YwXTkv7Den9mXDO7AhLWkE3q+I92B+VqAE+dYG4NGPaHZGvt3G8Q0p9vmE+sq7rTGphUbAvmQ9YpbfMQGGlA==", |
| | | "dev": true |
| | | }, |
| | | "@emotion/stylis": { |
| | | "version": "0.8.5", |
| | | "resolved": "https://registry.npmmirror.com/@emotion/stylis/-/stylis-0.8.5.tgz", |
| | | "integrity": "sha512-h6KtPihKFn3T9fuIrwvXXUOwlx3rfUvfZIcP5a6rh8Y7zjE3O06hT5Ss4S/YI1AYhuZ1kjaE/5EaOOI2NqSylQ==", |
| | | "dev": true |
| | | }, |
| | | "@emotion/unitless": { |
| | | "version": "0.7.5", |
| | | "resolved": "https://registry.npmmirror.com/@emotion/unitless/-/unitless-0.7.5.tgz", |
| | | "integrity": "sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg==", |
| | | "dev": true |
| | | }, |
| | | "@hapi/address": { |
| | | "version": "2.1.4", |
| | | "resolved": "https://registry.npmmirror.com/@hapi/address/-/address-2.1.4.tgz", |
| | |
| | | "@babel/helper-define-polyfill-provider": "^0.3.3" |
| | | } |
| | | }, |
| | | "babel-plugin-styled-components": { |
| | | "version": "2.0.7", |
| | | "resolved": "https://registry.npmmirror.com/babel-plugin-styled-components/-/babel-plugin-styled-components-2.0.7.tgz", |
| | | "integrity": "sha512-i7YhvPgVqRKfoQ66toiZ06jPNA3p6ierpfUuEWxNF+fV27Uv5gxBkf8KZLHUCc1nFA9j6+80pYoIpqCeyW3/bA==", |
| | | "dev": true, |
| | | "requires": { |
| | | "@babel/helper-annotate-as-pure": "^7.16.0", |
| | | "@babel/helper-module-imports": "^7.16.0", |
| | | "babel-plugin-syntax-jsx": "^6.18.0", |
| | | "lodash": "^4.17.11", |
| | | "picomatch": "^2.3.0" |
| | | } |
| | | }, |
| | | "babel-plugin-syntax-jsx": { |
| | | "version": "6.18.0", |
| | | "resolved": "https://registry.npmmirror.com/babel-plugin-syntax-jsx/-/babel-plugin-syntax-jsx-6.18.0.tgz", |
| | | "integrity": "sha512-qrPaCSo9c8RHNRHIotaufGbuOBN8rtdC4QrrFFc43vyWCCz7Kl7GL1PGaXtMGQZUXrkCjNEgxDfmAuAabr/rlw==", |
| | | "dev": true |
| | | }, |
| | | "balanced-match": { |
| | | "version": "1.0.2", |
| | | "resolved": "https://registry.npmmirror.com/balanced-match/-/balanced-match-1.0.2.tgz", |
| | |
| | | "version": "6.3.0", |
| | | "resolved": "https://registry.npmmirror.com/camelcase/-/camelcase-6.3.0.tgz", |
| | | "integrity": "sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==", |
| | | "dev": true |
| | | }, |
| | | "camelize": { |
| | | "version": "1.0.1", |
| | | "resolved": "https://registry.npmmirror.com/camelize/-/camelize-1.0.1.tgz", |
| | | "integrity": "sha512-dU+Tx2fsypxTgtLoE36npi3UqcjSSMNYfkqgmoEhtZrraP5VWq0K7FkWVTYa8eMPtnU/G2txVsfdCJTn9uzpuQ==", |
| | | "dev": true |
| | | }, |
| | | "caniuse-api": { |
| | |
| | | } |
| | | } |
| | | }, |
| | | "countup.js": { |
| | | "version": "2.6.0", |
| | | "resolved": "https://registry.npmmirror.com/countup.js/-/countup.js-2.6.0.tgz", |
| | | "integrity": "sha512-GeORCrCcaFUHP3RNf0/dWK+XQX+fsdtrMO31mNvsbKXNNG+DMTcgZ4dWpIG9BnOS8t5+iJbaRXgaaG9oLs0N4g==", |
| | | "dev": true |
| | | }, |
| | | "create-ecdh": { |
| | | "version": "4.0.4", |
| | | "resolved": "https://registry.npmmirror.com/create-ecdh/-/create-ecdh-4.0.4.tgz", |
| | |
| | | "randomfill": "^1.0.3" |
| | | } |
| | | }, |
| | | "css-color-keywords": { |
| | | "version": "1.0.0", |
| | | "resolved": "https://registry.npmmirror.com/css-color-keywords/-/css-color-keywords-1.0.0.tgz", |
| | | "integrity": "sha512-FyyrDHZKEjXDpNJYvVsV960FiqQyXc/LlYmsxl2BcdMb2WPx0OGRVgTg55rPSyLSNMqP52R9r8geSp7apN3Ofg==", |
| | | "dev": true |
| | | }, |
| | | "css-color-names": { |
| | | "version": "0.0.4", |
| | | "resolved": "https://registry.npmmirror.com/css-color-names/-/css-color-names-0.0.4.tgz", |
| | |
| | | "resolved": "https://registry.npmmirror.com/css-select-base-adapter/-/css-select-base-adapter-0.1.1.tgz", |
| | | "integrity": "sha512-jQVeeRG70QI08vSTwf1jHxp74JoZsr2XSgETae8/xC8ovSnL2WF87GTLO86Sbwdt2lK4Umg4HnnwMO4YF3Ce7w==", |
| | | "dev": true |
| | | }, |
| | | "css-to-react-native": { |
| | | "version": "3.2.0", |
| | | "resolved": "https://registry.npmmirror.com/css-to-react-native/-/css-to-react-native-3.2.0.tgz", |
| | | "integrity": "sha512-e8RKaLXMOFii+02mOlqwjbD00KSEKqblnpO9e++1aXS1fPQOpS1YoqdVHBqPjHNoxeF2mimzVqawm2KCbEdtHQ==", |
| | | "dev": true, |
| | | "requires": { |
| | | "camelize": "^1.0.0", |
| | | "css-color-keywords": "^1.0.0", |
| | | "postcss-value-parser": "^4.0.2" |
| | | } |
| | | }, |
| | | "css-tree": { |
| | | "version": "1.0.0-alpha.37", |
| | |
| | | "minimalistic-crypto-utils": "^1.0.1" |
| | | } |
| | | }, |
| | | "hoist-non-react-statics": { |
| | | "version": "3.3.2", |
| | | "resolved": "https://registry.npmmirror.com/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz", |
| | | "integrity": "sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==", |
| | | "dev": true, |
| | | "requires": { |
| | | "react-is": "^16.7.0" |
| | | } |
| | | }, |
| | | "hoopy": { |
| | | "version": "0.1.4", |
| | | "resolved": "https://registry.npmmirror.com/hoopy/-/hoopy-0.1.4.tgz", |
| | |
| | | "integrity": "sha512-JVAfqNPTvNq3sB/VHQJAFxN/sPgKnsKrCwyRt15zwNCdrMMJDdcEOdubuy+DuJYYdm0ox1J4uzEuYKkN+9yhVg==", |
| | | "dev": true |
| | | }, |
| | | "js-base64": { |
| | | "version": "3.7.5", |
| | | "resolved": "https://registry.npmmirror.com/js-base64/-/js-base64-3.7.5.tgz", |
| | | "integrity": "sha512-3MEt5DTINKqfScXKfJFrRbxkrnk2AxPWGBL/ycjz4dK8iqiSJ06UxD8jh8xuh6p10TX4t2+7FsBYVxxQbMg+qA==", |
| | | "dev": true |
| | | }, |
| | | "js-message": { |
| | | "version": "1.0.7", |
| | | "resolved": "https://registry.npmmirror.com/js-message/-/js-message-1.0.7.tgz", |
| | |
| | | "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==", |
| | | "dev": true |
| | | }, |
| | | "live-cat": { |
| | | "version": "0.8.8", |
| | | "resolved": "https://registry.npmmirror.com/live-cat/-/live-cat-0.8.8.tgz", |
| | | "integrity": "sha512-xcjRYtPPDfd/UC7THsecbg3VPVTS7tYIukFuquyUAv+RN7X5ecr2mYU2nPyPw5AtyAsrVWfL1gobtzi7bUVizA==", |
| | | "dev": true, |
| | | "requires": { |
| | | "countup.js": "^2.3.2", |
| | | "js-base64": "^3.7.2", |
| | | "ray-streaming": "2.18.1", |
| | | "react": "^17.0.2", |
| | | "react-dom": "^17.0.2", |
| | | "resize-observer-polyfill": "^1.5.1", |
| | | "rxjs": "^7.4.0", |
| | | "styled-components": "^5.3.3" |
| | | } |
| | | }, |
| | | "loader-runner": { |
| | | "version": "2.4.0", |
| | | "resolved": "https://registry.npmmirror.com/loader-runner/-/loader-runner-2.4.0.tgz", |
| | |
| | | "resolved": "https://registry.npmmirror.com/loglevel/-/loglevel-1.8.1.tgz", |
| | | "integrity": "sha512-tCRIJM51SHjAayKwC+QAg8hT8vg6z7GSgLJKGvzuPb1Wc+hLzqtuVLxp6/HzSPOozuK+8ErAhy7U/sVzw8Dgfg==", |
| | | "dev": true |
| | | }, |
| | | "loose-envify": { |
| | | "version": "1.4.0", |
| | | "resolved": "https://registry.npmmirror.com/loose-envify/-/loose-envify-1.4.0.tgz", |
| | | "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==", |
| | | "dev": true, |
| | | "requires": { |
| | | "js-tokens": "^3.0.0 || ^4.0.0" |
| | | } |
| | | }, |
| | | "lower-case": { |
| | | "version": "1.1.4", |
| | |
| | | "unpipe": "1.0.0" |
| | | } |
| | | }, |
| | | "ray-streaming": { |
| | | "version": "2.18.1", |
| | | "resolved": "https://registry.npmmirror.com/ray-streaming/-/ray-streaming-2.18.1.tgz", |
| | | "integrity": "sha512-MKsefikB7PUzFOvuNon4ZqHKPoXICE0jTFVrHvDs6frt16w35y0hWFgFksSclVueCDGZJziRxvUyc6qk7PvTfw==", |
| | | "dev": true, |
| | | "requires": { |
| | | "resize-observer-polyfill": "^1.5.1", |
| | | "rxjs": "^7.4.0", |
| | | "webrtc-adapter": "^8.2.0" |
| | | } |
| | | }, |
| | | "react": { |
| | | "version": "17.0.2", |
| | | "resolved": "https://registry.npmmirror.com/react/-/react-17.0.2.tgz", |
| | | "integrity": "sha512-gnhPt75i/dq/z3/6q/0asP78D0u592D5L1pd7M8P+dck6Fu/jJeL6iVVK23fptSUZj8Vjf++7wXA8UNclGQcbA==", |
| | | "dev": true, |
| | | "requires": { |
| | | "loose-envify": "^1.1.0", |
| | | "object-assign": "^4.1.1" |
| | | } |
| | | }, |
| | | "react-dom": { |
| | | "version": "17.0.2", |
| | | "resolved": "https://registry.npmmirror.com/react-dom/-/react-dom-17.0.2.tgz", |
| | | "integrity": "sha512-s4h96KtLDUQlsENhMn1ar8t2bEa+q/YAtj8pPPdIjPDGBDIVNsrD9aXNWqspUe6AzKCIG0C1HZZLqLV7qpOBGA==", |
| | | "dev": true, |
| | | "requires": { |
| | | "loose-envify": "^1.1.0", |
| | | "object-assign": "^4.1.1", |
| | | "scheduler": "^0.20.2" |
| | | } |
| | | }, |
| | | "react-is": { |
| | | "version": "16.13.1", |
| | | "resolved": "https://registry.npmmirror.com/react-is/-/react-is-16.13.1.tgz", |
| | | "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==", |
| | | "dev": true |
| | | }, |
| | | "read-pkg": { |
| | | "version": "5.2.0", |
| | | "resolved": "https://registry.npmmirror.com/read-pkg/-/read-pkg-5.2.0.tgz", |
| | |
| | | "integrity": "sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==", |
| | | "dev": true |
| | | }, |
| | | "resize-observer-polyfill": { |
| | | "version": "1.5.1", |
| | | "resolved": "https://registry.npmmirror.com/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz", |
| | | "integrity": "sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg==", |
| | | "dev": true |
| | | }, |
| | | "resolve": { |
| | | "version": "1.22.1", |
| | | "resolved": "https://registry.npmmirror.com/resolve/-/resolve-1.22.1.tgz", |
| | |
| | | "aproba": "^1.1.1" |
| | | } |
| | | }, |
| | | "rxjs": { |
| | | "version": "7.8.0", |
| | | "resolved": "https://registry.npmmirror.com/rxjs/-/rxjs-7.8.0.tgz", |
| | | "integrity": "sha512-F2+gxDshqmIub1KdvZkaEfGDwLNpPvk9Fs6LD/MyQxNgMds/WH9OdDDXOmxUZpME+iSK3rQCctkL0DYyytUqMg==", |
| | | "dev": true, |
| | | "requires": { |
| | | "tslib": "^2.1.0" |
| | | } |
| | | }, |
| | | "safe-buffer": { |
| | | "version": "5.2.1", |
| | | "resolved": "https://registry.npmmirror.com/safe-buffer/-/safe-buffer-5.2.1.tgz", |
| | |
| | | "integrity": "sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw==", |
| | | "dev": true |
| | | }, |
| | | "scheduler": { |
| | | "version": "0.20.2", |
| | | "resolved": "https://registry.npmmirror.com/scheduler/-/scheduler-0.20.2.tgz", |
| | | "integrity": "sha512-2eWfGgAqqWFGqtdMmcL5zCMK1U8KlXv8SQFGglL3CEtd0aDVDWgeF/YoCmvln55m5zSk3J/20hTaSBeSObsQDQ==", |
| | | "dev": true, |
| | | "requires": { |
| | | "loose-envify": "^1.1.0", |
| | | "object-assign": "^4.1.1" |
| | | } |
| | | }, |
| | | "schema-utils": { |
| | | "version": "2.7.1", |
| | | "resolved": "https://registry.npmmirror.com/schema-utils/-/schema-utils-2.7.1.tgz", |
| | |
| | | "ajv": "^6.12.4", |
| | | "ajv-keywords": "^3.5.2" |
| | | } |
| | | }, |
| | | "sdp": { |
| | | "version": "3.2.0", |
| | | "resolved": "https://registry.npmmirror.com/sdp/-/sdp-3.2.0.tgz", |
| | | "integrity": "sha512-d7wDPgDV3DDiqulJjKiV2865wKsJ34YI+NDREbm+FySq6WuKOikwyNQcm+doLAZ1O6ltdO0SeKle2xMpN3Brgw==", |
| | | "dev": true |
| | | }, |
| | | "select-hose": { |
| | | "version": "2.0.0", |
| | |
| | | "inherits": "^2.0.1", |
| | | "safe-buffer": "^5.0.1" |
| | | } |
| | | }, |
| | | "shallowequal": { |
| | | "version": "1.1.0", |
| | | "resolved": "https://registry.npmmirror.com/shallowequal/-/shallowequal-1.1.0.tgz", |
| | | "integrity": "sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ==", |
| | | "dev": true |
| | | }, |
| | | "shebang-command": { |
| | | "version": "1.2.0", |
| | |
| | | "integrity": "sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==", |
| | | "dev": true |
| | | }, |
| | | "styled-components": { |
| | | "version": "5.3.9", |
| | | "resolved": "https://registry.npmmirror.com/styled-components/-/styled-components-5.3.9.tgz", |
| | | "integrity": "sha512-Aj3kb13B75DQBo2oRwRa/APdB5rSmwUfN5exyarpX+x/tlM/rwZA2vVk2vQgVSP6WKaZJHWwiFrzgHt+CLtB4A==", |
| | | "dev": true, |
| | | "requires": { |
| | | "@babel/helper-module-imports": "^7.0.0", |
| | | "@babel/traverse": "^7.4.5", |
| | | "@emotion/is-prop-valid": "^1.1.0", |
| | | "@emotion/stylis": "^0.8.4", |
| | | "@emotion/unitless": "^0.7.4", |
| | | "babel-plugin-styled-components": ">= 1.12.0", |
| | | "css-to-react-native": "^3.0.0", |
| | | "hoist-non-react-statics": "^3.0.0", |
| | | "shallowequal": "^1.1.0", |
| | | "supports-color": "^5.5.0" |
| | | } |
| | | }, |
| | | "stylehacks": { |
| | | "version": "4.0.3", |
| | | "resolved": "https://registry.npmmirror.com/stylehacks/-/stylehacks-4.0.3.tgz", |
| | |
| | | "version": "1.2.0", |
| | | "resolved": "https://registry.npmmirror.com/ts-pnp/-/ts-pnp-1.2.0.tgz", |
| | | "integrity": "sha512-csd+vJOb/gkzvcCHgTGSChYpy5f1/XKNsmvBGO4JXS+z1v2HobugDz4s1IeFXM3wZB44uczs+eazB5Q/ccdhQw==", |
| | | "dev": true |
| | | }, |
| | | "tslib": { |
| | | "version": "2.5.0", |
| | | "resolved": "https://registry.npmmirror.com/tslib/-/tslib-2.5.0.tgz", |
| | | "integrity": "sha512-336iVw3rtn2BUK7ORdIAHTyxHGRIHVReokCR3XjbckJMK7ms8FysBfhLR8IXnAgy7T0PTPNBWKiH514FOW/WSg==", |
| | | "dev": true |
| | | }, |
| | | "tty-browserify": { |
| | |
| | | } |
| | | } |
| | | }, |
| | | "webrtc-adapter": { |
| | | "version": "8.2.1", |
| | | "resolved": "https://registry.npmmirror.com/webrtc-adapter/-/webrtc-adapter-8.2.1.tgz", |
| | | "integrity": "sha512-uZGIyr9FgjNHwEy8dkSV6Dq7wASbaSeSpibhrzFiRf9eSmUsMd4a55ZIfCdaASeIbalGWEQIkcE59Y9VkgqDZw==", |
| | | "dev": true, |
| | | "requires": { |
| | | "sdp": "^3.2.0" |
| | | } |
| | | }, |
| | | "websocket-driver": { |
| | | "version": "0.7.4", |
| | | "resolved": "https://registry.npmmirror.com/websocket-driver/-/websocket-driver-0.7.4.tgz", |
| | |
| | | "@vue/cli-plugin-router": "^4.1.1", |
| | | "@vue/cli-plugin-vuex": "^4.1.1", |
| | | "@vue/cli-service": "^4.1.1", |
| | | "live-cat": "^0.8.8", |
| | | "vue-template-compiler": "^2.6.11" |
| | | } |
| | | } |
| | |
| | | <template> |
| | | <div class="about"> |
| | | <h1>This is an about page12222222222222</h1> |
| | | <h1>This is an about page1222222266666666666666666666222222</h1> |
| | | </div> |
| | | </template> |
| | |
| | | <div class="home"> |
| | | <img alt="Vue logo" src="../assets/logo.png"> |
| | | <HelloWorld msg="Welcome to Your Vue.js App"/> |
| | | <div id = "mt"></div> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | // @ is an alias to /src |
| | | import HelloWorld from '@/components/HelloWorld.vue' |
| | | import { Launcher } from 'live-cat' |
| | | |
| | | export default { |
| | | name: 'Home', |
| | | components: { |
| | | HelloWorld |
| | | }, |
| | | mounted() |
| | | { |
| | | }, |
| | | async created() |
| | | { |
| | | |
| | | this.get3d() |
| | | |
| | | alert(123) |
| | | |
| | | }, |
| | | methods: |
| | | { |
| | | async get3d() |
| | | { |
| | | let virtualEl = null |
| | | let answerList = [] |
| | | //useEffect(()=>{ |
| | | //bootstrap() |
| | | //},[]) |
| | | const appKey = "cGSdMdd6iarelspq"; |
| | | const address = "https://app.3dcat.live"; |
| | | const bootstrap = async () => { |
| | | try { |
| | | const launch = new Launcher({ |
| | | baseOptions: { |
| | | address, |
| | | appKey, |
| | | startType: 1, // 1:普通链接 | 3:投屏链接 |
| | | optionalParam: 'resolution=${375}x${656} platform=mobile' |
| | | }, |
| | | |
| | | }); |
| | | //alert(12) |
| | | alert(launch.taskId) |
| | | const player = document.querySelector('#mt'); |
| | | //const player = document.querySelector("body"); |
| | | document.querySelector("body").style.width = "100vw"; |
| | | document.querySelector("body").style.height = "100vh"; |
| | | await launch.automata(player); |
| | | } catch (error) { |
| | | //alert(233) |
| | | //alert(error) |
| | | console.error(error); |
| | | } |
| | | } |
| | | window.addEventListener("DOMContentLoaded", () => { |
| | | if ( |
| | | navigator.userAgent.includes("miniProgram") || |
| | | navigator.userAgent.includes("MicroMessenger") |
| | | ) { |
| | | //微信浏览器/微信小程序环境 |
| | | document.addEventListener("WeixinJSBridgeReady", bootstrap, false); |
| | | } else { |
| | | bootstrap(); |
| | | } |
| | | }); |
| | | }, |
| | | } |
| | | } |
| | | </script> |
| | | <style> |
| | | #mt |
| | | { |
| | | border:1px solid red; |
| | | width:375px; |
| | | height:656px; |
| | | position:relative; |
| | | } |
| | | </style> |