i,em{font-style: normal;}


/*media*/
.list{width: 100%;}
.list .list-left{display: inline-block;vertical-align: middle;}
.list .list-right{float: right;}
.list .list-right label{display: inline-block;vertical-align: middle;height: 20px;}
.list .list-right i{font-size: 18px;display: inline-block;color: #888;}
.list .list-right label i{display: block;height: 15px;margin-top: -9px;}
.list .list-right i.on{color: #ff8700;}
.tabs{display: inline-block;width: 100%;vertical-align: middle;border:1px solid #f5f5f5;margin-bottom: 15px;background: #fff;line-height: 30px;padding:6px 0;}
.tabs span a{padding: 0 17px;display: inline-block;vertical-align: middle;font-size: 15px;border-left: 1px solid #f5f5f5;color: #333;position: relative;cursor: pointer;}
.tabs span a i{font-size: 22px;padding-right: 5px;display: inline-block;vertical-align: middle;}
.tabs span.on a,.tabs span a:hover{color: #ff8700;}
.tabs span:first-child{border:none;}
.tab{display: inline-block;/*width: 100%;*/vertical-align: middle;border:1px solid #f5f5f5;margin-bottom: 15px;background: #fff;line-height: 30px;padding:6px 0;}
.tab span a{padding:0 15px;display: inline-block;vertical-align: middle;font-size: 15px;border-left: 1px solid #f5f5f5;color: #333;position: relative;cursor: pointer;}
.tab span.on a,.tab span.on i,.tab span:hover a,.tab span:hover i {color: #ff8700;}
.tab span:first-child{border:none;}

.list-box ul li:hover .new-info a img{transform:scale(1.04)}

.list-box ul li p:hover{
    background: linear-gradient(to right,#D85030  0%,#F18526 100%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;text-fill-color: transparent;}
.list-box a img{width: 100%;display: block;-webkit-transition: -webkit-transform .5s ease-out;transition: -webkit-transform .5s ease-out;-o-transition: -o-transform .5s ease-out;transition: transform .5s ease-out;transition: transform .5s ease-out,-webkit-transform .5s ease-out,-o-transform .5s ease-out;}

.list-box .squared{padding: 15px 0 15px 15px;display: block;}
/*.list-box .qvod{display: block;clear: both;content:" ";}*/
/*.list-box .qvod a{overflow:hidden;margin-bottom:10px;width: 223px;display: block;margin-right: 11px;display: inline-block;vertical-align: middle;}*/
.list-box p{display: block;line-height: 32px;font-size: 22px;color: #000;max-height: 64px;overflow: hidden;padding-bottom: 12px;}
.list-box .media_people{position: relative;display: block;line-height: 35px;width: 100%;}
.list-box .media_people img{width: 30px;display: inline-block;vertical-align: middle;margin-right: 10px;border-radius: 50%;}
.list-box .media_people span{font-size: 15px;display: inline-block;vertical-align: middle;color: #999;}

.list-box .media_people label {font-size: 13px;text-align: center;display: inline-block;vertical-align: middle;float: right;margin-left: 30px;color: #999;margin-right: 15px;}
.list-box .media_people i{font-size: 13px;color: #999;float: right;display: inline-block;}
.list-box .new-info .media_people label{margin-right: 0;}
.list-box .media_people em{display: inline-block;vertical-align: middle;background: url(/templates/default/images/v.png) no-repeat center center;background-size: 100%;width: 14px;
    height: 14px;
    position: absolute;
    left: 20px;
    bottom: 4px;}
.list-box .new-info{/*padding: 15px 15px 15px 15px;*/display: block;position: relative;}
.list-box .new-info a{vertical-align: middle;display: inline-block;width: 226px;position: relative;overflow:hidden;}
.list-box .new-info a span{position: absolute;top: 50%;left: 50%;width: 32px;margin: -16px 0 0 -16px;height: 32px;background: url(/templates/default/images/videobg.png) no-repeat;background-size: 100%;}
.list-box .new-info .info{
    float: inherit;
    margin-top: auto;
    margin-left: 25px;
    width: 374px;
    display: inline-block;
    vertical-align: middle;
    }


.message{padding:10px 0;}
.message .cover {/*margin-left:15px;*/margin-right: 15px;width: 50px;height: 50px;position: relative;display: inline-block;vertical-align: middle;}
.message .cover img {width: 50px;height: 50px;border-radius: 50%;border: 1px solid #eee;}
.message .cover .authorv {width: 18px;height: 18px;position: absolute;bottom: 0;right: 0;background: url(/templates/default/images/v.png) no-repeat;background-size: 18px 18px;}
.message .mr {cursor:pointer;position: relative;width: 225px;display: inline-block;vertical-align: middle;}
.message .mr label {font-size: 16px;color: #333;height: 20px;line-height: 18px;margin-bottom: 5px;margin-top: 10px;max-width: 135px;cursor: pointer;display: block;overflow: hidden;}
.message .mr:hover label {color: #ff8b47}
.message .mr p {font-size: 12px;color: #999;display: block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.message .mr a {    cursor: pointer;position: absolute;top: 8px;right: -5px;width: 60px;height: 27px;line-height: 27px;text-align: center;background: #ff8b47;color: #fff;font-size: 12px;border-radius: 2px;}
.message .mr a:hover {background: #ff7423}
.message p.messTxt {
    font-size: 14px;
    color: #999;
    line-height: 22px;
    height: 44px;
    margin-top: 8px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.tags{font-size: 0;margin-bottom: 15px;}
.tags a{
    display: inline-block;
    width: 50%;
    vertical-align: middle;
    cursor: pointer;
    font-size: 13px;
    color: #888;
    line-height: 36px;
}
.tags a:hover i{color: #ff8700;}
.tags a i{
    display: block;
    width: 95%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.tab-new{display: none;margin: 0 auto;width: 100%;background:#fff;}
.tab-new.active{display: block;}
.article-item1{width: 100%;display: block;margin-top: 15px;}
.article-item{margin-top: 15px;width: 50%;display: inline-block;vertical-align: top;}
.article-item1 .hot-areImg{display: inline-block;position: relative;width: 100%;overflow: hidden;}
.article-item .hot-areImg{width: 140px;display: block;position: relative;overflow: hidden;margin: 0 auto;}
.article-item .hot-areImg img,
.article-item1 .hot-areImg img{width: 100%;-webkit-transition: -webkit-transform .5s ease-out;transition: -webkit-transform .5s ease-out;-o-transition: -o-transform .5s ease-out;transition: transform .5s ease-out;transition: transform .5s ease-out,-webkit-transform .5s ease-out,-o-transform .5s ease-out;vertical-align: middle;}
.article-item1 .hot-areImg i{position: absolute;top: 50%;left: 50%;width: 62px;margin: -31px 0 0 -31px;height: 62px;background: url(/templates/default/images/videobg.png) no-repeat;background-size: 100%;}
.article-item .hot-areImg i{position: absolute;top: 50%;left: 50%;width: 32px;margin: -16px 0 0 -16px;height: 32px;background: url(/templates/default/images/videobg.png) no-repeat;background-size: 100%;}
.hot-areTitle{width: 100%;font-size: 14px;color: #4a4a4a;letter-spacing: 0;height: 44px;line-height: 22px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.article-item:hover .hot-areImg img,
.article-item1:hover .hot-areImg img{transform: scale(1.1);}


.media_name{
    padding-right: 140px;
    position: relative;
    padding: 15px 0;
    background: #fff;
    margin-bottom: 15px;
    border-radius: 5px;border: 1px solid #f3f3f3;
}
.media_name label{
    font-size: 22px;
    display: block;
    line-height: 60px;
    position: relative;
    text-indent: 18px;
}
.media_name label:after{
    display: block;
    width: 4px;
    height: 26px;
    content: "";
    clear: both;
    position: absolute;
    top: 17px;
    left:0px;
    background: #ff8700;
    border-radius: 2px;
}
.media_name label a{
    cursor: pointer;
    float: right;
    width: 80px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #ff8b47;
    color: #fff;
    font-size: 14px;
    border-radius: 2px;
    margin-top: 22px;
}
.media_name label i{
    font-size: 13px;
    color: #ff8700;
    margin-left: 20px;
}
.media_name label i em{
    color: #888;
    padding-left: 5px;
}
.media_name img{
    width: 80px;
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -40px;
    border-radius: 50%;
}
.media_name p{
    display: block;
    font-size: 15px;
    color: #333;
    padding-bottom: 30px;
    line-height: 24px;
    padding: 0 115px 15px 18px;
}
.serise_name{
    position: relative;
        padding: 15px 0;
    background: #fff;
    margin-bottom: 15px;
    border-radius: 5px;border: 1px solid #f3f3f3;
}
.serise_name label{
    font-size: 22px;
    display: inline-block;
    line-height: 50px;
    position: relative;
        text-indent: 18px;
}
.serise_name label:after{
    display: block;
    width: 4px;
    height: 26px;
    content: "";
    clear: both;
    position: absolute;
    top: 12px;
    left: 0px;
    background: #ff8700;
    border-radius: 2px;
}
.serise_name img{
    height: 70px;
    float: right;
    position: absolute;
    right: 20px;
    top: 5px;
}


.newsview-name{display: block;width: 100%;position: relative;}
.newsview-name a{font-size: 14px;cursor:default;display: block;line-height: 22px;color: #888;padding: 8px 0;padding-left: 50px;position: relative;/* padding-right: 20px; */}
.newsview-name a.padding-right{/* padding-right: 235px; */display: inline-block;vertical-align: middle;width: 42%;/* padding: 8px 0; *//* padding-left: 50px; */}
.newsview-name a i{display: block;width: 50px;text-align: center;position: absolute;left: 0;top: 0;height: 38px;line-height: 38px;}
.newsview-name a em{color: #888;}
.newsview-name .icon{position: absolute;right: 0;top: 0;height: 76px;line-height: 38px;width: 224px;}
.newsview-name .icon span:hover{color: #ff4f53;}
.newsview-name .icon span{cursor:pointer;display: inline-block;vertical-align: middle;font-size: 15px;margin-right: 20px;color: #333;}
.newsview-name .icon span i{font-size: 20px;display: inline-block;margin-right: 6px;}


.media_list li{padding:10px 25px;position: relative;cursor:pointer;}
/*.media_list li .view{overflow: hidden;margin-top: 10px;position: relative;}
.media_list li b.review{position: absolute;top: -33px;right: -37px;display: block;transform: rotate(45deg);padding-top: 50px;line-height: 22px;font-size: 14px;background: red;color: #fff;width: 80px;text-align: center;font-weight: normal;}
.media_list .images{width:210px;height:125px;margin-right:20px; overflow:hidden;float:left;}
.media_list .images img{width:100%;min-height:100%; transition: .6s;}
.media_list li:hover .images img{ transform: scale(1.1); }
.media_list .people {border-bottom: 1px solid #f5f5f5;padding-bottom: 10px;line-height: 50px;margin-bottom: 20px;}
.media_list .people img{width: 50px;border-radius: 50%;display: inline-block;vertical-align: middle;margin-right: 7px;}
.media_list .people span{display: inline-block;vertical-align: middle;font-size: 14px;}
.media_list .people i{display: inline-block;line-height: 50px;float:right;font-size: 14px;color: #777;font-style: normal;}
*/


.media li{
    display: inline-block;
    width: 25%;
    vertical-align: middle;
}

.media .list-item {transition: all .3s linear;cursor:pointer;padding: 10px;/* margin-top: 10px; */position: relative;border: 1px solid #f3f3f3;margin:0 15px 15px 0;border-radius: 5px;}
.media .list-item i.iconfont{
position: absolute;
    right: 20px;
    top: 50%;
    font-size: 20px;
    margin-top: -18px;
    color: #888;
    transition: all .3s linear;
}
.media .list-item .list-dec{
    position: relative;
}
.media .list-item .author-list-cover {/* width: 120px; *//* height: 120px; *//* margin: 0 auto; */position: relative;/* position: absolute; *//* left: 30px; *//* top: 50%; *//* margin-top: -30px; */display: block;}
.media .list-item .author-list-cover img {width: 60px;height: 60px;border-radius: 50%;/* border: 1px solid #eee; *//* margin-bottom: 10px; */display: block;margin: 15px auto;}
.media .list-item .list-dec .list-title {font-size: 16px;color: #333;/* height: 25px; */line-height: 28px;/* margin-bottom: 15px; */text-align: center;}
.media .list-item .list-dec .list-mes {font-size: 12px;color: #999;line-height: 24px;overflow: hidden;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 3;text-overflow: ellipsis;height: 72px;}
.media .list-item .list-num {font-size: 13px;color: #ff8700;display: block;}
.media .list-item .list-num .cont {font-size: 14px;}
.media .list-item .list-num .xian {font-size: 14px;color: #eee}

.media li:hover i.iconfont{transform: translate3d(10px,0,0);color: #ff8700;}
.media li:hover .list-item label{    background: linear-gradient(to right,#D85030 0%,#F18526 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;}
.media li:hover .list-item{-webkit-transform: translate3d(0,-2px,0);transform: translate3d(0,-2px,0);box-shadow: 0 2px 15px rgba(0,0,0,.1);}
/*.media li:hover em.media_bg{-webkit-transform: translate3d(0,-2px,0);transform: translate3d(0,-2px,0);box-shadow: 0 10px 30px rgba(0,0,0,.1);};*/