@charset "utf-8";
/* CSS Document */
body{padding:0px; margin:0px;color: #222;font-family: "微软雅黑";}
body{ background:#821000 url(/static/stylesheets/www/image/star_bg.jpg) center top; background-size:cover;color:#666}
a{ text-decoration:none; color:#fff;}
a.active,a:focus{ outline:none!important; text-decoration:none;color:#fd7e14;}

.boxall{ border: 1px solid rgba(255,255,255,.17); padding:10px;  background: rgba(255,255,255,.04) url(/static/stylesheets/www/image/star_line.png); background-size: 100% auto; position: relative; margin-bottom: .15rem; z-index: 10;}
.boxall:before,
.boxall:after{ position:absolute; width: 1rem; height: 1rem; content: "";  border-top: 2px solid #ff9d8f; top: 0;}
.boxall:before,.boxfoot:before{border-left: 2px solid #ff9d8f;left: 0;}
.boxall:after,.boxfoot:after{border-right: 2px solid #ff9d8f; right: 0;}
.alltitle{ font-size:1.2rem; color:#fff; text-align: center; line-height: 1.5rem;}

.adduser{border-top:1px solid rgba(255,255,255,.2);margin-top:5px;padding-top:5px;}
.adduser ul{list-style: none;padding:0}
.adduser li{display: flex;justify-content: space-between;align-items: center;}
.adduser img{ width: 30px; height: 30px; border-radius:50%; margin-right: 10px; display: inline-block; vertical-align: middle;}
.adduser div{font-size: 0.8rem;color: rgba(255,255,255,1);}

.adduser .paiming{display: flex;justify-content: center;align-items: center;padding-top: 20px}
.adduser .paiming .pm-item{width:100px;height: 100px;text-align: center;border-radius: 50%;display: flex;align-items: center;justify-content: center;padding:5px}
.b-yellow{border:5px solid #ffc107;}
.b-green{border:5px solid #20c997;}

.adduser .school-content{display: flex;justify-content: space-between;align-items: center;padding-top: 20px;flex-wrap: wrap;}
.adduser .school-item{position:relative;width:120px;border-radius: 20px;border:2px solid #fff;padding:10px;text-align: center;background: linear-gradient(45deg, #f82222 0%, #bc3421 90%);margin-bottom: 10px}
.adduser .school-item .school-logo{width: 100px;height: 100px;border-radius: 50%;margin:0}
.adduser .school-item p{display: block;line-height: 20px;margin-top: 20px;color:#fff}
.adduser .school-item .school-user{display: flex;}
.adduser .school-item .school-user img{width: 30px;height: 30px;border-radius: 50%;margin-right:2px}
.adduser .school-item .school-user .noimg{width: 30px;height: 30px;border-radius: 50%;margin-right:2px;background: gray}
.adduser .school-item .op{width:100%;position: absolute;top:0;left: 0;background: linear-gradient(45deg, #f82222 0%, #bc3421 90%);border-radius: 20px 20px 0 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5) inset, 0 0 20px 10px rgba(0, 0, 0, 0.5); filter: }
.op1{opacity: 0.8;height: 160px}
.op2{opacity: 0.8;height: 120px}

.map{width: 100%;height: 95%;z-index: 5;}

.schoollist{position: fixed;top:20%;left:calc((100% - 600px)/2);width:600px;max-width: 100%;max-height:60%;overflow-y: auto;z-index: 999999;background: linear-gradient(45deg, #f82222 0%, #bc3421 90%)}
.schoollist .adduser a,.schoollist .adduser div{font-size: 1rem}
.schoollist .boxall{padding:20px}