/**
 * @description   css 
 * @author        kcl <1055187523qq>
 * @create time   2021-07-19
 * @version       v1.1.0
 */ 
.form-control.datefield{
    background-color: white !important;
}
@keyframes jump {
  0%   {transform: translate3d(0,0,0) scale3d(1,1,1);}
  40%  {transform: translate3d(0,30%,0) scale3d(.7,1.5,1);}
  100% {transform: translate3d(0,100%,0) scale3d(1.5,.7,1);}
}
.jump {
  transform-origin: 50% 50%;
  animation: jump .5s linear alternate infinite;
}
.uploadfilegroup{
    border-bottom: 1px solid #ddd;
}
.declareinfo{
    font:16px 微软雅黑,Verdana, sans-serif;
    width:81%;padding: 15px;
    line-height:30px;
}
@media only print{
    .noprint{ display:none; }
}  
.needdeclare a{
    color: red;
    font-size: 1.6em;
    padding-top: 10px;
}
#bkxiangmu{
    background-color: #f4f6f8;
    border: 0;
}
.inforeview .notnull{
    background-color: yellow;
}
.nodisplay{
    display: none;
}
@-keyframes fadeIn {
    0% {opacity: 1;}
    50% {opacity: 0.6;}
    100% {opacity: 0; }
  }
@-moz-keyframes fadeIn {
    0% {opacity: 1;}
    50% {opacity: 0.6;}
    100% {opacity: 0; }
  }
@-webkit-keyframes fadeIn {
    0% {opacity: 1;}
    50% {opacity: 0.6;}
    100% {opacity: 0; }
  }
  .fade {
    -webkit-animation: fadeIn 1.5s infinite linear;
    animation: fadeIn 1.5s infinite linear;
    -moz-animation: fadeIn 1.5s infinite linear;
  }
.messageMask{
    position:fixed;
    opacity:0.5;
    z-index:100;
    left:0;
    top:0;
    right:0;
    bottom:0;
    background:#000;
}
.messageBox{
    position: fixed;
    left: 40%;
    top: 40%;
    width: 300px;
    height: 9em;
    z-index: 200;
    padding: 1em 1em;
    border-radius: 20px;
    background-color: #ECFAFB;   
}
.messageText{
    margin-top:1.2em;
    font-size: 2em;
    font-weight: bold;
    color: #ff8f00;
}
.uploadfile{
    color: red;
    font-size: 1.5em;
    background-color: white;
}
.level1leftpad{
    padding-left: 20px;
}
.reviewitem{
}
.reviewtitle{
    font-size: 1.4em;
}
.persontitle{
    color:#1c1c6a;
}
.persontext td{
    background-color: #E3ECF4 !important;
    padding: 5px;
}
.persontext textarea{
    width: 98%;
    height: 180px;
}
.seldir{
    /**background-color: #4B8467;**/
    background-color: #5e7fab;
}
.seldir a{
    color:white;
}
.infovalue{
}
.infoname{
}
.infotitle{
    color:red;
    width: 340px;
}
.infostate{
    width:340px;
}
.infostate table tr{
 height: 30px;
}
.progressnum{
    float: left;
    width: 30px;
    text-align: center;
    background-color: black;
    border-radius: 3px;
    color: white;
}
.statenum{
    float: left;
    width: 30px;
    text-align: center;
    background-color: black;
    border-radius: 3px;
    color: white;
}
.statename{
    float: left;
    margin-left: 5px;
    color:#777;
}
.statedone{
    float: right;
    margin-right: 8px;
}
.donestate .statename{
    color: white !important;
}
.doingstate .statename{
    color: white !important;
}
.donestate{
    color: white;
    background-color: #4B8467 !important;
}
.doingstate{
    color: white;
    background-color: #3BD285 !important;
}
.unstate{
    color: #777;
}
.infogroup{
    color: #1c1c6a;
}
.infotable table{
    width: 100%;
}
.infotable table tr{
 height: 30px;
}
.infotable table tr td:last-child{
 background-color: #E3ECF4;
 padding-left: 10px;
}
.infotable table tr td:first-child{
 background-color: #b7dbe6;
 padding: 5px;
 line-height: 22px;
}
.infotable table tr td{
 border:1px solid #dbf9fb;
}
.infostatetable table tr td:first-child{
 background-color: #b7dbe6;
}
.infostatetable table tr td:last-child{
 background-color: #E3ECF4;
 padding-left: 10px;
}
.infostatetable table{
    width: 100%;
}
.infostatetable table tr{
 height: 30px;
}
.infostatetable table tr td{
 border:1px solid #dbf9fb;
}

