.sx-nav{font-size:14px;line-height:20px;padding:20px 0 20px;font-weight: 400;}
.sx-nav .index{color:#666}
.sx-nav span{background: url(/images/nav-arrow.png) no-repeat;background-size: 5px 8px;width: 5px;height: 8px;display: inline-block;vertical-align: middle; margin: 0 4px;}
.sx-list{display:flex;justify-content:space-between;margin-bottom:40px;}
.sx-list-info{width:792px}
.sx-list-wrap{width:100%}
.sx-list-wrap li{width:100%;padding-bottom:20px;border-bottom:1px solid #f1f2f3;padding-top:20px;display:flex;justify-content:space-between}
.sx-list-wrap li:first-child{padding-top:0}
.sx-list-wrap li .sx-list-img{width:282px;height:158px;overflow:hidden;}
.sx-list-wrap li .sx-list-img a{width:100%;height:100%;display:block}
.sx-list-wrap li .sx-list-img img{width:100%;height:100%;display:block;    object-fit: cover;}
.sx-list-wrap li .sx-list-imgtxt{width:486px;height:158px}
.sx-list-wrap li .sx-list-imgtxt.no-img{width:100%;height:auto;max-height: 158px;}
.sx-list-wrap li .sx-list-imgtxt h1{width:100%;height:22px;font-size:16px;color:#000000;line-height:22px;font-weight: 600;}
.sx-list-wrap li .summary{font-size:14px;color:#666666;line-height:20px;height:40px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;padding-top:16px;font-weight: 400;}
.sx-list-wrap li .summary a{font-size:14px;color:#666666}
.sx-list-wrap li .text{font-size:14px;color:#999;line-height:20px;padding-top:60px}
.sx-list-wrap li .text .time{background:url(/images/time.png) no-repeat center left;background-size:12px 12px;text-align:left;display:inline-block;vertical-align:top;padding-left:18px;font-weight: 400;}
.sx-list-wrap li .sx-list-imgtxt.no-img .text{padding-top:20px}
.sx-list-wrap li .sx-list-imgtxt.no-img h1{height: auto;}
.sx-list-wrap li .sx-list-imgtxt a .highlight{color:#b91c1c;}
.sx-list-pic{width:100%;min-height:calc(100vh - 407px)}
.sx-list-pic .sx-pic-wrap{display:flex;flex-wrap:wrap}
.sx-list-pic .sx-pic-wrap li{width:282px;margin-bottom:24px;margin-right:24px}
.sx-list-pic .sx-pic-wrap li:nth-child(4n){margin-right:0}
.sx-list-pic .sx-pic-wrap li .sx-pic-img{width:282px;height:158px;position:relative;border-radius: 4px; overflow: hidden;}
.sx-list-pic .sx-pic-wrap li .sx-pic-read{position:absolute;bottom:0;left:0;text-align:right;width:100%;height:48px;background:linear-gradient(0deg,rgba(0,0,0,.7),transparent);font-size:16px;font-weight:400;color:#fff;line-height:48px}
.sx-list-pic .sx-pic-wrap li .sx-pic-read span{margin-right:12px;margin-left:8px;vertical-align:middle}
.sx-list-pic .sx-pic-wrap li .sx-pic-read i{display:inline-block;width:18px;height:20px;background:url(/images/eye.png) no-repeat;background-size:100% 100%;vertical-align:middle}
.sx-list-pic .sx-pic-wrap li .sx-pic-img img{width:100%;height:100%}
.sx-list-pic .sx-pic-wrap li .sx-pic-tlt{font-size:16px;font-weight:400;color:#333;margin:10px 0;line-height: 22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight: 400;}
.sx-list-pic .sx-pic-wrap li .sx-pic-tlt a{color:#333}
.sx-list-pic .sx-pic-wrap li .sx-pic-time{font-size:14px;font-weight:400;color:#999;line-height: 20px;}
.sx-list-pic .sx-pic-wrap li .sx-pic-img .play{width:48px;height:48px;background:url(/images/play.png) no-repeat;background-size:100% 100%;position:absolute;top:55px;left:117px}
.experts-list-pic{width:100%}
.experts-pic-wrap{display:flex;flex-wrap:wrap}
.experts-pic-wrap li{width:220px;margin-right:25px;margin-bottom:32px}
.experts-pic-wrap li:nth-child(5n){margin-right:0}
.experts-pic-img{width:180px;height:180px}
.experts-pic-img img{width:100%;height:100%}
.experts-pic-tlt{width:100%;text-align:center;font-size:18px;font-weight:700;color:#333;margin-bottom:12px;margin-top:12px}
.experts-pic-time{font-size:14px;font-weight:400;color:#333;line-height:18px;text-align:center}
.content-inner{min-width:1280px;margin:0 auto}
.pages-video{margin-top: 8px;}

.sx-list-pics{width:100%;}
.sx-list-pics .sx-pic-wrap{display:flex;flex-wrap:wrap}
.sx-list-pics .sx-pic-wrap li{width:282px;margin-bottom:16px;margin-right:24px}
.sx-list-pics .sx-pic-wrap li:nth-child(4n){margin-right:0}
.sx-list-pics .sx-pic-wrap li .sx-pic-img{width:282px;height:158px;position:relative;border-radius: 4px;overflow: hidden;}
.sx-list-pics .sx-pic-wrap li .sx-pic-read{position:absolute;bottom:0;left:0;text-align:right;width:100%;height:48px;background:linear-gradient(0deg,rgba(0,0,0,.7),transparent);font-size:16px;font-weight:400;color:#fff;line-height:48px}
.sx-list-pics .sx-pic-wrap li .sx-pic-read span{margin-right:12px;margin-left:8px;vertical-align:middle}
.sx-list-pics .sx-pic-wrap li .sx-pic-read i{display:inline-block;width:18px;height:20px;background:url(/images/eye.png) no-repeat;background-size:100% 100%;vertical-align:middle}
.sx-list-pics .sx-pic-wrap li .sx-pic-img img{width:100%;height:100%}
.sx-list-pics .sx-pic-wrap li .sx-pic-tlt{font-size:16px;font-weight:400;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height: 40px;font-weight: 400;line-height: 40px;}
.sx-list-pics .sx-pic-wrap li .sx-pic-time{font-size:14px;font-weight:400;color:#999}
.sx-list-pics .sx-pic-wrap li .sx-pic-img .play{width:48px;height:48px;background:url(/images/pc/play.png) no-repeat;background-size:100% 100%;position:absolute;top:55px;left:117px}

.sx-list-pics .sx-pic-wrap .state{width:54px;height:24px;text-align:center;line-height:24px;border-radius:4px;color:#fff;position:absolute;top:10px;left:10px;border-radius:4px;font-size:12px}
.sx-list-pics .sx-pic-wrap .state.state-living{width:66px;background:#fb2649;background-size:100%}
.sx-list-pics .sx-pic-wrap .state.state-advance{background:#0070ea;background-size:100%}
.sx-list-pics .sx-pic-wrap .state.state-playback{background:#aaa;background-size:100%}
.sx-list-pics .sx-pic-wrap .state .icon{display:none;width:10px;height:10px;vertical-align:middle;margin-right:4px;margin-bottom:2px}
.sx-list-pics .sx-pic-wrap .state.state-living .icon{display:inline-block;background:url(/images/pc/onliving.png) no-repeat 0 0;background-size:100%}
.sx-list-pics .sx-pic-wrap .state.state-advance .icon{width:12px;height:12px;display:inline-block;background:url(/images/pc/advance.png) no-repeat 0 0;background-size:100%}
.sx-list-pics .sx-pic-wrap .state.state-playback .icon{display:inline-block;background:url(/images/pc/playback.png) no-repeat 0 0;background-size:100%}

.specile-list .common-title{padding-top: 0;}

.sx-character-pic{width:100%;min-height:calc(100vh - 407px)}
.sx-character-pic .sx-pic-wrap{display:flex;flex-wrap:wrap}
.sx-character-pic .sx-pic-wrap li{width:220px;margin-bottom:20px;margin-right:25px}
.sx-character-pic .sx-pic-wrap li:nth-child(5n){margin-right:0}
.sx-character-pic .sx-pic-wrap li .sx-pic-img{width:220px;height:293px;position:relative;border-radius: 4px; overflow: hidden;}
.sx-character-pic .sx-pic-wrap li .sx-pic-read{position:absolute;bottom:0;left:0;text-align:right;width:100%;height:48px;background:linear-gradient(0deg,rgba(0,0,0,.7),transparent);font-size:16px;font-weight:400;color:#fff;line-height:48px}
.sx-character-pic .sx-pic-wrap li .sx-pic-read span{margin-right:12px;margin-left:8px;vertical-align:middle}
.sx-character-pic .sx-pic-wrap li .sx-pic-read i{display:inline-block;width:18px;height:20px;background:url(/images/eye.png) no-repeat;background-size:100% 100%;vertical-align:middle}
.sx-character-pic .sx-pic-wrap li .sx-pic-img img{width:100%;height:100%}
.sx-character-pic .sx-pic-wrap li .sx-pic-tlt{font-size:18px;font-weight:400;line-height: 18px;color:#333;margin:20px 0 13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight: 400;    text-align: center;}
.sx-character-pic .sx-pic-wrap li .sx-pic-tlt a{color:#000}
.sx-character-pic .sx-pic-wrap li .sx-pic-time{font-size:14px;font-weight:400;color:#999;line-height: 15px; margin-bottom:16px;   text-align: center;}
.sx-character-pic .sx-pic-wrap li .sx-pic-img .play{width:48px;height:48px;background:url(/images/play.png) no-repeat;background-size:100% 100%;position:absolute;top:55px;left:117px}

.search-nav{font-size:16px;color:#666;display:table;width:776px;margin:0 auto 20px;display:flex;align-items:center}
.searchnum{margin-bottom:20px;color:#999}
.searchnum .es_num{color:#b91c1c}
.search-nav #keyword{width:700px;height:60px;line-height:60px;text-indent:24px;background:#fff;border-radius:4px;border:1px solid #eee;border-right:none;font-weight:400;font-size:18px;color:#333}
.search-nav .searbtn{display:inline-block;width:72px;height:60px;line-height:60px;text-align:center;background:#b91c1c;border-radius:0 4px 4px 0;color:#fff;vertical-align:middle;cursor:pointer}
.search-nav .searbtn img{width:26px;height:26px;margin-top:16px}
.pages_search{margin-top:20px;text-align:center}
.pages_search .page-item,.pages_search .page-more{height:32px;padding:0 12px;line-height:32px;border-radius:4px;display:inline-block;background-color:#f5f5f4;margin-right:8px}
.pages_search .page-item.current{background:#b91c1c;color:#fff}
.page-wrapper{min-height:auto}


.gap-8{gap:2rem}
.grid{display:grid}
.duration-300{transition-duration:.3s}
.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms}
.shadow-md{--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1),0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}
.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity,1))}
.overflow-hidden{overflow:hidden}
.cursor-pointer{cursor:pointer}
.relative{position:relative}
.p-6{padding:1.5rem}
.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.object-cover{object-fit:cover}
.duration-500{transition-duration:.5s}
.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms}
.p-4{padding:1rem}
.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}
.from-black\/90{--tw-gradient-from:rgb(0 0 0 / 0.9) var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}
.justify-between{justify-content:space-between}
.items-center{align-items:center}
.flex{display:flex}
.wd-100p{width:100%!important}
.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1),0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}
.museum-list{grid-template-columns:repeat(3,minmax(0,1fr))}
.museum-item-info{height:200px}
.museum-item-info img{width:100%;height:100%}
.museum-item h3{font-size:1.25rem;line-height:1.75rem;font-weight:700}
.museum-item p{--tw-text-opacity:1;color:rgb(75 85 99 / var(--tw-text-opacity,1));font-size:.875rem;line-height:1.25rem;margin-bottom:1rem}
.museum-item-info-list{position:absolute;left:0;bottom:0;right:0}
.museum-item-info-name{--tw-text-opacity:1;color:#ffffff;font-size:.75rem;line-height:1rem;padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;padding-right:.5rem;--tw-bg-opacity:1;background-color:#b91c1c;border-radius:9999px}
.museum-item-info-time{color:rgb(255 255 255 / .8);font-size:.75rem;line-height:1rem}

.transition-colors {
    transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.museum-search{position:relative;margin-bottom:px;max-width:768px;margin:12px auto 32px;}
.museum-search input{font-size:1.125rem;line-height:1.75rem;padding:1rem 1.5rem;border-width:2px;width:100%;border:1px solid rgba(209,213,219,.8)}
.museum-search button{color:#ffffff;height:100%;padding-left:1.5rem;padding-right:1.5rem;--tw-bg-opacity:1;background-color:#b91c1c;position:absolute;right:0;top:0;top:0;font-size: 1.125rem;}
.transform{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.focus\:outline-none:focus {
    outline: 1px solid transparent;
    outline-offset: 1px;
}
.focus\:border-red-700:focus {
    --tw-border-opacity: 1;
    border-color: rgb(185 28 28 / var(--tw-border-opacity, 1));
}