html{
    font-size: 100px;
}
div.login-top{
	width:100%;
	height:1.5rem;
	line-height: 1.5rem;
	text-align: center;
	/* font-size: 1rem; */
	color:#49b5f1;
}
div.login-top img{
	/* width:36%; */
    width: 0.65rem;
    /* height: 1rem; */
	margin:0 auto;
}
input.tel{
	appearance:none;
    -moz-appearance:none;
    -webkit-appearance: none;
	width: calc(70vw - 0.1rem);
    margin: 0 auto;
    margin-top: 0.6rem;
    border-width: 0;
    border: none;
    border-bottom: 1px solid #ccc;
    font-size: 0.14rem;
    padding: 0.15rem 0.1rem;
    border-radius: 0;
    color: #fff;
    /* display: block; */
    display: inline-block;
}
.dev_tel{
    text-align: center;
}
input.tel1{
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance: none;
    width: 90%;
    margin: 0 5%;
    margin-top: 1rem;
    padding: .5rem 3%;
    border: 1px solid #ccc;
    font-size: 0.7rem;
    border-radius: 0.2rem;
    box-sizing: border-box;
}
::-webkit-input-placeholder{
	color:#ccc;
}
input.chk{
	appearance:none;
    -moz-appearance:none;
    -webkit-appearance: none;
	width: calc(100% - 0.1rem);
    margin-top: 0.1rem;
    padding: .15rem 0.05rem;
    border: 1px solid #ccc;
    font-size: 0.14rem;
    border-width: 0;
    border-radius: 0;
    color: #fff;
    border-bottom: 1px solid #ccc;
}
input.btn{
	appearance:none;
    -moz-appearance:none;
    -webkit-appearance: none;
    width: 1rem;
    height: .3rem;
    /* margin-top: 1.3rem; */
    /* margin-left: 3%; */
    /* padding: .57rem 0; */
    background-color: #20A0FF;
    border-radius: 0.04rem;
    text-align: center;
    font-size: 0.14rem;
    /* background-color: #f5c871; */
    color:#fff;
    position: absolute;
    right: 0;
    top: 0.2rem;
    /* border-color: transparent; */
}
.tip{
    color: #d9534f;
    padding: 0.1rem 15%;
    font-size: .14rem;
    line-height: 0.2rem;
    height: 0.2rem;
    /* min-height: 20px; */
    /* line-height: 20px; */
}
/* .tip{
    color: #d9534f;
    padding: 0.8rem 5%;
    font-size: .6rem;
    min-height: 20px;
    line-height: 20px;
} */
input.login{
	appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
	width:calc(70vw + 0.1rem);
	margin:0 auto;
	height:0.45rem;
	line-height: 0.45rem;
	/* border:1px solid #ccc; */
	font-size: 0.16rem;
	border-radius: 0.05rem;
	background-color: #20A0FF;
	color:#fff;
    display: block;
    /* margin-top: 0.4rem; */
	border-color:transparent;
}
input.login1{
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    width:90%;
    margin:0 5%;
    height:2rem;
    line-height: 2rem;
    border:1px solid #ccc;
    font-size: 0.7rem;
    border-radius: 0.2rem;
    background-color: #f5c871;
    color:rgba(0,0,0,.7);
    border-color:transparent;
}

input.log{
	width:60%;
	margin:0 20%;
	margin-top:1rem;
	height:2rem;
	line-height: 2rem;
	border:1px solid #ccc;
	font-size: 0.7rem;
	border-radius: 0.2rem;
	background-color: #49b5f1;
	color:#fff;
}

