@import "../../temp/public/layui/css/layui.css";
@import "../../temp/public/css/layui2.css";
@import "../../temp/public/css/head.css";
@import "../../temp/public/css/table.css";
html{-webkit-text-size-adjust: none;}
.a {
  color: #5294f9;
}
.printBox p{
  margin: 0 !important;
}
.colorRed {
  color: #e54c4a;
}
.displayNone {
  display: none !important;
}

.pdfNone {
  display: none !important;
}
#imgBox{
  width: 80%;
  height: 80vh;
}
.borderRadius{
  border-radius:4px;
}
.bgfff{
  background: #fff;
}
.mb20 {
  margin-bottom: 20px;
}
.mb10 {
  margin-bottom: 10px;
}

.pad20 {
  padding: 20px;
}
.pad10 {
  padding: 10px;
}
.mad10 {
  margin: 10px;
}
.plr {
  padding: 0 20px;
}
.mlr {
  margin: 0 20px;
}
.ml10{
  margin-left: 10px;
}
.ml20{
  margin-left: 20px;
}
.ml40{
  margin-left: 20px;
}
.mt20 {
  margin-top: 20px;
}
.mt10 {
  margin-top: 10px;
}
.mr {
  margin-right: 20px !important;
}
.mr5 {
  margin-right: 5px !important;
}
.vh90 {
  height: 90vh !important;
  margin-top: 5vh;
}
.textAlignCenter {
  text-align: center;
}
.ruiJustify {
  display: inline-block;
  text-align: justify;
  text-align-last: justify;
}

.flexBox {
  display: flex;
  align-items: center !important;
}
.flex {
  flex: 1;
}
.border {
  border: 1px solid #ccc;
}


.textOverflow {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}

.layui-input{
  height: 32px !important;
}
.imgs {
  width: 100%;
  border: 1px solid #ececec;
  display: block;
}
.width100 {
  width: 100%;
}
.inputMaxWidth {
  width: 79%;
  display: inline-block;
}
.inputWidth {
  width: 79%;
  display: inline-block;
}
.inputWidth3 {
  width: 76%;
  display: inline-block;
}
.inputMinWidth {
  width: 144px;
  display: inline-block;
}
.inputSmWidth {
  width: 84px;
  display: inline-block;
}
.overflowY {
  overflow-y: scroll;
}
.ECBB49 {
  border-left: 5px solid #ecbb49 !important;
  color: #303133 !important;
  background: #fff;
  padding: 0 15px;
}
.borderTop{
  border-top: 1px solid #f4f6f8;
}
.borderLeft{
  border-left: 1px solid #f4f6f8;
}
.quote{
    border-left: 2px solid #ecbb49 !important;
  color: #303133 !important;
  background: #fff;
  font-size: 14px;
  font-weight: 500;
  padding: 0 15px;
}
.bgECBB49 {
  background-color: #ecbb49 !important;
}
.colorfff{
  color: #fff !important;
  font-weight: 600 !important;
}
.layui-form-item {
  width: 100%;
}
.layui-form-label {
  text-align: right;
}
.block {
  display: block !important;
  color: #ecbb49 !important;
}
.layui-form-radio > i:hover,
.layui-form-radioed > i {
  color: #ecbb49 !important;
}
.layui-input-block {
  margin-left: 0px;
}
.postitionRelative {
  position: relative;
  top: 0;
}
.postitionAbsolute {
  position: absolute;
  top: 20px;
  right: 20px;
}
.bfb{
  position: absolute;
  right: 15px;
  top:10px;
}
.justifyContentCenter{
  justify-content: center;

}
.notAvailable {
  width: 105px;
  height: 135px;
  background: #ebeef5;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  color: #333;
}
.available {
  width: 105px;
  height: 135px;
  margin: 0 auto 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.imgContract {
  width: 105px;
  height: 135px;
}
.viewer-container{
  z-index:99999999 !important;
}
.markBox{
     width: 100%;
    height: 100%;
   z-index:99999999 !important;
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
}
#closeBtn{
  position: absolute;
  right: 1%;
  top:1%;
}
.box{
  position: absolute;
  left:5%;
  top:5vh;
  width: 90%;
  height: 90vh;
}
.printBox{
  margin: 0 auto;
   /* width: 170mm; */
   /*  height: 200mm; 
    overflow-y: scroll;
    padding:0 40px ; */
  font-family: '宋体-简 常规体';
  color: #000;
  font-size: 10px;
  background: #fff;
  letter-spacing:1px;
  border-radius: 20px;
}

