*,p{
  padding: 0;
  margin: 0;
}
html,body{
  height: 100%;
  font-family: Microsoft YaHei;
}
form{
      height: 100%;
}
/* 背景层 */
.container-fluid{
  width: 100%;
  height: 100%;
  /* background: #f3f3f3; */
  background-repeat: no-repeat;
  background-image: url("../../images/newimages/bg.png");
  /*background-size: 100% 100%;*/
  min-width: 1000px;
  position: relative;
  min-height: 720px;
  background-position:center top;
}
/* 中间内容层 */
.content_box{
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  min-width: 1000px;
  /*width: 80.73vw;*/
  width:76.73vw;
  height: 83.33vh;
  background: lavender;
  min-height: 600px;
  display: flex;
  box-shadow: 6px 5px 22px 5px rgba(213,215,215,0.5);
}
/* 左边 */
.content_left{
  width: 50.51%;
  height: 100%;
  background: white;
  position: relative;
  /* float: left; */
}
/* 左边logo部分 */
.top_logo{
  display: flex;
  padding-left: 1.35vw;
  padding-top: 2.59vh;
}
.com_logo{
  width: 48.6px;
  height: 39.6px;
}
.com_logo img{
  width: 100%;
  height: 100%;
}
.title_box{
  font-size: 16px;
  margin-left: 0.833vw;
}
.title_box p:first-child{
  font-weight: bold;
}
.title_box p:last-child{
  font-size: 14px;
  padding-top: 2px;
}
/* 左边中间部分 */
.middle_box{
  margin-top: 18.89%;
}
.middle_title{
  display: flex;
  align-items: center;
  /*margin-left: 18.77%;*/
  margin-bottom: 8%;
  justify-content: center;
}
.middle_title div:first-child{
  width: 60px;
  height: 52px;
}
.middle_title div:first-child img{
  width: 100%;
  height: 100%;
}
.hospital_title{
  color: #5D9DFF;
  /* width:406px; */
  height:42px; 
  font-size:35px;
  /*width: 21.15vw;*/
  min-width: 250px;
  margin-left: 1.09vw;
  line-height: 48px;
}
.middle_input{
  width: 42.34%;
  margin: 0 auto;
}
.middle_input div:first-child{
  background-image: url("../../images/newimages/icon-username.png");
  background-position: 7.57% 54%;
  background-repeat: no-repeat;
  background-size: 17.5px 24.5px;
}
.middle_input div:last-child{
  background-image: url("../../images/newimages/icon-pwd.png");
  background-position: 7.35%;
  background-repeat: no-repeat;
  background-size: 18.9px 22.4px;
}
.middle_input input{
  width: 100%;
  height: 6.31vh;
  background: transparent;
  border: 2px solid #F0EEEE;
  outline: none;
  border-radius: 5px;
  padding-left: 19.6%;
  min-height: 40px;
  font-size:17px;
}
.middle_input input::-webkit-input-placeholder { /* WebKit browsers */
  color:    #DBDADA;
}
.middle_input input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color:    #DBDADA;
}
.middle_input input::-moz-placeholder { /* Mozilla Firefox 19+ */
  color:    #DBDADA;
}
.middle_input input:-ms-input-placeholder { /* Internet Explorer 10+ */
  color:    #DBDADA;
}
.middle_input input:focus{
  border-left-color: #3B81ED;
}
.middle_input input[type=text]{
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom: none;
}
.middle_input input[type=text]:-webkit-autofill {
  -webkit-text-fill-color: black !important;
  transition: background-color 5000s ease-in-out 0s;
}
.border{
  width: 100%;
  height: 2px;
  background-color: #F0EEEE;
}
.middle_input input[type=password]{
  border-top: none;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
/* 登录按钮 */
.middle_btn{
  width: 38.2%;
  margin: 8.89% auto 0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
}
.middle_btn .login_btn{
  width: 48%;
  height: 4.72vh;
  min-height: 40px;
  border: none;
  border-radius: 26px;
  background: #5D9DFF;
  color: #FFFFFF;
  outline: none;
  position: relative;
  font-size:18px;
}
.middle_btn .login_btn:hover{
  box-shadow: 0px 2px 4px 0px rgba(175,207,236,1);
}
.middle_btn .login_btn span{
  position: absolute;
  right: 20.29%;
}
/* 点击扫码 */
.click_me{
	
	display:none;
  position: absolute;
  bottom: 2.89%;
  left: 4.6%;
  /* display: flex; */
  /* align-items: center; */
  cursor: pointer;
  color: #007BE5;
  font-size: 17px;
}
.click_me .code{
  /*width: 120px;
  height: 120px;*/
  display: none;
  margin-right: 50px;
}
.click_me .code img{
  width: 100%;
  height: 100%;
}
.click_me-box{
  display: none;
  display: flex;
  align-items: center;
}
.click_me-box div:first-child{
  width: 81px;
  height: 81px;
  margin-right: 0.73vw;
}
.click_me-box div:first-child img{
  width: 100%;
  height: 100%;
  box-shadow: 0px 4px 10px 2px rgba(255,254,240,1); 
}
.click-txt{
  text-align: center;
}
/* .icon-close{
  align-self: flex-start;
  cursor: pointer;
} */
.circle{
  position: absolute;
  bottom: -32px;
  left: 51.09%;
  width: 95px;
  height: 95px;
  transform: scale(0.8);
}
.circle img{
  width: 100%;
  height: 100%;
}
/* 右边图片 */
.content_right{
  width: 49.48%;
  height: 100%;
  /* float: right; */
  
}
.content_right img{
  width: 100%;
  height: 100%;
}

.clear{
  clear: both;
}
/* 底部盒子 */
.footer_box{
	display:none;
  position: absolute;
  bottom: 2.5%;
  width: 100%;
  left: 0;
  right: 0;
  color: #9B9B9B;
  font-size:12px;
}
.footer{
  text-align: center;
}
/*.footer span:first-child{
  margin-right: 1.98%;
}*/
.footer span:nth-child(2){
  margin-right: 1.98%;
}
.footer span:nth-child(4){
  margin-right: 1.98%;
}
/* 媒体查询 */
@media screen and (max-width:1920px){
  .title_box{
    font-size: 18px;
  }
  .title_box p:last-child{
    font-size: 24px;
  }
  .hospital_title{
    font-size: 29px;
  }
  .click_me{
    font-size: 17px;
  }
  .middle_input input{
    font-size: 18px;    
  }
}
@media screen and (max-width:1600px){
  .title_box{
    font-size: 16px;
  }
  .title_box p:last-child{
    font-size: 22px;
    padding-top: 2px;
  }
  .hospital_title{
    font-size: 27px;
  }
  .click_me{
    font-size: 15px;
  }
  .click_me div:first-child{
    transform: scale(0.95);
  } 
  .middle_btn .login_btn{
    font-size: 18px;
  }
  .middle_input input{
    font-size: 17px;    
  }
}
@media screen and (max-width:1500px){
  .hospital_title{
    font-size: 26px;
  }
}
@media screen and (max-width:1440px){
  .hospital_title{
    font-size: 25px;
  }
}
@media screen and (max-width:1366px){
  .title_box{
    font-size: 14px;
  }
  .title_box p:last-child{
    font-size: 20px;
    padding-top:6px; 
  }
  .hospital_title{
    font-size: 24px;
  }
  .click_me{
    font-size: 14px;
  }
  .click_me div:first-child{
    transform: scale(0.85);    
  }
  .circle{
    transform: scale(0.7);
  }
  .middle_btn .login_btn{
    font-size: 16px;
  }
  .middle_input input{
    font-size: 15px;    
  }
}
@media screen and (max-width:1300px){
  .hospital_title{
    font-size: 21px;
  }
}