html, body { background-color: #f5f5f5; }
.text a { color: inherit; }

/* 头条 */
.tt-part{
    padding: 0.2rem 0.3rem;
    width: 100%;
    position: relative;
}
.ttbox {
    padding: 0.2rem 0.2rem;
    width: 100%;
    height: 1.5rem;
    background-color: #fff;
    border-radius: 0.1rem;
    position: relative;
}
.ttbox .icon-tt {
    width: 0.73rem;
    display: block;
    position: absolute;
    top: -0.1rem;
}
.ttbox .tt-container {
    padding-left: 1.14rem;
    padding-right: 0.6rem;
    width: 100%;
    height: 100%;
    position: relative;
}
#ttSwiper {
    width: 100%;
    height: 100%;
    position: relative;
}
#ttSwiper .swiper-wrapper {
    flex-direction: column;
}
#ttSwiper .tt-tit {
    width: 100%;
    height: 100%;
    line-height: 1.3;
    color: #005193;
    font-size: 0.35rem;
    font-weight: bold;
    display: flex;
    align-items: center;
}
/* 图片新闻 */
#tpxwSwiper {
    width: 100%;
    height: 100%;
    position: relative;
}
#tpxwSwiper .swiper-wrapper .swiper-slide {
    position: relative;
    text-align: center;
}
#tpxwSwiper .swiper-wrapper > .swiper-slide img {
    width: 100%;
    height: 4.68rem;
}

/* 自定义底部分页器 */
#tpxwSwiper .swiper-pagination-bullets {
    padding-right: 0.2rem;
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0.03rem;
    left: auto;
    width: 20%;
    text-align: right;
}
#tpxwSwiper .swiper-pagination-bullets > .swiper-pagination-bullet {
    margin: 0 0.04rem;
    width: 0.12rem;
    height: 0.12rem;
    border-radius: 0;
    background-color: #fff;
}
/* 自定义底部content条框 */
#tpxwSwiper .swiper-slide > .pic-content {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 0.4rem;
    line-height: 0.4rem;
    text-align: left;
    background-color: rgb(0, 0, 0, 0.5);
}
#tpxwSwiper .swiper-slide > .pic-content > a {
    display: block;
    width: 78%;
    height: 0.4rem;
    padding-left: 0.2rem;
    color: #fff;
    white-space:nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
#tpxwSwiper .swiper-slide > .pic-content > a:hover {
    text-decoration: underline;
}
/* 自定义按钮 */
#tpxwSwiper .swiper-button-next:after, 
#tpxwSwiper .swiper-button-prev:after { 
    font-size: 0.24rem; 
}
#tpxwSwiper > .swiper-button-next, 
#tpxwSwiper > .swiper-button-prev { 
    width: 0.3rem; 
    height: 0.6rem; 
    line-height: 0.6rem;
    display: block; 
    color: #fff; 
    text-align: center; 
    background-color: #000; 
}
/* 栏目 */
.channel-part {
    padding: 0.2rem 0.3rem;
    width: 100%;
    position: relative;
}
.channelbox {
    padding: 0.3rem 0.25rem;
    width: 100%;
    background-color: #fff;
    border-radius: 0.1rem;
    position: relative;
}
.channelbox .channel-title {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.channelbox .channel-title .tit {
    padding-left: 0.38rem;
    color: #015293;
    font-size: 0.3rem;
}
.channelbox .channel-title .tit:before {
    content: " ";
    position: absolute;
    left: 0.16rem;
    top: 0.06rem;
    width: 0.1rem;
    height: 0.39rem;
    background-color: #015293;
}
.channelbox .channel-title .more {
    color: #999;
    font-size: 0.28rem;
}
/* tab */
.tab-part {
    padding: 0.2rem 0.3rem;
    width: 100%;
    position: relative;
}
.tabbox {
    padding: 0.3rem 0.25rem;
    width: 100%;
    background-color: #fff;
    border-radius: 0.1rem;
    position: relative;  
}
.tabbox .tab-title {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #cca467;
    border-top-left-radius: 0.1rem;
    border-top-right-radius: 0.1rem;
}
.tabbox .tab-title .tab-item {
    width: 33.3%;
    height: 0.9rem;
    line-height: 0.9rem;
    color: #fff;
    font-size: 0.32rem;
    text-align: center;
}
.tabbox .tab-title .tab-item.active {
    font-size: 0.38rem;
    font-weight: bold;
    border-top-left-radius: 0.1rem;
    border-top-right-radius: 0.1rem;
    background-color: #015293;
}
.tabbox .tab-conwrap .more {
    margin-top: 0.3rem;
    color: #999;
    font-size: 0.28rem;
    text-align: center;
    display: block;
}
/* 县区动态 */
#dtTabs .tab-title .tab-item { width: 50%; }
/* 新闻 */
.newsList {
    width: 100%;
    position: relative;
}
.newsList .newsItem {
    width: 100%;
    height: auto;
    border-bottom: 1px dotted #dbdbdb;
    position: relative;
}
.newsList .newsItem:last-child {
    border-bottom: none;
}
.newsList .newsItem .text {
    margin-top: 0.3rem;
    padding-left: 0.2rem;
    color: #3e3e3e;
    font-size: 0.28rem;
    font-weight: 500;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.newsList .newsItem .text:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0.15rem;
    width: 0.08rem;
    height: 0.08rem;
    border-radius: 50%;
    background-color: #000;
}
.newsList .newsItem .label {
    margin-top: 0.1rem;
    margin-bottom: 0.2rem;
    padding-left: 0.2rem;
    width: 100%;
    position: relative;
}
.newsList .newsItem .label span {
    color: #7b7b7b;
    font-size: 0.24rem;
}
.newsList .newsItem .label span.split-span {
    margin: 0 0.05rem;
}
/* 专题 */
.ztzl-part {
    padding: 0.2rem 0.3rem;
    width: 100%;
    position: relative;
}
.ztzlbox {
    width: 100%;
    height: auto;
    position: relative;
}
.ztzlbox img {
    margin: 0 auto;
    width: 100%;
    height: auto;
    display: block;
    border-radius: 0.1rem;
}

#ttSwiper .swiper-wrapper { flex-direction: column; }
#tpxwSwiper .swiper-slide > .pic-content { padding-left: 0.2rem; color: #fff; font-size: 0.28rem; height: 0.6rem; line-height: 0.6rem; }
#tpxwSwiper .swiper-pagination-bullets { bottom: 0.15rem; }
/* 首页 */
#ttSwiper .tt-tit { font-size: 0.35rem; }
#tpxwSwiper .swiper-button-next:after, #tpxwSwiper .swiper-button-prev:after { font-size: 0.24rem; }
.channelbox .channel-title .tit { font-size: 0.38rem; }
.channelbox .channel-title .more { font-size: 0.28rem; }
.tabbox .tab-title .tab-item { font-size: 0.32rem; }
.tabbox .tab-title .tab-item.active {  font-size: 0.38rem; }
.tabbox .tab-conwrap .more { font-size: 0.28rem; }
.newsList .newsItem .text { font-size: 0.32rem; }
.newsList .newsItem .label span { font-size: 0.26rem; }
.channelbox .channel-title .tit:before { top: 0.16rem }





