/* 按钮 */
.c-btn {
  display: inline-block;
  font-size: 14px;
  line-height: 1;
  padding: 8px 20px;
  outline: none;
  border-radius: 3px;
  text-align: center;
  cursor: pointer;
  -webkit-appearance: none;
  background-color: #fff;
  transition: all .5s;
}

.c-btn + .c-btn {
  margin-left: 10px;
}

.c-btn.c-btn__default {
  border: 1px solid #d7d7d7;
  color: #222;
}

.c-btn.c-btn__default:hover {
  background-color: #ececec;
}

.c-btn.c-btn__primary {
  border: 1px solid #3595ff;
  color: #3595ff;
}

.c-btn.c-btn__primary:hover {
  background-color: #d8edff;
}

.c-btn.c-btn__warning {
  border: 1px solid #ff6d5a;
  color: #ff6d5a;
}

.c-btn.c-btn__warning:hover {
  background-color: #ffeeec;
}

.c-btn.c-btn__large {
  width: 154px;
  height: 40px;
  line-height: 40px;
  padding: 0;
}

.c-btn.c-btn__large.c-btn__primary {
  background-color: #3595ff;
  border: 1px solid #3595ff;
  color: #fff;
}

.c-btn.c-btn__large.c-btn__primary:hover {
  background-color: #187eee;
}

.c-btn.c-btn__large.c-btn__default {
  border: 1px solid #c5c6c6;
  color: #888;
}

.c-btn.c-btn__large.c-btn__default:hover {
  background-color: #ececec;
}

/* 输入框 */
.c-input {
  display: inline-block;
  width: 100%;
  padding: 7px 8px;
  border: 1px solid #dddddd;
  color: #000;
  outline: none;
  vertical-align: middle;
  border-radius: 4px;
  box-sizing: border-box;
  transition: all .5s;
}

.c-input.c-input__disabled {
  background-color: #e9e9e9;
  border-color: #e9e9e9;
}

.c-input.c-input__disabled:hover {
  border-color: #e9e9e9;
  cursor: not-allowed;
}

.c-input:focus,
.c-textarea:focus,
.c-input:hover,
.c-textarea:hover {
  border: 1px solid #3595ff;
}

.c-input__wrapper {
  width: 100%;
  position: relative;
}

.c-input__wrapper .c-icon__clear {
  position: absolute;
  right: 8px;
  top: 50%;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAAJFBMVEVHcEyampqfn5+bm5uampqampqampqampqbm5uampqbm5ubm5viCx5FAAAAC3RSTlMAMBDv8NDPwODfv5APQewAAACISURBVCjPvdGxDYAgEAVQbgMSKLRjBWsqazpaO0dwDTtHcAewuOXMcaDHAtBc8vNyfIJSow7cPGddA5Ndyf1Sgw33kuNTA4tEwGNsOwIRg8kpQQRgIkEhEhTSASIdoCvw6sp7xOw6kALX/UC0klAHEIRLCsIlBTm5g/2fzyUhrG3HwXPSw37tBQW5MQXfTx6mAAAAAElFTkSuQmCC)
    no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
}

.c-input__wrapper .c-icon__success {
  position: absolute;
  right: 8px;
  top: 50%;
  width: 10px;
  height: 7px;
  margin-top: -4px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAOBAMAAAAyKEr9AAAAG1BMVEVHcExQtXVQtXRQtXRQv3BQtXNQtXJQtHNQtXSfjX0NAAAACHRSTlMAMPDPEOBg0HuGr6wAAABSSURBVAjXY2CAAuc2GIuBxaIDznbuaEcSVmRgyDCBCDcJMDBoNDvAhBkqOkxgwgxCHc0OUGEGRo0OE6gwWAIqDJaACYMkYMIgCbgwA4NoIIQGANK/FNDGfASSAAAAAElFTkSuQmCC)
    no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
}

.c-input__wrapper .c-input[clearable] {
  padding: 7px 32px 7px 8px;
}

.c-input.c-input__success,
.c-input.c-input__success,
.c-textarea:focus.c-input__success {
  border: 1px solid #50b574;
}

.c-input.c-input__failed,
.c-input.c-input__failed,
.c-textarea:focus.c-input__failed {
  border: 1px solid #ed5565;
}

.c-textarea {
  width: 100%;
  padding: 10px;
  border: 1px solid #dddddd;
  border-radius: 4px;
  transition: all .5s;
}

/* 资源图标 */
.c-resource__prefix {
  padding: 3px 0 3px 23px;
  *display: inline-block;
  height: 16px;
}

.c-resource__prefix.doc {
  background: url(../images/resource-icon/icon-resource-word__small.png)
    no-repeat left center;
  background-size: 16px 16px;
}

.c-resource__prefix.pdf {
  background: url(../images/resource-icon/icon-resource-pdf__small.png)
    no-repeat left center;
  background-size: 16px 16px;
}

