/*modyfy 2018-10-17*/
p,
ul {
  margin: 0
}
input{
	display: inline-block;
}
[v-cloak] {
  display:none !important;
}
.frameShell {
	min-width:1000px;
}
.errormsg {
  position: relative;
  display:block;
  width: 100%;
  background: #ccc;
  /*padding: 10px 10px 1px 10px;*/
  z-index: 301;
  margin-top: -10px;
  animation: cccca 6s forwards;
}

.errormsg span {
  color: red;
  font-size:16px;
  margin-top: 10px;
  margin: 10px auto 0 auto;
}
.errormsg li {
  text-align: center;
  padding: 10px;
}
@keyframes cccca {
  0% {
      opacity: 0;
  }
  50% {
      opacity: 1;
  }
  100% {
      opacity: 0;
  }
}
.wrapper {
  width: 100%;
  padding-right: 10px;
  padding-left: 10px;
  margin-right: auto;
  margin-left: auto
}
.wrap {
  position: relative;
  margin-left: -10px;
  margin-right: -10px;
  min-width: 1024px;
}
.wrap-min {
  min-width:1190px;
}
iframe .wrap {
  min-width: 0;
}
.w_inner {
  padding: 0 10px;
}
.commonTopbar {
  margin: 0;
  line-height: 30px;
  height: 30px;
  padding: 0 10px;
}


.commonTopbar .bar_right .dropInfo ul li {
  float: none
}

.commonTopbar p,
.commonTopbar span,
.commonTopbar a {
  margin: 0;
}


.commonTopbar .bar_left .download:before {
  display: inline-block;
  content: "";
  width: 11px;
  height: 20px;
  vertical-align: -5px;
  margin: 0 5px 0 20px;
  background: url(../images/watch/icon.png) no-repeat;
  background-position: -224px -62px
}

.commonTopbar .bar_right {
  float: right;
  z-index: 303;
}

.commonTopbar .bar_right ul li {
  float: left
}

.commonTopbar .bar_right a {
  cursor: pointer
}

.commonTopbar .bar_right .message {
  position: relative;
  display: inline-block;
  width: 17px;
  height: 19px;
  vertical-align: -6px;
  margin-right: 10px;
  background: url(../images/watch/icon.png) no-repeat;
  background-position: -240px -38px
}

.commonTopbar .bar_right .message i {
  position: absolute;
  right: -1px;
  top: 0;
  display: inline-block;
  width: 4px;
  height: 4px;
  background: red;
  border-radius: 50%
}

.header {
  background: #f8f8f8;
  margin-bottom: 10px;
}

.header .logo {
  float: left;
  margin-left: 10px;
  margin-top: 9px
}

.header .logo a {
  display: inline-block
}

.header .nav {
  float: left;
  z-index: 302;
  opacity: 0;
}
.header .nav ul {
  dispaly: flex;
  margin: 0;
}

.header .nav ul li {
  float: left;
  line-height: 60px
}
.header .nav ul li .caiinfo {
  position: absolute;
  top: 12px;
  left: 50%;
  color: #fff;
  text-align: center;
  line-height: 17px;
  margin-left: 17px;
  height: 18px;
  background: #d5272b;
  min-width: 18px;
  padding: 0 5px;
  border-radius: 9px;
}
.header .nav ul li.active a {
  color: #55c4b8
}

.header .nav ul li a {
  display: block;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  color: #666;
  transition: all .5s
}

.header .nav ul li ul li a {
  width: 140px;
  padding: 0
}

.header .nav ul li:hover a {
  color: #55c4b8
}

.header .entry {
  float: right;
  font-size: 16px;
  color: #666;
  line-height: 42px;
  margin-right: 10px;
  margin-top: 9px
}

.header .entry a {
  font-size: 16px;
  color: #55c4b8
}
/*未登录header显示*/
.header .head-r {
  float: right;
  font-size: 16px;
  line-height: 30px;
  margin: 15px 10px;
}
.header .head-r .tabRole .green-txt {
  display: inline-block;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
  max-width: 300px;
  vertical-align: -9px;
}
.header .head-r .tabRole {
  font-size: 16px;
}
.header .head-r a.yellow {
  width: 66px;
  margin-left: 7px;
  text-align: center;
  font-size: 14px;
  border-radius: 3px;
}
.header .head-r .tabRole:hover {
  color: #333;
  cursor: pointer;
}
.header .head-r ul li {
  float: left;
  margin-left: 10px;
}
a.btn-blue {
  display: block;
  font-size: 16px;
  color: #55c4b8;
  line-height: 28px;
  text-align: center;
  border: 1px solid #55c4b8;
  min-width: 94px;
  padding:0 30px;
  height: 30px;
  box-sizing: border-box;
  cursor: pointer;
  border-radius: 5px;
  transition: background .5s;
  -webkit-transition: background .5s;
  -moz-transition: background .5s;
  -ms-transition: background .5s;
}

.header .head-r ul li.on a {
  background: #55c4b8;
  color: #fff;
}

a.btn-blue:hover {
  background: #55c4b8;
  color: #fff;
}
#cssmenu {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#bar_right,
#bar_right ul,
#bar_right ul li,
#bar_right ul li a {
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

#bar_right {
  height: 30px
}

#cssmenu>ul>li {
  flex: 1;
  float: left;
  padding: 0 20px;
  /* width: 90px; */
}

#cssmenu.align-center>ul {
  font-size: 0;
  text-align: center
}

#cssmenu.align-center>ul>li {
  display: inline-block;
  float: none
}

#cssmenu.align-right>ul>li {
  float: right
}

#cssmenu.align-right ul ul {
  text-align: right
}

#cssmenu>ul>li>a {
  text-transform: uppercase;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
  cursor: pointer;
}

#cssmenu ul ul,
#bar_right ul ul {
  position: absolute;
  left: -9999px;
  box-shadow: 0px 3px 15px #666
}

#cssmenu li:hover>ul,
#bar_right li:hover>ul {
  left: 50%;
  margin-left: -70px;
}

#cssmenu.align-right li:hover>ul {
  right: 0
}

#cssmenu.align-right ul ul ul {
  margin-left: 0;
  margin-right: 100%
}

#cssmenu ul ul li,
#bar_right ul ul li,
.enterList li {
  height: 0;
  background: #fff;
  clear: both;
  -webkit-transition: height .2s ease;
  -moz-transition: height .2s ease;
  -ms-transition: height .2s ease;
  -o-transition: height .2s ease;
  transition: height .2s ease
}

#cssmenu ul li:hover>ul>li,
#bar_right ul li:hover>ul>li,
.enterList li:hover {
  height: 32px
}

#cssmenu ul ul li a,
#bar_right ul ul li a,
.enterList li a {
  width: 140px;
  text-align: center;
  font-size: 16px;
  font-weight: normal;
  line-height: 32px;
  background: #fff;
  text-decoration: none;
  color: #666;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease
}
#cssmenu ul ul.func {
    width: 338px;
    min-width: 338px;
    padding: 10px;
    background: #fff;
}

#cssmenu li:hover>ul.func {
    left: -90px;
}

#cssmenu ul ul.func li:nth-child(7),
#cssmenu ul ul.func li:nth-child(8),
#cssmenu ul ul.func li:nth-child(9) {
    border-bottom: 1px solid #ccc;
}

#cssmenu ul ul.func li {
    float: left;
    clear: none;
    line-height: 30px;
}
#bar_right ul ul li a {
  width: 80px
}

#bar_right ul ul.message_list li a,
#bar_right ul ul.message_list li a span {
  text-align: left;
  font-size: 14px;
  color: #666;
  width: 300px
}

#bar_right ul ul.message_list li.yd a,
#bar_right ul ul.message_list li.yd a span {
  color: #999
}

#bar_right ul ul.message_list li a {
  height: 32px;
  padding: 0 10px;
  border-bottom: 1px solid #eee
}

#bar_right ul ul.message_list li a span {
  margin-right: 10px
}

#bar_right ul ul.message_list li {
  border-top: 1px solid #eeeeee
}

#bar_right ul ul.message_list li:hover a,
#bar_right ul ul.message_list li:hover a span,
#bar_right ul ul.message_list li a:hover {
  color: #666;
  background: #fff
}

#bar_right ul ul.message_list,
#bar_right ul ul.user_info {
  left: auto;
  right: 0;
  background: #fff;
  height: 0;
  overflow: hidden
}

#bar_right .message_list .title {
  border-bottom: 1px solid #ccc
}

#bar_right .message_list .title span {
  float: left;
  font-size: 16px;
  color: #666;
  line-height: 36px;
  margin-left: 10px
}

#bar_right .message_list .title a {
  float: right;
  font-size: 12px;
  color: #999;
  line-height: 36px;
  margin-right: 10px
}

#bar_right .message_list a.all {
  display: inline-block;
  line-height: 36px;
  text-align: center;
  color: #666;
  width: 100%
}

#bar_right ul .turn:hover .message_list {
  height: auto
}

#bar_right ul .user_name_select:hover ul {
  height: auto
}

#cssmenu ul ul li:hover>a,
#cssmenu ul ul li a:hover,
#bar_right ul ul li:hover>a,
#bar_right ul ul li a:hover,
.enterList li a:hover {
  color: #ffffff;
  background: #55c4b8
}
/* .header .head-r:hover + .i_personal,
 .i_personal:hover {
  display: block;

} */
/*共享池*/
#emails_id {
  display: none;
}
/*批量修改角色*/
.batchEditRoles {
  width: 1200px;
  margin: 0 auto;
  padding: 0 10px;
  margin-bottom: 80px;
}
.batchEditRoles .s-box {
  width: 540px;
  height: 540px;
  border: 1px solid #84878b;
  margin-top: 10px;
}
.batchEditRoles .s-box .seacher {
  min-width: 416px;
  width: 416px;
  margin: 10px auto 20px auto;
}
.batchEditRoles > .r div > .l {
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
  line-height: 30px;
  margin-bottom: 20px;
}
.batchEditRoles .r select {
  width: 494px;
  height: 30px;
}
.batchEditRoles > .l:first-child .ftmiddle {
  line-height: 30px;
  margin-bottom: 11px;
}
.batchEditRoles .fh {
  margin-top: 310px;
  width: 36px;
  margin-left: 32px;
}
.batchEditRoles .fh a {
  display: inline-block;
  font-size: 54px;
  color: #fff;
  width: 36px;
  height: 36px;
  text-align: center;
  line-height: 26px;
  background: #ccc;
  margin-bottom: 40px;
}
.batchEditRoles .fh a:hover {
  cursor: pointer;
}
.group-role {
  margin-top: 60px;
  height: 478px;
  overflow-y:auto;
}
.batchEditRoles .group .table tr td {
  padding: 6px 10px;
}
.batchEditRoles .group2 {
  display: none;
}

/*公司*/
.info.seacher {
  margin-left: 10px;
  min-width: 0;
}
.seacher input[type="text"] {
  float: left;
  text-align: center;
  width: 364px;
  height: 30px;
}
.seacher .btn {
  width: 30px;
}
table.treetable tr.expanded span.indenter a {
  display: inline-block;
  width: 18px;
  height: 14px;
  background: url(../images/form/opa-icons-darkgray16.png);
  background-position: 0 -195px;

}
table.treetable tr.collapsed span.indenter a {
  display: inline-block;
  width: 18px;
  height: 14px;
  vertical-align: middle;
  background: url(../images/form/opa-icons-darkgray16.png);
  background-position: -14px -195px;
}
.formBox table.treetable{
  border: none;
}
.formBox table.treetable thead th {
  background: #fff;
  padding-bottom: 5px;
}
table.treetable tr.expanded span.indenter a {
  vertical-align: middle;
}
#departmentTable.table tbody tr:nth-child(even) {
  background: #fff;
}
.formBoxTheme1 {
  font-size: 14px;
  color: #333;
}
.formBoxTheme1 .top {
  display: flex;
  align-items: center;
  padding: 0 10px;
  margin-bottom: 12px;
  font-size: 16px;
  background: #f8f8f8;
  height: 58px;
  line-height: 58px;
}
.formBoxTheme1 .top .span {
  font-size: 16px;
}
.formBoxTheme1 .justifyCenter {
  justify-content: center;
}
.formBoxTheme1 .top .icon {
  display: inline-block;
  margin-right: 10px;
  width: 32px;
  height: 32px;
}
.formBoxTheme1 .top .icon.warn {
  background: url('../images/warn.png') no-repeat center center;
}
.formBoxTheme1 .body {
  background: #f8f8f8;
  padding: 10px;
  margin-top: 10px;
}
.formBoxTheme1 .body .bodyTitle {
  margin-bottom: 10px;
}

/*猜友*/
.friend {
  text-align: center;
  margin-bottom: 60px;
}
.friend .friendInner {
  width: 635px;
  margin: 0 auto;
}
.friendInner > h4 {
  font-weight: bold;
  margin: 20px 0;
}
.friend .seacher {
  min-width: 0;
}
.friend .seacher input {
  float: left;
  text-align: center;
  height: 30px;
  width: 590px;
}
.result {
  margin-top: 20px;
}
.friend .group .table  {
  margin: 0 auto;
}
.friend .group table td .delete:hover {
  cursor:pointer;
  opacity:0.8;
}
.friend .group .table tr th {
  line-height: 20px;
  padding: 10px;
  height: 15px;
}
.friend .group .table tr td {
  padding: 0 10px;
  height: 40px;
  line-height: 40px;
}
.friend .group tbody td a {
  display: inline-block;
  text-align: center;
  color: #fff;
  line-height: 30px;
  width: 90px;
  height: 30px;
}
.friend .group tbody td a.delete {
  color: #55c4b8;
  width: auto;
  height: auto;
}
.friend .group tbody td a:hover {
  cursor: pointer;
}
.friend .group tbody td a.refuse {
  color: #55c4b8;
  line-height: 28px;
  margin-left: 10px;
  border: 1px solid #55c4b8;
}
.friend .group tbody td a.refuse:hover {
  color: #fff;
  line-height: 30px;
  border: none;
  background: #55c4b8;
}
/*各种弹框*/
.proframe {
  height: 100%;
  overflow: hidden;
}
.proframe .proframe-inner .group {
  overflow: auto;
  height: 100%;
}
.proframe .proframe-inner .addExpon .group:after,
.proframe .proframe-inner > .main .group:after {
  display: inline-block;
  content: "________end________";
  margin-top: 10px;
  margin-bottom: 10px;
  width: 100%;
  color: #ccc;
  text-align: center;
}
/* 有表的弹框  */



.proframeTable {
  position: absolute;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 60px;
  overflow: hidden;
}
.proframeTable .group {
  height: 100%;
  overflow-y: auto;
}
.proframeTable .group .table tr th {
  padding-bottom: 0;
}
/* 弹框里强制换行 */
.proframe .group .table tr td {
  word-wrap:break-word;
  overflow:hidden;
  word-break:break-all;
}
.proframe .zTreeDemoBackground,
.proframe .proframe-inner {
  box-sizing: border-box;
  margin-left: 5px;
  height: 100%;
  padding-bottom: 120px;
}
.proframe .proframe-inner {
  padding-bottom: 175px;
}
.proframe .zTreeDemoBackground #treeDemo {
  overflow-x: auto;
  height: 100%;
}
.proframe .zTreeDemoBackground #treeDemo:after {
	display: inline-block;
	content: "已经到最底部了";
	margin-bottom: 10px;
	width: 100%;
	color: #ccc;
	text-align: center;
}
.proframe .leibie label {
  margin: 10px 0;
}
.proframe .leibie label span{
  display: inline-block;
  width: 130px;
}
.proframe .leibie label input[type="text"]{
  width: 290px;
}
.proframe .leibie label input[type="button"] {
  width: 90px;
  height: 30px;
  line-height: 30px;
  border-radius: 3px;
}
.proframe #captchDiv{
  width:367px;
  height: 226px;
  margin: 0 auto;
}
.i_personal .identity .identityBody .bl .ul .item .a,
.i_personal .identity .identityBody .bl .ul .item .a .green-txt {
  /* color: #000; */
  font-size: 20px;
}
.i_personal .identity .a {
  color: #000;
}
/*个人信息*/
.i_personal {
  position: absolute;
  right: 0px;
  top: 75px;
  width: 600px;
  background: #fff;
  z-index: 1001;
  box-shadow: 0px 3px 10px #999;
  overflow-y: auto;
  display: none;
}

.i_personal .identity {
  margin: 30px;
  font-family: "Microsoft Yahei", "微软雅黑", arial;
}

.i_personal .identity .identityTitle {
  margin-bottom: 0;
  display: flex;
  align-items: center;
  justify-items: center;
}

.i_personal .identity .identityTitle .item {
  width: 180px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  font-size: 16px;
  color: #55c4b8;
  background: #fff;
  border: 1px solid #55c4b8;
  border-right: none;
  transition: all 0.5s;
}

.i_personal .identity .identityTitle .item:last-child {
  border-right: 1px solid #55c4b8;
}

.i_personal .identity .identityTitle .item.active {
  color: #fff;
  background: #55c4b8;
}

.i_personal .identity .identityTitle .item.active:hover {
  color: #fff;
  background: #55c4b8;
  border: 1px solid #55c4b8;
}

.i_personal .identity .identityTitle .item:hover {
  cursor: pointer;
}

.i_personal .identity .identityBody {
  padding: 20px 0;
  background: #f9f9f9;
}

.i_personal .identity .identityBody .bl {
  font-size: 20px;
  line-height: 34px;
}

.i_personal .identity .identityBody .bl .ul {
  display: grid;
  min-height: 100px;
  overflow-x: auto;
}

.i_personal .identity .identityBody .bl .ul .item {
  padding: 0 10px;
  margin: 2px 0;
  height: 34px;
  transition: all 300ms;
}

.i_personal .identity .identityBody .bl .ul .item .a {
  position: relative;
  display: inline-block;
  padding-left: 30px;
  font-weight: bold;
  white-space: nowrap;
}

.i_personal .identity .identityBody .bl .ul .item .a .icon {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -14px;
  height: 28px;
  width: 28px;
  background-size: 22px 22px;
}

.i_personal .identity .identityBody .bl .ul .item .a .icon.waidan {
  position: static;
  vertical-align: -6px;
  display: inline-block;
  background: url('../images/identity/bianhao_shezhi.png') no-repeat center center;
  background-size: 22px 22px;
}

.i_personal .identity .identityBody .bl .ul .item .a:hover {
  color: #000;
}

.i_personal .identity .identityBody .bl .ul .item.active {
  background: #eee;
  transition: all 300ms;
}

.i_personal .identity .identityBody .bl .ul .item:hover {
  background: #eee;
  transition: all 300ms;
}

.i_personal .identity .identityBody .bl.person .icon {
  background: url('../images/identity/bianhao_geren.png') no-repeat center center;
}

.i_personal .identity .identityBody .bl.company .icon {
  background: url('../images/identity/bianhao_gongsi.png') no-repeat center center;
}

