commit f626b97c25975f8d1ce4ea8beeb2eed2bf74b9c4 Author: Tieptk Date: Tue Nov 12 13:28:03 2024 +0700 up diff --git a/account-mb.html b/account-mb.html new file mode 100644 index 0000000..da0df4a --- /dev/null +++ b/account-mb.html @@ -0,0 +1,429 @@ + + + + + + + Đấ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? + + + +
+
+ + Làm thế nào để xác thực tài khoản đấu giá thành công? + + + +
+
+ + Tại sao nên chọn đấu giá trực tuyến tại Anphatpc? + + + +
+
+ + Quy trình đấu giá sản phẩm của Anphatpc như thế nào? + + + +
+
+ + Điều kiện để chiến thắng đấu giá là gì? + + + +
+
+
+
+
+
+
+
+
+
+
+ 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..22c78fd --- /dev/null +++ b/account.html @@ -0,0 +1,451 @@ + + + + + + + Đấu giá + + + + + + + +
+
+
+
+ +
+
+ + + 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? + + + +
+
+ + Làm thế nào để xác thực tài khoản đấu giá thành công? + + + +
+
+ + Tại sao nên chọn đấu giá trực tuyến tại Anphatpc? + + + +
+
+ + Quy trình đấu giá sản phẩm của Anphatpc như thế nào? + + + +
+
+ + Điều kiện để chiến thắng đấu giá là gì? + + + +
+
+
+
+
+
+
+
+
+
+
+ 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-global-mb.css b/assets/css/style-global-mb.css new file mode 100644 index 0000000..f492115 --- /dev/null +++ b/assets/css/style-global-mb.css @@ -0,0 +1,648 @@ +@import url("https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro: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&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"); + +/* thay đổi màu sắc */ +:root { + --main-color: #e7d9b7; /* màu chính */ + --color-bg-title-1: #ea3e00; /* màu nền chữ đỏ */ + --color-bg-title-2: #a50e43; /* màu nền chữ vàng */ + --color-box-auction: #a50e43; /* màu nền đấu giá kịch tính */ + --color-bg-footer: #000; /* màu nền footer */ + --bg-header: #fff; /* màu nền header */ + --bg-top-auction: #ea3e00; /* màu nền tiêu đề top đấu giá sôi động */ + --bg-list-auction: #ffdbe7; /* màu nền danh sách đấu giá */ + --color-list-auction: #a50e43; /* màu nền tiều đề danh sách đấu giá */ + --bg-deal: #a50e43; /* màu nền box deal */ + --border-faq: #a50e43; /* màu border câu hỏi thường gặp */ + --color-faq: #a50e43; /* màu chữ tiêu đề câu hỏi thường gặp */ + --title-faq: #f8f8f8; /* màu nền tiêu đề câu hỏi */ + --bg-time-auction: #a50e43; /* màu nền ngày hội đấu giá */ + --bg-timeout-detail: #ea3e00; /* màu nền thời gian đếm ngược đấu giá */ + --bg-user-win: #ffe0ac; /* màu nền người chiến thắng đấu giá */ + --bg-btn-auction: #f00000; /* màu nền nút tham gia đấu giá */ + --bg-time-deal: #ee4d2d; /* màu nền thời gian đếm ngược deal */ + --bg-btn-deal: #166dd8; /* màu nền nút mua sp deal */ + --bg-list-deal-ongoing: #ee4d2d; /* màu nền danh sách sản phẩm đang diễn ra chi tiết deal */ +} + +::-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: "Be Vietnam Pro", sans-serif; +} + +body { + color: #222; + font-family: "Be Vietnam Pro", sans-serif; + + font-size: 15px; + margin: 0 auto; + background: #fff; + padding-bottom: 70px; +} + +html { + font-size: 100%; + font-family: "Be Vietnam Pro", 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; +} +.container-mb { + padding: 0; + max-width: 430px; + margin: 0 auto; + overflow: hidden; +} +.container { + padding: 0 10px; + max-width: 100%; + margin: 0 auto; +} + +.icon_auction { + background: url(../images/icon-auction.png) no-repeat; + width: 16px; + height: 16px; + display: block; + background-size: contain; +} +.icon-deal { + display: block; + width: 29px; + height: 29px; + background: url(../images/icon-flash.png) no-repeat; + background-size: contain; +} + +.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; +} +.icon.auction { + background: url(../images/icon-auction.png) no-repeat; + background-size: contain; + width: 15px; + height: 15px; + display: block; + margin-right: 3px; +} +.icon.time { + background: url(../images/icon-fire-time.png) no-repeat; + background-size: contain; + display: block; + width: 20px; + height: 20px; + margin-right: 3px; +} + +.icon-cup { + background: url(../images/icon-cup.png) no-repeat; + background-size: contain; + width: 16px; + height: 16px; + display: block; + margin-right: 10px; +} + +.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; +} +.saleoff::before { + position: absolute; + left: -6px; + top: 0; + width: 15px; + height: 20px; + content: ""; + background: url(../images/icon-flash.png) no-repeat; + background-size: cover; +} + +.background-blue { + background: var(--main-color) !important; +} +.background-red { + background: var(var(--color-bg-title-1)) !important; +} +.background-yellow { + background: var(var(--color-bg-title-2)) !important; +} +.background-footer { + background: var(--color-bg-footer) !important; +} + +.hover\:text-blue:hover { + color: var(--main-color) !important; +} +.hover\:background-blue:hover { + background: var(--main-color) !important; +} +.hover\:background-yellow:hover { + background: var(var(--color-bg-title-2)) !important; +} + +.hover\:background-white:hover { + background: #fff !important; +} + +.hover\:text-yellow:hover { + color: var(var(--color-bg-title-2)) !important; +} + +.hover\:text-red:hover { + color: #f00000 !important; +} +.hover\:border-red:hover { + border: 1px solid #f00000 !important; +} + +.hover\:border-blue:hover { + border: 1px solid var(--main-color) !important; +} + +.hover\:border-yellow:hover { + border: 1px solid var(var(--color-bg-title-2)) !important; +} + +.text-red { + color: #f00000; +} + +.btn-add { + width: 100%; + height: 34px; + line-height: 32px; + text-align: center; + background: var(--main-color); + color: #000; + text-align: center; + border-radius: 26px; + display: block; + margin-top: 10px; + font-weight: 700; +} + +.btn-add:hover { + border: 1px solid var(--main-color); + color: var(--main-color); + background: #fff; +} +.btn-add.continue { + background: #5f00b1; + color: #fff; +} + +.btn-add.continue:hover { + border: 1px solid #5f00b1; + color: #5f00b1; + background: #fff; +} + +.btn-add.coming { + background: #afafaf; +} +.btn-add.coming:hover { + border: 1px solid #afafaf; + color: #afafaf; + background: #fff; +} + +.header.header-fixed { + position: fixed; + top: 0; + left: 0; + width: 100%; + z-index: 999; +} + +.swiper-pagination { + bottom: 0 !important; +} +.swiper-pagination-bullet { + width: 10px; + height: 10px; +} +.swiper-pagination-bullet.swiper-pagination-bullet-active { + background: var(var(--color-bg-title-2)); +} + +.box-time { + display: flex; + align-items: center; +} +.box-time .item-time { + margin-left: 16px; + display: flex; + flex-wrap: wrap; + justify-content: center; + text-align: center; + flex-direction: column; +} +.box-time .item-time b { + width: 34px; + height: 34px; + line-height: 34px; + text-align: center; + color: #000; + font-weight: 700; + position: relative; + border-radius: 5px; + background: #fff; + border-radius: 8px; +} +.box-time .item-time b::after { + content: ":"; + position: absolute; + right: -11px; + color: #000; + 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-tab.active { + background: var(--main-color); + color: #fff; +} +.item-tab:hover { + background: var(--main-color); + color: #fff; +} +.tab-list .box-time b { + background: #000; + width: 26px; + height: 26px; + line-height: 26px; + text-align: center; + color: #fff; + font-weight: 700; + position: relative; + border-radius: 5px; +} + +.btn-more-all { + width: 130px; + height: 40px; + line-height: 40px; + display: block; + border-radius: 20px; + border: 1px solid #fff; + margin: 0 auto auto auto; + text-align: center; + color: #fff; + font-size: 14px; + background: #fff; + color: #f0292b; + text-transform: uppercase; + font-weight: 700; +} +.btn-more-all:hover { + background: #fff; + color: #ee4d2d; +} +.box-faq .item.active .content { + display: block; +} + +.page-auction .item-tab.active, +.page-auction .item-tab:hover { + background: #fff; + color: var(--main-color); +} +.page-detail .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; +} +.page-detail .swiper-pagination { + color: #fff !important; +} +.active { + display: block !important; +} + +.tab-history .item-tab.active, +.tab-history .item-tab:hover { + background: #fff; + box-shadow: 0px 4px 4px 0px #00000040; + color: #000; + border-radius: 20px; +} + +.table-tab thead { + background: #fff; +} + +.table-tab th { + position: sticky; + top: 0; + width: calc(100% / 3); + height: 35px; + background: #fff; + border-bottom: 1px solid #dfdfdf; + font-size: 13px; +} +.table-tab td { + font-size: 13px; + width: calc(100% / 3); + 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: 999; + display: none; +} +.overlay.active { + display: block; +} + +.box-popup { + position: fixed; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + border: 2px solid var(var(--color-bg-title-2)); + width: 97%; + border-radius: 30px; + padding: 15px; + background: #fff; + z-index: 999; + display: none; +} + +.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: 8px; + top: 4px; + 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: var(--main-color); +} +.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-success::before { + position: absolute; + content: ""; + background: url(../images/background-firework.png) no-repeat; + background-size: contain; + width: 100px; + height: 85px; + left: 0; + top: 20px; +} +.popup-success::after { + position: absolute; + content: ""; + background: url(../images/background-firework.png) no-repeat; + background-size: contain; + width: 100px; + height: 85px; + right: 0; + top: 20px; + transform: scaleX(-1); +} + +.table-history thead { + position: sticky; + top: 0; +} +.table-history th { + background: #e2e2e2; + height: 40px; + padding: 0 10px; +} +.table-history td { + height: 40px; + padding: 5px; + border-bottom: 0.5px solid #e2e2e2; +} +.table-history .status.ship { + color: #17c967; +} +.table-history .status.cancel { + color: #d00000; +} +.table-history .status.processing { + color: #f48320; +} +.table-history .status.success { + color: #0caaf9; +} + +.page-detail .item-time b { + color: #fff; +} + +.page-detail .item-time b::after { + color: #fff; +} + +.box-deal-hot .box-time b { + background: #fff; + color: #f0292b; +} +.box-deal-hot .box-time b::after { + color: #fff; +} + +.box-deal-hot .coming b { + height: unset; + background: transparent; + line-height: unset; + color: #fff; +} diff --git a/assets/css/style-global.css b/assets/css/style-global.css new file mode 100644 index 0000000..77d4834 --- /dev/null +++ b/assets/css/style-global.css @@ -0,0 +1,731 @@ +@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"); + +/* thay đổi màu sắc */ +:root { + --main-color: #a50e43; /* màu chính */ + --color-bg-title-1: #ea3e00; /* màu nền chữ đỏ */ + --color-bg-title-2: #a50e43; /* màu nền chữ vàng */ + --color-box-auction: #166dd8; /* màu nền đấu giá kịch tính */ + --color-bg-footer: #a50e43; /* màu nền footer */ + --bg-header: #fff; /* màu nền header */ + --bg-top-auction: #ea3e00; /* màu nền tiêu đề top đấu giá sôi động */ + --bg-list-auction: #ffdbe7; /* màu nền danh sách đấu giá */ + --color-list-auction: #a50e43; /* màu nền tiều đề danh sách đấu giá */ + --bg-deal: #a50e43; /* màu nền box deal */ + --border-faq: #a50e43; /* màu border câu hỏi thường gặp */ + --color-faq: #a50e43; /* màu chữ tiêu đề câu hỏi thường gặp */ + --title-faq: #f8f8f8; /* màu nền tiêu đề câu hỏi */ + --bg-time-auction: #a50e43; /* màu nền ngày hội đấu giá */ + --bg-timeout-detail: #ea3e00; /* màu nền thời gian đếm ngược đấu giá */ + --bg-user-win: #ffe0ac; /* màu nền người chiến thắng đấu giá */ + --bg-btn-auction: #f00000; /* màu nền nút tham gia đấu giá */ + --bg-time-deal: #ee4d2d; /* màu nền thời gian đếm ngược deal */ + --bg-btn-deal: #166dd8; /* màu nền nút mua sp deal */ + --bg-list-deal-ongoing: #ee4d2d; /* màu nền danh sách sản phẩm đang diễn ra chi tiết deal */ +} + +::-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; +} +.container { + padding: 0 10px; + width: 1210px !important; + margin: 0 auto; +} + +.icon_auction { + background: url(../images/icon-auction.png) no-repeat; + width: 14px; + height: 14px; + display: block; + background-size: contain; +} +.icon-deal { + display: block; + width: 29px; + height: 29px; + background: url(../images/icon-flash.png) no-repeat; + background-size: contain; +} + +.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; +} +.icon.auction { + background: url(../images/icon-auction.png) no-repeat; + background-size: contain; + width: 15px; + height: 15px; + display: block; + margin-right: 3px; +} +.icon.time { + background: url(../images/icon-fire-time.png) no-repeat; + background-size: contain; + display: block; + width: 20px; + height: 20px; + margin-right: 3px; +} + +.icon-cup { + background: url(../images/icon-cup.png) no-repeat; + background-size: contain; + width: 16px; + height: 16px; + display: block; + margin-right: 10px; +} + +.background-blue { + background: var(--main-color) !important; +} +.background-red { + background: var(--color-bg-title-1) !important; +} +.background-yellow { + background: var(--color-bg-title-2) !important; +} +.background-footer { + background: var(--color-bg-footer) !important; +} + +.hover\:text-blue:hover { + color: var(--main-color) !important; +} +.hover\:background-blue:hover { + background: var(--main-color) !important; +} +.hover\:background-yellow:hover { + background: var(--color-bg-title-2) !important; +} + +.hover\:background-white:hover { + background: #fff !important; +} + +.hover\:text-yellow:hover { + color: var(--color-bg-title-2) !important; +} + +.hover\:text-red:hover { + color: #f00000 !important; +} +.hover\:border-red:hover { + border: 1px solid #f00000 !important; +} + +.hover\:border-blue:hover { + border: 1px solid var(--main-color) !important; +} + +.hover\:border-yellow:hover { + border: 1px solid var(--color-bg-title-2) !important; +} + +.text-red { + color: #f00000; +} + +.btn-add { + width: 140px; + height: 32px; + line-height: 30px; + text-align: center; + background: var(--main-color); + color: #fff; + text-align: center; + border-radius: 26px; + display: block; + margin-top: 10px; +} + +.btn-add:hover { + border: 1px solid var(--main-color); + color: var(--main-color); + background: #fff; +} +.btn-add.continue { + background: #5f00b1; +} + +.btn-add.continue:hover { + border: 1px solid #5f00b1; + color: #5f00b1; + background: #fff; +} + +.btn-add.coming { + background: #afafaf; +} +.btn-add.coming:hover { + border: 1px solid #afafaf; + color: #afafaf; + background: #fff; +} + +.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 { + 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: #000; + 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; +} + +.tab-list .box-time b { + background: #000; + width: 26px; + height: 26px; + line-height: 26px; + text-align: center; + color: #fff; + font-weight: 700; + position: relative; + border-radius: 5px; +} + +.more-all { + width: 110px; + height: 32px; + line-height: 31px; + display: block; + border-radius: 20px; + border: 1px solid #000; + margin: 10px auto auto auto; + text-align: center; + color: #000; +} + +.more-all:hover { + background: var(--main-color); + border-color: #fff; + color: #fff; +} + +.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; +} +.saleoff::before { + position: absolute; + left: -6px; + top: 0; + width: 15px; + height: 20px; + content: ""; + background: url(../images/icon-flash.png) no-repeat; + background-size: cover; +} + +.box-faq .item.active .content { + display: block; +} + +.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; +} + +.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; +} + +.item-tab.active { + background: var(--main-color); + color: #fff; +} + +.item-tab:hover { + background: var(--main-color); + color: #fff; +} + +.tab-history .item-tab.active, +.tab-history .item-tab:hover { + background: #fff; + box-shadow: 0px 4px 4px 0px #00000040; + color: #000; + border-radius: 20px; +} + +.active { + display: block !important; +} + +.table-tab thead { + background: #fff; +} + +.table-tab th { + position: sticky; + top: 0; + width: 30%; + height: 35px; + background: #fff; + border-bottom: 1px solid #dfdfdf; +} +.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 var(--color-bg-title-2); + width: 590px; + border-radius: 30px; + padding: 15px; + background: #fff; + z-index: 999; + display: none; + &.active { + display: block; + } +} + +.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: 8px; + top: 4px; + 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: var(--main-color); +} +.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-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); +} + +.item-input.error .note-error { + color: #f00000; + font-size: 12px; +} + +.table-history thead { + position: sticky; + top: 0; +} +.table-history th { + background: #e2e2e2; + height: 40px; + padding: 0 10px; +} +.table-history td { + height: 40px; + padding: 0 10px; +} +.table-history .status.ship { + color: #17c967; +} +.table-history .status.cancel { + color: #d00000; +} +.table-history .status.processing { + color: #f48320; +} +.table-history .status.success { + color: #0caaf9; +} +.tab-list.auction .item.active, +.tab-list.auction .item:hover { + background: var(--color-bg-title-2); + display: flex !important; +} + +.box-deal-hot .item.active, +.box-deal-hot .item:hover { + background: var(--main-color); + display: flex !important; +} + +.box-deal-hot .item.active, +.box-deal-hot .item:hover { + background: var(--main-color); + display: flex !important; +} + +.mode-edit { + top: -50px; + left: 0; + z-index: 1000; + width: 100%; + display: block; + transition: 0.3s; +} + +.mode-edit.fixed { + position: fixed; + top: 0; +} + +#toggleEditMode { + background: #2578e7; + height: 30px; + color: #fff; + border-radius: 5px; + display: block; + white-space: nowrap; +} + +.editable-element { + position: relative; +} + +.edit-button { + display: none; + position: absolute; + top: -25px; + right: 0; + background-color: #2578e7; + color: white; + padding: 5px; + border-radius: 4px; + cursor: pointer; + font-size: 12px; +} + +.editable-element.editable { + border: 1px solid #ddd; +} + +.editable-element.editable .edit-button { + display: block; +} + +.tab-bar { + display: none; + margin-top: 10px; + padding: 15px; + border-radius: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); + position: fixed; + right: 10px; + top: 50px; + width: 400px; + height: 520px; + overflow: auto; + background: #fff; +} + +.editable-container { + position: relative; +} + +.apply-button { + background-color: #28a745; + color: white; + padding: 5px 10px; + border-radius: 3px; + cursor: pointer; + transition: background-color 0.3s ease; +} + +.apply-button:hover { + background-color: #218838; +} + +.edit-position.active { + border: 1px solid #2578e7; + background: #2578e7; + color: #fff; +} + +.box-faq .editable-element.editable { + border: 2px solid #110e83; +} diff --git a/assets/css/style-mb.css b/assets/css/style-mb.css new file mode 100644 index 0000000..41b2319 --- /dev/null +++ b/assets/css/style-mb.css @@ -0,0 +1,2878 @@ +@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: 10px; + border-radius: 15px; + overflow: hidden; + height: 330px; +} +.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; + width: 80px; + white-space: normal; + display: -webkit-box; + -webkit-line-clamp: 1; + -webkit-box-orient: vertical; + overflow: hidden; +} +.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: 300px; + padding-right: 10px; +} +.page-detail .form-input-price { + margin-top: 20px; + position: absolute; + left: 9px; + bottom: 23%; + width: 96%; +} +.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..05a79c6 --- /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..377eeb4 --- /dev/null +++ b/assets/css/style-mb.scss @@ -0,0 +1,2945 @@ +@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: 10px; + border-radius: 15px; + overflow: hidden; + height: 330px; + .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; + width: 80px; + white-space: normal; + display: -webkit-box; + -webkit-line-clamp: 1; + -webkit-box-orient: vertical; + overflow: hidden; + } + .price { + color: #f00000; + font-weight: 600; + padding-left: 5px; + } + .time { + font-weight: 700; + } + } + .content-user { + overflow-x: hidden; + overflow-y: scroll; + max-height: 300px; + padding-right: 10px; + } + } + .form-input-price { + margin-top: 20px; + position: absolute; + left: 9px; + bottom: 23%; + width: 96%; + .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..5aa65a8 --- /dev/null +++ b/assets/css/style.css @@ -0,0 +1,2902 @@ +@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; + text-align: center; +} + +.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 */ diff --git a/assets/css/style.css.map b/assets/css/style.css.map new file mode 100644 index 0000000..83b7645 --- /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..b00f0a6 --- /dev/null +++ b/assets/css/style.scss @@ -0,0 +1,2941 @@ +@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; + text-align: center; + } +} + +.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..e6bac21 Binary files /dev/null and b/assets/images/banner-mobile.png differ diff --git a/assets/images/banner-sale-2.png b/assets/images/banner-sale-2.png new file mode 100644 index 0000000..a83fcff Binary files /dev/null and b/assets/images/banner-sale-2.png differ diff --git a/assets/images/banner-sale.png b/assets/images/banner-sale.png new file mode 100644 index 0000000..22950c5 Binary files /dev/null and b/assets/images/banner-sale.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..b42ef33 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..13677ac 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..f811463 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..58cce47 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..5f5dd0c 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..07cf3f6 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..b38984a 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..af6117f 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..6b9ebfe 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..114b68d 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..b2f6121 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/images/tuiluonvuituoi.png b/assets/images/tuiluonvuituoi.png new file mode 100644 index 0000000..3210161 Binary files /dev/null and b/assets/images/tuiluonvuituoi.png differ diff --git a/assets/images/vay1.png b/assets/images/vay1.png new file mode 100644 index 0000000..4ec1c45 Binary files /dev/null and b/assets/images/vay1.png differ diff --git a/assets/images/vay2.png b/assets/images/vay2.png new file mode 100644 index 0000000..6ff8f3a Binary files /dev/null and b/assets/images/vay2.png differ diff --git a/assets/js/deal_detail.js b/assets/js/deal_detail.js new file mode 100644 index 0000000..469b783 --- /dev/null +++ b/assets/js/deal_detail.js @@ -0,0 +1,157 @@ +var swiper_thumb = new Swiper(".thumbImage", { + spaceBetween: 10, + slidesPerView: 4, + direction: "vertical", + loop: true, + on: { + init: (swiper) => { + let totalGap = swiper.passedParams.spaceBetween * (swiper.passedParams.slidesPerView - 1); + let containerHeight = swiper.passedParams.slidesPerView * swiper.slides[0].clientHeight + totalGap; + swiper.el.style.height = containerHeight + 'px'; + }, + }, +}); + +var swiper_big = new Swiper(".BigImage", { + spaceBetween: 10, + watchSlidesProgress: true, + noSwiping: true, + navigation: { + nextEl: "#js-image-next", + prevEl: "#js-image-prev", + }, + thumbs: { + swiper: swiper_thumb, + }, +}); + +function addDealCart() { + $('.box-popup').removeClass('active') + $('.overlay').addClass('active') + $('.popup-add-cart').addClass('active') +} + +function checkbuy() { + var number_regex1 = /^[0]\d{9}$/i; + var number_regex2 = /^[0]\d{10}$/i; + var error = false; + var name = $('#name').val(); + var $name = $('#name'); + var email = $('#email').val(); + var $email = $('#email'); + var phone = $('#phone').val(); + var $phone = $('#phone'); + var city = $('#city').val(); + var $city = $('#city'); + var district = $('#district').val(); + var $district = $('#district'); + var address = $('#address').val(); + var $address = $('#address'); + + var item_name = $name.parents(".item-input"); + if (name.length < 4) { + item_name.addClass('error'); + item_name.find($('.note-error')).html('Tên quá ngắn') + } else if (name.indexOf(' -1) { + item_name.addClass('error'); + item_name.find($('.note-error')).html('Họ tên chứa các ký tự không hợp lệ, bạn vui lòng kiểm tra lại'); + } + + var item_email = $email.parents(".item-input"); + if (email.length < 4) { + item_email.addClass('error') + item_email.find($('.note-error')).html("Bạn chưa nhập Email"); + error = true; + } else if (!validateEmail(email)) { + item_email.addClass('error') + item_email.find($('.note-error')).html("Địa chỉ email chưa chính xác"); + error = true; + } else { + item_email.removeClass('error'); + item_email.find($('.note-error')).html(""); + } + + var item_phone = $phone.parents(".item-input"); + if (phone.length < 4) { + item_phone.addClass('error') + item_phone.find($('.note-error')).html("Bạn chưa nhập SĐT"); + error = true; + } else if (!phone.match(number_regex1) && !phone.match(number_regex2)) { + item_phone.addClass('error') + item_phone.find($('.note-error')).html("Số điện thoại chưa chính xác"); + error = true; + } else { + item_phone.removeClass('error'); + item_phone.find($('.note-error')).html(""); + } + + + var item_city = $city.parents('.item-input'); + if (city == 0) { + item_city.addClass('error'); + item_city.find($('.note-error')).html("Bạn chưa chọn Tỉnh/Thành phố"); + error = true; + } else { + item_city.removeClass('error'); + item_city.find($('.note-error')).html(""); + } + + var item_district = $district.parents('.item-input'); + if (district == 0) { + item_district.addClass('error'); + item_district.find($('.note-error')).html("Bạn chưa chọn Quận/Huyện"); + error = true; + } else { + item_district.removeClass('error'); + item_district.find($('.note-error')).html(""); + } + + var item_check_add = $address.parents(".item-input"); + if (address.length < 5) { + item_check_add.addClass('error') + item_check_add.find($('.note-error')).html("Địa chỉ quá ngắn"); + error = true; + } else if (address.indexOf(' -1) { + item_check_add.addClass('error') + item_check_add.find($('.note-error')).html("Địa chỉ chứa các ký tự không hợp lệ, bạn vui lòng kiểm tra lại"); + error = true; + } else { + item_check_add.removeClass('error'); + item_check_add.find($('.note-error')).html(""); + } + + + if (error) { + alert('Vui lòng kiểm tra lại thông tin đơn hàng'); + return false; + } else { + $('.box-popup').removeClass('active'); + $('.popup-buy-success').addClass('active') + $('.overlay').addClass('active') + } + + +} + +function closePopop() { + $('.box-popup').removeClass('active'); + $('.overlay').removeClass('active') +} + +function validateEmail(sEmail) { + var filter = /^([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/; + if (filter.test(sEmail)) { + return true; + } + else { + return false; + } +} + +function validatePhoneNumber(a) { + var number_regex1 = /^[0]\d{9}$/i; + var number_regex2 = /^[0]\d{10}$/i; + + if (number_regex1.test(a) == false && number_regex2.test(a) == false) return false; + return true; +} diff --git a/assets/js/edit.js b/assets/js/edit.js new file mode 100644 index 0000000..664e916 --- /dev/null +++ b/assets/js/edit.js @@ -0,0 +1,365 @@ +let historyStates = []; +let currentStateIndex = -1; + + +const $toggleEditModeButton = $('#toggleEditMode'); +const $tabBar = $('#tabBar'); +const $textOptions = $('#textOptions'); +const $imageOptions = $('#imageOptions'); +const $BoxOptions = $('#BoxOptions'); +const $textColorInput = $('#textColor'); +const $textBackgroundInput = $('#textBackground'); +const $textContentInput = $('#textContent'); +const $imageURLInput = $('#imageURL'); +const $imageUploadInput = $('#imageUpload'); +const $logoSizeInput = $('#logoSize'); +const $sizeValueSpan = $('#sizeValue'); +const $lineHeightInput = $('#lineHeight'); +let currentElement = null; +let isEditMode = false; + + +$(window).scroll(function () { + + if ($(window).scrollTop() > 100) { + $(".mode-edit").addClass('fixed'); + } + else { + $(".mode-edit").removeClass('fixed'); + } + +}) + + +$toggleEditModeButton.on('click', function () { + isEditMode = !isEditMode; + $('.editable-element').toggleClass('editable', isEditMode); + $toggleEditModeButton.html(isEditMode ? ' Thoát chỉnh sửa' : ' Chỉnh sửa'); + $tabBar.hide(); +}); + +$imageUploadInput.on('change', function (event) { + const file = event.target.files[0]; + if (!file) return; + const reader = new FileReader(); + reader.onload = function () { + currentElement.find('img').attr('src', reader.result); + }; + reader.readAsDataURL(file); +}); + +$textColorInput.on('input', function (e) { + updateTextColor($(this).val()); +}); + +$textBackgroundInput.on('input', function (e) { + updateBackgroundColor($(this).val()); +}); + +$logoSizeInput.on('input', function () { + $sizeValueSpan.text(`${$logoSizeInput.val()}px`); + currentElement.find('img').css('width', `${$logoSizeInput.val()}px`); +}); + +$lineHeightInput.on('input', function () { + if (currentElement && currentElement.data('type') === 'title') { + currentElement.find('.title').css('line-height', `${$lineHeightInput.val()}px`); + } +}); + + +function startEditing(event, button) { + if (!isEditMode) return; + event.stopPropagation(); + currentElement = $(button).closest('.editable-element'); + $tabBar.show(); + setupOptions(); +} + +function setupOptions() { + if (currentElement.data('type') === 'box') { + $BoxOptions.show(); + $textOptions.hide(); + $imageOptions.hide(); + const $title = currentElement.find('.title'); + $('#BackgroundColor').val(extractColor(currentElement, 'bg')); + $('#InputCodeBg').val(extractColor(currentElement, 'bg')); + $('#changeInputBg').val(extractColor(currentElement, 'bg')); + $textContentInput.val($title.text().trim()); + $textColorInput.val(extractColor($title, 'text')); + $textBackgroundInput.val(extractColor($title, 'bg')); + $lineHeightInput.val(parseFloat($title.css('line-height'))); + $('#fontSize').val(parseFloat($title.css('font-size'))); + $('#fontFamily').val($title.css('font-family')); + $('#BgcolorCode').val(extractColor($title, 'bg')); + $('#colorCodeTitle').val(extractColor($title, 'text')); + $('#borderColorBg').val(extractColor(currentElement, 'border')) + } else if (currentElement.data('type') === 'title') { + $textOptions.show(); + $BoxOptions.hide(); + $imageOptions.hide(); + + const $title = currentElement.find('.title'); + $textContentInput.val($title.text().trim()); + $textColorInput.val(extractColor($title, 'text')); + $textBackgroundInput.val(extractColor($title, 'bg')); + $lineHeightInput.val(parseFloat($title.css('line-height'))); + $('#fontSize').val(parseFloat($title.css('font-size'))); + $('#fontFamily').val($title.css('font-family')); + $('#BgcolorCode').val(extractColor($title, 'bg')); + $('#colorCodeTitle').val(extractColor($title, 'text')); + $('#borderColorBg').val(extractColor($title, 'bg')) + } else if (currentElement.data('type') === 'background') { + + } else { + $imageOptions.show(); + $textOptions.hide(); + $BoxOptions.hide(); + + const $img = currentElement.find('img'); + + $imageURLInput.attr('src', $img.attr('src')); + $imageUploadInput.val(''); + + const $logoImage = currentElement.find('img'); + $logoSizeInput.val($logoImage.width()); + $sizeValueSpan.text(`${$logoImage.width()}px`); + } +} + +function applyChanges() { + if (!currentElement) return; + if (currentElement.data('type') === 'title') { + updateTextStyles(); + } else if (currentElement.data('type') === 'image') { + updateImage(); + } else if (currentElement.data('type') === 'background') { + updateBgStyles() + } + saveCurrentState() + $tabBar.hide(); +} + +function updateTextStyles() { + const $title = currentElement.find('h2'); + $title.text($textContentInput.val()); + updateClass($title, 'text', $textColorInput.val()); + updateClass($title, 'bg', $textBackgroundInput.val()); +} + +function updateImage() { + const $img = currentElement.find('img'); + $img.attr('src', $imageURLInput.val() || $img.attr('src')); +} + +function updateBgStyles() { + updateClass(currentElement, 'bg', $('#changeInputBg').val()); + updateClass(currentElement, 'bg', $('#InputCodeBg').val()); +} + + +function updateTextColor(color) { + if (!currentElement) return; + updateClass(currentElement.find('h2'), 'text', color); +} + +function updateBackgroundColor(color) { + if (!currentElement) return; + updateClass(currentElement.find('h2'), 'bg', color); +} + +function updateClass($element, type, color) { + const className = type === 'text' ? `text-[${color}]` : `bg-[${color}]`; + const regex = new RegExp(`^${type}-\\[#[0-9A-Fa-f]{3,6}\\]$`); + $element.attr('class', function (i, c) { + return c.split(' ').filter(cls => !regex.test(cls)).concat(className).join(' '); + }); +} + +function extractColor($element, type) { + const regex = new RegExp(`${type}-\\[([#0-9A-Fa-f]+)\\]`); + const match = $element.attr('class').match(regex); + return match ? match[1] : '#000000'; +} + +function formatText(command, value) { + let $title = ''; + if (currentElement.data('type') === 'title' || currentElement.data('type') == 'box') { + $title = currentElement.find('.title'); + } else { + $title = currentElement; + } + switch (command) { + case 'size': + $title.css('font-size', `${value}px`); + break; + case 'bold': + $title.toggleClass('font-bold'); + break; + case 'italic': + $title.toggleClass('italic'); + break; + case 'underline': + $title.toggleClass('underline'); + break; + case 'line-through': + $title.toggleClass('line-through'); + break; + case 'justifyLeft': + $title.removeClass('text-center text-right text-justify').addClass('text-left'); + break; + case 'justifyCenter': + $title.removeClass('text-left text-right text-justify').addClass('text-center'); + break; + case 'justifyRight': + $title.removeClass('text-left text-center text-justify').addClass('text-right'); + break; + case 'justifyFull': + $title.removeClass('text-left text-center text-right').addClass('text-justify'); + break; + } +} + +function updateColorPicker(event, type) { + const textColor = $("#textColor"); + const textCodeColor = $("#colorCodeTitle"); + const BgColor = $("#textBackground"); + let element = ''; + if (currentElement.data('type') === 'title') { + element = currentElement.find('.title'); + + } else { + element = currentElement; + } + + if (type === 'text') { + const isValidHex = /^#([0-9A-F]{3}){1,2}$/i.test(textCodeColor.val()); + if (isValidHex) { + textColor.val(textCodeColor.val()); + element.css('color', textCodeColor.val()); + } else { + alert("Vui lòng nhập mã màu hợp lệ (ví dụ: #FF5733)."); + } + } else if (type === 'background') { + const isValidHex = /^#([0-9A-F]{3}){1,2}$/i.test($(event.target).val()); + if (isValidHex) { + BgColor.val($(event.target).val()); + element.css('background', $(event.target).val()); + } else { + alert("Vui lòng nhập mã màu hợp lệ (ví dụ: #FF5733)."); + } + } +} + +function syncColorInputs(event, type) { + const inputColorText = $('#colorCodeTitle'); + let inputBg = ''; + let Bg = ''; + if (currentElement.data('type') === 'title') { + inputBg = $('#BgcolorCode'); + bg = $(currentElement).find('.title'); + } else { + inputBg = $('#InputCodeBg'); + bg = $(currentElement); + } + + if (type == 'text') { + inputColorText.val($(event.target).val()); + } else { + inputBg.val($(event.target).val()); + bg.css('background', $(event.target).val()); + } + +} + + +function updatePosition(event, action) { + $('.edit-position').removeClass('active') + $(event.target).addClass('active'); + console.log(action) + if (action == 'left') { + currentElement.find('.title').css({ 'margin': 'auto auto auto 0', 'justify-content': 'start' }); + } else if (action == 'center') { + currentElement.find('.title').css({ 'margin': '0 auto', 'justify-content': 'center' }); + } else if (action == 'right') { + console.log('aaa', currentElement) + currentElement.find('.title').css({ 'margin': 'auto 0 auto auto', 'justify-content': 'end' }); + } +} + + +function updateSizeBox(type, value) { + if (type == 'width') { + currentElement.find('.title').css('width', value + 'px') + } else if (type == 'height') { + currentElement.find('.title').css('height', value + 'px') + } +} + + +function updateBoderRadius(type, key, value) { + let element = ''; + if (key == 'background') { + element = currentElement; + } else if (key == 'text') { + element = currentElement.find('.title'); + } + + if (type == 'top-left') { + element.css('border-top-left-radius', value + 'px'); + } else if (type == 'top-right') { + element.css('border-top-right-radius', value + 'px'); + } else if (type == 'bottom-left') { + element.css('border-bottom-left-radius', value + 'px'); + } else if (type == 'bottom-right') { + element.css('border-bottom-right-radius', value + 'px'); + } +} + + +function updateBorder(type, key, value) { + let element = ''; + if (key == 'background') { + element = currentElement; + } else if (key == 'text') { + element = currentElement.find('.title'); + } + + if (type == 'border-width') { + element.css('border-width', value + 'px'); + } else if (type == 'border-color') { + element.css('border-color', value); + } else if (type == 'border-style') { + element.css('border-style', value); + } +} + + +function saveCurrentState() { + // Lưu HTML hiện tại của giao diện + const currentHTML = document.documentElement.innerHTML; + + // Nếu không ở cuối mảng (khi đã dùng nút back hoặc forward), loại bỏ các trạng thái phía sau + if (currentStateIndex < historyStates.length - 1) { + historyStates = historyStates.slice(0, currentStateIndex + 1); + } + + // Lưu trạng thái mới và cập nhật chỉ số trạng thái hiện tại + historyStates.push(currentHTML); + currentStateIndex++; +} + + +function goBack() { + if (currentStateIndex > 0) { + currentStateIndex--; + document.documentElement.innerHTML = historyStates[currentStateIndex]; + } +} + +function goForward() { + if (currentStateIndex < historyStates.length - 1) { + currentStateIndex++; + document.documentElement.innerHTML = historyStates[currentStateIndex]; + } +} diff --git a/assets/js/main.js b/assets/js/main.js new file mode 100644 index 0000000..3c345ad --- /dev/null +++ b/assets/js/main.js @@ -0,0 +1,196 @@ +$(document).ready(function () { + $('.faqlink').click(function () { + $(this).parents('.item').toggleClass('active'); + }); +}); + + +var swiper_thumb = new Swiper(".thumbImage", { + spaceBetween: 10, + slidesPerView: 4, + direction: "vertical", + loop: true, + on: { + init: (swiper) => { + let totalGap = swiper.passedParams.spaceBetween * (swiper.passedParams.slidesPerView - 1); + let containerHeight = swiper.passedParams.slidesPerView * swiper.slides[0].clientHeight + totalGap; + swiper.el.style.height = containerHeight + 'px'; + }, + }, +}); + +var swiper_big = new Swiper(".BigImage", { + spaceBetween: 10, + watchSlidesProgress: true, + noSwiping: true, + navigation: { + nextEl: "#js-image-next", + prevEl: "#js-image-prev", + }, + thumbs: { + swiper: swiper_thumb, + }, +}); + + +const showButton = document.getElementById('click-show'); +const priceList = document.getElementById('price-list'); +let currentIndex = 4; // Ban đầu hiển thị 4 item + +showButton.addEventListener('click', () => { + const itemWidth = document.querySelector('.item').offsetWidth; + priceList.scrollBy({ left: itemWidth, behavior: 'smooth' }); + currentIndex++; + + // Nếu đã scroll qua hết các item thì ẩn nút + if (currentIndex >= document.querySelectorAll('.item').length) { + showButton.style.display = 'none'; + } +}); + + +function formatCurrency(a) { + var b = parseFloat(a).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, "$1.").toString(); + var len = b.length; + b = b.substring(0, len - 3); + return b; +} + +$('#price-list .item').on('click', function () { + var price = $(this).attr('data-price'); + $('#js-input-price').val(formatCurrency(price)); +}) + + + +productDetailTab() +function productDetailTab() { + $(".tab .item-tab").click(function () { + var datatab = $(this).attr("data-id"); + $(".tab .item-tab").removeClass("active"); + $('.content-tab').removeClass("active"); + $(this).addClass("active"); + $(datatab).addClass("active"); + }); +} + +TabHistory(); +function TabHistory() { + $(".tab-history .item-tab").click(function () { + var datatab = $(this).attr("data-id"); + $(".tab-history .item-tab").removeClass("active"); + $('.table-tab').removeClass("active"); + $(this).addClass("active"); + $(datatab).addClass("active"); + }); +} + + + +checkRules(); +function checkRules() { + $('#submit_rules').on('click', function () { + if ($('#check_rules').is(':checked')) { + $('.box-popup').removeClass('active'); + $('.popup-login').addClass('active') + } else { + alert('Quý khách cần đồng ý với thể lệ của chương trình') + } + }) +} + + +function closePopop() { + $('.box-popup').removeClass('active'); + $('.overlay').removeClass('active') +} + + + +function checkAucton() { + $('.overlay').addClass('active') + $('.popup-rules').addClass('active') +} + + +function checklogin() { + $('.box-popup').removeClass('active'); + $('.popup-yeucau').addClass('active') +} + +function showInfoPay() { + $('.box-popup').removeClass('active'); + $('.popup-info-pay').addClass('active') +} + +formatPrice(); +function formatPrice() { + $('#js-input-price').on('input', function () { + let inputValue = $(this).val().replace(/\D/g, ''); + let formattedValue = new Intl.NumberFormat().format(inputValue); + + $(this).val(formattedValue); + }); +} + + +function checkSendAuction() { + $('.box-popup').removeClass('active'); + + const price_present = _strToNumber($('#js-price-present').html()); + const price_auction = _strToNumber($('#js-input-price').val()); + + const price_min = price_present + 300000; + + if (price_auction > price_present) { + $('.overlay').addClass('active') + $('.popup-success').addClass('active') + } else { + $('.overlay').addClass('active') + $('.popup-error').addClass('active') + $('#js-price-min').html(formatCurrency(price_min)) + } +} + + +function _strToNumber(str) { + str += ''; + while (str.indexOf(".") > 0) { + str = str.replace('.', ''); + } + var result = parseFloat(str); + return isNaN(result) ? 0 : result; +} + + + +function checkOTP() { + $('.box-popup').removeClass('active'); + $('.overlay').addClass('active') + $('.popup-thongbao').addClass('active') +} + +function SendcheckOTP() { + $('.box-popup').removeClass('active'); + $('.overlay').addClass('active') + $('.popup-input-opt').addClass('active') +} + + +function closePopop() { + $('.box-popup').removeClass('active'); + $('.overlay').removeClass('active') +} + + + +Tab(); +function Tab() { + $(".tab .item-tab").click(function () { + var datatab = $(this).attr("data-id"); + $(".tab .item-tab").removeClass("active"); + $('.content-tab').removeClass("active"); + $(this).addClass("active"); + $(datatab).addClass("active"); + }); +} \ No newline at end of file diff --git a/assets/js/server.js b/assets/js/server.js new file mode 100644 index 0000000..af5e67f --- /dev/null +++ b/assets/js/server.js @@ -0,0 +1,21 @@ +// server.js +const express = require('express'); +const bodyParser = require('body-parser'); +const cors = require('cors'); +const app = express(); +const port = 5500; + +app.use(cors()); // Cho phép CORS +app.use(bodyParser.json()); // Middleware để phân tích JSON + +// Endpoint để nhận yêu cầu POST +app.post('/submit-bid', (req, res) => { + console.log(req.body); // In ra thông tin đã gửi + // Xử lý thông tin ở đây (lưu vào DB hoặc làm gì đó) + res.status(200).json({ message: 'Bid received', data: req.body }); +}); + +// Khởi động server +app.listen(port, () => { + console.log(`Server is running at 192.168.1.71:${port}`); +}); diff --git a/deal-detail-mb.html b/deal-detail-mb.html new file mode 100644 index 0000000..7ee587b --- /dev/null +++ b/deal-detail-mb.html @@ -0,0 +1,1001 @@ + + + + + + + Đấu giá + + + + + + + + + +
+
+
+
+ +
+ + + Thể lệ đấu giá + + + + Tài khoản + + +
+
+
+
+
+
+
+ + + + Đấu giá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) +

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

