.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
    overflow: hidden;
}

.clearfix {
    *zoom: 1;
}

.head img {
    width: 100%;
    display: block;
}

.gray {
    background-color: #e3e3e3;
}

.choose {
    margin-top: 0.6rem;
    margin-bottom: 0.4rem;
}

.choose select {
    width: 48%;
    float: left;
    color: #222222;
    margin: 0 1%;
    padding: 0.6rem;
    box-sizing: border-box;
    background-color: #fff;
    display: block;
    border-radius: 0.6rem;
}

.build_info_head {
    box-sizing: border-box;
    padding: 0.4rem 0.8rem;
    background-color: #fff;
    position: relative;
}

.build_info_head_left {
    float: left;
    width: 6rem;
    overflow: hidden;
    border-radius: 0.5rem;
    margin-right: 16px;
}

.build_info_head_left img {
    width: 100%;
    display: block;
}

.build_info_head_mid {
    margin-left: 1rem;
    padding-right: 5rem;
    word-break: break-all;
    overflow: hidden;
}

.build_info_head_mid h4 {
    margin-top: 0.6rem;
    margin-bottom: 1rem;
}

.build_info_head_mid p {
    font-size: 0.8rem;
    color: #3c3c3c;
}

.build_state {
    display: block;
    background-color: #009a44;
    border: none;
    border-radius: 0.2rem;
    color: #fff;
    font-size: 0.8rem;
    font-weight: bold;
    padding: 0.2rem 1rem;
    position: absolute;
    right: 1rem;
    top: 2.5rem;
}

.build_info_bottom {
    padding: 0.4rem 0.6rem;
    box-sizing: border-box;
    width: 96%;
    margin: 0.7rem auto;
    background-color: #fff;
    border-radius: 0.3rem;
    padding-top: 0.8rem;
}

.build_info_bottom li {
    padding-top: 0.4rem;
    float: left;
    width: 33.333%;
    border-top: 1px solid #000000;
    text-align: center;
    position: relative;
}

.build_info_bottom li span {
    font-size: 0.8rem;
}

.add:after {
    content: "";
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 50%;
    background-color: #009944;
    position: absolute;
    top: -0.3rem;
    left: 48%;
}

.project_head {
    padding: 1.5rem 0;
    background-color: #fff;
    margin-bottom: 0.8rem;
}

.project_head_title {
    text-align: center;
    margin-bottom: 0.5rem;
}

.black {
    font-weight: bold;
}

.project_content {
    padding: 0 2rem;
    box-sizing: border-box;
}

.project_content p {
    border-bottom: 1px solid #b2b2b2;
    padding: 0.7rem;
    box-sizing: border-box;
    color: #4c4c4c;
}

.project_content p:last-child {
    border-bottom: none;
}

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

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* 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;
}

.project_date {
    width: 96%;
    margin: 0 auto;
    background-color: #2c8049;
    color: #fff;
    border-radius: 0.3rem;
    overflow: hidden;
    margin-bottom: 0.3rem;
}

.project_date p {
    font-size: 0.9rem;
    line-height: 2.5rem;
}

.white {
    font-size: 1rem;
    background-color: #009944;
    display: inline-block;
    padding: 0.6rem 1.2rem;
    margin-right: 0.5rem;
    border-radius: 0.4rem;
    float: left;
}

.project_schedule {
    position: relative;
    padding-left: 7rem;
    width: 96%;
    height: 4.4rem;
    margin: 0 auto;
    background-color: #2c8049;
    color: #fff;
    border-radius: 0.3rem;
    overflow: hidden;
    margin-bottom: 0.8rem;
    box-sizing: border-box;
}

.white_second {
    position: absolute;
    font-size: 1rem;
    background-color: #009944;
    display: inline-block;
    left: 0;
    padding: 1.5rem 1.2rem;
    margin-right: 0.5rem;
    border-radius: 0.4rem;
}

.project_evaluate {
    width: 96%;
    margin: 0 auto;
    background-color: #2c8049;
    color: #fff;
    border-radius: 0.3rem;
    overflow: hidden;
    margin-bottom: 0.3rem;
}

