html {
    font-size: 45.25px;
}

body {
    margin: 0;
    padding: 0;
    background-color: #F9F9F9;
}

.askMask {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8);
    z-index: 9999;
    display: none;
}

.askMask .askMaskContent {
    position: absolute;
    width: 6.63rem;
    background: #fff;
    border-radius: 10px;
    top: 50%;
    margin-top: -1.95rem;
    left: 50%;
    transform: translate(-50%);
    padding: 0 0.33rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: .353rem;
}

.askMask input {
    overflow: visible;
    line-height: 1.15;
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-style: normal;
    font-family: inherit;
    box-sizing: border-box;
}

.askMask .close {
    position: absolute;
    width: .62rem;
    height: .62rem;
    top: 4.53rem;
    left: 50%;
    transform: translate(-50%);
}

#form {
    height: 3.31rem;
    position: relative;
}

.askMask .sec-title {
    color: #333333;
    font-size: .353279rem;
    line-height: .353rem;
    position: relative;
    padding-left: .1655998rem;
    margin-bottom: .31rem;
    font-weight: bold;
    border-left: solid .09rem #06c1ae;
}

.askMask>div textarea {
    width: 5.92rem;
    height: 2.14rem;
    line-height: .442rem;
    font-size: .3091rem;
    border-radius: .07rem;
    color: #333;
    resize: none;
    box-sizing: border-box;
    padding: 5px;
    min-height: 1.2rem;
    border: #eee 1px solid;
    outline: none;
}

.askMask .btn-tiwen {
    display: inline-block;
    width: 2.87rem;
    height: .8rem;
    border-radius: .99rem;
    font-size: .31rem;
}

.btn-default {
    text-align: center;
    background: #06C1AE;
    color: #fff;
    border-radius: .99rem;
    border: none;
    outline: none;
    appearance: none;
}

.askMask .btn-quxiao {
    text-decoration: none;
    font-size: 0.28rem;
    float: right;
    width: 2.87rem;
    height: .8rem;
    vertical-align: top;
    line-height: .8rem;
    margin-right: .18rem;

}

.askMask .btn-disabled {
    font-size: 0.28rem;
    text-align: center;
    color: #fff;
    border-radius: 1rem;
    border: none;
    outline: none;
    appearance: none;
    display: inline-block;
    background: #C2C2C2;
}

#send_id_btn {
    float: right;
}

.back {
    width: 0.71rem;
    height: 0.71rem;
    position: absolute;
    left: 0.33rem;
    top: 0.155rem;
    background: url("../newComboImg/back.png") center no-repeat;
    background-size: 100% 100%;
    z-index: 999;
}

.topSingle {
    width: 100%;
    height: 5.9rem;
    background: url("../newComboImg/banner.png") center no-repeat;
    background-size: 100% 100%;
}

.top {
    width: 100%;
    height: 5.9rem;
}

.combo {
    width: 100%;
    background-color: #fff;
    padding: 0.33rem;
    box-sizing: border-box;
}

.comboTop {
    width: 100%;
    height: 1.46rem;
}

.comboTop>div {
    float: left;
}

.comboTop .icon {
    width: 1.06rem;
    height: 1.06rem;
}

.comboTop .icon img {
    width: 100%;
}

.comboTop .text {
    width: 6.073rem;
    display: flex;
    font-size: 0.398rem;
    color: #444;
    height: 1.06rem;
    margin-left: 0.35rem;
    display: flex;
    line-height: 1.06rem;
    justify-content: space-between;
}

.comboTop .text .count {
    font-size: .31rem;
    color: #444;
}

.comboTop .text .count span {
    color: #EBBB4A;
}

.comboTop .text .textDetail>div {
    float: left;
    height: 0.35rem;
    border-radius: 0.044rem;
    line-height: 0.35rem;
    text-align: center;
    font-size: 0.265rem;
}

.comboTop .text .textDetail {
    margin-top: 0.177rem;
}

.comboTop .text .textDetail>div:first-child {
    /* width: 1.24rem; */
    background-color: #CFF5FF;
    color: #069AC1;
}

