/*nav*/
.p_header{width: 1100px;background: #fff;box-shadow: 0 0 29px #ececec;margin: 0 auto 20px;}
.fixer{ 
width: 100% !important; 
background: #fff;
left: -0%;
  box-shadow: 0 0 20px #999;
  position : fixed ;  
  z-index: 10;
  top : 0px ;
  _position: absolute ;
  bottom:expression(documentElement.scrollTop+10 +  "px" )   
}
.ul_head{width: 1070px;border-bottom: 1px solid #e6e6e6;margin: 0 auto;padding-top: 10px;
height: 32px;padding-left: 30px;background: #fff;box-shadow: 0 0 29px #ececec;}
.ul_head li{float: left; height: 32px;}
.ul_head li a{display: inline-block;font-size: 14px;color: #4e4e4e;line-height: 32px;height: 32px;padding: 0 10px;}
.ul_head li a:hover{text-decoration: none;background: #f99d1c;color: #fff;}
.ul_head .ul_head_current{font-weight: bold;background: #f99d1c;color: #fff;}
.box_nav{width: 1100px; margin: 0 auto 10px;height: 94px;}
.addbox{width: 1100px;background: #fff;margin: 0 auto;}
.class_nav{
padding-left: 30px;     
padding-top: 10px;background: #fff;
padding-bottom: 10px;
font-size: 14px;
color: #323232;
line-height: 14px;
}
.coin_nav{
margin-right: 12px;
float: left;
height: 24px;
line-height: 24px;
}
.coin_nav i{
margin-right: 5px;
color: #a5a5a5;
}
.ul_nav{float: left;}
.ul_nav li{
float: left;
height: 24px;
line-height: 24px;
margin-right: 18px;
text-align: center;
}
.ul_nav li a{
color: #4e4e4e;
width: 100%;
display: inline-block;
padding: 0 4px;
font-size: 14px;
}
.ul_nav li a:hover{
   color: #fff;background: #3ae0ab;border-radius: 10px;
    -webkit-transition: all .2s ease-in-out,opacity 1s;
    -moz-transition: all .2s ease-in-out,opacity 1s;
    -ms-transition: all .2s ease-in-out,opacity 1s;
    transition: all .2s ease-in-out,opacity 1s;
    text-decoration: none;
}
.clearfix::after {
    display: block;
    content: "";
    clear: both;
    visibility: hidden;
}
.ul_nav .class_current{background: #3ae0ab;border-radius: 10px;color: #fff;}
.ul_head .change{float: right;margin-right: 30px;   }
.ul_head .change a{
height: 24px;    
border-radius: 14px;
line-height: 24px;
padding: 0px 13px;
background: #e5e5e5;
color: #323232;
}
.ul_head li.change a:hover{border-bottom: none;color: #323232;background: #ccc;font-weight: normal;}

.selectBox{
/*background: #fafafa;*/
display: inline-block;
width: 100%;
padding: 7px 0;
}
.selectBox .box_text{margin-left: 10px;color: #a5a5a5;font-size: 14px;float: left;line-height: 36px;}
.selectBox .box_text span{margin-right: 10px;}
.selectBox .box_text strong{color: #323232;}
.selectBox .box_text strong.three{color: #a5a5a5;}
.selectBox .lift{
    float: left;margin-top: 6px;    
     margin-left: 30px;margin-right: 10px;
}
.fSort {
    display: inline-block;
    margin-left: -1px;
    overflow: hidden;
    padding: 0 0 0 5px;
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    border: 1px solid #ccc;
    background-color: #fff;
    float: left
}
.fSort:hover{
     background-color: #F1EDEC;
    color: #ff0036;
}
.fSort i {
    top: 6px;
    right: 5px;
    width: 7px;
    height: 10px;
    line-height: 10px;
    font-size: 12px;
}
.fSort-cur{
    background-color: #F1EDEC;
    color: #ff0036;
}
.sell_search{
width: 200px;
height: 24px;    
border: 1px solid #ccc;
float: left;    
margin-top: 6px;
position: relative;
z-index: 10;}
.sell_search .selectbox{
width: 178px;  background: #fff;
}
.sell_search .selectbox select{
    position: absolute;top: 0;left: 0;
    width: 63px;height: 24px;
    border:none;
    line-height: 24px;
    background: url(../images/select.jpg) right;
    appearance:none;    
    padding-left: 3px;
  -moz-appearance:none;    
  color: #616161;
  -webkit-appearance:none;
}
.sell_search input {

    background: #fff;
    width: 177px;
    height: 24px;
    line-height: 24px;
    background: none;
    text-indent: 72px;
    border: none;
    float: left;
    font-size: 12px;
}
.btn_search{
    display: inline-block;
    height: 24px;
    position: absolute;
    top: 0;
    right: 0;
    line-height: 24px;
    background: #fff;
    font-size: 12px;
    padding: 0 5px;
}

.post_jp{
    float: right;
    width: 110px;
    margin-right: 28px;
   height: 34px;
   display: block;
}
/*列表页*/
.result_box{width: 1100px;margin: 0 auto;min-height:500px;}
.result_box .infos{margin-left: -20px;display: inline-block;}
.result_box .info{
/*    height: 340px;*/
border: 2px solid #ccc;
width: 258px;
margin-left: 18px;
background: #fff;
margin-bottom: 8px;
-webkit-box-shadow: 0 0 29px #ececec;
float: left;
-moz-box-shadow: 0 0 29px #ececec;
-ms-box-shadow: 0 0 29px #ececec;
box-shadow: 0 0 29px #ececec;
position: relative;
}
.infos .info .link-pic{height: 204px;width: 258px;overflow: hidden;display: inline-block;float: left;}
.result_box .info .link-pic img{
height: 204px;
width: 258px;-webkit-transition: all .6s;
-moz-transition: all .6s;
-ms-transition: all .6s;
transition: all .6s;}
.infos .info .link-pic img:hover {
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.info_text{width: 90%;padding-left: 5%;float: left;}
.info_text a.info_name{
    font-weight: bold;
color: #343434;
font-size: 12px;
overflow: hidden;
height: 40px;
line-height: 18px;
width: 100%;
text-align: left;
display: inline-block;
border-bottom: 1px dotted #666;
word-break:break-all;/* 强制英文单词断行 */
}
.info_text .time{color: #323232;border-radius: 4px;margin-right: 34px; float:left;}
.info_text .box{width: 100%;display: inline-block;    line-height: 23px;float:left;}
.info_text .box .box_rgt{float: right;}
.info_text .box p{float: left;color: #a5a5a5;font-size: 12px;}
.info_text .box a{float: right;}
.info_text .box a.box_rgt {color: #ccc;}
.info_text .box a.box_rgt_cur {color: #f99d1c;}

.info_text .box .box_sp{color: #323232;}
.info_text .box .box_spa{color: #f96f1c;font-size: 16px;font-weight: bold;}
.info_text .box_wid{
width: 100%;
overflow: hidden;
height: 23px;
margin-right: 5%;
word-break: keep-all;
white-space: nowrap;
text-overflow: ellipsis;
display: block;
float:left;
}
.info_text .box em{color: #ccc;}

.infos .info .leftTop{position: absolute;left: -6px;top: -6px;height: 55px;width: 55px;}

.infos .info .new{background:url(../images/icon.png) 0 -119px ;}
.infos .info .over{background:url(../images/icon.png) 0 -174px ;}
.infos .info .leave{background:url(../images/icon.png) 0 -229px ;}

.info_text a.light_l{color: #06c085;}
.info_text a.light_h{ color: #fb7521;}
.info_text a.light_r{ color: #f93732;}  
.infos .bor_l{border:2px solid #06c085;}
.infos .bor_h{border:2px solid #fb7521;}
.infos .bor_r{border:2px solid #f93732;}

.table_div{background: #fff;width:1100px;box-shadow: 0 0 29px #ececec;padding: 20px 0;}
.text_tab{width: 1060px;text-align: center;margin-left: 20px;}
.text_tab tr{background: #fff;line-height: 18px;height: 28px;border-bottom: 1px dotted #ccc;}
.text_tab tr:last-child{border:none;}
.text_tab a:hover{text-decoration: underline;}
.text_tab td{padding: 8px 10px; }
.text_tab th{padding: 10px 10px;}
.text_tab .name{width: 230px;text-align: left;}
.text_tab .see{color: #418ee6;}
.tab_red{color: #ee4b47;font-weight: bold;}
.tab_gren{color: #1bc5bb;font-weight: bold;}
.tab_or{color: #ff6200;font-weight: bold;}
.text_tab .new{color: yellow;background: red;padding: 0 2px;}
.text_tab .over{color: yellow;background: green;padding: 0 2px;}
.text_tab .flow{color: #fff;background: #333;padding: 0 2px;}