﻿.content{padding-top:1rem}
.category-tab{-webkit-tap-highlight-color: rgba(0,0,0,0)}
.category-tab .tab-adorn{position: absolute;height: .06rem;bottom: .18rem;background-color: #029be2;display: block;padding: 0;margin: 0;margin-left: 1%;}
.category-tab ul, .category-tab li{list-style: none;padding: 0;margin: 0}
.category-tab ul{position: relative}
.tab-panel{display: none}
.category-tab .nav-active, .category-tab .panel-active, .last-panel-active{display: block; border-left:solid 1px #ddd;}
.category-tab .tab-nav{width: 30%;float: left;border-left: .02rem solid #eee;position: fixed;margin-top: 4.2rem;}
.category-tab .con{width: 70%;float: right;position: relative;margin-top: 4.2rem;}
.category-tab .nav-active span{/*padding: .04rem .2rem;*/border-radius: .06rem;color: #029be2}
.category-tab{background: #fff}
.category-tab ul{border-bottom: .02rem solid #dcdcdc;border-bottom: 0; padding-bottom:60px;}
.category-tab ul li.nav{text-align: center;height: 1rem;line-height: 1rem;border-bottom: .02rem solid #ddd;}
.category-tab ul li.nav-active{border-left: .04rem solid #029be2;box-shadow: .05rem 0 .15rem 0 rgba(0,0,0,.11);}
.category-tab ul li.nav:first-child{border-top: .02rem solid #ddd;}
/*.category-tab ul li.nav:first-child.nav-active{}
.category-tab ul li.nav:nth-child(2){}
.category-tab ul li.nav:nth-child(2).nav-active{}
.category-tab ul li.nav:last-child{padding-right: 2%}*/
.category-tab .picture4{width: 50%;height:1.86rem; padding: .12rem .1rem;}
.category-tab .picture4 img{width: 100%!important;height:100%!important;}
.category-tab .picture3{margin: .1rem 1.2%; width: 100%; height: .5rem;line-height: .5rem; font-size: .26rem; text-align:left !important; padding-left:10px;}
.category-tab .picture5{margin: .1rem 1.2%; width: 30%; height: .6rem;line-height: .6rem; border: .02rem solid #eee; border-bottom: .02rem solid #ddd; border-radius: .2rem; font-size: .26rem;}
.category-tab .category li{display: block; float: left; text-align: center; box-sizing: border-box; overflow:hidden;}
.category-tab .category .picture4 span{margin-top: -.65rem; display: block; z-index: 8; border-radius: .1rem; color: #fff; font-size: .28rem; position: relative; line-height: .56rem; background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255,255,255,0)), to(rgba(0,0,0,.3))); background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(0,0,0,.3));}
.category-tab .iconfont{background-image: -webkit-gradient(linear,0 0,0 bottom,from(#029be2),to(#029be2)); -webkit-background-clip: text; color: transparent; display: inline-block; vertical-align: middle; width: .5rem;}
.category-tab .font45{font-size: .45rem;}
.icon-mudedihover:before{content: "\e65e";}
.focus{position: fixed!important;z-index: 10;}
.h50{height: 4.2rem;width: 100%;background-color: #fff;position: fixed;z-index: 9}
.ptitle{padding:10px 5px 0 10px; font-weight:bold;}
.red{color:red;}