.revinfotable table{
    width: 80%;
}
.revinfotable table tr{
 height: 30px;
}
.revinfotable table tr td:last-child{
 background-color: #E3ECF4;
 padding-left: 10px;
}
.revinfotable table tr td:first-child{
 background-color: #b7dbe6;
 padding-left:5px;
}
.revinfotable table tr td{
 border:1px solid #dbf9fb;
}
.tbltitle{
    font-size: 1.5em;
    color: #1c1c6a;
    margin-bottom: 5px;
    border-left: 5px solid #E3ECF4;
    padding-left: 10px;
    border-radius: 2px;
}
.reviewtbltitle{
    font-size: 1.5em;
    color: #1c1c6a;
    margin-bottom: 5px;
    margin-top:30px;
}
.rightbtns{
    position: absolute;
    bottom: 10px;
    right: 10px;
}
.bottombtns{
    margin-top: 5px;
    margin-right: 5px;
}
.dirlist a{
    text-decoration:none
}
.infocolp a{
    text-decoration:none
}
.toplinks a{
    text-decoration:none
}
.dirlevel{
    /**border-bottom: 1px solid #c8f2ea;**/
    border-bottom: 1px solid #FFFFFF;
    height: 2.3em;
	line-height: 32px;
}
.toplinks{
    position: absolute;
    top: 3px;
    right: 20px;
}
.rightcontent{
    margin-left:205px;
    padding: 6px;
}
.righthead{
    margin-left: 205px;
    border-bottom: 1px solid silver;
    padding: 6px;
    position: relative;
}
.myfoot{
    width: 99%;
    margin-top: 30px;
    text-align: center;
    border-top: 1px solid silver;
    line-height: 40px;
}
.logopic{
    position: absolute;
    top: 2px;
    left: 2px;
    margin: 10px;
}
.myhead{
    position: relative;
    width: 100%;
    height:74px;
    /**background-color: #E3ECF4;**/
    background-color: #dfe6f0;
}
.leftdir{
    width:200px;
    float: left;
    margin-top: 10px;
    /**background-color: #A5E8E1;**/
    background-color: #dfe6f0;
}
.form-signin {
  margin: 20px auto;
  box-shadow: 0 0 5px 5px #ccc;
  background-color: white;
}

.myloginstyle{
    width:800px;
    background-color: #f4f5f6 !important;
    border-radius: 5px;
    box-shadow: 0 0 3px 3px #e8e4e4 !important;
    margin-top:50px !important;
}
.loginbg{
    position:fixed;
    top: 0;
    left: 0;
    width:100%;
    height:100%;
    z-index:-10;
    zoom: 1;
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: center;
}
.myloginpic{
    max-width:100%;
    margin-bottom: 6px;
}
.red {
    color:red;
    margin-right:5px;
}
#ehong-code-input {
    width:42px;
    letter-spacing:2px;
    margin:0px 8px 0px 0px;
}
.ehong-idcode-val {
    position:relative;
    padding:1px 4px 1px 4px;
    top:0px;
    *top:-3px;
    letter-spacing:4px;
    display:inline;
    cursor:pointer;
    font-size:16px;
    font-family:"Courier New",Courier,monospace;
    text-decoration:none;
    font-weight:bold;
}
.ehong-idcode-val0 {
    border:solid 1px #A4CDED;
    background-color:#ECFAFB;
}
.ehong-idcode-val1 {
    border:solid 1px #A4CDED;
    background-color:#FCEFCF;
}
.ehong-idcode-val2 {
    border:solid 1px #6C9;
    background-color:#D0F0DF;
}
.ehong-idcode-val3 {
    border:solid 1px #6C9;
    background-color:#DCDDD8;
}
.ehong-idcode-val4 {
    border:solid 1px #6C9;
    background-color:#F1DEFF;
}
.ehong-idcode-val5 {
    border:solid 1px #6C9;
    background-color:#ACE1F1;
}
.ehong-code-val-tip {
    font-size:12px;
    color:#1098EC;
    top:0px;
    *top:-3px;
    position:relative;
    margin:0px 0px 0px 4px;
    cursor:pointer;
}

