*{padding: 0;margin: 0; font-style: normal; list-style: none; font-size:1em; box-sizing: border-box; outline: none;}
body{font-size: 16px; color: #333; line-height: 2; max-width: 750px; font-family: 'Open Sans', 'Arial', sans-serif; margin: auto; min-height: 100vh; position: relative;}
img{max-width: 100%;}
a{ text-decoration: none; color: #0F57A2; }
a:hover, a.cur{color: red;}
table{width: 100%; border-collapse: collapse;}
input, select{background-color:transparent; -webkit-appearance: none; border-radius: 0; position: relative;}
select {  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="5" fill="black"><polygon points="0,0 10,0 5,5"/></svg>');
  background-repeat: no-repeat;
  background-position: right;
  background-size: 14px;
}
.fl{float: left;}
.fr{float: right}
.fc{float: none; clear: both;}
.fc:after{content: ""; display: block; clear: both;}
.dn{display: none;}
.ds{display: block;}
.tc{text-align: center;}
.tr{text-align: right;}
.tj{text-align: justify;}
.pr{position: relative;}
.ell {display: block; white-space: nowrap; text-overflow: ellipsis;	overflow: hidden;}
.red{color: #dc1d22;}
.submit{width: 5em; background-image: linear-gradient(to bottom, #F55359 ,#dc1d22) ; color: #fff; border: none; border-radius: 5px; line-height: 2;}

.title{text-align: center; padding: 1em; background-image: linear-gradient(to bottom, #f99, transparent 40%);}
.title:before{content:""; position: absolute; background: url(bg.png) no-repeat bottom; background-size: contain; left: 0; right: 0; top: 26%; padding: 30% 0; opacity: 0.3; z-index: -1;}
.title img{display: block; width:72%; margin: 8vh auto 3vh;}
.title h3{font-size: 1.5em; font-weight: 500; letter-spacing: 3px;}

.nav {margin-top: 36%; padding: 0 2.5%;}
.nav a{float: left; margin: 5%; width: 40%; border-radius: .5em; color: #777; box-shadow: 0 0 0.5em #ccc; padding: 1em; font-size: 1.5em; font-weight: bold; letter-spacing: 5px; background-color: #fff;}
.nav a:hover{color: #fff; background-image: linear-gradient(to bottom, #fff, #fdd, #F55359);}
.nav a i{display: block; width: 0; padding: 1.5em; margin: auto; background: url(icon.png) no-repeat; background-size: 200%;}
.nav i#query{background-position: top right;}
.nav i#auth{background-position: left 33%;}
.nav i#quot{background-position: right 33%;}
.nav i#team{background-position: left 66%;}
.nav i#worker{background-position: right 66%;}
.nav i#staff{background-position: left bottom;}
.nav i#edu{background-position: right bottom;}
.footer{ text-align: center; color: #777; font-size: 13px; margin: 3em 0 1em;}

.search{float: right; display: flex; font-size: 13px; border:1px solid crimson; margin: 2px; border-radius: 1em; overflow: hidden;}
.search > *{border:none; padding:5px 0.5em; max-width: 8em; height: 2em; line-height: 1;}
.search > button{ background-color: crimson; color: #fff; border: 0;}
.search > a{background-color: #3c3; color: #fff; padding: 0.5em;}

.form h3{font-size: 1.5em; padding: 1em 0.5em 0.25em;}
.form > ul{border-bottom: 1px solid #def; margin-bottom: 1em; padding: 0 15px;}
.form li{white-space: nowrap; line-height: 3; border-top: 1px solid #def; display: block; clear: both;}
.form li b{float: left; clear: left; margin-right: 1em; font-weight: normal;}
.form .required b:before{content: "*"; color: red; margin-left: -8px; position: absolute;}
.form li p{overflow: hidden; min-height: 2.5em;}
.form li p .input{width: 100%; padding: 5px; text-align: right; border: 0;}
.form li .input.ithalf{width: 36%; text-align: center;}
.form li .input:focus{border: 1px solid #29C153; border-radius: 5px;}
.form li span{display: block; cursor: default; overflow: hidden; text-align: right; color: #666;}
.form li span:after{content: ""; display: inline-block; width: 10px; height: 10px;
         border-style: solid; border-width: 1px 1px 0 0; border-color: #999; transform: rotate(45deg); margin: 0 5px;}
.form li span + i{display: none;}
.form li textarea.input{text-align: justify; min-height: 5.5em; vertical-align: top; resize: vertical; border: 1px solid #ddd; border-radius: 5px; font-size: 14px; line-height: 1.5; margin: 5px 0;}
.form li li li{border-top: none;}
.form .btn{display: block; margin: 1em 10%; width:80%; border: none; line-height: 2.5; background-color: #69f; color: #fff; border-radius: 1.5em;}
.form .btn:hover {cursor: pointer; opacity: 0.8;}
.form .subbtn{float: right; font-size: 14px; background-color: #29C153; color: #fff; padding: 0.25em 1em; margin-top: 1em; border: none; border-radius: 1em;} /*右侧新增按钮*/
.form .delbtn{ background-color: #c66;} /*报价方案删除按钮*/
.form .btn.btnhalf{display: inline-block; width: 40%; margin: 1em;}

.form .radio{text-align: right;}
.form .radio i{display:inline-block; padding: 0 1em; margin: 0.5em; border: 2px solid #e1e1e1; border-radius: 5px; line-height: 2.5;}
.form .radio input{display: none;}
.form .radio input:checked + i{border-color: #29C153; color: #29C153; background: no-repeat top right url("data:image/gif;base64,R0lGODlhFAAUAJEDAJfhq////ynBUwAAACH5BAEAAAMALAAAAAAUABQAAAI+lI+Zo30AxGBOhThpNSGYrDmA94HIGAnoAU7ntbJtOF7LTKcI7m587/gBFcLhrhiSIYlIYzNzfGqkUAnVVQAAOw=="); background-size: auto 50%;}
label.checkbox input{display: none;}
label.checkbox input + i{float: right; margin-top: 5px; padding: 0.5em; border: 1px solid #e1e1e1; border-radius: 50%; background-color: #fff;}
label.checkbox b{font-weight: normal;}
label.checkbox input:checked + i{ border-color: #198DFF; background-size: cover; background-image: url("data:image/gif;base64,R0lGODlhFAAUAJEAALTa/1yu/////xmN/yH5BAAAAAAALAAAAAAUABQAAAIwnI+py+0PIwoCSEOFuEPXC2iWFH6kFyjUeGRCqpSsC6vlSz+3xzp7/8gAOcSi8VIAADs=");}
label.checkbox input:checked + i + b{font-weight: bold; font-size: 1.2em; color: #dc1d22;}
label.input input, .form .gray input{width: 5em; border: 1px solid #29C153; border-radius: 3px; padding: 3px; text-align: center;}

.form .fold + li{display: none;}
.form li.folder span:after{ transform: rotate(315deg);}
.form li.folder.fold span:after{ transform: rotate(135deg);}
.form .gray{background-color: #eee; border-radius: .5em; white-space: normal; line-height: 1.67; text-align: justify; word-break: break-all; margin-bottom: 5px;}
.form .gray > div {margin: 10px;}
.form .gray th{padding: 5px; font-size: 1.15em; white-space: nowrap;}
.form .gray td{padding: 5px;}
.form .gray > p{padding: 10px;}
.form .gray p:not(:last-child){ border-bottom: 1px dotted #999;}
.empty{text-align: center; color: #777;}
.empty:before{content: ""; display: block; margin: 1em auto; width: 0; padding: 5em; background: url("empty.gif") center no-repeat; background-size: contain;}

#pop{position: fixed; left: 0; right: 0; bottom: 0;}
#pop:before{content:""; position: fixed; inset:0; background-color: #0009; z-index: -1;}
#pop > div{background-color: #fff; padding: .5em; border-radius: 1em 1em 0 0;}
#popdiv { max-height: 75vh; overflow: auto;}
#pop label{display: block; padding: 1em 0.5em 1em 3.5em; text-indent: -3em; border-bottom: 1px solid #def;}
#pop label input{float: right;}
.pophead a{cursor: default; padding: 0 1em; font-size: 1.5em;  color: #333;float: left;}
.pophead a:first-child{float: right;}
.pophead i{display: block; overflow: hidden; padding: 0.5em;}
.pophead input{text-align: center; padding: 0.5em; width: 100%; border: 1px solid #ddd; border-radius: 5px;}
#maskdiv{position: fixed; background-color: #0009; transition: all 0.5s; backdrop-filter:blur(3px); inset: 0px; z-index: 9999;}
.alert{position: fixed; background-color: rgb(255, 255, 255); bottom: -75vh; left: 33%; z-index: 10000; transition: bottom 0.5s; width: 34%; max-height: 75vh; padding: 2em; border-radius: 1em; box-sizing: border-box; overflow: auto; }
.alert h2{text-align: center; font-size: 2em;}
.alert p{margin-bottom: 1em;}
/*后台管理*/
.admintit{font-size: 1.25em; white-space: nowrap;}
.site{text-align: center;/* margin: auto; font-size: 1.15em; overflow-x: auto;*/position: fixed;top: 0;bottom: 0;left: 0; white-space: nowrap; background-image: linear-gradient(to bottom, #F55359 ,#dc1d22)}
.site a{display: block; padding: 0 .75em; color: #fff; line-height: 2.4;}
.site a:not(:last-child){ border-bottom: 1px dotted #fff9;}
.site a.cur{background-color: #fffc; color: #dc1d22;}

.table-scroll{max-width: 100%; overflow: auto; white-space: nowrap;}
.table th, .table td{border-bottom: 1px solid #d8e2e7; padding: 3px 5px;}
.table th{border-bottom-width: 2px; background-color: #f6f8fa;}
.table tr:nth-child(even){background-color: #fbfcfd;}

.pager {text-align: right;padding: 5px 15px;background-color: #f6f8fa;}
.pager .pageinfo{float: left;}
.pager b{color: red; margin: 0 0.5em;}
.pager a{cursor: pointer;}
.pager a.disable{opacity: 0.25; cursor: no-drop;}
.pager select{background-color: #fff; margin: 0 0.25em; border: none; line-height: 1;  padding: 0.2em 1em 0.2em .5em;}

/*图集上传*/
.pics p {display: inline-block;position: relative;margin: 5px;border: 1px solid #ddd;  border-radius: 6px; overflow: hidden;}
.pics a{position: absolute; background-color: rgba(0,0,0,0.5); top: 0; left: 0; white-space: nowrap; display: none; line-height: 1; padding: 5px; color: #fff; cursor: pointer;}
.pics a:nth-child(2n+1){right: 0; left: auto;}
.pics a:nth-child(4),.pics a:nth-child(5){bottom: 0; top: auto;}
.pics a:hover{color:#fff}
.pics p:hover a{display: block;} 
.upfile {display: inline-block; vertical-align: middle; width: 5em; height: 5em; background: url("upfile.gif") no-repeat center; border: 1px dashed #ccc; opacity: 0.5; margin-right: 5px;}
.upfile:hover{opacity: 1;} 
.upfile input{display: block; height: 100%; width: 100%; opacity: 0;}

#input-file span{display: inline-block; vertical-align: middle; width: 5em; height: 5em; position: relative; border: 1px dashed #ccc; margin-right: 5px;}
#input-file span > img{width: 40px; height: 40px; display: block; margin: 1em;}
#input-file span a{position: absolute; text-align: center; bottom: 0; background-color: rgba(0,0,0,0.5); width: 50%; opacity: 0; cursor: pointer;}
#input-file span a:last-child{right: 0;}
#input-file span:hover a{opacity: 1;} 

img.vimg{height: 5em; max-width: 280px; vertical-align: middle;}
label img{height:5em; vertical-align: middle;}
label input[type="file"] { display: none;/*
	opacity: 0;
	position: absolute;
	margin-top: -4em;
	height: 4em;
	width: 4em;*/
}

@media (max-width: 479px) {
    body{font-size:12px}
    .fl, .fr{float: none; display: block;}
    .adm .site {margin: 0;	position: fixed; left: 0; right: 0; top: 0;	background-color: #fff;	box-shadow: 0 0 0.5em; z-index: 2;}
    .adm .site ul, .adm .site h2, .header .top span{display: none;}
    .adm .site.act ul, .adm .site.act h2{display: block; clear: both;}
    .adm .home{margin-top: 4em;}
    span.fr{text-align: right;}
    .nav li{min-width: 3em;}
    .nav a{padding: 0.5em;}
    .search.quote, .search.scheme{float: none;}
    .search > *{max-width: 5em; font-size: 12px; padding: 5px; white-space: nowrap;}
    .alert{left:10%; width:80%; padding: 1.5em;}
}
@media (min-width: 820px) {.site a:after{content:"管理"}}