@charset 'utf-8';

p,ul,li,a,span,body,textarea{
	padding: 0px;
	margin: 0px;
	font-family: Arial,Microsoft YaHei,Microsoft Sans Serif,Microsoft SanSerf,微软雅黑;
	text-decoration: none;
	list-style: none;
}

/*iframe{
	width: 100%;
	height: calc(100% - 55px);
	border: none;
	position: absolute;
  top: 53px;
  padding-bottom: 78px;
}
*/
body{
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: auto;
	/*background-color: #f8f8f8;*/
}

button,input,a,textarea{
	outline: none;
	border: 0px;
	border: none;
	background-color: transparent;
}

table{
  width: 100%;
}

table tr:first-child{
  background-color: #f2f2f2;
}

table tr:first-child td{
  font-weight: bold;
  color: #333;
}

table tr:first-child td p{
  color: #333;
}

table td p{
  padding-left: 20px;
  padding-right: 10px;
  line-height: 44px;
  font-size: 13px;
  color: #999;
  white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}

table td a{
  line-height: 44px;
  display: inline-block;
  padding: 0px 8px;
  color: #009688;
}

::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}
::-webkit-scrollbar-thumb{
    background-color: #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
::-webkit-scrollbar-thumb:vertical:hover{
    background-color: #fff;
}
::-webkit-scrollbar-thumb:vertical:active{
    background-color: #f8f8f8;
}
::-webkit-scrollbar-button{
    display: none;
}
::-webkit-scrollbar-track{
    background-color: #f8f8f8;
}

.clear{overflow: hidden;clear: both;}
.left{float: left;}
.right{float: right;}

/*水波效果*/
[anim="ripple"] {
	position: relative;
	overflow: hidden;
  vertical-align: bottom;
}
[anim="ripple"]:before {
	content: '';
	position: absolute;
	display: block;
	background: var(--ripple-background, lightgray);
	border-radius: 50%;
	pointer-events: none;
	top: calc(var(--y) * 1px);
	left: calc(var(--x) * 1px);
	width: calc(var(--d) * 1px);
	height: calc(var(--d) * 1px);
	opacity: calc(var(--o, 1) * var(--ripple-opacity, 0.3));
	-webkit-transition: calc(var(--t, 0) * var(--ripple-duration, 600ms)) var(--ripple-easing, linear);
	transition: calc(var(--t, 0) * var(--ripple-duration, 600ms)) var(--ripple-easing, linear);
	-webkit-transform: translate(-50%, -50%) scale(var(--s, 1));
	  transform: translate(-50%, -50%) scale(var(--s, 1));
	-webkit-transform-origin: center;
	  transform-origin: center;
}
[anim="ripple2"] {
  position: relative;
  overflow: hidden;
}
[anim="ripple2"]:before {
  content: '';
  position: absolute;
  display: block;
  background: var(--ripple-background, darkgreen);
  border-radius: 50%;
  pointer-events: none;
  top: calc(var(--y) * 1px);
  left: calc(var(--x) * 1px);
  width: calc(var(--d) * 1px);
  height: calc(var(--d) * 1px);
  opacity: calc(var(--o, 1) * var(--ripple-opacity, 0.3));
  -webkit-transition: calc(var(--t, 0) * var(--ripple-duration, 600ms)) var(--ripple-easing, linear);
  transition: calc(var(--t, 0) * var(--ripple-duration, 600ms)) var(--ripple-easing, linear);
  -webkit-transform: translate(-50%, -50%) scale(var(--s, 1));
    transform: translate(-50%, -50%) scale(var(--s, 1));
  -webkit-transform-origin: center;
    transform-origin: center;
}
.rainbow {
	--ripple-opacity: 1;
	--ripple-background: radial-gradient(circle at center, rebeccapurple, dodgerblue, olive, gold, orange, tomato);
	--ripple-duration: 2000ms;
	--ripple-easing: cubic-bezier(0, .5, .5, 1);
	background-color: skyblue;
	color: rgba(255, 255, 255, 0.7);
	-webkit-transition: background-color 300ms, color 300ms;
	transition: background-color 300ms, color 300ms;
}
.rainbow:hover {
	background-color: #b3e0f2;
	color: white;
}

/*弹窗*/
.dialog,
.dialog__overlay {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.dialog {
  position: fixed;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  pointer-events: none;
  z-index: 10;
}

.dialog__overlay {
  position: absolute;
  z-index: 1;
  background: rgba(102, 132, 129, 0.81);;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  -webkit-backface-visibility: hidden;
}

.dialog--open .dialog__overlay {
  opacity: 1;
  pointer-events: auto;
}

.dialog__content {
  width: 600px;
  /*max-width: 560px;
  min-width: 290px;*/
  background: #fff;
  padding: 30px 20px;
  text-align: center;
  position: relative;
  z-index: 5;
  opacity: 0;
}

.dialog--open .dialog__content {
  pointer-events: auto;
}


.dialog .dialog__content .tit{
  text-align: left;
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 15px;
}

.dialog .btns{
  display: flex;
  justify-content: center;
  padding-top: 15px;
}

.dialog .btns a,
.dialog .btns button{
  line-height: 36px;
  padding: 0px 20px;
  margin: 0px 10px;
  display: inline-block;
  background-color: #009688;
  color: #fff;
  font-size: 14px;
  border-radius: 2px;
}

.dialog .btns a{
  background-color: #607d8b;
}

.btn{
	display: block;
	line-height: 36px;
	border-radius: 4px;
	background-color: #009688;
	color: #fff;
	text-align: center;
	transition-duration: 0.2s;
}

.btn:active{
	transform: scale(0.96);
}

/*弹框*/
.Alert{
	position: fixed;
	top: 70px;
	right: -272px;
	width: 240px;
	background-color: #fff;
	border: 1px solid #f2f2f2;
	border-radius: 4px;
	padding: 15px;
	box-shadow: 0px 0px 15px rgba(0,0,0,.09); 
	clear: both;
	overflow: hidden;
}

.Alert .ico{
	float: left;
	width: 40px;
	line-height: 30px;
}

.Alert .ico span{
	color: #009688;font-size: 24px;
}

.Alert p{
	float: left;
	width: 180px;
	line-height: 30px;
	font-style: 14px;
}

.Alert.warnActive{
	right: -272px;
	animation:alertA 3s;
	-moz-animation:alertA 3s; /* Firefox */
	-webkit-animation:alertA 3s; /* Safari and Chrome */
	-o-animation:alertA 3s; /* Opera */
}

.Alert .btnP{
	text-align: right;
}

.Alert .btnP a{
	display: inline-block;
	color: #009688;
	font-size: 14px;
}

@keyframes alertA
{
	0%   {right: -272px;}
	10%  {right: 0px;}
	90%  {right: 0px;}
	100% {right: -272px;}
}

@-moz-keyframes alertA /* Firefox */
{
	0%   {right: -272px;}
	10%  {right: 0px;}
	90%  {right: 0px;}
	100% {right: -272px;}
}

@-webkit-keyframes alertA /* Safari and Chrome */
{
	0%   {right: -272px;}
	10%  {right: 0px;}
	90%  {right: 0px;}
	100% {right: -272px;}
}

@-o-keyframes alertA /* Opera */
{
	0%   {right: -272px;}
	10%  {right: 0px;}
	90%  {right: 0px;}
	100% {right: -272px;}
}

/*选择*/
.select input[type="radio"],
.select input[type="checkbox"]{
  display: none;
}
.select input[type="radio"] + .label,
.select input[type="checkbox"] + .label
 {
  position: relative;
  /*padding-left: 1.7em;*/
  color: #eee;
  font-size: 22px;
  cursor: pointer;
  padding: 0px 15px;
}
.select input[type="radio"] + .label::before ,
.select input[type="checkbox"] + .label::before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #999;
  border-radius: 4px;
}
.select input[type="radio"] + .label::before{
  border-radius: 50%;
}
.select input[type="radio"] + .label::after,
.select input[type="checkbox"] + .label::after {
  content: '';
  position: absolute;
  top: 2px;
  left: 2px;
  width: 18px;
  height: 18px;
  transform: scale(0);
  background-color: #009688;
  border-radius: 4px;
  transition: all 0.2s linear;
  opacity: 0;
}
.select input[type="radio"] + .label::after{
  border-radius: 50%;
}
.select input[type="radio"] + .label svg,
.select input[type="checkbox"] + .label svg{
  position: absolute;
  top: 4px;
  left: 0.12em;
  z-index: 1;
}
.select input[type="radio"] + .label .check-icon,
.select input[type="checkbox"] + .label .check-icon{
  stroke: #fff;
  stroke-dasharray: 36;
  stroke-dashoffset: 36;
}
.select input[type="radio"]:checked + .label::after,
.select input[type="checkbox"]:checked + .label::after
 {
  transform: scale(1);
  opacity: 1;
}
.select input[type="radio"]:checked + .label::before ,
.select input[type="checkbox"]:checked + .label::before {
	border-color: #009688;
}
.select input[type="radio"]:checked + .label .check-icon,
.select input[type="checkbox"]:checked + .label .check-icon
 {
  animation-name: check-animation;
  animation-duration: 0.2s;
  animation-delay: 0.4s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(1, 0.12, 0.96, 0.62);
}

@import url(https://fonts.googleapis.com/css?family=Roboto);
.switch label {
  display: block;
  width: 44px;
  height: 16px;
  border-radius: 10px;
  background: rgba(189, 195, 199, 0.5);
  vertical-align: middle;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: background 350ms ease;
  transition: background 350ms ease;
}
.switch label:before, .switch label:after {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  -webkit-transition: all 120ms linear;
  transition: all 120ms linear;
}
.switch label:before {
  background: rgba(189, 195, 199, 0.07);
  -webkit-transform: translate3d(0, -50%, 0) scale(0);
          transform: translate3d(0, -50%, 0) scale(0);
}
.switch label:after {
  background: #bdc3c7;
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
}
.switch input:checked + label {
  background: rgb(129, 209, 255);
}
.switch input:checked + label:before {
  background: rgba(142, 68, 173, 0.07);
  -webkit-transform: translate3d(100%, -50%, 0) scale(1);
          transform: translate3d(100%, -50%, 0) scale(1);
}
.switch input:checked + label:after {
  background: #009688;
  -webkit-transform: translate3d(100%, -50%, 0);
          transform: translate3d(100%, -50%, 0);
}

/*弹窗*/
.dialog__overlay {
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
}

.dialog.dialog--open .dialog__content,
.dialog.dialog--close .dialog__content {
	-webkit-animation-duration: 0.4s;
	animation-duration: 0.4s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.dialog.dialog--open .dialog__content {
	-webkit-animation-name: anim-open;
	animation-name: anim-open;
	-webkit-animation-timing-function: cubic-bezier(0.6,0,0.4,1);
	animation-timing-function: cubic-bezier(0.6,0,0.4,1);
}

.dialog.dialog--close .dialog__content {
	-webkit-animation-name: anim-close;
	animation-name: anim-close;
}

@-webkit-keyframes anim-open {
	0% { opacity: 0; -webkit-transform: scale3d(0, 0, 1); }
	100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); }
}

@keyframes anim-open {
	0% { opacity: 0; -webkit-transform: scale3d(0, 0, 1); transform: scale3d(0, 0, 1); }
	100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}

@-webkit-keyframes anim-close {
	0% { opacity: 1; }
	100% { opacity: 0; -webkit-transform: scale3d(0.5, 0.5, 1); }
}

@keyframes anim-close {
	0% { opacity: 1; }
	100% { opacity: 0; -webkit-transform: scale3d(0.5, 0.5, 1); transform: scale3d(0.5, 0.5, 1); }
}


.dialog .btnG {
	text-align: center;
	margin-top: 20px;
}

.dialog .btnG a,
.dialog .btnG button{
	display: inline-block;
	line-height: 38px;
	padding: 0px 30px;
	margin: 5px;
	font-size: 14px;
	color: #fff;
	background-color: #555;
}

.dialog .btnG a{
	background-color: #009688;
}

/*等待*/
.la-ball-clip-rotate-multiple,.la-ball-clip-rotate-multiple>div{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.la-ball-clip-rotate-multiple{display:block;font-size:0;color:#009688}.la-ball-clip-rotate-multiple.la-dark{color:#333}.la-ball-clip-rotate-multiple>div{display:inline-block;float:none;background-color:currentColor;border:0 solid currentColor}.la-ball-clip-rotate-multiple{width:32px;height:32px}.la-ball-clip-rotate-multiple>div{position:absolute;top:50%;left:50%;background:transparent;border-style:solid;border-width:2px;border-radius:100%;-webkit-animation:ball-clip-rotate-multiple-rotate 1s ease-in-out infinite;-moz-animation:ball-clip-rotate-multiple-rotate 1s ease-in-out infinite;-o-animation:ball-clip-rotate-multiple-rotate 1s ease-in-out infinite;animation:ball-clip-rotate-multiple-rotate 1s ease-in-out infinite}.la-ball-clip-rotate-multiple>div:first-child{position:absolute;width:32px;height:32px;border-right-color:transparent;border-left-color:transparent}.la-ball-clip-rotate-multiple>div:last-child{width:16px;height:16px;border-top-color:transparent;border-bottom-color:transparent;-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-o-animation-duration:.5s;animation-duration:.5s;-webkit-animation-direction:reverse;-moz-animation-direction:reverse;-o-animation-direction:reverse;animation-direction:reverse}.la-ball-clip-rotate-multiple.la-sm{width:16px;height:16px}.la-ball-clip-rotate-multiple.la-sm>div{border-width:1px}.la-ball-clip-rotate-multiple.la-sm>div:first-child{width:16px;height:16px}.la-ball-clip-rotate-multiple.la-sm>div:last-child{width:8px;height:8px}.la-ball-clip-rotate-multiple.la-2x{width:64px;height:64px}.la-ball-clip-rotate-multiple.la-2x>div{border-width:4px}.la-ball-clip-rotate-multiple.la-2x>div:first-child{width:64px;height:64px}.la-ball-clip-rotate-multiple.la-2x>div:last-child{width:32px;height:32px}.la-ball-clip-rotate-multiple.la-3x{width:96px;height:96px}.la-ball-clip-rotate-multiple.la-3x>div{border-width:6px}.la-ball-clip-rotate-multiple.la-3x>div:first-child{width:96px;height:96px}.la-ball-clip-rotate-multiple.la-3x>div:last-child{width:48px;height:48px}@-webkit-keyframes ball-clip-rotate-multiple-rotate{0%{-webkit-transform:translate(-50%, -50%) rotate(0deg);transform:translate(-50%, -50%) rotate(0deg)}50%{-webkit-transform:translate(-50%, -50%) rotate(180deg);transform:translate(-50%, -50%) rotate(180deg)}100%{-webkit-transform:translate(-50%, -50%) rotate(360deg);transform:translate(-50%, -50%) rotate(360deg)}}@-moz-keyframes ball-clip-rotate-multiple-rotate{0%{-moz-transform:translate(-50%, -50%) rotate(0deg);transform:translate(-50%, -50%) rotate(0deg)}50%{-moz-transform:translate(-50%, -50%) rotate(180deg);transform:translate(-50%, -50%) rotate(180deg)}100%{-moz-transform:translate(-50%, -50%) rotate(360deg);transform:translate(-50%, -50%) rotate(360deg)}}@-o-keyframes ball-clip-rotate-multiple-rotate{0%{-o-transform:translate(-50%, -50%) rotate(0deg);transform:translate(-50%, -50%) rotate(0deg)}50%{-o-transform:translate(-50%, -50%) rotate(180deg);transform:translate(-50%, -50%) rotate(180deg)}100%{-o-transform:translate(-50%, -50%) rotate(360deg);transform:translate(-50%, -50%) rotate(360deg)}}@keyframes ball-clip-rotate-multiple-rotate{0%{-webkit-transform:translate(-50%, -50%) rotate(0deg);-moz-transform:translate(-50%, -50%) rotate(0deg);-o-transform:translate(-50%, -50%) rotate(0deg);transform:translate(-50%, -50%) rotate(0deg)}50%{-webkit-transform:translate(-50%, -50%) rotate(180deg);-moz-transform:translate(-50%, -50%) rotate(180deg);-o-transform:translate(-50%, -50%) rotate(180deg);transform:translate(-50%, -50%) rotate(180deg)}100%{-webkit-transform:translate(-50%, -50%) rotate(360deg);-moz-transform:translate(-50%, -50%) rotate(360deg);-o-transform:translate(-50%, -50%) rotate(360deg);transform:translate(-50%, -50%) rotate(360deg)}}

/*#wait{
  display: none;
}*/

#wait:before{
  content: '';
  display: block;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(255,255,255,.6);
  z-index: 9;
}

#wait .la-2x{
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -32px;
  margin-left: -32px;
  z-index: 10px;
}


/*后台导航*/
nav{
  width: 220px;
  position: fixed;
  left: 0px;
  top: 60px;
  bottom: 0px;
  background-color: #333;
  z-index: 11;
}

nav ul li.line a{
  width: calc(100% - 40px);
  display: block;
  color: #eee;
  padding-left: 20px;
  line-height: 60px;
  padding-right: 15px;
  position: relative;
}

nav ul li.line a:before{
  content: '';
  display: inline-block;
  position: absolute;
  height: 100%;
  width: 5px;
  left: -5px;
  background-color: #666;
  transition-duration: 0.2s;
}

nav ul li.line a .more{
  float: right;
}

nav ul li.line.active a:before{
  left: 0px;
}

nav ul li.line:hover a:before{
  left: 0px;
} 

nav ul li.down .box{
  height: 0px;
  transition-duration: 0.3s;
  background-color: #f2f2f2;
}

nav ul li.slide-2:hover .box{
  height: 100px;
}
nav ul li.slide-2.active .box{
  height: 100px;
}

nav ul li.slide-3:hover .box{
  height: 150px;
}
nav ul li.slide-3.active .box{
  height: 150px;
}

nav ul li.down .box li{
  line-height: 50px;
  padding-left: 35px;
  position: relative;
  cursor: pointer;
}

nav ul li.down .box li:before{
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #333;
  position: relative;
  left: -15px;
  top: -2px;
}

nav ul li.down .box li:hover{
  color: #009688;
}
nav ul li.down .box li:hover:before{
  background-color: #009688;
  
}
nav ul li.down.active .box li.active{
  color: #009688;
}

nav ul li.down.active .box li.active:before{
  background-color: #009688;
}

/*顶部*/
header{
  position: fixed;
  top: 0px;
  left: 0px;
  width: calc(100% - 30px);
  height: 60px;
  padding: 0px 15px;
  background-color: #fff;
  z-index: 11;
}

header .left{
  margin-top: 14px;
  font-size: 0px;
}

header .left img{
  height: 32px;
}

header .right .mk{
  float: right;
  line-height: 60px;
  color: #333;
  padding: 0px 10px;
}

header .right .mk .iconfont{
  font-size: 22px;
  color: #333;
  line-height: 60px;
}

header .right .mk .t{
  position: relative;
  top: -2px;
  padding-left: 8px;
  letter-spacing: 1px;
  font-size: 14px;
}

/*内容*/
#main{
  padding-left: 235px;
  padding-top: 75px;
  padding-right: 15px;
}