.c-resource__prefix.file {
  background: url(../images/resource-icon/icon-resource-folder__small.png)
    no-repeat left center;
  background-size: 16px 16px;
}

.c-resource__prefix.html {
  background: url(../images/resource-icon/icon-resource-html__small.png)
    no-repeat left center;
  background-size: 16px 16px;
}

.c-resource__prefix.ppt {
  background: url(../images/resource-icon/icon-resource-ppt__small.png)
    no-repeat left center;
  background-size: 16px 16px;
}

.c-resource__prefix.image {
  background: url(../images/resource-icon/icon-resource-picture__small.png)
    no-repeat left center;
  background-size: 16px 16px;
}

.c-resource__prefix.video {
  background: url(../images/resource-icon/icon-resource-video__small.png)
    no-repeat left center;
  background-size: 16px 16px;
}

.c-resource__prefix.xls {
  background: url(../images/resource-icon/icon-resource-excel__small.png)
    no-repeat left center;
  background-size: 16px 16px;
}

.c-resource__prefix.txt {
  background: url(../images/resource-icon/icon-resource-txt__small.png)
    no-repeat left center;
  background-size: 16px 16px;
}

.c-resource__prefix.music {
  background: url(../images/resource-icon/icon-resource-music__small.png)
    no-repeat left center;
  background-size: 16px 16px;
}

.c-resource__prefix.zip {
  background: url(../images/resource-icon/icon-resource-zip__small.png)
    no-repeat left center;
  background-size: 16px 16px;
}

.c-resource__prefix.movie {
  background: url(../images/resource-icon/icon-resource-movie__small.png)
    no-repeat left center;
  background-size: 16px 16px;
}

.c-resource__prefix.default {
  background: url(../images/resource-icon/icon-resource-default__small.png)
    no-repeat left center;
  background-size: 16px 16px;
}

.c-resource__prefix.tir {
  background: url(../images/resource-icon/icon-resource-tir__small.png)
    no-repeat left center;
  background-size: 16px 16px;
}

/* 单选框/复选框 */
label.checkbox {
  padding-left: 24px;
  cursor: pointer;
  background: url(../images/component-icon/icon-checkbox-normal.png) no-repeat;
  background-size: 20px 20px;
  line-height: 20px;
  height: 20px;
  display: inline-block;
}

label.checkbox.checked {
  background: url(../images/component-icon/icon-checkbox-checked.png) no-repeat;
  background-size: 20px 20px;
}

.hRadio {
  padding-left: 24px;
  display: inline-block;
  background: transparent url(../images/component-icon/icon-radio-normal.png)
    no-repeat;
  background-size: 20px 20px;
  /* height: 21px; */
  line-height: 21px;
  cursor: pointer;
  vertical-align: middle;
  _height: 21px;
  min-height: 21px;
}

.hRadio_Checked {
  background: transparent url(../images/component-icon/icon-radio-checked.png)
    no-repeat left top;
  background-size: 20px 20px;
}

/* 通用表格 */
.c-common-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: none;
  border-top: 1px solid #eaeaea;
  font-size: 16px;
  font-size: #000;
  background-color: #fff;
  cursor: pointer;
}
.c-common-table[checkable] .ckbox {
  width: 48px;
  text-align: left;
}

.c-common-table td,
.c-common-table th {
  border-bottom: 1px solid #eaeaea;
  line-height: 54px;
  padding: 0 15px;
  text-align: left;
}

.c-common-table th {
  font-weight: normal;
  color: #555;
}

.c-common-table tr:hover {
  background-color: #f5faff;
}

/* 分页 */
.c-pagination {
  line-height: 40px;
  font-size: 14px;
  color: #555;
}

.c-pagination .btn-prev,
.c-pagination .btn-next,
.c-pagination .c-pager__item {
  width: 84px;
  height: 40px;
  background-color: #fafafa;
  border: 1px solid #eeeeee;
  font-size: 14px;
  color: #555;
  outline: none;
  cursor: pointer;
  margin-right: 10px;
  text-align: center;
}

.c-pagination .c-pager__item {
  width: 40px;
}

.c-pagination .c-pager__item.active {
  color: #fff !important;
  border: 1px solid #3595ff;
  background-color: #3595ff;
}

.c-pagination .btn-prev:hover,
.c-pagination .btn-next:hover,
.c-pagination .c-pager__item:hover {
  color: #3595ff;
  border: 1px solid #3595ff;
}

.c-pagination .c-pagination__total {
  margin-right: 10px;
}

.pager-input {
  display: inline-block;
  transition: all 1s;
  transform: translateX(-60px);
}

.pager-submit {
  display: inline-block;
  line-height: 38px;
  width: 55px;
  text-align: center;
  outline: none;
  background-color: #3595FF;
  border: 1px solid #3595FF;
  vertical-align: middle;
  cursor: pointer;
  color: #fff;
}

