html,body { overflow: hidden;}

body, select, input, textarea { font-size: 13px; font-family:"Microsoft YaHei"; outline: none;}

a:link { -webkit-tap-highlight-color: #fcd700;}

ins { background-color: #fcd700; color: #000; text-decoration: none;}

.button a { font-size: 13px; padding: 5px 20px; margin:0px 10px; margin-left: 0px; border-radius: 3px; display: inline; cursor: pointer; white-space: nowrap;}
.button a:last-child { margin-right: 0px;}

/* ===================================== ifram ===================================== */

html,body { width: 100%; height: 100%; display: flex; flex-direction: column;}
#head { height: 55px; z-index: 1000;}
#body { flex: 1; position: relative;}
#menu { width: 188px; overflow-y:auto; height: 100%; position: absolute; left: 0; top: 0;}
#menu::-webkit-scrollbar {width: 5px; height: 5px;}
#menu::-webkit-scrollbar-thumb { background:rgba(255, 255, 255, .8); border-radius: 5px;}
#menu::-webkit-scrollbar-track { background:rgba(0, 0, 0, .2); border-radius: 5px;}
#main { overflow-y: auto; height: 100%; position: absolute; left: 188px; top: 0; right: 0; padding: 20px;}
#main::-webkit-scrollbar {width: 5px; height: 5px;}
#main::-webkit-scrollbar-thumb { background:rgba(0, 0, 0, .2); border-radius: 5px;}
#main::-webkit-scrollbar-track { background:rgba(0, 0, 0, 0); border-radius: 5px;}
#tool { width: 298px; position: relative;}

/* ===================================== login ===================================== */

#login { width: 356px; height: 260px; margin: -130px 0px 0px -178px; position: absolute; left: 50%; top: 50%;}

#login .logo { font-size: 22px; font-weight: 100;}
#login .logo sup { font-size: 10px; vertical-align: 10px; padding: 0px 5px; margin-left: 10px;}

#login input { width: 100%; font-size: 13px; line-height: 45px; margin-top: 10px; display: block; outline: none;}
#login input.textbox { text-indent: 10px;}
#login input.submit { text-align: center;}

/* ===================================== head ===================================== */

#head .logo { font-size: 22px; font-weight: 100; padding: 0px 0px 0px 20px; float: left;}
#head .logo sup { font-size: 10px; vertical-align: 10px; padding: 0px 5px; margin-left: 10px;}

#head .account { float: right;}
#head .account a { color: #FFF;}
#head .account .image { width: 45px; padding-top: 10px; padding-right: 10px; float: left; }
#head .account .info { padding-top: 8px; padding-right: 10px; float: left;}
#head .account .info .type { font-size: 12px; background: #FFF; padding: 0px 3px; display: inline-block;}
#head .account .tool { padding-top: 26px; float: left;}
#head .account .tool a { padding: 0px 30px; display: inline-block;}
#head .account .tool a:last-child { border-left: rgba(255, 255, 255, 0.3) solid 1px;}

/* ===================================== body ===================================== */

#menu .name { line-height: 50px; padding-left: 20px; cursor: pointer;}
#menu .name::after {content: ' '; width: 45px; height: 45px; display:block; float: right;}
#menu .name i { font-size: 13px; vertical-align: middle; padding-right: 10px;}
#menu .next { max-height: 0px; overflow: hidden;}
#menu .next a { line-height: 50px; padding-left: 43px; display: block;}
#menu .item.on .next { max-height:1000px;}

#main .nav { height: 40px; font-size: 0px; line-height: 38px; margin-bottom: 16px;}
#main .nav li { font-size: 13px; display: inline-block;}
#main .nav li a { line-height: 38px; margin: 0px 30px 0px 5px; display: inline-block; position: relative;}
#main .nav li:first-child a { margin-left: 20px;}
#main .nav li a:before, #main .nav li a:after { width: 0px; height: 0px; content: ""; border-style: solid; border-width: 20px 10px; position: absolute; top: -1px;}
#main .nav li a:before { border-color: transparent transparent transparent #E7E7EB; right: -30px;}
#main .nav li a:after { border-color: transparent transparent transparent #FFF; right: -29px;}

#main .tab { height: 40px; font-size: 0px; line-height: 38px; margin-bottom: 16px;}
#main .tab li { font-size: 13px; padding: 0px 20px; display: inline-block;}

#main .plan .tab { margin-bottom: 0px;}
#main .plan .tab a { line-height: 39px;}

/* 提示信息 */
#main .info { font-size: 13px; line-height: 29px; padding: 10px; margin-bottom: 16px;}
#main .info .button { float: right;}

#main .info .button { font-size: 0px;}
#main .info .button li { display: inline;}
#main .info .button a { font-size: 13px; vertical-align: middle; padding: 5px 20px; margin-left: 10px;}
#main .plan .info { margin-bottom: 0px;}

#main .info .button.button-input a { border-radius: 0px 3px 3px 0px;}
#main .info .button.button-input input { border-radius: 3px 0px 0px 3px; border: #44b549 solid 1px; height: 24px; border-right: 0px; width: 100px; padding:1px 10px;}

/* 统计块状结构 */
#main .block { font-size: 0px; text-align: justify; padding-bottom: 16px; overflow: hidden;}
#main .block:after { width: 100%; font-size: 0px; display: inline-block; overflow: hidden; content: ".";}

#main .block .group { width: 66%; display: inline-block;}
#main .block .group:hover span { border-left-color: transparent;}
#main .block .group li { width: 50%; float: left;}
#main .block .group a { text-align: center; padding: 26px 0px; display: block;}
#main .block .group a span { display: block;}
#main .block .group li:first-child a span { border-left: 0px;}
#main .block .group a i { font-size: 40px;}
#main .block .group a em { font-size: 35px; font-style: normal;}
#main .block .group a strong { font-size: 16px; text-align: center; font-weight: normal; display: block;}

#main .block .item { width: 32.2%; vertical-align: top; display: inline-block;}
#main .block .item a { text-align: center; padding: 26px 0px; display: block;}
#main .block .item a i { font-size: 40px;}
#main .block .item a em { font-size: 35px; font-style: normal;}
#main .block .item a strong { font-size: 16px; text-align: center; font-weight: normal; display: block;}

/* 图标块状结构 */
#main .block-icon { font-size: 0px; text-align: justify; overflow: hidden;}
#main .block-icon:after { width: 100%; font-size: 0px; display: inline-block; overflow: hidden; content: ".";}

#main .block-icon .item { width: 32.2%; vertical-align: top; padding-bottom: 16px; display: inline-block;}
#main .block-icon .item a { height: 94px; font-size: 12px; padding-left: 94px; display: block; position: relative;}
#main .block-icon .item a i { width: 94px; height: 94px; font-size: 50px; text-align: center; line-height: 94px; position: absolute; left: -1px; top: -1px;}
#main .block-icon .item a strong { padding: 10px; padding-bottom: 5px; display: block;}
#main .block-icon .item a span { padding: 10px; padding-top: 0px; display: block;}

/* 部分分割 */			
#main .plan { margin-bottom: 16px;}
#main .plan:last-child { margin-bottom: 0px;}

/* 文字列表 */	
#main .plan .title { padding: 0px 20px;}

#main .plan .list-text li { position: relative;}
#main .plan .list-text li a { padding-left: 20px; display: block;}
#main .plan .list-text li a strong { width: 52em; font-weight: normal; text-overflow: ellipsis; white-space: nowrap; display: block; overflow: hidden;}
#main .plan .list-text li a span { position: absolute; right: 20px; top: 0px;}

/* 图片列表 */
#main .plan .list-image { zoom: 1; padding-bottom: 13px;}
#main .plan .list-image:before, #main .plan .list-image:after { height: 0; content: "\0020"; display: block; overflow: hidden;}
#main .plan .list-image:after { clear: both;}
#main .plan .list-image li { width: 300px; padding: 5px; padding-bottom: 0px; margin-left: 13px; margin-top: 13px; position: relative; float: left;}
#main .plan .list-image li img { width: 100%; display: block;}
#main .plan .list-image li .button { text-align: right; display: block;}
#main .plan .list-image li .thumb { width: 100%; height: 160px; display: block; position: relative; overflow: hidden;}
#main .plan .list-image li .thumb span {line-height: 30px; padding: 0px 10px; position: absolute; right: 0px; top: 10px; }

/*文件列表*/
#main .plan .list-file { line-height: 0px; padding: 5px;}
#main .plan .list-file li { width: 25%; display: inline-block;}
#main .plan .list-file li a { margin: 5px; display: block; position: relative; z-index:1;}
#main .plan .list-file li .name { width: 150px; font-size: 15px; position: absolute; top: 40px;}
#main .plan .list-file li .details { width: 55px; font-size: 13px; position: absolute; top: 70px;}

/* 多列列表 */			
#main .plan .list-data { width: 100%;}

#main .plan .list-data td { height: 50px; line-height: normal; vertical-align: middle; padding: 10px;}
#main .plan .list-data td .text-overflow { width: 270px; text-overflow: ellipsis; white-space: nowrap; display: block; overflow: hidden;}
#main .plan .list-data td.text-center, #main .plan .list-data tr.text-center td { text-align: center;}
#main .plan .list-data td.text-right, #main .plan .list-data tr.text-right td { text-align: right;}

#main .plan .list-data td.button { width: 100px; text-align: center; font-size: 0px; white-space: nowrap;}
#main .plan .list-data td.button.text-left { text-align: left;}

#main .plan .list-data td label { margin-right: 10px; padding-left: 5px; line-height: 30px;}
#main .plan .list-data td input[type="checkbox"] { width: 18px; height: 18px;}
#main .plan .list-data td input[type="text"], 
#main .plan .list-data td input[type="password"], 
#main .plan .list-data td select { width: 100%; height: 40px; text-indent: 10px;}
#main .plan .list-data td select { text-indent: 6px;}
#main .plan .list-data td textarea { width: 100%; box-sizing: border-box; resize: none; height: 700px;}
#main .plan .list-data td textarea.area { width: 100%; height: 200px; min-height: auto; padding: 10px; display: block;}

.webuploader-pick { background:none; color: #333; height: 100%; display: block; padding: 0px;}
#main .plan .list-data td .upload { width: 100%; display: block; position: relative;}
#main .plan .list-data td .upload .list { height: 40px; line-height: 40px; text-indent: 10px; display: block;}
#main .plan .list-data td .upload .browse { width: 100px; height: 38px;  text-align: center;line-height: 38px; position: absolute; right: 1px; top: 1px;}
#main .plan .list-data td .item { padding: 2px 12px; margin-right: 5px;}

/* 分页样式 */	
#main .pagination { font-size: 0; text-align: right; padding-bottom: 16px;}
#main .pagination li { display: inline-block; border: #efefef solid 1px; border-right: 0;}
#main .pagination li:last-child { border-right: #efefef solid 1px;}
#main .pagination li a,#main .pagination li span { display: block; text-align: center; width: 40px; height: 40px; line-height: 40px; font-size: 13px;}
#main .pagination .active { background: #efefef;}

/* 工具部分 */
#tool .switch { padding: 11px; box-shadow: rgba(0,0,0,.1) -4px 0px 3px; border-radius: 3px 0px 0px 3px; display: none; position:absolute; left: -46px; bottom: 30px; cursor: pointer;}

.laydate_box { box-sizing: content-box;}
.laydate_body .laydate_bottom { display: none;}
.laydate_table { margin: 5px!important;}

@media screen and (max-width: 1366px) {
	#main { margin: 0px;}
	#tool { position: absolute; top: 55px; bottom: 0px; right: -300px; z-index: 1000;}
	#tool .switch { display: block;}
	#tool.show { right: 0px;}
}

/*
@media screen and (max-width: 800px){
	#menu { left: -200px;}
	#main { left: 0;}
}
*/

/* 百度地图 */
#map { height: 300px;}
#map img { max-width: none;}

.list-oper { display: flex; padding: 10px;}
.list-oper img,.list-oper video { max-height: 220px; max-width: 100%;}
.list-oper video { object-fit: cover; width: 100%; height: 220px;}
.list-oper .item { flex: 1; overflow: hidden; align-items: center; justify-content: center; display: flex; background: #333; margin-right: 1px;}

.pay-alert{ position: fixed; left:0; right:0; bottom:0; top:0; background: rgba(0,0,0,.8); z-index: 1000; visibility: hidden; display: flex;}
.pay-alert.on { align-items: center; justify-content: center; visibility: visible;}
.pay-alert .code { background: #FFF; padding: 20px; width:800px; display: flex;}
.pay-alert .code .show { width: 200px; position: relative;}
.pay-alert .code .show img { min-height: 100%;}
.pay-alert .code .text { flex: 1; padding-left: 20px; line-height: 30px;}
.pay-alert .code .text .h1 { font-size: 18px; font-weight: bold; padding-bottom: 10px;}
.pay-alert .code .text .h1 span { font-size: 18px; font-weight: bold;}
.pay-alert .code .btns { text-align: right; padding-top: 20px;}
.pay-alert .code .btns a { padding: 5px 20px; background: #4EBF53; color: #FFF; cursor: pointer; border-radius: 5px; margin-left: 20px;}
.pay-alert .code .btns a.red { background: #B00;}
#imgAdd.show span { position: absolute; left: 0; bottom: 20px; text-align: center; width: 100%; font-weight: bold;}

.selectivity-error { display: none !important;}

.plan td .sort { display: block; cursor: pointer;}
.plan td .sort .item { display: none;}
#main .plan .list-data td .sort .item.on{ display: block; color: #333; background:none;}