@CHARSET "UTF-8";

main>div.container{display: flex; flex-direction: column; align-items: center;}
div.img{display: none;}
div.img img{width:90vw; }
div.login{margin-top:15vh;display: flex;align-items: center;flex-direction: column;}
div.login img{display: none;}
div.login p{display: none;}
div.login:before{content:"\e090"; font-family:"Glyphicons Halflings"; font-size: 35vw; color:#d8d8d8;}
div.login:after{content:"移动端仅支持在微信中打开"; font-size:7vw; margin-top:8vw;color: #999;}

div.rel-panel{display: flex; flex-direction: column; width: 100vw; font-size: 4vw;}
div.rel-panel div.title{padding: 4vw 4vw;  border-bottom:1px solid #ccc; display: flex; justify-content:space-between;}
div.rel-panel div.title font{font-size: 3.6vw; color:#666;}
div.rel-panel div.title a{}
div.rel-panel div.list{flex-grow: 1; overflow-y: auto; min-height: 30vh;}
div.rel-panel div.list div.item{ border-bottom: 1px dotted #ccc; padding: 4vw 4vw; cursor: pointer; display: flex; align-items: center;}
div.rel-panel div.list div.item:hover{background:#def;}
div.rel-panel div.list div.item:before{content:"\e157"; font-family:"Glyphicons Halflings"; font-size: 1.2em; margin-right: 0.2em; color: #bbb;}
div.rel-panel div.list div.item.sel{cursor: default; background: #def;}
div.rel-panel div.list div.item.sel:before{content: "\e067"; color: #e64a19;}
div.rel-panel div.list div.item b{font-size: 1.2em;}
div.rel-panel div.list div.item font{margin-left:0.2em; color:#666;}
div.rel-panel div.list div.item font:before{content:"[";}
div.rel-panel div.list div.item font:after{content:"]";}
div.rel-panel div.list div.item span{margin-left:0em; flex-grow: 1;}
div.rel-panel div.list div.item span:before{content:"（";}
div.rel-panel div.list div.item span:after{content:"）";}
div.rel-panel div.list div.item a.del:after{content:"\e014"; font-family:"Glyphicons Halflings"; color:red;}
div.rel-panel form{padding: 4vw 8vw;}
div.rel-panel form a{display: block; border: none; text-align: center; padding:1em; background: #2F54EB; color: white;}

div.bind-bg{z-index:-1; position: fixed; opacity: 0; transition:opacity 0.3s ease-out;  top: 0; left: 0; right: 0; bottom: 0; background:rgba(0,0,0, 0.3)}
div.bind-bg.show{ z-index: 99; opacity: 1;}
div.bind{display:flex; flex-direction:column; position: fixed; width: 100vw; height: 70vh; bottom: -70vh; z-index: 100; background:#fff; font-size: 5vw; transition:bottom 0.4s ease-out;}
div.bind.show{bottom: 0;}
div.bind>div{flex-grow:1; flex-shrink: 1; overflow-y: auto; padding-bottom: 8vh;}
div.bind p.title{padding:1em 2em; border-bottom: 1px solid #eee; margin-bottom: 0.5em;}
div.bind p.tab{padding: 0.5em 2em;}
div.bind p.tab span{cursor: pointer; color:#999; display: inline-block;}
div.bind p.tab span.sel{cursor: default; color: green; font-weight: bold; font-size: 1.2em;}
div.bind p.tab i{margin: 0.6em; color:#666;}
div.bind p.tab i:after{content:"/";}
div.bind p.fld{padding: 0.6em 2em; display: flex;  align-items: center;}
div.bind p.fld input{flex-grow: 1; flex-shrink:1; padding: 0.6em 0.8em;}
div.bind p.fld a{margin-left: 1em; font-size: 0.9em;}
div.bind p.oper{padding:1em 2em; }
div.bind p.oper a{display: block; text-align: center; background:#2F54EB; color: white; border-color:#2F54EB; padding:1em;}
div.bind p.wecom-link{display: none;}

div.bind div.std{padding:0.5em 2em; }
div.bind div.std{line-height: 1.6em; font-size: 0.9em;}
div.bind div.std>p{display: flex; flex-direction: column; align-items: center; margin-top:1em;}
div.bind div.std>p>img{width:60vw;}
div.bind div.std>p>span{font-size: 0.8em; color:#888;}