* {
	margin: 0px;
	padding: 0px;
	font-family: 'shn';
}

@font-face {
	font-family: "shn";
	src: url(../fonts/SourceHanSansCN-Normal.otf);
}

@font-face {
	font-family: "shb";
	src: url(../fonts/SourceHanSansCN-Bold.otf);
}

html,
body {
	width: 100%;
	height: 100%;
}

input,
textarea,
button {
	padding: 0px;
	outline: none;
	box-sizing: border-box;
}

a {
	text-decoration: none;
}

img {
	border: none;
}

@media screen and (max-width: 1760px) {
	.big-list .item {
		width: 14.26%;
		margin: 0 1.2% 1.5%;
	}
}

.clearfix:after {
	visibility: hidden;
	display: block;
	content: " ";
	clear: both;
	height: 0;
	line-height: 0;
}

.img-full {
	overflow: hidden;
}

.img-full>img {
	width: 100%;
	float: left;
}

.login-box {
	width: 930px;
	height: 550px;
	background-color: #fff;
	box-shadow: 5px 5px 15px rgba(197, 207, 223, .4);
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 15px;
}

.login-box {
	display: flex;
}

.login-left {
	width: 100%;
	background-color: #3071b9;
	border-radius: 15px;
	box-sizing: border-box;
	padding: 40px;
}

.login-left .logo {
	width: 285px;
}

.login-content {
	width: 266px;
	margin: 45px auto 0;
}

.login-content .tx {
	width: 99px;
	text-align: center;
	border-radius: 50%;
	overflow: hidden;
	margin: 0 auto;
}

.login-text {
	color: #fff;
}

.login-text .tit {
	font-size: 34px;
	font-family: 'shb';
	margin-top: 5px;
}

.login-text p {
	font-size: 12px;
	line-height: 1;
	padding: 0 0 7px;
}

.login-input {
	background-color: #fff;
	border-radius: 4px;
	overflow: hidden;
	margin-top: 10px;
	display: flex;
	align-items: center;
}

.login-input span {
	display: block;
	width: 70px;
	box-sizing: border-box;
	border-right: 1px #414141 solid;
	padding-left: 20px;
	line-height: 18px;
	font-size: 16px;
}

.login-input input {
	width: calc(100% - 70px);
	height: 40px;
	border: 0;
	padding: 0 10px;
	font-size: 16px;
}

.login-content .button {
	width: 100%;
	height: 42px;
	box-sizing: border-box;
	border: 1px #fef8e7 solid;
	text-align: center;
	line-height: 38px;
	color: #fff;
	border-radius: 4px;
	margin-top: 10px;
	cursor: pointer;
}

.login-right {
	width: 35%;
}

.login-right .img {
	width: 99px;
	margin: 120px auto 0;
}

.login-right .tit {
	width: 130px;
	margin: 20px auto;
	line-height: 1.4;
	font-size: 16px;
}

.login-right .qr {
	width: 143px;
	margin: 0 auto;
}

.bg-grey {
	background-color: #f2f5fa;
	overflow: hidden;
}

