.MCNLinkCard {
    background-color:#f6f6f6;
    display:block;
    border-radius:8px;
    overflow:hidden;
    color:inherit;
    margin:1em auto;
    max-width:100%;
    min-height:88px;
    position:relative;
    text-decoration:none;
    width:390px;
    z-index:0
}
html[data-theme=dark] .MCNLinkCard {
    background-color:#1b1b1b
}
.MCNLinkCard-card {
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    max-width:400px;
    min-height:88px
}
.MCNLinkCard-card,
.MCNLinkCard-cardContainer {
    -webkit-box-align:stretch;
    -ms-flex-align:stretch;
    align-items:stretch;
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.MCNLinkCard-cardContainer {
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:100%;
    padding:14px;
    z-index:2
}
.MCNLinkCard-imageContainer {
    -ms-flex-negative:0;
    flex-shrink:0;
    overflow:hidden;
    position:relative;
    border-radius:6px;
    height:100px;
    width:100px
}
.MCNLinkCard-imageContainer--rectangle {
    width:75px
}
.MCNLinkCard-imageContainer--invalid {
    opacity:.3
}
.MCNLinkCard-redPacketImageContainer {
    height:75px;
    width:75px
}
.MCNLinkCard-image {
    height:100%;
    width:100%
}
.MCNLinkCard-tagInImage {
    position:absolute;
    right:0;
    bottom:0;
    padding:0 5px;
    color:#121212;
    font-size:12px;
    font-weight:500;
    background:hsla(0,0%,100%,.9);
    border-top-left-radius:8px;
    -webkit-transform:scale(.75);
    transform:scale(.75);
    -webkit-transform-origin:right bottom;
    transform-origin:right bottom;
    white-space:nowrap
}
html[data-theme=dark] .MCNLinkCard-tagInImage {
    color:#fff;
    background:hsla(0,0%,100%,.9)
}
.MCNLinkCard-info {
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1;
    margin-left:12px;
    overflow:hidden
}
.MCNLinkCard-info,
.MCNLinkCard-titleContainer {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.MCNLinkCard-titleContainer {
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.MCNLinkCard-title {
    color:#121212;
    font-size:16px;
    line-height:20px;
    max-height:40px;
    font-weight:600;
    font-synthesis:style;
    display:-webkit-box;
    text-overflow:ellipsis;
    overflow:hidden;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical
}
html[data-theme=dark] .MCNLinkCard-title {
    color:#fff
}
html[data-ios] .MCNLinkCard-title {
    font-weight:500
}
html[data-android] .MCNLinkCard-title {
    font-weight:700
}
.MCNLinkCard-title--invalid {
    color:grey
}
html[data-theme=dark] .MCNLinkCard-title--invalid {
    color:#999
}
.MCNLinkCard-redPacketTitle {
    font-size:15px
}
.MCNLinkCard-tool {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end;
    margin-top:auto
}
.MCNLinkCard-toolLeft {
    margin-right:auto
}
.MCNLinkCard-redEvenlope-time {
    font-size:12px;
    color:#999;
    line-height:16.8px
}
html[data-theme=dark] .MCNLinkCard-redEvenlope-time {
    color:#999
}
.MCNLinkCard-price {
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    color:#ff7955;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    font-size:16px;
    font-weight:500;
    line-height:18px;
    margin-right:auto
}
html[data-theme=dark] .MCNLinkCard-price {
    color:#ff7955
}
.MCNLinkCard-price--invalid {
    opacity:.3
}
.MCNLinkCard-pricePrefix {
    font-size:14px;
    margin-right:4px
}
.MCNLinkCard-VIPPrice {
    line-height:18px;
    font-size:14px;
    font-weight:500
}
.MCNLinkCard-VIPPrice span {
    display:inline-block
}
.MCNLinkCard-VIPPrice .MCNLinkCard-VIPPriceHint {
    color:#ce994f;
    margin-right:4px
}
html[data-theme=dark] .MCNLinkCard-VIPPrice .MCNLinkCard-VIPPriceHint {
    color:#ce994f
}
.MCNLinkCard-VIPPrice .MCNLinkCard-originalPrice {
    color:#999;
    text-decoration:line-through
}
html[data-theme=dark] .MCNLinkCard-VIPPrice .MCNLinkCard-originalPrice {
    color:#999
}
.MCNLinkCard-source {
    color:#646464;
    font-size:12px;
    line-height:17px;
    margin-top:5px;
    font-weight:600;
    font-synthesis:style
}
html[data-theme=dark] .MCNLinkCard-source {
    color:#d3d3d3
}
html[data-ios] .MCNLinkCard-source {
    font-weight:500
}
html[data-android] .MCNLinkCard-source {
    font-weight:700
}
.MCNLinkCard-source--invalid,
html[data-theme=dark] .MCNLinkCard-source--invalid {
    color:#999
}
.MCNLinkCard-button {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-negative:0;
    flex-shrink:0;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-item-align:start;
    align-self:flex-start;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    color:#ff7955;
    font-size:13px;
    height:17px;
    line-height:17px;
    font-weight:600;
    font-synthesis:style
}
html[data-theme=dark] .MCNLinkCard-button {
    color:#ff7955
}
html[data-ios] .MCNLinkCard-button {
    font-weight:500
}
html[data-android] .MCNLinkCard-button {
    font-weight:700
}
.MCNLinkCard-invalidButton {
    width:72px;
    height:25px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    background-color:#ebebeb;
    color:grey;
    font-size:13px;
    line-height:17px;
    font-weight:600;
    font-synthesis:style;
    border-top-left-radius:12px;
    border-bottom-left-radius:12px;
    position:absolute;
    right:0;
    bottom:11px;
    z-index:1
}
html[data-theme=dark] .MCNLinkCard-invalidButton {
    background-color:#2e2e2e;
    color:#999
}
html[data-ios] .MCNLinkCard-invalidButton {
    font-weight:500
}
html[data-android] .MCNLinkCard-invalidButton {
    font-weight:700
}
.MCNLinkCard-invalidButton>span {
    margin-left:2px
}
.MCNLinkCard-desc {
    font-size:13px;
    color:#999
}
.MCNLinkCard-titleRightText {
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:46px;
    height:29px;
    -ms-flex-negative:0;
    flex-shrink:0;
    margin-left:4px;
    line-height:29px;
    color:#8590a6;
    background:#fff;
    border-radius:18px;
    font-size:13px;
    text-align:center;
    cursor:pointer
}
html[data-theme=dark] .MCNLinkCard-titleRightText {
    color:#8590a6;
    background:#121212
}
.MCNLinkCard-titleRightText:before {
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    position:absolute;
    z-index:0;
    display:block;
    content:"";
    width:92px;
    height:58px;
    background:transparent;
    border-radius:36px;
    border:1px solid #ebebeb;
    -webkit-transform:scale(.5) translate(-50%,-50%);
    transform:scale(.5) translate(-50%,-50%)
}
html[data-theme=dark] .MCNLinkCard-titleRightText:before {
    border:1px solid #2e2e2e
}
.MCNLinkCard-titleRightImg {
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -ms-flex-negative:0;
    flex-shrink:0;
    margin-left:4px;
    cursor:pointer
}
.MCNLinkCard-titleRightImg>img {
    display:block
}