.listBoxes{display:table;height:auto;width:100%;font-size:1em;position:relative}.listBoxes *{-webkit-box-sizing:border-box;box-sizing:border-box}.listBoxes * a{text-decoration:none}.listBoxes .wrap{height:100%;width:100%;position:relative}.listBoxes .boxesCrumb{height:40px;background:#ccc;line-height:40px;border-bottom:1px solid #eee;width:100%}.listBoxes .boxesCrumb ul{padding:0;padding-left:30px;margin:auto;width:90%}.listBoxes .boxesCrumb ul li{display:inline-block;padding:0;margin:0;line-height:40px;list-style:none;color:#d9d9d9;font-size:1em}.listBoxes .boxesCrumb ul li.active{color:#fff}.listBoxes .boxesCrumb ul li a{color:#666;cursor:default}.listBoxes .cates,.listBoxes .tags{height:auto;width:100%;padding:15px 30px;background:#fff}.listBoxes .cates{background:#e6e6e6}.listBoxes .cates table{width:90%;margin:auto}.listBoxes .cates table tr td.title{font-size:14px;font-weight:700;padding-right:15px;color:#8fc320;white-space:nowrap;vertical-align:top}.listBoxes .cates table tr td.title a{display:inline-block;width:100%;color:#8fc320;padding:10px;margin:5px;margin-left:0}.listBoxes .cates table tr td.title a:hover{color:green}.listBoxes .cates table tr td.title a.active{font-weight:700;color:#fff;background:#8fc320}.listBoxes .cates table tr td.body span{display:inline-block;color:#666;background:#fff;padding:10px;font-size:14px;margin:5px;cursor:pointer}.listBoxes .cates table tr td.body span:hover{color:#000;background:#e2f4bb}.listBoxes .cates table tr td.body span.active{font-weight:700;color:#fff;background:#8fc320}.listBoxes .cates .cates-top-mode{margin:auto;width:90%}.listBoxes .cates .cates-top-mode a{display:inline-block;margin:10px 10px 0 0;padding:10px;color:#666;background:#fff}.listBoxes .cates .cates-top-mode a:hover{background:#e2f4bb}.listBoxes .cates .cates-top-mode a.active{color:#fff;background:#8fc320}.listBoxes .tags tr td.title{width:100px;font-size:1em;padding-right:15px;color:#8fc320;white-space:nowrap;vertical-align:middle}.listBoxes .tags tr td.body{padding-bottom:10px}.listBoxes .tags tr td.body ul{padding:0;margin:0;width:100%}.listBoxes .tags tr td.body ul li{padding:10px;margin:10px 10px 0 0;border:1px solid #fff;border-radius:10px;list-style:none;float:left}.listBoxes .tags tr td.body ul li i{font-size:1em;cursor:pointer}.listBoxes .search{margin:auto;height:50px;width:100%;background:#ccc;border-top:1px solid #eee;border-bottom:1px solid #eee;position:relative;z-index:1000}.listBoxes .search .wrap{margin:auto;padding-left:30px;width:90%;text-align:center}.listBoxes .search .wrap .history,.listBoxes .search .wrap .searchBox{float:left}.listBoxes .search .wrap .searchBox{width:420px;height:30px;border:1px solid #ccc;margin:auto;margin-top:8px}.listBoxes .search .wrap .searchBox .body,.listBoxes .search .wrap .searchBox .submit{height:30px;float:left}.listBoxes .search .wrap .searchBox .body{width:85%;background:#fff;border-radius:15px 0 0 15px}.listBoxes .search .wrap .searchBox .body input{width:80%;height:30px;border:0;outline:0}.listBoxes .search .wrap .searchBox .body span{width:30px;height:30px;line-height:30px;cursor:pointer;padding:0 15px;text-align:center}.listBoxes .search .wrap .searchBox .body .tipsPanel{width:100%;background:#fff;border-top:0;margin:auto;margin-left:20px}.listBoxes .search .wrap .searchBox .body .tipsPanel ul{margin:0;padding:0;border:1px solid #ccc}.listBoxes .search .wrap .searchBox .body .tipsPanel ul li{margin:0;padding:5px;color:#999;list-style:none;cursor:pointer}.listBoxes .search .wrap .searchBox .body .tipsPanel ul li:hover{color:#000}.listBoxes .search .wrap .searchBox .submit{width:15%;border-radius:0 15px 15px 0}.listBoxes .search .wrap .searchBox .submit button{width:100%;height:30px;border-radius:0 15px 15px 0;padding:0 20px;background:#fff;border:0;outline:0}.listBoxes .search .wrap .searchBox .submit button:hover i{font-size:1em}.listBoxes .search .wrap .history{margin:10px;height:30px;width:auto;line-height:30px;overflow:hidden}.listBoxes .search .wrap .history a{margin-left:10px;color:#666}.listBoxes .search .wrap .history a:hover{color:#999}.listBoxes .list{padding:20px;background:#fff;width:90%;margin:auto;height:auto}.listBoxes .list ul{margin:0;padding:0;width:100%;height:100%}.listBoxes .list ul li{display:block;height:auto;width:20%;padding:10px;list-style:none;float:left}.listBoxes .list ul li .oneBoxesWrap{height:100%;width:100%;background:#fff;border:1px solid #90c420}.listBoxes .list ul li .oneBoxesWrap .head{height:50px;background:#8fc320;position:relative}.listBoxes .list ul li .oneBoxesWrap .head .boxesid,.listBoxes .list ul li .oneBoxesWrap .head .title{height:50px;color:#fff;position:absolute}.listBoxes .list ul li .oneBoxesWrap .head .title{width:70%;padding:10px;white-space:nowrap;text-overflow:ellipsis;background:#8fc320;overflow:hidden;top:0;left:0}.listBoxes .list ul li .oneBoxesWrap .head .title:hover{height:auto;white-space:normal}.listBoxes .list ul li .oneBoxesWrap .head .title a{color:#ebebeb}.listBoxes .list ul li .oneBoxesWrap .head .title a:hover{font-weight:700;color:#fff}.listBoxes .list ul li .oneBoxesWrap .head .boxesid{width:30%;text-align:center;line-height:50px;background:#6f9719;top:0;right:0}.listBoxes .list ul li .oneBoxesWrap .body{width:100%;height:220px;line-height:220px;text-align:center;cursor:pointer;overflow:hidden}.listBoxes .list ul li .oneBoxesWrap .body img{padding:10px;max-width:100%;max-height:100%}.listBoxes .tipEmpty{display:table;background:#fff;width:100%;height:auto}.listBoxes .tipEmpty .body{display:table-cell;text-align:center;vertical-align:middle}.listBoxes .tipEmpty .body .pic{color:#8c8c8c;font-size:.95em}.listBoxes .tipEmpty .body .pic .icon{font-size:7em;color:#bfbfbf}.listBoxes .pagination-wrap{width:100%;position:fixed;bottom:0;text-align:center;background:rgba(0,0,0,.6)}.listBoxes .pagination-wrap ul{display:inline-block;margin:auto;padding:0;width:auto;height:40px}.listBoxes .pagination-wrap ul li{margin:0;padding:3px;list-style:none;float:left}.listBoxes .pagination-wrap ul li a{padding:10px 15px;line-height:40px;color:#ccc;font-size:1em}.listBoxes .pagination-wrap ul li a:hover{background:#a6a6a6}.listBoxes .pagination-wrap ul li a.active{background:rgba(0,0,0,.4);color:#fff;border-top:#6b6b6b 1px solid;border-right:#6b6b6b 1px solid;border-bottom:#8c8c8c 1px solid;border-left:#8c8c8c 1px solid}.listBoxes .pagination-wrap ul li.firstandlast{padding:10px 15px;line-height:40px}