myvtm/addin/res/ManagerDesktop/css/ininPsd.css

@charset "utf-8";html{background-color:#fff;}
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,figure,form,fieldset,legend,input,textarea,button,p,blockquote,th,td,pre,xmp{margin:0;padding:0}
body,input,textarea,button,select,pre,xmp,tt,code,kbd,samp{line-height:1.5;font-family:'HYQiHei 55S',sans-serif}
h1,h2,h3,h4,h5,h6,small,big,input,textarea,button,select{font-size:100%;outline: none;}
h1,h2,h3,h4,h5,h6{font-family:'HYQiHei 65S',sans-serif}
h1,h2,h3,h4,h5,h6,b,strong{font-weight:normal}
address,cite,dfn,em,i,optgroup,var{font-style:normal}
table{border-collapse:collapse;border-spacing:0;text-align:left}
caption,th{text-align:inherit}
ul,ol,menu{list-style:none}
fieldset,img{border:0}
img,object,input,textarea,button,select{vertical-align:middle}
article,aside,footer,header,section,nav,figure,figcaption,hgroup,details,menu{display:block}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
blockquote:before,blockquote:after,q:before,q:after{content:"\0020"}
textarea{overflow:auto;resize:vertical}
input,textarea,button,select,a{outline:0 none;border: none;}
input::-webkit-input-placeholder{color: #ddd;}
button{cursor: pointer;background: transparent;}
button[disabled=true]{opacity: 0.6;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
mark{background-color:transparent}
a,ins,s,u,del{text-decoration:none}
p,small{word-wrap: break-word; word-break: break-all;}
sup,sub{vertical-align:baseline}
html {height: 100%;width:100%;-webkit-tap-highlight-color: transparent;touch-action: pan-x pan-y;}
body {font-family:'HYQiHei 55S',sans-serif;color:#000;-webkit-text-size-adjust: none;-webkit-font-smoothing:antialiased;}
hr {height: .02rem;margin: .1rem 0;border: medium none;border-top: .02rem solid #cacaca;}
a {color: #25a4bb;text-decoration: none;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
/* 隐藏 input[type="number"]箭头*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button
{
	-webkit-appearance: none;
}
input[type="number"]{
	-moz-appearance: textfield;
}

/*  */
/*************************************************up reset css*************************************************************************************************/

/* 字号适配*/
.fz_32{ font-size: 32px;}
.fz_28{ font-size: 28px;}
.fz_24{ font-size: 24px;}
.fz_23{ font-size: 23px;}


.initPsd{
	position: relative;
	/* width: 45%;
	margin: 30px auto; */
	background: #fff;
	border-radius: 12px;
	padding: 30px;
	color: #333333;
	/* box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.32); */
	overflow: hidden;
}
.initPsd h3{
	text-align: center;
	height: 60px;
	line-height: 60px;
}
.initPsd h5{
	height: 60px;
	line-height: 60px;
	padding:0px 30px;
	background-color: #f4f4f4;
}

.initPsd .config, .setting{
	margin-top: 30px;
	border-radius: 12px;
	border: 1px solid #e4e4e4;
}

.initPsd .rows{
	width: 100%;
	height: 60px;
	padding:0px 30px;
	line-height: 60px;
	font-size: 24px;
	display: flex;
	box-sizing: border-box;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #e4e4e4;

}

.initPsd button, .initPsd input{
	display: block;
	font-size: 24px;
}

.initPsd input{
	text-align: right;
}
.initPsd .btn{
	display: flex;
	justify-content: center;
}

.initPsd button{
	height: 56px;
	line-height: 56px;
	border-radius: 50px;
	padding: 0px 41px;
	margin: 15px 25px;
}
.btn-blue{
	border: 1px solid #527fff;
	color: #527fff;
}
.btn-gray{
	border: 1px solid #808080;

}

.config button{
	margin: 15px auto;
}

.modal-box{
	display: none;
}
.modal{
	width: 45%;
	background: #fff;
	border-radius: 12px;
	padding: 30px;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.32);
	position: absolute;
	top: 30%;
	left: 27%;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.coverBg{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	background: rgba(255, 255, 255, 0);
}
.modal p{
	line-height: 1.5;
}
.modal img{
	margin: 10px 0px 20px 0px;
}
.modal button{
	margin: 30px 0px 0px 0px;
}

@media screen and (max-device-width: 650px) {
	.fz_32{ font-size: 20px;}
	.fz_28{ font-size: 18px;}
	.fz_24{ font-size: 16px;}
	.fz_23{ font-size: 15px;}
	.initPsd {
		padding:10px 20px;
	}
	.initPsd .config, .setting {
		margin-top: 10px;
	}
	.initPsd h3 {
    height: 25px;
		line-height: 25px;
		padding: 0px 10px;
	}
	.initPsd h5 {
		height: 40px;
		line-height: 40px;
		padding: 0px 10px;
	}
	.initPsd .rows {
    height: 40px;
		line-height: 40px;
		padding: 0px 10px;
		font-size: 16px;
	}
	.initPsd button, .initPsd input {
    font-size: 16px;
	}
	.initPsd button {
    height: 36px;
    line-height: 36px;
		padding: 0px 25px;
		margin: 10px 15px;
	}

	.config button {
    margin: 10px auto;
	}
	.modal {
    width: 40%;
		padding: 20px;
		top:25%;
		z-index: 99;
}

} 


/**************************************** errPage *******************************/

nav{
	padding: 0px 40px;
	height: 120px;
	margin-bottom: 100px;
	display: flex;
	align-items: center;
}
nav ul{
	display: flex;
	width: 100%;
	margin-left: 40px;
	justify-content: space-around;
}
nav ul li{
	display: flex;
	align-items: center;
	border-radius: 50px;
	background: #fff;
	padding: 20px 25px;
	box-sizing: border-box;
	box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}
nav ul li::before{
	display: inline-table;
	width: 30px;
	height: 30px;
	margin-right: 10px;
	content: '';
}
nav ul li:nth-child(1)::before{
	background: url('../images/reset.png');
	background-size: cover;
}
nav ul li:nth-child(2)::before{
	background: url('../images/restart_a.png');
	background-size: cover;
}
nav ul li:nth-child(3)::before{
	background: url('../images/restart_c.png');
	background-size: cover;
}
nav ul li:nth-child(4)::before{
	background: url('../images/off.png');
	background-size: cover;
}
nav ul li:nth-child(5)::before{
	background: url('../images/min.png');
	background-size: cover;
}
.imgDiv{
	text-align: center;
}

.errPage p{
	text-align: center;
	margin: 8px 0px;
	max-height: 60px;
	overflow: auto;
	/* padding: 0 30px; */
	
}
.errPage .logo{
	width: 32%;
}

.errPage .coverBg {
    background: rgba(0, 0, 0, 0.5);
}
.errPage .modal{
	padding: 40px 30px;
	z-index: 99;
}
.errPage .modal h3{
	width: 100%;
	text-align: left;
	margin-bottom: 30px;
}
.errPage .btns{
	display: flex;
	width: 85%;
	justify-content: space-between;
}
.errPage .modal button{
	width: 200px;
	height: 45px;
	line-height: 45px;
	border-radius: 20px;
}
#RestartTxt{
	margin-bottom: 20px;
}



#SuspensionTxt{
	max-height: 200px;
	overflow-y: auto;
	overflow-x: hidden;
	margin-bottom: 15px;
	padding: 0 30px;
}
#PromptTxt{
	padding: 0 30px;
}
#PromptTxt::-webkit-scrollbar,
#errTips::-webkit-scrollbar{
	display: none;
}

@media screen and (min-device-width: 1920px) {
	
	.errPage .modal{
		width: 30%;
		left: 33%;
	}
	#SuspensionTxt{
		max-height: 100px;
	}

	}

/******************************* errPage *******************************/
.iframeDiv{
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.32);
}

.iframeDiv .initPsd {
	padding: 10px 30px;
}
.errPage .initPsd{
	width: 45%;
	position: fixed;
	top: 100px;
	left: 27%;
}

.exitTips{
	display: none;
}
.exitTips .box{
	width: 30%;
	height: 150px;
	line-height: 150px;
	border-radius: 6px;
	font-size: 18px;
	background-color: #f4f4f4;
	z-index: 9999;
	position: absolute;
	left: 35%;
	top: 50%;
	transform: translateY(-150px);
	text-align: center;
}

.terminal-time{
	display: flex;
	justify-content: center;
	margin-bottom: 20px;
}

#ErrTime{
	margin-left: 25px;
}

#resetPsd, #minimize{
	display: none;
}

@media screen and (max-width:1300px) {
	.errPage .logo{
		width: 30%;
	}
	nav ul li{
		padding: 15px 20px;
	}
	nav ul li::before {
    width: 25px;
    height: 25px;
	}
	.fz_24 {
    font-size: 20px;
	}
}