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:1.08rem;padding:0 0.24rem;background:#fff}
.navigation__sec {-webkit-box-flex:1;-webkit-flex:1;flex:1}
.navigation__hd {font-size:0.36rem;font-weight:bold;color:#2088ff;}
.navigation__sec {margin-left:0.44rem;height:0.6rem;line-height:1;color:#333;border-radius:0.3rem; overflow:hidden;border:1px solid #ddd; background:#f2f3f6}
.home-search-inp {float:left;width:2.2rem;height:100%;line-height:.6rem;font-size:.26rem;border:0; background:#f2f3f6}
.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:after {content:"";position:absolute;left:0;bottom:0;z-index:2;width:100%;height:28px;background:url(../images/index/banner_bt.png) 0 0 no-repeat;background-size:100% 100%;}
.banner-slide {padding:0 16px;}
.banner-slide a {display:block;border-radius:15px 15px 0 0;overflow:hidden;background:#ccc;position:relative;}
.banner-slide a:before {content:"";display:block;height:0;padding-top:40.2332%;}
.banner-slide img {position:absolute;left:0;top:0;width:100%;height:100%;}

/*menu*/
.category {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}

/*切换*/
.listcase .title{padding: 0.2rem 0.4rem; overflow: hidden;display:flex;justify-content:center; }
.listcase .title ul{ width: 3.2rem; 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;}

.show-list{-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;}