.box input {
  outline: none;
}

.black_overlay {
  display: none;
  /* 此元素不会被显示*/
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: #000;
  z-index: 1001;
  /* z-index 属性设置元素的堆叠顺序。*/
  opacity: 0.6;
  /* opacity 属性设置元素的不透明级别。*/
}

.white_content {
  display: none;
  position: fixed;
  top: 35%;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: white;
  z-index: 1002;
  /*层级要比.black_overlay高，这样才能显示在它前面*/
  overflow: auto;
}

.box {
  width: 20%;
  height: auto;
  /* 如果想去掉滚轴请用min-height */
  /* min-height: 350px;  */
  max-width: 500px;
  position: absolute;
  left: 50%;
  margin-left: -150px;
  text-align: center;
  box-shadow: 10px 10px 33px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 10px 10px 33px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 10px 10px 33px 0px rgba(0, 0, 0, 0.2);
}

.box div {
  text-align: left;
  margin-left: 40px;
  line-height: 35px;
}

.box div font {
  display: inline-block;
  /* min-width: 100px;
	max-width: 160px; */
  width: 70px;
}

.box div span {
  width: 70%;
  display: inline-block;
  margin-left: 4px;
  margin-bottom: 4px;
  font-family: "Microsoft soft";
}

.box .font_title {
  letter-spacing: 6px;
  margin-top: 30px;
  margin-bottom: 30px;
  font-size: 20px;
  font-family: "Microsoft soft";
}

.box .btn {
  width: auto;
  height: 34px;
  border-width: 0px;
  border-radius: 6px;
  padding: 0 10px 0;
  background: #4ecdc4;
  cursor: pointer;
  outline: none;
  color: white;
  font-size: 16px;
  margin-right: 6px;

  /*文本不被选中*/
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.box .bottom_btn {
  width: 130px;
  margin-bottom: 20px;
  position: relative;
  top: 0px;
  left: 50%;
  transform: translateX(-90px);
}

.box .form_submit {
  margin-bottom: 30px;
}

.box .form_submit input {
  width: 100%;
  outline-style: none;
  border: 1px solid #ccc;
  border-radius: 3px;
  font-size: 14px;
  font-weight: 700;
  font-family: "Microsoft soft";
}

.box .form_submit input:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(102, 175, 233, 0.6);
}

@media screen and (min-width: 212px) {
  /*213px显示屏样式 LG Optimus One*/
  .box {
    width: 80%;
  }
}
@media screen and (min-width: 319px) {
  /*320px显示屏样式 苹果4/4S/5C/5S黑莓Z30 */
  .box {
    width: 80%;
  }
}
@media screen and (min-width: 359px) {
  /*360px显示屏样式 索尼Z1*/
  .box {
    width: 80%;
  }
}
@media screen and (min-width: 383px) {
  /*384px显示屏样式 黑莓Z10 谷歌 Nexus 6 LG Optimus G*/
  .box {
    width: 80%;
  }
}
@media screen and (min-width: 399px) {
  /*399px显示屏样式 三星galaxyNote*/
  .box {
    width: 80%;
  }
}
@media screen and (min-width: 414px) {
  /*414px显示屏样式 苹果6plus*/
  .box {
    width: 80%;
  }
}
@media screen and (min-width: 423px) {
  /*424px显示屏样式 LG 4X */
}
@media screen and (min-width: 479px) {
  /*480px显示屏样式 索尼MT27i Xperia sola*/
}
@media screen and (min-width: 539px) {
  /*640px显示屏样式 摩托罗拉Droid3/4/Razr Atrix 4g*/
}
@media screen and (min-width: 639px) {
  /*640px显示屏样式*/
}
@media screen and (min-width: 640px) {
  /*640px以上显示屏样式*/
}

@media (min-width: 480px) {
  .box {
	width: 350px;
  }
}

@media (min-width: 768px) {
  .box {
    width: 400px;
  }
}
@media (min-width: 992px) {
  .box {
    width: 30%;
  }
}
@media (min-width: 1200px) {
}