* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

body {
    background-color: #2d1911;
    font-size: 0.26rem;
}

.main {
    width: 100vw;
    background-image: url(../../images/img_lx/topBj.png);
    background-size: 100%;
    background-repeat: no-repeat;
    padding: 0.1px;
    position: relative;
}

.userBar {
    width: 100vw;
    height: 0.63rem;
    background: linear-gradient(to right, #764f28, #3a1a0c);
    border-radius: 0 0 0.26rem 0.26rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0.3rem;
    font-size: 0.26rem;
    color: white;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 6;
}

.sideBtn {
    width: 1.17rem;
    height: 0.54rem;
    background-image: url(../../images/img_lx/sideBtnBj.png);
    background-size: 100% 100%;
    position: absolute;
    top: 5.21rem;
    right: 0;
    font-size: 0.24rem;
    color: white;
    line-height: 0.5rem;
    text-align: center;
    padding-left: 0.05rem;
}

.getRecord {
    top: 5.9rem;
}

.f1 {
    width: 6.9rem;
    height: 4.75rem;
    margin: 6.98rem auto 0;
    background-image: url(../../images/img_lx/f1Bj.png);
    background-size: 100% 100%;
    padding: 0.1px;
    position: relative;
}

.f1Beside {
    width: 1.68rem;
    height: 0.81rem;
    position: absolute;
    top: 1.2rem;
    right: 0;
}

.f1>.tip1 {
    font-size: 0.32rem;
    font-weight: 600;
    color: #4b2311;
    margin: 0.2rem 0 0;
    text-align: center;
    line-height: 0.47rem;
}

.f1>.tip1>span {
    color: #ce7a47;
}

.f1>.tip2 {
    font-size: 0.8rem;
    font-weight: 600;
    color: #ff3b21;
    text-align: center;
    margin-top: 0.1rem;
}

.f1>.tip3 {
    font-size: 0.32rem;
    font-weight: 600;
    color: #4b2311;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0.35rem;
}

.f1>.tip3>span {
    font-size: 0.44rem;
    color: #ce7a47;
}

.f1>.tip3>img {
    width: 1.08rem;
    height: 0.64rem;
    margin: 0.15rem 0 0 0.25rem;
}

.f1Btn {
    width: 4.7rem;
    height: 0.92rem;
    line-height: 0.92rem;
    font-size: 0.4rem;
    font-weight: 600;
    text-align: center;
    color: #7d2300;
    text-shadow: 0px 1px 1px white;
    position: absolute;
    bottom: 0.24rem;
    left: 50%;
    transform: translateX(-50%);
}

.F5gb {
    width: 6.94rem;
    height: 4.15rem;
    background-image: url(../../images/img_lx/F5GBBj.png);
    background-size: 100% 100%;
    margin: 0.4rem auto 0;
    position: relative;
    padding: 0.1px;
}

.F5gb>.acRule {
    width: 1.48rem;
    height: 0.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #4b2315;
    border-radius: 0.5rem;
    font-size: 0.24rem;
    color: white;
    position: absolute;
    top: 0.14rem;
    right: 0.15rem;
}

.F5gb>.acRule>em {
    font-style: normal;
    font-size: 0.2rem;
    width: 0.27rem;
    height: 0.27rem;
    border: 1px solid white;
    border-radius: 0.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 0.03rem;
}

.F5gb .f5gbCon {
    width: 6.68rem;
    height: 2.3rem;
    margin: 0.8rem auto 0;
    background-image: url(../../images/img_lx/f5gbConBj.png);
    background-size: 100% 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    font-size: 0.22rem;
    color: #653100;
    padding: 0 0.12rem 0 0.05rem;
    padding-top: 1.27rem;
}

.F5gb .f5gbCon>p {
    width: 30%;
    text-indent: 0.4rem;
    text-align: justify;
}

.F5gb>.tip1 {
    font-size: 0.24rem;
    color: #ff3b21;
    text-align: center;
    margin-top: 0.3rem;
    letter-spacing: 0.02rem;
    transform: skewX(-10deg);
}

.Finvite {
    width: 6.94rem;
    height: 6.86rem;
    background-image: url(../../images/img_lx/FinviteBj.png);
    background-size: 100% 100%;
    margin: 0.4rem auto 0;
    position: relative;
    padding: 0.1px;
}

.FinviteTop {
    width: 6.68rem;
    height: 0.68rem;
    border: 1px solid #5c2815;
    border-radius: 0.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0.85rem auto 0;
    padding: 0 0.28rem;
}

.FinviteTop>p {
    font-size: 0.26rem;
    color: white;
}

.FinviteTop>p>span {
    font-size: 0.3rem;
    color: #fff53d;
}

.FinviteTop>.line {
    width: 0.02rem;
    height: 0.4rem;
    background-color: #5c2815;
}

.FinviteCon {
    width: 6.45rem;
    height: 3.75rem;
    margin: 0.3rem auto 0;
    overflow-y: auto;
}

.FinviteItem {
    width: 100%;
    height: 1.25rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #532312;
    padding-left: 0.1rem;
}

.FinviteItem:nth-last-of-type(1) {
    border: none;
}

.FinviteItem>div>p:nth-of-type(1) {
    font-size: 0.3rem;
    color: white;
    margin-bottom: 0.15rem;
}

.FinviteItem>div>p:nth-of-type(2) {
    font-size: 0.26rem;
    color: #8e6c5f;
}

.FinviteItem>div:nth-of-type(2) {
    width: 1.25rem;
    height: 0.55rem;
    line-height: 0.55rem;
    text-align: center;
    border-radius: 0.5rem;
    font-size: 0.3rem;
    font-weight: 600;
    color: white;
    text-shadow: 0px 2px 7px rgba(0, 0, 0, 0.404);
}

.FinviteItem>.light {
    background: linear-gradient(to bottom, #feaa95, #ff1048);
}

.FinviteItem>.light>span {
    font-size: 0.35rem;
    color: #fff76a;
}

.FinviteItem>.dark {
    background: linear-gradient(to bottom, #d7d7d7, #616261);
}

.FinviteBottom {
    width: 6.7rem;
    height: 0.7rem;
    margin: 0.26rem auto 0;
    background-image: url(../../images/img_lx/FinviteBottomBj.png);
    background-size: 100% 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0.17rem 0 0.3rem;
}

.FinviteBottom>p:nth-of-type(1) {
    font-size: 0.26rem;
    font-weight: 600;
    color: #ff3e3e;
    transform: skewX(-10deg);
}

.FinviteBottom>p:nth-of-type(2) {
    font-size: 0.28rem;
    font-weight: 600;
    color: #653100;
}

.Fjingcai {
    width: 6.94rem;
    height: 3rem;
    background-image: url(../../images/img_lx/FjingcaiBj.png);
    background-size: 100% 100%;
    margin: 0.4rem auto 0;
    position: relative;
    padding: 0.1px;
}

.FjingcaiConImg {
    width: 6.6rem;
    height: 1.98rem;
    display: block;
    margin: 0.8rem auto 0;
    border-radius: .2rem;
}


.nomore {
    width: 6.9rem;
    display: block;
    margin: 0.5rem auto;
}

.fuceng {
    width: 3.5rem;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
    padding: 0.5rem 0.3rem;
    background-color: rgba(0, 0, 0, 0.65);
    border-radius: 0.24rem;
    font-size: 0.4rem;
    color: white;
    text-align: center;
    display: none;
}

.pop {
    display: none;
}

.popMask {
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.45);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 8;
}

.popPar {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pop1 .popCon {
    width: 6.9rem;
    height: 12.13rem;
    background-image: url(../../images/img_lx/popLBj.png);
    background-size: 100% 100%;
    margin-top: -1.5rem;
    position: relative;
}

.poptit {
    font-size: 0.44rem;
    font-weight: 600;
    color: #742900;
    text-align: center;
    margin-top: 1.26rem;
    text-shadow: 0 1px 1px #ffedce;
}

.pop1 .wenAn {
    width: 6.2rem;
    height: 9.5rem;
    margin: 0.55rem auto 0;
    overflow-y: auto;
}

.pop1 .wenAn .wenAnItem {
    font-size: 0.3rem;
    color: #666;
    margin-bottom: 0.4rem;
    text-align: justify;
}

.pop1 .wenAn .wenAnItem>.wenAntit {
    font-size: 0.36rem;
    font-weight: 600;
    color: #222;
    text-indent: 0;
}

.pop1 p{
    text-indent: .4rem;
}


.popClose {
    width: 0.6rem;
    height: 0.6rem;
    position: absolute;
    bottom: -0.88rem;
    left: 50%;
    transform: translateX(-50%);
}

.pop2 .popCon {
    width: 6.9rem;
    height: 9.57rem;
    background-image: url(../../images/img_lx/popSBj.png);
    background-size: 100% 100%;
    margin-top: -1.5rem;
    position: relative;
}

.pop2 .itemTit {
    width: 90%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.38rem;
    font-weight: 600;
    color: #a86d41;
    margin: 0.45rem auto 0;
}

.pop2 .itemTit>p {
    width: 3.45rem;
    text-align: center;
}

.pop2 .itemTit>i {
    width: 0.02rem;
    height: 0.52rem;
    background-color: #e0d4c8;
}

.pop2 .itemCon {
    width: 90%;
    height: 6.1rem;
    overflow-y: auto;
    margin: 0.2rem auto 0;
}

.pop2 .itemCon>.item:nth-last-of-type(1) {
    border: none;
}

.pop2 .itemCon>.item {
    width: 100%;
    height: 0.95rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px dashed #e0d4c8;
    font-size: 0.28rem;
    font-weight: 600;
}

.pop2 .itemCon>.item>div {
    width: 50%;
    color: #222;
    text-align: center;
}

.pop2 .itemCon>.item>p {
    width: 50%;
    color: #222;
    text-align: center;
}


.pop3 .popCon {
    width: 6.9rem;
    height: 9.57rem;
    background-image: url(../../images/img_lx/popSBj.png);
    background-size: 100% 100%;
    margin-top: -1.5rem;
    position: relative;
}

.pop3 .popCon>.poptip1 {
    font-size: 0.38rem;
    font-weight: 600;
    color: #222;
    text-align: center;
    margin: 0.45rem auto 0;
    padding-left: 0.24rem;
}

.pop3 .popCon>.poptip2 {
    font-size: 0.98rem;
    font-weight: 600;
    color: #a86d41;
    text-align: center;
    margin-top: 0.3rem;
}

.pop3 .popCon>.poptip3 {
    width: 5.6rem;
    margin: 0.7rem auto 0;
    font-size: 0.38rem;
    font-weight: 600;
    color: #222222;
    text-align: center;
}

.pop3 .popCon>.poptip3>span {
    font-size: 0.42rem;
    color: #eb3030;
}

.pop3 .toast {
    width: 4.5rem;
    padding: 0.5rem;
    font-size: 0.32rem;
    color: white;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(0, 0, 0, 0.57);
    border-radius: 0.2rem;
    display: none;
}

.popBtn {
    width: 6.24rem;
    height: 1.58rem;
    background-image: url(../../images/img_lx/popBtnBj.png);
    background-size: 100% 100%;
    position: absolute;
    bottom: 0.6rem;
    left: 50%;
    transform: translateX(-50%);
    font-size: 0.48rem;
    font-weight: 600;
    color: #7d2300;
    text-shadow: 0 1px 1px white;
    text-align: center;
    line-height: 1.26rem;
}


.pop4 .popCon {
    width: 6.9rem;
    height: 9.57rem;
    background-image: url(../../images/img_lx/popSBj.png);
    background-size: 100% 100%;
    margin-top: -1.5rem;
    position: relative;
}

.pop4 .popCon>.poptip1 {
    font-size: 0.38rem;
    font-weight: 600;
    color: #222;
    text-align: center;
    margin: 0.85rem auto 0;
    padding-left: 0.24rem;
}

.pop4 .popCon>.poptip2 {
    font-size: 0.45rem;
    font-weight: 600;
    color: #eb3030;
    text-align: center;
    margin-top: 0.5rem;
}

.pop4 .popCon>.poptip3 {
    margin: 0.78rem auto 0;
    font-size: 0.38rem;
    color: #222222;
    text-align: center;
}


.pop5 .popCon {
    width: 6.9rem;
    height: 9.57rem;
    background-image: url(../../images/img_lx/popSBj.png);
    background-size: 100% 100%;
    margin-top: -1.5rem;
    position: relative;
}

.pop5 .popCon>.poptip1 {
    font-size: 0.45rem;
    font-weight: 600;
    color: #222;
    text-align: center;
    margin: 0.75rem auto 0;
}

.pop5 .popCon>.poptip2 {
    font-size: 0.45rem;
    font-weight: 600;
    color: #eb3030;
    text-align: center;
    margin-top: 0.78rem;
}

.pop5 .popCon>.poptip3 {
    margin: 1.45rem auto 0;
    font-size: 0.38rem;
    font-weight: 600;
    color: #222222;
    text-align: center;
}


.pop6 .popCon {
    width: 6.9rem;
    height: 9.57rem;
    background-image: url(../../images/img_lx/popSBj.png);
    background-size: 100% 100%;
    margin-top: -1.5rem;
    position: relative;
}

.pop6 .itemTit {
    width: 90%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.38rem;
    font-weight: 600;
    color: #a86d41;
    margin: 0.45rem auto 0;
}

.pop6 .itemTit>p {
    width: 3.45rem;
    text-align: center;
}

.pop6 .itemTit>i {
    width: 0.02rem;
    height: 0.52rem;
    background-color: #e0d4c8;
}

.pop6 .itemCon {
    width: 90%;
    height: 6.1rem;
    overflow-y: auto;
    margin: 0.2rem auto 0;
}

.pop6 .itemCon>.item:nth-last-of-type(1) {
    border: none;
}

.pop6 .itemCon>.item {
    width: 100%;
    height: 0.95rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px dashed #e0d4c8;
    font-size: 0.32rem;
    font-weight: 600;
}

.pop6 .itemCon>.item>p {
    width: 50%;
    color: #222;
    text-align: center;
}


.pop7 .popCon {
    width: 6.9rem;
    height: 9.57rem;
    background-image: url(../../images/img_lx/popSBj.png);
    background-size: 100% 100%;
    margin-top: -1.5rem;
    position: relative;
}

.pop7 .popCon>.poptip1 {
    font-size: 0.45rem;
    font-weight: 600;
    color: #222;
    text-align: center;
    margin: 0.75rem auto 0;
}

.pop7 .popCon>.poptip2 {
    font-size: 0.45rem;
    font-weight: 600;
    color: #eb3030;
    text-align: center;
    margin-top: 1.5rem;
    margin-left: .3rem;
    margin-right: .3rem;
}


.ceshi {
    display: flex;
    align-items: center;
    position: fixed;
    top: 40px;
    left: 10px;
}

.ceshi>i {
    width: 15px;
    height: 15px;
    background-color: lightblue;
    border-radius: 0.5rem;
    margin-right: 12px;
}


.zx_blcg {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 13;
}
.zx_blcg_2 {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 5rem;
    background: rgba(0, 0, 0, 0.57);
    border-radius: 0.2rem;
    overflow: hidden;
}
.zx_blcgs_1 {
    font-size: 0.32rem;
    color: white;
    text-align: center;
    letter-spacing: 0.03rem;
    margin: 0.5rem 0.1rem;
    word-break: break-all;
}