ul {
margin: 0;
padding: 0;
list-style: none;
}.Tw1nGo1 {
font-size: 1em;
padding: 0 .6em .6em;
background-color: #f7f7f7;
border-bottom: 1px solid #e9e9e9;
}.Tw1nGo2 {
padding: 7px 0 0;
}.Tw1nGo3 {
-webkit-tap-highlight-color: transparent;
padding: .3em 0 0;
}.Tw1nGo4 {
position: relative;
overflow: hidden;
zoom: 1;
}.Tw1nGo5 {
padding: .35em 7px;
margin: .25em .25em 0 0;
white-space: nowrap;
border-radius: 2px;
float: left;
-webkit-tap-highlight-color: transparent;
}.Tw1nGo6 {
background-color: #5181b8 !important;
color: #fff !important;
}.Tw1nGo5:hover, .Tw1nGo5.active, .Tw1nGo5.hover {
background-color: #E4E8ED;
text-decoration: none;
}.Tw1nGo7 {
color: #8ea4bc;
font-style: normal;
font-size: .92em;
font-weight: 700;
}.Tw1nGo6 .Tw1nGo7 {
color: #CDD9E4;
}.basisDefault__row {
margin-top: 12px;
}.Tw1nGo8 {
background: #fff;
position: relative;
border-top: 1px solid #e9e9e9;
border-bottom: 1px solid #e9e9e9;
}.Row {
padding: 12px;
font-size: 15px;
line-height: 20px;
position: relative;
display: block;
text-decoration: none !important;
color: #000;
padding-left: 16px;
padding-right: 16px;
}.notification {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: relative;
}.notification_withActions {
min-height: 70px;
}.notification__fillLink {
position: absolute !important;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 1;
}.notification a {
position: relative;
z-index: 2;
}.notification__left {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 8px;
}.notification a {
position: relative;
z-index: 2;
}
.notification__avatar {
display: block;
position: relative;
}.notification__avatarPhoto {
width: 48px;
height: 48px;
}.notification__avatarPhoto img{
width: 48px;
height: 48px;
border-radius: 50%;
}.Icon_notify_mini_birthday, .Icon_notify_mini_comment, .Icon_notify_mini_follow, .Icon_notify_mini_friend_accepted, .Icon_notify_mini_friend_found, .Icon_notify_mini_gift, .Icon_notify_mini_interesting, .Icon_notify_mini_invite_app, .Icon_notify_mini_invite_group, .Icon_notify_mini_invite_group_accepted, .Icon_notify_mini_like, .Icon_notify_mini_live, .Icon_notify_mini_mention, .Icon_notify_mini_new_post, .Icon_notify_mini_photo_tag, .Icon_notify_mini_private_post, .Icon_notify_mini_repost, .Icon_notify_mini_request_money, .Icon_notify_mini_story_reply, .Icon_notify_mini_transfer_money, .Icon_notify_mini_transfer_money_cancelled, .Icon_notify_mini_transfer_votes, .Icon_notify_mini_wall {
width: 20px;
height: 20px;
}.Icon {
display: block;
}.notification__avatarIcon {
position: absolute;
right: -2px;
bottom: -2px;
}.Icon::before {
content: '';
display: block;
background-size: 100%;
background-repeat: no-repeat;
}.Icon_notify_mini_birthday::before, .Icon_notify_mini_comment::before, .Icon_notify_mini_follow::before, .Icon_notify_mini_friend_accepted::before, .Icon_notify_mini_friend_found::before, .Icon_notify_mini_gift::before, .Icon_notify_mini_interesting::before, .Icon_notify_mini_invite_app::before, .Icon_notify_mini_invite_group::before, .Icon_notify_mini_invite_group_accepted::before, .Icon_notify_mini_like::before, .Icon_notify_mini_live::before, .Icon_notify_mini_mention::before, .Icon_notify_mini_new_post::before, .Icon_notify_mini_photo_tag::before, .Icon_notify_mini_private_post::before, .Icon_notify_mini_repost::before, .Icon_notify_mini_request_money::before, .Icon_notify_mini_story_reply::before, .Icon_notify_mini_transfer_money::before, .Icon_notify_mini_transfer_money_cancelled::before, .Icon_notify_mini_transfer_votes::before, .Icon_notify_mini_wall::before {
width: 20px;
height: 20px;
background-image: url(/style/notifi_mini.png?6);
}.Icon_notify_mini_gift::before {
background-position: 0 -340px;
}.Icon_notify_mini_mention::before {
background-position: 0 -60px;
}.Icon_notify_mini_friend_accepted::before, .Icon_notify_mini_invite_group_accepted::before {
background-position: 0 -120px;
}.Icon_notify_mini_hhh::before {
background-position: 0 -320px;
width: 20px;
height: 20px;
display: block;
background-image: url(/style/notifi_mini.png?6);
}.Icon_notify_mini_hhf::before {
background-position: 0 -360px;
width: 20px;
height: 20px;
display: block;
background-image: url(/style/notifi_mini.png?6);
}.Icon_notify_mini_hff::before {
background-position: 0 -540px;
width: 20px;
height: 20px;
display: block;
background-image: url(/style/notifi_mini.png?6);
}.Icon_notify_mini_fff::before {
background-position: 0 -220px;
width: 20px;
height: 20px;
display: block;
background-image: url(/style/notifi_mini.png?6);
}.Icon_notify_mini_ffy::before {
background-position: 0 -200px;
width: 20px;
height: 20px;
display: block;
background-image: url(/style/notifi_mini.png?6);
}.Icon_notify_mini_fyy::before {
background-position: 0 -500px;
width: 20px;
height: 20px;
display: block;
background-image: url(/style/notifi_mini.png?6);
}.Icon_notify_mini_yyy::before {
background-position: 0 -40px;
width: 20px;
height: 20px;
display: block;
background-image: url(/style/notifi_mini.png?6);
}.Icon_notify_mini_qyy::before {
background-position: 0 -460px;
width: 20px;
height: 20px;
display: block;
background-image: url(/style/notifi_mini.png?6);
}
.notification__center {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}.notification__row {
font-size: 15px;
word-break: break-word;
}.notification__row_name_header {
margin-bottom: 2px;
line-height: 20px;
}.notification__row {
font-size: 15px;
word-break: break-word;
}.notification__row_name_buttons {
margin-top: 8px;
margin-bottom: 8px;
}.BtnStack {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: -8px;
}.Btn {
margin: 0;
margin-top: 0px;
margin-right: 0px;
padding: 0;
display: inline-block;
font-size: 14px;
font-weight: 500;
border-radius: 4px;
border: none;
outline: 0;
position: relative;
cursor: pointer;
text-decoration: none !important;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-align: center;
-webkit-appearance: none;
box-sizing: border-box;
font-family: inherit;
-o-transition: opacity .2s ease;
transition: opacity .2s ease;
}.Btn_theme_secondary {
height: 34px;
line-height: 34px;
padding: 0 14px;
color: #306096 !important;
background: #e6ebf1;
}.notification a {
position: relative;
z-index: 2;
}.BtnStack__btn {
margin-right: 8px;
margin-top: 8px;
}.BtnStack__btn:last-child {
margin-right: 0;
}.notification__row a {
color: #426997;
}.notification__row_name_footer {
margin-top: 2px;
font-size: 13px;
color: #909499;
}.notification__row:last-child {
margin-bottom: 0;
}.notification__right {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}.notification__media {
display: block;
width: 48px;
height: 48px;
margin-left: 8px;
border-radius: 2px;
background-size: cover;
background-position: 50%;
background-repeat: no-repeat;
}.notification__body {
position: absolute;
left: 12px;
right: 12px;
top: 12px;
bottom: 12px;
pointer-events: none;
}.notification__body {
left: 16px;
right: 16px;
}.notification__actions {
position: absolute;
right: -6px;
bottom: -4px;
width: 12px;
height: 12px;
padding: 6px;
z-index: 2;
}
.notification__body > * {
pointer-events: all;
}.notification__actions::before {
content: '';
position: absolute;
top: 0;
left: -32px;
right: 0;
bottom: 0;
background: -o-linear-gradient(0deg,rgba(255,255,255,0),#fff,#fff);
background: linear-gradient(90deg,rgba(255,255,255,0),#fff,#fff);
}.Row_style_withBorder + .Row_style_withBorder::after, .Row_style_withBorderForce::after {
content: '';
position: absolute;
top: -1px;
left: 12px;
right: 12px;
height: 1px;
background: rgba(0,0,0,.08);
}.Row_style_withBorder + .Row_style_withBorder::after {
left: 16px;
right: 16px;
}.notification__actionsTrigger::before {
content: '';
position: absolute;
top: -10px;
left: -10px;
right: -10px;
bottom: -10px;
}.notification__actionsTrigger {
cursor: pointer;
display: block;
background-size: 100%;
width: 14px;
height: 14px;
position: absolute;
z-index: 1;
-webkit-tap-highlight-color: transparent;
background-image: url(/style/cross_light.png?3);
}.Pad__header {
font-weight: 600;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 13px;
color: #909499;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: baseline;
-ms-flex-align: baseline;
align-items: baseline;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
white-space: nowrap;
}.Pad__title {
text-overflow: ellipsis;
text-transform: uppercase;
overflow: hidden;
font-weight: 500;
font-size: 13px;
padding: 0;
margin: 0;
color: #909499;
}.Pad__corner {
font-size: 15px;
font-weight: 400;
margin-left: 12px;
opacity: 1;
-o-transition: opacity .3s ease;
transition: opacity .3s ease;
color: #768494;
}a.Pad__corner {
color: #426997;
}