Đá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 +
+
+
+
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 + +
+
+
+
+
+
+ + 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 +
+ +
+
+
+ +
+ +
+
+

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? + + + +
+
+ + Làm thế nào để xác thực tài khoản đấu giá thành công? + + + +
+
+ + Tại sao nên chọn đấu giá trực tuyến tại Anphatpc? + + + +
+
+ + Quy trình đấu giá sản phẩm của Anphatpc như thế nào? + + + +
+
+ + Điều kiện để chiến thắng đấu giá là gì? + + + +
+
+
+
+
+
+
+
+
+
+
+ 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..8cff7f9 --- /dev/null +++ b/deal-detail.html @@ -0,0 +1,848 @@ + + + + + + + Đấu giá + + + + + + + +
+
+
+
+ +
+
+ + + Thể lệ đấu giá + + + + Tài khoản + + +
+
+
+
+
+
+
+
    +
  1. + + Trang + chủ + / + +
    2. +
  2. + + + Flash sale + + + +
    3. +
+
+
+
+
+
+
+
+
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+
+
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+
+
+

+ 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 +
+
+
+
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 + +
+
+
+
+
+
+ + 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 +
+
+ +
+
+
+
+

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

+
+
+ + Đấu giá trực tuyến có phức tạp không? + + + +
+
+ + Làm thế nào để xác thực tài khoản đấu giá thành công? + + + +
+
+ + Tại sao nên chọn đấu giá trực tuyến tại Anphatpc? + + + +
+
+ + Quy trình đấu giá sản phẩm của Anphatpc như thế nào? + + + +
+
+ + Điều kiện để chiến thắng đấu giá là gì? + + + +
+
+
+
+
+
+
+
+
+
+
+ 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-mobile.html b/detail-mobile.html new file mode 100644 index 0000000..267aa6f --- /dev/null +++ b/detail-mobile.html @@ -0,0 +1,1720 @@ + + + + + + + Đấu giá + + + + + + + + + +
+
+
+
+ +
+ + + Thể lệ đấu giá + + + + Tài khoản + + +
+
+
+
+
+
+
+ + + + Đấu giá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) +

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

