body{font: 12px/1.5 'Microsoft Yahei','Simsun';background:#fff;}
a{text-decoration:none!important}
.keke_clearfix:after,.keke_clearfix:before{content:'';display:block;clear:both}
.keke_clearfix{zoom:1}
.pd30{padding:30px}
.pd35{padding:35px!important}
.pd45{padding:45px 50px!important}
.f12{font-size:12px!important}
.f13{font-size:13px!important}
.f14{font-size:14px!important}
.f16{ font-size: 16px !important}
.mt5{margin-top:5px!important}
.mr8{margin-right:8px!important}
.mt10a{margin-top:10px}
.mt10{margin-top:15px}
.mt20{margin-top:20px}
.mt25{margin-top:25px}
.mt30{margin-top:30px}
.mtb15{margin:15px 0!important}
.ml25{margin-left:25px}
.ml10{margin-left:10px}
.mgr0{ margin-right: 0 !important}
.l35{line-height:35px}
.lh25{ line-height: 28px !important;}
.on{color:#090}
.off{color:#c30}
.ccc{ color:#999;}
.redcolor{color:#ec3b3b!important}
.font-weight-bold{font-weight:700!important}
a{text-decoration:none!important}
.f28{font-size:28px}
.f32{font-size:46px}
@font-face {
    font-family: 'keke_iconfont';  /* Project id 2739084 */
    src: url('//at.alicdn.com/t/c/font_2739084_w97zh8dspl.woff2?t=1689217680674') format('woff2'),
    url('//at.alicdn.com/t/c/font_2739084_w97zh8dspl.woff?t=1689217680674') format('woff'),
    url('//at.alicdn.com/t/c/font_2739084_w97zh8dspl.ttf?t=1689217680674') format('truetype');
}
@font-face {
    font-family:"keke-num-font";
    src:url('../images/font/keke-num-font.eot?#iefix') format("embedded-opentype"),
    url('../images/font/keke-num-font.woff') format("woff"),
    url('../images/font/keke-num-font.ttf') format("truetype"),
    url('../images/font/keke-num-font.svg') format("svg");
    font-weight:normal;
    font-style:normal;
}
.keke_iconfont{font-family:keke_iconfont!important;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-right:5px}
.fl{float:left}
.fr{float:right}
.hide{ display: none}
.mgl15{margin-left:15px}
#wp,.wp{width:1600px}
.display-hide{display:none!important}
#headnav{background:#fff}
em.line{position:relative;margin:0 10px;color:#eee}
.bread_box{display:block}
.bread{display:inline-block;width:100%;line-height:30px;height:30px;color:#999}
.bread .rightico{margin:0 5px;color:#ccc}
.bread .bread_right a{margin-left:15px}
.bread .keke_iconfont{margin-right:5px;font-size:14px}
.bread a{color:#666}
.bread a:hover{color:#f30}
.bread .bread_right{float:right;color:#c30}
.flex{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}
.flex-row{flex-direction:row!important}
.padding{padding:1rem}
.mod-row{margin:0 auto;max-width:1630px}
.keke_row{display:flex;box-sizing:border-box;flex-wrap:wrap;margin-right:-10px;margin-left:-10px;transition:all .5s}
.col-xl-3{position:relative;width:100%;padding-right:10px;padding-left:10px;margin-bottom:20px}
.col-3{box-sizing:border-box;flex:0 0 20%;max-width:20%}
.col-50{box-sizing:border-box;flex:0 0 50%;max-width:50%;width:100%;padding-right:10px;padding-left:10px;margin-bottom:15px}
@media (min-width:576px){.col-sm-6{flex:0 0 50%;max-width:50%}
}
@media (min-width:768px){.col-md-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}
}
@media (min-width:992px){.col-lg-3{flex:0 0 25%;max-width:25%}
}
@media (min-width:1200px){.col-xl-3{flex:0 0 20%;max-width:20%}
    .soft .col-xl-3{flex:0 0 16.6666666666%;max-width:16.6666666666%}
}
@media (min-width:1200px){.smallrow .col-xl-3{flex:0 0 16.6666666666% !important;max-width:16.6666666666%}}
.material-mod{position:relative;display:block;padding:0;-ms-flex-negative:0;flex-shrink:0;border-radius:inherit;align-items:flex-start;overflow:hidden}
.material-mod:hover .media-action{opacity:1;pointer-events:initial}
.keke-list-item{transition:all .12s ease-out;box-shadow:0 2px 30px rgba(216 ,221 ,229 ,.34);border:1px solid #f3f4f5;position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word}
.media-content{position:absolute;top:0;bottom:0;left:0;right:0;border:0;border-radius:inherit;background-size:cover;background-repeat:no-repeat;background-position:50% 50%;background-color:#fafafa;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-position: center;image-rendering: -webkit-optimize-contrast;}

.media-action{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .3s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.media-action.active{opacity:1}
.media-action.media-action-overlay{box-sizing:border-box;width:100%;height:100%;background-color:rgba(0,0,0,.2);color:#fff;padding:0 5%;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;border-radius:inherit}
.media-action.media-action-overlay .btn{-ms-flex-negative:0;flex-shrink:0;color:inherit}
.active>.material-mod .media-action,.list-content{padding:1rem;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-pack:center;justify-content:center}
.list-body{-ms-flex:1 1 auto;flex:1 1 auto}
.list-footer{margin-top:.5rem}
.list-title{line-height:1rem;font-weight:500;display:block;color:inherit;height:1rem; margin-bottom: .25rem; overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.d-flex{display:flex!important}
.text-sm{font-size:.825rem}
.w-28{width:28px!important;height:28px!important;font-size:.8em}
.avatar{position:relative;line-height:1;white-space:nowrap;font-weight:700;border-radius:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0;box-shadow:0 5px 10px 0 rgba(50,50,50,.15)}
.avatar img{border-radius:inherit;width:100%}
.text-muted,.text-muted a{color:#99a0ac!important}
.text-right{text-align:right!important}
.soft-cover-bg{background-size:cover;filter:blur(70px);overflow:hidden;width:100%;height:100%;opacity:.2;box-sizing:border-box}
.soft-cover-bg:before{display:none}
.soft-img{z-index:999;position:absolute;width:90px;left:50%;margin-left:-45px;top:55px}
.p-219:after{padding-top:42.857143%}
.p-169:after{padding-top:56.25%}
.p-43:after{padding-top:75%}
.p-23:after{padding-top:150%}
.p-34:after{padding-top:133.33333%}
.p-12:after{padding-top:200%}
.p-11:after{padding-top:100%}
.p-21:after{padding-top:50%}
.p-31:after{padding-top:33%}
.p-4x1:after{padding-top:25%}
.p-1-4:after{padding-top:25vh;min-height:10rem}
.p-1-3:after{padding-top:33vh;min-height:12.5rem}
.p-1-2:after{padding-top:50vh;min-height:15rem}
.media-content,.soft-img{transition:-webkit-transform .35s ease-out;transition:transform .35s ease-out;transition:transform .35s ease-out,-webkit-transform .35s ease-out;will-change:transform}
.material-mod:hover .media-content,.material-mod:hover .soft-img{-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}
.material-mod:after{content:'';display:block}
.pt-1,.py-1{padding-top:.25rem!important}
.ml-2,.mx-2{margin-left:.5rem!important}
.media-overlay.overlay-bottom{top:auto}
.media-overlay{position:absolute;top:0;left:0;right:0;bottom:0;padding:1rem 1rem;z-index:2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff}
.bg-dark-overlay{color:#fff;background-color:rgba(0,0,0,.35)}
.badge-md{padding:.5em .75em}
.badge{font-weight:400!important;display:inline-block;font-size:75%;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.15rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
.effects .media-content{ transform: initial !important}
.effects .keke-list-item{ padding:0 !important; text-align: left !important}
.soft .keke-list-item,.effects .keke-list-item{box-shadow:0 2px 30px rgba(216 ,221 ,229 ,.34);border:1px solid #f3f4f5;padding:20px;text-align:center;background:#fff}
.soft .keke-list-item:hover,.effects .keke-list-item:hover{box-shadow:0 2px 30px #d8dde5;-webkit-transform:translateY(-3px);transform:translateY(-3px);color:#575757}
.soft .keke-list-item:active,.effects .keke-list-item:active{box-shadow:0 2px 10px #edeff3;-webkit-transform:translateY(0);transform:translateY(0)}
.soft .col-xl-3{margin-bottom:24px}
.soft .p-20{padding:20px 20px!important}
.soft .material-mod{margin-bottom:0}
.soft .text-gray{font-size:14px;color:#b5bdc5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.soft .list-title{font-size:14px;font-weight:600;line-height:1.5; height:1.5rem; color:#171717;margin-bottom:5px}
.soft .list-foot{padding:10px 10px 0;color:#9ca5ad;font-size:18px}
.isfavorites{color:#05f}
.separate{margin:0 20px;color:#ccc}
.isshow{display:block!important}