html{font-size:12px;background-color:#f5f5f5}img{display:block}.mark{position:fixed;top:0;left:0;background:rgba(0,0,0,.4);width:100%;height:100%;z-index:499}a{text-decoration:none;color:#4d7cfe}.bottomspace{height:80px}.title{padding:15px 0;text-align:center;font-size:14px}.fcj_lr{justify-content:space-between}.fcj_lb,.fcj_lr{display:flex;align-items:center}.fcj_lb{justify-content:space-around}.fcj_lc{justify-content:center}.fcj_lc,.fcj_lrr{display:flex;align-items:center}.fcj_lrr{justify-content:flex-end}.fcj_ll{display:flex;align-items:center}.menus{position:fixed;transform:translateX(-50%);margin-left:50%;bottom:5px;background-color:#fff;padding:5px;border-radius:5px;box-shadow:0 0 5px #ddd;z-index:500}.menus_body{position:relative;display:flex;align-items:center}.menu{cursor:pointer;padding:5px;height:40px;width:60px;position:relative;z-index:1;box-sizing:border-box;text-align:center}.menu i{font-size:16px}.smoth{height:40px;position:absolute;bottom:0;width:60px;border-radius:5px;background-color:hsla(0,0%,64%,.14);transition:transform .2s;transform:translateX(0)}.login{height:300px}.card{background-color:#fff;border-radius:5px;margin:15px;font-size:13px;position:relative;overflow:hidden;background-repeat:no-repeat;background-size:cover;background-position:100% 100%;background-size:100px 100px}.card .detail{background-color:transparent;box-shadow:none}.cardname{margin:5px 20px;font-size:14px;color:#212121;font-weight:600}.carddate{margin:5px 20px;font-size:12px;color:#9e9e9e}.tbn{font-size:14px;font-weight:600}.flxu,.tbn{margin-bottom:5px}.flxu{font-size:22px}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}.home_content{margin-top:-90px;position:relative}.top_bg{height:80px;background:linear-gradient(180deg,#0796e6,#007de0);padding:20px}.header{width:60px;height:60px;border-radius:50%;background-color:#ddd;margin:0 auto}.header img{width:100%;height:100%;border-radius:50%}.center{text-align:center}.home_card{height:24px;line-height:24px;padding:0 15px;border-radius:12px;background-color:#419ee3;margin-top:5px}.home_card,.home_name{color:#fff;margin-left:20px}.home_name{font-size:16px}.detail{background-color:#fff;border-radius:5px;margin:15px;font-size:13px;position:relative;overflow:hidden;box-shadow:0 0 5px #ddd}.detail_title{height:40px;line-height:40px;border-bottom:1px solid #f5f5f5;padding:0 20px}.detail_body{padding:20px}.icon-qr{font-size:24px;color:#fff;height:40px;line-height:40px}.my_body{padding:40px 0;text-align:center}.tiptext{font-size:12px;color:#666;padding:40px 0}.my_qrcode{width:200px;height:200px;margin:40px auto}.my_header{margin-top:40px}.my_name{padding-top:20px}.onebutton{margin:15px;text-align:center;margin-top:20px}.form{padding:20px 0}.guwen{background-color:#367cd9;min-height:200px;margin-bottom:20px;border-radius:0 0 20px 20px;text-align:center;color:#fff;overflow:hidden}.adviser_header{margin-top:30px}.adviser_name{font-size:18px;margin-top:16px}.happy{margin-top:34px}.btns{margin-bottom:20px}.btns button,.share{width:100%}.share{position:fixed;height:100%;background-color:rgba(0,0,0,.5);background-position:100% 0;background-repeat:no-repeat;background-size:98.5px 130.5px;left:0;top:0;color:#fff;font-size:16px}.h40{height:40px}.h20{height:20px}.cardnumber{font-size:20px}.note{margin:20px 15px 30px 15px;padding:10px}.cardinfo{padding:15px}.cardpic{width:100%;display:block}.btn{display:inline-block;text-decoration:none;padding:0 15px;height:35px;border-radius:5px;line-height:35px;font-weight:400;box-sizing:border-box;color:#e97412;cursor:pointer;text-align:center;font-size:15px;-webkit-tap-highlight-color:rgba(0,0,0,0)}.btn-gold{color:#83433d;background-image:linear-gradient(180deg,#fff4de,#ffbb7c)}.btn-goldk{color:#ffbb7c;border:2px solid #ffbb7c;height:31px;line-height:31px}.btn-xs{height:18px;line-height:18px;padding:0 12px;font-size:12px;border-radius:3px}.btn-sm{height:26px;line-height:26px;border-radius:5px;padding:0 16px;font-size:12px}.btn-lg{height:44px;line-height:44px;padding:0 20px;font-size:16px;font-weight:400}.btn-warning{color:#fff;background-color:#e8716d}.btn-success{color:#fff;background-color:#3ad193}.btn-default{border:1px solid #e8716d}.state{position:absolute;right:20px;top:30px;width:100px;height:50px;background-color:rgba(0,0,0,.2);text-align:center;z-index:500;line-height:50px;font-size:16px;color:#fff;transform:rotate(25deg)}