.materialType-box {position:fixed;z-index:100000;background:rgba(0,0,0,0.4);top:0;left:0;right:0;bottom:0;font-size:14px;animation:fadeIn 100ms;}
.materialType-box .modal-main {width:80vw;height:80vh;max-width:1000px;margin:0 auto;margin-top:8vh;animation:fadeInUp 300ms;border-radius:5px;background:#fff;overflow:hidden;position:relative;}
.materialType-box .modal-main>.title {background:#f4f7f9;height:48px;padding:0 20px;position:relative;}
.materialType-box .modal-main>.title .txt {font-size:18px;font-weight:400;line-height:48px;}
.materialType-box .modal-main>.title .but {position:absolute;right:10px;top:50%;margin-top:-15px;font-size:22px;line-height:22px;padding:4px 10px;text-align:center;cursor:pointer;color:#999;transition:all .3s;}
.materialType-box .modal-main>.title .but:hover {color:#fff;background:#C85157;border-radius:2px;}

.materialType-box .modal-main>.content-box {overflow:hidden;overflow-y:auto;position:absolute;top:48px;bottom:0;right:0;left:0;}