html,body{margin:0;padding:0;width:100vw;height:100vh;overflow:hidden}
.foot{position:fixed;z-index:9;bottom:0;width:100vw;line-height:50px;text-align:center;background:#000;color:#eee;border-top:1px solid #eee}
.shade{position:fixed;z-index:99;width:100vw;height:100vh;background:rgba(0,0,0,0.7);text-align:center}
.keyshade{position:fixed;z-index:99;width:100vw;background:rgba(0,0,0,0.7);text-align:center}
.shadebox{margin:0 auto;width:80vw;background:#fff;border-radius:10px;padding-top:10px}
.keyres{line-height:60px;padding-left:20px;color:#111;font-size:32px;text-align:left}
.keytitle{line-height:50px;font-size:22px;color:#CCC;border-bottom:2px solid #CCC}
.close{height:50px;width:50px;position:absolute;right:5px;top:5px;color:#111}
.closeicon{height:40px;width:40px;margin:5px}
.keybox{position:fixed;bottom:0;width:100vw;background:#fff;border-radius:10px;padding-top:10px}
.key{min-width:6%;line-height:40px;display: inline-block;border: 1px solid #DDD;text-align: center;margin: 10px 5px;background-color: #DDD;border-radius: 20px;box-shadow:5px 5px #CCC;color:#111}
.submit{background:green}
.submit,.back{padding:0 10px}
.shadetext{margin:10px;text-align:left;text-indent:32px;font-size:16px;color:#333}
.shadebtnbox{height:38px;border-top:2px solid #ddd;margin-top:20px}
.shadebtn{display:inline-block;width:45%;line-height:38px;font-size:18px}
#nobtn{border-right:2px solid #ddd;color:#666}
#yesbtn{color:red}
.inp{width:85%;height:36px;border:1px solid #DDD;border-radius:5px;margin-top:10px}
/*****************************Show Page*************************************/
.img{width:100vw;height:100vh;overflow:hidden}
.img>img,.bgimg>img{width:100%;min-width:100%;min-height:100%;}
#title{position:fixed;top:0;left:0;z-index:2;width:100vw;font-size:18vw;color:#DDD;padding:20px 0 0 0;background:rgba(0,0,0,0.3);text-align:center}
.lstk{}
.cph{width:100%;padding:30px 0;border-top:2px solid #888;border-bottom:2px solid #888;font-size:14vw}
.tel-box{position:fixed;bottom:60px;left:0;z-index:3;width:100vw;text-align:center}
.show-btn{display:block;width:70vw;margin:1vh auto;background:rgba(0,0,0,0.5);color:#fff;line-height:50px;border-radius:25px}
#subscribe-btn{width:70vw;}
/******************************New Page*************************************/
.new{background:#0085B2;color:#CCC;height:100vh;text-align:center}
/******************************Set Page*************************************/
.set{position:fixed;z-index:10;width:100vw;height:100vh;background:rgba(0,0,0,0.8);color:#CCC;overflow:scroll}
.bgimg{width:100vw;height:100vh;position:fixed;z-index:-1;overflow:hidden}
.logininp{width:80%;height:30px;border:1px solid #CCC}
.setform{color:#CCC;padding:50px 5%}
.form{margin:10px 0;position:relative;border-bottom:2px solid #888;text-align:right}
.lable{position:absolute;left:0;width:30vw;line-height:36px;text-align:center;border-right:1px solid #888;margin:5px auto;color:#EEE}
select{-webkit-appearance:none;-moz-appearance:none;appearance:none;}
option{background:rgba(0,0,0,0.8);color:#CCC;margin:2px 0;font-size:0.8em}
.inp-f,.inp-h{line-height:46px;height:46px;left:0;text-align:right;background:rgba(0,0,0,0);color:#EEE;border:0;font-size:1.2em}
.inp-f{width:100%;}
.inp-h{width:50%;}
.formLineInp{min-height:46px;padding-left:30vw;text-align:right;background:rgba(0,0,0,0);color:#EEE;border:0;font-size:1.2em}
.weui-switch{border:1px solid #555;margin:7px}
.switch{display:inline-block;height:40px;margin:3px;border:1px solid #0085B2;border-radius:5px}
.radio{width:60px;line-height:40px;display:inline-block;text-align:center;vertical-align:top;}
.r{background:#0085B2}
.text{width:90%;padding:5%;border:1px solid #333;border-radius:5px;word-wrap:break-word}
.toolbox{margin:10px 10px 60px 10px;border:2px solid #0085B2;border-radius:5px}
.tooltitle{line-height:36px;font-size:22px;background:#0085B2;padding-left:20px}
.toollist{margin:5px}
.toolrow{display:inline-block;margin:5px}
.toolicon{width:40px;height:40px;border-radius:10px;background:#EEE;padding:5px}
.toolimg{width:100%;height:100%}
.tooltext{font-size:0.8em;text-align:center;margin:5px auto}
.setcph{position:fixed;z-index:20;width:100vw;height:100vh;text-align:center;background:rgba(0,0,0,0.9);top:0}
.cphm{margin-top:20vh;width:10vw;height:10vw;line-height:10vw;background:#EEE;border-radius:5px;font-size:8vw;text-align:center;color:#111;display:inline-block;vertical-align:top;}
.cphm:nth-child(3){background:#00FF80}
.btn{position:absolute;margin:20px;right:20px;width:80px;line-height:40px;background:#0085B2;text-align:center;border-radius:8px;display:inline-block}
/*****************************User Page*************************************/
.load{position: fixed;z-index:1;width:100vw;height:100vh;background:rgba(0,0,0);text-align:center;color:#3B80C3;font-size:1.5em;}
.loadimg{height:20%;margin-top:45%;margin-bottom:30px}