
.baoming-Sign {
  background: url(../img/bmbgsign.jpg) top center no-repeat #60aba7;
  background-size: 100%;
  -webkit-background-size: 100%;
  -moz-backface-visibility: 100%;
  padding: 1em;
}
.baoming-Invation {
  background: url(../img/bmbginvation.jpg) top center no-repeat #60aba7;
  background-size: 100%;
  -webkit-background-size: 100%;
  -moz-backface-visibility: 100%;
  padding: 1em;
}
.baoming-Meet {
  background: url(../img/bmbgmeet.jpg) top center no-repeat #60aba7;
  background-size: 100%;
  -webkit-background-size: 100%;
  -moz-backface-visibility: 100%;
  padding: 1em;
}
.baoming-Kefu {
  background: url(../img/bmbgkefu1.jpg) top center no-repeat #60aba7;
  background-size: 100%;
  -webkit-background-size: 100%;
  -moz-backface-visibility: 100%;
  padding: 1em;
}
.baoming-swipe {
  background: url(../img/bmbg.jpg) top center no-repeat #60aba7;
  background-size: 100%;
  -webkit-background-size: 100%;
  -moz-backface-visibility: 100%;
  padding: 1em;
}
.baoming-swipe ul li {
  /*display: -webkit-flex; */
  /* Safari */
  /*display: flex;*/
  width: 100%;
  /*flex-direction: row;*/
  /*justify-content: space-between;*/
  /*align-items: center;*/
  margin: 0.5em 0;
}
.baoming-swipe ul li label {
  flex: 1;
  font-size: 14px;
  color: white;
}
.baoming-swipe form {
  margin-bottom: 2em;
  margin-top: 55%;
}
.baoming-swipe ul li .inputcontent {
  flex: 4;
  padding: 0.5em 1em;
}
.baoming-swipe input[type='text'] {
  font-size: 1em;
  width: 100%;
  padding: 0.5em 1em;
  border: none;
  -webkit-appearance: none;
  outline: none;
}
.baoming-swipe input.codeinput {
  -webkit-box-flex: 2; /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 2; /* OLD - Firefox 19- */
  width: 30%; /* For old syntax, otherwise collapses. */
  -webkit-flex: 2; /* Chrome */
  -ms-flex: 2; /* IE 10 */
  flex: 2; /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.inputcontent .note {
  font-size: 0.8em;
  color: #fff;
  text-align: left;
  margin-top: 10px;
}
#banner .aTitle {
  text-align: center;
  color: #fff;
  font-size: 22px;
  margin-top: 20%;
  margin-bottom: 20px;
  line-height: 1;
}
#banner .subTitle {
  font-size: 26px;
  text-align: center;
  color: #fff;
  line-height: 1;
  margin-bottom: 28px;
  font-weight: 600;
}
.desc {
  text-align: left;
  margin-left: 10%;
  margin-right: 10%;
  margin-top: 61%;
  font-family: "方正兰亭中黑";
  color: #000;
  font-size:5px;
  line-height: 1;
}
.desc p{
  text-indent: 1em;
  line-height: 16px;
  margin: 7px 0px;
}
#banner .last {
  margin-bottom: 15%;
}
#banner .cont {
  color: #fff;
  text-align: center;
  margin-bottom: 6%;
}

#banner .cont span {
  font-size: 20px;
  font-weight: 600;
  vertical-align: middle;
  margin-left: 10px;
}
#banner .cont i {
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
  overflow: hidden;
  width: 24px;
  height: 24px;
}
#banner .cont i img {
  width: 100%;
  height: 100%;
}
#banner .contTwo i {
  width: 28px;
  height: 24px;
}
#banner .cont .contBot {
  margin-top: 3%;
}
.identityType {
  display: flex;
}
.identityType span {
  display: inline-block;
  vertical-align: middle;
  flex: 1;
  color: #fff;
  border: 1px solid #d9d9d9;
  padding: 10px 0;
}
.identityType .activeTab{
  background:#008dec;
}
.identityType span:first-child{
    border-right:0;
}
.verify-get {
  /*flex:1;*/
  color: #152e4a;
  background: #ffcd8d;
  border: 0;
  border: none;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  margin: 0;
  padding: 0;
  margin-left: 1em;
}
.confirmbtn {
  width: 46%;
  background: #ffcd8d;
  color: #152e4a;
  font-size: 1.4em;
  /*padding:0.4em 3em;*/
  padding: 0.4em 0;
  border: none;
  -webkit-appearance: none;
  outline: none;
}
span.number {
  color: #f46a21;
  font-size: 1.5em;
  font-weight: bolder;
  margin: 0 0.3em;
}
.success-content {
  font-size: 1.1em;
  color: #f67734;
  animation-delay: 0.8s;
  -webkit-animation-delay: 0.8s;
}
.success-content p {
  color: #fff;
  margin: 1em 0;
}
.success-content p span {
  color: #8b3c13;
}
.codenumber {
  padding: 0.5em 1em;
  width: 50%;
  margin-left: 25%;
  background: #ffffff;
  border: 1px dotted #397673;
  color: #19514e;
  font-weight: bolder;
}
img.title {
  position: relative;
  width: 76%;
  left: 12%;
  margin-top: 10%;
  margin-bottom: 2em;
}
img.title2 {
  position: relative;
  width: 70%;
  left: 15%;
}
.checknum {
  display: block;
  font-size: 1.1em;
  text-align: right;
  margin-top: 1em;
  margin-right: 0.5em;
}
.checknum span {
  color: #a39b77;
  font-size: 0.8em;
}
.btn-content {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
}
.confirmbtn.backbtn {
  width: 100%;
}