.comboTop .text .textDetail>div:last-child {
    /* width: 3rem; */
    background-color: #FFF3D7;
    color: #EBBB4A;
    margin-left: 0.155rem;
}

.comboBottom .title {
    position: relative;
    margin: 0 auto;
    width: 7.62rem;
    height: 1.55rem;
    display: flex;
    background-color: #FDFAF2;
    border-radius: .18rem;
    display: flex;
}

.comboBottom .title .tipBox {
    position: absolute;
    top: 1.33rem;
}

.comboBottom .title .tipBox .textBox {
    padding: .22rem;
    position: relative;
    width: 7.18rem;
    background-color: rgb(0, 0, 0, .7);
    border-radius: .112rem;
    font-size: .31rem;
    line-height: .49rem;
    color: #FFF;
}

.comboBottom .title .tipBox .textBox::before {
    content: '';
    position: absolute;
    top: -.40rem;
    left: 1.92rem;
    height: .22rem;
    height: 0;
    width: 0;
    border-width: .22rem .22rem;
    border-style: solid;
    border-color: rgb(0, 0, 0, .0) rgb(0, 0, 0, .0) rgb(0, 0, 0, .7) rgb(0, 0, 0, .0);
    display: inline-block;
}

.comboBottom .title .tipBox .textBox span {
    color: #FFC769;
}


.comboBottom .title .titleText {
    line-height: 1.55rem;
    font-size: 0.353rem;
    color: #444;
    margin-left: .353rem;
}

.comboBottom .title .wen {
    width: .4rem;
    height: .4rem;
    margin-top: .575rem;
    margin-left: .18rem;
}

.comboBottom .title .titleStar {
    margin-top: .60rem;
    float: right;
    display: flex;
    justify-content: space-between;
    margin-left: 1.9rem;
}

.comboBottom .title .titleStar>div {
    width: 0.42rem;
    height: 0.398rem;
    position: relative;
    margin-right: .22rem;
}

.comboBottom .title .titleStar>div img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.comboBottom .text {
    font-size: 0.35rem;
    color: #666;
}

.quizBox {
    width: 100%;
    height: 1.12rem;
    border-top: solid .022rem #FAFAFA;
    display: flex;
    justify-content: center;
    background-color: #FFF;
}

.quizBox .icon {
    width: .353rem;
    height: .353rem;
    margin-top: .11rem;
    margin-right: .354rem;
    margin-top: .376rem;
}

.quizBox .text {
    font-size: .31rem;
    line-height: 1.12rem;
    font-size: .353rem;
    color: #444;

}


.comboTypes {
    width: 100%;
    /* height: 12.464rem; */
    background-color: #fff;
    margin-top: 0.177rem;
    padding: 0.333rem;
    box-sizing: border-box;
    position: relative;
}

.comboTypes .title {
    width: 100%;
    color: #444;
    font-weight: bold;
    height: 0.398rem;
    line-height: 0.398rem;
    position: relative;
    font-size: .4rem;
}

/* .comboTypes .title>div:nth-child(1){
    width: 0.11rem;
    height: 0.35rem;
    float: left;
    background-color: #03C5B4;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0,-50%);
} */
.comboTypes .title>div:nth-child(2) {
    font-size: 0.398rem;
    color: #444;
    float: left;
}

.comboTypes .title>div:nth-child(3) {
    font-size: 0.31rem;
    color: #444;
    float: right;
}

.comboTypes .title i {
    font-style: normal;
    color: #EBBB4A;
}