.comment {
    background-color: #fff;
    padding: 0.5rem 1.6rem;
    box-sizing: border-box;
}

.comment li {
    padding: 0.8rem 0;
    padding-left: 4.5rem;
    box-sizing: border-box;
    background-color: #faf3ed;
    border-radius: 0.6rem;
    position: relative;
    margin-bottom: 0.5rem;
}

.comment h4 {
    margin-bottom: 0.5rem;
    text-indent: 10px;
}

.comment li .person {
    width: 3rem;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    left: 0.6rem;
    top: 0.6rem;
}

.comment li h5 {
    font-size: 1rem;
}

.comment li span {
    font-size: 0.8rem;
}

.comment li p {
    color: #454545;
    font-size: 0.8rem;
    margin-top: 0.4rem;
}

.comment li .person img {
    display: block;
    width: 100%;
}

.more {
    text-align: center;
    background-color: #fff;
}

.more p {
    font-weight: bold;
    color: #626262;
    display: block;
    position: relative;
    z-index: 20;
}

.line:after {
    content: "";
    width: 100%;
    border-bottom: 1px solid #e3e3e3;
    position: absolute;
    top: 0.7rem;
    left: 0;
    z-index: -1;
}

.icon_sj {
    display: block;
    margin: 0 auto;
    margin-top: 6px;
    width: 12px;
    height: 8px;
    background: url(../images/sj.png) no-repeat;
    background-size: 100% 100%;
}

.more_content {
    background-color: #fff;
    padding: 0.5rem 1.6rem;
    box-sizing: border-box;
}

.more_content textarea {
    border: none;
    background-color: #e3e3e3;
    width: 100%;
    display: block;
    border-radius: 0.5rem;
    padding: 0.5rem 0.8rem;
    box-sizing: border-box;
    color: #666666;
}

.more_content input {
    border: none;
    background-color: #22ac38;
    display: block;
    width: 100%;
    color: #fff;
    border-radius: 0.5rem;
    margin-top: 0.6rem;
}

.state {
    position: relative;
    display: inline-block;
    background: url(../images/circle.png) no-repeat;
    background-size: 100% 100%;
    width: 90%;
    height: 2rem;
    margin-left: 0.6rem;
    margin-top: 0.5rem;
}

.state_line {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 1px;
    width: calc(100% - 16px);
    background-color: #bebebe;
}

.state li {
    position: absolute;
    width: 12px;
    height: 12px;
    background-color: #dbdada;
    border-radius: 50%;
}

.state li:nth-child(1) {
    left: 6px;
    top: 0;
    bottom: 0;
    margin: auto 0;
}

