body{background:#f1f1f3}button{outline:none;border:none}.common-btn{border:none;outline:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.pop-up{width:100%;height:100%;left:0;top:0;position:fixed;background:#0000007a;z-index:99}.pop-up .inner{width:399px;height:170px;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;border-radius:4px;padding:0 21px 0 32px;position:absolute}.pop-up .close-btn{position:absolute;width:13px;right:12px;padding:4px;top:12px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pop-up .title{margin-top:32px;font-size:16px;font-weight:700;color:#222}.pop-up .desc{margin-bottom:24px;font-size:14px;font-weight:400;color:#353535}.pop-up .footer{width:100%;display:flex;justify-content:flex-end;align-items:center}.pop-up .footer .btn{font-size:14px;font-weight:400;border-radius:4px;padding:0 16px;height:32px;line-height:32px}.pop-up .footer .confirm-btn{border:none;outline:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;color:#000000a6;border:1px solid #D9D9D9;margin-right:16px;background:#fff}.pop-up .footer .invite-btn{border:none;outline:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;background:#24be48;color:#fff}.content-box{width:100%;z-index:10;position:relative;padding-top:46px}.content-box .img-wrap{width:100%;height:620px;top:0;left:0;overflow:hidden;position:absolute;z-index:1}.content-box .img-wrap .top-bg{width:100%}.content-box .img-wrap .top-border{position:absolute;width:100%;left:0;bottom:-1px}.content-head{width:100%;text-align:center;display:flex;justify-content:flex-start;align-items:center;flex-direction:column;position:relative;z-index:2}.content-head .gift-info{border-radius:23px;text-align:center;border:1px solid #E8C58A;display:flex;justify-content:flex-start;align-items:center;height:36px;line-height:36px;padding:0 28px}.content-head .gift-info .icon{width:15px;margin-right:6px}.content-head .gift-info .desc{font-size:14px;color:#ffd58a}.content-head .gift-info .desc span{color:#7fbfff}.content-head .head-info{width:100%;margin-top:23px}.content-head .head-info .img-title{width:585px;margin-bottom:15px}.content-head .head-info .info .p1,.content-head .head-info .info .p2,.content-head .head-info .info .p3,.content-head .head-info .info .p4{display:block;height:27px;font-size:13px;font-weight:400;color:#f4f4f4;line-height:27px;text-align:center}.content-head .receive-btn{height:54px;line-height:54px;margin-top:32px;background:#31b957;border-radius:6px;font-size:16px;font-weight:700;color:#fff;cursor:pointer;padding:0 70px}.content-head .receive-btn.disabled{background:#aaa;cursor:default}.content-head .receive-btn.disabled:hover{background:#aaa;box-shadow:none;border-radius:6px;transition:all 2s}.content-head .receive-btn.disabled:active{background:#aaa;box-shadow:none;border-radius:6px;transform:none}.content-head .receive-btn:hover{background:#50cb6d;box-shadow:0 4px 10px #24be484d;border-radius:6px}.content-head .receive-btn:active{background:#239e40;box-shadow:0 4px 10px #24be484d;border-radius:6px;transform:translateY(1px)}.main-content{width:893px;background:#fff;box-shadow:0 2px 15px #a5a5a545;border-radius:8px;text-align:center;position:relative;z-index:2;margin:45px auto 0;padding:37px 0 47px;display:flex;justify-content:flex-start;align-items:center;flex-direction:column}.main-content .main-content-head{height:30px;line-height:30px;margin-bottom:9px;font-size:22px;font-weight:700;color:#222;position:relative;display:inline-block}.main-content .main-content-head:before{content:"";width:18px;height:.5px;background:#222;position:absolute;top:50%;transform:translateY(-50%);border-radius:4px;left:-34px}.main-content .main-content-head:after{content:"";width:18px;height:.5px;background:#222;position:absolute;top:50%;transform:translateY(-50%);border-radius:4px;right:-34px}.main-content .side-info{font-size:14px;color:#9a9a9a;margin-bottom:28px}.main-content .item-box{display:flex;flex-direction:row;flex-wrap:wrap;width:100%;justify-content:space-between;align-items:flex-start;box-sizing:border-box;padding:0 34px}.main-content .item-box .item-info{width:33%;text-align:center;box-sizing:border-box;margin-bottom:40px}.main-content .item-box .item-info .icon{width:44px}.main-content .item-box .item-info .title{margin-top:7px;margin-bottom:4px;font-size:16px;color:#222}.main-content .item-box .item-info .desc{font-size:13px;color:#9a9a9a}