.container {
	width: 93.5vw;
	max-width: 1795px;
	height: 88vh;
	max-height: 950px;
	background-color: #f5f5fb;
	box-shadow: 0 0 20px rgba(197, 207, 223, .4);
	border-radius: 20px;
	overflow: hidden;
	box-sizing: border-box;
	padding: 0 35px 27px 35px;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.header {
	width: 100%;
	height: 90px;
	box-sizing: border-box;
	padding: 0 0 15px;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

.header>img {
	width: 300px;
}

.cont-body {
	width: 100%;
	height: calc(100% - 90px);
	display: flex;
}

.nav {
	width: 175px;
	height: 100%;
	box-sizing: border-box;
	padding: 30px 0 0 20px;
}

.cont-right {
	width: calc(100% - 175px);
	height: 100%;
	display: flex;
	flex-direction: column;
}

.operate {
	height: 75px;
	display: flex;
	justify-content: space-between;
}

.content {
	flex: 1;
	height: calc(100% - 85px);
	display: flex;
	justify-content: space-between;
}

.white-left {
	width: 80%;
	margin-right: 1%;
	height: 100%;
	background-color: #fff;
	border-radius: 8px;
}

.white-right {
	width: 19%;
	background-color: #fff;
	border-radius: 8px;
	box-sizing: border-box;
	padding: 24px;
}

.login-out {
	display: flex;
	align-items: center;
	font-size: 17px;
	color: #414141;
}

.login-out .name {
	display: flex;
	align-items: center;
}

.login-out .name img {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	margin-right: 12px;
}

.login-out .out {
	border-left: 2px #666 solid;
	line-height: 1.2;
	padding: 0 18px;
	margin-left: 18px;
	cursor: pointer;
}

.login-out .out:hover {
	color: #3071b9;
}

.nav .li {
	font-size: 18px;
	line-height: 1;
	margin-bottom: 28px;
}

.nav .item {
	font-size: 15px;
	line-height: 1;
	margin-bottom: 28px;
}

.nav a {
	display: block;
	color: #414141;
}

.nav .active a {
	color: #3071b9;
}

.nav a:hover {
	color: #3071b9;
}

.nav .item a:hover:before {
	background-color: #3071b9;
}

.nav .item a {
	display: flex;
	align-items: center;
}

.nav .item a:before {
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	background-color: #414141;
	border-radius: 50%;
	margin-right: 10px;
}

.op-left {
	display: flex;
	margin-top: 20px;
}

.op-left .button {
	width: 150px;
	height: 38px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #e7e7f4;
	border-radius: 23px;
	margin-right: 15px;
	color: #414141;
	font-size: 14px;
	line-height: 1;
	cursor: pointer;
}

.op-left .button.blue {
	background-color: #3071b9;
	color: #fff;
}

.op-left .button img {
	width: 20px;
	margin-right: 9px;
}

.search {
	width: 500px;
	height: 38px;
	background-color: #e7e7f4;
	border-radius: 23px;
	display: flex;
	margin-top: 20px;
}

.search input {
	flex: 1;
	height: 100%;
	background: transparent;
	border: 0;
	padding: 0 0 0 30px;
	color: #414141;
	font-size: 14px;
}

.search .button {
	width: 72px;
	height: 100%;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	cursor: pointer;
}

.search .button:before {
	content: "";
	display: block;
	width: 2px;
	height: 18px;
	background-color: #666;
	margin-right: 28px;
}

.search .button img {
	width: 18px;
}

.view {
	display: flex;
	color: #414141;
	line-height: 1;
	padding: 25px 30px 0;
}

.view .tit {
	line-height: 16px;
	font-size: 14px;
	border-right: 1px #414141 solid;
	padding-right: 18px;
	margin-right: 11px;
}

.view-list {
	display: flex;
	align-items: center;
}

.view-list .item {
	display: flex;
	align-items: center;
	margin-right: 20px;
	font-size: 14px;
	cursor: pointer;
}

.view-list .item img {
	width: 13px;
	margin-right: 6px;
}

.view-list .item img:nth-child(2) {
	display: none;
}

.view-list .item.active img:nth-child(1) {
	display: none;
}

.view-list .item.active img:nth-child(2) {
	display: block;
}

.view-list .item.active {
	color: #3071b9;
}


.big-list::-webkit-scrollbar,
.small-list::-webkit-scrollbar {
	width: 5px;
	height: 5px;
}

/*滚动条的轨道*/
.big-list::-webkit-scrollbar-track,
.small-list::-webkit-scrollbar-track {
	background-color: transparent;
}

/*滚动条的滑块按钮*/
.big-list::-webkit-scrollbar-thumb,
.small-list::-webkit-scrollbar-thumb {
	border-radius: 0;
	background-color: #c0c0c0;
	box-shadow: inset 0 0 5px #c0c0c0;
	border-radius: 3px;
}

/*滚动条的上下两端的按钮*/
.big-list::-webkit-scrollbar-button,
.small-list::-webkit-scrollbar-button {
	height: 0;
	background-color: #0099ff;
}


.big-list {
	max-height: calc(100% - 62px);
	display: flex;
	flex-wrap: wrap;
	overflow-y: auto;
	margin-top: 20px;
}

.big-list .item {
	width: 12.48%;
	margin: 0 .9% 1.5%;
	border-radius: 4px;
	cursor: pointer;
}

.big-list .item:hover,
.big-list .item.active {
	background-color: #e7e7f4;
}

.big-list .item .img {
	height: 3vw;
	max-height: 88px;
	text-align: center;
}

.big-list .item .img img {
	width: auto;
	height: 100%;
}

.big-operate {
	height: 26px;
	margin: 4px 6px 6px;
	display: flex;
	justify-content: space-between;
	position: relative;
}

.big-right {
	display: flex;
	opacity: 0;
}

.big-right .btn {
	width: 22px;
	height: 22px;
	box-sizing: border-box;
	padding: 2px;
	position: relative;
}

.big-right .btn img {
	width: 100%;
}

.big-list .item:hover .big-right {
	opacity: 1;
}

.layui-form-checkbox[lay-skin=primary]>i {
	width: 16px;
	height: 16px;
	border: 0;
	line-height: 16px;
	padding: 0;
}

.layui-form-checked[lay-skin=primary]>i {
	background-color: #3071b9;
}

.layui-form-checkbox[lay-skin=primary] {
	padding: 0;
}

.choose {
	width: 16px;
	height: 16px;
}


.big-list .item .text {
	padding: 8% 6% 6%;
	overflow: hidden;
}

.big-list .item .text p {
	height: 40px;
	font-size: 12px;
	color: #414141;
	line-height: 1.4;
	box-sizing: border-box;
	padding: 4px 5px;
	text-align: center;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
}

.big-list .item .text textarea {
	width: 100%;
	height: 40px;
	max-width: 100%;
	max-height: 44px;
	background-color: #fff;
	border: 0;
	border-radius: 2px;
	resize: none;
	overflow: hidden;
	padding: 4px 5px;
	float: left;
	font-size: 12px;
	color: #414141;
	line-height: 1.4;
	display: none;
}

.white-right .title {
	line-height: 1;
	color: #414141;
}

.file-box {
	display: flex;
	align-items: center;
	margin-top: 15px;
}

.file-box img {
	height: 32px;
	margin-right: 10px;
}

.file-box .text {
	flex: 1;
	font-size: 12px;
	color: #414141;
	line-height: 1.2;
	margin-top: 3%;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
}

.file-nums {
	background-color: #e7e7f4;
	border-radius: 6px;
	font-size: 12px;
	color: #414141;
	line-height: 30px;
	padding: 0 15px;
	margin-top: 15px;
}

.folder {
	padding-top: 10px;
}

.folder .item {
	display: flex;
	align-items: center;
	margin-top: 10px;
}

.folder .item img {
	width: 26px;
	margin-right: 8px;
}

.folder .item .text {
	flex: 1;
	font-size: 12px;
	color: #414141;
	line-height: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.view-content {
	width: 100%;
	height: 100%;
	display: none;
}

.view-content.active {
	display: block;
}

.small-list {
	height: calc(100% - 62px);
	overflow-y: auto;
	margin-top: 20px;
}

.small-list .item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 40px 15px 30px;
	cursor: pointer;
}

.small-list .item:hover,
.small-list .item.active {
	background-color: #e7e7f4;
}

.small-left {
	width: calc(100% - 300px);
	display: flex;
	align-items: center;
	font-size: 12px;
	color: #414141;
	line-height: 1;
}

.small-left .choose {
	margin-right: 15px;
}

.small-left .img img {
	width: 40px;
}

.small-left .name {
	width: calc(100% - 400px);
	margin: 0 40px 0 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.small-left .date {
	white-space: nowrap;
	margin-right: 40px;
}

.small-operate {
	display: flex;
}

.small-operate .btn {
	width: 18px;
	height: 18px;
	padding: 2px 8px;
	position: relative;
}

.small-operate .btn img {
	width: 100%;
}

.ellipsis-menu {
	display: inline-block;
	background-color: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
	position: absolute;
	top: 22px;
	right: 0px;
	z-index: 99;
	padding: 5px 0;
	border-radius: 4px;
	display: none;
}

.ellipsis-menu .m {
	white-space: nowrap;
	padding: 3px 15px;
	font-size: 12px;
	color: #414141;
}

.ellipsis-menu .m:hover {
	background-color: #f5f6fa;
}

.ellipsis-button:hover .ellipsis-menu {
	display: block;
}

.file-detail {
	font-size: 12px;
	color: #878c9c;
	padding-top: 10px;
}

.file-detail p {
	line-height: 1.4;
	margin-top: 8px;
}

.detail-box .img {
	margin-top: 10px;
}

.cont-body.full .cont-right {
	width: 100%;
}

.down-view {
	display: flex;
	align-items: center;
	padding: 15px 0;
}

.down-view>img {
	width: 60px;
	margin-right: 12px;
}

.down-view h3 {
	font-size: 15px;
	color: #414141;
	line-height: 1.4;
	font-weight: normal;
	font-family: 'shb';
	margin-bottom: 2px;
}

.down-view p {
	font-size: 12px;
	color: #414141;
}

.down-view p span {
	color: #ff3f00;
	margin-left: 10px;
}

.go-back {
	font-size: 14px;
	color: #414141;
	margin: 20px 0 0 24px;
	cursor: pointer;
	line-height: 1;
}

.go-back:before {
	content: "<";
	margin-right: 3px;
}

.share-popup {
	width: 650px;
	height: 380px;
	background-color: #f7f7f9;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	box-shadow: 0 0 20px rgba(197, 207, 223, .7);
	border-radius: 4px;
	box-sizing: border-box;
	padding: 50px 55px;
	display: none;
}

.share-popup .title {
	font-size: 14px;
	color: #414141;
	padding-bottom: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.share-popup .title span {
	font-family: 'shb';
}

.share-list .item {
	display: flex;
	align-items: flex-start;
	margin-top: 5px;
}

.share-list .item .cont {
	color: #171821;
}

.share-list .item .name {
	width: 100px;
	font-size: 14px;
	color: #6a6b6d;
	margin-top: 3px;
}

.layui-form-radio:hover>div {
	color: #171821;
}

.layui-form-radioed {
	color: #171821;
}

.layui-form-radio>i {
	font-size: 18px;
	color: #e8e9ec;
}

.layui-form-radio:hover>i,
.layui-form-radioed>i {
	color: #3071b9;
}

.layui-icon-circle:before {
	background-color: #fff;
	border-radius: 50%;
}

.layui-form-radio {
	margin: 0 15px 0 0;
}

.share-list .item .code {
	background-color: #fff;
	padding: 6px 40px 3px 10px;
	margin-top: 6px;
}

.share-list .code .radio-item {
	margin: 10px 0;
}

.enter-code {
	display: flex;
	align-items: center;
	margin-top: 5px;
}

.enter-code .nums input {
	width: 160px;
	height: 32px;
	border: 1px #e8e9ec solid;
	background-color: #f8f9fa;
	border-radius: 4px;
	padding: 0 10px;
}

.enter-code .nums input::placeholder {
	color: #c9cace;
}

.enter-code .layui-form-radio {
	margin: 0;
	padding-right: 0;
}

.enter-code span {
	font-size: 14px;
	color: #8e9199;
	margin-left: 10px;
}

.tiquma {
	display: flex;
	margin-top: 5px;
}

.tiquma .li {
	display: flex;
	align-items: center;
	margin-right: 20px;
	cursor: pointer;
}

.tiquma .li i {
	display: block;
	width: 16px;
	height: 16px;
	box-sizing: border-box;
	border: 1px #e0e1e4 solid;
	border-radius: 3px;
	margin-right: 8px;
}

.tiquma .li.active i {
	background-image: url(../images/ra_11.png);
	background-size: cover;
	border: 0;
}

.share-popup .button {
	width: 176px;
	line-height: 46px;
	background-color: #3071b9;
	color: #fff;
	font-size: 16px;
	text-align: center;
	border-radius: 23px;
	cursor: pointer;
	position: absolute;
	left: 50%;
	bottom: 55px;
	transform: translateX(-50%);
}

.share-popup .close {
	position: absolute;
	top: 6px;
	right: 12px;
	padding: 5px;
	cursor: pointer;
}

.radio-list {
	display: flex;
}

.radio-item {
	display: flex;
	align-items: center;
	cursor: pointer;
	margin-right: 28px;
}

.radio-item i {
	display: block;
	width: 16px;
	height: 16px;
	box-sizing: border-box;
	border: 1px #e0e1e4 solid;
	border-radius: 50%;
	margin-right: 8px;
	background-color: #fff;
}

.radio-item.active i {
	background-image: url(../images/ra_07.png);
	background-size: cover;
	border: 0;
}

.radio-item span {
	line-height: 1;
}

.share-two {
	display: none;
}

.share-two textarea {
	width: 100%;
	height: 75px;
	overflow: hidden;
	border: 1px #d4d7de solid;
	border-radius: 4px;
	padding: 10px 15px;
	resize: none;
	word-break: break-all;
	color: #414141;
}

.nums-list {
	display: flex;
	align-items: center;
	margin-top: 12px;
}

.nums-list .name {
	font-size: 12px;
	color: #606266;
	margin-right: 8px;
}

.nums-list input {
	width: 92px;
	height: 32px;
	border: 1px #d4d7de solid;
	border-radius: 8px;
	padding: 0 10px;
	background-color: transparent;
}

.share-two .lose {
	color: #606266;
	font-size: 12px;
	margin-top: 12px;
}

.share-two .lose span {
	color: #06a7ff;
}

.mask {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .5);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
}

.verify {
	width: 600px;
	background-color: #3071b9;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 14px;
	box-sizing: border-box;
	padding: 35px 35px 110px;
}

.verify-mask {
	display: none;
}

.verify .login-content {
	margin-top: 60px;
}

.verify .logo {
	width: 285px;
}

.verify-container {
	width: 1290px;
	height: 660px;
	background-color: #f5f5fb;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 3px 3px 20px rgba(197, 207, 223, .6);
	display: flex;
}

.verify-left {
	width: 400px;
	background-color: #3071b9;
	box-sizing: border-box;
	padding: 35px 65px;
}

.verify-left .logo {
	width: 100%;
}

.verify-content {
	margin-top: 90px;
}

.verify-content .tx {
	width: 120px;
	margin: 0 auto;
}

.verify-content .name {
	font-size: 18px;
	color: #fff;
	text-align: center;
	margin-top: 10px;
}

.verify-content .text {
	color: #fff;
	font-size: 14px;
	line-height: 1.6;
	margin: 25px 0 20px;
}

.verify-content .text p:nth-child(2) {
	font-size: 18px;
}

.verify-input {
	width: 100%;
	height: 40px;
	background-color: #fff;
	border-radius: 4px;
	overflow: hidden;
	display: flex;
	align-items: center;
}

.verify-input span {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 70px;
	height: 100%;
	font-size: 16px;
	line-height: 1;
	position: relative;
	cursor: pointer;
}

.verify-input span:after {
	content: "";
	display: block;
	width: 1px;
	height: 18px;
	background-color: #414141;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

.verify-input input {
	width: calc(100% - 70px);
	height: 40px;
	border: 0;
	padding: 0 10px;
	font-size: 16px;
}

.verify-right {
	flex: 1;
	padding: 150px 80px 0;
}

.verify-right .img {
	width: 90px;
}

.verify-right .tit {
	font-size: 40px;
	color: #414141;
	line-height: 1.3;
	font-family: 'shb';
	margin-top: 8px;
}

.verify-right .text {
	font-size: 12px;
	color: #878c9c;
	padding-top: 15px;
}

.verify-right .text p {
	margin-top: 10px;
}

.video-detail {
	height: 100%;
	padding: 20px 10px 20px 28px;
}

.video-auto {
	height: calc(100% - 80px);
	overflow-y: auto;
	padding-right: 80px;
}

.video-detail .title {
	display: flex;
	align-items: center;
}

.video-detail .title img {
	width: 45px;
}

.video-detail .title .name {
	font-size: 14px;
	color: #414141;
}

.video-content {
	margin-top: 15px;
}

.video-content video {
	width: 100%;
}

.over-auto::-webkit-scrollbar {
	width: 5px;
	height: 5px;
}

/*滚动条的轨道*/
.over-auto::-webkit-scrollbar-track {
	background-color: transparent;
}

/*滚动条的滑块按钮*/
.over-auto::-webkit-scrollbar-thumb {
	border-radius: 0;
	background-color: #c0c0c0;
	box-shadow: inset 0 0 5px #c0c0c0;
	border-radius: 3px;
}

/*滚动条的上下两端的按钮*/
.over-auto::-webkit-scrollbar-button {
	height: 0;
	background-color: #0099ff;
}







@media screen and (max-width: 1600px) {
	.cont-right {
		width: calc(100% - 140px);
	}

	.login-box {
		width: 810px;
		height: 480px;
	}

	.login-left {
		padding: 30px;
	}

	.login-left .logo,
	.verify .logo {
		width: 240px;
	}

	.login-content {
		width: 240px;
	}

	.login-content .tx {
		width: 80px;
	}

	.login-text .tit {
		font-size: 30px;
	}

	.login-text p {
		font-size: 10px;
	}

	.login-input span {
		width: 60px;
		line-height: 16px;
		font-size: 14px;
	}

	.login-input input {
		width: calc(100% - 60px);
		height: 36px;
		font-size: 14px;
	}

	.login-content .button {
		height: 36px;
		font-size: 14px;
		line-height: 34px;
	}

	.login-right .img {
		width: 80px;
		margin-top: 120px;
	}

	.login-right .tit {
		width: 110px;
		font-size: 14px;
	}

	.login-right .qr {
		width: 130px;
	}



	.container {
		width: 98vw;
		height: 96vh;
		padding: 0 25px 18px;
	}

	.header {
		height: 65px;
		padding: 0 0 10px;
	}

	.header>img {
		width: 260px;
	}

	.login-out {
		font-size: 15px;
	}

	.login-out .name img {
		width: 28px;
		height: 28px;
	}

	.nav .li {
		font-size: 16px;
		margin-bottom: 24px;
	}

	.nav .item {
		font-size: 14px;
		margin-bottom: 24px;
	}

	.op-left .button {
		width: 130px;
		height: 34px;
		font-size: 12px;
	}

	.op-left .button img {
		width: 16px;
	}

	.search {
		width: 440px;
		height: 34px;
	}

	.search .button {
		width: 68px;
	}

	.search .button img {
		width: 16px;
	}

	.search .button:before {
		height: 16px;
	}

	.search input {
		font-size: 12px;
	}

	.operate {
		height: 70px;
	}

	.nav {
		width: 140px;
		padding: 35px 0 0 15px;
	}

	.view {
		font-size: 14px;
		padding: 20px 25px 0;
	}

	.view .tit {
		line-height: 14px;
		font-size: 12px;
	}

	.view-list .item {
		font-size: 12px;
	}

	.view-list .item img {
		width: 10px;
	}

	.big-list .item .text p {
		font-size: 12px;
		height: 40px;
	}

	.big-list .item .text textarea {
		font-size: 12px;
		height: 40px;
	}

	.white-right {
		padding: 15px;
	}

	.white-right .title {
		font-size: 14px;
	}

	.file-box img {
		height: 28px;
	}

	.file-nums {
		line-height: 24px;
	}

	.folder .item img {
		width: 22px;
		margin-right: 5px;
	}

	.cont-body {
		height: calc(100% - 65px);
	}

	.content {
		height: calc(100% - 70px);
	}

	.big-list {
		max-height: calc(100% - 56px);
		padding: 0 1%;
	}

	.big-list .item {
		width: 15.66%;
		margin: 0 .5% 1%;
	}

	.big-right img {
		width: 16px;
	}

	.big-operate {
		height: 24px;
		padding: 0px 2px 4px;
	}

	.small-left .img img {
		width: 34px;
	}

	.layui-form-checkbox[lay-skin=primary]>i {
		width: 14px;
		height: 14px;
		line-height: 14px;
	}

	.choose {
		width: 14px;
		height: 14px;
	}

	.small-left {
		width: calc(100% - 150px);
	}

	.down-view h3 {
		font-size: 14px;
	}

	.verify-container {
		width: 1000px;
		height: 520px;
	}

	.verify-left {
		width: 310px;
		padding: 25px 45px;
	}

	.verify-content {
		margin-top: 70px;
	}

	.verify-content .tx {
		width: 100px;
	}

	.verify-content .name {
		font-size: 16px;
	}

	.verify-content .text {
		font-size: 12px;
	}

	.verify-content .text p:nth-child(2) {
		font-size: 14px;
	}

	.verify-input {
		height: 36px;
	}

	.verify-input span {
		font-size: 14px;
	}

	.verify-input input {
		font-size: 14px;
	}

	.verify-right {
		padding: 120px 55px 0;
	}

	.verify-right .img {
		width: 80px;
	}

	.verify-right .tit {
		font-size: 30px;
	}

	.verify-right .text {
		padding-top: 10px;
	}

	.verify-right .text p {
		margin-top: 8px;
	}

}







@media screen and (max-width: 1400px) {
	.small-left .name {
		width: calc(100% - 320px);
	}

	.white-left {
		width: calc(100% - 200px - 1%);
	}

	.white-right {
		width: 200px;
	}

	.big-list {
		padding: 0 .5%;
	}

	.big-list .item {
		width: 18%;
		margin: 0 1% 1%;
	}
}
/* 品牌字标，替代原来的 IOF logo 图片 */
.logo.brand-logo {
	display: flex;
	align-items: center;
	gap: 10px;
	width: auto;
	height: auto;
	color: #fff;
	font-size: 20px;
	letter-spacing: 2px;
}

.brand-logo .mark,
.login-text .tit .mark {
	width: 32px;
	height: 32px;
	line-height: 32px;
	flex: 0 0 auto;
	text-align: center;
	border-radius: 8px;
	background: linear-gradient(135deg, #4fd1c5, #3b82f6);
	font-size: 17px;
	box-shadow: 0 6px 18px rgba(0, 0, 0, .3);
}

/* 浅色页头里的字标，颜色与深色底相反 */
.header .header-logo {
	color: #414141;
	font-size: 22px;
	cursor: pointer;
}

.header .header-logo .mark {
	width: 34px;
	height: 34px;
	line-height: 34px;
	font-size: 18px;
}