.i_personal .identity .identityBody .bl.othrIdentity .icon {
  background: url('../images/identity/bianhao_zhiwei.png') no-repeat center center;
}



/*  .i_personal .tuichu {
	background: #eeeeee!important;
	position:fixed!important;
bottom:0!important;
left:0!important;
}  */
/*////////////  */



.inner-r-box .droap {
  position: absolute;
  top: -6px;
  right: 50px;
  width: 20px;
  height: 20px;
  margin-top: 1px;
  background: url(../images/watch/icon.png) no-repeat;
  background-position: -173px -62px
}

.inner-r-box .ro {
  top: 0;
  transform: rotate(60deg)
}

.help {
  position: fixed;
  top: 90px;
  right: -10px;
  z-index: 301
}

.help .helpBox {
  position: relative
}

.help .helpBox .gd {
  position: absolute;
  top: 10px;
  right: 20px;
  width: 20px;
  height: 20px
}

.help .helpBox .gd .r {
  width: 20px;
  height: 20px;
  background: #fff;
  border-radius: 50%
}

.help .helpBox .helpOn img {
  display: block;
  width: 100%
}

.help .helpInner {
  background: #fff
}

.help .helphd .l {
  font-size: 16px;
  line-height: 40px;
  color: #fff
}

.help .helphd {
  background: #55c4b8;
  padding: 0 10px
}

.help .helphd .r {
  margin-top: 10px;
  width: 20px;
  height: 20px;
  background: url(../images/hClose.png) no-repeat
}

.help .helpbd {
  box-sizing: border-box;
  width: 300px;
  padding: 10px
}

.help .helpbd .searchBx .scInput {
  width: 246px;
  height: 28px;
  padding-left: 10px;
  border: 1px solid #ccc;
  vertical-align: -3px
}

.help .helpbd .searchBx .btn {
  width: 28px;
  height: 28px;
  background: #fff;
  background: url(../images/search.jpg)
}

.help .helpbd .content ul li {
  list-style: disc inside
}

.help .helpbd .content ul li a {
  display: inline-block;
  line-height: 24px;
  font-size: 14px;
  color: #666
}

.help .helpbd .content a:hover {
  cursor: pointer
}

.help .helpbd .content ul li a .deper-blue-txt {
  color: #4d91ff;
  font-size: 14px
}

.help .helpbd .content a.batch {
  display: block;
  color: #999;
  padding: 10px 0
}

.help .helpInner {
  position: absolute;
  transition: all 1s;
  -webkit-transition: all 1s;
  -ms-transition: all 1s;
  cursor: pointer;
  box-shadow: 0px 3px 15px #666
}

.hint {
  position: absolute;
  right: 0;
  top: 150px;
  z-index: 300
}

.hint .cloud {
  width: 229px;
  height: 178px;
  margin-right: 30px;
  background: url(../images/cloud.png) no-repeat;
  transform: scale(0);
  transition: all 1s
}

.hint .cloud p {
  font-size: 16px;
  color: #fff;
  line-height: 20px;
  width: 190px;
  padding-top: 50px;
  padding-left: 30px
}

.hint .boy {
  position: absolute;
  top: 140px;
  right: -60px;
  animation: mybtn .5s ease-out infinite;
  transform-origin: 80% 100%
}

@-webkit-keyframes mybtn {
  0% {
    transform: rotate(0deg);
    opacity: 0.9
  }

  50% {
    transform: rotate(-3deg)
  }

  100% {
    transform: rotate(0deg)
  }
}

@-webkit-keyframes mybtn {
  0% {
    transform: rotate(0deg);
    opacity: 0.9
  }

  50% {
    transform: rotate(-3deg)
  }

  100% {
    transform: rotate(0deg)
  }
}

@keyframes mybtn1 {
  0% {
    transform: translate3d(0, 0, 0);
    opacity: 0.9
  }

  50% {
    transform: translate3d(0, 0, 0)
  }

  100% {
    transform: translate3d(-50px, 0, 0)
  }
}

@-webkit-keyframes mybtn1 {
  0% {
    transform: translate3d(0, 0, 0);
    opacity: 0.9
  }

  50% {
    transform: translate3d(0, 0, 0)
  }

  100% {
    transform: translate3d(-50px, 0, 0)
  }
}

@keyframes mybtn11 {
  0% {
    transform: translate3d(-50px, 0, 0)
  }

  50% {
    transform: translate3d(0, 0, 0)
  }

  100% {
    transform: translate3d(0, 0, 0);
    opacity: 0.9
  }
}

@-webkit-@keyframes mybtn11 {
  0% {
    transform: translate3d(-50px, 0, 0)
  }

  50% {
    transform: translate3d(0, 0, 0)
  }

  100% {
    transform: translate3d(0, 0, 0);
    opacity: 0.9
  }
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
  }

  70% {
    -webkit-transform: scale(.9);
    transform: scale(.9)
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
  }

  70% {
    -webkit-transform: scale(.9);
    transform: scale(.9)
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes bounceOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  50% {
    -webkit-transform: scale(.7);
    transform: scale(.7)
  }

  70% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
  }
}

@-webkit-@keyframes bounceOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  50% {
    -webkit-transform: scale(.7);
    transform: scale(.7)
  }

  70% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
  }
}

.hint .boy.bounce+.cloud {
  animation-delay: .5s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}

.hint .boy.move+.cloud {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}

.hint .boy.bounce {
  animation: mybtn1 .5s ease-out forwards
}

.hint .boy.move {
  animation: mybtn11 1s ease-out forwards
}

.main {
  margin-top: 10px;
}
.watchMain {
	margin-top: 20px;
}
.main .newCreat {
  margin: 11.5% auto 0 auto;
  width: 200px;
  height: 60px;
}
.main .newCreat .hncbtn {
  font-size: 24px;
  height: 60px;
  line-height: 60px;
}

.main .col-sm-2 {
  padding-right: 0;
  float: left;
}

.main .col-sm-10 {
  padding-right: 0;
  float: left;
}

.main .sidebar .title {
  line-height: 30px;
  background: #e7e7e7
}

.main .sidebar .title span {
  display: inline-block;
  float: left;
  font-size: 16px;
  color: #666;
  margin-left: 10px
}

.primTable {
  margin: 0 10px;
}
.adduction {
  margin-bottom: 90px;
  height: 100%;
  z-index: 351;
  background: rgb(255, 255, 255);
}
.inner-l {
  width: 22.9%;
  float: left;
  border: 1px solid #ccc;
  height: 1000px;
  margin-top: 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.inner-r {
  overflow: hidden;
  background: #fff;
  z-index: 300;
  overflow-y: auto
}

.inner-r .inner-r-box {
  position: relative;
  padding-right: 15px;
  /*height: 100%;*/
}

.inner-r h2.tableTitle {
  font-weight: bold;
  height: 30px;
  margin-top: 0
}

.caption {
  font-size: 16px;
  color: #fff;
  background: #55c4b8;
  height: 30px;
  line-height: 30px;
  padding: 0 10px
}

.caption .l {
  font-size: 16px
}
.main .info-maxwidth {
	max-width: 99%;
	overflow: hidden;
}
.info {
  margin: 10px 0;
}
.info.info-btn .item .item-l{
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
.info .center {
  margin-top: 20px;
  margin-bottom: 20px
}

.info .item {
  box-sizing: border-box;
  float: left;
  padding-left: 10px;
}
#searchForm.info .item {
  margin-bottom: 6px;
}
.col-sm-10,
.viewBox .info .item:first-child {
  padding-left: 0
}

.info .item .item-l {
  float: left;
  font-size: 14px;
  color: #666;
  line-height: 30px;
  margin-right: 2px
}

.info .item .item-l.breadCrumb {
  font-size: 14px;
}

.info .item .item-l.breadCrumb a {
  font-size: 14px;
  cursor: pointer;
}

.rbac {
  width: 100%;
  padding-bottom: 80px;
}

.rbac .tablelist {
  float: left;
  width: 252px;
  padding: 10px 0;
  margin-left: 10px;
}

.rbac .tips {
  float: left;
  line-height: 22px;
  margin-left: 100px;
  width: 500px;
}

.rbac .tips .div {
  color: #666;
  font-size: 16px;
  margin-bottom: 5px;
  width: 500px;
}

.rbac .tips p {
  color: #666;
  font-size: 14px;
}

.rbac .tips p .red-txt {
  font-size: 14px;
}

.box0 .info .item .item-l {
  width: 70px;
  text-align: right
}

.info .item .item-r {
  float: left
}

.info .item .item-r .addGroupBtn {
  border-radius: 16px;
  background: #ffba1a;
  margin-left: 10px;
}

.info .item .item-r .addGroupBtn a {
  display: inline-block;
  font-size: 14px;
  text-align: center;
  color: #fff;
  height: 30px;
  min-width: 82px;
  line-height: 30px;
  padding: 0 10px;
  cursor: pointer;
}

.info .item .item-r input,
.info .item .item-r select {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #666;
  width: 120px;
  height: 30px;
  border: 1px solid #ccc;
  font-family: "Microsoft Yahei", "微软雅黑", arial
}

.info .item .item-r .forbid {
  opacity: 0.6;
}

.info .item .item-r .forbid:focus {
  border-color: #ccc;
}

.info .item .item-r .n3-input {
  padding: 0 10px;
}

.info .item .item-r .n3-input::-webkit-outer-spin-button, .info .item .item-r .n3-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
 
.mainContent .info .item .item-r input,
.mainContent .info .item .item-r select {
  width: 192px
}

.info .item .item-r input[type="text"],
.info .item .item-r input[type="password"] {
  padding-left: 10px
}

.info .item .item-r input.no-border {
  border: none;
  padding-left: 5px;
}

.info .item .item-r input[type="radio"] {
  width: 16px;
  height: 16px;
  vertical-align: -3px;
  margin-right: 5px;
  line-height: 30px
}
#divif3_num2{
	width: 120px;
}
.info a.btn {
  display: inline-block;
  float: left;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  width: 30px;
  height: 30px;
  padding: 0;
  margin-left: 5px;
  background: url(../images/search.jpg) no-repeat;
  cursor: pointer;
  opacity: 0.8
}

.info input.btnInput {
  display: inline-block;
  float: left;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  width: 30px;
  height: 30px;
  margin-left: 5px;
  background: url(../images/search.jpg) no-repeat;
  cursor: pointer;
  opacity: 0.8
}

.info a.btn:hover {
  opacity: 1
}

.info ul.funBtn li {
  float: left;
  margin-left: 8px
}

.info ul.funBtn li p {
  line-height: 14px
}

.info ul.funBtn a.icon {
  display: block;
  width: 16px;
  height: 16px;
  margin: 0 auto
}

.info ul.funBtn a.dc {
  background-position: -63px 0
}

.info ul.funBtn a.xg {
  background-position: -86px 0
}

.info ul.funBtn a.sc {
  background-position: -168px 0
}

.info ul.funBtn a.pz {
  background-position: -236px 0
}

.info-large .item {
  width: 100%
}

.info-large .zs_txt {
  display: none
}

.info-large .item:nth-child(even) {
  background: #f8f8f8
}

.info-large .addTip {
  position: absolute;
  bottom: 20px;
  width: 100%;
  text-align: center;
}

.info-large .item .item-l {
  width: 160px;
  margin: 5px 0
}

.info-large .item-rule .item-l,
.info-large .huizong .item-l {
  width: auto;
  position: absolute
}

.info-large .huizong .item-r {
  margin-left: 160px;
  margin-top: 6px
}

.info-large .item-rule .item-r {
  margin-left: 160px
}

.info-large .item .item-r input {
  font-size: 14px;
  width: 200px;
  margin: 5px 0;
  background: none
}
.info-large .item .item-r input[type='checkbox'] {
  width: 16px;
}
.info-large .item .item-r input.status {
  width: 15px;
}

.info-large .countGs .item-r input,
.info-large .countGs .item-r select {
  float: left
}

.info-large #source .item-r .reviewDetail {
  display: none
}

.info-large .countGs .item-r .reviewDetail a {
  margin: 5px 0 0 10px;
  padding: 0 14px;
  width: auto;
  min-width: 82px
}

.info-large .countGs .item-r .reviewDetail em {
  line-height: 40px;
  color: #666;
  margin-left: 10px
}

.info-large .item .small input {
  width: 95px
}

.info-large .item .item-r select {
  width: 200px;
  margin: 5px 0;
  background: none
}

.info-large .item .small select {
  width: 95px;
  margin-right: 6px
}

.info-large .item .item-r span,
.info-gs .item .item-r span {
  color: #ffba1a;
  font-weight: bold;
  margin-left: 5px;
}
.info-gs .item .item-r span.yinyongtips {
  text-align: center;
  line-height: 14px;
  background: red;
  width: 14px;
  height: 14px;
  display: inline-block;
  border-radius: 50%;
}
.info-large .item .item-r span.red-txt,
.info-gs .item .item-r span.red-txt {
  color: #e30404;
}
.info-large .item .item-r span.deep-orange-txt,
.info-gs .item .item-r span.deep-orange-txt,
.info-large .item .item-l span.deep-orange-txt {
  display: inline-block;
  color: #eb5e12;
  font-weight: bold;
  cursor: pointer;
  margin-left: 0;
}
.info-large .item .item-r span.deep-orange-txt {
  line-height: 40px;
}
.yinyon-tips {
  margin-bottom: 10px;
  width: 200px;
}
.info-gs .item .item-r .yinyon-tips .last {
  margin-left: 47px;
}
.info-gs .item .item-r span i.txt {
  color: #999;
  /*margin-left: 5px;*/
}
.info-large .item .item-r span.clearinput {
  position: absolute;
  left: 165px;
  top: 12px;
}
.info-large .item .item-r span.blue-txt {
  color: #6cbef6;
  cursor: pointer;
}

.info-large .item .item-r span.green-txt {
  color: #55c4b8;
}

.info-large .item .item-r .blue-txt {
  color: #6cbef6
}

.yellow-txt {
  color: #ffba1a
}

.yellow-txt {
  color: #ffba1a
}

.blue-txt {
  color: #6cbef6
}

.green-txt {
  color: #55c4b8
}

.orange-txt {
  color: #eb5e12
}

.modifyWh .table tbody tr td .span1 font {
  text-indent: 10px
}

#itemBg {
  margin-top: 10px;
  margin-bottom: 80px;
  background: url(../images/itemBg.jpg) repeat left top;
}

#itemBg .item:nth-child(even) {
  background: none
}

#itemBg .item.huizong {
  height: 80px
}

#countGs {
  display: none
}

.info-gs .item {
  width: 100%
}
#itemBgs .item{
  background: #f8f8f8;
  margin-bottom: 10px;
}
#itemBg .item:nth-child(even).item-rule {
  background: #fff;
  height: 120px
}

.wrap #itemBg .item:nth-child(even).item-rule {
  background: #f8f8f8;
  height: 120px
}
#itemBg .exponData div .item-rule {
  height: 120px;
  background: #f8f8f8
}
.wrap .batch#itemBg .item:nth-child(even).item-rule {
  height: auto;
  padding-bottom: 6px;
}
.batch#itemBg .item.huizong {
  height: auto;

}
.info-gs .item .item-l {
  text-align: justify;
  margin: 5px 0;
  width: 126px;
  height: 30px;
}
.info-gs .item .paraHd .item-l {
  width: auto;
}

.info-gs .item .item-l:after {
  content: " ";
  display: inline-block;
  width: 100%;
}
/* .item-r input{
	width: 200px;
	margin: 5px 0;
	background: none
} */
#divif3_num2,#divif4_num2,#divif4_num3,#divif6_num2,#divif6_num3,#divif7_num2,#divif5_num2,#divif8_num3,#divif8_num2,#divnt_num1{
	width: 125px;
	margin: 5px 0;
	background: none;
}
.info-gs .item .item-r input,
.info-gs .item .item-r select {
  width: 200px;
  margin: 5px 0;
  background: none
}

i.fontZw {
  display: inline-block;
  width: 14px
}

.item .item-r input[type=text]:focus,
input[type=password]:focus {
  border-color: #ffba1a
}

#zsName {
  line-height: 40px;
  color: #666;
  font-size: 14px;
  word-wrap: break-word;
  word-break: normal;
  line-height: 20px;
  background: #eeeeee;
  min-height: 64px;
  max-height: 150px;
  overflow-y: auto;
  max-width: 200px;
  padding: 5px 10px;
  width: 200px;
  vertical-align: top;
}

#zs_gsjs {
  padding-right: 30px;
}

#zsName span {
  color: #666;
  font-size: 14px
}

#zsAddress {
  margin: 10px 0;
  padding-left: 0;
  margin-left: 10px;
}

.info-gs #zsAddress .item-l {
  background: #fff;
  margin: 0;
  padding: 5px 0;
  width: 125px;
  word-wrap: break-word;
  word-break: normal;
  line-height: 20px;
  text-align: justify;
}

.info-gs #zsAddress .item-l .txt14 {
  display: inline-block;
  font-size: 14px;
  color: #666;
  width: 114px;
}

#averInto {
  position: absolute;
  top: 40px;
  left: 70px;
  width: 66px;
  padding: 5px 10px;
  background: #f8f8f8
}

#averInto li a {
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
  width: 100%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s
}

#averInto li.on a {
  color: #ffba1a
}

#averInto li:hover a {
  color: #ffba1a
}

.info-gs .itemPosi {
  position: relative
}
.info-gs .itemPosi .clearinput {
  position: absolute;
  right: 0;
  height: 30px;
  color: #6CBEF6 !important;
  line-height: 30px;
  margin-top: 5px;
  padding: 0 3px;
}
.info-gs .itemPosi a.linkBtn {
  font-size: 14px;
  color: #666
}

.item-r .paraHd {
  min-height: 110px;
  width: 200px;
  border: 1px solid #ccc;
  border-bottom: none;
  padding: 10px 6px;
  box-sizing: border-box
}

.item-r .parabd {
  background: #eee;
  border: 1px solid #ccc;
  border-top: none;
  padding: 5px 10px
}
/* 公式计算 */
.formulaBox > .l > .info-gs {
  overflow-x: hidden;
}
.formulaBox > .l {
  width: 380px;
  overflow: hidden;
}
.formulaBox .rt {
  margin-left: 422px;
}
.info-gs .item-r .parabd p {
  font-size: 12px;
  color: #666;
  line-height: 1.5;
  /* width: 170px; */
}

.info-gs .item-r .paraHd .item {
  padding-left: 0
}

