物联网平台 +Web 组态
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

321 lines
4.1 KiB

/* 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;
}