.type-icon {float:left;display:inline-block;width:57px;height:70px;background:url("../../res/images/type-icon.png") no-repeat;}
.type-icon.doc {background-position:0 0}
.type-icon.xls {background-position:0 -70px}
.type-icon.ppt {background-position:0 -140px}
.type-icon.swf {background-position:0 -210px}
.type-icon.mp3 {background-position:0 -280px}
.type-icon.flv {background-position:0 -210px}
.type-icon.pdf {background-position:0 -350px}
.type-icon.rar {background-position:0 -420px}
.type-icon.other {background-position:0 -490px}
.type-icon span {height: 20px;}
.type-icon span i {font-size: 18px;font-weight:800;background-repeat:no-repeat;background-position:center center;position:absolute;max-width: 80%;left:-3px;top:5px}
.type-icon .layui-badge{height: 16px; line-height: 16px; border-radius: 2px;background-color:#85cd38}

.fly-list-button{position: absolute; right: 15px; top: 15px; font-size: 0;}
.fly-list-button .layui-badge{margin-left: 5px; border-radius: 2px; font-size: 12px;}

.dn-btn {position: absolute; right: 15px; top: 15px;text-align:center;}
.dn-btn a {color:#666;line-height:34px}
.dn-btn a:hover {color:#fff;background-color:#4735cb}
.dn-btn .btn {display:block;cursor:pointer;width:90px;height:32px;line-height:32px;text-align:center;color:#fff;background-color:#6571e3;border-radius:2px}
.dn-btn .btn:hover {background-color:#4735cb;text-decoration:none;color:#fff}
.dn-btn a.jiar:hover {cursor:pointer;color:#fa5614;background-color:transparent}

.layui-container {width: 1230px !important;}
.fly-user-main>.fly-panel {margin-left: 265px;}
.main-background-color{background-color:#4F94CD}