ul {
    margin: 0;
    padding: 0;
    margin-top: 0.398rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

ul li {
    width: 3.7rem;
    height: 1.9rem;
    list-style-type: none;
    margin-bottom: 0.22rem;
    border-radius: 0.088rem;
    position: relative;
    border: 0.022rem solid #EFEFEF;
    box-sizing: border-box;
}

ul li.activeLi {
    color: #06C1AE !important;
    border: 0.022rem solid #06C1AE;
}

ul li .price {
    height: 0.486rem;
    line-height: 00.486rem;
    font-size: 0.486rem;
    color: #444;
    margin-top: 0.44rem;
    margin-left: 0.35rem;
}

ul li .activePrice {
    color: #06C1AE;
}

ul li .price>div {
    float: left;
}

ul li .price>div:nth-child(1) {
    font-size: 0.35rem;
}

ul li .price>div:nth-child(3) {
    width: 0.96rem;
    height: 0.486rem;
    position: relative;
    margin-left: 0.088rem;
}

ul li .price>div:nth-child(3) img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
}

ul li .pay {
    font-size: 0.31rem;
    color: #666;
    margin-left: 0.35rem;
    margin-top: 0.22rem;
}

ul li .activePay {
    color: #06C1AE;
}

ul li .choose {
    width: .66rem;
    height: .66rem;
    position: absolute;
    top: 0;
    right: 0;
}

ul li .activeBtn {
    background: url("../../../images/jiaobiao.png") center no-repeat;
    background-size: 100% 100%;
}

.comboTypes .tip {
    width: 100%;
    height: 0.75rem;
    font-size: 0.265rem;
    color: #8C8C8C;
}

.orderBtn {
    width: 100%;
    height: 1.02rem;
    background-color: #06C1AE;
    border-radius: 0.51rem;
    font-size: 0.35rem;
    color: #fff;
    text-align: center;
    line-height: 1.02rem;
    margin-top: 0.265rem;
}

.disabledDiv {
    pointer-events: none;
    background-color: #D8D8D8;
    display: none;
}

.orderTip {
    width: 7.62rem;
    position: absolute;
    left: 0.33rem;
    bottom: -0.65rem;
}

.orderTip>div:first-child {
    width: 0;
    height: 0;
    border-top: 0.199rem solid transparent;
    border-left: 0.155rem solid transparent;
    border-right: 0.155rem solid transparent;
    border-bottom: 0.199rem solid rgba(0, 0, 0, .73);
    margin: 0 auto;
}

.orderTip>div:last-child {
    height: 0.75rem;
    background-color: rgba(0, 0, 0, .73);
    color: #fff;
    font-size: 0.31rem;
    line-height: 0.75rem;
    padding: 0 0.265rem;
    box-sizing: border-box;
    border-radius: 0.088rem;
}

.orderTip .close {
    float: right;
    height: 100%;
    color: #FFC769;
}

.process {
    width: 100%;
    height: 2.78rem;
    padding: 0.33rem;
    box-sizing: border-box;
    background-color: #fff;
    margin-top: .18rem;
}

.process .title {
    width: 100%;
    height: 0.398rem;
    position: relative;
}


.process .title>div:last-child {
    height: 0.398rem;
    line-height: 0.398rem;
    font-size: 0.398rem;
    color: #444;
    font-weight: bold;
}

.process .processImg {
    width: 100%;
    height: 1.28rem;
    margin-top: 0.398rem;
    background: url("../newComboImg/daipailiucheng.png") center no-repeat;
    background-size: 100% 100%;
}

.detail {
    width: 100%;
    /* height: 13.19rem; */
    padding: 0.265rem 0.33rem 0.31rem 0.33rem;
    box-sizing: border-box;
    background-color: #fff;
    margin-top: 0.177rem;
}

.detail .title {
    width: 100%;
    height: 0.398rem;
    position: relative;
}


.detail .title>div:last-child {
    height: 0.398rem;
    line-height: 0.398rem;
    font-size: 0.398rem;
    color: #444;
    font-weight: bold;
}

.detail .spot {
    margin-top: 0.62rem;
    font-size: 0.35rem;
    color: #444;
}

.detail .virtue {
    width: 100%;
    background-color: #F6F6F6;
    border-radius: 0.044rem;
    padding: 0.177rem 0.35rem;
    box-sizing: border-box;
    margin-top: 0.35rem;
}