ul.list{
	width:100%;
	height:2rem;
	border-bottom:0.5px solid #ddd;
}
div.list-con{
	width:94vw;
	padding:0.5rem 0;
    margin: 0 auto;
    margin-top:15px;
	line-height: 1.5rem;
	background-color:#fff;
	font-size: 0.65rem;
	position:relative;
	color:#666;
    border-radius: 5px;
    box-shadow: 5px 5px 5px #888888;
}
div.list-con .roll{
    width: 100%;
    position: relative;
    height: 4vw;
    padding: 0;
    background: none;
}
.rollRight{
    position: absolute;
    right: 0;
    top: 0;
    width: 2vw;
    height: 4vw;
    display: block;
}
.rollLeft{
    position: absolute;
    left: 0;
    top: 0;
    width: 2vw;
    height: 4vw;
    display: block;
}
div.list-con .rollRight img{
    width: 100%;
    height: 100%;
    /* position: static; */
    top: 0;
    left: 0;
}
div.list-con .rollLeft img {
    width: 100%;
    height: 100%;
    /* position: static; */
    top: 0;
    right: 0;
}
div.list-con .rollLine{
    width: 88vw;
    display: block;
    position: absolute;
    top: 2vw;
    left: 3vw;
    border-bottom: 1px dotted #E0E0E0;
}
.serviceList .list li .roll{
    width: 92vw;
    position: relative;
    left: -2vw;
    height: 4vw;
    padding: 0;
    background: none;
}
.rollRight{
    position: absolute;
    right: 0;
    top: 0;
    width: 2vw;
    height: 4vw;
    display: block;
}
.rollLeft{
    position: absolute;
    left: 0;
    top: 0;
    width: 2vw;
    height: 4vw;
    display: block;
}
.serviceList .list li .rollRight img{
    width: 100%;
    height: 100%;
    /* position: static; */
    top: 0;
    left: 0;
    display: block;
}
.serviceList .list li .rollLeft img {
    width: 100%;
    height: 100%;
    /* position: static; */
    top: 0;
    right: 0;
    display: block;
}
.serviceList .list li .rollLine{
    width: 88vw;
    display: block;
    position: absolute;
    top: 2vw;
    left: 3vw;
    border-bottom: 1px dotted #E0E0E0;
}
div.list-con b.col{
	color:#f00;
}
div.list-con img{
	width:1rem;
	position: absolute;
	right:0.5rem;
	top:3rem;
}
div.list-con span{
	display: inline-block;
	width:3.5rem;
}
div.list-container{
	width:94%;
    margin: 0 auto;
}
div.list-container ul:nth-child(2n+1){
	background-color: #f2f2f2;
}
div.detail-con select{
	width:3.5rem;
	padding:0 0.2rem;
	height:1.3rem;
	border:1px solid #ccc;
	border-radius:5px;
	appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    background:url(../img/arrow2.png) no-repeat center right;
    background-size: 1rem;
    color:#999;
}
div.detail-con select option{
	width:3.5rem;
	height:1.3rem;
	line-height: 1.3rem;
}
div.detail-con span{
	color:#999;
}
div.detail-con select option:first-child{
	background-color: #aaa;
}
ul.list li:nth-child(2){
	width:12%;
}
ul.list li:nth-child(3){
	width:20%;
}
ul.list li:nth-child(4){
	width:43%;
}
ul.list li a{
	color:#f00;
}
div.detail-con{
	width: 90%;
    padding: 12.5px 5%;
    border-bottom: 1px solid #f2f2f2;
    font-size: 0.65rem;
    background-color: #fff;
    color: #666;
    position: relative;
}
div.detail-con b.col{
	color:#f00;
}
div.detail-con:nth-child(3){
	margin-bottom:0.5rem;
}
div.detail-con:nth-child(6){
	margin-bottom:0.5rem;
}
div.detail-con:nth-child(1){
	margin-top:0.5rem;
}
div.detail-con span{
	float:right;
}
div.detail-con a.back{
	display: inline-block;
	width:2rem;
	height:2rem;
}
div.detail-con a.back img{
	width:1.2rem;
	vertical-align: middle;
}
a.pay{
	display: inline-block;
	width:100%;
	height:2rem;
	line-height: 2rem;
	font-size: 0.7rem;
	color:#fff;
	background-color: #f6b130;
	text-align: center;
	position: fixed;
	bottom:0;
	left:0;
}
div.pop-pay{
	width:70%;
	margin:0 10%;
	padding:0 5%;
	height:8rem;
	line-height: 1.2rem;
	border-radius: 5px;
	background-color: #f6b130;
	opacity: 0.9;
	position: fixed;
	top:6rem;
	font-size: 0.6rem;
	color:#fff;
	display: none;
}
div.pop-pay.active{
	display: block;
}
div.pop-pay span.close{
	position: absolute;
	right:0;
	top:-0.3rem;
	color:#999;
	transform: scale(2);
}
a.copy{
	display: block;
	margin-top: 1rem;
	color:#f00;
}
div.list-no{
	width: 100vw;
    background-color: #ececec;
	background:url(../img/noData2.png) center 42vw / 2.28rem 2.46rem no-repeat ; 
	/* background-size: 100% 100%; */
    margin-left: -3vw;
}
.pay-tip{
	display: none;
	font-size: .65rem;
    position: fixed;
    bottom: 0;
    left: 0;
    text-align: center;
    width: 100%;
    line-height: 2rem;
    color: red; 
}
.pay{
	display: none;
}
/*-------------公共弹框有信息提示确定按钮样式S------------*/
.dialog-msg-contain{
    position: fixed;
    width: 84%;
    margin: 0 auto;
    z-index: 3;
    left: 50%;
    margin-left: -42%;
    margin-top: -71.5px;
    top: 50%;
    background-color: #fff;
    z-index: 9999;    
    border-radius: 5px;
}
.dialog-msg-contain-main{
    display: none;
}
.dialog-msg-title {
    padding: 9px 0;
    width: 100%;
    margin: 0 auto;
    border-bottom: 1px solid #ededed;
    color: #fc9c35;
    text-align: center;
    font-size: 18px;
}
.dialog-msg-cont {
    color: rgba(0,0,0,.5);
    padding: 20px 0;
    width: 94%;
    margin: 0 auto;
    font-size: 15px;
    text-align: center;
}
.dialog-msg-true:active{
    background-color: #eee;
}
.dialog-msg-true{
    color: #61ba5a;
    height: 40px;
    line-height: 40px;
    /* background-color: #61ba5a; */
    text-align: center;
    width: 100%;
    font-size: 18px;
    border-top: 1px solid #ededed;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.dialogBg-msg{
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 9998;
    background-color: rgba(0,0,0,.5);
    overflow-y:hidden; 
}
.dialog-msg-img {
    /* padding: 9px 0; */
    /* padding-top: 30px; */
    width: 100%;
    margin: 0 auto;
    /* border-bottom: 1px solid #ededed; */
    text-align: center;
}
.dialog-msg-img{
    text-align: center;
    padding-top: 30px;
}
.dialog-msg-img img{
    width: .5rem;
}

