body, html {
    overflow-y: hidden;
    overflow-x: hidden;
    min-width: 980px;
    font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,STHeitiSC-Light,Microsoft YaHei,\\5FAE\8F6F\96C5\9ED1,SimSun,sans-serif;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-font-smoothing: antialiased;
}

body {
    font-size: 14px;
    line-height: 1.5;
    color: #666;
    background-color: #fff;
}
.preview-modal {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #ededed;
    z-index: 2;
    background-color: #f4f4f4;
}
.preview-container {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #ededed;
    min-width: 960px;
}
.preview-header {
    width: 100%;
    height: 54px;
    background-color: #fff;
    box-shadow: 0 1px 4px rgba(0,0,0,.15);
    z-index: 2;
    line-height: 54px;
}

.preview-header-action {
    float: right;
}
.preview-header-model {
    position: absolute;
    left: 50%;
    margin-left: -84px;
    float: right;
    margin-right: 7%;
    font-size: 13px;
}
.preview-header-name {
	font-size: 16px;
    max-width: 60%;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: normal;
}
.preview-header-icon, .preview-header-name {
    margin-left: 17px;
    float: left;
}
.preview-header-action .preview-action-cell {
    margin: 0 12px;
    color: #999;
}
.preview-header-action .preview-action-cell i {
    color: #999;
    font-size: 16px;
}
.components-btn-nobg {
    background-color: transparent;
    border: 1px solid transparent;
    padding: 4px 12px;
}
.ant-btn-ghost {
    color: #666;
    background-color: transparent;
    border-color: #d9d9d9;
}
.ant-btn, .ant-btn:active, .ant-btn:focus {
    outline: 0;
}
.ant-btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    line-height: 1.5;
    padding: 6px 12px;
    font-size: 20px;
    border-radius: 6px;
    user-select: none;
    transition: all .3s cubic-bezier(.645,.045,.355,1);
    transform: translateZ(0);
    color: #4587f0;
    background-color: #fff;
}
.components-icons {
    font-family: drive!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.preview-body-container {
    height: calc(100% - 54px);
    width: 100%;
}
.preview-content {
    position: relative;
    margin-right: 266px;
    height: 100%;
    margin-top: 1px;
}
.preview-content-unknown {
	text-align: center;
	position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

.preview-content-unknown .preview-content-icon{
	font-size: 100pt;
    margin-top: 30%;
    color: #DEDEDE;
    text-shadow: -1px -1px 0px #B1B1B1;
}
    
.preview-content-unknown .preview-content-name{
	font-size: 16px;
}

.preview-activity {
    position: absolute;
    right: 0;
    height: calc(100% - 54px);
    width: 266px;
    background-color: #fff;
    top: 54px;
    border: 1px solid #e4e4e4;
}
.content-activity-container {
    position: absolute;
    width: 266px;
    right: 0;
    top: 0;
    bottom: 0;
    overflow-y: auto;
    overflow-x: hidden;
}
.preview-activity-header {
    margin: 0 15px;
    height: 43px;
    line-height: 43px;
    text-align: center;
    border-bottom: 1px solid #eee;
}
.preview-activity-body {
    height: calc(100% - 143px);
    padding: 15px 10px 15px 15px;
    overflow-y: auto;
    overflow-x: hidden;
}
ol, ul {
    list-style: none;
}
.preview-activity-item {
    padding-bottom: 2px;
}
.preview-activity-item .avatar {
    float: left;
}
.thumb-circle {
    border-radius: 50%;
}
.thumb24 {
    width: 24px!important;
    height: 24px!important;
}
.preview-activity-item .activity-action {
    float: left;
    max-width: 185px;
    margin-top: 3px;
    padding: 0 0 10px 10px;
}
.preview-activity-item .activity-action .activity-action-operator {
    float: left;
    max-width: 75px;
    margin-right: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: normal;
}
.preview-activity-footer {
    position: absolute;
    bottom: 0;
    height: 100px;
    width: 100%;
    max-height: 100px;
    border-top: 1px solid #e7e7e7;
    padding: 10px 10px 0;
}

/*-------fileType--------*/
.icon-file {
	width: 32px;
    height: 32px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
} 

.icon-file-doc,
.icon-file-docx {
	background: url(images/filetype_icon.png) 0px 0px no-repeat;
}

.icon-file-xls,
.icon-file-xlsx {
	background: url(images/filetype_icon.png) -100px 0px no-repeat;
}

.icon-file-pdf {
	background: url(images/filetype_icon.png) -400px -100px no-repeat;
}

.icon-file-rtf {
	background: url(images/filetype_icon.png) -400px -100px no-repeat;
}

.icon-file-txt {
	background: url(images/filetype_icon.png) -400px -100px no-repeat;
}

.icon-file-et {
	background: url(images/filetype_icon.png) -400px -100px no-repeat;
}

.icon-file-ppt {
	background: url(images/filetype_icon.png) -400px -100px no-repeat;
}

.icon-file-pptx {
	background: url(images/filetype_icon.png) -400px -100px no-repeat;
}

.icon-file-dps {
	background: url(images/filetype_icon.png) -400px -100px no-repeat;
}

.icon-file-pot {
	background: url(images/filetype_icon.png) -400px -100px no-repeat;
}

.icon-file-pps {
	background: url(images/filetype_icon.png) -400px -100px no-repeat;
}

.icon-file-wps {
	background: url(images/filetype_icon.png) -400px -100px no-repeat;
}

.icon-file-html,
.icon-file-htm {
	background: url(images/filetype_icon.png) -100px -300px no-repeat;
}

.icon-file-gif,
.icon-file-png,
.icon-file-apng,
.icon-file-bmp,
.icon-file-jpeg,
.icon-file-jpg {
	background: url(images/filetype_icon.png) -500px -200px no-repeat;
}

.icon-file-unknown {
	background: url(images/filetype_icon.png) -500px 0px no-repeat;
}

.preview-activity .preview-activity-list{
    padding: 0;
}
.preview-activity .preview-activity-item .fileName{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.preview-activity .preview-activity-item.first{
    overflow: hidden;
}
.preview-activity .preview-activity-item .score{
    float: left;
}
.preview-activity .preview-activity-item .scoreStar{
    float: right;
    font-size: 16px;
}
.yellow{
    color: #ff0;
}