.navbar{

    background:rgba(255,255,255,1);
    box-shadow:4px -1px 4px 0px rgba(124,123,124,0.67);
}
body{
    background:rgba(248,248,248,1);
}

.money{
    font-size:1rem;
    font-family:STHeitiSC-Medium;
    font-weight:500;
    color:rgba(25,25,25,1);
    margin-right: 2rem;
}
.uphoto img{
    border-radius:50%;
    width: 100%;
    height: 100%;
}
.uphoto{

    width:2rem;
    height:2rem;
    background:#00DDAA;
    border-radius:50%;

    display: inline-block;
    vertical-align:middle;
}
.maincontainpanel{
    margin-top: 1rem;
    width: 80%;
    position: absolute;
    left: 10%;
    background-color: #FFFFFF;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    min-height: 90%;
}
.toppanel{
    height: 3rem;
    border-width: 1px;
    border-color: #ECECEC;
    border-bottom-style:solid ;
    display: inline-block;
    width: 100%;
}
.maintitle{
    font-size:1.5rem;
    font-family:STHeitiSC-Medium;
    font-weight:500;
    color:rgba(26,26,26,1);
    display: inline-block;

}
.sycc{
    display: inline-block;
    position: absolute;
    right: 13rem;
    line-height: 2rem;
    font-family:STHeitiSC-Medium;
    font-size: 0.8rem;
    color:rgba(141,140,140,1);
}
.buy{
    display: inline-block;
    position: absolute;
    right: 10.5rem;
    line-height: 2rem;
    font-size: 0.8rem;

}
.buttoncreate{
    display: inline-block;
    position: absolute;
    right: 4rem;
    width:5rem;
    height:2rem;
    background:#e90b18;
    border-radius:3px;
    color: #FFFFFF;
    font-family:STHeitiSC-Medium;
    font-weight:500;
    line-height: 2rem;
    text-align: center;
}
.utils{
    margin-top: 2rem;
}
.myacts{
    margin-top: 2rem;
}
.table td{
    border-bottom: 1px solid #dee2e6;
}
.table thead th {
    vertical-align: bottom;
    border-bottom: 1px solid #dee2e6;
    color:rgba(97,96,96,1);
}
.table td, .table th {
    vertical-align:middle;
    border-top: 0px solid #dee2e6;
}
.table{
    font-size:0.9rem;
    font-family:STHeitiSC-Medium;
    font-weight:500;
    color:#202020;
}
.managertxt{
    color: #EB0402;
    display: inline-block;
}
.activeimg{
    width: 160px;
    height: 80px;
    background-color: grey;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.6rem;
}
.acttxt{
    display: inline-block;
    vertical-align: middle;
}
.acttitle{
    font-size:1.1rem;
    height: 2rem;
    line-height: 2rem;
    font-family:STHeitiSC-Medium;
    font-weight:bold;
    color:rgba(32,32,32,1);
}
.acttime{
    font-size:0.8rem;
    font-family:STHeitiSC-Medium;
    font-weight:500;
    color:rgba(110,110,110,1);
}
.actposition{
    font-size:0.8rem;
    font-family:STHeitiSC-Medium;
    font-weight:500;
    color:rgba(110,110,110,1);
}
.mybtn{
    width:300px;
    margin-left: 85px;
    height:2.5rem;
    background:rgba(235,4,2,1);
    border-radius:3px;
    color: #FFFFFF;
    font-size: 1rem;
    margin-bottom: 1.5rem;
}
.createform{
    width: 300px;
    position: relative;
    left: 100px;
    margin-top: 1rem;
    height: 12rem;
    margin-bottom: 1rem;
}
.hdname{
    width: 100%;
    font-size:0.9rem;
    font-family:STHeitiSC-Medium;
    font-weight:500;
    color:rgba(96,96,96,1);
    height: 2rem;
    line-height: 2rem;
    margin-bottom: 1rem;
}
.hlname{
    width: 100%;
    font-size:0.9rem;
    font-family:STHeitiSC-Medium;
    font-weight:500;
    color:rgba(96,96,96,1);
    height: 2rem;
    line-height: 2rem;
    margin-bottom: 1rem;
}
.createinput{
    border:0;border-bottom:1px solid #DCDCDC;
    height: 2rem;


}
.inputimg{

    position: absolute;
    right: 40px;
}
.card{
    background:rgba(255,255,255,1);
    box-shadow:0px 4px 13px 0px rgba(113,113,113,0.28);
    border-radius:8px;
    border-width: 0;
}
.cardchecked{
    background:rgba(255,245,245,1);
}
.card-title{
    text-align: center;
}
.cardtips{
    font-size:0.8rem;
    font-family:STHeitiSC-Medium;
    font-weight:500;
    color:rgba(106,106,106,1);
}
.card-body {

    padding: 1.2rem;
}
.card-body ul{
    padding-inline-start: 1rem;

}
.card-body ul li{
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;

}
.jiage{
    font-size:1.6rem;
    font-family:SourceHanSansSC-Regular;
    font-weight:400;
    color:rgba(235,4,2,1);
    text-align: center;

}
.card-footer {
    background-color: rgba(255,255,255,0);
    border-top: 0px solid rgba(0,0,0,.125);

}
.back{
    border-bottom: 1px solid #dee2e6;
    font-size:0.8rem;
    font-family:STHeitiSC-Medium;
    font-weight:500;
    color:rgba(148,147,147,1);
    margin-bottom: 2rem;
    height: 2rem;
    line-height: 2rem;
    cursor:pointer;
}
.zffs{
    margin-top: 5rem;
    height: 3rem;
    border-top: 1px solid rgba(0,0,0,.125);
    border-bottom: 1px solid rgba(0,0,0,.125);

}
.zftxt{
    position: absolute;
    line-height: 3rem;
    height: 3rem;
    display: inline-block;
    vertical-align: middle;
    font-size:1rem;
    font-family:STHeitiSC-Medium;
    font-weight:500;
    color:rgba(26,26,26,1);
}
.zfcheck{
    position: absolute;
    right: 1.2rem;
    height: 3rem;
    line-height: 3rem;

}
.wxzf{
    width: 2rem;
    height: 1.76rem;
}
.zfbtn{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 50px;
    width:220px;
    height:40px;
    background:rgba(235,4,2,1);
    border-radius:20px;
    color: #FFFFFF;
    font-size:1rem;
    font-family:STHeitiSC-Medium;
    text-align: center;
    height: 40px;
    line-height: 40px;
}