.container{width: 100%;}

.container{margin: 1em auto;overflow: hidden;min-width: 940px;}
/**左侧部分**/
.container .cata-left{display: block;overflow: hidden;margin-left: 5px;margin-right: 5px;-webkit-box-shadow: none;box-shadow: none;}
/**左侧-筛选条件**/
.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-left .cata-filter{position: relative;padding: 5px;background-color: #fff;border-bottom: 1px solid #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-left .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-left .cata-filter .filter-selected .selected-title{float: left;width: 45px;font-size: 12px;font-family: 'Microsoft Yahei';color: #333;}
.container .cata-left .cata-filter .filter-selected .selected-empty{float: right;font-size: 12px;font-family: 'Microsoft Yahei';color: #333;cursor: pointer;}
.container .cata-left .cata-filter .filter-selected .selected-empty:hover{color: #2f6589;}
.container .cata-left .cata-filter .filter-selected ul{overflow: hidden;margin-left: 45px;margin-right: 80px;}
.container .cata-left .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-left .cata-filter .filter-selected li i{font-size: 14px;cursor: pointer;}
.container .cata-left .cata-filter .filter-main{position:relative;line-height: 30px;overflow: hidden; padding: 0 80px 0 10px;}
.container .cata-left .cata-filter .filter-main .filter-tag{position:absolute;
    right: 10px;
    top: 0;
    line-height: 30px;
    font-size: 12px;
    cursor:pointer;}
    .container .cata-left .cata-filter .filter-main .filter-tag .fa{margin-left:5px;}
.container .cata-left .cata-filter .filter-main .filter-header{float: left;width: 45px;font-size: 12px;font-family: 'Microsoft Yahei';color: #333;}
.container .cata-left .cata-filter .filter-main .filter-header i{margin-right: 2px;font-size: 12px;color: #666;}
.container .cata-left .cata-filter .filter-main .filter-body{margin-left: 45px;height: 30px;font-size: 12px;}
.container .cata-left .cata-filter .filter-main .filter-body.auto-height{height:auto;}
.container .cata-left .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-left .cata-filter .filter-main .filter-body .filter-list li:hover{color: #2f6589;}
.container .cata-left .cata-filter .filter-main .filter-body .active{color: #2f6589!important;font-weight: bold;}
.container .cata-left .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-left .cata-filter .filter-main .filter-body .filter-theme-part .theme-first-list li{display: inline-block;width: 150px;cursor: pointer;}
.container .cata-left .cata-filter .filter-main .filter-body .filter-theme-part i{margin-right: 3px;color: #777;vertical-align: -1px;}
.container .cata-left .cata-filter .filter-main .filter-body .filter-theme-part .theme-first-list li:hover{color: #2f6589;}
.container .cata-left .cata-filter .filter-main .filter-body .filter-theme-part .theme-first-list li:hover i{color: #2f6589;font-weight: normal;}
.container .cata-left .cata-filter .filter-main .filter-body .filter-theme-arrow{position: absolute;top: -6px;left: 55px;width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 6px solid #EBF6FF;}
.container .cata-left .cata-filter .filter-main .filter-body .filter-theme-part .theme-second-list{display: none;}
.container .cata-left .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-left .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-left .cata-filter .filter-main .filter-body .filter-theme-part .theme-second-list li{display: inline-block;cursor: pointer;padding-right: 10px;}
.container .cata-left .cata-filter .filter-main .filter-body .filter-theme-part .theme-second-list li:hover{color: #2f6589;}
.container .cata-left .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-left .cata-filter .filter-main .filter-body .filter-depart-arrow{position: absolute;top: -6px;left: 100px;width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 6px solid #EBF6FF;}
.container .cata-left .cata-filter .filter-main .filter-body .filter-depart-part .depart-list .depart-first{float: left;width: 30px;font-family: 'Microsoft Yahei';color: #333;}
.container .cata-left .cata-filter .filter-main .filter-body .filter-depart-part .depart-list .depart-main{margin-left: 30px;margin-bottom: 5px;}
.container .cata-left .cata-filter .filter-main .filter-body .filter-depart-part .depart-list li{display: inline-block;cursor: pointer;width: 70px;}
.container .cata-left .cata-filter .filter-main .filter-body .filter-depart-part .depart-list li:hover{color: #2f6589;}
/**左侧-排序条**/
.container .cata-left .cata-sort{padding: 0 5px;margin: 15px 0 10px;background-color: #fff;border-bottom: 1px solid #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-left .cata-sort .sort-sum{float: left;padding:0 10px;margin-right: 10px;font-family: 'Microsoft Yahei';}
.container .cata-left .cata-sort .sort-list{float: left;}
.container .cata-left .cata-sort .sort-list ul li{display: inline-block;padding:0 10px;cursor: pointer;color: #999;}
.container .cata-left .cata-sort .sort-list ul li i{font-size: 12px;color: #999;}
.container .cata-left .cata-sort .sort-list ul li:hover{color: #2f6589;}
.container .cata-left .cata-sort .sort-list ul li:hover i{color: #2578c4;}
.container .cata-left .cata-sort .sort-list .active{color: #2f6589;font-weight: bold;}
.container .cata-left .cata-sort .sort-list .active i{color: #2578c4}
.container .cata-left .cata-sort .sort-itemstyle{float: right;overflow: hidden;}
.container .cata-left .cata-sort .sort-itemstyle div{float: left;padding:0 10px;cursor: pointer;}
.container .cata-left .cata-sort .sort-itemstyle div i{color: #999;}
.container .cata-left .cata-sort .sort-itemstyle div:hover i{color: #2578c4;}
.container .cata-left .cata-sort .sort-itemstyle .active i{color: #2578c4;}
.container .cata-left .cata-sort .sort-demand{float: right;padding:0 10px;margin-left: 20px;font-size: 14px;cursor: pointer;font-family: 'Microsoft Yahei';}
.container .cata-left .cata-sort .sort-demand:hover{color: #2578c4;}
/**左侧-目录列表**/
.container .cata-left .cata-main .cata-list .cata-item{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-left .cata-main .cata-list .cata-item:hover{background-color: #fff;}
.container .cata-left .cata-main .cata-list .cata-item:hover .item-icon{opacity: 1;}
.container .cata-left .cata-main .cata-list .cata-item:hover .item-format{opacity: 1!important;}
.container .cata-left .cata-main .cata-list .cata-item .item-icon{width: 60px;height: 60px;float: left;opacity: .5;-webkit-transition: all .25s ease-in;transition: all .25s ease-in;}
.container .cata-left .cata-main .cata-list .cata-item .item-icon i{font-size: 3em;color: #2F65A6;}
.container .cata-left .cata-main .cata-list .cata-item .item-content{margin-left: 60px;}
.container .cata-left .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-left .cata-main .cata-list .cata-item .item-content .item-header .item-title a{color: #2f6589;font-size: 16px;}
.container .cata-left .cata-main .cata-list .cata-item .item-starcon{margin-left: 10px;display: inline-block;height: 16px;width: 64px;overflow: hidden;background: url('../img/icoall.png') no-repeat scroll 0 -208px transparent;vertical-align: -2px;}
.container .cata-left .cata-main .cata-list .cata-item .item-starmon{display: inline-block;height: 16px;width: 64px;overflow: hidden;background: url('../img/icoall.png') transparent no-repeat scroll 0 -194px;}
.container .cata-left .cata-main .cata-list .cata-item .item-content .item-header .item-operation{float: right;margin-top: 2px;font-size: 12px;}
.container .cata-left .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-left .cata-main .cata-list .cata-item .item-content .item-header .item-operation ul li:hover{opacity: 1;}
.container .cata-left .cata-main .cata-list .cata-item .item-content .item-header .item-operation ul li i{margin-right: 3px;}
.container .cata-left .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-left .cata-main .cata-list .cata-item .item-content .item-body .item-info{font-size: 12px;color: #666;line-height: 23px;}
.container .cata-left .cata-main .cata-list .cata-item .item-content .item-body .item-info div{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.container .cata-left .cata-main .cata-list .cata-item .item-content .item-body .item-info .item-theme{color: #2f6589;}
/**左侧-卡片列表**/
.container .cata-left .cata-main .cata-card{margin-right: -1%;display: none;}
.container .cata-left .cata-main .cata-card ul{overflow: hidden;}
.container .cata-left .cata-main .cata-card ul .card-item{float: left;width: 19%;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-left .cata-main .cata-card ul .card-item:hover{background-color: #fff;}
.container .cata-left .cata-main .cata-card ul .card-item:hover .card-format{opacity: 1!important;}
.container .cata-left .cata-main .cata-card ul .card-item .card-header{min-height: 60px;}
.container .cata-left .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-left .cata-main .cata-card ul .card-item .card-header .card-icon i{font-size: 3em;color: #2F65A6;}
.container .cata-left .cata-main .cata-card ul .card-item:hover .card-icon{opacity: 1;}
.container .cata-left .cata-main .cata-card ul .card-item .card-header .card-right{margin-left: 60px;}
.container .cata-left .cata-main .cata-card ul .card-item .card-header .card-right .card-title{max-height: 42px;overflow: hidden;}
.container .cata-left .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-left .cata-main .cata-card ul .card-item .item-starcon{display: inline-block;height: 16px;width: 64px;overflow: hidden;background: url('../img/icoall.png') no-repeat scroll 0 -208px transparent;vertical-align: -2px;}
.container .cata-left .cata-main .cata-card ul .card-item .item-starmon{display: inline-block;height: 16px;width: 64px;overflow: hidden;background: url('../img/icoall.png') transparent no-repeat scroll 0 -192px;}
.container .cata-left .cata-main .cata-card ul .card-item .card-body{font-size: 12px;line-height: 23px;}
.container .cata-left .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-left .cata-main .cata-card ul .card-item .card-body .card-theme{color: #2f6589;}
.container .cata-left .cata-main .cata-card ul .card-item .card-body .card-info{color: #666;}
.container .cata-left .cata-main .cata-card ul .card-item .card-body .card-info div{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.container .cata-left .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-left .cata-main .cata-card ul .card-item .card-footer ul li{float: left;width: 20%;text-align: center;color: #2f6589;cursor: pointer;opacity: .8;}
.container .cata-left .cata-main .cata-card ul .card-item .card-footer ul li:hover{opacity: 1;}
.container .cata-left .cata-main .cata-card ul .card-item .card-footer ul li i{margin-right: 3px;}

/**响应屏幕设定**/
@media screen and (max-width:1233px){
    .container .cata-left .cata-main .cata-card ul .card-item{width: 32.3%;}
}
@media screen and (min-width:1233px) and (max-width:1260px){
    .container .cata-left .cata-main .cata-card ul .card-item{width: 24%;}
}
@media screen and (min-width:1261px) and (max-width:1553px){
    .container .cata-left .cata-main .cata-card ul .card-item{width: 32.3%;}
}
@media screen and (min-width:1553px) and (max-width:1862px){
    .container .cata-left .cata-main .cata-card ul .card-item{width: 24%;}
}