html,
body {
    padding: 0px;
    margin: 0px;
    background-color: rgb(241, 241, 241);
}

.pb-2 {
    padding-bottom: 20px;
}

.d-flex {
    display: flex;
}

.wid {
    width: 100%;
}

.card_center {
    width: 100%;
    display: flex;
    margin-top: 20px;
    justify-content: center;
}

.search {
    width: 100%;
    padding: 10px;
    height: 50px;
    background-color: #fff;
    display: flex;
    box-sizing: border-box;
}

.search_text {
    width: 5%;
    height: 100%;
    display: flex;
    align-items: center;
}

.search_text_tow {
    margin-left: 20px;
    display: flex;
    align-items: center;
}

.search_text_tow img {
    width: 15px;
    height: 15px;
}

.search_text img {
    width: 15px;
    height: 15px;
}

.search_box {
    width: 90%;
    height: 100%;
    box-sizing: border-box;
    padding-left: 20px;
}

.search_box .search_box_content {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    background-color: rgb(246, 245, 245);
}

.search_box_content img {
    width: 20px;
    margin-left: 10px;
    height: 20px;
}

.search_box_content input {
    width: 80%;
    border: none;
    margin-left: 10px;
    background-color: rgb(246, 245, 245);
    outline: none;
}

.Tips {
    width: 100%;
    padding: 10px;
    background-color: #fff;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.Tips div:nth-child(1) {
    font-weight: 800;
    color: rgb(112, 155, 47);
    font-size: 15px;
}

.Tips div img {
    width: 20px;
    height: 20px;
}

.header {
    width: 90%;
}

.header img {
    width: 100%;
    height: 200px;
    border-radius: 20px;
}

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

.swiper-slide {
    text-align: center;
    font-size: 18px;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: rgb(255, 255, 255);
    opacity: 2;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #00ff1f;
}

.appbor {
    width: 100%;
    padding: 10px;
    display: flex;
    padding: 10px;
    box-sizing: border-box;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.card_center_tow {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
    justify-content: space-around;
}

.Presentation_video {
    margin-top: 20px;
    width: 100%;
    height: 187px;
    background-color: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.Presentation_video_hei {
    height: 163px;
}

.Presentation_video img {
    width: 100%;
    height: 90px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.Presentation_video div {
    font-size: 14px;
    font-weight: 800;
    margin-left: 10px;
}

.Presentation_video p {
    margin: 0px;
    margin-top: 5px;
    margin-left: 10px;
    font-size: 14px;
    color: red;
}

.d-flex {
    display: flex;
    justify-content: space-around;
}

.wid {
    width: 40%;
}