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:220px;max-height:135px;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:180px;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}
.section-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
}

.section-list ul li:nth-child(1) {
    border-top: none;
}

.section-list ul li:hover .thumb 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)
}

.section-list ul li .thumb {
    border-radius: 4px;
    cursor: pointer;
    margin-right: 20px;
    width: 170px;
    height: 130px;
    display: block;
    position: relative;
    overflow: hidden
}

.section-list ul li .thumb a {
    width: 170px;
    height: 130px;
    overflow: hidden;
    display: block;
    position: relative
}

.section-list ul li .thumb img {
    width: 100%;
    min-height: 100%;
    -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
}

.section-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;
    color: #797b7c;
}

.section-list ul li .info .info-limit {
    max-height: 100px;
    height: 100px;
    overflow: hidden
}

.section-list ul li .info h3 {
    width: 100%;
    height: 22px;
    line-height: 22px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: 500;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-family: PingFangSC-Medium,arial,sans-serif;
    -webkit-font-smoothing: antialiased
}

.section-list ul li .info h3 a {
    color: #2c2e3b;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

.section-list ul li .info h3 a:hover {
    color: #f01414;
}

.section-list ul li .info h3 .top {
    border-radius: 3px;
    font-weight: 400;
    padding: 3px 5px;
    font-size: 12px;
    margin: 0 .4rem 0 0;
    position: relative;
    top: -1px;
    background: #f64444;
    color: #fff
}

.section-list ul li .info .cat-link {
    font-size: 0;
    height: 22px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    position: relative;
    margin: 6px 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.section-list ul li .info .cat-link a {
    display: inline-block;
    font-size: 12px;
    text-align: center;
    padding: 0 5px;
    margin-right: 5px;
    color: #ec3b3b;
    background: rgba(236,59,59,0.1);
    border-radius: 3px;
    ;line-height: 22px;
}

.section-list ul li .info .cat-link a:hover {
    opacity: .8;
}

.section-list ul li .info .cat-link a i {
    margin-right: 3px;
}

.section-list ul li .info .cat-link a.meta-tag {
    color: #888;
    background: rgba(136,136,136,.1);
}

.section-list ul li .info .desc {
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 22px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    position: relative;
    margin: 14px 0 3px 0
}

.section-list ul li .info .meta {
    padding-top: 10px;
    position: absolute;
    left: 0;
    bottom: 5px
}

.section-list ul li .info .time,.section-list ul li .info .views {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #b3b2b2;
    font-weight: 400
}

.section-list ul li .info .views {
    margin-left: 8px
}

.section-list ul li .info .views:before {
    content: "\e661";
    font-family: iconfont;
    font-size: 12px;
    margin-right: 2px
}

.section-list ul li .info .time:before {
    content: "\e647";
    font-family: iconfont;
    font-size: 12px;
    margin-right: 2px
}