/* 筛选 */
.filter-clear:after{clear:both;content:"";display:table}
.filter{width:100%;box-sizing:border-box;border:1px solid #eee;background:#F9F9F9;font-size:14px;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}
.filter-item:last-child{border-bottom:0}

.filter-item{border-bottom:1px solid #eee;height:auto;position:relative}
.filter-option{float:left;cursor:pointer;color:#666;}
.filter-label{line-height:30px;}
.filter-list{list-style:none;padding:0;position:relative;}

@media screen and (max-width: 640px){
    .filter-label{/* float: left; */margin-left: 5px;}
    .filter-option{margin:2px 0;padding:3px 5px;}
    .filter-list{margin:5px}
    .filter-item{padding:6px 0;}
}
@media screen and (min-width: 640px){
    .filter-label{width:120px;text-align:right;position:absolute;top:6px;left:10px}
    .filter-option{margin:2px 5px;padding:3px 8px;}
    .filter-list{margin:0 0 0 120px}
    .filter-item{padding:6px 20px;}
}
    .filter{width:100%;background-color:#fff;padding-bottom:20px;margin-top: 20px;}
.media_main_head_nav {height: 65px;display: flex;justify-content: space-between;align-items: center;margin-bottom: 20px;background: #f2f2f2;}
.media_main_head_list_active {background-color: #ffffff;color: #333;}
.media_main_head_list {display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;font-size: 18px;cursor: pointer;}
.media_main_head_list a{color:#333;}
.media_main_head_list:hover{background:#fff;}
.media_main_head_nav_icon {display: inline-block;width: 32px;height: 32px;border-radius: 50%;background-repeat: no-repeat;background-size: cover;background-position: center;margin-right: 10px;}
    .filter-item{border-bottom:none;}
    .filter-label{color:#666;font-size:15px;}
    .filter-option.on, .filter-option:hover {color:#fff;background-color:#ff8140;border-radius:3px;}

    .selectBox{margin: 0 0 0 125px;}
    .selectBox .unit{width:150px;height:36px;position: relative;margin-right:20px;float: left;}
    .selectBox .unit:last-child{margin-right:0px;}
    .selectBox .unit i{display: block;width:100%;height:36px;line-height:36px;font-style: normal;cursor: pointer;border: solid 1px #c9c9c9;border-radius: 3px;padding-left:12px;padding-right:34px;background:url('../images/xiala_jiantou.png') 95% center no-repeat;background-size:10px 6px;}
    .selectBox .unit ul{display:none;padding:0px 4px; width:150px;position:absolute;left:0px;top:34px;z-index:8888;overflow: visible;background-color:#fff;border-radius:3px;border: solid 1px #c9c9c9;}
    .selectBox .unit ul li a.filter-option{width:100%;height:36px;line-height:36px;box-sizing: border-box; margin: auto;color:#999;}
    .selectBox .unit ul li a.filter-option.on{color: #f95555;background-color: #fafafa;}   
    .selectBox .unit ul li a.filter-option:hover{color:#f95555;background-color: #fafafa;}
/* 筛选end */

/*.list */
.row-fluid{width:100%;}
.row-fluid label.lab {display: inline-block;margin-top: 15px;border: 1px solid #eee;width: 100%;padding: 15px 0;margin-left: 0;text-indent: 2em;background: #fff;}
.row-fluid .table{margin:20px 0 100px 0 ;}
.row-fluid .media_name{color: #337ab7;max-width: 80px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.row-fluid .price_1{color: #337ab7;}
.row-fluid .price_1:hover{color: #ff5b55;}

.row-fluid .media_name:hover{color: #ff5b55;}
.row-fluid .media_name:visited{color: purple;}
.map{width:100%;float:left;font-size:16px;margin-top:60px;text-align:center;}
.layui-badge {line-height: 16px !important;height: 16px !important;padding: 0 3px !important;font-size: 10px !important;font-family: monospace;margin-right: 5px;}
.pc_weight{background: url(../images/pc.png) center center no-repeat;width: 50px;height: 20px;color: #ffffff;display: inline-block;line-height: 20px;padding-left: 22px;}
.media_list .layui-table-cell{height: 100%;padding:3px;white-space:normal;font-size:14px;overflow:inherit;line-height:20px;}
/*.list end */

/******分页******/
.page{clear:both;color:#999;padding:20px 0px 20px 0px;font-size:14px;flex-direction: row;flex-wrap: nowrap;display: flex;}
.page ul{margin:0 auto;}
.page li{float: left;border: 1px solid #ccc;display: inline;cursor: pointer;background: #fff;text-decoration:none;color:#333;line-height: 30px;margin-left: -1px;}
.page li.active{float: left;border: 1px solid #fa2f2f;display: inline;background-image: linear-gradient(269deg, #ff193a 0%, #ff5656 100%);color: #fff;line-height: 30px;margin-left: -1px;}
.page li:hover{float: left;border: 1px solid #fa2f2f;display: inline;background-image: linear-gradient(269deg, #ff193a 0%, #ff5656 100%);color: #fff;line-height: 30px;}
.page li:hover a{color:#fff;}
.page li.active a{color:#fff;}
.page li a{padding: 0 12px;color:#333;}