html{color:#000;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
input,textarea,select{*font-size:100%}
legend{color:#000}
body{font:12px/1.5 "Helvetica Neue","Hiragino Sans GB","Microsoft YaHei",simsun,Arial,sans-serif;}
body{*font-family:"Helvetica Neue","Hiragino Sans GB",simsun,Arial,sans-serif;}

a{text-decoration:none;outline:none;color:#222;}
img{vertical-align:middle;}
input:text{outline:none;outline-style:none;-webkit-appearance: none;}
*{-webkit-tap-highlight-color: rgba(0,0,0,0);}
s{text-decoration:none;}

body,html{background-color:#E7E8EB;}
.header{width:100%;background-color:#fff;border-top:4px solid #165DFF;border-bottom:1px solid #d9dadc;}
.header .inner{width:calc(100% - 20px);height:60px;margin:0 auto;}
.header .inner h1{float:left;line-height:60px;font-size:20px;color:#555;}
.header .inner .account{float:right;}
.header .inner .account a{color:#222;font-size:14px;}
.header .inner .account a:hover{color: #459ae9;text-decoration:underline;}
.header .inner .account .info{float:left;position:relative;}
.header .inner .account .info .avatar{display:inline-block;*display:inline;*zoom:1;margin-top:32px;line-height:18px;position:absolute;left:-45px;top:-18px;}
.header .inner .account .info .nickname{display:inline-block;*display:inline;*zoom:1;margin-top:32px;line-height:18px;}
.header .inner .account .logout{float:right;margin-left:10px;}
.header .inner .account .logout a{padding-left:10px;border-left:1px solid #aaa;line-height:18px;display:inline-block;*display:inline;*zoom:1;margin-top:32px;}
.header .inner .account .login{float:right;margin-left:10px;}
.header .inner .account .login a{padding-left:10px;line-height:18px;display:inline-block;*display:inline;*zoom:1;margin-top:32px;}

#footer{
	margin-top:30px;
	padding: 24px 0;
	color: #f1f1f1;
	text-align: center;
	background-color: #b8b9b9;
	font-size:12px;
}

.body{width:calc(100% - 20px);background:url(d.e7e7eb.png) #fff repeat-y 208px 0;border:1px solid #d9dadc;margin:30px auto 0 auto;zoom:1;overflow:hidden;box-sizing:border-box;}
.body .col_side{float:left;width:208px;min-height:500px;}
.body .col_side dl{padding:8px 0;font-size:12px;line-height:34px;border-top:1px solid #d9dadc}
.body .col_side dl.f{border-top-width:0;}
.body .col_side dl:first-child{border-top-width:0;}
.body .col_side dl dt{padding: 0 0 0 1em;color:#8d8d8d;}
.body .col_side dl dt.clickable{padding:0;}
.body .col_side dl dt.clickable a{padding-left:1em;display:block;color: #222;}
.body .col_side dl dt.clickable a:hover{background-color: #f4f5f9;}
.body .col_side dl dt.clickable a.on{background-color: #165DFF;color:#fff}
.body .col_side dl dd{}
.body .col_side dl dd a{padding-left:1em;padding-top:8px;padding-bottom:8px;line-height:18px;display:block;color: #222;}
.body .col_side dl dd a:hover{background-color: #f4f5f9;}
.body .col_side dl dd a.on{background-color: #165DFF;color:#fff}
.body .col_side dl dd a .s{font-size:12px;color:#333;}
.body .col_side dl dd a.on .s{color:#fff}
.body .col_side dl dd.divider{margin:3px 0;position:relative;}
.body .col_side dl dd.divider:after{
    position: relative;
    top: 0px;
    display: block;
    left:10px;
    width: calc(100% - 20px);
    height: 1px;
    background: rgba(5, 5, 5, 0.06);
    content: '';
}

.body .col_side.collapsed dl dt{color: #222;}
.body .col_side.collapsed dl dd{display:none;}

.body .col_main{float:right;width:1010px;}

.body.full {background-image:none;}
.body.full .col_main{width:1200px;}

.system-tabs{
    width:calc(100% - 20px);
    margin:10px auto 0 auto;
    display:flex;
    background-color:#fff;
    color:#000;
    border:1px solid #d9dadc;
}
.system-tabs .tab-item{
    line-height:42px;
    padding:0 20px;
}
.system-tabs .tab-item a{
    display:block;
}
.system-tabs .tab-item.on{
    background-color:#165DFF;
    border-bottom:0;
}
.system-tabs .tab-item.on a{
    color:#fff;
}
.body.system-body {
    width:calc(100% - 20px);
    margin:-1px auto 0 auto;
}

.page-header{border-bottom:1px solid #e7e7eb;}
.page-header span{display:inline-block;*display:inline;*zoom:1;
    line-height:48px;height:48px;
    cursor:pointer;font-size:14px;
    padding:0 30px;font-weight:400;border-bottom:3px solid #165DFF;margin-bottom:-1px;}

.page-header .header-text{border-bottom:3px solid #165DFF;display:inline-block;padding:0 10px;}
.page-header .header-text span{border-bottom:0;padding:0 10px;display:inline-block;position:relative;}

.page-header .header-text span + span:before{
    position:absolute;
    left:0;
    top:50%;
    margin-top:-10px;
    content:'';
    display:block;
    height:24px;
    width:0px;
    border-left:1px solid #d9dadc;
}

.page-header .right-button{float:right;margin-top:10px;margin-right:10px;}

.page-body{padding:10px;}


.data-search{vertical-align:middle;}
.data-search .data-tabs{display:inline-block;*display:inline;margin-right:10px;}
.data-search .data-tabs a{padding:0 10px;min-width:50px;}
.data-search .text{line-height:18px;height:18px;padding:2px;vertical-align:middle;}
.data-search .btn{height:24px;line-height:24px;vertical-align:middle;min-width:50px;}

.data-tabs{border-bottom:1px solid #e7e7eb}
.data-tabs a{text-decoration:none;display:inline-block;min-width:70px;padding:0 20px;line-height:34px;text-align:center;border:1px solid transparent;border-bottom:0;}
.data-tabs a.on{background-color:#f4f5f9;border-color:#e7e7eb;font-weight: bold;}
.data-tabs a s{color:#fff;font-size:12px;background-color:#f00;min-width:20px;border-radius:20px;text-align:center;padding:0 5px;margin-left:5px;line-height:20px;}

.data-filter{background: #fff;padding:10px 0;zoom:1;overflow:hidden;}
.data-filter .row{margin-bottom:10px;zoom:1;overflow:hidden;}
.data-filter .row-align-left{text-align:left;}
.data-filter .row-align-center{text-align:center;}
.data-filter .row:last-child{margin-bottom:0;}
.data-filter dl{float:left;margin-right:10px;}
.data-filter dl dt{float:left;line-height:32px;margin-right:5px;}
.data-filter dl dd{float:left;}
.data-filter .select{padding:4px 4px 5px 4px;}
.data-filter .text{width:200px;}
.data-filter .btn{margin-left:0;}
.data-filter label{vertical-align: -webkit-baseline-middle;}

.page-message{padding:10px 10px 0 10px;}
.page-message .message{}
.page-message .message-error{background-color:#FDF7F7;color:#B94A48;padding:2px 10px;line-height:26px;border-left:3px solid #EED3D7;}
.page-message .message-succeed{background-color:#DFF0D8;color:#468847;padding:2px 10px;line-height:26px;border-left:3px solid #D6E9C6;}

.highlight_box{padding: 9px 30px;background-color: #f4f5f9;margin-bottom: 20px;line-height: 160%;}
.highlight_box p.desc{color: #8d8d8d;overflow: hidden;font-size:14px;}

.loading_outer{position:fixed;z-index:10000;left:0;right:0;top:0;bottom:0;width:100%;height:100%;}
.loading_outer .loading_overlay{z-index:10000;position:fixed;left:0;right:0;top:0;bottom:0;width:100%;}
.loading_outer .loading_window{z-index:10000;text-align:center;font-size:16px;background-color:rgba(40, 40, 40, 0.75);width:120px;height:120px;position:absolute;left:50%;margin-left:-60px;top:50%;margin-top:-60px;color:#fff;border-radius:5px;}
.loading_outer .loading_window .icon{
	position: absolute;
	width: 0px;
	z-index: 10001;
	left: 50%;
	top: 38%;
}
.loading_outer .loading_window .icon .icon_leaf {
  position: absolute;
  top: -1px;
  opacity: 0.25;
}
.loading_outer .loading_window .icon .icon_leaf:before {
  content: " ";
  position: absolute;
  width: 8.14px;
  height: 3.08px;
  background: #d1d1d5;
  box-shadow: rgba(0, 0, 0, 0.0980392) 0px 0px 1px;
  border-radius: 1px;
  -webkit-transform-origin: left 50% 0px;
      -ms-transform-origin: left 50% 0px;
          transform-origin: left 50% 0px;
}
.loading_outer .loading_window .icon .icon_leaf_0 {
  -webkit-animation: opacity-60-25-0-12 1.25s linear infinite;
          animation: opacity-60-25-0-12 1.25s linear infinite;
}
.loading_outer .loading_window .icon .icon_leaf_0:before {
  -webkit-transform: rotate(0deg) translate(7.92px, 0px);
      -ms-transform: rotate(0deg) translate(7.92px, 0px);
          transform: rotate(0deg) translate(7.92px, 0px);
}
.loading_outer .loading_window .icon .icon_leaf_1 {
  -webkit-animation: opacity-60-25-1-12 1.25s linear infinite;
          animation: opacity-60-25-1-12 1.25s linear infinite;
}
.loading_outer .loading_window .icon .icon_leaf_1:before {
  -webkit-transform: rotate(30deg) translate(7.92px, 0px);
      -ms-transform: rotate(30deg) translate(7.92px, 0px);
          transform: rotate(30deg) translate(7.92px, 0px);
}
.loading_outer .loading_window .icon .icon_leaf_2 {
  -webkit-animation: opacity-60-25-2-12 1.25s linear infinite;
          animation: opacity-60-25-2-12 1.25s linear infinite;
}
.loading_outer .loading_window .icon .icon_leaf_2:before {
  -webkit-transform: rotate(60deg) translate(7.92px, 0px);
      -ms-transform: rotate(60deg) translate(7.92px, 0px);
          transform: rotate(60deg) translate(7.92px, 0px);
}
.loading_outer .loading_window .icon .icon_leaf_3 {
  -webkit-animation: opacity-60-25-3-12 1.25s linear infinite;
          animation: opacity-60-25-3-12 1.25s linear infinite;
}
.loading_outer .loading_window .icon .icon_leaf_3:before {
  -webkit-transform: rotate(90deg) translate(7.92px, 0px);
      -ms-transform: rotate(90deg) translate(7.92px, 0px);
          transform: rotate(90deg) translate(7.92px, 0px);
}
.loading_outer .loading_window .icon .icon_leaf_4 {
  -webkit-animation: opacity-60-25-4-12 1.25s linear infinite;
          animation: opacity-60-25-4-12 1.25s linear infinite;
}
.loading_outer .loading_window .icon .icon_leaf_4:before {
  -webkit-transform: rotate(120deg) translate(7.92px, 0px);
      -ms-transform: rotate(120deg) translate(7.92px, 0px);
          transform: rotate(120deg) translate(7.92px, 0px);
}
.loading_outer .loading_window .icon .icon_leaf_5 {
  -webkit-animation: opacity-60-25-5-12 1.25s linear infinite;
          animation: opacity-60-25-5-12 1.25s linear infinite;
}
.loading_outer .loading_window .icon .icon_leaf_5:before {
  -webkit-transform: rotate(150deg) translate(7.92px, 0px);
      -ms-transform: rotate(150deg) translate(7.92px, 0px);
          transform: rotate(150deg) translate(7.92px, 0px);
}
.loading_outer .loading_window .icon .icon_leaf_6 {
  -webkit-animation: opacity-60-25-6-12 1.25s linear infinite;
          animation: opacity-60-25-6-12 1.25s linear infinite;
}
.loading_outer .loading_window .icon .icon_leaf_6:before {
  -webkit-transform: rotate(180deg) translate(7.92px, 0px);
      -ms-transform: rotate(180deg) translate(7.92px, 0px);
          transform: rotate(180deg) translate(7.92px, 0px);
}
.loading_outer .loading_window .icon .icon_leaf_7 {
  -webkit-animation: opacity-60-25-7-12 1.25s linear infinite;
          animation: opacity-60-25-7-12 1.25s linear infinite;
}
.loading_outer .loading_window .icon .icon_leaf_7:before {
  -webkit-transform: rotate(210deg) translate(7.92px, 0px);
      -ms-transform: rotate(210deg) translate(7.92px, 0px);
          transform: rotate(210deg) translate(7.92px, 0px);
}
.loading_outer .loading_window .icon .icon_leaf_8 {
  -webkit-animation: opacity-60-25-8-12 1.25s linear infinite;
          animation: opacity-60-25-8-12 1.25s linear infinite;
}
.loading_outer .loading_window .icon .icon_leaf_8:before {
  -webkit-transform: rotate(240deg) translate(7.92px, 0px);
      -ms-transform: rotate(240deg) translate(7.92px, 0px);
          transform: rotate(240deg) translate(7.92px, 0px);
}
.loading_outer .loading_window .icon .icon_leaf_9 {
  -webkit-animation: opacity-60-25-9-12 1.25s linear infinite;
          animation: opacity-60-25-9-12 1.25s linear infinite;
}
.loading_outer .loading_window .icon .icon_leaf_9:before {
  -webkit-transform: rotate(270deg) translate(7.92px, 0px);
      -ms-transform: rotate(270deg) translate(7.92px, 0px);
          transform: rotate(270deg) translate(7.92px, 0px);
}
.loading_outer .loading_window .icon .icon_leaf_10 {
  -webkit-animation: opacity-60-25-10-12 1.25s linear infinite;
          animation: opacity-60-25-10-12 1.25s linear infinite;
}
.loading_outer .loading_window .icon .icon_leaf_10:before {
  -webkit-transform: rotate(300deg) translate(7.92px, 0px);
      -ms-transform: rotate(300deg) translate(7.92px, 0px);
          transform: rotate(300deg) translate(7.92px, 0px);
}
.loading_outer .loading_window .icon .icon_leaf_11 {
  -webkit-animation: opacity-60-25-11-12 1.25s linear infinite;
          animation: opacity-60-25-11-12 1.25s linear infinite;
}
.loading_outer .loading_window .icon .icon_leaf_11:before {
  -webkit-transform: rotate(330deg) translate(7.92px, 0px);
      -ms-transform: rotate(330deg) translate(7.92px, 0px);
          transform: rotate(330deg) translate(7.92px, 0px);
}
@-webkit-keyframes opacity-60-25-0-12 {0% {opacity: 0.25;}0.01% {opacity: 0.25;}0.02% {opacity: 1;}60.01% {opacity: 0.25;}100% {opacity: 0.25;}}
@-webkit-keyframes opacity-60-25-1-12 {0% {opacity: 0.25;}8.34333% {opacity: 0.25;}8.35333% {opacity: 1;}68.3433% {opacity: 0.25;}100% {opacity: 0.25;}}
@-webkit-keyframes opacity-60-25-2-12 {0% {opacity: 0.25;}16.6767% {opacity: 0.25;}16.6867% {opacity: 1;}76.6767% {opacity: 0.25;}100% {opacity: 0.25;}}
@-webkit-keyframes opacity-60-25-3-12 {0% {opacity: 0.25;}25.01% {opacity: 0.25;}25.02% {opacity: 1;}85.01% {opacity: 0.25;}100% {opacity: 0.25;}}
@-webkit-keyframes opacity-60-25-4-12 {0% {opacity: 0.25;}33.3433% {opacity: 0.25;}33.3533% {opacity: 1;}93.3433% {opacity: 0.25;}100% {opacity: 0.25;}}
@-webkit-keyframes opacity-60-25-5-12 {0% {opacity: 0.270958333333333;}41.6767% {opacity: 0.25;}41.6867% {opacity: 1;}1.67667% {opacity: 0.25;}100% {opacity: 0.270958333333333;}}
@-webkit-keyframes opacity-60-25-6-12 {0% {opacity: 0.375125;}50.01% {opacity: 0.25;}50.02% {opacity: 1;}10.01% {opacity: 0.25;}100% {opacity: 0.375125;}}
@-webkit-keyframes opacity-60-25-7-12 {0% {opacity: 0.479291666666667;}58.3433% {opacity: 0.25;}58.3533% {opacity: 1;}18.3433% {opacity: 0.25;}100% {opacity: 0.479291666666667;}}
@-webkit-keyframes opacity-60-25-8-12 {0% {opacity: 0.583458333333333;}66.6767% {opacity: 0.25;}66.6867% {opacity: 1;}26.6767% {opacity: 0.25;}100% {opacity: 0.583458333333333;}}
@-webkit-keyframes opacity-60-25-9-12 {0% {opacity: 0.687625;}75.01% {opacity: 0.25;}75.02% {opacity: 1;}35.01% {opacity: 0.25;}100% {opacity: 0.687625;}}
@-webkit-keyframes opacity-60-25-10-12 {0% {opacity: 0.791791666666667;}83.3433% {opacity: 0.25;}83.3533% {opacity: 1;}43.3433% {opacity: 0.25;}100% {opacity: 0.791791666666667;}}
@-webkit-keyframes opacity-60-25-11-12 {0% {opacity: 0.895958333333333;}91.6767% {opacity: 0.25;}91.6867% {opacity: 1;}51.6767% {opacity: 0.25;}100% {opacity: 0.895958333333333;}}

.loading_outer .loading_window .loading_outer_text{margin-top:64%;}
.btn,.checkbtn{outline: 0;
	background-color: #fff;
	background-image: -moz-linear-gradient(top,#fff 0,#fff 100%);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#fff));
	background-image: -webkit-linear-gradient(top,#fff 0,#fff 100%);
	background-image: -o-linear-gradient(top,#fff 0,#fff 100%);
	background-image: linear-gradient(to bottom,#fff 0,#fff 100%);
	color: #222;
	display: inline-block;
	overflow: visible;
	padding: 0 22px 2px 22px;
	min-width:100px;
	_width:100px;
	height: 28px;
	line-height: 28px;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #e6e7ec;
	cursor: pointer;
	margin:0 5px;
	font:12px/1.5 tahoma,arial,'microsoft yahei',simsun;
}
.btn:hover{
	background-color: #e6e7ec;
	background-image: -moz-linear-gradient(top,#e6e7ec 0,#e6e7ec 100%);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#e6e7ec),to(#e6e7ec));
	background-image: -webkit-linear-gradient(top,#e6e7ec 0,#e6e7ec 100%);
	background-image: -o-linear-gradient(top,#e6e7ec 0,#e6e7ec 100%);
	background-image: linear-gradient(to bottom,#e6e7ec 0,#e6e7ec 100%);
	border-color: #dadbe0;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	color: #000;
}
.btn.primary {
	background-color: #165DFF;
	background-image: -moz-linear-gradient(top,#165DFF 0,#165DFF 100%);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#165DFF),to(#165DFF));
	background-image: -webkit-linear-gradient(top,#165DFF 0,#165DFF 100%);
	background-image: -o-linear-gradient(top,#165DFF 0,#165DFF 100%);
	background-image: linear-gradient(to bottom,#165DFF 0,#165DFF 100%);
	border-color: #165DFF;
	color: #fff;
}
.btn.primary:hover {
	background-color: #3572FF;
	background-image: -moz-linear-gradient(top,#3572FF 0,#3572FF 100%);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#3572FF),to(#3572FF));
	background-image: -webkit-linear-gradient(top,#3572FF 0,#3572FF 100%);
	background-image: -o-linear-gradient(top,#3572FF 0,#3572FF 100%);
	background-image: linear-gradient(to bottom,#3572FF 0,#3572FF 100%);
	border-color: #3572FF;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	color: #fff;
}
.btn.highlight {
	background-color: #44B549;
	border-color: #44B549;
	background-image: -moz-linear-gradient(top,#44B549 0,#44B549 100%);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#44B549),to(#44B549));
	background-image: -webkit-linear-gradient(top,#44B549 0,#44B549 100%);
	background-image: -o-linear-gradient(top,#44B549 0,#44B549 100%);
	background-image: linear-gradient(to bottom,#44B549 0,#44B549 100%);
	color: #fff;
}
.btn.highlight:hover {
	background-color: #44B549;
	border-color: #44B549;
	background-image: -moz-linear-gradient(top,#44B549 0,#44B549 100%);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#44B549),to(#44B549));
	background-image: -webkit-linear-gradient(top,#44B549 0,#44B549 100%);
	background-image: -o-linear-gradient(top,#44B549 0,#44B549 100%);
	background-image: linear-gradient(to bottom,#44B549 0,#44B549 100%);
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	color: #fff;
}
.btn.warn {
	background-color: #FF6666;
	background-image: -moz-linear-gradient(top,#FF6666 0,#FF6666 100%);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#FF6666),to(#FF6666));
	background-image: -webkit-linear-gradient(top,#FF6666 0,#FF6666 100%);
	background-image: -o-linear-gradient(top,#FF6666 0,#FF6666 100%);
	background-image: linear-gradient(to bottom,#FF6666 0,#FF6666 100%);
	border-color: #FF6666;
	color: #fff;
}
.btn.warn:hover {
	background-color: #FF4848;
	background-image: -moz-linear-gradient(top,#FF4848 0,#FF4848 100%);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#FF4848),to(#FF4848));
	background-image: -webkit-linear-gradient(top,##FF4848 0,#FF4848 100%);
	background-image: -o-linear-gradient(top,#FF4848 0,#FF4848 100%);
	background-image: linear-gradient(to bottom,#FF4848 0,#FF4848 100%);
	border-color: #FF4848;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	color: #fff;
}
.btn[disable] {
	background-color: #F4F5F9;
    background-image: -moz-linear-gradient(top,#F4F5F9 0,#F4F5F9 100%);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#F4F5F9),to(#F4F5F9));
	background-image: -webkit-linear-gradient(top,##F4F5F9 0,#F4F5F9 100%);
	background-image: -o-linear-gradient(top,#F4F5F9 0,#F4F5F9 100%);
	background-image: linear-gradient(to bottom,#F4F5F9 0,#F4F5F9 100%);
	border-color: #F4F5F9;
	color: #999;
}
.btn[disable]:hover{
	background-color: #F4F5F9;
    background-image: -moz-linear-gradient(top,#F4F5F9 0,#F4F5F9 100%);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#F4F5F9),to(#F4F5F9));
	background-image: -webkit-linear-gradient(top,##F4F5F9 0,#F4F5F9 100%);
	background-image: -o-linear-gradient(top,#F4F5F9 0,#F4F5F9 100%);
	background-image: linear-gradient(to bottom,#F4F5F9 0,#F4F5F9 100%);
	border-color: #F4F5F9;
	color: #999;
}
.btn.mini{
	padding: 0 10px;
	min-width:50px;
	height: 24px;
	line-height: 24px;
    margin:0;
}

.checkbtn.orange {
  background: #ffa306 url(check_bg_hw.png) no-repeat;
  background-position: 110px -20%;
  border-color: #ffa306;
  color: #fff;
}
.checkbtn.orange:hover {
  background-color: #eb9606;
  background-image: -moz-linear-gradient(top,#eb9606 0,#eb9606 100%);
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#eb9606),to(#eb9606));
  background-image: -webkit-linear-gradient(top,##eb9606 0,#eb9606 100%);
  background-image: -o-linear-gradient(top,#eb9606 0,#eb9606 100%);
  background-image: linear-gradient(to bottom,#eb9606 0,#eb9606 100%);
  border-color: #eb9606;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  color: #fff;
}
.checkbtn.blue {
  background: #368af4 url(check_bg_tooth.png) no-repeat;
  background-position: 110px -20%;
  border-color: #368af4;
  color: #fff;
}
.checkbtn.blue:hover {
  background-color: #2f7bdb;
  background-image: -moz-linear-gradient(top,#2f7bdb 0,#2f7bdb 100%);
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#2f7bdb),to(#2f7bdb));
  background-image: -webkit-linear-gradient(top,##2f7bdb 0,#2f7bdb 100%);
  background-image: -o-linear-gradient(top,#2f7bdb 0,#2f7bdb 100%);
  background-image: linear-gradient(to bottom,#2f7bdb 0,#2f7bdb 100%);
  border-color: #2f7bdb;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  color: #fff;
}
.checkbtn.green {
  background: #00b783 url(check_bg_eye.png) no-repeat;
  background-position: 110px -20%;
  border-color: #00b783;
  color: #fff;
}
.checkbtn.green:hover {
  background-color: #059b70;
  background-image: -moz-linear-gradient(top,#059b70 0,#059b70 100%);
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#059b70),to(#059b70));
  background-image: -webkit-linear-gradient(top,##059b70 0,#059b70 100%);
  background-image: -o-linear-gradient(top,#059b70 0,#059b70 100%);
  background-image: linear-gradient(to bottom,#059b70 0,#059b70 100%);
  border-color: #059b70;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  color: #fff;
}
.checkbtn.red {
  background: #ff7c1f url(check_bg_blood.png) no-repeat;
  background-position: 110px -20%;
  border-color: #ff7c1f;
  color: #fff;
}
.checkbtn.red:hover {
  background-color: #ec741f;
  background-image: -moz-linear-gradient(top,#ec741f 0,#ec741f 100%);
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#ec741f),to(#ec741f));
  background-image: -webkit-linear-gradient(top,##ec741f 0,#ec741f 100%);
  background-image: -o-linear-gradient(top,#ec741f 0,#ec741f 100%);
  background-image: linear-gradient(to bottom,#ec741f 0,#ec741f 100%);
  border-color: #ec741f;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  color: #fff;
}
a.checkbtn{min-width:141px;line-height:60px;height:60px;font-size: 16px;}

a.btn{padding:0 10px;min-width:60px;line-height:30px;height:30px;vertical-align:bottom;}

.btn.inner{
}

.data-table table{
    width:100%;
    border-collapse: collapse;
    border-top: 1px solid #EBEEF5;
    border-bottom: 1px solid #EBEEF5;
    font-size:12px;
}
.data-table table tr th {
    border-top: 0;
    background: #F8F8F9;
    border-bottom: 1px solid #EBEEF5;
    padding: 8px 10px;
    line-height: 20px;
    text-align: left;
    color: #000;
    font-weight: 400;
    font-size:13px;
}
.data-table table tr td {
    line-height: 20px;
    padding: 8px 10px;
    color: #000;
    white-space1: nowrap;
    border-top: 1px solid #e7e7eb
}
.data-table table tr td.w{
    white-space: nowrap;
}
.data-table table tr td:last-child{
    text-align:right;
}
.data-table table tr th:last-child{
    
}
.data-table > table > tr:hover td{background-color:#F0F0F0}
.data-table > table > tbody > tr:hover td{background-color:#F0F0F0}
.data-table > table > tbody > tr.no-hover:hover td{background-color:transparent;}
.data-table .caption{
    font-size:14px;font-weight:bold;color:#000;
    line-height:200%;
    margin-top:10px;
}
.data-table table tfoot tr th {border-top: 0;height: 38px;background: #f4f5f9;border-top: 1px solid #e7e7eb;padding: 0 10px;line-height: 38px;text-align: left;color: #222;font-weight: 400}



.data-table.mini table tr td{padding:5px;}

.data-table.mini2 table tr th{padding:3px 2px;font-size:14px;}
.data-table.mini2 table tr td{padding:3px 2px;font-size:14px;line-height:26px;}

.data-table table.bordered tr th{
    border-left: 1px solid #EBEEF5;
    border-right: 1px solid #EBEEF5;
}
.data-table table.bordered tr td{
    border-left: 1px solid #EBEEF5;
    border-right: 1px solid #EBEEF5;
}

.data-table table.center tr th{
    text-align:center;
}
.data-table table.center tr td{
    text-align:center;
}

.data-display-table > table{width:100%;border-collapse: collapse;border:1px solid #e7e7eb}
.data-display-table > table > thead > tr > th {border-top: 0;height: 38px;background: #f4f5f9;border-bottom: 1px solid #e7e7eb;padding: 0 10px;line-height: 38px;text-align: left;color: #222;font-weight: 400}
.data-display-table > table > tr > td {
    line-height: 19px;
    padding: 10px 10px;
    color: #666;
    white-space1: nowrap;
    border-top: 1px solid #e7e7eb
}

.data-form{margin:0 auto;}
.data-form dl{zoom:1;overflow:hidden;padding:10px 0;}
.data-form dl dt{float:left;width:100px;line-height:30px;}
.data-form dl dd{margin-left:110px;line-height:30px;}
.data-form dl dd .btn{margin-left:0;}
.data-form.style0 dt{text-align:right;width:var(--w);}
.data-form.style0 dl dd{margin-left:calc(var(--w) + 10px);}

.data-form.style1 dt{text-align:right;width:120px;}
.data-form.style1 dl dd{margin-left:130px;}

.data-form.style2 dt{text-align:right;width:80px;}
.data-form.style2 dl dd{margin-left:90px;}

.data-form.style3 dt{text-align:right;width:180px;}
.data-form.style3 dl dd{margin-left:110px;}

.data-form.style4 dl {border-bottom:1px dotted #eee;}
.data-form.style4 dl.f{border-top:1px dotted #eee;}
.data-form.style4 dl dt{color:#888;}
.data-form.style4 dl dd{margin-left:110px;font-size:16px;}

.data-form.style5 dt{text-align:right;width:130px;}
.data-form.style5 dl dd{margin-left:140px;}

.data-form.style6 dt{display:none;}
.data-form.style6 dl{border:0;}
.data-form.style6 dl dd{margin-left:10px;}

.data-form.style7 dl {border-bottom:1px dotted #eee;}
.data-form.style7 dl.f{border-top:1px dotted #eee;}
.data-form.style7 dl dt{color:#888;text-align:right;}
.data-form.style7 dl dd{margin-left:110px;font-size:16px;}

.data-form.style8 dl {}
.data-form.style8 dl.f{}
.data-form.style8 dl dt{color:#888;text-align:right;}
.data-form.style8 dl dd{margin-left:110px;font-size:16px;}

.data-form.data-form-line dl{border-top:1px solid #eee;padding:20px 0;}
.data-form.data-form-line dl.f{border-top:0;}

.data-form .row-2{zoom:1;overflow:hidden;border-bottom:1px solid #eee;}
.data-form .row-2 dl{float:left;width:50%;}
.data-form .row-3{zoom:1;overflow:hidden;border-bottom:1px solid #eee;}
.data-form .row-3 dl{float:left;width:33%;}
.data-form .row-4{zoom:1;overflow:hidden;border-bottom:1px solid #eee;}
.data-form .row-4 dl{float:left;width:25%;}

.data-form.style4 .row-2 dl{border-bottom:0;}

.data-form.style7 .row-3{border-bottom:0;}

.data-form.style8 .row.f{border-top:1px dotted #eee;}
.data-form.style8 .row{border-bottom:1px dotted #eee;}


.data-form .row-title{color:#666;margin-top:15px;padding:10px 10px;border-bottom:1px solid #eee;}

.tip{position:relative;display:inline-block;*display:inline;*zoom:1;color:#555;line-height:30px;padding:0 5px;border:1px solid #e7e7eb;font-size:14px;}
.tip:before{content:"";position:absolute;display: inline-block;*display:inline;*zoom:1;background-color:#fff;width:8px;height:8px;border-top:1px solid #e7e7eb;border-left:1px solid #e7e7eb;}
.tip.left{margin-left:8px;}
.tip.left:before{left:-2px;top:50%;transform:rotate(-45deg) translate(0,-50%);margin-top:-2px}
.tip.down{}
.tip.down:before{left:10px;bottom:-6px;transform:rotate(225deg);}

.table-view{width:900px;margin:0 auto;padding-top:20px;}
.table-view .view-row{border-bottom:1px dotted #eee;}
.table-view .view-row.f{border-top:1px dotted #eee;}

.table-view .view-row dl{zoom:1;overflow:hidden;padding:10px 0;}
.table-view .view-row dl dt{float:left;width:100px;line-height:30px;text-align:right;color:#888}
.table-view .view-row dl dd{margin-left:110px;line-height:30px;}
.table-view .view-row dl dd .btn{margin-left:0;}

.table-view .view-row-2{zoom:1;overflow:hidden;}
.table-view .view-row-2 dl{float:left;width:50%;}

.table-view .view-diff-row dd {zoom:1;overflow:hidden;}
.table-view .view-diff-row dd .left-value{float:left;width:50%;}
.table-view .view-diff-row dd .right-value{float:right;width:50%;}
.table-view .view-diff-row dd .right-value.modified{color:#f00;}

.text{border:1px solid #e7e7eb;width:390px;padding:5px;outline:none;}
.select{border:1px solid #e7e7eb;padding:5px;outline:none;}
.textarea{border:1px solid #e7e7eb;padding:5px;outline:none;}

.text.btn{text-align:left;height:24px;line-height:24px;width:100px;}
.text.btn.primary::placeholder {
  color: #fff;
  
}

.article-view{}
.article-view h2{text-align:center;font-weight:400;line-height:60px;font-size:30px;color:#333;}
.article-view .info{text-align:center;color:#999;line-height:22px;padding-bottom:10px;border-bottom:1px solid #eee;}
.article-view .subtitle{padding:20px 20px 0 20px;line-height:180%;font-size:14px;}
.article-view .content{padding:20px;line-height:180%;}
.article-view .download{padding:20px;line-height:180%;}

.pager{margin-top:20px;text-align:center;color:#666;font-size:0;}
.pager a{display:inline-block;*display:inline;*zoom:1;margin:0 3px;padding:0px 6px;line-height:20px;font-size:13px;}
.pager a:hover{color:#fff;background-color:#165DFF}
.pager a.current{color:#fff;background-color:#165DFF}
.pager span{font-size:13px;margin-left:10px;}

.dialog_overlay{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 9999;}

.dialog{display:none;position:fixed;z-index:9999;background-color:#fff;left:50%;top:50%;}
.dialog .title{font-size:16px;line-height:50px;padding-left:10px;background-color: #f4f5f9;}

.dialog .title-close{width:40px;height:40px;position:absolute;right:5px;top:5px;cursor:pointer;}
.dialog .title-close span{display:block;width:15px;height:15px;background:url(dialog-close.png) no-repeat 0 0;margin-top:12px;margin-left:12px;}
.dialog .title-close:hover span{background-position:0 -15px;}

.dialog .content{min-width:120px;min-height:50px;}
.dialog .content .select{border:1px solid #e7e7eb;width:100px;padding:4px;outline:none;}
.dialog .content .text{border:1px solid #e7e7eb;width:300px;padding:5px;outline:none;}
.dialog .content .desc{color:#8d8d8d;margin-top:10px;}

.dialog .button{position:absolute;bottom:0;left:0;right:0;padding:10px 0;text-align:center;}
.dialog .button a{color:#333;margin:0 2px;display:inline-block;*display:inline;*zoom:1;line-height:28px;height:28px;padding:0 30px;border-radius:3px;background-color:#fff;border:1px solid #EBEBEB;}
.dialog .button a:hover{border-color:#ADADAD;background-color:#fcfcfc;cursor:pointer;}
.dialog .button a:active{background-color:#ebebeb;}

.dialog .footer{padding: 16px 0;background-color: #f4f5f9;text-align:center;}

.dialog .tabs{overflow:hidden;zoom:1;padding:10px 10px 0 10px;border-bottom:1px solid #e0e0e0;}
.dialog .tabs .tab{display:block;float:left;padding:0 20px;text-align:center;line-height:30px;cursor:pointer;}
.dialog .tabs .tab.on{background-color:#eaeaea;}
.dialog .pages .page{display:none;}
.dialog .pages .page.on{display:block;}

.dialog_overlay.in{
  animation: fadeIn 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.dialog_overlay.out{
  animation: fadeOut 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.dialog.in{
    display:block;
    opacity: 0;
    animation: dialogIn 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.dialog.out{
    display:block;
    animation: dialogOut 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
@keyframes dialogIn {
  0% {
    transform: scale(0.8) translateY(100px);
    opacity: 0;
  }
  100% {
    transform: scale(1) translateY(0px);
    opacity: 1;
  }
}
@keyframes dialogOut {
  0% {
    transform: scale(1) translateY(0px);
    opacity: 1;
  }
  100% {
    transform: scale(0.8) translateY(100px);
    opacity: 0;
  }
}
@keyframes fadeIn {
  0% {
    background: rgba(0, 0, 0, 0);
  }
  100% {
    background: rgba(0, 0, 0, 0.6);
  }
}
@keyframes fadeOut {
  0% {
    background: rgba(0, 0, 0, 0.7);
  }
  100% {
    background: rgba(0, 0, 0, 0);
  }
}


.dialog .data-table{}
.dialog .data-table table tr th {padding: 0 6px;line-height: 34px;}
.dialog .data-table table tr td {padding: 8px 6px;}

.popover{
	position: absolute;
	background-color:#fff;
	border:1px solid #d9dadc;
	min-width:200px;
	z-index:10010;
}
.popover .popover-inner{
	padding:15px 25px;
}
.popover .popover-button{
	padding:15px 25px;
}
.popover .popover-arrow{
	top:0;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	margin-top: -8px;
	display: inline-block;*display:inline;*zoom:1;
	width: 0;
	height: 0;
	border-width: 8px;
	border-style: dashed;
	border-color: transparent;
	border-top-width: 0;
	border-bottom-color: #d9dadc;
	border-bottom-style: solid;
}
.popover .popover-arrow2{
	top:1px;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	margin-top: -8px;
	display: inline-block;*display:inline;*zoom:1;
	width: 0;
	height: 0;
	border-width: 8px;
	border-style: dashed;
	border-color: transparent;
	border-top-width: 0;
	border-bottom-color: #fff;
	border-bottom-style: solid;
}
.popover .popover-title{line-height:30px;margin-bottom:5px;}
.popover .text{vertical-align: middle;border:1px solid #e7e7eb;width:170px;padding:5px;outline:none;}
.popover .popover-button{
	padding: 15px 0;text-align:center;
}
.popover .popover-button .btn{width:80px;}

.page-filter{zoom:1;overflow:hidden;margin-bottom:20px;padding-top:10px;}
.page-filter .filter-item{float:left;margin-right:20px;}
.page-filter .filter-item label{margin-right:10px;}
.page-filter select{padding:2px;line-height:30px;height:30px;border:1px solid #ccc;outline:none;}

.uploader_preview .preview-item {zoom:1;overflow:hidden;width:100px;}
.uploader_preview .preview-item p{zoom:1;overflow:hidden;}
.uploader_preview .preview-item p .move_up{display:block;float:left;width:33px;height:14px;background:url(arrow_left_12.png) no-repeat center center;}
.uploader_preview .preview-item p .move_down{display:block;float:left;width:33px;height:14px;background:url(arrow_right_12.png) no-repeat center center;}
.uploader_preview .preview-item p .delete{display:block;float:left;width:34px;height:14px;background:url(delete_12.png) no-repeat center center;}



.selected-list{border:1px solid #e7e7eb;overflow:auto;}
.selected-list .selected-item {padding-left:24px;border-bottom:1px solid #eee;position:relative;line-height:30px;}
.selected-list .selected-item:last-child{border-bottom:0;}
.selected-list .selected-item.user{background:url(ico16-person.png) no-repeat 4px center;}
.selected-list .selected-item.tag{background:url(ico16-tag.png) no-repeat 4px center;}
.selected-list .selected-item.class{background:url(ico16-class.png) no-repeat 4px center;}
.selected-list .selected-item.none{background:url(ico16-none.png) no-repeat 4px center;}
.selected-list .selected-item .del{position:absolute;width:20px;height:20px;display:block;right:5px;top:5px;background:url(ico16-delete.png) no-repeat center center;}

.block-form{
    margin-top:20px;
    border:1px solid #EEEEEE;
}
.block-form .block-title{
    background-color:#F4F5F9;
    line-height:40px;
    padding:0 10px;
}
.block-form .block-content{
    min-height:50px;
}
.block-form .block-content .data-form{
    padding-top:0;
}

.stats-view{}
.stat-view{}
.stat-view label{display:block;font-size:16px;line-height:140%;color:#666;text-align:center;}
.stat-view span{display:block;font-size:30px;line-height:150%;color:#000;text-align:center;}

.input_student_select_box{position:absolute;width:400px;background-color:#fff;border:1px solid #eee;padding:1px;}
.input_student_select_box .item{padding:0 10px;font-size:14px;line-height:34px;cursor:pointer;}
.input_student_select_box .item:hover{background-color:#eee;}

.input_teacher_select_box{position:absolute;width:400px;background-color:#fff;border:1px solid #eee;padding:1px;}
.input_teacher_select_box .item{padding:0 10px;font-size:14px;line-height:34px;cursor:pointer;}
.input_teacher_select_box .item:hover{background-color:#eee;}
input.warn{border-color:#a00;}

.statistics{}
.statistics .statistic{}

.statistics{
    text-align:center;
    padding: 0;
    font-size:0;
}
.statistics .statistic{
    display:inline-block;
    *display:inline;
    *zoom:1;
    padding:0 0;
    margin:10px 0;
    border-left:1px solid #BBBBBB;
    width:33.33%;
    box-sizing:border-box;
}
.statistics .statistic.f{
    border-left:0;
}
.statistics .statistic label{
    font-size:16px;
    font-weight:500;
    color:#333;
    line-height:30px;
    margin-bottom:10px;
    display:block;
}
.statistics .statistic span{
    font-size:40px;
    line-height:40px;
    color:#000;
    display:block;
}
.statistics-2 .statistic{
    width:50%;
}
.statistics-3 .statistic{
    width:33.33%;
}

.data-panel{border:1px solid #e7e7eb;padding:10px;}

.dataview-panel table{width:100%;border-collapse: collapse;border:1px solid #e7e7eb}
.dataview-panel table tr th {border-top: 0;height: 38px;background: #f4f5f9;border-bottom: 1px solid #e7e7eb;padding: 0 10px;line-height: 38px;text-align: left;color: #222;font-weight: 400}
.dataview-panel table tr td {
    line-height: 19px;
    padding: 10px 10px;
    color: #666;
    border-top: 1px solid #e7e7eb
}

.lbl_system{height:25px;background-color: #5890E1;border-radius: 3px;color: #fff;font-style: normal;padding: 5px;font-size:12px;margin-right:5px}
.lbl_school{height:25px;background-color: #8BC34A;border-radius: 3px;color: #fff;font-style: normal;padding: 5px;font-size:12px;margin-right:5px}


.smaller{
    padding-left:15px;
    background:url(arraw1_bottom.png) no-repeat 0 center;
}
.bigger{
    padding-left:15px;
    background:url(arraw1_top.png) no-repeat 0 center;
}
.similar{
    padding-left:15px;
    background:url(arraw1_right.png) no-repeat 0 center;
}

.sort{
    position:relative;
    padding-right:16px;
    cursor:pointer;
}
.sort:after{
    content:'';
    display:block;
    position:absolute;right:0;top:50%;margin-top:-6px;
    width:12px;height:12px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAkCAYAAAC9itu8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDVCQTAxOTMxQjZFMTFFQUE4QkVFQjc3QjkwNTJFRTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDVCQTAxOTQxQjZFMTFFQUE4QkVFQjc3QjkwNTJFRTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NUJBMDE5MTFCNkUxMUVBQThCRUVCNzdCOTA1MkVFMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NUJBMDE5MjFCNkUxMUVBQThCRUVCNzdCOTA1MkVFMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ppicx64AAAC5SURBVHjaYmDAArZv314PwtjkGLEp/v//fwNYkpGxwdPTsxGnBmTFcAVomhjxKcamiZGQYnRNjJs3b3ZgIAEwMZAISHcSWZ4mK1iJjTgGUpMGCzbBU6dOwYK6kWBaamxs3P/06VOwBmlp6QP19fWOODUgK4YBdE2M+BRj08RISDG6Jsa2trYCUpIGi66u7oXRtEQgLZGX40ZaucRy+fJlA5JDiaTkTVYGIiuLElsIYAUgTSCMTQ4gwABMzeJbw4R5xAAAAABJRU5ErkJggg==');
    background-repeat:no-repeat;
    background-size:12px 36px;
}
.sort.asc:after{
    background-position:0 -12px;
}
.sort.desc:after{
    background-position:0 -24px;
}


input[type="checkbox"]{
    -webkit-appearance: none;
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 2px;
    border: 1px solid #767676;
    background-color:#fff;
    outline:none;
    vertical-align:middle;
}
input[type="checkbox"]:checked{
    background-color:#6E6E6E;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M954.857143 323.428571q0 22.857143-16 38.857143l-413.714286 413.714286-77.714286 77.714286q-16 16-38.857143 16t-38.857143-16l-77.714286-77.714286-206.857143-206.857143q-16-16-16-38.857143t16-38.857143l77.714286-77.714286q16-16 38.857143-16t38.857143 16l168 168.571429 374.857143-375.428571q16-16 38.857143-16t38.857143 16l77.714286 77.714286q16 16 16 38.857143z' fill='%23ffffff'%3E%3C/path%3E%3C/svg%3E");
    background-size:10px 10px;
    background-position:center center;
    background-repeat:no-repeat;
}

input[type="radio"]{
    -webkit-appearance: none;
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 1px solid #767676;
    background-color:#fff;
    outline:none;
    vertical-align:middle;
}
input[type="radio"]:checked{
    background-color:#fff;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='100%25' height='100%25'%3E%3Ccircle cx='512' cy='512' r='420' fill='%236E6E6E' /%3E%3C/svg%3E");
    background-size:10px 10px;
    background-position:center center;
    background-repeat:no-repeat;
}
input[type="checkbox"].f{
    -webkit-appearance: none;
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 2px;
    border: 1px solid #767676;
    background-color:#fff;
    outline:none;
    vertical-align:middle;
}
input[type="checkbox"].f:checked{
    background-color:#6E6E6E;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M954.857143 323.428571q0 22.857143-16 38.857143l-413.714286 413.714286-77.714286 77.714286q-16 16-38.857143 16t-38.857143-16l-77.714286-77.714286-206.857143-206.857143q-16-16-16-38.857143t16-38.857143l77.714286-77.714286q16-16 38.857143-16t38.857143 16l168 168.571429 374.857143-375.428571q16-16 38.857143-16t38.857143 16l77.714286 77.714286q16 16 16 38.857143z' fill='%23ffffff'%3E%3C/path%3E%3C/svg%3E");
    background-size:10px 10px;
    background-position:center center;
    background-repeat:no-repeat;
}

.toast{
    position:fixed;
    z-index:1000;
    display:flex;
    background-color:rgba(0,0,0,0.6);
    color:#fff;
    text-align:center;
    line-height:30px;
    padding:10px 20px;
    border-radius:5px;
    left:50%;
    top:20px;
    font-size:16px;
    transform:translateX(-50%);
}

.valuearea{
    
}
.valuearea-container{
    position:relative;
}
span.valuearea{
    position:absolute;
    top:0;
    left:0;right:0;bottom:0;
    display: flex;
    justify-content: center;
    align-items: center;
    
}
.valuearea:hover{
    position:relative;
    cursor:pointer;
    color:#000;
    background-color:#FDF9D0;
}
.valuearea:hover:before{
    content:'';
    display:block;
    position:absolute;
    width:16px;
    height:16px;
    background-image: url("data:image/svg+xml,%3Csvg t='1718420208689' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='5952' width='16' height='16'%3E%3Cpath d='M275.6 782c-8.5 0-16.6-3.4-22.6-9.4l-138-138c-12.5-12.5-12.5-32.8 0-45.3l398.6-398.6c8.9-8.9 33.5-29.5 71.2-29.5 26.9 0 52.2 10.5 71.2 29.5l40.9 40.9c39.2 39.2 39.2 103.1 0 142.4L654 417C538.2 532.7 418.5 652.3 298.2 772.6c-6 6-14.1 9.4-22.6 9.4z m-92.7-170l92.7 92.7c112.7-112.7 224.7-224.6 333.2-333l42.9-42.9c14.3-14.3 14.3-37.7 0-51.9L610.8 236c-6.9-6.9-16.1-10.7-26-10.7-14.5 0-24.2 8.9-26 10.7L182.9 612z' p-id='5953' fill='%23000000'%3E%3C/path%3E%3Cpath d='M96.7 822.9c-8.4 0-16.6-3.3-22.6-9.4-8.1-8.1-11.2-19.9-8.3-30.9l47.6-177.5c3-11 11.6-19.7 22.6-22.6 11-3 22.8 0.2 30.9 8.3l130 129.9c8.1 8.1 11.2 19.9 8.3 30.9-3 11-11.6 19.7-22.6 22.6L105 821.8c-2.8 0.7-5.5 1.1-8.3 1.1z m64.2-147.7L142 745.6l70.5-18.9-51.6-51.5zM607.2 419.2c-8.3 0-16.6-3.2-22.8-9.6L463.1 286.1c-12.4-12.6-12.2-32.9 0.4-45.3 12.6-12.4 32.9-12.2 45.3 0.4L630 364.8c12.4 12.6 12.2 32.9-0.4 45.3-6.2 6-14.3 9.1-22.4 9.1zM922.9 813.3H402.1c-17.7 0-32-14.3-32-32s14.3-32 32-32h520.8c17.7 0 32 14.3 32 32s-14.3 32-32 32z' p-id='5954' fill='%23000000'%3E%3C/path%3E%3Cpath d='M922.9 677.3H599.6c-17.7 0-32-14.3-32-32s14.3-32 32-32h323.3c17.7 0 32 14.3 32 32s-14.3 32-32 32z' p-id='5955' fill='%23000000'%3E%3C/path%3E%3Cpath d='M921.9 543.8H725.6c-17.7 0-32-14.3-32-32s14.3-32 32-32h196.3c17.7 0 32 14.3 32 32s-14.3 32-32 32z' p-id='5956' fill='%23000000'%3E%3C/path%3E%3C/svg%3E");
    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat;
    top:0;right:0;
}

.empty-prompt-area{
    line-height:50px;
    padding:20px;
    text-align:center;
    color:#888;
}
.beta{
    position:relative;
}
.beta:after{
    content:'测试';
    display:block;
    position:absolute;
    top:-5px;
    right:-10px;
    color:#f00;
}

.popupmenu{
    position:absolute;
    z-index:3000;
    background-color:#fff;
    padding:5px;
    border-radius:4px;
    box-shadow:0 6px 16px 0 rgba(0, 0, 0, 0.08),0 3px 6px -4px rgba(0, 0, 0, 0.12),0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.popupmenu-item{
    color:rgba(0, 0, 0, 0.88);
    border-radius:4px;
    padding:5px 12px;
    min-width:5em;
    font-size:14px;
    line-height:1.5;
    cursor:pointer;
    white-space: nowrap;
}
.popupmenu-item:hover{
    background-color:rgba(0,0,0,0.04);
}
.popupmenu-divider{
    overflow: hidden;
    line-height: 0;
    border-top: 1px solid rgba(5, 5, 5, 0.06);
    margin:2px 0;
    padding: 0;
}