body{
	background:#f9fafb;
	font-family: Open Sans,sans-serif,Helvetica Neue,Helvetica,Arial;
}

#Container{
	position:relative;z-index:1;
	display:block;margin:0;padding:0;
}
#PageMain{
	position:relative;
	min-height:calc(100vh - 190px);
}
.container{
	position:relative;display:block;margin:0 auto;
	width:152rem;min-width:1200px;
}
@media only screen and (max-width: 768px) {
	.container{
		width:100%;
	}
}

/******************************************** 顶部 ******************************************************/
#Header{
	background:#FFF;
	box-shadow:0 1px 1px #d1d1d1;
}
.head{
	display:flex;flex-direction:row;justify-content:space-between;
	height:100px;line-height:100px;
}
.top-lft{
	display:flex;align-items:baseline;
}
.top-lft h1 a{
	font-size:32px;color:#2095f3;font-weight:700;
}
.top-lft h4{
	margin-left:20px;
	font-size:20px;color:#000;
}
.top-rgt{
	display:flex;
}
.top-rgt a{
	display:inline-block;
	margin:0 20px;padding-left:30px;
	font-size:18px;color:#000;
}
.top-rgt a:nth-child(1){
	background-image:url(../imgs/tabs/i.png);
	background-repeat:no-repeat;background-position:left center;background-size:22px 22px;
}
.top-rgt a:nth-child(2){
	background-image:url(../imgs/tabs/d.png);
	background-repeat:no-repeat;background-position:left 41px;background-size:22px 22px;
}
.top-rgt a:nth-child(3){
	background-image:url(../imgs/tabs/m.png);
	background-repeat:no-repeat;background-position:left center;background-size:22px 22px;
}
.top-rgt a.on{
	color:#2095f3;
}
.top-rgt a.on:nth-child(1){
	background-image:url(../imgs/tabs/i_on.png);
}
.top-rgt a.on:nth-child(2){
	background-image:url(../imgs/tabs/d_on.png);
}
.top-rgt a.on:nth-child(3){
	background-image:url(../imgs/tabs/m_on.png);
}
@media only screen and (max-width: 768px) {
	
}

/******************************************** 底部 ******************************************************/
#Footer{
	padding:30px 0;
	background:#FFF;
	box-shadow:0 0 2px #d1d1d1;
}
#Footer p{
	line-height:30px;
	font-size:16px;color:#666;
	text-align:center;
}
#Footer p a{
	color:#666;
}
@media only screen and (max-width: 768px) {
	
}

#Login{
	position:absolute;top:50%;left:50%;z-index:99;
	width:450px;padding:50px 30px 40px;
	background:#FFF;border-radius:10px;	
	transform:translate(-50%, -50%);
}
.login-cls{
	position:absolute;top:10px;right:10px;
	width:40px;height:40px;
	cursor:pointer;
}
.login-cls:before, .login-cls:after{
	content:'';
	position:absolute;top:50%;left:5px;
	width:30px;height:3px;
	background:#666;border-radius:3px;
}
.login-cls:before{
	transform:rotate(45deg);
}
.login-cls:after{
	transform:rotate(-45deg);
}
.login-title{
	line-height:40px;
	font-size:24px;color:#000;font-weight:700;
	text-align:center;
}
.login-note{
	margin-top:30px;line-height:40px;
	font-size:16px;color:#000;
}
.login-row{
	margin-top:10px;
}
.login-label{
	line-height:40px;
	font-size:16px;color:#000;
}
.login-input{
	padding:0 20px;
	border:1px solid #CCC;border-radius:6px;
}
.login-input input{
	width:100%;height:50px;line-height:50px;
	font-size:16px;color:#333;
	border:none;outline:0;
}
.login-btn{
	margin-top:50px;
	text-align:center;
}
.login-btn span{
	display:inline-block;
	width:200px;
}

/******************************************** 提示 ******************************************************/
#Toast{
	position:fixed;top:30%;left:50%;z-index:99;
	padding:10px 20px;line-height:40px;
	background:rgba(0, 0, 0, .6);border-radius:10px;
	font-size:18px;color:#FFF;
	transform:translate(-50%, 0);
}
.mask{
	position:fixed;top:0;left:0;z-index:92;
	width:100%;height:100%;
	background:#000;
	opacity:.6;	
}
.holding{
	position:fixed;top:50%;left:50%;z-index:93;
	padding:60px 0 50px;width:300px;
	background:#FFF;border-radius:20px;
	text-align:center;
	transform:translate(-50%, -50%);
}
.tips-close{
	position:absolute;top:0;right:0;
	width:50px;height:50px;
	cursor:pointer;
}
.tips-close-img{
	position:absolute;top:18px;left:18px;
	width:20px;height:20px;
}
.holding.analyzing img{
	width:81px;height:82px;
}
.holding.uploading img{
	width:78px;height:80px;
}
.holding.failed .tips-img{
	width:81px;height:82px;
}
.holding-title{
	margin-top:30px;line-height:30px;
	font-size:16px;color:#000;
}
.holding-more{
	line-height:24px;
	font-size:14px;color:#9b9b9b;
}
.progress{
	position:relative;
	margin:20px 30px 0;height:20px;
	background:#f3f9ff;border-radius:20px;
	overflow:hidden;
}
.progress span{
	position:absolute;top:0;left:0;z-index:1;
	height:20px;
	background:#097af3;border-radius:20px;
}
.progress b{
	position:absolute;top:0;left:0;z-index:2;
	width:100%;height:20px;line-height:20px;
	font-size:14px;color:#cddc39;
	text-align:center;
}
.rpt-reset-upload{
	margin:20px 30px 0;
}

