niganma
html {
? -ms-text-size-adjust: 100%;
? -webkit-text-size-adjust: 100%;
? font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei, sans-serif;;
}
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 2dppx) {
? html {
? ? -webkit-font-smoothing: antialiased;
? ? font-smoothing: antialiased;
? }
}
html,
body {
? padding: 0;
? margin: 0;
}
.im-root,
.im-root * {
? font-size: 8.13953vw;
? line-height: 20.93023vw;
}
.im-root {
? text-decoration: none;
? color: #212121;
}
.im-root a,
.im-root a:hover,
.im-root a:active,
.im-root a:link,
.im-root a:visited {
? text-decoration: none;
? color: inherit;
}
.im-root {
? position: absolute;
? overflow: hidden;
? width: 100%;
? height: 99%;
? cursor: pointer;
}
.im-text {
? display: block;
? width: 100%;
? height: 100%;
? text-align: left;
? text-decoration: none;
}
.im-list-box {
? width: 100vw;
? position: absolute;
? top: 0;
? left: 0;
? bottom: 0;
? background: #fff;
? box-shadow: 0 1.74419vw 3.48837vw 0 rgba(0, 0, 0, 0.2);
? border-radius: 1.16279vw;
? overflow: hidden;
? padding: 5.81395vw 0;
}
.im-list {
? display: block;
? text-align: left;
? position: relative;
? line-height: 20.93023vw;
? height: 20.93023vw;
? padding-left: 11.62791vw;
? transition: background-color 0.3s;
}
.im-list:hover {
? color: #212121 !important;
? background-color: #f4f4f4 !important;
}
.im-notify {
? position: absolute;
? background-color: #fa5a57;
}
.im-notify.im-number {
? box-sizing: border-box;
? min-width: 9.30233vw;
? height: 9.30233vw;
? padding: 0 2.32558vw;
? border-radius: 4.65116vw;
? line-height: 9.30233vw;
? font-size: 6.97674vw;
? text-align: center;
? color: #fff;
}
.im-notify.im-number.im-center {
? top: 5.81395vw;
? right: 11.62791vw;
}
.im-notify.im-dot {
? top: 7.55814vw;
? right: -5.81395vw;
? width: 3.48837vw;
? height: 3.48837vw;
? border-radius: 100%;
}
.im-notify.im-dot.im-center {
? top: 8.72093vw;
? right: 11.62791vw;
}
.im-show {
? display: block !important;
}
.arrow {
? position: absolute;
? top: 4.06977vw;
? right: 11.62791vw;
? width: 8.13953vw;
? height: 12.7907vw;
}
.arrow::before,
.arrow::after {
? content: '';
? display: block;
? background: #979797;
? width: 4.65116vw;
? height: 1px;
? position: absolute;
}
.arrow::before {
? top: 4.65116vw;
? right: 1.16279vw;
? transform: rotate(45deg);
}
.arrow::after {
? bottom: 4.65116vw;
? right: 1.16279vw;
? transform: rotate(-45deg);
}