Đá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 +
+
+
+
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 + +
+
+
+
+
+
+ + Xem tất cả hỏi đáp + +
+
+

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

+
+ 3 + ngày + 7 + ngày + 30 + ngày +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+
+
+

Đấu giá + đang diễn + ra

+
+
+
+ + +
+ + 220 +
+
+
+ Túi + Neverfull Bandoulière Inside Out GM +
Giá + gốc: + 280.490.000 đ +
+
+

Trả cao nhất:

+

230.490.000 + đ +

+
+ Tiếc tục Đấu + giá +
+
+
+
+ + +
+ + 220 +
+
+
+ Túi + Neverfull Bandoulière Inside Out GM +
Giá + gốc: + 280.490.000 đ +
+
+

Trả cao nhất:

+

230.490.000 + đ +

+
+ Tiếc tục Đấu + giá +
+
+
+
+ + +
+ + 220 +
+
+
+ Túi + Neverfull Bandoulière Inside Out GM +
Giá + gốc: + 280.490.000 đ +
+
+

Trả cao nhất:

+

230.490.000 + đ +

+
+ Tiếc tục Đấu + giá +
+
+
+
+ + +
+ + 220 +
+
+
+ Túi + Neverfull Bandoulière Inside Out GM +
Giá + gốc: + 280.490.000 đ +
+
+

