.ai_undress_main { width: 100vw; min-height: calc(100vh - 292px); padding-top: 32px; text-align: center; user-select: none; } .ai_undress_main .ATA__tab_bar { display: flex; align-items: center; width: fit-content; padding: 9px; height: 60px; margin: 0 auto; border: 1px solid #160caf29; border-radius: 4px; box-sizing: border-box; font: normal normal 600 16px Titillium Web; color: #fff; background: #fff; } .ai_undress_main .ATA__tab_bar .tab__bar_item { height: 42px; padding: 9px 68px; border-radius: 4px; text-align: center; color: #39325a; cursor: pointer; } .ai_undress_main .ATA__tab_bar .tab__bar_item:nth-last-child(1) { margin-right: 0; } .ai_undress_main .ATA__tab_bar .tab__bar_item.active { background: transparent linear-gradient(103deg, #1101fd 0%, #60f8e9 100%) 0% 0% no-repeat padding-box; color: #fff !important; } .ai_undress_main .ATA__tab_bar.pc_show { display: flex !important; } .ai_undress_main h1 { font: normal normal bold 40px/61px Titillium Web; color: #39325a; margin-top: 12px; } .ai_undress_main > p { margin-top: 6px; font: normal normal normal 18px/27px Titillium Web; color: #39325a; width: 800px; margin: 5px auto; } .ai_undress_main .ai_undress_content { display: flex; justify-content: center; align-items: flex-start; margin: 25px auto 71px; } .ai_undress_main .ai_undress_content .operation_box { background: #ffffff 0% 0% no-repeat padding-box; box-shadow: 0px 10px 20px #0600631f; border-radius: 4px; width: 464px; padding: 25px 24px 32px; box-sizing: border-box; } .ai_undress_main .ai_undress_content .operation_box .step_title { color: #39325a; text-align: left; display: flex; font: normal normal 600 16px/24px Titillium Web; } .ai_undress_main .ai_undress_content .operation_box .step_title span { color: #3779f3; width: 62px; margin-right: 29px; font: italic normal bold 18px/24px Titillium Web; } .ai_undress_main .ai_undress_content .operation_box .step_title b { color: #39325a; text-align: left; display: flex; font: normal normal 600 16px/24px Titillium Web; } .ai_undress_main .ai_undress_content .operation_box .step_title b.mobile_show { display: none; } .ai_undress_main .ai_undress_content .operation_box .step_title b.pc_show { display: initial; } .ai_undress_main .ai_undress_content .operation_box .operation_img_box { display: flex; align-items: center; margin: 24px auto 0px; justify-content: center; } .ai_undress_main .ai_undress_content .operation_box .operation_img_box .small_img { width: 43px; height: 42px; margin-right: 16px; border-radius: 50%; display: flex; justify-content: center; align-items: center; } .ai_undress_main .ai_undress_content .operation_box .operation_img_box .small_img > img { object-fit: cover; cursor: pointer; border-radius: 50%; } .ai_undress_main .ai_undress_content .operation_box .operation_img_box .small_img:not(.active):hover img { content: url("/dist/img/ai-undress/icon_photo_hover.png"); } .ai_undress_main .ai_undress_content .operation_box .operation_img_box .small_img.active { border: 2px solid #1101fd; } .ai_undress_main .ai_undress_content .operation_box .operation_img_box .small_img.active img { width: 95%; height: 95%; } .ai_undress_main .ai_undress_content .operation_box .operation_img_box .small_img.disabled { pointer-events: none; } .ai_undress_main .ai_undress_content .operation_box .operation_img_box .operation_btn { width: 200px; height: 42px; background: transparent linear-gradient(101deg, #1101fd 0%, #60f8e9 100%) 0% 0% no-repeat padding-box; border-radius: 4px; font: normal normal 600 14px/42px Titillium Web; color: #ffffff; display: flex; justify-content: center; align-items: center; cursor: pointer; transition: opacity 0.3s; } .ai_undress_main .ai_undress_content .operation_box .operation_img_box .operation_btn.disabled { pointer-events: none; } .ai_undress_main .ai_undress_content .operation_box .operation_img_box .operation_btn:hover { opacity: 0.7; } .ai_undress_main .ai_undress_content .operation_box .operation_img_box .operation_btn.upload_photo .change_photo_text { display: none; } .ai_undress_main .ai_undress_content .operation_box .operation_img_box .operation_btn .origin_uploader_btn_loading { line-height: 0; display: none; animation: infinite-rotation 1.5s linear infinite; } .ai_undress_main .ai_undress_content .operation_box .operation_img_box .operation_btn .origin_uploader_btn_loading .btn_loading { width: 35px !important; height: 35px !important; } .ai_undress_main .ai_undress_content .operation_box .operation_img_box .operation_btn .origin_uploader_btn { display: inline-flex; align-items: center; } .ai_undress_main .ai_undress_content .operation_box .operation_img_box .operation_btn .origin_uploader_btn img { margin-right: 14px; } .ai_undress_main .ai_undress_content .operation_box .operation_img_box .operation_btn.loading .origin_uploader_btn { display: none; } .ai_undress_main .ai_undress_content .operation_box .operation_img_box .operation_btn.loading .origin_uploader_btn_loading { display: inline-flex; } .ai_undress_main .ai_undress_content .operation_box .operation_box_first { position: relative; text-align: center; border-bottom: 1px solid #d9d9d9; } .ai_undress_main .ai_undress_content .operation_box .operation_box_first p { font: normal normal normal 12px/19px Titillium Web; color: #6f6f6f; padding: 12px 0; } .ai_undress_main .ai_undress_content .operation_box .operation_box_first p.mobile_show { display: none; } .ai_undress_main .ai_undress_content .operation_box .operation_box_first p.pc_show { display: block; } .ai_undress_main .ai_undress_content .operation_box .operation_box_first .drag_loadbox { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); position: absolute; top: 0; left: 0; z-index: 5; border-radius: 10px; display: none; cursor: cell; } .ai_undress_main .ai_undress_content .operation_box .operation_box_first .drag_loadbox h4 { text-align: center; font: normal normal 500 14px/21px Titillium Web; letter-spacing: 0px; color: #ffffff; position: absolute; transform: translateX(-50%); left: 50%; top: 55px; z-index: 8; width: 100%; pointer-events: none; } .ai_undress_main .ai_undress_content .operation_box .operation_box_first.show_drag_loading_box .normal_operation_box_first { filter: blur(10px); } .ai_undress_main .ai_undress_content .operation_box .operation_box_first.show_drag_loading_box .drag_loadbox { display: block; } .ai_undress_main .ai_undress_content .operation_box .operation_box_second { position: relative; padding-top: 24px; padding-bottom: 16px; border-bottom: 1px solid #d9d9d9; } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box { /* UI Properties */ border-radius: 12px; padding-top: 12px; text-align: left; padding-right: 0; box-sizing: border-box; } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box.disabled { opacity: 0.5; pointer-events: none; filter: blur(5px); } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box.disabled #swiper_undress li { pointer-events: none !important; } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box > ul { display: flex; flex-direction: column; } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box > ul > li { height: 34px; margin: 0 0 12px 12px; list-style: disc; list-style-position: inside; display: flex; align-items: center; position: relative; } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box > ul > li.colmun_li { flex-direction: column; align-items: flex-start; height: auto; margin-bottom: 8px; } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box > ul > li::before { content: ""; position: absolute; left: -15px; top: 50%; transform: translateY(-50%); width: 5px; height: 5px; background-color: #39325a; border-radius: 50%; } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box > ul > li.selected_gender_li { position: relative; } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box > ul > li.selected_gender_li .selected_gender { width: 114px; height: 34px; margin-right: 12px; background: #ffffff 0% 0% no-repeat padding-box; border: 1px solid #d6d6d6; font: normal normal 600 14px/34px Titillium Web; letter-spacing: 0px; color: #3779f3; outline-width: 0; appearance: none; -moz-appearance: none; -webkit-appearance: none; padding-left: 6px; position: relative; border-radius: 4px; cursor: pointer; } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box > ul > li.selected_gender_li .selected_gender .arrow_down { position: absolute; right: 6px; top: 50%; transform: translateY(-50%); } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box > ul > li.selected_gender_li .selected_gender b { font: normal normal 600 14px Titillium Web; } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box > ul > li.selected_gender_li .selected_gender.has_expand { background: #f9fafc 0% 0% no-repeat padding-box; } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box > ul > li.selected_gender_li .selected_gender.has_expand img { transform-origin: center; transform: rotate(180deg) translateY(50%); } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box > ul > li.selected_gender_li .select_ul { position: absolute; background: #ffffff 0% 0% no-repeat padding-box; font: normal normal 500 13px/20px Titillium Web; letter-spacing: 0px; outline-width: 0; appearance: none; -moz-appearance: none; -webkit-appearance: none; top: 45px; left: 0; border-radius: 4px; padding: 8px 0; height: 0; opacity: 0; z-index: 2; pointer-events: none; filter: drop-shadow(0px 1px 6px #28255d29); } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box > ul > li.selected_gender_li .select_ul.expand { height: auto; opacity: 1; z-index: 2; pointer-events: auto; } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box > ul > li.selected_gender_li .select_ul::before { content: ""; position: absolute; left: 50%; transform: translateX(-50%); top: -6px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 8px solid #fff; } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box > ul > li.selected_gender_li .select_ul > li { padding-left: 5px; width: 114px; list-style: none; height: 30px; display: flex; align-items: center; font: normal normal 600 14px/21px Titillium Web; color: #39325a; cursor: pointer; position: relative; margin-bottom: 6px; } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box > ul > li.selected_gender_li .select_ul > li.active { color: #3779f3; background-color: #e3eaff; } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box > ul > li.selected_gender_li .select_ul > li:last-of-type { margin-bottom: 0; } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box > ul > li.selected_color_li { position: relative; } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box > ul > li.selected_color_li .selected_style { width: 100px; height: 34px; margin-right: 12px; background: #ffffff 0% 0% no-repeat padding-box; border: 1px solid #d6d6d6; font: normal normal 600 14px/34px Titillium Web; letter-spacing: 0px; color: #3779f3; outline-width: 0; appearance: none; -moz-appearance: none; -webkit-appearance: none; padding-left: 6px; position: relative; border-radius: 4px; cursor: pointer; } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box > ul > li.selected_color_li .selected_style .arrow_down { position: absolute; right: 6px; top: 50%; transform: translateY(-50%); transform: translateY(-50%); } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box > ul > li.selected_color_li .selected_style b { font: normal normal 600 14px/34px Titillium Web; } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box > ul > li.selected_color_li .selected_style.has_expand { background: #f9fafc 0% 0% no-repeat padding-box; } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box > ul > li.selected_color_li .selected_style.has_expand img { transform-origin: center; transform: rotate(180deg) translateY(50%); } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box > ul > li.selected_color_li .select_ul { width: 100px; position: absolute; background: #ffffff 0% 0% no-repeat padding-box; font: normal normal 500 13px/20px Titillium Web; letter-spacing: 0px; outline-width: 0; appearance: none; -moz-appearance: none; -webkit-appearance: none; top: 45px; left: 0; border-radius: 4px; padding: 8px 0; height: 0; opacity: 0; z-index: 2; pointer-events: none; filter: drop-shadow(0px 1px 6px #28255d29); } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box > ul > li.selected_color_li .select_ul.expand { height: auto; opacity: 1; z-index: 2; pointer-events: auto; } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box > ul > li.selected_color_li .select_ul::before { content: ""; position: absolute; left: 50%; transform: translateX(-50%); top: -6px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 8px solid #fff; } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box > ul > li.selected_color_li .select_ul > li { padding: 0 5px; list-style: none; position: relative; height: 30px; display: flex; align-items: center; font: normal normal 600 14px/21px Titillium Web; color: #39325a; cursor: pointer; margin-bottom: 6px; } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box > ul > li.selected_color_li .select_ul > li.active { color: #3779f3; background-color: #e3eaff; } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box > ul > li.selected_color_li .select_ul > li:last-of-type { margin-bottom: 0; } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box > ul > li.selected_style_li { position: relative; } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box > ul > li.selected_style_li .selected_style { width: 100px; height: 34px; margin-right: 12px; background: #ffffff 0% 0% no-repeat padding-box; border: 1px solid #d6d6d6; font: normal normal 600 14px/34px Titillium Web; letter-spacing: 0px; color: #3779f3; outline-width: 0; appearance: none; -moz-appearance: none; -webkit-appearance: none; padding-left: 6px; position: relative; border-radius: 4px; cursor: pointer; } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box > ul > li.selected_style_li .selected_style .arrow_down { position: absolute; right: 6px; top: 50%; transform: translateY(-50%); transform: translateY(-50%); } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box > ul > li.selected_style_li .selected_style b { font: normal normal 600 14px/34px Titillium Web; } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box > ul > li.selected_style_li .selected_style.has_expand { background: #f9fafc 0% 0% no-repeat padding-box; } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box > ul > li.selected_style_li .selected_style.has_expand img { transform-origin: center; transform: rotate(180deg) translateY(50%); } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box > ul > li.selected_style_li .select_ul { width: 100px; position: absolute; background: #ffffff 0% 0% no-repeat padding-box; font: normal normal 500 13px/20px Titillium Web; letter-spacing: 0px; outline-width: 0; appearance: none; -moz-appearance: none; -webkit-appearance: none; top: 45px; left: 0; border-radius: 4px; padding: 8px 0; height: 0; opacity: 0; z-index: 2; pointer-events: none; filter: drop-shadow(0px 1px 6px #28255d29); } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box > ul > li.selected_style_li .select_ul.expand { height: auto; opacity: 1; z-index: 2; pointer-events: auto; } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box > ul > li.selected_style_li .select_ul::before { content: ""; position: absolute; left: 50%; transform: translateX(-50%); top: -6px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 8px solid #fff; } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box > ul > li.selected_style_li .select_ul > li { padding: 0 5px; list-style: none; position: relative; height: 30px; display: flex; align-items: center; font: normal normal 600 14px/21px Titillium Web; color: #39325a; cursor: pointer; margin-bottom: 6px; } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box > ul > li.selected_style_li .select_ul > li.active { color: #3779f3; background-color: #e3eaff; } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box > ul > li.selected_style_li .select_ul > li:last-of-type { margin-bottom: 0; } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box > ul > li span, .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box > ul > li h4 { font: normal normal bold 14px/21px Titillium Web; color: #39325a; } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box > ul > li.undress_li { height: auto; list-style: none; padding: 0; } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box > ul > li.undress_li #swiper_undress { overflow-x: auto; padding-bottom: 16px; } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box > ul > li.undress_li #swiper_undress::-webkit-scrollbar { height: 8px; } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box > ul > li.undress_li #swiper_undress::-webkit-scrollbar-thumb { background: #ececf9; cursor: pointer; border-radius: 8px; } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box > ul > li.undress_li #swiper_undress::-webkit-scrollbar-thumb:hover { background: #e4e4f4; } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box > ul > li.undress_li::before { display: none; } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box > ul > li.undress_li li { list-style: none; margin: 0; } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box > ul > li.undress_li li::before { display: none; } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box > ul > li.undress_li .undress_swiper { width: 100%; padding-right: 5px; height: auto; } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box > ul > li.undress_li .undress_swiper .swiper-slide { width: auto !important; } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box > ul > li.undress_li .undress_item { user-select: none; border-radius: 8px; position: relative; width: 76px; line-height: 0; } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box > ul > li.undress_li .undress_item img { cursor: pointer; width: 76px; height: 76px; -webkit-user-drag: none; border-radius: 8px; border: 3px solid transparent; } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box > ul > li.undress_li .undress_item img:hover { border: 3px solid #00000036; } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box > ul > li.undress_li .undress_item img.active_underess_item { border: 3px solid #1101fd; border-radius: 8px; } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box > ul > li.undress_li .undress_item .tips { text-align: center; font: normal normal bold 12px/19px Titillium Web; letter-spacing: 0px; color: #39325a; margin-top: 2px; display: block; width: 76px; } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box > ul > li.undress_li .undress_item.active img { border: 3px solid #39325a; } .ai_undress_main .ai_undress_content .operation_box .operation_box_third { position: relative; text-align: center; padding-top: 23px; } .ai_undress_main .ai_undress_content .operation_box .operation_box_third .DressUp_btn_hover { width: 250px; margin: 25px auto 0; } .ai_undress_main .ai_undress_content .operation_box .operation_box_third .DressUp_btn_hover span { position: relative; z-index: 3; } .ai_undress_main .ai_undress_content .operation_box .operation_box_third .DressUp_btn_hover .right-arrow { width: 14px; height: 14px; margin-left: 16px; position: relative; top: -1px; vertical-align: middle; transition: 0.3s ease all; } .ai_undress_main .ai_undress_content .operation_box .operation_box_third .DressUp_btn_hover:hover .right-arrow { transform: translateX(20px); } .ai_undress_main .ai_undress_content .operation_box .operation_box_third .DressUp_btn_hover .dressUp_btn_text2 { display: none; } .ai_undress_main .ai_undress_content .operation_box .operation_box_third .DressUp_btn_hover .dressUp_btn_text2 .generating-animate { display: inline-flex; align-items: center; } .ai_undress_main .ai_undress_content .operation_box .operation_box_third .DressUp_btn_hover .dressUp_btn_text2 .generating-animate span { width: 8px; height: 8px; border-radius: 8px; display: block; transform: scale(0.3); background: white; margin: 0 -1px; animation: progressgenerate 1.5s linear infinite; } .ai_undress_main .ai_undress_content .operation_box .operation_box_third .DressUp_btn_hover .dressUp_btn_text2 .generating-animate span:nth-child(2) { animation-delay: 0.2s; } .ai_undress_main .ai_undress_content .operation_box .operation_box_third .DressUp_btn_hover .dressUp_btn_text2 .generating-animate span:nth-child(3) { animation-delay: 0.3s; } .ai_undress_main .ai_undress_content .operation_box .operation_box_third .DressUp_btn_hover .dressUp_btn_text1 { display: inline-block; } .ai_undress_main .ai_undress_content .operation_box .operation_box_third .DressUp_btn_hover.dressing .dressUp_btn_text2 { display: inline-block; } .ai_undress_main .ai_undress_content .operation_box .operation_box_third .DressUp_btn_hover.dressing .dressUp_btn_text1 { display: none; } .ai_undress_main .ai_undress_content .operation_box .operation_box_third .DressUp_btn_hover.dressing img { display: none; } .ai_undress_main .ai_undress_content .operation_box .operation_box_third .DressUp_btn_hover.disabled { opacity: 0.5; pointer-events: none; } .ai_undress_main .ai_undress_content .operation_box .operation_box_third .DressUp_btn_hover.disabled .right-arrow { display: none; } .ai_undress_main .ai_undress_content .img_box { border-radius: 16px; width: auto; height: auto; display: flex; justify-content: center; align-items: center; width: 551px; position: relative; margin-right: 32px; } .ai_undress_main .ai_undress_content .img_box .loading_box { display: none; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); flex-direction: column; } .ai_undress_main .ai_undress_content .img_box .loading_box .animate_content { width: 124px !important; height: 124px !important; } .ai_undress_main .ai_undress_content .img_box .loading_box p { font: normal normal 600 18px/27px Titillium Web; letter-spacing: 0px; color: #ffffff; } .ai_undress_main .ai_undress_content .img_box img { border-radius: 12px; max-width: 551px; max-height: 551px; object-fit: contain; -webkit-user-drag: none; } .ai_undress_main .ai_undress_content .img_box .pic_guide { width: 46px; height: 46px; max-width: 46px; max-height: 46px; object-fit: contain; min-width: 46px; min-height: 46px; } .ai_undress_main .ai_undress_content .img_box.loading img { filter: blur(10px); } .ai_undress_main .ai_undress_content .img_box .big_img_box { position: relative; line-height: 1; font-size: 0; } .ai_undress_main .ai_undress_content .img_box .big_img_box.showbtn .chat_now { display: flex; } .ai_undress_main .ai_undress_content .img_box .big_img_box.showbtn .chat_now_des { display: block; } .ai_undress_main .ai_undress_content .img_box .big_img_box.hide_chat_now .chat_now_des { display: none; } .ai_undress_main .ai_undress_content .img_box .big_img_box .chat_now { display: none; width: 109px; height: 32px; /* UI Properties */ background: #F597E8 0% 0% no-repeat padding-box; border-radius: 6px; align-items: center; padding-left: 15px; box-sizing: border-box; font: normal normal bold 14px/19px Titillium Web; letter-spacing: 0px; color: #000000; position: absolute; left: 16px; top: 16px; cursor: pointer; } .ai_undress_main .ai_undress_content .img_box .big_img_box .chat_now:hover { background: #F8B7EF 0% 0% no-repeat padding-box; } .ai_undress_main .ai_undress_content .img_box .big_img_box .chat_now:hover::after { right: 12px; } .ai_undress_main .ai_undress_content .img_box .big_img_box .chat_now::after { content: ""; position: absolute; top: 11px; right: 15px; width: 10px; height: 10px; transition: right 0.1s; background-image: url("/dist/img/ai-undress/Mask Group 8022.svg"); } .ai_undress_main .ai_undress_content .img_box .big_img_box .chat_now_des { display: none; position: absolute; top: -80px; left: -88px; width: 200px; } .ai_undress_main .ai_undress_content .img_box .big_img_box .chat_now_des p { color: transparent; -webkit-background-clip: text; font-size: 20px; font-weight: 600; background-image: linear-gradient(to right, #fe6d35, #f158b2); } .ai_undress_main .ai_undress_content .img_box .big_img_box .chat_now_des img { animation: upanddown 0.8s linear infinite; } .ai_undress_main .ai_undress_content .img_box.loading img { filter: blur(10px); } @keyframes upanddown { 0% { margin: 0; } 50% { margin-top: 15px; } 100% { margin-top: 0; } } .footer-bottom .wapper { border-top: 1px solid #d9d9d9; } #large_undress_modal { width: 100vw; height: 100vh; z-index: 999; background-color: rgba(0, 0, 0, 0.7); position: fixed; top: 0; left: 0; display: flex; justify-content: center; align-items: center; flex-direction: column; display: none; } #large_undress_modal .large_group { display: flex; justify-content: space-between; } #large_undress_modal .large_group .share_btn .pc_show { transform: scale(0.9); } #large_undress_modal .large_group .share_btn { margin-right: 19px; } #large_undress_modal .large_img_box { width: 710px; display: flex; } #large_undress_modal .large_img_box .large_img { max-width: 710px; max-height: 500px; object-fit: contain; margin: 0 auto; } #large_undress_modal .img_btns { width: 710px; justify-content: center; margin-top: 29px; } #large_undress_modal .img_btns.disabled_loading .img_btn { opacity: 0.5; pointer-events: none; } #large_undress_modal .close_btn { width: 44px; height: 44px; cursor: pointer; position: absolute; right: 40px; top: 40px; display: flex; align-items: center; justify-content: center; border-radius: 50%; } #large_undress_modal .close_btn img { width: 100%; height: 100%; } #large_undress_modal .close_btn:hover img { content: url(/dist/img/ai-undress/icon_close_hover.png); } #large_undress_modal .img_btns .img_btn { min-width: 136px; border-radius: 22px; padding: 0 23px; height: 34px; /* UI Properties */ background: rgba(255, 255, 255, 0.3); font: normal normal 600 16px/40px Titillium Web; display: flex; justify-content: center; align-items: center; color: #fff; cursor: pointer; user-select: none; } #large_undress_modal .img_btns .img_btn svg { width: 12px; height: 12px; user-select: none; margin-right: 5px; } #large_undress_modal .img_btns .img_btn svg path { stroke: #fff; } #large_undress_modal .img_btns img { width: 25px; margin-bottom: 5px; } .right_img_box { display: flex; flex-direction: column; align-items: center; width: 735px; } .right_img_box .after_tag { position: absolute; right: 55px; background-color: #3779f3; border-radius: 0 20px 0 14px; } .right_img_box .before_tag { left: 52px; background-color: #9e9694; color: #39325a !important; border-radius: 20px 0 14px 0; } .right_img_box .example_img_tag { top: 29px; position: absolute; display: flex; justify-content: center; align-items: center; color: #fff; width: 70px; height: 26px; font: normal normal 400 14px/20px Titillium Web; } .right_img_box .img_btns.disabled_loading { display: none; } .right_img_box .img_btns.disabled_loading .img_btn { opacity: 0.5; pointer-events: none; } .right_img_box .img_btns, .right_img_box .img_btns { width: 100%; display: flex; margin: 30px auto; /* padding: 0 20px; */ box-sizing: border-box; user-select: none; } .right_img_box .img_btns .img_btns_group { display: flex; justify-content: center; width: 100%; } .right_img_box .img_btns .img_btns_group .img_btn { margin-left: 8px; } .right_img_box .img_btns .img_btns_group .img_btn p { line-height: 12px; } .right_img_box .img_btns .img_btns_group .img_btn:nth-child(1) { margin-left: 0; } .right_img_box .img_btns .img_btn, .right_img_box .img_btns .img_btn { border-radius: 22px; padding: 0 31px; height: 42px; /* UI Properties */ background: #ffffff 0% 0% no-repeat padding-box; font: normal normal 600 16px/40px Titillium Web; display: flex; justify-content: center; align-items: center; color: #39325a; cursor: pointer; user-select: none; } .right_img_box .img_btns .img_btn.chat_btn, .right_img_box .img_btns .img_btn.chat_btn { background-color: #F597E8; } .right_img_box .img_btns .img_btn.chat_btn img, .right_img_box .img_btns .img_btn.chat_btn img { width: 16px; margin-right: 5px; margin-bottom: 0; } .right_img_box .img_btns .img_btn.chat_btn:hover, .right_img_box .img_btns .img_btn.chat_btn:hover { background-color: #F8B7EF !important; } .right_img_box .img_btns .img_btn.chat_btn:hover p, .right_img_box .img_btns .img_btn.chat_btn:hover p { color: #000; background-color: transparent; } .right_img_box .img_btns .img_btn svg, .right_img_box .img_btns .img_btn svg { color: #39325a; width: 12px; height: 12px; user-select: none; margin-right: 8px; } .right_img_box .img_btns img, .right_img_box .img_btns img { width: 25px; margin-bottom: 5px; } .stpe3_upload .change_face_btn .v_step3_btn_credits { pointer-events: none; position: absolute; right: 0; top: -8px; height: 20px; min-width: 100px; box-sizing: border-box; padding: 0 9px; display: flex; align-items: center; justify-content: center; border-radius: 20px 20px 0 20px; background: transparent linear-gradient(90deg, #f4d21b 0%, #ff9362 100%) 0% 0% no-repeat padding-box; } .stpe3_upload .change_face_btn .v_step3_btn_credits .v_button_icon { width: 12px; height: 12px; margin-right: 4px; } .stpe3_upload .change_face_btn .v_step3_btn_credits .v_step3_btn_credits_span { font: normal normal 600 11px/20px Titillium Web; color: #39325a; } .img_address .img_btns .img_btn { background: unset; width: unset; max-width: 100px; padding: 0 0.2rem; zoom: unset; height: unset; } .img_address .img_btns .img_btn svg { margin-top: unset; } .img_address .img_btns .img_btn .pc_show { font: normal normal 500 0.22rem/0.24rem Titillium Web; color: #827c9a; display: block !important; height: 0.24rem; } .img_address .img_btns .img_btn.large_image { display: none !important; } .img_address .img_btns .img_btns_group2 { position: relative; justify-content: flex-end; flex: 1; margin-right: 8px; } .img_address .img_btns .img_btns_group2 .removeWatemark_btn { position: absolute; left: 0; top: 0; } .download_con .loading_prograss_con { text-align: left; } .change_face_modal_content .download_con p { text-align: left; } @keyframes infinite-rotation { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes ball-pulse { 0%, 60%, 100% { opacity: 1; transform: scale(1); } 30% { opacity: 0.1; transform: scale(0.1); } } @keyframes progressgenerate { 0% { opacity: 0; } 30% { opacity: 1; } 70.1% { opacity: 1; } 100% { opacity: 0; } } @media (min-width: 1200px) { .tab__bar_item:hover { color: #3779f3; } .img_btns .img_btn:hover { background: rgba(255, 255, 255, 0.16) !important; user-select: none; } .img_btns .img_btn:hover svg { user-select: none; } } @media (max-width: 1200px) { .chat_now, .chat_now_des { display: none !important; } .tool_banner { margin-bottom: 0; } .large_image { display: none !important; } .ai_undress_main { width: 100vw; min-height: calc(100vh - 90px); text-align: center; user-select: none; text-align: center; box-sizing: border-box; } .ai_undress_main .ATA__tab_bar { height: fit-content; display: flex; margin: 0.4rem auto 0; padding: 0.1rem 0.12rem; border-radius: 0.14rem; } .ai_undress_main .ATA__tab_bar .tab__bar_item { padding: 0.2rem 0.57rem; border-radius: 0.08rem; font: normal normal 600 0.26rem Titillium Web; height: fit-content; } .ai_undress_main h1 { font: normal normal bold 0.42rem/.46rem Titillium Web; color: #39325a; margin: 0.24rem auto 0.16rem; } .ai_undress_main > p { font: normal normal normal 0.32rem/.36rem Titillium Web; width: 6rem; margin: 0 auto 0.24rem; } .ai_undress_main .ai_undress_content { width: 100vw; margin: 0; flex-direction: column; align-items: center; justify-content: start; } .ai_undress_main .ai_undress_content .operation_box { margin: 0.24rem auto 0; width: 100vw; border-radius: 0.04rem; height: auto; box-shadow: 0px 0.1rem 0.2rem #0600631f; padding: 0.32rem 0.6rem 0.44rem; } .ai_undress_main .ai_undress_content .operation_box .step_title { text-align: left; display: flex; font: normal normal 600 0.28rem/.48rem Titillium Web; } .ai_undress_main .ai_undress_content .operation_box .step_title span { color: #3779f3; margin-right: 0.32rem; font: italic normal bold 0.32rem Titillium Web; } .ai_undress_main .ai_undress_content .operation_box .step_title b { color: #39325a; text-align: left; display: flex; font: normal normal 600 0.28rem/.48rem Titillium Web; } .ai_undress_main .ai_undress_content .operation_box .step_title b.mobile_show { display: initial; } .ai_undress_main .ai_undress_content .operation_box .step_title b.pc_show { display: none; } .ai_undress_main .ai_undress_content .operation_box .operation_img_box { margin: 0.24rem auto 0px; } .ai_undress_main .ai_undress_content .operation_box .operation_img_box .small_img { width: 0.7rem; height: 0.68rem; margin-right: 0.24rem; } .ai_undress_main .ai_undress_content .operation_box .operation_img_box .small_img img { width: 100%; height: 100%; } .ai_undress_main .ai_undress_content .operation_box .operation_img_box .small_img.active { border: 0.03rem solid #1101fd; } .ai_undress_main .ai_undress_content .operation_box .operation_img_box .operation_btn { min-width: 3.23rem; height: 0.68rem; font: normal normal 600 0.25rem/.38rem Titillium Web; } .ai_undress_main .ai_undress_content .operation_box .operation_box_first p { font: normal normal normal 0.22rem/.34rem Titillium Web; } .ai_undress_main .ai_undress_content .operation_box .operation_box_first p.mobile_show { display: block; padding-bottom: 0.32rem; padding-top: 0; margin-top: 0.08rem; } .ai_undress_main .ai_undress_content .operation_box .operation_box_first p.pc_show { display: none; } .ai_undress_main .ai_undress_content .operation_box .operation_box_second { margin-top: 0.2rem; padding-top: 0; padding-bottom: 0.3rem; } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box { background: #f5f6fa 0% 0% no-repeat padding-box; border-radius: 0.12rem; padding-top: 0.24rem; margin-top: 0.24rem; padding-right: 0.24rem; } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box ul > li { height: 0.76rem; margin: 0 0 0.24rem 0.46rem; } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box ul > li span { font: normal normal bold 0.26rem/.39rem Titillium Web; } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box ul > li h4 { font: normal normal bold 0.26rem/.39rem Titillium Web; } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box ul > li.selected_gender_li .selected_gender { width: 2.36rem; height: 0.76rem; padding-left: 0.24rem; margin-right: 0.24rem; border: 0.01rem solid #d6d6d6; border-radius: 0.08rem; } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box ul > li.selected_gender_li .selected_gender b { font: normal normal 600 0.26rem/.76rem Titillium Web; } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box ul > li.selected_gender_li .selected_gender .arrow_down { width: 0.38rem; height: 0.38rem; right: 0.16rem; } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box ul > li.selected_gender_li .select_ul { padding: 0.16rem 0; top: 1rem; } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box ul > li.selected_gender_li .select_ul::before { border-left: 0.25rem solid transparent; border-right: 0.25rem solid transparent; border-bottom: 0.3rem solid #fff; top: -0.12rem; } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box ul > li.selected_gender_li .select_ul > li { width: 2.18rem; margin: 0 auto 0.06rem; padding-left: 0.28rem; font: normal normal 600 0.26rem/.39rem Titillium Web; height: 66px; } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box ul > li.selected_color_li .selected_style { width: 2.18rem; height: 0.76rem; padding-left: 0.24rem; margin-right: 0.24rem; border: 0.01rem solid #d6d6d6; border-radius: 0.08rem; } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box ul > li.selected_color_li .selected_style b { font: normal normal 600 0.26rem/.76rem Titillium Web; } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box ul > li.selected_color_li .selected_style .arrow_down { width: 0.38rem; height: 0.38rem; right: 0.16rem; } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box ul > li.selected_color_li .select_ul { padding: 0.16rem 0; width: auto; top: 1rem; } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box ul > li.selected_color_li .select_ul::before { border-left: 0.25rem solid transparent; border-right: 0.25rem solid transparent; border-bottom: 0.3rem solid #fff; top: -0.12rem; } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box ul > li.selected_color_li .select_ul > li { width: 2.18rem; margin: 0 auto 0.06rem; padding-left: 0.28rem; font: normal normal 600 0.26rem/.39rem Titillium Web; height: 66px; } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box ul > li.selected_style_li .selected_style { width: 2.18rem; height: 0.76rem; padding-left: 0.24rem; margin-right: 0.24rem; border: 0.01rem solid #d6d6d6; border-radius: 0.08rem; } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box ul > li.selected_style_li .selected_style b { font: normal normal 600 0.26rem/.76rem Titillium Web; } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box ul > li.selected_style_li .selected_style .arrow_down { width: 0.38rem; height: 0.38rem; right: 0.16rem; } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box ul > li.selected_style_li .select_ul { padding: 0.16rem 0; width: auto; top: 1rem; } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box ul > li.selected_style_li .select_ul::before { border-left: 0.25rem solid transparent; border-right: 0.25rem solid transparent; border-bottom: 0.3rem solid #fff; top: -0.12rem; } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box ul > li.selected_style_li .select_ul > li { width: 2.18rem; margin: 0 auto 0.06rem; padding-left: 0.28rem; font: normal normal 600 0.26rem/.39rem Titillium Web; height: 66px; } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box ul > li::before { width: 0.1rem; height: 0.1rem; left: -0.2rem; } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box .undress_li { height: 2rem !important; } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box .undress_swiper { padding-right: 0.3rem !important; height: 1.45rem !important; } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box .undress_swiper .undress_item { height: 1.5rem !important; width: 1.15rem !important; } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box .undress_swiper .undress_item img { width: 1.05rem !important; height: 1.05rem !important; border: 0.05rem solid transparent !important; } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box .undress_swiper .undress_item img:hover { border: 0.05rem solid transparent !important; } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box .undress_swiper .undress_item img.active_underess_item { border: 0.05rem solid #3779f3 !important; border-radius: 8px; } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box .undress_swiper .undress_item img.active_underess_item:hover { border: 0.05rem solid #3779f3 !important; } .ai_undress_main .ai_undress_content .operation_box .operation_box_second .set_target_box .undress_swiper .undress_item .tips { width: 1.05rem !important; font: normal normal 600 0.2rem/0.36rem Titillium Web !important; } .ai_undress_main .ai_undress_content .operation_box .operation_box_third .DressUp_btn_hover { display: block; width: 100%; height: 0.88rem; font: normal normal 600 0.32rem/.48rem Titillium Web; margin-top: 0.24rem; } .ai_undress_main .ai_undress_content .operation_box .operation_box_third .DressUp_btn_hover .right-arrow { display: none; width: 0.2rem; height: 0.2rem; } .ai_undress_main .ai_undress_content .right_img_box { padding: 0 0.6rem; position: relative; width: 100%; } .ai_undress_main .ai_undress_content .right_img_box .img_box { width: 100%; margin-right: 0; border-radius: 0; } .ai_undress_main .ai_undress_content .right_img_box #big_img { max-height: 6rem; max-width: 100%; width: 100%; border-radius: 0; } .ai_undress_main .ai_undress_content .right_img_box .after_tag { position: absolute; right: 0.53rem; background-color: #3779f3; border-radius: 0 0.2rem 0 0.14rem; } .ai_undress_main .ai_undress_content .right_img_box .before_tag { left: 0.48rem; background-color: #9e9694; color: #39325a !important; border-radius: 0.2rem 0 0.14rem 0; } .ai_undress_main .ai_undress_content .right_img_box .example_img_tag { top: 0.43rem; position: absolute; display: flex; justify-content: center; align-items: center; color: #fff; width: 0.8rem; height: 0.3rem; font: normal normal 500 0.16rem Titillium Web; } .ai_undress_main .ai_undress_content .right_img_box .img_btns { width: 6.7rem; margin: 0.3rem auto 0; } .ai_undress_main .ai_undress_content .right_img_box .img_btns .img_btns_group .img_btn { width: 1.6rem; height: 0.6rem; border: 2px solid #39325a; border-radius: 0.3rem; padding: 0 0.18rem; background: #ffffff 0% 0% no-repeat padding-box; font: normal normal 500 0.14rem/0.2rem Titillium Web; } .ai_undress_main .ai_undress_content .right_img_box .img_btns .img_btns_group .img_btn.chat_btn { background-color: #F597E8; flex: 1 !important; } .ai_undress_main .ai_undress_content .right_img_box .img_btns .img_btns_group .img_btn.chat_btn img { width: 16px; margin-right: 5px; margin-bottom: 0; } .ai_undress_main .ai_undress_content .right_img_box .img_btns .img_btns_group .img_btn.chat_btn:hover { background-color: #F597E8 !important; } .ai_undress_main .ai_undress_content .right_img_box .img_btns .img_btns_group .img_btn.chat_btn:hover p { color: #000; background-color: transparent !important; } .ai_undress_main .ai_undress_content .right_img_box .img_btns .img_btns_group .img_btn p { font-size: 0.2rem; } .ai_undress_main .ai_undress_content .right_img_box .img_btns .img_btns_group .img_btn svg { width: 0.2rem; height: 0.2rem; margin-right: 0.08rem; flex-shrink: 0; } .undress_credits_messageModel { position: fixed; width: 100vw; height: 100vh; top: 0; left: 0; display: none; z-index: 999; } .undress_credits_messageModel .undress_credits_container { background: #ffffff 0% 0% no-repeat padding-box; box-shadow: 0px 10px 10px #39325a1d; border: 1px solid #e2e2e2; border-radius: 0.2rem; width: 6rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .undress_credits_messageModel .undress_credits_container .win_icon_close { position: absolute; right: 0.15rem; top: 0.15rem; width: 0.34rem; height: 0.34rem; cursor: pointer; } .undress_credits_messageModel .undress_credits_container .v_other_error_message { padding: 0.3rem; box-sizing: border-box; } .undress_credits_messageModel .undress_credits_container .v_other_error_message .v_error_container { display: flex; flex-wrap: wrap; justify-content: center; } .undress_credits_messageModel .undress_credits_container .v_other_error_message .v_error_container .v_message_icon { max-width: 1.2rem; min-width: 1rem; display: none; } .undress_credits_messageModel .undress_credits_container .v_other_error_message .v_error_container .v_error_content { text-align: center; width: 100%; } .undress_credits_messageModel .undress_credits_container .v_other_error_message .v_error_container .v_error_content .v_error_title { font: normal normal bold 0.3rem/0.34rem Titillium Web; color: #f56a2e; margin-bottom: 0.3rem; } .undress_credits_messageModel .undress_credits_container .v_other_error_message .v_error_container .v_error_content .v_error_span { font: normal normal 300 0.24rem/0.26rem Titillium Web; color: #39325a; } .undress_credits_messageModel .undress_credits_container .v_other_error_message .v_error_container .v_error_content .v_error_span .redSpan { color: #fd4745; } .undress_credits_messageModel .undress_credits_container .v_other_error_message .v_error_container .v_error_content .v_error_span span { font-weight: bold; } .undress_credits_messageModel .undress_credits_container .v_other_error_message .v_button_container { display: flex; justify-content: center; margin-top: 0.34rem; flex-wrap: wrap; } .undress_credits_messageModel .undress_credits_container .v_other_error_message .v_button_container .v_other_button, .undress_credits_messageModel .undress_credits_container .v_other_error_message .v_button_container .v_other_button1 { min-width: 4rem; height: 0.5rem; background: #3779f3; border-radius: 0.5rem; color: #fff; display: flex; align-items: center; justify-content: center; cursor: pointer; padding: 0 0.2rem; box-sizing: border-box; } .undress_credits_messageModel .undress_credits_container .v_other_error_message .v_button_container .v_other_button .v_button_icon, .undress_credits_messageModel .undress_credits_container .v_other_error_message .v_button_container .v_other_button1 .v_button_icon { margin-right: 0.2rem; width: 0.28rem; height: 0.28rem; } .undress_credits_messageModel .undress_credits_container .v_other_error_message .v_button_container .v_other_button .v_button_text, .undress_credits_messageModel .undress_credits_container .v_other_error_message .v_button_container .v_other_button1 .v_button_text { color: #fff; font-size: 0.26rem; font-weight: 400; } .undress_credits_messageModel .undress_credits_container .v_other_error_message .v_button_container .v_other_button:hover, .undress_credits_messageModel .undress_credits_container .v_other_error_message .v_button_container .v_other_button1:hover { background: #3779f3; } .undress_credits_messageModel .undress_credits_container .v_other_error_message .v_button_container .v_other_button1 { display: none; background: unset; border: 1px solid #c9c9c9; margin-bottom: 0.2rem; } #change_face_modal { width: 95vw !important; } #large_undress_modal .large_group { width: 100%; } #large_undress_modal .large_img_box { width: 95vw; background: transparent; display: flex; } #large_undress_modal .img_btns { width: 95vw; justify-content: flex-end; margin-top: 0.2rem; } #large_undress_modal .large_img { max-width: 7rem !important; max-height: 5rem !important; /* object-fit: contain; */ } #change_undress_modal { height: 100vh; top: 0; } .stpe3_upload { width: 90vw; height: auto; padding-bottom: 20px; } .main_content .img_btns, #change_undress_modal .img_btns { max-width: 95vw; min-width: 100px; padding: 0 !important; /* margin: 0 auto 10px; */ } } .tool_banner { margin-top: 76px; } .tool_banner .banner_content { width: 1364px; height: 400px; padding-left: 138px; background: url("/dist/img/ai-undress/banner-pc.png") no-repeat; background-size: cover; display: flex; margin: 0 auto; justify-content: space-between; border-radius: 10px; text-align: left; margin-bottom: 40px; } .tool_banner .banneer_left { padding-top: 82px; width: 478px; } .tool_banner .banneer_left .tip { font: normal normal 500 16px/23px Titillium Web; color: #b7b7c6; } .tool_banner .banneer_left .title { margin-top: 0; color: #000000; font: normal normal 600 34px/46px Titillium Web; margin-bottom: 12px; font-weight: 700; } .tool_banner .banneer_left p { color: #000000; font: normal normal 300 15px/28px Titillium Web; margin-bottom: 28px; max-width: 430px; } .tool_banner .banneer_left .tool_banner_btn_pc { display: flex; width: 312px; height: 49px; background: #0e45f5; border-radius: 4px; justify-content: center; align-items: center; cursor: pointer; transition: all 0.5s; } .tool_banner .banneer_left .tool_banner_btn_pc .text { color: #fff; font: normal normal 500 18px/49px Titillium Web; } .tool_banner .banneer_left .tool_banner_btn_pc .icon { display: inline-block; margin-left: 11px; width: 12px; height: 8px; background: no-repeat center url("/dist/img/banner/btn_right.svg"); background-size: cover; } .tool_banner .banneer_left .tool_banner_btn_pc:hover { background-image: linear-gradient(90deg, #0e45f5 0%, #60f8e9 100%); transition: all 0.5s; } .tool_banner .banneer_right { width: 683px; height: 400px; background: no-repeat center url("/dist/img/banner/tool_banner_ttv.png"); background-size: 100%; display: none; } .tool_banner .tool_banner_btn_mob { display: none; } @media screen and (max-width: 1200px) { .tool_banner { margin: 0; margin-bottom: 10px; } .tool_banner .banner_content { width: 100%; height: 160vw; padding-left: 0; background: url("/dist/img/ai-undress/banner-m.png") no-repeat; background-size: cover; background-position: top left; display: block; margin: 0; padding-top: 17.6vw; border-radius: 0; } .tool_banner .banneer_left { padding-top: 0; width: 100%; padding: 0 0.6rem; } .tool_banner .banneer_left .tip { font: normal normal 500 0.24rem/.33rem Titillium Web; text-align: center; } .tool_banner .banneer_left .title { text-align: center; margin-top: 0; font: normal normal 600 0.44rem/.54rem Titillium Web; margin-bottom: 3.33vw; } .tool_banner .banneer_left p { text-align: center; font: normal normal 300 0.32rem/.45rem Titillium Web; margin-bottom: 69.47vw; width: 100%; margin-left: auto; margin-right: auto; } .tool_banner .banneer_left .tool_banner_btn_pc { display: none; } .tool_banner .banneer_right { width: 100%; height: 4.38rem; background: no-repeat center url("/dist/img/banner/m_tool_banner_ttv.png"); background-size: 100%; } .tool_banner .tool_banner_btn_mob { margin: 0 auto 0; width: 6.1rem; height: 1rem; display: flex; background-color: #0E45F5; border-radius: 1.03vw; justify-content: center; align-items: center; } .tool_banner .tool_banner_btn_mob .text { color: #fff; font: normal normal 500 0.32rem/1rem Titillium Web; } .tool_banner .tool_banner_btn_mob .icon { display: inline-block; margin-left: 0.22rem; width: 0.22rem; height: 0.16rem; background: no-repeat center url("/dist/img/banner/btn_right.svg"); background-size: cover; } }