.i{font-family:icons-invite!important;font-size:22px;font-style:normal;color:inherit;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale}@font-face{font-family:icons-invite;src:url(//assets.yiban.io/assets/iconfonts/invite-a92245b43e.ttf)}.i.i-gift:before{content:"\e630"}.i.i-share:before{content:"\e61d"}.i.i-download:before{content:"\e6a2"}.i.i-friend:before{content:"\e688"}.i.i-link:before{content:"\e607"}button,input{outline:none}#guide-section{width:1120px;margin:0 auto;padding-top:50px}#guide-section:after{display:table;content:"";clear:both}#guide-section h1{font-size:24px;color:#2c2c2c}#guide-section .guide-boxes{margin-top:70px;display:flex;justify-content:center}#guide-section .guide-box{position:relative;letter-spacing:0;box-shadow:0 11px 38px #00000014;width:430px;text-align:left;float:left;padding:28px 15px 5px 70px;height:272px;border-radius:10px;background:#fff}#guide-section .guide-box .dot{position:absolute;top:33px;left:35px;width:12px;height:12px;background:#20c05c}#guide-section .guide-box .title{color:#4c4a4a;margin:0 0 26px;font-size:16px}#guide-section .guide-box .detail{font-size:12px;color:#7f7c7c;padding:10px 0 20px}#guide-section .guide-box.by-link .invite-link{margin-top:29px;position:relative;left:-30px;width:272px;height:37px;border:1px solid #ccc;color:#535252;margin-left:85px}#guide-section .guide-box.by-link .avatar{position:absolute;width:60px;height:60px;top:140px;left:60px;z-index:1;background:#fff}#guide-section .guide-box.by-link .avatar img{display:block;width:40px;height:40px;margin-left:auto;margin-right:auto;margin-top:50%;transform:translateY(-50%)}#guide-section .guide-box.by-link .link-copy{color:#fff;background:#20c05c;float:right;cursor:pointer;padding-left:8px;padding-right:8px;height:30px;border:none;margin-top:24px;border-radius:3px;margin-right:18px}#guide-section .guide-box.by-link .link-copy:hover{border-color:#1ab955;background:#1ab955;color:#fff}#guide-section .guide-box.by-link .link-copy:active{border-color:#22ad56;background:#22ad56;color:#fff}#guide-section .guide-box.by-qr{margin-left:140px}#guide-section .guide-box.by-qr .qr{margin-top:18px}#guide-section .guide-box.by-qr .qr .qr-inner{display:inline-block;vertical-align:middle}#guide-section .guide-box.by-qr .qr p{display:inline-block;position:relative;left:40px;font-size:12px}#guide-section .guide-box.by-article a{color:#20c05c;text-decoration:none}#guide-section .guide-box.by-article a:hover{color:#2ad069;text-decoration:underline}#guide-section .guide-box.by-article .hint{margin-top:31px;color:#444}#guide-section .login-box{text-align:center;position:absolute;left:0;right:0;bottom:0;padding-bottom:32px}#guide-section .login-box .login-hint{font-size:12px;color:#7f7c7c}#guide-section .login-box .login-btn{background:#20c05c;border-radius:6px;font-size:16px;margin-bottom:16px;line-height:36px;width:85px}#guide-section .login-box .login-btn:hover{background:#2ad069}#guide-section .login-box .login-btn:active{background:#22ad56}.invite-step{width:900px;margin:140px auto 160px;padding-bottom:30px}.invite-step h1{font-size:24px;color:#2c2c2c;margin-top:0;padding-top:35px;margin-bottom:70px}.invite-step .box-wrapper{display:flex;justify-content:center;align-items:center;width:auto;margin:0 0 85px}.invite-step .line{position:relative;display:inline-block;top:-18px;width:70px;height:1px;background:#d2cfcf}.invite-step .box{width:80px;margin:0;color:#000;overflow:visible}.invite-step .box .box-inner{background:transparent;margin-bottom:19px}.invite-step .box .box-inner i{font-size:45px;color:#666662}.invite-step .box .box-title{position:relative;width:119px;left:-25%;white-space:nowrap}#content-wrap{width:100%;display:flex;justify-content:center;flex-direction:column;align-items:center}.fixed{position:fixed;inset:auto 0 0}#tail-section{background:#1f1f2b;color:#fff;padding-top:44px;height:213px}#tail-section h1{font-size:24px;margin:0 0 40px}#tail-section h1 .i-gift{font-size:30px;vertical-align:top;position:relative;left:-15px;top:-2px}#tail-section p{font-size:16px}