Trả cao nhất:

+

230.490.000 + đ +

+
+ Tiếc tục Đấu + giá +
+
+
+
+
+
+
+
+
+ Thông + tin sản + phẩm + Thông + tin đặt cọc đấ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á

+
+
+ +
+ +
+ + + +
+
+
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 + 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? + + + +
+
+ + Làm thế nào để xác thực tài khoản đấu giá thành công? + + + +
+
+ + Tại sao nên chọn đấu giá trực tuyến tại Anphatpc? + + + +
+
+ + Quy trình đấu giá sản phẩm của Anphatpc như thế nào? + + + +
+
+ + Điều kiện để chiến thắng đấu giá là gì? + + + +
+
+
+
+
+
+
+
+
+
+
+ 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..b0c1528 --- /dev/null +++ b/detail.html @@ -0,0 +1,1249 @@ + + + + + + + Đấu giá + + + + + + + +
+
+
+
+ +
+
+ + + Thể lệ đấu giá + + + + Tài khoản + + +
+
+
+
+
+
+
+
    +
  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
+
+ Phương + trả +
125.000.000 đ
+
+
+

00:30:11

+
+
+
+ +
2
+
+ Phương + trả +
125.000.000 đ
+
+
+

00:30:11

+
+
+
+ +
2
+
+ Phương + trả +
125.000.000 đ
+
+
+