.detail .virtueItem {
    color: #666;
    font-size: 0.31rem;
    /* height: 0.66rem; */
    line-height: 0.66rem;
    position: relative;
}

.detail .virtueItem>div:first-child {
    width: 0.177rem;
    height: 0.177rem;
    background-color: #D8D8D8;
    border-radius: 50%;
    position: absolute;
    top: 0.24rem;
    left: 0;
}

.detail .virtueItem>div:last-child {
    margin-left: 0.35rem;
}

.suffer {
    display: flex;
    flex-wrap: wrap;
    margin-top: 0.265rem;
}

.suffer>div {
    width: 2.4rem;
    height: 0.68rem;
    border: 0.044rem solid #F2F2F2;
    border-radius: 0.044rem;
    margin-bottom: 0.088rem;
    font-size: 0.265rem;
    color: #666;
    text-align: center;
    line-height: 0.68rem;
}

.suffer>div:nth-child(3n+2) {
    margin: 0 0.068rem;
}

.line {
    width: 100%;
    height: 0.62rem;
    border-bottom: 0.022rem solid #F3F3F3;
}

.introduce {
    font-size: 0.31rem;
    color: #666;
    margin-top: 0.265rem;
    line-height: 0.486rem;
}

.infoImg {
    width: 100%;
    margin-top: 0.44rem;
}

.infoImg img {
    width: 100%;
    height: 100%;
}

.evaluation {
    width: 100%;
    /* height: 10.92rem; */
    background-color: #fff;
    box-sizing: border-box;
    margin-top: 0.177rem;
}

.eTitle {
    width: 100%;
    height: 0.398rem;
    padding: 0.35rem 0.33rem;
    box-sizing: border-box;
}

.eTitle>div {
    float: left;
    height: 0.398rem;
}


.eTitle>div:nth-child(1) {
    height: 0.398rem;
    line-height: 0.398rem;
    font-size: 0.398rem;
    color: #444;
    font-weight: bold;
}

.eTitle>div:nth-child(2) {
    height: 0.398rem;
    font-size: 0.31rem;
    color: #444;
    padding-top: 0.022rem;
    box-sizing: border-box;
    margin-left: 0.177rem;
}

.userEv {
    padding: 0.35rem 0.33rem;
    box-sizing: border-box;
    border-bottom: 0.022rem solid #F3F3F3;
}

.userEvTop {
    width: 100%;
    height: 0.35rem;
    margin: 0.35rem 0;
}

.userEvTop>div:first-child {
    height: 0.35rem;
    line-height: 0.35rem;
    font-size: 0.35rem;
    color: #444;
    float: left;
}

.userEvTop>div:last-child {
    height: 0.35rem;
    line-height: 0.35rem;
    font-size: 0.265rem;
    color: #999;
    float: right;
}

.userEvMiddle {
    font-size: 0.31rem;
    color: #666;
}

.userEvBottom {
    width: 3.49rem;
    height: 2.25rem;
    margin-top: 0.35rem;
}

.userEvBottom img {
    width: 100%;
}

.moreEv {
    width: 100%;
    height: 1.08rem;
    font-size: 0.35rem;
    line-height: 1.08rem;
    text-align: center;
    color: #06C1AE;
    display: flex;
    justify-content: center;
    align-items: center;
}

.moreEv>div:last-child {
    width: 0.24rem;
    height: 0.13rem;
    background: url("../newComboImg/button_more.png") center no-repeat;
    background-size: 100% 100%;
    margin-left: 0.133rem;
}

.beforeKnow {
    width: 100%;
    /* height: 3.76rem; */
    padding: 0.35rem 0.265rem 0.35rem 0.33rem;
    box-sizing: border-box;
    margin-top: 0.177rem;
    background-color: #fff;
}

.knowTitle {
    width: 100%;
    height: 0.398rem;
    line-height: 0.398rem;
}

.knowTitle>div {
    float: left;
}



.knowTitle>div:last-child {
    font-size: 0.398rem;
    height: 0.398rem;
    line-height: 0.398rem;
    font-weight: bold;
}

