/* =====================================================
* News-Index
/* ==================News Index=========================*/
/*---------------------------------------------------1F globe--------------------------------------------------------------------*/

/*change grayscale
body{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%); -ms-filter: grayscale(100%);-o-filter: grayscale(100%); filter: grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);filter:gray; }
*/



html { color: #000; background: #FFF; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }

body { min-width: 320px; max-width: 640px; margin: 0 auto }

table { border-collapse: collapse; border-spacing: 0; }

fieldset, img { border: 0; }

address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: bold; }

ol, ul { list-style: none; }

caption, th { text-align: left; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }

q:before, q:after { content: ''; }

abbr, acronym { border: 0; }

.bar { background: #fff; }

.no-padding { padding: 0 }

.img-circle { border-radius: 50% }

a { color: #999 }

.list-block .item-text { height: auto; max-height: 2.1rem; }

.no-margin { margin: 0 !important }

.h20 { height: .5rem; display: block; width: 100%; background: #efeff4; }

.pull-right { float: right !important }

.page { background: #fff; }

.list-inline > li { display: inline-block; }

.bar .button-link { color: #999; }

.bar .button-link .icon { margin-right: .25rem; }

.actions-modal-group { margin: 0 }

.news-header h1.title img { height: 1.4rem; margin: .4rem auto; }

.actions-modal-button:first-child, .actions-modal-label:first-child, .actions-modal-button:last-child, .actions-modal-label:last-child, .actions-modal-button:first-child:last-child, .actions-modal-label:first-child:last-child { border-radius: 0 }

.img-responsive { max-width: 100%; height: auto; display: block; position: relative; }

.no-before:before, .no-after:after { display: none !important }

.harf-border-top:after { content: ''; position: absolute; left: 0; top: auto; right: auto; top: 0; height: 1px; width: 100%; background-color: #eeeeee; display: block; z-index: 15; -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%; }

.harf-border-bottom:after { content: ''; position: absolute; left: 0; bottom: 0; right: auto; top: auto; height: 1px; width: 100%; background-color: #eeeeee; display: block; z-index: 15; -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%; }

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .harf-border-bottom:after, .harf-border-top:after { -webkit-transform: scaleY(.5); transform: scaleY(.5); }
}

/* =====================================================
 * News-Index
/* ==================News Index=========================*/
.index-slider img { width: 100%;height: 166px; }

.top-linke { display: block; }

.linke-list { background-color: #fff; height: 2.2rem; position: relative;display: flex;
    overflow-x: auto;
    justify-content: space-between;}

.linke-list li { 
    text-align: center;
    font-size: 14px;
    color: #283B42;
    font-weight: bold;
    flex-basis: 2.4rem;
    flex-shrink: 0;
    line-height: 2.2rem;
    white-space: nowrap;  
}

.linke-list li.active a { color: #ee0a00 }

.index-slider.swiper-container { padding-bottom: 0; }

.index-slider.swiper-container .swiper-pagination-bullet-active { background: #fff }

.adver-text { position: absolute; top: 0; right: 0; z-index: 10; font-size: .65rem; border: 1px solid #282828; padding: .1rem .2rem; }

#news-index .news-list .item-title-row { font-size: .70rem; margin-top: .2rem }

#news-index .news-list .item-text { color: #282828 }

#news-index .news-list .item-title, #news-index .news-list .item-after { color: #999 }

.content-news-main { margin: .5rem }

.news-title { padding-left: .6rem; position: relative; }

.news-title:before { content: ''; display: block; height: 0.9rem; width: .4rem; background: #ee0a00; position: absolute; left: 0; top: .2rem; }

.news-time { font-size: .7rem; color: #999; }

.news-content { margin: .5rem 0; font-size: .75rem; overflow-x: hidden }

.news-content h3 { text-align: center; font-size: .8rem; padding-bottom: .2rem; font-weight: 700; }

.news-content img { width: 100% }

.news-content p { line-height: 1.8; margin-bottom: .2rem; }

.news-content .eidt strong { margin-right: 10px }

/********************/
.tag:before { width: 0; height: 0; border-left: 70px solid #f14958; border-bottom: 13px solid #f14958; border-top: 13px solid #f14958; border-right: 8px solid transparent; color: #fff; \display: block; position: absolute; left: 0; content: ''; z-index: 10 }

.tag { display: block; position: relative; color: #fff; width: 3.5rem; height: 1.3rem; margin-top: .75rem; }

.tag p { position: absolute; z-index: 11; font-size: .7rem; padding-left: .375rem; line-height: 1.3rem; }

.comment-title { position: relative; height: 1.5rem; }

.comment-title h4 { line-height: 1.4rem; border-bottom: 2px solid #23ac38; float: left; margin-left: .75rem; }

.comment-list .item-title-row { font-size: .7rem; }

.comment-list .item-title-row i { margin-right: .3rem; }

.comment-list .item-subtitle { font-size: .65rem; color: #999; margin: 0 0 .25rem 0 }

.read-news-text .item-media img { width: 1.9rem; }

.read-news-text .item-title { color: #00A0E9 }

.add-zan { color: #f14958; }

.list-block .item-link .item-inner { background: none; padding-right: .75rem; }

.comment-list .item-title-row, .comment-list .item-text { color: #000; }

.comment-list .item-text { font-size: .7rem; margin-bottom: .25rem; }

.item-recomment { background: #f4f4f4; position: relative; display: block; padding: .3rem; }

.item-recomment .item-title a { color: #3d90c4 }

.item-recomment .item-title a span { color: #000 }

.item-recomment .item-text { margin-bottom: .1rem; }

.item-recomment .item-title-row { margin-bottom: .2rem; font-size: .65rem; }

.popup-overlay { z-index: 99; }

.list-block .item-content { -webkit-align-items: baseline; align-items: baseline; }

/*add*/
li { list-style: none }

.topAD_rem { background: rgba(0, 0, 0, .5); width: 100%; color: #fff; font-size: 12px; font-weight: normal; }

.swiper-container { width: 100%; height: auto; margin: 0 auto; height: 8.4rem; }

.swiper-slide a { display: block; max-height: 9rem; }

.swiper-slide p { line-height: 1.5rem; background: #f5f6f8; height: 1.5rem; margin: 0; padding: .15rem; }

.adver-text { border: 1px solid #999; padding: .1rem .2rem; position: absolute; z-index: 10; top: 0; right: 0; color: #999; border-radius: 4px }

.swiper-container-horizontal>.swiper-pagination{
    bottom: .4rem !important;
}

.page.page-current{overflow: visible;}
.item-media img{width: 6.5rem;height: 4rem;}