/******************************************** 左右框架 ******************************************************/
.page-con{
	display:flex;flex-direction:row;gap:20px;
	padding:20px 0;
	min-height:calc(100vh - 190px);
}
.page-side{
	width:280px;
	display:flex;flex-direction:column;gap:20px;
}
.page-tinf{
	padding:40px 30px 30px;
	background:#FFF;border-radius:10px;
	text-align:center;
}
.avatar img{
	display:inline-block;
	width:120px;height:120px;
	border-radius:50%;
}
.company-name{
	margin-top:15px;line-height:30px;
	font-size:18px;color:#000;font-weight:700;
}
.page-menus{
	flex:1;
	background:#FFF;border-radius:10px;
}
.page-menus ul{
	padding-top:10px;
}
.page-menus li{
	position:relative;
	cursor:pointer;
}
.page-menus li.on{
	background:#EFF6FF;
}
.page-menus li img{
	position:absolute;top:50%;left:35px;
	margin-top:-15px;
	width:32px;height:32px;
}
.page-menus li a{
	display:block;padding-left:90px;
	height:70px;line-height:70px;
}
.page-menus.no-imgs li a{
	padding-left:60px;
}
.page-menus li span{
	font-size:18px;color:#333;
}
.page-menus li em{
	margin-left:10px;
	font-size:14px;color:#999;
}
.page-main{
	flex:1;
	min-height:800px;
	position:relative;
	background:#FFF;border-radius:10px;
}

/******************************************** 表单 ******************************************************/
.frm-blk{
	margin-bottom:30px;
}
.frm-label{
	line-height:40px;
	font-size:18px;color:#333;font-weight:700;
}
.frm-label.required:after{
	content:'*';
	margin-left:5px;line-height:30px;
	font-size:16px;color:#ef4141;font-weight:700;
	vertical-align:middle;
}
.frm-label-sub{
	line-height:30px;
	font-size:14px;color:#999;
}
.frm-input{
	position:relative;
	margin-top:10px;
}
.frm-input input{
	padding:0 20px;
	width:100%;line-height:50px;
	border:1px solid #DDD;border-radius:6px;
	outline:0;
	font-size:16px;color:#000;
}
.frm-input ul{
	position:absolute;top:100%;left:0;right:0;
	max-height:330px;
	background:#FFF;border-radius:0 0 10px 10px;
	box-shadow:0 14px 24px rgba(166, 166, 166, 1);
	overflow-y:auto;
}
.frm-input li{
	padding:0 20px;
	height:50px;line-height:50px;
	font-size:16px;color:#333;
	white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
	cursor:pointer;
}
.frm-input li:hover{
	background:#EFF6FF;
}
.frm-select{
	margin-top:10px;
	display:flex;flex-direction:row;gap:15px;
}
.frm-select span{
	flex:1;
	height:50px;line-height:50px;
	background:#EEE;border-radius:6px;
	font-size:16px;color:#333;
	text-align:center;
	cursor:pointer;
}
.frm-select span.selected{
	background:#daeeff;
}
.frm-cfm{
	margin-top:50px;
}
.frm-cfm span{
	display:block;width:100%;
}

.cm-btn{
	height:50px;line-height:50px;
	background:linear-gradient(to bottom, #53b2ff, #2c7eff);border-radius:6px;
	font-size:16px;color:#FFF;
	text-align:center;
	cursor:pointer;
}
.cm-btn.disabled{
	background:#e5e5e5;
	color:#000;
}

/******************************************** 空 ******************************************************/
.page-load{
	padding-top:180px;line-height:40px;
	font-size:16px;color:#666;
	text-align:center;
}
.loading::after {
	content: "";
	animation: dots 2s infinite steps(3, start);
}
@keyframes dots {
	33% {
		content: " .";
	}
	66% {
		content: " ..";
	}
	100% {
		content: " ...";
	}
}
.none{
	padding-top:180px;
	text-align:center;
}
.none img{
	height:200px;
}
.none p{
	margin-top:40px;line-height:40px;
	font-size:16px;color:#666;
}

/******************************************** 分页 ******************************************************/
.pagination {
	padding:60px 0 0;
    text-align:center;
}
.pagination span{
    display:inline-block;margin:0 10px;
	width:50px;height:50px;line-height:50px;
	background:#EEE;border-radius:6px;
	font-size:16px;color:#333;
	cursor:pointer;
}
.pagination span.first, .pagination span.last{
	width:120px;
}
.pagination span.current{
	background:#2095f3;
	color:#FFF;
}
.pagination em{
	display:inline-block;margin:0 5px;
	width:50px;height:50px;line-height:50px;
	font-size:16px;color:#333;
}
.pagination-more{
	display:none;
}