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

body {
    background-image: url(../../images/img_20y_199y/topBj.png);
    background-size: 100%;
    background-repeat: no-repeat;
}

.head {
    width: 100vw;
    height: 3.57rem;
    padding: 0.1px;
    position: relative;
    z-index: 0;
    margin-top: .3rem;
}

.headcon {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
}

.headcon::before {
    content: '';
    width: 7.02rem;
    height: 3.07rem;
    background-image: url(../../images/img_20y_199y/topCBj.png);
    background-size: 100% 100%;
    position: absolute;
    z-index: -1;
    top: 0.18rem;
    right: 0;
}

.headcon>div {
    width: 50%;
}

.headcon>div>p:nth-of-type(1) {
    font-size: 0.36rem;
    font-weight: 600;
    color: #521e08;
    text-shadow: 0px 1px 1px white;
    margin: 0.43rem auto 0;
    text-align: right;
    padding-right: 0.64rem;
}

.headcon>div:nth-of-type(1)>p:nth-of-type(1) {
    margin: 0.58rem auto 0;
    padding-right: 0.32rem;
}

.headcon>div>p>span {
    color: #f34629;
    font-style: italic;
}

.headcon>div>p:nth-of-type(1)>span {
    font-style: normal;
}

.headcon>div>p:nth-of-type(2) {
    font-size: 0.24rem;
    font-weight: 600;
    color: #c77c3f;
    margin-top: 0.53rem;
}

.headcon>div:nth-of-type(1)>p:nth-of-type(2) {
    font-size: 0.24rem;
    color: #757f95;
}

.headcon>div>p:nth-of-type(3) {
    font-size: 0.24rem;
    font-weight: 600;
    color: #c77c3f;
    margin-top: 0.2rem;
}

.headcon>div:nth-of-type(1)>p:nth-of-type(3) {
    font-size: 0.24rem;
    color: #757f95;
}

.headcon>div:nth-of-type(1)>p:nth-of-type(2),
.headcon>div:nth-of-type(1)>p:nth-of-type(3) {
    padding-left: 1.02rem;
    padding-right: 0.28rem;
    text-align: justify;
}

.headcon>div:nth-of-type(2)>p:nth-of-type(2),
.headcon>div:nth-of-type(2)>p:nth-of-type(3) {
    padding-left: 0.3rem;
}

.main {
    width: 100vw;
    margin-top: -0.3rem;
    border-radius: 0.24rem 0.24rem 0 0;
    position: relative;
    z-index: 1;
    padding-bottom: 3rem;
}

.yyintro {
    width: 1.15rem;
    height: 0.4rem;
    position: absolute;
    top: 1.75rem;
    left: 0;
    background-color: rgba(0, 0, 0, 0.36);
    border-radius: 0 0.5rem 0.5rem 0;
    font-size: 0.24rem;
    color: white;
    line-height: .4rem;
    text-align: center;
}

.ruleDetail {
    width: 1.15rem;
    height: 0.4rem;
    position: absolute;
    top: 2.36rem;
    left: 0;
    background-color: rgba(0, 0, 0, 0.36);
    border-radius: 0 0.5rem 0.5rem 0;
    font-size: 0.24rem;
    color: white;
    line-height: .4rem;
    text-align: center;
}

.getRecord {
    width: 1.15rem;
    height: 0.4rem;
    position: absolute;
    top: 2.96rem;
    left: 0;
    background-color: rgba(0, 0, 0, 0.36);
    border-radius: 0 0.5rem 0.5rem 0;
    font-size: 0.24rem;
    color: white;
    line-height: .4rem;
    text-align: center;
}

.f1 {
    width: 6.9rem;
    padding: 0.1px;
    margin: 0.3rem auto 0;
}

.txtqtit {
    width: 5.44rem;
    height: 0.35rem;
    display: block;
    margin: 0.3rem auto 0.32rem;
}

