body{background:#fff;}
a{color:#222;}
.nav-item {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: 1.2rem;
    line-height: 1.2rem;
    padding-left: 10px;
    padding-right: 10px;
    font-size: .8125rem;
    background-color: #1e1e1e;
}
.nav-item .logo a {
    color: #fff;
    
}
.mbx{float:left;margin:50px 10px 10px;height:24px;line-height:24px;font-size:14px;}
.mbx a{color:#999;}
.list-box{padding:10px;width:100%;float:left;}
.search1,.search2{position:relative;width:100%;}
.search1{height:.88rem;margin-bottom:10px;}
.search2{height:.9rem;}
.search1 .input{position:absolute;left:9.7%;top:0;width:73%;font-size:.4rem;line-height:.88rem;height:.88rem;text-align:center;}
.search1 .pinpai-label{position:absolute;left:10%;top:1px;width:73%;font-size:.4rem;line-height:.88rem;height:.8rem;text-align:center;background:#fff;}
.search1 .select-pinpai{z-index:1;background:transparent;position:absolute;padding-left:40px;left:0;top:0;width:83%;font-size:.4rem;line-height:.88rem;height:.88rem;text-align:center;opacity:0;}
.search1 .input input{background:transparent;width:100%;}
.search1 .qr{position:absolute;width:17%;height:100%;right:0;top:0;}
.search2 {margin-bottom:30px;}
.search2 .input{position:absolute;left:2%;top:0;width:85%;line-height:.88rem;height:.88rem;}
.search2 .input input{background:transparent;width:100%;font-size:.4rem;}
.search2 .sub1{background:none;border:none;position:absolute;width:12%;height:100%;right:0;top:0;}
.case_list{}
.case_list li{position:relative;float:left; width: 48%; margin: 0 0 20px;overflow:hidden;}
.case_list li:nth-child(2n+1){ margin: 0 4% 20px 0; }
.case_list li .shadow{ transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s; width: 100%; box-sizing: border-box; position: absolute; bottom: -116px; left: 0; background: url(../images/icon28.png); padding: 0 5%; }
.case_list li .title{ height: 50px;
    line-height: 50px;
    font-size: 14px;
    padding-right: 15px;
    box-sizing: border-box;
    width: 100%; }
.case_list li img{ width: 100%; height:3.4rem;}
.case_list li .title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:36px;padding:0 20px 0 10px;line-height:36px;color:#fff;font-size:14px;background-image:url(../images/icon27.png);background-position: 98% center;background-color: rgba(0,0,0,.5); background-repeat:no-repeat;}
.case_list li .shadow{ transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s; width: 100%; box-sizing: border-box; position: absolute; bottom: -132px; left: 0; background: url(../images/icon28.png); padding: 0; }
.case_list li .title{ 
font-size: 14px;
    height: 36px;
    line-height: 36px;
    box-sizing: border-box;
    background: url(../images/icon27.png) 97% center no-repeat;
    background-color: rgba(0,0,0,.4);
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 30px 0 10px;
    color: #fff;
 }
.case_list li .detail{ border-top: 1px solid #ccc; padding: 20px 0 15px; }
.case_list li .detail p{ height: 96px; overflow: hidden; line-height: 18px; font-size:12px;}
.case_list li:hover .shadow{ background: #1c1c1c; bottom: 0; height:100%;}
.case_list li:hover .title{ color: #e21e20; background: url(../images/anli/icon26.png) 97% center no-repeat;  }
.case_list li:hover .detail p{color:#ccc;padding:0 10px;}
.nav-footer{height:1.6rem;line-height:1.6rem;}
.nav-footer a{font-size:15px;}