.bg {
    width: 100%;
    height: 100vh;
    background-color: #6187f1;
    overflow: hidden;
    position: relative;
}

.bg .topBg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 8.28rem;
    background: url(../img/quanping.png) no-repeat center;
    background-size: 100% 100%;
    z-index: 1;
}

.bg .contentBox {
    position: relative;
    z-index: 2;
}

.bg .goBack {
    width: .33rem;
    height: .33rem;
    margin-left: .35rem;
    background: url(/wap_login/images/left.png) no-repeat center;
    background-size: 100% 100%;
    margin-top: .35rem;
}

.formBox {
    width: 7.62rem;
    margin: 0 auto;
    margin-top: 4.42rem;
    background-color: #FFF;
    border-radius: .18rem;
    box-shadow: 0px .04rem .33rem 0px rgba(97, 128, 164, 0.11);
}

.formBox .inputBox {
    display: flex;
    width: 6.96rem;
    background-color: #FFF;
    height: 1.5rem;
    margin: 0 auto;
    border-bottom: solid .022rem #F1F1F1;
}

.formBox .inputBox:last-child {
    border: none;
}

.formBox .inputBox img {
    width: .38rem;
    height: .46rem;
    margin-top: .51rem;
}

.formBox .inputBox input {
    width: 4.25rem;
    height: .44rem;
    font-size: .35rem;
    line-height: .44rem;
    color: #444;
    margin-top: .53rem;
    border: none;
    outline: none;
    text-align: right;

}

.formBox .inputBox .text {
    font-size: .31rem;
    width: 2.03rem;
    height: .44rem;
    line-height: .46rem;
    margin-top: .53rem;
    color: #444;
    margin-left: .18rem;

}

.formBox .inputBox .getCode {
    width: fit-content;
    height: .4rem;
    color: #EBBB4A;
    padding: 0 .11rem;
    background-color: #FFF3D7;
    text-align: center;
    line-height: .4rem;
    font-size: .265rem;
    margin-top: .54rem;
    margin-left: auto;

}

.formBox .inputBox .code {
    width: 2.21rem;
}

.queryBtn {
    width: 6.96rem;
    height: 1.1rem;
    text-align: center;
    color: #FFF;
    line-height: 1.1rem;
    margin: 0 auto;
    background-color: #F5C247;
    border-radius: .99rem;
    margin-top: 1.33rem;
    font-size: .35rem;
    opacity: .7;
}

.queryBtnAct {
    opacity: 1;
}

.xieyi {
    height: .31rem;
    width: 100%;
    justify-content: center;
    display: flex;
    text-align: center;
    margin: 0 auto;
    margin-top: .35rem;
    color: #FFF;
}

.xieyi .check {
    width: .31rem;
    height: .31rem;
    background: url(../img/checkFalse.png) no-repeat center;
    background-size: 100% 100%;
    margin-right: .177rem;
}

.xieyi .checkAct {
    width: .31rem;
    height: .31rem;
    background: url(../img/checkTrue.png) no-repeat center;
    background-size: 100% 100%;
    margin-right: .177rem;
}

.xieyi span {
    color: #FFCD57;
}
.xieyi span a{
    color: #FFCD57;
}

/* 查询失败弹窗样式 */
.modal-create-order-warning>div {
    width: 6.62rem;
    background: rgba(255, 255, 255, 1);
    border-radius: 0.22rem;
    padding-top: 0.49rem;
    padding-bottom: 0.49rem;
}
.modal-create-order-warning .title-box {
    text-align: center;
    font-size: 0;
    height: 0.4rem;
    margin-bottom: 0.44rem;
}

.modal-create-order-warning .title-box .left,
.modal-create-order-warning .title-box .right {
    width: 0.5rem;
    height: 0.07rem;
    background: #FF6767;
}

.modal-create-order-warning .title-box span {
    display: inline-block;
    line-height: .4rem;
    vertical-align: middle;
}

.modal-create-order-warning .title-box .img {
    display: inline-block;
    vertical-align: middle;
    width: 0.4rem;
    height: 0.4rem;
    margin: 0 0.2rem 0 0.15rem;
}

.modal-create-order-warning .title-box .text {
    font-size: .35rem;
    font-weight: 400;
    color: #FF6767;
    line-height: .4rem;
    margin-right: 0.15rem;
}

.modal-create-order-warning .title-box span {
    display: inline-block;
    line-height: .4rem;
    vertical-align: middle;
}

