.content-bg{padding:30px 0;background:#fcf6e3 url(https://sale.kekebang.net/resource/images/bg.03ef.png) top repeat-x}.content-bg .content-wrap{display:flex;justify-content:space-between;align-items:stretch}.content-bg .content-wrap .infos{width:400px;flex-shrink:0;margin-right:20px;padding:16px;background:linear-gradient(180deg,#fffade,#fff);box-shadow:0 4px 4px 0 #fef6e0;border-radius:16px;border:2px solid #fff}.content-bg .content-wrap .infos .userinfo{display:flex;align-items:center}.content-bg .content-wrap .infos .userinfo .tx{width:60px;height:60px;flex-shrink:0;border-radius:50%;background:url(https://sale.kekebang.net/resource/images/tx.4df7.png) 50% no-repeat;background-size:100%}.content-bg .content-wrap .infos .userinfo .text{padding-left:16px}.content-bg .content-wrap .infos .userinfo .text,.content-bg .content-wrap .infos .userinfo .text div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content-bg .content-wrap .infos .userinfo .text span{color:#999}.content-bg .content-wrap .infos .lg-btn{display:block;width:70%;margin:16px auto 0;background-color:#ff7300;color:#fff;line-height:32px;border-radius:8px;cursor:pointer}.content-bg .content-wrap .infos .user-lev-auth{display:flex;align-items:center;margin-top:16px}.content-bg .content-wrap .infos .user-lev-auth .auth-box{padding:0 10px;height:30px;line-height:30px;border-radius:26px;background-color:#f8f8f8;text-align:center;color:#0c6ff9}.content-bg .content-wrap .infos .user-lev-auth .auth-box .icon-right{width:18px;height:18px;margin-right:4px;vertical-align:-4px}.content-bg .content-wrap .infos .user-lev-auth .auth-box .auth-icon{width:22px;height:22px;margin-left:-2px;vertical-align:-6px}.content-bg .content-wrap .infos .user-lev-auth .auth-one{background-color:#feece1}.content-bg .content-wrap .infos .user-lev-auth .auth-one span{color:#ff6430}.content-bg .content-wrap .infos .user-lev-auth .auth-two{background-color:#e1efff}.content-bg .content-wrap .infos .user-lev-auth .auth-two span{color:#417ff9}.content-bg .content-wrap .infos .user-lev-auth .auth-three{background-color:#dff8f4}.content-bg .content-wrap .infos .user-lev-auth .auth-three span{color:#43c276}.content-bg .content-wrap .infos .user-lev-auth .lev-box img{width:117px;height:30px;margin:0 15px}.content-bg .content-wrap .infos .user-lev-auth .info-box{padding:7px 20px;border-radius:26px;background-color:#ffae17;color:#fff}.content-bg .content-wrap .infos .invite-count{margin-top:20px;display:flex;justify-content:space-around;background-color:#fff;padding:20px;border-radius:8px}.content-bg .content-wrap .infos .invite-count .item{text-align:center}.content-bg .content-wrap .infos .invite-count .item span{display:block;color:#999}.content-bg .content-wrap .infos .invite-count .item span.black{color:#333}.content-bg .content-wrap .infos .invite-count .item span a{color:#ff7300}.content-bg .content-wrap .infos .parts{margin-top:20px}.content-bg .content-wrap .infos .parts .item{padding:20px;border:2px solid #fff;border-radius:16px}.content-bg .content-wrap .infos .parts .item .title{font-size:18px;font-weight:700}.content-bg .content-wrap .infos .parts .item .text{margin-top:20px;font-size:14px}.content-bg .content-wrap .infos .parts .item .text b.num{font-size:16px}.content-bg .content-wrap .infos .parts .item .text i.arrow{display:inline-block;border:5px solid transparent}.content-bg .content-wrap .infos .parts .item .btm-box{margin-top:20px;padding:12px 24px;display:flex;align-items:center;border-radius:8px}.content-bg .content-wrap .infos .parts .item .btm-box .bt{width:150px;font-size:16px;line-height:1.5}.content-bg .content-wrap .infos .parts .item .btm-box .btn{text-align:center;margin-left:30px}.content-bg .content-wrap .infos .parts .item .btm-box .btn button{display:block;width:140px;line-height:2;margin-top:10px;color:#fff;font-size:16px;border-radius:16px}.content-bg .content-wrap .infos .parts .item.pt01{border-color:#fed7d0;background-color:#fff2f0}.content-bg .content-wrap .infos .parts .item.pt01 .bt,.content-bg .content-wrap .infos .parts .item.pt01 .title{color:#fb5b45}.content-bg .content-wrap .infos .parts .item.pt01 .text i.arrow{border-left-color:#fa5e48}.content-bg .content-wrap .infos .parts .item.pt01 .btm-box{background:linear-gradient(90deg,#fed4cd,#fff2f0)}.content-bg .content-wrap .infos .parts .item.pt01 .btn button{background-color:#fb5b45}.content-bg .content-wrap .infos .parts .item.pt02{margin-top:15px;border-color:#c9eaff;background-color:#e8f7ff}.content-bg .content-wrap .infos .parts .item.pt02 .bt,.content-bg .content-wrap .infos .parts .item.pt02 .title{color:#009cff}.content-bg .content-wrap .infos .parts .item.pt02 .text i.arrow{border-left-color:#36b1ff}.content-bg .content-wrap .infos .parts .item.pt02 .btm-box{background:linear-gradient(90deg,#c9eaff,#e8f7ff)}.content-bg .content-wrap .infos .parts .item.pt02 .btn button{background-color:#009cff}.content-bg .content-wrap .infos .parts .item.pt03{margin-top:15px;border-color:#ffe5b7;background-color:#fffae8}.content-bg .content-wrap .infos .parts .item.pt03 .bt,.content-bg .content-wrap .infos .parts .item.pt03 .title{color:#ff7940}.content-bg .content-wrap .infos .parts .item.pt03 .text i.arrow{border-left-color:#ffcb6d}.content-bg .content-wrap .infos .parts .item.pt03 .btm-box{background:linear-gradient(90deg,#ffeec9,#fffae8)}.content-bg .content-wrap .infos .parts .item.pt03 .btn button{background-color:#ff7940}.content-bg .content-wrap .right-main{flex-grow:1;display:flex;padding:16px;background:linear-gradient(180deg,#fffade,#fff);box-shadow:0 4px 4px 0 #fef6e0;border-radius:16px;border:2px solid #fff}.content-bg .content-wrap .right-main .codelinks{width:100%}.content-bg .content-wrap .right-main .codelinks>img{border-radius:16px 16px 0 0}.content-bg .content-wrap .right-main .codelinks .link-wrap{width:80%;margin:30px auto 0;display:flex;align-items:center;font-size:16px;font-weight:700}.content-bg .content-wrap .right-main .codelinks .link-wrap .link-input{flex-grow:1;margin:0 10px;padding:0 20px;height:40px;line-height:40px;text-align:center;color:#ff7300;border:2px solid #ffae17;border-radius:8px;background-color:#fff;font-size:16px;font-weight:700}.content-bg .content-wrap .right-main .codelinks .code-wrap{width:80%;margin:30px auto 0;display:flex;align-items:center;font-size:16px;font-weight:700}.content-bg .content-wrap .right-main .codelinks .code-wrap .code-area{flex-grow:1;margin:0 10px;position:relative;user-select:none}.content-bg .content-wrap .right-main .codelinks .code-wrap .code-area .not-login-mask{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:16px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.7);color:#fff}.content-bg .content-wrap .right-main .codelinks .code-wrap .code-area .not-login-mask .lock{display:block;width:36px;height:36px;margin:0 auto 10px;background:url(https://sale.kekebang.net/resource/images/lock.d89a.png) 50% no-repeat;background-size:100%}.content-bg .content-wrap .right-main .codelinks .code-wrap .code-area .link-code-img{width:160px;height:160px;position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0)}.content-bg .content-wrap .right-main .codelinks .code-wrap .code-area .link-code-img img{width:100%;height:100%}.content-bg .content-wrap .right-main .codelinks button{background-color:#ff7300;color:#fff;padding:6px 30px;border-radius:16px;font-size:18px;cursor:pointer}.content-bg .rules{margin-top:20px;display:flex;padding:20px;background-color:#fff;border-radius:20px}.content-bg .rules .title{color:#000;font-size:16px;font-weight:700;margin-right:2%}.content-bg .rules .text{margin-top:-2px;color:#999;line-height:2}