.SelectMaterial{position:fixed;left:0;top:0;z-index:9999;display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;background-color:rgba(0,0,0,.8)}.SelectMaterial .main{display:flex;flex-direction:column;width:90%;padding:20px;min-height:600px;background-color:#e6e6e6;border-radius:20px}.SelectMaterial .main .header{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:2px solid #d7d7d7}.SelectMaterial .main .header>span{flex-shrink:0}.SelectMaterial .main .content{position:relative;height:100%}.SelectMaterial .main .content .target-content{display:flex;width:100%;height:100%}.SelectMaterial .main .content .target-content .left{width:180px;border-right:1px solid #888889}.SelectMaterial .main .content .target-content .left .category-list{overflow-y:auto;text-align:center}.SelectMaterial .main .content .target-content .left .category-list .category-item{margin:20px 0;text-align:center;padding:5px 20px;background-color:#fff;border-radius:8px;cursor:pointer}.SelectMaterial .main .content .target-content .left .category-list .active{background:#169bd5!important;color:#fff}.SelectMaterial .main .content .target-content .right{width:100%;height:600px;overflow:auto}.SelectMaterial .main .content .target-content .right .systemTitle{margin-left:10px;margin-top:20px;margin-bottom:10px;width:100px;height:28px;border-bottom:1px solid #797979}.SelectMaterial .main .content .target-content .right .functionList{display:flex;flex-wrap:wrap}.SelectMaterial .main .content .target-content .right .functionList .item{width:80px;height:36px;margin-left:10px;margin-bottom:10px;border-radius:6px;line-height:36px;text-align:center;font-weight:700;background-color:#fff;cursor:pointer}.SelectMaterial .main .content .target-content .right .functionList .item.active{color:#00f}.SelectMaterial .main .content .target-content .right .search-wrap{width:100%;margin-bottom:10px;display:flex}.SelectMaterial .main .content .target-content .right .search-wrap .ipt{width:200px;margin-left:20px}.SelectMaterial .main .content .target-content .right .search-wrap .btn{margin-left:20px}.SelectMaterial .main .content .target-content .right .table-wrap{width:100%;padding:0 20px}.SelectMaterial .main .content .target-content .right .webview-wrap{margin-left:20px;margin-top:20px;width:calc(100% - 60px);padding:20px;height:500px;background-color:#fff}.SelectMaterial .main .footer{width:100%;text-align:right}