body{background:linear-gradient(180deg,#fff 0,#fff 444px,#f0f0f2 0,#f0f0f2)}
.swiper-button-next,.swiper-button-prev{align-items:center;color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:var(--swiper-navigation-size);justify-content:center;margin-top:calc(0px - var(--swiper-navigation-size)/ 2);position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/44*27);z-index:10}
.main-title{padding-bottom:4px}
.main-title,.main-title a{overflow:hidden;position:relative;z-index:1}
.main-title a{color:#ccc;display:block;float:right;font-size:14px;height:28px;line-height:28px;margin-top:7px;text-align:center}
.main-title strong{color:#333;display:block;float:left;font-size:20px;font-weight:700;height:34px;line-height:34px;max-width:80%;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap}
.main-title a:hover{color:#3cdfad}
.main{margin-bottom:3px;overflow:hidden;padding-left:12px}
.main li{border-radius:6px;float:left;height:90px;margin:0 10px 20px 0;position:relative;width:386px}
.main li a{display:block;height:70px;overflow:hidden;padding:11px 20px 9px;position:relative}
.main li a img{border-radius:15px;float:left;height:70px;margin-right:10px;width:70px}
.main li a div{float:left;height:70px;overflow:hidden;width:190px}
.main li a div p{color:#000;font-size:16px;line-height:26px}
.main li a div p,.main li a div span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.main li a div span{color:#999;font-size:12px;line-height:18px}
.main li a div span:first-of-type{margin-top:5px}
.main li a>span{border:1px solid #4ae1ec;border-radius:6px;bottom:0;color:#4ae1ec;display:block;font-size:14px;height:30px;line-height:30px;margin:auto;overflow:hidden;position:absolute;right:21px;text-align:center;top:0;width:72px}
.main li:hover a>span{background:#4ae1ec;color:#fff}
.main li:hover{background:#ebfbff}
.comment{margin-top:28px}
.comment .comment-new{border-radius:10px;margin-top:20px;padding:15px 20px}
.key-info{background:#defdff;margin-bottom:50px}
.key-info,.key-info .img{border-radius:10px;height:235px}
.key-info .img{float:left;margin-right:20px;overflow:hidden;position:relative;width:448px}
.key-info .img img{border-radius:10px;height:auto;min-height:100%;width:100%}
.key-info .img span{background:rgba(0,0,0,.5);border-radius:13px;color:#fff;font-size:14px;height:25px;left:10px;line-height:25px;padding:0 12px;position:absolute;top:9px}
.key-info dl{height:235px;overflow:hidden;width:710px}
.key-info dl dt h1{color:#000;display:block;font-size:28px;font-weight:700;height:54px;line-height:54px;margin-top:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.key-info dl dd{display:block;max-height:80px;overflow:hidden;overflow-y:auto}
.key-info dl dd>span{color:#999;display:block;font-size:14px;line-height:26px;margin-bottom:1px}
.key-info dl dd:nth-child(3){margin:10px 0 0}
.key-info dl dd>span:before{background:url(../images/icon.png?a=1) no-repeat;background-position:-772px -3px;background-size:1000px 1000px;content:"";display:inline-block;height:14px;margin-right:5px;position:relative;top:6px;vertical-align:top;width:14px}
.key-info dl dd p{color:#666;display:-webkit-box;font-size:15px;height:auto;-webkit-line-clamp:3;line-height:23px;margin-bottom:6px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical}
.key-info dl .key-val span{float:left;margin-right:22px}
.key-info dl .key-val span#size:before{background-position:-772px -32px;width:16px}
.key-info dl dd.tags{line-height:23px;margin-top:5px}
.key-info dl dd.tags>b{float:left}
.key-info dl dd.tags>a{color:#00aeb9;float:left;margin-right:12px;text-decoration:underline}
.key-info dl dd.tags a:hover{color:#0df}
.key-list .main-title{color:#1c1e2c;padding:15px 20px 13px}
.key-list{background:#fff;border-radius:10px;margin-bottom:28px}
.key-list .main li{position:relative}
.key-list .main li:nth-child(-n+3):before{background:url(../images/icon.png) no-repeat;background-size:1000px 1000px;content:"";display:block;height:54px;left:18px;position:absolute;top:10px;width:48px;z-index:1}
.key-list .main li:first-of-type:before{background-position:-692px -183px}
.key-list .main li:nth-of-type(2):before{background-position:-768px -183px}
.key-list .main li:nth-of-type(3):before{background-position:-842px -183px}
.key-list .main ul{margin-bottom:0}
.key-recomd .swiper-container{position:relative}
.key-recomd .swiper-slide{float:right;height:160px;overflow:hidden;width:304px}
.key-recomd .swiper-slide a{border-radius:6px;display:block;height:100%;margin-bottom:21px;overflow:hidden;position:relative;width:100%}
.key-recomd .swiper-slide a img{border-radius:6px;height:160px;width:100%}
.key-recomd .swiper-slide a div{bottom:0;display:block;height:44px;left:0;padding:7px 11px 6px;position:absolute;width:282px;z-index:1}
.key-recomd .swiper-slide a div span{color:#ccc;font-size:12px;line-height:18px}
.key-recomd .swiper-slide a div p,.key-recomd .swiper-slide a div span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.key-recomd .swiper-slide a div p{color:#fff;font-size:18px;font-weight:700;line-height:26px}
.key-recomd .swiper-slide a:before{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:rgba(0,0,0,.4);border-radius:0 0 6px 6px;bottom:0;content:"";height:57px;left:0;margin:auto;overflow:hidden;position:absolute;right:0;width:100%;z-index:1}
.key-recomd .swiper-slide a img{-webkit-transition:-webkit-transform .5s ease .1s;transition:-webkit-transform .5s ease .1s;transition:transform .5s ease .1s;transition:transform .5s ease .1s,-webkit-transform .5s ease .1s}
.key-recomd .swiper-slide a:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.key-recomd .list{margin-top:21px;overflow:hidden;text-align:center;width:105%}
.key-recomd .list a{background:url(../img/itopicbg.png) no-repeat;background-size:100% 100%;border-radius:6px;color:#999;display:block;float:left;font-size:16px;height:44px;line-height:44px;margin:0 20px 20px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:183px}
.key-recomd .list a:hover{background:#3cdfad;color:#fff}
.key-recomd .swiper-button-next,.key-recomd .swiper-button-prev{background:url(../images/icon.png) no-repeat;background-position:-805px -57px;background-size:1000px 1000px;color:transparent;cursor:pointer;display:block;font-size:0;height:28px;margin:auto;opacity:.8;top:auto;top:-46px;width:28px;z-index:10}
.key-recomd .swiper-button-prev{left:auto;right:48px}
.key-recomd .swiper-button-next{background-position:-805px -3px;left:auto;right:0}
.key-recomd .swiper-button-next:hover,.key-recomd .swiper-button-prev:hover{opacity:1}
.key-recomd .swiper-button-next.swiper-button-disabled,.key-recomd .swiper-button-prev.swiper-button-disabled{opacity:.4}
.key-info{position:relative}
.key-info .feBaBtn{background:#fff;top:0}