body{background-color:#f5f5f5!important}
/*列表*/
.special-item-wrap{font-size:14px;display:inline-block}
.special-item,.special-item:hover{-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s}
.special-item{width:49%;float:left;padding:20px;margin-bottom:20px;background:#fff}
.special-item:hover{-webkit-box-shadow:0 2px 10px rgba(0,0,0,.15);box-shadow:0 2px 10px rgba(0,0,0,.15)}
.special-item:nth-child(2n){margin-right:0;float:right}
.special-item-top{display:-webkit-box;display:-ms-flexbox;display:flex}
.special-item-thumb{width:220px;max-height: 135px;text-align: center;border-radius:3px;-ms-flex-negative:0;flex-shrink:0;overflow:hidden}
.special-item-thumb img{display:block;border-radius:3px;-webkit-transition:-webkit-transform .5s ease-out;transition:-webkit-transform .5s ease-out;-o-transition:transform .5s ease-out;transition:transform .5s ease-out;transition:transform .5s ease-out,-webkit-transform .5s ease-out}
.special-item-thumb:hover img{transform:scale(1.08);-webkit-transform:scale(1.08);-moz-transform:scale(1.08);-ms-transform:scale(1.08);-o-transform:scale(1.08)}
.special-item-info{width:100%;margin-left:20px;max-width:calc(100% - 240px)}
.special-item-title{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 0 15px;line-height:28px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.special-item-desc p,.special-item-title h2{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.special-item-title h2{max-width:100%;margin:0 10px 0 0;font-size:20px;font-weight:500;line-height:inherit;white-space:nowrap}
.special-item-bottom a:hover,.special-item-title h2 a,.special-item-title h2 a:hover{-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s}
.special-item-title h2 a{color:#666;text-decoration:none}
.special-item-bottom a:hover,.special-item-title h2 a:hover{color:#f01414}
.special-item-desc p{height:66px;margin:0;color:#666;line-height:22px;-webkit-box-orient:vertical;display:block;display:-webkit-box;-webkit-line-clamp:3}
.special-item-more{font-size:12px;line-height:inherit;color:#666;-ms-flex-negative:0;flex-shrink:0}
.special-item-more .wi{margin-left:2px;font-size:14px;vertical-align:top;line-height:inherit}
.special-item-more:hover{color:#f01414}
.special-item-more:focus,.special-item-more:hover{text-decoration:none}
.special-item-meta{display:-webkit-box;display:-ms-flexbox;display:flex;text-align: right;margin-top:10px;font-size:14px;line-height:16px;color:#666;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.special-item-bottom{margin:20px 0 0;padding:0;list-style:none}
.special-item-bottom a{position:relative;display:inline-block;padding-left:15px;line-height:32px;text-decoration:none;max-width:100%;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;vertical-align:top}
.special-item-bottom a,.special-item-bottom a:before,.special-item-bottom a:hover:before{-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s}
.special-item-bottom a:before{position:absolute;left:4px;top:12px;width:0;height:0;line-height:0;border:4px solid transparent;border-left:5px solid #ccc;content:""}
.special-item-bottom a:hover:before{border-left-color:#f01414}

/*详情*/
.special-detail-wrap{font-size:14px;display:inline-block}
.special-detail-banner{width: 100%;display: inline-block;}
.special-detail-banner img{width: 100%;height: 100%;}
.special-detail-header{position:relative;margin:0 auto;padding:20px 20px;background:#fff}
.special-detail-header .pic{float:left;position:relative;width:320px;max-height:180px;border-radius:10px;overflow:hidden}
.special-detail-header .info{float:left;padding:20px}
.special-detail-header .info .title{position:relative;height:30px;line-height:30px;max-width:820px;font-size:0}
.special-detail-header .info .title h1{display:inline-block;vertical-align:top;max-width:670px;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;font-size:18px;font-weight:700;color:#1f374c}
.special-detail-header .info .introduce{position:relative;width:auto;margin-top:8px;font-size:14px;line-height:24px;z-index:1;color:#666;display:block;word-break:break-all;word-wrap:break-word;white-space:normal}
.special-detail-header .info .attribute{margin-top:10px;line-height:28px;color:#999}
.special-detail-header .info .attribute .item{font-size:14px;height:28px;margin-right:30px;max-width:120px;color:#999;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.special-detail-header .info .attribute .item i{margin-right:5px}
.special-detail-body{width:100%}
.special-detail-body .left-box{width:1000px;background-color:#fff;padding:0 20px 20px 20px}
.special-detail-body .left-box .cate{line-height:48px;padding:14px 30px 0}
.special-detail-body .left-box .cate a{font-size:16px;margin-right:50px;float:left;position:relative;color:#4b5566;cursor:pointer;transition:all .2s}
.special-detail-body .left-box .cate a.active:before{content:"";position:absolute;width:40px;height:2px;background:#f01414;bottom:0;left:50%;margin-left:-20px}

.special-detail-body .left-box .list ul li{position:relative;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-moz-justify-content:space-between;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:stretch;-moz-align-items:stretch;-webkit-align-items:stretch;align-items:stretch;padding:20px 20px;margin:0 -20px;overflow:hidden;border-top:1px solid #f5f5f5}
.special-detail-body .left-box .list ul li:hover{background-color: #fff9f4;}
.special-detail-body .left-box .list ul li .thumb{border-radius:4px;cursor:pointer;margin-right:20px;width:180px;height:125px;text-align: center;display:block;position:relative;border-radius:3px;overflow:hidden}
.special-detail-body .left-box .list ul li .thumb a{width:180px;height:125px;overflow:hidden;display:block;position:relative}
.special-detail-body .left-box .list ul li .thumb img{-webkit-transition:-webkit-transform .5s ease-out;transition:-webkit-transform .5s ease-out;-o-transition:transform .5s ease-out;transition:transform .5s ease-out;transition:transform .5s ease-out,-webkit-transform .5s ease-out}
.special-detail-body .left-box .list ul li .thumb:hover img{transform:scale(1.08);-webkit-transform:scale(1.08);-moz-transform:scale(1.08);-ms-transform:scale(1.08);-o-transform:scale(1.08)}
.special-detail-body .left-box .list ul li .info{position:relative;-webkit-flex:1;-ms-flex:1;-webkit-box-flex:1;-moz-box-flex:1;flex:1;max-width:760px}
.special-detail-body .left-box .list ul li .info .info-limit{max-height:125px;height:125px;overflow:hidden}
.special-detail-body .left-box .list ul li .info h3{width:100%;height:19px;line-height:18px;margin-top:4px;margin-bottom:9px;font-size:18px;font-weight:800;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;font-family:PingFangSC-Medium,arial,sans-serif;-webkit-font-smoothing:antialiased}
.special-detail-body .left-box .list ul li .info h3 a{color:#2c2e3b;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;}
.special-detail-body .left-box .list ul li .info h3 a:hover{color: #f01414;}
.special-detail-body .left-box .list ul li .info .desc{padding-top:10px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:22px;font-size:13px;font-weight:400;color:#828a92}

.special-detail-body .right-box{width:270px;margin-left:10px}
.special-detail-body .right-box .list-box{padding:0 20px 20px 20px}
.special-detail-body .right-box .list-box-title{height:60px;line-height:60px;font-size:16px;position:relative;padding-left:10px;font-weight:800;color:#333;border-bottom:1px solid #eee}
.special-detail-body .right-box .list-box-title:before{position:absolute;top:22px;left:0;width:4px;height:18px;border-radius:30px;background:#f01414;content:''}
.special-detail-body .right-box .list-box-body li{position:relative;border-bottom:1px dashed #eee;margin-top:10px}
.special-detail-body .right-box .list-box-body li .img{display:block;position:relative;zoom:1;overflow:hidden;width:100%}
.special-detail-body .right-box .list-box-body li .img img{display:block;width:100%;height:auto;border-radius:3px;-webkit-transition:-webkit-transform .5s ease-out;transition:-webkit-transform .5s ease-out;-o-transition:transform .5s ease-out;transition:transform .5s ease-out;transition:transform .5s ease-out,-webkit-transform .5s ease-out}
.special-detail-body .right-box .list-box-body li .img:hover img{transform:scale(1.08);-webkit-transform:scale(1.08);-moz-transform:scale(1.08);-ms-transform:scale(1.08);-o-transform:scale(1.08)}
.special-detail-body .right-box .list-box-body li .img .title{width:100%;height:30px;line-height:30px;overflow:hidden;text-align:center;color:#fff;position:absolute;left:0;bottom:0;background:rgba(0,0,0,.5)}

.no-data{display:block;width:100%;height:88px;margin:110px auto 210px auto;color:#999;font-size:14px;background:url(../images/no-data.png) no-repeat center;background-size:contain}
.no-data p{padding-top:113px;text-align:center;color:#999}