html,body{margin:0;padding:0;width:100vw;height:100vh}
#app,.yc-full{position:fixed;z-index:1;top:0;left:0;width:100%;height:100%}
.yc-header{position:fixed;z-index:10;top:0;left:0;width:100%;height:70px;overflow:hidden;background:#111;border-bottom:1px solid #AAA}
.yc-footer{position:fixed;z-index:10;left:0;bottom:0;width:100%;line-height:26px;background:#111;text-align:center;color:#666;font-size:12px;border-top:1px solid #AAA}
.yc-footer>a:hover{color:#888}
.yc-footer>a:link,.yc-footer>a:visited,.yc-footer>a:active {color:#666;}
.yc-head{position:relative;max-width:1440px;margin:0 auto;text-align:left}
.yc-head-l{position:absolute;height:70px;display:inline-block;top:0px;left:0}
.yc-head-r{position:absolute;height:70px;display:inline-block;top:0px;right:0}
.yc-logo{height:40px;margin:15px;vertical-align: top}
.yc-logo-text{display:inline-block;line-height:40px;margin:15px;font-size:26px;color:#EEE;padding:0 20px;vertical-align: top;border-left:1px solid #DDD}
.yc-admin-nickname{line-height:70px;color:#0085B2;font-size:22px;display:inline-block}
hr{border:1px solid #DDD}
a{text-decoration:none}
.yc-hint{position:fixed;height:130px;width:130px;top:calc(50vh - 106px);left:calc(50vw - 66px);border:2px solid #FFF;border-radius:75px;background:#FFF;background-image:url(https://img.ssts.vip/icon/hint.png);background-size: 130px 130px;text-align:center} .yc-hint h3{position:absolute;top:130px;font-size:16px;width:130px}
li{list-style-type:none}
/***********************************交互*******************************************/
.yc-shade{position:fixed;z-index:80;background:rgba(0,0,0,0.5);top:0;left:0;text-align:center;width:100vw;height:100vh}
.yc-load{position:fixed;z-index:90;top:calc(50vh - 50px);text-align:center;width:100%;height:100px}
.yc-loadicon{width:60px;height:60px;margin:20px;border-radius:30px}
.yc-load-gq{position:absolute;top:18px;left:calc(50% - 32px);width:64px;height:64px;}
.yc-tips{position:fixed;z-index:90;width:70vw;left:15vw;line-height:40px;top:-40px;text-align:center;border-radius:10px;color:#FFF;opacity:0.8}
.yc-tips-correct{background:#07C160}
.yc-tips-error{background:#FF0000}
.yc-alert{position:fixed;z-index:90;border-radius:5px;background:#DDD;top:40vh;left:15vw;right:15vw;text-align:center;width:70vw;min-height:60px}
.yc-alert-text{text-align:left;margin:20px;min-height:50px}
.yc-alert-btn{border-top: 1px solid #FFF;width:100%;min-height:40px}
.yc-alert-h{width:50%;line-height:50px;display:inline-block}
.yc-alert-f{width:100%;line-height:50px;}
.yc-OK{background:rgba(0,255,0,0.1)}
.yc-NO{background:rgba(255,0,0,0.1)}
.yc-form{margin:10px;padding-left:101px;line-height:48px;background:rgba(0,0,0,0.1);border-bottom:1px solid #666}
.yc-form-lable{position:absolute;margin-left:-100px;width:99px;border-right:1px solid #666;line-height:48px;display:inline-block;text-align:center}
.yc-form-inp{line-height:48px;text-align:center;display:inline-block;width:100%;height:48px;border:0}
.yc-btn{line-height:50px;background:green;width:90%;margin:10px auto;border-radius:10px;text-align:center;color:#FFF}
.yc-btn-r,.yc-btn-e{line-height:36px;width:86px;color:#DDD;text-align:center;border-radius:10px}
.yc-btn-r{background:green}
.yc-btn-e{background:red}
.yc-bgc{background:#0085B2;color:#DDD}