.info-gs .item-r .paraHd .item-r input,
.info-gs .item-r .paraHd .item-r select {
  width: 144px;
  box-sizing: border-box
}
/* sum/sumperiod 自定义时间段汇总 */
.info-gs .item-r .paraHd .item.flex-box {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.info-gs .item-r .paraHd .item .sumN1dateBox {
  width: calc(100% - 18px);
}
.info-gs .item-r .paraHd .item .sumN1date {
  display: flex;
  float: left;
  width: 50%;
  line-height: 40px;
  font-size: 14px;
}
.info-gs .item-r .paraHd .item .sumN1date input {
  margin: 5px 4px;
}
.info-gs .item-r .paraHd .item .sumN1dateBtn {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid #55c4b8;
  position: relative;
}

.info-gs .item-r .paraHd .item .sumN1dateBtn::before {
  content: "";
  display: block;
  width: 12px;
  height: 2px;
  background: #55c4b8;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.info-gs .item-r .paraHd .item .sumN1dateBtn::after {
  content: "";
  display: block;
  width: 12px;
  height: 2px;
  background: #55c4b8;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(90deg);
}
.info-gs .item-r .paraHd .item .sumN1dateBtn.sumN1dateBtnClose::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.info-gs .item-r .paraHd .item .sumN1dateBtn.sumN1dateBtnClose::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.info-gs .item-r .paraHd .item .sumN1dateBtn:hover {
  cursor: pointer;
  opacity: .8;
} 
.info-gs #gsPara {
  margin: 5px 0;
  display: none
}

.info-gs .item-r .gsResult {
  float: left;
  width: 122px;
  height: 30px;
  margin: 5px 0;
  line-height: 30px;
  font-size: 14px;
  color: #666;
  background: #eee;
  padding-left: 10px
}

.info-gs .item-r .gsResuBtn {
  display: inline-block;
  font-size: 14px;
  line-height: 30px;
  color: #fff;
  text-align: center;
  width: 70px;
  height: 30px;
  margin: 5px 3px 0 6px;
  background: #eb5e12;
  border-radius: 3px;
  cursor: pointer
}

.info-gs .item-r .save,
.info-gs .item-r .back {
  margin-left: 0;
  margin-right: 3px;
  border: 1px solid #55c4b8;
  color: #55c4b8;
  background: #fff
}

.info-gs .item-r .gsResuBtn.on {
  background: #55c4b8;
  color: #fff
}

.info-gs .item-r .gsResuBtn:hover {
  opacity: 0.8
}


.mainD {
  width: 100%
}

.mainD .mainL {
  float: left;
  width: 290px;
}
body > .mainD .mainL {
  width: 100%;
}
.mainD .mainL .proframe .mainContent .box1 {
	box-sizing: border-box;
	width: 100%;
	padding-right: 10px;
	max-height: 100%;
	overflow: hidden;
}
.mainD .mainL .proframe .zTreeDemoBackground {
	padding-bottom: 60px;
}
.mainD .mainL .mainNav {
  margin-bottom: 5px
}

.mainD .maiL .group .table {
  width: 310px
}

.mainD .mainL .mainContent .box0 {
  display: none
}

.mainD .mainL .mainContent .box0 .info {
  margin-bottom: 10px;
  width: 310px;
  min-width: 310px
}

.mainD .mainL .mainContent .box1 {
  display: block;
  max-height: 486px;
  overflow-y: auto;
  width: 290px;
  margin-left: 10px;
}

.box0 .page-box {
  width: 322px
}

.box0 .page-box .page a {
  height: 24px;
  line-height: 24px;
  width: auto;
  padding: 0 5px;
  margin-bottom: 5px;
}

.box0 .page-box .page input.jump {
  height: 24px;
}
.box0 .page-box p.count {
  line-height: 24px;
}
.mainD .mainL ul.mainNav li {
  position: relative;
  float: left;
  padding: 0 10px
}

.mainD .mainL ul.mainNav li a {
  font-size: 14px;
  color: #666
}

.mainD .mainL ul.mainNav li:after {
  position: absolute;
  top: 0;
  right: -2px;
  display: inline-block;
  content: "|";
  font-size: 14px;
  color: #666
}

.mainD .mainL ul.mainNav li.on a {
  color: #55c4b8
}

.mainD .mainL ul.mainNav li:hover a {
  color: #55c4b8
}

.mainD .mainL ul.mainNav li:last-child {
  padding-right: 0
}

.mainD .mainL ul.mainNav li:last-child:after {
  display: inline-block;
  content: ""
}
.mainD .mainR {
  position: relative;
  margin-left: 310px;
  margin-right: 10px;
}
.mainD.smart .mainL {
  display: none;
}
.mainD.smart .mainR {
  margin-left: 10px;
}
.mainD .mainR .turnoff,
.stickBox > .task .turnoff{
  position: absolute;
  top: 150px;
  left: -20px;
  text-align: center;
  color: #999;
  line-height: 50px;
  width: 20px;
  height: 50px;
  background: #fff;
  border: 1px solid #ccc;
  z-index: 205;
}
.mainD .mainR .turnoff:hover {
  cursor: pointer;
}
.mainD .mainR .viewBox {
  margin-top: 0;
  max-width: 100%;
  margin-right: 15px
}

.mainD .mainR .entrance {
  margin-top: 40px
}

.mainD .mainR .entrance ul li {
  position: relative;
  float: left;
  background: #eee;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  margin-right: 10px
}

.mainD .mainR .entrance ul li a {
  font-size: 16px;
  color: #666666;
  margin-right: 22px
}

.mainD .mainR .entrance ul li span {
  position: absolute;
  top: 5px;
  right: 10px;
  display: inline-block;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  line-height: 11px;
  text-align: center;
  color: #666666;
  border: 1px solid #666;
  border-radius: 50%;
  cursor: pointer
}

.mainD .mainR .entrance ul li:hover {
  background: #55c4b8
}

.mainD .mainR .entrance ul li:hover a {
  color: #fff
}

.mainD .mainR .entrance ul li:hover span {
  color: #fff;
  border-color: #fff
}

.mainD .mainR .entrance ul li.on {
  background: #55c4b8
}

.mainD .mainR .entrance ul li.on a {
  color: #fff
}

.mainD .mainR .entrance ul li.on span {
  color: #fff;
  border-color: #fff
}

.info .item .item-r label {
  display: inline-block;
  font-weight: normal;
  line-height: 30px;
  font-size: 14px;
  color: #666;
  margin-right: 10px;
  margin-top: 5px;
  height: 30px
}

.info-large .item-rule .item-r label {
  display: block;
  margin-top: 5px;
  float: none;
  line-height: 20px;
  height: 20px
}

.info .icon {
  background: url(../images/watch/icon.png) no-repeat
}

ul.reviewTip {
  margin-bottom: 0;
  overflow: hidden;
}

.mainD ul.reviewTip {
  height: 30px
}

.mainD #div_container {
  margin-top: 0
}

ul.reviewTip li {
  float: left;
  font-size: 14px;
  color: #666;
  line-height: 24px;
  width: 106px;
  padding-left: 10px;
  padding-right: 10px;
  /*cursor: pointer*/
}

.col-sm-10 ul.reviewTip li:first-child {
  margin-left: 0
}

ul.reviewTip li .icon,
.eGroup tr td i.icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #ffb4c1 url(../images/watch/icon.png) no-repeat;
  background-position: -110px 0;
  vertical-align: -3px;
  margin-right: 4px
}

.li-lr {
  color: #ffb4c1
}

ul.reviewTip li.li-lr {
  color: #ffb4c1
}

.li-gs {
  color: #91d0fd
}

ul.reviewTip li.li-gs {
  color: #91d0fd
}

ul.reviewTip li.li-gs .icon {
  background: #91d0fd
}

.li-lj {
  color: #ffcbae
}

ul.reviewTip li.li-lj {
  color: #ffcbae
}

ul.reviewTip li.li-lj .icon {
  background: #ffcbae
}

.li-fx {
  color: #379dcd
}

ul.reviewTip li.li-fx {
  color: #c3abff
}

ul.reviewTip li.li-fx .icon {
  background: #c3abff
}

ul.reviewTip li.li-cxd {
  color: #ffd426
}

ul.reviewTip li.li-cxd .icon {
  background: #ffd426
}

.li-cxd {
  color: #ffd426
}

.li-cj {
  color: #fd5ba1
}

ul.reviewTip li.li-cj {
  color: #6dd1bf
}

ul.reviewTip li.li-cj .icon {
  background: #6dd1bf
}

.li-wb {
  color: #b3daff
}

ul.reviewTip li.li-wb {
  color: #4297ff
}

ul.reviewTip li.li-wb .icon {
  background: #4297ff
}

.li-zs {
  color: #7e6b5a
}

ul.reviewTip li.li-zs {
  color: #7e6b5a
}

ul.reviewTip li.li-zs .icon {
  background-position: -63px -28px
}

.li-gssm {
  color: #a4baf9
}

ul.reviewTip li.li-gssm {
  color: #a4baf9
}

ul.reviewTip li.li-gssm .icon {
  background-position: -86px -28px
}

ul.reviewTip li.icon01_ico_docu i.icon {
  margin-right: 4px;
  background: url(../images/watch/icon_01.png) no-repeat scroll 0 0 transparent;
  vertical-align: -3px;
  *vertical-align: middle
}

ul.reviewTip li.icon02_ico_docu i.icon {
  margin-right: 4px;
  background: url(../images/watch/icon_02.png) no-repeat scroll 0 0 transparent;
  vertical-align: -3px;
  *vertical-align: middle
}

ul.reviewTip li.icon03_ico_docu i.icon {
  margin-right: 4px;
  background: url(../images/watch/icon_03.png) no-repeat scroll 0 0 transparent;
  vertical-align: -3px;
  *vertical-align: middle
}

ul.reviewTip li.icon04_ico_docu i.icon {
  margin-right: 4px;
  background: url(../images/watch/icon_04.png) no-repeat scroll 0 0 transparent;
  vertical-align: -3px;
  *vertical-align: middle
}

ul.reviewTip li.icon05_ico_docu i.icon {
  margin-right: 4px;
  background: url(../images/watch/icon_05.png) no-repeat scroll 0 0 transparent;
  vertical-align: -3px;
  *vertical-align: middle
}

ul.reviewTip li.icon06_ico_docu i.icon {
  margin-right: 4px;
  background: url(../images/watch/icon_06.png) no-repeat scroll 0 0 transparent;
  vertical-align: -3px;
  *vertical-align: middle
}

ul.reviewTip li.icon07_ico_docu i.icon {
  margin-right: 4px;
  background: url(../images/watch/icon_07.png) no-repeat scroll 0 0 transparent;
  vertical-align: -3px;
  *vertical-align: middle
}

.info .e-icon li {
  display: inline-block;
  margin: 0 auto
}

.info .e-icon .balance {
  background-position: -102px 0
}

.info .e-icon p {
  display: inline-block;
  line-height: 30px;
  color: #666;
  font-size: 14px;
  padding: 0 10px
}

.jigsaw .data {
  max-width: 900px;
  height: auto
}

.jigsaw .data img {
  display: block;
  width: 100%;
  height: 100%
}

.jigsaw h2 {
  text-align: left;
  line-height: 30px;
  font-size: 18px;
  color: #666;
  margin: 0;
  margin-bottom: 10px;
  max-width: 1200px
}

.jigsaw .center {
  margin-top: 0;
  text-align: center
}

.jigsaw .center center {
  display: inline-block
}

.jigsaw .inputInfo .title {
  margin-bottom: 10px;
}
.jigsaw .inputInfo .title,
.jigsaw .inputInfo ul li{
  font-size: 14px;
  color: #666;
}
.jigsaw .inputInfo ul,
.jigsaw .head .table tr {
  box-sizing: border-box;
  display: -webkit-flex;
  display: flex;
  width: 100%;
}
.jigsaw .inputInfo ul {
  border: 1px solid #ccc;
}
.jigsaw .inputInfo ul li {
  flex: 1;
  line-height: 32px;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow:ellipsis;
}
.jigsaw .inputInfo ul li:nth-child(odd) {
  background: #ccc;
}
.mainR .jigsaw .margin-l {
  width: auto
}

.inner-r .viewBox {
  margin-top: 0;
  max-width: 100%;
  margin-right: 15px
}

.viewBox {
  margin: 0 auto;
  min-width: 900px;
}
.inner-r .textList {
  margin-top: 10px;
  max-width: auto;
}
.col-sm-10 .inner-r .textList{
  margin-top: 0;
}
.jigsaw .head .table {
  table-layout:fixed;
  width: 100%;
  text-align: center;
  margin: 0;
  margin-bottom: 20px
}

.jigsaw .head .table tr td {
  box-sizing:border-box;
  display: block;
  float: left;
  line-height: 30px;
  height:30px;
  width: 16.66%;
  padding: 0;
  border:none;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  overflow: hidden;
  white-space: nowrap;
  text-overflow:ellipsis;
}

.jigsaw .head .table tr td img.pic {
  margin-top: 2px;
  height: 25px;
}

.jigsaw .head .table tr:first-child td {
  border-top: 1px solid #ccc;
}

.jigsaw .head .table tr td:nth-child(odd) {
  background: #ccc
}

.jigsaw .head .table tr td a.yellow {
  display: inline-block;
  text-align: center;
  width: 82px;
  line-height: 25px;
  color: #fff;
  border-radius: 16px;
  vertical-align: 1px
}

.jigsaw .funBtn {
  float: left
}

.reviewDetail {
  float: left
}

#countGs .reviewDetail {
  display: none
}

#countGs .reviewDetail a.blue {
  /*display: none*/
}

.reviewDetail h6.title {
  display: inline-block;
  margin-left: 3px;
  float: left;
  color: #eb5e12;
  font-size: 14px;
  line-height: 30px
}

.reviewDetail a {
  box-sizing: content-box;
  display: block;
  float: left;
  color: #333;
  line-height: 30px;
  text-align: center;
  padding: 0 6px;
  /* max-width: 90px; */
  border-radius: 3px;
  margin-left: 6px
}
.largeReviewDetail a {
  width: auto;
  min-width: 90px;
  padding: 0 3px;
}
/*.jigsaw .reviewDetail a {
  width: 84px;
}*/
.reviewDetail a:hover {
  color: #000;
  cursor: pointer;
  opacity: 0.8;
}
.reviewDetailLarge a {
  width: auto;
  padding: 0 10px
}
.permission .group .table.table_whr tr th:first-child {
  width: auto;
}
.permission .nav {
  margin-left: 10px;
}
.permission .nav .btn {
  float: left;
  margin-right: 20px;
  width: 180px;
  height: 60px;
  text-align: center;
  line-height: 60px;
  background: #ccc;
  border-radius: 3px;
}
.permission .nav .btn>div {
  font-size: 24px;
  color: #666;
  transition: all .5s;
}
.permission .nav .btn.active,
.permission .nav .btn:hover {
  cursor: pointer;
  color: #fff;
  background: #FFBA1A;
  transition: all .5s;
}
.permission .nav .btn.active > div,
.permission .nav .btn:hover > div {
  color: #fff;
  transition: all .5s;
}
.permission .sub {
  margin-left: 10px;
}
.permission .sub li {
  float: left;
  min-width: 90px;
  height: 30px;
  margin-right: 1px;
  color: #666666;
  text-align: center;
  line-height: 30px;
  background: #ccc;
}
.permission .sub li.active,
.permission .sub li:hover {
  background: #55C4B8;
  cursor: pointer;
  color: #fff;
  border-radius: 0 12px 0 0;
  transition: all .5s;
}
.permission .sub li:hover {
  opacity: .8;
}


.mar20 {
  margin-top: 20px
}


.stickBox {
  position: relative
}


.primTable .sticky {
  margin-bottom: 10px
}

.mainR .sticky {
  margin-bottom: 0
}

.sticky table th,
td {
  font-size: 14px;
  color: #666666
}

.containner {
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  min-width: 1200px
}

h2.title {
  margin: 0;
  font-size: 16px;
  color: #333;
  line-height: 30px;
  text-align: left;
  padding-left: 10px;
  margin-bottom: 10px;
  font-weight: bold;
}

.begin {
  max-width: 1000px;
  margin: 0 auto
}

.no-bg {
  text-align: center;
  margin: 30px auto;
  width: 100%
}

.no-bg img {
  display: block;
  margin: 0 auto;
  width: 280px;
  height: 306px
}

.no-bg p.tips {
  font-size: 16px;
  color: #666;
  line-height: 60px
}

.no-bg p.tips a.link {
  display: inline-block;
  font-size: 16px;
  color: #333;
  line-height: 30px;
  width: 90px;
  height: 30px;
  background: #55c4b8;

}

.begin .example {
  padding: 0 2%
}

.begin .example .guide {
  width: 402px;
  height: 147px;
  margin: 0 auto
}

.begin .example .guide img {
  display: block;
  width: 100%;
  height: 100%;
  margin-bottom: 5px
}

.begin .example .guide p {
  font-size: 16px;
  color: #666;
  text-align: center
}

.begin .example li {
  float: left;
  width: 50%;
  text-align: center;
  margin-bottom: 5px
}

.begin .example li p {
  color: #666;
  margin: 5px 0 10px 0;
  font-size: 16px;
  color: #666
}


/*按钮*/