.c-pagination .c-pagination__jumper .jump-value:focus + .pager-input {
  transform: translateX(-4px);
}

.c-pagination .c-pagination__jumper .jump-value {
  display: inline-block;
  -webkit-appearance: none;
  background-color: #fff;
  border: 1px solid #dcdfe6;
  box-sizing: border-box;
  color: #606266;
  display: inline-block;
  font-size: inherit;
  height: 40px;
  line-height: 40px;
  outline: none;
  padding: 0 5px;
  width: 60px;
  vertical-align: middle;
  margin-right: 0;
  position: relative;
  z-index: 1;
}

/* 气泡弹窗 */
.c-bubble {
  display: inline-block;
  padding: 55px;
  background-color: #fff;
  border: 1px solid rgba(196, 211, 219, 1);
  box-shadow: 0px 0px 13px rgba(196, 211, 219, 0.65);
}

.c-bubble .c-bubble__content {
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  color: #555;
}

.c-bubble .c-bubble__content .c-icon__success {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-right: 15px;
  background: url('../images/component-icon/icon-success.png') no-repeat;
  background-size: 100% 100%;
  vertical-align: middle;
}

.c-bubble .c-bubble__content .c-icon__failed {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-right: 15px;
  background: url('../images/component-icon/icon-warning.png') no-repeat;
  background-size: 100% 100%;
  vertical-align: middle;
}

/* 重写弹窗样式 */
.d-mask {
  background: #000;
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.d-state-lock .d-inner,
.d-state-focus .d-inner {
  text-align: left;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  background: #fff;
  border-radius: 4px;
  border: none;
}
.d-buttons {
  padding-bottom: 50px;
}

.d-buttons .d-button {
  line-height: 32px;
  background: #fff;
  display: inline-block;
  color: #888888;
  font-size: 14px;
  padding: 0 26px;
  cursor: pointer;
  border: 1px solid #c6c6c6;
  vertical-align: middle;
  border-radius: 4px;
  font-weight: 400;
}

.d-buttons .d-button + .d-buttons .d-button {
  margin-left: 10px;
}

.d-buttons .d-button:hover {
  background-color: #ececec;
}

.d-buttons .d-state-highlight {
  background: #fff;
  border: 1px solid #3595ff;
  color: #3595ff;
}

.d-buttons .d-state-highlight:hover {
  background-color: #d8edff;
}

/* 空间门户标题栏 */
/* 空间标题栏 */
h2.portal_tit,
h2.space_tit {
  height: 30px;
  font: normal 20px/30px '微软雅黑';
  display: block;
  color: #222;
  padding: 5px 3px;
  border-bottom: 1px solid #e0e0e0;
}

h2.portal_tit a.more,
h2.space_tit a.more {
  width: 18px;
  height: 18px;
  display: inline-block;
  line-height: 30px;
  background: url('../images/component-icon/icon-more.png') no-repeat;
  background-size: 18px 18px;
  position: relative;
  top: 6px;
}

h2.portal_tit .tab_tit,
h2.space_tit .tab_tit {
  display: inline-block;
  font: 14px/2em '微软雅黑';
  height: 28px;
  margin-left: 8px;
  color: #e2e2e2;
  position: relative;
  top: -2px;
  *top: -1px;
}

h2.portal_tit .tab_tit a,
h2.space_tit .tab_tit a {
  font: 14px/22px '微软雅黑';
  height: 22px;
  font-size: 14px;
  display: inline-block;
  padding: 0px 9px;
  margin: 0px 8px;
  color: #555;
}

h2.portal_tit .tab_tit a:hover,
h2.space_tit .tab_tit a:hover {
  font: 14px/22px '微软雅黑';
  height: 22px;
  font-size: 14px;
  display: inline-block;
  padding: 0px 9px;
  margin: 0px 8px;
  color: #3595ff;
  background: #fff;
}

h2.portal_tit .tab_tit a.on,
h2.space_tit .tab_tit a.on {
  background: #3595ff;
  color: #fff;
  text-decoration: none;
  border-radius: 11px;
}

/* 选项卡 */
.c-tab {
  width: 100%;
}

.c-tab__title {
  width: 100%;
  border-bottom: 1px solid #DFDFDF;
}
.c-tab__wrapper {
  line-height: 40px;
  position: relative;
  bottom: -1px;
}
.c-tab__item {
  display: inline-block;
  line-height: 40px;
  font-size: 14px;
  color: #000;
  margin-right: 20px;
  border-bottom: 2px solid transparent;
}

.c-tab__item:hover {
  color: #3595FF;
  text-decoration: none;
}

.c-tab__item.on {
  color: #3595FF;
  border-bottom: 2px solid #3595FF;
}