* {
  margin: 0;
  padding: 0;
}
html,
body {
  -webkit-text-size-adjust: none;
      -ms-text-size-adjust: none;
          text-size-adjust: none;
  line-height: 1;
  font-family: Helvetica, "微软雅黑";
  background: #FAFAFA;
  background-color: #DFDFDF;
}
.TC {
  text-align: center;
  color: #676a6c;
  line-height: 30px !important;
  height: 30px;
}
.tc {
  text-align: center;
}
.OFA {
  overflow: auto;
}
.PR {
  position: relative;
}
.PD0 {
  padding: 0;
}
.OFH {
  overflow: hidden;
}
.bgw {
  background-color: #2f4050;
  color: #fff;
}
.bgw:hover {
  background-color: #3a4f63;
  color: #ededed;
}
/*布局*/
.JD {
  position: absolute;
}
.XD {
  position: relative;
}
.XF {
  position: fixed;
}
.JZ {
  margin: 0 auto;
}
.FL {
  float: left;
}
.FR {
  float: right;
}
.CB {
  clear: both;
}
.XS {
  display: block !important;
}
.YC {
  display: none !important;
}
.TAC {
  text-align: center;
}
.TAL {
  text-align: left;
}
.TAR {
  text-align: right;
}
.BRY {
  border-radius: 50%;
}
.BR2 {
  border-radius: 0.2rem;
}
.BR3 {
  border-radius: 0.3rem;
}
.BR5 {
  border-radius: 0.5rem;
}
/**颜色定义*/
.blue {
  color: #5899d2;
}
.black {
  color: #3f3f3f !important;
}
.orange1 {
  color: #df520c;
}
.blue3 {
  color: #0b5ab2;
}
.violet {
  color: #5b198e;
}
.blueB {
  background-color: #5899d2;
}
.orange1B {
  background-color: #df520c;
}
.blue3B {
  background-color: #0b5ab2;
}
.violetB {
  background-color: #5b198e;
}
.grayB {
  background-color: #cccccc;
}
.white {
  color: #fff;
}
/**边框颜色*/
/**背景颜色*/
.backgroundColor {
  background-color: #aeaeae;
  background-image: -moz-linear-gradient(top, #aeaeae, #cccccc);
  /* Firefox */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #aeaeae), color-stop(1, #cccccc));
  /* Saf4+, Chrome */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#aeaeae, endColorstr=#cccccc);
  /* IE*/
}
.backgroundColor1 {
  background-color: #fff;
}
.backgroundColor2 {
  background-image: -moz-linear-gradient(top, #5899d2, #619dd2);
  /* Firefox */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5899d2), color-stop(1, #619dd2));
  /* Saf4+, Chrome */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#5899d2, endColorstr=#619dd2);
  /* IE*/
}
.backgroundColor3 {
  background-image: -moz-linear-gradient(top, #d3227a, #d32e4d);
  /* Firefox */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #d3227a), color-stop(1, #d32e4d));
  /* Saf4+, Chrome */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#d3227a, endColorstr=#d32e4d);
  /* IE*/
}
.backgroundColor4 {
  background-image: -moz-linear-gradient(top, #d81d07, #d82e11);
  /* Firefox */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #d81d07), color-stop(1, #d82e11));
  /* Saf4+, Chrome */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#d81d07, endColorstr=#d82e11);
  /* IE*/
}
.backgroundColor5 {
  background-image: -moz-linear-gradient(top, #df610c, #df520c);
  /* Firefox */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #df610c), color-stop(1, #df520c));
  /* Saf4+, Chrome */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#df610c, endColorstr=#df520c);
  /* IE*/
}
.centerBk1 {
  background-image: -moz-linear-gradient(top, #2f4376, #4f94c8);
  /* Firefox */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2f4376), color-stop(1, #4f94c8));
  /* Saf4+, Chrome */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f4376', endColorstr='#4f94c8');
  /* IE*/
}
.centerBk2 {
  background-image: -moz-linear-gradient(top, #619dd2, #4f94c8);
  /* Firefox */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #619dd2), color-stop(1, #4f94c8));
  /* Saf4+, Chrome */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f4376', endColorstr='#4f94c8');
  /* IE*/
}
/**字颜色*/
.Color {
  color: #aeaeae !important;
}
.Color1 {
  color: #fff;
}
.Color2 {
  color: #5899d2;
}
.Color3 {
  color: #d3227a;
}
.Color4 {
  color: #d81d07;
}
.Color5 {
  color: #df610c;
}
.Color6 {
  color: #888888;
}
.Color7 {
  color: #3f3f3f;
}
.redbackground {
  background-color: #C90B01 !important;
  color: #DFDFDF !important;
}
.BGC {
  background-color: #746e98;
  color: #DFDFDF;
  height: 50px;
  line-height: 50px;
}
.BGCW {
  background-color: #FFFFFF!important;
}
/**人头像颜色*/
/**字体大小*/
.font0 {
  font-size: 50px;
}
.font1 {
  font-size: 25px;
}
.font2 {
  font-size: 16px !important;
}
.font3 {
  font-size: 14px;
}
.font1d5rem {
  font-size: 1.5rem;
}
.font1rem {
  font-size: 1rem;
}
/**动作*/
.hand {
  cursor: pointer;
}
.PA {
  position: absolute;
}
.hide {
  display: none;
}
.mr10 {
  margin-right: 10px;
}
.ml10 {
  margin-left: 10px;
}
.mt10 {
  margin-top: 10px;
}
.mt20 {
  margin-top: 20px;
}
.ML10 {
  margin-left: 10px!important;
}
.H36p {
  height: 36px;
}
.ML20 {
  margin-left: 20px!important;
}
.container {
  width: 100%;
  overflow-x: scroll;
  /* 设置横向滑动效果 */
  white-space: nowrap;
  /* 防止内容换行 */
}
.content {
  display: inline-block;
  /* 横向排列盒子内容 */
  /* 可以设置盒子的宽度、高度、背景色等样式 */
}
.ML30 {
  margin-left: 30px;
}
.ML5 {
  margin-left: 5px;
}
.FW {
  color: #282828;
  font-weight: bold;
}
.button {
  width: 80px;
  font-size: 16px !important;
  /* Firefox */
  /* Saf4+, Chrome */
  /* IE*/
  background-image: -moz-linear-gradient(top, #5899d2, #619dd2);
  /* Firefox */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5899d2), color-stop(1, #619dd2));
  /* Saf4+, Chrome */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#5899d2, endColorstr=#619dd2);
  /* IE*/
  color: #fff;
  text-align: center;
  cursor: pointer;
}
.button:hover {
  font-size: 16px !important;
  /* Firefox */
  /* Saf4+, Chrome */
  /* IE*/
  background-image: -moz-linear-gradient(top, #2f4376, #4f94c8);
  /* Firefox */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2f4376), color-stop(1, #4f94c8));
  /* Saf4+, Chrome */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f4376', endColorstr='#4f94c8');
  /* IE*/
  color: #fff;
}
.button:visited {
  text-decoration: none;
  color: #fff;
  font-size: 16px !important;
}
.button:active {
  text-decoration: none;
  /* Firefox */
  /* Saf4+, Chrome */
  /* IE*/
  background-image: -moz-linear-gradient(top, #2f4376, #4f94c8);
  /* Firefox */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2f4376), color-stop(1, #4f94c8));
  /* Saf4+, Chrome */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f4376', endColorstr='#4f94c8');
  /* IE*/
  color: #fff;
  font-size: 16px !important;
}
.container,
.main {
  width: 100%;
  height: 100%;
  position: fixed;
  overflow: hidden;
}
.ad_header {
  width: 100%;
  height: 100px;
  border: 0;
  background-image: -moz-linear-gradient(top, #619dd2, #4f94c8);
  /* Firefox */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #619dd2), color-stop(1, #4f94c8));
  /* Saf4+, Chrome */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f4376', endColorstr='#4f94c8');
  /* IE*/
  /*Opera 11.10+*/
  background: -ms-linear-gradient(top, #619dd2, #4f94c8);
  /* IE 10 */
}
.ad_header .ad_logo {
  float: left;
  width: 100px;
  height: 100px;
}
.ad_header .ad_title_box {
  float: left;
  width: 350px;
  height: 100px;
}
.ad_header .ad_title_box .ad_title1 {
  width: 350px;
  height: 30px;
  line-height: 30px;
  font-size: 30px;
  color: white;
  margin-top: 20px;
}
.ad_header .ad_title_box .ad_title2 {
  width: 350px;
  height: 38px;
  line-height: 30px;
  color: white;
  font-size: 18px;
}
.ad_header .ad_title_right {
  float: right;
  width: 100px;
  height: 100px;
  text-align: right;
  line-height: 100px;
  color: white;
}
.ad_header .ad_title_right span {
  margin-right: 10px;
}
.ad_center {
  width: 100%;
  height: 600px;
}
.ad_center .ad_center_left {
  width: 15%;
  height: 600px;
  border-right: 1px solid #aeaeae;
}
.ad_center .ad_center_right {
  width: 84%;
  height: 600px;
}
.ellopsis_2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.ALT > td {
  padding: 0 !important;
  vertical-align: text-top;
  text-align: center;
  -webkit-user-select: all;
     -moz-user-select: all;
      -ms-user-select: all;
          user-select: all;
  height: 30px;
  line-height: 30px !important;
}
.BEN-TD {
  padding: 10px !important;
  text-align: center;
  width: 70px;
}
.SM {
  padding: 2px 9px;
  background-color: #C90B01 !important;
  color: #f8f8f8 !important;
  margin: 0 !important;
}
.FULL-HEIGHT {
  overflow: hidden;
}
.ELE-DEt-BOX {
  position: relative;
  background-color: #FFFFFF;
  padding: 0px;
}
.COL-LG-12 {
  padding: 0px;
}
.kong {
  position: relative;
  height: 30px;
}
.FORM-CONTROL {
  width: 68px !important;
  border: none !important;
  padding: 6px 0 !important;
  display: inline-block !important;
}
.INPUT-FROM-CONTROL {
  border: 1px solid #1ab394 !important;
  width: 230px !important;
  margin-Left: 10px !important;
  display: inline-block !important;
}
.chafountenduser {
  border: 1px solid #DADADA !important;
  width: 200px !important;
  margin-right: 10px !important;
  display: inline-block !important;
  color: #1a2d41!important;
}
.PRIMARY {
  display: inline-block;
  margin-Left: 40px;
}
.IBOX-TOOLS {
  height: 34px;
  display: inline-block;
  float: right;
}
.BTN {
  background-color: #2f4050;
  color: #FFFFFF !important;
}
.BTN-NEW {
  background-color: #2f4050;
  color: #FFFFFF !important;
  cursor: pointer;
  border-radius: 5px;
  width: auto;
  margin: auto;
}
.fjx {
  height: 1px;
  background-color: #dddddd;
  margin: 10px 0;
}
.TABLE-RES {
  overflow: auto;
  max-height: 500px;
}
.TABLE-RES > th {
  text-align: center;
}
th {
  text-align: center !important;
}
.MODAL-HEADER {
  background: #075b8e;
  color: #fff;
}
.X {
  outline: none;
  color: #fff;
}
.modal-body {
  width: 100%;
  overflow: auto;
}
.modal-middel {
  width: 100%;
  margin: 15px 0;
}
.CDMC-BOX {
  height: 45px;
  position: relative;
}
.CDMC-word {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 120px;
}
.CDMC-input {
  position: absolute;
  top: 7px;
  left: 70px;
  width: 350px;
  float: left;
}
.MODAL-FOOTER {
  padding: 7px 0;
  border: none !important;
  width: 300px;
  margin-left: 204px;
}
.BTN-WHITE {
  float: right;
}
.BTN:hover {
  color: white !important;
}
.element-detail-box {
  padding: 0 !important;
  margin: 0 !important;
}
.col-lg-12 {
  width: 100%;
  height: auto !important;
}
.ibox-content {
  padding-top: 10px !important;
  padding-bottom: 0 !important;
  margin-bottom: 10px !important;
}
.phh4 {
  float: left;
  margin-left: 8px;
  margin-top: 10px;
}
.inputfile {
  display: none;
}
.pic-box {
  width: 172px;
  height: 102px;
  float: left;
  margin-top: 10px;
  margin-left: 30px;
  display: inline-block;
  text-align: center;
}
.pic-box img {
  height: 102px;
  width: auto;
}
td > img {
  max-height: 30px !important;
}
.W10 {
  width: 10%;
}
.W100 {
  width: 100%;
}
.lsd-msg-container1 {
  padding: 5px;
  background-color: #af2b2b;
  border-radius: 3px;
  position: fixed;
  bottom: 400px;
  color: #fff;
  z-index: 99999;
  width: 200px;
  left: 50%;
  margin-left: -100px;
  text-align: center;
}
.lsd-msg-container {
  width: auto;
  padding: 5px;
  background-color: #2b2b2b;
  border-radius: 3px;
  position: fixed;
  bottom: 400px;
  left: 47%;
  color: #fff;
  z-index: 99999;
}
.HAND {
  cursor: pointer;
}
.M-TD1 {
  padding: 7px;
  vertical-align: text-top;
  text-align: center;
}
.M-TD2 {
  padding: 7px;
  vertical-align: text-top;
  text-align: center;
  width: 70px;
}
.M-TD3 {
  width: 68px;
  border: none;
  padding: 6px 0;
  display: inline-block;
}
.M-INPUT1 {
  border: 1px solid #1ab394;
  width: 230px;
  marginLeft: 10px;
  display: inline-block;
}
.M-DIV {
  padding: 2px 10px;
  border: 1px solid #f9f9f9;
  background-color: #2f4050;
  color: #FFFFFF;
}
.M-button {
  display: inline-block;
  margin-left: 40px;
}
.EQU-BOX {
  width: 200px;
  height: 200px;
  border: 1px solid #ccc;
}
.E-CHOOSE-LEFT {
  width: 150px;
  height: 50px;
  float: left;
}
.E-CHOOSE-RIGHT {
  width: 450px;
  height: 50px;
  float: left;
}
.MBTN {
  padding: 2px 4px;
  display: inline-block;
  /*background-color: #4b4b4b;*/
  /*color: white;*/
  cursor: pointer;
}
.MBTN:hover {
  background-color: #000000;
  color: #f6f6f6;
}
.MBTN-CHECK {
  background-color: #000000;
  color: #f6f6f6;
}
.MD {
  height: 100%;
  position: relative;
}
.MDEV {
  position: absolute;
  top: 10px;
  left: 8px;
  width: 100px;
}
.MDEV-SEL {
  position: absolute;
  top: 35px;
  width: 627px;
  height: 200px;
  border: 1px solid #ccc;
  overflow: auto;
}
.OH {
  overflow: hidden;
}
.PD0 {
  padding: 0px;
}
.M2 {
  overflow: auto;
  maxHeight: 500px;
}
.S1 {
  position: relative;
  backgroundColor: #FFFFFF;
  padding: 0px;
}
.S2 {
  width: 68px;
  border: none;
  padding: 6px 0;
  display: inline-block;
}
.S3 {
  border: 1px solid #1ab394;
  width: 230px;
  marginLeft: 10px;
  display: inline-block;
}
.S5 {
  position: relative;
  height: 30px;
}
.S6 {
  height: 1px;
  backgroundColor: #dddddd;
  margin: 10px 0;
}
.S7 {
  backgroundColor: #2f4050;
  color: #FFFFFF;
}
.S8 {
  height: 34px;
  display: inline-block;
  float: right;
}
.S9 {
  display: inline-block;
  marginLeft: 40px;
}
.User1 {
  height: 45px;
  position: relative;
}
.User2 {
  position: absolute;
  top: 10px;
  left: 8px;
  width: 100px;
}
.User3 {
  position: absolute;
  top: 7px;
  left: 100px;
  width: 328px;
}
.CFTJ {
  position: absolute;
  top: 7px;
  left: 100px;
  width: 350px;
  height: 100px;
  overflow-y: auto;
  border: 1px solid #ccc;
}
.QJXZ {
  position: absolute;
  top: 7px;
  left: 100px;
  width: 350px;
  height: 280px;
  overflow-y: auto;
  border: 1px solid #ccc;
}
.QJXZ1 {
  padding: 7px;
  verticalAlign: text-top;
  textAlign: center;
}
.CFBT {
  position: absolute;
  top: 10px;
  left: 8px;
  width: 100px;
}
.CFBT1 {
  position: absolute;
  top: 7px;
  left: 100px;
  width: 350px;
}
.CFTJ-ITEMS {
  width: 100%;
  height: 30px;
  line-height: 30px;
}
.CFTJ-ITEM {
  margin-left: 5px;
  cursor: pointer;
}
.CFTJ-ITEM:hover {
  background-color: #4b4b4b;
  color: white;
}
.CFTJ-ACT {
  background-color: #075b8e;
  color: white;
}
.CFBTN {
  padding: 2px 10px;
  border: 1px solid #f9f9f9;
  background-color: #2f4050;
  color: #FFFFFF;
}
.LL1 {
  padding: 7px;
  vertical-align: text-top;
  text-align: center;
}
.LL2 {
  padding: 2px 10px;
  border: 1px solid #f9f9f9;
  background-color: #2f4050;
  color: #FFFFFF;
}
.testBtn {
  background-color: green;
  color: white;
}
.Mselect {
  padding: 6px;
  border: 1px solid #1ab394;
  width: 230px;
  margin-left: 10px;
}
.Mdiv {
  width: 68px;
  border: none;
  padding: 6px 0;
}
.Goods {
  margin-top: 10px;
  margin: 0 auto;
  background-color: white;
  width: 96%;
  height: auto;
  line-height: 50px;
  color: black;
}
.Goods .GoodsSearchTitle {
  height: 30px;
  line-height: 30px;
  width: 100%;
  vertical-align: bottom;
}
.Goods .GoodsTable {
  height: 300px;
  width: 100%;
  background: white;
  overflow-y: scroll;
}
.BTN-ACT {
  height: 33px;
  line-height: 30px;
  width: 100px;
  background-color: #18a689;
  color: white;
  padding: 0px 10px;
  border-radius: 5px;
  border: 0;
}
.BTN-ACT:hover {
  height: 33px;
  line-height: 30px;
  width: 100px;
  background-color: #189275;
  color: white;
  padding: 0px 10px;
  border-radius: 5px;
  border: 0;
}
.BTN-ACT1 {
  height: 34px;
  line-height: 34px;
  width: 100px;
  background-color: #C90B01;
  color: white;
  padding: 0px 10px;
  border-radius: 5px;
  border: 0;
}
.BTN-ACT1:hover {
  height: 34px;
  line-height: 34px;
  width: 100px;
  background-color: #C90B01;
  color: #f8f8f8;
  padding: 0px 10px;
  border-radius: 5px;
  border: 0;
}
.BTN-ACT2 {
  height: 34px;
  line-height: 34px;
  width: 100px;
  background-color: #FFFFFF;
  color: black;
  padding: 0px 10px;
  border-radius: 5px;
  border: 1px solid black;
}
.BTN-ACT2:hover {
  height: 34px;
  line-height: 34px;
  width: 100px;
  background-color: #FFFFFF;
  color: black;
  padding: 0px 10px;
  border-radius: 5px;
  border: 1px solid black;
}
.circle1 {
  position: relative;
  z-index: 2;
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #18a689;
  border: 1px solid #a2a2a2;
}
.circle1_0 {
  position: relative;
  z-index: 2;
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #f6f6f6;
  border: 1px solid #a2a2a2;
}
.circle2 {
  margin-left: -20px;
  display: inline-block;
  width: 40px;
  height: 20px;
  border-radius: 20px;
  background-color: white;
  z-index: 1;
  border: 1px solid #a2a2a2;
}
.circle2_0 {
  margin-left: -20px;
  display: inline-block;
  width: 40px;
  height: 20px;
  border-radius: 20px;
  background-color: #a5a5a5;
  z-index: 1;
  border: 1px solid #a2a2a2;
}
.ovf {
  overflow: hidden;
}
.WTH30 {
  width: 30px;
  text-align: center;
  overflow: hidden;
}
.WTH40 {
  width: 40px;
  text-align: center;
  overflow: hidden;
}
.WTH60 {
  width: 60px;
  text-align: center;
  overflow: hidden;
}
.WTH80 {
  width: 80px;
  text-align: center;
  overflow: hidden;
}
.WTH100 {
  width: 100px;
  text-align: center;
  overflow: hidden;
}
.WTH120 {
  width: 140px;
  text-align: center;
  overflow: hidden;
}
.WTH150 {
  width: 150px;
  text-align: center;
  overflow: hidden;
}
.WTH180 {
  width: 180px;
  text-align: center;
  overflow: hidden;
}
.WTH200 {
  width: 200px;
  text-align: center;
  overflow: hidden;
}
th {
  text-align: center;
}
td {
  text-align: center;
}
div.dataTables_wrapper {
  width: 800px;
  margin: 0 auto;
}
.douGoodsTable table tbody tr td {
  color: black;
  text-align: center;
  vertical-align: middle;
}
.douGoodsTable table thead tr th {
  font-size: 13px;
  font-weight: 400;
  background-color: #746e98;
  padding: 0px;
  color: #fff;
  height: 45px;
  line-height: 45px;
  text-align: center;
  vertical-align: middle;
}
.td_input {
  width: 96%;
  margin: 0 auto;
  height: 25px;
  line-height: 25px;
  margin-top: 1px;
}
*::-webkit-input-placeholder {
  font-size: 12px;
  color: #bfc3cb;
  font-weight: normal;
}
*:-moz-placeholder {
  /* FF 4-18 */
  color: #D2D6DE;
  font-weight: normal;
  font-size: 12px;
}
*::-moz-placeholder {
  /* FF 19+ */
  font-size: 12px;
  color: #D2D6DE;
  font-weight: normal;
}
*:-ms-input-placeholder {
  /* IE 10+ */
  font-size: 12px;
  color: #D2D6DE;
  font-weight: normal;
}
.Tableborder {
  width: 99%;
  margin: 3px auto;
  height: 1px;
  background-color: #d7dae1;
}
.divAuto {
  width: auto;
  display: inline-block !important;
  display: inline;
}
.topBar {
  height: 60px;
  line-height: 63px;
  padding: 0 30px;
  font-size: 14px;
  color: #6F6F6F !important;
  position: relative;
}
.topBarSel {
  height: 60px;
  line-height: 63px;
  padding: 0 30px;
  font-size: 14px;
  color: #FFFFFF;
  background-color: #C90B01;
  position: relative;
}
.topBarSel .triangle-up {
  position: absolute;
  left: 50%;
  top: 55px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 12px solid #fff;
  margin-left: -10px;
  z-index: 10000;
}
.topBarSel a {
  color: #FFFFFF;
}
.topBarSel a:hover {
  color: #f8f8f8;
}
.topBar a {
  color: #6F6F6F;
}
.topBar a:hover {
  color: #575757;
}
.MainBody {
  background-color: #FFFFFF;
  width: 100%;
}
.level2Box {
  width: 98%;
  margin-left: 2%;
  height: 40px;
  line-height: 40px;
  border-top-right-radius: 15px;
}
.level2BoxSel {
  width: 98%;
  background-color: #FFFFFF;
  margin-left: 2%;
  height: 40px;
  line-height: 40px;
  border-top-right-radius: 15px;
  color: black;
}
.level2BoxSpan {
  width: 80%;
  margin-left: 10%;
  font-size: 14px;
  font-weight: 650;
}
.MainBox {
  height: 100vh;
  width: 100%;
  left: 160px;
  top: 64px;
}
.MainBoxHead {
  height: 40px;
  width: 100%;
  border-bottom: 1px solid #D7D7D7;
  border-top: 1px solid #D7D7D7;
  position: -webkit-sticky;
  position: sticky;
}
.MainBoxHead div {
  height: 40px;
  line-height: 40px;
  padding: 0 15px;
  color: #787878;
  border-right: 1px solid #D7D7D7;
  float: left;
}
.MainBoxBody {
  width: 100%;
  position: absolute;
  background-color: #ffffff;
}
.MainBoxtop {
  width: 96%;
  margin: 0 auto;
  height: 60px;
}
.MainBoxtop .MainBoxtoptitle {
  font-size: 20px;
  color: #1c1414;
}
.MainBoxtopUL {
  width: 96%;
  height: 40px;
  margin: 0 auto;
}
.BoxBody {
  width: 100%;
  position: relative;
  top: 0px;
}
.BoxBody:after {
  content: "";
  display: block;
  clear: both;
}
.BoxOneBox {
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 226px;
  height: 266px;
  margin-left: 50px;
  margin-top: 20px;
  float: left;
  border-radius: 20px;
  border: 1px solid #AAAAAA;
}
.BoxPic {
  width: 206px;
  height: 148px;
  background-color: #F2F2F2;
  position: -webkit-sticky;
  position: sticky;
  margin: 11px auto;
}
.BoxPic img {
  width: 200px;
  height: 138px;
  margin: 5px 3px;
}
.BoxName {
  width: 200px;
  height: 20px;
  left: 20px;
  position: -webkit-sticky;
  position: sticky;
  margin: 12px auto;
  color: black;
  font-weight: 400;
  font-size: 14px;
}
.BoxBotton {
  height: 33px;
  margin: 19px auto;
  width: 176px;
  position: -webkit-sticky;
  position: sticky;
}
.bjButton {
  width: 84px;
  height: 33px;
  line-height: 33px;
  background-color: #C90B01;
  color: #DFDFDF;
  position: -webkit-sticky;
  position: sticky;
  border-radius: 6px;
  float: left;
  border: 1px solid #C90B01;
}
.delButton {
  color: black;
  border: 1px solid grey;
  border-radius: 6px;
  width: 84px;
  height: 33px;
  line-height: 33px;
  margin-left: 8px;
  float: left;
  position: -webkit-sticky;
  position: sticky;
  background-color: #FFFFFF;
}
.parmbox {
  width: 100%;
  position: relative;
}
.BoxSearch {
  height: 80px;
  line-height: 80px;
  width: 96%;
  margin: 0 auto;
  overflow-y: hidden;
}
.BoxSearch select {
  width: 140px;
  height: 34px;
  border: 1px solid gray;
  border-radius: 5px;
  padding: 0 5px;
  color: #0c0c0c;
}
.BoxSearch input {
  width: 140px;
  height: 34px;
  border: 1px solid gray;
  padding: 0 5px;
  border-radius: 5px;
  color: #0c0c0c;
  outline: none;
}
.BoxSearch span {
  width: 42px;
  height: 34px;
  padding: 0 5px;
  font-size: 14px;
  font-weight: 400;
  color: black;
}
.BoxSearch .w80 {
  width: 120px;
  line-height: 34px;
}
.BoxSearch div {
  width: 25%;
  float: left;
}
.BoxSearch div span {
  width: 125px;
  float: left;
  height: 45px;
  line-height: 45px;
  text-align: center;
}
.BoxSearch div input {
  margin-left: 5px;
  width: 160px;
  height: 30px;
  border: 1px solid #c7c6c6;
  padding: 0 5px;
}
.BoxSearch div select {
  margin-left: 5px;
  width: 160px;
  height: 30px;
  border: 1px solid #c7c6c6;
  padding: 0 5px;
}
.levelBox {
  width: 96%;
  margin: 0 auto;
}
.menuTree {
  margin-left: 0px;
}
.menuTree div {
  padding-left: 30px;
}
.menuTree div ul {
  overflow: hidden;
  display: block;
  height: auto;
  margin: 0;
}
.menuTree span:hover {
  background-color: #e6e6e6;
  color: black;
}
.menuTree a {
  color: #333;
  text-decoration: none;
}
.menuTree a:hover {
  color: #06F;
}
.menuTree span {
  height: 40px;
  line-height: 40px;
}
.divBox {
  display: block;
  height: 40px;
  line-height: 40px;
  padding-left: 20px;
  margin: 0;
  cursor: pointer;
  border: 1px solid #CCC;
  position: relative;
}
.divBox:hover {
  background-color: #e6e6e6;
  display: block;
  height: 40px;
  line-height: 40px;
  padding-left: 20px;
  margin: 0;
  cursor: pointer;
  border: 1px solid #CCC;
  position: relative;
}
.spanBox {
  display: block;
  width: 300px;
  height: 40px;
  line-height: 40px;
  position: absolute;
}
.spanBox1 {
  display: block;
  width: 50px;
  height: 40px;
  line-height: 40px;
  position: absolute;
  right: 100px;
}
.spanBox2 {
  width: 100px;
  height: 40px;
  line-height: 40px;
  position: absolute;
  right: 0;
}
ul.ztree {
  margin-top: 10px;
  border: 1px solid #617775;
  background: #f0f6e4;
  width: 220px;
  height: auto;
  overflow-y: scroll;
  overflow-x: auto;
}
.radio-btn input[type="radio"],
.check-box input[type="checkbox"] {
  visibility: hidden;
}
.radio-btn {
  width: 20px;
  height: 20px;
  display: inline-block;
  float: left;
  margin: 3px 7px 0 0;
  cursor: pointer;
  position: relative;
  border-radius: 100%;
  border: 1px solid #ccc;
  box-shadow: 0 0 1px #ccc;
  background: #ffffff;
  background: linear-gradient(to bottom, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=0);
}
.checkedRadio {
  box-shadow: inset 0 0 5px 1px #ccc;
}
.radio-btn i {
  border: 1px solid #E1E2E4;
  width: 10px;
  height: 10px;
  position: absolute;
  left: 4px;
  top: 4px;
  border-radius: 100%;
}
.checkedRadio i {
  background-color: #898A8C;
}
.no-curSelectedNode {
  background-color: #fff !important;
  border: 1px #fff solid !important;
}
li {
  list-style: none;
}
input,
select {
  outline: none;
  border: 1px solid #c6c7c8 !important;
  color: #9a9a9a !important;
}
input:hover,
select:hover {
  border: 1px solid #666 !important;
  color: #9a9a9a !important;
}
input:visited,
select:visited {
  border: 1px solid #666 !important;
  color: #9a9a9a !important;
}
input:focus,
select:focus {
  border: 1px solid #9a9a9a !important;
  color: #9a9a9a !important;
}
.modal {
  z-index: 20050!important;
  background-color: rgba(21, 20, 20, 0.51);
}
.close {
  opacity: 1!important;
}
.close:hover {
  color: #2b2b2b!important;
}
.PMGHpicbox {
  width: 50%;
  margin-left: 25%;
}
.JFHJDGHpicbox {
  width: 80%;
  margin-left: 10%;
  overflow-y: hidden;
}
.FLtopleftbox {
  height: 80px;
  width: auto!important;
  line-height: 80px;
  float: left;
  color: #2b2b2b;
}
.FLtopleftbox img {
  width: 15px;
}
.FLtopleftbox div {
  width: auto;
  font-size: 18px;
}
.dtgg {
  width: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
}
.overflow {
  overflow-y: scroll;
}
.textareabox {
  width: 100%;
}
.textareabox textarea {
  width: 98%;
  overflow-y: scroll;
}
.DataStatisticleft {
  width: 100%;
  float: left;
  background-color: #fff ;
}
.DataStatisticleft .DataBox {
  width: 60%;
  color: #2b2b2b;
  text-align: center;
}
.DataStatisticleft .DataBox .Databoard {
  width: 100%;
  height: 160px;
}
.DataStatisticleft .DataBox .Databoard .Databoardtitle {
  width: 115px;
  height: 34px;
  font-size: 14px;
  line-height: 34px;
  background-color: #ffffff;
  margin-left: 20px;
  border-left: 3px solid #797979;
}
.DataStatisticleft .DataBox .Databoard .Databoardbox {
  width: 169px;
  height: 100px;
  background-color: #ffffff;
  border: 1px solid #d7d7d7;
  border-radius: 15px;
  margin-top: 10px;
  margin-left: 20px;
  float: left;
}
.DataStatisticleft .DataBox .Databoard .Databoardbox .Databoardcontent {
  width: 100%;
}
.DataStatisticleft .DataBox .Databoard .Databoardbox .Databoardcontent .Databoardnum {
  margin-top: 20px;
  font-size: 20px;
}
.DataStatisticleft .DataBox .Databoard .Databoardbox .Databoardcontent .Databoardword {
  font-size: 14px;
}
.DataStatisticright {
  width: 100%;
  float: right;
  background-color: #fdf9f9 ;
}
.DataStatisticright .AccountUseBox {
  width: 60%;
  float: left;
  background-color: #ffffff;
  padding-top: 20px;
}
.DataStatisticright .AccountUseBox .AccountUsetitle {
  width: 115px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  font-size: 14px;
  color: #2b2b2b;
  margin-left: 20px;
  border-left: 3px solid #797979;
}
.DataStatisticright .AccountUseBox .Accountbarchart {
  margin-left: 20px;
  width: 96%;
}
.DataStatisticright .PiechartBox {
  width: 40%;
  float: left;
  background-color: #ffffff;
  padding-top: 20px;
  padding-bottom: 7px;
}
.DataStatisticright .PiechartBox .Piecharttitle {
  width: 115px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  font-size: 14px;
  color: #2b2b2b;
  margin-left: 20px;
  border-left: 3px solid #797979;
}
.DataStatisticright .PiechartBox .Piechar {
  width: 100%;
  height: 500px;
}
.DataStatisticright .PiechartBox .Piechar .Piecharcanvas {
  width: 100%;
  height: 500px;
}
.ovfo {
  overflow-y: auto;
}
.w150 {
  width: 150px!important;
  line-height: 34px;
}
.picwordSourceWinLabel {
  width: 144px;
  height: 37px;
  border: 1px solid #7F7F7F;
  float: left;
  text-align: center;
  line-height: 37px;
}
.pswclose {
  width: 20px;
  height: 20px;
  position: relative;
  top: -10px;
  right: 10px;
}
.border1 {
  border: 1px solid #7F7F7F;
}
.rolecheckbox {
  line-height: 30px;
}
.topT {
  margin-bottom: 0px;
}
.bottom {
  height: 100px;
  overflow-y: auto;
}
.OFS {
  overflow-y: scroll;
}
.TX {
  text-align: center;
}
.ROLE-AUTHOR {
  width: 350px;
  height: 300px;
  overflow-y: scroll;
  border: 1px solid #ccc;
}
.ROLE-AUTHOR-MENU {
  width: 100%;
  height: auto;
  line-height: 30px;
}
.ROLE-AUTHOR-MENU-TITLE {
  width: 100%;
  height: 30px;
  line-height: 30px;
}
.ROLE-AUTHOR-MENU-TITLE span {
  margin-left: 10px;
}
.ROLE-AUTHOR-MENU-CHILD {
  width: 100%;
  height: 25px;
  line-height: 25px;
}
.ROLE-AUTHOR-MENU-CHILD .MENU-SPAN {
  margin-left: 30px;
}
.ROLE-AUTHOR-MENU-CHILD .MENU-CHECKBOX {
  width: 20px;
  height: 20px;
  line-height: 20px;
  border: 1px solid #075b8e;
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
}
.ROLE-AUTHOR-MENU-CHILD .MENU-CHECKBOX-ACT {
  background-color: #075b8e;
}
.left-breadcrumb {
  height: calc(100% - 196px);
  width: 70px;
  margin: 0 -15px;
  position: relative;
}
.nr-box {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.BCwhite {
  background-color: #FFFFFF!important;
}
.E-CHOOSE-MENU {
  width: 100%;
  margin-top: 5px;
  height: 30px;
  line-height: 30px;
}
.E-CHOOSE-MENU .E_MENU-SPAN {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 10px;
}
.E-CHOOSE-MENU .E_CTL-OPEN-SPAN {
  cursor: pointer;
  padding: 3px 10px;
  border: 1px solid #00B83F;
  border-radius: 3px;
  margin-right: 3px;
}
.E-CHOOSE-MENU .E_CTL-CLOSE-SPAN {
  cursor: pointer;
  padding: 3px 10px;
  border: 1px solid red;
  border-radius: 3px;
  margin-right: 3px;
}
.E-CHOOSE-MENU .E_MENU-CHECKBOX {
  margin-left: 5px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border: 1px solid #075b8e;
  display: inline-block;
  vertical-align: middle;
}
.E-CHOOSE-MENU .E_MENU-CHECKBOX-ACT {
  background-color: #075b8e;
}
.deviceItem {
  width: 96%;
  margin-left: 2%;
  margin-top: 10px;
}
.deviceItem .deviceName {
  height: 30px;
  line-height: 30px;
}
.deviceBtn {
  width: 96%;
  margin-left: 2%;
  height: auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}
.deviceBtn .spBox {
  height: 25px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.deviceBtn .spBox .circleBtn {
  margin-left: 5px;
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  border: 1px solid #5899d2;
  cursor: pointer;
}
.deviceBtn .spBox .circleSel {
  background: #5899d2;
}
.E1 {
  width: 68px;
  border: none;
  padding: 6px 0;
}
.E11 {
  border: 1px solid #1ab394;
  marginLeft: 10px;
}
.SYN-SB {
  width: 150px;
  height: 30px;
  line-height: 30px;
  border-radius: 10px;
  border: 1px solid gray;
  float: left;
  margin-right: 10px;
  margin-top: 10px;
  text-align: center;
  cursor: pointer;
}
.SYN-SB-ACT {
  border: 1px solid green;
  background-color: green;
  color: white;
}
.FS14ls2 {
  font-size: 14px!important;
  letter-spacing: 1px;
}
/*日立*/
.RED {
  color: #FF141D;
}
.REBBCG {
  background-color: #FF141D;
}
.HBAR {
  border-top: 5px solid #746e98;
  background-color: #f2f2f2;
  height: 64px;
  color: #1c1414;
}
.HBAR .LOGO {
  width: 100px;
  line-height: 64px;
  text-align: center;
}
.HBAR .LOGO img {
  margin-left: 10px;
}
.HBAR .MN span {
  font-weight: 400;
  line-height: 64px;
  font-size: 19px;
}
.out {
  width: 60px;
  margin-top: 15px;
  margin-right: 10px;
  height: 30px;
  line-height: 30px;
  border: 0;
  font-size: 15px;
  border-radius: 5px;
  float: right;
  background-color: #C90B01 !important;
  color: #DFDFDF !important;
  text-align: center;
}
.HCA-MAIN {
  height: 100px;
}
.fileInputHide {
  position: absolute;
  top: -1000px;
  left: -10000px;
}
.MT20 {
  margin-top: 20px !important;
}
.MT30 {
  margin-top: 30px;
}
/*设备信息*/
.dev_top_btn {
  width: 200px;
  height: 80px;
  position: absolute;
  top: 50px;
  right: 10px;
}
.dev_top {
  width: 100%;
  height: 80px;
}
.dev_info {
  width: 100%;
  height: 60px;
  line-height: 60px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.dev_center {
  width: 100%;
  height: 50px;
}
.info_group {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: 5px;
}
.DSN {
  display: none!important;
}
.adminlangsel {
  margin-left: 10px;
  margin-right: 20px;
  color: #fff!important;
  background-color: rgba(255, 255, 255, 0);
}
* {
  margin: 0;
  padding: 0;
}
html,
body {
  -webkit-text-size-adjust: none;
      -ms-text-size-adjust: none;
          text-size-adjust: none;
  line-height: 1;
  font-family: Helvetica, "微软雅黑";
  background: #FAFAFA;
  background-color: #DFDFDF;
}
.TC {
  text-align: center;
  color: #676a6c;
  line-height: 30px !important;
  height: 30px;
}
.tc {
  text-align: center;
}
.OFA {
  overflow: auto;
}
.PR {
  position: relative;
}
.PD0 {
  padding: 0;
}
.OFH {
  overflow: hidden;
}
.bgw {
  background-color: #2f4050;
  color: #fff;
}
.bgw:hover {
  background-color: #3a4f63;
  color: #ededed;
}
/*布局*/
.JD {
  position: absolute;
}
.XD {
  position: relative;
}
.XF {
  position: fixed;
}
.JZ {
  margin: 0 auto;
}
.FL {
  float: left;
}
.FR {
  float: right;
}
.CB {
  clear: both;
}
.XS {
  display: block !important;
}
.YC {
  display: none !important;
}
.TAC {
  text-align: center;
}
.TAL {
  text-align: left;
}
.TAR {
  text-align: right;
}
.BRY {
  border-radius: 50%;
}
.BR2 {
  border-radius: 0.2rem;
}
.BR3 {
  border-radius: 0.3rem;
}
.BR5 {
  border-radius: 0.5rem;
}
/**颜色定义*/
.blue {
  color: #5899d2;
}
.black {
  color: #3f3f3f !important;
}
.orange1 {
  color: #df520c;
}
.blue3 {
  color: #0b5ab2;
}
.violet {
  color: #5b198e;
}
.blueB {
  background-color: #5899d2;
}
.orange1B {
  background-color: #df520c;
}
.blue3B {
  background-color: #0b5ab2;
}
.violetB {
  background-color: #5b198e;
}
.grayB {
  background-color: #cccccc;
}
.white {
  color: #fff;
}
/**边框颜色*/
/**背景颜色*/
.backgroundColor {
  background-color: #aeaeae;
  background-image: -moz-linear-gradient(top, #aeaeae, #cccccc);
  /* Firefox */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #aeaeae), color-stop(1, #cccccc));
  /* Saf4+, Chrome */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#aeaeae, endColorstr=#cccccc);
  /* IE*/
}
.backgroundColor1 {
  background-color: #fff;
}
.backgroundColor2 {
  background-image: -moz-linear-gradient(top, #5899d2, #619dd2);
  /* Firefox */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5899d2), color-stop(1, #619dd2));
  /* Saf4+, Chrome */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#5899d2, endColorstr=#619dd2);
  /* IE*/
}
.backgroundColor3 {
  background-image: -moz-linear-gradient(top, #d3227a, #d32e4d);
  /* Firefox */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #d3227a), color-stop(1, #d32e4d));
  /* Saf4+, Chrome */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#d3227a, endColorstr=#d32e4d);
  /* IE*/
}
.backgroundColor4 {
  background-image: -moz-linear-gradient(top, #d81d07, #d82e11);
  /* Firefox */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #d81d07), color-stop(1, #d82e11));
  /* Saf4+, Chrome */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#d81d07, endColorstr=#d82e11);
  /* IE*/
}
.backgroundColor5 {
  background-image: -moz-linear-gradient(top, #df610c, #df520c);
  /* Firefox */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #df610c), color-stop(1, #df520c));
  /* Saf4+, Chrome */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#df610c, endColorstr=#df520c);
  /* IE*/
}
.centerBk1 {
  background-image: -moz-linear-gradient(top, #2f4376, #4f94c8);
  /* Firefox */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2f4376), color-stop(1, #4f94c8));
  /* Saf4+, Chrome */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f4376', endColorstr='#4f94c8');
  /* IE*/
}
.centerBk2 {
  background-image: -moz-linear-gradient(top, #619dd2, #4f94c8);
  /* Firefox */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #619dd2), color-stop(1, #4f94c8));
  /* Saf4+, Chrome */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f4376', endColorstr='#4f94c8');
  /* IE*/
}
/**字颜色*/
.Color {
  color: #aeaeae !important;
}
.Color1 {
  color: #fff;
}
.Color2 {
  color: #5899d2;
}
.Color3 {
  color: #d3227a;
}
.Color4 {
  color: #d81d07;
}
.Color5 {
  color: #df610c;
}
.Color6 {
  color: #888888;
}
.Color7 {
  color: #3f3f3f;
}
.redbackground {
  background-color: #C90B01 !important;
  color: #DFDFDF !important;
}
.BGC {
  background-color: #746e98;
  color: #DFDFDF;
  height: 50px;
  line-height: 50px;
}
.BGCW {
  background-color: #FFFFFF!important;
}
/**人头像颜色*/
/**字体大小*/
.font0 {
  font-size: 50px;
}
.font1 {
  font-size: 25px;
}
.font2 {
  font-size: 16px !important;
}
.font3 {
  font-size: 14px;
}
.font1d5rem {
  font-size: 1.5rem;
}
.font1rem {
  font-size: 1rem;
}
/**动作*/
.hand {
  cursor: pointer;
}
.PA {
  position: absolute;
}
.hide {
  display: none;
}
.mr10 {
  margin-right: 10px;
}
.ml10 {
  margin-left: 10px;
}
.mt10 {
  margin-top: 10px;
}
.mt20 {
  margin-top: 20px;
}
.ML10 {
  margin-left: 10px!important;
}
.H36p {
  height: 36px;
}
.ML20 {
  margin-left: 20px!important;
}
.container {
  width: 100%;
  overflow-x: scroll;
  /* 设置横向滑动效果 */
  white-space: nowrap;
  /* 防止内容换行 */
}
.content {
  display: inline-block;
  /* 横向排列盒子内容 */
  /* 可以设置盒子的宽度、高度、背景色等样式 */
}
.ML30 {
  margin-left: 30px;
}
.ML5 {
  margin-left: 5px;
}
.FW {
  color: #282828;
  font-weight: bold;
}
.button {
  width: 80px;
  font-size: 16px !important;
  /* Firefox */
  /* Saf4+, Chrome */
  /* IE*/
  background-image: -moz-linear-gradient(top, #5899d2, #619dd2);
  /* Firefox */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5899d2), color-stop(1, #619dd2));
  /* Saf4+, Chrome */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#5899d2, endColorstr=#619dd2);
  /* IE*/
  color: #fff;
  text-align: center;
  cursor: pointer;
}
.button:hover {
  font-size: 16px !important;
  /* Firefox */
  /* Saf4+, Chrome */
  /* IE*/
  background-image: -moz-linear-gradient(top, #2f4376, #4f94c8);
  /* Firefox */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2f4376), color-stop(1, #4f94c8));
  /* Saf4+, Chrome */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f4376', endColorstr='#4f94c8');
  /* IE*/
  color: #fff;
}
.button:visited {
  text-decoration: none;
  color: #fff;
  font-size: 16px !important;
}
.button:active {
  text-decoration: none;
  /* Firefox */
  /* Saf4+, Chrome */
  /* IE*/
  background-image: -moz-linear-gradient(top, #2f4376, #4f94c8);
  /* Firefox */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2f4376), color-stop(1, #4f94c8));
  /* Saf4+, Chrome */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f4376', endColorstr='#4f94c8');
  /* IE*/
  color: #fff;
  font-size: 16px !important;
}
.container,
.main {
  width: 100%;
  height: 100%;
  position: fixed;
  overflow: hidden;
}
.ad_header {
  width: 100%;
  height: 100px;
  border: 0;
  background-image: -moz-linear-gradient(top, #619dd2, #4f94c8);
  /* Firefox */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #619dd2), color-stop(1, #4f94c8));
  /* Saf4+, Chrome */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f4376', endColorstr='#4f94c8');
  /* IE*/
  /*Opera 11.10+*/
  background: -ms-linear-gradient(top, #619dd2, #4f94c8);
  /* IE 10 */
}
.ad_header .ad_logo {
  float: left;
  width: 100px;
  height: 100px;
}
.ad_header .ad_title_box {
  float: left;
  width: 350px;
  height: 100px;
}
.ad_header .ad_title_box .ad_title1 {
  width: 350px;
  height: 30px;
  line-height: 30px;
  font-size: 30px;
  color: white;
  margin-top: 20px;
}
.ad_header .ad_title_box .ad_title2 {
  width: 350px;
  height: 38px;
  line-height: 30px;
  color: white;
  font-size: 18px;
}
.ad_header .ad_title_right {
  float: right;
  width: 100px;
  height: 100px;
  text-align: right;
  line-height: 100px;
  color: white;
}
.ad_header .ad_title_right span {
  margin-right: 10px;
}
.ad_center {
  width: 100%;
  height: 600px;
}
.ad_center .ad_center_left {
  width: 15%;
  height: 600px;
  border-right: 1px solid #aeaeae;
}
.ad_center .ad_center_right {
  width: 84%;
  height: 600px;
}
.ellopsis_2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.ALT > td {
  padding: 0 !important;
  vertical-align: text-top;
  text-align: center;
  -webkit-user-select: all;
     -moz-user-select: all;
      -ms-user-select: all;
          user-select: all;
  height: 30px;
  line-height: 30px !important;
}
.BEN-TD {
  padding: 10px !important;
  text-align: center;
  width: 70px;
}
.SM {
  padding: 2px 9px;
  background-color: #C90B01 !important;
  color: #f8f8f8 !important;
  margin: 0 !important;
}
.FULL-HEIGHT {
  overflow: hidden;
}
.ELE-DEt-BOX {
  position: relative;
  background-color: #FFFFFF;
  padding: 0px;
}
.COL-LG-12 {
  padding: 0px;
}
.kong {
  position: relative;
  height: 30px;
}
.FORM-CONTROL {
  width: 68px !important;
  border: none !important;
  padding: 6px 0 !important;
  display: inline-block !important;
}
.INPUT-FROM-CONTROL {
  border: 1px solid #1ab394 !important;
  width: 230px !important;
  margin-Left: 10px !important;
  display: inline-block !important;
}
.chafountenduser {
  border: 1px solid #DADADA !important;
  width: 200px !important;
  margin-right: 10px !important;
  display: inline-block !important;
  color: #1a2d41!important;
}
.PRIMARY {
  display: inline-block;
  margin-Left: 40px;
}
.IBOX-TOOLS {
  height: 34px;
  display: inline-block;
  float: right;
}
.BTN {
  background-color: #2f4050;
  color: #FFFFFF !important;
}
.BTN-NEW {
  background-color: #2f4050;
  color: #FFFFFF !important;
  cursor: pointer;
  border-radius: 5px;
  width: auto;
  margin: auto;
}
.fjx {
  height: 1px;
  background-color: #dddddd;
  margin: 10px 0;
}
.TABLE-RES {
  overflow: auto;
  max-height: 500px;
}
.TABLE-RES > th {
  text-align: center;
}
th {
  text-align: center !important;
}
.MODAL-HEADER {
  background: #075b8e;
  color: #fff;
}
.X {
  outline: none;
  color: #fff;
}
.modal-body {
  width: 100%;
  overflow: auto;
}
.modal-middel {
  width: 100%;
  margin: 15px 0;
}
.CDMC-BOX {
  height: 45px;
  position: relative;
}
.CDMC-word {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 120px;
}
.CDMC-input {
  position: absolute;
  top: 7px;
  left: 70px;
  width: 350px;
  float: left;
}
.MODAL-FOOTER {
  padding: 7px 0;
  border: none !important;
  width: 300px;
  margin-left: 204px;
}
.BTN-WHITE {
  float: right;
}
.BTN:hover {
  color: white !important;
}
.element-detail-box {
  padding: 0 !important;
  margin: 0 !important;
}
.col-lg-12 {
  width: 100%;
  height: auto !important;
}
.ibox-content {
  padding-top: 10px !important;
  padding-bottom: 0 !important;
  margin-bottom: 10px !important;
}
.phh4 {
  float: left;
  margin-left: 8px;
  margin-top: 10px;
}
.inputfile {
  display: none;
}
.pic-box {
  width: 172px;
  height: 102px;
  float: left;
  margin-top: 10px;
  margin-left: 30px;
  display: inline-block;
  text-align: center;
}
.pic-box img {
  height: 102px;
  width: auto;
}
td > img {
  max-height: 30px !important;
}
.W10 {
  width: 10%;
}
.W100 {
  width: 100%;
}
.lsd-msg-container1 {
  padding: 5px;
  background-color: #af2b2b;
  border-radius: 3px;
  position: fixed;
  bottom: 400px;
  color: #fff;
  z-index: 99999;
  width: 200px;
  left: 50%;
  margin-left: -100px;
  text-align: center;
}
.lsd-msg-container {
  width: auto;
  padding: 5px;
  background-color: #2b2b2b;
  border-radius: 3px;
  position: fixed;
  bottom: 400px;
  left: 47%;
  color: #fff;
  z-index: 99999;
}
.HAND {
  cursor: pointer;
}
.M-TD1 {
  padding: 7px;
  vertical-align: text-top;
  text-align: center;
}
.M-TD2 {
  padding: 7px;
  vertical-align: text-top;
  text-align: center;
  width: 70px;
}
.M-TD3 {
  width: 68px;
  border: none;
  padding: 6px 0;
  display: inline-block;
}
.M-INPUT1 {
  border: 1px solid #1ab394;
  width: 230px;
  marginLeft: 10px;
  display: inline-block;
}
.M-DIV {
  padding: 2px 10px;
  border: 1px solid #f9f9f9;
  background-color: #2f4050;
  color: #FFFFFF;
}
.M-button {
  display: inline-block;
  margin-left: 40px;
}
.EQU-BOX {
  width: 200px;
  height: 200px;
  border: 1px solid #ccc;
}
.E-CHOOSE-LEFT {
  width: 150px;
  height: 50px;
  float: left;
}
.E-CHOOSE-RIGHT {
  width: 450px;
  height: 50px;
  float: left;
}
.MBTN {
  padding: 2px 4px;
  display: inline-block;
  /*background-color: #4b4b4b;*/
  /*color: white;*/
  cursor: pointer;
}
.MBTN:hover {
  background-color: #000000;
  color: #f6f6f6;
}
.MBTN-CHECK {
  background-color: #000000;
  color: #f6f6f6;
}
.MD {
  height: 100%;
  position: relative;
}
.MDEV {
  position: absolute;
  top: 10px;
  left: 8px;
  width: 100px;
}
.MDEV-SEL {
  position: absolute;
  top: 35px;
  width: 627px;
  height: 200px;
  border: 1px solid #ccc;
  overflow: auto;
}
.OH {
  overflow: hidden;
}
.PD0 {
  padding: 0px;
}
.M2 {
  overflow: auto;
  maxHeight: 500px;
}
.S1 {
  position: relative;
  backgroundColor: #FFFFFF;
  padding: 0px;
}
.S2 {
  width: 68px;
  border: none;
  padding: 6px 0;
  display: inline-block;
}
.S3 {
  border: 1px solid #1ab394;
  width: 230px;
  marginLeft: 10px;
  display: inline-block;
}
.S5 {
  position: relative;
  height: 30px;
}
.S6 {
  height: 1px;
  backgroundColor: #dddddd;
  margin: 10px 0;
}
.S7 {
  backgroundColor: #2f4050;
  color: #FFFFFF;
}
.S8 {
  height: 34px;
  display: inline-block;
  float: right;
}
.S9 {
  display: inline-block;
  marginLeft: 40px;
}
.User1 {
  height: 45px;
  position: relative;
}
.User2 {
  position: absolute;
  top: 10px;
  left: 8px;
  width: 100px;
}
.User3 {
  position: absolute;
  top: 7px;
  left: 100px;
  width: 328px;
}
.CFTJ {
  position: absolute;
  top: 7px;
  left: 100px;
  width: 350px;
  height: 100px;
  overflow-y: auto;
  border: 1px solid #ccc;
}
.QJXZ {
  position: absolute;
  top: 7px;
  left: 100px;
  width: 350px;
  height: 280px;
  overflow-y: auto;
  border: 1px solid #ccc;
}
.QJXZ1 {
  padding: 7px;
  verticalAlign: text-top;
  textAlign: center;
}
.CFBT {
  position: absolute;
  top: 10px;
  left: 8px;
  width: 100px;
}
.CFBT1 {
  position: absolute;
  top: 7px;
  left: 100px;
  width: 350px;
}
.CFTJ-ITEMS {
  width: 100%;
  height: 30px;
  line-height: 30px;
}
.CFTJ-ITEM {
  margin-left: 5px;
  cursor: pointer;
}
.CFTJ-ITEM:hover {
  background-color: #4b4b4b;
  color: white;
}
.CFTJ-ACT {
  background-color: #075b8e;
  color: white;
}
.CFBTN {
  padding: 2px 10px;
  border: 1px solid #f9f9f9;
  background-color: #2f4050;
  color: #FFFFFF;
}
.LL1 {
  padding: 7px;
  vertical-align: text-top;
  text-align: center;
}
.LL2 {
  padding: 2px 10px;
  border: 1px solid #f9f9f9;
  background-color: #2f4050;
  color: #FFFFFF;
}
.testBtn {
  background-color: green;
  color: white;
}
.Mselect {
  padding: 6px;
  border: 1px solid #1ab394;
  width: 230px;
  margin-left: 10px;
}
.Mdiv {
  width: 68px;
  border: none;
  padding: 6px 0;
}
.Goods {
  margin-top: 10px;
  margin: 0 auto;
  background-color: white;
  width: 96%;
  height: auto;
  line-height: 50px;
  color: black;
}
.Goods .GoodsSearchTitle {
  height: 30px;
  line-height: 30px;
  width: 100%;
  vertical-align: bottom;
}
.Goods .GoodsTable {
  height: 300px;
  width: 100%;
  background: white;
  overflow-y: scroll;
}
.BTN-ACT {
  height: 33px;
  line-height: 30px;
  width: 100px;
  background-color: #18a689;
  color: white;
  padding: 0px 10px;
  border-radius: 5px;
  border: 0;
}
.BTN-ACT:hover {
  height: 33px;
  line-height: 30px;
  width: 100px;
  background-color: #189275;
  color: white;
  padding: 0px 10px;
  border-radius: 5px;
  border: 0;
}
.BTN-ACT1 {
  height: 34px;
  line-height: 34px;
  width: 100px;
  background-color: #C90B01;
  color: white;
  padding: 0px 10px;
  border-radius: 5px;
  border: 0;
}
.BTN-ACT1:hover {
  height: 34px;
  line-height: 34px;
  width: 100px;
  background-color: #C90B01;
  color: #f8f8f8;
  padding: 0px 10px;
  border-radius: 5px;
  border: 0;
}
.BTN-ACT2 {
  height: 34px;
  line-height: 34px;
  width: 100px;
  background-color: #FFFFFF;
  color: black;
  padding: 0px 10px;
  border-radius: 5px;
  border: 1px solid black;
}
.BTN-ACT2:hover {
  height: 34px;
  line-height: 34px;
  width: 100px;
  background-color: #FFFFFF;
  color: black;
  padding: 0px 10px;
  border-radius: 5px;
  border: 1px solid black;
}
.circle1 {
  position: relative;
  z-index: 2;
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #18a689;
  border: 1px solid #a2a2a2;
}
.circle1_0 {
  position: relative;
  z-index: 2;
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #f6f6f6;
  border: 1px solid #a2a2a2;
}
.circle2 {
  margin-left: -20px;
  display: inline-block;
  width: 40px;
  height: 20px;
  border-radius: 20px;
  background-color: white;
  z-index: 1;
  border: 1px solid #a2a2a2;
}
.circle2_0 {
  margin-left: -20px;
  display: inline-block;
  width: 40px;
  height: 20px;
  border-radius: 20px;
  background-color: #a5a5a5;
  z-index: 1;
  border: 1px solid #a2a2a2;
}
.ovf {
  overflow: hidden;
}
.WTH30 {
  width: 30px;
  text-align: center;
  overflow: hidden;
}
.WTH40 {
  width: 40px;
  text-align: center;
  overflow: hidden;
}
.WTH60 {
  width: 60px;
  text-align: center;
  overflow: hidden;
}
.WTH80 {
  width: 80px;
  text-align: center;
  overflow: hidden;
}
.WTH100 {
  width: 100px;
  text-align: center;
  overflow: hidden;
}
.WTH120 {
  width: 140px;
  text-align: center;
  overflow: hidden;
}
.WTH150 {
  width: 150px;
  text-align: center;
  overflow: hidden;
}
.WTH180 {
  width: 180px;
  text-align: center;
  overflow: hidden;
}
.WTH200 {
  width: 200px;
  text-align: center;
  overflow: hidden;
}
th {
  text-align: center;
}
td {
  text-align: center;
}
div.dataTables_wrapper {
  width: 800px;
  margin: 0 auto;
}
.douGoodsTable table tbody tr td {
  color: black;
  text-align: center;
  vertical-align: middle;
}
.douGoodsTable table thead tr th {
  font-size: 13px;
  font-weight: 400;
  background-color: #746e98;
  padding: 0px;
  color: #fff;
  height: 45px;
  line-height: 45px;
  text-align: center;
  vertical-align: middle;
}
.td_input {
  width: 96%;
  margin: 0 auto;
  height: 25px;
  line-height: 25px;
  margin-top: 1px;
}
*::-webkit-input-placeholder {
  font-size: 12px;
  color: #bfc3cb;
  font-weight: normal;
}
*:-moz-placeholder {
  /* FF 4-18 */
  color: #D2D6DE;
  font-weight: normal;
  font-size: 12px;
}
*::-moz-placeholder {
  /* FF 19+ */
  font-size: 12px;
  color: #D2D6DE;
  font-weight: normal;
}
*:-ms-input-placeholder {
  /* IE 10+ */
  font-size: 12px;
  color: #D2D6DE;
  font-weight: normal;
}
.Tableborder {
  width: 99%;
  margin: 3px auto;
  height: 1px;
  background-color: #d7dae1;
}
.divAuto {
  width: auto;
  display: inline-block !important;
  display: inline;
}
.topBar {
  height: 60px;
  line-height: 63px;
  padding: 0 30px;
  font-size: 14px;
  color: #6F6F6F !important;
  position: relative;
}
.topBarSel {
  height: 60px;
  line-height: 63px;
  padding: 0 30px;
  font-size: 14px;
  color: #FFFFFF;
  background-color: #C90B01;
  position: relative;
}
.topBarSel .triangle-up {
  position: absolute;
  left: 50%;
  top: 55px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 12px solid #fff;
  margin-left: -10px;
  z-index: 10000;
}
.topBarSel a {
  color: #FFFFFF;
}
.topBarSel a:hover {
  color: #f8f8f8;
}
.topBar a {
  color: #6F6F6F;
}
.topBar a:hover {
  color: #575757;
}
.MainBody {
  background-color: #FFFFFF;
  width: 100%;
}
.level2Box {
  width: 98%;
  margin-left: 2%;
  height: 40px;
  line-height: 40px;
  border-top-right-radius: 15px;
}
.level2BoxSel {
  width: 98%;
  background-color: #FFFFFF;
  margin-left: 2%;
  height: 40px;
  line-height: 40px;
  border-top-right-radius: 15px;
  color: black;
}
.level2BoxSpan {
  width: 80%;
  margin-left: 10%;
  font-size: 14px;
  font-weight: 650;
}
.MainBox {
  height: 100vh;
  width: 100%;
  left: 160px;
  top: 64px;
}
.MainBoxHead {
  height: 40px;
  width: 100%;
  border-bottom: 1px solid #D7D7D7;
  border-top: 1px solid #D7D7D7;
  position: -webkit-sticky;
  position: sticky;
}
.MainBoxHead div {
  height: 40px;
  line-height: 40px;
  padding: 0 15px;
  color: #787878;
  border-right: 1px solid #D7D7D7;
  float: left;
}
.MainBoxBody {
  width: 100%;
  position: absolute;
  background-color: #ffffff;
}
.MainBoxtop {
  width: 96%;
  margin: 0 auto;
  height: 60px;
}
.MainBoxtop .MainBoxtoptitle {
  font-size: 20px;
  color: #1c1414;
}
.MainBoxtopUL {
  width: 96%;
  height: 40px;
  margin: 0 auto;
}
.BoxBody {
  width: 100%;
  position: relative;
  top: 0px;
}
.BoxBody:after {
  content: "";
  display: block;
  clear: both;
}
.BoxOneBox {
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 226px;
  height: 266px;
  margin-left: 50px;
  margin-top: 20px;
  float: left;
  border-radius: 20px;
  border: 1px solid #AAAAAA;
}
.BoxPic {
  width: 206px;
  height: 148px;
  background-color: #F2F2F2;
  position: -webkit-sticky;
  position: sticky;
  margin: 11px auto;
}
.BoxPic img {
  width: 200px;
  height: 138px;
  margin: 5px 3px;
}
.BoxName {
  width: 200px;
  height: 20px;
  left: 20px;
  position: -webkit-sticky;
  position: sticky;
  margin: 12px auto;
  color: black;
  font-weight: 400;
  font-size: 14px;
}
.BoxBotton {
  height: 33px;
  margin: 19px auto;
  width: 176px;
  position: -webkit-sticky;
  position: sticky;
}
.bjButton {
  width: 84px;
  height: 33px;
  line-height: 33px;
  background-color: #C90B01;
  color: #DFDFDF;
  position: -webkit-sticky;
  position: sticky;
  border-radius: 6px;
  float: left;
  border: 1px solid #C90B01;
}
.delButton {
  color: black;
  border: 1px solid grey;
  border-radius: 6px;
  width: 84px;
  height: 33px;
  line-height: 33px;
  margin-left: 8px;
  float: left;
  position: -webkit-sticky;
  position: sticky;
  background-color: #FFFFFF;
}
.parmbox {
  width: 100%;
  position: relative;
}
.BoxSearch {
  height: 80px;
  line-height: 80px;
  width: 96%;
  margin: 0 auto;
  overflow-y: hidden;
}
.BoxSearch select {
  width: 140px;
  height: 34px;
  border: 1px solid gray;
  border-radius: 5px;
  padding: 0 5px;
  color: #0c0c0c;
}
.BoxSearch input {
  width: 140px;
  height: 34px;
  border: 1px solid gray;
  padding: 0 5px;
  border-radius: 5px;
  color: #0c0c0c;
  outline: none;
}
.BoxSearch span {
  width: 42px;
  height: 34px;
  padding: 0 5px;
  font-size: 14px;
  font-weight: 400;
  color: black;
}
.BoxSearch .w80 {
  width: 120px;
  line-height: 34px;
}
.BoxSearch div {
  width: 25%;
  float: left;
}
.BoxSearch div span {
  width: 125px;
  float: left;
  height: 45px;
  line-height: 45px;
  text-align: center;
}
.BoxSearch div input {
  margin-left: 5px;
  width: 160px;
  height: 30px;
  border: 1px solid #c7c6c6;
  padding: 0 5px;
}
.BoxSearch div select {
  margin-left: 5px;
  width: 160px;
  height: 30px;
  border: 1px solid #c7c6c6;
  padding: 0 5px;
}
.levelBox {
  width: 96%;
  margin: 0 auto;
}
.menuTree {
  margin-left: 0px;
}
.menuTree div {
  padding-left: 30px;
}
.menuTree div ul {
  overflow: hidden;
  display: block;
  height: auto;
  margin: 0;
}
.menuTree span:hover {
  background-color: #e6e6e6;
  color: black;
}
.menuTree a {
  color: #333;
  text-decoration: none;
}
.menuTree a:hover {
  color: #06F;
}
.menuTree span {
  height: 40px;
  line-height: 40px;
}
.divBox {
  display: block;
  height: 40px;
  line-height: 40px;
  padding-left: 20px;
  margin: 0;
  cursor: pointer;
  border: 1px solid #CCC;
  position: relative;
}
.divBox:hover {
  background-color: #e6e6e6;
  display: block;
  height: 40px;
  line-height: 40px;
  padding-left: 20px;
  margin: 0;
  cursor: pointer;
  border: 1px solid #CCC;
  position: relative;
}
.spanBox {
  display: block;
  width: 300px;
  height: 40px;
  line-height: 40px;
  position: absolute;
}
.spanBox1 {
  display: block;
  width: 50px;
  height: 40px;
  line-height: 40px;
  position: absolute;
  right: 100px;
}
.spanBox2 {
  width: 100px;
  height: 40px;
  line-height: 40px;
  position: absolute;
  right: 0;
}
ul.ztree {
  margin-top: 10px;
  border: 1px solid #617775;
  background: #f0f6e4;
  width: 220px;
  height: auto;
  overflow-y: scroll;
  overflow-x: auto;
}
.radio-btn input[type="radio"],
.check-box input[type="checkbox"] {
  visibility: hidden;
}
.radio-btn {
  width: 20px;
  height: 20px;
  display: inline-block;
  float: left;
  margin: 3px 7px 0 0;
  cursor: pointer;
  position: relative;
  border-radius: 100%;
  border: 1px solid #ccc;
  box-shadow: 0 0 1px #ccc;
  background: #ffffff;
  background: linear-gradient(to bottom, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=0);
}
.checkedRadio {
  box-shadow: inset 0 0 5px 1px #ccc;
}
.radio-btn i {
  border: 1px solid #E1E2E4;
  width: 10px;
  height: 10px;
  position: absolute;
  left: 4px;
  top: 4px;
  border-radius: 100%;
}
.checkedRadio i {
  background-color: #898A8C;
}
.no-curSelectedNode {
  background-color: #fff !important;
  border: 1px #fff solid !important;
}
li {
  list-style: none;
}
input,
select {
  outline: none;
  border: 1px solid #c6c7c8 !important;
  color: #9a9a9a !important;
}
input:hover,
select:hover {
  border: 1px solid #666 !important;
  color: #9a9a9a !important;
}
input:visited,
select:visited {
  border: 1px solid #666 !important;
  color: #9a9a9a !important;
}
input:focus,
select:focus {
  border: 1px solid #9a9a9a !important;
  color: #9a9a9a !important;
}
.modal {
  z-index: 20050!important;
  background-color: rgba(21, 20, 20, 0.51);
}
.close {
  opacity: 1!important;
}
.close:hover {
  color: #2b2b2b!important;
}
.PMGHpicbox {
  width: 50%;
  margin-left: 25%;
}
.JFHJDGHpicbox {
  width: 80%;
  margin-left: 10%;
  overflow-y: hidden;
}
.FLtopleftbox {
  height: 80px;
  width: auto!important;
  line-height: 80px;
  float: left;
  color: #2b2b2b;
}
.FLtopleftbox img {
  width: 15px;
}
.FLtopleftbox div {
  width: auto;
  font-size: 18px;
}
.dtgg {
  width: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
}
.overflow {
  overflow-y: scroll;
}
.textareabox {
  width: 100%;
}
.textareabox textarea {
  width: 98%;
  overflow-y: scroll;
}
.DataStatisticleft {
  width: 100%;
  float: left;
  background-color: #fff ;
}
.DataStatisticleft .DataBox {
  width: 60%;
  color: #2b2b2b;
  text-align: center;
}
.DataStatisticleft .DataBox .Databoard {
  width: 100%;
  height: 160px;
}
.DataStatisticleft .DataBox .Databoard .Databoardtitle {
  width: 115px;
  height: 34px;
  font-size: 14px;
  line-height: 34px;
  background-color: #ffffff;
  margin-left: 20px;
  border-left: 3px solid #797979;
}
.DataStatisticleft .DataBox .Databoard .Databoardbox {
  width: 169px;
  height: 100px;
  background-color: #ffffff;
  border: 1px solid #d7d7d7;
  border-radius: 15px;
  margin-top: 10px;
  margin-left: 20px;
  float: left;
}
.DataStatisticleft .DataBox .Databoard .Databoardbox .Databoardcontent {
  width: 100%;
}
.DataStatisticleft .DataBox .Databoard .Databoardbox .Databoardcontent .Databoardnum {
  margin-top: 20px;
  font-size: 20px;
}
.DataStatisticleft .DataBox .Databoard .Databoardbox .Databoardcontent .Databoardword {
  font-size: 14px;
}
.DataStatisticright {
  width: 100%;
  float: right;
  background-color: #fdf9f9 ;
}
.DataStatisticright .AccountUseBox {
  width: 60%;
  float: left;
  background-color: #ffffff;
  padding-top: 20px;
}
.DataStatisticright .AccountUseBox .AccountUsetitle {
  width: 115px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  font-size: 14px;
  color: #2b2b2b;
  margin-left: 20px;
  border-left: 3px solid #797979;
}
.DataStatisticright .AccountUseBox .Accountbarchart {
  margin-left: 20px;
  width: 96%;
}
.DataStatisticright .PiechartBox {
  width: 40%;
  float: left;
  background-color: #ffffff;
  padding-top: 20px;
  padding-bottom: 7px;
}
.DataStatisticright .PiechartBox .Piecharttitle {
  width: 115px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  font-size: 14px;
  color: #2b2b2b;
  margin-left: 20px;
  border-left: 3px solid #797979;
}
.DataStatisticright .PiechartBox .Piechar {
  width: 100%;
  height: 500px;
}
.DataStatisticright .PiechartBox .Piechar .Piecharcanvas {
  width: 100%;
  height: 500px;
}
.ovfo {
  overflow-y: auto;
}
.w150 {
  width: 150px!important;
  line-height: 34px;
}
.picwordSourceWinLabel {
  width: 144px;
  height: 37px;
  border: 1px solid #7F7F7F;
  float: left;
  text-align: center;
  line-height: 37px;
}
.pswclose {
  width: 20px;
  height: 20px;
  position: relative;
  top: -10px;
  right: 10px;
}
.border1 {
  border: 1px solid #7F7F7F;
}
.rolecheckbox {
  line-height: 30px;
}
.topT {
  margin-bottom: 0px;
}
.bottom {
  height: 100px;
  overflow-y: auto;
}
.OFS {
  overflow-y: scroll;
}
.W5b {
  width: 5%;
}
.W6b {
  width: 5%;
}
.W7b {
  width: 7%;
}
.W8b {
  width: 8%;
}
.W10b {
  width: 10%;
}
.W9b {
  width: 9%;
}
.W19b {
  width: 19%;
}
.W14b {
  width: 14%;
}
.W15b {
  width: 15%;
}
.W20b {
  width: 20%;
}
.W24b {
  width: 24%;
}
.W25b {
  width: 25%;
}
.W26b {
  width: 26%;
}
.W29b {
  width: 29%;
}
.W30b {
  width: 30%;
}
.W35b {
  width: 30%;
}
.W40b {
  width: 40%;
}
.W49b {
  width: 49%;
}
.W50b {
  width: 50%;
}
.W55b {
  width: 55%;
}
.W60b {
  width: 60%;
}
.W70b {
  width: 70%;
}
.W80b {
  width: 80%;
}
.W90b {
  width: 90%;
}
.W100b {
  width: 100%;
}
.W80p {
  width: 80px!important;
}
.W100p {
  width: 100px!important;
}
.W107p {
  width: 107px!important;
}
.W150p {
  width: 150px!important;
}
.W240p {
  width: 240px!important;
}
.W280p {
  width: 280px!important;
}
.W300p {
  width: 300px!important;
}
.W333p {
  width: 333px!important;
}
.BR1 {
  border-right: 1px solid #e5e5e5!important;
}
.BB1 {
  border-bottom: 1px solid #e5e5e5!important;
}
.H80 {
  height: 80px;
}
.ML160 {
  margin-left: 160px;
}
.W200l {
  width: 200px!important;
  text-align: left;
}
.MT0 {
  margin-top: 0!important;
}
.MT5p {
  margin-top: 5px!important;
}
.MT10 {
  margin-top: 10px!important;
}
.ML15p {
  margin-left: 15px!important;
}
.LH24 {
  line-height: 24px!important;
  font-size: 16px!important;
}
.MG0 {
  margin: 0!important;
}
.BCB {
  background-color: #746e98 !important;
  color: #FFFFFF!important;
}
.BC3 {
  background-color: #c6c7c8 !important;
  color: #FFFFFF!important;
}
.W60p {
  width: 60px!important;
}
.WA0 {
  width: auto!important;
  min-width: 50px;
}
.WA {
  width: auto!important;
  min-width: 100px;
}
.jumpword {
  border: 0!important;
  font-size: 12px;
  color: #666666;
}
.FS12 {
  font-size: 12px;
}
.jpageinput {
  width: 50px;
  padding: 5px;
  height: 25px;
  border-radius: 5px;
}
.jumpPage {
  font-size: 13px;
  border-radius: 5px;
}
.jumpnav {
  margin-left: 33%;
  color: black;
}
.OVFA {
  overflow-y: auto!important;
}
.OVFXA {
  overflow-x: auto!important;
}
.OVFXH {
  overflow-x: hidden!important;
}
.OVFS {
  overflow-y: scroll!important;
}
.PR20p {
  padding-right: 20px!important;
}
.text-left {
  text-align: left;
}
.ML5 {
  margin-left: 5px!important;
}
.MR5 {
  margin-right: 5px!important;
}
.MR15p {
  margin-right: 15px!important;
}
.projectssk {
  width: 150px;
  height: 170px;
  z-index: 100000000;
  display: none;
}
.W463p {
  width: 463px!important;
}
.H300p {
  height: 300px!important;
}
.W20p {
  width: 20px;
}
.W30p {
  width: 30px;
}
.W40p {
  width: 40px;
}
.W240p {
  width: 240px!important;
}
.borderB {
  border: 1px solid #617775!important;
}
.tangram-suggestion-main {
  z-index: 99999999999;
}
.iconbox {
  top: 33px;
  max-height: 300px;
  overflow-y: auto;
  font-size: 16px!important;
}
.MR10p {
  margin-right: 10px;
}
.img_src_temp {
  width: 100%;
  display: inline;
  position: absolute;
  top: -10000px;
  left: -10000px;
}
.XMYJpicdel {
  width: 20px;
  position: absolute;
  top: 0;
  right: 0;
}
.OVFH {
  overflow: hidden;
}
.loginh1 {
  margin: 50px 0;
  font-size: 45px;
  font-weight: 500;
  letter-spacing: 4px;
  color: #FFFFFF;
}
.logincontainer {
  width: 35%;
  text-align: center;
  margin: 0 auto;
  padding: 10px;
  background-color: rgba(10, 10, 10, 0.77);
  border: 2px ridge rgba(238, 238, 238, 0.13);
  border-radius: 5px;
  box-shadow: 0 -5px 10px 1px rgba(16, 16, 16, 0.57);
  border-bottom: none;
  border-bottom-left-radius: initial;
  border-bottom-right-radius: initial;
}
.logincontainer h2 {
  font-size: 35px;
  text-align: center;
  color: #FFF;
  font-weight: 100;
}
.bgi {
  background-position: center;
}
.logininformationbox {
  text-align: center;
  width: 80%;
  height: 200px;
  margin-left: 10%;
}
.logininformationbox .logininformation {
  width: 100%;
  margin-bottom: 30px;
  padding: 20px;
  float: left;
  background-color: rgba(10, 10, 10, 0.2) !important;
  font-size: 15px;
  border-bottom: 1px solid rgba(238, 238, 238, 0.41);
}
.logininformation:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-text-fill-color: #ededed !important;
  transition: background-color 50000s ease-in-out 0s;
}
.logindenglubox {
  margin-left: 20%;
  margin-bottom: 40px;
  text-align: center;
  width: 60%;
  padding: 10px 0;
  font-size: 16px;
  font-weight: 100;
  background-color: transparent;
  color: #CCC;
  border: 1px solid rgba(238, 238, 238, 0.41);
  cursor: pointer;
  outline: none;
}
.logindenglubox:hover {
  background-color: #000;
  border: 1px solid #FFF;
  color: #FFF;
}
.loginfooter {
  width: 100%;
  text-align: center;
  color: #CCC;
  line-height: 25px;
  font-size: 16px;
}
.MR10 {
  margin-right: 10px;
}
.timechange {
  height: 34px;
  line-height: 34px;
  width: 100px;
  padding: 0 10px;
  border-radius: 5px;
  border: 1px solid #e1dbdb;
  color: #212020;
  float: left;
  margin-top: 24px;
  text-align: center;
}
.colorxz {
  border: 1px solid #212020!important;
}
.pt2b2 {
  padding: 2px 5px!important;
}
.fz {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
.br1 {
  border-right: 1px solid #e7eaec;
}