*{padding:0;margin:0;box-sizing: border-box;}

html{
    --color: #2196F3;
    --color-mild: #e9f5ff;
    --link-color: #333;
    --font-color: #363F48;
    --bg-color: #f0f4f5;
    --price-color:#f60;


}


a{color:var(--link-color);text-decoration:none;transition:all .2s;cursor: pointer;}
a:hover{color:var(--color)}
a.disabled{color:#888;cursor:default;}

body{color:var(--font-color);background-color:var(--bg-color);font:14px "Helvetica Neue",Helvetica,Arial,sans-serif;line-height:1.6;padding-top:var(--header-height)}

.iconfont,.kf-iconfont{line-height: 1;}
.flex{display:flex}
.flex-standard{align-items:center}
.flex-column{flex-direction:column}
.flex-between{justify-content:space-between}
.flex-center{justify-content:center}
.flex-end{justify-content: flex-end;}
.flex-evenly{justify-content: space-evenly;}
.flex-full{flex:1;}

.price{color:var(--price-color);font-weight:bold;margin-right: 10px; }
.price s{font-size: .75em;margin: 0 2px;color:#999;}
.container{position:relative;width:1200px;max-width:100%;margin:0 auto}
.main-container{display: flex;flex-direction: column;min-height: calc(100vh - var(--header-height));transition: all .4s;}
.main-inner{flex:1}

@keyframes shine{100%{left:125%}}
.base-multi .title{margin:10px 0;font-size:1.1em;}
.base-multi .title a{padding:0 7px;line-height:28px;border-radius:calc(var(--card-border-radius)/ 2);transition:all .2s}
.base-multi .meta{color:#9199a1;font-size:.9em;padding-top:10px;border-top: var(--line-color) 1px dashed;}
.base-multi .meta .price{font-size:1.2em;}
.base-multi .intro{display:none;position:absolute;top:100%;left:0;width:100%;margin-top:-15px;padding:var(--card-padding);background-color:#fff;border-bottom-left-radius:var(--card-border-radius);border-bottom-right-radius:var(--card-border-radius);box-shadow:var(--card-shadow-hover)}
.base-multi .description{background-color:#f9f9f9;color:#86909c;font-size:.9em;padding:3px 7px;border-radius:calc(var(--card-border-radius)/ 2);word-break: break-all;}
.base-multi:hover{box-shadow:var(--card-shadow-hover)!important;transform:translateY(-5px);z-index:1}
.base-multi:hover .thumb::after{-webkit-animation:shine .85s;animation:shine .85s}
.base-multi:hover .intro{display:block}


.post{padding:calc(var(--section-padding) / 2) 0}
.post .inner{gap:var(--card-gap)}
.post .main{border-radius:calc(var(--base-border-radius) * 2);flex:1;width:0}
.post .post-head{border-bottom:solid 1px var(--border-color);padding:1em}
.post .post-head .title{color:#444;font-weight:400}
.post .post-content{padding-right:0!important;padding-left:0!important;overflow: hidden;}
.post .post-content h2{font-weight: 400;position: relative;padding-left:.6em}
.post .post-content h2::before{content:'';position: absolute;border-left:solid .2em var(--color);height: 60%;left:0;top:0;bottom:0;margin:auto 0;border-radius: var(--base-border-radius);}
.post .post-content .content{padding:1em}
.post .post-content .content .product-screenshot h2{margin:0 0 .5em;}
.post .post-content .content a{color:var(--color);}
.post .post-content .content a:hover{text-decoration:underline}
.post .post-content + .post-content{margin-top: var(--card-gap);}
.post .post-content .module-app{border-radius: 0}
.item_newlist{}