@charset "utf-8";

.page-container { height: 100%; overflow: hidden; }

.page-container .van-popup--round { border-radius: 2.667vw; }

.page-container .van-popup--round .van-popup__close-icon--top-right { top: 3.2vw; right: 3.733vw; }

.page-container .van-popup--round .van-popup__close-icon { font-size: 4.533vw; }

.page-wrapper { position: relative; height: 100%; box-sizing: border-box; overflow: hidden; }

.page-wrapper.has-index-tab { padding: 28.267vw 0px 16vw; }

.page-wrapper.has-visitor-tab { padding: 0px 0px 16vw; }

.page-info { z-index: 999; position: fixed; top: 0px; left: 0px; right: 0px; height: 28.267vw; padding-top: 8vw; padding-left: 6.667vw; box-sizing: border-box; background-image: url("../../static/img/mine-bg.d37a389c.png"); background-size: 100% 100%; background-position: 50% center; background-repeat: no-repeat; }

.page-info-setting { position: absolute; top: 10.133vw; right: 4.267vw; width: 8vw; height: 8vw; }

.page-info-setting .svg-icon { font-size: 8vw; color: rgb(255, 255, 255); }

.page-info__name { position: relative; padding-left: 8vw; color: rgb(255, 255, 255); font-size: 4.8vw; }

.page-info__name::before { content: " "; position: absolute; top: 0px; bottom: 0px; left: 0px; width: 1.067vw; box-sizing: border-box; pointer-events: none; background-color: rgb(146, 211, 255); }

.page-info__name span:first-of-type { font-weight: 600; }

.page-info__name span + span { margin-left: 5.333vw; }

.page-info__department { margin-top: 2.667vw; padding-left: 8vw; font-size: 4vw; color: rgb(255, 255, 255); }

.page-bottom { height: 16vw; background: rgb(255, 255, 255); position: fixed; bottom: 0px; left: 0px; right: 0px; display: flex; justify-content: center; align-items: center; }

.page-bottom .van-button { width: 40vw; font-size: 4.8vw; }

.page-bottom .van-button:first-of-type { margin-right: 5.6vw; }

.page-share { width: 74.667vw; padding: 7.733vw 6.4vw 6.933vw; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; font-size: 3.733vw; }

.page-share-title { font-weight: 700; font-size: 4.267vw; }

.page-share-subtitle { margin-top: 2.4vw; color: rgb(119, 119, 119); }

.page-share-content { margin-top: 5.067vw; align-self: flex-start; }

.page-share-link { margin-top: 2.4vw; font-size: 3.2vw; align-self: flex-start; }

.page-share-times { width: 100%; height: 11.733vw; margin-top: 3.2vw; border-top: 1px solid rgb(221, 221, 221); border-bottom: 1px solid rgb(221, 221, 221); display: flex; justify-content: space-between; align-items: center; }

.page-share-times span { color: rgb(6, 135, 255); }

.page-share-times .svg-icon { color: rgb(58, 58, 58); font-size: 4.267vw; }

.page-share .van-button { margin-top: 7.467vw; width: 40vw; font-size: 4.8vw; }