.subject-detail{height:100%;background:#f0f2f5}.subject-detail header{height:64px;background:#fff;margin-bottom:24px}.subject-detail header .content{width:1100px;display:flex;align-items:center;margin:0 auto;height:100%;font-size:24px;font-weight:400}.subject-detail header .content .logo{width:44px;height:34px;margin-right:16px}.subject-detail--warp{width:1100px;min-height:800px;margin:0 auto 30px auto;padding-bottom:30px}.subject-detail--header{padding:32px;display:flex;background:#fff;margin-bottom:24px;border-radius:6px}.subject-detail--header__content{flex:1;position:relative}.subject-detail--header__content .h2{font-size:24px;font-weight:400px;line-height:33px;padding:0;margin:0;margin-bottom:16px}.subject-detail--header__content p{font-size:16px;color:#666;line-height:22px}.subject-detail .pv_uv{display:flex;position:absolute;bottom:0;width:100%}.subject-detail .pv_uv_left{flex:1;font-size:14px;color:#333;line-height:20px;display:flex}.subject-detail .pv_uv_left.for_list{color:#666}.subject-detail .pv_uv_left span{margin-right:24px;display:flex;align-items:center}.subject-detail .pv_uv_left span img{width:16px;height:16px;margin-right:8px}.subject-detail .pv_uv .share{width:82px;height:32px;font-size:14px;border-radius:16px;background-color:#fff;border:1px solid #e2e2e2;color:#333;cursor:pointer}.subject-detail .pv_uv .share:hover{color:#c9915e;border-color:#c9915e}.subject-detail .con-status{position:absolute;top:0;left:0;width:48px;height:20px;line-height:20px;font-size:12px;text-align:center;color:#fff;z-index:1;border-radius:2px}.subject-detail .con-status.success{background-color:#1ad5ce}.subject-detail .con-status.wait{background-color:#47a9ff}.subject-detail .con-status.callback,.subject-detail .con-status.failure{background-color:rgba(0,0,0,.45)}.subject-detail--cover{width:380px;height:220px;background:#c9915e;margin-right:24px;border-radius:4px}.subject-detail--cover .defaultimg{width:100%;height:100%}.subject-detail--cover .defaultimg img{width:100%}.subject-detail--content{border-radius:6px;background:#fff}.subject-detail--content .el-tabs__nav-wrap:after{height:1px}.subject-detail--content .el-tabs__nav-scroll{padding-left:32px}.subject-detail--content .el-tabs__nav{margin-top:12px}.subject-detail--content .el-tabs__item{height:48px;line-height:48px;color:#888;font-weight:400px;font-size:16px}.subject-detail--content .el-tabs__item.is-active{color:#c9915e}.subject-detail--content .el-tabs__header{margin:0 0 0}.subject-detail--content__tab{padding:32px}.subject-detail--content__tab.html-con{overflow:auto}.subject-detail--content__tab.html-con img{width:100%;height:auto}.subject-detail--content__tab.listwarp{padding-left:12px;height:566px;overflow-y:auto}.subject-detail--content__tab.listwarp .warp{display:flex;flex-wrap:wrap;width:102%}.subject-detail--content__list{width:244px;height:280px;margin:0 0 20px 20px;position:relative;cursor:pointer}.subject-detail--content__list .pice{width:100%;height:140px;background:#d8d8d8;border-radius:4px 4px 0 0;display:block}.subject-detail--content__list .pice img{width:100%}.subject-detail--content__list .textbox{height:142px;border:1px solid #eaedf0;border-top:none;border-radius:0 0 4px 4px}.subject-detail--content__list .textbox-top{padding:16px;border-bottom:1px solid #eaedf0;font-size:14px}.subject-detail--content__list .textbox-top-name{height:44px;font-size:14px;font-weight:400;color:#333;line-height:22px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;word-break:break-all}.subject-detail--content__list .textbox-top-time{color:#666}.subject-detail--content__list .textbox-bot{display:flex;height:45px;align-items:center;padding:0 19px}.subject-detail--content__list .pv_uv{position:static}.subject-detail--content__list .pv_uv-left{color:#666!important}