00:30:11

+
+
+
+ +
2
+
+ Phương + trả +
125.000.000 đ
+
+
+

00:30:11

+
+
+
+ +
2
+
+ Phương + trả +
125.000.000 đ
+
+
+

00:30:11

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

Chọn nhanh gợi ý +

+
+ + 125.3 tr + + + 125.6 tr + + + 125.9 tr + + + 126 tr + + + 126 tr + + + 126 tr + + + 126 tr + + + 126 tr + + + 126 tr + + + 126 tr + + + 126 tr + +
+ + + +
+
+ + +
+
+
+
+
+ +
+
+
+
+
+
+

Đá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 +
+
+
+
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 + +
+
+
+
+
+
+ + Xem tất cả hỏi đáp + +
+
+
+ Thông + tin sản + phẩm + Thông + tin đặt cọc đấu + giá +
+ + +
+
+
+
+

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
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+

+ Đấu giá đang + diễn ra

+
+
+
+ + +
+ + 220 +
+
+
+ Túi + Neverfull Bandoulière Inside Out GM +
Giá gốc: + 280.490.000 đ +
+
+

Trả cao nhất:

+

230.490.000 đ +

+
+ Đấu + giá +
+
+
+
+ + +
+ + 220 +
+
+
+ Túi + Neverfull Bandoulière Inside Out GM +
Giá gốc: + 280.490.000 đ +
+
+

