.main {
    margin: 0 auto;
    background: #fff;
    padding: 45px;
}
.title-section {
    padding: 0 60px 35px;
}
.title-section .title {
    color: #000;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    border-bottom: 1px #ccc dashed;
    padding: 10px 0 20px;
    width: 65%;
    margin: auto;
}
.subtitle img {
    height: 60px;
}
.subtitle {
    margin-bottom: 15px;
}
.part {
    height: 590px;
}
.part .content {
    position: relative;
}
.desc .blue-dot {
    color: #54c7fc;
}
.part-1 {
    height: 990px;
}
.part-1 .content .desc {
    margin-left: 40px;
    padding-top: 50px;
}
.part-1 .content .desc.tips {
    height: 300px;
    margin-left: 450px;
    padding-top: 180px;
}
.part-1 .sub-sub-title {
    font-size: 20px;
    margin-top: 30px;
}
.part .content .desc .text {
    font-size: 14px;
    line-height: 1.6em;
    color: #666;
}
/*.part-1 .content .desc .text {
    width: 790px;
}*/
.part-2 .img-wrapper {
    padding: 0 40px;
}
.part .content .img-wrapper {
    position: absolute;
    top: 0;
}
.part-1 .content .img-wrapper {
    left: 0;
    width: 510px;
}
.part .content .img-wrapper img {
    width: 100%;
}
.part-2 .img-wrapper img {
    width: 100%;
}
.part-2 .content .desc {
    margin-left: 35px;
    padding-top: 30px;
}
.part-3 {
    height: 500px;
}
.part-3 .content .desc {
    margin-left: 35px;
}
.part-3 .img-wrapper {
    left: 390px;
    text-align: center;
}
.part-3 .btns {
    text-align: center;
    margin: 50px auto;
}
.part-3 .become-guide-btn {
    padding: 10px 60px;
    border: 2px #ff5f69 solid;
    border-radius: 5px;
    color: #ff5f69;
    font-size: 24px;
}
.part-3 .become-guide-btn:hover {
    background: #ff5f69;
    color: #fff;
}