.replace{margin-top:-19px;float:left;width:100%;height:800px;background:#f9f9f9}
.replace .rep-ban{background:url("../image/jou.jpg") no-repeat;height:400px;float:left;width:100%}
.replace .rep-ban .txt1{font-size:40px;color:#fff;text-align:center;width:100%;float:left;margin-top:100px}
.rep{position:relative}
.jou{float:left;width:100%;padding:10px}
.jou ul{padding-left:0}
.jou ul li{float:left;width:221px;height:270px;margin-right:10px;margin-bottom:20px;box-shadow:7px 6px 10px 0px #ccc;border-radius:10px}
.jou ul li:hover{box-shadow:7px 6px 10px 0px #aaa}
.jou ul li .img{}
.jou ul li .img img{width:225px;height:240px;border-radius:10px 10px 0 0}
.jou ul li .name{font-size:14px;color:#000;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:30px;float:left;padding:0 10px;width:100%}
.jouinfo{min-height:1000px}
.jouinfo .title{width:100%;float:left;font-size:20px;margin-bottom:20px}
.jouinfo .imgbox{}
.jouinfo .imgbox .prev,.jouinfo .imgbox .next{position:absolute;width:50px;height:50px;background:#eee;border-radius:50%;line-height:50px;text-align:center;top:48%;cursor:pointer}
.jouinfo .imgbox .prev:hover,.jouinfo .imgbox .next:hover{background:#333}
.jouinfo .imgbox .prev i,.jouinfo .imgbox .next i{font-size:25px}
.jouinfo .imgbox .img{width:410px;height:600px;margin:0 auto}
.jouinfo .imgbox .img img{margin:0 auto;cursor:pointer}
.jouinfo .imgbox .prev{left:0}
.jouinfo .imgbox .next{right:0}
.jouinfo .imglist{height:200px;width:1200px}
.picMarquee-left{width:1180px;float:left}
.jouinfo .imgbox ul{}
.jouinfo .imgbox ul.viewer-toolbar{width:280px;background:rgba(0,0,0,.5);border-radius:10px;padding:0 10px}
.jouinfo .imgbox ul.viewer-toolbar li{width:50px;height:50px;background:none;line-height:30px;position:relative;z-index:9}
.jouinfo .imgbox ul.viewer-toolbar li.viewer-prev,.jouinfo .imgbox ul.viewer-toolbar li.viewer-next{position:fixed;top:44%;background:#656565;width:70px;height:70px;line-height:70px}
.jouinfo .imgbox ul.viewer-toolbar li.viewer-prev{left:15%}
.jouinfo .imgbox ul.viewer-toolbar li.viewer-next{right:15% !important}
.jouinfo .imgbox ul.viewer-toolbar li svg{width:50px;color:#fff;z-index:-1;position:relative;height:50px}
.jouinfo .imgbox ul.viewer-toolbar li.viewer-prev svg,.jouinfo .imgbox ul.viewer-toolbar li.viewer-next svg{width:40px;height:40px;color:#eee}
.jouinfo .imgbox ul.viewer-toolbar li.viewer-prev:hover,.jouinfo .imgbox ul.viewer-toolbar li.viewer-next:hover{background:#ccc}
.jouinfo .imgbox ul .viewer-navbar{display:none}
.jouinfo .imgbox ul.viewer-toolbar li:before{content:none}
.jouinfo .imgbox ul li.viewer-reset{display:none}
.jouinfo .imglist ul li{float:left;margin-right:20px}
.jouinfo .imglist ul li img{width:100px;height:140px}
.pagination{display:flex;list-style:none;padding:0;margin:0;justify-content:center;align-items:center}
.pagination li{display:inline-block;margin-right:10px}
.pagination li.active{background-color:#0094E8;color:#fff;padding:8px 14px}
.pagination li a.prev,.pagination li a.next{background-color:#d9d9d9;color:#333;border-color:#ccc}
.pagination li a{display:inline-block;padding:5px 10px;color:#333;text-decoration:none}
.pagination li span.delimiter{color:#999}
.pc-more-goods{float:right;width:976px;margin-top:40px;padding-bottom:20px}
.screen_box{margin-top:20px;float:left;border-radius:10px;width:100%}
.screen_box *{overflow:hidden}
.screen_li{position:relative;margin-top:-1px;overflow:hidden}
.screen_title{height:40px;position:absolute;left:0;top:0;width:60px;text-align:right;line-height:40px;color:#000000}
.screen_ul{overflow:hidden;padding:10px 10px 0 10px}
.screen_ul.auto{height:auto}
.screen_ul li{float:left;height:35px;width:155px;line-height:35px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid #ccc;margin-right:10px;margin-bottom:10px;text-align:center;border-radius:5px;background:#fff}
.screen_ul li span{display:block;float:left;padding:0 8px;height:20px;line-height:20px;background:#e60000;text-align:center;color:#fff;margin-top:5px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
.screen_ul li a{color:#333}
.screen_ul li.cur{}
.screen_ul li.cur,.screen_ul li:hover{background:linear-gradient(145deg,#00c5f4,#0093e6);color:#fff}
.screen_ul li.cur a,.screen_ul li:hover a{color:#fff}
.screen_li .more{display:block;position:absolute;top:10px;right:20px;height:20px;line-height:20px;color:#0094e8;cursor:pointer;padding-right:18px;font-weight:bold;display:none}
.screen_li .more.hover{background-position:right -24px}
.screen_li .more:hover{color:#e60000}
.imgbox .viewer-title{position:fixed;bottom:5px;right:10px;text-align:center;width:100%;font-size:20px;height:50px;background:rgba(0,0,0,.7);width:auto;margin:0;line-height:50px;max-width:100%;z-index:9999999999;padding:0 10px;border-radius:15px}
.imgbox .viewer-button{position:absolute;top:20px;right:20px;width:40px;height:40px;cursor:pointer;border-radius:50%;background-color:#000;background-color:rgb(0 56 204 / 56%);z-index:99999999999}
.imgbox .viewer-button:hover{background:#000}
.imgbox .viewer-button:before{left:10px;bottom:10px}
.imgbox .viewer-button:hover{background:#000}
.jouinfo .imglist ul li:hover img{border:1px solid #ccc;transform:scale(1.1)}
.sel-tit{width:100%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;position:relative}
.sel-tit .t{font-size:20px;font-weight:700;color:#000;line-height:42px;letter-spacing:4px;padding:0 40px}
.sel-tit .i{width:8px;height:20px;border-radius:4px;background-color:#c4c9cd;-webkit-transform:rotate(22deg);transform:rotate(22deg);position:relative;display:none}
.sel-tit .i:before{content:"";display:block;width:5px;height:12px;border-radius:3px;background-color:#c4c9cd;position:absolute;top:8px;left:-11px;-webkit-transform-origin:center;transform-origin:center}
.sel-tit .i.r:before{top:-1px;left:14px}
.jouinfo .search{background:rgba(255,255,255,.8);padding:20px 20px 30px 20px;float:left;width:100%;margin-top:-80px;box-shadow:6px 6px 12px 4px #ccc}
.jouinfo .search .title{}
.jouinfo .search .inp{width:500px;border:1px solid #dddada;border-radius:5px;height:40px;line-height:40px;text-indent:15px;float:left;margin-left:250px}
.jouinfo .search .bnt{width:140px;height:40px;float:left;background:#0094e8;color:#fff;line-height:40px;text-align:center;border-radius:10px;margin-left:20px;cursor:pointer}
.dropdown-container{position:relative;width:40px;height:40px;margin:10px 0 0 0;float:right}
.dropdown-icon{position:absolute;width:24px;height:24px;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer}
.dropdown-icon::after{content:"";position:absolute;width:12px;height:12px;border:2px solid #3498db;border-width:0 2px 2px 0;transform:rotate(45deg);animation:bounce 1.2s infinite}
.dropdown-icon::before{content:"";position:absolute;width:12px;height:12px;border:2px solid #3498db;border-width:0 2px 2px 0;transform:rotate(45deg);animation:bounce 1.2s infinite}
.dropdown-icon.pulse::before{animation:pulse 1.5s infinite}
.dropdown-icon.pulse::after{animation:pulse 1.5s infinite}
@keyframes bounce{0%,100%{transform:rotate(45deg) translateY(0);opacity:1}
    50%{transform:rotate(45deg) translateY(8px);opacity:0.3}
}@keyframes pulse{0%{opacity:1;transform:rotate(45deg) scale(1)}
     50%{opacity:0.3;transform:rotate(45deg) scale(0.8)}
     100%{opacity:1;transform:rotate(45deg) scale(1)}
 }.dropdown-icon:hover::after{animation-play-state:paused;opacity:1 !important}
.search ul{display:none}
.search ul li{float:left;width:100%;line-height:25px}
.search ul li a{}
.jou .title{font-size:18px;color:#333;margin:20px 0}
.j_cate{width:240px;float:left;border-radius:16px;background:#fff;padding-top:6px;padding:16px}
.j_cate .j_cate_li{}
.j_cate .j_cate_li .title{height:40px;color:#000;line-height:40px;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;margin-bottom:5px}
.j_cate .j_cate_li ul{padding:0;max-height:1600px;overflow-y:auto;overflow-x:hidden}
.j_cate .j_cate_li ul li{float:left;width:200px;height:35px;line-height:35px;text-indent:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.j_cate .j_cate_li ul li a{color:#333}
.j_cate .j_cate_li ul li a:hover{color:#0094E8 !important}
.jou-list{width:946px;float:right}
.jou-list ul{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-left:10px;padding:0}
.jou-list ul li{float:left;border-radius:10px;background:#fff;border-radius:8px}
.jou-list ul li:hover{box-shadow:7px 6px 10px 0px #aaa}
.jou-list ul li .img{padding:15px; position: relative}
.jou-list ul li .img img{width:225px;height:240px;border-radius:10px 10px 0 0}
.jou-list ul li .name{font-size:14px;color:#000;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:30px;float:left;padding:0 10px;width:100%; }
.jou-list ul li .img .store-a{ position: absolute;    right: 0;    width: 60px; display: none;    background: #0094e8;    color: #fff;
    text-align: center;    border-radius: 3px;   }
.jou-list ul li .img .store-a:hover{ background: #369}
.jou-list ul li:hover .store-a{ display: block}
.title-desc{text-align:center;display:none}
.j_cate .inp{border:0}
.j_cate .search-b{position:relative;display:inline-block;width:100%;min-width:0;padding:4px 11px;color:rgba(0,0,0,.85);font-size:14px;line-height:1.5715;background-color:#fff;background-image:none;border:1px solid #d9d9d9;border-radius:6px;-webkit-transition:all .3s;transition:all .3s;display:-webkit-inline-box;margin-bottom:5px;display:-ms-inline-flexbox}
.j_cate .search-b:hover{border:1px solid #0094e8}
.j_cate .earch-b:hover .ant-input-suffix i{color:#0094e8}
.j_cate .search-b .ant-input{border:0;width:187px}
.j_cate .search-b .ant-input-suffix{float:right;cursor:pointer}
.img-container{position:relative;background:#fff;min-height:100px;border-radius:8px}
.loading-spinner{position:absolute;top:50%;left:50%;width:24px;height:24px;margin:-12px 0 0 -12px;border:3px solid rgba(0,0,0,0.1);border-radius:50%;border-top-color:#3498db;animation:spin 1s ease-in-out infinite;opacity:0;transition:opacity 0.3s}
.img-container.loading .loading-spinner{opacity:1}
.img-container.loading img{opacity:0;height:0}
.img-container img{opacity:1;transition:opacity 0.3s;width:100%;height:auto}
@keyframes spin{to{transform:rotate(360deg)}
}.image-list img{height:240px;width:220px}
.pagination1{text-align:center;margin:30px 0;user-select:none;float:left;width:100%}
.pagination1 a{display:inline-block;padding:8px 16px;margin:0 2px;border:1px solid #ddd;border-radius:5px;text-decoration:none;color:#666;transition:all 0.3s;cursor:pointer}
.pagination1 a:hover{background:#f0f0f0}
.pagination1 a.active{background:#007bff;color:white;border-color:#007bff}
.pagination1 a.disabled{color:#ccc;pointer-events:none;border-color:#eee}
.image-list li{}
.image-list li.show{}
:root{--primary-color:#1e88e5;--primary-dark:#1565c0;--text-primary:#212121;--text-secondary:#757575;--divider-color:#e0e0e0;--background-light:#f5f5f5;--white:#ffffff;--spacing-unit:8px;--border-radius:4px;--box-shadow:0 2px 4px rgba(0,0,0,0.1);--transition:all 0.3s cubic-bezier(0.25,0.8,0.25,1)}
.journal-breadcrumb{font-size:14px;padding:calc(var(--spacing-unit) * 1.5) 0;color:var(--text-secondary);display:flex;align-items:center}
.journal-breadcrumb__link{color:var(--primary-color);text-decoration:none;transition:var(--transition)}
.journal-breadcrumb__link:hover{text-decoration:underline;color:var(--primary-dark)}
.journal-breadcrumb__separator{margin:0 calc(var(--spacing-unit) * 0.5);color:var(--text-secondary)}
.journal-breadcrumb__current{color:var(--text-primary);font-weight:500}
.journal-category-header{border-bottom:1px solid var(--divider-color);margin-bottom:calc(var(--spacing-unit) * 3)}
.journal-category-title{display:flex;align-items:center;padding:calc(var(--spacing-unit) * 2) 0;position:relative}
.journal-title__decoration{width:24px;height:24px;background-color:var(--primary-color);border-radius:50%;opacity:0.2}
.journal-title__decoration.right{margin-left:auto}
.journal-title__text{font-size:16px;font-weight:600;color:#000;position:relative;float:left;margin-bottom:16px}
.journal-filter-nav{margin-bottom:calc(var(--spacing-unit) * 2);background:#fff;border-radius:16px;margin-top:16px;padding:16px}
.journal-filter-container{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:calc(var(--spacing-unit) * 1)}
.journal-filter-list{list-style:none;padding:0;margin:0;gap:calc(var(--spacing-unit) * 1.5);white-space:nowrap;display:grid;grid-template-columns:repeat(10,1.2fr);position:relative}
.journal-filter-item{flex-shrink:0;float:left;text-align:center; max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:140px}
.journal-filter-link{display:block;padding:3px 4px;border-radius:4px;color:#181C1E;text-decoration:none;font-size:14px;transition:var(--transition);position:relative;text-overflow:ellipsis;border:1px solid #C0C0C0;overflow:hidden}
.journal-filter-item--active .journal-filter-link,.journal-filter-link:hover{color:#0094E8;border:1px solid #0094E8}
.journal-filter-item--active .journal-filter-link::after,.journal-filter-link:hover:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--primary-color);display:none}
.journal-recommendations{margin-top:calc(var(--spacing-unit) * 5)}
.journal-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:calc(var(--spacing-unit) * 3);padding-bottom:calc(var(--spacing-unit) * 2);border-bottom:1px solid var(--divider-color)}
.journal-section-title{font-size:1.2rem;font-weight:600;color:var(--text-primary);margin:0}
.journal-view-all{font-size:0.875rem;color:var(--primary-color);text-decoration:none;transition:var(--transition)}
.journal-view-all:hover{text-decoration:underline;color:var(--primary-dark)}
.journal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:calc(var(--spacing-unit) * 1.8);list-style:none;padding:0;margin:0}
@media (min-width:768px){.journal-grid{grid-template-columns:repeat(5,1.2fr)}
}.journal-card{position:relative;transition:var(--transition);background:#fff;padding-bottom:20px;border-radius:8px}
.journal-card:hover{transform:translateY(-4px);box-shadow:var(--box-shadow)}
.journal-card__link{text-decoration:none;color:inherit;display:block;height:100%}
.journal-card__figure{margin:0;height:100%;display:flex;flex-direction:column}
.journal-card__image-container{position:relative;padding-top:140%;overflow:hidden}
.journal-card__image{position:absolute;top:5%;left:5%;width:90%;height:90%;object-fit:cover;opacity:0;transition:opacity 0.3s ease}
.loaded .journal-card__image{opacity:1}
.journal-card__loader{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:rgba(255,255,255,0.8);transition:opacity 0.3s ease}
.loaded .journal-card__loader{opacity:0;pointer-events:none}
.journal-spinner{width:24px;height:24px;border:3px solid rgba(0,0,0,0.1);border-radius:50%;border-top-color:var(--primary-color);animation:spin 1s ease-in-out infinite}
.journal-card__caption{flex-grow:1;height:33px;line-height:33px;background:none;margin-top:-10px}
.journal-card__title{font-size:16px;font-weight:700;margin:0 0 calc(var(--spacing-unit) * 0.5) 0;color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:2.8em;line-height:1.4;text-align:center;height:33px;line-height:33px;background:none}
.journal-card:hover .journal-card__title{color:#0094E8}
.journal-card__meta{font-size:0.75rem;color:var(--text-secondary);margin:0}
@keyframes spin{to{transform:rotate(360deg)}
}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}
.viewer-navbar{display:none}
.jou-top{font-family:Arial,sans-serif;font-size:14px;color:#666;padding:10px 0 0 0;margin-bottom:0;border-bottom:1px solid #eee;float:left}
.jou-top a{color:#337ab7;text-decoration:none;transition:color 0.2s}
.jou-top a:hover{color:#23527c;text-decoration:underline}
.jou-top > a:not(:first-child){margin-left:5px}
.sort-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:4px;background:none;color:#000;font-size:12px;cursor:pointer;transition:all 0.2s;position:absolute;right:0}
.sort-btn i{font-size:12px}
.sort-btn:hover{background:#f5f5f5;border-color:#ccc}
.sort-icons{display:inline-flex;flex-direction:column;gap:2px}
.sort-icons svg{fill:currentColor;opacity:0.3;transition:opacity 0.2s}
.sort-btn[data-order="asc"] .icon-asc{opacity:1;fill:#0094e8}
.sort-btn[data-order="desc"] .icon-desc{opacity:1;fill:#0094e8}
.journal-card .progress{-webkit-transition:all .5s linear 0s;transition:all .5s linear 0s;display:block;position:absolute;left:0;bottom:-1px;height:3px;width:0;background:#0094e8}
.journal-card:hover .progress{width:100%}
.jou-list ul li:nth-child(4n){margin-right:0}
.viewer-transition{z-index:9999999!important}
.redc{ font-weight:700}
.journal-filter-list .zhankai{float:right;text-align:right;position:absolute;bottom:0;right:0;color:#181C1E;font-size:14px}
.jhide{display:none}
.header-jour{height:46px;line-height:46px;background:#fff;border-radius:8px;margin-bottom:16px}
.header-jour .header-jour-cont{text-indent:16px}
.header-jour .header-jour-cont span{color:#181C1E;font-size:14px;font-weight:bold}
.header-jour .header-jour-cont a{float:right;margin-right:16px;color:#0094E8}
.header-jour-two{background:#fff;border-radius:8px;margin-bottom:16px;padding-top:16px}
.header-jour-two .header-jour-cont-two{text-indent:16px}
.header-jour-two .header-jour-cont-two span{color:#181C1E;font-size:14px;font-weight:bold}
.header-jour-two .header-jour-cont-two span b{}
.header-jour-two .header-jour-cont-two a{float:right;margin-right:16px;color:#0094E8}
.header-jour-two ul{padding:0;grid-template-columns:repeat(8,1.2fr);display:grid;padding:16px}
.header-jour-two ul li{margin-bottom:5px}
.header-jour-two ul li.cur{}
.header-jour-two ul li.cur a{color:#0094e8}
.header-jour-two ul li a{}
.header-jour-two ul li a:hover{color:#0094e8}
.no-jres{text-align:center;width:100%;float:left;padding-top:150px}
.no-box{width:210px;position:relative;margin:0 auto}
.no-box:after{content:"";background:url("../image/no.png") no-repeat center;width:200px;height:120px;position:absolute;left:0}
.no-box span{font-size:16px;margin-top:140px;float:left}
.jou-list ul li .name a{font-size: 14px;
    color: #000;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 30px;
    float: left;
    padding: 0 10px;
    width: 100%;}
.jou-list ul li .name a.nourl{ color: #0a58ca}
.jou-list ul li .name a.nogoods{ color: #FC5B4F}
.jou-list ul li .name a.nourlgoods{ color: #00c050}
.sel-tit .tbbx{    font-size: 15px;    float: right; font-weight: 500;}
.sel-tit .tbbx .tv1{color:#00c050 }
.sel-tit .tbbx .tv2{color: #FC5B4F}
.sel-tit .tbbx .tv3{color:#0a58ca }

.j_cate .j_cate_li ul li a.nourl{ color: #0a58ca}
.j_cate .j_cate_li ul li a.nogoods{ color: #FC5B4F}
.j_cate .j_cate_li ul li a.nourlgoods{ color: #00c050}