/**  activitylist  **/
.activity-wrap
{
    width: 100%;
    background-color: #fff;
    min-height: 600px;
}

.activity-mid
{
    width: 1198px;
    margin: 0px auto;
    padding-bottom: 30px;
    position: relative;
}

.location
{
    padding: 20px 0px;
}

    .location span.cur
    {
        color: #ff3f3f;
    }



.activity-list
{
    margin-top: 10px;
}

.activity-item
{
    float: left;
    width: 520px;
    margin-left: 32px;
    margin-right: 32px;
    margin-top: 32px;
}

    .activity-item dl
    {
    }

        .activity-item dl dt
        {
            padding: 10px 0px;
            line-height: 20px;
            height: 40px;
        }

            .activity-item dl dt a
            {
                font-size: 18px;
            }

        .activity-item dl dd
        {
            padding: 10px 0px;
        }

            .activity-item dl dd span.type
            {
                background-color: #df80c9;
                display: inline-block;
                border-radius: 3px;
                padding: 3px 8px;
                color: #fff;
            }



    .activity-item .image
    {
        width: 520px;
        height: 270px;
        position: relative;
    }

        .activity-item .image a
        {
        }

            .activity-item .image a img
            {
                width: 520px;
                height: 270px;
            }

        .activity-item .image ul
        {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 520px;
            height: 40px;
            background-color: #000000;
            filter: alpha(Opacity=80);
            -moz-opacity: 0.8;
            opacity: 0.8;
        }

            .activity-item .image ul li
            {
                float: left;
                color: #fff;
                line-height: 40px;
                width: 110px;
            }

        .activity-item .image .state
        {
            position: absolute;
            top: 0;
            right: 0;
            width: 81px;
            height: 39px;
            background-color: #000000;
            filter: alpha(Opacity=50);
            -moz-opacity: 0.5;
            opacity: 0.5;
            color: #fff;
            text-align: center;
            line-height: 38px;
            font-size: 18px;
        }

    .activity-item .info
    {
        margin-top: 15px;
    }

        .activity-item .info ul
        {
        }

            .activity-item .info ul li
            {
                padding: 8px 0px;
            }

                .activity-item .info ul li span
                {
                    display: inline-block;
                    position: relative;
                    padding-left: 25px;
                }

                .activity-item .info ul li a
                {
                }

/*********activity *********/
.activity-detail-wrap
{
    width: 100%;
}

.activity-detail-lpart {
    float: left;
    width: 877px;
    background-color: #fff;
    min-height: 600px;
    /*margin-top: 20px;*/
}





    .activity-detail-lpart .title
    {
        padding: 20px 0px 20px 15px;
    }

        .activity-detail-lpart .title h1
        {
            font-size: 22px;
            padding: 15px 20px;
        }

        .activity-detail-lpart .title .image
        {
            margin-top: 20px;
        }

            .activity-detail-lpart .title .image img
            {
                width: 800px;
                height: auto;
                margin-left: 20px;
            }

        .activity-detail-lpart .title span.type
        {
            display: inline-block;
            background-color: #0089cd;
            padding: 3px 5px;
            border-radius: 3px;
            color: #fff;
            margin-left: 20px;
        }

        .activity-detail-lpart .title ul
        {
            float: right;
            padding: 20px 0px;
        }

            .activity-detail-lpart .title ul li
            {
                float: left;
                width: 110px;
            }

    .activity-detail-lpart .basic-info
    {
    }

        .activity-detail-lpart .basic-info ul
        {
            float: left;
            margin: 0px 0px 0px 20px;
        }

            .activity-detail-lpart .basic-info ul li
            {
                padding: 10px 0px;
            }

                .activity-detail-lpart .basic-info ul li span
                {
                    display: inline-block;
                    position: relative;
                    padding-left: 25px;
                }

                    .activity-detail-lpart .basic-info ul li span a
                    {
                        color: #0089cd;
                    }

                        .activity-detail-lpart .basic-info ul li span a:hover
                        {
                            color: #df80c9;
                        }

    .activity-detail-lpart .attention-info
    {
        margin-top: 20px;
        padding: 20px;
        line-height: 22px;
    }

    .activity-detail-lpart .panel-comment
    {
        padding: 20px;
        display: none;
    }

.panel-reg
{
    display: none;
}

#registered_info
{
    float: right;
    padding: 25px 20px 20px 0px;
}

.panel-reg .full
{
    padding: 20px;
    display: inline-block;
    border: 1px solid #009ae3;
    border-radius: 3px;
}

#regLink
{
    display: none;
    padding: 20px 30px;
    margin-right: 20px;
    float: right;
    font-size: 24px;
}

.activity-detail-lpart .panel-comment textarea
{
    border: 1px solid #dcdcdc;
    resize: none;
    width: 100%;
    margin: 10px 0px;
    padding:5px;
}

.activity-detail-lpart .panel-comment .comment-list
{
    margin-top: 20px;
}

    .activity-detail-lpart .panel-comment .comment-list h1
    {
        display: inline-block;
        width: 100%;
        padding: 10px 0px;
        border-bottom: 1px solid #ddd;
    }

#comments
{
}

    #comments .comment
    {
        font-size: 14px;
        width: 100%;
        position: relative;
        min-height: 45px;
        padding: 12px 0px;
    }

        #comments .comment .photo
        {
            position: absolute;
            left: 0;
        }

            #comments .comment .photo img
            {
                width: 50px;
                height: 50px;
            }
        #comments .comment .desc
        {
            margin-left: 60px;
        }

            #comments .comment .desc .nickname
            {
                color: #666;
            }

        #comments .comment .time
        {
            float: right;
            display: inline-block;
        }

        #comments .comment .content
        {
            margin-top: 3px;
            line-height: 22px;
            color: #333;
        }

.m-more a, .m-more div
{
    display: block;
    text-align: center;
    padding: 5px;
    font-size: 14px;
    color: #999;
    background: #fff;
}

.data-empty
{
    width: 100%;
    text-align: center;
    padding: 20px 0px;
}

.activity-detail-rpart {
    float: right;
    width: 300px;
    /*margin-top: 20px;*/
    min-height: 600px;
}

.panel-person {
    background-color: #fff;
    /*width: 100%;*/
    margin-bottom: 10px;
    padding: 10px 5px;
}

    .panel-person h1, .related-activity h1
    {
        display: inline-block;
        width: 100%;
        margin:0 auto;
        padding: 10px 0px;
        border-bottom: 1px solid #ddd;
        text-align: center;
    }

.related-activity {
    background-color: #fff;
    /*width: 100%;*/
    padding: 10px 5px;
}

    .related-activity dl
    {
        margin-top:15px;
    }

        .related-activity dl dt
        {
            font-size: 14px;
            padding: 0 15px;
            margin-top: 5px;
        }

        .related-activity dl dd
        {
            text-align: center;
            padding:15px;
            margin-bottom:10px;
        }

            .related-activity dl dd img
            {
                width: 100%;
            }

.panel-person
{
    padding-bottom: 30px;
}

.teacher
{
    margin-top: 5px;
}

    .teacher .image {
        float: left;
        width: 106px;
        /*height: 148px;*/
        margin-top: 5px;
        margin-left: 5px;
        display: block;
    }

    .teacher img {
        width: 106px;
        /*height: 148px;*/
    }

    .teacher dl {
        float: left;
        width: 170px;
    }

        .teacher dl dt
        {
            padding-left: 20px;
            padding-top: 10px;
        }

            .teacher dl dt a
            {
                color: #009ae3;
            }

        .teacher dl dd
        {
            padding-left: 20px;
            padding-top: 10px;
            line-height: 20px;
        }