page, .pb180 { padding-bottom: 120px; } .bottomBtn { position: fixed; width: 100%; left: 0; bottom: 0; background-color: #fff; border-top: 1px solid rgba(0, 0, 0, 0.08); } .mt3{ margin-top: 3px; } .sharebtn{ padding-right: 0; margin: 0; display: inline; background-color: transparent; line-height: 1; float:right; margin-top: 5px; } .ml2{ margin-left: 2px; } .am-button { margin-top: 0; margin-bottom: 0; } .activeList { display: flex; text-align: center; } button::after{ border: 0; } .menu { flex: 1; line-height: 1.5; font-size: 16px; color: rgba(0, 0, 0, 0.65); border-bottom: 4px solid transparent; } .menu.active { font-weight: 601; color: rgba(0, 0, 0, 0.85); border-bottom: 4px solid #FE633F; } .icon-wode-shoucang{ color: #787878 !important; } .icon-shoucang-red{ color: #DA0106 !important; } .scrollImg { /* width: 67px; height: 67px; margin-right: 12px; margin-top: 20px; */ /* margin-top: 16px; */ } .show{ display:show; } .hide{ display:none; } .scroll-header { display: flex; white-space: nowrap; } .scroll-header view { display: inline-block; } .scroll-header image:first-child { margin-left: 0px; } button.detailBtn{ margin-bottom: 0; padding: 7px 0; font-size: 18px; font-weight: 601; color: #ffffff; line-height: 26px; margin-top: 8px; background: #027AFF; border-radius: 21px; margin-bottom: 16px; } .flex-1.f14.c085{ /* white-space: pre-wrap; */ white-space: pre-line; font-size: 17px; line-height: 28px; } button.collectBtn{ margin: 0; padding: 0; line-height: 1.4; padding: 0; background-color: #fff; /* text-align: left; */ /* background-color: #fff; */ } .tagsLi{ height: 20px; font-size: 14px; font-weight: 400; margin-right: 8px; margin-bottom: 8px; color: #888; line-height: 18px; padding: 0px 4px; } .pb4{ padding-bottom: 4px; } .mg020 { margin: 0 20px; } .dName{ font-size: 16px; font-weight: 601; color: #262626; line-height: 22px; } .dsName{ font-size: 12px; font-weight: 400; color: #8c8c8c; line-height: 17px; } .ava{ width: 48px; height: 48px; border-radius: 50%; margin-right: 14px; } .f25{ font-size: 25px; } .p20-0{ padding: 20px 0; margin-bottom: 20px; } .p020{ padding: 0 20px; } .dianhua{ color: #787878; } .achover .dianhua{ color:#999; } .scrollImgBox { position: relative; border-radius: 4px; width: 60px; height: 60px; margin: 12px 5px; overflow: hidden; } image { max-width: 100%; max-height: 100%; } .show { display: show; } .hide { display: none; } .p020 { padding: 0 20px; } .scroll-header { display: flex; white-space: nowrap; } .scroll-header view { display: inline-block; } .scroll-header video { width: 100%; height: 100%; border-radius: 8px; } .scroll-header image:first-child { margin-left: 0px; } .storeTitle{ font-size: 18px; font-weight: 601; color: #262626; line-height: 25px; /* margin-bottom: 10px; */ } .storeInfo{ font-size: 15px; font-weight: 400; color: #939393; line-height: 21px; white-space: pre-line; } .address{ font-size: 15px; font-weight: 400; color: #333; line-height: 21px; flex: 1; } .btext{ font-size: 11px; font-weight: 400; color: #444444; line-height: 16px; margin-top: 2px; } .flex-3{ flex: 3; } .noShow{ position: absolute; top: -9999px; } .detailH3 { font-size: 16px; font-weight: 400; color: #000; line-height: 22px; margin-top: 16px; margin-bottom: 8px; } .pri { white-space: pre-line; } .pri:empty:before, .textb1:empty:before { content: "-" !important; color: #333; } .outSp { border: 1px solid #f3f3f3; border-radius: 4px; /* line-height: 56rpx; */ } .outSp .display-flex:last-child .rb1, .outSp .display-flex:last-child .textb1 { border-bottom: 0; } .sbb1 { border-bottom: 1rpx solid #eee !important; } .tabBox .display-flex { flex-wrap: wrap; } .tabBox .display-flex > view { margin-bottom: 8px; } .rb1 { font-size: 14px; color: #666; text-align: center; width: 80px; border-right: 1px solid #f3f3f3; border-bottom: 1px solid #f3f3f3; display: flex; align-items: center; justify-content: center; } .textb1 { white-space: pre-line; color: #333; border-bottom: 1px solid #f3f3f3; padding: 0 8px; flex: 1; line-height: 1.8; padding-top: 3px; } .jobMoney { color: var(--color-ysd); } .c633 { color: var(--color-027); } .videoContainer::after { content: ""; width: 0; height: 0; border: 10px solid #ffffffbb; border-right-color: transparent; border-top-color: transparent; border-left-width: 16px; border-right-width: 0px; border-bottom-color: transparent; left: 50%; top: 50%; border-radius: 3px; transform: translate(-50%, -50%); /* background-color: #ffffff; */ position: absolute; z-index: 10; } .theVideo { position: relative; } .theVideo .t-icon { position: absolute; bottom: 80px; right: 30px; width: 20px; height: 24px; background-repeat: no-repeat; background-size: 100%; z-index: 1111; } .theVideo .t-icon::after { position: absolute; content: ""; width: 44px; height: 44px; left: 50%; top: 50%; transform: translate(-50%, -55%); background-color: #ffffff66; border-radius: 50%; } .t-icon-ziying1 { background-repeat: no-repeat; display: inline-block; width: 32px; height: 20px; margin-right: 6px; } .ml18{ margin-left: 18px; } .mask { position: fixed; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.3); top: 0; left: 0; z-index: 99; pointer-events: none; /* display: none; */ } .norecruit { position: absolute; width: 100%; height: 38px; line-height: 38px; top: -38px; font-size: 14px; text-align: center; background-color: #666; color: #fff; /* display: none; */ }