/* 
本打算使用less，发现也就只是为了省略少写几个[data-lang='en_us']，得不偿失，罢了
<!-- 引入 less -->
<link rel="stylesheet/less" type="text/css" href="./index.less" / >
<!-- 引入 less.js 核心库 -->
<script src="//cdnjs.cloudflare.com/ajax/libs/less.js/3.11.1/less.min.js" > </script > 
 */

[data-lang='en_us'] .mod-result-list.list-style .list .li-item .base-item .text-item dd.info span.info-title {
    width: 100px;
}

[data-lang='en_us'] .mod-result-list.list-style .list .li-item .base-item .btn-item .mod-btn {
    margin-bottom: 12px;
    height: 45px;
    line-height: 16px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

[data-lang='en_us'] .mod-searchScreen-wrap .filter-wrap .bg-item {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 150px;
    height: 100%;
    background: #f1f1f1;
    border-radius: 6px 0 0 6px
}

[data-lang='en_us'] .mod-searchScreen-wrap .filter-wrap .item .item-con {
    margin-left: 150px;
}

[data-lang='en_us'] .mod-searchScreen-wrap .search-wrap .con-item .bar-item .hot-link-item {
    margin-left: 88px;
    display: flex;
    align-items: center;
    height: 100%;
    flex-wrap: wrap;
    margin-top: 0;
}

[data-lang='en_us'] .mod-result-list.mode-style .list li .btn-wrap a.mod-btn {
    width: 144px;
    display: flex;
    margin: 7px auto;
    height: 38px;
    line-height: 18px;
    align-items: center;
    justify-content:center;
}

[data-lang='en_us'] .mod-result-list.mode-style .list li .btn-wrap a.mod-btn.mod-btn-white {
    background: rgba(255, 255, 255, 0);
    color: #fff;
    border: 1px solid #fff;
    line-height: 34px;
}


[data-lang='en_us'] .mod-searchScreen-wrap .filter-wrap .item h3.item-title {
    /*    width: auto;*/
    float: left;
    padding: 14px 18px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    color: #666;
    font-weight: 700
}

[data-lang='en_us'] .mod-searchScreen-wrap .filter-wrap #LABreed-item h3.item-title, .mod-searchScreen-wrap .filter-wrap #LASource-item h3.item-title, .mod-searchScreen-wrap .filter-wrap #sampleStatus-item h3.item-title {
    width: auto;
    float: left;
    padding: 14px 18px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    color: #666;
    font-weight: 700
}





[data-lang='en_us'] .mod-pages-item .layui-laypage span.layui-laypage-limits select {
    width: auto;
    height: 30px;
    background: #f5f5f5;
    border-radius: 6px;
    border: 0;
    padding: 0 4px 0 10px;
    font-size: 14px
}



.mod-result-list.list-style .list .li-item .timeItem .bottom-item .tips-item span.txt-title {
    display: inline-block;
    vertical-align: middle;
    width: 33%;
    position: relative;
    padding-left: 17px;
    margin-top: 7px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mod-result-list.list-style .list .li-item .timeItem .bottom-item .tips-item span.txt-title::before {
    display: block;
    content: '';
    background: #dfdfdf;
    border-radius: 100%;
    width: 6px;
    height: 6px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -3px
}