Trả cao nhất:

+

230.490.000 đ +

+
+ Đấu + giá +
+
+
+
+ + +
+ + 220 +
+
+
+ Túi + Neverfull Bandoulière Inside Out GM +
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á

+
+
+ +
+ +
+ + + + + +
+
+
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 + 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? + + + +
+
+ + Làm thế nào để xác thực tài khoản đấu giá thành công? + + + +
+
+ + Tại sao nên chọn đấu giá trực tuyến tại Anphatpc? + + + +
+
+ + Quy trình đấu giá sản phẩm của Anphatpc như thế nào? + + + +
+
+ + Điều kiện để chiến thắng đấu giá là gì? + + + +
+
+
+
+
+
+
+
+
+
+
+ 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-mobile.html b/home-mobile.html new file mode 100644 index 0000000..1c70ffe --- /dev/null +++ b/home-mobile.html @@ -0,0 +1,673 @@ + + + + + + + Đấu giá + + + + + + + + + +
+
+
+
+ +
+ + + +
+
+
+
+
+ +
+
+ +

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

+
+
+
+ Túi + Neverfull Bandoulière Inside Out GM Túi + Neverfull Bandoulière Inside Out GM +
+ Giá gốc: 280.490.000đ +
+
+

Trả cao nhất:

+

230.490.000 + đ +

+
+ Đấu + giá +
+
+ + +
+ + 220 +
+
+
+
+
+ Túi + Neverfull Bandoulière Inside Out GM Túi + Neverfull Bandoulière Inside Out GM +
+ Giá gốc: 280.490.000đ +
+
+

Trả cao nhất:

+

230.490.000 + đ +

+
+ Đấu + giá +
+
+ + +
+ + 220 +
+
+
+
+
+ Túi + Neverfull Bandoulière Inside Out GM Túi + Neverfull Bandoulière Inside Out GM +
+ Giá gốc: 280.490.000đ +
+
+

Trả cao nhất:

+

230.490.000 + đ +

+
+ Đấu + giá +
+
+ + +
+ + 220 +
+
+
+
+
+ Túi + Neverfull Bandoulière Inside Out GM Túi + Neverfull Bandoulière Inside Out GM +
+ Giá gốc: 280.490.000đ +
+
+

Trả cao nhất:

+

230.490.000 + đ +

+
+ Đấu + giá +
+
+ + +
+ + 220 +
+
+
+
+
+
+ + + +
+
+
+
+ Đang diễn + ra +
+ Còn lại +
02
+
16
+
42
+
+ +
+
+
+
+ + +
+
+ Túi + Neverfull Bandoulière Inside Out GM +
Giá + gốc: 280.490.000 đ +
+
+

Trả cao nhất:

+

