commit 7ee138d8f30392cf3273e5093395a93920088e4f Author: Tieptk Date: Thu Oct 17 09:32:26 2024 +0700 up diff --git a/.vscode/extensions.json b/.vscode/extensions.json new file mode 100644 index 0000000..f0466a1 --- /dev/null +++ b/.vscode/extensions.json @@ -0,0 +1,3 @@ +{ + "recommendations": ["ritwickdey.liveserver"] +} diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 0000000..041dd33 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,4 @@ +{ + "liveServer.settings.AdvanceCustomBrowserCmdLine": "", + "liveServer.settings.ChromeDebuggingAttachment": false +} diff --git a/account-mb.html b/account-mb.html new file mode 100644 index 0000000..ec224c0 --- /dev/null +++ b/account-mb.html @@ -0,0 +1,375 @@ + + + + + + + Đấu giá + + + + + + + +
+
+
+
+ +
+ + + Thể lệ đấu giá + + + + Tài khoản + + +
+
+
+
+ + +
+
+
Vui lòng xác thực SĐT của bạn
+ + + + +

Vui lòng xác thực SĐT của bạn tại trang tài khoản

+ + + ok + +
+ +
+
Vui lòng xác nhận bằng mã OTP
+ + + + + + + + Xác nhận + +
+ +
+
+
+
+

Câu hỏi thường gặp

+
+
+ + Đấu giá trực tuyến có phức tạp không? + + +
Rất dễ dàng, tham gia mọi lúc mọi nơi chỉ cần có smartphone và + internet +
+
+
+ + Làm thế nào để xác thực tài khoản đấu giá thành công? + + +
Rất dễ dàng, tham gia mọi lúc mọi nơi chỉ cần có smartphone và + internet +
+
+
+ + Tại sao nên chọn đấu giá trực tuyến tại Anphatpc? + + +
Rất dễ dàng, tham gia mọi lúc mọi nơi chỉ cần có smartphone và + internet +
+
+
+ + Quy trình đấu giá sản phẩm của Anphatpc như thế nào? + + +
Rất dễ dàng, tham gia mọi lúc mọi nơi chỉ cần có smartphone và + internet +
+
+
+ + Điều kiện để chiến thắng đấu giá là gì? + + +
Rất dễ dàng, tham gia mọi lúc mọi nơi chỉ cần có smartphone và + internet +
+
+
+
+
+
+
+
+
+
+
+
+ ship +
+
+ Chính sách giao hàng +

Nhận hàng & thanh toán tại nhà

+
+
+
+
+ ship +
+
+ Đổi mới 15 ngày đầu +

Áp dụng với sản phẩm laptop

+
+
+
+
+ ship +
+
+ Thanh toán tiện lợi +

Trả tiền mặt, CK, trả góp 0%

+
+
+
+
+ ship +
+
+ Hỗ trợ nhiệt tình +

Tư vấn, giải pháp mọi thắc mắc

+
+
+
+
+
+ Công ty cổ phần thương mại máy tính an phát +

Giấy chứng nhận ĐKDN số 0108940873 do Sở kế hoạch và Đầu tư Thành phố Hà Nội cấp ngày + 11/10/2019

+

Trụ sở: Tầng 5, Số 49 phố Thái Hà, Phương Trung Liệt, Quận Đống Đa, Thành phố Hà nội, + Việt + Nam

+

Điện thoại: 19000323 Email: Giang@anphat.com.vn

+
+ + + +
+
+
+
+
+ + + + + + + + + \ No newline at end of file diff --git a/account.html b/account.html new file mode 100644 index 0000000..0ab015e --- /dev/null +++ b/account.html @@ -0,0 +1,393 @@ + + + + + + + Document + + + + + + + +
+
+
+
+ +
+
+ + + Thể lệ đấu giá + + + + Tài khoản + + +
+
+
+
+
+
+
+
    +
  1. + + Trang chủ + / + +
    2. +
  2. + + + Tài khoản + + + +
    3. +
+
+
+ +
+
+ + +
+
+
Vui lòng xác thực SĐT của bạn
+ + + + +

Vui lòng xác thực SĐT của bạn tại trang tài khoản

+ + + ok + +
+ + +
+
Vui lòng xác nhận bằng mã OTP
+ + + + + + + + Xác nhận + +
+ +
+
+
+
+

Câu hỏi thường gặp

+
+
+ + Đấu giá trực tuyến có phức tạp không? + + +
Rất dễ dàng, tham gia mọi lúc mọi nơi chỉ cần có smartphone và internet +
+
+
+ + Làm thế nào để xác thực tài khoản đấu giá thành công? + + +
Rất dễ dàng, tham gia mọi lúc mọi nơi chỉ cần có smartphone và internet +
+
+
+ + Tại sao nên chọn đấu giá trực tuyến tại Anphatpc? + + +
Rất dễ dàng, tham gia mọi lúc mọi nơi chỉ cần có smartphone và internet +
+
+
+ + Quy trình đấu giá sản phẩm của Anphatpc như thế nào? + + +
Rất dễ dàng, tham gia mọi lúc mọi nơi chỉ cần có smartphone và internet +
+
+
+ + Điều kiện để chiến thắng đấu giá là gì? + + +
Rất dễ dàng, tham gia mọi lúc mọi nơi chỉ cần có smartphone và internet +
+
+
+
+
+
+
+
+
+
+
+
+ ship +
+
+ Chính sách giao hàng +

Nhận hàng & thanh toán tại nhà

+
+
+
+
+ ship +
+
+ Đổi mới 15 ngày đầu +

Áp dụng với sản phẩm laptop

+
+
+
+
+ ship +
+
+ Thanh toán tiện lợi +

Trả tiền mặt, CK, trả góp 0%

+
+
+
+
+ ship +
+
+ Hỗ trợ nhiệt tình +

Tư vấn, giải pháp mọi thắc mắc

+
+
+
+
+
+ Công ty cổ phần thương mại máy tính an phát +

Giấy chứng nhận ĐKDN số 0108940873 do Sở kế hoạch và Đầu tư Thành phố Hà Nội cấp ngày + 11/10/2019

+

Trụ sở: Tầng 5, Số 49 phố Thái Hà, Phương Trung Liệt, Quận Đống Đa, Thành phố Hà nội, Việt + Nam

+

Điện thoại: 19000323 Email: Giang@anphat.com.vn

