body{ background: #fff; max-width:640px; min-height:100%; height:auto;}
*{outline:none;box-sizing: border-box;}

/*head*/
.navigation {position:relative;z-index:3;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;height:0.9rem;padding:0 0.24rem;background:#4b84f9}
.navigation__sec {-webkit-box-flex:1;-webkit-flex:1;flex:1}
.navigation__hd {font-size:0.36rem;font-weight:bold;color:#fff;}
.navigation__sec {margin-left:0.44rem;height:0.6rem;line-height:1;color:#333;border-radius:0.3rem; overflow:hidden;border:1px solid #fff; background:#fff}
.home-search-inp {float:left;width:3.2rem;height:100%;line-height:.6rem;font-size:.26rem;border:0; background:#fff}
.navigation__sec .home-search {float:left;width:0.64rem;height:0.6rem;padding:0.14rem 0 0 0.2rem;}
.navigation__site-map {width:0.6rem;height:0.6rem;background:url(../images/index/i_r.png) 100% no-repeat;background-size:0.32rem  0.32rem}

/*banner*/
.swiper-pagination {position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10;}
.swiper-pagination-bullet-active {background:#fff;width:16px;height:8px;border-radius:4px;}
.banner-slide {padding:0px;}
.banner-slide a {display:block;overflow:hidden;background:#ccc;position:relative; height: 1.8rem;}

/*轮播图*/
.swiper-container {margin:0.2rem;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1; border-radius: 0.1rem;}
.swiper-container-no-flexbox .swiper-slide {float:left}
.swiper-container-vertical>.swiper-wrapper {-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
.swiper-wrapper {position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}
.swiper-container-android .swiper-slide,.swiper-wrapper {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.swiper-container-multirow>.swiper-wrapper {-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.swiper-container-free-mode>.swiper-wrapper {-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}
.swiper-slide {-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}
.swiper-invisible-blank-slide {visibility:hidden}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {height:auto}
.swiper-slide img { width: 100%; height: 100%;}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom {bottom:10px;left:0;width:100%}
.swiper-pagination-bullet {width:8px;height:5px;display:inline-block;border-radius:3px;background:#000;opacity:.2}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 4px}
.swiper-pagination-bullet-active {background:#fff;width:16px;height:5px;border-radius:4px;opacity:1}



/*menu*/
.category {margin-top:0.18rem;padding:0 0.2rem}
.category__row {display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.category__item {margin-bottom:0.2rem}
.category__item__icon {width:1.2rem; text-align:center }
.category__item__icon img {width:0.48rem;height:auto; margin:0.16rem}
.category__item__txt {font-size:0.22rem;line-height:1;text-align:center;color:#333}

/*nav*/
.nav_scoll{ margin:0 0 0.2rem; clear: both;  overflow: hidden; background: #fff; padding:0 0.2rem 0 0.1rem; z-index: 1;position:relative;}
.nav_scoll ul{ display: flex;}
.nav_scoll ul li{ flex: 1;margin:0 0 0 .12rem;  position: relative; background-color: #ff8a64;border-radius: 5px;}
.nav_scoll ul li:nth-child(2){ background-color: #977dff;}
.nav_scoll ul li:nth-child(3){ background-color: #6bbeff;}
.nav_scoll ul li a{color: #fff; display: block; width: 100%; height: 100%;font-size:0.24rem; text-align: center; line-height: 1rem;}

/*切换*/
.listcase .title{padding: 0.2rem 0.4rem 0.3rem; overflow: hidden;display:flex;justify-content:center; }
.listcase .title ul{ width: 4.8rem; height:0.55rem; line-height:0.55rem; border: 1px solid #2088ff; border-radius: 0.28rem; text-align: center; font-size:0.26rem; overflow: hidden; background: #fff; float: left;}
.listcase .title li{width: 50%;float: left;}
.listcase .title li a{display: block; color: #A6A6B0; height:100%;}
.listcase .title li.on a{ background: #2088ff; color: #fff;}

/*cate*/
.section__head {display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;width:100%;font-size:0}
.section__head__bd {-webkit-box-flex:1;-webkit-flex:1;flex:1;padding-left:16px}
.section__head__ft {padding-right:16px}
.section__title {font-size:0.28rem;color:#000;position:relative;padding-left:0.2rem; font-weight: normal}
.section__title:before {content:'';width:0.06rem;height:0.2rem;background-color:#ff5265;background:#2088ff;display:inline-block;position:absolute;left:0;top:0.09rem;}
.section__more {font-size:0.24rem;line-height:1;color:#999}

.cate_list{ margin-top:0.3rem}
.more_cate{  text-align:center; clear:both}
.more_cate a{ display:inline-block; border-radius:0.3rem; width:80%; line-height:0.6rem; font-size:0.28rem; color:#444950;background: #f0f3f4; margin-bottom:0.3rem;}
.more_cate a:active{ color:#fff; background:#2088ff}

.show-list{cursor:pointer;-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.show-list .show-list-sub {width:44.9%;margin:0 0 0.3rem 3.5%;display:inline-block;}
.show-list .show-img-bg {text-align:center;background-color:#ececec;width:100%;height:0;padding-bottom:110%;overflow:hidden;position:relative}
.show-list .show-title {color:#666;font-size:0.24rem;padding:0.2rem 0 0.06rem 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.show-list .show-bottom{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.show-list .show-bottom span {font-size:0.24rem;color:#999}
.show-list .show-bottom .jl_like{cursor:pointer; width:0.32rem; height:0.32rem; background:url(../images/index/like.png) no-repeat; background-size:0.32rem auto; float:right; margin-right:0.05rem;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.show-list .show-bottom .jl_like.on{background:url(../images/index/like_on.png) no-repeat; background-size: 0.32rem auto;}
.show-list .show-bottom .user-icon {display:inline-block;*display:inline;_zoom:1;width:0.32rem;height:0.32rem;background:url(../images/index/resume_common.png) no-repeat;background-size:0.32rem auto;vertical-align:top; margin-right:5px;}
.show-list .use-num {color:#ff7e1f!important;margin-left:5px}
.show-list .show-img-bg img {margin-top:5%;width:90%;}
.show-list {font-size:0;margin-top:0.3rem;display:flex;flex-wrap:wrap;}
.more-pros {display:block;width:3rem;line-height:0.24rem;margin:0.16rem auto 0.2rem;padding:0.17rem;font-size:0.24rem;color:#A6A6B0;text-align:center;border:0.01rem solid #A6A6B0;-webkit-border-radius:0.05rem;border-radius:0.3rem;}

.vipbanner{ margin: 0 0.2rem;}
.vipbanner img{width: 100%;}


/* 资讯 */
.news_list{ margin-top: 0.3rem;}
.news_list.news{ padding-bottom:0}
.news_list .new_cont{ clear:both; overflow:hidden; margin:0.06rem 0.2rem 0;}
.news_list .new_item_li {position:relative;width:50%;float:left;padding:0.2rem 0.2rem; border-bottom:1px solid #eee; border-right:1px solid #eee}
.news_list .new_item_li:nth-child(2n){ border-right:none;}
/* .news_list .new_item_li:nth-child(9),.news_list .new_item_li:nth-child(10){ border-bottom:none;} */
.news_list .new_item_li a{ display:flex;}
.left_icon{ width:30px; background:url('../images/index/online.png') no-repeat left 3px; background-size:20px;}
.right_c{ flex:1}
.r_top{ font-size:0.24rem; color:#000; font-weight:bold; width:100%; height:0.3rem;line-height:0.32rem;text-overflow: ellipsis;overflow:hidden;}
.t_bottom{ font-size:0.2rem; color:#999; margin-top:0.16rem;width:100%; height:0.3rem; line-height:0.3rem; overflow:hidden;}