#main .title{
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
}

#main .info{
  padding: 20px;
  background-color: #fff;
  margin-bottom: 20px;
  border-top: 2px solid #009688;
}

.page{
  text-align: right;
}

.page li{
  display: inline-block;
  width: 36px;
  height: 36px;
  border-radius: 2px;
  background-color: #fff;
  border-radius: 4px;
  overflow: hidden;
}

.page li a,
.page li span{
  line-height: 36px;
  text-align: center;
  display: block;
  color: #333;
  transition-duration: 0.2s;
}

.page li.active span,
.page li.active a{
  background-color: #009688;
  color: #fff;
}

.page li:hover a,
.page li:hover span{
  background-color: #009688;
  color: #fff;
}

.select input[type="radio"] + .label::before,
.select input[type="checkbox"] + .label::before{
  width: 17px;
  height: 17px;
  box-sizing: unset;
}

.select input[type="radio"] + .label, 
.select input[type="checkbox"] + .label{
  font-size: 1px;
  padding: 3px 10px;
}

.select input[type="radio"] + .label::after, 
.select input[type="checkbox"] + .label::after{
  top: 3px;
  left: 3px;
  width: 13px;
  height: 13px;
}

.select input[type="radio"]:checked + .label::after, 
.select input[type="checkbox"]:checked + .label::after{
  background-color: #009688;
}

