@charset "utf-8";

@font-face {
  font-family: 'iconfont';  /* Project id 2919364 */
  src: url('//at.alicdn.com/t/font_2919364_b71wwa9grg.woff2?t=1639556833816') format('woff2'),
       url('//at.alicdn.com/t/font_2919364_b71wwa9grg.woff?t=1639556833816') format('woff'),
       url('//at.alicdn.com/t/font_2919364_b71wwa9grg.ttf?t=1639556833816') format('truetype');
}


@font-face {
	font-family: 'iconfont';
	/* Project id 1887920 */
	src: url('//at.alicdn.com/t/font_1887920_6xmi4co14tm.woff2?t=1636445134587') format('woff2'),
		url('//at.alicdn.com/t/font_1887920_6xmi4co14tm.woff?t=1636445134587') format('woff'),
		url('//at.alicdn.com/t/font_1887920_6xmi4co14tm.ttf?t=1636445134587') format('truetype');
}

fieldset,
iframe,
img {
	border: 0
}

.btn,
.mod-input-txt,
.ui-dnd {
	box-sizing: border-box
}

.layout-aside,
.layout-main-hd,
.mod-act-group,
.mod-container,
.mod-figure-list,
.mod-item-list,
.mod-list-group {
	-moz-user-select: none;
	-ms-user-select: none;
	-ktml-user-select: none;
	-webkit-user-select: none;
	-webkit-touch-callout: none
}

html {
	overflow-x: hidden;
	font-family: -apple-system, BlinkSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Helevetica, Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", "Source Han Sans CN", sans-serif
}

blockquote,
body,
code,
dd,
div,
dl,
dt,
fieldset,
figure,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
	margin: 0;
	padding: 0;
	outline: 0
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

address,
b,
caption,
cite,
code,
dfn,
em,
i,
strong,
th,
var {
	font-style: normal;
	font-weight: 400
}

ol,
ul {
	list-style: none
}

caption,
th {
	text-align: left
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: 400
}

q:after,
q:before {
	content: ''
}

abbr,
acronym {
	border: 0;
	font-variant: normal
}

sup {
	vertical-align: text-top
}

sub {
	vertical-align: text-bottom
}

.btn .icon,
.btn-l .icon,
.icon,
.mod-check .txt,
.mod-menu .icon,
.mod-menu .menu-tit,
.mod-search .search-placeholder .txt,
.mod-user .icon-trig,
.mod-user .icon-vip,
.mod-user-s,
.mod-user-s+.user-name,
.pop-guide-wrapper .fake-ele {
	vertical-align: middle
}

input,
select,
textarea {
	#font-size: 100%
}

legend {
	color: #000
}

iframe {
	overflow: hidden
}

textarea {
	resize: vertical;
	overflow-y: auto
}

a {
	text-decoration: none;
	color: #020202;
	outline: 0
}

a div,
a i,
a s,
a span,
a strong {
	#cursor: hand
}

img {
	border: 0;
	vertical-align: middle;
	background-image: none !important
}

body,
html {
	height: 100%;
	overflow: hidden
}

body,
button,
input,
select,
textarea {
	font: 14px/1.5 -apple-system, BlinkSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Helevetica, Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", "Source Han Sans CN", sans-serif;
	-webkit-font-smoothing: subpixel-antialiased;
	color: #000;
	outline: 0
}

.flex_wrap {
	display: flex;
	height: calc(100vh - 95px);
}

input::-ms-clear {
	width: 0;
	height: 0
}

::-webkit-input-placeholder {
	color: #74787C;
	opacity: .6
}

::-moz-placeholder {
	color: #74787C;
	opacity: .6
}

:-ms-input-placeholder {
	color: #74787C;
	opacity: .6
}

.layout-wrapper {
	width: 100%;
	height: 100%;
	min-width: 940px;
	background-color: #fff
}

.layout-body-inner {
	position: relative;
	padding: 0 0 0 100px;
	height: 100%
}

.layout-header {
	background: #F5F8FA
}

.layout-header-inner:after {
	content: "";
	display: block;
	clear: both
}

.layout-main.fullscreen .layout-main-bd-aside,
body.fullscreen .layout-main-bd-aside,
body.fullscreen .mod-act-group,
body.fullscreen .mod-action-wrap-a {
	display: none
}

.layout-aside {
	position: absolute;
	left: 0;
	top: 70px;
	bottom: 0;
	width: 95px;
	background: #fff;
	box-shadow: 5px 0 10px #f8f8f8;
}

.layout-main-bd {
	height: calc(100vh - 65px)
}

.layout-aside .mod-user {
	margin: 10px auto 0
}

.layout-aside .mod-menu {
	margin: 3px 0 0
}

.layout-aside .layout-aside-ft {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	width: 240px;
	z-index: 10;
	background: #f4f4f4
}

.layout-aside .layout-aside-ft .mod-progress-info {
	padding: 4px 24px 20px;
	cursor: pointer
}

.layout-aside .layout-aside-ft .mod-progress-info:hover {
	background: #eaeaea
}

.layout-main-wrap {
	height: 100vh;
	margin-left: 35px;
}

.layout-toolbar .mod-nav {
	position: fixed;
	top: 0;
	left: 0;
	height: 64px;
	background: #fff;
	box-shadow: 0 5px 10px #f8f8f8;
}

.layout-toolbar {
	background-color: #fff;
	height: 70px;
}

.layout-main {
	height: calc(100vh - 64px);
	min-width: 630px
}

.layout-aside .mod-search {
	margin: 20px 24px 0;
	z-index: 8
}

body.fullscreen .layout-main {
	position: fixed;
	left: 0;
	right: 0;
	top: 60px;
	bottom: 0;
	z-index: 11;
	background: #fff;
	min-width: 630px
}

body.fullscreen .layout-main-bd-main {
	margin-left: 0
}

body.fullscreen .layout-toolbar {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	z-index: 12
}

body.fullscreen .mod-md,
body.fullscreen .ql-editor-wrap {
	margin: 0 30px
}

body.fullscreen .layout-toolbar .mod-nav {
	margin-left: 30px
}

.layout-main.fullscreen .mod-act-panel .mod-action-wrap-a {
	margin-left: 0
}

.layout-main.fullscreen .layout-main-bd-main {
	margin-left: 0;
	position: fixed;
	top: 60px;
	background: #fff;
	z-index: 9;
	bottom: 0;
	left: 0;
	right: 0
}

.layout-foot {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 3px
}

.layout-main-bd-aside {
	width: 362px;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0
}

.layout-main-bd-main {
	margin-left: 362px;
	position: relative;
	height: 100%
}

.layout-main-bd-main .mod-md,
.layout-main-bd-main .ql-editor-wrap {
	margin: 0 70px 0 30px
}

.layout-main-bd-main .mod-tips {
	margin: 30px 0 0 30px
}

.layout-aside-ft .mod-view .btn-m {
	padding: 0 40px 0 20px;
	height: 60px;
	line-height: 60px;
	width: 100%;
	display: block
}

.layout-aside-ft .mod-view .btn-m:hover {
	background: #eaeaea
}

.layout-aside-ft .mod-view .icon-trig {
	position: absolute;
	right: 15px;
	top: 50%;
	margin: -8px 0 0
}

.layout-aside-ft .mod-view .view-tit {
	display: block;
	text-align: left
}

.layout-aside-ft .mod-view .mod-bubble-menu {
	left: 20px
}

.layout-aside-ft .mod-view {
	width: 100%;
	background: url(../img/svg/bg-aside.png) left top no-repeat;
	background-size: 100% auto
}

.page-home .layout-body {
	height: 100%
}

.page-home .layout-aside-bd {
	height: calc(100vh - 60px);
	/* overflow-y: auto */
}

.page-team .layout-aside-bd {
	height: calc(100vh - 50px - 56px - 60px - 60px)
}

.layout-main-wrap-files .mod-list-group .list-group-bd {
	height: auto;
	overflow: inherit
}

.layout-main-wrap-files .layout-main-bd {
	overflow-y: auto
}

.layout-main-wrap-files .mod-list-group .list-group-hd {
	padding-right: 0
}

.page-doc .layout-body-inner {
	padding: 0
}

.page-doc .layout-main-bd .list-group-hd,
.page-doc .layout-main-bd .list-group-wrapper,
.page-doc .layout-main-bd .mod-list-group .list-group-hd,
.page-doc .layout-main-hd {
	max-width: 1800px;
	padding-left: 60px;
	padding-right: 60px;
	margin: 0 auto
}

.page-doc .mod-list-group .list-group-hd {
	padding-right: 86px
}

.btn,
.page-doc .mod-act-panel .act-panel-inner {
	padding: 0
}

.page-doc .mod-nav .logo a {
	width: 200px;
	background-image: url(../img/svg/logo-doc.svg)
}

.page-doc .mod-upload .mod-bubble-menu-upload {
	width: 154px
}

.page-doc .mod-list-group .list-group-item:after,
.page-doc .mod-list-group .list-group-item:before {
	right: 0
}

.page-doc .mod-list-group .list-group-hd:after {
	right: 70px
}

.page-doc .mod-act-panel .mod-check {
	margin-left: 7px
}

.page-doc .mod-operate {
	position: absolute;
	left: 0;
	right: 0;
	top: 15%
}

.page-doc .mod-list-group .list-group-hd:after {
	left: 110px
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
	*zoom: 1
}

.clear:after {
	content: "";
	display: block;
	clear: both;
	*zoom: 1
}

.ellipsis {
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%
}

::-webkit-scrollbar {
	width: 8px;
	height: 10px;
	overflow: visible
}

::-webkit-scrollbar-thumb {
	border: solid transparent;
	border-width: 1px 0;
	background: #D8DCE5
}

::-webkit-scrollbar-thumb:hover {
	background-color: #9198a6
}

::-webkit-scrollbar-arrow {
	color: red;
	background: #0F0
}

::-webkit-scrollbar-button {
	width: 0;
	height: 0
}

.icon-add,
.icon-add-light,
.icon-upload-s,
.icon-vip-btn {
	width: 24px;
	height: 24px
}

::-webkit-scrollbar-button:hover {
	border-color: #5F6366
}

::-webkit-scrollbar-button:vertical:end:decrement,
::-webkit-scrollbar-button:vertical:start:increment {
	display: none
}

.btn,
.icon {
	display: inline-block;
	position: relative
}

.icon-add {
	background-image: url(../images/svg/icon-add.svg)
}

.icon-add-light {
	background-image: url(../images/svg/icon-add-light.svg)
}

.icon-upload-s {
	background-image: url(../images/svg/icon-upload-s.svg)
}

.icon-vip-btn {
	background-image: url(sprite/page-home-180622163207@2x.png);
	background-position: -713px -379px;
	background-size: 810px 719px
}

.icon {
	background-repeat: no-repeat;
	font-size: 0;
	overflow: hidden;
	-webkit-text-size-adjust: none
}

.link {
	color: #2980FF
}

.link:hover,
.txt-link:hover {
	text-decoration: underline
}

.btn-s:hover,
.btn:hover {
	text-decoration: none
}

.btn {
	text-align: center;
	cursor: pointer;
	outline: 0;
	border: none;
	background-color: transparent
}

.btn.dis,
.btn.dis:hover {
	cursor: not-allowed;
	background: #72C9FF;
	color: #fff
}

.btn .btn-trig {
	position: absolute;
	width: 32px;
	height: 100%;
	top: 0;
	right: 0;
	cursor: pointer
}

.btn .btn-trig:before {
	position: absolute;
	left: 0;
	content: "";
	width: 1px;
	height: 20px;
	top: 50%;
	margin: -10px 0 0;
	background-color: rgba(255, 255, 255, .4)
}

.btn .btn-trig .icon {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -8px 0 0 -8px
}

.btn-l,
.btn-xl,
.btn-xxl {
	height: 36px;
	line-height: 36px;
	padding: 0 30px;
	border-radius: 2px;
	background: #2980FF;
	color: #fff;
	font-size: 14px
}

.btn-l:hover,
.btn-sl:hover,
.btn-xl:hover {
	background-color: #2977EA
}

.btn-l .btn-txt {
	position: relative;
	top: -2px
}

.btn-l .icon {
	margin: 0 6px 0 -3px;
	top: -2px
}

.btn-xl {
	padding: 0 80px;
	height: 56px;
	line-height: 56px;
	font-size: 20px
}

.btn-xxl {
	padding: 0 90px;
	height: 60px;
	line-height: 60px;
	font-size: 18px
}

.btn-xxl.btn-bor {
	padding: 0 89px
}

.btn-icon {
	border: none;
	outline: 0;
	background: 0 0;
	padding: 0;
	color: transparent;
	font-size: 0
}

.btn-m {
	padding: 0 25px;
	height: 34px;
	line-height: 34px;
	border: 1px solid #2980FF;
	border-radius: 2px;
	outline: 0;
	background-color: transparent;
	color: #2980FF
}

.btn-m:hover {
	background-color: #F5F8FA
}

