.column-item-content-box[data-v-dd983126]{margin-bottom:12px;-webkit-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in}.column-item-content-box[data-v-dd983126]:hover{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}.column-item-content-box .column-img[data-v-dd983126]{width:191px;height:254px;border-radius:4px;overflow:hidden;-o-object-fit:cover;object-fit:cover;display:block}.column-item-content-box .column-title[data-v-dd983126]{font-size:16px;color:#27282d;margin-top:8px;font-weight:500}
.column-article-card-wrap{cursor:pointer;width:243px;height:326px;border-radius:4px;margin-right:15px;margin-bottom:16px;overflow:hidden;background-color:#f4f4f4;position:relative;-webkit-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in}.column-article-card-wrap:hover .top-img-wrap{top:-10px}.column-article-card-wrap:hover .content{background-color:#eaeaea}.column-article-card-wrap:hover .content__title{line-height:28px;margin-bottom:12px;height:56px}.column-article-card-wrap:hover .content__column-name{padding-bottom:20px}.column-article-card-wrap:hover .content__status{padding-top:34px;padding-bottom:20px}.column-article-card-wrap .top-img-wrap{width:100%;height:137px;position:absolute;top:0;left:0;-webkit-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in}.column-article-card-wrap .top-img-wrap .icon-flag{width:30px;height:30px;-webkit-box-shadow:0 2px 6px 1px rgba(0,0,0,.1);box-shadow:0 2px 6px 1px rgba(0,0,0,.1);position:absolute;top:12px;left:12px;z-index:3;background:rgba(0,0,0,.1);border-radius:50%;color:#fff;opacity:.95;font-size:30px}.column-article-card-wrap .top-img-wrap img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.column-article-card-wrap .content{width:100%;position:absolute;bottom:0;left:0;z-index:10;background-color:#f4f4f4}.column-article-card-wrap .content,.column-article-card-wrap .content__column-name,.column-article-card-wrap .content__status,.column-article-card-wrap .content__title,.column-article-card-wrap .content__user-info{-webkit-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in}.column-article-card-wrap .content__title{margin:16px 12px 8px;-webkit-box-sizing:content-box;box-sizing:content-box;font-size:16px;line-height:24px;height:48px;color:#303030;font-weight:700}.column-article-card-wrap .content__column-name{padding:0 12px 15px;font-size:14px;line-height:20px;color:#d2bb99;font-weight:500}.column-article-card-wrap .content__user-info{padding:0 12px}.column-article-card-wrap .content__user-info__nickname{font-size:14px;line-height:20px;color:#666}.column-article-card-wrap .content__user-info__nickname:hover{color:#378bd2}.column-article-card-wrap .content__user-info .icon-box{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:inline-block;padding:0 0 0 4px;line-height:20px}.column-article-card-wrap .content__status{padding:30px 12px 16px;font-size:12px;line-height:16px;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;color:#bfbfbf}.column-article-card-wrap .content__status__intro .num-hidden{opacity:0}.column-article-card-wrap .content__status__intro .icon-collect,.column-article-card-wrap .content__status__intro .icon-comment{margin-left:4px}.column-article-card-wrap .content__status__intro .icon-golden-collect{font-size:13px;color:#bfbfbf;position:relative;top:-1px}.column-article-card-wrap .content__status__intro .icon-comment{margin-right:24px}.column-article-card-wrap span.original-sign{display:inline-block;vertical-align:text-top;background:#eaeaea;color:#ff6060;font-size:12px;line-height:17px;height:17px;padding:0 7px;margin-right:8px;border-radius:10px;margin-top:3px}.column-article-card-wrap:nth-child(4n){margin-right:0}
.column-update-article-wrap{z-index:1;margin-bottom:8px}.column-update-article-wrap .article-item-box{margin-top:6px}
.detail-icons{cursor:pointer;width:50px;height:50px;padding:0;text-align:center;border-radius:50%;border:1px solid #d1d1d1;color:#d1d1d1;line-height:50px;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;position:relative}.detail-icons.gold-icon{border:1px solid #d2bb99;color:#d1d1d1}.detail-icons.gold-icon:hover{color:#d2bb99}.detail-icons:hover{color:#27282d}.detail-icons.icon-actived{color:#ff6060}.detail-icons.icon-actived .flip-wrap{-webkit-animation:icon-actived 1s forwards;animation:icon-actived 1s forwards}.detail-icons.vip-column-icon-actived{color:#d2bb99}.detail-icons.vip-column-icon-actived .flip-wrap{-webkit-animation:icon-actived 1s forwards;animation:icon-actived 1s forwards}.detail-icons.icon-hasNum{position:relative}.detail-icons.icon-hasNum .num{position:absolute;bottom:32px;left:30px;-webkit-box-shadow:0 10px 30px rgba(0,0,0,.07);box-shadow:0 10px 30px rgba(0,0,0,.07);font-style:normal;border-radius:20px;padding:6px;min-width:24px;background-color:#ff6060;color:#fff;font-size:12px;line-height:12px;text-align:center}.detail-icons.icon-hasNum .gold-num{background-color:#d2bb99}.detail-icons .icon-fontsize{font-size:16px}.detail-icons .text-fontsize{font-size:14px}@-webkit-keyframes icon-actived{0%{-webkit-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(.7);transform:scale(.7)}30%{-webkit-transform:scale(1.3);transform:scale(1.3)}46%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes icon-actived{0%{-webkit-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(.7);transform:scale(.7)}30%{-webkit-transform:scale(1.3);transform:scale(1.3)}46%{-webkit-transform:scale(1);transform:scale(1)}}.detail-icons i,.detail-icons span{font-weight:inherit}.detail-icons .flip-wrap{position:relative;display:block}.detail-icons .flip-wrap .flip-up{display:block;-webkit-transition:visibility 0s,opacity .4s cubic-bezier(.77,0,.175,1),-webkit-transform .3s cubic-bezier(.77,0,.175,1);transition:visibility 0s,opacity .4s cubic-bezier(.77,0,.175,1),-webkit-transform .3s cubic-bezier(.77,0,.175,1);-o-transition:transform .3s cubic-bezier(.77,0,.175,1),visibility 0s,opacity .4s cubic-bezier(.77,0,.175,1);transition:transform .3s cubic-bezier(.77,0,.175,1),visibility 0s,opacity .4s cubic-bezier(.77,0,.175,1);transition:transform .3s cubic-bezier(.77,0,.175,1),visibility 0s,opacity .4s cubic-bezier(.77,0,.175,1),-webkit-transform .3s cubic-bezier(.77,0,.175,1)}.detail-icons .flip-wrap .flip-down{position:absolute;top:0;left:0;display:block;width:100%;opacity:0;visibility:hidden;-webkit-transform:translateY(-35%);-ms-transform:translateY(-35%);transform:translateY(-35%);-webkit-transition:visibility 0s .4s,opacity .4s cubic-bezier(.77,0,.175,1),-webkit-transform .3s cubic-bezier(.77,0,.175,1);transition:visibility 0s .4s,opacity .4s cubic-bezier(.77,0,.175,1),-webkit-transform .3s cubic-bezier(.77,0,.175,1);-o-transition:transform .3s cubic-bezier(.77,0,.175,1),visibility 0s .4s,opacity .4s cubic-bezier(.77,0,.175,1);transition:transform .3s cubic-bezier(.77,0,.175,1),visibility 0s .4s,opacity .4s cubic-bezier(.77,0,.175,1);transition:transform .3s cubic-bezier(.77,0,.175,1),visibility 0s .4s,opacity .4s cubic-bezier(.77,0,.175,1),-webkit-transform .3s cubic-bezier(.77,0,.175,1)}.detail-icons .flip-wrap .flip-up.active{opacity:0;-webkit-transform:translateY(35%);-ms-transform:translateY(35%);transform:translateY(35%);visibility:hidden;-webkit-transition:visibility 0s .4s,opacity .4s cubic-bezier(.77,0,.175,1),-webkit-transform .4s cubic-bezier(.77,0,.175,1);transition:visibility 0s .4s,opacity .4s cubic-bezier(.77,0,.175,1),-webkit-transform .4s cubic-bezier(.77,0,.175,1);-o-transition:transform .4s cubic-bezier(.77,0,.175,1),visibility 0s .4s,opacity .4s cubic-bezier(.77,0,.175,1);transition:transform .4s cubic-bezier(.77,0,.175,1),visibility 0s .4s,opacity .4s cubic-bezier(.77,0,.175,1);transition:transform .4s cubic-bezier(.77,0,.175,1),visibility 0s .4s,opacity .4s cubic-bezier(.77,0,.175,1),-webkit-transform .4s cubic-bezier(.77,0,.175,1)}.detail-icons .flip-wrap .flip-down.active{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);visibility:inherit;-webkit-transition:visibility 0s,opacity .4s cubic-bezier(.77,0,.175,1),-webkit-transform .4s cubic-bezier(.77,0,.175,1);transition:visibility 0s,opacity .4s cubic-bezier(.77,0,.175,1),-webkit-transform .4s cubic-bezier(.77,0,.175,1);-o-transition:transform .4s cubic-bezier(.77,0,.175,1),visibility 0s,opacity .4s cubic-bezier(.77,0,.175,1);transition:transform .4s cubic-bezier(.77,0,.175,1),visibility 0s,opacity .4s cubic-bezier(.77,0,.175,1);transition:transform .4s cubic-bezier(.77,0,.175,1),visibility 0s,opacity .4s cubic-bezier(.77,0,.175,1),-webkit-transform .4s cubic-bezier(.77,0,.175,1)}
.column-update-list-page-wrap{padding-top:10px;width:1021px;margin:0 auto 70px;min-height:900px;position:relative}.column-update-list-page-wrap .bought-list{z-index:1;margin-bottom:8px}.column-update-list-page-wrap .bought-list .placeholder-bar{width:100%;height:5px;border-radius:2px;background:#d2bb99;margin-bottom:10px}.column-update-list-page-wrap .bought-list .column-box{margin-top:6px}.column-update-list-page-wrap .bought-list .column-box .column-item{display:inline-block;margin-right:16px;margin-bottom:12px;width:191px}.column-update-list-page-wrap .bought-list .column-box .column-item:nth-child(5n){margin-right:0}.column-update-list-page-wrap .title-box_more_down{margin-left:4px;width:0;height:0;border-top:7px solid #ff6060;border-left:4px solid transparent;border-right:4px solid transparent}