.modal-create-order-warning .title-box .left,
.modal-create-order-warning .title-box .right {
    width: 0.5rem;
    height: 0.07rem;
    background: #FF6767;
}

.modal-create-order-warning .title-box span {
    display: inline-block;
    line-height: .4rem;
    vertical-align: middle;
}

.modal-create-order-warning .false-text {
    margin: 0 0.7rem;
    text-align: left;
}

.modal-create-order-warning .false-text .title {
    font-size: .31rem;
    font-weight: 500;
    color: rgba(51, 51, 51, 1);
    margin-bottom: 0.18rem;
}

.modal-create-order-warning .false-text .text {
    font-size: .31rem;
    line-height: .5rem;
    font-weight: 400;
    margin-bottom: 0.44rem;
    color: rgba(102, 102, 102, 1);
}

.modal-create-order-warning .false-text .line {
    height: 1px;
    background: #F1F1F1;
    margin-bottom: 0.44rem;
}

.modal-create-order-warning .false-text .err {
    font-size: .31rem;
    font-weight: 400;
    color: rgba(255, 103, 103, 1);
    line-height: 1;
    margin-bottom: 0.44rem;
}

.modal-create-order-warning .false-text .know {
    display: block;
    height: 0.93rem;
    line-height: .93rem;
    background: rgba(6, 193, 174, 1);
    border-radius: 0.11rem;
    font-size: .35rem;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    text-align: center;
}




.detailBg {
    width: 100%;
    background-color: #6187f1;
    overflow: hidden;
    height: 100%;
    position: relative;
    padding-bottom: .44rem;
    min-height: 100vh;
}
.detailBg .goBack{
    width: .33rem;
    height: .33rem;
    margin-left: .35rem;
    background: url(/wap_login/images/left.png) no-repeat center;
    background-size: 100% 100%;
    margin-top: .35rem;
}

