.refer_box[data-v-503e1840]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.refer_box .refer_bg[data-v-503e1840]{width:100%;height:calc(65% - 116px);background-color:#f8fafb;z-index:-1;position:absolute}.refer_box .top[data-v-503e1840]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.refer_box .top .top_left[data-v-503e1840]{width:472px;height:248px;margin:64px}.refer_box .top .top_left p[data-v-503e1840]:first-child{font-size:40px;font-weight:600;margin-top:0;color:#192a32}.refer_box .top .top_left p[data-v-503e1840]:nth-child(2){font-size:16px;font-weight:400;line-height:1.5;margin-top:24px;color:#192a32}.refer_box .top .top_left P[data-v-503e1840]:last-child{font-size:16px;font-weight:400;color:#2fb7ec;margin-top:16px;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.refer_box .top .top_right[data-v-503e1840]{margin-top:64px;width:399px;height:244px;border-radius:15px;background-image:-webkit-gradient(linear,left bottom,right top,from(#1fd8de),to(#2b89f7));background-image:linear-gradient(to top right,#1fd8de,#2b89f7)}.refer_box .top .top_right p[data-v-503e1840]:first-child{padding-top:80px;padding-left:40px;font-size:56px;font-weight:600;color:#fff}.refer_box .top .top_right p[data-v-503e1840]:nth-child(2){padding-top:10px;font-size:24px;font-weight:400;color:#fff;padding-left:40px}.refer_box .middle[data-v-503e1840]{width:840px;-webkit-box-shadow:rgba(212,227,235,.5) 0 3px 8px 0;box-shadow:0 3px 8px 0 rgba(212,227,235,.5);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#fff;color:#192a32;border-radius:4px;padding:48px}.refer_box .middle p[data-v-503e1840]:first-child{width:70%;font-size:24px;font-weight:700;line-height:1.5;text-align:center}.refer_box .middle p:nth-child(2) span[data-v-503e1840]:first-child{width:580px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;letter-spacing:6px;margin-left:16px;min-width:150px;border-width:1px;border-style:solid;border-color:#d4e3eb;-o-border-image:initial;border-image:initial;border-radius:4px 0}.refer_box .middle p:nth-child(2) span[data-v-503e1840]:first-child,.refer_box .middle p:nth-child(2) span[data-v-503e1840]:nth-child(2){-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:48px}.refer_box .middle p:nth-child(2) span[data-v-503e1840]:nth-child(2){cursor:pointer;font-size:16px;min-width:104px;background-color:#2fb7ec;color:#fff;font-weight:700;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-negative:0;flex-shrink:0;border-radius:0 4px 4px 0;padding:0 16px;-webkit-transition:background-color .2s ease 0s;transition:background-color .2s ease 0s}.refer_box .bottom[data-v-503e1840]{margin-top:60px}.refer_box .bottom p[data-v-503e1840]:first-child{font-size:32px;font-weight:700}.refer_box .bottom p[data-v-503e1840]:nth-child(2){font-size:16px;font-weight:400;margin-top:16px}