.state li:nth-child(2) {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.state li:nth-child(3) {
    right: 6px;
    top: 0;
    bottom: 0;
    margin: auto 0;
}

.state li.active {
    background-color: #58eb6d;
}

.state li.btn::after {
    content: '';
    position: absolute;
    height: 2rem;
    width: 2rem;
    top: -8px;
    left: -6px;
    background: url(../images/btn.png) no-repeat;
    background-size: cover;
}

.state_info {
    width: 90%;
    margin-left: 0.6rem;
}

.state_info li {
    width: 30%;
    background: none;
    display: inline-block;
}

.state_info li:nth-child(2) {
    text-align: center;
}

.state_info li:nth-child(3) {
    text-align: right;
}

.pay_head img {
    width: 100%;
    display: block;
}

.pay_content {
    line-height: 2rem;
    text-align: center;
    margin: 1rem 0 1.5rem 0;
}

.pay_content input {
    border: solid 2px #e8e8e8;
    width: 58%;
    margin-left: 10px;
    color: #150000;
    padding: 0.2rem 0.3rem;
}

.pay_black {
    color: #150000;
    font-weight: 500;
}

.pay_confirm {
    border: none;
    color: #fff;
    background-color: #259b24;
    border-radius: 0.3rem;
    width: 90%;
    margin: 0 auto;
    display: block;
    padding: 0.6rem 0;
}

.gray_less {
    background-color: #f7f7f7;
    padding-bottom: 6.6667vw;
}

.gift_head img {
    width: 100%;
    display: block;
}

.gift_content {
    padding: 0 0.8rem;
    box-sizing: border-box;
}

.gift_content_top_left {
    float: left;
    color: #686868;
    font-size: 0.8rem;
}

.gift_content_top_right {
    float: right;
    color: #686868;
    font-size: 0.8rem;
}

.gift_content_top {
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 1rem;
}

.gift_content_top h4 {
    margin-top: 0.6rem;
    margin-bottom: 0.6rem;
}

.exchange {
    width: 100%;
    border: none;
    background-color: #ff5600;
    color: #fff;
    margin-top: 1rem;
    border-radius: 0.2rem;
    padding: 0.5rem 0;
}

.gift_content_bottom {
    padding: 1rem 0;
}

.gift_content_bottom h4 {
    margin-bottom: 0.6rem;
}

.exchange_submit {
    width: 92%;
    margin: 0 auto;
    padding-top: 0.6rem;
}

.red_star {
    color: #e51c23;
    margin-right: 10px;
}

.exchange_submit_title h4 {
    line-height: 1rem;
    margin: 0.8rem 0 0.6rem 0;
}

.exchange_submit_title input {
    width: 100%;
    border: 1px solid #e8e8e8;
    padding: 0.2rem 0.4rem;
    box-sizing: border-box;
}

.exchange_product {
    background-color: #f7f7f7;
    margin-top: 1.2rem;
}

.exchange_product h4 {
    margin: 1.2rem 0 0.8rem 0;
}

.exchange_product p {
    color: #ff5600;
}

.exchange_product_img {
    float: left;
    width: 6rem;
    margin-right: 1.4rem;
}

.exchange_product_img img {
    width: 100%;
    display: block;
}

.exchange_product_submit {
    border: none;
    width: 100%;
    background-color: #ff5600;
    color: #fff;
    padding: 0.5rem 0;
    border-radius: 0.2rem;
    margin-top: 1rem;
}

.py_first_head img {
    width: 100%;
    display: block;
}

.py_first_title {
    padding: 0.8rem;
    box-sizing: border-box;
    color: #b0b0b0;
    font-weight: normal !important;
    background-color: #fff;
}

.py_first_list li {
    padding: 0.8rem;
    box-sizing: border-box;
    border-top: 2px solid #f7f7f7;
    position: relative;
    background-color: #fff;
}

.py_first_list_left {
    width: 2rem;
    border-radius: 50%;
    overflow: hidden;
    float: left;
}

.py_first_list_left img {
    width: 100%;
    display: block;
}

.py_first_list li span {
    color: #3d2c2c;
    margin: 0.3rem 0 0 0.5rem;
    display: inline-block;
}

.icon_jt {
    width: 0.6rem;
    height: 1rem;
    background: url(../images/jt.png) no-repeat;
    background-size: cover;
    position: absolute;
    right: 1rem;
    top: calc(50% - 0.5rem);
    bottom: 0;
}

.icon_xg {
    width: 1rem;
    height: 1rem;
    background: url(../images/xg.png) no-repeat;
    background-size: cover;
    position: absolute;
    right: 1rem;
    top: calc(50% - 0.5rem);
    bottom: 0;
}

.person_info_head {
    position: relative;
}

.person_info_head img {
    width: 100%;
    display: block;
    position: relative;
    z-index: 3;
}

.person_infoa {
    position: absolute;
    border-radius: 50%;
    overflow: hidden;
    width: 6rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0.3rem;
    padding: 0.2rem;
    background: #c87f7f;
}

.person_infoa img {
    width: 100%;
    display: block;
    position: relative;
    z-index: 3;
    border-radius: 50%;
}

.person_infobox {
    border-radius: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -3.5rem;
    border: 1px dashed #c87f7f;
    width: 7rem;
    height: 7rem;
    position: absolute;
}

.person_info img {
    width: 100%;
    display: block;
}

.person_info_title {
    padding: 1rem 0 0.6rem 2.4rem;
    box-sizing: border-box;
    position: relative;
    border-bottom: 1px solid #e8e8e8;
    background: #fff;
}

.person_info_title::after {
    content: "";
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 50%;
    background-color: #910000;
    position: absolute;
    left: 1rem;
    top: calc(50% - 0.1rem);
}

.person_info_title p {
    color: #910000;
    font-size: 1.1rem;
}

.person_info_content {
    padding: 1rem 1rem 0rem 2.4rem;
    box-sizing: border-box;
    background: #fff;
}

.person_info_content_right {
    float: left;
    color: #150000;
    margin-bottom: 0.6rem;
    width: 60%;
}

.person_info_content_left {
    float: left;
    color: #150000;
    margin-bottom: 0.6rem;
    width: 40%;
}

.person_info_content_left span {
    color: #5b5b5b;
}

.person_info_content_right span {
    color: #5b5b5b;
}

.person_info_introduce {
    position: relative;
    padding: 1rem 2.4rem 5rem 2.4rem;
    box-sizing: border-box;
    line-height: 1.6rem;
    background: #fff;
}

.person_info_introduce_left {
    width: 5rem;
    position: absolute;
    left: 1rem;
    bottom: -0.4rem;
}

.person_info_introduce_right {
    position: absolute;
    right: 2rem;
    bottom: 0.5rem;
    color: #ff5b3b;
}

.person_info_introduce_left img {
    width: 100%;
    display: block;
}

.person_info_word {
    background: #fff;
    width: 92%;
    margin: 0 auto;
    padding: 0.8rem 0.8rem 0.2rem 2rem;
    box-sizing: border-box;
    margin: 1rem auto;
    padding-bottom: 1.4rem;
}

.jiange {
    width: 100%;
    height: 3.5rem;
    background: #fff;
}

.person_info_word_title {
    color: #acacac;
    position: relative;
}

.person_info_word_title::after {
    content: "";
    position: absolute;
    width: 0.2rem;
    height: 1rem;
    background-color: #ff5b3b;
    left: -1rem;
    top: calc(50% - 0.5rem);
}

.person_info_word_title span {
    font-size: 0.8rem;
    margin-left: 0.5rem;
}

.icon_dz {
    width: 1.3rem;
    height: 1.3rem;
    background: url(../images/dz.png) no-repeat;
    background-size: cover;
    display: block;
    position: absolute;
    right: 1.5rem;
    top: 0rem;
}

.person_info_word_num {
    position: absolute;
    top: 0.1rem;
    right: 0.5rem;
    font-size: 1rem !important;
    color: #ff5b3b;
}

.person_info_word_content {
    text-align: justify;
    font-size: 0.9rem;
    color: #5b5b5b;
    margin: 0.3rem 0;
}

.person_info_word_reply {
    color: #5b5b5b;
    font-size: 0.9rem;
}

.addgreen {
    color: #ff5b3b;
    margin: 0.5rem 0;
    font-size: 1rem;
    margin-bottom: 0.3rem;
}

.person_info_word_reply span {
    font-size: 0.8rem;
    color: #acacac;
    margin-top: 0.2rem;
    display: block;
}

.exchange_title {
    text-align: center;
    margin-top: 1rem;
}

.exchange_title li {
    display: inline-block;
    width: 46%;
    background-color: #3f51b5;
    color: #fff;
    padding: 0.5rem 0;
    border-radius: 0.2rem;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}

.exchange_title li:last-child {
    background-color: #3291ee;
}

.exchange_content .exchange_product {
    margin-top: 0;
    position: relative;
    padding-right: 5.5rem;
    box-sizing: border-box;
}

.exchange_content {
    margin-top: 1rem;
}

.exchange_content li {
    padding: 0.5rem 0.8rem;
    box-sizing: border-box;
    border-bottom: 1px dashed #e8e8e8;
}

.exchange_content li:last-child {
    border-bottom: none;
}

.exchange_content_right {
    position: absolute;
    right: 0;
    top: 1rem;
    text-align: center;
}

.exchange_content_right span {
    display: block;
    color: #acacac;
    margin-bottom: 0.4rem;
    font-size: 0.9rem;
}

.exchange_content_right input {
    border: none;
    border-radius: 0.2rem;
    background-color: #ff5600;
    color: #fff;
    padding: 0.3rem 0.6rem;
    font-size: 0.8rem;
}

.exchange_content .exchange_product_img {
    margin-right: 0.5rem;
}

.exchange_content .exchange_product h4 {
    margin: 1.2rem 0 0.3rem 0;
}

.icon_zj {
    display: block;
    width: 0.8rem;
    height: 1.5rem;
    background: url(../images/zj.png) no-repeat;
    background-size: cover;
    position: relative;
    float: left;
    margin-right: 0.8rem;
}

.revise_info_head {
    padding: 0.7rem 1.5rem;
    box-sizing: border-box;
    background-color: #fff;
    margin-bottom: 0.8rem;
}

.revise_info_head span {
    color: #3291ee;
}

.revise_info_head_left {
    float: left;
}

.revise_info_head_right {
    float: right;
}

.revise_info_list_left {
    display: inline-block;
    width: 38%;
    padding-left: 3rem;
    box-sizing: border-box;
    float: left;
}

.revise_info_list_right {
    display: inline-block;
    width: 60%;
}

.revise_info_list_right textarea {
    width: 100%;
    border: none;
}

.revise_info_list_right input {
    float: left;
    border: none;
    padding: 0;
}

.revise_info_list_right span {
    margin-right: 1rem;
}

.revise_info_list li {
    background-color: #fff;
    padding: 0.8rem 0;
    margin-bottom: 2px;
    padding-right: 2rem;
    box-sizing: border-box;
}

.revise_info_list li p {
    color: #150000;
}

input[type='radio'].radio {
    opacity: 0;
    display: none;
    height: 1.35rem;
}

label.radio {
    background: url(../images/gray_circle.png) no-repeat;
    height: 1.35rem;
    padding-left: 1.35rem;
    margin-right: 0.2rem;
    background-size: 100% 100%;
    background-position: 0 0;
}

input[type='radio'].radio:checked+.radio {
    background: url(../images/blue_circle.png) no-repeat;
    background-size: 100% 100%;
}

.revise_info_list_right select {
    border: none;
    padding: 0.3rem 1rem;
    border: 1px solid #3291ee;
    border-radius: 0.2rem;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url(../images/lsj.png) no-repeat scroll right center transparent;
    padding-right: 2rem;
    background-size: 16% 30%;
    background-position-x: 4.6rem;

}

.revise_info_list_right option {
    color: #3291ee;
}

.heart_head img {
    width: 100%;
    display: block;
}

.heart_introduce {
    padding: 1.2rem 1rem;
    box-sizing: border-box;
}

.heart_introduce h4 {
    color: #382727;
    position: relative;
    display: block;
    margin-bottom: 0.6rem;
}

.heart_introduce h4 span {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    font-weight: normal;
    color: #e51c23;
}

.heart_introduce p {
    line-height: 1.8rem;
    font-size: 0.8rem;
    color: #686868;
}

.heart_introduce p span {
    color: #ff5b3b;
}

.heart_introduce p input {
    display: inline-block;
    padding: 0;
    border: none;
    color: #fff;
    font-size: 0.9rem;
    padding: 0.3rem 0.2rem;
    border-radius: 0.2rem;
    float: right;
    font-size: 0.6rem;
}

.heart_introduce p .heart_phone {
    background-color: #ff5600;
    font-size: 0.6rem;
}

.heart_introduce p .heart_claim {
    background-color: #3291ee;
    margin-left: 0.6rem;
    padding: 0.3rem 0.6rem;
    padding-right: 1.5rem;
    font-size: 0.6rem;
}

.heart_introduce a {
    position: relative;
    display: block;
    float: right;
    font-size: 0.8rem;
}

.icon_yjt {
    position: absolute;
    right: 0.5rem;
    top: calc(50% - 0.35rem);
    width: 0.3rem;
    height: 0.7rem;
    background: url(../images/yjt.png) no-repeat;
    background-size: 100% 100%;
}

.heart_content {
    padding: 0.6rem 1rem;
    box-sizing: border-box;
    background-color: #fff;
}

.heart_content h4 {
    color: #686868;
    padding-left: 1rem;
    box-sizing: border-box;
    margin-bottom: 0.8rem;
    position: relative;
    display: block;
}

.heart_content h4:after {
    content: "";
    width: 0.2rem;
    height: 1rem;
    background-color: #259b24;
    position: absolute;
    left: 0;
    top: calc(50% - 0.5rem);
}

.heart_content p {
    font-size: 0.9rem;
    color: #6c6c6c;
}

.heart_content input {
    display: block;
    width: 100%;
    border: none;
    background-color: #ffde00;
    font-size: 0.8rem;
    color: #504600;
    font-weight: bold;
    margin-top: 0.5rem;
    border-radius: 0;
}

.heart_schedule {
    padding: 0.8rem 1rem;
}

.heart_schedule_time {
    margin-bottom: 0.3rem;
}

.heart_schedule_time p {
    background-color: #8bc34a;
    color: #e2eb1b;
    font-size: 0.9rem;
    display: block;
}

.heart_schedule_time p span {
    background-color: #ff5b3b;
    color: #fff;
    padding: 0.3rem 0rem;
    margin-right: 0.4rem;
    width: 4rem;
    display: inline-block;
    text-align: center;
    font-size: 0.6rem;
}

.heart_schedule_process {
    margin-bottom: 0.3rem;
}

.heart_schedule_process span {
    background-color: #f19437;
    color: #fff;
    padding: 1.2rem 0rem;
    width: 4rem;
    display: inline-block;
    text-align: center;
    font-size: 0.6rem;
    float: left;
}

.heart_schedule_process ul {
    display: inline-block;
    text-align: center;
    float: left;
    width: 77%;
    padding-left: 2rem;
    box-sizing: border-box;
}

.heart_schedule_process li {
    display: inline-block;
    font-size: 0.5rem;
    width: 28%;
    padding: 0.3rem 0;
    border-bottom: 1px solid #ff5b3b;
    float: left;
    position: relative;
    height: 1rem;
}

.heart_schedule_process li .dashed {
    position: absolute;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background-color: #ff5b3b;
    left: calc(50% - 0.25rem);
    bottom: -0.25rem;
    display: block;
}

.claim {
    text-align: center;
    background-color: #fff;
    width: 90%;
    margin: 0 auto;
    border: 1px solid #e8e8e8;
    padding-top: 2rem;
    margin-top: 1rem;
    position: relative;
}

.claim_photo {
    width: 100%;
    border-radius: 50%;
    overflow: hidden;
}

.claim_photo img {
    width: 100%;
    display: block;
}

.claim li {
    text-align: center;
    width: 14%;
    margin: 0 2%;
    display: inline-block;
    margin-bottom: 0.8rem;
}

.claim li span {
    font-size: 0.8rem;
    color: #acacac;
}

.claim_list {
    position: absolute;
    background-color: #ff5b3b;
    color: #fff;
    width: 5rem;
    padding: 0.3rem 0.8rem;
    left: calc(50% - 3.3rem);
    top: -1rem;
}

.border-right {
    border-right: 1px solid #8bc34a;
}

.share {
    background-color: #fff;
    padding: 0.8rem 1rem;
    margin-top: 1rem;
}

.share_title {
    border-bottom: 1px solid #e8e8e8;
    position: relative;
}

.share_title span {
    position: absolute;
    width: 3rem;
    padding: 0.1rem 0.6rem;
    color: #686868;
    background-color: #fff;
    left: calc(50% - 1.8rem);
    top: -0.6rem;
}

.heart_introduce .jilu {
    display: block;
    width: 100%;
    background-color: #259b24;
    color: #fff;
    text-align: center;
    padding: 0.5rem 0;
    font-size: 0.9rem;
    border-radius: 0.2rem;
    margin-top: 0.8rem;
}

.heart_introduce a span {
    padding-left: 0.3rem;
}

.heart_details_content {
    padding: 0.6rem 1rem;
    box-sizing: border-box;
    background-color: #fff;
    margin-top: 2.6rem;
}

.heart_details_content h4 {
    color: #259b24;
    padding-left: 1rem;
    box-sizing: border-box;
    position: relative;
    display: block;
    font-size: 0.9rem;
}

.heart_details_content h4:after {
    content: "";
    width: 0.2rem;
    height: 0.9rem;
    background-color: #259b24;
    position: absolute;
    left: 0;
    top: calc(50% - 0.45rem);
}

.heart_details_form {
    padding: 0.6rem 1rem;
}

.heart_details_form p {
    margin-bottom: 0.5rem;
}

.heart_details_form span {
    float: left;
    padding: 0.4rem 0.2rem;
    position: relative;
    text-align: center;
    width: 25%;
    color: #150000;
    font-size: 0.9rem;
}

.heart_details_form input {
    float: right;
    border: 1px solid #e8e8e8;
    width: 60%;
    border-radius: 0;
}

.red_circle::after {
    content: "*";
    color: #e51c23;
    position: absolute;
    left: 0;
    top: 0.5rem;
    font-size: 1rem;
}

.tj_info {
    padding: 0.6rem 1rem;
    padding-bottom: 3rem;
}

.tj_info input {
    width: 100%;
    background-color: #259b24;
    color: #fff;
    display: block;
    border: none;
    padding: 0.5rem 0;
    border-radius: 0.2rem;
}

.choose_second {
    margin-top: 0.6rem;
    margin-bottom: 0.4rem;
}

.choose_second select {
    width: 48%;
    float: left;
    color: #ff5b3b;
    margin: 0 1%;
    padding: 0.6rem;
    box-sizing: border-box;
    background-color: #fff;
    display: block;
    border-radius: 0.3rem;
    /* appearance:inherit !important;
	-moz-appearance: inherit !important; 
	-webkit-appearance: inherit !important;  */
    /* background: url(../images/gsj.png) no-repeat scroll 8rem center transparent ;/* 自己的图*/
    /* background-size: 1rem 0.5rem; */
}

.little_heart_title {
    padding: 0.5rem 0.8rem;
    box-sizing: border-box;
    position: relative;
    padding-right: 5.8rem;
    margin-top: 1rem;
}

.little_heart_title_left {
    float: left;
    width: 5rem;
    overflow: hidden;
    border-radius: 0.3rem;
    position: relative;
    margin-right: 1rem;
}

.little_heart_title_left img {
    width: 100%;
    display: block;
}

.little_heart_title_left span {
    color: #fff;
    background-color: #259b24;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0rem 0.2rem;
    box-sizing: border-box;
}

.little_heart_title_mid {
    word-break: break-all;
    overflow: hidden;
}

.little_heart_title_mid p {
    color: #150000;
    font-weight: bold;
}

.little_heart_title_mid span {
    color: #adadad;
    font-size: 0.8rem;
    margin-top: 0.1rem;
    display: block;
}

.little_heart_title_mid li {
    display: inline-block;
    color: #acacac;
    padding-left: 1.2rem;
    position: relative;
    margin-right: 0.4rem;
    font-size: 0.8rem;

}

.little_heart_title_mid li>i {
    margin-top: 0.5vw;
}

.icon_ldz {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background: url(../images/ldz.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 0rem;
    top: 0.1rem;
}

.icon_hx {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background: url(../images/hx.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 0rem;
    top: 0rem;
}

.icon_gk {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background: url(../images/gk.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 0rem;
    top: 0.1rem;
}

.little_heart_title_right {
    position: absolute;
    right: 1rem;
    top: 1rem;
    text-align: right;
}

.little_heart_title_right p {
    font-size: 0.9rem;
    color: #ff5b3b;
}

.little_heart_title_right a {
    display: inline-block;
    background-color: #3291ee;
    color: #fff;
    padding: 0.3rem 1rem;
    border-radius: 0.2rem;
    margin-top: 0.6rem;
    padding-right: 1.8rem;
    font-size: 0.9rem;
    position: relative;
}

.icon-blue {
    position: absolute;
    width: 0.4rem;
    height: 0.7rem;
    background: url(../images/yjt.png) no-repeat;
    background-size: 100% 100%;
    right: 0.6rem;
    top: calc(50% - 0.35rem);
}

.little_heart_content {
    width: 90%;
    margin: 0 auto;
    background-color: #fff;
    padding: 0.6rem 0;
}

.little_heart_content li {
    display: inline-block;
    color: #ff5b3b;
    width: 15.2%;
    text-align: center;
    font-size: 0.8rem;
    position: relative;
}

.little_heart_content .little_heart_gray {
    display: inline-block;
    color: #bdbdbd;
    width: 15.2%;
    text-align: center;
    font-size: 0.8rem;
    position: relative;
}

.little_heart_gray .ld {
    color: #a1a1a1 !important;
    background-color: #bdbdbd;
}

.hx {
    width: 100%;
    margin: 0 auto;
    border-bottom: 1px solid #ff5b3b;
    margin-top: 0.6rem;
}

.ld {
    position: absolute;
    width: 0.6rem;
    height: 0.6rem;
    background-color: #ff5b3b;
    display: block;
    left: calc(50% - 0.3rem);
    bottom: -1rem;
    border-radius: 50%;
}

.hd {
    position: absolute;
    width: 0.6rem;
    height: 0.6rem;
    background-color: #a1a1a1;
    display: block;
    left: calc(50% - 0.3rem);
    bottom: -1rem;
    border-radius: 50%;
}

.community_title {
    text-align: center;
    background-color: #fff;
    padding: 1rem 0;
    font-size: 0;
}

.community_title li {
    display: inline-block;
    color: #acacac;
    border: 1px solid #e8e8e8;
    padding: 0.1rem 0.7rem;
    font-size: 1rem;
}

.community_title_right {
    position: absolute;
    right: 1rem;
    top: 1rem;
    text-align: right;
}

.community_title_right p {
    font-size: 0.9rem;
    color: #09bb07;
}

.community_title_right a {
    display: inline-block;
    background-color: #09bb07;
    color: #fff;
    padding: 0.3rem 1rem;
    border-radius: 0.2rem;
    margin-top: 0.6rem;
    font-size: 0.9rem;
    position: relative;
}

.community_heart_content {
    padding: 0.5rem 0.8rem;
    box-sizing: border-box;
    text-align: center;
    background-color: #fff;
}

.community_heart_content li {
    display: inline-block;
    width: 32%;
    color: #8bc34a;
    font-size: 0.9rem;
}

.community_hx {
    width: 70%;
    border-bottom: 1px solid #8bc34a;
    margin: 0.6rem auto;
    position: relative;
}

.community_hx_left {
    width: 0.8rem;
    height: 0.8rem;
    position: absolute;
    border-radius: 50%;
    background-color: #8bc34a;
    left: calc(0rem - 0.4rem);
    top: -0.4rem;
}

.community_hx_mid {
    width: 0.8rem;
    height: 0.8rem;
    position: absolute;
    border-radius: 50%;
    background-color: #8bc34a;
    left: calc(50% - 0.4rem);
    top: -0.4rem;
}

.community_hx_right {
    width: 0.8rem;
    height: 0.8rem;
    position: absolute;
    border-radius: 50%;
    background-color: #8bc34a;
    right: calc(0rem - 0.4rem);
    top: -0.4rem;
}

.community_content_box {
    display: none;
    padding-bottom: 1.5rem;
}

.green_bg {
    background-color: #259b24;
    border: 1px solid #259b24 !important;
    color: #fff !important;
}

.attention_title_right a {
    display: inline-block;
    background-color: #3291ee;
    color: #fff;
    padding: 0.3rem 1rem;
    border-radius: 0.2rem;
    margin-top: 0.6rem;
    font-size: 0.9rem;
    position: relative;
    padding-right: 1.8rem;
}

.attention_title_right {
    position: absolute;
    right: 1rem;
    top: 1rem;
    text-align: right;
}

.attention_title_right p {
    font-size: 0.9rem;
    color: #09bb07;
}

.community_head {
    position: relative;
    border-bottom: 1px solid #f7f7f7;
    margin-bottom: 1.2rem;
    margin-top: 1.3rem;
}

.community_head span {
    position: absolute;
    width: 3rem;
    padding: 0.1rem 0.6rem;
    color: #32a131;
    background-color: #fff;
    left: calc(50% - 1.5rem);
    top: -0.6rem;
    font-size: 1rem;
}


a {
    display: block;
}