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%;}