.common-modal-container{width:calc(100% - 230px);height:100%;position:fixed;top:0;left:230px;background-color:rgba(0,0,0,.6);display:-webkit-flex;-webkit-justify-content:center;-webkit-align-items:center;-webkit-transition:-webkit-transform .3s ease-in-out, left .3s ease-in-out, width .3s ease-in-out;-moz-transition:-moz-transform .3s ease-in-out, left .3s ease-in-out, width .3s ease-in-out;-o-transition:-o-transform .3s ease-in-out, .3s ease-in-out, width .3s ease-in-out;transition:-transform .3s ease-in-out, left .3s ease-in-out, width .3s ease-in-out}.common-modal{border-radius:0;max-height:700px;max-width:920px;position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0, 0, 0, .2);border-radius:6px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0, 0, 0, .5);box-shadow:0 3px 9px rgba(0, 0, 0, .5)}@media (min-width: 768px){.common-modal{-webkit-box-shadow:0 5px 15px rgba(0, 0, 0, .5);box-shadow:0 5px 15px rgba(0, 0, 0, .5)}}.common-modal .modal-header{display:flex;align-items:center;position:relative}.common-modal .modal-header .modal-header-nav{flex:1;width:0;text-align:center}.common-modal .modal-header .modal-header-nav a{margin:0 14px;padding:17px 0;border-bottom:1px solid transparent}.common-modal .modal-header .modal-header-nav a:hover,.common-modal .modal-header .modal-header-nav a.active{color:#38f;border-color:#38f}.common-modal .modal-header .modal-title{font-size:16px}.common-modal .modal-header .close{position:absolute;top:17px;right:10px;width:20px}.common-modal .category-list{width:170px;height:420px;overflow-y:auto;border:1px solid #e8e9eb;background:#f4f5f9;float:left;border-right:none}.common-modal .category-list .add-btn{display:block;line-height:40px;text-align:center;background:#fff;border-bottom:1px solid #e8e9eb;color:#3296fa}.common-modal .category-list i.layui-icon-add-circle-fine{font-weight:600;vertical-align:initial}.common-modal .category-list .edit{position:absolute;top:0;right:25px;color:#3296fa}.common-modal .category-list .delete{position:absolute;top:0;right:8px;color:#3296fa}.common-modal .category-list li{padding:0 40px 0 15px;line-height:36px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative;cursor:pointer;border-right:none}.common-modal .category-list li.active{background-color:white}.common-modal .material-contain{padding:10px 0 10px 15px;display:flex;display:-webkit-flex;flex-wrap:wrap;margin-left:0;max-height:460px;overflow-y:auto;overflow-x:hidden;border:1px solid #e8e9eb}.common-modal .material-contain .image-list{height:400px;width:702px}.common-modal .material-contain .image-list .image-item{position:relative;float:left;width:106px;height:106px;margin-right:10px;margin-bottom:30px;cursor:pointer;overflow:hidden}.common-modal .material-contain .image-list .image-item:hover,.common-modal .material-contain .image-list .image-item.active{outline:2px solid #38f}.common-modal .material-contain .image-list .image-item:nth-child(6n){margin-right:0}.common-modal .material-contain .image-list .image-box{background:#ccc;width:106px;height:106px;background-size:cover;background-position:50% 50%}.common-modal .material-contain .image-list .image-title{position:absolute;width:94px;height:25px;font-size:12px;line-height:25px;color:#fff;text-align:center;background:rgba(0, 0, 0, .4);bottom:0;padding:0 6px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.common-modal .material-contain .news-list{height:400px;width:890px}.common-modal .material-contain .news-list .news-item{position:relative;float:left;width:182px;margin-right:10px;margin-bottom:30px;cursor:pointer;padding:10px;border:1px solid #e6e6e6;overflow:hidden}.common-modal .material-contain .news-list .news-item:hover,.common-modal .material-contain .news-list .news-item.active{outline:2px solid #38f}.common-modal .material-contain .news-list .news-item .big-news img{height:120px}.common-modal .material-contain .news-list .news-item:nth-child(4n){}.common-modal .material-contain .news-list .small-news:last-child{border-bottom:none}.common-modal .material-contain .text-list{height:400px;width:890px}.common-modal .material-contain .text-list .text-item{position:relative;float:left;width:185px;margin-right:10px;margin-bottom:30px;cursor:pointer;padding:10px;border:1px solid #e6e6e6;overflow:hidden}.common-modal .material-contain .text-list .text-item:hover,.common-modal .material-contain .text-list .text-item.active{outline:2px solid #38f}.common-modal .material-contain .text-list .text-item:nth-child(4n){margin-right:0}.common-modal .material-contain .text-list .content-box{text-align:left;font-size:13px;color:#666;text-align:left;font-size:13px;color:#666;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative;height:40px;border-bottom:none}.common-modal .material-contain .select{color:#fff;height:25px;width:50px;position:absolute;right:-20px;top:-7px;text-align:center;line-height:37px;font-family:"黑体";background-color:#38f;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);padding-bottom:2px;z-index:1000}.common-modal .material-contain .select i{font-size:10px}.common-modal .material-contain .delete{position:absolute;right:0;bottom:0;width:22px;height:22px;text-align:center;line-height:22px;background-color:#38f;color:white}.common-modal .material-contain .image-list .image-item:hover .delete,.common-modal .material-contain .image-list .image-item.active .delete,.common-modal .material-contain .news-list .news-item:hover .delete,.common-modal .material-contain .news-list .news-item.active .delete,.common-modal .material-contain .text-list .text-item:hover .delete,.common-modal .material-contain .text-list .text-item.active .delete{display:block!important}.common-modal .material-contain .image-list .image-item:hover .select,.common-modal .material-contain .image-list .image-item.active .select,.common-modal .material-contain .news-list .news-item:hover .select,.common-modal .material-contain .news-list .news-item.active .select,.common-modal .material-contain .text-list .text-item:hover .select,.common-modal .material-contain .text-list .text-item.active .select{display:block!important}.common-modal .image-extract{text-align:center;width:890px;height:510px}.common-modal .image-extract .tips{color:#999;line-height:40px;font-size:18px}.common-modal .image-extract input{display:inline-block}.common-modal .image-extract .img{width:auto;height:260px;margin:80px 0 10px 0}.common-modal .pagination{margin:15px 0 0 0;height:30px}.common-modal .urls-body{margin:0 auto;max-height:450px;overflow-x:hidden}.common-modal .urls-body .page-header{margin:20px 0;font-size:16px}.common-modal .urls-content .layui-btn:hover,.common-modal .urls-content .layui-btn.active{color:#38f;border-color:#38f}.common-modal .modal-pager{position:relative}.common-modal .modal-pager .all-select-btn{position:absolute;top:15px;left:0}.common-modal .pagination a.cur{border:1px solid #38f;background:#38f;color:#fff}.common-modal .modal-footer{text-align:center}.common-modal .modal-footer .layui-btn{min-width:120px}