* {
    padding: 0;
    margin: 0;
    list-style: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

button,
input,
textarea,
select {
    border: none;
    outline-style: none;
    background: none;
    box-sizing: content-box;
    resize: none;
}

input:focus,
textarea:focus,
select:focus {
    outline-style: none;
}

input::placeholder {
    color: rgba(102, 102, 102, 0.702);
}

img {
    display: block;
}

a {
    text-decoration: none;
    color: black;
}

/* 引入字体 */

/* @font-face {
    font-family: 'MiSans-Demibold';
    src: url('../font/MiSans-Demibold.ttf');
    font-weight: normal;
    font-style: normal;
} */

div {
    box-sizing: border-box;
}

.flex {
    display: flex;
    align-items: center;
}

.goBack {
    position: absolute;
    top: 4vw;
    left: 1.333vw;
}

.goBack img {
    width: 6.533vw;
    height: 4.667vw;
}

.goBack p {
    font-size: 4.267vw;
    color: #FFFFFF;
}

.goBack2 {
    padding-right: 2.667vw;
    justify-content: space-between;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 1.067vw;
    background: #fff;
    padding-left: 1.067vw;
    border-bottom: 1px solid #D8D8D8;
}

.goBack2 img {
    width: 6.267vw;
    height: 6.667vw;
    margin-right: 0.667vw;
}

.goBack2 p {
    color: #649F0F;
    font-size: 4.267vw;
}



.dlMain {
    bottom: 0 !important;
    background: url('../img/dlBac.png') no-repeat !important;
    background-size: 100% 100% !important;
    background-color: #FFFFFF;
}


.main {
    position: fixed;
    top: 0;
    bottom: 16vw;
    left: 0;
    right: 0;
    width: 100%;
    background: #F2F4F5;
    overflow-y: auto;
    overflow-x: hidden;
}

/* 底部按钮 */

.footer {
    width: 100%;
    height: 16vw;
    background: #FFFFFF;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 99;
    border-top: 1px solid #D8D8D8;
}

.footer div {
    width: 100%;
    justify-content: space-around;
}

.footer div a {
    width: 40%;
    height: 100%;
}

.footer div a img {
    display: block;
    margin: 2.667vw auto 0;
}

.footer div a img:nth-child(2) {
    display: none;
}

.footer div a:nth-child(1) img {
    height: 5.6vw;
    width: 5.6vw;
    margin-bottom: 1.067vw;
}

.footer div a:nth-child(2) img {
    height: 5.867vw;
    width: 5.867vw;
    margin-bottom: 1.467vw;
}

.tabS img:nth-child(2) {
    display: block !important;
}

.tabS img:first-child {
    display: none;
}

.tabS p {
    font-weight: bold !important;
    color: rgba(100, 159, 15, 1) !important;
}

.footer div a p {
    width: 100%;
    text-align: center;
    font-size: 3.2vw;
    font-weight: 400;
    color: #737C7C;
}

.syBac {
    background: #fff !important;
}

.dlTopTitle {
    padding-left: 6.667vw;
    padding-top: 20vw;
    color: #333333;
    font-size: 5.6vw;
    font-weight: bold;
    line-height: 10.667vw;
    margin-bottom: 5.333vw;
}

.dlMainBody {
    padding: 0 6.667vw;
}

.dlBox {
    font-size: 4.533vw;
    color: #666666;
    padding-top: 4vw;
    padding-left: 1.333vw;
    border-bottom: 1px solid #E6E6E8;
}

.dlBoxTop {
    margin-bottom: 1.333vw;
}

.sjhImg {
    width: 6.133vw;
    height: 6.133vw;
    margin-right: 1.333vw;
}

.dlInp {
    width: 100%;
    height: 8.8vw;
    font-size: 4.267vw;
}

.mimaImg {
    width: 4.533vw;
    height: 4.533vw;
    margin-right: 1.867vw;
}

.ckmmImg {
    /* 禁止长按出现菜单 */
    -webkit-touch-callout: none;
    pointer-events: none;
    -webkit-touch-callout: none;
    width: 4.533vw;
    height: 4.533vw;
}

.mimaDiv {
    width: 100%;
    justify-content: space-between;

}

.mimaDiv input {
    width: calc(100% - 9.333vw);
}

.ljdlBtn {
    width: 86.667vw;
    height: 13.333vw;
    margin: 13.333vw auto 0;
    display: block;
    background: #649F0F;
    box-shadow: 0px 1.067vw 1.333vw 0px rgba(100, 159, 15, 0.2);
    border-radius: 6.667vw;
    color: #FFFFFF;
    font-size: 4.533vw;

}

.dlFsBox {
    margin: 3.733vw auto 0;
    width: 86.667vw;
    justify-content: flex-end;
}

.dlFsBox button {

    color: #649F0F;
    font-size: 3.733vw;
}

.yzmDiv {
    width: 100%;
    justify-content: space-between;
}

.yzmDiv input {
    width: calc(100% - 33.333vw);
}

.yzmDiv button {


    color: #649F0F;
    font-size: 4.267vw;
}

.gray {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    color: rgba(102, 102, 102, 0.702);
}

#yzmdlBox {
    display: none;
}

