.page-title {
    margin: 0 auto;
    margin-bottom: .3rem;
}

.result-area {
    background-color: #fff;
    height: 2.18rem;
    border-radius: 0 0 8px 8px;
}

.tab {
    float: left;
    width: 50%;
    font-family: PingFangSC-Regular;
    line-height: .4rem;
    text-align: center;
    letter-spacing: 0;
    color: #666;
}
.voiceStatus {
    padding: .28rem 0;
    font-family: PingFangSC-Regular;
    text-align: center;
    letter-spacing: 0;
    color: #999;
}
.voiceStatusStop {
    padding: .28rem 0;
    font-family: PingFangSC-Regular;
    font-size: 15px;
    text-align: center;
    letter-spacing: 0;
    color: #ff3b30;
    position: absolute;
    bottom: .17rem;
    right: .17rem;
}
.voiceStatusStart {
    font-family: PingFangSC-Regular;
    font-size: 15px;
    text-align: center;
    letter-spacing: 0;
    color: #3c76ff;
    position: absolute;
    bottom: .17rem;
    right: .17rem;  
}
.card-area-all {
    margin: .13rem .13rem 0 .13rem;
    border-radius: 8px 8px;
    overflow: hidden;
}

.tip-bgc {
    height: .38rem;
    background: #FFF1BD;
    opacity: .6;
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
}

.tip-text {
    font-size: .13rem;
    color: #EC6307;
}

.tabBorer {
    padding-bottom: .08rem;
    border-bottom: 1px solid #333;
    color: #000;
}
swan-button {
    margin-bottom: .16rem;
    border-radius: 4px;
}


.choose-type {
    font-size: .15rem;
}
.choose-title {
    font-family: PingFangSC-Regular;
    text-align: left;
    color: #999;
    flex: 1;
}
.choose-title swan-text {
    padding-left: .24rem;
}
.choose-item {
    flex: 3;
}
.area {
    height: 2.24rem;
    text-align: center;
}
.result {
    width: 3rem;
    margin: 0 auto;
    letter-spacing: 0;
    color: #333;
}

.radio {
    display: flex;
    align-items: center; 
    margin-left: .17rem;
    height: .51rem;
}

.auto-tip { 
    font-size: .13rem;
    color: #999;
    margin-left: .11rem;
}

.topTabSwiper {
    zoom: 1;
    height: .4rem;
    border-bottom: 1px solid #eaeaea;
    background-color: #fff;
    border-radius: 8px 8px 0 0;
}
.topTabSwiper:after {
    content: "";
    display: block;
    clear: both;
}
.swiper {
    width: 100%;
}
.swiper_con {
    width: 100%;
    height: 100%;
    padding: .8rem 0;
    text-align: center;
}

.longDescError {
    color: #da293d;
}

.card-area {
    margin: .13rem 0 0 0 ;
}