.knowText {
    font-size: 0.31rem;
    color: #444;
    line-height: 0.486rem;
    margin-top: 0.35rem;
}

.knowText i {
    font-style: normal;
    color: #06C1AE;
}

.payKnow {
    width: 100%;
    height: 6.9rem;
    padding: 0.35rem 0.265rem 0.35rem 0.33rem;
    box-sizing: border-box;
    margin-top: 0.177rem;
    background-color: #fff;
    margin-bottom: 1.1rem;
}

.remain {
    display: none;
}

.userEvHide {
    display: none;
}

.chooseCombo {
    flex: 1;
    height: 1.1rem;
    background-color: #1AC6B4;
    font-size: 0.35rem;
    color: #fff;
    line-height: 1.1rem;
    text-align: center;
}

.navBottom {
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    display: flex;
    background-color: #fff;
    box-shadow: 0 -0.044rem 0.13rem rgba(57, 57, 57, 0.05);
}

.ask {
    width: 3.25rem;
    height: 1.1rem;
    font-size: 0.35rem;
    color: #444;
    line-height: 1.1rem;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ask>div:first-child {
    width: 0.44rem;
    height: 0.38rem;
    background: url("../newComboImg/kefu.png") center no-repeat;
    background-size: 100% 100%;
}

.ask>div:last-child {
    margin-left: 0.2rem;
}

.top .swiper-pagination {
    width: 1rem;
    height: 0.53rem;
    font-size: 0.265rem;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.39);
    border-radius: 265rem;
    line-height: 0.53rem;
    text-align: center;
    left: unset;
    right: 0.33rem;
}

.swiper-container {
    width: 100%;
    height: 100%;
}

.swiper-container img {
    width: 100%;
}

.hideNav {
    width: 100%;
    height: 1.94rem;
    position: fixed;
    top: -1.94rem;
    left: 0;
    z-index: 999;
    background-color: #fff;
    padding: 0 0.33rem;
    box-sizing: border-box;
    padding-top: 0.265rem;
    box-shadow: 0 0.044rem 0.088rem rgba(77, 77, 77, 0.07);
}

.navTitle {
    width: 100%;
    height: 0.44rem;
    line-height: 0.44rem;
    font-size: 0.398rem;
    color: #444;
    text-align: center;
}

.navIcon {
    width: 0.464rem;
    height: 0.464rem;
    background: url("../newComboImg/backNav.png") center no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 0.265rem;
    left: 0.33rem;
}

.navText {
    width: 100%;
    height: 1.01rem;
    margin-top: 0.22rem;
    display: flex;
    justify-content: space-around;
}

.navText>div {
    width: 25%;
    height: 100%;
    line-height: 1.01rem;
    text-align: center;
    font-size: 0.35rem;
    color: #444;
}

.activeNav {
    color: #06C1AE !important;
    border-bottom: 0.022rem solid #06C1AE;
}

a,
a:hover,
a:active,
a:visited,
a:link,
a:focus {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    outline: none;
    background: none;
    text-decoration: none;
}

.paishouDetail {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 9999;
    display: none;
}

.detailContent {
    width: 100%;
    height: 9.2rem;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #fff;
    padding: .333rem .333rem 0;
    box-sizing: border-box;
    /* transform: translateY(100%); */
    /* transition: all 0.5s; */
}

.textBottom {
    margin-bottom: 0.38rem;
}

.detailContent .close {
    position: absolute;
    right: .333rem;
    top: .333rem;
    width: .550904rem;
    height: .550904rem;
    background: #fff url("../newComboImg/x.png") no-repeat center;
    background-size: .550904rem .550904rem;
    z-index: 1;
}

.bottomText {
    color: #fff;
    background: #06C1AE;
    display: block;
    height: 1rem;
    line-height: 1rem;
    text-align: center;
    font-size: .353279rem;
    border-radius: 0;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
}

.menban {
    width: 100%;
    height: 100%;
}

.redarBox {
    width: 100%;
    padding-bottom: .44rem;
    background-color: #FFF;
    margin-top: .18rem;
}

