pfhwyigou/mobile/web/css/news/newslist.css

.wcopy {display:none;}

.y_header {height:50px;background:#fff;position:fixed;top:0;left:0;width:100%;z-index:9999}
.header_back {position:absolute;left:13px;top:13px;width:18px;height:15px;}
.header_back a {display: inline-block;width: 18px;height:15px;position: absolute;left:0;top: 50%;margin-top: -8px;}
.header_back a img {display:inline-block;width:100%;height:100%;}
.header_menu {position:absolute;top:14px;right:16px;width:18px;height:18px;}
.y_input {margin:0px 50px 0;height:50px;line-height:50px;text-align:center;font-size:1.2rem;}
.y_input input {display:block;width:100%;height:32px;line-height:33px;background:#fff;border:none;border-radius:3px;font-size:0.8rem;color:#666;padding:0 5px 0 42px;}
.y_input input::-ms-input-placeholder{color:#ccc}
.y_input input::-webkit-input-placeholder{ color:#ccc}
.y_input input::-moz-placeholder{color:#ccc}

.y_input i{display:inline-block;position:absolute;top:12px;left:60px;}

/*资讯导航*/
.newslist_header{ padding: 5px 0px 0; width: 95%; margin: 0 auto;}
.find_nav {width: 100%; height:50px;background-color: #fff;display: -moz-box;display: -webkit-box;display: box;overflow:hidden;}
.find_nav_left {height: 46px;position: relative;-moz-box-flex: 1;-webkit-box-flex: 1;box-flex: 1;}
.find_nav_list {position: absolute;left: 0;top:10px;}
.find_nav_list ul {position: relative;white-space: nowrap;font-size: 0;}
.find_nav_list ul li {display: inline-block;padding: 0 10px;}
.find_nav_list ul li a{ display: block; font-size: 1rem; color: #999; font-weight: 600;}
.find_nav_list ul li a span{ display: block;}
.sideline { display: block;position: absolute;border: 0;height: 2px;background-color: #48a5f4;left: 0;top: 43px;pointer-events: none;}
.search_logo {display: block;width: 44px;height: 45px;line-height: 45px;text-align: center;font-size: 14px;color: #48a5f4;}
.find_nav_cur a.on {color:#E03700;}
.find_nav_cur a.on i{ width: 14px; height:2px; background:#E03700; margin:8px auto 0; display: block;border-radius:1px;}


/*轮播图*/
.newslist_slide{overflow: hidden;}
.newslist_slide_main{position: relative; overflow: hidden;}
.newslist_slide_main ul li{ width: 100%; height: auto; position: relative;height:220px;}
.newslist_slide_main ul li p.img{ width: 100%; height: 100%;}
.newslist_slide_main ul li p.img img{ width: 100%; height:100%;}
.newslist_slide_main ul li p.title{ z-index: 2; text-overflow:ellipsis; white-space:nowrap; width: 100%; height: auto; position: absolute; left: 0px; bottom: 0px; background: rgba(0,0,0,0.4); font-size: 0.9rem; overflow: hidden; color: #fff; padding:10px 10px;}
.newslist_slide_main .swiper-pagination{ width: auto; right: 20px; left: auto; z-index: 10;}
.newslist_slide_main .swiper-pagination-bullet{ background: #fff; opacity: .4;width:6px;height:6px;}
.newslist_slide_main .swiper-pagination-bullet-active {background:#E03700; opacity: 1;}





/*政策类型*/

.newslist_type{border-bottom: 1px solid #f4f8fb; padding: 20px 0; overflow: hidden; position: relative; width: 100%;}
.newslist_type_main{ width: 100%; margin: 0 auto;}
.newslist_type_main a{ display: block; float: left; width: 25%; height: auto;}
.newslist_type_main a p.ico{width:45px; height:45px; margin: 0 auto;}
.newslist_type_main a p.ico img{width: 100%; height: 100%;}
.newslist_type_main a p.title{font-size: 0.95rem; color: #333;text-align: center; margin-top: 8px;}



/*政策类型
.newslist_type{border-bottom: 1px solid #f4f8fb; padding: 20px 0; overflow: hidden;}
.newslist_type_main{ width: 95%; margin: 0 auto; }
.newslist_type_list{ height: auto;}
.newslist_type_list_m{ height: 90px;}
.newslist_type_list_ul ul li{}
.newslist_type_list_ul ul li a{ display: block; margin: 0 5px;}
.newslist_type_list_ul ul li a p.ico{width: 50px; height: 50px; margin: 0 auto;}
.newslist_type_list_ul ul li a p.ico img{width: 100%; height: 100%;}
.newslist_type_list_ul ul li a p.title{font-size: 0.95rem; color: #333;text-align: center; margin-top: 8px;}

*/






/*最新看点*/
.newslist_slide{overflow: hidden;}
.newslist_hot_main{ width: 90%; margin: 0 auto; }
.newslist_hot_main ul li.one{ padding: 15px 0 5px;}
.newslist_hot_main ul li.one p span:nth-child(1){display: block; float: left; font-size: 1.8rem; color: #333;}
.newslist_hot_main ul li.one p span:nth-child(2){display: block; float: left; margin-left: 8px; position: relative; top: 5px;}
.newslist_hot_main ul li.one p span:nth-child(2) i{display: block; width: 7px; height: 7px; background: #ffdb00; border-radius: 30px;}
.newslist_hot_main ul li.one p span:nth-child(2) em{ display: block; font-size: 0.95rem; color: #333; margin-top: 3px;}
.newslist_hot_main ul li.hotlist{ padding: 15px 0;}
.newslist_hot_main ul li.hotlist p.title i{ display: block; width: 7px; height: 7px; background: #ffdb00; border-radius: 30px; float: left; position: relative; top: 8px;}
.newslist_hot_main ul li.hotlist p.title span{margin-left: 8px; width: 93%; float: left;display: block; font-size: 1rem; color: #333;line-height: 25px; font-weight: 600;}
.newslist_hot_main ul li.hotlist p.time{ font-size: 0.8rem; color: #ccc; margin-top: 8px; position: relative; left: 15px;}

.newslist_hot_main ul li:nth-child(3){ border-top: 1px solid #eeeeee;}




/*资讯列表*/
.newslist_list{overflow: hidden;}
.newslist_list_main{ width: 90%; margin: 0 auto;/* padding: 10px 0;*/}
.newslist_list_main ul li{ padding:20px 0;}
.newslist_list_main ul li+li{border-top: 1px solid #eeeeee;}

/*无图 */
.newslist_list_main ul li.noimg p.title i{ display: block; width: 7px; height: 7px; background: #ffdb00; border-radius: 30px; float: left; position: relative; top: 8px;}
.newslist_list_main ul li.noimg p.title span{margin-left: 8px; width: 93%; float: left;display: block; font-size: 1rem; color: #333;line-height: 25px; font-weight: 600;}
.newslist_list_main ul li.noimg p.time{ font-size: 0.8rem; color: #ccc; margin-top: 8px; position: relative; left: 15px;}

/*1图 小图*/
.newslist_list_main ul li.oneimg p.title{width: 63%; float: left; position: relative; height:82px;}
.newslist_list_main ul li.oneimg p.img{width:109px; float: right; border-radius:3px; overflow: hidden; height:82px;}
.newslist_list_main ul li.oneimg p.img img{ width: 100%; height: 100%;}
.newslist_list_main ul li.oneimg p.title span:nth-child(1){ display: block; font-size: 1rem; color: #333; line-height: 25px;font-family: 'PingFang-Bold'; }
.newslist_list_main ul li.oneimg p.title span:nth-child(2){ position: absolute; left: 0px; bottom: 0; display: block; font-size: 0.8rem; color: #ccc;}

/*1大图 */
.newslist_list_main ul li.bigimg p.title span:nth-child(1){ display: block; font-size: 1rem; color: #333; font-weight: 600; line-height: 25px;}
.newslist_list_main ul li.bigimg p.title span:nth-child(2){ display: block; font-size: 0.8rem; color: #ccc; margin-top: 5px;}
.newslist_list_main ul li.bigimg p.img{ margin-top: 10px; width: 100%; height: 170px; border-radius: 5px; overflow: hidden;}
.newslist_list_main ul li.bigimg p.img img{ width: 100%; height: 100%; }

/*3图*/
.newslist_list_main ul li.listimg p.title span:nth-child(1){ display: block; font-size: 1rem; color: #333; font-weight: 600; line-height: 25px;}
.newslist_list_main ul li.listimg p.title span:nth-child(2){ display: block; font-size: 0.8rem; color: #ccc; margin-top: 5px;}
.newslist_list_main ul li.listimg p.img{ margin-top: 10px;}
.newslist_list_main ul li.listimg p.img i{ display: inline-block; width: 31.5%; height: 90px;}
.newslist_list_main ul li.listimg p.img i img{  width: 100%; height: 100%;}
.newslist_list_main ul li.listimg p.img i+i{ margin-left: 1%;}

@media (max-width: 320px){
    .newslist_type_main a p.ico {width:40px;height:40px}
    .newslist_type_main a p.title {font-size:0.9rem;}
}


.dropload-up,.dropload-down{
    position: relative;
    height: 0;
    overflow: hidden;
    font-size: 12px;
    /* 开启硬件加速 */
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
}
.dropload-down{
    height: 50px;
}
.dropload-refresh,.dropload-update,.dropload-load,.dropload-noData{
    height: 50px;
    line-height: 50px;
    text-align: center;
}
.dropload-load .loading{
    display: inline-block;
    height: 15px;
    width: 15px;
    border-radius: 100%;
    margin: 6px;
    border: 2px solid #666;
    border-bottom-color: transparent;
    vertical-align: middle;
    -webkit-animation: rotate 0.75s linear infinite;
    animation: rotate 0.75s linear infinite;
}
@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(360deg);
    }
}