.box {
  position: relative;
  text-align: center;
  height: 40px;
  width: 100%;
  margin: 100px 0;
}
.proframe .box {
  box-sizing:content-box;
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0;
  padding: 10px 0;
  background: #fff;
}
.box-bottom {
  position: absolute;
  bottom: 1px;
  left: 1px;
  height: 50px;
  background: #fff;
  margin: 0;
}
#addModuleFormDiv .box {
	width: 99%;
}
.boxBottomFixed {
  position: fixed;
  bottom: 0;
  left: 1px;
  height: 60px;
  width: 100%;
  background: #fff;
  margin: 0;
  padding-top: 10px;
}
.doubleBox.boxBottomFixed {
  height: 110px;
}
.box-bottom-fixed {
  position: fixed;
  height: 60px;
  background: #f8f8f8;
  margin: 0;
  background:gradient(linear, 0 0, 0 bottom, from(rgba(255, 255, 255, 1)), to(#f0f0f0));
  background:-webkit-gradient(linear, 0 0, 0 bottom, from(rgba(255, 255, 255, 1)), to(#f0f0f0));
  /* z-index: 500; 如果有问题在角色权限设置单独设置按钮*/
  z-index: 303;
  overflow: hidden;
}
.boxSmall {
  width: 1200px;
  margin-bottom: 200px
}
.box.box-bottom.box-bottom-fixed .btnBox {
  margin-top: 10px;
}
.btnBox {
  display: inline-block;
}

.btnBox a.btn,
.btnBox input.btn {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  float: left;
  font-size: 16px;
  color: #55c4b8;
  text-align: center;
  line-height: 40px;
  width: 200px;
  height: 40px;
  padding: 0;
  border: 1px solid #55c4b8;
  cursor: pointer;
  background: none;
}

.box .btnBox a.large {
  width: 200px
}

.box .btnBox input.on {
  background: #55c4b8;
  color: #fff
}

.btnBox a.btn:first-child {
  margin-right: 20px
}
.btnBox a.btn:last-child {
  margin-right: 0
}
.btnBox a.btn:hover {
  background: #55c4b8;
  color: #fff
}

.btnBox input.btn:first-child {
  margin-right: 20px
}

.btnBox input.btn:hover {
  background: #55c4b8;
  color: #fff
}

.btnBox a.on,
input.on {
  background: #55c4b8;
  color: #fff
}

.page-box p.count {
  display: inline-block;
  line-height: 21px;
  font-size: 12px;
  float: left
}

.page-box {
  position: relative;
  display: table;
  width: 100%;
  height: 32px;
  margin: 60px 0
}

.page-box .page {
  display: table;
  margin: 0 auto
}


.page-box .page a:last-child {
  margin-right: 0
}

.page-box .page a:hover {
  background: #55c4b8;
  border-color: #55c4b8;
  color: #fff;
  -webkit-transition: all .5s;
  transition: all .5s
}

.page-box .page a.on {
  background: #55c4b8;
  border-color: #55c4b8;
  color: #fff
}

.page-box .page a.no {
  opacity: 0;
  cursor: default
}

.page-box {
  position: relative;
  display: table;
  width: 100%;
  height: 22px;
  margin: 30px 0 40px 0
}
.proframe .page-box {
  margin: 10px 0 0 0;
}
.page-box .page {
  display: table;
  margin: 0 auto
}
.page-box .page a {
  display: block;
  float: left;
  color: #666;
  font-size: 12px;
  text-align: center;
  line-height: 21px;
  padding: 0 7px;
  height: 22px;
  margin-right: 6px;
  border: 1px solid #ccc;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.page-box .page a:last-child {
  margin-right: 0
}

.page-box .page a:hover {
  background: #55c4b8;
  border-color: #55c4b8;
  color: #fff;
  -webkit-transition: all .5s;
  transition: all .5s;
  text-decoration: none
}

.page-box .page a.on {
  background: #55c4b8;
  border-color: #55c4b8;
  color: #fff
}

.page-box .page a.no {
  opacity: 0;
  cursor: default
}
.page-box .page input.jump {
  float: left;
  width: 38px;
  height: 22px;
  border: 1px solid #ccc;
  margin:0 5px 10px 5px;
  padding: 0 3px;
}
.page-box .page .jump-btn {
  background: #55c4b8;
  color: #fff;
  font-size: 14px;
  margin-left: 5px;
  width: 50px;
  border-radius: 3px;
  border: none;
}
.page-box .page .jump-btn:hover {
  opacity: 0.9;
  cursor: pointer;
}






.leadL {
  float: left
}

.full-screen {
  width: 100%
}

.leadR {
  float: left;
  margin-top: 20px;
  margin-left: 10px;
  height: auto;
  width: 68%;
  display: none
}

.leadR iframe {
  height: 483px;
  width: 100%
}

ul.f li {
  float: left
}

.menuContext ul {
  min-width: 146px;
  background: #fff;
  box-shadow: 0px 3px 15px #666
}

.menuContext ul li {
  position: relative;
  box-sizing: border-box;
  line-height: 30px;
  height: 30px;
  min-width: 146px
}
.menuContext ul li > ul {
  position: absolute;
  left: 100%;
  top: 0;
  display: none;
}
.menuContext ul li a {
  display: inline-block;
  box-sizing: border-box;
  font-size: 14px;
  color: #666;
  width: 100%;
  padding: 0 10px
}

.menuContext ul li:hover > a {
  background: #55c4b8;
  color: #fff;
}
.menuContext ul li:hover > ul {
  display: block;
}
@media screen and (min-width:1441px) and (max-width:1800px) {
  .leadR {
    width: 60%
  }
}

@media screen and (min-width:1336px) and (max-width:1440px) {
  .leadR {
    width: 55%
  }

  #main .span3 {
    width: 19%
  }

  .leadR #main .span3 {
    width: 23%
  }
}

@media screen and (min-width:1200px) and (max-width:1335px) {
  .leadR {
    width: 52%
  }

  #main .span3 {
    width: 15%
  }

  .leadR #main .span3 {
    width: 23%
  }
}

.Paginate {
  box-sizing: border-box;
  width: 100%;
  margin: 20px auto;
  margin-bottom: 0;
  margin-top: 20px;
  min-height: 100px;
}
.Pag-inner {
	margin-right: 15px;
	background: #f8f8f8;
}
/* .Paginate:before {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 30px;
  height: 24px;
  content: '';
  background: #fff;
} */

.Paginate a {
  display: inline-block;
  color: #666;
  height: 24px;
  line-height: 24px
}

.jPag-pages li a {
  width: 100%
}

.jPag-pages-box {
  height: 24px;
  margin: 0 auto;
  overflow: hidden
}

.jPag-pages {
  float: left
}

.jPag-pages li {
  float: left;
  text-align: center;
  width: 100px
}
.jPag-pages li:hover {
  cursor: pointer;
}
.jPag-pages li.onmove {
  background: #ddd;
}
.jPag-pages li.on {
  background: #55c4b8
}
.jPag-pages li.on a {
  color: #fff
}

.Pag-control {
  float: right;
  height: 24px;
  width: 80px;
  background: url(../images/watch/searchBtn.png) no-repeat;
  background-size: 100%;
  margin: 0 10px
}

.Pag-control a {
  display: block;
  float: left;
  width: 20px
}

.table-content {
  /*max-height: 330px;*/
  overflow: hidden;
  background: #fff;
}

.info .item .user-info {
  font-size: 14px;
  color: #666;
  line-height: 40px
}

.info .item .user-info a.yellow-txt {
  font-size: 14px;
  margin-left: 1px
}

.info .item .user-info a.blue-txt {
  font-size: 14px;
  margin-left: 5px;
  cursor: pointer;
}

.info .item .user-info a.blue-txt:hover {
  color: #38a6f1;
}

.info .item .user-info a.yellow-txt:hover {
  color: #ffba1a;
  cursor: pointer;
  opacity: 0.8;
}

.circular {
  padding: 0 10px;
}

.circular dl {
  margin: 0;
  padding: 10px 0;
  border-bottom: 1px solid #cccccc;
}

.circular dl dt {
  float: left;
  margin-right: 20px;
  width: 50px;
}

.circular dl dt img {
  display: block;
  border-radius: 50%
}

.circular dl dd {
  position: relative;
  margin-left: 70px;
}

.circular dl dd .circularInfo {
  height: 20px
}

.circular dl dd .circularTxt {
  font-size: 14px;
  color: #666;
  line-height: 20px;
  margin-top: 8px
}
.circular dl dd .circularTxt .green-txt {
  font-size: 14px;
}
.circular dl dd .agreenBtn {
  position: absolute;
  right: 0;
  top: 5px;
  color: #fff;
  text-align: center;
  font-size: 16px;
  line-height: 40px;
  width: 200px;
  height: 40px;
  background: #ffba1a;
  border-radius: 20px;
}
.circular dl dd .forbidden {
  background: #ccc;
}
.circular dl dd .circularInfo .l {
  float: left;
  font-size: 14px;
  color: #999;
  line-height: 20px;
  margin-right: 20px
}

.circular dl dd .circularInfo .time {
  float: left;
  font-size: 12px;
  line-height: 20px;
  color: #999
}

.model .modelNav ul li {
  float: left;
  text-align: center;
  width: 25%
}

.model .modelNav ul li a {
  display: block;
  color: #666;
  font-size: 18px;
  line-height: 50px;
  padding-bottom: 3px;
  border-bottom: 2px solid #fff
}

.model .modelNav ul li.active a {
  color: #55c4b8;
  border-bottom-color: #55c4b8
}

.model .modelNav ul li:hover a {
  color: #55c4b8
}

.model .modelBd .txt {
  font-size: 14px;
  color: #666666;
  line-height: 20px;
  padding: 10px
}

.model .modelBd .imgBox {
  text-align: center;
  margin: 70px auto 90px auto
}

.model .modelBd .imgBox img {
  max-width: 100%
}

.model .modelBd .location a {
  font-size: 14px;
  color: #666;
  cursor: pointer
}

.model .modelBd .location a:after {
  content: ">";
  margin: 0 1px
}

.model .modelBd .location a:last-child {
  color: #55c4b8
}

.model .modelBd .location a:last-child:after {
  content: ""
}

.caseBox {
  width: 90%;
  margin: 20px auto
}

.caseBox ul li {
  float: left;
  width: 19%;
  margin: 10px 3%
}

.caseBox ul li .bookImgBox {
  position: relative;
  width: 100%;
  overflow: hidden
}

.caseBox ul li .bookImgBox img {
  width: 100%;
  height: 138%
}

.caseBox ul li .bookImgBox .caption {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0
}

.caseBox ul li .bookImgBox:hover .caption {
  opacity: 0.1
}

.caseBox ul li p.text {
  margin: 0;
  margin-top: 10px;
  text-align: left;
  color: #666;
  width: 100%;
  font-size: 14px;
  text-align: center
}

.charge {
  position: relative
}

.charge .banner .imgBox {
  background: #eeeff1;
  width: 100%
}

.charge .banner .imgBox img {
  width: 100%
}

.charge .banner .title {
  position: absolute;
  top: 18%;
  left: 0;
  text-align: center;
  width: 100%
}

.charge .banner .title h2 {
  font-size: 40px;
  color: #333;
  margin: 0
}

.charge .banner .title p {
  font-size: 16px;
  color: #666;
  margin-top: 35px
}

.charge .explain {
  box-sizing: border-box;
  position: absolute;
  left: 50%;
  top: 55%;
  margin-left: -580px;
  width: 1160px;
  height: 550px;
  background: #fff;
  margin-bottom: 100px;
  box-shadow: 0px 3px 10px #999
}

.explain .boxDiv {
  float: left;
  text-align: center;
  width: 50%;
  height: 100%
}

.explain .boxDiv {
  border-right: 1px solid #ccc
}

.explain .boxDiv .title {
  font-size: 24px;
  color: #666666;
  height: 60px;
  line-height: 60px;
  border-bottom: 1px solid #cccccc
}

.explain .boxDiv>.title .green-txt {
  font-size: 24px
}

.explain .boxDiv .free {
  padding: 5px 0;
  border-bottom: 1px solid #ccc
}

.explain .boxDiv .free .title {
  color: #55c4b8;
  border-bottom: none
}

.explain .boxDiv2 .free .title .yellow-txt:before {
  position: absolute;
  left: -12px;
  top: -26px;
  display: inline-block;
  content: "¥";
  font-size: 14px;
  color: #666
}

.explain .boxDiv2 .free .title .yellow-txt {
  position: relative;
  display: inline;
  font-size: 24px
}

.explain .boxDiv2 .free .title span {
  font-size: 14px;
  color: #666
}

.explain .boxDiv p.txt {
  font-size: 16px;
  color: #999
}

.explain .boxDiv .rise {
  width: 540px;
  margin: 20px auto
}

.explain .boxDiv1 .rise {
  width: 270px
}

.explain .boxDiv .rise p.txt {
  text-align: left
}

.explain .boxDiv .rise ul {
  height: 260px
}

.explain .boxDiv .rise ul li {
  position: relative;
  font-size: 16px;
  color: #999;
  text-align: left;
  line-height: 26px;
  margin-top: 5px;
  margin-left: 60px
}

.explain .boxDiv .rise ul li .blue-txt {
  font-size: 16px
}

.explain .boxDiv .rise ul li img {
  margin-left: 50px
}

.explain .boxDiv .rise ul li:before {
  position: absolute;
  left: -65px;
  display: inline-block;
  content: "√";
  font-size: 16px;
  color: #55c4b8;
  text-align: left;
  margin: 0 30px
}

.explain .boxDiv .rise .btn {
  display: block;
  box-sizing: border-box;
  font-size: 16px;
  color: #55c4b8;
  border: 1px solid #55c4b8;
  width: 200px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  padding: 0;
  margin: 40px 0 60px 0;
  border-radius: 30px;
  transition: all .5s
}

.explain .boxDiv .rise .btn.on,
.explain .boxDiv .rise .btn:hover {
  background: #55c4b8;
  color: #fff
}

.process {
  position: relative;
  width: 1160px;
  margin: 20px auto;
  height: 624px;
  background: url(../images/flowBg0.png) no-repeat 0 36px
}

.process .annotation {
  text-align: right;
  font-size: 16px;
  color: #666;
  margin-right: 60px
}

.process .annotation span {
  font-size: 16px
}

.process .flowItem {
  position: absolute
}

.process .flowItem a {
  display: block;
  font-size: 14px;
  color: #fff;
  text-align: center;
  background: #999;
  border: 1px solid #999;
  cursor: pointer;
  border-radius: 15px
}

.process .flowItem_deblock a {
  color: #fff;
  background: #55c4b8;
  border-color: #55c4b8
}

.process .flowItem_light a {
  background: #ffbc1f;
  color: #fff;
  border-color: #ffbc1f;
  animation: twinkling 1s infinite ease-in-out;
  -webkit-animation: twinkling 1s infinite ease-in-out
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}

@-webkit-keyframes twinkling {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

@keyframes twinkling {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

.hand {
  display: none;
  animation: mydownpic 1s infinite ease-in-out;
  -webkit-animation: mydownpic 1s infinite ease-in-out
}

@keyframes mydownpic {
  0% {
    transform: translateY(-3px)
  }

  50% {
    transform: translateY(3px)
  }

  100% {
    transform: translateY(-3px)
  }
}

.process .flowItem_1 a {
  width: 90px;
  height: 30px;
  line-height: 28px
}

.process .flowItem_2 {
  display: table;
  box-sizing: border-box;
  height: 90px;
  line-height: 15px;
  width: 30px
}

.process .flowItem_2 a {
  width: 20px;
  padding: 0 5px;
  display: table-cell;
  vertical-align: middle
}

.process #node_1 {
  top: 0;
  left: 551px
}

.process #node_2 {
  top: 92px;
  left: 882px
}

.process #node_4 {
  top: 92px;
  left: 118px
}

.process #node_3 {
  top: 92px;
  left: 450px;
  z-index: 401;
}

.process #node_5 {
  top: 92px;
  left: 593px
}

.process #node_6 {
  top: 92px;
  left: 731px
}

.process #node_7 {
  top: 92px;
  left: 1053px
}

.process #node_8 {
  top: 174px;
  left: 884px
}

.process #node_9 {
  top: 188px;
  left: 78px
}

.process #node_10 {
  top: 188px;
  left: 150px
}

.process #node_11 {
  top: 188px;
  left: 300px
}

.process #node_12 {
  top: 194px;
  left: 1038px
}

.process #node_13 {
  top: 194px;
  left: 1130px
}

.process #node_14 {
  top: 274px;
  left: 836px
}

.process #node_15 {
  top: 274px;
  left: 876px
}

.process #node_16 {
  top: 274px;
  left: 917px
}

.process #node_17 {
  top: 274px;
  left: 957px
}

.process #node_18 {
  top: 274px;
  left: 996px
}

.process #node_19 {
  top: 318px;
  left: 0
}

.process #node_20 {
  top: 318px;
  left: 50px
}

.process #node_21 {
  top: 318px;
  left: 100px
}

.process #node_22 {
  top: 318px;
  left: 150px
}

.process #node_23 {
  top: 318px;
  left: 249px
}

.process #node_24 {
  top: 318px;
  left: 300px
}

.process #node_25 {
  top: 318px;
  left: 350px
}

.process #node_26 {
  top: 398px;
  left: 370px
}

.process #node_27 {
  top: 396px;
  left: 998px
}

.process #node_27 {
  top: 396px;
  left: 998px
}

.process #node_28 {
  top: 194px;
  left: 1084px
}

.process #node_29 {
  top: 92px;
  left: 118px;
}

.process .multiFunctionSheet {
  display: none;
}

.main-payment {
  box-sizing: border-box;
  padding: 10px;
  margin: 0 auto
}

.main-payment h5 {
  font-size: 14px;
  color: #666
}

.main-payment .pay-bd {
  box-sizing: border-box;
  padding: 10px;
  margin: 0 auto;
  height: auto;
  margin-bottom: 15px;
  border: 1px solid #ccc
}

.main-payment .pay-bd h6 {
  font-weight: bold;
  font-size: 14px;
  color: #333
}

.main-payment .font14 {
  font-size: 14px;
  color: #666;
  margin-right: 14px
}

.main-payment .arrearage-tip {
  position: absolute;
  top: 0;
  left: 200px;
  color: #55c4b8;
  display: none
}

.main-payment .arrearage-tip>span {
  display: inline-block;
  color: #fff;
  line-height: 30px;
  text-align: center;
  width: 90px;
  height: 30px;
  background: #55c4b8;
  border-radius: 15px;
  margin-left: 10px
}

.main-payment .font14 .red-txt {
  font-size: 14px
}

.main-payment .pay-bd .payer .payerName {
  margin-left: 86px;
  margin-bottom: 10px
}

.main-payment .pay-bd .payer,
.main-payment .pay-bd .pament-box {
  border-bottom: 1px solid #ccc
}

.pament-box .pament {
  position: relative;
  margin-left: 80px
}

.pament-box .pamentBrand {
  margin-top: 15px
}

.pament-box .pamentBrand li {
  margin-right: 10px;
  float: left
}

.pament-box .pamentBrand li a {
  display: block;
  width: 90px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  color: #ffba1a;
  border: 1px solid #ffba1a;
  border-radius: 15px
}

.pament-box .pamentBrand li.active a,
.pament-box .pamentBrand li:hover a {
  color: #fff;
  background: #ffba1a;
  cursor: pointer
}

.pament-box .pay .payNet>div,
.main-payment>div .p-hd {
  font-size: 16px;
  color: #333;
  width: 100%;
  height: 40px;
  line-height: 40px;
  padding-left: 20px;
  border-radius: 5px;
  transition: all .5s;
  margin-bottom: 5px;
  cursor: pointer
}

.pament-box .pay .payNet>div>span {
  float: right;
  font-size: 16px;
  color: #fa1919;
  margin-right: 20px;
  display: none
}

.pament-box .pay .payNet>div.active>span {
  display: block
}

.pament-box .pay .payNet>div.active {
  box-shadow: 2px 1px 10px #999
}

.pament-box .pay .payCard {
  margin-bottom: 10px;
  display: none
}

.pament-box .pay .payNet>div.active:hover {
  color: #333
}

.pament-box .pay .payNet>div:before,
.main-payment>div .p-hd:before {
  display: block;
  float: left;
  content: "";
  width: 30px;
  height: 30px;
  margin-top: 5px;
  margin-right: 10px;
  background: url(../images/pay/pay.png) no-repeat;
  border-radius: 5px
}

.pament-box .pay .payNet .alipay:before,
.main-payment>div .p-hd-alipy:before {
  background-position: -41px 0
}

.pament-box .pay .payNet .alipay {
  margin-bottom: 10px
}

.main-payment .pay-bd .step-tit {
  position: relative
}

.main-payment .pay-bd .remarks {
  margin-top: 8px;
  border-top: 1px solid #ccc
}

.main-payment .pay-bd .remarks>input {
  height: 30px;
  width: 500px;
  margin-left: 80px;
  padding-left: 10px
}

.main-payment .pay-bd .step-tit h6 {
  margin-top: 24px
}