.redarBox .titleBox {
    display: flex;
    padding: .333rem;
    height: .53rem;
    justify-content: space-between;
}

.redarBox .titleBox .title {
    color: #444;
    font-size: .4rem;
    font-weight: bold;
    line-height: .53rem;
}

.redarBox .titleBox .typeBox {
    display: flex;
    justify-content: space-between;
}

.redarBox .titleBox .typeBox .son {
    display: flex;
}

.redarBox .titleBox .typeBox .son:last-child {
    margin-left: .4rem;
}

.redarBox .titleBox .typeBox .son .blueColor {
    background: rgba(6, 193, 174, 0.1);
    border: solid 0.022rem #06c1ae;
    margin-top: .11rem;
    width: .31rem;
    height: .31rem;
    margin-right: .18rem;
}

.redarBox .titleBox .typeBox .son .goldColor {
    background: rgba(235, 187, 74, 0.07);
    border: solid 0.022rem #EBBB4A;
    margin-top: .11rem;
    width: .31rem;
    height: .31rem;
    margin-right: .18rem;
}

.redarBox .titleBox .typeBox .son .text {
    font-size: .27rem;
    line-height: .53rem;
}

.redarBox .redar {
    width: 100%;
    height: 5.74rem;
    margin: 0 auto;
}

.showprompt {
    min-width: 70% !important;
}

/* 顶部返回 */
.navBox {
    position: relative;
    width: 100%;
    height: .973rem;
    overflow: hidden;
    background-color: #FFF;
}

.navBox .goBack img {
    position: absolute;
    width: .18rem;
    height: .31rem;
    margin-left: .442rem;
    margin-top: .354rem;
}

/* 返回顶部 */
.goTop {
    display: none;
    position: fixed;
    width: 1.1rem;
    height: 1.1rem;
    background-color: #FFF;
    border-radius: 50%;
    right: .53rem;
    bottom: 3.9rem;
    box-shadow: 0px 0px .29rem 0px rgba(0, 0, 0, 0.16);
}

.goTop .icon {
    width: .33rem;
    height: .22rem;
    display: block;
    margin-left: .4rem;
    margin-top: .442rem;
}
/* 评价 */
.exampleBox {
    width: 100%;
    margin-top: .29rem;
    background-color: #fff;

}

.exampleBox .sonBox {
    width: 7.62rem;
    margin: 0 auto;

}

.exampleBox .sonBox:last-child .content:last-child {
    border-bottom: none;
}

.exampleBox  .sonBox .userBox {
    width: 100%;
    display: flex;
    padding-top: .35rem;
}

.exampleBox .sonBox .user {
    display: flex;
    width: 50%;
    height: .53rem;

}

.exampleBox .sonBox .user img {
    width: .53rem;
    height: .53rem;
}

.exampleBox .sonBox .user .username {
    font-size: .35rem;
    line-height: .58rem;
    color: #444;
    margin-left: .18rem;
}

.exampleBox .sonBox .dateBox {

    height: .53rem;
    display: flex;
    flex-direction: row-reverse;
    width: 50%;

}

.exampleBox .sonBox .dateBox .icon {
    display: block;
    width: .27rem;
    height: .27rem;
    margin-right: .07rem;
    margin-top: 0.15rem;

}

.exampleBox .sonBox .dateBox .date {
    font-size: .27rem;
    color: #999;
    line-height: 0.58rem;

}

.exampleBox .tagBox {
    display: flex;
    width: 7.62rem;
    margin: 0 auto;
    margin-top: .22rem;
}

.exampleBox .tagBox .tag {
    width: fit-content;
    font-size: .27rem;
    padding: 0 .22rem;
    height: .4rem;
    border: solid .02rem #ECF1F1;
    line-height: .38rem;
    color: #999999;
    border-radius: .2rem;
    margin-left: .13rem;

}

.exampleBox .tagBox .tag:first-child {
    margin-left: 0;
}


