nginx
tcp/443 tcp/80
.DS_Store” is an abbreviation for “Desktop Services Store”. These files are created automatically by Apples “Finder” software (which is part of their OS).
They store information about the files within a folder, including display options of folders, such as icon positions and view settings.
It may happen that .DS_Store files inadvertently leak filenames such as database backups or private administration panels.
Severity: low
Fingerprint: 5f32cf5d6962f09c11d3744d11d3744d336cbabb8fe0009b75006054ad7259c7
Found 12 files trough .DS_Store spidering: /assets /css /css/mobile /dist /dist/js /fonts /images /js /js/mobile /lib /svg /vendor
Severity: low
Fingerprint: 5f32cf5d6962f09cec7f8772ec7f877272a0bbae9752f4b6fa843b4b9976b809
Found 11 files trough .DS_Store spidering: /assets /css /css/mobile /dist /dist/js /fonts /images /js /lib /svg /vendor
Severity: low
Fingerprint: 5f32cf5d6962f09c11d3744d11d3744d336cbabb8fe0009b75006054cd31fd75
Found 12 files trough .DS_Store spidering: /assets /css /css/mobile /dist /dist/css /dist/js /fonts /images /js /lib /svg /vendor
.DS_Store” is an abbreviation for “Desktop Services Store”. These files are created automatically by Apples “Finder” software (which is part of their OS).
They store information about the files within a folder, including display options of folders, such as icon positions and view settings.
It may happen that .DS_Store files inadvertently leak filenames such as database backups or private administration panels.
Severity: low
Fingerprint: 5f32cf5d6962f09c11d3744d11d3744d336cbabb8fe0009b75006054ad7259c7
Found 12 files trough .DS_Store spidering: /assets /css /css/mobile /dist /dist/js /fonts /images /js /js/mobile /lib /svg /vendor
Severity: low
Fingerprint: 5f32cf5d6962f09c11d3744d11d3744d336cbabb8fe0009b75006054cd31fd75
Found 12 files trough .DS_Store spidering: /assets /css /css/mobile /dist /dist/css /dist/js /fonts /images /js /lib /svg /vendor
The application has Laravel development panel enabled.
It enables an attacker to access the following sensitive content :
Fingerprint: 3ae8115d762f12d0b4c6e6dcb4c6e6dcb4c6e6dcb4c6e6dcb4c6e6dcb4c6e6dc
Laravel Telescope enabled at http://ph.iheliebian.top
The application has Laravel development panel enabled.
It enables an attacker to access the following sensitive content :
Fingerprint: 3ae8115d762f12d00fbf40610fbf40610fbf40610fbf40610fbf40610fbf4061
Laravel Telescope enabled at https://ph.iheliebian.top
Open service 121.40.151.32:80 · ph.iheliebian.top
2024-04-19 01:34
HTTP/1.1 200 OK Server: nginx Date: Fri, 19 Apr 2024 01:35:10 GMT Content-Type: text/html; charset=UTF-8 Transfer-Encoding: chunked Connection: close Vary: Accept-Encoding X-Powered-By: PHP/7.2.31 Cache-Control: private, must-revalidate pragma: no-cache expires: -1 Set-Cookie: laravel_session=Qgzx2zg1xHWSeQZY4s5KF1zRKywJb3NoI32umxjp; expires=Sat, 27-Apr-2024 09:35:10 GMT; Max-Age=720000; path=/; httponly Strict-Transport-Security: max-age=31536000 Page title: 禾裂变 <!DOCTYPE html v-cloak> <!-- * 裂变宝系统2023-慧动来客 * @author 佛山市慧动科技有限公司 * @copyright Copyright (c) 2019-2023 Foshan Huidong Technology Co., Ltd. * @link http://www.huidonglaike.com * @warning This is not a free software, please get the Huidong license before use. * @warning 这不是一个免费的软件,使用前请先获取慧动科技官方授权。 --> <html lang="zh" style="height: 100%; font-size: 100px;"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <title>禾裂变</title> <link rel="icon" href="/images/titleImg.png"/> <!-- <script src="/js/test.js"></script> --> <link rel="stylesheet" type="text/css" href="/css/login.css" /> <link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_1565580_jgju61az6di.css" /> <script src="/lib/all.js"></script> <script src="/lib/axios.js?_version="></script> <script src="/lib/vue.js?_version="></script> <script src="/js/copy.js"></script> <script src="/lib/bootstrap.min.js?_version="></script> <link href="/lib/element/index.css?_version=" rel="stylesheet"> <script src="/js/elementUI.js?_version="></script> <style> .message p a{ color: #7A8A9A; } .message1 p a{ color: #000; } .back1Img { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -999; object-fit: cover; background-repeat: no-repeat; } .cover1Img{ position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 65vw; height: 25vw; z-index: -888; object-fit: cover; border-radius: 10px; } .cover2Img{ position: fixed; right: 5.2%; top: 50%; transform: translatey(-50%); width: 37.5vw; height: 83.33vh; z-index: -888; border-radius:0 20px 20px 0 ; } .temp1Content{ top: 50%; left: 65%; transform: translate(-50%, -50%); position: fixed; width: 31.25vw; height: 30vw; background: #FFFFFF; box-shadow: 0px 0px 10px 1px rgba(54,130,244,0.49); border-radius: 8px 8px 8px 8px; display: flex; flex-direction: column; justify-content: space-evenly; align-items: center; } .temp2Content{ top: 50%; right: 42.7%; transform: translatey(-50%); position: fixed; width: 27.08vw; height: 83.33vh; background: #FFFFFF; box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.13); border-radius:20px 0 0 20px; display: flex; flex-direction: column; justify-content: space-evenly; align-items: center; overflow: auto; } .inputContainer{ display: flex; justify-content: center; align-items: center; border-bottom: 1px solid #dfdfdf; padding: 0.7vw 0.7vw 0.7vw 0; } .inputBody{ min-width: 0; flex:1; border: none; outline: none; margin-left: 0.2rem; font-size: .15rem; } @media (max-width: 600px) { .temp1Content { width: 80%; left: 50%; height: 80vw; transform: translate(-50%,-50%); min-width: 200px; min-height: 200px; } .temp2Content { width: 80% !important; left: 50%;
Open service 121.40.151.32:443 · ph.iheliebian.top
2024-04-19 00:44
HTTP/1.1 200 OK Server: nginx Date: Fri, 19 Apr 2024 00:44:33 GMT Content-Type: text/html; charset=UTF-8 Transfer-Encoding: chunked Connection: close Vary: Accept-Encoding X-Powered-By: PHP/7.2.31 Cache-Control: private, must-revalidate pragma: no-cache expires: -1 Set-Cookie: laravel_session=2DxjkhGb2tS0e8NYp72VxfbalIX1rCL8HJVelIcc; expires=Sat, 27-Apr-2024 08:44:33 GMT; Max-Age=720000; path=/; httponly Strict-Transport-Security: max-age=31536000 Page title: 禾裂变 <!DOCTYPE html v-cloak> <!-- * 裂变宝系统2023-慧动来客 * @author 佛山市慧动科技有限公司 * @copyright Copyright (c) 2019-2023 Foshan Huidong Technology Co., Ltd. * @link http://www.huidonglaike.com * @warning This is not a free software, please get the Huidong license before use. * @warning 这不是一个免费的软件,使用前请先获取慧动科技官方授权。 --> <html lang="zh" style="height: 100%; font-size: 100px;"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <title>禾裂变</title> <link rel="icon" href="/images/titleImg.png"/> <!-- <script src="/js/test.js"></script> --> <link rel="stylesheet" type="text/css" href="/css/login.css" /> <link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_1565580_jgju61az6di.css" /> <script src="/lib/all.js"></script> <script src="/lib/axios.js?_version="></script> <script src="/lib/vue.js?_version="></script> <script src="/js/copy.js"></script> <script src="/lib/bootstrap.min.js?_version="></script> <link href="/lib/element/index.css?_version=" rel="stylesheet"> <script src="/js/elementUI.js?_version="></script> <style> .message p a{ color: #7A8A9A; } .message1 p a{ color: #000; } .back1Img { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -999; object-fit: cover; background-repeat: no-repeat; } .cover1Img{ position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 65vw; height: 25vw; z-index: -888; object-fit: cover; border-radius: 10px; } .cover2Img{ position: fixed; right: 5.2%; top: 50%; transform: translatey(-50%); width: 37.5vw; height: 83.33vh; z-index: -888; border-radius:0 20px 20px 0 ; } .temp1Content{ top: 50%; left: 65%; transform: translate(-50%, -50%); position: fixed; width: 31.25vw; height: 30vw; background: #FFFFFF; box-shadow: 0px 0px 10px 1px rgba(54,130,244,0.49); border-radius: 8px 8px 8px 8px; display: flex; flex-direction: column; justify-content: space-evenly; align-items: center; } .temp2Content{ top: 50%; right: 42.7%; transform: translatey(-50%); position: fixed; width: 27.08vw; height: 83.33vh; background: #FFFFFF; box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.13); border-radius:20px 0 0 20px; display: flex; flex-direction: column; justify-content: space-evenly; align-items: center; overflow: auto; } .inputContainer{ display: flex; justify-content: center; align-items: center; border-bottom: 1px solid #dfdfdf; padding: 0.7vw 0.7vw 0.7vw 0; } .inputBody{ min-width: 0; flex:1; border: none; outline: none; margin-left: 0.2rem; font-size: .15rem; } @media (max-width: 600px) { .temp1Content { width: 80%; left: 50%; height: 80vw; transform: translate(-50%,-50%); min-width: 200px; min-height: 200px; } .temp2Content { width: 80% !important; left: 50%;
Open service 121.40.151.32:443 · ph.iheliebian.top
2024-04-18 19:38
HTTP/1.1 200 OK Server: nginx Date: Thu, 18 Apr 2024 19:39:04 GMT Content-Type: text/html; charset=UTF-8 Transfer-Encoding: chunked Connection: close Vary: Accept-Encoding X-Powered-By: PHP/7.2.31 Cache-Control: private, must-revalidate pragma: no-cache expires: -1 Set-Cookie: laravel_session=gt6BvDn3jSsDjJiC7VWmrjiPQBNh2pk7B37oUhoG; expires=Sat, 27-Apr-2024 03:39:04 GMT; Max-Age=720000; path=/; httponly Strict-Transport-Security: max-age=31536000 Page title: 禾裂变 <!DOCTYPE html v-cloak> <!-- * 裂变宝系统2023-慧动来客 * @author 佛山市慧动科技有限公司 * @copyright Copyright (c) 2019-2023 Foshan Huidong Technology Co., Ltd. * @link http://www.huidonglaike.com * @warning This is not a free software, please get the Huidong license before use. * @warning 这不是一个免费的软件,使用前请先获取慧动科技官方授权。 --> <html lang="zh" style="height: 100%; font-size: 100px;"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <title>禾裂变</title> <link rel="icon" href="/images/titleImg.png"/> <!-- <script src="/js/test.js"></script> --> <link rel="stylesheet" type="text/css" href="/css/login.css" /> <link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_1565580_jgju61az6di.css" /> <script src="/lib/all.js"></script> <script src="/lib/axios.js?_version="></script> <script src="/lib/vue.js?_version="></script> <script src="/js/copy.js"></script> <script src="/lib/bootstrap.min.js?_version="></script> <link href="/lib/element/index.css?_version=" rel="stylesheet"> <script src="/js/elementUI.js?_version="></script> <style> .message p a{ color: #7A8A9A; } .message1 p a{ color: #000; } .back1Img { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -999; object-fit: cover; background-repeat: no-repeat; } .cover1Img{ position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 65vw; height: 25vw; z-index: -888; object-fit: cover; border-radius: 10px; } .cover2Img{ position: fixed; right: 5.2%; top: 50%; transform: translatey(-50%); width: 37.5vw; height: 83.33vh; z-index: -888; border-radius:0 20px 20px 0 ; } .temp1Content{ top: 50%; left: 65%; transform: translate(-50%, -50%); position: fixed; width: 31.25vw; height: 30vw; background: #FFFFFF; box-shadow: 0px 0px 10px 1px rgba(54,130,244,0.49); border-radius: 8px 8px 8px 8px; display: flex; flex-direction: column; justify-content: space-evenly; align-items: center; } .temp2Content{ top: 50%; right: 42.7%; transform: translatey(-50%); position: fixed; width: 27.08vw; height: 83.33vh; background: #FFFFFF; box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.13); border-radius:20px 0 0 20px; display: flex; flex-direction: column; justify-content: space-evenly; align-items: center; overflow: auto; } .inputContainer{ display: flex; justify-content: center; align-items: center; border-bottom: 1px solid #dfdfdf; padding: 0.7vw 0.7vw 0.7vw 0; } .inputBody{ min-width: 0; flex:1; border: none; outline: none; margin-left: 0.2rem; font-size: .15rem; } @media (max-width: 600px) { .temp1Content { width: 80%; left: 50%; height: 80vw; transform: translate(-50%,-50%); min-width: 200px; min-height: 200px; } .temp2Content { width: 80% !important; left: 50%;
Open service 121.40.151.32:443 · ph.iheliebian.top
2024-04-10 21:39
HTTP/1.1 302 Moved Temporarily Server: nginx Date: Wed, 10 Apr 2024 21:39:41 GMT Content-Type: text/html Content-Length: 138 Connection: close Location: https://ph.iheliebian.top/ Strict-Transport-Security: max-age=31536000 Page title: 302 Found <html> <head><title>302 Found</title></head> <body> <center><h1>302 Found</h1></center> <hr><center>nginx</center> </body> </html>
Open service 121.40.151.32:80 · ph.iheliebian.top
2024-04-10 20:51
HTTP/1.1 200 OK Server: nginx Date: Wed, 10 Apr 2024 20:52:26 GMT Content-Type: text/html; charset=UTF-8 Transfer-Encoding: chunked Connection: close Vary: Accept-Encoding X-Powered-By: PHP/7.2.31 Cache-Control: private, must-revalidate pragma: no-cache expires: -1 Set-Cookie: laravel_session=dKMupQg5fwpWG2rweGHuQQWGcxcOirO7pa1AyRfz; expires=Fri, 19-Apr-2024 04:52:26 GMT; Max-Age=720000; path=/; httponly Strict-Transport-Security: max-age=31536000 Page title: 禾裂变 <!DOCTYPE html v-cloak> <!-- * 裂变宝系统2023-慧动来客 * @author 佛山市慧动科技有限公司 * @copyright Copyright (c) 2019-2023 Foshan Huidong Technology Co., Ltd. * @link http://www.huidonglaike.com * @warning This is not a free software, please get the Huidong license before use. * @warning 这不是一个免费的软件,使用前请先获取慧动科技官方授权。 --> <html lang="zh" style="height: 100%; font-size: 100px;"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <title>禾裂变</title> <link rel="icon" href="/images/titleImg.png"/> <!-- <script src="/js/test.js"></script> --> <link rel="stylesheet" type="text/css" href="/css/login.css" /> <link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_1565580_jgju61az6di.css" /> <script src="/lib/all.js"></script> <script src="/lib/axios.js?_version="></script> <script src="/lib/vue.js?_version="></script> <script src="/js/copy.js"></script> <script src="/lib/bootstrap.min.js?_version="></script> <link href="/lib/element/index.css?_version=" rel="stylesheet"> <script src="/js/elementUI.js?_version="></script> <style> .message p a{ color: #7A8A9A; } .message1 p a{ color: #000; } .back1Img { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -999; object-fit: cover; background-repeat: no-repeat; } .cover1Img{ position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 65vw; height: 25vw; z-index: -888; object-fit: cover; border-radius: 10px; } .cover2Img{ position: fixed; right: 5.2%; top: 50%; transform: translatey(-50%); width: 37.5vw; height: 83.33vh; z-index: -888; border-radius:0 20px 20px 0 ; } .temp1Content{ top: 50%; left: 65%; transform: translate(-50%, -50%); position: fixed; width: 31.25vw; height: 30vw; background: #FFFFFF; box-shadow: 0px 0px 10px 1px rgba(54,130,244,0.49); border-radius: 8px 8px 8px 8px; display: flex; flex-direction: column; justify-content: space-evenly; align-items: center; } .temp2Content{ top: 50%; right: 42.7%; transform: translatey(-50%); position: fixed; width: 27.08vw; height: 83.33vh; background: #FFFFFF; box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.13); border-radius:20px 0 0 20px; display: flex; flex-direction: column; justify-content: space-evenly; align-items: center; overflow: auto; } .inputContainer{ display: flex; justify-content: center; align-items: center; border-bottom: 1px solid #dfdfdf; padding: 0.7vw 0.7vw 0.7vw 0; } .inputBody{ min-width: 0; flex:1; border: none; outline: none; margin-left: 0.2rem; font-size: .15rem; } @media (max-width: 600px) { .temp1Content { width: 80%; left: 50%; height: 80vw; transform: translate(-50%,-50%); min-width: 200px; min-height: 200px; } .temp2Content { width: 80% !important; left: 50%;
Open service 121.40.151.32:443 · ph.iheliebian.top
2024-04-03 16:12
HTTP/1.1 200 OK Server: nginx Date: Wed, 03 Apr 2024 16:12:22 GMT Content-Type: text/html; charset=UTF-8 Transfer-Encoding: chunked Connection: close Vary: Accept-Encoding X-Powered-By: PHP/7.2.31 Cache-Control: private, must-revalidate pragma: no-cache expires: -1 Set-Cookie: laravel_session=UjYZ9UlVRgHj58W1VOvPYi4sc5a42bGX5emZ3yFm; expires=Fri, 12-Apr-2024 00:12:22 GMT; Max-Age=720000; path=/; httponly Strict-Transport-Security: max-age=31536000 Page title: 禾裂变 <!DOCTYPE html v-cloak> <!-- * 裂变宝系统2023-慧动来客 * @author 佛山市慧动科技有限公司 * @copyright Copyright (c) 2019-2023 Foshan Huidong Technology Co., Ltd. * @link http://www.huidonglaike.com * @warning This is not a free software, please get the Huidong license before use. * @warning 这不是一个免费的软件,使用前请先获取慧动科技官方授权。 --> <html lang="zh" style="height: 100%; font-size: 100px;"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <title>禾裂变</title> <link rel="icon" href="/images/titleImg.png"/> <!-- <script src="/js/test.js"></script> --> <link rel="stylesheet" type="text/css" href="/css/login.css" /> <link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_1565580_jgju61az6di.css" /> <script src="/lib/all.js"></script> <script src="/lib/axios.js?_version="></script> <script src="/lib/vue.js?_version="></script> <script src="/js/copy.js"></script> <script src="/lib/bootstrap.min.js?_version="></script> <link href="/lib/element/index.css?_version=" rel="stylesheet"> <script src="/js/elementUI.js?_version="></script> <style> .message p a{ color: #7A8A9A; } .message1 p a{ color: #000; } .back1Img { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -999; object-fit: cover; background-repeat: no-repeat; } .cover1Img{ position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 65vw; height: 25vw; z-index: -888; object-fit: cover; border-radius: 10px; } .cover2Img{ position: fixed; right: 5.2%; top: 50%; transform: translatey(-50%); width: 37.5vw; height: 83.33vh; z-index: -888; border-radius:0 20px 20px 0 ; } .temp1Content{ top: 50%; left: 65%; transform: translate(-50%, -50%); position: fixed; width: 31.25vw; height: 30vw; background: #FFFFFF; box-shadow: 0px 0px 10px 1px rgba(54,130,244,0.49); border-radius: 8px 8px 8px 8px; display: flex; flex-direction: column; justify-content: space-evenly; align-items: center; } .temp2Content{ top: 50%; right: 42.7%; transform: translatey(-50%); position: fixed; width: 27.08vw; height: 83.33vh; background: #FFFFFF; box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.13); border-radius:20px 0 0 20px; display: flex; flex-direction: column; justify-content: space-evenly; align-items: center; overflow: auto; } .inputContainer{ display: flex; justify-content: center; align-items: center; border-bottom: 1px solid #dfdfdf; padding: 0.7vw 0.7vw 0.7vw 0; } .inputBody{ min-width: 0; flex:1; border: none; outline: none; margin-left: 0.2rem; font-size: .15rem; } @media (max-width: 600px) { .temp1Content { width: 80%; left: 50%; height: 80vw; transform: translate(-50%,-50%); min-width: 200px; min-height: 200px; } .temp2Content { width: 80% !important; left: 50%;
Open service 121.40.151.32:80 · ph.iheliebian.top
2024-04-03 16:12
HTTP/1.1 200 OK Server: nginx Date: Wed, 03 Apr 2024 16:12:18 GMT Content-Type: text/html; charset=UTF-8 Transfer-Encoding: chunked Connection: close Vary: Accept-Encoding X-Powered-By: PHP/7.2.31 Cache-Control: private, must-revalidate pragma: no-cache expires: -1 Set-Cookie: laravel_session=jRLz5bR7AnxOsmPZTsZGyx7cX1smJHAEOd3eflOf; expires=Fri, 12-Apr-2024 00:12:18 GMT; Max-Age=720000; path=/; httponly Strict-Transport-Security: max-age=31536000 Page title: 禾裂变 <!DOCTYPE html v-cloak> <!-- * 裂变宝系统2023-慧动来客 * @author 佛山市慧动科技有限公司 * @copyright Copyright (c) 2019-2023 Foshan Huidong Technology Co., Ltd. * @link http://www.huidonglaike.com * @warning This is not a free software, please get the Huidong license before use. * @warning 这不是一个免费的软件,使用前请先获取慧动科技官方授权。 --> <html lang="zh" style="height: 100%; font-size: 100px;"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <title>禾裂变</title> <link rel="icon" href="/images/titleImg.png"/> <!-- <script src="/js/test.js"></script> --> <link rel="stylesheet" type="text/css" href="/css/login.css" /> <link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_1565580_jgju61az6di.css" /> <script src="/lib/all.js"></script> <script src="/lib/axios.js?_version="></script> <script src="/lib/vue.js?_version="></script> <script src="/js/copy.js"></script> <script src="/lib/bootstrap.min.js?_version="></script> <link href="/lib/element/index.css?_version=" rel="stylesheet"> <script src="/js/elementUI.js?_version="></script> <style> .message p a{ color: #7A8A9A; } .message1 p a{ color: #000; } .back1Img { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -999; object-fit: cover; background-repeat: no-repeat; } .cover1Img{ position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 65vw; height: 25vw; z-index: -888; object-fit: cover; border-radius: 10px; } .cover2Img{ position: fixed; right: 5.2%; top: 50%; transform: translatey(-50%); width: 37.5vw; height: 83.33vh; z-index: -888; border-radius:0 20px 20px 0 ; } .temp1Content{ top: 50%; left: 65%; transform: translate(-50%, -50%); position: fixed; width: 31.25vw; height: 30vw; background: #FFFFFF; box-shadow: 0px 0px 10px 1px rgba(54,130,244,0.49); border-radius: 8px 8px 8px 8px; display: flex; flex-direction: column; justify-content: space-evenly; align-items: center; } .temp2Content{ top: 50%; right: 42.7%; transform: translatey(-50%); position: fixed; width: 27.08vw; height: 83.33vh; background: #FFFFFF; box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.13); border-radius:20px 0 0 20px; display: flex; flex-direction: column; justify-content: space-evenly; align-items: center; overflow: auto; } .inputContainer{ display: flex; justify-content: center; align-items: center; border-bottom: 1px solid #dfdfdf; padding: 0.7vw 0.7vw 0.7vw 0; } .inputBody{ min-width: 0; flex:1; border: none; outline: none; margin-left: 0.2rem; font-size: .15rem; } @media (max-width: 600px) { .temp1Content { width: 80%; left: 50%; height: 80vw; transform: translate(-50%,-50%); min-width: 200px; min-height: 200px; } .temp2Content { width: 80% !important; left: 50%;