.pageHead{
  margin-left: 58%;
}
.pLabel{
  width: 140px;
}
.sideLabel{
  width: 55px;
}
.blankLabel{
  width: 85px;
}
.contractName{
   font-size: 18px;
  font-weight: 600;
  padding: 10px 0 30px;
  text-align: center;
}
.mh{
  width: 3px;
}
.contractTip{
  text-indent: 2em;
}
.fontB{
  font-weight: 600;
}
.flexS{
  display: flex;
  align-items: flex-start;
}
.pr5{
  padding-right: 10px;
}

 .BtnBox{
    position: absolute;
    left: 600pt;
    top:20px
}
.numTitle{
  width: 38px;
  text-align: left;
}
.layui-tab-title .layui-this {
    background-color: #fff;
    border-radius: 4px 4px 0 0 !important;
  }
  .justifyContent{
  justify-content: space-between;
}
.layui-laydate-footer .laydate-btns-time{
  color:#ecbb49;
}
.loginHead{
  width: 100%;
  height: 80px;
  color: #303133;
  font-family: '苹方-简 常规体';
  position: relative;
}
.logoImg{
  position: absolute;
  right:20px;
  top:16px;
  height: 48px;
}
.khimg{
  height: 48px;
}
.loginContent{
  width: 100%;
  /* width: 1366px; */
  height:calc(100vh - 80px);
  min-width: 1366px;
  overflow: hidden;
  background-image: linear-gradient(to top right, #0035a6 , #00b5d9);
}
.loginContent img{
  width: 100%;
}

@media screen and (max-width: 1366px) {
  .loginImgBox{
  position: absolute;
  left: 0;
  top:0;
  width: 60%;
  z-index: 999 !important;
}
.loginBox{
    position: absolute;
    right: 0;
    top: 20%;
    width:400px;
    z-index: 9999 !important;
    padding: 0 8% 0 0;
}

 } 
 
@media screen and (min-width: 1367px) and (max-width: 1440px) {
  .loginImgBox{
  position: absolute;
  left: 0;
  top:0;
  width: 64%;
  z-index: 999 !important;
}
.loginBox{
    position: absolute;
    right: 0;
    top: 20%;
    width:400px;
    z-index: 9999 !important;
    padding: 0 10% 0 0;
}
.loginBox input{
  height: 40px !important;
  font-size: 14px !important;
}
.loginBtn{
  height: 40px !important;
}
 } 
 @media screen and (min-width: 1441px) {
  .loginImgBox{
  position: absolute;
  left: 0;
  top:0;
  width: 54%;
  z-index: 999 !important;
  
}
.loginBox{
    position: absolute;
    right: 0;
    top: 20%;
    width:528px;
    z-index: 9999 !important;
    padding: 0 12% 0 0;
}
.loginBox input{
  height: 48px !important;
  font-size: 14px !important;
}
.loginBtn{
  height: 48px !important;
}

 } 

.loginText{
  color: #fff;
  font-size: 16px;
  font-family: '苹方-简 中黑体';
  text-align: center;
}
.formBox{
  padding:50px;
}
.bold{
  font-size: 20px;
  font-weight: 700;
}
.formBox input{
  font-size: 12px;
}

xm-select > .xm-label .xm-label-block > span{
    color: #606266 !important;
}
xm-select .xm-label .xm-label-block{
  background-color:#F9FAFB !important;
}
xm-select > .xm-label .xm-label-block > i{
    color: #606266 !important;
}
xm-select > .xm-body .xm-option-icon{
  color: #ecbb49 !important;
}


/* footer */
.fl {
  float: left;
}

.clearfix:after,
.clearfix:before {
  display: table;
  content: " "
}

.clearfix:after {
  clear: both;
  visibility: hidden;
  height: 0;
  line-height: 0
}
.foot-bd{background-color:rgba(56,56,56);color:#D3B365}
.foot-wrapper{margin: 0 auto;
  width: 1200px;}
.foot-bd .main-foot{padding:20px;padding-left:0;overflow: hidden;font-size:12px}
.foot-bd .main-foot .foot-logo-saas .footer-logo{display:inline-block;margin-top:43px;width:120px;height:38px}
.foot-bd .main-foot .foot-logo-saas .footer-logo img{display:block;width:120px;height:38px}
.foot-bd .main-foot .foot-logo-saas{margin-right:20px}
.foot-bd .main-foot .foot-right-main{margin-left:30px;padding-left:20px;height:133px;border-left:1px solid #d7d7d7}
.foot-bd .main-foot .foot-right-main ul{margin-top:31px}
.foot-bd .main-foot .foot-right-main ul li{position:relative;float:left;padding:0 10px}
.foot-bd .main-foot .foot-right-main ul li a,.foot-bd .main-foot .foot-right-main ul li p{color:#fff}
.foot-bd .main-foot .foot-right-main ul li a:hover{color:#D3B365}