.yjlbTop {
    width: 100%;
    height: 40vw;
    padding-top: 4vw;
    margin-bottom: 4vw;
    position: fixed;
    z-index: 99;
    background: linear-gradient(180deg, #649F0F 0%, #A9D075 100%);
}



.yjlbTopUl {
    width: 92vw;
    margin: 6.667vw auto 4vw;
    font-size: 4vw;
}

.yjlbTopUl>li {
    margin-right: 6vw;
    color: #fff;
}

.yjlbTopUl>li>div {
    width: 5.6vw;
    height: 0.933vw;
    margin: 1.333vw auto 0;
}

.yjlbTopUl>li>div>img {
    width: 5.6vw;
    height: 0.933vw;
    display: none;
}

.yjlbTopLiAct {
    font-weight: 550;
}

.yjlbTopLiAct>div>img {
    display: block !important;
}

.searcjBox {
    margin: 2vw auto 4vw;
    width: 94.667vw;
    height: 13.067vw;
    padding-right: 2vw;
    background: #fff;
    border-radius: 2.667vw;
}

.searcjBox input {
    font-size: 3.733vw;
    padding-left: 2.933vw;
    width: calc(100% - 17.733vw);
}

.searcjBox2 {
    width: 77.333vw !important;
}

.searchBtn {
    width: 18.933vw;
    height: 10.667vw;

    background: #649F0F;
    border-radius: 2.667vw;
    justify-content: center;
}

.searchBtn img {
    width: 4.533vw;
    height: 4.533vw;
    margin-right: 1.333vw;
}

.searchBtn p {
    font-size: 3.467vw;
    color: #FFFFFF;
}

.yjlbMainBody {
    position: absolute;
    top: 38.667vw;
    left: 0;
    bottom: 0;
    width: 100vw;
    background: #F9F9F9;
    border-radius: 4vw 4vw 0rem 0rem;
    opacity: 1;
    margin-top: -2.667vw;
    z-index: 99;
    padding-top: 4vw;
    display: none;
    overflow-y: auto;
}

.yjlbMainBodyAct {
    display: block !important;
}

.ddBox {
    padding: 4vw;
    width: 93.333vw;
    box-shadow: 0px 0.4vw 2.267vw 0px rgba(183, 199, 197, 0.4);
    background: #FFFFFF;
    margin: 0 auto 4vw;
    border-radius: 1.6vw 1.6vw 1.6vw 1.6vw;
}

.ddDivLast {
    border-bottom: none !important;
    padding-bottom: 0 !important;
}

.ddDivNoneBottom {
    padding-bottom: 0 !important;
}

.ddDiv {
    padding: 4vw 0;
    border-bottom: 1px solid rgba(225, 237, 237, 1);
}

.ddDiv .ddSon:last-child {
    margin-bottom: 0;
}

.ddSon {
    justify-content: space-between;
    margin-bottom: 2.667vw;
}

.ddDivOne {
    padding-top: 0 !important;
}

.ddSon2 {
    justify-content: flex-start;
}

.ddSon3 {
    display: flex;
    margin-bottom: 2.667vw;
    justify-content: flex-start;
}

.ddSon3 p {
    font-size: 3.733vw;
}

.ddSon3 a {
    max-width: 48%;
    color: #3A3A3A;
}

.ddSon3>p:first-child {
    width: 13.333vw;
    color: #525959;
}

.ddSon3>p:last-child {
    max-width: calc(100% - 13.333vw);
    color: #3A3A3A;
    word-break: break-all;
}

.ddSon p {
    max-width: 48%;
    font-size: 3.733vw;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ddSon a {
    max-width: 48%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #3A3A3A;
}

.ddSon>p:first-child {
    color: #525959;
}

.ddSon>p:last-child {
    color: #3A3A3A;
}

.ddTitle {
    justify-content: space-between;
}

.ddTitle p {
    max-width: 48%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}



.ddTitle>p:first-child {
    color: #373E3E;
    font-size: 4.267vw;
    font-weight: bold;
}

.jxz {
    color: #F6A213;
    font-size: 3.733vw;
}

.tel {
    width: 4vw;
    height: 4vw;
    margin-right: 1.333vw;
}

.cksjwz {
    color: #1EA87D !important;
}

.ddSon2 p {
    color: #525959 !important;
}

.ddBtnBox {
    justify-content: flex-end;
}

.ddBtnBox2 {
    margin-top: 4vw;
    padding: 0 2vw;
    justify-content: space-between !important;
}

.ddckxqBtn {
    color: #649F0F;
    font-size: 4vw;
    width: 32vw;
    height: 10.667vw;
    background: #FFFFFF;
    /* box-shadow: 0px 0.533vw 1.333vw 0px rgba(100, 159, 15, 0.4); */
    border-radius: 6.933vw;
    opacity: 1;
    border: 1px solid #649F0F;
}

.ywc {
    color: #969696;
    font-size: 3.733vw;
}

.ddxqTop {
    padding: 2vw 4vw;
    display: flex;
    z-index: 99;
    position: relative;
}

.ddxqTopLeft img {
    width: 11.6vw;
    height: 11.6vw;
    border-radius: 50%;
}

.ddxqTopRight {
    margin-left: 2.667vw;
}

.ddmc {
    font-size: 4.8vw;
    color: #1E1E1E;
    font-weight: bold;
    margin-bottom: 0.667vw;
}

.ddDz {
    display: flex;
    color: #3A3A3A;
    font-size: 3.733vw;
}

.ddDz img {
    width: 4.8vw;
    margin-right: 1.333vw;
    height: 4.8vw;
}



.tjtpBox2 .tjtpTitle {
    font-weight: 400 !important;
}

.tjBox2 {
    padding-top: 4vw !important;
    padding-bottom: 0 !important;
}

.ddbzBox {
    width: 93.333vw;
    margin: 0 auto 5.067vw;
    padding: 4vw;
    box-shadow: 0px 0.4vw 2.267vw 0px rgba(183, 199, 197, 0.4);
    background: #FFFFFF;
    border-radius: 1.6vw;
}

.ddbzTitle {
    font-size: 4.267vw;
    color: #373E3E;
    margin-bottom: 3.333vw;
    font-weight: bold;
}

.ddSon3 {
    display: flex;
    margin-bottom: 2.667vw;
    justify-content: flex-start;
}

.ddSon3 p {
    font-size: 3.733vw;
}

.ddSon3 a {
    max-width: 48%;
    color: #3A3A3A;
}

.ddSon3>p:first-child {
    width: 13.333vw;
    color: #525959;
}


/* 录音开始 */

.record {}

.record img {
    width: 13px;
    margin-right: 5px;
    pointer-events: none;
}

.recording {
    background: #1985F3;
}

.recordI2,
.recording .recordI {
    display: none;
}

.recording .recordI2 {
    display: block;
}

.recording .recordP {
    color: #FFFFFF !important;
}

.recordP {
    font-size: 15px;
    font-weight: bold;
    color: #1985F3;
    user-select: none;
}

.recordingA {
    display: none;
    width: 100%;
    justify-content: space-between;
    position: absolute;
    left: 0;
    top: -38px;
}

.recordingAILeft {
    margin-left: 3.333vw;
}

.recordingAI {
    width: 41px;
    overflow: hidden;
    position: relative;
}

.recordingAI img {
    width: 100%;
}

.recordingAI2 {
    width: 0px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    animation: myrecord 1s linear infinite;
}

.recordingAI2 img {
    width: 41px;
    position: absolute;
    left: 0;
    top: 0;
}

.recordingAI3 {
    width: 41px;
    height: 100%;
    background: #fff;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    animation: myrecord2 1s linear infinite;
}

.recordingAI3 img {
    width: 41px;
    position: absolute;
    left: 0;
    top: 0;
}

.recordingA p {
    font-size: 13px;
    font-weight: bold;
    color: #666666;
}

@keyframes myrecord {
    from {
        width: 0px;
    }

    to {
        width: 41px;
    }
}

@keyframes myrecord2 {
    from {
        width: 41px;
    }

    to {
        width: 0px;
    }
}

.recordList {
    width: 100%;
}

.recordList li {
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 3.733vw;
}

.recordList li:first-child {
    margin-top: 2.667vw;
}

.recordLI {
    /* width: 11%; */
    position: relative;
    margin-right: 4%;
}

.recordLII {
    width: 100%;
}

.recordLII2 {
    /* width: 27%; */
    width: 4vw;
    height: 4vw;
    /* position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-40%, -50%); */
}

.play .recordLII4 {
    display: block;
}

.recordLII4,
.play .recordLII3 {
    display: none;
}

.recordLB {
    display: flex;
    align-items: baseline;
    width: 70%;
}

.recordLBI {
    position: relative;
    overflow: hidden;
}

.recordLBI img {
    width: 51vw;
}

.recordLS {
    font-size: 3.733vw;
    color: #FFFFFF;
    position: absolute;
    right: 4vw;
    top: 50%;
    margin-top: -1.867vw;
}

.recordLD {
    width: 5.333vw;
    margin-left: auto;
}

.recordLISon {
    width: 9.333vw;
    height: 9.333vw;
    background: #ffffff;
    border-radius: 50%;
    justify-content: center;
    margin-left: 1.333vw;
}

.recordLIDiv {
    height: 11.2vw;
    background: linear-gradient(270deg, #A9D075 0%, #649F0F 100%);
    border-radius: 12vw;
    position: relative;
    width: 100%;
}

.pzjlyytiaoImg {
    width: 10.667vw;
    height: 4.4vw;
}

/* 录音结束 */
.buttomClass3 {
    width: 32vw;
    height: 10.667vw;
    background: linear-gradient(180deg, #649F0F 0%, #A9D075 100%);
    box-shadow: 0px 0.533vw 1.333vw 0px rgba(100, 159, 15, 0.5);
    border-radius: 6.933vw;
    font-size: 4vw;
    color: #FFFFFF;
}

.ddwz {
    width: 4.267vw;
    height: 4.267vw;
    margin-right: 2vw;
}

.xxtzBox {
    width: 100%;
    height: 100%;
    padding-top: 3vw;
}

.xxtzBoxSon {
    margin-bottom: 5.333vw;
}

.xxtzTime {
    width: 94.667vw;
    text-align: center;
    margin-bottom: 2vw;
    color: #767676;
    font-size: 3.2vw;
}

.xxtzBody {
    padding: 4vw 0rem;
    margin: 0 auto;
    width: 94.667vw;
    height: auto;
    background: #FFFFFF;
    border-radius: 2.667vw;
}

.xxtzBodyTop {
    margin-bottom: 3.6vw;
    padding: 0 2.667vw 4.667vw;
    border-bottom: 1px solid #F2F4F5;
}

.xxtzBodyTitle {
    color: #0F1830;
    font-size: 4.267vw;
    line-height: 6.667vw;
    font-weight: bold;
    margin-bottom: 2.667vw;
    max-width: calc(100% - 8vw);
}

.xxtzBodyText {
    color: rgba(15, 24, 48, 0.5);
    font-size: 3.733vw;
    line-height: 6.667vw;
}

.xxtzBodyBottom {
    padding: 0 1.333vw 0 3.467vw;
    justify-content: space-between;
}

.xxtzBodyBottom p {
    color: #649F0F;
    font-size: 4vw;
}

.xxtzBodyBottom img {
    width: 5.733vw;
    height: 5.733vw;
}

.wdSpan {
    display: block;
    width: 2.8vw;
    height: 2.8vw;
    margin-left: 1.333vw;
    background: #FF5B48;
    border-radius: 50%;
}

.wxtsBox {
    justify-content: center;
    margin-bottom: 5.333vw;
}

.wxtsBox img {
    width: 6.4vw;
    height: 6.4vw;
    margin-right: 1.6vw;
}

.wxtsBox p {
    color: #3D3D3D;
    font-size: 4.8vw;
}

.wsjBox img {
    width: 63.2vw;
    height: 56.933vw;
    margin: 26.667vw auto 0;
}

.wsjBox p {
    font-size: 3.733vw;
    color: #B0B0B0;
    text-align: center;
}

.ddxqBox {
    padding-top: 3vw;
    width: 94.667vw;
    margin: 0 auto;
}

.formTop {
    width: 94.667vw;
    height: 13.333vw;
    background: url('../img/formTop.png') no-repeat;
    background-size: 100% 100%;
    justify-content: center;
    position: relative;
}

.formTopTitle {
    font-size: 4.8vw;
    color: #FFFFFF;
    font-weight: bold;
}

.formDivFirst {
    border-radius: 0px 0px 2.667vw 2.667vw !important;
}

.formDiv {
    width: 94.667vw;
    padding: 2.667vw 2.667vw 4.267vw;
    border-radius: 2.667vw;
    background: #fff;
    margin-bottom: 3.2vw;
}



.bdTitle {
    margin-bottom: 2vw;
}

.bdTitle span {
    display: block;
    width: 1vw;
    height: 4vw;
    background: #649F0F;
    border-radius: 2.667vw;
    margin-right: 1.733vw;
}

.bdTitle p {
    color: #1E1E1E;
    font-size: 4.267vw;
    font-weight: bold;
}

.formSon {
    border: 1px solid #D8D8D8;
    border-radius: 2.667vw;
    width: 89.333vw;
}

.formSon>div {
    padding: 4vw;
    border-bottom: 1px solid #D8D8D8;
    justify-content: space-between;
    font-size: 4vw;
}

.formSon>div:last-child {
    border-bottom: none !important;
}

.formSonDiv p:nth-child(1) {
    max-width: 24vw;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.formSonDiv p:nth-child(2) {
    max-width: calc(100% - 24vw);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.formSonDiv2 p:nth-child(1) {
    max-width: 24vw;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.formSonDiv2 p:nth-child(2) {
    width: 50vw;
    display: flex;
    word-break: break-all;
}

.ddxqWz {
    width: 4.533vw;
    height: 4.533vw;
    margin-right: 1.333vw;
}

.bdTitle2 {
    margin-top: 2vw;
    padding-left: 3.333vw;
}

.tjBox {
    border-radius: 1.6vw;
    border: 1px solid #BEC7C6;
    padding-left: 3.1vw;
    width: 100%;
    padding-top: 2.667vw;
    padding-bottom: 6.133vw;
    flex-wrap: wrap;
    position: relative;
}

.tjBox>div {
    width: 25.333vw;
    height: 25.333vw;
    margin-bottom: 4vw;
    margin-right: 3.1vw;
    position: relative;
}

.tjtpImg {
    width: 25.333vw;
    height: 25.333vw;
    border-radius: 1.067vw;
}

/* 点击图片查看大图盒子 */

.ImgBig {
    width: 100%;
    /* height: 100%; */
    position: fixed;
    top: 0px;
    left: 0;
    bottom: 0;
    background: rgb(0, 0, 0);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 999;
}

.ImgBigSrc {
    max-width: 100%;
}

.lsBtn {
    width: 89.333vw;
    height: 11.2vw;
    color: #FFFFFF;
    font-size: 4vw;
    display: block;
    margin: 0 auto 5vw;
    background: linear-gradient(360deg, #A9D075 0%, #649F0F 100%);
    box-shadow: 0px 0.533vw 1.333vw 0px rgba(100, 159, 15, 0.5);
    border-radius: 6.667vw 6.667vw 6.667vw 6.667vw;
}

.bzP {
    word-break: break-all;
}
.bigBox2 {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 999;
    display: none;
    justify-content: center;
}

.delBox {
    position: relative;
    width: 84vw;
    height: 50.667vw;
    background: url('../img/sctcBac.png') no-repeat;
    background-size: 100% 100%;
    padding-top: 6.267vw;
    box-sizing: border-box;
}

.delTcImg {
    position: absolute;
    width: 4.533vw;
    height: 4.533vw;
    top: 7.333vw;
    right: 6.667vw;
}

.delTcP {
    color: #3D3D3D;
    text-align: center;
    font-size: 4.533vw;
    margin-bottom: 8.667vw;
}

.delTcBtnBox {
    width: 100%;
    padding: 0 6.667vw;
    box-sizing: border-box;
    justify-content: space-between;
}

.delTcBtnWzxx {
    width: 32vw;
    height: 11.2vw;
    background: #F2F4F5;
    border-radius: 8vw;
    color: #999999;
    font-size: 4.533vw;
}

.delTcBtnQr {
    width: 32vw;
    height: 11.2vw;
    background: linear-gradient(180deg, #649F0F 0%, #A9D075 100%);
    border-radius: 8vw;
    font-size: 4.533vw;
    color: #FFFFFF;
}

.wxtsBox {
    justify-content: center;
    margin-bottom: 5.333vw;
}

.wxtsBox img {
    width: 6.4vw;
    height: 6.4vw;
    margin-right: 1.6vw;
}

.wxtsBox p {
    color: #3D3D3D;
    font-size: 4.8vw;
}

.wsjBox img {
    width: 63.2vw;
    height: 56.933vw;
    margin: 26.667vw auto 0;
}

.wsjBox p {
    font-size: 3.733vw;
    color: #B0B0B0;
    text-align: center;
}