/* common */

.b-w{
	background: #fff;
}

.t-c{
	text-align: center;
}

.float-left{
	float: left;
}
.float-right{
	float:right;
}
.clear{
	overflow: hidden;
	zoom:1;
}

.hide{
	display: none;
}

.width20{
	width:20%;
}
.width80{
	width:80%;
}
.width33{
	width: 33.33333%;
}
.width50{
	width: 50%;
}
.width30{
	width:20%;
}
.width70{
	width: 70%;
}
.width90{
	width:90%;
}
.width95{
	width:95%;
}

.pointer{
	cursor: pointer;
}
.m-auto{
	margin: 0 auto;
}
.ml-10{
	margin-left: 10px;
}
.ml-20{
	margin-left: 20px;
}
.mr-10{
	margin-right: 10px;
}
.mr-20{
	margin-right: 20px;
}
.mb-10{
	margin-bottom: 10px;
}
.mb-20{
	margin-bottom: 20px;
}
.mt-10{
	margin-top: 10px;
}
.mt-20{
	margin-top: 20px;
}
.pb-10{
	padding-bottom: 10px;
}
.pb-5{
	padding-bottom: 5px;
}
.pl-10{
	padding-left: 10px;
}
.pl-20{
	padding-left: 20px;
}
.pr-10{
	padding-right: 10px;
}
.pt-10{
	padding-top: 10px;
}
.pl-5{
	padding-left: 5px;
}
.t-c{
	text-align: center;
}

.sys-backgroud{
	background:#729b4c;
}

.sys-b{
	background: #729b4c;
}

.r-color{
	color:#e9524a;
}

.s-color{
	color:#729b4c;

}

.c-color{
	color:#a0a0a0;
}

/* preOrder  */

html{
	background: #f1f1f1;
}

.info{
	width: 94%;
	margin: auto;
	border: 1px solid #dbdbdb;
	background: white;	
	margin-top: 10px;
}

.circle{
	background-color: #cd2137;
	border-radius: 50%;
	color:white;
	padding:3px 6px;
}
.circle.black{
	background-color: #000000;
}

/* address  */
.address{
	background: #fff;
	padding: 10px 25px 10px 5px;
	margin-top: -6px;
	margin-bottom: 10px;
}

.videoback{
	background: url(../../../image/wechat/iot/video.png) left center no-repeat;
    background-size: 23%;
    padding-left: 25px;
    margin-left: 6px;
}

/*  preResult */
.weui-panel.weui-panel_access{
	border-radius: 2%;
}

.desc{
	font-size: 14px;line-height: 23px;
}

.weui-media-box__thumb{
	height: 60px;
	border-radius: 50%;
}

.weui-toast{
	margin-left: 0;
}


/* manage */
.welcomeinfo{
	text-align: center;
}

.personalphoto{
	height: 70px;
	width:70px;
	border-radius: 50%;
}

.demos-title {
    text-align: center;
    font-size: 34px;
    color: #729b4c;
    font-weight: 400;
    margin: 0 15%;
    margin-top: 15%;
}
.duty-status{
	text-align: center;
	padding-top: 30px;
	font-size: 20px;
}

.spanStyle{  
      white-space: nowrap;  	
      display: inline-block;    
      width: 99%;  			
      overflow: hidden;  
      text-overflow: ellipsis;
}

.no-more-data{
	background: url(../../../image/wechat/iot/loading.png) center no-repeat;
	background-size: 19%;
	height: 80px;
}

.arrow-right{
	background: url(../../../image/wechat/iot/arrow_right.png) right no-repeat;
	background-size: 12%;
    padding-right: 13px;
}

.no-data{
	color: #aaa;
	font-size: 14px;
	text-align: center;
	margin-top: 10px;
}

.img-style{
	width:260px;
	height:260px;
	border-radius:5%;
	overflow:hidden;
}

.dot{
	width: 8px;
    height: 8px;
    display: inline-block;
    margin-bottom: 2px;
}
.circle-dot{
	width: 8px;
    height: 8px;
    display: inline-block;
    margin-bottom: 2px;
    border-radius: 50%;
    background: red;
}

.border-bottom{
	border-bottom: 1px solid #d9d9d9;
}

.state{
	background: #3499da;
    color: white;
    padding: 3px 5px;
    border-radius: 5px;
    font-size: 12px;
    margin-left: 10px;
}

.state-red{
	background: red;
	opacity:0.7;
    color: white;
    padding: 3px 5px;
    border-radius: 5px;
    font-size: 12px;
    margin-left: 10px;
}
.state-default{
	background: #dadada;
    color: white;
    padding: 3px 5px;
    border-radius: 5px;
    font-size: 12px;
    margin-left: 10px;
    
}

.title-info{
			height: 50px;background: #3499da;color: #fff;
			line-height: 50px;
			    width: 100%;
		    position: fixed;
		    z-index: 10;
		}
.back{
	background: url(../../../image/wechat/iot/arrow_left.png) left center no-repeat;
    background-size: 39%;
    padding-left: 25px;
    margin-left: 6px;
}

.add{
	background: url(../../../image/wechat/iot/add.png) left center no-repeat;
    background-size: 24%;
    padding-left: 26px;
    margin-left: 6px;
}

.qrcode{
	background: url(../../../image/wechat/iot/qrcodeimg.png) 94% center no-repeat;
	background-size: 6% ;
   
}

.discolor{
	color: #666;
}