.solid-btn {
  width:230px;
  height:35px;
  color:#fff;
  border-radius:3px;
  padding:10px 25px;
  font-family:Lato,sans-serif;
  font-weight:500;
  margin:0 3px;
  background:transparent;
  cursor:pointer;
  transition:all .3s ease;
  position:relative;
  display:inline-block;
  box-shadow:inset 2px 2px 2px 0 hsla(0,0%,100%,.5),7px 7px 20px 0 rgba(0,0,0,.1),4px 4px 5px 0 rgba(0,0,0,.1);
  outline:none
}
 .solid-btn.btn-md {
  background:linear-gradient(0deg,#7191dd82,#3347b5b2);
  line-height:35px;
  padding:0;
  border:none
}
.solid-btn.btn-md span {
  position:relative;
  display:block;
  width:100%;
  height:100%
}
.solid-btn.btn-md:after,
.solid-btn.btn-md:before {
  position:absolute;
  content:"";
  right:0;
  bottom:0;
  background:#fb4b02;
  box-shadow:-7px -7px 20px 0 hsla(0,0%,100%,.9),-4px -4px 5px 0 hsla(0,0%,100%,.9),7px 7px 20px 0 rgba(0,0,0,.2),4px 4px 5px 0 rgba(0,0,0,.3);
  transition:all .3s ease
}
.solid-btn.btn-md:before {
  height:0%;
  width:1px
}
.solid-btn.btn-md:after {
  width:0;
  height:1px
}
.solid-btn.btn-md:hover {
  color:#fb4b02;
  background:transparent;
}
.solid-btn.btn-md:hover:before {
  height:100%
}
.solid-btn.btn-md:hover:after {
  width:100%
}
.solid-btn.btn-md span:after,
.solid-btn.btn-md span:before {
  position:absolute;
  content:"";
  left:0;
  top:0;
  background:#fb4b02;
  box-shadow:-7px -7px 20px 0 hsla(0,0%,100%,.9),-4px -4px 5px 0 hsla(0,0%,100%,.9),7px 7px 20px 0 rgba(0,0,0,.2),4px 4px 5px 0 rgba(0,0,0,.3);
  transition:all .3s ease
}
.solid-btn.btn-md span:before {
  width:1px;
  height:0%
}
.solid-btn.btn-md span:after {
  height:1px;
  width:0
}
.solid-btn.btn-md span:hover:before {
  height:100%
}
.solid-btn.btn-md span:hover:after {
  width:100%
}

.tip-img {
    display: inline-block;
    background: url("../img/question100.png?r=1") no-repeat left center;
    height: 25px;
    position: relative;
    width: 25px;
    background-size: 20px;
}
 .tip-img .prompt-box {
    background-color: #fffb01eb;
    width: 520px;
    position: absolute;
    left: 14px;
    top: 5px;
    display: none;
    padding: 10px;
    z-index: 100;
    border: #2768cc solid 2px;
    text-align: left;
    color: #34386c;
    border-radius: 5px;
    animation: fadeIn 1s;
    box-shadow:
    inset 0 -3em 3em rgba(0, 0, 0, 0.1),
    0 0 0 2px rgb(255, 255, 255),
    0.3em 0.3em 1em rgba(0, 0, 0, 0.3);
  }
 .tip-img:hover {
    background-size: 25px;
  }
 .tip-img:hover .prompt-box {
     display: inline-block;
  }
.rightcontent{
            overflow-y:scroll;
            overflow-x:hidden;
        }  
body{
    width: 95%;
    margin-left: 3%;
    /*overflow-y: scroll;*/
}