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

.main {
    width: 100vw;
}

.topPart {
    padding-bottom: 0.5rem;
    background-color: #0d1820;
}

.topPart>div {
    width: 100vw;
    padding-bottom: .5rem;

    /*height: 12.5rem;*/
    /*height: 11rem;*/
    position: relative;
    /*padding: 0.1px;*/
    overflow: hidden;
    background-size: 100%;
    background-repeat: no-repeat;
    display: none;
}

.topPart>div>.f1 {
    width: 6.9rem;
    height: 3.3rem;
    /* background-image: url(../../images/img_grow/v1kpbj.png); */
    background-size: 100% 100%;
    margin: 0.3rem auto;
    position: relative;
}

.v1 {
    background-image: url(../../images/img_grow/v1bj.png);
}

.v1>.f1 {
    background-image: url(../../images/img_grow/v1kpbj.png);
}

.v1 .slnum {
    color: #23638e;
}

.v1 .dqdjAngle {
    background: linear-gradient(to right, #afe9fb, #dcfcfe);
    color: #3847a4;
}

.v1 .wgtip>p {
    color: #d9eaff;
}

.v2 {
    background-image: url(../../images/img_grow/v2bj.png);
}

.v2>.f1 {
    background-image: url(../../images/img_grow/v2kpbj.png);
}

.v2 .slnum {
    color: #3847a5;
}

.v2 .dqdjAngle {
    background: linear-gradient(to right, #83befd, #c7e0fb);
    color: #3847a4;
}

.v2 .wgtip>p {
    color: #d9eaff;
}

.v3 {
    background-image: url(../../images/img_grow/v3bj.png);
}

.v3>.f1 {
    background-image: url(../../images/img_grow/v3kpbj.png);
}

.v3 .slnum {
    color: #a33900;
}

.v3 .dqdjAngle {
    background: linear-gradient(to right, #f7aa8a, #ffddcc);
    color: #a33900;
}

.v3 .wgtip>p {
    color: #ffe4d8;
}

.v4 {
    background-image: url(../../images/img_grow/v4bj.png);
}

.v4>.f1 {
    background-image: url(../../images/img_grow/v4kpbj.png);
}

.v4 .slnum {
    color: #3e4a69;
}

.v4 .dqdjAngle {
    background: linear-gradient(to right, #82aff0, #def0fc);
    color: #214d8c;
}

.v4 .wgtip>p {
    color: #c9dfff;
}

.v5 {
    background-image: url(../../images/img_grow/v5bj.png);
}

.v5>.f1 {
    background-image: url(../../images/img_grow/v5kpbj.png);
}

.v5 .slnum {
    color: #a33900;
}

.v5 .dqdjAngle {
    background: linear-gradient(to right, #ffbf6a, #fff0b2);
    color: #a33900;
}

.v5 .wgtip>p {
    color: #fffcc9;
}

.v6 {
    background-image: url(../../images/img_grow/v6bj.png);
}

.v6>.f1 {
    background-image: url(../../images/img_grow/v6kpbj.png);
}

.v6 .slnum {
    color: #4435a1;
}

.v6 .dqdjAngle {
    background: linear-gradient(to right, #b680f0, #cbdbee);
    color: #480c80;
}

.v6 .wgtip>p {
    color: #fae5ff;
}

.v7 {
    background-image: url(../../images/img_grow/v7bj.png);
}

.v7>.f1 {
    background-image: url(../../images/img_grow/v7kpbj.png);
}

.v7 .slnum {
    color: #ffffff;
}

.v7 .dqdjAngle {
    background: linear-gradient(to right, #a797f1, #d4ccff);
    color: #3e2aaf;
}

.v7 .wgtip>p {
    color: #e5deff;
}

.v8 {
    background-image: url(../../images/img_grow/v8bj.png);
}

.v8>.f1 {
    background-image: url(../../images/img_grow/v8kpbj.png);
}

.v8 .slnum {
    color: #ffffff;
}

.v8 .dqdjAngle {
    background: linear-gradient(to right, #eeaf49, #fad68b);
    color: #955100;
}

.v8 .wgtip>p {
    color: #fff1d6;
}

.ruleIntro {
    width: 1.45rem;
    height: 0.4rem;
    line-height: 0.4rem;
    text-align: center;
    position: absolute;
    top: 0.2rem;
    left: 0;
    font-size: 0.24rem;
    color: white;
}

.tip1 {
    position: absolute;
    top: 0.84rem;
    left: 2.7rem;
    font-size: 0.22rem;
    font-weight: 600;
    color: #fe4925;
    transform: skewX(-10deg);
}

.tip2 {
    font-size: 0.2rem;
    /*color: #fbd98d;*/
    color: black;
    position: absolute;
    letter-spacing: 0.015rem;
    bottom: 1.1rem;
    left: 50%;
    transform: translateX(-50%) skewX(-10deg);
    white-space: nowrap;
}

.slnum {
    position: absolute;
    top: 1.28rem;
    left: 1.9rem;
    font-size: 0.38rem;
    font-weight: 600;
}

.slnum>span {
    transform: skewX(-15deg);
    display: inline-block;
}

.ksjtip {
    width: 4.48rem;
    height: 0.6rem;
    background-color: white;
    border-radius: 0.5rem;
    line-height: 0.6rem;
    text-align: center;
    font-size: 0.3rem;
    font-weight: 600;
    color: #fe4925;
    position: absolute;
    bottom: 0.3rem;
    left: 49%;
    transform: translateX(-50%);
}

.ksjtip::after {
    content: '';
    width: 0.54rem;
    height: 0.52rem;
    background-image: url(../../images/img_grow/ksjtipJiantou.png);
    background-size: 100% 100%;
    position: absolute;
    bottom: 0;
    right: -0.18rem;
}

.ksjtip>span {
    display: block;
    transform: skewX(-10deg);
}

.yjmytip {
    width: 5.28rem;
    height: 0.89rem;
    position: absolute;
    bottom: 0.12rem;
    left: 50%;
    transform: translateX(-50%);
}

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

.czsjflgdTit {
    width: 6.86rem;
    display: block;
    margin: 0.35rem auto;
}

.wfItem {
    width: 6.9rem;
    height: 2.6rem;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(255, 255, 255, 0.15));
    border-radius: 0.3rem;
    margin: 0 auto 0.36rem;
    position: relative;
}

.wfItem>.tit {
    width: 6.9rem;
    height: 0.8rem;
    background: linear-gradient(to right, #2e3842, #252b30);
    border-radius: 0.3rem;
    display: flex;
    /* justify-content: space-between; */
    align-items: center;
    position: relative;
}

.dqdjAngle {
    width: 1.39rem;
    height: 0.28rem;
    background: linear-gradient(to right, #afe9fb, #dcfcfe);
    border-radius: 0.5rem 0.5rem 0.5rem 0;
    position: absolute;
    top: -0.08rem;
    left: 0;
    font-size: 0.22rem;
    text-align: center;
    color: #3847a4;
}

.wfItem>.tit>.vipLogo {
    /*width: 0.79rem;*/
    width: 8%;
    margin-left: 0.28rem;
}

.wfItem>.tit>.tittip {
    font-size: 0.26rem;
    color: white;
    white-space: nowrap;
    margin-left: 0.37rem;
}

.wfItem>.tit>.titBtn {
    width: 2.04rem;
    position: absolute;
    top: 0;
    right: 0;
}

.wfItem>.con {
    height: 1.65rem;
    display: flex;
    align-items: center;
    padding-left: 0.3rem;
}

.wfItem>.con>div {
    width: 1.5rem;
}

.wfItem>.con>div>img {
    width: 0.8rem;
    display: block;
    margin: 0 auto;
}

.wfItem>.con>div>p {
    font-size: 0.26rem;
    color: white;
    text-align: center;
    margin-top: 0.1rem;
}

.wgtip {
    width: 6.9rem;
    height: 0.88rem;
    border: 1px solid #5e6058;
    border-radius: 0.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0.36rem auto;
    padding: 0 0 0 0.24rem;
}

.wgtip>.wangguan {
    width: 0.52rem;
    margin-right: 0.18rem;
}

.wgtip>p {
    font-size: 0.26rem;
    color: #d9eaff;
    white-space: nowrap;
}

.vipWelfare>.wfItem:nth-of-type(3),
.vipWelfare>.wfItem:nth-of-type(9) {
    height: 2.9rem;
}


.vipWelfare {
    position: relative;
}

.fold,
.fold2 {
    width: 3.28rem;
    height: 0.38rem;
    background-image: url(../../images/img_grow/foldBj.png);
    background-size: 100% 100%;
    font-size: 0.22rem;
    color: #b6b6b6;
    text-align: center;
    line-height: 0.38rem;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.fold {
    /*margin-top: .2rem;*/
    /*top: 6.72rem;*/
    /*!*top: 5rem;*!*/
    /*bottom: unset;*/
}

.fold>img,
.fold2>img {
    width: 0.18rem;
    height: 0.19rem;
    display: inline-block;
    margin-left: 0.07rem;
}

.fold2>img {
    transform: rotate(180deg);
}


.foldtopPartItem {
    height: unset !important;
}

.foldtopPartItem>.vipWelfare>.wfItem:nth-of-type(3) {
    height: 2.6rem !important;
}

.bottomPart {
    width: 100vw;
    background-color: #f8f8f8;
    border-radius: 0.26rem 0.26rem 0 0;
    position: relative;
    margin-top: -0.95rem;
    padding: 0.1px;
}

.bottomPartfold {
    margin-top: -0.5rem;
}

.bf1 {
    padding: 0.1px;
}

.bf1tit {
    width: 5.52rem;
    display: block;
    margin: 0.35rem auto;
}

.bf1con {
    width: 6.9rem;
    height: 3.45rem;
    background-image: url(../../images/img_grow/bf1bj.png);
    background-size: 100% 100%;
    margin: 0 auto;
    padding: 0.1px;
    position: relative;
    border-radius: 0.22rem;
    box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.2);
}

.bf1con>.bf1tip1 {
    height: 0.55rem;
    display: flex;
    align-items: center;
    margin: 0.1rem 0 0rem 0.3rem;
}

.bf1con>.bf1tip1>img {
    width: 1.58rem;
    height: 0.55rem;
    margin-right: 0.18rem;
}

.bf1con>.bf1tip1>div {
    padding: 0 .1rem;
    /*width: 1.72rem;*/
    height: 0.3rem;
    background: linear-gradient(to top, #ebb57d, #fde9ad);
    border-radius: 0.5rem 0.5rem 0.5rem 0;
    font-size: 0.22rem;
    color: #5d2105;
    text-align: center;
    line-height: 0.3rem;

}

.bf1con>.bf1tip2 {
    font-size: 0.48rem;
    font-weight: 600;
    color: white;
    text-align: center;
    margin: 0.05rem 0 0;
}

.bf1con>.bf1tip3 {
    font-size: 0.24rem;
    color: #7988a4;
    text-align: center;
}

.bf1score {
    width: 6.54rem;
    height: 1.54rem;
    background-image: url(../../images/img_grow/bf1scoreBj.png);
    background-size: 100% 100%;
    margin: 0.08rem auto 0;
    position: relative;
}

.bf1score>p:nth-of-type(1) {
    width: 2.1rem;
    height: 0.35rem;
    font-size: 0.24rem;
    color: #a4b2ca;
    text-align: center;
    line-height: 0.35rem;
}

.bf1score>.con {
    display: flex;
    align-items: center;
    margin: 0.2rem auto 0;
}

.bf1score>.con>div {
    width: 1.7rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.bf1score>.con>div>p:nth-of-type(1) {
    font-size: 0.42rem;
    font-weight: 600;
    color: white;
}

.bf1score>.con>div>p:nth-of-type(2) {
    font-size: 0.22rem;
    color: #a4b2ca;
}

.bf1score>.bf1playIcon {
    width: 0.46rem;
    position: absolute;
    bottom: 0.4rem;
    right: 0.4rem;
}

.bf1record1 {
    width: 1.26rem;
    height: 0.39rem;
    border-radius: 0.5rem;
    background-color: #374151;
    border: 1px solid #c9d3e3;
    font-size: 0.24rem;
    color: #ffffff;
    text-align: center;
    line-height: 0.35rem;
    position: absolute;
    top: 0.15rem;
    right: 0.18rem;
}


.bf1record2 {
    width: 1.26rem;
    height: 0.39rem;
    border-radius: 0.5rem;
    background-color: #374151;
    border: 1px solid #c9d3e3;
    font-size: 0.24rem;
    color: #ffffff;
    text-align: center;
    line-height: 0.35rem;
    position: absolute;
    top: 0.73rem;
    right: 0.18rem;
}

.bf2 {
    padding: 0.1px;
}

.bf2tit {
    width: 4.86rem;
    display: block;
    margin: 0.35rem auto;
}

.bf2con {
    width: 6.9rem;
    height: 3.2rem;
    background-image: url(../../images/img_grow/bf2bj.png);
    background-size: 100% 100%;
    margin: 0 auto;
    padding: 0.1px;
    position: relative;
    border-radius: 0.22rem;
    box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.2);
}

.totalstar {
    width: 2rem;
    text-align: center;
    font-size: 0.52rem;
    font-weight: 600;
    color: white;
    position: absolute;
    top: 1rem;
    left: .6rem;
}

.lastyear {
    font-size: 0.52rem;
    font-weight: 600;
    color: white;
    position: absolute;
    top: 0.85rem;
    left: 3.7rem;
}

.thisyear {
    font-size: 0.52rem;
    font-weight: 600;
    color: white;
    position: absolute;
    top: 1.95rem;
    left: 3.7rem;
}

.bf2con>.bf2tip1 {
    white-space: nowrap;
    font-size: 0.18rem;
    color: #edbc85;
    position: absolute;
    bottom: 0.3rem;
    left: 50%;
    transform: translateX(-50%);
}

.bf2record1 {
    width: 1.26rem;
    height: 0.39rem;
    border-radius: 0.5rem;
    background-color: #72669d;
    border: 1px solid #c9d3e3;
    font-size: 0.24rem;
    color: #ffffff;
    text-align: center;
    line-height: 0.35rem;
    position: absolute;
    top: 0.15rem;
    right: 0.18rem;
}


.bf2record2 {
    width: 1.26rem;
    height: 0.39rem;
    border-radius: 0.5rem;
    background-color: #545393;
    border: 1px solid #c9d3e3;
    font-size: 0.24rem;
    color: #ffffff;
    text-align: center;
    line-height: 0.35rem;
    position: absolute;
    top: 0.73rem;
    right: 0.18rem;
}


.bf3 {
    padding: 0.1px;
    position: relative;
}

.bf3tit {
    width: 5.99rem;
    display: block;
    margin: 0.35rem auto;
}

.bf3>.starIntro {
    width: 1.26rem;
    height: 0.39rem;
    line-height: 0.39rem;
    font-size: 0.24rem;
    color: #5d2105;
    text-align: center;
    border-radius: 0.5rem;
    border: 1px solid #5d2105;
    position: absolute;
    top: 0.35rem;
    right: 0.48rem;
    background-color: white;
}

.bf3con {
    width: 6.9rem;
    margin: 0 auto;
    padding: 0.1px;
    position: relative;
    border-radius: 0.22rem;
}

.bf3item {
    width: 6.9rem;
    height: 1.55rem;
    background-image: url(../../images/img_grow/bf3itemBj.png);
    background-size: 100% 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.2);
    border-radius: 0.24rem;
    margin: 0 auto 0.24rem;
    padding: 0 0.18rem 0 0.3rem;
}

.bf3con .iconcon {
    width: 0.6rem !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bf3con>.bf3item:nth-of-type(1) .bf3Icon {
    width: 0.46rem;
}

.bf3con>.bf3item:nth-of-type(2) .bf3Icon {
    width: 0.54rem;
}

.bf3con>.bf3item:nth-of-type(3) .bf3Icon {
    width: 0.57rem;
}

.bf3con>.bf3item:nth-of-type(4) .bf3Icon {
    width: 0.5rem;
}

.bf3con>.bf3item:nth-of-type(5) .bf3Icon {
    width: 0.4rem;
}

.bf3item>div {
    width: 3.95rem;
}

.bf3item>div>p:nth-of-type(1) {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.3rem;
    font-weight: 600;
    color: #341304;
    margin-bottom: 0.1rem;
}

.bf3item>div>p:nth-of-type(2) {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.24rem;
    color: #c68060;
}

.bf3item>.bf3itembtn {
    width: 1.42rem;
    height: 0.58rem;
    line-height: 0.58rem;
    background-color: white;
    border-radius: 0.5rem;
    font-size: 0.3rem;
    color: #a33900;
    text-align: center;
    box-shadow: 0px 3px 12px #a17c5e60;
}

.bf3item>.bf3itembtnGray {
    background-color: #536073;
    color: white;
}

.bf4 {
    padding: 0.1px;
    position: relative;
}

.bf4tit {
    width: 6rem;
    display: block;
    margin: 0.1rem auto 0.27rem;
}

.bf4>.bf4bigcon {
    width: 6.9rem;
    background-color: white;
    border-radius: 0.26rem;
    margin: 0 auto;
    box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.2);
    padding: 0.1px;
    padding-bottom: 0.28rem;
}

.bf4>.bf4bigcon>div {
    padding: 0.1px;
}

.bf4>.bf4bigcon>div>.tit {
    height: 0.51rem;
    padding-left: 0.33rem;
    font-size: 0.32rem;
    font-weight: 600;
    color: #381605;
    margin: 0.25rem 0 0;
    position: relative;
}

.bf4>.bf4bigcon>div>.tit::after {
    content: '';
    width: 0.08rem;
    height: 0.51rem;
    background: linear-gradient(to bottom, #f5e0cb, #e3a383);
    border-radius: 0 0.15rem 0.15rem 0;
    position: absolute;
    top: 0;
    left: 0;
}

.bf4con1>div {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0.17rem;
}

.bf4con1>div::after {
    content: '';
    width: 2.14rem;
}

.bf4con1>div>div {
    width: 2.14rem;
    height: 3.4rem;
    background-image: url(../../images/img_grow/bf4itembj.png);
    background-size: 100% 100%;
    padding: 0.1px;
    margin-bottom: 0.06rem;
}

.bf4con1>div>div>.imgbox {
    width: 1rem;
    height: 1rem;
    margin: 0.2rem auto 0.15rem;
    border-radius: 0.2rem;
    position: relative;
    overflow: hidden;
}

.bf4con1>div>div>.imgbox>img {
    width: 100%;
    height: 100%;
    display: block;
}

.bf4con1>div>div>.imgbox>.remain {
    width: 1rem;
    height: 0.34rem;
    line-height: 0.34rem;
    font-size: 0.2rem;
    text-align: center;
    color: white;
    background-color: rgba(0, 0, 0, 0.35);
    position: absolute;
    bottom: 0;
    left: 0;
}

.bf4con1>div>div>.bf4itemtip1 {
    font-size: 0.28rem;
    color: #381605;
    text-align: center;
}

.bf4con1>div>div>.bf4itemtip2 {
    font-size: 0.22rem;
    color: #a65e3d;
    text-align: center;
}

.bf4con1>div>div>.bf4itemtip3 {
    font-size: 0.3rem;
    color: #ff3838;
    text-align: center;
    margin: 0.2rem auto 0;
}

.bf4con1>div>div>.bf4itembtn {
    width: 1.36rem;
    height: 0.48rem;
    line-height: 0.48rem;
    font-size: 0.28rem;
    color: #6d2813;
    text-align: center;
    margin: 0.12rem auto 0;
    background: linear-gradient(to bottom, #ffebd7, #db875e);
    border-radius: 0.5rem;
}

.bf4con1>div>div>.bf4itembtnGray {
    background: #536073;
    color: white;
}

.bf4con2>.tit {
    margin: 0;
}

.bf4con2>div>div {
    width: 6.54rem;
    height: 1.56rem;
    border: 1px solid #f2f2f2;
    border-radius: 0.2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0.23rem 0 0.25rem;
    margin: 0.12rem auto 0;
}

.bf4con2>div>div>img {
    width: 1rem;
    height: 1rem;
}

.bf4con2>div>div>div {
    /* width: 3.56rem; */
    padding: 0.1px;
}

.bf4con2>div>div>div>p:nth-of-type(1) {
    font-size: 0.3rem;
    color: #341304;
}

.bf4con2>div>div>div>p:nth-of-type(2) {
    font-size: 0.24rem;
    color: #c68060;
}

.bf4con2>div>div>div>p:nth-of-type(3) {
    font-size: 0.3rem;
    color: #ff3838;
}

.bf4con2>div>div>.bf4itembtn2 {
    width: 1.36rem;
    height: 0.48rem;
    line-height: 0.48rem;
    background: linear-gradient(to bottom, #ffecd7, #dc8860);
    border-radius: 0.5rem;
    font-size: 0.28rem;
    color: #6d2813;
    text-align: center;
}

.bf5tit {
    width: 6rem;
    display: block;
    margin: 0.35rem auto;
}

.bf5con {
    width: 6.9rem;
    height: 6.3rem;
    background-color: white;
    border-radius: 0.24rem;
    box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.2);
    padding: 0.1px;
    margin: 0 auto;
}

.bf5conc {
    width: 6.54rem;
    height: 5.89rem;
    overflow-y: auto;
    background-color: #f6f6f6;
    border-radius: 0.24rem;
    margin: 0.18rem auto;
    padding: 0.2rem;
    line-height: 1.5;
}

.bf5conc>.bf5contit {
    font-size: 0.26rem;
    font-weight: 600;
    color: #333333;
}

.bf5conc>.bf5context {
    font-size: 0.26rem;
    color: #666;
}

.nomore {
    width: 4.88rem;
    display: block;
    margin: 0.35rem auto;
}


.bf5conc table{
    border: 1px solid black;
    width:100%;
    font-size: .26rem;
    border-collapse:collapse;
}
.bf5conc tr{
    border: 1px solid black;
}
.bf5conc td{
    text-align: center;
    border: 1px solid black;
}