.main-payment .pay-bd .step-tit .tip {
  position: absolute;
  box-sizing: border-box;
  top: -7px;
  left: 86px;
  font-size: 12px;
  line-height: 28px;
  color: #666;
  height: 30px;
  padding: 0 10px;
  background: #f7f7f7;
  border: 1px solid #ccc;
  border-radius: 5px
}

.main-payment .pay-bd .step-tit .tip .icon {
  position: absolute;
  left: -11px;
  top: 9px;
  display: block;
  background: url(../images/pay/pay.png) no-repeat;
  background-position: -87px -9px;
  width: 11px;
  height: 10px
}

.main-payment .pay-bd .invoice-cont {
  margin-top: 20px;
  margin-left: 80px
}

.main-payment .pay-bd .invoice-cont .edit_Invoice {
  font-size: 14px;
  color: #6cbef6;
  cursor: pointer
}

.main-payment .trade-foot {
  text-align: right
}

.main-payment .trade-foot .count {
  color: #fa1919;
  font-size: 24px;
  line-height: 1;
  margin: 15px 0;
  margin-right: 10px
}

.main-payment .trade-foot input,
.main-payment .trade-foot a {
  display: inline-block;
  width: 200px;
  height: 40px;
  font-size: 16px;
  background: #55c4b8;
  color: #fff;
  text-align: center;
  line-height: 38px;
  border: none;
  border-radius: 20px;
  cursor: pointer
}

.main-payment .trade-foot .count .font14 {
  margin-right: 0
}

.tickit {
  display: none
}

.invoice {
  position: absolute;
  top: 20%;
  z-index: 500;
  background: #fff;
  width: 620px;
  left: 50%;
  margin-left: -310px;
  margin-bottom: 50px
}

.invoice .caption {
  position: relative;
  text-align: center
}

.invoice .caption .close {
  position: absolute;
  top: 5px;
  right: 10px;
  display: block;
  width: 20px;
  height: 20px;
  opacity: 0.9;
  background: url(../images/closeBtn.png) no-repeat
}

.invoice .invoice-bd .invoice-line ul li {
  float: left;
  margin: 15px 0 15px 20px
}

.invoice .invoice-bd .invoice-line ul li a {
  display: block;
  box-sizing: border-box;
  font-size: 14px;
  color: #666;
  padding: 0 8px;
  height: 30px;
  line-height: 28px;
  border: 1px solid #ccc;
  cursor: pointer
}

.invoice .invoice-bd .invoice-line ul li.active a {
  color: #fff;
  background: #ffba1a;
  border-color: #ffba1a
}

.invoice .invoice-bd .tip {
  position: static;
  line-height: 17px;
  color: #666;
  padding: 20px;
  background: #fffaea;
  min-height: 74px;
  border: none;
  border-radius: 0
}

.invoice .invoice-bd .billMian .item {
  margin-top: 10px
}

.invoice .invoice-bd .billMian #nor_code_div {
  display: none;
}
.invoice .invoice-bd .billMian .smallMarkDiv .item-l {
  position: relative;
}
.invoice .invoice-bd .billMian .smallMarkDiv .item-l .smallMark{
  position: absolute;
  display: block;
  left: -12px;
  top: 15px;
  font-size: 12px;
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
  width: 120px;
}
.invoice .invoice-bd .billMian .item .item-l {
  float: left;
  color: #666666;
  font-size: 14px;
  line-height: 30px;
  margin-left: 20px
}

.billMian .item .item-l span.red-txt {
  font-size: 14px;
  color: #ff0000
}

.billMian .item .item-r {
  float: right;
  width: 480px
}

.billMian .item .item-r.span_area>span {
  float: left
}

.billMian .item .item-r.span_area>span>select {
  height: 30px;
  color: #333;
  line-height: 30px;
  border: 1px solid #ccc
}

.billMian .item .item-r span {
  display: block
}

.billMian .item .item-r .fptt {
  width: 320px;
  max-height: 114px;
  overflow-y: auto
}

.billMian .item .item-r .fptt .invoice-item2 {
  position: relative
}

.btns:hover {
  display: block
}

.billMian .item .item-r .fptt .invoice-item2 .btns {
  position: absolute;
  top: 0;
  right: 30px;
  height: 30px;
  line-height: 30px
}

.billMian .item .item-r .fptt .invoice-item2 .btns .editBtns,
.btns .deleBtns {
  display: none;
  margin-left: 5px
}

.billMian .item .item-r .fptt .active input {
  border: 1px solid #ffba1a
}

.billMian .item .item-r .fptt>div {
  margin-bottom: 8px
}

.billMian .item .item-r a.addCompany {
  color: #005ea7;
  font-size: 12px;
  cursor: pointer
}

.billMian .item .item-r a.addCompany:hover {
  color: #ffba1a
}

.billMian .item .item-r input {
  height: 30px;
  border: 1px solid #ccc;
  padding-left: 10px
}

.billMian .item .item-r input.large {
  width: 300px
}

.billMian .item .item-r .lack {
  display: block;
  line-height: 30px;
  text-align: center;
  color: #999999;
  height: 30px;
  width: 110px;
  border: 1px solid #ffba1a;
  cursor: pointer
}

.billMian .item .item-r .txt {
  display: block;
  margin-top: 5px;
  color: #999
}

.billMian .item .item-r .txt:before {
  display: inline-block;
  content: "!";
  line-height: 12px;
  text-align: center;
  width: 14px;
  height: 14px;
  margin-right: 5px;
  border: 1px solid #ccc;
  border-radius: 50%
}

.invoice-bd .box {
  height: 100px
}

.invoice-bd .btnBox input.btn {
  width: 140px;
  height: 32px;
  line-height: 32px;
  margin-top: 0;
  margin-bottom: 0;
  outline: none
}

.added {
  display: none
}

.invoice-status {
  display: block;
  margin: 10px 0 10px 20px
}

.billMian .step-2,
.billMian .step-3 {
  display: none
}

.invoice-status li {
  float: left;
  position: relative;
  height: 18px;
  line-height: 18px;
  color: #999;
  border: 1px dotted #999;
  padding: 10px;
  height: 40px
}

.invoice-status li.curr {
  color: #333
}

.invoice-status li.gap {
  height: 0;
  width: 0;
  border-bottom: none;
  border-left: none;
  border-right: none;
  margin-top: 21px;
  cursor: default
}

.send {
  margin-left: 86px;
  color: #999
}

.main-payment .account {
  display: flex;
  text-align: center;
  padding: 0
}

.main-payment .account .accountDiv {
  float: left;
  flex: 1;
  width: 25%;
  border-right: 1px solid #ccc
}

.main-payment .account .accountDiv:last-child {
  border-right: none
}

.main-payment .account .accountDiv>div.title {
  text-align: left;
  line-height: 30px;
  margin-right: 0;
  padding: 0 10px;
  border-bottom: 1px solid #ccc
}

.main-payment .account .xiangmu {
  flex: 5;
  width: 80%
}

.main-payment .account .xiangmu .accountDivBd {
  padding: 15px 0;
  min-height: 200px
}

.main-payment .account .xiangmu .xmItem {
  font-size: 18px;
  color: #666
}

.main-payment .account .xiangmu .xmItem>span {
  font-size: 18px
}

.main-payment .account .price {
  width: 20%
}

.main-payment .account .price .xmItem {
  font-size: 18px;
  color: #fa1919;
  padding-top: 15px
}

.main-payment .account .accountDiv .orderInfomation {
  text-align: left;
  padding: 10px;
  min-height: 230px
}

.accountDiv .orderInfomation .font14 {
  line-height: 22px;
  margin-bottom: 0
}

.accountDiv .orderInfomation .font14.red-txt {
  color: red
}

.accountDiv .orderInfomation .font14 .yellow-txt {
  font-size: 16px
}

.main-payment .order {
  height: 70px;
  line-height: 70px;
  background: #f6f6f6;
  padding: 0 10px;
  margin-bottom: 10px
}

.main-payment .order div {
  font-size: 14px;
  color: #999
}

.main-payment .order .l .l-top {
  line-height: 18px;
  color: #666;
  margin-top: 13px
}

.main-payment .order .l .l-foot {
  line-height: 28px;
  font-size: 18px;
  color: #666666;
  font-weight: bold;
  margin: 0
}

.main-payment .order .l .l-foot span {
  font-weight: normal;
  margin-left: 20px
}

.main-payment .order .r {
  color: #5e5e5e;
  height: 70px
}

.main-payment .order div span.red-txt {
  font-size: 24px;
  color: #ed0000
}

.main-payment .pay-zhifu .p-bd {
  text-align: center;
  margin-top: 30px
}

.main-payment .pay-zhifu .p-bd .title .red-txt {
  font-size: 14px
}

.main-payment .pay-zhifu .p-bd .title .big-red-txt {
  font-size: 28px
}

.main-payment .pay-zhifu .p-bd .imgBox {
  width: 310px;
  height: 310px;
  border: 1px solid #ccc;
  margin: 10px auto
}

.main-payment .pay-zhifu .p-bd .imgBox img {
  display: block;
  width: 274px;
  height: 274px;
  margin-top: 17px;
  margin-left: 17px
}

.main-payment .pay-zhifu .p-bd .ewmBox .tipTxt {
  margin: 0 auto;
  height: 61px;
  width: 310px;
  background: url(../images/pay/zftip.jpg) no-repeat center center
}

.main-payment .pay-zhifu .p-bd .ewmBox .tipTxt>div {
  color: #fff;
  font-size: 14px;
  text-align: left;
  padding: 10px 0 0 130px
}

.main-payment .alipay-hd {
  margin: 10px 0 20px 0
}

.main-payment .alipay-hd .alipay-hd-logo {
  float: left
}

.main-payment .alipay-hd>div.txt {
  display: inline-block;
  color: #999999;
  font-size: 16px;
  margin-top: 8px;
  margin-left: 10px
}

.aliBottom {
  margin: 0 auto;
  width: 198px
}

.aliBottom>p {
  margin-top: 10px;
  line-height: 16px
}

.aliImgBox {
  width: 212px;
  margin: 0 auto;
  border: 1px solid #ccc
}

.aliImgBox>img {
  display: block;
  width: 198px;
  height: 198px;
  margin: 6px
}

.aliBottom img {
  float: left;
  margin-left: 26px
}

.ewmBox>p.font14 {
  text-indent: 14px;
  margin-top: 10px
}

.main-payment .prompt .prompt_hd h3 {
  font-size: 18px;
  line-height: 48px;
  font-weight: bold
}

.main-payment .prompt .prompt_hd h3 span {
  float: left;
  display: block;
  width: 48px;
  height: 48px;
  margin-right: 20px;
  background: url(../images/pay/face.png) no-repeat
}

.main-payment .prompt .prompt_hd h3 span.cry {
  background-position: -48px 0
}

.main-payment .prompt .prompt_hd p {
  margin-left: 68px
}

.main-payment .prompt .prompt_foot {
  text-align: left;
  border-top: 1px solid #ccc;
  margin-top: 20px;
  padding-top: 20px
}

.main-payment .prompt .prompt_foot a {
  color: #55c4b8;
  border: 1px solid #55c4b8;
  background: #fff;
  margin-right: 20px
}

.main-payment .prompt .prompt_foot a.active,
.main-payment .prompt .prompt_foot a:hover {
  color: #fff;
  border: 1px solid #55c4b8;
  background: #55c4b8
}

.main-payment .account table {
  width: 100%;
  text-align: center
}

.main-payment .account table thead {
  line-height: 30px;
  background: #f0f0f0
}

.main-payment .account table thead th {
  text-align: center;
  font-size: 14px;
  color: #999
}

.main-payment .account table tbody tr {
  line-height: 60px
}

.main-payment .account table tbody tr:nth-child(even) {
  background: #f0f0f0
}

.li-opacity {
   -webkit-animation-name: opacity;
   /*动画名称*/
   -webkit-animation-iteration-count: 1;
   /*动画次数*/
   -webkit-animation-delay: 0s;
   /*延迟时间*/
 }
.layyer,
.alert-mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 1004;
}
.mask .layyer {
  display: block;
}
.ui-dialog {
    position: absolute;
    top: 160px;
    left: 50%;
    margin: 0 auto;
    background: #fff;
    padding-bottom: 20px;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0)

}
 .alert-content {
   position: fixed;
   box-sizing: border-box;
   border-radius: 4px;
   z-index: 9999;
   -webkit-transition: .4s;
   -moz-transition: .4s;
   transition: .4s;
   display: none;
 }
 .alert-show {
   display: block;
 }

 .alert-default {
   background-color: white;
 }

 .alert-content .ui-dialog {
   position: static;
   margin-top: 0;
   transform: translate(0, 0);
   -webkit-transform: translate(0, 0);
 }
.ui-dialog.middle {
  width: 460px
}

.ui-dialog.large {
  width: 900px
}

.ui-dialog.middle-large {
  width: 599px
}

.ui-dialog.no-bg {
  background: none
}

.ui-dialog .ui-dialog-caption {
  position: relative;
  font-size: 16px;
  text-align: center;
  color: #fff;
  height: 40px;
  line-height: 40px;
  background: #55c4b8
}

.ui-dialog .ui-dialog-caption .close {
  position: absolute;
  top: 10px;
  right: 10px;
  display: block;
  width: 20px;
  height: 20px;
  opacity: 0.9;
  background: url(../images/closeBtn.png) no-repeat
}

.ui-dialog .ui-dialog-caption .close:hover {
  opacity: 1
}

.ui-dialog .ui-dialog-bd {
  text-align: center;
  width: 420px;
  margin: 0 20px;
}

.ui-dialog .ui-dialog-bd .tips {
  font-size: 14px;
  color: #666666;
  margin: 10px 0 30px 0;
  min-height: 66px;
  max-height: 180px;
  overflow: auto;
  padding-right: 3px;
}
.ui-dialog .ui-dialog-bd .tips.left {
  text-align: left;
}
.ui-dialog .ui-dialog-bd .tips .link {
  font-size: 14px;
  color: #bababa;
  text-decoration: underline;
}
.ui-dialog .ui-dialog-bd .tips .link:hover {
   opacity: 0.8;
}
.ui-dialog .ui-dialog-bd .tips .reason {
  display: inline-block;

}
.ui-dialog .ui-dialog-bd .tips-small-txt {
  font-size: 14px
}

.ui-dialog .ui-dialog-bd .tips .red-txt {
  font-size: 14px;
  line-height: 14px;
  cursor: pointer;
  transition: all .5s
}

.ui-dialog .ui-dialog-button input {
  box-sizing: border-box;
  font-size: 16px;
  color: #55c4b8;
  line-height: 38px;
  width: 198px;
  height: 40px;
  background: #fff;
  border: 1px solid #55c4b8;
  border-radius: 3px;
  transition: all .5s
}

.ui-dialog .ui-dialog-button input.active,
.ui-dialog .ui-dialog-button input:hover {
  background: #55c4b8;
  color: #fff
}

.ui-dialog .ui-dialog-button input.cancel {
  margin-left: 20px
}
.ui-dialog-button {
  text-align: center;
}
.avianizeDiv .ui-dialog-button {
  position: relative;
}
.ui-dialog.no-bg img {
  width: auto;
  height: auto
}

.ui-dialog.large .tipPic img {
  display: block;
  width: 900px;
  height: auto
}

.ui-dialog .tipPicTxt {
  position: absolute;
  top: 190px;
  left: 234px;
  color: #804e21;
  font-size: 18px;
  text-align: left;
  line-height: 1.5;
  width: 480px;
  height: 140px
}

.ui-dialog .tipPicTxt>a,
.ui-dialog .tipPicTxt>span {
  font-size: 18px
}
.ui-dialog .ui-dialog-bd .tips span {
  font-size: 14px;
}
.appSpan1 {
  width: 420px;
  opacity: 0;
}
.ui-dialog .inner {
  position: relative;
}
.ui-dialog .inner.on:after {
  position: absolute;
  display: inline-block;
  content: "…";
  color: #ffba1a;
  right: -10px;
  bottom: 0;

}
/* 警告色 */
.voidDiv .ui-dialog {
  background: #cc0010;
}
.voidDiv .ui-dialog .ui-dialog-caption,
.voidDiv .ui-dialog .ui-dialog-button input.active,
.voidDiv .ui-dialog .ui-dialog-button input:hover {
  background: #000;
}
.voidDiv .ui-dialog .ui-dialog-button input {
  border: 1px solid #fff;
  color: #fff;
  background: none;
}
.voidDiv .ui-dialog .ui-dialog-button input.active,
.voidDiv .ui-dialog .ui-dialog-button input:hover {
  background: #000;
  border: 1px solid #000;
}
.voidDiv .ui-dialog .ui-dialog-bd .tips {
  color: #fff;
}
/*弱化色*/
.avianizeDiv .ui-dialog .ui-dialog-button input {
  display: block;
  margin: 0 auto;
}
.avianizeDiv .ui-dialog .ui-dialog-button input.cancel {
  position: absolute;
  bottom: 0;
  right: 50px;
  color: #666;
  text-decoration:underline;
  font-size: 12px;
  width: auto;
  height: 30px;
  border: none;
}


.avianizeDiv .ui-dialog .ui-dialog-button input.cancel:hover {
  background: #fff;
  color: #55c4b8;
}
.tipPicClose {
  position: absolute;
  right: 0;
  top: -25px
}

.tipPicCloseBottom {
  top: 50px;
}

.tipPicClose .close {
  display: block;
  width: 20px;
  height: 20px;
  opacity: 0.9;
  background: url(../images/closeBtn.png) no-repeat
}

.ui-dialog.middle-large .tipPicTxt {
  top: 280px;
  left: 185px;
  text-align: left;
  width: 300px
}

.ui-dialog.middle-large .tipPicTxt .checkbox {
  text-align: left;
  margin-left: 20px;
  margin-top: 30px;
}

.ui-dialog.middle-large .tipPicTxt .checkbox input {
  width: 13px;
  height: 13px;
  margin: 3px 20px 0 -18px;
}


.turnOverflow {
  overflow: hidden;
}
.inner-r {
  position: relative;
}
.inner-r .inner-r-box {
  height: 100%;
  margin-top: -10px;
}

@keyframes bordertwlink {
  0% {
      color: #ffba1a;
      border: 1px solid #ffba1a;
  }
  50% {
      color: #55c4b8;
      border: 1px solid #55c4b8;
  }
  100% {
      color: #ffba1a;
      border: 1px solid #ffba1a;
  }
}
.border-twlink {
  color: red;
  animation: bordertwlink 1s infinite;
  animation-iteration-count: 3;
  border: 1px solid #ccc;
}

/*批量*/
.info .item .item-l .item-r-inner,
.info .item .item-r .item-r-inner {
  display: inline-block;
  margin-right: 40px;
}
.info .item .item-r .item-r-inner {
  display: none;
}

