﻿/**左侧部分**/
/**左侧-筛选条件**/
.filter-toggle-btn {
    position:absolute;
    right:15px;
    bottom:10px;
    cursor:pointer;
    font-size:12px;
    color:#2F6589;
}
.filter-toggle-btn i {
    margin-left:3px;
}
.filter-toggle-btn:hover {
    color:#008dd5;
}
.filter-toggle-btn-down {
    border-bottom:0;
    border-top:8px solid #2F65A6;
    bottom:-8px;
}
.container .cata-filter {
    position:relative;
    padding:5px;
    background-color:#fff;
    border: 1px solid #ececec;
    border-bottom-color:#ddd;
    border-radius:3px;
    -webkit-box-shadow:0 3px 3px rgba(0,0,0,0.05);
    box-shadow:0 3px 3px rgba(0,0,0,0.05);
}
.container .cata-filter .filter-selected {
    display:none;
    border-bottom:1px solid #ddd;
    margin:0 10px;
    padding:5px 0;
    margin-bottom:5px;
    overflow:hidden;
    line-height:20px;
}
.container .cata-filter .filter-selected .selected-title {
    float:left;
    width:45px;
    font-size:12px;
    font-family:'Microsoft Yahei';
    color:#333;
}
.container .cata-filter .filter-selected .selected-empty {
    float:right;
    font-size:12px;
    font-family:'Microsoft Yahei';
    color:#333;
    cursor:pointer;
}
.container .cata-filter .filter-selected .selected-empty:hover {
    color:#2f6589;
}
.container .cata-filter .filter-selected ul {
    overflow:hidden;
    margin-left:45px;
    margin-right:80px;
}
.container .cata-filter .filter-selected li {
    display:none;
    float:left;
    padding:0 5px;
    font-size:12px;
    background:#dfeffc;
    border:1px solid #a6c9e2;
    color:#2E6E9E;
    margin:0 5px 5px 0;
}
.container .cata-filter .filter-selected li i {
    font-size:14px;
    cursor:pointer;
}
.container .cata-filter .filter-main {
    line-height:30px;
    overflow:hidden;
    padding:0 10px;
}
.container .cata-filter .filter-main .filter-header {
    float:left;
    width:45px;
    font-size:12px;
    font-family:'Microsoft Yahei';
    color:#333;
}
.container .cata-filter .filter-main .filter-header i {
    margin-right:2px;
    font-size:12px;
    color:#666;
}
.container .cata-filter .filter-main .filter-body {
    margin-left:45px;
    font-size:12px;
}
.container .cata-filter .filter-main .filter-body .filter-list li {
    display:inline-block;
    line-height:20px;
    padding:5px 7px;
    color:#999;
    cursor:pointer;
    min-width:25px;
}
.container .cata-filter .filter-main .filter-body .filter-list li:hover {
    color:#2f6589;
}
.container .cata-filter .filter-main .filter-body .active {
    color:#2f6589!important;
    font-weight:bold;
}
.container .cata-filter .filter-main .filter-body .filter-theme-part {
    display:none;
    position:relative;
    background:#EBF6FF;
    padding:10px;
    color:#777;
    line-height:25px;
    margin-top:3px;
    margin-bottom:10px;
}
.container .cata-filter .filter-main .filter-body .filter-theme-part .theme-first-list li {
    display:inline-block;
    width:150px;
    cursor:pointer;
}
.container .cata-filter .filter-main .filter-body .filter-theme-part i {
    margin-right:3px;
    color:#777;
    vertical-align:-1px;
}
.container .cata-filter .filter-main .filter-body .filter-theme-part .theme-first-list li:hover {
    color:#2f6589;
}
.container .cata-filter .filter-main .filter-body .filter-theme-part .theme-first-list li:hover i {
    color:#2f6589;
    font-weight:normal;
}
.container .cata-filter .filter-main .filter-body .filter-theme-arrow {
    position:absolute;
    top:-6px;
    left:52px;
    width:0;
    height:0;
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    border-bottom:6px solid #EBF6FF;
}
.container .cata-filter .filter-main .filter-body .filter-theme-part .theme-second-list {
    display:none;
}
.container .cata-filter .filter-main .filter-body .filter-theme-part .theme-second-list .second-title {
    color:#2f6589;
    font-family:'Microsoft Yahei';
    font-size:14px;
}
.container .cata-filter .filter-main .filter-body .filter-theme-part .theme-second-list .second-title i {
    cursor:pointer;
    color:#2f6589;
    margin:0 0 0 5px;
    vertical-align:0;
}
.container .cata-filter .filter-main .filter-body .filter-theme-part .theme-second-list li {
    display:inline-block;
    cursor:pointer;
    padding-right:10px;
}
.container .cata-filter .filter-main .filter-body .filter-theme-part .theme-second-list li:hover {
    color:#2f6589;
}
.container .cata-filter .filter-main .filter-body .filter-depart-part {
    display:none;
    position:relative;
    background:#EBF6FF;
    padding:10px;
    color:#777;
    line-height:25px;
    margin-top:3px;
    margin-bottom:10px;
}
.container .cata-filter .filter-main .filter-body .filter-depart-arrow {
    position:absolute;
    top:-6px;
    left:92px;
    width:0;
    height:0;
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    border-bottom:6px solid #EBF6FF;
}
.container .cata-filter .filter-main .filter-body .depart-list .depart-first {
    float:left;
    width:30px;
    font-family:'Microsoft Yahei';
    color:#333;
}
.container .cata-filter .filter-main .filter-body .depart-list .depart-main {
    margin-left:30px;
    margin-bottom:5px;
}
.container .cata-filter .filter-main .filter-body .depart-list li {
    display:inline-block;
    cursor:pointer;
    width:70px;
}
.container .cata-filter .filter-main .filter-body .depart-list li:hover {
    color:#2f6589;
}
/**左侧-排序条**/
.container .cata-sort {
    padding:0 5px;
    margin:15px 0 10px;
    background-color:#fff;
    border: 1px solid #ececec;
    border-bottom-color:#ddd;
    border-radius:3px;
    line-height:40px;
    color:#333;
    font-size:12px;
    overflow:hidden;
    -webkit-box-shadow:0 3px 3px rgba(0,0,0,0.05);
    box-shadow:0 3px 3px rgba(0,0,0,0.05);
}
.container .cata-sort .sort-sum {
    float:left;
    padding:0 10px;
    margin-right:10px;
    font-family:'Microsoft Yahei';
}
.container .cata-sort .sort-list {
    float:left;
}
.container .cata-sort .sort-list ul li {
    display:inline-block;
    padding:0 10px;
    cursor:pointer;
    color:#999;
}
.container .cata-sort .sort-list ul li i {
    font-size:12px;
    color:#999;
}
.container .cata-sort .sort-list ul li:hover {
    color:#2f6589;
}
.container .cata-sort .sort-list ul li:hover i {
    color:#2578c4;
}
.container .cata-sort .sort-list .active {
    color:#2f6589;
    font-weight:bold;
}
.container .cata-sort .sort-list .active i {
    color:#2578c4
}
.container .cata-sort .sort-itemstyle {
    float:right;
    padding-top:2px;
    overflow:hidden;
}
.container .cata-sort .sort-itemstyle div {
    float:left;
    padding:0 10px;
    cursor:pointer;
}
.container .cata-sort .sort-itemstyle div i {
    color:#999;
}
.container .cata-sort .sort-itemstyle div:hover i {
    color:#2578c4;
}
.container .cata-sort .sort-itemstyle .active i {
    color:#2578c4;
}
.container .cata-sort .sort-demand {
    float:right;
    height:42px;
    position:relative;
    margin-left:20px;
    margin-right:10px;
    font-size:12px;
    cursor:pointer;
}
.container .cata-sort .sort-demand .m-input {
    height:28px;
    padding-right:30px;
    font-size:12px;
    border-radius:200px;
}
.container .cata-sort .sort-demand .m-input:focus {
    background-color:#fefefe;
    border-color:#2578c4;
}
.container .cata-sort .sort-demand .m-input:focus ~ .iconfont {
    color:#2578c4;
}
.container .cata-sort .sort-demand .iconfont {
    position:absolute;
    right:10px;
    top:8px;
    height:30px;
    line-height:30px;
    color:#999;
}
.container .cata-sort .sort-demand .iconfont:hover {
    color:#2f6589;
}
/**左侧-目录列表**/
.container .cata-main .cata-list .cata-item {
    border: 1px solid #ececec;
    border-bottom-color: #ddd;
    background:#fff;
    background:#fff\9;
    padding:1em;
    overflow:hidden;
    border-radius:.25em;
    -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.1);
    box-shadow:0 1px 2px rgba(0,0,0,0.1);
    margin-bottom:10px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-transition:background-color .25s ease-out;
    transition:background-color .25s ease-out;
}
.container .cata-main .cata-list .cata-item:hover {
    background-color:#fff;
}
.container .cata-main .cata-list .cata-item:hover .item-icon {
    opacity:1;
}
.container .cata-main .cata-list .cata-item:hover .item-format {
    opacity:1!important;
}
.container .cata-main .cata-list .cata-item .item-icon {
    width:60px;
    height:60px;
    float:left;
    opacity:.8;
    -webkit-transition:all .25s ease-in;
    transition:all .25s ease-in;
}
.container .cata-main .cata-list .cata-item .item-icon i {
    font-size:3em;
    color:#2F65A6;
}
.container .cata-main .cata-list .cata-item .item-content {
    margin-left:60px;
}
.container .cata-main .cata-list .cata-item .item-content .item-header {
    border-bottom:1px solid #dadada;
    margin-bottom:.5em;
    line-height:1.5;
    font-family:'Microsoft Yahei';
}
.container .cata-main .cata-list .cata-item .item-content .item-header .item-title{
    margin-right: 320px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.container .cata-main .cata-list .cata-item .item-content .item-header .item-title span{
    color: #666;
}
.container .cata-main .cata-list .cata-item .item-content .item-header .item-title a {
    color:#2f6589;
    font-size:16px;
}
.container .cata-main .cata-list .cata-item .item-content .item-header .item-operation {
    float:right;
    width: 320px;
    margin-top:2px;
    font-size:12px;
    text-align: right;
}
.container .cata-main .cata-list .cata-item .item-content .item-header .item-operation ul li {
    display:inline-block;
    margin-left:20px;
    color:#2f6589;
    cursor:pointer;
    opacity:.8;
}
.container .cata-main .cata-list .cata-item .item-content .item-header .item-operation ul li:hover {
    opacity:1;
}
.container .cata-main .cata-list .cata-item .item-content .item-header .item-operation ul li i {
    margin-right:3px;
}
.container .cata-main .cata-list .cata-item .item-content .item-body .item-format {
    float:right;
    opacity:.5;
    margin-top:45px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-transition:background-color .25s ease-out;
    transition:background-color .25s ease-out;
}
.container .cata-main .cata-list .cata-item .item-content .item-body .item-info {
    font-size:12px;
    color:#666;
    line-height:23px;
}
.container .cata-main .cata-list .cata-item .item-content .item-body .item-info div {
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.container .cata-main .cata-list .cata-item .item-content .item-body .item-info .item-theme {
    color:#2f6589;
}
.container .cata-main .cata-list .cata-item .item-content .item-body .item-info .item-text span{
    margin-right: 10px;
}
.container .cata-main .cata-list .cata-item .item-content .item-body .item-info div.item-news{
    margin-right: 150px;
    white-space: normal;
}
/**左侧-卡片列表**/
.container .cata-main .cata-card {
    margin-right:-1%;
    display:none;
}
.container .cata-main .cata-card ul {
    overflow:hidden;
}
.container .cata-main .cata-card ul .card-item {
    float:left;
    width:32.33%;
    height:267px;
    margin-right:1%;
    background:rgba(255,255,255,0.7);
    background:#F4FAFD\9;
    padding:1em;
    overflow:hidden;
    border-radius:.25em;
    -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.1);
    box-shadow:0 1px 2px rgba(0,0,0,0.1);
    margin-bottom:10px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-transition:background-color .25s ease-out;
    transition:background-color .25s ease-out;
}
.container .cata-main .cata-card ul .card-item:hover {
    background-color:#fff;
}
.container .cata-main .cata-card ul .card-item:hover .card-format {
    opacity:1!important;
}
.container .cata-main .cata-card ul .card-item .card-header {
    min-height:60px;
}
.container .cata-main .cata-card ul .card-item .card-header .card-icon {
    float:left;
    width:60px;
    height:60px;
    opacity:.5;
    -webkit-transition:all .25s ease-in;
    transition:all .25s ease-in;
}
.container .cata-main .cata-card ul .card-item .card-header .card-icon i {
    font-size:3em;
    color:#2F65A6;
}
.container .cata-main .cata-card ul .card-item:hover .card-icon {
    opacity:1;
}
.container .cata-main .cata-card ul .card-item .card-header .card-right {
    margin-left:60px;
}
.container .cata-main .cata-card ul .card-item .card-header .card-right .card-title {
    max-height:42px;
    overflow:hidden;
}
.container .cata-main .cata-card ul .card-item .card-header .card-right .card-title a {
    color:#2f6589;
    font-size:14px;
    font-family:"Microsoft Yahei";
}
.container .cata-main .cata-card ul .card-item .card-body {
    font-size:12px;
    line-height:23px;
}
.container .cata-main .cata-card ul .card-item .card-body .card-format {
    height:23px;
    opacity:.5;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-transition:background-color .25s ease-out;
    transition:background-color .25s ease-out;
}
.container .cata-main .cata-card ul .card-item .card-body .card-theme {
    color:#2f6589;
}
.container .cata-main .cata-card ul .card-item .card-body .card-info {
    color:#666;
}
.container .cata-main .cata-card ul .card-item .card-body .card-info div {
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.container .cata-main .cata-card ul .card-item .card-footer {
    font-size:12px;
    margin-top:10px;
    padding-top:10px;
    border-top:1px solid #ddd;
}
.container .cata-main .cata-card ul .card-item .card-footer ul li {
    float: right;
    width:20%;
    text-align:center;
    color:#2f6589;
    cursor:pointer;
    opacity:.8;
}
.container .cata-main .cata-card ul .card-item .card-footer ul li:hover {
    opacity:1;
}
.container .cata-main .cata-card ul .card-item .card-footer ul li i {
    margin-right:3px;
}