.f1Con {
    width: 6.9rem;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0.2rem 0.24rem;
    background: linear-gradient(to bottom, #fff0e3, #ffd5ab);
    border-radius: 0.24rem;
}

.f1Item {
    width: 3.1rem;
    height: 1.84rem;
    background-color: white;
    border-radius: 0.21rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    margin-bottom: 0.2rem;
}

.f1Item:nth-last-of-type(-n+2) {
    margin-bottom: 0;
}

.f1ItemAngle1 {
    width: .94rem;
    height: .36rem;
    background-image: url(../../images/img_20y_199y/f1Angle1Bj.png);
    background-size: 100% 100%;
    line-height: .36rem;
    text-align: center;
    color: white;
    font-size: 0.23rem;
    position: absolute;
    top: 0;
    left: 0;
}

.f1ItemAngle2 {
    width: 1.44rem;
    height: .36rem;
    background-image: url(../../images/img_20y_199y/f1Angle2Bj.png);
    background-size: 100% 100%;
    line-height: .36rem;
    text-align: center;
    color: #90420e;
    font-size: 0.23rem;
    position: absolute;
    top: 0;
    left: 0;
}

.f1Icon {
    width: .95rem;
    height: .95rem;
    margin-left: .2rem;
}

.f1ItemRight {
    width: 1.86rem;
    padding-left: .1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    /* padding-top: 0.3rem; */
}

.f1ItemRight>.f1irText1 {
    font-size: 0.32rem;
    font-weight: 600;
    color: #222;
    overflow: hidden;
    text-overflow: ellipsis;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-break: break-all;
}

.f1ItemRight>.f1irText1>span {
    font-size: 0.24rem;
    color: #666;
    display: block;
}

.f1ItemRight>.f1irText2 {
    font-size: 0.24rem;
    color: #999;
    margin-top: 0.1rem;
}

.f1ItemRight>.f1irBtn {
    width: 1.1rem;
    height: 0.46rem;
    display: block;
    margin-top: 0.1rem;
}
.f3 {
    margin-top: 0.24rem;
}

.f3tit {
    width: 5.54rem;
    height: .33rem;
    display: block;
    margin: 0 auto .25rem;
}

.f3Con {
    width: 6.9rem;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.f3Con>img {
    width: 3.35rem;
    height: 1.9rem;
    border-radius: 0.21rem;
    margin-bottom: 0.2rem;
}

.f4 {
    margin-top: 0.28rem;
}

.f4tit {
    width: 4.52rem;
    display: block;
    margin: 0 auto 0.27rem;
}

.f4Img1 {
    width: 6.9rem;
    display: block;
    margin: 0 auto;
}

.f4Con {
    width: 6.9rem;
    margin: 0.21rem auto 0.3rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.f4Con>img {
    width: 3.35rem;
    display: block;
}

.f4Btn {
    width: 6.9rem;
    display: block;
    margin: 0 auto;
}

.footer {
    width: 100vw;
    height: 2.95rem;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 9;
    background-color: white;
    border-radius: 0.24rem 0.24rem 0 0;
    box-shadow: 0px -2px 7px rgba(0, 0, 0, 0.2);
    display: none;
    padding: 0.1px;
}

.busiTypePar {
    width: 6.9rem;
    margin: 0 auto;
    overflow-x: auto;
}

.busiType {
    /* width: max-content; */
    margin: 0.28rem auto 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

/* 
.busiType>.busiItem:nth-last-of-type(1) {
    margin-right: 0;
} */

.busiItem {
    width: 3.3rem;
    height: 1.45rem;
    background-color: #f7f7f7;
    border: 2px solid transparent;
    border-radius: 0.2rem;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-top: 0.26rem;
    /* margin-right: 0.15rem; */
}

.busiItemAc {
    background-color: #fdf4e6;
    border: 2px solid #e2c4a1;
}

.busiItemAngle {
    width: 1.14rem;
    height: 0.34rem;
    background: linear-gradient(to top, #f7433a, #ff5c54);
    border-radius: 0.12rem 0 0.12rem 0;
    font-size: 0.24rem;
    line-height: .34rem;
    text-align: center;
    color: white;
    position: absolute;
    top: -0.13rem;
    left: 0;
}

.busiItem>p:nth-of-type(1) {
    font-size: 0.26rem;
    font-weight: 600;
    color: #4f220c;
    padding-top: 0.2rem;
    line-height: .5rem;
    margin-top: -.5rem;
}

.busiItem>p:nth-of-type(2) {
    font-size: 0.42rem;
    font-weight: 600;
    color: #f34949;
}

.busiItem>p:nth-of-type(3) {
    padding: 0.05rem 0.1rem;
    background-color: #fff4e4;
    border-radius: 0.5rem;
    font-size: 0.24rem;
    color: #daaa76;
}

.busiOpenbtn {
    width: 6.9rem;
    height: 0.89rem;
    margin: 0.25rem auto 0;
    background-image: url(../../images/img_20y_199y/busiOpenbtn.png);
    background-size: 100% 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 0.45rem;
    padding-right: 0.57rem;
}

.busiOpenbtn>p:nth-of-type(1) {
    font-size: 0.38rem;
    color: #4f220c;
    padding-top: 0.07rem;
}

.busiOpenbtn>p:nth-of-type(2) {
    font-size: 0.33rem;
    color: #f8e2ba;
    padding-bottom: 0.05rem;
}

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

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

.pop1 .popCon {
    width: 6.9rem;
    height: 1.4rem;
    background-color: rgba(0, 0, 0, 0.588);
    border-radius: 0.24rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.28rem;
    text-align: center;
    line-height: 1.6;
    color: white;
    position: fixed;
    top: 36%;
    left: 50%;
    z-index: 99;
    transform: translateX(-50%);
    background-image: none;
}

.popCon {
    width: 6.6rem;
    background-color: white;
    border-radius: 0.2rem;
    padding: 0.1px;
    position: relative;
}

.popTopBj {
    width: 6.39rem;
    position: absolute;
    top: -0.195rem;
    left: -0.08rem;
    z-index: inherit;
}

.releaseBD {
    font-size: 0.24rem;
    text-decoration: underline;
    color: #27a1ff;
    position: absolute;
    bottom: 0.2rem;
    left: 0.2rem;
}

.poptit {
    width: 3.15rem;
    display: block;
    margin: 0.32rem auto 0.35rem;
}

.popTextCon {
    height: 6.1rem;
    margin: 0 0.36rem;
    padding-bottom: 0.24rem;
    border-bottom: 1px solid #dddddd;
    overflow-y: auto;
}

.popText {
    font-size: 0.26rem;
    color: #6f6f6f;
    text-align: justify;
}

.popTextTit {
    font-weight: 600;
    color: black;
}

.pop2Bottom {
    padding: 0.1px 0.4rem;
}

.choseType>p {
    font-size: 0.3rem;
    color: #000;
    margin-top: 0.24rem;
}

.rightType {
    width: 5.82rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 0.22rem;
}

.rightType>p {
    width: 1.8rem;
    height: 0.6rem;
    line-height: calc(0.6rem - 4px);
    text-align: center;
    font-size: 0.3rem;
    color: #843c11;
    background-color: #f8e7d3;
    border-radius: 0.5rem;
    border: 2px solid transparent;
}

.rightType>p.rightTypeAc {
    background-color: #ebc193;
    border: 2px solid #d49c7a;
}

.pop2tip {
    font-size: .24rem;
    color: #ff3030;
    margin: 0.24rem 0;
}

.duanyan {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.duanyan>input {
    width: 2.9rem;
    height: 0.6rem;
    background-color: #eeeeee;
    border-radius: 0.5rem;
    outline: none;
    border: none;
    padding-left: 0.2rem;
    font-size: 0.26rem;
}

.duanyan>p {
    width: 1.9rem;
    height: 0.6rem;
    line-height: 0.6rem;
    text-align: center;
    font-size: .3rem;
    color: #843c11;
    background-color: #f0d4b5;
    border-radius: 0.5rem;
    margin-left: 0.22rem;
}

.pop_lingqu {
    width: 2.8rem;
    height: .8rem;
    display: block;
    margin: 0.4rem auto;
}

.pop_jiechu {
    width: 2.8rem;
    height: .8rem;
    display: block;
    margin: 0.4rem auto;
}

.pop3Bottom {
    padding: 0.1px 0.4rem;
}

.pop3 .duanyan {
    margin-top: 0.24rem;
}

.pop2 .popClose {
    bottom: -0.75rem;
}

.popClose {
    width: 0.58rem;
    height: 0.58rem;
    position: absolute;
    bottom: -1.15rem;
    left: 50%;
    z-index: inherit;
    transform: translateX(-50%);
}

.pop456Text {
    text-align: center;
    width: 100%;
    padding: 0 0.4rem;
    margin: 0.95rem 0 0;
    font-size: 0.3rem;
    color: #333333;
}

.pop456TextRed {
    color: #ff2222;
}

.pop_confirm {
    width: 2.8rem;
    height: .8rem;
    display: block;
    margin: 0.4rem auto;
}

.pop5 .popCon>.pop5Gou {
    width: 1.52rem;
    height: 1.52rem;
    display: block;
    margin: 0.4rem auto 0.2rem;
}

.pop5 .popCon>p {
    font-size: 0.3rem;
    text-align: center;
    color: #333;
}

.pop {
    display: none;
}

.ceshi {
    position: fixed;
    top: 10px;
    left: 10px;
    z-index: 98;
    display: flex;
}

.ceshi>i {
    display: block;
    margin-right: 20px;
    width: 12px;
    height: 12px;
    background-color: lightblue;
}

.dapai {
    width: 6.9rem;
  /*  background-image: url(../../images/img_20y_199y/dapaiBj.png);*/
    background-size: 100%;
    background-repeat: no-repeat;
    border-radius: 0.2rem;
    padding: 0.1px;
    margin: 0 auto 0;
}

.dapaiTit {
    width: 6.47rem;
    height: .32rem;
    display: block;
    margin: 0.33rem auto;
}

.dapaitab {
    width: 6.9rem;
    height: 0.88rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-size: 100% 100%;
}

.dapaitabchose1 {
    background-image: url(../../images/img_20y_199y/dapaitag1Bj.png);
}

.dapaitabchose1>div:nth-of-type(1)>p {
    color: #844400 !important;
}

.dapaitabchose2 {
    background-image: url(../../images/img_20y_199y/dapaitag2Bj.png);
}

.dapaitabchose2>div:nth-of-type(2)>p {
    color: #844400 !important;
}

.dapaitab>div {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.dapaitab>div>p:nth-of-type(1) {
    font-size: 0.34rem;
    font-weight: 600;
    color: #c7ab96;
}

.dapaitab>div>p:nth-of-type(2) {
    font-size: 0.24rem;
    /* font-weight: 600; */
    color: #c7ab96;
}

.dapaiCon {
    width: 6.9rem;
    background: linear-gradient(to bottom, #fff1e3, #ffd5aa);
    border-radius: 0 0 0.2rem 0.2rem;
    padding: 0.1px;
    margin: 0 auto;
}

.dapaiyueL {
    width: 5rem;
    height: 0.61rem;
    line-height: 0.61rem;
   /* background-image: url(../../images/img_20y_199y/dapaiyueLBj.png);*/
    background-image: url(../../images/img_20y_199y/dapainianLBj.png);
    background-size: 100% 100%;
    text-align: right;
    font-size: 0.3rem;
    color: #f34629;
    padding-right: 0.3rem;
    margin: 0.25rem 0 0 0.2rem;
    padding-top: 0.03rem;
}

.dapainianL {
    width: 5.3rem;
    height: 0.61rem;
    line-height: 0.61rem;
    background-image: url(../../images/img_20y_199y/dapainianLBj.png);
    background-size: 100% 100%;
    text-align: right;
    font-size: 0.3rem;
    color: #f34629;
    padding-right: 0.3rem;
    margin: 0.05rem 0 0 0.2rem;
    padding-top: 0.03rem;
}

.pieceCon1 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0.35rem 0.2rem 0;
}

.piece1 {
    width: 3.16rem;
    height: 1.88rem;
    background-color: white;
    border-radius: 0.21rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 0.2rem;
    position: relative;
    box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.2);
}

.piece1Top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.piece1Top>.goodsLogo {
    width: .95rem;
    height: .95rem;
    display: block;
    margin-right: 0.1rem;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.07);
    border-radius: 0.17rem;
}

.piece1Top>p {
    width: 1.75rem;
    font-size: 0.28rem;
    font-weight: 600;
    color: #6e0c00;
    overflow: hidden;
    text-overflow: ellipsis;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.piece1>.piece1Btn {
    width: 1.1rem;
    height: 0.46rem;
    display: block;
    align-self: flex-end;
    margin-top: 0.1rem;
    margin-right: 0.2rem;
}

.pieceCon2 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0.34rem auto 0;
    padding-bottom: 0.06rem;
}

.piece2 {
    width: 6.5rem;
    height: 1.62rem;
    background-image: url(../../images/img_20y_199y/dapaipiece2Bj.png);
    background-size: 100% 100%;
    border-radius: 0.21rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0.43rem 0 0.3rem;
    margin: 0 auto 0.2rem;
    position: relative;
    box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.2);
}

.piece2>.goodsLogo {
    width: .95rem;
    height: .95rem;
    display: block;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.07);
    border-radius: 0.17rem;
}

.piece2>div>p:nth-of-type(1) {
    font-size: 0.28rem;
    font-weight: 600;
    color: #6e0c00;
}

.piece2>div>p:nth-of-type(2) {
    font-size: 0.24rem;
    color: #b75145;
    margin-top: 0.05rem;
}

.piece2>.piece2Btn {
    width: 1.1rem;
    height: 0.46rem;
    display: block;
}

.txhdtit {
    width: 6.68rem;
    display: block;
    margin: 0.3rem auto;
}

.wxtstit {
    width: 5.44rem;
    display: block;
    margin: 0.3rem auto;
}

.wxts {
    width: 6.9rem;
    background: linear-gradient(to bottom, #fff1e3, #ffd6ac);
    border-radius: 0.24rem;
    margin: 0.3rem auto 0;
    padding: 0.24rem;
}

.wenan {
    /* width: 6.55rem; */
    height: 8.5rem;
    background-color: white;
    border-radius: 0.24rem;
    padding: 0.37rem 0.26rem 0.3rem 0.26rem;
    overflow-y: auto;
    font-size: 0.26rem;
    text-align: justify;
}

.nomore {
    width: 5.44rem;
    display: block;
    margin: 0.35rem auto;
}
.userInfo {
    width: 100vw;
    height: .45rem;
    position: fixed;
    top: 0;
    left: 0;
    border-radius: 0 0 0.3rem 0.3rem;
    background-color: rgba(0, 0, 0, 0.288);
    padding: 0 0.3rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.userInfo>p {
    font-size: 0.22rem;
    font-weight: 300;
    display: flex;
    align-items: center;
    color: white;
}

.userInfo>p>img {
    width: 0.1rem;
    margin-left: 0.1rem;
    vertical-align: middle;
}