/*视频*/
.mod_row_box {
  margin: 0 auto;
}
.mod_tab i {
  display: inline-block;
  font-size: 14px;
  color: #666;
  margin: 0 6px;
}
.mod_tab {
  padding-left: 10px;
}
.mod_tab a {
  font-size: 14px;
  color: #666;
}
.mod_tab a:hover,
.mod_tab a.on {
  color: #55c4b8;
  cursor: pointer;
}
.mod_row_box .mod_figures {
  width: 100%;
}
.mod_row_box .mod_figures .figures_list .list_item {
  float: left;
  width: 25%;
  padding: 0 10px;
  margin-bottom: 24px;
  transition: .5s all;
  -webkit-transition: .5s all;
}
.mod_row_box .mod_figures .figures_list .list_item:hover .figure img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transition: .5s all;
  -webkit-transition: .5s all;
}
.mod_row_box .mod_figures .figures_list .list_item:hover .figure .figure-inner{
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transition: .5s all;
  -webkit-transition: .5s all;
}
.mod_row_box .mod_figures .figures_list .list_item:hover .figure_title a {
  color: #55c4b8;
  cursor: pointer;
  transition: .5s all;
  -webkit-transition: .5s all;
}
.mod_row_box .mod_figures .figures_list .list_item a.figure {
  position: relative;
  display: inline-block;
  width: 100%;
  cursor: pointer;
  box-shadow: 0px 3px 15px 3px #f2f2f2;
  overflow: hidden;
}
.mod_row_box .mod_figures .figures_list .list_item a.figure .figure-inner {
  position: absolute;
  display: flex;
  top: 50%;
  left: 0;
  justify-content: center;
  font-size: 36px;
  color: #666;
  text-align: center;
  align-items: center;
  letter-spacing: 5px;
  width: 100%;
  height: 102px;
  margin-top: -51px;
  transition: .5s all;
  -webkit-transition: .5s all;
}
.mod_row_box .mod_figures .figures_list .list_item a.figure:before {
  position: absolute;
  left: 10%;
  top: 12%;
  content: "";
  width: 80%;
  height: 76%;
  border: 4px solid #666;
  z-index: 9;
}
.mod_row_box .mod_figures .figures_list .list_item a.figure img {
  display: inline-block;
  width: 100%;
  height: 100%;
  transition: .5s all;
  -webkit-transition: .5s all;
}
.figure_title a {
  display: inline-block;
  font-size: 14px;
  color: #666;
  font-weight: bold;
  color: #666;
  margin-top: 3px;
  transition: .5s all;
  -webkit-transition: .5s all;
}
.figure_desc {
  color: #999;
  font-size: 12px;
}
.video-box {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 303;
}
.video-box .video-box-bg {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.video-box-inner {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -276px;
  margin-left: -480px;

}
.video-box-inner h5 {
  color: #fff;
  font-size: 24px;
}
.video-close {
  position: absolute;
  right: -80px;
  top: 0;
  display: inline-block;
  width: 56px;
  height: 60px;
  opacity: 0.8;
  background: url('../images/video/video_close.png') no-repeat;
}
.video-close:hover {
  opacity: 1;
}

/*弹层*/
.notificationBox {
    position: fixed;
    box-sizing: border-box;
    border-radius: 4px;
    z-index: 9999;
    top: 160px;
    width: auto;
    left: 50%;
    margin-left: -218px;
    background: #fff;
    padding: 78px 43px 30px 43px;
}
.noti-inner {
}
.noti-inner .title {
    margin-bottom: 20px;
}
.noti-inner .center {
    text-align: center;
}
.noti-inner .txt,
.noti-inner .txt > span {
    font-size: 16px;
}
.noti-inner .txt {
    color: #666;
    max-width: 350px;
}
.noti-inner .txtb {
    min-height: 126px;
}
.noti-inner .noti-pic {
    position: absolute;
    display: block;
    top: -63px;
    left: 50%;
    margin-left: -62px;
}
.noti-inner .noti-pic img {
    display: block;
}


.hnc-normal-btn {
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    width: 280px;
    height: 40px;
    margin: 0 auto;
    background: #55c4b8;
}
.hnc-normal-btn:hover {
    cursor: pointer;
}
.noti-inner .hnc-normal-btn {
    margin-top: 20px;
}

.login .item p.ts {
    line-height: 30px;
    height: 30px;
}
.login a.glyy {
    margin-top: 20px;
    box-sizing: border-box;
    background: #fff;
    color: #6cbef6;
    border: 1px solid #6cbef6;
}
.noti-inner .cancel {
    font-size: 14px;
    color: #666;
    text-decoration: underline;
    text-align: right;
    width: 280px;
    margin: 10px auto 0 auto;
}
.noti-inner .cancel:hover {
    color: #999;
    cursor: pointer;
}

/* 其他身份下角色定位 */
.otherRole {
	height: 22px;
	padding: 0 15px;
	margin-bottom: 20px;
}
.otherRole span {
	font-size: 16px;
}
/* 加载效果 */
.loadTxt {
	font-size: 18px;
	font-weight: bold;
}
@media screen and (min-width:0) and (max-width:1439px){
  .mod_row_box .mod_figures .figures_list .list_item {
    width: 33.33%;
  }

}

/*很能查*/
/*入口*/
.enterPersonal {
  font-size: 14px;
}
.enterPersonal:hover {
  cursor: pointer;
}
.enterTable tbody tr:hover,
.enterTable tbody tr.on {
  background: #e0e0e0 !important;
  transition: all .5s;
}
.enterTable tbody tr:first-child:hover {
  background: #fff !important;
}
.enterList {
  display: none;
  position: absolute;
  max-height: 384px;
  overflow-y: auto;
  margin-bottom: 30px;
  box-shadow: 0px 3px 15px #666;
}
.enterList li {
  height: 32px;
}
.enterList li a {
  display: inline-block;
  text-align: left;
  width: 100%;
  padding: 0 10px;
}
/*统计页面*/
.countTimes {
  padding: 0 10px;
}
.countTimes .info .item {
  width: 100%;
  padding-left: 0;
}
.countTimes .info .item .item-l {
  font-size: 12px;
}
.countTimes .info .item .item-r {
  float: right;
  line-height: 30px;
}
.countTimes .btnBox {
  width: 100%;
}
.countTimes .btnBox ul li a {
  font-size: 14px;
}
.countTimes .btnBox ul.yellow li a {
  color: #ffba1a;
  border-color: #ffba1a;
}
.countTimes .btnBox ul.yellow li a:hover,
.countTimes .btnBox ul.yellow li.on a {
  color: #333;
  background: #ffba1a;
}
.countTimes .btnBox ul.green li a:hover,
.countTimes .btnBox ul.green li.on a {
  color: #fff;
  background: #55c4b8;
}
.countTimes .btnBox ul li {
  float: left;
  margin-right: 20px;
}
.countTimes .btnBox ul li:last-child {
  margin-right: 0;
}
.countTimes .breviary {
  position: relative;
}
.countTimes .breviary > .weiluru {
  position: absolute;
  top: 50%;
  width: 100%;
  margin-top: -64px;
  text-align: center;
  z-index: 5;
}
.countTimes .breviary > .weiluru .bigTxt {
  font-size: 90px;
}
.countTimes .breviary > .title {
   font-size: 16px;
   margin-bottom: 80px;
}
.countTimes .title .times {
  font-size: 30px;
  color: #398ef3;
  font-weight: bold;
  margin-left: 3px;
}
.countTimes .title .changeTxt {
  font-size: 16px;
}
.countTimes .breviary {
  position: relative;
}
.countTimes .breviary .breviaryPicture {
  position: absolute;
  right: 0;
  top: 10px;
  width: 200px;
  height: 130px;
  overflow: hidden;
  border: dashed 1px #55c4b8;
}
.countTimes .breviary .breviaryPicture img {
  transform:scale(1,1);
  -ms-transform:scale(1,1);
  -moz-transform:scale(1,1);
  -webkit-transform:scale(1,1);
  -o-transform:scale(1,1);
  transition: all .5s;
}
.countTimes .breviary .breviaryPicture:hover {
  cursor: pointer;
}
.countTimes .breviary .breviaryPicture:hover img {
  transform:scale(1.1,1.1);
  -ms-transform:scale(1.1,1.1);
  -moz-transform:scale(1.1,1.1);
  -webkit-transform:scale(1.1,1.1);
  -o-transform:scale(1.1,1.1);
  transition: all .5s;
}
/*手机图*/
.mobileBox {
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -187px;
  margin-top: -80px;
  margin-bottom: 80px;
  background: #fff;
  z-index: 1005;
}
.mobileBox .m-hd {
  width: 375px;
  height: 172px;
  background: url(../images/form/bg.png) no-repeat;
  /*background: red;*/
}
.mobileBox .m-hd h5 {
  font-size: 18px;
  color: #fff;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
  text-align: center;
  padding: 30px 15px 0 15px;
  width: 100%;
  margin: 0 auto;
  voice-family: male;
  richness: 80;
  cue-before: url("beep.au")
}
.mobileBox .m-bd {
  position: relative;
  margin: 0 15px;
  height: 478px;
  width: 345px;
}
.mobileBox .m-bd .t {
  position: absolute;
  top: -102px;
  background: #fff;
  width: 100%;
  padding: 10px 20px;
  border: 1px solid rgba(136,103,249,.1);
  border-radius: 3px;
  box-shadow:0px 10px 32px 3px rgba(136,103,249,0.1);
}
.mobileBox .m-bd .t .p-count {
  overflow: hidden;
}
.mobileBox .m-bd .t #countTxt {
  white-space:nowrap;
}
.mobileBox .m-bd .t #countTxt1 {
  max-width: 266px;
  display: none;
}
.mobileBox .m-bd .t .p-count .y {
  color: #fff;
  background: #ffba1a;
  padding: 0 5px;
  margin-right: 5px;
  border-radius: 3px;
}
.mobileBox .m-bd .t .p-count .btxt {
  font-size: 50px;
  color: #398ef3;
  font-weight: bold;
  line-height: 66px;
}
.mobileBox .m-bd .b {
  padding-top: 70px;
  padding-bottom: 15px;
}
.mobileBox .m-bd .b .weiluru .bigTxt {
  font-size: 60px;
}
.mobileBox .m-bd .b .b-hd .gray3{
  font-size: 22px;
  margin-right: 5px;
}
.mobileBox .m-bd .b .week {
  margin-top: 10px;
  width: 100%;
}
.mobileBox .m-bd .b .week ul li {
  float: left;
  text-align: center;
  width: 108px;
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 10px 3px 3px 3px;
  height: 89px;
  overflow: hidden;
  background: #fff;
  border-radius: 3px;
  box-shadow:0px 10px 32px 3px rgba(136,103,249,0.1);
}
.mobileBox .m-bd .b .week ul li.disabled {
  opacity: 0.5;
}
.mobileBox .m-bd .b .week ul li.disabled .weekBox .jindu .jinduBg {
  width: 0;
}
.mobileBox .m-bd .b .week ul li div {
  margin-bottom: 2px;
}
.mobileBox .m-bd .b .week ul li .data {
  font-weight: bold;
  white-space: normal;
  word-break: break-all;
  word-wrap: break-word;
  line-height: 1;
}
.mobileBox .m-bd .b .week ul li .data.gray1 {
  font-weight: normal;
  font-size: 16px;
  margin-top: 5px;
}
.mobileBox .m-bd .b .week ul li:nth-child(3n) {
  margin-right: 0;
}
.mobileBox .m-bd .b .b-bd {
  position: absolute;
  left: 0;
  bottom: 20px;
  width: 100%;
}
.mobileBox .m-bd .b .week ul li .weekBox .jindu {
  position: relative;
  width: 70px;
  height: 5px;
  background: #f2f2f2;
  margin: 7px auto 8px auto;
  border-radius: 3px;
}
.mobileBox .m-bd .b .week ul li .weekBox .jindu .jinduBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
}
.mobileBox .m-bd .b .week ul li:nth-child(7n+1) .weekBox .jindu .jinduBg {
  background: url(../images/form/bg1.png) no-repeat;
  background-size: 100% 100%;
}
.mobileBox .m-bd .b .week ul li:nth-child(7n+2) .weekBox .jindu .jinduBg {
  background: url(../images/form/bg2.png) no-repeat;
  background-size: 100% 100%;
}
.mobileBox .m-bd .b .week ul li:nth-child(7n+3) .weekBox .jindu .jinduBg {
  background: url(../images/form/bg3.png) no-repeat;
  background-size: 100% 100%;
}
.mobileBox .m-bd .b .week ul li:nth-child(7n+4) .weekBox .jindu .jinduBg {
  background: url(../images/form/bg4.png) no-repeat;
  background-size: 100% 100%;
}
.mobileBox .m-bd .b .week ul li:nth-child(7n+5) .weekBox .jindu .jinduBg {
  background: url(../images/form/bg5.png) no-repeat;
  background-size: 100% 100%;
}
.mobileBox .m-bd .b .week ul li:nth-child(7n+6) .weekBox .jindu .jinduBg {
  background: url(../images/form/bg6.png) no-repeat;
  background-size: 100% 100%;
}
.mobileBox .m-bd .b .week ul li:nth-child(7n+7) .weekBox .jindu .jinduBg {
  background: url(../images/form/bg7.png) no-repeat;
  background-size: 100% 100%;
}
.countTimes .saveBtn,
.countTimes .closeBtn {
  position: fixed;
  z-index: 1005;
}
.countTimes .closeBtn {
  display: inline-block;
  right: 15px;
  top: 15px;
  width: 56px;
  height: 60px;
  background: url('../images/video/video_close.png') no-repeat;
  background-size: 100% 100%;
}
.countTimes .closeBtn:hover {
  cursor: pointer;
  opacity: 0.8;
}
.countTimes .saveBtn {
  bottom: 20px;
  left: 50%;
  margin-left: -110px;
  color: #fff;
  width: 220px;
  background: #55c4b8;
}
.countTimes .saveBtn:hover {
  cursor: pointer;
}
.countTimes .result {
  display: none;
}
/*手机月*/
.mobileBox .m-bd .b .month {
  background: #fff;
  padding: 20px 10px 10px 10px;
  border-radius: 3px;
}
.mobileBox .m-bd .b .month table {
  text-align: center;
  width: 100%;
  margin-bottom: 10px;
}
.mobileBox .m-bd .b .month table tr th {
  color: #333333;
  font-size: 12px;
  text-align: center;
  width: 14.28%;
}
.mobileBox .m-bd .b .month table tr td {
  font-size: 12px;
  color: #999;
  width: 14.28%;
  padding: 4px 2px;
}
.mobileBox .m-bd .b .month .c {
  font-size: 22px;
  font-weight: bold;
  color: #398ef3;
  line-height: 24px;
  height: 25px;
  width: 42px;
 }
.mobileBox .m-bd .b .month table tr td.disabled .d {
  color: #c6c6c6;
}
.mobileBox .m-bd .b .month .disabled .c {
  color: #c6c6c6;
  font-weight: normal;
 }
.mobileBox .m-bd .b .month .empty {
  color: #1ed1a1;
  font-size: 12px;
  line-height: 26px;
  margin-top: 0;
 }
.mobileBox .m-bd .b .month table tr th:nth-child(6),
.mobileBox .m-bd .b .month table tr th:nth-child(7),
.mobileBox .m-bd .b .month table tr td:nth-child(6),
.mobileBox .m-bd .b .month table tr td:nth-child(7) {
  color: #fbbbc8;
}
.mobileBox .m-bd .b .month table tbody tr {
  border-bottom: 1px solid #f0f0f0;
}
.mobileBox .m-bd .b .month table tbody tr:first-child td {
  padding-top: 0;
}
.mobileBox .m-bd .b .month table tbody tr:last-child {
  border-bottom: none;
}

/*历史*/
.countTimes .breviary .hncHistory {
  width: 100%;
}
.countTimes .breviary .hncHistory > .l {
  width: 266px;
  height: 344px;
  background: #f7f7f7;
}
.countTimes .breviary .hncHistory .canvasRight {
  margin-left: 294px;
  height: 400px;
}
/*部门、角色*/
.partment {
  position: relative;
  width: 375px;
  left: -15px;
}
.partment div,
.partment span ,
.partment td {
  font-size: 14px;
}
.partment .ptable {
  table-layout: fixed;
  width: 100%;
}
.partment .ptable tr td {
  height: 38px;
  color: #999;
  vertical-align: middle;
  padding: 0 5px;
  text-overflow: ellipsis; /* for IE */
  -moz-text-overflow: ellipsis; /* for Firefox,mozilla */
  overflow: hidden;
  white-space: nowrap;
}
.partment .ptable tr th {
  color: #37384c;
  text-overflow: ellipsis; /* for IE */
  -moz-text-overflow: ellipsis; /* for Firefox,mozilla */
  overflow: hidden;
  white-space: nowrap;
  padding: 0 5px;
  height: 22px;
}
.partment .ptable tr td:first-child,
.partment .ptable tr th:first-child {
  padding-left: 15px;
}
.partment .ptable tr th:last-child,
.partment .ptable tr td:last-child {
  padding-right: 15px;
  text-align: right;
}
/*表格宽度，超出隐藏*/
.partment .ptable tr td:first-child,
.partment .ptable tr th:first-child {
  width: 50px;
}
.partment .ptable tr td:nth-child(2),
.partment .ptable tr th:nth-child(2) {
  width: 154px;
}
.partment .ptable tr td:nth-child(2),
.partment .ptable tr th:nth-child(2) {
  width: 154px;
}
/*表单部门/角色宽度*/
.partment .ptablebumen tr td:nth-child(2),
.partment .ptablebumen tr th:nth-child(2) {
  width: 130px;
}
.partment .ptablebumen tr td:nth-child(3),
.partment .ptablebumen tr th:nth-child(3) {
  width: 120px;
}
/*定制（多个指数）宽度*/
.partment .ptabledingzhi tr td:nth-child(3),
.partment .ptabledingzhi tr th:nth-child(3) {
  width: 100px;
}

