
.ltcd-down{margin:25px 0 0 0;}
.listcd-right{margin:25px 0 0 0;}


.colalike {position: fixed; color: #666666;}
.artcollect,.artlike{margin: 0 0 15px 0;}
.artcollect, .artlike {align-items: center;display: flex;flex-direction: column;}
.colalike img.show {display: inline;}
.colalike img {width: 42px;height: 42px;display: none;cursor: pointer;}
.artcollect:hover .collect,.artlike:hover .like,.artlike:hover .share{display:none;}
.artcollect:hover .collected,.artlike:hover .liked,.artlike:hover .shared{display:flex;}
.dtlcon-top h2{font-weight: 500;font-size: 30px;color: #333333;}
.dtcont-des{color: #999999;margin:18px 0 14px 0;align-items: center}
.dtcont-des p{color: #999999;margin:0 30px 0 0;}
.dtctaba{padding:0 14px; height: 30px;background: #F2FBF8;color: #01B277;}
.dtctaba img{width:20px;margin:0 3px 0 0;}
.dtl-down{margin:23px 0 0 0;}
.dtlcon-top{border-bottom: 1px solid #F3F3F3;padding:0 0 26px 0;}

blockquote {padding:20px 13px 18px 17px;border-radius: 5px;text-indent: 0;background-color:#F2FBF8;border-left: 5px solid #D7FBEF;
    color: #333333;margin: 28px 0 25px 0;font-size: 16px;line-height: 34px;    white-space: normal;word-break: normal;
}
.artcons p{font-size: 16px;color: #333333;line-height: 35px;margin:11px 0;}
.artcons h2{margin:14px 0 16px 0;}
.artcons h3{ font-weight:bold;font-size: 22px;color: #333333;line-height: 35px;margin:14px 0 16px 0;}
.artcons h3::before {content: "";display: inline-block;width:7px;height: 20px;background:#01B277;border-radius: 3px;
    margin-right:10px;vertical-align: middle;margin-top: -3px;
}

.artmoretabs{align-items:flex-start;}
.artmoretabs p{font-size: 16px;color: #333333;margin:5px 15px 0 0;flex-shrink: 0;}
.mtbsa{ height: 30px;background: #F5F5F5;font-size: 16px;color: #333333;align-items: center;justify-content: center;padding:0 15px;margin:0 15px 10px 0;}
.mtbsa.check,.mtbsa:hover{ background: #ECFCF7;color:#01B277;}
.mtbs{flex-wrap: wrap;}
.lastanext {margin:15px 0 0 0;width: 990px;height: 50px;background: #F8F8F8;border-radius: 5px;align-items: center;justify-content: space-between;}
.lastanext a {font-size: 16px;color: #333333;line-height: 35px;width: 50%;overflow: hidden;text-overflow: ellipsis;
    display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;white-space: nowrap;
}

.lastanext a span{transition: all .3s ease;}
.lastart span:nth-child(1), .nextart span:nth-child(1) {color: #999999;}
.lastart{margin:0 0 0 18px;}
.nextart{margin:0 18px 0 0;}
.lastanext .nextart:only-child {margin-left: auto;}

.dtl-xgtj{margin:38px 0 0 0;}
.imdta,.imdta img{ width: 150px;height: 96px;}
.tj-item {width: 477px;height: 203px;border: 1px solid #F3F3F3;transition: all .3s ease;margin:0 30px 30px 0;}
.tj-item:nth-child(2n+2){margin-right: 0;}
.tj-item:nth-last-child(-n+2){margin-bottom: 0;}
.tj-item:hover{background: #F3F3F3;}
.tj-item:hover .imdd-more{ background: #01B277;color:#FFFFFF;}
.tjitemd{margin:21px 22px 18px 21px; }
.imdt-right{margin:0 0 0 15px;}
.imdtra{font-size: 16px;color: #333333;-webkit-line-clamp: 1;    line-height: 16px;}
.imdtrap{ color: #999999;line-height: 25px;-webkit-line-clamp:3;    margin: 10px 0 0 0;}
.tjimd-top{border-bottom:1px solid #F3F3F3;padding:0 0 18px 0;margin:0 0 18px 0;}
.imdd-tab p,.imdd-tab a{font-size: 12px;color: #999999;align-items: center;margin:0 15px 0 0;}
.imdd-more{width: 90px;height: 30px;background: #F2FBF8;font-size: 16px;color: #01B277;line-height: 25px;transition: all .3s ease;}
.tjimd-down{justify-content: space-between;align-items: center;}
.imddt-good:hover,.imddt-like:hover,.imddt-share:hover{color:#01B277;}
.tjlist{flex-wrap: wrap;margin:25px 0 0 0;}
.ztcdldlta{ font-weight: 500;font-size: 22px;color: #333333;margin:0 50px 0 0;}
.ztcdld-list{border-bottom: 1px solid #F3F3F3;}
.ztcdldlta.check b{ width:100%;height: 5px;background: #01B277;margin:11px 0 0 0;}
.zttop{width: 990px;height:auto;background: #F2FBF8;margin:0 0 35px 0;}
.ztop-top p{font-weight:bold;font-size: 28px;color: #333333;display:flex;align-items: center;}
.ztop-top p span{-webkit-line-clamp: 1;max-width:720px;}
.reads{font-size: 14px;color: #999999;font-weight: 400;margin:0 0 0 20px;}
.ztop-top{align-items: center;}
.zttopd{margin:20px 21px 21px 21px;}
.ztop-left{justify-content: space-between;}
.ztop-right{width: 85px;height: 34px;background: #01B277;font-size: 16px;color: #FFFFFF;}
.ztop-right:hover{background: #019A67;color: #FFFFFF;}
.ztop-down{font-size: 16px;color: #333333;line-height: 32px;margin:16px 0 0 0;    word-break: break-all;}
.ztdtl-down{margin:20px 0 0 0;}



.lastanext a:hover span:nth-child(2),.imdtra:hover{color:#01B277}



.ztop-top p b{background:url(../image/icon53.png) no-repeat;width:24px;height:24px;background-size: contain;margin:0 13px 0 0 ; }
.imddt-time b{background:url(../image/icon55.png) no-repeat;width:15px;height:15px;background-size: contain;margin:0 4px 0 0 ; }
.imddt-good b{background:url(../image/icon56.png) no-repeat;width:15px;height:15px;background-size: contain;margin:0 4px 0 0 ; }
.imddt-like b{background:url(../image/icon57.png) no-repeat;width:14px;height:13px;background-size: contain;margin:0 4px 0 0 ; }
.imddt-share b{background:url(../image/icon58.png) no-repeat;width:13px;height:14px;background-size: contain;margin:0 4px 0 0 ; }
.imddt-good:hover b{background:url(../image/icon59.png) no-repeat;width:15px;height:15px;background-size: contain;margin:0 4px 0 0 ; }
.imddt-like:hover b{background:url(../image/icon60.png) no-repeat;width:14px;height:13px;background-size: contain;margin:0 4px 0 0 ; }
.imddt-share:hover b{background:url(../image/icon61.png) no-repeat;width:13px;height:14px;background-size: contain;margin:0 4px 0 0 ; }