#main .all-select input[type="radio"] + .label::before,
#main .all-select input[type="checkbox"] + .label::before{
  width: 17px;
  height: 17px;
}

#main .all-select input[type="radio"] + .label, 
#main .all-select input[type="checkbox"] + .label{
  font-size: 1px;
  padding: 0px 10px;
}

#main .all-select input[type="radio"] + .label::after, 
#main .all-select input[type="checkbox"] + .label::after{
  top: 0px;
  left: 3px;
  width: 13px;
  height: 13px;
  background-color: #fff;
}

#main .all-select input[type="radio"] + .label::before, 
#main .all-select input[type="checkbox"] + .label::before{
  border-color: #fff;
  top: -3px;
}

#main .all-select span{
  padding-left: 4px;
}

#main .btnG a{
    border-radius: 2px;
    background-color: #009688;
    line-height: 34px;
    padding: 0px 10px;
    display: inline-block;
    font-size: 14px;
    color: #fff;
}

#main .btnG a.all-select{
  color: #009688;
  border:1px solid #009688;
  background-color: #fff;
}

#main .all-select span{
  padding-left: 0px;
}

#main .btnG a.all-select.act{
  background-color: #009688;
  color: #fff;
}

.info .search{
  border: 1px solid #ccc;
  border-radius: 2px;
  overflow: hidden;
}

.info .search input{
  line-height: 28px;
  padding-left: 15px;
}

.info .search button{
  line-height: 30px;
  padding: 0px 15px;
  background-color: #009688;
  color: #fff;
  border-radius: 2px;
}

#message textarea{
  width: calc(100% - 30px);
  padding: 15px;
  font-size: 14px;
  color: #999;
  line-height: 24px;
  border: 1px solid #ccc;
}

.table2excel{
  position: fixed;
  opacity: 0;
  z-index: -1;
}

#sel{
  height: 34px;
  padding-left: 10px;
  padding-right: 10px;
  background-color: #009688;
  border-radius: 2px;
  border: none;
  color: #fff;
  display: inline-block;
}

.c-datepicker-date-table td .cell{
  padding: 0px;
}