+
+ + + +
+
+
+
+ + + + + + + + + \ No newline at end of file diff --git a/assets/css/style-mb.css b/assets/css/style-mb.css new file mode 100644 index 0000000..c1c998d --- /dev/null +++ b/assets/css/style-mb.css @@ -0,0 +1,2867 @@ +@import url("https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"); +::-webkit-scrollbar-track { + background-color: #f5f5f5; + border-radius: 10px; +} + +::-webkit-scrollbar { + width: 7px; + height: 5px; + background-color: #f5f5f5; +} + +::-webkit-scrollbar-thumb { + background: #a4a4a4; + border-radius: 20px; + background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.7, #a4a4a4), color-stop(0.5, transparent), to(transparent)); +} + +* { + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: "Kanit", sans-serif; +} + +body { + color: #222; + font-family: "Kanit", sans-serif; + font-size: 15px; + margin: 0 auto; + background: #fff; +} +body.active { + overflow: hidden; +} + +html { + font-size: 100%; + font-family: "Kanit", sans-serif; +} + +img { + max-width: 100%; + height: auto; +} + +a { + text-decoration: none; + color: #000; +} + +.clearfix { + content: ""; + clear: both; +} + +li, +ul { + list-style: none; +} + +table { + border-collapse: collapse; + width: 100%; +} + +.ol, +.ul { + margin: 0; + padding: 0; + list-style: none; +} + +.d-flex { + display: flex !important; +} + +.d-block { + display: block; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.text-center { + text-align: center !important; +} + +.align-items { + align-items: center !important; +} + +.space-between { + justify-content: space-between !important; +} + +.space-center { + justify-content: center !important; +} + +.d-block { + display: block !important; +} + +.d-none { + display: none !important; +} + +.flex-direction { + flex-direction: column; +} + +.line-clamp-1 { + display: -webkit-box; + -webkit-line-clamp: 1; + -webkit-box-orient: vertical; + overflow: hidden; +} + +.line-clamp-2 { + display: -webkit-box; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; + overflow: hidden; +} + +.line-clamp-3 { + display: -webkit-box; + -webkit-line-clamp: 3; + -webkit-box-orient: vertical; + overflow: hidden; +} + +.container-mb { + padding: 0; + max-width: 430px; + margin: 0 auto; + overflow: hidden; +} + +.container { + padding: 0 10px; + max-width: 100%; + margin: 0 auto; +} + +.header { + background: #166dd8; + padding: 6px 0; + transition: 0.5s; + top: -50px; +} +.header .logo { + width: 66px; +} +.header .logo img { + height: 26px; + display: block; +} +.header .header-right .item { + display: flex; + align-items: center; + margin-left: 10px; +} +.header .header-right .item img { + width: 14px; + display: block; +} +.header .header-right .item span { + color: #fff; + margin-left: 3px; + font-size: 12px; + text-transform: uppercase; +} +.header .header-right .item i { + color: #fff; + margin-left: 5px; +} +.header.header-fixed { + position: fixed; + top: 0; + left: 0; + width: 100%; + z-index: 999; +} + +.homepage .banner { + width: 100%; + display: block; +} +.homepage .banner img { + display: block; + height: 100%; +} +.homepage .box-top-auction { + margin-top: 15px; +} +.homepage .box-top-auction .title { + width: 295px; + height: 40px; + line-height: 40px; + background: #ea3e00; + color: #fff; + font-weight: 600; + font-size: 24px; + text-transform: uppercase; + text-align: center; + border-radius: 26px; + margin-bottom: 12px; +} +.homepage .box-top-auction .list-auction { + padding-bottom: 40px; +} +.homepage .box-list-auction { + margin-top: 40px; +} +.homepage .box-list-auction .background-auction { + background: #166dd8; + border-radius: 15px; + padding: 10px; +} +.homepage .box-list-auction .title { + height: 60px; + width: 100%; + text-align: center; + line-height: 60px; + font-size: 24px; + font-weight: 600; + text-transform: uppercase; + background: #f1b510; + border-radius: 35px; + color: #fff; + margin: -45px auto auto auto; +} +.homepage .box-list-auction .main-title { + margin-top: 15px; +} +.homepage .box-list-auction .main-title .left { + text-align: center; +} +.homepage .box-list-auction .main-title .left p { + font-size: 20px; + line-height: 29px; + font-weight: 600; + color: #fff; +} +.homepage .box-list-auction .main-title .left span { + color: #fff; + font-size: 13px; + font-weight: 300; +} +.homepage .box-list-auction .main-title .box-time { + display: flex; + color: #fff; +} +.homepage .box-list-auction .main-title .box-time span { + font-weight: 300; +} +.homepage .box-list-auction .main-title .item-time b { + width: 22px; + height: 22px; + background: #000000; + border-radius: 5px; + text-align: center; + line-height: 22px; +} +.homepage .box-list-auction .main-title .more-all { + color: #fff; + text-align: right; + display: block; + margin-top: 5px; + font-size: 13px; +} +.homepage .box-list-auction .item-auction { + margin-bottom: 10px; +} +.homepage .box-list-auction .list-auction { + margin-top: 15px; +} +.homepage .box-list-auction .box-auction { + margin-bottom: 30px; +} +.homepage .box-list-auction .box-auction.coming-soon { + margin-bottom: 0; +} +.homepage .box-list-auction .box-auction.coming-soon .item-auction:last-child { + margin-bottom: 0; +} + +.box-time { + display: flex; + align-items: center; +} +.box-time .item-time { + margin-left: 12px; + display: flex; + flex-wrap: wrap; + justify-content: center; + text-align: center; + flex-direction: column; +} +.box-time .item-time b { + width: 16px; + height: 16px; + line-height: 16px; + text-align: center; + color: #fff; + font-weight: 700; + position: relative; + border-radius: 5px; +} +.box-time .item-time b::after { + content: ":"; + position: absolute; + right: -8px; + color: #fff; + top: 0; +} +.box-time .item-time:first-child { + margin-left: 0; +} +.box-time .item-time:last-child b { + margin: 0; +} +.box-time .item-time:last-child b::after { + content: none; +} + +.item-auction { + display: flex; + padding: 10px; + border: 1px solid #e2e2e2; + border-radius: 10px; + width: 100%; + background: #fff; +} +.item-auction .images { + display: block; + position: relative; + width: 110px; + height: 110px; + margin-right: 10px; + overflow: hidden; +} +.item-auction .images img { + display: block; + width: 100%; + height: 100%; + -o-object-fit: contain; + object-fit: contain; + transform: scale(1); + transition: 0.3s; +} +.item-auction .images:hover img { + transform: scale(1.05); + transition: 0.3s; +} +.item-auction .images .box-join { + position: absolute; + left: 0; + top: 0; + width: 55px; + height: 20px; + line-height: 20px; + text-align: center; + color: #fff; + background: #f1b510; + border-radius: 10px; + display: flex; + align-items: center; + justify-content: center; + cursor: pointer; +} +.item-auction .images .box-join .icon_auction { + background: url(../images/icon-auction.png) no-repeat; + width: 14px; + height: 14px; + display: block; + background-size: contain; +} +.item-auction .images .box-join span { + margin-left: 2px; + font-size: 12px; +} +.item-auction .info { + width: calc(100% - 120px); +} +.item-auction .name { + font-weight: 500; + line-height: 16px; +} +.item-auction .name:hover { + color: #166dd8; +} +.item-auction .old-price { + display: block; + margin: 5px 0; + font-size: 13px; + color: #000000; +} +.item-auction .price-auction .txt { + font-size: 16px; + margin-right: 10px; + font-weight: 500; +} +.item-auction .price-auction .price-highest { + color: #f00000; + font-size: 16px; + font-weight: 600; +} +.item-auction .btn-add { + width: 140px; + height: 32px; + line-height: 32px; + text-align: center; + background: #f00000; + color: #fff; + text-align: center; + border-radius: 26px; + display: block; + margin-top: 10px; +} +.item-auction .btn-add:hover { + border: 1px solid #f00000; + color: #f00000; + background: #fff; +} +.item-auction .btn-add.continue { + background: #5f00b1; +} +.item-auction .btn-add.continue:hover { + border: 1px solid #5f00b1; + color: #5f00b1; + background: #fff; +} +.item-auction .btn-add.coming { + background: #afafaf; +} +.item-auction .btn-add.coming:hover { + border: 1px solid #afafaf; + color: #afafaf; + background: #fff; +} + +.swiper-pagination { + bottom: 0; +} + +.swiper-pagination-bullet { + width: 10px; + height: 10px; +} +.swiper-pagination-bullet.swiper-pagination-bullet-active { + background: #f1b510; +} + +.box-deal-hot { + margin-top: 12px; +} +.box-deal-hot .background-deal { + background: #ee4d2d; + border-radius: 15px; + padding: 10px; +} +.box-deal-hot .title { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 10px; +} +.box-deal-hot .title .icon-deal { + display: block; + width: 20px; + height: 24px; + background: url(../images/icon-flash.png) no-repeat; + background-size: contain; +} +.box-deal-hot .title p { + margin-left: 7px; + text-transform: uppercase; + font-size: 24px; + font-weight: 700; + color: #fff; +} +.box-deal-hot .tab-list { + margin-bottom: 10px; +} +.box-deal-hot .tab-list .item { + width: calc(50% - 5px); + padding: 7px; + border-radius: 15px 15px 0 0; + background: #afafaf; + color: #fff; +} +.box-deal-hot .tab-list .item.active, .box-deal-hot .tab-list .item:hover { + background: #166dd8; +} +.box-deal-hot .tab-list .item p { + font-size: 15px; + text-align: center; + font-weight: 700; + text-transform: uppercase; + margin-bottom: 5px; +} +.box-deal-hot .tab-list .item span { + font-size: 13px; +} +.box-deal-hot .tab-list .box-time { + display: flex; + align-items: center; + justify-content: center; +} +.box-deal-hot .tab-list .item-time { + margin-left: 12px; + display: flex; + flex-wrap: wrap; + justify-content: center; + text-align: center; + flex-direction: column; +} +.box-deal-hot .tab-list .item-time b { + background: #000; + width: 26px; + height: 26px; + line-height: 26px; + text-align: center; + color: #fff; + font-weight: 700; + position: relative; + border-radius: 5px; +} +.box-deal-hot .tab-list .item-time b::after { + content: ":"; + position: absolute; + right: -7px; + color: #fff; +} +.box-deal-hot .tab-list .item-time:last-child b { + margin: 0; +} +.box-deal-hot .tab-list .item-time:last-child b::after { + content: none; +} +.box-deal-hot .product-list { + margin-right: -10px; +} +.box-deal-hot .more-all { + width: 110px; + height: 32px; + line-height: 31px; + display: block; + border-radius: 5px; + border: 1px solid #fff; + margin: 0 auto auto auto; + text-align: center; + color: #fff; +} +.box-deal-hot .more-all:hover { + background: #fff; + color: #ee4d2d; +} + +.item-deal { + width: calc(50% - 10px); + margin-right: 10px; + margin-bottom: 10px; + padding: 10px; + border-radius: 12px; + background: #fff; +} +.item-deal .images { + width: 140px; + height: 140px; + display: block; + margin-bottom: 10px; + overflow: hidden; +} +.item-deal .images img { + display: block; + width: 100%; + height: 100%; + -o-object-fit: contain; + object-fit: contain; + transform: scale(1); + transition: 0.3s; +} +.item-deal .images:hover img { + transform: scale(1.05); + transition: 0.3s; +} +.item-deal .box-sold { + width: 100%; + background: #ffe9c2; + height: 18px; + line-height: 18px; + border-radius: 26px; + position: relative; +} +.item-deal .box-sold .line { + position: absolute; + left: 0; + top: 0; + height: 100%; + background: #f48320; + border-radius: 26px; +} +.item-deal .box-sold .txt { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + width: 100%; + text-align: center; + z-index: 9; + color: #222; + font-size: 10px; +} +.item-deal .name { + margin: 8px 0 0 0; + font-size: 13px; + font-weight: 500; + text-align: center; + line-height: 15px; + height: 30px; +} +.item-deal .name:hover { + color: #166dd8; +} +.item-deal .price { + text-align: center; + font-size: 16px; + font-weight: 600; + color: #f00000; +} +.item-deal .old-price { + color: #afafaf; + font-size: 13px; + font-weight: 400; + margin-right: 15px; +} +.item-deal .saleoff { + width: 42px; + height: 20px; + line-height: 20px; + padding-left: 10px; + background: #f00000; + font-size: 12px; + color: #fff; + border-radius: 5px; + font-weight: 600; + position: relative; +} +.item-deal .saleoff::before { + position: absolute; + left: -6px; + top: 0; + width: 15px; + height: 20px; + content: ""; + background: url(../images/icon-flash.png) no-repeat; + background-size: cover; +} +.item-deal .btn-add { + width: 140px; + height: 32px; + line-height: 32px; + text-align: center; + margin: 12px auto auto auto; + border-radius: 26px; + color: #fff; + text-transform: uppercase; + font-weight: 600; + font-size: 13px; + background: #166dd8; + display: block; +} +.item-deal .btn-add:hover { + background: #fff; + color: #166dd8; + border: 1px solid #116dd8; +} + +.box-faq { + margin-top: 15px; +} +.box-faq .background-faq { + border: 2px solid #166dd8; + border-radius: 15px; + padding: 10px; +} +.box-faq .title { + text-align: center; + font-size: 24px; + font-weight: 600; + text-transform: uppercase; + color: #110e83; +} +.box-faq .content-faq .item { + margin-bottom: 10px; + border: 1px solid #e2e2e2; + border-radius: 8px; + padding: 10px; + background: #f8f8f8; +} +.box-faq .content-faq .item.active { + background: #ffffff; +} +.box-faq .content-faq .item.active .content { + display: block; +} +.box-faq .content-faq .content { + display: none; + margin: 5px 0 0 10px; + font-weight: 400; + font-size: 14px; +} +.box-faq .content-faq .faqlink { + display: flex; + align-items: center; + justify-content: space-between; + font-size: 14px; + font-weight: 700; + color: #3a3a3a; +} + +.footer .main-footer { + background: #110e83; + margin-top: 15px; + padding-bottom: 20px; +} +.footer .footer-policies { + padding: 25px 0 5px 0; + border-bottom: 1px solid #646386; + margin-right: -20px; +} +.footer .footer-policies .item-policies { + display: flex; + flex-direction: column; + align-items: center; + width: calc(50% - 20px); + margin-right: 20px; + margin-bottom: 20px; +} +.footer .footer-policies .icons { + width: 40px; + height: 30px; + display: block; + margin-bottom: 13px; +} +.footer .footer-policies .icons img { + display: block; + width: 100%; + height: 100%; + -o-object-fit: contain; + object-fit: contain; +} +.footer .footer-policies .txt { + color: #fff; + font-size: 13px; + text-align: center; +} +.footer .footer-policies .txt b { + text-transform: uppercase; +} +.footer .contact-footer { + position: relative; +} +.footer .info-contact { + padding: 15px 0 20px 0; + color: #fff; +} +.footer .info-contact b { + text-transform: uppercase; + font-size: 15px; + margin-bottom: 2px; + display: block; +} +.footer .info-contact p { + font-weight: 300; + display: block; +} +.footer .btn-phone { + margin: 0 auto; + width: 270px; + display: block; +} + +.page-auction .background-aution { + margin-top: 65px; + background: #166dd8; + padding: 10px; + border-radius: 15px; +} +.page-auction .title { + width: 100%; + display: block; + height: 60px; + line-height: 60px; + text-align: center; + border-radius: 35px; + background: #f1b510; + color: #fff; + text-transform: uppercase; + font-size: 24px; + margin: -40px auto auto auto; + font-weight: 600; +} +.page-auction .tab-list { + margin-top: 10px; +} +.page-auction .tab-list .item { + width: calc(50% - 5px); + padding: 7px; + background: #afafaf; + color: #fff; + text-align: center; + border-radius: 5px; +} +.page-auction .tab-list .item.active, .page-auction .tab-list .item:hover { + background: #fff; + color: #166dd8; +} +.page-auction .tab-list .item p { + font-size: 20px; + font-weight: 700; + line-height: 29px; +} +.page-auction .tab-list .item span { + font-size: 13px; + text-transform: uppercase; +} +.page-auction .box-time { + margin: 15px 0; + display: flex; + align-items: center; + justify-content: flex-end; + color: #fff; +} +.page-auction .box-time span { + font-weight: 300; +} +.page-auction .item-time { + margin-left: 12px; + display: flex; + flex-wrap: wrap; + justify-content: center; + text-align: center; + flex-direction: column; +} +.page-auction .item-time b { + background: #000; + width: 26px; + height: 26px; + line-height: 26px; + text-align: center; + color: #fff; + font-weight: 700; + position: relative; + border-radius: 5px; +} +.page-auction .item-time b::after { + content: ":"; + position: absolute; + right: -7px; + color: #fff; +} +.page-auction .item-time:last-child b { + margin: 0; +} +.page-auction .item-time:last-child b::after { + content: none; +} +.page-auction .item-auction { + margin-bottom: 10px; +} +.page-auction .paging { + margin: 5px 0; +} + +.paging .item { + width: 30px; + height: 30px; + line-height: 30px; + border: 1px solid #fff; + text-align: center; + border-radius: 5px; + margin-right: 10px; + display: block; + color: #fff; +} +.paging .item.active, .paging .item:hover { + background: #f1b510; + border: 1px solid #f1b510; +} + +.breadcrumb { + margin-top: 10px; + display: flex; + align-items: center; + justify-content: space-between; +} +.breadcrumb .link-back { + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1607843137); + width: 32px; + height: 32px; + line-height: 32px; + text-align: center; + display: block; + border-radius: 50%; +} +.breadcrumb .name { + width: calc(100% - 32px); + margin-right: 16px; +} + +.page-detail .box-group-images { + margin-bottom: 10px; +} +.page-detail .box-group-images img { + display: block; + width: 100%; + height: 355px; + -o-object-fit: contain; + object-fit: contain; +} +.page-detail .product-name { + font-size: 18px; + font-weight: 400; + margin-bottom: 15px; +} +.page-detail .box-group-time { + background: #166dd8; + width: 100%; + padding: 10px; + border-radius: 5px; +} +.page-detail .box-group-time img { + width: 26px; + display: block; + margin-right: 5px; +} +.page-detail .box-group-time .title { + font-size: 15px; + font-weight: 700; + text-transform: uppercase; + color: #fff; + margin-left: 5px; +} +.page-detail .box-group-time .icon.auction { + background: url(../images/icon-auction.png) no-repeat; + background-size: contain; + width: 15px; + height: 15px; + display: block; + margin-right: 3px; +} +.page-detail .box-group-time .icon.time { + background: url(../images/icon-fire-time.png) no-repeat; + background-size: contain; + display: block; + width: 20px; + height: 20px; + margin-right: 3px; +} +.page-detail .box-group-time .total-auction { + width: 62px; + height: 27px; + line-height: 27px; + text-align: center; + background: #f1b510; + color: #fff; + display: flex; + align-items: center; + justify-content: center; + border-radius: 14px; +} +.page-detail .box-group-time .p-box-time { + background: #f00000; + width: 115px; + height: 28px; + line-height: 28px; + text-align: center; + justify-content: center; + border-radius: 14px; + color: #fff; + margin-left: 10px; +} +.page-detail .group-price-detail { + margin-top: 10px; + padding: 10px 0; + border-top: 1px dashed #e2e2e2; + border-bottom: 1px dashed #e2e2e2; +} +.page-detail .box-starting-price { + width: 50%; + border-right: 1px dashed #e2e2e2; +} +.page-detail .box-starting-price p { + font-size: 13px; + line-height: 18px; + text-transform: uppercase; + color: #000; +} +.page-detail .box-starting-price .starting-price { + font-size: 20px; + font-weight: 600; +} +.page-detail .box-price-step { + padding-left: 20px; +} +.page-detail .box-price-step p { + font-size: 13px; + line-height: 18px; + text-transform: uppercase; + color: #000; +} +.page-detail .box-price-step .price-step { + font-size: 20px; + font-weight: 600; +} +.page-detail .box-specification { + margin: 13px 0; +} +.page-detail .box-specification .item { + display: flex; + margin-bottom: 10px; +} +.page-detail .box-specification i { + font-size: 14px; + color: #166dd8; + margin-right: 10px; + margin-top: 4.3px; +} +.page-detail .box-specification p { + font-size: 14px; +} +.page-detail .box-add-auction { + position: fixed; + left: 0; + bottom: 0; + padding: 15px 10px; + background: #fff; + width: 100%; + z-index: 999; + display: none; +} +.page-detail .box-add-auction.active { + display: block; +} +.page-detail .btn-auction { + width: 100%; + text-align: center; + height: 42px; + line-height: 42px; + border-radius: 26px; + color: #fff; + background: #f00000; + text-transform: uppercase; + font-size: 18px; + font-weight: 700; + display: block; +} +.page-detail .box-price-live i.fa-caret-up { + font-size: 32px; + color: #2ad363; + margin-top: 8px; + margin-right: 5px; +} +.page-detail .box-price-live .current-price { + font-size: 28px; + font-weight: 700; + color: #ef0000; +} +.page-detail .box-price-live .unit-price { + margin-top: 12px; + margin-left: 5px; +} +.page-detail .list-user-auction { + background: #fff5e5; + padding: 15px; + border-radius: 15px; + overflow: hidden; +} +.page-detail .list-user-auction .item { + background: #fff; + box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1490196078); + height: 28px; + line-height: 28px; + border-radius: 5px; + margin-bottom: 8px; + padding: 10px 8px; +} +.page-detail .list-user-auction .item .fa-caret-up { + color: #2ad363; +} +.page-detail .list-user-auction .item .fa-caret-down { + color: #f00000; +} +.page-detail .list-user-auction .item i { + margin-top: 3px; + font-size: 16px; + margin-right: 5px; +} +.page-detail .list-user-auction .item .number { + font-size: 13px; + font-weight: 700; + color: #f48320; + padding-right: 5px; +} +.page-detail .list-user-auction .item .name-user { + color: #1355f0; + padding-right: 5px; +} +.page-detail .list-user-auction .item .price { + color: #f00000; + font-weight: 600; + padding-left: 5px; +} +.page-detail .list-user-auction .item .time { + font-weight: 700; +} +.page-detail .list-user-auction .content-user { + overflow-x: hidden; + overflow-y: scroll; + max-height: 103px; + padding-right: 10px; +} +.page-detail .form-input-price { + margin-top: 20px; +} +.page-detail .form-input-price .p-title { + text-align: center; + font-size: 20px; + font-weight: 400; + text-transform: uppercase; + margin-bottom: 10px; +} +.page-detail .form-input-price .form-input { + margin-top: 10px; + display: flex; +} +.page-detail .form-input-price .input-price { + width: 80%; + height: 56px; + border: 1px solid #afafaf; + border-radius: 28px 0 0 28px; + text-align: center; + font-size: 32px; + padding: 0 20px; +} +.page-detail .form-input-price .btn-send { + width: 20%; + height: 56px; + display: flex; + align-items: center; + justify-content: center; + background: #166dd8; + outline: none; + border: 0; + border-radius: 0 28px 28px 0; + cursor: pointer; + color: #fff; + font-size: 24px; +} +.page-detail .list-suggest p { + font-size: 14px; + font-weight: 300; + margin-right: 15px; + white-space: nowrap; + margin-bottom: 5px; +} +.page-detail .list-suggest #price-list { + width: 400px; + overflow-x: auto; + scroll-behavior: smooth; +} +.page-detail .list-suggest .item { + flex: 0 0 82px; + height: 30px; + line-height: 30px; + text-align: center; + margin-right: 5px; + border-radius: 15px; + background: #f1f1f1; + color: #929292; + font-weight: 500; + white-space: nowrap; + display: block; + margin-bottom: 5px; +} +.page-detail .box-live-auction { + position: fixed; + left: 0; + width: 100%; + top: 38px; + background: #fff; + z-index: 999; + padding: 10px; + display: none; + height: 100vh; +} +.page-detail .box-live-auction.active { + display: block; +} +.page-detail .box-live-auction .main-title-live { + display: flex; + align-items: center; + margin-bottom: 10px; +} +.page-detail .box-live-auction .main-title-live .close { + box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1607843137); + width: 32px; + height: 32px; + line-height: 32px; + text-align: center; + display: block; + border-radius: 50%; +} +.page-detail .box-live-auction .main-title-live p { + width: calc(100% - 32px); + margin-right: 16px; + text-align: center; +} +.page-detail .content-revew-history { + margin-top: 22px; + border-top: 10px solid #f5f5f5; +} +.page-detail .list-product-auction { + margin-top: 5px; +} +.page-detail .list-product-auction .backgrond-auction { + background: #166dd8; + border-radius: 15px; + padding: 15px; +} +.page-detail .list-product-auction .title { + font-size: 20px; + font-weight: 700; + text-transform: uppercase; + text-align: center; + margin-bottom: 10px; + color: #fff; +} +.page-detail .list-product-auction .item-auction { + width: 100%; + margin-bottom: 15px; +} +.page-detail .box-info-product { + margin-top: 15px; +} +.page-detail .box-info-product .item-tab { + width: calc(50% - 5px); + height: 50px; + line-height: 50px; + text-align: center; + border-radius: 15px 15px 0 0; + background: #f5f5f5; + color: #000; + font-size: 16px; + font-weight: 600; + margin-right: 5px; +} +.page-detail .box-info-product .item-tab.active, .page-detail .box-info-product .item-tab:hover { + background: #166dd8; + color: #fff; +} +.page-detail .box-info-product .content-tab { + display: none; +} +.page-detail .box-info-product .content-tab.active { + display: block; +} +.page-detail .box-info-product .content-tab .info { + margin-top: 15px; +} +.page-detail .box-info-product .content-tab .info img { + width: 100%; + display: block; + margin-right: 10px; + height: 290px; + -o-object-fit: contain; + object-fit: contain; +} +.page-detail .box-info-product .content-tab .info ul li { + list-style: inside; + font-size: 14px; + line-height: 20px; +} +.page-detail .box-user-win { + border-top: 1px dashed #e2e2e2; + margin-top: 10px; + padding: 10px 0; +} +.page-detail .box-user-win .price-win { + align-items: flex-end; +} +.page-detail .box-user-win .price-win p { + font-weight: 700; + margin-right: 5px; + text-transform: uppercase; + margin-bottom: 7px; +} +.page-detail .box-user-win .price-win .price { + font-size: 28px; + color: #ef0000; + font-weight: 700; +} +.page-detail .box-user-win .info-user-win { + margin-top: 5px; + background: #ffe0ac; + width: 100%; + height: 40px; + line-height: 40px; + padding: 0 20px; + border-radius: 5px; +} +.page-detail .box-user-win .info-user-win p { + color: #f00000; + margin-right: 5px; +} +.page-detail .box-user-win .info-user-win b { + font-weight: 500; + color: #f00000; +} +.page-detail .box-user-win .icon-cup { + background: url(../images/icon-cup.png) no-repeat; + background-size: contain; + width: 16px; + height: 16px; + display: block; + margin-right: 10px; +} + +.swiper-pagination { + width: 41px !important; + height: 28px; + background: rgba(0, 0, 0, 0.3019607843); + border-radius: 14px; + line-height: 28px; + text-align: center; + display: block; + right: 10px; + bottom: 10px; + left: unset !important; +} + +.swiper-pagination { + color: #fff !important; +} + +.icon-star { + background: url(../images/icon-star.png) no-repeat; + width: 80px; + height: 12px; + display: block; + background-size: 100%; +} +.icon-star.star5 { + background-position: 0 0; +} +.icon-star.star4 { + background-position: 0 -17px; +} +.icon-star.star3 { + background-position: 0 -34px; +} +.icon-star.star2 { + background-position: 0 -50px; +} +.icon-star.star1 { + background-position: 0 -67px; +} +.icon-star.star0 { + background-position: 0 -84px; +} + +.box-review { + padding: 20px 0; +} +.box-review .title-left { + margin-bottom: 5px; +} +.box-review .title-left h2 { + font-size: 16px; + margin-right: 10px; +} +.box-review .main-title .total { + font-size: 14px; + margin-left: 5px; + display: block; +} +.box-review .btn-review { + width: 146px; + height: 32px; + line-height: 32px; + text-align: center; + background: #166dd8; + color: #fff; + border-radius: 26px; +} +.box-review .btn-review:hover { + border: 1px solid #166dd8; + color: #116dd8; + background: #fff; +} +.box-review .list-review { + margin-top: 15px; +} +.box-review .item-review { + margin-bottom: 10px; + position: relative; +} +.box-review .avatar { + width: 40px; + height: 40px; + margin-right: 7px; +} +.box-review .avatar img { + width: 100%; + height: 100%; + -o-object-fit: contain; + object-fit: contain; + display: block; +} +.box-review .info-cnt { + width: calc(100% - 47px); +} +.box-review .info-cnt .cnt { + font-size: 13px; +} +.box-review .name-user { + font-weight: 700; +} +.box-review .total-view { + font-size: 14px; +} +.box-review .total-view i { + color: #f1b510; +} +.box-review .time { + font-size: 13px; + color: #afafaf; + margin-right: 10px; +} +.box-review .btn-reply { + color: #166dd8; +} +.box-review .list-image { + margin-top: 10px; + margin-bottom: 20px; +} +.box-review .list-image .item { + width: 65px; + height: 65px; + display: block; + margin-right: 10px; +} +.box-review .list-image .item img { + width: 100%; + height: 100%; +} +.box-review .list-reppy { + width: 100%; + margin-left: 45px; +} +.box-review .item-reply { + position: relative; + margin-bottom: 10px; +} +.box-review .item-reply::after { + position: absolute; + width: 26px; + height: 115%; + border-radius: 0 0 0 18px; + background: transparent; + border: 1px solid #e2e2e2; + content: ""; + left: -27px; + border-top: 0; + border-right: 0; + bottom: 84%; +} +.box-review .more-review { + display: flex; + align-items: center; + justify-content: center; + color: #166dd8; + padding-top: 15px; + margin-top: 15px; + border-top: 1px solid #f5f5f5; +} +.box-review .more-review i { + margin-left: 5px; +} + +.box-question { + background: #f5f5f5; + padding: 15px 10px; +} +.box-question .title { + font-size: 16px; + font-weight: 700; + margin-bottom: 10px; +} +.box-question .title span { + font-size: 14px; + font-weight: 400; +} +.box-question .form-question { + display: flex; +} +.box-question .input-question { + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1490196078); + background: #ffffff; + width: calc(100% - 70px); + height: 94px; + border-radius: 10px; + border: 0; + outline: 0; + padding: 10px 15px; +} +.box-question .input-question::-moz-placeholder { + color: #afafaf; + font-weight: 300; +} +.box-question .input-question::placeholder { + color: #afafaf; + font-weight: 300; +} +.box-question .btn-question { + width: 60px; + margin-left: 10px; + height: 32px; + line-height: 32px; + border: 0; + outline: 0; + background: #166dd8; + color: #fff; + border-radius: 26px; + cursor: pointer; +} +.box-question .btn-question:hover { + background: #fff; + border: 1px solid #166dd8; + color: #116dd8; +} +.box-question .list-question { + margin-top: 15px; +} +.box-question .item-question { + margin-bottom: 15px; +} +.box-question .item-question .avatar { + width: 20px; + height: 20px; + margin-right: 10px; + margin-top: 3px; +} +.box-question .item-question .info-cnt { + width: calc(100% - 30px); +} +.box-question .item-question .info-user .name-user { + font-weight: 600; + margin-right: 15px; +} +.box-question .item-question .info-user .time { + color: #afafaf; + font-size: 13px; +} +.box-question .item-question .cnt { + background: #fff; + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1490196078); + padding: 10px 15px; + border-radius: 10px; + font-size: 13px; + font-weight: 300; +} +.box-question .item-question .click-question { + margin-top: 10px; + color: #166dd8; + display: flex; + align-items: center; + justify-content: flex-end; + font-weight: 400; +} +.box-question .item-question .click-question i { + margin-right: 5px; +} +.box-question .list-reply { + margin-top: 15px; + margin-left: 30px; +} +.box-question .reply-question { + margin-bottom: 15px; +} +.box-question .reply-question .avatar { + width: 20px; + height: 20px; + margin-right: 10px; + margin-top: 3px; +} +.box-question .reply-question .info-cnt { + width: calc(100% - 30px); +} +.box-question .reply-question .info-user .name-user { + font-weight: 600; + margin-right: 15px; +} +.box-question .reply-question .info-user .time { + color: #afafaf; + font-size: 13px; +} +.box-question .reply-question .cnt { + background: #fff; + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1490196078); + padding: 10px 15px; + border-radius: 10px; + font-size: 13px; + font-weight: 300; +} +.box-question .reply-question .click-question { + margin-top: 10px; + color: #166dd8; + display: flex; + align-items: center; + justify-content: flex-end; + font-weight: 400; +} +.box-question .reply-question .click-question i { + margin-right: 5px; +} +.box-question .more-question { + display: flex; + align-items: center; + justify-content: center; + color: #166dd8; + padding-top: 15px; + margin-top: 15px; + border-top: 1px solid #f5f5f5; +} +.box-question .more-question i { + margin-left: 5px; + margin-top: 3px; +} + +.box-history { + padding: 15px 10px; +} +.box-history .title { + font-size: 20px; + text-align: center; + padding: 5px 0; + font-weight: 700; + text-transform: uppercase; +} +.box-history .cnt-history { + margin-top: 15px; + box-shadow: 0px 4px 4px 4px rgba(0, 0, 0, 0.1490196078); + padding: 0 10px 15px 10px; + border-radius: 15px; +} +.box-history .tab-history { + background: #afafaf; + padding: 5px; + border-radius: 20px; + margin-right: -5px; +} +.box-history .tab-history .item-tab { + width: calc(33.3333333333% - 5px); + margin-right: 5px; + text-align: center; + font-size: 14px; + color: #fff; + height: 34px; + line-height: 34px; +} +.box-history .tab-history .item-tab.active, .box-history .tab-history .item-tab:hover { + background: #fff; + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2509803922); + color: #000; + border-radius: 20px; +} +.box-history table { + text-align: left; +} +.box-history .table-tab { + display: none; + height: 230px; + overflow: auto; + width: 100%; +} +.box-history .table-tab.active { + display: block; +} +.box-history .table-tab thead { + background: #fff; +} +.box-history .table-tab th { + position: sticky; + top: 0; + width: 30%; + height: 35px; + background: #fff; + border-bottom: 1px solid #dfdfdf; +} +.box-history .table-tab td { + font-size: 13px; + width: 30%; + height: 35px; + border-bottom: 1px solid #dfdfdf; +} + +.box-deposit { + margin-top: 15px; +} +.box-deposit .title { + font-size: 15px; + font-weight: 400; + display: block; + margin-bottom: 10px; +} +.box-deposit .content-deposit { + margin-left: 10px; + padding-left: 20px; + border-left: 2px solid #f1b510; +} +.box-deposit .circle { + width: 24px; + height: 24px; + background-color: #1e7ef7; + border: 2px solid #f7c12a; + border-radius: 50%; + display: flex; + justify-content: center; + align-items: center; +} +.box-deposit .circle-inner { + width: 10px; + height: 10px; + background-color: #fff; + border-radius: 50%; + border: 2px solid #f7c12a; +} +.box-deposit .item { + margin-bottom: 20px; +} +.box-deposit .item:last-child { + margin-bottom: 0; +} +.box-deposit .item .step { + width: 102px; + position: relative; + height: 40px; + line-height: 40px; + text-align: center; + color: #fff; + border-radius: 21px; + font-size: 16px; + font-weight: 700; + background: #166dd8; + margin-bottom: 10px; +} +.box-deposit .item .step .circle { + position: absolute; + left: -33px; + top: 20%; +} +.box-deposit .item .price { + padding: 0 5px; + color: #f00000; +} +.box-deposit .item .note { + color: #f00000; + font-style: italic; +} +.box-deposit .contact-deposit { + margin-top: 10px; + font-style: italic; +} +.box-deposit .contact-deposit b { + color: #f00000; +} +.box-deposit .pay-qr .title { + font-size: 16px; + font-weight: 600; + margin: 15px 0; +} +.box-deposit .pay-qr img { + width: 123px; + height: 123px; + margin-right: 10px; +} +.box-deposit .pay-qr .info { + width: calc(100% - 133px); +} + +body.page-detail .footer { + padding-bottom: 70px; +} + +.overlay { + position: fixed; + width: 100%; + height: 100%; + top: 0; + left: 0; + background: rgba(0, 0, 0, 0.6); + z-index: 9999; + display: none; +} + +.overlay.active { + display: block; +} + +.box-popup { + position: fixed; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + border: 2px solid #f1b510; + width: 97%; + border-radius: 30px; + padding: 10px; + background: #fff; + z-index: 99991; + display: none; +} +.box-popup.active { + display: block; +} + +.popup-rules .title { + font-size: 20px; + font-weight: 700; + text-transform: uppercase; + text-align: center; + margin-bottom: 15px; +} +.popup-rules .click-close { + position: absolute; + top: 5px; + right: 10px; + font-size: 24px; + color: #afafaf; +} +.popup-rules .note-time { + font-weight: 400; + margin-bottom: 20px; + display: block; + color: rgba(0, 0, 0, 0.7607843137); +} +.popup-rules .content { + height: 300px; + overflow-y: auto; +} +.popup-rules .content * { + font-size: 14px; + line-height: 20px; + font-weight: 400; + color: rgba(0, 0, 0, 0.8); +} +.popup-rules .btn-submit { + display: block; + width: 168px; + height: 42px; + line-height: 42px; + text-align: center; + margin: 20px auto; + background: #116dd8; + color: #fff; + text-transform: uppercase; + font-weight: 700; + border-radius: 26px; + outline: none; + border: none; + cursor: pointer; +} +.popup-rules .btn-submit:hover { + border: 1px solid #116dd8; + background: #fff; + color: #116dd8; +} + +.input-checkbox { + margin-top: 12px; + display: block; + position: relative; + padding-left: 30px; + margin-bottom: 12px; + cursor: pointer; + font-size: 13px; + font-weight: 500; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; +} +.input-checkbox input { + position: absolute; + opacity: 0; + cursor: pointer; + height: 0; + width: 0; +} +.input-checkbox input:checked ~ .checkmark { + background-color: #3194fc; +} +.input-checkbox .checkmark { + position: absolute; + top: 0; + left: 0; + height: 20px; + width: 20px; + background-color: #eee; + border-radius: 15px; +} +.input-checkbox .checkmark:after { + content: ""; + position: absolute; + display: block; +} +.input-checkbox:hover input ~ .checkmark { + background-color: #3194fc; +} +.input-checkbox input:checked ~ .checkmark:after { + display: block; +} +.input-checkbox .checkmark:after { + left: 7px; + top: 2px; + width: 5px; + height: 10px; + border: solid white; + border-width: 0 3px 3px 0; + transform: rotate(45deg); +} + +.radio-checkbox { + display: block; + position: relative; + padding-left: 30px; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; + line-height: 20px; +} +.radio-checkbox input { + position: absolute; + opacity: 0; + cursor: pointer; +} +.radio-checkbox .checkmark { + position: absolute; + top: 0; + left: 0; + height: 20px; + width: 20px; + background-color: #eee; + border-radius: 50%; +} +.radio-checkbox:hover input ~ .checkmark { + background-color: #ccc; +} +.radio-checkbox input:checked ~ .checkmark { + background-color: #166dd8; +} +.radio-checkbox .checkmark:after { + content: ""; + position: absolute; + display: none; +} +.radio-checkbox input:checked ~ .checkmark:after { + display: block; +} +.radio-checkbox .checkmark:after { + top: 6px; + left: 5.5px; + width: 9px; + height: 9px; + border-radius: 50%; + background: white; +} + +.popup-login .content { + margin: 20px auto; +} +.popup-login .title { + font-size: 20px; + font-weight: 600; + text-align: center; + line-height: 24px; + margin-bottom: 15px; +} +.popup-login .btn-login { + padding: 0 15px; + display: flex; + align-items: center; + justify-content: space-between; + width: 100%; + height: 52px; + margin-bottom: 10px; + border: 1px solid #8e8e8e; + border-radius: 10px; +} +.popup-login .btn-login:hover { + border: 1px solid #116dd8; +} +.popup-login .btn-login img { + height: 28px; + width: 28px; +} +.popup-login .btn-login span { + margin-left: 10px; +} +.popup-login .click-close { + position: absolute; + top: -15px; + right: -10px; + font-size: 24px; + color: #fff; + width: 42px; + height: 42px; + line-height: 42px; + background: #222; + border: 3px solid #f1b510; + border-radius: 50%; + text-align: center; +} + +.popup-yeucau .title { + font-size: 20px; + font-weight: 600; + text-align: center; + line-height: 24px; + margin-bottom: 15px; +} +.popup-yeucau .click-close { + position: absolute; + top: -15px; + right: -10px; + font-size: 24px; + color: #fff; + width: 42px; + height: 42px; + line-height: 42px; + background: #222; + border: 3px solid #f1b510; + border-radius: 50%; + text-align: center; +} +.popup-yeucau .btn-submit { + display: block; + width: 168px; + height: 42px; + line-height: 42px; + text-align: center; + margin: 20px auto; + background: #116dd8; + color: #fff; + text-transform: uppercase; + font-weight: 700; + border-radius: 26px; + outline: none; + border: none; + cursor: pointer; +} +.popup-yeucau .btn-submit:hover { + border: 1px solid #116dd8; + background: #fff; + color: #116dd8; +} + +.popup-info-pay .title-main { + font-size: 20px; + font-weight: 600; + text-align: center; + line-height: 24px; + margin-bottom: 15px; +} +.popup-info-pay .click-close { + position: absolute; + top: -15px; + right: -10px; + font-size: 24px; + color: #fff; + width: 42px; + height: 42px; + line-height: 42px; + background: #222; + border: 3px solid #f1b510; + border-radius: 50%; + text-align: center; +} + +.popup-thongbao .title { + font-size: 20px; + font-weight: 600; + text-align: center; + line-height: 24px; + margin-bottom: 15px; +} +.popup-thongbao .click-close { + position: absolute; + top: -15px; + right: -10px; + font-size: 24px; + color: #fff; + width: 42px; + height: 42px; + line-height: 42px; + background: #222; + border: 3px solid #f1b510; + border-radius: 50%; + text-align: center; +} +.popup-thongbao p { + font-size: 14px; + text-align: center; +} +.popup-thongbao .btn-submit { + display: block; + width: 168px; + height: 42px; + line-height: 42px; + text-align: center; + margin: 20px auto; + background: #116dd8; + color: #fff; + text-transform: uppercase; + font-weight: 700; + border-radius: 26px; + outline: none; + border: none; + cursor: pointer; +} +.popup-thongbao .btn-submit:hover { + border: 1px solid #116dd8; + background: #fff; + color: #116dd8; +} + +.popup-success::before { + position: absolute; + content: ""; + background: url(../images/background-firework.png) no-repeat; + background-size: contain; + width: 120px; + height: 85px; + left: 0; + top: 20px; +} +.popup-success::after { + position: absolute; + content: ""; + background: url(../images/background-firework.png) no-repeat; + background-size: contain; + width: 120px; + height: 85px; + right: 0; + top: 20px; + transform: scaleX(-1); +} +.popup-success .title { + font-size: 20px; + font-weight: 600; + text-align: center; + background: linear-gradient(90deg, #d00000 11.46%, #ff2929 29.26%, #eb2121 47.05%, #d00000 88.22%); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + text-transform: uppercase; + font-weight: 700; +} +.popup-success .note-title { + background: linear-gradient(90deg, #d00000 11.46%, #ff2929 29.26%, #eb2121 47.05%, #d00000 88.22%); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + font-size: 18px; + text-align: center; +} +.popup-success .click-close { + position: absolute; + top: -15px; + right: -10px; + font-size: 24px; + color: #fff; + width: 42px; + height: 42px; + line-height: 42px; + background: #222; + border: 3px solid #f1b510; + border-radius: 50%; + text-align: center; +} +.popup-success .content { + padding: 0 20px; + text-align: center; + line-height: 19px; + margin-top: 25px; + font-weight: 400; +} +.popup-success .btn-submit { + display: block; + width: 168px; + height: 42px; + line-height: 42px; + text-align: center; + margin: 20px auto; + background: #116dd8; + color: #fff; + text-transform: uppercase; + font-weight: 700; + border-radius: 26px; + outline: none; + border: none; + cursor: pointer; +} +.popup-success .btn-submit:hover { + border: 1px solid #116dd8; + background: #fff; + color: #116dd8; +} + +.popup-error .title { + font-size: 20px; + font-weight: 600; + text-align: center; + background: linear-gradient(90deg, #ea9000 4.5%, #f4bc20 65%, #f1d710 100%); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + text-transform: uppercase; + font-weight: 700; +} +.popup-error .fa-exclamation-triangle { + background: linear-gradient(90deg, #ea9000 4.5%, #f4bc20 65%, #f1d710 100%); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + font-size: 58px; + text-align: center; + display: block; + margin-bottom: 10px; +} +.popup-error .click-close { + position: absolute; + top: -15px; + right: -10px; + font-size: 24px; + color: #fff; + width: 42px; + height: 42px; + line-height: 42px; + background: #222; + border: 3px solid #f1b510; + border-radius: 50%; + text-align: center; +} +.popup-error .btn-submit { + display: block; + width: 168px; + height: 42px; + line-height: 42px; + text-align: center; + margin: 20px auto; + background: #116dd8; + color: #fff; + text-transform: uppercase; + font-weight: 700; + border-radius: 26px; + outline: none; + border: none; + cursor: pointer; +} +.popup-error .btn-submit:hover { + border: 1px solid #116dd8; + background: #fff; + color: #116dd8; +} +.popup-error .content { + color: #1e1e1e; + text-align: center; +} + +.page-list-deal .background-deal { + margin-top: 10px; + background: #ee4d2d; + border-radius: 15px; + padding: 10px; +} +.page-list-deal .title { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 10px; +} +.page-list-deal .title .icon-deal { + display: block; + width: 29px; + height: 29px; + background: url(../images/icon-flash.png) no-repeat; + background-size: contain; +} +.page-list-deal .title p { + text-transform: uppercase; + font-size: 24px; + font-weight: 700; + color: #fff; +} +.page-list-deal .tab-list { + margin-bottom: 10px; +} +.page-list-deal .tab-list .item { + width: calc(50% - 5px); + padding: 7px; + border-radius: 15px 15px 0 0; + background: #afafaf; + color: #fff; +} +.page-list-deal .tab-list .item.active, .page-list-deal .tab-list .item:hover { + background: #166dd8; +} +.page-list-deal .tab-list .item p { + font-size: 15px; + text-align: center; + font-weight: 700; + text-transform: uppercase; + margin-bottom: 5px; +} +.page-list-deal .tab-list .item span { + font-size: 13px; +} +.page-list-deal .tab-list .box-time { + display: flex; + align-items: center; + justify-content: center; +} +.page-list-deal .tab-list .item-time { + margin-left: 12px; + display: flex; + flex-wrap: wrap; + justify-content: center; + text-align: center; + flex-direction: column; +} +.page-list-deal .tab-list .item-time b { + background: #000; + width: 26px; + height: 26px; + line-height: 26px; + text-align: center; + color: #fff; + font-weight: 700; + position: relative; + border-radius: 5px; +} +.page-list-deal .tab-list .item-time b::after { + content: ":"; + position: absolute; + right: -7px; + color: #fff; +} +.page-list-deal .tab-list .item-time:last-child b { + margin: 0; +} +.page-list-deal .tab-list .item-time:last-child b::after { + content: none; +} +.page-list-deal .product-list { + margin-right: -10px; +} +.page-list-deal .paging { + margin-top: 10px; +} +.page-list-deal .paging .item.active { + background: #166dd8; + border: 1px solid #116dd8; +} + +.page-detail.deal .box-deal-time { + background: #ee4d2d; + width: 100%; + padding: 10px; + border-radius: 5px; +} +.page-detail.deal .box-deal-time img { + width: 22px; + height: 29px; + display: block; + margin-right: 10px; +} +.page-detail.deal .box-deal-time .title { + font-size: 20px; + text-transform: uppercase; + font-weight: 700; + color: #fff; +} +.page-detail.deal .box-deal-time .right { + color: #fff; +} +.page-detail.deal .box-deal-time .right span { + margin-right: 10px; +} +.page-detail.deal .main-price { + margin: 10px 0; +} +.page-detail.deal .main-price .price { + font-size: 26px; + font-weight: 600; + color: #f00000; + margin-right: 10px; +} +.page-detail.deal .main-price .old-price { + color: #afafaf; + font-size: 14px; + margin-right: 15px; +} +.page-detail.deal .main-price .saleoff { + width: 42px; + height: 20px; + line-height: 20px; + padding-left: 10px; + background: #f00000; + font-size: 12px; + color: #fff; + border-radius: 5px; + font-weight: 600; + position: relative; +} +.page-detail.deal .main-price .saleoff::before { + position: absolute; + left: -6px; + top: 0; + width: 15px; + height: 20px; + content: ""; + background: url(../images/icon-flash.png) no-repeat; + background-size: cover; +} +.page-detail.deal .btn-deal { + width: 100%; + text-align: center; + height: 42px; + line-height: 42px; + border-radius: 26px; + color: #fff; + background: #116dd8; + text-transform: uppercase; + font-size: 18px; + font-weight: 700; + display: block; +} +.page-detail.deal .box-btn-deal { + position: fixed; + width: 100%; + padding: 10px; + background: #fff; + left: 0; + bottom: 0; + z-index: 99; + border: 0; + margin: 0; +} +.page-detail.deal .list-product-deal { + margin-top: 5px; +} +.page-detail.deal .list-product-deal .backgrond-deal { + background: #ee4d2d; + border-radius: 15px; + padding: 10px; +} +.page-detail.deal .list-product-deal .title { + font-size: 20px; + font-weight: 700; + text-transform: uppercase; + text-align: center; + margin-bottom: 10px; + color: #fff; +} +.page-detail.deal .list-product-deal .item-auction { + width: 100%; + margin-bottom: 15px; +} +.page-detail.deal .list-product-deal .list { + margin-right: -10px; +} +.page-detail.deal .box-sold-detail { + width: 100%; + background: #ffe9c2; + height: 18px; + line-height: 18px; + border-radius: 26px; + position: relative; +} +.page-detail.deal .box-sold-detail .line { + position: absolute; + left: 0; + top: 0; + height: 100%; + background: #f48320; + border-radius: 26px; +} +.page-detail.deal .box-sold-detail .txt { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + width: 100%; + text-align: center; + z-index: 9; + color: #222; + font-size: 10px; + font-weight: 500; +} + +.popup-add-cart { + padding: 0; +} +.popup-add-cart .title { + width: 100%; + height: 50px; + line-height: 50px; + background: #f1b510; + color: #fff; + font-size: 20px; + text-align: center; + font-weight: 700; + text-transform: uppercase; + border-radius: 27px 27px 0 0; +} +.popup-add-cart .click-close { + position: absolute; + top: -15px; + right: -10px; + font-size: 24px; + color: #fff; + width: 42px; + height: 42px; + line-height: 42px; + background: #222; + border: 3px solid #f1b510; + border-radius: 50%; + text-align: center; +} +.popup-add-cart .form-cart { + padding: 15px; +} +.popup-add-cart .title-form { + margin-bottom: 10px; + font-size: 18px; + font-weight: 700; + text-transform: uppercase; + color: #f1b510; +} +.popup-add-cart .title-form i { + font-size: 23px; + margin-right: 10px; + color: #f1b510; + position: relative; +} +.popup-add-cart .title-form i::after { + position: absolute; + content: ""; + background-color: #f1b510; + width: 8px; + height: 8px; + border-radius: 50%; + right: -7px; + top: -4px; + z-index: 999; + border: 3px solid #fff; +} +.popup-add-cart .input { + width: 100%; + height: 40px; + border-radius: 8px; + border: 1px solid #e6e6e6; + outline: none; + padding: 15px; + background: #f5f5f5; +} +.popup-add-cart .item-input { + margin-bottom: 10px; +} +.popup-add-cart .item-input.error .note-error { + color: #f00000; + font-size: 12px; +} +.popup-add-cart select.input { + padding: 0 10px; +} +.popup-add-cart .box-provisional { + margin-bottom: 10px; +} +.popup-add-cart .total-amount { + font-size: 20px; + font-weight: 700; + color: #f00000; +} +.popup-add-cart .btn-send-cart { + display: block; + width: 100%; + height: 42px; + line-height: 42px; + text-align: center; + margin: 20px auto auto auto; + background: #116dd8; + color: #fff; + text-transform: uppercase; + font-weight: 700; + border-radius: 26px; + outline: none; + border: none; + cursor: pointer; +} +.popup-add-cart .btn-send-cart:hover { + border: 1px solid #116dd8; + background: #fff; + color: #116dd8; +} + +.popup-buy-success .title { + font-size: 18px; + text-align: center; + font-weight: 700; + text-transform: uppercase; + color: #a0d427; +} +.popup-buy-success .title img { + width: 58px; + height: 58px; + display: block; + margin: auto auto 15px auto; +} +.popup-buy-success .click-close { + position: absolute; + top: -15px; + right: -10px; + font-size: 24px; + color: #fff; + width: 42px; + height: 42px; + line-height: 42px; + background: #222; + border: 3px solid #f1b510; + border-radius: 50%; + text-align: center; +} +.popup-buy-success .content { + text-align: center; +} +.popup-buy-success .content p { + font-style: italic; +} +.popup-buy-success .content a { + color: #f00000; +} +.popup-buy-success .content b { + display: block; + margin: 15px 0; +} + +.page-account .content-account { + margin-top: 20px; +} +.page-account .name-avatar { + margin-bottom: 20px; +} +.page-account .name-avatar .avatar { + width: 40px; + height: 40px; + margin-right: 10px; + line-height: 40px; + font-size: 24px; + font-weight: 600; + background: #d9d9d9; + border-radius: 50%; + text-align: center; +} +.page-account .name-avatar .info b { + display: block; + font-size: 18px; + line-height: 20px; +} +.page-account .tab { + margin-right: -10px; +} +.page-account .item-tab { + width: calc(33.3333333333% - 10px); + margin-right: 10px; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + height: 66px; + margin-bottom: 10px; + border-radius: 5px; + align-items: center; + background: #afafaf; + color: #fff; + padding: 0 16px; +} +.page-account .item-tab i { + margin-right: 10px; +} +.page-account .item-tab span { + font-size: 12px; + text-align: center; + width: 66px; + margin: 0 auto; +} +.page-account .item-tab.active, .page-account .item-tab:hover { + background: #116dd8; + color: #fff; +} +.page-account .input { + width: 100%; + height: 40px; + border-radius: 8px; + border: 1px solid #e6e6e6; + outline: none; + padding: 15px; + margin-bottom: 10px; + background: #f5f5f5; +} +.page-account .box-phone { + position: relative; +} +.page-account .box-phone .btn-otp { + position: absolute; + right: 0; + top: 0; + display: block; + width: 130px; + height: 40px; + line-height: 40px; + text-align: center; + background: #f1b510; + border-radius: 8px; + color: #fff; +} +.page-account .box-phone .btn-otp:hover { + color: #f1b510; + border: 1px solid #f1b510; + background: #fff; +} +.page-account .box-sex { + margin-bottom: 10px; +} +.page-account .box-sex .item { + margin-left: 15px; +} +.page-account .btn-update { + display: block; + margin: 20px auto auto auto; + width: 180px; + height: 42px; + line-height: 42px; + text-align: center; + color: #fff; + background: #f00000; + border-radius: 8px; + outline: 0; + border: 0; + font-size: 18px; + font-weight: 700; + text-transform: uppercase; +} +.page-account .table-history .title { + font-size: 24px; + font-weight: 600; + text-align: center; + text-transform: uppercase; + margin-bottom: 20px; +} +.page-account .table-history table { + text-align: left; +} +.page-account .table-history thead { + position: sticky; + top: 0; +} +.page-account .table-history th { + background: #e2e2e2; + height: 40px; + padding: 0 10px; +} +.page-account .table-history td { + height: 40px; + padding: 0 10px; +} +.page-account .table-history .status.ship { + color: #17c967; +} +.page-account .table-history .status.cancel { + color: #d00000; +} +.page-account .table-history .status.processing { + color: #f48320; +} +.page-account .table-history .status.success { + color: #0caaf9; +} +.page-account .content-tab { + display: none; +} +.page-account .content-tab.active { + display: block; +} + +.popup-input-opt .title { + font-size: 20px; + font-weight: 600; + text-align: center; + line-height: 24px; + margin-bottom: 15px; +} +.popup-input-opt .click-close { + position: absolute; + top: -15px; + right: -10px; + font-size: 24px; + color: #fff; + width: 42px; + height: 42px; + line-height: 42px; + background: #222; + border: 3px solid #f1b510; + border-radius: 50%; + text-align: center; +} +.popup-input-opt .input-otp { + width: 100%; + height: 40px; + border: 0; + outline: 0; + border-bottom: 1px solid #bdbdbd; + margin: 0 auto; + display: block; + text-align: center; +} +.popup-input-opt .btn-submit { + display: block; + width: 168px; + height: 42px; + line-height: 42px; + text-align: center; + margin: 20px auto; + background: #116dd8; + color: #fff; + text-transform: uppercase; + font-weight: 700; + border-radius: 26px; + outline: none; + border: none; + cursor: pointer; +} +.popup-input-opt .btn-submit:hover { + border: 1px solid #116dd8; + background: #fff; + color: #116dd8; +} + +@media (max-width: 414px) { + .item-auction .price-auction .price-highest { + font-size: 14px; + } +}/*# sourceMappingURL=style-mb.css.map */ \ No newline at end of file diff --git a/assets/css/style-mb.css.map b/assets/css/style-mb.css.map new file mode 100644 index 0000000..05686c0 --- /dev/null +++ b/assets/css/style-mb.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["style-mb.scss","style-mb.css"],"names":[],"mappings":"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","file":"style-mb.css"} \ No newline at end of file diff --git a/assets/css/style-mb.scss b/assets/css/style-mb.scss new file mode 100644 index 0000000..d48b19b --- /dev/null +++ b/assets/css/style-mb.scss @@ -0,0 +1,2934 @@ +@import url("https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"); +::-webkit-scrollbar-track { + background-color: #f5f5f5; + border-radius: 10px; +} +::-webkit-scrollbar { + width: 7px; + height: 5px; + background-color: #f5f5f5; +} +::-webkit-scrollbar-thumb { + background: #a4a4a4; + border-radius: 20px; + background-image: -webkit-gradient( + linear, + 0 0, + 0 100%, + color-stop(0.7, #a4a4a4), + color-stop(0.5, transparent), + to(transparent) + ); +} +* { + margin: 0; + padding: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; + font-family: "Kanit", sans-serif; +} +body { + color: #222; + font-family: "Kanit", sans-serif; + font-size: 15px; + margin: 0 auto; + background: #fff; + &.active { + overflow: hidden; + } +} +html { + font-size: 100%; + font-family: "Kanit", sans-serif; +} +img { + max-width: 100%; + height: auto; +} +a { + text-decoration: none; + color: #000; +} +.clearfix { + content: ""; + clear: both; +} +li, +ul { + list-style: none; +} +table { + border-collapse: collapse; + width: 100%; +} +.ol, +.ul { + margin: 0; + padding: 0; + list-style: none; +} +.d-flex { + display: -webkit-box !important; + display: -ms-flexbox !important; + display: flex !important; +} +.d-block { + display: block; +} +.flex-wrap { + -ms-flex-wrap: wrap !important; + flex-wrap: wrap !important; +} +.text-center { + text-align: center !important; +} +.align-items { + -webkit-box-align: center !important; + -ms-flex-align: center !important; + align-items: center !important; +} +.space-between { + -webkit-box-pack: justify !important; + -ms-flex-pack: justify !important; + justify-content: space-between !important; +} +.space-center { + -webkit-box-pack: center !important; + -ms-flex-pack: center !important; + justify-content: center !important; +} +.d-block { + display: block !important; +} +.d-none { + display: none !important; +} +.flex-direction { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; +} + +.line-clamp-1 { + display: -webkit-box; + -webkit-line-clamp: 1; + -webkit-box-orient: vertical; + overflow: hidden; +} +.line-clamp-2 { + display: -webkit-box; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; + overflow: hidden; +} +.line-clamp-3 { + display: -webkit-box; + -webkit-line-clamp: 3; + -webkit-box-orient: vertical; + overflow: hidden; +} + +.container-mb { + padding: 0; + max-width: 430px; + margin: 0 auto; + overflow: hidden; +} +.container { + padding: 0 10px; + max-width: 100%; + margin: 0 auto; +} + +.header { + background: #166dd8; + padding: 6px 0; + transition: 0.5s; + top: -50px; + .logo { + width: 66px; + img { + height: 26px; + display: block; + } + } + .header-right { + .item { + display: flex; + align-items: center; + margin-left: 10px; + img { + width: 14px; + display: block; + } + span { + color: #fff; + margin-left: 3px; + font-size: 12px; + text-transform: uppercase; + } + i { + color: #fff; + margin-left: 5px; + } + } + } + &.header-fixed { + position: fixed; + top: 0; + left: 0; + width: 100%; + z-index: 999; + } +} + +.homepage { + .banner { + width: 100%; + display: block; + img { + display: block; + height: 100%; + } + } + .box-top-auction { + margin-top: 15px; + .title { + width: 295px; + height: 40px; + line-height: 40px; + background: #ea3e00; + color: #fff; + font-weight: 600; + font-size: 24px; + text-transform: uppercase; + text-align: center; + border-radius: 26px; + margin-bottom: 12px; + } + .list-auction { + padding-bottom: 40px; + } + } + .box-list-auction { + margin-top: 40px; + .background-auction { + background: #166dd8; + border-radius: 15px; + padding: 10px; + } + .title { + height: 60px; + width: 100%; + text-align: center; + line-height: 60px; + font-size: 24px; + font-weight: 600; + text-transform: uppercase; + background: #f1b510; + border-radius: 35px; + color: #fff; + margin: -45px auto auto auto; + } + .main-title { + margin-top: 15px; + .left { + text-align: center; + p { + font-size: 20px; + line-height: 29px; + font-weight: 600; + color: #fff; + } + span { + color: #fff; + font-size: 13px; + font-weight: 300; + } + } + .box-time { + display: flex; + color: #fff; + span { + font-weight: 300; + } + } + .item-time b { + width: 22px; + height: 22px; + background: #000000; + border-radius: 5px; + text-align: center; + line-height: 22px; + } + .more-all { + color: #fff; + text-align: right; + display: block; + margin-top: 5px; + font-size: 13px; + } + } + .item-auction { + margin-bottom: 10px; + } + .list-auction { + margin-top: 15px; + } + .box-auction { + margin-bottom: 30px; + &.coming-soon { + margin-bottom: 0; + .item-auction:last-child { + margin-bottom: 0; + } + } + } + } +} + +.box-time { + display: flex; + align-items: center; + .item-time { + margin-left: 12px; + display: flex; + flex-wrap: wrap; + justify-content: center; + text-align: center; + flex-direction: column; + } + .item-time b { + width: 16px; + height: 16px; + line-height: 16px; + text-align: center; + color: #fff; + font-weight: 700; + position: relative; + border-radius: 5px; + } + .item-time b::after { + content: ":"; + position: absolute; + right: -8px; + color: #fff; + top: 0; + } + .item-time:first-child { + margin-left: 0; + } + .item-time:last-child b { + margin: 0; + } + .item-time:last-child b::after { + content: none; + } +} + +.item-auction { + display: flex; + padding: 10px; + border: 1px solid #e2e2e2; + border-radius: 10px; + width: 100%; + background: #fff; + .images { + display: block; + position: relative; + width: 110px; + height: 110px; + margin-right: 10px; + overflow: hidden; + img { + display: block; + width: 100%; + height: 100%; + object-fit: contain; + transform: scale(1); + transition: 0.3s; + } + &:hover { + img { + transform: scale(1.05); + transition: 0.3s; + } + } + .box-join { + position: absolute; + left: 0; + top: 0; + width: 55px; + height: 20px; + line-height: 20px; + text-align: center; + color: #fff; + background: #f1b510; + border-radius: 10px; + display: flex; + align-items: center; + justify-content: center; + cursor: pointer; + .icon_auction { + background: url(../images/icon-auction.png) no-repeat; + width: 14px; + height: 14px; + display: block; + background-size: contain; + } + span { + margin-left: 2px; + font-size: 12px; + } + } + } + .info { + width: calc(100% - 120px); + } + .name { + font-weight: 500; + line-height: 16px; + &:hover { + color: #166dd8; + } + } + .old-price { + display: block; + margin: 5px 0; + font-size: 13px; + color: #000000; + } + .price-auction { + .txt { + font-size: 16px; + margin-right: 10px; + font-weight: 500; + } + .price-highest { + color: #f00000; + font-size: 16px; + font-weight: 600; + } + } + .btn-add { + width: 140px; + height: 32px; + line-height: 32px; + text-align: center; + background: #f00000; + color: #fff; + text-align: center; + border-radius: 26px; + display: block; + margin-top: 10px; + &:hover { + border: 1px solid #f00000; + color: #f00000; + background: #fff; + } + &.continue { + background: #5f00b1; + &:hover { + border: 1px solid #5f00b1; + color: #5f00b1; + background: #fff; + } + } + &.coming { + background: #afafaf; + &:hover { + border: 1px solid #afafaf; + color: #afafaf; + background: #fff; + } + } + } +} + +.swiper-pagination { + bottom: 0; +} +.swiper-pagination-bullet { + width: 10px; + height: 10px; + &.swiper-pagination-bullet-active { + background: #f1b510; + } +} + +.box-deal-hot { + margin-top: 12px; + .background-deal { + background: #ee4d2d; + border-radius: 15px; + padding: 10px; + } + .title { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 10px; + .icon-deal { + display: block; + width: 20px; + height: 24px; + background: url(../images/icon-flash.png) no-repeat; + background-size: contain; + } + p { + margin-left: 7px; + text-transform: uppercase; + font-size: 24px; + font-weight: 700; + color: #fff; + } + } + .tab-list { + margin-bottom: 10px; + .item { + width: calc(100% / 2 - 5px); + padding: 7px; + border-radius: 15px 15px 0 0; + background: #afafaf; + color: #fff; + &.active, + &:hover { + background: #166dd8; + } + p { + font-size: 15px; + text-align: center; + font-weight: 700; + text-transform: uppercase; + margin-bottom: 5px; + } + span { + font-size: 13px; + } + } + .box-time { + display: flex; + align-items: center; + justify-content: center; + } + .item-time { + margin-left: 12px; + display: flex; + flex-wrap: wrap; + justify-content: center; + text-align: center; + flex-direction: column; + } + .item-time b { + background: #000; + width: 26px; + height: 26px; + line-height: 26px; + text-align: center; + color: #fff; + font-weight: 700; + position: relative; + border-radius: 5px; + } + .item-time b::after { + content: ":"; + position: absolute; + right: -7px; + color: #fff; + } + .item-time:last-child b { + margin: 0; + } + .item-time:last-child b::after { + content: none; + } + } + .product-list { + margin-right: -10px; + } + .more-all { + width: 110px; + height: 32px; + line-height: 31px; + display: block; + border-radius: 5px; + border: 1px solid #fff; + margin: 0 auto auto auto; + text-align: center; + color: #fff; + &:hover { + background: #fff; + color: #ee4d2d; + } + } +} + +.item-deal { + width: calc(100% / 2 - 10px); + margin-right: 10px; + margin-bottom: 10px; + padding: 10px; + border-radius: 12px; + background: #fff; + .images { + width: 140px; + height: 140px; + display: block; + margin-bottom: 10px; + overflow: hidden; + img { + display: block; + width: 100%; + height: 100%; + object-fit: contain; + transform: scale(1); + transition: 0.3s; + } + &:hover { + img { + transform: scale(1.05); + transition: 0.3s; + } + } + } + .box-sold { + width: 100%; + background: #ffe9c2; + height: 18px; + line-height: 18px; + border-radius: 26px; + position: relative; + .line { + position: absolute; + left: 0; + top: 0; + height: 100%; + background: #f48320; + border-radius: 26px; + } + .txt { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + width: 100%; + text-align: center; + z-index: 9; + color: #222; + font-size: 10px; + } + } + .name { + margin: 8px 0 0 0; + font-size: 13px; + font-weight: 500; + text-align: center; + line-height: 15px; + height: 30px; + &:hover { + color: #166dd8; + } + } + .price { + text-align: center; + font-size: 16px; + font-weight: 600; + color: #f00000; + } + .old-price { + color: #afafaf; + font-size: 13px; + font-weight: 400; + margin-right: 15px; + } + .saleoff { + width: 42px; + height: 20px; + line-height: 20px; + padding-left: 10px; + background: #f00000; + font-size: 12px; + color: #fff; + border-radius: 5px; + font-weight: 600; + position: relative; + &::before { + position: absolute; + left: -6px; + top: 0; + width: 15px; + height: 20px; + content: ""; + background: url(../images/icon-flash.png) no-repeat; + background-size: cover; + } + } + .btn-add { + width: 140px; + height: 32px; + line-height: 32px; + text-align: center; + margin: 12px auto auto auto; + border-radius: 26px; + color: #fff; + text-transform: uppercase; + font-weight: 600; + font-size: 13px; + background: #166dd8; + display: block; + &:hover { + background: #fff; + color: #166dd8; + border: 1px solid #116dd8; + } + } +} + +.box-faq { + margin-top: 15px; + .background-faq { + border: 2px solid #166dd8; + border-radius: 15px; + padding: 10px; + } + .title { + text-align: center; + font-size: 24px; + font-weight: 600; + text-transform: uppercase; + color: #110e83; + } + .content-faq { + .item { + margin-bottom: 10px; + border: 1px solid #e2e2e2; + border-radius: 8px; + padding: 10px; + background: #f8f8f8; + &.active { + background: #ffffff; + .content { + display: block; + } + } + } + .content { + display: none; + margin: 5px 0 0 10px; + font-weight: 400; + font-size: 14px; + } + .faqlink { + display: flex; + align-items: center; + justify-content: space-between; + font-size: 14px; + font-weight: 700; + color: #3a3a3a; + } + } +} + +.footer { + .main-footer { + background: #110e83; + margin-top: 15px; + padding-bottom: 20px; + } + .footer-policies { + padding: 25px 0 5px 0; + border-bottom: 1px solid #646386; + margin-right: -20px; + .item-policies { + display: flex; + flex-direction: column; + align-items: center; + width: calc(100% / 2 - 20px); + margin-right: 20px; + margin-bottom: 20px; + } + .icons { + width: 40px; + height: 30px; + display: block; + margin-bottom: 13px; + img { + display: block; + width: 100%; + height: 100%; + object-fit: contain; + } + } + .txt { + color: #fff; + font-size: 13px; + text-align: center; + b { + text-transform: uppercase; + } + } + } + .contact-footer { + position: relative; + } + .info-contact { + padding: 15px 0 20px 0; + color: #fff; + b { + text-transform: uppercase; + font-size: 15px; + margin-bottom: 2px; + display: block; + } + p { + font-weight: 300; + display: block; + } + } + .btn-phone { + margin: 0 auto; + width: 270px; + display: block; + } +} + +.page-auction { + .background-aution { + margin-top: 65px; + background: #166dd8; + padding: 10px; + border-radius: 15px; + } + .title { + width: 100%; + display: block; + height: 60px; + line-height: 60px; + text-align: center; + border-radius: 35px; + background: #f1b510; + color: #fff; + text-transform: uppercase; + font-size: 24px; + margin: -40px auto auto auto; + font-weight: 600; + } + .tab-list { + margin-top: 10px; + .item { + width: calc(100% / 2 - 5px); + padding: 7px; + background: #afafaf; + color: #fff; + text-align: center; + border-radius: 5px; + &.active, + &:hover { + background: #fff; + color: #166dd8; + } + p { + font-size: 20px; + font-weight: 700; + line-height: 29px; + } + span { + font-size: 13px; + text-transform: uppercase; + } + } + } + .box-time { + margin: 15px 0; + display: flex; + align-items: center; + justify-content: flex-end; + color: #fff; + span { + font-weight: 300; + } + } + .item-time { + margin-left: 12px; + display: flex; + flex-wrap: wrap; + justify-content: center; + text-align: center; + flex-direction: column; + } + .item-time b { + background: #000; + width: 26px; + height: 26px; + line-height: 26px; + text-align: center; + color: #fff; + font-weight: 700; + position: relative; + border-radius: 5px; + } + .item-time b::after { + content: ":"; + position: absolute; + right: -7px; + color: #fff; + } + .item-time:last-child b { + margin: 0; + } + .item-time:last-child b::after { + content: none; + } + .item-auction { + margin-bottom: 10px; + } + .paging { + margin: 5px 0; + } +} + +.paging { + .item { + width: 30px; + height: 30px; + line-height: 30px; + border: 1px solid #fff; + text-align: center; + border-radius: 5px; + margin-right: 10px; + display: block; + color: #fff; + &.active, + &:hover { + background: #f1b510; + border: 1px solid #f1b510; + } + } +} + +.breadcrumb { + margin-top: 10px; + display: flex; + align-items: center; + justify-content: space-between; + .link-back { + box-shadow: 0px 1px 2px 0px #00000029; + width: 32px; + height: 32px; + line-height: 32px; + text-align: center; + display: block; + border-radius: 50%; + } + .name { + width: calc(100% - 32px); + margin-right: 16px; + } +} + +.page-detail { + .box-group-images { + margin-bottom: 10px; + img { + display: block; + width: 100%; + height: 355px; + object-fit: contain; + } + } + .product-name { + font-size: 18px; + font-weight: 400; + margin-bottom: 15px; + } + .box-group-time { + background: #166dd8; + width: 100%; + padding: 10px; + border-radius: 5px; + img { + width: 26px; + display: block; + margin-right: 5px; + } + .title { + font-size: 15px; + font-weight: 700; + text-transform: uppercase; + color: #fff; + margin-left: 5px; + } + .icon { + &.auction { + background: url(../images/icon-auction.png) no-repeat; + background-size: contain; + width: 15px; + height: 15px; + display: block; + margin-right: 3px; + } + &.time { + background: url(../images/icon-fire-time.png) no-repeat; + background-size: contain; + display: block; + width: 20px; + height: 20px; + margin-right: 3px; + } + } + .total-auction { + width: 62px; + height: 27px; + line-height: 27px; + text-align: center; + background: #f1b510; + color: #fff; + display: flex; + align-items: center; + justify-content: center; + border-radius: 14px; + } + .p-box-time { + background: #f00000; + width: 115px; + height: 28px; + line-height: 28px; + text-align: center; + justify-content: center; + border-radius: 14px; + color: #fff; + margin-left: 10px; + } + } + .group-price-detail { + margin-top: 10px; + padding: 10px 0; + border-top: 1px dashed #e2e2e2; + border-bottom: 1px dashed #e2e2e2; + } + .box-starting-price { + width: 50%; + border-right: 1px dashed #e2e2e2; + p { + font-size: 13px; + line-height: 18px; + text-transform: uppercase; + color: #000; + } + .starting-price { + font-size: 20px; + font-weight: 600; + } + } + .box-price-step { + padding-left: 20px; + p { + font-size: 13px; + line-height: 18px; + text-transform: uppercase; + color: #000; + } + .price-step { + font-size: 20px; + font-weight: 600; + } + } + .box-specification { + margin: 13px 0; + .item { + display: flex; + margin-bottom: 10px; + } + i { + font-size: 14px; + color: #166dd8; + margin-right: 10px; + margin-top: 4.3px; + } + p { + font-size: 14px; + } + } + .box-add-auction { + position: fixed; + left: 0; + bottom: 0; + padding: 15px 10px; + background: #fff; + width: 100%; + z-index: 999; + display: none; + &.active { + display: block; + } + } + .btn-auction { + width: 100%; + text-align: center; + height: 42px; + line-height: 42px; + border-radius: 26px; + color: #fff; + background: #f00000; + text-transform: uppercase; + font-size: 18px; + font-weight: 700; + display: block; + } + .box-price-live { + i.fa-caret-up { + font-size: 32px; + color: #2ad363; + margin-top: 8px; + margin-right: 5px; + } + .current-price { + font-size: 28px; + font-weight: 700; + color: #ef0000; + } + .unit-price { + margin-top: 12px; + margin-left: 5px; + } + } + .list-user-auction { + background: #fff5e5; + padding: 15px; + border-radius: 15px; + overflow: hidden; + .item { + background: #fff; + box-shadow: 0px 2px 2px 0px #00000026; + height: 28px; + line-height: 28px; + border-radius: 5px; + margin-bottom: 8px; + padding: 10px 8px; + .fa-caret-up { + color: #2ad363; + } + .fa-caret-down { + color: #f00000; + } + i { + margin-top: 3px; + font-size: 16px; + margin-right: 5px; + } + .number { + font-size: 13px; + font-weight: 700; + color: #f48320; + padding-right: 5px; + } + .name-user { + color: #1355f0; + padding-right: 5px; + } + .price { + color: #f00000; + font-weight: 600; + padding-left: 5px; + } + .time { + font-weight: 700; + } + } + .content-user { + overflow-x: hidden; + overflow-y: scroll; + max-height: 103px; + padding-right: 10px; + } + } + .form-input-price { + margin-top: 20px; + .p-title { + text-align: center; + font-size: 20px; + font-weight: 400; + text-transform: uppercase; + margin-bottom: 10px; + } + .form-input { + margin-top: 10px; + display: flex; + } + .input-price { + width: 80%; + height: 56px; + border: 1px solid #afafaf; + border-radius: 28px 0 0 28px; + text-align: center; + font-size: 32px; + padding: 0 20px; + } + .btn-send { + width: calc(100% - 80%); + height: 56px; + display: flex; + align-items: center; + justify-content: center; + background: #166dd8; + outline: none; + border: 0; + border-radius: 0 28px 28px 0; + cursor: pointer; + color: #fff; + font-size: 24px; + } + } + .list-suggest { + p { + font-size: 14px; + font-weight: 300; + margin-right: 15px; + white-space: nowrap; + margin-bottom: 5px; + } + #price-list { + width: 400px; + overflow-x: auto; + scroll-behavior: smooth; + } + .item { + flex: 0 0 82px; + height: 30px; + line-height: 30px; + text-align: center; + margin-right: 5px; + border-radius: 15px; + background: #f1f1f1; + color: #929292; + font-weight: 500; + white-space: nowrap; + display: block; + margin-bottom: 5px; + } + } + .box-live-auction { + position: fixed; + left: 0; + width: 100%; + top: 38px; + background: #fff; + z-index: 999; + padding: 10px; + display: none; + height: 100vh; + &.active { + display: block; + } + .main-title-live { + display: flex; + align-items: center; + margin-bottom: 10px; + .close { + box-shadow: 0px 1px 2px 0px #00000029; + width: 32px; + height: 32px; + line-height: 32px; + text-align: center; + display: block; + border-radius: 50%; + } + p { + width: calc(100% - 32px); + margin-right: 16px; + text-align: center; + } + } + } + .content-revew-history { + margin-top: 22px; + border-top: 10px solid #f5f5f5; + } + .list-product-auction { + margin-top: 5px; + .backgrond-auction { + background: #166dd8; + border-radius: 15px; + padding: 15px; + } + .title { + font-size: 20px; + font-weight: 700; + text-transform: uppercase; + text-align: center; + margin-bottom: 10px; + color: #fff; + } + .item-auction { + width: 100%; + margin-bottom: 15px; + } + } + .box-info-product { + margin-top: 15px; + .item-tab { + width: calc(100% / 2 - 5px); + height: 50px; + line-height: 50px; + text-align: center; + border-radius: 15px 15px 0 0; + background: #f5f5f5; + color: #000; + font-size: 16px; + font-weight: 600; + margin-right: 5px; + &.active, + &:hover { + background: #166dd8; + color: #fff; + } + } + .content-tab { + display: none; + &.active { + display: block; + } + .info { + margin-top: 15px; + img { + width: 100%; + display: block; + margin-right: 10px; + height: 290px; + object-fit: contain; + } + ul li { + list-style: inside; + font-size: 14px; + line-height: 20px; + } + } + } + } + .box-user-win { + border-top: 1px dashed #e2e2e2; + margin-top: 10px; + padding: 10px 0; + .price-win { + align-items: flex-end; + p { + font-weight: 700; + margin-right: 5px; + text-transform: uppercase; + margin-bottom: 7px; + } + .price { + font-size: 28px; + color: #ef0000; + font-weight: 700; + } + } + .info-user-win { + margin-top: 5px; + background: #ffe0ac; + width: 100%; + height: 40px; + line-height: 40px; + padding: 0 20px; + border-radius: 5px; + p { + color: #f00000; + margin-right: 5px; + } + b { + font-weight: 500; + color: #f00000; + } + } + .icon-cup { + background: url(../images/icon-cup.png) no-repeat; + background-size: contain; + width: 16px; + height: 16px; + display: block; + margin-right: 10px; + } + } +} + +.swiper-pagination { + width: 41px !important; + height: 28px; + background: #0000004d; + border-radius: 14px; + line-height: 28px; + text-align: center; + display: block; + right: 10px; + bottom: 10px; + left: unset !important; +} +.swiper-pagination { + color: #fff !important; +} + +.icon-star { + background: url(../images/icon-star.png) no-repeat; + width: 80px; + height: 12px; + display: block; + background-size: 100%; + &.star5 { + background-position: 0 0; + } + &.star4 { + background-position: 0 -17px; + } + &.star3 { + background-position: 0 -34px; + } + &.star2 { + background-position: 0 -50px; + } + &.star1 { + background-position: 0 -67px; + } + &.star0 { + background-position: 0 -84px; + } +} + +.box-review { + padding: 20px 0; + .title-left { + margin-bottom: 5px; + h2 { + font-size: 16px; + margin-right: 10px; + } + } + .main-title { + .total { + font-size: 14px; + margin-left: 5px; + display: block; + } + } + .btn-review { + width: 146px; + height: 32px; + line-height: 32px; + text-align: center; + background: #166dd8; + color: #fff; + border-radius: 26px; + &:hover { + border: 1px solid #166dd8; + color: #116dd8; + background: #fff; + } + } + .list-review { + margin-top: 15px; + } + .item-review { + margin-bottom: 10px; + position: relative; + } + .avatar { + width: 40px; + height: 40px; + margin-right: 7px; + img { + width: 100%; + height: 100%; + object-fit: contain; + display: block; + } + } + .info-cnt { + width: calc(100% - 47px); + .cnt { + font-size: 13px; + } + } + .name-user { + font-weight: 700; + } + .total-view { + font-size: 14px; + i { + color: #f1b510; + } + } + .time { + font-size: 13px; + color: #afafaf; + margin-right: 10px; + } + .btn-reply { + color: #166dd8; + } + .list-image { + margin-top: 10px; + margin-bottom: 20px; + .item { + width: 65px; + height: 65px; + display: block; + margin-right: 10px; + img { + width: 100%; + height: 100%; + } + } + } + .list-reppy { + width: 100%; + margin-left: 45px; + } + .item-reply { + position: relative; + margin-bottom: 10px; + &::after { + position: absolute; + width: 26px; + height: 115%; + border-radius: 0 0 0 18px; + background: transparent; + border: 1px solid #e2e2e2; + content: ""; + left: -27px; + border-top: 0; + border-right: 0; + bottom: 84%; + } + } + .more-review { + display: flex; + align-items: center; + justify-content: center; + color: #166dd8; + padding-top: 15px; + margin-top: 15px; + border-top: 1px solid #f5f5f5; + i { + margin-left: 5px; + } + } +} + +.box-question { + background: #f5f5f5; + padding: 15px 10px; + .title { + font-size: 16px; + font-weight: 700; + margin-bottom: 10px; + span { + font-size: 14px; + font-weight: 400; + } + } + .form-question { + display: flex; + } + .input-question { + box-shadow: 0px 4px 4px 0px #00000026; + background: #ffffff; + width: calc(100% - 70px); + height: 94px; + border-radius: 10px; + border: 0; + outline: 0; + padding: 10px 15px; + &::placeholder { + color: #afafaf; + font-weight: 300; + } + } + .btn-question { + width: 60px; + margin-left: 10px; + height: 32px; + line-height: 32px; + border: 0; + outline: 0; + background: #166dd8; + color: #fff; + border-radius: 26px; + cursor: pointer; + &:hover { + background: #fff; + border: 1px solid #166dd8; + color: #116dd8; + } + } + .list-question { + margin-top: 15px; + } + .item-question { + margin-bottom: 15px; + .avatar { + width: 20px; + height: 20px; + margin-right: 10px; + margin-top: 3px; + } + .info-cnt { + width: calc(100% - 30px); + } + .info-user { + .name-user { + font-weight: 600; + margin-right: 15px; + } + .time { + color: #afafaf; + font-size: 13px; + } + } + .cnt { + background: #fff; + box-shadow: 0px 4px 4px 0px #00000026; + padding: 10px 15px; + border-radius: 10px; + font-size: 13px; + font-weight: 300; + } + .click-question { + margin-top: 10px; + color: #166dd8; + display: flex; + align-items: center; + justify-content: flex-end; + font-weight: 400; + i { + margin-right: 5px; + } + } + } + .list-reply { + margin-top: 15px; + margin-left: 30px; + } + .reply-question { + margin-bottom: 15px; + .avatar { + width: 20px; + height: 20px; + margin-right: 10px; + margin-top: 3px; + } + .info-cnt { + width: calc(100% - 30px); + } + .info-user { + .name-user { + font-weight: 600; + margin-right: 15px; + } + .time { + color: #afafaf; + font-size: 13px; + } + } + .cnt { + background: #fff; + box-shadow: 0px 4px 4px 0px #00000026; + padding: 10px 15px; + border-radius: 10px; + font-size: 13px; + font-weight: 300; + } + .click-question { + margin-top: 10px; + color: #166dd8; + display: flex; + align-items: center; + justify-content: flex-end; + font-weight: 400; + i { + margin-right: 5px; + } + } + } + .more-question { + display: flex; + align-items: center; + justify-content: center; + color: #166dd8; + padding-top: 15px; + margin-top: 15px; + border-top: 1px solid #f5f5f5; + i { + margin-left: 5px; + margin-top: 3px; + } + } +} +.box-history { + padding: 15px 10px; + .title { + font-size: 20px; + text-align: center; + padding: 5px 0; + font-weight: 700; + text-transform: uppercase; + } + .cnt-history { + margin-top: 15px; + box-shadow: 0px 4px 4px 4px #00000026; + padding: 0 10px 15px 10px; + border-radius: 15px; + } + .tab-history { + background: #afafaf; + padding: 5px; + border-radius: 20px; + margin-right: -5px; + .item-tab { + width: calc(100% / 3 - 5px); + margin-right: 5px; + text-align: center; + font-size: 14px; + color: #fff; + height: 34px; + line-height: 34px; + &.active, + &:hover { + background: #fff; + box-shadow: 0px 4px 4px 0px #00000040; + color: #000; + border-radius: 20px; + } + } + } + table { + text-align: left; + } + .table-tab { + display: none; + height: 230px; + overflow: auto; + width: 100%; + &.active { + display: block; + } + thead { + background: #fff; + } + th { + position: sticky; + top: 0; + width: 30%; + height: 35px; + background: #fff; + border-bottom: 1px solid #dfdfdf; + } + td { + font-size: 13px; + width: 30%; + height: 35px; + border-bottom: 1px solid #dfdfdf; + } + } +} + +.box-deposit { + margin-top: 15px; + .title { + font-size: 15px; + font-weight: 400; + display: block; + margin-bottom: 10px; + } + .content-deposit { + margin-left: 10px; + padding-left: 20px; + border-left: 2px solid #f1b510; + } + .circle { + width: 24px; + height: 24px; + background-color: #1e7ef7; + border: 2px solid #f7c12a; + border-radius: 50%; + display: flex; + justify-content: center; + align-items: center; + } + .circle-inner { + width: 10px; + height: 10px; + background-color: #fff; + border-radius: 50%; + border: 2px solid #f7c12a; + } + .item { + margin-bottom: 20px; + &:last-child { + margin-bottom: 0; + } + .step { + width: 102px; + position: relative; + height: 40px; + line-height: 40px; + text-align: center; + color: #fff; + border-radius: 21px; + font-size: 16px; + font-weight: 700; + background: #166dd8; + margin-bottom: 10px; + .circle { + position: absolute; + left: -33px; + top: 20%; + } + } + .price { + padding: 0 5px; + color: #f00000; + } + .note { + color: #f00000; + font-style: italic; + } + } + .contact-deposit { + margin-top: 10px; + font-style: italic; + b { + color: #f00000; + } + } + .pay-qr { + .title { + font-size: 16px; + font-weight: 600; + margin: 15px 0; + } + img { + width: 123px; + height: 123px; + margin-right: 10px; + } + .info { + width: calc(100% - 133px); + } + } +} + +body.page-detail .footer { + padding-bottom: 70px; +} + +.overlay { + position: fixed; + width: 100%; + height: 100%; + top: 0; + left: 0; + background: rgba(0, 0, 0, 0.6); + z-index: 9999; + display: none; +} +.overlay.active { + display: block; +} + +.box-popup { + position: fixed; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + border: 2px solid #f1b510; + width: 97%; + border-radius: 30px; + padding: 10px; + background: #fff; + z-index: 99991; + display: none; + &.active { + display: block; + } +} + +.popup-rules { + .title { + font-size: 20px; + font-weight: 700; + text-transform: uppercase; + text-align: center; + margin-bottom: 15px; + } + .click-close { + position: absolute; + top: 5px; + right: 10px; + font-size: 24px; + color: #afafaf; + } + .note-time { + font-weight: 400; + margin-bottom: 20px; + display: block; + color: #000000c2; + } + .content { + height: 300px; + overflow-y: auto; + } + .content * { + font-size: 14px; + line-height: 20px; + font-weight: 400; + color: #000000cc; + } + .btn-submit { + display: block; + width: 168px; + height: 42px; + line-height: 42px; + text-align: center; + margin: 20px auto; + background: #116dd8; + color: #fff; + text-transform: uppercase; + font-weight: 700; + border-radius: 26px; + outline: none; + border: none; + cursor: pointer; + &:hover { + border: 1px solid #116dd8; + background: #fff; + color: #116dd8; + } + } +} + +.input-checkbox { + margin-top: 12px; + display: block; + position: relative; + padding-left: 30px; + margin-bottom: 12px; + cursor: pointer; + font-size: 13px; + font-weight: 500; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + input { + position: absolute; + opacity: 0; + cursor: pointer; + height: 0; + width: 0; + &:checked ~ .checkmark { + background-color: #3194fc; + } + } + .checkmark { + position: absolute; + top: 0; + left: 0; + height: 20px; + width: 20px; + background-color: #eee; + border-radius: 15px; + &:after { + content: ""; + position: absolute; + display: block; + } + } + &:hover input ~ .checkmark { + background-color: #3194fc; + } + input:checked ~ .checkmark:after { + display: block; + } + .checkmark:after { + left: 7px; + top: 2px; + width: 5px; + height: 10px; + border: solid white; + border-width: 0 3px 3px 0; + -webkit-transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg); + } +} + +.radio-checkbox { + display: block; + position: relative; + padding-left: 30px; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + line-height: 20px; + input { + position: absolute; + opacity: 0; + cursor: pointer; + } + + .checkmark { + position: absolute; + top: 0; + left: 0; + height: 20px; + width: 20px; + background-color: #eee; + border-radius: 50%; + } + + &:hover input ~ .checkmark { + background-color: #ccc; + } + + input:checked ~ .checkmark { + background-color: #166dd8; + } + + .checkmark:after { + content: ""; + position: absolute; + display: none; + } + + input:checked ~ .checkmark:after { + display: block; + } + + .checkmark:after { + top: 6px; + left: 5.5px; + width: 9px; + height: 9px; + border-radius: 50%; + background: white; + } +} + +.popup-login { + .content { + margin: 20px auto; + } + .title { + font-size: 20px; + font-weight: 600; + text-align: center; + line-height: 24px; + margin-bottom: 15px; + } + .btn-login { + padding: 0 15px; + display: flex; + align-items: center; + justify-content: space-between; + width: 100%; + height: 52px; + margin-bottom: 10px; + border: 1px solid #8e8e8e; + border-radius: 10px; + &:hover { + border: 1px solid #116dd8; + } + img { + height: 28px; + width: 28px; + } + span { + margin-left: 10px; + } + } + .click-close { + position: absolute; + top: -15px; + right: -10px; + font-size: 24px; + color: #fff; + width: 42px; + height: 42px; + line-height: 42px; + background: #222; + border: 3px solid #f1b510; + border-radius: 50%; + text-align: center; + } +} + +.popup-yeucau { + .title { + font-size: 20px; + font-weight: 600; + text-align: center; + line-height: 24px; + margin-bottom: 15px; + } + .click-close { + position: absolute; + top: -15px; + right: -10px; + font-size: 24px; + color: #fff; + width: 42px; + height: 42px; + line-height: 42px; + background: #222; + border: 3px solid #f1b510; + border-radius: 50%; + text-align: center; + } + .btn-submit { + display: block; + width: 168px; + height: 42px; + line-height: 42px; + text-align: center; + margin: 20px auto; + background: #116dd8; + color: #fff; + text-transform: uppercase; + font-weight: 700; + border-radius: 26px; + outline: none; + border: none; + cursor: pointer; + &:hover { + border: 1px solid #116dd8; + background: #fff; + color: #116dd8; + } + } +} + +.popup-info-pay { + .title-main { + font-size: 20px; + font-weight: 600; + text-align: center; + line-height: 24px; + margin-bottom: 15px; + } + .click-close { + position: absolute; + top: -15px; + right: -10px; + font-size: 24px; + color: #fff; + width: 42px; + height: 42px; + line-height: 42px; + background: #222; + border: 3px solid #f1b510; + border-radius: 50%; + text-align: center; + } +} + +.popup-thongbao { + .title { + font-size: 20px; + font-weight: 600; + text-align: center; + line-height: 24px; + margin-bottom: 15px; + } + .click-close { + position: absolute; + top: -15px; + right: -10px; + font-size: 24px; + color: #fff; + width: 42px; + height: 42px; + line-height: 42px; + background: #222; + border: 3px solid #f1b510; + border-radius: 50%; + text-align: center; + } + p { + font-size: 14px; + text-align: center; + } + .btn-submit { + display: block; + width: 168px; + height: 42px; + line-height: 42px; + text-align: center; + margin: 20px auto; + background: #116dd8; + color: #fff; + text-transform: uppercase; + font-weight: 700; + border-radius: 26px; + outline: none; + border: none; + cursor: pointer; + &:hover { + border: 1px solid #116dd8; + background: #fff; + color: #116dd8; + } + } +} + +.popup-success { + &::before { + position: absolute; + content: ""; + background: url(../images/background-firework.png) no-repeat; + background-size: contain; + width: 120px; + height: 85px; + left: 0; + top: 20px; + } + &::after { + position: absolute; + content: ""; + background: url(../images/background-firework.png) no-repeat; + background-size: contain; + width: 120px; + height: 85px; + right: 0; + top: 20px; + transform: scaleX(-1); + } + .title { + font-size: 20px; + font-weight: 600; + text-align: center; + background: linear-gradient(90deg, #d00000 11.46%, #ff2929 29.26%, #eb2121 47.05%, #d00000 88.22%); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + text-transform: uppercase; + font-weight: 700; + } + .note-title { + background: linear-gradient(90deg, #d00000 11.46%, #ff2929 29.26%, #eb2121 47.05%, #d00000 88.22%); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + font-size: 18px; + text-align: center; + } + .click-close { + position: absolute; + top: -15px; + right: -10px; + font-size: 24px; + color: #fff; + width: 42px; + height: 42px; + line-height: 42px; + background: #222; + border: 3px solid #f1b510; + border-radius: 50%; + text-align: center; + } + .content { + padding: 0 20px; + text-align: center; + line-height: 19px; + margin-top: 25px; + font-weight: 400; + } + .btn-submit { + display: block; + width: 168px; + height: 42px; + line-height: 42px; + text-align: center; + margin: 20px auto; + background: #116dd8; + color: #fff; + text-transform: uppercase; + font-weight: 700; + border-radius: 26px; + outline: none; + border: none; + cursor: pointer; + &:hover { + border: 1px solid #116dd8; + background: #fff; + color: #116dd8; + } + } +} + +.popup-error { + .title { + font-size: 20px; + font-weight: 600; + text-align: center; + background: linear-gradient(90deg, #ea9000 4.5%, #f4bc20 65%, #f1d710 100%); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + text-transform: uppercase; + font-weight: 700; + } + .fa-exclamation-triangle { + background: linear-gradient(90deg, #ea9000 4.5%, #f4bc20 65%, #f1d710 100%); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + font-size: 58px; + text-align: center; + display: block; + margin-bottom: 10px; + } + .click-close { + position: absolute; + top: -15px; + right: -10px; + font-size: 24px; + color: #fff; + width: 42px; + height: 42px; + line-height: 42px; + background: #222; + border: 3px solid #f1b510; + border-radius: 50%; + text-align: center; + } + .btn-submit { + display: block; + width: 168px; + height: 42px; + line-height: 42px; + text-align: center; + margin: 20px auto; + background: #116dd8; + color: #fff; + text-transform: uppercase; + font-weight: 700; + border-radius: 26px; + outline: none; + border: none; + cursor: pointer; + &:hover { + border: 1px solid #116dd8; + background: #fff; + color: #116dd8; + } + } + .content { + color: #1e1e1e; + text-align: center; + } +} + +.page-list-deal { + .background-deal { + margin-top: 10px; + background: #ee4d2d; + border-radius: 15px; + padding: 10px; + } + .title { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 10px; + .icon-deal { + display: block; + width: 29px; + height: 29px; + background: url(../images/icon-flash.png) no-repeat; + background-size: contain; + } + p { + text-transform: uppercase; + font-size: 24px; + font-weight: 700; + color: #fff; + } + } + .tab-list { + margin-bottom: 10px; + .item { + width: calc(100% / 2 - 5px); + padding: 7px; + border-radius: 15px 15px 0 0; + background: #afafaf; + color: #fff; + &.active, + &:hover { + background: #166dd8; + } + p { + font-size: 15px; + text-align: center; + font-weight: 700; + text-transform: uppercase; + margin-bottom: 5px; + } + span { + font-size: 13px; + } + } + .box-time { + display: flex; + align-items: center; + justify-content: center; + } + .item-time { + margin-left: 12px; + display: flex; + flex-wrap: wrap; + justify-content: center; + text-align: center; + flex-direction: column; + } + .item-time b { + background: #000; + width: 26px; + height: 26px; + line-height: 26px; + text-align: center; + color: #fff; + font-weight: 700; + position: relative; + border-radius: 5px; + } + .item-time b::after { + content: ":"; + position: absolute; + right: -7px; + color: #fff; + } + .item-time:last-child b { + margin: 0; + } + .item-time:last-child b::after { + content: none; + } + } + .product-list { + margin-right: -10px; + } + .paging { + margin-top: 10px; + .item.active { + background: #166dd8; + border: 1px solid #116dd8; + } + } +} + +.page-detail.deal { + .box-deal-time { + background: #ee4d2d; + width: 100%; + padding: 10px; + border-radius: 5px; + img { + width: 22px; + height: 29px; + display: block; + margin-right: 10px; + } + .title { + font-size: 20px; + text-transform: uppercase; + font-weight: 700; + color: #fff; + } + .right { + color: #fff; + span { + margin-right: 10px; + } + } + } + .main-price { + margin: 10px 0; + .price { + font-size: 26px; + font-weight: 600; + color: #f00000; + margin-right: 10px; + } + .old-price { + color: #afafaf; + font-size: 14px; + margin-right: 15px; + } + .saleoff { + width: 42px; + height: 20px; + line-height: 20px; + padding-left: 10px; + background: #f00000; + font-size: 12px; + color: #fff; + border-radius: 5px; + font-weight: 600; + position: relative; + &::before { + position: absolute; + left: -6px; + top: 0; + width: 15px; + height: 20px; + content: ""; + background: url(../images/icon-flash.png) no-repeat; + background-size: cover; + } + } + } + .btn-deal { + width: 100%; + text-align: center; + height: 42px; + line-height: 42px; + border-radius: 26px; + color: #fff; + background: #116dd8; + text-transform: uppercase; + font-size: 18px; + font-weight: 700; + display: block; + } + .box-btn-deal { + position: fixed; + width: 100%; + padding: 10px; + background: #fff; + left: 0; + bottom: 0; + z-index: 99; + border: 0; + margin: 0; + } + .list-product-deal { + margin-top: 5px; + .backgrond-deal { + background: #ee4d2d; + border-radius: 15px; + padding: 10px; + } + .title { + font-size: 20px; + font-weight: 700; + text-transform: uppercase; + text-align: center; + margin-bottom: 10px; + color: #fff; + } + .item-auction { + width: 100%; + margin-bottom: 15px; + } + .list { + margin-right: -10px; + } + } + .box-sold-detail { + width: 100%; + background: #ffe9c2; + height: 18px; + line-height: 18px; + border-radius: 26px; + position: relative; + .line { + position: absolute; + left: 0; + top: 0; + height: 100%; + background: #f48320; + border-radius: 26px; + } + .txt { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + width: 100%; + text-align: center; + z-index: 9; + color: #222; + font-size: 10px; + font-weight: 500; + } + } +} + +.popup-add-cart { + padding: 0; + .title { + width: 100%; + height: 50px; + line-height: 50px; + background: #f1b510; + color: #fff; + font-size: 20px; + text-align: center; + font-weight: 700; + text-transform: uppercase; + border-radius: 27px 27px 0 0; + } + .click-close { + position: absolute; + top: -15px; + right: -10px; + font-size: 24px; + color: #fff; + width: 42px; + height: 42px; + line-height: 42px; + background: #222; + border: 3px solid #f1b510; + border-radius: 50%; + text-align: center; + } + .form-cart { + padding: 15px; + } + .title-form { + margin-bottom: 10px; + i { + font-size: 23px; + margin-right: 10px; + color: #f1b510; + position: relative; + &::after { + position: absolute; + content: ""; + background-color: #f1b510; + width: 8px; + height: 8px; + border-radius: 50%; + right: -7px; + top: -4px; + z-index: 999; + border: 3px solid #fff; + } + } + font-size: 18px; + font-weight: 700; + text-transform: uppercase; + color: #f1b510; + } + .input { + width: 100%; + height: 40px; + border-radius: 8px; + border: 1px solid #e6e6e6; + outline: none; + padding: 15px; + background: #f5f5f5; + } + .item-input { + margin-bottom: 10px; + &.error { + .note-error { + color: #f00000; + font-size: 12px; + } + } + } + select.input { + padding: 0 10px; + } + .box-provisional { + margin-bottom: 10px; + } + .total-amount { + font-size: 20px; + font-weight: 700; + color: #f00000; + } + + .btn-send-cart { + display: block; + width: 100%; + height: 42px; + line-height: 42px; + text-align: center; + margin: 20px auto auto auto; + background: #116dd8; + color: #fff; + text-transform: uppercase; + font-weight: 700; + border-radius: 26px; + outline: none; + border: none; + cursor: pointer; + &:hover { + border: 1px solid #116dd8; + background: #fff; + color: #116dd8; + } + } +} + +.popup-buy-success { + .title { + font-size: 18px; + text-align: center; + font-weight: 700; + text-transform: uppercase; + color: #a0d427; + img { + width: 58px; + height: 58px; + display: block; + margin: auto auto 15px auto; + } + } + .click-close { + position: absolute; + top: -15px; + right: -10px; + font-size: 24px; + color: #fff; + width: 42px; + height: 42px; + line-height: 42px; + background: #222; + border: 3px solid #f1b510; + border-radius: 50%; + text-align: center; + } + .content { + text-align: center; + p { + font-style: italic; + } + a { + color: #f00000; + } + b { + display: block; + margin: 15px 0; + } + } +} + +.page-account { + .content-account { + margin-top: 20px; + } + .name-avatar { + margin-bottom: 20px; + .avatar { + width: 40px; + height: 40px; + margin-right: 10px; + line-height: 40px; + font-size: 24px; + font-weight: 600; + background: #d9d9d9; + border-radius: 50%; + text-align: center; + } + .info { + b { + display: block; + font-size: 18px; + line-height: 20px; + } + } + } + .tab { + margin-right: -10px; + } + .item-tab { + width: calc(100% / 3 - 10px); + margin-right: 10px; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + height: 66px; + margin-bottom: 10px; + border-radius: 5px; + align-items: center; + background: #afafaf; + color: #fff; + padding: 0 16px; + i { + margin-right: 10px; + } + span { + font-size: 12px; + text-align: center; + width: 66px; + margin: 0 auto; + } + &.active, + &:hover { + background: #116dd8; + color: #fff; + } + } + .input { + width: 100%; + height: 40px; + border-radius: 8px; + border: 1px solid #e6e6e6; + outline: none; + padding: 15px; + margin-bottom: 10px; + background: #f5f5f5; + } + .box-phone { + position: relative; + .btn-otp { + position: absolute; + right: 0; + top: 0; + display: block; + width: 130px; + height: 40px; + line-height: 40px; + text-align: center; + background: #f1b510; + border-radius: 8px; + color: #fff; + &:hover { + color: #f1b510; + border: 1px solid #f1b510; + background: #fff; + } + } + } + .box-sex { + margin-bottom: 10px; + .item { + margin-left: 15px; + } + } + .btn-update { + display: block; + margin: 20px auto auto auto; + width: 180px; + height: 42px; + line-height: 42px; + text-align: center; + color: #fff; + background: #f00000; + border-radius: 8px; + outline: 0; + border: 0; + font-size: 18px; + font-weight: 700; + text-transform: uppercase; + } + .table-history { + .title { + font-size: 24px; + font-weight: 600; + text-align: center; + text-transform: uppercase; + margin-bottom: 20px; + } + table { + text-align: left; + } + thead { + position: sticky; + top: 0; + } + th { + background: #e2e2e2; + height: 40px; + padding: 0 10px; + } + td { + height: 40px; + padding: 0 10px; + } + .status { + &.ship { + color: #17c967; + } + &.cancel { + color: #d00000; + } + &.processing { + color: #f48320; + } + &.success { + color: #0caaf9; + } + } + } + .content-tab { + display: none; + &.active { + display: block; + } + } +} + +.popup-input-opt { + .title { + font-size: 20px; + font-weight: 600; + text-align: center; + line-height: 24px; + margin-bottom: 15px; + } + .click-close { + position: absolute; + top: -15px; + right: -10px; + font-size: 24px; + color: #fff; + width: 42px; + height: 42px; + line-height: 42px; + background: #222; + border: 3px solid #f1b510; + border-radius: 50%; + text-align: center; + } + .input-otp { + width: 100%; + height: 40px; + border: 0; + outline: 0; + border-bottom: 1px solid #bdbdbd; + margin: 0 auto; + display: block; + text-align: center; + } + + .btn-submit { + display: block; + width: 168px; + height: 42px; + line-height: 42px; + text-align: center; + margin: 20px auto; + background: #116dd8; + color: #fff; + text-transform: uppercase; + font-weight: 700; + border-radius: 26px; + outline: none; + border: none; + cursor: pointer; + &:hover { + border: 1px solid #116dd8; + background: #fff; + color: #116dd8; + } + } +} + +@media (max-width: 414px) { + .item-auction .price-auction .price-highest { + font-size: 14px; + } +} diff --git a/assets/css/style.css b/assets/css/style.css new file mode 100644 index 0000000..2242329 --- /dev/null +++ b/assets/css/style.css @@ -0,0 +1,2864 @@ +@import url("https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"); +::-webkit-scrollbar-track { + background-color: #f5f5f5; + border-radius: 10px; +} + +::-webkit-scrollbar { + width: 7px; + height: 5px; + background-color: #f5f5f5; +} + +::-webkit-scrollbar-thumb { + background: #a4a4a4; + border-radius: 20px; + background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.7, #a4a4a4), color-stop(0.5, transparent), to(transparent)); +} + +* { + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: "Kanit", sans-serif; +} + +body { + color: #222; + font-family: "Kanit", sans-serif; + font-size: 15px; + margin: 0 auto; + background: #fff; +} + +html { + font-size: 100%; + font-family: "Kanit", sans-serif; +} + +img { + max-width: 100%; + height: auto; +} + +a { + text-decoration: none; + color: #000; +} + +.clearfix { + content: ""; + clear: both; +} + +li, +ul { + list-style: none; +} + +table { + border-collapse: collapse; + width: 100%; +} + +.ol, +.ul { + margin: 0; + padding: 0; + list-style: none; +} + +.d-flex { + display: flex !important; +} + +.d-block { + display: block; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.text-center { + text-align: center !important; +} + +.align-items { + align-items: center !important; +} + +.space-between { + justify-content: space-between !important; +} + +.space-center { + justify-content: center !important; +} + +.d-block { + display: block !important; +} + +.d-none { + display: none !important; +} + +.flex-direction { + flex-direction: column; +} + +.container { + padding: 0 10px; + max-width: 1210px; + margin: 0 auto; +} + +.line-clamp-1 { + display: -webkit-box; + -webkit-line-clamp: 1; + -webkit-box-orient: vertical; + overflow: hidden; +} + +.line-clamp-2 { + display: -webkit-box; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; + overflow: hidden; +} + +.line-clamp-3 { + display: -webkit-box; + -webkit-line-clamp: 3; + -webkit-box-orient: vertical; + overflow: hidden; +} + +.header { + background: #166dd8; + padding: 6px 0; +} +.header .logo img { + height: 35px; + display: block; +} +.header .header-right span, +.header .header-right i { + color: #fff; + margin-left: 5px; + font-size: 14px; + text-transform: uppercase; +} +.header .header-right .item { + margin-left: 20px; + display: flex; + align-items: center; +} +.header .header-right .item:hover span { + color: #f1b510; +} +.header .header-right img { + width: 15px; +} +.header .header-right i.fa-solid.fa-caret-down { + margin-bottom: 5px; +} + +.homepage .banner { + margin-bottom: 20px; +} +.homepage .banner img { + display: block; + width: 100%; +} +.homepage .box-top-auction .title { + width: 390px; + height: 55px; + line-height: 55px; + text-align: center; + border-radius: 26px; + font-size: 32px; + color: #fff; + text-transform: uppercase; + background: #ea3e00; + font-weight: 600; +} +.homepage .box-top-auction .list-auction { + margin-top: 20px; + margin-right: -15px; +} + +.item-auction { + display: flex; + padding: 10px; + border: 1px solid #e2e2e2; + border-radius: 10px; + width: calc(33.3333333333% - 15px); + margin-right: 15px; + margin-bottom: 15px; + background: #fff; +} +.item-auction .images { + display: block; + position: relative; + width: 120px; + height: 120px; + margin-right: 10px; + overflow: hidden; +} +.item-auction .images img { + display: block; + width: 100%; + height: 100%; + -o-object-fit: contain; + object-fit: contain; + transform: scale(1); + transition: 0.3s; +} +.item-auction .images:hover img { + transform: scale(1.05); + transition: 0.3s; +} +.item-auction .images .box-join { + position: absolute; + left: 0; + top: 0; + width: 55px; + height: 20px; + line-height: 20px; + text-align: center; + color: #fff; + background: #f1b510; + border-radius: 10px; + display: flex; + align-items: center; + justify-content: center; + cursor: pointer; +} +.item-auction .images .box-join .icon_auction { + background: url(../images/icon-auction.png) no-repeat; + width: 14px; + height: 14px; + display: block; + background-size: contain; +} +.item-auction .images .box-join span { + margin-left: 2px; + font-size: 12px; +} +.item-auction .info { + width: calc(100% - 130px); +} +.item-auction .name { + font-weight: 500; + line-height: 16px; +} +.item-auction .name:hover { + color: #166dd8; +} +.item-auction .old-price { + display: block; + margin: 5px 0; + font-size: 13px; + color: #000000; +} +.item-auction .price-auction .txt { + font-size: 16px; + margin-right: 10px; + font-weight: 500; +} +.item-auction .price-auction .price-highest { + color: #f00000; + font-size: 16px; + font-weight: 600; +} +.item-auction .btn-add { + width: 140px; + height: 32px; + line-height: 32px; + text-align: center; + background: #f00000; + color: #fff; + text-align: center; + border-radius: 26px; + display: block; + margin-top: 10px; +} +.item-auction .btn-add:hover { + border: 1px solid #f00000; + color: #f00000; + background: #fff; +} +.item-auction .btn-add.continue { + background: #5f00b1; +} +.item-auction .btn-add.continue:hover { + border: 1px solid #5f00b1; + color: #5f00b1; + background: #fff; +} + +.box-list-auction { + margin-top: 65px; +} +.box-list-auction .background-auction { + background: #166dd8; + border-radius: 15px; + padding: 15px; +} +.box-list-auction .title { + background: #f1b510; + width: 430px; + height: 70px; + line-height: 70px; + color: #fff; + border-radius: 35px; + text-align: center; + font-size: 32px; + font-weight: 600; + text-transform: uppercase; + margin: -45px auto auto auto; +} +.box-list-auction .tab-list { + margin: 25px 0 30px 0; +} +.box-list-auction .tab-list .item { + display: flex; + align-items: center; + justify-content: center; + margin-right: 15px; + padding: 10px; + border-radius: 15px 15px 0 0; + background: #afafaf; + color: #fff; +} +.box-list-auction .tab-list .item.active, .box-list-auction .tab-list .item:hover { + background: #f1b510; +} +.box-list-auction .tab-list .item p { + font-size: 16px; + font-weight: 700; + padding-right: 5px; + text-transform: uppercase; +} +.box-list-auction .tab-list .item span { + font-size: 13px; +} +.box-list-auction .tab-list .box-time { + display: flex; + align-items: center; +} +.box-list-auction .tab-list .item-time { + margin-left: 12px; + display: flex; + flex-wrap: wrap; + justify-content: center; + text-align: center; + flex-direction: column; +} +.box-list-auction .tab-list .item-time b { + background: #000; + width: 26px; + height: 26px; + line-height: 26px; + text-align: center; + color: #fff; + font-weight: 700; + position: relative; + border-radius: 5px; +} +.box-list-auction .tab-list .item-time b::after { + content: ":"; + position: absolute; + right: -7px; + color: #fff; +} +.box-list-auction .tab-list .item-time:last-child b { + margin: 0; +} +.box-list-auction .tab-list .item-time:last-child b::after { + content: none; +} +.box-list-auction .list-auction { + margin-right: -15px; +} +.box-list-auction .more-all { + width: 110px; + height: 32px; + line-height: 31px; + display: block; + border-radius: 5px; + border: 1px solid #fff; + margin: 10px auto auto auto; + text-align: center; + color: #fff; +} +.box-list-auction .more-all:hover { + background: #fff; + color: #ee4d2d; +} + +.box-deal-hot { + margin-top: 30px; +} +.box-deal-hot .background-deal { + background: #ee4d2d; + border-radius: 15px; + padding: 15px; +} +.box-deal-hot .title { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 10px; +} +.box-deal-hot .title .icon-deal { + display: block; + width: 29px; + height: 29px; + background: url(../images/icon-flash.png) no-repeat; + background-size: contain; +} +.box-deal-hot .title p { + text-transform: uppercase; + font-size: 32px; + font-weight: 700; + color: #fff; +} +.box-deal-hot .tab-list { + margin: 25px 0 30px 0; +} +.box-deal-hot .tab-list .item { + display: flex; + align-items: center; + justify-content: center; + margin-right: 15px; + padding: 10px; + border-radius: 15px 15px 0 0; + background: #afafaf; + color: #fff; +} +.box-deal-hot .tab-list .item.active, .box-deal-hot .tab-list .item:hover { + background: #166dd8; +} +.box-deal-hot .tab-list .item p { + font-size: 16px; + font-weight: 700; + padding-right: 5px; + text-transform: uppercase; +} +.box-deal-hot .tab-list .item span { + font-size: 13px; +} +.box-deal-hot .tab-list .box-time { + display: flex; + align-items: center; +} +.box-deal-hot .tab-list .item-time { + margin-left: 12px; + display: flex; + flex-wrap: wrap; + justify-content: center; + text-align: center; + flex-direction: column; +} +.box-deal-hot .tab-list .item-time b { + background: #000; + width: 26px; + height: 26px; + line-height: 26px; + text-align: center; + color: #fff; + font-weight: 700; + position: relative; + border-radius: 5px; +} +.box-deal-hot .tab-list .item-time b::after { + content: ":"; + position: absolute; + right: -7px; + color: #fff; +} +.box-deal-hot .tab-list .item-time:last-child b { + margin: 0; +} +.box-deal-hot .tab-list .item-time:last-child b::after { + content: none; +} +.box-deal-hot .product-list { + margin-right: -15px; +} +.box-deal-hot .more-all { + width: 110px; + height: 32px; + line-height: 31px; + display: block; + border-radius: 5px; + border: 1px solid #fff; + margin: 15px auto auto auto; + text-align: center; + color: #fff; +} +.box-deal-hot .more-all:hover { + background: #fff; + color: #ee4d2d; +} + +.item-deal { + width: calc(20% - 15px); + margin-right: 15px; + margin-bottom: 15px; + padding: 15px; + border-radius: 12px; + background: #fff; +} +.item-deal .images { + width: 200px; + height: 200px; + display: block; + margin-bottom: 10px; + overflow: hidden; +} +.item-deal .images img { + display: block; + width: 100%; + height: 100%; + -o-object-fit: contain; + object-fit: contain; + transform: scale(1); + transition: 0.3s; +} +.item-deal .images:hover img { + transform: scale(1.05); + transition: 0.3s; +} +.item-deal .box-sold { + width: 100%; + background: #ffe9c2; + height: 18px; + line-height: 18px; + border-radius: 26px; + position: relative; +} +.item-deal .box-sold .line { + position: absolute; + left: 0; + top: 0; + height: 100%; + background: #f48320; + border-radius: 26px; +} +.item-deal .box-sold .txt { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + width: 100%; + text-align: center; + z-index: 9; + color: #222; + font-size: 10px; +} +.item-deal .name { + margin: 8px 0 0 0; + font-size: 13px; + font-weight: 500; + text-align: center; + line-height: 15px; + height: 30px; +} +.item-deal .name:hover { + color: #166dd8; +} +.item-deal .price { + text-align: center; + font-size: 16px; + font-weight: 600; + color: #f00000; +} +.item-deal .old-price { + color: #afafaf; + font-size: 13px; + font-weight: 400; + margin-right: 15px; +} +.item-deal .saleoff { + width: 42px; + height: 20px; + line-height: 20px; + padding-left: 10px; + background: #f00000; + font-size: 12px; + color: #fff; + border-radius: 5px; + font-weight: 600; + position: relative; +} +.item-deal .saleoff::before { + position: absolute; + left: -6px; + top: 0; + width: 15px; + height: 20px; + content: ""; + background: url(../images/icon-flash.png) no-repeat; + background-size: cover; +} +.item-deal .btn-add { + width: 140px; + height: 32px; + line-height: 32px; + text-align: center; + margin: 12px auto auto auto; + border-radius: 26px; + color: #fff; + text-transform: uppercase; + font-weight: 600; + font-size: 13px; + background: #166dd8; + display: block; +} +.item-deal .btn-add:hover { + background: #fff; + color: #166dd8; + border: 1px solid #116dd8; +} + +.box-faq { + margin-top: 15px; +} +.box-faq .background-faq { + border: 2px solid #166dd8; + border-radius: 15px; + padding: 10px; +} +.box-faq .title { + text-align: center; + font-size: 32px; + font-weight: 600; + text-transform: uppercase; + color: #110e83; +} +.box-faq .content-faq .item { + float: left; + width: calc(50% - 15px); + margin-right: 15px; + margin-bottom: 10px; + border: 1px solid #e2e2e2; + border-radius: 8px; + padding: 10px; + background: #f8f8f8; +} +.box-faq .content-faq .item.active { + background: #ffffff; +} +.box-faq .content-faq .item.active .content { + display: block; +} +.box-faq .content-faq .content { + display: none; + margin: 5px 0 0 10px; + font-weight: 400; + font-size: 14px; +} +.box-faq .content-faq .faqlink { + display: flex; + align-items: center; + justify-content: space-between; + font-size: 16px; + font-weight: 700; + color: #3a3a3a; +} + +.footer .main-footer { + background: #110e83; + margin-top: 15px; +} +.footer .footer-policies { + padding: 25px 0; + border-bottom: 1px solid #646386; +} +.footer .footer-policies .item-policies { + display: flex; + align-items: center; + width: 25%; +} +.footer .footer-policies .icons { + width: 26px; + height: 30px; + display: block; + margin-right: 13px; +} +.footer .footer-policies .txt { + width: calc(100% - 26px - 13px); + color: #fff; + font-size: 16px; +} +.footer .footer-policies .txt b { + text-transform: uppercase; +} +.footer .contact-footer { + position: relative; +} +.footer .info-contact { + padding: 15px 0 20px 0; + color: #fff; +} +.footer .info-contact b { + text-transform: uppercase; + font-size: 15px; + margin-bottom: 2px; + display: block; +} +.footer .info-contact p { + font-weight: 300; + display: block; +} +.footer .btn-phone { + width: 235px; + display: block; + position: absolute; + right: 0; + top: 50%; + transform: translate(0, -50%); +} + +.breadcrumb ol { + width: 100%; + float: left; + padding: 0; + margin: 0; + background: none; +} + +.breadcrumb ol li { + float: left; + list-style: none; +} + +.breadcrumb ol li a span { + font-size: 14px; + float: left; + display: flex; + align-items: center; + color: #000; + line-height: 40px; +} + +.breadcrumb ol li a span:hover { + color: var(--color-hover); +} + +.breadcrumb ol li a:last-child { + color: #222; +} + +.breadcrumb ol li h1 { + font-size: 15px; + line-height: 40px; + float: left; + font-weight: 400; + margin: 0; +} + +.breadcrumb ol li i { + margin: 0 10px; + float: left; + line-height: 40px; + font-style: normal; +} + +.breadcrumb ol li:last-child i { + display: none; +} + +.breadcrumb i { + color: #333; + font-size: 15px; +} + +.page-auction .background-aution { + margin-top: 65px; + background: #166dd8; + padding: 15px; + border-radius: 15px; +} +.page-auction .title { + width: 430px; + display: block; + height: 70px; + line-height: 70px; + text-align: center; + border-radius: 35px; + background: #f1b510; + color: #fff; + text-transform: uppercase; + font-size: 32px; + margin: -50px auto auto auto; + font-weight: 600; +} +.page-auction .tab-list { + margin: 25px 0 30px 0; +} +.page-auction .tab-list .item { + display: flex; + align-items: center; + justify-content: center; + margin-right: 15px; + padding: 10px; + border-radius: 15px 15px 0 0; + background: #afafaf; + color: #fff; +} +.page-auction .tab-list .item.active, .page-auction .tab-list .item:hover { + background: #f1b510; +} +.page-auction .tab-list .item p { + font-size: 16px; + font-weight: 700; + padding-right: 5px; + text-transform: uppercase; +} +.page-auction .tab-list .item span { + font-size: 13px; +} +.page-auction .tab-list .box-time { + display: flex; + align-items: center; +} +.page-auction .tab-list .item-time { + margin-left: 12px; + display: flex; + flex-wrap: wrap; + justify-content: center; + text-align: center; + flex-direction: column; +} +.page-auction .tab-list .item-time b { + background: #000; + width: 26px; + height: 26px; + line-height: 26px; + text-align: center; + color: #fff; + font-weight: 700; + position: relative; + border-radius: 5px; +} +.page-auction .tab-list .item-time b::after { + content: ":"; + position: absolute; + right: -7px; + color: #fff; +} +.page-auction .tab-list .item-time:last-child b { + margin: 0; +} +.page-auction .tab-list .item-time:last-child b::after { + content: none; +} +.page-auction .list-auction { + margin-right: -15px; +} + +.paging .item { + width: 30px; + height: 30px; + line-height: 30px; + border: 1px solid #fff; + text-align: center; + border-radius: 5px; + margin-right: 10px; + display: block; + color: #fff; +} +.paging .item.active, .paging .item:hover { + background: #f1b510; + border: 1px solid #f1b510; +} + +.box-time { + display: flex; + align-items: center; +} +.box-time .item-time { + margin-left: 12px; + display: flex; + flex-wrap: wrap; + justify-content: center; + text-align: center; + flex-direction: column; +} +.box-time .item-time b { + width: 16px; + height: 16px; + line-height: 16px; + text-align: center; + color: #fff; + font-weight: 700; + position: relative; + border-radius: 5px; +} +.box-time .item-time b::after { + content: ":"; + position: absolute; + right: -8px; + color: #fff; + top: 0; +} +.box-time .item-time:first-child { + margin-left: 0; +} +.box-time .item-time:last-child b { + margin: 0; +} +.box-time .item-time:last-child b::after { + content: none; +} + +.page-detail .content-main-detail { + margin-top: 20px; +} +.page-detail .content-main-detail .content-left { + width: calc(100% - 490px - 32px); + margin-right: 32px; +} +.page-detail .content-main-detail .content-right { + width: 490px; +} +.page-detail .BigImage { + width: calc(100% - 85px - 32px); + margin-left: 32px; +} +.page-detail .thumbImage { + height: 400px; +} +.page-detail .box-thumbImage { + width: 85px; + height: 560px; + box-sizing: border-box; + padding: 30px 0; + position: relative; +} +.page-detail .box-thumbImage .swiper-slide { + cursor: pointer; +} +.page-detail .box-thumbImage img { + width: 100%; + height: 100%; + -o-object-fit: contain; + object-fit: contain; +} +.page-detail .box-thumbImage .swiper-slide-thumb-active img { + opacity: 1; + border: 1px solid transparent; + -o-border-image: linear-gradient(359.53deg, #3935c8 82.81%, #1355f0 92%, #0caaf9 99.12%); + border-image: linear-gradient(359.53deg, #3935c8 82.81%, #1355f0 92%, #0caaf9 99.12%); + border-image-slice: 1; + border-radius: 10px; +} +.page-detail .product-name { + font-size: 20px; + font-weight: 400; + margin-bottom: 15px; +} +.page-detail .box-group-time { + background: #166dd8; + width: 100%; + padding: 10px; + border-radius: 5px; +} +.page-detail .box-group-time img { + width: 26px; + display: block; + margin-right: 5px; +} +.page-detail .box-group-time .title { + font-size: 20px; + font-weight: 700; + text-transform: uppercase; + color: #fff; + margin-left: 5px; +} +.page-detail .box-group-time .icon.auction { + background: url(../images/icon-auction.png) no-repeat; + background-size: contain; + width: 15px; + height: 15px; + display: block; + margin-right: 3px; +} +.page-detail .box-group-time .icon.time { + background: url(../images/icon-fire-time.png) no-repeat; + background-size: contain; + display: block; + width: 20px; + height: 20px; + margin-right: 3px; +} +.page-detail .box-group-time .total-auction { + width: 62px; + height: 27px; + line-height: 27px; + text-align: center; + background: #f1b510; + color: #fff; + display: flex; + align-items: center; + justify-content: center; + border-radius: 14px; +} +.page-detail .box-group-time .p-box-time { + background: #f00000; + width: 115px; + height: 28px; + line-height: 28px; + text-align: center; + justify-content: center; + border-radius: 14px; + color: #fff; + margin-left: 10px; +} +.page-detail .group-price-detail { + margin-top: 10px; + padding: 10px 0; + border-top: 1px dashed #e2e2e2; + border-bottom: 1px dashed #e2e2e2; +} +.page-detail .box-starting-price { + width: 50%; + border-right: 1px dashed #e2e2e2; +} +.page-detail .box-starting-price p { + font-size: 13px; + line-height: 18px; + text-transform: uppercase; + color: #000; +} +.page-detail .box-starting-price .starting-price { + font-size: 20px; + font-weight: 600; +} +.page-detail .box-price-step { + padding-left: 20px; +} +.page-detail .box-price-step p { + font-size: 13px; + line-height: 18px; + text-transform: uppercase; + color: #000; +} +.page-detail .box-price-step .price-step { + font-size: 20px; + font-weight: 600; +} +.page-detail .box-specification { + margin: 20px 0 27px 0; +} +.page-detail .box-specification .item { + display: flex; + margin-bottom: 15px; +} +.page-detail .box-specification i { + font-size: 14px; + color: #166dd8; + margin-right: 10px; + margin-top: 4.3px; +} +.page-detail .box-specification p { + font-size: 14px; +} +.page-detail .btn-auction { + width: 100%; + text-align: center; + height: 42px; + line-height: 42px; + border-radius: 26px; + color: #fff; + background: #f00000; + text-transform: uppercase; + font-size: 18px; + font-weight: 700; + display: block; +} +.page-detail .btn-auction:hover { + border: 1px solid #f00000; + color: #f00000; + background: #fff; +} +.page-detail .box-live-auction { + margin-top: 20px; +} +.page-detail .box-price-live i.fa-caret-up { + font-size: 32px; + color: #2ad363; + margin-top: 8px; + margin-right: 5px; +} +.page-detail .box-price-live .current-price { + font-size: 28px; + font-weight: 700; + color: #ef0000; +} +.page-detail .box-price-live .unit-price { + margin-top: 12px; + margin-left: 5px; +} +.page-detail .list-user-auction { + background: #fff5e5; + padding: 15px 30px 15px 15px; + border-radius: 15px; + overflow: hidden; +} +.page-detail .list-user-auction .item { + background: #fff; + box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1490196078); + height: 28px; + line-height: 28px; + border-radius: 5px; + margin-bottom: 8px; + padding: 10px 8px; +} +.page-detail .list-user-auction .item .fa-caret-up { + color: #2ad363; +} +.page-detail .list-user-auction .item .fa-caret-down { + color: #f00000; +} +.page-detail .list-user-auction .item i { + margin-top: 3px; + font-size: 16px; + margin-right: 5px; +} +.page-detail .list-user-auction .item .number { + font-size: 13px; + font-weight: 700; + color: #f48320; + padding-right: 5px; +} +.page-detail .list-user-auction .item .name-user { + color: #1355f0; + padding-right: 5px; +} +.page-detail .list-user-auction .item .price { + color: #f00000; + font-weight: 600; + padding-left: 5px; +} +.page-detail .list-user-auction .item .time { + font-weight: 700; +} +.page-detail .list-user-auction .content-user { + overflow-x: hidden; + overflow-y: scroll; + max-height: 103px; + padding-right: 10px; +} +.page-detail .form-input-price { + margin-top: 20px; +} +.page-detail .form-input-price .p-title { + text-align: center; + font-size: 20px; + font-weight: 400; + text-transform: uppercase; + margin-bottom: 10px; +} +.page-detail .form-input-price .form-input { + margin-top: 10px; + display: flex; +} +.page-detail .form-input-price .input-price { + width: 423px; + height: 56px; + border: 1px solid #afafaf; + border-radius: 28px 0 0 28px; + text-align: center; + font-size: 32px; + padding: 0 20px; +} +.page-detail .form-input-price .btn-send { + width: calc(100% - 423px); + height: 56px; + display: flex; + align-items: center; + justify-content: center; + background: #166dd8; + outline: none; + border: 0; + border-radius: 0 28px 28px 0; + cursor: pointer; + color: #fff; + font-size: 24px; +} +.page-detail .list-suggest p { + font-size: 14px; + font-weight: 300; + margin-right: 15px; + white-space: nowrap; + margin-bottom: 5px; +} +.page-detail .list-suggest #price-list { + width: 400px; + overflow-x: auto; + scroll-behavior: smooth; +} +.page-detail .list-suggest .item { + flex: 0 0 82px; + height: 30px; + line-height: 30px; + text-align: center; + margin-right: 5px; + border-radius: 15px; + background: #f1f1f1; + color: #929292; + font-weight: 500; + white-space: nowrap; + display: block; + margin-bottom: 5px; +} +.page-detail .content-revew-history { + margin-top: 22px; +} +.page-detail .content-revew-history .content-left { + width: calc(100% - 490px - 18px); + margin-right: 18px; +} +.page-detail .content-revew-history .content-right { + width: 490px; +} +.page-detail .box-info-product { + margin-top: 20px; +} +.page-detail .box-info-product .item-tab { + width: 222px; + height: 50px; + line-height: 50px; + text-align: center; + border-radius: 15px 15px 0 0; + background: #f5f5f5; + color: #000; + font-size: 16px; + font-weight: 600; + margin-right: 5px; +} +.page-detail .box-info-product .item-tab.active, .page-detail .box-info-product .item-tab:hover { + background: #166dd8; + color: #fff; +} +.page-detail .box-info-product .content-tab { + display: none; +} +.page-detail .box-info-product .content-tab.active { + display: block; +} +.page-detail .box-info-product .content-tab .info { + margin-top: 15px; +} +.page-detail .box-info-product .content-tab .info img { + width: 290px; + display: block; + margin-right: 10px; + height: 290px; + -o-object-fit: contain; + object-fit: contain; +} +.page-detail .box-info-product .content-tab .info ul { + width: calc(100% - 300px); +} +.page-detail .box-info-product .content-tab .info ul li { + list-style: inside; + font-size: 14px; + line-height: 20px; +} +.page-detail .list-product-auction { + background: #166dd8; + margin-top: 15px; + border-radius: 15px; + padding: 15px; +} +.page-detail .list-product-auction .title { + font-size: 20px; + font-weight: 700; + text-transform: uppercase; + text-align: center; + margin-bottom: 10px; + color: #fff; +} +.page-detail .list-product-auction .item-auction { + width: 100%; +} +.page-detail .list-product-auction .item-auction .images { + width: 160px; + height: 160px; +} +.page-detail .list-product-auction .item-auction .info { + width: calc(100% - 170px); +} +.page-detail .box-user-win { + border-top: 1px dashed #e2e2e2; + margin-top: 15px; + padding-top: 10px; +} +.page-detail .box-user-win .price-win { + align-items: flex-end; +} +.page-detail .box-user-win .price-win p { + font-weight: 700; + margin-right: 5px; + text-transform: uppercase; + margin-bottom: 7px; +} +.page-detail .box-user-win .price-win .price { + font-size: 28px; + color: #ef0000; + font-weight: 700; +} +.page-detail .box-user-win .info-user-win { + background: #ffe0ac; + width: 100%; + height: 40px; + line-height: 40px; + padding: 0 20px; + border-radius: 5px; +} +.page-detail .box-user-win .info-user-win p { + color: #f00000; + margin-right: 5px; +} +.page-detail .box-user-win .info-user-win b { + font-weight: 500; + color: #f00000; +} +.page-detail .box-user-win .icon-cup { + background: url(../images/icon-cup.png) no-repeat; + background-size: contain; + width: 16px; + height: 16px; + display: block; + margin-right: 10px; +} + +.box-thumbImage .swiper-button-next::after { + font-size: 16px; + color: #000; + font-weight: 700; +} + +.box-thumbImage .swiper-button-next { + position: absolute; + top: 468px; + transform: rotate(90deg); + left: 35%; +} + +.box-thumbImage .swiper-button-prev { + position: absolute; + top: 0; + transform: rotate(90deg); + left: 35%; +} + +.box-thumbImage .swiper-button-prev::after { + font-size: 16px; + color: #000; + font-weight: 700; +} + +.icon-star { + background: url(../images/icon-star.png) no-repeat; + width: 80px; + height: 12px; + display: block; + background-size: 100%; +} +.icon-star.star5 { + background-position: 0 0; +} +.icon-star.star4 { + background-position: 0 -17px; +} +.icon-star.star3 { + background-position: 0 -34px; +} +.icon-star.star2 { + background-position: 0 -50px; +} +.icon-star.star1 { + background-position: 0 -67px; +} +.icon-star.star0 { + background-position: 0 -84px; +} + +.box-review { + box-shadow: 0px 4px 4px 4px rgba(0, 0, 0, 0.1490196078); + background: #fff; + border-radius: 15px; + padding: 20px 15px; +} +.box-review .title-left h2 { + font-size: 16px; + margin-right: 10px; +} +.box-review .title-left .total { + font-size: 14px; + margin-left: 5px; + display: block; +} +.box-review .btn-review { + width: 146px; + height: 32px; + line-height: 32px; + text-align: center; + background: #166dd8; + color: #fff; + border-radius: 26px; +} +.box-review .btn-review:hover { + border: 1px solid #166dd8; + color: #116dd8; + background: #fff; +} +.box-review .list-review { + margin-top: 15px; +} +.box-review .item-review { + margin-bottom: 10px; + position: relative; +} +.box-review .avatar { + width: 40px; + height: 40px; + margin-right: 7px; +} +.box-review .avatar img { + width: 100%; + height: 100%; + -o-object-fit: contain; + object-fit: contain; + display: block; +} +.box-review .info-cnt { + width: calc(100% - 47px); +} +.box-review .info-cnt .cnt { + font-size: 13px; +} +.box-review .name-user { + font-weight: 700; +} +.box-review .total-view { + font-size: 14px; +} +.box-review .total-view i { + color: #f1b510; +} +.box-review .time { + font-size: 13px; + color: #afafaf; + margin-right: 10px; +} +.box-review .btn-reply { + color: #166dd8; +} +.box-review .list-image { + margin-top: 10px; + margin-bottom: 20px; +} +.box-review .list-image .item { + width: 65px; + height: 65px; + display: block; + margin-right: 10px; +} +.box-review .list-image .item img { + width: 100%; + height: 100%; +} +.box-review .list-reppy { + width: 100%; + margin-left: 45px; +} +.box-review .item-reply { + position: relative; + margin-bottom: 10px; +} +.box-review .item-reply::after { + position: absolute; + width: 26px; + height: 115%; + border-radius: 0 0 0 18px; + background: transparent; + border: 1px solid #e2e2e2; + content: ""; + left: -27px; + border-top: 0; + border-right: 0; + bottom: 84%; +} +.box-review .more-review { + display: flex; + align-items: center; + justify-content: center; + color: #166dd8; + padding-top: 15px; + margin-top: 15px; + border-top: 1px solid #f5f5f5; +} +.box-review .more-review i { + margin-left: 5px; +} + +.box-question { + margin-top: 25px; + background: #f5f5f5; + padding: 15px; + border-radius: 15px; +} +.box-question .title { + font-size: 16px; + font-weight: 700; + margin-bottom: 10px; +} +.box-question .title span { + font-size: 14px; + font-weight: 400; +} +.box-question .form-question { + display: flex; +} +.box-question .input-question { + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1490196078); + background: #ffffff; + width: calc(100% - 70px); + height: 94px; + border-radius: 10px; + border: 0; + outline: 0; + padding: 10px 15px; +} +.box-question .input-question::-moz-placeholder { + color: #afafaf; + font-weight: 300; +} +.box-question .input-question::placeholder { + color: #afafaf; + font-weight: 300; +} +.box-question .btn-question { + width: 60px; + margin-left: 10px; + height: 32px; + line-height: 32px; + border: 0; + outline: 0; + background: #166dd8; + color: #fff; + border-radius: 26px; + cursor: pointer; +} +.box-question .btn-question:hover { + background: #fff; + border: 1px solid #166dd8; + color: #116dd8; +} +.box-question .list-question { + margin-top: 15px; +} +.box-question .item-question { + margin-bottom: 15px; +} +.box-question .item-question .avatar { + width: 20px; + height: 20px; + margin-right: 10px; + margin-top: 3px; +} +.box-question .item-question .info-cnt { + width: calc(100% - 30px); +} +.box-question .item-question .info-user .name-user { + font-weight: 600; + margin-right: 15px; +} +.box-question .item-question .info-user .time { + color: #afafaf; + font-size: 13px; +} +.box-question .item-question .cnt { + background: #fff; + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1490196078); + padding: 10px 15px; + border-radius: 10px; + font-size: 13px; + font-weight: 300; +} +.box-question .item-question .click-question { + margin-top: 10px; + color: #166dd8; + display: flex; + align-items: center; + justify-content: flex-end; + font-weight: 400; +} +.box-question .item-question .click-question i { + margin-right: 5px; +} +.box-question .list-reply { + margin-top: 15px; + margin-left: 30px; +} +.box-question .reply-question { + margin-bottom: 15px; +} +.box-question .reply-question .avatar { + width: 20px; + height: 20px; + margin-right: 10px; + margin-top: 3px; +} +.box-question .reply-question .info-cnt { + width: calc(100% - 30px); +} +.box-question .reply-question .info-user .name-user { + font-weight: 600; + margin-right: 15px; +} +.box-question .reply-question .info-user .time { + color: #afafaf; + font-size: 13px; +} +.box-question .reply-question .cnt { + background: #fff; + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1490196078); + padding: 10px 15px; + border-radius: 10px; + font-size: 13px; + font-weight: 300; +} +.box-question .reply-question .click-question { + margin-top: 10px; + color: #166dd8; + display: flex; + align-items: center; + justify-content: flex-end; + font-weight: 400; +} +.box-question .reply-question .click-question i { + margin-right: 5px; +} +.box-question .more-question { + display: flex; + align-items: center; + justify-content: center; + color: #166dd8; + padding-top: 15px; + margin-top: 15px; + border-top: 1px solid #f5f5f5; +} +.box-question .more-question i { + margin-left: 5px; + margin-top: 3px; +} + +.box-deposit { + margin-top: 15px; +} +.box-deposit .title { + font-size: 15px; + font-weight: 400; + display: block; + margin-bottom: 10px; +} +.box-deposit .content-deposit { + margin-left: 10px; + padding-left: 20px; + border-left: 2px solid #f1b510; +} +.box-deposit .circle { + width: 24px; + height: 24px; + background-color: #1e7ef7; + border: 2px solid #f7c12a; + border-radius: 50%; + display: flex; + justify-content: center; + align-items: center; +} +.box-deposit .circle-inner { + width: 10px; + height: 10px; + background-color: #fff; + border-radius: 50%; + border: 2px solid #f7c12a; +} +.box-deposit .item { + margin-bottom: 20px; +} +.box-deposit .item:last-child { + margin-bottom: 0; +} +.box-deposit .item .step { + width: 102px; + position: relative; + height: 40px; + line-height: 40px; + text-align: center; + color: #fff; + border-radius: 21px; + font-size: 16px; + font-weight: 700; + background: #166dd8; + margin-bottom: 10px; +} +.box-deposit .item .step .circle { + position: absolute; + left: -33px; + top: 20%; +} +.box-deposit .item .price { + padding: 0 5px; + color: #f00000; +} +.box-deposit .item .note { + color: #f00000; + font-style: italic; +} +.box-deposit .contact-deposit { + margin-top: 10px; + font-style: italic; +} +.box-deposit .contact-deposit b { + color: #f00000; +} +.box-deposit .pay-qr .title { + font-size: 16px; + font-weight: 600; + margin: 15px 0; +} +.box-deposit .pay-qr img { + width: 123px; + height: 123px; + margin-right: 10px; +} +.box-deposit .pay-qr .info { + width: calc(100% - 133px); +} + +.box-history { + box-shadow: 0px 4px 4px 4px rgba(0, 0, 0, 0.1490196078); + padding: 15px; + border-radius: 15px; +} +.box-history .title { + font-size: 20px; + text-align: center; + padding: 5px 0; + font-weight: 700; + text-transform: uppercase; +} +.box-history .tab-history { + background: #afafaf; + padding: 5px; + border-radius: 20px; + margin-right: -5px; +} +.box-history .tab-history .item-tab { + width: calc(33.3333333333% - 5px); + margin-right: 5px; + text-align: center; + font-size: 14px; + color: #fff; + height: 34px; + line-height: 34px; +} +.box-history .tab-history .item-tab.active, .box-history .tab-history .item-tab:hover { + background: #fff; + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2509803922); + color: #000; + border-radius: 20px; +} +.box-history table { + text-align: left; +} +.box-history .table-tab { + margin-top: 15px; + display: none; + height: 230px; + overflow: auto; + width: 100%; +} +.box-history .table-tab.active { + display: block; +} +.box-history .table-tab thead { + background: #fff; +} +.box-history .table-tab th { + position: sticky; + top: 0; + width: 30%; + height: 35px; + background: #fff; + border-bottom: 1px solid #dfdfdf; +} +.box-history .table-tab td { + width: 30%; + height: 35px; + border-bottom: 1px solid #dfdfdf; +} + +.overlay { + position: fixed; + width: 100%; + height: 100%; + top: 0; + left: 0; + background: rgba(0, 0, 0, 0.6); + z-index: 99; + display: none; +} + +.overlay.active { + display: block; +} + +.box-popup { + position: fixed; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + border: 2px solid #f1b510; + width: 590px; + border-radius: 30px; + padding: 15px; + background: #fff; + z-index: 999; + display: none; +} +.box-popup.active { + display: block; +} + +.popup-rules .title { + font-size: 24px; + font-weight: 700; + text-transform: uppercase; + text-align: center; + margin-bottom: 15px; +} +.popup-rules .click-close { + position: absolute; + top: 10px; + right: 20px; + font-size: 24px; + color: #afafaf; +} +.popup-rules .note-time { + font-weight: 400; + margin-bottom: 20px; + display: block; + color: rgba(0, 0, 0, 0.7607843137); +} +.popup-rules .content { + height: 340px; + overflow-y: auto; +} +.popup-rules .content * { + font-size: 14px; + line-height: 20px; + font-weight: 400; + color: rgba(0, 0, 0, 0.8); +} +.popup-rules .btn-submit { + display: block; + width: 168px; + height: 42px; + line-height: 42px; + text-align: center; + margin: 20px auto; + background: #116dd8; + color: #fff; + text-transform: uppercase; + font-weight: 700; + border-radius: 26px; + outline: none; + border: none; + cursor: pointer; +} +.popup-rules .btn-submit:hover { + border: 1px solid #116dd8; + background: #fff; + color: #116dd8; +} + +.popup-login .content { + width: 390px; + margin: 20px auto; +} +.popup-login .title { + font-size: 20px; + font-weight: 600; + text-align: center; + line-height: 24px; + margin-bottom: 15px; +} +.popup-login .btn-login { + padding: 0 15px; + display: flex; + align-items: center; + justify-content: space-between; + width: 100%; + height: 52px; + margin-bottom: 10px; + border: 1px solid #8e8e8e; + border-radius: 10px; +} +.popup-login .btn-login:hover { + border: 1px solid #116dd8; +} +.popup-login .btn-login img { + height: 28px; + width: 28px; +} +.popup-login .btn-login span { + margin-left: 10px; +} +.popup-login .click-close { + position: absolute; + top: -15px; + right: -10px; + font-size: 24px; + color: #fff; + width: 42px; + height: 42px; + line-height: 42px; + background: #222; + border: 3px solid #f1b510; + border-radius: 50%; + text-align: center; +} + +.popup-yeucau .title { + font-size: 20px; + font-weight: 600; + text-align: center; + line-height: 24px; + margin-bottom: 15px; +} +.popup-yeucau .click-close { + position: absolute; + top: -15px; + right: -10px; + font-size: 24px; + color: #fff; + width: 42px; + height: 42px; + line-height: 42px; + background: #222; + border: 3px solid #f1b510; + border-radius: 50%; + text-align: center; +} +.popup-yeucau .btn-submit { + display: block; + width: 168px; + height: 42px; + line-height: 42px; + text-align: center; + margin: 20px auto; + background: #116dd8; + color: #fff; + text-transform: uppercase; + font-weight: 700; + border-radius: 26px; + outline: none; + border: none; + cursor: pointer; +} +.popup-yeucau .btn-submit:hover { + border: 1px solid #116dd8; + background: #fff; + color: #116dd8; +} + +.popup-info-pay .title-main { + font-size: 20px; + font-weight: 600; + text-align: center; + line-height: 24px; + margin-bottom: 15px; +} +.popup-info-pay .click-close { + position: absolute; + top: -15px; + right: -10px; + font-size: 24px; + color: #fff; + width: 42px; + height: 42px; + line-height: 42px; + background: #222; + border: 3px solid #f1b510; + border-radius: 50%; + text-align: center; +} + +.popup-thongbao .title { + font-size: 20px; + font-weight: 600; + text-align: center; + line-height: 24px; + margin-bottom: 15px; +} +.popup-thongbao .click-close { + position: absolute; + top: -15px; + right: -10px; + font-size: 24px; + color: #fff; + width: 42px; + height: 42px; + line-height: 42px; + background: #222; + border: 3px solid #f1b510; + border-radius: 50%; + text-align: center; +} +.popup-thongbao p { + font-size: 14px; + text-align: center; +} +.popup-thongbao .btn-submit { + display: block; + width: 168px; + height: 42px; + line-height: 42px; + text-align: center; + margin: 20px auto; + background: #116dd8; + color: #fff; + text-transform: uppercase; + font-weight: 700; + border-radius: 26px; + outline: none; + border: none; + cursor: pointer; +} +.popup-thongbao .btn-submit:hover { + border: 1px solid #116dd8; + background: #fff; + color: #116dd8; +} + +.popup-success::before { + position: absolute; + content: ""; + background: url(../images/background-firework.png) no-repeat; + background-size: contain; + width: 120px; + height: 85px; + left: 0; + top: 20px; +} +.popup-success::after { + position: absolute; + content: ""; + background: url(../images/background-firework.png) no-repeat; + background-size: contain; + width: 120px; + height: 85px; + right: 0; + top: 20px; + transform: scaleX(-1); +} +.popup-success .title { + font-size: 24px; + font-weight: 600; + text-align: center; + background: linear-gradient(90deg, #d00000 11.46%, #ff2929 29.26%, #eb2121 47.05%, #d00000 88.22%); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + text-transform: uppercase; + font-weight: 700; +} +.popup-success .note-title { + background: linear-gradient(90deg, #d00000 11.46%, #ff2929 29.26%, #eb2121 47.05%, #d00000 88.22%); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + font-size: 20px; + text-align: center; +} +.popup-success .click-close { + position: absolute; + top: -15px; + right: -10px; + font-size: 24px; + color: #fff; + width: 42px; + height: 42px; + line-height: 42px; + background: #222; + border: 3px solid #f1b510; + border-radius: 50%; + text-align: center; +} +.popup-success .content { + padding: 0 20px; + text-align: center; + line-height: 19px; + margin-top: 25px; + font-weight: 400; +} +.popup-success .btn-submit { + display: block; + width: 168px; + height: 42px; + line-height: 42px; + text-align: center; + margin: 20px auto; + background: #116dd8; + color: #fff; + text-transform: uppercase; + font-weight: 700; + border-radius: 26px; + outline: none; + border: none; + cursor: pointer; +} +.popup-success .btn-submit:hover { + border: 1px solid #116dd8; + background: #fff; + color: #116dd8; +} + +.popup-error .title { + font-size: 24px; + font-weight: 600; + text-align: center; + background: linear-gradient(90deg, #ea9000 4.5%, #f4bc20 65%, #f1d710 100%); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + text-transform: uppercase; + font-weight: 700; +} +.popup-error .fa-exclamation-triangle { + background: linear-gradient(90deg, #ea9000 4.5%, #f4bc20 65%, #f1d710 100%); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + font-size: 58px; + text-align: center; + display: block; + margin-bottom: 10px; +} +.popup-error .click-close { + position: absolute; + top: -15px; + right: -10px; + font-size: 24px; + color: #fff; + width: 42px; + height: 42px; + line-height: 42px; + background: #222; + border: 3px solid #f1b510; + border-radius: 50%; + text-align: center; +} +.popup-error .btn-submit { + display: block; + width: 168px; + height: 42px; + line-height: 42px; + text-align: center; + margin: 20px auto; + background: #116dd8; + color: #fff; + text-transform: uppercase; + font-weight: 700; + border-radius: 26px; + outline: none; + border: none; + cursor: pointer; +} +.popup-error .btn-submit:hover { + border: 1px solid #116dd8; + background: #fff; + color: #116dd8; +} +.popup-error .content { + color: #1e1e1e; +} + +.popup-input-opt .title { + font-size: 20px; + font-weight: 600; + text-align: center; + line-height: 24px; + margin-bottom: 15px; +} +.popup-input-opt .click-close { + position: absolute; + top: -15px; + right: -10px; + font-size: 24px; + color: #fff; + width: 42px; + height: 42px; + line-height: 42px; + background: #222; + border: 3px solid #f1b510; + border-radius: 50%; + text-align: center; +} +.popup-input-opt .input-otp { + width: 390px; + height: 40px; + border: 0; + outline: 0; + border-bottom: 1px solid #bdbdbd; + margin: 0 auto; + display: block; + text-align: center; +} +.popup-input-opt .btn-submit { + display: block; + width: 168px; + height: 42px; + line-height: 42px; + text-align: center; + margin: 20px auto; + background: #116dd8; + color: #fff; + text-transform: uppercase; + font-weight: 700; + border-radius: 26px; + outline: none; + border: none; + cursor: pointer; +} +.popup-input-opt .btn-submit:hover { + border: 1px solid #116dd8; + background: #fff; + color: #116dd8; +} + +.input-checkbox { + margin-top: 12px; + display: block; + position: relative; + padding-left: 30px; + margin-bottom: 12px; + cursor: pointer; + font-size: 14px; + font-weight: 500; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; +} +.input-checkbox input { + position: absolute; + opacity: 0; + cursor: pointer; + height: 0; + width: 0; +} +.input-checkbox input:checked ~ .checkmark { + background-color: #3194fc; +} +.input-checkbox .checkmark { + position: absolute; + top: 0; + left: 0; + height: 20px; + width: 20px; + background-color: #eee; + border-radius: 15px; +} +.input-checkbox .checkmark:after { + content: ""; + position: absolute; + display: block; +} +.input-checkbox:hover input ~ .checkmark { + background-color: #3194fc; +} +.input-checkbox input:checked ~ .checkmark:after { + display: block; +} +.input-checkbox .checkmark:after { + left: 7px; + top: 2px; + width: 5px; + height: 10px; + border: solid white; + border-width: 0 3px 3px 0; + transform: rotate(45deg); +} + +.radio-checkbox { + display: block; + position: relative; + padding-left: 30px; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; + line-height: 20px; +} +.radio-checkbox input { + position: absolute; + opacity: 0; + cursor: pointer; +} +.radio-checkbox .checkmark { + position: absolute; + top: 0; + left: 0; + height: 20px; + width: 20px; + background-color: #eee; + border-radius: 50%; +} +.radio-checkbox:hover input ~ .checkmark { + background-color: #ccc; +} +.radio-checkbox input:checked ~ .checkmark { + background-color: #166dd8; +} +.radio-checkbox .checkmark:after { + content: ""; + position: absolute; + display: none; +} +.radio-checkbox input:checked ~ .checkmark:after { + display: block; +} +.radio-checkbox .checkmark:after { + top: 6px; + left: 5.5px; + width: 9px; + height: 9px; + border-radius: 50%; + background: white; +} + +.page-account .content-account { + margin-top: 20px; +} +.page-account .name-avatar { + margin-bottom: 20px; +} +.page-account .name-avatar .avatar { + width: 40px; + height: 40px; + margin-right: 10px; + line-height: 40px; + font-size: 24px; + font-weight: 600; + background: #d9d9d9; + border-radius: 50%; + text-align: center; +} +.page-account .name-avatar .info b { + display: block; + font-size: 18px; + line-height: 20px; +} +.page-account .content-left { + width: 187px; + margin-right: 32px; +} +.page-account .item-tab { + width: 100%; + display: flex; + height: 42px; + margin-bottom: 10px; + border-radius: 5px; + align-items: center; + background: #afafaf; + color: #fff; + padding: 0 16px; +} +.page-account .item-tab i { + margin-right: 10px; +} +.page-account .item-tab span { + font-size: 13px; +} +.page-account .item-tab.active, .page-account .item-tab:hover { + background: #116dd8; + color: #fff; +} +.page-account .form-info { + width: 567px; +} +.page-account .input { + width: 100%; + height: 40px; + border-radius: 8px; + border: 1px solid #e6e6e6; + outline: none; + padding: 15px; + margin-bottom: 10px; + background: #f5f5f5; +} +.page-account .box-phone { + position: relative; +} +.page-account .box-phone .btn-otp { + position: absolute; + right: 0; + top: 0; + display: block; + width: 130px; + height: 40px; + line-height: 40px; + text-align: center; + background: #f1b510; + border-radius: 8px; + color: #fff; +} +.page-account .box-phone .btn-otp:hover { + color: #f1b510; + border: 1px solid #f1b510; + background: #fff; +} +.page-account .box-sex { + margin-bottom: 10px; +} +.page-account .box-sex .item { + margin-left: 15px; +} +.page-account .btn-update { + display: block; + margin: 20px auto auto auto; + width: 180px; + height: 42px; + line-height: 42px; + text-align: center; + color: #fff; + background: #f00000; + border-radius: 8px; + outline: 0; + border: 0; + font-size: 18px; + font-weight: 700; + text-transform: uppercase; +} +.page-account .content-right { + width: calc(100% - 187px - 32px); +} +.page-account .table-history .title { + font-size: 24px; + font-weight: 600; + text-align: center; + text-transform: uppercase; + margin-bottom: 20px; +} +.page-account .table-history table { + text-align: left; +} +.page-account .table-history thead { + position: sticky; + top: 0; +} +.page-account .table-history th { + background: #e2e2e2; + height: 40px; + padding: 0 10px; +} +.page-account .table-history td { + height: 40px; + padding: 0 10px; +} +.page-account .table-history .status.ship { + color: #17c967; +} +.page-account .table-history .status.cancel { + color: #d00000; +} +.page-account .table-history .status.processing { + color: #f48320; +} +.page-account .table-history .status.success { + color: #0caaf9; +} +.page-account .content-tab { + display: none; +} +.page-account .content-tab.active { + display: block; +} + +.page-list-deal .background-deal { + margin-top: 10px; + background: #ee4d2d; + border-radius: 15px; + padding: 15px; +} +.page-list-deal .title { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 10px; +} +.page-list-deal .title .icon-deal { + display: block; + width: 29px; + height: 29px; + background: url(../images/icon-flash.png) no-repeat; + background-size: contain; +} +.page-list-deal .title p { + text-transform: uppercase; + font-size: 32px; + font-weight: 700; + color: #fff; +} +.page-list-deal .tab-list { + margin: 25px 0 30px 0; +} +.page-list-deal .tab-list .item { + display: flex; + align-items: center; + justify-content: center; + margin-right: 15px; + padding: 10px; + border-radius: 15px 15px 0 0; + background: #afafaf; + color: #fff; +} +.page-list-deal .tab-list .item.active, .page-list-deal .tab-list .item:hover { + background: #166dd8; +} +.page-list-deal .tab-list .item p { + font-size: 16px; + font-weight: 700; + padding-right: 5px; + text-transform: uppercase; +} +.page-list-deal .tab-list .item span { + font-size: 13px; +} +.page-list-deal .tab-list .box-time { + display: flex; + align-items: center; +} +.page-list-deal .tab-list .item-time { + margin-left: 12px; + display: flex; + flex-wrap: wrap; + justify-content: center; + text-align: center; + flex-direction: column; +} +.page-list-deal .tab-list .item-time b { + background: #000; + width: 26px; + height: 26px; + line-height: 26px; + text-align: center; + color: #fff; + font-weight: 700; + position: relative; + border-radius: 5px; +} +.page-list-deal .tab-list .item-time b::after { + content: ":"; + position: absolute; + right: -7px; + color: #fff; +} +.page-list-deal .tab-list .item-time:last-child b { + margin: 0; +} +.page-list-deal .tab-list .item-time:last-child b::after { + content: none; +} +.page-list-deal .product-list { + margin-right: -15px; +} +.page-list-deal .paging { + margin-top: 20px; +} +.page-list-deal .paging .item.active { + background: #166dd8; + border: 1px solid #116dd8; +} + +.page-detail.deal .box-deal-time { + background: #ee4d2d; + width: 100%; + padding: 10px; + border-radius: 5px; +} +.page-detail.deal .box-deal-time img { + width: 22px; + height: 29px; + display: block; + margin-right: 10px; +} +.page-detail.deal .box-deal-time .title { + font-size: 20px; + text-transform: uppercase; + font-weight: 700; + color: #fff; +} +.page-detail.deal .box-deal-time .right { + color: #fff; +} +.page-detail.deal .box-deal-time .right span { + margin-right: 10px; +} +.page-detail.deal .main-price .price { + font-size: 26px; + font-weight: 600; + color: #f00000; + margin-right: 10px; +} +.page-detail.deal .main-price .old-price { + color: #afafaf; + font-size: 14px; + margin-right: 15px; +} +.page-detail.deal .main-price .saleoff { + width: 42px; + height: 20px; + line-height: 20px; + padding-left: 10px; + background: #f00000; + font-size: 12px; + color: #fff; + border-radius: 5px; + font-weight: 600; + position: relative; +} +.page-detail.deal .main-price .saleoff::before { + position: absolute; + left: -6px; + top: 0; + width: 15px; + height: 20px; + content: ""; + background: url(../images/icon-flash.png) no-repeat; + background-size: cover; +} +.page-detail.deal .btn-deal { + width: 100%; + text-align: center; + height: 42px; + line-height: 42px; + border-radius: 26px; + color: #fff; + background: #116dd8; + text-transform: uppercase; + font-size: 18px; + font-weight: 700; + display: block; +} +.page-detail.deal .btn-deal:hover { + border: 1px solid #116dd8; + color: #116dd8; + background: #fff; +} +.page-detail.deal .list-product-deal { + background: #ee4d2d; + margin-top: 15px; + border-radius: 15px; + padding: 15px; +} +.page-detail.deal .list-product-deal .title { + font-size: 20px; + font-weight: 700; + text-transform: uppercase; + text-align: center; + margin-bottom: 10px; + color: #fff; +} +.page-detail.deal .list-product-deal .list { + margin-right: -15px; +} +.page-detail.deal .list-product-deal .item-deal { + width: calc(50% - 15px); +} +.page-detail.deal .box-sold-detail { + width: 290px; + background: #ffe9c2; + height: 18px; + line-height: 18px; + border-radius: 26px; + position: relative; +} +.page-detail.deal .box-sold-detail .line { + position: absolute; + left: 0; + top: 0; + height: 100%; + background: #f48320; + border-radius: 26px; +} +.page-detail.deal .box-sold-detail .txt { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + width: 100%; + text-align: center; + z-index: 9; + color: #222; + font-size: 10px; + font-weight: 500; +} + +.popup-add-cart { + padding: 0; +} +.popup-add-cart .title { + width: 100%; + height: 70px; + line-height: 70px; + background: #f1b510; + color: #fff; + font-size: 24px; + text-align: center; + font-weight: 700; + text-transform: uppercase; + border-radius: 27px 27px 0 0; +} +.popup-add-cart .click-close { + position: absolute; + top: -15px; + right: -10px; + font-size: 24px; + color: #fff; + width: 42px; + height: 42px; + line-height: 42px; + background: #222; + border: 3px solid #f1b510; + border-radius: 50%; + text-align: center; +} +.popup-add-cart .form-cart { + padding: 15px; +} +.popup-add-cart .title-form { + margin-bottom: 10px; + font-size: 18px; + font-weight: 700; + text-transform: uppercase; + color: #f1b510; +} +.popup-add-cart .title-form i { + font-size: 23px; + margin-right: 10px; + color: #f1b510; + position: relative; +} +.popup-add-cart .title-form i::after { + position: absolute; + content: ""; + background-color: #f1b510; + width: 8px; + height: 8px; + border-radius: 50%; + right: -7px; + top: -4px; + z-index: 999; + border: 3px solid #fff; +} +.popup-add-cart .input { + width: 100%; + height: 40px; + border-radius: 8px; + border: 1px solid #e6e6e6; + outline: none; + padding: 15px; + background: #f5f5f5; +} +.popup-add-cart .item-input { + margin-bottom: 10px; +} +.popup-add-cart .item-input.error .note-error { + color: #f00000; + font-size: 12px; +} +.popup-add-cart .box-select .item-input { + width: calc(50% - 5px); +} +.popup-add-cart .box-select .input { + padding: 0 10px; +} +.popup-add-cart .box-provisional { + margin-bottom: 10px; +} +.popup-add-cart .total-amount { + font-size: 20px; + font-weight: 700; + color: #f00000; +} +.popup-add-cart .btn-send-cart { + display: block; + width: 390px; + height: 42px; + line-height: 42px; + text-align: center; + margin: 20px auto auto auto; + background: #116dd8; + color: #fff; + text-transform: uppercase; + font-weight: 700; + border-radius: 26px; + outline: none; + border: none; + cursor: pointer; +} +.popup-add-cart .btn-send-cart:hover { + border: 1px solid #116dd8; + background: #fff; + color: #116dd8; +} + +.popup-buy-success .title { + font-size: 24px; + text-align: center; + font-weight: 700; + text-transform: uppercase; + color: #a0d427; +} +.popup-buy-success .title img { + width: 58px; + height: 58px; + display: block; + margin: auto auto 15px auto; +} +.popup-buy-success .click-close { + position: absolute; + top: -15px; + right: -10px; + font-size: 24px; + color: #fff; + width: 42px; + height: 42px; + line-height: 42px; + background: #222; + border: 3px solid #f1b510; + border-radius: 50%; + text-align: center; +} +.popup-buy-success .content { + text-align: center; +} +.popup-buy-success .content p { + font-style: italic; +} +.popup-buy-success .content a { + color: #f00000; +} +.popup-buy-success .content b { + display: block; + margin: 15px 0; +}/*# sourceMappingURL=style.css.map */ \ No newline at end of file diff --git a/assets/css/style.css.map b/assets/css/style.css.map new file mode 100644 index 0000000..1153d77 --- /dev/null +++ b/assets/css/style.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["style.scss","style.css"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file diff --git a/assets/css/style.scss b/assets/css/style.scss new file mode 100644 index 0000000..6307ba0 --- /dev/null +++ b/assets/css/style.scss @@ -0,0 +1,2940 @@ +@import url("https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"); +::-webkit-scrollbar-track { + background-color: #f5f5f5; + border-radius: 10px; +} +::-webkit-scrollbar { + width: 7px; + height: 5px; + background-color: #f5f5f5; +} +::-webkit-scrollbar-thumb { + background: #a4a4a4; + border-radius: 20px; + background-image: -webkit-gradient( + linear, + 0 0, + 0 100%, + color-stop(0.7, #a4a4a4), + color-stop(0.5, transparent), + to(transparent) + ); +} +* { + margin: 0; + padding: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; + font-family: "Kanit", sans-serif; +} +body { + color: #222; + font-family: "Kanit", sans-serif; + font-size: 15px; + margin: 0 auto; + background: #fff; +} +html { + font-size: 100%; + font-family: "Kanit", sans-serif; +} +img { + max-width: 100%; + height: auto; +} +a { + text-decoration: none; + color: #000; +} +.clearfix { + content: ""; + clear: both; +} +li, +ul { + list-style: none; +} +table { + border-collapse: collapse; + width: 100%; +} +.ol, +.ul { + margin: 0; + padding: 0; + list-style: none; +} +.d-flex { + display: -webkit-box !important; + display: -ms-flexbox !important; + display: flex !important; +} +.d-block { + display: block; +} +.flex-wrap { + -ms-flex-wrap: wrap !important; + flex-wrap: wrap !important; +} +.text-center { + text-align: center !important; +} +.align-items { + -webkit-box-align: center !important; + -ms-flex-align: center !important; + align-items: center !important; +} +.space-between { + -webkit-box-pack: justify !important; + -ms-flex-pack: justify !important; + justify-content: space-between !important; +} +.space-center { + -webkit-box-pack: center !important; + -ms-flex-pack: center !important; + justify-content: center !important; +} +.d-block { + display: block !important; +} +.d-none { + display: none !important; +} +.flex-direction { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; +} +.container { + padding: 0 10px; + max-width: 1210px; + margin: 0 auto; +} +.line-clamp-1 { + display: -webkit-box; + -webkit-line-clamp: 1; + -webkit-box-orient: vertical; + overflow: hidden; +} +.line-clamp-2 { + display: -webkit-box; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; + overflow: hidden; +} +.line-clamp-3 { + display: -webkit-box; + -webkit-line-clamp: 3; + -webkit-box-orient: vertical; + overflow: hidden; +} +.header { + background: #166dd8; + padding: 6px 0; + .logo { + img { + height: 35px; + display: block; + } + } + .header-right { + span, + i { + color: #fff; + margin-left: 5px; + font-size: 14px; + text-transform: uppercase; + } + .item { + margin-left: 20px; + display: flex; + align-items: center; + &:hover span { + color: #f1b510; + } + } + img { + width: 15px; + } + i.fa-solid.fa-caret-down { + margin-bottom: 5px; + } + } +} + +.homepage { + .banner { + margin-bottom: 20px; + img { + display: block; + width: 100%; + } + } + .box-top-auction { + .title { + width: 390px; + height: 55px; + line-height: 55px; + text-align: center; + border-radius: 26px; + font-size: 32px; + color: #fff; + text-transform: uppercase; + background: #ea3e00; + font-weight: 600; + } + .list-auction { + margin-top: 20px; + margin-right: -15px; + } + } +} + +.item-auction { + display: flex; + padding: 10px; + border: 1px solid #e2e2e2; + border-radius: 10px; + width: calc(100% / 3 - 15px); + margin-right: 15px; + margin-bottom: 15px; + background: #fff; + .images { + display: block; + position: relative; + width: 120px; + height: 120px; + margin-right: 10px; + overflow: hidden; + img { + display: block; + width: 100%; + height: 100%; + object-fit: contain; + transform: scale(1); + transition: 0.3s; + } + &:hover { + img { + transform: scale(1.05); + transition: 0.3s; + } + } + .box-join { + position: absolute; + left: 0; + top: 0; + width: 55px; + height: 20px; + line-height: 20px; + text-align: center; + color: #fff; + background: #f1b510; + border-radius: 10px; + display: flex; + align-items: center; + justify-content: center; + cursor: pointer; + .icon_auction { + background: url(../images/icon-auction.png) no-repeat; + width: 14px; + height: 14px; + display: block; + background-size: contain; + } + span { + margin-left: 2px; + font-size: 12px; + } + } + } + .info { + width: calc(100% - 130px); + } + .name { + font-weight: 500; + line-height: 16px; + &:hover { + color: #166dd8; + } + } + .old-price { + display: block; + margin: 5px 0; + font-size: 13px; + color: #000000; + } + .price-auction { + .txt { + font-size: 16px; + margin-right: 10px; + font-weight: 500; + } + .price-highest { + color: #f00000; + font-size: 16px; + font-weight: 600; + } + } + .btn-add { + width: 140px; + height: 32px; + line-height: 32px; + text-align: center; + background: #f00000; + color: #fff; + text-align: center; + border-radius: 26px; + display: block; + margin-top: 10px; + &:hover { + border: 1px solid #f00000; + color: #f00000; + background: #fff; + } + &.continue { + background: #5f00b1; + &:hover { + border: 1px solid #5f00b1; + color: #5f00b1; + background: #fff; + } + } + } +} + +.box-list-auction { + margin-top: 65px; + .background-auction { + background: #166dd8; + border-radius: 15px; + padding: 15px; + } + .title { + background: #f1b510; + width: 430px; + height: 70px; + line-height: 70px; + color: #fff; + border-radius: 35px; + text-align: center; + font-size: 32px; + font-weight: 600; + text-transform: uppercase; + margin: -45px auto auto auto; + } + .tab-list { + margin: 25px 0 30px 0; + .item { + display: flex; + align-items: center; + justify-content: center; + margin-right: 15px; + padding: 10px; + border-radius: 15px 15px 0 0; + background: #afafaf; + color: #fff; + &.active, + &:hover { + background: #f1b510; + } + p { + font-size: 16px; + font-weight: 700; + padding-right: 5px; + text-transform: uppercase; + } + span { + font-size: 13px; + } + } + .box-time { + display: flex; + align-items: center; + } + .item-time { + margin-left: 12px; + display: flex; + flex-wrap: wrap; + justify-content: center; + text-align: center; + flex-direction: column; + } + .item-time b { + background: #000; + width: 26px; + height: 26px; + line-height: 26px; + text-align: center; + color: #fff; + font-weight: 700; + position: relative; + border-radius: 5px; + } + .item-time b::after { + content: ":"; + position: absolute; + right: -7px; + color: #fff; + } + .item-time:last-child b { + margin: 0; + } + .item-time:last-child b::after { + content: none; + } + } + .list-auction { + margin-right: -15px; + } + .more-all { + width: 110px; + height: 32px; + line-height: 31px; + display: block; + border-radius: 5px; + border: 1px solid #fff; + margin: 10px auto auto auto; + text-align: center; + color: #fff; + &:hover { + background: #fff; + color: #ee4d2d; + } + } +} + +.box-deal-hot { + margin-top: 30px; + .background-deal { + background: #ee4d2d; + border-radius: 15px; + padding: 15px; + } + .title { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 10px; + .icon-deal { + display: block; + width: 29px; + height: 29px; + background: url(../images/icon-flash.png) no-repeat; + background-size: contain; + } + p { + text-transform: uppercase; + font-size: 32px; + font-weight: 700; + color: #fff; + } + } + .tab-list { + margin: 25px 0 30px 0; + .item { + display: flex; + align-items: center; + justify-content: center; + margin-right: 15px; + padding: 10px; + border-radius: 15px 15px 0 0; + background: #afafaf; + color: #fff; + &.active, + &:hover { + background: #166dd8; + } + p { + font-size: 16px; + font-weight: 700; + padding-right: 5px; + text-transform: uppercase; + } + span { + font-size: 13px; + } + } + .box-time { + display: flex; + align-items: center; + } + .item-time { + margin-left: 12px; + display: flex; + flex-wrap: wrap; + justify-content: center; + text-align: center; + flex-direction: column; + } + .item-time b { + background: #000; + width: 26px; + height: 26px; + line-height: 26px; + text-align: center; + color: #fff; + font-weight: 700; + position: relative; + border-radius: 5px; + } + .item-time b::after { + content: ":"; + position: absolute; + right: -7px; + color: #fff; + } + .item-time:last-child b { + margin: 0; + } + .item-time:last-child b::after { + content: none; + } + } + .product-list { + margin-right: -15px; + } + .more-all { + width: 110px; + height: 32px; + line-height: 31px; + display: block; + border-radius: 5px; + border: 1px solid #fff; + margin: 15px auto auto auto; + text-align: center; + color: #fff; + &:hover { + background: #fff; + color: #ee4d2d; + } + } +} + +.item-deal { + width: calc(100% / 5 - 15px); + margin-right: 15px; + margin-bottom: 15px; + padding: 15px; + border-radius: 12px; + background: #fff; + .images { + width: 200px; + height: 200px; + display: block; + margin-bottom: 10px; + overflow: hidden; + img { + display: block; + width: 100%; + height: 100%; + object-fit: contain; + transform: scale(1); + transition: 0.3s; + } + &:hover { + img { + transform: scale(1.05); + transition: 0.3s; + } + } + } + .box-sold { + width: 100%; + background: #ffe9c2; + height: 18px; + line-height: 18px; + border-radius: 26px; + position: relative; + .line { + position: absolute; + left: 0; + top: 0; + height: 100%; + background: #f48320; + border-radius: 26px; + } + .txt { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + width: 100%; + text-align: center; + z-index: 9; + color: #222; + font-size: 10px; + } + } + .name { + margin: 8px 0 0 0; + font-size: 13px; + font-weight: 500; + text-align: center; + line-height: 15px; + height: 30px; + &:hover { + color: #166dd8; + } + } + .price { + text-align: center; + font-size: 16px; + font-weight: 600; + color: #f00000; + } + .old-price { + color: #afafaf; + font-size: 13px; + font-weight: 400; + margin-right: 15px; + } + .saleoff { + width: 42px; + height: 20px; + line-height: 20px; + padding-left: 10px; + background: #f00000; + font-size: 12px; + color: #fff; + border-radius: 5px; + font-weight: 600; + position: relative; + &::before { + position: absolute; + left: -6px; + top: 0; + width: 15px; + height: 20px; + content: ""; + background: url(../images/icon-flash.png) no-repeat; + background-size: cover; + } + } + .btn-add { + width: 140px; + height: 32px; + line-height: 32px; + text-align: center; + margin: 12px auto auto auto; + border-radius: 26px; + color: #fff; + text-transform: uppercase; + font-weight: 600; + font-size: 13px; + background: #166dd8; + display: block; + &:hover { + background: #fff; + color: #166dd8; + border: 1px solid #116dd8; + } + } +} + +.box-faq { + margin-top: 15px; + .background-faq { + border: 2px solid #166dd8; + border-radius: 15px; + padding: 10px; + } + .title { + text-align: center; + font-size: 32px; + font-weight: 600; + text-transform: uppercase; + color: #110e83; + } + .content-faq { + .item { + float: left; + width: calc(100% / 2 - 15px); + margin-right: 15px; + margin-bottom: 10px; + border: 1px solid #e2e2e2; + border-radius: 8px; + padding: 10px; + background: #f8f8f8; + &.active { + background: #ffffff; + .content { + display: block; + } + } + } + .content { + display: none; + margin: 5px 0 0 10px; + font-weight: 400; + font-size: 14px; + } + .faqlink { + display: flex; + align-items: center; + justify-content: space-between; + font-size: 16px; + font-weight: 700; + color: #3a3a3a; + } + } +} + +.footer { + .main-footer { + background: #110e83; + margin-top: 15px; + } + .footer-policies { + padding: 25px 0; + border-bottom: 1px solid #646386; + .item-policies { + display: flex; + align-items: center; + width: calc(100% / 4); + } + .icons { + width: 26px; + height: 30px; + display: block; + margin-right: 13px; + } + .txt { + width: calc(100% - 26px - 13px); + color: #fff; + font-size: 16px; + b { + text-transform: uppercase; + } + } + } + .contact-footer { + position: relative; + } + .info-contact { + padding: 15px 0 20px 0; + color: #fff; + b { + text-transform: uppercase; + font-size: 15px; + margin-bottom: 2px; + display: block; + } + p { + font-weight: 300; + display: block; + } + } + .btn-phone { + width: 235px; + display: block; + position: absolute; + right: 0; + top: 50%; + transform: translate(0, -50%); + } +} + +.breadcrumb ol { + width: 100%; + float: left; + padding: 0; + margin: 0; + background: none; +} + +.breadcrumb ol li { + float: left; + list-style: none; +} + +.breadcrumb ol li a span { + font-size: 14px; + float: left; + display: flex; + align-items: center; + color: #000; + line-height: 40px; +} + +.breadcrumb ol li a span:hover { + color: var(--color-hover); +} + +.breadcrumb ol li a:last-child { + color: #222; +} + +.breadcrumb ol li h1 { + font-size: 15px; + line-height: 40px; + float: left; + font-weight: 400; + margin: 0; +} + +.breadcrumb ol li i { + margin: 0 10px; + float: left; + line-height: 40px; + font-style: normal; +} + +.breadcrumb ol li:last-child i { + display: none; +} + +.breadcrumb i { + color: #333; + font-size: 15px; +} + +.page-auction { + .background-aution { + margin-top: 65px; + background: #166dd8; + padding: 15px; + border-radius: 15px; + } + .title { + width: 430px; + display: block; + height: 70px; + line-height: 70px; + text-align: center; + border-radius: 35px; + background: #f1b510; + color: #fff; + text-transform: uppercase; + font-size: 32px; + margin: -50px auto auto auto; + font-weight: 600; + } + .tab-list { + margin: 25px 0 30px 0; + .item { + display: flex; + align-items: center; + justify-content: center; + margin-right: 15px; + padding: 10px; + border-radius: 15px 15px 0 0; + background: #afafaf; + color: #fff; + &.active, + &:hover { + background: #f1b510; + } + p { + font-size: 16px; + font-weight: 700; + padding-right: 5px; + text-transform: uppercase; + } + span { + font-size: 13px; + } + } + .box-time { + display: flex; + align-items: center; + } + .item-time { + margin-left: 12px; + display: flex; + flex-wrap: wrap; + justify-content: center; + text-align: center; + flex-direction: column; + } + .item-time b { + background: #000; + width: 26px; + height: 26px; + line-height: 26px; + text-align: center; + color: #fff; + font-weight: 700; + position: relative; + border-radius: 5px; + } + .item-time b::after { + content: ":"; + position: absolute; + right: -7px; + color: #fff; + } + .item-time:last-child b { + margin: 0; + } + .item-time:last-child b::after { + content: none; + } + } + .list-auction { + margin-right: -15px; + } +} + +.paging { + .item { + width: 30px; + height: 30px; + line-height: 30px; + border: 1px solid #fff; + text-align: center; + border-radius: 5px; + margin-right: 10px; + display: block; + color: #fff; + &.active, + &:hover { + background: #f1b510; + border: 1px solid #f1b510; + } + } +} + +.box-time { + display: flex; + align-items: center; + .item-time { + margin-left: 12px; + display: flex; + flex-wrap: wrap; + justify-content: center; + text-align: center; + flex-direction: column; + } + .item-time b { + width: 16px; + height: 16px; + line-height: 16px; + text-align: center; + color: #fff; + font-weight: 700; + position: relative; + border-radius: 5px; + } + .item-time b::after { + content: ":"; + position: absolute; + right: -8px; + color: #fff; + top: 0; + } + .item-time:first-child { + margin-left: 0; + } + .item-time:last-child b { + margin: 0; + } + .item-time:last-child b::after { + content: none; + } +} + +.page-detail { + .content-main-detail { + margin-top: 20px; + .content-left { + width: calc(100% - 490px - 32px); + margin-right: 32px; + } + .content-right { + width: 490px; + } + } + .BigImage { + width: calc(100% - 85px - 32px); + margin-left: 32px; + } + .thumbImage { + height: 400px; + } + + .box-thumbImage { + width: 85px; + height: 560px; + box-sizing: border-box; + padding: 30px 0; + position: relative; + } + .box-thumbImage .swiper-slide { + cursor: pointer; + } + .box-thumbImage img { + width: 100%; + height: 100%; + object-fit: contain; + } + .box-thumbImage .swiper-slide-thumb-active img { + opacity: 1; + border: 1px solid transparent; + border-image: linear-gradient(359.53deg, #3935c8 82.81%, #1355f0 92%, #0caaf9 99.12%); + border-image-slice: 1; + border-radius: 10px; + } + .product-name { + font-size: 20px; + font-weight: 400; + margin-bottom: 15px; + } + .box-group-time { + background: #166dd8; + width: 100%; + padding: 10px; + border-radius: 5px; + img { + width: 26px; + display: block; + margin-right: 5px; + } + .title { + font-size: 20px; + font-weight: 700; + text-transform: uppercase; + color: #fff; + margin-left: 5px; + } + .icon { + &.auction { + background: url(../images/icon-auction.png) no-repeat; + background-size: contain; + width: 15px; + height: 15px; + display: block; + margin-right: 3px; + } + &.time { + background: url(../images/icon-fire-time.png) no-repeat; + background-size: contain; + display: block; + width: 20px; + height: 20px; + margin-right: 3px; + } + } + .total-auction { + width: 62px; + height: 27px; + line-height: 27px; + text-align: center; + background: #f1b510; + color: #fff; + display: flex; + align-items: center; + justify-content: center; + border-radius: 14px; + } + .p-box-time { + background: #f00000; + width: 115px; + height: 28px; + line-height: 28px; + text-align: center; + justify-content: center; + border-radius: 14px; + color: #fff; + margin-left: 10px; + } + } + .group-price-detail { + margin-top: 10px; + padding: 10px 0; + border-top: 1px dashed #e2e2e2; + border-bottom: 1px dashed #e2e2e2; + } + .box-starting-price { + width: 50%; + border-right: 1px dashed #e2e2e2; + p { + font-size: 13px; + line-height: 18px; + text-transform: uppercase; + color: #000; + } + .starting-price { + font-size: 20px; + font-weight: 600; + } + } + .box-price-step { + padding-left: 20px; + p { + font-size: 13px; + line-height: 18px; + text-transform: uppercase; + color: #000; + } + .price-step { + font-size: 20px; + font-weight: 600; + } + } + .box-specification { + margin: 20px 0 27px 0; + .item { + display: flex; + margin-bottom: 15px; + } + i { + font-size: 14px; + color: #166dd8; + margin-right: 10px; + margin-top: 4.3px; + } + p { + font-size: 14px; + } + } + .btn-auction { + width: 100%; + text-align: center; + height: 42px; + line-height: 42px; + border-radius: 26px; + color: #fff; + background: #f00000; + text-transform: uppercase; + font-size: 18px; + font-weight: 700; + display: block; + &:hover { + border: 1px solid #f00000; + color: #f00000; + background: #fff; + } + } + .box-live-auction { + margin-top: 20px; + } + .box-price-live { + i.fa-caret-up { + font-size: 32px; + color: #2ad363; + margin-top: 8px; + margin-right: 5px; + } + .current-price { + font-size: 28px; + font-weight: 700; + color: #ef0000; + } + .unit-price { + margin-top: 12px; + margin-left: 5px; + } + } + .list-user-auction { + background: #fff5e5; + padding: 15px 30px 15px 15px; + border-radius: 15px; + overflow: hidden; + .item { + background: #fff; + box-shadow: 0px 2px 2px 0px #00000026; + height: 28px; + line-height: 28px; + border-radius: 5px; + margin-bottom: 8px; + padding: 10px 8px; + .fa-caret-up { + color: #2ad363; + } + .fa-caret-down { + color: #f00000; + } + i { + margin-top: 3px; + font-size: 16px; + margin-right: 5px; + } + .number { + font-size: 13px; + font-weight: 700; + color: #f48320; + padding-right: 5px; + } + .name-user { + color: #1355f0; + padding-right: 5px; + } + .price { + color: #f00000; + font-weight: 600; + padding-left: 5px; + } + .time { + font-weight: 700; + } + } + .content-user { + overflow-x: hidden; + overflow-y: scroll; + max-height: 103px; + padding-right: 10px; + } + } + .form-input-price { + margin-top: 20px; + .p-title { + text-align: center; + font-size: 20px; + font-weight: 400; + text-transform: uppercase; + margin-bottom: 10px; + } + .form-input { + margin-top: 10px; + display: flex; + } + .input-price { + width: 423px; + height: 56px; + border: 1px solid #afafaf; + border-radius: 28px 0 0 28px; + text-align: center; + font-size: 32px; + padding: 0 20px; + } + .btn-send { + width: calc(100% - 423px); + height: 56px; + display: flex; + align-items: center; + justify-content: center; + background: #166dd8; + outline: none; + border: 0; + border-radius: 0 28px 28px 0; + cursor: pointer; + color: #fff; + font-size: 24px; + } + } + .list-suggest { + p { + font-size: 14px; + font-weight: 300; + margin-right: 15px; + white-space: nowrap; + margin-bottom: 5px; + } + #price-list { + width: 400px; + overflow-x: auto; + scroll-behavior: smooth; + } + .item { + flex: 0 0 82px; + height: 30px; + line-height: 30px; + text-align: center; + margin-right: 5px; + border-radius: 15px; + background: #f1f1f1; + color: #929292; + font-weight: 500; + white-space: nowrap; + display: block; + margin-bottom: 5px; + } + } + .content-revew-history { + margin-top: 22px; + .content-left { + width: calc(100% - 490px - 18px); + margin-right: 18px; + } + .content-right { + width: 490px; + } + } + .box-info-product { + margin-top: 20px; + .item-tab { + width: 222px; + height: 50px; + line-height: 50px; + text-align: center; + border-radius: 15px 15px 0 0; + background: #f5f5f5; + color: #000; + font-size: 16px; + font-weight: 600; + margin-right: 5px; + &.active, + &:hover { + background: #166dd8; + color: #fff; + } + } + .content-tab { + display: none; + &.active { + display: block; + } + .info { + margin-top: 15px; + img { + width: 290px; + display: block; + margin-right: 10px; + height: 290px; + object-fit: contain; + } + ul { + width: calc(100% - 300px); + } + ul li { + list-style: inside; + font-size: 14px; + line-height: 20px; + } + } + } + } + .list-product-auction { + background: #166dd8; + margin-top: 15px; + border-radius: 15px; + padding: 15px; + .title { + font-size: 20px; + font-weight: 700; + text-transform: uppercase; + text-align: center; + margin-bottom: 10px; + color: #fff; + } + .item-auction { + width: 100%; + .images { + width: 160px; + height: 160px; + } + .info { + width: calc(100% - 170px); + } + } + } + .box-user-win { + border-top: 1px dashed #e2e2e2; + margin-top: 15px; + padding-top: 10px; + .price-win { + align-items: flex-end; + p { + font-weight: 700; + margin-right: 5px; + text-transform: uppercase; + margin-bottom: 7px; + } + .price { + font-size: 28px; + color: #ef0000; + font-weight: 700; + } + } + .info-user-win { + background: #ffe0ac; + width: 100%; + height: 40px; + line-height: 40px; + padding: 0 20px; + border-radius: 5px; + p { + color: #f00000; + margin-right: 5px; + } + b { + font-weight: 500; + color: #f00000; + } + } + .icon-cup { + background: url(../images/icon-cup.png) no-repeat; + background-size: contain; + width: 16px; + height: 16px; + display: block; + margin-right: 10px; + } + } +} + +.box-thumbImage .swiper-button-next::after { + font-size: 16px; + color: #000; + font-weight: 700; +} +.box-thumbImage .swiper-button-next { + position: absolute; + top: 468px; + transform: rotate(90deg); + left: 35%; +} +.box-thumbImage .swiper-button-prev { + position: absolute; + top: 0; + transform: rotate(90deg); + left: 35%; +} +.box-thumbImage .swiper-button-prev::after { + font-size: 16px; + color: #000; + font-weight: 700; +} + +.icon-star { + background: url(../images/icon-star.png) no-repeat; + width: 80px; + height: 12px; + display: block; + background-size: 100%; + &.star5 { + background-position: 0 0; + } + &.star4 { + background-position: 0 -17px; + } + &.star3 { + background-position: 0 -34px; + } + &.star2 { + background-position: 0 -50px; + } + &.star1 { + background-position: 0 -67px; + } + &.star0 { + background-position: 0 -84px; + } +} + +.box-review { + box-shadow: 0px 4px 4px 4px #00000026; + background: #fff; + border-radius: 15px; + padding: 20px 15px; + .title-left { + h2 { + font-size: 16px; + margin-right: 10px; + } + .total { + font-size: 14px; + margin-left: 5px; + display: block; + } + } + .btn-review { + width: 146px; + height: 32px; + line-height: 32px; + text-align: center; + background: #166dd8; + color: #fff; + border-radius: 26px; + &:hover { + border: 1px solid #166dd8; + color: #116dd8; + background: #fff; + } + } + .list-review { + margin-top: 15px; + } + .item-review { + margin-bottom: 10px; + position: relative; + } + .avatar { + width: 40px; + height: 40px; + margin-right: 7px; + img { + width: 100%; + height: 100%; + object-fit: contain; + display: block; + } + } + .info-cnt { + width: calc(100% - 47px); + .cnt { + font-size: 13px; + } + } + .name-user { + font-weight: 700; + } + .total-view { + font-size: 14px; + i { + color: #f1b510; + } + } + .time { + font-size: 13px; + color: #afafaf; + margin-right: 10px; + } + .btn-reply { + color: #166dd8; + } + .list-image { + margin-top: 10px; + margin-bottom: 20px; + .item { + width: 65px; + height: 65px; + display: block; + margin-right: 10px; + img { + width: 100%; + height: 100%; + } + } + } + .list-reppy { + width: 100%; + margin-left: 45px; + } + .item-reply { + position: relative; + margin-bottom: 10px; + &::after { + position: absolute; + width: 26px; + height: 115%; + border-radius: 0 0 0 18px; + background: transparent; + border: 1px solid #e2e2e2; + content: ""; + left: -27px; + border-top: 0; + border-right: 0; + bottom: 84%; + } + } + .more-review { + display: flex; + align-items: center; + justify-content: center; + color: #166dd8; + padding-top: 15px; + margin-top: 15px; + border-top: 1px solid #f5f5f5; + i { + margin-left: 5px; + } + } +} +.box-question { + margin-top: 25px; + background: #f5f5f5; + padding: 15px; + border-radius: 15px; + .title { + font-size: 16px; + font-weight: 700; + margin-bottom: 10px; + span { + font-size: 14px; + font-weight: 400; + } + } + .form-question { + display: flex; + } + .input-question { + box-shadow: 0px 4px 4px 0px #00000026; + background: #ffffff; + width: calc(100% - 70px); + height: 94px; + border-radius: 10px; + border: 0; + outline: 0; + padding: 10px 15px; + &::placeholder { + color: #afafaf; + font-weight: 300; + } + } + .btn-question { + width: 60px; + margin-left: 10px; + height: 32px; + line-height: 32px; + border: 0; + outline: 0; + background: #166dd8; + color: #fff; + border-radius: 26px; + cursor: pointer; + &:hover { + background: #fff; + border: 1px solid #166dd8; + color: #116dd8; + } + } + .list-question { + margin-top: 15px; + } + .item-question { + margin-bottom: 15px; + .avatar { + width: 20px; + height: 20px; + margin-right: 10px; + margin-top: 3px; + } + .info-cnt { + width: calc(100% - 30px); + } + .info-user { + .name-user { + font-weight: 600; + margin-right: 15px; + } + .time { + color: #afafaf; + font-size: 13px; + } + } + .cnt { + background: #fff; + box-shadow: 0px 4px 4px 0px #00000026; + padding: 10px 15px; + border-radius: 10px; + font-size: 13px; + font-weight: 300; + } + .click-question { + margin-top: 10px; + color: #166dd8; + display: flex; + align-items: center; + justify-content: flex-end; + font-weight: 400; + i { + margin-right: 5px; + } + } + } + .list-reply { + margin-top: 15px; + margin-left: 30px; + } + .reply-question { + margin-bottom: 15px; + .avatar { + width: 20px; + height: 20px; + margin-right: 10px; + margin-top: 3px; + } + .info-cnt { + width: calc(100% - 30px); + } + .info-user { + .name-user { + font-weight: 600; + margin-right: 15px; + } + .time { + color: #afafaf; + font-size: 13px; + } + } + .cnt { + background: #fff; + box-shadow: 0px 4px 4px 0px #00000026; + padding: 10px 15px; + border-radius: 10px; + font-size: 13px; + font-weight: 300; + } + .click-question { + margin-top: 10px; + color: #166dd8; + display: flex; + align-items: center; + justify-content: flex-end; + font-weight: 400; + i { + margin-right: 5px; + } + } + } + .more-question { + display: flex; + align-items: center; + justify-content: center; + color: #166dd8; + padding-top: 15px; + margin-top: 15px; + border-top: 1px solid #f5f5f5; + i { + margin-left: 5px; + margin-top: 3px; + } + } +} + +.box-deposit { + margin-top: 15px; + .title { + font-size: 15px; + font-weight: 400; + display: block; + margin-bottom: 10px; + } + .content-deposit { + margin-left: 10px; + padding-left: 20px; + border-left: 2px solid #f1b510; + } + .circle { + width: 24px; + height: 24px; + background-color: #1e7ef7; + border: 2px solid #f7c12a; + border-radius: 50%; + display: flex; + justify-content: center; + align-items: center; + } + .circle-inner { + width: 10px; + height: 10px; + background-color: #fff; + border-radius: 50%; + border: 2px solid #f7c12a; + } + .item { + margin-bottom: 20px; + &:last-child { + margin-bottom: 0; + } + .step { + width: 102px; + position: relative; + height: 40px; + line-height: 40px; + text-align: center; + color: #fff; + border-radius: 21px; + font-size: 16px; + font-weight: 700; + background: #166dd8; + margin-bottom: 10px; + .circle { + position: absolute; + left: -33px; + top: 20%; + } + } + .price { + padding: 0 5px; + color: #f00000; + } + .note { + color: #f00000; + font-style: italic; + } + } + .contact-deposit { + margin-top: 10px; + font-style: italic; + b { + color: #f00000; + } + } + .pay-qr { + .title { + font-size: 16px; + font-weight: 600; + margin: 15px 0; + } + img { + width: 123px; + height: 123px; + margin-right: 10px; + } + .info { + width: calc(100% - 133px); + } + } +} + +.box-history { + box-shadow: 0px 4px 4px 4px #00000026; + padding: 15px; + border-radius: 15px; + .title { + font-size: 20px; + text-align: center; + padding: 5px 0; + font-weight: 700; + text-transform: uppercase; + } + .tab-history { + background: #afafaf; + padding: 5px; + border-radius: 20px; + margin-right: -5px; + .item-tab { + width: calc(100% / 3 - 5px); + margin-right: 5px; + text-align: center; + font-size: 14px; + color: #fff; + height: 34px; + line-height: 34px; + &.active, + &:hover { + background: #fff; + box-shadow: 0px 4px 4px 0px #00000040; + color: #000; + border-radius: 20px; + } + } + } + table { + text-align: left; + } + .table-tab { + margin-top: 15px; + display: none; + height: 230px; + overflow: auto; + width: 100%; + &.active { + display: block; + } + thead { + background: #fff; + } + th { + position: sticky; + top: 0; + width: 30%; + height: 35px; + background: #fff; + border-bottom: 1px solid #dfdfdf; + } + td { + width: 30%; + height: 35px; + border-bottom: 1px solid #dfdfdf; + } + } +} + +.overlay { + position: fixed; + width: 100%; + height: 100%; + top: 0; + left: 0; + background: rgba(0, 0, 0, 0.6); + z-index: 99; + display: none; +} +.overlay.active { + display: block; +} + +.box-popup { + position: fixed; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + border: 2px solid #f1b510; + width: 590px; + border-radius: 30px; + padding: 15px; + background: #fff; + z-index: 999; + display: none; + &.active { + display: block; + } +} + +.popup-rules { + .title { + font-size: 24px; + font-weight: 700; + text-transform: uppercase; + text-align: center; + margin-bottom: 15px; + } + .click-close { + position: absolute; + top: 10px; + right: 20px; + font-size: 24px; + color: #afafaf; + } + .note-time { + font-weight: 400; + margin-bottom: 20px; + display: block; + color: #000000c2; + } + .content { + height: 340px; + overflow-y: auto; + } + .content * { + font-size: 14px; + line-height: 20px; + font-weight: 400; + color: #000000cc; + } + .btn-submit { + display: block; + width: 168px; + height: 42px; + line-height: 42px; + text-align: center; + margin: 20px auto; + background: #116dd8; + color: #fff; + text-transform: uppercase; + font-weight: 700; + border-radius: 26px; + outline: none; + border: none; + cursor: pointer; + &:hover { + border: 1px solid #116dd8; + background: #fff; + color: #116dd8; + } + } +} + +.popup-login { + .content { + width: 390px; + margin: 20px auto; + } + .title { + font-size: 20px; + font-weight: 600; + text-align: center; + line-height: 24px; + margin-bottom: 15px; + } + .btn-login { + padding: 0 15px; + display: flex; + align-items: center; + justify-content: space-between; + width: 100%; + height: 52px; + margin-bottom: 10px; + border: 1px solid #8e8e8e; + border-radius: 10px; + &:hover { + border: 1px solid #116dd8; + } + img { + height: 28px; + width: 28px; + } + span { + margin-left: 10px; + } + } + .click-close { + position: absolute; + top: -15px; + right: -10px; + font-size: 24px; + color: #fff; + width: 42px; + height: 42px; + line-height: 42px; + background: #222; + border: 3px solid #f1b510; + border-radius: 50%; + text-align: center; + } +} + +.popup-yeucau { + .title { + font-size: 20px; + font-weight: 600; + text-align: center; + line-height: 24px; + margin-bottom: 15px; + } + .click-close { + position: absolute; + top: -15px; + right: -10px; + font-size: 24px; + color: #fff; + width: 42px; + height: 42px; + line-height: 42px; + background: #222; + border: 3px solid #f1b510; + border-radius: 50%; + text-align: center; + } + .btn-submit { + display: block; + width: 168px; + height: 42px; + line-height: 42px; + text-align: center; + margin: 20px auto; + background: #116dd8; + color: #fff; + text-transform: uppercase; + font-weight: 700; + border-radius: 26px; + outline: none; + border: none; + cursor: pointer; + &:hover { + border: 1px solid #116dd8; + background: #fff; + color: #116dd8; + } + } +} + +.popup-info-pay { + .title-main { + font-size: 20px; + font-weight: 600; + text-align: center; + line-height: 24px; + margin-bottom: 15px; + } + .click-close { + position: absolute; + top: -15px; + right: -10px; + font-size: 24px; + color: #fff; + width: 42px; + height: 42px; + line-height: 42px; + background: #222; + border: 3px solid #f1b510; + border-radius: 50%; + text-align: center; + } +} + +.popup-thongbao { + .title { + font-size: 20px; + font-weight: 600; + text-align: center; + line-height: 24px; + margin-bottom: 15px; + } + .click-close { + position: absolute; + top: -15px; + right: -10px; + font-size: 24px; + color: #fff; + width: 42px; + height: 42px; + line-height: 42px; + background: #222; + border: 3px solid #f1b510; + border-radius: 50%; + text-align: center; + } + p { + font-size: 14px; + text-align: center; + } + .btn-submit { + display: block; + width: 168px; + height: 42px; + line-height: 42px; + text-align: center; + margin: 20px auto; + background: #116dd8; + color: #fff; + text-transform: uppercase; + font-weight: 700; + border-radius: 26px; + outline: none; + border: none; + cursor: pointer; + &:hover { + border: 1px solid #116dd8; + background: #fff; + color: #116dd8; + } + } +} + +.popup-success { + &::before { + position: absolute; + content: ""; + background: url(../images/background-firework.png) no-repeat; + background-size: contain; + width: 120px; + height: 85px; + left: 0; + top: 20px; + } + &::after { + position: absolute; + content: ""; + background: url(../images/background-firework.png) no-repeat; + background-size: contain; + width: 120px; + height: 85px; + right: 0; + top: 20px; + transform: scaleX(-1); + } + .title { + font-size: 24px; + font-weight: 600; + text-align: center; + background: linear-gradient(90deg, #d00000 11.46%, #ff2929 29.26%, #eb2121 47.05%, #d00000 88.22%); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + text-transform: uppercase; + font-weight: 700; + } + .note-title { + background: linear-gradient(90deg, #d00000 11.46%, #ff2929 29.26%, #eb2121 47.05%, #d00000 88.22%); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + font-size: 20px; + text-align: center; + } + .click-close { + position: absolute; + top: -15px; + right: -10px; + font-size: 24px; + color: #fff; + width: 42px; + height: 42px; + line-height: 42px; + background: #222; + border: 3px solid #f1b510; + border-radius: 50%; + text-align: center; + } + .content { + padding: 0 20px; + text-align: center; + line-height: 19px; + margin-top: 25px; + font-weight: 400; + } + .btn-submit { + display: block; + width: 168px; + height: 42px; + line-height: 42px; + text-align: center; + margin: 20px auto; + background: #116dd8; + color: #fff; + text-transform: uppercase; + font-weight: 700; + border-radius: 26px; + outline: none; + border: none; + cursor: pointer; + &:hover { + border: 1px solid #116dd8; + background: #fff; + color: #116dd8; + } + } +} + +.popup-error { + .title { + font-size: 24px; + font-weight: 600; + text-align: center; + background: linear-gradient(90deg, #ea9000 4.5%, #f4bc20 65%, #f1d710 100%); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + text-transform: uppercase; + font-weight: 700; + } + .fa-exclamation-triangle { + background: linear-gradient(90deg, #ea9000 4.5%, #f4bc20 65%, #f1d710 100%); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + font-size: 58px; + text-align: center; + display: block; + margin-bottom: 10px; + } + .click-close { + position: absolute; + top: -15px; + right: -10px; + font-size: 24px; + color: #fff; + width: 42px; + height: 42px; + line-height: 42px; + background: #222; + border: 3px solid #f1b510; + border-radius: 50%; + text-align: center; + } + .btn-submit { + display: block; + width: 168px; + height: 42px; + line-height: 42px; + text-align: center; + margin: 20px auto; + background: #116dd8; + color: #fff; + text-transform: uppercase; + font-weight: 700; + border-radius: 26px; + outline: none; + border: none; + cursor: pointer; + &:hover { + border: 1px solid #116dd8; + background: #fff; + color: #116dd8; + } + } + .content { + color: #1e1e1e; + } +} + +.popup-input-opt { + .title { + font-size: 20px; + font-weight: 600; + text-align: center; + line-height: 24px; + margin-bottom: 15px; + } + .click-close { + position: absolute; + top: -15px; + right: -10px; + font-size: 24px; + color: #fff; + width: 42px; + height: 42px; + line-height: 42px; + background: #222; + border: 3px solid #f1b510; + border-radius: 50%; + text-align: center; + } + .input-otp { + width: 390px; + height: 40px; + border: 0; + outline: 0; + border-bottom: 1px solid #bdbdbd; + margin: 0 auto; + display: block; + text-align: center; + } + + .btn-submit { + display: block; + width: 168px; + height: 42px; + line-height: 42px; + text-align: center; + margin: 20px auto; + background: #116dd8; + color: #fff; + text-transform: uppercase; + font-weight: 700; + border-radius: 26px; + outline: none; + border: none; + cursor: pointer; + &:hover { + border: 1px solid #116dd8; + background: #fff; + color: #116dd8; + } + } +} + +.input-checkbox { + margin-top: 12px; + display: block; + position: relative; + padding-left: 30px; + margin-bottom: 12px; + cursor: pointer; + font-size: 14px; + font-weight: 500; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + input { + position: absolute; + opacity: 0; + cursor: pointer; + height: 0; + width: 0; + &:checked ~ .checkmark { + background-color: #3194fc; + } + } + .checkmark { + position: absolute; + top: 0; + left: 0; + height: 20px; + width: 20px; + background-color: #eee; + border-radius: 15px; + &:after { + content: ""; + position: absolute; + display: block; + } + } + &:hover input ~ .checkmark { + background-color: #3194fc; + } + input:checked ~ .checkmark:after { + display: block; + } + .checkmark:after { + left: 7px; + top: 2px; + width: 5px; + height: 10px; + border: solid white; + border-width: 0 3px 3px 0; + -webkit-transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg); + } +} + +.radio-checkbox { + display: block; + position: relative; + padding-left: 30px; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + line-height: 20px; + input { + position: absolute; + opacity: 0; + cursor: pointer; + } + + .checkmark { + position: absolute; + top: 0; + left: 0; + height: 20px; + width: 20px; + background-color: #eee; + border-radius: 50%; + } + + &:hover input ~ .checkmark { + background-color: #ccc; + } + + input:checked ~ .checkmark { + background-color: #166dd8; + } + + .checkmark:after { + content: ""; + position: absolute; + display: none; + } + + input:checked ~ .checkmark:after { + display: block; + } + + .checkmark:after { + top: 6px; + left: 5.5px; + width: 9px; + height: 9px; + border-radius: 50%; + background: white; + } +} + +.page-account { + .content-account { + margin-top: 20px; + } + .name-avatar { + margin-bottom: 20px; + .avatar { + width: 40px; + height: 40px; + margin-right: 10px; + line-height: 40px; + font-size: 24px; + font-weight: 600; + background: #d9d9d9; + border-radius: 50%; + text-align: center; + } + .info { + b { + display: block; + font-size: 18px; + line-height: 20px; + } + } + } + .content-left { + width: 187px; + margin-right: 32px; + } + .item-tab { + width: 100%; + display: flex; + height: 42px; + margin-bottom: 10px; + border-radius: 5px; + align-items: center; + background: #afafaf; + color: #fff; + padding: 0 16px; + i { + margin-right: 10px; + } + span { + font-size: 13px; + } + &.active, + &:hover { + background: #116dd8; + color: #fff; + } + } + .form-info { + width: 567px; + } + .input { + width: 100%; + height: 40px; + border-radius: 8px; + border: 1px solid #e6e6e6; + outline: none; + padding: 15px; + margin-bottom: 10px; + background: #f5f5f5; + } + .box-phone { + position: relative; + .btn-otp { + position: absolute; + right: 0; + top: 0; + display: block; + width: 130px; + height: 40px; + line-height: 40px; + text-align: center; + background: #f1b510; + border-radius: 8px; + color: #fff; + &:hover { + color: #f1b510; + border: 1px solid #f1b510; + background: #fff; + } + } + } + .box-sex { + margin-bottom: 10px; + .item { + margin-left: 15px; + } + } + .btn-update { + display: block; + margin: 20px auto auto auto; + width: 180px; + height: 42px; + line-height: 42px; + text-align: center; + color: #fff; + background: #f00000; + border-radius: 8px; + outline: 0; + border: 0; + font-size: 18px; + font-weight: 700; + text-transform: uppercase; + } + + .content-right { + width: calc(100% - 187px - 32px); + } + + .table-history { + .title { + font-size: 24px; + font-weight: 600; + text-align: center; + text-transform: uppercase; + margin-bottom: 20px; + } + table { + text-align: left; + } + thead { + position: sticky; + top: 0; + } + th { + background: #e2e2e2; + height: 40px; + padding: 0 10px; + } + td { + height: 40px; + padding: 0 10px; + } + .status { + &.ship { + color: #17c967; + } + &.cancel { + color: #d00000; + } + &.processing { + color: #f48320; + } + &.success { + color: #0caaf9; + } + } + } + .content-tab { + display: none; + &.active { + display: block; + } + } +} + +.page-list-deal { + .background-deal { + margin-top: 10px; + background: #ee4d2d; + border-radius: 15px; + padding: 15px; + } + .title { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 10px; + .icon-deal { + display: block; + width: 29px; + height: 29px; + background: url(../images/icon-flash.png) no-repeat; + background-size: contain; + } + p { + text-transform: uppercase; + font-size: 32px; + font-weight: 700; + color: #fff; + } + } + .tab-list { + margin: 25px 0 30px 0; + .item { + display: flex; + align-items: center; + justify-content: center; + margin-right: 15px; + padding: 10px; + border-radius: 15px 15px 0 0; + background: #afafaf; + color: #fff; + &.active, + &:hover { + background: #166dd8; + } + p { + font-size: 16px; + font-weight: 700; + padding-right: 5px; + text-transform: uppercase; + } + span { + font-size: 13px; + } + } + .box-time { + display: flex; + align-items: center; + } + .item-time { + margin-left: 12px; + display: flex; + flex-wrap: wrap; + justify-content: center; + text-align: center; + flex-direction: column; + } + .item-time b { + background: #000; + width: 26px; + height: 26px; + line-height: 26px; + text-align: center; + color: #fff; + font-weight: 700; + position: relative; + border-radius: 5px; + } + .item-time b::after { + content: ":"; + position: absolute; + right: -7px; + color: #fff; + } + .item-time:last-child b { + margin: 0; + } + .item-time:last-child b::after { + content: none; + } + } + .product-list { + margin-right: -15px; + } + .paging { + margin-top: 20px; + .item.active { + background: #166dd8; + border: 1px solid #116dd8; + } + } +} + +.page-detail.deal { + .box-deal-time { + background: #ee4d2d; + width: 100%; + padding: 10px; + border-radius: 5px; + img { + width: 22px; + height: 29px; + display: block; + margin-right: 10px; + } + .title { + font-size: 20px; + text-transform: uppercase; + font-weight: 700; + color: #fff; + } + .right { + color: #fff; + span { + margin-right: 10px; + } + } + } + .main-price { + .price { + font-size: 26px; + font-weight: 600; + color: #f00000; + margin-right: 10px; + } + .old-price { + color: #afafaf; + font-size: 14px; + margin-right: 15px; + } + .saleoff { + width: 42px; + height: 20px; + line-height: 20px; + padding-left: 10px; + background: #f00000; + font-size: 12px; + color: #fff; + border-radius: 5px; + font-weight: 600; + position: relative; + &::before { + position: absolute; + left: -6px; + top: 0; + width: 15px; + height: 20px; + content: ""; + background: url(../images/icon-flash.png) no-repeat; + background-size: cover; + } + } + } + .btn-deal { + width: 100%; + text-align: center; + height: 42px; + line-height: 42px; + border-radius: 26px; + color: #fff; + background: #116dd8; + text-transform: uppercase; + font-size: 18px; + font-weight: 700; + display: block; + &:hover { + border: 1px solid #116dd8; + color: #116dd8; + background: #fff; + } + } + .list-product-deal { + background: #ee4d2d; + margin-top: 15px; + border-radius: 15px; + padding: 15px; + .title { + font-size: 20px; + font-weight: 700; + text-transform: uppercase; + text-align: center; + margin-bottom: 10px; + color: #fff; + } + .list { + margin-right: -15px; + } + .item-deal { + width: calc(100% / 2 - 15px); + } + } + .box-sold-detail { + width: 290px; + background: #ffe9c2; + height: 18px; + line-height: 18px; + border-radius: 26px; + position: relative; + .line { + position: absolute; + left: 0; + top: 0; + height: 100%; + background: #f48320; + border-radius: 26px; + } + .txt { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + width: 100%; + text-align: center; + z-index: 9; + color: #222; + font-size: 10px; + font-weight: 500; + } + } +} + +.popup-add-cart { + padding: 0; + .title { + width: 100%; + height: 70px; + line-height: 70px; + background: #f1b510; + color: #fff; + font-size: 24px; + text-align: center; + font-weight: 700; + text-transform: uppercase; + border-radius: 27px 27px 0 0; + } + .click-close { + position: absolute; + top: -15px; + right: -10px; + font-size: 24px; + color: #fff; + width: 42px; + height: 42px; + line-height: 42px; + background: #222; + border: 3px solid #f1b510; + border-radius: 50%; + text-align: center; + } + .form-cart { + padding: 15px; + } + .title-form { + margin-bottom: 10px; + i { + font-size: 23px; + margin-right: 10px; + color: #f1b510; + position: relative; + &::after { + position: absolute; + content: ""; + background-color: #f1b510; + width: 8px; + height: 8px; + border-radius: 50%; + right: -7px; + top: -4px; + z-index: 999; + border: 3px solid #fff; + } + } + font-size: 18px; + font-weight: 700; + text-transform: uppercase; + color: #f1b510; + } + .input { + width: 100%; + height: 40px; + border-radius: 8px; + border: 1px solid #e6e6e6; + outline: none; + padding: 15px; + background: #f5f5f5; + } + .item-input { + margin-bottom: 10px; + &.error { + .note-error { + color: #f00000; + font-size: 12px; + } + } + } + .box-select { + .item-input { + width: calc(100% / 2 - 5px); + } + .input { + padding: 0 10px; + } + } + .box-provisional { + margin-bottom: 10px; + } + .total-amount { + font-size: 20px; + font-weight: 700; + color: #f00000; + } + + .btn-send-cart { + display: block; + width: 390px; + height: 42px; + line-height: 42px; + text-align: center; + margin: 20px auto auto auto; + background: #116dd8; + color: #fff; + text-transform: uppercase; + font-weight: 700; + border-radius: 26px; + outline: none; + border: none; + cursor: pointer; + &:hover { + border: 1px solid #116dd8; + background: #fff; + color: #116dd8; + } + } +} + +.popup-buy-success { + .title { + font-size: 24px; + text-align: center; + font-weight: 700; + text-transform: uppercase; + color: #a0d427; + img { + width: 58px; + height: 58px; + display: block; + margin: auto auto 15px auto; + } + } + .click-close { + position: absolute; + top: -15px; + right: -10px; + font-size: 24px; + color: #fff; + width: 42px; + height: 42px; + line-height: 42px; + background: #222; + border: 3px solid #f1b510; + border-radius: 50%; + text-align: center; + } + .content { + text-align: center; + p { + font-style: italic; + } + a { + color: #f00000; + } + b { + display: block; + margin: 15px 0; + } + } +} diff --git a/assets/images/avatar-admin.png b/assets/images/avatar-admin.png new file mode 100644 index 0000000..e2fabec Binary files /dev/null and b/assets/images/avatar-admin.png differ diff --git a/assets/images/avatar-user.png b/assets/images/avatar-user.png new file mode 100644 index 0000000..a15520b Binary files /dev/null and b/assets/images/avatar-user.png differ diff --git a/assets/images/background-firework.png b/assets/images/background-firework.png new file mode 100644 index 0000000..0396f20 Binary files /dev/null and b/assets/images/background-firework.png differ diff --git a/assets/images/banner-mobile.png b/assets/images/banner-mobile.png new file mode 100644 index 0000000..36be5e7 Binary files /dev/null and b/assets/images/banner-mobile.png differ diff --git a/assets/images/banner.png b/assets/images/banner.png new file mode 100644 index 0000000..729b621 Binary files /dev/null and b/assets/images/banner.png differ diff --git a/assets/images/btn-phone.png b/assets/images/btn-phone.png new file mode 100644 index 0000000..e15aa42 Binary files /dev/null and b/assets/images/btn-phone.png differ diff --git a/assets/images/icon-auction-2.png b/assets/images/icon-auction-2.png new file mode 100644 index 0000000..1bd0eb5 Binary files /dev/null and b/assets/images/icon-auction-2.png differ diff --git a/assets/images/icon-auction.png b/assets/images/icon-auction.png new file mode 100644 index 0000000..c485742 Binary files /dev/null and b/assets/images/icon-auction.png differ diff --git a/assets/images/icon-chat.png b/assets/images/icon-chat.png new file mode 100644 index 0000000..6ba6577 Binary files /dev/null and b/assets/images/icon-chat.png differ diff --git a/assets/images/icon-clipboard.png b/assets/images/icon-clipboard.png new file mode 100644 index 0000000..3f6cfb7 Binary files /dev/null and b/assets/images/icon-clipboard.png differ diff --git a/assets/images/icon-cup.png b/assets/images/icon-cup.png new file mode 100644 index 0000000..8cb7617 Binary files /dev/null and b/assets/images/icon-cup.png differ diff --git a/assets/images/icon-facebook-login.png b/assets/images/icon-facebook-login.png new file mode 100644 index 0000000..fffe1b5 Binary files /dev/null and b/assets/images/icon-facebook-login.png differ diff --git a/assets/images/icon-facebook.png b/assets/images/icon-facebook.png new file mode 100644 index 0000000..0c1f62f Binary files /dev/null and b/assets/images/icon-facebook.png differ diff --git a/assets/images/icon-fire-time.png b/assets/images/icon-fire-time.png new file mode 100644 index 0000000..08a5e5c Binary files /dev/null and b/assets/images/icon-fire-time.png differ diff --git a/assets/images/icon-flash.png b/assets/images/icon-flash.png new file mode 100644 index 0000000..d13974e Binary files /dev/null and b/assets/images/icon-flash.png differ diff --git a/assets/images/icon-google.png b/assets/images/icon-google.png new file mode 100644 index 0000000..c3d30ca Binary files /dev/null and b/assets/images/icon-google.png differ diff --git a/assets/images/icon-home.png b/assets/images/icon-home.png new file mode 100644 index 0000000..6ecf013 Binary files /dev/null and b/assets/images/icon-home.png differ diff --git a/assets/images/icon-locahost.png b/assets/images/icon-locahost.png new file mode 100644 index 0000000..aa90ab9 Binary files /dev/null and b/assets/images/icon-locahost.png differ diff --git a/assets/images/icon-pay.png b/assets/images/icon-pay.png new file mode 100644 index 0000000..6324b06 Binary files /dev/null and b/assets/images/icon-pay.png differ diff --git a/assets/images/icon-pro-top.png b/assets/images/icon-pro-top.png new file mode 100644 index 0000000..d9ab883 Binary files /dev/null and b/assets/images/icon-pro-top.png differ diff --git a/assets/images/icon-return.png b/assets/images/icon-return.png new file mode 100644 index 0000000..8278d20 Binary files /dev/null and b/assets/images/icon-return.png differ diff --git a/assets/images/icon-ship.png b/assets/images/icon-ship.png new file mode 100644 index 0000000..d1aeb33 Binary files /dev/null and b/assets/images/icon-ship.png differ diff --git a/assets/images/icon-star.png b/assets/images/icon-star.png new file mode 100644 index 0000000..e7126b7 Binary files /dev/null and b/assets/images/icon-star.png differ diff --git a/assets/images/icon-user.png b/assets/images/icon-user.png new file mode 100644 index 0000000..9db1283 Binary files /dev/null and b/assets/images/icon-user.png differ diff --git a/assets/images/icon-zalo.png b/assets/images/icon-zalo.png new file mode 100644 index 0000000..45888d3 Binary files /dev/null and b/assets/images/icon-zalo.png differ diff --git a/assets/images/image-checkbox.png b/assets/images/image-checkbox.png new file mode 100644 index 0000000..4481afb Binary files /dev/null and b/assets/images/image-checkbox.png differ diff --git a/assets/images/image-qr.png b/assets/images/image-qr.png new file mode 100644 index 0000000..97b2d7f Binary files /dev/null and b/assets/images/image-qr.png differ diff --git a/assets/images/image-review-1.png b/assets/images/image-review-1.png new file mode 100644 index 0000000..0729108 Binary files /dev/null and b/assets/images/image-review-1.png differ diff --git a/assets/images/image-review-2.png b/assets/images/image-review-2.png new file mode 100644 index 0000000..8e3bb6c Binary files /dev/null and b/assets/images/image-review-2.png differ diff --git a/assets/images/image-review-3.png b/assets/images/image-review-3.png new file mode 100644 index 0000000..3563dda Binary files /dev/null and b/assets/images/image-review-3.png differ diff --git a/assets/images/image-thumb-1.png b/assets/images/image-thumb-1.png new file mode 100644 index 0000000..f428623 Binary files /dev/null and b/assets/images/image-thumb-1.png differ diff --git a/assets/images/image-thumb-2.png b/assets/images/image-thumb-2.png new file mode 100644 index 0000000..ee52b58 Binary files /dev/null and b/assets/images/image-thumb-2.png differ diff --git a/assets/images/image-thumb-3.png b/assets/images/image-thumb-3.png new file mode 100644 index 0000000..f251acd Binary files /dev/null and b/assets/images/image-thumb-3.png differ diff --git a/assets/images/image-thumb-4.png b/assets/images/image-thumb-4.png new file mode 100644 index 0000000..cf01a31 Binary files /dev/null and b/assets/images/image-thumb-4.png differ diff --git a/assets/images/image-thumb-5.png b/assets/images/image-thumb-5.png new file mode 100644 index 0000000..0afd61c Binary files /dev/null and b/assets/images/image-thumb-5.png differ diff --git a/assets/images/logo-mobile.png b/assets/images/logo-mobile.png new file mode 100644 index 0000000..0b9d423 Binary files /dev/null and b/assets/images/logo-mobile.png differ diff --git a/assets/images/logo.png b/assets/images/logo.png new file mode 100644 index 0000000..0a2ef87 Binary files /dev/null and b/assets/images/logo.png differ diff --git a/assets/images/product-detail-big.png b/assets/images/product-detail-big.png new file mode 100644 index 0000000..b7278a7 Binary files /dev/null and b/assets/images/product-detail-big.png differ diff --git a/assets/js/main.js b/assets/js/main.js new file mode 100644 index 0000000..e69de29 diff --git a/deal-detail-mb.html b/deal-detail-mb.html new file mode 100644 index 0000000..3868f0e --- /dev/null +++ b/deal-detail-mb.html @@ -0,0 +1,814 @@ + + + + + + + Đấu giá + + + + + + + +
+
+
+
+ +
+ + + Thể lệ đấu giá + + + + Tài khoản + + +
+
+
+
+
+
+
+ + + + Laptop Acer Aspire 7 A715-76-53PJ Laptop Acer + Aspire 7 A715-76-53PJ Laptop Acer Aspire 7 A715-76-53PJ +
+
+
+
+
+
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ +
+
+
+
+
+

+ Laptop Acer Aspire 7 A715-76-53PJ NH.QGESV.007 (Intel Core i5-12450H | Đen) +

+
+
+ flash +

Deal hot

+
+
+ Kết thúc trong +
+
+
02
+
16
+
42
+
+
+
+
+
+
+
29.490.000 đ
+
29.990.000 đ
+
-30%
+
+
+
+
Đã bán 8/ 10 + Sản phẩm
+
+
+
+
+ +

CPU: Intel Core i5-12450H (3.3GHz up to 4.4GHz 12MB)

+
+
+ +

VGA: NVIDIA® GeForce RTX™ 2050 4GB GDDR6 + Intel UHD Graphics

+
+
+ +

Màn hình: 15.6inch FHD (1920 x 1080) IPS, 144Hz, Slim Bezel, Acer ComfyView™

+
+
+ +

RAM: 8GB (8x1) DDR4 3200MHz (2x SO-DIMM socket, up to 32GB SDRAM)

+
+
+
+ Mua giá sốc +
+
+
+
+
+
+
+
+
+
+

Đánh giá sản phẩm

+ (100 đánh giá) +
+
+
+
+
+ +
+
+ 4.9 + / + 5 +
+
+ Gửi đánh giá +
+
+
+
+
+ avatar +
+
+
Anh quang
+
+ 5.0 +
+

Tuần trc mới chơi trúng đấu giá máy tính này xong. Xịn nha, mượt + lắm, + giao hành nhanh, uy tín.

+
+ 20-06-2024, 10:46 am + Trả lời +
+
+ + + + + + + + + +
+
+
+
+
+ avatar +
+
+
Anphatcomputer
+

Anphat xin cảm ơn anh Quang đã ủng hộ. +

+ Anh có thể truy cập website anphatpc.com.vn để cập nhật và nhận thêm + thông tin chương trình khuyến mãi hấp dẫn từ Anphat + ạ!
+ Trân trọng cảm ơn anh! +

+
+ 20-06-2024, 10:46 am + Trả lời +
+
+
+
+
+ avatar +
+
+
Anphatcomputer
+

Anphat xin cảm ơn anh Quang đã ủng hộ. +

+ Anh có thể truy cập website anphatpc.com.vn để cập nhật và nhận thêm + thông tin chương trình khuyến mãi hấp dẫn từ Anphat + ạ!
+ Trân trọng cảm ơn anh! +

+
+ 20-06-2024, 10:46 am + Trả lời +
+
+
+
+
+
+
+ avatar +
+
+
Anh quang
+
+ 5.0 +
+

Tuần trc mới chơi trúng đấu giá máy tính này xong. Xịn nha, mượt + lắm, + giao hành nhanh, uy tín.

+
+ 20-06-2024, 10:46 am + Trả lời +
+
+ + + + + + + + + +
+
+
+
+ + Xem tất cả đánh giá + +
+
+
+

Hỏi đáp (100 bình luận)

+
+ + +
+
+
+
+ avatar +
+
+
+
Anh Quang
+ 20-06-2024, 10:46 am +
+
+

Sau khi thắng đấu gía thời gian bao lâu để thanh toán nhận hàng

+ + Trả lời + +
+
+
+
+
+ avatar +
+
+
+
Anphatcomputer
+
+
+

Dạ, bộ phận CSKH sẽ liên hệ với người chiến thắng ngay trong ngày + để + hướng dẫn thanh toán nhận hàng ạ

+ + Trả lời + +
+
+
+
+
+
+ + Xem tất cả hỏi đáp + +
+
+
+
+

Flash sale đang diễn ra

+
+
+
+ +
+
+
+
+
Đã bán 8/ 10 Sản phẩm +
+
+ Loa Floorstanding Focal Loudspeaker Aria + Evo X + N4 + +
+
28.490.000 đ
+
+ 30.490.000 đ +
-30%
+
+
+ Mua ngay +
+
+
+
+ +
+
+
+
+
Đã bán 8/ 10 Sản phẩm +
+
+ Loa Floorstanding Focal Loudspeaker Aria + Evo X + N4 + +
+
28.490.000 đ
+
+ 30.490.000 đ +
-30%
+
+
+ Mua ngay +
+
+
+
+ +
+
+
+
+
Đã bán 8/ 10 Sản phẩm +
+
+ Loa Floorstanding Focal Loudspeaker Aria + Evo X + N4 + +
+
28.490.000 đ
+
+ 30.490.000 đ +
-30%
+
+
+ Mua ngay +
+
+
+
+ +
+
+
+
+
Đã bán 8/ 10 Sản phẩm +
+
+ Loa Floorstanding Focal Loudspeaker Aria + Evo X + N4 + +
+
28.490.000 đ
+
+ 30.490.000 đ +
-30%
+
+
+ Mua ngay +
+
+
+
+
+
+
+
+
+ Thông tin sản + phẩm +
+
+
+ +
    +
  • Tên sản phẩm: Laptop Acer Aspire 7 A715-76-53PJ NH.QGESV.007
    • +
  • Dòng Laptop: Laptop | Laptop Acer Aspire | Laptop Đồ Họa | Laptop văn phòng +
    • + Bộ vi xử lý +
  • Công nghệ CPU: Intel Core i5-12450H
    • +
  • Số nhân: 8
    • +
  • Số luồng: 12
    • +
  • Tốc độ tối đa: 4.4GHz
    • +
  • Bộ nhớ đệm: 12MB
    • + Bộ nhớ trong (RAM) +
  • RAM: 16GB (2x8GB)
    • +
  • Loại RAM: DDR4
    • +
  • Tốc độ Bus RAM: 3200Mhz
    • +
  • Số khe cắm: 2 khe
    • +
  • Hỗ trợ RAM tối đa: Nâng cấp tối đa 32GB
    • + Ổ cứng +
  • Dung lượng: 512GB PCIe NVMe SSD
    • +
  • Tốc độ vòng quay
    • +
  • Khe cắm SSD mở rộng: nâng cấp tối đa 1 TB SSD PCIe Gen4, 16 Gb/s, NVMe
    • +
+
+
+
+
+
+ +
+ +
+
+

Thông tin đặt hàng

+ + + +
+
+ + Địa chỉ nhân hàng +
+
+ +
+
+
+ +
+
+
+ +
+
+
+ +
+
+
+ +
+
+
+ +
+
+
+ +
+
+ +
+
+ Tạm tính (1 sản phẩm) +
29.000.000 đ
+
+
+ Tổng tiền +
29.000.000 đ
+
+
+ + Đặt mua + +
+
+ +
+
+ checkbox +

Đặt hàng thành công

+
+ + + +
+

Cảm ơn bạn đã mua hàng tại Anphatpc.com.vn.
+ Nhân viên Anphatpc.com.vn sẽ liên hệ với bạn trong thời gian sớm nhất.

+ Mã đơn hàng của bạn #0061 + Khi cần hỗ trợ vui lòng liên hệ hotline 1800xx +
+
+ +
+
+
+
+

Câu hỏi thường gặp

+
+
+ + Đấu giá trực tuyến có phức tạp không? + + +
Rất dễ dàng, tham gia mọi lúc mọi nơi chỉ cần có smartphone và + internet +
+
+
+ + Làm thế nào để xác thực tài khoản đấu giá thành công? + + +
Rất dễ dàng, tham gia mọi lúc mọi nơi chỉ cần có smartphone và + internet +
+
+
+ + Tại sao nên chọn đấu giá trực tuyến tại Anphatpc? + + +
Rất dễ dàng, tham gia mọi lúc mọi nơi chỉ cần có smartphone và + internet +
+
+
+ + Quy trình đấu giá sản phẩm của Anphatpc như thế nào? + + +
Rất dễ dàng, tham gia mọi lúc mọi nơi chỉ cần có smartphone và + internet +
+
+
+ + Điều kiện để chiến thắng đấu giá là gì? + + +
Rất dễ dàng, tham gia mọi lúc mọi nơi chỉ cần có smartphone và + internet +
+
+
+
+
+
+
+
+
+
+
+
+ ship +
+
+ Chính sách giao hàng +

Nhận hàng & thanh toán tại nhà

+
+
+
+
+ ship +
+
+ Đổi mới 15 ngày đầu +

Áp dụng với sản phẩm laptop

+
+
+
+
+ ship +
+
+ Thanh toán tiện lợi +

Trả tiền mặt, CK, trả góp 0%

+
+
+
+
+ ship +
+
+ Hỗ trợ nhiệt tình +

Tư vấn, giải pháp mọi thắc mắc

+
+
+
+
+
+ Công ty cổ phần thương mại máy tính an phát +

Giấy chứng nhận ĐKDN số 0108940873 do Sở kế hoạch và Đầu tư Thành phố Hà Nội cấp ngày + 11/10/2019

+

Trụ sở: Tầng 5, Số 49 phố Thái Hà, Phương Trung Liệt, Quận Đống Đa, Thành phố Hà nội, + Việt + Nam

+

Điện thoại: 19000323 Email: Giang@anphat.com.vn

+
+ + + +
+
+
+
+
+ + + + + + + \ No newline at end of file diff --git a/deal-detail.html b/deal-detail.html new file mode 100644 index 0000000..05661df --- /dev/null +++ b/deal-detail.html @@ -0,0 +1,717 @@ + + + + + + + Document + + + + + + + +
+
+
+
    +
  1. + + Trang chủ + / + +
    2. +
  2. + + + Flash sale + + / + +
    3. +
  3. + + + Đấu giá + + + +
    4. +
+
+
+
+
+
+
+
+
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+
+
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+
+
+

+ Laptop Acer Aspire 7 A715-76-53PJ NH.QGESV.007 (Intel Core i5-12450H | Đen) +

+
+
+ flash +

Deal hot

+
+
+ Kết thúc trong +
+
+
02
+
16
+
42
+
+
+
+
+
+
+
29.490.000 đ
+
29.990.000 đ
+
-30%
+
+
+
+
Đã bán 8/ 10 + Sản phẩm
+
+
+
+
+ +

CPU: Intel Core i5-12450H (3.3GHz up to 4.4GHz 12MB)

+
+
+ +

VGA: NVIDIA® GeForce RTX™ 2050 4GB GDDR6 + Intel UHD Graphics

+
+
+ +

Màn hình: 15.6inch FHD (1920 x 1080) IPS, 144Hz, Slim Bezel, Acer ComfyView™

+
+
+ +

RAM: 8GB (8x1) DDR4 3200MHz (2x SO-DIMM socket, up to 32GB SDRAM)

+
+
+ Mua giá sốc +
+
+ +
+
+
+
+
+
+

Đánh giá sản phẩm

+ (100 đánh giá) +
+
+
+ +
+
+ 4.9 + / + 5 +
+
+
+ Gửi đánh giá +
+ +
+
+
+ avatar +
+
+
Anh quang
+
+ 5.0 +
+

Tuần trc mới chơi trúng đấu giá máy tính này xong. Xịn nha, mượt lắm, + giao hành nhanh, uy tín.

+
+ 20-06-2024, 10:46 am + Trả lời +
+
+ + + + + + + + + +
+
+
+
+
+ avatar +
+
+
Anphatcomputer
+

Anphat xin cảm ơn anh Quang đã ủng hộ. +

+ Anh có thể truy cập website anphatpc.com.vn để cập nhật và nhận thêm + thông tin chương trình khuyến mãi hấp dẫn từ Anphat + ạ!
+ Trân trọng cảm ơn anh! +

+
+ 20-06-2024, 10:46 am + Trả lời +
+
+
+
+
+ avatar +
+
+
Anphatcomputer
+

Anphat xin cảm ơn anh Quang đã ủng hộ. +

+ Anh có thể truy cập website anphatpc.com.vn để cập nhật và nhận thêm + thông tin chương trình khuyến mãi hấp dẫn từ Anphat + ạ!
+ Trân trọng cảm ơn anh! +

+
+ 20-06-2024, 10:46 am + Trả lời +
+
+
+
+
+
+
+ avatar +
+
+
Anh quang
+
+ 5.0 +
+

Tuần trc mới chơi trúng đấu giá máy tính này xong. Xịn nha, mượt lắm, + giao hành nhanh, uy tín.

+
+ 20-06-2024, 10:46 am + Trả lời +
+
+ + + + + + + + + +
+
+
+
+ + Xem tất cả đánh giá + + +
+
+

Hỏi đáp (100 bình luận)

+
+ + +
+
+
+
+ avatar +
+
+
+
Anh Quang
+ 20-06-2024, 10:46 am +
+
+

Sau khi thắng đấu gía thời gian bao lâu để thanh toán nhận hàng

+ + Trả lời + +
+
+
+
+
+ avatar +
+
+
+
Anphatcomputer
+
+
+

Dạ, bộ phận CSKH sẽ liên hệ với người chiến thắng ngay trong ngày để + hướng dẫn thanh toán nhận hàng ạ

+ + Trả lời + +
+
+
+
+
+
+ + Xem tất cả hỏi đáp + +
+
+
+ Thông tin sản + phẩm +
+
+
+ +
    +
  • Tên sản phẩm: Laptop Acer Aspire 7 A715-76-53PJ NH.QGESV.007
    • +
  • Dòng Laptop: Laptop | Laptop Acer Aspire | Laptop Đồ Họa | Laptop văn phòng
    • + Bộ vi xử lý +
  • Công nghệ CPU: Intel Core i5-12450H
    • +
  • Số nhân: 8
    • +
  • Số luồng: 12
    • +
  • Tốc độ tối đa: 4.4GHz
    • +
  • Bộ nhớ đệm: 12MB
    • + Bộ nhớ trong (RAM) +
  • RAM: 16GB (2x8GB)
    • +
  • Loại RAM: DDR4
    • +
  • Tốc độ Bus RAM: 3200Mhz
    • +
  • Số khe cắm: 2 khe
    • +
  • Hỗ trợ RAM tối đa: Nâng cấp tối đa 32GB
    • + Ổ cứng +
  • Dung lượng: 512GB PCIe NVMe SSD
    • +
  • Tốc độ vòng quay
    • +
  • Khe cắm SSD mở rộng: nâng cấp tối đa 1 TB SSD PCIe Gen4, 16 Gb/s, NVMe
    • +
+
+
+
+
+
+
+

Flash sale đang diễn ra

+
+
+
+ +
+
+
+
+
Đã bán 8/ 10 Sản phẩm
+
+ Loa Floorstanding Focal Loudspeaker Aria Evo X + N4 + +
+
28.490.000 đ
+
+ 30.490.000 đ +
-30%
+
+
+ Mua ngay +
+
+
+
+ +
+
+
+
+
Đã bán 8/ 10 Sản phẩm
+
+ Loa Floorstanding Focal Loudspeaker Aria Evo X + N4 + +
+
28.490.000 đ
+
+ 30.490.000 đ +
-30%
+
+
+ Mua ngay +
+
+
+
+ +
+
+
+
+
Đã bán 8/ 10 Sản phẩm
+
+ Loa Floorstanding Focal Loudspeaker Aria Evo X + N4 + +
+
28.490.000 đ
+
+ 30.490.000 đ +
-30%
+
+
+ Mua ngay +
+
+
+
+ +
+
+
+
+
Đã bán 8/ 10 Sản phẩm
+
+ Loa Floorstanding Focal Loudspeaker Aria Evo X + N4 + +
+
28.490.000 đ
+
+ 30.490.000 đ +
-30%
+
+
+ Mua ngay +
+
+
+
+
+
+
+
+ + +
+
+

Thông tin đặt hàng

+ + + +
+
+ + Địa chỉ nhân hàng +
+
+ +
+
+
+ +
+
+
+ +
+
+
+
+ +
+
+
+ +
+
+
+
+ +
+
+
+ +
+
+ +
+
+ Tạm tính (1 sản phẩm) +
29.000.000 đ
+
+
+ Tổng tiền +
29.000.000 đ
+
+
+ + Đặt mua + +
+
+ + +
+
+ checkbox +

Đặt hàng thành công

+
+ + + +
+

Cảm ơn bạn đã mua hàng tại Anphatpc.com.vn.
+ Nhân viên Anphatpc.com.vn sẽ liên hệ với bạn trong thời gian sớm nhất.

+ Mã đơn hàng của bạn #0061 + Khi cần hỗ trợ vui lòng liên hệ hotline 1800xx +
+
+ + + + + + + + + + + \ No newline at end of file diff --git a/detail-mobile.html b/detail-mobile.html new file mode 100644 index 0000000..17f48f5 --- /dev/null +++ b/detail-mobile.html @@ -0,0 +1,1156 @@ + + + + + + + Đấu giá + + + + + + + +
+
+
+
+ +
+ + + Thể lệ đấu giá + + + + Tài khoản + + +
+
+
+
+
+
+
+ + + + Laptop Acer Aspire 7 A715-76-53PJ Laptop Acer + Aspire 7 A715-76-53PJ Laptop Acer Aspire 7 A715-76-53PJ +
+ +
+
+
+
+
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ +
+
+
+
+
+

+ Laptop Acer Aspire 7 A715-76-53PJ NH.QGESV.007 (Intel Core i5-12450H | Đen) +

+
+
+ +

Ngày hội đấu giá

+
+
+
+ + 200 +
+
+ +
+
02
+
16
+
42
+
+
+
+
+
+
+

Giá khởi điểm

+
110.490.000 đ
+
+
+

Bước giá

+
300.000 đ
+
+
+
+
+

Giá thắng cuộc:

+
125.000.000 đ
+
+
+ +

Người chiến thắng:

+ Mai Phương +
+
+
+
+ +

CPU: Intel Core i5-12450H (3.3GHz up to 4.4GHz 12MB)

+
+
+ +

VGA: NVIDIA® GeForce RTX™ 2050 4GB GDDR6 + Intel UHD Graphics

+
+
+ +

Màn hình: 15.6inch FHD (1920 x 1080) IPS, 144Hz, Slim Bezel, Acer ComfyView™

+
+
+ +

RAM: 8GB (8x1) DDR4 3200MHz (2x SO-DIMM socket, up to 32GB SDRAM)

+
+
+
+ Tham gia đấu + giá +
+
+
+ + + +

Tham gia đấu giá

+
+ +
+ +
125.000.000
+
VNĐ
+
+
+
+
+
+ +
1
+
+ Phương + trả +
125.000.000 đ
+
+
+

00:30:11

+
+
+
+ +
2
+
+ Phong + trả +
124.800.000 đ
+
+
+

00:30:11

+
+
+
+ +
3
+
+ Hương + trả +
124.300.000 đ
+
+
+

00:30:11

+
+
+
+ +
4
+
+ Quỳnh + trả +
124.000.000 đ
+
+
+

00:30:11

+
+
+
+
+
Nhập giá đấu của bạn
+
+

Chọn nhanh gợi ý

+ +
+
+ + +
+
+
+
+
+
+
+
+
+
+
+
+

Đánh giá sản phẩm

+ (100 đánh giá) +
+
+
+
+ +
+
+ 4.9 + / + 5 +
+
+ Gửi đánh giá +
+
+
+
+
+
+ avatar +
+
+
Anh quang
+
+ 5.0 +
+

Tuần trc mới chơi trúng đấu giá máy tính này xong. Xịn nha, mượt + lắm, + giao hành nhanh, uy tín.

+
+ 20-06-2024, 10:46 am + Trả lời +
+
+ + + + + + + + + +
+
+
+
+
+ avatar +
+
+
Anphatcomputer
+

Anphat xin cảm ơn anh Quang đã ủng hộ. +

+ Anh có thể truy cập website anphatpc.com.vn để cập nhật và nhận thêm + thông tin chương trình khuyến mãi hấp dẫn từ Anphat + ạ!
+ Trân trọng cảm ơn anh! +

+
+ 20-06-2024, 10:46 am + Trả lời +
+
+
+
+
+ avatar +
+
+
Anphatcomputer
+

Anphat xin cảm ơn anh Quang đã ủng hộ. +

+ Anh có thể truy cập website anphatpc.com.vn để cập nhật và nhận thêm + thông tin chương trình khuyến mãi hấp dẫn từ Anphat + ạ!
+ Trân trọng cảm ơn anh! +

+
+ 20-06-2024, 10:46 am + Trả lời +
+
+
+
+
+
+
+ avatar +
+
+
Anh quang
+
+ 5.0 +
+

Tuần trc mới chơi trúng đấu giá máy tính này xong. Xịn nha, mượt + lắm, + giao hành nhanh, uy tín.

+
+ 20-06-2024, 10:46 am + Trả lời +
+
+ + + + + + + + + +
+
+
+
+ + Xem tất cả đánh giá + +
+
+
+

Hỏi đáp (100 bình luận)

+
+ + +
+
+
+
+ avatar +
+
+
+
Anh Quang
+ 20-06-2024, 10:46 am +
+
+

Sau khi thắng đấu gía thời gian bao lâu để thanh toán nhận hàng

+ + Trả lời + +
+
+
+
+
+ avatar +
+
+
+
Anphatcomputer
+
+
+

Dạ, bộ phận CSKH sẽ liên hệ với người chiến thắng ngay trong ngày + để + hướng dẫn thanh toán nhận hàng ạ

+ + Trả lời + +
+
+
+
+
+
+ + Xem tất cả hỏi đáp + +
+
+

Các phiên đấu giá trước

+
+ 3 ngày + 7 ngày + 30 ngày +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Tên người thắngGiác thắng cuộcThời gian
Mai anh22.200.000 VNĐ14:30:40 12/09/2024
Trần Quang27.500.000 VNĐ15:19:22 12/09/2024
Hoàng hải21.800.000 VNĐ10:39:41 13/09/2024
Phương Anh12.900.000 VNĐ14:12:33 13/09/2024
Mai Hoa29.860.000 VNĐ14:28:45 13/09/2024
Thu Hương70.200.000 VNĐ16:30:41 14/09/2024
Thu Hương70.200.000 VNĐ16:30:41 14/09/2024
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Tên người thắngGiác thắng cuộcThời gian
Mai anh22.200.000 VNĐ14:30:40 12/09/2024
Trần Quang27.500.000 VNĐ15:19:22 12/09/2024
Hoàng hải21.800.000 VNĐ10:39:41 13/09/2024
Phương Anh12.900.000 VNĐ14:12:33 13/09/2024
Mai Hoa29.860.000 VNĐ14:28:45 13/09/2024
Thu Hương70.200.000 VNĐ16:30:41 14/09/2024
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Tên người thắngGiác thắng cuộcThời gian
Mai anh22.200.000 VNĐ14:30:40 12/09/2024
Trần Quang27.500.000 VNĐ15:19:22 12/09/2024
Hoàng hải21.800.000 VNĐ10:39:41 13/09/2024
Phương Anh12.900.000 VNĐ14:12:33 13/09/2024
Mai Hoa29.860.000 VNĐ14:28:45 13/09/2024
Thu Hương70.200.000 VNĐ16:30:41 14/09/2024
+
+
+
+
+
+

Đấu giá đang diễn ra

+
+
+
+ +
+ + 220 +
+
+
+ Màn Hình Dell UltraSharp U2723QE (27.0 inch + - 4K - IPS + Black +
Giá gốc: 280.490.000 đ
+
+

Trả cao nhất:

+

230.490.000 đ

+
+ Đấu giá +
+
+
+
+ +
+ + 220 +
+
+
+ Màn Hình Dell UltraSharp U2723QE (27.0 inch + - 4K - IPS + Black +
Giá gốc: 280.490.000 đ
+
+

Trả cao nhất:

+

230.490.000 đ

+
+ Đấu giá +
+
+
+
+ +
+ + 220 +
+
+
+ Màn Hình Dell UltraSharp U2723QE (27.0 inch + - 4K - IPS + Black +
Giá gốc: 280.490.000 đ
+
+

Trả cao nhất:

+

230.490.000 đ

+
+ Đấu giá +
+
+
+
+
+
+
+
+
+ Thông tin sản + phẩm + Thông tin đặt cọc + đấu + giá +
+
+
+ +
    +
  • Tên sản phẩm: Laptop Acer Aspire 7 A715-76-53PJ NH.QGESV.007
    • +
  • Dòng Laptop: Laptop | Laptop Acer Aspire | Laptop Đồ Họa | Laptop văn phòng +
    • + Bộ vi xử lý +
  • Công nghệ CPU: Intel Core i5-12450H
    • +
  • Số nhân: 8
    • +
  • Số luồng: 12
    • +
  • Tốc độ tối đa: 4.4GHz
    • +
  • Bộ nhớ đệm: 12MB
    • + Bộ nhớ trong (RAM) +
  • RAM: 16GB (2x8GB)
    • +
  • Loại RAM: DDR4
    • +
  • Tốc độ Bus RAM: 3200Mhz
    • +
  • Số khe cắm: 2 khe
    • +
  • Hỗ trợ RAM tối đa: Nâng cấp tối đa 32GB
    • + Ổ cứng +
  • Dung lượng: 512GB PCIe NVMe SSD
    • +
  • Tốc độ vòng quay
    • +
  • Khe cắm SSD mở rộng: nâng cấp tối đa 1 TB SSD PCIe Gen4, 16 Gb/s, NVMe
    • +
+
+
+
+
+ Quý khách vui lòng làm theo các bước sau đây. +
+
+
+ Bước 1 +
+
+
+
+ + Đặt cọc
500.000 VNĐ
và STK bên dưới + +
+
+
Bước 2 +
+
+
+
+
+ Kiểm tra email để nhận thông tin xác nhận đặt cọc thành công từ + Anphatpc gửi đến +
(Lưu lý: Kiểm tra tất cả các hộp tư bao gồm cả thư + rác) +
+
+
+
+
+ Trường hợp nếu không nhận được email, quý khách vui lòng gửi hình ảnh giao dịch + qua + Zalo: 0909000000 để được hỗ trợ + nhanh nhất. +
+
+
+
+
+ +
+
+ +
+
+
Thể lệ tham gia đấu giá
+ + + + Thời gian: Mỗi thứ 7 hàng tuần Dịch vụ ABC sẽ có một phiên đấu giá diễn ra từ 20 tới + 22h + bao + gồm nhiều sản phẩm khác + nhau. +
+

- Các sản phẩm đều có giá khởi điểm và bước giá nhất định.

+

- Người chơi có thể bắt đầu đấu giá từ giá khởi điểm, người + trả giá sau cần trả mức giá cao hơn người trước ít nhất 1 bước giá. Kết thúc thời gian đấu giá, + người + trả giá cao nhất và sớm nhất sẽ được mua sản phẩm.

+

+ - Người chơi tham gia đấu giá cần đặt cọc trước 500.000 VND. +

+

- Trong thời gian diễn ra, một người chỉ được tham gia đấu giá 1 sản phẩm. Mỗi người có 5 lượt trả + giá +

+

- Kết thúc phiên đấu giá, Gearvn sẽ công bố kết quả người trúng đấu giá.

+

+ Người trúng đấu giá cần thanh toán số tiền còn lại của sản phẩm sau khi + trừ tiền đặt + cọc trong vòng 24h kể từ khi công bố kết quả.Sau 24h kể từ khi công bố kết quả, người trúng đấu giá + chưa + thanh toán đủ + số tiền, tiền đặt cọc không được hoàn lại và tài khoản người chơi bị khóa không thể tham gia các + chương + trình của Anphat + PC

+

- Trong thời gian diễn ra, một người chỉ được tham gia đấu giá 1 sản phẩm. Mỗi người có 5 lượt trả + giá +

+

- Kết thúc phiên đấu giá, Gearvn sẽ công bố kết quả người trúng đấu giá.

+

+ Người trúng đấu giá cần thanh toán số tiền còn lại của sản phẩm sau khi + trừ tiền đặt + cọc trong vòng 24h kể từ khi công bố kết quả.Sau 24h kể từ khi công bố kết quả, người trúng đấu giá + chưa + thanh toán đủ + số tiền, tiền đặt cọc không được hoàn lại và tài khoản người chơi bị khóa không thể tham gia các + chương + trình của Anphat + PC

+

+ + Nếu không trúng đấu giá, người chơi sẽ được hoàn lại tiền cọc trong vòng 02 ngày kể từ khi kết + thúc. +

+ +

Bước 1: Đăng nhập tài khoản

+

Bước 2: Xem và chọn sản phẩm đấu giá

+
+
+ +
+ +
+ + + +
+
+
Yêu cầu đặt cọc
+ + + +

Vui lòng đặt cọc số tiền 500.000đ để tham gia đấu giá

+ Tiếp tục +
+
+ +
+
Thông tin đặt cọc sản phẩm
+ + + +
+ Quý khách vui lòng làm theo các bước sau đây. +
+
+
+ Bước 1 +
+
+
+
+ + Đặt cọc
500.000 VNĐ
và STK bên dưới + +
+
+
Bước 2 +
+
+
+
+
+ Kiểm tra email để nhận thông tin xác nhận đặt cọc thành công từ + Anphatpc gửi đến +
(Lưu lý: Kiểm tra tất cả các hộp tư bao gồm cả thư rác) +
+
+
+
+
+ Trường hợp nếu không nhận được email, quý khách vui lòng gửi hình ảnh giao dịch qua + Zalo: 0909000000 để được hỗ trợ + nhanh nhất. +
+
+
Thông tin tài khoản nhận cọc
+
+ qr +
+

Công ty CP THƯƠNG MẠI DỊCH VỤ ACB

+

Ngân hàng: Techcombank

+

Số tài khoản: 9999998888

+ Nội dung thanh toán: +

[id tài khoản] đặt cọc tham gia đấu giá sản phẩm [mã sp]

+
+
+
+
+
+ +
+

+ xin chúc mừng! +

+ + + +
Bạn đã đặt giá thầu thành công!
+
+ Quý khách hãy tiếp tục theo dõi màn đấu giá cho đến hết thời gian diễn ra. Lịch sử đấu giá sẽ được hiển + thị + tại đây. Khi + thời gian kết thúc, bộ phận CSKH sẽ gửi email xác nhận đến người chiến thắng! +
+ Đã hiểu +
+ +
+ +

Đấu giá không thành công

+ + + +
+ Giá đấu của bạn chưa hợp lệ. Vui lòng nhập giá cao hơn giá cao nhất ít nhất X VND +
+ Thử lại +
+ +
+
+
+
+

Câu hỏi thường gặp

+
+
+ + Đấu giá trực tuyến có phức tạp không? + + +
Rất dễ dàng, tham gia mọi lúc mọi nơi chỉ cần có smartphone và + internet +
+
+
+ + Làm thế nào để xác thực tài khoản đấu giá thành công? + + +
Rất dễ dàng, tham gia mọi lúc mọi nơi chỉ cần có smartphone và + internet +
+
+
+ + Tại sao nên chọn đấu giá trực tuyến tại Anphatpc? + + +
Rất dễ dàng, tham gia mọi lúc mọi nơi chỉ cần có smartphone và + internet +
+
+
+ + Quy trình đấu giá sản phẩm của Anphatpc như thế nào? + + +
Rất dễ dàng, tham gia mọi lúc mọi nơi chỉ cần có smartphone và + internet +
+
+
+ + Điều kiện để chiến thắng đấu giá là gì? + + +
Rất dễ dàng, tham gia mọi lúc mọi nơi chỉ cần có smartphone và + internet +
+
+
+
+
+
+
+
+
+
+
+
+ ship +
+
+ Chính sách giao hàng +

Nhận hàng & thanh toán tại nhà

+
+
+
+
+ ship +
+
+ Đổi mới 15 ngày đầu +

Áp dụng với sản phẩm laptop

+
+
+
+
+ ship +
+
+ Thanh toán tiện lợi +

Trả tiền mặt, CK, trả góp 0%

+
+
+
+
+ ship +
+
+ Hỗ trợ nhiệt tình +

Tư vấn, giải pháp mọi thắc mắc

+
+
+
+
+
+ Công ty cổ phần thương mại máy tính an phát +

Giấy chứng nhận ĐKDN số 0108940873 do Sở kế hoạch và Đầu tư Thành phố Hà Nội cấp ngày + 11/10/2019

+

Trụ sở: Tầng 5, Số 49 phố Thái Hà, Phương Trung Liệt, Quận Đống Đa, Thành phố Hà nội, + Việt + Nam

+

Điện thoại: 19000323 Email: Giang@anphat.com.vn

+
+ + + +
+
+
+
+
+ + + + + + + + + + + + + + \ No newline at end of file diff --git a/detail.html b/detail.html new file mode 100644 index 0000000..8ed194d --- /dev/null +++ b/detail.html @@ -0,0 +1,1034 @@ + + + + + + + Document + + + + + + + +
+
+
+
    +
  1. + + Trang chủ + / + +
    2. +
  2. + + + Đấu giá + + + +
    3. +
+
+
+
+
+
+
+
+
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+
+
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+
+
+

+ Laptop Acer Aspire 7 A715-76-53PJ NH.QGESV.007 (Intel Core i5-12450H | Đen) +

+
+
+ +

Ngày hội đấu giá

+
+
+
+ + 200 +
+
+ +
+
02
+
16
+
42
+
+
+
+
+
+
+

Giá khởi điểm

+
110.490.000 đ
+
+
+

Bước giá

+
300.000 đ
+
+
+
+
+

Giá thắng cuộc:

+
125.000.000 đ
+
+
+ +

Người chiến thắng:

+ Mai Phương +
+
+
+
+ +

CPU: Intel Core i5-12450H (3.3GHz up to 4.4GHz 12MB)

+
+
+ +

VGA: NVIDIA® GeForce RTX™ 2050 4GB GDDR6 + Intel UHD Graphics

+
+
+ +

Màn hình: 15.6inch FHD (1920 x 1080) IPS, 144Hz, Slim Bezel, Acer ComfyView™

+
+
+ +

RAM: 8GB (8x1) DDR4 3200MHz (2x SO-DIMM socket, up to 32GB SDRAM)

+
+
+ Tham gia đấu giá + +
+
+ +
125.000.000
+
VNĐ
+
+
+
+
+
+ +
1
+
+ Phương + trả +
125.000.000 đ
+
+
+

00:30:11

+
+
+
+ +
2
+
+ Phong + trả +
124.800.000 đ
+
+
+

00:30:11

+
+
+
+ +
3
+
+ Hương + trả +
124.300.000 đ
+
+
+

00:30:11

+
+
+
+ +
4
+
+ Quỳnh + trả +
124.000.000 đ
+
+
+

00:30:11

+
+
+
+
+
Nhập giá đấu của bạn
+
+

Chọn nhanh gợi ý

+ + + + +
+
+ + +
+
+
+
+
+ +
+
+
+
+
+
+

Đánh giá sản phẩm

+ (100 đánh giá) +
+
+
+ +
+
+ 4.9 + / + 5 +
+
+
+ Gửi đánh giá +
+ +
+
+
+ avatar +
+
+
Anh quang
+
+ 5.0 +
+

Tuần trc mới chơi trúng đấu giá máy tính này xong. Xịn nha, mượt lắm, + giao hành nhanh, uy tín.

+
+ 20-06-2024, 10:46 am + Trả lời +
+
+ + + + + + + + + +
+
+
+
+
+ avatar +
+
+
Anphatcomputer
+

Anphat xin cảm ơn anh Quang đã ủng hộ. +

+ Anh có thể truy cập website anphatpc.com.vn để cập nhật và nhận thêm + thông tin chương trình khuyến mãi hấp dẫn từ Anphat + ạ!
+ Trân trọng cảm ơn anh! +

+
+ 20-06-2024, 10:46 am + Trả lời +
+
+
+
+
+ avatar +
+
+
Anphatcomputer
+

Anphat xin cảm ơn anh Quang đã ủng hộ. +

+ Anh có thể truy cập website anphatpc.com.vn để cập nhật và nhận thêm + thông tin chương trình khuyến mãi hấp dẫn từ Anphat + ạ!
+ Trân trọng cảm ơn anh! +

+
+ 20-06-2024, 10:46 am + Trả lời +
+
+
+
+
+
+
+ avatar +
+
+
Anh quang
+
+ 5.0 +
+

Tuần trc mới chơi trúng đấu giá máy tính này xong. Xịn nha, mượt lắm, + giao hành nhanh, uy tín.

+
+ 20-06-2024, 10:46 am + Trả lời +
+
+ + + + + + + + + +
+
+
+
+ + Xem tất cả đánh giá + + +
+
+

Hỏi đáp (100 bình luận)

+
+ + +
+
+
+
+ avatar +
+
+
+
Anh Quang
+ 20-06-2024, 10:46 am +
+
+

Sau khi thắng đấu gía thời gian bao lâu để thanh toán nhận hàng

+ + Trả lời + +
+
+
+
+
+ avatar +
+
+
+
Anphatcomputer
+
+
+

Dạ, bộ phận CSKH sẽ liên hệ với người chiến thắng ngay trong ngày để + hướng dẫn thanh toán nhận hàng ạ

+ + Trả lời + +
+
+
+
+
+
+ + Xem tất cả hỏi đáp + +
+
+
+ Thông tin sản + phẩm + Thông tin đặt cọc đấu + giá +
+
+
+ +
    +
  • Tên sản phẩm: Laptop Acer Aspire 7 A715-76-53PJ NH.QGESV.007
    • +
  • Dòng Laptop: Laptop | Laptop Acer Aspire | Laptop Đồ Họa | Laptop văn phòng
    • + Bộ vi xử lý +
  • Công nghệ CPU: Intel Core i5-12450H
    • +
  • Số nhân: 8
    • +
  • Số luồng: 12
    • +
  • Tốc độ tối đa: 4.4GHz
    • +
  • Bộ nhớ đệm: 12MB
    • + Bộ nhớ trong (RAM) +
  • RAM: 16GB (2x8GB)
    • +
  • Loại RAM: DDR4
    • +
  • Tốc độ Bus RAM: 3200Mhz
    • +
  • Số khe cắm: 2 khe
    • +
  • Hỗ trợ RAM tối đa: Nâng cấp tối đa 32GB
    • + Ổ cứng +
  • Dung lượng: 512GB PCIe NVMe SSD
    • +
  • Tốc độ vòng quay
    • +
  • Khe cắm SSD mở rộng: nâng cấp tối đa 1 TB SSD PCIe Gen4, 16 Gb/s, NVMe
    • +
+
+
+
+
+ Quý khách vui lòng làm theo các bước sau đây. +
+
+
+ Bước 1 +
+
+
+
+ + Đặt cọc
500.000 VNĐ
và STK bên dưới + +
+
+
Bước 2 +
+
+
+
+
+ Kiểm tra email để nhận thông tin xác nhận đặt cọc thành công từ + Anphatpc gửi đến +
(Lưu lý: Kiểm tra tất cả các hộp tư bao gồm cả thư rác) +
+
+
+
+
+ Trường hợp nếu không nhận được email, quý khách vui lòng gửi hình ảnh giao dịch qua + Zalo: 0909000000 để được hỗ trợ + nhanh nhất. +
+
+
+
+
+
+
+

Các phiên đấu giá trước

+
+ 3 ngày + 7 ngày + 30 ngày +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Tên người thắngGiác thắng cuộcThời gian
Mai anh22.200.000 VNĐ14:30:40 12/09/2024
Trần Quang27.500.000 VNĐ15:19:22 12/09/2024
Hoàng hải21.800.000 VNĐ10:39:41 13/09/2024
Phương Anh12.900.000 VNĐ14:12:33 13/09/2024
Mai Hoa29.860.000 VNĐ14:28:45 13/09/2024
Thu Hương70.200.000 VNĐ16:30:41 14/09/2024
Thu Hương70.200.000 VNĐ16:30:41 14/09/2024
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Tên người thắngGiác thắng cuộcThời gian
Mai anh22.200.000 VNĐ14:30:40 12/09/2024
Trần Quang27.500.000 VNĐ15:19:22 12/09/2024
Hoàng hải21.800.000 VNĐ10:39:41 13/09/2024
Phương Anh12.900.000 VNĐ14:12:33 13/09/2024
Mai Hoa29.860.000 VNĐ14:28:45 13/09/2024
Thu Hương70.200.000 VNĐ16:30:41 14/09/2024
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Tên người thắngGiác thắng cuộcThời gian
Mai anh22.200.000 VNĐ14:30:40 12/09/2024
Trần Quang27.500.000 VNĐ15:19:22 12/09/2024
Hoàng hải21.800.000 VNĐ10:39:41 13/09/2024
Phương Anh12.900.000 VNĐ14:12:33 13/09/2024
Mai Hoa29.860.000 VNĐ14:28:45 13/09/2024
Thu Hương70.200.000 VNĐ16:30:41 14/09/2024
+
+
+

Đấu giá đang diễn ra

+
+
+
+ +
+ + 220 +
+
+
+ Màn Hình Dell UltraSharp U2723QE (27.0 inch + - 4K - IPS + Black +
Giá gốc: 280.490.000 đ
+
+

Trả cao nhất:

+

230.490.000 đ

+
+ Đấu giá +
+
+
+
+ +
+ + 220 +
+
+
+ Màn Hình Dell UltraSharp U2723QE (27.0 inch + - 4K - IPS + Black +
Giá gốc: 280.490.000 đ
+
+

Trả cao nhất:

+

230.490.000 đ

+
+ Đấu giá +
+
+
+
+ +
+ + 220 +
+
+
+ Màn Hình Dell UltraSharp U2723QE (27.0 inch + - 4K - IPS + Black +
Giá gốc: 280.490.000 đ
+
+

Trả cao nhất:

+

230.490.000 đ

+
+ Đấu giá +
+
+
+
+
+
+
+
+ + +
+
+
Thể lệ tham gia đấu giá
+ + + + Thời gian: Mỗi thứ 7 hàng tuần Dịch vụ ABC sẽ có một phiên đấu giá diễn ra từ 20 tới 22h + bao + gồm nhiều sản phẩm khác + nhau. +
+

- Các sản phẩm đều có giá khởi điểm và bước giá nhất định.

+

- Người chơi có thể bắt đầu đấu giá từ giá khởi điểm, người + trả giá sau cần trả mức giá cao hơn người trước ít nhất 1 bước giá. Kết thúc thời gian đấu giá, người + trả giá cao nhất và sớm nhất sẽ được mua sản phẩm.

+

+ - Người chơi tham gia đấu giá cần đặt cọc trước 500.000 VND. +

+

- Trong thời gian diễn ra, một người chỉ được tham gia đấu giá 1 sản phẩm. Mỗi người có 5 lượt trả giá +

+

- Kết thúc phiên đấu giá, Gearvn sẽ công bố kết quả người trúng đấu giá.

+

+ Người trúng đấu giá cần thanh toán số tiền còn lại của sản phẩm sau khi + trừ tiền đặt + cọc trong vòng 24h kể từ khi công bố kết quả.Sau 24h kể từ khi công bố kết quả, người trúng đấu giá + chưa + thanh toán đủ + số tiền, tiền đặt cọc không được hoàn lại và tài khoản người chơi bị khóa không thể tham gia các chương + trình của Anphat + PC

+

- Trong thời gian diễn ra, một người chỉ được tham gia đấu giá 1 sản phẩm. Mỗi người có 5 lượt trả giá +

+

- Kết thúc phiên đấu giá, Gearvn sẽ công bố kết quả người trúng đấu giá.

+

+ Người trúng đấu giá cần thanh toán số tiền còn lại của sản phẩm sau khi + trừ tiền đặt + cọc trong vòng 24h kể từ khi công bố kết quả.Sau 24h kể từ khi công bố kết quả, người trúng đấu giá + chưa + thanh toán đủ + số tiền, tiền đặt cọc không được hoàn lại và tài khoản người chơi bị khóa không thể tham gia các chương + trình của Anphat + PC

+

+ + Nếu không trúng đấu giá, người chơi sẽ được hoàn lại tiền cọc trong vòng 02 ngày kể từ khi kết thúc. +

+ +

Bước 1: Đăng nhập tài khoản

+

Bước 2: Xem và chọn sản phẩm đấu giá

+
+
+ +
+ +
+ + +
+
+
Bạn vui lòng đăng nhập tài khoản
để tham gia đấu giá
+ + + + + +
+
+ + +
+
+
Yêu cầu đặt cọc
+ + + +

Vui lòng đặt cọc số tiền 500.000đ để tham gia đấu giá

+ Tiếp tục +
+
+ +
+
Thông tin đặt cọc sản phẩm
+ + + +
+ Quý khách vui lòng làm theo các bước sau đây. +
+
+
+ Bước 1 +
+
+
+
+ + Đặt cọc
500.000 VNĐ
và STK bên dưới + +
+
+
Bước 2 +
+
+
+
+
+ Kiểm tra email để nhận thông tin xác nhận đặt cọc thành công từ + Anphatpc gửi đến +
(Lưu lý: Kiểm tra tất cả các hộp tư bao gồm cả thư rác) +
+
+
+
+
+ Trường hợp nếu không nhận được email, quý khách vui lòng gửi hình ảnh giao dịch qua + Zalo: 0909000000 để được hỗ trợ + nhanh nhất. +
+
+
Thông tin tài khoản nhận cọc
+
+ qr +
+

Công ty CP THƯƠNG MẠI DỊCH VỤ ACB

+

Ngân hàng: Techcombank

+

Số tài khoản: 9999998888

+ Nội dung thanh toán: +

[id tài khoản] đặt cọc tham gia đấu giá sản phẩm [mã sp]

+
+
+
+
+
+ + +
+

+ xin chúc mừng! +

+ + + +
Bạn đã đặt giá thầu thành công!
+
+ Quý khách hãy tiếp tục theo dõi màn đấu giá cho đến hết thời gian diễn ra. Lịch sử đấu giá sẽ được hiển thị + tại đây. Khi + thời gian kết thúc, bộ phận CSKH sẽ gửi email xác nhận đến người chiến thắng! +
+ Đã hiểu +
+ +
+ +

Đấu giá không thành công

+ + + +
+ Giá đấu của bạn chưa hợp lệ. Vui lòng nhập giá cao hơn giá cao nhất ít nhất X VND +
+ Thử lại +
+ + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/home-mobile.html b/home-mobile.html new file mode 100644 index 0000000..882a865 --- /dev/null +++ b/home-mobile.html @@ -0,0 +1,808 @@ + + + + + + + Đấu giá + + + + + + + + +
+
+
+
+ +
+ + + Thể lệ đấu giá + + + + Tài khoản + + +
+
+
+
+
+ +
+
+

Top đấu giá sôi động

+
+
+
+
+
+ +
+ + 220 +
+
+
+ Màn Hình Dell + UltraSharp + U2723QE (27.0 inch + - 4K - + IPS + Black +
Giá gốc: 280.490.000 đ
+
+

Trả cao nhất:

+

230.490.000 đ

+
+ Đấu giá +
+
+
+
+
+
+ +
+ + 220 +
+
+
+ Màn Hình Dell + UltraSharp + U2723QE (27.0 inch + - 4K - + IPS + Black +
Giá gốc: 280.490.000 đ
+
+

Trả cao nhất:

+

230.490.000 đ

+
+ Đấu giá +
+
+
+
+
+
+ +
+ + 220 +
+
+
+ Màn Hình Dell + UltraSharp + U2723QE (27.0 inch + - 4K - + IPS + Black +
Giá gốc: 280.490.000 đ
+
+

Trả cao nhất:

+

230.490.000 đ

+
+ Đấu giá +
+
+
+
+
+
+ +
+ + 220 +
+
+
+ Màn Hình Dell + UltraSharp + U2723QE (27.0 inch + - 4K - + IPS + Black +
Giá gốc: 280.490.000 đ
+
+

Trả cao nhất:

+

230.490.000 đ

+
+ Đấu giá +
+
+
+
+
+
+
+
+ +
+
+
+

Đấu giá kịch tÍnh từ 0Đ

+
+
+
+

20:00

+ Đang diễn ra +
+
+
+ Còn lại +
02
+
16
+
42
+
+ Xem tất cả + +
+
+
+
+
+ +
+ + 220 +
+
+
+ Màn Hình Dell + UltraSharp U2723QE (27.0 inch + - 4K - + IPS + Black +
Giá gốc: 280.490.000 đ
+
+

Trả cao nhất:

+

230.490.000 đ

+
+ Tiếp tục Đấu giá +
+
+
+
+ +
+ + 220 +
+
+
+ Màn Hình Dell + UltraSharp U2723QE (27.0 inch + - 4K - + IPS + Black +
Giá gốc: 280.490.000 đ
+
+

Trả cao nhất:

+

230.490.000 đ

+
+ Tiếp tục Đấu giá +
+
+
+
+ +
+ + 220 +
+
+
+ Màn Hình Dell + UltraSharp U2723QE (27.0 inch + - 4K - + IPS + Black +
Giá gốc: 280.490.000 đ
+
+

Trả cao nhất:

+

230.490.000 đ

+
+ Tiếp tục Đấu giá +
+
+
+
+ +
+ + 220 +
+
+
+ Màn Hình Dell + UltraSharp U2723QE (27.0 inch + - 4K - + IPS + Black +
Giá gốc: 280.490.000 đ
+
+

Trả cao nhất:

+

230.490.000 đ

+
+ Tiếp tục Đấu giá +
+
+
+
+ +
+ + 220 +
+
+
+ Màn Hình Dell + UltraSharp U2723QE (27.0 inch + - 4K - + IPS + Black +
Giá gốc: 280.490.000 đ
+
+

Trả cao nhất:

+

230.490.000 đ

+
+ Tiếp tục Đấu giá +
+
+
+
+ +
+ + 220 +
+
+
+ Màn Hình Dell + UltraSharp U2723QE (27.0 inch + - 4K - + IPS + Black +
Giá gốc: 280.490.000 đ
+
+

Trả cao nhất:

+

230.490.000 đ

+
+ Tiếp tục Đấu giá +
+
+
+
+
+
+
+

20:00

+ Sắp diễn ra +
+
+
+ Bắt đầu +
02
+
16
+
42
+
+ Xem tất cả + +
+
+
+
+
+ +
+ + 220 +
+
+
+ Màn Hình Dell + UltraSharp U2723QE (27.0 inch + - 4K - + IPS + Black +
Giá gốc: 280.490.000 đ
+
+

Trả cao nhất:

+

230.490.000 đ

+
+ Sắp Đấu giá +
+
+
+
+ +
+ + 220 +
+
+
+ Màn Hình Dell + UltraSharp U2723QE (27.0 inch + - 4K - + IPS + Black +
Giá gốc: 280.490.000 đ
+
+

Trả cao nhất:

+

230.490.000 đ

+
+ Sắp Đấu giá +
+
+
+
+ +
+ + 220 +
+
+
+ Màn Hình Dell + UltraSharp U2723QE (27.0 inch + - 4K - + IPS + Black +
Giá gốc: 280.490.000 đ
+
+

Trả cao nhất:

+

230.490.000 đ

+
+ Sắp Đấu giá +
+
+
+
+ +
+ + 220 +
+
+
+ Màn Hình Dell + UltraSharp U2723QE (27.0 inch + - 4K - + IPS + Black +
Giá gốc: 280.490.000 đ
+
+

Trả cao nhất:

+

230.490.000 đ

+
+ Sắp Đấu giá +
+
+
+
+ +
+ + 220 +
+
+
+ Màn Hình Dell + UltraSharp U2723QE (27.0 inch + - 4K - + IPS + Black +
Giá gốc: 280.490.000 đ
+
+

Trả cao nhất:

+

230.490.000 đ

+
+ Sắp Đấu giá +
+
+
+
+ +
+ + 220 +
+
+
+ Màn Hình Dell + UltraSharp U2723QE (27.0 inch + - 4K - + IPS + Black +
Giá gốc: 280.490.000 đ
+
+

Trả cao nhất:

+

230.490.000 đ

+
+ Sắp Đấu giá +
+
+
+
+ +
+
+
+ + +
+
+
+

+ +

Deal hot

+

+
+ +

Đang diễn ra 20:00

+
+ Còn lại +
02
+
16
+
42
+
+ + +

Sắp diễn ra 22:00

+
+ Còn lại +
02
+
16
+
42
+
+ +
+
+
+
+ +
+
+
+
+
Đã bán 8/ 10 Sản phẩm
+
+ Loa Floorstanding Focal + Loudspeaker Aria Evo X + N4 + +
+
28.490.000 đ
+
+ 30.490.000 đ +
-30%
+
+
+ Mua ngay +
+
+
+
+ +
+
+
+
+
Đã bán 8/ 10 Sản phẩm
+
+ Loa Floorstanding Focal + Loudspeaker Aria Evo X + N4 + +
+
28.490.000 đ
+
+ 30.490.000 đ +
-30%
+
+
+ Mua ngay +
+
+
+
+ +
+
+
+
+
Đã bán 8/ 10 Sản phẩm
+
+ Loa Floorstanding Focal + Loudspeaker Aria Evo X + N4 + +
+
28.490.000 đ
+
+ 30.490.000 đ +
-30%
+
+
+ Mua ngay +
+
+
+
+ +
+
+
+
+
Đã bán 8/ 10 Sản phẩm
+
+ Loa Floorstanding Focal + Loudspeaker Aria Evo X + N4 + +
+
28.490.000 đ
+
+ 30.490.000 đ +
-30%
+
+
+ Mua ngay +
+
+
+
+ +
+
+
+
+
Đã bán 8/ 10 Sản phẩm
+
+ Loa Floorstanding Focal + Loudspeaker Aria Evo X + N4 + +
+
28.490.000 đ
+
+ 30.490.000 đ +
-30%
+
+
+ Mua ngay +
+
+
+
+ +
+
+
+
+
Đã bán 8/ 10 Sản phẩm
+
+ Loa Floorstanding Focal + Loudspeaker Aria Evo X + N4 + +
+
28.490.000 đ
+
+ 30.490.000 đ +
-30%
+
+
+ Mua ngay +
+
+
+ + Xem tất cả + + +
+
+
+
+ +
+
+
+
+

Câu hỏi thường gặp

+
+
+ + Đấu giá trực tuyến có phức tạp không? + + +
Rất dễ dàng, tham gia mọi lúc mọi nơi chỉ cần có smartphone và + internet +
+
+
+ + Làm thế nào để xác thực tài khoản đấu giá thành công? + + +
Rất dễ dàng, tham gia mọi lúc mọi nơi chỉ cần có smartphone và + internet +
+
+
+ + Tại sao nên chọn đấu giá trực tuyến tại Anphatpc? + + +
Rất dễ dàng, tham gia mọi lúc mọi nơi chỉ cần có smartphone và + internet +
+
+
+ + Quy trình đấu giá sản phẩm của Anphatpc như thế nào? + + +
Rất dễ dàng, tham gia mọi lúc mọi nơi chỉ cần có smartphone và + internet +
+
+
+ + Điều kiện để chiến thắng đấu giá là gì? + + +
Rất dễ dàng, tham gia mọi lúc mọi nơi chỉ cần có smartphone và + internet +
+
+
+
+
+
+
+
+
+
+
+
+ ship +
+
+ Chính sách giao hàng +

Nhận hàng & thanh toán tại nhà

+
+
+
+
+ ship +
+
+ Đổi mới 15 ngày đầu +

Áp dụng với sản phẩm laptop

+
+
+
+
+ ship +
+
+ Thanh toán tiện lợi +

Trả tiền mặt, CK, trả góp 0%

+
+
+
+
+ ship +
+
+ Hỗ trợ nhiệt tình +

Tư vấn, giải pháp mọi thắc mắc

+
+
+
+
+
+ Công ty cổ phần thương mại máy tính an phát +

Giấy chứng nhận ĐKDN số 0108940873 do Sở kế hoạch và Đầu tư Thành phố Hà Nội cấp ngày + 11/10/2019

+

Trụ sở: Tầng 5, Số 49 phố Thái Hà, Phương Trung Liệt, Quận Đống Đa, Thành phố Hà nội, + Việt + Nam

+

Điện thoại: 19000323 Email: Giang@anphat.com.vn

+
+ + + +
+
+
+
+
+ + + + + + + + + + + \ No newline at end of file diff --git a/home.html b/home.html new file mode 100644 index 0000000..d0fed29 --- /dev/null +++ b/home.html @@ -0,0 +1,541 @@ + + + + + + + Đấu giá + + + + + +
+
+
+
+ +
+
+ + + Thể lệ đấu giá + + + + Tài khoản + + +
+
+
+
+
+ +
+
+

Top đấu giá sôi động

+
+
+
+ +
+ + 220 +
+
+
+ Màn Hình Dell UltraSharp U2723QE (27.0 + inch - 4K - IPS + Black +
Giá gốc: 280.490.000 đ
+
+

Trả cao nhất:

+

230.490.000 đ

+
+ Đấu giá +
+
+
+
+ +
+ + 220 +
+
+
+ Màn Hình Dell UltraSharp U2723QE (27.0 + inch - 4K - IPS + Black +
Giá gốc: 280.490.000 đ
+
+

Trả cao nhất:

+

230.490.000 đ

+
+ Đấu giá +
+
+
+
+ +
+ + 220 +
+
+
+ Màn Hình Dell UltraSharp U2723QE (27.0 + inch - 4K - IPS + Black +
Giá gốc: 280.490.000 đ
+
+

Trả cao nhất:

+

230.490.000 đ

+
+ Đấu giá +
+
+
+
+
+
+
+
+

Đấu giá kịch tính từ 0Đ

+
+ +

Đang diễn ra 20:00

+ Còn lại +
+
02
+
16
+
42
+
+ + +

Sắp diễn ra 22:00

+ Còn lại +
+
02
+
16
+
42
+
+ +
+
+
+
+ +
+ + 220 +
+
+
+ Màn Hình Dell UltraSharp U2723QE (27.0 + inch - 4K - + IPS + Black +
Giá gốc: 280.490.000 đ
+
+

Trả cao nhất:

+

230.490.000 đ

+
+ Tiếp tục Đấu giá +
+
+
+
+ +
+ + 220 +
+
+
+ Màn Hình Dell UltraSharp U2723QE (27.0 + inch - 4K - + IPS + Black +
Giá gốc: 280.490.000 đ
+
+

Trả cao nhất:

+

230.490.000 đ

+
+ Đấu giá +
+
+
+
+ +
+ + 220 +
+
+
+ Màn Hình Dell UltraSharp U2723QE (27.0 + inch - 4K - + IPS + Black +
Giá gốc: 280.490.000 đ
+
+

Trả cao nhất:

+

230.490.000 đ

+
+ Đấu giá +
+
+
+
+ +
+ + 220 +
+
+
+ Màn Hình Dell UltraSharp U2723QE (27.0 + inch - 4K - + IPS + Black +
Giá gốc: 280.490.000 đ
+
+

Trả cao nhất:

+

230.490.000 đ

+
+ Đấu giá +
+
+
+
+ +
+ + 220 +
+
+
+ Màn Hình Dell UltraSharp U2723QE (27.0 + inch - 4K - + IPS + Black +
Giá gốc: 280.490.000 đ
+
+

Trả cao nhất:

+

230.490.000 đ

+
+ Đấu giá +
+
+
+
+ +
+ + 220 +
+
+
+ Màn Hình Dell UltraSharp U2723QE (27.0 + inch - 4K - + IPS + Black +
Giá gốc: 280.490.000 đ
+
+

Trả cao nhất:

+

230.490.000 đ

+
+ Đấu giá +
+
+
+ + Xem tất cả + + +
+
+
+
+
+
+

+ +

Deal hot

+

+
+ +

Đang diễn ra 20:00

+ Còn lại +
+
02
+
16
+
42
+
+ + +

Sắp diễn ra 22:00

+ Còn lại +
+
02
+
16
+
42
+
+ +
+
+
+
+ +
+
+
+
+
Đã bán 8/ 10 Sản phẩm
+
+ Loa Floorstanding Focal + Loudspeaker Aria Evo X + N4 + +
+
28.490.000 đ
+
+ 30.490.000 đ +
-30%
+
+
+ Mua ngay +
+
+
+
+ +
+
+
+
+
Đã bán 8/ 10 Sản phẩm
+
+ Loa Floorstanding Focal + Loudspeaker Aria Evo X + N4 + +
+
28.490.000 đ
+
+ 30.490.000 đ +
-30%
+
+
+ Mua ngay +
+
+
+
+ +
+
+
+
+
Đã bán 8/ 10 Sản phẩm
+
+ Loa Floorstanding Focal + Loudspeaker Aria Evo X + N4 + +
+
28.490.000 đ
+
+ 30.490.000 đ +
-30%
+
+
+ Mua ngay +
+
+
+
+ +
+
+
+
+
Đã bán 8/ 10 Sản phẩm
+
+ Loa Floorstanding Focal + Loudspeaker Aria Evo X + N4 + +
+
28.490.000 đ
+
+ 30.490.000 đ +
-30%
+
+
+ Mua ngay +
+
+
+
+ +
+
+
+
+
Đã bán 8/ 10 Sản phẩm
+
+ Loa Floorstanding Focal + Loudspeaker Aria Evo X + N4 + +
+
28.490.000 đ
+
+ 30.490.000 đ +
-30%
+
+
+ Mua ngay +
+
+
+ + Xem tất cả + + +
+
+
+
+
+
+
+
+

Câu hỏi thường gặp

+
+
+ + Đấu giá trực tuyến có phức tạp không? + + +
Rất dễ dàng, tham gia mọi lúc mọi nơi chỉ cần có smartphone và internet +
+
+
+ + Làm thế nào để xác thực tài khoản đấu giá thành công? + + +
Rất dễ dàng, tham gia mọi lúc mọi nơi chỉ cần có smartphone và internet +
+
+
+ + Tại sao nên chọn đấu giá trực tuyến tại Anphatpc? + + +
Rất dễ dàng, tham gia mọi lúc mọi nơi chỉ cần có smartphone và internet +
+
+
+ + Quy trình đấu giá sản phẩm của Anphatpc như thế nào? + + +
Rất dễ dàng, tham gia mọi lúc mọi nơi chỉ cần có smartphone và internet +
+
+
+ + Điều kiện để chiến thắng đấu giá là gì? + + +
Rất dễ dàng, tham gia mọi lúc mọi nơi chỉ cần có smartphone và internet +
+
+
+
+
+
+
+
+
+
+
+
+ ship +
+
+ Chính sách giao hàng +

Nhận hàng & thanh toán tại nhà

+
+
+
+
+ ship +
+
+ Đổi mới 15 ngày đầu +

Áp dụng với sản phẩm laptop

+
+
+
+
+ ship +
+
+ Thanh toán tiện lợi +

Trả tiền mặt, CK, trả góp 0%

+
+
+
+
+ ship +
+
+ Hỗ trợ nhiệt tình +

Tư vấn, giải pháp mọi thắc mắc

+
+
+
+
+
+ Công ty cổ phần thương mại máy tính an phát +

Giấy chứng nhận ĐKDN số 0108940873 do Sở kế hoạch và Đầu tư Thành phố Hà Nội cấp ngày + 11/10/2019

+

Trụ sở: Tầng 5, Số 49 phố Thái Hà, Phương Trung Liệt, Quận Đống Đa, Thành phố Hà nội, Việt + Nam

+

Điện thoại: 19000323 Email: Giang@anphat.com.vn

+
+ + + +
+
+
+
+ + + + + + + \ No newline at end of file diff --git a/listdaugia-mb.html b/listdaugia-mb.html new file mode 100644 index 0000000..f970f88 --- /dev/null +++ b/listdaugia-mb.html @@ -0,0 +1,186 @@ + + + + + + + Đấu giá + + + + + + + + +
+
+
+
+ + + + Đấu giá +
+
+
+

Đấu giá kịch tính từ 0Đ

+
+ +

20:00

+ Đang diễn ra + + +

22:00

+ Sắp diễn ra + +
+
+ Còn lại +
02
+
16
+
42
+
+
+
+
+ +
+ + 220 +
+
+
+ Màn Hình Dell UltraSharp + U2723QE (27.0 inch - 4K - + IPS + Black +
Giá gốc: 280.490.000 đ
+
+

Trả cao nhất:

+

230.490.000 đ

+
+ Tiếp tục Đấu giá +
+
+
+
+ +
+ + 220 +
+
+
+ Màn Hình Dell UltraSharp + U2723QE (27.0 inch - 4K - + IPS + Black +
Giá gốc: 280.490.000 đ
+
+

Trả cao nhất:

+

230.490.000 đ

+
+ Tiếp tục Đấu giá +
+
+
+
+ +
+ + 220 +
+
+
+ Màn Hình Dell UltraSharp + U2723QE (27.0 inch - 4K - + IPS + Black +
Giá gốc: 280.490.000 đ
+
+

Trả cao nhất:

+

230.490.000 đ

+
+ Tiếp tục Đấu giá +
+
+
+
+ +
+ + 220 +
+
+
+ Màn Hình Dell UltraSharp + U2723QE (27.0 inch - 4K - + IPS + Black +
Giá gốc: 280.490.000 đ
+
+

Trả cao nhất:

+

230.490.000 đ

+
+ Tiếp tục Đấu giá +
+
+
+
+ +
+ + 220 +
+
+
+ Màn Hình Dell UltraSharp + U2723QE (27.0 inch - 4K - + IPS + Black +
Giá gốc: 280.490.000 đ
+
+

Trả cao nhất:

+

230.490.000 đ

+
+ Tiếp tục Đấu giá +
+
+
+
+ +
+ + 220 +
+
+
+ Màn Hình Dell UltraSharp + U2723QE (27.0 inch - 4K - + IPS + Black +
Giá gốc: 280.490.000 đ
+
+

Trả cao nhất:

+

230.490.000 đ

+
+ Tiếp tục Đấu giá +
+
+
+
+ 1 + 1 + 1 + 1 + 1 +
+
+
+
+
+ + + + \ No newline at end of file diff --git a/listdaugia.html b/listdaugia.html new file mode 100644 index 0000000..23eae8c --- /dev/null +++ b/listdaugia.html @@ -0,0 +1,325 @@ + + + + + + + Document + + + + + +
+
+
+
+ +
+
+ + + Thể lệ đấu giá + + + + Tài khoản + + +
+
+
+
+
+
+
+
    +
  1. + + Trang chủ + / + +
    2. +
  2. + + + Đấu giá + + + +
    3. +
+
+
+
+

Đấu giá kịch tính từ 0Đ

+
+ +

Đang diễn ra 20:00

+ Còn lại +
+
02
+
16
+
42
+
+ + +

Sắp diễn ra 22:00

+ Còn lại +
+
02
+
16
+
42
+
+ +
+
+
+
+ +
+ + 220 +
+
+
+ Màn Hình Dell UltraSharp U2723QE (27.0 + inch - 4K - + IPS + Black +
Giá gốc: 280.490.000 đ
+
+

Trả cao nhất:

+

230.490.000 đ

+
+ Tiếp tục Đấu giá +
+
+
+
+ +
+ + 220 +
+
+
+ Màn Hình Dell UltraSharp U2723QE (27.0 + inch - 4K - + IPS + Black +
Giá gốc: 280.490.000 đ
+
+

Trả cao nhất:

+

230.490.000 đ

+
+ Đấu giá +
+
+
+
+ +
+ + 220 +
+
+
+ Màn Hình Dell UltraSharp U2723QE (27.0 + inch - 4K - + IPS + Black +
Giá gốc: 280.490.000 đ
+
+

Trả cao nhất:

+

230.490.000 đ

+
+ Đấu giá +
+
+
+
+ +
+ + 220 +
+
+
+ Màn Hình Dell UltraSharp U2723QE (27.0 + inch - 4K - + IPS + Black +
Giá gốc: 280.490.000 đ
+
+

Trả cao nhất:

+

230.490.000 đ

+
+ Đấu giá +
+
+
+
+ +
+ + 220 +
+
+
+ Màn Hình Dell UltraSharp U2723QE (27.0 + inch - 4K - + IPS + Black +
Giá gốc: 280.490.000 đ
+
+

Trả cao nhất:

+

230.490.000 đ

+
+ Đấu giá +
+
+
+
+ +
+ + 220 +
+
+
+ Màn Hình Dell UltraSharp U2723QE (27.0 + inch - 4K - + IPS + Black +
Giá gốc: 280.490.000 đ
+
+

Trả cao nhất:

+

230.490.000 đ

+
+ Đấu giá +
+
+
+
+ 1 + 1 + 1 + 1 + 1 +
+
+
+
+
+
+
+
+

Câu hỏi thường gặp

+
+
+ + Đấu giá trực tuyến có phức tạp không? + + +
Rất dễ dàng, tham gia mọi lúc mọi nơi chỉ cần có smartphone và internet +
+
+
+ + Làm thế nào để xác thực tài khoản đấu giá thành công? + + +
Rất dễ dàng, tham gia mọi lúc mọi nơi chỉ cần có smartphone và internet +
+
+
+ + Tại sao nên chọn đấu giá trực tuyến tại Anphatpc? + + +
Rất dễ dàng, tham gia mọi lúc mọi nơi chỉ cần có smartphone và internet +
+
+
+ + Quy trình đấu giá sản phẩm của Anphatpc như thế nào? + + +
Rất dễ dàng, tham gia mọi lúc mọi nơi chỉ cần có smartphone và internet +
+
+
+ + Điều kiện để chiến thắng đấu giá là gì? + + +
Rất dễ dàng, tham gia mọi lúc mọi nơi chỉ cần có smartphone và internet +
+
+
+
+
+
+
+
+
+
+
+
+ ship +
+
+ Chính sách giao hàng +

Nhận hàng & thanh toán tại nhà

+
+
+
+
+ ship +
+
+ Đổi mới 15 ngày đầu +

Áp dụng với sản phẩm laptop

+
+
+
+
+ ship +
+
+ Thanh toán tiện lợi +

Trả tiền mặt, CK, trả góp 0%

+
+
+
+
+ ship +
+
+ Hỗ trợ nhiệt tình +

Tư vấn, giải pháp mọi thắc mắc

+
+
+
+
+
+ Công ty cổ phần thương mại máy tính an phát +

Giấy chứng nhận ĐKDN số 0108940873 do Sở kế hoạch và Đầu tư Thành phố Hà Nội cấp ngày + 11/10/2019

+

Trụ sở: Tầng 5, Số 49 phố Thái Hà, Phương Trung Liệt, Quận Đống Đa, Thành phố Hà nội, Việt + Nam

+

Điện thoại: 19000323 Email: Giang@anphat.com.vn

+
+ + + +
+
+
+
+ + + \ No newline at end of file diff --git a/listdeal-mb.html b/listdeal-mb.html new file mode 100644 index 0000000..9ebdfb8 --- /dev/null +++ b/listdeal-mb.html @@ -0,0 +1,243 @@ + + + + + + + Đấu giá + + + + + + + +
+
+
+
+ + + + Deal hot +
+
+ +
+

+ +

Deal hot

+

+
+ +

Đang diễn ra 20:00

+
+ Còn lại +
02
+
16
+
42
+
+ + +

Sắp diễn ra 22:00

+
+ Còn lại +
02
+
16
+
42
+
+ +
+
+
+
+ +
+
+
+
+
Đã bán 8/ 10 Sản phẩm +
+
+ Loa Floorstanding Focal + Loudspeaker Aria Evo X + N4 + +
+
28.490.000 đ
+
+ 30.490.000 đ +
-30%
+
+
+ Mua ngay +
+
+
+
+ +
+
+
+
+
Đã bán 8/ 10 Sản phẩm +
+
+ Loa Floorstanding Focal + Loudspeaker Aria Evo X + N4 + +
+
28.490.000 đ
+
+ 30.490.000 đ +
-30%
+
+
+ Mua ngay +
+
+
+
+ +
+
+
+
+
Đã bán 8/ 10 Sản phẩm +
+
+ Loa Floorstanding Focal + Loudspeaker Aria Evo X + N4 + +
+
28.490.000 đ
+
+ 30.490.000 đ +
-30%
+
+
+ Mua ngay +
+
+
+
+ +
+
+
+
+
Đã bán 8/ 10 Sản phẩm +
+
+ Loa Floorstanding Focal + Loudspeaker Aria Evo X + N4 + +
+
28.490.000 đ
+
+ 30.490.000 đ +
-30%
+
+
+ Mua ngay +
+
+
+
+ +
+
+
+
+
Đã bán 8/ 10 Sản phẩm +
+
+ Loa Floorstanding Focal + Loudspeaker Aria Evo X + N4 + +
+
28.490.000 đ
+
+ 30.490.000 đ +
-30%
+
+
+ Mua ngay +
+
+
+
+ +
+
+
+
+
Đã bán 8/ 10 Sản phẩm +
+
+ Loa Floorstanding Focal + Loudspeaker Aria Evo X + N4 + +
+
28.490.000 đ
+
+ 30.490.000 đ +
-30%
+
+
+ Mua ngay +
+
+
+
+ +
+
+
+
+
Đã bán 8/ 10 Sản phẩm +
+
+ Loa Floorstanding Focal + Loudspeaker Aria Evo X + N4 + +
+
28.490.000 đ
+
+ 30.490.000 đ +
-30%
+
+
+ Mua ngay +
+
+
+
+ 1 + 1 + 1 + 1 + 1 +
+
+ +
+
+
+ + + + \ No newline at end of file diff --git a/listdeal.html b/listdeal.html new file mode 100644 index 0000000..b9a2020 --- /dev/null +++ b/listdeal.html @@ -0,0 +1,438 @@ + + + + + + + Document + + + + + + + +
+
+
+
+ +
+
+ + + Thể lệ đấu giá + + + + Tài khoản + + +
+
+
+
+
+
+
+
    +
  1. + + Trang chủ + / + +
    2. +
  2. + + + Deal hot + + + +
    3. +
+
+
+ + +
+

+ +

Deal hot

+

+
+ +

Đang diễn ra 20:00

+ Còn lại +
+
02
+
16
+
42
+
+ + +

Sắp diễn ra 22:00

+ Còn lại +
+
02
+
16
+
42
+
+ +
+
+
+
+ +
+
+
+
+
Đã bán 8/ 10 Sản phẩm
+
+ Loa Floorstanding Focal Loudspeaker + Aria Evo X + N4 + +
+
28.490.000 đ
+
+ 30.490.000 đ +
-30%
+
+
+ Mua ngay +
+
+
+
+ +
+
+
+
+
Đã bán 8/ 10 Sản phẩm
+
+ Loa Floorstanding Focal Loudspeaker Aria Evo X + N4 + +
+
28.490.000 đ
+
+ 30.490.000 đ +
-30%
+
+
+ Mua ngay +
+
+
+
+ +
+
+
+
+
Đã bán 8/ 10 Sản phẩm
+
+ Loa Floorstanding Focal Loudspeaker Aria Evo X + N4 + +
+
28.490.000 đ
+
+ 30.490.000 đ +
-30%
+
+
+ Mua ngay +
+
+
+
+ +
+
+
+
+
Đã bán 8/ 10 Sản phẩm
+
+ Loa Floorstanding Focal Loudspeaker Aria Evo X + N4 + +
+
28.490.000 đ
+
+ 30.490.000 đ +
-30%
+
+
+ Mua ngay +
+
+
+
+ +
+
+
+
+
Đã bán 8/ 10 Sản phẩm
+
+ Loa Floorstanding Focal Loudspeaker Aria Evo X + N4 + +
+
28.490.000 đ
+
+ 30.490.000 đ +
-30%
+
+
+ Mua ngay +
+
+
+
+ +
+
+
+
+
Đã bán 8/ 10 Sản phẩm
+
+ Loa Floorstanding Focal Loudspeaker Aria Evo X + N4 + +
+
28.490.000 đ
+
+ 30.490.000 đ +
-30%
+
+
+ Mua ngay +
+
+
+
+ +
+
+
+
+
Đã bán 8/ 10 Sản phẩm
+
+ Loa Floorstanding Focal Loudspeaker Aria Evo X + N4 + +
+
28.490.000 đ
+
+ 30.490.000 đ +
-30%
+
+
+ Mua ngay +
+
+
+
+ +
+
+
+
+
Đã bán 8/ 10 Sản phẩm
+
+ Loa Floorstanding Focal Loudspeaker Aria Evo X + N4 + +
+
28.490.000 đ
+
+ 30.490.000 đ +
-30%
+
+
+ Mua ngay +
+
+
+
+ +
+
+
+
+
Đã bán 8/ 10 Sản phẩm
+
+ Loa Floorstanding Focal Loudspeaker Aria Evo X + N4 + +
+
28.490.000 đ
+
+ 30.490.000 đ +
-30%
+
+
+ Mua ngay +
+
+
+
+ +
+
+
+
+
Đã bán 8/ 10 Sản phẩm
+
+ Loa Floorstanding Focal Loudspeaker Aria Evo X + N4 + +
+
28.490.000 đ
+
+ 30.490.000 đ +
-30%
+
+
+ Mua ngay +
+
+
+
+ 1 + 1 + 1 + 1 + 1 +
+
+ +
+
+
+
+
+
+

Câu hỏi thường gặp

+
+
+ + Đấu giá trực tuyến có phức tạp không? + + +
Rất dễ dàng, tham gia mọi lúc mọi nơi chỉ cần có smartphone và internet +
+
+
+ + Làm thế nào để xác thực tài khoản đấu giá thành công? + + +
Rất dễ dàng, tham gia mọi lúc mọi nơi chỉ cần có smartphone và internet +
+
+
+ + Tại sao nên chọn đấu giá trực tuyến tại Anphatpc? + + +
Rất dễ dàng, tham gia mọi lúc mọi nơi chỉ cần có smartphone và internet +
+
+
+ + Quy trình đấu giá sản phẩm của Anphatpc như thế nào? + + +
Rất dễ dàng, tham gia mọi lúc mọi nơi chỉ cần có smartphone và internet +
+
+
+ + Điều kiện để chiến thắng đấu giá là gì? + + +
Rất dễ dàng, tham gia mọi lúc mọi nơi chỉ cần có smartphone và internet +
+
+
+
+
+
+
+
+
+
+
+
+ ship +
+
+ Chính sách giao hàng +

Nhận hàng & thanh toán tại nhà

+
+
+
+
+ ship +
+
+ Đổi mới 15 ngày đầu +

Áp dụng với sản phẩm laptop

+
+
+
+
+ ship +
+
+ Thanh toán tiện lợi +

Trả tiền mặt, CK, trả góp 0%

+
+
+
+
+ ship +
+
+ Hỗ trợ nhiệt tình +

Tư vấn, giải pháp mọi thắc mắc

+
+
+
+
+
+ Công ty cổ phần thương mại máy tính an phát +

Giấy chứng nhận ĐKDN số 0108940873 do Sở kế hoạch và Đầu tư Thành phố Hà Nội cấp ngày + 11/10/2019

+

Trụ sở: Tầng 5, Số 49 phố Thái Hà, Phương Trung Liệt, Quận Đống Đa, Thành phố Hà nội, Việt + Nam

+

Điện thoại: 19000323 Email: Giang@anphat.com.vn

+
+ + + +
+
+
+
+ + + \ No newline at end of file