.exampleBox .sonBox .content {
    position: relative;
    width: 7.62rem;
    display: flex;
    margin-top: .22rem;
    padding-bottom: .42rem;
    border-bottom: .02rem solid #F3F3F3;
    overflow: hidden;
}

.exampleBox .sonBox .content .leftBox {
    width: 4.33rem;
    color: #444;
    font-size: .31rem;
    line-height: .46rem;


}

.exampleBox .sonBox .content .leftBox .textBox {
    height: 1.39rem;
    overflow: hidden;
    display: flex;
    align-items: center;


}

.exampleBox .sonBox .content .leftBox p {
    line-height: .39rem;
    overflow: hidden;
    /* 溢出部分进行隐藏 */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    /* 盒模型元素从顶部向底部垂直排列子元素 */
    -webkit-line-clamp: 3;
    /* 显示两行 */
    text-overflow: ellipsis;

}

.exampleBox .sonBox .content .leftBox .setMeal {
    width: 3.31rem;
    height: .53rem;
    color: #444;
    font-size: .27rem;
    line-height: .54rem;
    background-color: #F5F5F5;
    border-radius: .04rem;
    text-align: center;
}

.exampleBox .sonBox .content .rightBox {
    position: absolute;
    width: 3.14rem;
    margin-left: .154rem;
    right: 0;
    clip: rect(0px, 3.14rem, 2.01rem, 0px)
}

.exampleBox .sonBox .content .leftBox .audioBox {

    position: relative;
    height: 0.84rem;
    background: rgba(243, 255, 254, 1);
    border-radius: 0.09rem;
    border: 1px solid rgba(6, 193, 174, 1);
    padding-left: .35rem;
    color: #06C1AE;
    margin-bottom: .32rem;
    display: flex;
    margin-top: .32rem;

}

.exampleBox .leftBox .audioBox .left {
    left: 1.04rem;
    top: .17rem;
    position: absolute;

}

.exampleBox .audioBox .iconBox {
    width: .49rem;
    display: flex;
    height: 0.33rem;
    margin-top: .22rem;
    overflow: hidden;

}

.exampleBox .audioBox img:nth-child(1) {
    width: .29rem;
    height: .33rem;

}

.exampleBox .audioBox img:nth-child(2) {
    width: .07rem;
    height: .15rem;
    margin-top: .09rem;
    margin-left: .02rem;


}

.exampleBox .audioBox img:nth-child(3) {
    width: .07rem;
    height: .24rem;
    margin-top: .045rem;
    margin-left: .02rem;

}






.exampleBox .leftBox .curr .iconBox {

    animation: horn 1.3s linear infinite;

}

audio:not([controls]) {
    display: none;
    height: 0;
}

@keyframes horn {

    0% {
        width: .29rem;
    }

    50% {
        width: .38rem;
    }

    60% {
        width: .49rem;
    }

    100% {
        width: .49rem;
    }

}


/* 评价 */

.spillPop {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: rgba(0, 0, 0, .8);
    top: 0;
    left: 0;
}

.spillBox {
    position: relative;
    width: 6.63rem;
    margin: 0 auto;
    background-color: #fff;
    margin-top: 6.23rem;
    border-radius: .22rem;


}

.spillBox .topBox {
    display: flex;
    line-height: .53rem;
    padding: .35rem;
    padding-bottom: .18rem;

}

.spillBox .topBox img {
    width: .53rem;
    height: .53rem;

}

.spillBox .topBox p {
    margin-left: .18rem;
    color: #444;
    line-height: .60rem;
}

.spillBox .text {
    font-size: .31rem;
    padding: .35rem;
    padding-top: 0rem;
    line-height: .49rem;
    color: #444;

}

.spillBox .close {
    width: 0.88rem;
    position: absolute;
    height: 0.88rem;
    border: 2px solid #FFFFFF;
    background: url(/wap_login/images/guanbi@2x.png) no-repeat center;
    background-size: 0.5rem 0.5rem;
    top: 100%;
    left: 50%;
    margin-top: 0.4rem;
    margin-left: -0.44rem;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}