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);
}
