#per-table.table>tbody tr>td, #per-table.table>tbody tr>th, #per-table.table>tfoot tr>td, #per-table.table tfoot>tr>th, #per-table.table>thead>tr>td, #per-table.table>thead>tr>th{

            vertical-align: middle;

            padding:6px 8px;

            min-width:80px;

        }

        #per-table.table tbody>tr>td{border:1px solid #ddd}

        .per-table{background-color:#f8fafc}

        .table#per-table{margin-bottom: 0;border-radius: 6px;background-color:#fff}

        .per-li{

            padding: 3px 12px;

            margin: 0 8px;        

            border-radius: 16px;

           color: #87939c;

            font-size: 12px;

            cursor: pointer;

        }

         .per-li label,.acom-li label{

            visibility:hidden;

            position:absolute;

            right:15px;

            top:0;

           }

         .acom-li{

            padding: 3px 12px;

            margin: 0 8px;        

            border-radius: 16px;

           color: #87939c;

            font-size: 12px;

            cursor: pointer; 

        }

        .per-li-active{

            background: #e6f7ff;

            color: #3182c4; 

        }

        .noSelect{

           color:#53647135;

           cursor:not-allowed;

         }

        .gap{

            margin: 0 20px;

            color: #87939c;

            position: relative;

            bottom: 1px;

            font-size: 12px;

        }

        .per-select{

            /* margin-right: 15px; */

            /* margin-bottom: 10px; */

            font-size: 12px;

            padding: 3px 6px;

        }

       

        .per-close{

            padding: 0 5px;

            cursor: pointer;

            color: #333;

        }

        .per-reset{

            font-size: 12px;

            cursor: pointer;

        }

        #per-search-input{

            width: 150px;

            border: none;

            text-indent: 10px;

            outline: none;

        }

        .serarch-history{

            position: absolute;left: 0;

            top: 120%;

            border: 1px solid #ccc;

            width: 100%;

            background: #fff;

            z-index: 444;

            /* border-top: none; */



        }

        .knowMore{

            display: inline-block;

           /* padding: 3px 15px;

            border: 1px solid #1BAEB1;

            border-radius: 20px;*/

            color: #1BAEB1;

            width: 100px;

            height: 28px;

            line-height: 28px;

            border-radius: 26px;

            text-align: center;

            /*padding:3px 15px;*/

            background:url('/tplresource/cms/www/taiping/img/v20/product/border-lear.png') center center no-repeat;

            background-size:100% 100%;

        }

        .knowMore a{

            color: #1BAEB1;

            font-size: 12px;

        }

        .knowMore img{

            width: 16px;

            position:relative;

            top:-1px;

        }

        .knowMore a:hover,.knowMore a:active,.knowMore a:visited,.knowMore a:focus{

            text-decoration: none;

            color: #1BAEB1;

        }

        .pro-sort{

            width: 100%;

            height: 40px;

            line-height: 40px;

            background-color: #E6F7FF;

            padding-left: 20px;

            padding-right: 16px;

            border-radius: 6px 6px 0 0;

            /*margin: 16px 0;*/

            margin-top:16px;

        }

        .per-cont{padding:16px 0}

        .pro-sort-l{

            height: 100%;

           

        }

        .pro-sort-l span{

            /* display: inline-block; */



        }

        .pro-sort-l .sort-item{

            display: inline-block;

            height: 28px;

            border: 1px solid #ccc;

            margin: 0 10px;

            padding: 0px 13px;

            border-radius: 6px;

            line-height: 26px;

            text-align: center;

            cursor: pointer;

            

        }

        .pro-sort-r{

            font-size: 12px;

            color: #536471;

        }

        .per-cont-r ul li img{

            width: 16px;

            position: relative;

            top: -1px;

        }

        .table-search{

            padding-right: 50px;

        }

        .table-search input{

            border: none;

            outline: none;

            

        }

         .table-search img{

           position: absolute;

           right: 15px;

           top: 0;

           cursor: pointer;

        }

        .thead-color{

            color: #656565;

        }

        .per-cont ul li:last-child{

                margin-bottom: 0;

            }

        .pro-remmend{width:40px;position:relative;top:-2px;margin-left:5px}
        .ser-info-d{margin: 10px 0;font-size: 12px;width: 80%;line-height: 20px;}

        @media screen and (max-width: 540px){

            .per-cont-l{

                margin-bottom: 18px;

            }

            .acom-li{

                margin-bottom: 5px;

            }

            .acom-li:last-child{

                margin-bottom: 0;

            }

            .per-cont-r ul li{

                margin-bottom: 10px;

            }

            .per-cont-r ul li:last-child{

                margin-bottom: 0;

            }
             .ser-info-d{width: 100%}
            /*.per-cont ul li{padding-bottom:10px}*/

           

        }