.partment .ptable tr td:last-child {
  text-align: right;
}
.partment .ptable tbody tr:nth-child(odd) {
  background: #f8f8f8;
}
.partment .ptable tbody tr.datahd {
  background: #fff;
}
.partment .ptable tbody tr.datahd span.q {
  display: inline-block;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
  vertical-align: bottom;
}
.partment .ptable tbody tr.datahd td {
  text-align: left;
}
.partment .ptable.ptable1 tbody tr td:last-child,
.partment .ptable.ptable3 tbody tr td:last-child,
.partment .ptable .tr1 td.count {
  color: #398ef3;
  font-weight: bold;
}
.partment .ptable tbody tr.datahd td {
  color: #999 !important;
  font-weight: normal !important;
}
.partment .ptable.ptable1 tbody tr:first-child td:last-child,
.partment .ptable .tr1:first-child td.count {
  font-size: 26px;
}
.partment .ptable.ptable1 tbody tr:nth-child(2) td:last-child,
.partment .ptable .tr1:nth-child(2) td.count {
  font-size: 22px;
}
.partment .ptable.ptable1 tbody tr:nth-child(3) td:last-child,
.partment .ptable .tr1:nth-child(3) td.count {
  font-size: 18px;
}
.partment .ptable.ptable2 tbody tr td:nth-last-child(2) span,
.partment .ptable tbody tr td.tb2 span {
  color: #55c4b8;
  font-weight: bold;
}
.partment .ptable.ptable2 tbody tr:last-child td:nth-last-child(2) span,
.partment .ptable.ptable2.down tbody tr:first-child td:nth-last-child(2) span,
.partment .ptable.ptable2 tbody tr:last-child td.tb2 span,
.partment .ptable.ptable2.down tbody tr:nth-child(2) td.tb2 span {
  font-size: 26px;
}
.partment .ptable.ptable2 tbody tr:nth-last-child(2) td:nth-last-child(2) span,
.partment .ptable.ptable2.down tbody tr:nth-child(2) td:nth-last-child(2) span,
.partment .ptable.ptable2 tbody tr:nth-last-child(2) td.tb2 span,
.partment .ptable.ptable2.down tbody tr:nth-child(3) td.tb2 span {
  font-size: 22px;
}
.partment .ptable.ptable2 tbody tr:nth-last-child(3) td:nth-last-child(2) span,
.partment .ptable.ptable2.down tbody tr:nth-child(3) td:nth-last-child(2) span,
.partment .ptable.ptable2 tbody tr:nth-last-child(3) td.tb2 span,
.partment .ptable.ptable2.down tbody tr:nth-child(4) td.tb2 span {
  font-size: 18px;
}
.partment .ptable.ptable2.down tbody tr:last-child td:nth-last-child(2) span,
.partment .ptable.ptable2.down tbody tr:nth-last-child(2) td:nth-last-child(2) span,
.partment .ptable.ptable2.down tbody tr:nth-last-child(3) td:nth-last-child(2) span,
.partment .ptable.ptable2.down tbody tr td.tb2 span {
  font-size: 14px;
}
.partment .ptable.ptable2 tbody tr td.tb2 {
  color: #999;
  font-weight: normal;
  font-size: 14px;
}
.pmoutdata {
  padding: 0 15px;
  background: #fff;
}
.pmoutdata > div {
  color: #999;
  height: 38px;
  line-height: 38px;
}
.breviary .batchEditRoles {
  width: 100%;
}
.breviary .batchEditRoles > div {
  width: 48%;
}
.breviary .batchEditRoles > .r .ftmiddle {
  line-height: 30px;
  margin-bottom: 11px;

}
.breviary .batchEditRoles .group {
  margin: 20px 0;
}
.breviary .batchEditRoles .s-box {
  height: 540px;
  width: 100%;
  overflow-y: auto;
}
.breviary .batchEditRoles .group2 {
  display: block;
}
.breviary .batchEditRoles .group1 .table tr td {
  height: 32px;
  line-height: 20px;
}
.breviary .batchEditRoles .group1 .table tr td:last-child {
  color: #398ef3;
  font-weight: bold;
}
.breviary .batchEditRoles .group2 .table tr td:last-child span,
.breviary .batchEditRoles .group2.dingzhi .table tr td:nth-last-child(2) span{
  color: #55c4b8;
  font-size: 14px;
  font-weight: bold;
  margin-right: 3px;
}
.breviary .batchEditRoles .group1 .table tr:first-child td:last-child,
.breviary .batchEditRoles .group2 .table tr:first-child td:last-child span,
.breviary .batchEditRoles .group2.dingzhi .table tr:first-child td:nth-last-child(2) span {
  font-size: 20px;
}
.breviary .batchEditRoles .group1 .table tr:nth-child(2) td:last-child,
.breviary .batchEditRoles .group2 .table tr:nth-child(2) td:last-child span,
.breviary .batchEditRoles .group2.dingzhi .table tr:nth-child(2) td:nth-last-child(2) span {
  font-size: 18px;
}
.breviary .batchEditRoles .group1 .table tr:nth-child(3) td:last-child,
.breviary .batchEditRoles .group2 .table tr:nth-child(3) td:last-child span,
.breviary .batchEditRoles .group2.dingzhi .table tr:nth-child(3) td:nth-last-child(2) span {
  font-size: 16px;
}
.breviary .batchEditRoles .group1.dingzhi .table tr td:last-child {
  font-size: 16px;
}
/*缩略图*/
.hnchaImgList {
  padding: 0;
}
.hnchaImgList .listBox {
  padding: 0 10px;
}
.hnchaImgList .listBox ul li {
  box-sizing: border-box;
  float: left;
  width: 15.8%;
  padding: 0 .75%;
  margin-right: 1%;
  margin-bottom: 10px;
  padding-top: 10px;
  border: 2px solid #fff;
  transition: all .5s;
}
.hnchaImgList .listBox ul li:nth-child(6n) {
  margin-right: 0;
}
.hnchaImgList .listBox ul li:hover {
  border: 2px solid #55c4b8;
  transition: all .5s;
}
.hnchaImgList .listBox ul li.on {
  border-color: #fff;
  background: #ccedea;

}
.hnchaImgList .listBox ul li a,
.hnchaImgList .listBox ul li a img {
  display: inline-block;
  width: 100%;
}
.hnchaImgList .listBox ul li a img {
  box-shadow: 0px 1px 5px 1px rgba(0,0,0,0.1)
}
.hnchaImgList .listBox ul li a span {
  display: block;
  font-size: 14px;
  color: #666;
  line-height: 20px;
  text-align: center;
  width: 100%;
  padding: 10px 0;
}
.hnchaImgList .result .mobileBox {
  width: 375px;
  top: 0;
  margin-bottom: 0;
}
.hnchaImgList .result .mobileBox img {
  display: inline-block;
  width: 100%;
}
.canvasRight .batchEditRoles {
  width: 100%;
}
.canvasRight .batchEditRoles > div {
  width: 48%;
}
.canvasRight .batchEditRoles .s-box {
  width: 100%;
}
#year_chart {
  margin-top: 10px;
}

/*添加说明*/
.textarea {
  position: relative;
  width: 858px;
  margin: 0 auto 80px auto;
}
.textarea textarea {
  font-size: 14px;
  color: #333;
  padding: 18px;
  min-height: 408px;
  width: 858px;
  resize: none;
  border: 1px solid #999;
}
.textarea .countbox {
  position: absolute;
  bottom: 20px;
  right: 18px;
}
/*计数器*/
.otherType {
  position: fixed;
  display: none;
}
.otherType ul {
  background: #fff;
  box-shadow: 0px 3px 15px #666
}
.otherType ul li {
  font-size: 14px;
  width: 130px;
  height: 30px;
  padding: 0 8px;
  line-height: 30px;
  color: #666;
}
.otherType ul li.on,
.otherType ul li:hover {
  color: #fff;
  background: #55c4b8;
  cursor: pointer;
}
.blue-txt.switchType {
  display: none;
  cursor: pointer;
}
.info-large .item .item-r span.jishu {
  color: #999;
  line-height: 40px;
}
.info-large .item .item-r input.shortTxt {
  width: 28px;
  height: 28px;
  padding-left: 8px;
}
.jishuqi {
  display: none;
}


/*多功能表（数据表）右击菜单*/
.clickRight .menu {
  position: absolute;
  display: none;
  left: 3px;
  top: -72px;
  z-index: 402
}
.clickRight .menu ul {
  position: relative;
  margin-bottom: 0;
  width: 200px;
  background: #fff;
  border-radius: 3px;
  box-shadow: 1px 1px 8px #999;
  -webkit-box-shadow: 1px 1px 8px #999;
}
.clickRight .menu ul li {
  min-width: 140px;
  border-bottom: 1px solid #E9E9E9;
}
.clickRight .menu ul li a {
  display: inline-block;
  width: 100%;
  font-size: 14px;
  line-height: 30px;
  height: 30px;
  padding: 0 10px;
  margin: 2px 0;
}
.clickRight .menu ul li a:hover {
  cursor: pointer;
  background: #55c4b8;
  transition: all .5s;
}
.clickRight .menu ul li.on {
  background: #eb5e12;
  -webkit-box-shadow: 1px 1px 10px #999;
  box-shadow: 1px 1px 10px #999;
  border-color: 1px solid #eb5e12
}
.clickRight .menu ul li.on a {
  color: #fff
}
.clickRight .menu ul li a:hover {
  color: #fff;
  transition: all .5s;
}
.clickRight .menu ul li:nth-child(3) {
  margin-right: 0
}

/* 整行做为热区选中 */
.table.wholeline tbody tr {
  position: relative;
  overflow: hidden;
}
.table.wholeline tbody tr td:first-child {
	vertical-align: top;
	width: 20px;
}
.table.wholeline tbody tr td > label {
  position: absolute;
  /* left: 32px; */
  margin-left: -8px;
  text-align: left;
  width: 90%;
}
.table.wholeline tbody tr td #levelStatus {
  width: 170px;
  height: 24px;
}
.table.wholeline tbody tr td .item {
  height: 40px;
}
.table.wholeline tbody tr td .item label {
  font-weight: normal;
  margin-right: 6px;
}
.table.wholeline tbody tr td .item label input {
  margin-right: 6px;
}
/* 表格快捷定位入口 */
.fastEntry {
  position: absolute;
  right: 0;
  top: 0;
  min-width: 320px;
  background: #fff;
  padding: 2px 8px;
  border: 1px solid #ccc;
  border-radius: 5px;
  z-index: 999;
}
.fastEntry .fastEntryLine {
  color: #666;
  font-size: 14px;
  margin-bottom: 0;
}
.fastEntry .fastEntryLine .fastEntryRow {
  width: 50px;
  height: 22px;
  margin: 0 5px;
}
.fastEntry .fastEntrySubmit {
  float: right;
  color: #fff;
  text-align: center;
  line-height: 24px;
  background: #55c4b8;
  width: 60px;
  height: 22px;
  cursor: pointer;
  margin-left: 10px;
  border-radius: 3px;
}
.fastEntry .totalLine {
  margin-left: 10px;
  font-size: 14px;
}
.fastEntry.bottom {
  right: 30px;
  animation:changeBorderColor  1s infinite;
}
#div_container_single {
  position: relative;
}
.fade-enter-active {
  transition: all 2s;
}
.enter-enter {
  transition: all 1s;
  opacity:1;
}
.fade-enter {
  transition: all 1s;
  opacity:1;
}
.fade-leave-active {
  transition: all 10s;
  opacity:0
}
.table-content-layer {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 205;
}
.table-content-layer-inner {
  position: absolute;
  top:50%;
  left: 50%;
  color: #fff;
  text-align: center;
  line-height: 138px;
  font-size: 24px;
  width: 140px;
  height: 140px;
  margin-left: -70px;
  margin-top: -70px;
  background:rgba(0,0,0,0.5);
  border-radius:10px;

}
@keyframes changeBorderColor {
  0% {
    border-color: #ccc;
  }
  50% {
    border-color: #55c4b8;
    box-shodow: 0px 3px 3px rgba(0,0,0,0.5)


  }
  100% {
    border-color: #ccc;
  }
}


.sticky table td.beginCell div.clickRight {
	border-color: rgba(0,0,0,0) !important;
	background: rgba(85,196,184,.2)
}
#demoTable2 td.selectBox,
#demoTable2 td.selectBoxCol {
	position: relative;
}
#demoTable2 td.selectBox::before{
	position: absolute;
	top: 0;
	left:0;
	content: '';
	width: 100%;
	height: 41px;
	/* border:3px solid #55c4b8; */
	z-index: 1;
}
#demoTable2 td.selectBox.bordertopr::before {
	border-top:3px solid #55c4b8;
}
#demoTable2 td.selectBox.borderleftr::before {
	border-left:3px solid #55c4b8;
}
#demoTable2 td.selectBox.borderrightr::before {
	border-right:3px solid #55c4b8;
}
#demoTable2 td.selectBox.borderbottomr::before {
	border-bottom:3px solid #55c4b8;
}
#demoTable2 td.selectBox.bordertop::before {
	border-top:3px dotted #333;
}
#demoTable2 td.selectBox.borderleft::before {
	border-left:3px dotted #333;
}
#demoTable2 td.selectBox.borderright::before {
	border-right:3px dotted #333;
}
#demoTable2 td.selectBox.borderbottom::before {
	border-bottom:3px dotted #333;
}
span,th,em {
      -moz-user-select:none;
      -webkit-user-select:none;
      user-select:none;
}
.tableContent tr th {
  -moz-user-select: text;
  -webkit-user-select: text;
  user-select: text;
}
.sticky table td.selectBoxsolid div.clickRight,
.sticky table td.selectBoxdotted div.clickRight {
	border-color: rgba(0,0,0,0) !important;
	background: rgba(85,196,184,.2)
}
#demoTable2 td.selectBoxsolid,
#demoTable2 td.selectBoxdotted {
	position: relative;
}
#demoTable2 td.selectBoxsolid::before,
#demoTable2 td.selectBoxdotted::before {
	position: absolute;
	top: 0;
	left:0;
	content: '';
	width: 100%;
	height: 41px;
	/* border:3px solid #55c4b8; */
	z-index: 1;
}
#demoTable2 td.selectBoxdotted::before {
  border-width: 0;
  border-style: dotted;
  border-color: #999;
}
#demoTable2 td.selectBoxsolid::before {
  border-width: 0;
  border-style: solid;
  border-color: #55c4b8;
}
#demoTable2 td.bordertop::before {
  border-top-width: 3px;
}
#demoTable2 td.borderbottom::before {
	border-bottom-width: 3px;
}
#demoTable2 td.borderright::before {
	border-right-width: 3px;
}
#demoTable2 td.borderleft::before {
	border-left-width: 3px;
}

/* 数据表、多功能表添加表头 */
.editCaption {
	display: inline-block;
	float: none;
}
input[name="merge"] {
	display: none;
}
/* 当前任务 begin */
[v-cloak] {
  display: none
}
#adduction.task {
  position: absolute;
  top: 3px;
  right: 0;
  max-width: 100px;
  /* margin-left: 250px; */
  /* width: 500px; */
  margin-right: 0;
  font-size: 14px;
  font-weight: 400;
  color: #9E9E9E;
  border-radius: 0 5px;
  cursor: move;
  z-index: 1000;
}
#adduction.task1 {
  display: inline-block;
  text-align: center;
  width: 160px;
  max-width: 200px;
  margin-right: 20px;
  padding-bottom: 10px;
  background: #fff;
  box-shadow: 0px 1px 5px #999;
}
.gif img {
  -moz-user-select: none; /*火狐*/
  -webkit-user-select: none; /*webkit浏览器*/
  -ms-user-select: none; /*IE10*/
  -khtml-user-select: none; /*早期浏览器*/
}
#adduction.enter .task-inner-left {
  display: flex !important;
}

#adduction.task .task-inner-left {
  position: absolute;
  left: -300px;
  display: flex;
  flex: 1;
  min-width: 300px;
  max-width: 300px;
  border: 1px solid #eee;
  box-shadow: -10px 2px 15px -5px #999;
  border-radius: 5px;
}

#adduction.task .task-inner {
  display: flex;
  height: 200px;
}

#adduction.task .task-inner .task-count {
  /* display: flex;
  flex-direction: column; */
  padding: 12px 10px;
  flex: 1;
  background: #fff;
}
#adduction.task .task-inner .task-count div >.tips {
  position: relative;
  padding-left: 18px;
  font-size: 12px;
  color: #999999;
}
#adduction.task .task-inner .task-count div > .tips::before {
  position: absolute;
  width: 16px;
  height: 16px;
  content: '';
  left: 0;
  bottom: 0;
  background: url('../images/notice/notice_2.png');
}
#adduction.task .task-inner .task-count .task-count-item1 {
  max-height: 44px;
  margin-bottom: 20px
}
#adduction.task .task-inner .task-count .task-count-item {
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 30px;
  line-height: 30px;
}

#adduction.task .task-inner .task-count .toDetail {
  height: 28px;
  margin-top: 10px;
  line-height: 28px;
  width: 88px;
  color: #FFFFFF;
  text-align: center;
  background: #55CCB8;
  border-radius: 16px;
  cursor: pointer;
}
#adduction.task .task-inner .timeAxis .task-count .toDetail::after {
  display: inline-block;
  margin-left: 3px;
  vertical-align: -2px;
  content: '';
  width: 12px;
  height: 12px;
  background: url(../images/notice/notice_3.png);

}
#adduction.task .task-inner .task-count .toDetail:hover {
  opacity: 0.9;
}

#adduction.task .task-inner .task-count .task-count-item .task-count-item-left {
  font-size: 14px;
}

#adduction.task .task-inner .task-count .task-count-item .task-count-item-right {
  color: #2A2929;
  font-size: 14px;
}

#adduction.task .task-inner .task-tab {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  width: 70px;
  background: #fff;
}
#adduction.task .task-inner .task-tab .task-tab-item1 {
  min-height: 66px;
}
#adduction.task .task-inner .task-tab .task-tab-item {
  position: relative;
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  /* min-height: 50px; */
  font-size: 16px;
  font-weight: 400;
  color: #999999;
  cursor: pointer;
  background: #F7F7F7;
  transition: all 300ms;
}

#adduction.task .task-inner .task-tab .task-tab-item:hover {
  color: #55CCB8;
  transition: all 300ms;
}

#adduction.task .task-inner .task-tab .task-tab-item.active {
  position: relative;
  color: #55CCB8;
  font-weight: bold;
  background: #fff;
  transition: all 300ms;
}

#adduction.task .task-inner .task-tab .task-tab-item.timeAxis::before {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
  content: '';
  width: 34px;
  height: 34px;
  background: url('../images/notice/notice_1.png');

}
#adduction.task .task-inner .task-icon {
  margin-left: 10px;
  width: 90px;
  height: 100px;
}

#adduction.task .task-inner .task-icon .task-icon-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  line-height: 1.8;
  width: 88px;
  padding: 14px 4px 10px 4px;
  font-size: 14px;
  color: #999999;
  background: #fff;
  border: 1px solid #eee;
  box-shadow: 5px 3px 15px -5px rgb(114 113 113);
  border-radius: 5px;
}

#adduction.task .task-inner .task-icon .task-icon-inner.active {
  color: #333333;
}

#adduction.task .task-inner .task-icon .task-icon-inner.active::before {
  background: url(../images/task-icon1.png) no-repeat center right transparent;
}

#adduction.task .task-inner .task-icon .task-icon-inner::before {
  display: inline-block;
  margin-bottom: 10px;
  content: '';
  width: 42px;
  height: 42px;
  background: url(../images/task-icon.png) no-repeat center right transparent;
}

.tastCount {
  width: 140px;
  margin: 0 auto;
}

