/*2023-10-12 15:12:02 - static_tmp/pc_cn_v5/css/story_gushihao.css*/@charset "utf-8";body{background:#F7F7F7}.story-banner{position:relative;width:100%;height:245px;min-width:1200px}.story-banner .banner-box{position:absolute;top:0;left:0;width:100%;height:100%}.story-banner .banner-box img{width:100%;height:100%}.story-main{width:1200px;margin:0 auto;position:relative}.main-sidebar{position:absolute;left:0;top:0;width:360px;padding-top:60px;background:#fff;height:100%;box-sizing:border-box;overflow-y:scroll;padding-bottom:80px}.main-sidebar .sidebar-content{position:relative}.main-sidebar .sidebar-item{display:block;height:78px;margin:0 auto;margin-bottom:20px;position:relative;display:flex;align-items:center;margin-right:4px}.main-sidebar .sidebar-item .item-logo{width:48px;height:48px;margin-left:50px;margin-right:10px;border:1px solid #D8D8D8;border-radius:50%;overflow:hidden}.main-sidebar .sidebar-item .item-logo img{display:block;width:100%;height:100%}.main-sidebar .sidebar-item .item-title{font-size:18px;font-weight:500;color:#222;line-height:22px;display:block;max-width:184px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.main-sidebar .sidebar-item .item-icon{display:none;width:36px;height:36px}.main-sidebar .sidebar-item-active{background:#FDECE1}.main-sidebar .sidebar-item-active .item-icon{position:absolute;right:18px;top:21px;display:block;background:url(../image/gushihao-sidebar-active.png) no-repeat;background-size:100% 100%}.main-add{position:absolute;left:0;bottom:0;width:320px;height:78px;margin:0 auto;background:url(../image/sidebar-add.png) no-repeat;background-size:100% 100%;z-index:999}.main-add .add-box{position:relative;width:320px;height:78px;display:flex;align-items:center}.main-add .add-box .box-title{font-size:24px;font-weight:700;color:#C3631E;line-height:24px;margin-right:15px;margin-left:78px;font-style:normal}.main-add .add-box .box-icon{display:block;width:30px;height:30px;background:url(../image/sidebar-add-icon.png) no-repeat;background-size:100% 100%}.main-content{margin-left:395px;float:left;width:805px;min-height:888px;padding-top:35px}.main-content .content-tag{width:100%;height:220px;float:left;position:relative;margin-bottom:40px}.main-content .content-tag .tag-bg{position:absolute;left:0;top:0;width:100%;height:100%}.main-content .content-tag .tag-bg img{width:100%;height:100%;display:block}.main-content .content-tag .tag-box{display:flex;align-items:center;padding:35px 75px;position:relative;z-index:8}.main-content .content-tag .tag-box .box-img{width:150px;min-width:150px;height:150px;margin-right:60px;border:1px solid #D8D8D8;border-radius:15px;overflow:hidden}.main-content .content-tag .tag-box .box-img img{width:100%;height:100%;display:block}.main-content .content-tag .tag-box .box-info h1{font-size:22px;font-weight:700;color:#222;line-height:31px;margin-bottom:15px}.main-content .content-tag .tag-box .box-info span{display:block;font-size:14px;font-weight:400;color:#666;line-height:20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.main-content .content-filter{position:relative;width:100%;float:left;margin-bottom:20px}.main-content .content-filter .filter-first .first-bg{width:100%;height:68px;position:absolute;left:0;top:0}.main-content .content-filter .filter-first .first-content{position:relative;z-index:22;margin-top:28px;background:url(../image/second-gushihao-filter-bg2.png) repeat-y}.main-content .content-filter .filter-first .first-content .content-item{display:block;float:left;margin:0 25px;font-size:18px;font-weight:400;color:#FFF;line-height:26px;margin-bottom:15px;padding:2px 10px}.main-content .content-filter .filter-first .first-content .content-item-active,.main-content .content-filter .filter-first .first-content .content-item:hover{font-size:18px;font-weight:700;color:#C3631E;line-height:26px;background:#fff;border-radius:8px;overflow:hidden}.main-content .content-filter .filter-first .first-bg img{display:block;width:100%;height:100%}.main-content .content-filter .filter-second .second-bg{width:100%;height:68px;position:absolute;left:0;bottom:0}.main-content .content-filter .filter-second .second-content{position:relative;z-index:22;margin-bottom:28px;background:url(../image/second-gushihao-filter-bg4.png) repeat-y}.main-content .content-filter .filter-second .second-content .content-item{display:block;float:left;margin:0 25px;font-size:16px;font-weight:400;color:#666;line-height:23px;padding:2px 10px;margin-top:20px}.main-content .content-filter .filter-second .second-bg img{display:block;width:100%;height:100%}.main-content .content-filter .filter-second .second-content .content-item:hover{font-size:16px;font-weight:500;color:#FFF!important;background:#C5A463;line-height:23px;border-radius:8px;overflow:hidden}.main-content .content-filter .filter-second .second-content .content-item-active{font-size:16px;font-weight:500;color:#FFF;background:#C5A463;line-height:23px;border-radius:8px;overflow:hidden}.main-content .content-list{width:100%;float:left}.main-content .content-list .list-item{float:left;background:#FFF;border-radius:15px;padding:15px 20px;margin-bottom:10px;width:100%;box-sizing:border-box;display:flex}.main-content .content-list .list-item .item-img{width:240px;height:150px;display:flex;align-items:center;justify-content:center;position:relative;margin-right:20px;border-radius:15px;overflow:hidden}.main-content .content-list .list-item .item-img img{position:relative;display:block;max-width:100%;max-height:100%;z-index:4}.main-content .content-list .list-item .item-img .img-video-icon{display:block;position:absolute;right:10px;bottom:10px;width:36px;height:36px;background:url(../image/icon-play.png) no-repeat;background-size:100% 100%;z-index:999}.main-content .content-list .list-item .item-img .img-bg{position:absolute;left:0;top:0;width:240px;height:150px}.main-content .content-list .list-item .item-info{flex:1}.main-content .content-list .list-item .item-info .info-title{font-size:22px;font-weight:500;color:#222;line-height:28px;margin-bottom:15px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.main-content .content-list .list-item .item-info .info-desc{font-size:14px;font-weight:400;color:#666;line-height:20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.main-content .content-empty{width:100%;float:left;padding-top:20px;padding-bottom:90px}.main-content .content-empty .empty-box{display:flex;align-items:center;padding-left:85px}.main-content .content-empty .empty-box .box-logo{width:335px;height:335px;margin-right:75px}.main-content .content-empty .empty-box .box-logo img{width:100%;height:100%;display:block}.main-content .content-empty .empty-box .box-info{flex:1}.main-content .content-empty .empty-box .box-info h1{font-size:16px;font-weight:400;color:#666;line-height:23px;margin-bottom:20px}.main-content .content-empty .empty-box .box-info a{background:#EDD0BC;border-radius:8px;font-size:18px;font-weight:500;color:#C3631E;line-height:26px;padding:2px 10px}.main-content .content-loading{float:left;width:100%;height:44px;padding-top:60px;text-align:center;margin:0 auto;font-size:16px;color:#666;line-height:24px;margin-bottom:40px}