@import "comm.css";

/* cell */
.tc {
    text-align: center;
}

.hand {
    cursor: pointer;
}

.pr {
    position: relative;
}

.mb2 {
    margin-bottom: 0.2rem;
}

.m2_clear {
    clear: both;
}

/* zt_banner */
.zt_banner img {
    width: 100%;
}

/* button */
.btn {
    display: flex;
    justify-content: center;
}

.btn-a {
    font-size: 0.24rem;
    background: #efb005;
    /* 标准的语法 */
    color: #fff;
    padding: 0.15rem 0.4rem;
    line-height: 0.3rem;
    border-radius: 0.5rem;
    margin: 0.3rem 0 0.3rem;
    text-align: center;
}

/* main */

.title {
    margin: 0.2rem 0;
}

.zt_row {
    margin: 0 0.2rem;
}

.zt_li {
    display: flex;
    margin-bottom: 0.1rem;
}

.zt_li>* {
    margin-right: 0.4rem;
}

.zt_li>*:last-child {
    margin-right: 0;
}

.zt_li_cont {
    background-color: #f1f1f1;
    text-align: center;
}


.m1_title {
    margin: 0.4rem 0 0.2rem;
}

.title_h1 {
    font-size: 0.4rem;
    line-height: 0.36rem;
    color: #4cbbb4;
    font-weight: 600;
    border-bottom: 4px double #cbdad9;
    padding: 0.1rem;
}

.title_h3 {
    font-size: 0.18rem;
    line-height: 0.36rem;
    color: #aaa;
    text-transform: uppercase;
}

.title_h3.sub {
    font-size: 0.22rem;
}

.m1_p {
    font-size: 0.22rem;
    line-height: 0.36rem;
    text-indent: 2em;
}

.m1_swiper_p {
    font-size: 0.22rem;
    line-height: 0.3rem;
    margin-top: 0.1rem;
}

.yh {
    margin: 0.2rem 0 0.4rem;
}

.zt_swiper li {
    text-align: center;
}

.m3_bt {
    margin-bottom: 0.45rem;
}

.m3_li {
    display: flex;
    margin-bottom: 0.7rem;
    padding: 0.4rem 0.2rem 0.6rem;
    background-color: #f1f1f1;
}

.m3_title {
    position: absolute;
    width: 2.4rem;
    font-size: 0.22rem;
    line-height: 0.36rem;
    color: #fff;
    text-align: center;
    background-color: #4cbbb4;
    left: 0.2rem;
    top: -0.15rem;
}

.m3_img {
    width: 2.4rem;
    height: 2.4rem;
}

.m3_cont {
    font-size: 0.22rem;
    line-height: 0.3rem;
    flex: 1;
    margin-left: 0.3rem;
}

.m3_cont_p1 {
    padding-bottom: 0.15rem;
    margin-bottom: 0.15rem;
    border-bottom: 1px dotted #ddd;
}

.m3_btn {
    position: absolute;
    bottom: -0.6rem;
    left: 0;
    width: 6rem;
}

.m4_li {
    margin-bottom: 0.6rem
}

.m4_cont {
    font-size: 0.22rem;
    line-height: 0.24rem;
    position: absolute;
    text-align: center;
    margin: 0 0.2rem;
    width: 2.4rem;
    color: #fff;
    background-color: #4cbbb4;
    left: 0;
    bottom: -0.25rem;
    padding: 0.05rem 0;
}

/* tab */
.tab .hd ul {
    float: left;
    width: 100%;
    margin: 0.1rem 0;
}

.tab .hd ul li {
    float: left;
    width: 1.9rem;
    text-align: center;
    margin-bottom: 0.1rem;
    font-size: 0.3rem;
    line-height: 0.36rem;
    padding: 0.1rem 0;
    color: #4cbbb4;
    border: 1px solid #4cbbb4;
    margin-right: 0.15rem;
    cursor: pointer;
    border-radius: 8px;
}

.other_btn {
    position: absolute;
    width: 1.9rem;
    text-align: center;
    margin-bottom: 0.1rem;
    font-size: 0.3rem;
    line-height: 0.36rem;
    padding: 0.1rem 0;
    color: #4cbbb4;
    border: 1px solid #4cbbb4;
    cursor: pointer;
    border-radius: 8px;
    right: 0;
    bottom: 0;
}

.tab .hd ul li:nth-child(3n) {
    margin-right: 0;
}

.tab .hd ul li:last-child {
    margin-right: 0;
}

.tab .hd ul li.on {
    background-color: #4cbbb4;
    color: #fff;
}

.tab .bd ul li {
    background-color: #eeeeee;
    padding: 0.2rem;
}

.tab_cont {
    display: flex;
    margin-top: 0.2rem;
}

.tab_cont_div {
    flex: 1;
}

.tab_cont_div p {
    margin: 0.05rem 0;
    font-size: 0.22rem;
    line-height: 0.3rem;
}

.tab_cont_text1 {
    color: #80c9c4;
}

.tab_cont_btn {
    font-size: 0.24rem;
    line-height: 0.33rem;
    padding: 0.15rem 0.1rem;
    background-color: #fff;
    border-radius: 8px;
    margin: 0.05rem 0;
    color: #4cbbb4;
    border: 1px solid #80c9c4;
}