html {
  height: 100%;
}
html,body{ 
/* 	margin: 0; padding: 0;  */
	background-image: url('../images/login-bg.jpg?1');
	background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center top;
    
/*     position: fixed; */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
/*     object-fit: cover;  类似 background-size: cover */
    z-index: -1;  /* 放在最底层 */
}
.fullscreen-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
/*     object-fit: cover;  类似 background-size: cover */
    z-index: -1;  /* 放在最底层 */
}
*{ margin:0; padding:0;}
body{ font-size:14px; font-family:"Microsoft Yahei";font-style:normal; color: #333;}
a{ text-decoration:none}
/*a,a:hover{  transition:background 0.5s linear;-webkit-transition:background 0.5s linear;-moz-transition:background 0.5s linear;-o-transition:background 0.5s linear;}*/
.effect{transition:all 0.2s linear;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;}
a:active,a:focus,a:hover{ outline: none; }
em, i{font-style: normal;}
ul, ol, li{list-style: none;}
img{ border:none;/* vertical-align:middle; */}
input,select,textarea{outline:none;border:none;background:none;}
input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button {
        -webkit-appearance: none;
}
input[type=number]{ -moz-appearance: textfield; };
textarea{resize:none;}
.fl{float: left;}
.fr{float: right;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}
img.dblock{ display: block; margin:auto; }
/* body{ background: #035A95; } */
em.bld{ color: #111c72; font-weight: bold; }
.logo{ color: #fff; font-size: 16px; }

button.btn{ min-width: 110px; height: 34px; line-height: 14px; padding: 5px 10px; text-align: center; border-radius: 5px; border:none; cursor: pointer; font-size: 14px; cursor: pointer; }
button.default{ background: #fff; color: #2f356e; }
button.red{ background: #005f9f; color: #fff; }
button.gray{ background: #e6e6e6; color: #b4b4b4; }
button.darkBlue{ background: #111c72; color: #fff; }
button.btnBlue{ min-width: 60px; height: 30px; background: #297fff; color: #fff; }
button.btnRed{ min-width: 60px; height: 30px; background: #e60012; color: #fff; }

button.btn:disabled{ background: #e6e6e6; color: #b4b4b4; cursor: default; }

.stepTable table,.stepTable table tr th,.stepTable table tr td { border:1px solid #fff; }
.step{ min-height: 790px; }
.stepTable{ margin:auto; padding: 28px 0; }
.stepTable table{ margin:auto; border-collapse: collapse; border-spacing: 0; font-size: 12px; }
.stepTable table td{ padding: 10px 5px; }
.stepTable table td input,.stepTable table td select{ font-size: 12px; }
.stepTable table td.inst{ padding: 0; }
.stepTable table .tablehead i{ color: #9097c7; }
.stepTable .tablehead{ background: #005f9f; color: #fff; text-align: center; }
.stepTable .tablebody td{ background: #e6e6e6; color:#333; text-align: center; }
.stepTable .tablebody-preview td{ background: #e6e6e6; color:#333; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.header{ padding: 20px; }
.handle{ margin-top: 5px; }
.logort{ display:inline-block; width: 722px; margin-left: 10px; vertical-align: middle; }
.logort span{ color:#717cac; font-size: 12px;}
.logort em{ color: #f59830; }

.userbutton{ margin-right: 15px; }
.signContainer{ margin: 30px; margin-top: 0; background: #fff; border-radius: 5px; }
.menu{ height: 45px; background: #0e258b; }
.menu li{ float: left; width: 200px; height: 45px; line-height: 45px; text-align: center; }
.menu li:first-child{ line-height: 18px; }
.menu li:first-child a{ padding-top: 5px;}
.menu li.cur{ background: #e0e0e0; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.menu li.cur a{ color: #0e258b; font-weight: bold; }
.menu li.sp2{ width: 142px; }
.menu li.sp3{ width: 186px; }
.menu li.sp4{ width: 156px; }
.menu li.sp5{ width: 316px; }
.menu li.sp6{ width: 342px; }
.menu li.sp7{ width: 236px; }
.menu li.sp8{ width: 256px; }
.menu li a{ display: block;	 color: #fff; }

.step{ padding: 0 20px; }

.tip p{ line-height: 30px; }

.tipsBackContainer{ position: fixed; z-index:999; left:0; top: 0; right: 0; bottom: 0; }
.tipsMsg{ position: absolute; width: 260px; height: 60px; line-height: 60px; font-size: 14px; left: 50%; top: 50%; margin-left:-130px; margin-top: -30px; border: 1px solid #ccc; border-radius: 5px; background:#fff; text-align: center; box-shadow: 0 0 20px -4px #666; -webkit-box-shadow: 0 0 20px -4px #666; }
.tipsMsg-close{ float:right; margin-top: 0px; margin-right: 10px; color: #999; }
.tipsMsg-close>i{ font-size: 24px; }
.tipsMsg .uploadicon{ display:inline-block; color:#FFBA00; font-size: 20px; vertical-align: top; }
.tipsMsg .complete{ display:inline-block; color:#00aa55; font-size: 20px; vertical-align: top;  }
.tipsMsg .warn{ display:inline-block; color:#FFBA00; font-size: 20px; vertical-align: top; }
#edui1_bottombar{display:none;}


.tipsPops{ display: none; position: fixed; width: 600px; height: 260px; left: 50%; top: 50%; margin: -120px 0 0 -300px; background: #fff; border-radius: 5px; overflow: hidden; box-shadow: 0 0 20px -3px #9e9e9e; }
.tipsPops h1{ padding-left: 20px; line-height: 40px; background: #111c72; color: #fff; font-size: 14px; }
.tipsPops .close{ float: right; margin-right: 20px; }
.tipsContent h2{ padding: 24px 0 20px; font-size: 14px; color: #333; text-align: center; }
.tipsContent p{ padding: 0 25px; line-height: 20px; }
.tipsContent p strong{ color: #e60012; }
.closebtn.gray{ display: block; width: 60px; margin: 10px auto; color: #333; }

.submitPops{ display: none; position: fixed; width: 346px; height: 190px; left: 50%; top: 50%; margin: -95px 0 0 -173px; background: #fff; border-radius: 5px; overflow: hidden; box-shadow: 0 0 20px -3px #9e9e9e; }
.submitPops h1{ padding-left: 20px; line-height: 40px; background: #111c72; color: #fff; font-size: 14px; }
.submitPops .close{ float: right; margin-right: 20px; }
.subContent{ padding: 30px 0 36px; }
.subContent p{ padding: 0 25px; line-height: 20px; }
.subContent p em{ color: #111c72; }
.subfoot{ padding:0 25px 15px; }
.subfoot button.btn{ float: right; min-width: 60px; width: 60px; margin-left: 20px; }

.confirmPops{ display: none; position: fixed; width: 346px; height: 190px; left: 50%; top: 50%; margin: -95px 0 0 -173px; background: #fff; border-radius: 5px; overflow: hidden; box-shadow: 0 0 20px -3px #9e9e9e; }
.confirmPops h1{ padding-left: 20px; line-height: 40px; background: #111c72; color: #fff; font-size: 14px; }
.confirmPops .close{ float: right; margin-right: 20px; }
.cmContent{ padding: 30px 0 36px; }
.cmContent p{ padding: 0 25px; line-height: 20px; }
.cmContent p em{ color: #111c72; }
.cmfoot{ padding:0 25px 15px; }
.cmfoot button.btn{ float: right; min-width: 60px; width: 60px; margin-left: 20px; }

.resumePops{ display:none; position: fixed; width: 750px; height: 274px; left: 50%; top: 50%; margin: -137px 0 0 -375px; padding: 20px; background: #fff; border-radius: 5px; box-shadow: 0 0 20px -3px #9e9e9e; box-sizing: border-box; -webkit-box-sizing: border-box; }
.resumePops h1{ margin-bottom: 16px; font-size: 16px; color: #444444; line-height: 16px; }
.resumePops h1:before{ content: " "; display: inline-block; width: 3px; height: 16px; margin-right: 10px; background: #111c72; vertical-align: middle; }
.resumePops textarea{ display: block; width: 100%; height: 140px; margin-bottom: 20px; padding: 5px; border: 1px solid #e7e7e7; }
.resumeBtn button.btn{ float: right; margin-left: 20px; }

.cfmPops{ position: fixed; width: 346px; height: 190px; left: 50%; top: 50%; margin: -95px 0 0 -173px; background: #fff; border-radius: 5px; overflow: hidden; box-shadow: 0 0 20px -3px #9e9e9e; }
.cfmPops h1{ padding-left: 20px; line-height: 40px; background: #111c72; color: #fff; font-size: 14px; }
.cfmPops .cfmclose{ float: right; margin-right: 20px; }
.cfmContent{ padding: 12px 0; }
.cfmContent p{ padding: 0 25px; line-height: 20px; }
.cfmContent p em{ color: #111c72; }
.cfmfoot{ padding:0 25px 15px; }
.cfmfoot button.btn{ float: right; min-width: 60px; width: 60px; margin-left: 20px; }

.previewPops{ display:none; position: fixed; width: 1000px; height: 628px; left: 50%; top: 50%; margin: -314px 0 0 -500px; background: #fff; box-shadow: 0 0 20px -3px #9e9e9e; box-sizing: border-box; -webkit-box-sizing: border-box; }
.view1{ width: 130px; }
.view2{ width: 130px; }
.view3{ width: 200px; }
.view4{ width: 130px; }
.view5{ width: 406px; }
.previewPops .stepTable{ position:relative; padding: 0; }
.previewPops .stepTable td{ height: 44px; padding: 0; text-align: center; }
.previewPops .stepTable table,.previewPops .stepTable tbody{ margin: 0; border:none; }
.close2{ position:absolute; width: 44px; height: 45px; right: 0; top: 0; background: #e1000f; text-align: center; cursor:pointer;}
.close2:before{ content:" "; display:inline-block; width:0; height: 100%; vertical-align: middle;}
.close2 img{ display:inline-block; max-with: 100%; vertical-align: middle; }

.previewBody{ height: 573px; overflow-y:auto;}

.kpage{ margin: 10px 0;}
#pageTool{ float:right; }
.ui-paging-container li.js-page-first,.ui-paging-container li.js-page-last{ display:none; }


.boxPops{ display:none; position: fixed; width: 750px; height: 216px; left: 50%; top: 50%; margin: -137px 0 0 -375px; padding: 20px; background: #fff; border-radius: 5px; box-shadow: 0 0 20px -3px #9e9e9e; box-sizing: border-box; -webkit-box-sizing: border-box; }
.boxPops h1{ margin-bottom: 16px; font-size: 16px; color: #444444; line-height: 16px; }
.boxPops h1:before{ content: " "; display: inline-block; width: 3px; height: 16px; margin-right: 10px; background: #111c72; vertical-align: middle; }
.boxPops input{ display: block; width: 100%; height: 40px; margin-bottom: 20px; padding: 5px; border: 1px solid #e7e7e7; }
.boxBtn button.btn{ float: right; margin-left: 20px; }
.st{ color:green; }
.submittp{ display:block; margin: 20px auto 10px; width: 150px; height: 40px; background: #005f9f; color: #fff; cursor: pointer; border:none}

@media screen and (min-width:720px) and (-webkit-min-device-pixel-ratio: 1.25) {
    .app-main {
        transform: scale(0.799, 0.799); 
        transform-origin: center top;
    }
}

@media screen and (min-width:720px) and (-webkit-min-device-pixel-ratio: 1.5) {
    .app-main {
        transform: scale(0.665, 0.665); 
        transform-origin: center top;
    }
}

.custom-btn-colors .layui-layer-setwin .layui-layer-close {
  color: #fff !important; /* 白色X */
  font-size: 18px !important;
}

.custom-btn-colors .layui-layer-btn0 {
  background: #91AADF !important;
  color: white !important;
  border: none !important;
}

.custom-btn-colors .layui-layer-btn a:hover {
  transform: translateY(-2px);
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

.hight-red {
  color: red;
  /*font-weight: bold;*/
}
.hight-blue {
  color: #96A0CA;
  font-weight: bold;
}

.select-ranking {
  text-align:center;
}

.select-ranking-selected {
  color: #96A0CA;
}
.header-normal-padding {padding:20px;}

@media screen and (min-width:300px) and (max-width: 720px) {
    html,body{ 
  	
	background-size: contain;

  }
}