.btn-s {
	padding: 0 10px;
	height: 24px;
	line-height: 24px;
	border-radius: 2px;
	outline: 0;
	color: #fff;
	background: #e3bb8c;
	background: -moz-linear-gradient(-45deg, #e3bb8c 0, #c69862 100%);
	background: -webkit-linear-gradient(-45deg, #e3bb8c 0, #c69862 100%);
	background: linear-gradient(135deg, #e3bb8c 0, #c69862 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3bb8c', endColorstr='#c69862', GradientType=1);
	font-size: 12px
}

.btn-s:hover {
	background: #dab285;
	background: -moz-linear-gradient(-45deg, #dab285 0, #b58852 100%);
	background: -webkit-linear-gradient(-45deg, #dab285 0, #b58852 100%);
	background: linear-gradient(135deg, #dab285 0, #b58852 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dab285', endColorstr='#b58852', GradientType=1)
}

.btn-txt:hover,
.mod-act-group .act-item-txt .act-item-link:hover {
	text-decoration: underline
}

.btn-w {
	height: 36px;
	line-height: 36px;
	padding: 0 45px;
	border-radius: 20px;
	border: 1px solid #a7adb7;
	color: #505254
}

.btn-link {
	outline: 0;
	border: none;
	background-color: transparent
}

.btn-bor {
	background: 0 0;
	border: 1px solid #2980FF;
	color: #2980FF
}

.disable {
	cursor: default
}

.btn-visited,
.btn-visited:hover {
	background: 0 0;
	border: 0;
	color: #777
}

.btn-normal {
	color: #777;
	border: 1px solid #D2D8DC;
	background-color: #fff
}

.btn-normal:hover {
	background-color: #F5F8FA
}

.btn-txt,
.btn-txt:hover {
	background: 0 0;
	color: #2980FF
}

.btn-txt {
	border: 0;
	padding: 0
}

.mod-logo {
	float: left;
	width: 125px;
	height: auto;
	line-height: 60px;
	margin: 0 25px;
}

.mod-logo a {
	display: block;
	width: 125px;
}

.mod-logo a img {
	width: 100%;
	height: auto;
}

.mod-nav .logo a {
	display: block;
	width: 160px;
	background-image: url(../img/svg/logo-v2.svg);
	background-repeat: no-repeat;
	overflow: hidden
}

.mod-input-txt {
	border: 1px solid #D2D8DC;
	border-radius: 2px;
	font-size: 14px;
	height: 26px;
	line-height: 26px;
	padding: 0 5px
}

.mod-input-txt:focus {
	border-color: #0980ff
}

.mod-nav {
	position: relative;
	z-index: 10;
	height: 64px
}

.mod-nav .logo {
	float: left
}

.mod-nav .logo a {
	height: 36px;
	margin: 14px 0 0;
	line-height: 100px;
	font-size: 0
}

.mod-nav .mod-act {
	position: relative;
	float: left;
	margin: 12px 0 0 76px
}

.mod-nav .mod-search {
	position: relative;
	float: left;
	margin: 12px 0 0 16px;
	z-index: 9
}

.mod-nav .mod-view {
	position: absolute;
	left: 237px;
	right: 0;
	top: 0;
	bottom: 0;
	text-align: center;
	z-index: 1
}

.mod-nav .mod-view .view-item-list {
	display: inline-block;
	margin: 12px 0 0
}

.mod-nav .mod-upload {
	position: relative;
	float: right;
	padding: 12px 0;
	margin: 0 40px 0 0;
	z-index: 3
}

.mod-upload {
	display: inline-block;
	position: relative
}

.mod-nav.disabled .mod-search,
.mod-nav.disabled .mod-upload,
.mod-nav.disabled .view-item {
	position: relative;
	opacity: .5;
	cursor: not-allowed
}

.mod-nav.disabled .mod-search::before,
.mod-nav.disabled .mod-upload::before,
.mod-nav.disabled .view-item::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 100;
	border-radius: 20px;
	background-color: rgba(255, 255, 255, .5);
	cursor: not-allowed
}

.mod-nav .mod-act-group {
	float: right;
	margin: 0 60px 0 0
}

.mod-nav .mod-action-wrap-list {
	float: left
}

.mod-nav .mod-action-wrap {
	float: left;
	margin: 14px 16px 0 0
}

.mod-nav .mod-action-container {
	float: left;
	width: 310px
}

.mod-nav .mod-action-container .mod-action-wrap {
	margin-right: 0
}

.mod-nav .mod-breadcrumb {
	overflow: hidden;
	padding: 21px 20px 0 0
}

.mod-nav .mod-link-info {
	float: left;
	height: 64px;
	line-height: 64px;
	margin: 0 10px 0 0
}

.mod-nav .mod-act {
	z-index: 10
}

.mod-act .act-link {
	position: relative;
	display: block;
	width: 34px;
	height: 34px;
	border-radius: 2px;
	text-align: center;
	background: #E9EEF3;
	border: 1px solid transparent
}

.mod-act .act-icon {
	position: relative;
	display: block;
	height: 100%
}

.mod-act .icon-act {
	position: absolute;
	width: 24px;
	height: 24px;
	background-image: url(../img/svg/icon-act.svg);
	left: 50%;
	top: 50%;
	margin: -12px 0 0 -12px
}

.mod-act .act-num {
	position: absolute;
	z-index: 10;
	height: 16px;
	line-height: 16px;
	background: #F74B4B;
	border-radius: 16px;
	left: 24px;
	top: -4px
}

.mod-act .act-num .num {
	position: relative;
	padding: 0 5px;
	color: #fff;
	font-size: 12px;
	display: none
}

.mod-act.act .act-num .num,
.mod-act.error .act-num .num,
.mod-act.up .act-num .num {
	display: block
}

.mod-act .icon-error {
	visibility: hidden
}

.mod-act:hover .act-link {
	border-color: #D2D8DC
}

.mod-act.show .icon-act {
	background-image: url(../img/svg/icon-act-act.svg)
}

.mod-act.act .icon-act {
	background-image: url(../img/svg/icon-sync.svg);
	-webkit-animation: change 1s linear infinite;
	animation: change 1s linear infinite
}

@keyframes change {
	0% {
		transform: rotate(0)
	}

	100% {
		transform: rotate(360deg)
	}
}

@-webkit-keyframes change {
	0% {
		-webkit-transform: rotate(0)
	}

	100% {
		-webkit-transform: rotate(360deg)
	}
}

.mod-act.act.show .icon-act {
	background-image: url(../img/svg/icon-sync-act.svg)
}

.mod-act.up .icon-act {
	background-image: url(../img/svg/icon-light-s-round.svg);
	-webkit-animation: change 1s linear infinite;
	animation: change 1s linear infinite
}

.mod-act.pause .icon-act {
	-webkit-animation: none 1s linear infinite;
	animation: none 1s linear infinite
}

.mod-act.up .act-icon:after {
	position: absolute;
	content: "";
	width: 24px;
	height: 24px;
	left: 50%;
	top: 50%;
	margin: -12px 0 0 -12px;
	background-image: url(../img/svg/icon-light-s.svg)
}

.mod-act.error .act-num .num {
	display: none
}

.mod-act.error .icon-error {
	visibility: visible;
	width: 16px;
	height: 16px;
	background-image: url(../img/svg/icon-error.svg)
}

.mod-act .act-num-animation {
	animation-name: act-num-animation-keyframes;
	animation-duration: 1s;
	animation-delay: 0s;
	animation-fill-mode: forwards;
	animation-timing-function: linear;
	animation-iteration-count: 1;
	transform-origin: 0 0
}

@keyframes act-num-animation-keyframes {
	0% {
		transform: translate(0, 0) scale(1) rotateX(12deg) rotateY(0) rotateZ(0) translate(-50%, -50%)
	}

	5% {
		transform: translate(-41.84px, -209px) scale(.975) rotateX(11.45deg) rotateY(0) rotateZ(0) translate(-50%, -50%)
	}

	10% {
		transform: translate(-71.66px, -279.11px) scale(.95) rotateX(10.9deg) rotateY(0) rotateZ(0) translate(-50%, -50%)
	}

	15% {
		transform: translate(-97.58px, -329.14px) scale(.925) rotateX(10.35deg) rotateY(0) rotateZ(0) translate(-50%, -50%)
	}

	20% {
		transform: translate(-123.55px, -371.22px) scale(.9) rotateX(9.8deg) rotateY(0) rotateZ(0) translate(-50%, -50%)
	}

	25% {
		transform: translate(-145.31px, -400.88px) scale(.875) rotateX(9.25deg) rotateY(0) rotateZ(0) translate(-50%, -50%)
	}

	30% {
		transform: translate(-166.46px, -426.06px) scale(.85) rotateX(8.7deg) rotateY(0) rotateZ(0) translate(-50%, -50%)
	}

	35% {
		transform: translate(-187.27px, -447.58px) scale(.825) rotateX(8.15deg) rotateY(0) rotateZ(0) translate(-50%, -50%)
	}

	40% {
		transform: translate(-207.88px, -466.04px) scale(.8) rotateX(7.6deg) rotateY(0) rotateZ(0) translate(-50%, -50%)
	}

	45% {
		transform: translate(-228.38px, -481.89px) scale(.775) rotateX(7.05deg) rotateY(0) rotateZ(0) translate(-50%, -50%)
	}

	50% {
		transform: translate(-248.81px, -495.5px) scale(.75) rotateX(6.5deg) rotateY(0) rotateZ(0) translate(-50%, -50%)
	}

	55% {
		transform: translate(-269.22px, -507.14px) scale(.725) rotateX(5.95deg) rotateY(0) rotateZ(0) translate(-50%, -50%)
	}

	60% {
		transform: translate(-289.62px, -517.05px) scale(.7) rotateX(5.4deg) rotateY(0) rotateZ(0) translate(-50%, -50%)
	}

	65% {
		transform: translate(-310.09px, -525.4px) scale(.675) rotateX(4.85deg) rotateY(0) rotateZ(0) translate(-50%, -50%)
	}

	70% {
		transform: translate(-330.68px, -532.34px) scale(.65) rotateX(4.3deg) rotateY(0) rotateZ(0) translate(-50%, -50%)
	}

	75% {
		transform: translate(-351.55px, -538.32px) scale(.625) rotateX(3.75deg) rotateY(0) rotateZ(0) translate(-50%, -50%)
	}

	80% {
		transform: translate(-376.04px, -542.61px) scale(.6) rotateX(3.2deg) rotateY(0) rotateZ(0) translate(-50%, -50%)
	}

	85% {
		transform: translate(-399.89px, -545.89px) scale(.575) rotateX(2.65deg) rotateY(0) rotateZ(0) translate(-50%, -50%)
	}

	90% {
		transform: translate(-425.82px, -548.19px) scale(.55) rotateX(2.1deg) rotateY(0) rotateZ(0) translate(-50%, -50%)
	}

	95% {
		transform: translate(-455.81px, -549.55px) scale(.525) rotateX(1.55deg) rotateY(0) rotateZ(0) translate(-50%, -50%)
	}

	100% {
		transform: translate(-500px, -550px) scale(.5) rotateX(1deg) rotateY(0) rotateZ(0) translate(-50%, -50%)
	}
}

.mod-act .act .icon-sync {
	animation: change 2.5s linear infinite;
	-webkit-animation: change 2.5s linear infinite
}

.mod-act .mod-tasks {
	visibility: hidden;
	pointer-events: none;
	opacity: 0;
	-webkit-transform-origin: left top;
	transform-origin: left top
}

.mod-act.show .mod-tasks {
	visibility: visible;
	pointer-events: auto;
	opacity: 1;
	-webkit-animation: showTask .3s 0s forwards;
	animation: showTask .3s 0s forwards
}

@-webkit-keyframes showTask {
	0% {
		opacity: 0;
		-webkit-transform: scale(0);
		transform: scale(0)
	}

	70% {
		opacity: 1;
		-webkit-transform: scale(1.04);
		transform: scale(1.04)
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes showTask {
	0% {
		opacity: 0;
		-webkit-transform: scale(0);
		transform: scale(0)
	}

	70% {
		opacity: 1;
		-webkit-transform: scale(1.04);
		transform: scale(1.04)
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

.mod-act.hide .mod-tasks {
	opacity: 0;
	visibility: hidden;
	-webkit-animation: HideTask .3s 0s forwards;
	animation: HideTask .3s 0s forwards;
	pointer-events: none
}

@-webkit-keyframes HideTask {
	0% {
		opacity: 1;
		visibility: visible;
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(0);
		transform: scale(0)
	}
}

@keyframes HideTask {
	0% {
		opacity: 1;
		visibility: visible;
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(0);
		transform: scale(0)
	}
}

.icon-search {
	width: 14px;
	height: 15px;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAPCAYAAADUFP50AAAB8ElEQVQ4T4WSS2gTURSG/zOTjIsqGBQhAdfuC0JFEaugCLqojyD4gEKYmZgYwYXYVQdRqEUUJIvMhIBE8BGXiogKvlauxeLCbUgVJGAlME5mfjmhlfFRe+DC5dzz3f+cnyNIRbPZnEiS5AyAPQA2AggBvCd5L47jR5VK5ftKuejF87xMoVCokJwH8BnAKwA9kusBjIvIBMkOyQvlcrmrzAhsNBrnROQWyduGYVy3bfvDys++728GcBTADQBvoig6Va1Wv4rv++OaAPAgDMOztVpN2/srgiA4QfIugEuO48xLEASqNGWa5mSpVPr0LyilfgfA9kwms1cVF0i+c113+n+QvgVBMEXyIcmDCi6S9F3XnV0LXHb9GcmqgupS23GcmbVA3/d3AXguItMKvgXQD8Pw+GrGpGZ0ANwEMKnmnCd5TUQO2bb9YjXVer2+ybKsJySXLMs6pop5lQdgADjiOM7HP+F2uz02GAyuishpkidd1306WoDl3u/rionInGEYL6Mo+pYkybpsNruNZA3AYQCvc7nc/mKx+GMEaqhjcRx7IrJbZwbwBcAYgK0AtAs9B7S01+vN/AIVbrVaG4bD4T4AO0huMQxjKUmSBdM0H3e73cV8Pn8RwBWSc7+B6dl08T3PG6ZznU7H7Pf7lwHs/Am+7+mkmAX+4QAAAABJRU5ErkJggg==") no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}

.icon-close {
	width: 16px;
	height: 16px;
	background-image: url(../images/svg/icon-close.svg)
}

.mod-search {
	position: relative
}

.mod-search .close {
	display: none;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	text-align: center;
	width: 36px;
	z-index: 5
}

.mod-search .close .icon {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -12px 0 0 -12px
}

.mod-search .search-panel {
	width: 365px;
	height: 35px;
	background: #fff;
	padding: 0 10px;
	border-radius: 2px;
	height: 36px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #e2e2e2;
}

.mod-search .search-input {
	height: 36px
}

.mod-search.focus .search-panel,
.mod-search:hover .search-panel {
	background: #fff
}

.mod-search.focus .search-panel {
	background: #fff;
	box-shadow: 0 1px 4px rgba(15, 32, 66, .2);
	border: 1px solid #C8CCD3
}

.mod-search .mod-input {
	display: block;
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: 36px;
	line-height: 36px;
	padding: 8px 34px 8px 10px;
	border-radius: 4px;
	color: #000;
	z-index: 4;
	border: 0;
	background: 0 0
}

.mod-search .search-close,
.mod-search .search-placeholder {
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 5;
	line-height: 36px;
	right: 0
}

.mod-search .icon-search {
	margin: 0 13px 0 9px
}

.mod-search.focus .mod-input,
.mod-search.istext .mod-input {
	color: #000;
	opacity: 1
}

.mod-search .search-placeholder {
	right: 0;
	cursor: pointer;
	z-index: 9;
}

.mod-search .search-close {
	width: 30px;
	text-align: center;
	display: none;
	cursor: pointer
}

.mod-search.focus .search-close {
	display: block
}

.mod-search .search-placeholder .txt {
	color: #9B9B9B;
	position: relative;
	top: -1px
}

.mod-search.focus .search-placeholder .txt {
	display: none
}

.mod-search.searching .icon-search {
	background: url(data:image/gif;base64,R0lGODlhGAAYANU1AIWJjLa4upWYm8fJy+np6qapq9ja23R4fPz8/PT09ff39/39/fX19fr6+/j4+Pn6+v7+/rW4uZmdn4yPk+zs7cLExtHS1N7g4aeprOvs7Pf4+MDDxPDw8cnLzPPz9Pr6+vX29rm7vdHT1PHx8trb3O7u7+Pk5bGztevr7IWIjM7Q0r7Awt3e36GkppOXmvT09PT19fr7+/b29/n5+fv7/P///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzhBNzZFODc1NkVFMTFFNkJFM0RFNjVBOUQzRThEMDUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzhBNzZFODg1NkVFMTFFNkJFM0RFNjVBOUQzRThEMDUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDOEE3NkU4NTU2RUUxMUU2QkUzREU2NUE5RDNFOEQwNSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDOEE3NkU4NjU2RUUxMUU2QkUzREU2NUE5RDNFOEQwNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAUNADUALAAAAAAYABgAAAaDwJpwSCwaj8ikkng4LJfN5xCyYTCdw0UiuQFIrMKocEEhbI8MiRdMJBMoiyRM4uIYESj4kmE/IuJSgYJSAoUCTwaJBkSGh0uKi4OSk0QOHkgaDUsOESeXRRoqFppInAURDkYNFgOjSCKnqUIBAUMxrCZIECKys7VDDbmCtJRDxMXIkkEAIfkECQ0ANQAsAgACABQAFAAABnnAmnA4BACIyGTxqCR2FEQjMRGCOAUYqFAqTEwOIaICg9VOv5MEUoZpjZKlVFqpeCtL6qZ+z0cW/gV9BIMEgIF8hAR9i4xIDyBNHwhKDxUrkEgfLBeTRJUBFQ9JCBcGnEQkoKJCAwNDNKUZSCSrrK5DCLJ8rY1DvE1BACH5BAUNADUALAAAAAAYABgAAAaCwJpwSCwaj8ikkigQLJfN5xAicjCdQ8YGghQVIlZhVMiQADZIR+QbJpYBEkZSETl5jBxXfOm4HzlyUoKDUgGGAU8HigdEh4hLi4yEk5REDRpICAtLDRYqmEUIKBSbSJ0DFg1GCxQEpEgmqKpCBgZDrAQJSSaztLa3uoO1lUPDxMeTQQAh+QQJDQA1ACwCAAIAFAAUAAAGesCacDgsFIjIZPGoJJIeRCNR0UGSAhWoUCpUYATV4aOC1U6/GAVyVlmBkqNWWvl4K0fqpn7PRw7+A30AgwCAgXyEAH2LjEgIH00lCUoIFyyQSCUpE5NElQYXCEkJEwecRBmgokIEBEMvpSFIGausrkMJIRB8rY1DvU1BACH5BAUNADUALAAAAAAYABgAAAaDwJpwSCwaj8ikkhgILJfNJ9HUYDqHDhEEaRpYqsKo0BEpiJANixdMJBcijmTMotIYPSf4smE/euJSgYJSBoUGTwKJAkSGh0uKi4OSk0QLCEgcDEsLFCiXRRwuEppInAQUC0YMEgCjSAmnqUIHB0MwrBtJCbKztUMMG1uBtJRDxMXIkkEAIfkECQ0ANQAsAgACABQAFAAABnrAmnA4HAyIyGTxqCRmEEQj8UFCZgwXqFAqfFQC1SHigtVOv5UHknZhfZKgVVqJeCtB6qZ+z0cS/gR9BYMFgIF8hAV9i4xICSVNIwpKCRMpkEgjLRiTRJUHEwlJChgCnEQhoKJCAABDMqUdRBAhq6yuQwqyfK2NQ71NQQAh+QQFDQA1ACwAAAAAGAAYAAAGgsCacEgsGo/IpJJoMCyXzScxsWA6hw1TMkGgVIVRYcMy0B4XlO6XOB5YGkk0CmHUqN7LBf2ogUv/gFIHgwdPAYcBRISFS4iJgZCRRAwcSB4OSwwSLpVFHicRmEiaABIMRg4RBaFIG6WnQgICQwqqIkgQG7Cxs0MOIhCAspJDw8THkEEAIfkEBQ0ANQAsAgACABQAFAAABnrAmnA4JBCIyGTxqBxCQgmikYjIIEOHSVQ4FSIuBuswMcluqeALAvmapErJD0utTMCVn3Vzz+8jAYAAfgOEA4GCfYUDfoyNSAojTSAPSgoYLZFIICsVlESWAhgKSQ8VAZ1EHaGjQgUFQzOmJEgdrK2vQw+zfa6OQ71NQQA7)
}

.mod-search label {
	position: absolute;
	left: 38px;
	top: 10px;
	height: 13px;
	line-height: 17px;
	color: #A2A2A2
}

.mod-nav.disabled .mod-search:hover {
	border-color: #D5D7DF
}

.mod-nav.disabled .mod-search:hover .icon-search {
	background-image: url(sprite/page-home-180622163207@2x.png);
	background-position: -767px -453px;
	background-size: 810px 719px
}

.mod-search .mod-menu-group {
	position: absolute;
	left: 0;
	top: 35px;
	visibility: hidden;
	max-height: 0;
	opacity: 0;
	width: 260px;
	overflow: scroll
}

.mod-search.focus .mod-menu-group {
	visibility: visible;
	max-height: 480px;
	overflow: hidden;
	opacity: 1;
	width: 338px
}

.mod-view-wrap .view-label {
	float: left;
	height: 36px;
	line-height: 36px;
	margin: 0 4px 0 0
}

.mod-view-wrap .view-label-tit {
	color: #777
}

.mod-view-wrap .mod-view {
	float: left
}

.mod-view-wrap .mod-view .mod-bubble-menu {
	left: auto;
	right: 0;
	top: 46px
}

.mod-view-wrap .mod-view .btn-m {
	padding: 0 4px 0 8px
}

.mod-view {
	position: relative
}

.mod-view .btn-m {
	padding: 0 10px 0 13px;
	border-color: #D2D8DC;
	color: #000;
	cursor: pointer
}

.mod-view .icon-trig {
	transform: rotate(0);
	transition: all .3s
}

.mod-view.act .icon-trig,
.mod-view.up .icon-trig {
	transform: rotate(180deg)
}

.mod-view.up.act .icon-trig {
	transform: rotate(0)
}

.mod-view .mod-bubble-menu {
	left: auto;
	right: 0;
	top: 53px;
	visibility: hidden;
	opacity: 0;
	max-height: 0;
	overflow: hidden
}

.mod-view.up .mod-bubble-menu {
	top: auto;
	bottom: 35px
}

.mod-view.act .mod-bubble-menu {
	visibility: visible;
	opacity: 1;
	max-height: 300px;
	overflow: hidden
}

.mod-list-group .list-group-hd .list-group-tit.name.checked .tit-con,
.mod-list-group .list-group-hd .list-group-tit.name.checked .tit-con .icon-sort,
.mod-view.dis .btn-m .icon-trig {
	visibility: hidden
}

.mod-view .mod-bubble-menu .menu-item .txt-tit {
	display: block
}

.mod-view .mod-bubble-menu .menu-item .txt-attr {
	display: block;
	color: #777;
	font-size: 12px;
	margin: -12px 0 0
}

.mod-view.dis .btn-m {
	cursor: text;
	border-color: transparent !important
}

.mod-view.dis .btn-m:hover {
	background: inherit;
	border-color: transparent !important
}

.mod-view .view-tit {
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.mod-view-nobor .btn-m {
	border-color: transparent
}

.mod-view-nobor.act .btn-m {
	border-color: #D2D8DC
}

.mod-view-nobor .mod-bubble-menu {
	left: 0
}

.mod-view-l .mod-bubble-menu {
	width: 235px;
	left: auto;
	right: 0
}

.mod-view-l .mod-bubble-menu .menu-item {
	border-bottom: 1px solid rgba(15, 32, 66, .06)
}

.mod-view-l .mod-bubble-menu .menu-item:last-child {
	border-bottom: 0 none
}

.mod-view-l .mod-bubble-menu .menu-item .txt {
	height: 60px;
	padding-left: 30px
}

.mod-view-l .mod-bubble-menu .menu-item .icon-sel {
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -12px
}

.mod-upload .btn-l {
	text-align: center
}

.mod-upload .mod-bubble-menu-upload {
	left: auto;
	right: 0;
	top: 57px;
	width: 184px;
	max-height: 0;
	overflow: hidden;
	opacity: 0
}

.mod-upload.act .mod-bubble-menu-upload {
	opacity: 1;
	max-height: 400px
}

.mod-upload .mod-bubble-menu .menu-item .icon-upload-create {
	margin-top: -24px
}

.mod-upload-a .btn-l {
	padding-right: 61px
}

.mod-upload-a .mod-bubble-menu-upload {
	width: 100%
}

.mod-upload-a .mod-bubble-menu-upload ul .menu-item .txt {
	padding-left: 20px
}

.ui-dnd {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 100%;
	overflow: hidden;
	-moz-box-sizing: border-box;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#AAAAAA, direction=90, strength=2) progid:DXImageTransform.Microsoft.Shadow(color=#AAAAAA, direction=180, strength=2);
	_width: 99.82%;
	*zoom: 1
}

.ui-dnd embed,
.ui-dnd object {
	width: 100%;
	height: 100%;
	margin-left: -35px
}

.ui-dnd-tips {
	height: 100%;
	line-height: 230px;
	text-align: center
}

.ui-dnd-close {
	padding: 8px
}

.header-att .ui-dnd {
	top: 40px
}

.mod-act-group {
	font-size: 14px
}

.mod-act-group .act-item {
	position: relative;
	float: left;
	margin: 0 0 0 14px;
	line-height: 64px
}

.mod-act-group .act-item:first-child {
	margin-left: 0
}

.mod-act-group .act-item-txt .act-item-link {
	display: inline-block;
	height: 24px;
	line-height: 24px
}

.mod-act-group .act-item-txt .icon-trig {
	transform: rotate(0);
	transition: all .3s
}

.act .mod-user .icon-trig,
.mod-act-group .act-item-acc.act a .icon-trig {
	transform: rotate(180deg)
}

.mod-act-group .act-item-login .act-item-txt .btn-m {
	height: 26px;
	line-height: 26px;
	padding: 0 25px
}

.mod-act-group .act-item-login .act-item-txt .btn-l {
	height: 36px;
	line-height: 36px;
	padding: 0 20px
}

.mod-act-group .act-item-info .btn-s {
	top: -1px
}

.mod-act-group .act-item-login .act-item-txt .btn:hover {
	text-decoration: none
}

.mod-act-group .act-item-con {
	position: absolute;
	right: 0
}

.mod-act-group .act-item-acc.act .act-item-txt a {
	text-decoration: none;
	border-radius: 2px;
	height: 30px;
	line-height: 30px
}

.mod-user,
.mod-user .user-info {
	height: 24px
}

.mod-act-group .mod-bubble-menu {
	left: auto;
	right: 0;
	top: 54px;
	opacity: 0;
	display: none;
	transition: all .3s
}

.mod-act-group .act-item-acc.act .mod-bubble-menu {
	display: block;
	opacity: 1
}

.mod-act-group .act-item-acc.act .mod-bubble-menu-sec {
	display: none;
	opacity: 1
}

.mod-act-group .act-item-act .act-item-link {
	color: #C4925E
}

.mod-act-group .mod-user {
	margin: 20px 0 0
}

.mod-user {
	position: relative;
	line-height: 24px;
	z-index: 9;
	border-radius: 2px;
	padding: 0 3px 0 6px;
	cursor: pointer
}

.act .mod-user,
.mod-user:hover {
	background: #EAEAEA
}

.mod-user .user-avatar {
	width: 100%;
	height: 100%
}

.mod-user .user-avatar .user-avatar-pic {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	padding: 0
}

.mod-user .user-avatar img {
	width: 30px;
	height: 30px;
	border-radius: 2px;
	display: block
}

.mod-user .user-avatar:before {
	display: none
}

.mod-user .user-avatar .icon-vip-m {
	position: absolute;
	left: 50%;
	bottom: -3px;
	margin-left: -21px
}

.mod-user.mod-user-s .user-avatar .icon-vip-s {
	position: absolute;
	left: 50%;
	bottom: -2px;
	margin-left: -14px
}

.mod-user-s,
.mod-user-s+.user-name {
	display: inline-block;
	width: auto;
	height: 100%
}

.mod-user-s .user-avatar,
.mod-user-s .user-avatar img,
.mod-user-s .user-avatar-pic {
	width: 36px;
	height: 36px;
	border-radius: 100%
}

.mod-user-s .user-avatar {
	padding: 9px
}

.mod-user-s .user-avatar:before {
	display: none
}

.mod-user-s .user-avatar .icon-vip {
	width: 24px;
	height: 24px;
	background-size: 100%;
	right: -6px
}

.mod-user .name {
	display: inline-block;
	vertical-align: middle;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 10em;
	position: relative;
	top: -1px
}

.mod-user .icon-vip {
	width: 20px;
	height: 14px;
	margin: -1px 2px 0 4px
}

.mod-user.svip .icon-vip {
	width: 51px
}

.icon-add-safebox,
.icon-all,
.icon-card,
.icon-clip,
.icon-doc,
.icon-file,
.icon-group,
.icon-location,
.icon-mem,
.icon-msg,
.icon-music,
.icon-new,
.icon-note,
.icon-pho,
.icon-pic,
.icon-record,
.icon-ren,
.icon-share,
.icon-tag,
.icon-team,
.icon-time,
.icon-trash,
.icon-video,
.icon-renwu {
	width: 24px;
	height: 24px
}

.mod-user .icon-trig {
	transform: rotate(0);
	transition: all .3s
}

.iconfont {
	font-family: "iconfont" !important;
	font-size: 26px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.menu-list a .icon {
	display: block;
	font-size: 26px;
}

.icon-ren {
	background-image: url(../images/svg/icon-ren.svg)
}

.cur .icon-ren {
	background-image: url(../images/svg/icon-ren-act.svg)
}

.icon-all {
	background-image: url(../images/svg/icon-all.svg)
}

.cur .icon-all {
	background-image: url(../images/svg/icon-all-act.svg)
}

.icon-doc {
	background-image: url(../images/svg/icon-doc.svg)
}

.cur .icon-doc {
	background-image: url(../images/svg/icon-doc-act.svg)
}

.icon-pic {
	background-image: url(../images/svg/icon-pic.svg)
}

.cur .icon-pic {
	background-image: url(../images/svg/icon-pic-act.svg)
}

.icon-video {
	background-image: url(../images/svg/icon-video.svg)
}

.cur .icon-video {
	background-image: url(../images/svg/icon-video-act.svg)
}

.icon-renwu {
	background-image: url(../images/svg/icon-renwu.svg)
}

.cur .icon-renwu {
	background-image: url(../images/svg/icon-renwu-act.svg);
}

.icon-note {
	background-image: url(../images/svg/icon-note.svg)
}

.cur .icon-note {
	background-image: url(../images/svg/icon-note-act.svg)
}

.icon-music {
	background-image: url(../images/svg/icon-music.svg)
}

.cur .icon-music {
	background-image: url(../images/svg/icon-music-act.svg)
}

.icon-share {
	background-image: url(../images/svg/icon-share.svg)
}

.cur .icon-share {
	background-image: url(../img/svg/icon-share-act.svg)
}

.icon-trash {
	background-image: url(../images/svg/icon-trash.svg)
}

.cur .icon-trash {
	background-image: url(../img/svg/icon-trash-act.svg)
}

.icon-edit {
	width: 24px;
	height: 24px;
	background-image: url(../img/svg/icon-edit.svg)
}

.icon-add-safebox {
	background-image: url(../img/svg/icon-add-safebox.svg)
}

.cur .icon-add-safebox {
	background-image: url(../img/svg/icon-add-safebox-act.svg)
}

.icon-pho {
	background-image: url(../img/svg/icon-pho.svg)
}

.cur .icon-pho {
	background-image: url(../img/svg/icon-pho-act.svg)
}

.icon-group {
	background-image: url(../img/svg/icon-group.svg)
}

.cur .icon-group {
	background-image: url(../img/svg/icon-group-act.svg)
}

.icon-new {
	background-image: url(../img/svg/icon-new.svg)
}

.icon-team {
	background-image: url(../img/svg/icon-team.svg)
}

.cur .icon-team {
	background-image: url(../img/svg/icon-team-act.svg)
}

.icon-file {
	background-image: url(../img/svg/icon-file.svg)
}

.cur .icon-file {
	background-image: url(../img/svg/icon-file-act.svg)
}

.icon-mem {
	background-image: url(../img/svg/icon-mem.svg)
}

.cur .icon-mem {
	background-image: url(../img/svg/icon-mem-act.svg)
}

.icon-record {
	background-image: url(../img/svg/icon-record.svg)
}

.cur .icon-record {
	background-image: url(../img/svg/icon-record-act.svg)
}

.icon-card {
	background-image: url(../img/svg/icon-card.svg)
}

.cur .icon-card {
	background-image: url(../img/svg/icon-card-act.svg)
}

.icon-msg {
	background-image: url(../img/svg/icon-msg.svg)
}

.cur .icon-msg {
	background-image: url(../img/svg/icon-msg-act.svg)
}

.mod-menu {
	overflow-y: auto
}

.mod-menu .menu-title {
	position: relative;
	height: 100px
}

.mod-menu .menu-title .mod-view-team {
	position: absolute;
	left: 15px;
	top: 23px
}

.mod-menu .menu-title .mod-view-team .btn-m {
	font-size: 24px;
	font-weight: 700;
	white-space: nowrap
}

.mod-menu .menu-item {
	position: relative;
	padding: 12px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* .mod-menu .menu-item:after {
    position: absolute;
    content: "";
    top:10px;
    height: 1px;
    bottom: 0;
    background: #E5E5E5;
    left: 24px;
    right: 24px
} */


.mod-menu .menu-item-hd .tit {
	padding: 0 0 0 64px;
	color: #74787C;
	height: 28px;
	line-height: 28px
}

.mod-menu .menu-list li a {
	position: relative;
	display: block;
	padding: 15px 0;
	color: #555;
	margin-bottom: 10px;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.mod-menu .menu-list li a:hover {
	text-decoration: none;
	background: #EAEAEA;
	transition: ease all;
	transition-duration: .3s
}

.mod-menu .menu-list li.cur a {
	text-decoration: none;
	background: 0 0;
	color: #2980FF;
	font-weight: 700
}

.menu-notice a:hover,
.mod-list-group .item-info .item-info-list a:hover,
.mod-list-group .item-tit .info a:hover {
	text-decoration: underline
}

/* .mod-menu .menu-list li.cur a:before {
    position: absolute;
    content: "";
    left: 0;
    width: 4px;
    height: 28px;
    top: 50%;
    margin: -14px 0 0;
    background: #2980FF
} */

.mod-menu .icon {
	margin: 0 14px 0 0;
	top: -1px
}

.mod-menu .icon-new {
	margin: 0 0 0 5px
}

.mod-menu,
.mod-menu .menu-item {
	height: 100%;
}

.mod-menu ul.menu-list {
	height: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.mod-menu li.tool {
	width: 100%;
	position: absolute;
	bottom: 45px;
}

.mod-menu li.dragin .icon-trash {
	transform: scale(1.2);
	transition: all .3s
}

.mod-menu li.dragout .icon-trash {
	transform: scale(1);
	transition: all .3s
}

.mod-menu .menu-tit {
	position: relative;
	display: block;
	top: -1px
}

.mod-menu .icon-share {
	background-image: url(../img/svg/icon-share-nav.svg)
}

.mod-menu .cur .icon-share {
	background-image: url(../img/svg/icon-share-nav-act.svg)
}

.mod-menu .icon-trash {
	background-image: url(../img/svg/icon-trash-nav.svg)
}

.mod-menu .cur .icon-trash {
	background-image: url(../img/svg/icon-trash-nav-act.svg)
}

.mod-menu .menu-num {
	margin-left: 2px
}

.mod-menu .new {
	position: relative;
	z-index: 0
}

.mod-menu .new:before {
	content: "";
	position: absolute;
	z-index: 0;
	right: 55px;
	top: 8px;
	background-color: #F74B4B;
	width: 6px;
	height: 6px;
	border-radius: 6px
}

.mod-menu .add-in {
	text-align: center;
	margin-top: 6px;
	margin-bottom: 20px
}

.mod-menu .add-in .btn-vip {
	margin: 0 auto;
	height: 26px;
	line-height: 26px;
	font-size: 14px
}

.menu-item.menu-notice {
	width: 160px;
	margin: -5px auto 0;
	height: 34px;
	line-height: 34px;
	border: 1px solid #BDE7FC;
	background-color: #EDF6FF;
	border-radius: 4px;
	text-align: center;
	font-size: 14px;
	color: #00A4FF
}

.menu-notice a {
	color: inherit
}

.icon-dealing,
.icon-fail,
.icon-pause {
	width: 36px;
	height: 36px
}

.icon-dealing {
	background-image: url(../img/svg/icon-menu-tasks-pause.svg)
}

.icon-fail {
	background-image: url(../img/svg/icon-menu-tasks-retry.svg)
}

.icon-pause {
	background-image: url(../img/svg/icon-menu-tasks-start.svg)
}

.mod-menu .mod-bubble-menu .menu-item {
	height: inherit;
	padding: inherit;
	overflow: inherit
}

.mod-menu .mod-bubble-menu .menu-item:after {
	display: none
}

.mod-txt-list {
	text-align: center
}

.mod-txt-list .txt-list {
	display: inline-block
}

.mod-txt-list .txt-item {
	float: left;
	position: relative;
	font-size: 12px;
	color: #74787C
}

.mod-txt-list .txt-item:first-child:after {
	display: none
}

.mod-txt-list .txt-item:after {
	position: absolute;
	content: "";
	width: 1px;
	height: 12px;
	background: #ccc;
	left: 0;
	top: 50%;
	margin: -6px 0 0
}

.pop-guide-wrapper .icon-close,
.pop-guide-wrapper .mask-wrapper.loc1 .icon-guide-arr,
.pop-guide-wrapper .mask-wrapper.loc1 .pop-mid-mask,
.pop-guide-wrapper .mask-wrapper.loc2 .pop-mid-mask,
.pop-guide-wrapper .mask-wrapper.loc3 .icon-guide-arr,
.pop-guide-wrapper .mask-wrapper.loc3 .pop-mid-mask,
.pop-guide-wrapper .slider .loc1 .icon-guide-box,
.pop-guide-wrapper .slider .loc1 .pop-text-title,
.pop-guide-wrapper .slider .loc2 .icon-guide-box,
.pop-guide-wrapper .slider .loc2 .pop-text-title,
.pop-guide-wrapper .slider .loc3 .icon-guide-box,
.pop-guide-wrapper .slider .loc3 .pop-text-title {
	background-image: url(sprite/page-home-180622163207@2x.png);
	background-size: 810px 719px
}

.mod-txt-list .txt-item a {
	padding: 0 10px 0 11px;
	color: #74787C
}

.mod-txt-list .txt-item .mod-bubble-dropdown {
	display: none
}

.mod-txt-list .txt-item:hover .mod-bubble-dropdown {
	display: block
}

.pop-guide-body {
	width: 100%
}

.pop-guide-wrapper {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2000;
	overflow: hidden
}

.pop-guide-wrapper .fake-ele {
	display: inline-block;
	width: 0;
	height: 100%
}

.pop-guide-wrapper .icon {
	display: inline-block
}

.pop-guide-wrapper .icon-close {
	position: absolute;
	top: 6px;
	right: 0;
	z-index: 10;
	width: 45px;
	height: 45px;
	background-position: -759px -315px;
	cursor: pointer
}

.pop-guide-wrapper .bullet-list {
	position: absolute;
	left: 50%;
	margin-left: -32px;
	bottom: 12%;
	z-index: 10
}

.pop-guide-wrapper .icon-bullet {
	width: 9px;
	height: 9px;
	border: 1px solid #fff;
	border-radius: 6666px;
	margin-left: 7px;
	cursor: pointer
}

.pop-guide-wrapper .icon-bullet.on {
	background-color: #fff
}

.pop-guide-wrapper .pop-blank-left,
.pop-guide-wrapper .pop-blank-right,
.pop-guide-wrapper .pop-unblank-large,
.pop-guide-wrapper .pop-unblank-small {
	position: fixed;
	z-index: -1;
	background-color: #000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	opacity: .7;
	opacity: .7 \9
}

.pop-guide-wrapper .mask-wrapper .pop-mid-mask {
	position: fixed
}

.pop-guide-wrapper .slider .pop-text-title {
	display: block;
	margin: 0 auto 48px
}

.pop-guide-wrapper .mask-wrapper.loc1 .pop-unblank-large {
	top: 0;
	bottom: 0;
	left: 0;
	right: 228px
}

.pop-guide-wrapper .mask-wrapper.loc1 .pop-mid-mask {
	top: 0;
	right: 0;
	width: 228px;
	height: 64px;
	background-position: -538px -428px
}

.pop-guide-wrapper .mask-wrapper.loc1 .pop-blank-right {
	top: 64px;
	bottom: 0;
	right: 0;
	width: 228px
}

.pop-guide-wrapper .mask-wrapper.loc1 .icon-guide-arr {
	position: absolute;
	top: 35px;
	right: 200px;
	width: 285px;
	height: 240px;
	background-position: 0 -428px
}

.pop-guide-wrapper .slider .loc1 .icon-guide-box {
	width: 447px;
	height: 251px;
	margin-right: -33px;
	background-position: 0 0
}

.pop-guide-wrapper .slider .loc1 .pop-text-title {
	width: 298px;
	height: 63px;
	background-position: -399px -315px
}

.pop-guide-wrapper .mask-wrapper.loc2 .pop-blank-left {
	top: 0;
	height: 394px;
	width: 154px
}

.pop-guide-wrapper .mask-wrapper.loc2 .pop-mid-mask {
	left: 0;
	top: 394px;
	width: 154px;
	height: 50px;
	background-position: 0 -669px
}

.pop-guide-wrapper .mask-wrapper.loc2 .pop-blank-right {
	top: 444px;
	bottom: 0;
	left: 0;
	width: 154px
}

.pop-guide-wrapper .mask-wrapper.loc2 .pop-unblank-large {
	left: 154px;
	right: 0;
	top: 0;
	bottom: 0
}

.pop-guide-wrapper .mask-wrapper.loc2 .icon-guide-arr {
	position: absolute;
	top: 13px;
	left: 180px;
	width: 398px;
	height: 175px;
	background-image: url(sprite/page-home-180622163207@2x.png);
	background-position: 0 -252px;
	background-size: 810px 719px
}

.pop-guide-wrapper .slider .loc2 .icon-guide-box {
	width: 362px;
	height: 240px;
	background-position: -448px 0
}

.pop-guide-wrapper .slider .loc2 .pop-text-title {
	width: 316px;
	height: 62px;
	background-position: -399px -252px
}

.pop-guide-wrapper .mask-wrapper.loc3 .pop-unblank-large {
	top: 0;
	bottom: 0;
	left: 0;
	right: 228px
}

.pop-guide-wrapper .mask-wrapper.loc3 .pop-mid-mask {
	top: 0;
	right: 0;
	width: 228px;
	height: 64px;
	background-position: -538px -428px
}

.pop-guide-wrapper .mask-wrapper.loc3 .pop-blank-right {
	top: 64px;
	bottom: 0;
	right: 0;
	width: 228px
}

.pop-guide-wrapper .mask-wrapper.loc3 .icon-guide-arr {
	position: absolute;
	top: 35px;
	right: 200px;
	width: 285px;
	height: 240px;
	background-position: 0 -428px
}

.pop-guide-wrapper .slider .loc3 .icon-guide-box {
	width: 251px;
	height: 220px;
	background-position: -286px -428px
}

.pop-guide-wrapper .slider .loc3 .pop-text-title {
	width: 266px;
	height: 51px;
	background-position: -538px -493px
}

.pop-guide-wrapper .slider {
	position: absolute;
	bottom: 20%;
	left: 0;
	right: 0;
	z-index: 5;
	width: 200%;
	margin: 0;
	padding: 0;
	font-size: 0
}

.pop-guide-wrapper .item {
	display: inline-block;
	position: relative;
	width: 50%;
	list-style-type: none;
	text-align: center
}

.pop-mask-wrapper .pop-mask-text {
	text-align: center;
	z-index: 3;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin: -200px auto auto;
	height: 400px
}

.pop-guide-wrapper .slider .icon-guide-box {
	display: inline-block;
	margin: 0 auto
}

.pop-mask-text .pop-text-title {
	font-weight: 400;
	line-height: 24px;
	margin-top: 20px;
	font-size: 0;
	color: transparent
}

.pop-mask-text .pop-text {
	font-size: 16px;
	line-height: 16px;
	margin: 16px 0 0;
	padding: 0
}

.pop-mask-text .pop-btn {
	display: block;
	width: 180px;
	margin: 92px auto 0;
	padding: 15px 0;
	text-align: center;
	color: #fff;
	font-size: 24px;
	background-color: #00A6FF;
	border-radius: 10px;
	border: none;
	cursor: pointer
}

.pop-mask-text .pop-btn:hover {
	background-color: #1677da
}

.pop-guide-body,
.pop-guide-wrapper,
.pop-guide-wrapper .item,
.pop-guide-wrapper .slider {
	*height: 100%
}

.pop-guide-wrapper .item .pop-blank-left,
.pop-guide-wrapper .item .pop-blank-right,
.pop-guide-wrapper .item .pop-mid-mask,
.pop-guide-wrapper .item .pop-unblank-small {
	*display: none
}

.pop-guide-wrapper .item .pop-unblank-large {
	*position: absolute;
	*top: 0;
	*bottom: 0;
	*left: 0;
	*right: 0
}

.mod-act-panel {
	position: relative;
	height: 48px;
	line-height: 48px;
	z-index: 2
}

.mod-act-panel:after {
	content: "";
	position: absolute;
	left: 40px;
	right: 50px;
	bottom: 0;
	height: 1px;
	background: #F1F2F4;
	display: none
}

.mod-act-panel .mod-check {
	float: left;
	margin: 0 -5px 0 -22px;
	width: 32px;
	text-align: center
}

.mod-act-panel .mod-breadcrum-nav {
	float: left
}

.mod-act-panel .act-panel-inner {
	padding: 0 60px 0 30px;
	height: 100%;
	box-sizing: border-box
}

.mod-act-panel .act-panel-inner .tit {
	font-size: 14px;
	float: left;
	font-weight: 700
}

.mod-act-panel .act-panel-inner .mod-dropdown {
	margin: 0 0 0 10px
}

.mod-act-panel .act-panel-inner .btn-m.disabled {
	opacity: .5;
	cursor: not-allowed
}

.mod-act-panel .mod-upload {
	float: right;
	top: 1px
}

.mod-act-panel .mod-view {
	float: right
}

.mod-act-panel .mod-breadcrumb,
.mod-act-panel .mod-breadcrumb-tab {
	overflow: hidden;
	padding: 0 20px
}

.mod-act-panel .mod-view-nobor {
	float: left;
	margin-left: 6px
}

.mod-act-panel .mod-view .mod-bubble-menu .txt {
	height: 40px;
	line-height: 40px
}

.mod-act-panel .mod-tab-list {
	float: left
}

.mod-act-panel .mod-btn-wrap {
	float: right;
	margin: 0 10px 0 0
}

.mod-act-panel .mod-action-wrap-mode {
	float: right;
	margin: 7px 0 0;
	text-shadow: 0 0 #000
}

.mod-act-panel .mod-action-wrap-b {
	margin-top: 10px;
	float: right
}

.mod-act-panel .mod-feature {
	float: right;
	margin: 6px 15px 0 0
}

.mod-act-panel .mod-action-wrap-a {
	float: left
}

.mod-act-panel .mod-menu-group .menu-group .tit {
	margin: 0;
	font-weight: 400;
	font-size: 12px
}

.mod-act-panel .mod-search {
	float: right;
	width: 150px;
	margin: 6px 8px 0 0;
	z-index: 10
}

.mod-act-panel .mod-search .search-panel {
	background: #f4f4f4
}

.mod-act-panel .mod-search:hover .search-panel {
	background: #e4e4e4
}

.mod-act-panel .mod-search.focus .search-panel {
	background: #fff
}

.mod-act-panel .mod-action-wrap-list,
.mod-act-panel .mod-view-date {
	float: right
}

.mod-act-panel .mod-action-wrap-list .mod-action-wrap {
	float: left;
	margin: 14px 16px 0 0
}

.mod-act-panel .mod-action-container {
	float: left;
	width: 310px
}

.mod-act-panel .mod-action-container .mod-action-wrap {
	margin-right: 0
}

.mod-check {
	position: relative;
	padding: 0 11px 0 0;
	cursor: default
}

.mod-check:after {
	position: absolute;
	content: "";
	top: 50%;
	right: 0;
	height: 16px;
	width: 1px;
	background: #E6E7EC;
	margin: -8px 0 0
}

.mod-check .icon {
	top: -1px
}

.mod-check.act .icon-check-s,
.mod-check.act .icon-check-s:hover {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABTUlEQVQ4T8WUPyjEYRjHP8/vTLIog1gMlMKKY2CVsslCHQMXJiWDblGGuzLI4kyKMthkVBYlKYsSTt0lIn+6znBK7n31u3P3I7znd/3knZ/n8z7f7/t9H8HjIx7zcICjr/0iMi9Cg5tLNJxppUOslG3afQWgBDMxgXo3sHyt1pzoqK/pA1CLFVSqFFi+Ry37ssO9T/iPQBFYGxbiDxDa0gVRJU+4GhCG2oTDBLSHHZdKAi4OCJPdQuwO/GFFMu24bgSujwjNNUJHRJF+yTXN9ghzfULiETojitunz09oBO7PWLTWwc4p9C4pAn4hOijcpHIyr5Jf82AEVpbD7pRFSy0cxMnCbXm2zIv778NV1EMbujdt0VgNqWfoWlAcX/+c1KJAu7WqArYnLMY3FEeX5tj/Cujm5/w1EGQsc+520xiWA+D1+nLjl6nW8439ButOmhVfy8IYAAAAAElFTkSuQmCC") no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}

.icon-assert,
.icon-link-to,
.icon-tips-close,
.icon-tips-close:hover {
	background-image: url(sprite/page-home-180622163207@2x.png);
	background-size: 810px 719px
}

.mod-check .txt {
	font-size: 16px
}

.mod-check .check-info {
	position: relative
}

.icon-tips-close {
	width: 24px;
	height: 24px;
	background-position: -770px -570px
}

.icon-tips-close:hover {
	background-position: -538px -606px
}

.icon-assert {
	width: 22px;
	height: 22px;
	background-position: -788px -379px
}

.icon-link-to {
	width: 10px;
	height: 16px;
	background-position: -795px -570px
}

.mod-list-group .list-group-bd {
	height: calc(100vh - 220px);
	overflow-y: auto
}

.mod-list-group .list-group-hd {
	position: relative;
	height: 40px;
	line-height: 40px;
	padding-right: 8px
}

.mod-list-group .list-group-hd .list-group-tit {
	position: relative;
	float: left;
	cursor: pointer;
	font-size: 13px
}

.mod-list-group .list-group-hd .list-group-tit-wrap:after,
.mod-list-group .list-group-hd .list-group-tit:after {
	content: "";
	display: block;
	clear: both
}

.mod-list-group .list-group-hd .list-group-tit.name {
	width: 50%
}

.mod-list-group .list-group-hd .list-group-tit.name.checked .mod-check {
	display: block
}

.mod-list-group .list-group-hd .list-group-tit.name .tit-con {
	padding-left: 40px;
	text-indent: 0
}

.mod-list-group .list-group-hd .list-group-tit .icon-sort {
	left: 2px;
	top: -1px;
	visibility: hidden;
	width: 0
}

.mod-list-group .list-group-hd .list-group-tit.up .icon-sort {
	top: -3px
}

.mod-list-group .list-group-hd .list-group-tit.cur {
	color: #000;
	font-weight: 700
}

.mod-list-group .list-group-hd .list-group-tit.cur .icon-sort {
	visibility: visible;
	width: 14px
}

.mod-list-group .item-tit .label,
.mod-list-group .list-group-hd .list-group-tit.hide,
.mod-list-group .list-group-hd .list-group-tit.hide .icon-sort {
	visibility: hidden
}

.mod-list-group .list-group-hd .list-group-tit.name:hover .tit-con,
.mod-list-group .list-group-hd .list-group-tit:hover {
	background: #F4F4F4
}

.mod-list-group .list-group-hd .list-group-tit.name.dis:hover .tit-con,
.mod-list-group .list-group-hd .list-group-tit.name:hover {
	background: 0 0
}

.mod-list-group .list-group-hd .list-group-tit.dis,
.mod-list-group .list-group-hd .list-group-tit.dis:hover {
	cursor: text;
	background: 0 0
}

.mod-list-group .list-group-hd .list-group-tit.owner,
.mod-list-group .list-group-hd .list-group-tit.size,
.mod-list-group .list-group-hd .list-group-tit.time {
	width: 12%
}

.mod-list-group .list-group-hd:after {
	content: "";
	position: absolute;
	left: 38px;
	right: 8px;
	bottom: 0;
	height: 1px;
	background: #F1F2F4
}

.mod-list-group .list-group-hd .tit {
	font-size: 14px;
	color: #74787C
}

.mod-list-group .list-group-hd .tit .mod-float-tips {
	margin-left: 22px
}

.mod-list-group .list-group-hd .tit .txt-link {
	display: inline-block;
	margin-left: 9px;
	font-size: 14px;
	color: #00A4FF
}

.mod-list-group .list-group-hd .mod-action-wrap-mode {
	position: absolute;
	right: 0;
	top: 50%;
	margin: -17px 0 0
}

.mod-list-group .list-group-item {
	position: relative
}

.mod-list-group .list-group-item.visited,
.mod-list-group .list-group-item.visited .item-tit .info .tit-attr {
	color: #777
}

.mod-list-group .list-group-item.drag {
	opacity: .4
}

.mod-list-group .list-group-item.dragin .thumb .icon-file-m,
.mod-list-group .list-group-item.dragin .thumb .icon-team-m {
	transform: scale(1.2);
	transition: all .3s
}

.mod-list-group .list-group-item.dragout .thumb .icon-file-m,
.mod-list-group .list-group-item.dragout .thumb .icon-team-m {
	transform: scale(1);
	transition: all .3s
}

.mod-list-group .list-group-item .item-inner {
	position: relative;
	height: 56px;
	line-height: 56px;
	cursor: default
}

.mod-list-group .list-group-item .item-inner:after {
	display: block;
	clear: both
}

.mod-list-group .list-group-item.act .icon-check-s,
.mod-list-group .list-group-item.act .icon-check-s:hover {
	width: 20px;
	height: 20px;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABe0lEQVQ4T83VzysEcRjH8fczu83Urto7RfwJ3BQHbXHigmzJTVGy6+QmVyc/DmJLHDY3DhTiqJQoJ/kHuCq1v8yuefRdu6XN/miWMteZ72ue5/t85zOiql3ALhAFAvi7PoALYFZU9R7oBnaAgj8PG5gHrg2YAfZFZMEnVlqmqnvAqAFzQFJE4i2CSWD8/4B2IhsTvI0PZbq42Xalqv4rdOKZUYVjBBeCfe6G8+QbLGHCkTkRnifR4lbopjyUGhUu5XuIOM+sils9pOBiesSy5BQl76kMV7Da4LJG7PfsK+ij64QHWJO3ChpM5IYsvHMUV2GosBm++/7Cmi3bifShIDFVHtxCaJBtSZcw9c5Mmz9h9Vue0IDdnkmJyJQqt56lK5YnJ/Ww+uDXuRc7nj0QYebrYdK1Kqu03cSUDZpJITKpSn/1nlUPrAmwvGQp28F66KXRZ9k82Egq3/9T8Dfja8ykzSXQW05tvwHrAHPAowE7TR62+AsoAqawuU90EhVvIwpSOwAAAABJRU5ErkJggg==") no-repeat #fff;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}

.block-hover .list-group-item.act:hover,
.mod-list-group .list-group-item.act,
.mod-list-group .list-group-item.dragged-to,
.mod-list-group .list-group-item:hover {
	background: #F4F4F4
}

.mod-list-group .list-group-item.act,
.mod-list-group .list-group-item.act:hover {
	background: #308EFF;
	color: #fff
}

.mod-list-group .list-group-item.act .item-info,
.mod-list-group .list-group-item.act .tit,
.mod-list-group .list-group-item.act a {
	color: #fff
}

.block-hover .list-group-item.act:hover:after,
.block-hover .list-group-item.act:hover:before,
.mod-list-group .list-group-item.act:after {
	display: block;
	left: 0;
	right: 0;
	background: #F5F8FA
}

.mod-list-group .list-group-item.dis .icon-check-s {
	opacity: .5;
	cursor: default
}

.mod-list-group .list-group-item.unable .icon-check-s {
	background: url(../img/svg/icon-checkbox-unable.svg);
	cursor: default
}

.block-hover .list-group-item:hover {
	background: 0 0
}

.block-hover .list-group-item:hover:after,
.block-hover .list-group-item:hover:before {
	background: #F1F2F4
}

.mod-list-group .list-group-item:after {
	position: absolute;
	content: "";
	display: block;
	left: 38px;
	right: 0;
	height: 1px;
	background: #F1F2F4;
	bottom: 0
}

.mod-list-group .label {
	float: left
}

.mod-list-group .thumb {
	float: left;
	font-size: 0;
	position: relative;
	z-index: 0
}

.mod-list-group .thumb:before {
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle
}

.mod-list-group .thumb img {
	display: inline-block;
	vertical-align: top;
}

.mod-list-group .thumb img.is-loaded~.icon-flv-m,
.mod-list-group .thumb img.is-loaded~.icon-gray-m,
.mod-list-group .thumb img.is-loaded~.icon-pic-m,
.mod-list-group .thumb img.is-loaded~.icon-video-m {
	opacity: 0;
	visibility: hidden
}

.mod-list-group .thumb .duration {
	position: absolute;
	z-index: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .8);
	background: linear-gradient(-180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .8) 100%);
	text-align: left;
	font-size: 12px;
	font-size: 10px;
	line-height: 1.3;
	color: #fff;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.mod-list-group .thumb .duration .inner {
	display: block;
	-webkit-transform: scale(.833);
	-moz-transform: scale(.833);
	-o-transform: scale(.833);
	transform: scale(.833)
}

.mod-list-group .item-tit .label {
	width: 38px;
	text-align: center;
	float: left;
	cursor: default
}

.mod-list-group .item-tit .thumb {
	display: flex;
	align-items: center;
	justify-content: center;
	float: left;
	width: 40px;
	height: 40px;
	text-align: center;
	margin: 10px 15px 0 0;
	cursor: pointer;
	overflow: hidden;
}

.mod-list-group .item-tit .thumb img.icon {
	background-image: none
}

.mod-list-group .item-tit .thumb .icon {
	vertical-align: top
}

.mod-list-group .item-tit .thumb .icon-video-m {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -20px 0 0 -20px
}

.mod-list-group .item-tit .thumb .icon-flv-m,
.mod-list-group .item-tit .thumb .icon-gray-m,
.mod-list-group .item-tit .thumb .icon-pic-m {
	position: absolute;
	left: 0;
	top: 0
}

.mod-list-group .item-tit .info {
	overflow: hidden;
	text-overflow: ellipsis;
	height: 56px;
	white-space: nowrap;
	overflow-y: hidden;
	position: relative;
	z-index: 0
}

.mod-list-group .item-tit .info .tit,
.mod-list-group .item-tit .info .tit-attr,
.mod-list-group .item-tit .info .tit-link {
	display: inline-block;
	vertical-align: middle;
	max-width: 80%;
	overflow: hidden;
	text-overflow: ellipsis
}

.mod-list-group .item-info .item-info-list.act {
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.mod-list-group .item-tit .info .tit-link {
	color: #2980FF;
	margin: 0 0 0 5px
}

.mod-list-group .item-tit .info .tit-attr {
	font-size: 12px;
	color: #777;
	margin: 0 0 0 5px
}

.mod-list-group .item-tit .info .act {
	display: inline-block;
	vertical-align: middle
}

.mod-list-group .item-tit .info .act .icon {
	top: -1px
}

.mod-list-group .list-group-item.act .label,
.mod-list-group .list-group-item.list-hover .mod-act-list,
.mod-list-group .list-group-item:hover .label,
.mod-list-group .list-group-item:hover .mod-act-list {
	visibility: visible
}

.mod-list-group .item-tit {
	float: left;
	width: 50%
}

.mod-list-group .item-tit .info .tit-edit {
	cursor: pointer
}

.mod-list-group .list-group-info {
	text-align: center;
	font-size: 20px;
	color: #777;
	padding: 28px 0
}

.mod-list-group .list-group-info .count {
	margin: 0 3px
}

.mod-list-group .has-txt .item-tit .info .tit {
	display: block;
	line-height: 34px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.mod-list-group .has-txt .item-tit .info .txt {
	display: block;
	line-height: 12px;
	color: #777;
	font-size: 12px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.mod-list-group .item-tit .info .txt-key {
	color: #2980FF
}

.mod-list-group .list-group-item.act .item-tit .info .txt-key {
	color: #06D3FA
}

.mod-list-group .has-txt.act .item-tit .info .txt {
	color: #fff
}

.mod-list-group .list-group-tit .mod-check {
	position: absolute;
	left: 10px;
	top: 0;
	bottom: 0;
	padding-left: 18px;
	cursor: pointer;
}

.mod-list-group .list-group-tit .mod-check .icon {
	position: absolute;
	left: 0;
	top: 50%;
	margin: -9px 0 0
}

.mod-list-group .list-group-tit .mod-check .check-info {
	display: none;
	padding-left: 11px
}

.mod-list-group .list-group-hd:hover .mod-check,
.mod-list-group .list-group-tit.checked .mod-check .check-info {
	display: block
}

.mod-list-group .list-group-tit .mod-check:after {
	display: none
}

.mod-list-group .has-pic {
	height: auto;
	padding-bottom: 7px
}

.mod-list-group-share-links .item-tit .info .tit {
	display: inline-block;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 4px 0;
	line-height: 14px;
	font-size: 14px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.mod-list-group .item-tit [contenteditable=true]:active,
.mod-list-group .item-tit [contenteditable=true]:focus {
	width: 98%;
	border: 1px solid #3B93FF;
	outline: 0;
	text-overflow: clip
}

.mod-list-group .item-info {
	float: right;
	width: 50%;
	color: #777;
	height: 100%;
	white-space: nowrap;
	text-overflow: ellipsis
}

.mod-list-group .item-info .item-info-list {
	text-indent: 10px;
	float: left;
	width: 24.9%
}

.mod-list-group .item-info .mod-action-wrap {
	float: right;
	border: 0;
	margin: 18px 10px 0 0
}

.mod-list-group .item-info .mod-action-wrap .action-item-con {
	height: 20px;
	line-height: 20px;
	padding: 0;
	width: 20px
}

.mod-list-group .item-info .mod-action-wrap .icon {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -12px 0 0 -12px
}

.mod-list-group .mod-action-wrap .mod-bubble-menu .menu-item .txt {
	float: none
}

.mod-list-group .item-info .mod-action-wrap .action-item.act,
.mod-list-group .item-info .mod-action-wrap .action-item:hover {
	background: #EAEAEA;
	border-radius: 2px
}

.mod-list-group .list-group-item.act .item-info .mod-action-wrap .action-item.act,
.mod-list-group .list-group-item.act .item-info .mod-action-wrap .action-item:hover {
	background-color: rgba(255, 255, 255, .2)
}

.mod-list-group .list-group-item.act .item-info .mod-action-wrap .icon-more {
	background-image: url(../img/svg/act/icon-more-light.svg)
}

.mod-list-group .item-info .mod-action-wrap .action-item.act .mod-bubble-menu {
	top: 30px;
	width: 160px
}

.mod-list-group .item-info .item-info-list a.txt-act {
	color: #2980FF;
	cursor: pointer
}

.mod-list-group .item-info .item-info-list .txt {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	float: left
}

.mod-list-group .item-info .item-info-list .txt .icon-hot-s {
	top: -2px;
	vertical-align: middle;
	margin: 0 0 0 -2px
}

.mod-list-group .item-info .item-info-list a.txt {
	color: #2980FF
}

.mod-list-group .item-info .item-info-list .mod-view .txt {
	float: none
}

.mod-list-group .item-info .item-info-list .txt-status {
	display: inline-block
}

.mod-list-group .item-info .item-info-list .txt-member,
.mod-list-group .item-info .item-info-list .txt-set,
.mod-list-group .item-info .item-info-list .txt-size {
	width: 85px;
	text-align: right
}

.mod-list-group .item-act {
	float: right
}

.mod-list-group .item-act .act-item {
	cursor: pointer;
	display: inline-block
}

.mod-list-group .item-info .item-info-size {
	width: 9%;
	margin: 0 0 0 1%
}

.mod-list-group-team-trash .item-info .item-info-list .txt-act,
.mod-list-group-trank .item-info .item-info-list .txt-act {
	margin-left: 0
}

.mod-list-group .mod-act-list {
	display: inline-block;
	vertical-align: top;
	visibility: hidden
}

.mod-list-group .item-info .txt-time {
	vertical-align: top
}

.mod-list-group .item-info .txt-link,
.mod-list-group .item-info .txt-size {
	display: inline-block;
	vertical-align: top
}

.mod-list-group .txt-link {
	font-size: 12px;
	color: #3B93FF;
	text-decoration: none
}

.mod-list-group .item-info .txt-link:hover,
.mod-list-group-share-links .txt-link:hover {
	text-decoration: underline
}

.mod-list-group .item-info .txt-status {
	margin-right: 5px
}

.mod-list-group .item-info .txt-status:last-child {
	margin-right: 0
}

.mod-list-group .list-group-tit .tit {
	font-size: 20px;
	font-weight: 700
}

.mod-list-group .list-group-tit .tit-con {
	display: block;
	height: 100%;
	text-indent: 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.mod-list-group .list-group-tit.member .tit-con,
.mod-list-group .list-group-tit.size .tit-con {
	width: 85px;
	text-align: right
}

.mod-list-group .list-group-more {
	text-align: center;
	color: #2980FF
}

.mod-list-group .list-group-more .txt {
	cursor: pointer
}

.mod-list-group .list-group-more .icon {
	top: -2px
}

.mod-list-group .list-group-tit .mod-bubble-menu {
	position: absolute;
	left: 0;
	top: 50px;
	display: none
}

.mod-list-group .list-group-tit.act .mod-bubble-menu {
	display: block
}

.mod-list-group .list-group-tit .icon-trig {
	transform: rotate(0);
	transition: all .3s
}

.mod-list-group .list-group-tit.act .icon-trig {
	transform: rotate(180deg)
}

.mod-list-group-with-loc .item-info-loc {
	width: 15%;
	max-width: 15%;
	text-align: left
}

.mod-list-group-with-loc .item-info .txt-link {
	width: 100%;
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.mod-list-group-share-links .list-group-bd {
	height: calc(100vh - 65px - 48px)
}

.mod-list-group-share-links .item-info,
.mod-list-group-share-links .item-tit,
.mod-list-group-share-links .list-group-hd .list-group-tit.name {
	width: 50%
}

.mod-list-group-share-links .list-group-hd .list-group-tit.dwn,
.mod-list-group-share-links .list-group-hd .list-group-tit.view {
	width: 12.5%
}

.mod-list-group-share-links .item-info .item-info-list,
.mod-list-group-share-links .list-group-hd .list-group-tit.time {
	width: 25%
}

.mod-list-group-share-links .item-info .item-info-list:last-child {
	width: 50%
}

.mod-list-group-share-links .item-tit .info .tit-sub {
	display: none;
	font-size: 12px;
	line-height: 12px;
	color: #182028;
	color: rgba(24, 32, 40, .54)
}

.mod-list-group-share-links .item-tit .info .tit-sub-item {
	float: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.mod-list-group-trank .mod-list-group,
.mod-list-group-trash .mod-list-group {
	overflow: visible
}

.mod-list-group-share-group .item-tit .info .tit:hover,
.mod-list-group-share-links .item-tit .info .tit:hover,
.mod-list-group-team-folder .item-tit .info .tit:hover,
.mod-list-group-team-member .item-tit .info .tit:hover {
	text-decoration: none
}

.mod-list-group-share-links .item-tit .info .tit-sub-item.share-link {
	width: 65%
}

.mod-list-group-share-links .item-tit .info .tit-sub-item.pasd {
	width: 35%
}

.mod-list-group-share-links .item-tit .info .tit-sub-item .item-con {
	color: #020202
}

.mod-list-group-share-links .act .item-tit .info .tit-sub-item .item-con,
.mod-list-group-share-links .list-group-item.exp.act .item-tit .info .tit-sub {
	color: #fff
}

.mod-list-group-share-links .list-group-item.exp .info .tit-sub {
	display: block
}

.mod-list-group-share-links .list-group-item .info {
	white-space: normal
}

.mod-list-group-share-links .list-group-item.exp {
	background: #f4f4f4
}

.mod-list-group-share-links .list-group-item.exp.act {
	background: #308EFF
}

.mod-list-group-share-links .list-group-item.exp,
.mod-list-group-share-links .list-group-item.exp .info {
	height: 88px
}

.mod-list-group-share-links .list-group-item .item-info,
.mod-list-group-share-links .list-group-item.exp .item-info {
	height: 80%
}

.mod-list-group-team-trash .list-group-bd,
.mod-list-group-trank .list-group-bd {
	height: calc(100vh - 65px - 48px - 40px)
}

.mod-list-group-share-links .list-group-item.list-link-disabled {
	color: #182028;
	color: rgba(24, 32, 40, .54)
}

.mod-list-group-share-links .list-group-tit.time .tit-con {
	width: 180px
}

.mod-list-group-share-links .list-group-item .item-inner {
	cursor: pointer
}

.mod-list-group-trank .list-group-hd .btn-m {
	position: absolute;
	right: 40px;
	top: 50%;
	box-sizing: border-box;
	margin-top: -18px;
	border-color: #D5D7DF;
	font-size: 14px;
	color: #404040;
	text-align: center;
	cursor: pointer
}

.mod-list-group-trank .item-info .item-info-list {
	width: 33.3333333333%
}

.mod-list-group-trank .item-info .item-info-list .txt-time {
	width: auto
}

.mod-list-group-team-trash .item-info .item-info-list {
	width: 33.3333333333%
}

.mod-list-group-team-trash .item-info .item-info-list .txt-member,
.mod-list-group-team-trash .item-info .item-info-list .txt-time,
.mod-list-group-team-trash .list-group-tit.member .tit-con {
	width: auto
}

.mod-list-group-team-trash .item-info .item-info-list .txt-member {
	width: 100%;
	text-align: left
}

.mod-list-group-recent .recent-item-tit {
	position: relative;
	height: 40px;
	line-height: 40px;
	padding: 0 40px
}

.mod-list-group-recent .recent-item-tit .tit {
	font-size: 14px;
	color: #74787C
}

.mod-list-group-recent .list-group-item {
	padding: 0 40px
}

.mod-list-group-recent .list-group-hd:after,
.mod-list-group-recent .list-group-item:after,
.mod-list-group-recent .recent-item-tit:after {
	position: absolute;
	content: "";
	display: block;
	left: 40px;
	right: 40px;
	height: 1px;
	background: #F1F2F4;
	bottom: 0
}

.list-group-recent-item .list-group .list-group-item:last-child:after {
	display: none
}

.mod-list-group-recent .list-group-recent-item .item-info-time-size {
	width: 110px
}

.mod-list-group-search .list-group-item {
	height: 64px;
	line-height: 64px;
	padding: 0 50px
}

.mod-list-group-search .list-group-hd {
	padding: 0 50px
}

.mod-list-group-search .item-tit .thumb {
	margin: 12px 12px 0 0
}

.mod-list-group-search .include-searched-word {
	color: #4297ff
}

.mod-list-group-search .item-info-loc {
	width: 15%;
	max-width: 15%;
	text-align: left
}

.mod-list-group-search .item-info .txt-link {
	width: 100%;
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.mod-list-group-search .list-group-item:after,
.mod-list-group-search .list-group-item:before {
	left: 50px
}

.mod-list-group-short .list-group-item {
	padding-left: 0
}

.mod-list-group-short .list-group-item:hover {
	background-color: transparent
}

.mod-list-group-short .act {
	background-color: transparent !important
}

.mod-list-group-short .list-group-item:before,
.offline-list .mod-list-group .list-group-item:after {
	display: none !important
}

.mod-list-group-short .item-tit .label {
	width: 44px
}

.mod-list-group-short .item-info {
	display: none
}

.mod-list-group-short .item-tit {
	width: 100%
}

.mod-list-group-short .item-tit .tit {
	height: 20px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.mod-list-group-short .item-tit .info .tit-sub {
	display: block;
	font-size: 12px;
	line-height: 16px;
	color: #182028;
	color: rgba(24, 32, 40, .54)
}

.mod-list-group-short .list-group-item.exp .info .tit-sub {
	display: block
}

.mod-list-group-short .list-group-item .info {
	height: 42px;
	white-space: normal;
	line-height: 18px;
	padding-top: 14px
}

.task-ctrl-list .icon-upload-cancel,
.task-ctrl-list .icon-upload-mini,
.task-ctrl-list .icon-upload-switch,
.task-ctrl-list .pause .icon-upload-switch {
	width: 16px;
	height: 16px;
	background-image: url(sprite/page-home-180622163207@2x.png);
	background-size: 810px 719px
}

.layout-main-bd {
	position: relative;
	z-index: 1
}

.task-ctrl-list {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 10
}

.task-ctrl-list .icon-upload-mini {
	background-position: -674px -631px;
	vertical-align: 1px
}

.task-ctrl-list .icon-upload-switch {
	background-position: -657px -631px
}

.task-ctrl-list .act-list:hover .icon-upload-switch {
	background-image: url(sprite/page-home-180622163207@2x.png);
	background-position: -538px -631px;
	background-size: 810px 719px
}

.task-ctrl-list .pause .icon-upload-switch {
	background-position: -623px -631px
}

.task-ctrl-list .pause:hover .icon-upload-switch {
	background-image: url(sprite/page-home-180622163207@2x.png);
	background-position: -606px -631px;
	background-size: 810px 719px
}

.task-ctrl-list .icon-upload-cancel {
	background-position: -589px -631px
}

.task-ctrl-list .act-list:hover .icon-upload-cancel {
	background-image: url(sprite/page-home-180622163207@2x.png);
	background-position: -640px -631px;
	background-size: 810px 719px
}

.task-ctrl-list .list-group-item {
	height: 64px;
	line-height: 64px
}

.task-ctrl-list .list-group-hd .btn-group {
	position: absolute;
	z-index: 0;
	right: 50px;
	top: 0;
	bottom: 0
}

.task-ctrl-list .list-group-hd .btn-vip:before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 18px;
	margin-right: 6px;
	vertical-align: -3px;
	background-image: url(sprite/page-home-180622163207@2x.png);
	background-position: -286px -649px;
	background-size: 810px 719px
}

.task-ctrl-list .list-group-hd .btn-vip {
	color: #3B97F5
}

.task-ctrl-list .list-group-hd .btn-m {
	margin-left: 7px;
	border-color: #D5D7DF
}

.task-ctrl-list .item-tit {
	width: 40%
}

.task-ctrl-list .item-info {
	width: 60%
}

.task-ctrl-list .item-tit .info {
	position: relative;
	z-index: 0;
	line-height: 1.5;
	padding-top: 16px;
	box-sizing: border-box
}

.task-ctrl-list .item-tit .sub-info {
	position: absolute;
	z-index: 0;
	top: 35px;
	left: 0;
	font-size: 12px;
	color: #74787C
}

.task-ctrl-list .sub-info .item-info-list {
	margin-right: 5px
}

.task-ctrl-list .item-info-list.fail {
	color: #EC2222
}

.task-ctrl-list .item-info-list .link {
	margin-left: 5px
}

.task-ctrl-list .processing {
	position: absolute;
	z-index: -1;
	left: 0;
	top: 0;
	bottom: 0;
	background: #EBF4FF
}

.task-ctrl-list .mod-act-list .icon {
	visibility: visible
}

.task-ctrl-list .item-info .icon-speed {
	width: 20px;
	height: 15px;
	margin-right: 6px;
	vertical-align: -2px;
	background-image: url(sprite/page-home-180622163207@2x.png);
	background-position: -613px -606px;
	background-size: 810px 719px
}

.task-ctrl-list .item-info .item-info-vip {
	display: none
}

.accelerate-wrapper,
.task-ctrl-list .btn-vip-wrapper {
	display: inline-block
}

.accelerate-wrapper {
	position: relative;
	z-index: 0;
	height: 24px;
	line-height: 24px;
	margin-right: 22px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 10px;
	border-radius: 39px;
	text-align: right;
	font-size: 14px;
	color: #fff;
	background-image: linear-gradient(-270deg, #6F9BF3 0, #05BDEC 40%, #02D0B9 73%, #3ADA79 100%)
}

.accelerate-wrapper.try-accelerate {
	width: 84px
}

.accelerate-wrapper.vip-accelerate {
	width: 116px;
	height: 26px;
	line-height: 26px
}

.accelerate-wrapper .icon {
	position: absolute;
	z-index: 1;
	left: -6px;
	top: 50%;
	background-color: #fff;
	border-radius: 9999px
}

.accelerate-wrapper .icon-count-down {
	width: 32px;
	height: 32px;
	line-height: 32px;
	margin-top: -16px;
	text-align: center;
	font-size: 14px;
	color: #51A5F1
}

.accelerate-wrapper .icon-count-down:after,
.accelerate-wrapper .icon-count-down:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: -1;
	border-radius: 9999px
}

.accelerate-wrapper .icon-count-down:before {
	width: 28px;
	height: 28px;
	margin: -14px 0 0 -14px;
	background-image: linear-gradient(-270deg, #6F9BF3 0, #05BDEC 40%, #02D0B9 73%, #3ADA79 100%)
}

.accelerate-wrapper .icon-count-down:after {
	width: 26px;
	height: 26px;
	margin: -13px 0 0 -13px;
	background-color: #fff
}

.accelerate-wrapper .icon-vip-accelerate {
	top: -2px;
	width: 36px;
	height: 36px
}

.accelerate-wrapper .icon-vip-accelerate:before {
	content: "";
	position: absolute;
	top: 2px;
	left: 2px;
	width: 32px;
	height: 28px;
	background-image: url(sprite/page-home-180622163207@2x.png);
	background-position: -777px -283px;
	background-size: 810px 719px
}

.accelerate-wrapper .effect-wrapper {
	position: absolute;
	z-index: 0;
	right: -19px;
	width: 14px;
	top: 11px
}

.accelerate-wrapper .effect-wrapper:after,
.accelerate-wrapper .effect-wrapper:before {
	content: "";
	position: absolute;
	left: -3px;
	z-index: 0;
	width: 10px;
	opacity: .4
}

.accelerate-wrapper .effect-wrapper,
.accelerate-wrapper .effect-wrapper:after,
.accelerate-wrapper .effect-wrapper:before {
	height: 2px;
	background-color: #22D594;
	border-radius: 8px
}

.accelerate-wrapper .effect-wrapper:before {
	top: -6px
}

.accelerate-wrapper .effect-wrapper:after {
	bottom: -6px
}

.mod-list-group-with-loc .item-tit {
	width: 40%
}

.mod-list-group-with-loc .item-info {
	width: 60%
}

.task-ctrl-list .mod-breadcrumb {
	overflow: hidden
}

.page-safebox .layout-main-bd {
	width: 100%
}

.mod-list-group .mod-thumb-list {
	padding: 0 0 8px 105px
}

.mod-list-group-rencent .list-group-bd {
	height: calc(100vh - 65px - 48px)
}

.mod-list-group-rencent .list-group {
	margin-bottom: 16px
}

.mod-list-group-rencent .list-group-wrapper {
	margin-bottom: 40px
}

.mod-list-group-rencent .list-group-tit {
	height: 60px;
	line-height: 60px;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	background: #fff;
	z-index: 2;
	border-bottom: 1px solid #F1F2F4;
	padding: 0 60px 0 40px;
	box-sizing: border-box
}

.mod-list-group-rencent .list-group-wrapper.fixed .list-group {
	margin-top: 60px
}

.mod-list-group-rencent .list-group-wrapper.fixed .list-group-tit {
	position: fixed;
	top: auto;
	width: 100%
}

.mod-list-group-rencent .item-tit {
	width: 40%
}

.mod-list-group-rencent .item-info {
	width: 60%
}

.mod-list-group-rencent .item-info .item-info-list {
	width: 65%
}

.mod-list-group-rencent .item-info .item-info-list:last-child {
	width: 35%
}

.mod-list-group .item-info .item-info-list .txt-act {
	max-width: 45%;
	margin-left: 10px
}

.mod-list-group .fileedit {
	display: block;
	width: 90%
}

.mod-list-group .fileedit input {
	border-radius: 2px;
	height: 22px;
	line-height: 22px;
	padding: 1px 3px;
	border: 1px solid #2980FF;
	box-sizing: border-box;
	width: 100%
}

.mod-list-group .mod-thumb-list a:hover:before {
	display: none
}

.mod-list-group-doc .list-group-hd .list-group-tit.owner,
.mod-list-group-doc .list-group-hd .list-group-tit.size,
.mod-list-group-doc .list-group-hd .list-group-tit.time {
	width: 16.666666666666666666666%
}

.mod-list-group-doc .item-info .item-info-list {
	width: 33.333333333333333333333%
}

.mod-list-group-doc .list-group-bd {
	height: calc(100vh - 64px - 64px - 40px - 40px);
	overflow-y: auto
}

.mod-list-group-share-group .item-tit .label {
	visibility: hidden !important
}

.mod-list-group-share-group .item-info .item-info-list {
	width: 100%
}

.mod-list-group-share-group .item-tit .info .act {
	visibility: hidden
}

.mod-list-group-share-group .list-group-item:hover .item-tit .info .act {
	visibility: visible
}

.mod-list-group-team .list-group-hd:hover .mod-check,
.mod-list-group-team .list-group-item:hover .label,
.mod-list-group-team-folder .list-group-item.act .label,
.mod-list-group-team-folder .list-group-item:hover .label,
.mod-list-group-team-member .list-group-item.act .label,
.mod-list-group-team-member .list-group-item:hover .label {
	visibility: hidden
}

.mod-list-group-share-group .list-group-item .item-inner {
	cursor: pointer
}

.mod-list-group-set .list-group-item.act,
.mod-list-group-set .list-group-item.act:hover,
.mod-list-group-share-group .list-group-item.act,
.mod-list-group-share-group .list-group-item.act:hover {
	background: inherit;
	color: inherit
}

.mod-list-group-set .list-group-item.act .item-info,
.mod-list-group-set .list-group-item.act .tit,
.mod-list-group-set .list-group-item.act a,
.mod-list-group-share-group .list-group-item.act .item-info,
.mod-list-group-share-group .list-group-item.act .tit,
.mod-list-group-share-group .list-group-item.act a {
	color: inherit
}

.mod-list-group-s .list-group-item {
	height: 40px;
	line-height: 40px;
	margin: 0 0 5px 10px;
	background: #F5F8FA
}

.mod-list-group-s .list-group-item .item-inner {
	height: 40px;
	line-height: 40px;
	padding: 0 34px 0 0;
	cursor: text
}

.mod-list-group-s .item-tit .info {
	height: 40px
}

.mod-list-group-s .list-group-item:hover {
	background: #F5F8FA
}

.mod-list-group-s .list-group-item:after {
	display: none
}

.mod-list-group-s .list-group-item:hover:after,
.mod-list-group-s .list-group-item:hover:before {
	display: none
}

.mod-list-group-s .list-group-item .item-act {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	bottom: 0;
	width: 34px
}

.mod-list-group-s .list-group-item .item-act .icon {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -8px 0 0 -8px
}

.mod-list-group-s .item-tit .thumb {
	margin: 8px 10px 8px 8px;
	zoom: .7
}

.mod-list-group-s .thumb .duration .inner {
	display: block;
	font-size: 7.4px;
	transform: scale(.65);
	margin-left: -6px
}

.mod-list-group-team {
	margin-bottom: 20px
}

.mod-list-group-team .item-info .item-info-list .txt-act-set {
	margin-left: 36px
}

.mod-list-group-wrap-files {
	height: calc(100vh - 65px - 60px);
	overflow-y: auto
}

.mod-list-group-wrap-files .list-group-bd {
	height: auto
}

.mod-list-group-team-folder .list-group-hd {
	padding-right: 0
}

.mod-list-group-team-folder .item-tit {
	width: 40%
}

.mod-list-group-team-folder .item-info {
	width: 60%
}

.mod-list-group-team-folder .item-info .item-info-list {
	width: 50%
}

.mod-list-group-team-folder .item-info .item-info-list.act {
	padding: 0 40px 0 0;
	float: right;
	text-align: right
}

.mod-list-group-team-message .list-group-hd,
.mod-list-group-team-record .list-group-hd {
	padding-right: 0
}

.mod-list-group-team-folder .item-info .item-info-list:nth-child(3),
.mod-list-group-team-folder .item-info .item-info-list:nth-child(4) {
	width: 16.666666666666666666666666666666%
}

.mod-list-group-team-folder .list-group-hd .list-group-tit.name {
	width: 40%
}

.mod-list-group-team-folder .list-group-hd .list-group-tit.owner,
.mod-list-group-team-folder .list-group-hd .list-group-tit.storage {
	width: 20%
}

.mod-list-group-team-folder .item-info .item-info-list .txt-set {
	float: right;
	margin-right: 40px
}

.mod-figure-list .figure-list-item-txt .txt:hover,
.mod-item-list .item .inner .txt:hover {
	text-decoration: underline
}

.mod-list-group-team-member .list-group-item:hover .item-info-list {
	visibility: visible
}

.mod-list-group-team-message .item-act .btn-txt,
.mod-list-group-team-message .list-group-item.act .label,
.mod-list-group-team-message .list-group-item:hover .label,
.mod-list-group-team-record .list-group-item.act .label,
.mod-list-group-team-record .list-group-item:hover .label {
	visibility: hidden
}

.mod-list-group-team-member .item-info .item-info-list {
	width: 50%
}

.mod-list-group-team-member .item-tit .info .tit {
	max-width: 60%
}

.mod-list-group-team-record .item-tit .info,
.mod-list-group-team-record .list-group-item .item-inner {
	height: 40px;
	line-height: 40px
}

.mod-list-group-team-record .list-group-item:after {
	display: none
}

.mod-list-group-team-record .list-group-tit.location {
	width: 25%
}

.mod-list-group-team-record .item-info .item-info-list .txt {
	float: none;
	margin-right: 20px
}

.mod-list-group-team-record .item-tit .info .tit {
	max-width: 6em;
	white-space: nowrap
}

.mod-list-group-team-record .item-tit .info .tit-link {
	max-width: 75%
}

.mod-list-group-team-record .item-info .item-info-list {
	width: 50%
}

.mod-list-group-team-message .item-tit,
.mod-list-group-team-message .list-group-hd .list-group-tit.name {
	width: 45%
}

.mod-list-group-team-message .item-info {
	width: 20%;
	float: left
}

.mod-list-group-team-message .item-act {
	width: 35%;
	float: left;
	text-align: right
}

.mod-list-group-team-message .item-act-wrap {
	padding-right: 40px
}

.mod-list-group-team-message .item-act .btn {
	vertical-align: middle;
	margin: 0 0 0 10px
}

.mod-list-group-team-message .item-tit .info .tit-attr {
	font-size: 14px;
	color: #000
}

.uploadingNav__searchBar_Wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px 0 15px;
	margin-right: 40px;
	border-bottom: 1px solid #f0f0f0;
}

.uploadingNav__searchBar_L {
	display: flex;
	align-items: center;
}

.mod-action-wrap-a {
	margin-right: 15px;
}

.mod-list-group-files-share .item-tit .label,
.mod-list-group-set .item-info .item-info-list a,
.mod-list-group-team-message .list-group-item:hover .item-act .btn-txt {
	visibility: visible
}

.mod-list-group-set .list-group .list-group-item .item-tit {
	width: 40%
}

.mod-list-group-set .list-group-item .item-info {
	float: left;
	width: 20%;
	overflow: visible
}

.mod-list-group-set .item-info .item-info-list {
	width: 100%
}

.mod-list-group-set .item-info .item-act {
	float: left;
	width: 25%
}

.mod-list-group-set .item-info .mod-view {
	float: right
}

.mod-list-group-set .list-group-item.act .icon-check-s,
.mod-list-group-set .list-group-item.act .icon-check-s:hover {
	background-image: url(../images/svg/icon-checkbox-cur.svg)
}

.mod-list-group-set .mod-view-member {
	position: absolute;
	display: none;
	width: 235px;
	height: 250px
}

.mod-list-group-set .mod-view-member.act {
	display: block
}

.mod-list-group-set .mod-view-member.act .mod-bubble-menu {
	visibility: visible;
	opacity: 1
}

.mod-list-group-edit .item-tit .info,
.mod-list-group-edit .list-group-item .item-inner {
	height: 44px;
	line-height: 44px
}

.mod-list-group-edit .list-group-item .item-tit .thumb {
	margin: 3px 5px 0 0
}

.mod-list-group-edit .list-group-item:hover {
	background: 0 0
}

.mod-list-group-edit .list-group-item:after,
.mod-list-group-edit .list-group-item:hover:after {
	display: none
}

.mod-list-group-thumb .list-group-hd .list-group-tit.name {
	width: 100%
}

.mod-list-group-thumb .list-group-tit .mod-bubble-menu {
	left: 40px
}

.mod-list-group-thumb .mod-figure-list,
.mod-list-group-thumb .mod-item-list {
	padding: 12px 0 0
}

.mod-list-group-team .item-info .item-info-list {
	width: 33.33333333333333%
}

.mod-list-group-team .list-group-hd .list-group-tit.member,
.mod-list-group-team .list-group-hd .list-group-tit.size,
.mod-list-group-team .list-group-hd .list-group-tit.time {
	width: 16.666666666666668%
}

.mod-list-group-team-list .item-info .item-info-list {
	width: 33.333333%
}

.mod-list-group-team-list .list-group-hd .list-group-tit.member,
.mod-list-group-team-list .list-group-hd .list-group-tit.size,
.mod-list-group-team-list .list-group-hd .list-group-tit.time {
	width: 16.666666666666668%
}

.mod-list-group-team-list .item-info .item-info-list .txt-time {
	width: 100%
}

.mod-list-group-team-admin .item-info .item-info-list .txt-group {
	float: none;
	width: 100%
}

.mod-list-group-team-admin .item-info .item-info-list {
	width: 50%
}

.mod-list-group-team-admin .list-group-hd .list-group-tit.group,
.mod-list-group-team-admin .list-group-hd .list-group-tit.time {
	width: 25%
}

.mod-list-group-team-admin .list-group-item.act .label,
.mod-list-group-team-admin .list-group-item:hover .label {
	visibility: hidden
}

.icon-playable {
	width: 16px;
	height: 24px;
	background-color: transparent;
	background-image: url(../img/svg/icon-playable.svg)
}

.mod-figure-list .figure-list-item.act .icon-checkbox,
.mod-item-list .item.act .icon-checkbox {
	width: 20px;
	height: 20px;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABTUlEQVQ4T8WUPyjEYRjHP8/vTLIog1gMlMKKY2CVsslCHQMXJiWDblGGuzLI4kyKMthkVBYlKYsSTt0lIn+6znBK7n31u3P3I7znd/3knZ/n8z7f7/t9H8HjIx7zcICjr/0iMi9Cg5tLNJxppUOslG3afQWgBDMxgXo3sHyt1pzoqK/pA1CLFVSqFFi+Ry37ssO9T/iPQBFYGxbiDxDa0gVRJU+4GhCG2oTDBLSHHZdKAi4OCJPdQuwO/GFFMu24bgSujwjNNUJHRJF+yTXN9ghzfULiETojitunz09oBO7PWLTWwc4p9C4pAn4hOijcpHIyr5Jf82AEVpbD7pRFSy0cxMnCbXm2zIv778NV1EMbujdt0VgNqWfoWlAcX/+c1KJAu7WqArYnLMY3FEeX5tj/Cujm5/w1EGQsc+520xiWA+D1+nLjl6nW8439ButOmhVfy8IYAAAAAElFTkSuQmCC") no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}

.figure-group-bd.picture {
	margin-top: 18px
}

.figure-group-bd.picture-tl {
	margin-top: 0
}

.figure-group-bd {
	overflow-y: auto;
	height: calc(100vh - 65px - 48px);
	padding-left: 40px
}

.figure-group-bd.picture {
	height: calc(100vh - 60px - 60px - 60px)
}

.figure-group-bd .mod-figure-list {
	margin-top: 12px
}

.mod-figure-list .figure-box {
	position: relative;
	z-index: 0
}

.mod-figure-list .figure-list {
	font-size: 0
}

.mod-figure-list .figure-list-item {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 10%;
	padding-right: 1px;
	margin-bottom: 10px;
	cursor: default;
	overflow: hidden;
	box-sizing: border-box
}

.mod-figure-list .figure-list-item.drag {
	opacity: .4
}

.mod-figure-list .figure-list-item-inner {
	padding-bottom: 16px
}

.mod-figure-list .figure-list-item-inner,
.mod-figure-list .figure-list-item-pic {
	width: 100%;
	border-radius: 2px
}

.mod-figure-list .figure-list-item-pic {
	position: relative;
	z-index: 0;
	padding-bottom: 1px;
	box-sizing: border-box
}

.mod-figure-list .figure-list-item-inner .icon-checkbox,
.mod-figure-list .figure-list-item-pic .icon-l {
	position: absolute
}

.mod-figure-list .figure-list-item-inner .icon-checkbox {
	z-index: 10;
	top: 10px;
	right: 10px;
}

.mod-figure-list .figure-list-item .figure-list-item-pic {
	font-size: 0;
	text-align: center
}

.mod-figure-list .figure-list-item .figure-list-item-txt {
	margin-top: 0;
	cursor: pointer
}

.mod-figure-list .figure-list-item .duration {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0;
	visibility: hidden;
	font-size: 14px;
	color: #FFF;
	line-height: 14px;
	text-shadow: 0 0 4px rgba(0, 0, 0, .3);
	pointer-events: none
}

.mod-figure-list .figure-list-item .duration::before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 0;
	height: 100%
}

.mod-figure-list .figure-list-item .icon-playable {
	display: inline-block;
	vertical-align: -7px
}

.mod-figure-list .figure-list-item .img-wrapper {
	display: inline-block;
	vertical-align: middle;
	width: inherit;
	height: inherit
}

.mod-figure-list .figure-list-item .img-wrapper::before {
	content: "";
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle
}

.mod-figure-list .figure-list-item .is-img {
	display: inline-block;
	vertical-align: middle;
	max-width: 84%;
	max-height: 84%;
	border-radius: 2px;
	background-color: #DEE5E9;
	opacity: 0;
	visibility: hidden;
	cursor: pointer
}

.mod-figure-list .figure-list-item-txt .tit,
.mod-item-list .item .inner .txt {
	font-size: 14px;
	max-height: 40px;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis
}

.mod-figure-list .figure-list-item.act .figure-list-item-inner,
.mod-figure-list .figure-list-item.dragged-to .figure-list-item-inner,
.mod-figure-list .figure-list-item:hover .figure-list-item-inner,
.mod-item-list .item.act .inner,
.mod-item-list .item.dragged-to .inner,
.mod-item-list .item:hover .inner {
	background-color: #F4F4F4
}

.mod-figure-list .figure-list-item .ilg-poster {
	width: 84%;
	height: 47.25%;
	background-size: cover;
	background-position: center
}

.mod-figure-list .figure-list-item-pic .icon-gray-l,
.mod-figure-list .figure-list-item-pic .icon-pic-l,
.mod-figure-list .figure-list-item-pic .icon-video-l {
	z-index: -1;
	opacity: 1
}

.mod-figure-list .figure-list-item .is-img.is-loaded,
.mod-figure-list .figure-list-item .is-img.is-video~.duration {
	opacity: 1;
	visibility: visible;
	transition: opacity 1s ease
}

.mod-figure-list .figure-list-item .is-img.is-loaded~.icon-gray-l,
.mod-figure-list .figure-list-item .is-img.is-loaded~.icon-pic-l,
.mod-figure-list .figure-list-item .is-img.is-loaded~.icon-video-l {
	opacity: 0;
	visibility: hidden;
	transition: opacity 1s ease
}

.mod-figure-list .figure-list-item-pic .icon-l {
	left: 50%;
	width: 134px;
	margin: -67px 0 0 -67px;
	box-sizing: border-box;
	cursor: pointer;
	top: 50%
}

.mod-figure-list .figure-list-item-inner .icon-checkbox {
	visibility: hidden
}

.mod-figure-list .figure-list-item.act .icon-checkbox,
.mod-figure-list .figure-list-item.dragged-to .icon-checkbox,
.mod-figure-list .figure-list-item:hover .icon-checkbox {
	visibility: visible
}

.mod-figure-list .icon-check-m {
	display: none;
	position: absolute;
	right: -2px;
	top: -2px;
	border-radius: 2px;
	z-index: 4
}

.mod-figure-list .figure-list-item.act .icon-check-m,
.mod-figure-list .figure-list-item:hover .icon-check-m {
	display: block
}

.mod-figure-list .figure-list-item-txt .tit {
	display: -webkit-box;
	overflow: hidden;
	width: 90%;
	margin: 0 auto;
	word-wrap: break-word;
	text-align: center;
	color: #020202
}

@media all and (min-width: 0\0) and (min-resolution: .001dpcm) {
	.mod-figure-list .figure-list-item-txt .txt {
		word-wrap: normal;
		display: inline-block;
		white-space: nowrap
	}
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
	.mod-figure-list .figure-list-item-txt .txt {
		display: inline-block;
		white-space: nowrap
	}
}

@supports (-ms-accelerator:true) {
	.mod-figure-list .figure-list-item-txt .txt {
		display: inline-block;
		white-space: nowrap
	}
}

.mod-figure-list .figure-list-item-txt .tit .icon {
	top: -1px;
	margin: 0 8px 0 0
}

.mod-figure-list .figure-list-item-txt .rename {
	overflow: visible !important
}

.mod-figure-list .icon-pages-l {
	left: auto;
	right: 0;
	margin-left: 0
}

.mod-figure-list .icon-damaged-l {
	left: 0;
	right: 0;
	margin-left: 0;
	width: 100%;
	background-repeat: repeat-x
}

.figure-group-bd .item .inner .txt,
.mod-figure-list .figure-list-item-txt .txt {
	position: relative;
	min-height: 24px
}

.mod-figure-list .figure-list-item-txt .txt .ui-input {
	width: 90%
}

.figure-group-bd .ui-input {
	outline: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	border: 1px solid #ccc;
	border-radius: 2px;
	width: 100%;
	box-sizing: border-box;
	padding: 0 2px;
	line-height: 1.05
}

.figure-group-bd .ui-input:focus {
	border-color: #00A4FF
}

.figure-group-bd .mod-loadmore {
	margin-top: -24px
}

.mod-item-list {
	padding-top: 5px;
	margin-bottom: 27px
}

.mod-item-list .item {
	position: relative;
	float: left;
	height: 150px;
	box-sizing: border-box;
	text-align: center;
	cursor: pointer
}

.mod-item-list .item .inner {
	position: relative;
	z-index: 3;
	display: block;
	padding-bottom: 16px;
	cursor: default
}

.mod-item-list .item .icon-wrapper {
	display: block;
	position: relative;
	z-index: 0;
	width: 100%;
	padding-top: 80%
}

.mod-item-list .item .icon-wrapper .icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -28.5px 0 0 -25px;
	cursor: pointer
}

.mod-item-list .item.dragin .icon-wrapper .icon {
	transform: scale(1.2);
	transition: all .3s
}

.mod-item-list .item.dragout .icon-wrapper .icon {
	transform: scale(1);
	transition: all .3s
}

.mod-item-list .item .inner .txt {
	display: inline-block;
	display: -webkit-box;
	overflow: hidden;
	width: 84%;
	margin: 0 auto;
	line-height: 20px;
	display: inline-block \9;
	white-space: nowrap \9;
	cursor: pointer;
	word-wrap: break-word
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
	.mod-item-list .item .inner .txt {
		display: inline-block;
		white-space: nowrap
	}
}

@supports (-ms-accelerator:true) {
	.mod-item-list .item .inner .txt {
		display: inline-block;
		white-space: nowrap
	}
}

.mod-item-list .item .rename {
	width: 100%
}

.mod-item-list .item .inner .ui-input {
	display: inline-block;
	width: 86px
}

.icon-create,
.icon-down,
.icon-move,
.icon-rename,
.mod-act-list a:hover .icon-down,
.mod-act-list a:hover .icon-move,
.mod-act-list a:hover .icon-share,
.mod-act-list a:hover .icon-trash {
	width: 24px;
	height: 24px
}

.mod-item-list .item .icon-file-m {
	display: inline-block
}

.mod-item-list .icon-checkbox {
	display: none;
	position: absolute;
	z-index: 4;
	right: 10px;
	top: 10px
}

.mod-item-list .item.act .icon-checkbox,
.mod-item-list .item.dragged-to .icon-checkbox,
.mod-item-list .item:hover .icon-checkbox {
	display: block
}

.mod-act-list a:hover .icon-share {
	background-image: url(sprite/page-home-180622163207@2x.png);
	background-position: -738px -379px;
	background-size: 810px 719px
}

.icon-create {
	background-image: url(../img/svg/icon-create.svg)
}

.icon-down {
	background-image: url(../img/svg/icon-down.svg)
}

.icon-move {
	background-image: url(../img/svg/act/icon-move.svg)
}

.icon-goback,
.icon-rename,
.mod-act-list a:hover .icon-add-safebox,
.mod-act-list a:hover .icon-del-safebox,
.mod-act-list a:hover .icon-move,
.mod-act-list a:hover .icon-rename,
.mod-act-list a:hover .icon-trash {
	background-image: url(sprite/page-home-180622163207@2x.png);
	background-size: 810px 719px
}

.mod-act-list a:hover .icon-move {
	background-position: -763px -379px
}

.mod-act-list a:hover .icon-trash {
	background-position: -767px -428px
}

.icon-rename {
	background-position: -438px -379px
}

.mod-act-list a:hover .icon-rename {
	width: 24px;
	height: 24px;
	background-position: -695px -545px
}

.mod-act-list a:hover .icon-add-safebox {
	background-position: -720px -545px
}

.mod-act-list a:hover .icon-del-safebox {
	background-position: -745px -545px
}

.mod-act-list:after {
	content: "";
	display: block;
	clear: both
}

.mod-act-list .act-list {
	float: left;
	margin: 0 0 0 15px;
	outline: 0
}

.mod-act-list .icon {
	cursor: pointer
}

.icon-goback {
	width: 14px;
	height: 11px;
	background-position: -759px -361px
}

.icon-download,
.icon-yulan,
.icon-info,
.icon-more,
.icon-storage,
.icon-trash-xs,
.icon-trig-s {
	width: 24px;
	height: 24px
}

.icon-info {
	background-image: url(../img/svg/icon-info.svg)
}

.unfold .icon-trig-s {
	transform: rotate(180deg)
}

.icon-more {
	background-image: url(../images/svg/icon-more.svg)
}

.icon-trash-xs {
	background-image: url(../images/svg/icon-trash-xs.svg)
}

.icon-download {
	background-image: url(../images/svg/icon-download.svg)
}

.icon-yulan {
	background-image: url(../images/svg/icon-yulan.svg)
}

.icon-storage {
	background-image: url(../images/svg/icon-storage.svg)
}

.icon-trig-s {
	background-image: url(../images/svg/icon-trig-s.svg)
}

.icon-close-m {
	width: 36px;
	height: 36px;
	background-image: url(../images/svg/icon-close-m.svg)
}

.icon-view {
	width: 24px;
	height: 24px;
	background-image: url(../images/svg/icon-view-light.svg)
}

.icon-save-light {
	width: 24px;
	height: 24px;
	background-image: url(../img/svg/act/icon-save-light.svg)
}

.mod-action-wrap {
	border: 1px solid #DBDBDB;
	border-radius: 2px
}

.mod-action-wrap-list .mod-action-wrap:last-child {
	margin-right: 0
}

.mod-action-wrap-list:after {
	content: "";
	display: block;
	clear: both
}

.mod-action-wrap .action-item {
	position: relative;
	float: left;
}

.action-item .iconfont {
	font-size: 20px;
}

.action-item.act {
	color: #2980FF;
}
.action-item.act .act-txt{
	color: #fff;
}
#formFileInputCt {
	width: 100%;
}

.mod-action-wrap .action-item.dis {
	cursor: default;
	opacity: .4
}

.mod-action-wrap .action-item.dis .action-item-con {
	cursor: default
}

.mod-action-wrap-b .action-item.dis .action-item-con {
	cursor: not-allowed;
	opacity: .5
}

.mod-action-wrap .action-item-con {
	position: relative;
	cursor: pointer;
	height: 34px;
	line-height: 34px;
	padding: 0 20px;
	border-right: 1px solid #DBDBDB
}

.mod-action-wrap .btn-trig {
	position: relative;
	height: 100%;
	display: inline-block;
	width: 32px;
	margin: 0 -20px 0 15px;
	text-align: center
}

.mod-action-wrap .btn-trig:before {
	position: absolute;
	left: 0;
	content: "";
	width: 1px;
	height: 20px;
	top: 50%;
	margin: -10px 0 0;
	background-color: rgba(255, 255, 255, .4)
}

.mod-action-wrap-c .action-item-con .act-txt {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	top: 45px;
	white-space: nowrap;
	background-color: #4D4D4D;
	color: #fff;
	font-size: 12px;
	border-radius: 2px;
	padding: 0 8px;
	height: 22px;
	line-height: 22px;
	display: none
}

.mod-action-wrap-c .action-item-con {
	padding: 0 13px
}

.mod-action-wrap-a .action-item-con,
.mod-action-wrap-b .action-item-con,
.mod-action-wrap-create .action-item-con,
.mod-action-wrap-upload .action-item-con {
	padding: 0 20px
}

.mod-action-wrap-c .action-item-con:hover .act-txt {
	display: block
}

.mod-action-wrap .mod-bubble-menu .menu-item .txt {
	height: 40px;
	line-height: 40px
}

.mod-action-wrap .action-item-con .icon {
	top: -1px
}

.mod-action-wrap .action-item-con .icon-save-light {
	margin-right: 2px
}

.mod-action-wrap .action-item:hover {
	background-color: #F4F4F4
}

.mod-action-wrap .action-item:last-child .action-item-con {
	text-align: center;
	border-right: 0 none;
	width: 100%;
	padding: 0;
}
.btn_remove{
	width: 30px;
}
.btn_remove .iconfont{
	font-size: 24px;
}
.mod-action-wrap .mod-bubble-menu.with-border {
	left: auto;
	right: 0;
	top: 44px;
	visibility: hidden;
	opacity: 0;
	max-height: 0;
	background: #fff;
}

.mod-action-wrap .action-item.act .mod-bubble-menu {
	cursor: default;
	max-height: 420px;
	opacity: 1;
	visibility: visible
}

.mod-action-wrap .mod-bubble-menu .menu-item .spliter {
	background-color: #EAEAEA
}

.mod-action-wrap .mod-bubble-menu .menu-item.act .icon {
	visibility: visible
}

.mod-action-wrap-b .action-item-con {
	height: 26px;
	line-height: 26px;
	font-size: 12px
}

.mod-action-wrap-b .action-item-con .icon {
	margin: 0
}

.mod-action-wrap-b .action-item.act {
	background-color: #E9EEF2
}

.mod-action-wrap-upload {
	background-color: #2980FF;
	border-color: #2980FF;
	color: #fff
}

.mod-action-wrap-upload .action-item:hover {
	background-color: #2977EA
}

.mod-action-wrap-create .mod-bubble-menu.with-border,
.mod-action-wrap-upload .mod-bubble-menu.with-border {
	left: 0;
	right: auto
}

.mod-action-wrap-a {
	width: 100px;
	background-color: #2980FF;
	border-color: #2980FF;
	color: #fff !important;
	text-align: center;
}

.mod-action-wrap-a .action-item:hover {
	background-color: #2977EA
}

.mod-action-wrap-d,
.mod-action-wrap-d .action-item-con {
	border: 0
}

.mod-action-wrap-d .action-item:hover {
	background: 0 0
}

.mod-action-wrap-d .action-item-con {
	padding: 0 6px
}

.mod-action-wrap-code .mod-bubble-menu {
	padding: 0;
	height: 240px
}

.mod-action-wrap-code .mod-code {
	margin-top: 42px
}

.mod-tab .btn-w:hover {
	background-color: #F9FAFB
}

.mod-tab .tab-hd {
	padding-left: 32px;
	border-bottom: 1px solid #E6E7EC
}

.mod-tab .tab-item {
	float: left;
	position: relative;
	padding: 27px 33px 11px;
	text-align: center;
	color: #575A5F;
	font-size: 14px;
	line-height: 1;
	cursor: pointer
}

.mod-tab .tab-item.new {
	position: relative;
	z-index: 0
}

.mod-tab .tab-item.new:before {
	content: "";
	position: absolute;
	z-index: 0;
	right: 25px;
	top: 25px;
	background-color: #F74B4B;
	width: 6px;
	height: 6px;
	border-radius: 6px
}

.mod-tab .tab-item .spliter {
	position: absolute;
	bottom: -1px;
	left: 0;
	right: 0;
	background-color: #389CFF;
	display: none;
	height: 2px
}

.mod-tab .tab-item.on .btn,
.mod-tab .tab-item:hover .btn {
	color: #389CFF
}

.mod-tab .tab-item.on .spliter,
.mod-tab .tab-item:hover .spliter {
	display: block
}

.mod-tab .tab-bd {
	margin: 0 29px 39px
}

.mod-tab .tab-cont-item {
	height: 100%;
	overflow: hidden;
	margin-top: 24px;
	box-sizing: border-box;
	padding: 18px 0 18px 35px;
	border: 1px solid #E6E7EC;
	border-radius: 2px
}

.mod-tab .tab-cont-item.has-inner-cont {
	padding-top: 0;
	padding-left: 0
}

.mod-tab .editor {
	width: 100%;
	overflow-y: auto;
	outline: 0;
	border: none;
	resize: none
}

.mod-tab .cont-ft {
	box-sizing: border-box;
	padding: 10px 21px 0 0
}

.mod-tab .cont-ft .btn-w {
	float: left
}

.mod-tab .cont-ft .btn-l,
.mod-tab .exp-hd .btn-group {
	float: right
}

.mod-tab .cont-ft .btn.disabled {
	display: block;
	opacity: .5;
	cursor: not-allowed
}

.mod-tab .tab-cont-item:nth-of-type(2) {
	display: none
}

.mod-tab .tab-cont-item.show-exp {
	margin-top: 12px;
	border: none
}

.mod-tab .tab-cont-item .inner-cont-exp,
.mod-tab .tab-cont-item.show-exp .inner-cont-list {
	display: none
}

.mod-tab .tab-cont-item .inner-cont-list,
.mod-tab .tab-cont-item.show-exp .inner-cont-exp {
	display: block
}

.mod-tab .inner-cont-item {
	position: relative;
	z-index: 0;
	height: 88px;
	width: 100%;
	overflow: hidden;
	padding: 20px 50px 20px 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 48px;
	border-bottom: 1px solid #EEEFF4;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 14px;
	color: #020202;
	cursor: pointer
}

.mod-tab .inner-cont-item .text {
	height: 100%;
	overflow: hidden
}

.mod-tab .inner-cont-item:before {
	content: "";
	position: absolute;
	z-index: 0;
	right: 16px;
	top: 50%;
	width: 10px;
	height: 18px;
	margin-top: -9px;
	background-image: url(sprite/page-home-180622163207@2x.png);
	background-position: -795px -545px;
	background-size: 810px 719px
}

.mod-tab .inner-cont-item:hover {
	background: #389CFF;
	background: rgba(56, 156, 255, .06)
}

.mod-tab .exp-hd {
	margin-bottom: 13px;
	cursor: auto
}

.mod-tab .exp-hd .act-list {
	padding-top: 10px;
	color: #575A5F;
	font-size: 14px
}

.mod-tab .exp-hd .act-list:hover {
	opacity: .5
}

.mod-tab .exp-hd .icon-goback {
	margin-right: 10px;
	margin-top: -3px
}

.mod-tab .exp-hd .btn-w {
	padding: 0 30px;
	margin-right: 15px
}

.mod-tab .exp-hd .btn-w:last-child {
	margin-right: 0
}

.mod-tab .exp-bd {
	padding: 19px 28px 0;
	border: 1px solid #EEEFF4;
	cursor: not-allowed
}

.mod-figure-list .figure-box .date-wrapper {
	display: none;
	position: absolute;
	top: 40px;
	left: 8px;
	line-height: 1;
	text-align: right
}

.mod-figure-list .date-wrapper .strong {
	font-size: 40px;
	text-align: center;
	margin-bottom: 2px
}

.mod-figure-list .date-wrapper .txt {
	font-size: 14px
}

.mod-figure-list.tl-view .figure-box {
	padding: 0 0 0 70px
}

.mod-figure-list.tl-view .figure-box .date-wrapper {
	display: block
}

.mod-figure-list.tl-view .figure-list-item-txt {
	display: none
}

.mod-figure-list.tl-view .figure-list-item-pic {
	box-shadow: none
}

.mod-figure-list.tl-view .figure-list-item-pic img {
	background-color: #EBECF0
}

.mod-figure-list.tl-view .figure-list .figure-list-item-pic,
.mod-figure-list.tl-view .figure-list .figure-list-item.act .figure-list-item-pic,
.mod-figure-list.tl-view .figure-list .figure-list-item:hover .figure-list-item-pic {
	border: none
}

.figure-group-bd.picture-tl {
	height: calc(100vh - 65px - 48px)
}

.mod-figure-list.tl-view .figure-list-item-inner {
	padding-bottom: 0
}

.mod-pic-group .pic-group-item {
	position: relative;
	float: left;
	width: 10%;
	margin: 0 48px 15px 0;
	cursor: pointer
}

.mod-pic-group .pic-group-item-pic {
	position: relative;
	height: 180px;
	overflow: hidden;
	z-index: 3;
	background-color: #fff
}

.mod-pic-group .pic-group-item-pic:after {
	content: "";
	position: absolute;
	z-index: 3;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 1px solid #D5D7DF;
	opacity: .5
}

.mod-pic-group .pic-group-item-pic:hover::after {
	opacity: 1
}

.mod-pic-group .icon-l {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -50px 0 0 -50px
}

.mod-pic-group .pic-group-item-pic img {
	position: relative;
	width: 100%;
	height: initial;
	min-height: 100% !important;
	z-index: 2
}

.mod-pic-group .pic-group-item-add {
	position: relative;
	border: 1px solid #D5D7DF;
	box-shadow: 0 3px 5px 0 rgba(15, 32, 65, .06)
}

.mod-pic-group .pic-group-item-add .icon-act-add-l {
	position: absolute;
	width: 38px;
	height: 38px;
	background-image: url(sprite/page-home-180622163207@2x.png);
	background-position: -399px -379px;
	background-size: 810px 719px;
	left: 50%;
	top: 50%;
	margin: -19px 0 0 -19px
}

.mod-pic-group .pic-group-bg {
	position: absolute;
	z-index: -1;
	width: 100%;
	padding-top: 82.608%;
	background-image: url(../img/pic-group-bg.png);
	background-image: none \9;
	background-size: contain;
	left: 0;
	top: 0
}

.mod-pic-group .pic-group-item-txt {
	position: relative
}

.mod-pic-group .pic-group-item-edit {
	height: 50px;
	line-height: 50px;
	text-align: center
}

.mod-pic-group .pic-group-item-edit input {
	height: 22px;
	width: 100px;
	border: 1px solid #389CFF;
	cursor: text;
	text-align: center
}

.mod-pic-group .pic-group-item-txt .tit {
	height: 50px;
	line-height: 50px;
	padding: 0 10px;
	overflow: hidden;
	text-align: center
}

.mod-pic-group .pic-group-item-txt .txt {
	display: inline-block;
	max-width: 60%;
	text-align: center;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	vertical-align: middle
}

.mod-pic-group .pic-group-item-txt .num {
	display: inline-block;
	color: #74787C
}

.mod-pic-group .pic-group-item-txt .tit .icon {
	top: -1px;
	margin: 0 8px 0 0
}

.mod-breadcrumb ul,
.mod-breadcrumb-tab ul {
	display: flex
}

.mod-breadcrumb li,
.mod-breadcrumb-tab li {
	float: left \9;
	transition: flex-shrink .3s;
	flex-basis: auto;
	flex-shrink: 1;
	min-width: 41px;
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	cursor: pointer;
	color: #777
}

.mod-breadcrumb li.dragin a {
	background: #E9EEF2;
	border-radius: 2px
}

.mod-breadcrumb li.all.dragin a,
.mod-breadcrumb li.cur.dragin a,
.mod-breadcrumb li.dragout a,
.mod-breadcrumb li.more.dragin a {
	background: 0 0
}

.mod-breadcrumb li:first-child:nth-last-child(2),
.mod-breadcrumb li:first-child:nth-last-child(2)~li {
	max-width: calc(100% - 100px) \9
}

.mod-breadcrumb li:first-child:nth-last-child(3),
.mod-breadcrumb li:first-child:nth-last-child(3)~li {
	max-width: calc((100% - 100px) / 2) \9
}

.mod-breadcrumb li:first-child:nth-last-child(4),
.mod-breadcrumb li:first-child:nth-last-child(4)~li {
	max-width: calc((100% - 100px) / 3) \9
}

.mod-breadcrumb li:first-child:nth-last-child(5),
.mod-breadcrumb li:first-child:nth-last-child(5)~li {
	max-width: calc((100% - 100px) / 4) \9
}

.mod-breadcrumb li:first-child:nth-last-child(6),
.mod-breadcrumb li:first-child:nth-last-child(6)~li {
	max-width: calc((100% - 100px) / 4) \9
}

.mod-breadcrumb li.all,
.mod-breadcrumb li.more,
.mod-breadcrumb-tab li.all,
.mod-breadcrumb-tab li.more {
	min-width: 38px
}

.mod-breadcrumb li.more,
.mod-breadcrumb li.more a {
	cursor: default
}

.mod-breadcrumb li.more a:hover {
	text-decoration: none
}

.mod-breadcrumb li.return {
	flex-shrink: 0;
	margin-right: 20px
}

.mod-breadcrumb li.group-return {
	margin-right: 16px
}

.mod-breadcrumb li a {
	padding: 4px 5px;
	color: #777
}

.mod-breadcrumb li a:hover {
	text-decoration: underline
}

.mod-breadcrumb li.return a {
	color: #00A4FF
}

.mod-breadcrumb .icon-bread-next {
	width: 7px;
	height: 12px;
	margin: -1px 5px 0;
	background-image: url(../images/svg/icon-bread-next.svg)
}

.mod-breadcrumb .icon-bread-return {
	width: 7px;
	height: 12px;
	margin: -2px 4px 0 10px;
	background-image: url(sprite/page-home-180622163207@2x.png);
	background-position: -438px -404px;
	background-size: 810px 719px
}

.mod-breadcrumb .icon-group-return {
	position: relative;
	width: 18px;
	height: 16px;
	margin: 0 16px 0 2px;
	overflow: visible;
	background-image: url(../img/svg/icon-group-return.svg)
}

.mod-breadcrumb .icon-group-return::after {
	content: "";
	position: absolute;
	top: 50%;
	right: -16px;
	height: 16px;
	width: 1px;
	background-color: #E6E7EC;
	margin-top: -8px
}

.mod-breadcrumb .label {
	float: left;
	margin-right: 10px
}

.mod-breadcrumb .cur a {
	color: #000;
	font-weight: 700;
	text-decoration: none
}

.mod-breadcrumb .cur a:hover {
	text-decoration: none;
	cursor: default
}

.mod-breadcrumb a.note-title {
	display: inline-block;
	width: 180px;
	vertical-align: middle;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.mod-breadcrumb .icon-safebox-inpath {
	width: 24px;
	height: 24px;
	margin-right: 2px;
	background-image: url(sprite/page-home-180622163207@2x.png);
	background-position: -745px -570px;
	background-size: 810px 719px
}

.mod-breadcrumb-tab li {
	margin-right: 32px
}

.mod-breadcrumb-tab li a {
	position: relative;
	line-height: 1.2;
	color: #777
}

.mod-breadcrumb-tab li a::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -8px;
	height: 2px
}

.mod-breadcrumb-tab li.cur a {
	color: #0097EB
}

.mod-breadcrumb-tab li:hover a::after {
	background-color: #777
}

.mod-breadcrumb-tab li.cur a::after {
	background-color: #00A4FF
}

.mod-breadcrumb-path li.more {
	min-width: 30px
}

.mod-breadcrumb-path li a,
.mod-breadcrumb-path li.more a {
	cursor: text
}

.mod-breadcrumb-path li a:hover {
	text-decoration: none
}

.mod-operate .operate-ft a:hover,
.mod-point .point-link:hover {
	text-decoration: underline
}

.mod-breadcrumb-path li:before {
	content: "/"
}

.mod-breadcrumb-path li.all:before {
	display: none
}

.mod-breadcrumb-path .icon-bread-next {
	display: none
}

.mod-breadcrumb-path li:last-child {
	min-width: 5em
}

.mod-breadcrumb-path li:first-child:nth-last-child(3),
.mod-breadcrumb-path li:first-child:nth-last-child(3)~li {
	max-width: calc((100% - 100px) / 1) \9
}

.mod-breadcrumb-path li:first-child:nth-last-child(4),
.mod-breadcrumb-path li:first-child:nth-last-child(4)~li {
	max-width: calc((100% - 100px) / 2) \9
}

.mod-breadcrumb-path li:first-child:nth-last-child(5),
.mod-breadcrumb-path li:first-child:nth-last-child(5)~li {
	max-width: calc((100% - 100px) / 3) \9
}

.mod-pic-preview {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 666;
	opacity: 1;
	transition: opacity .5s ease;
	-ms-transition: opacity .5s ease;
	-webkit-transition: opacity .5s ease
}

.mod-pic-preview .inner {
	height: 100%
}

.mod-pic-preview .pic-preview-bd {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 667;
	display: table
}

.mod-pic-preview .pic-preview-bd .pic {
	position: absolute;
	top: 50%;
	left: 50%
}

.mod-pic-preview .pic-preview-bd .pic img {
	display: inline-block;
	cursor: move;
	vertical-align: middle;
	transition: all .1s
}

.mod-pic-preview .pic-preview-bd .next,
.mod-pic-preview .pic-preview-bd .pre {
	cursor: pointer;
	width: 64px;
	height: 80px
}

.mod-pic-preview .pic-preview-bd .pre {
	position: fixed;
	left: 25px;
	top: 50%;
	margin-top: -40px;
	z-index: 777
}

.mod-pic-preview .pic-preview-bd .icon-pre {
	width: 64px;
	height: 80px;
	background-image: url(../img/svg/icon-pre.svg);
	transition: background-image .5s ease;
	-webkit-transition: background-image .5s ease
}

.mod-pic-preview .pic-preview-bd .disable {
	cursor: default
}

.mod-pic-preview .pic-preview-bd .next:hover,
.mod-pic-preview .pic-preview-bd .pre:hover {
	background: rgba(0, 0, 0, .7);
	border-radius: 2px
}

.mod-pic-preview .pic-preview-bd .next.disable,
.mod-pic-preview .pic-preview-bd .next.disable:hover,
.mod-pic-preview .pic-preview-bd .pre.disable,
.mod-pic-preview .pic-preview-bd .pre.disable:hover {
	opacity: .7;
	background: 0 0
}

.mod-pic-preview .pic-preview-bd .next {
	position: fixed;
	right: 25px;
	top: 50%;
	margin-top: -40px;
	z-index: 777
}

.mod-pic-preview .pic-preview-bd .icon-next {
	width: 64px;
	height: 80px;
	background-image: url(../img/svg/icon-next.svg);
	transition: background-image .5s ease;
	-webkit-transition: background-image .5s ease
}

.mod-pic-preview .pic-preview-bd .btn-close {
	position: fixed;
	top: 0;
	right: 0
}

.mod-pic-preview .pic-preview-bd .icon-close {
	width: 60px;
	height: 60px;
	background-image: url(sprite/page-home-180622163207@2x.png);
	background-position: -716px -252px;
	background-size: 810px 719px;
	transition: background-image .5s ease;
	-webkit-transition: background-image .5s ease
}

.mod-pic-preview .pic-preview-bd .icon-close:hover {
	background-image: url(sprite/page-home-180622163207@2x.png);
	background-position: -698px -315px;
	background-size: 810px 719px
}

.mod-pic-preview .pic-preview-ft {
	opacity: 1;
	text-align: center;
	position: absolute;
	width: 100%;
	height: 160px;
	left: 0;
	bottom: -76px;
	z-index: 668;
	pointer-events: none
}

.mod-pic-preview.hide .pic-preview-ft {
	opacity: 0
}

.mod-pic-preview .pic-preview-ft.unfold {
	bottom: 0
}

.mod-pic-preview .pic-preview-ft .next,
.mod-pic-preview .pic-preview-ft .pre {
	position: absolute;
	width: 30px;
	height: 40px;
	top: 50%;
	margin-top: -20px;
	text-align: center;
	cursor: pointer;
	transition: all .3s ease
}

.mod-pic-preview .pic-preview-ft .next:hover,
.mod-pic-preview .pic-preview-ft .pre:hover {
	background: rgba(255, 255, 255, .1);
	border-radius: 2px
}

.mod-pic-preview .pic-preview-ft .next.disable,
.mod-pic-preview .pic-preview-ft .next.disable:hover,
.mod-pic-preview .pic-preview-ft .pre.disable,
.mod-pic-preview .pic-preview-ft .pre.disable:hover {
	background: 0 0
}

.mod-pic-preview .pic-preview-ft .pre {
	left: 0
}

.mod-pic-preview .pic-preview-ft .icon-next-s,
.mod-pic-preview .pic-preview-ft .icon-pre-s {
	width: 24px;
	height: 24px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -12px 0 0 -12px;
	transition: background-image .5s ease;
	-webkit-transition: background-image .5s ease
}

.mod-pic-preview .pic-preview-ft .icon-pre-s {
	background-image: url(../img/svg/icon-pre-s.svg)
}

.mod-pic-preview .pic-preview-ft .icon-next-s {
	background-image: url(../img/svg/icon-next-s.svg)
}

.mod-pic-preview .pic-preview-ft .next {
	right: 0
}

.mod-pic-preview .operate-list-wrap {
	height: 40px;
	background: rgba(0, 0, 0, .85);
	display: inline-block;
	border-radius: 2px;
	pointer-events: auto;
	line-height: 40px;
	padding: 4px
}

.mod-pic-preview .operate-list .icon-collect,
.mod-pic-preview .operate-list .icon-download,
.mod-pic-preview .operate-list .icon-share,
.mod-pic-preview .operate-list .icon-trash {
	background-image: url(sprite/page-home-180622163207@2x.png);
	background-size: 810px 719px
}

.mod-pic-preview .operate-list {
	position: relative;
	z-index: 669
}

.mod-pic-preview .operate-list .item {
	float: left;
	position: relative;
	padding: 0 10px;
	cursor: pointer;
	margin-right: 10px
}

.mod-pic-preview .operate-list .item:last-child {
	margin-right: 0
}

.mod-pic-preview .operate-list .item.word:before {
	position: absolute;
	content: "";
	width: 1px;
	height: 18px;
	background-color: rgba(255, 255, 255, .2);
	top: 50%;
	left: 0;
	margin: -9px 0 0
}

.mod-pic-preview .operate-list .item.word:hover:before {
	opacity: 0
}

.mod-pic-preview .operate-list .item.word.disable:hover:before {
	opacity: 1
}

.mod-pic-preview .operate-list .item .tip {
	display: none \9;
	position: absolute;
	width: 48px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	color: #fff;
	background-color: rgba(0, 0, 0, .7);
	border-radius: 2px;
	top: -36px;
	left: 50%;
	opacity: 0;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%)
}

.mod-pic-preview .operate-list .item:hover .tip {
	opacity: 1;
	transition: opacity .5s ease;
	-webkit-transition: opacity .5s ease
}

.mod-pic-preview .operate-list .line {
	width: 0
}

.mod-pic-preview .operate-list .item .icon {
	width: 24px;
	height: 24px;
	transition: background-image .5s ease;
	-webkit-transition: background-image .5s ease;
	cursor: pointer
}

.mod-pic-preview .operate-list .icon-share {
	background-position: -307px -649px
}

.mod-pic-preview .operate-list .icon-download {
	background-position: -326px -649px
}

.mod-pic-preview .operate-list .icon-trash {
	background-position: -792px -428px
}

.mod-pic-preview .operate-list .icon-collect {
	background-position: -792px -453px
}

.mod-pic-preview .operate-list .icon-enlarge {
	background-image: url(../img/svg/icon-enlarge.svg)
}

.mod-pic-preview .operate-list .icon-narrow {
	background-image: url(../img/svg/icon-narrow.svg)
}

.mod-pic-preview .operate-list .icon-resize {
	background-image: url(../img/svg/icon-resize.svg)
}

.mod-pic-preview .operate-list .act .icon-resize {
	background-image: url(../img/svg/icon-resize-b.svg)
}

.mod-pic-preview .operate-list .icon-rotate {
	background-image: url(../img/svg/icon-rotate.svg)
}

.mod-pic-preview .operate-list .icon-line {
	border-left: 1px solid rgba(255, 255, 255, .2)
}

.mod-pic-preview .operate-list .word .icon {
	display: block;
	width: auto;
	line-height: 18px;
	font-size: 14px;
	color: #fff;
	font-style: normal
}

.mod-pic-preview .operate-list .item:hover {
	background-color: rgba(255, 255, 255, .1);
	border-radius: 2px
}

.mod-pic-preview .operate-list .item.disable .icon,
.mod-pic-preview .operate-list .item.disable .text,
.mod-pic-preview .operate-list .item.disable:hover .text,
.mod-pic-preview .operate-list .item.disable:hover.icon {
	opacity: .3;
	cursor: default
}

.mod-pic-preview .operate-list .item.disable {
	background: 0 0
}

.mod-pic-preview .operate-list .item.disable .icon {
	cursor: default
}

.mod-pic-preview .small-pic-list-wrap {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 669;
	background: rgba(0, 0, 0, .85);
	text-align: center;
	pointer-events: auto
}

.mod-pic-preview .small-pic-list-con {
	position: relative;
	display: inline-block;
	height: 50px;
	padding: 13px 60px
}

.mod-pic-preview .small-pic-list-toggle {
	position: absolute;
	width: 48px;
	height: 15px;
	top: -15px;
	left: 50%;
	margin: 0 0 0 -24px;
	border-radius: 2px 2px 0 0;
	background: rgba(0, 0, 0, .7);
	cursor: pointer
}

.mod-pic-preview .small-pic-list-toggle .icon {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -12px 0 0 -12px;
	transform: rotate(180deg)
}

.mod-pic-preview .unfold .small-pic-list-toggle .icon {
	transform: rotate(0)
}

.mod-pic-preview .small-pic-list-wrap .wrap {
	height: 50px;
	overflow: hidden
}

.mod-pic-preview .small-pic-list {
	height: 50px;
	transition: margin .3s ease;
	-webkit-transition: margin .3s ease;
	white-space: nowrap
}

.mod-pic-preview .small-pic-list .small-pic-item {
	position: relative;
	display: inline-block;
	width: 50px;
	height: 50px;
	margin-left: 4px;
	overflow: hidden;
	cursor: pointer
}

.mod-pic-preview .small-pic-list .small-pic-item:first-child {
	margin-left: 0
}

.mod-pic-preview .small-pic-list .small-pic-item.cur:after,
.mod-pic-preview .small-pic-list .small-pic-item.cur:hover:after {
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	border: 2px solid #389CFF;
	z-index: 1
}

.mod-pic-preview .small-pic-list .small-pic-item .pic {
	width: 50px;
	height: 50px;
	background-size: cover
}

.mod-pic-preview .small-pic-list .small-pic-item .pic-mask {
	position: absolute;
	width: 50px;
	height: 50px;
	background: #000;
	opacity: .4;
	filter: alpha(opacity=40);
	z-index: 670;
	left: 0;
	top: 0;
	-webkit-transition: all .3s ease;
	transition: all .3s ease
}

.mod-pic-preview .small-pic-list .small-pic-item:hover .pic-mask {
	display: none
}

.mod-pic-preview .small-pic-list .cur .pic-mask {
	opacity: 0
}

.mod-pic-preview.hide .pre {
	display: none \9;
	opacity: 0;
	transform: translateX(-50px);
	-webkit-transform: translateX(-50px);
	transition: opacity .5s ease, transform .5s ease;
	-webkit-transition: opacity .5s ease, transform .5s ease
}

.mod-pic-preview.hide .next {
	display: none \9;
	opacity: 0;
	transform: translateX(50px);
	-webkit-transform: translateX(50px);
	transition: opacity .5s ease, transform .5s ease;
	-webkit-transition: opacity .5s ease, transform .5s ease
}

.mod-pic-preview .aside {
	width: 100%;
	left: 0;
	text-align: center;
	position: fixed;
	top: 60px;
	z-index: 800;
	pointer-events: none
}

.mod-pic-preview .percentage {
	pointer-events: auto
}

.mod-pic-preview .aside .btn-check,
.mod-pic-preview .percentage {
	display: inline-block;
	padding: 0 20px;
	height: 60px;
	line-height: 60px;
	background-color: rgba(0, 0, 0, .4);
	border-radius: 0 0 4px 4px;
	text-align: center;
	font-size: 28px;
	color: #fff
}

.mod-pic-preview .operate-list .item:hover,
.mod-pic-preview .pic-preview-bd .next,
.mod-pic-preview .pic-preview-bd .pre,
.mod-pic-preview .pic-preview-ft {
	transition: all .3s ease;
	-webkit-transition: all .3s ease
}

.mod-pic-preview .mod-prompt {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	margin: -79px
}

.mod-pic-preview .mod-loading {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	margin: -12px
}

.mod-prompt {
	text-align: center
}

.mod-prompt .icon-pic-error {
	width: 120px;
	height: 120px;
	background-image: url(../img/svg/icon-pic-error.svg)
}

.mod-prompt .prompt-tit {
	padding: 17px 0 0
}

.mod-prompt .prompt-tit .link {
	margin: 0 0 0 9px
}

.mod-loading {
	text-align: center
}

.mod-loading .icon-loading {
	width: 56px;
	height: 56px;
	background-image: url(../img/loading@2x.gif);
	background-size: 56px 56px
}

.mod-doc-preview .doc-preview-hd .icon-close,
.mod-doc-preview .doc-preview-hd .icon-doc-download,
.mod-doc-preview .doc-preview-hd .icon-doc-share,
.mod-doc-preview .doc-preview-hd .icon-word {
	background-image: url(sprite/page-home-180622163207@2x.png);
	background-size: 810px 719px
}

.mod-doc-preview {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 666;
	transition: opacity .5s ease;
	-webkit-transition: opacity .5s ease
}

.mod-doc-preview .doc-preview-hd {
	height: 60px;
	line-height: 60px;
	background-color: #000;
	color: #fff
}

.mod-doc-preview .doc-preview-hd .icon-s {
	margin: 0 8px 0 28px
}

.mod-doc-preview .doc-preview-hd .title-wrap {
	float: left
}

.mod-doc-preview .doc-preview-hd .control-wrap {
	float: right;
	height: 60px
}

.mod-doc-preview .doc-preview-hd .control-list {
	position: relative;
	display: inline-block;
	height: 60px;
	padding-right: 25px
}

.mod-doc-preview .doc-preview-hd .control-list:after {
	content: "";
	position: absolute;
	right: 0;
	top: 18px;
	bottom: 18px;
	border-right: 1px solid rgba(255, 255, 255, .2)
}

.mod-doc-preview .doc-preview-hd .doc-logo {
	display: inline-block
}

.mod-doc-preview .doc-preview-hd .icon-word {
	width: 156px;
	height: 60px;
	background-position: -538px -545px
}

.mod-doc-preview .doc-preview-hd .title {
	display: inline-block
}

.mod-doc-preview .doc-preview-hd .item {
	display: inline-block;
	margin-right: 20px
}

.mod-doc-preview .doc-preview-hd .item .icon {
	width: 16px;
	height: 16px;
	margin: 0 10px
}

.mod-doc-preview .doc-preview-hd .item .btn {
	color: #fff
}

.mod-doc-preview .doc-preview-hd .icon-doc-download {
	background-position: -555px -631px
}

.mod-doc-preview .doc-preview-hd .icon-doc-share {
	background-position: -572px -631px
}

.mod-doc-preview .doc-preview-hd .btn-close-wrap {
	display: inline-block
}

.mod-doc-preview .doc-preview-hd .icon-close {
	width: 30px;
	height: 30px;
	background-position: -777px -252px;
	margin: 0 15px
}

.mod-doc-preview .doc-preview-bd {
	position: relative
}

.mod-doc-preview .doc-preview-bd .preview-disable {
	text-align: center;
	margin-top: 364px
}

.mod-doc-preview .preview-disable .type-wrap {
	width: 212px;
	height: 212px;
	background: #FFF;
	border: 1px solid #CBCBCB;
	box-shadow: 0 3px 5px 1px rgba(0, 0, 0, .05);
	border-radius: 5px;
	margin: 0 auto
}

.mod-doc-preview .preview-disable .type-wrap .icon-l {
	margin-top: 56px
}

.mod-doc-preview .preview-disable .infor {
	margin: 15px 0 43px
}

.mod-doc-preview .preview-disable .infor .title {
	color: #fff;
	font-size: 18px;
	line-height: 25px
}

.mod-doc-preview .preview-disable .infor .size,
.mod-doc-preview .preview-disable .tip {
	color: rgba(255, 255, 255, .5);
	font-size: 14px
}

.mod-doc-preview .preview-disable .tip {
	margin-bottom: 13px
}

.mod-doc-preview .preview-disable .btn-download {
	width: 144px;
	height: 36px;
	line-height: 36px;
	background: #00A4FF;
	border-radius: 2px;
	font-size: 14px;
	color: #fff
}

.note-body,
.note-list {
	height: 100%
}

.note-list {
	border-right: 1px solid #c8ccd5;
	*zoom: 1;
	width: 220px;
	overflow: auto;
	position: absolute;
	left: 50px
}

.note-list::-webkit-scrollbar {
	width: 8px;
	background: #f5f6f9
}

.note-list::-webkit-scrollbar-thumb {
	background: #d8dce5;
	border: 1px solid #d8dce5;
	border-width: 0 1px
}

.note-list:after {
	content: "";
	display: table;
	clear: both
}

.note-list dl {
	margin: 0;
	padding: 0
}

.note-list dt {
	height: 25px;
	margin: 0;
	padding: 0 0 0 10px;
	border-bottom: 1px solid #e0e4ed;
	font: 12px/25px;
	color: #636872
}

.note-list dd {
	margin: 1px 2px 0 1px;
	padding: 0 0 1px;
	border-bottom: 1px solid #eaedf4;
	position: relative
}

.note-list-item {
	padding: 8px 0 8px 8px;
	border: 1px solid #fff;
	height: 55px
}

.note-list-item:focus {
	border-color: #a7d2ff;
	background: #d5eaff;
	outline: 0
}

.note-list-item:hover,
dd.ui-selected {
	border-color: #d5eaff;
	background: #eaf5ff
}

.note-list-item em {
	font-style: normal;
	font-size: 12px;
	line-height: 19px;
	color: #020202;
	word-break: break-all;
	height: 35px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	position: relative
}

.note-list-item p {
	margin: 4px 0 0;
	padding: 0;
	color: #868686;
	font-size: 12px;
	line-height: 16px
}

.note-list-item-has-img img {
	width: 62px;
	height: 62px;
	border: 1px solid #cfcfcf;
	float: right;
	margin: -4px 7px 0;
	position: relative
}

.note-list-item-has-img em {
	width: 110px;
	width: 110px \9
}

.note-list-item-new,
.note-list-item-new em,
.note-list-item-new p {
	color: #868686
}

.icon-update-done,
.icon-update-ing {
	width: 17px;
	height: 17px;
	position: absolute;
	top: 0;
	left: 0
}

.icon-update-done {
	background: url(../img/note/done.png) no-repeat
}

.icon-update-ing {
	background: url(../img/note/update.png) no-repeat
}

.note-editor {
	margin-left: 271px;
	position: relative;
	height: 100%
}

.note-remark-textarea {
	display: block;
	width: 325px;
	height: 80px;
	border: 1px solid #d8dce5;
	font: 12px/21px;
	padding: 7px 13px
}

.note-load-more {
	text-align: center;
	margin: 32px 83px 16px
}

.full-pop-content .mod-note {
	position: relative;
	padding: 40px 24px 46px 32px;
	height: 36px
}

.full-pop-content .mod-note .header {
	position: relative;
	padding-left: 44px;
	padding-top: 6px;
	width: 143px;
	margin: 0 auto
}

.full-pop-content .mod-note-loading .ico {
	background: url(../img/note/loading-tip.gif) no-repeat;
	top: 3px;
	position: absolute;
	width: 34px;
	height: 34px;
	left: 0;
	_left: -44px
}

.full-pop-content .mod-note .title {
	color: #020202;
	font-size: 16px;
	font-weight: 400
}

.note-editor iframe.is-wired {
	box-sizing: border-box;
	width: 100%;
	height: calc(100vh - 120px)
}

.note-editor .mod-tips {
	position: absolute;
	top: 0;
	left: 50px;
	z-index: 30
}

.mod-note-group {
	position: relative
}

.mod-note-group .note-group-hd {
	position: relative;
	height: 60px;
	line-height: 60px
}

.mod-note-group .note-group-hd .hd-act {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0
}

.mod-note-group .note-group-hd .hd-act .mod-action-wrap {
	margin: 12px 0 0
}

.mod-note-group .note-group-bd {
	height: calc(100vh - 60px - 60px);
	overflow: auto
}

.mod-note-group .note-group-list {
	position: relative;
	cursor: pointer
}

.mod-note-group .note-group-list:after,
.mod-note-group .note-group-list:before {
	position: absolute;
	content: "";
	display: block;
	left: 15px;
	right: 0;
	height: 1px;
	background: #F1F2F4;
	bottom: 0
}

.mod-note-group .note-group-list:before {
	top: -1px;
	bottom: auto;
	visibility: hidden
}

.mod-note-group .note-group-list.act:after,
.mod-note-group .note-group-list.act:before,
.mod-note-group .note-group-list:hover:after,
.mod-note-group .note-group-list:hover:before {
	visibility: visible;
	left: 0;
	right: 0;
	background: #F5F8FA
}

.mod-note-group .note-group-list.act,
.mod-note-group .note-group-list:hover {
	background: #f4f4f4
}

.mod-note-group .note-group-list-inner {
	padding: 16px;
	position: relative
}

.mod-note-group .note-group-list-inner:after {
	content: "";
	display: block;
	clear: both
}

.mod-note-group .note-group-list-hd .tit {
	font-weight: 500;
	margin-top: -3px;
	white-space: nowrap
}

.mod-note-group .note-group-list-hd .tit-con {
	display: inline-block;
	vertical-align: middle;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%
}

.mod-note-group .note-group-list-ft .icon-md {
	margin: 0 5px 0 0;
	vertical-align: middle;
	top: -1px
}

.mod-note-group .note-group-list-bd .txt {
	font-size: 12px;
	color: #999;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	line-height: 16px;
	max-height: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	position: relative;
	margin: 4px 0 0
}

.mod-note-group .note-group-list-ft {
	margin: 3px 0
}

.mod-note-group .note-group-list-ft .time {
	color: #999;
	font-size: 12px
}

.mod-note-group .note-group-list.dis .note-group-list-ft .time {
	color: #FF4222
}

.mod-note-group .note-group-list-aside {
	float: right;
	height: 100%
}

.mod-note-group .note-group-list-img {
	width: 80px;
	height: 80px;
	margin: -9px -9px -8px 12px;
	-ms-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center
}

.mod-note-group .note-group-list-img img {
	display: block;
	width: 100%;
	height: 100%
}

.mod-note-group .note-group-list-main {
	overflow: hidden
}

.layout-main-bd-main .note-editor {
	margin: 0
}

.mod-note-group .note-group-status {
	height: 100%;
	position: absolute;
	left: 50%;
	top: 40%;
	transform: translate(-50%, 0);
	color: #AFB5BF;
	font-size: 18px
}

.mod-pro {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 200px;
	height: 130px
}

.mod-pro .pro-hd {
	position: relative
}

.mod-pro .btn-close {
	position: absolute;
	width: 22px;
	height: 22px;
	right: 0;
	top: 30px;
	background: url(about:blank)
}

.mod-pro .pro-img {
	width: 200px;
	height: 130px
}

.icon-cate {
	width: 24px;
	height: 24px;
	background-image: url(../img/svg/icon-cate.svg)
}

.icon-trig-line-light {
	width: 16px;
	height: 16px;
	background-image: url(../img/svg/icon-trig-line-light.svg)
}

.mod-dropdown {
	position: relative;
	display: inline-block;
	z-index: 9999999
}

.mod-dropdown .dropdown-tit {
	font-weight: 700;
	margin: 0 0 0 15px;
	cursor: pointer
}

.mod-dropdown .dropdown-hd {
	height: 28px;
	line-height: 28px;
	padding: 0 10px
}

.mod-dropdown.act .dropdown-hd {
	background: #F5F8FA;
	border-radius: 2px
}

.mod-dropdown.act .dropdown-hd .icon-trig-line-light {
	transform: rotate(180deg)
}

.mod-dropdown .dropdown-hd .icon-trig-line-light {
	transform: rotate(0);
	transition: all .3s
}

.mod-dropdown .dropdown-hd i,
.mod-dropdown .dropdown-hd span {
	position: relative;
	vertical-align: middle
}

.mod-dropdown .dropdown-hd .count {
	top: -1px
}

.mod-dropdown .dropdown-hd .dropdown-tit {
	margin: 0 4px 0 2px
}

.mod-dropdown .dropdown-hd .dropdown-tit .tit-con {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 10em;
	display: inline-block
}

.mod-dropdown .dropdown-hd .icon-cate {
	margin: 0 0 0 2px
}

.mod-dropdown .dropdown-bd {
	position: absolute;
	left: 0;
	top: 38px;
	display: none
}

.mod-dropdown.act .dropdown-bd {
	display: block
}

.mod-dropdown .mod-bubble-menu {
	position: relative;
	width: 340px;
	left: 0;
	top: 0;
	margin: 0;
	padding-top: 0
}

.mod-dropdown .bubble-menu-hd {
	height: 54px;
	line-height: 54px;
	margin-top: 6px;
	position: relative
}

.mod-dropdown .bubble-menu-hd .hd-tit {
	padding: 0 0 0 20px;
	font-size: 12px
}

.mod-dropdown .bubble-menu-hd .hd-act {
	position: absolute;
	right: 0;
	top: 0;
	height: 54px;
	line-height: 54px
}

.mod-dropdown .bubble-menu-hd .mod-act-list {
	margin: 0 16px 0 0
}

.mod-dropdown .mod-bubble-menu .menu-item .txt {
	height: 48px;
	line-height: 48px
}

.mod-dropdown .mod-bubble-menu .menu-item .txt-con {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 155px;
	display: inline-block;
	vertical-align: middle
}

.mod-dropdown .mod-bubble-menu .menu-item .txt-attr {
	position: absolute;
	right: 22px;
	top: 0;
	color: #999;
	bottom: 0;
	line-height: 48px
}

.mod-dropdown .mod-bubble-menu .menu-item .mod-act-list {
	height: 48px;
	line-height: 48px;
	background: #F4F4F4
}

.mod-dropdown .mod-bubble-menu .bubble-menu-bd {
	height: calc(100vh - 180px);
	overflow: auto
}

.empty-box {
	z-index: 0;
	width: 500px;
	margin: 0 auto;
	text-align: center;
	color: #AFB5C1;
	line-height: 32px
}

.empty-box .icon {
	width: 200px;
	height: 160px;
	background-repeat: no-repeat;
	background-position: center
}

.empty-box .icon-nofile {
	background-image: url(../images/svg/icon-nofile.svg)
}

.empty-box .icon-nomusic {
	background-image: url(../images/svg/icon-nomusic@2x.png);
	background-size: 150px 150px
}

.empty-box .icon-nonote {
	background-image: url(../images/svg/icon-nonote@2x.png);
	background-size: 126px 150px
}

.empty-box .icon-nopicture {
	background-image: url(../images/svg/icon-nopicture@2x.png);
	background-size: 128px 140px
}

.empty-box .icon-norecent {
	background-image: url(../images/svg/icon-norecent@2x.png);
	background-size: 145px 150px
}

.empty-box .icon-notrash {
	background-image: url(../images/svg/icon-notrash@2x.png);
	background-size: 150px 150px
}

.empty-box .icon-notxt {
	background-image: url(../images/svg/icon-notxt@2x.png);
	background-size: 126px 150px
}

.empty-box .icon-nolink {
	background-image: url(../images/svg/icon-nolink.svg)
}

.empty-box .icon-novideo {
	background-image: url(../images/svg/icon-novideo@2x.png);
	background-size: 163px 135px
}

.empty-box .icon-nosearch {
	background-image: url(../images/svg/icon-nosearch@2x.png);
	background-size: 136px 150px
}

.empty-box .icon-all {
	background-image: url(../images/svg/icon-all@2x.png);
	background-size: 156px 150px
}

.empty-box .icon-qqoffline-file {
	background-image: url(../images/svg/icon-qqoffline-file@2x.png);
	background-size: 141px 150px
}

.empty-box .icon-noshare {
	background-image: url(../images/svg/icon-noshare@2x.png);
	background-size: 106px 150px
}

.empty-box .icon-nocont {
	background-image: url(../images/svg/icon-nocont@2x.png);
	background-size: 110px 150px
}

.empty-box .icon-sensitive {
	background-image: url(../images/svg/icon-sensitive@2x.png);
	background-size: 110px 79px
}

.empty-box .icon-nogroup {
	background-image: url(../images/svg/icon-nogroup@2x.png);
	background-size: 153px 151px
}

.empty-box .icon-nofound {
	background-image: url(../images/svg/icon-nofound@2x.png);
	background-size: 189px 164px
}

.empty-box .title {
	font-size: 24px;
	margin: 8px 0 2px
}

.empty-box .txt {
	font-size: 18px
}

.mod-status .txt a {
	color: #00A4FF;
	font-size: 14px
}

.page-loading-box,
.page-loading-search {
	position: fixed;
	top: 50%;
	left: 50%;
	height: 20px;
	font-size: 0;
	color: transparent;
	text-align: center
}

.page-loading-box {
	width: 20px;
	margin: -10px 0 0 -10px
}

.page-loading-search {
	width: 70px;
	margin: -32px 0 0 -35px
}

.page-loading-search .txt {
	position: relative;
	font-size: 14px;
	margin-top: 14px;
	left: 5px;
	color: #74787C
}

.wy-mask,
.wy-pop-wrapper {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}

.mod-status {
	padding-top: 250px;
	text-align: center;
	overflow: hidden
}

.mod-status .icon-error {
	width: 450px;
	height: 235px;
	background-image: url(../img/status/icon-error.svg)
}

.has-pw .icon-pw,
.icon-code,
.icon-copy,
.icon-del-pmnt,
.icon-new-dir,
.icon-pw,
.icon-share-cancel,
a:hover .icon-code {
	width: 24px;
	height: 24px
}

.icon-del-pmnt,
.mod-act-list a:hover .icon-del-pmnt {
	background-image: url(sprite/page-home-180622163207@2x.png);
	background-size: 810px 719px
}

.mod-status .status-title {
	margin-top: -4px;
	font-size: 28px
}

.mod-status .status-txt {
	font-size: 18px;
	color: #777
}

.icon-del-pmnt {
	background-position: -695px -570px
}

.mod-act-list a:hover .icon-del-pmnt {
	background-position: -770px -545px
}

.icon-copy {
	background-image: url(../img/svg/act/icon-copy.svg)
}

.has-pw .icon-pw,
.icon-pw,
.icon-share-cancel,
.mod-act-list .has-pw:hover .icon-pw,
.mod-act-list a.flash-hover .icon-copy,
.mod-act-list a:hover .icon-copy,
.mod-act-list a:hover .icon-pw,
.mod-act-list a:hover .icon-share-cancel,
a:hover .icon-link {
	background-image: url(sprite/page-home-180622163207@2x.png);
	background-size: 810px 719px
}

.mod-act-list a.flash-hover .icon-copy,
.mod-act-list a:hover .icon-copy {
	background-position: -688px -379px
}

.icon-pw {
	background-position: -663px -379px
}

.mod-act-list a:hover .icon-pw {
	background-position: -638px -379px
}

.has-pw .icon-pw {
	background-position: -613px -379px
}

.mod-act-list .has-pw:hover .icon-pw {
	background-position: -588px -379px
}

.icon-share-cancel {
	background-position: -563px -379px
}

.mod-act-list a:hover .icon-share-cancel {
	background-position: -538px -379px
}

a:hover .icon-link {
	background-position: -513px -379px
}

.icon-code {
	background-image: url(../images/svg/icon-code.svg)
}

.icon-new-dir,
a:hover .icon-code,
a:hover .icon-new-dir {
	background-image: url(sprite/page-home-180622163207@2x.png);
	background-size: 810px 719px
}

a:hover .icon-code {
	background-position: -488px -379px
}

.icon-new-dir {
	background-position: -463px -379px
}

a:hover .icon-new-dir {
	background-position: -563px -606px
}

.icon-check-s {
	width: 20px;
	height: 20px;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAA4UlEQVQ4T+3UsUrEQBAG4P+HVPoc9xbXXWEVM9tc64EgWqVUsPb6E2zuCkHkwEJmUqURKx/CB7GITUY2mAPBIgl3Xbae+Zbdnf2JPS+2XgjhzN3nJI8H7PFZVVVeluV3A4rIBYBbAI99MZLRuARwr6p3LfhG8kVVN33BWJ9l2TXJqZmlDRhC+ACwVtWnIaCIXMWDmtnJCI532HGGxrE5zNd7B/Cqqg8d3+FPmYjkAGZmdtqmzZLkwt3XfcHf+Dp39xsze27ANE2PkiRZAZj0BQF81XW9LYpiG3t3iT0A+rflB9jYpRWnfshMAAAAAElFTkSuQmCC") no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	cursor: pointer;
}

.icon-check-s:hover {
	width: 20px;
	height: 20px;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAA70lEQVQ4T+3UsUoDQRAG4P8/uBze+hp5C7sUVkoqWwNCiNXeVRGstb5NsImFICGQIm8gVnmIPMhe4PZgR3JBwULIStLd1rPfwO7MTxz58NuLc3tLzxtSVHAP4abyqcaUVQPGeTmMPB6FeAvHQFJGAk5coZ4aMNH2w4PL2qjXYBBAR9sxwAtn1NUezMq1F5nV5vz9P2CclfcR0K8KddmC7RseOEPt2Jxi9bT99OSqLtTLgf/wqyzJt1pEeq5Q180ud7LymcBAgFkwKLv4wp1I9ODM2XwfsENJk3RrAOmGggJaeC7cJF3s7v4kdij0V/0XfIDQFWfcchAAAAAASUVORK5CYII=") no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	cursor: pointer;
}

.icon-check-m {
	width: 24px;
	height: 24px;
	background-image: url(sprite/page-home-180622163207.png);
	background-position: 0 0
}

.act .icon-check-m {
	width: 24px;
	height: 24px;
	background-image: url(sprite/page-home-180622163207@2x.png);
	background-position: -720px -570px;
	background-size: 810px 719px
}

.icon-check-l {
	width: 32px;
	height: 32px;
	background-image: url(../img/svg/icon-check-l.svg)
}

.icon-upload-mini {
	width: 16px;
	height: 16px;
	background-image: url(sprite/page-home-180622163207@2x.png);
	background-position: -674px -631px;
	background-size: 810px 719px
}

.icon-page-loading {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(../images/svg/icon-page-loading.gif) no-repeat
}

.icon-page-loading-search {
	display: inline-block;
	width: 40px;
	height: 40px;
	background: url(../images/svg/icon-page-loading-search.gif)
}

.icon-sel {
	width: 24px;
	height: 24px;
	background-image: url(../images/svg/icon-sel.svg)
}

.icon-sort {
	width: 14px;
	height: 14px;
	background-image: url(../images/svg/icon-sort.svg)
}

.up .icon-sort {
	-moz-transform: scaleY(-1);
	-webkit-transform: scaleY(-1);
	-o-transform: scaleY(-1);
	transform: scaleY(-1)
}

.icon-list {
	width: 24px;
	height: 24px;
	background-image: url(../img/svg/icon-list.svg)
}

.icon-thumbnail {
	width: 24px;
	height: 24px;
	background-image: url(../img/svg/icon-thumbnail.svg)
}

.icon-trig {
	width: 16px;
	height: 16px;
	background-image: url(../images/svg/icon-trig.svg)
}

.icon-trig-xs {
	width: 6px;
	height: 6px;
	background-image: url(../img/svg/icon-trig-xs.svg)
}

.icon-refresh {
	width: 24px;
	height: 24px;
	background-image: url(../img/svg/icon-refresh.svg)
}

.icon-unzip {
	width: 24px;
	height: 24px;
	background-image: url(../img/svg/icon-unzip.svg)
}

.icon-loc-m,
.icon-rec-m,
.icon-tag-m {
	width: 40px;
	height: 40px
}

.icon-loc-m {
	background-image: url(../img/svg/icon-loc-m.svg)
}

.icon-tag-m {
	background-image: url(../img/svg/icon-tag-m.svg)
}

.icon-rec-m {
	background-image: url(../img/svg/icon-rec-m.svg)
}

.fullscreen .icon-full-m,
.icon-cancel,
.icon-del-safebox,
.icon-full,
.icon-full-m,
.icon-hide,
.icon-link,
.icon-peo,
.icon-ppt-s,
.icon-trig-line,
.icon-undo,
.icon-upload,
.icon-warn,
.icon-weiyun,
.icon-xls-s {
	width: 24px;
	height: 24px
}

.icon-trig-line {
	background-image: url(../img/svg/icon-trig-line.svg)
}

.icon-hide {
	background-image: url(../img/svg/act/icon-hide.svg)
}

.icon-link {
	background-image: url(../img/svg/act/icon-link.svg)
}

.icon-cancel {
	background-image: url(../img/svg/act/icon-cancel.svg)
}

.icon-del-safebox {
	background-image: url(../img/svg/act/icon-del-safebox.svg)
}

.icon-undo {
	background-image: url(../img/svg/act/icon-undo.svg)
}

.icon-peo {
	background-image: url(../img/svg/act/icon-peo.svg)
}

.icon-peo-light {
	width: 24px;
	height: 24px;
	background-image: url(../img/svg/act/icon-peo-light.svg)
}

.icon-xls-s {
	background-image: url(../img/svg/icon-xls-s.svg)
}

.icon-ppt-s {
	background-image: url(../img/svg/icon-ppt-s.svg)
}

.icon-upload {
	background-image: url(../img/svg/icon-upload.svg)
}

.icon-weiyun {
	background-image: url(../img/svg/icon-weiyun.svg)
}

.icon-full {
	background-image: url(../images/svg/icon-full.svg)
}

.icon-full-m {
	background-image: url(../img/svg/act/icon-full-m.svg)
}

.fullscreen .icon-full-m {
	background-image: url(../img/svg/act/icon-full-act-m.svg)
}

.icon-warn {
	background-image: url(../img/svg/icon-warn.svg)
}

.icon-trig-light-s {
	width: 16px;
	height: 16px;
	background-image: url(../img/svg/icon-trig-light-s.svg)
}

.act .icon-input-radio,
.act .icon-mode-list,
.act .icon-mode-thumb,
.icon-bt-s,
.icon-col,
.icon-create-s,
.icon-doc-s,
.icon-edit-s,
.icon-file-s,
.icon-hot,
.icon-input-radio,
.icon-look,
.icon-md,
.icon-mode-list,
.icon-mode-thumb,
.icon-set,
.icon-toast-succ,
.icon-upload-xs,
.icon-weiyun-s,
.icon-word-s {
	width: 24px;
	height: 24px
}

.icon-edit-s {
	background-image: url(../images/svg/icon-edit-s.svg)
}

.icon-look {
	background-image: url(../images/svg/icon-look.svg)
}

.icon-col {
	background-image: url(../images/svg/icon-col.svg)
}

.icon-md {
	background-image: url(../images/svg/icon-md.svg)
}

.icon-upload-xs {
	background-image: url(../images/svg/icon-upload-xs.svg)
}

.icon-doc-s {
	background-image: url(../images/svg/icon-doc-s.svg)
}

.icon-word-s {
	background-image: url(../images/svg/icon-word-s.svg)
}

.icon-file-s {
	background-image: url(../images/svg/icon-file-s.svg)
}

.icon-create-s {
	background-image: url(../images/svg/icon-create-s.svg)
}

.icon-weiyun-s {
	background-image: url(../images/svg/icon-weiyun-s.svg)
}

.icon-note-s {
	width: 24px;
	height: 24px;
	background-image: url(../images/svg/icon-note-s.svg)
}

.icon-bt-s {
	background-image: url(../images/svg/icon-bt-s.svg)
}

.icon-toast-succ {
	background-image: url(../images/svg/icon-toast-succ.svg)
}

.icon-input-radio {
	background-image: url(../images/svg/icon-input-radio.svg)
}

.act .icon-input-radio {
	background-image: url(../images/svg/icon-input-radio-act.svg)
}

.icon-set {
	background-image: url(../images/svg/icon-set.svg)
}

.icon-mode-list {
	background-image: url(../images/svg/icon-mode-list.svg)
}

.act .icon-mode-list {
	background-image: url(../images/svg/icon-mode-list-act.svg)
}

.icon-mode-thumb {
	background-image: url(../images/svg/icon-mode-thumb.svg)
}

.act .icon-mode-thumb {
	background-image: url(../images/svg/icon-mode-thumb-act.svg)
}

.icon-hot {
	background-image: url(../images/svg/icon-hot.svg)
}

.icon-hot-s {
	width: 16px;
	height: 16px;
	background-image: url(../images/svg/icon-hot-s.svg)
}

.icon-lock {
	width: 16px;
	height: 16px;
	background-image: url(../images/svg/icon-lock.svg)
}

.act .icon-lock {
	width: 16px;
	height: 16px;
	background-image: url(../images/svg/icon-lock-light.svg)
}

.icon-admin {
	width: 46px;
	height: 16px;
	background-image: url(../images/svg/icon-admin.svg)
}

.icon-admin-sup {
	width: 65px;
	height: 16px;
	background-image: url(../images/svg/icon-admin-sup.svg)
}

.icon-m {
	width: 40px;
	height: 40px
}

.icon-team-m {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADkAAAAyCAYAAADm33NGAAADMUlEQVRoQ+2az0tUURTHv+e+p+MPxMwig4QisQlHkUkiClLThKxlmzYFiQhtWtSmNlH7WrTKxKE/wKCgDMp0RiiJyRFyocm4qCSDJE1R59e7J57pCDX61JnR94Z3t/fec7+f8z333gfv0pDH0c4EJxiM7WgkmZimAfilimfHLkdG0r0sBTzZAyCcSPdCieIzMEfMj2U0equmDdF0aaCAx+EFcW26FthIXAaezB6MtNbXI7aR8ZsdYxZIKEK5UX1l8cFmATYy3hSQy0K/qouR6qpr0PdrSpuZIAGpXXS3aE9TSgjAVJBSyps1LbH7GQ3JhCCYvwBQtwhKBP2UFkFIPHe3hF/pcUzl5BbB1p7G/NB9NXp9XUgZi4C35xMhKT7dPqFmJ4xBqmxaA5LBUsNeZxtyd1eBOS3XV1JgK5OJVCz++oSfo+0goejF+U9c6lwTUmpRlDe/RcH+MykRk84gc5O9GOtugFCy/odk9q4LWdb0AoWl59OpLyWxf397ieDrC4khQf1xSCkZrG/AJbcZMqahvPkNdh1oTImQdAaZmejBWPdZCHW1XAkEIQhg8tGgx+Fl1mrz8nKQn5cLRRHQTxuWMexxtiKnqBIw8Z4EqQhND2NqtAMkVIAImqZhYSGE+YUQiBQfDXZmeUv2FdeWlBQvZyK+pYHYPCDNe+jEq0OHU/OXKnClsSYx+WMKP75P+SjYVdR3uKy0DpKXHMyYpt8rBIyPT3hpxnvoQ2FhwXFImTF8qw4LzM7M+Sk0UD7icDicGeXi6iWKSDg8mvGQYRsyE3YoEWwnM8FI/cPAdtJ20ioZsMvVKk4Z6bSdNMqQVfptJ63ilJFO20mjDFml33bSKk4Z6bSdNMqQVfptJ63ilJHOFSdj/qPvFKGcNBpv1X5Nau+JP7r6QKizKoShboaXeNDlBbCjj5UMhSY3wEfsd/kgcDq5OCaeLdFP7K/ogaAGE8tMThpTL3HA9QiMtuQimXk2dxAHKs+BudvMMpPSRrLx78/zIdcdSNwGkPidSFKr7NhkCaK75B6+F38PwkMVpyDFJYCPQCIbYpse+aYyBxIEBWEwfwaJLnIP+/TwfwAnjeo1Fb54ngAAAABJRU5ErkJggg==")
}

.act .icon-team-m {
	background-image: url(../images/svg/icon-team-m-act.svg)
}

.icon-file-m {
	width: 37px;
	height: 30px;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADkAAAAyCAYAAADm33NGAAADMUlEQVRoQ+2az0tUURTHv+e+p+MPxMwig4QisQlHkUkiClLThKxlmzYFiQhtWtSmNlH7WrTKxKE/wKCgDMp0RiiJyRFyocm4qCSDJE1R59e7J57pCDX61JnR94Z3t/fec7+f8z333gfv0pDH0c4EJxiM7WgkmZimAfilimfHLkdG0r0sBTzZAyCcSPdCieIzMEfMj2U0equmDdF0aaCAx+EFcW26FthIXAaezB6MtNbXI7aR8ZsdYxZIKEK5UX1l8cFmATYy3hSQy0K/qouR6qpr0PdrSpuZIAGpXXS3aE9TSgjAVJBSyps1LbH7GQ3JhCCYvwBQtwhKBP2UFkFIPHe3hF/pcUzl5BbB1p7G/NB9NXp9XUgZi4C35xMhKT7dPqFmJ4xBqmxaA5LBUsNeZxtyd1eBOS3XV1JgK5OJVCz++oSfo+0goejF+U9c6lwTUmpRlDe/RcH+MykRk84gc5O9GOtugFCy/odk9q4LWdb0AoWl59OpLyWxf397ieDrC4khQf1xSCkZrG/AJbcZMqahvPkNdh1oTImQdAaZmejBWPdZCHW1XAkEIQhg8tGgx+Fl1mrz8nKQn5cLRRHQTxuWMexxtiKnqBIw8Z4EqQhND2NqtAMkVIAImqZhYSGE+YUQiBQfDXZmeUv2FdeWlBQvZyK+pYHYPCDNe+jEq0OHU/OXKnClsSYx+WMKP75P+SjYVdR3uKy0DpKXHMyYpt8rBIyPT3hpxnvoQ2FhwXFImTF8qw4LzM7M+Sk0UD7icDicGeXi6iWKSDg8mvGQYRsyE3YoEWwnM8FI/cPAdtJ20ioZsMvVKk4Z6bSdNMqQVfptJ63ilJFO20mjDFml33bSKk4Z6bSdNMqQVfptJ63ilJHOFSdj/qPvFKGcNBpv1X5Nau+JP7r6QKizKoShboaXeNDlBbCjj5UMhSY3wEfsd/kgcDq5OCaeLdFP7K/ogaAGE8tMThpTL3HA9QiMtuQimXk2dxAHKs+BudvMMpPSRrLx78/zIdcdSNwGkPidSFKr7NhkCaK75B6+F38PwkMVpyDFJYCPQCIbYpse+aYyBxIEBWEwfwaJLnIP+/TwfwAnjeo1Fb54ngAAAABJRU5ErkJggg==") no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}

.act .icon-file-m {
	background-image: url(../images/svg/icon-file-m-act.svg)
}

.icon-shared-link-m {
	background-image: url(../images/svg/icon-shared-link-m.svg)
}

.icon-pic-m {
	background-image: url(../images/svg/icon-pic-m.svg)
}

.icon-gray-m {
	background: #eaeaea
}

.icon-pho-m {
	background-image: url(../images/svg/icon-pic-m.svg)
}

.icon-txt-m {
	background-image: url(../images/svg/icon-txt-m.svg)
}

.icon-note-m {
	background-image: url(../images/svg/icon-note-m.svg)
}

.icon-vsd-m {
	background-image: url(../images/svg/icon-vsd-m.svg)
}

.icon-pages-m {
	background-image: url(../images/svg/icon-pages-m.svg)
}

.icon-ppt-m {
	background-image: url(../images/svg/icon-ppt-m.svg)
}

.icon-doc-m {
	background-image: url(../images/svg/icon-doc-m.svg)
}

.icon-xls-m {
	background-image: url(../images/svg/icon-xls-m.svg)
}

.icon-pdf-m {
	background-image: url(../images/svg/icon-pdf-m.svg)
}

.icon-keynote-m {
	background-image: url(../images/svg/icon-keynote-m.svg)
}

.icon-msg-m {
	background-image: url(../images/svg/icon-msg-m.svg)
}

.icon-zip-m {
	background-image: url(../images/svg/icon-zip-m.svg)
}

.icon-video-m {
	background-image: url(../images/svg/icon-video-m.svg)
}

.icon-flv-m {
	background-image: url(../images/svg/icon-flv-m.svg)
}

.icon-audio-m {
	background-image: url(../images/svg/icon-audio-m.svg)
}

.icon-ps-m {
	background-image: url(../images/svg/icon-ps-m.svg)
}

.icon-ai-m {
	background-image: url(../images/svg/icon-ai-m.svg)
}

.icon-ipa-m {
	background-image: url(../images/svg/icon-ipa-m.svg)
}

.icon-apk-m {
	background-image: url(../images/svg/icon-apk-m.svg)
}

.icon-damaged-m {
	background-image: url(../images/svg/icon-damaged-m.svg)
}

.icon-font-m {
	background-image: url(../images/svg/icon-font-m.svg)
}

.icon-code-m {
	background-image: url(../images/svg/icon-code-m.svg)
}

.icon-nor-m {
	background-image: url(../images/svg/icon-nor-m.svg)
}

.icon-bt-m {
	background-image: url(../images/svg/icon-bt-m.svg)
}

.icon-numbers-m {
	background-image: url(../images/svg/icon-numbers-m.svg)
}

.icon-sketch-m {
	background-image: url(../images/svg/icon-sketch-m.svg)
}

.icon-safebox-m {
	background-image: url(../images/svg/icon-safebox-m.svg)
}

.icon-member-m {
	background-image: url(../images/svg/icon-member-m.svg)
}

.icon-file-l {
	width: 57px;
	height: 50px;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADkAAAAyCAYAAADm33NGAAADMUlEQVRoQ+2az0tUURTHv+e+p+MPxMwig4QisQlHkUkiClLThKxlmzYFiQhtWtSmNlH7WrTKxKE/wKCgDMp0RiiJyRFyocm4qCSDJE1R59e7J57pCDX61JnR94Z3t/fec7+f8z333gfv0pDH0c4EJxiM7WgkmZimAfilimfHLkdG0r0sBTzZAyCcSPdCieIzMEfMj2U0equmDdF0aaCAx+EFcW26FthIXAaezB6MtNbXI7aR8ZsdYxZIKEK5UX1l8cFmATYy3hSQy0K/qouR6qpr0PdrSpuZIAGpXXS3aE9TSgjAVJBSyps1LbH7GQ3JhCCYvwBQtwhKBP2UFkFIPHe3hF/pcUzl5BbB1p7G/NB9NXp9XUgZi4C35xMhKT7dPqFmJ4xBqmxaA5LBUsNeZxtyd1eBOS3XV1JgK5OJVCz++oSfo+0goejF+U9c6lwTUmpRlDe/RcH+MykRk84gc5O9GOtugFCy/odk9q4LWdb0AoWl59OpLyWxf397ieDrC4khQf1xSCkZrG/AJbcZMqahvPkNdh1oTImQdAaZmejBWPdZCHW1XAkEIQhg8tGgx+Fl1mrz8nKQn5cLRRHQTxuWMexxtiKnqBIw8Z4EqQhND2NqtAMkVIAImqZhYSGE+YUQiBQfDXZmeUv2FdeWlBQvZyK+pYHYPCDNe+jEq0OHU/OXKnClsSYx+WMKP75P+SjYVdR3uKy0DpKXHMyYpt8rBIyPT3hpxnvoQ2FhwXFImTF8qw4LzM7M+Sk0UD7icDicGeXi6iWKSDg8mvGQYRsyE3YoEWwnM8FI/cPAdtJ20ioZsMvVKk4Z6bSdNMqQVfptJ63ilJFO20mjDFml33bSKk4Z6bSdNMqQVfptJ63ilJHOFSdj/qPvFKGcNBpv1X5Nau+JP7r6QKizKoShboaXeNDlBbCjj5UMhSY3wEfsd/kgcDq5OCaeLdFP7K/ogaAGE8tMThpTL3HA9QiMtuQimXk2dxAHKs+BudvMMpPSRrLx78/zIdcdSNwGkPidSFKr7NhkCaK75B6+F38PwkMVpyDFJYCPQCIbYpse+aYyBxIEBWEwfwaJLnIP+/TwfwAnjeo1Fb54ngAAAABJRU5ErkJggg==") no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}

.icon-team-l {
	width: 100px;
	height: 80px;
	background-image: url(../images/svg/icon-team-l.svg)
}

.icon-l {
	position: relative;
	color: transparent;
	font-size: 0
}

.icon-l::after {
	content: "";
	display: block;
	padding-top: 100%
}

.icon-l::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover
}

.icon-doc-l::before {
	background-image: url(../images/svg/icon-doc-l.svg)
}

.icon-pic-l::before {
	background-image: url(../images/svg/icon-pic-l.svg)
}

.icon-gray-l::before {
	background: #eaeaea
}

.icon-nor-l::before {
	background-image: url(../images/svg/icon-nor-l.svg)
}

.icon-numbers-l::before {
	background-image: url(../images/svg/icon-numbers-l.svg)
}

.icon-sketch-l::before {
	background-image: url(../images/svg/icon-sketch-l.svg)
}

.icon-txt-l::before {
	background-image: url(../images/svg/icon-txt-l.svg)
}

.icon-note-l::before {
	background-image: url(../images/svg/icon-note-l.svg)
}

.icon-vsd-l::before {
	background-image: url(../images/svg/icon-vsd-l.svg)
}

.icon-pages-l::before {
	background-image: url(../images/svg/icon-pages-l.svg)
}

.icon-ppt-l::before {
	background-image: url(../images/svg/icon-ppt-l.svg)
}

.icon-xls-l::before {
	background-image: url(../images/svg/icon-xls-l.svg)
}

.icon-pdf-l::before {
	background-image: url(../images/svg/icon-pdf-l.svg)
}

.icon-keynote-l::before {
	background-image: url(../images/svg/icon-keynote-l.svg)
}

.icon-msg-l::before {
	background-image: url(../images/svg/icon-msg-l.svg)
}

.icon-zip-l::before {
	background-image: url(../images/svg/icon-zip-l.svg)
}

.icon-video-l::before {
	background: #eaeaea
}

.icon-flv-l::before {
	background-image: url(../images/svg/icon-flv-l.svg)
}

.icon-audio-l::before {
	background-image: url(../images/svg/icon-audio-l.svg)
}

.icon-ps-l::before {
	background-image: url(../images/svg/icon-ps-l.svg)
}

.icon-ai-l::before {
	background-image: url(../images/svg/icon-ai-l.svg)
}

.icon-ipa-l::before {
	background-image: url(../images/svg/icon-ipa-l.svg)
}

.icon-apk-l::before {
	background-image: url(../images/svg/icon-apk-l.svg)
}

.icon-damaged-l::before {
	background-image: url(../images/svg/icon-damaged-l.svg)
}

.icon-font-l::before {
	background-image: url(../images/svg/icon-font-l.svg)
}

.icon-safebox-l::before {
	background-image: url(../images/svg/icon-safebox-l.svg)
}

.icon-shared-link-l::before {
	background-image: url(../images/svg/icon-shared-link-l.svg)
}

.icon-code-l::before {
	background-image: url(../images/svg/icon-code-l.svg)
}

.icon-bt-l {
	background-image: url(../images/svg/icon-bt-l.svg)
}

.icon-vip {
	background-size: contain
}

.icon-vip-m {
	width: 42px;
	height: 15px
}

.icon-vip-s {
	width: 28px;
	height: 11px
}

.icon-svg-sync {
	display: none
}

.wy-pop-wrapper {
	position: fixed;
	z-index: 9999;
	min-height: 100%
}

.wy-mask,
.wy-pop {
	position: absolute
}

.wy-mask {
	z-index: 0;
	background-color: #000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=.5)";
	filter: alpha(opacity=50);
	opacity: .5
}

.wy-pop {
	top: 50%;
	left: 50%;
	z-index: 0
}

.wy-pop .sl-btn {
	background: #3B93FF;
	border-radius: 100px;
	color: #fff;
	cursor: pointer
}

.wy-pop .sl-btn:hover {
	background-color: #2688EA
}

.wy-pop .btn-icon {
	font-size: 0;
	color: transparent;
	cursor: pointer
}

.wy-pop.space-limit {
	width: 400px;
	height: 400px;
	margin: -200px 0 0 -200px
}

.wy-pop.space-limit .title {
	background-image: url(../images/svg/limit-space-banner@2x.png);
	font-size: 0;
	color: transparent;
	background-size: 400px 200px
}

.wy-pop.space-limit .title:before {
	content: "";
	display: block;
	padding-top: 50%
}

.wy-pop.space-limit .article {
	background: #fff;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	padding: 20px 30px 30px;
	font-size: 14px;
	line-height: 1.3;
	color: #000
}

.wy-pop.space-limit .article .sub-title {
	margin-bottom: 10px;
	font-size: 20px;
	line-height: 1
}

.wy-pop.space-limit .article strong {
	color: #00A2FF
}

.wy-pop.space-limit .article .sl-btn {
	display: block;
	height: 50px;
	line-height: 50px;
	margin-top: 20px;
	text-align: center;
	font-size: 20px
}

.wy-pop.space-limit .icon-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	background: #fff;
	border-radius: 36px
}

.wy-pop.space-limit .icon-close:before {
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	margin: 12px auto;
	opacity: .6;
	background: url(../images/svg/icon-on-pop-close.png)
}

.wy-pop.space-limit .icon-close:hover:before {
	opacity: 1
}

.mod-float-tips {
	display: inline-block;
	position: relative;
	z-index: 0;
	font-size: 14px;
	color: #000
}

.mod-preview .mod-bubble-menu .menu-item .txt,
.mod-preview .mod-bubble-menu .meun-item .txt {
	color: #fff
}

.mod-float-tips .icon-tips-close {
	margin-left: 28px;
	vertical-align: -7px;
	cursor: pointer
}

.mod-float-tips .icon-assert {
	margin-right: 9px;
	vertical-align: -6px
}

.mod-float-tips .icon-link-to {
	margin-left: 27px;
	vertical-align: -3px
}

.mod-float-tips .with-logo::before {
	content: "";
	display: inline-block;
	vertical-align: -3px;
	margin-right: 4px;
	width: 24px;
	height: 17px;
	background-image: url(sprite/page-home-180622163207@2x.png);
	background-position: -588px -606px;
	background-size: 810px 719px
}

.mod-point .icon,
.mod-point .point-link,
.mod-point .point-txt,
.modal-dialog {
	vertical-align: middle
}

.mod-float-tips .with-border {
	display: block;
	height: 36px;
	padding: 0 15px 0 20px;
	line-height: 34px;
	background-color: #fff;
	box-sizing: border-box;
	border: 1px solid #D5D7DF;
	border-radius: 80px;
	cursor: pointer
}

.mod-float-tips .with-border:hover {
	background-color: #F9FAFB;
	border-color: #D5D7DF
}

.mod-float-tips .loc-abs {
	position: absolute;
	z-index: 0;
	left: -2px;
	top: -23px;
	margin-left: 0;
	white-space: nowrap;
	word-wrap: normal
}

.mod-preview .icon-share {
	background-image: url(../images/svg/icon-share-light.svg)
}

.mod-preview .icon-download {
	background-image: url(../images/icon-download-light.png)
}

.mod-preview .icon-trash {
	background-image: url(../images/icon-trash-light.png)
}

.mod-preview .icon-trig {
	background-image: url(../images/svg/icon-trig-light.svg)
}

.mod-preview {
	position: fixed;
	color: #fff;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 66;
	min-width: 1000px;
	animation: show .1s 0s cubic-bezier(.77, 0, .175, 1);
	background: rgba(0, 0, 0, .15)
}

.mod-preview .ui-mask {
	display: none
}

@keyframes show {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

.mod-preview .preview-hd {
	position: relative;
	height: 60px;
	line-height: 60px;
	background: #181818;
	padding: 0 60px 0 0;
	z-index: 999
}

.mod-preview .preview-hd .icon-pic-m {
	background: url(../images/svg/icon-pic-m-light.svg)
}

.mod-preview .preview-hd .icon-pdf-m {
	background-image: url(../images/svg/icon-pdf-m-light.svg)
}

.mod-preview .hd-tit {
	position: relative;
	float: left;
	line-height: 60px;
	padding: 0 0 0 25px;
	max-width: 50%;
	box-sizing: border-box
}

.mod-preview .hd-tit .tit-info {
	float: left;
	position: relative;
	padding: 0 30px;
	box-sizing: border-box;
	max-width: 100%
}

.mod-preview .hd-tit .tit-info .icon {
	position: absolute;
	left: -10px;
	top: 50%;
	margin: -15px 0 0;
}

.mod-preview .hd-tit .tit-info .txt {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 100%;
	display: block;
	height: 14px;
}

.mod-preview .hd-tit .mod-info {
	position: absolute;
	right: 0;
	top: 50%;
	margin: -12px 0 0
}

.mod-preview .hd-close {
	position: absolute;
	width: 60px;
	height: 100%;
	z-index: 2;
	cursor: pointer;
	right: 0
}

.mod-preview .hd-close .btn {
	position: absolute;
	width: 38px;
	height: 38px;
	left: 50%;
	top: 50%;
	cursor: pointer;
	margin: -19px 0 0 -19px
}

.mod-preview .hd-close .btn:hover {
	background-color: rgba(255, 255, 255, .1);
	border-radius: 2px
}

.mod-preview .btn-esc {
	position: absolute;
	right: 0;
	top: -60px;
	padding: 0 18px;
	height: 60px;
	line-height: 60px;
	background: #000;
	border-radius: 0 0 0 6px;
	z-index: 700
}

.mod-preview .hd-close .icon {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -18px 0 0 -18px
}

.mod-preview .hd-close:before {
	content: "";
	background-color: rgba(255, 255, 255, .2);
	position: absolute;
	width: 1px;
	height: 24px;
	background: rgba(255, 255, 255, .2);
	left: 0;
	top: 50%;
	margin: -12px 0 0
}

.mod-preview .mod-action-wrap {
	float: right;
	margin: 12px 15px 0 0
}

.mod-preview .mod-action-wrap .action-item:hover {
	background: #2f2f2f
}

.mod-preview .mod-action-wrap,
.mod-preview .mod-action-wrap .action-item-con {
	border-color: #464646
}

.mod-preview .preview-bd {
	position: absolute;
	left: 0;
	right: 0;
	top: 60px;
	bottom: 0
}

.mod-preview .mod-action-wrap .mod-bubble-menu {
	background: #2f2f2f;
	border: 0
}

.mod-preview .mod-bubble-menu .menu-item:hover .txt {
	background: #3c3c3c
}

.mod-info {
	width: 24px;
	height: 24px;
	position: relative;
	cursor: pointer
}

.mod-info:hover {
	background: rgba(255, 255, 255, .1);
	border-radius: 2px
}

.mod-info .icon-info {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -12px 0 0 -12px
}

.mod-preview .preview-container {
	position: absolute;
	left: 50%;
	top: 0;
	bottom: 0;
	width: 980px;
	margin: 0 0 0 -490px;
	background: #fff
}

.mod-preview .mod-msg {
	top: 60px;
	z-index: 777
}

.mod-preview .mod-bubble-menu .menu-item:hover {
	background: #3c3c3c
}

.mod-preview .mod-action-wrap .mod-bubble-menu .menu-item .spliter {
	background: #464646
}

.mod-tab-list {
	position: relative
}

.mod-tab-list .tab-list-item {
	float: left;
	height: 48px;
	line-height: 48px;
	color: #777;
	cursor: pointer;
	margin-right: 30px
}

.mod-tab-list .tab-list-item:last-child {
	margin-right: 0
}

.mod-tab-list .tab-list-item.cur,
.mod-tab-list .tab-list-item:hover {
	color: #2980FF
}

.mod-tab-list .tab-list-line {
	position: absolute;
	left: 0;
	width: 56px;
	height: 2px;
	bottom: 10px;
	background: #2980FF;
	transition: all .15s ease-in
}

.mod-thumb-list .thumb-list {
	overflow: hidden
}

.mod-thumb-list .thumb-list-item {
	float: left;
	width: 120px;
	height: 120px;
	overflow: hidden;
	margin: 0 3px 0 0;
	position: relative
}

.mod-thumb-list .thumb-list-item .icon-l {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.mod-thumb-list .thumb-list-item img.is-loaded~.icon-l {
	opacity: 0;
	visibility: hidden;
	transition: opacity 1s ease
}

.mod-thumb-list .thumb-list-pic {
	width: 100%;
	height: 100%
}

.mod-thumb-list .thumb-list-item a {
	width: 100%;
	height: 100%;
	position: relative;
	display: block
}

.mod-thumb-list .thumb-list-item a img {
	width: 100%;
	height: 100%;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.mod-thumb-list .thumb-list-item a:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition-delay: .1s;
	transition-delay: .1s
}

.mod-thumb-list .thumb-list-item a:before {
	display: none;
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	height: 38px;
	background: -moz-linear-gradient(top, rgba(0, 0, 0, .3) 0, rgba(0, 0, 0, 0) 100%);
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, .3) 0, rgba(0, 0, 0, 0) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, .3) 0, rgba(0, 0, 0, 0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d000000', endColorstr='#00000000', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#00000000', GradientType=0)
}

.mod-thumb-list .thumb-list-item .duration {
	position: absolute;
	left: 8px;
	bottom: 2px;
	color: #fff
}

.mod-thumb-list .thumb-list-item .duration .icon-playable {
	top: -2px
}

.mod-thumb-list .thumb-list-item .more {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	text-align: center;
	color: #fff;
	font-size: 22px;
	background-color: rgba(0, 0, 0, .5)
}

.mod-thumb-list .thumb-list-item .more .text {
	position: absolute;
	left: 50%;
	top: 50%;
	-ms-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%)
}

.mod-thumb-list .label {
	position: absolute;
	width: 32px;
	height: 32px;
	right: 0;
	top: 0;
	display: none
}

.mod-thumb-list .thumb-list-item.act .label,
.mod-thumb-list .thumb-list-item.act a:before,
.mod-thumb-list a:hover .label,
.mod-thumb-list a:hover:before {
	display: block
}

.mod-thumb-list .label .icon {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -9px 0 0 -9px
}

.mod-thumb-list .icon-check-s {
	background-image: url(../images/svg/icon-checkbox.svg)
}

.mod-thumb-list .thumb-list-item.act .icon-check-s {
	background-image: url(../images/svg/icon-checkbox-cur.svg)
}

.mod-menu-group {
	background-color: #fff;
	border-radius: 2px;
	box-shadow: 0 1px 4px 0 rgba(15, 32, 65, .2);
	width: 338px;
	border: 1px solid #C8CCD3
}

.mod-menu-group .menu-group {
	border-bottom: 1px solid #EDEFF0
}

.mod-menu-group .menu-group:last-child {
	border-bottom: 0 none
}

.mod-menu-group .menu-group-hd {
	position: relative;
	height: 34px;
	line-height: 34px;
	color: #777;
	font-size: 12px
}

.mod-menu-group .menu-group-hd .hd-act {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0
}

.mod-menu-group .menu-group-hd .hd-act a {
	color: #2980FF;
	padding: 0 12px
}

.mod-menu-group .menu-group .tit {
	padding: 0 0 0 15px
}

.mod-menu-group .menu-list-item {
	position: relative;
	height: 36px;
	line-height: 36px;
	cursor: pointer;
	padding: 0 0 0 15px
}

.mod-menu-group .menu-list-item:hover {
	background: #F5F8FA
}

.mod-menu-group .menu-list-item .item-act {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 34px;
	text-align: center;
	display: none
}

.mod-menu-group .menu-list-item:hover .item-act {
	display: block
}

.mod-menu-group .menu-list-item .item-act .icon-close {
	opacity: .5
}

.mod-operate {
	position: relative;
	text-align: center;
	font-size: 16px
}

.mod-operate .operate-hd {
	height: 40px;
	line-height: 40px
}

.mod-operate .operate-hd .tit {
	font-size: 20px;
	color: #AFB5BF
}

.mod-operate .operate-list {
	display: inline-block;
	margin: 32px 0 0
}

.mod-operate .operate-list-item {
	float: left;
	width: 200px;
	height: 240px;
	cursor: pointer;
	transition: background .3s ease;
	box-sizing: border-box
}

.mod-operate .operate-list-item:hover {
	background-color: #F5F8FA
}

.mod-operate .operate-list-item .icon {
	width: 100%;
	height: 124px;
	background: 0 0
}

.mod-operate .operate-list-item:last-child {
	margin-right: 0
}

.mod-operate .operate-list-item .icon-doc-create {
	margin: 28px 0 27px;
	width: 128px;
	height: 128px;
	background-image: url(../images/svg/icon-doc-create.svg)
}

.mod-operate .operate-list-item .icon-xls-create {
	margin: 28px 0 27px;
	width: 128px;
	height: 128px;
	background-image: url(../images/svg/icon-xls-create.svg)
}

.mod-operate .operate-list-item .icon-ppt-create {
	margin: 28px 0 27px;
	width: 128px;
	height: 128px;
	background-image: url(../images/svg/icon-ppt-create.svg)
}

.mod-operate .operate-ft {
	margin: 30px 0 0
}

.mod-operate .operate-ft .tit {
	color: #777
}

.mod-operate .operate-ft a {
	color: #0097EB
}

.mod-operate .operate-ft .tit-link {
	margin: 0 5px
}

.mod-group-list {
	position: relative;
	width: 100%;
	height: 100%
}

.mod-group-list .group-list-item {
	position: absolute;
	border-radius: 100%;
	overflow: hidden;
	z-index: 1;
	border: 2px solid #fff
}

.mod-group-list.list1 .group-list-item {
	width: 36px;
	height: 36px;
	left: 50%;
	top: 50%;
	margin: -18px 0 0 -18px
}

.mod-group-list .group-list-img,
.mod-group-list .group-list-img img {
	width: 100%;
	height: 100%
}

.mod-group-list.list2 .group-list-item {
	width: 24px;
	height: 24px
}

.mod-group-list.list3 .group-list-item,
.mod-group-list.list4 .group-list-item {
	width: 21px;
	height: 21px
}

.mod-group-list.list2 .group-list-item:nth-child(1) {
	left: -2px;
	top: -2px
}

.mod-group-list.list2 .group-list-item:nth-child(2) {
	margin: 0;
	right: -2px;
	bottom: -2px;
	z-index: 0
}

.mod-group-list.list3 .group-list-item:nth-child(1) {
	left: 50%;
	top: -2px;
	margin: 0 0 0 -10.5px
}

.mod-group-list.list3 .group-list-item:nth-child(2) {
	left: -2px;
	bottom: -2px
}

.mod-group-list.list3 .group-list-item:nth-child(3) {
	right: -2px;
	bottom: -2px
}

.mod-group-list.list4 .group-list-item:nth-child(1) {
	z-index: 3;
	left: -2px;
	top: -2px
}

.mod-group-list.list4 .group-list-item:nth-child(2) {
	right: -2px;
	top: -2px;
	z-index: 2
}

.mod-group-list.list4 .group-list-item:nth-child(3) {
	left: -2px;
	bottom: -2px;
	z-index: 4
}

.mod-group-list.list4 .group-list-item:nth-child(4) {
	right: -2px;
	bottom: -2px;
	z-index: 5
}

.mod-feature {
	position: relative
}

.mod-feature .feature-hd {
	height: 36px;
	position: relative;
	padding: 0 26px 0 0;
	cursor: pointer;
	border-radius: 2px
}

.mod-feature .feature-hd:hover,
.mod-feature.act .feature-hd {
	background: #F5F8FA
}

.mod-feature .feature-hd-act {
	position: absolute;
	width: 26px;
	right: 0;
	top: 0;
	bottom: 0
}

.mod-feature .feature-hd-act .icon {
	position: absolute;
	left: 2px;
	top: 50%;
	margin: -8px 0 0;
	transform: rotate(0);
	transition: all .3s
}

.mod-feature.act .feature-hd-act .icon {
	transform: rotate(180deg)
}

.mod-feature .feature-bd {
	position: absolute;
	right: 0;
	top: 36px
}

.mod-feature .feature-list {
	position: relative;
	padding: 4px 0 0 7px
}

.mod-feature .feature-list .list-item {
	float: left;
	position: relative;
	width: 24px;
	height: 24px;
	border: 2px solid #fff;
	border-radius: 100%;
	overflow: hidden;
	margin-left: -8px
}

.mod-feature .feature-list .list-item-img {
	width: 100%;
	height: 100%
}

.mod-feature .feature-list .list-item:first-child {
	margin-left: 0
}

.mod-feature .feature-list .list-item img {
	display: block;
	width: 100%;
	height: 100%
}

.mod-feature .feature-bd {
	display: none
}

.mod-feature.act .feature-bd {
	display: block
}

.mod-feature .mod-bubble-menu {
	position: relative;
	left: 0;
	top: 0;
	transform: translate3d(0, 0, 0)
}

.modal,
.modal-mask {
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0
}

.mod-point {
	background: #F2F2F2;
	height: 40px;
	line-height: 40px;
	padding: 0 15px
}

.mod-point .icon {
	margin: 0 0 0 -2px
}

.mod-point .point-link {
	color: #00A4FF;
	margin: 0 0 0 10px
}

.modal a,
a:hover {
	text-decoration: none
}

.modal .icon-vip-s {
	width: 24px;
	height: 17px;
	background-image: url(../images/svg/icon-vip-s.svg)
}

.modal {
	z-index: 100;
	text-align: center
}

.modal-mask {
	z-index: -1;
	background-color: rgba(49, 52, 54, .7)
}

.modal::after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 0;
	height: 100%
}

.modal-dialog {
	display: inline-block;
	text-align: left;
	background-color: #fff;
	border-radius: 2px;
	border: 1px solid #C8CCD3;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2)
}

.modal-dialog .icon-pop-close {
	position: relative;
	z-index: 0;
	width: 30px;
	height: 30px;
	background-image: url(../images/svg/icon-pop-close.svg);
	background-color: transparent;
	border-radius: 30px
}

.modal-dialog .icon-pop-close:hover {
	background-color: #F5F8FA
}

.modal-dialog .btn {
	outline: 0;
	border: 1px solid #D2D8DC;
	background-color: #fff;
	box-sizing: border-box;
	border-radius: 2px;
	text-align: center;
	color: #000
}

.modal-dialog .mod-view .btn {
	border-color: transparent;
	background: 0 0
}

.modal-dialog .mod-view a.btn-m:hover,
.modal-dialog .mod-view.act a.btn-m {
	border-color: #D2D8DC;
	text-decoration: none
}

.mod-link-info a:hover,
.mod-progress-info a:hover {
	text-decoration: underline
}

.modal-dialog .btn:hover {
	background-color: #F5F8FA
}

.modal-dialog .btn-active {
	background-color: #2E80FF;
	border-color: #2E80FF;
	color: #fff
}

.modal-dialog .btn-active:hover {
	background-color: #2977EA
}

.modal-dialog .btn-active.btn-disable,
.modal-dialog .btn-active.btn-disable:hover {
	background-color: #2980FF;
	border-color: #2980FF;
	cursor: not-allowed
}

.modal-dialog .btn-disable {
	position: relative;
	cursor: not-allowed
}

.modal-dialog .btn-disable::before {
	content: "";
	position: absolute;
	top: -1px;
	bottom: -1px;
	right: -1px;
	left: -1px;
	background-color: rgba(255, 255, 255, .4)
}

.modal-dialog .btn-icon {
	border: none;
	outline: 0;
	font-size: 0;
	color: transparent;
	cursor: pointer
}

.modal-dialog .btn-link {
	border: none;
	outline: 0;
	width: auto;
	font-size: 14px;
	color: #555;
	cursor: pointer
}

.modal-dialog .btn-link:hover {
	background-color: transparent;
	text-decoration: underline
}

.modal-dialog .btn-block {
	display: block;
	width: 100%;
	line-height: 1
}

.modal-dialog .input-block {
	display: block
}

.modal-dialog .input-wrapper .placeholder {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	padding-left: 8px;
	line-height: 36px;
	text-align: left;
	font-size: 14px;
	color: #999;
	display: block;
	pointer-events: none
}

.modal-dialog-pw-share .modal-dialog-bd,
.modal-dialog-team .modal-dialog-ft,
.modal-dialog-tips,
.page-doc .mod-info-tip {
	text-align: center
}

.modal-dialog .input-wrapper input:focus~.placeholder {
	display: none
}

.modal-dialog-tab .btn-tab {
	outline: 0;
	border: none;
	background-color: transparent;
	color: #484848
}

.modal-dialog-tab .act .btn-tab,
.modal-dialog-tab .tab-nav-item:hover .btn-tab {
	color: #020202
}

.modal-dialog-tab .tab-nav-item:hover {
	background-color: #F5F8FA
}

.modal-dialog-hd {
	position: relative;
	z-index: 0;
	padding: 13px 13px 13px 20px;
	border-bottom: 1px solid #E9EAEB
}

.modal-dialog-title {
	font-size: 18px;
	color: #020202
}

.modal-dialog-hd .icon-pop-close {
	position: absolute;
	top: 50%;
	right: 13px;
	margin-top: -15px
}

.modal .input-wrapper {
	position: relative
}

.modal .console {
	position: absolute;
	z-index: 1;
	left: 0;
	bottom: 0;
	padding: 7px 10px 5px;
	background-color: #FFF8DB;
	border: 1px solid #F3E5B1;
	border-top: none;
	font-size: 12px;
	color: #000
}

.modal .console .icon {
	width: 14px;
	height: 14px;
	vertical-align: -3px;
	margin-right: 6px
}

.modal .console.err .icon {
	background-image: url(../images/svg/icon-alert-s.svg)
}

.modal .console.loading .icon {
	background-image: url(../images/svg/icon-loading-s.png);
	animation: load-rotation 1s linear infinite
}

.modal-dialog-ft.btn-group {
	padding-bottom: 20px
}

.modal-dialog-ft .btn {
	float: right;
	min-width: 90px;
	padding: 0 10px;
	box-sizing: border-box;
	height: 36px;
	line-height: 34px;
	margin-right: 10px;
	font-size: 14px
}

.modal-dialog-ft .btn-link {
	width: auto
}

.modal-dialog-ft .btn:first-of-type {
	margin-right: 20px
}

.modal-dialog-ft .btn-active {
	margin-left: 10px
}

.modal-dialog-ft .alert {
	float: right;
	height: 36px;
	line-height: 36px;
	font-size: 12px;
	color: #ec202c
}

.modal-dialog-process .modal-dialog-hd,
.modal-dialog-tab .modal-dialog-hd {
	border-bottom-color: transparent
}

.modal-dialog-tab .modal-tab-nav {
	padding-left: 20px;
	border-bottom: 1px solid #E8EAEB;
	font-size: 0
}

.modal-dialog-tab .tab-nav-item {
	cursor: pointer;
	position: relative;
	display: inline-block;
	padding: 9px 16px;
	text-align: center;
	font-size: 14px;
	color: #020202
}

.modal-dialog-tab .tab-nav-item::after {
	opacity: 0;
	content: "";
	position: absolute;
	bottom: 0;
	left: 10px;
	right: 10px;
	height: 3px;
	background-color: #2980FF
}

.modal-dialog-tab .tab-nav-item.act::after {
	opacity: 1
}

.modal-dialog-tab .modal-tab-cont {
	position: relative
}

.modal-dialog-tab .modal-tab-cont ul {
	height: 100%
}

.modal-dialog-tab .tab-cont-item {
	display: none;
	height: 100%
}

.modal-dialog-tab .tab-cont-item.act {
	display: block
}

.modal-dialog-tab .tab-cont-item .cont-wrapper,
.modal-dialog-tab .tab-cont-item::before {
	display: inline-block;
	vertical-align: middle;
	width: 100%
}

.modal-dialog-tab .tab-cont-item::before {
	content: "";
	width: 0;
	height: 100%
}

.modal-dialog .modal-dialog-main {
	float: left;
	height: 100%;
	border-right: 1px solid #D2D8DC
}

.modal-dialog .modal-dialog-aside {
	position: relative;
	height: 100%;
	float: right
}

.modal-dialog .modal-dialog-aside-hd {
	height: 48px
}

.modal-dialog .modal-dialog-aside-hd .aside-hd-tit {
	line-height: 48px;
	padding: 0 0 0 15px
}

.modal-dialog .modal-dialog-aside-ft {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 75px
}

.modal-dialog-400 {
	width: 400px
}

.modal-dialog-480 {
	width: 480px
}

.modal-dialog-680 {
	width: 680px
}

.modal-dialog-800 {
	width: 800px
}

.modal-dialog-800 .modal-dialog-main {
	width: 505px
}

.modal-dialog-800 .modal-dialog-aside {
	width: 252px
}

.modal-dialog-tips {
	position: fixed;
	z-index: 1;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #FFF8DB;
	border: none;
	padding: 10px 0;
	font-size: 14px;
	line-height: 20px;
	color: #A27C27
}

.modal-dialog-invite .modal-dialog-hd,
.modal-dialog-team .mod-tab-nav .tab-nav-hd {
	border-bottom: 0 none
}

.modal .promotion {
	font-size: 14px;
	line-height: 24px;
	color: #000
}

.modal .promotion.with-icon {
	position: relative;
	padding-left: 20px
}

.modal .promotion .btn-link {
	color: #000
}

.modal .promotion .icon-vip-s {
	top: -2px;
	left: 0;
	margin-right: 5px
}

@keyframes pop-appear {
	0% {
		opacity: 0;
		transform: scale(.8) rotateX(-40deg)
	}

	50% {
		opacity: 1
	}

	70% {
		transform: scale(1.05) rotateX(0)
	}

	100% {
		transform: scale(1) rotateX(0)
	}
}

.modal {
	opacity: 0;
	pointer-events: none
}

.modal-show {
	opacity: 1;
	pointer-events: auto
}

.modal-show .modal-dialog {
	animation: pop-appear .3s cubic-bezier(.8, .02, .45, .91) forwards
}

.modal-show .modal-dialog-tips {
	animation: none
}

.modal-dialog .mod-path {
	padding: 20px 0 0
}

.modal-dialog .mod-status {
	padding-top: 70px
}

@keyframes load-rotation {
	from {
		transform: rotate(0)
	}

	to {
		transform: rotate(360deg)
	}
}

.modal-dialog-invite .mod-form .form-bd {
	margin-top: 0;
	width: auto
}

.modal-dialog-article .mod-article {
	padding: 20px 20px 35px
}

.modal-dialog-team {
	overflow: inherit !important
}

.modal-dialog-team .mod-tab-nav {
	padding: 0 20px 20px
}

.modal-dialog-team .mod-act-panel .act-panel-inner,
.modal-dialog-team .mod-list-group-edit .list-group-item,
.modal-dialog-team .mod-list-group-set .list-group-item {
	padding: 0 20px
}

.modal-dialog-team .mod-tab-nav .tab-nav-bd {
	height: 400px;
	border: 1px solid #D2D8DC
}

.modal-dialog-team .mod-list-group-edit,
.modal-dialog-team .mod-list-group-edit .list-group-bd {
	height: 44px
}

.modal-dialog-team .mod-list-group-edit .list-group-bd {
	overflow: inherit
}

.modal-dialog-team .mod-list-group-set,
.modal-dialog-team .mod-list-group-set .list-group-bd {
	height: 100%;
	position: relative
}

.modal-dialog-team .mod-list-group-team-record .list-group-bd {
	height: 292px
}

.modal-dialog-team .mod-list-group-team-record .list-group-hd .list-group-tit.name .tit-con {
	margin-left: 23px
}

.modal-dialog-team .mod-list-group-team-record .item-tit .label {
	width: 33px
}

.modal-dialog-team .mod-act-panel {
	height: 68px;
	line-height: 68px
}

.modal-dialog-team .mod-act-panel .mod-view-sort {
	margin: 0 15px 0 0
}

.modal-dialog-team .modal-dialog-ft .btn {
	float: none
}

.modal-dialog-team .mod-list-group .list-group-item:after {
	left: 20px
}

.modal-dialog-team .mod-view-team {
	position: absolute;
	top: 53px;
	right: 307px
}

.modal-dialog-team .mod-view-team .mod-bubble-menu {
	top: 0
}

.modal-dialog-package .mod-form .form-bd {
	width: auto;
	margin: 20px 0 0
}

.modal-dialog-package .mod-form .mod-form-item {
	padding: 0 20px 12px
}

.modal-dialog-share-link .mod-code {
	padding: 40px 0 32px
}

.modal-dialog-pw input {
	display: inline-block;
	width: 200px;
	height: 36px;
	box-sizing: border-box;
	padding: 0 0 0 8px;
	border: 1px solid #D2D8DC;
	border-radius: 2px;
	font-size: 14px
}

.modal-dialog-pw input:focus {
	border-color: #00A4FF
}

.modal-dialog-pw .modal-dialog-bd {
	height: 143px;
	padding: 0 99px;
	font-size: 0
}

.modal-dialog-pw .modal-dialog-bd::before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 0;
	height: 100%
}

.modal-dialog-pw .modal-bd-cont {
	display: inline-block;
	vertical-align: middle
}

.modal-dialog-pw .title {
	margin-bottom: 19px;
	font-size: 16px;
	color: #000
}

.modal-dialog-pw .title .title-con {
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 6em;
	vertical-align: middle
}

.modal-dialog-pw .title .num {
	color: #777;
	vertical-align: middle
}

.modal-dialog-pw .input-wrapper .console {
	bottom: -31px
}

.modal-dialog-pw .console.err~input {
	border-color: #FF4222
}

.modal-dialog-pw.modal-dialog-tab .modal-dialog-bd {
	height: auto;
	padding: 0
}

.modal-dialog-pw.modal-dialog-tab .modal-tab-cont {
	height: 152px
}

.modal-dialog-pw .modal-tab-cont .input-wrapper {
	margin-bottom: 10px
}

.modal-dialog-pw .modal-tab-cont .input-wrapper:last-of-type {
	margin-bottom: 0
}

.modal-dialog-pw .modal-tab-cont input {
	display: block;
	margin: 0 auto
}

.modal-dialog-pw .tab-cont-item .console {
	left: 100px
}

.modal-dialog-pw-share input {
	display: block;
	width: 139px;
	height: 36px;
	box-sizing: border-box;
	border-radius: 2px;
	line-height: 36px;
	padding-left: 15px;
	background-image: url(../images/svg/bg-pw-input.svg);
	background-position: center;
	background-repeat: no-repeat;
	font-family: 'Courier New';
	font-size: 13px;
	color: #000;
	letter-spacing: 12px
}

.mod-info-box .info-detail {
	margin: 10px 0 0
}

.mod-info-box .info-detail-hd {
	position: relative;
	font-size: 12px;
	color: #777
}

.mod-info-box .info-detail-hd .info-used {
	margin: 0 -3px 0 5px
}

.mod-info-box .info-detail .acc-used {
	margin: 0 0 0 5px
}

.mod-info-box .info-detail-hd .hd-act {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0
}

.mod-info-box .info-detail-hd .hd-act .mod-arrow {
	margin: 0 3px 0 0
}

.mod-info-box .info-bar {
	position: relative;
	margin: 5px 0 0;
	height: 4px;
	background: #E4E4E4
}

.mod-info-box .info-bar-cur {
	height: 100%;
	background: #2980FF
}

.mod-info-box.disk-warn .info-bar-cur {
	background: #FF4222
}

.mod-info-box .info-con {
	font-size: 12px;
	color: #777;
	padding: 4px 0 0
}

.mod-info-box .info-con .info-icon,
.mod-info-box .info-con .info-link,
.mod-info-box .info-con .info-txt {
	position: relative;
	vertical-align: middle;
	margin-right: 8px
}

.mod-info-box .info-box-con,
.mod-info-box .info-box-pic {
	margin: 0 12px 0 0;
	overflow: hidden
}

.mod-info-box .info-con .info-icon {
	top: -1px
}

.mod-info-box {
	height: 100px;
	background: #F4F4F4
}

.mod-info-box .info-box-bd {
	padding: 29px 0 0 24px
}

.mod-info-box .info-box-pic {
	width: 48px;
	height: 48px;
	border-radius: 2px;
	float: left
}

.mod-info-box .info-box-pic .pic {
	width: 100%;
	height: 100%
}

.mod-info-box .info-box-con .name {
	display: block;
	max-width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 18px;
	vertical-align: middle
}

.mod-info-box .info-box-con .txt {
	font-size: 12px;
	color: #777;
	margin: 4px 0 0
}

.mod-info-box .info-link {
	color: #845925;
	margin: 0 0 0 8px
}

.mod-info-box.vip {
	background: red
}

.mod-info-box.svip {
	background: #00f
}

.mod-progress-info .progress-info-detail {
	margin: 10px 0 0
}

.mod-progress-info .info-detail-hd,
.mod-progress-info a {
	position: relative;
	font-size: 12px;
	color: #777
}

.mod-progress-info .info-detail-hd .info-used {
	margin: 0 3px 0 0
}

.mod-progress-info .info-detail-hd .info-all {
	margin: 0 0 0 2px
}

.mod-progress-info .info-detail .acc-used {
	margin: 0 0 0 5px
}

.mod-progress-info .info-detail-hd .hd-act {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0
}

.mod-progress-info .info-detail-hd .hd-act .mod-arrow {
	margin: 0 3px 0 0;
	position: relative;
	top: -1px
}

.mod-progress-info .info-bar {
	position: relative;
	margin: 5px 0 0;
	height: 4px;
	background: #E4E4E4
}

.mod-progress-info .info-bar-cur {
	height: 100%;
	background: #2980FF
}

.mod-progress-info.warn .info-detail-hd {
	color: #EF4545
}

.mod-progress-info.warn .info-bar-cur {
	background: #EF4545
}

.mod-progress-info .info-box-hd .name {
	display: block;
	max-width: 90%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 20px;
	vertical-align: middle
}

.mod-progress-info .info-con {
	font-size: 12px;
	color: #777;
	padding: 4px 0 0
}

.mod-progress-info .info-con .info-icon,
.mod-progress-info .info-con .info-link,
.mod-progress-info .info-con .info-txt {
	position: relative;
	vertical-align: middle;
	margin-right: 8px
}

.mod-progress-info .info-con .info-icon {
	top: -1px
}

.mod-arrow {
	border: solid #687176;
	border-width: 0 1px 1px 0;
	display: inline-block;
	padding: 3px
}

.mod-arrow-right {
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg)
}

.mod-arrow-left {
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg)
}

.mod-arrow-up {
	-ms-transform: rotate(-135deg);
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg)
}

.mod-arrow-down {
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg)
}

.mod-link-info {
	position: relative
}

.mod-link-info .icon {
	vertical-align: middle;
	top: -2px;
	margin: 0 0 0 -4px
}

.mod-link-info a {
	color: #2980FF;
	margin: 0 0 0 8px
}

.mod-link-info .info-link {
	color: #FE8127
}

.page-thumbnail .mod-act-panel:after {
	display: none
}

.page-thumbnail.scroll .mod-act-panel:after {
	display: block
}

.page-thumbnail .mod-figure-list {
	padding: 0 25px 0 40px
}

.page-thumbnail .mod-item-list {
	padding: 2px 25px 20px 40px
}

.page-picture .layout-main-bd {
	padding-left: 50px
}

.page-picture .mod-figure-list .figure-list {
	padding: 2px 0 0 2px
}

.page-picture .mod-figure-list .figure-list-item-pic {
	border: 1px solid #D5D7DF
}

.page-picture .mod-figure-list .figure-list-item.act .figure-list-item-pic,
.page-picture .mod-figure-list .figure-list-item:hover .figure-list-item-pic {
	border: none
}

.page-picture .mod-act-panel:after {
	display: none
}

.page-picture .mod-act-panel {
	padding: 7px 0
}

.page-picture .mod-act-panel .act-panel-inner {
	padding-left: 50px
}

.ui-mask {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: #000;
	z-index: 60;
	opacity: .85
}

.layout-main-bd-aside .mod-note-group {
	margin: 0 0 0 35px;
	border-right: 1px solid #EDEFEF
}

.page-home .layout-main-hd .mod-act-panel .act-panel-inner {
	padding-right: 60px;
}

.page-home .layout-main-hd .mod-act-panel .mod-breadcrumb {
	padding: 0;
	position: relative;
	left: -5px
}

.page-home .layout-main .mod-list-group .list-group-hd,
.page-home .layout-main .mod-list-group .list-group-info,
.page-home .layout-main .mod-list-group .list-group-wrapper {
	margin-right: 60px
}

.mod-nav .logo a {
	margin-left: 30px
}

.layout-toolbar .mod-nav {
	width: 100%;
	height: 60px;
}

.layout-main-wrap-trash .mod-act-panel .tit {
	float: right;
	font-size: 12px;
	font-weight: 400
}

.layout-main-wrap-trash .mod-tab-list .tab-list-line {
	width: 28px
}

.page-doc .mod-act-panel {
	height: 64px;
	line-height: 64px
}

.page-doc .mod-act-panel .mod-action-wrap-list .mod-action-wrap {
	float: right;
	margin-right: 0;
	margin-left: 16px
}

.page-doc .mod-action-wrap .action-item.act .mod-bubble-menu {
	left: auto;
	right: 0
}

.page-doc .mod-info-tip {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	font-size: 12px;
	color: #999;
	height: 40px;
	line-height: 40px;
	background-color: #fff
}

/* kaka:180625152144,tic */
/* �������� �½����񵼺�*/
.new_task_navWrap {
	display: none;
	height: calc(100vh - 60px);
	width: 170px;
	background: #f9fafb;
	margin: -10px 0 0 -38px;
	padding-top: 10px;
	z-index: 2;
}

.new_task_nav_title {
	display: flex;
	align-items: center;
	height: 35px;
	font-size: 14px;
	font-weight: bold;
	color: #111;
	padding-left: 15px;
}

.new_task_nav_list {
	display: flex;
	align-items: center;
	height: 35px;
	padding: 0 15px;
	font-size: 13px;
	cursor: pointer;
	border-left: 5px solid rgba(0, 0, 0, 0);
}

.new_task_nav_list_activ,
.new_task_nav_list:hover {
	border-left: 5px solid #0770f6;
	background: #eaf5fb;
	color: #0773fc;
}

.new_task_nav_list .iconfont {
	font-size: 14px;
	margin-right: 5px;
}

/* �������� �½���������ҳ*/
.new_task_wrap {
	padding: 0 0 35px 35px;
	background: #fff;
}

.new_task_title {
	border-bottom: 1px solid #f0f0f0;
	height: 60px;
	display: flex;
	align-items: flex-end;
	padding-bottom: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.new_task_title li {
	font-size: 18px;
	font-weight: bold;
	color: #222;
	margin-right: 15px;
}

.new_task_title div {
	display: flex;
	font-size: 13px;
	color: #333;
}

.new_task_title div p {
	color: #f00;
	margin: 0 5px;
}

.new_task_content {
	display: flex;
	flex-wrap: wrap;
	padding: 25px 0;
}

.new_task_content_list {
	display: flex;
	align-items: center;
	width: 235px;
	height: 85px;
	padding: 0 25px;
	background: #fff;
	border-radius: 4px;
	box-shadow: 0 0 10px rgb(0 0 0 / 5%);
	margin-right: 20px;
	margin-bottom: 25px;
	cursor: pointer;
	border: 1px solid #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.new_task_content_list:hover {
	background: #f7fcff;
	border: 1px solid #25aad6;
	box-shadow: none;
}

.new_task_content_list img {
	width: 48px;
	height: 48px;
	border-radius: 100%;
	margin-right: 15px;
}

.new_task_content_list p {
	font-size: 18px;
	color: #000;
	white-space: nowrap;
}

/* �������� ���ڴ��� */
#task_page {
	position: absolute;
	bottom: -10px;
	left: 50%;
	-webkit-transform: translate(-50%);
	-moz-transform: translate(-50%);
	-ms-transform: translate(-50%);
	-o-transform: translate(-50%);
	transform: translate(-50%);
}

#task_page .layui-laypage .layui-laypage-curr .layui-laypage-em {
	background: #0773fc;
}

.being_processedWrap {
	padding: 35px;
	height: calc(100vh - 80px);
	overflow-y: auto;
}

.being_processed_list {
	height: 55px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #ebebeb;
	padding: 0 30px;
	margin: 0 30px;
}

.being_processed_list:hover {
	background: #f1f3f7;
}

.being_processed_list_l {
	display: flex;
	align-items: center;
	width: 45%;
}

.being_processed_list_l img {
	width: 32px;
	height: 32px;
	margin-right: 15px;
	border-radius: 100%;
}

.being_processed_list_m {
	display: flex;
	align-items: center;
	width: 350px;
	white-space: nowrap;
}

.progressWrap {
	width: 230px;
	height: 20px;
	margin-right: 15px;
	border-radius: 0;
	background: #e5e6ea;
}

.progressC {
	background: #0771f8;
	height: 20px;
	transition: all 1 0.1s;
	font-size: 10px;
	color: #fff;
	position: relative;
}

/* .progressC span {
	position: absolute;
	right: 0;
	top: 0;
	display: inline-block;
	height: 100%;
	line-height: 20px;
	padding: 0 10px;
} */

.being_processed_list_r,
.accomplish_list_r {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	width: 150px;
}
.being_processed_list_r .iconfont,
.accomplish_list_r .iconfont {
	cursor: pointer;
	font-size: 18px;
	margin-right: 30px;
}

/* �������� �������� */
.accomplishWrap,.accomplish_moreWrap {
	padding-bottom: 35px;
	height: calc(100vh - 80px);
	overflow-y: auto;
}


.accomplish_list {
	padding: 0 30px;
	height: 61px;
	overflow: hidden;
}

.accomplish_list_titleWrap {
	display: flex;
	align-items: center;
	height: 60px;
	justify-content: space-between;
	border-bottom: 1px solid #ebebeb;
	padding: 0 30px;
}

.accomplish_list:hover {
	background: #f1f3f7;
}

.accomplish_list_titleWrap,
.accomplish_list_titleC_l,
.accomplish_list_C_list,
.accomplish_list_C_list_l {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 14px;
	color: #333;
}

.accomplish_list_titleC_l {
	width: 75%;
	height: 60px;
	cursor: pointer;
}

.accomplish_list_titleC_l2 {
	display: flex;
}

.accomplish_list_titleC_l2 .iconfont {
	margin-right: 10px;
}

.accomplish_list_titleC_l0,
.accomplish_list_C_list_l0 {
	font-size: 15px;
}

.accomplish_list_titleC_l0 img {
	width: 32px;
	height: 32px;
	border-radius: 100%;
	margin-right: 15px;
}

.accomplish_list_titleC_l0,
.accomplish_list_titleC_l2,
.accomplish_list_C_list_l0 {
	display: flex;
	align-items: center;
}
.accomplish_list_titleC_l0{
	width: 35%;
}
.accomplish_list_titleC_l1{
	width: 130px;
}
.accomplish_list_titleC_l2{
	width: 200px;
}
.accomplish_list_C_list {
	padding-right: 30px;
	height: 60px;
	padding-left: 75px;
	position: relative;
}

.accomplish_list_C_list:after {
	content: '';
	position: absolute;
	width: calc(100% - 75px);
	right: 0;
	bottom: 0;
	border-bottom: 1px solid #ebebeb;
}

.accomplish_list_C_list_l {
	width: calc(65% - 20px);
	height: 60px;
}

.accomplish_list_C_list_l0 img {
	width: 42px;
	height: 42px;
	margin-right: 15px;
}



.succeedIcon {
	color: #5fb878;
}

.failIcon {
	color: #e84335;
}
.untreated{
	color: #fe9a00;
}

.accomplish_more {
	display: block;
	width: 100%;
	height: 46px;
	line-height: 46px;
	text-align: right;
	padding-right: 60px;
	border-bottom: 1px solid #ebebeb;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
}
.accomplish_moreC_title{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 30px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.fhBtn{
	display: flex;
	align-items: center;
	
}
.fhIcon{
	display: inline-block;
	margin-right: 8px;
	width: 9px;
	height: 15px;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAPCAYAAAA2yOUNAAAA1ElEQVQoU42RMU4CARBF32xMoDE0FtZ7AIrZaTkAFRewoaIyNBR2JHQW1puYEJSEBBsrrzHbW3oDWpodgtklq67K1C8z/80XfhlV7YvIJiLepY1R1UxE3oBr4PkHpKoDEXkFroA8TdPbL5CZDSPiBbgE7t397njpBJnZKCK2QBdYuPu8jvIJqeqNiKyAC2Dm7g/NrGJmk4jIgX1ETIuiePwuI1mW7YAe8OTu4zbb8zadlaleX9kd9Tutdg3w7z/V4L8fb4DN7tatBVcy/SRJlmVZfhwAVhJcC7oN6kkAAAAASUVORK5CYII=") no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}
/* �������� ͼƬԤ�� */
.preview_picture_wrap{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 70px 50px;
	background: rgba(0,0,0,0.6);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 999;
}
.preview_picture_c{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.preview_picture_c img{
	max-width: 100%;
	max-height: 100%;
}
.preview_picture_pic_closeBtn{
	position: absolute;
	top: -65px;
	right: -85px;
	width: 25px;
	height: 25px;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAACpklEQVRIS62VS29NYRSGn3dCEGLgTozwE0RiRNxvY5eIgUirRamBqNYtWnUnUZe4X0MiRmbiBzT+i6SIW7HklbVPdk/P6WnLNzjJPvv71rPXet+1PkXEduAccB84LekX/2FFxOaM+1YR8Q5YmXG7gRP/CoqIDcA9YA7w1RD/8RCYmaBeoENSjCehiNgI3E2AQ/TKvxGxBbgDzMrALt/RsYIyjjOYkXEuAJ1/IQnaCtwGppmb+pwcbTYRsR54AMzOM9eBdkmDFUiCdgJ+aZBXF9DdKKOIWJvGmZfnbgIHJP308xBIguw2byoyOg70SPpdK6uIWJcazC8BDkr6UewfBknQNuAGMD03npXUUQ1Jka1BUSKfMWCwvLcmJEG7gD5gSh44JamiUZboaUlk69km6Xv1x9SFJGgPcBWYDLhJDXEvrU7bz82Azqa1FqCmJjVKshu4AkwFPgOvgOXA4tx7KzOoaDCmTEr23gGcBwr3+NWXtKxtWhcwqkxKoB43aOkr30taOpo+GlGTEmBVmmBJKeiH7KHLjUANIdkHFtalcnP1px4eQTZDpyTPu7qrkbs2ZaMVfeDBtxfwZLC9J2Vku+5Mvek9Up8UNi3EfmyAJAvuodoMXAMmJMgZ2d7DVr2O9/3iYbcwTzxPwMdyhIjYD3jSTsxS+orw85BVa3ZZ5Cel+8Awd/KnWl8ZES7fpSydNTsmyXavrOopvCYzKEpkwfdJ+jaSsBHRlA1rjQzqKpuhfJ+sAFz3BRnwEdDcCFCyeQtgO7t0nthHJF2sNGNELAMctOiDl0CTpIFGPVClUVtOBpvBg/KwpD7f8e7aZ8CiPPAiAUNEHi0szeAMClC7IW8AX/5eHt0t9UQeA6g1S2fQgCFO0c30GjgkaVwZVH9ARBjki67/D3zhATAfPJ0ZAAAAAElFTkSuQmCC") no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	cursor: pointer;
}
/* �������� �½���������ҳ */
.param .layui-form-radio>i:hover,
.param .layui-form-radioed>i {
	color: #0773fc;
}

/* .task-content-title {
	width: 100%;
	height: 30px;
	border-bottom: 1px solid #f0f0f0;
	margin: 0 0 10px 35px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
} */

#_layout_main .layui-tab-content {
	padding: 0 35px;
}

/* .task-content-title li {
	display: inline-block;
	height: 100%;
	margin-bottom: -1px;
	border-bottom: 2px solid #0773fc;
	font-size: 16px;
	font-weight: bold;
	color: #222;
} */

div.task_nav_listWrap {
	width: 100%;
	margin: 10px 0 30px;
}

div.task_nav_listWrap,
.task_nav_list {
	display: flex;
}

.task_nav_list {
	height: 20px;
	padding: 0 35px;
	border-left: 1px solid #eeeff1;
	cursor: pointer;
	font-size: 14px;
	color: #111;
}

.task_nav_list:first-child {
	padding-left: 0;
	border-left: none;
}

.param .layui-form-label {
	width: auto;
	text-align: left;
}

.param .layui-form-label:first-child {
	padding-left: 0;
}

.param .layui-form-item .layui-inline {
	margin-bottom: 20px;
}

.param .layui-form-select .layui-edge {
	position: absolute;
	right: 10 px;
	top: 50%;
	width: 12px;
	height: 7px;
	margin-top: -3.5px;
	cursor: pointer;
	border: none;
	transition: all .3s;
	-webkit-transition: all .3s;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAHCAYAAAA8sqwkAAAA1klEQVQoU33PoUoEYRQF4HNvnScYmy+wyaJRDBZdo5gv/30A6wrTFAzTFub/BzRZplpMIrtYdm1GH0EmCYJhjozMyoriiYf7ce+VEMIDycuU0i3+iZntquqFuPuE5BmA/Rjj/V/G3bdIzkheSz8woAmAvRjjfB2Z2UhVH0Xkpqqq8AX6hBDOAZx2Xbdd1/VT35nZpqouSd6llE767hsMaArgGMAOgFcACxF5zvN8XBRF9wsMKAE4APAmIi9t2x42TfOxuuTHhlXp7lckN7IsOyrL8n39p0/6/1HKDBbcrQAAAABJRU5ErkJggg==") no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}

.compres_type_7 .slider-container {
	width: 630px !important;
}

.slider_w .slider-container {
	width: 260px !important;
}

#uploader .uploading_icon {
	width: 56px;
	height: 35px;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAAjCAYAAADBl8lGAAAEhklEQVRYR8WZbWhVdRzHv9/zeJepGJJF0osiEYtVhiuKXtiLIhNyFEEbo7AQerC5c+/sgYqBEE3vvZsbvaiWErh6Y7pIrCAamZGGQkpPVEQUiWIRtqn3nHv+5xdnbmPu6Zx7d871vLz/3+/7/X3u//kcotbPRrEtSz1AwRohVhCyGEIbRBnAnxA5TmCgNGwcxFsMf5vTwzllV5QszGTVEwLJAlwencrjpPSU8voOgBIdP31ETQDntctVfqB2ALi/ikIHRenPeN38sYpcpA5otbk3UtN2x+u1GRFOaZTG83nz60ohUwXMtMl1QjUI4tpKC5sST5wOGNxb3mZ9W4lWeoDPy0LbDw4AUl9JQbPHyi+uYaxCJ8/E1UwJcGRB6Rfg0biFxI6jFN28mY0bXzVg3WZZ6kt5MRTELpsnhnt5eszUyvlNFPTHLaLCuJJAv80r8Ic4eZUBdoiVGVbNAjwGwUoA80MTAf4h8CUhXSXPOGxbwRFAbopTQFUxIj1u0WyNkxsb0HZkGaD6QNw9i7APyM8AV8Qxn0PMX66nr0Av/4vSiAf4giyyy/4hgMuiBGvVLsQ6L298GOUXC9DKqs2EdEaJ1bJdgJ1ewVgf5RkL0Hb8AxFDM8on8XaCR0vztQZ0MJhNPBqwQzR7KDiW6qJRBX64sNnQlw8V+PfcAAHYjn8QxF1V1JFmSkClX1/q5u9VA5qOd7NOrV5AB5Bb0qy2Gm0BXzE1re/sNp6cKX/aIVrnlO8MyA4A9wDQqzGvVc7IHix4n6J3lbr422TfKYC2o3KgvAbATKnIfcDIXrowYf0zAha9grZl4v3xIkA7p56DyPaEjcflSNlSypuv2o6/BsReAFbiXoK9rqa3IM+zofY4oJn1VmnQvkqt5yh5N2+2jwFZOf+R0fOqkTgk8Knr6Q+il+4FwA6xrCH1BYE7UjALT6vb3YK5abK2lfWbCbybxjwn5PVSwXxxBNBy/IdI7E4HDm+4BePZmbQzjv+4EDtT8C6J0leOANpZ/xMA9yVuInjbLRobonQzWbVBIG9GxVXaLsKXaeXceop+FECic4GC90oL9Jaoo9RY0XZWbQSkp1KIWeOJ/bRzqh0iWxMUFiH6vbzRUqmm7ainQOlObnXlMdqOvwdEY6XFzBLvkXhagJMIoAuhGbr+zbmtPDElp03qbKrVosEkECCAAhEO1aVJ1EPiCK2sf4jA7UkIzqQhgoe9ovHB5Pa6Nrkm0NSvADJp+Auxi5msf1iAhjQMxjRnupxetkmuDnT1vQCLUvEnW0PAXQI0p2IwKhoB+J0AVyTuLzgH6LeGc3AtiI8SN5ggeIkA33GLxpNE+Gknq/YAWJcW5CUAPKUZesP5Tv4xstHPa5UlvuF/ntbbsBoDhq8w1roF4+OQbfywHU54pavwZe3qpHuyVoAE/g2A9V7BGBhjuPg+2CGGNRQ4hDgAliQFKkDjRNMx3dE/9ScACxLwGhClvzT5M9u0N/rLc3JlGUETRZoEuGHO5oJmt2jsn6xzYWqo8JNYtduER8FngPSViubgdHX+D0TCxRRZm2GpAAAAAElFTkSuQmCC") no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	margin: 30px auto 20px;
}

/* ���й���ҳ */
.allfunction_content .iconfont {
	font-family: "iconfont" !important;
	font-size: 26px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

a {
	text-decoration: none;
}

.allfunction_content {
	min-width: 1170px;
	margin: 0 auto;
	height: calc(100vh - 30px);
	overflow-y: auto;
}

.allf_title {
	font-size: 28px;
	color: #222;
}

.fg_line {
	width: 100%;
	height: 1px;
	background: #e2e2e2;
	margin: 30px 0;
}

.classify_title {
	font-size: 18px;
	color: #000;
	font-weight: bold;
	margin-bottom: 25px;
}

.item_list {
	display: flex;
	flex-wrap: wrap;
}

.list_item {
	width: 260px;
	height: 85px;
	padding: 20px 30px;
	background: #fff;
	border-radius: 4px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 20px;
	margin-bottom: 25px;
	cursor: pointer;
	border: 1px solid #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.list_item:hover {
	background: #f7fcff;
	border: 1px solid #25aad6;
	box-shadow: none;
}

.tohref {
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
}


.circle {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	margin-right: 15px;
}

.item_title {
	font-size: 16px;
	color: #000;
	margin-bottom: 10px;
}

.item_desc {
	font-size: 13px;
	color: #666;
	white-space: nowrap;
}

.mart_10 {
	margin-top: 10px;
}

.bg_4ea1f8 {
	background: #4ea1f8;
}

.bg_fed016 {
	background: #fed016;
}

.bg_ea6a63 {
	background: #ea6a63;
}

.bg_47c46b {
	background: #47c46b;
}

.bg_7c6ff1 {
	background: #7c6ff1;
}

.bg_ff814a {
	background: #ff814a;
}

.bg_6ec3ff {
	background: #6ec3ff;
}

.bg_a2a49e {
	background: #a2a49e;
}

.bg_aacae7 {
	background: #aacae7;
}

.bg_47c46b {
	background: #47c46b;
}

.bg_aacae7 {
	background: #aacae7;
}

.bg_aacae8 {
	background: rgb(72, 196, 108);
}