/*产品列表筛选项样式*/
.cat_wrapper{padding:15px 20px 15px 20px;font-size: 14px;background:#fff;margin-bottom: 15px;}
.cat_wrapper ul{overflow: hidden;}
.cat_wrapper ul li {display: block;padding:5px;color:#333;cursor:pointer;float: left;margin: 0 5px;position: relative;}
.cat_wrapper ul li a.label{display: block;padding: 5px 12px;border-radius: 6px;color: #333;}
.cat_wrapper ul li.current a.label{background-color: #ebebeb;}
.cat_wrapper ul li a.label:hover {color:#333;background-color: #f5f5f5;}
.cat_wrapper ul li.current a.label:hover{background-color:#e0e0e0;}
.cat_wrapper ul li a.label .count{color: #7f8792}
.cat_wrapper .tablist1 div.current{display:block;}
.tabs_con,.species_wrapper,.system_con,.species_con,.species1_con,.type_con,.tabs_property,.yz{position: relative;}
.tabs_title{position: absolute;top:5px;color:#7f8792;}
.tabs_body{padding-left:80px;min-height: 30px}

.drop_box{border:1px solid #efebeb;margin: 10px 0;}
.type_con .tumor_cell li{width:125px;}
.cat_wrapper .icon_y{margin-right: 30px;}
.cat_wrapper .icon_y:after{content:"▼"!important;font-size: 12px!important;top:7px;left:100%;position:absolute;display: inline-block;}
.tabs_cell_con {padding:5px 0;}
.tabs_cell_con:last-child{border-bottom: 0;}
.tabs_cell_con .tabs_title{top:10px;}
.species1_wrapper .tabs_species1:nth-child(2) .drop_box  li{width:110px;}
/*新增筛选项样式 S*/
.mob_wrapper{margin-bottom:10px;display: none;}
.mob_tit{display: inline-block;height: 36px;color: #2d7c6a;font-size: 16px;padding-left: 10px;}
.mob_tit em{font-size: 24px;padding-right: 5px;}
.mob_off{overflow:hidden;display: none;}
.mob_off input{border:none;background:none;color: #585858;font-size: 24px;float:right;right:10px;}
.mob_btn{float: right;}
.mob_btn input{margin-right: 15px;margin-top: 8px;border: none;color:#fff;padding: 4px 13px;border-radius: 5px;background:#2d9afb;}
/*新增筛选项样式 E*/
.cat_wrapper>h1{height: 36px;color:#de0707;font-size: 16px;margin-bottom: 15px;}
.cat_wrapper>h1 em{font-size: 24px;}
.cat_wrapper ul li{padding:0;}
.icon_n a.label:after {
    content: "▼"!important;
    font-size:20px!important;
    top:6px;
    right:-8px;
    position: absolute;
    display: inline-block;
    font-size:13px!important;
    transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);     /* IE 9 */
    -moz-transform:rotate(-90deg);    /* Firefox */
    -webkit-transform:rotate(-90deg); /* Safari 和 Chrome */
    -o-transform:rotate(-90deg);
}
.icon_n.current a.label:after{
    content: "▼"!important;
    top:6px;
    font-size:13px!important;
    transform:rotate(-0deg);
    -ms-transform:rotate(-0deg);     /* IE 9 */
    -moz-transform:rotate(-0deg);    /* Firefox */
    -webkit-transform:rotate(-0deg); /* Safari 和 Chrome */
    -o-transform:rotate(-0deg);
}
li.fLi a.label:before {
    content: "▼"!important;
    color: #2196F3;
    top: 6px;
    margin-left: -10px;
    font-size: 13px!important;
    position: absolute;
    transform: rotate(90deg);
    -ms-transform:rotate(90deg);     /* IE 9 */
    -moz-transform:rotate(90deg);    /* Firefox */
    -webkit-transform:rotate(90deg); /* Safari 和 Chrome */
    -o-transform:rotate(90deg);
}
ul li.fLi a.label{
    color:#2196F3;
    width: initial;
    background: initial;}
ul:hover li.fLi{display: block;}
.tabs_pinyins ul li {
    margin: 0 5px 7px 5px;
}
.tabs_pinyins a.label {
    text-align: center;
    background: #fff;
}
.page{line-height:30px;}
@media screen and (min-width:993px){.main{min-height: 680px}}
@media screen and (max-width:992px){
    ul li.fLi{
        display: block;
    }
    .page span.rows{
        display:inline-block;
    }
    .cat_wrapper{
        width: 100%;
        height: 80%;
        position: fixed;
        top: 0;
        left:100%;
        font-size:13px;
        margin-top: 0;
        margin-bottom: 20px;
        overflow: auto;
        padding:0 15px;
        z-index:100000;
    }
    .tabs_body{
        padding-top: 30px;
        padding-left: 0;
    }
    .tabs_cell_con .tabs_title{
        color: #333;
        font-weight: bold;
    }
    .cat_wrapper ul{
        margin: 0 -5px 0 -5px;
    }
    .cat_wrapper ul li{
        margin: 0 5px 10px 5px;
        width: calc(33.33% - 10px);
        height: 30px;
    }
    .cat_wrapper ul li a.label{
        border: 1px solid #eee;
        border-radius: 3px;
        width: 100%;
        height: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .cat_wrapper ul li.current a.label{
        border-color: #5bc0de;
    }
    .mob_wrapper{
        display: block;
        height: 36px;
    }
    .mob_wrapper .m-fix{
        height: 36px;
        width: 100%;
    }
    .mob_wrapper .m-fix.fix{
        position: fixed;
        background-color: #fff;
    }
    .mob_off{
        display: block;
    }
    a.label {
        padding: 8px 10px 8px 0;
    }
    .type_con .tumor_cell li{
        width:auto;
    }
    .wrap, .w1200{
        z-index:auto;
    }
}


