.event_main_wrap {
    display: block;
    overflow: hidden;
    width: 100%;
}

    .event_main_wrap img {
        width: 100%;
    }

.event_area_one {
    display: block;
    width: 100%;
    background-color: #ffe5e4;
}

    .event_area_one .text {
        display: block;
        overflow: hidden;
        margin: 15px auto;
        width: 90%;
        font-size: 16px;
        color: #612b2d;
        text-align: center;
    }

.area_two {
    display: block;
    background-image: url("../product/560/images/laser-r.png");
    position: relative;
    padding-top: 100px;
    padding-bottom: 30px;
}

.event_main_wrap .area_two_tt {
    width: 840px;
    position: absolute;
    left: 0;
    top: -35px;
}

.area_two .remarks {
    display: block;
    overflow: hidden;
    width: 90%;
    padding: 4% 4% 4% 10%;
    margin: 0 auto;
    box-sizing: border-box;
    background-color: #3e4c97;
    font-size: 22px;
    color: #fff;
}

.area_two .love {
    width: 90%;
    margin: 0 auto;
}

.event_area_one .love_area {
    display: block;
    overflow: hidden;
    width: 90%;
    padding: 3%;
    margin: 0 auto;
    box-sizing: border-box;
    border: 1px solid #ab1330;
    background-color: #fff0f3;
}

    .event_area_one .love_area .love_remarks {
        padding: 3% 0;
        font-size: 16px;
        color: #58382b;
    }

    .event_area_one .love_area .item_wrap {
        display: block;
        overflow: hidden;
        width: 100%;
    }

        .event_area_one .love_area .item_wrap .item {
            display: block;
            width: 49%;
            height: 100%;
            box-sizing: border-box;
            background-color: #ffdedd;
            float: left;
        }

            .event_area_one .love_area .item_wrap .item:first-child {
                margin-right: 2%;
            }

            .event_area_one .love_area .item_wrap .item .item_list {
                display: block;
                height: 100%;
                padding: 20px 20px 20px 50px;
                font-size: 16px;
                color: #58382b;
                font-weight: bold;
                list-style-type: cjk-ideographic;
            }

                .event_area_one .love_area .item_wrap .item .item_list li {
                    margin-bottom: 10px;
                }

.event_area_one .trait_wrap {
    display: block;
    overflow: hidden;
    background-image: url("../product/560/images/laser-w.png");
    background-size: 100%;
    background-repeat: repeat-y;
}

.event_area_one .trait_content_wrap {
    display: block;
    overflow: hidden;
    margin: 0 auto 60px auto;
}

.event_area_one .trait_content {
    display: block;
    background-image: url("../product/560/images/index_10.png");
    background-repeat: repeat-y;
    background-size: 100%;
    padding: 3% 10% 0 10%;
}

.trait_content .item_bt {
    display: block;
    width: 100%;
    padding: 10px 10px 10px 120px;
    margin-top: 15px;
    box-sizing: border-box;
    background-color: #ff6974;
    border-radius: 15px;
    position: relative;
}

    .trait_content .item_bt:hover {
        color: #fff;
    }

    .trait_content .item_bt .flw {
        width: 90px;
        position: absolute;
        top: -25%;
        left: 2%;
    }

    .trait_content .item_bt .arr_d {
        display: none;
    }

    .trait_content .item_bt .name {
        display: inline-block;
        font-size: 20px;
        line-height: 25px !important;
        color: #ffffff;
        cursor: pointer;
    }

.trait_content .item_content {
    display: block;
    overflow: hidden;
    padding: 20px 20px 20px 120px;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 26px !important;
    color: #5e3722;
}

    .trait_content .item_content span {
        display: block;
        color: #d84265;
        font-weight: bold;
    }

    .trait_content .item_content .arr {
        display: inline-block;
        width: 9px;
        line-height: 26px;
        margin-right: 7px;
        margin-top: 8px;
    }
/*
.trait_content .item_content:target{
	display: block;
}*/



@media screen and (min-width: 641px) {
    .pc_block {
        display: block;
    }

    .mb_block {
        display: none;
    }

    .event_area_one .love_area .item_wrap .item {
        padding-bottom: 500em;
        margin-bottom: -500em;
    }
}

@media screen and (max-width: 640px) {
    .pc_block {
        display: none;
    }

    .mb_block {
        display: block;
    }

    .area_two {
        padding-top: 10%;
    }

    .event_main_wrap .area_two_tt {
        width: 100%;
        left: 0;
        top: -30px;
    }

    .area_two .remarks {
        padding: 6%;
        font-size: 18px;
    }

    .event_area_one .love_area .item_wrap .item {
        display: block;
        width: 100%;
        box-sizing: border-box;
        background-color: #ffdedd;
        float: left;
    }

        .event_area_one .love_area .item_wrap .item:first-child {
            margin-right: 0;
            margin-bottom: 20px;
        }

        .event_area_one .love_area .item_wrap .item .item_list {
            display: block;
            overflow: auto;
            height: 180px;
            -ms-overflow-style: none;
            overflow: -moz-scrollbars-none;
        }

            .event_area_one .love_area .item_wrap .item .item_list::-webkit-scrollbar {
                width: 0 !important
            }

    .event_area_one .trait_content {
        background-image: url("../product/560/images/index-mb_10.png");
    }

    .trait_content .item_bt {
        margin: 25px 0;
        padding: 25px 30px 15px 15px;
        cursor: pointer;
    }

        .trait_content .item_bt .arr_d {
            display: block;
            width: 20px;
            position: absolute;
            top: 40%;
            right: 3%;
        }

        .trait_content .item_bt .flw {
            width: 60px;
            position: absolute;
            top: -30%;
            left: 2%;
        }

        .trait_content .item_bt .name {
            display: inline-block;
            font-size: 20px;
            line-height: 30px !important;
            color: #ffffff;
        }

    .trait_content .item_content {
        display: block;
        height: 0;
        padding: 0;
    }

        .trait_content .item_content.active {
            height: auto;
            padding-bottom: 20px;
        }
}