#adduction.task .turnoff {
  top: 0;
  cursor: pointer;
}
/* 当前任务 end */
/* 多功能表小计分类 */
.tableType {
  position: absolute;
  top: 85px;
  left:0;
  z-index: 205;
}
.tableType > span {
  box-sizing: content-box;
  display: inline-block;
  text-align: center;
  line-height: 14px;
  width: 14px;
  height: 14px;
  margin-left: 8px;
  border: 1px solid #999;
  background: #eee;
  cursor: pointer;
  border-radius: 3px;
}
.tableType > span.active {
  color: #fff;
  background: #55C4B8;
  border-color: #55C4B8;
}
.sticky table #my_tr th label input[name="setCol"],
.sticky table #my_tr th label input[name="freezingCol"],
.sticky table #my_tr th label input[type="checkbox"],
.sticky table tr th label input[type="checkbox"] {
  margin: 0;
  vertical-align: -2px;
  margin-left: 3px;
}
/* 不保留历史公式小计悬浮样式 */
.closeFormula th:nth-child(2):hover,
.closeFormula th:nth-child(2) label:hover {
  cursor: pointer;
}
.pos .hncPagination {
  float: left;
  margin: 5px 0;
}
.pos.info .item .item-r select {
  color: #333;
  font-weight: bold;
  width: 70px;
}
/* 多表行名同步 */
/* 02数据表，06多功能表 */
.group .table tr td span.icon02,
.group .table tr td span.icon06 {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  margin-right: 3px;
  background: url(../images/watch/icon_02.png) no-repeat center right transparent;
}
.group .table tr td span.icon06 {
  background: url(../images/watch/icon_06.png) no-repeat center right transparent;
}
.lrSelectBox .lrInner>.ftmiddle span.tips {
  margin-top: 3px;
}
.inner-r-fc {
  z-index:auto;
}
.inner-r-fc .table-content {
  position:relative;
  z-index:100001;
}
.inner-r-fc .table-content .freezingCol.box-bottom-fixed {
  display: block;
  background: rgba(0,0,0,0);
  bottom: 24px;
}
.table-content .freezingCol.box-bottom-fixed {
  position: absolute;
  display: none;
}
.table-content .btnBox a.btn:last-child {
  color: #55c4b8;
  background: #fff;
}
#exportRule span.txt.ftmiddle.red-txt {
  cursor: pointer;
  text-decoration: underline;
}
/* 公式计算if函数样式 */
.formulaQuote > .formulaBox {
  position: relative;
}
.formulaQuote .formulaBox .resize {
  position: absolute;
  width: auto;
  min-width: 420px;
  background: #fff;
  z-index: 999;
}
.formulaQuote .info-gs>.item>.item-l {
  position: relative;
  width: 90px;
  padding-right: 20px
}
.formulaQuote .info-gs>.item>.item-l .mh {
  display: inline-block;
  width: 100%;
}
.formulaQuote .info-gs>.item>.item-l::after {
  position: absolute;
  top: 0;
  right: 2px;
  width: 10px;
  display: inline-block;
  content: ":";
}
.formulaQuote .info>.item>.item-r {
  float: none;
  margin-left: 90px;
}
.formulaQuote .info .item .item-r .item-r {
  float: none;
  margin-left: 34px;
}
.formulaQuote .info-gs .item-r .paraHd .item-r input,
.formulaQuote .info-gs .item-r .paraHd .item-r select {
  width: 100%;
}
.formulaQuote #zsName {
  width: auto;
  max-width: 100%;
}
.formulaQuote .item-r .paraHd {
  width: auto;
}
.formulaQuote .info-gs .item .item-r input,
.formulaQuote .info-gs .item .item-r select {
  width: 100%;
}
.formulaQuote .info-gs .item .paraHd .item-l {
  min-width: 34px;
}
.formulaQuote .info-gs .item .paraHd .tips {
  margin-left: 34px;
}
.formulaQuote .info-gs .item-r .paraHd .paraIfN1Box {
  margin-left: 14px;
}
.formulaQuote .info-gs .item-r .paraHd .paraIfN1Box .item .item-l {
  text-align: right;
  width: 60px;
}
.formulaQuote .info-gs .item-r .paraHd .paraIfN1Box .item .item-r {
  float: none;
  margin-left: 60px;
}
.formulaQuote .info-gs .item-r .paraHd .paraIfN1Box .item .item-r input {
  width: 100%;
}
.formulaQuote .info-gs .item-r .paraHd .item .item-r.paraIfCurrent input {
  border: 1px solid #55c4b8;
}
.formulaQuote .info-gs .item-r .paraHd .paraIfN1Box .paraButton {
  display: inline-block;
  margin: 10px 0 20px 0;
  float: right;
  width: 80px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  color: #fff;
  background: #6CBEF6;
}
.formulaQuote .info-gs .item-r .paraHd .paraIfN1Box .paraButton.disabled {
  background: #999;
}
.formulaQuote .info-gs .item-r .paraHd .paraIfN1Box .paraButton:hover {
  cursor: pointer;
  opacity: 0.9;
}
.formulaQuote .resize-save {
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 0;
  left: 0;
  padding: 0;
  overflow-x: hidden;
  margin: 0px;
  border: 1px solid #ccc;
  border-right: 1px solid #ccc;
  padding-right: 10px;
}
.formulaQuote .resize:hover .resize-save,
.formulaQuote .resize-save:hover {
  border-right: 1px dashed skyblue;
}
.formulaQuote .resize:hover .resize-bar,
.formulaQuote .resize-save:hover~.resize-bar {
  cursor: ew-resize;
}
.formulaQuote .resize-bar {
  min-width: 420px;
  height: inherit;
  resize: horizontal;
  cursor: ew-resize;
  opacity: 0;
  overflow: scroll;
}
/* 拖拽线 */
.formulaQuote .resize-line {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  border-left: 1px solid #ccc;
  border-right: 2px solid #fff;
  pointer-events: none;
}
.formulaQuote .resize-bar::-webkit-scrollbar {
  width: 200px;
  height: inherit;
}
.formulaQuote #expression {
  padding-right: 40px;
}
.formulaQuote .info-gs .item-r .gsResult {
  width: calc(100% - 77px);
}
.formulaQuote .info-gs .item-r .gsResuBtn {
  margin: 5px 0 0 6px;
}
.formulaQuote .mainD .mainR .turnoff,
.stickBox>.task .turnoff {
  left: -12px;
}
.formulaQuote .item-r.farmula_if .paraHd {
  border: 1px solid #ccc
}
/* 编辑表格-报表打通-探测任务情况 */
#dragbox {
  width: 101px;
  min-height: 147px;
  cursor: move;
  background: #FFFFFF;
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.16);
  user-select: none;
  border-radius: 4px;
  z-index: 205;
}

#dragbox .initBox {
  padding: 16px 6px;
  font-size: 18px;
  color: #333333;
  line-height: 26px;
}

#dragbox .initItem {
  text-align: center;
  line-height: 1.4;
}
#dragbox .initBox6 .initItem {
  color: #FF0000;
}
#dragbox .initBox .iconBox {
  margin: 0 auto 10px auto;
  width: 48px;
  height: 48px;
}

#dragbox .initBox .loading {
  background: url(../images/loading.jpeg) no-repeat center right transparent;
  background-size: 100% 100%;
}
#dragbox .initBox .iconBox .el-icon-circle-check {
  font-size: 48px;
  color: #55C4B8;
}
#dragbox .initBox .iconBox .el-icon-warning-outline {
  font-size: 48px;
  color: #FF0000;
}
#dragbox .initBox .iconBox .el-progress__text {
  font-size: 12px !important;
  color: #55C4B8;
}
#dragbox .initBox .initSystemData {
  margin: 6px auto 0 auto;
  width: 64px;
  height: 22px;
  font-size: 10px;
  color: #fff;
  background: #55C4B8;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.col-filter-box {
  position: fixed;
  top: 100px;
  left: 50%;
  padding: 8px 8px 38px 8px;
  box-sizing: border-box;
  width: 156px;
  min-height: 100px;
  max-height: 300px;
  color: #666666;
  background: #FFFFFF;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3);
  border-radius: 4px 4px 4px 4px;
  border: 1px solid #EDEEED;
  z-index: 400;

}
.col-filter-box .col-filter-box-inner {
  position: relative;
}
.col-filter-box .el-input__suffix {
  right: -2px;
  display: flex;
  align-items: center;
}
.col-filter-box .el-input__suffix .el-select .el-input .el-select__caret {
  color: #818181;
}
.col-filter-box .filter-heght .el-input__inner {
  height: 26px;
}
.col-filter-box .num-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;

}
.col-filter-box .search-box {
  margin-bottom: 10px;
}
.col-filter-box .num-box .num-box-item {
  width: 66px;
}
.col-filter-box .num-box .num-box-l {
  /* border: 1px solid #CCCCCC; */
}
.col-filter-box .num-box .num-box-l input {
  height: 26px;
}
.col-filter-box .sure-box {
  position: absolute;
  bottom: -38px;
  left: 0;
}
.col-filter-box .sure-box .btn {
  width: 36px;
  height: 18px;
  font-size: 10px;
  color: #959595;
  background: #EAEAEA;
  border-radius: 2px;
}
.col-filter-box .sure-box .sure-btn {
  margin: 10px 10px 10px 48px;
  color: #fff;
  background: #55CCB8;
}
.col-filter-box .el-checkbox__label {
  font-size: 12px;
  color: #666666;
  font-family: "Microsoft Yahei", arial", 微软雅黑";
  font-weight: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sticky table tr:last-child th div span .filter-btn {
  position: absolute;
  top: 50%;
  margin-top: -8px;
  right: 10px;
  width: 16px;
  height: 16px;
  background: url(../images/watch/filter.png) no-repeat;
  background-size: 16px 16px;
}
.sticky table tr:last-child th div span .filter-btn.active {
  background: url(../images/watch/filter-active.png) no-repeat;
  background-size: 16px 16px;
}
.col-filter-box .el-checkbox {
  display: flex;
  align-items: center;
  width: 100%;
}
.col-filter-box .check-box {
  max-height: 180px;
  overflow: auto;
}
.col-filter-box .el-checkbox__input.is-checked .el-checkbox__inner,
.col-filter-box .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #55C3B7;
  border-color: #55C3B7;
}
.col-filter-box .el-checkbox__input.is-checked+.el-checkbox__label {
  color: #55C3B7;
}
.el-select-dropdown__item.filter-option.hover {
  background: #55C3B7 !important;
  color: #fff !important;
}
.col-filter-box .el-range-editor.is-active,
.col-filter-box .el-range-editor.is-active:hover,
.col-filter-box .el-select .el-input.is-focus .el-input__inner {
  border-color: #55C3B7;
}
.el-select-dropdown__item.filter-option {
  color: #666 !important;
}
.col-filter-box .el-checkbox__inner:hover {
  border-color: #55C3B7;
}

/* 首页jsp挪到这里 */
.sticky table td div.fas-box {
  position: relative;
  margin-left: 4px;
  line-height: 40px;
}
.sticky table td div .fas.fas-plus-square-o {
  background: #55C3B7;
  border-color: #55C3B7;
}

.sticky table td div .fas.fas-plus-square-o::before {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  height: 10px;
  width: 2px;
  margin-left: -1px;
  margin-top: -5px;
  background: #fff;
}

.sticky table td div .fas.fas-plus-square-o:after {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  height: 2px;
  width: 10px;
  margin-top: -1px;
  margin-left: -5px;
  background: #fff;
}

.sticky table td div .fas.fas-minus-square-o:after {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  height: 2px;
  width: 10px;
  margin-top: -1px;
  margin-left: -5px;
  background: #333;
}

.pos {
  display: flex;
}

.pos .pos_r {
  margin-right: 0;
}

.tableBox .sBase table tbody th {
  border-right: 1px solid #bbb;
}

.sticky table td div span.circle {
  position: absolute;
  top: 3px;
  left: 3px;
}

.sticky table td div span.circle.rowToModule {
  width: 8px;
  height: 8px;
  border: none;
  background: #55c4b8;
  border-radius: 50%;
}

.gridDetails {
  position: absolute;
  /* position: fixed; */
  box-sizing: border-box;
  max-height: 200px;
  max-width: 300px;
  background: #eee;
  /* width: 70%; */
  right: 90px;
  top: 4px;
  padding: 0 40px 0 20px;
  background: #fff;
  z-index: 999;
  height: 30px;
  min-height: 30px;
  overflow: hidden;
  background: #f8f8f8;
  padding-top: 6px;
  /* box-sizing: border-box; */
  border: 1px solid #eee;
}

.gridDetails.zhankai {
  height: auto;
  max-height: 500px;
  max-width: none;
  overflow: auto;
  padding-bottom: 10px;
  box-shadow: 5px 3px 15px -5px rgb(114 113 113);
}

.gridDetails p:first-child,
.gridDetails p:nth-child(2),
.gridDetails p:nth-child(3) {
  display: inline-block;
}

.gridDetails p.font70 {
  margin: 0 10px;
  font-weight: bold;
  font-style: italic;
}

.gridDetailsBtn {
  position: absolute;
  right: 90px;
  top: 4px;
  padding: 0 10px;
  z-index: 9999;
  height: 30px;
  line-height: 30px;
}

.gridDetailsBtn:hover {
  cursor: pointer;
  color: #000;
}

.borderColor {
  border-color: #55c4b8;
}

.select-new-style {
  color: #666 !important;
  font-weight: normal !important;

}

.el-select-dropdown__item {
  height: 24px !important;
  line-height: 24px !important;
  color: #ACACAC !important;
  background: #F8F8F8 !important;
  margin: 0 10px !important;
  opacity: .8;
}

.el-select-dropdown__item.selected {
  background: rgba(85, 196, 184, 0.3) !important;
  color: #666 !important;
  font-weight: normal !important;
}

.el-select-dropdown__item.hover {
  background: rgba(85, 196, 184, 0.14) !important;
  color: #666 !important;
}

.select-new-style .el-input__inner {
  width: 100% !important;
  border-radius: 0px !important;
}

.el-input--suffix .el-input__inner {
  padding-right: 20px !important;
}

.select-new-style .el-input .el-input__icon {
  width: 16px !important;
  line-height: 32px !important;
}

.select-new-style-type {
  width: 105px !important;
}

.select-new-style-seachType {
  width: 120px !important;
}

.task-circle {
  background: #fff;
  box-shadow: 5px 3px 15px -5px rgb(114 113 113);
  border-radius: 5px;
  text-align: center;
  padding: 10px;
  box-sizing: border-box;
  width: 88px;
  height: 128px;
  margin-top: 10px;
  display: none;
}

.task-circle-active {
  display: block;
}

.task-circle p {
  color: #000;
  font-size: 14px;
}

.itemwait {
  margin: 0 auto;
}

.progress {
  stroke-dasharray: 251;
  stroke-dashoffset: 0;
  /* 
      stroke-dasharray： 虚线
      stroke-dashoffset: 偏移间隔   
      */
}

.arrow-up-box {
  position: absolute;
  left: 70px;
  top: 0;
  z-index: 1000;
}

.arrow-up {
  margin-left: 5px;
  border-left: 2px solid;
  border-top: 2px solid;
  width: 10px;
  height: 10px;
  transform: rotate(-135deg);
  color: #666;
  cursor: pointer;
}

.arrow-up-box:hover .arrow-up {
  margin-top: 5px;
  transform: rotate(45deg);
}

.white-bar {
  margin-top: 10px;
  display: none;
  background: #fff;
  padding: 10px;
  min-width: 100px;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.302);
}

.white-bar li {
  height: 26px;
  line-height: 26px;
  color: #666;
  font-size: 12px;
  cursor: pointer;
  white-space: nowrap;
}

.white-bar li:hover {
  color: #55C4B8;
}

.white-bar li.active {
  color: #55C4B8;
}

.arrow-up-box:hover .white-bar {
  display: block;
}

.group-list-box {
  display: flex;
}

.group-list-box .group-list span {
  position: relative;
  background: #F8F8F8;
  border-radius: 2px 2px 2px 2px;
  padding: 8px;
  box-sizing: border-box;
  font-size: 13px;
  color: #EDB934;
  margin-right: 10px;
  cursor: pointer;
}

.group-list-box .group-list span.active {
  background: rgba(85, 196, 184, 0.2);
  border: 1px solid #55C4B8;
  color: #55C4B8;
}

.group-list-box .group-list span img {
  position: absolute;
  right: 0;
  top: 0;
  width: 16px;
  height: 12px;
}

.grey-btn {
  opacity: .6;
  cursor: not-allowed !important;
  pointer-events: none !important;
}

.subtotal-progress-wrap {
  position: fixed;
  width: 100px;
  height: 148px;
  border-radius: 4px;
  background: #FFFFFF;
  z-index: 1000;
  cursor: all-scroll;
  user-select: none;
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.16);
}

.subtotal-progress-wrap .subtotal-note {
  color: #333333;
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  text-align: center;
}

.subtotal-progress-wrap .progree-info {
  position: relative;
  width: 48px;
  height: 48px;
  margin: 16px auto 10px;
}

.subtotal-progress-wrap .progree-info circle .progress-background {
  transform-origin: center;
  stroke: #eeeeee;
}

.subtotal-progress-wrap .progree-info .percent {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: #55CCB8;
  font-size: 18px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}

.subtotal-progress-wrap .progree-info .percent .unit {
  font-size: 10px;
  align-self: flex-end;
  margin-bottom: 14px;
}

.forbid-note .el-dialog__header,
.forbid-note .el-dialog__body {
  padding: 0;
}

.forbid-note .dia-header {
  position: relative;
  height: 40px;
  color: #FFFFFF;
  font-size: 16px;
  line-height: 40px;
  font-weight: 700;
  padding: 0;
  background: #55C4B8;
}

.forbid-note .dia-header .circle {
  position: absolute;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 12px;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  border: 2px solid #FFFFFF;
  border-radius: 50%;
  cursor: pointer;
}

.forbid-note .dia-header .circle .el-icon-close {
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 900;
}

.forbid-note .el-dialog__body .content {
  padding: 50px 0 30px;
}

.forbid-note .el-dialog__body .content .note-wrap {
  color: #333333;
  font-size: 16px;
  text-align: center;
  line-height: 22px;
}

.forbid-note .el-dialog__body .content .dialog-footer {
  margin-top: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.forbid-note .el-dialog__body .content .dialog-footer .ensure-btn {
  width: 200px;
  height: 40px;
  padding: 0;
  background: #55CCB8;
  border-color: #55CCB8;
}

.forbid-note .el-dialog__body .content .dialog-footer .ensure-btn span {
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 700;
}
.searchBoxModule {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.searchBoxModule .createModule {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 66px;
  height: 28px;
  font-weight: 400;
  font-size: 12px;
  color: #54C5B8;
  background: #FFFFFF;
  border-radius: 4px 4px 4px 4px;
  border: 1px solid #54C5B7;
  cursor: pointer;
}
.searchBoxModule .createModule:hover {
  background: rgba(85, 196, 184, 0.1);
}

.searchBoxModule .searchBoxModuleInner {
  position: relative;
  flex: 1;
  margin-right: 10px;
  height: 28px;
}
.searchBoxModule .searchBoxModuleInner .el-input .el-input__inner {
  height: 28px;
  border: 1px solid #54C5B8;
}
.searchBoxModule .searchBoxModuleInner .el-icon-search {
  position: absolute;
  right: 0;
  top: 0;
  width: 28px;
  height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #54C5B8;
  cursor: pointer;
}