230.490.000 + đ +

+
+ Tiếc tục Đấu + giá +
+
+
+
+ + +
+
+ Túi + Neverfull Bandoulière Inside Out GM +
Giá + gốc: 280.490.000 đ +
+
+

Trả cao nhất:

+

230.490.000 + đ +

+
+ Tiếc tục Đấu + giá +
+
+
+ Xem + tất cả +
+
+ +
+
+
+ Sắp diễn + ra +
+ Bắt đầu sau +
02
+
16
+
42
+
+ +
+
+
+
+ + +
+
+ Túi + Neverfull Bandoulière Inside Out GM +
Giá + gốc: 280.490.000 đ +
+
+

Trả cao nhất:

+

230.490.000 + đ +

+
+ Tiếc tục Đấu + giá +
+
+
+
+ + +
+
+ Túi + Neverfull Bandoulière Inside Out GM +
Giá + gốc: 280.490.000 đ +
+
+

Trả cao nhất:

+

230.490.000 + đ +

+
+ Tiếc tục Đấu + giá +
+
+
+ Xem + tất cả +
+
+
+ +
+
+

+

Deal hot +

+

+
+ +

Sắp diễn ra +

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

+ Đang diễn + ra +

+
+ Còn lại +
02 +
+
16 +
+
42 +
+
+ + +
+
+
+
+ + +
+
+ Túi + Neverfull Bandoulière Inside Out GM +
+ + 280.490.000 + đ + +
+ 2.300.490.000đ +
+
+
+
+
+
+ Đã bán 8/ 10 + Sản + phẩm
+
+ Tiếc tục Đấu + giá +
+
+
+
+ + +
+
+ Túi + Neverfull Bandoulière Inside Out GM +
+ + 280.490.000 + đ + +
+ 2.300.490.000đ +
+
+
+
+
+
+ Đã bán 8/ 10 + Sản + phẩm
+
+ Tiếc tục Đấu + giá +
+
+
+
+ + +
+
+ Túi + Neverfull Bandoulière Inside Out GM +
+ + 280.490.000 + đ + +
+ 2.300.490.000đ +
+
+
+
+
+
+ Đã bán 8/ 10 + Sản + phẩm
+
+ Tiếc tục Đấu + giá +
+
+
+ + 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? + + + +
+
+ + Làm thế nào để xác thực tài khoản đấu giá thành công? + + + +
+
+ + Tại sao nên chọn đấu giá trực tuyến tại Anphatpc? + + + +
+
+ + Quy trình đấu giá sản phẩm của Anphatpc như thế nào? + + + +
+
+ + Điều kiện để chiến thắng đấu giá là gì? + + + +
+
+
+
+
+
+
+
+
+
+
+ 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

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

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

+ +
+ +
+
+
+ + +
+ + 220 +
+
+
+ Túi + Neverfull Bandoulière Inside Out GM +
Giá gốc: + 280.490.000 đ +
+
+

Trả cao nhất:

+

230.490.000 đ

+
+ Đấu giá +
+
+
+
+ + +
+ + 220 +
+
+
+ Túi + Neverfull Bandoulière Inside Out GM +
Giá gốc: + 280.490.000 đ +
+
+

Trả cao nhất:

+

230.490.000 đ

+
+ Đấu giá +
+
+
+
+ + +
+ + 220 +
+
+
+ Túi + Neverfull Bandoulière Inside Out GM +
Giá gốc: + 280.490.000 đ +
+
+

Trả cao nhất:

+

230.490.000 đ

+
+ Đấu giá +
+
+
+
+ + +
+ + 220 +
+
+
+ Túi + Neverfull Bandoulière Inside Out GM +
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 +
+
+ +
+
+
+ + +
+ + 220 +
+
+
+ Túi + Neverfull Bandoulière Inside Out GM +
Giá gốc: + 280.490.000 đ +
+
+

Trả cao nhất:

+

230.490.000 đ +

+
+ Tiếc tục Đấu + giá +
+
+
+
+ + +
+ + 220 +
+
+
+ Túi + Neverfull Bandoulière Inside Out GM +
Giá gốc: + 280.490.000 đ +
+
+

Trả cao nhất:

+

230.490.000 đ +

+
+ Đấu + giá +
+
+
+
+ + +
+ + 220 +
+
+
+ Túi + Neverfull Bandoulière Inside Out GM +
Giá gốc: + 280.490.000 đ +
+
+

Trả cao nhất:

+

230.490.000 đ +

+
+ Đấu + giá +
+
+
+
+ + +
+ + 220 +
+
+
+ Túi + Neverfull Bandoulière Inside Out GM +
Giá gốc: + 280.490.000 đ +
+
+

Trả cao nhất:

+

230.490.000 đ +

+
+ Đấu + giá +
+
+
+
+ + +
+ + 220 +
+
+
+ Túi + Neverfull Bandoulière Inside Out GM +
Giá gốc: + 280.490.000 đ +
+
+

Trả cao nhất:

+

230.490.000 đ +

+
+ Đấu + giá +
+
+
+
+ + +
+ + 220 +
+
+
+ Túi + Neverfull Bandoulière Inside Out GM +
Giá gốc: + 280.490.000 đ +
+
+

Trả cao nhất:

+

230.490.000 đ +

+
+ Đấu + giá +
+
+
+
+ + +
+ + 220 +
+
+
+ Túi + Neverfull Bandoulière Inside Out GM +
Giá gốc: + 280.490.000 đ +
+
+

Trả cao nhất:

+

230.490.000 đ +

+
+ Đấu + giá +
+
+
+
+ + +
+ + 220 +
+
+
+ Túi + Neverfull Bandoulière Inside Out GM +
Giá gốc: + 280.490.000 đ +
+
+

Trả cao nhất:

+

230.490.000 đ +

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

Sắp diễn ra 20:00

+
+ Còn lại +
02 +
+
16 +
+
42 +
+
+ +
+
+
+ + +
+ + 220 +
+
+
+ Túi + Neverfull Bandoulière Inside Out GM +
Giá gốc: + 280.490.000 đ +
+
+

Trả cao nhất:

+

230.490.000 đ +

+
+ Đấu + giá +
+
+
+
+ + +
+ + 220 +
+
+
+ Túi + Neverfull Bandoulière Inside Out GM +
Giá gốc: + 280.490.000 đ +
+
+

Trả cao nhất:

+

230.490.000 đ +

+
+ Đấu + giá +
+
+
+
+ + +
+ + 220 +
+
+
+ Túi + Neverfull Bandoulière Inside Out GM +
Giá gốc: + 280.490.000 đ +
+
+

Trả cao nhất:

+

230.490.000 đ +

+
+ Đấu + giá +
+
+
+
+ + +
+ + 220 +
+
+
+ Túi + Neverfull Bandoulière Inside Out GM +
Giá gốc: + 280.490.000 đ +
+
+

Trả cao nhất:

+

230.490.000 đ +

+
+ Đấu + giá +
+
+
+
+ + +
+ + 220 +
+
+
+ Túi + Neverfull Bandoulière Inside Out GM +
Giá gốc: + 280.490.000 đ +
+
+

Trả cao nhất:

+

230.490.000 đ +

+
+ Đấu + giá +
+
+
+
+ + +
+ + 220 +
+
+
+ Túi + Neverfull Bandoulière Inside Out GM +
Giá gốc: + 280.490.000 đ +
+
+

Trả cao nhất:

+

230.490.000 đ +

+
+ Đấu + giá +
+
+
+
+ + +
+ + 220 +
+
+
+ Túi + Neverfull Bandoulière Inside Out GM +
Giá gốc: + 280.490.000 đ +
+
+

Trả cao nhất:

+

230.490.000 đ +

+
+ Đấu + giá +
+
+
+
+ + +
+ + 220 +
+
+
+ Túi + Neverfull Bandoulière Inside Out GM +
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 20:00

+ Còn lại +
+
02
+
16
+
42
+
+ +
+
+
+
+ +
+
+
+
+
+ Đã bán 8/ 10 Sản + phẩm
+
+ Túi + Neverfull Bandoulière Inside Out GM + +
+
28.490.000 + đ +
+
+ 30.490.000 + đ +
-30%
+
+
+ Mua + ngay +
+
+
+
+ +
+
+
+
+
+ Đã bán 8/ 10 Sản + phẩm
+
+ Túi + Neverfull Bandoulière Inside Out GM + +
+
28.490.000 + đ +
+
+ 30.490.000 + đ +
-30%
+
+
+ Mua + ngay +
+
+
+
+ +
+
+
+
+
+ Đã bán 8/ 10 Sản + phẩm
+
+ Túi + Neverfull Bandoulière Inside Out GM + +
+
28.490.000 + đ +
+
+ 30.490.000 + đ +
-30%
+
+
+ Mua + ngay +
+
+
+
+ +
+
+
+
+
+ Đã bán 8/ 10 Sản + phẩm
+
+ Túi + Neverfull Bandoulière Inside Out GM + +
+
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? + + + +
+
+ + Làm thế nào để xác thực tài khoản đấu giá thành công? + + + +
+
+ + Tại sao nên chọn đấu giá trực tuyến tại Anphatpc? + + + +
+
+ + Quy trình đấu giá sản phẩm của Anphatpc như thế nào? + + + +
+
+ + Điều kiện để chiến thắng đấu giá là gì? + + + +
+
+
+
+
+
+
+
+
+
+
+ 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..8b8c5da --- /dev/null +++ b/listdaugia-mb.html @@ -0,0 +1,499 @@ + + + + + + + Đấu giá + + + + + + + + + +
+
+
+
+ +
+ + + Thể lệ đấu giá + + + + Tài khoản + + +
+
+
+
+
+
+
+ + + + Đấ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 +
+
+
+ Túi + Neverfull Bandoulière Inside Out GM +
Giá + gốc: + 280.490.000 đ +
+
+

