@charset "utf-8";
/* 块标题 */
.tiTle{position:relative; height:26px; line-height:26px; z-index:1;overflow:hidden;*zoom: 1;}
.tiTle em{ float: left;display: inline-block;font-size:24px; color:#333;padding-right:10px; background-color:#fff; height:26px;line-height:26px;}
.tiTle:after{ width:100%; height:2px; background:#f57b42; position:absolute;left:0; top:13px; content:""; z-index:-1;}
.tiTle a{ float:right;display: block;background-color: #fff;width:20px; height:24px}
.tiTle a i{display: inline-block;width:20px; height:20px; background-position:-398px -8px;position: relative;top: 4px;}
.tiTle a:hover{-webkit-animation: scal 0.3s ease-in-out 0s infinite alternate;animation: scal 0.3s ease-in-out 0s infinite alternate;}
@keyframes scal {0% {transform: rotate(-15deg);} 100% {transform: rotate(15deg);}}

/* 专题列表 */
.topic_list{width: 1200px;margin: auto;padding:10px 0; overflow: hidden;}
.topic_list .tiTle em{background-color: #f5f5f5;}
.topic_list ul{width: 1200px;padding: 20px 0;display: grid;grid-template: auto / 1fr 1fr 1fr 1fr;grid-gap: 24px;}
.topic_list li{border-radius: 5px;overflow: hidden;}
.topic_list li>a{display: block;position: relative;height: 140px;}
.topic_list li>a span{display: block;position: absolute;top: 7px;left: 0;z-index: 1;padding: 0 6px;font-size: 14px;color: #fff;line-height: 24px;background-color:rgba(0,0,0,0.67);}
.topic_list li>a img{display:block;width:280px;height:138px;}
.topic_list li>a img:hover{opacity: 0.9;}
.topic_list li>a h3{display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;display: flex;align-items: center;justify-content: center;font-weight: 400;font-size: 15px;color: #333;line-height: 24px;background-color:rgba(255,255,255,.8);-webkit-backdrop-filter: saturate(5) blur(20px);backdrop-filter: saturate(5) blur(20px);}
.topic_list li>a:hover h3{background-color:rgba(0,0,0,.2);color: #fff;-webkit-transition: all .3s;transition: all .3s;}

/* 块标题 */
.titIndex{position:relative; height:88px; line-height:88px; z-index:1;overflow:hidden;*zoom: 1;}
.titIndex em{ float: left;display: inline-block;font-size:26px; color:#020202;padding-right:10px; height:88px;line-height:88px;font-weight: lighter;}
.titIndex em i{display: inline-block;}
.titIndex a{ float:right;display: block;width:66px; height:88px;font-size: 16px;color: #999;font-weight: lighter;}
.titIndex a i{display: inline-block;width:20px; height:20px; background-position:-398px -8px;position: relative;top: 4px;margin-left: 7px;}
.titIndex a:hover {color: #f68854;}
.titIndex a:hover i{-webkit-animation: scal 0.3s ease-in-out 0s infinite alternate;animation: scal 0.3s ease-in-out 0s infinite alternate;}
@keyframes scal { 0% {transform: rotate(-15deg);} 100% {transform: rotate(15deg);} }


/* 专题详情 */
.topicDetailT{background-color: #fff;padding: 16px 0;}
.topicDetailT>div{position: relative;width: 1200px;margin: auto;overflow: hidden;*zoom: 1;}
.topicDetailT img{float: left;display: block;padding: 10px;border: 1px solid #f8f8f8;width: 500px;height: 242px;margin-right: 20px;overflow: hidden;}
.topicDetailT .info{float: left;width:650px;height: 264px;overflow: hidden;}
.topicDetailT .info h1{font-size: 26px;color: #666;line-height: 72px;border-bottom: 1px solid #efefef;white-space: nowrap;overflow: hidden;}
.topicDetailT .info .txt{display: block;height: 100px;font-size: 14px;color: #999;line-height: 24px;margin-top: 20px;overflow: hidden;}
.topicDetailT .info .sum{margin-top: 6px;overflow: hidden;*zoom: 1;}
.topicDetailT .sum span{float: left;color: #cccccc;font-size: 14px;line-height: 52px;}
.topicDetailT .sum span em{color: #ff7800;margin: 0 4px;}
.topicDetailT .sum a{float: right;color: #3399ff;font-size: 14px;line-height: 52px;}
.topicDetailT .sum a:hover{text-decoration: underline;}

.topicDetailB{width: 1200px;margin: auto;}
.topicDetailB ul,.topicDetailB .toList{overflow: hidden;*zoom: 1;}
.topicDetailB ul{padding-top: 20px;}
.topicDetailB ul li{position: relative;float: left;width: 348px;height: 200px;padding:16px;background-color: #fff;margin:0 26px 26px 0;border: 1px solid #ededed;border-radius: 5px;}
.topicDetailB ul li:nth-child(3n+3){margin-right: 0;}
.topicDetailB ul li:nth-child(-n+3){margin-top: 0;}
.topicDetailB ul li:nth-of-type(1){border-top: 1px solid #ffa826;}
.topicDetailB ul li:nth-of-type(2){border-top: 1px solid #f36173;}
.topicDetailB ul li:nth-of-type(3){border-top: 1px solid #74a6ff;}
.topicDetailB ul li>i{position: absolute;width: 32px;height: 32px;top: -0px;right: -0px;}
.topicDetailB ul li:nth-of-type(1)>i{background-position: -0px -99px;}
.topicDetailB ul li:nth-of-type(2)>i{background-position: -58px -99px;}
.topicDetailB ul li:nth-of-type(3)>i{background-position: -118px -99px;}
.topicDetailB ul li:nth-of-type(n+4)>i{background-position: bottom;}
.topicDetailB .toList>a,.topicDetailB .toList>div,.topicDetailB .toList>p{display: block;float: left; }
.topicDetailB .toList>a .img{width: 110px;height: 110px;border-radius: 16px;margin-right: 16px;background-position: center center;background-repeat: no-repeat;background-size: cover;background-color: #efefef;overflow: hidden;}
.topicDetailB .toList>div{width:216px ;}
.topicDetailB .toList>div .name{font-size:18px ;color: #000;line-height: 26px;overflow: hidden;white-space: nowrap; }
.topicDetailB .toList>div p{font-size: 14px;color: #999;line-height: 24px;margin-top: 8px;}
.topicDetailB .toList>div p span{color: #666;}
.topicDetailB .toList>div .down{display: block;font-size: 12px;color: #666;height: 28px;line-height: 28px;border: 1px solid #e0e0e0;border-radius:15px;width: 108px;text-align: center;margin-top: 16px;}
.topicDetailB .toList>div .down i{display: inline-block;width: 14px;height: 15px;background-position: -753px -13px;position: relative;top: 2px;margin-right: 4px;}

.topicDetailB .toList>p{display: block;height: 70px;font-size: 14px;color: #666;line-height: 24px;overflow: hidden;margin-top: 20px;}
.topicDetailB ul li:hover{-moz-box-shadow:0px 0px 6px #e9e9e9; -webkit-box-shadow:0px 0px 6px #e9e9e9; box-shadow:0px 0px 6px #e9e9e9; }
.topicDetailB ul li:hover .down{background-color: #ff7800;color: #fff;border-color: #ff7800;}
.topicDetailB ul li:hover .down.no{background-color: #b9d317;color: #fff;border-color: #b9d317;}
.topicDetailB ul li:hover .down i{background-position: -776px -14px;}
.topicDetailB .toList>div .down:hover,.topicDetailB .toList>div .down.no:hover{opacity: 0.9;}
.topicDetailB .toList>div .name:hover{color: #ff7800;}
.topicDetailB .toList>a img:hover{opacity: 0.9;}

/* 专题详情2 */
.ztDeTop{background-color: #fff;padding: 16px 0;}
.ztDeTop .ztInfo{position: relative;width: 1200px;margin: auto;overflow: hidden;*zoom: 1;}
.ztInfo img{float: left;display: block;padding: 10px;border: 1px solid #f8f8f8;width: 500px;height: 242px;margin-right: 20px;overflow: hidden;}
.ztInfo .info{overflow: hidden;}
.ztInfo .info h1{font-size: 26px;color: #666;line-height: 68px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ztInfo .info div{position: relative;height: 28px;line-height: 28px;background: #F5F5F5;}
.ztInfo .info div span{font-size: 14px;color: #999;margin: 0 10px;}
.ztInfo .info div span em{color: #FD8042;}
.ztInfo .info div span strong{color:#FF7800;font-weight: 500;}
.ztInfo .info div i{display: block;position: absolute;top: 5px;width: 18px;height: 18px;cursor: pointer;}
.ztInfo .info div i.ztZan{right:45px;background-position: -269px -387px;}
.ztInfo .info div i.ztCol{right: 10px;background-position: -317px -387px;top: 6px;}
.ztInfo .info div i.ztZan.current{background-position: -244px -387px;top: 6px;}
.ztInfo .info div i.ztCol.current{background-position: -295px -387px;}
.ztInfo .info p{display: block;font-size: 14px;color: #999;line-height: 24px;margin-top: 20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.ztInfo .info a{display: block;float: right;width: 106px;height: 27px;line-height: 27px;background: #EBF5FF;font-size: 14px;color: #3399FF;text-align: center;margin-top: 20px;overflow: hidden;*zoom: 1;}
.ztInfo .info a:hover{background-color:#3399FF ;color: #EBF5FF;}
.ztSpRec{position: relative;width: 1200px;height: 112px;background: #FCEFE9;margin:20px auto 8px;overflow: hidden;*zoom: 1;}
.ztSpRec i{display: block;float: left;width: 106px;height: 112px;background-position: -11px -581px;}
.ztSpRec textarea{float: left;width: 1038px;padding: 9px 25px;height: 102px;background: #FCEFE9;border: 0;line-height: 30px;margin-top: 4px;font-size: 14px;color: #FB7E4A;}
.ztSpRec textarea::-webkit-scrollbar {width:10px;margin-right:2px}
.ztSpRec textarea::-webkit-scrollbar-button {width:10px;background-color:#FCEFE9;}
.ztSpRec textarea::-webkit-scrollbar:horizontal {height:10px;margin-bottom:2px}
.ztSpRec textarea::-webkit-scrollbar-track { border-radius: 10px;}
.ztSpRec textarea::-webkit-scrollbar-track-piece { background-color: #FCEFE9;border-radius: 10px;}
.ztSpRec textarea::-webkit-scrollbar-thumb { width:10px; border-radius: 5px; background: #FCEFE9;}
.ztSpRec textarea::-webkit-scrollbar-corner { width: 10px;background-color: red;}
.ztSpRec textarea::-webkit-scrollbar-thumb:hover {background: #FCEFE9;  }
.ztDeRec{width: 1200px;overflow: hidden;padding-bottom: 19px;margin:40px auto 0;background: linear-gradient(0deg, rgba(123, 109, 227, 0.9) 0%, rgba(123, 109, 227, 0) 69%, rgba(123, 109, 227, 0) 100%);;border-radius: 20px;background: url(../images/ztdbg.jpg) no-repeat;background-size:1200px 100%;}
.ztDeRec>div,.ztDeRec h3{width: 326px;height: 84px;line-height: 69px;display: block;margin: auto;font-size: 36px;color: #FF8737;font-weight: bold;text-align: center;background: url(../images/ztdetailbg.png) no-repeat;background-size: 100% 100%;margin-top: 32px;}
.ztDeRec ul,.ztDeRec{overflow: hidden;*zoom: 1;}
.ztDeRec ul{padding-top: 15px;margin-left: 20px;}
.ztDeRec ul li{position: relative;float: left;width: 348px;max-height: 200px;padding:16px;background-color: #fff;margin:0 7px 16px 0;border: 1px solid #ededed;border-radius: 5px;}
.ztDeRec ul li:nth-child(3n+3){margin-right: 0;}
.ztDeRec ul li:nth-of-type(1){border-top: 1px solid #ffa826;}
.ztDeRec ul li:nth-of-type(2){border-top: 1px solid #f36173;}
.ztDeRec ul li:nth-of-type(3){border-top: 1px solid #74a6ff;}
.ztDeRec ul li>i{position: absolute;width: 32px;height: 32px;top: -0px;right: -1px;}
.ztDeRec ul li:nth-of-type(1)>i{background-position: -0px -99px;}
.ztDeRec ul li:nth-of-type(2)>i{background-position: -58px -99px;}
.ztDeRec ul li:nth-of-type(3)>i{background-position: -118px -99px;}
.ztDeRec .toList>a,.ztDeRec .toList>div,.ztDeRec .toList>p{display: block;float: left; }
.ztDeRec .toList>a img{width: 110px;height: 110px;border-radius: 16px;margin-right: 16px;}
.ztDeRec .toList>div{width:216px ;height: 110px;overflow: hidden}
.ztDeRec .toList>div .name{font-size:18px ;color: #000;line-height: 26px;overflow: hidden;white-space: nowrap; }
.ztDeRec .toList>div p{font-size: 14px;color: #999;line-height: 24px;margin-top: 8px;}
.ztDeRec .toList>div p span{color: #666;}
.ztDeRec .toList>div .down{display: block;font-size: 12px;color: #666;height: 28px;line-height: 28px;border: 1px solid #e0e0e0;border-radius:15px;width: 108px;text-align: center;margin-top: 16px;}
.ztDeRec .toList>div .down i{display: inline-block;width: 14px;height: 15px;background-position: -753px -13px;position: relative;top: 2px;margin-right: 4px;}
.ztDeRec .toList>div .down.no i,.topicDetailB .toList>div .down.no i{display: none;}
.ztDeRec .toList>p{display: block;max-height: 70px;font-size: 14px;color: #666;line-height: 24px;overflow: hidden;margin-top: 20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.ztDeRec ul li:hover{-moz-box-shadow:0px 0px 6px #e9e9e9; -webkit-box-shadow:0px 0px 6px #e9e9e9; box-shadow:0px 0px 6px #e9e9e9; }
.ztDeRec ul li:hover .down{background-color: #ff7800;color: #fff;border-color: #ff7800;}
.ztDeRec ul li:hover .down.no{background-color: #b9d317;color: #fff;border-color: #b9d317;}
.ztDeRec ul li:hover .down i{background-position: -776px -14px;}
.ztDeRec .toList>div .down:hover,.topicDetailB .toList>div .down.no:hover{opacity: 0.9;}
.ztDeRec .toList>div .name:hover{color: #ff7800;}
.ztDeRec .toList>a img:hover{opacity: 0.9;}
.topicDetailB {margin-top: 6px;padding-bottom: 6px;}
.topicDetailB .titIndex em{color: #F9D115;}
.topicDetailB .titIndex em i:nth-of-type(1){width:13px;height:26px;background-position:-448px -300px;position:relative;top: 3px;margin-right:8px;}
.topicDetailB .titIndex em i:nth-of-type(2){width:17px;height:19px;background-position:-448px -332px;position:relative;top: 2px;margin-left:8px;}
.topicDetailB ul{padding-top: 0;}
.topicDetailB .pagecode{margin-bottom: 30px;margin-top: 4px;}
.ztNew{background-color: #fff;padding-bottom: 20px;margin-top: 10px;}
.ztNew .titIndex{width: 1200px;margin: auto;}
.ztNew .titIndex em{color: #1AC656;}
.ztNew .titIndex em i:nth-of-type(1){width:8px;height:25px;background-position:-376px -300px;position:relative;top: 3px;margin-right:8px;}
.ztNew .titIndex em i:nth-of-type(2){width:21px;height:23px;background-position:-376px -332px;position:relative;top: 3px;margin-left:8px;}
.ztNew ul{width: 1200px;margin: auto;overflow: hidden;*zoom: 1;}
.ztNew li{float: left;margin:0 19.5px 22px 0;width: 224px;height: 118px;}
.ztNew li:nth-of-type(5n+5){margin-right: 0;}
.ztNew li a{position: relative;display: block;border-radius: 6px;overflow: hidden;}
.ztNew li a img{width: 224px;height: 118px;display: block;border-radius: 6px;}
.ztNew li a p{position: absolute;bottom:0;left: 0;right: 0;display: block;background-color: rgba(0,0,0,0.5);font-size: 18px;color:#fff;text-align: center;width: 100%;height:100%;line-height: 118px;overflow:hidden;white-space:nowrap;webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.ztNew li a p:after{content: "";display: inline-block;width:9px;height:14px;background: url(../images/icon.png) no-repeat;background-size: 800px 800px;background-position:-259px -94px;position:relative;top: 1px;margin-left:7px;}
.ztNew li a:hover p{color: #1AC656;}
.ztNew li a:hover p:after{background-position: -243px -116px;}
.ztRel {width: 1200px;margin:10px auto;overflow: hidden;padding-bottom: 10px;}
.ztRel .titIndex em{color: #F9797F;}
.ztRel .titIndex em i:nth-of-type(1){width:8px;height:25px;background-position:-406px -300px;position:relative;top: 3px;margin-right:8px;}
.ztRel .titIndex em i:nth-of-type(2){width:21px;height:23px;background-position:-406px -332px;position:relative;top: 3px;margin-left:8px;}
.ztRel ul {width: 1240px;overflow: hidden;*zoom: 1;}
.ztRel ul li{float: left;width: 150px;height: 46px;padding: 0 11px;background: #FFFFFF;border-radius: 6px;margin: 0 34px 20px 0;text-align: center;line-height: 46px;}
.ztRel ul li a{display: block;width: 150px;font-size: 16px;color: #808080;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.ztRel ul li:hover{background-color: #FD8042;}
.ztRel ul li:hover a{color: #fff;} 
.ga_rank li a .name{font-size: 16px;color: #333;line-height: 36px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}