.fl{
	float: left;
}
.fr{
	float: right;
}
.clear {
    zoom: 1;
    clear:both;
}

.clear:after {
    content: "";
    display: block;
    clear: both;
}
.inp-cont{
	width: calc(70vw + 0.1rem);
	margin:0 auto;
    position: relative;
}
.dialog-url{
    text-align: center;
    font-size: .7rem;
    padding: 10px 0;
    width: 90%;
    margin: 0 auto;
}
.detail-con-img{
	position: absolute;
    top: 50%;
    margin-top: -12.5px;
}
.detail-con-option{
	margin-left: 30px;
}
.detail-con-circle{
	position: absolute;
	right: 5%;
    top: 50%;
    margin-top: -10px;
	width: 18px;
	height: 18px;
	border: 1px solid #ccc;
	border-radius: 100%;
}
.bg{
	/* background: url(../img/check.png); */
    background: url(../img/Groupx30.png);
    margin-top: -12.5px;
    background-size: cover;
    width: 25px;
    height: 25px;
    border: none;
    right: 4.5%;
}
div.cont-bg{
	display: none;
	width:100%;
	height:100%;
	/*background-color:rgba(0,0,0,.4);*/
	position: fixed;
	top:0;
	color:#fff;
	font-size:16px;
	text-align: center;
}
.spinner {
    width: 150px;
    text-align: center;
    position: absolute;
    left: 50%;
    margin-left: -75px;
    top: 50%;
    margin-top: -15px;
}
 
