/* 导航 */

.nav-var {
    top: 59px;
}

.crumb {
    margin: 108px auto 40px !important;
}

.head {
    width: 95%;
    margin: 40px auto;
}

.head h2 {
    font-size: 35px;
}

/* 科学依据 */

.accord {
    color: #fff;
    height: 800px;
    padding-top: 120px;
    padding-bottom: 60px;
    background-image: url("/tpl/pc/img/mindspa/banner.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    justify-content: space-between;
}

.accord-top {
    padding: 0 60px;
}

.accord-top .left {
    font-size: 40px;
}

.accord-top .right {
    width: 400px;
    line-height: 1.6;
    font-size: 15px;
}

.accord-top .right div:not(:last-child) {
    margin-bottom: 15px;
}

/* 第二部分 */

.process {
    padding-top: 60px;
    padding-bottom: 50px;
    background-color: #FBF6EE;
}

.process .item {
    padding-left: 50px;
    padding-right: 104px;
}

.process .item:not(:first-child) {
    margin-top: 59px;
}

.process .item img {
    width: 480px;
    height: 480px;
    object-fit: cover;
    border-radius: 4px;
}

.process .item img,
.process .item>div {
    flex: 1;
}

.process .item:nth-child(odd) img {
    margin-right: 40px;
}

.process .item:nth-child(even) img {
    margin-left: 40px;
}

.process .item .name {
    color: #000;
    font-size: 48px;
}

.process .item p {
    margin-top: 50px;
}

.process .item .discuss {
    width: 140px;
    padding: 8px 0;
    text-align: center;
    border: 1px solid #000;
    margin-top: 50px;
}

/* 根据客户需求定制的计划 */

.planner {
    padding: 0 80px 50px;
    background-color: #FBF6EE;
}

.planner .title {
    font-size: 30px;
    margin-bottom: 40px;
}

.planner .lists {
    width: 1000px;
    margin: 0 auto;
    flex-wrap: wrap;
    justify-content: center;
}

.planner .item {
    flex-basis: 40%;
    /* border: 1px solid red; */
}

.planner .item:nth-child(n + 3) {
    margin-top: 20px;
}

.planner .item:nth-child(odd) {
    margin-right: 180px;
}

.planner .item .img {
    width: 100%;
}

.planner .item .label {
    margin: 8px 0;
}

.planner .item .intro {
    font-size: 14px;
    color: #333;
}

.planner .bottom {
    margin-top: 50px;
}

.planner .bottom .left {
    font-size: 20px;
}

.planner .bottom .left div:first-child {
    margin-bottom: 3px;
}

.planner .bottom .right .img {
    width: 45px;
    height: 45px;
}

.planner .bottom .right .img:not(:first-child) {
    margin-left: 10px;
}

/* 难忘的时刻 */

.tonight {
    position: relative;
    height: 800px;
    line-height: 8
}

.tonight .img {
    width: 100%;
}

.tonight .txt {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 50px;
    color: #fff;
}

/* 评分 */

.excellent {
    padding: 20px 0;
    background-color: #FBF6EE;
}

.excellent .img {
    width: 25px;
    height: 25px;
}

/* 科学支持的技术 */

.science {
    padding: 50px 0;
    background-color: #F8EDDD;
}

.science .title {
    font-size: 48px;
    margin-bottom: 30px;
}

.science .list {
    color: #fff;
}

.science .list .item {
    position: relative;
    padding: 0 50px;
}

.science .list .item:not(:last-child):after {
    content: '';
    /* 设置内容为空 */
    position: absolute;
    /* 绝对定位 */
    top: 50%;
    transform: translateY(-50%);
    /* 从顶部开始 */
    right: 0;
    /* 从右侧开始 */
    bottom: 0;
    /* 到底部结束 */
    width: 1px;
    height: 80%;
    /* 边框宽度 */
    background-color: #D2C8BA;
    /* 边框颜色 */
}

.science .item .percent {
    margin-bottom: 20px;
    font-size: 48px;
    color: #000;
}

.science .item .intro {
    color: #000;
    font-size: 16px;
    width: 234px;
}

/* 第五部分 */

.wrap {
    width: 90%;
    max-width: 1920px;
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 40px;
}

.score {
    margin-top: 20px;
}

.container {
    background-color: #F8EEDE;
}

.celebrity {
    margin-bottom: 0 !important;
}

/* 探索 */

.explor {
    color: #fff;
    height: 800px;
    padding-top: 250px;
    box-sizing: border-box;
    background-image: url("/tpl/pc/img/bg_star.png");
    background-size: cover;
    background-repeat: no-repeat;
}

.explor .probe {
    font-size: 80px;
}

.explor .probe {
    margin-bottom: 90px;
}

.explor .try {
    margin: 25px auto 0;
    width: 360px;
    height: 60px;
    line-height: 60px;
    color: #241808;
    border-radius: 8px;
    font-size: 18px;
    background-color: #fff;
}

.explor .try img {
    width: 20px;
    height: 20px;
    margin-left: 5px;
}

.fullscreenvideo {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    object-fit: cover;
}