.nrTitle{width:100%; display:flex; flex-direction: row; align-items:center; border-bottom:1px #ddd dotted; }
.nrTitle .word{border-bottom-style:solid; border-bottom-width:2px; margin-bottom:-1px;}
.nrTitle .word .fa{line-height:36px; font-size:24px; margin-right:10px;}
.nrTitle .word .cn{line-height:36px; font-size:24px;}
.nrTitle .word .en{line-height:26px; font-size:14px; padding:10px 0 0 10px;color:var(--gray-999)}
.nrTitle .morelink{padding-right:12px; position:relative;}
.nrTitle .morelink::after{position:absolute; font-family: 'FontAwesome'; content:"\f101"; right:0;}
.nrTitle .morelink:hover{text-decoration:underline;}

.nrList{ padding:10px 0; width:100%;}
.nrList.grid-1{ grid-gap: 10px;}
.nrList.grid-3{ grid-gap: 15px;}
.nrList.grid-4{ grid-gap: 15px;}
.nrList.grid-5{ grid-gap: 10px;}
.type-5 .nrList{grid-gap: 0px; }
.liItem{width:100%; max-width:100%; overflow:hidden;}
.liItem .time{color:var(--gray-999);line-height:16px; font-size:12px; font-family:Arial;}
.imglink{position:relative; display:block; border-radius:5px; overflow:hidden; background:#f1f1f1;}
.imglink img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.imglink:hover img{transform:scale(1.05)}
.wordlink{display:block; width:100%;}

.hImg-type{margin-bottom:4px; position:relative;}
.hImg-type .imglink{width:100%; padding-top:60%; }
.hImg-type .wordlink{display:block; color:#fff; padding:0 5px; height:48px; font-size:14px; line-height:24px; position:absolute; bottom:0; left:0; width:100%; background:rgba(0,0,0,0.5); border-radius:0 0 5px 5px;}

.pro-type{margin-bottom:4px; position:relative; border:1px #ddd solid; border-radius:5px;}
.pro-type .imglink{width:100%; padding-top:60%; border-radius:5px 5px 0 0;  }
.pro-type .wordlink{display:block; height:36px; border-bottom:1px #ddd solid; padding:0 5px; line-height:35px; font-weight:700; font-size:14px;}
.pro-type .deslink{display:block; height:56px; padding:10px 5px;background:linear-gradient(45deg, #ffffff, #ffffff);}
.pro-type .deslink .line2{display:block; line-height:18px; color:var(--gray-666);}
.pro-type:hover{border-radius:5px !important;}

.img-word-type{height:70px; display:flex; flex-direction: row; align-items:center; position:relative; border-top:1px #ddd dotted; padding-top:10px;}
.img-word-type .imglink{width:100px; min-width:100px; height:60px; display:block; margin-right:10px;}
.img-word-type p{height:36px;line-height:18px; margin-top:4px; }
.type-2 .nrList .img-word-type:first-child{border-top:0px; padding-top:0px; height:60px; }
.type-8 .nrList .img-word-type:nth-child(1),
.type-8 .nrList .img-word-type:nth-child(2),
.type-8 .nrList .img-word-type:nth-child(3){border-top:0px; }

.word-type{height:70px; display:flex; flex-direction: row; align-items:center; position:relative; border-top:1px #ddd dotted; padding-top:10px;}
.word-type p{height:36px;line-height:18px; margin-top:4px; }
.type-4 .nrList .word-type:first-child{border-top:0px; padding-top:0px; height:60px; }
.type-8 .nrList .word-type:nth-child(1),
.type-8 .nrList .word-type:nth-child(2),
.type-8 .nrList .word-type:nth-child(3){border-top:0px;}
.type-9 .nrList .word-type:nth-child(1),
.type-9 .nrList .word-type:nth-child(2),
.type-9 .nrList .word-type:nth-child(3){border-top:0px;}

.word-dan-type{height:40px; line-height:38px; display:block; border-top:1px #ddd dotted;}
.word-dan-type .wordlink { line-height:38px;}
.word-dan-type .wordlink:before{width:16px; height:16px; font-size:12px; font-family:Arial; color:#fff; display:inline-block; text-align:center; line-height:16px;}
.word-dan-type:nth-child(1) .wordlink:before{content:"1"; background:var(--red)}
.word-dan-type:nth-child(2) .wordlink:before{content:"2"; background:var(--red)}
.word-dan-type:nth-child(3) .wordlink:before{content:"3"; background:var(--red)}
.word-dan-type:nth-child(4) .wordlink:before{content:"4"; background:var(--gray-light)}
.word-dan-type:nth-child(5) .wordlink:before{content:"5"; background:var(--gray-light)}
.word-dan-type:nth-child(6) .wordlink:before{content:"6"; background:var(--gray-light)}
.word-dan-type:nth-child(7) .wordlink:before{content:"7"; background:var(--gray-light)}
.word-dan-type:nth-child(8) .wordlink:before{content:"8"; background:var(--gray-light)}
.word-dan-type:nth-child(9) .wordlink:before{content:"9"; background:var(--gray-light)}
.word-dan-type:nth-child(10) .wordlink:before{content:"10"; background:var(--gray-light)}
.nrList .word-dan-type:first-child{border-top:0px; padding-top:0px; height:30px; }
.nrList .word-dan-type:first-child .wordlink{line-height:26px;}

.liItem:hover{box-shadow: 4px 7px 4px 0 rgba(0, 0, 0, .23); border-radius:0 0 5px 5px;}
.liItem:hover .imglink img{transform:scale(1.05)}

.blue .nrTitle .word{border-bottom-color:var(--blue);}
.blue .nrTitle .cn,.blue .nrTitle a,.blue .nrTitle .fa{color:var(--blue);}
.blue .liItem:hover .wz{color:var(--blue);}
.blue .hImg-type:hover .wordlink{background:var(--blue);}
.blue .pro-type:hover .wordlink{background:var(--blue);}
.blue .pro-type:hover .wordlink{background:var(--blue); color:#fff;}
.blue .pro-type:hover .deslink{background:linear-gradient(45deg, var(--blue), var(--blue-dark));}
.blue .pro-type:hover .deslink *{ color:#fff;}

.orange .nrTitle .word{border-bottom-color:var(--orange);}
.orange .nrTitle .cn,.orange .nrTitle a,.orange .nrTitle .fa{color:var(--orange);}
.orange .liItem:hover .wz{color:var(--orange);}
.orange .hImg-type:hover .wordlink{background:var(--orange);}
.orange .pro-type:hover .wordlink{background:var(--orange); color:#fff;}
.orange .pro-type:hover .deslink{background:linear-gradient(45deg, var(--orange), var(--orange-dark));} 
.orange .pro-type:hover .deslink *{ color:#fff;}

.red .nrTitle .word{border-bottom-color:var(--red);}
.red .nrTitle .cn,.red .nrTitle a,.red .nrTitle .fa{color:var(--red);}
.red .liItem:hover .wz{color:var(--red);}
.red .hImg-type:hover .wordlink{background:var(--red);}
.red .pro-type:hover .wordlink{background:var(--red); color:#fff;}
.red .pro-type:hover .deslink{background:linear-gradient(45deg, var(--red), var(--red-dark));}
.red .pro-type:hover .deslink *{ color:#fff;}

.green .nrTitle .word{border-bottom-color:var(--green);}
.green .nrTitle .cn,.green .nrTitle a,.green .nrTitle .fa{color:var(--green);}
.green .liItem:hover .wz{color:var(--green);}
.green .hImg-type:hover .wordlink{background:var(--green);}
.green .pro-type:hover .wordlink{background:var(--green); color:#fff;}
.green .pro-type:hover .deslink{background:linear-gradient(45deg, var(--green), var(--green-dark));}
.green .pro-type:hover .deslink *{ color:#fff;}

.purple .nrTitle .word{border-bottom-color:var(--purple);}
.purple .nrTitle .cn,.purple .nrTitle a,.purple .nrTitle .fa{color:var(--purple);}
.purple .liItem:hover .wz{color:var(--purple);}
.purple .hImg-type:hover .wordlink{background:var(--purple);}
.purple .pro-type:hover .wordlink{background:var(--purple); color:#fff;}
.purple .pro-type:hover .deslink{background:linear-gradient(45deg, var(--purple), var(--purple-dark));}
.purple .pro-type:hover .deslink *{ color:#fff;}


.bannerImg{width:100%; padding:5px 20px;}
.bannerImg .word{ line-height:40px; color:#fff; text-align:center; text-shadow:2px 1px 2px #000000}
.bannerImg .BtnIcon{ padding:0 15px; cursor:pointer; height:34px; line-height:34px; font-size:18px; margin-left:10px; letter-spacing:2px; font-weight:700;  text-align:center; border-radius:5px; background:#fff;}
.bannerImg .ImgIcon{width:34px; height:34px;text-align:center; line-height:34px; background:#fff; margin-right:10px;}
.bannerImg .ImgIcon .fa{font-size:18px;}

.pink.bannerImg{background:linear-gradient(45deg, var(--pink), var(--pink-dark));} 
.pink.bannerImg .ImgIcon .fa{color: var(--pink-dark)}
.pink.bannerImg .BtnIcon{color: var(--pink-dark)}

.blue.bannerImg{background:linear-gradient(-45deg, var(--blue), var(--blue-dark));} 
.blue.bannerImg .ImgIcon .fa{color: var(--blue-dark)}
.blue.bannerImg .BtnIcon{color: var(--blue-dark)}

.orange.bannerImg{background:linear-gradient(-45deg, var(--orange), var(--orange-dark));} 
.orange.bannerImg .ImgIcon .fa{color: var(--orange-dark)}
.orange.bannerImg .BtnIcon{color: var(--orange-dark)}

.red.bannerImg{background:linear-gradient(-45deg, var(--red), var(--red-dark));} 
.red.bannerImg .ImgIcon .fa{color: var(--red-dark)}
.red.bannerImg .BtnIcon{color: var(--red-dark)}

.green.bannerImg{background:linear-gradient(-45deg, var(--green), var(--green-dark));} 
.green.bannerImg .ImgIcon .fa{color: var(--green-dark)}
.green.bannerImg .BtnIcon{color: var(--green-dark)}

.purple.bannerImg{background:linear-gradient(-45deg, var(--purple), var(--purple-dark));} 
.purple.bannerImg .ImgIcon .fa{color: var(--purple-dark)}
.purple.bannerImg .BtnIcon{color: var(--purple-dark)}