html{
    background:#fff;
}
body{
    padding-bottom: 2.5rem;
}
/* 搜索开始*/
.searchs{
    background:#f4f4f4;
    height:2.8rem;
    width:18.75rem;
    padding-top: 0.7rem;

}
.search{
    overflow: hidden;
    width:17.7rem;
    border:1px solid #3e87f0;
    background:#fff;
    height:1.95rem;
    border-radius:0.25rem;
    position:relative;
    margin:0 auto;
}
.search input{
    width:14.45rem;
    height:1.95rem;
    float: left;
    padding-left: 0.55rem;
    font-size: 0.7rem;
    border-right:1px solid #3e87f0;
    border-radius: 0;

}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #cccccc; opacity:1; 
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #cccccc;opacity:1;
}

input:-ms-input-placeholder{
    color: #cccccc;opacity:1;
}

input::-webkit-input-placeholder{
    color: #cccccc;opacity:1;
}
.search button{
    width:0.95rem;
    height:0.925rem;
    float: left;
    position:absolute;
    right:0.875rem;
    top:0.55rem;
    background:url(../images/icon/button.png) no-repeat center center;
    background-size: cover;
}
/* 搜索结束*/




/*分类开始*/ 
.Categories{
    background:#f4f4f4;
    width:18.75rem;
    margin-left: -9.375rem;
    position: fixed;
    top:0;
    left:50%; 
    z-index: 100;
    border-bottom: 1px solid #ccc;
}
/*分类结束*/ 



/*类别开始*/
.NineCategories{
} 
.NineCategories li{
    overflow:hidden;
    height:5.25rem;
    border-top: 1px solid #ccc;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}
.NineCategories li:nth-child(1){
    border-top: 1px solid #fff;

}
.NineCategories li img{
    width:5rem;
    height:5rem;
    border:1px solid #ccc;
    float: left;
    margin-right: 1rem;
    margin-left: 0.75rem;
}
.NineCategories li .right{
    float: left;
    width:11.425rem;
    height:5rem;
    position: relative;
}
.NineCategories li .right h3{
    color:#333333;
    font-size: 0.7rem;
    margin-bottom: 0.4rem;
}
.NineCategories li .right p{
    font-size: 0.6rem;
    color:#515151;
   
}
.NineCategories li .right p.cus{
    font-size: 0.55rem;
    color:#919191;
}
.NineCategories li .work{
    position:absolute;
    left:0;
    bottom:0;
    width: 11.425rem;
    height:1rem;
}
.NineCategories li .right p span{
    color:#f27b28;
}
.NineCategories li .work .v{
    width:1rem;
    height:1rem;
    display: block;
    background:url(../images/icon/gold-store.png)no-repeat 0 0;
    background-size: 20px 20px;
    background-position:center center;
    float: left;
}
.NineCategories li .work .gold{
    width:1rem;
    height:1rem;
    display: block;
    background:url(../images/icon/vip_13_new.png)no-repeat 0 0;
    background-size: 20px 20px;
    background-position:center center;
    float: left;
}
.NineCategories li .work .damond{
    width:1rem;
    height:1rem;
    display: block;
    background:url(../images/icon/vip_23_new.png)no-repeat 0 0;
    background-size: 20px 20px;
    background-position:center center;
    float: left;
}
.NineCategories li .work .platinum{
    width:1rem;
    height:1rem;
    display: block;
    background:url(../images/icon/vip_33_new.png)no-repeat 0 0;
    background-size: 20px 20px;
    background-position:center center;
    float: left;
}
.NineCategories li .work .v{
    width:1rem;
    height:1rem;
    display: block;
    background:url(../images/icon/gold-store.png)no-repeat 0 0;
    background-size: 20px 20px;
    background-position:center center;
    float: left;
}
.NineCategories li .work .eyes{
    float: right;
    font-size:0.7rem;
}
.NineCategories li .work .eyes p{
    color:#cccccc;
    float:left;
    line-height: 1rem;
    position: relative;
    position: absolute;
    left: 8.3rem;
    top: 0.1rem;
}
.NineCategories li .work .eyes .in-eyes{
    width:0.875rem;
    height:0.6rem;
    display: inline-block;
    background:url(../images/icon/yan.png)no-repeat 0 0;
    background-size: cover;
    margin-right: 5px;
    position: absolute;
    top: 0.15rem;
    left: -1rem;
}
.NineCategories li .work em{
    width:0.775rem;
    height:0.725rem;
    display: inline-block;
    background:url(../images/icon/sc.png)no-repeat 0 0;
    background-size: cover;
    margin-left: 5px;
    margin-top: 0.1rem;
    cursor: pointer;


}
.NineCategories li .work em.dark{
    width:0.775rem;
    height:0.725rem;
    display: inline-block;
    background:url(../images/icon/sc2.png)no-repeat 0 0;
    background-size: cover;
    margin-left: 5px;
    cursor: pointer;

}
/*类别结束*/ 



.layui-flow-more {
    margin: 0 0;
    text-align: center;
    color: #999;
    font-size: 14px;
    background:#f4f4f4;
    height:2.85rem;
    line-height: 2.85rem;
}
.layui-flow-more a i {
    font-size: 30px;
    color: #737383;
    line-height: 2.85rem;
     background:url(../images/icon/jiazai.gif)no-repeat 0 0;
     width:4.4rem;
     height:1.35rem;
    background-size: cover;
    color:#f4f4f4!important;
    text-indent:-999px;
    margin-top: 0.6rem;
}
.layui-flow-more a cite{
    display: none;
}
.layui-field-title {
    border: none;
    border-top: 1px solid #fff;
    margin-top: 3.5rem;
    background:#fff;
}
.layui-elem-field{
    margin:0;
    margin-top: 3.5rem;
}



.Consultation{
    width:18.75rem;
    position:fixed;
    height:100%;
    top:0;
    left:50%;
    margin-left: -9.375rem;
    background:rgba(0, 0, 0, 0.5);
    z-index: 101;
    display: none;
    
}
.Publish{
    width:4.5rem;
    height:1.5rem;
    background:#3e87f0;
    color:#fff;
    font-size: 0.7rem;
    border-radius: 0.15rem;
    display: block;
    position:fixed;
    top:50%;
    left:50%;
    margin-top:-0.75rem;
    margin-left:-2.25rem;
    text-align: center;
    line-height: 1.5rem;
}