body{background-color: #EFEFEF;}
section{position:absolute;}
.light{ color:red;}
.gray { color:#999;}
.a:hover{text-decoration: underline;}
.y{position:absolute;right:0;}
.cc{display:flex;justify-content:center;align-items:center;}

.modal-form-option li{height:22px;padding-left:6px;}
.modal-form-option li>i, .modal-form-option li>b, .modal-form-option li>p{font-weight:normal;font-style:normal;font-family:Consolas;height:100%;display:inline-block;margin-right:6px;display:flex;align-items:center;}
.modal-form-option li>i{width:50px;}
.modal-form-option li>b{width:25px;}
.modal-form-option li>p{width:100px;}
.modal-form-option .tree-name b{font-weight:normal;width:25px;display:inline-block}
/*.modal-form-value{padding:0;}*/
/*.modal-form-radio {padding-right: 10px; }*/
 
.svg {position:absolute;padding:0;margin:0;font-size:12px;}
.svg svg{position:absolute;top:0}
.svg var, .svg b{font-style:normal;position:absolute;z-index:1;padding:0 10px;border:1px solid transparent; white-space: nowrap; min-width:10px;min-height:16px;outline:none;display:flex;justify-content:center;align-items:center;overflow:hidden;font-family:'Microsoft YaHei',SimSun;-webkit-user-modify:reat-write-plaintext-only;}
.svg var:focus, .svg .focus{background:#666!important;color:#FFF;border-color: #666;}
.svg>cite{font-weight:normal;z-index:1;position:absolute;width:0;height:0;padding:0;margin:0;}
.svg>cite>var{transform:translate(-50%, calc(-50% - 1px));}
.svg>var{transform:translate(-50%, calc(-50% - 1px));}
.svg var.sub{font-size:9px!important;}
/***.svg var:empty{background-color: rgba(0, 0, 0, 0.05);}***/
/***.svg var:empty:focus{background:#666;color:#FFF;border-color: #666;}***/
.svg b{transform:translate(-50%, calc(-50% - 1px));font-weight:normal;position:absolute;z-index:1;padding:0;white-space: nowrap; min-width:10px;outline:none;display:flex;justify-content:center;align-items:center;overflow:hidden;font-family:'Microsoft YaHei',SimSun;}

.nosomsg{text-align: center;font-size: 16px; color: #F60; margin-top: 100px;width:680px;}

.root{background: #EFEFEF;box-sizing: border-box;min-height: 100%;position: relative;padding-top:1px; padding-bottom: 110px;}

.headerbar{position: fixed;z-index:9999;background-color: #FFF;height:48px;font-size:15px;right:0;left: 0;top: 0;box-shadow: 0px 1px 3px rgba(0,0,0,0.1); border-bottom: 1px solid rgba(0,0,0,.1);}
	.header{position:relative; width:1200px; margin:0 auto;display:flex;}
		.brand{line-height: 48px;padding-right:80px;padding-left:10px;color:#333333;display: block;} 
		.brand b{color:#E60;font-size:20px;font-weight: 800;} 
		.brand b:hover{color:#EB5424;}
		.brand sub{font-size:12px;}
		
		.navs{position: absolute;display:flex;left:240px;}
			.navs .nav-subject{position: absolute;display: none; background-color: #FFF;height: 48px;line-height: 48px;left: 0;width: 680px;padding-left: 15px;font-size: 16px;}
			.navs .nav-group{display:flex;}
			.navs .nav-item{margin-right:2px;text-align: center;}
			.navs .nav-link{padding:0 12px;height:48px;line-height:48px;text-align: center;box-sizing:border-box;font-size:15px;color:#404040;min-width:60px;display:inline-block;}
			.navs .nav-link:hover, .navs .nav-item.active .nav-link{border-bottom: 3px solid #F60;color: #F60;}
			.navs.subject .nav-subject{display: block;}
			.navs.subject .nav-group{display: none;}
			
		.uinfo{position: absolute;right:0;top:0;height:48px;display:flex;}
				.uinfo-item{display:inline-block;height:48px;line-height:48px;font-size:14px;min-width:16px;margin-left:10px;margin-right:10px;}
				.uinfo-item.active a{color: #F60;}
				.uinfo-item:last-child{margin-right:0;}
				.uinfo-item img{vertical-align: middle;}
				.uinfo>em{color: gray;padding: 0 5px;height:48px;line-height:48px;}
				.uinfo-avatar{padding-left:30px;}
				.uinfo-avatar img{height: 32px;width: 32px;}
				.uinfo-avatar:hover .user-menu{display:flex;}
					.user-menu{position:absolute;z-index:99999;background-color:#FFF;top:48px;right:0;width:124px;display:none;flex-direction: column;border-bottom: 1px solid rgba(0,0,0,.15);border-left: 1px solid rgba(0,0,0,.15);border-right: 1px solid rgba(0,0,0,.15);}
					.user-menu>a{color:#404040;height:32px;line-height:32px;font-size:14px;width:124px;padding-left:15px;box-sizing:border-box;}
					.user-menu>a:hover{color:#000;background-color:#F2F2F2;}
					.user-info{color:#404040;height:20px;line-height:20px;font-size:12px;text-align:center; border-bottom: 1px solid rgba(0,0,0,.25);}
					.user-info>center{-webkit-transform-origin-x: 0;-webkit-transform: scale(0.95);}
					.uinfo-item .iconfont{position:relative;margin-right:5px;color:#404040;cursor: pointer;font-size:16px;}
					.uinfo-item>a>.iconfont{font-size:18px;}

.searchbar{position:relative;width:1200px;margin:0 auto;margin-top:80px;padding-bottom:150px;z-index:98;}
	.search{position:fixed;top:69px;height:140px;margin-top:2px;width:1200px;background-color:#FFF;border-bottom:2px solid #EDEDED;behavior:smooth;}
		.somark{margin-left:10px;max-width:320px;height:124px;text-overflow:ellipsis;overflow:hidden;white-space: nowrap;display:flex;align-items:center;}
			.somark>H1{font-size:14px;}
		.soform {position:absolute;left: 285px; width:600px;top:40px;padding-left:10px;display:flex;align-items:center;}
			.sofield{display:flex;}
			.sofield .iconfont{position:absolute;font-size:20px;left:12px;top:9px;}
			.sofield .sobtn{position:absolute;border:none;height:42px;cursor:pointer;box-shadow:none;color:#FFF;font-size:15px;padding-left:42px;padding-right:20px;border-radius:0;right:0;}

			.soselect{position:absolute;left:0;top:0;right:90px;border-style:solid;border-width:2px;border-color:#AEB4BA #CED4DA #CED4DA #AEB4BA;box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);background-color:#FFF;}
				.soselect .sotext{height:38px;padding-left:10px;padding-right:10px;margin-bottom:0;font-size:15px;border:0;box-shadow:none;border-radius:0;box-shadow:none;transition:none;color:#767676;font-size:18px;}
				.soselect.active{border-color:#5cb85c;}
				.soselect .gray{color:#000;}

				
				.sosug {position:relative;z-index:100;}
				.sosug li{padding-left:15px;height:30px;display:flex;align-items:center;}
				.sosug li:hover{color:#000;background-color:#F2F2F2;cursor:pointer;}
				.sosug li:first-child{border-top:1px solid #CED4DA;}
				.sosug li.active{background-color:#F2F2F2;}
				
			.sonav {position:absolute;display:flex;top:50px;left:2px;color:#555;}
				.sonav li{margin:2px 11px 0 0;display:flex;align-items:center;border-bottom:1px solid #FFF;font-size:15px;hite-space: nowrap;}
				.sonav li>span{white-space: nowrap;}
				.sonav li a{color:#666;white-space: nowrap;}
				.sonav li a:hover{color:#008000;}
				.sonav li:hover{color:#008000;cursor:pointer;border-bottom-color:#333;}
				/*.sonav li.active{background-color:#F2F2F2;}*/
				
		.sowx{position:absolute;top:3px;right:10px;width:80px;height:97px;}
		.sowx img{width:100%;}
		.sowx em{position:absolute;font-style:normal;bottom:2px;left:0;width:80px;text-align:center;color:#F60;font-size:11px;}

	.mobi .somark{display:none;}
	.mobi .soform{left:1em;width:420px;}

.content{position:relative; width:1200px; margin:0 auto; position:relative;display:flex;background-color:#FFFFFF;}
	.leftbar{position:relative;width:230px;min-height:800px;background-color: #F9F9FA;display:flex;flex-direction:column;}
		.subnav	{border:1px solid #5cb85c;margin-bottom:10px;}
		.subnav .sntit{text-align: center;height:34px;line-height:34px;background: #5cb85c;color:#FFF;font-weight:bold;font-size:14px;}
			.snct li{height:32px;line-height:32px;font-size: 15px;list-style:square inside;padding-left:8px;padding-right:8px;position:relative;cursor:default;}
			.snct li a{color:#333;}
			.snct li a:nth-child(2){float:right;}
			.snct li a:hover{color: #E60}

			 /***导航***/
			.snct li:hover{background-color:#DEDEDE;}
			.snct li>dt{position:absolute;top:0;left:20px;}
			.snct li>dd{position:absolute;top:1px;right:5px;font-size:12px;color:#555;}
			.snct li>dt:hover{cursor:pointer;color:#E60;}
			.snct li.active{background-color: #E6E7E9;}

		.logs{background: #FFF;background-color: #F9F9FA;border:1px solid #5cb85c;margin-bottom:15px;min-height:200px;width:228px;}	
			/**.logs .logtit{text-align: center;height:34px;line-height:34px;background: #5cb85c;color:#FFF;font-weight:bold; font-size: 14px;}**/
			.logs .logtit{font-weight:bold; font-size: 12px;text-indent:10px;}
			.logs li{overflow: hidden; white-space:nowrap;text-overflow: ellipsis;padding:1px 10px;}
			.logs li a{font-size: 12px;color:#333;margin-left:5px;}
			.logs li a:hover{text-decoration: underline;color:#F60;}
			.logs li::before{ content: "»"; font-size: 12px;}
			
		.mlogs{position:absolute; background: #FFF;bottom:0;left:242px;z-index:100;width:704px;}	
			.mlogs .logtit{font-size: 12px;border-bottom:1px solid #CCC;text-indent:1em;margin-bottom:2px;padding-bottom:2px;}
			.mlogs li{overflow: hidden; white-space:nowrap;text-overflow: ellipsis;display:inline-block;width:175px;}
			.mlogs li a{font-size: 12px;color:#333;margin-left:5px;}
			.mlogs li a:hover{text-decoration: underline;color:#F60;}
			.mlogs li::before{ content: "»"; font-size: 12px;}
			
			
	.sidebar{position:relative;width:240px;min-height:800px;background-color: #F9F9FA;display:flex;flex-direction:column;}
			.data{padding-bottom:10px;}
			.datatit{text-align: center;height:32px;line-height:32px;background: #5cb85c;color:#FFF;font-weight:bold; font-size: 14px;border:1px solid #5cb85c;}
			.dataview {border:1px solid #5cb85c;background-color: #F9F9FA;}
				.dataview .table {width:100%;}
				.dataview .table th, .dataview .table td{position:relative;outline: none; font-size:13px;border-bottom:1px solid #E2E2E2;border-right:1px solid #E2E2E2;font-family: Consolas, 'Microsoft YaHei', SimSun;}
				.dataview .table tr>td:last-child{border-right:none;}
				.dataview .table tr:last-child>td{border-bottom:none;}
				.dataview .table var{font-style:normal;position:absolute;z-index:2; left:-1px;top:-1px;right:-1px;bottom:-1px;display:flex;align-items:center;justify-content:center; padding:0 5px;font-weight:normal;font-style: normal;outline:none;}
				.dataview .table var:focus, .table var.focus{background-color:#666666;;color:#FFF;}
				.dataview .table sub{font-size:9px!important;}
				.dataview .table .tip{position:absolute;right:-1px;top:-1px;bottom:-1px;}
				.dataview .table .tip .triangle{position:absolute;left:-6px;width: 0;height: 0;border-left: 6px solid transparent;border-top: 6px solid red;}
				.dataview .table .tip .tipt{position:absolute;display: none;position:absolute;box-sizing:border-box;padding:0 5px;top:0px;bottom:0;border:1px solid #5cb85c;background-color: #FDFFDF;white-space: nowrap;}				
				.dataview .table th:hover .tipt{display: block;}

			.dataview .big th, .dataview .big td{height:22px;}
			.dataview .mid th, .dataview .mid td{height:20px;}
			.dataview .sml th, .dataview .sml td{height:18px;}
			
			.cellselect{position:absolute;right:-2px;left:-1px;top:-1px;display: none;border:1px solid #5cb85c;z-index:1;padding-top:24px;background-color:#E2E2E2;}
			.cellselect li{height:26px;cursor:default;display:flex;align-items:center;padding:0 8px;}
			.cellselect li:first-child{border-top:1px solid #5cb85c;}
			.cellselect li:hover{background-color:#999;color:#FFF;}
			.dataview .table th:hover .cellselect{display: block;z-index:3;}
			.dataview .table th:hover var{z-index:4;}

	.main{position:relative;margin-left:13px;margin-right:13px;}
		.mntit{border-bottom:1px solid #E2E2E2;height: 34px;line-height: 34px;}
			.counter{position:absolute;top:2px;color: #FF6100;max-width:406px;height: 34px;overflow:hidden; text-overflow:ellipsis;white-space: nowrap;}
			.plotbar{position:absolute;display:flex;right:0;top:5px;z-index:90;}
			.plotbar .btn{margin-left: 10px; padding: 2px 10px;}
			.plotbar .iconfont{font-size:12px;padding-right:3px;}
			
	.main.mid{width:704px;}
	.main.wid{width:940px;}
	
	.cxhelp{padding-top:10px;font-family:Consolas;font-size:13px;width:940px;}
		.cxhelp dt{padding-top:15px;padding-bottom:2px;font-weight:bold;}
		.cxhelp dt>b{font-style:normal;color:#F60;border-bottom:1px solid transparent;}
		.cxhelp dt>b:hover{color:#E60;border-bottom-color:#777;cursor:pointer;}
		.cxhelp dd{padding:3px 1em;}
		.cxhelp dd>em{margin-right:26px;border-bottom:1px solid #CCC;color:#444;font-style:normal;cursor:pointer;}
		.cxhelp dd>em:hover{color:#E60;border-bottom-color:#777;}
		.cxmsg{color: #F60;width: 100%;text-align: center;font-size: 16px; font-weight: bold;padding:0.5em 0 1.0em;}
		
 	.cxlic{margin-top:20px;padding-top:8px;padding-bottom:5px;font-size:12px;border-top:1px dashed #CCC;}
  	.friends{margin-top:4px;padding-top:5px;padding-bottom:10px;border-top:1px solid #999;font-size:12px;}
		.friends dt{font-weight:bold;}
		.friends dd{min-width:80px;display:inline-block;margin-right:5px;}
 
	.previmg{max-width: 950px;margin-top:6px;}

	.vtable {position:relative;margin-right:16px;margin-top:10px;font-family: 'Microsoft YaHei', SimSun;font-size:14px;}
		.tablehead{position:fixed;z-index:1; top: 236px;}
		.tablehead .height0 td{height:0!important;border:0;font-size:0;}
		.vtable{padding-top:33px;}
		.vtable .table{width:940px;}		
		.vtable tr:first-child>td, .vtable tr:first-child>th{border-top:1px solid #5cb85c;}
		.vtable tr:last-child>td, .vtable tr:last-child>th{border-bottom:1px solid #5cb85c;}
		.vtable tr>td:last-child, .vtable tr>th:last-child{border-right:1px solid #5cb85c;}
		.vtable tr>td:first-child, .vtable tr>th:first-child{border-left:1px solid #5cb85c;}		
		.vtable thead td, .vtable thead th{font-weight:normal;height:32px;color:#333;}
		.vtable td, .vtable th{font-weight:normal;height:26px;color:#333;border-right:1px solid #DEDEDE;border-bottom:1px solid #DEDEDE;}
		.vtable tbody td:hover, .vtable tbody th:hover{color:#FF0000;}
		.vtable tbody tr:hover{background-color:#F5F5F5;}

		.schtable thead tr:last-child{font-size:12px;}
		.schtable tbody th{height:48px;font-size:14px;text-align:center;padding:0;}
		.schtable dt,.schtable dd{width:100%;height:24px;display: flex; justify-content:center; align-items:center;}
		.schtable dd{border-top:1px dashed #CCC;}
		.schtable tbody th:hover{background-color:#E2E2E2;}
		.schtable tbody tr:hover>th{border-bottom-color:#5cb85c;}
		
		.aschtable tbody th{height: 32px;}

		.schtable tr>th:nth-child(3),
		.schtable tr>th:nth-child(7),
		.schtable tr>th:nth-child(13){border-right:1px solid #5cb85c;}


		.htable thead th,
		.htable tr>th:nth-child(1),
		.htable tr>th:nth-child(3),
		.htable tr>th:nth-child(5),
		.htable tr>th:nth-child(8),
		.htable tr>th:nth-child(11),
	.htable tr>th:nth-child(13){border-right:1px solid #5cb85c;}
		
	.jisuan {min-height:600px;}	
		.jsbar{position:absolute;right:380px;top:47px;white-space: nowrap;}
		.jsbar label{margin-right:16px;}
		.jsbar label>input{margin-right:6px;}
		.jsview{position:relative;width:560px;min-height:480px;margin-top:60px;margin-left:10px;}
			.jsimg{user-select: none;pointer-events: none;}		
			.jstext{position:absolute;left:0;top:20px;}
				.jsvar{position:absolute;left:0;top:0;}
				.jsvar var{min-width:30px;padding:0;}
				.jsvar .light{background-color:#5cb85c;color:#FFF;}
		.jsform {position:absolute;width:320px;top:40px;right:0;border-left:1px dashed #CCC;padding-left:36px;padding-bottom:20px;}
		.jsform dl{display:flex;padding:4px 0;display: flex;align-items:center;}
		.jsform dl>dt{width:80px;position:relative;margin-right:20px;}
		.jsform dl>dt>b{position:absolute;right:0;top:2px;font-weight:normal;}
		.jsform dl>dd{width:162px;display:flex;}
		.jsform dl>dd>input{width:162px;display:flex;height:30px;}
		.jsform dl>em{font-style:normal;padding-left:10px;}
		.jsform input[readonly]{background-color:#F6F6F6;}
		.jsform .il{border-top-right-radius:0;border-bottom-right-radius:0;width:50%;}
		.jsform .ir{border-top-left-radius:0;border-bottom-left-radius:0;width:50%;}
			.jsform dl:first-child{margin-bottom:8px;}
			.jsform label{width:60px;height:30px;display: flex;align-items:center;margin-right:5px;}
			.jsform label>input{margin-right:5px;}

		.jsform .modal-form-select {font-family:Consolas;}			
		.jsform .modal-form-select:focus .modal-form-option{display:block;}
		.jsform .modal-form-select em{width:60px;font-style:normal;}

.footer{position:absolute;height:90px;width:100%;background:#DEDEDE;bottom: 0;display:flex;justify-content:center;align-items:center;}

.paper {position:absolute;top:205px;left:max(210px, 50% - 360px);z-index:80;box-sizing: border-box;} /*170, 240*/

	.canvas{position:absolute;left:0;top:0;display:none;}
		.canvas img{order:0; user-select: none; pointer-events: none;}
		.outerborder{position:absolute;box-sizing: border-box;border:1px solid #000;user-select:none;background-color:#FFF;}
		.interborder{position:absolute;box-sizing: border-box;left:92px;top:18px;right:18px;bottom:18px;border:2px solid #000;overflow:hidden; text-overflow:ellipsis;}
	
	.drawing{position:absolute;top:0;left:30px;right:0;width:680px;}
		.drawwidget{position:absolute;}
		.drawmain{position:absolute;}
		
		.drawbtl {position:absolute;left:0px;bottom:1px;width:100%;height:120px;font-size:12px;}
		.drawbtl .vbanner{display:flex;justify-content:center;align-items:center;width:180px;height:120px;}
		.drawbtl .vbanner img{max-width:180px;max-height:120px;}		
		.drawbtl .hbanner{display:flex;justify-content:center;align-items:center;width:500px;height:120px;}
		.drawbtl .hbanner img{max-width:500px;max-height:120px;}
		.drawmxb{ position:absolute;right:0;bottom:160px;width:680px;font-size:12px;}
		.drawmask{display:none; width:0;height:0;}
		.drawmxb var, .drawbtl var{background:#E2E2E2;}
		.drawurl {position:absolute;bottom:0;left:48px;height:0; width:0;}
		.ploturl {position:absolute;transform-origin: 0 0;transform: rotate(-90deg);bottom:0;left:0;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;max-width:1050px;display:flex;flex-direction:column;}
		.ploturl>li>span{margin-right:1em;}
		
		.btlmat{position:absolute;left:646px;bottom:59px;width:145px;border:1px solid #000;background-color:#FFF;z-index:900;}
		.btlmat li{padding:5px 10px;overflow:hidden;}
		.btlmat li:hover{background-color:#DEDEDE;}
		
		.btlGoto{position:absolute;font-size:16px;z-index:901;top:10px;left:292px;}
		.btlGoto a{color:#F60;}
		.btlGoto a:hover{text-decoration:underline;color:red;}

		.dragable{position:absolute;border-width:1px;border-style:dashed;border-color:transparent;z-index:200;outline:none;}
			.dragable-content{width:100%;height:100%;overflow:hidden;}
			.dragable-corner{position:absolute;background-color:#FFF;border:1px solid #000;width:7px;height:7px;right:-4px;bottom:-4px;display:none;}	 
			.dragable-text{white-space:pre-wrap;line-height:125%;padding:margin:1px;font-size:12px;}	
			.dragable.active{border-color:#666;z-index:201;}
			.dragable.active .dragable-corner{display:block;cursor:se-resize;}


/*** print ***/
	.landscape .page, .landscape .footer { display:none; } 
	.landscape .paper { top:0; left:max(20px, 50% - 630px);background-color:#FFF;page-break-after: always;}
	.landscape .canvas{display:block;}
	.landscape .outerborder{width:1140px; height:794px; }
	.landscape .drawing{left:94px;top:20px;}
	.landscape .drawwidget{left:0;top:0;width:1026px;height:632px;overflow:hidden;}

	.portrait .page, .portrait .footer{ display:none; } 
	.portrait .paper{ top:0; left: max(20px, 50% - 460px); background-color:#FFF;page-break-after: always;}
	.portrait .canvas{display:block;}
	.portrait .outerborder{width:794px; height:1120px;}
	.portrait .drawing{left:94px;top:20px;}
	.portrait .drawwidget{left:0;top:0;width:680px;height:960px;overflow:hidden;}

	@media print {
		/*@page {size: A4; margin: 1mm; size: landscape;}*/
		/*@page {size: A4; margin: 1mm; size: portrait;}*/

		.btlGoto{display:none;}
		 var{background:none!important;}
		.body  {background:none!important;}
		.root  {background:none!important;}
		.page  {display:none!important;} 
		.footer{display:none!important;} 
		.canvas{display:block!important;}
		.paper {top:0!important;left: 0!important;background-color:#FFF!important;page-break-after: always;}
		.dragable.active{border-color:transparent;}
		.dragable.active .dragable-corner{display:none;}

		.-landscape .outerborder{width:1140px; height:794px; }
		.-landscape .drawing{left:94px;top:20px;}
		.-landscape .drawwidget{left:0;top:0;width:1026px;height:632px;overflow:hidden;}

		.-portrait .outerborder{width:794px; height:1120px;}
		.-portrait .drawing{left:94px;top:20px;}
		.-portrait .drawwidget{left:0;top:0;width:680px;height:960px;overflow:hidden;}

		-webkit-print-color-adjust: exact!important;
		-moz-print-color-adjust: exact!important;
		-ms-print-color-adjust: exact!important;
		print-color-adjust: exact!important;
		color-adjust: exact!important;
	}
	
	.watermark{position:absolute;width:1026px;height:632px;overflow:hidden;}

.usercp{position:relative;width:1200px;margin:0 auto;position:relative;display:flex;margin-top:70px;}

	.uc-nav{position:absolute;width:180px;border:1px solid #E2E2E2;background:#F9F9F9;border-radius: 6px;height:100%;box-shadow: 0px 1px 3px rgba(0,0,0,0.1); border-bottom: 1px solid rgba(0,0,0,.1);}
		.uv-title {position:relative;text-indent:25px;font-size:14px;font-weight:700;line-height:36px;margin-bottom:5px;}
		.uv-box {display:flex;flex-direction: column;}
			.uv-item{height:32px;line-height:32px;font-size:13px;margin-bottom:1px;text-indent:20px;}
			.uv-item:hover{background:#E7E8E9;}
			.uv-item.active, .uv-item.active:hover{background:#E2E2E2;color:#000}        
			.uv-item a,.uv-item span{color:#333;height:100%;text-indent: 20px;font-size:13px;padding-left:26px;display:block;cursor:default;}
			.uv-item .iconfont{font-size:16px;position: absolute;left:0;}
			
		.uc-tab{position:relative;display:flex;padding-top:6px;margin-bottom:10px;border-bottom:1px solid #CCC;padding-left:5px;}
			.uct-title-y{position:absolute;right:20px;top:16px;}
			.uct-title-y .sm{font-size:12px;}
			.uct-item{position:relative;height:30px;line-height:32px;margin-right:5px;list-style:none;border-top-right-radius:3px;border-top-left-radius:3px;border-left:1px solid transparent;border-top:1px solid transparent;border-right:1px solid transparent;}
			.uct-item.active{background:#FCFCFC;border-left:1px solid #CCC;border-top:1px solid #CCC;border-right:1px solid #CCC;border-bottom:1px solid #FCFCFC;margin-bottom:-1px;}			
			.uct-item a{color:#333;font-size:13px;padding:0 10px;display:block;}
			.uct-item a:hover{color:#F60;}
 
	.uc-main{position:relative; margin-left:200px;padding:10px 20px 20px;background:#FFF;width:1022px;min-height: 600px;height: 100%;border-radius: 6px;border:1px solid #E2E2E2;box-shadow: 0px 1px 3px rgba(0,0,0,0.1); border-bottom: 1px solid rgba(0,0,0,.1);}
		.man-item>li>em{color:#F60;margin-left:1em;font-style:normal;font-size:12px;}
		.ucp-msg{position: absolute;left: 0;right: 0;top:32px;color:#F60;font-size:12px;text-align: left;}
		.ucp-msg .iconfont{font-size:12px;}
		.ucp-title{font-weight: bold;line-height: 36px;padding-left: 5px;border-bottom: 1px solid #CCC;margin-bottom:10px;}
		.ucp-title .y{position:absolute;right:20px;top:6px;}
		.ucp-title .y .sm{font-size:12px;}
		.ucp-item {display: flex;padding: 10px 0;align-items:center;}
		.ucp-item>label{width:90px;padding-left: 5px;display: flex; justify-content:left; align-items:center;}
		.ucp-item>input[type=text],.usercp input[type=password]{width:250px;}
		.ucp-item>textarea{min-width:250px;min-height:120px;width: 400px; max-width:800px;}

		.ucp-banner{position:relative;border:1px solid #CCC;width:500px;height:120px;display:flex;justify-content:center;align-items:center;}
		.ucp-banner img{max-width:500px;max-height:120px;}
		.ucp-banner-upload{position:absolute;}
		.ucp-banner-delete{position:absolute;top:0;right:0;color:#FF0000;font-size:24px;cursor:pointer;}
		.ucp-banner-delete:hover{opacity:0.6;}
		
		/*.ucp-comface{position:absolute;right:20px;top:60px;border-left:1px solid #CCC;padding-left:20px;height:500px;}
		.ucp-comface .comfaceimg{width:400px;height:300px;border:1px solid #CCC;}
		.ucp-comface .comfacebtn{text-align:right;margin-top:10px;}*/
			
		.table cite {visibility:hidden;}
		.table cite button{margin-left:10px;}
		.table cite b{cursor:pointer;width:20px;text-align:center;display:inline-block;font-style:normal;margin-left:5px;}
		.table tr:hover cite{visibility:visible;}
		.table tr.active cite{visibility:visible;opacity:0.4;}
		.table tr.active:hover cite{opacity:1.0;}
		.nameedit .a:hover{cursor:pointer;color:#F60;}
		.nameedit .iconfont{color:#444;}

		.man .tree-item.active .tree-name {background-color: transparent; color: #333;} 
		.man .modal-form-item textarea{font-size:12px;}
		
		.table-foot{padding-left:5px;margin-top:15px;}
		.table-foot .sel{width:30px;display:inline-block;}	
		.table-foot .sel b{margin-left:10px;}		
		.table-foot .btn{margin-right:10px;padding-left:10px;padding-right:10px;}

	/****上传头像****/
	.avatar-box{padding-left: 20px;}
		.avatar-msg{background: #EFEFEF;padding: 5px 0;margin-bottom: 20px;text-indent: 10px;display:block;background-color: #F7F7F7;}
		.avatar-img{display: flex;}
			.avatar-crop{display:inline-block;width: 400px;height: 300px;background-color: #EFEFEF;border: 1px solid #F2F2F2;position:relative;} 
			.avatar-large, .avatar-middle, .avatar-small{margin-left: 20px; background-color:#EFEFEF; border: 1px solid #F2F2F2;}
			.avatar-large, .avatar-large>img {width: 192px;height: 192px;} 
			.avatar-middle, .avatar-middle>img {width: 96px;height: 96px;}
			.avatar-small, .avatar-small>img  {width: 48px;height: 48px;}
		.avatar-btns  {margin-top: 20px;display: flex;}
		.avatar-bnsave{margin-left: 20px;}


    .switch{position:relative;display:block;width:50px;height:16px;background-color:#ccc;border-radius:16px;cursor: pointer;border:1px solid #CCC;font-size:11px;}
		.switch:hover{background-color:#ccc;}
		.switch>.circle{position:absolute;top:0;left:0;width:16px;height:16px;border-radius:50%;background-color:#fff;transition:all 0.3s;}
		.switch>.on {color:#fff;display:none;text-indent:6px;}
		.switch>.off {color:#fff;display:inline-block;text-indent:22px;}
		.switch>.off:after{content:"未用";}
		.switch.checked  {background-color:#4cae4c;border-color:#4cae4c;}
		.switch.checked .circle{left: 33px;}
		.switch.checked .on{ display: inline-block;}
		.switch.checked .on:after{content:"启用";}
		.switch.checked .off{ display: none; }
		.switch.checked .off:after{content:"";}

	.cart-num{position:absolute;top:-12px;border-radius:8px;left:2px;height:16px;width:16px;font-size:11px;line-height:16px;text-align:center;color:#FFF;background:#FF0000;font-family:tahoma !important;display:none;}

	/*
	<div class="cart" @mousedown="onDragDown" id="cart" :style="{left:drag.cart?drag.cart.left+'px':'650px',top:drag.cart?drag.cart.top+'px':'40px'}"><div class="iconfont icon-cart"><i class="iconfont icon-add" @click="onAddTocart"></div></i></div>
	.cart{position:absolute;z-index:999;left:60px;top:60px;height:60px;width:60px;}
	.cart .icon-cart{font-size:30px;}
	.cart i{position:absolute;left:23px;top:-2px;color:#FF0000;display:none;cursor:pointer;font-size:16px;}
	.cart:hover i{display:block;}
	*/

	.fixedbox{width:100%;height:0;position:fixed;z-index:2;}
	.fixedleft{width:100%;height:0;position:fixed;z-index:1;margin-top:235px;}
	.fixedbody{position:relative; width:230px; margin:0 auto;left:-485px;}
	.fixeditem{background:#FFF;width:230px;}

	.ad-item:last-child {margin-right:0;}
	.ad-item img{position:relative;width:100%;height:100%;}
	.ad-item a,.ad-item b{float:left;width:100%;height:100%;display:flex;justify-content:center; align-items:center;text-align:center;}
	.ad-item b{font-weight:normal;}
	.ad-item a:hover{color:#333;}
	.ad-item a{color:#F60;}
	.ad-item a:hover{color:#F50;text-decoration:underline;}
	.ad-text {background-color:#FFF;border:1px dashed #CCC;}

	.ad-item .prev{position:absolute; left:0;top:0;display:none;}
	.ad-item:hover .prev{display:block;}

	.ad-top{position:relative;z-index:1;max-width:1200px;}
	.ad-top .ad-text{width:228px;height:80px}
	.ad-top .ad-item{width:230px;height:80px;margin-right:12.5px;display:inline-block;margin-bottom:12px;}
 
	.ad-left .ad-item{width:230px}
	.ad-left .ad-text{width:228px;}

	.ad-right .ad-item{width:240px;}
	.ad-right .ad-text{width:238px;}
	
	.ad-so{position:absolute;right:0;top:0;width:240px;height:130px;}
	.ad-so .ad-text{width:238px;height:128px;}

	.plotbar .vietoqr{position:absolute;width:142px;height:142px;z-index:92;background:#FFF;left:0;top:26px;border:1px solid #CCC;padding:10px 0;display:none;color:#F60;font-size:14px;}
	.plotbar .qq{padding-left:26px;position:relative;}	
	.plotbar .qq:hover .vietoqr{display:block;}
	.plotbar .qno b:nth-child(even){display:none;}