.spinner > div {
  width: 25px;
  height: 25px;
  background-color: #f6b130;
 
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
  animation: bouncedelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
 
.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
 
.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
 
@-webkit-keyframes bouncedelay {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(.7) }
}
 
@keyframes bouncedelay {
  0%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% {
    transform: scale(.7);
    -webkit-transform: scale(.7);
  }
}

/* 智能门锁 */
#locking .logo{
    width: 100%;
    height: 4rem;
    background: url('../img/lock.png') no-repeat center center /2.7rem 2.7rem;
}
#locking .houseList{
    text-align: center;
    height: 0.24rem;
    position: relative;
}
#locking .houseList div{
    /* display: inline-block;
    position: absolute;
    top: 0; */
    display: flex;
    display: -webkit-flex;
    justify-content: center;
}
#locking select{
    padding: 0 0.2rem;
    width: auto;
    max-width: 90vw;
    border-width: 0;
    border-bottom: 1px solid #999;
    font-size: 0.14rem;
    line-height: 0.24rem;
    color: #666;
    display: inline-block;
    border-radius: 0;
}
#locking .btn{
    margin-top: 1rem;
    text-align: center;
    height: 0.5rem;
}
#locking .btn div{
    display: flex;
    display: -webkit-flex;
    justify-content: center;
}
#locking .btn button{
    width: 1.35rem;
    height: 0.45rem;
    line-height: 0.45rem;
    font-size: 0.14rem;
    text-align: center;
    color: #fff;
    background: #FBB13F;
    display: inline-block;
    margin-right:0.2rem;
    border-radius: 0.05rem;
}
#locking .btn a{
    width: 1.35rem;
    height: 0.45rem;
    line-height: 0.45rem;
    font-size: 0.14rem;
    text-align: center;
    color: #fff;
    background: #666666;
    display: inline-block;
    border-radius: 0.05rem;
}

/* 修改密码 */
#hosuePwd .houseList{
    margin-top: 0.15rem;
    background: #fff;
    border-bottom: 1px solid #e0e0e0;
    border-top: 1px solid #e0e0e0;
}
#hosuePwd .houseList li{
    margin: 0 auto;
    width: calc(96vw - 0.5rem);
    padding-left: .5rem;
    border-bottom: 1px solid #e0e0e0;
    height: 0.5rem;
    background: url('../img/pwd1.png') no-repeat left 0.15rem center / 0.2rem 0.2rem;
}
#hosuePwd .houseList li:last-child{
    border-width: 0
}
#hosuePwd .houseList input{
    width: calc(95vw - 1rem);
    border-width: 0;
    font-size: 0.14rem;
    line-height: 0.5rem;
    color: #333;
    float: left;
}
#hosuePwd button{
    width: 96vw;
    height: 0.45rem;
    background: #FBB13F;
    text-align: center;
    border-radius: 0.05rem;
    line-height: 0.45rem;
    font-size: 0.14rem;
    color: #fff;
    margin: 0 auto;
    margin-top: 0.6rem;
    display: block;
}

/* 短信验证 */
#sendMessage .houseList{
    background: #fff;
    border-bottom: 1px solid #e0e0e0;
    border-top: 1px solid #e0e0e0;
}
#sendMessage .houseList li{
    margin: 0 auto;
    width: 92vw;
    border-bottom: 1px solid #e0e0e0;
    height: 0.5rem;
    position: relative;
}
#sendMessage .houseList li:last-child{
    border-width: 0
}
#sendMessage .houseList input[type=password], #sendMessage .houseList p{
    border-width: 0;
    font-size: 0.14rem;
    line-height: 0.5rem;
    color: #333;
    float: left;
}
#sendMessage .message{
    font-size: 0.12rem;
    line-height: 0.17rem;
    color: #999;
    padding: 0.15rem 0;
    width: 92vw;
    margin: 0 auto;
}
#sendMessage .houseList input[type=password]{
    width: 50vw;
}
#sendMessage .houseList input[type=button]{
    width: 0.9rem;
    height: 0.3rem;
    position: absolute;
    right: 0;
    top: 0.1rem;
    border: 1px solid #FBB13F;
    font-size: 0.14rem;
    text-align: center;
    color: #FBB13F;
    border-radius: 0.02rem;
}
#sendMessage .btn button{
    width: 92vw;
    height: 0.45rem;
    background: #FBB13F;
    text-align: center;
    border-radius: 0.05rem;
    line-height: 0.45rem;
    font-size: 0.14rem;
    color: #fff;
    margin: 0 auto;
    margin-top: 0.6rem;
    display: block;
}

