body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
body { background: rgba(58, 118, 206, 1); color:#555; font-size:14px; font-family: SF Pro Text; }
td,th,caption { font-size:14px; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal;}
a { color:#555; text-decoration:none; }
a:hover { text-decoration:none; }
img { border:none; }
ol,ul,li { list-style:none; }
input, textarea, select, button { font:14px Verdana,Helvetica,Arial,sans-serif; }
table { border-collapse:collapse; }
html {overflow-y: scroll;} 
*{box-sizing: border-box;}
input:focus{
    outline: none;
}

[v-cloak] {display: none;}
.loading {position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;z-index: 3;background-color: #F2F6FC;display: flex;align-items: center;justify-content: center;}
.loading img {width: 100px;height: 100px;}
.loading {font-size: 24px;color: black;}

.nav {width: 343px; margin: 16px auto; text-align: left;}
.nav img {width: 140px; height: 34px;}
.top {width: 343px;height: 311px; margin: 0 auto; background: url('../img/inviteLink-bg.png') center center; background-size: 100% 100%; position: relative;}
.top .top-title {margin: 20px auto 4px; text-align: center;color: rgba(255, 255, 255, 1);font-family: SF Pro Text;font-weight: 500;font-size: 17px; line-height: 20px; width: 200px;height: 20px;}
.top .top-money {color: rgba(255, 255, 255, 1);font-family: DIN;font-weight: 500;font-size: 60px;width: 239px;height: 88px;margin: 0 auto; text-align: center;line-height: 88px;}
.top .top-info {height: 17px;color: rgba(251, 223, 139, 1);font-family: SF Pro Text;font-size: 14px;line-height: 17px;margin: 4px auto 0;text-align: center;}
.top .top-card {width: 327px;position: absolute; top: 265px;left: 8px;height: 340px;border-radius: 8px;background: rgba(255, 255, 255, 1);padding: 0 16px;}
.top .top-card .top-card-nav {width: 208px;height: 20px;display: flex;align-items: center;justify-content: space-between;margin: 32px 0 16px;color: rgba(0, 0, 0, 1);font-family: SF Pro Text;font-size: 14px;}
.top .top-card .top-card-nav img {width: 20px;height: 20px;display: block;}
.top .top-card .top-card-tab {display: flex; align-items: center;justify-content: space-between;}
.top .top-card .top-card-tab .top-card-item {width: 70px;height: 32px;border-radius: 30px;border: 1px solid rgba(235, 235, 235, 1);box-sizing: border-box;text-align: center;color: rgba(26, 53, 93, 1);font-family: SF Pro Text;font-weight: 500;font-size: 10px; line-height: 32px;}
.top .top-card .top-card-tab .active{ background: rgba(58, 118, 206, 1) !important;color: rgba(255, 255, 255, 1) !important;}
.top .top-card .top-card-phone { width: 295px;height: 48px;border-radius: 4px;border: 0.5px solid rgba(235, 235, 235, 1);box-sizing: border-box; margin: 24px 0 16px; padding-left: 53px;}
.top-card-sencond {display: flex;align-items: center;}
.areaCode {position: absolute; top: 138px;left: 28px;color: rgba(20, 41, 72, 1);font-family: SF Pro Text;font-weight: 600;font-size: 15px;}

.top .top-card .top-card-sencond .top-card-phone-second {width: 206px;height: 48px;border-radius: 4px 0 0 4px;border: 0.5px solid rgba(235, 235, 235, 1);box-sizing: border-box; padding-left: 13px;border-right: none;}
.top .top-card .top-card-sencond .top-phone-btn {width: 89px;height: 48px;border-radius: 0 4px 4px 0;border: 0.5px solid rgba(235, 235, 235, 1);box-sizing: border-box;border-left: none;background-color: #FFFFFF;color: rgba(171, 177, 194, 1);font-family: SF Pro Text;font-size: 14px;}
.top .top-card .top-card-sencond .line {width: 1px; height: 16px;border: 1px solid rgba(235, 235, 235, 1);}
.top .top-card .sure-btn {display: block; width: 230px;margin: 24px auto 0;height: 48px;border-radius: 110px;background: rgba(254, 104, 19, 1);color: rgba(255, 255, 255, 1);font-family: SF Pro Text;font-size: 17px;margin: o auto;line-height: 48px;text-align: center; border: none;}
.inviteLink-bottom {width: 235px;height: 20px;display: block; margin: 334px auto 0;}
.inviteLink-items {width: 327px;height: 201px; margin: 24px auto 32px;display: block;}

.dialog-card {position: fixed; width: 320px;border-radius: 16px;background: rgba(255, 255, 255, 1);z-index: 99; bottom: calc(50vh - 80px); left: calc(50vw - 160px); text-align: center;}
.withdrawalAgree-card .withdrawalAgree-card-title { margin: 32px auto 15px; text-align: center;line-height: 20px;color: rgba(20, 41, 72, 1);font-weight: 500;font-size: 17px;}
.withdrawalAgree-card .withdrawalAgree-card-info {margin: 0 auto 32px;text-align: center;color: rgba(26, 53, 93, 1);font-size: 14px;line-height: 20px;}

.isNoSend { color: rgba(58, 118, 206, 1) !important;}
.isPost {pointer-events: none; opacity: .4 !important;}