body{min-width: unset; max-width: 750px; margin: 0 auto; background: #c9c6c6;}
.flex{display: flex;}
#main{padding-top: 0; position: relative; background: #fff;}
.formMain{padding:0.7rem 0.46rem; box-sizing: border-box;}
.formMain .layui-form-item{flex-direction: column; display: flex;margin-bottom: 0.48rem;}
.formMain .lastItem{margin-top: 0.66rem; margin-bottom: 0;}
.formMain .layui-form-label{text-align: left; padding-left:0;}
.formMain .layui-input-block{margin-left: 0;}
.star{color: red;}
.topimg{ width:100%;  overflow: hidden; }
.topimg img{ width:100%;  }
.formMain .layui-input{width:100%; height:0.9rem; border-radius: 0.04rem; background: #f2f2f2; font-size: 0.32rem; border-width: 1.5px; border-color: #f2f2f2;}
.formMain .item1{justify-content: space-between; flex-direction: inherit;}
.formMain .item1::after{display: none;}
.formMain .item1 .layui-input-block{width:48%; }
.join{  background: #1e7bba; border:none; width:100%; height:0.94rem; color: white; font-size: 0.36rem; border-radius: 0.08rem; outline: none;  }
.layui-input:focus {  border-color: #1e7bba!important; color: #1e7bba; }
.layui-input:focus::-moz-placeholder{color:#1e7bba; }
.layui-input:focus::-webkit-input-placeholder{color:#1e7bba; }
.layui-input:focus::-moz-placeholder{color:#1e7bba; }
.layui-input:focus::placeholder{color:#1e7bba; }

.formMain .bref{font-size: 0.28rem; color: #a6a6a6; line-height: 1.2; margin-top: 1rem;}

#layerOpenCont{position: fixed; width:100%; height: 100vh; background: rgba(0, 0, 0, 0.6);z-index: 3;left: 0; top: 0; visibility: hidden; opacity: 0;  transition:opacity 0.3s linear, visibility 0.3s linear; }
 #layerOpenCont.on{visibility: visible; opacity: 1;}
.layerContent{
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 height: 100%;
 text-align: center; padding: 0 0.3rem; box-sizing: border-box;  position: absolute; left:50%; top:50%; transform: translate(-50%,-50%);height: 7.6rem;
 width:90vw;  background: #fff;  border-radius: 4px;
}
.layerContent .icon1{width:0.76rem; height:0.76rem;}
.layerContent .p1{font-size: 0.36rem; color: #595959; margin: 0.28rem 0 0.52rem;}
.layerContent .text{background: #f2f2f2;  border-radius: 4px; font-size: 0.26rem; color: #a6a6a6; padding: 0.48rem 0.3rem; line-height: 1.5; box-sizing: border-box; text-align:center; margin-top: 0.3rem; width: 90%;}
.layerContent .text p{margin-bottom: 0.2rem;}
.layerContent .text .p2{ font-size: 0.34rem; color: #737373; display: flex; align-items: center; justify-content: center}
.layerContent .text .p2 .icon2{ width: 0.3rem; height: 0.3rem; margin-right: 0.18rem;}
.layerContent .bottomLine{ width: 100%; height:0.16rem; background: #1e7bba; position: absolute; left:0; bottom: 0; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;}
.layerContent .closeIcon{ width: 0.2rem; height:0.21rem;  position: absolute; right:0.24rem; top: 0.24rem; }
 .layerContent .p1 {margin: 0.28rem 0 0.2rem;}
 .layerContent .look{
  color: #595959;
  font-size: 0.28rem;
  line-height: 1.4;
 }

 .layerContent .p2{  font-size: 0.34rem;}



 @media screen and (min-width: 768px) {
  .infoPageMain{max-width: 100%; background: #fff;}
  .infoPageMain #main{display: flex; height: 100vh;align-items: center;}
  .infoPageMain #main .topimg{width:41.66%; height: 100%;  }
  .infoPageMain #main .formMain{width:calc(100% - 41.66%); padding: 0; height: 100vh; overflow-y: auto;  padding: 2rem 0; box-sizing: border-box; }
  .infoPageMain .formMain .layui-input{ height: 60px; font-size: 18px; }
  .infoPageMain form { width: 600px; margin: 0 auto; }
  .infoPageMain .formMain .layui-form-item { margin-bottom: 28px; }
  .infoPageMain .join { height: 60px; font-size: 19px; cursor: pointer; }
  .infoPageMain .formMain .lastItem { margin:0; }
  .infoPageMain .formMain .bref{font-size: 14px; margin-top: 28px;}
  .infoPageMain .layerContent .p1{font-size: 0.3rem;}
  .infoPageMain .layerContent .look{font-size: 0.2rem;}
  .infoPageMain .layerContent .text{font-size: 0.22rem;}
  .infoPageMain .layerContent .text .p2{font-size: 0.3rem;}
  .layui-layer{border-radius: 6px;}
  .closeIcon{cursor: pointer;}
  .layerContent{height: 6.8rem;width: 7rem;max-width: 700px}
 }

 @media screen and (min-width: 768px) and (max-width: 1200px) {
  .infoPageMain form{width: 8rem;}
 }