420 lines
7.3 KiB
CSS
420 lines
7.3 KiB
CSS
.head {
|
|
width: 100vw;
|
|
height: 69px;
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: 99;
|
|
background: url('../../static/head/background.png');
|
|
background-size: 100% 100%;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
/* background-color: rgb(248, 211, 211); */
|
|
|
|
}
|
|
|
|
.head .center {
|
|
/* margin: 0 auto; */
|
|
width: 100vw;
|
|
height: 100%;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
position: relative;
|
|
|
|
}
|
|
|
|
.head-nav {
|
|
/* margin-right: 50px; */
|
|
/* margin-right: 20px; */
|
|
color: #f78e4c;
|
|
font-size: 28px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.head .center .left img {
|
|
/* width: 263px; */
|
|
height:50px;
|
|
/* height:78px; */
|
|
/* background-color: red;
|
|
*/
|
|
margin-left: 15px;
|
|
margin-top: 12px;
|
|
}
|
|
|
|
.head .center .right {
|
|
height: 100%;
|
|
/* padding-left: 60px; */
|
|
margin-right: 33px;
|
|
display: flex;
|
|
justify-content: right;
|
|
align-items: center;
|
|
}
|
|
|
|
.head .center .right .kf {
|
|
/* margin-right: 20px; */
|
|
display: flex;
|
|
/* background-color: pink; */
|
|
justify-content: center;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.head .center .right .kf .kfText {
|
|
margin-left: 5px;
|
|
font-size: 16px;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.head .center .right .kf .kfIcon {
|
|
font-size: 16px;
|
|
color: #FF9F08;
|
|
}
|
|
|
|
/*
|
|
.head .center .left .logo {
|
|
width: 38px;
|
|
height: 38px;
|
|
} */
|
|
|
|
/* .head .center .left .sys-title {}
|
|
|
|
.head .center .left .sys-title-sub {
|
|
font-size: 14px;
|
|
font-weight: unset;
|
|
} */
|
|
|
|
/* .head .center .right {
|
|
height: 100%;
|
|
padding-left: 60px;
|
|
display: flex;
|
|
justify-content: right;
|
|
}
|
|
|
|
.head .center .head-item {
|
|
height: 100%;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
padding: 0 10px;
|
|
font-size: var(--font-size-head);
|
|
cursor: pointer;
|
|
position: relative;
|
|
}
|
|
|
|
.ant-dropdown .dropdown-item {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: center;
|
|
}
|
|
|
|
.ant-dropdown .dropdown-item .title {
|
|
margin-left: 5px;
|
|
} */
|
|
.ant-dropdown .dropdown-item .title {
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.invitationButton {
|
|
/* width: 81px; */
|
|
height: 36px;
|
|
/* background: linear-gradient(79deg, #FFB020 0%, #FF6508 100%); */
|
|
border-radius: 27px;
|
|
text-align: center;
|
|
line-height: 36px;
|
|
font-weight: 300;
|
|
font-size: 16px;
|
|
color: #FF9F08;
|
|
font-weight: 700;
|
|
/* margin-left: 20px; */
|
|
cursor: pointer;
|
|
}
|
|
|
|
.invitation-box {
|
|
width: 530px;
|
|
height:157px;
|
|
background: #F9F9F9;
|
|
margin-top: 16px;
|
|
border: 1px solid #EEEEEE;
|
|
}
|
|
|
|
.invBox-top {
|
|
display: flex;
|
|
align-items: center;
|
|
height: 100px;
|
|
/* background-color: skyblue; */
|
|
}
|
|
|
|
.invBox-titleTop {
|
|
width: 50%;
|
|
font-weight: bold;
|
|
font-size: 24px;
|
|
display: flex;
|
|
justify-content: center;
|
|
/* cursor: ; */
|
|
}
|
|
|
|
.createInv {
|
|
width: 50%;
|
|
/* font-weight: bold;
|
|
font-size: 24px;
|
|
display: flex;
|
|
justify-content: center; */
|
|
font-weight: 400;
|
|
font-size: 24px;
|
|
color: #009C1D;
|
|
text-decoration-line: underline;
|
|
text-align: center;
|
|
line-height: 118px;
|
|
/* cursor: pointer; */
|
|
}
|
|
|
|
.invBox-lineTop {
|
|
width: 1px;
|
|
height: 22px;
|
|
background: #626262;
|
|
}
|
|
|
|
.invBox-title {
|
|
/* height: 118px; */
|
|
width: 165px;
|
|
width: 200px;
|
|
|
|
/* background-color: pink; */
|
|
font-weight: bold;
|
|
font-size: 24px;
|
|
color: #454545;
|
|
text-align: center;
|
|
/* line-height: 118px; */
|
|
}
|
|
|
|
/* .invBox-titleTop{
|
|
width:190px;
|
|
font-weight: bold;
|
|
font-size: 24px;
|
|
color: #454545;
|
|
text-align: center;
|
|
background-color: pink;
|
|
|
|
} */
|
|
|
|
.invBox-line {
|
|
width: 1px;
|
|
height: 22px;
|
|
background: #626262;
|
|
}
|
|
|
|
.invBox-btn {
|
|
width: 362px;
|
|
/* height: 118px; */
|
|
/* background-color: #fcc19d; */
|
|
font-weight: 400;
|
|
font-size: 24px;
|
|
color: #009C1D;
|
|
text-decoration-line: underline;
|
|
text-align: center;
|
|
line-height: 118px;
|
|
cursor: pointer;
|
|
|
|
}
|
|
|
|
|
|
.invBox-btnTwo {
|
|
width: 362px;
|
|
height: 118px;
|
|
/* background-color: #fcc19d; */
|
|
font-weight: 400;
|
|
font-size: 24px;
|
|
color: #009C1D;
|
|
text-decoration-line: underline;
|
|
text-align: center;
|
|
line-height: 118px;
|
|
}
|
|
|
|
.invBox-btnthree {
|
|
width: 362px;
|
|
height: 118px;
|
|
/* background-color: #fcc19d; */
|
|
}
|
|
|
|
.invBox-Num {
|
|
width: 362px;
|
|
height: 118px;
|
|
/* background-color: #fcc19d; */
|
|
}
|
|
|
|
.invNum-box {
|
|
width: 362px;
|
|
height: 118px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-evenly;
|
|
}
|
|
|
|
.invNum {
|
|
font-weight: bold;
|
|
font-size: 36px;
|
|
/* color: #454545; */
|
|
/* background-color: skyblue; */
|
|
color: #1677FF;
|
|
background: linear-gradient(81deg, #000000 0%, #FFAA1E 0%, #FF6E0B 99.0234375%);
|
|
-webkit-background-clip: text;
|
|
-webkit-text-fill-color: transparent;
|
|
}
|
|
|
|
|
|
|
|
.copyBtn {
|
|
font-size: 16px;
|
|
color: #FF9F08;
|
|
line-height: 24px;
|
|
text-decoration-line: underline;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.invBox-bot {
|
|
/* background-color: pink; */
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-weight: 400;
|
|
font-size: 18px;
|
|
height: 57px;
|
|
color: #818181;
|
|
|
|
}
|
|
|
|
.invBox-tips {
|
|
width: 350px;
|
|
/* background-color: pink; */
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
text-align: center;
|
|
}
|
|
|
|
.invBox-input {
|
|
width: 362px;
|
|
height: 118px;
|
|
/* background-color: #fcc19d; */
|
|
|
|
}
|
|
.invBox-inputl{
|
|
width: 264px;
|
|
height: 118px;
|
|
}
|
|
|
|
.invInput {
|
|
width: 362px;
|
|
height: 118px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-evenly;
|
|
}
|
|
.invInputl {
|
|
width: 264px;
|
|
height: 118px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-evenly;
|
|
}
|
|
|
|
.invImg {
|
|
width: 31px;
|
|
height: 30px;
|
|
/* background-color: pink; */
|
|
cursor: pointer;
|
|
}
|
|
|
|
.relieveBtn {
|
|
font-weight: 400;
|
|
font-size: 18px;
|
|
color: #366B77;
|
|
text-decoration-line: underline;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.errorBox {
|
|
width: 362px;
|
|
height: 118px;
|
|
align-items: center;
|
|
justify-content: space-evenly;
|
|
display: flex;
|
|
|
|
}
|
|
|
|
.errorBox-title {
|
|
font-weight: 400;
|
|
font-size: 24px;
|
|
color: #E21414;
|
|
text-decoration-line: underline;
|
|
}
|
|
|
|
.errorBox-btn {
|
|
font-weight: 400;
|
|
font-size: 18px;
|
|
color: #535353;
|
|
text-decoration-line: underline;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.headLine {
|
|
height: 20px;
|
|
width: 1px;
|
|
background-color: rgb(218, 218, 218);
|
|
margin-left: 10px;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.head-notice {
|
|
color: #f78e4c;
|
|
font-size: 28px;
|
|
/* background-color: pink; */
|
|
position: relative;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.noticeNum {
|
|
top: 0;
|
|
left: 15px;
|
|
position: absolute;
|
|
width: 28px;
|
|
height: 20px;
|
|
background-color: #f78e4c;
|
|
border-radius: 10px;
|
|
color: white;
|
|
font-size: 12px;
|
|
text-align: center;
|
|
line-height: 20px;
|
|
}
|
|
|
|
.kfBox {
|
|
/* background-color: pink; */
|
|
/* border: 1px solid rgb(209, 209, 209); */
|
|
/* border-radius: 5px; */
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
padding: 20px 10px;
|
|
}
|
|
|
|
.kfTitle {
|
|
font-size: 25px;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.kfImg {
|
|
border: 1px solid rgb(226, 226, 226);
|
|
border-radius: 5px;
|
|
padding: 10px;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.kfHttp {
|
|
font-size: 16px;
|
|
margin-top: 20px;
|
|
color: rgb(124, 124, 124);
|
|
}
|
|
|
|
.kfHttpText {
|
|
cursor: pointer;
|
|
color: #5980B5;
|
|
} |