Trả cao nhất:

+

230.490.000 + đ +

+
+ Tiếc tục Đấu + giá +
+
+
+
+ + +
+ + 220 +
+
+
+ Túi + Neverfull Bandoulière Inside Out GM +
Giá + gốc: + 280.490.000 đ +
+
+

Trả cao nhất:

+

230.490.000 + đ +

+
+ Tiếc tục Đấu + giá +
+
+
+
+ + +
+ + 220 +
+
+
+ Túi + Neverfull Bandoulière Inside Out GM +
Giá + gốc: + 280.490.000 đ +
+
+

Trả cao nhất:

+

230.490.000 + đ +

+
+ Tiếc tục Đấu + giá +
+
+
+
+ + +
+ + 220 +
+
+
+ Túi + Neverfull Bandoulière Inside Out GM +
Giá + gốc: + 280.490.000 đ +
+
+

Trả cao nhất:

+

230.490.000 + đ +

+
+ Tiếc tục Đấu + giá +
+
+
+
+ + +
+ + 220 +
+
+
+ Túi + Neverfull Bandoulière Inside Out GM +
Giá + gốc: + 280.490.000 đ +
+
+

Trả cao nhất:

+

230.490.000 + đ +

+
+ Tiếc tục Đấu + giá +
+
+
+
+ + +
+ + 220 +
+
+
+ Túi + Neverfull Bandoulière Inside Out GM +
Giá + gốc: + 280.490.000 đ +
+
+

Trả cao nhất:

+

230.490.000 + đ +

+
+ Tiếc tục Đấu + giá +
+
+
+
+ + +
+ + 220 +
+
+
+ Túi + Neverfull Bandoulière Inside Out GM +
Giá + gốc: + 280.490.000 đ +
+
+

Trả cao nhất:

+

230.490.000 + đ +

+
+ Tiếc tục Đấu + giá +
+
+
+
+ + +
+ + 220 +
+
+
+ Túi + Neverfull Bandoulière Inside Out GM +
Giá + gốc: + 280.490.000 đ +
+
+

Trả cao nhất:

+

230.490.000 + đ +

+
+ Tiếc tục Đấ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? + + + +
+
+ + Làm thế nào để xác thực tài khoản đấu giá thành công? + + + +
+
+ + Tại sao nên chọn đấu giá trực tuyến tại Anphatpc? + + + +
+
+ + Quy trình đấu giá sản phẩm của Anphatpc như thế nào? + + + +
+
+ + Điều kiện để chiến thắng đấu giá là gì? + + + +
+
+
+
+
+
+
+
+
+
+
+ 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.html b/listdaugia.html new file mode 100644 index 0000000..1d77ae7 --- /dev/null +++ b/listdaugia.html @@ -0,0 +1,473 @@ + + + + + + + Đấu giá + + + + + + +
+
+
+
+ +
+
+ + + 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 20:00

+ Còn lại +
+
02
+
16
+
42
+
+ +
+
+
+
+ + +
+ + 220 +
+
+
+ Túi + Neverfull Bandoulière Inside Out GM +
Giá gốc: + 280.490.000 đ +
+
+

Trả cao nhất:

+

230.490.000 đ +

+
+ Tiếc + tục Đấu + giá +
+
+
+
+ + +
+ + 220 +
+
+
+ Túi + Neverfull Bandoulière Inside Out GM +
Giá gốc: + 280.490.000 đ +
+
+

Trả cao nhất:

+

230.490.000 đ +

+
+ Đấu + giá +
+
+
+
+ + +
+ + 220 +
+
+
+ Túi + Neverfull Bandoulière Inside Out GM +
Giá gốc: + 280.490.000 đ +
+
+

Trả cao nhất:

+

230.490.000 đ +

+
+ Đấu + giá +
+
+
+
+ + +
+ + 220 +
+
+
+ Túi + Neverfull Bandoulière Inside Out GM +
Giá gốc: + 280.490.000 đ +
+
+

Trả cao nhất:

+

230.490.000 đ +

+
+ Đấu + giá +
+
+
+
+ + +
+ + 220 +
+
+
+ Túi + Neverfull Bandoulière Inside Out GM +
Giá gốc: + 280.490.000 đ +
+
+

Trả cao nhất:

+

230.490.000 đ +

+
+ Đấu + giá +
+
+
+
+ + +
+ + 220 +
+
+
+ Túi + Neverfull Bandoulière Inside Out GM +
Giá gốc: + 280.490.000 đ +
+
+

Trả cao nhất:

+

230.490.000 đ +

+
+ Đấu + giá +
+
+
+
+ + +
+ + 220 +
+
+
+ Túi + Neverfull Bandoulière Inside Out GM +
Giá gốc: + 280.490.000 đ +
+
+

Trả cao nhất:

+

230.490.000 đ +

+
+ Đấu + giá +
+
+
+
+ + +
+ + 220 +
+
+
+ Túi + Neverfull Bandoulière Inside Out GM +
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? + + + +
+
+ + Làm thế nào để xác thực tài khoản đấu giá thành công? + + + +
+
+ + Tại sao nên chọn đấu giá trực tuyến tại Anphatpc? + + + +
+
+ + Quy trình đấu giá sản phẩm của Anphatpc như thế nào? + + + +
+
+ + Điều kiện để chiến thắng đấu giá là gì? + + + +
+
+
+
+
+
+
+
+
+
+
+ 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..89d415a --- /dev/null +++ b/listdeal-mb.html @@ -0,0 +1,531 @@ + + + + + + + Đấu giá + + + + + + + + +
+
+
+
+ +
+ + + Thể lệ đấu giá + + + + Tài khoản + + +
+
+
+
+
+
+
+ + + + Đấu giá +
+ +
+

+ +

Deal hot

+

+
+ +

Đang diễn ra 20:00

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

Sắp diễn ra 20: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 +
+
+
+
+
+
+
+
+

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

+
+
+ + Đấu giá trực tuyến có phức tạp không? + + + +
+
+ + Làm thế nào để xác thực tài khoản đấu giá thành công? + + + +
+
+ + Tại sao nên chọn đấu giá trực tuyến tại Anphatpc? + + + +
+
+ + Quy trình đấu giá sản phẩm của Anphatpc như thế nào? + + + +
+
+ + Điều kiện để chiến thắng đấu giá là gì? + + + +
+
+
+
+
+
+
+
+
+
+
+ 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.html b/listdeal.html new file mode 100644 index 0000000..e3443b2 --- /dev/null +++ b/listdeal.html @@ -0,0 +1,379 @@ + + + + + + + Đấu giá + + + + + + +
+
+
+
+ +
+
+ + + 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 20:00

+ Còn lại +
+
02
+
16
+
42
+
+ +
+
+
+
+ +
+
+
+
+
+ Đã bán 8/ 10 Sản + phẩm
+
+ Túi + Neverfull Bandoulière Inside Out GM + +
+
28.490.000 + đ +
+
+ 30.490.000 + đ +
-30%
+
+
+ Mua + ngay +
+
+
+
+ +
+
+
+
+
+ Đã bán 8/ 10 Sản + phẩm
+
+ Túi + Neverfull Bandoulière Inside Out GM + +
+
28.490.000 + đ +
+
+ 30.490.000 + đ +
-30%
+
+
+ Mua + ngay +
+
+
+
+ +
+
+
+
+
+ Đã bán 8/ 10 Sản + phẩm
+
+ Túi + Neverfull Bandoulière Inside Out GM + +
+
28.490.000 + đ +
+
+ 30.490.000 + đ +
-30%
+
+
+ Mua + ngay +
+
+
+
+ +
+
+
+
+
+ Đã bán 8/ 10 Sản + phẩm
+
+ Túi + Neverfull Bandoulière Inside Out GM + +
+
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? + + + +
+
+ + Làm thế nào để xác thực tài khoản đấu giá thành công? + + + +
+
+ + Tại sao nên chọn đấu giá trực tuyến tại Anphatpc? + + + +
+
+ + Quy trình đấu giá sản phẩm của Anphatpc như thế nào? + + + +
+
+ + Điều kiện để chiến thắng đấu giá là gì? + + + +
+
+
+
+
+
+
+
+
+
+
+ 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