.tagDeTop{width: 100%;margin: 0 auto;background-color: #f3fbfe;margin-top: 20px;padding: 20px;box-sizing: border-box;position: relative;overflow: hidden;}
.tagDeTop > img{width: 558px;height: 267px;box-sizing: border-box;border: 1px solid #f3fbfe;float: left;}
.tagDeTop > div:nth-child(2){width: 680px;height:260px;border-right: 0;border-bottom: 0;position: relative;z-index: 2;background-size: cover;float: right;overflow: hidden;}
.tagDeTop > div:nth-child(2) > h1{width: 100%;display: inline-block;color: #000;font-size: 22px;margin-bottom: 10px;line-height: 32px;}
.tagDeTop > div:nth-child(2) > div:nth-child(2){width: 100%;max-height: 168px;overflow-y: auto;font-size: 14px;color: #666;line-height: 24px;}
.tagDeTop > div:nth-child(2) > div:nth-child(3){width: 100%;overflow: hidden;position: absolute;bottom: 0;left: 0;color: #999;}
.tagDeTop > div:nth-child(2) > div:nth-child(3) > span{display: inline-block;float: left;color: #999;line-height: 20px;margin-right: 30px;padding-left: 28px;background: url(../images/uptime.png) no-repeat;}
.tagDeTop > div:nth-child(2) > div:nth-child(3) > span.tagDate{padding-left: 24px;background-position: -3px -5px;}
.tagDeTop > div:nth-child(2) > div:nth-child(3) > span.tagNum{background-position: 2px -27px;}
.tagDeTop > div:nth-child(2) > div:nth-child(3) > span.tagNum > em{margin: 0 6px;font-weight: bold;font-size: 14px;color: #ff0000;}
.tagDeTop > div:nth-child(3){float: left;width: 100%;overflow: hidden;margin: 0 auto;margin-bottom: 6px;}
.tagDeTop > div:nth-child(3) > span{display: inline-block;float: left;font-size: 14px;color: #444;height: 26px;line-height: 26px;margin-top: 12px;}
.tagDeTop > div:nth-child(3) > div{display: inline-block;float: left;font-size: 14px;color: #444;max-width: 1150px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.tagDeTop > div:nth-child(3) > div > a{display:inline-block;padding: 0px 10px;height: 24px;color: var(--defcolor);line-height: 24px;border: 1px solid var(--defcolor);border-radius: 100px;margin-right: 10px;font-size: 14px;margin-top: 14px;}
.tagDeTop > div:nth-child(3) > div > a:hover{background-color: var(--defcolor);color: #fff;}
.tagDeTop > div:nth-child(3) > div > a:nth-child(1){border-color: #4d90ba;color: #4d90ba;}
.tagDeTop > div:nth-child(3) > div > a:nth-child(1):hover{background-color: #4d90ba;color: #fff;}
.tagDeTop > div:nth-child(3) > div > a:nth-child(2){border-color: #660033;color: #660033;}
.tagDeTop > div:nth-child(3) > div > a:nth-child(2):hover {background-color: #660033;color: #fff;}
.tagDeTop > div:nth-child(3) > div > a:nth-child(3) {border-color: #008800;color: #008800;}
.tagDeTop > div:nth-child(3) > div > a:nth-child(3):hover {background-color: #008800;color: #fff;}
.tagDeTop > div:nth-child(3) > div > a:nth-child(4) {border-color: #966de1;color: #966de1;}
.tagDeTop > div:nth-child(3) > div > a:nth-child(4):hover {background-color: #966de1;color: #fff;}
.tagDeTop > div:nth-child(3) > div > a:nth-child(5) {border-color: #5bc3af;color: #5bc3af;}
.tagDeTop > div:nth-child(3) > div > a:nth-child(5):hover {background-color: #5bc3af;color: #fff;}
.tagDeTop > div:nth-child(3) > div > a:nth-child(6) {border-color: #ff7573;color: #ff7573;}
.tagDeTop > div:nth-child(3) > div > a:nth-child(6):hover {background-color: #ff7573;color: #fff;}

.tagListTit{border-bottom: 1px solid #efefef;background: #fff;padding: 15px 0px;overflow: hidden;text-align: center;}
.tagListTit > p{color: #f60;display: inline-block;width: 170px;text-align: center;font-size: 18px;cursor: pointer;font-weight: bold;height: 20px;line-height: 20px;}

.tagDtItList{overflow: hidden;margin-left: -30px;}
.tagDtItList > li{width: 412px;height: 200px;margin-top: 10px;margin-bottom: 20px;border: 1px solid #eeeeee;background-color: #fff;padding: 16px;position: relative;box-sizing: border-box;margin-left: 30px;float: left;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.tagDtItList > li > a{display: block}
.tagDtItList > li > a > p:nth-child(1){width: 90%;font-size: 18px;font-weight: bold;color: #444444;display: inline-block;margin-bottom: 8px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.tagDtItList > li > a > div:nth-child(2){width: 66%;overflow: hidden;float: left;}


.tagDtItList > li > a > div:nth-child(2) > p:nth-child(1){width: 100%;color: #999;display: inline-block;margin-bottom: 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.tagDtItList > li > a > div:nth-child(2) > p:nth-child(1) > span:nth-child(1){    display: inline-block;text-align: center;color: #666;background-color: #f5f5f5;padding: 3px 10px;margin-right: 10px;}
.tagDtItList > li > a > div:nth-child(2) > p:nth-child(1) > span:nth-child(2){color: #999;font-style: normal;margin-right: 10px;}
.tagDtItList > li > a > div:nth-child(2) > p:nth-child(2){color: #999;text-overflow: ellipsis;    width: 100%;
    line-height: 26px;
    font-size: 13px;
    display: -webkit-box;
    display: -moz-box;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;}
.tagDtItList > li > a > div:nth-child(2) > span:nth-child(3){width: 100%;color: #999;display: inline-block;margin-bottom: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.tagDtItList > li > a > div:nth-child(3){float: right}
.tagDtItList > li > a > div:nth-child(3) > div{display: block;text-align: center;}
.tagDtItList > li > a > div:nth-child(3) > div > img{width: 80px;height: 80px;display: inline-block;border-radius: 12px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.tagDtItList > li > a > div:nth-child(3) > span{display: block;text-align: center;margin-top: 10px;text-decoration: none;padding: 6px;overflow: hidden;font-size: 14px;border-radius: 4px;background: #f4b613;color: #FFFFFF;}
.tagDtItList > li:hover{box-shadow: 0 0 10px 0 rgba(47, 47, 47, 0.2);}
.tagDtItList > li:hover > a > p:nth-child(1){color: var(--defcolor);}
.tagDtItList > li:hover > a > div:nth-child(3) > div > img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.tagDtItList > li:hover > a > div:nth-child(3) > span{box-shadow: 0px 2px 13px 0px rgba(244, 182, 19, 0.65)}


.commItemBox{width: 1288px;margin: 10px 6px;float: left;padding: 20px;box-sizing: border-box;border-radius: 6px;background-color: #fff;box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);}

.tagDeReTit{width: 100%;overflow: hidden;padding: 0 0 12px 0;box-sizing: border-box;border-bottom: 1px solid #f0f0f0;}
.tagDeReTit > p{display: inline-block;height: 54px;line-height: 54px;position: relative;font-size: 20px;font-weight: bold;color: var(--defcolor);}
.tagDeReTit > p::after,.tagDeReTit > p::before{content: '';display: block;width: 5px;height: 27px;background:var(--defcolor);margin-top: 15px;}
.tagDeReTit > p::after{float: right;margin-left: 13px;}
.tagDeReTit > p::before{float: left;margin-right: 13px;}
.tagDeReTit > p > em{display: inline-block;vertical-align: middle;width: 33px;height: 54px;color: #FFFFFF;text-align: right;position: relative;top: -3px;}
.tagDeReTit > p > em b{display: block;width: 100%;height: 48px;transform: skewY(-10deg);background: #358ff0;position: absolute;left: 0;top: 50%;margin-top: -24px;}
.tagDeReTit > p > em big{display: block;width: 100%;height: 100%;text-align: right;position: relative;z-index: 1;top: -2px;font-size: 26px;font-weight: bold;}

.tagDeReList{overflow: hidden;width: 100%;}
.tagDeReList > li{width: 292px;height: 168px;margin-right: 26px;margin-top: 20px;float: left;position: relative;}
.tagDeReList > li:nth-child(4n){margin-right: 0}
.tagDeReList > li > a{display: block;}
.tagDeReList > li > a img{    width: 100%;height: 136px;display: block;overflow: hidden;transition: transform 0.3s;}
.tagDeReList > li > a p{width: 100%;display: block;line-height: 32px;height: 32px;font-size: 15px;color: #333;text-align: center;}
.tagDeReList > li:hover > a > img{transform: scale(0.96);}
.tagDeReList > li:hover > a > p{color: var(--defcolor)}

.loding_btn{display:block;height: 32px;line-height: 32px;background-color:var(--defcolor);color: #fff;white-space: nowrap;text-align: center;font-size: 14px;border: none;border-radius: 2px;cursor: pointer;width: 95px;margin: 0 auto;margin-top: 10px;margin-bottom: 10px;}