/* 签约结果 */
#signSuc .result{
    background: #fff;
    padding: 0.2rem 0;
}
#signSuc .result .logo{
    width: 100%;
    height: 0.4rem;
    background-size: 0.4rem 0.4rem;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url('../img/suc.png');
    margin-bottom: 0.2rem;
}
#signSuc .result p{
    text-align: center;
    width: 80%;
    margin: 0 auto;
    font-size: 0.14rem;
    color: #999999;
    line-height: 0.17rem;
    margin-bottom: 0.2rem;
}
#signSuc .result .btn{
    padding: 0.1rem 0;
    text-align: center;
    height: 0.16rem;
    position: relative;
}
#signSuc .result .btn div{
    width: 2rem;
    position: relative;
    /* left: 0; */
    margin: 0 auto;
    top: 0;
}
#signSuc .result .btn a{
    display: inline-block;
    font-size: 0.16rem;
    line-height: 0.16rem;
    color: #333333;
    position: absolute;
    left: 0;
    top: 0;
}
#signSuc .result .btn a.sec{
    right: 0;
    left: auto;
}
#signSuc .result .btn span{
    display: inline-block;
    width: 1px;
    height: 0.16rem;
    background: #e0e0e0;
    /* margin: 0 0.6rem; */
    position: absolute;
    top: 0;
    left: 50%;
}
#signSuc .contractInfo ul{
    background: #fff;
    padding: 0.05rem 0;
}
#signSuc .contractInfo li{
    width: 92vw;
    margin: 0 auto;
    font-size: 0.14rem;
    line-height: 0.24rem;
    padding: 0.03rem 0;
}
#signSuc .contractInfo .p1{
    width: 20vw;
    float: left;
    color: #999;
}
#signSuc .contractInfo .p2{
    width: 60vw;
    float: right;
    color: #333;
    text-align: right;
}
#signSuc .contractInfo .title{
    padding: 0.2rem 0;
    width: 92vw;
    margin: 0 auto;
}
#signSuc .contractInfo .title p{
    font-size: 0.16rem;
    line-height: 0.16rem;
    color: #333333;
    padding-left: 0.1rem;
    width: 70vw;
    background: url('../img/line.png') no-repeat left center / 0.04rem 0.14rem;
}
#signSuc .down{
    width: 100%;
    height: 0.45rem;
    line-height: 0.45rem;
    text-align: center;
    border-top: 1px solid #e0e0e0;
    font-size: 0.16rem;
    background: #fff;
}
#signSuc .conState{
    width: 100%;
    height: 0.8rem;
    line-height: 0.8rem;
    text-align: center;
    font-size: 0.4rem;
    color: #fff;
    background: url('../img/conStatusBg.png') no-repeat center center / 100% 100%;
}
#signSuc .radio{
    font-size: 0.11rem;
    padding: 0.05rem 4vw 0;
}
#signSuc .radio span{
    font-size: 0.11rem;
    line-height: 0.21rem;
    color: #999;
    padding-left: 0.1rem;
    position: relative;
    top: 1px;
}
#signSuc .ex{
    font-size: 0.11rem;
    line-height: 0.21rem;
    color: #999;
    padding: 0.05rem 4vw;
}
#signSuc .sign{
    width: 92vw;
    height: 0.45rem;
    line-height: 0.45rem;
    text-align: center;
    color: #fff;
    background: #FBB13F;
    margin: 0 auto;
    display: block;
    margin-top: 0.4rem;
    font-size: 0.16rem;
    -webkit-appearance: none;
}