*{
	margin: 0;
	padding: 0;
}
body{
	background: #FAFAFA;
	font-family:microsoft YaHei;
}

.clearfix::after{
	content: '';
	display: block;
	clear: both;
}

.form-group{
	  background: #ffffff;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  width: 4.78rem;
  height: 0.68rem;
  margin: auto;
  padding-top: 0.2rem;
  margin-top: 0.4rem;
}
.col-xs-1{
	
  width: 0.4rem;
  height: 0.28rem;
  float: left;
  margin-left: 0.2rem;
  margin-right: 0.1rem;
}
.col-xs-1 label{
	width:3.40rem;
height:0.28rem;
}
.col-xs-1 img{
	width: 100%;
}

.col-xs-7{
	background:#cccccc;
width: 3.6rem;
  height: 0.5rem;
	float:left;
}
.col-xs-7 input{
	width: 100%;
	height: 100%;
	outline: none;
 	border: none;
}

.swiper-pagination-clickable  .swiper-pagination-bullet{
	  background: rgba(255, 255, 255, 0);
  	  opacity: 1;
	  border: 1px solid white;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active{
	background: white;
}


.download .swiper-pagination-clickable  .swiper-pagination-bullet{
	  background: #cccccc;
  	  opacity: 1;
	  border: none;
}

.download .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background: #00c3ac;
}
.banner{
	width: 100%;
	height: auto;
}
.swiper-slide img{
	width: 100%;
}

.banner-word{
	width: 5.04rem;
	margin: auto;
	margin-top: 0.6rem;
}


.banner-word p.product{
	
font-size:0.36rem;
color:#323232;
line-height:36px;
text-align:center;
}


.banner-word p.word2{
	
font-size:0.28rem;
color:#666666;
line-height:28px;
text-align:center;
	margin-top: 0.3rem;
}

/**
	downloadApp
**/

.download-app-wrap{
	width: 6.9rem;
	margin: auto;
	background:#ffffff;

	margin-top: 0.4rem;
}
.download.swiper-container{
	box-shadow:0 1px 10px 0 rgba(0,0,0,0.05);
border-radius:8px;
}
#download-swiper-pagination{
	bottom: -1rem;
}

.download-app-wrap .swiper-container{
	overflow: initial;
}
.download-app-wrap .bao{
	
}
.download-app-wrap .bao p{
	text-align: center;
}
.download-app-wrap .bao p img{
	width: 0.8rem;
	margin: auto;
	margin-top: 0.6rem;
	display: block;
}
.download-app-wrap .bao p .word01{
	
font-size:0.32rem;
color:#323232;
line-height:32px;
text-align:center;
margin-top: 0.2rem;
display: block;
}
.download-app-wrap .bao p .word02{
	
font-size:0.24rem;
color:#666666;
line-height:24px;
text-align:center;
margin-top: 0.2rem;
display: block;
}

.install{
	background:#00c2ab;
border:1px solid #00b39e;
border-radius:40px;
width:3.98rem;
height:0.78rem;
	margin: auto;
	margin-top: 0.3rem;
	line-height: 0.78rem;
	font-family:microsoft YaHeii;
font-size:0.28rem;
color:#ffffff;
text-align:center;
}
.install:hover{
	cursor: pointer;
}
.bao p.phone{
	
}
.bao p.phone img{
	margin-top: 0.75rem;
	width: 100%;
}

.bao p.description{
	margin: auto;
	margin-top: 0.6rem;
	width: 6.3rem;
	
font-size:0.24rem;
color:#666666;
text-align:justify;
}

.bao p.latest-version ,.bao p.whitelist-version{
	margin: auto;
	width: 6.3rem;
	font-size:0.24rem;
color:#666666;
line-height:24px;
text-align:justify;
}
.bao p.update-time ,.bao p.whitelist-update-time{
	margin: auto;
	width: 6.3rem;
	font-size:0.24rem;
color:#666666;
line-height:24px;
text-align:justify;
  margin-bottom: 0.4rem;
}

#download-modal{
	background:#ffffff;
	border-radius:16px;
	width:5.6rem;
	//height:5.6rem;
	z-index: 15;
	display: none;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -2.8rem;
	//margin-top: -2.8rem;
}

#download-shade{
	background:rgba(0,0,0,0.50);
width:100%;
height:12.06rem;
z-index: 5;
	display:none;
	position: fixed;
}

.close{
	width: 0.24rem;
	display: block;
	position: absolute;
	right: 0.32rem;
	top: 0.32rem;
}

.close img{
	position: absolute;
	width: 100%;
	
}
.welcome{
	
font-size:0.32rem;
color:#323232;
letter-spacing:0;
line-height:32px;
text-align:center;
margin-top: 0.6rem;
}



#lastAppForm{
	font-size: 0.28rem;
}

.lastAppOKButton{
	background:#00c2ab;
border-radius:8px;
width:4.80rem;
height:0.8rem;
	text-align:center;
	line-height:0.8rem;
	color: white;
	margin: auto;
	
	
}

.error-msg{
	color: red;
	
  width: 4.78rem;
  margin: auto;
  margin-top: 0.1rem;
  height: 0.48rem;
}

#openInBrowerWrap{
	width: 100%;
  	display: none;
  position: fixed;
  height: 100px;
  z-index: 7;
	
}

#openInBrowerWrap p{
	  width: 4rem;
  color: white;
  font-size: 0.28rem;
  z-index: 15;
  position: absolute;
  left: 50%;
  margin-left: -2.4rem;
  top: 73px;
}

.HmModal{
       background: rgba(0,0,0,0.50);
       width: 100%;
       height: 100%;
       z-index: 5;
       display: none;
       position: fixed;
}


#openHm{
       width: 60%;
       height: 1.2rem;
       position: fixed;
       top: 45%;
       left: 14%;
       z-index: 7;
       background-color: #fff;
       border-radius: 0.1rem;
       font-size: 0.32rem;
       text-align: center;
       padding:0.4rem;
       color:#323232;
}








#openInBrower{
	  width: 1.6rem;
  height: 1.76rem;
  position: absolute;
  z-index: 12;
  
   right: 0.4rem;
}

#openInBrower img{
	width: 100%;
}

.form-group-code{
	width: 4.78rem;
	height: auto;
	margin: auto;
	display: none;

}
.form-group-code-input{
	  background: #ffffff;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  width: 2.5rem;
  height: 0.68rem;
  
  padding-top: 0.2rem;
  margin-top: 0.4rem;
  float: left;
}
.form-group-code-img{
	background: #ffffff;
    border: 1px solid #d9d9d9;
    border-radius: 8px;
    width: 2rem;
    height: 0.88rem;
    padding-top: 0rem;
    margin-top: 0.4rem;
    float: right;
}
.form-group-code-img img{
	width: 100%;
    height: 100%;
}
.modal-hide{
	height:5.6rem;
	margin-top: -4.08rem;
}
.modal-show{
	height:6.88rem;
	margin-top: -4.08rem;
}
#numCode{
	outline: none;
 	border: none;
 	width: 100%;
    padding: 0 0.2rem;
    box-sizing: border-box;
}