.nav{padding: 25px 0;}
.nav li{float:left;display: inline-block;width: 230px ;height: 48px;text-align: center;line-height: 48px;border: 1px solid #de3336;color: #fff;margin-right: 20px;font-size: 16px;font-weight: bold;cursor: pointer;box-sizing: border-box;}
.nav li.edit{background: #de3336;color: #fff;overflow: hidden;padding: 0 10px;}
.nav li.edit i{display: inline-block;width: 19px;height: 16px;background: url("../images/icon_edit.png") no-repeat;background-size: contain;margin: 0 16px -2px 0;}
.nav li.date{background: #de3336;color: #fff;position: relative;}
.nav li.date i{position:absolute;z-index:2;left:49px;top:13px;display: inline-block;width: 21px;height: 20px;background: url("../images/icon_date.png") no-repeat;background-size: contain;margin: 0 16px -4px 0;}
.nav li.date input{position: absolute;top:0;left: 0;width: 100%;height: 46px;line-height: 46px;padding-left:85px;z-index: 1;box-sizing: border-box;cursor: pointer;}
.nav li.date input.laydate-icon{background: #de3336;border: 0;color: #fff;font-size: 16px;font-weight: bold;}
.nav li.date input.active{background: #c42d30;color: #fff;}
.nav li.date input.laydate-icon::placeholder{color: #fff;font-size: 16px;font-weight: bold;}
.nav li.active{background: #c42d30;color: #fff;}
/*.nav li.date.active i{display: inline-block;width: 21px;height: 20px;background: url("../images/icon_date.png") no-repeat;background-size: contain;}*/

.nav-box{position: relative; z-index: 5;}
.nav-box .choose-box{display: none;padding-top:15px;box-sizing:border-box;width: 230px;height: 510px;overflow: auto; box-shadow: 5px 0px 23px 0px rgba(4, 6, 51, 0.13);background: #fff;position: absolute;z-index: 2;left: 0;top: 75px;}
.nav-box .choose-box::-webkit-scrollbar {width: 4px;height: 13px;background: #eee;}
.nav-box .choose-box::-webkit-scrollbar-thumb {border-radius: 5px;-webkit-box-shadow: inset 0 0 5px #a0a0a0;background: #a0a0a0;}
.nav-box .choose-box::-webkit-scrollbar-track {background: none;}
.nav-box .show{display: block;}
.nav-box .choose-box li a{display:inline-block;width:100%;height:40px;line-height:40px;color: rgb(31, 32, 33);font-size:15px;box-sizing:border-box;padding-left: 40px;padding-right:15px;cursor:pointer;overflow: hidden;}
.nav-box .choose-box li a:hover{background: #1f2021;color: #fff;}
.nav-box .choose-box li.active a{background: #1f2021;color: #fff;}

.container ul.list li{float: left;width: 380px;height:668px;overflow:hidden;margin-right: 30px;margin-bottom: 40px; box-shadow: 0px 5px 13px 0px rgba(0, 6, 61, 0.07);box-sizing: border-box;background: #fff;}
.container ul.list li:nth-child(3n){margin-right: 0;}
.container ul.list li .img-box{width: 100%;border-bottom: 1px solid #e1e3e8;padding: 20px 18px;box-sizing: border-box;}
.container ul.list li .img-box .img{width: 100%;height:500px;overflow: hidden;}
.container ul.list li .img-box .img img{width: 100%;}
.container ul.list li .info{padding: 30px 20px;position: relative;}
.container ul.list li .info p.name{font-size: 24px;color: rgb(31, 32, 33);font-weight: bold;margin-bottom: 10px;width: 280px;overflow: hidden;height: 36px}
.container ul.list li .info p.time{font-size: 14px;color: rgb(83, 86, 89);}
.container ul.list li .info .btn_others{display: inline-block;width: 50px;height: 50px;background: rgba(222,51,54,0.1); color: rgb(222, 51, 54); font-weight: bold;font-size: 14px;padding: 10px;box-sizing: border-box;line-height: 1;position: absolute;right: 20px;top:50%;margin-top: -25px;}