@import "comm.css";

/* base */
.hand {
    cursor: pointer;
}

.pr {
    position: relative;
}

.bg_color {
    background-color: #f1f1f1;
}

.bottom_boder {
    border-bottom: 1px solid #e5e5e5;
}

.border_lf {
    border-left: 1px solid #e5e5ee;
    border-right: 1px solid #e5e5ee;
}

.mb2 {
    margin-bottom: 0.2rem !important;
}

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

.btn-span {
    font-size: 0.24rem;
    background-color: #f49939;
    color: #fff;
    padding: 0.15rem 0;
    line-height: 0.3rem;
    border-radius: 0.5rem;
    width: 3.8rem;
    text-align: center;
}

.btn-span-green {
    font-size: 0.22rem;
    background-color: #4cbbb4;
    color: #fff;
    padding: 0.05rem 0.2rem;
    line-height: 0.3rem;
    border-radius: 0.04rem;
    text-align: center;
}

.tel-btn {
    position: absolute;
    left: 50%;
    bottom: 0.6rem;
    z-index: 99;
    font-size: 0.28rem;
    background-color: #f49939;
    color: #fff;
    padding: 0.1rem 0.5rem;
    line-height: 0.35rem;
    border-radius: 0.5rem;
    transform: translateX(-50%);
}

/* main */
.swiper-pagination-bullet-active {
    background-color: #4cbbb4 !important;
}

.zyks-img1,
.title1,
.qmbox {
    margin: 0.2rem 0;
}

.cont1-ul {
    margin: 0.2rem;
}

.cont1-li {
    display: flex;
    margin-bottom: 0.2rem;
}

.cont1-msg {
    flex: 1;
    display: flex;
}

.cont1-msg img {
    width: 0.8rem;
    height: 0.8rem;
}

.cont1-msg span {
    font-size: 0.22rem;
    line-height: 0.3rem;
    margin: 0.1rem 0.12rem;
    color: #999;
    flex: 1;
}

.cont1-slide,
.cont4_banner {
    margin: 0.2rem !important;
}

.cont1-slide-img {
    width: 2.8rem !important;
    height: 1.8rem !important;
}

.cont1-slide-p {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 0.22rem;
    line-height: 0.3rem;
    padding: 0.05rem 0;
    background-color: rgba(76, 183, 180, 0.85);
}

.cont1-slide-p {
    position: absolute;
    bottom: 0;

}

.cont2 {
    padding: 0.05rem 0 0.3rem;
    margin: 0.2rem 0;
}

.cont4 {
    padding-bottom: 0.4rem;
    margin-top: 0.3rem;
}


.cont4-ul {
    margin: 0 0.2rem 0.2rem;
}

.cont4-li {
    display: flex;
    padding: 0.15rem 0;
    border-bottom: 1px solid #d3d3d3;
}

.cont4-li:first-child{
    padding: 0 0 0.15rem;
}

.cont4-msg {
    flex: 1;
}

.cont4-msg-des span {
    background-color: #4cbbb4;
    color: #fff;
    display: inline-block;
    padding: 0.05rem;
    border-radius: 0.04rem;
}

.cont4-img {
    width: 1.45rem !important;
    height: 1.45rem !important;
    margin-left: 0.1rem;
}

.cont4-msg-des {
    font-size: 0.22rem;
    line-height: 0.3rem;
}

.cont4-msg-title {
    display: flex;
    font-size: 0.22rem;
    line-height: 0.3rem;
    margin-top: 0.1rem;
}

.cont4-msg-head {
    flex: 1;
}

.cont4-msg-head img {
    vertical-align: middle;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
}

.cont4-msg-name {
    color: #81c9c4;
}

.cont4-agree img {
    width: 0.39rem;
    vertical-align: bottom;
}

.cont4-msg-num {
    color: #999;
}

.zy-ul {
    display: flex;
    margin: 0.1rem;
}

.zy-li {
    flex: 1;
    margin: 0.1rem;
    position: relative;
}

.zy-li-img {
    width: 1.4rem;
    height: 1.65rem !important;
}

.zy-li-msg {
    position: absolute;
    z-index: 9;
    left: 0;
    bottom: 0;
    font-size: 0.22rem;
    color: #fff;
    line-height: 0.26rem;
    text-align: center;
    width: 100%;
}

.zyks-container {
    margin: 0 0.2rem 0.2rem;
}

.zyks-one-li {
    display: flex;
    justify-content: space-between;
}

.zyks-li-div,
.zyks-li-div4 {
    font-size: 0.22rem;
    text-align: center;
    margin-right: 0.2rem;
}

.zyks-li-div:last-child,
.zyks-li-div4:last-child {
    margin-right: 0;
}

.zyks-li-div p {
    margin: 0.1rem 0;
    line-height: 0.3rem;
}

.zyks-p1 {
    font-size: 0.22rem;
    line-height: 0.3rem;
    margin: 0.2rem;
    text-indent: 2em;
}

.zyks-li-msg {
    background-color: #70c9c3;
    color: #fff;
    padding: 0.1rem;
    line-height: 0.3rem;
    margin-bottom: 0.2rem;
}

.zyks-img-title {
    font-size: 0.24rem;
    padding-bottom: 0.05rem;
    border-bottom: 1px dotted;
    margin-bottom: 0.05rem;
}

.ys-img {
    padding: 0 0.2rem;
}

.cnt.qm-bd {
    margin: 0 0.2rem 0.3rem;
}

.qmbox-p {
    font-size: 0.22rem;
    line-height: 0.3rem;
    text-align: center;
    color: #999;
    margin: 0.05rem;
}

.container3-ul {
    margin: 0.2rem;
}

.container3-li {
    display: flex;
}

.container3-msg {
    flex: 1;
    text-align: center;
    padding: 0.1rem;
}

.container3-msg-title {
    color: #4cbbb4;
    font-size: 0.24rem;
    line-height: 0.3rem;
    margin: 0.05rem 0;
}

.container3-msg-sub-title {
    color: #999;
    font-size: 0.22rem;
    line-height: 0.24rem;
}

.container5-img-msg {
    background-color: #64beb9;
    color: #fff;
    font-size: 0.22rem;
    line-height: 0.3rem;
    padding: 0.1rem 0.25rem;
    margin: 0 0.2rem;
}

.zy-li.contain5-li {
    text-align: center;
    font-size: 0.24rem;
    line-height: 0.3rem;
    background-color: #b3b3b3;
    color: #fff;
    border-radius: 50%;
    padding: 0.365rem 0;
    border: 1px dotted #fff;
    box-shadow: 0 0 0 0.05rem #b3b3b3;
}

.container7-img-msg {
    position: absolute;
    font-size: 0.22rem;
    line-height: 0.3rem;
    width: 3rem;
    color: #fff;
    top: 0.45rem;
    left: 3.05rem;
}