@CHARSET "UTF-8";
body{margin:0;padding:0;
	background-image: url("../image/overlay.png"), linear-gradient(45deg, rgba(114, 97, 147, 0.25) 25%, rgba(227, 123, 124, 0.25) 50%, rgba(255, 228, 180, 0.25));
	background-size: 128px 128px, auto;
	background-color: #353865;
	background-attachment: fixed;
}
body *{font-size:13px;font-family: "Microsoft YaHei";}
.self-tab{width:100%;font-size:12px ;height:2rem;}
.self-tab-item{width:25%;text-align:center;display:inline-block;height:2rem;line-height:2rem;padding:0;background:#FFF;
   float: left;color:#FFF;font-weight:bold;}
.self-tab-item.self-active{color:#FFF;border-bottom: 2px solid #FFF;}

.card{border-radius:4px;border-left:5px solid #000;padding:5px 10px;min-height:60px;width:100%;margin-bottom:0.1rem;background:rgba(255,255,255,1);box-shadow:0 4px 16px rgba(0,0,0,0.4);}

#piciList{padding:10px;}
.buildBox{padding-left:10px;}
.buildBox li{list-style-type:none;    padding: 4px 30px 4px 25px;}
.buildName{background:url(../image/roomn.png) no-repeat left center;background-size:4.5%;}
.buildAdd{background:url(../image/mapmar.png) no-repeat left center;color:#a0a0a0;background-size:5%;}
.buildBox{background:url(../image/angle-left.png) no-repeat right center;background-size:4%;}
.boder_l0{border-left-color:#00CED1;}
.boder_l1{border-left-color:#4E96B3;}
.boder_l2{border-left-color:#C97676;}
.boder_l3{border-left-color:#D3A350;}
.boder_l4{border-left-color:#F06292;}

.more{line-height:40px;text-align:center;color:#FFF;padding-bottom: 0.3rem;}