pfhwyigou/wechat/web/css/news.css

body {background-color:#FFF;}


.Home-header{ background: #fff;position:fixed;top:0;left:0;z-index:100;width:100%;}
.Home-header-box{ position: relative; height: 50px; z-index: 10; background: #fff;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  will-change: transform;
  -webkit-transition: -webkit-transform .5s;
  transition: -webkit-transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s;
  max-width: 750px; margin: 0 auto;
}
.Home-header-box .header-left{position: absolute; left: 8px; top: 50%; z-index: 2; width: 36px; height: 36px; margin-top: -18px;}
.Home-header-box .header-left a{display: inline-block; width: 100%; height: 100%;}
.Home-header-box .header-left a img{display: block; width:11px; height: 18px; margin: 0 auto;position: relative; top: 8px;}
.Home-header-box .header-right{position: absolute; right: 8px; top: 50%; z-index: 2;width: 36px; height: 36px; margin-top: -18px;}
.Home-header-box .header-right a{display: inline-block; width: 100%; height: 100%;}
.Home-header-box .header-right.header_menu a#menu{background:none; width: 100%; height: 100%;position: relative;top:auto;left: auto}
.Home-header-box .header-right a img{display: block; width:21px; height: 21px; margin: 0 auto;position: relative; top: 8px;}
.Home-header-box .header-center{ width: 70%; margin: 0 auto;  padding-top: 9px;}
.Home-header-box .header-center a{ display: block; width: auto; height: 30px; text-align: center;}
.Home-header-box .header-center a img{width: auto;height: 100%;}
.Home-header-box .header-center a span{display: inline-block; margin-left: 3px;}
.bot {position:absolute;height:20px;bottom:-8px;background:#fff;border-radius:10px;width:100%;}

.Home-header-box.is-hidden {
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
}

.Home-header-nav{
width:100%;
/*box-shadow:0px 5px 8px 0px rgba(177,177,177,0.16); */
z-index: 10; 
position: relative; 
background: #fff; 
height: 0px; 
overflow: hidden; 
line-height: 30px;
-webkit-transform: translateZ(0);
  transform: translateZ(0);
  will-change: transform;
  -webkit-transition: -webkit-transform .5s;
  transition: -webkit-transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s;}
.header-nav-list{position:absolute;}
.header-nav-list ul li{float: left;}
.header-nav-list ul li a{ display: block; font-size: 0.937rem; color: #333; margin: 0 23px;}
.header-nav-list ul li a span{display: block;}
.header-nav-list ul li a i{display: block; height: 3px; width:100%; background: #fff; border-radius: 10px;}
.header-nav-list ul li.cur a{color: #4976F1;}
.header-nav-list ul li.cur a i{background-color: #4976F1;}

.Home-header-nav.fixed {
  position: fixed;
  top: 50px;
  height: 50px;
  /*padding:7px 0 8px; */
}
.Home-header-nav.slide-up {
  -webkit-transform: translateY(-50px);
      -ms-transform: translateY(-50px);
          transform: translateY(-50px);
}






.w_wek_box {height:55px;line-height:55px;}
.w_a {margin:0 10px;position:relative;}
.w_a > a {background:#FFF;display: inline-block;width: 100%;height:40px;line-height:40px;border-radius: 5px;padding-left: 38px;color:#999;font-size:0.8125rem;
border:1px solid #EEE;
box-shadow: 0px 0px 12px 0px #f2f2f2;
}
.w_a > i {position:absolute;left:15px;top:0px;width:16px;height:16px;}
.w_a > i >img {display:inline-block;width:100%;height:100%;}

.y_homelist_head{ background: #fff;position:fixed;top:0;left:0;width:100%;z-index:10;box-shadow:0px 0 7px 0px rgba(213, 211, 211, 0.42);}
.y_homelist_bg{ position: relative;}
.y_homelist_bg .y_tu{ height: 140px; width: 100%;}
.y_homelist_bg .y_tu img{ height: 100%; width: 100%;}
.y_homelist_bg .y_input{ width: 75%; margin: 0 auto; position: absolute; z-index: 10; bottom: -15px;left: 50%; margin-left:-37%; }
.y_homelist_bg .y_input .y_lplist_inp{ display: inline-block; font-size: 1rem; color: #999; background: url('../image/ico_14.png') #fff no-repeat 12px center; padding-left: 40px; height: 35px; line-height: 35px; width: 100%; border-radius: 30px; border:none; background-size: 22px; box-shadow: 0px 1px 6px 0px #ccc;}
.wm-top .w_a {margin: 0 50px;}
.wm-top .header_menu a {background: url(../image/v2/search2.png) no-repeat center;background-size:46%;}
.wm-top .header_back {padding:0 0 0 15px;}


/* 顶部轮播 */
.m_swiper_box{padding:0 15px;margin-top:18px;position:relative;}
.news_banner {position:relative;overflow:hidden;border-radius:5px;overflow:hidden;}
.news_banner .baner {position:relative;}
.news_banner .baner img{display:block;width:100%;height:168px;}
.news_banner .baner .font_box {font-weight: bold; font-size:0.95rem;padding:23px 10px 18px 10px;position:absolute;left:0;bottom:0;color:#fff;width:100%;
background:-webkit-gradient(linear, 0 0, 0 bottom, from(rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, 0.5)));
           -moz-linear-gradient(linear, 0 0, 0 bottom, from(rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, 0.5)));
           -o-linear-gradient(linear, 0 0, 0 bottom, from(rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, 0.3)));

}


.y_lphomepc_swip{overflow: hidden; width: 100%; height: auto; position: relative;}

.y_centerpc{height: 210px; position: relative;}
/*.y_longhr{width:100%;position:absolute;bottom:33px;}*/
.y_longhr .swiper-pagination{width: 100%;bottom:3px;}
.y_longhr .swiper-pagination-bullet{ width:4px;height:4px; margin: 0 3px;background:#FFF;}
.y_longhr .swiper-pagination-bullet-active{width:11px;border-radius:10px;}

/*列表导航*/
.find_nav {width: 100%; height:50px;background-color: #fff;border-bottom: 1px solid #ddd;display: -moz-box;display: -webkit-box;display: box;}
.find_nav_left {height: 46px;position: relative;overflow: hidden;-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:inline-block;width: 100%;height: 100%;line-height: 25px;font-size: 0.875rem;text-align: center;color: #666;}
.find_nav_cur a {font-size:0.98rem;padding:1px 10px;}
.find_nav_cur a.on {background-color:#EED076;color:#B79328;border-radius:15px;}
.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_list ul li.cur a {color:#333;font-size:1.0625rem;font-weight:bold;}
.find_nav_list ul li.cur {position:relative;}
.find_nav_list ul li.cur:after {content:"";display:inline-block;width:10px;height:2px;background:#D50000;position:absolute;left:50%;bottom:3px;margin-left:-5px;}

.find_nav {display:none;}

/* 列表 */
.news_list {padding:0px 15px 20px;}
.news_list .ns  .plan_one{margin-top:27px;}

/*方案一*/
.plan_one{background-color:#fff;}
.plan_one > a {display:block;}
.plan_one .plan_one_title {display:inline-block;vertical-align:top;width:63%;height:85px;position:relative;}
.plan_one .plan_one_title p:first-child {font-size:1rem;line-height:23px;font-weight:bold;color:#333;}
.plan_one .plan_one_title p:last-child {font-size:0.7rem;color:#979797;width:100%;position:absolute;bottom:0;}
.plan_one .plan_one_title p:last-child span.data {}
.plan_one .plan_one_title p:last-child i{font-size:0.7rem;color:#999;margin:0 5px;}
.plan_one .plan_one_img {overflow: hidden; display:inline-block;vertical-align:top;width:32%;border-radius:5px;height:85px;float:right;}
.plan_one .plan_one_img img {display:block;width:100%;height:100%;}


.guis{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;float:left;max-width:55%;}


.wint {display:block;text-align:center;margin-top:30px;}
.wint img {display:inline-block;width:228px;height:168px;}

/*方案二*/
/*.plan_two > a {display:block;}
.plan_two_title {font-size:1rem;font-weight:600;line-height:23px;}
.plan_two_img {padding:10px 0;}
.plan_two_img ul li {display:inline-block;width:32%;}
.plan_two_img ul li img {display:block;width:100%;height:80px;}
.plan_two_img ul li + li {margin-left:1%;}
.plan_two_label {font-size:0.7rem;color:#979797;}
.plan_two_label span.data {position:relative;left:20px;}
.plan_two_label span.see {float:right;position:relative;right:15px;}
.plan_two_label span.see img {display:inline-block;width:15px;position:relative;right:5px;}


方案三 
.plan_three_img {padding:10px 0;}
.plan_three_img img {display:block;width:100%;height:183px;}
*/



/* 加载更多 */
.dropload-down {text-align:center;padding:12px 0;}

/* 特殊要求 */
.my_needs ,.my_needs_tit,.my_needs_note,.my_needs_icon,.home_module_channel,.channel_list,.footer_copy,.wh {display:none;}



/*媒体查询*/
@media screen and (min-width: 320px) and (max-width: 374px) {  
	.plan_one .plan_one_title p:first-child {font-size:0.85rem;}
	.guis{width:27%;}  
}



/*导航*/
.m_albumtnav_box{width:100%;padding:0 15px;margin-top:26px;}
.wrapper02_box{width:100%;border-bottom:1px solid #EEE;padding-bottom:25px;}
.wrapper02 {position:relative;height:50px;overflow: hidden;margin:0 auto;}
.wrapper02 .scroller {position:absolute;}
.wrapper02 .scroller ul{width:100%;}
.wrapper02 .scroller li {display:block;position:relative;width:74.4px;float: left;text-align:center;border-radius:3px;}
.wrapper02 .scroller li img{width:30px;height:30px;}
.wrapper02 .scroller li p{font-size:0.75rem;color:#424242;margin-top:5px;}
.wrapper02 .scroller li.cur p{color:#D50000;}
/*.wrapper02 .scroller li.cur a{color:#4292F1;}*/
.wrapper02 .scroller li a i{display:block;background:#000;height:2px;position: absolute;bottom:3px;left:50%;width:80%;border-radius:20px;margin-left:-40%;}