.detailBg .topBg {
    width: 7.62rem;
    height: 7.62rem;
    background: url(../img/detailBg.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    z-index: 1;
}

.detailBg .content {
    position: relative;
    z-index: 2;
}

.detailBg .title {
    font-size: .4rem;
    font-weight: bold;
    color: #FFF;
    width: 100%;
    text-align: center;
    padding-top: .38rem;

}

.infoBox {
    margin: 0 auto;
    padding: .11rem 0;
    width: 7.62rem;
    background-color: #FFF;
    border-radius: .18rem;
    margin-top: .3533rem;
}

.detailBg .textBox {
    padding: .18rem 0;
    width: 7.07rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.detailBg .textBox .text {
    font-size: .31rem;
    color: #444;
    font-weight: bold;
}

.detailBg .textBox .text span {
    font-weight: normal;
    color: #666;
}

.tenderInfo {
    width: 7.62rem;
    height: 4.64rem;
    background-color: #FFF;
    border-radius: .18rem;
    margin: 0 auto;
    margin-top: .18rem;
    overflow: hidden;
}

.titleColor {
    padding-left: .52rem;
    height: .88rem;
    width: 100%;
    line-height: .82rem;
    color: #444;
    font-weight: bold;
    font-size: .353rem;
    position: relative;
    border: .02rem solid #F1F1F1;
}

.titleColor::before {
    content: '';
    position: absolute;
    width: .09rem;
    height: .3533rem;
    background-color: #06c1ae;
    top: .22rem;
    left: .33rem;
}

.tenderInfo .box {
    padding: .18rem 0;
    margin: 0 auto;
    border-bottom: solid #F1F1F1 .022rem;
    margin-bottom: .2rem;

}

.tenderInfo  .textBox .text .gold {
    color: #D2AF67;
}

.tenderInfo  .textBox .text .blue {
    color: #06c1ae;
}

.tenderInfo .textBox .text .red {
    color: #FF6767;
}

.resultBox {
    width: 7.62rem;
    padding-bottom: .55rem;
    background-color: #FFF;
    border-radius: .18rem;
    margin: 0 auto;
    margin-top: .18rem;
    overflow: hidden;

}

.resultBox .notBox {
    display: flex;
    justify-content: center;
}

.resultBox .notBox img {
    width: 1.3rem;
    height: 1.83rem;
    margin-top: .6rem;
}

.resultBox .notBox .text {
    color: #999;
    font-size: .31rem;
    margin-left: .31rem;
    line-height: .4rem;
    margin-top: 1.1rem;
}

.resultBox .winBox {
    width: 7.18rem;
    border-radius: .18rem;
    margin: 0 auto;
}

.resultBox .winBox img {
    width: 3.69rem;
    height: 2.14rem;
    display: block;
    margin: 0 auto;
    margin-top: .4rem;
}

.resultBox .dateBox {
    background-color: #FBF8EF;
    height: 1.15rem;
    margin: 0 auto;
    margin-top: .42rem;
    width: 7.18rem;
    display: flex;
    justify-content: space-between;
    border-radius: .177rem;
}

.resultBox .dateBox .text {
    padding: 0 .33rem;
    line-height: 1.15rem;
    font-size: .31rem;
    font-weight: bold;
    color: #333;

}

.resultBox .dateBox .text .gold {
    color: #D2AF67;
}

.winBox .shareBtn {
    width: 6.98rem;
    height: 1.1rem;
    line-height: 1.1rem;
    border-radius: .99rem;
    margin: 0 auto;
    background-color: #06c1ae;
    font-size: .35rem;
    color: #FFF;
    text-align: center;
    margin-top: .44rem;

}


.posterPop {
    display: none;
    position: fixed;
    z-index: 1003;
    width: 8.281rem;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .7);
}

.posterPop .aposter {
    position: relative;
    width: 6.1837rem;
    height: 7.51rem;
    border-radius: .55rem;
    margin: 0 auto;
    margin-top: 2.67rem;

}
.posterPop  .del{
    width: .66rem;
    height: .66rem;
    position: absolute;
    top: 1.68rem;
    right: 1.1rem;
    background: url(/wap_login/css/images/x.png) no-repeat center;
    background-size: 100% 100%;
    z-index: 88;
}

.posterPop .aposter img {
    position: absolute;
    display: inline-block;
    max-width: 6.1rem;
    width: 6.1rem;
    height: 7.5rem;
    margin: 0 auto;
    opacity: 0;


}

.posterPop .aposter .aposterImg {
    display: inline-block;
    border-radius: .55rem;
    max-width: 6.12rem;
    width: 6.12rem;
    height: 7.51rem;
    margin: 0 auto;
    opacity: 1;
}

.posterPop .buttonSave {

    width: 3.36rem;
    height: .84rem;
    margin: 0 auto;
    margin-top: .44rem;
    font-size: .35rem;
    font-weight: bold;
    color: #B5780E;
    text-align: center;
    line-height: .88rem;
    background-image: url(../img/zbutton2x.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;

}

.posterPop .aposter .item {
    top: 3.15rem;
    left: .68rem;
    color: #997025;
    font-weight: 400;
    position: absolute;
    display: flex;
    justify-content: space-between;
    height: .31rem;
    font-size: .31rem;
    line-height: .31rem;
    width: 4.8rem;
}

.posterPop .aposter .txt {
    width: 100%;
    top: 1.59rem;
    left: 0;
    position: absolute;
    font-size: .53rem;
    font-weight: 400;
    color: #F1DEBD;
    padding-left: .44rem;
    text-align: center;
}

.posterPop .aposter .imgBox {
    width: 6.12rem;
    height: 7.51rem;
    margin: 0 auto;
    border-radius: .55rem;
    margin-top: .44rem;
    position: relative;
    z-index: 9;
    opacity: 0;
    overflow: hidden;
}

.posterPop .aposter .imgBox img {
    width: 6.12rem;
    height: 7.51rem;
    border-radius: .55rem;
    overflow: hidden;
}




.posterPop .aposter .item .status {
    color: #D42222;
    font-weight: bold;
}

.posterPop .aposter .son {
    flex-wrap: wrap;
    top: 4.1rem;
    left: .68rem;
    color: #997025;
    font-weight: 400;
    position: absolute;
    display: flex;
    justify-content: space-between;
    height: .31rem;
    font-size: .31rem;
    line-height: .31rem;
    width: 4.8rem;

}

.posterPop .aposter .sons {
    flex-wrap: wrap;
    top: 4.7rem;
    left: .68rem;
    color: #997025;
    font-weight: 400;
    position: absolute;
    display: flex;
    justify-content: space-between;
    height: .31rem;
    font-size: .31rem;
    line-height: .31rem;
    width: 4.8rem;

}

.posterPop .aposter .QrCode {
    width: 1.55rem;
    height: 1.55rem;
    position: absolute;
    top: 5.72rem;
    left: 4.25rem;
    opacity: 1;
}

.posterPop .message {
    top: 6.3rem;
    left: .48rem;
    position: absolute;
    font-size: .31rem;
    color: #929292;
    font-weight: 400;
}

.posterPop .messages {
    top: 6.7rem;
    left: .48rem;
    position: absolute;
    font-size: .31rem;
    color: #929292;
    font-weight: 400;

}

.resultBox .tipBox {
    width: 100%;
}

.resultBox .tipBox img {
    width: 4.79rem;
    height: 1.77rem;
    display: block;
    margin: 0 auto;
    margin-top: .42rem;
}

.resultBox .tipBox .sand {
    width: 1.28rem;
    height: 1.28rem;
    display: block;
    margin: auto;
    margin-top: .4rem;
}

.resultBox .tipBox .dateBox {
    justify-content: center;
}

.resultBox .tipBox .txt {
    width: 100%;
    text-align: center;
    font-size: .31rem;
    color: #444;
    margin-top: .265rem;
}

.serveBox {
    width: 7.62rem;
    height: 4.26rem;
    background-color: #FFF;
    border-radius: .18rem;
    margin: 0 auto;
    margin-top: .18rem;
    overflow: hidden;
}

.serveBox .serve {
    display: flex;
    margin: 0 auto;
    margin-top: .24rem;
    justify-content: center;
}

.serveBox .serve .item {
    position: relative;
    width: 3.38rem;
    height: 2.78rem;
    border-radius: .18rem;
    margin: 0 auto;
    margin-right: .2rem;
}

.serveBox .serve .item .BgImg {
    width: 3.38rem;
    height: 2.78rem;
}

.serveBox .serve .item .textBox {
    width: 100%;
    position: absolute;
    justify-content: center;
    display: flex;
    top: 1rem;
    font-size: .4rem;
    color: #FFF;
}

.serveBox .serve .item .textBox .text {
    color: #FFF;
    font-size: .4rem;
    margin-right: .18rem;

}

.serveBox .serve .item .textBox .icon {
    width: .18rem;
    height: .24rem;
    margin-top: .1rem;
}

/* 套餐选择 */

.officialBox {
    width: 7.62rem;
    margin: 0 auto;
    background-color: #fff;
    padding-bottom: .44rem;
    border-radius: 8px;
    overflow: hidden;
    margin-top: .178rem;

}

.mealBox {
    width: 6.96rem;
    display: flex;
    margin: 0 auto;
    justify-content: space-between;
    margin-top: .33rem;
}

.mealBox .card {
    position: relative;
    width: 3.4rem;
    height: 2.87rem;
    border: 1px solid #ECF1F1;
    border-radius: .09rem;
    box-shadow: 0px .04rem .24rem 0px rgba(0, 0, 0, 0.0800);
}

.mealBox .card .price {
    font-size: .53rem;
    color: #FF6975;
    margin-left: 1.68rem;
    margin-top: .4rem;
    font-weight: normal;
    font-family: Arial-BoldMT, Arial;
}

.mealBox .card .price span {
    font-size: .353rem;
}

.mealBox .card .actImg {
    display: none;
    width: .62rem;
    height: .62rem;
    position: absolute;
    right: -0.022rem;
    top: -0.022rem;
    border-top-right-radius:.09rem ;
}

.mealBox .cardAct {
    border: solid .022rem #06C1AE;
}

.mealBox .cardAct .actImg {
    display: block;
}


.natureBox {
    display: flex;
    margin-top: .44rem;
}

.natureBox div {
    text-align: center;
    width: 1.84rem;

}

.natureBox div:first-child {
    border-right: .022rem solid #F3F3F3;

}

.natureBox .percent {
    width: fit-content;
    margin-left: .33rem;
}

.natureBox div p {
    color: #999999;
    font-size: .27rem;
}

.natureBox div p:nth-child(2) {
    color: #444444;
    font-size: .353rem;
    font-weight: bold;
    margin-top: .13rem;
}

.card .button {
    margin: 0 auto;
    width: 2.47rem;
    height: .8rem;
    background: #06C1AE;
    box-shadow: 0px .22rem .27rem -0.13rem rgba(6, 193, 174, 0.4000);
    border-radius: .4rem;
    margin-top: .35rem;
}

.card .button a {
    line-height: .8rem;
    color: #fff;
    font-size: .31rem;
    text-align: center;
    margin: 0 auto;
    display: block;
}

.card .buttonBan {
    margin: 0 auto;
    width: 2.47rem;
    height: .8rem;
    background: #d8d8d8;
    color: #fff;
    border-radius: .4rem;
    margin-top: .35rem;
    text-align: center;
    line-height: .8rem;
    font-size: .31rem;

}

.card .tag {
    position: absolute;
    width: 1.37rem;
    height: .6rem;
    background: linear-gradient(249deg, #FF9A5B 0%, #FF6975 100%);
    border-radius: 0 2.21rem 2.21rem 0;
    top: .35rem;
    left: 0;

}

.officialBox .more {
    padding: .35rem 0;
    width: 7.62rem;
    margin: 0 auto;
    text-align: center;
    justify-content: center;
}

.officialBox .more p {
    display: inline;
    font-size: .35rem;
    color: #06C1AE;
}

.officialBox .more img {
    width: .24rem;
    height: .13rem;
    margin-top: .17rem;
    margin-left: .16rem;
}

.officialBox .packUp {
    padding: .35rem 0;
    display: flex;
    width: 7.62rem;
    margin: 0 auto;
    text-align: center;
    justify-content: center;

}

.officialBox .packUp p {
    font-size: .35rem;
    color: #06C1AE;
}

.officialBox .packUp img {
    width: .24rem;
    height: .13rem;
    margin-top: .12rem;
    margin-left: .16rem;
    transform: rotateX(180deg);
}


.moreBox .hideBox {
    width: 7.62rem;
    margin: 0 auto;
    height: 0rem;
    overflow: hidden;

}

.moreBox .ant {
    width: 7.62rem;
    margin: 0 auto;
    height: 7.5rem;
    overflow: hidden;
    animation: goHeight .5s ease;


}

.moreBox .close {
    width: 7.62rem;
    margin: 0 auto;
    height: 0rem;
    overflow: hidden;
    animation: delHeight  ease;
}



@keyframes goHeight {

    0% {
        height: 0rem;
        opacity: .1;
    }

    100% {
        height: 7.5rem;
        opacity: 1;
    }
}

@keyframes delHeight {

    0% {
        height: 6rem;
        opacity: 1;

    }

    100% {
        height: 0rem;
        opacity: .1;
    }
}




.officialBox .hideBox .item {
    position: relative;
    display: flex;
    width: 6.96rem;
    height: 1.1rem;
    margin: 0 auto;
    border-radius: .09rem;
    border: solid .022rem #ECF1F1;
    justify-content: space-between;
    margin-top: .18rem;
}

.officialBox .hideBox .item .actImg {
    display: none;
    width: .62rem;
    height: .62rem;
    position: absolute;
    top: -0.022rem;
    right: -0.022rem;
}

.officialBox .hideBox .itemAct {
    border: solid .022rem #06c1ae;
}

.officialBox .hideBox .itemAct .actImg {
    display: block;
}


.hideBox .item .price {
    font-size: .53rem;
    color: #FF6975;
    margin-left: .33rem;
    line-height: 1.1rem;
}

.hideBox .item p span {
    font-size: .35rem;
    color: #FF6975;
}

.hideBox .item div {
    position: relative;
    display: flex;
    width: 3.8rem;
    justify-content: flex-end;

}

.hideBox .item div span {
    line-height: 1.1rem;
    font-size: .31rem;
    color: #444;

}

.hideBox .item div p {

    text-align: left;
    line-height: 1.1rem;
    font-size: .4rem;
    color: #444;
    font-weight: bold;
    margin-right: .35rem;


}

.hideBox .item div .icon {
    position: absolute;
    width: .156rem;
    height: .27rem;
    top: .42rem;
    right: -0.11rem;
}

/* 停止接单显示 */
.officialBox .hideBox .itemBan {
    position: relative;
    display: flex;
    width: 6.96rem;
    height: 1.1rem;
    margin: 0 auto;
    border-radius: .09rem;
    border: solid .022rem #ECF1F1;
    justify-content: space-between;
    margin-top: .18rem;
}


.hideBox .itemBan .price {
    font-size: .53rem;
    color: #FF6975;
    margin-left: .97rem;
    line-height: 1.1rem;
}

.hideBox .itemBan p span {
    font-size: .35rem;
    color: #FF6975;
}

.hideBox .itemBan div {
    position: relative;
    display: flex;
    margin-right: .35rem;
    width: 3.8rem;
    justify-content: flex-end;

}

.hideBox .itemBan div span {
    line-height: 1.1rem;
    font-size: .31rem;
    color: #444;

}

.hideBox .itemBan div p {
    text-align: left;
    line-height: 1.1rem;
    font-size: .4rem;
    color: #444;
    font-weight: bold;
    margin-right: .35rem;
}

.hideBox .itemBan div .icon-right {
    position: absolute;
    width: .156rem;
    height: .27rem;
    top: .42rem;
    right: -0.11rem;
}

.hideBox .itemBan .ban-img {
    position: absolute;
    width: 1.13rem;
    height: .95rem;
    left: 0;
    right: 0;
}


.contract {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    height: .884rem;
    width: 6.96rem;
    padding: 0 .33rem;
    background-color: #fff;
    border-radius: .18rem;
    box-shadow: 0px .04rem .22rem 0px rgba(0, 0, 0, 0.08);
}
.contract .text{
    font-size:.3533rem;
    color: #444;
    line-height: .884rem;
}
.contract .lookBox{
    display: flex;
    color: #06C1AE;
    font-size:.31rem;
    line-height: .884rem;
}
.contract .lookBox .icon{
    width: .18rem;
    height: .27rem;
    margin-left:8px;
    margin-top: .31rem;
}

.officialBox .submitBtn{
    margin: 0 auto;
    text-align: center;
    width: 6.96rem;
    border-radius:.99rem;
    height: 1.1rem;
    text-align: center;
    background-color: #06C1AE;
    color: #FFF;
    text-align: center;
    font-size: .3533rem;
    line-height: 1.1rem;
    margin-top: .443rem;
}
.officialBox .notBtn{
    margin: 0 auto;
    text-align: center;
    width: 6.96rem;
    border-radius:.99rem;
    height: 1.1rem;
    text-align: center;
    background-color: #D8D8D8;
    color: #FFF;
    text-align: center;
    font-size: .3533rem;
    line-height: 1.1rem;
    margin-top: .443rem;
}

/* 套餐选择 */

/* 我的任务 */
.taskBox{
    overflow: hidden;
    width: 7.62rem;
    padding-bottom: .34rem;
    background-color: #fff;
    border-radius: .09rem;
    margin: 0 auto;
    margin-top: .18rem;
    border-radius:.18rem;

}

.taskBox .title{
    width: 6.96rem;
    margin: 0 auto;
    display: flex;
    width: 6.91rem;
    padding: .35rem 0;
    
}
.taskBox .title img{
    width: .8rem;
    height: .8rem;
    border-radius: 50%;
    
}
.taskBox .title .status{
    line-height: .8rem;
    font-size:.31rem;
    color: #06c1ae;
    margin-left: auto;
}

.taskBox .title p{
  font-size: .35rem;
  color: #444;
  line-height: .8rem;
  margin-left: .27rem;
}
.taskBox .package{
    background-color: #F2FCFB;
    border-radius: .11rem;
    margin: 0 auto;
    width: 6.91rem;
    height: 1.26rem;
    display: flex;
    justify-content: space-around;
    align-items: center;
   
    
}
.taskBox .package .item{
    text-align: center;
  
}
.taskBox .item .itemValue{
    font-size: .31rem;
    font-weight: bold;
}
.taskBox .item .itemName{
    display: inline-block;
    font-size: .27rem;
    color: #666;
     margin-top: .08rem;
}
.taskBox .buttonModel{
    width: 6.91rem;
    height: .99rem;
    color: #fff;
    background-color: #06C1AE;
    font-size: .35rem;
    line-height: 1rem;
    text-align: center;
    border-radius: .71rem;
    margin: 0 auto;
    margin-top: .36rem;
}   

.tipPop .tipBox .text{
    width: 100%;
    padding: 0 .33rem;
    font-size:.31rem;
    color: #333;
    margin-top: .31rem;
}
.tipPop .tipBox .errIcon{
    width: .77rem;
    height: .77rem;
    display: block;
    margin: 0 auto;
}

.tipPop .tipBox .btnBox .confirm{
    width: 2.87rem;
    height: .8rem;
    border-radius:.99rem;
    background-color: #06C1AE;
    line-height: .8rem;
    text-align: center;
    font-size:.31rem;
    color: #FFF;
    margin-right: .18rem;
    margin-left: 0;
    
}

.tipPop .tipBox .btnBox .cancel{
    width: 2.87rem;
    height: .8rem;
    border-radius:.99rem;
    background-color: #F0F0F0;
    line-height: .8rem;
    text-align: center;
    font-size:.31rem;
    color: #999;
}