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

/* 搜索框 */
.mt60{margin-top: 1rem;}
.mt30{margin-top: 0.4rem;}
.headcontent .navbar-nav{display: flex;flex: 1;justify-content: space-around; align-items: center;}
.headcontent .navbar-nav a{color: #555; font-size: 0.26rem;}
.headcontent .backUp{ line-height:0.8rem;font-size: 0.26rem; color: #888; display: inline-block; margin-left: 0.2rem;}

/*导航菜单	*/
.list_menu{ position:relative; overflow:hidden; clear:both; background-color: #fff; border-bottom: 1px solid #eee;}
.list_menu .moreList{ position:absolute; right:10px; top:0.2rem; width:0.9rem; height:0.46rem; background:#e6e6e6; border-radius:0.3rem; display:flex;justify-content: center;align-items: center;}
.list_menu .moreList i{border-bottom: 1px solid #aba9b5; border-right: 1px solid #aba9b5;width: 0.2rem; height: .2rem; display: inline-block;transform: rotate(45deg); margin-top:-6px;transition:all 0.2s;}
.list_menu .moreList i.up{transform: rotate(-135deg); margin-top:5px}
.list_menu ul{display: flex;flex-wrap: wrap; margin:0.2rem 0.2rem 0; overflow:hidden;box-sizing:border-box; transition: height .5s linear;}
.list_menu ul li{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.list_menu ul li a{ display:inline-block;  padding:0.06rem 0.18rem; border-radius:20px;font-size:0.24rem;margin:0 0.2rem 0.24rem 0; color:#000}
.list_menu ul li.on a{background-color:#3191f5; color:#fff;}
.list_menu .more_cate:after{content:''; margin-left:0.05rem;border-top: 1px solid #444950; border-right: 1px solid #444950; width: 0.14rem;height: .14rem; display: inline-block;  transform: rotate(45deg);}


/* 分类列表 */
.cate_cont{background-color: #fff;padding: 0.2rem 0 0.3rem;}
.cate_cont .c_title{ margin:0 0.2rem; font-size: 0.24rem; color: #999;position:relative; padding-left:0.2rem;}
.zm_color{color:#3191f5 ;}
.cate_cont .c_title h1{ font-size:0.28rem; font-weight:bold; color:#000; display:inline-block;}
.cate_cont .c_title:before{ content:''; width:0.06rem; height:0.2rem; background-color:#3191f5;display:inline-block; position:absolute; left:0; top:0.1rem;}
.cate_cont .c_title span{ margin-left:0.2rem; color:#666; font-size:0.22rem;}


.common_list_cont .waterfall_column .list_li {position:relative; width: 100%;padding: 0;margin-top:14px;overflow: hidden; }
.cate_list .waterfall_column {width: 33%;padding: 0 8px;}
.common_list_cont.cate_list{border-top-color: #fff;}


/* 推荐模板 */
.section__head__bd {-webkit-box-flex:1;-webkit-flex:1;flex:1; position: relative;padding: 0.2rem 0.2rem 0;}
.section__title {font-size:0.26rem;color:#000;position:relative;padding-left: 0.16rem;}
.section__title:before {content:'';width:0.06rem;height:0.24rem;background:#3191f5;display:inline-block;position:absolute;left:0;top:0.07rem;}
.section__head__bd .more{position:absolute;right:0.1rem;top:0.2rem;font-size:0.22rem;font-weight: normal;}
.section__head__bd .more a{color:#666;}
.about_muban{ clear:both; overflow:hidden; background-color: #fff; padding: 0 0.1rem 0.3rem;}
.about_muban .list_li {position:relative;width:calc(100% / 3);float:left;padding:0 8px;margin-top:15px;}
.about_muban .list_li .item_bg {width:100%;border-radius:3px 3px 0 0;overflow:hidden;background-color: #fff;}
.about_muban .list_li .item_bg img {width:100%;height:100%;}
.about_muban .list_li .item_title { background:rgba(255,255,255,0.8); height:0.5rem; line-height:0.5rem; color:#666; text-overflow:ellipsis;white-space:nowrap;overflow:hidden; text-align:center; padding:0 5px;font-size:0.22rem;}


/* 标签list */
.tags_list{ padding: 0.3rem;}
.tags_list li{display: inline-block;}
.tags_list a{ padding: 0.06rem 0.2rem; border: 1px solid #ddd; border-radius: 0.1rem;display: inline-block; background-color: #fff; font-size: 0.22rem; margin: 0 0 0.1rem 0.1rem;}
.tags_list a:active{color: #3191f5;}


/* 排序 */
.listcase{background-color:#fff;}
.listcase .title{padding: 0.18rem 0.4rem; overflow: hidden;display:flex;justify-content:center; }
.listcase .title ul{ width: 2.2rem; height:0.5rem; line-height:0.48rem; border: 1px solid #3191f5; border-radius: 0.28rem; text-align: center; font-size:0.24rem; overflow: hidden; background: #fff; float: left;}
.listcase .title li{width: calc(100% / 2);float: left; cursor: pointer;}
.listcase .title li a{display: block; color: #A6A6B0; height:100%;}
.listcase .title li:last-child{ float: right;} 
.listcase .title li.on a{ background: #3191f5; color: #fff;}


/*搜索热词*/
.hotSearch .hot-list {width:100%;height:auto; clear: both; overflow: hidden;padding:0.1rem 0 0 0.3rem;}
.hotSearch .hot-list a {float:left;line-height:.35rem;letter-spacing:.01rem;font-size:.24rem;color:#555;margin-right:.2rem;margin-top:.1rem;-webkit-border-radius:.06rem;border-radius:.06rem;}

/*热门关键词*/
.hotkeys .more{right: 0.2rem;}
.hotkeys .hot-keylist {width:100%;height:auto; clear: both; overflow: hidden; padding-left: 0.2rem;padding-top: 0.1rem;}
.hotkeys .hot-keylist a {float:left;height:.52rem;width:47%;line-height:.5rem;letter-spacing:.01rem;padding:0 .2rem;font-size:.24rem;color:#555;margin-right:.16rem;margin-top:.16rem;-webkit-border-radius:.06rem;border-radius:.06rem; background-color:#f5f5f5; display: block; overflow: hidden;  text-overflow: ellipsis; white-space: nowrap;}
.hotkeys .hot-keylist a:nth-child(2n){margin-right: 0;}

.searchC{padding: 0 0.3rem; }

.searchC .select_type{ width:1.4rem; text-align:center; display: flex; justify-content: center; align-items: center;font-size: 0.24rem; border-right: 1px solid #eee; position: relative; padding-right: 0.24rem;}
.searchC .select_type::after {  position: absolute;  display: block; content: '';  width: 0;  height: 0;  border-top: 0.08rem solid #333; border-right: 0.08rem solid transparent; border-left: 0.08rem solid transparent;  right: 0.14rem;  top: 0.36rem;}

.searchC .LogoC{ text-align: center;padding-top:0.65rem;}
.searchC .LogoC .logo {width:1.4rem;height:1.4rem;border-radius:50%;margin:0 auto;background:#fff url(../images/logo200.png) center no-repeat;background-size:80%;box-shadow: 0 0 0.1rem #ddd;}
.searchC .LogoC h1 {font-size:.38rem;color:#3191f5;text-align:center;margin-top:0.2rem;display:block;width:100%;font-weight: normal;}
.searchC .searchnav {position: relative;height:0.8rem;background:rgba(255,255,255,1);border-radius:0.1rem; margin:0.7rem 0 0;border:1px solid #3191f5;}
.searchC .searchnav form{ display: flex; height: 100%; }
.searchC .searchnav input {flex:1;padding-left:0.3rem;background:none;border:none;font-size:0.26rem;color:#555; display: flex;height: 100%;align-items: center;}
.searchC .searchnav ::-webkit-input-placeholder { color: #999;font-size: 0.26rem;}
.searchC .searchnav .searchBtn {width:1rem;text-align: center;height:100%;cursor:pointer;display:block;z-index:1;background-color:#3191f5; background-image: linear-gradient(to right,#3191f5,#3191f5);border-radius:0 0.1rem 0.1rem 0; display: flex; justify-content: center; align-items: center;}
.searchC .searchnav .searchBtn .iconfont{ font-size: 0.3rem;color: #fff;}
.searchC .searchnav .searchBtn:hover{opacity: 0.8;}

.searchC .listType{display:none;position: absolute; left: 0; top: 0.8rem; width:1.4rem;text-align: center; background-color: #fff; z-index: 1; box-shadow: 0 0 0.08rem #ddd;padding:0.1rem 0 0.1rem;}
.searchC .listType a{ height: 0.5rem; color: #555; display: flex; justify-content: center; align-items: center;font-size: 0.24rem; padding: 0 0.29rem;}


.cate_list_item{background-color: #fff;margin-top: 0.2rem;padding: 0.2rem 0;}
.cate_list_item .c_title{ margin:0.1rem 0.24rem 0; clear:both;position: relative;}
.cate_list_item .c_title h1{ font-size:0.26rem; font-weight:600; color:#000; display:inline-block; position:relative;letter-spacing:1px;padding-left: 0.2rem;}
.cate_list_item .c_title h1:before{ content:''; width:3px; height:0.24rem; background-color:#3191f5; display:inline-block; position:absolute; left:0; top:0.06rem;}

.cate_list_item .c_title span{ margin-left:0.1rem; color:#fff; font-size: 0.2rem;background-color:#3191f5; padding: 1px 0.1rem;border-radius: 0.3rem 0.3rem 0.3rem 0; vertical-align: 2px;}
.cate_list_item .c_title .c_more{position: absolute;right: 0; top:0;height: 0.4rem; line-height: 0.4rem; color:#555;font-size:0.22rem; background-color: #f5f5f5;border-radius:0.04rem; padding:0 0.2rem;}
.cate_list_item .c_title .c_more i{color: #555;font-size: 0.22rem;}